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 :)