SECUENCIAS DIDACTICAS UNIDAD DE APRENDIZAJE: TAE PROGRAMACION WEB I

FEBRERO 2014 CICLO DE VIGENCIA: 2014 A

UNIVERSIDAD DE GUADALAJARA SISTEMA DE EDUCACIN MEDIA SUPERIOR Programacin Web I

1.- DATOS GENERALES Escuela: Prep. Reg. Lagos de Moreno, Mdulo Villa Hidalgo. Departamento: Sociotecnologa Unidad de Aprendizaje: Programacin Web I Competencia Genrica BGC: Comunicacin Nombre del Profesor: M.E. Rosa Mara Posadas Ramrez Academia: Informtica Ciclo:5. Ciclo escolar:2014 A

Competencia (s) especfica (s): Utiliza el lenguaje HTML y aplicaciones informticas para crear, desarrollar, administrar sitios web. Maneja la informacin de manera creativa a travs de las Tecnologas de la Comunicacin e informacin Objetivo de aprendizaje: Al finalizar el curso el alumno tendr la capacidad de disear y administrar un sitio web mediante el lenguaje HTML y un entorno grfico, lo cual le permitir desarrollar proyectos innovadores aplicados a la Internet.

Competencias del Perfil de Egreso MCC: Se expresa y se comunica (competencia 4), Piensa crtica y reflexivamente (competencia 5 y 6), Aprende de forma autnoma (competencia 7), Trabaja en forma colaborativa (competencia 8) Competencias Disciplinares MCC: 8. Valora el pensamiento lgico en el proceso comunicativo en su vida cotidiana y acadmica. 12. Utiliza las tecnologas de la informacin y comunicacin para investigar, resolver problemas, producir materiales y transmitir informacin.

Mdulos 1. Mdulo I Lenguaje HTML

2.

Sesiones 1-10 (26 hrs) 11-18 (22) Total: 18 sesiones = 48 hrs

Horas. Martes 1 hr Mircoles 2 hrs

Mdulo II. Entornos grficos para diseo de pginas web

Fecha de elaboracin de la secuencia: 8 de enero de 2014

Objeto(s) de aprendizaje (contenidos temticos) Fundamentos del lenguaje HTML Manejo del entorno grfico para disear pginas web
2.-TIPOS DE SABERES Conocimientos (Saberes tericos y procedimentales) Lenguaje HTML Interfaces de desarrollo grfico Accesibilidad y Usabilidad Administracin del sitio Organizar un sitio web Aplicar en forma eficiente los recursos informticos.

Habilidades (Saberes prcticos)

Actitudes (Disposicin)

Valores (saberes formativos)

Manipular las aplicaciones informticas que en su momento requiera. Disear sitios web de manera creativa e innovadora. Planificar los momentos generales en el diseo de un sitio. Expresar, comunica e intercambia sus ideas de manera coherente y gil. Liderazgo Asertividad Disponibilidad Iniciativa Compromiso consigo mismo, con el grupo y con la empresa a la que prestara sus servicios. Capacidad de juicio, que fundamente una postura personal e integre diversos puntos de vista de manera documentada. Responsabilidad Respeto por su trabajo y el de los dems tica profesional Creatividad

3.

ENCUADRE En la primera sesin el docente dar a conocer a los alumnos por medio de una exposicin magisterial los datos generales de su unidad de aprendizaje as como las competencias genricas y disciplinares que deber desarrollar el estudiante, as como los mdulos que integran a la TAE Programacin II y los productos a desarrollar, as como los criterios de evaluacin y acreditacin durante el curso-taller. La presente unidad de aprendizaje es un curso taller en el que se desarrollarn actividades de aprendizaje que desarrollen las habilidades en la gestin de la informacin con aplicacin directa a su actividad escolar y/o laboral por lo que se sugiere la implementacin de plataformas virtuales como Moodle, Web CT etc. para fomentar estrategias de interaccin entre los alumnos y el docente fomentando la criticidad en los procesos de auto y co-evaluacin. Se utilizar la metodologa del AOP (Aprendizaje orientado a proyectos) donde el alumno desarrollara el aprendizaje orientado a productos-proyecto por modulo, diseando, administrando utilizando editores de texto y graficos orientados a la programacin web, plasmando innovacin y creatividad. Esto le Permitira el desarrollo de diferentes habilidades, conocimientos y valores que le permitan utilizar las herramientas tecnolgicas de la Comunicacin e informacin como un medio para expresar, ordenar sus ideas, para resolver problemas que se le puedan presentar tanto en lo escolar como personal y laboral. El profesor se desempeara como un facilitador, mediador y coevaluador del proceso enseanza aprendizaje. Se sugiere utilizar un editor de texto para el mdulo I y el adobe suite (Macromedia) para el mdulo II, sin embargo si al momento de la implementacin de esta TAE o por las condiciones del laboratorio de cmputo se puede utilizar el que resulte ms conveniente. Las actividades podrn ser individuales y colaborativas , de tal manera que mediante esta TAE los estudiantes desarrollen las competencias previstas. Las actividades se presentarn en tres modalidades: diagnstico, de desarrollo (procesos) y de cierre por cada Mdulo. Las actividades debern contemplar las actitudes y valores desarrollados por los estudiantes as como las destrezas que ellos adquieran a lo largo de la TAE. Se recomienda iniciar cada mdulo con una breve introduccin al tema para crear un ambiente de inters sobre los contenidos que se abordarn y los aprendizajes esperados en el mdulo as como proporcionar herramientas y recursos.

SECUENCIA DIDCTICA MDULO 1 Mdulo No. 1 Elemento de competencia (Propsito u objetivo) Al finalizar este mdulo el alumno ser capaz de manejar la informacin digital y disear sitios Web, mediante el uso del lenguaje HTML Contenidos temticos 1. Introduccin. Conceptos bsicos para un sitio web con HTML. 2. Mi primera pgina 3. Documentos estructurados 4. Utilizando multimedia 5. Hiperenlaces 6. Manejo de tablas 7. Marcas no visibles Lenguaje HTML

Tipos de saberes
ACTIVIDADES DE APRENDIZAJE APERTURA N Actividad Tipo de evaluacin Evidencia / Instrumento Ponderacin

Los estudiantes realizan un reporte de los puntos clave de la exposicin que el profesor realiza acerca de las competencias que Autoevaluacin el estudiante debe desarrollar a travs del curso donde se enfatiza lo que se espera de cada uno de ellos, as como de los productos a elaborar. Se presenta la Gua de programacin Web I y se inscriben los estudiantes al Aula Virtual donde residen los recursos y actividades de planeacin. Los estudiantes contestan la evaluacin diagnstica aplicada por Diagnstica el profesor. Los estudiantes participan en la instalacin y exploracin del software a utilizar.

P: Notas del alumno /Lista de verificacin

5%

P: Formato de evaluacin/Lista 5% de verificacin

DESARROLLO N Actividad Tipo de evaluacin Autoevaluacin Evidencia / Instrumento Ponderacin

Los estudiantes observan los procedimientos, aspectos tcnicos, normativos y tecnolgicos en la demostracin realizada por el docente, sobre el entorno de desarrollo para crear pginas web y toman nota.

Notas del alumno / Lista de 5% verificacin

Los estudiantes participan en una prctica guiada para crear un primer Heteroevaluacin programa en HTML. Los estudiantes registran su participacin en la Lista de verificacin 1.

Primer programa en HTML 5% / Lista de verficacin

Los estudiantes leen las actividades de la gua (pg. 7) y completan la tabla de las Tags de HTML , ampliando sus conocimientos en otras fuentes de Autoevaluacin informacin, para posteriormente elaborar un documento con el concentrado de la informacin recabada. Al finalizar suben su documento a un foro en el Aula Virtual para socializar e intercambiar puntos de vista. Los estudiantes realizan la Actividad 4 de la gua (pg. 8) sobre el manejo de colores en HTML. En plenaria comparten sus resultados y registran su participacin en una la Lista de verificacin 1.

Tabla con las Tags de acuerdo a la investigacin ralizada. Prctica con manejo de colores / Lista de verificacin

5%

Los estudiantes realizan la actividad integradora (Pg. 11 de la gua) para Heteroevaluacin entregarla en el Aula Virtual. Al finalizar, registran su participacin en la Autoevaluacin Lista de verificacin 1.

Pgina web/ Lista de verificacin

10%

Continuacin de la actividad integradora

Revisin de la actividad integradora 9

10

Los estudiantes realizan la lectura de documentos estructurados (pg. 11 Heteroevaluacin de la gua y realizan la actividad preliminar, contestando las preguntas en el cuaderno.

Notas en el cuaderno

5%

11

Los alumnos realizan la actividad de la pg. 12-13 de la gua, llenando la Heteroevaluacin matriz de la actividad1, en el cuaderno. Los estudiantes realizan la lectura de la actividad 2 (pg. 13-15) practicando el cdigo que se muestra. Al finalizar, comparten en plenaria sus resultados y registran su participacin en la lista de verificacin correspondiente.

Matrices y cdigo de la 5% prctica en HTML/Lista de verificacin

12

Los estudiantes realizan la lectura sobre Multimedia (pg. 18-20) y Heteroevaluacin desarrollan la actividad preliminar llenando las tablas con la informacin que se pide. Al finalizar, registran su participacin en la lista de verificacin correspondiente.

Lista de verificacin

5%

13

Los estudiantes realizan la actividad 1 (pg. 22-25 de la gua) para implementar un video en una pgina web. Al final registran su participacin en la lista de verificacin.

Heteroevaluacin

Pgina con video funcionando/Lista de verificacin

5%

14

Los estudiantes realizan la actividad 3 (pag, 25-28 de la gua) para Heteroevaluacin implementar audio a una pgina web. Al final registran su participacin en la lista de verificacin.

Pgina web con audio/Lista 5% de verificacin

15

Los estudiantes realizan las actividades 4 y 5 (pag, 28-29 de la gua) para implementar el uso de imgenes en una pgina web. Al final registran su participacin en la lista de verificacin.

Heteroevaluacin

Pgina web con audio/Lista 5% de verificacin.

16

Los estudiantes investigan el uso de hiperenlaces y lo aplican en una pgina web.

Heteroevaluacin

Pgina web con hiperenlaces.

5%

17

Los estudiantes buscan en internet sobre cmo poner enlaces a una cuenta de correo, y lo aplican en alguna pgina web.

Coevaluacin

Pgina web con enlace a correo electrnico.

5%

18

Los estudiantes, realizan la lectura sobre manejo de tablas en HTML (Pg, Heteroevaluacin 42-52 de la gua, o en internet), y crean una pgina a su gusto, donde las apliquen, incluyendo adems el manejo de comentarios.

Pgina web con manejo de 5% tablas

19

Los estudiantes realizan una actividad integradora, donde apliquen los conocimientos abarcados hasta este punto, mediante la elaboracin de varias pginas enlazadas entre s mediante hiperenlaces. Debe incluir:

Heteroevaluacin

Proyecto integrador/Lista de verificacin

20%

Ttulo de la pagina Imgenes. Imgenes de fondo. Efectos del texto. Texto preformateado. Una tabla. Hipervnculos. Videos. Msica. Comentarios. Hiperenlaces.

Al finalizar registra su participacin en la lista de verificacin.

CIERRE N 20 Actividad Tipo de evaluacin Evidencia / Instrumento Ponderacin

Los estudiantes autoevalan su desempeo en el mdulo, Autoevaluacin reflexionando sobre su aprendizaje y registrando sus avances en la Lista de verificacin 1.

Autoevaluacin de desempeo / Lista de verificacin

SECUENCIA DIDCTICA MDULO 2 Mdulo No. 2 Mdulo II. Entornos grficos para diseo de pginas web

Elemento de competencia (Propsito u objetivo) Al finalizar este mdulo el alumno debe ser capaz de planear un sitio web, utilizando tcnicas de usabilidad, reconociendo las condiciones mnimas necesarias de accesibilidad de un sitio web, as como de usar las herramientas que ofrece un entorno grfico para diseo web, definiendo un sitio web para crear una pgina esttica.

Contenidos temticos 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. Introduccin Documentos Aadiendo los enlaces Tablas y frames Formularios Frames CSS Animando pginas con DHTML Multimedia Productividad Administracin de sitios

Tipos de saberes
ACTIVIDADES DE APRENDIZAJE APERTURA N Actividad Tipo de evaluacin Evidencia / Instrumento Ponderacin

Los estudiantes leen la presentacin del mdulo, pg. 57-58 de la gua y contestan la Actividad preliminar en su cuaderno de notas. Autoevaluacin
21

Notas del alumno /Lista de verificacin

5%

22

Los estudiantes leen el tema correspondiente a la Accesabilidad y Autoevaluacin. Usabilidad de acuerdo a las pginas de la gua (58-62), compartiendo en plenaria lo que comprendieron de la lectura. Al finalizar, registran su participacin en la Lista de verificacin 2.

Reflexin sobre Accesabilidad y 5% Usabilidad/Lista de verificacin

DESARROLLO N Actividad Tipo de evaluacin Coevaluacin. Evidencia / Instrumento Ponderacin 15%

23

Los estudiantes realizan una actividad guiada sobre el manejo de Dreamweaver o el software que se considere conveniente para crear pginas web en entorno grfico.

Pg. web / Lista de verificacin 2

24

Los estudiantes realizan de forma autnoma la prctica sugerida por el Autoevaluacin profesor para crear una pgina web (como ejemplo: en Dreamweaver, pp. 63 -67 de la gua). Al finalizar registran su participacin en la Lista de verificacin 2.

25

Los estudiantes investigan qu son los marcadores de posicin de una imagen, y cmo se usan en el software de desarrollo que estn utilizando. Investigarn tambin, qu es CSS y cmo se utiliza en la elaboracin de pginas web.

Coevaluacin

Pgina web /Lista de verificacin

5%

26

Los estudiantes de forma autnoma realizan en binas un proyecto Heteroevaluacin integrador que contenga: Imgenes, texto, por lo menos tres marcos, una tabla, hipervnculos y tres marcadores de posicin.

Pgina web/ Rbrica

10%

27

Los estudiantes realizan una prctica guiada sobre el manejo de Autoevaluacin formularios en HTML, desde editor de textos, hasta uso de herramientas grficas. Al finalizar registran su participacin en la lista de verificacin 2.

Prctica guiada /Lista de verificacin

5%

28

Los estudiantes toman investiga el sobre la implementacin de botoness y Autoevaluacin rollovers en una pgina y su implementacin.

Pgina con botones y rollovers

10%

29

Los estudiantes toman nota de la demostracin realizada por el profesor Autoevaluacin sobre las caractersticas del actual HTML5, y la implementacin de algunos elementos que ya se vieron en HTML y CSS. Al finalizar registran su participacin en la lista de verificacin 2.

Notas del alumno /Lista de 5% verificacin 2

30

Los estudiantes participan en una prctica guiada sobre el uso de HTML5 e Heteroevaluacin. investigan para qu se usa JavaScript y Canvas. Al finalizar comparten sus resultados en plenaria.

Prctica y notas del alumno 5%

31

Los estudiantes realizan en binas una investigacin de sitios web donde se Autoevaluacin puedan hospedar pginas web de forma gratuita y con menos publicidad, tomando nota de los requisitos para llevarlo acabo.

Notas de la investigacin

5%

32

Los estudiantes participan en una prctica guiada sobre cmo cargar los archivos de su pgina web a un host remoto, visualizando los resultados obtenidos en un navegador. Al finalizar, registran su participacin en la lista de verificacin 2.

Coevaluacin

Pgina web en un host

10%

33

Los estudiantes realizan en equipos un proyecto integrador, donde se Heteroevaluacin aplique la creatividad, los conocimientos, habilidades, actitudes y valores adquiridos en el curso, mediante una pgina web esttica hospedada en un servidor remoto, para visualizarse en diferentes navegadores. Ser evaluada mediante rbrica.

Proyecto integrador en host remoto

20%

CIERRE N 34 Actividad Tipo de evaluacin Evidencia / Instrumento Ponderacin

Los estudiantes autoevalan su desempeo en el mdulo, reflexionando sobre su aprendizaje.

Autoevaluacin

Autoevaluacin de desempeo

5.-RECURSOS Y MATERIALES (DIDCTICOS)

Aula de computo Pintarrn, marcadores, plumas, lpices y borradores Can proyector Gua de programacin Web I Servicio de Internet Ordenadores con acceso a internet y tener instalado el software con el que se va a trabajar Libros o manuales de consulta Aula virtual del mdulo Villa Hidalgo: http://mvillaudg.mdl2.com Libreta de apuntes Dispositivos para respaldar informacin Software y entornos de desarrollo : Notepad++, Dreamweaver, Adobe suite Macromedia.

6.-TAREAS QUE REALIZA EL ESTUDIANTE

Investigaciones, diseo, tareas, prcticas, actividades preliminares e integradoras.

7.-EVIDENCIAS DE APRENDIZAJE
Prcticas (Actividades y proyectos) en cada Mdulo: Mdulo I Creacin de pginas web con editor de texto Mdulo II Creacin e implementacin de pginas web mediante software de entorno grfico, hospedadas en host remoto.

8.-EVALUACIN
Diagnstica Lluvia de ideas, prueba objetiva, cuestionarios y demostraciones prcticas. Formativa Proyectos y demostraciones prcticas de las pginas web elaboradas durante el curso. Actividades.- Exprese sus ideas y creatividad a travs de la elaboracin de actividades, prcticas y pginas web que contengan los elementos mnimos indispensables para crear, desarrollar y administrar sitios web. Proyecto integradores y final.- Expresa sus ideas y creatividad a travs de la creacin y desarrollo de sitios web donde aplique todo el proceso que implica la implementacin y administracin de los mismos. Sumativa Ponderacin por cada producto de aprendizaje: Investigaciones, diseo y prcticas :60% Proyectos integradores 20% Valores 20%

9. Bibliografa para el alumno Bsica: Gua de programacin II v. 1.0 Complementaria:

http://www.w3c.es/Traducciones/es/WAI/intro/accessibility http://www.aulaclic.es/frontpage2003/index.htm http://www.aulaclic.es/html/index.htm http://www.desarrolloweb.com/manuales/publicar-webs-internet.html

10. Bibliografa para el maestro Herrera, Emmanueal (2012) Arrancar con HTML5, Curso de programacin. (1. Ed.) Mxico: Alfaomega grupo editor. Deitel, D. H. & Deitel P. (2003) C++ Como programar, Introduccin a la Programacin Web con CGI y Diseo orientado a objetos con UML. (4 ed.) Mxico: Pearson Prentice Hall Hanke, J.-C. (n.d.). PC Cuadernos. PHP 5 sitios web dinmicos. Ecuelles: KnowWare E.U.R.L. Sauter, D. (2013). Rapid Android Development. Illinois: The Pragmatic Bookshelf.

Sitios web para descarga de software y tutoriales:

http://www.htmlya.com.ar/
http://processing.org http://developer.android.com/sdk http://www.videotutoriales.es/curso-on-line/dreamweaver-intro/ http://new.aulafacil.com/curso-gratis-de-macromedia-dreamweaver,30 https://www.youtube.com/watch?v=0Ib_ulkw7Do

M.E. Rosa Mara Posadas Ramrez Nombre y firma del profesor Vo. Bo. __________________________________ Responsable de academia ________________________________ Jefe de departamento

_____________________________________ Nombre y firma de miembros de la academia

_________________________________ Nombre y firma de miembros de la academia

_____________________________________ Nombre y firma de miembros de la academia ANEXOS

_________________________________ Nombre y firma de miembros de la academia

Criterios de evaluacin para las rbricas de evaluacin de los proyectos integradores (1 y 2):