valentincostam / isi

:ledger: El plan de estudios interactivo de Ingeniería en Sistemas de Información de la UTN FRCU.

ISI

El plan de estudios interactivo de Ingeniería en Sistemas de Información de la UTN FRCU.

isi.ar

📜 Descripción

Funcionalidades

• Marcar qué materias aprobaste, regularizaste o estás cursando.
• Conocer qué necesitás regularizar o aprobar para cursar o aprobar una materia.
• Mantener marcadas las materias después de cerrar la pestaña o el navegador (utilizando Local Storage).
• Mostrar los siguientes datos:
  • Qué porcentaje de la carrera has completado
  • Cuántas materias has aprobado
  • Cuántas horas semanales estás cursando
  • Cuántas horas semanales de materias electivas aprobadas has acumulado

Beneficios

• Saber qué materias podés cursar y cuáles no.
• Entender mejor tu situación académica.
• Priorizar qué materias son más importantes.
• Simular cómo será la cursada de próximos cuatrimestres.
• Saber cuánto te falta para egresarte.
• Compartir con tus compañeros, amigos y familiares tu situación académica.

🤔 Preguntas frecuentes

1. ¿Cómo se calcula el progreso?

El progreso, es decir, el porcentaje de la carrera que has completado, se calcula de la siguiente manera:

                Horas de materias              Horas de materias
              obligatorias aprobadas   +      electivas aprobadas
Progreso = ——————————————————————————————————————————————————————————— * 100
                Total de horas de      +   Total de horas requeridas
              materias obligatorias          de materias electivas

En el código, ese cálculo se encuentra en estas líneas.

2. ¿Se pueden agregar otras carreras a esta web app?

Sí, pero no sería fácil. Esta versión no cuenta con la posibilidad de cargar nuevas carreras, ni siquiera materias. Todos los datos de la carrera están hard-coded.

Actualmente, estoy creando Plande, una web app similar a ésta, que permite cargar más carreras. Seguime en Twitter para enterarte cómo va.

3. ¿Puedo copiarla y hacerla para otra carrera?

Sí, por supuesto, pero no te lo recomiendo. El código está feo y es engorroso armar este array monstruoso (*).

Con suerte, Plande va a estar listo pronto y va a ser más fácil agregar otra carrera.

(*) Esta es una de mis primeras web app, y la primera vez que usé Vue. Además, con la idea de tener un prototipo rápido, puse todo en un solo archivo, no hice ningún CRUD (o ABM) ni usé base de datos, y quedó así.

⚒️ Tecnologías usadas

• Vue (v2.2.6 via CDN)
• Vuex (v2.3.0 via CDN)
• Gulp
• Pug
• Sass

💻 Cómo copiar y modificar ISI

Requerimientos

Tener instalado node, npm, npx, y gulp-cli (globalmente).

Pasos

1. Hacé un fork de este repositorio y clonalo:

   git clone https://github.com/<tu-usuario>/isi.git
   

2. Movete al directorio del proyecto e instalá sus depencencias:

   npm install
   

3. Ejecutá este comando para escuchar los cambios:

   npm run watch
   

Ya podés modificar cualquiera de los archivos en el directorio src y los archivos procesados estarán en sus respectivas carpetas del directorio docs.

🤝 Contribuir

Este proyecto ya no está en desarrollo. Sin embargo, si encontrás algún problema o tenés alguna sugerencia, por favor, no dudes en escribirme por email.

📝 Licencia

MIT © Valentín Costa