Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Culoarea cuvintelor

760 views

Published on

Published in: Education
  • Be the first to comment

  • Be the first to like this

Culoarea cuvintelor

  1. 1. Culoarea Cuvintelor
  2. 2. <ul><li>Tehnologii folosite: </li></ul><ul><ul><ul><ul><ul><li>XHTML 1.0 </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>CSS </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>JavaScript </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>PHP </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>MySQL </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Apache </li></ul></ul></ul></ul></ul>
  3. 3. XHTML este folosit pentru structurarea paginilor pe diviziuni, marcheaza diverse roluri ale elementelor din pagina precum si defineste unele directive ale paginii. Spre deosebire de HTML clasic, XHTML respecta cu rigurozitate structura documentelor XML. CSS e folosit pentru modificarea aspectului elementelor din pagina, definite cu XHTML. Adresarea elementelor carora se aplica modificarile se face prin intermediul selectorilor, in diverse moduri: prin numele elementului generic care vrem sa-l customizam, prin id-ul sau clasa elementului care dorim sa-l modificam sau cu ajutorul pseudoselectorilor. Pseudoselectorii faciliteaza atat selectia unor anumite elemente, datorita faptului ca nu mai trebuie incarcate cu id-uri si/sau clase, dar si permite paginii sa raspunda unor actiuni ale utilizatorului in mod grafic, fara a utiliza scripturi. JavaScript este probabil cel mai utilizat limbaj de scripting la nivel de client. Acesta poate sa adauge un anumit nivel de dinamicitate pagicii, permitand interactiunea directa cu utilizatorul, independent de server. Acest lucru permite un mare avantaj deoarece operatiile executate au loc la nivelul clientului, luand o parte din sarcina serverului. Dezavantajul acestul limbaj de scripting este faptul ca sursa lui este vizibila, putand astfel permite unor persoane ocolirea anumitor masuri de securitate. Toate aceste trei tehnologii sunt prelucrate de catre browser.
  4. 4. PHP este limbajul de scripting folosit la nivel de server. Prin intermediul acestuia se realizeaza citirea/scrierea anumitor date de pe server si baza de date. Acesta permite memorarea actiunilor utilizatorului pentru a putea fi prelucrate datele obtinute de la acesta. Tot aici se fac validarile esentiale inainte de scrierea in baza de date, pentru a evita posibile “injectii” de SQL care ar putea fi daunatoare bazei de date sau care ar putea expune utilizatorului unele date private. Avantajul major fata de scriptingul la nivelul clientului este ca sursa nu este publica. Utilizatorul trimite o cerere pentru o pagina, serverul prelucreaza codul PHP dupa care genereaza si transmite pagina HTML rezultata. Dezavantajul este ca de fiecare data cand dorim o bucata de cod sa fie executata trebuie transmisa o cerere la server, ceea ce, daca sunt multi utilizatori care trimit cereri simultan, ar putea duce la efecte nedorite prin surpraincarcarea acestuia. MySQL este un sistem de gestiune a bazei de date relational, concept foarte raspandit in intreaga lume. Acesta permite o integrare foarte buna cu PHP, find de obicei disponibil in pachetele WAMP/LAMP/XAMPP. Apache este un server HTTP, open-source, foarte bine raspandit. Statistic, acesta e folosit in prezent in cca 50% din paginile web. O caracteristica importanta e ca acesta permite o customizare a serverului amanunita; chiar permite fiecarui sire sa fie configurat separat, folosind doar un singur fisier [de rehula .htaccess].
  5. 5. Descrierea proiectului
  6. 6. Introducere <ul><ul><li>Pentru orice developer, alegerea culorilor pentru interfata grafica este un pas important. Alegerea gresita a acestora poate duce la un numar mai scazut de clienti. </li></ul></ul><ul><ul><li>Culorile, pe langa efectul lor psihologic, au si o importanta estetica si de identitate. Ele pot relaxa clientii prin armonia lor si totodata pot da siguranta ca o anumita parte/pagina face parte din intreg produsul. </li></ul></ul>
  7. 7. Psihologia culorilor <ul><li>Acest domeniu de studiu se ocupa de analiza emotionala si comportamentala, produse de culori si combinatii de culori. </li></ul><ul><li>Un site care se ocupa cu vanzari online ar trebui sa stie ce culori ar influenta vizitatorii sa cumpere cat mai mult. Un decorator interior ar trebui sa stie ce culori ar transforma un dormitor intr-o camera relaxanta si linistita. </li></ul>
  8. 8. Despre site <ul><li>Site-ul acesta (“Culoarea Cuvintelor”) are un dublu rol, unul principal si unul secundar. </li></ul><ul><li>Cel secundar pune la incercare vizitatorii obisnuiti ai site-ului. Dandu-se un cuvant si definitia lui, acesta trebuie sa voteze culoarea care descrie cel mai bine acel cuvant, din punctul lor de vedere. Site-ul permite colectarea a cate un vot de la fiecare utilizator o data la 24 de ore. </li></ul><ul><li>Rolul principal este de a da rezultatele de vot celor care doresc acest lucru. Target-ul principal fiind designerii care doresc sa foloseasca culorile in avantajul lor. </li></ul>
  9. 9. Detalii de implementare (1) <ul><li>Intreg site-ul este gandit astfel incat template-ul acestuia este dat de un singur fisier, index.php . Acest fisier incarca in diverse sectiuni diferite fisiere, in functie de locatia dorita [data prin adresa]. Aceasta e citita in PHP, prin variabila globala $_GET si e procesata corespunzator. </li></ul>
  10. 10. Detalii de implementare (2) <ul><li>Codurile culorile au fost memorate intr-un array, stocat in fisierul php/colorGrid.php . </li></ul><ul><li>Baza de date culoareacuvintelor contine un singur tabel numit cuvinte de forma ( id , cuvant, pv, definitie, voturi). In voturi se memoreaza, separate prin cate o virgula si un spatiu, id-urile culorilor votate. </li></ul>
  11. 11. Detalii de implementare (3) <ul><li>Mesajele transmise de la pagina contact.php sunt memorate in folderul ‘contact’, cate unul per fisier. Numele fisierului este timpstamp-ul in care mesajul a fost trimis. </li></ul>
  12. 15. Bibliografie <ul><li>“ The Principles of Beautiful Web Design”, Jason Beaird </li></ul><ul><li>http://raulalbu.wordpress.com/2009/01/15/psihologia-culorilor/ </li></ul><ul><li>http://en.wikipedia.org </li></ul>

×