COLEGIUL NAȚIONAL ”ALEXANDRU PAPIU ILARIAN”

TÎRGU – MUREȘ

Lucrare de atestat
Fericire

Profesor coordonator: Realizator:

Bogdan Sanda Tomuț Andrei Voicu
Clasa a XII-a B

2018
 Cuprins:

1. Introducere.......................................................................................3
2. Noțiuni introductive.........................................................................4
3. Manualul utilizatorului....................................................................7
4. Manualul programatorului............................................................13
5. Concluzii..........................................................................................16
6. Bibliografie......................................................................................17

2
 Introducere

Acest site are scopul de a genera sentimentul de fericire prin expunerea la fenomenul artistic avan
astfel loc o purificarea sufletului (catharsis) .
Am ales această temă deoarece am vrut să înțeleg mai bine sentimentul de fericire : Ce e fericirea ?
De unde vine ?
Am realizat că fiecare om ,fiecre popor percepe fericirea într-un mod diferit .De aici am avut ideea
de a scrie pe fiecare pagina fericire intr-o limba diferita . Tot atunci am realizat ca fericirea nu este
ceva scalabil nu poți compara douăfericiri .
O dotă am trecut pe stradă și o privighetoare albastră(*) mi-a furat fericirea și astfel am ajuns la
concluzia că arta poate manipula sentimntele intr-un mod bizar . Daca fericirea poate fii rapita printr-
un cântec înseamnă că poate fii și oferită . De aceea am ales ca două din paginile sitului meu să fie
destinate imaginilor vizuale si auditive .
Pagina de start a reprezentat o adevărată provocare findcă incearcă să raspunda la intrebarea :
“Unde este fericirea ?” Raspunsul e simplu :”Fericirea nu are casa . ”. Initial am avut idea de a avea
o imagine de fundal cu un melc pentru a sugera mișcarea perpetuă a sentimentului dar am decis să
folosesc o imagine cu un om care se aruncă de pe o stancă deorece astfel reușesc să rup din timp șisă
închid în pagină o secundă de fericire .
Urmatoarele doua pagini muzică și galerie încearca săsensibilizeze și mai mult privitorul oferind
cate ceva pentru fiecare o simplă poza a unui zâmbet sau o fericire portocalie .
Am ales să așez imaginile într-un carusel ce se mișcă dezordonat în sectiunea galerie atât pentru a
reliefa volatilitatea emoției cât și pentru a genera privitorului senzația de labirint deoarece privirea
lui se afla într-o continua cautare .
In sectiunea altele am ales momentan să creez o lista de lectură iar ulterior doresc să adaug și o lista
de piese de teatru .
Ultima pagină cuprinde mai multe citate (a cănumar e încontinuă creștere ) incercând astfel să ofere
o definitie a sentimentului de fericire .

3
 Noțiuni introductive

Pana in anul 1990 accesarea informatiilor de pe INTERNET era foarte dificila si reteaua nu
era folosita decat de un numar restrans de persoane, in general oameni de stiinta.
Fizicianul Tim Berners-Lee a devenit celebru deoarece a inventat ‘link’-urile
hypertext.Aceasta idee a dus la dezvoltarea unui limbaj simplu care s-a impus pe piata mondiala.Acest
limbaj a fost numit Hypertext Markup Language, prescurtat, HTML.
Dar ce este de fapt limbajul HTML ? HTML-ul este un set de conventii pentru marcarea
portiunilor de document astfel incat fiecare portiune sa apara cu format distinct atunci cand documentul
este accesat de un program de analiza sintactica (parser). HTML este limbajul de marcare ce stabileste
aspectul documentelor WWW, iar prin intermediul browserelor se poate vedea documentul gata
formatat.
HTML este de fapt un subset al standardului SGML (Standard Generalized Markup
Language) si include capacitati care permit autorilor sa insereze hiperlegaturi care afiseaza alte
documente HTML cand se executa clic pe ele.
Notiunea de hypertext inseamna text pastrat in format electronic cu link-uri intre pagini.
Pana in 1993, in jur de 100 de calculatoare erau echipate pentru a gazdui pagini
HTML;aceste pagini interconectate au fost denumite <WORLD WIDE WEB>
Nu mult dupa aceea au inceput sa fie scrise primele browsere Web cu ajutorul carora puteau fi
vizualizate pagini web care contineau text si imagini.
In functie de versiunea HTML folosita, paginile WEB sunt grupate in trei generatii:
- paginile din prima generatie, care foloseau versiunea 1.0, in care se edita text si 1-2 imagini.
- paginile din a doua generatie, proiectate cu HTML 2.0, care puteau contine si un fundal,
permiteau aranjarea datelor in tabele si posibilitatea de a comanda un produs prin intermediul
Internetului.
- paginile din a treia generatie care pot contine culori diferite, secvente animate, sunete, etc.
In prezent a aparut a patra versiune a limbajului HTML.
Documentele HTML sunt exclusiv de tip text (ASCII); ele pot fi editate direct, prin comenzi
specifice sistemului de operare folosit. In WINDOWS, se poate utiliza NOTEPAD,WORDPAD sau
orice alt editor de texte.
Vizualizarea acestor documente se face cu ajutorul unor aplicatii speciale, numite BROWSER-
e, care nu depind de tipul sistemului de calcul folosit, ceea ce permite independenta fisierelor de tip
HTML fata de platforma de lucru.
Pentru descrierea documentelor WEB se utilizeaza anumite etichete (tag-uri) specifice
pentru fiecare element descris; acestea stabilesc structura si aspectul documentului final.
Tag-urile sunt recunoscute de browser-e care stabilesc apoi modul de formatare a
documentului. Pentru delimitarea (separarea ) tag-urilor se folosesc delimitatorii “<” si “>” care
incadreaza fiecare eticheta.
Forma generala: <tag> pentru a marca inceputul unui tag si </tag> pentru a marca sfarsitul
unui tag.
In HTML nu se face distinctie intre majuscule si minuscule;
4
 Unele elemente HTML admit atribute care specifica informatii suplimentare despre continutul
elementului. Atributele elementului se precizeaza in cadrul etichetei de inceput si se aplica doar
elementului curent.
Ex. Daca se doreste includerea unei imagini in document, se va specifica drept atribut adresa
fisierului care contine imaginea si eventual alte informatii despre felul in care se va face includerea.
Avantajul major al unui browser este acela ca poate suporta si alte limbaje, ca Java sau Basic,
ce completeaza utilitatea limbajului HTML.

Cerinte hardware si software

Fiind realizat in HTML, functionarea corecta depinde de foarte putini factori la nivel
hardware.
Configuratia minima necesara :
 procesor la 133MHz
 min. 32 MB RAM (de preferat cel putin 64 MB)
 o placa vide care sa suporte mai mult de 256 de culori (optional pentru o afisare
corecta a detaliilor)

Este necesara o versiune a browser-ului care sa permita recunoasterea tuturor comenzilor (

testul a fost facut cu Internet Explorer 6.0 ), si de asemenea este obligatoriu un flash player, sau un
« patch » pentru flash.
Conditii de testare: proiectul a fost facut si testat pe un PC AMD Athlon 1700MHz, la 256 MB
DDRAM, sistem de operare MS Windows Xp.

CSS
La fel ca HTML, CSS nu este chiar un limbaj de programare. Nu este nici limbaj de marcare — este un
limbaj de stilizare. Asta înseamnă că îți permite să aplici selectiv stiluri elementelor din documentele
HTML. De exemplu, pentru a selecta toate elementele paragraf dintr-o pagină HTML și a transforma
textul din interiorul acestora în roșu, vei scrie acest cod CSS:

p {
color: red;
}

Boostrap

Denumit iniţial Twitter Blueprint, framework-ul a fost dezvoltat de Mark Otto şi Jacob Thornton ca o
soluţie internă pentru Twitter.
După câteva luni de la implementare, mai mulţi dezvoltatori au început să contribuie la el în timpul
Hack Week, o săptămână în care angajaţii dezvoltau diverse proiecte, iar în august 2011 este lansat
open-source sub denumirea de Bootstrap.

5
Dacă eşti web designer sau web developer şi creezi site-uri web, de cele mai multe ori vei dezvolta site-
uri care repetă structuri de cod simple: butoane, formulare, sau ceva mai complexe: meniuri de
navigare, carousel şi altele.
Bootstrap te poate ajuta să devii mai eficient şi să salvezi din timpul de dezvoltare necesar pentru un
site web, oferind structuri predefinite necesare în majoritatea proiectelor tale: meniul de navigare,
carousel, formulare şi cel mai important grid-urile responsive.
JavaScript
JavaScript (JS) este un limbaj de programare orientat obiect bazat pe conceptul prototipurilor.[5] Este
folosit mai ales pentru introducerea unor funcționalități în paginile web, codul JavaScript din aceste
pagini fiind rulat de către browser. Limbajul este binecunoscut pentru folosirea sa în
construirea siturilor web, dar este folosit și pentru accesul la obiecte încastrate (embedded objects) în
alte aplicații. A fost dezvoltat inițial de către Brendan Eich de la Netscape Communications
Corporation sub numele de Mocha, apoi LiveScript, și denumit în final JavaScript.
În ciuda numelui și a unor similarități în sintaxă, între JavaScript și limbajul Java nu există nicio
legătură. Ca și Java, JavaScript are o sintaxă apropiată de cea a limbajului C, dar are mai multe în
comun cu limbajul Self decât cu Java.
Până la începutul lui 2005, ultima versiune existentă a fost JavaScript 1.5, care corespunde cu Ediția a
3-a a ECMA-262, ECMAScript, cu alte cuvinte, o ediție standardizată de JavaScript. Versiunile
de Mozilla începând cu 1.8 Beta 1 au avut suport pentru E4X, care este o extensie a limbajului care are
de a face cu XML, definit în standardul ECMA-357. Versiunea curentă de Mozilla, 1.8.1 (pe care sunt
construite Firefox și Thunderbird versiunile 2.0) suportă JavaScript versiunea 1.7
Schimbarea numelui din LiveScript în JavaScript s-a făcut cam în același timp în care Netscape
încorpora suport pentru tehnologia Java în browserul web Netscape Navigator.
Microsoft a implementat limbajul JavaScript sub numele de JScript, cu o serie de modificări și extensii
față de implementarea Netscape. Pe platforma Windows, JScript este unul din limbajele executabile de
către Windows Script și, deci, poate fi folosit pentru scriptarea aplicațiilor ce suportă Windows Script,
de exemplu Internet Explorer, sau chiar sistemul de operare Windows.
Asociația ECMA a standardizat limbajul JavaScript/JScript sub numele ECMAScript (standardul
ECMA-262)
Cea mai des întâlnită utilizare a JavaScript este în scriptarea paginilor web. Programatorii web pot
îngloba în paginile HTML script-uri pentru diverse activități cum ar fi verificarea datelor introduse de
utilizatori sau crearea de meniuri și alte efecte animate.
Browserele rețin în memorie o reprezentare a unei pagini web sub forma unui arbore de obiecte și pun
la dispoziție aceste obiecte script-urilor JavaScript, care le pot citi și manipula. Arborele de obiecte
poartă numele de Document Object Model sau DOM. Există un standard W3C pentru DOM-ul pe care
trebuie să îl pună la dispoziție un browser, ceea ce oferă premiza scrierii de script-uri portabile, care să
funcționeze pe toate browserele. În practică, însă, standardul W3C pentru DOM este incomplet
implementat. Deși tendința browserelor este de a se alinia standardului W3C, unele din acestea încă
prezintă incompatibilități majore, cum este cazul Internet Explorer.O tehnică de construire a paginilor
web tot mai întâlnită în ultimul timp este AJAX, abreviere de la „Asynchronous JavaScript and XML”.
Această tehnică constă în executarea de cereri HTTP în fundal, fără a reîncărca toată pagina web, și
actualizarea numai anumitor porțiuni ale paginii prin manipularea DOM-ului paginii. Tehnica AJAX
permite construirea unor interfețe web cu timp de răspuns mic, întrucît operația (costisitoare ca timp) de
încărcare a unei pagini HTML complete este în mare parte eliminate.
6
 Manualul utilizatorului:

Pe fiecare pagina se se găsește un meniu în coltul din dreapta sus către celelalte
pagini acasă ,muzică ,galerie,alte manifestari ,despre fericire .

7
Pagina Acasa este o metafora (explicata in introducere) .

8
În pagina Muzică vei găsi în fiecare zi o altă melodie , un alt sunet o alta nuanta
de fericire .

9
În pagina Galerie vei vedea un carusel de imagini ce cuprinde poze dar și picturi
ce își modifică poziția între ele .

10
În pagina Alte manifestări este o listă cu cărți atât de beletristică cît și de
psihologie și filozofie (ultima coloană a tabelului te trimite la o librarie ) .

11
În pagina Despre fericire vei vedea din ce in ce mai multe citate ce încearcă să
ofere o definiție sentimentului.

12
 Manualul programatorului:

Situl a fost creat cu ajutorul limbajelor JavaScript, HTML și CSS cu libraria Boostrap .

Pentru a rotii caruselul am folosit JS :

Iar pentru a realiza meniul am intodus in html clasele din boostrap:

13
Pe pagina de muzica am pus clipul pe vundal astfel :
Parte HTML:
<video autoplay="true" muted="muted" loop>
<source src="m1.mp4" type="video/mp4"></video>
Iar in css am adugat:
video{ width:100%;
height:100%;
opacity:1;
margin-top:0px; }

Concluzii

14
 Mai poti adăuga un carusel de clipuri paginii de muzică și niste anectode ultimei pagini . Ar fi
interesant dacă ultimei pe pagină de alte manifestări aș reușii să atațez fiecărei carți un pdf cu rezumatul
acesteia iar picturilor din galerie să le adaug păreri critice .

Bibliografie:

15
http://cuvintecelebre.ro/subiecte/fericire/page/8/

http://diez.md/2014/06/01/7-carti-pe-care-sa-le-citesti-atunci-cand-esti-trist/

https://afremov.com/flames-of-happiness-palette-knife-oil-painting-on-canvas-by-leonid-afremov-size-36-
x20.html

https://www.darrynrae.com/product-page/happiness-is-a-choice-11-x-17-print-signed-by-raeart

http://ego-alterego.com/happiness-in-colors-paintings-by-piet-pedersen/

https://www.youtube.com/watch?v=vxIOUJ7by6U

http://www.pursuit-of-happiness.org/science-of-happiness/happiness-quiz/

https://www.saatchiart.com/art/Painting-Happiness-1/653739/3219706/view

https://www.w3schools.com/

https://javascript.info/

https://freehtml5.co/

https://mdbootstrap.com/

https://www.youtube.com/watch?v=W2y33Q2lf3k&t=611s

https://developer.mozilla.org/ro/docs/Learn/Getting_started_with_the_web/CSS_basics#Ce_este_CSS

16