instituto tecnolÓgico superior de tepeaca · 2018. 8. 28. · instituto tecnolÓgico superior de...

INSTITUTO TECNOLÓGICO SUPERIOR DE TEPEACA

Organismo Público Descentralizado del Gobierno del Estado de Puebla Instrumentación Didáctica para la formación y desarrollo de competencias

FO-SA9-01-02 Rev. 4 Pag. 1 de 20

Información General de la Asignatura Nombre de la Asignatura: Programación Web Plan: ITIC-2010-225 Clave de la Asignatura: AEB-1055 Horas teoría-práctica-Créditos: 1-4-5

1. Caracterización de la asignatura

Esta asignatura aporta al perfil del egresado la capacidad para desarrollar y administrar software que apoye la productividad y competitividad de las organizaciones cumpliendo con estándares de calidad, mediante el desarrollo de aplicaciones web utilizando lenguajes de marcas, de presentación, del lado del cliente, del servidor y con la colaboración de cómputo en la nube. Es de suma importancia porque permite al estudiante concluir en un proyecto formal de desarrollo de software aplicando varias competencias adquiridas durante su trayectoria de formación, por ello se inserta en los últimos semestres. Para adquirir la competencia planteada en esta asignatura es necesario que el estudiante haya acreditado la asignatura de Programación Orientada a Objetos, Taller de Bases de Datos y Taller de Ingeniería de Software.

2. Intención didáctica La asignatura está organizada en cinco temas: El primer tema, se centra en antecedentes de las aplicaciones web, su arquitectura, las tecnologías utilizadas y la forma en que se deberán planificar. El segundo, aborda los lenguajes de marcado, como lo es HTML, XML en sus versiones más recientes, de la misma forma se aborda el tema de lenguaje de presentación CSS para la creación de hojas de estilo en cascada, en donde se obtenga una comprensión de su estructura y forma de trabajar con los elementos que la integran. El tercer tema, se centra en la creación, control y manipulación de objetos utilizados por el cliente de las aplicaciones web así como la integración de diversos Frameworks disponibles. En el cuarto tema, se aborda la programación del lado del servidor en donde se logre la manipulación de objetos y el acceso a datos para la presentación de procesos dinámicos y sus resultados en una aplicación web. En el quinto tema, se trata lo relacionado al cómputo en la nube, los patrones de diseño y desarrollo, para su posterior integración con servicios web. La importancia de la asignatura se centra en conocer y desarrollar cada una de las etapas de la programación para la solución de problemas en un lenguaje de programación en ambiente web, por lo que se recomienda que el estudiante desarrolle programas demostrativos en cada tema visto en clase generando un proyecto integrador y poniendo atención en los avances de los estudiantes.



FO-SA9-01-02 Rev. 4 Pag. 2 de 20

3. Competencia de la asignatura Desarrolla aplicaciones web dinámicas del lado cliente y del servidor, considerando la conectividad a orígenes de datos, la interconectividad entre aplicaciones y cómputo en la nube.

4. Análisis por competencias específicas

Competencia No. 1.

Descripción Conoce la evolución, arquitectura, tecnologías y planificación de las aplicaciones Web para la preparación de un ambiente de desarrollo.

Temas y subtemas para

desarrollar la competencia específica

Actividades de aprendizaje (estudiante)

Actividades de enseñanza (profesor)

Competencias genéricas a desarrollar

Horas teórico-

prácticas 1. Introducción a las aplicaciones web. 1.1 Evolución de las aplicaciones web. 1.2 Arquitectura de las aplicaciones web. 1.3 Tecnologías para el desarrollo de aplicaciones web. 1.4 Planificación de aplicaciones web.

1) Motivación: Identifica los elementos de la estructura de una página web. 2) Aprendizaje: -‐Investigar temas y conceptos sobre aplicaciones web, como su evolución, arquitectura y planificación, para elaborar un reporte en digital. -‐ Identificar las características de los servidores web, elaborar un

1) Motivación: Presentar ejemplos de páginas web para presentar la arquitectura de las mismas. 2) Aprendizaje: -‐ Presentar la arquitectura de las aplicaciones web. -‐ Presentar ejemplos de tecnologías para el desarrollo web.

-‐ Comunicación oral y escrita. -‐ Habilidad para buscar, analizar, clasificar y sintetizar información proveniente de fuentes diversas. -‐ Capacidad crítica y autocrítica. -‐ Capacidad de trabajar en equipo. -‐ Capacidad de aplicar los conocimientos en la práctica.

3-‐12



FO-SA9-01-02 Rev. 4 Pag. 3 de 20

cuadro comparativo. -‐ Enumerar las características de los intérpretes y compiladores orientados a web, elaborar un cuadro comparativo, discutiendo en equipo los resultados obtenidos. -‐ Registrar las características de los manejadores de bases de datos en un cuadro comparativo. 3) Práctica: 1. Instalar y configurar: manejador de base de datos, servidor web y lenguaje de programación del lado servidor. 4) Aplicación: Diseñar un mapa mental que incluya: evolución, arquitectura, tecnologías y planificación de las aplicaciones web para la preparación de un ambiente de desarrollo. 5) Evaluación: Mapa mental.

3) Prácticas: Solicitar que se instale y configure el entorno con el que se va a trabajar (manejador de base de datos, servidor web y lenguaje de programación del lado servidor). 4) Aplicación: Solicitar un mapa mental que incluya los diferentes tópicos del tema. 5) Evaluación: Mapa mental.



FO-SA9-01-02 Rev. 4 Pag. 4 de 20

Niveles de desempeño Desempeño Nivel de

desempeño indicadores de alcance Valoración numérica

Competencia Alcanzada

Excelente Cumple en su totalidad con los indicadores de alcance. 95-100

Notable Cumple con A, B, C, D, E y F de manera parcial. 85-94

Bueno Cumple con A, B, C, D, E y F de manera buena. 75-84

Suficiente Cumple con A, B, C, D, E y F de manera suficiente. 70-74

Competencia no Alcanzada Insuficiente No se cumple con el 100% de evidencias conceptuales, procedimentales y actitudinales de los indicadores definidos en el desempeño excelente

NA (No Alcanzada)

Indicadores de alcance Valor de indicador A. Se adapta a situaciones y contextos complejos. B. Hace aportaciones a las actividades académicas desarrolladas. C. Propone y/o explica soluciones o procedimientos no vistos en clase (creatividad). D. Introduce recursos y experiencias que promueven un pensamiento crítico; (por ejemplo el uso de las tecnologías de la información estableciendo previamente un criterio) E. Incorpora conocimientos y actividades interdisciplinarias en su aprendizaje F. Realiza su trabajo de manera autónoma y autorregulada.

A=20% B=10% C=20% D=20% E=10% F=20%



FO-SA9-01-02 Rev. 4 Pag. 5 de 20

Matriz de evaluación:

Evidencia de Aprendizaje

% A B C D E F Evaluación formativa de la competencia

Asistencia 20 X Se evalúa la participación y asistencia del alumno

Mapa mental 80 X X X X X Se evalúa la comprensión del tema Total 20 10 20 20 10 20

4. Análisis por competencias específicas Competencia No. 2

Descripción Conoce y aplica las herramientas para construir páginas web, considerando la interfaz gráfica de usuario, un lenguaje de marcado y de presentación.






Horas teórico-

prácticas 2. HTML, XML y CSS. 2.1 Introducción. 2.2 Estructura global de un documento Web. 2.3 Elementos básicos: texto, vínculos, listas, tablas, objetos, imágenes y aplicaciones. 2.4 Formularios. 2.5 Lenguajes de presentación en documentos Web. 2.6 Selectores. 2.7 Modelo de caja.

1) Motivación: Investigar temas y conceptos clave sobre HTML, XML y CSS, y elaborar un reporte escrito. 2) Aprendizaje: Utilizar las etiquetas del lenguaje de marcas para realizar ejercicios sobre los elementos básicos del lenguaje, tales como: texto, vínculos, listas, tablas, objetos y aplicaciones,

1) Motivación: Presentar un video en el que se describan diferentes instrucciones html para construir páginas web. 2) Aprendizaje: Presentar las etiquetas del lenguaje de marcas a través de ejemplos. Presentar conceptos sobre el lenguaje de presentación de datos.

-‐ Comunicación oral y escrita. -‐ Habilidad para buscar, analizar, clasificar y sintetizar información proveniente de fuentes diversas. -‐ Capacidad de trabajar en equipo. -‐ Capacidad de aplicar los conocimientos en la práctica.

3-‐12



FO-SA9-01-02 Rev. 4 Pag. 6 de 20

verificando su compatibilidad con diferentes navegadores web; entregar el reporte correspondiente. -‐ Investigar los temas y conceptos claves sobre el lenguaje de presentación de datos, registrar los resultados en un reporte escrito. 3) Práctica: 2. Realizar ejercicios sobre el manejo de formularios, verificando su compatibilidad con diferentes navegadores web, entregar el reporte correspondiente. 3. Realizar ejercicios de implementación de estilos, aplicando herencia y agrupación de selectores, verificando su compatibilidad con diferentes navegadores web, entregar el reporte correspondiente. 4) Aplicación: -‐ Aplicar hojas de estilo a una pagina web (CSS). -‐ Emplear controles para modificar propiedades en elementos de una página web.

3) Prácticas: -‐ Plantear diseños de páginas web que hagan uso de formularios y otros elementos, verificando su compatibilidad con diferentes navegadores web. -‐ Realizar ejercicios de implementación de estilos, aplicando herencia y agrupación de selectores, verificando su compatibilidad con diferentes navegadores web. 4) Aplicación: -‐ Plantear situaciones en las que los estudiantes deban realizar aplicaciones donde se haga el uso de archivos



FO-SA9-01-02 Rev. 4 Pag. 7 de 20

-‐ Emplear formularios para pasar parámetros entre páginas web. -‐Obtener un reporte de las actividades realizadas. 5) Evaluación: Presentar funcionando la página web y entregar el reporte correspondiente.

CSS (internos, externos y en línea). -‐ Proponer situaciones en las que los alumnos deban realizar aplicaciones en donde se haga el uso de los controles y se modifiquen sus propiedades. -‐ Proponer situaciones en las que los alumnos deban realizar aplicaciones en donde se haga el uso de paso de parámetros entre páginas web. 5) Evaluación: Se evalúa el funcionamiento de la página web y el reporte de construcción de la página web.

Indicadores de alcance Valor de indicador A. Se adapta a situaciones y contextos complejos. B. Hace aportaciones a las actividades académicas desarrolladas. C. Propone y/o explica soluciones o procedimientos no vistos en clase (creatividad). D. Introduce recursos y experiencias que promueven un pensamiento crítico; (por ejemplo el uso de las tecnologías de la información estableciendo previamente un criterio) E. Incorpora conocimientos y actividades interdisciplinarias en su

A=20% B=10% C=20% D=20% E=10% F=20%



FO-SA9-01-02 Rev. 4 Pag. 8 de 20

Niveles de desempeño

Desempeño Nivel de desempeño

indicadores de alcance Valoración numérica







NA (No Alcanzada)

Matriz de evaluación:

Evidencia de Aprendizaje



Página web 30 X X El estudiante construye una página web usando las etiquetas, estiliza la página web

y es posible navegar a través de ella Reporte 50 X X X Documentación de las actividades

desarrolladas al construir la página web Total 20 10 20 20 10 20

aprendizaje F. Realiza su trabajo de manera autónoma y autorregulada.



FO-SA9-01-02 Rev. 4 Pag. 9 de 20

4. Análisis por competencias específicas Competencia No. 3

Descripción Conoce y aplica un lenguaje de programación del lado del cliente, para la construcción de aplicaciones web dinámicas, considerando Frameworks ya existentes.






Horas teórico-

prácticas 3. Programación del lado del cliente. 3.1 Introducción al lenguaje. 3.2 Manejo de Frameworks. 3.3 Estructuras de Control. 3.4 Manipulación de objetos.

1) Motivación: Investigar y elaborar un ensayo sobre las ventajas y desventajas de usar frameworks para desarrollo web del lado del cliente. 2) Aprendizaje: Contrastar las características de diferentes Frameworks utilizados para programación del lado del cliente, en un cuadro comparativo y seleccionar uno de ellos, realizando una exposición frente a grupo, argumentando la elección. -‐ Realizar ejercicios con elementos básicos de texto, vínculos, listas, tablas, objetos, imágenes, aplicaciones que reaccione a eventos y validarlos con rutinas del lado del cliente

1) Motivación: Presentar video con los beneficios de usar un framework para desarrollo web vs usar html puro. 2) Aprendizaje: Presentar las principales características de diferentes Frameworks utilizados para programación del lado del cliente. Presentar a través de ejemplos el uso del Framework seleccionado.

-‐ Capacidad de análisis y síntesis. -‐ Comunicación oral y escrita. -‐ Habilidad para buscar, analizar, clasificar y sintetizar información proveniente de fuentes diversas. -‐ Solución de problemas. -‐ Capacidad de trabajar en equipo. -‐ Capacidad de aplicar los conocimientos en la práctica. -‐ Capacidad de aprender.

4-‐16



FO-SA9-01-02 Rev. 4 Pag. 10 de 20

mediante el Framework seleccionado. -‐ Realizar aplicaciones con formularios dinámicos, que dispongan de elementos generados y validados con el lenguaje del lado del cliente mediante el Framework seleccionado. 3) Práctica: 4. Realizar aplicaciones donde se manipulen los controles a través del lenguaje de programación del lado cliente. 5. Realizar aplicaciones en donde se lleve a cabo la validación de entrada de datos desde el lado del cliente. 6. Realizar aplicaciones en donde se implemente Ajax. 4) Aplicación: Aplicar un lenguaje de programación del lado del cliente, para construir una aplicación web dinámica empleando un Framework. Documentar el diseño e implementación de la página web del lado del cliente. 5) Evaluación: Página web y documentación de la implementación.

3) Prácticas: Proponer las prácticas a desarrollar. 4) Aplicación: Solicitar a los alumnos que planteen un proyecto en el que deban construir una página web dinámica que haga uso de los elementos estudiados en el tema y requiera trabajar con bases de datos. 5) Evaluación: Página web y documentación de la implementación.



FO-SA9-01-02 Rev. 4 Pag. 11 de 20









NA (No Alcanzada)

Indicadores de alcance Valor de indicador A. Se adapta a situaciones y contextos complejos. B. Hace aportaciones a las actividades académicas desarrolladas. C. Propone y/o explica soluciones o procedimientos no vistos en clase (creatividad). D. Introduce recursos y experiencias que promueven un pensamiento crítico; (por ejemplo el uso de las tecnologías de la información estableciendo previamente un criterio) E. Incorpora conocimientos y actividades interdisciplinarias en su aprendizaje F. Realiza su trabajo de manera autónoma y autorregulada.

A=20% B=10% C=20% D=20% E=10% F=20%



FO-SA9-01-02 Rev. 4 Pag. 12 de 20

Matriz de evaluación: Evidencia de Aprendizaje



Páagina web 30 X X Se evalúa a través del correcto funcionamiento de la página web, la

aplicación del lenguaje de programación haciendo uso de algún Framework de

desarrollo. Documentación de la implementación 50 X X X Se evalúa la comprensión del estudiante al

emplear un lenguaje de programación para construir su página web o aplicación web.

Total 20 10 20 20 10 20


Competencia No. 4

Descripción Conoce y aplica un lenguaje de programación del lado del servidor, para la construcción de aplicaciones web dinámicas, considerando su conectividad a orígenes de datos.






Horas teórico-

prácticas 4. Programación del lado del servidor. 4.1 Introducción al lenguaje. 4.2 Estructuras de Control.

1) Motivación: Investigar y elaborar un ensayo sobre las ventajas y desventajas de

1) Motivación: Presentar video con lo que significa usar un lenguaje de

-‐ Capacidad de análisis y síntesis. -‐ Comunicación oral y

3-‐12



FO-SA9-01-02 Rev. 4 Pag. 13 de 20

4.3 Tratamiento de Formularios. 4.4 Manejo de objetos del servidor. 4.5 Creación de clases. 4.6 Acceso a datos.

usar lenguajes de programación del lado del servidor y cuándo se utilizan. 2) Aprendizaje: -‐ Investigar los temas y conceptos claves sobre el lenguaje de programación del lado del servidor, y elaborar un reporte escrito. -‐ Desarrollar componentes de código que permitan su reutilización posterior. -‐ Realizar aplicaciones con formularios dinámicos, que dispongan de elementos generados y validados con lenguaje del lado del servidor, lo cuales realicen conectividad a orígenes de datos. -‐ Realizar aplicaciones de despliegue de información mediante un lenguaje del lado del servidor, con base en una conectividad a orígenes de datos. 3) Práctica: 7. Realizar aplicación en donde se lleve a cabo la validación de entrada de datos desde el lado del servidor; que además implemente mecanismos de seguridad para el acceso de información de algún origen

programación del lado del servidor. 2) Aprendizaje: - Presentar las principales características del lenguaje de programación del lado del servidor. -‐ Mostrar ejemplos de código del lado del servidor. 3) Prácticas: Establecer las características de la práctica a desarrollar.

escrita. -‐ Habilidad para buscar, analizar, clasificar y sintetizar información proveniente de fuentes diversas. -‐ Solución de problemas. -‐ Capacidad de trabajar en equipo. -‐ Capacidad de aplicar los conocimientos en la práctica. -‐ Capacidad de aprender.



FO-SA9-01-02 Rev. 4 Pag. 14 de 20

de datos; que aplique librerías como son: JQuery, Mootools y/o Prototype; que aplique los servicios web y estos puedan ser consultados de manera remota; que incorpore servicios web para ubicación satelital y cartografía. 4) Aplicación: Aplicar un lenguaje de programación del lado del servidor, para construir una aplicación web dinámica que permita consumir datos desde la página web. 5) Evaluación: Página web y documentación de la implementación.

4) Aplicación: Retomar el proyecto seleccionado y complementarlo incorporando la programación de lado del servidor para el consumo de información desde la página web. 5) Evaluación: Página web y documentación de la implementación.

Indicadores de alcance Valor de indicador A. Se adapta a situaciones y contextos complejos. B. Hace aportaciones a las actividades académicas desarrolladas. C. Propone y/o explica soluciones o procedimientos no vistos en clase (creatividad). D. Introduce recursos y experiencias que promueven un pensamiento crítico; (por ejemplo el uso de las tecnologías de la información estableciendo previamente un criterio) E. Incorpora conocimientos y actividades interdisciplinarias en su aprendizaje

A=20% B=10% C=20% D=20% E=10% F=20%



FO-SA9-01-02 Rev. 4 Pag. 15 de 20









NA (No Alcanzada)

F. Realiza su trabajo de manera autónoma y autorregulada.



FO-SA9-01-02 Rev. 4 Pag. 16 de 20




Páagina web 30 X X Se evalúa a través del correcto funcionamiento de la página web, la

aplicación del lenguaje de programación del lado del servidor

Documentación de la implementación 50 X X X Se evalúa la comprensión del estudiante al emplear un lenguaje de programación del lado del servidor para construir su página

web o aplicación web considerando su conectividad a origenes de datos

Total 20 10 20 20 10 20


Competencia No. 5

Descripción Conoce y aplica los tipos de servicios, para lograr interconectividad entre aplicaciones, considerando cómputo en la nube.






Horas teórico-

prácticas 5. Cómputo en la nube y servicios. 5.1 Conceptos generales. 5.2 Tipos de Servicios en la nube.

1) Motivación: Investigar los temas y conceptos claves sobre cómputo en la nube y

1) Motivación: Plantear a los estudiantes la pregunta sobre: qué

-‐ Capacidad de análisis y sín tesis. -‐ Habilidad para

2-‐8



FO-SA9-01-02 Rev. 4 Pag. 17 de 20

5.3 Patrones de diseño. 5.4 Estándares en servicios. 5.5 Plataformas tecnológicas 5.6 Seguridad e interoperabilidad.

sus servicios, para elaborar un mapa mental. 2) Aprendizaje: -‐ Desarrollar y publicar servicios web cumpliendo estándares y documentando el proceso realizado. -‐ Realizar aplicaciones que incorporen el uso de servicios web públicos, mostrando en grupo los resultados obtenidos. 3) Práctica: Implementar una aplicación web en una infraestructura de nube pública. 4) Aplicación: Aplicar tipos de servicios que permitan la interconectividad de la aplicación web del proyecto con otras aplicaciones. 5) Evaluación: Página web y documentación de la implementación.

saben respecto al cómputo en la nube. 2) Aprendizaje: -‐ Presentar temas. -‐ Proporcionar ejemplos: para desarrollo y publicación de servicios web cumpliendo estándares; para incorporar el uso de servicios web públicos. 3) Prácticas: Implementar una aplicación web en una infraestructura de nube pública. 4) Aplicación: Retomar el proyecto seleccionado y complementarlo para aplicar tipos de servicios que permitan la interconectividad de la aplicación web con otras aplicaciones. 5) Evaluación: Página web y documentación de la implementación.

buscar, analizar, clasificar y sintetizar información proveniente de fuentes diversas. -‐ Solución de problemas. -‐Toma de decisiones. -‐ Capacidad crítica y autocrítica. -‐Capacidad de trabajar em equipo. -‐ Capacidad de comunicar sus ideas. -‐ Capacidad de aplicar los conocimientos en la práctica. -‐ Capacidad de aprender. -‐ Búsqueda del logro.

Indicadores de alcance Valor de indicador A. Se adapta a situaciones y contextos complejos. B. Hace aportaciones a las actividades académicas desarrolladas.

A=20% B=10%



FO-SA9-01-02 Rev. 4 Pag. 18 de 20









NA (No Alcanzada)

C. Propone y/o explica soluciones o procedimientos no vistos en clase (creatividad). D. Introduce recursos y experiencias que promueven un pensamiento crítico; (por ejemplo el uso de las tecnologías de la información estableciendo previamente un criterio) E. Incorpora conocimientos y actividades interdisciplinarias en su aprendizaje F. Realiza su trabajo de manera autónoma y autorregulada.

C=20% D=20% E=10% F=20%



FO-SA9-01-02 Rev. 4 Pag. 19 de 20




Páagina web 30 X X Se evalúa a través del correcto funcionamiento de la página web y el uso de los servicios y la interconectividad con otras

aplicaciones Documentación de la implementación 50 X X X Se evalúa la comprensión del estudiante al

incorporar los servicios. Total 20 10 20 20 10 20

5. Fuentes de Información y apoyos Didácticos Fuentes de información: Apoyos didácticos:

1. David Roldán Martínez. Pedro J. Valderas Aranda. Óscar Pastor López (2010). Aplicaciones web Un enfoque práctico. Alfaomega.

2. Francisco J. Molina. Eduardo Polo (2007). Instalación y mantenimiento de servicios de internet. Alfaomega.

3. David Rodríguez de Sepúlveda Maillo. María del Mar Sánchez Cervantes (2011). Mi primer proyecto web. Alfaomega.

4. Maximiliano R. Firtman (2008). Ajax Web 2.0 para profesionales. Alfaomega.

5. Maximiliano R. Firtman (2010). Ajax Web 2.0 con jQuery para profesionales. Alfaomega.

6. Tom Negrino. Dori Smith (2007). Java script & ajax Para diseño web. Pearson Prentice Hall.

Cañon. Laptop. Pizarrón. Plumones.



FO-SA9-01-02 Rev. 4 Pag. 20 de 20

7. Hernán Beati (2011). PHP Creación de páginas Web dinámicas. Alfaomega.

8. Hugh E. Willians. David Lane (2004). PHP and MySQL. O´REILLY.

9. Chris Payne (2002). Aprendiendo Asp.Net. Prentice Hall. 10. Ricardo Eito Brum (2001). Programación con XML

Aprenda a utilizar XML, el formato estándar para la transmisión de datos web. Anaya Multimedia.

6. Calendarización de evaluación en semanas:

OBSERVACIONES: Se tiene esta información en el formato de Planeación del curso.

Fecha de elaboración: 17 de agosto de 2018

Nombre y firma del(de la) profesor(a): M.C. Ana Cristina Palacios García

Nombre y firma del(de la) Jefe(a) de División Ing. Rafael Tovany León

instituto tecnolÓgico superior de tepeaca · 2018. 8. 28. · instituto tecnolÓgico superior de...

Documents