Ingeniería Web I

1. Ingeniería y Tecnología
Web I
Ingeniería en Sistemas y Tecnologías
de Información Industrial

4. Ingeniería t tecnología Web I
Información General

5. Pie de foto.
Contenido:
• Introducción
• Competencia a desarrollar
• Dinámica y políticas para actividades
• Dinámicas y políticas para evaluación
• Cronograma de actividades
• Contenido temático
• Ubicación Curricular
• Fuentes de Información
03
01
Contenido| Criptografía

6. Introducción
02
Introducción | Criptografía

7. Pie de foto.
La ingeniería web es la aplicación de metodologías
sistemáticas, disciplinadas y cuantificables al
desarrollo eficiente, operación y evolución de
aplicaciones de alta calidad en la World Wide Web.
La ingeniería web se debe a que el crecimiento
desenfrenado que está teniendo la Web está
ocasionando un impacto en la sociedad y el nuevo
manejo que se le está dando a la información en las
diferentes áreas en que se presenta ha hecho que las
personas tiendan a realizar todas sus actividades por
esta vía.
Hace ya por lo menos diez años, la Web irrumpió en
nuestras vidas. Son ya muy lejanos aquellos tiempos
en los que la web, no era más que un repositorio de
páginas estáticas que servían como carta de
presentación a las empresas, y personas.
Hoy en día, la web es esencialmente una plataforma
para todo tipo de aplicaciones, con todo tipo de
propósitos: desde tiendas virtuales hasta redes
sociales. El curso consta de 5 unidades que se
describen a continuación:
03
Introducción | Ingeniería y Tecnología Web I
Esta foto de Autor desconocido está bajo licencia CC BY-SA-NC

8. Pie de foto.
Unidad 1
En la primera unidad se
abordan las definiciones
básicas de la teoría de
evolución, arquitectura y
tecnologías de desarrollo.
Unidad 2
En la segunda unidad se
abordan temas de HTML y
CSS. Para desarrollar
interfaces de calidad
profesional con ciertas
funcionalidades
multimedia.
04
Introducción | Ingeniería y Tecnología Web I
En este curso aprenderás ha:
• Identifica los componentes de las arquitecturas web para diseñar aplicaciones distribuidas.
• Aplica tecnologías para diseñar interfaces gráficas usando lenguajes descriptivos y de marcado.
• Aplica tecnologías para desarrollar aplicaciones en el servidor.
• Aplica tecnologías para desarrollar aplicaciones en el cliente.
• Integra bases de datos a las aplicaciones web para el almacenamiento y acceso a la información de forma
distribuida.
• Identifica la diferencia entre sistemas de gestión de contenidos y de documentos para separar el contenido de un
sistema web con su diseño
Unidad 3
Vamos a trabajar en esta
unidad con programación
del lado del servidor
utilizando un framework
para el modelo MVC.

9. Pie de foto.
Unidad 4
En esta unidad veremos la
programación del lado del
cliente. Utilizaremos
lenguajes de
programación para hacer
funcionalidades y
dinamismo en la página
web.
Unidad 5
04
Introducción | Ingeniería y Tecnología Web I
En la ultima unidad
veremos como realizar la
comunicación entre
diferentes sistemas de
información web.

10. Competencia a desarrollar
05
Competencia a desarrollar | Ingeniería y Tecnología Web I

11. Pie de foto.
La competencia a desarrollar en este curso es la siguiente:
Gestionar los sistemas de información que son utilizados en la industria a través del
análisis de sus requerimientos y siguiendo los estándares internacionales que aseguran
sistemas eficientes y robustos.
06
Competencia a desarrollar| Ingeniería y Tecnología Web I
Esta foto de Autor desconocido está bajo licencia CC BY-NC

12. Dinámica y políticas para actividades
07
Dinámica y políticas para actividades | Ingeniería y Tecnología Web I

13. Pie de foto.
El curso se desarrollará en modalidad escolarizada con apoyo de plataformas en línea. Las
sesiones presenciales son clases prácticas y las actividades se desarrollarán en modalidad en
línea. Los participantes deberán ingresar a la plataforma Virtual Horizon para cumplir con las
actividades que han sido diseñadas para el curso, considerando su realización de acuerdo al
tiempo o semanas programadas, así como estudiar los recursos propuestos para cada tema o
actividad.
Las actividades son sumativas y deberán entregarse en tiempo y forma, cuentas con dos
intentos con el fin de poder atender las observaciones hechas por el facilitador. Es
recomendable que antes de entregar las actividades revises la lista de cotejo o rubrica para
cumplir con los puntos solicitados y alcanzar el máximo puntaje.
Deberán revisar los recursos básicos y complementarios programados para poder realizar las
actividades. Dispones de recursos en diversos formatos que deberás de analizar y en caso de
ser necesario profundizar a través del material complementario o de recursos de la web a través
de sitios confiables. Las evidencias de aprendizaje deberán ser subidas a la plataforma para
poder ser consideradas en su evaluación.
08
Dinámica y políticas para actividades| Ingeniería y Tecnología Web I

14. Dinámica y políticas para evaluación
09
Dinámica y políticas para evaluación | Ingeniería y Tecnología Web I

15. Pie de foto.
Revisar las fechas límite para entregar cada actividad. Después de las fechas
establecidas se cuenta con una semana para poder subir la actividad, sin
embargo, si se sube después de la fecha establecida se reducirá un punto
sobre la calificación obtenida como penalización por entrega tardía. El
porcentaje mínimo de aprobación del curso es del 60%. Las actividades se
evaluarán de acuerdo a las listas de cotejo o rubricas que se encuentran en
la plataforma.
10
Dinámica y políticas para evaluación | Ingeniería y Tecnología Web I

16. Pie de foto.
Actividades ponderadas
Unidad Actividad Semana de entrega Porcentaje
Unidad I
Actividad 1. Actividades teóricas 1-17 20%
Actividad 2. Animaciones HTML y CSS 4 5%
Actividad 3. Ejercicios PHP 5 5%
Unidad 2
Actividad 4. CRUD completo en MVC 6 10%
Actividad 5. Interfaces del proyecto web front-end y
back-end
9 10%
Unidad 3
Actividad 6. Estructura funcional del MVC del proyecto 11 15%
Actividad 7. Conexión y configuración de la base de
datos del MVC del proyecto
13 15%
Unidad 4
Actividad 8. Configuración y publicación del sitio web en
un servidor
15 10%
Actividad 9. Exposición de la entrega del proyecto
Actividad 10. Certificación HTML y CSS
17 10%
Dinámica y políticas para evaluación | Ingeniería y Tecnología Web I 11

17. Pie de foto.
Cronograma de actividades
Semanas
Actividad 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
Actividad 1
Actividad 2
Actividad 3
Actividad 4
Actividad 5
Actividad 6
Actividad 7
Actividad 8
Actividad 9
Dinámica y políticas para evaluación | Ingeniería y Tecnología Web I 12

18. Contenido temático
13
Contenido temático | Ingeniería y Tecnología Web I

19. Pie de foto.
Unidad de Aprendizaje Contenido temático
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
2- HTML y CSS 2.1 Estructura global de un documento HTML
2.2 Elementos básicos de CSS
2.3 Transiciones, Transformaciones 2D, 3D y Animaciones
2.4 Estructura de cajas
2.5 Uso y aplicación de formularios
2.6 Responsive Web
14
Contenido Temático | Ingeniería y Tecnología Web I
Contenido temático (1/3)

20. Pie de foto.
Contenido temático (2/3)
Unidad de Aprendizaje Contenido temático
3 Programación del lado del servidor
3.1 Estructura del lenguaje de programación
3.2 Elementos del lenguaje de programación
3.3 Manejo de un framework MVC
3.4 Conectividad entre el servidor y una base de datos
3.5 CRUD en el framework
3.6 Sesiones
3.7 Paginación
3.8 Cookies
4 Programación del lado del cliente
4.1 Lenguaje Script del cliente.
4.2 Modelo de objetos con lenguaje Script.
4.3 Objetos lenguaje Script ínter construidos.
4.4 Eventos con lenguaje Script.
4.5 Validación de entrada de datos del lado del cliente.
4.6 Consideraciones del soporte del navegador.
15
Contenido temático | Ingeniería y Tecnología Web I

21. Pie de foto.
Contenido temático (3/3)
Unidad de Aprendizaje Contenido temático
5 XML y JSON
5.1 La estructura de XML
5.2 XSL, XSLT y XPath de XML
5.3 Schema XML
5.4 Introducción a JSON
5.5 Formato de JSON
5.6 Herramientas de JSON
15
Contenido temático | Ingeniería y Tecnología Web I

22. Ubicación curricular
16
Ubicación curricular | Ingeniería y Tecnología Web I

23. Pie de foto.
Ubicación Curricular
17
Ubicación curricular | Ingeniería y Tecnología Web I
Programa Educativo: Ingeniería en Sistemas y Tecnologías de Información
Industrial
Nivel Educativo: Licenciatura
Ubicación: Complejo Regional Centro Sede San José Chiapa
Modalidad: Escolarizada
Asignatura: Ingeniería y tecnologías web I
Código: ISTS 003
Créditos: 3
Nombre del Experto en
Contenido:
Mtra. Karla Verónica Silva Ramos
Correo electrónico: Karla.silvara@correo.buap.mx
Nombre del Diseñador
Instruccional:
Mtra. Karla Verónica Silva Ramos
Correo Electrónico: Karla.silvara@correo.buap.mx

24. Fuentes de información
18
Fuentes de información | Ingeniería y Tecnología Web I

25. Pie de foto.
Bibliografía
•Ollero Sánchez, C. (2016). Metodología de programación en páginas web: manual teórico.. Editorial CEP,
S.L. https://elibro.bibliotecabuap.elogim.com/es/lc/bibliotecasbuap/titulos/51078
•Ollero Sánchez, C. (2016). Cuaderno de ejercicios: metodología de programación en páginas web.. Editorial
CEP, S.L. https://elibro.bibliotecabuap.elogim.com/es/lc/bibliotecasbuap/titulos/51077
•Escarcena, M. (2020). Programación páginas Web: JavaScript y PHP. 1. RA-MA Editorial.
https://elibro.bibliotecabuap.elogim.com/es/lc/bibliotecasbuap/titulos/222656
•Flórez Fernández, H. & Hernández Rodríguez, J. (2021). Aplicaciones web con PHP. 1. RA-MA Editorial.
https://elibro.bibliotecabuap.elogim.com/es/lc/bibliotecasbuap/titulos/230578
19
Fuentes de información | Ingeniería y Tecnología Web I

26. Gracias.
©2020
Es responsabilidad exclusiva de los autores el respeto de los derechos de autor sobre los contenidos e imágenes en el presente
documento, en consecuencia, la BUAP no se hace responsable por el uso no autorizado, errores, omisiones o manipulaciones de los
derechos de autor y estos serán atribuidos directamente al Responsable de Contenidos, así como los efectos legales y éticos
correspondientes.