ASSISTENZA INTERVENTI TECNICI:

PROGETTO E SVILUPPO

DI UN’APP IBRIDA

ATTRAVERSO IL FRAMEWORK

PHONEGAP

Candidato:

Gianluca

Stazione

Relatore:

Prof.ssa Sonia

Bergamaschi

Anno Accademico 2013/2014

UNIVERSITÀ DEGLI STUDI DI

MODENA E REGGIO EMILIA

1/15

RealizzazioneObiettivi /

ProgettazionePubblicazione

sugli store

Richiesta di

assistenza

Assegna l’assistenza ad

un tecnico

Stampa rapportino di

lavoro

Compilazione manuale

del rapportino di lavoro

Archiviazione manuale

del rapportino

Assistenza Interventi

Tecnici

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

Web App

App ibrida

App nativa

Phonegap

Vantaggi:

• sviluppo multipiattaforma

(utilizzando HTML5,css3 e javascript)

• accesso a funzionalità native

• possibilità di utilizzo offline

4/15

PHONEGAP

Phonegap bridge

HTML5/CSS3 Application

+

javascript

Phonegap Api

Sistema Operativo

Camera GPS Accelerometro ...

Fotocamera\galleria

SQLite

Sharing

5/15

GLI ATTORI IN CAMPO

WWW

Dropbox

Server E-mail

Database

locale

6/15

SQLiteLibreria 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

Sistema Operativo

Database

SQLite

8/15

HOME PAGE

9/15

IMPOSTAZIONI

10/15

GESTIONE LINGUA

HTML5

CSS

JSON

{

‘‘Traduzione Impostazioni’’:[

{

‘‘id’’: ‘‘impostazioniHeader’’,

‘‘Italiano’’: ‘‘Impostazioni generali’’,

‘‘Inglese’’: ‘‘General settings’’,

‘‘Francese’’: ‘‘Réglages généraux’’,

‘‘Tedesco’’: ‘‘Allgemeine einstellungen’’,

‘‘Spagnolo’’: ‘‘Configuraciòn general’’,

‘‘Portoghese’’: ‘‘Configurações gerais’’,

},

…

]

}

ALLARMIE-MAIL PREDEFINITADROPBOX

Api dropbox

HTML5

CSS

Javascript

Dropbox

WWW

Database

SQLitevar client = new Dropbox.Client(key:app_key);

client.authDriver(new Dropbox.AuthDriver.Cor

dova());

client.authenticate( auth_callback);client.writeFile(percorso,dati,function);

HOME PAGEINSERISCI CHIAMATA

11/15

HOME PAGEGESTISCI CHIAMATA

Api phonegap

Sharing

HTML5

CSS

Javascript Database

SQLite

Applicazione e-mail

dispositivo12/15

socialsharing.shareViaEmail(…);

CREAZIONE PDF

JSPDF doc = new jsPDF();doc = new jsPDF('p', 'mm', [297, 210]);

doc.setFontSize(n); doc.text("Testo",X,Y);

doc.roundedRect(X,Y,width,height,r1,r2, 'fill');

doc.line(x1,y1,x2,y2);

doc.addImage(image, Tipo, X, Y, width, height);

doc.addpage();

var pdfOutput = doc.output();

USO FOTOCAMERA/GALLERIA

Api phonegap

per fotocamera\galleria

HTML5

CSS

Javascript Database

SQLite

Fotocamera\galleria

dispositivo14/15

camera.getPicture(…);

CONCLUSIONI

Realizzato app ibrida perfettamente funzionante

User-friendly

Inserire e archiviare chiamate di assistenza

Inviare la mail contenente il rapportino diintervento tecnico

Sviluppi futuri

Database centralizzato

Firma biometrica

15/15

Pubblicazione sugli store Google play ed

Apple store