Página1|193
OlimpiadaFDI:
Unasui edejuegoseduca i os
con ankingymedalle odelaFDI
Ja ie Gá a eA ana
Alejand oGonzálezPé ez
MiguelMejíaFe nández
Albe oRod íguezVillalobos
GRADOENINGENIERÍAINFORMÁTICA
UNIVERSIDADCOMPLUTENSEDEMADRID
TRABAJODEFINDEGRADO
Mad id,Juniode2015
Di ec o :PabloMo enoGe
Página2|193
Au o izacióndedi usiónyu ilización‐
Ja ie Gá a eA ana,Alejand oGonzálezPé ez,MiguelMejíaFe nándezyAlbe oRod íguezVillalobos,
au o esdelp esen edocumen oydelp oyec o“OlimpiadaFDI”au o izanalaUni e sidadComplu ense
adi undi yu iliza con inesacadémicos,nocome cialesymencionandoexp esamen easusau o es,
an olap opiamemo ia,comoelcódigo,ladocumen acióny/oelp o o ipodesa ollado.
Ja ie Gá a eA ana Alejand oGonzálezPé ez
MiguelMejíaFe nández Albe oRod íguezVillalobos
Mad id,Juniode2015
Página3|193
Ag adecimien os
Que emosda nues omássince oag adecimien oanues a amilia,po odalapacienciayelapoyo
ecibidoalola godees osmesesydenues a idauni e si a ia.
Tambiénanues odi ec o dep oyec o,PabloMo enoGe ,po odoel iempoin e idoennoso osy
supacienciaenlosmomen osdu os.
Sinningunode oso osnohab íasidoposiblellega has aaquí.
AMa apo pe de unpocodesu alioso iempopa aecha nosunamano.
MenciónaIgnacioyLuispo supequeñog ani odea enaapo ado.
Alospa icipan esenelcasodees udio,po su iempodedicadoysusconsejospa alamejo aenla
in e accióndelapla a o ma.
A odosellos,muchasg acias.
Página4|193
Índice
Ag adecimien os...................................................................................................................................................3
Índicedeab e ia u as........................................................................................................................................11
Resumen.............................................................................................................................................................12
Palab ascla e:................................................................................................................................................12
Summa y.............................................................................................................................................................13
Capí ulo1.In oducción...............................................................................................................................15
Sección1.1.Plan eamien odel abajo.....................................................................................................16
Sección1.2.Es uc u adel abajo............................................................................................................17
Chap e 2.In oduc ion...............................................................................................................................19
Sec ion2.1.Wo kapp oach......................................................................................................................20
Sec ion2.2.S uc u eo hewo k............................................................................................................21
BloqueIEs udiosp e iosyes adodela e........................................................................................................23
Capí ulo3.Disposi i osMó iles..................................................................................................................25
Sección3.1.Pla a o masmó iles..............................................................................................................25
Sección3.2.A ondo:lapla a o maAnd oid.............................................................................................31
Sección3.3.He amien asdedesa ollopa aAnd oid.............................................................................35
Sección3.4.Conclusiones..........................................................................................................................35
Capí ulo4.HTML5........................................................................................................................................37
Sección4.1.In oducción...........................................................................................................................37
Sección4.2.E oluciónhas aHTML5.........................................................................................................38
Sección4.3.Elelemen ocan as................................................................................................................42
Sección4.4.Boo s ap...............................................................................................................................44
Sección4.5.Ven ajasquenoso eceHTML5............................................................................................45
Sección4.6.Conclusiones..........................................................................................................................45
Capí ulo5.Pla a o masdese iciosmul ijugado ......................................................................................47
Sección5.1.De inición...............................................................................................................................47
Sección5.2.Pla a o masexis en esyconsolidadas..................................................................................48
Sección5.3.Resumenyadap aciónalp oyec o.......................................................................................64
BloqueIIDesc ipcióndelsis ema.......................................................................................................................65
Capí ulo6.Elsis emaOlimpiadaFDI...........................................................................................................67
Sección6.1.Desc ipcióngene al...............................................................................................................68
Sección6.2.APIspa ages ióndeinsignias................................................................................................69
Página5|193
Sección6.3.Po aldeOlimpiadaFDI.........................................................................................................70
Capí ulo7.Juegosdesa ollados..................................................................................................................77
Sección7.1.Quick es ................................................................................................................................77
Sección7.2.T i ial.....................................................................................................................................85
Sección7.3.CodeChallenge.......................................................................................................................92
Sección7.4.Hacke boy.............................................................................................................................96
Sección7.5.Bad abbi sdieha d!...........................................................................................................103
Sección7.6.Ci cui s.................................................................................................................................107
BloqueIIIDe allesdeimplemen ación.............................................................................................................113
Capí ulo8.Implemen ación:In aes uc u adese iciosbackend..........................................................115
Sección8.1.Se ido web........................................................................................................................115
Sección8.2.Basededa os.......................................................................................................................116
Sección8.3.ResumendelaAPI...............................................................................................................121
Capí ulo9.Implemen acióndelapáginaweb...........................................................................................125
Sección9.1.Tecnologíasempleadas........................................................................................................125
Sección9.2.A qui ec u adelaweb........................................................................................................126
Sección9.3.In e azpa alasdi e en espla a o mas.............................................................................127
Capí ulo10.Implemen ación:Juegos..........................................................................................................129
Sección10.1.Ca ac e ís icas.................................................................................................................129
Sección10.2.Basesdeda ospa ajuegos.............................................................................................130
Sección10.3.Conclusiones....................................................................................................................141
BloqueIVCasodees udioyconclusiones.......................................................................................................143
Capí ulo11.Casodees udio........................................................................................................................145
Sección11.1.Mé odo............................................................................................................................145
Sección11.2.Desa ollo........................................................................................................................145
Capí ulo12.Conclusionesy abajo u u o..................................................................................................151
Sección12.1.T abajo u u o..................................................................................................................152
Chap e 13.Conclusionsand u u ewo k...................................................................................................153
Sec ion13.1.Fu u ewo k.....................................................................................................................154
Capí ulo14.Con ibuciónIndi idual............................................................................................................155
Ja ie Gá a eA ana......................................................................................................................................155
Alejand oGonzálezPé ez.............................................................................................................................157
MiguelAlejand oMejíaFe nández..............................................................................................................159
Página6|193
Albe oRod íguezVillalobos........................................................................................................................161
Chap e 15.Pe sonalcon ibu ion..............................................................................................................163
Ja ie Gá a eA ana......................................................................................................................................163
Alejand oGonzálezPé ez.............................................................................................................................165
MiguelAlejand oMejíaFe nández..............................................................................................................166
Albe oRod íguezVillalobos........................................................................................................................168
Bibliog a íay e e encias..................................................................................................................................171
Anexo................................................................................................................................................................177
AnexoA.Documen acióndelosRes Se icesexpues osenbackenddejuegos...................................177
AnexoB.Documen acióndelosRes Se icesexpues osenbackenddese icios................................181
Página7|193
ÍndicedeFigu as
Figu a1:S e eJobs,enlap esen acióndelIphone....................................................................................................27
Figu a2:Imágenesdelin e azg á icodeWindowsPhone8.1basadoenMe o.....................................................29
Figu a3:Imágenesdedisposi i osdeNokiaconSymbian..........................................................................................30
Figu a4:ImágenesdelTouchpadHP,conelsis emaWebOS.....................................................................................31
Figu a5:Cómose enlosusua iosdelasdis in aspla a o masmó iles...................................................................32
Figu a6:In e azdeusua iodelahe amien adedesa olloAnd oidS udio 1.2....................................................34
Figu a7:Balancede ecnologíasJa aSc ip ,HTMLyCSSenlaswebmode nas.(99poin s,2010)............................38
Figu a8:Can as2DHTML5.........................................................................................................................................42
Figu a9:Códigopa ala o macióndelcan as...........................................................................................................43
Figu a10:Ejemplodecan asbiencon igu ado..........................................................................................................43
Figu a11:Ejemplodecan asmalcon igu ado...........................................................................................................44
Figu a12:LogoS eam.................................................................................................................................................48
Figu a13:InsigniasS eam...........................................................................................................................................50
Figu a14:AmigosS eam.............................................................................................................................................50
Figu a15:G uposS eam.............................................................................................................................................51
Figu a16:Pan allap incipaldeS eam........................................................................................................................51
Figu a17:Ni elExpe ienciaS eam.............................................................................................................................52
Figu a18:Ni eldeusua ioS eam...............................................................................................................................52
Figu a19:LogoXboxLi e............................................................................................................................................53
Figu a20:Log osdeusua ioXboxLi e........................................................................................................................54
Figu a21:Repu acióndeunjugado XboxLi e...........................................................................................................55
Figu a22:AmigosXboxLi e........................................................................................................................................55
Figu a23:Accesoa ideojuegosycon enidoadicionaldeXboxGameS o e.............................................................56
Figu a24:Pe sonalizacióndepe ilpe sonalenXBOX...............................................................................................56
Figu a25:Imagendeljugado XboxLi e.....................................................................................................................57
Figu a26:LogoPlayS a ionNe wo k..........................................................................................................................57
Figu a27:T o eosPlayS a ionNe wo k......................................................................................................................58
Figu a28:Compa acióndejuegosy o eosenPlays a ionNe wo k.........................................................................59
Figu a29:AmigosPlayS a ionNe wo k......................................................................................................................59
Figu a30:Imagenoa a a PlayS a ionNe wo k.......................................................................................................60
Figu a31:LogoGoogleplay........................................................................................................................................60
Figu a32:Dis in osgéne osquedis ingueGooglePlayGames..................................................................................61
Figu a33:His o ialdeXPdeGooglePlayGames........................................................................................................62
Figu a34:Bandejadeen adadeGooglePlayGames...............................................................................................62
Figu a35:Log osdeGooglePlayGames....................................................................................................................63
Figu a36:Pun osdeXPdeGooglePlayGames..........................................................................................................64
Figu a37:Desc ipcióngene aldelsis emadeOlimpiadaFDI......................................................................................68
Figu a38:Regis oenlaaplicacióna a ésdelapáginaweb...................................................................................71
Figu a39:Logindelapáginaweb..............................................................................................................................71
Figu a40:Accesoajuegosdesdelapáginaweb.........................................................................................................72
Figu a41:C eacióndeg uposdesdelapáginaweb...................................................................................................72
Figu a42:Ba ala e aldelaweb...............................................................................................................................73
Figu a43:Sali deung upodesdelapáginaweb.......................................................................................................74
Figu a44:Busca g uposdesdelapáginaweb...........................................................................................................74
Figu a45:Ve insigniasob enidasdesdelapáginaweb.............................................................................................75
Figu a46:Ve ankingsindi idualesdesdelapáginaweb..........................................................................................75
Página8|193
Figu a47:Ve ankingsdeg upodesdelapáginaweb...............................................................................................76
Figu a48:Ven anainicialdeljuegoQuick es pa aaplicacióndeesc i o io..............................................................78
Figu a49:Ven anadeRegis odeljuegoQuick es pa aaplicacióndeesc i o io.....................................................79
Figu a50:E o delogindeljuegoQuick es pa aaplicacióndeesc i o io................................................................79
Figu a51:Ven anap incipaldeljuegoQuick es pa aaplicacióndeesc i o io..........................................................80
Figu a52:Feedbackdelasinsigniasob enidaseneljuegoQuick es pa aaplicacióndeesc i o io..........................81
Figu a53:InicioQuickTes enAnd oid........................................................................................................................81
Figu a54:MenúQuickTes enAnd oid.......................................................................................................................82
Figu a55:Pun uaciónúl imapa idaQuickTes enAnd oid.......................................................................................83
Figu a56:Pa idaQuickTes enAnd oid.....................................................................................................................83
Figu a57:Vis adelasp egun asenaplicaciónWeb..................................................................................................84
Figu a58:Resul adoQuickTes enaplicaciónweb......................................................................................................85
Figu a59:Ven anadeLogindeljuegoT i ialpa aaplicacióndeesc i o io...............................................................87
Figu a60:Ven anainicialdeljuegoT i ialpa aaplicacióndeesc i o io...................................................................87
Figu a61:Ven anap incipaldeljuegoT i ialpa aaplicacióndeesc i o ioI.............................................................88
Figu a62:Ven anap incipaldeljuegoT i ialpa aaplicacióndeesc i o ioII............................................................89
Figu a63:T i ialaplicaciónWeb.................................................................................................................................90
Figu a64:T i ialaplicaciónWeb.................................................................................................................................90
Figu a65:T i ialaplicaciónWeb.................................................................................................................................91
Figu a66:T i ialaplicaciónWeb.................................................................................................................................91
Figu a67:T i ialaplicaciónWeb.................................................................................................................................92
Figu a68:Pan alladelogindeCodeChallenge...........................................................................................................93
Figu a69:Menúp incipaldeCodeChallenge..............................................................................................................94
Figu a70:Pan alladepun uacionesdeCodeChallenge..............................................................................................95
Figu a71:Pan alladejuegodeCodeChallenge..........................................................................................................95
Figu a72:Hacke Boy(1)............................................................................................................................................98
Figu a73:Hacke Boy(2)............................................................................................................................................99
Figu a74:Hacke Boy(3)............................................................................................................................................99
Figu a75:Hacke Boy(4)..........................................................................................................................................100
Figu a76:Hacke Boy(5)..........................................................................................................................................101
Figu a77:Hacke Boy(6)..........................................................................................................................................101
Figu a78:Hacke Boy(7)..........................................................................................................................................102
Figu a79:Hacke Boy(8)..........................................................................................................................................102
Figu a80:BadRabbi sdieha d.................................................................................................................................104
Figu a81:BadRabbi sdieha d.................................................................................................................................105
Figu a82:BadRabbi sdieha d.................................................................................................................................105
Figu a83:BadRabbi sdieha d.................................................................................................................................106
Figu a84:BadRabbi sdieha d.................................................................................................................................106
Figu a85:BadRabbi sdieha d.................................................................................................................................107
Figu a86:Ven anadeLogindeljuegoCi cui spa aaplicacióndeesc i o io...........................................................108
Figu a87:Ven anainicialdeljuegoCi cui spa aaplicacióndeesc i o io...............................................................109
Figu a88:Ven anap incipaldeljuegoCi cui spa aaplicacióndeesc i o io...........................................................110
Figu a89:Ven anadeljuegoCi cui spa a aspulsa elbo ónResol e .................................................................111
Figu a90:Es uc u adelse ido ..............................................................................................................................115
Figu a91:Es uc u abásicadeJSON(Fuen e:h p://json.o g)................................................................................116
Figu a92:A qui ec u adeHibe na e(Fuen e:h p://www.online ech ision.com/hibe na e‐o e iew/)...............117
Figu a93:Esquemadebasededa osInsigniasFDI...................................................................................................118
Página9|193
Figu a94:Códigodec eaciónde ablausua ios.......................................................................................................119
Figu a95:Códigodec eaciónde ablag upos.........................................................................................................119
Figu a96:Códigodec eacióndela ablainsignias...................................................................................................120
Figu a97:Códigodec eacióndela ablausua io_has_insignia...............................................................................121
Figu a98:Códigodec eacióndela ablag upos_usua ios......................................................................................121
Figu a99:A qui ec u adelaweb.............................................................................................................................127
Figu a100:Dis ibucióndelaweb is adesdeunPC...............................................................................................128
Figu a101:Dis ibucióndelaweb isi adesdeundisposi i omó il........................................................................128
Figu a102:A qui ec u adelapla a o ma................................................................................................................130
Figu a103:Esquemadebasededa osOlimpiadaFDI..............................................................................................131
Figu a104:Códigodec eaciónde abla ipos...........................................................................................................132
Figu a105:Códigodec eaciónde ablap egun as..................................................................................................132
Figu a106:Códigoc eaciónde abla espues as......................................................................................................133
Figu a107:PluginWindowBuilde pa aEclipse(Fuen e:h p://www.eclipse.o g/windowbuilde /).......................139
Figu a108:Fo odelsis emapa aReady2Lea n.......................................................................................................147
Figu a109:Fo odelsis emapa aelg upoHijosdeTu ing......................................................................................148
Página16|193
Sección1.1. Plan eamien odel abajo
Deca aaconsegui elobje i op opues o,p oponemoseldesa ollodelapla a o maOlimpiadaFDI,donde
sepod ánenseña conocimien osp opiosdenues aca e a,Ingenie íaenIn o má ica,median ela
u ilizacióndeunasui edejuegoseduca i osimplemen adosendis in oslenguajesdep og amación(HTML5,
And oidyJa a)pa aasíanima a odosloses udian esahace seunpequeñohuecoennues acomunidad.
Laideade ásdees emodelose íaqueelconjun odejuegos o meunecosis emaenelquecoexis en
juegosdedis in aspla a o mas,queenseñandis in asma e iasyquepod íanse desa olladospo dis in as
ins i ucionesog uposde abajo.Nues a isiónincluyeque,po ejemplo,dis in asuni e sidadespudiesen
desa olla juegospa aaquellasá easdelaIngenie íaIn o má icaenlasquemásdes acan.
Pa ac ea es apla a o ma,el abajosedi ideen espila es undamen ales:
1)C eacióndeunain aes uc u acuyabaseesunse ido debackendqueo eceunaAPIdese iciosREST
pa ages iona yalmacena da osdejugado es,juegos,insignias,pun uacionesydemás.
2)Diseñoydesa ollodeunpo alwebenelquesepod á isualiza los esul ados u odelain e acciónde
losjugado esconlosjuegos,incluyendosuspe iles,insigniasob enidas,ges ióndeg upos, ankingsde
jugado es,e c.
3)C eacióndeunasui edejuegosdeejemplo,desa olladoscondis in as ecnologías,pe o odosellos
compa iblesconlaAPIdeusua ioseinsigniasyqueejempli icancómo u u osdesa ollado espod án
ale sepa ain eg a susdesa ollosennues osis ema.
Cabeseñala quehas aelcomienzodelp esen ecu so,desconocíamosalgunosdelosconcep os
mencionadosyo osquenoshemosidoencon andoalola godenues ocamino;asícomoalgunasdelas
ecnologíasquehemosusadoy inalmen eu ilizado.Po es emo i o,el abajo ambiénincluyeunes udioa
ondodelas ecnologíasempleadas,conespeciala enciónalos equisi ospa adesa olla juegosen
pla a o masmó ilesoenHTML5/Ja aSc ip ,asícomoalaspla a o masgami icadasdejuegosmásusadas
hoyendía.
Página17|193
Sección1.2. Es uc u adel abajo
Enelsiguien eapa ado,pasa emosaenume a odosloscapí ulosdelosquesecomponees amemo iay
da emosunab e eexplicaciónsob ecuálesla unciónyelp opósi opa acadaunodeellos.
T ases apequeñain oduccióninicialenlaqueanalizamoscuáles ue onlosmo i osquenoslle a ona
emba ca nosenes ep oyec oy,ag andes asgos,sualcanceyca ac e ís icasp incipales,comienzael
BloqueI:Es udiosp e iosyes adodela e.Es ebloqueaba caelCapí ulo3,elCapí ulo4yelCapí ulo5.
EnelCapí ulo3analizamoselimpac odelosdisposi i osmó ileshoyendíaysuimpo anciapa ael
desa ollode ideojuegos,es udiamoslasal e na i asmáspopula esani eldepla a o maycompa amoslas
he amien asmáscomunespa adesa olla enellas.
EnelCapí ulo4analizamoslae olucióndeldesa ollowebyenconc e ola ecnologíaHTMLensuúl ima
e siónpa aaplica odoes oeneldesa ollode ideojuegosen o ma oweb.
EnelCapí ulo5 ealizamosunamplio epasodelaspla a o masmencionadasenlaIn oducción,que u imos
encuen ayenlasquenos ijamosalaho adees ablece laideadenues op oyec oasícomolaexis encia
debadges.
ElBloqueII:Desc ipcióndelsis emaes ácompues opo elCapí ulo6yelCapí ulo8.
EnelCapí ulo6,ysinen a oda íaen é minosmuy écnicos,desc ibimoslospila esmásimpo an esque
con o mannues apla a o ma:else ido ylos ideojuegos.Hablamosdenues ain aes uc u acomo
ac o p incipal.
EnelCapí ulo8se ealizalaespeci icaciónde odoslosjuegosque o manlasui eylawebquehacede
on endin e media iaen eambas.
ElBloqueIII:De allesdeimplemen aciónes ácompues opo elCapí ulo8,elCapí ulo9yelCapí ulo10.
ElCapí ulo8esdondeelse ido omaelp o agonismo,yseexplicacómohasidodiseñado,cómose
enca gadeges iona odossusse iciosycómohemosdecididoin eg a odosloscomponen esdel
p oyec oennues ain aes uc u a.
Acon inuación,elCapí ulo9yelCapí ulo10desc ibenabajoni elyenp o undidadcómosehadesa ollado
an olawebdeOlimpiadaFDIcomo odoelconjun odejuegosenlasdi e en espla a o masde
p og amación.Una alo aciónmás écnicayp ecisadesuimplemen ación,sus uncionalidadesycómo
hemoslog adosaca losadelan eapesa delasdi icul adesyhándicaps ecnológicosqueencon amos.
ElBloqueIV:Casodees udioyconclusioneses ácompues opo elCapí ulo11yelCapí ulo12.
ElCapí ulo11secen aensimula odosloscomponen esdeloquese íaelp ocesocomple oque
anscu edesdequeunjugado sedisponeajuga has aquesusinsigniashansido egis adasenlabasede
da os,gua dadaspo an oenelse ido y inalmen e e lejadasenlaweb.Es ecasodees udiocuen a
ademásconlapa icipacióndeusua iosex e nosalp oyec oquenoshandadosuopiniónyhanp es adosu
ayudapa aiden i ica nue asopo unidades.
Des inamoselCapí ulo12a ealiza la e lexióndelp oyec o:Ace cadesuelabo aciónyplan eamien o
inicial,la e isióndeobje i oscumplidos,yconclusiones inales.
Rese a emoselCapí ulo14pa aexpone lacon ibuciónindi idualde odoslosmiemb osdelg upo.
Po úl imo,loscapí ulos inalesdelamemo iai ándes inadosalaBibliog a íay e e enciasasícomoal
Anexo,quecomplemen aelcon enidodees edocumen o.
Página18|193
Página19|193
Chap e 2. In oduc ion
In heheydayo he i uallea ning,s uden mo i a ionisanessen ialcomponen o hegood
pe o mance.Didac icgamesappea as u he imp o emen in hisaspec ,andb ingabou achangein he
con en ionalpa adigmso eaching.
Cu en ly, heclassicalme hodo o maleduca ionseems obeo e shadowedby hepossibili ies ha new
echnologiesb ing.The o malme hodiso ien ed oindi iduals udy,and he endis ha e e y hing
becomesmo eandmo esocial.
Bo hou cu iosi yabou hewo ldo eachingandeduca ion, oge he wi h heappeal ha in ol es heuse
o educa ionalgames o hispu pose,whichwewouldse easachannelo communica ionbe ween he
con en and hes uden ,a ousedou in e es andmadeus odecideonb inging oge he heknowledge
acqui ed h oughou ou ca ee ,and hemechanicso lea ning.
La gep ecu so s,mas e so hisa andpeopleo g ea globalin luencein he ieldo lea ningbasedon
ideogames,whoseideaswe y o elywhenmakingou wo k,a eMa cP ensky,JamesPaulGeeandKu
Squi e,amongo he s.
Theessenceo hei ideologyisbasedonag adualeduca ional e o mconsis en ocu en imes.Theyo e
adi e en pe spec i eon helea ningp ocess,de ending ha nowadays eachingmus bedi e en om he
pas ,mo i a ingyoungpeopleandinc easing hei passion o echnology.Th ough ideogames,in e ne o
mobilede ices,ul ima ely,using echnologyasa ool o de elopmen .This ypeo educa ionisno only
good o con en ’s eachingbu alsoskillslea ning.In hiswayyoucanconnec wi hs uden s,make hem o
becomein e es edand ake heini ia i e os udyandlea n obecompe en in he u u e.
Weneed odisco e hepassiono eachs uden .
Teache s odayshouldelimina e hemas e classes.
Ma cP ensky(JuneyNo embe 2014)
Finally, oemphasize heideao ewa d; hes uden swin"Awa ds" o hei achie emen sinplaying,which
we e e oasbadges(“Insignias”).Theymigh becompa edwi ho he s omknownsys ems o o he
pla o mssuchas heachie emen sinXbox, he ophiesinPlays a ion,o equallybadges ha allow o
inc ease hele elo you p o ileonS eam.
Thiswo k,insho ,hasbeen he esul o bo h,ou g owingin e es in heuseo gamesineduca ion, o
eachnews uden sdynamiceduca ionalanddidac icinwhichgamesa e hemainpilla o hesel ‐s udy,
and heneed oc ea eapublishingpla o mcapable omanage hemandmake hema ailable oallo us.
Página20|193
Sec ion2.1. Wo kapp oach
Thepu poseo hep ojec OlympiadFDIis eachingpa o heknowledgeo ou ca ee ,Compu ing
Enginee ing,usingasui eo educa ionalgamesimplemen edindi e en p og amminglanguages(HTML5,
And oidandJa a) o husencou agealls uden s obepa o ou communi y.
Ino de o hisp ojec oma e ialisei wasnecessa y oc ea eanin as uc u ewhosebaseisase e ha
o e sRESTse icesandinwhichwewillkeepandwewillmanagebo hda abaseso playe s, hei badges
ob ainedin hegames,ando he c i icalin o ma ion.
On heo he hand,ou p ojec isbasedonapo alwebsi ewhe eyoucan iew he esul sasa esul o he
in e ac iono heplaye swi hgames:allac i i yandsco e ankingso bo h,po en ials uden saswellas
g oupswhichcanbe o med.
Addi ionally,wecanhighligh heuseo anownAPI ha abs ac s he unc ionali yo ou pla o m,inwhich
u u epo en ialde elope scanuse oin eg a e hei de elopmen sinou sys em.Thesese iceswillbe
desc ibedinde ailla e anddu ing heAnnex.
All hisini ialapp oachshowedus o heconcep o gami ica iono p ocesses,whichwewan ed ocollec
andadop asmainideaand he e o e ansla ei in oou wo k,especially hegami ica ionapplied o
educa ion.Weha e akenexamples omdi e en si es,bu i s ly omou i ualCampuso Moodle,
whichin oduces hepossibili yo use s’andg oups’badgesmanagemen (Moodle).
Ano he pla o m ollowing hisini ia i eisMozillaOpenBadges(OpenBadges),inwhichause is ecognised
byag oupo people o e e y hing ha hasbeenlea ningei he onlineo o line.Theuse willbecollec ing
badgesbasedonachie emen s,wha haslea n andabili ies.All heseini ia i es e lec hegene a ional
change ha is akingplacenowadays;a ewyea sagonoonehadp oposedusinggameso ideogames o
educa ionalandacademicpu poses.
Un il hebeginningo hisyea ,wewe eunawa eo some heconcep smen ionedo o he s ha weha e
comeac ossalongou way;aswellassomeo he echnologies ha weha e oundand inallyused.
Wecouldde ineou p ojec as he"S eam o educa ionalgames".
Página21|193
Sec ion2.2. S uc u eo hewo k
In henex sec ion,wewillenume a eall hechap e sincludedin hismemo yandwegi eyouab ie
explana ionabou wha is heope a ionandpu pose o eachoneo hem.
A e hissmallini ialin oduc ioninwhichweanalysedwha we e he easons ha ledus oemba kon his
p ojec and,b oadlyspeaking,i sscopeandmain ea u es,wecon inuewi hCapí ulo3.In hischap e we
looka heimpac o mobilede ices oday,s udy hemos popula al e na i esa pla o mle eland
compa e hemos common ools o de eloping hem.
InCapí ulo4,weanalyse hee olu iono webde elopmen andinpa icula heHTML echnologyini s
la es e sion.
Capí ulo5makesab oad e iewo hepla o msmen ionedabo ein hein oduc ion, hosewhichwehad
inmind,andinwhichwe ocussed ose up heideao ou p ojec aswellas heconcep o badges.
InCapí ulo6,andwi hou s eppingin o e y echnical e ms,youwill indma e ialamoun o in o ma ion
e e ed ooneo hemos impo an pilla so ou pla o m:se e and ideogames.Weexplainabou ou
in as uc u easamajo ac o ,ade ailedspeci ica iono eacho hegames ha o mpa o hesui eand
heweb ha makes on endin e media ybe ween he wo.
Capí ulo8iswhe e hese e akes hes age,andi explainshowi hasbeendesigned,howmanagesall he
se icesandhowweha edecided oin eg a eall hecomponen so hep ojec inou in as uc u e.
Then,Capí ulo9andCapí ulo10desc ibea low‐le elandindep hhowbo h,OlimpiadaFDIwebsi eand
gamesha ebeende elopedindi e en p og ammingpla o ms.Amo e echnicalandp ecise alua iono
heimplemen a ion,i s ea u esandhowha emanaged ob ing hem o wa ddespi edi icul iesand
echnologicalchallengesweencoun e .
Capí ulo11 ocusesonsimula ingallcomponen so he ullp ocess ha akesplacesinceaplaye p epa es
oplayun il hei badgesha ebeen egis e edin heB.D, he e o esa edon hese e ,and inallyshownon
heweb.Thiscases udyalsohas hepa icipa iono ex e naluse s o hep ojec ha ga eus hei opinion
andhelped oiden i ynewoppo uni ies.
Wededica eCapí ulo12 omake he e lec iono hep ojec :abou i sp epa a ionandini ialapp oach,
e iewo objec i es,and inalconclusions.
Capí ulo14isdedica ed oexpose heindi idualcon ibu iono all hemembe so heg oup.
Finally, he inalchap e so hememo ywillgo o heBibliog aphyandRe e encesaswellas oAnnex,
supplemen ing hecon en so hisdocumen .
Página22|193
Página23|193
BloqueI
Es udiosp e ios
yes adodel
a e
Página24|193
Página25|193
Capí ulo3. Disposi i osMó iles
Enes ecapí ulo amosa e isa las ecnologías,concep osyhe amien asdisponiblespa aeldesa ollode
aplicacionesmó iles,p es andoespeciala enciónaldesa ollodejuegosengene alyjuegoseduca i osen
pa icula .
Pa aello,empeza emosconuna e isióndelasdis in aspla a o masmó iles(Sección3.1),en elasque
des acamosAnd oidpo se lamásaba cablepa aundesa ollodecódigolib e(Sección3.2).
Pos e io men e,noscen amosenlasdis in ashe amien asdedesa ollodejuegosdisponiblesla
pla a o maAnd oid(Sección3.3).
Finalmen e,enlaSección3.4p esen amoslasp incipalesconclusionesde i adasdees ees udio.
Ennues o,casohemosjus i icadoeldesa olloendisposi i osmó ileshaciendo e e enciaaconcep os
inno ado es,comoMobileLea ning,unaideayaincluidaenlaideamásgené icaUbiqui ousLea ning.Es os
é minoshacen e e enciaaunanue ame odologíadeap endizajebasadaeneldinamismoyaccesibilidad
quep opo cionanlasnue as ecnologías.Losalumnoscomienzana ene hoyendíalapo abilidadylibe ad
pa aap ende sob epo encialmen ecualquie ema,encualquie momen oyluga ,po ejemplobuscando
in o maciónenIn e ne a a ésdeunbuscado ,accediendoalcampus i ualdesuUni e sidad,o
u ilizandounadelasaulas i ualesquep opo cionanalgunaswebsdeenseñanzaonline.
Laideade ásdeUbiqui ousLea ningenun u u oce canoese oluciona es asideashas aelex emo,
mejo a laspla a o masdeap endizaje,ein eg a lasenelen o nohabi ualdelusua iohas aconsegui que
es asseanin isiblesalalumno;yhagausodeellassinsiquie ase conscien e.Cuandoes oselog a,los
es udian esap endensiguiendoelhilodesusp opios azonamien os,casisa is aciendosup opiacu iosidad;
accedende o mainalámb ica,compa ensusconocimien osensucí culodeamis adesyu ilizan ecu sos
enlanube.
Sección3.1. Pla a o masmó iles
In ui i amen e, odosconocemoselg animpac oquehangene adohoyendíalap oli e aciónde
disposi i osmó ilesennues as idas.Té minoscomoconexiónyaccesibilidadnuncahanes ado anen
auge,yesquelapene acióndelosdisposi i osmó iles,encualquie adesus a ian es,sma phoneso
able s,hasidoindudable.
Laspla a o masmó ileso ecenin e esan es en ajas, an opa alosjugado escomopa alos
desa ollado es.
Alosusua iosleso ecelainmedia ezycomodidaddejuga consusaplicaciones a o i as,o,ennues o
caso,juegosdidác icos,cuandoquie a.Es acon enienciape mi eexplo a almáximolosconcep osque
es udia emosconmásp o undidadmásadelan e,comoMobileLea ning,unconcep oquede i adeo o,
Ubiqui ousLea ning,oelpa adigmasob eelap endizajequesos ienequecualquie usua iopuedeap ende
sob ecualquie cosaen odomomen oyencualquie luga ,debido,p incipalmen e,aquelashe amien as
deenseñanzaes án anin eg adasenla idaco idiana,queelalumnono ienesiquie alape cepciónde
es a ap endiendo.Pa aqueexis aUbiqu ousLea ning,lashe amien asdeap endizajedebense accesibles
ein e ac i as,asícomoadap ableseinmedia as(Co eEduca ion,2013yEduca ion,2025).
Enelcasodelosdesa ollado es,losdisposi i osmó ileso ecenunaopo unidaddeda aconoce sus
c eacionesaunacomunidaddejugado esencons an ec ecimien o,ydeunpe ilmásamplioquelos
jugado esdeconsolas,comoelme cado emenino,oelme cadomásmadu o,conunamediade43añosen
elcasodejuegossociales,yconjugado esdeinclusomásde60.P ecisamen e,es ospe ilescon o manel
Página32|193
Figu a5:Cómose enlosusua iosdelasdis in aspla a o masmó iles
Unadelasmejo esca ac e ís icasdees esis emaope a i oesqueescomple amen elib e.Esdeci ,nipa a
p og ama enes esis emanipa ainclui loenun elé onoesnecesa iopaga nada.Yes olohacemuy
popula en e ab ican esydesa ollado es,yaqueloscos espa alanza un elé onoounaaplicaciónson
muybajos.
Noshemosdecan adopo es a ecnologíadebidoasup oyecciónde u u oysueno mep esenciaenel
me cadoac ualenloqueadisposi i osmó ilesse e ie e:Inclusoapesa deleno mec ecimien ode
WindowsPhone,elcualsep e ésupe a aiOSes eaño2015(Tabla3),And oidalcanzaunaci asupe io al
58%depo cen ajedeme cadoglobal.O as i udesdelSOdeGooglesonsu e sa ilidad,su acilidadde
uso,ysude alladadocumen ación.
Página33|193
Tabla3:Po cen ajedeme cadodelosúl imosañosenSis emasOpe a i osmó ilesenEspaña(2015)
Nosóloesunsis emaope a i o obus oye icaz,sinoqueademás aeconsigounag ancan idadde
he amien asdeayudaalosdesa ollado es,comoun amewo kdedesa ollop opio,elAnd oidS udio,el
cualseencuen aensu e sión1.2a echadeJunio2015.
Dignodemencióneslapequeña e oluciónin e naquehuboalcomienzodela ealizacióndees ep oyec o,
en eSep iemb e2014‐Ene o2015.Has aan esdeSep iemb e,eldesa ollosob eAnd oidse ealizabade
dis in as o mas,en eellas,lamáspopula e aunase iedepluginsoex ensionespa alahe amien ade
desa olloenJa aEclipse.Fueen o noaesa echacuandoGoogledecidiódeja deda sopo eaesas
ex ensionespa a omen a lamig acióndelosdesa ollosAnd oidaAnd oidS udio,lanue ahe amien ade
desa olloespecí icapa aAnd oidimpues apo Google.
Una ezseleccionadoelSis emaOpe a i oobje i o,And oid,hayaúnunacues iónimpo an ealaho ade
desa olla pa aes apla a o ma,yeselni eldelaAPIoSDKdes inodelaaplicación.Ennues ocaso, odos
nues osjuegos ienen ijadaunni elAPImínimode15,equi alen eauna e siónand oid4.0.3, ambién
conocidacomoIceC eamSandwich;yunni eldeAPIdeseado21,o5.0Lollipop(Tabla4,documen ación
And oidS udio).
Página34|193
Tabla4:Lis adoyg á icadelasdis in as e sionesdeAnd oidexis en es(And oidDe elope s,2015)
Pa ae i a e o es,siemp ees ecomendablecompila lasaplicacionesenla e siónmásac ualizadaposible.
Noso oscompilamos odasnues asaplicacionesconunni el21.
Cones acon igu ación,asegu amosquenues asaplicacionesseanplenamen e uncionalesconel90,4%de
losdisposi i osAnd oidqueexis enenlaac ualidad;oloqueeslomismo,el52,52%dela o alidadde
disposi i osmó ilesdelmundo,a echadema zo2015.
And oidS udioesunen o nodedesa olloin eg adopa alapla a o maAnd oidbasadoenIn elliJIDEAde
Je B ain.Sup ime a e siónbe a0.1 uelanzadoenMayode2013,yha ecibidoac ualizacionesdeuna
mane amásomenospe iódicadesdeen onces,has ala e siónac ual,1.2,a echadeMayo2015.
Figu a6:In e azdeusua iodelahe amien adedesa olloAnd oidS udio 1.2.
Página35|193
Sección3.3. He amien asdedesa ollopa aAnd oid
Pa aayuda noseneldesa olloAnd oid,podemos ale nosdealgunadelashe amien asdedesa ollo
exis en es.Acon inuaciónmos amoslasmásp ome edo as:
U ilizamosla ecnologíaAdobeAIR,unlenguajesencilloyo ien adoaobje osqueseu ilizaa a ésdela
he amien aAdobeFlashCC;lacuales ádisponiblepa aWindows.Unodelos ac o esmása ac i osesla
acilidadpa ac ea in e acesadap a i as( esponsi e),ysu acilidaddeexpo aciónaweb,asícomoa
aplicaciónpesadaomó il.Además,ex endíasusposibilidadesencuan oaanimaciónydiseñog á icoyaque
sein eg abacono ashe amien asdeAdobe,comoPho oshopoIllus a o .
Mo o esdejuego.En eellosGameMake (GameMake ,2015),Cons uc 2(Cons uc 2,2015),Uni y(Uni y,
2015),oGameSalad(GameSalad,2015).Losmo o esdejuegosonhe amien asespecí icaspa alac eación
de ideojuegos.No malmen eabs aenunase iede uncionalidadesquepe mi enalosdesa ollado es
cen a seenlalógicadesujuego,sin ene queen en a seal e oquesuponelac eaciónde ísicas,o
implemen acióndelose en osque ienenluga .Facili anel abajohaciendoes e ipodecosasin isiblesa
losp og amado es,loscualessólo ienenquepa ame iza lalógicaycen a seeneldiseño isualyjugable
desusdesa ollos.
Sección3.4. Conclusiones
Enes ecapí ulohemos is olaspla a o masmáscomunesen elaciónadisposi i osmó iles,yalgunas
he amien asquepe mi enalosdesa ollado esc ea juegosoaplicacionesin e ac i aspa aes as
pla a o mas.
Noshemoscen adoeneldesa ollopa aAnd oid,debidoaqueeslapla a o mamáscon enien edadas
nues asci cuns ancias.
Tambiénhemos is omo o esdejuegoysuusoeneldesa ollodejuegosmó iles,ynoscen amosenel
GameMake ,aunquecon esul adosnega i os,como e emosmásadelan e.
Lae olucióndelas ecnologíasesimpo an epa alle a acaboes epaso,po esohemoses udiadolas
pla a o masmásimpo an esylashe amien asmáscomunespa adesa olla enellas.Comopa edees e
es udio,hemosobse ado ambiénel ápidoc ecimien oquees án eniendolosjuegoscons uidoscon
HTML5yJa aSc ip .Enelsiguien ecapí ulo,explo a emosenmayo p o undidadlas ecnologíasy
pla a o masexis en espa aeldesa ollodejuegosenHTML5.
Página36|193
Página37|193
Capí ulo4. HTML5
Enes ecapí ulose e isa ánconcep ualmen elasca ac e ís icasdelaúl imano ma igen edeHTML,
u ilizada an opa alaimplemen acióndejuegoscomopa ael on enddelapla a o ma,p es andoespecial
a enciónalnue oelemen opa adibujodeg á icos,can as,incluidoenes a e sión.
Pa aello,secomenza áconunain oducciónconsis en eenlae olucióndeHTMLdesdesuscomienzos
has aeldíadehoy(37Sección4.1),incluyendolasca ac e ís icasqueapo anJa aSc ip yCSSensu
combinaciónconelmismo.Seguidamen e,seinclui áunhis ó icodecambioslanue a e siónconelúl imo
es ánda obsole oadíadehoy,HTML4(Sección4.2),seguidodeunasecciónqueexplica áelnue o
elemen o,can as,incluidoenlanue a e sión(Sección4.3).Tambiénes udia emosel amewo kBoo s ap,
u ilizadapa aayuda ade ini eles iloenlapáginaweb.Finalmen eenlaSección4.5sep esen a ánlas
p incipales en ajasqueo eceHTML5pa aeldesa ollode ideojuegosyse e mina áelcapí uloconun
apa adodeconclusiones.
Sección4.1. In oducción
HTML(Lenguajedema cacióndeHipe ex o,Hype Tex Ma kupLanguageeninglés)esellenguajede
ma casde ex odemayo u ilizaciónenIn e ne .Noesp opiamen eunlenguajedep og amación,sinoun
sis emadee ique as.Así,nop esen aningúncompilado ,po lo an o en eae o esdesin axis a ade
mos a esul adoenla isualizaciónenluga dema ca ele o co espondien e.
Esc eadoen1986po el ísicoBe ne s‐Lee,basado an oenelconcep odehipe ex oolink,elcualpe mi e
conec a doselemen osen esíyelLenguajeEs ánda deMa caciónGene al(SGML)basadoene ique as
quepe mi ecoloca e ique assob eun ex opa aindica cómose ásu isualización.T as inaliza el
desa ollodesusis emaydespuésdeuni sus ue zasconelingenie odesis emasRobe Cailliau,lo
p esen aaunacon oca o iao ganizadapa adesa olla unsis emadehipe ex opa aIn e ne , esul ando
inalmen elap opues aganado a,llamadaWo ldWideWeb(W3)(Lib osWeb,2015).
Alola godelosañossees anda izaellenguajeHTML espec oaunasno masde inidaspo elWWW
Conso ium(W3C)desde1996,despuésdequeelp ime es ánda o icial(HTML2.0,debidoaqueniHTMLni
su e siónHTML+sondebidamen ees anda izadas)selle eacabopo pa edelo ganismoIETF(In e ne
Enginee ingTaskFo ce)
La e siónde ini i adeles ánda ac ual,HTML5,sepublicaenoc ub ede2014.
Laslimi acionesinicialesdeHTMLp opicianque a iascompañías enganquedesa olla nue oslenguajesy
p og amaspa aag ega nue asca ac e ís icasalawebnosonimplemen adasconan e io idad.Así,algunos
dees osdesa ollossecon ie enenacceso iospopula esypode osos,demane aquesuusoseex iende
en elosdesa ollado esweb.Ja ayFlashsondoscla osejemplos.
Conelpasodelosañosylamasi icacióndeusua iosenla ed,Ja ayFlashempiezanamos a cie as
ca enciasdadasuconcepcióncomocomplemen os(plug‐ins),quep o ocalanoexis enciadecomunicación
oin eg aciónen eaplicacionesydocumen os.
Exis eJa aSc ip ,lenguajein e p e adoincluidoenlosna egado es,quemejo aexpe ienciadelosusua iosy
o o ga uncionalidadalaspáginas.Sinemba go,dadoquenopuede eemplaza uncionalidaddeFlashy/o
Ja a,supopula idadnoesal a,dadoqueJa ayFlashsiguensiendolosúnicoscapacesdeo o ga algunas
uncionesesencialesenlawebcomola ep oducciónde ideo.Así,du an ecie ope iodode iempo,eluso
deJa aSc ip noes ecuen e.
Página38|193
Lamejo adelosna egado esconelpasodel iempop o ocaunamejo in e p e acióndeJa aSc ip .T asun
aumen odeusua iosdela ed,pa ecequeniJa ani ampocoFlash anapode p o ee he amien asque
demandanlasaplicaciones.Toma ue zaJa aSc ip ,siendodeg animpo anciaeneldesa ollodelaweb.
Jun oaHTMLyCSSsecon ie en ápidamen eenlamejo combinaciónpa alae olucióndelaweb( e
Figu a7).
LallegadadeHTML5suponelaes anda ización ealdecadaaspec odelaweb.Cada ecnologíaob ieneun
p opósi ocla o.Así,HTMLp o eeelemen oses uc u ales,CSSseenca gadehace laes uc u au ilizable,
asícomoa ac i aala is ayJa aSc ip dadinamismoype mi econs uccióndeaplicacionesweb
o almen e uncionales.(Gaucha ,2012)
Figu a7:Balancede ecnologíasJa aSc ip ,HTMLyCSSenlaswebmode nas.(99poin s,2010)
Sección4.2. E oluciónhas aHTML5
Lis adee ique asag egadasyu ilidad:
EnHTML5seag egannue ase ique ascon espec oala e siónan e io deles ánda ,HTML4.Lap incipal
no edadeslainse cióndelelemen ocan as,alquededica emosunasubsecciónenes emismocapí uloy
pe mi ec eaciónymodi icacióndeimágenesdinámicamen e,aunquenoeslaúnica.Enla ablaa
con inuaciónselis a án odaslasnue ase ique asag egadas:
Página39|193
Tabla5:E ique asnue asHTML
E ique aU ilidad
<a icle>Decla acon enidocomouna ículoque ienesigni icadopo símismo.
<aside>Decla acon enidoqueno ienemucha elaciónencuan oasigni icadoconel
es odelapágina.
<audio>E ique aes ánda pa ainse a elemen osdeaudio.
<can as>U ilizadopa aimplemen aciónydibujodeg á icoseimágenesden odeuna
página.
<da alis >De ineunalis adeen adas(inpu s)p ede inidas.
<de ails>Especi icade allesqueelusua iopuedeescoge isualiza oesconde .
<dialog>U ilizadopa a ep esen a con e saciones.
<embed>De inelinkaunaaplicaciónex e naoplug‐in.
< igu e>Asociaconuncap ionuncon enidoinc us ado.
< oo e >Con ienein o maciónsob eau o ysusde echos.
<heade >Con ienelacabece adelp og ama.
<ma k>De ine ex o ema cado.
<me e >Rep esen amedidasen angosconocidos.
<na >Rep esen aseccióndelapáginao ien adaana egación.
<ou pu >Indicael ipodesalidaquesep oduci áconlasaccionesdelapágina.
<p og ess>Indicaelp og esoquelle acomple adode e minada a ea.
< uby>No ación uby.
< p>Decidequémos a cuandoelna egado noacep ano ación uby.
Página40|193
< >Explicaelca ac e osup onunciación( e e en eano ación uby).
<sec ion>Indicaseccionesgené icas.
<sou ce>Especi ica a ios ecu sosmul imedia.
< ime>Mues a echaso iempos.
< ideo>E ique aes ánda pa ainse a elemen osdeaudio.
Lis adee ique asobsole asdeHTML4yu ilidad
Algunasdelase ique asacep ablesenHTML4hanpasadoaes a obsole as.Elp incipalmo i oesque
muchasdeellase anu ilizadaspa aes ilosconc e os,pe oelc ecimien oencuan oau ilizaciónyeléxi o
quees á eniendoCSSenlawebhap o ocadoquemuchosnosean ealmen enecesa iosyaqueCSS end á
lamisma uncionalidadquelosmismos.La ablasiguien e e leja odaslase ique asquequeda onobsole as
enlaan igua e sióndeles ánda :
Tabla6:E ique asobsole as espec oala e siónan e io
E ique aU ilidad
<ac onym>De ineunac ónimo.
<apple >De ineunapple .Sus i uidapo embed.
<base on >Especi icacie as uncionespa aeles ilode ex o.Obsole a en ealusodeCSS.
<big>Tex odemayo amaño.P e e ibleelusodeCSS.
<cen e >Cen ael ex o.P e e ibleelusodeCSS.
<di >Lis a í ulosdeundi ec o io.
< on >De inela uen edel ex o.P e e ibleelusodeCSS.
< ame>De ineuna en anapa icula den odel amese .
< amese >De ineunconjun odema cos.
Página41|193
<hg oup>SeañadióaHTML5pe opasóaes a obsole adi ec amen edebidoalusode
heade .
<no ames>U ilizadapa aaquellosna egado esquenosopo abanelusodema cos.
<s>U ilizadapa a ex oi ele an e.
<s ike>Pa a ex o achado.P e e ibleCSS.
< >Da o ma oal ex o.P e e ibleusodeCSS.
<u>Fo ma ode ex osub ayado.P e e ibleCSS.
<xmp>Pa a o ma ode ex op e o ma eado.P e e ibleCSS.
Lis adee ique asmodi icadas
Algunase ique ashancambiadosuu ilizacióndeuna e siónao a,algunamínimamen eman eniendosu
uncionalidad(inpu ),o aspo eléxi odeCSShan is olimi adasu uncionalidad.La ablade odaslas
e ique asmodi icadasseadjun aacon inuación:
Tabla7:E ique aseliminadas
E ique aU ilidad
<a>Aho asolosepe mi esuusocomohype link.
<ci e>Seusacomo í ulodeun abajo, espec oasuan e io usocomoci ación.
<h >Seledaunain e p e aciónsemán icaalsal odelínea.
<i>An añodaba o ma ode ex oencu si a,enlaac ualidadsepuededa o ma o
aunpá a oipo CSS.Seu ilizacomolae ique ap,pe opa apá a osconc e os
quenecesi andi e en eses ilos.
<inpu >Seañadennue osa ibu osenHTML5
<b>An añodaba o ma ode ex oenneg i a,enlaac ualidadsepuededa o ma o
aunpá a oipo CSS.Suu ilizaciónac ualessimila alae ique ai.
Página48|193
Sección5.2. Pla a o masexis en esyconsolidadas.
Acon inuación, amosa ealiza unes udiosob elaspla a o masdemayo epe cusiónsocialqueincluyen
an ojuegoscomo ecompensas/log osenlosmismos.
Empeza emospo lapla a o maS eam,cuyosjuegoses áno ien adosadi e en es o ma osencuan oa
pla a o mas.Pos e io men eanaliza emosdospla a o maso ien adasadi e en es ideoconsolas,comoson
XboxLi e,o ien adaaXboxOneyXbox360,ademásdejuegosdesis emasope a i osMic oso y
Plays a ionNe wo k,o ien adoalasdi e en esconsolasdesa olladaspo Sony, an o adicionales
(PlayS a ion3yPlays a ion4)comopo á iles(Plays a ionPo ableyPlays a ionVi a),pe enecien esalas
úl imasgene acionesde ideoconsolas.Pa aacaba ,sees udia áGooglePlay,o ien adoajuegospa a
pla a o maand oid.
Sees udianés asynoo as,comopuedese lanin endoeShop,po queademásdeo ece losse iciosde
dis ibucióndejuegosdisponen odasellasdeunsis emadelog osenelquenosinspi amosyadap amosa
nues op oyec o,como e emosencapí ulospos e io es.Des aca queen elasquees udiamos,casi odas,
soloaexcepcióndeGooglePlay,es áno ien adasajuegosmul ipla a o ma.
Sección5.2.1. S eam
Figu a12:LogoS eam
S eamesunapla a o madesa olladapo Val eCo po a ionquepe mi ecomunica sealosjugado esde
odoelmundoyo ecese iciosalosusua ios,asícomoadesa ollado es an omayo i a ioscomo
mino i a ios.Elnúme odecuen asac i assees imaen125millones,ydisponedeunamplioca álogode
juegos,cuyonúme oasciendeap oximadamen ea4500(Anand ech,2015).Losp ime osjuegosse
encuen andisponiblesenexclusi apa aelsis emaope a i oWindows.Conelpasodel iempoS eamse
adap aalme cadoydisponeademásde ideojuegosenpla a o masLinux,Mac,iOSyAnd oid.Además,se
c eaunsis emaope a i o,S eamOS,ac ualmen een asebe a,basadoenladis ibuciónDebiandeLinux,y
quese áelsis emaope a i op incipaldelalíneade ideoconsolasS eamMachines,aunquepod áse
ins aladosob ecualquie PC.Elsis emap e endemaximiza el endimien odelosjuegos.
Página49|193
Ca ac e ís icasyse icios
‐ Sedisponedeunsis emadecomunicaciónen eusua ios,disponible an odemane a ex ualcomo
po oz.
‐ Sepe mi eiden i ica losjuegosalosque usamigosomiemb osdeg upoes ánjugando,asícomo
in i a apa idasmul ijugado alosmismosenelcasodequees édisponibledichose iciopa alos
usua ios(algunosjuegoses ánen ocadosalusoindi idualynope mi enelmodomul ijugado )
‐ Val edisponede o osdondelosusua iospuedenopina ohace comen a ios e e en esala
comunidadylosjuegos.
‐ Sedisponedeunse ido pa alabúsquedadepa idasmul ijugado ,demane aqueusua iossin
amigosden odelapla a o maousua iosconamigosdesconec adospuedenjuga con ausua ios
de odoelmundoen odomomen o.Además,sepe mi esob ees osse ido eslac eaciónde
lobbiesconamigosomiemb osdeg upos.
‐ Sedisponedeunse iciodenominadoVal eAn i‐Chea oVACquepe mi e e quéusua ioses án
haciendo ampassob elosjuegospa a epo a losysepuedeimpone sancionesalosmismos.
‐ Losjugado espuedenañadi asubiblio ecajuegosnoincluidosenelca álogodeS eamdemane a
quepuedenaccede aellosdesdelapla a o ma.
‐ Losjuegosnopueden ende seuna ezcomp ados,pe osípuedense egaladosao osusua ios.
Usua iosyLog os
‐ Pa apode accede alosjuegosdisponiblesenelca álogodeS eam,losusua iosdebenes a
egis adosenlapágina.Es ope mi enosóloelaccesoalosjuegos,sino ambiéna odala
comunidadysusse icios.
‐ Sec eapa acadausua iounapáginap opiaquemues asusg upos,susamigos,subiblio ecade
juegosob enidos,susjuegosdeseadosyo asopciones e e en esalapa esocial.Todases as
opcionespuedense con igu adaspa anose isiblespo el es odeusua iossiseconside a
opo uno.
‐ Sepuedenob ene c omospa alosjuegos.Es asdependendeljuegoencues iónyes án
de e minadospo elmismo.Una ezconseguidos odoslosc omospa aunjuego,seconsegui áuna
Insignia(iconoen upe ildeS eam,asociadoa ucuen a,que ep esen acuán osse scomple os
dec omoshasconseguido)(S eamC omosFAQ,2015).Además,sepod ánconsegui Insignias
aco deacie osobje i osdelacomunidadcumpliendoobje i osden odelamisma.Sepod á
isualiza losc omosylasInsigniasdesdeelapa adoconelmismonomb euna eznoshayamos
iden i icadoenlapla a o ma.
‐ Sepe mi ealosusua ioslaiden i icacióndeamigosen eloso osusua ios.Además,sepuede
bloquea ao osusua iosy e aquellosconlosquehasjugado ecien emen e.Todoes oes
accesibledesdelapan alladeamigos.
‐ Esposible o ma g uposque o menpa edelaComunidadS eamdemane aque a iosusua ios
pe enecenadichosg upos.Unusua iopuedepe enece adi e en esg upos.Unusua iopuede
c ea g upososimplemen euni seaung upo,asícomodeja ung upoalquees ása iliado.Es as
ac i idadeses a ándisponiblesdesdelapan alladeg upos.
Página50|193
Figu a13:InsigniasS eam
Figu a14:AmigosS eam
Página51|193
Figu a15:G uposS eam
‐ Sedisponedeuna iendaenlaquelosusua iospuedencomp a juegosoca ac e ís icasque
mejo anlajugabilidad.Den odelamismasepuede ealiza elpagocondi e en esdi isassegúnla
geolocalizacióndelusua io.
Figu a16:Pan allap incipaldeS eam
Página52|193
‐ Elusua ioa anzadeni elaco dealospun osqueconsiguea a ésdelasInsignias.Apa eceelni el
de alladoenlasecciónInsignias,demodoqueseindica áelnúme odepun osquedebeconsegui
elusua iopa allega alsiguien eni el.
Figu a17:Ni elExpe ienciaS eam
‐ Elpe ildeunusua iope mi e e cie asca ac e ís icasdelosusua ios espec oalosjuegos.
Tambiénpe mi e e elni eldelusua ioconmenosde allequelasecciónInsignias.
Figu a18:Ni eldeusua ioS eam
Página53|193
Sección5.2.2. XboxLi e
Figu a19:LogoXboxLi e
XboxLi e(ab e iadamen e,XBL)eselse iciode ideojuegosenlíneadeMic oso .Dasopo ea
ideojuegosenXboxOne,Xbox360yXbox,asícomoa ideojuegosdesussis emasope a i os,Mic oso
WindowsyMic oso Phone.Es ádisponibleen a iosidiomasypaíses.
Losusua iospueden egis a seg a ui amen e,demane aqueob ienenunse iciodenominado“Sil e ”po
Mic oso .Else icio“Gold”o ececie as en ajasalosusua iosacambiodepagodeunasusc ipción
mensualoanual.
Game ageselnomb equeiden i icaalosusua ios.Debedese únicopa acadausua ioy ienehas a15
ca ac e espo nomb e.Además,sep ohíbeelusodepalab asin e nasquepuedan esul a o ensi aspa a
o osusua ios.Ela a a esunaca ac e ización i ual idimensionalyca ica u izadadelosusua ios,
asociadaalagame ag.Game ca deselpaneldein o maciónpa aanaliza elpe ildeusua iodelaXbox
Li edeMic oso .Lagame ca dpe mi een eo ascosasaccede alGame sco e,sis emadeseguimien oy
acumulacióndeachie emen s(log osdelusua io)
Ca ac e ís icasyse icios
‐ Else icioGoldpe mi ejuga ajuegosenmodomul ijugado ,mien asqueelse icioSil e pe mi e
la isualizacióndelasca ac e ís icasdelosusua ios.
‐ Exis echa de ozyde ideoen eusua ios.
‐ Sedisponedeunsis emadeg upos empo alesdehas aochojugado espa a e películasojuga
onlineaunjuego.
‐ Sedisponedeunsis emade ele isiónpa alosusua ios,independien emen edel ipodese icio
asociadoalacuen a.Sinemba go,es á es ingidopo zonasdemane aquees a iableen unción
delageolocalización
Página54|193
‐ (Exclusi oXBOXOne)Capacidaddeg aba “gameplay”(secuenciadejuego)u ilizandolaaplicación
deUploadysuca ac e ís icaDVR(Digi alVideoReco de ).Pa au iliza es aca ac e ís icaes
necesa io ene se icioGold.
‐ (Exclusi oXBOXOne)Reconocimien opo Kinec dela ozpa aaccede alasdis in asaplicaciones
‐ (Exclusi oXBOXOne)Reconocimien o acialpo Kinec pa aaccesoalsis ema.
‐ (Exclusi oXBOXOne)Sis emadeedicióndelosgameplaysp e iamen eg abados.Pa aes oes
necesa iodispone delse icioGold.
Usua iosylog os
‐ El Game sco e es un sis ema de acumulación de pun os que e leja el núme o de
achie emen s que ha acumulado un usua io de Xbox Li e mos ando el núme o de pun os
acumulados. Es os pun os dependen de los achie emen s conseguidos, que ienen
asociados pun os. El Game sco e leja la suma de los pun os o als.
‐ Pa apode accede alapa adosocial,losusua iosdebenes a egis adosenXBoxLi e.Pa aello
deben ene asociadoungame ag.Elgame ageseliden i icado decadausua io,ycon o meaél
seaccedeasugame ca d,lacualincluyea a a ,game sco e, epu acióndeusua ioojuegosalos
queelusua iohajugado ecien emen e.
‐ Losachie emen ses ánasociadosalosjuegosysonlimi adospo losmismos.Sede inenpo los
desa ollado es.Tienenasociadospun osdejuego.
Figu a20:Log osdeusua ioXboxLi e
‐ Elsis emaT ueSkillpe mi ealosusua iosse ecolocadospa aunacompe i i idadsimila en elos
dis in osequiposenjuegosonline,demane aquecadajuegosea ancompe i i ocomoseaposible.
La epu acióndeunusua iodependedelos o osqueo osusua ios ealizansob eellosal
in e ac ua enjuegos,yes isibledesdesugame ca d,jun oasuspun osdejuego o ales.
Página55|193
Figu a21:Repu acióndeunjugado XboxLi e
‐ Sepuedenalmacena amigosdemane aquesepuedehace in e cambiodemensajesconelloso
e suslog os.
Figu a22:AmigosXboxLi e
‐ DesdeXboxGameS o e,la iendadeMic oso ,sepuedeaccede a ideojuegosocon enido
adicionaldelosmismos.
Página56|193
Figu a23:Accesoa ideojuegosycon enidoadicionaldeXboxGameS o e
‐ Losa a a espuedense modi icados.Pe mi encus omizaciónde opa,peinado,géne o, o madel
cue poo asgos aciales.Sepuedecomp a opapa aela a a enla iendadeMic oso .
Figu a24:Pe sonalizacióndepe ilpe sonalenXBOX
‐ Exis eelconcep odeimagendeljugado , ambiénmodi icable,quesedis inguedelconcep ode
a a a enqueesen2dimensiones.Enlaimagenin e io ,queeselgame ca ddeunusua io,se
mues aunejemplodeA a a (elchicoconcascoen3dimensiones)y a iosejemplosdeimagende
jugado enlosamigos.
Página57|193
Figu a25:Imagendeljugado XboxLi e
Sección5.2.3. Plays a ionNe wo k
Figu a26:LogoPlayS a ionNe wo k
Eslapla a o madese iciosmul ijugado queponeSonyCompu e En e ainmen alse iciodelosusua ios
desussis emasPlays a ion3,Plays a ion4,PsVi ayPlayS a ionPo able.Su geen2006pa adesca gade
juegosenPlays a ion3yPSP.
Ca ac e ís icasyse icios
‐ C eacióndepa idasmul ijugado .Pa aello,adi e enciadeXBOXLi e,nosenecesi adispone de
unse icioespecial,sinoque odousua iopuedec ea la.
‐ Cha sde ozyde ex oen elosusua ios.Pe mi elain e acciónen elosusua iosdelsis ema
Página64|193
Figu a36:Pun osdeXPdeGooglePlayGames
Sección5.3. Resumenyadap aciónalp oyec o
T aseles udio ealizadodelasdi e en espla a o mas,seobse aque odas ienenencomúnuna
implan acióndelog os.Es opuedese debidoalimpac oque ienensob elamo i aciónqueob ieneun
usua ioalaho adejuga ,yaqueamedidaqueseconsiguenlasinsignias,seconsiguenlog ospe sonales
pa acadausua io.Conside amos i allamo i aciónpa aunes udian e,conloquealamo i aciónales udio
queseconsiguemien assejuega,seleañadeunamo i aciónex adeob ene log ospe sonales.Es os
log ospe sonalesasu ez,implicanqueunusua ioob ieneconocimien o.Pa aunjuegoeduca i o,las
insigniassonunaliadodoblepa aelusua ioyaqueconsiguealapa es osdoselemen osesencialespa ael
p og esodeles udian e,yanomb ados,quesonelconocimien oylamo i ación.
Ningúnsis emadelog osesigualpa adospla a o massepa adas.Despuésdeles udiodelasdi e en es
implemen aciones,adop amosunamane asimila alaimplemen acióndeMic oso (XboxLi e)basadaen
asocia pun osasusachie emen s.Además,decidimosimplemen a algunasdelasca ac e ís icasdeés as
enunanue apla a o macompues anosólopo los ideojuegos,sinoasu ezpo unapáginawebdeacceso
alosmismosyunse ido quealmacenebasededa osdeinsigniasob enibles,usua iosyse icios.Enel
capí ulosiguien esehabla ádelasdi e en espa esdelapla a o mayde odoslosse iciosysis emasde
ges ióndeusua ios,g uposeinsignias.
Página65|193
BloqueII
Desc ipcióndel
sis ema
Página66|193
Página67|193
Capí ulo6. Elsis emaOlimpiadaFDI
Una ezseha isualizadoelp oblemayhemosanalizadolasca ac e ís icasdelossis emasimplemen ados
enlosquenos amosainspi a ,dedica emoses ecapí uloaladesc ipcióngene aldelasoluciónp opues a.
Laes uc u adees ecapí uloes a á o madapo unadesc ipciónglobaldelsis emaamododein oducción,
pa apos e io men eanaliza concep ualmen esuspa espo sepa ado,en elasqueseencuen anla
in aes uc u adese iciosbackend,lapáginawebo ien adaausua iosylosjuegos.
An esdeen a enma e ia,ypa aen ende las elacionesen elasdi e en espa esdelsis ema,amodode
in oducción, amosaexplica inicialmen eloquenues apla a o maen iendepo insignia.
Unainsigniaesunlog oob enidopo unjugado pa aunjuegoconc e o,de inidapo eljuego,aco deala
consecucióndeunobje i ouobje i osde e minados.Enlaimplemen acióndeunainsigniaennues o
sis ema,unainsignia ieneasociadosunospun os,queseasignanalusua iodemane aqueamayo
pun uaciónob enidamásal oseencon a áenlosdis in os ankings.
Elnomb ees áinspi adoenelcampus i ualdelaUni e sidadComplu ensedeMad id,quepe mi easigna
alasasigna u asinsigniasqueunalumnopuedeob ene en uncióndeloslog osob enidosenuna
asigna u a.
Sehaninco po adoinsigniasanues osis ema,siguiendolosmodelosdelaspla a o masmul ijugado más
conocidas,conlossiguien esobje i os:
‐ Añadi uncióndemul ijugado alapla a o ma,implemen andounsis emade ankingsyap obado
po o aspla a o masdeéxi ocon as ado.
‐ Apo edejugabilidadyen e enimien oal ene obje i oscla os.
‐ Nexodeuniónconelcampus i ualdelaUni e sidadComplu ensedeMad id,demane aquela
ob encióndeinsigniaspod íasupone ob encióndeinsigniadelcampus(es osecomen a áen
abajo u u o)
Página68|193
Sección6.1. Desc ipcióngene al
Figu a37:Desc ipcióngene aldelsis emadeOlimpiadaFDI
OlimpiadaFDIsecomponede espa es undamen ales:
‐ Unpo alpa aencon a losjuegosdeOlimpiadaFDI, e laspun uacionesyhace unseguimien ode
lasinsigniasdelosusua ios.
‐ Unbackenddese iciosRESTpa alages ióndeusua ioseinsignias.
‐ Unasui edejuegosamododeimplemen acionesde e e encia, ealizadoscondis in as ecnologías
ycen adosendis in asma e ias.
Todoses oselemen os o manunanue apla a o mamul ijugado pa ajuegoseduca i osdi e sos,con
se iciossimila esalosdelaspla a o masdesc i asenelCapí ulo5.Aligualqueendichaspla a o mas,el
obje i oesquedis in osdesa ollado espuedanhace susp opiosjuegoscompa iblesconlapla a o ma
OlimpiadaFDI.
Así,elp oyec o ienecomonúcleoelbackenddese iciosREST.Es ebackendeselqueges ionalaslis asde
usua ios,lle alacuen adelasinsigniasdisponiblesencadajuego,ges ionalaasignacióndeinsigniasacada
usua io,almacenalosg uposypun uacionesdecadausua ioy,engene al,ges ionalalógicadelas
compe icioneseinsignias.
Página69|193
Es ebackendo ecese iciosquees ándiseñadospa ase usados an opo losjuegoscomopo elpo alde
OlimpiadaFDI.Elpo alpe mi ealosusua ios egis a se,encon a losjuegos, o ma losg uposy e los
pe ilesdecadausua ioconsuspun uaciones,ni eldeexpe ienciaeinsignias ecibidas.Elpo alesla o ma
más isibledein e acción,pe o odaslasope aciones ealizadasenelpo alse egis anenelbackenda
a ésdelosse iciosweb.Enlap ác ica,es ope mi i íaunmodelosimila aldelse icioS eam(Sección
5.2),quepe mi ein e ac ua indis in amen ea a ésdelawebdeS eamodeaplicacionesdesa olladas
pa alasdis in aspla a o mas(Windows,OSX,Linux,iOSyAnd oid).
Asu ez,elbackendo ien adoase icios ambiénpe mi equelosjuegossecomuniquenconelse ido
pa ain e cambia in o macióndeusua ios(e.g.login)ypa ano i ica cuándounjugado consigueuna
insigniaconc e a.Alse unaAPIdese iciosRESTabie a,losdesa ollado essimplemen e end íanque
hace susjuegoscompa iblescones aAPIpa apode egis a badgesennues osis ema.
Pa aejempli ica es emodelo,hemosdesa ollado ambiénunconjun odejuegos,implemen adoscon
dis in as ecnologíasyen oques,pa aejempli ica comonues ain aes uc u apod íada sopo eaun
ecosis emadejuegosmuy a iadosendis in aspla a o mas.
Enlasp óximasseccionessedesc ibenmása ondoes os escomponen esp incipalesdelp oyec o
OlimpiadaFDI(elbackend,elpo aldejuegosyelconjun odejuegosdesa olladoscomoimplemen aciónde
e e encia).
Sección6.2. APIspa ages ióndeinsignias
Pa alapa edeinsigniashemosc eadounaAPIquenosayudaages iona las, a a lasymos a las.
Comopa edeges ión enemos6mé odosquenospe mi en:
Tabla8:Mé odosdelaAPIdeges ióndeInsignias
Mé odoB e edesc ipción
Inse a usua ioInse aunusua ioenbasededa os(c ea usua io)
Inse a insigniaInse aunainsigniaenbasededa os(c ea insignia)
Inse a g upoInse aung upoenbasededa os(c ea ung upo)
Asigna insigniaausua ioAsignaunainsigniayac eadaaunusua ioyac eado
Asigna usua ioag upoAsignaunusua ioyac eadoaung upoyac eado
Bo a usua iodeg upoBo aunusua iope enecien eaung upo
Conellospodemos a a odolo elacionadoconlac eacióndeusua ios,insigniasyg uposylasposibles
elacionesen eellos.
Página70|193
Pa alaimplemen acióndelawebylasu ilidadesqueo eceexis en7mé odosquenoso ecenlas
siguien es uncionalidades:
Tabla9:Mé odospa alaAPIdelasu ilidadesdelapáginaweb
Mé odoB e edesc ipción
Loginusua ioPe mi econunusua ioysucon aseñahace login
Ob ene insigniasdeusua ioRecibeunnomb edeusua ioyde uel eunalis aconsus
insignias
Ob ene pun osdeinsigniasdeusua ioRecibeunnomb edeusua ioyde uel elasumadelospun os
desusinsignias
Ob ene g upopo nomb edeusua ioRecibeunnomb edeusua ioyde uel eeliddelg upoalque
pe enece
Ob ene usua iospe enecien esaun
g upo
Recibeeliddeung upoyde uel elosnomb esdelosusua ios
pe enecien esael
Ob ene odoslosg uposNo ecibepa áme osyde uel e odoslosg uposexis en esen
basededa os
Ob ene odoslosusua iosNo ecibepa áme osyde uel e odoslosusua ios
pe enecien esenbasededa os
Es onospe mi edeja accede aunusua ioalaweb,yuna ezden omos a le odalain o maciónque
solici e elacionadaconlasinsigniasylosg upos.
Con odoses osmé odosconseguimosla uncionalidadbuscadaenlain aes uc u ayenlapáginaweb.
Todosellosseencuen andisponiblesa a ésdelasu lsde alladasenelanexo.
Sección6.3. Po aldeOlimpiadaFDI
Sienelapa adoan e io hemosenume adoalgunosdelosse iciosqueo ecelapla a o mamedian esu
back‐end,elusua iodebese capazdeaccede alosmismos.Pa aello,sedesa ollaun on ‐endconelque
elusua ioin e ac úa.Elusua iosepuedecomunica demane adi ec aconunpo alqueasu ezse
elacionadi ec amen econlosjuegos,lanzándolos;yconelback‐endpo mediodese iciosREST.
Noescondiciónnecesa iapa aelaccesoalosjuegosqueelusua ioaccedaalpo al.Sinemba go,síloes
pa aaccede alag anmayo íadesusse icios.Pa aelaccesoalpo al,esnecesa ioqueelusua iose
egis e.
Página71|193
Den odelpo al,sepuedeaccede ala isualizacióndelasinsignias,ala isualizacióndeg uposdeusua ios
y ankings an odeusua ioscomodeg upos.Ademásdees o,exis elaposibilidaddeaccede aalgunos
juegosdisponiblespa alapla a o maenlaquenosencon emos.Pa aés as,see ec úaunadi e enciación
demane aqueaco dealapla a o maenlaquenosencon emos,la isualizacióndelpo alse ádi e en e,
en uncióndel amañodelapan allaquesees éu ilizando.
Funcionalidadde allada
Enes asecciónseenume anlasposibilidadesqueo eceelpo al
‐ Regis oenlaaplicación:Esnecesa iopa aelaccesoal es odelosse icioseles a egis ado
den odelaaplicación.
Figu a38:Regis oenlaaplicacióna a ésdelapáginaweb
Seincluyeel egis oenlapo adadelpo al,pa a acili a alosusua ioselmismo.
‐ Iden i icacióndeusua io:Losusua iosseco espondenaunid.Cadausua io ieneasignadauna
con aseñaquepe mi esuiden i icación.És asepidejun oasunomb edeusua iodesdelapo ada
delpo al.Pa aeliniciodelasesión,quepe mi eelaccesoalosse iciosgene alesdelsis ema,se
debeninse a ambosenlaba asupe io .
Figu a39:Logindelapáginaweb
‐ Accesoajuegos:Alinicia lasesión,enlapáginadeinicio,selis anlosjuegosalosqueesposible
juga (quepod íanse dependien esdelapla a o maenlaquenosencon emos).
Página72|193
Figu a40:Accesoajuegosdesdelapáginaweb
‐ C eacióndeg upos:Sielusua ionope eneceaung upo,selepe mi elaopcióndec ea sup opio
g upo,enelquequedainse adopo de ec oalins an edesuc eación.
Figu a41:C eacióndeg uposdesdelapáginaweb
Página73|193
Ales a enung upo,semodi icalaba ala e al,demane aquepe mi aalusua iosali delg upo
enqueseencuen aynope mi ac ea o og upo(unusua iosolopuedepe enece aung upo)
Figu a42:Ba ala e aldelaweb
‐ Sali delg upo:Pa aes ese iciosepidelacon i macióndelusua io
Página80|193
Acon inuación,nosapa ece ála en anap incipalenlaquesedesa olla á odoeljuego(Figu a51).Cons a
de espa es:
∙
Leyenda(pa eizquie da),dondenosapa ece ácuálessonlosseisdis in os iposdep egun as
posibles.
∙
Time (pa esupe io de echa)conunacuen aa ásquecomienzaconun alo iguala60segundos.
∙
Panel(pa ein e io de echa)dondeapa ece ánlassucesi asp egun asconsusco espondien es
espues as.
Figu a51:Ven anap incipaldeljuegoQuick es pa aaplicacióndeesc i o io
Elusua iopulsa ála espues aquec eaco ec aencadacaso.Noapa ece áunanue ap egun ahas aque
se espondaco ec amen ealap egun aac ual.Sielusua ioconsigueace a ensup ime in en ose
con abiliza áunacie onosiendoasísise equie edemásin en os.Eljuegocon inua ásucu sohas aquela
cuen aa ásllegueasu inohayanapa ecidoysehayancon es adounmáximode10p egun as.
Finalmen e,como emosenlaFigu a52,elusua iopod á isualiza unpequeño esumendelas
insigniasquehaob enidoenlapa ida.
Página81|193
Figu a52:Feedbackdelasinsigniasob enidaseneljuegoQuick es pa aaplicacióndeesc i o io
And oid:
Alcomenza laaplicación,elusua io isualiza álapan alla(enAnd oidsellamanAc i i ies)delogin,donde
pod áinse a sunomb edecuen aycon aseña.
Figu a53:InicioQuickTes enAnd oid
Página82|193
Enesamismapan alla,siseac i ael ecuad ode“Reco da losde allesdemicuen a”,segua da ánlos
da osdelacuen a(nickycon aseña)enlamemo iain e nadel elé ono;delocon a io,sebo a án.
T ases o,semos a áalusua ioelmenúp incipal,desdedondepod ácomenza unanue apa ida, e isa
lapun uación,osali delaaplicación.
Figu a54:MenúQuickTes enAnd oid
Laúl imaopciónes i ial,laaplicaciónsecie a asunb e emensajededespedida.Lasegundaopción,la
depun uación,mos a álain o macióndelaúl imapa ida,yca ga álasinsigniasque engadesbloqueadas
enesemomen oeljugado .
Página83|193
Figu a55:Pun uaciónúl imapa idaQuickTes enAnd oid
Laopcióndecomenza pa idainicia áunnue ojuego.
Figu a56:Pa idaQuickTes enAnd oid
Página84|193
Elp ocesoasegui essimple,lasp egun assei ánsucediendouna aso a,has aunmáximode10ohas a
queel iempollegueasulími e.T ascada espues a,secomunica áalusua iosiseha espondido
co ec amen eono.Sisecumplenlascondiciones,ysedesbloqueaunainsignia, ambiénsecomunica áal
usua ioeneseins an e.T as inaliza lapa idasemues aalusua iolapan alladepun uaciones.
AplicaciónWeb:
Alclica enlawebsob equick es ,comienzaelcon ado abaja desdelos60segundosylasp egun asa
apa ece .Cabe esal a quenonecesi adeunlogindadoqueseman ienelasesióniniciadaenelpo al.En
odomomen osepuedeobse a lapun uaciónob enida,asícomoel iempo es an e.Cadap egun a iene
cua o espues asposibles.Lap egun asedi e enciadelas espues aspo elcolo de ondoazul,po el
ama illodelas espues as.
Figu a57:Vis adelasp egun asenaplicaciónWeb
T as inaliza unapa ida,ob enemosun esumenqueincluye,ademásdeliddelusua io,las espues as
ace adasdecadaca ego ía,el iempo es an e,lapun uaciónob enidaylasinsigniasob enidasenla
i e ación.Además, ieneenlacespa a ol e ajuga unapa idao ol e alapáginap incipal.
Página85|193
Figu a58:Resul adoQuickTes enaplicaciónweb
Sección7.2. T i ial
Disponibilidad:Aplicacióndeesc i o ioyaplicaciónweb.
De inición:Eljuego a ade esponde unmayo núme odep egun asposiblesden odeunde e minado
cuan ode iempo.Enes ecasonose ácomoenun i ialcon encionalenelquecompi escon ao o
jugado sinoqueaho aconsis eenen en a seunomismoaunase iedep egun asacon a eloj.
Desa ollodeljuego:
In en a emossimula un able ocondis in ascasillasdeseis iposdep egun asdi e en es,o ascasillasde
epe icióndelanzamien odeldadoyunaespecial,lacasillacen al.Lossal osen ecasillasdepende ándel
lanzamien odeundado.Elmo imien odeldadodesencadena áun ipodep egun auo a elacionadacon
asigna u asdenues aca e adeseisca ego íasdi e en es,queenp incipiose án:
‐ P og amación(ma ón)
‐ Ingenie íadelso wa e(ama illo)
‐ Basesdeda os(azul)
‐ Redes(na anja)
‐ Sis emasope a i os( osa)
‐ Compu ado es( e de)
Una ezeljuegonoshaa isadosob equéasigna u aes á elacionadalap egun a,és aapa ece áyno
desapa ece áhas aquehayamoscon es ado.Independien emen edesila espues ahasidoco ec ao
e ónea,elp ocesoquesesegui áse ásiemp eelmismo.
Selle a áelcuan odeun elojqueinicialmen e end ácomo iempomáximo180segundos,dec emen ando
con inuamen e.Noseha ánbonuseneljuegodemane aqueaumen eodisminuyalacan idadde
segundos.
Alcon es a alasp egun as.sea isa áaljugado desihaace adoonopo la espues ama cada, ol iendo
alanza eldadoindependien emen edelacie oo allodelamisma.
Página86|193
Encasodeace a ,selle a áunapun uación(lacualob iamen ealiniciodelapa idase á0)que
aumen a ásiguiendolassiguien escondiciones:
P egun ano mal:suma1pun o
P egun adequeso:suma2pun os
P egun acen al:suma3pun os(es oesdebidoaquelap egun acen alno ieneca ego íaypuedese
decualquie ipodeasigna u a)
Al inaliza ,semos a áunapan allaconlasinsigniasquehalog adoeljugado du an esupa ida.Es as
insigniasse án ambiénalmacenadasenlabasededa osenelcasodequeeljugado nolas u ie a.
Insigniasob enibles
Elnúme odecadainsignia ep esen aasuidenlabasededa osdeinsignias(de inidaenelcapí ulodel
se ido )
Tabla11:InsigniasT i ial
IDNOMBREDESCRIPCIONPUNTOS
101PREMIO!Gana unqueso 50
102VAYARACHA5p egun asseguidas200
103AMOYSEÑOR10p egun asseguidas 500
104ALAZARacie alacasilladelcen o 50
105RATÓNConsigue odoslosquesos300
106PUNTOSConsegui másde30pun os 100
Ejemplosdepa ida:
Aplicacióndeesc i o io:
EljuegodelT i ial ueelsegundojuegoqueimplemen amosenes a ecnología.Lapa equese e ie e an o
allogincomoala edi ecciónalapáginawebpa a egis a unnue ousua io, uncionadeigualmane aque
enlosdemásjuegosimplemen adosenJa ape o ieneunaspec odi e en e( éaseFigu a59).
Página87|193
Figu a59:Ven anadeLogindeljuegoT i ialpa aaplicacióndeesc i o io
An esdecomenza eljuego,hayuna en anainicialenlaque end emosunapequeñap esen ación isual
deljuegoyenlaquedecidi emossisali oempeza de ini i amen elapa ida.
Figu a60:Ven anainicialdeljuegoT i ialpa aaplicacióndeesc i o io
Página88|193
La en anap incipaldejuego,aligualqueenelQuickTes ,secomponede essubpaneles(Figu a61).Cada
unodeellos ienelasiguien e inalidad:
∙
Leyenda(pa eizquie da),queenes ecasoademásdeapa ece noscuálessonlosseisdis in os
iposdep egun asyelcolo delacasillaconelquees án elacionados, end emosunaimagen
es á icadel able oconcadaunadesuscasillasma cadas, an osisoncasillasno males(consu
espec i anume ación)comosisoncasillasconp emio.
∙
Time (pa esupe io de echa)conunacuen aa ásquecomienzaconun alo de180segundosy
quecomenza áenelmomen oenelque i emoslosdadospo p ime a ez.Inicialmen e,pod emos
isualiza odala en anadejuegoyés enocomenza áhas aqueasíloindiquemos(Ven ana
eme gen epa apode i a losdados).
∙
Paneldep egun as(pa ein e io de echa)dondeapa ece ánlassucesi asp egun asconsus
co espondien es espues as.Inclusi e, end emosen odomomen oun eedbackdecuáles
nues apun uaciónac ualyelnúme o an odep egun ascomode espues asace adas.
Au omá icamen edespuésde i a losdados,eljuegocomenza áyseac ualiza án odoslosda os
pe inen es.Lacon inuacióndeljuegoqueda áalaespe adequeelusua ioelijaunaposible u u acasilla
des inog aciasaunpequeñocomboBoxeme gen e.
Figu a61:Ven anap incipaldeljuegoT i ialpa aaplicacióndeesc i o ioI
Una ez ealizadadichaelección,apa ece áenelpanelin e io unap egun adel ipoqueseco espondecon
lacasillaalaquenoshemosmo ido.Encasodeace a lap egun aseac ualiza án ambiénlosma cado es
opo unos(silap egun a eníap emio, e emosquenues ocasille odequesosseinc emen a)yal
Página89|193
con a ioqueeneljuegoan e io ,sila espues aelegidahasidoe óneasecon inua áconelbucledeljuego
sincon abiliza nidec emen a lospun os(Figu a62).
Figu a62:Ven anap incipaldeljuegoT i ialpa aaplicacióndeesc i o ioII
Po úl imo,cuandoel iempo inalice end emoslaopcióndecon es a únicamen eaunap egun amás.
Inmedia amen edespués,eljuego inaliza áysemos a áuna en anaconelpequeño esumendeInsignias
ob enidasdu an elapa ida.
AplicaciónWeb:
Secomenza áenel able oconuncuan ode iempode200segundos.Pa aa anza ,debeclica seenel
dado.
Página96|193
Elp ocesoasegui eselsiguien e:Semues aalusua ioun agmen odecódigoenunpseudolenguaje
pa ecidoalqueseenseñaenlaasigna u aEs uc u adeDa osyAlgo i mos;yelusua iodebe áencon a
los allosdelmismo,seleccionandolaslíneasquec eae óneas.Cuandoc eahabe e minado(lose o es
o alessemues anenelenunciado),pulsaelbo óncomp oba .Sisecumplenlascondiciones,yse
desbloqueaunainsignia, ambiénsecomunica áalusua ioenesemismoins an e.
T as inaliza lapa idasemues aalusua iolapan alladepun uaciones.
Sección7.4. Hacke boy
Disponibilidad:aplicaciónweb
De inición:Eljuego a adeap ende aman ene lasegu idaddesis emasin o má icosde o ma eó ica,y
ap ende adi e encia en elasdis in asamenazas.Elusua ioa a ésdeni elescondi e en edi icul adi á
eco iendouna ed.Sei ánob eniendopun osamedidaquea anzalai e acióndeljuego,ycon espec oa
losmismosyadi e en esobje i ossei ánob eniendoinsignias.
Desa ollodeljuego:Eljugado comenza áenuna edque,inicialmen e,no ieneamenazaalgunacolocada.
Toda ezquecomienzalai e aciónal ededo delascasillas,lasamenazaspuedenapa ece alaza en u nos
de e minados.Enes epe iodosepe mi i ácomp a obje osycoloca losendis in osapa adosdela ed.Se
pod áa anza en epan allaspa acoloca losdis in osobje oscomp adosenlasdi e en escasillasdel
juego.Losobje oscomp adoses a ánlimi adospo elp esupues oinicial.
Elmapaes a ácompues opo Ncasillas,siendoNelnúme odesub edesque end emosquep o ege .Se
pod ásal a en esub edes,median e lechas(c i e ioescogidodebidoaloin ui i oquepuedese ypo se
unclásicomé ododemo imien oen ideojuegosdepla a o mas).En odomomen osepod áaccede aun
mapaquemos a á odaslassub edesyencualnosencon amos.
Den odecadaunadelassub edespod emosllega a e laexis enciaoausenciadeamenazasdelasub ed
indi idualenquenosencon amos.Es asamenazaspuedenapa ece alaza .
Dependiendodelasmismas,see ec ua ánmedidaspa aelimina las.Lalocalizacióndeamenazaspe mi i áal
usua ioap ende elconcep odelogdeunsis ema.
Amedidaqueseeliminenamenazas,nues oje edeemp esanosen ega ádine oquepod emosu iliza
pa acomp a nue oselemen osdede ensa.
Lospun ossepod ánconsegui :
‐ Comp andoelemen osdede ensamedian edine o(és esólose áob eniblemedian e e ibución
delje e)
‐ Eliminandoamenazas.
Segúnse ayanconsiguiendodi e en esobje i os,seob end áninsignias,quese ánlasquepos e io men e
pe mi ansuma pun osyaumen a el anking.
Lasamenazasapa ece ánenmayo omeno medidaen uncióndelni elenelquenosencon emos.
Selle a áuncon ado demane aquecuandoés ellegueace oacaba álapa ida.
Ca ac e ís icasespecí icasdelni el ácil:
Página97|193
‐ Nosedis ingueen e iposdeamenazas.Sepuedenencon a gusanoso oyanospe onose
di e encian.
‐ Sedisponedeuna iendaquepe mi ecomp a i ewalloan i i usdedis in osni eles.
‐ Los i ewallpod ánbloquea elmalwa een an e.
‐ Losan i i uspod ánde ec a gusanosy/o oyanos.
‐ Segene amalwa ecada5mo imien os.
‐ Logs ensiexis emalwa eaunquenosehayain o madodesdeelan i i us
‐ Las edesse ánde3x3,ydisponibleunmapaenelqueseobse adóndees ásen odomomen o.
Ca ac e ís icasespecí icasdelni elmedio:
‐ Sedis ingueen e iposdeamenazas.Sepuedenencon a gusanoso oyanosysedi e encianen
quelosgusanospuedenau o eplica seeno asmáquinas.
‐ Sedisponedeuna iendaquepe mi ecomp a i ewalloan i i usdedis in osni eles.
‐ Los i ewallpod ánbloquea elmalwa een an e.
‐ Losan i i uspod ánde ec a gusanosy/o oyanos.
‐ Logssoloin o mandemalwa esisehagene adolain o maciónpo mediodean i i us.
‐ Sepod áhace unamoni o izaciónmanualdemane aquesemues enlosgusanosy oyanos.
‐ Segene amalwa ecada4mo imien os.
‐ Las edesse ánde4x4,ydisponibleunmapaenelqueseobse adóndees ásen odomomen o.
Ca ac e ís icasespecí icasdelni eldi ícil:
‐ Sedis ingueen e iposdeamenazas.Sepuedenencon a gusanoso oyanosysedi e encianen
quelosgusanospuedenau o eplica seeno asmáquinas.Además,mayo núme odeamenazas.
A aquessmu ,DoSalmenos,escaneodepue os?.(po e implemen ación inal)
‐ Segene a ánin o mesdeincidenciasamedidaquesea anzaeneljuego.
‐ Sedisponedeuna iendaquepe mi ecomp a i ewalloan i i usdedis in osni eles.
‐ Los i ewallpod ánbloquea elmalwa een an e.
‐ Losan i i uspod ánde ec a gusanosy/o oyanos,conmuchameno e icienciaqueeno os
ni eles.
‐ Segene amalwa ecada3mo imien os.
‐ Las edesse ánde5x5,ydisponibleunmapaenelqueseobse adondees asen odomomen o.
Insigniasob enibles:
Tabla13:Insigniaspa aHacke Boy
IDNOMBREDESCRIPCIONPUNTOS
201NOOBHACKER Consiguemásde300pun osenni el
ácil
50
202EMPEZANDOAHACKEARConsiguemásde500pun osenni el
medio
100
Página98|193
203NEOConsigue1000pun osenni eldi ícil200
204CAZAALPITUFO Consiguede ene aunpi u oenun
a aquesmu
50
205PISAGUSANOSDesac i aun i usqueya ehan
me ido
100
206THEWALLConsigueque usco a uegosbloquee
á iconodeseado
100
207INFILTRADODesac i aalgún oyano 150
208TUSPRIMEROSPASOSMi aenlogs,ins au aco a uegos100
Ejemplodepa ida:
Figu a72:Hacke Boy(1)
Página99|193
Secomienzaenlacasilla1‐1 espec oaldi e en enúme odecasillas.Amedidaqueeljugado clicasob elas
lechas e des,a anzapo lasdis in ascasillas.Soloapa ece ánlas lechasdelascasillasaccesibles.
Figu a73:Hacke Boy(2)
Sielusua ionecesi alocaliza seden odeljuego,puedeconsul a en odomomen olaposiciónenlaquese
encuen apulsandoenelmapa(imagensi uadaenlaesquinasupe io de echa)
Figu a74:Hacke Boy(3)
Página100|193
Clicandosob eelbo óndela ienda(esquinain e io izquie da)elusua iopuedeaccede alapan allade
iendaycomp a ins umen osdede ensa en eaposiblesamenazas.Elusua iodebepaga po ellasconel
dine oque ieneaco dealosp ecioses ablecidosenla ienda.
Figu a75:Hacke Boy(4)
Lacomp aseasociaalacasillaenlaqueseencuen e.
Pulsandoelbo ónlog(bo ónin e io de echa)sepuedenobse a lasamenazasden odelacasilla
localizada.
Página101|193
Figu a76:Hacke Boy(5)
Figu a77:Hacke Boy(6)
Enelcasodepulsa elbo óna egla amenazas,si uadoalade echadelaimagendelin es igado cen alde
lapan alla,exis endosopciones:Casodequeexis aunaamenazaelusua ioeliminalaamenaza,conun
mensajeindica i odelasi uación.
Página102|193
Figu a78:Hacke Boy(7)
Encasodenoexis i dichasamenazas,po nohabe mi adoellogdondedebíain o ma sedebidamen e,el
usua iopie depun os,aloquesea isaconelco espondien emensajeindica i o.
Figu a79:Hacke Boy(8)
Página103|193
Finalmen ecuandoseacabael iempo,se ecibein o maciónsob elasinsigniasob enidasdu an elapa ida.
Sección7.5. Bad abbi sdieha d!
De iniciónJuegoo ien adoalaenseñanzadelap og amaciónconpa alelismoen elaaplicaciónylas
p opiedadesdelap og amación.Po mediodedis in aspan allasse a a ándeenseña algunosconcep os
básicosdelap og amación,po ejemplo:
‐ Va iablesy ipos
‐ Reco ds
‐ Funcionesconysinpa áme os
‐ A ays,ma ices
‐ Sen enciasi ,bucles
Encadaunadelaspan allassedebeconsegui e i a lamue edelosconejosmedian eusodehe amien as
inhe en esalapan allaquesimulanelemen osca ac e ís icosdelap og amación.See i aelusodecódigo
dadoquees áo ien adonoaap ende unlenguajedep og amaciónsinolosconcep osbásicosdelamisma.
Desa ollo:Inicialmen e,elusua ioelegi áelni elquequie ejuga .
Cadapan alla/ni el ienenencomún:
1) Somosunconejoconcapacidadlimi adadehace magia.
2) Posibilidaddemo i po pa edelconejo.
Elobje i odecadapan allaese i a lamue edelconejo.En odomomen ohayunbo óndeabandonode
mane aqueelconejosesuicida.Elobje i odees ebo óneseldeda pun ode e o noenelmomen oenel
quelamagiasehaago adopo pa edelosconejos.
Exis enexplicacionesencadapan allademane aquecuandounjugado nosepaunconcep opueda
isualiza las,oap endalos iposdeconju osquesabeelconejoalquein en a emossal a ,po loquese á
necesa iodocumen a seencadani el.Es adocumen aciónnose áenningúncasoex ensaenningunode
losni eles.
Laposibilidaddehace magiaan esdequeseago esimulaunac odep og amación,comosisees u iese
implemen andouna unciónalaqueelusua io ijalos alo esdelospa áme os,demane aquesepuedan
ob ene esul ados an oposi i oscomonega i ospa aelconejodelaaccióndehace magia.
Insignias
Tabla14:InsigniasBadRabbi sdieha d
IDNOMBREDESCRIPCIÓN PUNTOS
301DOMINAVARIABLESgene a usp ime as a iables 100
302DOMINAFUNCIONESgene a usp ime as unciones100
Página104|193
303SUICIDApe de a ecesnoes anmalo50
304IFdominasen enciasi 100
305LOOPYLOOPgene a usbucles150
306ARRAYdominaa ays 100
307MAGICIANacabaunni el50
3081BY1acabaelmodohis o ia 450
309MENDELdominahe encia200
Ejemplodepa ida:
Elusua ioseencuen ainicialmen eenunasi uaciónenlaquecabelaposibilidaddequeunoo a ios
conejosdispe sospo lapan allapuedenmo i .Elobje i oessal a los.En odomomen o iene esbo ones
condi e en esopciones,ins ucciones, endi seohace magia.
Figu a80:BadRabbi sdieha d
Página105|193
Amenosqueelusua iohayajugadoalni elenelqueseencuen a,se ecomiendaqueinicialmen esepulse
elbo óndeIns uccionespa alocaliza obje i osdelni el.
Figu a81:BadRabbi sdieha d
Enelmomen oenquelosusua iosse inden,losconejosnosob e i en.
Figu a82:BadRabbi sdieha d
Enelcasodeusa lamagiapuedenda se esdi e en essi uaciones.Lap ime adeellas,quelamagiaes é
malejecu ada.Endichocaso,losusua iosnosob e i en.
Página112|193
Página113|193
BloqueIII
De allesde
implemen ación
Página114|193
Página115|193
Capí ulo8. Implemen ación:In aes uc u ade
se iciosbackend
Enes ecapí ulo a a emoslaimplemen acióndelse ido y odoslo elacionadoconelmismo.
Comenza emoshablandodelse ido ylacon igu ación ealizadapa aeldesa ollodelp oyec o.A
con inuaciónpasa emosahabla delas ecnologíasu ilizadas,ylosmo i osdelasdecisiones omadas.
Finalmen ehabla emosdelabasededa osu ilizadapa alape sis enciadelse ido , e minandopo da
unab e eexplicacióndelaes uc u au ilizadaconlasimágenesdelabasededa osylas ablasc eadas.
Laa qui ec u au ilizadaesclien e‐se ido .Enes aa qui ec u apodemosdi e encia po unladolos
clien es,quese ánlosconsumido esdelosse iciosypo o oladoelse ido quese áelexposi o delos
se icios.
Es uc u almen e,es ecapí ulocons ade a iosapa ados.Enp ime luga habla emosdelse ido que
amosau iliza ,loquenecesi a emospa apone loenma chaylasdecisionesdeimplemen ación omadas
conexplicacionesdecadauna.Acon inuaciónpasa emosahabla delabasededa os,comenza emos
explicandolabasededa osu ilizadaylahe amien ausadapa amaneja la.Acon inuaciónexplica emosla
implemen acióndelabasededa osdesa ollada,mos andolas ablasylac eacióndelasmismas.
Finalmen ehabla emosdelosse iciosexpues osenlaAPI.
Figu a90:Es uc u adelse ido
Sección8.1. Se ido web
Else ido queu iliza emospe enecealaUni e sidadComplu ense.Lap opia acul adnos acili a áun
sis emaope a i oLinux,Ubun uSe e ,elcualnosse ábas an eú ilyaqueapesa deno ene in e az
g á ica ieneunmanejonodemasiadocomplicado.
Sob ees esis emaope a i o,en egadolimpio,ins ala emos odolonecesa iopa apode pone enma cha
losse iciosquenecesi amos.Losse icioswebquedecidimosimplemen a , ases udia queseadap amás
anues asnecesidades, ue onse iciosREST(Rep esen a ionalS a eT ans e oT ans e enciadeEs ado
Página116|193
Rep esen acional).Conlosse iciosRESTdesa olladosenJa aconseguimosunabuenain e azpa aXMLy
HTTPman eniendocie asimplicidadquenospe mi een ende odoco ec amen e.Es osse icioscumplen
a ias eglasdediseñoquesoncla es:
Unp o ocoloclien e/se ido sines ado:cadamensajeHTTPcon iene odalain o maciónnecesa ia
pa acomp ende lape ición.Como esul ado,nielclien enielse ido necesi an eco da ningún
es adodelascomunicacionesen emensajes.
Unconjun odeope acionesbiende inidasqueseaplicana odoslos ecu sosdein o mación.
Siendoenes ecasoJSONdelquehabla emosmásadelan e.
Unasin axisuni e salpa aiden i ica los ecu sos.Enunsis emaREST,cada ecu soesdi eccionable
únicamen ea a ésdesuURI.
Todoes onospe mi equelosse iciosseancomunespa alasdis in aspla a o masimplemen adas,quese
puedallama desdeja a,h mloand oid,únicamen ein ocandolaURIexpues a.Es onosse ámuyú ilpa a
pode implemen a juegossimila esendis in aspla a o masyaqueg anpa edelalógicasindepende dela
pla a o mala ealizaelse ido .
Lasope acionessehan ealiza ánconJSON(Ja aSc ip Objec No a ion),un o ma oqueapo alige ezapa a
elin e cambiodeda osyqueasu ezno equie eelusodeXML.Lamo i acióndeu iliza JSON
p incipalmen eeslasimplicidadque ienesupa seopa aob ene losda osquecon iene, eniendoen
algunaspla a o masmé odosyadiseñadospa aello.
Es uc u abásicadelJSON:
Figu a91:Es uc u abásicadeJSON(Fuen e:h p://json.o g)
Una ezde inidoel ipodese iciosqueque íamosu iliza pensamosen a iosse ido esdeaplicaciones
quenospodíanayuda pa adesplega los.Po losconocimien osque eníamosdesca amosalgunosynos
quedamosconApacheTomca yJBossApplica ionSe e .Como a iosmiemb osdelg upoyahabían
abajadoconJbossdecidimos inalmen eu iliza elJBossApplica ionSe e yaqueconocíamosmás
uncionalidadesyademáses ábamosmás amilia izadosconelen o nog á icodecon igu aciónqueo ece.
Cones oya eníamoselcomienzopa apode desplega nues osse icios.Comoé amosconscien esque
odalalógicaque ealizábamosenlosse iciosnecesi a íaunacapadepe sis encia,decidimosin oduci
unabasededa osquedie ase icioanues odesa ollo.
Sección8.2. Basededa os
Labasededa osin oducida uePos g esSQL,basededa oso ien adaaobje os, elacionalylib e,publicada
bajolalicenciaBSD.Pa apode accede aelladesdeelcódigoJa au ilizamosunahe amien ademapeo
Página117|193
Obje o‐Relacional,Hibe na e.Es ahe amien a,decódigolib e ambiénbajounalicenciaGNULGPL,es
lexibleencuan oalesquemade ablasu ilizado,locualnosayudababas an eyaquelade iniciónde
nues abasededa ossu ió a ioscambiosalola godelp oyec o.Lamane aenlaqueu ilizamosHibe na e
uec eandobeanspa acada ablaalaquenecesi ábamosaccede yañadiendoleslasano aciones
co espondien es.
Figu a92:A qui ec u adeHibe na e(Fuen e:h p://www.online ech ision.com/hibe na e‐o e iew/)
Pa alages ión/accesodesdesis emaope a i ohemosu ilizadodosmane asdis in as:
DesdeUbun u(p opiose ido ),accesoa a ésdelaconsolao ecidapo Pos g eSQL,psql,desdela
cualpodíamos ealiza cualquie accióna a ésdecomandos
DesdeWindows(unamáquinaex e na),PgAdmin,unen o nog á icoquenospe mi e ealiza
cualquie accióndeunamane amásamigablesy eniendouna isiónmásampliadelabasede
da os.
Finalmen econ igu amoselse ido pa aque ue aaccesibledesdeo osequipos,ya ue adesdeo o
equipoLinuxconuncomandosshodesdeunequipoWindowsa a ésdelúl imoso wa edelque
habla emosenes eapa ado,elPu y.
Página118|193
Pu yesunclien esshpa aWindowslib e.Conelconseguimosaccede alse ido ani elconsolapa a
ealiza cualquie acciónyala eznospe mi ía ealiza unnelingpa apode accede alpue odelabasede
da osconelPgAdmin.Es eso wa enos acili ómucholages ióndelabasededa os,yaqueseexplicaba
an e io men e,podíamos ene unen o nog á icoquenosdabauna isiónmásampliadelamisma.
Sección8.2.1. Implemen acióndelabasededa os
Pa alasnecesidadesde odalain aes uc u ahemosc eadounabasededa osenlacualpe sis imos odos
losda osnecesa ios.
Labasededa oses ádi igidaagua da losusua ios,losg uposalosquepe enececadausua ioylas
insigniaslog adas.Es abasededa oscon iene odonecesa iopa alain aes uc u a,lawebylapa emás
social.Acon inuaciónmos a emoslabasededa os,di ec amen e elacionadaconelcapí uloenelque
es amos.Delabasededa osdejuegoshabla emosenelcapí ulo elacionadoconlosjuegos(Capí ulo8).
Figu a93:Esquemadebasededa osInsigniasFDI
Página119|193
TablaUsua ios
De inelosusua iosqueexis en, ieneuniden i icado únicopa acadausua ioquese áu ilizadopa a
elaciona loconelg upoalquepe enecesyconlasinsigniasqueconsiga.Tambiéncon ieneda osbásicos
delusua io,comoelnomb e,elco eoylacon aseñadeacceso.
Tabla16:Ejemplousua iosenbasededa os
TablaG upos
De inelosg uposqueexis en, ieneuniden i icado únicopa acadag upoquese áu ilizadopa a
elaciona loconlosusua iosquepe enezcanalg upo.Tambiéncon ieneunnomb edeg upo.
Tabla17:Ejemplodeg uposenbasededa os
CREATETABLEusua ios(
id_usua iobigin NOTNULL,
nomb echa ac e a ying(40)NOTNULL,
co eocha ac e a ying(40)NOTNULL,
passcha ac e a ying(50)
CONSTRAINTusua ios_pkeyPRIMARYKEY(id_usua io)
)
CREATETABLE
di.g upos
(
id_g upoin ege NOTNULL,
desc ipcioncha ac e a ying(40)NOTNULL,
CONSTRAINTg upos_pkeyPRIMARYKEY(id_g upo)
)
Figu a94:Códigodec eaciónde ablausua ios
Figu a95:Códigodec eaciónde ablag upos
Página120|193
TablaInsignias
De inelasinsigniasqueexis en, ieneuniden i icado únicopa acadainsigniaquese áu ilizadopa a
elaciona loconlosusua iosqueconsiganlainsignia.Tambiéncon ieneunadesc ipciónco a,quemos a á
unab e ein o mación,unadesc ipciónla gaylapun uaciónqueob end áelusua iopo lainsignia.
Tabla18:Ejemplosinsigniasenbasededa os
TablaUsua io_has_Insignia
Relacionaunusua ioconunainsignia,dees amane aconocemosqueinsigniashansidoconseguidaspo
cadausua io.Tieneuniden i icado únicopa acada egis o,yenel egis osegua daquénúme ode
insigniasehaconseguido(únicocomoexplicamosenla ablaan e io )yqueusua iolahaconseguidoconsu
idúnico ambién.
Tabla19:Ejeplosusua io_has_insigniaenbasededa os
CREATETABLE
di.insignias
(
id_insigniain ege NOTNULL,
desc_co acha ac e a ying(40)NOTNULL,
desc_la gacha ac e a ying(400)NOTNULL,
pun uacionin ege NOTNULL,
CONSTRAINTinsignias_pkeyPRIMARYKEY(id_insignia)
)
Figu a96:Códigodec eacióndela ablainsignias
Página121|193
Figu a97:Códigodec eacióndela ablausua io_has_insignia
TablaG upos_Usua ios
Relacionaunusua ioconung upo,dees amane aconocemosqueusua iospe enecenaung upo.Tiene
uniden i icado únicopa acada egis o,yenel egis osegua daquénúme odeg upoyqueusua io
pe eneceaeseg upo.
Tabla20:Ejemplodeg upos_usua iosenbasededa os
Figu a98:Códigodec eacióndela ablag upos_usua ios
Sección8.3. ResumendelaAPI
Enes ecapí ulosehaexplicado odolo elacionadoconelse ido a andodeapo a losde alles
necesa iospa acomp ende laa qui ec u aylosmo i ospo losquesehaelegidoes aa qui ec u a.Seha
CREATETABLE di.usua io_has_insignia
(
id_usua io_has_insigniacha ac e a ying(40)NOTNULL,
insignias_id_insigniain ege NOTNULL,
usua ios_id_usua iobigin NOTNULL,
CONSTRAINTusua io_has_insignia_pkeyPRIMARYKEY(id_usua io_has_insignia),
CONSTRAINTinsignias_id_insignia_ keyFOREIGNKEY(insignias_id_insignia)
REFERENCES di.insignias(id_insignia)MATCHSIMPLE
ONUPDATENOACTIONONDELETENOACTION,
CONSTRAINTusua ios_id_usua io_ keyFOREIGNKEY(usua ios_id_usua io)
REFERENCES di.usua ios(id_usua io)MATCHSIMPLE
ONUPDATENOACTIONONDELETENOACTION
)
CREATETABLE di.g upos_usua ios
(
id_g upos_usua ioscha ac e a ying(40)NOTNULL,
g upos_id_g upoin ege NOTNULL,
usua ios_id_usua iobigin NOTNULL,
CONSTRAINTg upos_usua ios_pkeyPRIMARYKEY(id_g upos_usua ios),
CONSTRAINTg upos_id_g upo_ keyFOREIGNKEY(g upos_id_g upo)
REFERENCES di.g upos(id_g upo)MATCHSIMPLE
ONUPDATENOACTIONONDELETENOACTION,
CONSTRAINTusua ios_id_usua ioFOREIGNKEY(usua ios_id_usua io)
REFERENCES di.usua ios(id_usua io)MATCHSIMPLE
ONUPDATENOACTIONONDELETENOACTION
)
Página128|193
Figu a100:Dis ibucióndelaweb is adesdeunPC
Figu a101:Dis ibucióndelaweb isi adesdeundisposi i omó il
Página129|193
Capí ulo10. Implemen ación:Juegos
Despuésdedesc ibi laimplemen acióndelapáginaweb,in e azdesdelaqueaccedemosala uncionalidad
in e nadelapla a o ma,enes ecapí ulodesc ibi emosla uncionalidadmás isibledelsis ema:losjuegos
implemen ados.És os,sehandesa olladoendi e en espla a o mas,ysonunmodelodelapo enciaque
pudie allega a ene elsis ema.Es ánen odocasoo ien adosalaenseñanzadelaingenie íain o má ica,
alycomose e lejaenelcapí ulodein oducción.
Es ecapí uloes áes uc u adodemane aqueinicialmen eseiden i ica ánlasca ac e ís icascomunesa
odoslosjuegos.Pa acon inua ,incluimosunapa adodedicadoalosse iciosRESTexpues osenel
backenddejuegos.Aes apa esigueunadecla acióndelaimplemen acióndelosjuegosdesa olladosen
odoslosen o no.Pa aconclui ,seesc ibi áun esumen inaldelcapí uloincluyendolaspa esmás
impo an esdelosjuegos.
Sección10.1. Ca ac e ís icas
Cadajuegoimplemen adosehac eadopa ase i comomodelodejuego eal,demane aquenoexis en
e sionesdep uebadelosjuegos,es án odoscomple adosencuan oaimplemen ación.
Laca ac e ís icap incipalquecumplen odoslosjuegosdelen o noeslao ien aciónalaenseñanzadela
in o má ica,demane aquelosusua iosap endanjugandoy,asu ez,losusua iosmásexpe imen ados
puedanob ene insigniasdemane amássencillaausua iosinexpe osdebidoasusconocimien os.
Unaca ac e ís icamuy eseñableesque,siguiendoelmodelodelaspla a o masdese icios
mul ijugado ,seincluyeninsigniasdemane aobliga o iaen odoslosjuegos.Enelsiguien e
apa adosedecla a ánenp o undidadlasinsignias.
Página130|193
Sección10.2. Basesdeda ospa ajuegos
Figu a102:A qui ec u adelapla a o ma
Ademásdelbackenddese iciosexis eunbackendo ien adoenexclusi aalusodelosjuegos.Sede ini án
losse icioso ecidospo elmismoenlasecciónacon inuación.
Sección10.2.1. Basededa osBDOlimpiadaFDI(Juegos)
Pa alasnecesidadesdelosjuegoshemosc eadounabasededa osqueseenca gademaneja odoslos
da osquesonnecesa iospa aelco ec o uncionamien odelosjuegos.
Labasededa oses ádi igidaagua da lasp egun as, espues asy odalain o maciónnecesa iapa alos
juegosimplemen ados.Es abasededa oses ác eadaenPos g eSQLypa aelmanejodesdelaAPIdejuegos
u ilizamosHibe na e.Acon inuaciónmos a emoslabasededa os.
Página131|193
Figu a103:Esquemadebasededa osOlimpiadaFDI
TablaTipos
De inelos iposdep egun asqueexis en, ieneuniden i icado únicopa acada ipoyunadesc ipción.
Tabla22:Ejemplode iposenbasededa os
Página132|193
TablaP egun as
Con ienelasp egun asqueseusanenlosjuegos.Tieneuniden i icado únicopa acadap egun a,uncampo
dondesein oducelap egun a,acon inuacióno ocampodondeseponeeliden i icado únicodela
espues aquehace e e enciaala ablaexplicadaacon inuacióny inalmen euncampo ipoquehace
e e enciaala ablaexplicadaan e io men e
Tabla23:Ejemplosdep egun asenbasesdeda os
TablaRespues as
CREATETABLE di. ipos
(
id_ ipoin ege NOTNULL,
desc ipcioncha ac e a ying(100)NOTNULL,
CONSTRAINT ipos_pkeyPRIMARYKEY(id_ ipo)
)
CREATETABLE di.p egun as
(
id_p egun ain ege NOTNULL,
p egun acha ac e a ying(100)NOTNULL,
espues a_co ec ain ege NOTNULL,
ipoin ege ,CREATETABLE di.p egun as
(
CONSTRAINTp egun as_pkeyPRIMARYKEY(id_p egun a),
CONSTRAINT ipo_ keyFOREIGNKEY( ipo)
REFERENCES di. ipos(id_ ipo)MATCHSIMPLE
ONUPDATENOACTIONONDELETENOACTION
)
Figu a104:Códigodec eaciónde abla ipos
Figu a105:Códigodec eaciónde ablap egun as
Página133|193
Con ienelas espues asu ilizadasenlosjuegos.Tieneuniden i icado únicopa acada espues a,uncampo
dondesein oducela espues a,y inalmen euncampo ipoquehace e e enciaalap egun aalaque
pe enece.Podemosobse a que a ias espues aspe enecenaunap egun aycomoexplicamosenla
ablaan e io cadap egun aconocesu espues aco ec a.
Tabla24:Ejemplosde espues asenbasededa os
Sección10.2.2. Se iciosRESTexpues ospa alosJuegos
Acon inuaciónexponemos odoslosse iciosquesehanimplemen adopa ael uncionamien odelos
juegos,es osse iciossehanc eadopa a acili a laimplemen aciónenlasdis in aspla a o masyque odas
puedanaccede aunosmismosse iciospa apode accede alain o maciónnecesa ia.Sonse icios
implemen adosenRESTyJSONcomolosimplemen adospa alain aes uc u a.Seencuen ande allados
enelANEXOB.
Tabla25:Se iciosexpues ospa alosjuegos
Se icio
Desc ipción
CREATETABLE di. espues as
(
id_ espues ain ege NOTNULL,
espues acha ac e a ying(100)NOTNULL,
id_p egun ain ege NOTNULL,
CONSTRAINT espues as_pkeyPRIMARYKEY(id_ espues a),
CONSTRAINTid_p egun a_ keyFOREIGNKEY(id_p egun a)
REFERENCES di.p egun as(id_p egun a)MATCHSIMPLE
ONUPDATENOACTIONONDELETENOACTION
)
Figu a106:Códigoc eaciónde abla espues as
Página134|193
Ge p egun aalea o iacon
espues as
No ecibepa áme osyde uel eunap egun aescogida
alea o iamen edelabasededa oscon odassus espues asindicando
cualeslaco ec a
Ge p egun apo ipocon
espues as
Recibecomopa áme oeliddel ipodep egun ayde uel euna
p egun adel iposeleccionadoconsus espues asindicandocualesla
co ec a
Ge iposdep egun asNo ecibepa áme osyde uel eunalis aconlos iposdep egun as
pe sis idosenbasesdeda os
Sección10.2.3. Quick es
Obje i osdeljuego espec oadesa ollo:Esunjuego ealizadoamododep ime modelosencillo,de
mane aquesepudie acomp oba laconexióndeljuegoalosse ido esenlas esdi e en espla a o mas.
Implemen ación(pa alasdi e en espla a o mas)
Aplicaciónweb:Acon inuaciónsedesc ibeelmododeimplemen a lospun osbásicosdeljuego:
Conexiónconbackenddejuegosyconexiónconbackenddese icios:sees ableceunaconexión
inicialconelse ido ,yuna ezes ablecidasesolici aelse icioco espondien eaco dealas
necesidadesdelmomen o.Lasp egun assesolici anenbloquealen a eneljuego,demane aque
e i amosun e a dodeiniciodeconexiónenlaca gadecadap egun a,siemp e eniendoencuen a
quealse quick es elnúme odep egun as o aleses10,muypocasp egun aspa ael e a dode
iempoquemos a áelp incipiodelapa ida.Pa aelcasodelasinsignias,se ealizanal e mina el
juego.
Sal oen ep egun as:Conlap egun ayaalmacenadaenla a iabledeljuego,e i amosunconsumo
de iempoenlaca gadeunapáginapos e io simplemen e eesc ibiendolapáginaenlaquenos
encon amos,sus i uyendolos alo esac ualespo losdelap egun aacon inuación.
Pa a oda espues asegua dasiel alo esonoco ec o,ysedebe ene encuen aalaho adela
eesc i u apa amodi ica ese alo alaho adeclica sob ela espues a,e i andoquealescoge la
espues aenlamismaposicióndela espues aco ec aan e io lade ec ecomoco ec aen a o
delanue aposición( eniendoencuen aquelaposiciónpuedeconse a se)
Finalizacióndeunapa ida:Al inaliza unapa ida(obienel iempo es an ellegaace oobiense
espondenlas10p egun asden odellími edel iempo)sehaimplemen adounapáginaque
de ec alasi uación,demane aqueenlamismase ealizaun esumendelapa ida.
Enelcasodequeseconsiganinsignias,sees ableceunanue aconexiónconelse ido pa aasigna
lasmismasalabasededa os.
Tiempo es an e:el iempo es an eden odellími edelos60segundoses ablecidos,es a á
disponibleencuan oa isualizacióndu an e odalapa ida.Es oeslle adoacabomedian e
Ja aSc ip .
Página135|193
Leccionesap endidas:( e lexiónsob elosp oblemasencon ados)
P oblemadecomunicaciónAJAXcondominiosex e nos:Enlosp o o iposqueelabo amosalcomienzode
cu sopa acomp oba laco ec acomunicaciónen elain aes uc u ap incipalylasaplicacionesnos
encon amosconunp oblemaalaho adees ablece laconexiónconelse ido po pa edenues a
aplicaciónweb.
Realizábamospe icionesAJAXdesdenues apáginawebalojadaennues ose ido localpa asolici a un
ecu soqueseencon abaenelse ido delauni e sidaddondees áalojada odanues ain aes uc u a.
Recibíamosun allo,pe o inalmen e,descub imosquees oe adebidoaquenosepuedein oca conAJAX
undominioex e nodis in oquenoseaelquelanceelcódigo,enes ecasoelse ido delaComplu ense.
Pudimoscon inua conlasp uebasuna ezquelapáginaconlaquees ábamos abajandoes u iese
ambiénalojadaenelse ido ex e no,o abajandodesdeunen o nolocal.
AplicaciónAnd oid:
Tu imosqueplan ea lai e aciónno maldelaaplicación,ydecidi la o maenquesesucede íanlas
p egun as.Po sos enibilidad,decidimosnoca ga odaslasp egun asinicialmen e,sinoi solici ándolasuna
aunaalaBasedeDa os.
Pa acalcula elpasodel iempousamoscon ado es,y i mamoscada espues adelusua ioconun
imes ampqueluegop ocesamospa acalcula lasinsignias.
Leccionesap endidas:( e lexiónsob elosp oblemasencon ados)
ConelQuickTes demos amosla iabilidaddelp oyec o,conec amoseldisposi i oanues osis ema,yal
se ido /se iciodep egun as,ype mi imosalusua ioin e ac ua ,ygana insignias.
En elaciónadesa olloenAnd oidap endimoslaa qui ec u adelapla a o mayelciclode idadelas
aplicaciones.Descub imoselmodoenque uncionanlosAc i i ies,ausa F agmen s,yaasegu a una
comunicaciónen eambos.
También u imosqueap ende ausa con ado esde iempoyamaneja e en os.
Comenzamosadesa olla QuickTes pa aAnd oiddesdeEclipse;pe ola endenciae aquees ocambia a,y
losdesa ollosselle a anacabodesdeel amewo kAnd oidS udio.
Elhechodequenoexis ie aenesemomen ouna e sión inaldel amewo kAnd oidS udiono uemuy
con enien e.Seencon abapo en oncesenuna e siónBe a0.8.Aunquees able, oda íanoexis íauna
g andocumen aciónal espec o,lacuales aba oda oda íao ien adaaldesa olloenEclipse.Es odi icul ó
eldesa olloinicialdebidoaqueno odalain o macióne aex apolableaAnd oidS udio,yademás,la
he amien a aíanue as uncionalidades,comoeselcasodelG adle;unmecanismoqueayudaalos
desa ollado esahace en ealaeno medi e sidaddedisposi i os,yespecí icamen e, amañosde
pan alla;que aíandecabezaalosdiseñado esg á icos,quienes eníanquecon igu a di e en es
disposicionesdeelemen os,yu iliza componen esdedis in o amañopa alog a quesusaplicacionesse
isualiza anco ec amen eenelmayo núme odemáquinasposible.
AplicaciónPesada:Elen o no(IDE)escogidoyu ilizado inalmen epa alle a acabolaimplemen aciónyel
desa ollodelosjuegosenJa ahasidoEclipse.Esunen o nodedesa olloin eg adomul ipla a o mayde
códigoabie oqueseca ac e izaen eo osmo i ospo se unen o nolige o(Slidesha e,2013).Es oes
debidoaqueenunp incipiocons aúnicamen edela uncionalidadbásica,pudiendoex ende launomismo
Página136|193
siesnecesa iomedian elains alacióndedi e sospluginsomódulos(es ehasidoelcasodelmódulo
WindowBuilde queluegoexplica emos).
Elobje i op incipaldelQuick es uepone enp ác icael o ma oJSONqueíbamosau iliza enel
in e cambiodeda osdelosjuegosycomp oba mása ondoel uncionamien ode odoslosse icios.
Pun osimpo an esdelaimplemen ación:
Cabedes aca queenés eyenlosdemásjuegosJa ahemosimplemen adoelpa ónsingle on,de
es amane apodemosasegu a nosdequeúnicamen eexis aunains anciaac i adelusua ioqueha
comenzadolapa ida.Tambiénpodemos ealiza unaccesoadichousua iodesdecualquie clasede
laaplicacióncuandoseanecesa io.
Sehaceunallamadaalse iciop egun aAlea o ia,quenosde uel eunap egun aalea o iacada ez
queelusua io espondealap egun aco ec amen e.En o alseha áunnúme omáximode10
llamadassiel iempodejuegonohallegadoan esasu in.
Implemen acióndeunacuen aa ásenele en olanzadoalcomienzodeljuego(pe enecien eala
claseTime delabiblio ecag á icaJa ax.Swing).
Eljuego inaliza ácuandoes acuen a eg esi allegueace ooeljugado hayacon es adoa odas
lasp egun as.Únicamen esemos a ánlasinsigniasob enidasydesbloqueadasenlapa idaac ual.
Leccionesap endidas:( e lexiónsob elosp oblemasencon ados)
1. Realiza llamadasalse ido co ec amen eyapa edeu iliza losse iciospe enecien esal
backendOlimpiadaFDI,comosonelse iciodelogindeusua ioy egis odeinsignias, ambién
maneja elconjun odese iciosdep egun as ela i oalbackenddejuegos.
2. Pa aquehayasidoposible an oelco ec o uncionamien odelosse icioscomodelac eaciónde
es uc u asJSON ue on inalmen enecesa iaslassiguien eslib e ías:
H pclien ‐4.3.6.ja
Necesa iapa alacons uccióndeaplicacionesenlasquesenecesi ehace unaconexióna a ésdel
p o ocoloHTTP.Enes ecaso,lasaplicacionessonelclien eque equie enunosse iciosweb.
Pa ahace usodees alib e íanecesi amos ambiénlaslib e íasH pmime‐4.3.6.ja ,Fluen ‐hc‐
4.3.6.ja yH pco e‐4.3.3.ja en eo as.
O g.json‐20120521.ja
Lib e íaquenospe mi i ápa sea yc ea JSON.
(Enp ime luga yamododep uebaenlasp ime as e sionesdees ejuego,seimpo a onlas
clases:ja a.ne .H pURLConnec ion,Ja a.ne .Mal o medURLExcep ionyja a.ne .URL,asícomoel
paque eja a.io.La uncionalidadconseguidae alamismape oenes ecaso ecibíamosy
a ábamoslosda osob enidoscomosi ue anunS ing(cadenadeca ac e es)ynoen o ma o
JSONcomo inalmen eacabamosu ilizando).
3. ManejodelaclaseTime (Biblio ecag á icaJa ax.Swing).
Página137|193
Sección10.2.4. T i ial
Obje i osdeljuego espec oadesa ollo:Elobje i oaldesa olla es ejuegoe aeldedesa olla unp ime
juegoquemos asecie asca ac e ís icas ealesencuan oajugabilidad,demane aqueelsis emase
ace quealaspla a o mascon encionalesendichoaspec o.Encuan oadesa ollodep og amación,unode
losobje i ose alain e accióndeimágenes an odemane aes á icacomodinámica( espec oa
uncionalidad,lasimágenesquesemues annogene a ánmo imien o).
Además,suponeunain e accióncon inuaconelse ido al ealiza secon inuasllamadasasusse iciospa a
ob ene lasp egun as.Así,sehapodidocomp oba queelse ido sopo aalgomásdeca gaynosolo
llamadasaisladasalosse icios.
Implemen ación(pa alasdi e en espla a o mas)
Aplicaciónweb:
Imágenes:Pa alaimplemen acióndees ejuego,esnecesa ioinclui imágenes.Pa ala ealización
dees as, asdocumen ación,sedecideabo da suimplemen aciónconelusodecan as.Amodode
p ime osmodelosyaundesconociendo odaslas uncionalidadeso ecidaspo elcan as,seu iliza
pa adibuja lasp ime asimágenesdeljuego(eldado).
Imágenesdinámicas:Dondesíob u imosuna en ajaenelusodecan as espec oaimg,quenos
pe mi íaeldibujodelasimágenesdemane aes á ica,esalañadi dinamismosob elasimágenes.El
usodecan assehacenecesa iopa amos a el esul adodellanzamien odeldado,asícomolas
casillasquese ánaccesibles.
Casillas:Alnose lasposicionescon inuas,dadoqueseencuen anbi u cacionesenloscaminosque
puedesegui la ichaallanza eldado,nosen en amosaunadecisióndediseñoenlaquepodemos
decidi en eman ene dis in osa aysaccesiblesdecasillasounsoloa aycon odaslascasillas,
man eniendolalógicadelp og amaaco dealossal os.Sedecide oma laúl imaimplemen ación
po e i a una aydeunacasillaúnica(casillacen al)oque a iosa ayscompa ie anlacasilla
cen al.
Sal osdepan alla:Con inuamen esesal aen elapan alladep egun asyel able o,pa alocuales
necesa iomos a lapun uaciónque enemosasícomoman ene losquesosquehemosob enido.
Lamane adesoluciona elpasodepa áme osqueda e lejadaenelapa adodelecciones
ap endidas.
Leccionesap endidas:( e lexiónsob elosp oblemasencon ados)
Pasode a iablesen eJa aSc ip yphp:Esnecesa iomos a en odomomen olapun uaciónob enida,así
comolosquesosquehemosob enido.Pa apasa pa áme osen elaspan allassein e cambianconunpos
enphp.Pe onecesi amosob ene dichospa áme os an oenJa aSc ip comophp.Pa alalec u aen
Ja aSc ip deunda ophpessimple,conunechoala a iablesepuedeob ene .Sinemba go,enelcaso
con a ionoes ansencillo.Comoyasehade inido,Ja aSc ip ienecomoobje i oman ene la
uncionalidadin e nadelaweb.Así,pa a ecoge lospa áme osenphpquehansidomodi icadosen
Ja aSc ip ,nosepuedehace unallamadadi ec amen ealpa áme oJa aSc ip .
Unodelasmane asdeconsegui lospa áme osenphpeslee losdelpos quehahechoun o mula io.
A o unadamen e,po Ja aSc ip sepuedenosolomodi ica los alo esdeun o mula iosinoademáshace
submi sob eelmismo,locualpe mi eque,enlasiguien epan alla,sepuedanalmacena es os alo esen
las a iablesphp.
E iden emen e,es osuponelainse cióndeun o mula io,queen eo íaes isibledesdelapáginaenlaque
seencuen e,sinemba go,po css,sepuedee i a quesemues eel o mula io.
Página144|193
Página145|193
Capí ulo11. Casodees udio
Hemoshabladoan e io men edelcon ex oenelquesehadesa olladoelp oyec oasícomodelas
uncionalidadesqueo eceycómosehaimplemen ado.Pe oconsoloes o,suu ilidady iabilidadnoqueda
demos ada,po loquedecidimospa aes ecapí ulo ealiza unasimulaciónenlaquesehanin oluc ado
usua ios ealesin e esadoseneles udiodelain o má icapa ada unmayo empaqueysolidezalp oyec o.
Sección11.1. Mé odo
Losobje i osdees ees udiosonlossiguien es:
Desa olla unacompe icióncomple aen edosequipos.
Realiza es eodelapla a o maani eldeP uebaIn eg ada
P oba accesoa on enddelosusua ios
Comp oba quepuedenaccede albackendsinnecesidaddeaccede ala uncionalidaddel on end
Con i ma conexiónen ebackendy on end
Re isa conexiónen ejuegosyambosbackend, an oeldejuegoscomoeldese icios.
Cons a a uncionalidaddelosjuegosenlas espla a o mas
Ve i ica quese ealizaco ec amen elasinse cióndeinsigniasenelsis ema
Desa olla unacompa a i acomple aen edosequipos
Comp oba quelosusua iosque ienenconocimien osp e iossob elain o má ica ienenmayo
acilidaddeascende enel anking.
Ve i ica quelosusua iospueden inaliza laspa idasdelosjuegossinnecesidaddein e ención
po pa edelosdesa ollado es.
Ob ene eedbackdeapa adosamejo a po pa edelosusua ios.
Engene al,elcasodees udiose ealiza ápa a e i ica elco ec o uncionamien odelapla a o macomo
conjun o(elp oyec o uncionademane aglobal),asumiendoelco ec o uncionamien odecada
componen eindi idual(P uebaUni a ia).
Eldesa olloasegui se áelsiguien e:
Sees udia áymoni o iza áunsupues o,basadoendosg uposcompues ospo pe sonas ealesque
compe i ánen eellosdu an edosho as.T asesepe iodode iempose e isa ánlaspun uacionesdelos
g uposenlabasededa osysedecidi áel encedo .
Sección11.2. Desa ollo
Sec ea án2g uposdees udio.Cadaunodeelloses a ácompues opo 5jugado es,loscualesha ánusode
lapla a o mapa ap oba el endimien oyelbuen uncionamien odelamisma.
Página146|193
Sección11.2.1. G upos
Enp ime luga se ealiza áel egis odelosusua iosdelp ime g upo.Cadausua ioseenca góde
egis a seindi idualmen e.
G upoReady2Lea n
T aslainse cióndeusua ios,aco damoscomonomb edelp ime casodees udioReady2Lea n.Finalmen e
elg upoquedódelasiguien emane a:
Tabla26:G upoReady2Lea n
Ready2Lea n Pun uación o al
Sand a 0
Lau a 0
Julio 0
Pablo 0
Municio 0
G upoHijosdeTu ing
Conlamo i acióndesupe a alequipo i alenel anking,dejamosquese egis enlosnue osusua ios,
quienesademássones udian esdelaUni e sidadComplu ensedeMad id.
Tabla27:G upoHijosdeTu ing
Hijos de Tu ing Pun uación o al
Nu ia 0
Luis 0
Claudia 0
Je e 0
E ik 0
Página147|193
Sección11.2.2. Resumendelas ases
Elg upoReady2Lea nempiezaajuga alosdi e en esjuegosdu an eel anscu sodelap ueba.Como
hemosmencionadoan e io men e,es eg upoes ácompues opo in eg an esajenosala acul adde
In o má ica.Realizamoslasiguien ecap u adelsis ema anscu idaslasdosho asdejuegolib epa ael
p ime g upo:
Figu a108:Fo odelsis emapa aReady2Lea n
HijosdeTu ing,elsegundog upo,es ácompues opo es udian esdein o má icaycuen ancon en ajaala
ho adecomple a losjuegos,loquese aduceenunamayo pun uación,en asgosgene ales.T aslasdos
ho asdejuegolib e, ealizamoslasiguien ecap u adelsis ema:
Página148|193
Figu a109:Fo odelsis emapa aelg upoHijosdeTu ing
Es ableciéndoseasíelg upoHijosdeTu ingcomocla os encedo esdelacompe ición,conunadi e encia
mayo amilpun os.
Sección11.2.4. Discusión
Engene allosjuegosmásin e ac i os esul a on ene mayo éxi oqueaquellosquee aluabanlos
conocimien os écnicosenelá eadelaIn o má ica.
Asumimos azonablecie o ac o sue epa aalgunadelasinsigniasdesbloqueadas.
Elcasodees udiohasidounéxi opo lossiguien esmo i os:
Elsis emaha ealizadocambiosensues ado
Haman enidolacohe enciadelosda osylaconsis encia
Algunosdelosjuegospa ecie ondespe a elin e ésdelosjugado esená eascomolaci cui e íay
lógica,asícomoenelá eadep og amación.
Deles udioolasp uebas,aunqueconunma gendee o g andedadoquelasmues assonpequeñas,se
puedeob ene comoconclusiónquelosusua iosconconocimien osenin o má ica ienenmayo acilidada
laho adelog a losobje i osdelosjuegosy,aco deaello,aumen a sumedalle odeinsigniasypun os
pa alasclasi icacionesindi idualesyg upales.
Losusua iosnosdie onsusimp esiones aslasp uebas,ydecidimosclasi ica lasen eopo unidades
écnicasy uncionales.Lasenunciamosconmásde alleenelCapí ulo12,Conclusionesy abajo u u o.
Ob enemosel eedbackdelosusua iosdeambosg uposyloanalizamos:
Nos ecomiendanmejo asg á icasengene al.
Página149|193
Valo anla luidezdelosjuegos.
Augu anung anéxi oanues apla a o ma.
Sein e esa onpo lamecánicadelosjuegos.
Re e en eaopo unidades écnicasydiseñog á ico,lamayo íadenues ossuje oses ándeacue doenque
esposible ealiza unamejo a g á icadelosjuegos,asícomodelaweb.
Tambiénnoscomunica onlaca enciadeuna uncionalidadenlaweb:unbo ónquepe mi a ol e ala
páginap incipal.Tambiénnos ecomenda onamplia elnúme ode ecnologíassopo adaspo nues os
juegos( e siónpa aiOS)yco egi o ose o es uncionales,comolaopciónde e losin eg an esdeun
g upo.
Página150|193
Página151|193
Capí ulo12. Conclusionesy abajo u u o
Hemos e isadoalola godees edocumen olamo i acióndelp oyec o,ylaclasi icacióndelosdis in os
obje i osquehemosconside ado azonables.
Hemoses udiadolapsicologíadelosjuegosysuaplicaciónenuncon ex odidác ico.
Hemos ealizadounoses udiosp e ios e e idosa ecnologíasmó iles;laspla a o masmáscomunes,sus
en ajassob elasdemásyelpe ildesususua ios.Tambiénhemosanalizadolashe amien asquepodemos
u iliza pa aeldesa ollodejuegosenelsis emaope a i oAnd oid.
Relacionadoconeldesa ollomó il,hemoses udiado ambiénla ecnologíaHTML5,yloslenguajesde
p og amaciónqueconélsecomplemen an,comoCSS,Ja aSc ip oPHP,yespecí icamen epa alac eación
dejuegos,lanue a uncionalidadenes a e sióndeHTML,elcan as.
Tambiénhemoses udiadouna ecnologíaadicionalqueman u ie alapo abilidady ue amul ipla a o ma,
Ja a.
Po úl imo,hemosc eadolos espila esbásicosquecon o mannues op oyec o.Comohemos is o
an e io men e,es os3pila esson:
1)C eacióndeunain aes uc u acuyabaseesunse ido debackendqueo eceunaAPIdese iciosREST
pa ages iona yalmacena da osdejugado es,juegos,insignias,pun uacionesydemás.
2)Diseñoydesa ollodeunpo alwebenelquesepod á isualiza los esul ados u odelain e acciónde
losjugado esconlosjuegos,incluyendosuspe iles,insigniasob enidas,ges ióndeg upos, ankingsde
jugado es,e c.
3)C eacióndeunasui edejuegosdeejemplo,desa olladoscondis in as ecnologías,pe o odosellos
compa iblesconlaAPIdeusua ioseinsigniasyqueejempli icancómo u u osdesa ollado espod án
ale sepa ain eg a susdesa ollosennues osis ema.
Conside amoshabe cumplido odosnues osobje i os:
Realizacióndeunes udiop e ioace cadenue as o masdeap endizaje.
Realizacióndeunes udiop e ioace cadelaspla a o masde ideojuegosexis en esmásexi osas
hoyendía,eiden i ica lanecesidaddeunapla a o madejuegosenuncon ex odidác ico.
Realizacióndeunes udiop e ioace cadelas ecnologíasac uales:mó iles,webyaplicaciones
pesadas.
Realizaciónunapla a o mabasadaenRESTdondeexpone unosse iciosalosqueusua iosy
desa ollado espudie anconec a sebasadaenlaspla a o masdejuegosmásexi osashoyendía.
Realizacióndelpo alweb.
Realizacióndedosjuegospa aAnd oid, espa aJa aycua opa aelpo alwebdidác icos.
Demos acióne ec i adela iabilidaddelsis emapa alaspla a o masAnd oid,WebyJa a.
Alma gendees oque emoshace hincapiéenlaexis enciadeunmedalle oqueu ilizalapsicologíabásica
delos ideojuegos:es o za sealmáximopa aconsegui una ecompensa(ennues ocaso,insignias),yque
enunen o nodidác ico,incen i eela ándemejo adelosjugado es.
Página152|193
Tambiéndes aca la e sa ilidaddenues apla a o ma,quepe mi ealosp og amado esde ideojuegos
publica susdesa ollos,haciendousodenues acomunidaddeusua iosyap o echa el es ode en ajas
delsis ema,comolosse iciosdeinsigniasa a ésdelaAPIpública.
Sección12.1. T abajo u u o
Enp ime luga , as ecibi yanaliza el eedbackdelosusua iosdep ueba,necesi amos esol e unase ie
deincon enien esquesehanencon ado.Algunossone o es eales,pe oo ossonunmal uncionamien o
debidoaunamalain e p e acióndelasnecesidadesdelosusua ios.
Relacionadoconelpo alweb:
Mejo a ellook& eeldelapágina.
Añadi unmecanismopa a ol e alapáginap incipal,yaqueenalgunasseccionesnohaysalida.
Añadi la uncionalidaddebo adodeg uposcuandoes ossequedansinmiemb os,oelimina un
g upode o mamanual.
Añadi la uncionalidadde e losin eg an esdeung upo.
Pe ecciona elsis emadepublicacióndenue osdesa ollosysuin eg aciónenlaweb.
Mejo a elcomponen esocialenlapla a o maweb:inclusióndeun o o,cha ,ymayo
pe sonalización.
Pe mi i subi documen ación ela i aalosjuegos.
Relacionadoconlosjuegosdelasui e:
Inc emen a elnúme odelosjuegosdisponibles
Mejo a elapa adog á icodelosjuegosengene al.
C eacióndejuegosenunadi e sidaddepla a o masy ecnologíasmayo .
Es assonsóloalgunasdelasex ensiones uncionalesquesepod ían ealiza .
Dejamosenmanosde u u osdesa ollado eslaposibilidaddeamplia connue asideasnues op oyec oy
quesuc ecimien odemues ela iabilidadcome cialdenues apla a o ma.
Página153|193
Chap e 13. Conclusionsand u u ewo k
Along hisdocumen weha e e iewed heinne mo i a iono hep ojec ,and heclassi ica iono he
di e en objec i esweha econside ed.
Weha ealsos udied hepsychologyo hegamesandi sapplica ioninadidac iccon ex .
Weha edeli e edp e iouss udies ela ed omobile echnologies;mos commonpla o ms,i sad an ages
o e o he s,and hep o ileo i suse s.Weha ealsoanalyzed hea ailable ools o hede elopingo
games o And oidope a ingsys ems.
Rela ed omobilede elopmen ,weha esos udied heHTML5 echnology,andall hep og amming
languages ha comeinwi hi ,suchasCSS,Ja aSc ip o PHP,andspeci ically hec ea iono ideogames
using his echnology, hecan as,a ea u eimplemen edin hismos ecen e sion.
Weha ealsos udiedanaddi ional echnologycapableo main aining hepo abili yandbeing
mul ipla o m,Ja a.
Finally,weha ec ea ed he h eemainpilla s ha con o mou p ojec .Asweexplainedbe o e, hosea e:
1)C ea iono anin as uc u ebasedonabackendse e ha o e sanAPIo RESTse ices omanageand
s o eou playe s’da a,games’badges,sco eandsoon.
2)Designingandde elopmen o awebsi einwhich he esul so hein e ac iono heplaye swouldbe
shown,including hei p o iles,unlockedbadges,managingg oups, ankingo playe s,e c.
3)C ea iono sui eo games ha wouldshowo he unc ionali y.Theyha ebeende elopedusing
di e en echnologies,allo hemcompa iblewi h heAPIo use sandbadges ha willse easanexample
o u u ede elope s oin eg a e hei p ojec sinou sys ems.
Weconside ha esucceededinallou objec i es:
• Realiza iono ap e iouss udy ela ed onewlea ningme hodologies.
• Realiza iono ap e iouss udy ela ed oexis ingmos success ulgames’pla o ms.
• Realiza iono ap e iouss udy ela ed ocu en echnologies:mobile,web,andhea yapplica ions.
• Realiza iono apla o mbasedonRESTonwhich oexposese ices owhichuse sandde elope s
couldconnec o,basedon hemos success ulpla o mso hesedays.
• Realiza iono hewebsi e.
• Realiza iono woAnd oidgames, h ee o Ja a,and ou o hewebsi e.
• Demons a iono hee ec i e iabili yo hesys em o all h eepla o ms:And oid,WebandJa a.
Apa om his,wewouldlike oemphasize heexis enceo he ewa d’smechanic, ha makesuseo he
basic ideogame’spsychology:in es ingsomee o ino de oob ainsomegain(inou case,badges),and
which,inou lea ningen i onmen ,migh encou age hedesi e o imp o emen inou playe s.
