APP INVENTOR

Tecnología e Informática

1

2

3

4

5

6

7

CREACIÓN DE APLICACIONES MOVILES

MG. JULIANA ORTIZ

COLFEM 2022

+info

+info

CONCEPTOS BÁSICOS

Escribe en el cuaderno para ti que significado tienen las siguientes palabras: celular, app y android

1. Lee el documento con los conceptos preliminares2. Observa con atención el siguiente video

1.Realizalas siguientes actividades.

1

2

Comprender algunos conceptos preliminares antes de iniciar con app inventor

3

1. NUESTRO RETO

2. EXPLORANDO

4

3. DESCUBRIENDO

4. CONSTRUYENDO

5

6

7

Tienes 5 min para realizar esta actividad

1. Realiza una infografía de acuerdo al contenido del documento, se vale digital o en una hoja bien organizada, como te quede mas fácil. 2. Responde las siguientes preguntas a. ¿Quién es Michael Sayman? b. ¿Cuál es su historia ? c. ¿Qué puede tener en común contigo? d. ¿Qué enseñanzas te deja esta historia?

Comprender que es app inventor y como funciona

• Lee con atención la definición de programación en bloque
• Dibuja la pieza de rompecabezas y escribe en tu cuaderno que tiene que ver tu dibujo con la definición de programación en bloque.

De acuerdo al documento realiza la actividad

+info

1. NUESTRO RETO

2. EXPLORANDO

3. DESCUBRIENDO

• Estudia el siguiente documento y

obseva el video.

4. CONSTRUYENDO

APP INVENTOR

1

2

3

4

5

6

7

1. Responde a las siguientes preguntas 🧐

1. ¿ Qué es app inventor?
2. Dibuja el icono de app inventor
3. ¿ Para que sirve app inventor?
4. ¿ Cuáles son los editores de app inventor?
5. ¿ Cómo puedo ver si funciona mi app creada con app inventor.?
6. ¿ Qué es editor de bloques y cual es su función?
7. ¿ Qué es editor de diseño y cual es su función?
8. ¿ Cuáles y cuántas columnas tiene la interfaz de diseño?
9. ¿ Cuáles y cuántas columnas tiene la interfaz de bloques?

2. Sigue las instrucciones para ingresar a app inventor, crea una cuenta de usuario y toma pantallazo que evidencie la creación de la cuenta🧩

NOMBRADO SIGNIFICATIVO DE COMPONENTES Es muy importante que para poder tener un mejor conocimiento y control sobre el desarrollo de nuestras aplicaciones nombremos de forma significativa a los diferentes componentes que vamos a utilizar en nuestra aplicación para luego poderlos identificar de una forma más rápida y clara. De esta forma nuestra primera App podría quedar de la siguiente manera: DIFERENCIA ENTRE EL NOMBRE DE LOS COMPONENTES Y EL TEXTO QUÉ SE VA A MOSTRAR EN LOS MISMOS Una cosa es el nombre del componente, que será el que utilicemos en programación por Bloques para referirnos a el mismo y otra el texto que queremos que muestren por defecto estos componentes en pantalla cuando se muestren, esto segundo lo modificamos en el campo Texto que aparece en la columna de Propiedades del Diseñador. También se podrá modificar lo indicado anteriormente cuando se quiera por programación. Finalmente nuestra aplicación quedará con el siguiente aspecto:

+nfo

?

MI PRIMERA APP

Como programador que se respete desarrollaremos nuestra primera app "Hola Mundo"

Observa con atención las instrucciones del siguiente video y responde las preguntas

Instala en tu celular la app MIT APP INVENTOS (recuerda que solo funciona con android)

Sigue las instrucciones de tu docente y/o las del video para realizar tu primera app y probarla en tu celular

1. NUESTRO RETO

1

2. EXPLORANDO

2

3. DESCUBRIENDO

4. CONSTRUYENDO

3

4

5

6

7

De acuerdo al video, responde en tu cuaderno 1. ¿Qué es el nombrado significativo de componentes? 2. ¿ En que columna o ventana se cambia el nombre de los componentes, explica el proceso? 3. ¿ Se pueden poner espacios en el nombre de los componentes? Explica 4. ¿ Cuál es la diferencia entre el nombre del componente y el texto que se va a mostrar' 5. Explica las dos posibilidades que tenemos para probar como funciona nuestra app

DESARROLLO APP: "HOLA MUNDO" Vamos a crear nuestra primera App en App Inventor. Vamos a crear la típica primera aplicación que se realiza en cualquier lenguaje de programación: "Hola Mundo". Crearemos una Aplicación donde aparezca un botón que cuando se pulse muestre en pantalla el texto "Hola Mundo". 1º DEFINICIÓN DE LA INTERFAZ. En primer lugar deberemos de definir la interfaz de nuestra aplicación, seleccionando y colocando los elementos que queremos que aparezcan en la pantalla de nuestra App.

• Necesitamos un componente Botón, para que al pulsarlo muestre el texto "Hola mundo" por pantalla.
• Necesitamos un componente Etiqueta, para mostrar el texto "Hola mundo".

2º PROGRAMACIÓN POR BLOQUES. Ahora realizamos la programación de los componentes que hemos dispuesto en la pantalla de nuestra aplicación para indicar como se debe de comportar cada uno de ellos.

PROBAR NUESTRA APP Hay 3 posibilidades para poder realizar pruebas en vivo: los cambios que realicemos en nuestra programa directamente se actualizarán en nuestras pruebas. Estas opciones son:1.- Si estás utilizando un dispositivo Android y tienes una conexión inalámbrica a Internet (WiFi), puedes comenzar la creación de aplicaciones sin necesidad de descargar ningún software en su ordenador. Eso sí, tendrás que instalar la aplicación Companion App Inventor en tu dispositivo. Elige la opción uno. Esta opción se recomienda encarecidamente.2.- Si no tienes un dispositivo Android, tendrás que instalar el software en su ordenador para que pueda utilizar el emulador de Android en la pantalla del mismo. Elige la opción dos.3.- Si no tienes una conexión inalámbrica a Internet (WiFi), tendrás que instalar el software en tu computadora de modo que puedas conectar a su dispositivo Android a través de USB. Elige la opción de tres. La opción de conexión USB puede ser complicada, especialmente en Windows. Usa esto como un último recurso.Opción 1 - RECOMENDADOConstruir aplicaciones con un dispositivo Android y conexión WiFi InstruccionesSi tienes una computadora, un dispositivo Android, y una conexión Wi-Fi, esta es la manera más fácil para probar tus aplicaciones. Opción 2¿Todavía no tienes un dispositivo Android? Utiliza el emulador: InstruccionesSi no tienes un teléfono Android o tableta a mano, puedes seguir utilizando la aplicación Inventor. Tienes una clase de 30 alumnos? Pueden trabajar principalmente en emuladores y compartir unos pocos dispositivos. Opción 3No WiFi? Construir aplicaciones con un dispositivo Android y Cable USB: InstruccionesAlgunos servidores de seguridad dentro de las escuelas y las organizaciones no permiten el tipo de conexión Wi-Fi necesario. Si WiFi no funciona , usa la conexión USB.

APP "MI ARTISTA FAVORITO"

?

?

Crear una app que permita escuchar mi artista favorito al presionar un boton

Observa con atención el video y responde en tu cuaderno

1. NUESTRO RETO

1

2. EXPLORANDO

2

3

4

5

6

7

Sigue las instrucciones de tu docente y/o las del video para realizar tu primera app y probarla en tu celular

3. DESCUBRIENDO

4. CONSTRUYENDO

Observa el video y resuelve las preguntas

De acuerdo a la información del video En tu cuaderno completa realiza y completa los campos de la siguiente tabla ELEMENTOICONO (DIBUJO)FUNCIÓNBotonesCasilla de verificaciónSelector de fechaSelector de horaImagenEtiquetaSelector de listaDesplegableVisor de listaCampo de TextoCampo de contraseñaDeslizadorVisor web

De acuerdo a la información del video responde en el cuaderno las siguientes preguntas 1. ¿Para qué sirve el grupo de herramientas: disposición? 2. ¿ Que significa ajustar al contenedor? 3. ¿ Si queremos dar el tamaño exacto a un bloque que ajuste utilizamos pixel o porcentaje, cuales son sus ventajas y desventajas? 4. ¿ Porque es mejor utilizar el ajuste porcentaje para dar tamaño a un bloque? 5. Explica en que caso se usa el bloque de disposición horizontal y disposición vertical

Selecciona una imagen y una canción de tu artista o grupo favorito FORMATO DE IMAGEN JPG FORMATO CANCIÓN MP3

EXPORTAR E INSTALAR NUESTRA APP EN DISP. MÓVILES ¿QUE ES UN APK?Un archivo APK es el formato utilizado para la instalación de software en Android. Éste es una variante del JAR de Java, y se utiliza para distribuir e instalar componentes empaquetados en smartphones o tablets ¿CÓMO CREAR O GENERAR UN ARCHIVO APK EN APP INVENTOR?Crear o construir una aplicación a partir de los bloques de códigos lógicos es muy fácil.

1

2

3

4

5

Navegar entre pantallas , screen

6

Lee la información del siguiente enlace y realiza la actividad en tu cuaderno.

1. NUESTRO RETO

7

2. EXPLORANDO

Vamos a hacer más interesante la app de tu artista favorito

3. DESCUBRIENDO

4. CONSTRUYENDO

Observa el video y realiza el ejercicio que alli se plantea

NAVEGAR ENTRE PANTALLAS

De acuerdo a la información que leíste en el enlace, escribe el paso a paso para crear pantallas, darles nombres y como se puede navegar entre ellas

Crea las siguientes pantallas y sus respectivos botones de navegación

• Vida
• Premios
• Galeria de imagenes con explicación
• Top 5 de mejores canciones con enlace a vídeos de youtube

1

2

3

4

5

Descargar nuestra app, crear icono de app y codigo QR para compartir

6

Lee la información Cómo crear un icono para nuestra app y responde las preguntas en tu cuaderno

1. NUESTRO RETO

7

2. EXPLORANDO

Vamos a descargar nuestra APP, subirla al drive y compartir el QR con tu docente para revisión.

3. DESCUBRIENDO

4. CONSTRUYENDO

Observa el video sobre la descarga de Apps y responde las preguntas en el cuaderno

COMPARTIR NUESTRA APP

Responde a las siguientes preguntas de acuerdo a la información que encontraste en el documento

1. Cuales son las medidas adecuadas para un icono?
2. Que elemento selecciono para encontrar la opción de cambiar el icono?
3. Que botón presiono para cargar la imagen del icono?
4. Cuál es la importancia de diseñar un buen icono para nuestra app?
5. ¿Qué recomendaciones debemos tener en cuenta para diseñar el icono de tu app?

Responde a las siguientes preguntas de acuerdo a la información que encontraste en el VÍDEO 1

1. Cuales son las dos opciones que nos proporciona AppInventor para descargar una app?
2. Cuanto tiempo dura el código QR que proporciona AppInventor?
3. Que extensión tiene la app compilada y descargada?
4. Cuál es el error que nos puede salir en el celular al instalar la app?

En el VÍDEO 2 se explica como subir nuestra app descargada al drive y como generar un QR para compartirla 5. Explica mediante un diagrama de proceso, los pasos para descargar app, subirla al drive, generar QR, compartir e instalar app

1

2

3

4

5

Descubrir nuevas herramientas de AppInventor y su uso a través de ejercicios prácticos

6

Vamos a crear un lienzo para pintar ( al estilo paint). Sigue las instrucciones

1. NUESTRO RETO

7

PAINT

PROYECTO FINAL.

TRADUCTOR

4. CONSTRUYENDO

Vamos a crear una App que permita traducir texto a otro idiomaSigue las instrucciones

PRACTICANDO

La app debe entregarse mediante QR para que el docente descargue y revise. No olviden diseñar el icono de la app

La app debe entregarse mediante QR para que el docente descargue y revise. No olviden diseñar el icono de la app

Revisa tu entorno, que problema puedes ayudar a resolver a través del diseño de una app? Antes de empezar a trabajar en tu app presenta a tu docente un documento escrito que contenga las siguientes partes:

1. Nombre del proyecto
2. Introducción
3. Objetivo General
4. Objetivos específicos
5. Descripción del problema
6. Descripción de la app que piensas desarrollar

La app debe entregarse mediante QR para que el docente descargue y revise. No olviden diseñar el icono de la app