Desenvolupament de l’aplicació mòbil MyUppy

Slides:



Advertisements
Presentaciones similares
TFG – Àrea Enginyeria del programari
Advertisements

Aplicació web per a la gestió de col·leccions de videojocs
Disseny i desenvolupament d’un framework MVC en PHP
d' a s s i s t è n c i a al g o v e r n l o c a l
Treball Fi de Carrera – J2EE
TFC Intranet Escolar Desenvolupament d’una aplicació Java2 EE
i el que no es pot avaluar
Gestió de projectes àgils distribuïts
Disseny de la interfície d’un smartwatch i l’aplicació mòbil
Elena Prieto Amengual Marina Reus Busquets Maria Roig Paredes
Implantació del protocol Inserqual en la fase d’acollida
EXCEL·LÈNCIA PROFESSIONAL I INCREMENT
AMPA 2.0 ? AMPA escola IPSE de Barcelona
uoc-domo CONTROL DOMÒTIC AMB ARDUINO UOC-DOMO
TERMOREGULACIÓ HORÀRIA INDIVIDUAL DELS ESPAIS DEL CENTRE
PETITS REPORTERS Títol.
Recordem què vol dir ser adolescent
Presentació de Projecte Final de Màster
Autor: Samuel Lozano Alcodori
1 u n i t a t El departament de Recursos Humans.
TFC - Antoni Romanos Arasa
PubMed i el gestor de revistes del CRAI de la UB (servei SFX)
Disseny i implementació d’una base de dades relacional
Juan Antonio Elena Castiñeira Grau d’Enginyeria Informàtica  
va aprovar la Llei de Millora de barris.
SISTEMA GESTOR D’EMPRESA D’EXCAVACIONS
Aplicacions web per treball col·laboratiu
Control de posició GPS i avís d'incidències via SMS
Desenvolupament d’aplicacions mòbils (HTML5 o Windows Phone)
DGCEC - ICEC SERVEI DE DESENVOLUPAMENT EMPRESARIAL (SDE)
Projecte d’Itineraris Formatius
IMPLIQUEM A TOTES LES CLASSES EN EL NOSTRE PROJECTE
TFG I – PROJECTE PROFESSIONAL
Cambra Oficial de Comerç i Indústria de Sabadell
PLA DE FORMACIÓ DEL CENTRE
TREBALL DE FINAL DE CARRERA
Incorporació de la Perspectiva de Gènere en la Prevenció del vih en l’àmbit de les drogodependències  La perspectiva de gènere ens ofereix l’oportunitat.
Immobiliària 2.0, adequació als estàndards actuals
Víctor Ruiz Marquès Enginyeria en Informàtica   Juan Martínez Bolaños
Aplicació de gestió d’una perruqueria
La gestió per processos
Projecte eTaller Disseny i implementació d’una aplicació de gestió web JEE per a petits tallers de reparació d’automòbils © Jaume López Diaz – Treball.
DISSENY GRÀFIC D’UN PORTAL DE TRANSPARÈNCIA PER AJUNTAMENTS
DISC DUR Dispositiu encarregat d’emmagatzemar informació de forma permanent al nostre ordinador.
Enginyeria del software II
Curs de Llenguatge Administratiu Valencià Juli Martínez Amorós
Presentació BATXILLERAT
LA GESTIÓ DEL DOCUMENT ELECTRÒNIC: DES DEL REGISTRE A L’ARXIU
Llorenç Seguí capllonch 11 de juny de 2018
XARXES PRIVADES VIRTUALS ( VPNs )
Una experiència d’ambientalització curricular als estudis de Magisteri de la FPCEE Blanquerna PAMB IV SEMINARI SOBRE AMBIENTALITZACIÓ CURRICULAR de les.
La imatge corporativa Una eina fonamental en l’actualitat
Introducció Al posicionament Web.
MPGM Ciutat Meridiana Procés participatiu Gener 2019.
Projecte d’Itineraris Formatius
Projecte Fi de Carrera - J2EE Alumne: Daniel Clemente Marcè
Estudiant: Eva Muñoz Altimis
Organització i creixement
Sistema de descàrrega d’aplicacions per a mòbils intel·ligents
Quin poble volem? CP Mare de Déu del Toro Es Mercadal
Títol: Git, un sistema de gestió del codi per projectes de software
Anàlisi d’un lloc web implementant actualització del contingut
Projecte: Videojocs.cat
Màster d’Aplicacions Multimèdia
Plans d’igualtat d’oportunitats Plans d’igualtat d’oportunitats
Grabeplast sales management
Presentació assignatura
IMPULS DE LA LECTURA FORMACIÓ
Desenvolupament d'una aplicació web per a viatgers
ESTADA A L’EMPRESA AL BATXILLERAT
Transcripción de la presentación:

Desenvolupament de l’aplicació mòbil MyUppy Proposta de col·laboració Gener 2017

Índex 1 Abast funcional 2 Solució tècnica proposada 3 Dissenyant l’experiència 4 Planificació 5 Equip de treball 6 Estimació econòmica 7 La millor elecció 8 Detalls tècnics de la feina realitzada

Els perfils necessaris per portar a terme el projecte. Resum executiu L'objectiu principal de l’aplicació és ajudar a totes aquelles persones interessades a assolir i controlar el seu pes ideal. Mitjançant, dietes salut específiques per cada usuari, incentivació amb exercicis adaptats a cada edat i motivació per aconseguir els objectius marcats. MyuPPy, la mascota serà l’entrenador personal de l’aplicació que ajudarà a l’usuari en la realització del regim a través de la gamificació. El context de l’aplicació es troba dintre de la medicina, salut i fitness. Abast Abast funcional de cada fase agrupant en requisits funcionals, no funcionals i de seguretat / rendiment. Projecte Les activitats i la solució tècnica de la solució per cobrir tots els requisits sol·licitats. A més detallarem la planificació del projecte i el seu cost. Abast Els perfils necessaris per portar a terme el projecte. 3

01      Abast funcional 4

Situació Actual Expectatives Volem oferir als nostres clients una aplicació mòbil que permeti: Una experiència d'usuari nativa. Obtenir una aplicació mòbil per iOS i Android amb un cost reduït. Disposar de l'aplicació en el menor temps possible. Oferir una aplicació tant per a mòbils com per tablets i web. Al mercat hi ha moltes aplicacions mòbils per aprimar, però cap con MiUppy. Aquesta aplicació t’ofereix aprimar-te mitjançant el joc. 5

Expectatives Una aplicació que ofereixi una experiència d'usuari definida, dissenyada i desenvolupada amb el focus en la mobilitat, tant com en les seves grans capacitats i prestacions. Noves capacitats i funcionalitats Requisits de seguretat i rendiment • Els recursos estàtics (HTMLCSS, JS, Imatges, fonts, etc.) estan allotjats en la pròpia aplicació, de manera que l'aplicació només ha de fer peticions a la base de dades Firebase, la qual cosa millora molt el seu rendiment. • Web securitzada amb login. Requisits no funcionals • Experiència d'usuari nativa, senzilla i intuïtiva. • Temps de resposta curts combinat amb usabilitat òptima. • Aplicació flexible (escalable i evolucionable). 6

Funcionalitats   Les funcionalitats a cobrir són les següents: 7

Solució tècnica proposada 02      Solució tècnica proposada 8

Frameworks ANGULAR AngularJS és un framework de JavaScript basat en l'arquitectura Model-Vista-Controlador per al Desenvolupament Web Front End que permet crear aplicacions SPA (Single-Page Applications).  AngularJS, gràcies a la seva característica de que la vista i el model estan en relació constant, aconsegueix que tot canvi visual s'actualitzi a temps real. Nom: Logo Angular Url: https://angularjs.org/img/ng-logo.pngLlicència: sota llicència MT 9

Frameworks IONIC Ionic és un framework de codi obert per al desenvolupament d'aplicacions híbrides basades en HTML5, CSS i JS, construït amb Sass com preprocessador d'estils i optimitzat per angular JS. Les seves principals característiques són: Alt rendiment: Mínima manipulació del DOM i acceleracions de transicions per maquinari. Arquitectura robusta: Gràcies a Angular js Experiència nativa: S'inspira en les SDK de desenvolupament de mòbils natius. Nom: Logo Ionic Url: http://ionicframework.com/img/ionic-logo.png Llicència: sota llicència MT 10

BBDD FIREBASE Firebase és un servei capaç de proveir d'un Backend en el núvol amb una font de dades en temps real i llibreries per accedir-hi des d'aplicacions web, iOS i Android. Les seves principals característiques són: Firebase està format per una sèrie de llibreries mitjançant les quals es connecta i ens manté subscrits als canvis de les dades. L'altre servei que Firebase ofereix és el de l'autenticació, per poder realitzar login en el sistema i crear aplicacions. Permet login amb usuari i clau, així com amb diferents connectors socials com Facebook, Twitter, Google, etc. Nom: Logo Firebase Url: ttps://firebase.google.com/_static/e59e9bfa61/images/firebase/lockup.png Llicència: Creative Commons Attribution 3.0 11

Dissenyant l’experiència 03      Dissenyant l’experiència 12

Dissenyant l’experiència L'objectiu serà el de dissenyar una experiència mòbil centrada en l'usuari que ofereixi una navegació natural i intuïtiva pròpia d'aquest dispositiu. Disseny d'iteració, arquitectura d'informació i disseny gràfic. La nostra proposta de Wireframes: 13

Treball àgil, personalitzant des de la fase d'oferta 14

Fem proposta de disseny atractives 15

04      Planificació 16

Pla de projecte 17

05      Equip de Treball 18

Situació Actual Dissenyadora Programadora Analista Tècnica d’infraestructura  Equip tècnic I funcional 19

06      Estimació econòmica 20

Tindrà un cost total de 6.400€ sense IVA Estimació econòmica La realització de les funcionalitats i serveis professionals següents: Arquitectura d'informació Disseny Gràfic Anàlisi i arquitectura tècnica Funcionalitats Desplegament de la plataforma Estimació Econòmica Tindrà un cost total de 6.400€ sense IVA 21

07      La millor elecció 22

Codi obert La millor elecció Iònic és un projecte de codi lliure i obert 100%, autoritzat sota llicència MIT. Amb Firebase podem crear Bases de dades molt ràpidament. Angular JS Crea aplicacions molt visuals, vistoses i ràpides de desenvolupar. 23

Detalls tècnics de la feina realitzada 08      Detalls tècnics de la feina realitzada 24

Detalls tècnics de la feina realitzada Instal·lació de l’entorn Ionic Framework Aprendre Angular i Serveis Rest Creació de la BBDD MyuPPy Configurar FIREBASE Desenvolupament pantalles Creació Menú Presentació En JSON Creació del Controller, el cor de l’aplicació Tests Instal·lació MySql PAC1 PAC2 PAC3 Detalls tècnics de la feina realitzada Vídeo LLIURAMENT FINAL 25

Moltes gracies per la vostre atenció      Moltes gracies per la vostre atenció ABM