viernes, 27 de abril de 2018

Fotomontajes con Gimp

¡ Hola ! 

Esta tarea es una continuación de la anterior. Como ya dije, vamos a hacer varios trabajos con Gimp pero los dividimos en 3 tareas. Esta es la segunda tarea, si queréis ver como está organizado podéis consultarlo en la anterior entrada.
Hoy realizaré 2 fotomontajes con mi compañera Susana Sánchez:

  • Realización de un fotomontaje insertando una imagen dentro de otra.
  • Realización de un fotomontaje a partir de un cartel de cine y modificación de manera que aparezca el rostro de otra persona en él.
La aplicación que utilicé para conseguir las fotos con licencia fue Pixabay, que es la que suelo utilizar en la mayor parte de las tareas.

Y para los collages utilicé PicsArt, la misma aplicación que en las anteriores ediciones de Gimp.


FOTOMONTAJE INSERTANDO UNA IMAGEN DENTRO DE OTRA:






Pasos:
  1. Seleccionar el objeto que queramos añadirle a la foto. Lo hacemos con las tijeras, con cuidado. 
  2. Una vez terminado el contorno, hacemos click dentro, y obtenemos la selección. Lo copiamos (Ctrl + C).
  3. Creamos un nuevo documento. En la capa del fondo pegamos el estanque. Y creamos otra capa con el objeto.
  4. Nos ponemos en la capa del objeto y pegamos la selección que habíamos copiado.
  5. Si queda antinatural por el tamaño, estando en la capa del objeto, cogemos la herramienta de Redimensionar y probamos tamaños hasta que encontremos uno que nos guste.


Nosotras hemos elegido un lago situado cerca de un parque, y hemos colocado varios animales como si estuvieran en el agua. Para que quedara mejor también hemos utilizado la herramienta clonar, que está explicada en la anterior entrada.
Así ha quedado:





                                 Pato: Capri23auto - Pato - Pixabay - Licencia CC0
                                                    Cisne: pixel2013 - Cisne - Pixabay - Licencia CC0
                                                    Lago: holzijue - Aguas - Pixabay - Licencia CC0




FOTOMONTAJE A PARTIR DE UN CARTEL DE CINE:






Pasos:

  1. Lo primero que hacemos es abrir la imagen que vamos a transformar con Gimp.
  2. Después abrimos como capa la imagen que vamos a utilizar para reemplazar el rostro original. 
  3. Añadimos una transparencia haciendo: capa > transparencia > añadir color alfa. 
  4. A continuación aumentamos el zoom y con la herramienta de selección libre seleccionamos la cara.
  5. El siguiente paso es seleccionar > invertir, presionamos la tecla suprimir y nos quedará únicamente la selección que hemos hecho antes. De nuevo hacemos seleccionar > nada.
  6. Ahora lo único que tenemos que hacer es ajustar la cara al tamaño de la fotografía de fondo, para ello vamos a la caja de herramientas y seleccionamos la herramienta de escalado. 
  7. Por ultimo, con un poco de paciencia, con la herramienta borrar, arreglamos un poco las imperfecciones del cabello y bordes de la cara . 
  8. Le damos a archivo > guardar y listo.


Nosotras hemos elegido la película de Iron Man 3 y le hemos cambiado las caras por Aitana Ocaña y Luis Cepeda, de Operación Triunfo 2017.

Las fotos originales de Aitana y Cepeda son estas:





Y así es el resultado:



                                        Cartel de Cine: Carátula Cartel Iron Man 3 - Cine Coveralia - CC BY-SA
                                        Aitana Ocaña: Víctor Mopez - Aitana Ocaña - Los replicantes - Licencia CC BY-SA
                                        Luis Cepeda: Europa Press TV - Luis Cepeda - La Voz de Galicia - Licencia BY-NC



Esta tarea me ha parecido útil, ya que he aprendido a hacer diferentes tipos de fotomontajes, y si en un futuro quiero hacer uno, bien para mi utilidad o bien para un trabajo, ya sabré hacerlo sin tener tantas dificultades. A pesar de que Gimp me parece un programa difícil de usar en general, si que es verdad que, a medida que vas probándolo más y haciendo diversas ediciones cada vez es más fácil de entender.

¡ Espero que os haya gustado !

viernes, 20 de abril de 2018

Edición de imágenes con Gimp

¡ Hola ! 

Hoy os enseñaré como editar imágenes con Gimp, mi compañera Susana Sánchez y yo hemos tenido que editar 2 fotos.
Para unir las fotos con el antes y el después hemos utilizado una aplicación para móvil llamada Pics Art. Así hicimos los dos collages, a los que les pusimos los nombres de cada una de los miembros del equipo.

Esta tarea la dividiremos en varias partes, que son las siguientes:
  • Eliminación un objeto de una imagen.
  • Realización de el retoque fotográfico del rostro de una persona (cambiando el color de los ojos, del pelo, quitando arrugas...)
  • Realización de un fotomontaje insertando una imagen dentro de otra.
  • Realización de un fotomontaje a partir de un cartel de cine y modificado de manera que aparezca el rostro de otra persona en él.
  • Deformación de una cara creando una caricatura utilizando el filtro IWarp.
  • Creación de un GIF animado.

La edición de imágenes se divide en 3 tareas, para esta tarea realizaremos las 2 primeras.
Empezaremos con la eliminación de un objeto, para hacerlo hemos mirado un tutorial en youtube. Aquí os dejaré el vídeo, y a continuación os lo explicaré yo.





Pasos a seguir:
  1.  Guardar la imagen en el disco duro y abrirla con Gimp.
  2. Duplicar la capa para poder comprobar los cambios que vamos realizando. 
  3. A continuación seleccionamos la herramienta de clonado con la opacidad al 50% y activando el desvanecimiento.
  4. Pulsar Ctrl y hacer clic con el botón izquierdo del ratón en una zona de hierba cercana a la flor que queremos eliminar.
  5. Soltamos Ctrl y vamos haciendo clic sobre la margarita hasta conseguir su desaparición.
Nosotras hemos quitado una margarita de un campo, aquí tenéis el resultado:



MabelAmber - Margarita Común - Pixabay - Licencia CC0





La siguiente, será el retoque fotográfico del rostro de una persona. Para esta, también hemos mirado varios vídeos en youtube.
Para quitar arrugas, hemos utilizado el mismo método que en la anterior. Si queréis informaros mejor:





Para cambiar el color de ojos:




Pasos:
  1. Creamos una nueva capa transparente.
  2. Pintamos con la herramienta lápiz en la nueva capa con el color que le queremos dar al ojo.
  3. Cambiamos el modo de la capa a Tono.


Para cambiar el color de pelo:





Pasos: 

  1.  Abrir la imagen en menú: archivo -> abrir -> ahora escoge la imagen que quieras.
  2. Abrimos una capa nueva de esta forma: menú -> capa -> capa nueva.
  3. Seleccionamos el color para "teñir" el pelo: Caja de herramientas -> pincel -> cilindro -> cuadro de color.
  4. Ahora tenemos que volver a coger el pincel. Caja de herramientas -> pincel.
  5. Último paso, y muy importante. En la pestaña de capas, canales, rutas, deshacer... -> esta en modo normal y hay que pasarlo a modo tono.


En este caso, a la persona que nosotras elegimos, no se le veían los dientes, por lo que no hemos modificado nada. Pero si queréis saber cómo blanquear y modificar los dientes, aquí os dejo otro vídeo:







En nuestro caso, hemos elegido a Michael Gambon, y le hemos quitado las arrugas ( ojeras, papada, arrugas de la frente y de la cara en general ), le hemos puesto el pelo rubio y los ojos azules, y por último, le retocamos un poco los labios.
Aquí tenéis nuestro resultado:


M. Owen LCF! - Michael Gambon - WikiFandom - Licencia CC BY-SA




Esta tarea me ha parecido muy interesante, ya que hoy en día hay muchas imágenes con modificaciones y retoques, por lo que es una buena idea aprender sobre el mundo de la edición de imágenes.


¡ Espero que os haya gustado ! 


viernes, 30 de marzo de 2018

YO DE MAYOR QUIERO SER...

¡ Hola !

Hoy os traigo un tarea que consiste en realizar una presentación sobre lo que quiero ser de mayor con Genial.ly o Presentaciones de Google. Yo he decidido usar Genial.ly, no voy a explicar mucho este programa ya que, debido a que ya lo he usado antes, ya está explicado en el blog. Si queréis informaros más sobre esta aplicación podréis ir a las anteriores entradas, y si no, aquí os dejo un tutorial para que sepáis todo sobre como realizar presentaciones en Genial.ly.





Como podéis ver en el vídeo, simplemente hay que seleccionar presentación, y ya podréis empezar a trabajar. Luego, para embeberla, hay que darle a compartir, luego insertar y finalmente copiáis el código.

Para elaborar la presentación he empleado un formato llamado Pecha-Kucha que consiste en 20 diapositivas, que en caso de exposición oral tendrían una duración de 20 segundos cada una, de forma que la duración total sería de 6 minutos y 40 segundos.
Para este formato, Genial.ly es la aplicación adecuada, porque da la posibilidad de realizar presentaciones de 6:40 minutos, en el que las imágenes cobran importancia junto a la exposición del orador, por el poco texto que les acompaña.
Genial.ly da la opción de realizar una presentación en formato de vídeo seleccionando el modo vídeo y ajustar el tiempo de cada diapositiva a 20 segundos.


Antes de realizar este trabajo, ya tenía ideas sobre lo que quería ser de mayor, pero no sabía qué había que hacer para llegar a estudiar la carrera de ingeniería informática, tampoco sabía las asignaturas que hay actualmente en esta carrera. Investigar sobre las salidas profesionales, también me ha ayudado a decidirme. Así que, este trabajo me ha ayudado a aclararme un poco sobre la ingeniería informática. Me ha parecido interesante, ya que he investigado sobre lo que quiero hacer en el futuro.
Elegí ingeniería informática porque me gusta el trabajo que desempeñan. También pensé en hacer algo relacionado con la música, como por ejemplo, ser profesora en un conservatorio o algo relacionado con la música electrónica. Pero finalmente, elegí ingeniería informática.




Aquí os dejo la presentación, espero que os guste.






Si queréis profundizar sobre algún tema, en la webgrafía os dejo algún enlace sobre todos los temas tratados en la presentación.

WEBGRAFÍA:

http://profesiones-ocupaciones.universia.net/profesion/ingeniero-informatico/118
https://www.udc.gal/ensino/detalleEstudio/index.html?language=es&codigo=614G01V01
https://www.udc.es/sape/transporte/axudas_bolsas_tarxetas/index.html?language=es
https://www.educaweb.com/profesion/programador-sistemas-informaticos-363/
https://www.educaweb.com/profesion/director-tecnologias-informacion-comunicacion-723/
https://es.wikipedia.org/wiki/Analista_de_sistemas
https://fi.ort.edu.uy/analista-en-tecnologias-de-la-informacion
https://www.emagister.com/blog/que-estudiar-para-ser-ingeniero-informatico/
Algunas imágenes: https://pixabay.com/



viernes, 2 de marzo de 2018

CIBERSEGURIDAD

¡ Hola !

Hoy os voy a hablar sobre la ciberseguridad, en esta tarea hemos practicado la edición de textos, de forma colaborativa utilizando Documentos de Google.


Este trabajo lo realizamos 4 personas, Susana Sánchez, Alba Sar, Melannie Cambeiro y yo.
Para organizarlo simplemente decidimos dividir todos los puntos sobre los que hablamos entre las 4 personas que formamos el grupo. De manera que al final, este fue el reparto:
  1. Conceptos de seguridad activa y seguridad pasiva. ⟶ Alba Sar
  2. Software malintencionado o malware (malicious software). ⟶ Alba Sar
    1. Virus informáticos ⟶ Melannie Cambeiro
    2. Keylogger ⟶ Melannie Cambeiro
    3. Gusanos ⟶ Melannie Cambeiro
    4. Spyware o software espía: ⟶ Melannie Cambeiro
      1. Troyanos ⟶ Melannie Cambeiro
      2. Adware ⟶ Melannie Cambeiro
      3. Hijackers ⟶ Melannie Cambeiro
      4. Rootkits ⟶ Melannie Cambeiro
  3. Hackers y crackers. ⟶ Alba Sar
  4. Pharming. ⟶ Alba Sar
  5. Phising. ⟶ Alba Sar
  6. Typosquatting ⟶ Alba Sar
  7. Spam. ⟶ Alba Sar
  8. Cookies. Eliminación de cookies del navegador. ⟶ Susana Sánchez
  9. Hoaxes. ⟶ Susana Sánchez
  10. Certificado digital. ⟶ Susana Sánchez
  11. P2P. ⟶ Susana Sánchez
  12. Ataques denegación DNS (DDos). ⟶ Susana Sánchez
  13. Botnet. ⟶ Susana Sánchez
  14. Ransomware. ⟶ Susana Sánchez
  15. Deep Web. ⟶ Patricia Mato
  16. Síntomas para detectar que nuestro ordenador ha sido atacado. ⟶ Patricia Mato
  17. Software para proteger el ordenador. ⟶ Patricia Mato
  18. Uso seguro de la Webcam. ⟶ Patricia Mato
  19. Protección de la WiFi. ⟶ Patricia Mato
  20. Medidas de prevención frente a posibles ataques. ⟶ Patricia Mato
  21. Seguridad en los DISPOSITIVOS MÓVILES. ⟶ Patricia Mato
  22. Seguridad en el INTERNET DE LAS COSAS. ⟶ Patricia Mato

Susana y Alba hicieron 7 puntos, ya que Susana hizo el índice, y Alba hizo la portada. En cambio, Melannie y yo hicimos 8. La webgrafía la fuimos completando entre todas.


La organización no fue un problema, ya que lo decidimos rápido y fácil, a medida que íbamos avanzando nos comunicábamos entre nosotras en las clases para ponernos de acuerdo, no hubo ningún problema relacionado con este tema.



Para realizar esta tarea creamos un documento en drive y lo compartimos entre nosotras y el profesor. A continuación creamos una portada y un índice, luego organizamos nuestras tareas y cada una hizo sus partes, buscando información y añadiendo imágenes, tablas, etc. Finalmente creamos la webgrafía, donde pusimos todos los enlaces en los que buscamos la información.

Esta tarea me ha gustado, porque me parece que todo el mundo tiene que saber las medidas de seguridad en internet si quiere hacer un uso adecuado del. A mí personalmente me ayudó a entender mejor varias cosas, y a aprender nuevos conceptos.



A continuación podréis ver nuestra tarea sobre la ciberseguridad, espero que os guste.










https://docs.google.com/document/d/e/2PACX-1vQD9ALx3SwDdbB86ZUQqsjBo3laAWho8W8BnDwCIsmQTizt0Ncpj7C8iExyY85mg6Agbt4DglialpvT/pub




viernes, 16 de febrero de 2018

Diferentes sistemas operativos

¡ Hola !


Hoy vamos a hablar sobre los diferentes sistemas operativos de los móviles y ordenadores. Esta tarea trataba de hacer un mural digital comparando los diferentes sistemas operativos. Yo y mi compañera Susana Sánchez hicimos dos, uno para móviles con las diferencias entre Android y IOS, y otro para ordenadores comparando Windows, Linux y Mac.

Para los que no sepáis que es un sistema operativo aquí os dejo una pequeña explicación.

Sistema operativo: Es el software principal o conjunto de programas de un sistema informñatico que gestiona los recursos de hardware y provee servicios a los programas de aplicación de software, ejecutándose en modo privilegiado respecto de los restantes.


Para hacer esta tarea, empezamos utilizando un programa llamado Lino, pero nos pareció un poco complejo, así que decidimos cambiar. Probamos varios, como por ejemplo Glogster o Mural.
Pero después de un buen rato buscando el programa perfecto, decidimos utilizar Padlet, nos pareció muy completo y no es muy difícil de usar.
Este programa no es sólo para hacer lo que nosotras hicimos, si no que tiene muchas más opciones. Para empezar, debes darle a "crear un padlet", aquí te aparecerán varias opciones como muro, canvas, secuencia etc. Nosotras seleccionamos estanterías, que te permite apilar el contenido en series de columna. Creamos varias columnas, fuimos buscando información y también insertamos alguna imagen. Para esto último podéis darle a adjuntar, o simplemente arrastrar la imagen hasta donde la quieras situar. Te da la opción de poner varios colores a cada apartado que creas, me pareció muy útil esta opción, ya que nosotras le pusimos los mismos colores a las cosas que están relacionadas, y así se entiende mejor.


Si queréis investigar más sobre este programa podéis ver este vídeo:






Para encontrar el código embebido simplemente tienes que darle a los tres puntos que están arriba a la derecha, a continuación le das a exportar, y ahí ya podrás ver el código, lo copias y lo pegas donde quieras.



A continuación os dejo los diferentes sistemas operativos para el móvil, en este caso comparamos Android y IOS.




Hecho con Padlet





Finalmente, aquí podréis mirar los diferentes sistemas operativos para los ordenadores, en este caso comparamos Windows, Linux y Mac OS.



Hecho con Padlet




Espero que os haya gustado y que de esta manera os podáis informar un poco más  sobre el mundo de la informática.


Webgrafía: 

https://www.nitro-pc.es/blog/windows-vs-mac-vs-linux/
https://www.youtube.com/watch?v=ScFXKzRowZg
https://es.padlet.com
https://es.wikipedia.org/wiki/Sistema_operativo

Nube de palabras

¡ Hola !

Hoy os traigo una nube de palabras y conceptos sobre las redes informáticas. He hecho una imagen que contiene todas las palabras que voy a explicar a continuación. La imagen es una clave de sol, ya que así esta tarea está relacionada también con la música.


Hay muchos programas que permiten realizar este tipo de trabajos, como por ejemplo, NubeDePalabras, TagCrowd, Tagxedo...
Para crear la nube de palabras yo utilicé una aplicación llamada Word Art. Este programa me pareció muy útil y es uno de los mejores que conozco para realizar este tipo de tareas. Te permite meter la cantidad de palabras que quieras y hay una gran variedad de dibujos para elegir. A cada palabra se le puede asociar un enlace, lo que me parece una opción muy interesante. Yo opté por enlazar las palabras desde el blog en vez de hacerlo desde la aplicación.

Si queréis profundizar más en el programa y en el proceso que debéis de seguir para realizar una nube de palabras, aquí os dejo un tutorial:









A continuación os voy a explicar todos los conceptos que aparecen en la imagen uno por uno.


  • Red: Se trata del conjunto de equipos que están interconectados y que comparten diversos recursos.
  • Tarjeta de Red: Es un componente de hardware que conecta una computadora a una red informática y que posibilita compartir recursos entre dos o más ordenadores.
  • Módem: Es un dispositivo que convierte las señales digitales en analógicas y viceversa, y permite así la comunicación entre ordenadores a través de la línea telefónica o del cablemódem.
  • Router: Es un dispositivo que opera en capa tres de nivel de 3. Así, permite que varias redes u ordenadores se conecten entre sí y, por ejemplo, compartan una misma conexión de Internet.
  • Hub: Es un dispositivo que canaliza el cableado de una red para ampliarla y repetir la misma señal a través de diferentes puertos.
  • Switch: Es el dispositivo analógico que permite interconectar redes operando en la capa 2 o de nivel de enlace de datos del modelo OSI u Open Systems Interconnection. Su empleo es muy común cuando existe el propósito de conectar múltiples redes entre sí para que funcionen como una sola.
  • Repetidor: Es un dispositivo electrónico que recibe una señal débil o de bajo nivel y la retransmite a una potencia o nivel más alto, de tal modo que se puedan cubrir distancias más largas sin degradación o con una degradación tolerable.
  • LAN: ( Red de área local ) Es una red de ordenadores que abarca un área reducida a una casa, un departamento o un edificio.
  • WLAN: ( Wireless Local Area Network , puede traducirse como Red de Área Local Inalámbrica ) Es una red de tipo local cuyos equipos no necesitan estar vinculados a través de cables para conectarse.
  • PLC: ( Controlador Lógico Programable ) Es un ordenador utilizado en la ingeniería automática o automatización industrial, para automatizar procesos electromecánicos.
  • Wireless: Es un término usado para describir las telecomunicaciones en las cuales las ondas electromagnéticas (en vez de cables) llevan la señal sobre parte o toda la trayectoria de la comunicación.
  • WiFi: Es una tecnología de comunicación inalámbrica que permite conectar a internet equipos electrónicos mediante el uso de radiofrecuencias o infrarrojos para la trasmisión de la información.
  • Ethernet: Es un estándar que permite la transmisión de datos en redes de área local basándose en el principio de que todos los equipos dentro de una red se conectan a la misma línea de comunicación mediante cables cilíndricos.
  • RJ45: Es una interfaz física utilizada para conectar redes de ordenadores con cableado estructurado.
  • Puerto: Es una interfaz a través de la cual se pueden enviar y recibir los diferentes tipos de datos.
  • Intranet: Es una red informáticca que utiliza la tecnología del protocolo de Internet para compartir información, sistemas operativos o servicios de computación dentro de una organización.
  • IP: Es un número que identifica, de manera lógica y jerárquica, a una interfaz en red de un dispositivo que utilice el protocolo IP o, que corresponde al nivel de red del modelo TCP/IP.
  • MAC: ( Media Access Control ) Una dirección MAC es el identificador único asignado por el fabricante a una pieza de hardware de red.
  • DNS: ( Sistema de nombres de dominio ) Es un sistema de nomenclatura jerárquico descentralizado para dispositivos conectador a redes IP como Internet o una red privada.
  • Ping: Comando o herramienta de diagnóstico que permite hacer una verificación del estado de una determinada conexión de un host local con al menos un equipo remoto contemplado en una red de tipo TCP/IP.
  • Servidor: Es una aplicación en ejecución capaz de entender las peticiones de un cliente y devolverle una respuesta en concordancia.
  • Cliente: Es una aplicación informática o un ordenador que consume un servicio remoto en otro ordenador conocido como servidor, normalmente a través de una red de telecomunicaciones.
  • TCP/IP: Es una denominación que permite identificar al grupo de protocolos de red que respaldan a Internet y que hacen posible la transferencia de datos entre redes de ordenadores. En concreto, puede decirse que TCP/IP hace referencia a los dos protocolos más trascendentes de este grupo: el Protocolo de Transmisión(TCP) y el Protocolo de Internet (IP).
  • WPA2-PSK:  Dentro de la WLAN surgen diversos problemas de vulnerabilidad de datos, por lo tanto, es este el sistema o tipo de conectividad que nos permite evadir esos problemas de seguridad.
  • Network: Infraestructura necesaria para establecer vínculos virtuales y la posibilidad de intercambiar información de diversa forma.
  • P2P: Una red peer-to-peer, red de pares, red entre iguales o red entre pares ( P2P ) es una red de ordenadores en la que todos o algunos aspectos funcionan sin clientes ni servidores fijos, sino una serie de nodos que se comportan como iguales entre sí. 
  • Proxy: Es un ordenador intermedio que se usa en la comunicación de otros dos. Mediante un proxy, la información va, primero, al ordenador intermedio (proxy), y éste se lo envía al ordenador de destino, de manera que no existe conexión directa entre el primero y el último.



Aquí os dejo mi trabajo, ¡ espero que os guste !







Webgrafía:

viernes, 2 de febrero de 2018

Imagen interactiva sobre los componentes básicos de un ordenador

¡Hola!


Hoy os traigo una imagen interactiva realizada en Genial.ly, En ella podréis informaros sobre los principales componentes del ordenador, como por ejemplo, el monitor, el teclado, el ratón, la torre y algunas cosas más. Me pareció una tarea muy interesante, ya que ahora conozco muchas más partes del ordenador, especialmente de la torre.



Para embeber la imagen simplemente hay que darle a compartir, y ya puedes copiar y pegar el código.
Genially me pareció muy útil, tiene muchas opciones para hacer diversas imágenes. Buscas la imagen y a partir de ella puedes poner texto, títulos... En mi caso, puse una lupa, en la que puedes meter información e imágenes.
Si queréis saber más, os dejo un vídeo en el que lo explica todo.







Aquí os dejo mi imagen interactiva, espero que os guste y que aprendáis más sobre el mundo de la informática.





Webgrafía:

https://es.wikipedia.org/wiki/Monitor_de_computadora
https://es.wikipedia.org/wiki/Teclado_%28inform%C3%A1tica%29
https://es.wikipedia.org/wiki/Rat%C3%B3n_%28inform%C3%A1tica%29
https://www.ecured.cu/Torre_de_computadora
https://definicion.de/puerto-usb/
https://definicion.de/puerto-serial/
http://www.cavsi.com/preguntasrespuestas/que-es-puerto-vga/