Salida Ocupacional: Programador de Páginas Web Módulo: Programación de Páginas Web Cuarto Semestre

Transcripción

1 COLEGIO DE BACHILLERES SECRETARÍA GENERAL DIRECCIÓN DE PLANEACIÓN ACADÉMICA Salida Ocupacional: Programador de Páginas Web Módulo: Programación de Páginas Web Cuarto Semestre Febrero, 2013 HORAS: 5 CRÉDITOS: 10

2 ÍNDICE Contenido Página Presentación 3 I. Prescripciones 4 Ubicación del Módulo 4 II. Referentes conceptuales 6 Intención y competencias a desarrollar 6 Enfoque 7 Interrelación entre competencias profesionales y genéricas 12 III. Elementos didácticos 17 Bloque I. Diseñar la página Web Dinámica 17 Bloque II. Desarrollar el Sitio Web mediante el uso de un lenguaje de programación interpretado con 20 conexión a base de datos Glosario 24 Créditos 26 Directorio 27 2

3 PRESENTACIÓN El programa de estudios en el Colegio es entendido como la unidad funcional del Plan de Estudios donde se concreta y comunica la intencionalidad educativa institucional. ( ) Para el docente es un instrumento fundamental que orienta la planeación, operación y evaluación de las experiencias formativas de los estudiantes 1 ; con la incorporación de la Reforma Integral de la Educación Media Superior plasmada en el Marco Curricular Común, orienta las acciones para una práctica educativa correspondiente con el enfoque por competencias 2. El presente documento está integrado por tres apartados desarrollados en el contexto del Modelo Académico del Colegio de Bachilleres, el Marco Curricular Común y los fundamentos del Modelo para Elaboración de Programas, que resultan esenciales para que cumpla su función de enlace entre la planeación y la operación académica. Dichos apartados son los siguientes: I. Prescripciones, en el que se presentan los módulos que integran la salida ocupacional y su ubicación dentro del Área de Formación Laboral del Plan de Estudios. II. III. Referentes conceptuales, en el que se enuncia la competencia a desarrollar, la intención del módulo de aprendizaje, los enfoques, tanto del grupo ocupacional como el didáctico, que orientan los procesos de enseñanza y aprendizaje; asimismo, se señala la interrelación entre las competencias profesionales y las genéricas, explicitando la manera como el Área de Formación Laboral contribuye al desarrollo del perfil del bachiller. Elementos didácticos, en el cual se concreta la propuesta didáctica, organizada en bloques temáticos en los que se articula el núcleo temático, la problemática situada, las estrategias de enseñanza, aprendizaje y evaluación, los niveles del desempeño esperado, los medios de recopilación de evidencias, los materiales de apoyo y las fuentes de información. 1 Modelo para la Elaboración de Programas de Estudios del Plan de la Reforma Integral, Colegio de Bachilleres, 2009, p Esquemas integrados de saberes o atributos (informaciones, habilidades, formas de pensamiento, estrategias cognitivas y metacognitivas, valores y actitudes) para el logro de desempeños relevantes, la realización exitosa de tareas o la resolución de problemas específicos en situaciones comunes de la vida diaria de manera racional, informada y estratégica. (Modelo Académico, Colegio de Bachilleres, 2009, p. 31). 3

4 I. PRESCRIPCIONES UBICACIÓN DEL MÓDULO El Plan de estudios del Colegio de Bachilleres se estructura en tres áreas de formación: Básica, Específica y de Formación Laboral. 1. El Área de Formación Básica, considera las competencias disciplinares básicas y su interrelación con las genéricas que corresponden al Marco Curricular Común de la Educación Media Superior. 2. El Área de Formación Específica, se estructura en cuatro dominios que recogen las competencias disciplinares extendidas, en un conjunto de asignaturas que constituyen la plataforma para realizar estudios superiores. 3. El Área de Formación Laboral, le permite al estudiante adquirir las competencias profesionales para desempeñarse en el ámbito laboral. De acuerdo con el Modelo Académico del Colegio de Bachilleres, el Área de Formación Laboral: contribuye en el proyecto de construcción de vida del estudiante en el ámbito de lo laboral, a través de situaciones que le permitan adquirir conocimientos, habilidades, actitudes y destrezas para producir algún bien o servicio, satisfaciendo sus necesidades materiales y existenciales, que posibiliten su transformación como sujeto individual y social, en el momento histórico y cultural en el que vive; fortaleciendo la capacidad de ingresar, mantenerse y progresar exitosamente en el mundo laboral. Dicha área se organiza en grupos ocupacionales, que dan cuenta de diversas salidas ocupacionales, las que se logran a través de módulos de aprendizaje. De esta forma, la salida ocupacional Programador de páginas Web se ubica en el Grupo Ocupacional Informática, tiene como Estándares de Referencia a las Normas: NCL: IFC297_2 Confección y publicación de páginas Web (Norma Técnica de España) y NCL Develop and publish an operational website (Norma Técnica de New Zealand). Para definir las trayectorias en cuanto su formación laboral, los estudiantes podrán elegir entre las opciones que se ofrezcan en el 3er. Semestre del plan de estudios y las que se establecen como continuación en el 5to. Semestre. La salida ocupacional de Programador de páginas Web tiene dos opciones al llegar al 5to semestre con las que se relaciona directamente: Animador de 2D o la de Auxiliar administrador de base de datos (Auxiliar DBA) que concluye con Diseño de Páginas Web. A continuación se muestra la ubicación del módulo de aprendizaje Programación de Páginas Web en el esquema del Plan de Estudio. 4

5 En el siguiente esquema se muestra la ubicación del módulo de aprendizaje Programación de Páginas Web en el Plan de Estudios, así como las dos trayectorias posibles por las que podrá optar el estudiante que selecciona esta salida ocupacional. Trayectoria 1 1er. Sem. 2do. Sem. 3er. Sem. 4to. Sem. 5to. Sem. 6to. Sem. ÁREA DE FORMACIÓN BÁSICA 1er. Sem. 2do. Sem. ÁREA DE FORMACIÓN LABORAL Auxiliar administrador Programador de páginas Web de base de datos (Auxiliar DBA) Análisis y Programación Resolución de Problemas Crear y Administrar Base de Páginas Tecnologías de Desarrollo de Datos Web Web Trayectoria 2 ÁREA DE FORMACIÓN ESPECÍFICA Diseñador de Páginas Web Elaboración de un Sitio Web 3er. Sem. 4to. Sem. 5to. Sem. 6to. Sem. ÁREA DE FORMACIÓN BÁSICA Introducción al Trabajo ÁREA DE FORMACIÓN ESPECÍFICA ÁREA DE FORMACIÓN LABORAL Programador de páginas Web Animador 2D Análisis y Programación Resolución de Problemas Programación en 2D para de Páginas Tecnologías de Desarrollo Web Web Web Diseño en 2D para Web Introducción al Trabajo 5

6 II. REFERENTES CONCEPTUALES INTENCIÓN Y COMPETENCIAS A DESARROLLAR A continuación se presenta la intención y competencias profesionales a desarrollar en éste módulo. FINALIDAD DE LA SALIDA OCUPACIONAL INTENCIÓN DEL MÓDULO COMPETENCIAS A DESARROLLAR Desarrollar competencias para programar sitios Web dinámicos a través de describir el proceso de instalación, configuración y pruebas de la tecnología de desarrollo Web, la lógica de programación de un lenguaje interpretado (PHP) y el manejo de base de datos en MySQL. Al finalizar el módulo el estudiante será competente para diseñar y desarrollar páginas Web dinámicas mediante el uso de un lenguaje de programación interpretado con conexión a base de datos para consultar, actualizar y extraer información de una plataforma de almacenamiento de datos de acuerdo con las necesidades del cliente. Programar páginas Web dinámicas: Diseñar la página Web Dinámica. Desarrollar el Sitio Web mediante el uso de un lenguaje de programación interpretado con conexión a base de datos. 6

7 ENFOQUE La Informática desde inicios del siglo XXI ha sido una herramienta sustancial para la operación de las organizaciones, ya que busca aprovechar la capacidad tecnológica para el desarrollo de los proyectos, administrar los riesgos y lograr ventajas competitivas. El personal en informática debe aprovechar los recursos tecnológicos para efectuar una gestión inteligente de los riesgos en cada una de las operaciones de la organización, a través de lograr la colaboración, el consenso, la comunicación y el trabajo en equipo; con una visión más creativa, proactiva, innovadora y estratégica que genere valor y mejora competitiva en las empresas. Desde este marco, el Colegio de Bachilleres se ha propuesto formar ciudadanos competentes para desempeñarse adecuadamente en la vida, en los estudios superiores y en el trabajo, con un nivel de dominio que les permita movilizar y utilizar, de manera integral y satisfactoria conocimientos, habilidades, actitudes y destrezas (Colegio de Bachilleres, 2009, p. 35); formación que busca concretarse a través de los tres tipos de competencia que conforman el marco curricular común: genéricas, disciplinares y profesionales. En el Colegio de Bachilleres las competencias se definen como esquemas integrados de saberes o atributos (informaciones, habilidades, formas de pensamiento, estrategias cognitivas y metacognitivas, valores y actitudes) para el logro de desempeños relevantes, para la realización exitosa de tareas o la resolución de problemas específicos en situaciones comunes de la vida diaria, de manera racional, informada y estratégica. (Colegio de Bachilleres, 2009, p. 31). Y es al Área de formación laboral, a la que corresponde desarrollar las llamadas competencias profesionales, las cuales entendemos como aquellas que permiten el desempeño satisfactorio en el ejercicio de un proceso de trabajo específico y se movilizan en función de las necesidades individuales y sociales. (Colegio de Bachilleres, 2009, p. 37). Se refieren a actividades que se realizan en un campo específico del quehacer laboral, y al igual que las disciplinares, contribuyen al desarrollo de las competencias genéricas y aportan a los estudiantes los elementos para desplegarlas. Las competencias profesionales se llevan a cabo a través de las Salidas ocupacionales, entendidas como el área laboral referida a un grupo de competencias que son relevantes para el desempeño de diversos puestos de trabajo en diferentes compañías, sitios o industrias. (Conocer). Las Salidas ocupacionales que se desarrollarán desde el grupo ocupacional de Informática son: Programador de sistemas de cómputo, Auxiliar administrador de base de datos, Programador de páginas Web, Auxiliar de diseño publicitario, Animador 2D, Editor de imágenes y Diseñador de páginas Web. En cuanto al modelo didáctico de la salida ocupacional, en el Colegio de Bachilleres se concibe al aprendizaje escolar como producto de un proceso de construcción del conocimiento, intencionado y dirigido, en el que el estudiante participa activamente al interrelacionarse con el objeto de estudio; en tanto que la enseñanza se entiende como un conjunto de acciones gestoras y facilitadoras del aprendizaje, que el profesor orienta y coordina. Para lograr lo anterior, el Colegio de Bachilleres considera, para el diseño de situaciones de aprendizaje, tres momentos: 1. Apertura. En el cual se construye con el grupo la problemática laboral que desequilibra los conocimientos previos del estudiante. 2. Desarrollo. Se realizan actividades que posibiliten la organización de conceptos, ideas y procesos para ser guardados y aplicados en los diferentes problemas o situaciones labores a que se enfrentará el estudiante. 7

8 3. Cierre. Se demuestra el dominio de la competencia profesional a través de la presentación del proyecto que da respuesta al problema que orientó el proceso de aprendizaje. Para lograr el aprendizaje de las competencias profesionales planteadas en la salida ocupacional, se recupera como herramienta metodológica la elaboración de proyectos de trabajo ligados a situaciones del campo laboral. En donde el proyecto es entendido como una actividad realizada en un medio socio-cultural con un fin específico, que implica: propósito común, un plan de acción, fuentes de información, búsqueda de materiales, resolución de problemas y productos concretos. Con el proyecto, los estudiantes adquieren el hábito del esfuerzo, buscan por sí mismos los caminos y los instrumentos de trabajo, continúan con la preocupación fuera de la escuela y todo ello los acostumbra a dos cosas de extraordinario valor educativo y social: a valerse por sí mismos y a medir con justeza y reconocimiento la ayuda que les prestan los demás, contribuyendo a su proceso de autoconocimiento, autonomía y autorregulación. Donde la función del profesor es fundamental para el aprendizaje, ya que debe tener un manejo integral del contenido de la competencia a construir o reconstruir a través del proyecto; incorpora información necesaria y oportuna al grupo; asesora el trabajo grupal; genera situaciones que propician la ejercitación, reflexión y autocontrol de las acciones que realizan los estudiantes; realimenta y motiva al grupo de manera permanente; asimismo, evalúa las evidencias obtenidas. Es necesario destacar que, es indispensable para la adquisición de las competencias profesionales definidas en las salidas ocupacionales del grupo ocupacional de informática, la impartición de las clases en la sala de cómputo para la realización de prácticas, investigaciones y proyectos definidos por el docente en su proceso de enseñanza-aprendizaje. Por su parte, la evaluación forma parte de los procesos de enseñanza y aprendizaje, y cobra especial valor por el impacto y la toma de decisiones que implica la información recabada en este proceso. En el Colegio de Bachilleres, la evaluación del aprendizaje implica la emisión de un juicio de valor conforme a determinados criterios y estándares, previa recopilación de información útil, oportuna y pertinente sobre el aprendizaje del estudiante, como proceso y como producto. La evaluación del aprendizaje se centra en los resultados del desempeño laboral a través de las distintas evidencias de producto, desempeño, conocimiento y actitudes que dan cuenta de los aprendizajes de los estudiantes. En la evaluación por competencias no se evalúa el recuerdo de los conocimientos adquiridos, sino la manera como estos son utilizados en la realización satisfactoria de tareas específicas y de calidad, a partir de criterios objetivos previamente establecidos y comunicados a los estudiantes que serán evaluados. El proceso de evaluación del aprendizaje se conforma por tres tipos: diagnóstica, formativa y sumativa: La evaluación diagnóstica, tiene como propósito obtener información sobre el manejo que los estudiantes tienen de los conocimientos previos en relación con los aprendizajes propuestos para cada módulo, como necesarios para lograr un desempeño efectivo. La evaluación formativa, permite valorar los avances y dificultades que se presentan en el proceso de aprendizaje de la competencia, con el fin de ajustar y reorientar el proceso de enseñanza. La evaluación sumativa, identifica el grado de dominio alcanzado por los estudiantes en cuanto a los aprendizajes prescritos en el programa de estudios y se realiza a través de las evidencias recopiladas. Cabe señalar que este tipo de evaluación, en la medida de lo posible, se debe realizar de manera individual para mostrar el aprendizaje de la competencia y desde situaciones lo más cercanas al campo laboral. 8

9 Proceso de desarrollo de la competencia: Programar páginas Web dinámicas. Bloque I. Diseñar la página Web Dinámica. Desempeños: -Interpretar el estudio de necesidades del cliente. -Revisar que los requerimientos del cliente están dentro de un contexto tecnológico contemporáneo y local viable. -Identificar los servicios Web que requiere brindar. Fase 1. Verificar que los componentes de la solución Web cumplan con las especificaciones del estudio de necesidades planteado por el cliente. Evidencias* P: Componentes de la solución Web verificados. Conocimientos. -Análisis de sistemas. -Estudio de necesidades del cliente. -Servicios Web..Actitudes. -Orden. Desempeños: -Definir las páginas que se incluirán en el sitio Web. -Definir la navegación entre páginas. -Definir que elementos multimedia contendrá cada página. -Definir formularios que se utilizarán en el sitio. -Definir los datos que se utilizarán en los formularios. Desempeños: -Seleccionar imágenes de archivos y de bancos de imágenes considerando derechos de autor. -Capturar imágenes con cámaras digitales o digitalizadores. -Corregir y conseguir el efecto deseado en las imágenes mediante un programa de edición de imágenes. -Crear elementos gráficos en un programa de edición de imágenes, que considere las especificaciones del informe del proyecto. * P: Producto. D: Desempeño C: Conocimientos A: Actitudes Fase 2. Realizar el mapa de navegación del sitio Web tomando como referencia el estudio de necesidades del cliente. Evidencias* P: Mapa de navegación del sitio Web dinámico. Fase 3. Seleccionar, capturar y crear los elementos multimedia a utilizar. Evidencias* P: Elementos multimedia elaborados. D: Manejo de la aplicación de edición de imágenes. A Conocimientos. -Mapa de navegación. -Elementos multimedia. -Formulario. -Datos e información..actitudes. -Orden. -Limpieza -Iniciativa. Conocimientos. -Tipos de imágenes. -Tipos de archivos gráficos. -Dispositivos de captura. - Programa de edición de imágenes..actitudes. -Limpieza -Iniciativa. -Orden. -Responsabilidad. 9

10 A Bloque II. Desarrollar el Sitio Web mediante el uso de un lenguaje de programación interpretado con conexión a base de datos. Desempeños. -Crear el modelo conceptual de la base de datos. -Crear la estructura de la base de datos en el SMBD mediante sentencias SQL o las opciones de la herramienta. Fase 4. Diseñar la base de datos a partir de realizar el modelado conceptual de ésta y su construcción física en el Sistema Gestor de Base de Datos (SGBD) para Web. Evidencias* P: Modelo conceptual de la base de datos. P: Estructura de datos realizada. P: Datos capturados en el SGBD..Actitudes. -Orden. Conocimientos. - Base de datos. - Sistema Gestor de base de datos. - Modelo conceptual de E/R. Desempeños: -Utilizar las características proporcionadas por el entorno de desarrollo integrado. -Diseñar un algoritmo aplicando técnicas de programación estructurada y modular. -Definir las estructuras de datos, variables y constantes a utilizar. -Codificar las páginas y formularios del sitio Web dinámico mediante el uso de funciones. -Incluir código para el tratamiento de excepciones de usuarios. -Aplicar la programación orientada a objetos para diseñar su solución Web. Desempeños. -Describir la información que debe acompañar al código del programa interpretado. -Aplicar los criterios de normalización establecidos para incluir cabeceras y comentarios en el código. * P: Producto. D: Desempeño C: Conocimientos A: Actitudes B Fase 5. Programar la lógica del sitio Web utilizando estructuras de datos, variables, constantes, estructuras de control, arreglos y funciones y excepciones. Evidencias* P: Algoritmos, estructuras de datos, variables y constantes diseñados. P: Página Web y formularios codificados en un lenguaje de programación interpretado. P: Excepciones incluidas en el código. P: Clases elaboradas. D: Uso del entorno de desarrollo integrado (IDE). Fase 6. Elaborar la documentación completa relativa a la programación del sitio Web. Evidencias* P: Programa documentado: Manual Técnico. Conocimientos. -Algoritmos. -Estructuras de datos. -programación modular. -Programación estructurada. -Programación Orientada a Objetos...Actitudes. -Orden. Conocimientos. - Estándares de normalización para incluir cabeceras y comentarios en la codificación..actitudes. -Responsabilidad. -Orden. 10

11 Desempeños. -Utilizar las herramientas y utilidades más comunes del IDE para depurar un programa. -Documentar una estrategia de pruebas completa a una clase a partir de la documentación del diseño para asegurar su óptimo funcionamiento. Desempeños. -Conectar la base de datos mediante funciones propias del lenguaje interpretado. -Conectar la base de datos a través del estándar ODBC. Desempeños. -Diseñar las consultas a la base de datos con el Lenguaje de Consulta Estructurado o SQL para su tratamiento por la aplicación. -Utilizar las funciones propias del lenguaje interpretado para efectuar consultas, actualizaciones, accesos y operaciones con una base de datos relacional. -Comprobar la funcionalidad del programa desarrollado mediante pruebas. Desempeños. -Comprobar que las páginas que integran el sitio contengan todos los elementos multimedia. -Comprobar la navegación del sitio. -Validar que el sitio tenga salida a Internet mediante el servidor Apache, sin errores de interpretación. * P: Producto. D: Desempeño C: Conocimientos A: Actitudes B Fase 7. Realizar pruebas para verificar y corregir los programas desarrollados. Evidencias* P: Programa fuente depurado. P: Documentación de la estrategia de pruebas. D: Uso de las herramientas y utilidades de depuración del IDE. Fase 8. Programar el acceso a la base de datos mediante el uso del lenguaje de programación interpretado. Evidencias* P: SGBD conectado. Fase 9. Realizar las consultas, actualizaciones y extracción de información a la base de datos mediante el uso de sentencias SQL aplicadas en el lenguaje de programación interpretado, autentificando a los usuarios y dando seguridad a la misma. Evidencias* P: Consultas en SQL diseñadas. P: Código generado para consultar base de datos. D: Pruebas realizadas. Fase 10. Verificar que el sitio este completo y funcional para visualizarlo en la Web. Evidencias* P: Sitio Web publicado. Salida Ocupacional: Programador de Páginas Web Conocimientos. - Depuración de programas. -Tipos de pruebas en el desarrollo de aplicaciones..actitudes. -Responsabilidad. -Orden. Conocimientos. -Funciones de conexión a Base de datos con el programa interpretado. -Estándar ODBC.Actitudes. - Responsabilidad. -Orden. Conocimientos. -SQL. -Funciones del lenguaje interpretado para realizar consultas..actitudes. - Responsabilidad. -Orden. Conocimientos. -Servidor Apache. -Lenguaje de programación..actitudes. - Responsabilidad. -Orden. 11

12 INTERRELACIÓN ENTRE COMPETENCIAS PROFESIONALES Y GENÉRICAS Competencia 1: Diseñar la página Web Dinámica. Fases de la Competencia Fase 1 Verificar que los componentes de la solución Web cumplan con las especificaciones del estudio de necesidades planteado por el cliente. Fase 2 Realizar el mapa de navegación del sitio Web tomando como referencia el estudio de necesidades del cliente. Competencia 4 Escucha, interpreta y emite mensajes pertinentes en distintos contextos mediante la utilización de medios, códigos y herramientas apropiados. Atributo 4.3 Identifica las ideas clave en un texto o discurso oral e infiere conclusiones a partir de ellas. Atributo 4.5 Maneja las tecnologías de la información y la comunicación para obtener información y expresar ideas. Atributo 4.1 Expresa ideas y conceptos mediante representaciones lingüísticas, matemáticas o gráficas. Competencias genéricas/atributos Competencia 5 Desarrolla innovaciones y propone soluciones a problemas a partir de métodos establecidos. Atributo 5.2 Ordena información de acuerdo a categorías, jerarquías y relaciones. Atributo 5.2 Ordena información de acuerdo a categorías, jerarquías y relaciones. Competencia 6 Sustenta una postura personal sobre temas de interés y relevancia general, considerando otros puntos de vista de manera crítica y reflexiva. Atributo 6.4 Estructura ideas y argumentos de manera clara, coherente y sintética. Competencia 8 Participa y colabora de manera efectiva en equipos diversos. Atributo 8.2 Aporta puntos de vista con apertura y considera los de otras personas de manera reflexiva. Atributo 8.1 Propone maneras de solucionar un problema o desarrollar un proyecto en equipo, definiendo un curso de acción con pasos específicos. Demostración del cruce en el desempeño Al verificar los componentes de la solución Web, el diseñador identifica las ideas clave de los requerimientos del cliente e infiere conclusiones a partir de estructurar ideas de forma clara, coherente y sintética, para ordenar y dar su punto de vista sobre las posibles inconsistencias de los requerimientos en un documento elaborado en un procesador de palabras, para realizar los ajustes necesarios. Al realizar el mapa de navegación del sitio Web expresa de forma gráfica la organización del sitio por categorías y relaciones para proponer la manera de solucionar los requerimientos del cliente al revisar el estudio de necesidades. 12

13 Fases de la Competencia Fase 3. Seleccionar, capturar y crear los elementos multimedia a utilizar. Competencia 4 Escucha, interpreta y emite mensajes pertinentes en distintos contextos mediante la utilización de medios, códigos y herramientas apropiados. Atributo 4.1 Expresa ideas y conceptos mediante representaciones lingüísticas, matemáticas o gráficas. Atributo 4.5 Maneja las tecnologías de la información y la comunicación para obtener información y expresar ideas. Competencias genéricas/atributos Competencia 5 Desarrolla innovaciones y propone soluciones a problemas a partir de métodos establecidos. Atributo 5.1 Sigue instrucciones y procedimientos de manera reflexiva, comprendiendo como cada uno de sus pasos contribuye al alcance de un objetivo. Atributo 5.2 Ordena información de acuerdo a categorías, jerarquías y relaciones. Atributo 5.6 Utiliza las tecnologías de la información y la comunicación para procesar e interpretar información. Competencia 6 Sustenta una postura personal sobre temas de interés y relevancia general, considerando otros puntos de vista de manera crítica y reflexiva. Atributo 6.1 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. Competencia 8 Participa y colabora de manera efectiva en equipos diversos. Demostración del cruce en el desempeño Al seleccionar los elementos multimedia las ordena de acuerdo a categorías: archivos o bancos multimedia. Al elegir elementos multimedia de un banco considera criterios de selección como: características técnicas de la digitalización, precios, derechos de autor y calidad óptima. Al escoger elementos multimedia de archivos utiliza un programa informático de visualización. Al capturar imágenes, videos, textos y audios mantiene la calibración de los dispositivos y perfiles de color y sonido, siguiendo los procedimientos definidos para su captura vía digitalizador, micrófono o cámara digital, ordenando en carpetas los elementos obtenidos para organizarlas en el proceso del desarrollo del sitio Web dinámico. Al crear los elementos multimedia hace uso de las herramientas más relevantes de la aplicación de edición de imágenes, audio o video; de igual forma sigue procedimientos para ajustar las preferencias del programa. Al organizar todos los elementos multimedia utiliza los compresores o CODECS más adecuados para la elaboración de la página web dinámica. 13

14 Competencia 2: Desarrollar el Sitio Web mediante el uso de un lenguaje de programación interpretado con conexión a base de datos. Fases de la Competencia Fase 4. Diseñar la base de datos a partir de realizar el modelado conceptual de ésta y su construcción física en el Sistema Gestor de Base de Datos (SGBD) para Web. Fase 5. Elaborar la documentación completa relativa a la programación del sitio Web. Competencia 4 Escucha, interpreta y emite mensajes pertinentes en distintos contextos mediante la utilización de medios, códigos y herramientas apropiados. Atributo 4.1 Expresa ideas y conceptos mediante representaciones lingüísticas, matemáticas o gráficas. Atributo 4.2 Aplica distintas estrategias comunicativas según quienes sean sus interlocutores, el contexto en el que se encuentra y los objetivos que persigue. Competencias genéricas/atributos Competencia 5 Competencia 6 Desarrolla innovaciones y Sustenta una propone soluciones a postura personal problemas a partir de sobre temas de métodos establecidos. interés y relevancia general, considerando otros puntos de vista de manera crítica y reflexiva. Atributo 5.1 Sigue instrucciones y procedimientos de manera reflexiva, comprendiendo como cada uno de sus pasos contribuye al alcance de un objetivo. Atributo 5.2 Ordena información de acuerdo a categorías, jerarquías y relaciones. Atributo 5.3 Identifica los sistemas y reglas o principios medulares que subyacen a una serie de fenómenos. Atributo 5.6 Utiliza las tecnologías de la información y comunicación para procesar e interpretar información. Atributo 5.1 Sigue instrucciones y procedimientos de manera reflexiva, comprendiendo como cada uno de sus pasos contribuye al alcance de un objetivo.. Atributo 6.4 Estructura ideas y argumentos de manera clara, coherente y sintética. Competencia 8 Participa y colabora de manera efectiva en equipos diversos. Atributo 8.1 Propone maneras de solucionar un problema o desarrollar un proyecto en equipo, definiendo un curso de acción con pasos específicos. Demostración del cruce en el desempeño Al diseñar la base de datos mediante el uso de modelos conceptuales como el de entidad-relación, ordena e identifica los elementos medulares del manejo de los datos del sitio Web dinámico al seguir procedimientos de manera reflexiva, estructurar ideas de forma clara y coherente, que le permiten seleccionar y construir la base de datos de forma física en un SGBD. Al elaborar la documentación técnica de los programas desarrollados y pruebas considerando los criterios y procedimientos de normalización establecidos, de forma ordenada y categorizada, en donde el programador expone sus ideas de la funcionalidad del código fuente de manera clara coherente y sintética. 14

15 Fases de la Competencia Competencia 4 Escucha, interpreta y emite mensajes pertinentes en distintos contextos mediante la utilización de medios, códigos y herramientas apropiados. Competencias genéricas/atributos Competencia 5 Desarrolla innovaciones y propone soluciones a problemas a partir de métodos establecidos. Competencia 6 Sustenta una postura personal sobre temas de interés y relevancia general, considerando otros puntos de vista de manera crítica y reflexiva. Competencia 8 Participa y colabora de manera efectiva en equipos diversos. Demostración del cruce en el desempeño Fase 6. Realizar pruebas para verificar y corregir las clases desarrolladas. Fase 7. Programar la lógica del sitio Web utilizando estructuras de datos, variables, constantes, estructuras de control, arreglos y funciones y excepciones. Fase 8. Programar el acceso a la base de datos mediante el uso del lenguaje de programación interpretado. Atributo 4.2 Aplica distintas estrategias comunicativas según quienes sean sus interlocutores, el contexto en el que se encuentra y los objetivos que persigue. Atributo 4.1 Expresa ideas y conceptos mediante representaciones lingüísticas, matemáticas o gráficas. Atributo 5.4 Construye hipótesis y diseña y aplica modelos para probar su validez Atributo 5.1 Sigue instrucciones y procedimientos de manera reflexiva, comprendiendo como cada uno de sus pasos contribuye al alcance de un objetivo. Atributo 5.6 Utiliza las tecnologías de la información y comunicación para procesar e interpretar información. Atributo 5.2 Ordena información de acuerdo a categorías, jerarquías y relaciones. Atributo 6.4 Estructura ideas y argumentos de manera clara, coherente y sintética. Atributo 6.4 Estructura ideas y argumentos de manera clara, coherente y sintética. Atributo 8.2 Aporta puntos de vista con apertura y considera los de otras personas de manera reflexiva. Atributo 8.1 Propone maneras de solucionar un problema o desarrollar un proyecto en equipo, definiendo un curso de acción con pasos específicos. Al realizar pruebas mediante el uso de diversas herramientas y utilidades de depuración para verificar y corregir el funcionamiento de los programas desarrollados, respetando el punto de vista planteado por el diseñador y el programador de la solución Web. Al documentar la estrategia de pruebas comunica a los demás programadores sus ideas y propuestas de modelos para validar aspectos del funcionamiento del sitio Web dinámico. Al programar la lógica del sitio Web utiliza un lenguaje de programación interpretado donde incorpora las ideas y conceptos del paradigma de programación estructurado y modular, con el manejo de datos, funciones y excepciones, los cuales contribuyen al desarrollo de la solución Web dinámica. Al programar el acceso a la base de datos categoriza y utiliza las funciones propias del lenguaje de programación interpretado para su conexión. 15

16 Fases de la Competencia Competencia 4 Escucha, interpreta y emite mensajes pertinentes en distintos contextos mediante la utilización de medios, códigos y herramientas apropiados. Competencias genéricas/atributos Competencia 5 Desarrolla innovaciones y propone soluciones a problemas a partir de métodos establecidos. Competencia 6 Sustenta una postura personal sobre temas de interés y relevancia general, considerando otros puntos de vista de manera crítica y reflexiva. Competencia 8 Participa y colabora de manera efectiva en equipos diversos. Demostración del cruce en el desempeño Fase 9. Realizar las consultas, actualizaciones y extracción de información a la base de datos mediante el uso de sentencias SQL aplicadas en el lenguaje de programación interpretado, autentificando a los usuarios y dando seguridad a la misma. Fase 10. Verificar que el sitio este completo y funcional para visualizarlo en la Web. Atributo 4.1 Expresa ideas y conceptos mediante representaciones lingüísticas, matemáticas o gráficas. Atributo 5.1 Sigue instrucciones y procedimientos de manera reflexiva, comprendiendo como cada uno de sus pasos contribuye al alcance de un objetivo. Atributo 5.6 Utiliza las tecnologías de la información y comunicación para procesar e interpretar información. Atributo 5.1 Sigue instrucciones y procedimientos de manera reflexiva, comprendiendo como cada uno de sus pasos contribuye al alcance de un objetivo Atributo 6.4 Estructura ideas y argumentos de manera clara, coherente y sintética. Atributo 8.1 Propone maneras de solucionar un problema o desarrollar un proyecto en equipo, definiendo un curso de acción con pasos específicos. Atributo 8.1 Propone maneras de solucionar un problema o desarrollar un proyecto en equipo, definiendo un curso de acción con pasos específicos. Al realizar consultas a la base de datos que permitan la manipulación de la información para la toma de decisiones desde la solución Web, dichas consultas se estructuran considerando procedimientos y estándares (SQL) para expresar ideas y argumentos definidos por las sentencias propias del lenguaje y del SGBD. Al verificar que el sitio este completo y funcional la hace mediante procedimientos definidos de manera reflexiva, verificando que cumpla con la solución del proyecto Web planteado en el estudio de necesidades del cliente. 16

17 III. ELEMENTOS DIDÁCTICOS BLOQUE I. Diseñar la página Web Dinámica. Duración: 30 hrs. Propósito: Que el estudiante diseñe páginas Web dinámicas y prepare los componentes multimedia considerando el mapa de navegación del sitio y la digitalización de medios. Núcleo Temático 1. Análisis de sistemas. 2. Servicios Web. 3. Diseño de páginas Web. 4. Digitalización de medios. Problemática situada Al área de desarrollo Web en donde trabajas le solicitan un proyecto informático para dar respuesta a la siguiente situación: La cadena de cines "MundoMix desea publicar su cartelera en Internet para facilitar que sus clientes escojan una película a su gusto y asistan a la función que más les acomode en sus tiempos. Te contratan para elaborar su página Web dinámica que debe considerar las siguientes características: 1.-Presentar tres combos desplegables donde se pueda seleccionar la función por: estado, complejo o película. Si la búsqueda es por estado presentará todas películas que se exhiben por complejo en dicho estado. Si la búsqueda es por complejo mostrará las películas que se exhiben en éste. Si la búsqueda es por película se desplegarán todos los complejos en los que se exhiben, ordenados por estado. Los criterios de búsqueda se pueden combinar, con la intención de facilitar la selección de las películas al usuario. 2.- La información de la cartelera se debe actualizar cada viernes para publicar los estrenos. 3.- La página contará con imágenes de los estrenos más recientes que vincularán a la información de la película. 4.- La información que se debe presentar sobre la película es: horario, clasificación, costo y vínculo al detalle de la película. 5.- El detalle de la película muestra nombre original, director, actores, productores, música, fotografía, género, clasificación, duración, sinopsis y trailers. 6.- Debe permitir comentarios de los usuarios sobre las películas. Para empezar a resolver esta etapa del proyecto deberás tener instalada previamente la Tecnología de Desarrollo Web WAMP, y recuperar las necesidades del cliente identificadas en el módulo anterior de Tecnologías de Desarrollo Web. Revisa en Internet qué tipos de servicios Web existen y cómo se diseña la página Web a partir de éstos. Para resolver la problemática situada, es importante dar respuesta a las preguntas: Cómo se debe analizar el estudio de necesidades del cliente para identificar los componentes de la solución Web? Qué es un mapa de navegación? Cómo se utiliza el mapa de navegación para diseñar el sitio Web Dinámico? Qué es un componente multimedia? Se cuenta con todos los componentes multimedia par su desarrollo? Cómo se obtienen los componentes multimedia del sitio? Qué es digitalizar? Cómo funciona una cámara digital y un digitalizador? Qué tipos de componentes multimedia se requieren digitalizar? Qué programas informáticos se requieren para trabajar los componentes multimedia a incorporar? Qué es más importante, la lógica del programa o la interfaz gráfica? Es importante marcar que la problemática situada se resuelve en su totalidad al cubrir toda la salida ocupacional que implica el desarrollo de éste módulo y el de Tecnologías de Desarrollo Web, por lo cual se encuentra redactada en términos del logro de las competencias que marca la salida ocupacional de Programador de Páginas Web. 17

18 Estrategias de aprendizaje enseñanza y evaluación. Secuencias didácticas Apertura A través de una lluvia de ideas, realice la evaluación diagnóstica del proceso que se llevará a cabo durante el desarrollo del bloque. Contextualice al grupo con la información del problema situado de forma detallada, e identifique los componentes multimedia que se pueden incorporar en una página Web. Desarrollo Solicite al grupo que investiguen cómo se diseña un mapa de navegación y que visiten la página Web para que en equipos la analicen y construyan el mapa de navegación de ésta, para que en plenaria presenten sus mapas de navegación y construyan uno solo. A partir del ejercicio anterior solicite que en equipos diseñen el mapa de navegación para la problemática situada y que identifiquen qué componentes multimedia necesitan buscar en bancos de imágenes, videos y audios y cuáles tienen qué elaborar en algún programa informático para cumplir con la solicitud hecha por el cliente. Modele la forma en que se realizan los procesos de digitalización de imágenes, videos y audio y supervise que cada equipo desarrolle sus propios recursos multimedia, sin perder de vista que son para Web. Es importante resaltar la forma en que tendrán que organizar las carpetas que contengan dichos elementos. Conocimiento: Mapa de navegación, Servicios Web, elementos multimedia, formularios, dispositivos de captura de medios analógicos y digitales. Producto: Componentes de la solución Web, mapa de navegación para la problemática situada y componentes multimedia elaborados y organizados. Desempeño: Manejo de los dispositivos para digitalizar medios, y manejo de los programas informáticos para generar imágenes, videos y audios. Actitud: Orden, limpieza e iniciativa para elaborar el mapa de navegación y los componentes multimedia. Cierre Solicite a cada uno de los equipos, que presenten sus mapas de navegación y los archivos de sus componentes multimedia, para que los retroalimenten, y compartan, de ser posible, sus archivos para mejorar su proyecto Web. Evaluación formativa: Valorar la comprensión de los componentes que conforman un mapa de navegación. Evaluación sumativa: Mapa de navegación y componentes multimedia elaborados. 18

19 Niveles de desempeño Excelente El estudiante tiene un nivel de desempeño excelente cuando: diseña la página Web mediante el mapa de navegación; selecciona, digitaliza o elabora los componentes multimedia a incluir en la solución Web; considera el estudio de necesidades del cliente, el contexto tecnológico y los servicios Web a brindar. Bueno El estudiante tiene un nivel de desempeño bueno cuando: diseña la página Web mediante el mapa de navegación; selecciona, digitaliza o elabora los componentes multimedia a incluir en la solución Web y considera el estudio de necesidades del cliente. Suficiente El estudiante tiene un nivel de desempeño suficiente cuando: diseña la página Web mediante el mapa de navegación; selecciona los componentes multimedia de un banco de imágenes, videos o sonidos para incluirlos en la solución Web, y considera el estudio de necesidades del cliente. Insuficiente El estudiante tiene un nivel de desempeño insuficiente cuando: diseña parcialmente la página Web mediante el mapa de navegación, y selecciona algunos componentes multimedia de un banco de imágenes, videos o sonidos para incluirlos en la solución Web. Medios de recopilación de evidencias. Instrumentos Lista de cotejo para verificar los componentes de la solución Web con orden (EP-EA). Lista de cotejo para verificar los componentes del mapa de navegación (EP). Lista de cotejo de los componentes multimedia de imágenes, video y audio (EP). Guía de observación para el proceso de digitalización de medios (ED). Guía de observación para la edición de imágenes en una aplicación de dibujo (ED): Cuestionario para valorar el manejo de los conceptos relacionados con análisis de sistemas (EC). Cuestionario para valorar el manejo de los conceptos relacionados con tipos de imágenes y archivos gráficos (EC). EC: Evidencia de conocimiento, EP: Evidencia de producto, ED: Evidencia de desempeño y EA: Evidencia de actitud. Materiales de apoyo y fuentes de información 1. Gutiérrez, A. y Bravo, G: (2008). PHP5 a través de ejemplos. México: Alfaomega Grupo editor (México) Ra - Ma. 2. López, J. (2008). Domine PHP y MySQL, programación dinámica del lado del servidor. México: Alfaomega Grupo editor (México) Ra - Ma. 3. Pavón J. (2007). Creación de un Portal con PHP y MySQL. México: Alfaomega Grupo editor (México) Ra - Ma. 4. Pérez, C. (2004). MySQL para Windows y Linux. México: Alfaomega Grupo editor (México) Ra - Ma. 5. Spona, H. (2010). Programación De Bases De Datos Con MySQL Y PHP. México: Coedición: Alfaomega Marcombo. 19

20 BLOQUE II. Desarrollar el Sitio Web mediante el uso de un lenguaje de programación interpretado con conexión a base de datos. Duración: 50 hrs. Propósito: Que el estudiante desarrolle páginas Web dinámicas con manejo de base de datos, al considerar el lenguaje de programación interpretado, su documentación, verificación. Núcleo Temático 1. Diseño de Base de Datos. 2. SGBD. 3. SQL. 4. Programación Web con PHP. 5. Conexión a la base de datos MySQL con PHP. Problemática situada Al área de desarrollo Web en donde trabajas le solicitan un proyecto informático para dar respuesta a la siguiente situación: La cadena de cines "MundoMix desea publicar su cartelera en Internet para facilitar que sus clientes escojan una película a su gusto y asistan a la función que más les acomode en sus tiempos. Te contratan para elaborar su página Web dinámica que debe considerar las siguientes características: 1.-Presentar tres combos desplegables donde se pueda seleccionar la función por: estado, complejo o película. Si la búsqueda es por estado presentará todas películas que se exhiben por complejo en dicho estado. Si la búsqueda es por complejo mostrará las películas que se exhiben en éste. Si la búsqueda es por película se desplegarán todos los complejos en los que se exhiben, ordenados por estado. Los criterios de búsqueda se pueden combinar, con la intención de facilitar la selección de las películas al usuario. 2.- La información de la cartelera se debe actualizar cada viernes para publicar los estrenos. 3.- La página contará con imágenes de los estrenos más recientes que vincularán a la información de la película. 4.- La información que se presente sobre la película es: horario, clasificación, costo y vínculo al detalle de la película. 5.- El detalle de la película muestra nombre original, director, actores, productores, música, fotografía, género, clasificación, duración, sinopsis y trailers. 6.- Debe permitir comentarios de los usuarios sobre las películas. Para el desarrollo de la página Web dinámica es esencial dar respuesta a las siguientes preguntas: Para dar solución a la problemática situada, es importante dar respuesta a las preguntas: Cómo se programa una página dinámica? Para que sirve un algoritmo? Cómo se estructuran los datos? A qué paradigma de programación pertenece PHP? Cuál es la diferencia entre programación modular y estructurada? PHP permite integrar varios paradigmas de programación? Por qué es importante documentar un programa fuente? Qué es depurar un programa? Es la única forma de revisar un programa la depuración? Qué tipos de errores existen? Cómo se prueba un programa funcione? Qué es una base de datos? Por qué usar un SGBD para manipular datos? Cómo se consulta la información? El sitio dinámico de la cadena de cines recomiendas programarlo con que tendencia de programación? Cuánto tiempo tienes que invertir en desarrollar dicha página dinámica? 20

21 Estrategias de aprendizaje enseñanza y evaluación. Secuencias didácticas Apertura Solicite a los alumnos que accedan a diversas páginas en Internet y revisen el código fuente de éstas, explíqueles que este código puede estar formado por diferentes tipos de lenguajes de programación para Web, pero que el lenguaje de etiquetas HTML es la base de todos ellos. Desarrollo Solicite que investiguen acerca del diseño básico de una base de datos relacional en Internet para realizar el modelado, y diseño en MySQL de la problemática del cine. Arme equipos de 2 a 4 personas para realizar la página web dinámica que resuelva la problemática situada, solicitando que revisen los diferentes IDE que pueden usar para programarla, posteriormente. Mediante una gama de ejercicios realice diversos algoritmos que permitan el manejo del sitio Web dinámico, haciendo énfasis en que hay que empezar por la lógica de programación de la funcionalidad del sitio, y después con el desarrollo de la interfaz. Solicite que a partir de su mapa de navegación, elaboren la lógica del sitio primeramente a nivel de algoritmo, y posteriormente a nivel del lenguaje de programación PHP, considerando la parte de manejo de datos, para lo cual solicite que realicen una exposición del uso de la tecnología WAMP. Indique que busquen las razones y ventajas de documentar el código fuente, como referencia del programador para posibles ajustes o cambios, para que apliquen dichos estándares en la documentación de su propio sitio Web dinámico. A partir de las herramientas del IDE solicite que depuren y ejecuten su sitio Web dinámico, verificando que cuente con las validaciones suficientes para evitar errores en su ejecución. Conocimiento: Algoritmos, estructuras de datos, programación estructurada y modular, base de datos, SGBD y SQL. Producto: Sitio Web dinámico programado con la documentación correspondiente. Desempeño: Manejo de las herramientas y utilidades del IDE, para codificar, depurar e interpretar. Actitud: Orden y responsabilidad al elaborar el sitio Web dinámico. Cierre Solicite al grupo que proporcionen sus direcciones IP a sus compañeros, y que visiten los sitios dinámicos generados para que, posteriormente en plenaria, comenten el funcionamiento de cada uno de ellos y hagan sugerencias para mejorar su interfaz y manejo de datos. Evaluación formativa: Valorar la comprensión de la lógica de programación. Evaluación sumativa: Sitio Web dinámico con conexión a base de datos elaborado. 21

22 Niveles de desempeño Excelente El estudiante tiene un nivel de desempeño excelente cuando: elabora el sitio Web dinámico a partir del mapa de navegación con responsabilidad y orden; desarrolla su lógica a partir de la sintaxis del lenguaje de programación interpretado PHP, considerando los paradigmas de programación modular, estructurado y orientado a objetos; lo documenta considerando los estándares de normalización establecidos; lo depura utilizando las herramientas del IDE; realiza planes de pruebas para validar el funcionamiento del sitio y evita errores de ejecución mediante el uso de excepciones; el sitio creado permite manipular y consultar información de una base de datos al conectarse mediante el uso de un SGBD y sentencias de SQL desde el código fuente; y verifica su funcionalidad en el servidor Web, a partir de contrastarlo con el estudio de necesidades planteado por el cliente. Bueno El estudiante tiene un nivel de desempeño bueno cuando: elabora el sitio Web dinámico usa como referencia el mapa de navegación; desarrolla su lógica a partir de la sintaxis del lenguaje de programación interpretado PHP, considerando los paradigmas de programación modular y estructurado; lo documenta considerando los estándares de normalización establecidos; lo depura utilizando las herramientas del IDE; realiza planes de pruebas para validar el funcionamiento del sitio y evita errores de ejecución mediante el uso de excepciones; permite manipular y consultar información de una base de datos al conectarse mediante el uso de un SGBD y sentencias de SQL desde el código fuente; y verifica su funcionalidad en el servidor Web. Suficiente El estudiante tiene un nivel de desempeño suficiente cuando: elabora el sitio Web dinámico usa como referencia el mapa de navegación; desarrolla su lógica a partir de la sintaxis del lenguaje de programación interpretado PHP; documenta, depura, prueba y evita errores de ejecución mediante el uso de excepciones; permite manipular y consultar información de una base de datos al conectarse mediante el uso de un SGBD y sentencias de SQL; y verifica su funcionalidad en el servidor Web. Insuficiente El estudiante tiene un nivel de desempeño insuficiente cuando: elabora el sitio Web dinámico; desarrolla su lógica a partir de la sintaxis del lenguaje de programación interpretado PHP; no lo documenta y prueba; no hace uso de las excepciones para evitar errores de ejecución; realiza conexiones inestables a una base de datos mediante el uso de un SGBD y sentencias de SQL; y no verifica su funcionalidad en el servidor Web. Medios de recopilación de evidencias. Instrumentos Lista de cotejo para verificar el modelo conceptual de la base de datos (EP). Lista de cotejo para verificar el diseño físico de la base de datos en el SGBD: MySQL (EP). Lista de cotejo para verificar los componentes de la programación Web del sitio dinámico con conexión a base de datos (EP). Guía de observación del proceso de depuración de un programa (ED). Cuestionario para valorar el manejo de los conceptos relacionados con SQL (EC). EC. Evidencia de conocimiento, EP: Evidencia de producto, ED: Evidencia de desempeño y EA: Evidencia de actitud. 22