Top Banner
CREACIÓN DE APLICACIONES Con App Inventor – U1: Programación TECNOLOGÍA E INFORMÁTICA Por Juan Felipe Saldarriaga Colorado
14
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: 02   unidad 2 programación - event handling

CREACIÓN DE APLICACIONESCon App Inventor – U1: Programación

TECNOLOGÍA E INFORMÁTICA

Por Juan Felipe Saldarriaga Colorado

Page 2: 02   unidad 2 programación - event handling

AGENDA

1. Ideas generales de la primera sesión.

2. Objetivos a lograr.3. Preparación para trabajar con App

Inventor.4. Primera aplicación: Magic Trick.5. Conceptualización.6. Actividades adicionales.

Page 3: 02   unidad 2 programación - event handling

METODOLOGÍA

Diseño ¿Qué es el diseño? process for

deliberately creating a product to meet a set of needs.

¿Por qué es necesario para crear Apps? Programación Diario de campo

Page 4: 02   unidad 2 programación - event handling

METODOLOGÍA PROGRAMACIÓN

 Fuente: Professor David Wolber - AppInventor.org

Page 5: 02   unidad 2 programación - event handling

UNIDAD 1Componente programación: event handling.

Page 6: 02   unidad 2 programación - event handling

Objetivos de la sesión

Instalar la metodología de trabajo del componente programación.

Configurar los dispositivos para programar con App Inventor.

Reconocer las partes principales de un programa de App Inventor.

Entender cómo funcionan e interactúan los componentes y los bloques.

Page 7: 02   unidad 2 programación - event handling

Configuración del App Inventor

1. Tener disponible una cuenta de Google.

2. Instalar el App Inventor Companion App para el móvil.

3. Tener navegador Google Chrome o Mozilla Firefox actualizados.

4. Conectar el PC y el móvil a la misma red wifi (sanjosevegas – autonomia)

Page 8: 02   unidad 2 programación - event handling

TUTORIAL: MAGIC TRICK

1. Abrir la web de App Inventor.2. Ingresar con la cuenta de Google.3. Iniciar proyecto Magic Trick.4. Reconocer la vista Designer .5. Descarga el App Inventor

Companion.6. Iniciar AICompanion y probar.7. Cargar y preparar los recursos

(imágenes y sonidos).8. Programar en el editor de bloques

(Blocks).

Page 9: 02   unidad 2 programación - event handling
Page 10: 02   unidad 2 programación - event handling

PREPARACIÓN

Tutoriales en video. Abrir el video. Cargar los subtítulos.

Tutoriales en pdf. Carpeta con recursos.

Page 11: 02   unidad 2 programación - event handling

RECURSOS DISPONIBLES

App Inventor 2 Setup and MagicTrick Tutorial (Video y subtitulos, abrir con VLC).

Tutorial MagicTrick (pdf). Hat image. Rabbit image. Ta Da Sound.

Page 12: 02   unidad 2 programación - event handling

CONCEPTUALIZACIÓN

En grupos discutir los siguientes términos y registrar las respuestas en el diario de campo:App InventorAI CompanionDesigner windowBlocks windowButton

Page 13: 02   unidad 2 programación - event handling

ACTIVIDADES ADICIONALES

Completar el folleto correspondiente sobre Magic Trick (anexar al diario de campo).

Explorar los conceptos de programación orientada a eventos (registro en diario de campo).

Page 14: 02   unidad 2 programación - event handling

PRÓXIMA SESIÓN: Componente diseño: concept generation.Componente programación: debugging.