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 CSS JavaScript Número de semanas: 1 (Una) Fecha: del 2 de febrero al 8 febrero Momento de evaluación: Inicial Entorno: Seguimiento y Evaluación Fase de la estrategia de aprendizaje: Pre-tarea Actividad individual Actividad No. 1 Configurando el Entorno de trabajo. El estudiante deberá gestionar un entorno de trabajo para la construcción de páginas web a través de la configuración de las siguientes herramientas de software, las cuales deberán ser instaladas en un computador personal o un computador de la sala de sistemas del centro donde el estudiante se encuentre matriculado. Aplicaciones a instalar: Editor de texto para programación. Servidor web local. Cliente FTP. Productos académicos y ponderación de la actividad individual El estudiante debe entregar un documento PDF donde evidencie que ha realizado de manera satisfactoria el proceso de instalación y configuración de las siguientes aplicaciones: 1. Editor de texto SublimeText2, en este editor se debe activar el Package Control, y el Plugin de Zend Coding Emmet. 2. Servidor Web: puede instalar: Apache, Xampp o WampServer 3. Cliente de FTP, se recomienda Filezilla u otro cliente FTP Open Source. Además de estos elementos el documento debe contar con Portada, Introducción, Objetivos, Conclusiones y Bibliografía. Ponderación (25 Pts 5%) 2 Actividad colaborativa* Productos académicos y ponderación de la actividad colaborativa
Temáticas a desarrollar: UNIDAD 1 Diseño web y Lenguajes. Temáticas Específicas: HTML5 CSS JavaScript Número de semanas: 2 (Dos) Fecha: del 9 de febrero al 22 Momento de evaluación: Intermedia Entorno: Seguimiento y Evaluación febrero Fase de la estrategia de aprendizaje: Ciclo de Tarea Actividad individual Actividad No. 2 Creando una Pagina Web con HTML5 y CSS. El estudiante creara una página web que entregue noticias sobre las actividades más importantes que la Universidad Nacional Abierta y a Distancia UNAD desarrollo en el año 2014 en los centros donde está matriculado cada estudiante. Productos académicos y ponderación de la actividad individual Para la presente actividad el estudiante entregara una página web que cumpla con las siguientes características. 1. Se debe crear una sola página web utilizando lenguaje HTML5. 2. Se debe crear una hoja externa de estilos CSS para la página web creada. 3. La página web debe contener elementos de texto, audio y video como contenidos de la misma. 4. La página web debe contener en sus elementos estructurales Header, Banner, Contenidos, Aside y Footer. 5. Se deben usar colores, logos e imágenes institucionales de la UNAD. El estudiante entregara en el entorno de seguimiento y evaluación un archivo en formato zip el cual contendrá la página web en HTML5 y la hoja de estilo CSS. Actividad colaborativa* Productos académicos y ponderación de la actividad colaborativa Ponderación (50 Pts 10%) 3
Temáticas a desarrollar: UNIDAD 1 Diseño web y Lenguajes. Temáticas Específicas: HTML5 CSS JavaScript Número de semanas: 3 (Tres) Fecha: del 23 de febrero al 15 de marzo Momento de evaluación: Intermedia Entorno: Seguimiento y Evaluación Fase de la estrategia de aprendizaje: Ciclo de Tarea Actividad individual Productos académicos y ponderación de la actividad individual Actividad colaborativa* Actividad No. 3 Creando un Sitio Web con HTML5 y CSS. El estudiante creara un sitio web con mínimo 5 páginas que permita presentar el portafolio de servicios de la empresa FacilAseo, la cual se dedica a ofrecer servicios de personal de aseo y cafetería para empresas y conjuntos residenciales. Para la presente actividad el estudiante entregara un sitio web que cumpla con las siguientes características. 1. Se debe crear una carpeta o directorio raíz para el sitio web con subcarpetas de acuerdo a los archivos que se utilizaran en el sitio. 2. El sitio web debe contener mínimo 5 páginas web creadas en HTMl5. 3. Se deben configurar librerías y scripts de normalización en el sitio de acuerdo al material publicado en el curso. 4. Se debe crear una hoja externa de estilos CSS para el sitio web creado. 5. El sitio web debe contener toda la información y secciones que el estudiante crea conveniente para presentar de mejor forma el portafolio de servicios de la empresa FacilAseo 6. Las páginas web del sitio deben contener en sus elementos estructurales Header, Banner, Contenidos, Aside y Footer. Productos académicos y ponderación de la actividad colaborativa El estudiante entregara en el entorno de seguimiento y evaluación un archivo en formato zip, el cual contendrá la carpeta raiz del sitio web creado por el estudiante, con todos los archivos que pertenecen al sitio web para su revisión y calificación. Ponderación (75 Pts 15%) 4
Temáticas a desarrollar: UNIDAD 2 Sistemas Manejadores de Contenidos. Temáticas Específicas: Joomla Wordpress Drupal Número de semanas: 2 (Dos) Fecha: del 16 de Marzo al 29 de marzo Momento de evaluación: Intermedia Entorno: Seguimiento y Evaluación Fase de la estrategia de aprendizaje: Ciclo de Tarea Actividad individual Productos académicos y ponderación de la actividad individual Actividad colaborativa* Actividad No. 4 Configurando un Hosting gratuito + Dominio para alojar un sitio web en la Internet. El estudiante configurara una cuenta de hosting + dominio gratuito en la Internet y migrara el sitio de la Actividad No. 3 a este. Para la presente tarea el estudiante desarrollara las siguientes actividades específicas. 1. Se debe crear una cuenta en un proveedor de hosting gratuito. 2. Se debe configurar un subdominio o dominio con el primer nombre y el primer apellido del estudiante. 3. Se debe configurar el cliente FTP instalado en la Actividad No. 1 con los datos de acceso FTP del servicio del hosting. 4. Se debe migrar el sitio web creado en la Actividad No. 3 a la cuenta de hosting en su carpeta de publicación a través del cliente FTP. Por último el estudiante entregara a través del entorno de evaluación y seguimiento un documento PDF que contendrá el link o enlace del dominio creado a través de la cuenta de hosting gratuito registrada, al abrir este enlace con un navegador se debe tener acceso al sitio web de la Actividad No. 3 migrado por el estudiante a través del cliente FTP al hosting. Productos académicos y ponderación de la actividad colaborativa Además del link del dominio, el documento debe contar con Portada, Introducción, Objetivos, Conclusiones y Bibliografía. Ponderación (50 Pts 10%) 5
Temáticas a desarrollar: UNIDAD 2 Sistemas Manejadores de Contenidos. Temáticas Específicas: Joomla Wordpress Drupal Número de semanas: 4 (Cuatro) Fecha: del 30 de marzo al 26 de abril Momento de evaluación: Intermedia Entorno: Seguimiento y Evaluación Fase de la estrategia de aprendizaje: Ciclo de Tarea Actividad individual Productos académicos y ponderación de la actividad individual Actividad colaborativa* Actividad No. 4. Para crear un sitio web de noticias. 6 Productos académicos y ponderación de la actividad colaborativa Actividad No. 5 Para la presente tarea el estudiante desarrollara las siguientes actividades específicas. Instalación y configuración de un sitio 1. El estudiante instalara un CMS (sistema manejador de contenidos) en el servicio de hosting web de Noticias con un que configuro en la Actividad No. 3 CMS (sistema Manejador 2. El estudiante configurara a través del CMS instalado un sitio web de noticias relacionadas de Contenidos) en la con Colombia. Internet. 3. El sitio web de noticias debe contar con las siguientes secciones: Actualidad, Deportes, Economía, Judicial, Opinión, Política, Internacional, Especiales, Social, Clasificados y El estudiante Instalara un Multimedia. CMS (Sistema manejador 4. Cada sección debe contar con mínimo 5 artículos publicados. de contenidos) en la 5. El sitio debe contar con servicio de Chat y Foro de opinión Internet a través del 6. El grupo diseñara un banner y logo para el sitio. servicio de hosting 7. En la sección multimedia deben publicarse mínimo 10 artículos separados que posean Audio Gratuito Configurado en la o Video. Por último el grupo entregara a través del entorno de evaluación y seguimiento un documento PDF que contendrá el link o enlace del sitio web de noticias creado con el CMS. Además del link del dominio, el documento debe contar con Portada, Introducción, Objetivos, Conclusiones y Bibliografía. Ponderación (75 Pts 15%)
Temáticas a desarrollar: UNIDAD 3 Administración del Sitio Web Temáticas Específicas: SEO Seguridad Web Herramientas Google CPanel Número de semanas: 2 (Dos) Fecha: del 27 de abril al 10 de mayo Momento de evaluación: Intermedia Entorno: Seguimiento y Evaluación Fase de la estrategia de aprendizaje: Ciclo de Tarea Actividad individual Productos académicos y ponderación de la actividad individual Actividad colaborativa* Actividad No. 6 creación de vídeos en YouTube y publicación de página web en Internet. El grupo colaborativo creara una página web en un servicio de hosting gratuito en la Internet y en dicha página se publicaran 5 videos de autoría de los estudiantes del grupo los cuales deben ser migrados previamente al portal YouTube (1 video por cada Participante del grupo), dichos vídeos deben tener una duración de 5 minutos cada uno, en estos vídeos el estudiante realizara una presentación sobre cualquiera de los siguientes temas: SEO Seguridad Web Productos académicos y ponderación de la actividad colaborativa Para la presente tarea el grupo desarrollara las siguientes actividades específicas. 1. Cada estudiante seleccionara un tema de su interés de los pertenecientes a la Unidad 3 del curso para realizar su vídeo. 2. Después de seleccionar el tema el estudiante grabara a través de una webcam su video con una duración (NO se deben colocar presentaciones de diapositivas con narraciones) se debe presentar el estudiante con sus datos personales para luego desarrollar la temática seleccionada por este. 3. Cada Participante del grupo debe grabar un vídeo de forma individual. Para esto el estudiante se puede apoyar del complemento para Google Chrome llamado screencastify el cual se puede descargar desde la página de complementos del navegador o desde el link: www.screencastify.com 4. Después de tener los vídeos listos, el grupo creara una página web para publicar en ella de forma embebida los vídeos creados por los estudiantes del grupo, esta página debe contar con una hoja de estilos CSS y como elementos estructurales debe tener: Header, Banner, Contenidos, Aside y Footer. 7
Herramientas Google 5. Esta página deberá tener como título: DISEÑO DE SITIOS WEB UNIDAD 3 CPanel ADMINISTRACIÓN DEL SITIO WEB, debe contar con los colores, logo e imágenes institucionales de la UNAD, además de los vídeos creados por los estudiantes del grupo. 6. Cada video publicado en la página web, deberá contar con un artículo que indique los siguientes datos: a. Nombre del Autor del vídeo b. Centro de la UNAD donde está matriculado c. Edad del autor d. Email del autor e. Usuario de Skype f. Programa en el cual está matriculado el autor g. Descripción de mínimo 300 palabras sobre los temas que se van a presentar en el vídeo. 7. se subirán a la página web los vídeos que sean entregados por los participantes del grupo, por ejemplo si solo se entregan por parte de los estudiantes 2 o 3 vídeos, en la página solo se subirán estos, no se penalizara al grupo por la no entrega de videos, el estudiante que no realice y entregue su vídeo NO será calificado. Por último el grupo entregara 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 (100 Pts 20%) 8
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 11 al 24 de mayo Momento de evaluación: Final Entorno: Evaluación y Seguimiento Actividad individual Productos académicos y ponderación de la actividad Actividad colaborativa* Productos académicos y ponderación de la actividad colaborativa individual El grupo colaborativo Para el examen nacional del curso, el grupo desarrollara las siguientes actividades diseñara y sustentara de específicas. forma oral a través de web conferencia o video 1. El grupo diseñara una presentación en diapositivas, donde se exponga de llamada, una presentación forma clara y precisa las 10 pautas más importantes para realizar de forma de diapositivas donde correcta proyectos de diseño web. entregara las que a criterio del grupo son las 10 pautas 2. La presentación debe contar con los siguientes elementos: más importantes para realizar de forma correcta proyectos de diseño web. a. (1) Una dispositiva de portada con el nombre de los integrantes del grupo que participan en la actividad. 9 b. (10) Diez diapositivas donde se entregan las 10 pautas más importantes para realizar de forma correcta proyectos de diseño web. Las dispositivas pueden incluir imágenes, videos, smartgraph y cualquier material de apoyo que considere el grupo, cada diapositiva puede contener máximo 50 palabras. c. (1) Una diapositiva donde se consignen la conclusiones que el grupo entrega sobre la actividad (mínimo 6 conclusiones) d. (1) Una diapositiva donde se consigne la bibliografía usada por el grupo
(la bibliografía se debe registrar de acuerdo a las normas APA 3 edición español) 3. Finalmente el grupo colaborativo sustentara esta presentación de diapositivas de forma oral a través de un servicio de video llamada o web conferencia que se utilice en el curso para tal fin. Ponderación (125 Pts 25%) 10
*Lineamientos para el desarrollo del trabajo colaborativo Planeación de actividades para el desarrollo del trabajo colaborativo Actividad No. 5 Trabajo Colaborativo Actividad Cronograma de trabajo Responsables Lectura de los Del 30-03-2015 00 horas-al recursos teóricos día 02-04-2015 hora 23.55 Preparación de los aportes individuales Interacción del grupo con base en los aportes individuales Preparación de los entregables Revisión de los productos Preparación de los entregables de acuerdo con la norma establecida (según la versión que se maneje) Del 03-04-015 00 horas-al día 08-04-2015 hora 23.55 Del 09-04-2015 00 hora al 13-04-2015 hora 23.55 Del 14-04-2015 00 hora al 17-04-2015 hora 23.55 Del 18-04-2015 00 hora al 21-04-2015 hora 23.55 Del 21-04-2015 00 horas al 26-04-2015 hora 23.55 (Líder) 11 Roles a desarrollar por el estudiante dentro del grupo colaborativo Líder: Dinamizador del proceso, quien se preocupa por verificar al interior del equipo que se estén asumiendo las responsabilidades individuales y de grupo. Comunicador: Responsable de la comunicación entre el tutor y el equipo, como también de presentar a su equipo la información que recoge de la observación al desarrollo de las actividades - hecha a los otros equipos de grupo. Relator: Responsable de la relatoría de todos los procesos en forma escrita. También es responsable por recopilar y sistematizar la información a entregar al facilitador-docente. Utilero: Responsable de conseguir el material y/o las herramientas de acuerdo a las necesidades del equipo para el desarrollo de las actividades y/o procesos. Roles y responsabilidades para la producción de entregables por los estudiantes Compilador Consolidar el documento que se constituye como el producto final del debate, teniendo en cuenta que se hayan incluido los aportes de todos los participantes y que solo se incluya a los participantes que intervinieron en el proceso. Debe informar a la persona encargada de las alertas para que avise a quienes no hicieron sus participaciones, que no se les incluirá en el producto a entregar. Revisor Asegurar que el escrito cumpla con las normas de presentación de trabajos exigidas por el docente. Evaluador Asegurar que el documento contenga los criterios presentes en la rúbrica. Debe comunicar a la persona encargada de las alertas para que informe a los demás integrantes del equipo en caso que haya que realizar algún ajuste sobre el tema. Entregas
Actividad No. 6 Trabajo Colaborativo Actividad Cronograma de trabajo Responsables Lectura de los Del 27-04-2015 00 horas-al recursos teóricos día 29-04-2015 hora 23.55 Vigía del Tiempo: Controla el cronograma de tiempo establecido, y es responsable porque el equipo desarrolle las diferentes actividades dentro del tiempo pactado. Alertar sobre los tiempos de entrega de los productos y enviar el documento en los tiempos estipulados, utilizando los recursos destinados para el envío, e indicar a los demás compañeros que se ha realizado la entrega. Preparación de los aportes individuales Interacción del grupo con base en los aportes individuales Preparación de los entregables Del 30-04-015 00 horas-al día 03-05-2015 hora 23.55 Del 04-05-2015 00 hora al 05-05-2015 hora 23.55 Del 06-05-2015 00 hora al 07-05-2015 hora 23.55 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. Revisión de los productos Del 08-05-2015 00 hora al 09-05-2015 hora 23.55 Preparación de los entregables de acuerdo con la norma establecida (según la versión que se maneje) Del 09-05-2015 00 horas al 10-05-2015 hora 23.55 (Líder) 12
Actividad Final Examen Nacional Trabajo Colaborativo Actividad Cronograma de trabajo Responsables Lectura de los Del 11-05-2015 00 horas-al recursos teóricos día 12-05-2015 hora 23.55 Preparación de los aportes individuales Interacción del grupo con base en los aportes individuales Preparación de los entregables Del 13-05-015 00 horas-al día 16-05-2015 hora 23.55 Del 17-05-2015 00 hora al 20-05-2015 hora 23.55 Del 21-05-2015 00 hora al 22-05-2015 hora 23.55 Revisión de los productos Del 23-05-2015 00 hora al 24-05-2015 hora 23.55 Preparación de los entregables de acuerdo con la norma establecida (según la versión que se maneje) Del 23-05-2015 00 horas al 24-05-2015 hora 23.55 (Líder) 13
Recomendaciones 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 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. 14
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. 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 15