Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 29 vistas

    Evaluación 4 PFE

    Cargado por

    Sebastian Hernandez
    Este documento describe una evaluación para desarrollar una aplicación web single-page utilizando el framework JavaScript React. Se pide crear componentes como Login, menús para jefes y operarios, formularios de registro y listado, y componentes de filtrado y estadísticas que accedan y manipulen datos almacenados en local storage. La aplicación debe permitir iniciar sesión con usuarios predefinidos, registrar y listar datos de una entidad, filtrar listados, y para jefes, ver estadísticas sobre los datos.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd

    Evaluación 4 PFE

    Cargado por

    Sebastian Hernandez
    29 vistas8 páginas
    Este documento describe una evaluación para desarrollar una aplicación web single-page utilizando el framework JavaScript React. Se pide crear componentes como Login, menús para jefes y operarios, formularios de registro y listado, y componentes de filtrado y estadísticas que accedan y manipulen datos almacenados en local storage. La aplicación debe permitir iniciar sesión con usuarios predefinidos, registrar y listar datos de una entidad, filtrar listados, y para jefes, ver estadísticas sobre los datos.

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    DOCX, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Este documento describe una evaluación para desarrollar una aplicación web single-page utilizando el framework JavaScript React. Se pide crear componentes como Login, menús para jefes y operarios, formularios de registro y listado, y componentes de filtrado y estadísticas que accedan y manipulen datos almacenados en local storage. La aplicación debe permitir iniciar sesión con usuarios predefinidos, registrar y listar datos de una entidad, filtrar listados, y para jefes, ver estadísticas sobre los datos.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Descargar como docx, pdf o txt
    29 vistas8 páginas

    Evaluación 4 PFE

    Cargado por

    Sebastian Hernandez
    Este documento describe una evaluación para desarrollar una aplicación web single-page utilizando el framework JavaScript React. Se pide crear componentes como Login, menús para jefes y operarios, formularios de registro y listado, y componentes de filtrado y estadísticas que accedan y manipulen datos almacenados en local storage. La aplicación debe permitir iniciar sesión con usuarios predefinidos, registrar y listar datos de una entidad, filtrar listados, y para jefes, ver estadísticas sobre los datos.

    Copyright:

    © All Rights Reserved
    Descargue como DOCX, PDF, TXT o lea en línea desde Scribd
    Descargar como docx, pdf o txt
    de 8

    Área Informática y Telecomunicaciones

    Ingeniería en Informática – Analista Programador

    Evaluación 4: Framework JavaScript (30%)

    Unidad de Aprendizaje 3: ALUMNO(A)


    Framework Javascript
    SECCION FECHA

    PUNTOS NOTA
    Aprendizaje esperado
    3.1.- Desarrolla aplicación
    Web SPA utilizando un
    Framework de JavaScript, en I. Presentación
    base a problemática A continuación, te invitamos a desarrollar una aplicación web que permita
    presentada. (Integra almacenar, consultar, listar, modificar y eliminar los datos de N Entidades,
    Competencia Genérica aplicando Javascript, html y css. La finalidad es poner en práctica sus
    Resolución de Problemas conocimientos, habilidades y actitudes adquiridas durante las clases de la unidad
    Nivel 1) correspondiente.

    Actividades
    1. Crear proyecto JS
    II. Criterios de evaluación
    Las actividades consideran los siguientes criterios de evaluación:

    Evaluación
    III. Instrucciones
     Evaluación 4: Escala de  Las copias serán evaluadas con nota 1,0.
    apreciación.  La evaluación tiene una duración de 90 minutos.
    o Demostración (DMT).  La evaluación tiene 100 puntos en total.
     La nota 4.0 se obtiene logrando un 60% del puntaje total (60 puntos).
     La evaluación tiene una  Está prohibido el préstamo o solicitud de materiales durante la evaluación.
    ponderación del 30%.  Se prohíbe el uso de pendrive, celular o similares durante la evaluación.
     Se exige por parte de los Alumnos(as) una conducta intachable y
    responsable.
     La evaluación debe ser desarrollada utilizando los equipos disponibles en el
    laboratorio de computación.
     Al terminar, comprimir y subir a la tarea con nombre:
    “Entrega Evaluación 4”
    El archivo comprimido debe tener por nombre:
    EVA4_APELLIDO_NOMBRE

    Programación De Componentes Web – TIDC04


    Otoño
    Área Informática y Telecomunicaciones
    Ingeniería en Informática – Analista Programador

    Actividad I Desarrollo.
    Confeccione una aplicación React, siguiendo los siguientes pasos:

    Paso Número 1: Cree una carpeta en la unidad "C:/" de su


    computadora.
    - Nombre de carpeta : Eva_React

    Paso Número 2: Abrir la carpeta creada en VSCode:

    Paso Número 3: Desde VSCode abrir una nueva terminal.

    Paso Número 4: Crear un nuevo proyecto React a través de la terminal:


    - Nombre de proyecto : Eva_React
    - Instrucción a ejecutar : npx create-react-app eva_react

    Paso Número 5: Desde la misma terminal acceda al proyecto recién creado.


    - Instrucción a ejecutar : cd eva_react

    Paso Número 6: Inicie el proyecto cargándolo en el navegador web.


    - Instrucción a ejecutar : npm start

    Paso Número 7: Dentro de la carpeta "src" cree una carpeta nueva.


    - Nombre de carpeta : components

    Paso Número 8: Dentro de la carpeta "components" cree los siguientes


    archivos:
    - Nombre de archivo 1 : Login.jsx
    - Nombre de archivo 2 : MenuJefe.jsx
    - Nombre de archivo 3 : MenuOperario.jsx
    - Nombre de archivo 4 : Registrar.jsx
    - Nombre de archivo 5 : Listar.jsx
    - Nombre de archivo 6 : Estadistica.jsx
    - Nombre de archivo 7 : Filtrado.jsx

    Programación De Componentes Web – TIDC04


    Otoño
    Área Informática y Telecomunicaciones
    Ingeniería en Informática – Analista Programador

    "Login.jsx": Contendrá la estructura del formulario para iniciar la sesión.


    Los usuarios permitidos son:
    - usuario: JPEREZ, pass: 123456, perfil JEFE
    - usuario: MSOTO, pass: 654321, perfil OPERARIO

    "MenuJefe.jsx": Contendrá la estructura del menú, indicando el nombre del


    usuario logeado y su perfil:

    Programación De Componentes Web – TIDC04


    Otoño
    Área Informática y Telecomunicaciones
    Ingeniería en Informática – Analista Programador

    Consideración: Este menu será cargado siempre y cuando el perfil sea JEFE.

    "MenuOperario.jsx": Contendrá la estructura del menú, indicando el


    nombre del usuario logeado y su perfil:

    Consideraciones: Este menu será cargado siempre y cuando el perfil sea


    OPERARIO.

    "Registrar.jsx": Contendrá la estructura del formulario de registro de la


    entidad asociada al tema asignado en la evaluación 2, y donde deberá
    permitir guardar los datos en el local storage:

     Al cliquear la opción "Registrar" del menú se desplegará el formulario


    indicado.

    Programación De Componentes Web – TIDC04


    Otoño
    Área Informática y Telecomunicaciones
    Ingeniería en Informática – Analista Programador

    "Listar.jsx": Contendrá la estructura del componente que permite visualizar


    los datos desde el localStorage.

     Al cliquear la opción "Listar" del menú, de NO haber registros, se


    desplegará en pantalla el mensaje de error indicado, de haber registros, se
    desplegará en pantalla una tabla con el contenido almacenado en el
    LocalStorage hasta ese momento.

    Programación De Componentes Web – TIDC04


    Otoño
    Área Informática y Telecomunicaciones
    Ingeniería en Informática – Analista Programador

    "Filtrar.jsx": Contendrá la estructura del componente que permite visualizar


    los datos filtrados desde el localStorage.

     Al cliquear la opción "Filtros" del menú, de NO haber registros, se


    desplegará en pantalla el mensaje de error indicado, de haber registros, se
    desplegará en pantalla una casilla para buscar según el campo 2 del
    formulario, y al presionar el botón Filtrar deberá reducirse el listado a
    aquellos que coinciden con el contenido almacenado en el LocalStorage
    hasta ese momento y el resumen deberá mantenerse actualizado,
    mostrando la cantidad de registros que coinciden.

    Tanto el listado como el resumen inferior deben mantenerse actualizados


    según lo que se busque.

    Programación De Componentes Web – TIDC04


    Otoño
    Área Informática y Telecomunicaciones
    Ingeniería en Informática – Analista Programador

    "Estadistica.jsx": Contendrá la estructura del componente que permite


    visualizar 3 resúmenes sobre los datos almacenados en el localStorage.

     Al cliquear la opción "Estadisticas" del menú, de NO haber registros, se


    desplegará en pantalla el mensaje de error indicado, de haber registros, se
    desplegará la cantidad según el campo 7 del formulario, la suma Total según
    el campo 8 y el promedio según el campo 9 almacenadas en el LocalStorage
    hasta ese momento.

    CABE SEÑALAR QUE ESTA OPCION SOLO PUEDE SER ACCEDIDA POR UN
    JEFE.

    Programación De Componentes Web – TIDC04


    Otoño
    Área Informática y Telecomunicaciones
    Ingeniería en Informática – Analista Programador

    Programación De Componentes Web – TIDC04


    Otoño

    También podría gustarte