201314_Gianluca_Stazione_Presentazione

UNIVERSITÀ DEGLI STUDI DI
MODENA E REGGIO EMILIA
ASSISTENZA INTERVENTI TECNICI:
PROGETTO E SVILUPPO
DI UN’APP IBRIDA
ATTRAVERSO IL FRAMEWORK
PHONEGAP
Relatore:
Prof.ssa Sonia
Bergamaschi
Candidato:
Gianluca
Stazione
Anno Accademico 2013/2014
1/15
Assegna
l’assistenza
Assistenza
Interventiad
unTecnici
tecnico
Richiesta di
assistenza
Compilazione manuale
del rapportino
Obiettivi
/ di lavoro
Progettazione
Stampa rapportino di
lavoro
Pubblicazione
Realizzazione
Archiviazione manuale
del rapportino
sugli store
2/15
OBIETTIVI
 Portare in mobilità dati di supporto all’attività
di assistenza tecnica (Smartphone\tablet)
 Eliminare completamente il cartaceo
 Velocizzare la gestione delle assistenze
 Creare un sistema cross-platform (Android,
iOS)
 Creare un'APP user-friendly
 Pubblicare sugli store (google play, apple
store)
3/15
SCELTA DEL TIPO DI APP E
DEL METODO DI SVILUPPO
 App nativa
Phonegap
 Web
App
 Vantaggi:
App ibrida
• sviluppo multipiattaforma
(utilizzando HTML5,css3 e javascript)
•
accesso a funzionalità native
•
possibilità di utilizzo offline
4/15
PHONEGAP
HTML5/CSS3 Application
+
javascript
Fotocamera\galleria
Sharing
SQLite
Phonegap Api
Phonegap bridge
Sistema Operativo
Camera
GPS
Accelerometro
...
5/15
GLI ATTORI IN CAMPO
WWW
Server E-mail
Database
locale
Dropbox
6/15
SQLite
Libreria compatta, veloce e multipiattaforma.
Vantaggi:
• impossibilità di perdite dati
• maggior velocità nelle ricerche e nel caricamento
• minor consumo di batteria
Svantaggio:
• occupazione della memoria
7/15
LOGICA DI FUNZIONAMENTO
HTML5
CSS
Javascript
Phonegap
Database
SQLite
Sistema Operativo
8/15
HOME PAGE
9/15
ALLARMI
GESTIONE
LINGUA
DROPBOX
IMPOSTAZIONI
E-MAIL
PREDEFINITA
{
HTML5
HTML5
CSS
‘‘Traduzione Impostazioni’’:[
{
CSS
‘‘id’’: ‘‘impostazioniHeader’’,
Database
var client
= new Javascript
Dropbox.Client(key:app_key);
‘‘Italiano’’:
‘‘Impostazioni
generali’’,
SQLite
‘‘Inglese’’:
‘‘General
settings’’,
client.authDriver(new Dropbox.AuthDriver.Cor
‘‘Francese’’: ‘‘Réglages généraux’’,
dova());
Api ‘‘Allgemeine
dropbox
‘‘Tedesco’’:
einstellungen’’,
client.writeFile(percorso,dati,function);
client.authenticate(
auth_callback);
‘‘Spagnolo’’: ‘‘Configuraciòn general’’,
‘‘Portoghese’’: ‘‘Configurações gerais’’,
},
…
WWW
JSON
]
}
Dropbox
10/15
HOMECHIAMATA
PAGE
INSERISCI
11/15
HOMECHIAMATA
PAGE
GESTISCI
HTML5
CSS
Javascript
Database
SQLite
Api phonegap
socialsharing.shareViaEmail(…);
Sharing
Applicazione e-mail
dispositivo
12/15
CREAZIONE PDF
JSPDF
doc = new jsPDF('p',
jsPDF(); 'mm', [297, 210]);
doc.setFontSize(n);
doc.text("Testo",X,Y);
doc.roundedRect(X,Y,width,height,r1,r2, 'fill');
var pdfOutput = doc.output();
doc.addImage(image, Tipo, X, Y, width, height);
doc.line(x1,y1,x2,y2);
doc.addpage();
USO FOTOCAMERA/GALLERIA
HTML5
CSS
Javascript
Database
SQLite
Api
phonegap
camera.getPicture(…);
per fotocamera\galleria
Fotocamera\galleria
dispositivo
14/15
CONCLUSIONI
Sviluppi
futuri app ibrida perfettamente funzionante
 Realizzato

User-friendly
Database centralizzato
 Inserire
archiviare chiamate di assistenza
 Firmaebiometrica
 Inviare la mail contenente il rapportino di
intervento tecnico
 Pubblicazione sugli store Google play ed
Apple store
15/15