Sviluppo applicazioni

PARLIAMO DI SVILUPPO DI APPLICAZIONI DOCENTE
Un approccio “profano” per non sviluppatori: decisori, Andrea Trento
responsabili marketing, account.

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

Think
First

Mobile vision

Don’t think
mobile only

Pensate a tutte
le misure

Cross-Content

“By deﬁnition, a cross contents is one that can be used
in multiple location, platform and while moving…”

"

“Per deﬁnizione, un contenuto cross può essere usato in
luoghi e piattaforme differenti e in movimento…”

Cross-Content

Ad oggi più di 30 App Store

Cross-Content

Device alternativi

Cross-Content

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 efﬁcace
§  Sviluppare con le giuste tecnologie
§  Sviluppare con tools efﬁcaci

Cross-Content

Per iniziare:
§  Valutare target
§  Valutare progetto
§  Valutare piattaforme
§  Valutare obiettivi
§  Valutare funzionalità
§  Valutare tecnologie

E analizzare…

Analisi e progettazione

Ricordarsi sempre…

§  Similitudini e differenze design mobile
§  Principi fondamentali per un mobile UX ottimale
§  Principi fondamentali di mobile design


Similitudini…

§  Rapida evoluzione
§  Alcuni limiti tecnici che inﬂuenzano la UX
§  Alcuni tool e processi di sviluppo

Differenze…

Un Mobile device non è un Computer
"
Computer:
§  Ambiente di utilizzo differente
§  Multi-tasking
§  Input methods (Mouse + Tastiera)
§  Ampio display
§  Elaborazione dati


Una buona Mobile experience…

§  E’ unicamente mobile
§  E’ coerente e in sintonia al contesto e ai contenuti
§  Soddisfa le funzioni
§  E’ adeguata in termini di performace


E’ unicamente Mobile…

§  Mobile è una piattaforma speciﬁca – concentrarsi sui
contenuti
§  Focalizzarsi sulle necessità in relazione alle soluzioni
disponibili
§  Non focalizzatevi sulla tecnologia (Pimp my ride) – I
device cambiano rapidamente


E’ coerente e in sintonia…

§  Design che susciti un’attenzione parziale ma
adeguata
§  Design cognitivo, di facile interpretazione
§  Design più semplice possibile
§  Design adeguato alle interazioni


Soddisfa le sue funzioni…

§  Mobile UI efficaci ed esplicative
§  Abbandono del concetto di pagina
§  Un “Ok” o “Si” reale


Vecchio Wireframe


Mobile Wireframe


Tasks efﬁcaci
Possibilità
diretti per compiere
differenti, che
operazioni
aumentano
l’interazione


Necessità
Prototipi

Andrea Trento – 15 maggio 2009 – MODULO 1


"
Creare

Valutare

SI o NO


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


§  Device mobile
§  Device sharing oriented
§  Interazioni multi-user à Più utenti
§  Multiple touches à Un device per due o più mani
§  Concezione HW e SW diversi


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

Sviluppo

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
A livello di sviluppo identiﬁchiamo quindi:

§  Nativi

§  Ibridi

E… NON SONO LA STESSA COSA

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

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

Tools
A livello di sviluppo identiﬁchiamo:

§  SDK

§  Tool terzi

Distribuzione

STORE

Distribuzione

SKILL

Distribuzione

SOCIAL

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


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]

Grazie!

PER INFORMAZIONI E MATERIALI
Tel. 0522 51 66 56
dora@insidesrl.it

Sviluppo applicazioni

More Related Content

Viewers also liked (14)

Similar to Sviluppo applicazioni (20)

More from InSide Training (20)

Recently uploaded (11)

Sviluppo applicazioni