/rsoul.github.io

Graphing Web App

Primary LanguageJavaScriptGNU General Public License v3.0GPL-3.0

ProgettoLW

Descrizione:

Il gruppo si pone l'obiettivo di sviluppare un sito web in cui l'utente inserisce in input n esami (data, voto, CFU, i dati vengono salvati in localStorage e su di un Database) per vedere il suo andamento nel tempo su di un grafico , il confronto tra la sua media e quella degli altri studenti e i CFU rimanenti da conseguire.

Collaboratori

Michele Anselmi @Mikyxello
Raoul Nuccetelli @rsoul
Antonio Federico

To do

Funzionalità e modifiche da implementare:

  • Una volta rilasciata la versione stabile e finale, ricordarsi di minify tutti i file per un piccolo boost nella performance della web app
  • inserire nel grafico il bar chart voto medio ottenuto dagli studenti
  • Probabile implementazione tramite database in locale (per implementare Register/Login e conseguente trasferimento Exams/Calendar in DB Relazionale MySQL)
  • Eliminare il rosso di default nei vari form, diventano rossi solo in Submit
  • Mettere apposto edit calendar

Bugs to squash:

  • Priority Immettere troppi esami (n>20) fa formattare male il graph
  • La form di immissione di esame/evento permette l'inserimento di script malevoli (XSS)

Raoul:

  • login
  • registrazione
  • requisiti per RC: rest,oauth,ecc..

Completed

  • Se si aggiunge un evento con time vuoto la pagina si aggiorna automaticamente
  • Se si chiude l'alert con la X non si riapre
  • Avendo 0 esami in carriera l'etichetta percentuale esami completati fa collision con la progress bar
  • Immettere troppi esami fa fare collapse tra la barra di selezione della pagina e il footer
  • Animare la progress bar ed il testo di esso attraverso la funzione getProgress()
  • modificare il grafico con valore massimo 31 e valore minimo 18 (fisso, non variabile dai valori inseriti)
  • Inserire nel grafico la curva variazione della media dell'utente nel tempo
  • Aggiungere pagina contatti
  • Nonostante la casella di alert sia invisibile occupa lo spazio e shifta le tab di parecchi pixel
  • Quando l'evento innesca la comparsa della casella il campo edit non si chiude ergo
    • implementato o inseriamo la casella di alert in quella di edit/inserimento degli esami
    • o lasciamo la casella dov'è e implementiamo la chiusura della casella di edit/inserimento degli esami in caso di errore
  • migliorare edit di exam/event inserendo automaticamente i valori dell'elemento da modificare disattivando il codice/nome (NON MODIFICABILI, KEYS)
  • implementare media ponderata e media aritmetica nel tab esami sostenuti (tramite ciclo for che scorre tra gli esami in localstorage o con variabile definita?)
  • implementare loading bar (cfu ottenuti /cfu da ottenere per laurearsi x 100)
  • implementare inserimento idoneità (esame senza voto)
  • implementare visualizzazione a pagine degli esami/eventi per non intralciare il footer con pagination di bootstrap
  • Facendo hover su di un punto della curva esami dati il popover dovrebbe mostrare il nome dell'esame e non la data
  • Priority Se non si hanno inizializzati i local storage si verifica un "bug" se non si aggiorna la pagina
  • Implementare riordino dati tramite freccetta
  • Visualizzazione da alcuni dispositivi troppo grande, modificare dimensioni tabelle
  • animare le caselle di input in caso di succesful input
  • implementare alert system di bootstrap invece delle caselle di alert html5 Good job so far!