Desarrollando el UI de Android
Las clases del PEAC vuelven en el 2012 con renovada energía y la satisfacción de ver como alumnos aprender por su cuenta e innovan con los conceptos vistos en clases. Es muy gratificante como los alumnos emplean las tecnologías y se desarrollan humanamente para ser mejores personas y alumnos.
En la sesión de hoy, los alumnos usarán su documento de definición de proyecto y desarrollarán sus interface de usuario en Android gracias a la ayuda de la herramienta Open Source: Droid Draw.
La herramienta DroidDraw, permite separar el proceso de definición de UI (User Interface) del desarrollo por lo cual, Team Leaders y Jefes de proyectos, pueden refinar la definición del proyecto, Ingenieros centrarse en eclipse e Ingenieros en UI centrarse en como hacer fácil los proyectos para los usuarios. La herramienta se puede usar desde la siguiente URL:
Un ejemplo del uso de Droid Draw algo avanzado y desarrollado en su totalidad por un alumno del programa en las navidades, se muestra a continuación:
En el ejemplo se muestra, como el alumno aprendió a definir UIs usando una herramienta y ahora tiene la tarea de definir como hacer interactiva misma.
Objetivos de la sesión:
- Transformar la definición de su proyecto en pantallas a través de Droid Draw
- Descubrir que necesidades tecnológicas tiene su proyecto y pedir apoyo del profesor
- Aprender a ensamblar una UI en su proyecto
- Aprender a usar imágenes en su UI
- Aprender a dotar de interactividad su proyecto
En la clase, se avanzará en el proyecto de Números Aleatorios, diseñado por el grupo 2 de Bachillerato como ejemplo para los diferentes grupos.
http://code.google.com/p/peac-madrid-dat-este-2012/source/browse/trunk/class2/grupo2/application/v2/
Como apoyo didáctico, se usara el website de Google recientemente lanzado para ayudar en el desarrollo de aplicaciones móviles con Android.
http://developer.android.com/design/index.html
Para fomentar la creatividad, en la clase se escuchara la música del artista Claude Debussy
El proyecto, va en relación al artículo publicado en PEAC:
Como poner un boton:
//Boton 1
Button bt1 = (Button)findViewById(R.id.button1);
bt1.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(NumbersV2Activity.this, “Instrucciones”, Toast.LENGTH_SHORT).show();
}
});