Plan de Curso de Producción Hipermedial Facultad de Comunicación y Publicidad Universidad Santiago de Cali

1. UNIVERSIDAD SANTIAGO DE CALI
PLAN DE CURSO PRESENCIAL
Código: R-GD003
Versión: 003
Vigencia:15/05/2020
FACULTAD: COMUNICACIÓN Y PUBLICIDAD
PROGRAMA(S): COMUNICACIÓN SOCIAL
NIVEL DE FORMACIÓN Tecnológico: Universitario: X Especialización:
Especialización
Médica
Maestría: Doctorado:
1. CARACTERIZACIÓN DEL CURSO1
:
Nombre del Curso: PRODUCCIÓN HIPERMEDIAL
Código del Curso: CM089 Obligatorio: (X) Electivo: ( )
Habilitable: SI (X) NO ( ) Nota Mínima Habilitable: 2.0
Homologable: SI (X) NO (
)
Modalidad: Teórico ( ) Teórico - Práctico (X) Práctico (
)
Número de Créditos: 3 Intensidad Horaria con acompañamiento docente: 3
Intensidad Horaria trabajo independiente del estudiante: 6
Sumatoria de horas presenciales y de trabajo
independiente: 144
2. DESCRIPCIÓN DEL CURSO
Describa las características de su curso en términos de: propósitos, justificación (Máximo 100 palabras).
El curso se ocupa del diseño y producción de contenidos comunicativos digitales mediante el vehículo de expresión sitio web. En el contexto de la generación
productora de contenidos comunicativos, se desarrollaran las competencias que les permita a los estudiantes involucrarse en el desarrollo de las comunidades
virtuales para el mejoramiento empresarial y/o profesional. En consecuencia, se pretende aportar al perfil del profesional en la formación de un ciudadano que se
involucra en la producción productores de contenidos comunicativos digitales, a partir de uso de herramientas y tecnologías para enfrentarlo a las exigencias de
la sociedad de la información y el conocimiento.
1 Para posgrados, se modifica el número de secciones, según las características del curso.

2. UNIVERSIDAD SANTIAGO DE CALI
PLAN DE CURSO PRESENCIAL
Código: R-GD003
Versión: 003
Vigencia:15/05/2020
3. COMPETENCIAS GENERALES DE UNIVERSIDAD
Escriba 2 competencias y sus indicadores de desempeño.
Competencias generales Indicadores de desempeño
Ambiental
Desarrollar y aplicar las herramientas de la comunicación para la difusión correcta y ética de información relacionada en
temas científico- ambientales.
Investigación e innovación
Da cuenta de la resolución de problemas o la comprobación de hipótesis, a través de la objetivación de ellos y la
implementación de un método adecuado, dependiendo del fenómeno que se analiza
4. PROCEDIMIENTO GENERAL
COMPETENCIAS ESPECÍFICAS
DEL CURSO
Capacidades específicas a aprender y desarrollar
en este curso. Se sugiere una competencia por
cada corte.
RESULTADOS DE APRENDIZAJE
¿Qué se espera que un estudiante sepa hacer con el
conocimiento, según los contenidos de aprendizaje?
ACTIVIDADES DE ENSEÑANZA
Estrategias centradas en el aprendizaje de los
estudiantes, en coherencia con el desarrollo de las
competencias generales y específicas.
RECURSOS
Material educativo a usar durante el desarrollo de
las clases
CA1 Entiende los conceptos
asociados a la producción
hipermedial de sitios web de
información y comunicación.
RA1 Sabe que es producción
hipermedial, sociedad de la información y
el conocimiento, TIC, hipermedia,
hipertexto, sitio web, página web,
lenguaje de programación, script, html,
css.
Presentación.
Debate.
Lectura de apoyo.
Presentaciones en Power Point
Guías para conducir debate.
Lecturas de apoyo.
RA2 Incorpora los conceptos aprendidos
en sus aportes de la clase.
Estudio de caso
Guías para la elaboración y
presentación de los casos.
CA2 Implementa / diseña / produce
Sitios web como vehículos para la
expresión de la comunicación
hipermedial.
RA3 Maneja Las herramientas de
escritura y edición de código, para
realizar producciones hipermediales en
html y css.
Clase instruccional
Ejercicios y talleres
Medios y tecnologías para el diseño y
desarrollo de productos hipermediales.
RA4 Crea sitios web de comunicación
hipermedial.
Clases instruccionales
Ejercicios y talleres
Medios y tecnologías para el diseño y
desarrollo de productos hipermediales.
CA3 Valora / fomenta el uso…
ético de los sitios web de
comunicación hipermedial.
RA5 Reflexiona sobre la responsabilidad
que tiene el comunicador social al
producir comunicación hipermedial.
Clases instruccionales
Ejercicios y talleres
Medios y tecnologías para el diseño y
desarrollo de productos hipermediales.

3. UNIVERSIDAD SANTIAGO DE CALI
PLAN DE CURSO PRESENCIAL
Código: R-GD003
Versión: 003
Vigencia:15/05/2020
5. CONTENIDOS Y EVALUACIÓN
SECCIÓN
CONTENIDOS
RESULTADO DE APRENDIZAJE
EVALUACIÓN
TEMA SUBTEMA INSTRUMENTO EVIDENCIA
1
La producción
hipermedial
*Introducción a la
sociedad de la
información y el
conocimiento
*Concepto de
hipermedia
*La producción
hipermedial
RA1 Sabe que es producción hipermedial, sociedad de la
información y el conocimiento, TIC, hipermedia,
hipertexto, sitio web, página web, lenguaje de
programación, script, html, css.
RA2 Incorpora los conceptos aprendidos en sus aportes
de la clase.
RA5 Reflexiona sobre la responsabilidad que tiene el
comunicador social al producir comunicación hipermedial.
*Dabate
*Lectura.
*Participa en el
debate sobre la
produción hipermdial.
2
Competencia
Investigación e
innovación
Consulta sobre la
Incidencia de las
TIC en la relación
con el medio
ambiente
RA5 Reflexiona sobre la responsabilidad que tiene el
comunicador social al producir comunicación hipermedial.
*Debate.
*Debate sobre las
indencias de la TIC
en el medio ambiente
Las tecnologías
de la información
y la
comunicación.
*El sitio web
*Las páginas web
*Web 1.0, 20, 30 y
4.0
*Tipología de sitios
web
RA1 Sabe que es producción hipermedial, sociedad de la
información y el conocimiento, TIC, hipermedia,
hipertexto, sitio web, página web, lenguaje de
programación, script, html, css.
RA2 Incorpora los conceptos aprendidos en sus aportes
de la clase.
*Presentación
colaborativa.
*Debate.
*Estudio de caso.
*Participa en la
elaboración de la
presentación del
tema de la clase.
*Debate sobre los
sitios web de
comunicación.
*Entrega su caso de
estudio sobre
tipología de sitios
web.
3
Competencia
Investigación e
innovación
indaga los
antecedentes de
los lenguajes de
programación html
y css
RA5 Reflexiona sobre la responsabilidad que tiene el
comunicador social al producir comunicación hipermedial.
Debate
*Debate sobre los
lenguajes de
programación.

4. UNIVERSIDAD SANTIAGO DE CALI
PLAN DE CURSO PRESENCIAL
Código: R-GD003
Versión: 003
Vigencia:15/05/2020
Los lenguaje de
programación
*Lenguajes de alto
y bajo nivel.
*Principales
lenguajes de
programación y
sus
funcionalidades
RA1 Sabe que es producción hipermedial, sociedad de la
información y el conocimiento, TIC, hipermedia,
hipertexto, sitio web, página web, lenguaje de
programación, script, html, css.
RA2 Incorpora los conceptos aprendidos en sus aportes
de la clase.
*Debate.
*Análisis documental.
*Debate sobre los
lenguajes de
programación.
4
Fundamentos de
los lenguajes html
y css
*Definición e
historia del html.
*Funcionalidad y
semántica html
*Definición e
historia del CSS
*Funcionalidad y
semántica CSS
RA1 Sabe que es producción hipermedial, sociedad de la
información y el conocimiento, TIC, hipermedia,
hipertexto, sitio web, página web, lenguaje de
programación, script, html, css.
RA2 Incorpora los conceptos aprendidos en sus aportes
de la clase.
RA3 Maneja Las herramientas de escritura y edición de
código, para realizar producciones hipermediales en html
y css.
*Debate realizado en
la clase.
*Debate sobre los
lenguajes de
programación.
Competencia
Ambiental
*Creación de un
weblog con html y
css básico en
torno a la
temáticas
ambientales
RA4 Crea sitios web de comunicación hipermedial.
RA5 Reflexiona sobre la responsabilidad que tiene el
comunicador social al producir comunicación hipermedial.
*Creación Weblog
*Realiza un Weblog
con temática
ambiental diseñada.
5
El proyecto
hipermedial
*Proceso para la
producción
hipermedial
*Creación de
mapas de
navegacion y
wireframes
*Software libre y
de pago para
escribir y editar
código
RA1 Sabe que es producción hipermedial, sociedad de la
información y el conocimiento, TIC, hipermedia,
hipertexto, sitio web, página web, lenguaje de
programación, script, html, css.
RA2 Incorpora los conceptos aprendidos en sus aportes
de la clase.
*Estudio de caso.
*Entrega su caso de
estudio mapa de
navegación y
wireframe.
6
Desarrollo del
primer parcial
teórico práctico
Realización de
cuestionario tipo
saber pro.
RA1 Sabe que es producción hipermedial, sociedad de la
información y el conocimiento, TIC, hipermedia,
Cuestionario tipo
saber pro.
*Realiza el
cuestionario

5. UNIVERSIDAD SANTIAGO DE CALI
PLAN DE CURSO PRESENCIAL
Código: R-GD003
Versión: 003
Vigencia:15/05/2020
hipertexto, sitio web, página web, lenguaje de
programación, script, html, css.
7
Modelo de cajas
*Uso de hojas de
estilo
*Creación de
maquetación con
cajas usando css y
html
*Asesoría proyecto
hipermedial final.
RA3 Maneja Las herramientas de escritura y edición de
código, para realizar producciones hipermediales en html
y css.
RA4 Crea sitios web de comunicación hipermedial.
*Ejercicios
maquetación por
cajas.
*Hace el ejercicios
maquetación por
cajas.
Competencia
Investigación e
innovación
Consulta un tema
relacionado con la
comunicación y
área de intéres.
RA1 Sabe que es producción hipermedial, sociedad de la
información y el conocimiento, TIC, hipermedia,
hipertexto, sitio web, página web, lenguaje de
programación, script, html, css.
RA2 Incorpora los conceptos aprendidos en sus aportes
de la clase.
*Asesoría proyecto.
*Entrega avances en
escritura de proyecto
final.
8
Decoración CSS
*Estilo para listas
*Estilos para cajas
/ bordes
*Imágenes de
fondo
*Webfonts
*Pseudoclases
RA3 Maneja Las herramientas de escritura y edición de
código, para realizar producciones hipermediales en html
y css.
RA4 Crea sitios web de comunicación hipermedial.
*Ejercicios.
*Hace el ejecicio de
decoración css.
Competencia
Investigación e
innovación
Indaga un tema
relacionado con la
comunicación y
área de intéres.
RA1 Sabe que es producción hipermedial, sociedad de la
información y el conocimiento, TIC, hipermedia,
hipertexto, sitio web, página web, lenguaje de
programación, script, html, css.
RA2 Incorpora los conceptos aprendidos en sus aportes
de la clase.
*Asesoría proyecto.
*Entrega avances en
escritura de proyecto
final.
9
Web adaptable
*Medidas
absolutas
*Medidas relativas
*Media query
*Reconstrucción
de sitio web.
RA3 Maneja Las herramientas de escritura y edición de
código, para realizar producciones hipermediales en html
y css.
RA4 Crea sitios web de comunicación hipermedial.
*Ejercicios web
adaptable.
*Ejercicio ingenieria
inversa sitio web.
*Hace el ejercicios
web adaptable.
*Presenta avances
del ejercicio
ingeniería inversa
sitio web.

6. UNIVERSIDAD SANTIAGO DE CALI
PLAN DE CURSO PRESENCIAL
Código: R-GD003
Versión: 003
Vigencia:15/05/2020
10
Uso de medios
*Imágenes de
sustitución
*Imágenes
animadas y
animados
*Audio en html5
*Video en html5
*Video incrustado
*Reconstrucción
de sitio web.
RA3 Maneja Las herramientas de escritura y edición de
código, para realizar producciones hipermediales en html
y css.
RA4 Crea sitios web de comunicación hipermedial.
*Ejercicios web
adaptable con
temática ambiental.
*Ejercicio ingenieria
inversa sitio web.
*Hace el ejercicios
web adaptable con
temática ambiental.
*Presenta avances
del ejercicio
ingeniería inversa
sitio web.
Competencia
Ambiental
Crea sitio web
implementando el
uso de medios,
orientado hacia
temática ambiental
RA4 Crea sitios web de comunicación hipermedial.
RA5 Reflexiona sobre la responsabilidad que tiene el
comunicador social al producir comunicación hipermedial.
*Ejercicios web
adaptable con
temática ambiental.
*Hace el ejercicios
web adaptable con
temática ambiental.
11
Desarrollo del
segundo parcial
práctico
*Entrega
propuesta
proyecto
hipermedial final.
*Entrega sitio web
ingeniería inversa.
RA3 Maneja Las herramientas de escritura y edición de
código, para realizar producciones hipermediales en html
y css.
RA4 Crea sitios web de comunicación hipermedial.
*Formato para la
elaboración de
proyecto hipermedial.
*Ejercicio ingenieria
inversa sitio web.
*Entrega su proyecto
hipermedial.
*Entrega el ejercicio
ingeniería inversa
sitio web.
12
Producción de
recursos textuales
y gráficos para la
web
*Producción
gráfica orientada a
la web.
*Escritura para la
web
*Asesoría proyecto
hipermedial final.
RA3 Maneja Las herramientas de escritura y edición de
código, para realizar producciones hipermediales en html
y css.
RA4 Crea sitios web de comunicación hipermedial.
*Asesoría proyectos.
*Entrega avance en
proyecto final del
curso.
13
Formulario de
contacto
*Formulario de
contactos
*Introducción al
lenguaje PHP
* widgets
*Asesoría proyecto
hipermedial final.
RA3 Maneja Las herramientas de escritura y edición de
código, para realizar producciones hipermediales en html
y css.
RA4 Crea sitios web de comunicación hipermedial.
*Asesoría proyectos.
*Entrega avance en
proyecto final del
curso.
14
Competencia
Investigación e
innovación
Indaga sobre las
tecnicas de
posicionamiento
RA5 Reflexiona sobre la responsabilidad que tiene el
comunicador social al producir comunicación hipermedial.
Debate
*Debate sobre los las
técnics de

7. UNIVERSIDAD SANTIAGO DE CALI
PLAN DE CURSO PRESENCIAL
Código: R-GD003
Versión: 003
Vigencia:15/05/2020
en los medios
digitales
posiconamiento en
medios digitales
Técnicas SEO y
SEM
Técnicas SEO /
SEM
*Search Engine
Optimization
*Search Engine
Marketing
*Asesoría proyecto
hipermedial final.
RA3 Maneja Las herramientas de escritura y edición de
código, para realizar producciones hipermediales en html
y css.
RA4 Crea sitios web de comunicación hipermedial.
*Asesoría proyectos.
*Entrega avance en
proyecto final del
curso.
15
Alojamiento en la
web
*Definición y
funcionalidad de
hosting.
*Definición de
servidor.
*Conceptualización
de dominio.
*Uso y
configuración de
servidor de prueba
*File Transfer
Protocol
*Asesoría proyecto
hipermedial final.
RA3 Maneja Las herramientas de escritura y edición de
código, para realizar producciones hipermediales en html
y css.
RA4 Crea sitios web de comunicación hipermedial.
*Asesoría proyectos.
*Entrega avance en
proyecto final del
curso.
16
Entrega de final
práctico
Entrega de
proyecto
hipermedial
RA3 Maneja Las herramientas de escritura y edición de
código, para realizar producciones hipermediales en html
y css.
RA4 Crea sitios web de comunicación hipermedial.
*Rúbrica de
evaluación.
Entrega el proyecto
del curso terminado y
subido al servidor de
prueba.
6. REFERENCIAS BIBLIOGRÁFICAS
Revisar que el material de apoyo comprenda el 50% a lo ofertado en la biblioteca de la Universidad; y entre otros, incluya el material de producción y gestión
del conocimiento propio. Este material debe estar actualizado y en coherencia con lo que sucede internacionalmente con las temáticas que desarrolla el curso.
Utilice normas APA para su escritura.
• Curso gratuito en Crehana Desarrolla una página web con HTML y CSS: https://www.crehana.com/clases/v2/9019/detalle/

8. UNIVERSIDAD SANTIAGO DE CALI
PLAN DE CURSO PRESENCIAL
Código: R-GD003
Versión: 003
Vigencia:15/05/2020
• Comisión de Regulación de Comunicaciones (2017) REPORTE DE INDUSTRIA SECTOR TIC Recuperado de:
https://www.crcom.gov.co/recursos_user/reporteindustria2017.pdf
• Editor de código Atom: https://atom.io/
• Editor de código Brackets: http://brackets.io/
• Editor de código Sublime Text: https://www.sublimetext.com/
• Guía del usuario de Adobe Dreamweaver: https://helpx.adobe.com/es/dreamweaver/user-guide.html
• Gutierrez, A., & López, J. (2017). Desarrollo y programación en entornos web.
• http://www.adobe.es
• Gauchat, J. D. (2012). El gran libro de HTML5, CSS3 y Javascript. Marcombo.
• Nava Jorge (2019). Ebook: Diseño Interactivo, Crehana. Recuperado de
file:///Volumes/Macintosh%20Data/Usuarios/usuario1/Downloads/Diseno_interactivo_.pdf
• Netflix (2019) Serie en Pocas Palabras, la programación.
• Netflix (2019) Pelicula Nada en Privado.
• Manovich, L. (2005). El lenguaje de los nuevos medios. Capítulo:¿ Qué son los nuevos medios.
• Maquetación con etiquetas DIV https://youtu.be/-sbs38-S10I
• Ministro TIC (2017) Primera GRAN Encuesta TIC: Estudio de acceso, uso y retos de las TIC en Colombia. Recuperado de:
https://colombiatic.mintic.gov.co/679/w3-article-74002.html
• Motion Graphic “El Trabajo del Futuro” recuprrado de: https://www.youtube.com/watch?v=tpwMMyTqBc8
• Miqueles, M. (2014). Clasificación de sitios web. Recuperado de: http://www.mario.cl/clases/udla/diseno-web-ux-2/clases/clasificacion-de-sitios-web.pdf
• La historia de internet ilustrada https://www.youtube.com/watch?v=BWb6ri3ePew&t=11s
• Latorre, M. (2018). Historia de las web, 1.0, 2.0, 3.0 y 4.0. Universidad Marcelino Champagnat. Documento. Recuperado de: umch. edu.
pe/arch/hnomarino/74_Historia% 20de% 20la% 20Web. pdf. Recurperado de: http://umch.edu.pe/arch/hnomarino/74_Historia%20de%20la%20Web.pdf
• Lévy, P. (2007). Cibercultura: informe al Consejo de Europa (No. 16). Anthropos Editorial.
• Salmond, M., & Ambrose, G. (2014). Los fundamentos del diseño interactivo. Blume.
• Scolari, C. (2008). Hipermediaciones: elementos para una teoría de la comunicación digital interactiva. Editorial Gedisa.
• The World Wide Web Consortium (W3C) https://www.w3.org/
• Web responsive https://youtu.be/QOR1PBdCrq4
7. RECURSOS Y EQUIPOS PARA APOYAR EL CURSO
Descripción de los recursos humanos, institucionales, tecnológicos y didácticos.
Presentación en Power Point: X Motores de Búsqueda: Material digitalizado: X
Material audiovisual : X Guías: X Aplicaciones de Software: X
Elementos de Laboratorio: Material Impreso:
Otros: X ¿Cuáles? Acceso a internet / servidores de prueba

9. UNIVERSIDAD SANTIAGO DE CALI
PLAN DE CURSO PRESENCIAL
Código: R-GD003
Versión: 003
Vigencia:15/05/2020
8. RECURSOS LOCATIVOS
Salón de clase: SI ( ) NO ( ) Salón de Dibujo: SI ( ) NO ( ) Salón de computo: SI (X) NO ( )
Auditorio: SI ( ) NO ( ) Laboratorio: SI ( ) NO ( ) Biblioteca: SI ( ) NO ( )
Otro ¿Cuál? :
9. ESTADO LEGAL INTERNO DEL CURSO
NOMBRE COMPLETO
FECHA DE ELABORACIÓN Y/O
ACTUALIZACIÓN
Elaboró: JUAN MANUEL HENAO BERMÚDEZ Docente 08 06 2020
Revisó: Director de Programa día mes Año
Aprobó: Decano día mes Año