GRELL ise “NUEVA ESPERANZA” SILABO PROGRAMA DE ESTUDIOS : Computacién e Informatica MODULO FORMATIVO : Gestién de Aplicaciones para Internet y . Producci6n Multimedia UNIDAD DIDACTICA : Aplicaciones Méviles DOCENTE RESPONSABLE : Carlos Eduardo Dominguez Leyva CORREO ELECTRONICO : edominguez@istene.edu.pe PERIODO ACADEMICO : Sexto N° DE CREDITOS 13 N° DE HORAS DE LA U.D. : 72 PLAN DE ESTUDIOS : 2010 TURNO : Diurno SECCION : Unica FECHA DE INICIO 1 22 de agosto de 2022 FECHA DE FINALIZACION : 23 de diciembre de 2022 1. SUMILLA La presente unidad didactica es impartida a los estudiantes del Periodo Académico VI correspondiente al Programa de Estudios de Computacién e Informatica, es de caracter eminentemente practica sin descuidar la base tedrica que la sustenta. Esta Unidad Didactica ha sido planificada para dotar a los estudiantes de los conocimientos y el desarrollo de habilidades y destrezas para qué este sea capaz de realizar las actividades inherentes a un desarrollador de aplicaciones méviles, es decir conocer las tecnologias actuales que se utllizan en el disefio y desarrollo de apps méviles. Esta es la piedra angular que sustenta el desarrollo de aplicaciones moviles, cada vez mas complejas y que involucran a otras tecnologias. La unidad didactica apunta a satisfacer la gran demanda actual del puesto de Desarrollador de Aplicaciones Méviles. UNIDAD DE COMPETENCIA VINCULADA AL MODULO Disefar la presentacién, desarrollo, animacién, organizacién y navegacién de los contenidos y consumo de servicios web, de acuerdo a las demandas del negocio, buenas practicas de disefio, técnicas de desarrollo de apps méviles, usabilidad y experiencia del usuario objetivo. CAPACIDAD DE LA UNIDAD DIDACTICA Estructurar los componentes de textos, imagenes, formularios, animaciones, consumo de servicios web para desarrollar aplicaciones méviles, utilizando conocimientos, técnicas y herramientas propias del dominio para implementar una solucién mévil para una organizacién.& “wueva esperanza” = vi. INDICADORES DE LOGRO DE LA CAPACIDAD Identifica los tipos de aplicaciones méviles segiin estandares méviles. 2. Utiliza herramientas de desarrollo de aplicaciones méviles segun esténdares moviles. 3. Implementa aplicaciones méviles en los equipos celulares segin estandares moviles. 4. Desarrolla una aplicacién mévil integrando eficientemente Flutter 3 para satisfacer las necesidades esenciales de una organizacion. COMPETENCIAS PARA LA EMPLEABILIDAD En esta unidad didactica se contribuira en el desarrollo de las siguientes competencias para la empleabilidad: * Trabajo colaborativo. - Participar de forma activa en el logro de objetivos y metas comunes, integrandose con otras personas con criterio de respeto y justicia, sin estereotipos de género u otros, en un contexto determinado SESIONES DE APRENDIZAJE Indicador de Logro de la capacidad N° 01: Identifica los tipos de aplicaciones méviles segun estandares méviles. Elementos de los indicadores de logro de la capacidad Sesiones de Aprendizaje . Horas Sesién 1: Del 22/Ago/2022 al 26/Ago/2022 Introduccion —al_—— Desarrollo — de. | Aplicaciones Méviles | ‘*Introduccién al Desarrollo de Aplicaciones | | Movies | | * Panorama actual del desarrollo de | aplicaciones méviles. | + ¢Qué constituye una aplicacién mévil? + La evolucién de las aplicaciones | méviles * Sistemas operativos méviles 04 «Frameworks para el desarrollé de | aplicaciones méviles. “Flutter 3: ventajas y desventajas vs | | | | 1. Identificar tecnologias de desarrollo de aplicaciones Moviles otros frameworks. "Herramientas esenciales para el | desarrollo de aplicaciones méviles con | Flutter 3, | ©Briefing de un Proyecto de Aplicacion Movil | = Entendiendo los aspectos basicos de L | __una aplicacion mévil2. Aplicar los elementos basicos del lenguaje de programacién Dart para el desarrollo de aplicaciones méviles 3. Identificar el framework Sesi6n 3: Del 05/Set/2022al 09/Set/2022 de desarrollo de aplicaciones Méviles y conceptos fundamentales proyecto de desarrollo de una aplicacién mévil Estructura * Apartados y navegabilidad. = Carpetas de trabajo. Linea de disefio & Creacién de bocetos de la aplicacién movil & Planificacién del disefio y desarrollo de la aplicacion mévil - Sesion 2: Del 29/Ago/2022 al 02/Set/2022 Introduccién a la Programacién con Dart Tipo de datos: Numeros, Strings, Booleanos, Lista, Map, inmutables. ‘*Condicionales. Bucles. ¢Funciones. Clases. Constructores. #Getters y Setters. eHerencia Extends. Mixins Futures. ‘Async — Await |. Examen introductorio a Dart . Introduccién a Flutter ‘Historia de Flutter Conceptos Fundamentales de Flutter eArbol de Widgets Estructura de un Proyecto en Flutter Examen introductorio a Flutter 04 04 | Indicador de Logro de desarrollo de aplicaciones moviles segiin estandares méviles. capacidad N° 02: Utiiza heramientas de Elementos de los indicadores de logro | Sesiones de Aprendizaje Horas de la capacidad 4. Instalar y configurar Sesion 4: Del 12/Set/2022 al 16/Set/2022 herramientas Instalacién y configuracién del entorno necesarias para para Flutter desarrollar aplicaciones" ¢instalacién y Configuracién de Flutter en 04 moviles Windows: elnstalacion y Configuracién de Android Studio en Windows ¢Creacién de un Android Virtual en& “nueva esPenANza” 2 EE indows. #Creacién de Proyectos desde Visual Studio Code ‘Lanzar aplicacién DEMO de Flutter en | Android Virtual | eLanzar aplicacién DEMO de Flutter en | dispositivos fisicos. Creacién de una app en Flutter documentando el paso a paso. 5. Construye una | aplicacion basica mévil_ | S@8!On 8: Del 19/Set/2022 al 23/Set/2022 y optimiza el cédigo. | Primeros Pasos en Flutter | ‘*Construccién de un Widget Separar la légica en capas #BuildContext y Scaffold Columnas 04 *Estilos de Textos #StalessWidgt a StatefulWidget ©Optimizacién de cédigo inicial. © Construye una app mévil inicial de Contador con StatefulWidget. aay Sesion 6: Del 26/SeV2022 al 30/SeU2022 Componentes para | Componentes de Flutter Parte | construir una app ListView — mostrar una lista de mévil. elementos. sListTiles ~ creacién a partir de lista - estatica. ListView: Builder y Separated. Estilo de AppBar y accion Tap en ListTiles. HomeScreen y rutas iniciales. #Disefio del HomeScreen Navegacién hacia una nueva pantalla. AppRouter 04 Modelo y Listado de Rutas #Creacién de método con las rutas de la app. Tema global para la app. *CardWidget #Centralizar widgets personalizados. * elmage y Fadeln Image. Ajustar el tamafio de la imagen Pasar argumentos a los Widgets. #Diserio de AlertScreen Mostrar una alerta. |&_Examen de Sesi6n 1 al 5. 7. Construir una app movil 5 usando los Sesi6n 7: Del 03/Oct/2022 al 07/Oct/2022 componentes basicos € | Componentes de Flutter Parte I! intermedios del Cupertino Dialog el& “NUEVA ESPERANZA” 2 iget Cn vatar Widget Container ‘Widget AnimatedContainer TextFormFields TextFormFields — Personalizacion ‘*Centralizar el estilo de los inputs ‘Email y Password fields ‘¢Widget Form Valores del formulario ‘¢DropdownButtonFormField ‘Widget — Slider ‘Checkbox y Switches ‘eListview Builder lnfiniteScroll ‘eInfiniteScroll con Futures ‘Mostrar y ocultar el loading ‘Pull to refresh — Refreshindicator & Construye una app con los __|__componentes de Flutter. 8. Disefiar una app movil empleando buenas | S@8i6n 08: Del 03/0cv/2022 al 07/0ct2022 practicas. Disefio de interfaces en Flutter ‘#Disefio basado en Widgets en lugar de meétodos. ‘*Disefio basico ‘Disefio con scroll ‘#Disefio compuesto © Fondo y Gradientes . 04 ©. Statusbar y titulos © BottomNavigationBar © Table y TableRow o Blur ‘© Optimizacién del disefto. & Creacién de una app mévil usando buenas practicas de disefio. Indicador de Logro de la capacidad N° 03: Implementa aplicaciones méviles en los equipos celulares segiin estandares méviles. Elementos de los indicadores de logro | Sesiones de Aprendizaje Horas de la capacidad : 2 coe 0p MOV | Sesion 9: Del 10/0cv2022 al 14/0c2022 estado y API REST. Introduccién a los Gestores de Estado ‘© 4Qué es un Gestor de Estado en Flutter? ‘eGestores de estado existentes. ‘Provider y paquete HTTP. 04 Qué es una AP| REST? ‘Consumo de API REST. ‘#*Creacién de app de peliculas consumiendo una API REST.Teacion de una app movil de peliculas usando Provider y una API REST. 10. Desarrollar una app | Sesion 10: Del 17/0ct/2022 al 21/Oct/2022 mévil con almacenamiento en Creacion de App con SQLITE SQLITE. ‘ePaquete SQFLITE ‘*Paquete GoogleMap CRUD hacia SQFLITE 04 ‘Desarrollo de aplicacién movil QRScanner. S Creacin de una app mévil con CRUD y SQLITE. | 11. Identificar los 7 Slomentes necesarios | Se8i6n 11: Del 24/Oct/2022 al 26/0cv2022 para realizar una Validacion de Formularios correcta validacién de | »Desarrollo de App de Productos para formularios en una app | validar formularios. movil © Fondo de nuestro login © Icono central y widgets como argumentos. © Contenedor blanco. ©. Formulario de Login. 04 | ‘o Reutilizar estilos de inputs. © Validaciones del formulario. © Controlar el estado global de! formulario. © Simular tiempo de espera de una peticion HTTP. . © Creacién de una app mévil con validacion de formularios yen de Sesién 6 al 1 12: Del 31/Oct/2022 al 04/Novi2022 | 72. Implementar una app movil que hago uso de | Shared Preferences. | Shared Preferences | ePreferencias del usuario | eDrawers ~ ment lateral Persistencia de la informacion ‘GET y SET en las preferencias para. | Género, Nombre y DarkMode. ‘Cambiar el tema de manera dinamica. & Crear una app mévil que haga uso de persistencia de datos con Shared Preferences. Indicador de Logro N° 04: Desarrolla una aplicacién mévil integrando eficientemente Flutter 3 para satisfacer las necesidades esenciales de una corganizacién. 13. Desarrolla una Sesion 4 aplicacion mévil utilizando servicios en_| 11/Nov/2022 na lanubeybasede __| CRUD con Firebase, Cloudinary y uso de& “NUEVA ESPERANZA” ES | Src aren 9S NO relacionales. | Camara y Galeria Parte | Desarrollo del HomeScreen | Construcci6n Widget ProductCard | eDisefo de pantalla de producto | lntroduccién a Firebase | Configuracién de Firebase. Sesion 14: Del 14/Nov/2022 al 48/Nov/2022 | | | CRUD con Firebase, Cloudinary y uso de Camara y Galeria Parte It #Creacién del Modelo y Servicio oa Crear, actualizar, leer, eliminar productos. Gestionar imagenes con Cloudinary. © Creacién de una app con CRUD de productos y servicios en la nube. Sesi6n 15: Del 21/Nov/2022 al 14. Implementacion de Autenticacion en una m ry 25/Now/2022 ‘app mévil con servicios en la nube. CRUD con Firebase, Cloudinary y uso de Camara y Galeria Parte Ill Login y Manejo de Tokens. ‘@Disefo de interfaz de registro de usuarios Uso de AuthProvider para veriicar + | usuario y contrasefia 04 | ‘¢SecureStorage para grabar el token. Desarrollo del cierre de sesion. ‘Mostrar alerta cuando el usuario es incorrecto. ‘Tokens para validar peticiones en FireBase | con CRUD de productos, mediante | | & Desarrollo de autenticacién para app | | Firebase. 15. implementa [ens correctamente una app | Se8ion 16: Del 28/Nov/2022 al 02/Dic/2022 con notificaciones push | Notificaciones PUSH mediante servicios en la nube. ‘*Introducci6n a Firebase Cloud Messaging | #Obtener el token del dispositivo ‘*Escuchar notificaciones - onBackground, 04 | onMessage y onOpenedApp Enviar mensajes desde API REST. & Construye una app mévil que soporta la recepci6n de notificaciones PUSH |__ desde FireBaseVil. T utilizando Presentacién y sustentacién de Trabajo | correctamente las de Aplicacién Final: oo | tecnologias de © Presentacién final de la app mévil | desarrollo de utilizando el framework Flutter 3 | aplicaciones méviles. Semana 18: Del 12/Dic/2022 al 16/Dic!2022 os Programa de Actividades de Recuperacion RECURSOS DIDACTICOS ‘* Laboratorio de cémputo debidamente equipado y operativo con acceso permanente a internet. Software especifico: © Visual Studio Code + extensiones. © Android Studio © Flutter 3 o Postman © Chrome ‘© Software de gestién de aulas didacticas NetSupport School © Documentos digitales: Presentaciones, Médulos Teéricos, Guias, Practicas, Lecturas, Enlaces de interés, Videos, * Otros: pizarra, plumones, papel, boligrafos. Aula Virtual: Moodle. Vill. METODOLOGIA «Aprendizaje Invertido (Flipped Classroom) con el propésito de promover en el estudiante un aprendizaje activo, personalizado y colaborativo con la interaccién de iguales y la ayuda del docente como facilitador; todo esto mediado por las TICs, * Cada sesién de aprendizaje se estructura siguiendo la siguiente secuencia’ Antes Se desarrollaré de manera SINCRONICA, proporcionando diversos contenidos y actividades relacionados con el tema de la sesién de aprendizaje, preparados y seleccionados cuidadosamente por el docente, los cuales deben ser revisados y desarrollados por los estudiantes. Durante Se llevara a cabo de manera SINCRONICA: = Se proporcionaré los contenidos correspondientes a la sesién de aprendizaje mediante presentaciones magistrales, propiciando en todo momento la interaccién entre los participantes.————————z Demostracion de Tas diversas tecnologias y herramientas especializadas utilizadas en el desarrollo de la unidad didactica utilizando los laboratorios de cémputo de la institucién. Practicas Guiadas y Calificadas. © Después Desarrollada de manera SINCRONICA y ASINCRONICA. Con el fin de garantizar la debida transferencia de conocimiento y su aplicacién practica se propondran diversas actividades como cuestionarios, tareas, foros, murales, etc., que los estudiantes podrén desarrollar de manera individual y/o colaborativa a través del aula virtual de la unidad didactica. Con el fin de Promover la metacognicién los estudiantes reflexionaran sobre sus aprendizajes logrados a través de foros implementados en el aula virtual. IX. EVALUACION ¢ El sistema de calificacion es vigesimal; es decir, de cero (0) a veinte (20). La nota minima aprobatoria es trece (13). En todos los casos, la fraccién de 0,5 © mas se considera como una unidad a favor del estudiante. * Los estudiantes que desaprueben una Unidad Didactica, con nota promedio entre diez (10) y doce (12), tendrén la oportunidad de participar en el Programa de Actividades de Recuperacién programada en la semana 18. * Los estudiantes que luego de haber participado en el Programa de Actividades de Recuperacién y haber sido evaluados en esa misma semana, obtengan una Nota menor a trece (13) repiten la Unidad Didactica en el Periodo Lectivo inmediato en el cual se programe. © Elestudiante que acumula inasistencias injustificadas en nimero igual o mayor al 30% del total de horas programadas en la Unidad Didactica sera desaprobado en forma automatica, anotandose en las columnas del promedio y nota final del Registro de Evaluacién la calificacién 00 (cero) '* El promedio de la unidad didactica se calcula de la siguiente manera Donde: PUD: Promedio de Unidad Didactica PIL Promedio de Indicador de Logro i (i= 1...4) X. FUENTES DE INFORMACION BIBLIOGRAFIA * Alessandria, S., & Kayfitz, B. (2021), Flutter Cookbook: Over 100 proven techniques and solutions for app development with Fhuter 2.2 and Dart. Packt Publishing. * Katz, M., Moore, K. D., & Ngo, V. (2021). Flutter Apprentice (Second Edition): Learn to Build Cross-Platform Apps. Razeware LLC& “NUEVA ESPERANZA” sa Westerveld, D, (2021), APT Testing and Development with Postman: A practical guide to creating, testing, and managing APIs for automated software testing. Packt Publishing Miola, A. (2020). Flutter Complete Reference: Create beautiful, fast and native apps for any device. Independently Published. ‘Tyagi, P. (2021). Pragmatic Flutter: Building Cross-Platform Mobile Apps for Android, los, Web & Desktop (1. ed.). CRC Press. LINKOGRAFIA Flutter Oficial httos://docs flutter dev/ Documentacién de Flutter en espafiol htips://esflutter. dev/idocs Visual Studio Code https://code. visualstudio.com/ Postman https://www.postman.com/ ‘Android Studio https://developer.android.com/2hi=es-419#3 Trujillo, 21 de agosto del 2022 Rodriguez Coordinador (e) de Area Académica De Computacién e Informatica “Director General (@)