Interfete Web - jurnalul echipei Fidgy

Integrarea fisierelor video intr-o pagina web

2008-12-17T14:17:00.000-08:00

Probabil Internetul nu ar mai fi atat de atragator pentru multi dintre noi daca ar fi "static". Continutul unei pagini web se poate dinamiza prin integrarea continutul video. Care sunt formatele video prezente pe Internet, care sunt cele mai populare playere web la momentul actual si cum integram continut video intr-o pagina web, aceastea sunt intrebarile la care incercam sa raspundem in noul nostru articol.

Haideti sa intram in "Spiritul Craciunului"

2008-12-11T05:35:00.000-08:00

Am gasit pe blogul lui Vlad Posea un link catre urmatorul articol: Initiativa de Craciun. Ideea ar fi ca la noi in facultate se strang cadouri pentru copiii de la un leagan din Bucuresti. Poate suna prea pretentios cadouri... in articol se vorbea de carti, hainute, dulciuri, caiete... sau orice credeti voi ca ar fi necesar. Noi va incurajam sa participati. Desi suna ca un cliseu, haideti sa incercam sa fim mai buni de Craciun.
Pentru cei interesati, cadourile se strang in laboratorul „MONALISA”, sala EG303, în intervalul 09:00-18:00, pana in ultima zi de scoala.

Articol - tehnologia Adobe AIR

2008-12-07T08:27:00.000-08:00

A fost adaugat pe site-ul nostru un articol despre Adobe AIR ce prezinta sumar tehnologia si cuprinde un aplicatie simpla de tip: Hello World. Acest articol continua seria de articole RIA si este scris de Sorin. Mai multe detalii pe site Adobe AIR documentation

Curl - solutie pentru RIA

2008-11-30T12:26:00.000-08:00

Intro
Curl este un limbja de programare orientat pe obiecte, folosit pentru a crea RIA (Rich Internet Applications). Curl, Inc., compania care dezvolta limbajul si intreaga platforma, isi are sediul in Cambridge, Massachusetts si este o subsidiara a Sumisho Computer Systems Corp. In prezent, Curl este raspandit mai ales in Japonia si Asia. Runtime-ul si toolkitul sunt gratuite pentru aplicatii non-comenciale si unele aplicatii comerciale.
Curl o combinatie de limbaje de markup(de exemplu HTML), scripting(cum ar fi JavaScript) si limbaje clasice orientate pe obiect (de exemplu, C++ sau Java). Poate fi folosit pentru aplicatii B2B(business to business) sau B2C(business to client).
In esenta, Curl poate fi privit ca un limbaj de markup, dar include si caracteristicile unui limbaj orientat pe obiect, cu sport pentru mosteniri multiple. Desi Curl poate fi folosit pentru taskuri simple, cum ar fi formatarea de text, totusi Curl poate fi exploatat in acelasi mod ca un limbaj orientat pe obiect clasic. Limbajul este gandit astfel incat codul Curl este compilat direct pe masina client, ruland la viteze mari.

Primii pasi
Pentru a putea rula un program Curl, primul lucru care trebuie facut este instalarea runtime-ului de Curl. Il puteti gasi pe site-ul oficial. Versiunea curenta este 7.0 si este disponibila pentru Windows, Linux si Machintosh. Deasemenea, pentru a dezolva programe Curl aveti nevoie si de toolkit. Cea mai recenta versiune este Curl Nitro si este inca in stadiul de beta. IDE-ul este modern si usor de folosit si e inclus in toolkit.

Un exemplu simplu de program Curl ar fi urmatorul(clasicul Hello World):

{Curl 5.0 applet}
{text
|| O linie se comenteaza folosind 2 bare verticale
color = "blue",
font-size = 16pt,
Hello World}

Mai multe exemple Curl puteti gasi pe site-ul proiectului.

De ce Curl?
In conditiile in care Adobe ofera AIR, iar Microsoft Silverlight ca solutii pentru dezvoltarea RIA, se pune intrebarea "de ce ar alege cineva Curl?". In continuare sunt prezentare o serie de asemenea motivatii:

Curl, ca limbaj, este mai puternic decat celelalte limbaje de programre RIA si, pe langa asta, este mai puternic si decat multe din limbaje traditionale de programare. "Puterea" este data de capacitatea de a combina tiparea statica si dinamica a variabilelor, posibilitatea de a combina cod si elemente de mark-up, posiblitatea de a defini tipuri parametrizate, de a genera, comila si rula codul in timpul executiei programului.

In prezent, Curl poate genera cod mai rapid decat celelalte RIA. Acest lucru s-ar putea sa nu conteze pentru multe aplicatii, dar este semnificativ pentru aplicatii CPU sau memory intensive, cum ar fi analiza de date la mari dimensiuni sau diferite forme de animatie.

Runtime-ul de Curl foloseste un mecanism eficient de caching, astfel incat o data ce o aplicatie este incarcata si cache-uita, poate fi reincarcata foarte rapid. Aceasta caracteristica este folosita chiar de IDE-ul de Curl.

Faptul ca nu exista un ciclu explicit de compilare-linkare permite programatorilor sa se concentreze asupra codarii si rularii si sa consume mai putin timp asteptand ca aplicatia sa se compileze si linkeze.

Setul de librarii incluse in Runtime inca de la inceput este mai mare decat pentru orice alt runtime de platforma RIA, ceea ce permite ca aplicatiile Curl sa aiba dimensiuni mai mici.

Romania

2008-11-28T06:54:00.000-08:00

Luni sarbatorim ziua Romaniei si 90 de ani de la Marea Unire din 1918. Am gasit acum un site special dedicat acestei www.ziuanationala.ro care ne invita sa iesim cu tricolorul si sa sarbatorim ziua Romaniei pe strada ( mai exact in piata Alba Iulia din Bucuresti). Nu pot sa nu fiu un pic sceptica si sa ma intreb daca chiar exista suficient entuziasm/mandrie de a fi roman/dorinta de a sarbatori care sa determine romanii sa asculte acest indemn. Insa m-ar bucura foarte mult daca nu as avea dreptate. Eu sunt printre cei care sunt mandri ca sunt romani, carora le place mai mult acasa chiar daca e mai urat/mizerie, oamenii sunt mai tristi si unii mai putin civilizati.

Si anul acesta o data cu ziua Romaniei mai este un alt eveniment important: votul uninominal, pe care multi l-au dorit si in care au vazut solutia, dar care acum parca nu va avea chiar rezultatul dorit din cauza absenteismului asteptat. Din nefericire am auzit pe multi zicand ca nu se duc la vot din diverse motive (sunt niste hoti, nu cunosc candidatii, plec la munte). Pe unii ii intelegeam si ii aprobam poate. Astazi am i-am pus si eu aceasta intrebare unui profesor: 'Mergeti la vot?'. Si el a zis 'Bineinteles'. Motivul lui este unul foarte bun mai presus de toate scuzele pentru a nu te exprima: 'De ce sa ii las pe altii sa decida pentru mine? Altii voteaza si poate nu pe placul meu. Si din doua rele se poate alege una mai putin rea.' Asta m-a dus cu gandul la bodyguard-ul lui Becali si la cei care probabil l-ar vota. Si daca ei merg la vot, poate e bine ca si ceilati sa mearga sa contrabalanseze.
Din nefericire, nici eu nu voi putea sa votez pentru ca e prea departe 'acasa' si am tema la compilatoare. Insa chiar daca nu ar fi existat aceste piedici mi-ar fi fost oarecum greu sa votez acasa pentru ca nu mai stiu ce se intampla pe acolo. Acasa pentru mine este mai mult Bucuresti acum si as fi preferat sa votez aici.

XXX pe web si Romania

2008-11-26T13:31:00.000-08:00

Google este cel mai important si cel mai folosit motor de cautare.
Folosind Google Trends putem sa vedem localizarea siteurilor ce sunt gasite atunci cand facem o cautare.

La sugestia unei colege mai timide: daca facem o cautare cu XXX o sa constatam ca cele mai multe site-uri intoarse sunt in romana, iar Romania este regiunea de pe locul 4.

Dar ce este XXX?

From Wikipedia, the free encyclopedia (Redirected from Xxx)
XXX may refer to:
* XXX, an identifier for pornography, especially X-rated movies

Va intrebati cum e posibil ca un termen international sa intoarca atat de multe pagini romanesti?

Iata ce posibilitati sunt:
1. E clar ca romanii sunt mai pudici decat celelalte natii, iar notiunile sexuale sunt usor ascunse sub sintagma XXX.
2. Eu cred cu convingere ca femeile romance starnesc admiratia barbatilor din afara asa ca ele au cea mai mare cautare de pe net.
3. Romanul inventiv a folosit ocazia exploziei Internetului si a transformat cea mai veche meserie din lume(si un defect uman) in cea mai profitabila industrie WEB.
4. Atunci cand vedeti o masina "suparata" blocata in intersectie, iar la volanul ei o domnisoara cu buzele tuguiate, e clar ca masina ei este rodul acestor site-uri cu carne 100% romaneasca!
Mai multe articole interesante pe siteul: http://interfete-web-club.com

Youtube cu fata noua

2008-11-25T11:29:00.000-08:00

Cei care sunt fani Youtube cred ca au observat ca zilele astea s-a schimbat "aspect ratio" de la 4:3 la 16:9.
Pentru cei ce nu stiu, 4:3 este standardul universal pentru formate video traditionale, pe cand 16:9 (1.78:1) este standardul pentru formatul high-definition. Pentru a transforma o imaginea de la un aspect ratio la altul fie imaginea sursa este "taiata" si ajustata pana la aspect ratio dorit, fie se adauga 2 benzi negre, fie ele orizontale (letterboxing) sau verticale(pillarboxing), aceasta din urma fiind si solutia aleasa de Youtube. O alta modalitate ar fi deformarea imaginii.
A alege intre un aspect ratio sau altul tine doar de preferintele fiecaruia.

Interfete cu Yahoo! User Interface Library (YUI)

2008-11-24T15:34:00.000-08:00

Dupa atatea experiente - reusite, din fericire - cu YUI, am inceput o serie de articole in care va descriu cum ar trebui abordata aceasta biblioteca pentru a construi o interfata web avansata.

Primul articol este aici. Am explicat la ce ar trebui sa va ganditi inainte sa luati o decizie referitoare la structura vizuala a paginilor, si ce solutii ofera YUI ca sa va faca viata de proiectant de interfete web mai usoara:)

Si mai mult YUI

2008-11-24T12:54:00.000-08:00

Dupa cateva ore chinuite, am reusit sa fac meniurile de pe site sa arate mai 'smechere'. Acum fiecare meniu are in bara doua butonase, care permit minimizarea/maximizarea/deschiderea meniului intr-o fereastra noua. Poate ca suna simplu, dar nu e. Asta pentru ca ferestrele sunt draggable, se pot inchide - ceea ce duce la reaparitia meniului fix - si toate meniurile au 'memoria starii': daca treci de la o pagina la alta, cele minimizate raman minimizate etc (implementat cu cookies, desigur).

Alte features super tari sunt animatiile minimizarii/maximizarii si efectul de fade de la afisarea ferestrelor. Care sunt redimensionabile:D

Din pacate utilitatea lor in interfata este redusa... poate daca am avea un chatbox (activ) ar fi dragut sa il deschizi in fereastra noua si sa il faci mare.

Impactul negativ asupra timpului de incarcare al paginii (folosesc o multime de cssuri/jsuri din YUI) ma face sa cred ca in curand s-ar putea sa revenim la vechea varianta. In plus, cred ca interfetele ar trebui sa arate bine, dar sa ramana suficient de simple incat sa nu distraga atentia utilizatorului. Deci uitati-va repede la interfata noastra web avansata, pana o mai prindeti.

Interfete Web construite din XML

2008-11-24T06:20:00.000-08:00

La sectiunea articole de site-ul nostru puteti gasi un articol despre constructia unei interfete web din XML. Chiar daca e scurt, in acest articol se prezinta o abordare fundamentala de a creea interfete web folosind XML. Pentru dezvoltarea ulterioara a acestui articol, astept comentari, intrebari sau sugestii.

Frustrari

2008-11-23T14:16:00.001-08:00

Pana acum eu vedeam scrierea de articole la IOM in felul urmator: iti alegi o tema, te mai documentezi, te asiguri ca ai o sursa de incredere, prelucrezi informatiile si adaugi si o nota personala. Fara sa vreau sa fiu rautacioasa, nu pot sa nu ma intreb... de cand 3 clipuri de pe youtube = articol?

Web Trends(2)

2008-11-23T12:42:00.000-08:00

Dupa ce am mai cercetat putin, completez lista cu viitoare directii in care va evolua Internetul. Orice sugestii sau adaugiri sunt binevenite.

Site-uri Web implementare ca servicii
Serviciile web sunt definite de W3C ca software destinat a asigura schimbul de informatii intre 2 masini aflate intr-o retea. In general, serviciile web se prezinta sub 2 forme: fie unele site-uri pun la dispozitie informatii printr-un API (cum ar fi cel pe care multi dintre voi l-ati folosit la tema 1), altele vor mentine informatii proprietar, dar vor pune la dispozitie o serie de mashap-uri, prin care se vor combina informatii din mai multe surse, sub forma serviciilor web.
Desi o serie de aspecte legate de scalabilitate si factori legali nu pot trece neobservate, exista o tendinta pregnanta de dezvoltare a site-urilor ca servicii web. Date fiind costurile reduse ale implementarii serviciilor web, acestea vor devenit din ce in ce mai utilizate.

Online Video / TV
Dupa cum vedem si in Romania, tot mai multe televiziune incep sa emita si pe Internet, retele sociale care permit continut video(cum ar fi Youtube sau Trilulilu) sunt in continua dezvoltare. Nu cred ca ar fi exagerat sa preconizam ca peste 10 ani calitatea programelor TV transmise prin Internet va fi net superioara celei de azi, atat ca imagine, sunet sau viteza de receptie. O serie de noi posibilitati de extindere, cum ar fi personalizarea programelor vor fi la ordinea zilei. Problema va fi cum se va adapta televiziunea traditionala la aceasta schimbare.

Aplicatii Hibride Desktop/Web
Ca urmare a adaptari aplicatiilor desktop la lumea www, au aparut aplicatiile RIA(Rich Internet Applications). In acest domeniu un rol important il are Adobe AIR (eBay Desktop il foloseste in prezent). Raspunsul Microsoft este Windows Presentation Fundation (WPF), folosita in Microsoft Silverlight, cu replica pentru Linux: Mono, respectiv Monolight. Exista si o serie de produse open source, cum ar fi OpenLaszlo.

International Web
In prezent, majoritate utilizatorilor de Internet sunt din SUA, dar alte tari incep sa creasca ca numar de "internauti", China viind un exemplu. Se preconizeaza ca in viitor unele continente cum ar fi Asia sau Africa vor aduce si ele parte o contributie importanta in lumea www. Un factor important care a intarzia aparitia lor ca parte marcanta in comunitatea web pana acum a fost situatia economica dificila. Intr-o perioada de 10 ani o dezvoltare economica ar veni si in sprijinul dezvoltarii si extinderii Internetului si in aceste regiuni.

Personalizarea
Personalizarea traficului web va deveni o preocupare constanta in viitor. Google a facut deja primii pasi in aceasta directie, cu serviciul iGoogle, dar aceste tendinte pot fi observate si la competitori, cum ar fi Yahoo, cu Yahoo Homepage. Aici apare o problema: pentru a facilitata personalizarea, sunt necesare informatii despre utilizator. Intrebarea care se pune este pana unde se poate merge cu adunarea de date fara a aparea probleme de securitate.

Web Trends(1)

2008-11-21T14:07:00.000-08:00

Acum vreo 50 de ani ARPA punea bazele primei retele de calculatoare (ca orice mare descoperire tehnica, avea scopuri militare) Pentru a vedea cam cum s-a ajuns de la acea prima retea la ceea ce numim astazi Internet si World Wide Web, cred ca Youtube e destul de... descriptiv in urmatorul video: History of the Internet
Si la fel ca in filmulet, cred ca ne punem cu totii intrebarea "What does the future hold"? Exista numeroase viziune in ceea ce priveste directiile in care va evolua lumea www in viitor. Am adunat mai jos o serie de "trenduri" care se preconizeaza ca vor domina Internetul in urmatorii ani. Ordinea este arbitrara si un eventual clasament cred ca ar fi subiectiv. Pentru inceput, primele 5.

Semantic Web
Aceasta este o noua forma de organizare a informatiei in Intenet, facand-o mai usor de prelucrat si de inteleg. Este un mod mod de partajare a informatiilor. Webul devine mai "inteligibil". Se pune accentul pe o prelucrare a datelor, spre deosebire de zilele noastre, cand se lucreaza cu documente. Unele elemente ale Semantic Web sunt prezente si astazi, cum ar fi Resource Description Framework(RDF) sau Web Ontology Language(OWL), dar va mai dura ceva timp pana cand datele care circula in Internet vor putea fi organizata intr-o forma cat mai coeranta si mai usor de extras.

Inteligenta Artificiala
In anii '50 Alan Turing prezenta testul sau pentru o masina dotata cu "inteligenta artificiala": o persoana care pune intrebari si primeste raspunsuri din 2 surse - de la o alta persoana si de la un calculator, nu isi va putea da seama care sunt raspunsurile furnizate de calculator. In lumea Web inteligenta artificiala vine ca o continuare la semantic web, oferind posibilitati de a efectua o serie de operatii specific umane. Exista chiar si un limbal specific: AIML. Pentru o mostra, puteti sa ii cereti de pe acum un cadou Mosului.

Lumile Virtuale
Cu totii am auzit de Second Life. Vazusem chiar un documentar interesant despre o tipa care castigase foarte multi bani pentru ca vindea haine in Second Life:D. Ei bine, astfel de lumi virtuale vor fi tot mai frecvente in viitor.

Attention Economy
Desi fiecare dintre noi reuseste, intr-un timp mai lung sau mai scurt sa gaseasca tot ce are nevoie pe internet, de multe ori un ajutor in acest sens este binevenit. Vorbim aici de personalizarea traficului, personalizarea stirilor, a alertelor sau a ofertelor de cumparaturi. Providerul de servicii personalizate trebuie sa indeplineasca un criteriu esential: sa ofere rezultate relevante, pentru a convinge consumatorul sa revina, creand noi oportunitati de vanzare.

Mobile Web
Evident, cam asta se vrea pentru viitor: Internet mobil, conectivitate 24h/7, oriunde pe Glob. Pe viitor se doreste dezvoltarea serviciilor in functii de pozitia geografica, cu ajutorul echipamentelor mobile. Principalii furnizori de telefonie mobila au in lista lor de oferte de multi ani deja servicii Web si se lucreaza la o imbunatatire constanta a calitatii. De asemenea, producatorii de telefoane mobile vin cu oferte bogate de terminale cu dotarile necesare, un exemplu evident in acest sens fiind mediatizatul iPhone.

Tool pentru colorarea sintaxei pe web

2008-11-19T13:11:00.000-08:00

Am publicat un articol despre toolul pe care il folosim noi pentru a colora sintaxa codului sursa in paginile de pe site si forum.

Se cheama Prettify si suporta C, Java, Python, Bash, SQL, HTML, XML, CSS, Javascript, Makefile, functioneaza cat de cat pentru PHP, Ruby, Awk, Perl si am observar ca merge cu succes si pentru Cool si limbajul de asamblare MIPS. Noi am scris un wrapper peste el, care simplifica cu mult utilizarea lui. Puteti sa il incercati online la noi pe site. Gasiti mai multe detalii in articol.

Am schimbat interfata siteului

2008-11-18T05:22:00.000-08:00

Acum cateva zile, am cerut mai multor prieteni de-ai nostri sa isi spuna parerea despre layoutul siteului nostru (atunci inca mai foloseam tema pe verde). Am aflat ca e, in general, ok, dar se mai poate imbunatati. Un rezumat ar punctelor slabe ar fi ca:
- era prea ingust
- textul era prea mic
- era prea verde :)

Am tinut o mica discutie cu restul echipei pe mess, si am stabilit candidatul ideal: un layout full width, aerisit, in culori neutre. Usor de zis, dar greu de facut, pentru ca nu am reusit sa gasim nicio tema de e107 care sa ne fie pe plac.

Ca o coincidenta, ieri, la laboratorul de Interactiunea Om-Masina/Interfete Evoluate, ni s-a prezentat YUI (Yahoo User Interface), un set de tooluri open source ce ofera o multime de componente de pagini web gata facute. Documentatia data de ei este excelenta, si numarul mare de exemple (inclusiv siteul lor in sine e facut cu YUI) m-a ajutat sa creez o tema noua in doar 2 zile.

Si cum tot vine iarna, ne-am facut albastri:)

Primii pe trafic.ro (din anul 4)

2008-11-14T09:48:00.000-08:00

Tocmai am constatat cu mare placere ca suntem primii pe trafic.ro cautand cuvintele cheie interfete web. Sper sa o tinem tot asa.

Intre timp, am instalat pe site un tag cloud. Pluginul foloseste API-ul Yahoo pentru generarea tagurilor, si se pare ca merge destul de bine. Dupa ce mai publicam cateva articole, speram sa dispara cele cateva cuvinte comune incluse printre cuvintele cheie.

PS: Suntem primii din echipele de anul 4, iar din anul 5, sunt primii in clasamentul general chiar partenerii nostri, interfete4web

Demo AJAX

2008-11-13T15:05:00.000-08:00

Am publicat pe site un articol despre AJAX, tehnologia care a revolutionat interfetele web in ultimii ani. Eu zic ca prezentarea mea este mai utila decat multe dintre celelalte 2 milioane de rezultate de pe Google din cel putin 2 motive:

- descrierea e scurta si la obiect, iar codul e foarte simplu
- avem o pagina demo aici

Pe langa asta sa mai adaug ca am inceput sa folosim (cu articolele Andreei) toolul pentru colorarea codului, ca am creat in mod special layoutul mai larg pentru pagina de articole (nu exista in tema originala), si ca puteti adauga note si comentarii la fiecare articol? Vizitati-ne acum, si nu uitati sa lasati o nota sau un comentariu :-)

Bine v-am gasit!

2008-11-13T12:50:00.000-08:00

Dupa o perioada destul de lunga in care nu am spus nimic, e timpul sa imi fac si eu aparitia pe acest blog.

Sunt Ovidiu, membru al echipei Fidgy, si manager al acestui proiect. Dupa cum stiti de la Andreea, in ultima vreme am lucrat cu totii la crearea si imbunatatirea acestui site minunat http://www.interfete-web-club.com care speram sa devina cel mai tare site de interfete web.

Si vorbim foarte serios! Pana acum ne-am ocupat de diverse probleme estetice si tehnice (inclusiv punerea la punct a unor tooluri care sa ne coloreze sintaxa pentru codul ce va aparea in articolele de pe site si blog). Toate au fost rezolvate, si de acum va puteti astepta la o multime de articole interesante si utile.

Stati cu ochii pe noi, nu o sa va para rau!

SEO

2008-11-13T12:42:00.000-08:00

Cand am inceput lucrul la site am gasit diverse articole de SEO si am aplicat cam tot ce am vazut pe acolo: marcate H1, cuvinte cheie, metadata. Dupa ce am lansat site-ul, la primele cautari dupa cuvintele cheie nu apaream nici unde. Apoi dupa ce am "sapat", am descoperit ca suntem pe la pagina 13. Dat fiind ca si rank-ul in pagina era un criteriu de evaluare a proiectului, am vrut sa "crestem" (colegii care nu au cursul au ajuns sa se planga ca vorbim doar de rankuri si clasamente).
Si nu intelegeam, desi avem continut, articole... totusi eram pe o pozitie asa scazuta. Apoi a inceput isteria directoarelor web, care s-a raspandit la toata lumea. Dupa cum se discuta si azi pe forum, majoritatea cresterilor de rank sunt datorate directoarelor web.
Personal, nu cred ca e o solutie buna si "demna" (termen foarte bine folosit de cineva pe forum), desi si noi o folosim. Totusi noi ne aflam aici intr-o competitie si in conditiile in care orice solutie de SEO nu da rezultat, apelam la cea din urma altermativa: directoarele web. Partea proasta e ca deja lupta pentru rank, cel putin la noi, a luat locul partii constructive. Nu ne mai gandim cum sa imbunatatim site-ul ci cum sa crestem rankul. A ajuns ca un drog. Printre primele lucuri pe care le fac cand deschid calculatorul este sa verific rankul. Si chestia asta imi aminteste de un episod din South Park: Guitar Hero.

Progresaaaaaam

2008-11-13T01:38:00.000-08:00

Dupa o sugestie a lui Sorin, am schimbat front-page-ul site-ului, de la Stiri la Acasa. In plus, ne-am adaugat prin muuulte directoare web, dupa cum se vede si pe site la meniul Legaturi externe. Rezultatele nu au intarziat sa apara. Astazi cand am verificat (vreau sa notez data exacta:D ), la 13 noiembrie 2008, ora 11:40 AM Interfete Web Club se gaseste pe prima pozitia in pagina a 2-a la un search pe Google dupa "interfete web". Speram sa inaintam cat mai repede si sa ajungem pe prima pagina:). Si apropo de rank (desi e despre Yahoo):

Sursa: http://hubpages.com/hub/Do_it_yourself_search_engine_optimization_SEO

Primele articole pe site

2008-11-12T05:56:00.000-08:00

Dupa ce am gasit o solutie pentru formatarea codului (va explica cat de curand Ovidiu cum), am reusit sa punem primele articole si pe site. De fapt, am reluat 2 articole incluse si pe acest blog:
prezentarea SAX-ului si DOM-ului si un mic exemplu de folosire.

Pentru pasionatii de BD

2008-11-09T02:52:00.001-08:00

A SQL query goes into a bar, walks up to two tables and says, “Can I join you?”

Tema 1

2008-11-09T02:13:00.000-08:00

Astazi este deadline-ul pentru tema 1 la IOM. Enutul temei este urmatorul:

Se cere sa se realizeze o aplicatie care sa extraga cunostinte referitoare la relatiile sociale in cadrul unei comunitati. Aplicatia va pleca de la url-ul unui utilizator si va extrage informatiile despre relatiile acestuia in interiorul comunitatii prin analiza paginilor HTML de pe site-ul/site-urile comunitatii respective.

Fiecare membru si-a ales o retea sociala pe care sa o analizeze si din care sa obtina un fisier XML al relatiilor dintre membrii. Astfel, avem urmatoare repartitie a optiunilor:

Ovidiu - Facebook
Andreea - Hi5
Anca - Youtube
Sorin - Digg

Speram ca fiecare va reusi sa termine la timp si rezultatele vor fi vizibile in zona de Teme a site-ului nostru.

Oportunitate EPFL

2008-11-07T09:25:00.000-08:00

Astazi la cursul de SPRC domnul profesor Cristea a anuntat ca EPFL-ul va propune o serie de proiecte de diploma. Lucrarea va fi coordonata de unul dintre asistentii domnului Cristea de aici si de cineva de la EPFL. Partea interesanta e ca oferta se adreseaza cu precadere studentilor de anul 4 (in sfarsit, mai multa atentie si pentru noi).
Pentru selectie, din cate am inteles, mai intai se vor trimite cv-uri si se va face o prima selectie. Persoanele acceptate sigur vor face lucrarea in colaborare cu EPFL-ul. Apoi cei selectati vor putea participa la un interviu pentru un internship, eventual un master in Elvetia. Zilele astea o sa apara pe site-ul cu proiect de diploma mai multe informatii si oferta de proiecte.

P.S. Cand am terminat de scris articolul, tocmai am fost intrebata ce e EPFL:D
Pentru cei ce nu stiu: Wikipedia stie!

Tipic pentru un programator

2008-11-04T10:04:00.001-08:00

Promit sa ma las de blog pentru un timp dupa o zi asa productiva, dar nu ma pot abtine acum. Ca raspuns pentru Dragos, care se pare ca e fan Chuck Norris:

Trei ingineri: unul electronist, unul mecanic si unul programator mergeau cu o Dacie. La un moment dat ,se strica masina. Se da jos electronistul, se uita la instalatia electrica si nimic.., apoi mecanicul se uita la carburator, pompa de benzina etc. NIMIC! Stau toti trei in masina si nu stiu ce sa-i faca. Programatorul gaseste solutia:"Ne dam toti trei jos si apoi ne urcam din nou!!!"

Cine zice ca nu a aplicat solutia cel putin o data MINTE CU NERUSINARE! :D

Despre IOM si Managementul Echipei

2008-11-04T08:35:00.001-08:00

Semestrul trecut am avut un curs de Ingineria Programarii. Pe site ni se recomanda o carte foarte buna dupa parerea mea: Software Engineering: Principles and Practice, scrisa de Hans van Viel. O puteti gasi si pe Amazon:
Software Engineering Principles Practice, profitati ca e la reducere si e doar 80$:D

Sa analizam putin acest proiect la IOM din perspectiva procesului de software development. Avem de realizat un site, pe care vom posta teme noastre. Deci pasii sunt cunoscuti apriori. De ce avem nevoie? De un plan, de atribuirea responsabilitatilor si de o verificare permanenta a evolutiei.
Ce am facut noi in acest sens? Am fixat mai multe etape:

cumparam domeniu web
facem blogul
punem la punct site-ul
aici incepe partea iterativa a proiectului:
adaugam articole pe blog si teme pe site

Bun, deci avem un model cascada tipic. Desi putem sa ne intoarcem mai multi pasi, acest lucru ar presupune un efort substantial si practic ar anula tot ce s-a facut pana acum. Deci... mergem inainte cu ce avem pana acum si adaugam incremental:) Asadar, proiectul nostru a ajuns intr-o etapa iterativa, cum am zis mai sus. De acum, doar adaugam articole si teme.

Teoretic, totul suna foarte limpede. Problema pot aparea la repartitia taskurilor in cadrul echipei. De multe ori singurul lucru clar e cine este project managerul si in capul lui se sparg toate oalele:) Van Viel incepe discutia despre managementul echipei cu urmatoarea observatie (Pentru ca tehnic engleza suna mai... natural, nu traduc:) )

Though the individual goals of people may differ, it is important to identify project goals at an early stage, and unambiguously communicate these to the project members. Project members ought to know what is expected of them.

Deci fiecare membru al echipei trebuie sa constientizeze ca munca sa contribuie la produsul final, ca trebuie urmata o directie convergenta, rezultata din discutii ale echipei si, daca e cazul, decizii luate de project manager, in cazul in care nu se ajunge la un punct comun.

Discutia continua cu prezentarea mai multor forme de coordonare a muncii. In acest moment in echipa noastra s-a ajuns la adhocracy:

Adhocracy - In projects that are big or innovative in nature, work is divided amongst many specialists. We may not be able to tell exactly what each specialist should do, or how they should carry out the tasks allocated to them. The project’s success depends on the ability of the group as a whole to reach a non-specified goal in a non-specified way. Coordination is achieved through mutual adjustment.

In aceste momente pot sa apara situatii neplacute, in care membrii echipei care sunt mai constiinciosi raman sa faca singuri toata treaba, iar restul... sa zicem ca managerul poate ajunge efectiv sa traga de ei:) Speram sa nu fie cazul si in echipa noastra.

Ca stil de management, dat fiind ca suntem o echipa mica si colegi, la noi functioneaza integration style:

Integration style - This fits situations where the work is explorative in nature and the various tasks are highly interdependent. It is the manager’s task to stimulate and motivate. Decision-making is informal, bottom-up. This style promotes creativity, and individuals are challenged to get the best out of themselves.

Asa ca echipa... spor la scris articole creative si explorative despre interfete web si la teme!:)

DOM si SAX - Exemplu de folosire

2008-11-01T16:02:00.000-07:00

In articolul precendent vorbeam despre DOM si SAX oferind doar definitiile lor si o serie de caracteristici. In continuare, va oferim un model de utilizare a acestor 2 standarde. Vom considera o probleme de parsare XML si vom prezenta 2 solutii, una folosind DOM, iar cealalata - SAX.

Problema
Se va face o cerere http catre http://weather.yahooapis.com/forecastrss?p=ROXX0003&u=c: . Parametrii reprezinta id-ul orasului (ROXX0003 este codul Bucurestiului ) si unitatea de masura (c pt celsius, f pt fahrenheit)
Se va parsa raspunsul xml si se vor afisa temperatura si cateva detalii despre vreme la alegere.

Rezolvare
Mai intai, pentru a obtine documentul XML cu indicatiile privind vreme lansam cerea http, eventual intr-o metoda intitutala getWeather:

void getWeather
{
    URL yahoo = new URL("http://weather.yahooapis.com/forecastrss?p=ROXX0003&u=c");
    URLConnection yc = yahoo.openConnection();
    BufferedReader in = new BufferedReader(
                            new InputStreamReader(
                            yc.getInputStream()));
    String inputLine;

    FileWriter fstream = new FileWriter("Weather.xml");
    BufferedWriter out = new BufferedWriter(fstream);
    while ((inputLine = in.readLine()) != null)
        out.write(inputLine + "\n");
    in.close();
    out.close();
}

In continuare, vom parsa documentul XML Weather.XML folosind mai intai SAX, apoi DOM.

Analiza SAX
Pentru parsare folosind SAX, este necesar crearea unui XMLReader si a unei metode ce raspunde la
gasirea unui element XML de start.

XMLReader xr = XMLReaderFactory.createXMLReader();
Weather handler = new Weather("Weather.xml");
xr.setContentHandler(handler);
xr.setErrorHandler(handler);
FileReader r = new FileReader("Weather.xml");
xr.parse(new InputSource(r));

Vom defini functia de callback intr-o clasa ce extinde DefaultHandler:

public class Weather extends DefaultHandler
{
  public Weather(String filename)
  {
    String current = "";
    
    public void startDocument ()
    {
      System.out.println("Begin parsing...");
    }
    
    public void endDocument ()
    {
      System.out.println("End parsing.");
    }
    
    public void characters (char ch[], int start, int length)
    {
      String content = current + " ";
      for (int i = start; i < start + length; i++)
      {
        content += ch[i];
      }
    }
    
    // Vom analiza elementul condition
    public void startElement(String namespaceURI, 
      String localName, String qName, Attributes atts)
    {
      if (localName.equals("condition"))
      {
        System.out.println("Vremea curenta(" + 
          atts.getValue("date") + ")");
        System.out.println("Temperatura: " + 
          atts.getValue("temp") + "\n");
      }
    }
  }
}

Analiza DOM
Lucrul cu DOM este mult mai simplu. Se creaza un obiect de tip Document si acesta este folosit pentru a accesa noduri.

void parseDom()
{
  DocumentBuilderFactory builder = 
    DocumentBuilderFactory.newInstance();
  Document doc = 
    builder.newDocumentBuilder().parse(new File("Weather.xml"));
  Node n = 
    doc.getElementsByTagName("yweather:condition").item(0); 
  String aux = 
    n.getAttributes().getNamedItem("date").getNodeValue();
  aux = aux.substring(1, aux.length() - 1);
  System.out.println("Vremea curenta(" + aux + ")"); 
  aux = n.getAttributes().getNamedItem("temp").getNodeValue();
  System.out.println("Temperatura: " + aux + "\n");
}

DOM si SAX - o scurta prezentare

2008-11-01T15:39:00.000-07:00

Nimeni nu poate nega rolul important a limbajelor derivate din XML in lumea Web in ziua de azi. Din cauza aceste utilizari intensive a formatului XML s-au dezvoltat o serie de API-uri pentru crearea si manipularea documentelor XML. Dintre cele mai importante standarde fac parte SAX si DOM. Vom face in continuare o scurta prezentare a fiecaruia.

SAX(Simple API for XML)
Ofera un mecanism serial de acces la documentul XML analizat, fiind bazat pe generare de evenimente si oferirea unor functii de raspuns la evenimente.
Un parser care implementeaza SAX functioneaza ca un stream. Userul defineste metodele de callback, pentru elemente cum ar fi:
* XML Text nodes
* XML Element nodes
* XML Processing Instructions
* XML Comments

Evenimentele sunt declansate cand sunt intalnite aceste elemente XML si din nou cand e intalnit sfarsitul unui element. Atributele sunt transmise ca parte a datelor asociate declansarii unui eveniment.
Parsarea cu SAX este unidirectionala: datele ce au fost deja parsate nu pot fi recitite decat integral. Este indicat in aplicatii unde e necesar acces secvential la date, oferind o solutie eficienta din punct de vedere al memoriei folosite.

DOM (Document Object Model)
Este un standard independent de platforma si limbaj folosit pentru a reprezentate modele derivate din XML si HTML.
DOM suporta navigatie in orice directie (de exemplu, parinti si fratele anterior) si permite modificari arbitrare, o implementare trebuie sa tina documentul ce trebuie analizat intr-un buffer intern. Din acest motiv, DOM-ul este indicat pentru aplicatii in care documentul trebuie accesat in mod repetat si fara a respecta o anumita ordine.

Suntem online!

2008-10-31T18:20:00.000-07:00

Dupa ce ne-am prins cum se foloseste e107, eu, Anca si Ovidiu am pus la punct o prima versiune demo a site-ului nostru. Ne gasiti la www.interfete-web-club.com. Linkul l-am pus si in lista de recomandari, asa ca nu aveti nicio scuza ca sa nu ne vizitati:).

La instalare am avut o serie de probleme deoarece serverul ruleaza intr-un host virtual si din cauza asta nu isi dadea bine seama care e numele domeniului. eatj, unde avem noi host, ruleaza mai multe servere pe masina, si pt asta face o mapare de la 80 la cate un port diferit pentru fiecare user. Siteul nostru folosea niste functii prin care determina ca domeniul e localhost si portul pe care ruleaza 60xx. Asa ca trebuit sa patchuim toate phpurile ca sa suprascriem valorile astea 2 cu cele corecte
Dupa cate zile de chin, Ovidiu a reusit sa isi dea seama de problema si sa o repare.
Utilizarea managerului este usoara si foarte intuitiva, poate cea mai mare problema fiind alegerea unei teme din multitudinea de optiuni.

Asteptam cat de curand un logo si articole de la Sorin.

Website Content Management System

2008-10-27T13:47:00.000-07:00

Dupa cum a zis si Andreea, suntem in etapa de cercetare si cautare.
Daca Andreea si Ovidiu au ales sa caute un template pentru a nu incepe site-ul de la 0, eu ma gandeam la ceva si mai drastic - a folosi un website Content Management System. Auzisem de e107 si in seara asta am cautat ceva informatii despre el. Ce am gasit m-a convins ca merita cel putin incercat. Pare a fi usor de folosit si are destul de multe teme din care cred ca putem gasi ceva care sa ne placa.
Urmatorul pas este sa il uploadez pe site si sa verific daca e simplu de folosit.

Inceputul

2008-10-27T07:30:00.001-07:00

Sambata, dupa cateva dezbateri intr-o conferinta pe Messenger, am decis ce domeniu sa cumparam:
http://interfete-web-club.com/
Deocamdata la adresa nu se gaseste nimic, dar astazi Ovidiu si cu mine am inceput sa lucram la site.
Prima parte: alegerea unui template. Am convenit ca asa e mai bine, de vreme ce noi inca nu suntem experti in chestii de design. Am cautat pe net si gasit destul de multe template-uri free. Pana la urma l-am ales pe cel de mai jos:
http://www.freewebtemplates.com/download/templates/3881
Cand l-am testat, am avut o surpriza neplacuta: pagina de fapt lasa cam 60% din suprafata din browser alba... era mult micsorata fata de cum arata pe site. Deoarece noua ne place culoarea verde, am decis sa folosim totusi template-ul in continuare. Am inceput acum sa refacem tabelele si probabil o sa vectorizam imaginile in Flash (Ovidiu s-a autointitulat "the Flash guy" al echipei).
Speram ca in cel mai scurt timp posibil sa avem si continut pentru site:).

Hello World!

2008-10-25T12:00:00.000-07:00

Acesta este blogul echipei Fidgy pentru materia Interactiunea om-calculator. Suntem 4 studenti la calculatoare, in anul 4, in cadrul Universitatii Politehnice Bucuresti. Membrii echipei noastre sunt:

* Andreea Diana Lucau
* Ovidiu Mara
* Anca Vamanu
* Sorin Vultureanu

Sper ca veti considera blogul nostru o sursa utila de informatii.