Recordad que una cosa es el nombre del objeto que hemos creado (etiqueta, botón, etc.) y otra cosa es el texto que aparece dentro de dicho botón, etiqueta, etc. y que es lo que luego se verá en nuestra aplicación y que se modifica desde el menú Propiedades (parte derecha) y en el apartado Texto.
El nombre en sí se modificaría en Cambiar nombre.
Los materiales necesarios para realizar la aplicación podéis descargároslos de aquí:
Para los más adelantados, os propongo la inclusión de una pantalla de inicio propia con vuestro logo o una imagen que os guste. En posts anteriores teníais explicado como se hace.
Si aún con eso os sobra tiempo, os propongo la siguiente tarea:
Sabríais hacerlo si explicación alguna???? se trata de un Xilófono, donde cada botón equivale a una nota musical. Las notas en cuestión las podéis descargar del siguiente enlace:
Hoy vamos a crear una aplicación consistente en adivinar un número del 1 al 10:
La aplicación original es la que ves a tu izquierda, pero para loas alumnos más avanzados, os propongo que la compliquemos un poquito:
Vamos a crear una pantalla de inicio, donde se verá el logo de nuestra compañia, y en esa pantalla, deberá aparecer una barra de progreso y que ponga "Cargando..." justo debajo
(debajo de la imagen tendrás algunas explicaciones de como hacerlo)
En la ventana ya de la aplicación en sí:
Vamos a crear una etiqueta en donde se nos explique en qué consiste el juego.
Vamos a crear una etiqueta que nos muestre el número de intentos consumidos.
Vamos a crear otra etiqueta que nos muestre el tiempo que nos queda para adivinar el número.
Vamos a añadir dos botones más: Empezar y Pausar. Esto será así para tener un mayor control sobre el tiempo y sobre la cantidad de intentos consumidos.
Por defecto, si ya hemos creado el juego con una sola pantalla, y luego decidimos crear una pantalla introductoria, esta no se mostrará la primera..... y AppInventor no nos deja establecerla como pantalla de inicio, pero (siempre existe un pero en informática), podemos hacerlo de forma manual.
Para ello, tenemos que descargarnos la aplicación a nuestro ordenador, mediante Proyectos / Exportar a mi ordenador el proyecto (.aia) seleccionado.
Una vez descargado, necesitaremos un programa que pueda leer ese archivo. Se trata de un programa compresor, os recomiendo 7Zip. El problema es que como sabéis en el aula no se puede instalar nada, y ahora mismo desconozco si hay algún programa similar instalado por defecto.
Tras instalar el programa (en casa) o comprobar que podemos hacerlo en clase, seleccionamos el archivo de nuestra App descargado, botón derecho y seleccionamos: Abrir comprimido. Nos saldrá algo parecido a esto
Nos vamos dentro de la carpeta src\appinventor\nombredeUsuario\nombreAplicacion y ahí, lo que hacemos es arrastar esos archivos a una carpeta en nuestro escritorio y cambiarles el nombre: es decir Screen1 la renombramos por ejemplo a ScreenX, Screen2 la renombramos a Screen1 y ScreenX la renombramos a Screen2. Una vez hecho esto, volvemos a arrastra los archivos al programa de compresión y los sobreescribimos. Con esto conseguimos que nuestra ventana de inicio creada con posterioridad pase de llamarse Screen2 a Screen1 y por tanto se inicie la primera.
Os pongo el código de la ventana de introducción, por tratarse de algo complicado utilizando el elemento Deslizador (que aunque hemos trabajado con él, eramos nosotros quienes lo movíamos).
Para la ventana principal del juego, los cambios sugeridos deberíais medio saber hacerlo... Para el temporizador cuenta atrás, investigar por internet. Si no dais con la solución, preguntarme como sería.
Aquí tenéis un vídeo donde explica el tema del temporizador hacia atrás:
Un par de puntualizaciones.... Ya sabéis que en los ordenadores del aula no se puede instalar programas, y por lo tanto no podemos activar el emulador, pero os pongo un vídeo donde explica como instalar el programa necesario para que nos funcion:
Por otra parte, vamos a completar un poco la app que creamos el día anterior:
Ahora Mismo con lo que sabemos, para insertar una pantalla de inicio, deberíamos crearla la primera y luego donde aparece Kitty, crearla la segunda.... Como se supone que ya sabes crear la pantalla de Kitty, y eso no debería llevarte más de un par de minutos.... vamos a crear Screen1 (por defecto) para nuestra pantalla de acceso y Screen2 para nuestra Kitty.
Pistas para la primera pantalla:
Bueno, más bien te he dado todo el código, pero como estamos empezando, me interesa más que sepas identificar cada uno de los elementos que intervienen.
Y el botón de Parar Música???? Sabrás hacerlo sin problemas, ¿verdad?
Me pedíais en el curso de Creación de Blogs que os hablara de MailChimp... Pues bién, no se me ha olvidado... Lo publico aquí para que no se me olvide y para que sepais que está pendiente.
