sviluppo applicazioni
DESCRIPTION
Slide del corso di Inside dedicato allo sviluppo di applicazioni, lato "non sviluppatori". Conoscere la tecnologia è la base per potersi interfacciare al meglio con lo staff dello sviluppo e con i clienti.TRANSCRIPT
![Page 1: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/1.jpg)
Un approccio “profano” per non sviluppatori: decisori,
responsabili marketing, account.
PARLIAMO DI SVILUPPO DI APPLICAZIONI
Andrea Trento
DOCENTE
![Page 2: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/2.jpg)
Andrea Trento @andreatrento
§ CEO e Lead Developer in Freakpod™ § Specializzato nello sviluppo di contenuti digitali"
cross-platform dal 2000 § Competenze: C++, Objective-C, Flash Platform, Action
Script 3.0, HTML5, e altro § Adobe Community Professional Mobile & Devices e
Adobe User Group Manager § Speaker, consultant e teacher
§ Bla… Bla... Bla…
![Page 3: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/3.jpg)
Obiettivi
§ Gettare le basi per comprendere il mobile
development § Conoscere piattaforme, tecnologie, mercati ed
opportunità § Capire come progettare e sviluppare nel tempo
mobile content § Andare nella giusta direzione
![Page 4: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/4.jpg)
Mobile vision
![Page 5: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/5.jpg)
Mobile vision
![Page 6: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/6.jpg)
Mobile vision
![Page 7: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/7.jpg)
Mobile vision
Oggi
![Page 8: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/8.jpg)
Mobile vision
Think First
![Page 9: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/9.jpg)
Mobile vision
Don’t think mobile only Pensate a tutte le misure
![Page 10: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/10.jpg)
“By definition, a cross contents is one that can be used in multiple location, platform and while moving…” " “Per definizione, un contenuto cross può essere usato in luoghi e piattaforme differenti e in movimento…”
Cross-Content
![Page 11: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/11.jpg)
Cross-Content
![Page 12: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/12.jpg)
Cross-Content
![Page 13: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/13.jpg)
Cross-Content
![Page 14: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/14.jpg)
Cross-Content
![Page 15: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/15.jpg)
Cross-Content
![Page 16: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/16.jpg)
+ $
Cross-Content
![Page 17: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/17.jpg)
Ad oggi più di 30 App Store
Cross-Content
![Page 18: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/18.jpg)
Cross-Content
![Page 19: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/19.jpg)
Cross-Content
Device alternativi
![Page 20: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/20.jpg)
Cross-Content
Device alternativi
![Page 21: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/21.jpg)
IDEA
NO CROSS
Cross-Content
![Page 22: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/22.jpg)
IDEA
CROSS
Cross-Content
![Page 23: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/23.jpg)
Come procedere?
§ $$$$
§ Tempi di sviluppo, testing e deployment lunghi
§ Tante piattaforme
§ Tante tecnologie* *NON è un vero sviluppo cross-mobile se…
Cross-Content
![Page 24: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/24.jpg)
WORA à Write Once Run Anywhere
§ Progettare in maniera corretta ed efficace
§ Sviluppare con le giuste tecnologie
§ Sviluppare con tools efficaci
Cross-Content
![Page 25: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/25.jpg)
Per iniziare: § Valutare target
§ Valutare progetto § Valutare piattaforme
§ Valutare obiettivi
§ Valutare funzionalità § Valutare tecnologie
E analizzare…
Cross-Content
![Page 26: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/26.jpg)
Analisi e progettazione
§ Similitudini e differenze design mobile § Principi fondamentali per un mobile UX ottimale § Principi fondamentali di mobile design
Ricordarsi sempre…
![Page 27: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/27.jpg)
§ Rapida evoluzione § Alcuni limiti tecnici che influenzano la UX § Alcuni tool e processi di sviluppo
Similitudini…
Analisi e progettazione
![Page 28: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/28.jpg)
Un Mobile device non è un Computer "Computer: § Ambiente di utilizzo differente § Multi-tasking § Input methods (Mouse + Tastiera) § Ampio display § Elaborazione dati
Differenze…
Analisi e progettazione
![Page 29: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/29.jpg)
§ E’ unicamente mobile § E’ coerente e in sintonia al contesto e ai contenuti § Soddisfa le funzioni § E’ adeguata in termini di performace
Una buona Mobile experience…
Analisi e progettazione
![Page 30: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/30.jpg)
§ Mobile è una piattaforma specifica – concentrarsi sui
contenuti § Focalizzarsi sulle necessità in relazione alle soluzioni
disponibili § Non focalizzatevi sulla tecnologia (Pimp my ride) – I
device cambiano rapidamente
E’ unicamente Mobile…
Analisi e progettazione
![Page 31: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/31.jpg)
§ Design che susciti un’attenzione parziale ma
adeguata § Design cognitivo, di facile interpretazione § Design più semplice possibile § Design adeguato alle interazioni
E’ coerente e in sintonia…
Analisi e progettazione
![Page 32: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/32.jpg)
§ Mobile UI efficaci ed esplicative § Abbandono del concetto di pagina § Un “Ok” o “Si” reale
Soddisfa le sue funzioni…
Analisi e progettazione
![Page 33: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/33.jpg)
Vecchio Wireframe
Analisi e progettazione
![Page 34: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/34.jpg)
Analisi e progettazione
![Page 35: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/35.jpg)
Mobile Wireframe
Analisi e progettazione
![Page 36: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/36.jpg)
Tasks efficaci diretti per compiere
operazioni
Possibilità differenti, che aumentano l’interazione
Analisi e progettazione
![Page 37: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/37.jpg)
![Page 38: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/38.jpg)
![Page 39: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/39.jpg)
Prototipi Necessità
Analisi e progettazione
![Page 40: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/40.jpg)
Analisi e progettazione
![Page 41: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/41.jpg)
Andrea Trento – 15 maggio 2009 – MODULO 1
![Page 42: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/42.jpg)
"
Creare
Valutare
SI o NO
Analisi e progettazione
![Page 43: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/43.jpg)
![Page 44: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/44.jpg)
Analisi e progettazione
![Page 45: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/45.jpg)
Andrea Trento
![Page 46: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/46.jpg)
Ma cosa cambia?
§ Per prima cosa NON"è un semplice lettore e-book e/o"tablet o un semplice mobile phone
§ E’ anche un social device § Si possono avere"
interazioni multi(ple)touch § Vi sono potenzialità per innovare "
sviluppando in modo differente
Analisi e progettazione
![Page 47: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/47.jpg)
Andrea Trento
![Page 48: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/48.jpg)
§ Device mobile
§ Device sharing oriented
§ Interazioni multi-user à Più utenti
§ Multiple touches à Un device per due o più mani
§ Concezione HW e SW diversi
Analisi e progettazione
![Page 49: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/49.jpg)
§ Resolution gap
§ Typography corretta per una lettura e un render ottimale
§ Accurata progettazione e prototipizzazione
§ UI e UX à HD à 3D àOrintamento
§ Interazioni design
§ Minimizzare gli input
§ Ridurre le physical actions
Analisi e progettazione
![Page 50: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/50.jpg)
![Page 51: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/51.jpg)
Terminata la progettazione… Dobbiamo sviluppare per i vari dispositivi… A livello tecnico le soluzioni sono:
§ Nativo à C++, Java, Objective-C
§ HTML5, Css, JavaScript, JQuery mobile
+ PhoneGap
+ Frameworks
§ Adobe AIR
Sviluppo
![Page 52: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/52.jpg)
Dev oriented à Pro e contro:
§ Codice complesso da scrivere
§ Testing su emulatore o device via SDK
§ Tecnologia completa
§ Migliori performance
§ Non funziona ovunque
§ Tempi di sviluppo lunghi
Sviluppo
![Page 53: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/53.jpg)
Design oriented à Pro e contro:
§ Codice facile da scrivere
§ Facile da testare
§ Tecnologia stabile
§ 80% dei mobile device hanno un Web browser
§ HTML5, css, JavaScript funzionano ovunque
Sviluppo
![Page 54: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/54.jpg)
Sviluppo
A livello di sviluppo identifichiamo quindi:
§ Nativi
§ Ibridi
E… NON SONO LA STESSA COSA
![Page 55: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/55.jpg)
Sviluppo ibrido
![Page 56: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/56.jpg)
Sviluppo ibrido
![Page 57: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/57.jpg)
Sviluppo ibrido
![Page 58: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/58.jpg)
Sviluppo ibrido
![Page 59: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/59.jpg)
§ Hybrid § Bridge script per sopperire a limiti core script
§ Phonegap.js
§ Core script § Script disponibili nella piattaforma e relazionati
all’SDK § jQuery mobile
§ Device Script
§ Script esterni per emulare funzionalità native
Sviluppo ibrido
![Page 60: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/60.jpg)
Sviluppo ibrido
![Page 61: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/61.jpg)
§ Device theme § Elementi visuali relativi alla piattaforma specifica (più
di 100 UI uniche) § Elementi comuni forniti da framework esterni (Sencha
Touch, jQuery mobile, ecc.)
§ Core theme § Elementi visuali generici § Layouts, typography, color, images, ecc.
§ App theme § Elementi visuali specifici dell’App per specifica
platform mobile
Sviluppo ibrido
![Page 62: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/62.jpg)
Adobe PhoneGap
![Page 63: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/63.jpg)
jQuery mobile
![Page 64: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/64.jpg)
Sencha
![Page 65: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/65.jpg)
Appcelerator Titanium
![Page 66: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/66.jpg)
Corona
![Page 67: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/67.jpg)
Adobe AIR
![Page 68: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/68.jpg)
Adobe Digital Publishing
![Page 69: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/69.jpg)
Tools
A livello di sviluppo identifichiamo:
§ SDK
§ Tool terzi
![Page 70: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/70.jpg)
STORE
Distribuzione
![Page 71: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/71.jpg)
SKILL
Distribuzione
![Page 72: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/72.jpg)
Distribuzione
ROI
![Page 73: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/73.jpg)
SOCIAL
Distribuzione
![Page 74: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/74.jpg)
No privacy
![Page 75: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/75.jpg)
Paradigma carrello dei bolliti
![Page 76: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/76.jpg)
§ Paradigma carrello dei bolliti: § La carne § La qualità della carne § Il giusto mix § Il giusto ordine § I giusti condimenti § Si mangia un po’ di tutto § Se rimane qualche cosa si utilizza § Il carrello si muove § Rimane sempre al caldo e si aggiunge carne
§ Risultato: Un ottimo carrello dei bolliti
Paradigma carrello dei bolliti
![Page 77: Sviluppo applicazioni](https://reader033.vdocuments.site/reader033/viewer/2022060119/558e42d71a28ab9a668b45b4/html5/thumbnails/77.jpg)
Il nostro progetto [Paradigma carrello dei bolliti]: § Fatto con tecnologie di sviluppo adeguate [La carne] § Tecnologie standard di qualità [La qualità della carne] § Sviluppo con varie tecnologie, non solo una [Il giusto mix] § Utilizzo e sviluppo secondo dei modelli/strutture [Il giusto ordine] § Utilizzare anche framework terzi [I giusti condimenti] § Di una tecnologia si sfruttano caratteristiche più adatte per lo
sviluppo di singoli elementi di progetto [Si mangia un po’ di tutto] § Si strutturano parti di progetto per essere riutilizzate in altri [Se
rimane qualche cosa si utilizza] § Il progetto deve essere cross-platform [Il carrello si muove] § Il progetto si deve sempre aggiornare ed integrare con nuove
tecnologie [Rimane sempre al caldo e si aggiunge carne] Risultato: Un ottimo progetto [Un ottimo carrello dei bolliti]
Paradigma carrello dei bolliti