Tehnologii Web 2026

Creați pagina de contact pentru afacerea proprie; aplicați stiluri CSS pentru a îmbunătăți aspectul paginii.

Cerințe:

1. O singură foaie de stil în pagină.
2. Pagina trebuie să includă date (fictive) de contact:
   1. Adresă
   2. Adresă de e-mail
   3. Telefon
   4. Legături la profile de rețele sociale
3. Pagina trebuie să includă un formular (nefuncțional) de contact

Creați pagina de contact pentru afacerea proprie folosind elemente semantice în marcajul HTML; aplicați stiluri CSS pentru a îmbunătăți aspectul paginii.

Cerințe:

1. O singură foaie de stil în pagină.
2. Pagina trebuie să includă date (fictive) de contact:
   1. Adresă
   2. Adresă de e-mail
   3. Telefon
   4. Legături la profile de rețele sociale
3. Pagina trebuie să includă un formular (nefuncțional) de contact
4. Adăugați următoarele elemente semantice în pagină: <main>, <footer>, <section> și/sau <article>.
5. Stilizați pagina astfel încât:
   1. Textul să fie afișat cu un font Google
   2. Dimensiunea semnelor și spațierea liniilor să fie altele decât cele implicite
   3. Datelor de contact să le fie alăturate iconițe Font Awesome

Creați pagina de contact pentru afacerea proprie folosind elemente semantice în marcajul HTML; aplicați stiluri CSS pentru a îmbunătăți aspectul paginii și a asigura un design responsive.

Cerințe:

1. O singură foaie de stil în pagină.
2. Pagina trebuie să includă date (fictive) de contact:
   1. Adresă
   2. Adresă de e-mail
   3. Telefon
   4. Legături la profile de rețele sociale
3. Pagina trebuie să includă un formular (nefuncțional) de contact
4. Adăugați următoarele elemente semantice în pagină: <main>, <footer>, <section> și/sau <article>.
5. Stilizați pagina astfel încât:
   1. Textul să fie afișat cu un font Google
   2. Dimensiunea semnelor și spațierea liniilor să fie altele decât cele implicite
   3. Datelor de contact să le fie alăturate iconițe Font Awesome
   4. Pagina să se adapteze automat la dimensiunea dispozitivului de pe care este accesată.

• O colecție de aplicații dezvoltate doar în HTML+CSS
• O paletă de culori în CSS

Prietenul vostru Gică și-a descoperit recent pasiunea pentru grădinărit și a decis să-și transforme pasiunea într-o afacere. Așa că, după ce și-a umplut pepinera cu diverse plante alese strategic a venit să vă ceară ajutorul în crearea unei pagini Web prin intermediul căreia să își promoveze afacerea. Știind că plantele sunt încă în pepineră și nu are cum să le facă poze, Gică vă roagă ca în primul prototip al paginii să folosiți imagini de pe Internet, dar fiind conștient de problemele care pot apărea din cauza utilizării inadecvate a imaginilor supuse dreptului de autor, Gică insistă ca imaginile pe care le veți utiliza să fie sub licență publică. Totodată, Gică știe că majoritatea utilizatorilor de Internet din ziua de astăzi folosesc mai mult dispozitivele mobile pentru accesarea paginilor Web decât calculatoarele clasice, așa că vă roagă să îi faceți pagina Web astfel încât să poată fi vizualizată de pe mai multe tipuri de dispozitive.

Dat fiind faptul că Gică este un prieten atât de bun, îi săriți imediat în ajutor și începeți să aplicați cunoștințele dobândite la Tehnologii Web pentru a implementa pagina de care are nevoie.

Să se realizeze un sistem Web pentru managementul centralelor nucleare: de la amplasarea optimă a reactoarelor în funcție de eficiență, sol, minimizarea riscurilor și alți factori pana la vizualizarea stării și monitorizarea în timp-real a fiecărui reactor și realizarea de statistici privind gradul de functionalitate, eficiență, pericol, pe baza proceselor atomo-nucleare, condițiile meteo și de uzură (de pildă, oprirea temporara pentru reparatii – planificate sau nu). Se vor genera atat informații numerice, cat și vizualizari sugestive. Starea curentă a centralei nucleare va putea fi consultată și prin intermediul fluxurilor de date RSS. Orice situație de excepție va fi raportata imediat prin e-mail si via notificari direct in navigatorul Web.

Să se conceapă o aplicație Web care realizeaza managementul preferintelor unei persoane sau grup de persoane în ceea de privește consumul de băuturi non-alcoolice: ceaiuri, lactate, sucuri, siropuri etc. Se va oferi suport și pentru gestiunea (meta-)datelor aferente: categorie, pret, ingrediente, imagini, restricții (e.g., alergeni, regim special), perisabilitate, valabilitate, disponibilitate în funcție de sezon ori regiune geografică, localuri specifice și altele. Sistemul va oferi suport pentru activități de realizare a listelor de cumparaturi, plus administrarea utilizatorilor. Se vor genera statistici diverse ce pot fi exportate în formate deschise, textuale si grafice – minimal, CSV si SVG. Se va realiza, de asemenea, un clasament al celor mai populare produse, disponibil si ca flux de date RSS. Bonus: recurgerea la datele disponibile liber la Open Food Facts.

Să se dezvolte o aplicație Web care permite gestionarea pe categorii a articolelor esentiale și consumabilelor (e.g., becuri, lemne pentru foc, condimente, toner, cosmetice, pahare de unică folosință, pioneze, medicamente de uz general,…), plus a pieselor de schimb pentru diverse dispozitive – de exemplu, aparate electr(on)ice, automobile, ascensoare etc. – dintr-o gospodărie, organizație sau întreprindere. Instrumentul va fi capabil să notifice, periodic sau la date fixe (eventual, prestabilite), utilizatorul sau un grup de utilizatori în ceea ce privește epuizarea iminentă a unor materiale sau verificarea anumitor echipamente și angrenaje. Aceste notificări vor fi semnalate atât direct în cadrul interfeței aplicației, cât și prin poșta electronică. Se vor oferi posibilități de importare/exportare a datelor în formatele CSV, JSON si XML, iar diversele statistici generate vor putea fi consultate sub forma de documente HTML și PDF.

Să se conceapă o aplicație Web cu rol de asistent digital oferind sfaturi de alegere a unui cadou – de exemplu, buchet de flori, parfum, joc electronic, articol casnic, abonament la spa – dedicat unei persoane ori grup de persoane, în funcție de preferințe, circumstante (zi de naștere, onomastică, finalizare a studiilor etc.), context (familial, colegial, profesional), buget, ofertant (e.g., doar produsele ce aparțin unui anumit brand), anotimp. Fiecărei categorii de posibile cadouri i se vor atașa proprietăți specifice, inclusiv ingrediente, preț, comentarii, tag-uri asociate, relații cu alte resurse înrudite. De asemenea, se va simula expedierea cadourilor achiziționate la o adresă stabilită, eventual în regim anonim. Administratorul sistemului va avea posibilitatea să consulte rapoarte – generate in formatele HTML, JSON și PDF – privind cadourile recomandate și cele alese efectiv de utilizatori în funcție de categorie, profil al utilizatorilor, o anumită perioada de timp etc.

Folosind datele statistice privitoare la situația drogurilor în România, să se realizeze un instrument Web de analiză și de vizualizare multicriterială a consumului de droguri pe o perioadă dată, în corelație cu infracțiunile și confiscările efectuate, plus urgențele medicale și campaniile de prevenire a consumului de stupefiante. Căutările multi-criteriale și rapoartele aferente generate vor fi expuse ca documente HTML și in format CSV. Vizualizările generate – minim 3 maniere – vor putea fi exportate în formatele PNG, WebP și SVG.

Să se dezvolte un sistem Web pentru managementul hidrocentralelor: de la amplasarea optimă a turbinelor hidrocentralei în funcție de eficiență, sol, minimizarea riscurilor și alți factori până la vizualizarea stării și monitorizarea în timp-real a fiecărei turbine. Se vor genera statistici privind gradul de funcționalitate, eficiență, în funcție de debitul de apa, condițiile meteo și de uzură (de pildă, oprire temporară în caz de secetă ori pentru reparații – planificate sau nu). Se vor oferi atât informații numerice, cât și vizualizări sugestive. Starea curentă a centralei va putea fi consultată și prin intermediul fluxurilor de date RSS. Orice situație de excepție va fi raportată imediat prin e-mail și via notificari direct in browser-ul Web.

Pe baza datelor despre eroii benzilor desenate Marvel, să se creeze un joc Web educativ – cu scenariu, niveluri de dificultate, miză și condiții de victorie/înfrângere stabilite de echipă – destinat adolescenților. Clasamentul celor mai buni jucători va fi disponibil via notificări la nivel de navigator Web și ca flux de date RSS. Bonus: implementarea aspectelor precum internaționalizarea și accesibilitatea.

Să se dezvolte un sistem Web pentru managementul centralelor electrice eoliene: de la amplasarea turbinelor eoliene în funcție de eficienta, sol, minimizarea riscului de prăbușire și alți factori pana la vizualizarea stării și monitorizarea în timp-real a fiecărei turbine. Se vor realiza statistici privind gradul de funcționalitate, eficiență, în funcție de condițiile meteo și de uzură (de pildă, oprire temporara pentru reparatii – planificate sau nu). Se vor oferi atât informații numerice, cât și vizualizari sugestive. Starea curentă a centralei va putea fi consultată și prin intermediul fluxurilor de date RSS. Orice situație de excepție va fi raportată imediat prin e-mail și via notificări la nivel de browser Web.

Să se implementeze o aplicație Web de vizualizare flexibilă a datelor referitoare la testul PISA. Statisticile și vizualizările generate – minim 3 maniere – vor putea fi exportate în formatele CSV, WebP și SVG. Sistemul va oferi suport și pentru căutarea/filtrarea multi-criterială a datelor, inclusiv comparații între țări, discipline vizate, perioade de timp etc. De considerat și Education Statistics. Bonus: pentru asigurarea performanței, se va include propriul mecanism de caching.