INGENIERÍA EN

ENTORNOS VIRTUALES Y NEGOCIOS DIGITALES

EN COMPETENCIAS PROFESIONALES

ASIGNATURA DE PROGRAMACIÓN DE APLICACIONES

WEB PROGRESIVAS.
Dirigir e implementar proyectos de negocios digitales y
soluciones de entornos virtuales a través del desarrollo
de aplicaciones progresivas, herramientas de
inteligencia en los negocios y desarrollo avanzado
1. Competencias inmersivo / multisensorial considerando las
necesidades del cliente, la interpretación de los datos
y la normatividad aplicable para contribuir a la
evolución digital de las organizaciones en el marco
global.
2. Cuatrimestre Décimo
3. Horas Teóricas 29
4. Horas Prácticas 76
5. Horas Totales 105
6. Horas Totales por Semana 7
Cuatrimestre
7. Objetivo de aprendizaje El alumno desarrollará Aplicaciones Web Progresivas
mediante herramientas, técnicas y lenguajes
programación vigentes para su implementación en los
negocios digitales.

Horas
Unidades de Aprendizaje
Teóricas Prácticas Totales
I. Introducción al desarrollo de Aplicaciones 7 21 28
Web Progresivas.
II. Desarrollo de aplicaciones web Progresivas. 18 45 63
III. Distribución de la Aplicación Web 4 10 14
Progresivas
Totales 29 76 105

Comité de Directores de la Carrera de

ELABORÓ: Entornos Virtuales y Negocios Digitales REVISÓ: Dirección Académica

FECHA DE ENTRADA
APROBÓ: C. G. U. T. y P. Septiembre de 2020
EN VIGOR:

F-DA-01-PE-ING-41
 PROGRAMACIÓN DE APLICACIONES
WEB PROGRESIVAS.
UNIDADES DE APRENDIZAJE.
1. Unidad de I. Introducción al desarrollo de Aplicaciones Web
aprendizaje Progresivas.
2. Horas Teóricas 7
3. Horas Prácticas 21
4. Horas Totales 28
5. Objetivo de la
El alumno determinará las tecnologías para el desarrollo de
Unidad de
Aplicaciones Web Progresivas.
Aprendizaje

Temas Saber Saber hacer Ser

Fundamentos de Identificar el concepto de Seleccionar los frameworks Pensamiento

Aplicaciones PWA. para el desarrollo de PWA creativo.
Web Progresivas para negocios digitales. Trabajo
(PWA) Explicar las características colaborativo.
de las PWA. Asertividad.
Observador.
Identificar ventajas de las Saber escuchar.
PWA. Comunicarse.
Programar códigos en
Puntualidad.
javascript.
Identificar diferencias Responsabilidad.
entre aplicación web, Honestidad.
aplicación nativa y Ética profesional
aplicación web y personal.
progresiva. Respeto.
Liderazgo.
Identificar las Iniciativa.
herramientas, librerías, Proactivo.
frameworks para el Emprendedor.
desarrollo de una PWA.

Reconocer conceptos
básicos de programación
en javascript
Estructuras de control.
Funciones
Eventos
Notificaciones.

Comité de Directores de la Carrera de

ELABORÓ: Entornos Virtuales y Negocios Digitales REVISÓ: Dirección Académica

FECHA DE ENTRADA
APROBÓ: C. G. U. T. y P. Septiembre de 2020
EN VIGOR:

F-DA-01-PE-ING-41
 Temas Saber Saber hacer Ser

Arquitectura Identificar las Pensamiento

PWA herramientas para la creativo.
arquitectura para PWA Seleccionar el enfoque de Trabajo
la arquitectura alineada a colaborativo.
-Manifiesto.
negocios digitales. Asertividad.
-Services workers
Observador.
-Web components
Saber escuchar.
-App shells. Configurar la arquitectura Comunicarse.
-Cache API cliente/ servidor. Puntualidad.
Responsabilidad.
Reconocer los enfoques Honestidad.
de la arquitectura para Ética profesional
PWA y personal.
-del lado del servidor SSR Respeto.
-del lado del cliente CSR Liderazgo.
Iniciativa.
Proactivo.
Emprendedor.

Comité de Directores de la Carrera de

ELABORÓ: Entornos Virtuales y Negocios Digitales REVISÓ: Dirección Académica

FECHA DE ENTRADA
APROBÓ: C. G. U. T. y P. Septiembre de 2020
EN VIGOR:

F-DA-01-PE-ING-41
 PROGRAMACIÓN DE APLICACIONES
WEB PROGRESIVAS.
PROCESO DE EVALUACIÓN

Instrumentos y tipos de
Resultado de aprendizaje Secuencia de aprendizaje
reactivos
Elabora y presenta a partir 1. Comprender el concepto de Estudio de casos
de un caso práctico un Aplicación Web Progresiva. Lista de cotejo
reporte que contenga:
2. Identificar las herramientas,
librerías, frameworks para el
a) Justificación de las desarrollo de una aplicación
tecnologías seleccionadas web progresiva.
para el desarrollo de la
PWA. 3. Comprender el uso de las
b) Estilo de la Arquitectura herramientas para la
c) Aplicación y arquitectura para PWA
funcionalidades en 4. Comprender el lenguaje de
JavaScript programación para el desarrollo
de Aplicaciones Web Progresivas

Comité de Directores de la Carrera de

ELABORÓ: Entornos Virtuales y Negocios Digitales REVISÓ: Dirección Académica

FECHA DE ENTRADA
APROBÓ: C. G. U. T. y P. Septiembre de 2020
EN VIGOR:

F-DA-01-PE-ING-41
 PROGRAMACIÓN DE APLICACIONES
WEB PROGRESIVAS.
PROCESO ENSEÑANZA APRENDIZAJE

Métodos y técnicas de enseñanza Medios y materiales didácticos

Estudio de casos Equipo de cómputo.
Análisis de casos Internet.
Práctica demostrativa Software especializado.

ESPACIO FORMATIVO

Aula Laboratorio / Taller Empresa

X

Comité de Directores de la Carrera de

ELABORÓ: Entornos Virtuales y Negocios Digitales REVISÓ: Dirección Académica

FECHA DE ENTRADA
APROBÓ: C. G. U. T. y P. Septiembre de 2020
EN VIGOR:

F-DA-01-PE-ING-41
 PROGRAMACIÓN DE APLICACIONES
WEB PROGRESIVAS
UNIDADES DE APRENDIZAJE

1.Unidad de II. Desarrollo de aplicaciones web Progresivas.

aprendizaje
2.Horas Teóricas 18
3.Horas Prácticas 45
4.Horas Totales 63
5.Objetivo de la
El alumno desarrollará las funcionalidades de una PWA para su
Unidad de
implementación en un prototipo.
Aprendizaje

Temas Saber Saber hacer Ser

Configuración Identificar el entorno Instalar el entorno de Pensamiento

del entorno de para desarrollo PWA. desarrollo. creativo.
desarrollo Identificar los Trabajo
requerimientos de Configurar librerías para el colaborativo.
instalación del entorno. entorno de desarrollo. Asertividad.
Observador.
Identificar la estructura Codificar el archivo Saber escuchar.
de programación del manifiesto. Comunicarse.
archivo de manifiesto. Puntualidad.
Desarrollar los
Responsabilidad.
componentes Web
Honestidad.
Ética profesional
y personal.
Respeto.
Liderazgo.
Iniciativa.
Proactivo.
Emprendedor.

Comité de Directores de la Carrera de

ELABORÓ: Entornos Virtuales y Negocios Digitales REVISÓ: Dirección Académica

FECHA DE ENTRADA
APROBÓ: C. G. U. T. y P. Septiembre de 2020
EN VIGOR:

F-DA-01-PE-ING-41
 Temas Saber Saber hacer Ser

Service Worker Identificar las Pensamiento

características y Desarrollar el service creativo.
funcionalidades del worker. Trabajo
service worker. Desarrollar la Cache API, colaborativo.
Fetch API y Shell API. Asertividad.
Identificar los requisitos Observador.
Desarrollar patrones para
de implementación del Saber escuchar.
service worker trabajo offline. Comunicarse.
Implementar el service Puntualidad.
Describir el proceso de worker al sitio web. Responsabilidad.
desarrollo del Service Honestidad.
Worker Ética profesional
y personal.
Identificar estructura para Respeto.
la codificación del Liderazgo.
services worker. Iniciativa.
Proactivo.
Identificar estructura para Emprendedor.
la codificación de APIs
Cache, Fetch y Shell.

Describir estrategias
offline.
Identificar estructura de
codificación de patrones
para trabajo offline.

Comité de Directores de la Carrera de

ELABORÓ: Entornos Virtuales y Negocios Digitales REVISÓ: Dirección Académica

FECHA DE ENTRADA
APROBÓ: C. G. U. T. y P. Septiembre de 2020
EN VIGOR:

F-DA-01-PE-ING-41
 Temas Saber Saber hacer Ser

Transacciones Describir el proceso para Pensamiento

manipulación de base creativo.
datos en PWA. Implementar la Trabajo
comunicación con la Base colaborativo.
Identificar estructura para de datos Asertividad.
codificación de Observador.
transacciones en BD: Saber escuchar.
lectura, escritura, Comunicarse.
borrado. Puntualidad.
Responsabilidad.
Honestidad.
Ética profesional
y personal.
Respeto.
Liderazgo.
Iniciativa.
Proactivo.
Emprendedor.

Comité de Directores de la Carrera de

ELABORÓ: Entornos Virtuales y Negocios Digitales REVISÓ: Dirección Académica

FECHA DE ENTRADA
APROBÓ: C. G. U. T. y P. Septiembre de 2020
EN VIGOR:

F-DA-01-PE-ING-41
 PROGRAMACIÓN DE APLICACIONES
WEB PROGRESIVAS
PROCESO DE EVALUACIÓN

Instrumentos y tipos de
Resultado de aprendizaje Secuencia de aprendizaje
reactivos
Elabora y presenta a partir 1. Comprender la estructura de Estudio de casos.
de un caso práctico un programación para el desarrollo Lista de cotejo.
portafolio de evidencias de los services workers.
que integre:
2. Comprender la estructura
para la codificación de APIs
a) Script del service worker Cache, Fetch y Shell.
b) Scripts de las APIs
desarrolladas 3. Comprender la estructura de
c) Prototipo funcional de la codificación de patrones para
PWA trabajo offline.

4. Relacionar la estructura para

codificación de transacciones en
BD: lectura, escritura, borrado.

Comité de Directores de la Carrera de

ELABORÓ: Entornos Virtuales y Negocios Digitales REVISÓ: Dirección Académica

FECHA DE ENTRADA
APROBÓ: C. G. U. T. y P. Septiembre de 2020
EN VIGOR:

F-DA-01-PE-ING-41
 PROGRAMACIÓN DE APLICACIONES
WEB PROGRESIVAS PROCESO ENSEÑANZA APRENDIZAJE

Métodos y técnicas de enseñanza Medios y materiales didácticos

Estudio de casos. Equipo de cómputo.
Análisis de casos. Internet.
Práctica demostrativa. Software especializado.

ESPACIO FORMATIVO

Aula Laboratorio / Taller Empresa

X

Comité de Directores de la Carrera de

ELABORÓ: Entornos Virtuales y Negocios Digitales REVISÓ: Dirección Académica

FECHA DE ENTRADA
APROBÓ: C. G. U. T. y P. Septiembre de 2020
EN VIGOR:

F-DA-01-PE-ING-41
 PROGRAMACIÓN DE APLICACIONES
WEB PROGRESIVAS
UNIDADES DE APRENDIZAJE

1. Unidad de
III. Distribución de la Aplicación Web Progresiva.
aprendizaje
2. Horas Teóricas 4
3. Horas Prácticas 10
4. Horas Totales 14
5. Objetivo de la
El alumno realizará los procesos de publicación y pruebas para
Unidad de
Aplicaciones Web Progresivas.
Aprendizaje

Temas Saber Saber hacer Ser

Publicación de Describir el proceso para Pensamiento

Realizar publicación de la
la PWA publicación de la PWA. PWA. creativo.
Trabajo
colaborativo.
Identificar las diferencias Seleccionar el hosting para Asertividad.
entre hosting tradicional y Observador.
la publicación de la PWA
hosting en la nube. Saber escuchar.
Comunicarse.
Puntualidad.
Responsabilidad.
Honestidad.
Ética profesional
y personal.
Respeto.
Liderazgo.
Iniciativa.
Proactivo.
Emprendedor.

Comité de Directores de la Carrera de

ELABORÓ: Entornos Virtuales y Negocios Digitales REVISÓ: Dirección Académica

FECHA DE ENTRADA
APROBÓ: C. G. U. T. y P. Septiembre de 2020
EN VIGOR:

F-DA-01-PE-ING-41
 Temas Saber Saber hacer Ser

Herramientas Identificar herramientas Estimar resultados de las Pensamiento

para pruebas en para pruebas en PWA. pruebas de accesibilidad, creativo.
PWA usabilidad, desempeño, Trabajo
Describir el proceso de seguridad, colaborativo.
instalación y Asertividad.
Observador.
configuración de la Proponer acciones de
Saber escuchar.
herramienta de pruebas. mejora a la PWA. Comunicarse.
Puntualidad.
Identificar el entorno de Responsabilidad.
trabajo de la herramienta. Honestidad.
Ética profesional
y personal.
Identificar los parámetros Respeto.
y métricas a evaluar Liderazgo.
Iniciativa.
Proactivo.
Emprendedor.

Comité de Directores de la Carrera de

ELABORÓ: Entornos Virtuales y Negocios Digitales REVISÓ: Dirección Académica

FECHA DE ENTRADA
APROBÓ: C. G. U. T. y P. Septiembre de 2020
EN VIGOR:

F-DA-01-PE-ING-41
 PROGRAMACIÓN DE APLICACIONES
WEB PROGRESIVAS.
PROCESO DE EVALUACIÓN

Instrumentos y tipos de
Resultado de aprendizaje Secuencia de aprendizaje
reactivos
Elabora y presenta a partir 1. Comprender el proceso de Estudio de casos.
de un caso práctico un publicación para la PWA. Lista de cotejo.
portafolio de evidencias
2. Explicar las diferencias entre
que integre:
hosting tradicional y hosting en
la nube.
a) Justificación del hosting
seleccionado. 3. Identificar herramientas para
b) Resultados e pruebas en PWA.
interpretación de las
pruebas 4. Comprender los resultados de
las pruebas realizadas.
c) Propuesta de mejora.

Comité de Directores de la Carrera de

ELABORÓ: Entornos Virtuales y Negocios Digitales REVISÓ: Dirección Académica

FECHA DE ENTRADA
APROBÓ: C. G. U. T. y P. Septiembre de 2020
EN VIGOR:

F-DA-01-PE-ING-41
 PROGRAMACIÓN DE APLICACIONES
WEB PROGRESIVAS
PROCESO ENSEÑANZA APRENDIZAJE

Métodos y técnicas de enseñanza Medios y materiales didácticos

Estudio de casos Equipo de cómputo.
Análisis de casos Internet
Práctica demostrativa Software especializado

ESPACIO FORMATIVO

Aula Laboratorio / Taller Empresa

X

Comité de Directores de la Carrera de

ELABORÓ: Entornos Virtuales y Negocios Digitales REVISÓ: Dirección Académica

FECHA DE ENTRADA
APROBÓ: C. G. U. T. y P. Septiembre de 2020
EN VIGOR:

F-DA-01-PE-ING-41
 PROGRAMACIÓN DE APLICACIONES
WEB PROGRESIVAS.

CAPACIDADES DERIVADAS DE LAS COMPETENCIAS PROFESIONALES A LAS QUE

CONTRIBUYE LA ASIGNATURA

Capacidad Criterios de Desempeño

Determinar componentes de arquitectura Entregará propuesta técnica que incluya:
considerando los requerimientos a) Informe de levantamiento de requerimientos
establecidos, requisitos técnicos y de b) Requisitos técnicos y de seguridad (hadware,
seguridad, para mejorar la experiencia de software) .
usuario. c) Diseño ( mapeo, vistas, componentes)
d) Criterios de medición de experiencia del usuario.
Desarrollar aplicaciones web progresivas Entregará aplicaciones funcionales que incluya:
mediante tecnologías front end, lenguajes de a) Interfaces de usuario multiplataforma
programación orientados al cliente, marketing b) Módulos administrativos
digital, seguridad y consumo de APIS para c) Consumo de APIS (propias y de terceros)
garantizar la funcionalidad y proporcionar d) Medidas y políticas de seguridad
valor en los negocios digitales
Implementar las soluciones web progresivas Entregará aplicaciones alojadas y desplegadas que
a través de esquemas de distribución de tipo incluya:
SAS (Software as a Service), conexiones a) Manual técnico:
seguras, para la optimización de costos en - Justificación de la selección del Framework y
las organizaciones. herramientas de desarrollo.
- Diagramas de arquitectura de la aplicación
(UML,BD, secuencia, EDT)
- Accesos.
- Código fuente.
- Requisitos de instalación.
- Resultados de pruebas.

b) URL de alojamiento y despliegue.

c) Manual de usuario.
- Método de instalación.
- Usabilidad.
- Despliegue de interfaces.
- Compatibilidad.
- Glosario.

Comité de Directores de la Carrera de

ELABORÓ: Entornos Virtuales y Negocios Digitales REVISÓ: Dirección Académica

FECHA DE ENTRADA
APROBÓ: C. G. U. T. y P. Septiembre de 2020
EN VIGOR:

F-DA-01-PE-ING-41
 PROGRAMACIÓN DE APLICACIONES
WEB PROGRESIVAS.
FUENTES BIBLIOGRÁFICAS

Título del
Autor Año Ciudad País Editorial
Documento
2018
Dean Alan ISBN:
Hume 9781617294
587
2017
ISBN: Building Progressive Sebastopol,
Tal Ater USA O’Reilly
978-1-491-96 Web Apps CA
165-0
2017
ISBN-13
(pbk):
Beginning Progressive
978-1-4842-3
Dennis Web App Development Tinley Park,
089-3 USA Apress
Sheppard Creating a Native App Illinois
ISBN-13
Experience on the Web
(electronic):
978-1-4842-3
090-9
2014
Jesse Cravens Building
ISBN: Sebastopol,
& Thomas Q Web Apps with USA O’Reilly
978-1-449-37 CA
Brady Ember.js
092-3
2020
Valerio De ISBN ASP.NET Core 3 and
Birmingham UK Pack
Sanctis 978-1-78961- Angular 9
216-5
2019
ISBN-13
(pbk):
978-1-4842-4 Progressive
Majid Hajian 447-0 Web Apps NY USA Apress
ISBN-13 with Angular
(electronic):
978-1-4842-4
448-7

Comité de Directores de la Carrera de

ELABORÓ: Entornos Virtuales y Negocios Digitales REVISÓ: Dirección Académica

FECHA DE ENTRADA
APROBÓ: C. G. U. T. y P. Septiembre de 2020
EN VIGOR:

F-DA-01-PE-ING-41