Saberes básicos

A Introducción a la programación

D Desarrollo móvil

E Desarrollo web

1. Pensamiento computacional
2. Secuencia básica de instrucciones. Concepto de algoritmo
3. Algoritmos. Representación gráfica
4. ntroducción a los lenguajes de programación visuales
5. Introducción a los lenguajes de bloques
6. Desarrollo móvil
7. Desarrollo web

¿Sabes qué pasos sigue un ordenador para resolver un problema? El pensamiento computacional es una forma de pensamiento en la que analizamos y resolvemos los problemas de la vida diaria como si fuésemos informáticos. Así, analizamos datos, estudiamos problemas y planteamos algoritmos que puedan resolverlos.
Los algoritmos son conjuntos ordenados y finitos de operaciones que nos permiten solucionar problemas. Pueden representarse gráficamente mediante esquemas o diagramas; pueden plantearse en pseudocódigo, lo que facilita la depuración de errores; y pueden programarse con lenguajes de programación, para facilitar su realización mediante herramientas informáticas.

Descubre tus conocimientos previos contestando en tu cuaderno las siguientes preguntas:

1.  Piensa en las diferentes actividades que realizas para preparar un examen. Anótalas en tu cuaderno de forma ordenada y explica qué puede ocurrir si te saltas alguna de ellas.
2.  Si estás enfermo y acudes al médico, ¿qué pasos sigue él para curarte? Describe en tu cuaderno qué ocurrió la última vez que fuiste al médico y cómo actuó.
3.  Indica tres actividades que repitas diariamente en el aula.
4.  ¿Qué actividades habituales de las que realizas diariamente en el aula no haces los días que sales de excursión?

Dibuja el diagrama de flujo del algoritmo seguido para multiplicar dos números a y b, siempre que ambos sean mayores que 0.

Queremos que un gato que está en la pantalla se mueva una cierta distancia y luego diga “¡Hola!”.

Inicio

 La extensión de los archivos de Scratch es .sb3; la de los fondos creados con el programa, .svg; y la de los objetos, .sprite3.

Utilizando este libro trabajarás en muchas ocasiones con el ordenador, por lo que, antes de empezar con las prácticas propias de esta unidad, necesitarás crear una carpeta en el escritorio del ordenador y aprender a guardar allí todos los documentos de interés y todas las prácticas que vayas realizando.

El escritorio es la pantalla principal de trabajo en un ordenador. En el escritorio, los documentos y archivos relacionados se agrupan en carpetas, algo parecido a como tú agrupas los trabajos de cada materia dentro de un archivador.

Fig. 6

6. Haz clic en Destinatarios y verás que aparecen las opciones CC y CCO.
7. Redacta un correo nuevo para cuatro compañeros y pon las direcciones de dos de ellos en el campo CC y las otras dos en el campo CCO. En el campo Asunto escribe “Prueba de envío múltiple” y haz clic en Enviar.
8. Comprueba que todo ha funcionado correctamente.

Abre el programa Writer yendo a Inicio / Todos los programas / LibreOffice Writer. (Hemos preparado estas prácticas con la versión 7.3 de Writer pero también puedes hacerlas con Microsoft Word yendo a Inicio / Todos los programas / Microsoft Office / Word. Los pasos serán muy similares.)

Ejercicio 1. Letras con píxeles

Para dibujar imágenes, los ordenadores utilizan píxeles. Un píxel es cada uno de los puntos de color con que se representa una imagen.
En esta práctica vas a aprender a dibujar letras utilizando cuadros de color. A modo de ejemplo, vamos a dibujar la letra C del abecedario que tienes en la figura 10.

1. En primer lugar, para poner nombre a tu trabajo y guardarlo, ve a la barra de herramientas superior, haz clic en el menú Archivo y escoge Guardar como. Teclea como nombre UD01_P2_E1_nombreapellido, y en Ubicación selecciona la carpeta que has creado en la práctica anterior para guardar tus prácticas. Haz clic en Guardar (figura 11).
2. Para insertar una tabla, haz clic en el icono Tabla o bien ve a Tabla / Insertar tabla. Crea una tabla de 7 columnas y 6 filas (figura 12).
3. Sitúa el cursor junto a la esquina superior izquierda de la tabla. Verás como el cursor se convierte en una flecha negra inclinada; haz clic para seleccionar la tabla entera.
4. Con la tabla seleccionada, haz clic con el botón derecho del ratón sobre ella y, en el menú que aparece, escoge Tamaño / Altura de fila (figura 13). Indica una altura de 2,5 cm y haz clic en Aceptar.

5.  Sitúa el cursor en una celda de la tabla. Comprueba que aparece una tabla de herramientas en la parte inferior de la pantalla. Selecciona el cubo de pintura (color de fondo de las celdas de la tabla) y escoge el color que más te guste para tu letra.
6. Repite este proceso en cada una de las celdas que tengas que rellenar de color para hacer tu letra. Tienes nuestra C completa en la figura 14.
7. Cuando hayas acabado, ve al menú Archivo y escoge Guardar.

Fig. 14

Ejercicio 2. Código de píxeles

La letra que acabas de dibujar se puede codificar para reproducirla fácilmente. El proceso seguido es el siguiente:

• Se asigna un valor al cuadro de color (por ejemplo, el 1) y otro valor al cuadro en blanco (generalmente, el 0).
• A continuación se escribe la cantidad de cuadros de cada color que hay en cada fila, en el orden en que van apareciendo. Se escribe siguiendo este modelo: (color, número de cuadros). En la letra C que acabas de dibujar, en la primera fila hay 2 cuadros blancos, 3 rojos y nuevamente 2 blancos; por tanto, la codificación de esta fila será: (0,2)(1,3)(0,2).

1. Abre un documento nuevo de LibreOffice Writer, llámalo UD01_P2_E2_nombreapellido y guárdalo en tu carpeta de prácticas.
2. Escribe en el documento creado la codificación completa de la letra que has dibujado en el ejercicio anterior.

Ejercicio 3. Dibujar el código

1. Abre un documento nuevo de LibreOffice Writer, llámalo UD01_P2_E3_nombreapellido y guárdalo en tu carpeta de prácticas.
2. Siguiendo los pasos indicados en los ejercicios 1 y 2, dibuja la figura a la que corresponde la siguiente codificación:

Fila 1: (0,1)(1,2)(0,1)(1,2)(0,1)
Fila 2: (1,1)(0,2)(1,1)(0,2)(1,1)
Fila 3: (0,1)(1,1)(0,3)(1,1)(0,1)
Fila 4: (0,2)(1,1)(0,1)(1,1)(0,2)
Fila 5: (0,3)(1,1)(0,3)

(Recuerda: cuadro en blanco = 0; cuadro de color = 1.)

Debajo de la imagen que has creado, añade su codificación, como hemos hecho en el ejercicio 3. Por último, guarda el documento como UD01_P2_nombreapellido_desafio1 en tu carpeta de prácticas. 

La resolución de problemas es un proceso cíclico: los pasos para resolverlos se repiten una y otra vez hasta encontrar la solución idónea.
Utilizando el pensamiento computacional, ¿qué debes hacer para resolver un problema?

• Crea con Canva un cartel en tamaño A4 para la clase de Computación y Robótica. Puedes ponerle un fondo de color y usar letras vistosas para el nombre de la asignatura. Adorna el cartel con imágenes relacionadas con la computación. Luego descárgatelo y guárdalo con el nombre UD01_P3_nombreapellido_desafio1.pdf.

 Cuando proponemos actividades para resolver un problema, es muy importante contar con una planificación de las actividades que garantice que la solución planteada sea viable.
Imagina que tienes un examen dentro de dos días y quieres sacar muy buena nota en esa asignatura. ¿Te parece que para lograrlo te bastará con diez minutos de estudio cada uno de los dos días? Probablemente no sea una buena solución y no alcances tu objetivo. Habrá fallado tu planificación.

Para planificar usamos los diagramas de Gantt. Estos diagramas son cronogramas del plan de acción para resolver el problema, y en ellos se incluyen las tareas con su duración y el orden en que deben hacerse dichas tareas.

10. Accede a la pestaña Tareas, sitúate sobre la barra de herramientas y haz clic en el icono Imprimir. Se generará un documento PDF que podrás guardar en tu carpeta. Guárdalo como UD01_P4_E1_nombreapellido.pdf en tu ordenador.
11. El organigrama final debe quedar parecido al de la figura 27:

Fig. 27

Ejercicio 2. Incluir colaboradores en nuestra planificación

Imagina que tu hermano te propone ayudarte a construir la linterna. Él se ofrece para diseñar el circuito eléctrico. Así podéis ir trabajando los dos a la vez.

1. Entra en el diagrama de Gantt que has creado en el ejercicio anterior y, en la pestaña Recursos, escribe los nombres de los dos componentes del grupo de trabajo: tú y tu hermano (figura 28).
2. En la pestaña Tareas, haz clic en la tarea 4, “Diseñar el circuito”, y luego en el icono Propiedades tarea. En la ventana que aparece, selecciona la pestaña Recursos y señala el nombre de tu hermano, ya que es él quien hará esta tarea. En la pestaña Predecesoras, escoge la tarea 2, “Elegir materiales”, y desmarca la tarea 3, que aparece marcada, ya que mientras tú cortas las piezas él diseñará el circuito eléctrico. En la pestaña Colores, elige un color diferente al azul; será el color que indique las tareas que hará tu hermano (figura 29). Haz clic en Guardar.
3. Te debe quedar una planificación como la de la figura 30. Comprueba que has adelantado un día respecto de la planificación anterior.​

4. Finalmente, accede a la pestaña Tareas, sitúate sobre la barra de herramientas y haz clic en el icono Imprimir. Guarda el documento generado como UD01_P4_E2_nombreapellido.pdf.

• Elabora un diagrama de Gantt para planificar el estudio de todas tus asignaturas durante una semana. Una vez acabado, imprime el documento generado y guárdalo como UD01_P4_nombreapellido_desafio1.pdf.

En esta práctica vamos a aprender las reglas básicas para elaborar diagramas de flujo. Utilizaremos para ello el programa LibreOffice Draw.

Fig. 34

9. Haz doble clic sobre el texto “Start/End” del primer símbolo y cámbialo por “Inicio”. Cambia en el segundo símbolo la palabra “Terminator” por “Fin”.
10. Inserta otro cuadro de texto y escribe la segunda norma sobre cómo hacer diagramas de flujo: “2. Las flechas deben ser horizontales o verticales y deben estar conectadas a un símbolo”.
11. Inserta dos cuadros de texto. En uno escribe “BIEN”, y en el otro, “MAL”. A continuación, arrastra las flechas y símbolos necesarios para que te queden como en la figura 35:

Fig. 35

12. Colorea el diagrama correcto utilizando la herramienta Color de relleno (el bote de pintura que te mostramos en la figura 36). Cambia de nuevo “Start/End” por “Inicio” en todos los bloques, así como “Process” por “Proceso”.
13. Repite estos pasos para completar la hoja tal como aparece en la figura 37.

• En un nuevo documento de Draw, y siguiendo el modelo de esta práctica, haz un trabajo en el que muestres todos los símbolos utilizados en los diagramas de flujo, con su nombre correspondiente (los hemos visto en la parte de teoría de la unidad). No olvides poner un título al principio del documento. Guarda el archivo como UD01_P5_nombreapellido_desafio1.odg y expórtalo también a PDF.

Imagina que tienes una receta de cocina y quieres preparar ese plato. Lo mejor es que los pasos de la receta sean sencillos, precisos, finitos y secuenciados.
Vamos a practicar esto aquí a partir de una receta sencilla y además elaboraremos su diagrama de flujo.

Aquí tienes la receta: 

1. Abre el programa LibreOffice Draw. Ve a Archivo y escoge Guardar como. Llama al archivo UD01_P6_nombreapellido.odg.
2. Ve al menú Insertar y elige Cuadro de texto (figura 38).
3. Haz clic en la parte superior de la hoja y escribe “Cómo hacer un huevo pasado por agua”.
4. Para que no nos quede un diagrama de flujo muy grande, vamos a descomponerlo en dos: primero la preparación y después cómo cocinarlo.
5. Realiza las operaciones necesarias para completar los primeros elementos de la figura 39:

Fig. 39

6. Vamos a pensar ahora cuáles serían las tareas de preparación, leyendo la receta, así como su orden. Completa el primer diagrama con los pasos que consideres y siguiendo la receta; además, intenta que sean lo más precisos posible. En la figura 40 te proponemos una solución.

Fig. 40

Fig. 42

• A continuación tienes las instrucciones para hacer un huevo frito:

Sigue estos pasos:

1. Piensa cómo transformar cada una de estas instrucciones de forma que sean lo más precisas posible.
2. Ordénalas de modo lógico.
3. Abre un archivo de dibujo y elabora el diagrama de flujo con las instrucciones ordenadas. No hace falta que partas de cero, puedes reformar el diagrama que has hecho en esta práctica. Guárdalo como UD01_P6_nombreapellido_desafio1.odg y expórtalo también a PDF.

6. Repite el proceso indicado en el punto anterior para publicar dos entradas nuevas. Copia para cada una de ellas el título y la descripción que tienes en la figura 47.
7. Una vez creadas las tres entradas, haz clic en los tres puntos que puedes ver en la parte superior derecha de la primera entrada que has creado. En el menú que aparece, escoge Conectarse a una publicación y haz clic en el botón Conectar de la segunda entrada.
8. Repite el proceso anterior para conectar la entrada 2 con la 3. Y haz lo mismo para conectar la entrada 3 con la 1. Al unir las entradas así (figura 47), representamos un proceso cíclico como es el de la depuración de algoritmos, que se lleva a cabo varias veces hasta que ya no se detecten errores.
9. En la barra de herramientas superior, haz clic en Compartir y luego en Copiar el enlace en el portapapeles. Pega el enlace en un documento de texto y guárdalo como UD01_P7_nombreapellido.

Fig. 47

• Elabora otro lienzo de Padlet sobre los tipos de algoritmos que has estudiado en la teoría de la unidad. Pega el enlace en un documento de texto y guárdalo como UD01_P7_nombreapellido_desafio1.

Como has podido comprobar, sólo hay que arrastrar los bloques de instrucciones de la categoría correspondiente. Podrás identificar cada categoría (Movimiento, Apariencia, Sonido, Eventos, Control, Sensores, Operadores, Variables y Mis bloques) por un color característico que te ayudará a encontrar en cada momento la instrucción que necesites.

6. Ahora selecciona Volver a dar forma (el segundo botón). Si haces clic sobre la imagen, aparecerán una serie de puntos que, arrastrándolos, permiten cambiar la forma del personaje. Arrastra los puntos para alargar la cola y las orejas del gato, hasta que quede como en la figura 57. Para hacerlo con precisión, utiliza los botones para hacer zoom de la esquina inferior derecha.
7. Vamos a añadir un nuevo personaje. En el menú inferior de objetos, sitúa el puntero del ratón sobre Elige un objeto pero esta vez haz clic en Subir objeto (figura 58) y, de la unidad 1 de tu espacio web, selecciona el archivo UD01_P8_chico.png.

8. Vamos a aumentar el tamaño del nuevo objeto, de forma que quede como en la figura 59. Para ello, selecciónalo en la lista de objetos y después, en el menú donde se muestran las propiedades del objeto, escribe “150” en el campo Tamaño (figu- ra 60).
9. Los objetos tienen asociados unos sonidos. Selecciona el Objeto1, ve a la pestaña Sonidos (figura 61) y pulsa el play; oirás un maullido. Comprueba cuál es el del oso.
10. Descarga el proyecto UD01_P8_nombreapellido.sb3 en tu ordenador yendo a Archivo / Guardar en tu ordenador y seleccionando la carpeta en que guardas tus trabajos. Si no estás registrado, es la forma que tienes de guardar los archivos.

1. Añade al escenario de la práctica un personaje nuevo desde la galería y prueba su sonido.
2. Realiza un nuevo proyecto con el escenario y el personaje que tú elijas. Guarda el proyecto como UD01_P8_nombreapellido_desafio2.sb3.

11. Prueba el programa. Descarga el proyecto UD01_P9_1_nombreapellido.sb3 en tu ordenador yendo a Archivo / Guardar en tu ordenador y seleccionando la carpeta en que guardas tus trabajos.

5. Modifica las instrucciones cambiar disfraz a ... seleccionando los distintos disfraces de tu objeto: deben quedar en este orden: avery walking-b, c, d y a (figura 67).
6. Prueba el programa. Descarga el proyecto UD01_P9_2_nombreapellido.sb3 en tu ordenador yendo a Archivo / Guardar en tu ordenador y seleccionando la carpeta en que guardas tus trabajos.

1. Modifica el programa incluyendo otros efectos. ¿Te animas a ver qué le ocurre a tu objeto cuando le aplicas efecto mosaico por 25? Guarda el proyecto como UD01_P9_nombreapellido_desafio1.sb3.
2. Realiza un programa en el que tres objetos aparezcan y desaparezcan una vez cada uno. Guarda el proyecto como UD01_P9_nombreapellido_desafio2.sb3.
3. Escoge un objeto que tenga al menos tres disfraces diferentes y programa una simulación de su movimiento. Guarda el proyecto como UD01_P9_nombreapellido_desafio3.sb3.

1. Modifica el programa para que tu personaje describa otra figura geométrica: un triángulo, un rectángulo... Guarda el proyecto como UD01_P10_nombreapellido_desafio1.sb3.
2. Modifica el programa anterior utilizando la orden mover ... pasos en sustitución de la orden deslizar en .... Guarda el proyecto como UD01_P10_nombreapellido_desafio2.sb3.

 Ejercicio 2. Interaccionar con el usuario

1. Vamos a ver una bailarina que se mueve cuando el usuario pulsa la barra espaciadora, siguiendo al puntero del ratón, y cambia de postura cuando golpea su pie con un objeto situado en el fondo (en este caso, el rectángulo rojo que has pintado antes). Comienza el programa con el bloque al presionar tecla espacio de la categoría Eventos.

6. Anida en el bloque de control el bloque cambiar disfraz a ... y elige cassy-b. Luego incluye los bloques apuntar en dirección 180 y pensar ¡Vamos! durante 2 segundos (figura 78).
7. Descarga el proyecto UD01_P11_1_nombreapellido.sb3 en tu ordenador yendo a Archivo / Guardar en tu ordenador.

3. Elimina también el bloque apuntar en dirección 180; modifica cambiar disfraz a ... eligiendo cassy-c; y en el bloque pensar ¡Vamos! durante 2 segundos cambia el texto “¡Vamos!” por “Baila conmigo” (figura 79).
4. Descarga el proyecto UD01_P11_2_nombreapellido.sb3 en tu ordenador yendo a Archivo / Guardar en tu ordenador.

1. Modifica el programa para que el bailarín vaya a la posición de la bailarina cuando esté presionada la tecla espacio. Guarda el proyecto como UD01_P11_nombreapellido_desafio1.sb3.
2. Modifica el programa para que, cuando se toquen, los dos bailarines bailen usando todos sus disfraces. Guarda el proyecto como UD01_P11_nombreapellido_desafio2.sb3.

Ejercicio 3. Prueba el proyecto que has realizado

Este proyecto que acabas de completar es un juego en el que, utilizando las flechas del teclado, debes conseguir que el astronauta cruce la pantalla hasta llegar a su nave. Un robot alienígena trata de impedírselo y cada vez que lo alcanza lo devuelve al punto de partida y él se replica, con lo que se complica el juego. Si el astronauta alcanza la nave, cambia el fondo y entra en ella.

1. Modifica el programa para que en el segundo fondo desaparezca el robot. Guarda el proyecto como UD01_P12_nombreapellido_desafio1.sb3.
2. Elimina los clones quitando el código correspondiente y en su lugar, para complicar el juego, incluye otro robot, que se mueva en dirección horizontal (perpendicular al primer robot). Guarda el proyecto como UD01_P12_nombreapellido_desafio2.sb3.
3. Modifica la programación del robot para que, cuando se mueva, utilice alternativamente sus cuatro disfraces, tal como aprendiste en la práctica 9 (figura 67), pero usando el bloque por siempre (para que no lo haga una única vez sino en todo su movimiento). Guarda el proyecto como UD01_P12_nombreapellido_desafio3.sb3.

Vamos a crear un juego en el que un elefante hambriento tiene que llegar hasta su comida pero para ello debe antes trabajar y ser capaz de tocar una pelota cinco veces. Para hacer este programa necesitaremos que se vaya almacenando en algún sitio el número de veces que va tocando la pelota, ¿quieres aprender cómo podemos hacerlo?

Ejercicio 2. Crear una variable

1. Selecciona la categoría Variables y luego pulsa Crear una variable (figura 87). En la ventana emergente escribe “puntos” como nombre de la variable y pulsa Aceptar.

Fig. 87

2.  Comprueba que la variable puntos está seleccionada (con un tic a su izquierda) para que aparezcan los puntos en el escenario.

Ejercicio 3. Programar la pelota

La variable puede ser usada tanto en la programación del elefante como en la de la pelota. En este caso la usaremos en la programación de la pelota.

Ejercicio 4. Programar el elefante

1. Selecciona el elefante y realiza el programa de la figura 89.
2. Lo primero que hacemos es hacer que el programa, cada vez que empiece, coloque al elefante en el sitio correcto y con el disfraz correcto. Para ello usamos la instrucción ir a x: −164 y: −108, con la que el elefante partirá siempre de la esquina inferior izquierda, y luego añadimos la instrucción cambiar disfraz a ....
3. A continuación, hacemos el elefante más pequeño para todo el programa con la instrucción fijar tamaño al 50%. Otra opción habría sido transformarlo en la solapa Disfraces, pero entonces deberíamos transformar todos los disfraces que vamos a usar y dejarlos al mismo tamaño, por lo que es mejor la opción que hemos elegido.
4. El bloque por siempre nos permite que el elefante se mueva cada vez que se pulse la tecla correspondiente y no sólo una vez.
5. Observa cómo hemos conseguido el movimiento del elefante utilizando cuatro bloques si ... entonces, en lugar de hacer cuatro programas que empiecen por la instrucción al presionar tecla ... (que es lo que hicimos en la práctica 12 para el astronauta). Ambas opciones son válidas.
6. El siguiente bloque de instrucciones es un bloque especial, que incluye dos instrucciones: si ... entonces y si no. Si el elefante quiere comer antes de haber tocado la pelota cinco veces (es decir, siendo la variable puntos menor que 5), saldrá un aviso de que no puede comer todavía y se detendrá el juego. Si no, es que el elefante ha conseguido los cinco toques (entonces, la variable vale en ese momento 5 puntos) y ya puede comer.
7. Entonces, el elefante dice “¡Por fin!” durante un segundo y luego cambia de disfraz tres veces, para lo cual usamos el bloque repetir. Y, por último, detenemos todos los programas con detener todos para que se pare el juego.

Ejercicio 5. Prueba el proyecto que has realizado

Comprueba que el programa funciona correctamente y luego descarga el proyecto UD01_P13_nombreapellido.sb3 en tu ordenador yendo a Archivo / Guardar en tu ordenador.

1. Modifica el programa aumentando la velocidad de la bola para que el juego sea más difícil. Guarda el proyecto como UD01_P13_nombreapellido_desafio1.sb3.
2. Haz que el juego sea más difícil aún aumentando el número de puntos necesarios para que el elefante pueda ir a por su comida. Guarda el proyecto como UD01_P13_nombreapellido_desafio2.sb3.
3. Completa el juego con un contador de tiempo. Guarda el proyecto como UD01_P13_nombreapellido_desafio3.sb3.

1. Observa el programa de la figura 93. Como verás, aparecen dos tipos de operadores (bloques verdes). El primer bloque es una operación para calcular la media. El segundo bloque es una unión o concatenación, para que aparezcan dos cosas en una misma frase. Las variables que aparecen en ellos se arrastran desde la categoría Variables.
2. Realiza el programa de la figura 93. Para construir el primer bloque verde debes ir a la categoría Operadores y construir previamente los que tienes en la figura 92. Después, júntalos para que aparezcan como en la figura 93.

Fig. 93

Ejercicio 4. Prueba el proyecto que has realizado

Comprueba que el programa funciona correctamente y luego descarga el proyecto UD01_P14_nombreapellido.sb3 en tu ordenador yendo a Archivo / Guardar en tu ordenador.

1. Modifica el programa para que sea más atractivo visualmente: haz que el mono se mueva por la pantalla y cambie de disfraz durante todo el programa. Guarda el proyecto como UD01_P14_nombreapellido_desafio1.sb3.
2. Crea una calculadora para calcular el presupuesto de lo que te gastas en un fin de semana. Guarda el proyecto como UD01_P14_nombreapellido_desafio2.sb3.

Fig. 95

4. En la barra de herramientas superior, haz clic en Frame y comprueba que se abre en la zona de formatos el espacio que permite escoger el tipo de diseño. En este caso, queremos que nuestro diseño sea una app para móvil, así que haz clic en Phone y elige la opción Android Large (figura 96). Se te abrirá la pantalla de un móvil en la zona de trabajo (figura 97).

7. Ve a la herramienta de formas (figura 100), elige la opción Rectangle y dibuja un rectángulo como el de la figura 101.

8. Utilizando la herramienta de formato de la figura 102 (en el lateral derecho), redondea las esquinas del rectángulo poniendo un valor de 20 en Corner radius.
9. Da color rojo al rectángulo con la misma herramienta (figura 102) yendo a Fill.

Fig. 102

10. En el menú superior izquierdo, pulsa el icono de texto (T) y escribe la palabra Login sobre el rectángulo. Te deberá quedar como en la figura 103. Ya tenemos la pantalla principal.
11. Ve a la zona de visualización de capas y duplica la capa haciendo clic sobre ella y pulsando Ctrl + C y Ctrl + V. Verás que te aparece una nueva pantalla del móvil (figura 104). Vamos a utilizar la copia para montar la pantalla secundaria de la figura 105, utilizando las herramientas que ya conoces.

• Mejora la app poniendo más pantallas y más monumentos (deberás buscar imágenes de cada monumento y poner los nombres correspondientes). Cuando acabes, haz una captura de pantalla de tu trabajo y guárdala como UD01_P15_nombreapellido_desafio1.

GIMP constituye la mejor alternativa libre al software de edición digital de pago. Permite procesar dibujos vectoriales y fotografías digitales.
Puedes descargar gratuitamente dicho programa desde la página www.gimp.org.

Fig. 110

2. Para exportar tu imagen, ve a Archivo / Exportar como y escribe como nombre de archivo UD01_P16_nombreapellido. Como tipo de archivo, escoge JPG en la parte inferior (o escribe la extensión .jpg en el nombre del archivo) (figura 110). Pulsa Exportar. En la siguiente ventana, mantén los valores que te salen por defecto y pulsa de nuevo Exportar. Verás, en la parte superior de la ventana, que las dimensiones en píxeles son de 1.008 × 756; y si vas a la carpeta donde está alojado el archivo, comprobarás que el tamaño es de 208 KB, aproximadamente.

 

 

En GIMP se trabaja con capas. Es como superponer sobre una imagen hojas transparentes en las que hacemos cambios que podemos ver pero que no afectan a la imagen original. Al conjunto de todas las capas lo llamamos lienzo.

5. Ahora vamos a oscurecer un poco el pelo. Haz clic en la Herramienta pincel , elige un pincel (por ejemplo, 2. Hardness 050) y sitúa el zoom al 100%.
6. En las opciones de herramientas, en el desplegable Modo, selecciona Oscurecer solo, baja la Opacidad hasta un 40 y como tamaño de pincel escoge 70 (figura 119).
7. Ve retocando la parte superior y derecha del pelo hasta que te quede como en la figura 120.
8. Guarda el archivo como UD01_P18_E1_nombreapellido.xcf.