El documento presenta un tutorial interactivo diseñado en PowerPoint para enseñar sobre el diseño de módulos interactivos para la web. Explica elementos de diseño como plantillas, secciones, reglas de diseño visual y combinaciones de colores. El objetivo es capacitar a educadores para crear contenidos didácticos efectivos que promuevan el entendimiento a través de la tecnología web.

2. Inicio Inicio Ayuda Objetivos Programa PPT Usos de PPT Consideraciones de diseño Elementos de diseño Secciones del módulo Regla de los Tercios Diseño de visuales Combinación de Colores Modelos de DI Niveles de Aprendizaje Enlaces de Interés Bienvenidos al tutorial interactivo de Dise ño de Presentaciones en MS PowerPoint para la Web . En el mismo se presentarán los elementos del diseño de módulos o tutoriales interactivos para la educación a través de una plataforma de Web educación. El módulo contiene botones de navegación e hipervínculos que lo llevarán hacia diferentes temas de interés. Es importante que los educadores conozcan otras formas para crear sus contenidos didácticos de acuerdo al medio a utilizar y el propósito para el cual se diseña la experiencia de aprendizaje. La tecnología de esta era nos permite desarrollar nuevas formas para construir el conocimiento y destilarlo en flujos distribuidos a través de la Web. Esperamos que este recurso les sirva de mucho provecho.

3. Ayuda Uso de las herramientas de navegaci ón Se mueve hacia la p á gina anterior. Se mueve hacia la página de ayuda. Se mueve hacia la pr óxima p á gina. Utilice la tecla Escape para salir del tutorial cuando lo desee. esc Inicio Ayuda Objetivos Programa PPT Usos de PPT Consideraciones de diseño Elementos de diseño Secciones del módulo Regla de los Tercios Diseño de visuales Combinación de Colores Modelos de DI Niveles de Aprendizaje Enlaces de Interés

5. Programa PowerPoint Es un programa de la compa ñía Microsoft ® que permite diseñar presentaciones electrónicas para distintos contextos profesionales: Administración, Gerencia, Negocios, Publicidad, Insdustrias, Ciencias/investigación, Educación y otros. El programa permite dise ñar diapositivas (slides) con información textual en la cual se pueden agregar fotos, dibujos, botones de navegaci ón, hipervínculos, animaciones, gráficos, sonidos, narraciones y v í deos. Se puede escoger entre una gran variedad de plantillas (trasfondos ) prediseñadas o dise ñar las propias de acuerdo a la audiencia y el prop ósito de su utilización. En el caso del dise ño de módulos para la Web, el educador debe crear sus propias plantillas de diseño. Existen varios formatos de diseño (layouts) que se pueden crear para hacer de su contenido uno llamativo y dinámico. Observe los ejemplos de la siguiente página: Inicio Ayuda Objetivos Programa PPT Usos de PPT Consideraciones de diseño Elementos de diseño Secciones del módulo Regla de los Tercios Diseño de visuales Combinación de Colores Modelos de DI Niveles de Aprendizaje Enlaces de Interés

6. Programa PowerPoint Plantilla de cuatro barras: 1. T ítulo 2. Enlaces/Temas 3. Contenido textual 4. Botones de navegaci ón Barra de título Barra de botones de navegación Plantilla de tres barras y botones: 1. T ítulo 2. Botones de enlaces 3. Contenido textual 4. Botones de navegaci ón Barra de título Barra de botones de navegación Inicio Objetivos Tema 1 Tema 2 Tema 3 Inicio Ayuda Objetivos Programa PPT Usos de PPT Consideraciones de diseño Elementos de diseño Secciones del módulo Regla de los Tercios Diseño de visuales Combinación de Colores Modelos de DI Niveles de Aprendizaje Enlaces de Interés B a r r a d e e n l a c e s Área de contenido textual F o t o Área de contenido textual F o t o

9. Consideraciones del dise ño Muchos educadores se lanzan a la aventura de dise ñar contenidos didácticos para la Web. Uno de los programas más utilizados para diseñar contenidos es MS PowerPoint. Por ende, lo que muchos hacen es transferir a la plataforma Web las conferencias orales que se dictan en la sala de clases. La información contenida en esas presentaciones consiste en oraciones claves que ayudarán al educador a exponer de manera verbal el conocimiento. Sin embargo, los conceptos principales permanecen en la mente del educador y no necesariamente son absorbidos por los estudiantes para ser cognizados, aplicados y entendidos. Gran parte de las presentaciones están diseñadas para proveer información que debe ser memorizada y recobrada por los estudiantes en las evaluaciones. Eso no significa que sea una metodología incorrecta. No obstante, existen otras estrategias instruccionales en las que se pueden incorporar actividades de niveles cognitivos superiores. Entonces surge la disyuntiva de c ómo diseñar contenidos instruccionales para que puedan producir entendimiento . Inicio Ayuda Objetivos Programa PPT Usos de PPT Consideraciones de diseño Elementos de diseño Secciones del módulo Regla de los Tercios Diseño de visuales Combinación de Colores Modelos de DI Niveles de Aprendizaje Enlaces de Interés

17. Regla de los Tercios La Regla de los Tercios se utiliza en la mayor ía de los recursos audiovisuales que conocemos hoy día. Su énfasis se centra en encuadrar las pantallas de la manera correcta para darle la atención adecuada a la información que se desea transmitir. Esta consiste en dividir de manera imaginaria la pantalla de contenido en tres filas y tres columnas. Notará que la pantalla tiene dos intersecciones en la parte superior y dos en la inferior. Científicamente, se ha comprobado que la atención visual recae principalmente en las esquinas de la zona áurea en los porcentajes indicados en el diagrama. Por tanto, el contenido principal debe insertarse en las esquinas izquierdas de la zona áurea. Inicio Ayuda Objetivos Programa PPT Usos de PPT Consideraciones de diseño Elementos de diseño Secciones del módulo Regla de los Tercios Diseño de visuales Combinación de Colores Modelos de DI Niveles de Aprendizaje Enlaces de Interés 41% 25% 20% 14%

20. Dise ño de visuales Diseñe sus m ódulos instruccionales tomando en consideración una posible población daltónica: Daltonismo : Es la confusión o falta de discriminación de los colores rojo y verde , pero en diferentes escalas de dificultad. Otro tipo frecuente de daltonismo es la confusión entre los colores azul y amarillo acompañado de alteración visual para el color rojo y verde . Fuente: tuotromedico.com Inicio Ayuda Objetivos Programa PPT Usos de PPT Consideraciones de diseño Elementos de diseño Secciones del módulo Regla de los Tercios Diseño de visuales Combinación de Colores Modelos de DI Niveles de Aprendizaje Enlaces de Interés Una persona dalt ónica tendría dificultades para registrar el número que aparece en el gráfico de la derecha. Esto se debe a la dificultad para discriminar entre la combinación de los colores: anaranjado, verde, azul y amarillo.

22. Combinaci ón de colores Combinaci ón de colores sugeridas para los trasfondos y los textos de los m ódulos Inicio Ayuda Objetivos Programa PPT Usos de PPT Consideraciones de diseño Elementos de diseño Secciones del módulo Regla de los Tercios Diseño de visuales Combinación de Colores Modelos de DI Niveles de Aprendizaje Enlaces de Interés Bien Bien Bien Bien Mal Mal Bien Bien Mal Mal Mal Mal Mal Mal Mal Mal Bien Bien Mal Mal Bien Bien Bien Bien

23. Modelos de dise ño istruccional DISE ÑO INSTRUCCIONAL (DI) : Es un proceso sistemático que se emplea para estructurar y planificar experiencias instruccionales con diversidad de recursos y materiales educativos. Los mismos deben ser apropiados según las características y necesidades de la población que se desea impactar en el proyecto. Existe una gran variedad de modelos de diseños instruccionales que se han implantado en diferentes contextos educativos. MODELOS DE D.I : Son guías sistemáticas que prescriben una serie de pasos a realizar en el proceso de enseñanza. Los modelos están basados en las teorías de aprendizaje y se componen de cinco elementos básicos: análisis , diseño , desarrollo , implantación y evaluación . Los modelos instruccionales se utilizan para producir diferentes proyectos/programas: experiencias educativas innovadoras (en todos los niveles), módulos/tutoriales interactivos, cursos Web híbridos o en línea, adiestramientos y programas curriculares. Los dos modelos de DI mayormente conocidos son los siguientes: Inicio Ayuda Objetivos Programa PPT Usos de PPT Consideraciones de diseño Elementos de diseño Secciones del módulo Regla de los Tercios Diseño de visuales Combinación de Colores Modelos de DI Niveles de Aprendizaje Enlaces de Interés

24. Modelos de dise ño istruccional Modelo de dise ño ADDIE: A nálisis : Se investiga si el módulo instruccional (tutorial) atenderá las necesidades de la población. Se trabaja con el dise ño de los objetivos: conocimiento , destrezas y actitudes , seg ún las características de los estudiantes. D iseño : Seleci ón d el contenido didáctico, materiales y recursos a incorporar en el tutorial interactivo. El contenido debe estar alineado con los objetivos propuestos D esarrollo : El contenido se introduce en el recurso adecuado. En este caso sería el programa PowerPoint . I mplantación : Es la implementación del módulo interactivo en el contexto real: Plataforma Moodle E valuación : Se subdivide en los siguientes tipos: Formativa : Evalúa el proceso de dise ño del módulo instruccional. Sumativa : Evalúa la efectividad del tutorial en el proceso de aprendizaje de los estudiantes. Inicio Ayuda Objetivos Programa PPT Usos de PPT Consideraciones de diseño Elementos de diseño Secciones del módulo Regla de los Tercios Diseño de visuales Combinación de Colores Modelos de DI Niveles de Aprendizaje Enlaces de Interés

25. Modelos de dise ño istruccional Inicio Ayuda Objetivos Programa PPT Usos de PPT Consideraciones de diseño Elementos de diseño Secciones del módulo Regla de los Tercios Diseño de visuales Combinación de Colores Modelos de DI Niveles de Aprendizaje Enlaces de Interés Modelo ADDIE How to design your course (N.T.)

26. Modelos de dise ño istruccional Modelo de dise ño ASSURE: A nálisis de la audiencia : caracter ísticas, razgos, intereses particulares, niveles de competencias, habilidades o destrezas, deficiencias y limitaciones de los estudiantes. Se recomienda administrar una pre-prueba antes de iniciar la instrucción. E s tablecimiento de los objetivos : Los objetivos deben ser de tres tipos: conocimiento , destrezas y actitudes . De esta forma se pueden establecer indicadores para evaluar el desempe ño de los alumnos. S elección de métodos, medios y materiales : Se selecciona el medio adecuado para la metodolog ía de enseñanza a distancia y el programa adecuado para insertar el contenido didáctico. U tilización de los materiales : Implantaci ón del módulo instruccional con la población de campo en la fecha adecuada. R equiere participación de la audiencia : Se recomienda que participen colegas educadores y estudiantes para conocer sus opiniones, sugerencias y puntos de vista. E valuación y revisión de materiales : El m ódulo es revisado para corregir errores mínimos, hacer los cambios necesarios de diseño según las sugerencias de los colegas educadores y estudiantes. Inicio Ayuda Objetivos Programa PPT Usos de PPT Consideraciones de diseño Elementos de diseño Secciones del módulo Regla de los Tercios Diseño de visuales Combinación de Colores Modelos de DI Niveles de Aprendizaje Enlaces de Interés

27. Modelos de dise ño istruccional Inicio Ayuda Objetivos Programa PPT Usos de PPT Consideraciones de diseño Elementos de diseño Secciones del módulo Regla de los Tercios Diseño de visuales Combinación de Colores Modelos de DI Niveles de Aprendizaje Enlaces de Interés Modelo ASSURE - Before, during and after instruction - Assess learner, media methods Evaluate and revise E - In-class and follow-up activities so learner can process the information Require learner participation R - Preview the materials - Prepare the materials, environment - Provide the learning experience Utilize Media and Materials U - Select available materials - Modify existing materials - Design new materials Select Methods, Media and Materials S - Learning outcomes - Conditions of performance - Degree of acceptable performance State Objectives S -General character -Specific entry competencies -Learning Style Analyze Learners A

30. Enlaces de inter és PowerPoint Tips http://www. ellenfinkelstein . com/powerpoint_tip .html Improve your PowerPoint.com http://www.improveyourpowerpoint.com/Powerpoint/Powerpoint_presentations.cfm?offer=true 10 cosas que debe y no debe hacer http://www.microsoft.com/spain/empresas/temas/publicidad/presentaciones.mspx Free PowerPoint Templates http://www.powerwhiz.com/?gclid=CJauura8vYsCFQM6gQodinmomwA Color Theory Tutorial by Worqx http://worqx.com/color/index.htm Color Schemer Online V2 http://www.colorschemer.com/online.html Color basics http://worqx.com/color/color_basics.htm Inicio Ayuda Objetivos Programa PPT Usos de PPT Consideraciones de diseño Elementos de diseño Secciones del módulo Regla de los Tercios Diseño de visuales Combinación de Colores Modelos de DI Niveles de Aprendizaje Enlaces de Interés

31. Enlaces de inter és Fin del m ódulo interactivo Para salir, favor de oprimimir la tecla ESCAPE (esc), localizada en la parte superior-izquierda de su teclado. Si desea recibir apoyo t écnico, comuníquese con el Prof. Antonio Delgado, extensiones: 6030/6031 Inicio Ayuda Objetivos Programa PPT Usos de PPT Consideraciones de diseño Elementos de diseño Secciones del módulo Regla de los Tercios Diseño de visuales Combinación de Colores Modelos de DI Niveles de Aprendizaje Enlaces de Interés