DGAUIS Sector 4 — O platformă publică modernă pentru 40 de unități de învățământ

Prezentare generală

DGAUIS este direcția din Primăria Sectorului 4 care gestionează infrastructura rețelei de învățământ preuniversitar de stat din sector — la momentul lansării, 40 de unități: școli, grădinițe, colegii și școli speciale, de la clădiri și curți până la baze sportive și spații culturale. Avea nevoie de o platformă oficială utilă părinților, elevilor, personalului din școli, furnizorilor și cetățenilor sectorului: un loc în care informațiile despre unitățile de învățământ și obligațiile de informare publică stau în aceeași structură, nu în documente separate.

Provocarea

Un site de instituție publică are de servit, în același timp, publicuri cu sarcini foarte diferite: părinți care vor să afle când e ziua porților deschise la școala copilului, furnizori care urmăresc un anunț de achiziție publică, cetățeni care depun o plângere oficială. Fiecare vine după un singur lucru, iar informația de care are nevoie stă de regulă împrăștiată prin liste lungi și documente PDF.

DGAUIS avea 40 de unități de reprezentat, obligații legale de transparență de îndeplinit, petiții și sesizări de gestionat și un public cu grade foarte diferite de familiaritate cu tehnologia — de la profesori de douăzeci și ceva de ani până la bunici care își iau nepoții de la grădiniță. Site-ul trebuia să funcționeze pentru toți.

Abordarea

Am dezvoltat platforma special pentru acest proiect (dgauis, o arhitectură scrisă pentru acest site — fără temă comercială, fără constructor vizual de pagini), folosind componente consacrate acolo unde erau alegerea potrivită: Leaflet pentru hartă și o soluție matură pentru formulare. Un site de instituție publică are cerințe aparte: accesibilitatea e obligatorie prin lege, performanța contează pentru că mulți vizitatori intră de pe telefon și în condiții variate de conectivitate, iar mentenanța contează la fel de mult, pentru că echipa internă trebuie să poată actualiza conținutul ani la rând fără să ne sune.

Cele 40 de unități de învățământ sunt nucleul de date al platformei; tot restul — secțiunile de transparență, formularele, comunicarea instituțională — l-am construit în jurul lor. Iar unitățile trebuiau să poată fi explorate în mai multe feluri: pe hartă, după tip (școli, colegii, grădinițe, școli speciale) și prin căutare.

Soluția

• Platformă dezvoltată special pentru acest proiect (dgauis) — arhitectură scrisă pentru acest site, fără constructor vizual de pagini, fără temă comercială
• Hartă interactivă Leaflet cu toate cele 40 de unități de învățământ, alimentată dintr-o structură de date dgauisMapData creată pentru proiect și un leaflet-map.js inclus în platformă. Înaltă de 500px, adaptată pentru telefon, tabletă și desktop, cu zoom și cu markeri care afișează la atingere detaliile fiecărei instituții.
• Catalog de unități cu filtrare și căutare la /unitati/:
  • Filtrare după tip: Toate / Școli / Colegii și licee / Grădinițe
  • Căutare cu rezultate actualizate pe măsură ce scrii, de la minimum 3 caractere
  • Ctrl+K deschide căutarea pe loc, direct de la tastatură
  • Paginare cu „Încarcă mai multe”, fără derulare infinită
• Instrumente suplimentare de afișare — reglaj pentru dimensiunea textului, mod de contrast și comutator între modul luminos și cel întunecat
• Contact Form 7 tradus corect în română — toate mesajele de eroare și toate etichetele
• Flux de petiții și sesizări pentru solicitările oficiale ale cetățenilor
• Secțiune de audiențe — programul exact în care fiecare departament primește cetățeni
• Secțiuni ample de transparență: informații privind protecția datelor, declarații de avere, anunțuri de achiziții publice, cod etic, contacte pentru avertizorii de integritate
• Date structurate JSON-LD pentru instituții publice (GovernmentOrganization)
• Fontul DM Sans, găzduit local (WOFF2)
• Tipografie fluidă, adaptată dimensiunii ecranului, cu clamp()
• Zonă principală de deschidere bleumarin închis (#00163d), cu zone de conținut albe, aerisite

Momente-cheie

Harta Leaflet

Informațiile despre unitățile aflate în subordinea unei direcții ajung de regulă la cetățean ca listă într-un PDF. Noi le-am pus pe o hartă interactivă. Un părinte care caută „școli în zona mea” mută harta, atinge un marker și vede pe loc adresa și datele de contact ale unității, fără să părăsească pagina. Datele hărții stau într-o structură JSON creată pentru proiect: când apare o unitate nouă sau se mută una existentă, echipa internă actualizează fișierul de date, iar harta reflectă imediat modificarea.

Căutarea Ctrl+K

Cei mai mulți vizitatori vor apăsa butonul de căutare. Dar cei care revin des — jurnaliști care documentează politicile din educație, personal din școli care caută o anumită unitate, părinți care intră a doua oară pe site — preferă comenzile din tastatură. Am adăugat Ctrl+K, o scurtătură ușor de descoperit, care deschide căutarea în catalogul unităților de oriunde de pe site. Nu înlocuiește navigarea obișnuită, dar scurtează drumul pentru cine caută rapid o unitate.

Accesibilitatea, de la structură la instrumentele de afișare

Minimul legal pentru site-urile publice din UE e standardul EN 301 549, care trimite la WCAG 2.1 AA. Noi am construit la nivelul WCAG 2.2 AA: structură semantică, navigare completă din tastatură, link de salt la conținut, contrast verificat, formulare cu etichete și mesaje de eroare corecte în română, respectarea preferinței pentru mișcare redusă.

Peste acest strat am adăugat instrumente vizibile pe fiecare pagină pentru dimensiunea textului, contrast și comutarea între modul luminos și cel întunecat. Sunt o funcție suplimentară, utilă, dar care nu ține locul accesibilității din structura paginii — iar starea de conformitate a platformei rămâne cea documentată în declarația de accesibilitate publicată de instituție.

Fără constructor vizual de pagini

Am ales o arhitectură dezvoltată pentru cerințele proiectului, fără temă comercială și fără constructor vizual, pentru că structura informațională și cerințele de accesibilitate cereau mai mult control decât ne-ar fi dat un șablon. Echipa din Sectorul 4 lucrează cu platforma zi de zi, iar structura poate fi întreținută și extinsă în timp, cu actualizările tehnice necesare.

Tehnologii folosite

Custom-coded platform (dgauis architecture)
Self-hosted DM Sans (WOFF2)
Leaflet 1.9.4 for the interactive institution map
Custom leaflet-map.js with JSON data source
Contact forms (Romanian localisation)
Schema.org (GovernmentOrganization)
Speculation-rules prefetch API
Responsive fluid typography (clamp)
Built to WCAG 2.2 AA

Rezultatul

O platformă publică ce funcționează pentru oamenii care o folosesc, nu doar pentru bifele de conformitate. Părinții găsesc unitățile pe hartă, furnizorii — anunțurile de achiziții, cetățenii își depun sesizările, iar presa ajunge la rapoartele de transparență. La lansare, paginile principale erau pe verde la Core Web Vitals, iar accesibilitatea a fost verificată automat, cu axe-core, și manual, din tastatură, cu WCAG 2.2 AA ca reper.