ACT 13-Aplicaciones móviles con APP Lab

 ¡Buenas de nuevo gente!

Bienvenidos a todos a una nueva entrada de mi blog, el cual consta del desarrollo de aplicaciones con la pagina web de Code.org. Hemos hecho diferentes actividades así que vamos a verlas 1 por 1.

¿Qué es Code.org?:

code.org es una pagina web diseñada específicamente para la realización de aplicaciones web basadas en programación de código aunque tiene vista en texto. Podéis ir a a la página web pinchando aquí

Practica 1 "¡Hola Mundo!:

Para esta entrada no es necesario hacer ninguna programación de código, simplemente hay que colocar un texto para que se muestre por la pantalla. En el apartado de diseño hay una casilla que pone label, lo arrastramos hasta que el sitio que queramos y lo soltamos. Después lo retocamos para que ponga "Hola Mundo" y listo

Practica 2 "Usar los botones":

En esta página necesitaremos colocar 4 botones se colocan de la misma manera que el resto y un texto que inicialmente ponga "Elige color", para la parte del código, es necesario colocar un bloque de "On Event" por cada botón y pondremos el id de cada botón en cada uno y ponemos "clic" para que se aplique al hacerle clic. dentro de cada botón pondremos dos bloques de "setProperty" y para que por ejemplo, si le damos al botón verde, el fondo se ponga verde y el texto se cambie a "Verde" y así pero con cada botón.

Practica 3 "Añadir imágenes y video":

Esta práctica no se aleja mucho de la práctica dos es mas o menos lo mismo, solo que añadiendo pantallas y cambiar algunos botones por imágenes. El contenido de esta practica se basará en el video promocional que realizamos la evaluación pasada. 

Yo he hecho un menú el cual tenga unos botones para que puedas ver los créditos, volver a la pantalla principal, abrir la lista de sitios o un botón que te lleve al video turístico realizado. Para insertar enlaces, es tan fácil como colocar el bloque de "open (url)" dentro del bloque de on event (ver imagen más abajo)

Luego dentro de la lista de sitios pondremos dos sitios por página esta parte es un poco subjetiva, podéis poner el nº de sitios por pagina como queráis e insertar una imagen de cada sitio, acompañado de dos botones, uno que sea para ir a la pagina siguiente y otro para ir a la pagina anterior (o volver al menu si estas en la primera pagina) en el apartado de diseño hay otra casilla que sirve para insertar imágenes. Luego con los bloques de "On event" configuramos para que al hacer clic en una de esas imágenes nos redirija a una pantalla la cual será la que contendrá la información del sitio clicado.

Dentro de estas paginas habrá alguna otra imagen del sitio, con un bloque de texto con la información del sitio y un botón el cual su función será llevarte de vuelta a la lista de sitios. 

Por último, incorporaremos una canción/sonido con la programación de arriba. En mi caso, el sonido se reproducirá cuando le deis clic al botón "Abrir lista de sitios" ubicada en el menú. Luego para que se pare la música solo hace falta usar el bloque de abajo y ya estaría. Tenéis que colocarlo dentro de un "On event" para que funcione, además de que no tendría función alguna.

La flecha es para omitir la url y que se paren todos los sonidos a la vez

Opinión personal:

No me ha costado mucho hacer estas actividades ya que tenía conocimientos. Además de que son tareas bastante simples de realizar.