Post on 15-Apr-2017
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Presentarsi sul mercato globale con app di successo
Se non conosci te stesso, né conosci il tuo nemico, sii certo che ogni battaglia sarà per te fonte di pericolo gravissimo.
Sun Tzu - L’arte della guerra
Presentarsi sul mercato globale con app di successo
Diego La Monica
#appmobile
diego.lamonica@gmail.com
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Sviluppo multi-piattaforma e performance delle applicazioni mobili#>Hello World!
Diego La Monica
Web Solution Developer
mail: diego.lamonica@gmail.com
web: http://diegolamonica.info
twitter: @jast
skype: diego.la.monica
mobile: +39 333 7235 382
● Professionista Web di cui alla
legge n. 4/2013
● Associato IWA/HWG dal 2006
● Membro del Consiglio Direttivo
IWA Italy dal 2009 al 2013
● Membro del GdL W3C PFWG in
rappresentanza di IWA/HWG
● Membro del Web Skill Profiles
Working Group
2
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Sviluppo multi-piattaforma e performance delle applicazioni mobili
Autore di EUCookieLaw
Risolvere il problema della “Cookie-Law”:
● Plugin per WordPress
● Modulo per Drupal
● Istruzioni per l’installazione in Joomla
● Istruzioni per uso in Coppermine Gallery
● Utilizzabile con qualsiasi CMS/PHP
● Banner utilizzabile su qualsiasi Web
Server
● Informativa anche senza JavaScript
● +1500 siti web.
Diego La Monica
Web Solution Developer
mail: diego.lamonica@gmail.com
web: http://diegolamonica.info
twitter: @jast
skype: diego.la.monica
mobile: +39 333 7235 382
#>Hello World!3
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Sviluppo multi-piattaforma e performance delle applicazioni mobili
● Autore della libreria Javascript
“XTemplate” (licenza LGPL)
● Autore del framework PHP
“ALPHA Framework” (licenza LGPL)
● Contribuisce ad altri progetti
Open Source
● Sviluppo software, progettazione e
tuning di banche dati
● Focalizzato agli obiettivi e a
soluzioni concrete
Diego La Monica
Web Solution Developer
mail: diego.lamonica@gmail.com
web: http://diegolamonica.info
twitter: @jast
skype: diego.la.monica
mobile: +39 333 7235 382
#>Hello World!4
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Sviluppo multi-piattaforma e performance delle applicazioni mobili
International Web Association● Prima associazione al mondo che raggruppa chi
lavora nel Web
● Obiettivo di IWA: creare rete tra soci, partecipare
all'evoluzione del Web, divulgare conoscenza
tramite soci con eventi ed iniziative
● Associazione professionale rappresentanza delle
professionalità Web
● unica Associazione del settore ICT attualmente
censita dal Ministero dello Sviluppo Economico
5
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Sviluppo multi-piattaforma e performance delle applicazioni mobili
International Web Association● Associazione Professionale che raggruppa i
soggetti che, ai sensi della legge 4/2013, sono
definibili come "professionisti Web"
● Ha rilasciato i primi profili professionali (G3 Web
Skill Profiles) in linea con i dettami dell'agenda
digitale europea e italiana ed ha avviato accordi
di collaborazione con realtà di tutela del lavoro
(sindacati) e di domanda/offerta di lavoro: ancora
una volta il ruolo di IWA è quello di unire, far
collaborare e tutelare chi opera nel Web
6
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Sviluppo multi-piattaforma e performance delle applicazioni mobili
International Web Association● Potrai ottenere uno sconto sulla quota associativa*
che pagherai euro 50,00 anziché euro 65,00. Lo
sconto vale sia per i nuovi soci che per i rinnovi.
http://www.iwa.it/join/
● Per usufruire dello sconto usa in fase di
registrazione o rinnovo il seguente codice
promozionale:
SMAUMILANO2015
* valido sono nel periodo fieristico
7
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Architettura
Se non conosci te stesso, né conosci il tuo nemico, sii certo che ogni battaglia sarà per te fonte di pericolo gravissimo.
Sun Tzu - L’arte della guerra
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Sviluppo multi-piattaforma e performance delle applicazioni mobili
9
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Sviluppo multi-piattaforma e performance delle applicazioni mobili
Diamo i numeri!
Periodo Android iOS Windows Phone BlackBerry Altri
2015Q2 82.8% 13.9% 2.6% 0.3% 0.4%
2014Q2 84.8% 11.6% 2.5% 0.5% 0.7%
2013Q2 79.8% 12.9% 3.4% 2.8% 1.2%
2012Q2 69.3% 16.6% 3.1% 4.9% 6.1%
10
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Sviluppo multi-piattaforma e performance delle applicazioni mobili
4,1%
3,7%31,8%
39,2%
5,1%
11
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Sviluppo multi-piattaforma e performance delle applicazioni mobili
12
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Sviluppo multi-piattaforma e performance delle applicazioni mobili
13
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Sviluppo multi-piattaforma e performance delle applicazioni mobili
User Interaction
15
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Sviluppo multi-piattaforma e performance delle applicazioni mobili
User Interaction
Android iPhone
16
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Sviluppo multi-piattaforma e performance delle applicazioni mobili
Perché si usa il device?
17
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Strumenti
Datemi una leva e vi solleverò il mondo
Archimede
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Sviluppo multi-piattaforma e performance delle applicazioni mobili
App nativa
[…] Strumento informatico che si installa e si
utilizza interamente sul proprio dispositivo
mobile, vale a dire un insieme di istruzioni
informatiche progettate con lo scopo di
rendere possibile un servizio o una serie di
servizi o strumenti ritenuti utili o desiderabili
dall’utente, creata appositamente per uno
specifico sistema operativo.
https://it.wikipedia.org/wiki/Applicazione_mobile#App_nativa
19
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Sviluppo multi-piattaforma e performance delle applicazioni mobili
Web app
[…] una web app è sostanzialmente un
collegamento verso un applicativo remoto,
scritto in un linguaggio cross-platform come
HTML5, con il codice dell'interfaccia utente che
può risiedere sul dispositivo mobile o
anch'essa in remoto.
https://it.wikipedia.org/wiki/Applicazione_mobile#Web_app
20
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Sviluppo multi-piattaforma e performance delle applicazioni mobili
App ibrida
App nativa + Web app
21
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Sviluppo multi-piattaforma e performance delle applicazioni mobili
22
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Sviluppo multi-piattaforma e performance delle applicazioni mobili
Sviluppo con Apache Cordova
✓ Google Android
✓ Apple iOS
✓ Windows Phone
✓ Blackberry
✓ Amazon Tizen
✓ Firefox OS
23
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Sviluppo multi-piattaforma e performance delle applicazioni mobili
Le App sviluppate con
Apache Cordova sono scritte
in HTML, CSS e Javascript e
sono in grado di accedere
anche alle funzionalità
native del device.
24
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Sviluppo multi-piattaforma e performance delle applicazioni mobili
Requisiti25
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Sviluppo multi-piattaforma e performance delle applicazioni mobili
Alternativa26
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Sviluppo multi-piattaforma e performance delle applicazioni mobili
Con cosa si sviluppa un App?
✓ Intel XDK sviluppo multi-piattaforma con
Apache Cordova
✓ Cordova CLI sviluppo multi-piattaforma con
Apache Cordova
27
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Sviluppo multi-piattaforma e performance delle applicazioni mobili
Cosa posso fare con Apache Cordova?✓ Autenticazione sociale
✓ Notifiche push
✓ Geolocalizzazione
✓ Stato della rete
✓ Storage
✓ Integrazione mappe
✓ Internazionalizzazione
✓ Stream remoto
✓ Advertising
✓ Accesso ai contatti
✓ Acquisti in-app
✓ Acesso alla fotocamera
✓ Media
✓ Google Play Games Service
✓ …
28
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Quali sono i limiti?
“C'è luogo tra la fantasia e la realtà, un
luogo dove non ci sono limiti, né assoluti
né relativi.”E.L. James
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Ma non ci sono problemi di performance?
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Sviluppo multi-piattaforma e performance delle applicazioni mobili
Ottimizzazione
✓ Core
✓ DOM
✓ Rete
✓ Hardware
✓ Funzionale
31
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Sviluppo multi-piattaforma e performance delle applicazioni mobili
Ottimizzazione del Core
✓ Permessi
✓ Campi di input
✓ Framework
✓ Multithread
32
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Sviluppo multi-piattaforma e performance delle applicazioni mobili
Ottimizzazione accesso al DOM
✓ DOM Reflow
✓ Semplificazione
✓ Virtualizzazione
✓ Interrogazione
33
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Sviluppo multi-piattaforma e performance delle applicazioni mobili
Ottimizzazione delle funzioni di rete
✓ Online/Offline
✓ Errori di comunicazione
✓ Caricamento contenuti
✓ Notificare l'elaborazione
34
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Sviluppo multi-piattaforma e performance delle applicazioni mobili
Ottimizzazione hardware
✓ Accelerazione Hardware
✓ Device Events
✓ Elaborazione immagini
✓ Trasformazioni CSS
35
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Sviluppo multi-piattaforma e performance delle applicazioni mobili
Ottimizzazione funzionale
✓ Statistiche d'uso
✓ Feedback qualitativi
✓ Feedback quantitativi
✓ Analisi dei dati
36
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Parla poco, odi assai et guarda al fine di ciò
che faiSan Benedetto
Diego La Monica@jast
#appmobile scopri cosa si nasconde dietro a questo QRCode
Sviluppo multi-piattaforma e performance delle applicazioni mobili
Diego La Monica
Web Solution Developer
mail: diego.lamonica@gmail.com
web: http://diegolamonica.info
twitter: @jast
skype: diego.la.monica
mobile: +39 333 7235 382
38
http://store.streetlib.com/sviluppare-applicazioni-ibride-per-dispositivi-mobili
ISBN: 9788892513044