Comparte tu primera APP

Hola!!!

La propuesta para esta nueva actividad es que compartas tu primera APP, en una nueva entrada de tu Blog.

Ingresa en la entrada:

1) La captura de tu APP en el Visor en el App Inventor Designer.

2) La captura de tu APP en el Visor en el App Inventor Blocks Editor.

3) La captura del código QR y el link a tu APP.

Pronto les grabaré un video con una nueva explicación.
Saludos
Profe Cris

Read More

Aprendiendo a diseñar APPs para celulares

Hola!!!
¿Cómo están? Espero que bien.

Aquí estoy con una nueva propuesta...
¿Qué vamos a aprender?
Algo que les resultará útil, agradable  (eso espero) y que tal vez los haga famosos (no creo que los haga millonarios, pero nunca se sabe... jaja).

¿Qué es?
El diseño de aplicaciones móviles para celulares.

Para crear aplicaciones para móviles existen numerosas plataformas de desarrollo.
Una de ellas es App Inventor, desarrollada por Google para crear aplicaciones para dispositivos Android.
El entorno de desarrollo es completamente visual, tanto en la etapa del diseño como en la de programación (a través de bloques), y por eso es una buena puerta de acceso para los que recién se inician en este tema.


Clase Nº 1: Nuestra primera aplicación con App Inventor.

Empecemos la construcción de nuestra primer app:
La vamos a llamar "MiprimeraApp".

A medida que construyas vas a aprender a usar las tres herramientas fundamentales de trabajo de App Inventor:

- El Diseñador, el lugar donde diseñás tu aplicación, y que se ejecuta en el navegador web.

- El Editor de bloques, el lugar donde se configura el comportamiento de la aplicación, y que también se ejecuta en el navegador web.

- El Celular.

IMPORTANTE!!!! Para usar App Inventor necesitamos una cuenta de GMail. Por suerte, ya la tenemos...

¿Listo? 

1) Vamos al sitio de App Inventor:
http://ai2.appinventor.mit.edu
y nos logueamos con nuestro email de gmail.

Se nos abrirá una página con los términos de uso que tendremos que aceptar.

Originalmente, la página está en Inglés, pero podemos seleccionar el idioma desde el último menú de la derecha.

El mensaje nos indica que aún no tenemos proyectos creados y nos sugiere el uso de una Guía si es la primera vez que trabajaremos en este tema.

2) Crearemos un proyecto nuevo haciendo clic en el botón "Comenzar un proyecto nuevo".

Escribimos el nombre del proyecto, por ejemplo: MiprimeraApp, en una sola palabra, sin espacios, y hacemos clic en Aceptar.

En el navegador se abre el Diseñador, el lugar donde se diseñan las pantallas de tu aplicación, organizando los distintos componentes en el Visor (el espacio central).

Los componentes disponibles se encuentran a la izquierda, bajo la etiqueta Paleta, agrupados en secciones:

- Interfaz de usuario
- Disposición
- Medios
- Dibujo y animación
- Maps
- Sensores
- Social
- Almacenamiento
entre otros.










Vamos a diseñar algo simple:
Una imagen que, cuando la toque, se desencadenará un audio.


En mi caso, mi bebé va a llorar al tocarlo.

3) Vamos a descargar a nuestra PC una imagen.

4) Crearemos un botón que contenga a la imagen.

a) Hacemos clic, arrastramos y soltamos el componente Botón a Screen1 (así se denomina nuestra pantalla). Aparecerá en la lista de componentes.

b)  En la lista de Propiedades, en la columna de la derecha, debajo de la palabra Imagen, hacemos clic en Ninguno para que se abra el menú de opciones.
c) Hacemos clic en Subir archivo, seleccionamos en la computadora el archivo descargado y hacemos clic en Aceptar.

d) Eliminamos el texto para Button1 que aparece bajo la propiedad Text usando la tecla de retroceso.

5) Ahora agregaremos una etiqueta con el texto que deseamos que aparezca debajo de la imagen (en mi caso: "Acariciame").

a) Arrastramos y soltamos el componente Etiqueta al Visor, situándolo por debajo del de la imagen. Aparecerá en la lista de componentes como Etiqueta1

b) En la ventana de propiedades, cambiaremos la propiedad Texto (text) de Etiqueta1 para que diga "Acariciame" (o lo que quieran). Verás el cambio del texto en el diseñador y en el dispositivo.

7. Cambiá el Color de Fondo (BackgroundColor) de Etiqueta1, haciendo clic en el cuadro.
8. Cambiá el Color de Texto (TextColor) de Etiqueta1
9. Cambiá el Tamaño de la Fuente (FontSize) de Etiqueta1 a 30

Finalmente, agregamos el sonido.

10. Hacemos clic en la sección Medios de la Paleta para ver los componentes disponibles en esa sección.
12. Arrastramos un componente Sonido y lo colocamos en el visor.
Al colocarlo, aparecerá en la parte inferior del Visor marcada como Componentes no visibles.

13. En la lista de Propiedades, debajo de la palabra Origen, hacemos clic en Ninguno para que se abra el menú de opciones, hacemos clic después en Subir archivo, seleccionamos de la computadora el archivo que descargamos y hacemos clic en Aceptar.

En nuestra próxima clase, aprenderemos a programarla.

Fuente: Aulas Virtuales Entramar

Read More

Estrenando el Campus Nuevo!!!

Accede al nuevo Campus Virtual.

Lo harás con tu mismo usuario pero deberás resetear tu contraseña.
Si tenés dificultades, enviame un email.

Luego de ver un mensaje de introducción, responderán una pequeña encuesta (de solo una pregunta)y dejarán un primer mensaje en el primer foro.

Te espero en:

https://campustomasdevoto.net/campus/

Read More

Un nuevo espacio, una nueva propuesta...

Hola chicos/as!!!

Aquí estoy haciendo el honor al "Día de Trabajador" y aprovechando el feriado y, en consecuencia, al momento en el que me han "liberado".

Les cuento que instalé una nueva plataforma actualizada que utilizaremos para aprender en Tecnologías de la Información y se usará, además, como Sala de Videoconferencias.

Se vé así...

https://campustomasdevoto.net/

https://campustomasdevoto.net/campus

En este nuevo entorno seguiremos aprendiendo juntos a partir de la semana próxima...

Y, como debe ser USTEDES LA ESTRENARÁN...

Pondremos una placa que diga:

"Usada por primera vez por los alumnos de 5to Año 2020, los preferidos de la Profe Cris".
;-)

Los quiero (lo saben) y los extraño más...

Un abrazo virtual.

Profe Cris

Read More