Venerdì 29 Maggio 2011 , si è svolto il buginar online, dove abbiamo parlato su come realizzare un sito internet che si visualizza in maniera corretta su dispositivi Mobile. Per maggiori info vai su www.ebug.it

1. Realizzare un sito internet per dispositivi mobile Seminario di Rocco Passaro su come disegnare un sito web per telefonini 27 Maggio 2011

2. Prima di cominciare un po’ di storia sull’evoluzione dei siti per telefoni

3. Prima di cominciare un po’ di storia sull’evoluzione dei siti per telefoni

4. Riassumiamo le date del mobile 1997 : Nasce il wap da un accordo tra Nokia, Motorola, Ericsson e la Phone.com per realizzare siti internet si usa il WML 2001 : Viene ufficializzato il WML 2.0 e vengono implementati i css 2.1 per mobile 2002 : Viene implementato XHTML MOBILE PROFILE 1.0 2004 : Comincia a essere utilizzato sui dispositivi mobile Flash Lite 1.0 2007 : Viene distribuito Iphone che utilizza un browser che interpreta anche l’HTML 4.0 2010 : Ormai tutte le case produttrici di cellulari producono telefonini con browser moderni che interpretano anche HTML 5 e CSS3

7. Al livello di codice ? WML o HTML 5 ? La scelta ricade su HTML visto che la maggior parte dei telefonini in circolazione abilitati per la Navigazione interpretano attraverso il loro browser anche le nuove release di HTML 5 . Anche se io consiglio vivamente di utilizzare per il crossbrowser XHTML 2.0 MOBILE PROFILE

8. Cominciamo a strutturare il nostro layout Una delle cose fondamentali da scrivere in una pagine rimane il markup della pagina:

9. Cominciamo a strutturare il nostro layout Uno dei punti fondamentali per creare un layout mobile sono i link Con questo metodo è possibile rendere disponibile subito il recapito telefonico per chiamate voce e invio sms

11. Strutturiamo il nostro layout al meglio Impostiamo due fogli di stile : uno per i browser normali e uno per i dispositivi touch Utilizzare le media queries per gestire i comandi solo per mobile

12. Cosa vuol dire utilizzare le media queries ?

14. Ultime rifiniture ? Si per Iphone Nel mondo che gira attorno ad Iphone ( compreso i siti internet ) esiste la possibilità di personalizzare tutto. Per questo esistono alcune specifiche che possiamo inserire per migliorare la navigazione ai visitatori Apple

15. Le personalizzazioni di Iphone Cosa molto importante è fare adattare tutto la pagina web al nostro Iphone e per fare questo dobbiamo scrivere Eliminiamo la barra degli indirizzi dal nostro dispositivo attraverso Javascript

16. Testing – dove farlo? Ovviamente tra i due metodi il migliore è quello su dispositivo, perché non simula ciò che succede la lo applica materialmente Esistono due modi per fare testing Su dispositivo Su siti che simulano i dispositvi

17. Testing – dove farlo? Siti dove simulare la navigazione su dispositivo mobile https :// addons.mozilla.org / en-US / firefox / addon / user-agent-switcher / http://www.genuitec.com/mobile/ index.html http://s3.amazonaws.com/marketcircle/iPhoney.zip http:// iphonetester.com /

18. Poniamo il caso io non voglia fare nulla? Possiamo utilizzare due tecnologie che renderanno il nostro sito internet mobile in pochi click:

19. Poniamo il caso io non voglia fare nulla? Possiamo utilizzare due tecnologie che renderanno il nostro sito internet mobile in pochi click:

20. Poniamo il caso io non voglia fare nulla? Possiamo utilizzare due tecnologie che renderanno il nostro sito internet mobile in pochi click: Wordpress Mobile Pack Wordpress Mobile Edition http:// mobilepress.co.za /

21. Domande? dubbi ? Perplessità ?

22. Grazie per aver partecipato a Buginar www.ebug.it