En la evaluación pasada trabajábamos con un poquito de programación en las actividades de The Hour of Code. Partiendo de esas sencillas prácticas, ya podemos crear nuestra propia aplicación móvil. ¿Cómo? MIT APP Inventor  nos permite crear, mediante un lenguaje de bloques similar al que ya hemos utilizado, una app de cualquier tipo.



Para programar una aplicación, lo primero que debemos hacer es pensar en la función que queremos que tenga y en la forma que queremos darle. En mi caso, decidí crear una aplicación que calcule el resto de las divisiones. Se trata de algo muy sencillo para lo que únicamente necesitaremos situar en la pantalla de móvil improvisada de App Inventor una serie de elementos básicos: etiquetas de texto, cajas de edición y un botón para realizar la operación. Finalmente, tendremos que dar las instrucciones adecuadas a cada elemento para poder interactuar con la aplicación y que esta realice los cálculos.

En esta foto podéis ver el aspecto del proceso de creación y los elementos que podemos arrastrar a la pantalla de vista previa. Una vez colocado lo básico, podemos editarlo para personalizar la aplicación. En mi caso coloreé de amarillo las cajas de edición, puse una fotografía de Homer de fondo...


Y, por otro lado, en la pestaña 'Blocks' tenemos la parte más técnica. Aquí es donde colocamos y relacionamos los bloques de programación necesarios para que todo funcione adecuadamente.


Una vez hecho esto, ya estaría la aplicación montada. Para probarla en el móvil hay que descargar una aplicación llamada MIT AI2 Companion App que permite escanear un código QR con el que automáticamente se inicia la aplicación. Es muy sencillo.

Para finalizar con el retoque fotográfico, vamos a cambiar casi por completo el aspecto de una fotografía. Ya hemos visto que podemos hacer carteles cinematográficos, maquillajes, restauraciones...Pero hay infinitud de posibilidades: puedes hacerte parecer a un cíclope, poner un unicornio en la luna o básicamente lo que te de la gana.

En este caso, vamos a cambiar totalmente el aspecto de una princesa Disney.


Para hacer el cambio vamos a dejar a un lado su aire dulce para darle un aspecto un poco más tétrico (Prometo que no soy gótica ni nada por el estilo, pero últimamente me apetece retocar las fotos así.) Para el retoque utilicé otra vez Photoshop. En primer lugar cambie prácticamente todos los colores de la imagen con la misma técnica que usé en la foto antigua: el vestido, la piel, la rosa, el pelo, los labios, los ojos...Una vez que Bella tenía un aspecto distinto, usé la misma técnica que para el cambio de fondo para colocarla en un bosque oscuro. Como toque final, le añadí un poco de niebla.





El resultado de todo el proceso fue este:



Y con esto cerramos el tema del retoque fotográfico. Como podéis ver, no hace falta ser ningún profesional para poder hacer estas cosas...sólo hay que practicar. Espero que os haya servido de ayuda.

En la entrada de hoy vamos a hablar de tres aplicaciones más del retoque fotográfico: dar más viveza a los colores de la foto, maquillar a una persona y hacer carteles con texto. Va a ser un pequeño mix en el que os enseñaré a hacer parecer más cálido un paisaje, a poner un poquito más guapa a una chica y a hacer el cartel de una peli.

Saturación

Empezamos con los colores. Muchas veces, con tal sólo aumentar la intensidad del color, una fotografía puede mejorar mucho. ¿Cómo se hace esto? Utilizando el parámetro de saturación. Esta herramienta es muy útil para añadir intensidad, nitidez o incluso para dar efecto 'caluroso' a una fotografía.

Por ejemplo, yo he buscado esta foto de un desierto (que ya es un lugar bastante caluroso de por sí)...


Y simplemente abriendo los ajustes de pixlr y seleccionando la opción de tono y saturación, conseguí hacer parecer este lugar más cálido todavía alterando los niveles.

Maquillaje 

Otra de las funciones más básicas que se utilizan en retoque fotográfico, y que ya utilicé en la foto de Shreck de la primera entrada, es el cambio de fondo. Se cambia el fondo de una fotografía por cuestiones estéticas, para hacer montajes (como por ejemplo hacer parecer que estás en una playa caribeña), etc.
Al ser una imagen de fondo blanco, extraer el fondo fue muy sencillo. Simplemente hubo que usar la herramienta de varita mágica para seleccionar el área en blanco y proteger la figura de Spiderman de los cambios. A continuación con el borrador se extrae el fondo. Estos cuadraditos que veis en la imagen representan la transparencia, ya que lo que hay que hacer es, por así decirlo, pintar el fondo de 'transparente'.

Siguiendo con el retoque fotográfico, en esta entrada vamos a hablar de uno de sus usos más habituales: la restauración de fotografías dañadas. Las herramientas de los programas de edición son muy útiles a la hora de reparar cualquiera de las imperfecciones que presentan las fotografías antiguas debido al paso del tiempo: grietas, manchas...

A la hora de restaurar este tipo de imágenes nuestras mejores aliadas van a ser herramientas como el corrector puntual, que permite quitar las arrugas del papel y las grietas o el tampón de clonar que permite tapar aquellas zonas en mal estado copiando partes de la imagen que estén en buen estado sobre las partes dañadas; además de las opciones que permiten modificar la opacidad o la saturación.

Para intentar aprender a restaurar fotografías antiguas, busqué imágenes antiguas en Internet algo dañadas y decidí escoger esta para mejorarla un poco.



Una vez escogida la foto comencé el proceso de reparación con el editor online del que hablaba en la entrada anterior, pixlr. Utilicé este editor para eliminar las arrugas, grietas y manchas empleando únicamente las dos herramientas anteriormente mencionadas: el tampón de clonar y el corrector puntual. Básicamente hacen la misma función, pero dependiendo del área a tratar en cada momento fui seleccionando la herramienta que permitía un acabado más sutil. También me serví del pincel para rematar algunas zonas, seleccionando el color de un área próxima con el cuentagotas y ajustando el tamaño y la opacidad del pincel dependiendo de la parte de la imagen que quisiese pintar.



El resultado final fue este:


A continuación decidí ir un paso más allá y darle un poco de color a la fotografía. Primero lo intenté con Pixlr, utilizando de nuevo y únicamente la herramienta del pincel y ajustando como antes el tamaño y la opacidad. Realmente, es mejor trabajar con la opción de capas, duplicando estas, aplicando el color sobre ellas y ajustando la opacidad, pero yo consideré que podía valerme sólo con la ayuda del pincel.


El acabado final fue así:

El resultado con Pixlr no me convenció y decidí probar otras alternativas para aplicar el coloreado a la imagen, por lo que recurrí a Photoshop. Si no tienes acceso a Photoshop o no sabes manejarlo, Pixlr es una buena opción ya que es de fácil acceso y sus herramientas son sencillas de utilizar y ofrecen buenos resultados, pero como yo tenía Photoshop en el ordenador decidí probar a colorear la imagen coneste programa, pues se pueden conseguir acabados más profesionales.  El proceso que llevé a cabo para obtener el resultado final es un poco complejo de explicar porque entran bastantes parámetros en juego, peor he encontrado un tutorial en youtube en el que explican prácticamente todo lo que hice. 
          




Después de un buen rato creando capas y coloreando, la foto quedó así:


Con un poco de paciencia y probando las diferentes opciones y herramientas de los editores puedes conseguir recuperar todas esas fotos que ya están un poco deterioradas por el paso de los años. Sólo hay que ponerle un poco de ganas.

De ahora en adelante vamos a dejar a un lado el contenido de las entradas anteriores: Internet, redes, programación, malware...Ya le hemos dedicado todo el curso a eso. A partir de ahora vamos a tratar un nuevo tema en el blog: el retoque fotográfico, una de las herramientas más conocidas y utilizadas en informática.

Empecemos por lo básico: ¿En qué consiste el retoque fotográfico? 


Cuando hablamos de retoque fotográfico nos referimos a una técnica que permite modificar una imagen, ya sea para mejorar su calidad o aumentar su realismo, para obtener composiciones totalmente distorsionadas que se escapen a los límites de la realidad, o bien para crear montajes que hagan parecer la imagen algo que en realidad no es.

En la época de nuestros abuelos ya existía una especie de retoque fotográfico primitivo que consistía en emplear acuarelas o pigmentos para dar color a las fotografías, pues por aquel entonces las fotos a color no existían. Hoy en día se ha avanzado mucho en este campo y no sólo podemos colorear fotografías en blanco y negro sino también aplicar muchos otros tipos de retoques de manera rápida y sencilla a través de programas informáticos o incluso editores online. Existen multitud de programas y aplicaciones para la edición de imagen, algunos de los más conocidos son:
(Wikipedia)

Adobe Photoshop

El programa de edición fotográfica por excelencia. Es tan conocido a nivel mundial que la mayoría de la gente utiliza comúnmente el término 'photoshop' para referirse al retoque digital en sí. ''De un modo general, Photoshop permite modificar imágenes digitalizadas, especialmente fotografías. También se utiliza para crear y editar imágenes (por ejemplo, logotipos) y gráficos. La forma, la luz, el color y el fondo son algunos de los aspectos que esta herramienta permite editar.'' (Fuente) 

Photoshop presenta numerosas ventajas en relación a otros editores. Además de permitir crear imágenes de gran calidad y resolución, cuenta con una infinidad de herramientas y opciones relativamente fáciles de utilizar si le pones empeño y practicas. Existen muchos tutoriales en la web en los que te enseñan a utilizar sus diferentes herramientas que pueden ser de gran utilidad si no te mueves muy bien en el campo de la edición.

Ahora bien, el programa también tiene sus puntos flojos. La desventaja de Photoshop por excelencia es sin duda su precio. Desgraciadamente no es un programa gratuíto y os podríais asustar con las cantidades que hay que pagar para utilizarlo. Aunque bueno, en realidad puede ser relativamente fácil conseguirlo gratis mediante el pirateo pero como no puedo incitaros a eso, haced como que no os he dicho nada. Por otro lado, no debemos olvidar que Photoshop es un programa de edición profesional y, por lo tanto, su manejo no es sencillo si eres principiante. Aunque os decía que hay numerosos tutoriales en la web que os pueden enseñar alguna cosilla, de buenas a primeras no es un programa sencillo de utilizar para gente no especializada. Hay que ponerle empeño para llevarte bien con él.

GIMP

GIMP es otro programa de edición bastante conocido que, a diferencia de Photoshop, es totalmente libre y gratuíto. A rasgos generales, GIMP nos ofrece resultados que no tienen mucho que envidiar al gigante de la edición y cuenta con herramientas similares que se utilizan ''para el retoque y edición de imágenes, dibujo de formas libres, cambiar el tamaño, recortar, hacer fotomontajes, convertir a diferentes formatos de imagen, y otras tareas más especializadas.'' (Wikipedia)

Como decía antes,  el punto fuerte de GIMP es el abanico de herramientas que ofrece, las cuales permiten resultados de calidad, de forma totalmente gratuíta. Además, su manejo es mucho más sencillo que el de los programas profesionales para aquellas personas no especializadas (aunque curiosamente yo sin ser una profesional del tema sé moverme por Photoshop pero por GIMP no, pero bueno supongo que soy la excepción). En resumen, es una buena opción si quieres iniciarte en el mundo de la edición y eres más normal que yo.

Os dejo por aquí un enlace a un post en el que comparan GIMP con Photoshop para que veais un poco las diferencias: artículo. 

Photoscape

Los ordenadores no hablan nuestro idioma, pues son maquinas y, como tales, necesitan un lenguaje específico para funcionar. Además, necesitan constantemente interpretar las instrucciones que le damos para ejecutar las diferentes operaciones. Obviamente es imposible darle órdenes a nuestro ordenador para que las cumpla como hacemos entre los humanos, por lo que a lo largo de los años han ido aparecieron lenguajes de programación que permiten la comunicación con el microprocesador, utilizando términos y símbolos relacionados con el tipo de problema que se debe resolver.

En la actualidad hay muchos tipos de lenguajes de programación, cada uno de ellos con su propia gramática, su terminología especial y una sintaxis particular. En esta entrada hablaremos de algunos de los más importantes, BASIC y JavaScript, y os enseñaré una serie de plataformas online que permiten que usuarios no especializados en el tema puedan aprender de manera sencilla su manejo.


En los últimos tiempos se le ha dado mucha importancia a la presencia de la tecnología en la educación, haciendo hincapié en el fomento de conocimientos básicos de programación ya desde edades tempranas, pues se cree que en el futuro aquellos trabajos orientados a la programación van a ser de los más demandados. La tecnología está en constante avance, cada vez aparecen más y más aparatos ''inteligentes'' y no es de extrañar que todos estos avances cambien poco a poco el panorama laboral.

Debido a esto, se ha creado una iniciativa global promovida por Code.org llamada ''La Hora del Código'' en la que participan millones de estudiantes de 180 países y que tiene como objetivo difundir conocimientos de programación entre los más jóvenes, o personas de cualquier edad interesadas, de una manera muy sencilla y amena, pues de buenas a primeras puede resultar un tema un tanto tedioso.

Aquí abajo podéis ver uno de los vídeos de presentación de la plataforma para entender un poco mejor sus objetivos y funcionamiento.


Como veis en las imágenes, los bloques que utilizábamos en el juego para aprender de forma sencilla, se traducen a un lenguaje informático llamado JavaScript. "Este lenguaje es un lenguaje de programación que surgió con el objetivo inicial de programar ciertos comportamientos sobre las páginas web, respondiendo a la interacción del usuario y la realización de automatismos sencillos". Hoy en día, "las necesidades de las aplicaciones web modernas y el HTML5 ha provocado que el uso de Javascript haya llegado a unos niveles de complejidad y prestaciones tan grandes como otros lenguajes de primer nivel." (Fuente)

Para introduciros un poco en la terminología de JavaScript, explicaré lo que pone en la segunda imagen. En el lenguaje de programación, la sentencia if ( "si", condición) hace que las acciones que se escriben a continuación se realicen sólo en caso de que esa condición se cumpla. En el caso de que la condición no se cumpla, tendríamos que añadir ''else'', seguido de lo que queremos que pase en el caso contrario. Por ejemplo:

if (isPathForward () ) {

        moveForward ();

} else {

   if (isPathRight () ) {

        turnRight ()

Esto quiere decir que si se nos presenta un camino hacia delante (isPathForward), lo que debemos hacer es avanzar (moveForward). En cambio, si se nos presenta un camino hacia la derecha (isPathRight), debemos girar hacia la derecha (turnRight).
Para seguir aprendiendo acerca del manejo de este lenguaje, he probado otros desafíos con tutorial guiado con códigos un poco más complejos. El primer desafío, el cual puedes probar pinchando aquí, está compuesto por diez niveles en los que eres un patito amarillo que tiene que intentar hundir a un patito rojo. Igual que en el anterior juego de La Hora del Código, cada nivel se va complicando un poco más, empezando desde lo más sencillo, que tu contrincante esté quietos y cerca; hasta tener que nadar para perseguirlo o escaparte de él.

Para este juego, tenemos que utilizar una serie de comandos: cannon, sirve para disparar, indicando el ángulo y la fuerza necesarias, scan sirve para detectar si hay algún enemigo cerca y seguirlo con el cañón, swim para que tu patito nade en el ángulo y velocidad indicados... Estos son los comandos más básicos.

El segundo desafío, ya más complejo, incluye más comandos y más patitos. Por si estáis interesados en probarlo, os dejo el enlace. Si tenéis problemas a la hora de escribir el código, os dejo la solución por aquí abajo.


Para finalizar con los lenguajes de programación, os hablaré de BASIC. Este lenguaje fue diseñado en 1964 como una herramienta de enseñanza  por John George Kemeny y Thomas Eugene Kurtz en el Dartmouth College de Nuevo Hampshire, Estados Unidos. Se empleaba como un medio para facilitar la programación en ordenadores a estudiantes (y profesores) que no fueran de ciencias., ya que por aquel entonces, casi todo el uso de los ordenadores requería codificar software hecho a medida, y sólo aquellos con formación eran capaces de utilizarlo. El lenguaje y sus variantes llegaron a estar ampliamente disponibles en los microcomputadores a finales de los 70 y 80. BASIC sigue siendo popular a día de hoy en un puñado de dialectos altamente modificados, y en nuevos lenguajes, influenciados por BASIC tales como Microsoft Visual Basic o Gambas en GNU/Linux.

También es posible utilizar este lenguaje de forma online a través de la página quitebasic.com. Lo que he hecho yo ha sido pegar un código de un juego creado por mi profesor. Para jugar, debemos dibujar un circuito con las teclas W, A, S, D. Una vez hecho el circuíto, se introducen los nombres de los jugadores (azul y amarillo). El primero que llega al final del circuito, es el ganador. Aquí tenéis una captura de pantalla de lo que sería el juego.


El código que se debe introducir es el siguiente:

100 REM ** Preparación del terreno de juego **
110 CLS
120 LET X = 5
130 LET Y = 0
140 PLOT X,Y,"pink"
150 PRINT "Marca los li­mites del juego con color rosa utilizando los controles w, a, s, d. Pulsa espacio cuando hayas terminado para competir."
160 LET A = GETCHAR()
170 IF A="w" THEN LET Y=Y+1 ELSE IF A="s" THEN LET Y=Y-1 ELSE IF A="a" then LET x=x-1 else if A="d" then LET x=x+1 else if A=" " then goto 500 else goto 160
180 PLOT X,Y, "pink"
190 GOTO 160
500 REM ** Comienzo de la carrera **
510 INPUT "Nombre del jugador amarillo:"; C
520 INPUT "Nombre del jugador azul:"; D
530 LET X=0
540 LET Y=0
550 LET M=1
560 LET N=0
570 CLT
580 PRINT "Controles de "; C; " (amarillo): w, a, s, d"
590 PRINT "Controles de "; D; " (azul): i, j, k, l"
600 LET A = GETCHAR()
610 IF A="w" THEN LET Y=Y+1 ELSE IF A="s" THEN LET Y=Y-1 ELSE IF A="a" then LET x=x-1 else if A="d" then LET x=x+1 else IF A="i" THEN LET N=N+1 ELSE IF A="k" THEN LET N=N-1 ELSE IF A="j" then LET M=M-1 else if A="l" then LET M=m+1 else goto 600
620 IF COLOR(X,Y)="rgb(255, 192, 203)" then GOSUB 700
630 IF COLOR(M,N)="rgb(255, 192, 203)" then GOSUB 800
640 IF (M<0 AND N>10) or (N<0 AND M>10) or M>49 or  N>49 then GOTO 1000
650 IF (X<0 AND Y>10) or (Y<0 AND x>10)or X>49 or y>49 then GOTO 900
660 IF (N<0 AND M<10) or (N<10 AND M<0) then GOSUB 800
670 IF (X<0 AND Y<10) or (Y<0 AND X<10) THEN GOSUB 700
680 PLOT X,Y, "yellow"
690 PLOT M,N, "blue"
695 GOTO 600
700 REM ** Choca amarillo **
710 LET X = 0
715 LET Y = 0
720 PRINT C; " has chocado, vuelves a empezar"
730 FOR I=0 TO 50
740 FOR J = 0 TO 50
750 IF COLOR(I,J)="yellow" THEN PLOT I,J, "grey"
760 NEXT J
770 NEXT I
780 RETURN
800 REM ** Choca azul **
810 LET M = 0
815 LET N = 1
820 PRINT D; " has chocado, vuelves a empezar"
830 FOR I=0 TO 50
840 FOR J = 0 TO 50
850 IF COLOR(I,J)="blue" THEN PLOT I,J, "grey"
860 NEXT J
870 NEXT I
880 RETURN

900 REM ** Gana amarillo **
905 CLT
910 PRINT "***********************************"
920 PRINT "          "; C; " GANA!!!!!!! "
930 PRINT "***********************************"
940 END
1000 REM ** Gana azul **
1005 CLT
1010 PRINT "***********************************"
1020 PRINT "          "; D; " GANA!!!!!!!"
1030 PRINT "***********************************"
1040 END

Ahora que ya sabéis un poco sobre programación, os invito a que probéis los enlaces que he compartido en la entrada para que podáis practicar vosotros mismos. Es mucho más fácil de lo que parece si tenéis un poquito de paciencia y ganas.