Desenvolupament d’una aplicació mòbil "GameApp"

TREBALL FINAL DE GRAU
TÍTOL: Desen olupamen d’una aplicació mòbil "GameApp"
AUTORS: Ma iño Mo eno, Daniel; Pascual Ba e Àlex
DATA DE PRESENTACIÓ: Feb e , 2025
COGNOMS: MARIÑO MORENO NOM: DANIEL
TITULACIÓ: GRAU EN ENGINYERIA INFORMÀTICA
PLA: 2018
DIRECTOR: ALEJANDRO RÍOS JEREZ
DEPARTAMENT: CIÈNCIES DE LA COMPUTACIÓ
COGNOMS: PASCUAL BATET NOM: ÀLEX
TITULACIÓ: GRAU EN ENGINYERIA INFORMÀTICA
PLA: 2018
DIRECTOR: ALEJANDRO RÍOS JEREZ
DEPARTAMENT: CIÈNCIES DE LA COMPUTACIÓ
DATA DE LECTURA:
Aques p ojec e é en comp e aspec es mediambien als: ␧ Sí ␧ No
QUALIFICACIÓ DEL TFG
TRIBUNAL
PRESIDENT
SECRETARI
VOCAL
1
RESUM
En aques T eball de Final de G au es eali za el desen olupamen d’una aplicació And oid
anomenada “GameApp”, aques a aplicació pe me als usua is explo a , alo a i descob i
ideojocs. A més, o e eix la possibili a de c ea deba s sob e ideojocs i man eni con e ses
amb al es usua is de l’aplicació.
La ges ió de l’aplicació es duu a e me a a és d’una pla a o ma web pe a adminis ado s,
que poden consul a in o mació dels usua is, mode a missa ges i aplica es iccions a
aquells que no acin un ús adequa de l’aplicació.
L’aplicació mòbil inco po a una ce ca a ançada de ideojocs g àcies a la in eg ació amb l’API
de IGDB (In e ne Game Da abase). També s'u ili za l’API de Google Pe spec i e pe il a
els missa ges dels usua is, ga an in una expe iència més segu a i mode ada.
L’objec iu p incipal d’aques p ojec e ha es a eali za un desen olupamen col·labo a iu
d’una app seguin una me odologia p ede inida. Aques p océs ha inclòs el disseny de la
in e ície, el desen olupamen ècnic de l'aplicació mòbil i web, així com la se a in eg ació i
ges ió. Finalmen , l’aplicació s’ha p esen a a un g up d’usua is pe ecolli les se es opinions
i eali za una anàlisi c í ic del esul a inal.
Pa aules clau:
And oid
Pla a o ma web
Fi ebase
API
IGDB
Google Pe spec i e
Ja a
Node.js
Figma
AWS (Amazon Web Se ices)
2
RESUMEN
En es e T abajo de Fin de G ado se ealiza el desa ollo de una aplicación And oid llamada
“GameApp”, es a aplicación pe mi e a los usua ios explo a , alo a y descub i ideojuegos.
Además, o ece la posibilidad de c ea deba es sob e ideojuegos y man ene con e saciones
con o os usua ios de la aplicación.
La ges ión de la aplicación se lle a a cabo a a és de una pla a o ma web pa a
adminis ado es, quienes pueden consul a in o mación de los usua ios, mode a mensajes y
aplica es icciones a aquellos que no hagan un uso adecuado de la aplicación.
La aplicación mó il inco po a una búsqueda a anzada de ideojuegos g acias a la in eg ación
con la API de IGDB (In e ne Game Da abase). También se u iliza la API de Google
Pe spec i e pa a il a los mensajes de los usua ios, ga an izando una expe iencia más
segu a y mode ada.
El obje i o p incipal de es e p oyec o ha sido ealiza un desa ollo colabo a i o de una app
siguiendo una me odología p ede inida. Es e p oceso ha incluido el diseño de la in e az, el
desa ollo écnico de la aplicación mó il y web, así como su in eg ación y ges ión. Finalmen e,
la aplicación se p esen ó a un g upo de usua ios pa a ecoge sus opiniones y ealiza un
análisis c í ico del esul ado inal.
Palab as cla e:
And oid
Pla a o ma web
Fi ebase
API
IGDB
Google Pe spec i e
Ja a
Node.js
Figma
AWS (Amazon Web Se ices)

3
ABSTRACT
In his bachelo ’s hesis, he de elopmen o an And oid applica ion called “GameApp” is
ca ied ou . This applica ion allows use s o explo e, a e, and disco e ideo games.
Addi ionally, i o e s he possibili y o c ea e deba es abou ideo games and ha e
con e sa ions wi h o he use s o he applica ion.
The managemen o he applica ion is conduc ed h ough a web pla o m o adminis a o s,
who can access use in o ma ion, mode a e messages, and impose es ic ions on hose who
misuse he applica ion.
The mobile applica ion ea u es an ad anced ideo game sea ch hanks o in eg a ion wi h
he IGDB (In e ne Game Da abase) API. I also uses he Google Pe spec i e API o il e use
messages, ensu ing a sa e and mo e mode a ed expe ience.
The main goal o his p ojec has been o make a collabo a i e app de elopmen p ocess
ollowing a p ede ined me hodology. This p ocess included in e ace design, he echnical
de elopmen o he mobile and web applica ions, as well as hei in eg a ion and managemen .
Finally, he applica ion was p esen ed o a g oup o use s o ga he hei eedback and conduc
a c i ical analysis o he inal ou come.
Keywo ds:
And oid
Web pla o m
Fi ebase
API
IGDB
Google Pe spec i e
Ja a
Node.js
Figma
AWS (Amazon Web Se ices)
4
Apo ació indi idual al g up
Daniel Ma iño Mo eno
Amb el meu company Àlex Pascual Ba e , hem pa icipa en el desen olupamen global del
p ojec e, coope an , apo an idees i en eunions pe iòdiques. Així ma eix, la memò ia s’ha
desen olupa de mane a conjun a.
Ja que enía coneixemen s p e is de desen olupamen d’aplicacions mòbils u ili zan
And oid S udio i Google Cloud, si el meu company oba a di icul a s en aques àmbi s he
p opo ciona l’ajuda necessa ia pe a l’ap enen a ge del company
Enca a que més enda an es mos a l’apo ació indi idual pe Sp in s aig un esum de la
me a apo ació indi idual:
Desen olupamen de les pan alles d’inici de sessió e i ica pe Google Au hen ica ion an
co eu/con asenya com comp e de Google.
Desen olupamen de les pan alles d’in o mació i ce ca de jocs així ambé la implemen ació
de l’API IGDB dins l’aplicació mòbil.
Desen olupamen de les pan alles de a o i s així ambé com la possibili a de selecciona
i alo a di e en s jocs com a a o i s.
Desen olupamen de es iccions, mi jançan l’usua i adminis ado , an g ans (bloqueja
usua i), com pe i es ( es iccions de pan alles a l’app) així ambé el desbloqueig d’aques es.
Desen olupamen de la pan alla de pe il de l’usua i, així ma eix l’ob enció de la in o mació
dels usua is a la web.
Ob enció dels comen a is i epo s dels di e en s usua is.
Desen olupamen de missa ge ia en e usua is dins l'aplicació mòbil, es ablin p è iamen
una con e sa en e dos usua is.
5
Apo ació indi idual al g up
Àlex Pascual Ba e
Jun amen amb el meu company Daniel Ma iño Mo eno, hem pa icipa ac i amen en el
desen olupamen global del p ojec e, eballan de mane a col·labo a i a, apo an idees, i
eali zan eunions pe iòdiques pe assegu a un a anç cohe en i alinea amb els objec ius
es able s.
La memò ia del p ojec e s'ha desen olupa de mane a conjun a, coo dinan els con ingu s i
e isan -los pe ga an i la se a quali a .
Vaig comença el p ojec e amb un bon ni ell de coneixemen sob e Reac i Node.js pe a la
c eació de l'aplicació web, així com de Fi ebase pe a la ges ió de bases de dades en emps
eal, que m'han pe mès a ança amb segu e a en les asques assignades.
Amb l’objec iu de dona un supo adequa al p ojec e, he posa un g an èm asi en la
implemen ació de uncionali a s conc e es i en l'ap enen a ge de ecnologies que inicialmen
no domina a.
He desen olupa el sis ema comple de ò ums, incloen -hi la ges ió dels comen a is i les
espos es, assegu an -ne un uncionamen òp im i en emps eal g àcies a Fi ebase.
També he es uc u a la base de dades pe ges iona o s els dades elle an s del p ojec e,
op imi zan -ne l'ús i ga an in la se a escalabili a .
Pel que a al disseny i l’expe iència d’usua i, he con ibuï als dissenys gene als an de
l’aplicació mòbil com de la in e ície web, assegu an la cohe ència isual i uncional en e
les dues pla a o mes.
És impo an des aca que aques a dis ibució de asques no signi ica que el meu company
no s'hagi implica en aques es uncions, ni ampoc que jo no hagi col·labo a en les se es.
Hem eballa de mane a ans e sal i conjun a en o momen , compa in coneixemen s i
e isan mú uamen les nos es con ibucions pe ga an i un esul a excel·len .
6
INDEX
1. Con ex 14
1.1. In oducció 14
1.2. Concep es 15
1.2.1. Desen olupamen mòbil 15
1.2.2. Desen olupamen web 15
1.2.3. API ex e nes 15
1.2.4. Compa ició de base de dades 15
1.2.5. Re oacció 16
1.3. Iden i icació del p oblema 16
1.4. Agen s Implica s 16
1.4.1. Desen olupado s 16
1.4.2. Mode ado s 16
1.4.3. Usua is inals 17
2. Jus i icació 18
2.1. Solucions P è ies 18
2.2. Eines 19
2.2.1. Ha dwa e 19
2.2.2. Disposi ius mòbils i na egado s web 19
2.2.3. P og ama i 19
3. Reque imen s uncionals 21
3.1.1. Usua i bàsic de l’aplicació mòbil 21
3.1.2. Usua i adminis ado de l’aplicació web 21
3.2. Reque imen s no uncionals 22
4. Me odologia 23
4.1. Mè ode de eball 23
4.2. Moni o a ge 23
4.3. Mè odes de alidació 23
5. Plani icació 25
5.1. Desc ipcions de asques i es imacions empo als 25
6. Es imacions i Gan 27
7. Obs acles i p e encions de iscos 28
7.1. Obs acles i g a e a 28
7.2. P e encions de iscos 29
13
UX (Use Expe ience): Expe iència gene al d’un usua i en usa l’aplicació, incloen -hi la
acili a d’ús i la sa is acció.
Fi es o e: Base de dades u ili zada dins Fi ebase pe l’emmaga zema ge i consul a de
dades de l’aplicació.
Times amp: Fo ma pe emmaga zema da es i ho es dins de Fi ebase.
Endpoin : Di ecció especí ica dins d’un se ei web que pe me a les aplicacions comunica -
se amb el se ido
UML: Eina isual usada pe ep esen a g à icamen l'es uc u a i les elacions d’una base
de dades.
Backlog: Col·lecció d’elemen s i uncionali a s penden s d’inicia .

Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
14
1. Con ex
Aques p ojec e és un T eball de Final d'Es udis de l'especiali a de Tecnologies de la
In o mació dins el G au d'Enginye ia In o mà ica, impa i a l'EPSEVG (Escola Poli ècnica
Supe io d'Enginye ia de Vilano a i la Gel ú) de la UPC (Uni e si a Poli ècnica de
Ca alunya). És un p ojec e de la modali a A, di igi pe Alejand o Ríos, doc o en In o mà ica,
p o esso de l’assigna u a Desen olupamen d’Aplicacions Mòbils al cen e.
L’objec iu p incipal del p ojec e és eali za el desen olupamen d’una aplicació seguin una
me odologia es uc u ada, amb la inali a de c ea un p oduc e uncional que pugui es a
disponible pe a al es usua is.
Aques p ojec e in eg a di e sos coneixemen s adqui i s du an el g au, incloen -hi:
● Desen olupamen mòbil amb And oid.
● In eg ació d’APIs ex e nes, com IGDB o Google Pe spec i e.
● Desen olupamen web pe ges iona i adminis a l’aplicació mòbil.
A més, s'ha eballa pe o e i una expe iència d'usua i sòlida, inco po an millo es basades
en les e oaccions dels usua is i implemen an uncionali a s que p omouen la segu e a i la
mode ació dins la pla a o ma.
1.1. In oducció
Aques p ojec e neix de la necessi a d’aplica o s els coneixemen s adqui i s du an el g au
en un con ex ealis a i ac ual, com és el món dels ideojocs. Es ac a d’un sec o en cons an
c eixemen , on les aplicacions mòbils senzilles d’usa són cada egada més sol·lici ades pe
in o ma -se, compa i opinions i in e ac ua amb al es usua is.
Els objec ius p incipals d’aques p ojec e són:
● Explo a l’ús d’APIs ex e nes com IGDB, pe acili a la ce ca i consul a de ideojocs;
Pe spec i e, pe mode a de mane a au omà ica les in e accions en e usua is; i
Imgu , pe ges iona ima ges de pe il.
● Implemen a uncionali a s socials, com ò ums i missa ge ia, pe omen a la
comunicació i la pa icipació ac i a dels usua is.
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
15
● Desen olupa una pla a o ma web complemen à ia que pe me i als adminis ado s
mode a con ingu i ges iona l’ac i i a dels usua is.
● Recolli e oaccions d’usua is du an di e ses ases del desen olupamen pe
iden i ica millo es i ajus a el p ojec e a les se es necessi a s.
Aques en ocamen combina desen olupamen ecnològic, in eg ació d’eines ex e nes i
op imi zació de l’expe iència d’usua i, amb l’objec iu d’o e i una solució uncional, escalable i
p epa ada pe se u ili zada en el món eal.
1.2. Concep es
1.2.1. Desen olupamen mòbil
Es e e eix al p océs de c eació d’aplicacions pe a disposi ius And oid en se i eines com
And oid S udio i llib e ies especí iques pe a la implemen ació d’in e ícies i uncionali a s.
Aques p ojec e in eg a l’ús d’XML pe al disseny de la UI i Ja a com a llengua ge p incipal de
p og amació.
1.2.2. Desen olupamen web
El desen olupamen web consis eix en el disseny i cons ucció de llocs o aplicacions
accessibles mi jançan un na egado web. Pe a aques p ojec e, s’ha u ili za Reac pe al
on -end, Node.js pe al back-end i AWS Ampli y pe la ges ió i desplegamen de l’aplicació.
1.2.3. API ex e nes
Les API són in e ícies que pe me en in e can ia dades de mane a es uc u ada en e
di e en s sis emes. En aques p ojec e s’u ili zen:
● IGDB (In e ne Game Da abase): Facili a l’accés a in o mació sob e ideojocs.
● Pe spec i e API: P opo ciona eines pe mode a missa ges de ec an con ingu òxic.
● Imgu API: Pe me ges iona i allo ja ima ges, com les o os de pe il dels usua is.
1.2.4. Compa ició de base de dades
Aques p ojec e compa eix una única base de dades en e l’aplicació mòbil i la pla a o ma
web. Això pe me una adminis ació cen ali zada i cohe en de les dades, op imi zan an el
endimen com la ges ió.
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
16
1.2.5. Re oacció
Es e e eix als di e sos comen a is i epo s del desplegamen de l’aplicació a un g up
d’usua is on es eben comen a is i epo s du an di e ses ases del desen olupamen de
l’app amb l’objec iu de millo a -la.
1.3. Iden i icació del p oblema
Aques p ojec e busca abo da la manca d'aplicacions mòbils que combinin, de mane a
e ec i a, es elemen s essencials:
1. Ce ca de ideojocs: Una eina obus a que pe me i als usua is oba in o mació
de allada sob e jocs mi jançan l’ús d’API com IGDB.
2. Funcionali a s socials: Espais pe c ea ò ums, deba e sob e ideojocs, alo a -los i
man eni con e ses amb al es usua is de la comuni a .
3. Ges ió i mode ació e icien : Una pla a o ma pe als adminis ado s que assegu i una
expe iència segu a i o gani zada, incloen -hi eines pe mode a ò ums, ges iona
a o i s i aplica es iccions a usua is si és necessa i.
Aques p ojec e ol o e i una solució in eg al que combini in o mació i in e acció social en un
sol en o n.
1.4. Agen s Implica s
1.4.1. Desen olupado s
P o essionals o es udian s in e essa s en u ili za aques sis ema com a e e ència o inspi ació
pe als seus p opis p ojec es. També es conside en els esponsables ècnics de man eni i
e oluciona el sis ema.
1.4.2. Mode ado s
Adminis ado s enca ega s de ga an i la quali a del con ingu a l’aplicació. Les se es
uncions inclouen:
● Mode a ò ums i comen a is.
● Ges iona usua is (incloen -hi es iccions en cas de mal ús).
● Assegu a un bon uncionamen de la pla a o ma.
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
17
1.4.3. Usua is inals
Jugado s i a iciona s als ideojocs que busquen:
● Explo a i descob i ideojocs nous.
● Valo a els seus jocs a o i s.
● In e ac ua amb al es usua is que compa eixin o di e eixin en opinions.
● Pa icipa en deba s pe in e can ia pun s de is a i en iqui l’expe iència de la
comuni a .
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
18
2. Jus i icació
Tal com s’ha desc i an e io men , l’objec iu p incipal del p ojec e és sa is e les necessi a s
dels usua is i adminis ado s mi jançan el desen olupamen d’una solució in eg ada i
accessible que o e eixi uncionali a s a ançades. Aques a solució p e én op imi za
l’expe iència de l’usua i alho a que ga an eix una adminis ació e icien de la pla a o ma.
A més, aques p ojec e se eix com una aplicació p àc ica dels coneixemen s adqui i s al lla g
de la ca e a. És impo an des aca que, en se un eball en pa ella, cadascun dels memb es
de l'equip comp a a amb di e en s ni ells de coneixemen en les ecnologies u ili zades. Pe
exemple, men e que l’Àlex Pascual enia expe iència en desen olupamen web amb Reac i
Node.js i una base en Fi ebase, no enia coneixemen s p e is en desen olupamen
d’aplicacions mòbils amb And oid. D’al a banda, el Daniel Ma iño enia un bon ni ell en
desen olupamen mòbil, pe ò enia menys expe iència en Fi ebase i desen olupamen web.
Aques a si uació ha pe mès que cadascun de nosal es ap engués de o ma au ònoma i
ambé g àcies a la col·labo ació mú ua, en iquin així l’expe iència global del p ojec e.
Aques en ocamen pe me posa en p àc ica habili a s ècniques i me odològiques en un
con ex ealis a, simulan el lux de eball d’un en o n p o essional i p omo en una
expe iència o ma i a in eg al.
2.1. Solucions P è ies
Aques p ojec e es p esen a com una solució o iginal que combina uncionali a s in o ma i es
i socials dins d’una aplicació mòbil. To i que exis eixen algunes aplicacions simila s, cap
d’elles in eg a o es aques es ca ac e ís iques de mane a comple a:
● Aplicacions in o ma i es: L’aplicació d’IGDB p opo ciona in o mació de allada sob e
ideojocs, pe ò no inclouen uncionali a s socials com ò ums i missa ge ia.
● Pla a o mes web: Una solució simila pod ia se 3DJuegos, que inclou ò ums i
alo acions dins d’una pàgina web. To i això, aques a pla a o ma no disposa d’una
aplicació mòbil que cob eixi les ma eixes necessi a s.
Aques p ojec e, pe an , o e eix una p opos a inno ado a que combina uncionali a s socials
i d’adminis ació amb un en o n d’usua i mòbil mode n i accessible.

Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
19
2.2. Eines
2.2.1. Ha dwa e
El desen olupamen del p ojec e eque eix un o dinado amb p ou especi icacions pe
execu a en o ns de desen olupamen de mane a e icien , com a a:
● P ocessado : In el Co e i7 o AMD Ryzen 7 equi alen .
● RAM: 16 GB o supe io
● GPU: NVIDIA GTX 1650 o supe io
Aques es especi icacions assegu en una expe iència luida du an el desen olupamen amb
en o ns com And oid S udio i Visual S udio Code, i les p o es de l’aplicació.
2.2.2. Disposi ius mòbils i na egado s web
● Mòbil And oid: Necessa i pe a les p o es i el desplegamen de l’aplicació mòbil.
● Na egado s mode ns: Com Ch ome, Fi e ox o Edge, pe assegu a que la
pla a o ma web és adap a i a ii compa ible amb di e sos disposi ius.
2.2.3. P og ama i
Pe al desen olupamen del p ojec e, s’han u ili za les següen s eines de p og ama i:
● And oid S udio: En o n p incipal pe al desen olupamen de l’aplicació mòbil en
And oid, amb Ja a com a llengua ge de p og amació p incipal.
● Visual S udio Code: Fe se i pe al desen olupamen del back-end i la ges ió del codi
de l’aplicació web.
● Reac : F amewo k pe a la c eació del on -end de la pla a o ma web.
● Fi ebase: Base de dades cen ali zada que connec a l’aplicació mòbil i web,
assegu an consis ència i sinc oni zació.
● AWS Ampli y: Se ei u ili za pe al desplegamen de l’aplicació web en un domini
accessible públicamen .
● Pos man: Eina usada pe p o a i alida els endpoin s de l’API del back-end du an el
desen olupamen .
● Gi Hub: Pla a o ma u ili zada pe al con ol de e sions i la col·labo ació en el p ojec e.
● Gi Hub Desk op: Eina g à ica que acili a la ges ió dels eposi o is Gi Hub de mane a
local.
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
20
● Cha GPT: U ili za com a eina de supo du an el p océs de desen olupamen pe
esold e dub es ècnics, gene a idees, ajuda en el disseny i millo a la edacció de la
documen ació.
● Figma: Eina de disseny d’in e ícies u ili zada pe plani ica i p o o ipa el disseny de
l’aplicació, gene an el codi d’aques .
● As ahUML: U ili za du an la ase inicial del p ojec e pe a la modeli zació UML i el
disseny p elimina de les es uc u es, enca a que el seu ús no es e lec eix en la e sió
inal de la documen ació.
● APIs ex e nes:
○ IGDB: Pe a la ce ca de ideojocs.
○ Pe spec i e API: Pe a la mode ació au omà ica de ò ums.
○ Imgu : Pe a la ges ió d’ima ges de pe il d’usua i.
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
21
3. Reque imen s uncionals
3.1.1. Usua i bàsic de l’aplicació mòbil
● Au en icació d’usua is amb Google Au hen ica ion: Implemen ació d’un sis ema
d’inici de sessió segu i àpid, ja sigui amb un co eu elec ònic o comp e de Google.
● Ce ca d’in o mació de ideojocs: Els usua is poden ce ca jocs i ob eni -ne
in o mació mi jançan la in eg ació amb l’API d’IGDB.
● Ges ió de a o i s: Capaci a pe gua da i ges iona jocs a o i s, incloen -hi la
possibili a de pun ua -los.
● Ges ió de la in o mació p òpia de l’usua i: L’usua i po pe sonali za el seu pe il,
a egin una desc ipció, indican el seu joc més juga , i can ian la o o de pe il g àcies
a la in eg ació amb l’API d’Imgu . També po can ia el nom d’usua i, anca sessió o
elimina el comp e ( an a Fi ebase Au hen ica ion com a Fi ebase Da abase).
● Ges ió de ò ums: Possibili a de c ea , pa icipa i alo a en di e sos ò ums de
l’aplicació. A més, els usua is poden epo a comen a is òxics o inap opia s. Els
ò ums es an mode a s au omà icamen pe la Pe spec i e API, amb l’opció que
l’usua i en iï epo s manualmen als adminis ado s.
● Ges ió de missa ge ia: Els usua is poden en ia missa ges en e ells desp és
d’es abli una con e sa. Un cop a la con e sa, ambé poden eu e la in o mació bàsica
de l’al e usua i.
● Comen a is i epo s: Opció de espond e un qües iona i que a iba di ec amen als
adminis ado s.
3.1.2. Usua i adminis ado de l’aplicació web
● Au en icació d’adminis ado s: Accés exclusiu pe a adminis ado s mi jançan inici
de sessió amb nom d’usua i i con asenya.
● In e acció amb usua is de l’app: Possibili a d’en ia missa ges a qualse ol usua i
de l’aplicació mòbil.
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
22
● Ges ió d’usua is: Els adminis ado s poden accedi a o a la in o mació dels usua is
i aplica es iccions especí iques, com la p ohibició de ce ca jocs, accedi a a o i s
o pa icipa en ò ums. També poden bloqueja un usua i de mane a pe manen si és
necessa i.
● Ges ió de e oaccions: Els adminis ado s enen accés a o s els comen a is i
epo s en ia s pels usua is.
3.2. Reque imen s no uncionals
Robus esa: Implemen ació co ec a i obus a de o es les uncionali a s, an de l’aplicació
mòbil com de la web.
Fiabili a : Sinc oni zació p ecisa i consis en de les dades en e les aplicacions web i mòbil
en emps eal.
Escalabili a : Capaci a pe ges iona un augmen del nomb e d’usua is sense comp ome e
el endimen de les aplicacions.
Usabili a : In e ícies in uï i es que pe me in una na egació àcil, una ce ca e ec i a i una
in e acció luida amb les uncionali a s disponibles.
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
29
Semblan a la documen ació incomple a suposa un obs acle de g a e a mi jana, ja que es
poden oba al e na i es a eines o complemen a -les d’al es.
Si uacions pe sonals de memb es de l’equip:
● Fac o s humans o si uacions pe sonals poden a ec a el endimen d’algun memb e
de l’equip du an els sp in s.
Una si uació pe sonal desa o unada d’un memb e de l’equip po suposa un obs acle de
g a e a mi jana, pe què ena ia el desen olupamen de l’aplicació momen àniamen .
7.2. P e encions de iscos
P è iamen , s’han esmen a un conjun de iscos a eni en comp e du an el desen olupamen
del p ojec e. A con inuació, es desc iuen les es a ègies i accions p e en i es que s’han
plani ica pe a cada cas.
API ex e nes
● Reno ació d’accessos: Pe e i a el isc associa a la caduci a de les claus d’accés
de les API ex e nes, aques es es eno a an amb una pe iodici a supe io al seu emps
de caduci a . Pe exemple, l’API d’IGDB caduca cada dos mesos, i es eno a à
mensualmen pe assegu a la se a con inuï a .
● Fal a de documen ació: Si la documen ació disponible d’una API és insu icien o
incomple a, s’anali za à la se a iabili a ècnica. En cas que aques a si uació
impedeixi el desen olupamen co ec e del p ojec e, es busca an al e na i es,
p io i zan aquelles que disposin d’una documen ació més obus a i compa ible amb
els equisi s del sis ema.
Ges ió de la base de dades
● Sinc oni zació en e aplicacions: Pe mi iga possibles p oblemes de sinc oni zació
en e l’aplicació mòbil i la pàgina web, s’ha implemen a una solució p oac i a en la
qual la pàgina web es e esca dinàmicamen segons s’ac uali zen les dades a la base
de dades. Això assegu a que es man inguin sinc oni zades en emps eal.
● Moni o a ge cons an : A més, es du an a e me p o es egula s du an el
desen olupamen pe de ec a i soluciona possibles inconsis ències en la base de
dades.

Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
30
Me odologia
● Plani icació d’sp in s: Les asques assignades s’han de comple a du an el pe íode
de l’sp in es able . En cas que no es inali zin dins del e mini p e is , és p e e ible
ajo na -les al següen sp in abans que in en a comple a -les de mane a p ecipi ada
en l’úl im dia, ja que això po comp ome e la quali a del esul a .
● Re isió pe iòdica: Les e ospec i es al inal de cada sp in pe me an iden i ica à ees
de millo a en la ges ió del emps i ajus a la cà ega de eball pe als següen s sp in s.
Limi acions de emps
● Ges ió del emps: Da an la p essió empo al, es a à un seguimen cons an del
p og és de les asques mi jançan les eines de moni o a ge, com T ello, pe al de
edis ibui el emps si es de ec en des iacions del pla inicial.
Limi acions de ecu sos
● Recu sos limi a s: En cas de es iccions en l’accés a se eis p èmium o subsc ipcions,
s’ha p io i za l’ús de p o es g a uï es. No obs an això, s’ha conside a que, en el cas
de necessi a , l’accés a se eis de pagamen po o e i uncionali a s ampliades, e
que es alo a ia en unció de l’impac e al p ojec e.
Si uacions pe sonals de memb es de l’equip
● Flexibili a : S’ha omen a un en o n de comunicació obe a dins de l’equip pe al
d’iden i ica si uacions pe sonals que puguin a ec a el endimen . Es p omou la
lexibili a ho à ia pe adap a -se a aques es ci cums àncies.
● Redis ibució de asques: S’ha dissenya un pla de con ingència que pe me
edis ibui les asques en e els memb es de l’equip en cas d’imp e is os pe sonals,
assegu an que el p og és del p ojec e no es egi a ec a signi ica i amen .
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
31
8. P essupos
En aques apa a es desc iu el cos o al del p ojec e, enin en comp e el sou dels
desen olupado s, el ma e ial necessa i i al es cos os associa s al desen olupamen del
p ojec e.
8.1. Cos os gene als del p ojec e
Pe al desen olupamen d’aques p ojec e s’han conside a les necessi a s següen s:
● Dos enginye s en p àc iques: Cada un amb un sou de 8 €/ho a, amb un o al es ima
de 10.800 € pe any.
● Dos po à ils: Les especi icacions necessà ies pe ga an i el bon desen olupamen
del p ojec e són:
○ P ocessado : In el Co e i7 o AMD Ryzen 7 equi alen .
○ RAM: 16 GB o supe io .
○ GPU: NVIDIA GTX 1650 o supe io .
Cada po à il é un cos de 899,99 € i una ida ú il es imada de 7 anys. Pe calcula la se a
amo i zació, es conside a que l'any é 220 dies labo ables, amb una dedicació dià ia de 4
ho es i una du ada del p ojec e de 425 ho es.
La ó mula d’amo i zació és:
𝐴𝑚𝑜𝑟𝑡𝑖𝑡𝑧𝑎𝑐𝑖ó (𝑒𝑢𝑟𝑜𝑠) = 𝐶𝑜𝑠𝑡 (𝑒𝑢𝑟𝑜𝑠) ∗ 𝑑𝑢𝑟𝑎𝑐𝑖ó 𝑑𝑒𝑙 𝑝𝑟𝑜𝑗𝑒𝑐𝑡𝑒 (ℎ𝑜𝑟𝑒𝑠)
𝑉𝑖𝑑𝑎 ú𝑡𝑖𝑙 (𝑎𝑛𝑦𝑠) ∗ 220 ∗ 4
Resul a s del càlcul:
Ha dwa e
Cos
Uni a s
Vida ú il
Amo i zació
Po à il
899,99€
2
7 anys
124.18€
A més del ha dwa e, ambé es enen en comp e els cos os de so wa e u ili za s du an el
p ojec e, de alla s a con inuació:
So wa e
Du ació
Cos
Gi hub
-
0 €
AWS *
1 any
0 €
Google Docs
-
0 €
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
32
And oid S udio
-
0 €
IGDB API *
-
0 €
Pe spec i e API
-
0 €
Imgu API *
-
0 €
Disco d
-
0 €
T ello
-
0 €
Cha GPT
-
0 €
Figma
-
0 €
No a: Els cos os ma ca s amb * es an subjec es al nomb e de sol·lici uds eali zades. Si se
sob epassa el lími g a uï , cada ucada ind à un cos ap oxima d'en e 0,001 € i 0,01 €.
8.2. Con ingències
En qualse ol p ojec e, cal p e eu e una pa ida de con ingència pe cob i possibles
imp e is os. En aques cas, s’ha es able un ma ge de 15% sob e els cos os o als
es ima s:
Tipus de cos
Cos
Cos de con ingència
(15%)
Pe sonal
10.800 €
1.620€
Ha dwa e
124,18€
18,627 €
So wa e
0 €
0 €
To al
10.924,18 €
1.638,627€
Amb aques es p e isions, el p essupos o al ascendeix a 12.562,81 €, incloen -hi els cos os
gene als i les con ingències.
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
33
9. In o me de sos enibili a
9.1. Anàlisis de sos enibili a
9.1.1. Pun de is a ambien al
Desen olupamen del eball inal d’es udis:
● Impac e: Du an el desen olupamen del p ojec e s'ha de ec a un consum ene gè ic
de i a de l'ús de ecnologies com And oid S udio, Reac , Node.js i de disposi ius com
po à ils i mòbils pe a p o es.
● Mesu es: Enca a que no s’ha eali za una quan i icació p ecisa, s’han p es mesu es
com l’ús d’equips ene gè icamen e icien s i l’op imi zació del maquina i du an el
desen olupamen . El p ojec e no inco po a p incipis d’economia ci cula , ja que no
gene a ma e ials ísics ni esidus eciclables.
Execució del p ojec e:
Els p incipals ecu sos u ili za s se an:
● Se ido s: Base de dades (Fi ebase), API (IGDB, Pe spec i e, Imgu ), i se eis de
desplegamen (AWS Ampli y).
● Disposi ius: O dinado s i mòbils u ili za s pels desen olupado s i usua is.
● Ene gia elèc ica: Consumida pels se ido s al nú ol i pels disposi ius dels usua is.
L’impac e ambien al d’aques s ecu sos p o é p incipalmen de la pe jada de ca boni
signi ica i a gene ada pels se ido s en nú ol i el consum ene gè ic dels usua is du an l’ús
de l’aplicació.
El p ojec e po con ibui a edui l’ús de disposi ius ísics pe a la ce ca i la comunicació en e
usua is in e essa s en ideojocs. G àcies a la se a pe jada ambien al mode ada, l’impac e
nega iu es man ind ia mínim.
A ès que el p ojec e no gene a esidus ísics, es po edui enca a més l’impac e ambien al
p omo en un ús e icien de l’aplicació en e els usua is, complemen a amb un codi op imi za
i una ges ió e icien dels ecu sos al nú ol.
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
34
Riscos i limi acions:
En cas d’un inc emen massiu d’usua is, la pe jada de ca boni del p ojec e pod ia augmen a
signi ica i amen , especialmen si no es eali za una op imi zació adequada de les consul es
a la base de dades.
Es pod ia eplan eja el desen olupamen u ili zan únicamen po à ils pe edui el consum
ene gè ic. Tanma eix, aques a mesu a edui ia l'e iciència del p océs. Sen un p ojec e digi al,
el p incipal ecu s eu ili zable se ia el codi d’APIs i amewo ks ex e ns.
No s’ha ob ingu in o mació especí ica sob e l’impac e ambien al dels cen es de dades usa s,
com Fi ebase i AWS Ampli y.
No s’ha eali za un càlcul de alla de la pe jada de ca boni associada al consum ene gè ic
dels se ido s ni dels disposi ius dels usua is.
La sos enibili a del p ojec e es à condicionada pe les p àc iques ambien als dels p o eïdo s
ex e ns, com AWS, Fi ebase i al es API, que no es poden con ola di ec amen .
9.1.2. Pun de is a econòmic
Desen olupamen del eball inal d’es udis:
● Impac e: Cos os associa s al desen olupamen , incloen -hi sala is de
desen olupado s i cos os de maquina i.
● Mesu es: S’ha p io i za l’ús d’eines g a uï es o de codi obe com Fi ebase, API
ex e nes i AWS Ampli y. Es an e i a despeses innecessa ies op an pe
me odologies de eball e icien s, com el eball col·labo a iu a a és de T ello i
Gi Hub, eduin la duplicació d'es o ços.
Execució del p ojec e:
Els se eis al nú ol selecciona s són su icien s pe supo a el olum d’usua is p e is du an
la ase de eali zació del p ojec e. El cos pod ia edui -se mi jançan l’op imi zació de les
consul es a Fi ebase, assegu an que no es supe in els lími s es able s, o i que això és poc
p obable en el con ex ac ual.

Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
35
El cos es ima pe a u u es ac uali zacions és mínim g àcies a la u ili zació d’eines g a uï es
com Gi Hub pe al con ol de e sions i la col·labo ació e icien dins de l'equip.
El desman ellamen del p ojec e no suposa ia cos os signi ica ius, ja que els se eis al nú ol
es poden desac i a àcilmen , i els usua is poden desins al·la l’aplicació sense
complicacions.
El p ojec e é el po encial de bene icia al es p ojec es simila s en l’àmbi del
desen olupamen web o And oid, o e in una base de codi eu ili zable i expe iència
acumulada.
Riscos i limi acions:
Els cos os associa s als se eis al nú ol i les condicions d’ús de les API poden a ia amb el
emps. Un augmen inespe a del nomb e d’usua is pod ia inc emen a signi ica i amen les
despeses del p ojec e.
La dependència de e ce s (Fi ebase, AWS, API ex e nes) di icul a la p e isió de can is u u s
en les condicions de se ei o en els cos os.
To i que el p ojec e es à dissenya pe se escalable, no s’han quan i ica de mane a exac a
els cos os po encials associa s a un c eixemen àpid o inespe a en el nomb e d’usua is.
9.1.3. Pun de is a social
Desen olupamen del eball inal d’es udis:
El p ojec e inco po a e lexions sob e es ànda ds è ics i p o essionals, especialmen en la
ges ió i mode ació de ò ums, assegu an que l'eina p omogui un ambien inclusiu i
espec uós. També s’han in eg a eines com Pe spec i e pe omen a un ús més inclusiu i
conscien del llengua ge.
En un con ex de c eixemen cons an del sec o dels ideojocs, és necessa i abo da la
in eg ació social i la mode ació d’in e accions òxiques pe pa dels usua is, ga an in un espai
i ual adequa pe a o s.
Execució del p ojec e:
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
36
El p ojec e bene icia especialmen als usua is in e essa s a explo a ideojocs i compa i les
se es opinions en ò ums emà ics. Tanma eix, els usua is en zones amb baixa connec i i a
es poden eu e a ec a s pe una in e ac i i a limi ada amb al es usua is o pe una ce ca més
len a de ideojocs.
Aques p ojec e abo da de mane a di ec a la manca d'aplicacions que combinen e icien men
la ce ca de ideojocs amb uncionali a s socials obus es. P opo cionan :
● Un sis ema in eg a pe explo a , pun ua i compa i ideojocs a o i s.
● Fò ums amb mode ació au omà ica i eines pe epo a con ingu inap opia .
● Un mecanisme de missa ge ia que connec a usua is amb in e essos comuns.
Una possible e olució del p ojec e se ia la in eg ació amb xa xes socials, com Disco d o X
(an igamen Twi e ), millo an la di usió de l’aplicació. No obs an això, aques a implemen ació
implica ia nous iscos en e mes de p i aci a i segu e a de les dades.
El p ojec e busca e i a biaixos, es e eo ips i ols de gène e g àcies a les mode acions
au omà iques amb Pe spec i e i a la supe isió manual d’adminis ado s i usua is. L’aplicació
es à dissenyada pe què qualse ol pe sona, independen men del seu gène e, eda o o igen,
pugui u ili za -la. To i això, pe sones amb discapaci a s isuals o mo o es se e es pod ien
oba di icul a s d’accessibili a .
Riscos i limi acions:
Hi ha di e sos escena is on el p ojec e pod ia eni impac es nega ius:
● Una supe isió inadequada pe pa dels adminis ado s pod ia de i a en ò ums
òxics i no inclusius.
● El e que l’aplicació només es igui disponible en ca alà po pe judica usua is que no
comp enguin aques a llengua.
● Si els se eis u ili za s deixen de unciona , els usua is que no hagin in e can ia
in o mació pe sonal pod ien pe d e el con ac e amb al es usua is.
● L’impac e social és di ícil de quan i ica de mane a objec i a.
● L’aplicació no ha es a p o ada de mane a exhaus i a pe pe sones amb discapaci a s
di e ses, cosa que pod ia limi a la se a usabili a pe a aques s g ups.
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
37
10. Desen olupamen de la me odologia
Com hem desc i a l’apa a 4, hem eali za sp in s d’una du ació ap oximada de dues
se manes en què l’úl im dia èiem un in o me indi idual del qual ha íem e i un in o me
de e o amb l’objec iu d’a alua com ens ha ia ana la me odologia ins al momen .
10.1. Sp in 1
10.1.1. In o me indi idual de eball
Dia
22-09-24
Ho a
10:00
In o me indi idual de eball
Àlex
De inició i c eació de les col·leccions “use s”,
“ o ums”, i “messages”, jun amen amb
“use sBanned” i “commen s” pe a ges iona la
in o mació d’usua is, ò ums i missa ges dins
l’aplicació. Connexió del back-end amb Fi ebase
pe a la ges ió de dades en emps eal elaciona
amb els ò ums i els seus comen a is. Disseny de
les p incipals pan alles de l’aplicació ia Figma.
Daniel
Implemen ació de l’au en icació an amb Google
com amb co eu/con asenya, c eació de in e ície
amb l’API, aplicació de consul es a l’ API pe a
ompli la ecycle de la p ime a pan alla amb els
50 p ime s jocs i la consul a especí ica d’un joc en
conc e amb in o mació de l’API.
C eació dels agmen s de l’aplicació jun amen
amb el menú de na egació.
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
38
10.1.2. Re o
Que ens ha ag ada : Hem aconsegui es abli les bases de l'aplicació amb èxi ,
incloen -hi g an pa del disseny i de les uncionali a s essencials. A més, la
comunicació dins l'equip ha es a luida i e ec i a, sense con lic es ni malen esos.
Que no ens ha ag ada : No hem oba cap p oblema signi ica iu, pe ò ens hem
adona que pod íem ha e plani ica amb més de all la de inició de les dades pe e i a
possibles ajus os u u s.
Que hem de millo a : Op imi za la de inició de dades i assegu a -nos que es an ben
es uc u ades pe e i a u u s ajus os o inconsis ències, ja que això se à clau pe a la
in eg ació luida amb Fi ebase i al es uncionali a s.
Que a em pe millo a : Reali za em una e isió més de allada de les col·leccions
de Fi ebase i les se es elacions, assegu an que les dades compleixen amb o s els
equisi s ac uals i u u s. També consolida em la connexió en e el back-end i
l'aplicació pe acili a el desen olupamen pos e io .
10.2. Sp in 2
10.2.1. In o me indi idual de eball
Dia
6-10-24
Ho a
10:00
Àlex
S'ha e o ma l'es uc u a de les bases de dades a
Fi ebase, implemen a el sis ema de
“likes/dislikes” als ò ums i in eg a l'API
Pe spec i e de Google pe il a missa ges òxics
als comen a is. A més, s'ha comple a la
uncionali a de c eació de ò ums i comen a is,
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
45
dels epo s en les espos es i els comen a is dels
ò ums. Això ha eque i una ac uali zació en les
col·leccions de Fi ebase i en el codi co esponen
a la lògica inicial, assegu an que es po ob eni la
in o mació necessà ia de mane a p ecisa i
o gani zada.
Daniel
Implemen ació de bans a o s els usua is
jun amen amb una pan alla dedicada als usua is
amb es iccions. A a, quan es c ea un usua i,
aques po eni es iccions de inides. També
s’han implemen a es iccions a la web pe als
adminis ado s i s’ha a egi un bo ó pe e un
qües iona i sob e què els ha sembla l’aplicació,
que es gua da a la base de dades jun amen amb
l’usua i.
Que no hem e
Àlex
No s’han ac uali za els es ils de l’aplicació pe e -
los més mode ns i a ac ius isualmen .
Daniel
No s’ha a egi la pan alla de comen a is sob e
l’aplicació ni els epo s a la web.
10.6.2. Re o
Que ens ha ag ada : El p og és cons an en aques sp in ens ha pe mès eni una
e sió de l’aplicació p ou comple a pe mos a -la i ob eni sugge imen s, enca a que
espe a em un sp in més pe pode eali za modi icacions i ob eni una e sió enca a
més obus a. La col·labo ació en e els memb es de l’equip ha es a luida i e icien .
Que no ens ha ag ada : To i l'èxi en la majo ia de asques, hem no a que alguns
aspec es isuals pod ien ha e -se ajus a abans de la p esen ació.

Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
46
Que hem de millo a : Hem d’inclou e e isions es è iques més de allades dins de
cada sp in pe assegu a -nos que l’expe iència d’usua i sigui òp ima.
Que a em pe millo a : Inclou em emps especí ic en la plani icació dels p òxims
sp in s pe e ina de alls isuals i assegu a que el disseny compleix els es ànda ds
espe a s.
10.7. Sp in 7
10.7.1. In o me indi idual de eball
Ac a de la eunió de plani icació del sp in 7
Dia
07-12-24
Ho a
10:00
In o me indi idual de eball
Àlex
S’ha desen olupa una no a lògica i nous es ils
pe als missa ges epo a s a la web i s’ha
comple a o a la implemen ació de la missa ge ia
di ec a en aques en o n, a més, eajus an pe i s
de alls d’es il. També s’han ac uali za els es ils al
xa de l’aplicació mòbil i assegu an la co ec a
isuali zació del nom i la o o de pe il de l’usua i
amb qui es em pa lan . Pel que a a la pan alla del
pe il de l’aplicació mòbil, s’ha edissenya amb
nous es ils i s’hi ha inco po a la isuali zació de la
o o de pe il de l’usua i. Finalmen , s’ha
implemen a la possibili a de can ia la o o de
pe il amb una no a lògica in eg ada amb l’API
d’IMGUR.
Daniel
S’ha c ea la pan alla de comen a is i epo s a la
web. S'ha a egi la in o mació de l’usua i com la
desc ipció i la possibili a d’escolli el joc a o i
més juga . També s’ha implemen a la
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
47
uncionali a pe eu e la in o mació d’un usua i
amb qui s’ha es able una con e sa.
Que no hem e
Àlex
Aques sp in s’han comple a o es les asques
assignades.
Daniel
No he a egi la in o mació dels usua is ni els
a o i s a la web
10.7.2. Re o
Que ens ha ag ada : La inali zació de les p incipals uncionali a s de l’aplicació ens
ha pe mès e un lliu amen p elimina a alguns usua is pe ob eni les se es
e oaccions sob e l’app.
Que no ens ha ag ada : En aques sp in no hem ingu cap p oblema ni aspec e
nega iu elle an a des aca .
Que hem de millo a : To i ha e acaba sa is e s amb els esul a s, con inua em
buscan mane es d’op imi za la nos a col·labo ació i man eni un bon i me de eball.
Que a em pe millo a : Man ind em les dinàmiques que han unciona en aques
sp in i con inua em posan l’a enció en la quali a dels de alls abans de u u es
en egues.
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
48
10.8. Sp in 8
10.8.1. In o me indi idual de eball
Ac a de la eunió de plani icació del sp in 8
Dia
21-12-24
Ho a
10:00
In o me indi idual de eball
Àlex
Es an aplica di e ses millo es en els ò ums,
comen a is i espos es, incloen -hi la ecupe ació
dinàmica de la in o mació de l’usua i i la ges ió
dels casos d’usua is elimina s. També es an
millo a di e sos aspec es de l’aplicació, com la
esolució de les ima ges i els es ils de di e en s
pan alles (pe il, login, egis e). A més, es an
soluciona els de alls esmen a s en la e oacció
ebuda dels usua is.
Daniel
Es a a egi la paginació de comen a is dels
usua is i la possibili a de eu e la in o mació
de allada d’un usua i.
Que no hem e
Àlex
Aques sp in s’han comple a o es les asques
assignades.
Daniel
Aques sp in s’han comple a o es les asques
assignades.
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
49
10.8.2. Re o
Que ens ha ag ada : Comple a les uncionali a s an de l’aplicació mòbil com de la
web, assegu an -nos que la e sió inal e lec eix les necessi a s dels usua is i
inco po i millo es clau basades en el seu eedback.
Que no ens ha ag ada : En aques sp in no hem ingu cap p oblema ni aspec e
nega iu elle an a des aca .
Que hem de millo a : To i ha e aconsegui esul a s mol posi ius, podem con inua
ajus an pe i s de alls pe ga an i que l’expe iència d’usua i sigui enca a més luida i
consis en .
Que a em pe millo a : Man ind em el i me de eball e icien i de allis a que ens ha
po a a un p oduc e gai ebé de ini iu, i a em ús de la e oacció ob inguda pe acaba
d’op imi za l’aplicació.
10.9. Desplegamen de l’aplicació
Un cop inali za el desen olupamen de l’aplicació, l’objec iu p incipal és que pe sones
ex e nes la u ili zin pe ob eni múl iples pun s de is a. To es les alo acions i epo s dels
usua is es ecullen mi jançan una pe i a enques a in eg ada a l’aplicació mòbil.
10.9.1. Usua is In o ma s
En una p ime a ase, el desplegamen es eali za en e companys de la ca e a. Aques a
elecció es basa en el e que enen un ce ni ell d’expe esa en el món de la in o mà ica i
poden p opo ciona opinions elle an s sob e el uncionamen lògic i ècnic de l’aplicació.
Desp és de les p o es, no es an de ec a e o s uncionals en el sis ema. Tanma eix, els
comen a is es an cen a p incipalmen en aspec es elaciona s amb la in e ície d’usua i
(UI).
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
50
10.9.1.1. P ime es e oaccions
Mos em les p incipals e oaccions que am u ili za pe a millo a el uncionamen de
l’aplicació
Comen a i: ” A la ho a de busca usua io, cuando encuen as a lguien y le das a con e sa,
es a ía bien que se ab iese di ec amen el cha y no ene que da le manualmen e en la lis a.
Tema ux/ui yo usa ía o a uen e y colo es pe o ni idea de cómo, alguna uen e más "gaming"
”
Repo : -
Un dels p ime s comen a is que an eb e de ca a a millo a l’app a se el d’ob i di ec amen
el xa quan ob is un usua i, cosa que ens a sembla o almen lògica i am aplica . També
am acaba modi ican uns colo s, pe ò més o ien a s a la conco dancia de pale a de o a
l’aplicació
Comen a i: “En los o os, poneis "mos a ", yo pond ía algo más cla o como e espues as
o así. Es a ía bien pode bo a pos s en luga de ajus amen s yo pond ía pe il y con un emoji
del ipo con ac o, y en home pond ía inici. Pa a aduci lo lo he pues o an es es lo de di e en es
bo ones en cas ellano / ca alán, simplemen e ac ualiza y ya”
Repo : -
En aques comen a i am coincidi u ili za el nom de pe il en comp es d’ajus amen s a la
ba a de na egació in e io . Com ambé am in e can ia inici en comp es de “home”.
Comen a i: “En la pes aña de a o i os, si un juego iene el nomb e muy la go se me a po
el lado (GTA IV The Los and damned se me co a en he los ) en la pes aña a o i os a iba
izq y de echa enéis dos logos iguales pe o di e en e amaño, a la ho a de da like / dislike en
los o os, a la mínima que no le des jus o se e ab e el pos ”
Repo : -
Vam coincidi en la necessi a de ac as ex os lla gs, doncs ho am aplica de ca a a la
esponsi i a de l’aplicació en conc e a o i s.

Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
51
10.9.2. Usua is Desin o ma s
En una segona ase, es a un desplegamen gene al di igi a un públic més ampli, amb
l’objec iu d’ob eni una di e si a de comen a is i opinions, incloen -hi pe spec i es d’usua is
sense coneixemen s ècnics especí ics.
Desp és d’aques es p o es, ampoc es an de ec a e o s uncionals. Els comen a is an
con inua cen an -se en la UI de l’aplicació, e idencian la necessi a de millo a alguns
aspec es isuals i d’expe iència d’usua i.
Els comen a is ebu s du an les ases de p o es, an amb usua is in o ma s com
desin o ma s, han es a clau pe a iden i ica millo es en l'escalabili a i usabili a de l’aplicació.
Aques s comen a is no sols han des aca aspec es isuals i d'expe iència d'usua i, sinó que
ambé han p opo ciona un ma c pe a u u es implemen acions.
10.9.2.1. Úl imes e oaccions
Les e oaccions d’usua is desin o ma s an se majo i à iamen bones pe ò ambé es an
se i pe a dona úl ims e ocs a l’aplicació
Comen a i: mol bona, 5/5
Repo : “La api no iene mucha calidad de imagen, no es á el wa ame”
Aques usua i a conside a l’aplicació bona, pe ò no a queda con en amb l’API, ja que no
a oba la e sió dels jocs que olia. Re isan la documen ació d’IGDB i am oba una
mane a de millo a la quali a de les ima ges.
Comen a i: Sense comen a i
Repo : “El bo ón de a ás del mó il me juega malas pasadas po qué muchas eces pa a
sali de una sección, deslogueo. Es a ía bien que cuando es és un una "pan alla" inal y le
des a ás, e apa ezca una en ana a isando que as a sali de la app o as a i al login.”
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
52
Aques epo ens a ajuda a eu e la necessi a d’aplica un diàleg pe a e i a so i de
l’aplicació amb els bo ons del mòbil. Com es à em acos uma s a eballa en o dinado a se
un cas que no am eni en comp e, una egada llegi el comen a i ho am soluciona .
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
53
11. Disseny inicial de l’aplicació
El disseny de GameApp s'ha eali za enin en comp e la simplici a i l'accessibili a pe a
l'usua i. L'aplicació cons a de di e ses pan alles que cob eixen o es les necessi a s de
l'usua i, com l'accés a la in o mació dels ideojocs, la c eació i ges ió de ò ums, així com el
sis ema de missa ge ia i con igu ació de p e e ències. A con inuació es desc iuen les
pan alles p incipals de l'aplicació.
11.1. Pan alla d’inici de sessió
Aques a és la pan alla inicial que eu l'usua i quan ob e
l'aplicació. El disseny és senzill, in uï iu i uncional, des acan el
logo de l’aplicació a la pa supe io de la pan alla, p opo cionan
així un econeixemen isual immedia de la ma ca.
La pan alla comp a amb dos camps de ex on l'usua i po
in odui el seu nom d'usua i i con asenya. A més, es p opo ciona
una opció pe inicia sessió de mane a àpida i còmoda
mi jançan Google, la qual cosa acili a l'accés sense necessi a
d'in odui no amen les c edencials si l'usua i ja é un comp e
incula .
També s'o e eixen enllaços cla s i ben isibles pe què l'usua i
pugui c ea un comp e nou si enca a no es à egis a a l'aplicació.
Els bo ons pe a inicia sessió i egis a -se es an des aca s pe
ga an i una expe iència d'usua i luida i sense complicacions.
Figu a 2: Pan alla d'inici de sessió
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
54
11.2. Pan alla de egis e
Aques a pan alla es p esen a quan l'usua i selecciona l'opció de
c ea un comp e nou des de la pan alla d’inici de sessió. El seu
disseny és mol simila al de la pan alla d'inici de sessió, pe ò
inclou un camp addicional pe a in odui l'ad eça de co eu
elec ònic, a més dels camps pe al nom d'usua i i la
con asenya.
Un elemen des acable en aques a pan alla és que, a la pa
in e io , es p opo ciona un ex que pe me accedi a la pan alla
d'inici de sessió en cas que l'usua i ja ingui un comp e c ea .
Això pe me edi igi àcilmen aquells usua is que an accedi
a la pan alla de egis e pe e o o que ja es an egis a s.
Els bo ons i els enllaços es an dissenya s pe o e i una
expe iència d'usua i cla a i in uï i a, assegu an que el p océs
de c eació de comp es sigui senzill.
Figu a 3: Pan alla de egis e
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
61
11.7.1. C ea un ò um
A més, aques a pan alla inclou un bo ó pe c ea un ò um nou.
Quan l'usua i p em aques bo ó, apa eix un pop-up eme gen
que pe me indica :
● Tí ol del ò um: El ema o assump e del ò um que es
ol c ea .
● Desc ipció: Un espai pe p opo ciona més de alls o
explicació sob e el ema.
Aques pop-up inclou ambé dos bo ons:
● Accep a : Pe con i ma la c eació del ò um.
● Cancel·la : Pe anca el pop-up sense c ea el ò um.
Du an el p océs de c eació d'un ò um, el ons de la pan alla
no és clicable, de mane a simila a la in e ície de missa ge ia.
Això pe me cen a l'a enció en el p océs de c eació del
ò um, e i an clics acciden als a al es pa s de la pan alla o
la ba a de na egació in e io .
És impo an des aca que el ò um no es egis a à ni es
c ea à a la base de dades de l'aplicació ins que l'usua i aci
clic al bo ó d'Accep a . Això ga an eix que els ò ums només
es c ea an de mane a de ini i a quan l'usua i hagi con i ma an el í ol com la desc ipció. Si
l'usua i decideix e clic a Cancel·la , el pop-up es anca à i la in o mació in oduïda no es
gua da à enlloc.
Figu a 10: C eació de ò um

Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
62
11.8. Pan alla de de all de ò um
A la pan alla de de all del ò um, el p ime elemen que es
mos a és el pos p incipal del ò um, que con é o a la
in o mació clau sob e el ema en discussió.
El ò um inclou:
● Tí ol del ò um, que des aca el ema cen al.
● Desc ipció del ò um, on es p esen a el con ingu o
la qües ió plan ejada pe l'au o .
● Au o , jun amen amb la se a o o de pe il, indican
qui ha c ea el ò um.
● Da a de c eació del ò um, que pe me sabe quan
es a inicia la discussió.
A més, ob i à un ecla pe pe me e a l'usua i esc iu e la
se a espos a al ò um.
Desp és del pos p incipal, es p esen en les espos es dels
al es usua is, en o ma de llis a. Cada espos a inclou:
● El nom de l'usua i que ha espos , acompanya de
la se a ima ge de pe il.
● La da a en què es a publica la espos a.
● El con ingu de la espos a, amb el ex que l'usua i
ha esc i com a espos a al ò um.
Aques disseny p opo ciona una isió cla a i o gani zada an del con ingu o iginal del ò um
com de les in e accions i espos es dels al es usua is, en més àcil el seguimen de la
con e sa i la pa icipació.
Figu a 11: De all d'un ò um
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
63
11.9. Pan alla de pe il
A la pan alla de con igu ació, l'usua i po accedi i ges iona
les se es dades pe sonals i p e e ències dins de l'aplicació.
Aques a secció es à dissenyada pe p opo ciona un accés
àcil a la in o mació del pe il i pe me e ce s ajus os.
L'usua i po eu e la se a o o de pe il ac ual i é l'opció de
modi ica -la. En clica sob e la o o, l'usua i pod à puja una
no a ima ge des del seu disposi iu. A més, es mos a el nom
d'usua i amb la possibili a de modi ica -lo, així com una
biog a ia que l'usua i po edi a i ac uali za pe desc iu e's o
compa i in o mació addicional sob e si ma eix.
També es p esen a in o mació addicional com el nomb e
o al de jocs a o i s que l'usua i ha ma ca . Hi ha un bo ó
que pe me accedi a una llis a de allada dels seus jocs
a o i s, acili an la na egació en e ells. A més, l'usua i po
eu e un esum de la se a ac i i a ecen , incloen -hi ò ums
c ea s ecen men o comen a is e s en ò ums exis en s,
o e in una isió àpida de la se a pa icipació en la
comuni a .
A la pa in e io de la pan alla, l'usua i oba dues accions
cla es: un bo ó pe anca sessió de mane a segu a i un bo ó
pe elimina el comp e. Aques úl im es à des aca pe indica
la impo ància de l'acció, ja que un cop elimina , no es pod à
ecupe a el comp e.
La pan alla de con igu ació es à pensada pe o e i una expe iència de ges ió de comp e
senzilla i in uï i a, cosa que pe me als usua is con ola la se a p esència a l'aplicació i
eali za can is de mane a àpida.
Figu a 12. Pan alla de con igu ació
d'usua i
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
64
11.10. Mapa d’in e acció
El mapa d’in e acció mos a de mane a isual i es uc u ada les di e en s pan alles de
l’aplicació i com es connec en en e elles. Aques a ep esen ació és clau pe en end e el lux
de na egació i les elacions en e uncionali a s p incipals, com a a ò ums, missa ge ia, pe il
d’usua i i explo ació de ideojocs.
Aques esquema acili a la comp ensió de l’expe iència de l’usua i (UX) i assegu a que o es
les in e accions siguin cohe en s i in uï i es. A més, ajuda a iden i ica possibles millo es en
el disseny del lux i assegu a una na egació luida.
A con inuació, es p esen a el mapa d’in e acció comple de l’aplicació eali za a Figma.
Figu a 13: Mapa in e acció aplicació mòbil
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
65
12. Compa a i a amb el disseny inal
12.1. Pan alla d’inici de sessió
Du an el desen olupamen de l’aplicació am eu e que inicia sessió amb el nom d’usua i
pod ia dona con lic es si un usua i es bloqueja i in en a inicia sessió amb el nom d’un al e,
ja que els noms d’usua i no són únics. Doncs am decidi inicia sessió amb el co eu i la
con asenya
12.2. Pan alla de pe il
En el p océs de desen olupamen de l’aplicació, la pan alla de pe il ha expe imen a di e sos
can is signi ica ius, an en uncionali a s com en disseny isual. To i man eni ce s aspec es
del disseny inicial, les modi icacions eali zades han millo a la usabili a i han inco po a no es
uncions que esponen a les necessi a s dels usua is iden i icades du an les p o es.
Funcionali a s man ingudes i millo ades
● Can i de o o de pe il, nom i desc ipció: El disseny inal conse a aques es
uncionali a s essencials del disseny inicial. Això pe me als usua is pe sonali za
àcilmen el seu pe il. No obs an això, s'han eali za ajus os isuals pe què aques s
elemen s siguin més in uï ius i es è icamen ag adables, alinean -se amb el disseny
mode n de l’aplicació.
Can is en les uncionali a s
1. Jocs a o i s i ac i i a ecen : Al disseny inicial, es mos a a in o mació sob e els jocs
a o i s i un esum de l'ac i i a ecen ( ò ums c ea s o comen a is eali za s). Al
disseny inal, aques es uncionali a s han es a subs i uïdes pe :
○ Selecció del ideojoc més juga : Els usua is poden escolli el seu ideojoc més
juga d'en e els seus a o i s, p opo cionan un elemen pe sonali za que
ambé po se isible pe al es usua is.
○ Re oacció de l’aplicació: S'ha a egi un bo ó que pe me als usua is e
comen a is o alo acions sob e l'aplicació di ec amen . Aques a uncionali a
s'ha in eg a pe acili a la ecollida de e oaccions du an les p o es amb
usua is.
2. Bo ons de anca sessió i elimina comp e: Al disseny inicial, aques s bo ons enien
un aspec e uncional pe ò senzill. En el disseny inal, s’han mode ni za pe adap a -
se millo a l’es è ica gene al de l’aplicació, en -los més a ac ius isualmen i
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
66
assegu an que siguin àcils d’iden i ica sense pe d e l’en ocamen en la se a
impo ància.
Valo a egi del disseny inal
El disseny inal no només man é l'essència de la pan alla de pe il, sinó que ambé e lec eix
un en ocamen més cen a en l'expe iència de l'usua i. Les uncionali a s a egides esponen
di ec amen a les necessi a s dels usua is de ec ades du an les p o es, millo an la in e acció
i o e in una expe iència més pe sonali zada.
Aques a e olució és un e lex cla del p océs i e a iu segui du an el desen olupamen del
p ojec e, mos an la impo ància d’escol a la e oacció dels usua is i adap a el p oduc e pe
sa is e millo les se es expec a i es.
Disseny p e i
Disseny inal
Figu a 14: Compa ació de pan alla de pe il

Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
67
12.3. Pan alla de de all de ò um
Du an el p océs de desen olupamen de l’aplicació, la pan alla de de all del ò um ha
e oluciona de mane a signi ica i a an en el seu disseny isual com en les se es
uncionali a s. To i man eni alguns elemen s del disseny inicial, el disseny inal in odueix
millo es que o e eixen una expe iència d’usua i més mode na, pe sonali zada i o gani zada.
Funcionali a s man ingudes i millo ades
● Visuali zació del pos p incipal i dels comen a is: El disseny inal man é la p esen ació
del pos p incipal amb in o mació essencial, com el í ol, la desc ipció, l'au o amb la
se a o o de pe il i la da a de c eació. No obs an això, s’han eali za ajus os isuals
que des aquen el con ingu i millo en l’o gani zació de la in o mació pe e -la més
in uï i a i a ac i a. També, s’ha a egi la possibili a de eu e la in o mació de l’usua i,
en e -hi clic a la ima ge de pe il d’aques
● Respond e al ò um: El disseny inicial pe me ia als usua is espond e al ò um
mi jançan una ba a de ex ixa. Aques a uncionali a s'ha e isa i millo ada. A a,
l'opció de espond e es p esen a com un ex in e ac iu, que s’aplica an al pos
p incipal com als comen a is dels usua is. Això o e eix més lexibili a i simpli ica la
in e ície.
Can is en les uncionali a s
1. Respos es a doble ni ell: Una de les uncionali a s més inno ado es del disseny inal
és la possibili a de espond e no només al pos o iginal sinó ambé als comen a is
dels usua is, c ean un sis ema de espos es a doble ni ell. Això omen a discussions
més es uc u ades i pe me als usua is in e ac ua di ec amen amb al es comen a is,
millo an la dinàmica de la con e sa.
2. Amaga o isuali za espos es: S’ha a egi una no a uncionali a que pe me als
usua is amaga o isuali za les espos es a comen a is, o e in un con ol més g an
sob e la isuali zació del con ingu . Aques a ca ac e ís ica ajuda a man eni la pan alla
més o gani zada i acili a la na egació, especialmen en ò ums amb un g an olum
de espos es.
3. Eliminació de la ba a de na egació in e io : Pe ap o i a millo l’espai disponible, s’ha
elimina la ba a de na egació in e io . Això p opo ciona més espai pe mos a
comen a is i espos es, en la pan alla més ne a i uncional.
Valo a egi del disseny inal
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
68
El disseny inal no només millo a isualmen la pan alla de de all del ò um, sinó que ambé
in odueix uncionali a s que esponen a les necessi a s dels usua is de ec ades du an les
p o es. Les espos es a doble ni ell i la capaci a d'amaga o isuali za espos es són
exemples cla s d’aques en ocamen cen a en l’expe iència de l’usua i. A més, l'eliminació
de la ba a in e io i els ajus os isuals han mode ni za la pan alla, c ean una in e ície més
amigable i o gani zada.
Disseny p e i
Disseny inal
Figu a 15: Compa ació de pan alles de de all de ò um
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
69
12.4. Pan alla d’usua i amb es iccions
Du an la concepció del disseny inicial no am plan eja com se ien les pan alles amb
es iccions, pe ò am decidi aplica un disseny senzill i cla , que es epe eix a cada es icció
pe ò can ian el nom del ipus d’aques es.
Figu a 16: Pan alla d'usua i amb es icció
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
70
12.5. Millo es de disseny
No o es les pan alles de l’aplicació han expe imen a modi icacions an signi ica i es com les
anali zades an e io men . Algunes pan alles han man ingu el seu disseny gai ebé in ac e,
amb can is lleus pe millo a la se a cohe ència isual i adap a -les al nou es il gene al. No
obs an això, com es po eu e a con inuació, algunes pan alles han so e ans o macions
es è iques més des acades pe o e i una expe iència isualmen més mode na i a ac i a pe
als usua is.
Disseny p e i
Disseny inal
Figu a 17: Compa ació de les pan alles de ò um
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
77
con ola les es iccions empo als dels usua is, ambé es c ea à un uid
(iden i icado ) a la base de dades.
○ No es gua da la con asenya pe qües ions de segu e a de Fi ebase
Figu a 21: Codi d'implemen ació de c eació de mapa amb camps d’usua i
○ Un cop l’usua i egis a hau em d’inicia sessió, l’objec iu e a inicia sessió
només amb l’usua i i la con asenya, pe ò Fi ebase Au hen ica ion només
deixa ob i sessió amb el co eu i la con asenya. Doncs iniciem sessió amb
aques dos camps p è iamen comp o an que l’usua i no es igui bloqueja

Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
78
Figu a 22: Codi d’inici amb co eu i con asenya
● Inici amb Google
○ P ime especi iquem quin ipus d'in o mació desi gem ob eni de l'usua i, com
la se a ad eça de co eu elec ònic, el seu nom. Pe eni accés a aques a
in o mació hau em gene a un oken p è iamen a la consola de Fi ebase.
Figu a 23: Codi de pe ició de c edencials de Google
○ Una egada es polsa l’opció d’inici amb Google s’iniciali za un lux de
GoogleSignIn i escollim el comp e que ulguem.
Una egada que l'usua i selecciona un comp e, el esul a es e o na a a és
de Ac i i yResul Launche .
Aquí, u ili zem GoogleSignIn.ge SignedInAccoun F omIn en () pe a ob eni el
comp e de Google seleccionada.
Figu a 24: Codi d'implemen ació d'inici de sessió amb Google
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
79
Figu a 25: Codi de selecció de comp es de Google
○ Desp és que l'usua i selecciona el seu comp e de Google i el lux d'au en icació
de Google acaba, ebem un objec e que con é in o mació sob e el comp e
selecciona . L'objec iu d'aques pas és ob eni l'ID Token de Google, que ens
pe me à au en ica a l'usua i en Fi ebase.
Figu a 26: Codi d’ob enció d’in o mació de comp e selecciona
○ Un cop enim l’ID Token con e i en una c edencial (Au hC eden ial), el
següen pas és au en ica l'usua i en Fi ebase u ili zan aques es c edencials.
Si l'au en icació és eeixida, l'usua i es a à egis a .
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
80
Figu a 27: Codi d'au en icació a Fi ebase
○ Amb aques ipus de egis e gua dem a la base de dades les ma eixes dades
que amb el mè ode an e io (nom d’usua i i con asenya) com ja se des aca
an e io men al se un inici de sessió amb una comp e de Google aques cop
el camp de pho oU l no se à null.
Figu a 28: Codi de c eació d'usua i a la col·lecció de Fi ebase
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
81
13.4. Implemen ació de a o i s
Pe a la implemen ació de Fa o i s hem implemen un codi senzill on un cop en es a qualse ol
joc pe a mi a la in o mació po s a egi el joc a la e a p òpia col·lecció de a o i s i dins
d’aques a pun ua -lo de amb una o cinc es elles.
Si l’es ella (ja mos ada en el disseny) no es á seleccionada s’a egi à una no a subcol·lecció
a l’usua i anomenada “ a o i s“ on es gua da à el í ol del joc, la po ada i la alo ació que
hagi e l’usua i.
Si es o na a selecciona l’es ella, el documen a egi amb el joc s’elimina à de la col·lecció i
no so i à a la pan alla de a o i s.
Figu a 29: Codi de selecció de ideojoc a o i
Figu a 30: Codi de c eació de mapa pe a la subcol·lecció a o i s
Un cop selecciona s els jocs a o i s en la pan alla homònima es poden eu e o dena s en
base a la pun uació donada pe l’usua i en un llis a.
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
82
13.5. Implemen ació de ò ums
La unció c ea eFo um ges iona la c eació d’un nou ò um dins de Fi ebase Fi es o e. P ime ,
ob é l’iden i icado únic de l’usua i au en ica i e i ica si aques exis eix a la col·lecció "use s".
Si l’usua i és oba , es c ea un objec e que con é les dades del ò um, com a a l’iden i icado
de l’usua i c eado , el í ol, la desc ipció, la da a de c eació i de modi icació, i al es camps
elaciona s amb les in e accions, com el nomb e de comen a is, "likes" i "dislikes".
El ò um s’a egeix a la col·lecció " o ums", i si l’ope ació és exi osa, es o na a ca ega la llis a
de ò ums pe a e lec i el nou con ingu .
Figu a 31: Codi de c eació de mapa pe a la col·lecció de o ums
La unció addCommen ToFi es o e pe me a egi un nou comen a i a un ò um especí ic a
Fi ebase Fi es o e. Pe a això, p ime ob é l’iden i icado únic de l’usua i au en ica , que ac ua
com a e e ència de qui ha e el comen a i. A con inuació, es c ea un objec e que con é la

Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
83
in o mació del comen a i, incloen -hi el ex del comen a i, l’iden i icado de l’usua i que el a i
la da a de modi icació.
Aques objec e es gua da dins de la subcol·lecció "commen s" del ò um co esponen ,
iden i ica pel seu o umId. Si l’ope ació és exi osa, es egis a un missa ge de con i mació, i
en cas d’e o , es egis a un missa ge d’e o pe al seu diagnòs ic.
Figu a 32: Codi de c eació de mapa pe a la subcol·lecció de commen s
La unció addReplyToCommen pe me a egi una espos a a un comen a i exis en dins d'un
ò um a Fi ebase Fi es o e. P ime , s'ob é l’iden i icado únic de l’usua i au en ica i
l’iden i icado del ò um ( o umId) en què es oba el comen a i. A con inuació, es c ea un
objec e que con é la in o mació de la espos a, incloen -hi el ex de la espos a, l’iden i icado
de l’usua i que la a i la da a de c eació.
Aques objec e es gua da dins de la subcol·lecció " eplies", que es à associada al comen a i
co esponen iden i ica pel seu commen Id. Si l’ope ació es eali za co ec amen , es egis a
un missa ge de con i mació, men e que en cas d’e o , es egis a un missa ge pe a acili a
el diagnòs ic. Aques a unció pe me ges iona espos es dins dels comen a is, a egin un
ni ell addicional d’in e acció en els ò ums.
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
84
Figu a 33: Codi de c eació de mapa pe a la subcol·lecció de eplies
13.6. Implemen ació de con e ses i missa ges
La unció c ea Con e sa s'enca ega de c ea una no a con e sa en e l'usua i ac ual i un
al e usua i ecep o a Fi ebase Fi es o e. En p ime lloc, ob é l’iden i icado únic de l’usua i
au en ica i el de l’usua i ecep o . Aques s iden i icado s es col·loquen en una llis a que
s'o dena pe assegu a un iden i icado de con e sa únic independen de l'o d e dels
pa icipan s.
A con inuació, es comp o a si ja exis eix una con e sa amb aques iden i icado dins de la
col·lecció "messages". Si la con e sa ja exis eix, es no i ica a l’usua i amb un missa ge. Si no
exis eix, es c ea una no a con e sa amb els pa icipan s gua da s en una es uc u a. Aques a
es gua da com un documen a la col·lecció "messages", u ili zan l'iden i icado únic gene a
pe a la con e sa.
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
85
Si la c eació é èxi , es egis a el nou xa i es ca eguen les con e ses ac uali zades
mi jançan la unció ca ega Con e ses. En cas d'e o , es egis a un missa ge pe
diagnos ica el p oblema. Aques a unció assegu a que només es c ea una con e sa única
pe a cada pa ell d'usua is.
Figu a 34: Codi de c eació d'una con e sa
La unció sendMessage s’enca ega d’en ia missa ges en una con e sa especí ica i
emmaga zema -los a Fi ebase Fi es o e. Quan es c ida, es c ea un objec e amb les dades
del missa ge i s’a egeix a la subcol·lecció "cha " dins del documen co esponen a la con e sa
(con e sa ionId), que es oba a la col·lecció "messages".
Dins aques a col·lecció es gua den els iden i icado s únics dels usua is, el con ingu del
missa ge i la da a i ho a d’en iamen . Aques a es uc u a pe me ges iona múl iples
con e ses i ga an i l’o denació c onològica dels missa ges.
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
86
Figu a 35: Codi de c eació de mapa pe a col·lecció messages
13.7. Implemen ació de pe il de l’usua i
Cada usua i é una pan alla de pe il on po p opo ciona la se a p òpia in o mació
complemen à ia i p opo ciona la e oacció de l’aplicació.
Tan el nom, com la desc ipció i el joc més juga es modi iquen en upda es a la base de
dades ac uali zan els camps co esponen s de la col·lecció use s.
Figu a 36: Codi d'ac uali zació de desc ipció
Tan la e oacció, com l’eliminació de comp e, com la selecció de joc més juga es eali zen
mi jançan Ale Dialog ja que no es necessa i e una al a pan alla pe a aques es seleccions.
Pe les e oaccions simplemen mos en dues p egun es a con es a (o no) i al en ia -les es
c ea el camp la col·lecció de “ eedbacks” a la base de dades amb els camps de comen a i i
epo ).
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
93
El cos de la pan alla man é un ons blanc, sob e el qual es desen olupa l'espai de missa ge ia.
La ines a de xa s'o gani za de mane a que cada missa ge en ia pe l'usua i es mos i amb
un colo blau, men e que els missa ges ebu s inguin un o g is suau. A més, es mos en les
o os de pe il dels dos pa icipan s en la con e sa, p opo cionan una isuali zació
pe sonali zada i amilia , simila a al es pla a o mes de missa ge ia popula s.
Figu a 43: Pan alla de xa web
14.4. Pan alla d’usua is bloqueja s
El disseny de la pan alla d’usua is bloqueja s és simila al de la missa ge ia di ec a. La aó
pe la qual es disposa d’una pan alla especí ica és pe què, en bloqueja un usua i, aques no
po o na a inicia sessió amb el seu co eu o comp e. Des aca que aques és el bloqueig
màxim que es po dona a la nos a aplicació, pe an un usua i no pod à o na a ecupe a
la se a in o mació.

Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
94
Figu a 44: Pan alla d'usua is bloqueja s
14.5. Pan alla de pe il de l'usua i
La pan alla de pe il de l'usua i es à concebuda com una eina pe als adminis ado s,
pe me en ges iona i, si cal, sanciona els usua is de l'aplicació. To i que en aques a ase
inicial no es a de ini una es uc u a de allada pe mos a in o mació pe sonal, com a a el
nom o la o o de pe il, es a p io i za el desen olupamen dels bo ons d'acció que pe me en
aplica di e en s sancions.
En e les uncionali a s p e is es en aques a pan alla es oben opcions pe es ingi als
usua is la possibili a de ma ca ideojocs com a a o i s, pa icipa en ò ums o isuali za
con ingu elaciona amb ideojocs. També es a inclou e l'opció de eali za un ban de ini iu,
en casos més g eus. Aques es accions es an dissenya pe assegu a un con ol e ec iu
sob e el compo amen dels usua is dins de l'aplicació, o e in als adminis ado s les eines
necessà ies pe man eni una comuni a segu a i o gani zada.
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
95
Figu a 45: Pan alla web de pe il d'un usua i
14.6. Pan alla de missa ges epo a s
Aques a pan alla es à dissenyada pe ges iona els missa ges epo a s pels usua is, amb
l'objec iu de man eni el ò um mode a de mane a au omà ica. No obs an això, aques a
mode ació po no se comple amen in al·lible.
Els usua is poden epo a missa ges sospi osos o inap opia s, i l’adminis ado ind à l’opció
d’elimina -los o accep a -los. Si un ma eix usua i acumula cinc missa ges elimina s, queda
au omà icamen bloqueja de mane a pe manen .
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
96
Figu a 46: Pan alla web de missa ges epo a s
14.7. Pan alla de alo acions i epo s
El disseny d’aques a pan alla és mol senzill i uncional, ja que el seu p incipal objec iu és
pe me e als adminis ado s isuali za les alo acions dels usua is i els epo s elaciona s
amb e o s de uncionamen o incidències simila s.
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
97
Figu a 47: Pan alla web de e oaccions i epo s
14.8. Mapa d’in e acció
Figu a 48: Mapa d'in e acció web
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
98
15. Compa a i a amb el disseny inal de l’aplicació
web
El disseny de la web s'ha eali za enin en comp e la simplici a i l'accessibili a pe als
adminis ado s. La web cons a de di e ses pan alles, cadascuna accessible des del menú de
na egació, amb l’excepció de la pan alla d’inici de sessió. Cada pan alla es à pensada pe
cob i una necessi a especí ica de ges ió de l’aplicació mòbil, com a a la mode ació de ò ums
o la e isió de missa ges epo a s.
Cal des aca que la web és exclusi a pe als adminis ado s, els quals són iden i ica s i
au en ica s amb un ol d’adminis ado de ini a la base de dades. Ga an in que només
pe sones au o i zades puguin accedi a les uncionali a s de ges ió.
Pe al desen olupamen del disseny web s’ha u ili za Boo s ap, una eina que o e eix una
g an lexibili a i acili a la c eació de dissenys in uï ius i cohe en s. Assegu a un expe iència
d’usua i uncional i ag adable pe als adminis ado s. A con inuació es desc iuen les pan alles
p incipals de l'aplicació.
15.1. Pan alla d’usua is
Aques a és la pan alla p incipal que l’adminis ado isuali za desp és d’inicia sessió,
pe me en ges iona els usua is de mane a senzilla. O e eix uncionali a s pe ce ca usua is
pel nom i na ega àcilmen en e pàgines indexades.
Aques disseny és di e en del plan ejamen inicial, ja que es a op a pe elimina el bo ó de
es iccions de la ba a de na egació supe io i in eg a les uncions de con ol dins d’aques a
is a p incipal, millo an la usabili a .
L’adminis ado po accedi a di e ses accions pe a cada usua i:
● Visuali za o a la in o mació de l’usua i, com la desc ipció, el joc a o i i la o o de
pe il, a a és del bo ó lila.
● Ob i un xa in e ac iu amb l’usua i selecciona , a a és del bo ó e d.
● Consul a els a o i s de l’usua i, a a és del bo ó g oc.
● Aplica es iccions empo als a uncionali a s com la isuali zació de jocs, a o i s i
ò ums, a a és del bo ó blau.

Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
99
● Bloqueja comple amen un usua i amb la unció de “pe maban”, assegu an la ges ió
d’usua is que incompleixin les no mes, a a és del bo ó e mell.
Figu a 49: Pan alla web d'usua is inal
15.2. Millo es de disseny
No o es les pan alles de l’aplicació web han expe imen a modi icacions an signi ica i es.
Algunes pan alles han man ingu el seu disseny gai ebé in ac e, amb can is lleus pe millo a
la se a cohe ència isual i adap a -les al nou es il gene al, pe exemple, la pan alla d’usua is
bloqueja s é un disseny semblan a l’o iginal amb l’única di e ència que ambé mos em el
co eu bloqueja , des aca que am plan eja la uncionali a de desbloqueig pe ò es eque ia
un pla de pagamen a Fi ebase i es a desca a la idea.
No obs an això, com es po eu e a con inuació, algunes pan alles han so e ans o macions
es è iques més des acades pe o e i una expe iència isualmen més mode na i a ac i a pe
als adminis ado s.
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
100
Figu a 50: Pan alla inal de xa web
Figu a 51: Pan alla inal de missa ges epo a s
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
101
Figu a 52: Pan alla inal de e oaccions
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
102
16. Back-end de l’aplicació web
16.1. A qui ec u a gene al del back-end web
El back-end de l’aplicació é com a p opòsi ges iona l’aplicació web, enin con ol
sob e o s els usua is, amb la possibili a d’en ia missa ges a aques s, eu e els seus
comen a is i epo s, la possibili a d’aplica es iccions a usua is, i ges iona
missa ges epo a s al ò um.
16.1.1. Tecnologies i eines u ili zades
Com a en o n d’execució Reac / Node.js, AWS Ampli y pe a la ges ió de se eis al
cloud, AWS IAM pe a se eis d’au en i icació i Fi ebase com a connexió en e la web
i l’aplicació
16.2. In eg ació amb se eis ex e ns
La web ob é o a la in o mació mi jançan la ma eixa base de dades de Fi ebase, pe
així eni con ol.
16.3. Implemen ació del login
La lògica del back-end pe al inici de sessió de la web és mol simple amb l’objec iu de que
l'adminis ado pugui inicia sessió àcilmen , un adminis ado posa à el seu nom i la se a
con asenya, si aques nom es oba a la base de dades pe o l’usua i no é el camp de ol
admin doncs no inicia sessió.
Pe a inicia sessió l’usua i ha de eni el ol d’adminis ado i esc iu e la con asenya “admin”.
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
109
16.6. Implemen ació de missa ges epo a s
El següen codi implemen a la uncionali a de llis a missa ges epo a s dins de l'aplicació.
El uncionamen p incipal cons a de:
1. Ex acció de missa ges epo a s: La unció comença accedin a la col·lecció epo s,
on es gua den o s els in o mes dels usua is sob e con ingu po encialmen inadequa .
Mi jançan una consul a, s’ob enen només els missa ges que no han es a esol s
p è iamen .
2. Ob enció dels noms dels usua is: Pe a cada in o me, es consul a l’usua i que a
eali za el epo pe ob eni el seu nom, i l’usua i p opie a i del missa ge epo a pe
iden i ica qui a publica el con ingu . En cas que l’usua i no exis eixi (pe exemple, si
el comp e ha es a bloqueja ), es e o na un alo pe de ec e com "Usua i no oba ".
3. Ob enció del con ingu epo a : A pa i de la in o mació del epo , es de e mina si el
con ingu epo a és un comen a i p incipal, que s’ob é di ec amen el ex del
comen a i des de la col·lecció ‘commen s’ del ò um co esponen . O si és una
espos a a un comen a i, que en aques cas, es ecupe a an el con ingu de la
espos a epo ada com el ex del comen a i o iginal al qual es a espond e. Pe al
de p opo ciona més con ex a l’adminis ado sob e la si uació.
4. Cons ucció de la llis a inal: Es c ea una llis a d’in o mes en iquida, que inclou la
in o mació de l’usua i que ha epo a , la in o mació de l’usua i p opie a i del missa ge
i el con ingu epo a .
Aques sis ema pe me que l’adminis ado ingui accés a o a la in o mació necessà ia pe
ges iona adequadamen els in o mes.

Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
110
Figu a 60: Codi d'implemen ació de missa ges epo a s
16.7. Implemen ació de e oaccions
L’objec iu de l’implemen ació es mos a les e oaccions pe usua i, doncs, de la col·lecció
de eedbacks. O gani zem l’in o mació ob inguda en un objec e use FeedbackMap on cada
clau és l'ID d'un usua i i el alo és un objec e que inclou l'ID de l'usua i i una llis a de
comen a is i in o mes associa s. Això pe me ag upa els comen a is pe usua i.
Un cop ag upa s els comen a is, el codi eco e les claus de use FeedbackMap (els IDs dels
usua is) i, pe a cada usua i, consul a la col·lecció use s pe ob eni in o mació addicional,
com el nom de l'usua i.
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
111
Figu a 61: Codi d'implemen ació de e oaccions
16.8. Ru es de l’aplicació web
La aula següen esumeix les u es disponibles a l'aplicació web, indican el componen que
es ende i za pe a cada u a i una desc ipció de la se a uncionali a p incipal. Aques es u es
de ineixen la na egació dins l'aplicació, pe me en accedi a di e en s uncionali a s, com la
ges ió d'usua is, el xa , la isuali zació d'usua is bloqueja s o missa ges epo a s, i les
alo acions o in o mes gene a s pels usua is.
Ru es
Componen ende i za
Desc ipció
/
Login
Pàgina d’inici de sessió
/all-use s
AllUse s
Mos a o s els usua is
/all-use s/cha
Cha
In e ície pe al xa amb el
usua is
/banned-use s
BannedUse s
Mos a o s els usua is
pe manen men baneja s,
amb la possibili a de eu e
el càs ig
/ epo ed-messages
Repo Message
Mos a o s els missa ges
epo a s a l’adminis ado
/ eedback
Feedback
Mos a o es les alo acions
i epo s e s pels usua is
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
112
17. Conclusions
El desen olupamen d’aques p ojec e ens ha pe mès posa en p àc ica me odologies àgils,
com Kanban, i u ili za eines col·labo a i es com T ello i Gi Hub, que han es a onamen als
pe a l’o gani zació i el seguimen e icien de les asques. Aques en ocamen ens ha pe mès
eali za un desen olupamen en equip, o i se un p ojec e du a e me pe dos memb es,
ga an in una bona coo dinació i una comunicació cons an que han acili a l’assolimen dels
objec ius.
Un dels aspec es més en iquido s del p ojec e ha es a la di e si a de coneixemen s inicials
dels memb es de l’equip. En Daniel domina a And oid S udio i Google Cloud, men e que
l’Àlex comp a a amb expe iència p è ia en el desen olupamen web, u ili zan ecnologies
com Reac , Node.js i Fi ebase. Aques a complemen a ie a ens ha pe mès eballa des de
pe spec i es di e en s, pe ò ambé ha p omogu un ap enen a ge mu u mol signi ica iu. En
Daniel ha con ibuï a l’ap enen a ge en la c eació d’aplicacions mòbils, men e que l’Àlex ha
compa i coneixemen s sob e es uc u ació i desen olupamen de sis emes web. D’aques a
mane a, hem aconsegui uni ica els nos es pun s o s pe abo da o es les ases del
p ojec e amb segu e a i con iança.
Pel que a a l’aplicació mòbil, s’han desen olupa uncionali a s com l’au en icació mi jançan
Google, la ce ca a ançada de ideojocs g àcies a la in eg ació de l’API d’IGDB, i la ges ió de
ideojocs a o i s. També s’ha implemen a un sis ema comple de ò ums on els usua is
poden c ea discussions, amb la mode ació au omà ica dels missa ges g àcies a l’API de
Google Pe spec i e. Pe ga an i un en o n segu , ambé s’ha inclòs l’opció de epo a
missa ges po encialmen òxics, així com una uncionali a de missa ge ia di ec a en e usua is
que a a o eix la comunicació dins de la pla a o ma. Finalmen , s’ha desen olupa un pe il
pe sonali za pe a cada usua i.
Pe al a banda, l’aplicació web s’ha dissenya pe o e i eines e ec i es pe als
adminis ado s, amb la inali a de ges iona l’ac i i a dels usua is i man eni un en o n
saludable dins de la pla a o ma. Els adminis ado s poden accedi a in o mació de allada dels
usua is, incloen -hi els seus a o i s, i aplica es iccions com limi a l’accés als ò ums, a la
ce ca de ideojocs o a la isuali zació de a o i s. També enen la capaci a de aplica
bloquejos an pe manen s en casos g eus com empo als. Una al a uncionali a des acada
és la ges ió dels missa ges epo a s, que pe me als adminis ado s e isa con ingu
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
113
p oblemà ic i p end e accions adequades. A més, s’ha inclòs una secció dedicada a ecolli
les e oaccions dels usua is que han p o a l’aplicació.
Amb aques es uncionali a s, an l’aplicació mòbil com la web s’han desen olupa amb un
en ocamen en la usabili a , la segu e a i l’escalabili a . Aques p ojec e no només ha comple
amb els objec ius inicials, sinó que ambé ha es able una base sòlida pe a possibles
ampliacions u u es. La in eg ació de ecnologies a ançades com Fi ebase i APIs ex e nes ha
ga an i un endimen òp im i una expe iència d’usua i luida. Aques p ojec e ha es a una
expe iència sa is ac ò ia que ens ha pe mès c éixe p o essionalmen , in eg an coneixemen s
ècnics amb habili a s de col·labo ació i ges ió de p ojec es.
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
114
18. Ag aïmen s
Ja que aques p ojec e culmina els nos es es udis d’enginye ia in o mà ica, olíem exp essa
el nos e més since ag aïmen al nos e di ec o Alejand o Ríos pe la se a dedicació,
excel·len guia i supo du an la eali zació d’aques eball.
El seu ensenyamen , ma ca pe una p o essionali a , cla eda i amabili a ha sigu clau an
en la nos a o mació com en el desen olupamen del p ojec e.

Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
115
19. Bibliog a ia
[1] S ack O e low. Can’ ge co e URL om IGDB API [en línia]. [s.l.]: S ack O e low, 2024
[Consul a: 8 oc ub e 2024]. Disponible a:
h ps://s acko e low.com/ques ions/78451555/can -ge -co e -u l- om-igdb-ap
[2] Albe azzi Dylan. You Fi s Web App in AWS [en línia]. [s.l]: You ube, 2022 [Consul a: 16
oc ub e 2024]. Disponible a:
h ps://www.you ube.com/wa ch? =Xdx3 1HkJLY&ab_channel=DylanAlbe azzi
[3] T aub Dennis. Ins all he AWS CLI on Windows [en línia]. [s.l]: You ube, 2022 [Consul a: 16
oc ub e 2024]. Disponible a:
h ps://www.you ube.com/wa ch? =11aYe_VWMg0&ab_channel=DennisT aub
[4] MDBoo s ap. Cha [en línia]. 2023 [Consul a: 1 no emb e 2024]. Disponible a:
h ps://mdboo s ap.com/docs/s anda d/ex ended/cha /
[5] W3Schools. How o c ea e a esponsi e op na iga ion menu [en línia]. [s.l.]: W3Schools,
[s.d.] [Consul a: 2 no emb e 2024]. Disponible a:
h ps://www.w3schools.com/how o/how o_js_ opna _ esponsi e.asp
[6] Kachhadiya Chi ag. And oid Cha App De elopmen | Tu o ial #8 | Cha Da a P epa a ion &
Cha Adap e [en línia]. [s.l]: You ube, 2022 [Consul a: 12 no emb e 2024]. Disponible a:
h ps://www.you ube.com/wa ch? =pAzby-pyS M& =1220s&ab_channel=Chi agKachhadiya
[7] Kachhadiya Chi ag. And oid Cha App De elopmen | Tu o ial #9 | Real ime Cha
Implemen a ion [en línia]. [s.l]: You ube, 2022 [Consul a: 12 no emb e 2024]. Disponible a:
h ps://www.you ube.com/wa ch? =EnyJsp5bMzs&ab_channel=Chi agKachhadiya
[8] S ack O e low. Main aining co ec aspec a io o windowBackg ound on And oid Splash
Ac i i y [en línia]. [s.l.]: S ack O e low, 2020 [Consul a: 17 no emb e 2024]. Disponible a:
h ps://s acko e low.com/ques ions/56925843/main aining-co ec -aspec - a io- o -
windowbackg ound-on-and oid-splash-ac i i y
Desen olupamen d’una aplicació mòbil "GameApp"
Daniel Ma iño Mo eno i Àlex Pascual Ba e
116
20. Re e ències
[1] And oid S udio. Documen ació de And oid S udio [en línea]. [s.l.]: Google, [s.d.] [Consul a:
10 se emb e 2024]. Disponible a: h ps://de elope .and oid.com/s udio?hl=es-419
[2] Visual S udio Code. Documen ació de Visual S udio Code [en línea]. [s.l.]: Mic oso , [s.d.]
[Consul a: 10 se emb e 2024]. Disponible a: h ps://code. isuals udio.com/
[3] Node.js. Documen ació de Node.js [en línea]. [s.l.]: Node.js, [s.d.] [Consul a: 27 se emb e
2024]. Disponible a: h ps://nodejs.o g/en/
[4] IGDB. Documen ació de IGDB API [en línea]. [s.l.]: IGDB, [s.d.] [Consul a: 27 se emb e
2024]. Disponible a: h ps://api-docs.igdb.com/
[5] Pos man. Documen ació de Pos man [en línea]. [s.l.]: Pos man, [s.d.] [Consul a: 27
se emb e 2024]. Disponible a: h ps://www.pos man.com/
[6] Pe spec i e. Documen ació de Pe spec i e API [en línea]. [s.l.]: Pe spec i e , [s.d.]
[Consul a: 15 oc ub e 2024]. Disponible a:
h ps://de elope s.pe spec i eapi.com/s/docs?language=en_US
[7] Boo s ap. Documen ació de Boo s ap [en línea]. [s.l.]: Boo s ap, [s.d.] [Consul a: 20
oc ub e 2024]. Disponible a: h ps://ge boo s ap.com/docs/5.3/ge ing-s a ed/in oduc ion/
[8] Flowbi e. Documen ació de Flowbi e [en línea]. [s.l.]: Flowbi e, [s.d.] [Consul a: 20 oc ub e
2024]. Disponible a: h ps:// lowbi e.com/
[9] Imgu . Documen ació de Imgu API [en línea]. [s.l.]: Imgu , [s.d.] [Consul a: 20 oc ub e
2024]. Disponible a: h ps://apidocs.imgu .com/