! !
Títol del treball: Memòria Joining App Alumne: Abel Martínez, Fàtima Pérez, Idalete Ribeiro Assignatura: Tecnologies Multimèdia ll Data: 20 de Gener 2019
AUDIOVISUALS i MULTIMÈDIA
Grau en Comunicació Audiovisual i Multimèdia
! !
AUDIOVISUALS i MULTIMÈDIA
Grau en Comunicació Audiovisual i Multimèdia
íNDEX
1. Discovery
1.1 Debrief
1.2. Needs
1.3. Research
1.4. User research
1.5. Benchmarking
1.6. Personas
2. Definition
2.1. Brainstorming
2.2. Technical requirements
2.3. Content Requirements
2.4. User senarios
3. Structure
4. Skeleton
5. Surface
5.1. Define layout
5.2. Define colors
5.3. Define typography
5.4. Create user interface design
3
7
8
8
9
3.1. User flows & diagrams
4.1. Create sketches and draw interactions
2
! !
AUDIOVISUALS i MULTIMÈDIA
Grau en Comunicació Audiovisual i Multimèdia
1. Discovery 1.1 Debrief Una APP destinada a estudiants, concretament als delegats de les classes, per donar facilitats a l’hora d’organitzar el grup. Les funcions principals que tindria la APP serien: un calendari amb la data d’entrega d’activitats, votacions per escollir una decisió conjunta, inscripcions per projectes en grup i enllaços dels materials necessaris de la classe.
1.2. Needs Amb aquesta aplicació les necessitats que volem cobrir són l’organització d’un grup de classe ja sigui per estudiants de secundària o universitaris, sobretot encarada la funció del delegat.
Com a objectiu, les funcions principals que volem que tingui aquesta aplicació són primerament, un calendari en el qual es pugui anar afegint tots els treballs i exàmens als seus corresponents dies perquè el grup pugui tenir a mà les tasques que ha d’entregar. També volem afegir un apartat en el qual es pugui fer votacions, ja que considerem que aquesta seria una manera més senzilla perquè els estudiants es fiquin d’acord en situacions com per exemple un canvi de classe a causa d’una vaga. Després poder compartir via email el resultat i així informar de la decisió presa.
Un cop haguem arribat fins a aquest punt, una de les altres funcions que ens agradaria incorporar és un apartat d’inscripcions, és a dir, on els alumnes es puguin apuntar per formar grups de treball, fer suggerències... També afegirem una funció on es podran adjuntar arxius en pdf, com per exemple documents passats a classe. Finalment, ens agradaria incorporar un apartat el qual faciliti als estudiants la recerca de pis, ja que a través d’aquesta App es facilitaria el contacte.
3
! !
AUDIOVISUALS i MULTIMÈDIA
Grau en Comunicació Audiovisual i Multimèdia
1.3. Research Funcions dels delegats:
Contacte directe amb el claustre
Assistir a les reunions per establir un canal de comunicació entre professorat i alumne
Mantenir els alumnes informats del dia a dia
Fomentar la convivència entre alumnes
1.4. User research Ens hem ficat en contacte amb alumnes, delegats i exdelegats per tal de que ens puguin ajudar a pensar quines funcions podríem cobrir per tal de facilitar-los les tasques.
Exdelegada 1: Comenta que estaria bé tenir un apartat on els alumnes poguessin aportar les seves suggerències per després comunicar-les a les reunions de delegats.
· Exdelegat 1: Comenta poder tenir un feedback directe amb professorat i alumnat.
· Exdelegada 2: Apartat per afegir un llistat de suggerències per dir a les reunions i que després, un cop feta la reunió es pugui dir si s’ha comentat i la resolució.
· Exdelegada 3: Que es pugui fer difusió dels missatges importants a través de notificacions.
· Exdelegat 4: Poder organitzar el grup més concretament per assignatures en concret, per tal de dirigir la informació a només els afectats.
· Alumne universitari: Un apartat on es pugui afegir links i accessos directes a webs, blogs interessants o dels quals s’han parlat a l’aula.
Alumne universitari: Diu que l’apartat del calendari podria tenir l’opció de notificar-te les tasques que has d’entregar un parell de dies abans.
· Alumne universitari: Diu d’afegir dins del calendari un apartat per les relacions extraescolars ja siguin projectes o quedades.
1.5. Benchmarking Hem estat fent
recerca d’altres aplicacions i hem trobat que aquestes són més senzilles i
diferents a l’aplicació que nosaltres volem fer, ja que no donen l’opció de fer els grups, simplement l’has de descarregar i crees el teu propi calendari i tu mateix vas afegint les tasques,... vindrien a ser organitzadors personals.
4
! !
AUDIOVISUALS i MULTIMÈDIA
Grau en Comunicació Audiovisual i Multimèdia
Possibles competidores: En la següent taula marquem els punts on la resta d’aplicacions del sector ens són competidores en relació als serveis que volem oferir amb la nostra APP. Considerem les caselles que no estan marcades com a punts dèbils.
Evernote És competidor a l’hora d’organitzar tasques, però són notes personalitzades per l’usuari.
MyHomework Student Planner Com a punt fort observem que és un planificador sense necessitat d’estar connectat a la xarxa. Com a punts dèbils destaquem que només està disponible en anglès i està reduit al target universitari.
5
! !
AUDIOVISUALS i MULTIMÈDIA
Grau en Comunicació Audiovisual i Multimèdia
ClikUp
Com a punt fort consta d’una gran organització de grups en la que les tasques poden ser creades per altres usuaris del grup.
Edmodo
Un punt diferencial és que professors i estudiantes estan connectats i colaboren en qualsevols moment i lloc. Això pot soposar una pèrdua de temps lliure pel professor i distanciar la relació de poders.
Classmate
Es focalitza en compartir els apunts entre els companys de classe, no té cap més funció.
Google Classroom Professors i alumnes estan connectats de manera que els alumnes tenen a l’abast totes les tasques que han de dur a terme. Però no entra en la organització del grup de classe com a tal.
Looping
Centrada en l’organització quedades en grup, no només acadèmics. Potser la app més competidora en el sentit que s’organitzen les tasques amb un calendari, però no defineixen rols a l’alumnat per organitzar-se com a delegats.
1.6. Personas · Delegat: 19 anys, responsable, organitzat, estudiós, empàtic, sociable. Viu en un pis d’estudiants i estudia Enginyeria Electrònica. Li agrada l’esport.
· Estudiant Universitària: 22 anys, despistada, poc organitzada. Viu sola. Treballa en una botiga de roba. Li agrada sortir però té poc temps lliure.
· Estudiant Secundària: 16 anys, dependent, immadur, addicte a les xarxes socials, li costa concentrar-se. Viu amb els pares. Li agrada quedar amb els amics.
6
! !
AUDIOVISUALS i MULTIMÈDIA
Grau en Comunicació Audiovisual i Multimèdia
2. Definition 2.1. Brainstorming · Registrar-se amb compte de google
· Calendari per afegir treballs i exàmens
· Diferenciar tasques, exàmens i extraescolars (sopars, quedades…) per colors
· Notificacións de les tasques un parell de dies abans
· Lincar el calendari amb el googe calendar i el calendari predeterminat de apple
· Opció en el calendari de marcar les tasques com a realitzades
· Apartat de votacions
· Apartat per enllaçar documents (possible enllaç amb drive)
· Apartat on es pugui afegir links i accessos directes
· Apartat d’inscripcions (grups)
· Llistat de suggerències per a reunió de delegats
· Sistema de comunicació directe amb el professorat (delegat)
· Poder especificar el grup de classe en grups per assignatures
· Apartat per a facilitar als estudiants trobar pis
· Opció off-line per si no tens internet
· Professorat poder consultar les tasques de les altres assignatures per no solapar-se.
2.2. Technical requirements BBDD
Assignatures, exàmens, esdeveniments.
API
Calendari (data inici, titol, assignatura), votacions
JSON
Wordpress
APP:
HTML - CSS - JS Interface intuitiva, bon disseny.
2.3. Content Requirements A nivell de contingut necessitem:
Instruccions sobre el funcionament de la APP.
Un petit tutorial a l’iniciar l’aplicació, en cas que algun apartat fos complex.
7
! !
AUDIOVISUALS i MULTIMÈDIA
Grau en Comunicació Audiovisual i Multimèdia
2.4. User senarios
3. Structure 3.1. User flows & diagrams
4. Skeleton 4.1. Create sketches and draw interactions
8
! !
AUDIOVISUALS i MULTIMÈDIA
Grau en Comunicació Audiovisual i Multimèdia
5. Surface 5.1. Define layout
5.2. Define colors
9
! !
AUDIOVISUALS i MULTIMÈDIA
Grau en Comunicació Audiovisual i Multimèdia
5.3. Define typography
5.4. Create user interface design
10