SlideShare ist ein Scribd-Unternehmen logo
1 von 12
Downloaden Sie, um offline zu lesen
Eduard ing. Roccatello
INTERDET 3.0 @ Rovigo 2009-01-12
Sviluppare Per Apple iPhone
Touchscreen multitouch

 Display grande
 Stesso kernel di OS X
 Safari Mobile
 Posta sempre disponibile
 Connettività
Ma soprattutto...
 Una nuova esperienza d’uso
     Metà della navigazione web mobile è su iPhone
CLIENT NATIVI                APPLICAZIONI WEB

  Applicazioni veloci          Framework completo
                            
  “Pieno” accesso              Supporto a Javascript
                            
  all’hardware sottostante     Veloci da codare
                             
 AppStore                    Portabilità

    Xcode 3.0                    I browser sono limitati
                            
    Cocoa                        Esperienza non adeguata
                            
    ObjectiveC                   Nessun accesso
                            
    AppStore                     all’hardware sottostante

416




320
iUi

    CiUi

    WebApp.net



    Nati per imitare la GUI

    Non serve conoscere JavaScript

    Esperienza d’uso iPhone like



    Limitati?

Ridurre al minimo di dettagli

     Troppe informazioni in uno schermo piccolo?
      No grazie!

    Layout liquidi

     L’orientamento dello schermo può cambiare.


    Io ho le dita grosse

     Allargate gli spazi cliccabili.
Usare bottoni al posto dei link

     Aree cliccabili maggiori


    Aree cliccabili lontane tra loro

     Ho le dita grosse...


    Evitate di far fare tanto input all’utente

     La tastiera è da sempre un punto debole di iPhone
Considerate...
 Meno potenza
 Meno velocità di connessione
  Ho banda ma ho latenze molto alte


Quindi
 Poche chiamate al server
soprattutto
 Meno chiamate più dati
Sprite CSS

     Usare le caratteristiche avanzate
     CSS 3

    Unire le risorse JavaScript

     Minifying and GZipping

    Ottimizzare il trasferimento dei dati

     Debugging e profiling
Wordpress

     Gestire da iPhone
      ▪ http://wphoneplugin.org/
      ▪ http://iphone.wordpress.org/


     Visualizzare per iPhone
      ▪ http://www.mobilepress.co.za/
      ▪ http://bravenewcode.com/wptouch/
      ▪ http://www.doyoufeed.com/us/tools.php
Sviluppare Per Apple iPhone

Weitere ähnliche Inhalte

Andere mochten auch

Progettare un (Web)GIS utilizzando Software Libero
Progettare un (Web)GIS utilizzando Software LiberoProgettare un (Web)GIS utilizzando Software Libero
Progettare un (Web)GIS utilizzando Software LiberoEduard Roccatello
 
The Power Of Story shared
The Power Of Story sharedThe Power Of Story shared
The Power Of Story sharedEddy Moratin
 
Welcome to Proto.in January Edition '08
Welcome to Proto.in January Edition '08Welcome to Proto.in January Edition '08
Welcome to Proto.in January Edition '08vijay.proto
 
教師資料網頁樣板
教師資料網頁樣板教師資料網頁樣板
教師資料網頁樣板asuka
 
Competenties
CompetentiesCompetenties
Competentiesanne88
 
Definitieve Pp
Definitieve PpDefinitieve Pp
Definitieve Ppanne88
 
Taiwan:Island (team6)
Taiwan:Island (team6)Taiwan:Island (team6)
Taiwan:Island (team6)asuka
 
Women’S Beauty Bodies
Women’S Beauty BodiesWomen’S Beauty Bodies
Women’S Beauty Bodiessafdar
 
Presentatie Scriptie!
Presentatie Scriptie!Presentatie Scriptie!
Presentatie Scriptie!lucvanzelst
 

Andere mochten auch (17)

Web Browser
Web BrowserWeb Browser
Web Browser
 
Partecipazione civica
Partecipazione civicaPartecipazione civica
Partecipazione civica
 
Google Hacking
Google HackingGoogle Hacking
Google Hacking
 
Progettare un (Web)GIS utilizzando Software Libero
Progettare un (Web)GIS utilizzando Software LiberoProgettare un (Web)GIS utilizzando Software Libero
Progettare un (Web)GIS utilizzando Software Libero
 
The Power Of Story shared
The Power Of Story sharedThe Power Of Story shared
The Power Of Story shared
 
Welcome to Proto.in January Edition '08
Welcome to Proto.in January Edition '08Welcome to Proto.in January Edition '08
Welcome to Proto.in January Edition '08
 
Similarities&Differences2
Similarities&Differences2Similarities&Differences2
Similarities&Differences2
 
Pricica
PricicaPricica
Pricica
 
教師資料網頁樣板
教師資料網頁樣板教師資料網頁樣板
教師資料網頁樣板
 
Competenties
CompetentiesCompetenties
Competenties
 
Definitieve Pp
Definitieve PpDefinitieve Pp
Definitieve Pp
 
Taiwan:Island (team6)
Taiwan:Island (team6)Taiwan:Island (team6)
Taiwan:Island (team6)
 
Editor di Immagini 2.0
Editor di Immagini 2.0Editor di Immagini 2.0
Editor di Immagini 2.0
 
Women’S Beauty Bodies
Women’S Beauty BodiesWomen’S Beauty Bodies
Women’S Beauty Bodies
 
Acharita
AcharitaAcharita
Acharita
 
Recognition&Rewards
Recognition&RewardsRecognition&Rewards
Recognition&Rewards
 
Presentatie Scriptie!
Presentatie Scriptie!Presentatie Scriptie!
Presentatie Scriptie!
 

Ähnlich wie Sviluppare Per Apple iPhone

Crossdev sdk/tools: devil's deception - Luciano Colosio
Crossdev sdk/tools: devil's deception - Luciano ColosioCrossdev sdk/tools: devil's deception - Luciano Colosio
Crossdev sdk/tools: devil's deception - Luciano ColosioWhymca
 
Crossdev sdk/tools: devil's deception
Crossdev sdk/tools: devil's deceptionCrossdev sdk/tools: devil's deception
Crossdev sdk/tools: devil's deceptionLuciano Colosio
 
Programmiamo iPhone e iPad (e non solo!) con MonoTouch
Programmiamo iPhone e iPad (e non solo!) con MonoTouchProgrammiamo iPhone e iPad (e non solo!) con MonoTouch
Programmiamo iPhone e iPad (e non solo!) con MonoTouchStefano Ottaviani
 
Jc06 Antonio Terreno Fluidtime
Jc06 Antonio Terreno FluidtimeJc06 Antonio Terreno Fluidtime
Jc06 Antonio Terreno FluidtimeAntonio Terreno
 
iPhone X - Le caratteristiche tecniche del nuovo device Apple
iPhone X - Le caratteristiche tecniche del nuovo device AppleiPhone X - Le caratteristiche tecniche del nuovo device Apple
iPhone X - Le caratteristiche tecniche del nuovo device AppleIQUII
 
Come sviluppare applicazioni cross device con HTML
Come sviluppare applicazioni cross device con HTMLCome sviluppare applicazioni cross device con HTML
Come sviluppare applicazioni cross device con HTMLSinergia Totale
 
Presentazione standard ok
Presentazione standard okPresentazione standard ok
Presentazione standard okVeronica Morleo
 
Presentazione standard ok
Presentazione standard okPresentazione standard ok
Presentazione standard okVeronica Morleo
 
Smau milano 2012 arena social media massimo-grava
Smau milano 2012   arena social media massimo-gravaSmau milano 2012   arena social media massimo-grava
Smau milano 2012 arena social media massimo-gravaSMAU
 
Responsive Web Design & Single Page Application
Responsive Web Design & Single Page ApplicationResponsive Web Design & Single Page Application
Responsive Web Design & Single Page ApplicationAlessandro Colla
 
Come creare una PWA Progressive Web App @ Inbound Strategies 2018
Come creare una PWA Progressive Web App @ Inbound Strategies 2018Come creare una PWA Progressive Web App @ Inbound Strategies 2018
Come creare una PWA Progressive Web App @ Inbound Strategies 2018Giovanni Sacheli
 
Introduzione alla localizzazione web
Introduzione alla localizzazione webIntroduzione alla localizzazione web
Introduzione alla localizzazione webQabiria
 
Programmatore_hobbysta.pdf
Programmatore_hobbysta.pdfProgrammatore_hobbysta.pdf
Programmatore_hobbysta.pdfJacopo Grimoldi
 
Xonne - L’interazione tra i device ed il mondo reale dall’HTML5 al "mobile"
Xonne - L’interazione tra i device ed il mondo reale dall’HTML5 al "mobile" Xonne - L’interazione tra i device ed il mondo reale dall’HTML5 al "mobile"
Xonne - L’interazione tra i device ed il mondo reale dall’HTML5 al "mobile" Xonne Mobile Solutions
 

Ähnlich wie Sviluppare Per Apple iPhone (20)

Crossdev sdk/tools: devil's deception - Luciano Colosio
Crossdev sdk/tools: devil's deception - Luciano ColosioCrossdev sdk/tools: devil's deception - Luciano Colosio
Crossdev sdk/tools: devil's deception - Luciano Colosio
 
Crossdev sdk/tools: devil's deception
Crossdev sdk/tools: devil's deceptionCrossdev sdk/tools: devil's deception
Crossdev sdk/tools: devil's deception
 
Adesso In Onda
Adesso In OndaAdesso In Onda
Adesso In Onda
 
Programmiamo iPhone e iPad (e non solo!) con MonoTouch
Programmiamo iPhone e iPad (e non solo!) con MonoTouchProgrammiamo iPhone e iPad (e non solo!) con MonoTouch
Programmiamo iPhone e iPad (e non solo!) con MonoTouch
 
Jc06 Antonio Terreno Fluidtime
Jc06 Antonio Terreno FluidtimeJc06 Antonio Terreno Fluidtime
Jc06 Antonio Terreno Fluidtime
 
iPhone X - Le caratteristiche tecniche del nuovo device Apple
iPhone X - Le caratteristiche tecniche del nuovo device AppleiPhone X - Le caratteristiche tecniche del nuovo device Apple
iPhone X - Le caratteristiche tecniche del nuovo device Apple
 
Come sviluppare applicazioni cross device con HTML
Come sviluppare applicazioni cross device con HTMLCome sviluppare applicazioni cross device con HTML
Come sviluppare applicazioni cross device con HTML
 
Presentazione standard ok
Presentazione standard okPresentazione standard ok
Presentazione standard ok
 
Presentazione standard ok
Presentazione standard okPresentazione standard ok
Presentazione standard ok
 
Passare A Mac
Passare A MacPassare A Mac
Passare A Mac
 
Smau milano 2012 arena social media massimo-grava
Smau milano 2012   arena social media massimo-gravaSmau milano 2012   arena social media massimo-grava
Smau milano 2012 arena social media massimo-grava
 
Responsive Web Design & Single Page Application
Responsive Web Design & Single Page ApplicationResponsive Web Design & Single Page Application
Responsive Web Design & Single Page Application
 
Apple App World
Apple App WorldApple App World
Apple App World
 
Come creare una PWA Progressive Web App @ Inbound Strategies 2018
Come creare una PWA Progressive Web App @ Inbound Strategies 2018Come creare una PWA Progressive Web App @ Inbound Strategies 2018
Come creare una PWA Progressive Web App @ Inbound Strategies 2018
 
Introduzione alla localizzazione web
Introduzione alla localizzazione webIntroduzione alla localizzazione web
Introduzione alla localizzazione web
 
Programmatore_hobbysta.pdf
Programmatore_hobbysta.pdfProgrammatore_hobbysta.pdf
Programmatore_hobbysta.pdf
 
Sviluppare applicazioni Domino Web per dispositivi Mobili
Sviluppare applicazioni Domino Web per dispositivi MobiliSviluppare applicazioni Domino Web per dispositivi Mobili
Sviluppare applicazioni Domino Web per dispositivi Mobili
 
Xonne - L’interazione tra i device ed il mondo reale dall’HTML5 al "mobile"
Xonne - L’interazione tra i device ed il mondo reale dall’HTML5 al "mobile" Xonne - L’interazione tra i device ed il mondo reale dall’HTML5 al "mobile"
Xonne - L’interazione tra i device ed il mondo reale dall’HTML5 al "mobile"
 
HTML5, il lato client della forza...
HTML5, il lato client della forza... HTML5, il lato client della forza...
HTML5, il lato client della forza...
 
HTML 5 e browser legacy
HTML 5 e browser legacyHTML 5 e browser legacy
HTML 5 e browser legacy
 

Sviluppare Per Apple iPhone

  • 1. Eduard ing. Roccatello INTERDET 3.0 @ Rovigo 2009-01-12
  • 3. Touchscreen multitouch   Display grande  Stesso kernel di OS X  Safari Mobile  Posta sempre disponibile  Connettività Ma soprattutto...  Una nuova esperienza d’uso  Metà della navigazione web mobile è su iPhone
  • 4. CLIENT NATIVI APPLICAZIONI WEB Applicazioni veloci Framework completo   “Pieno” accesso Supporto a Javascript   all’hardware sottostante Veloci da codare   AppStore  Portabilità Xcode 3.0 I browser sono limitati   Cocoa Esperienza non adeguata   ObjectiveC Nessun accesso   AppStore all’hardware sottostante 
  • 6. iUi  CiUi  WebApp.net  Nati per imitare la GUI  Non serve conoscere JavaScript  Esperienza d’uso iPhone like  Limitati? 
  • 7. Ridurre al minimo di dettagli   Troppe informazioni in uno schermo piccolo? No grazie! Layout liquidi   L’orientamento dello schermo può cambiare. Io ho le dita grosse   Allargate gli spazi cliccabili.
  • 8. Usare bottoni al posto dei link   Aree cliccabili maggiori Aree cliccabili lontane tra loro   Ho le dita grosse... Evitate di far fare tanto input all’utente   La tastiera è da sempre un punto debole di iPhone
  • 9. Considerate...  Meno potenza  Meno velocità di connessione  Ho banda ma ho latenze molto alte Quindi  Poche chiamate al server soprattutto  Meno chiamate più dati
  • 10. Sprite CSS   Usare le caratteristiche avanzate  CSS 3 Unire le risorse JavaScript   Minifying and GZipping Ottimizzare il trasferimento dei dati   Debugging e profiling
  • 11. Wordpress   Gestire da iPhone ▪ http://wphoneplugin.org/ ▪ http://iphone.wordpress.org/  Visualizzare per iPhone ▪ http://www.mobilepress.co.za/ ▪ http://bravenewcode.com/wptouch/ ▪ http://www.doyoufeed.com/us/tools.php