PROGRAMA DE ESTUDIOS PROGRAMACIÓN EN INTERNET I

Transcripción

1 PROGRAMA DE ESTUDIOS PROGRAMACIÓN EN INTERNET I IDENTIFICACIÓN DEL CURSO Ubicación HCA HTI Total de horas Valor en créditos 5 semestre Tipo de curso Obligatorio Matemáticas V Física III Inglés III Asignaturas paralelas Filosofía Programación III Base de datos Actividades culturales y deportivas Servicio social universitario Etapa de formación Bloque de formación Profesional básica Tecnologías de información Elaboración M.C. Pedro Granero Mundo. M.C. Raúl González Bernal. Ing. Amilcar David González Bernal Ing. César Jiménez Ante. Ing. Manuel Rodolfo Morales Velasco. Fecha de elaboración: Mayo de 2010 Fecha de reestructuración: Noviembre de 2013 DESCRIPCIÓN GENERAL La asignatura de Programación en Internet I tiene por objetivo contribuir para que el alumno adquiera las competencias necesarias para la construcción, diseño y edición de sitios Web del lado del cliente mediante el uso del lenguaje HTML para crear la estructura de las páginas, de CSS para la presentación y de Javascript para añadir interactividad y dinamismo. El alumno mediante la guía y auxilio del profesor realizará diversas actividades para apropiarse de los conocimientos y habilidades que le llevarán al desarrollo de estas competencias. El programa está organizado en tres unidades de aprendizaje con la finalidad de favorecer el pensamiento lógico y analítico, garantizando el desarrollo gradual y sucesivo de los distintos conocimientos, habilidades, valores y actitudes en el estudiante.

2 Unidad I. Diseña, construye y edita la estructura de páginas Web haciendo uso del lenguaje HTML Unidad II. Diseña, construye y edita la presentación de páginas Web haciendo uso de Hojas de estilo en cascada (CSS) Unidad III. Añade funcionalidad y dinamismo a las páginas Web mediante el lenguaje Javascript. Mantiene una relación directa con las materias de Programación I, Lógica matemática y Redes de Computo. COMPETENCIAS A LAS QUE CONTRIBUYE LA ASIGNATURA Unidad Unidad de competencia a desarrollar Competencia genérica y atributos Diseña, construye y edita la 5. Desarrolla innovaciones y estructura de páginas Web propone soluciones a problemas a haciendo uso del lenguaje HTML partir de métodos establecidos. 5.1 Sigue instrucciones y procedimientos de manera reflexiva, comprendiendo como cada uno de sus pasos contribuye al alcance de un objetivo. 5.2 Ordena información de acuerdo a categorías, jerarquías y relaciones. 5.4 Construye hipótesis y diseña y aplica modelos para probar su 1 validez. 4. Escucha, interpreta y emite mensajes pertinentes en distintos contextos mediante la utilización de medios, códigos y herramientas apropiados. 4.1 Expresa ideas y conceptos mediante representaciones lingüísticas, matemáticas o gráficas. 4.5 Maneja las tecnologías de la información y la comunicación para obtener información y expresar ideas. Competencias profesionales básicas Aplica fundamentos de programación de escritorio y programación Web para producir soluciones de cómputo básicas. Desarrolla aplicaciones para cumplir los requerimientos del cliente o usuario y atender necesidades de la región. Requerimientos de información Red de computo, internet, protocolos de comunicación, Servidor, cliente, pagina web, navegadores de páginas web, arquitectura clienteservidor., HTML, editores de páginas Web (modo texto y modo visual), estructura de una página Web, etiqueta, elemento, estructuras de texto, listas, imágenes, enlaces, formularios, bloques, secciones, sonido, música, video, animación, plug-ins- XHTML, XML, HTML 5

3 2 Diseña, construye y edita la presentación de páginas Web haciendo uso de Hojas de estilo en cascada (CSS) 8. Participa y colabora de manera efectiva en equipos diversos. 8.1 Propone maneras de solucionar un problema o desarrollar un proyecto en equipo, definiendo un curso de acción con pasos específicos. 8.2 Aporta puntos de vista con apertura y considera los de otras personas de manera reflexiva. 5. Desarrolla innovaciones y propone soluciones a problemas a partir de métodos establecidos. 5.1 Sigue instrucciones y procedimientos de manera reflexiva, comprendiendo como cada uno de sus pasos contribuye al alcance de un objetivo. 5.2 Ordena información de acuerdo a categorías, jerarquías y relaciones. 5.4 Construye hipótesis y diseña y aplica modelos para probar su validez. 4. Escucha, interpreta y emite mensajes pertinentes en distintos contextos mediante la utilización de medios, códigos y herramientas apropiados. 4.1 Expresa ideas y conceptos mediante representaciones lingüísticas, matemáticas o gráficas. 4.5 Maneja las tecnologías de la Aplica fundamentos de programación de escritorio y programación Web para producir soluciones de cómputo básicas. Desarrolla aplicaciones para cumplir los requerimientos del cliente o usuario y atender necesidades de la región. CSS, sintaxis e implementación de CSS, propiedades de estilo, selectores, estilos de fondo, texto, fuente, enlaces, listas, forma de caja, borde, margen, tabulación, content, imágenes, alineación, posicionamiento, efectos, transiciones, animaciones, herencia de estilos, colisiones y clases de estilo

4 información y la comunicación para obtener información y expresar ideas. 3 Añade funcionalidad y dinamismo a las páginas Web mediante el lenguaje Javascript. 8. Participa y colabora de manera efectiva en equipos diversos. 8.1 Propone maneras de solucionar un problema o desarrollar un proyecto en equipo, definiendo un curso de acción con pasos específicos. 8.2 Aporta puntos de vista con apertura y considera los de otras personas de manera reflexiva. 5. Desarrolla innovaciones y propone soluciones a problemas a partir de métodos establecidos. 5.1 Sigue instrucciones y procedimientos de manera reflexiva, comprendiendo como cada uno de sus pasos contribuye al alcance de un objetivo. 5.2 Ordena información de acuerdo a categorías, jerarquías y relaciones. 5.4 Construye hipótesis y diseña y aplica modelos para probar su validez. 4. Escucha, interpreta y emite mensajes pertinentes en distintos contextos mediante la utilización de medios, códigos y herramientas apropiados. 4.1 Expresa ideas y conceptos Aplica fundamentos de programación de escritorio y programación Web para producir soluciones de cómputo básicas. Desarrolla aplicaciones para cumplir los requerimientos del cliente o usuario y atender necesidades de la región. Programa, lenguajes, scripts, Javascript, variables, datos, objetos, métodos, arrays, funciones, operadores, condicionales, selección múltiple, Bucles, modelo de objeto documento, modelo objeto navegador, formulario, eventos, controles, propiedad, librerías

5 mediante representaciones lingüísticas, matemáticas o gráficas. 4.5 Maneja las tecnologías de la información y la comunicación para obtener información y expresar ideas. 8. Participa y colabora de manera efectiva en equipos diversos. 8.1 Propone maneras de solucionar un problema o desarrollar un proyecto en equipo, definiendo un curso de acción con pasos específicos. 8.2 Aporta puntos de vista con apertura y considera los de otras personas de manera reflexiva. COMPETENCIA DE LA ASIGNATURA Diseña, construye y edita sitios Web del lado del cliente utilizando HTML, CSS y JavaScript. DESGLOSE DE UNIDADES Unidad de competencia a desarrollar Requerimientos de información Duración en horas 1. Diseña, construye y edita la estructura de páginas Web Red de computo, internet, protocolos de haciendo uso del lenguaje HTML comunicación, Servidor, cliente, pagina web, navegadores de páginas web, arquitectura cliente-servidor., HTML, editores de páginas Web (modo texto y modo visual), estructura de una página 16 horas Web, etiqueta, elemento, estructuras de texto, listas, imágenes, enlaces, formularios, bloques, secciones, sonido, música, video, animación, plug-ins- XHTML, XML, HTML 5

6 Recursos didácticos sugeridos Pintarrón, marcadores, borrador líquido para limpieza, PC (según el número de alumnos del grupo), PC para el docente equipo de sonido para el centro de cómputo (amplificador, bocinas, micrófono), proyector, editores de sitios Web, navegadores, impresora, libros de consulta, internet. Dominios de la unidad de competencia Conocimientos Habilidades Actitudes y valores Describe red de cómputo, internet, protocolos de comunicación, Servidor, cliente y pagina Web. Instala y configura un servidor de páginas web Asume una actitud crítica ante el manejo de la computadora. Reconoce los navegadores de páginas web y sus Usa los navegadores de páginas web Promueve el aprendizaje características. Usa los editores de páginas Web en modo colaborativo, solicita y brinda apoyo Reconoce las diferencias de interpretación entre texto y modo visual a sus compañeros para la los navegadores. Realiza páginas web en HTML realización de páginas HTML. Identifica la arquitectura cliente-servidor. Realiza páginas web en editores visuales Muestra respeto y tolerancia Identifica lenguajes y tecnologías de Diseña y crea el encabezado de una página Tiene iniciativa, creatividad y programación en entorno cliente web compromiso en la realización de las Describe, identifica y reconoce el lenguaje HTML Utiliza etiquetas HTML para crear listas actividades Reconoce las diferentes versiones de HTML y sus Utiliza etiquetas HTML para insertar Valora la importancia del trabajo características imágenes responsable Reconoce los editores de páginas Web (modo Utiliza etiquetas HTML para crear Tiene iniciativa para aprender de texto y modo visual) hiperenlaces forma autónoma Reconoce la estructura de una página Web Crea páginas Web en bloques haciendo uso Reconoce el cuerpo y el encabezado de una de HTML página web Utiliza etiquetas HTML y controles para Define el concepto de etiqueta en HTML crear formularios Define el concepto de elemento en HTML Utiliza etiquetas HTML para insertar Define el concepto de atributo en HTML sonido, música, video y/o animación Reconoce lo que es la estructura de texto Añade funcionalidad a las páginas Web Define el concepto de encabezado mediante el uso de plug-ins Define el concepto de parágrafo Crea páginas web haciendo uso de XHTML Reconoce lo que son las listas Reconoce lo que son las imágenes Reconoce los hiperenlaces Reconoce los contenedores

7 Diagnóstica Formativa Sumativa Reconoce los bloques o secciones Reconoce los formularios y sus controles. Reconoce los elementos de sonido, música, video y animación Define y reconoce los plug-ins Reconoce lo que es XHTML EVIDENCIAS DE APRENDIZAJE Momento de evaluación Proceso de evaluación Tipos de evaluación Autoevaluación Coevaluación Heteroevaluación Instrumento de evaluación a utilizar Instala y configura un servidor de páginas web. X X X Lista de cotejo Crea la estructura de una página web la cual incluya: encabezado, cuerpo, texto, enlaces, imágenes, tablas, listas y colores X X X Lista de cotejo Crea la estructura de páginas web dividida en secciones. X X X Lista de cotejo Crea páginas web que impliquen el uso de formularios. X Lista de cotejo Crea páginas web en XHTML. X X Lista de cotejo Crea páginas Web con elementos de HTML 5 y versiones nuevas en su caso X X X Lista de cotejo Examen X X Examen

8 Unidad de competencia a desarrollar Requerimientos de información Duración en horas 2. Diseña, construye y edita la presentación de páginas Web haciendo uso de Hojas de estilo en cascada (CSS) CSS, sintaxis e implementación de CSS, propiedades de estilo, selectores, estilos de fondo, texto, fuente, enlaces, listas, forma de caja, borde, margen, tabulación, content, imágenes, alineación, posicionamiento, efectos, transiciones, animaciones, herencia de estilos, colisiones y clases de estilo 24 horas Recursos didácticos sugeridos Pintarrón, marcadores, borrador líquido para limpieza, PC (según el número de alumnos del grupo), PC para el docente equipo de sonido para el centro de cómputo (amplificador, bocinas, micrófono), proyector, editores de texto, editores de CSS, navegadores, impresora, libros de consulta, internet. Dominios de la unidad de competencia Conocimientos Habilidades Actitudes y valores Reconoce lo que son las hojas de estilo en cascada Aplica las hojas de estilo en cascada para Asume una actitud crítica ante el (CSS) dar formato a páginas web en HTML de manejo de la computadora. Reconoce el soporte de CSS por los diversos acuerdo a los diferentes navegadores Promueve el aprendizaje navegadores Aplica estilos a selectores en una página colaborativo, solicita y brinda apoyo Define lo que es hoja de estilo HTML a sus compañeros para la Identifica la sintaxis y reglas de los estilos Aplica estilos de color y define medidas de realización de las hojas de estilo. Define estilos en una página HTML elementos en páginas HTML, Muestra respeto y tolerancia Reconoce los comentarios en CSS Aplica estilos en cascada a paginas HTML Tiene iniciativa, creatividad y Reconoce los selectores mediante el modelo de cajas compromiso en la realización de las Reconoce las unidades de medida de elementos Aplica estilos a textos, enlaces, imágenes, actividades HTML listas, tablas, formularios y layouts. Valora la importancia del trabajo Reconoce como hacer referencias a objetos responsable Reconoce lo que es componente Tiene iniciativa para aprender de Reconoce las propiedades de estilo de los forma autónoma. componentes Reconoce estilos de color, fondo,texto, enlaces, listas, imágenes, tablas, layouts y formularios

9 Diagnóstica Formativa Sumativa Reconoce el modelo de cajas Reconoce el posicionamiento de las cajas Reconoce los elementos y sus tipos Reconoce el posicionamiento y sus tipos Reconoce la herencia de estilos Reconoce la agrupación y anidación de reglas de estilo Reconoce las colisiones de estilos Reconoce las clases y pseudo-clases de estilo EVIDENCIAS DE APRENDIZAJE Momento de evaluación Proceso de evaluación Tipos de evaluación Autoevaluación Coevaluación Heteroevaluación Instrumento de evaluación a utilizar Define estilos en CSS X X Lista de cotejo Crea hojas de estilo en cascada X X X Lista de cotejo Da formato a paginas HTML aplicando el modelo de hojas de estilo en cascada X X X X Lista de cotejo Examen X X Examen Unidad de competencia a desarrollar Requerimientos de información Duración en horas 3. Añade funcionalidad y dinamismo a las páginas Web mediante el Programa, lenguajes, scripts, Javascript, lenguaje Javascript. variables, datos, objetos, métodos, arrays, funciones, operadores, condicionales, selección múltiple, 24 horas Bucles, modelo de objeto documento, modelo objeto navegador, formulario, eventos, controles, propiedad, librerías

10 Recursos didácticos sugeridos Pintarrón, marcadores, borrador líquido para limpieza, PC (según el número de alumnos del grupo), PC para el docente equipo de sonido para el centro de cómputo (amplificador, bocinas, micrófono), proyector, editores de páginas web, editores de texto, navegadores de páginas web, impresora, libros de consulta, internet. Dominios de la unidad de competencia Conocimientos Habilidades Actitudes y valores Identifica y reconoce los lenguajes de scripts Realiza scripts que permitan entrada y Asume una actitud crítica ante el Reconoce los scripts salida de datos en Javascript manejo de la computadora. Reconoce el lenguaje Javascript Emplea constantes, variables y operadores Promueve el aprendizaje Conoce la estructura de un script en Javascript aritméticos en programas Javascript colaborativo, solicita y brinda apoyo Identifica lo que son: palabras reservadas, Utiliza operadores relacionales y a sus compañeros para la constantes, variables y tipos de datos. estructuras de control selectivas en realización de los algoritmos en sus Identifica las instrucciones de entrada y salida programas Javascript diferentes formas Reconoce los operadores aritméticos, binarios, y Utiliza estructuras de control repetitivas en Muestra respeto y tolerancia relacionales programas Javascript Tiene iniciativa, creatividad y Reconoce las funciones Utiliza los arrays para la realización de compromiso en la realización de las Reconoce las estructuras de control selectivas scripts actividades Reconoce las estructuras de control repetitivas Crea funciones en Javascript para su Valora la importancia del trabajo Reconoce los objetos, las propiedades y los utilización en programas responsable métodos Emplea las objetos predefinidos de Tiene iniciativa para aprender de Reconoce los eventos de los objetos Javascript en la realización de programas forma autónoma Reconoce los objetos predefinidos de Javascript Utiliza el modelo de eventos para la Identifica los arrays realización de programas Javascript Reconoce el modelo de objetos del navegador Emplea Javascript para acceder y Reconoce los nodos del modelo de objeto manipular a los objetos de la ventana de documento navegación mediante el modelo de objetos Identifica los formularios del navegador. Objeto Windows y sus Reconoce el modelo objeto navegador. derivados. Utiliza propiedades, métodos y funciones en Javascript que permiten la validación de formularios. Utiliza propiedades, métodos y funciones

11 Diagnóstica Formativa Sumativa EVIDENCIAS DE APRENDIZAJE Momento de evaluación en Javascriptque permiten la validación de formularios. Proceso de evaluación Tipos de evaluación Autoevaluación Coevaluación Heteroevaluación Instrumento de evaluación a utilizar Resuelve problemas mediante el desarrollo de scripts que impliquen una estructura secuencial Resuelve problemas mediante el desarrollo de scripts que impliquen estructuras condicionales, repetitivas y de datos. Resuelve problemas mediante el desarrollo de scripts que utilicen los objetos predefinidos string, math y date Resuelve problemas mediante el desarrollo de scripts que impliquen el uso de los objetos de la ventana del navegador Resuelve problemas mediante el desarrollo de scripts que impliquen el uso del objeto document y la validación de formularios Realiza scripts para manipular los elementos de un documento mediante el modelo de objeto documento (DOM) Actividad integradora: realiza una sitio Web haciendo uso de CSS y JavaScript X X X X Lista de cotejo X X X Lista de cotejo X Lista de cotejo x x x Lista de cotejo x x Lista de cotejo x x x Lista de cotejo x x Lista de cotejo

12 Estrategias de enseñanza-aprendizaje Profesor Entre compañeros Autodirigidas Breve exposición del desarrollo de las actividades y los elementos que contendrá cada proyecto o práctica. Practicas guiadas en Centro de Cómputo. Atención personalizada y asesoría individual a los alumnos sobre las dudas en las instrucciones, actividades o manejo del software. Presentación con diapositivas Instrucción programada. Demostración con ejemplos. Evaluación continua y retroalimentación de actividades y prácticas realizadas. FUENTES DE INFORMACIÓN Bibliografía básica: Trabajo en equipos para compartir y comparar información de los proyectos desarrollados. Elaboración de prácticas establecidas en el manual respectivo. Elaboración de actividades independientes Envío y recepción de archivos haciendo uso del correo electrónico. Participar en foros virtuales para compartir información. Uso de la mensajería instantánea participando en binas, equipo o grupo para compartir información Oros, Juan Carlos. (2011) Diseño De Páginas Web Con XHTML, JavaScript Y CSS. Alfaomega. López, José. (2011) Domine HTML 5 Y CSS 2. Alfaomega. Bibliografía complementaria: Valentine. Serie práctica XHTML. Pearson. Herrera, Emmanuel. (20100). Arrancar Con HTML5 - Curso de Programación. Alfaomega. Negrino. Guía de aprendizaje JavaScript & Ajax para diseño Web. Pearson. Realización y entrega de prácticas de manera impresa y de forma electrónica. Descargar la información necesaria archivos de la red de internet. Auto aprendizaje a través de tutoriales proporcionados o sugeridos por el profesor. Resumen de conceptos básicos. Búsqueda electrónica de información. Consulta en libros y manuales de los diversos programas de software empelado durante el curso. Descargar archivos de internet. Compartir experiencias personales sobre el uso del software empleado durante el curso.