DI UN’APP IBRIDA ATTRAVERSO IL FRAMEWORK PHONEGAP - …
Transcript of DI UN’APP IBRIDA ATTRAVERSO IL FRAMEWORK PHONEGAP - …
![Page 1: DI UN’APP IBRIDA ATTRAVERSO IL FRAMEWORK PHONEGAP - …](https://reader033.fdocuments.net/reader033/viewer/2022050207/626df1b9b7e28c598c2d29c6/html5/thumbnails/1.jpg)
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
![Page 2: DI UN’APP IBRIDA ATTRAVERSO IL FRAMEWORK PHONEGAP - …](https://reader033.fdocuments.net/reader033/viewer/2022050207/626df1b9b7e28c598c2d29c6/html5/thumbnails/2.jpg)
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
![Page 3: DI UN’APP IBRIDA ATTRAVERSO IL FRAMEWORK PHONEGAP - …](https://reader033.fdocuments.net/reader033/viewer/2022050207/626df1b9b7e28c598c2d29c6/html5/thumbnails/3.jpg)
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
![Page 4: DI UN’APP IBRIDA ATTRAVERSO IL FRAMEWORK PHONEGAP - …](https://reader033.fdocuments.net/reader033/viewer/2022050207/626df1b9b7e28c598c2d29c6/html5/thumbnails/4.jpg)
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
![Page 5: DI UN’APP IBRIDA ATTRAVERSO IL FRAMEWORK PHONEGAP - …](https://reader033.fdocuments.net/reader033/viewer/2022050207/626df1b9b7e28c598c2d29c6/html5/thumbnails/5.jpg)
PHONEGAP
Phonegap bridge
HTML5/CSS3 Application
+
javascript
Phonegap Api
Sistema Operativo
Camera GPS Accelerometro ...
Fotocamera\galleria
SQLite
Sharing
5/15
![Page 6: DI UN’APP IBRIDA ATTRAVERSO IL FRAMEWORK PHONEGAP - …](https://reader033.fdocuments.net/reader033/viewer/2022050207/626df1b9b7e28c598c2d29c6/html5/thumbnails/6.jpg)
GLI ATTORI IN CAMPO
WWW
Dropbox
Server E-mail
Database
locale
6/15
![Page 7: DI UN’APP IBRIDA ATTRAVERSO IL FRAMEWORK PHONEGAP - …](https://reader033.fdocuments.net/reader033/viewer/2022050207/626df1b9b7e28c598c2d29c6/html5/thumbnails/7.jpg)
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
![Page 8: DI UN’APP IBRIDA ATTRAVERSO IL FRAMEWORK PHONEGAP - …](https://reader033.fdocuments.net/reader033/viewer/2022050207/626df1b9b7e28c598c2d29c6/html5/thumbnails/8.jpg)
LOGICA DI FUNZIONAMENTO
HTML5
CSS
Javascript
Phonegap
Sistema Operativo
Database
SQLite
8/15
![Page 9: DI UN’APP IBRIDA ATTRAVERSO IL FRAMEWORK PHONEGAP - …](https://reader033.fdocuments.net/reader033/viewer/2022050207/626df1b9b7e28c598c2d29c6/html5/thumbnails/9.jpg)
HOME PAGE
9/15
![Page 10: DI UN’APP IBRIDA ATTRAVERSO IL FRAMEWORK PHONEGAP - …](https://reader033.fdocuments.net/reader033/viewer/2022050207/626df1b9b7e28c598c2d29c6/html5/thumbnails/10.jpg)
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);
![Page 11: DI UN’APP IBRIDA ATTRAVERSO IL FRAMEWORK PHONEGAP - …](https://reader033.fdocuments.net/reader033/viewer/2022050207/626df1b9b7e28c598c2d29c6/html5/thumbnails/11.jpg)
HOME PAGEINSERISCI CHIAMATA
11/15
![Page 12: DI UN’APP IBRIDA ATTRAVERSO IL FRAMEWORK PHONEGAP - …](https://reader033.fdocuments.net/reader033/viewer/2022050207/626df1b9b7e28c598c2d29c6/html5/thumbnails/12.jpg)
HOME PAGEGESTISCI CHIAMATA
Api phonegap
Sharing
HTML5
CSS
Javascript Database
SQLite
Applicazione e-mail
dispositivo12/15
socialsharing.shareViaEmail(…);
![Page 13: DI UN’APP IBRIDA ATTRAVERSO IL FRAMEWORK PHONEGAP - …](https://reader033.fdocuments.net/reader033/viewer/2022050207/626df1b9b7e28c598c2d29c6/html5/thumbnails/13.jpg)
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();
![Page 14: DI UN’APP IBRIDA ATTRAVERSO IL FRAMEWORK PHONEGAP - …](https://reader033.fdocuments.net/reader033/viewer/2022050207/626df1b9b7e28c598c2d29c6/html5/thumbnails/14.jpg)
USO FOTOCAMERA/GALLERIA
Api phonegap
per fotocamera\galleria
HTML5
CSS
Javascript Database
SQLite
Fotocamera\galleria
dispositivo14/15
camera.getPicture(…);
![Page 15: DI UN’APP IBRIDA ATTRAVERSO IL FRAMEWORK PHONEGAP - …](https://reader033.fdocuments.net/reader033/viewer/2022050207/626df1b9b7e28c598c2d29c6/html5/thumbnails/15.jpg)
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