Dia1

Tutorial Diario
D´ıa 1

Introducci´
on
Hola! Bienvenido a tu primer d´ıa en el taller de programaci´on Programa Tus Ideas :)
En este taller aprender´as a programar aplicaciones m´oviles para dispositivos Android usando el entorno de desarrollo AppInventor. AppInventor fue desarrollado por Google y est´a dise˜
nado espec´ıficamente para poder ser usado por cualquier persona—s´ı, incluso si nosabes
mucho de computaci´on o programaci´on puedes desarrollar tus aplicaciones, s´olo se requiere
mucha imaginaci´on, creatividad y entusiasmo!
Las actividades del taller est´an distribuidas en 8 d´ıas. Cada d´ıa te entregaremos un documento como ´este, con los tutoriales y material de apoyo que necesitar´as para ir aprendiendo
c´omo programar tus ideas. En el primer d´ıa aprender´as a usar elentorno AppInventor y
crear´as tus primeras aplicaciones (s´ı! m´as de una!). El ´ındice que se presenta a continuaci´on muestra el contenido de este documento: primero, un tutorial paso por paso para tu
primera aplicaci´on: Hola Gatito. A continuaci´on un breve tutorial te muestra c´omo crear
tu Portafolio, una p´agina web para mostrar tus aplicaciones al mundo, donde tus amigos y
otras personaspueden instalar tus aplicaciones en sus dispositivos. Luego, unas preguntas
y ejercicios de programaci´on para consolidar lo aprendido en el tutorial. A continuaci´on un
proyecto para que eches a volar tu imaginaci´on. La Secci´on 5 es opcional, contiene un resumen de toda la “materia” de este primer d´ıa. Finalmente, un breve resumen con los objetivos
y contenidos de este primer d´ıa.
A medida quevayamos desarrollando las aplicaciones utilizaremos material multimedia:
imagenes y sonidos. Todo este material estar´a disponible para su descarga, el cual ser´a avisado por el tutor correspondiente. En los documentos nos referiremos a esta carpeta como la
carpeta ProgramaTusIdeas. Consulta con tu tutor por el link espec´ıfico! Recuerda adem´as
que puedes consultar con el tutor del taller antecualquier problema o consulta. Tambi´en puedes trabajar desde tu casa en las actividades del taller y podr´as seguir usando AppInventor
despu´es de terminado el taller!

1

1. tutorial: hola gatito

1.

Tutorial: Hola Gatito
T´ıpicamente el primer programa que se realiza para probar un nuevo computador o

lenguaje de programaci´on muestra el mensaje “Hola Mundo” para mostrar que todo est´a conectado yfuncionando correctamente. En AppInventor incluso las aplicaciones m´as simples
pueden hacer mucho m´as que s´olo mostrar mensajes: ellas pueden reproducir sonidos y reaccionar cuando el usuario toca el dispositivo. As´ı que vamos a comenzar con algo mucho m´as
emocionante: tu primera aplicaci´on se llamar´a Hola Gatito. En general todas las aplicaciones se definen por sus pantallas visibles—loque se conoce como la interfaz de usuario—y
su comportamiento. La pantalla de la aplicaci´on se muestra en la Figura 1.1, y su comportamiento ser´a como sigue:
Cuando la imagen es presionada entonces se emite el sonido de un maullido y el dispositivo vibra.
Cuando el dispositivo es agitado entonces se emite el sonido de un maullido.

Figura 1.1: Pantalla de aplicaci´on Hola Gatito

Qu´
e Aprender´as
Siguiendo este tutorial aprender´as a:
Construir aplicaciones en AppInventor seleccionando componentes y dici´endoles qu´e hacer y cu´ando hacerlo.
Usar el Dise˜
nador de Componentes para seleccionar componentes. Algunos componentes son visibles en la pantalla del dispositivo mientras que otros no lo son.
2

1. tutorial: hola gatito
Agregar archivos multimedia (sonidos e im´agenes) a lasaplicaciones, subi´endoles a
AppInventor desde tu computador.
A usar el Editor de Bloques para ensamblar bloques de c´odigo que definen el comportamiento de los componentes, y que por lo tanto en conjunto definen el comportamiento
de la aplicaci´on.
Probar las aplicaciones directamente en los dispositivos, lo que te ayudar´a a ver c´omo
las aplicaciones se comportan, paso a paso, a medida que las...