Acum avem si cont pe twitter, pe langa forum!
Deci haideti sa discutam despre filme!

(click pe poza)
Acum tot ce sper este ca vom ramane aici, sau poate chiar sa urcam inca 2-3 pozitii. Cine stie..tare misterioase sunt cateodata caile google.

Inca nu suntem pregatiti de lansarea oficiala a site-ului, dar ne indreptam cu pasi increzatori in directia asta.

A trecut ceva timp de cand n-am mai postat….am fost ocupati cu un pic de C3 + IOC + viata…dar iata ca revenim in forta cu o prima varianta a site-ului.

Intre timp ne-am schimbat si hostul. (Multumim Marius! )

Cum toti suntem  niste adevarati “maestri’ in ale plasmuirii unui website am zis sa incepem cu pasi mici…adica sa dam un search pe gugal . So de-aici pana la a cauta mai departe un template pe care sa-l folosim a fost o nimica toata. Am gasit destul de repede ceva dragut si potrivit pentru tematica site-ului asa ca l-am downloadat repede si am inceput sa-l modific. Varianta care este momentan pe site este mai mult opera lui Marius care s-a dovedit a avea mai mult simt estetic si rabdare in a aranja elementele in pagina decat mine.

Ceva de care sunt multumita este ca am reusit sa atasez si un forum site-ului. Ramasese cam in aer ideea de a avea un forum pentru ca parea mai greu de integrat pe hostul actual. Dar cum se stie..aparentele inseala. Site-ul acesta ofera o solutie destul de rapida si straight-forward de instalare a unui forum. Nu am apucat inca sa ma joc foarte mult cu interfata de administrare dar din ce-am vazut poti face multe chestii simpatice cu ea. (prin ea ma refer la interfata evident )

Despre baza de date o sa va spuna mai multe Diana tinand cont ca ea este the brain din spatele acestei componente esentiale pentru sistem.

Well…ca sa nu o mai lungesc prea mult ca e tarziu si e sambata seara si eu postez pe blog la  IOC…aruncati o privire pe site…faceti-va cont pe forum…si incepeti sa discutati despre filme! Promitem ca in curand va fi si site-ul , daca nu 100% functional..macar un 95% tot promitem sa facem.

Avem de facut un site web :

• real(functionalitate decenta si interactiva)  
• public(host real accesibil de pe internet) 
• frumos(grafic) 
• popular(deci util)

Din cerinta numai partea de grafica frumoasa o acopera cunostintele acumultate la acest curs. De aceea m-am gandit la urmatoarele intrebari.

Prima intrebare : de ce sa facem un site? Si mai ales cum sa facem un site? Stiu ca vom avea cursul de programare web(unii dintre noi) in semestrul II, dar acum este semestrul I. De unde sa avem cunostientele necesare sa facem un site? 

Un site cu o functionalitate decenta in contextul actutal al internetului nu se poate face numai cu informatii ce sunt predate la curs/laborator la acest curs HTML,CSS,XML,Javascript. Am preferat sa nu  mentionez lucrul cu baze de date, pentru ca inca nu am facut un curs unde sa fie predata interactiunea dintre un limbaj de programare web gen php si un SGBD. 

Raspunsuri de genul : “cand o sa fiti angajati o sa trebuiasca sa invatati singuri” nu sunt valide in contextul in care inca suntem la facultate si ar trebuie sa fim notati pentru ceea ce ni se preda la curs/laborator NU pentru ce invatam de la alte materii.

Trecand  peste acest  acest detaliu ( experienta zero in materie de programare web la cel putin 50% din cei care vor trebui sa faca acest proiect ) vin urmatoarele intrebari :

1. De ce trebuie sa fie public?
2. De ce nu avem pus la dispozitie un host unde putem sa punem site-ul?
3. Trebuie sa folosim folosim unul gratuit sau sa platim pentru el. Cu criza actuala nu se merita deci trebuie sa folosim unul gratuit. Si atunci cine ne garanteaza fiabilitatea host-ului ales?  Intreb asta pentru ca vom fi notati pe acest proiect deci trebuie sa fie vizibil in momentul cand se acorda nota.
4. De ce nu s-a optat pe o gazduire temporara pe un domeniu cs.pub.ro (sau alt domeniu pus la dispozitie de organizatori)?
5. De ce trebuie sa fim notati pentru numarul de hituri? 

Interfata site-ului e probabil unicul element ce ar putea  fi notat datorita naturii cursului : INTERFETE om calculator. 

Un site frumos nu inseamna neaparat ca o sa fie accesat de multa lume dec i ce relevanta poate avea contorizarea si notarea acestei informatii ? Si repet site popular != { HTML+CSS+XML + JavaScript si atat}

Raspunsul la intrebarea ”De ce nu a fost propusa o tema cu adevarat utila(a se citi : unde sa sa folosim numai tehnologiile predate la curs/laborator) si pentru noi si pentru facultate?”, pana la o clarificare din partea celor vizati, este din punctul meu de vedere : “Pentru ca se poate” si nu as vrea sa ramana la fel.

Va multumesc anticipat pentru raspunsuri si promit ca urmatorul post va fi unul tehnic

HTML 5 este noul standard propus pentru HTML si are ca scop reducerea folosirii plugin-urilor proprietare folosite in site-urile actuale gen Flash, JavaFX sau Silverlight prin introducerea de noi functionalitati la nivel de API si Randare.

Cu ce vine nou ?

1. PARSER

In primul rand este definita o gramatica pentru parsare ce suporta mecanisme de recuperare si corectare in caz de erori, si nu este de tipul SGLM (de exemplu nu suporta  Processing Instructions, si Shorthand markup ) precum HML 4.01.

Permite compatibilitate inapoi cu vechile browsere care pot ignora sintaxa noua.

2. TAGURI & ATRIBUTE

Ofera posibilitatea de a folosi elemente SVG si MathML direct in pagini.

Au fost eliminate taguri ce deservesc numai la formatarea grafica a documentului precum <font>,<center>,<u> deoarece aceleasi functionalitati se pot obtine folosind CSS-uri.

Pe langa taguri au fost eliminate si atribute de la taguri care de asemenea au functionalitatea implementata in CSS.

Au fost introduse taguri noi , unele folosite in pentru a descrie semantic datele si pentru a structura continutul iar altele pentru interactiunea cu utilizatorii

• section, article, footer
• audio, video, progress, nav, meter, time, aside,canvas,menu,dialog


Tagul canvas permite crearea de grafica 2D la client : util pentru jocuri

Tagurile audio si video pentru randarea sunetului/continutului video : no more Flash

Tagul dialog folosit pentru a descrie un dialog intre persoane.

3. API

Sunt introduse noi API-uri pentru crearea aplicatiilor Web precum:

• comunicarea intre pagini,
• functionalitate drag&drop ( folosind tagul draggable )
• browser history management

4. DOM

Standardul extinde DOM Level 2 HTML prin adaugarea de metode si atribute utile precum :

• innerHTML ( la obiectele de tip HTMLDocument si HTMLElement ) pentru a prelua ( in format HMLT sau XML in functie de tipul paginii ) continutul unui obiect de pe pagina

• getElementsByClassName() ce permite selectarea obiectelor pe baza atributului class

Cateva diferente XHTML si HTML5

Spre deosebire de XHMTL, standardul HTML5 permite ca anumite taguri sa fie doar deschise.

La astfel de taguri, tagul de inchidere poate sa lipseasca si poate fi dedus din context.

La fel ca la XHML tagurile nu trebuie sa se suprapuna.

Valorile atributelor daca sunt nule pot lipsi, iar daca nu sunt nule si nu contin caractere interzise atunci nu trebuie obligatoiu sa fie declarate intre ” “.

Necesitatea si utilitatea standardului HTML5

Era necesar sa apara un nou standard care sa forteze intr-un fel stoparea dezvoltarii internetului doar pe baza de pluginuri proprietare ce necesita software aditional pentru a fi randate corect.

Din punctul meu de vedere paginile nu trebuie sa fie 100% numai animatie si pline de reclame ele trebuie sa aibe un scop si un continut adecvat.

S-a dorit de asemenea o apropiere mai stransa de Webul semantic si au fost intoduse taguri ce structureaza continutul astfel incat sa poate fi recunoscut de agenti.

In cazul in care pagina nu este corecta sintactic standardul obliga randarea in acelasi fel pe orice tip de browser, asta datorita definirii unei gramatici a limbajului.

Standardizarea este intotdeauna binevenita mai ales intr-un domeniu asa vast precum internetul!

Spionand un pic celelalte echipe, am dat peste un tool dragut de realizare a structurii site-ului (multumim, ITea ) si iata ce a iesit:

Mai mult, for usability purposes, navigarea intre paginile filmelor, actorilor, programelor cinematografelor, etc se va face foarte usor, prin hyperlink-uri, totul avand in spate o baza de date.

La nivel de design, am construit o schita simplista, lasand culorile si alte elemente de aceeasi natura pentru etapa a 3-a:

Raspunsul la prima intrebare este nu, nu suntem primii care au venit cu ideea de online movie database. Probabil ca primii au fost cei de la IMDb, de altfel si cei mai cunoscuti in domeniu, binenteles nu trebuie sa uitam nici de autohtonul port.ro (chiar daca nu au fost ei printre primii, macar sunt de ai nostri ).

Dar sa revenim la cei de la IMDb, cum a luat viata acest site care la momentul actual consista in una din cele mai mari baze de date de filme? Totul a inceput in anii 89 de la doua proiecte independente, unul inceput de Hank Driskill, iar celalalt de Chuck Musciano. Driskill a pornit de la un post intitulat “Those Eyes”, subiectul fiind actrite cu ochi frumosi (observam ca ideea de baza a proiectului a fost cat se poate de interesanta ) . Astfel a aparut o lista cu actritele atragatoare si filmele in care au jucat acestea, lista care ulterior avea sa se cheme simplu “The List”. Folosind limbajul pearl Randal L. Schwartz a inversat lista, organizand-o in functie de filme si nu de actrite.

Celalalt proiect, inceput de Chuck Musciano, a fost initial numit “Movie Ratings List”, ulterior schimbanduse in “Movie Ratings Report”. Ideea lui Musciano a fost simpla, cerandu-le cititorilor sa noteze filmele de la 1 la 10. In 90, Col Needham a unit cele doua proiecte, a adaugat liste cu actori, regizorii si actorii/actrite decedate, a postat o colectie de scripturi UNIX, astfel luand nastere ceea ce avea sa se numeasca IMDb. Un punct important din istoria acestui site ar fi preluarea de catre Amazon.com (in urma acestei tranzactii Amazon.com. putea folosi site-ul ca un mod de a promova DVD-urile si casetele video).

Deci ideea de online movie database a pornit de la lucruri simple, daca stam si ne gandim si google a plecat de la un proiect de diploma. Dar sa vedem in ce consta azi acest IMDb. Dupa cum ziceam, este cea mai mare baza de date de filme din lume. Cum functioneaza? Pai e destul de simplu, fiecare user (dupa ce si-a creat un cont) poate posta informatii. Aceste informatii sunt revizuite de un “data manager” care poate lua trei decizii: sa posteze informatiile pe site, sa trimita user-ului un email prin care sa-i ceara clarificari sau sa ignore informatiile

Dar cum ziceam la inceput sa nu uitam de al nostru port.ro. Ce are acest site in plus fata de celebrul IMDb? Pai in primul rand e de la noi (mai exact e pentru noi). In al doilea rand, si foarte important, trece peste ideea de online movie database, ajungand sa fie un portal cultural.

Acum ca am vazut cam ce au facut ceilalati, ce ne deosebeste pe noi de ei? Pai in afara de intarzierea de 20 de ani, cam nimic

Utilizatorii isi doresc un site unde pot avea acces la informatii despre filmele preferate intr-un mod rapid si intuitiv fara reclame si animatii inutile.
Informatii precum genul filmului, distributia, un rezumat, data lansarii, un trailer, postere nu trebuie sa lipseasca.

Utilizatorii trebuie sa aibe posibilitatea sa caute informatii despre actorii preferati precum date biografice, filmele in care au jucat, care este pagina lor de internet oficiala, pagini cu fancluburi dedicate acestora, pareri ale altor utilizatori despre actori.

Dupa ce au fost gasite informatii despre filmul dorit, urmatorul pas este sa mearga sa-l vada la cinematograf, deci site-ul trebuie sa ofere informatii despre programul cinematografelor din tara.

Odata ce filmul a fost vizualizat, utilizatorii autentificati vor putea sa-si faca publice opiniile despre film printr-un un sistem de feedback:

• interactiv : prin scrierea de comentarii live despre un anumit film;
• offline : prin scrierea de review-uri sau postarea de comentarii pe forum

Se doreste implementarea unui sistem de rating al comentariilor si review-urilor, precum si posibilitatea de a le marca pentru stergere in cazul unor comentarii ofensatoare sau ce folosesc limbaj trivial.

Pentru ca retelele de socializare sunt foarte populare in momentul actual, utilizatorii trebuiee sa aibe posibilitatea de a primi stirile oficiale ale site-ului precum si comenturile live de la ceilalti utilizatori in mod unitar pe un grup dedicat site-ului, folosind o retea de socializare precum Twitter

Workflow pentru utilizatori

WorkFlow utilizatori