Despre Proiect

Pagina "Acasă" este compusă din 5 secțiuni:

• 1.Titlul

  Secțiunea "Titlul" este prima secțiune din pagina "Acasă", ea conținând un titlu și un subtitlu. Fundalul secțiunii este o imagine a Liceului Teoretic "Ion Barbu" din Pitesti.

• 2.Ce ne diferențiază?

  Secțiunea "Ce ne diferențiază??" este a doua secțiune din pagina "Acasă", ea conținând 4 subsecțiuni, fiecare subsecțiune, la rândul ei, conținând o imagine și o descriere a deosebirii respective.

• 3.Dotarea liceului

  Secțiunea "Dotarea liceului" este a treia secțiune din pagina "Acasă", ea conține un "slider" care, dacă nu este deranjat de un utilizator, începe să arate diferite imagini despre renovările claselor din liceu. Dacă acest "slider" este întrerupt de utilizator, nu trebuie să vă faceți griji, intră în modul automat după câteva secunde de liniște. Această secțiune mai conține o listă cu dotările liceului, prezentate rând pe rând.

• 4.Localizarea liceului

  Secțiunea "Localizarea liceului" este a patra secțiune din pagina "Acasă", aceasta conține 2 subsecțiuni: Subsecțiunea Google Street View si subsecțiunea Google Maps, fiecare aratând locația liceului. Aceste subsecțiuni au fost implementate cu ajutorul elementului "iframe" și Google.

• 5.Promovabilitatea la Bacalaureat

  Secțiunea "Promovabilitatea la Bacalaureat" este a cincea secțiune din pagina "Acasă", ea conținând o imagine luată de pe site-ul original al Liceului Teoretic Ion Barbu Pitești, care ne arată statisticile referitoare la promovabilitatea la bacalaureat din liceu.
  Dacă aveam acces la baza lor de date de studenți, puteam să folosesc React Charts ca să-mi construiesc propriile grafice folosing datele studenților.

• 6.Ce oferim?

  Secțiunea "Ce oferim?" este ultima secțiune din pagina "Acasă", ea conținând, foarte similar cu secțiunea "Ce ne diferențiază?", 4 subsecțiuni care, la rândul lor, conțin o descriere scurtă a ofertei și imaginea produsului respectiv.

Pagina "Anunțuri" este compusă dintr-o singură secțiune care conține mai multe componente "Anunț", fiecare având următoarele funcționalități:

• 1.Funcția de a vedea componentul

  Funcția de a vedea componentul face referire la vizibilitatea componentului "Anunț". Acesta este compus din 3 interfețe in funcție de mod(normal și editare). O interfața cănd anunțul este acuns, una cănd nu e ascuns și una când e in modul editare.

• 2.Funcția de a edita componentul

  Funcția de a edita componentul face referire la modificarea componentului "Anunț" prin apăsarea butonului verde cănd mouse-ul este pe componentul respectiv. Puteți edita componentul cum vreți dumneavoastră și aceste modificări pot fi salvate prin apăsarea butonului verde "bifat" in colțul din dreapta sus.

• 3.Funcția de a șterge componentul

  Funcția de a șterge componentul face referire la ștergerea componentului "Anunț" prin apăsarea butonului roșu cănd mouse-ul este pe componentul respectiv. Înainte ca acesta să fie eliminat permanent o să apară o interfața "overlay" care, după căteva secunde, vă lasă să eliminați componentul respectiv.

Pagina "Contact" este compusă din 2 secțiuni:

• 1.Informații de contact

  Secțiunea "Informații de contact" este prima secțiune din pagina "Contact", ea conținând adresa liceului, numărul de telefon al licelui și un preview a locației liceului, folosind Google Maps.

• 2.Trimite-ne un email!

  Secțiunea "Trimite-ne un email!" este a doua secțiune din pagina "Contact", ea conținând un formular pentru trimiterea unui email către școală si o poza a interiorului liceului.

Pagina "Oferta educațională" este compusă dintr-o singură secțiune care conține un titlu și un element "iframe" care reprezintă un preview al unui fișier PDF.

Pagina "Legi și Documente" este compusă din 2 secțiuni:

• 1.Mapa Documentelor

  Secțiunea "Mapa Documentelor" este prima secțiune din pagina "Legi și Documente", ea conținând o mapă a documentelor date, reprezentată de o listă de link-uri care duc la documentul respectiv de pe aceeasi pagină.

• 2.Documentele

  Secțiunea "Documentele" este a doua secțiune din pagina "Legi și Documente", ea conținând preview-urile documentelor date folosind elemente "iframe".

Pagina "Profesori" este compusă dintr-o singură secțiune care conține mai multe componente "Profesor" fiecare având următoarele funcțiuni:

• 1.Funcția de a vedea componentul

  Funcția de a vedea componentul face referire la vizibilitatea componentului "Profesor". Acesta este compus din 2 interfețe în funcție de mod(normal și editare).

• 2.Funcția de a edita componentul

  Funcția de a edita componentul face se referă la modificarea componentului "Profesor" prin apăsarea butonului verde cănd mouse-ul este pe componentul respectiv. Puteți edita componentul cum vreți dumneavoastră și aceste modificări pot fi salvate prin apăsarea butonului verde "bifat" din colțul din dreapta sus.

• 3.Funcția de a șterge componentul

  Funcția de a șterge componentul face referire la eliminarea componentului "Profesor", prin apăsarea butonului roșu cănd mouse-ul este pe componentul respectiv.Înainte ca acesta să fie eliminat pe bune,o să apară o interfața "overlay" care, după câteva secunde, vă lasă să eliminați permanent componentul respectiv.

Pagina "Istoric" este compusă dintr-o singura secțiune ce conține o imagine a lui Ion Barbu împreună cu istoria liceului într-un format cronologic și structurat.

Pagina "Despre Proiect" este compusă din 5 secțiuni:

• 1.Titlul

  Secțiunea "Titlul" este prima secțiune din pagina "Despre Proiect", ea conținând un titlu și un subtitlu. Fundalul secțiunii este o imagine a Liceului Teoretic Ion Barbu din Pitești. Această secțiune este reprezentată de un component funcțional React, care primește 2 parametri, titlul și subtitlul, și îi afișează cum se vede. Este un component comun multor pagini.

• 2.Informații Generale

  Secțiunea "Informații Generale" este a doua secțiune din pagina "Despre Proiect", ea conținând o "mapă" a proiectului, fiecare titlu și subtitlu fiind un link către paginile/secțiunile respective. În plus, conține o descriere mai detaliată a secțiunilor paginilor.

• 3.Informații despre Paginile Site-ului

  Secțiunea "Informații despre Paginile Site-ului" este a treia secțiune din pagina "Despre Proiect", ea conține informații generale despre paginile site-ului.

• 4.Informații despre Contul Admin

  Secțiunea "Informații despre Contul Admin" este a patra secțiune din pagina "Despre Proiect", aceasta conținand informații generale despre cum să intrați in contul admin(folosind pagina "Intră in Cont"), cum să iesiți din contul admin, cum să creați, ștergeți, modificați anunțuri/profesori.

• 5.Tehnologiile folosite in Crearea Site-ului

  Secțiunea "Tehnologiile folosite în Crearea Site-ului" este a cincea secțiune din pagina "Despre Proiect", care conține link-uri, descrieri, logo-uri despre tehnologiile folosite în crearea site-ului. Dacă vă interesează puțin, puteți să dați click pe logo-uri să vedeți cu ce tehnologii a fost creat site-ul.

Pagina "Intră în cont" este compusă dintr-o singură secțiune care conține un formular. În cazul în care se introduce email-ul și parola corectă a Contului Admin, puteți să intrați în contul respectiv. Această secțiune are 2 abilități interesante despre ea.

• 1.Abilitatea de a intra în cont cu informațiile corecte

  Abilitatea de a intra în cont cu informațiile corecte este făcuta posibilă cu interfața formularului și tehnologia numită "Redux" care îmi stochează informațiile introduse și le trimite la server.

• 2.Validarea informației incorecte

  Validarea informației incorecte este facută posibil cu ajutorul unui component "modal" care apare când email-ul/parola nu există/nu au fost introduse. Mesajul vizibil de acest "modal" este cel primit de la server în cazul de eroare.

Pagina "Crează-ți un cont" este compusă dintr-o singură secțiune care conține un formular. În cazul în care se introduc informatii corecte, puteți să creați un cont de elev, profesor sau admin. Această secțiune are 2 abilități interesante despre ea.

• 1.Abilitatea de a creea un cont cu informațiile corecte

  Abilitatea de a creea un cont cu informațiile corecte este făcuta posibilă cu interfața formularului și tehnologia numită "Redux" care îmi stochează informațiile introduse și le trimite la server.

• 2.Validarea informației incorecte

  Validarea informației incorecte este facută posibil cu ajutorul unui component "modal" care apare când informațiile introduce sunt greșite. Mesajul vizibil de acest "modal" este cel primit de la server în cazul de eroare.

Pagina "Clasele Noastre" este compusă dintr-o singură secțiune care conține clasele valabile, publice. Utilizatorii pot accesa paginile individuale ale claselor.

Pagina "Bibliotecă" conține componente Carte care pot fi ordonate/filtrate printr-un alt component vecin.

Pagina "Profil" reprezinta pagina profilului tau sau pagina profilului altui cont.Pagina Profil poate fi de 3 tipuri.

• Profil de Elev

  Profilul de Elev continue detaliile profilului de elev, mai multe opțiuni generale pentru profil, clasa elevului respectiv. Dacă elevul aparține unei clase, el are access la carnetul lui de elev.

• Profil de Profesor

  Profilul de Profesor conține detaliile profilului de profesor, mai multe opțiuni generale pentru profil și clasele la care aparține profesorul.

• Profil de Admin

  Profilul de Admin conține detaliile profilului de admin și multe opțiuni de creeare a unor: anunțuri, cărți, clase, ...