María Fernández Colodreroopenaccess.uoc.edu/webapps/o2/bitstream/10609/43021/8... · EL...
Transcript of María Fernández Colodreroopenaccess.uoc.edu/webapps/o2/bitstream/10609/43021/8... · EL...
María Fernández Colodrero Máster de Aplicaciones Multimedia
Trabajo Final de Máster Junio 2015
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
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
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
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
CADA COSA A SU TIEMPO
IDEA& CONCEPTO
FUNCIONALIDAD &CONTENIDO
ARQUITECTURA DE LA INFORMACIÓN
DISEÑO
DESARROLLO TEST
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
UNA APP BONITA: EL DISEÑO
• Diseño de iconos flat
UNA APP BONITA: EL DISEÑO• El logotipo de “my wee app”
UNA APP BONITA: EL DISEÑO• Mockups
UNA APP BONITA: EL DISEÑO• Prototipos a alta definición
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
UNA APP FUNCIONAL: EL DESARROLLO
• Arquitectura interna de la aplicación
• Base de datos: SQLite
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
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
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
LA PRIMA HERMANA: LA WEB
• HTML5: etiquetas más semánticas
• <header>!
• <section>
• <footer>
• CSS3: media queries
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!
MY WEE APP (¡DALE AL PLAY!)
MUCHAS GRACIAS :)