![Page 1: María Fernández Colodreroopenaccess.uoc.edu/webapps/o2/bitstream/10609/43021/8... · EL DESARROLLO • Plataforma Android • Formación autodidacta de Java • Una de las dos plataformas](https://reader035.vdocuments.co/reader035/viewer/2022081611/5f0e34e47e708231d43e1f9f/html5/thumbnails/1.jpg)
María Fernández Colodrero Máster de Aplicaciones Multimedia
Trabajo Final de Máster Junio 2015
![Page 2: María Fernández Colodreroopenaccess.uoc.edu/webapps/o2/bitstream/10609/43021/8... · EL DESARROLLO • Plataforma Android • Formación autodidacta de Java • Una de las dos plataformas](https://reader035.vdocuments.co/reader035/viewer/2022081611/5f0e34e47e708231d43e1f9f/html5/thumbnails/2.jpg)
CONTENIDOS• Mi motivación, la idea!
• Estado de la cuestión (o los adorables vecinos)
• Mi propuesta
• Cada cosa a su tiempo
• Una app bonita: el diseño
• Una app funcional: el desarrollo
• La prima hermana : la web
• Hasta aquí hemos llegado
![Page 3: María Fernández Colodreroopenaccess.uoc.edu/webapps/o2/bitstream/10609/43021/8... · EL DESARROLLO • Plataforma Android • Formación autodidacta de Java • Una de las dos plataformas](https://reader035.vdocuments.co/reader035/viewer/2022081611/5f0e34e47e708231d43e1f9f/html5/thumbnails/3.jpg)
MI MOTIVACIÓN, LA IDEA• Ya tengo 29 años…
• Detecto en el entorno personal una necesidad
• Los padres necesitan llevar un control horario del bebé
• Idea! una app que permita registrar las rutinas del bebé
• El smartphone, un aliado
![Page 4: María Fernández Colodreroopenaccess.uoc.edu/webapps/o2/bitstream/10609/43021/8... · EL DESARROLLO • Plataforma Android • Formación autodidacta de Java • Una de las dos plataformas](https://reader035.vdocuments.co/reader035/viewer/2022081611/5f0e34e47e708231d43e1f9f/html5/thumbnails/4.jpg)
EL ESTADO DE LA CUESTIÓN (O LOS ADORABLES VECINOS)
• Carecen de funcionalidades básicas
Aplicaciones gratuitas analizadas en Google Play...
• Ofrecen funcionalidades mediante in-app purchase
• Diseño poco agradable e intuitivo
• Solamente un perfil de bebé gratis
![Page 5: María Fernández Colodreroopenaccess.uoc.edu/webapps/o2/bitstream/10609/43021/8... · EL DESARROLLO • Plataforma Android • Formación autodidacta de Java • Una de las dos plataformas](https://reader035.vdocuments.co/reader035/viewer/2022081611/5f0e34e47e708231d43e1f9f/html5/thumbnails/5.jpg)
MI PROPUESTA• Una aplicación completamente gratuita
• Todas las funcionalidades básicas:
• Lactancia
• Pañales
• Baños
!
• Sueño • Medicinas • Pediatra
• Perfiles de bebés ilimitados
• Buena experiencia de usuario
• Eficiencia y rendimiento
![Page 6: María Fernández Colodreroopenaccess.uoc.edu/webapps/o2/bitstream/10609/43021/8... · EL DESARROLLO • Plataforma Android • Formación autodidacta de Java • Una de las dos plataformas](https://reader035.vdocuments.co/reader035/viewer/2022081611/5f0e34e47e708231d43e1f9f/html5/thumbnails/6.jpg)
CADA COSA A SU TIEMPO
IDEA& CONCEPTO
FUNCIONALIDAD &CONTENIDO
ARQUITECTURA DE LA INFORMACIÓN
DISEÑO
DESARROLLO TEST
![Page 7: María Fernández Colodreroopenaccess.uoc.edu/webapps/o2/bitstream/10609/43021/8... · EL DESARROLLO • Plataforma Android • Formación autodidacta de Java • Una de las dos plataformas](https://reader035.vdocuments.co/reader035/viewer/2022081611/5f0e34e47e708231d43e1f9f/html5/thumbnails/7.jpg)
UNA APP BONITA: EL DISEÑO
• Diseño basado en Material Design de Google
Text 1 Text 2 !
my wee app• Sentido del orden mediante capas
• Profundidad, luces y sombras
• Colores brillantes
• Tipografia legible y contrastada
![Page 8: María Fernández Colodreroopenaccess.uoc.edu/webapps/o2/bitstream/10609/43021/8... · EL DESARROLLO • Plataforma Android • Formación autodidacta de Java • Una de las dos plataformas](https://reader035.vdocuments.co/reader035/viewer/2022081611/5f0e34e47e708231d43e1f9f/html5/thumbnails/8.jpg)
UNA APP BONITA: EL DISEÑO
• Diseño de iconos flat
![Page 9: María Fernández Colodreroopenaccess.uoc.edu/webapps/o2/bitstream/10609/43021/8... · EL DESARROLLO • Plataforma Android • Formación autodidacta de Java • Una de las dos plataformas](https://reader035.vdocuments.co/reader035/viewer/2022081611/5f0e34e47e708231d43e1f9f/html5/thumbnails/9.jpg)
UNA APP BONITA: EL DISEÑO• El logotipo de “my wee app”
![Page 10: María Fernández Colodreroopenaccess.uoc.edu/webapps/o2/bitstream/10609/43021/8... · EL DESARROLLO • Plataforma Android • Formación autodidacta de Java • Una de las dos plataformas](https://reader035.vdocuments.co/reader035/viewer/2022081611/5f0e34e47e708231d43e1f9f/html5/thumbnails/10.jpg)
UNA APP BONITA: EL DISEÑO• Mockups
![Page 11: María Fernández Colodreroopenaccess.uoc.edu/webapps/o2/bitstream/10609/43021/8... · EL DESARROLLO • Plataforma Android • Formación autodidacta de Java • Una de las dos plataformas](https://reader035.vdocuments.co/reader035/viewer/2022081611/5f0e34e47e708231d43e1f9f/html5/thumbnails/11.jpg)
UNA APP BONITA: EL DISEÑO• Prototipos a alta definición
![Page 12: María Fernández Colodreroopenaccess.uoc.edu/webapps/o2/bitstream/10609/43021/8... · EL DESARROLLO • Plataforma Android • Formación autodidacta de Java • Una de las dos plataformas](https://reader035.vdocuments.co/reader035/viewer/2022081611/5f0e34e47e708231d43e1f9f/html5/thumbnails/12.jpg)
UNA APP FUNCIONAL: EL DESARROLLO
• Plataforma Android
• Formación autodidacta de Java
• Una de las dos plataformas con más usuarios
• Programación nativa: mayor rendimiento, más eficiente y fluida
• Permite acceso al hardware del dispositivo
![Page 13: María Fernández Colodreroopenaccess.uoc.edu/webapps/o2/bitstream/10609/43021/8... · EL DESARROLLO • Plataforma Android • Formación autodidacta de Java • Una de las dos plataformas](https://reader035.vdocuments.co/reader035/viewer/2022081611/5f0e34e47e708231d43e1f9f/html5/thumbnails/13.jpg)
UNA APP FUNCIONAL: EL DESARROLLO
• Arquitectura interna de la aplicación
• Base de datos: SQLite
![Page 14: María Fernández Colodreroopenaccess.uoc.edu/webapps/o2/bitstream/10609/43021/8... · EL DESARROLLO • Plataforma Android • Formación autodidacta de Java • Una de las dos plataformas](https://reader035.vdocuments.co/reader035/viewer/2022081611/5f0e34e47e708231d43e1f9f/html5/thumbnails/14.jpg)
UNA APP FUNCIONAL: EL DESARROLLO
• Clases de datos para escribir el contenido de las listas
• Clases de Android
• ListView, TextView, ImageView • EditText • DatePicker • Chronometer • DBSQLiteHelper, SQLiteDatabase • Relative Layout • FragmentManager, FragmentTransaction
![Page 15: María Fernández Colodreroopenaccess.uoc.edu/webapps/o2/bitstream/10609/43021/8... · EL DESARROLLO • Plataforma Android • Formación autodidacta de Java • Una de las dos plataformas](https://reader035.vdocuments.co/reader035/viewer/2022081611/5f0e34e47e708231d43e1f9f/html5/thumbnails/15.jpg)
LA PRIMA HERMANA: LA WEB
• Herramienta de promoción de “my wee app”
• Aporta información sobre el producto
• Potencia las descargas
• Fomenta la identidad de marca
![Page 16: María Fernández Colodreroopenaccess.uoc.edu/webapps/o2/bitstream/10609/43021/8... · EL DESARROLLO • Plataforma Android • Formación autodidacta de Java • Una de las dos plataformas](https://reader035.vdocuments.co/reader035/viewer/2022081611/5f0e34e47e708231d43e1f9f/html5/thumbnails/16.jpg)
LA PRIMA HERMANA: LA WEB
• Diseño widescreen: funcional, actual y sencillo
• Se mantiene gama cromática y tipografia de la app
• Diseño Responsive
![Page 17: María Fernández Colodreroopenaccess.uoc.edu/webapps/o2/bitstream/10609/43021/8... · EL DESARROLLO • Plataforma Android • Formación autodidacta de Java • Una de las dos plataformas](https://reader035.vdocuments.co/reader035/viewer/2022081611/5f0e34e47e708231d43e1f9f/html5/thumbnails/17.jpg)
LA PRIMA HERMANA: LA WEB
• HTML5: etiquetas más semánticas
• <header>!
• <section>
• <footer>
• CSS3: media queries
![Page 18: María Fernández Colodreroopenaccess.uoc.edu/webapps/o2/bitstream/10609/43021/8... · EL DESARROLLO • Plataforma Android • Formación autodidacta de Java • Una de las dos plataformas](https://reader035.vdocuments.co/reader035/viewer/2022081611/5f0e34e47e708231d43e1f9f/html5/thumbnails/18.jpg)
HASTA AQUÍ HEMOS LLEGADO
• El producto funciona y cumple los objetivos planteados
• La programación, lo más duro
• Reto académico y personal
• Y después…¡publicarla en Google Play!
![Page 19: María Fernández Colodreroopenaccess.uoc.edu/webapps/o2/bitstream/10609/43021/8... · EL DESARROLLO • Plataforma Android • Formación autodidacta de Java • Una de las dos plataformas](https://reader035.vdocuments.co/reader035/viewer/2022081611/5f0e34e47e708231d43e1f9f/html5/thumbnails/19.jpg)
MY WEE APP (¡DALE AL PLAY!)
![Page 20: María Fernández Colodreroopenaccess.uoc.edu/webapps/o2/bitstream/10609/43021/8... · EL DESARROLLO • Plataforma Android • Formación autodidacta de Java • Una de las dos plataformas](https://reader035.vdocuments.co/reader035/viewer/2022081611/5f0e34e47e708231d43e1f9f/html5/thumbnails/20.jpg)
MUCHAS GRACIAS :)