E' ormai sotto gli occhi di tutti, anche in Italia sono sempre più le persone che navigano dai loro dispotivi mobili. I telefoni cellulari di ultima generazione permettono, senza troppa difficoltà, il collegamento alla rete ma i loro schermi particolarmente piccoli e dalle risoluzioni basse mal si adattano a template ricchi e ampi.

Cosa fare dunque? Lasciare che una fetta importante di utenti si districhi in interminabili movimenti di dita per riuscire a seguire un articolo sul vostro sito? Sarebbe un peccato e fortuntamente la community che gira intorno a Joomla non è rimasta ferma a guardare mettendo a disposizione un ottimo componente che, in pochi click, sarà in grado di rendere il vostro sito particolarmente godibile anche agli utenti che navigano dai loro smartphone.

Seguitemi in questo articolo e scoprirete, almeno in parte, le potenzialità di Mobile Joomla.

Il componente di cui vi parlerò in questo articolo dirotterà i vostri utenti mobile su appositi template, creati ad hoc per le risoluzioni dei telefoni cellulari e per le loro velocità di navigazione decisamente inferiore alle comuni ADSL.

Mobile Joomla però non si limita a questo ma fa molto di più, andiamo quindi a scoprire il sito ufficiale di questo componente dove potrete trovare, anche se in inglese, alcune guide molto interessanti. Per poter scaricare il componente dovete registrarvi sul sito ma la cosa occupa davvero pochissimi minuti.

Prima di installare sul vostro sito il componente assicuratevi che il vostro spazio hosting rispetti i requsiti minimi del componente, non sono nulla di speciale e quindi molto probabilmente non avrete alcun problema ma per "dovere di cronaca" eccovi qui i requisiti per Mobile Joomla:

• PHP 5.0
• MySQL database
• Joomla! 1.5
• GD2 (Una libreria Php per il ridimensionamento delle immagini)
• bzip2 (Una estensione del PHP, prerequisito per TeraWURFL)
• mysqli (prerequisito per TeraWURFL)
• Diritti di Amministrazione sul Database
• Diritti di creazione di file da PHP
• Almeno 100 MB di spazio per il database
• Almeno 64 MB di memoria per l'esecuzione dei PHP scripts (PHP memory limit)

Assicuratevi che il vostro hosting rispetti questi requisiti altrimenti alcune features di Mobile Joomla potrebbero non funzionare al meglio.

Una volta che vi sarete assicurati di rispettare i requisiti minimi e che avrete il file di installazione sul vostro pc andiamo a installarlo tramite la normale procedura di installazione di estensione di Joomla.

Dopo che l'installazione sarà completata avremo diversi nuovi elementi nel nostro sito (non preoccupatevi dei tempi più lunghi del previsto, vista la mole di file da installare è normalissimo):

• Il componente vero e proprio.
• 6 moduli: Un modulo Header (mod_mj_header) ; i moduli menu per Iphone, Pda, Wap e I-mode(mod_mj_iphone_menu ecc) e il modulo per di Scelta della versione (mod_mj_markupchooser).
• Un plung-in (TeraWURFL, che lavorerà senza bisogno di particolari attenzioni).
• 4 Template uno per ogni versione supportata e quindi anche qui abbiamo un template per Iphone, uno per Pda, uno per War e uno per I-mode.

Permettetemi di iniziare la mia descrizione delle varie componenti di Mobile Joomla partendo dai moduli e non, come magari sarebbe più canonico, dal componente. Il motivo è presto detto, se non avrete impostato a dovere i moduli le vostre versioni Mobile saranno decisamente lontane da essere usabili dai vostri utenti.

Partiamo dal modulo Header, questo modulo ci permetterà di impostare l'intestazione delle versioni mobile del nostro sito, è lo stesso per tutte le versioni supportate da Mobile Joomla e i suoi parametri sono particolarmente intuitivi.

Potremo scegliere se utilizzare una intestazione testuale o una immagine. Se dovessi scegliere il Testo potremo impostare un titolto e un sottotitolo.

I 4 moduli Menu presentano lo stesso pannello di amministrazione e quindi andremo ad analizzarne solo uno, trovere queste stesse opzioni per uno qualsiasi dei moduli menu installati da Mobile Joomla.

La funzione di questi moduli è riproporre uno dei menu presenti nel vostro sito in un formato più adatto alla versione per cui è realizzato, nei template di Mobile Joomla, infatti, non avrete nessuno dei moduli pubblicati nella versione "classica" del vostro sito web.

Avremo quindi la necessità di impostare questi moduli per far si che all'interno delle nostre versioni mobile siano presenti i nostri menu. Tramite il primo parametro scegliamo quale menu dev'essere visualizzato all'interno di quesot modulo, possiamo successivamente impostare un suffisso di classe o escludere alcune voci del menu inserendo l'id di quest'ultime nella voce "Exclude Menu Items".

Infine, l'ultimo modulo che fa parte della suite di Mobile Joomla ci permette di inserire la possiblità di scegliere qualche versione del sito navigare. Andando quindi a selezionare un modulo mod_mj_markupchooser avremo di fronte il pannello di amministrazione del modulo che, anche qui, si rivela essere molto intuitivo e semplice da gestire.

Sotto Intro Text potremo scrivere un testo introduttivo di presentazione del modulo, mentre per quanto riguarda gli altri parametri non credo ci siano bisogno di particolari dritte.

Una volta che avrete impostato i vostri moduli vi invito caldamente a dare un'occhiata ai vari template che Mobile Joomla ha installato, tramite l'anteprima potete rendervi conto che delle posizioni specifiche disponibili in questi template e quindi decidere dove posizionare i moduli di cui ho appena parlato.

Passando velocemente ai template, prima di concentrarsi sulle opzioni del componente, Mobile Joomla ci mette a disposizione 4 template che già così come sono possono risultare facilmente godibili dai nostri utenti mobile. I template sono strutturati come qualsiasi altro template in Joomla quindi per le personalizzazioni vi basterà intervenire sul CSS e sugli altri file presenti nella rispettiva cartella.

Una volta impostati i vari moduli e una volta che abbiamo fatto conoscenza con la struttura dei template è arrivato il momento di impsotare e attivare Mobile Joomla.

Il pannello di controllo del componente è raggiungibile tramite il menu "Componenti" ->"Mobile Joomla!".

Abbiamo davanti a noi 3 schermate: Settings, Extension e About. Ci concentreremo sulla prima visto che la seconda prevede la gestione di estensioni ma, per ora, non ne esistono mentre nell'ultima schermata possiamo leggere le informazioni sulla nostra versione e controllare se esistono aggiornamenti.

La schermata Settings è composta da varie schede. In general potremo

• Scegliere se creare una cache per le pagine mobile
• Inserire o meno il supporto alla creazione di domini
• Inserire, nel caso in cui tutto il sito sia pensato unicamente per i dispostiivi mobili, una pagina specifica per gli utenti Pc con un avviso a riguardo.
• Impostare la larghezza del template della versione PC del sito.
• Scegliere se ridurre la qualità delle immagini quando veranno mostrate nelle versioni mobile
• Inserire l'indirizzo URL del vostro sito.

Se avete la possibilità e la volontà di inserire le versioni mobile del vostro sito in sotto-domini specifici dovrete inserire il nome del sottodominio in questa pagina e ricordarvi di spuntare su Si la relativa voce "Redirect to Domain".

Come avrete già notato le successive schede sono specifiche per le varie tipologie di telefono cellulare. Le schede sono abbastanza simili in quanto a opzioni quindi andrò ad analizzare solo la prima. Se vi si presenteranno opzioni poco chiare vi basterà far sostare il puntatore del mouse sul nome dell'opzione per veder apparire una descrizione più esaustiva.

Sotto Template name potremo scegliere quale template utilizzare per la tipologia di telefoni cellulari della categoria che stiamo andando a modificare. Il mio consiglio è quello di mantenere i template già presenti e modificarli solo se avete creato ad hoc template adatti alle caratteristiche dei dispositivi mobili.

Mobile Joomla offre la possibilità di impostare una specifica Home Page a cui indirizzare gli utenti mobile, lasciando vuoto questo campo verrà usata la classica home page impostata in Joomla.

Il parametro "Image adaptation method"  ci permettere di scegliere che fine far fare alle immagini inserite nei nostri articoli. Il mio consiglio è quello di Riscalarle se troppo grandi per i modelli più nuovi di telefono cellulare mentre nelle impostazioni per Wap e I-mode forse sarebbe più sensato eliminarle del tutto, sempre se non sono essenziali.

I parametri successivi sono un pò più tecnici e vi consiglio, se non sapete come muovervi, di lasciare tutto come impostato di Default.

Nella seconda parte delle opzioni avremo la posibilità di impostare quali posizioni caricare, quindi dovrete qui inserire le posizioni in cui avete caricato i moduli che volete far apparire nella pagina.

Un opzione molto importante e da non sottovalutare è "Component on home page". Se impostate No a questo parametro non vederete, una volta collegati, gli articoli presenti in home page e quindi se non avete impostato alcun modulo menu non avrete alcun modo di navigare tra le vostre pagine. Ricordatevi quindi di impostare questo parametro secondo le vostre esigenze.

Anche in questa schermata le utltime opzioni sono un pò più tecniche e quindi potrebbe essere una buona idea lasciare i parametri di default del componente.

Una volta conclusa la configurazione di una scheda passate alla prossima fino ad avere il vostro sito pronto ad essere esplorato anche dai piccoli dispositivi portatili.

Prima di concludere questo, forse troppo lungo, articolo vi vorrei dare alcuni consigli per testare le versioni dei vostri siti. Se siete utenti Firefox l'estensione User Agent Switcher vi permette di navigare sul web come utenti Iphone o di impostare User Agent diversi per far credere al vostro (e agli altri siti che visistate) di navigare tramite un dispostivo mobile. Un'altra interessante soluzione per testare la versione PDA del vostro sito web è quella di utilzizare il simulatore di Opera Mini, disponibile a questo indirizzo.