ESCUELA DE INFORMÁTICA Y TELECOMUNICACIONES
Programación Híbrida
[Link] 1
ESCUELA DE INFORMÁTICA Y TELECOMUNICACIONES
I. DESCRIPCIÓN (O PRESENTACIÓN) DEL CURSO:
La asignatura de Programación Híbrida está orientada a desarrollar las competencias necesarias para
construir aplicaciones híbridas utilizando frameworks modernos, con el propósito de que puedan
ejecutarse en múltiples plataformas según requerimientos específicos. A través de módulos de
aprendizaje prácticos y teóricos, los estudiantes se familiarizarán con herramientas como Ionic y
Angular, y aprenderán a implementar soluciones que incluyan desde la creación de componentes y
navegación hasta la persistencia de datos y generación de paquetes de instalación. La asignatura
fomenta el desarrollo de aplicaciones adaptadas a las necesidades de los clientes, considerando
estándares de la industria y buenas prácticas de programación.
II. UNIDADES DE COMPETENCIA
- Diseñar una aplicación híbrida que permita ser ejecutada en múltiples plataformas de
1 acuerdo con los requerimientos de un cliente.
- Implementar almacenamiento local para administración de registros en aplicación
2 híbrida según requerimientos
- Obtener paquete de instalación de aplicación híbrida desarrollada para la plataforma
3 de implementación según requerimientos
III. CONOCIMIENTOS PREVIOS
1. Fundamentos de HTML5 y CSS.
2. Programación en JavaScript y/o TypeScript.
3. Conocimientos básicos de frameworks y herramientas para el desarrollo web.
4. Familiaridad con sistemas operativos y gestión de proyectos de software.
5. Introducción a bases de datos y nociones sobre persistencia de datos.
[Link] 2
ESCUELA DE INFORMÁTICA Y TELECOMUNICACIONES
[Link] DEL CURSO
UNIDAD APRENDIZAJES CONTENIDOS
ESPERADOS
AE1. Comprender los fundamentos de Ionic
y Angular 1. HTML 5
2. Typescript
AE2. Utilizar HTML5, CSS y Typescript 2.1 Objetos en TS
para el desarrollo de aplicaciones híbridas 2.2 DataTypes
Fundamentos de
2.2.1 String
Ionic y Angular AE3. Identificar las características básicas 2.2.2 Number
de NodeJS y NPM 2.2.3 Boolean
2.2.4 Array
AE4. Utilizar la interfaz de línea de 2.2.5 Object
comandos (CLI) de Ionic para crear 2.2.6 any
proyectos y componentes 2.3 Funciones
3 NodeJS
AE5. Implementar servicios básicos en una 3.1 NPM
aplicación híbrida 3.2 Comandos básicos
3.3 Librerías y dependencias
AE6. Implementar componentes básicos 4. Ionic
en una aplicación híbrida 4.1 Arquitectura
4.2 Ionic CLI y Capacitor
AE7. Gestionar la navegación en la 4.3 Comandos
aplicación utilizando el enrutador 4.3.1 ionic start
4.3.2 ionic build
4.3.3 ionic generate
4.3.4 ionic serve
4.3.5 ionic cap sync
4.4 Components y
4.4.1 standalone components
4.4.2 [Link]
4.4.3 Estructura de archivos
de componentes y pages
4.4.4 Estructura de de código
de archivos para pages
4.5 Services
5. UI Components
5.1 ion-button
5.2 ion-checkbox
5.3 ion-datetime
5.4 ion-input
5.5 ion-item
5.6 ion-label
5.7 ion-list
5.8 ion-menu
5.9 ion-select
[Link] 3
ESCUELA DE INFORMÁTICA Y TELECOMUNICACIONES
6. Navegación entre pages
6.1 evento click
6.2 ionic routing
1. Usando page dentro de
otro page con selector
2. Métodos del ciclo de vida
2.1 ngOnInit()
2.2 IonViewWillEnter()
Persistencia 2.3 IonViewDidEnter()
2.4 IonViewWillLeave()
2.5 IonViewDidLeave()
2.6 ngOnDestroy()
3. Llaves de interpolación
4. Comunicación entre
componentes
AE1. Comprender y aplicar los conceptos 4.1 @Input
de ciclo de vida en Ionic y Angular. 4.2 @Output
5. Directivas de control
AE2. Implementar una comunicación 5.1 *ngIf
efectiva entre componentes en una 5.2 *ngFor
aplicación híbrida. 6. Almacenamiento en
dispositivo: Capacitor
AE3. Utilizar técnicas de persistencia de Preferences
datos locales en dispositivos. 6.1 Que es
6.2 Inslando en proyecto
AE4. Dominar las directivas estructurales 6.3 Creando base de datos
de Angular, incluyendo "if" y "for". local
7 Servicio para obtener uuid
AE5. Realizar peticiones síncronas y unico
asíncronas a servicios web desde una 7.1 uuid
aplicación híbrida. 8 Servicio de administración
de datos
AE6. Diseñar y validar formularios en una 8.1 Creando clase modelo
aplicación híbrida. 8.2 Peticiones síncronas y
asíncronas
8.3 Métodos de
administración asíncronos
8.3.1 add
8.3.2 getById
8.3.3 getAllObjects
8.3.4 getAllKeys
8.3.5 updateById
8.3.6 deleteById
9. Refrescar cambios con
ion-refresher
[Link] 4
ESCUELA DE INFORMÁTICA Y TELECOMUNICACIONES
Publicación 1. Modales
1.1 ModalController
1.1.1 create()
1.1.2 dismiss()
2. Pipes
2.1 Que son y como
funcionan
2.2 ng2-search-filter
3. Capacitor plugins
3.1 Camera
3.1.1 guardar en dispositivo
3.1.2 asignar a objeto en
almacenamiento local
3.1.3 mostrar foto en
pantalla
3.1.4 permisos en
dispositivo
4. Mejorando aspectos
AE1. Diseñar y desarrollar ventanas visuales
modales en una aplicación Ionic. 4.1 Angular Material
4.2 ion-icon
AE2. Aplicar pipes de Angular para filtrar y 4.3 ion-alert
transformar datos de manera apropiada. 5. Capacitor platform
5.1 add
AE3. Utilizar la cámara del dispositivo móvil 5.2 rm
para capturar imágenes en una aplicación 6. Obtener APK
Ionic. 6.1 Instalando Android
Studio
AE4. Comprender y aplicar conceptos 6.1.1 Device Manager
relacionados con la configuración de una 6.1.2 Configurando paths
aplicación para Android, incluyendo la 6.2 Icono de aplicación
generación y firma de un APK. 6.3 Splash Screen
6.4 Construir apk
6.4.1 ionic cap build android
6.4.2 ionic cap build ios
7. Firmar APK
7.1 Key Store
7.2 Generate release
8. Instalando apk en
dispositivo
[Link] 5
ESCUELA DE INFORMÁTICA Y TELECOMUNICACIONES
V. UNIDADES DEL CURSO
UNIDAD CRITERIOS DE PONDERACIONES SITUACIÓN EVALUATIVA
DESEMPEÑO
CD1. La aplicación
Evaluación unidad I
1 híbrida funcional se crea
utilizando Ionic y Angular.
15%
CD2. Se utiliza HTML5 y
Typescript para
implementar lógica en la
aplicación.
CD3. El entorno se
configura usando Foro unidad I
NodeJS y NPM para el 5%
desarrollo de la
aplicación.
CD4. La CLI de Ionic se
utiliza de manera efectiva
para generar
componentes y
proyectos.
CD5. Los servicios
básicos en la aplicación
se desarrollan para la
funcionalidad transversal
en la aplicación.
CD6. Los componentes
básicos en la aplicación
se son desarrollados
para encapsular y
reutilizar una
funcionalidad.
CD7. La navegación se
implementa utilizando el
enrutador para generar
una navegación fluida y
coherente.
Evaluación unidad II
2 CD1. El conocimiento
del ciclo de vida de
15%
Ionic y Angular se
utiliza en una
aplicación híbrida para
gestionar con 5% Foro unidad II
precisión su
comportamiento.
[Link] 6
ESCUELA DE INFORMÁTICA Y TELECOMUNICACIONES
CD2. Se implementa
una comunicación
efectiva entre los
diferentes
componentes de la
aplicación para
reutilizar y dividir los
requerimientos.
CD3. El
almacenamiento de la
información relevante
se consigue utilizando
técnicas de
persistencia de datos
locales en el
dispositivo.
CD4. La construcción
de interfaces
avanzadas se realiza
mediante la utilización
de las directivas
estructurales "if" y "for"
de Angular en la
interfaz de usuario.
CD5. La obtención de
información desde
internet se consigue
mediante la
realización de
peticiones tanto
síncronas como
asíncronas a servicios
web externos.
CD6. La integridad de los
datos ingresados por el
usuario se consigue
mediante la validación de
formularios en la
aplicación.
[Link] 7
ESCUELA DE INFORMÁTICA Y TELECOMUNICACIONES
UNIDAD CRITERIOS DE PONDERACIONES SITUACIÓN EVALUATIVA
DESEMPEÑO
CD1. Se crea, al Evaluación unidad II
3 menos, una ventana 15%
modal que se integre
de manera coherente
en una aplicación
Ionic.
CD2. Se 5% Foro unidad II
implementan, al
menos, dos pipes de
Angular para filtrar y
presentar datos de
manera efectiva en la
aplicación.
CD3. La funcionalidad
de la cámara se
integra para capturar
imágenes y
mostrarlas en la
aplicación.
CD4. Se genera un APK
funcional de la
aplicación, incluyendo la
firma del mismo para su
instalación en
dispositivos Android.
[Link] 8
ESCUELA DE INFORMÁTICA Y TELECOMUNICACIONES
1.- La configuración del
EXAMEN proyecto base en Ionic y Examen final de la
Angular, es realizada
40% asignatura
estructurando
correctamente con al
menos tres componentes
que segmenten la
complejidad de la
aplicación.
2.- Los componentes de
Ionic, formularios y listas
son implementados
gestionando eventos
clave (como la
eliminación de
elementos) de manera
eficiente.
3.- Los servicios para
resolver el problema
planteado son creados
persistiendo datos
correctamente mediante
almacenamiento en base
de datos o utilizando
Preferences.
4.- El plugin de la
cámara para capturar y
mostrar imágenes es
configurado de tal
manera que valida
formularios y proporciona
retroalimentación al
usuario sobre entradas
no válidas.
5.- El código trabajado
es limpio y bien
documentado, estando
acompañado por un
informe claro que detalla
el proceso de desarrollo
y las funcionalidades
implementadas.
[Link] 9
ESCUELA DE INFORMÁTICA Y TELECOMUNICACIONES
VI. ESTRATEGIAS DE INSTRUCCIÓN
El curso contempla diversas estrategias metodológicas para el
desarrollo de contenidos y actividades.
• Actividades de lectura asociadas: Para fomentar el aprendizaje activo y
reflexivo. Estas lecturas vienen en formato video, impreso y link relacionados.
• Foros de discusión: Para alentar el aprendizaje activo y el procesamiento
cuidadoso de nueva información y experiencias de aprendizaje, se realizarán
discusiones semanales.
• Trabajos colaborativos: que desarrollan el trabajo colaborativo, mediante la
interacción y el análisis grupal. Las tareas tienen un carácter aplicado al
contenido y al lugar de trabajo.
• Trabajos individuales: Talleres individuales en los cuales se desarrolla una
actividad asociada al contexto laboral.
• Actividades de autoaprendizaje: Desarrollar actividades breves semanales
de autoaprendizaje relacionadas con los aprendizajes de la semana.
• Actividades de reflexión: La actividad persigue que el estudiante desarrolle
niveles de reflexión a través del texto de auto instrucción.
[Link] 10
ESCUELA DE INFORMÁTICA Y TELECOMUNICACIONES
VII. SISTEMA DE EVALUACIÓN
El sistema de evaluación contempla evaluación
formativa y sumativa.
• La evaluación formativa contempla, ejercicios de desarrollo de ejercicios en
capsulas de aprendizaje
• La evaluación sumativa, considera un prueba o encargo al finalizar la unidad.
• Los foros de discusión tendrán una ponderación del 5% del total de la nota de
la Unidad y por lo cual la evaluación final de la unidad tendrá una ponderación del
95%.
La aprobación del curso se logra con una nota final mínima de 4.0 con un 60% de exigencia.
Las tareas se corregirán dentro de la semana siguiente de haber cumplido la fecha límite.
No se evaluarán trabajos fuera de fecha, los casos puntuales deben ser conversados previamente
con el profesor. Solo el profesor determinará si puede haber una entrega fuera de plazo.
[Link] 11
ESCUELA DE INFORMÁTICA Y TELECOMUNICACIONES
VIII. ESTRATEGIAS DE INSTRUCCIÓN
Política de Plagio.
El plagio constituye una falta grave en el mundo académico. La transmisión de palabras o
ideas ajenas que se arroguen como propias es inaceptable para la aprobación de este curso.
Se tolerará hasta un 30 % de plagio en trabajos, de lo contrario se calificará con nota 1.
IX. ACCESO A BIBLIOTECA
La Bibliografía mínima obligatoria se encuentra disponible dentro de la Biblioteca Virtual de la
institución [Link] en la colección, accediendo a ella con
usuario y clave, desde donde se podrá descargar y/o leer en línea los dos títulos digitales de
carácterobligatorio para cada asignatura definidos según estándar bibliográfico.
[Link] 12