UNIVERSIDADDEGUADALAJARA … · UNIVERSIDADDEGUADALAJARA SISTEMADEEDUCACIÓNMEDIASUPERIOR *...

UNIVERSIDAD DE GUADALAJARA

SISTEMA DE EDUCACIÓN MEDIA SUPERIOR

Formato de planeación didáctica de academia 1. DATOS GENERALES

Escuela Esc. Preparatoria Regional de Ciudad Guzmán

Fecha de elaboración 29 de Junio de 2014

Departamento Sociotecnología

Academia Informática

Unidad de Aprendizaje TAE Diseño Gráfico: Expresión en Internet

Grado 4°

Ciclo escolar 2014 B

Competencias Genéricas BGC Comunicación

Competencias del Perfil de Egreso MCC Eje transversal: Se expresa y comunica Competencia Genérica: 4.-‐ Escucha, interpreta y emite mensajes pertinentes en distintos contextos mediante la utilización de medios, códigos y herramientas apropiados Atributos:

• Aplica distintas estrategias comunicativas según sean sus interlocutores, el contexto en el que se encuentran y los objetivos que persigue

• Maneja las tecnologías de la información y la comunicación para obtener información y expresar ideas.

Eje transversal: Piensa crítica y reflexivamente Competencia Genérica: 5.-‐ Desarrolla innovaciones y propone de mane reflexiva, comprendiendo como cada uno de sus pasos contribuye al alcance de un objetivo. Atributos:

• Sigue instrucciones y procedimientos de manera reflexiva, comprendiendo como cada uno de sus pasos contribuye al alcance de un objetivo.

• Utiliza las tecnologías de la información y comunicación para procesar e interpretar información.

6.-‐ Sustenta una postura personal sobre temas de interés y relevancia general, considerando otros puntos de vista de manera crítica y reflexiva.

• Elige las fuentes de información más relevantes para un propósito específico y discrimina entre ellas de acuerdo a su relevancia y confiabilidad.

• Estructura ideas y argumentos de manera clara, coherente y sintética.

Eje transversal: Aprende de forma autónoma

PDA-‐VI

2

Competencia Genérica: 7.-‐ Aprende por iniciativa e interés propio a lo largo de la vida. Atributos:

• Define metas y da seguimiento a sus procesos de construcciones de conocimiento.

• Articula saberes de diversos campos y establece relaciones entre ellos y su vida cotidiana.

Eje transversal: Trabaja en forma colaborativa Competencia Genérica: 8.-‐ Participa y colabora de manera efectiva en equipos diversos Atributos:

• Aporta puntos de vista con apertura y considera los de otras personas de manera reflexiva.

Asume una actitud constructiva, congruente con los conocimientos y habilidades con los que cuenta dentro de distintos equipos de trabajo.

Competencia(s) específica(s) Expresa sus ideas con coherencia y sistematización, de acuerdo con los requerimientos de la situación comunicativa en que se encuentre

Competencias Disciplinares MCC 8. Valora el pensamiento lógico en el proceso comunicativo en su vida cotidiana y académica. 9. Analiza y compara el origen, desarrollo y diversidad de los sistemas y medios de comunicación. 12. Utiliza las tecnologías de la información y comunicación para investigar, resolver problemas, producir materiales y transmitir información.

Objetivo de Aprendizaje Que el Estudiante utilice la web como medio de expresión para integrarse a la comunidad global, identificando las tecnologías y métodos para su producción. Módulos Módulo 1. Fundamentos del Web 1. ¿Qué es el Web? 2. Historia del WWW 3. Cómo funciona el web Módulo 2. La web como herramienta de comunicación 1. Impacto del Web en la actualidad en la comunicación 2. Usos del Web. Ejemplos (Portales, Buscadores, Redes Sociales) Módulo 3. Hipertexto y construcción de un sitio Web 1. ¿Qué es el hipertexto? 2. ¿Cómo funciona el HTML? 3. Estructura básica de una Pagina Web 4. Etiquetas de HTML 5. Programas de para la creación de Sitios Web. Modulo 4. Formatos y tecnologías para el web

3

1. Definición del Proyecto 2. Definición de la Experiencia del Usuario 3. Identificación del Contenido 4. Definición de la Estructura del Sitio 5. Elaboración del Diseño Grafico 6. Construcción del Prototipo Modulo 5. El proceso de construcción de un sitio Web (Enfoque de arquitectura de la información) 1. Formatos de Imagen 2. Formatos de elementos multimedia 3. Lenguajes de programación y Bases de Datos 2. ENCUADRE: Este apartado hace referencia a la delimitación clara y definida de la información general de lo que se realizará durante la Unidad de Aprendizaje, dando a conocer al estudiante el programa del curso, los contenidos temáticos por trabajar, los insumos y producto por entregar, así como también el proceso de evaluación con los instrumentos e indicadores con los que se evaluará.

3.SECUENCIA DIDÁCTICA Módulo No. 1 Fundamentos del WEB Objetivo de aprendizaje Diseñar un programa de radio que aborde los “Fundamentos del Web” en forma colaborativa, cuidando que el contenido del programa se debe centrar en abordar conceptos y datos históricos sobre la Web y la WWW los cuales serán representados frente a grupo. Contenidos temáticos 1. ¿Qué es el Web? 2. Historia del WWW 3. Cómo funciona el web Tipos de saberes Conocimientos (saber). Conceptual

• Manejo correcto del Internet • Distinguir la información

publicada correctamente • Tener buen manejo de la

escritura

Habilidades (saber hacer). Procedimental

• Distinguir • Esquematizar • Analizar • Interpretar • Reorganizar • Identificar • Diseñar • Plantear • Decidir • Exponer

Actitudes y valores (saber ser). Actitudinal

• Disponibilidad para el trabajo individual y en equipo.

• Compromiso con su formación personal y con el equipo.

• Interés por aprender y trabajar

• Responsabilidad • Respeto • Tolerancia • Honestidad

4

Temas y duración (hrs.)

Apertura Desarrollo Cierre

¿Qué es la Web?

1.-‐ Introducción por parte del docente

• Mediante lluvia de ideas recuperar saberes previos.

• Responder en grupo a los cuestionamientos de: -‐ ¿Qué es la web? -‐ ¿Quién la crea? -‐ ¿Cómo se

origina? -‐ ¿Cuál es su

mayor importancia para la sociedad y por qué?

• Analizar la información proporcionada por el docente.

• Organiza al grupo de trabajo en integrantes de 5.

2.-‐ Qué se va a hacer y cuáles son sus criterios de exigencia

• Investigar en diferentes fuentes de información sobre el concepto de la Web, antecedente, componentes e importancia en la actualidad.

• Elaborar un mapa mental sobre los conceptos de la Web trabajados.

• Pueden utilizar recursos gráficos de revistas, periódicos, Internet o dibujos.

• Presentar su mapa

El equipo se organiza al interior para cumplir con la tarea en los términos ya establecidos. El docente acompaña, tutorea y garantiza la participación de todos, supervisa el trabajo que desarrolla el equipo y prepara el escenario para la presentación del producto.

1. Se presenta el producto frente al grupo respetando el tiempo establecido (mínimo de 3 minutos y máximo 5.)

2. Cada grupo de trabajo se evalúa conforme al instrumento de evaluación “lista de cotejo”.

3. Retroalimentación.

5

conceptual apegado a los indicadores en un tiempo mínimo de 3 minutos y máximo 5.

Historia del WWW



• Responder en grupo a los cuestionamientos de: -‐ ¿Qué es WWW? -‐ ¿Cuáles son las

ventajas y desventajas de la WWW?




• Investigar en diferentes fuentes de información sobre el concepto del WWW, historia (quién lo crea y cómo surge)

• Elaborar una línea de tiempo interactiva mediante las aplicaciones Time Rine, Timeline JS o Prezi.

• Estructurar una lista sobre las ventajas y desventajas del WWW, para ser expuesta al final de su line de tiempo a manera de conclusión.

• Presentar su línea de tiempo interactiva y

El equipo se organiza al interior para cumplir con la tarea en los términos ya establecidos. El docente acompaña, tutorea y garantiza la participación de todos, supervisa el trabajo que desarrolla el equipo y prepara el escenario para la presentación del producto




6

su lista de ventajas y desventajas apegado a los indicadores en un tiempo mínimo de 3 minutos y máximo 5.

¿Cómo funciona el Web?



• Responder en grupo a los cuestionamientos de: -‐ ¿Cómo funciona

la Web? -‐ ¿Qué tantos

aspectos influyen para que el funcionamiento de la web sea posible y porque?




• Investigar en diferentes fuentes de información sobre la forma en que trabaja la Web y los elementos necesarios y que implican el funcionamiento de este.

• Elaborar un esquema gráfico que describa la forma en que trabaja la Web y los recursos





7

necesarios para que funcione.

• Presentar su esquema gráfico apegado a los indicadores en un tiempo mínimo de 3 minutos y máximo 5.

Producto Integrador


• Organizar grupos de trabajo de 5 integrantes.


• Representar un programa de radio que hable sobre aspectos trabajados de la Web y la WWW.

• Pueden utilizar vestuario y diversos materiales para representarlo frente al grupo en un tiempo mínimo de 5 minutos y máximo 10.



2. Cada grupo de trabajo se evalúa conforme al instrumento de evaluación “Escala estimativa”.


4. RECURSOS Y MATERIALES (DIDÁCTICOS) Computadora, Internet, Cañón, Cuaderno, marcadores, pintarrón, revistas, periódicos.

5. TAREAS QUE REALIZA EL ESTUDIANTE Y EVIDENCIAN EL LOGRO DE LAS COMPETENCIAS • Investigaciones • Responder cuestionarios • Plenarias • Tomar apuntes • Utilizar apuntes • Organizadores gráficos • Aprendizaje en parejas • Aprendizaje en grupos • Aprendizaje individual

6. EVIDENCIAS DE APRENDIZAJE (Productos) • Mapa mental sobre los conceptos de la Web • Elaborar una línea de tiempo interactiva sobre la historia de la WWW • Esquema gráfico sobre la forma en que trabaja la Web y recursos necesarios para que funcione. • Producto Integrador: Representación de un programa de radio

7. EVALUACIÓN

8

Diagnóstica

• El Estudiante de manera individual dará respuesta a una serie de cuestionario.

• Participara en un foro grupal.

Formativa Se utilizará una lista de cotejo para las evidencias de aprendizaje de atributos, las cuales tendrá el valor ponderable de 20% de la calificación final. Así como una lista estimativa para los productos integradores que valdrá en lo ponderable el 40% de la calificación final.

Sumativa Examen objetivo de opción múltiple el cual tendrá el valor ponderable de 40% de la calificación final. Ponderación: Cualitativa Lista de cotejo -‐ 20% (actividades de módulos) Escala estimativa -‐ 40% (Productos Integradores) Cuantitativo Examen objetivo -‐ 40% Total: 100% Se tiene que tener en cuenta que la calificación mínima aprobatoria es 60 y máxima 100. El número de asistencias mínimas para evaluación en ordinario es del 80%. El número de asistencias mínimas para evaluación en extraordinario es del 65%.

8. BIBLIOGRAFÍA PARA EL ALUMNO AulaClic.com. (2005). Curso de Frontpage 2003. Retrieved 3 de junio, 2009, from http://www.aulaclic.es/frontpage2003/ AulaClic.com. (2007). Curso de dreamweaver CS3. Retrieved 3 de junio, 2009, from http://www.aulaclic.es/dreamweavercs3/ AulaFácil.com. (s.f.-‐a). Curso de DreamWeaver. Retrieved 12 de mayo, 2009, from http://www.aulafacil.com/AulaDream/Dream/temario.htm AulaFácil.com. (s.f.-‐b). Cursos de páginas web. Retrieved 12 de mayo, 2009, from http://www.aulafacil.com/cursosgratis/curso/paginasweb.html Campbell, M. (2006). Diseño y construcción de sitios con Dreamweaver 8. españa: Anaya Multimedia. González, F. P. (2006). navegar en Internet: Macromedia Dreamweaver 8. México: Alfaomega. Hester, N. (2009). Microsoft Expression Web 2 for Windows. Berkeley, CA: Peachpit. Viadas, V. (2008). Dreamweaver CS3: Curso Interactivo en CD ROM de Adobe. México: Viadas. W3C. (2009). World Wide Web Consortium. Retrieved 3 de junio, 2009, from http://www.w3.org/ 9. BIBLIOGRAFÍA PARA EL MAESTRO

AulaClic.com. (2005). Curso de Frontpage 2003. Retrieved 3 de junio, 2009, from http://www.aulaclic.es/frontpage2003/ AulaClic.com. (2007). Curso de dreamweaver CS3. Retrieved 3 de junio, 2009, from

9

http://www.aulaclic.es/dreamweavercs3/ AulaFácil.com. (s.f.-‐a). Curso de DreamWeaver. Retrieved 12 de mayo, 2009, from http://www.aulafacil.com/AulaDream/Dream/temario.htm AulaFácil.com. (s.f.-‐b). Cursos de páginas web. Retrieved 12 de mayo, 2009, from http://www.aulafacil.com/cursosgratis/curso/paginasweb.html Campbell, M. (2006). Diseño y construcción de sitios con Dreamweaver 8. españa: Anaya Multimedia. González, F. P. (2006). navegar en Internet: Macromedia Dreamweaver 8. México: Alfaomega. Hester, N. (2009). Microsoft Expression Web 2 for Windows. Berkeley, CA: Peachpit. Viadas, V. (2008). Dreamweaver CS3: Curso Interactivo en CD ROM de Adobe. México: Viadas. W3C. (2009). World Wide Web Consortium. Retrieved 3 de junio, 2009, from http://www.w3.org/ Marzal Felici J. (2008). Como se lee una fotografía: interpretación de una mirada. España: Cátedra. 10. ANEXOS

• Lista de cotejo para atributos • Escala estimativa para productos integradores

Indicadores de Actividades De proceso

• Presentan su producción en el tiempo establecido

• Participan todos los integrantes del equipo en la organización y ejecución de la actividad

• Recupera la información provista por el docente

• Buscan información en fuentes confiables

De producto • Aplican estrategias adecuadas para

comunicar ideas. • Expresan sus ideas de forma innovadora y

atractiva. • El trabajo logró la comprensión de los

estudiantes • Expresan de forma clara y coherente la

temática solicitada

Lista de Cotejo de Actividades Indicador Si No

1.-‐ Aplican estrategias adecuadas para comunicar ideas. 2.-‐ Participan todos los integrantes del equipo en la organización y ejecución 3.-‐ Presentan su producción en el tiempo establecido 4.-‐ Expresan sus ideas de forma innovadora y atractiva 5.-‐ Buscan información en diferentes confiables 6.-‐ El trabajo logró la comprensión de los estudiantes 7.-‐ Expresan de forma clara y coherente la temática solicitada 8-‐ Recupera la información provista por el docente Nivel de logro: Si= 4, No= 4

10

Indicadores de Producto Integrador De proceso

• Presenta el producto en tiempo y forma

• Delegan funciones entre los miembros del equipo y trabajan de manera colaborativa

• Sustentan su información en fuentes confiables.

• Muestra satisfacción al trabajar con sus compañeros de equipo

• Demuestran tener dominio grupal

De producto • Expresan de forma clara y precisa los

fundamentos a considerar para trabajar con imágenes digitales.

• Expresan sus ideas de forma innovadora y atractiva.

• La representación es congruente con el propósito.

• El trabajo logro la comprensión de los estudiantes

• Expresan de forma clara y coherente la temática solicitada

Escala Estimativa para el Producto Integrador

Indicadores Regular (R) Bien (B) Muy Bien (MB)

Excelente (E)

Presenta el producto en tiempo y forma

Delegan funciones entre los miembros del equipo y trabajan de manera colaborativa

Sustentan su información en fuentes confiables

Muestra satisfacción al trabajar con sus compañeros de equipo

Demuestran tener dominio grupal

Expresan de forma clara y precisa el proceso evolutivo y conceptos que integran a la Web

Expresan sus ideas de forma innovadora y atractiva

La representación es congruente con el propósito

El trabajo logro la comprensión de los estudiantes

Expresan de forma clara y coherente la temática solicitada

Nivel de logro: 5 en E, 3 en MB y 2 en B = Competencia Lograda

11

1. DATOS GENERALES






Grado 4°













12









Objetivo de Aprendizaje Que el Estudiante utilice la web como medio de expresión para integrarse a la comunidad global, identificando las tecnologías y métodos para su producción. Módulos Módulo 1. Fundamentos del Web 1. ¿Qué es el Web? 2. Historia del WWW 3. Cómo funciona el web Módulo 2. La web como herramienta de comunicación 1. Impacto del Web en la actualidad en la comunicación 2. Usos del Web. Ejemplos (Portales, Buscadores, Redes Sociales) Módulo 3. Hipertexto y construcción de un sitio Web 1. ¿Qué es el hipertexto? 2. ¿Cómo funciona el HTML? 3. Estructura básica de una Pagina Web 4. Etiquetas de HTML 5. Programas de para la creación de Sitios Web.

13

Modulo 4. Formatos y tecnologías para el web 1. Definición del Proyecto 2. Definición de la Experiencia del Usuario 3. Identificación del Contenido 4. Definición de la Estructura del Sitio 5. Elaboración del Diseño Grafico 6. Construcción del Prototipo Modulo 5. El proceso de construcción de un sitio Web (Enfoque de arquitectura de la información) 1. Formatos de Imagen 2. Formatos de elementos multimedia 3. Lenguajes de programación y Bases de Datos 2. ENCUADRE: Este apartado hace referencia a la delimitación clara y definida de la información general de lo que se realizará durante la Unidad de Aprendizaje, dando a conocer al estudiante el programa del curso, los contenidos temáticos por trabajar, los insumos y producto por entregar, así como también el proceso de evaluación con los instrumentos e indicadores con los que se evaluará.

3.SECUENCIA DIDÁCTICA Módulo No. 2 La web como herramienta de comunicación Objetivo de aprendizaje Adaptar un cuento infantil en el cual se incluya y de muestra de “La web como herramienta de comunicación” en forma colaborativa, reflexionando cómo se ha alterado el proceso de comunicación personal, la búsqueda y obtención de la información en la sociedad actual, esta será presentada frente a grupo. Contenidos temáticos 1. Impacto del Web en la actualidad en la comunicación 2. Usos del Web. Ejemplos (Portales, Buscadores, Redes Sociales) Tipos de saberes Conocimientos (saber). Conceptual

• Manejo correcto del Internet • Distinguir la información publicada

correctamente • Tener buen manejo de la escritura








14



Impacto del Web en la

actualidad en la

comunicación

1.-‐ Introducción por parte del docente • Mediante lluvia de ideas

recuperar saberes previos. • Responder en grupo a los

cuestionamientos de: -‐ ¿Cómo influye el Internet

en la sociedad actual? -‐ ¿En los medios de

comunicación, qué impacto tiene la web?

-‐ ¿En mí, qué hábitos o actividades ha cambiado, son para bien o mal?




• Investigar en diferentes fuentes de información sobre el impacto y transformaciones que ha tenido la sociedad, los medios y las formas de comunicación con la web.

• Elaborar una presentación interactiva con la información obtenida en la investigación.

• Pueden utilizar recursos gráficos de revistas, periódicos, Internet o dibujos.

• Presentar su mapa conceptual apegado a los indicadores en un tiempo mínimo de 3 minutos y máximo 5.





Usos del Web.

Ejemplos (Portales,

Buscadores, Redes

Sociales)



cuestionamientos de: -‐ ¿Cuáles son las

clasificaciones de sitios en Internet con más demanda?

-‐ ¿Cuál es el inicio de las

El equipo se organiza al interior para cumplir con la tarea en los términos ya establecidos. El docente acompaña, tutorea y garantiza la participación de todos, supervisa el trabajo que desarrolla el equipo y




15

redes sociales? -‐ ¿Qué buscadores de

Internet existen actualmente?




• Elaborar una presentación digital descriptiva sobre la forma de operar en:

o Redes sociales o Foros o Blogs o Sitios estáticos o Galerías digitales o

portafolios • Presentar su línea de tiempo

interactiva y su lista de ventajas y desventajas apegado a los indicadores en un tiempo mínimo de 3 minutos y máximo 5.

prepara el escenario para la presentación del producto

Producto Integrador

1.-‐ Introducción por parte del docente • Organizar grupos de trabajo

de 12 integrantes. 2.-‐ Qué se va a hacer y cuáles son sus criterios de exigencia

• Representar la adaptación de un cuento infantil en el cual se aborden hábitos, costumbres, adecuaciones y acciones que se originen con el Internet.

• Deben utilizar vestuario para caracterizar a los personajes y diversos materiales para representarlo frente al grupo en un tiempo mínimo de 10 minutos y máximo 20.






5. TAREAS QUE REALIZA EL ESTUDIANTE Y EVIDENCIAN EL LOGRO DE LAS COMPETENCIAS

16

• Investigaciones • Responder cuestionarios • Plenarias • Tomar apuntes • Utilizar apuntes • Organizadores gráficos • Aprendizaje en parejas • Aprendizaje en grupos • Aprendizaje individual

6. EVIDENCIAS DE APRENDIZAJE (Productos) • Presentación interactiva referente al impacto de la Web en la comunicación. • Presentación digital descriptiva sobre la forma de operar en:

o Redes sociales o Foros o Blogs o Sitios estáticos o Galerías digitales o portafolios

• Producto Integrador: Representar la adaptación de un cuento infantil en el cual se aborden hábitos, costumbres, adecuaciones y acciones que se originen con el Internet.

7. EVALUACIÓN Diagnóstica





17


AulaClic.com. (2005). Curso de Frontpage 2003. Retrieved 3 de junio, 2009, from http://www.aulaclic.es/frontpage2003/ AulaClic.com. (2007). Curso de dreamweaver CS3. Retrieved 3 de junio, 2009, from http://www.aulaclic.es/dreamweavercs3/ AulaFácil.com. (s.f.-‐a). Curso de DreamWeaver. Retrieved 12 de mayo, 2009, from http://www.aulafacil.com/AulaDream/Dream/temario.htm AulaFácil.com. (s.f.-‐b). Cursos de páginas web. Retrieved 12 de mayo, 2009, from http://www.aulafacil.com/cursosgratis/curso/paginasweb.html Campbell, M. (2006). Diseño y construcción de sitios con Dreamweaver 8. españa: Anaya Multimedia. González, F. P. (2006). navegar en Internet: Macromedia Dreamweaver 8. México: Alfaomega. Hester, N. (2009). Microsoft Expression Web 2 for Windows. Berkeley, CA: Peachpit. Viadas, V. (2008). Dreamweaver CS3: Curso Interactivo en CD ROM de Adobe. México: Viadas. W3C. (2009). World Wide Web Consortium. Retrieved 3 de junio, 2009, from http://www.w3.org/ Marzal Felici J. (2008). Como se lee una fotografía: interpretación de una mirada. España: Cátedra. 10. ANEXOS


18













19







De producto • Expresan de forma clara y precisa los

fundamentos a considerar para trabajar con imágenes digitales.

• Expresan sus ideas de forma innovadora y atractiva.

• La representación es congruente con el propósito.


• Expresan de forma clara y coherente la temática solicitada

Escala Estimativa para el Producto Integrador

Indicadores Regular (R) Bien (B) Muy Bien (MB)

Excelente (E)






Expresan de forma clara y precisa las adecuaciones en las formas de comunicación debido a la web.


La representación es congruente con el propósito


Expresan situaciones a resolver mediante algunos servicios de Internet más comunes en la actualidad.


20

1. DATOS GENERALES






Grado 4°












Eje transversal: Aprende de forma autónoma Competencia Genérica: 7.-‐ Aprende por iniciativa e interés propio a lo largo de la vida.

21

Atributos: • Define metas y da seguimiento a sus

procesos de construcciones de conocimiento.







Objetivo de Aprendizaje Que el Estudiante utilice la web como medio de expresión para integrarse a la comunidad global, identificando las tecnologías y métodos para su producción. Módulos Módulo 1. Fundamentos del Web 1. ¿Qué es el Web? 2. Historia del WWW 3. Cómo funciona el web Módulo 2. La web como herramienta de comunicación 1. Impacto del Web en la actualidad en la comunicación 2. Usos del Web. Ejemplos (Portales, Buscadores, Redes Sociales) Módulo 3. Hipertexto y construcción de un sitio Web 1. ¿Qué es el hipertexto? 2. ¿Cómo funciona el HTML? 3. Estructura básica de una Pagina Web 4. Etiquetas de HTML 5. Programas de para la creación de Sitios Web. Modulo 4. Formatos y tecnologías para el web 1. Definición del Proyecto

22

2. Definición de la Experiencia del Usuario 3. Identificación del Contenido 4. Definición de la Estructura del Sitio 5. Elaboración del Diseño Grafico 6. Construcción del Prototipo Modulo 5. El proceso de construcción de un sitio Web (Enfoque de arquitectura de la información) 1. Formatos de Imagen 2. Formatos de elementos multimedia 3. Lenguajes de programación y Bases de Datos 2. ENCUADRE: Este apartado hace referencia a la delimitación clara y definida de la información general de lo que se realizará durante la Unidad de Aprendizaje, dando a conocer al estudiante el programa del curso, los contenidos temáticos por trabajar, los insumos y producto por entregar, así como también el proceso de evaluación con los instrumentos e indicadores con los que se evaluará.

3.SECUENCIA DIDÁCTICA Módulo No. 3 Hipertexto y construcción de un sitio web Objetivo de aprendizaje Diseñar un sitio web que integre el “Hipertexto y construcción de un sitio web” en el que se promocione un servicio o producto, sin fallas o enlaces rotos y con recursos optimos para la visuazliación de todo el grupo. Contenidos temáticos 1. ¿Qué es el hipertexto? 2. ¿Cómo funciona el HTML? 3. Estructura básica de una Pagina Web 4. Etiquetas de HTML 5. Programas para la creación de Sitios Web Tipos de saberes Conocimientos (saber). Conceptual










23



¿Qué es el hipertexto?

1.-‐ Introducción por parte del docente • Mediante lluvia de ideas recuperar

saberes previos. • Responder en grupo a los

cuestionamientos de: -‐ ¿Qué entiendes por

hipertexto? -‐ ¿Dónde y cómo es utilizado? -‐ ¿Cómo se crea?




• Elaborar una muestra sobre 3 casos de usos diferentes del hipertexto

• Pueden utilizar recursos de Internet


1. Se presenta el producto al profesor.



¿Cómo funcional el HTML?



cuestionamientos de: -‐ ¿Qué es el HTML? -‐ ¿Qué es el código fuente?




• Elaborar un sitio web creado en Word con imágenes e hipertexto.

• Análisis sobre el código fuente generado de su sitio:

o ¿Es claro? o ¿Identifico el texto que

inserte?, ¿En qué línea aparece?

o ¿Cómo aparecen las imágenes?

o ¿Cómo aparecen los





24

hipertextos?

Estructura básica de una Pagina

Web



cuestionamientos de: -‐ ¿Qué partes integran a un

sitio web? -‐ ¿Cuáles son las 3 partes

importantes en la estructura del código HTML?


• Organiza al grupo en parejas de trabajo


• Elaborar un análisis de un caso real en Internet e identificar en este las partes de su sitio y de su código fuente.





Etiquetas de HTML


saberes previos. • Analizar la información

proporcionada por el docente. • Organiza al grupo en parejas de

trabajo. 2.-‐ Qué se va a hacer y cuáles son sus criterios de exigencia

• Elaborar un sitio web en un bloc de notas que integre:

o Texto en tablas o Hipertextos o Imágenes o Viñetas o Anclas o Titulares o Alineaciones o Líneas o Objetos


1. Se presenta el producto al profesor



Programas para la

creación de Sitios Web


saberes previos. • Analizar la información


El equipo se organiza al interior para cumplir con la tarea en los términos ya establecidos. El docente acompaña,

25

trabajo 2.-‐ Qué se va a hacer y cuáles son sus criterios de exigencia

• Diseñar un sitio web mediante un programa dedicado, el cual incluya:


• Análisis sobre la diferencia entre crear un sitio web con un editor de textos y un programa dedicado a la creación de sitios web.

tutorea y garantiza la participación de todos, supervisa el trabajo que desarrolla el equipo y prepara el escenario para la presentación del producto

Producto Integrador

1.-‐ Introducción por parte del docente • Organiza al grupo en parejas de


• Sitio en Internet que promocione u oferte algún bien o servicio, que resulta atractivo y de fácil navegación evitando links caídos, malas imágenes, redacción y acomodo de elementos que ayuden a definir el concepto del trabajo.







6. EVIDENCIAS DE APRENDIZAJE (Productos) • Muestra sobre 3 casos de usos diferentes del hipertexto

26

• Sitio web creado en Word con imágenes e hipertexto • Análisis sobre el código fuente generado de su sitio:

o ¿Es claro? o ¿Identifico el texto que inserte?, ¿En que línea aparece? o ¿Cómo aparecen las imágenes? o ¿Cómo aparecen los hipertextos?

• Análisis de un caso real en Internet e identificar en este las partes de su sitio y de su código fuente. • de notas que integre:


• Diseñar un sitio web mediante un programa dedicado, el cual incluya: o Texto en tablas o Hipertextos o Imágenes o Viñetas o Anclas o Titulares o Alineaciones o Líneas o Objetos

• Análisis sobre la diferencia entre crear un sitio web con un editor de textos y un programa dedicado a la creación de sitios web.

• Producto Integrador: Sitio en Internet que promocione u oferte algún bien o servicio, que resulta atractivo y de fácil navegación evitando links caídos, malas imágenes, redacción y acomodo de elementos que ayuden a definir el concepto del trabajo.





Sumativa Examen objetivo de opción múltiple el cual tendrá el valor ponderable de 40% de la calificación final. Ponderación: Cualitativa Lista de cotejo -‐ 20% (actividades de módulos) Escala estimativa -‐ 40% (Productos Integradores) Cuantitativo Examen objetivo -‐ 40% Total: 100%

27

Se tiene que tener en cuenta que la calificación mínima aprobatoria es 60 y máxima 100. El número de asistencias mínimas para evaluación en ordinario es del 80%. El número de asistencias mínimas para evaluación en extraordinario es del 65%.




28













29







De producto • Expresan de forma clara y precisa la

información necesaria para la promocion del bien o servicio seleccionado.Expresan sus ideas de forma innovadora y atractiva.

• El producto es congruente con el propósito.


• Exhiben dominio en el desarrollo de un sitio web.

Escala Estimativa para el Producto Integrador Indicadores Regular (R) Bien (B) Muy Bien

(MB) Excelente (E)






Expresan de forma clara y precisa la información necesaria para la promocion del bien o servicio seleccionado.


El producto es congruente con el propósito


Exhiben dominio en el desarrollo de un sitio web.


30

1. DATOS GENERALES






Grado 4°













31










32


3.SECUENCIA DIDÁCTICA Módulo No. 4 Formatos y tecnologías para el web Objetivo de aprendizaje Diseñar un medio digital con base a “ Formatos y tecnologias para la web” en el que se promocione acceso univesal, contenido de valor y disponiblidad en la consulta, sin fallas o enlaces rotos y con recursos optimos para la visuazliación de todo el grupo. Contenidos temáticos 1. Definición del Proyecto 2. Definición de la Experiencia del Usuario 3. Identificación del Contenido 4. Definición de la Estructura del Sitio 5. Elaboración del Diseño Grafico 6. Construcción del Prototipo Tipos de saberes Conocimientos (saber). Conceptual




• Distinguir • Esquematizar • Analizar • Interpretar • Reorganizar • Identificar • Diseñar • Plantear • Decidir





• Responsabilidad

33

• Exponer • Respeto • Tolerancia • Honestidad



Definición del Proyecto


recuperar saberes previos. • Analizar la información

proporcionada por el docente. • Organiza al grupo parejas de


• Elaborar una propuesta conceptual de un medio digital ya sea de información, televisión o radio.





Definición de la

Experiencia del Usuario



cuestionamientos de: -‐ ¿Qué es la interacción? -‐ ¿Qué es la usabilidad? -‐ ¿Qué es la accesibilidad?


• Organiza al grupo parejas de trabajo.


• Definir el sentido de interactividad y usabilidad a ofrecer en el sitio ideado en el tema 1 de este módulo, esto con el fin de otorgar una buena experiencia de navegación al usuario.





34

Identificación del

Contenido Web

1.-‐ Introducción por parte del docente • Responder en grupo a los

cuestionamientos de: -‐ ¿Qué contenidos son los más

atractivos e ideales para un medio digital?

-‐ ¿Qué factores implican en la producción de estos contenidos?




• Estructurar el tipo de secciones y contenidos que ofrecerán en el sitio contemplado desde el tema 1 de este módulo.





Definición de la Estructura del Sitio


recuperar saberes previos. • Retomar las actividades del

módulo 2 • Analizar la información


trabajo. 2.-‐ Qué se va a hacer y cuáles son sus criterios de exigencia Diseñar la estructura que tendrá el sitio planeado en el tema 1 de este módulo, mediante bosquejos digitales o físicos.





Elaboración del Diseño Grafico


recuperar saberes previos. • Responder en grupo:

o ¿Qué es un Story Board? o ¿Qué elementos debe

mostrar un Story Board? o ¿Qué programas sirven

para crear un Story Board?








35

• Elaborar un Story Board del sitio contemplado en el tema 1 de este módulo, en el que se muestre:

o Colores o Ubicación de elementos

como imágenes, texto y objetos

o Hipertextos o Estructura del sitio o Elementos de

accesibilidad y usabilidad.

• Pueden crear recursos gráficos propios.

Construcción del Prototipo

1.-‐ Introducción por parte del docente • Retomar el producto de tema

pasado de este móduo (Story Board)




• Crear el sitio de Internet lo más fiel al Story Board estructurado.

• Pueden utilizar un programa dedicado o un bloc de notas para utilizar el código necesario.




3. Retroalimentación

Producto Integrador

1.-‐ Introducción por parte del docente • Organiza al grupo en parejas de


• Medio digital alojado en Internet que ofrezca un sentido de interactividad, usabilidad, movilidad, accesiblidad y contenido atractivo para el usuario.






5. TAREAS QUE REALIZA EL ESTUDIANTE Y EVIDENCIAN EL LOGRO DE LAS COMPETENCIAS • Investigaciones • Responder cuestionarios • Plenarias • Tomar apuntes

36

• Utilizar apuntes • Organizadores gráficos • Aprendizaje en parejas • Aprendizaje en grupos • Aprendizaje individual

6. EVIDENCIAS DE APRENDIZAJE (Productos) • Propuesta conceptual de un medio digital ya sea de información, televisión o radio. • Definición del sentido de interactividad y usabilidad a ofrecer en el sitio ideado en el tema 1 de este módulo. • Estructuración del tipo de secciones y contenidos que ofrecerán en el sitio contemplado desde el tema 1 de este

módulo. • Story Board del sitio contemplado en el tema 1 de este módulo, en el que se muestre:

o Colores o Ubicación de elementos como imágenes, texto y objetos o Hipertextos o Estructura del sitio o Elementos de accesibilidad y usabilidad.

• Crear el sitio de Internet lo más fiel al Story Board estructurado. • Producto Integrador: Medio digital alojado en Internet que ofrezca un sentido de interactividad, usabilidad,

movilidad, accesiblidad y contenido atractivo para el usuario. 7. EVALUACIÓN Diagnóstica





37




38













39







De producto • Expresan de forma clara y precisa la

planeción del sitio web • Expresan sus ideas de forma

innovadora y atractiva. • El producto es congruente con el

propósito. • El trabajo logro la comprensión de

los estudiantes • Exhiben dominio la creación de un

sitio web planificado.


(MB) Excelente (E)






Expresan de forma clara y precisa la planeción del sitio web




Exhiben dominio la creación de un sitio web planificado.


40

1. DATOS GENERALES






Grado 4°













41










42


3.SECUENCIA DIDÁCTICA Módulo No. 5 El proceso de construcción de un sitio Web Objetivo de aprendizaje Exponer un tema de interes por el alumno de modo que conlleve un “Proceo de construccion de un sitio web”, aplicando elementos necesarios para estructurar un producto multimedia interactivo el cua será presentado frente a grupo. Contenidos temáticos 1. Formatos de Imagen 2. Formatos de elementos multimedia 3. Lenguajes de programación y Bases de Datos Tipos de saberes Conocimientos (saber). Conceptual










43



Formatos de imagen


recuperar saberes previos. • Analizar la información

proporcionada por el docente. • Organiza al grupo en equipos de

5 integrantes. 2.-‐ Qué se va a hacer y cuáles son sus criterios de exigencia

• Elaborar un mapa conceptual sobre los formatos de archivos (imagen, audio y video) ideales para Internet .





Formatos de elementos multimedia


recuperar saberes previos. • Responder en grupo:

o ¿Qué es la multimedia? o ¿En Internet dónde se

aplica multimedia? • Analizar la información

proporcionada por el docente. • Organiza al grupo en equipos de

5 integrantes. 2.-‐ Qué se va a hacer y cuáles son sus criterios de exigencia

• Diseñar un organizador grafico donde expongan los elementos de un caso real de un sitio multimedia, explicando:

o Partes lineales o Texto o Imágenes o Videos o Audio o Imágenes interactivas o Secciones o apartados





Lenguajes de programación y Bases de Datos

1.-‐ Introducción por parte del docente • Responder en grupo a los

cuestionamientos de: • Analizar la información


trabajo

El equipo se organiza al interior para cumplir con la tarea en los términos ya establecidos. El docente acompaña, tutorea y garantiza la



44


• Diseñar una ficha técnica sobre lenguajes de programación para sitios de Internet, especificando su utilidad y características.

• Análisis sobre la importancia de las bases de datos en el campo de los sitios en Internet.

participación de todos, supervisa el trabajo que desarrolla el equipo y prepara el escenario para la presentación del producto


Producto Integrador

1.-‐ Introducción por parte del docente • Organiza al grupo en grupos de

trabajo de 3 integrantes. 2.-‐ Qué se va a hacer y cuáles son sus criterios de exigencia

• Presentación multimedia interactiva o secuencial sobre un tema a elegir y la cual deberá incluir:

o Texto o Imágenes o Vídeos o Audio

• Deben cuidar que la presentación sea innovadora, creativa y atractiva.







6. EVIDENCIAS DE APRENDIZAJE (Productos) • Mapa conceptual sobre los formatos de archivos (imagen, audio y video) ideales para Internet • Organizador grafico donde expongan los elementos de un caso real de un sitio multimedia, explicando:

o Partes lineales o Texto o Imágenes o Videos o Audio o Imágenes interactivas o Secciones o apartados

45

• Ficha técnica sobre lenguajes de programación para sitios de Internet, especificando su utilidad y características. • Análisis sobre la importancia de las bases de datos en el campo de los sitios en Internet. • Producto Integrador: Presentación multimedia interactiva o secuencial sobre un tema a elegir.






8. BIBLIOGRAFÍA PARA EL ALUMNO AulaClic.com. (2005). Curso de Frontpage 2003. Retrieved 3 de junio, 2009, from http://www.aulaclic.es/frontpage2003/ AulaClic.com. (2007). Curso de dreamweaver CS3. Retrieved 3 de junio, 2009, from http://www.aulaclic.es/dreamweavercs3/ AulaFácil.com. (s.f.-‐a). Curso de DreamWeaver. Retrieved 12 de mayo, 2009, from http://www.aulafacil.com/AulaDream/Dream/temario.htm AulaFácil.com. (s.f.-‐b). Cursos de páginas web. Retrieved 12 de mayo, 2009, from http://www.aulafacil.com/cursosgratis/curso/paginasweb.html Campbell, M. (2006). Diseño y construcción de sitios con Dreamweaver 8. españa: Anaya Multimedia. González, F. P. (2006). navegar en Internet: Macromedia Dreamweaver 8. México: Alfaomega. Hester, N. (2009). Microsoft Expression Web 2 for Windows. Berkeley, CA: Peachpit. Viadas, V. (2008). Dreamweaver CS3: Curso Interactivo en CD ROM de Adobe. México: Viadas. W3C. (2009). World Wide Web Consortium. Retrieved 3 de junio, 2009, from http://www.w3.org/

46

9. BIBLIOGRAFÍA PARA EL MAESTRO



47













48







De producto • Expresan de forma clara y precisa un

producto multimedia • Expresan sus ideas de forma

innovadora y atractiva. • El producto es congruente con el

propósito. • El trabajo logro la comprensión de

los estudiantes • Exhiben dominio en los elementos

necesario para un ambiente interactivo


(MB) Excelente (E)






Expresan de forma clara y precisa un producto multimedia




Exhiben dominio en los elementos necesario para un ambiente interactivo


49

PARTICIPANTES EN LA ELABORACIÓN DE LA

PLANEACIÓN FIRMA

NERI ALEJANDRO GONZÁLEZ SOTO

LUIS MIGUEL ROSALES CALVARIO

RESPONSABLE DE LA ACADEMIA DE INFORMÁTICA FIRMA

ADRIANA ALEJANDRA MORENO BAEZA

JEFE DEL DPTO. DE SOCIOTECNOLOGÍA FIRMA

LUIS MIGUEL ROSALES CALVARIO

UNIVERSIDADDEGUADALAJARA … · UNIVERSIDADDEGUADALAJARA SISTEMADEEDUCACIÓNMEDIASUPERIOR *...

Documents

Transcript of UNIVERSIDADDEGUADALAJARA … · UNIVERSIDADDEGUADALAJARA SISTEMADEEDUCACIÓNMEDIASUPERIOR *...

UNIVERSIDADDE*GUADALAJARA* … · UNIVERSIDADDE*GUADALAJARA* SISTEMA*DEEDUCACIÓN*MEDIA*SUPERIOR* *...

Documents

Transcript of UNIVERSIDADDE*GUADALAJARA* … · UNIVERSIDADDE*GUADALAJARA* SISTEMA*DEEDUCACIÓN*MEDIA*SUPERIOR* *...

UNIVERSIDADDEGUADALAJARA … · UNIVERSIDADDEGUADALAJARA SISTEMADEEDUCACIÓNMEDIASUPERIOR *...

Transcript of UNIVERSIDADDEGUADALAJARA … · UNIVERSIDADDEGUADALAJARA SISTEMADEEDUCACIÓNMEDIASUPERIOR *...