ACT 13
Como penúltima actividad del trimestre y del curso, tuvimos que diseñar aplicaciones interactivas en la organización de code.org. Dentro de la web podemos encontrar el espacio App Lab. Éste permite crear aplicaciones, juegos y todo tipo de herramientas en un formato web, accesible y ejecutable a través de un navegador. En ella se sigue una programación por bloques adecuada para que los más inexpertos entiendan su uso. De esta forma, la creación de programas se vuelve mucho más intuitiva y sencilla. Además, la propia web nos permite ver ese mismo código convertido a lenguaje de programación JavaScript, e incluso, si estás capacitado para ello, ¡podrías crear este código en el propio lenguaje!
Para completar la actividad creamos 3 aplicaciones diferentes, las cuales se diferenciaban por el grado de dificultad:
- Aplicación 1 (Hola mundo): la más sencilla de todas. Consistía en escribir una etiqueta centrada en la pantalla en la que se leyera "HOLA MUNDO", de manera que no hacía falta la utilización del código.
- Aplicación 2 (Interactuando con botones): este apartado consistía en una sola pantalla que cambiara de color. Para ello, debíamos disponer cuatro botones alrededor de la misma y una etiqueta que denominase el color elegido. Cada botón aplicaría al fondo un color: rojo, verde, azul o blanco, y cuando pulsásemos cualquiera de ellos, el color del fondo debía aplicarse al adecuado y la etiqueta dispuesta debía mostrar el color seleccionado. Para conseguir que las funciones se desarrollaran correctamente utilizamos el bloque de "OnEvent". Este tiene variedad de usos, pero el que necesitamos fue que OnEvent (es decir, cuando ocurra...) clic en un botón, el backgroung (fondo) cambiase al color que coincidiera con el botón y que la label (etiqueta) mostrase el color indicado, como he mencionado antes. Todos los botones contenían la misma programación diferenciando cada color. Podría insertar fotos de las distintas variantes, pero mejor os dejo el código para que podáis ver la sencillez de los bloques y el enlace que te lleva a la aplicación:
- Aplicación 3 (Añadiendo imágenes y audio): por último en esta actividad, llegaba la joya de la corona: debíamos crear una aplicación informativa acerca de aquel vídeo que realizamos en la ACTIVIDAD 6, en el que debíamos mostrar nuestros lugares favoritos de una ciudad. En mi caso fue Valladolid, por lo que mi aplicación se desarrolla en relación a los pucelanos. Concretamente debíamos añadir las localizaciones anteriormente elegidas a distintas pantallas que mostrasen un área de texto informativo sobre cada una de ellas. Mi idea fue hacer una bienvenida en la que pudieras ir al índice para escoger qué lugar visitar y, además, tener una opción de visitar un lugar aleatorio con el botón RANDOM. Una vez llegas al índice te recibe una pantalla con seis botones correspondientes a seis localizaciones. Cuando entras en una de ellas, te aparece superpuestos las imágenes el nombre del espacio y un área de texto con información sobre este. En la parte superior derecha te encuentras con el botón de FOTOS, donde desaparece el título y el texto y puedes apreciar las dos fotos añadidas a la perfección. Para salir de estas pantallas y volver al índice disponemos de un botón de ATRÁS en la parte superior izquierda de todas las pantallas. Ya que las imágenes no estaban adaptadas a code.org (pues es una aplicación para móvil, es decir, diseñada para mayor confort en formato vertical), lo que hice fue ajustar las ratios y los tamaños. Una vez hecho, conseguí agregar dos imágenes en horizontal en cada pantalla, dividiendo, así, la pantalla en dos mitades. Acerca del código, no se diferencia de la anterior aplicación: se utiliza el OnEvent para todo. La nueva implementación al código fueron los sonidos. Cada vez que pulses un botón añadí un sonido específico, el cual dependía de la pantalla en la que te encontrases. De tal forma, podemos apreciar como code.org no solo te permite tener un diseño increíble, sino que también acepta los efectos de sonido a tus proyectos. La parte del botón RANDOM fue una innovación que quise añadir al trabajo. Gracias a la ayuda de otras actividades realizadas otros años, incluir el código utilizando una variable fue sencillo, pues así se conseguiría un lugar aleatorio cada vez. A continuación os dejo una imagen de cómo logré aplicar el azar en las pantallas y un link directo a la aplicación. ¡Espero que lo disfrutéis!
Después del tostón que os he metido, para finalizar voy a mostraros mi opinión. Hasta este punto del curso (y solo queda una tarea más por hacer), esta actividad ha sido con la que más he disfrutado. Me ha encantado diseñar las pantallas de los distintos lugares de Valladolid, así como la entrada y el índice. Buscar información sobre cada lugar me ha hecho aprender más sobre la ciudad que tanto me gusta, y por ello pienso que se me ha hecho más ameno el trabajo. Es cierto que ajustar las imágenes me llevó su tiempo, pero el resultado ha merecido la pena. Me encantaría volver a repetir esta actividad algún día. Para ser sincero, el trabajo sencillo sencillo no es, pues requiere de algo de esfuerzo (sin referirnos a las dos primeras aplicaciones), así que un 5/10 para su dificultad es mi nota adecuada. ¡Ojalá os encanten mis aplicaciones!
Comentarios
Publicar un comentario