Elementos de la fotografía

Teniedo en cuenta que la semana pasada se inició con el tema de Fotografía, generar la publicación en el blog correspondiente a esta temática antes de seguir con el tema de la clase de este día, teniendo presente la siguiente información:

- Título publicación: Evolución de la fotografía
- Etiquetas: Fotografía, Multimedia
- La infografía debe ocupar casi toda la zona de publicaciones del blog (ancho de las entradas)
- La publicación debe finalizar con la firma digital
- Enviar link de la publicación al correo de la asignatura. Asunto Publicación Infografía

Paso siguiente, del material recomendado (3 links sobre elementos de la fotografía) diseñar un Genially que presente este tema, reuniendo todos los elementos presentados por cada sitio web y publicarlo en el blog:

- Título de la publicación: Elementos de la fotografía

- Etiquetas: Fotografía, Multimedia

- La publicación debe finalizar con la firma digital
- Enviar link de la publicación al correo de la asignatura. Asunto Publicación Genially

 

Material a estudiar:

http://www.thewebfoto.com/1-introduccion/102-elementos-de-la-fotografia
https://www.theimagen.com/los-3-elementos-clave-toda-fotografia/
https://casaverdefilms.wordpress.com/2014/05/01/7-elementos-basicos-de-la-fotografia/

 

Editor de código Visual Studio Code

Editor de código fuente independiente que se ejecuta en Windows, macOS y Linux. La elección principal para desarrolladores web y JavaScript, con una gran cantidad de extensiones para admitir casi cualquier lenguaje de programación.

 

PDF del material a trabajar en esta clase.

Video de youtube que se seguirá, sobre Visual Studio Code y HTML5. 

 

Evaluación final de Multimedia para el Segundo Período 2022

 Ingrese al formulario de la evaluación desde:

 

 

NOTA POSTERIOR A LA PRESENTACIÓN DE LA EVALUACIÓN:

 

Los estudiantes que no aprobaron la evaluación final, tienen acceso al formulario para trabajar su plan de mejoramiento, como se les explicó en clase.

 

En su cuaderno, deben escribir una a una cada pregunta con sus respectivas opciones de respuesta y luego elegir la correcta, la cual deben justificar ahí mismo (debajo de cada una) con una explicación al respecto que aclare por qué esa, es la respuesta correcta. Este trabajo es para estudiar el cuestionario y entregarlo el jueves antes de presentar de nuevo la evaluación para recuperarla. Tenga en cuenta que ahora, la evaluación se presenta SIN cuaderno abierto, obviamente.

 

 

Etiquetas HTML para formato de texto - Actividad 2

Después de la explicación realizada en clase (si no estuvo puede consultar en la web información sobre etiquetas para formato de texto, etiquetas de títulos y subtítulos, etiqueta hr y sus atributos correspondientes o este PDF), realice la siguiente actividad:

Actividad en clase

• Cree una carpeta llamada Actividad 2 para guardar los archivos que conforman el trabajo de esta clase. Recuerde estar verificando el funcionamiento del código que va creando o modificando, continuamente.
• Inicie un código con la estructura básica de HTML y guárdelo en la carpeta creada con el nombre Actividad 2 - apellidos.html (no olvide que para que no quede guardado el archivo como texto, debe utilizar la extensión .html).
• Realice los ajustes en el código básico, necesarios para que la página web creada muestre la información contenida en la siguiente imagen y con los formatos correspondientes según el contexto de las etiquetas que se quieren estudiar en esta clase. Utilice atributos de <hr> como usted desee según lo explicado en clase:

 (Clic sobre la imagen para verla mejor)

• Guarde y ejecute para ver el resultado de lo que se lleva hasta el momento, corrija hasta que se consigan los formatos requeridos hasta el momento.
• Edite el código de los formatos para que quede como el siguiente:
  

(Clic sobre la imagen para verla mejor)

Por último, la imagen de la carita que eligieron para insertar en la página, debe ser manejada con los respectivos atributos encuanto a su tamaño, para que se vea pequeñita como se tiene en la imagen de la página web. Por favor, insertar esa misma imagen repetida, después del párrafo donde están los nombres de los estudiantes que realizan el trabajo, sin los atributos para cambiar dimensiones, para evidenciar su tamaño real.

 

Revise, corrija y cuando esté completo y bien presentado, entregue su trabajo para su evaluación.

 

 

Introducción a HTML y Actividad 1

 

 

Fundamentos de Imagen Digital

Actividades para el Técnico en Diseño e Integración de la Multimedia, en el cierre del segundo período 2022:

Unidad 1 Tipos de imagen y Modos de color 

Test U1: Dar clic AQUÍ para presentarlo al finalizar la clase.

Unidad 2 Profundización sobre Imagen digital

Test U2: Dar clic AQUÍ para acceder al test de esta unidad.

Unidad 3 Resolución y dimensiones

Test U3: Dar clic AQUÏ para acceder al test de esta unidad.

Taller para generar propuestas de logos de las empresas

 

El material a estudiar se puede abrir desde AQUÍ (fuente de este material: 99 designs).

1) El título de la actividad de hoy es: Aspectos importantes en el diseño de un logo.

2) Para el paso 1: Definir su marca, inicie con la lectura detenida de las páginas 2, 3 y 4, antes de cualquier otra cosa.

3) Consulte en otros sitios web qué es branding y construya una definición en su cuaderno que le deje claro los aspectos más importantes de este concepto.

4) Trabaje en el cuaderno completamente la actividad de las páginas 5, 6 y 7.

5) Deje bien claro en su cuaderno, qué significa la palabra target en el contexto utilizado en la página 7.

6) Para el paso 2: Inspirarse con buenos ejemplos, continúe con la lectura de las páginas 8, 9 y 10, definiendo en el cuaderno las 5 características a tener en cuenta en el diseño de un logo.

7) Aclare investigando, sobre el logo de la diana TARGET, a qué empresa pertenece. Más adelante se dará cuenta que se utiliza la palabra target en otro contexto. También aclare en qué consiste la palabra favicón.

8) Trabaje en su cuaderno la página 11 teniendo en cuenta que su industria es la tecnología multimedial. Tómese el tiempo de dibujar. Dedique una hoja de su cuaderno dibujando logos o elementos de un logo que sirvan en la rama de su industria tomando en cuenta lo aspectos estudiados y para tenerlos presente al momento de proponer en el diseño de su logo.

9) Para el paso 3: Proceso creativo, lea como base las páginas 12 a la 20 para definir el estilo, los colores y la tipografía que considera debería llevar su logo, justificando sus elecciones de acuerdo con lo estudiado. Describa en su cuaderno las elecciones para estos tres aspectos.

10) Para el paso 4: Aclare los términos Brief o briefing de diseño y Feedback para comprender lo que se propone en este paso. Después de leer esta parte manos a la obra con el diseño de su propuesta. En un principio piénselo solo en escala de grises (o sea sin tener en cuenta el color, solo la composición) para que luego de terner clase de qué estará compuesto, se pase a manejar lo referente al color.

 

Publicaciones sobre mBlock y Canva en Multimedia

 

Recordemos que para este segundo período llevamos ya una primera publicación en el blog: 

Publicación de mBlock con:

- Introducción a mBlock
- Interfaz gráfica y sus elementos
- Hola Mundo en mBlock
- Actividades con mBlock
- Cada actividad con descripción, captura de la actividad realizada y link directo a esa actividad (investigar cómo se enlaza una actividad con mBlock).

Aclaración: Estas publicaciones son contenido digital y multimedia generado por ustedes y cada vez pueden ir mejorándolas para que estén perfectas al finalizar el período. Son evaluadas como trabajo de diseño en el Técnico en Multimedia.

Publicación de Canva con:

Introducción a Canva
- Cómo registrarse en Canva gratis
- Explicación de la interfaz gráfica principal
- Descarga de Canva a la computadora

Diseñando una Presentación
- En este primer diseño se utiliza un logo, utilizar el de Tecnorobotic's
- Nombre: Primer diseño con Canva - apellidos (no el que dice el video).
- Este se guarda y se descarga para ver cómo queda con marca de agua y en todos los formatos posibles.

Diseñando un post de Facebook
- En este segundo diseño se aprende que "redimensionar" es una opción solo de premium.
- Nombre: Segundo diseño con Canva - apellidos (en el video no le asignan nombre).
- Se guarda y se descarga en todos los formatos posibles.

Dentro de lo que se explica o narra en la publicación, que quede claro:
- Qué es la paleta de la marca (solo tres colores en versión gratis)
- Formatos posibles de descarga de los diseños.

- Cómo se puede compartir.
- Cuándo se descarga el diseño con marca de agua, cuándo se logra descargar el diseño sin ningún tipo de marca de agua

Recurso a seguir, el cual debe estar referenciado en la publicación:
Video Aprende CANVA desde CERO cin este Curso Completo 2021
Canal de Youtube El Tío Tech

Ojo:
- No comentar procesos con Premium o versión Pro
- Todas las imágenes utilizadas son de su proceso en la herramienta, no capturas del video, no imágenes de internet.

Lo mejor es crear una carpeta en el computador llamada Canva, donde irán todos los archivos generados y al finalizar la clase se sube esa carpeta a las cuentas de Google Drive > Multimedia 2022, subcarpeta Segundo Período.

Conceptos y etapas en el Diseño Multimedial

Lectura 1: Artículo Diseño Multimedia

A partir de la lectura anterior conteste las siguientes:

1. ¿De qué se compone el diseño multimedia?

2. ¿Cómo eran los computadores en el comienzo de su aparición y aproximadamente en qué fecha fue?

3. ¿Cómo evolucionaron las computadoras favoreciendo al aspecto multimedial, entre muchos campos?

4. Aproximadamente en qué fecha aparecen computadores capaces de trabajar las primeras muestras multimediales

5. Indique mínimo 10 aplicaciones diferentes, nombradas en la lectura, donde trabaje la multimedia.

6. Realice una tabla que muestre los dos problemas que ha sufrido el desarrollo de la multimedia indicando de cada una dos soluciones realizadas según la lectura, ejemplo:

7. Realice un cuadro sinóptico de necesidades tecnológicas, ejemplo:

8. Realice un mapa conceptual sobre hipermedia, ejemplo:

Lectura 2 Artículo: ¿Qué sabes sobre el proceso de creación multimedia?

A partir de la lectura anterior conteste las siguientes:

1
1. ¿Qué es la producción multimedia y cuál es su finalidad?

2. ¿Qué es un producto multimedia y cuál es su finalidad?

3. 3. Agrupe los siguientes conceptos con respecto al tipo de contenido multimedia al que correspondan o caractericen (puede ser que un término esté en dos categorías), según la lectura o conocimientos previos o investigación: avi, párrafos, jpg, vimeo, enlaces, títulos, mp3, datos, youtube, ogg, gifs, información gráfica, mp4, png, wav, 2D, 3D, flv, wmv, música, lemas, movimiento, gráficos vectoriales, mapas de bits, ilustración.

4. En una hoja completa de su cuaderno diseñe una infografía que enseñe sobre las “Etapas del proceso de creación multimedial”.

5. Investigando, complete a 10 las salidas profesionales en el campo de la multimedia.

 

Técnicas para el desarrollo de la creatividad

Charla, consulta y actividad práctica.

Plan de Mejoramiento Diseño Multimedia Primer período

  

DESCARGUE AQUÍ EL PDF DE ESTE DOCUMENTO

Diseño Multimedia - Introducción

3 horas de clase que iniciamos con:

 

Definición (en el cuaderno)

Disciplina que conlleva a un proceso creativo en la búsqueda de una solución digital funcional a cierta problemática o situación en particular, generalmente de comunicación, y que tiene componentes en múltiples medios de expresión como texto, imagen, fotografía, video, sonido, animación, interactividad y programación.

 

Continuamos con:

 

Revisión de algunos videos en donde se realizan intervenciones respectivas que contextualizan en las diferentes posibilidades de esta disciplina para aclarar terminología, campos de acción de la carrera e indicar requerimientos indispensables como ser observador, detallistas y tener apertura al cambio y a la actualización tecnológica continua.

 

En el cuaderno deben ir las reflexiones respectivas a cada video titulándolas con el número del video y el nombre del video. Vaya extrayendo términos para el glosario ya que debe retroalimentar el glosario con por lo menos 15 términos relevantes para multimedia relacionados el día de hoy en todo el material que se va a estudiar y adicionales a los que ya se tienen)

Video 1: Estudia Diseño Multimedial

Video 2: Diseño Multimedia - Todo sobre la carrera y profesión

Video 3: Diseño Multimedial en la Sociedad Informatizada

Actividad de consulta (en el cuaderno)

1. Características de la multimedia.
2. Tipos de información.
3. Plataformas multimedia.
4. Línea de tiempo del desarrollo de la multimedia (elija las 10 fechas que usted considera más importantes en la evolución de la multimedia y por qué).
5. Padres de la multimedia. 3 personajes importantes en la evolución de la multimedia y qué hicieron o cuál fue su gran aporte.

No olivide los 15 términos mínimo que deben ir definidos el día de hoy en el glosario, vien definidos para mejorar la comprensión de todo el material que se está estudiando hoy. Que se diga que son mínimo 15 no quiere decir que no salgan más.

Material de lectura (resumen en el cuaderno)

Lectura complementaria de los fascículos de Competencias TIC de Educ.ar.
Fascículo 5 Diseño Multimedia Cuaderno 1
Link para descargar el PDF a leer Aquí.
Sitio oficial de este material completo Aquí.

Sobre Infografías, bocetos y códigos QR

PRIMERA PARTE (25 de marzo)

Explicación de la actividad y estudio del material inicial

Material: ¿Qué es una infografía? sitio Web Venngage

Visite el artículo anterior y estudie los conceptos allí presentados. En su cuaderno debe quedar registrado el título de este tema y los conceptos más importantes allí encontrados. Busque los subtemas generales y distribuya la selección de la información presentada en su cuaderno, de acuerdo con estos subtemas.

Con su compañero, observe muy bien cada uno de los ejemplos de infografías presentados en ese sitio web. Deténgase en cada una para fijarse en su diseño y presentación. Cómo acomodaron los elementos que conforman el diseño, tamaños de letra, cantidad de información presentada, tipos de imágenes utilizadas, observe los títulos, dónde aparecen, cómo fueron trabajados, analice el tipo de letra y tamaño tienen con respecto a otros elementos, si hay más títulos (subtítulos), cómo se presentan, color de fondo de las infografías, contraste con los elementos que la integran, etc. sea muy observador y detallista pensando en detalles que le pueden servir en sus diseños infográficos.

SEGUNDA PARTE (25 de marzo)

Situación a trabajar y búsqueda de información

 

Una persona desea contratar a alguien que le diseñe una infografía sobre Códigos QR. La persona exige que sea una infografía aproximadamente del tamaño de una hoja de cuaderno y no le importa si el diseño es vertical u horizontal, pero si que la información, tanto textual como de imágenes, sea la suficiente para que ser muy clara, fácil de comprender y logre su papel informativo sobre el tema requerido para que no queden dudas y la va a distribuir entre sus empleados ya que va a empezar a utilizar los códigos QR en la empresa y desea que el personal se empape de todo lo concerniente sobre ellos como: qué son, para qué se utilizan o cuáles son sus aplicaciones, cómo surgieron (historia), cómo se pueden aprovechar, recomendación de sitios donde se puede obtener un código QR y los pasos para generar un código QR en una de esas herramientas recomendadas, seleccionada por usted. Usted debe encargarse de buscar la información más adecuada para cumplir el objetivo educativo y didáctico de la infografía que requiere su futuro cliente si los o las contratan.

• Como usted desea esa contratación, para diseñar su propuesta debe hacer una investigación muy completa sobre códigos QR en su cuaderno, teniendo en cuenta CADA UNO DE LOS TEMAS nombrados en el párrafo anterior y el último tema lo abordará generando un código QR para su blog).

 

TERCER PARTE (28 de marzo)

 

Maquetado o bocetaje

• En una hoja blanca tamaño carta, realizará un boceto, lo más completo posible, de cómo será su infografía, cuál será su título, dónde irá acomodado, qué tamaño ocupará del tamaño disponible en la infografía, qué otros elementos la conformarán, donde acomodará los textos que ha seleccionado para la infografía y que surgen de la investigación realizada, buena redacción y sentido común de lo que se necesita en la infografía para que informe lo que se ha solicitado, que imágenes va a utilizar, si son ilustraciones, si son gráficos, si es un esquema como una tabla o un cuadro, etc., si va a tener subtítulos dónde irán. Todo, todo lo que corresponde a su propuesta para convencer e impactar y que la persona lo contrate a usted y no a otro. Utilice colores, recuadros que simbolicen las imágenes y demás cosas que se le ocurran para que su diseño sea muy creativo y que cumpla el objetivo comunicativo solicitado ABORDANDO TODOS LOS TEMAS QUE SE PIDIERON INCLUIR EN LA INFOGRAFÍA.

Las dos imágenes que encuentra a continuación son ejemplos de bocetos de infografías para mejor comprensión de lo que se está solicitando realizar.

 

 

Tomado de:  Cómo hacer una infografía en 5 pasos
(De clic sobre la imagen para verla mejor)

 

 

EJEMPLOS DE DISEÑOS DE INFOGRAFÍAS SOBRE CÓDIGOS QR MOSTRADOS EN CLASE

 

Infografía Cómo usa la gente los códigos QR

Sitio Web: curiosendatio.blogspot.com

https://curioseandito.blogspot.com/2011/11/como-se-estan-los-codigos-qr-infografia.html

 

Infografía Decoding QR CODES 

Sitio Web: posicionamiento-web-marbella.com 

https://www.posicionamiento-web-marbella.com/noticias/codigos-qr-estrategia-marketing/

 

Infografía QR CODES AT-A-GLACE

Sitio Web: ticsyformacion.com

https://ticsyformacion.com/2011/04/24/un-comic-sobre-los-codigos-qr-infografia-infographic/