1. Corso WebApp iOS
“Mobile Touch Development”
Lezione 05/10
”..if you would Create something,
you must Be something..”
Johann Wolfang von Goethe
Writer and Polymath.

2. Chapter 03
Web Development for iOS Devices
http://www.apress.com/9781430232469

3. Diario Lezioni
LEZIONE 05
Mobile Touch Development
WebApp Vs MobileWeb
WebApp Vs NativeApp
iWebKit 5.0.4 Framework
jQuery Mobile 1.0 Framework

4. MobileWeb Vs WebApp
MobileWeb WebApp

5. Diario Lezioni
LEZIONE 05
Mobile Touch Development
WebApp Vs MobileWeb
WebApp Vs NativeApp
iWebKit 5.0.4 Framework
jQuery Mobile 1.0 Framework

6. WebApp Vs NativeApp
Come Scegliere
budget
requisiti applicazione
requisiti di business
competenze team sviluppo

7. WebApp Vs NativeApp
Come Scegliere
budget
webapp sono più “economiche” da sviluppare
(es: competenze tecniche più avanzate)
(es: fase progettazione più intensa)
(es: no iscrizione Apple)

8. WebApp Vs NativeApp
Come Scegliere
requisiti applicazione
webapp non possono soddisfare
alcuni requisiti applicativi
(es: realtà aumentata)

9. WebApp Vs NativeApp
Come Scegliere
requisiti di business
monetizzare una webapp é più complesso

10. WebApp Vs NativeApp
Come Scegliere
competenze team sviluppo
competenze interne vs competenze esterne
(es: try or buy)

11. WebApp Vs NativeApp
Alcuni Pros
1. No Objective-C skills
2. No Iscrizione Apple
3. No Mac, OSX, o iOS
4. No Download o Installazione
5. No Divisione Guadagni con Apple
6. Processo di Sviluppo più agile
7. Possibilità ci diventare native (PhoneGap)

12. WebApp Vs NativeApp
Alcuni Cons
1. Lente in alcuni contesti
2. Difficile implementare alcuni UI Effects
3. No Accesso al Filesystem
4. No Accesso a Funzioni Hardware
5. No Piattaforma di Pagamento

13. WebApp Vs NativeApp
Scelta Migliore quando
1. No bisogno di aggiornare frequentemente i contenuti
2. No bisogno di ciò che offre l’App Store
3. No bisogno di prestazioni grafiche avanzate
4. No bisogno di funzionalità native
5. No bisogno di eseguire l’app in background
6. No bisogno di utilizzare le notifiche push

14. Esempio

15. Esempio

16. Diario Lezioni
LEZIONE 05
Mobile Touch Development
WebApp Vs MobileWeb
WebApp Vs NativeApp
iWebKit 5.0.4 Framework
jQuery Mobile 1.0 Framework

17. iWebKit 5.0.4

18. iWebKit 5.0.4
<div id="topbar">
<div id="title">iWebKit 5 Demo</div>
<div id="leftbutton">
<a href="http://iwebkit.net" class="noeffect">PC Site</a>
</div>
</div>

19. iWebKit 5.0.4

20. iWebKit 5.0.4
<li class="textbox">
<span class="header">Discover iWebKit 5</span>
<p>Welcome to this demo. please &quot;touch&quot; around to
discover iWebKit&apos;s features!</p>
</li>

21. iWebKit 5.0.4

22. Diario Lezioni
LEZIONE 05
Mobile Touch Development
WebApp Vs MobileWeb
WebApp Vs NativeApp
iWebKit 5.0.4 Framework
jQuery Mobile 1.0 Framework

23. jQuery Mobile 1.0

24. jQuery Mobile 1.0

25. Esercitazione
Utilizzare Guida* di Riferimento
del Framework scelta
1. Creare dei Prototipi Elettronici
2. Implementare le Funzioni Specifiche
* versione online e/o formato elettronico

26. PROSSIMA LEZIONE
LEGGERE
HTML5
CSS3
Javascript