Desenvolupament d’una aplicació Ionic
Transcript of Desenvolupament d’una aplicació Ionic
![Page 1: Desenvolupament d’una aplicació Ionic](https://reader035.fdocuments.net/reader035/viewer/2022071214/62cb612272196969e31dd493/html5/thumbnails/1.jpg)
TFMDesenvolupament d’aplicacions per a dispositius mòbils
Alumne: Manuel Macías Valanzuela Consultor/a: Francesc D'Assís Giralt QueraltProfessor/a responsable: Carles Garrigues Olivella
5 de juny de 2019
Desenvolupament d’una aplicació Ionic
![Page 2: Desenvolupament d’una aplicació Ionic](https://reader035.fdocuments.net/reader035/viewer/2022071214/62cb612272196969e31dd493/html5/thumbnails/2.jpg)
• Context
• Estat actual
• Solucions proposades
• Disseny centrat en l’usuari
• Disseny de l’arquitectura
• Implementació
• Resultats
• Línies de futur
• Conclusions
Introducció
![Page 3: Desenvolupament d’una aplicació Ionic](https://reader035.fdocuments.net/reader035/viewer/2022071214/62cb612272196969e31dd493/html5/thumbnails/3.jpg)
Context
AbsènciesFP
AbsènciesFP
CFGM / CFGS
CFGM / CFGS
MP / UFMP / UF
![Page 4: Desenvolupament d’una aplicació Ionic](https://reader035.fdocuments.net/reader035/viewer/2022071214/62cb612272196969e31dd493/html5/thumbnails/4.jpg)
Estat actual• App web
• Introducció dades manual
• Explotació d’informes
• Sistemes d’alertes
• Professorat de guàrdia
![Page 5: Desenvolupament d’una aplicació Ionic](https://reader035.fdocuments.net/reader035/viewer/2022071214/62cb612272196969e31dd493/html5/thumbnails/5.jpg)
Solucions proposades
• App dispositius mòbils amb Ionic
• Gestió absències alumnat per UF
• Explotació dades absències
• Alertes % al professorat
• Suport professorat guàrdia
![Page 6: Desenvolupament d’una aplicació Ionic](https://reader035.fdocuments.net/reader035/viewer/2022071214/62cb612272196969e31dd493/html5/thumbnails/6.jpg)
Disseny centrat en l’usuari• Usuaris i contextos d’ús
• Anàlisi usuaris app: enquestes i entrevistes al centre
• Perfils d’usuari: professorat, tutor/a i administrador
• Disseny conceptual: tècnica de personatges
• Escenaris d’ús
• Prototipat (wireframes + prototip horitzontal)
• Avaluació
• Casos d’ús
![Page 7: Desenvolupament d’una aplicació Ionic](https://reader035.fdocuments.net/reader035/viewer/2022071214/62cb612272196969e31dd493/html5/thumbnails/7.jpg)
Disseny arquitectura
• MVC
![Page 8: Desenvolupament d’una aplicació Ionic](https://reader035.fdocuments.net/reader035/viewer/2022071214/62cb612272196969e31dd493/html5/thumbnails/8.jpg)
Implementació
• JetBrains WebStorm
• NodeJS
• Npm
• Android Studio
• Firebase
• Consola desenvolupament
• Jasmine / Karma
![Page 9: Desenvolupament d’una aplicació Ionic](https://reader035.fdocuments.net/reader035/viewer/2022071214/62cb612272196969e31dd493/html5/thumbnails/9.jpg)
Resultats
• App Ionic
• Millora habilitats i competències
• Gestió projecte real
• App absències per UF
• App informes dades
• Alertes preventives professorat
• Gestió professorat guàrdia
![Page 10: Desenvolupament d’una aplicació Ionic](https://reader035.fdocuments.net/reader035/viewer/2022071214/62cb612272196969e31dd493/html5/thumbnails/10.jpg)
Línies de futur
• Llista alumnat matriculat UF amb filtre de grup
• Nou sistema alertes per a tutoria
• Tancament absències professorat guàrdia
• Absències grup per MP/UF
• Rols a BD (admin+user)
• Fotografies alumnat
• Conversió automàtica CSV a JSON
![Page 11: Desenvolupament d’una aplicació Ionic](https://reader035.fdocuments.net/reader035/viewer/2022071214/62cb612272196969e31dd493/html5/thumbnails/11.jpg)
Conclusions
• Nous coneixements
• Planificar, dissenyar i implementar un projecte real
• Repte personal. Motivació
• Objectius assolits
• Resultat satisfactori
![Page 12: Desenvolupament d’una aplicació Ionic](https://reader035.fdocuments.net/reader035/viewer/2022071214/62cb612272196969e31dd493/html5/thumbnails/12.jpg)
Agraïments
Moltes gràcies per la vostra atenció!