Arhitectura și modul de navigare

în aplicațiile e-Administrație

C5
Ghișeul.ro – platforma web

Tudor Turcu
Coordonator Comunicare
 Recap teme conexe

User UX/UI în
Hardware & Frontend &
Experience web versus
Sotfware Backend
& Interface mobile
 Recap

Hardware și
Software
• Componentele fizice ale unui computer se

numesc hardware

• Software-ul sunt acele părți pe care nu le

poți atinge - programele, documentele,

sunetele și imaginile. Acestea există sub

forma unor curenți și sarcini electrice care

reprezintă colecții mari de cifre binare, 0 și

1, denumite și biți
• Hardware-ul și Software-ul lucrează

împreună pentru a forma un sistem de

calcul complet, hardware-ul furnizând

componentele fizice și software-ul

furnizând programele și aplicațiile care

rulează pe acele componente.

 Recap

Software
• Algoritmii sunt seturi de reguli sau

specificații predefinite ale unui proces

digital, complementare unei aplicați

• Algoritmii sunt, în esență, pași care, urmați

într-o ordine exactă, descriu modul în

care un program va livra un rezultat în

procesul său de rezolvare a unei

probleme
• Un program de computer este un set

complet de instrucțiuni scrise într-un

limbaj de programare specific care poate

fi executat de un computer, pe care un

computer le poate înțelege și executa

pentru a rezolva o anumită problemă sau

pentru a atinge un anumit scop

• Un algoritm este un concept abstract, în

timp ce un program de calculator este o

implementare concretă a acestui

concept
• Un procesor de computer nu poate

înțelege limbaje de nivel înalt, ci doar

numere binare

• Astfel, este necesar ca un program numit

compilator să traducă tot codul sursă într-

un set de curenți electrici de pornire (1)-

oprire(0), care reprezintă numere binare

(biți) și care să fie gestionați de memoria și

procesorul calculatorului

• Astfel, codul sursă se transformă în cod

mașină (machine code)

 Recap

Frontend și
backend
• Backendul este coloana vertebrală, partea

invizibilă care conține toate coordonatele

de funcționare și codul sursă în baza

căruia sunt stabilite funcționalitățile unui

program sau unei aplicații

• Partea de backend constă într-un server, o

aplicație de interfață și o bază de date.

• Backendul este scris în limbaje de

programare precum PHP, Django, Python

etc.
• Frontend-ul este partea vizibilă, pe care o

accesează utilizatorul și cu care

interacționează acesta

• UX (user experience) și UI (user interface)

sunt cele mai importante aspecte vizate de

un dezvoltator frontend, care are în vedere

realizarea unei experiențe plăcute și

eficiente de navigare

• Frontend-ul reprezintă interfața grafică a

aplicației: font-uri, meniuri, butoane,

tranziții, formulare de contact

Recap

Website
• Un website este o colecție de pagini web

care sunt accesate printr-un browser web

pe internet

• În general, un site web funcționează prin

stocarea fișierelor sale pe un server web și

folosind diferite limbaje de programare

pentru a crea conținutul, structura și

funcționalitatea site-ului. Utilizatorii

accesează site-ul web printr-un browser

web, care comunică cu serverul web al

site-ului web pentru a afișa site-ul web pe

computerul sau dispozitivul utilizatorului.

 Recap

User Interface (UI)

Interfața cu utilizatorul (UI) se referă la

elementele vizuale și interactive ale unui site

web, inclusiv butoane, pictograme, text și

imagini.

Un design bun al interfeței înseamnă un site

web atractiv și ușor de utilizat

Principii UI

1. Consecvență: un aspect consistent, cu un

stil uniform pentru butoane, pictograme și alte

elemente.

2. Claritate: site-ul ar trebui să aibă un aspect

clar și simplu, cu text ușor de citit și navigare

eficientă, bine definită.

3. Minimalism: site-ul ar trebui să aibă un

design minimalist, cu accent pe simplitate și

un aspect curat, neaglomerat.

Principii UI

4. Funcționalitate: elementele funcționale și

interactive trebuie să să fie ușor de înțeles și

de utilizat.

5. Accesibilitate: site-ul web ar trebui să fie

conceput pentru a fi accesibil utilizatorilor cu

dizabilități

6. Reactivitate (responsivness): site-ul

trebuie să fie proiectat pentru a se adapta la

diferite dimensiuni de ecran și dispozitive,

oferind o experiență consecventă pe toate

terminalele.
Principii UI

7. Interactivitate: site-ul web ar trebui să

ofere o experiență interactivă și captivantă, cu

controale receptive și intuitive.

8. Ierarhie vizuală clară, în care elementele

cele mai importante - titlurile și butoanele -

sunt evidențiate

9. Schema de culori consistentă și

atrăgătoare, beneficiind de culori alese pentru

a completa brandul și stilul site-ului.

Principii UI

10. Tipografie lizibilă și adecvată, cu stiluri,

dimensiuni și greutăți ale fonturilor alese

pentru a îmbunătăți lizibilitatea și a sublinia

elementele cheie ale brandului

Toate elementele, fie ele funcționale sau

interactive, trebuie să răspundă nevoilor și

obiectivelor utilizatorului.
 Recap

User Experience
(UX)
Experiența utilizatorului (UX) se referă la

experiența generală a unui utilizator atunci

când interacționează cu un site web, inclusiv

funcționalitatea, conținutul și designul

acestuia.

Un design UX bun este esențial pentru

crearea unui site web care este atât util, cât și

plăcut (ușor) de utilizat

Principii UX pentru website-uri:

1. Utilizabilitate (usability): site-ul ar trebui să

fie ușor de utilizat, cu o navigare clară și

intuitivă, conținut bine structurat și meniuri

ușor de accesat

2. Design centrat pe utilizator: site-ul trebuie

să țină cont ed nevoile și obiectivele

utilizatorului, oferind o experiență

personalizată și relevantă

3. Accesibilitate: site web accesibil

utilizatorilor cu dizabilități, inclusiv celor cu

deficiențe vizuale, auditive sau motorii.

Principii UX pentru website-uri:

4. Conținutul trebuie să fie bine scris, clar și

concis, ușor de înțeles și relevant pentru

utilizator – dar și pentru motoarele de căutare

care indexează informațiile

5. Funcția de căutare a site-ului trebuie să fie

clară și eficientă, astfel încât să permită

utilizatorilor găsirea cu ușurință a informațiilor

6. Viteză: site-ul ar trebui să se încarce rapid,

cu imagini, cod și conținut optimizat pentru un

timp de încărcare cât mai scurt

Principii UX pentru website-uri:

7. Reactivitate mobilă (responsiveness):

optimizare pentru dispozitive mobile, site-ul

oferind o experiență de utilizare eficientă pe

toate tipurile de terminale

8. Interactivitate: site-ul web ar trebui să

ofere o experiență interactivă și captivantă, cu

controale receptive și intuitive.

9. Feedback: site-ul web ar trebui să ofere

utilizatorului feedback clar și în timp util, cum

ar fi mesaje de confirmare sau mesaje de

eroare.
Principii UX pentru website-uri:

10. Estetică: design atractiv, cu un stil vizual

consistent și coeziv, adaptat brandului,

produsului sau serviciului pe care îl prezintă

Concluzie:

Site-ul trebuie să fie intuitiv, relevant și

plăcut de utilizat, oferind o experiență

personalizată care să răspundă nevoilor și

obiectivelor utilizatorului.
 Recap

Regula F-ului
Regula F-ului este o formă de organizare a

ierarhiei vizuale pe o pagină web

Este cunoscută și sub denumirea de F-

pattern și reprezintă un principiu de design

folosit în mod obișnuit în designul web, care

pornește de la modul în care oamenii citesc și

consumă conținut online

Așadar, cele mai importante informații de pe

o pagină web ar trebui să fie plasate în

partea din stânga sus a paginii, pentru că

utilizatorii au tendința de a scana conținutul

într-un model sub formă de „F”.

Cum funcționează?

Ghișeul.ro
• Ghișeul.ro se interconectează la nivel de

servicii web sau API cu sistemele

informatice ale instituţiilor înrolate

• Ca internconetarea să funcționeze, e

nevoie ca sistemul informatic al instituţiei

să aibă implementate o serie de funcţii:

1. Transfer – informaţii multe, flux continuu

2. Asociere – cazuri individuale

3. Ștergere – doar la apelare

1. Transfer – flux continuu – transfer tipuri de

venit (fără sume) și transfer de CNP, funcția

este fundamentul bazat pe API al

întregului proces de interconectare

2. Asociere – se referă la situații particulare,

când informațiile trebuie actualizate

individual, pe bază de CNP, pe care

instituția îl trimite către Ghișeul.ro

3. Ștergere – este o legătură inițiată de

primărie către Ghișeul.ro și se referă la

remedierea evenetualelor erori sau

eliminări din sistemul informatic

• Pentru primării – API cu 2 componente:

1. Componenenta de interogare –

vizualizare sume

• Când instituţia îşi defineşte funcţiile

integrate în sistemul informatic, îşi

generează un serviciu web – ea îşi creează

adresa serviciului web – URL-ul folosit de

Ghișeul.ro pentru interconectarea prin API

• Când utilizatorul se autentifică în cont,

Ghișeul.ro, prin API, lansează o interogare

pe baza CNP-ului către toate URL-urile

pe care le are – toate instituțiile

• Primăriile expun prin intermediul API-ului

sumele şi tipurile de venit, acestea fiind

interconectate cu tipurile de plăţi

disponibile în Ghişeul.ro)

2. Componenenta de descărcare plăți

• Când un utilizator face o tranzacţie, ea se

descarcă automat în aplicaţia informatică a

primăriei prin API şi aşa utilizatorul poate

vedea în propriul cont confirmarea cu

ZERO bani de plată

• Pentru situaţii și interconectări speciale –

fluxul funcționează bidirectional:

1. Ghișeul.ro primește un set de parametri:

nume, CNP, cod tranzacţie

2. Ghișeul.ro răspunde printr-un mesaj de

succes că s-a efectuat plată

• Ghișeul.ro primește prin API datele

plătitorului şi ce vrea să plătească și

comunică înapoi că plata a fost efectuată

Platforma Web

Ghișeul.ro
Platforma Web

Crearea contului
Ghișeul.ro
Ghișeul.ro web

Profilul de
utilizator
Ghișeul.ro web

Servicii cu
autentificare
Ghișeul.ro web

Confirmarea plății
 Ghișeul.ro web

Alte funcționalități
Ghișeul.ro web

Cazierul judiciar
Ghișeul.ro web

Servicii fără
autentificare
Ghișeul.ro web

Instituții
• 1300 de instituții publice înrolate

• Administrații publice de la nivel central și

local

• Urban

Procent primării înrolate – 86,80%

• Rural

Procent primării înrolate – 29,84%

Ghișeul.ro web

Legislație
 Ghișeul.ro web

Întrebări frecvente
Ghișeul.ro web

Contact
Ghișeul.ro web

Backend și
Frontend
Ghișeul.ro web

Beneficii
1. Economiseşti timp – plăteşti online, fără

drumuri inutile la instituţii;

2. Plăteşti când vrei, pentru că Ghişeul.ro este

deschis non-stop;

3. Ai ZERO comision la orice plată;

4. Plăteşti în siguranţă – securitatea

tranzacţiilor este garantată şi poţi verifica

statusul operaţiunilor în orice moment;

5. Primeşti confirmarea de plată pe e-mail,

imediat ce tranzacţia e procesată;

6. Ai trasabilitate – vezi toate tranzacţiile

realizate de tine în istoricul de plăţi din

aplicaţie;

7. Accesezi oricând dovada plăţii, care este

recunoscută juridic.

• Transparență

• Eficiență

• Confort
 Arhitectura și modul de navigare
în aplicațiile e-Administrație

C5
Ghișeul.ro – platforma web

Vă mulțumesc!

Tudor Turcu
Coordonator Comunicare