Desenvolupament d'una aplicació multiplataforma per a dispositius mòbils

Texto completo

(1)Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils Projecte Final de Grau Grau de Multimèdia Àrea de desenvolupament d'aplicacions. Autor: Marta Pascual Viladegut Consultors: Ignasi Lorente Puchades i Jordi Almirall López Professor: Josep Prieto Blázquez Juny 2014.

(2) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 1. Introducció 2. Descripció 3. Metodologia 4. Usuaris i context d'ús 5. Disseny conceptual 6. Prototips 7. Usabilitat i avaluació 8. Arquitectura de l'aplicació 9. Versió alpha de l'aplicació 10. Conclusions.

(3) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 1. Introducció.

(4) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 2. Descripció. ●. Social + Multiplataforma + càmera + GPS. ●. Finalitats: ● ● ●. Poder avisar als teus amics de la teva localització Poder avisar als teus amics d'on has estat Poder marcar un punt de trobada on reunir als teus amics. ●. HTML5 + CSS3 + JS amb PhoneGap o Cordova. ●. App <-> Servidor <-> Base de dades.

(5) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 3. Metodologia.

(6) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 4. Usuaris i context d'ús. ●. Indagació.

(7) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 4. Usuaris i context d'ús. ●. ● ● ● ● ● ● ● ● ● ● ●. Indagació > Aspectes a simular No cal registre - Registre via telèfon Facilitat per realitzar la principal funcionalitat Facilitat per compartir foto i localització Facilitat per especificar amb qui vols compartir Facilitat per editar i esborrar Filtres i editors d’imatge Guarda la informació fins que la pugui tramitar Facilitat per crear grups Opció de comentar, compartir i favorits Opcions de configuració i de privacitat Versió web i versió en català.

(8) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 4. Usuaris i context d'ús. ●. ● ● ● ● ● ● ● ● ● ● ●. Indagació > Aspectes a simular No cal registre - Registre via telèfon Facilitat per realitzar la principal funcionalitat Facilitat per compartir foto i localització Facilitat per especificar amb qui vols compartir Facilitat per editar i esborrar Filtres i editors d’imatge Guarda la informació fins que la pugui tramitar Facilitat per crear grups Opció de comentar, compartir i favorits Opcions de configuració i de privacitat Versió web i versió en català.

(9) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 4. Usuaris i context d'ús. ●. ● ● ● ● ● ● ● ● ● ● ●. Indagació > Aspectes a simular No cal registre - Registre via telèfon Facilitat per realitzar la principal funcionalitat Facilitat per compartir foto i localització Facilitat per especificar amb qui vols compartir Facilitat per editar i esborrar Filtres i editors d’imatge Guarda la informació fins que la pugui tramitar Facilitat per crear grups Opció de comentar, compartir i favorits Opcions de configuració i de privacitat Versió web i versió en català.

(10) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 4. Usuaris i context d'ús. ●. ● ● ● ● ● ● ● ● ● ● ●. Indagació > Aspectes a simular No cal registre - Registre via telèfon Facilitat per realitzar la principal funcionalitat Facilitat per compartir foto i localització Facilitat per especificar amb qui vols compartir Facilitat per editar i esborrar Filtres i editors d’imatge Guarda la informació fins que la pugui tramitar Facilitat per crear grups Opció de comentar, compartir i favorits Opcions de configuració i de privacitat Versió web i versió en català.

(11) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 4. Usuaris i context d'ús. ●. ● ● ● ● ● ● ● ● ● ● ●. Indagació > Aspectes a simular No cal registre - Registre via telèfon Facilitat per realitzar la principal funcionalitat Facilitat per compartir foto i localització Facilitat per especificar amb qui vols compartir Facilitat per editar i esborrar Filtres i editors d’imatge Guarda la informació fins que la pugui tramitar Facilitat per crear grups Opció de comentar, compartir i favorits Opcions de configuració i de privacitat Versió web i versió en català.

(12) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 4. Usuaris i context d'ús. ●. ● ● ● ● ● ● ● ● ● ● ●. Indagació > Aspectes a simular No cal registre - Registre via telèfon Facilitat per realitzar la principal funcionalitat Facilitat per compartir foto i localització Facilitat per especificar amb qui vols compartir Facilitat per editar i esborrar Filtres i editors d’imatge Guarda la informació fins que la pugui tramitar Facilitat per crear grups Opció de comentar, compartir i favorits Opcions de configuració i de privacitat Versió web i versió en català.

(13) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 4. Usuaris i context d'ús. ●. ● ● ● ● ● ● ● ● ● ● ●. Indagació > Aspectes a simular No cal registre - Registre via telèfon Facilitat per realitzar la principal funcionalitat Facilitat per compartir foto i localització Facilitat per especificar amb qui vols compartir Facilitat per editar i esborrar Filtres i editors d’imatge Guarda la informació fins que la pugui tramitar Facilitat per crear grups Opció de comentar, compartir i favorits Opcions de configuració i de privacitat Versió web i versió en català.

(14) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 4. Usuaris i context d'ús. ●. Indagació > Aspectes a evitar ● ● ● ● ● ● ● ● ● ● ●. Tarda en carregar l’aplicació Al compartir foto, s’obre primer el carret Difícil compartir foto Compartir localització i foto per separat La posició GPS no és exacta, sols d’un lloc creat Tarda molt en carregar el mapa No hi ha grups Cal buscar als amics Massa funcionalitats i opcions Massa publicitat i suggerències Versions de idioma incompletes o inexistents.

(15) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 4. Usuaris i context d'ús. ●. Enquesta. ●. Mètode de seguiment. ●. Mètode de diari.

(16) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 4. Usuaris i context d'ús. ●. Contextos d'ús ●. “Quedar amb uns amics” - Usuari primari. ●. “Quedar amb uns amics” - Usuari amic. ●. “Trobar els amics”. ●. “Compartir experiència amb els amics” - des de l’estranger. ●. “Compartir experiència amb els amics” - amb connexió disponible. ●. “Relacionar-se”.

(17) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 4. Usuaris i context d'ús. ●. Context d'ús “Quedar amb uns amics” - Usuari primari ●. Objectiu:. Acordar data i lloc amb un grup d’amics. ●. Procés:. 1. Envia una proposta de data, hora i lloc 2. Espera confirmació de la resta de convidats 3. Acorden la quedada. ●. Restriccions:. Temps d’espera en les respostes del grup. ●. Entorn:. Espai privat, tranquil i d’interior (casa, oficina…).

(18) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 4. Usuaris i context d'ús. ●. Context d'ús “Quedar amb uns amics” - Usuari amic (resposta) ●. Objectiu:. Confirmar data i lloc. ●. Procés:. 1. Confirma proposta de data, hora i lloc. ●. Restriccions:. Depèn de l'entorn. ●. Entorn:. Qualsevol entorn.

(19) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 4. Usuaris i context d'ús. ●. Context d'ús “Trobar els amics” ●. Objectiu:. Trobar els amics perduts. ●. Procés:. 1. Envia la seva posició GPS i la fotografia 2. Espera la posició de la resta o que el trobin 3. Es troben. ●. Restriccions:. Qualitat de la connexió i temps d’espera. ●. Entorn:. Espai públic, sorollós, amb molta gent, poca llum i d’exterior (concert, fira…).

(20) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 4. Usuaris i context d'ús. ●. Context d'ús “Compartir experiència amb els amics” estranger ●. Objectiu:. Compartir experiència amb els amics. ●. Procés:. 1. Envia una fotografia i/o posició GPS i/o text del lloc on està (fa l’acció, però s’hauria de desar i enviar-se amb bona connexió). ●. Restriccions:. Sense connexió disponible. ●. Entorn:. Espai públic, interior o exterior, a l’estranger..

(21) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 4. Usuaris i context d'ús. ●. Context d'ús “Compartir experiència amb els amics” amb connexió ●. Objectiu:. Compartir experiència amb els amics. ●. Procés:. 1. Envia una fotografia i/o posició GPS i/o text del lloc. ●. Restriccions:. Qualitat de la connexió. ●. Entorn:. Espai públic o privat, interior o exterior.

(22) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 4. Usuaris i context d'ús. ●. Context d'ús “Relacionar-se” ●. Objectiu:. Relacionar-se amb els amics. ●. Procés:. 1. Consulta 2. Interactua 3. Comparteix. ●. Restriccions:. Cap. ●. Entorn:. Còmode.

(23) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 4. Usuaris i context d'ús. ●. Perfils d'usuari ●. Usuaris socials. ●. Usuaris pseudo-socials. ●. Usuaris poc socials.

(24) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 4. Usuaris i context d'ús. ●. Perfil “Usuari social” ●. Són joves (entre menys de 20 i 40 anys) i solters. ●. Alta experiència i ús d’smartphone i d’aplicacions. ●. SO: Android. ●. Connexió amb dades mòbils quan usa apps. ●. Queden amb els amics a diari o setmanal i ho fan via app de missatgeria. ●. Si es perden, es truquen o via app de missatgeria. ●. En un lloc especial, comparteixen per xarxa social amb tothom o via app de missatgeria. ●. Usen a diari les apps de xarxes socials i les apps de missatgeria instantània. ●. Comparteixen una fotografia per apps de xarxes socials o de missatgeria. ●. Comparteixen una posició GPS per missatgeria. ●. Comparteixen la seva informació amb una persona o grup, i ocasionalment amb tothom.

(25) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 4. Usuaris i context d'ús. ●. Perfil “Usuari pseudo-social” ●. Són joves (entre 31 i 40 anys) i en parella. ●. Alta experiència i ús d’smartphone i d’aplicacions. ●. Connexió amb wifi quan usa apps. ●. Queden amb els amics setmanalment i ho fan via app de missatgeria. ●. Si es perden, usen una app de missatgeria o es truquen. ●. En un lloc especial, comparteixen per app de missatgeria amb grup. ●. Usen setmanalment les apps de xarxes socials. ●. Usen a diari les apps de missatgeria instantània. ●. Comparteixen una fotografia per apps de missatgeria. ●. Comparteixen una posició GPS per apps de missatgeria. ●. Comparteixen la seva informació amb una persona i amb grup, i poc amb tothom.

(26) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 4. Usuaris i context d'ús. ●. Perfil “Usuari poc social” ●. Edat variada i en parella. ●. Experiència i ús d’smartphone i d’aplicacions molt variada. ●. Connexió amb wifi quan usa apps. ●. Queden amb els amics setmanalment i ho fan via app de missatgeria o trucant. ●. Si es perden, usen una app de missatgeria o es truquen. ●. En un lloc especial, comparteixen per app de missatgeria o per telèfon. ●. Usen ocasionalment les apps de xarxes socials. ●. Usen a diari o setmanalment les apps de missatgeria instantània. ●. Comparteixen una fotografia per apps de missatgeria. ●. Comparteixen poques vegades una posició GPS, si ho fan, per apps de missatgeria. ●. Comparteixen poc la seva informació, si ho fan, amb una persona i amb grup.

(27) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 4. Usuaris i context d'ús. ●. Característiques descobertes per a l'aplicació ●. Opció de compartir en les xarxes socials. ●. Creació de grups. ●. Opció comentar. ●. Notificacions. ●. Opció “m’agrada”. ●. Esborrar informació compartida. ●. Informació “autoenviable”. ●. Editar privacitat. ●. Alt contrast. ●. ●. Còpies de seguretat. ●. Opció consultar qui està convidat. ●. Bloquejar contactes. ●. Opció consultar historial. ●. Autentificació extra (PIN). ●. Opció confirmar. ●. Configuració privacitat del perfil. ●. Mostrar ruta. ●. Informació de privacitat, seguretat i servei. Permetre o no l’opció de compartir en xarxes socials.

(28) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 5. Disseny conceptual ●. Shaplapp.

(29) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 5. Disseny conceptual ●. Historial.

(30) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 5. Disseny conceptual ●. Contactes.

(31) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 5. Disseny conceptual ●. Configuració.

(32) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 6. Prototips ●. Prototip d'alta fidelitat: inici.

(33) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 6. Prototips ●. Prototip d'alta fidelitat: fer fotografia i acceptar.

(34) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 6. Prototips ●. Prototips d'alta fidelitat: Afegir informació al Shaplapp.

(35) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 6. Prototips ●. Prototips d'alta fidelitat: Fitxa d'un Shaplapp.

(36) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 6. Prototips ●. Prototip d'alta fidelitat: Historial en plànol i en llistat.

(37) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 6. Prototips ●. Prototip d'alta fidelitat: contactes, amics i grups.

(38) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 6. Prototips ●. Prototip d'alta fidelitat: Més i perfil.

(39) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 6. Prototips ●. Prototip d'alta fidelitat: Notificacions.

(40) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 7. Usabilitat i avaluació. ●. 10 principis heurístics de Nielsen. ●. Guies d'estil de Apple i Android. ●. Test amb usuaris ● ● ●. Preguntes relacionades amb l'usuaris Llistat de tasques a realitzar Preguntes sobre les tasques realitzades.

(41) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 8. Arquitectura de l'aplicació.

(42) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 9. Versió alpha de l'aplicació.

(43) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. 10. Conclusions. ●. Desenvolupament app inici -> versió alpha. ●. Aplicació dels coneixements previs. ●. Nous coneixements i tecnologies. ●. Versió alpha, però versió final definida. ●. Fi d'un inici.

(44) Desenvolupament d’una aplicació multiplataforma per a dispositius mòbils. Projecte Final de Grau. Grau de Multimèdia. Àrea de desenvolupament d'aplicacions Marta Pascual Viladegut. Juny 2014. ●. Moltes gràcies.

(45)

Figure

Actualización...

Referencias

Actualización...