corso di progettazione di applicazioni web e...
TRANSCRIPT
![Page 1: Corso di Progettazione di Applicazioni Web e Mobiledidattica.cs.unicam.it/lib/exe/fetch.php?media=didattica:... · 2018-04-16 · di Applicazioni Web e Mobile. ... Sviluppo • Metodologia](https://reader034.vdocuments.site/reader034/viewer/2022042410/5f273452f7231f2a0a16b542/html5/thumbnails/1.jpg)
Corso di
Progettazione
di Applicazioni
Web e Mobile
![Page 2: Corso di Progettazione di Applicazioni Web e Mobiledidattica.cs.unicam.it/lib/exe/fetch.php?media=didattica:... · 2018-04-16 · di Applicazioni Web e Mobile. ... Sviluppo • Metodologia](https://reader034.vdocuments.site/reader034/viewer/2022042410/5f273452f7231f2a0a16b542/html5/thumbnails/2.jpg)
Hello!
•••••
![Page 3: Corso di Progettazione di Applicazioni Web e Mobiledidattica.cs.unicam.it/lib/exe/fetch.php?media=didattica:... · 2018-04-16 · di Applicazioni Web e Mobile. ... Sviluppo • Metodologia](https://reader034.vdocuments.site/reader034/viewer/2022042410/5f273452f7231f2a0a16b542/html5/thumbnails/3.jpg)
Cosa riconoscete?
![Page 4: Corso di Progettazione di Applicazioni Web e Mobiledidattica.cs.unicam.it/lib/exe/fetch.php?media=didattica:... · 2018-04-16 · di Applicazioni Web e Mobile. ... Sviluppo • Metodologia](https://reader034.vdocuments.site/reader034/viewer/2022042410/5f273452f7231f2a0a16b542/html5/thumbnails/4.jpg)
Programma
•••••
![Page 5: Corso di Progettazione di Applicazioni Web e Mobiledidattica.cs.unicam.it/lib/exe/fetch.php?media=didattica:... · 2018-04-16 · di Applicazioni Web e Mobile. ... Sviluppo • Metodologia](https://reader034.vdocuments.site/reader034/viewer/2022042410/5f273452f7231f2a0a16b542/html5/thumbnails/5.jpg)
1.Mobile
development
![Page 6: Corso di Progettazione di Applicazioni Web e Mobiledidattica.cs.unicam.it/lib/exe/fetch.php?media=didattica:... · 2018-04-16 · di Applicazioni Web e Mobile. ... Sviluppo • Metodologia](https://reader034.vdocuments.site/reader034/viewer/2022042410/5f273452f7231f2a0a16b542/html5/thumbnails/6.jpg)
![Page 7: Corso di Progettazione di Applicazioni Web e Mobiledidattica.cs.unicam.it/lib/exe/fetch.php?media=didattica:... · 2018-04-16 · di Applicazioni Web e Mobile. ... Sviluppo • Metodologia](https://reader034.vdocuments.site/reader034/viewer/2022042410/5f273452f7231f2a0a16b542/html5/thumbnails/7.jpg)
Roadmap to become…..
![Page 8: Corso di Progettazione di Applicazioni Web e Mobiledidattica.cs.unicam.it/lib/exe/fetch.php?media=didattica:... · 2018-04-16 · di Applicazioni Web e Mobile. ... Sviluppo • Metodologia](https://reader034.vdocuments.site/reader034/viewer/2022042410/5f273452f7231f2a0a16b542/html5/thumbnails/8.jpg)
Il processo di sviluppo ideale
![Page 9: Corso di Progettazione di Applicazioni Web e Mobiledidattica.cs.unicam.it/lib/exe/fetch.php?media=didattica:... · 2018-04-16 · di Applicazioni Web e Mobile. ... Sviluppo • Metodologia](https://reader034.vdocuments.site/reader034/viewer/2022042410/5f273452f7231f2a0a16b542/html5/thumbnails/9.jpg)
Il processo di sviluppo reale (semplificato)
Idea
• Strategia
• Monetizzazione
Analisi
• Requirements
• Team
• Roadmap
Design
• UserExperience
• UserInterface
Mock
• Requirements
• Roadmap
• Realizzazione
• Feedback
Sviluppo
• Metodologia
• Backend
• Frontend
• Amministrazione
Testing
• Validazione requirements
• Beta phase
• Analytics
Deploy
• Cloud
• Store
Supporto
![Page 10: Corso di Progettazione di Applicazioni Web e Mobiledidattica.cs.unicam.it/lib/exe/fetch.php?media=didattica:... · 2018-04-16 · di Applicazioni Web e Mobile. ... Sviluppo • Metodologia](https://reader034.vdocuments.site/reader034/viewer/2022042410/5f273452f7231f2a0a16b542/html5/thumbnails/10.jpg)
Use Cases (semplificato)
• Per l’utente:
• Facile da rintracciare
• Facile da installare
• Facile da usare
• Riconoscibile (con una propria
identità)
• Sicura
• Stabile
• Veloce
• Poco energivora
• Leggera nei trasferimenti
• Con notifiche
• Facile da condividere
• Backup automatico
• Per lo sviluppatore:
• Facile da mantenere
• Facile da aggiornare
• Che sia scalabile al crescere degli
utenti
• Che sia economica (cloud/server)
• Sicura
• Stabile
• Che rispetti le linee guida degli store
• A/B Test facile da integrare
• Logger e altri servizi facili da integrare
• Per l’amministratore:
• Facile da usare
• Facile da analizzare
• Facile da mantenere
• Per il customer service
• Facile da usare
![Page 11: Corso di Progettazione di Applicazioni Web e Mobiledidattica.cs.unicam.it/lib/exe/fetch.php?media=didattica:... · 2018-04-16 · di Applicazioni Web e Mobile. ... Sviluppo • Metodologia](https://reader034.vdocuments.site/reader034/viewer/2022042410/5f273452f7231f2a0a16b542/html5/thumbnails/11.jpg)
2.Architettura
![Page 12: Corso di Progettazione di Applicazioni Web e Mobiledidattica.cs.unicam.it/lib/exe/fetch.php?media=didattica:... · 2018-04-16 · di Applicazioni Web e Mobile. ... Sviluppo • Metodologia](https://reader034.vdocuments.site/reader034/viewer/2022042410/5f273452f7231f2a0a16b542/html5/thumbnails/12.jpg)
Architettura
ML service
Identity service
Push service
API service
Data service
Local
Data
Tasks service
Local
ServicesOffline
3G
4G
Wifi
ML service
![Page 13: Corso di Progettazione di Applicazioni Web e Mobiledidattica.cs.unicam.it/lib/exe/fetch.php?media=didattica:... · 2018-04-16 · di Applicazioni Web e Mobile. ... Sviluppo • Metodologia](https://reader034.vdocuments.site/reader034/viewer/2022042410/5f273452f7231f2a0a16b542/html5/thumbnails/13.jpg)
Diffusione
![Page 14: Corso di Progettazione di Applicazioni Web e Mobiledidattica.cs.unicam.it/lib/exe/fetch.php?media=didattica:... · 2018-04-16 · di Applicazioni Web e Mobile. ... Sviluppo • Metodologia](https://reader034.vdocuments.site/reader034/viewer/2022042410/5f273452f7231f2a0a16b542/html5/thumbnails/14.jpg)
Tipologie
![Page 15: Corso di Progettazione di Applicazioni Web e Mobiledidattica.cs.unicam.it/lib/exe/fetch.php?media=didattica:... · 2018-04-16 · di Applicazioni Web e Mobile. ... Sviluppo • Metodologia](https://reader034.vdocuments.site/reader034/viewer/2022042410/5f273452f7231f2a0a16b542/html5/thumbnails/15.jpg)
Tipologie
Nativa Ibrida Web (PWA)
![Page 16: Corso di Progettazione di Applicazioni Web e Mobiledidattica.cs.unicam.it/lib/exe/fetch.php?media=didattica:... · 2018-04-16 · di Applicazioni Web e Mobile. ... Sviluppo • Metodologia](https://reader034.vdocuments.site/reader034/viewer/2022042410/5f273452f7231f2a0a16b542/html5/thumbnails/16.jpg)
Tipologie
Nativa Ibrida Web (PWA)
![Page 17: Corso di Progettazione di Applicazioni Web e Mobiledidattica.cs.unicam.it/lib/exe/fetch.php?media=didattica:... · 2018-04-16 · di Applicazioni Web e Mobile. ... Sviluppo • Metodologia](https://reader034.vdocuments.site/reader034/viewer/2022042410/5f273452f7231f2a0a16b542/html5/thumbnails/17.jpg)
Tipologie ibride
Ibrida
UI WebUI Nativa
![Page 18: Corso di Progettazione di Applicazioni Web e Mobiledidattica.cs.unicam.it/lib/exe/fetch.php?media=didattica:... · 2018-04-16 · di Applicazioni Web e Mobile. ... Sviluppo • Metodologia](https://reader034.vdocuments.site/reader034/viewer/2022042410/5f273452f7231f2a0a16b542/html5/thumbnails/18.jpg)
Framework per sviluppo ibrido
Ibrida
UI WebUI Nativa
![Page 19: Corso di Progettazione di Applicazioni Web e Mobiledidattica.cs.unicam.it/lib/exe/fetch.php?media=didattica:... · 2018-04-16 · di Applicazioni Web e Mobile. ... Sviluppo • Metodologia](https://reader034.vdocuments.site/reader034/viewer/2022042410/5f273452f7231f2a0a16b542/html5/thumbnails/19.jpg)
Under the
hood
![Page 20: Corso di Progettazione di Applicazioni Web e Mobiledidattica.cs.unicam.it/lib/exe/fetch.php?media=didattica:... · 2018-04-16 · di Applicazioni Web e Mobile. ... Sviluppo • Metodologia](https://reader034.vdocuments.site/reader034/viewer/2022042410/5f273452f7231f2a0a16b542/html5/thumbnails/20.jpg)
Compilatore
Nativa Ibrida Web (PWA)
![Page 21: Corso di Progettazione di Applicazioni Web e Mobiledidattica.cs.unicam.it/lib/exe/fetch.php?media=didattica:... · 2018-04-16 · di Applicazioni Web e Mobile. ... Sviluppo • Metodologia](https://reader034.vdocuments.site/reader034/viewer/2022042410/5f273452f7231f2a0a16b542/html5/thumbnails/21.jpg)
Compilatore
![Page 22: Corso di Progettazione di Applicazioni Web e Mobiledidattica.cs.unicam.it/lib/exe/fetch.php?media=didattica:... · 2018-04-16 · di Applicazioni Web e Mobile. ... Sviluppo • Metodologia](https://reader034.vdocuments.site/reader034/viewer/2022042410/5f273452f7231f2a0a16b542/html5/thumbnails/22.jpg)
Compilatore
![Page 23: Corso di Progettazione di Applicazioni Web e Mobiledidattica.cs.unicam.it/lib/exe/fetch.php?media=didattica:... · 2018-04-16 · di Applicazioni Web e Mobile. ... Sviluppo • Metodologia](https://reader034.vdocuments.site/reader034/viewer/2022042410/5f273452f7231f2a0a16b542/html5/thumbnails/23.jpg)
![Page 24: Corso di Progettazione di Applicazioni Web e Mobiledidattica.cs.unicam.it/lib/exe/fetch.php?media=didattica:... · 2018-04-16 · di Applicazioni Web e Mobile. ... Sviluppo • Metodologia](https://reader034.vdocuments.site/reader034/viewer/2022042410/5f273452f7231f2a0a16b542/html5/thumbnails/24.jpg)
Xamarin approach (C#)
https://docs.microsoft.com/en-
us/xamarin/ios/internals/architecture
![Page 25: Corso di Progettazione di Applicazioni Web e Mobiledidattica.cs.unicam.it/lib/exe/fetch.php?media=didattica:... · 2018-04-16 · di Applicazioni Web e Mobile. ... Sviluppo • Metodologia](https://reader034.vdocuments.site/reader034/viewer/2022042410/5f273452f7231f2a0a16b542/html5/thumbnails/25.jpg)
Come superare il limite di iOS ed usare JS?
![Page 26: Corso di Progettazione di Applicazioni Web e Mobiledidattica.cs.unicam.it/lib/exe/fetch.php?media=didattica:... · 2018-04-16 · di Applicazioni Web e Mobile. ... Sviluppo • Metodologia](https://reader034.vdocuments.site/reader034/viewer/2022042410/5f273452f7231f2a0a16b542/html5/thumbnails/26.jpg)
Come superare il limite di iOS ed usare JS?
![Page 27: Corso di Progettazione di Applicazioni Web e Mobiledidattica.cs.unicam.it/lib/exe/fetch.php?media=didattica:... · 2018-04-16 · di Applicazioni Web e Mobile. ... Sviluppo • Metodologia](https://reader034.vdocuments.site/reader034/viewer/2022042410/5f273452f7231f2a0a16b542/html5/thumbnails/27.jpg)
Marshalling
https://docs.nativescript.org/runtimes/android/marshalling/overview
https://docs.nativescript.org/runtimes/ios/marshalling/Marshalling-Overview
![Page 28: Corso di Progettazione di Applicazioni Web e Mobiledidattica.cs.unicam.it/lib/exe/fetch.php?media=didattica:... · 2018-04-16 · di Applicazioni Web e Mobile. ... Sviluppo • Metodologia](https://reader034.vdocuments.site/reader034/viewer/2022042410/5f273452f7231f2a0a16b542/html5/thumbnails/28.jpg)
Differenze sostanziali
https://www.nativescript.org/blog/nativescript-and-xamarin
![Page 29: Corso di Progettazione di Applicazioni Web e Mobiledidattica.cs.unicam.it/lib/exe/fetch.php?media=didattica:... · 2018-04-16 · di Applicazioni Web e Mobile. ... Sviluppo • Metodologia](https://reader034.vdocuments.site/reader034/viewer/2022042410/5f273452f7231f2a0a16b542/html5/thumbnails/29.jpg)
![Page 30: Corso di Progettazione di Applicazioni Web e Mobiledidattica.cs.unicam.it/lib/exe/fetch.php?media=didattica:... · 2018-04-16 · di Applicazioni Web e Mobile. ... Sviluppo • Metodologia](https://reader034.vdocuments.site/reader034/viewer/2022042410/5f273452f7231f2a0a16b542/html5/thumbnails/30.jpg)
https://github.com/denysdovhan/wtfjs