A aparut si Tema 3

Se cere sa se implementeze o componenta Javascript la alegere dintre cele ce vor fi prezentate mai jos. Dupa ce sunt prezentate la laborator si dupa ce trece termenul de predare al temei, scripturile vor fi integrate pe site-ul proiectului. Ca si la tema precedenta 2 studenti care lucreaza la acelasi proiect nu vor putea sa-si aleaga aceeasi tema.
Fiecare tema are 2 variante - varianta mai simpla presupune numai utilizarea javascript si o tema facuta perfect poate obtine maxim 7p din 10. Varianta mai complexa presupune si utilizarea unui limbaj server-side (java, asp, php, etc.) + ajax si poate aduce 14 (tot din 10)

Temele sunt urmatoarele:

a) implementarea unui calendar pe site (folosind YUI).

• varianta simpla - numai javascript: In calendar trebuie sa apara cu o culoare diferita datele cand au fost adaugate posturi pe blogul proiectului si la click pe una din zilele astfel subliniate sa se deschida pagina cu postul respectiv. maparea intre posturi linkuri si date se face static folosind un fisier de configurare.
  
• acelasi comportament dar maparea intre posturi, linkuri si date se face dinamic folosind o baza de date si Ajax pentru incarcarea url-ului numai la click

b) contor (pe langa cel de la trafic sau de la google analytics)

• varianta simpla ce foloseste numai javascript: la accesul pe site este afisat tipul browserului utilizatorului si de cate ori a mai accesat site-ul (se folosesc cookies si obiectul navigator http://www.w3schools.com/js/js_browser.asp )
• varianta complexa - se foloseste ajax pentru a pastra vizitele intr-o baza de date si se actualizeaza live pe site (o data la 30 de secunde) numarul de pagini vizitate si de vizitatori unici
  

c) topul articolelor

• varianta simpla - numai javascript: intr-o pagina a site-ului este prezentata lista cu titlurile articolelor publicate pana in acel moment. utilizatorul poate sa ordoneze articolele respective dupa preferinta si la sfarsit apasand pe butonul "save" sa reafiseze intr-un tabel linkurile in ordinea data de utilizator
• varianta mai complicata: la sfarsitul ordonarii utilizatorul sa-si salveze alegerea si folosind AJAX sa i se afiseze lista articolelor in ordinea preferintelor globale ale utilizatorilor (se va folosi un sistem de scor - de exemplu primul primeste 10p, al doilea 8, al treilea 6, etc.) si scorul fiecaruia

d) autocomplete (exemplu: http://www.google.com/webhp?complete=1&hl=en)

• varianta simpla: intr-un input de tip text se tiparesc caractere. Pe masura ce se tiparesc se cauta articolele dupa titlu intr-o lista initializata static si se ofera utilizatorului o lista cu articolele al caror titlu incepe cu caracterele tastate. dupa selectarea articolului se afiseaza linkul catre articolul respectiv.
• varianta complexa: acelasi comportament dar cautarea se face intr-o baza de date folosind Ajax.
  

Dupa cum mi s-a atras atentia sunt si proiecte la care participa 5 persoane. numai pentru aceste grupe mai este valabila urmatoarea optiune:
e) implementarea unui select cu numele participantilor la proiect

• varianta simpla (doar javascript) - la selectarea unuia dintre participanti se afiseaza un tabel cu linkuri catre toate temele sale (dintr-o lista initializata static)

• varianta complexa - acelasi comportament dar folosind o baza de date si Ajax.

TEMA CURS

Tema de curs la Interfete Evoluate ne-a rezervat o surpriza: pentru prima oara nu ne-am ales noi colegii de echipa, ci am fost repartizati aleator. Rezultatele se vor vedea ceva mai tarziu, planificarea etapelor temei fiind urmatoarea:

Etapa 1 - studiu termen 20 noiembrie
Etapa a 2-a - conferinta chat termen 26 noiembrie
Etapa a 3-a - adnotare termen 10 decembrie

Etapa 1 presupune sa cautam pe web informatii despre avantajele, dezavantajele, instrumentele de sprijinirea interfatarii cu bloguri, conferinte chat, forumuri de discutie si wiki, precum si despre posibilitatile de utilizare in lucrul si invatamantul colaborativ.

Etapa a 2-a va reprezenta o conferinta chat in echipe de cate patru, folosind sistemul ConcertChat.

Iata si componenta echipelor din care face parte fiecare membru al proiectului nostru:

1)
Ioan Corneliu Brad
Maria Cristina Anton
Irina Cristina Boldea
Cristian Grigore

2)
Anca Jeanina Floarea
Elena Lorena Danciu
Ovidiu Catalin Silica
Stefan Dragan

3)
Florin Nedelcu
Lucian Daniel Stanciu
Caludia Ioana Tanase
Sebastian Truca

4)
Oana Gabriela Secasiu
Mihaela Roxana Petcu
Cosmin Mihai Raianu
Cezar Florin Belghiru

Tema2

TEMA2 : 1 noiembrie 2007 - 19 noiembrie 2007

Enunt:

Pe internet exista un mare numar de comunitati online. Prin comunitate pe internet intelegem o multime de oameni ce efectueaza o activitate impreuna (scriu mesaje pe un forum, joaca un joc multiplayer, etc.). Pe baza acestor activitati se formeaza retele sociale – grafuri de mari dimensiuni ale relatiilor online dintre membrii comunitatii. Pentru a extrage un astfel de graf dintr-o aplicatie online metoda uzuala este de a scrie un program care analizeaza paginile web ale site-ului comunitatii si extrage datele referitoare la colaborarile dintre persoane. Acest program trebuie sa-l faceti voi ca temaJ

Aplicatia se bazeaza pe urmatoarele proprietati ale acestor site-uri:

• Paginile site-ului sunt generate dinamic => toate vor avea aceeasi structura.
• Cea mai mare parte a linkurilor din aceste pagini duc tot in pagini ale site-ului.

Din aceste proprietati rezulta ca este suficient sa se scrie un script/clasa/functie care sa analizeze o pagina HTML si sa se aplice aceasta functie pe toate linkurile din interiorul site-ului.

Datele extrase din site-ul web vor fi salvate intr-o baza de date ce va avea urmatoarea structura:

In tabelul utilizator se salveaza datele despre un anumit utilizator (linkul catre profilul sau de pe site si username-ul – daca exista)

In tabelul colaborare se salveaza toate instantele de colaborari dintre 2 utilizatori, tipul colaborarii (pot fi mai multe tipuri in functie de tipul comunitatii – de exemplu pentru o comunitate unde se joaca un joc online pot fi urmatoarele tipuri de relatii – A joaca impotriva lui B, A joaca in echipa cu B, A ii da reply lui B pe forumul jocului, etc.), detalii colaborare – in functie de tipul comunitatii pot sa fie rezultatul jocului, mesajul schimbat, etc.

Exemple de comunitati online ce pot fi analizate:

• Bloguri gazduite pe acelasi server (blogspot.com, wordpress.com, etc)
• Forumuri (forumuri bazate pe phpbb, vBulletin, etc)
• Jocuri online (hattrick.org, online.bridgebase.com/myhands, etc., sah sau pool de pe yahoo games)

Aplicatia poate fi realizata intr-un limbaj la alegere. Prima etapa a temei consta in a posta in forumul destinat temei (pana marti 06.11) a alegerii comunitatii facute (pentru a fi validata) si a descrierii tipurilor de interactiuni ce vor fi extrase.

Observatie1: membrii aceleiasi echipe de proiect nu au voie sa-si aleaga aceeasi comunitate pentru analiza.

Observatie2: Tema va va permite sa invatati urmatoarele lucruri

· Scrierea/utilizarea unui mic crawler web

· Analiza unui document formatat (SGML/XML) si prelucrarea datelor din acesta folosind metodele descrise la laborator

Tema 1

TEMA1 : 13 octombrie 2007 - 22 octombrie 2007

Enunt:
Sa se defineasca (folosind DTD) un format de fisier XML pentru descrierea profilului personal precum si al relatiilor sociale. Profilul personal ar trebui sa contina atat date de identificare personala cat si date despre studii, serviciu, etc. Datele despre relatiile sociale ar trebui sa refere alte profile si sa descrie tipul de relatie (prietenie, business, etc)
Sa se creeze un fisier XML (corespunzator cu fisierul DTD creat) care sa descrie profilul personal al autorului temei.

Se va uploada pe site tema ca fisier ZIP ce va contine 1 fisier DTD si 1 fisier XML. Numele fisierului ZIP va fi de forma Grupa_Nume_Prenume.zip

Google Reader

Google Reader a devenit din ce in ce mai popular, ajungand acum la 101.000 utilizatori. El functioneaza ca un email doar ca mesajele care ajung in contul tau nu sunt altceva decat continutul unor situri. Poti astfel sa fii informat despre ultimele noutati din diverse categorii precum: Tehnologie, Stiinta, Stiri, Sport, Distractii, Celebritati, Fotografie, Masini si multe altele.
Google reader face astfel legatura intre domeniile tale de interes si continutul inrtregului WWW.

Mai nou a fost implementata posibilitatea de a include un "blogroll" pe site-urile citite astfel incat prietenii, familia sau prietenii sa poata sa vada ce-mi place sa citesc.

Bun venit

Bun venit pe blog-ul nostru.
Sunteti binevenit sa publicati orice articol referitor la tehnologiile web preferate, sa aduceti idei noi care cu siguranta vor ajuta alti colegi de breasla la realizarea unui site.