Interfete Evoluate

Ruby on Rails sau viitorul ?

2008-01-14T17:40:00.000-08:00

RoR sau Ruby on Rails sau noua metoda super productiva de a dezvolta aplicatii web.

Ruby - este un limbaj de programare orientat pe obiect cu o sintaxa foarte curata care face progarmarea eleganta. Ruby combina eleganta conceptului Smalltalk, usurinta invatari si folosiri a Python-ului si pragmatismul din Perl. A aprut in Japonia in anii '90 iar in ultimi cativa ani a inceput sa se dezvolte o data cu aparitia documenetatiei in limba engleza

Rails - este un framework open source pentru Ruby pentru dezvoltarea de aplicatii web ce folosesc baze de date. Desi sunt numeroase alte framework-uri mult mai vechi si consacrate Rails se va inpune prin usurinta mai mare cu care se poate face o aplicatie (se zice ca pana la 10 ori mai repede fara a pierde din calitatea aplicatiei). Aceasta se datoreaza in parte programarii in Ruby.

Multe lucruri imposibil de facut in alte limbaje sunt foarte simple in Ruby si Rails profita din plin de asta.

Rails are doua principii less software si convention over configuration.

Less software - inseamna sa scri mai putine linii de cod pentru implementare, asta ducand la mai putine buguri si o mai rapida implemantare, intelegere mai usaora, usor de mentinut si modificat.

Convention over Configuration (CoC) - in loc de fisiere de configurare o aplicatie Rails foloseste cateva conventii simple de programare care permit sa iti dai seama de tot necesarul doar prin gandire. Codul aplicatiei si baza de date va contine dejaoerice Rails trebuie sa stie.

Download Ruby
Cu Ruby vine si RubyGems si cu comanda gem install rails --include-dependencies se instaleaza si Rails.
Mai e nevoie doar de o baza da date si de multe tutoriale :P.

Lomboz - plugin J2EE pentru Eclipse

2008-01-14T16:49:00.001-08:00

Cateva zile in urma am cauta pe net dupa un plagin de J2EE pentru Eclipse. Spre marea mea surprindere nu am gasit numai contra cost, ceea ce nu prea m-a incantat. Totusi am gasit multe pagini cu Lomboz.
De fapt ce este Lomboz? Este un plugin Eclipse gratuit pentru mediul J2EE. Cu Lomboz se pot dezvolta si testa apicatii Web, Servicii Web, Java, J2EE si EJB. Lomboz a fost dezvoltat de ObjectWeb.
Ce ofera Lomboz:
-mediu pentru creare si asamblare de module J2EE
-editor pentru JSP
-suport petru JBoss, WebLogic, Apache Tomcat, JOnAS si JRun
-generator de cod bazat pe XDoclet
-generator de cod bazat pe Apache Axis.

Puteti downlada Lomboz de aici .
Pagina Lomboz este aici.

Cand nu vrei sa mergi la doctor? WEBMD - Symptom checker

2008-01-14T13:30:00.000-08:00

Nu are neaparat cu tehnologiile web, poate doar prin vastitatea si totusi usurinta cu care se foloseste. Este un portal de sanatate, cu toate cele care se gasesc de obicei pe un astfel de site: sfaturi, idei, raspunsuri la intrebari, si o gramada de optiuni pe care nici nu te-ai gandi sa le cauti. Se numeste WEBMD.com

Ce mi-a atras mie atentia a fost o aplicatie pentru cei mai mult sau mai putin ipohondri. Acestia pot petrece destul timp butonand in cautarea afectiunii lor.

Aici este punctul de plecare al cautarii. Se incepe prin selectarea unei zone a corpului, iar apoi se extinde aceasta selectie.

Pe masura ce se selecteaza simptome,se filtreaza posibilele cauze si afectiuni. Daca se selecteaza una dintre acestea, se afiseaza un articol complet cu linkuri spre alte articole despre selectia facuta.

Ce mi s-a parut interesant la aceasta aplicatie este ca atat simptomele, cat si cauzele sunt foarte bine documentate si chiar au o baza medicala solida. De fapt, am gasit oameni care spuneau pe blogurile lor ca diagnosticul pus a fost corect.

Cu toate acestea, eu nu sunt cred ca o astfel de aplicatie poate inlocui un doctor bun. Poate doar daca ai o incredere nemarginita in calculator.

XML-RPC in SL

2008-01-14T13:12:00.000-08:00

Cam toata lumea de pe Web a auzit de jocul Second Life (SL). O lume virtuala cu posibilitati nemarginite in care se poate face orice, dar orice. Pe langa comunitatea extrem de numeroasa pe care o are, lumea este intr-o continua evolutie. Fiecare personaj interactioneaza cu celelalte personaje si poate sa isi aleaga dintr-o multime de optiuni si gadget-uri, astfel incat sa devina unic.

Pana aici toate bune si frumoase. Inca o comunitate, intr-adevar mult mai de succes decat orice comunitate online, dar inca o comunitate. Ce treaba are cu XML-RPC. Simplu: Miyaoka Hitchcock s-a gandit ca ar fi frumos daca ar putea sa faca Second Life sa comunice cu restul Web-ului, sa nu mai fie o comunitate inchisa.

Miyaoka a folosit XML-RPC pentru a putea controla si genera obiecte in Second Life. Aceste obiecte depind de parametrii generati de un script PHP pe care il detine. Rezultatul... Nu prea spectaculose:) Alieni care pica dintr-un UFO. Posibilitatile pe viitor... Nemarginite in Second Life.

Filmuletul desigur:

Usability - sa ne gandim si la altii

2008-01-14T12:48:00.000-08:00

Vorbeam de curand cu cineva despre site-uri incarcate, in care este imposibil sa te descurci printre atatea butoane si menuri redundante, sau in care dimpotriva, nu gasesti nimic numai pentru ca trebuie sa admiri creativitatea celui care a proiectat site-ul. Asa mi-am adus aminte de un termen pe care l-am auzit la inceputul acestui an scolar: usability si cum se aplica in web.

Definitia pentru web usability este urmatoarea: aplicarea usability in acele domenii in care pentru construirea unei interfete pentru comunicarea cu utilizatorul se foloseste paradigma (metafora) de "web browsing". Aceasta definitie tot nu spune destul, pentru ca intrebarea imediata este "Si ce inseamna usability?"

Usability este un termen care denota usurinta cu care oamenii pot folosi o "unealta" sau orice obiect construit de cineva. De asemenea, se poate folosi pentru a studia motivele pentru care un obiect este perceput ca eficient sau elegant.

In stiinta calculatoarelor si in interactiunea om-calculator, termenul se refera la eleganta si claritatea proiectarii acestei interactiuni. Am descoperit ca exista si un site dedicat in intregime acestui subiect, Usability.gov. Site-ul contine sfaturi, pasi de urmat, metode si exemple. Una dintre sectiunile acestui site prezinta o descriere detaliata a ceea ce presupune proiectarea unei pagini web completa din acest punct de vedere. Si, deoarece in curand probabil voi scrie aplicatii, m-am ingrozit putin. Va spun doar atat: schema de urmat avea...31 de pasi.

Totusi, cred ca acest concept este din ce in ce mai necesar in conditiile in care aplicatiile (nu numai cele web) sunt din ce in ce mai vaste si mai complexe, ofera mai multe optiuni si se adreseaza unui numar din ce in ce mai mare oameni.

Ce este de fapt web-ul semantic?

2008-01-14T11:11:00.000-08:00

W3.org incepe descrierea web-ului semantic astfel: "Web-ul semantic este un web de date.". Explicatia este urmatoarea: sunt foarte multe informatii pe care le folosim in fiecare zi, dar care nu fac parte din web. De exemplu: cineva isi poate verifica situatia bancara pe internet, de asemenea poate vedea pozele sale, si poate verifica intalnirile dintr-o agenda. DAR: se pot vedea pozele intr-un calendar astfel incat o persoana sa isi aduca aminte ce facea in momentul cand a fost facuta poza? Se pot vedea informatiile dintr-un extras bancar intr-un calendar?

De ce nu sunt posibile aceste actiuni? Pentru ca nu exista un web de date. Pentru ca datele sunt controlate de aplicatii, si fiecare aplicatie retine aceste date pentru ea.

Web-ul semantic este descris de doua concepte:
- formate comune pentru integrarea si combinarea datelor extrase din surse diverse, pe cand web-ul original se concentreaza pe interschimbarea de documente;

- un limbaj pentru inregistrarea legaturilor dintre date si obiectele din lumea reala. Acest limbaj permite unei persoane (sau unei masini) sa porneasca de la o baza de date si sa viziteze apoi un numar nelimitat de baze de date, conectate prin legaturi logice (vorbesc despre acelasi lucru). Un astfel de limbaj este RDF (Resource Descriptor Framework), un limbaj de adnotare care permite descrierea informatiilor si a resurselor din web.

O alta explicatie, usor de inteles este urmatoarea, oferita de bunul nostru prieten, W3schools.com. Web-ul semantic este o retea care poate descrie informatiile astfel incat acestea sa fie intelese de calculatoare.
Enunturi ca:
* Beatles au fost o formatie faimoasa din Liverpool
* John Lennon a fost un memebru al Beatles
* Beatles au inregistrat discul "Hey Jude"
pot fi intelese usor de oameni, dar cum pot fi ele interpretatea de calculatoare

Enunturile sunt construite dupa niste reguli sintactice. Sintaxa unui limbaj defineste regulile pentru construirea propozitiilor. Dar cum poate deveni sintaxa semantica? Asta vrea sa realizeze web-ul semantic.

El nu este despre legaturi intre pagini, desrie relatii intre elemente: (A face parte din B si Y este un membru al Z) si proprietati ale lucrurilor (dimensiune, greutate, varsta, pret).

"Daca HTML-ul si Web-ul au facut ca toate documentele online sa arate ca o carte imensa, atunci RDF-ul, schemele si limbajele de inferenta vor face ca toate datele din lume sa arata ca o imensa baza de date"
Tim Berners-Lee

Google si trend-urile

2008-01-13T13:45:00.000-08:00

Ce face Google cand nu lucreaza cel mai folosit motor de cautare? Creeaza. Una din aceste creatii este Google Trendalyzer. Un tool care inca nu se publica de notorietatea produselor Google. Acest tool nu a devenit nici macar oficial. Putem vedea doar un demo la urmatoarea adresa:
http://www.gapminder.org/world/

De la prima vedere tool-uri impresioneaza. In primul rand ca toate produsele Google este simplu si ofera exact ceea ce isi doreste. O privire de ansamblu asupra trendurilor din lume. Metoda de afisare grafica a trendurilor prin bule de marime variabile pe parcursul unui interval de timp este uimitoare. Pana si un copil poate cu usurinta sa faca o analiza intre parcursul unei tari pe un anumit set de indicatori fata de alta tara.

Dupa ce acest produs a fost prezentat la TED, Google se pare ca a inceput sa investeasca in el. Vom vedea pe viitor daca Trendalyzer va fi integrat in suita Google sau va ramane doar la stadiul de proiect.

AJAX ca si tool

2008-01-13T13:37:00.000-08:00

Conceptul AJAX, si intreaga filozofie din spatele acestei tehnologii, devine din ce in ce mai cunoscuta de catre intreaga comunitate Web. Mult timp cea mai mare dorinta a programatorilor Web a fost sa indoaie bariera fizica si sa poata face scripturile executate pe client sa comunice cu scripturile executate server side. Mult timp acest lucru nu a fost posibil (a fost o regula foarte bine pusa la punct: Ce se ruleaza pe client nu mai poate comunica cu serverul).

Si apoi a aparut AJAX. Ideea este simpla. Scripturile Javascript pot sa comunice cu serverul. De aici lucrurile in Web au explodat. Au aparut o multime de componente care fac practic experienta utilizatorului mai placuta. Aplicatiile Web au devenit transparente pentru utilizatori, au devenit normale. Programatori au acum tool-urile necesare pentru a putea oferii utilizatorului ceea ce acesta are nevoie, fara a fi ingraditi de reguli.

Iata un mic exemplu de drag&drop care nu putea fi posibil la acest nivel fara tehnologia AJAX.

GAIA ONLINE

2008-01-13T12:46:00.000-08:00

GAIA Online reprezinta o comunitate online foarte bine pusa la punct. Ce are in plus pe langa restul de comunitati online pe langa cei 95791 de GAIA-ni online? O interfata la care pana si cel mai mic detaliu este acoperit. O grafica exceptionala la nivel de animatii si o multime de detalii ce creeaza o lume online cu care se poate interactiona pe deplin.

Cel mai impresionant lucru este cat de usor se adapteaza creatorii site-ului. Cu putin dupa ce librarile YUI au aparut GAIA a fost modificata folosindu-se aceste tehnologii. Acesta este un exemplu foarte interesant de folosire YUI intr-un mod creativ. Nu s-au luat componentele si doar s-au integrat in comunitate, ci componentele YUI au fost folosite pentru a crea un browser de lumi online, in care jucatorul poate interactiona cu lumea imaginara din browser.

Filmuletul de mai jos prezinta cateva momente din aceasta experienta:

Comentarii cu tehnologii web

2008-01-13T12:36:00.000-08:00

In momentul de fata personal imi este foarte greu sa discut documente cu persoanele din jurul meu. Documentele pe care le primesc sosec in formate diferite si nu toate aceste formate suporta comentarii. In momentul in care aceasta optiune nu este disponibila singura cale prin care pot discuta un document este sa il discut "live" cu persoana respectiva, numind identificatori precum paragraful x, alineatul y sau randul z. Acest lucru poate fi extrem de deranjat si poate face ca ideea pe care incerc sa o impartasesc sa nu fie inteleasa cum trebuie.

De curand am descoperit o aplicatie care prin tehnologii web (YUI, Ajax, ASP .NET) reuseste ca majoritatea aplicatiilor web sa faca exact ceea ce utilizatorul are nevoie. In cazul meu sa ofere o modalitate foarte usoara si intuitiva pentru a putea scrie comentarii pe un set de documente. Aplicatia poate inlocui foarte usor si sistemele de adnotari din aplicatiile de lucru cu text-ul specializate (Word etc...)

In continuare un scurt filmulet cu aplicatia in actiune:

Flex nu e doar pentru Web

2008-01-13T12:22:00.001-08:00

Primul contact cu Flex m-a facut sa admir ideea celor de la Adobe. Flex ofera practic la prima vedere eye-candy-ul flash-ului combinat cu puterea limbajelor server side gen PHP. O multime de componente foarte bine gandite pot fi ordonate foarte rapid pentru a forma o aplicatie puternica cu care poti prezenta cifrele companiei unor investitori sau iti poti atrage noi utilizatori pe site oferindu-le un set de statistici foarte atractive. Flex este extrem de usor de folosit iar rezultatele sunt exceptionale. Componentele se pot adauga prin meniuri drag&drop sau se pot scripta printr-o interfata similara Ecllipse.

Totul foarte ok pana aici si nota 10 la nivel de Web. Dar cei de la Adobe au decis sa faca un pas mai departe si sa creeze o intreaga interfata pentru un sistem de operare in Flex. Ce a rezultata puteti vedea in filmuletul de mai jos. Pe langa faptul ca arate foarte foarte bine, intreaga interfata este extrem de usor de folosit. Daca observam cu putina atentie putem vedea unele elemente prezente de acum in Windows Vista, ce au fost mai intai implementate prin Flex in Tiger OS.

Internet acasa daca ai un telefon fix

2008-01-13T08:45:00.000-08:00

Nu vreau sa fac reclama Romtelecom-ului, ci vreau sa dau daoar cateva indicatii daca doriti sa instalati un kit ClickNet si sa nu va chinuiti degeaba cum m-am chinuit eu cateva ore :P.

Daca aveti un telefon fix acasa din reteaua Romtelecom, puteti avea si internet prin doua metode.

Dial-up
-pentru asta aveti nevoie de un modem la calculatorul personal; va trebui sa setati un numar de telefon, si anume 0870222222, si username-ul si parola la clicknet si sa mai conectati modemul la priza telefonului cu un cablu la fel cu cel de la telefon; daca ati facut totul bine ar trebui sa reusesca conectarea.
-avantaje nu aveti nevoie de un abonament, dar ve-ti plati cat ve-ti sta conectat
-dezavantaje (foarte multe) aveti nevoie de foarte mult calm deoarece se misca extrem de greu (e dial-up doar), e destul de scump (parerea mea) - aveti grija sa va deconectati cand nu mai aveti nevoie sa nu platiti degeaba, nu se pune problema de download ca merge mult prea greu, linia telefonica este blocata cat timp se foloseste internetul.

Broadband
-va trebui sa va faceti un abonament la Romtelecom (puteti suna la 930 de pe fix); va trebui sa mergeti la un centru Romtelecom si sa semnati contractul, dupa care veti lua modemul. Acesta este insotit de un CD si de un manual foarte bun de instalare. La calculatorul personal ve-ti avea nevoie de o placa de retea.
-avantaje viteza buna, internet non stop, nu se blocheaza linia telefonica
-dezavantaje abonament lunar fix.

Hint-uri pentru instalarea folosind Broadband:
- daca doamna de la Romtelecom uita sa va spuna ca abonamentul se va activa dupa vreo 2-3 zile ( :(( cum a uitat sa-mi zica mie) sa stiti voi asta:P, adica va trebui sa treaca minim 48 de ore pana sa se activeze contul si sa va mearga netul (doar e secolul vitezei :D).
-cititi cu atentie manualul de instalare. Acolo se arata cum trebuie conectat modemul la priza de telefon si apoi la calculator (are toate cablurile de care aveti nevoie).
-respectati in tocmai indicatiile din carte (adica modemul nu trebuie sa fie alimentat si conectat initial pana vi se va cere (altfel ve-ti avea probleme - cel putin eu asa am patit) );
-in contractul pe care-l semnati e un username si o parola pe care vi le va cere la instalare;
-in rest e foarte simplu

Spor la treaba si navigare placuta.

Pentru mai multe informatii vizitati situl www.romtelecom.ro si www.clicknet.ro

Tehnologia la tara :)

2008-01-13T06:22:00.000-08:00

Acest articol nu va prezenta nici o noua tehnologie, ci o intamplare hazlie pe care am trait-o in vacanta si care cred ca merita povestita. Ca de obicei imi peterc vacantele undeva la tara langa muntii Apuseni. Aici nici macar semnal la telefoanele mobile nu gasesti, dar totusi poti avea internet deoarece este o retea Romtelecom. Asa ca un prieten (care nu se prea pricepe la tehnica) m-a rugat sa-l ajut sa-si instaleze si el internetul acasa. Cu greu am reusit sa semnam un abonament (deoarece din ce stiu tanti-le de la ghiseele Romtelecom nu le poti scoate :(( si ne-au plimbat de ne-am saturat - dar asta e o alta poveste).
Avand modemul si CD-ul de instalare ne apucam noi sa intindem cabluri la prieten acasa. Bunicii lui (oameni la vreo 80 de ani, care in loc de scoala au trecut prin razboi) se uitau curiosi la noi, doar puneam internetul :P. Dupa vreo jumatate de ora dupa ce am terminat de instalat, in camera intra curioasa bunica pritenului. Cu ochelarii pe ochi ne spune hotarata : "Vreau sa vad si eu internetu' ala!". Eu sincer nu am mai avut nici o replica. Ce puteam sa-i arat sa fie multumita, ca ea deabia ce stia sa citeasca si sa socoteasca. Am incercat sa-i explic ca nu pot sa ii arat ceva concret, ca folosim internetul sa vorbim intre noi, sa cautam ce ne intereseaza si mi-am amintit ca pot sa-i arat satul pe wikimapia.com. I-am aratat casa ei si satul si a plecat dezamagita. Probabil cand a mesrs la sotul ei i-a zis : "Iara strica astia banii degeaba. Se putea trai si fara internetul ala!"
Dupa vreo doua zile eram la mine acasa cu inca doi prieteni. La televizor erau stirile pe care bunicul meu nu le pierde in nici o zi. Printre altele la stiri anuntau ca Ion Iliescu, Elena Udrea si nu mai stiu ce politicieni si-au scris pe blog ce au facut de Craciun si Anul Nou.
Eu vrand sa rad putin de bunicul meu si el tot pe la 85 de ani, doar cu vreo 4 clase terminate, il intreb ce e acela un blog. El se uita serios la noi si ne zice: "Pai stiu si eu ... "BLOCU"... o fi acolo unde sta Iliescu, o fi scris pe usa la intrare". Noi ne punem pe ras, dar bunicul continua "Ce credeti ma ca nu stiu ca e un fel de jurnal pe iternetu' ala a vost. Credeti ca e prima data cand aud de Blog?... Credeti ca eu ma uit dejeaba la televizor, credeti ca eu nu pricep nimica din ce vad aici?", apoi razand : " De ma enervez va pun sa-mi faceti si mie un blog!".
Prieteni mei s-au uiatat razand la mine, eu nemaiavand ce sa zic. Mi-am luat-o, vrand sa fac misto de alti am picat eu in plasa.
Ca o mica concluzie "Omul invata cat traieste."

RSS - de ce apare pe toate siturile

2007-12-03T15:11:00.001-08:00

Tot mai des vedem pe diferite situri ca apare RSS feed. Putina lume stie ce înseamnă si la ce poate folosi. Astfel căutând puţin am descoperit ca RSS iţi aduce noutăţile care te interesează, de care ai nevoie, de asemenea te poate apăra de spam, aducându-ti doar ştirile de care ai nevoie si nu in ultimul rând poate aduce si trafic, oferindu-ti posibilitatea sa-ti creezi propriul canal de ştiri.

Mai tehnic - RSS este o metoda care foloseşte XML pentru a distribui conţinutul unui site web, pe mai multe alte situri web. De asemenea RSS permite distribuirea rapida a noutăţilor si update-urilor pe web.( www.w3schools.com/rss).

Ce este RSS?

RSS vine de la Really Simple Syndication
RSS iţi permite înscrierea conţinutului site-ului intr-un „sindicat”
RSS permite vizualizarea si distribuirea de titluri si conţinuturi de articole
Documentele RSS pot fi updatate automat
RSS permite personalizarea unor situri

De ce sa folosim RSS?

Fara RSS, useri vor trebui sa verifice situl in fiecare zi pentru a afla de eventualele noutati. Aceasta ar consuma timp prea mult. Insa cu RSS ei pot sa verifice situl mult mai rapid, folosind un RSS „aggregator” – un site sau un program care aduna si sorteaza RSS feed-ul. De vreme ce datele RSS sunt mici si uşor de încărcat, va fi uşor de folosit la telefoane mobile sau PDA-uri.

Cum functioneaza RSS?

Cu RSS, iţi înregistrezi conţinutul la companii numite „aggregator”. Astfel mai intai trebuie creat documentul RSS cu extensia .xml, apoi se upload-eaza documentul pe situl tău. Apoi te înregistrezi la un „aggregator”. In fiecare zi acesta va căuta pe siturile înregistrate la el după documente RSS, va verifica link-ul si va arata informaţie despre feed astfel incat clienţii vor merge spre documentele care ii intereseaza.

Despre sintaxa.

Elementul "channel" - folosit pentru descrierea RSS feed. Acest element are trei fi necesari:

"title" - Defineşte titlul canalului (ex W3Schools Home Page)
"link" - Defineşte linkul spre canal (ex http://www.w3schools.com)
"description" - Descriere a canalului
(pentru fii opţionali vezi http://www.w3schools.com/rss/rss_channel.asp)

Fiecare element "channel" are unul sau mai multe elemente "item". Fiecare element "item" va defini un articol in RSS feed. De asemenea are trei fi necesari:

"title" - Defineşte titlul itemului (ex RSS Tutorial)
"link" - Linkul spre item (ex http://www.w3schools.com/rss)
"description" - Descrierea canalului (ex New RSS tutorial on W3Schools)
(pentru fii optionali vezi http://www.w3schools.com/rss/rss_item.asp)

Cel mai bun mod de gestionare a feed-ului RSS este gestionarea proprie, dar care poate lua mult timp daca ai multa informatie noua, de aceea se poate apela la un RSS automat cum ar fi MyRSSCreator sau FeedFire.

YUI - ca sa nu trebuiasa sa reinventezi roata

2007-12-03T14:55:00.000-08:00

YUI (Yahoo User Interface) reprezinta o librarie Open Source de JavaScript si CSS care vine in ajutorul programatorului WEB.

Ai astfel acces, fara prea multa munca la definirea propriilor evenimente si a modului in care acestea sunt tratate, poti simula foarte usor modelul drag&drop cu obiectele definite de tine, iti poti crea propriul calendar sau chiar poti sa-l integrezi pe acesta intr-o unealta mai dezvoltata care sa tina locul unui editor de text de genul editorului de pe acest blog.

Cu alte cuvinte ai totul de-a gata, dar cum totul se plateste si aici e un mic pret de platit. Desi vine cu o serie de exemple destul de bune YUI, este foarte greu sa parasesti tiparul definit in exemple, aceasta in primul rand datorita documentatiei destul de firave si a unui numar foarte mare de functii disponibile.

Oricum daca vreodata ai nevoie sa adaugi un calendar sau cine stie, sa ai de editat un text sau un obiect cadrul aplicatiei tale web, atunci cu siguranta o sa-ti para bine ca cineva ofera open source asemenea widgeturi si ca nu este nevoie sa mai "reinventezi roata".

Google Web Toolkit...un pas mai aproape de AJAX

2007-12-03T10:08:00.000-08:00

Google Web Toolkit (GWT) este un framework opensource de dezvoltare Java care faciliteaza scrierea aplicatiilor AJAX. Acestea se pot dezvolta si verifica in limbajul Java folosind uneltele de dezvoltare preferate, iar apoi compilatorul GWT transforma aplicatia Java in cod JavaSCript si HTML care pot fi interpretate de browsere.

Pasii pentru dezvoltarea de aplicatii cu GWT sunt urmatorii:
1) Scrierea aplicatiei Java folosind librariile GWT
2) Compilarea aplicatiei de catre compilatorul GWT ; rezulta un set de fisiere JavaSCript si HTML

Ce ofera GWT:
* componente de interfata dinamice, reutilizabile
* RPC: comunicare intre aplicatie si server se realizeza prin clase Java serializabile
* gestionare a istoriei a browserului
* compatibilitate cu browsere
* suport pentru folosirea API-ului Google in aplicatii GWT (in curs de dezvoltare)

Dupa cum arata si primul exemplu de folosire a GWT , elementele de interfata oferite sunt cele traditionale: butoane, check boxes, meniuri, panels, liste, popups.

Clasele de baza reprezinta o abstractizare foarte aproape de DOM, si exista si un set de clase care impacheteaza obiectul XMLHttpRequest pentru a facilita interactiunea cu serverul.

Iata parerile unui dezvoltator web dupa ce a utilizat GWT cateva luni:

* Curba de invatare: odata ce proiectul functioneaza in Eclipse si poti rula codul in mod "gazda" (fara a te conecta la un server extern), esti pe drumul cel bun. Conceptele de baza pentru clasele de UI se pot intelege in cateva zile, iar modelul de programare este asemanator cu Java Swing, dar are legaturi apropiate si cu programarea AJAX.

*Productivitate:
- testarea compatibilitatii cu browserele este redusa comparativ cu JavaScript;
- refactorizare: verificarea tipurilor de date oferita de Java este de ajutor atunci cand este necesare modificare codului pentru a indeplini noi cerinte legate de interfata

* Dimensiunea codului: compilatorul GWT reduce dimensiunea codului deoarece minimizeaza spatiile albe, maparea functiilor si numele de variabile la valorile lor minime posibile si produce versiuni de cod specifice fiecarui browser, care sunt downloadate dupa ce scriptul determina tipul de browser folosit de utilizator. (compilatorul nu include clase Java care sunt in acelasi pachet, dar care nu sunt referite de codul aplicatiei)

* Ce se intampla mai departe: Java s-a schimbat considerabil dupa 1.4. Este mult mai complex, si se indeparteaza din ce in ce mai mult de JavaScript. Apare astfel intrebarea daca merita efortul de a tine GWT la curent cu ultimele specificatii Java.

In concluzie, GWT este una dintre cele mai bune variante pentru implementarea aplicatiilor AJAX in care clientul interactioneaza frecvent cu serverul.

A aparut si Tema 3

2007-11-30T23:59:00.000-08:00

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.

2007-11-13T15:38:00.000-08:00

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

2007-11-13T15:22:00.000-08:00

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

2007-11-13T15:18:00.000-08:00

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

2007-11-09T02:27:00.000-08:00

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

2007-11-06T01:17:00.001-08:00

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.