Aplicaci multiplataforma de resultats dhoquei sobre patins David Plaza balagu

Aplicaci multiplataforma de resultats dhoquei sobre patins

David Plaza balaguMster en Aplicacions Multimdia - UOC

Benvinguts a la presentaci del meu TFM: Aplicaci multiplataforma de resultats dhoquei sobre patins. El meu nom s David Plaza i intentar explicar breument el contingut daquest presentaci mitjanant aquestes anotacions.1ndex1. Introducci1.1 Descripci del projecte1.2 Objectius1.3 Metodologia1.4 Planificaci1.5 Pressupost2. Anlisi2.1Estat de lart2.2 Pblic objectiu3. Disseny3.1 Arquitectures generals3.2 Disseny grfic i interfcies4. Implementaci4.1 Eines i llenguatges utilitzats5. Demostraci6. Conclusions6.1 Lnies de futur

2La presentaci seguir la segent estructura marcada per lndex. Cont 6 blocs.

En el primer bloc sintroduir el tema realitzat mitjanant una descripci de quina s la necessitat i motivaci per a la realitzaci daquest projecte. Seguidament s'enumeraran els objectius i la metodologia utilitzada, juntament amb la planificaci i el clcul dun pressupost aproximat.

El segon bloc es centra en el procs danlisi de lestat actual del mercat, quines aportacions es poden realitzar i lelecci del pblic objectiu.

El tercer bloc sentra en profunditat en el disseny global de la soluci, tant de la part realitzada del servidor com de laplicaci mbil, interna com exteriorment.

El quart bloc sindiquen els requisits per a la realitzaci de la implementaci dissenyada i les decisions preses en el procs.

El cinqu bloc es mostrar un breu vdeo amb laplicaci en funcionament.

I per acabar, lltim bloc es mencionaran les conclusions que shan extret i les lnies de futur que es seguiran.

2

1. IntroducciEl constant desenvolupament de les noves tecnologies junt amb la creixent possibilitat daccedir a internet ha desencadenat una srie de noves oportunitats i demandes per part de la societat.

Un dels requeriments emergents en aquesta lnia s lobtenci dinformaci en temps real a travs duna aplicaci mbil.

Un esport tant important al nostre pas com lhoquei patins (16 campionats del mn i 16 campionats dEuropa) no disposa de cap aplicaci per consultar els resultats de la lliga ms important del planeta.

3Tot i els avenos en el mn de les noves tecnologies, lhoquei sobre patins va a la cua en la seva adaptaci. Si b es cert que la informaci dels partits esta informatitzada, no existeix cap element per visualitzar aquesta informaci des de dispositius mbils. Aquest esport s el ms guardonat del nostre pas, i com tal es mereix estar al mateix nivell en lmbit social.31.1 Descripci del projecteAquest projecte consisteix en el desenvolupament duna aplicaci multiplataforma per oferir informaci en temps real de la mxima competici nacional dhoquei sobre patins.

Realitzaci dun parsejador de dades per recupera la informaci pblica de la pgina de la federaci i emmagatzemar-la en una base de dades prpia.

Crear un producte final compatible amb les 3 principals plataformes mbils actuals.

4El projecte consisteix en la realitzaci duna aplicaci mbil que sigui capa de seguir els partits de la mxima competici en rigors directe i visualitzar resultats histrics. Per tal darribar al major nombre dusuaris, la intenci s realitzar laplicaci amb un framework multiplataforma que permetr una posterior compilaci en els 3 sistemes operatius ms importants del moment: IOS, Android i Windows Phone.

A ms a ms, per poder gestionar les dades a mostrar, shaur de realitzar un parsejador que recuperi les dades dInternet i les guardi en una base de dades prpia, que ser la que donar servei a les aplicacions installades pels usuaris.41.2 ObjectiusCom a objectiu personal, es vol encaminar lesport que lautor prctica a les noves tecnologies i facilitar-ne laccs a tots els seguidors.Els objectius principals del projecte sn:Crear una aplicaci moderna, intutiva i compatible amb el major nombre de dispositius.Permetre a lusuari consultar en tot moment la informaci de la competici OKLiga.Accedir a la informaci en temps reals dels partits.

Els objectius secundaris del projecte sn:Facilitar la creaci de notificacions personalitzades per a partits o equips.Donar suport a laccs des de tablets.Ampliar la oferta de categories i lligues disponibles

5Els objectius de laplicaci es poden resumir en un nic: Crear una aplicaci mbil per poder seguir la OKLiga jornada a jornada.

Entrant ms en detall es pot dividir en objectius principals i altres de ms secundaris, tal com mostra la presentaci. Per altra banda tamb hi ha una part dobjectius personals en la realitzaci daquest projecte, com entrar en el mn del desenvolupament daplicacions mbils i ajudar a lhoquei amb un granet de sorra a tenir major repercussi en la societat.51.3 MetodologiaEl projecte sha desenvolupat mitjanant una metodologia gil, flexible als canvis tot i seguir una planificaci estructurada.

Els passos principals per al seu desenvolupament han estat:Cerca de les eines de desenvolupamentDisseny i implementaci del servidorDisseny dels elements grfics de laplicaciImplementaci de laplicaci mbilProves finals del servidor i laplicaci

6Les metodologies gils permetre un flexibilitat que abans era impensable. Es prioritza ladaptaci al canvi abans que la resistncia i lalt grau de documentaci. En aquest projecte on les eines eren desconegus en un inici, la flexibilitat ha sigut important, ja que es desconeixia el temps real que seria necessari per a realitzar certes tasques. Per tant, tot i la planificaci inicial, aquesta sha pogut anar ajustant segons els requeriments del moment.

Els passos mencionats han ajudat a seguir un ordre en la creaci de la soluci final i per tant garantir un mnim de coherncia a la hora de treballar.61.4 Planificaci La planificaci del projecte ha seguit el plantejament inicial amb algunes petites variacions, com poden ser l'endarreriment de tasques o poca disponibilitat horria.

La taula segent mostra les dates estipulades i el seu seguiment real. En verd si ha sigut idntic al acordat o vermell si sha endarrerit.

FaseData iniciData entregaData inici realData entrega realProposta03/03/1417/03/1403/03/1417/03/14Mandat18/03/1430/03/1418/03/1406/04/14Lliurament 101/04/1428/04/1407/04/1405/05/14Lliurament 229/04/1426/05/1506/05/1426/05/14Lliurament final27/05/1416/06/1427/05/1420/06/24

7La planificaci inicial ajuda a seguir un ordre i a organitzar les idees i les prioritats, per sempre amb un grau de flexibilitat que permeti adaptar-se a les necessitats.

Tal i com es mostra a la taula, hi ha dates que shan pogut seguir sense problemes, per nhi ha daltres que shan hagut de posposar, ja sigui per problemes sorgits o per mala estimaci temporal de temps a dedicar.

Durant la fase de proposta, es va decidir i analitzar la idea del projecte amb el consultor de lassignatura, s a dir, en van crear les bases. En la segent fase de mandat, s va procedir a lanlisi del mercat mitjanant lestat de lart, per comprovar si la idea escollida era viable o no, i es va concretar en una planificaci inicial.

Les altres tres fases de lliuraments sha seguit el propsit davanar en el desenvolupament del projecte, avanant mica en mica a cada fase per arribar al lliurament final amb un projecte tancat. Durant el primer lliurament es va dissenyar i implementar la part del servidor. En el segon lliurament es va dissenyar i implementar la major part de laplicaci mbil i la comunicaci amb el servidor. I en lltim lliurament es van acabar de justar tots els processos i es va procedir a la documentaci actual.71.4 PressupostProducteQuantitatDescripciHoresPreu horaPreu11Disseny de la interfcie de laplicaci1232 384,0021Disseny de laplicaci1432 448,00 31Implementaci de laplicaci9032

2880,00 41Testing1232

384,00 Subtotal4096,00 Impost (21%)860,16 Total4956,16 Aquest pressupost valora la dedicaci dun nic membre. Una despesa addicional a afegir a aquest pressupost s el cost del servidor que ascendeix a 5/mes.

8Tal i com explicar la diapositiva, el pressupost mostrar s un clcul estimat de la dedicaci i el seu cost. Cada lnia del pressupost indica quin s el seu motiu, el temps dedicat i el preu final a partir del preu hora.

Com que el desenvolupament de totes les tasques lha fet la mateixa persona, el preu hora sha decidit estandarditzar i deixar-lo fixe a 32 /h. Desctacar tamb el cost del servidor en funcionament, que puja a 5/mes.82.1 Estat de lartAlgunes de les aplicacions ms importants en aquest mbit que es poden trobar a les stores daplicacions sn: ScoreMobile FC, Eurosport o Yahoo Sports.Lestudi de les opcions existents en el mercat ens dona una idea de les necessitats que poden existir.

Les botigues virtuals contenen infinitat daplicacions per a lobtenci de resultats de modalitats esportives, per cap per a hoquei sobre patins.

Per tant, laportaci del projecte ser analitzar les funcionalitats de les aplicacions trobades i adaptar-les a una nova aplicaci dhoquei sobre patins.

9Lestat de lart serveix per comprovar les solucions existents en el mercat que realitzen el nostre propsit o un de semblant. En aquest cas no sha trobat cap aplicaci relacionada amb lhoquei patins per si moltes daltres modalitats esportives, sobretot el futbol.

Per tant, el procediment a realitzar s analitzar les funcions que aporten aquestes aplicacions i adaptar el funcionament a lhoquei sobre patins, per tal descurar la corba d'aprenentatge que puguin patir els usuaris de la nostra aplicaci.92.2 Pblic objectiuEl pblic principal daquest projecte ser el seguidor daquest esport que disposin de dispositius mbils dltima generaci amb accs a Internet.

No es limita a cap rang dedat, s apte per tots els pblics.

Actualment estar limitat al mercat espanyol. En futures revisions es traduir el contingut i sobriran fronteres.

10Tal i com es mostra a la diapositiva, el pblic objectiu ser qualsevol usuari que disposi dun terminal dltima generaci amb accs a Internet, sense importar el seu sexe, rang dedat, etc.

Lnic requisit que simposar, almenys en una primera versi, ser la residncia a lestat espanyol. O ms ben dit, que disposi daccs a la botiga virtual del seu sistema operatiu de lestat espanyol. En el cas dAndroid aix no es podr complir ja que simplement descarregant-se lapk de qualsevol lloc, lusuari ja es podr installar laplicaci.

En un futur proper, laplicaci es traduir per a que estigui disponible per a ms pblic i sintentaran introduir noves lligues per a fer-la ms atractiva.103.1 Arquitectura generalLarquitectura del projecte es divideix en dos gran blocs: el servidor i laplicaci mbil.

El servidor s lelement encarregat de recuperar la informaci de la pgina de la federaci i emmagatzemar-la a la base de dades.Laplicaci s lelement que recupera aquesta informaci a travs de webservices i la mostra a lusuari mitjanant una interfcie.11Aquesta diapositiva mostra larquitectura general del servidor i laplicaci. El primer pas a realitzar s recuperar la informaci mostrada a la pgina de la federaci, tant de partits en directe, com informaci histrica, tal i com mostra la figura de la dreta de la presentaci. Una vegada recuperada i emmagatzemada, aquesta informaci ja esta preparada per ser servida a les aplicacions que ho sollicitin mitjanant la creaci duns webservices. Per a no saturar la base de dades amb peticions, sha creat una memria cau dun minut de durada per a la informaci referent als patits en directe, ja que s el mateix temps laplicaci sautoactualiza. Amb aquest sistema pot ser que hi hagi un decalatge en la informaci, per al ser tant petit saccepta.113.2 Disseny grfic i dinterfciesA continuaci es mostra laspecte final de laplicaci. Aquestes dues imatges corresponen a la pantalla de resultats i classificaci.

12La diapositiva mostra laspecte visual de la primera pantalla de laplicaci. Com es pot observar t dues pestanyes, la primera amb els resultats de la jornada, i la segon amb la classificaci daquella jornada.

Cal destacar que en la primera imatge apareixen els escuts al costat dels noms dels equips. Depenent de la resoluci del dispositiu, si el nom colisiona amb lescut, aquet desapareixera per poder mostrar tot el nom. Aquest efecte es podr veure en el vdeo de la secci 5 Demostraci.123.2 Disseny grfic i dinterfcies IIAquestes dues imatges corresponen a la pantalla de detall dun partit.

13La diapositiva mostra laspecte visual de la segona pantalla de laplicaci, el detall dun partit. Com es pot observar tamb t dues pestanyes, la primera mostra les jugades ms importants del partit, mentre que la segona mostra les estadstiques dels jugadors, com ara els gols, penals, etc.

La part superior apareix una marquesina amb els dems resultats de la jornada, i just a sota, es pot observar el marcador del partit en qesti. Tota aquesta informaci sactualitzar en intervals dun minut automticament.134. ImplementaciRequisits dinstallaci:ServidorCompatible amb Apache, PHP i MySQLDisponibilitat de creaci de cronsjobs dinmicsAplicaci mbilDisposar dun dispositiu amb sistema operatiu IOS, Android o Windows Phone

Durant la implementaci del projecte shan posposat alguns elements dissenyats i funcionalitats per a futures entregues degut a la falta de temps per realitzar-les.

14La implementaci mostra els requisits necessries per a poder replicar el funcionament, tant del servidor com de laplicaci. A ms a ms destaca les decisions presses durant el desenvolupament, ja sigui per falta de temps o per haver dedicat ms temps del previst a altres tasques.144.1 Eines i llenguatges utilitzatsPer desenvolupar el disseny i implementaci del servidor shan utilitzat:SO UbuntuApache ServerPHPMySQLMySQL WorkbenchphpMyAdminCakePHPPer desenvolupar el disseny i implementaci de laplicaci shan utilitzat:Intel XDKHTML5CSS3JavscriptAdobe IllustratorAdobe Photoshop15ServidorAplicaci mbil

Les eines i llenguatges de programaci que shan utilitzat en tot el projecte sn els que es mencionen en aqueta diapositiva.

Per a la realitzaci del servidor va ser necessria la installaci de totes les eines en un servidor virtual (Digital Ocean, en aquest cas) i la seva posterior configuraci.

En canvi, per a la realitzaci de laplicaci el procediment va ser ms senzill, ja que la installaci dels programes es va realitzar amb els corresponents installadors i els llenguatges de programaci ja hi anaven incorporats.155. Demostraci

Aquest breu vdeo mostra el funcionament general en un dispositiu iPhone 4S.

* (El programa utilitzat no ofereix la possibilitat de gravar les pulsacions de la pantalla).16Breu screencast del funcionament de laplicaci en un iPhone 4S166. ConclusionsDificultat per adaptar el disseny de la interfcie a diferents dispositius, per compliment dels principals objectius inicials.

Planificaci optimista que sha hagut de reajustar, per amb resultat final satisfactori grcies a la metodologia gil utilitzada.

Menys funcionalitats per millor resultat de lesperat.

Bona acollida per part dun petit grup dusuaris. Seria interessant realitzar una prova pilot.

App gil i intutiva, catalogada com a elegant, fcil i innovadora per diverses persones involucrades en el mn de lhoquei.

17La majoria dels objectius plantejats shan acabat assolint sense problemes tot i que d'altres shan hagut de redissenyar o posposar per a futures revisions.

Malgrat la supressi de certes funcionalitats previstes inicialment, el resultat global de l'aplicaci ha sigut superior a l'esperat en un primer moment. Aix s degut als bons resultats en el disseny, sobretot en l'estructura interna i en l'apartat grfic, i a la seva adaptaci a la prctica

Destacar la gran quantitat de coneixements adquirits i aplicats durant la realitzaci del projecte, ja no noms d'aquesta assignatura, sin de diversos temes tamb treballats durant el Mster. Un dels punts ms gratificants s el fet d'haver sigut capa de realitzar la planificaci i el desenvolupament del projecte partint de zero i acabar obtenint-ne un resultat palpable 176.1 Lnies de futurPolir completament la soluci actualNeteja de codiAjusta elements visuals i algorismes interns

Incrementar les funcionalitatsNova pestanya dequip en pista en detall de partitForar el refresc a petici de lusuariEstadstiques dequips i jugadorsNoves categories nacionals i lligues europees

Estudiar lnia de comercialitzaciApp gratutaApp gratuta amb anuncisApp de pagamentBuscar un patrocinador i compartir el nom comercial de la marca i laplicaci

18Una vegada finalitzat el projecte en lestat actual, les lnies de futur que es pensen seguir sn les mencionades en aquesta diapositiva.

El fet ms destacat es que la lliga actual dhoquei sobre patins ja ha finalitzat i la segent temporada no comena fins al mes de setembre. Per tant, per a tenir una aplicaci finalitzada per aquesta data, noms es realitzaran els canvis oportuns com polir completament la soluci actual i estudiar la lnia de comercialitzaci. Si es veu que encara hi ha temps per realitzar alguna nova funcionalitat, aquest sinclour en la versi que ha destar llesta pel mes de setembre.18David Plaza BalaguGrcies per la seva atenci

19