Actividades Segundo Período - Programación de Software

Mayo 21 Taller Historia de la programación y documento de la Lectura Un poco de historia (2 horas)

Mayo 28 Taller Tipos de datos (2 horas)

Junio 01 Taller Variables, constantes e identificadores (3 horas)

Junio 04 Sondeo Expresiones Aritméticas básicas (2 horas)

Julio 06 Ideas Programación de software e Introducción al Branding (3 horas)

Julio 09 Importancia del Branding en las empresas (2 horas)

Julio 10 Aportes al marco conceptual de su proyecto empresarial - 5 preguntas individuales en el cuaderno de cada uno (3 horas)

Receso estudiantil de julio 11 a julio 20

Julio 22 Retroalimentación de los talleres Tipos de datos, Variables y Expresiones y entrega de los ejercicios que estaban mal, corregidos (3 horas)

Julio 27 Portafolio digital de actividades, Gadget Etiquetas, avatar y firma digital (2 horas)

Julio 29 Trabajo conceptual en PowerPoint sobre Algoritmos, Pseudocódigo y Diagrama de Flujo (1 hora)

Agosto 03 y 05 Lectura 1 Introducción Fundamentos de Programación, Lectura 2 Lenguajes informáticos y de programación. Publicación en el blog con cuestionario (3 horas)

Agosto 10 Evaluación final de período y asignación Taller final de Segundo Período (2 horas) Inicia plan de mejoramiento.

Actividades Segundo Período - Diseño Multimedia

Mayo 21 Lenguajes en el Diseño Web (2 horas)

Mayo 22 Dibujar en el cuaderno el mapa para el maquetado Web (1 hora)

Mayo 28 y 29 Edición y maquetación de documentos web (3 horas)

Junio 1 Reseña de los 5 primeros videos del curso HTML Básico (2 horas)
* Video 1 - Introducción (15 min) https://youtu.be/cqMfPS8jPys
* Video 2 - Etiquetas para Texto (9 min) https://youtu.be/TNQleomUw6U
* Video 3 - Enlaces (11 min) https://youtu.be/RdnS55MbdY4
* Video 4 - Listas (5 min) https://youtu.be/IRbEXqBBOCo
* Video 5 - Imágenes (7 min) https://youtu.be/lAoeALwWKo0

Junio 4 y 5 Práctica 1 de HTML (3 horas)

Junio 11 y 12 Tablas básico (3 horas)
Reseña del Video 6 del curso HTML Básico
Video 6 - Tablas (5 min) https://youtu.be/LmSUS6MuSzk
y pequeña práctica de aplicación realizando en el cuaderno el código para la siguiente tabla.

Julio 3 y 6 Productos Multimedia e Introducción al Branding (2 horas)

Julio 9 Importancia del branding en las empresas y cuestionario (2 horas)

Julio 10 Aportes individuales al marco teórico de la empresa - 5 preguntas en el cuaderno de cada uno (1 hora)

Receso estudiantil del 11 al 20 de julio

Julio 24 Retomando Portafolio digital de actividades y manejo de los gadgets Archivo del blog y Etiquetas (2 horas)

Julio 27 Trabajo Teoría del color y cómo compartir un link de acceso a un archivo en Google Drive.

Agosto 3 Insertar un PowerPoint en un blog de blogger (2 horas)

Agosto 10 Evaluación final de período y Asignación del Taller final del Segundo Período (2 horas). Inicia plan de mejoramiento.

Actividades Segundo Período - Tecnología e Informática

Actividad No. 1
Semanas del 18 de mayo al 5 de junio
Uso de las NTic's en la prevención de riesgos

Actividad No. 2
Semanas del 8 al 19 de junio
La información y su representación (incluye teoría)
(Pensamiento Computacional)

Actividad No. 3
Del 2 al 10 de julio
Refuerzo Conversión de Unidades de almacenamiento

Receso estudiantil del 11 al 20 de julio

Actividad No. 4

Del 21 de julio al 10 de agosto

Representación de un sistema Binario en un Proyecto Tecnológico

Finalización del segundo período académico: 24 de agosto.

Introducción al campo de la Imagen Digital

IMAGEN DIGITAL CON SOFTWARE LIBRE

Mis queridos estudiantes, a continuación encontrarán los PDF correspondientes a la Unidad 1 y 2 de la temática prevista en Multimedia para continuar trabajando la temática de "Imagen Digital" ya iniciada en la asignatura de Tecnología e Informática donde están aprendiendo a utilizar la herramienta Gimp, también complementan información sobre Software libre. Desde Multimedia veremos en estos momentos el fundamento teórico de Imagen Digital, sus teorías, su marco conceptual sobre todo en los campos de luz y color, composición y más. Por ahora trabajaremos con software libre y cuando regresemos al colegio veremos la posibilidad de trabajar en Photoshop (este software no es libre).

Cada unidad tiene ese marco conceptual requerido y la actividad a elaborar. Este material se trabajará en Word (cada unidad por aparte) y se debe enviar al correo para registrar su entrega. También deben subir los archivos a la carpeta de Sistemas 2020 en Google Drive, en una subcarpeta llamada Multimedia, pero el envío oficial es por correo, para registrar el momento de la entrega).

Ambos trabajos son individuales.

Unidad 1 - Conceptos de software libre

Para: sistemasjdsm@gmail.com

Asunto: Unidad 1 Conceptos de software libre

Adjuntar el archivo Unidad 1 Conceptos de software libre - nombre.docx

Unidad 2 - Fundamentos de imagen digital

Para: sistemasjdsm@gmail.com

Asunto: Unidad 2 Fundamentos de imagen digital

Adjuntar el archivo Unidad 2 Fundamentos de imagen digital - nombre.docx

Nota importante: Para esta última unidad, el punto final de la actividad es un dibujo, por tal motivo en Word insertarán una foto, muy bien tomada, de ese dibujo bien marcado con su nombre completo. Vamos a ver que tal es la toma de esa fotografía (encuadre y composición). Ojalá consulten un poco al respecto de estos dos aspectos tan importantes en fotografía digital. El dibujo como tal, lo deben pegar en el cuaderno con el título Círculo cromático.

Se les extraña mucho, un abrazo virtual.

Taller 3 de Gimp Eliminar objetos de una imagen

HERRAMIENTA DE CLONADO

El taller 3 trata de la herramienta de clonado, la cual es especial para borrar elementos u objetos de una imagen. Para utilizarla, necesitamos utilizar el panel derecho Capas - Pinceles, que se ha enseñado a abrir y a cerrar en el taller 1. Por lo tanto necesitamos que esté activo (si no está, en el menú Ventana > Empotrables cerrados recientemente debe estar).

Abran su Gimp 2.10 Portable y descarguen el material para trabajar:

Link para descargar el archivo Aquí.  

Link para descargar las imágenes a editar (son 4) Aquí.

Descarga del portable de Gimp 2.10 desde su página oficial Aquí. Dan clic en el link para descargar el portable, esperan unos segundos y se abre la ventana para guardar el archivo GIMPPortable_2.10.2.paf.exe en el lugar donde desean guardarlo.

Este archivo es un ejecutable, deben dar doble clic sobre el para ejecutar la descompresion de la carpeta que contiene el portable, y listo! Quedará la carpeta como la que se ha trabajado en clase y ya pueden ejecutar el programa desde al archivo que tiene el logo de Gimp.

Taller 2 de Gimp Escalar imágenes y herramienta Selección Difusa en Gimp

Escalar una imagen. Este proceso consiste en agrandar o reducir el tamaño físico de la imagen lo que causaría un cambio en el número de pixeles (cantidad de información) que ésta contiene.

Puede hacerlo desde el menú Imagen > Escalar la imagen… y cambiar la Anchura o la Altura que tiene originalmente la imagen. La otra variable se ajustará automáticamente si el ícono de la cadena, al lado de las variables, no se muestra roto. Si se rompe la cadena pulsando sobre ella, se pueden cambiar la Altura o la Anchura independientemente, pero esto deformará o distorsionará la imagen. La unidad de medida utilizada generalmente es el pixel, pero se utilizar porcentaje, milímetros, centímetros, entre otras.

Herramienta de selección difusa o “varita mágica”. Está diseñada para seleccionar áreas de una imagen que tienen similitud en color, por eso es la más práctica cuando se desea quitar el fondo blanco que tienen muchas imágenes para asignarle un fondo transparente. También es importante que la imagen tenga un borde nítido.

Procedimiento para utilizar la herramienta Selección difusa:

Actividad en clase

Link para descargar del Taller 2 de Gimp en PDF, Aquí.

Link de descarga de las imágenes a editar, Aquí.

Entregar su carpeta con todos los archivos y el cuaderno con sus apuntes.

Infografías con Genially

Genial.ly es una plataforma web gratuita que permite crear contenidos digitales bien estructurados, animados e interactivos de manera muy sencilla y sin tener ningún tipo de conocimiento en lenguajes de programación, ni en diseño gráfico, gracias al gran número de plantillas y herramientas, además de su gran versatilidad, ya que puede integrar texto, imagen, audio, video, gráficos, mapas, íconos, test, etc. Se pueden insertar en un blog o página web, compartirlos en las redes sociales o Whatsapp y guardarlos en la nube.

Pasos para utilizar la aplicación:

1. Ingresar al sitio www.genial.ly y registrarse con una cuenta de correo electrónico. 

2. Ingresar en la cuenta de correo electrónico utilizada para activar el registro a la plataforma mediante el botón de activación o link allí enviado.

3. Ingresar a la cuenta con el correo y el password o contraseña asignada.

4. Según la pantalla que se presente, elegir el tipo de elemento que se desea diseñar y utilizar el botón Crear para dar comienzo a la edición. Se pueden diseñar infografías, imágenes interactivas, presentaciones, hojas de vida (curriculum vitae), entre otros.

5. Hacer las modificaciones correspondientes cambiando textos, imágenes, colores, eliminando objetos no deseados, insertando otros, etc. Hay un ícono de Previsualización (un ojo) para observar cómo van quedando los cambios.

6. Al finalizar, dar clic en Descargar o Compartir para obtener la URL o el código embebido, si lo que se desea es incrustar en un blog, o para compartir en alguna red social.

Ejemplo de Curriculum Vitae realizado con Genial.ly (una de las diapositivas de este elemento está sin editar para apreciar su presentación como ejemplo)

Cuando vuelva a ingresar a su cuenta en Genial.ly, la plataforma lo ubicará en la pestaña Mis creaciones, mostrando las creaciones que se han realizado, en mi caso llevo dos, el curriculum vitae mostrado y la imagen interactiva de más abajo.

Si desea continuar con otro diseño debe dar clic al botón Crear Genially.

Ejemplo de imagen interactiva realizada con Geneal.ly

Pueden ver muchos videos explicativos desde el canal de youtube de Genial.ly dando clic en el siguiente link:

https://www.youtube.com/channel/UCtq6w3zpUc5tQYEC6Q8pImg/videos

Otros tutoriales recomendados (aunque la aplicación ya ha tenido cambios en su apariencia) son:

- Tutorial Genially - Crear presentación interactiva (Roxana Falasco)

https://youtu.be/6gfp4zxjtf0

- Crear test interactivo con Genially (Roxana Falasco)

https://youtu.be/8iItuwt-Sog