Guia 161

Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación - VIACI
Escuela: Ciencias Básicas Tecnología e Ingeniería - ECBTI Programa: Ingeniería de Sistemas

Curso: Diseños de Sitios Web Código: 301122
Guía Integrada de Actividades

Contexto de la estrategia de aprendizaje a desarrollar en el curso:
Para el curso Diseños de Sitios Web se usara la estrategia de aprendizaje denominada: “Aprendizaje Basado en Tareas”. A continuación se entrega una breve
descripción de las características y los elementos específicos de dicha estrategia:
Características y Propósitos del ABT:
•Tarea es una actividad orientada por una meta de aprendizaje en la cual los estudiantes elaboran un producto real y auténtico.
•Las tareas son actividades de “significado para los estudiantes” como su enfoque central.
•Estas buscan lograr un objetivo específico que debe ser alcanzado en un tiempo determinado.
De acuerdo a lo anterior podemos encontrar ciertas características del ABT que van ligadas al desarrollo de una tarea: Aprender del proceso, Más motivación para el
estudiante, Más autonomía, Considera intereses, Docente como guía, Diferentes habilidades y conocimientos.
Etapas del ABT:
1
Temáticas a desarrollar: UNIDAD 1 Diseño web y Lenguajes.

Temáticas Específicas:
 HTML5, CSS3 y JavaScript.
Número de semanas: 2 (Dos) Fecha: del 8 de febrero al 21 de febrero Momento de evaluación: Inicial Entorno: Seguimiento y Evaluación
Fase de la estrategia de aprendizaje: Pre-tarea
Productos académicos
Actividad
Actividad individual Productos académicos y ponderación de la actividad individual y ponderación de la
colaborativa*
actividad colaborativa
Actividad No. 1 Configurando el El estudiante debe entregar un documento PDF donde evidencie que ha realizado de
Entorno de trabajo. manera satisfactoria el proceso de instalación y configuración de las siguientes
aplicaciones:
El estudiante deberá gestionar un
entorno de trabajo para la 1. Editor de texto SublimeText2, en este editor se debe activar el Package Control, y el
construcción de páginas web a Plugin de Zend Coding Emmet.
través de la configuración de las
siguientes herramientas de 2. Servidor Web: puede instalar: Apache, Xampp o WampServer
software, las cuales deberán ser
instaladas en un computador
personal o un computador de la 3. Cliente de FTP, se recomienda Filezilla u otro cliente FTP Open Source.
sala de sistemas del centro donde
el estudiante se encuentre 4. Sistema de control de versiones GIT.
matriculado.
Además de estos elementos propios de la actividad, el documento debe contar con
Aplicaciones a instalar: Portada, Introducción, Objetivos, Conclusiones y Bibliografía.
 Editor de texto para

programación.
 Servidor web local.
 Cliente FTP.
2
Nota: “Como soporte del desarrollo de la actividad además de los

pantallazos el estudiante deberá registrar en el documento con sus
propias palabras una descripción detallada del proceso de
instalación y configuración de las herramientas utilizadas para el
entorno de trabajo de Diseño Web. Para esto cada imagen debe
tener a pie de página una descripción de mínimo 50 palabras ”
Ponderación (25 Pts – 5%)
3
Temáticas a desarrollar: UNIDAD 1 Diseño web y Lenguajes.

 HTML5, CSS3 y JavaScript.
Número de semanas: 4 (Cuatro) Fecha: del 18 de marzo al 17 de abril Momento de evaluación: Intermedia Entorno: Seguimiento y Evaluación
Fase de la estrategia de aprendizaje: Ciclo de Tarea

Actividad
Actividad individual Productos académicos y ponderación de la actividad individual y ponderación de la
colaborativa*
actividad colaborativa
Actividad No. 2 Creando un Sitio Web Para la presente actividad el estudiante creara y publicara en la Internet un sitio
con HTML5 y CSS3. web que cumpla con las siguientes características.
1. Se debe crear una carpeta o directorio raíz para el sitio web con subcarpetas
El estudiante creara un sitio web con de acuerdo a los archivos que se utilizaran en el sitio.
mínimo 6 páginas que permita
presentar información básica y de 2. El sitio web debe contener mínimo 6 páginas web creadas con lenguaje
contacto sobre la fundación PATITAS HTML5.
DE CORAZÓN dedicada al rescate de
perros y gatos abandonados o en 3. Se deben configurar librerías y scripts de normalización en el sitio de acuerdo
condición de maltrato, adicionalmente al material publicado en el curso.
la fundación gestiona la adopción y el
apadrinamiento de los animales a 4. Se debe crear una hoja externa de estilos CSS para el sitio web creado.
través de diferentes medios, entre
ellos la Internet y las Redes Sociales. 5. El sitio web debe contener toda la información y secciones que el estudiante
crea conveniente para presentar de mejor forma la información básica y de
Nota: Esta fundación actualmente no contacto de la Fundación PATITAS DE CORAZÓN.
existe, es ficticia y se utiliza su
nombre solo para los fines 6. Dentro de los contenidos del sitio, es obligatorio presentar una galería de
académicos de la actividad. Perros y Gatos para adopción por separado.
7. Las páginas web del sitio deben contener como elementos estructurales las
etiquetas de HTML5: Header, Section, Aside y Footer.
4
8. No se permiten trabajos presentados bajo sitios web creados con Wix, Jimdoo
u otro asistente de creación de sitios en la Internet.
9. Luego de crear el sitio, el estudiante deberá migrar este mismo a un servicio

de hosting gratuito o un sistema de control de versiones como GITHUB en la
Internet.
El estudiante entregará a través del entorno de evaluación y seguimiento un

documento PDF que contendrá el link o enlace del sitio web creado con HTML5 y
CSS. Además del link del dominio, el documento debe contar con Portada,
Introducción, Objetivos, Conclusiones y Bibliografía
5
Temáticas a desarrollar: UNIDAD 2 Sistemas Manejadores de Contenidos CMS – UNIDAD 3 Administración del Sitio Web
 Joomla, Drupal, Wordpress.
 SEO, Herramientas Google, CPanel, Seguridad de Sitios Web.
Número de semanas: 4 (Cuatro) Fecha: del 18 de abril al 15 de mayo Momento de evaluación: Intermedia Entorno: Seguimiento y Evaluación
Fase de la estrategia de aprendizaje: Ciclo de Tarea
Actividad
y ponderación de la Actividad colaborativa* Productos académicos y ponderación de la actividad colaborativa
individual
actividad individual
Actividad No. 3 Creando un Para la presente tarea el grupo colaborativo desarrollara las siguientes actividades
sitio web con un CMS (sistema específicas.
Manejador de Contenidos).
1. El grupo instalara un CMS (sistema manejador de contenidos) en un servicio de hosting
El grupo colaborativo creara un gratuito de la Internet o en un sistema de control de versiones.
sitio web para un Club
Deportivo Aficionado 2. El grupo configurara a través del CMS instalado un sitio web para un Club Deportivo
utilizando un CMS (Sistema Aficionado.
manejador de contenidos).
3. El sitio web del Club Deportivo Aficionado debe contar con mínimo 6 secciones donde se
Posteriormente el grupo presente información relevante sobre el club, sus participantes, los eventos en los que
publicara en la Internet el sitio participan, sus reconocimientos y toda aquella información que el grupo considere
web del Club Deportivo importante para visibilizar el club en la Internet.
Aficionado a través de un
servicio de hosting Gratuito o
un sistema de control de 4. El grupo deberá entregar así no participen todo los estudiantes, el sitio web completo
versiones, con todas sus secciones, contenidos y elementos de diseño.
El sitio web del Club Deportivo 5. El sitio debe contar con servicio de Chat.
Aficionado, debe pertenecer a
nuestro país y deberá estar 6. El sitio web debe contar con un contador de visitas.
6
creado para una de las

siguientes modalidades 7. El sitio web debe contar con un enlace a la federación colombiana de la modalidad
deportivas: deportiva a la que aplica el club.
 Futbol 8. El sitio web debe contar con un módulo de red social donde se presente información del
 Baloncesto perfil oficial de la federación colombiana de la modalidad deportiva a la que aplica el
 Ciclismo club.
 Voleibol
 Patinaje
9. El sitio web debe contar con un foro de opinión para sus visitantes.
 Natación
10. El sitio web debe contar con galería de imágenes sobre la modalidad deportiva del club,
referenciando la fuente de las que se extrae cada imagen.
11. El grupo debe diseñar un banner y un logo para el sitio, este debe ser de autoría propia
de los estudiantes del grupo.
12. El grupo debe definir una paleta de colores sobria para el sitio, pero acorde con los
colores del banner y el logo que se definan para el sitio.
13. Se debe utilizar información ficticia para los clubes, no se debe utilizar información de
clubes reales que ya posean información registrada en la Internet (Esto para evitar
problemas por plagio).
14. El sitio web debe incorporar contenido multimedia como imágenes, videos y audios.
Por último el grupo entregará a través del entorno de evaluación y seguimiento un

documento PDF que contendrá el link o enlace del sitio web creado con el CMS. Además del
link del dominio, el documento debe contar con Portada, Introducción, Objetivos,
Conclusiones y Bibliografía.
7
Evaluación final por POA en relación con la estrategia de aprendizaje:
De acuerdo a la estrategia de aprendizaje “Aprendizaje Basado en Tareas”. En esta fase final de la misma se realizara el Enfoque en la habilidad/conocimiento para
analizar los conocimientos o habilidades manejadas, al igual que verificar la práctica que adquiere el estudiante al desarrollar todas las actividades pertenecientes a las
dos etapas iniciales del APT. De acuerdo a esto se establece la siguiente actividad final del curso, que sirve a su vez; como examen nacional del mismo.
Número de semanas: 2 (Dos) Fecha: del 16 de mayo al 29 de mayo Momento de Entorno: Evaluación y
evaluación: Final Seguimiento
Actividad Productos académicos y ponderación de
Actividad individual Productos académicos y ponderación de la actividad individual
colaborativa* la actividad colaborativa
El estudiante creará y
publicara un vídeo de su Para el examen nacional del curso, el estudiante desarrollara las siguientes
autoría en el portal web actividades específicas.
YouTube donde
sustentara las que para él, 1. Cada estudiante diseñara una presentación de diapositivas donde se
son las 10 (Diez) presenten las 10 (Diez) estrategias más importantes para garantizar la
estrategias más visibilidad y el posicionamiento de un sitio web en los motores de
importantes para búsqueda como Google.
garantizar la visibilidad y
el posicionamiento de un 2. Después de crear la presentación, el estudiante con el apoyo de una
sitio web en los motores aplicación de captura de vídeo o el uso de los Plugin de Google Crhome:
de búsqueda como Screencastify o Mediacore Capture grabará un vídeo donde realizará la
Google. sustentación de sus diapositivas usando la webcam de su computador y
presentando sus diapositivas al mismo tiempo.
3. Luego de grabar el vídeo con el apoyo de algunos de los componentes

Screencastify o Mediacore Capture el estudiante migrara el vídeo al
portal de vídeos YouTube.
4. El complemento para Google Chrome llamado screencastify se puede

8
descargar desde la página de complementos del navegador Google

Crhome o desde el link: www.screencastify.com. A su vez el
complemento Mediacore Capture se puede descargar desde la página de
complementos del navegador Google Crhome o desde el link:
http://www.mediacore.com/blog/how-to-record-your-screen-and-
webcam-with-mediacore-capture-for-chrome
5. La presentación de diapositivas del estudiante debe contener: Portada,

las 10 estrategias más importantes para garantizar la visibilidad y el
posicionamiento de un sitio web en los motores de búsqueda como
Google, Conclusiones y Bibliografía, en total la presentación debe
contener 13 diapositivas.
6. Cada diapositiva donde se presenten las buenas practicas planteadas por

el estudiante, deben tener máximo 30 palabras, las diapositivas pueden
contener imágenes de apoyo o gráficos.
7. En la dispositiva de conclusiones se deben consignar mínimo 5

conclusiones de autoría propia por parte del estudiante.
8. Es de obligatorio cumplimiento que el estudiante realice la presentación

de sus diapositivas y a la par presente en el vídeo una ventana en una de
las esquinas de la pantalla donde se muestre la imagen de su webcam en
tiempo real, esto con el fin de verificar que sea el estudiante quien realiza
por completo la sustentación de su presentación.
9. La duración mínima del vídeo realizado por el estudiante será de 10

minutos.
10. El estudiante en el inicio del video deberá presentar la siguiente

información:
9
a. Nombre del estudiante

b. Centro de la UNAD donde está matriculado
c. Edad del estudiante
d. Email del estudiante
e. Usuario de Skype
f. Programa en el cual está matriculado el estudiante
Por último el estudiante entregará a través del entorno de evaluación y

seguimiento un documento PDF que contendrá el link o enlace de la página
web que contiene los vídeos creados por los participantes del grupo.
Además del link del dominio, el documento debe contar con Portada,
Introducción, Objetivos, Conclusiones y Bibliografía.
Ponderación (125 Pts. – 25%)
10
*Lineamientos para el desarrollo del trabajo colaborativo

Roles a desarrollar por el Roles y responsabilidades para la
Planeación de actividades para el desarrollo del trabajo colaborativo estudiante dentro del grupo producción de entregables por los
colaborativo estudiantes
Líder: Dinamizador del Compilador
Actividad No. 3 – Trabajo Colaborativo proceso, quien se preocupa por Consolidar el documento que se
verificar al interior del equipo constituye como el producto final
que se estén asumiendo las del debate, teniendo en cuenta
Actividad Cronograma de trabajo Responsables que se hayan incluido los aportes
Lectura de los Del 18-04-2016–00 horas-al (Todos los integrantes del grupo)
responsabilidades individuales y
de grupo. de todos los participantes y que
recursos teóricos día 15-05-2016 hora 23.55
solo se incluya a los participantes
Preparación de Del 18-04-2016–00 horas-al (Todos los integrantes del grupo) Comunicador: Responsable de que intervinieron en el proceso.
los aportes día 15-05-2016 hora 23.55 la comunicación entre el tutor y Debe informar a la persona
individuales encargada de las alertas para que
el equipo, como también de
presentar a su equipo la avise a quienes no hicieron sus
Interacción del Del 18-04-2016–00 horas-al (Todos los integrantes del grupo) participaciones, que no se les
grupo con base día 15-05-2016 hora 23.55 información que recoge de la
en los aportes observación al desarrollo de las incluirá en el producto a entregar.
individuales actividades - hecha a los otros
Preparación de los Del 18-04-2016–00 horas-al (Todos los integrantes del grupo) equipos de grupo. Revisor
entregables día 15-05-2016 hora 23.55 Asegurar que el escrito cumpla con
Relator: Responsable de la las normas de presentación de
trabajos exigidas por el docente.
relatoría de todos los procesos
Revisión de los Del 18-04-2016–00 horas-al (Todos los integrantes del grupo)
en forma escrita. También es
productos día 15-05-2016 hora 23.55 Evaluador
responsable por recopilar y
Asegurar que el documento
sistematizar la información a
Preparación de los Del 18-04-2016–00 horas-al (Líder) contenga los criterios presentes en
entregar al facilitador-docente. la rúbrica. Debe comunicar a la
entregables de acuerdo día 15-05-2016 hora 23.55
con la norma persona encargada de las alertas
11
establecida (según la versión Utilero: Responsable de para que informe a los demás
que se conseguir el material y/o las integrantes del equipo en caso que
maneje) haya que realizar algún ajuste
herramientas de acuerdo a las
necesidades del equipo para el sobre el tema.
desarrollo de las actividades y/o
procesos. Entregas
Alertar sobre los tiempos de
Vigía del Tiempo: Controla el entrega de los productos y enviar
cronograma de tiempo el documento en los tiempos
establecido, y es responsable estipulados, utilizando los recursos
porque el equipo desarrolle las destinados para el envío, e indicar
diferentes actividades dentro del a los demás compañeros que se ha
tiempo pactado. realizado la entrega.
Alertas
Asegurar que se avise a los
integrantes del grupo de las
novedades en el trabajo e informar
al docente mediante el foro de
trabajo y la mensajería del curso,
que se ha realizado el envío del
documento.
Recomendaciones Hechas Por El Docente:
Estimados estudiantes el desarrollo de actividades colaborativas en ambientes virtuales de aprendizaje demanda dos características importantes en cada
uno de ustedes. La primera es la disciplina, ya que la participación activa en esta actividad demanda una disciplina en el orden de dedicar por lo menos
unas horas al desarrollo de la actividad y no unos minutos antes del cierre de la misma. La segunda característica hace referencia a la ética para el
desarrollo de actividades, ya que ustedes en su rol de estudiantes formándose integralmente deben cumplir ética y moralmente con el desarrollo de las
12
actividades, el plagio es un delito y es penalizado por la universidad por lo cual se le invita desde ya a que explote su creatividad, sus ideas y
pensamientos con productos originales y de su autoría.
Para finalizar este preámbulo les quiero dejar para su consideración las siguientes recomendaciones.
1. No deje el desarrollo del trabajo para la última semana del mismo, dese la oportunidad de compartir ideas desde el inicio de la actividad, esto le dará
muchas más calidad al trabajo del grupo y propenderá por una mayor apropiación de conocimiento.
2. Haga aportes de calidad, retese a sí mismo a construir un buen aporte, relacione fuentes, autores e ideas principales de los mismos sobre el tema a
consultar, indique sus puntos de vista frente a los aportes de los demás esto permite una mejor interacción para el grupo.
3. No caiga en el error de subir textos directamente de la web o libros a partir del periodo 2012 1 se validaran los trabajo con un detector de plagio, estos
trabajos serán penalizados con una calificación de 0 Puntos.
4. Organice su labor por medio de roles, para esto se proponen 5 roles que se explicaran más adelante en la guía; cada integrante deberá asumir un rol
específico dentro de su grupo. Esto les permitirá desarrollar un trabajo mucho más estructurado e integral.
5. Ante todo respeto. Es importante que los debates se hagan dentro del marco del respeto mutuo, la ética y los valores morales, ante todo estamos
formando profesionales integrales y para esto se debe apuntar por el cumplimiento de normas como la Netiqueta y la Ética.
Uso de la norma APA, versión 3 en español (Traducción de la versión 6 en inglés)
Las normas APA se utilizaran para la referenciación de la bibliografía, tanto de los trabajos individuales, como de los grupales. Puede consultar la 3
edición en español de la norma APA en el siguiente link: http://www.ceuni.mx/sites/default/files/CEUNI%20Manual%20estilo%20APA.pdf allí podrá
encontrar todos los parámetros necesarios para registrar diferentes formatos de materiales que le sirvan como fuentes bibliográficas de sus actividades.
13
Políticas de plagio: ¿Qué es el plagio para la UNAD? El plagio está definido por el diccionario de la Real Academia como la acción de "copiar en lo
sustancial obras ajenas, dándolas como propias". Por tanto el plagio es una falta grave: es el equivalente en el ámbito académico, al robo. Un estudiante
que plagia no se toma su educación en serio, y no respeta el trabajo intelectual ajeno.
No existe plagio pequeño. Si un estudiante hace uso de cualquier porción del trabajo de otra persona, y no documenta su fuente, está cometiendo un acto
de plagio. Ahora, es evidente que todos contamos con las ideas de otros a la hora de presentar las nuestras, y que nuestro conocimiento se basa en el
conocimiento de los demás. Pero cuando nos apoyamos en el trabajo de otros, la honestidad académica requiere que anunciemos explícitamente el hecho
que estamos usando una fuente externa, ya sea por medio de una cita o por medio de un paráfrasis anotado (estos términos serán definidos más adelante).
Cuando hacemos una cita o una paráfrasis, identificamos claramente nuestra fuente, no sólo para dar reconocimiento a su autor, sino para que el lector
pueda referirse al original si así lo desea.
Existen circunstancias académicas en las cuales, excepcionalmente, no es aceptable citar o parafrasear el trabajo de otros. Por ejemplo, si un docente
asigna a sus estudiantes una tarea en la cual se pide claramente que los estudiantes respondan utilizando sus ideas y palabras exclusivamente, en ese caso
el estudiante no deberá apelar a fuentes externas aún, si éstas estuvieran referenciadas adecuadamente.
Para mayor información visitar el siguiente link:

http://datateca.unad.edu.co/contenidos/434206/ContenidoLinea/seccin_2313_poltica_sobre_el_plagio.html
14

Guia 161

Încărcat de

Informații document

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Guia 161

Încărcat de

Drepturi de autor:

Formate disponibile

Universidad Nacional Abierta y a Distancia – UNAD - Vicerrectoría Académica y de Investigación - VIACI

Escuela: Ciencias Básicas Tecnología e Ingeniería - ECBTI Programa: Ingeniería de Sistemas

Guía Integrada de Actividades

Características y Propósitos del ABT:

Etapas del ABT:

Temáticas a desarrollar: UNIDAD 1 Diseño web y Lenguajes.

Fase de la estrategia de aprendizaje: Pre-tarea

 Editor de texto para

Nota: “Como soporte del desarrollo de la actividad además de los

Ponderación (25 Pts – 5%)

Temáticas a desarrollar: UNIDAD 1 Diseño web y Lenguajes.

Fase de la estrategia de aprendizaje: Ciclo de Tarea

9. Luego de crear el sitio, el estudiante deberá migrar este mismo a un servicio

El estudiante entregará a través del entorno de evaluación y seguimiento un

Ponderación (175 Pts – 35%)

Fase de la estrategia de aprendizaje: Ciclo de Tarea

creado para una de las

Por último el grupo entregará a través del entorno de evaluación y seguimiento un

Ponderación (175 Pts – 35%)

Evaluación final por POA en relación con la estrategia de aprendizaje:

3. Luego de grabar el vídeo con el apoyo de algunos de los componentes

4. El complemento para Google Chrome llamado screencastify se puede

descargar desde la página de complementos del navegador Google

5. La presentación de diapositivas del estudiante debe contener: Portada,

6. Cada diapositiva donde se presenten las buenas practicas planteadas por

7. En la dispositiva de conclusiones se deben consignar mínimo 5

8. Es de obligatorio cumplimiento que el estudiante realice la presentación

9. La duración mínima del vídeo realizado por el estudiante será de 10

10. El estudiante en el inicio del video deberá presentar la siguiente

a. Nombre del estudiante

Por último el estudiante entregará a través del entorno de evaluación y

Ponderación (125 Pts. – 25%)

*Lineamientos para el desarrollo del trabajo colaborativo

Recomendaciones Hechas Por El Docente:

Uso de la norma APA, versión 3 en español (Traducción de la versión 6 en inglés)

Para mayor información visitar el siguiente link:

S-ar putea să vă placă și