Skip to content
No description, website, or topics provided.
JavaScript CSS HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
backend
frontend
resources
.gitignore
README.md

README.md

Mentorship

Team:

Jahir Fiquitiva (frontend) 201521721 Julian González (dba, backend) 201520025 Sebastian Mayorga (backend) 201521221

Titulo

APLICACIÓN WEB PARA EL REGISTRO DE LAS HORAS PARA LOS MONITORES DE LA ESCUELA DE INGENIERÍA DE SISTEMAS Y COMPUTACIÓN, SOGAMOSO.

1. Introduccion

La Universidad Pedagógica y Tecnológica de Colombia, brinda estímulos para apoyar a los estudiantes de programas académicos de pregrado, presenciales y a distancia. Entre ellos esta las monitorias que las describe como: “Distinción que se otorga a estudiantes que se destaquen por su desempeño académico, conocimiento, habilidades y comportamiento.” Para ello se plantea una propuesta para la gestión de las monitorias prestadas por los estudiantes de la UPTC. De la misma manera brinda una pequeña brecha que nosotros los estudiantes debemos aprovechar para enfrentar el mundo laboral, esto lo logramos haciendo uso de las nuevas tecnologías para la innovación.

2. GENERALIDADES

En este capítulo se encuentran las generalidades tenidas en cuenta para el desarrollo de este proyecto.

2.1.Justificación.

Desarrollar un aplicación web para la gestión de las horas de la monitorias en el transcurso del semestre que permita:

  • Al monitor poder registrar horas de las monitorias realizadas por día
  • El profesor y el director de escuela, podrá asignar monitores a las materias, y aprobar las horas registradas por monitor.
  • El director de escuela podrá registrar profesores, asignar profesores a las materias y aprobar o desaprobar las horas de monitorias.

2.2.Planteamiento del problema.

Para la administración de las horas de monitorias, es necesario un formato donde el estudiante registre las horas que presta, este formato tiene que ser llenado a mano lo cual implica gasto de papel y en muchas ocasiones no se tienen en cuenta todas las horas, y el desgaste que genera al tener que revisar todas las hojas y las diferentes letras de los estudiantes.

Por lo cual surge la siguiente pregunta.

¿Cómo gestionar el registro de horas de las monitorias por medio de una aplicación web?

3.ESTADO DE ARTE

Estdo del arte

4.OBJETIVOS.

4.1.General.

Desarrollar una aplicación web para el registro de las horas de los monitores de la escuela de ingeniería de sistemas y computación, Sogamoso.

4.2.Específicos.

  1. Agilizar el proceso de registro de las horas de los monitores de la escuela.
  2. Generar un informe semestral de las horas cumplidas por los monitores.
  3. Reducir el uso del papel y contribuir a la protección y mantenimiento del medio ambiente.
  4. Implementar algunas de las herramientas propuestas en clase.

5.REFERENTES CONCEPTUALES.

5.1.Marco Teórico.

5.1.1.Frontend:

Frontend es la parte de un programa o dispositivo a la que un usuario puede acceder directamente. Son todas las tecnologías de diseño y desarrollo web que corren en el navegador y que se encargan de la interactividad con los usuarios. HTML, CSS y JavaScript son los lenguajes principales del Frontend, de los que se desprenden una cantidad de frameworks y librerías que expanden sus capacidades para crear cualquier tipo de interfaces de usuarios. React, Redux, Angular, Bootstrap, Foundation, LESS, Sass, Stylus y PostCSS son algunos de ellos. [1]

5.1.2.Backend:

Es la capa de acceso a datos de un software o cualquier dispositivo, que no es directamente accesible por los usuarios, además contiene la lógica de la aplicación que maneja dichos datos. El Backend también accede al servidor, que es una aplicación especializada que entiende la forma como el navegador solicita cosas. Algunos de los lenguajes de programación de Backend son Python, PHP, Ruby, C# y Java, y así como en Frontend, cada uno de los anteriores tiene diferentes frameworks que te permiten trabajar mejor según el proyecto que estás desarrollando. En Platzi tenemos Django, Laravel, Ruby On Rails y ASP.Net, los hemos elegido sobre todo porque tienen una gran comunidad que los respalda. [1]

5.1.3.Node JS:

Es un entorno en tiempo de ejecución multiplataforma, de código abierto, para la capa del servidor basado en el lenguaje de programación ECMAScript, asíncrono, con I/O de datos en una arquitectura orientada a eventos y basado en el motor V8 de Google. [2]

5.1.4.MongoDB:

Es un sistema de base de datos NoSQL orientado a documentos de código abierto. En lugar de guardar los datos en tablas, tal y como se hace en las bases de datos relacionales, MongoDB guarda estructuras de datos BSON (una especificación similar a JSON) con un esquema dinámico, haciendo que la integración de los datos en ciertas aplicaciones sea más fácil y rápida. [3]

5.1.5.Express:

Express.js, o simplemente Express, es un marco de aplicación web para Node.js, lanzado como software libre y de código abierto bajo la Licencia MIT. Está diseñado para construir aplicaciones web y APIs. Se ha denominado el marco de servidor estándar de facto para Node.js. [4]

5.1.6.Serveo:

Serveo es un servidor SSH solo para el reenvío de puertos remotos. Cuando un usuario se conecta a Serveo, obtiene una URL pública que cualquiera puede usar para conectarse a su servidor localhost. [5]

5.1.7.Monitor:

Persona encargada de asesorar un grupo de estudiantes en determinada asignatura.

5.1.8.React:

Es una biblioteca Javascript de código abierto diseñada para crear interfaces de usuario con el objetivo de facilitar el desarrollo de aplicaciones en una sola página (Simple Page Application). [6]

5.1.9.JavaScript:

Es un lenguaje de programación interpretado, dialecto del estándar ECMAScript. Se define como orientado a objetos, basado en prototipos, imperativo, débilmente tipado y dinámico. [7]

5.2.Marco Legal.

5.2.1.Decreto 709 de 1996:

Por el cual se establece el reglamento general para el desarrollo de programas de formación de educadores y se crean condiciones para su mejoramiento profesional. [8]

6.METODOLOGIA

Etapa 1: Obtención de la información para establecer condiciones para el desarrollo del aplicativo web. Etapa 2: Obtención de la información para los roles del aplicativo web Etapa 3: Creación de los modelos para la base de datos Etapa 4: Desarrollo del backend Etapa 5: Pruebas del backend Etapa 6: Desarrollo del frontend Etapa 7: Acoplar el backend con el frontend

7.CRONOGRAMA

Cronograma

8.CONCLUSIONES

  • Con el uso de esta aplicación web se logra de una manera radical los tiempos y la materia prima cuando un monitor realiza el registro de las horas realizadas durante el transcurso de la monitoria.
  • Se reduce el uso del papel considerablemente ya que permite registrar y consultar todas las horas registradas por el monitor.
  • Se implementaron las tecnologías node js y mongo para el lado del backend y React en el lado del frontend comprobando que se aprendió lo visto en clase de Electiva II.
  • Se comprobó que mediante nuevas tecnológicas, es posible reducir los tiempos de tareas cotidianas como el registro de horas por parte de los monitores.

REFERENCIAS

[1] N. Chapaval, «Platzi,» [En línea]. Available: https://platzi.com/blog/que-es-frontend-y-backend/. [2] R. L. Dahl, «Wikipedia,» [En línea]. Available: https://es.wikipedia.org/wiki/Node.js. [3] M. inc, «Wikipedia,» [En línea]. Available: https://es.wikipedia.org/wiki/MongoDB. [4] Anonimo, «Wikipedia,» [En línea]. Available: https://en.wikipedia.org/wiki/Express.js. [5] Trevor, «Serveo,» [En línea]. Available: https://serveo.net/. [6] J. Walke, «Wikipedia,» [En línea]. Available: https://es.wikipedia.org/wiki/React. [7] Anonimo, «Wikipedia,» [En línea]. Available: https://es.wikipedia.org/wiki/JavaScript. [8] «MinTIC,» [En línea]. Available: https://www.mintic.gov.co/portal/604/w3-article-2627.html.

You can’t perform that action at this time.