Aplicaciones Web para I4.0

Indicaciones: Una vez que hayan identificado el proyecto ha realizar durante el cuatrimestre, elaboren en equipos el mockup de su aplicación web, recuerden que deben de incluir por lo menos cinco páginas. Utilicen alguna aplicación para crear prototipos (figma, adobe xd, etc) y presenten su proyecto en clase. Después, elaboren un reporte PDF con portada donde incluyan descripción y capturas de pantalla del mockup. Suban el reporte a moodle.

Indicaciones: Elabora un reporte PDF, donde utilizando CodeSandBox, implementes un código donde expliques los siguientes puntos:

1. Diferencias entre var, let y const
2. Funciones de flecha (arrow functions)
3. Template string
4. Construcción de objetos
5. Destructuring JavaScript Objects
6. Fetch API
7. Async Await
8. Map
9. Filter

Da clic en la siguiente imagen para conocer los protocolos de seguridad de la información:

Da clic en la siguiente imagen para conocer algunos de los principales proveedores de hospedaje en México:

Da clic en la siguiente imagen para conocer algunos de las medidas de seguridad para un web hosting:

Indicaciones: Una vez analizada la información anterior, en equipos, seleccionen un proveedor de hosting en el cual, deberán investigar el cómo realizar la implementación de la seguridad de la información mediante protocolos y servicios (medidas de seguridad). Después, elaboren una presentación en donde incluyan:

1. Portada
2. Índice
3. Descripción del proveedor de hosting seleccionado
4. Tabla de los protocolos con descripción
5. Implementación de la seguridad de la información mediante protocolos en el hosting seleccionado
6. Implementación de medidas de seguridad de la información y costos en el hosting seleccionado
7. Breve conclusión por cada integrante
8. Referencias (Mínimo cinco)

La presentación se sube a Moodle en formato PDF.

Indicaciones: Una vez analizada la información anterior, en equipos, elaboren una tabla comparativa sobre los diferentes tipos de control de acceso, después, seleccionen el que usarán para su aplicación web y justifiquen la respuesta.

1. Portada
2. Tabla comparativa sobre tipos de acceso
3. Selección y justificación de tipo de acceso para su proyecto
4. Referencias (Mínimo cinco)

Este documento se sube a Moodle en formato PDF.

Para evaluar esta unidad, deberán subir de forma Individual los siguientes documentos en un archivo ZIP.

1. U1 T1 Actividad 1 (En equipo)
2. U1 T2 Actividad 2 (Individual)
3. U1 T2 Actividad 1 (En equipo)
4. U1 T3 Actividad 1 (En equipo)

Da clic en la siguiente imagen para acceder al listado:

Da clic en la siguiente imagen para acceder al listado:

Indicaciones: En equipos, elabora un reporte PDF paso a paso donde incluyas la siguiente información. Selecciona un framework de desarrollo de PHP y uno de JavaScript, investiga sobre el y la forma de instalarlo. Después, incluye capturas con descripción de los siguientes puntos:

• Portada
• Índice
• Introducción
• Framework de PHP
  • Descripción del framework de PHP
  • Características principales del framework
  • Arquitectura de funcionamiento del framework
  • Requerimientos y pasos necesarios para instalarlo
  • Configuración necesaria para empezar a utilizarlo
• Framework de JavaScript
  • Descripción del framework
  • Características principales del framework
  • Arquitectura de funcionamiento del framework
  • Requerimientos y pasos necesarios para instalarlo
  • Configuración necesaria para empezar a utilizarlo
• Conclusiones personales por cada integrante
• Referencias (mínimo cinco)

Da clic en la siguiente imagen para conocer AdonisJS:

Da clic en la siguiente imagen para conocer cómo instalar yarn para la configuración del framework:

Da clic en la siguiente imagen para saber los pasos necesarios de la instalación y la configuración (Routes, Middleware, Setting Up Database, Setting Up Schema, Set Up User Authentication, Models, Controllers, Routes, Views, Deploying project) de AdonisJS:

Indicaciones: Utilizando el tutorial anterior, elabora paso a paso, un reporte PDF en donde incluyas un reporte paso a paso con capturas de pantalla y descripciones de los siguientes puntos:

• Portada
• Índice
• Objetivo de la práctica
• Contenido
  • Investigación
    • AdonisJS. Describe qué es AdonisJS y el patrón de desarrollo que sigue:
    • Características. Menciona las funciones de desarrollo web integradas que incluye AdonisJS:
    • ¿Por qué AdonisJS?. Menciona por qué se debe aprender AdonisJS:
    • AdonisJS vs otros. Explica la comparación de AdonisJS con otros frameworks de desarrollo web:
    • Middleware. Menciona qué tareas se pueden realizar al configurar el Middleware:
  • Desarrollo de la práctica
    1. Building an App. Agrega una captura donde incluyas el comando que utilizaste para crear una aplicación con AdonisJS:
    2. Start the development server. Agrega una captura donde incluyas el comando que utilizaste para iniciar el servidor, también agrega una captura del navegador con el servidor iniciado:
    3. Setting up Database. Agrega una captura de pantalla donde incluyas el comando que utilizaste para instalar Lucid:
    4. Update the .env file. Agrega una captura de pantalla donde incluyas la modificación del archivo .env para configurarlo con MySQL:
    5. Building an App. Agrega una captura de pantalla donde incluyas el comando que utilizaste para crear una migración users y otra donde se muestre el contenido del archivo de la migración:
    6. Set up User Authentication. Agrega capturas de pantalla donde muestres la instalacción de Auth package, invoke Auth package, session package, shield package, invoce shield package, y las rutas agregadas en el archivo routes.ts:
    7. Make Controller Auth. Agrega una captura de pantalla donde incluyas cómo crear un controlador para Auth y su respectiva modificación:
    8. Creating Views. Agrega capturas de pantalla correspondientes a los comandos para crear las vistas register y login, y también de sus respectivas etiquetas:
    9. Install Phc-argon2 package. Agrega una captura de pantalla donde incluyas el comando para instalar phc-argon2:
    10. Creating Models. Agrega un captura de patalla donde incluyas el comando para crear un modelo User y de los respectivos métodos all(), find(), save(), delete(), make:model Todo:
    11. Creating Controller for Todo. Agrega una captura de pantalla donde incluyas el comando para crear un controlador Todo y la implementación de sus métodos:.
    12. Creating Routes. Agrega una captura de pantalla donde incluyas las rutas agregadas de AuthController, TodosController y LoginController:
    13. Creating View for Dashboard. Agrega un captura de pantalla del comando para crear una UI logic Dashboard, y de sus archivos correspondientes:
    14. Running the Project. Agrega una captura de pantalla donde compruebes las vistas finales desde el navegador.
• Conclusiones personales por cada integrante
• Referencias (mínimo cinco)

Para evaluar esta unidad, deberán subir de forma Individual los siguientes documentos en un archivo ZIP.

1. U2 T1 Actividad 1 (En equipo)
2. U2 T2 Actividad 1 (En equipo)

El proyecto de AdonisJS se presentará por equipos en el salón de clase.

Da clic en la siguiente imagen para acceder al tutorial sobre cómo realizar un MVC con Angular, PHP y MySQL:

Da clic en la siguiente imagen para aprender acerca de Adafruit:

Indicaciones: Elabora un reporte PDF acerca de lo elaborado en el proyecto integrador, en donde incluyan lo siguiente cumpliendo con los criterios de la rúbrica de evaluación:

• Portada
• Introducción
• Desarrollo (incluir capturas de pantalla y descripción de lo siguiente)
  • Mencionan los sensores que utilizaron en el proyecto
  • Explican lo realizado en su proyecto
  • Explican y demuestran cómo almacenar datos y graficarlos desde la plataforma a Adafruit
  • Explican y demuestran cómo enviar ordenes desde la plataforma a Adafruit para que encienda o apegue
  • Mencionan cuáles son los cuatro pasos para establecer un dispositivo de comunicación, ya sea para enviar órdenes o para recibir datos
    • Indican cómo crearon una cuenta
    • Indican cómo y dónde crearon un panel (dashboard) y para que les sirve
    • Indican cómo y dónde crearon un elemento de intercambio de datos (feed) y para qué sirve
    • Indican cómo y dónde crearon un componente (block) y cómo asignarle un feed y para qué sirve
    • Explican cómo editar las caracterísicas del componente y los datos que envía o recibe de Arduino
  • Explican dónde asignó el host, port 1883 o 8883, usuario y clave
  • Explican cómo enviar datos de la plataforma a Adafruit
  • Explican cómo recibir datos de la plataforma a Adafruit
  • Explican cómo configurar un block
• Conclusiones (de la materia por cada integrante del equipo)
• Referencias (mínimo cinco, no wikipedia, buenas tareas, rincón del vago, ni nada por el estilo)