515

Universidad Latinoamericana de Ciencia y Tecnología

Bachillerato en Mercadeo y Medios Digitales
Nombre del curso Diseño Web I
Código GRD1-B003
Créditos 3
Requisitos No tiene
Correquisitos No tiene
Modalidad Presencial
Naturaleza Teórico-práctico
Periodo VIICO
Duración Cuatrimestral, equivalente a quince semanas lectivas
Horario
Laboratorio Media Arts Lab
Profesor Lcda. Hannia Brenes Fernández
Correo para dudas del curso: profe.hannia@outlook.com
hbrenesf209@ulacit.ed.cr

Instrucciones El curso requiere del uso intensivo de Internet y de las bases de
administrativas datos electrónicas para la investigación (EBSCO), por lo que es
necesario que el alumno cuente con acceso a esta herramienta
desde su casa.
Recuerde que se estarán haciendo anuncios y seguimientos
mediante su plataforma virtual.

Descripción de curso

La evolución de las tecnologías web ha facilitado el diseño y la creación de sitios electrónicos,

permitiendo a los negocios y las organizaciones llegar a diversas audiencias o lograr objetivos
estratégicos; sin embargo, el desarrollo de un sitio con propósitos comunicativos, educativos, de
negocios o de entretenimiento es una tarea compleja que requiere la aplicación de los principios y
elementos de diseño web de forma efectiva. En el curso “Diseño Web I”, los estudiantes utilizan
principios del diseño web para elaborar productos que permitan dar respuesta a un problema
comunicativo, mediante el uso de elementos y herramientas visuales. Los estudiantes deben
elaborar una estrategia de impacto en web de acuerdo con la naturaleza del negocio y de las
audiencias y consumidores para determinar el formato y elementos web más adecuados.

Nivel de integración del inglés II

Dentro de las competencias generales de los graduados de ULACIT destaca su capacidad de

comunicarse en inglés, de adquirir conocimiento y comprender otras culturas, de valorar la
naturaleza del idioma y el entorno, y de participar en comunidades multilingües locales y
alrededor del mundo. Este curso refleja la integración intermedia del inglés, por lo que los
alumnos deben estar en capacidad de leer y escuchar en inglés, en el cumplimiento de sus labores
de investigación y trabajo extra-clase. La lectura obligatoria es completamente en inglés.
 516

Competencias

Unidades de Elementos de competencia Criterios de desempeño (grado y

competencia contexto en el que se aplica la
competencia)
Competencia El estudiante será capaz de: El estudiante evidencia el logro
disciplinar: de la competencia en actividades
de aprendizaje tales como:
Desarrollar una Analizar los principios de diseño Involucrarse de forma activa en
forma visual como web en la resolución de problemas las discusiones y debates de clase
respuesta a comunicativos sobre la implementación de los
problemas de principios web para el desarrollo
comunicación, lo de sitios electrónicos de acuerdo
que incluye una con la naturaleza de un negocio.
comprensión de los
principios de Realiza una búsqueda de sitios
organización visual electrónicos de diversa
compositiva, naturaleza para el análisis de sus
jerarquía de la elementos y componentes.
información, la
representación Valora la implementación de los
simbólica, principios de diseño web en
tipografía, estética y diferentes sitios electrónicos
la construcción de existentes y su relación con la
mensajes naturaleza y objetivos del
significativos en el negocio.
diseño gráfico
contemporáneo Utiliza diferentes programas
informáticos (CSS, Dreamweaver,
etc.) para el diseño de sitios
electrónicos, evidenciando el
desarrollo de productos web
basado en los principios de
diseño web.
Formular estrategias comunicativas Realiza contactos con los
efectivas en un entorno interactivo administradores de una
web y multimedia, para propiciar microPYME para determinar las
una comunicación eficaz, destinada a necesidades y características del
conseguir los objetivos de los negocio y los clientes,
clientes. consumidores o usuarios a
quienes se dirige.

Diseña y aplica instrumentos de
entrevistas y observaciones a los
administradores de la
microPYME y a documentación
 517

de esta para determinar las

deficiencias en la comunicación
con clientes, consumidores y
audiencias.

Recopila y analiza los datos e
información recuperada para
determinar posibles formas de
solventar la problemática
identificada.

Elabora una carpeta digital de
tipologías web, evidenciando la
consideración de contenidos, el
público objetivo y en función de
la tecnología empleada para
promover los objetivos de una
empresa.

Determina la estrategia de
impacto en web para promover
un negocio en la Internet,
evidenciando la consideración de
los objetivos, la estrategia y los
productos o servicios que oferta
una empresa.

Desarrolla un proyecto
interactivo web para una
microPYME, evidenciando la
resolución de un problema
comunicativo que presenta un
negocio u organización basado
en la implementación efectiva de
los principios de diseño web.
Competencia
general:

Mostrar Pensar de forma creativa. Emplea su creatividad en la
competencias para elaboración de la carpeta digital
la vida, de de tipologías web y el proyecto
aprendizaje, de interactivo web.
efectividad personal
y laboral.
Comunicarse. Se comunica, de forma oral,
escrita y no-verbal con sus
compañeros, profesor y público
general, en una variedad de
 518

formas y contextos.
Colaborar. Colabora e interactúa con otros
con efectividad y respeto en el
desarrollo del proyecto
interactivo web y en las
actividades de trabajo
colaborativo en general.
Razonar. Emplea el razonamiento al
sintetizar información, plantear y
sustentar argumentos, evaluar
alternativas y plantear
conclusiones relacionadas con la
discusión y debates con los pares
y el proyecto interactivo web.
Emplear tecnologías de información Utiliza las tecnologías de
y comunicaciones. información y comunicaciones
para investigar, organizar,
evaluar y comunicar información
relacionada con la elaboración de
la carpeta digital de tipologías
web, la estrategia de impacto en
web y el proyecto interactivo
web.
Emplear métodos y herramientas Emplea técnicas investigativas en
científicos. la determinación de la estrategia
de impacto en web y en el
desarrollo del proyecto
interactivo web.
Desempeñarse con efectividad En su desempeño e interacción
personal. con otros en las actividades de
aprendizaje del curso, muestra
iniciativa, responsabilidad, ética,
liderazgo y productividad así
como capacidades de
autogestión, y disposiciones
hacia el cambio.

Contenido programático

Tema 1. Diseño y composición

• Proceso de diseño
• Definición de diseño
• Anatomía del sitio electrónico
• Balance y unidad
• Resolución de pantalla

 519

Tema 2. Color
• Psicología del color
• Temperatura del color
• Uso de la paleta de colores
• Herramientas y recursos de colores
• Notación hexadecimal

Tema 3. Textura
• Punto, línea y forma
• Volumen y profundidad
• Patrones
• Creación de la textura
Tema 4. Tipografía
• Fondos web
• Espaciado de texto
• Alineación de texto
• Diferenciación de tipo de letra
• Elección de tipo de letra

Tema 5. Imágenes
• Fuentes de imágenes
• Restricciones de impresión
• Ajustes de Photoshop
• Formatos de archivos y resoluciones

Metodología de enseñanza

Para que los estudiantes aprendan a elaborar productos visuales para resolver problemas
comunicativos, se emplean las siguientes metodologías de enseñanza:

• La metodología del aprendizaje colaborativo permite que los estudiantes discutan,

negocien e intercambien opiniones sobre los procesos necesarios para la compleción
efectiva del proyecto interactivo web.
• La evaluación diagnóstica continua fomenta el mejoramiento del desempeño de los
estudiantes en el desarrollo de las diferentes actividades de aprendizaje del curso,
mediante la retroalimentación del docente de los avances y proyectos asignados para el
logro de la competencia.
• La metodología del aprendizaje en servicio promueve el espíritu de colaboración de los
estudiantes a diversas personas o grupos sociales con necesidades específicas para
promover su negocio o empresa.
 520

• La tecnología informática permite el empoderamiento y la promoción de un negocio a sus

audiencias y consumidores meta, mediante el uso de programas para la creación de sitios
electrónicos.
• La investigación grupal fomenta la resolución de una problemática comunicativa de una
empresa en relación con sus clientes y audiencias, mediante el uso de herramientas y
elementos de diseño web.

Estrategias de aprendizaje

El propósito de las estrategias de aprendizaje es fomentar en el estudiante el interés por regular y

planificar su proceso de aprendizaje, por lo que se recomienda el uso de las siguientes estrategias:

• Desarrollar un proyecto de análisis sobre diseño web.

• Desarrollo de casos para poner en práctica la materia aprendida o investigada
• Desarrollar un proyecto integrador de conocimientos
• Utilizar la herramienta LinkedIn Learning para aprender y reforzar sobre las habilidades
del curso.

Metodología de evaluación

La calificación del curso se distribuye en las siguientes actividades evaluativas:

Actividad evaluativa %
Participación en clase
(Se rebaja 0.5% por cada actividad formativa que no se 10%
realice).
Proyecto #1 análisis del diseño. Este proyecto se expone
10%
en inglés.
Casos en clase (3 casos). 15%
Proyecto #2 UI 10%
Proyecto final Diseñando un sitio web
Contrato: 5%
25%
Etapa #1 10%
Etapa #2 10%
LinkedIn Learning 5%
Evaluación del curso (CEPA) 5%
Moxie 20%
TOTAL 100%

• Participación en clase: 10%
Se rebaja 0.5% por cada actividad formativa que no se realice. Sobre la nota final de participación.
Los ejercicios formativos deben revisarse semana a semana.
La participación en clase se evalúa con la siguiente rúbrica:
CRITERIOS 4 3 2 1
1. Se presenta puntualmente a las sesiones de clase y permanece en el aula durante el periodo lectivo completo.
2. Viene preparado a las clases, con un esquema de las lecturas y dudas formuladas sobre el contenido de estas.
 521

3. Realiza aportes a la clase que presentan una relación directa con los temas de las discusiones de clase.
4. Desarrolla todas las actividades formativas planteadas semana a semana.

5. Lleva dudas, consultas o comparte en la clase sus avances de las actividades formativas planteadas la semana anterior.

6. En las discusiones grupales, realiza al menos una contribución que evidencien la elaboración de argumentos basados
en la transformación de aspectos teóricos y no en una simple repetición de estos.

7. Durante su participación en clase, expresa argumentos que evidencian estar sustentados por la teoría del objeto de
estudio del curso.

8. En su participación en las discusiones y conversaciones, se expresa de forma articulada, con una correcta
pronunciación y dicción, y empleando la selección correcta del léxico específico al curso.

9. Durante las actividades colaborativas e individuales, interviene y realiza comentarios que permiten la fluidez en la
participación de sus pares y el docente. Plantea al menos una pregunta a sus pares.

TOTAL (SE CALCULA CON BASE EN 36 PUNTOS)

• Casos en clase 3 de 5% c/u
Los casos en clase consisten en retos de diseño o análisis que se le presentan al estudiante con el
objetivo de que utilice las herramientas que va adquiriendo a lo largo del curso para resolverlos.
Los casos se entregan en clase al estudiante para ser resueltos, requerirán de innovación,
creatividad y empeño dentro del tiempo estipulado.

Criterios 1 2 3
No cumple requerimientos Cumple requerimientos Excede los requerimientos
Se omite información de 3 o Se omite de 1 a 2 de los Trabaja su práctica siguiendo las
más de los siguientes siguientes elementos: el nombre instrucciones brindadas por el
elementos: el nombre del autor del autor de la bitácora docente.
Desempeño de de la bitácora electrónica y la electrónica y hay, al menos, una Denota creatividad e innovación
ejecución información de su formación, pieza de información acerca de para solucionar el problema que
experiencia y actividades. su formación, experiencia y se le presenta.
actividades personales. Posee un excelente dominio de las
herramientas vistas en clase.
Falta contenido importante del Práctica casi completa con Práctica completamente
Ejercicio finalizado
ejercicio. detalles faltantes. finalizada.
Total El puntaje se calcula con base en 6 puntos.

Si el caso no se sube a la plataforma en el tiempo estipulado no tiene calificación. Los casos que se
desarrollan en clase no se recuperan a menos de que exista una justificacieon formal con su
respectiva documentación de acuerdo a reglamento por situaciones de fuerza mayor (no viajes,
temas laborales).

 522

• Proyecto #1 análisis de sitio web equipos 10%

Con su equipo asignado por la docente trabajará un análisis de un sitio web asignado.

Este proyecto se expone en inglés.

Equipo #1: h http://www.periodicocartagoaldia.com/

Equipo #2: https://www.lavozdegoicoechea.info/

Equipo #3: h http://www.periodicolasegundacr.com/

Equipo #4: https://herediahoy.com/

Su equipo ha sido contratado por la empresa para analizar el diseño del sitio web con el fin de
actualizarlo.

Analice los siguientes puntos:

• Público meta
• ¿Cuál es el objetivo del sitio?
• ¿Qué creen que debe comunicar el sitio según el producto que vende?
• ¿La información es clara?
• ¿Qué representa cada color del sitio web en la psicología del color?
• De acuerdo a la marca, si esta fuera una persona ¿Cómo sería? Describa a detalle la
personalidad de marca.
• ¿Cómo es la tipografía que utiliza?¿Qué comunica esa tipografía?
• ¿Es un sitio fácil de navegar?
• ¿Considera que el color está correctamente aplicado?
• ¿Utiliza correctamente los fundamentos del diseño?
• ¿Las secciones del site están correctamente distribuidas?
• ¿La legibilidad y los contrastes son buenos?
• ¿El uso de imágenes es atractivo y correcto?
• ¿Utiliza video y este aporta al sitio web?
• ¿Hay una buena jerarquía visual de los elementos?
• ¿Trabaja un diseño contemporáneo? ¿Qué tendencias 2023 utiliza (investigue sobre
tendencias actuales en web).
• Proponga una lista de mejoras en el site y explíquelas.
 523

Prepare un trabajo escrito con portada completa que subirá al espacio asignado en PDF, no lo
suba en otro formato. Recuerde utilizar citas y referencias. Trabaje una PPT para presentar el
análisis a la clase en 15 minutos.

Rúbrica
CRITERIOS 4 3 2 1

1. Presenta un proyecto completo con todo lo solicitado.

2. Toca todos los puntos de análisis de forma profunda.

3. Evidencia comprensión y aplicación de la materia vista

4. Evidencia un buen análisis de los puntos de mejora del site.

5. Investiga y utiliza citas y referencias para respaldar su

proyecto.

6. Evidencia la organización del trabajo colaborativo para el

desarrollo del proyecto.

7. Presenta el proyecto con portada completa, ordenado y en el

formato solicitado.

8. La presentación del proyecto denota dominio del tema y es

atractiva.

El puntaje se calcula con base en 32 puntos. Ningún trabajo se
TOTAL
aprueba con valoraciones de 1 en ninguno de los aspectos.

• Proyecto #2 UI 10%

Este proyecto consiste en crear el diseño de la interfaz de un sitio web, en él vamos a aplicar los
conocimientos adquiridos en el curso.

Equipo #1: h https://www.mountviewcr.com/educacion-preescolar/

Equipo #2: h http://www.saintpaul.ed.cr/

Equipo #3: https://santateresa.ed.cr/

Equipo #4: https://www.humboldt.ed.cr/

Si alguno de las marcas bajara su sitio web indíquelo con tiempo para asignarle otra marca. Se
recomienda ingresar a principio de cuatrimestre y sacar capturas de todo el site y descargar la
información.

Debe mejorar al menos 4 páginas del sitio web incluyendo la homepage.

 524

Prepare un análisis del sitio en donde defina:

• Público meta
• Objetivo de comunicación, este debe ser SMART y tener la estructura Verbo infinitivo +
variable + tiempo + espacio.
• Personalidad de la marca, detalle tanto aspectos físicos como psicológicos.
• Lista de mejoras sobre el diseño explicadas y respaldadas por la materia del curso. Se le
recomienda investigar de forma adicional sobre los temas y utilizar citas.

El escrito debe llevar portada y referencias.

Prepare en ilustrador o figma un prototipo en el que diseñe la página de inicio de la marca y al

menos 4 de las páginas internas del site. Procure que la información sea completa, agradable,
legible… Defina un estilo de UI.

Su diseño debe tener unidad visual y conceptual. Tome screenshots de los diseños y agréguelos al
documento escrito, junto con la url.

Dentro de cada página del multipage deben venir identificables: cabecera, secciones internas, pie
de página.

Diseñe una presentación para explicar las mejoras al grupo.

Rúbrica
CRITERIOS 4 3 2 1

1. Presenta un proyecto completo con todo lo solicitado.

2. Toca todos los puntos de análisis de forma profunda.

3. Evidencia comprensión y aplicación de la materia vista

4. Evidencia un buen análisis de los puntos de mejora del site.

5. Investiga y utiliza citas y referencias para respaldar su

proyecto.

6. Evidencia la organización del trabajo colaborativo para el

desarrollo del proyecto.

7. Presenta el proyecto con portada completa, ordenado y en el

formato solicitado.

8. La presentación del proyecto denota dominio del tema y es

atractiva.

9. Evidencia una mejora en el diseño gráfico de la interfaz

utilizando el programa de diseño.

El puntaje se calcula con base en 36 puntos. Ningún trabajo se
TOTAL
aprueba con valoraciones de 1 en ninguno de los aspectos.

 525

• Proyecto final 25%

El proyecto final se llevará a cabo con enfoque social, usted seleccionará alguna asociación sin
fines de lucro con un website que necesite mejoras. El website debe tener al menos 5 páginas
distintas.

Contrato 5%

En semana #1 se trabajará en el contrato, debe estar correctamente redactado y completo con su

respectivo diagrama de Gantt. Debe subirse a BlackBoard en el espacio de asignación destinado
para este fin.

Rúbrica Impacto Fuerte Impacto Bueno Impacto Impacto Mínimo

Moderado

4 puntos 3 puntos 2 puntos 1 punto

1. Entrega a tiempo 4pts si

no se entregó a tiempo
1pt.

2. El contrato viene
completa y
correctamente lleno

3. Se llena de forma
correcta el diagrama de
Gantt.

4. Denota disposición,
interés y apertura a
trabajar en el equipo
asignado.

5. Participó en las
actividades de clase
relacionadas con la
creación del contrato y
de la estructura de
trabajo.

Base: 20pts.

Si usted es despedido de su equipo de trabajo deberá buscar otro equipo del cuál ser
recontratado. No se permite trabajar individualmente. La docente no está en deber de buscar un
nuevo equipo para usted, si usted fue expulsado o expulsada de su equipo de trabajo.

Se debe elegir un líder de equipo y dividir roles.

 526

Etapa #1 10%

Investigue ampliamente sobre:

• Historia de la marca organización

• Causa social y su trabajo
• Público meta (demográfico, geográfico, psicográfico y conductual).
• Defina un objetivo de comunicación, este debe ser SMART y tener la estructura Verbo
infinitivo + variable + tiempo + espacio
• Modo de venta de las ideas o filosofía de marca
• Antecedentes en comunicación publicitaria (si los hay).
• Nivel de posicionamiento del proyecto a trabajar
• Misión, visión y valores. (usted puede redactarlas si no existen, preguntando: ¿Cuál
es su misión del día a día? ¿Cuál es su visión a mediano plazo? ¿Qué valores son
importantes para su marca?
• Información detallada de los servicios o funciones de esta marca.
• Recopile fotografías de la temática que sean libres de derechos de autor.
• Datos de contacto para comprar: ubicaciones, teléfonos, correos, redes sociales…
• Consulte al cliente qué necesita agregar de forma adicional en su sitio web.
• Busque referencias de otros sitios web para inspirarse y explique qué le inspiró.

Suba el PDF al espacio asignado en la fecha indicada en calendario. Se presenta este

avance al grupo mediante una presentación.

Rúbrica
CRITERIOS 4 3 2 1

1. Presenta un proyecto completo con todo lo solicitado.

2. Toca todos los puntos de análisis de forma profunda.

3. Evidencia comprensión y aplicación de la materia vista

4. Investiga y utiliza citas y referencias para respaldar su

proyecto.

5. Evidencia la organización del trabajo colaborativo para el

desarrollo del proyecto.

6. Presenta el proyecto con portada completa, ordenado y en el

formato solicitado.

7. La presentación del proyecto denota dominio del tema y es

atractiva.
 527

El puntaje se calcula con base en 32 puntos. Ningún trabajo se
TOTAL
aprueba con valoraciones de 1 en ninguno de los aspectos.

Etapa #2 10%

• Cree un mapa de navegación web.

• Trabaje con el diseño de todo el sitio en Wix.
• Contemple un diseño adaptable a móviles y a pantallas grandes. Recurso:
https://support.wix.com/en/article/wix-editor-about-the-mobile-editor
• Defina: colores, tipografías, fotos, ilustraciones, texturas, botones, interacciones,
multimedia…
• Cree un texto que agregará al documento anterior completo que explique las
decisiones tomadas para el diseño de forma amplia con citas y referencias del
material revisado y lo que su equipo ha investigado.

Desarrolle el trabajo escrito con portada y referencias, agregue además los diseños de
cada página con su justificación escrita, se sube en PDF.

Trabaje una ppt para presentarla al cliente.

 528

Agregue la evaluación de pares de acuerdo a la tabla de ejemplo :

Para su entrega de esta etapa agregue la siguiente tabla de evaluación de pares. Cada estudiante
coloca una nota del 1 al 10 a sus compañeros.

Estudiante Estudiante Estudiante Estudiante Estudiante Estudiante

evaluado 1 2 3 4 5
Estudiante 1
Estudiante 2
Estudiante 3
Estudiante 4
Estudiante 5

Rúbrica del proyecto

CRITERIOS 4 3 2 1

1. Presenta un proyecto completo con todo lo solicitado.

2. . Evidencia comprensión y aplicación de la materia vista en el

diseño.

3. . Trabaja un sitio web creativo y original

4. El sitio web cumple con el objetivo de comunicación y

concuerda con el público meta.

5. El sitio web es contemporáneo, y sigue tendencias actuales de

diseño.

6. Evidencia la organización del trabajo colaborativo para el

desarrollo del proyecto.

7. Presenta el proyecto con portada completa, con etapas 1 y 2

juntas, ordenado y en el formato solicitado.

8. La presentación del proyecto denota dominio del tema y es

atractiva.

9. Investiga y utiliza citas y referencias para respaldar su

proyecto.

El puntaje se calcula con base en 32 puntos. Ningún trabajo se
TOTAL
aprueba con valoraciones de 1 en ninguno de los aspectos.

• LinkedIn Learning 5%
El estudiante deberá elegir un curso de su interés en LinkedIn Learning relacionado
directamente con el tema de diseño gráfico enfocado en web. Debe completar el curso y
descargar el certificado de finalización del mismo.
 529

En un documento PDF deberá colocar lo siguiente:

1. Portada completa (1página)

2. Ensayo con los puntos más importantes aprendidos, 1 página Arial 12 espacio sencillo.
Cuide la redacción y la ortografía del documento.
3. El certificado de aprobación del curso en la tercera página.

No suba otro formato como entrega, solamente PDF. Recuerde que no puede reciclar cursos que
ya llevó en otras materias.

Rúbrica de la estrategia de impacto en web

CRITERIOS 4 3 2 1

1. Seguimiento adecuado de instrucciones específicas del sílabo.

2. Demuestra calidad en el ensayo que deja ver un aprendizaje

valioso del curso seleccionado.
3. Adjunta el certificado correspondiente de aprobación del

curso.

4. Redacción y ortografía correctos.

El puntaje se calcula con base en 16 puntos. Ningún trabajo se
TOTAL
aprueba con valoraciones de 1 en ninguno de los aspectos.

● Entrega MOXIE 20%

Es un solo desempeño que tiene una entrega previa para revisión y una entrega final Los
desempeños incompletos no pueden ser evaluados al estudiante. El valor del desempeño es de
20% del promedio final.

Debe ser entregado en formato de Word.

Siga la guía brindada en semana #1 para desarrollar su desempeño.

El MOXIE es una contribución individual (no es grupal), de donde el profesor selecciona y entrega
los mejores, según el número de artículos con los cuales contribuye su curso.

Hay una primera entrega y la entrega final con correcciones. Revise las fechas de entrega en el
calendario. La entrega #1 es requisito para la recepción del final.

MOXIE
Pregunta Generadora IA en el desarrollo de contenidos web y su impacto sobre las
carreras de hoy
Sección: Estilos de vida

 530

RÚBRICA DE EVALUACIÓN MOXIE 20%

Criterio Descripción del criterio No

Cumple Incompleto
cumple
A. Título del artículo 1 1.El título del artículo invita a la lectura. 1 0.50 0
B. El artículo problematiza 2.En un máximo de 650 palabras, el estudiante
adecuadamente el tema desarrolla un ángulo original del tema,
asignado y ofrece una reconociendo su carácter problemático o de 1 0.50 0
perspectiva original. dilema.
C. El párrafo introductorio 3.Inicia con un "gancho": una o dos oraciones
está bien redactado. que ofrecen un anécdota, hecho, metáfora,
pregunta, imagen, escena o frase célebre sobre el
1 0.50 0
problema o dilema, que atraen el interés del
lector.

4.Ofrece el contexto que justifica la importancia

de abordar la temática. 1 0.50 0

5.Concluye con la tesis argumentativa, clara y

contundente, que se vincula lógicamente con las 1 0.50 0
premisas que expone en el desarrollo.
D. El desarrollo cumple 6.Los argumentos se suman o concatenan de
con criterios de fondo. forma coherente, siguiendo una estructura
lógica, utilizando frases transicionales para 2 1 0
aclarar cómo se relaciona el argumento actual
con el anterior y el siguiente.
7.El autor utiliza una variedad de argumentos
para sustentar su punto de vista (por analogía,
de autoridad, de generalización, condicionales,
2 1 0
disyuntivos, emocionales, moral si se refiere a
valores y principios, por signos, basados en
datos y estadísticas, basados en definiciones.
8.El autor incluye el contra argumento en la
discusión. 3 1.5 0
E. El desarrollo cumple 9.Utiliza párrafos de 5-7 oraciones cada uno. 1 0.50 0
con criterios de estilo y 10. Utiliza la rúbrica VERAS para evaluar sus
forma 1 0.50 0
fuentes de información.
11.El autor da razón del origen de ideas y
evidencia con base en las cuales construye su
1 0.50 0
argumentación, siguiendo las normas APA 7ma
edición.
F. La conclusión del 12.Retoma la tesis del párrafo introductorio. 1 0.50 0
ensayo está bien
planteada. 13. Remarca la evidencia aportada en la
argumentación. 1 0.50 0

14.Hace llamado a la acción; plantea las razones

por las cuales el lector debería aceptar su
conclusión argumentativa, sea porque:
• Argumenta que existe un problema grave e
inminente.
1 0.50 0
• Muestra que dispone de un plan eficaz y
factible.
• Ofrece un plan que ofrece ventajas
probables, significativas y asociadas.
• Comprueba que el plan no ofrece
 531

inconvenientes importantes o imprevistos.

• Justifica que el saldo es favorable a las
ventajas, en relación con las desventajas.
• Arguye que no existe otro camino más
ventajoso.
• Sugiere resultados o consecuencias.
• Establece que ninguna solución es perfecta,
pero que la que ofrece es la preferible.
G. El artículo refleja buen 15.Entiende el uso de la economía lingüística y
1 0.50 0
estilo en la redacción. del lenguaje profesional.
16.No tiene faltas ortográficas ni de redacción. 1 0.50 0
TOTAL

Rúbrica VERAS para evaluar la información

La producción académica de MOXIE como exhibición pública que es y demostración de las competencias de
estudiantes en nivel de estudios universitarios, debe estar basada en fuentes sólidas y confiables, de donde
derivan al mismo tiempo, la solidez de las evidencias con que apoyan en el texto la tesis argumentativa. De
ahí que mediante la rúbrica VERAS se puede sopesar la pertinencia y solidez de las fuentes.

Utilice la siguiente rúbrica para evaluar cada una de sus fuentes. Responda las preguntas apropiadamente y
luego califique cada una de las 5 partes del 1 al 10 (1 = malo, 10 = excelente). Totalice los puntos para saber
si debería utilizar esta fuente.

CRITERIOS Fuente Fuente Fuente Fuente

#1 # 2 #3 #4
Vigencia: la actualidad de la información
• ¿Especifica una fecha de publicación?
• ¿Cuándo fue publicada la información?
• ¿La información fue revisada o actualizada
por una autoridad en el campo?
• ¿La información guarda vigencia o contiene
datos desactualizados?
Exactitud: la veracidad y confiabilidad de la
información
• ¿De dónde proviene la información?
• ¿La fuente es académica, especializada o
científica?
• ¿La información se apoya en evidencia?
• ¿El autor cita fuentes fidedignas?
• ¿La información fue validada por un panel de
expertos?
• ¿El tono es objetivo e imparcial?
• ¿El texto cumple cabalmente con normas
gramaticales, ortográficas y otras cualidades
del lenguaje escrito?
Relevancia: la pertinencia de la
información para sus necesidades
 532

• ¿La información es pertinente con el tema y

se relaciona directamente con su pregunta
de investigación?
• ¿A qué audiencia se dirige?
• ¿La información es apropiada para el nivel
del lector?
• ¿Buscó otras fuentes antes de elegir la
actual?
• ¿Podría decir que la fuente representa la
opción ideal para sustentar sus puntos de
vista?
Autoridad: la fuente de la información
• ¿Quién es el
autor/editor/fuente/patrocinador?
• ¿Cuáles son las credenciales del autor o la
casa editorial? ¿Se publican?
• ¿Tiene el autor otras publicaciones en el
mismo tema?
• ¿Labora el autor en alguna organización,
universidad o empresa reconocida?
• ¿Hay información de contacto, como el
correo electrónico?
• ¿El URL revela información acerca del autor
o la fuente?
Sentido: el propósito de la información
existente
• ¿Cuál fue el propósito del autor al publicar la
información?
• ¿Los autores o promotores exponen sus
intenciones con transparencia?
• ¿La información se compone de hechos?,
¿opiniones?, ¿propaganda?
• ¿Parecen los puntos de vista objetivos e
imparciales?
• ¿Refleja sesgos políticos, ideológicos,
culturales, religiosos, institucionales o
personales?
TOTAL
Escala de valoración:
45-50 Excelente| 40-44 Bueno| 35-39 Regular|
30-34 Apenas aceptable| -30 Inaceptable


• CEPA: 5%

Como una actividad integral del curso, el estudiante tendrá la oportunidad de evaluarlo en sus
distintos componentes: las competencias didácticas del profesor, la calidad de los materiales, el
ambiente educativo, las competencias del graduado de ULACIT, el sistema de evaluación, y el
nivel de reto y de exigencia. Asimismo, como elemento central de la Enseñanza para la
Comprensión (EpC), modelo educativo que privilegia ULACIT, el estudiante tendrá un espacio en
 533

el nuevo CEPA para reflexionar acerca de su propio desempeño (autoevaluación) y el de sus

compañeros (co-evaluación). Este ejercicio intelectual le permite al estudiante identificar sus
fortalezas y debilidades, y realizar acciones para mejorar continuamente sus procesos de
construcción del conocimiento. Al evaluar a sus compañeros, asume un papel activo como
miembro de una comunidad de aprendizaje, comprometido con la tarea educativa. Por tratarse de
un espacio de autorreflexión dentro del curso y por el valor que reviste para la toma de decisiones
académicas, se le otorga un valor de un 5% dentro de la nota final del curso. Para obtener este
rubro evaluativo, se espera que el estudiante tome su tiempo, analice responsablemente cada
pregunta y conteste de forma completa el cuestionario.

Políticas de honestidad académica

ULACIT impulsa los altos ideales y estándares rigurosos de la vida académica. Para efectos de
este curso, se espera que los participantes eviten conductas deshonestas tales como el fraude o
plagio. Hacer fraude incluye inventar datos, falsificar bibliografía, utilizar proyectos elaborados
por otras personas, obtener ayuda no autorizada en tareas calificadas o que otra persona le haga
el trabajo que le corresponde a usted. Plagiar incluye copiar textualmente frases, oraciones,
párrafos y trozos enteros de material impreso, Internet y otras fuentes, sin realizar la
correspondiente cita; o bien parafrasear sin citar las fuentes. Los casos de fraude o plagio
implicarán la pérdida automática del curso, y de repetirse la falta, se sancionarán con la expulsión
definitiva.

Recursos educativos

El curso cuenta con los siguientes recursos educativos para apoyar continuamente el proceso de
enseñanza-aprendizaje:

1. El acceso a recursos educativos a través de los siguientes sitios electrónicos:

http://www.webdesignerdepot.com/
http://www.agiledesigners.com/
http://elementiks.com/web_resources.php
http://www.premiumpixels.com/
2. La experiencia y la interacción previa de los estudiantes con el uso de sitios electrónicos
facilita el desarrollo efectivo de actividades de aprendizaje relacionadas con la
implementación de los principios de diseño web en el proyecto interactivo web.
3. Los sitios electrónicos de diversas empresas y negocios disponibles en la web permite el
análisis de la aplicación de los principios de diseño web en la organización y creación de los
sitios.
4. Los sitios web gratis disponibles en la Internet permiten que los estudiantes publiquen su
propuesta de proyecto interactivo web en la red para la revisión del docente y los pares.
 534

5. El laboratorio de informática en que los estudiantes desarrollan algunas de las actividades de

aprendizaje facilita la interacción y la propuesta de ideas para el análisis de la estrategia de
impacto en web, basado en las necesidades de la microPYME, así como el uso del software
informático CSS, Dreamweaver y herramientas como Flash para el diseño del proyecto
interactivo web.
6. El acervo bibliográfico EBSCO permite el acceso a revistas especializadas en el campo de la
informática y que incluye estudios, investigaciones y publicaciones sobre el diseño web en
diversos entornos educativos.
7. Las herramientas del intercambio de archivos, el foro de consultas y el correo electrónico,
disponibles en la plataforma Blackboard, facilitan la interacción y la comunicación de los
estudiantes con el docente y sus pares para organizar las actividades de aprendizaje y la
presentación de consultas y dudas al docente.

Bibliografía

Textos obligatorios:

• American Psychological Association. (2010). Publication manual of the American Psychological

Association (6ta. Ed.). Washington, D. C.: APA.
• Beaird, J. (2010). The principles of beautiful web design. Estados Unidos: Sitepoint.
• Duckett, J. (2011). Html & CSS. Design and build websites. Indiana: John Wiley & Sons, Inc.
• Smith, J. y Osborn, J. (2012). Adobe Creative Suite 6. Design and website premium digital
premium. Indiana: John Wiley & Sons, Inc.

Bibliografía complementaria:

• Bower, M., Hedberg, J. G. y Kuswara, A. (2010, setiembre). A framework for Web 2.0 learning
design. Educational Media International, 47(3), 177-198. Recuperado de Academic Search
Premier database.
• Chevalier, A. y Chevalier, N. (2009, enero). Influence of proficiency level and constraints on
viewpoint switching: a study in web design. Applied Cognitive Psychology, 23(1), 126-137.
Recuperado de Academic Search Premier database.
• Palaigeorgiou, G. G., Triantafyllakos, G. G. y Tsinakos, A. A. (2011, abril). What if
undergraduate students designed their own web learning environment? Exploring students'
web 2.0 mentality through participatory design. Journal Of Computer Assisted Learning, 27(2),
146-159. Recuperado de Academic Search Premier database.
• Wong, K. Y. y Yeung, K. H. (2010, agosto). Alternative web caching design: a site-based
approach. IET Communications, 4(12), 1504-1515. Recuperado de Academic Search Premier
database.
• Yalcinalp, S. y Gulbahar, Y. (2010, noviembre). Ontology and taxonomy design and
development for personalised web-based learning systems. British Journal Of Educational
Technology, 41(6), 883-896. Recuperado de Academic Search Premier database.

 535

Cronograma

Semana Contenido programático Estrategias de enseñanza Actividades de aprendizaje

Lectura, análisis y discusión de los Trabajo en contratos

1
contenidos del sílabo del curso. Elaboración de equipos
Tema 1. Diseño y composición Presentación del docente sobre la Lectura de páginas del libro 1-8
importancia y la relevancia del diseño
20 enero
web en la creación de productos
digitales.
Modelación del docente sobre las Discusión en clase
2
estrategias para el diseño y la Lectura de páginas del libro 9-21
Tema 1. Diseño y composición
27 enero
composición de sitios electrónicos.

Análisis y estudio de caso planteado Discusión en clase

3
por los equipos colaborativos sobre la Lectura de páginas del libro 22-37
3 febrero
aplicación de los principios de diseño Entrega de contratos finalizados
Tema 1. Diseño y composición y composición en la creación de un
sitio web. Retroalimentación del
docente a la carpeta digital de
tipologías web.
Modelación del docente sobre las Discusión en clase
4
estrategias para el uso del color en la
Lectura de páginas del libro 38-46
10 febrero creación de sitios electrónicos. Entrega de Moxie para primera
Tema 2. Color
Retroalimentación del docente a la revisión (se entrega completo
carpeta digital de tipologías web. (obligatoria para la recepción del
Moxie final)
Análisis y estudio de caso planteado Discusión en clase
5
por los equipos colaborativos sobre la Lectura de páginas del libro 47-62
aplicación de los principios de color
17 febrero Tema 2. Color
en la creación de un sitio web.
Evaluación de la carpeta de tipologías
web.
Discusión con los pares sobre la Discusión en clase
6
implementación adecuada e Caso #1 en clase
24 febrero inadecuada del color en la creación de Entrega de: Ensayo LinkedIn learning
Tema 2. Color
sitios electrónicos. Retroalimentación
del docente al avance la estrategia de
impacto en web.
Modelación del docente sobre las Discusión en clase
7
estrategias para la aplicación de Lectura de páginas del libro 67-74
3 marzo
diferentes texturas en la creación de
Tema 3. Textura
sitios electrónicos. Retroalimentación Entrega de proyecto #1
del docente al avance la estrategia de
impacto en web.
Análisis y estudio de caso planteado Discusión en clase
8
por los equipos colaborativos sobre la Lectura de páginas del libro 75-83
10 marzo aplicación de los principios de textura Entrega final del Moxie
Tema 3. Textura en la creación de un sitio web.

Retroalimentación del docente al
avance la estrategia de impacto en
web.
 536

Discusión con los pares sobre la Discusión en clase

9
implementación adecuada e Lectura de páginas del libro 84-97
17 marzo Tema 3. Textura inadecuada del color en la creación de Entrega proyecto #2
sitios electrónicos. Evaluación de la

estrategia de impacto en web.
Modelación del docente sobre las Discusión en clase
10
estrategias para la aplicación de Lectura de páginas del libro 98-103
24 marzo tipografías en la creación de sitios Etapa #1 proyecto final
Tema 4. Tipografía
electrónicos. Retroalimentación del

docente al avance del proyecto
interactivo web.
Análisis y estudio de caso planteado Discusión en clase
11
por los equipos colaborativos sobre la Lectura de páginas del libro 104-118
31 marzo aplicación de los principios de Caso #2
Tema 4. Tipografía
tipografía en la creación de un sitio

web. Retroalimentación del docente al
avance del proyecto interactivo web.
Discusión con los pares sobre la Lectura de páginas del libro 119-128
12
implementación adecuada e Semana Santa
7 abril
inadecuada del color en la creación de
Tema 4. Tipografía
sitios electrónicos. Retroalimentación
del docente al avance del proyecto
interactivo web.
Modelación del docente sobre las Discusión en clase
13
estrategias para la modificación e Lectura de páginas del libro 129-148
14 abril
inclusión de imágenes el en diseño y la
Tema 5. Imágenes
creación de sitios electrónicos.
Retroalimentación del docente al
avance del proyecto interactivo web.
Revisión de presentaciones de Discusión en clase
14
ntegración de conocimientos proyectos finales. Entrega Etapa #2 proyecto final
21 abril


15 Tema 5. Imágenes Análisis y estudio de caso planteado
28 abril por los equipos colaborativos sobre la
aplicación de los principios de
modificación e inclusión de imágenes
Integración de conocimientos en la creación de un sitio web.
Evaluación del proyecto interactivo
web.
Caso #3

Instrucciones Generales

1. Se le recomienda imprimir el calendario de actividades.

2. No se reciben proyectos fuera de fecha ni por otros medios que no sean la plataforma.
3. Cuide su promedio desde inicio de cuatrimestre, no se trabajarán ajustes de promedio a
final de curso ni trabajos extra.
4. Con 3 ausencias se pierde el curso.
 537

5. Tres tardías forman una ausencia o las tardías prolongadas se convierten en ausencias.
6. Las tardías van de 5 a 15 minutos.
7. Las ausencias de 16 minutos en adelante.
8. Revise puntualmente las clases previas cada semana, de lo contrario no podrá desarrollar
correctamente los casos de clase, prácticas y proyectos.
9. No realizar actividades formativas afecta directamente su desempeño en la clase.
10. La asistencia se registra semanalmente, por lo que debe estar atento(a) de su desempeño,
recuerde que las ausencias se justifican por escrito con los documentos formales, pero aún
así siguen quedando como ausencias que cuentan para el desempeño de asistencia.
11. En caso de un error en la asistencia debe indicarlo máximo 8 días después.
12. Los proyectos se entregan como fecha máxima el día de la clase antes de iniciar.

 538