DGAUIS Sector 4 — O platformă publică modernă pentru 40 de școli

Prezentare generală

DGAUIS este direcția din primăria Sectorului 4 care administrează infrastructura fizică a 40 de școli de stat, 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. Ne-au cerut un site de instituție publică. Le-am construit unul care nu arată și nu se comportă ca site-urile statului.

Provocarea

Site-urile statului român au o reputație, și nu una bună. Template-uri depășite, navigație în care te rătăcești, secțiuni de transparență obligatorii pe care nu le găsește nimeni, formulare care nu merg pe telefon. Ironia e că au un public dintre cele mai greu de deservit din lume — 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ă — iar aproape toate aceste site-uri le rămân datoare tuturor.

DGAUIS voia altceva. Avea 40 de instituții 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 construit platforma de la zero (dgauis, o arhitectură scrisă special pentru acest site — nu un template de marketplace, nu un page builder). Am desenat și am codat de mână fiecare componentă, pentru că un site de instituție publică are cerințe aparte: accesibilitatea e obligatorie prin lege, performanța contează — jumătate dintre utilizatori vin de pe conexiuni mobile slabe — și la fel contează mentenanța, pentru că echipa internă trebuie să poată actualiza conținutul ani la rând fără să ne sune.

Cele 40 de școli sunt nucleul de date al platformei; tot restul — secțiunile de transparență, formularele, comunicarea instituțională — l-am construit în jurul lor. Iar cele 40 de unități 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ă codată de la zero (dgauis) — arhitectură scrisă special pentru acest site, fără page builder, fără temă de marketplace
• Hartă interactivă Leaflet cu toate cele 40 de unități de învățământ, alimentată dintr-un obiect JSON custom dgauisMapData și un leaflet-map.js inclus în platformă. Înaltă de 500px, responsive, 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 live, de la minimum 3 caractere
  • Ctrl+K deschide căutarea pe loc, direct de la tastatură
  • Paginare cu „Încarcă mai multe”, nu scroll infinit
• Widget de accesibilitate cu 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ță: conformitate GDPR, declarații de avere, anunțuri de achiziții publice, cod etic, contacte pentru avertizorii de integritate
• Schema JSON-LD pentru instituții publice (GovernmentOrganization)
• Fontul DM Sans, self-hosted (WOFF2)
• Tipografie fluidă, responsive, cu clamp()
• Hero bleumarin închis (#00163d), cu zone de conținut albe, aerisite

Momente-cheie

Harta Leaflet

Un site de instituție cu 40 de unități în subordine le prezintă, de regulă, 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 află cum ajunge acolo — totul fără să părăsească pagina. Datele hărții stau într-un obiect JSON structurat: când apare o unitate nouă sau se mută una existentă, echipa internă modifică fișierul de date, iar harta se actualizează pe loc.

Căutarea Ctrl+K

Cei mai mulți utilizatori vor apăsa butonul de căutare. Dar utilizatorii avansați — jurnaliști care documentează politicile din educație, personal din școli care caută o anumită unitate, părinți care revin a doua oară pe site — apreciază scurtăturile de 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. E genul de detaliu care nu schimbă nimic pentru 95% dintre utilizatori, dar îi face pe ceilalți 5% să-și spună: „aici chiar i-a păsat cuiva”.

Widgetul de accesibilitate

WCAG 2.2 AA e minimul obligatoriu pentru orice site public din UE. Noi am mers un pas mai departe: un widget de accesibilitate vizibil pe fiecare pagină, cu reglaj pentru dimensiunea textului, mod de contrast și comutator între modul luminos și cel întunecat. E un detaliu mic, dar transmite ceva important: instituției îi pasă dincolo de bifa legală — exact mesajul pe care vrei să-l dea un site public.

Fără page builder

Un site de instituție făcut pe page builder e calea ușoară — și calea greșită. În doi ani devine imposibil de administrat. Noi l-am construit ca platformă codată de la zero, pentru că echipa din Sectorul 4 va lucra cu el ani de zile. Azi funcționează. Peste trei ani va funcționa la fel.

Stack-ul tehnic

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)
WCAG 2.2 AA compliance

Rezultatul

O platformă publică ce funcționează pentru oamenii care o folosesc, nu doar pentru bifele de conformitate. Părinții găsesc școlile pe hartă, furnizorii — anunțurile de achiziții, cetățenii își depun sesizările, iar presa ajunge la rapoartele de transparență. Site-ul e pe verde la toate Core Web Vitals, trece auditurile WCAG 2.2 AA și — cel mai important — dă senzația unui produs modern, ceva aproape nemaivăzut la un site de stat din România.