Corso di Progettazione di Applicazioni Web e...

30
Corso di Progettazione di Applicazioni Web e Mobile

Transcript of Corso di Progettazione di Applicazioni Web e...

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

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

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

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

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

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
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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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
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

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

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

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

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

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
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://github.com/denysdovhan/wtfjs