Modalidad Mixta Tipo Educación Superior RVOE FORMATO 6 SECRETARÍA DE EDUCACIÓN SUBSECRETARÍA DE EDUCACIÓN MEDIA SUPERIOR Y SUPERIOR OFICINA TÉCNICA DE LAS COMISIONES DE EDUCACIÓN MEDIA SUPERIOR Y SUPERIOR 1. PROGRAMA DE ESTUDIO Nombre del plan de estudios: Licenciatura en Ingeniería en Sistemas Computacionales. Nombre de la asignatura: Clave de asignatura o unidad de aprendizaje: Taller de Programación II. 11ISCM61 Ciclo escolar Créditos: Onceavo cuatrimestre. 7 Carácter Nivel/CINE: OBLIGATORIA (X) 6 OPTATIVA ( ) Modalidad Mixta Horas Docentes Presenciales/HDP 56 Horas Docentes de Mediación Tecnológica/HDMT Horas Independientes 28 28 1.1 PERFIL PROFESIONAL PARA IMPARTIR LA ASIGNATURA El docente idóneo para impartir esta asignatura será un licenciado o ingeniero en sistemas computacionales, con grado de maestría en cualquier especialidad con de más de 1 año experiencia en la cátedra de ciencias básicas, que incluye las matemáticas y programación principalmente; de preferencia poseer experiencia profesional a alguna disciplina relacionada con la ingeniería. 1.2 UBICACIÓN ESQUEMÁTICA DE LA ASIGNATURA (antecedente – consecuente y horizontal – vertical) Taller de Programación I Taller de Programación II 1 Modalidad Mixta Tipo Educación Superior RVOE FORMATO 6 1.3 PRESENTACIÓN DE LA ASIGNATURA Caracterización de la asignatura: La Licenciatura en Ingeniería en Sistemas Computacionales en su modalidad mixta contribuye a la formación de profesionistas capaces de desarrollar, evaluar y optimizar el software; diseñar compilaciones, sistemas operativos y demás recursos computacionales; apoyar la creación de modelos matemáticos, estadísticos y de simulación; diseñar, instalar y evaluar redes de teleproceso; participar en la programación de dispositivos de control digital y realizar investigaciones que fortalezcan el desarrollo cultural, científico y tecnológico; evaluar, seleccionar e instalar equipo de cómputo; administrar, dirigir y coordinar grupos de trabajo; participar en grupos interdisciplinarios de investigación para realizar aportaciones en su área; analizar la organización y arquitectura de los equipos de cómputo; comprender integralmente los problemas administrativos y productivos de cualquier organización; aprovechar todos los recursos de apoyo con tecnología de punta, para desempeñar sus funciones eficazmente y en el menor tiempo posible le permiten contribuir a la solución de los problemas de las empresas nacionales, así como al desarrollo social y tecnológico, mediante el diseño, mejoramiento, construcción, operación y mantenimiento de sistemas integrales productivos que tengan como finalidad la calidad y productividad, con un enfoque autosustentable. Taller de Programación II. En esta materia el alumno aprenderá el dominio de los enfoques de programación por medio de problemas laborales, aplicados, así como adquirir el conocimiento de todas las herramientas necesarias para poder desarrollar soluciones factibles y automatizadas para la industria. La aportación de ésta al perfil profesional. Contribuye en la formación de profesionistas capaces de crear e implementar sistemas informáticos para alcanzar un nivel competitivo en el ámbito laboral, así como la adquisición de competencias genéricas y específicas para diseñar, gestionar y evaluar servicios de redes computacionales en organizaciones nacionales e internacionales. Esta asignatura es importante porque, prepara a los estudiantes en el conocimiento y las formas de trabajo propias del área para que puedan desarrollar sistemas programables en el ámbito laboral y dar soluciones a su entorno laboral por medio de las tecnologías, proporciona un entendimiento más exacto, involucrando los elementos más relevantes que conforman la función. El enfoque, extensión y profundidad con que se tratan los temas es el siguiente: La asignatura de Taller de Programación II está integrada por cinco unidades: Unidad I. React para desarrollo Web. Definir y desarrollar aplicaciones web de una manera más ordenada y con menos código que usando JavaScript puro o librerías como jQuery. Unidad II. Temas selectos de sintaxis React. Estudiar y configurar un entorno de desarrollo local para React, crear una aplicación inicial, y entender los aspectos básicos de su funcionamiento. Unidad III. Temas selectos de estructura del proyecto. Establecer y analizar las diferentes partes del proyecto para explicar que tiene cada una de ellas y que utilidad tienen. Unidad IV. Temas selectos de React. Integrar y estudiar los conceptos fundamentales para aplicarlos en el diseño de aplicaciones. Unidad V. Peticiones Ajax. Definir métodos y técnicas que permiten intercambiar datos con un servidor y actualizar partes de páginas web sin necesidad de recargar la página completamente. Para el desarrollo de competencias genéricas el docente: Planifica los procesos de enseñanza-aprendizaje atendiendo al enfoque por competencias y los ubica en contextos disciplinares, curriculares y sociales amplios. Contextualiza los contenidos de un plan de estudios en la vida cotidiana de los estudiantes y la realidad social de la comunidad a la que pertenece. Favorece entre los estudiantes la capacidad de análisis y síntesis, la capacidad crítica y autocrítica y las habilidades de investigación. 2 Modalidad Mixta Tipo Educación Superior RVOE FORMATO 6 SECRETARÍA DE EDUCACIÓN SUBSECRETARÍA DE EDUCACIÓN MEDIA SUPERIOR Y SUPERIOR OFICINA TÉCNICA DE LAS COMISIONES DE EDUCACIÓN MEDIA SUPERIOR Y SUPERIOR 1.4 OBJETIVO(S) GENERAL(ES) O COMPETENCIAS A DESARROLLAR Usar una biblioteca de JavaScript para construir interfaces de usuario. React ayuda a crear interfaces de usuario Web interactivas conocerá de alternativas de sobre Framework para el desarrollo web. Competencias específicas por unidad: • Aplicar e integrar conocimiento y entendimiento de otras disciplinas de ingeniería bajo una visión del contexto multidisciplinar de la ingeniería y de los principios que subyacen a ella. • Utilizar con destreza herramientas informáticas, de análisis de datos y técnicas vinculadas al ejercicio de la ingeniería. • Conocer sobre el uso y programación de los ordenadores, sistemas operativos, bases de datos y programas informáticos relacionado con el uso de fórmulas matemáticas con aplicación en ingeniería. Competencias genéricas • Capacidad de analizar y valorar el impacto social y medioambiental de las soluciones técnicas para la resolución de los problemas. • Capacidad de crear algoritmos matemáticos con la intensión de solucionar problemas en la industria. • Capacidad de desarrollar softwares con el fin del análisis datos numéricos en el giro empresarial donde se labore. 1.5 MAPA CONCEPTUAL 3 Modalidad Mixta Tipo Educación Superior RVOE FORMATO 6 1.6 CONTENIDO TEMÁTICO No. 1 2 3 4 TEMAS NOMBRE SUBTEMAS React para desarrollo Web 1.1. 1.2. 1.3. 1.4. 1.5. 1.6. 1.7. 1.8. 1.9. ¿Qué es React? Arquitectura general. SPAs vs Web Apps reactivas. ¿Cuándo usar React? El flujo de trabajo de construcción. Usando la aplicación Create React. Comprensión de la estructura de carpetas. Entendiendo JSX y Restricciones JSX. Crear un componente funcional. Componentes y hoja de referencia JSX. Temas selectos de sintaxis React. 2.1. 2.2. 2.3. 2.4. 2.5. 2.6. 2.7. Trabajar con componentes y reutilizarlos. Salida de contenido dinámico. Trabajar con props. Entender Prop. Children. Comprensión y uso de State. Props y State. Manejo de eventos con métodos. 3.1. 3.2. 3.3. 3.4. 3.6. 3.7. 3.8. Manipulando el State. Nomenclatura de componentes de función. UseState () para la manipulación de state. Componentes sin estado frente a componentes con state. Pasar referencias de métodos entre componentes. Adición de encuadernación bidireccional. Agregar estilo con hojas de estilo. Trabajar con estilos en línea. 4.1. 4.2. 4.3. 4.4. Diseño de componentes en React. Depuración de aplicaciones. Componentes internos. Routing. Temas selectos de estructura del proyecto Temas selectos de React. 3.5. 4 Modalidad Mixta Tipo Educación Superior RVOE FORMATO 6 5 Peticiones Ajax. 5.1. Comprender las solicitudes Http en React. 5.2. Introducción a axios. 5.3. Creación de una solicitud Http para obtener datos. 5.4. Mostrar los datos obtenidos en la pantalla. 5.5. Transformando datos. 5.6. Insertando información POST. 5.7. Actualizando información PUT. 5.8. Eliminando información DELETE. 5.9. Manejo de errores localmente. 5.10. Framework web. 5.11. Django – Python. 5.12. Angular. 5.13. Vue.js. 5.14. Typescript. 5.15. Bootstrap. 5 Modalidad Mixta Tipo Educación Superior RVOE FORMATO 6 1.7 ACTIVIDADES DE APRENDIZAJE Y CRITERIOS DE EVALUACIÓN CON PONDERACIÓN POR ASIGNATURA ACTIVIDADES DE APRENDIZAJE BAJO LA CONDUCCIÓN DE UN DOCENTE / PRESENCIAL: Unidad 1 1) Realizar una investigación de los frameworks de trabajo para el desarrollo web. 2) Revisar avance del proyecto integrador. Unidad 2 1) Realizar una investigación los frameworks de trabajo compatible con Python. 2) Revisar avance del proyecto integrador. Unidad 3 1) Realizar una investigación de frameworks para el desarrollo web. 2) Revisar avance del proyecto integrador. Unidad 4 1) Realizar un glosario sobre la sintaxis de React. 2) Revisar avance del proyecto integrador. Unidad 5 1) Realizar un cuadro comparativo donde se comparen los frameworks para el desarrollo web. 2) Revisar avance del proyecto integrador. ACTIVIDADES DE APRENDIZAJE BAJO LA CONDUCCIÓN DE UN DOCENTE CON MEDIACIÓN TECNOLÓGICA (SINCRÓNICAS): Unidad 1 1) Realizar un catálogo de funciones de los componentes en React. 2) Revisar avance del proyecto integrador. Unidad 2 1) Realizar una página web donde se usen las funciones de datetime para crear una agenda que permita organizar tareas. 2) Revisar avance del proyecto integrador. Unidad 3 1) Realizar una investigación sobre qué herramientas se usan para diseño gráfico y su aporte para el diseño web. 2) Revisar avance del proyecto integrador. Unidad 4 1) Realizar una app web que permita registrar gastos. 2) Revisar avances del proyecto integrador Unidad 5 1) Realizar una app web que conecte las 2 páginas anteriormente mencionadas, incluir un menú donde desplazarte entre ellas con la función. 2) Revisar avances del proyecto integrador ACTIVIDADES DE APRENDIZAJE DE TRABAJO INDEPENDIENTE (ASINCRÓNICAS): Unidad 1 1) Crear un nuevo diseño web con ayuda de una plantilla dentro de React. 2) Elaborar una investigación sobre qué es React. 3) Revisar avance del proyecto integrador. Unidad 2 1) Realizar un web site que facilite una actividad diaria laboral o persona donde use funciones de React. 2) Elaborar un mapa sinóptico sobre el manejo de eventos con métodos. 3) Revisar avance del proyecto integrador. Unidad 3 1) Realizar un web site que funcione como mercadotecnia para alguna micro empresa. 6 Modalidad Mixta Tipo Educación Superior RVOE FORMATO 6 2) Elaborar un listado de componentes con estado frente a componentes con state. 3) Revisar avance del proyecto integrador. Unidad 4 1) Realizar un web site que permita realizar compras en línea. 2) Crear la documentación del programa donde se explique a detalle el funcionamiento del web site creado y el mantenimiento que requiere. 3) Revisar avance del proyecto integrador. Unidad 5 1) Realizar una investigación de los frameworks de trabajo para Python web. 2) Realizar un mapa conceptual de peticiones Ajax. 3) Revisar avance del proyecto integrador. RECURSOS MULTIMEDIA DE LA UNIDAD DE APRENDIZAJE O ASIGNATURA: Libros de texto digital, PDF, computadora con acceso a internet y revistas digitales. Para actividades en línea: Uso de plataforma tecnológica Moodle UT 7 Modalidad Mixta Tipo Educación Superior RVOE FORMATO 6 1.8 CRITERIOS DE EVALUACIÓN Y SU PONDERACIÓN (cuatrimestral) CRITERIOS DE EVALUACIÓN PONDERACIÓN Unidad 1 Catálogo Ejercicio práctico Investigación Unidad 2 Ejercicio práctico Ejercicio Mapa sinóptico Unidad 3 Investigación Ejercicio Listado Unidad 4 Ejercicio práctico Ejercicio Análisis Unidad 5 Ejercicio práctico Investigación Mapa conceptual 4 4 4 4 4 4 4 4 4 4 4 4 4 4 4 Proyecto integrador Evaluación parcial Evaluación final Total 10 10 20 100 1.9 FUENTES DE INFORMACIÓN Básica: Nixon, R. (2019) Aprender PHP, MySQL y JavaScript. España: Marcombo. Salvaggio, A. y Testa, G. (2019) JavaScript: Guía completa. España: Marcombo. Complementaria: MEDIAactive. (2015) Aprender JavaScript avanzado con 100 ejercicios prácticos. España: Marcombo. López, J. (2014) Domine JavaScript. España: RA-MA (3ra edición). 8
