sviluppo applicazioni

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

PER INFORMAZIONI E MATERIALITel. 0522 51 66 56

Grazie!

dora@insidesrl.it