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
Un approccio “profano” per non sviluppatori: decisori,
responsabili marketing, account.
PARLIAMO DI SVILUPPO DI APPLICAZIONI
Andrea Trento
DOCENTE
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…
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
Mobile vision
Mobile vision
Mobile vision
Mobile vision
Oggi
Mobile vision
Think First
Mobile vision
Don’t think mobile only Pensate a tutte le misure
“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
Cross-Content
Cross-Content
Cross-Content
Cross-Content
Cross-Content
+ $
Cross-Content
Ad oggi più di 30 App Store
Cross-Content
Cross-Content
Cross-Content
Device alternativi
Cross-Content
Device alternativi
IDEA
NO CROSS
Cross-Content
IDEA
CROSS
Cross-Content
Come procedere?
§ $$$$
§ Tempi di sviluppo, testing e deployment lunghi
§ Tante piattaforme
§ Tante tecnologie* *NON è un vero sviluppo cross-mobile se…
Cross-Content
WORA à Write Once Run Anywhere
§ Progettare in maniera corretta ed efficace
§ Sviluppare con le giuste tecnologie
§ Sviluppare con tools efficaci
Cross-Content
Per iniziare: § Valutare target
§ Valutare progetto § Valutare piattaforme
§ Valutare obiettivi
§ Valutare funzionalità § Valutare tecnologie
E analizzare…
Cross-Content
Analisi e progettazione
§ Similitudini e differenze design mobile § Principi fondamentali per un mobile UX ottimale § Principi fondamentali di mobile design
Ricordarsi sempre…
§ Rapida evoluzione § Alcuni limiti tecnici che influenzano la UX § Alcuni tool e processi di sviluppo
Similitudini…
Analisi e progettazione
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
§ 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
§ 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
§ 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
§ Mobile UI efficaci ed esplicative § Abbandono del concetto di pagina § Un “Ok” o “Si” reale
Soddisfa le sue funzioni…
Analisi e progettazione
Vecchio Wireframe
Analisi e progettazione
Analisi e progettazione
Mobile Wireframe
Analisi e progettazione
Tasks efficaci diretti per compiere
operazioni
Possibilità differenti, che aumentano l’interazione
Analisi e progettazione
Prototipi Necessità
Analisi e progettazione
Analisi e progettazione
Andrea Trento – 15 maggio 2009 – MODULO 1
"
Creare
Valutare
SI o NO
Analisi e progettazione
Analisi e progettazione
Andrea Trento
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
Andrea Trento
§ 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
§ 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
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
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
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
Sviluppo
A livello di sviluppo identifichiamo quindi:
§ Nativi
§ Ibridi
E… NON SONO LA STESSA COSA
Sviluppo ibrido
Sviluppo ibrido
Sviluppo ibrido
Sviluppo ibrido
§ 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
Sviluppo ibrido
§ 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
Adobe PhoneGap
jQuery mobile
Sencha
Appcelerator Titanium
Corona
Adobe AIR
Adobe Digital Publishing
Tools
A livello di sviluppo identifichiamo:
§ SDK
§ Tool terzi
STORE
Distribuzione
SKILL
Distribuzione
Distribuzione
ROI
SOCIAL
Distribuzione
No privacy
Paradigma carrello dei bolliti
§ 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
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