Interfete web

Interfete web pentru prezentari

2009-01-13T00:00:00.000-08:00

De mult timp ma uit pe web pentru a gasi ceva cu adevarat original... tot ce exista e deja afumat... deja toata lumea stie... ideile se repeta sub diferite forme...

Azi am dat peste ceva special... o interfata web 2.0 speciala... m-a surprins prin originalitate... in sfarsit o idee... in sfarsit ceva care m-a uimit!

Este vorba de prezi, o aplicatie cu o interfata web realizata in flash, care m-a facut sa cred ca web-ul a facut un mare pas inainte...

Prezi este un fel powerpoint, o aplicatie web cu care se pot face prezentari, dar la puterea a 3-a. Ceea ce Microsoft nu a reusit sa faca intr-o aplicatie desktop, au reusit sa faca acesti baieti intr-o aplicatie web.

In continuare, vreau sa va arat o prezentare realizata cu Prezi. Intrati aici, si va minunati de puterea interfetelor web.

Interfata web realizata in Flex

2009-01-11T13:15:00.000-08:00

Intr-un articol de pe site v-am prezentat cateva notiuni introductive despre Flex; ce este, ce poate sa faca, de ce Flex si tot asa.
Am considerat ca modalitatea cea mai buna de a intelege cu adevarat despre ce e vorba in aplicatiile Flex este sa construim o aplicatie de acest gen.
Asa ca voi incerca sa va duc pe "meleagurile" unei interfete realizate cu Flex.

First of all instalati eclipse de aici http://www.eclipse.org/
Second of all instalati Adobe Flex Builder 3 plug-in pentru eclipse de aici http://www.adobe.com/cfusion/entitlement/index.cfm?e=flex3email

Dupa ce ati realizat cele de mai sus incercati sa faceti inconjurul Tour de Flex. Si daca va place
ce ofera instalati-l.Tour de Flex se prezinta ca un meniu de unde puteti alege una din componentele Flex (controalere ui,containere,chart-uri,validari,efecte) si sa ii vizualizezi design-ul si codul din spate.In principiu Tour de flex este o chestie dezvoltata recent de cei din echipa Flex pentru a ajuta programatori in a avea o experienta mai usoara cu Flex.
Salut ideea lor si mi se pare foarte tare, pe mine cel putin m-a ajutat.

Aplicatia creata este una destul de banala pentru ca are ca scop introducerea cu elementele oferite de Flex. Tot ce am facut a fost sa dau copy-paste la bucati de cod din cadrul unor componente din tour de flex si sa fac o interfata. Pretty simple nu?
Am combinat 2 componente un treeview si tabnavigator. Schimbarile pe treeview se intampla pe evenimente declarate in CDATA.
Am atasat exemplu aici. Take a look.
Puteti sa realizati interfata dorita fara prea multe dureri de cap, toate cu ajutorul lui Tour de Flex si un mediu de dezvoltare ca eclipse. Incercati :)

Interfete web in GWT

2009-01-11T12:20:00.000-08:00

In ziua de astazi folosim din ce in ce mai multe aplicatii web cu interfete cat mai complexe. Avem servicii gen: Youtube, Yahoo Mail, Google Docs, etc ...

De ce interfetele web realizate in GWT sunt cea mai buna alegere pentru echipele de dezvoltatori care cauta sa construiasca solutii de complexitate mare?

Pentru ca framework-ul GWT faciliteaza scrierea aplicatiilor web folosind AJAX, permitand astfel dezvoltatorilor sa scrie aplicatii in limbajul Java folosind clasele oferite de GWT. Este un lucru foarte bun, pentru ca nu mai esti nevoit sa scrii aplicatii in JavaScript, ci direct in Java. Iar conceptele de baza pentru interfata cu utilizatorul sunt foarte asemanatoare cu Java Swing.

De asemenea ofera componente de interfata dinamice, metode RPC(“remote procedure call”) pentru comunicarea intre server si aplicatie, compatibilitate cu toate browserele,etc.

Nici unul dintre noi nu poate anticipa pe viitor, viitorul GWT, dar pot sa va spun ca angajamentul Google de la sprijinirea GWT de pana acum a fost pur si simplu minunat. Monitorizarea GWT pe forumul de colaboratori este un bun mod de a te familiariza cu aceasta tehnologie si de a te convige ca aceasta tehnologie sta in picioare si este viitorul interfetelor web.
Va recomandam sa verificati forumul pentru va face o idee referitoare la nivelul de trafic pe care il au.

Reteaua sociala MySpace utilizata prin televiziune

2009-01-10T09:44:00.000-08:00

MySpace este o retea de socializare foarte populara detinuta de compania media News Corporation, care ofera utilizatorilor posibilitatea crearii unei retele internationale de prieteni, profiluri personale, grupuri, fotografii, muzica, videoclipuri,etc.

Zilelea acestea, MySpace in colaborare cu portalul Yahoo si compania Intel a lansat singura aplicatie care permite unei comunitati web sa poata comunica in timpul unei emisiuni TV difuzata la televizor. Conectarea la reteaua MySpace direct de pe televizor va face televiziunea un mediu optim de socializare? Vom vedea. Wow ... pare de domeniul “science-fiction” nu?

Este o aplicatie, prin intermediul careia utilizatorii au posibilitatea sa se conecteze la platforma sociala direct de pe televizor si sa vizualizeze impreuna cu prietenii din retea multitudinea de programe TV. Utilizatorii retelei sociale MySpace vor putea sa-si trimita unul altuia mesaje in timp ce se uita la TV prin intermediul unei interfete ce va fi afisata pe ecranul televizorului.

Aplicatia va fi disponibila initial doar pe televizoare precum Toshiba si Samsung, deoarece telecomanda acestor televizoare au un buton pentru accesarea conturilor de pe MySpace. Primele televizoare dotate cu aceasta aplicatie vor iesi pe piata in anul 2009.

Pentru mai multe detalii, intrati aici.

Noul “Dusman de temut” a lui GarageBand ... Songsmith. Oare?

2009-01-09T08:13:00.000-08:00

Cautam mai multe informatii despre GarageBand, si ghici peste ce dau .... “the one and only” ... Songsmith. Initial am crezut ca aplicatia este bazata pe aceeasi idee ca cea de la Apple, doar ca vine din partea lui Microsoft.
M-am inselat ... oare? Sa vedem ...

Ce-i acest Songsmith? Ei bine, Microsoft Research s-au gandit sa faca o chestie gen “karaoke inversat”. De ce inversat? Daca la karaoke trebuie sa canti dupa un anumit acompaniament muzical, cu Songsmith canti ce vrei si apoi te insoteste un acompaniament potrivit. Tehnic vorbind, programul permite utilizatorului sa inregistreze la microfon un pasaj vocal, dupa care genereaza automat un acompaniament pentru voce.

Mai pe scurt, programul adauga acompaniament muzical oricarei voci.

Pentru a vedea interfata aplicatiei si ce poate face, urmariti reclama de mai jos. Reclama merita vazuta, este absolut delicioasa, mai ales datorita amuzamentul pe care il produce.

Microsoft, sau cum i se mai zice, “copiatorul universal”, foloseste in reclama un MacBook Pro, acoperit cu stickere ( pentru a nu se vedea logo-ul Apple ). Sfatul meu pentru Apple : sa-si pazeasca bine aplicatiile, pentru ca Microsoft este tare pofticios.

Mai multe detalii despre Songsmith, se pot gasi aici.

Interfata noua pentru GarbageBand si nu numai ...

2009-01-09T07:16:00.000-08:00

In cadrul conferintei Macword Expo, Apple a adus in prim plan noile functionalitati ale suitei software iLife '09. Aplicatiile iLife '09 sunt : iPhoto (management poze, editare poze, etc), iMovie (creare de filme, efecte, etc), iWeb (tool de creare website-uri cu interfete web cat mai bune), si nu in ultimul rand GarageBand, aplicatie cu interfete pentru editare si creare muzica. Suita de aplicatii vor fi disponibile cel mai devreme la sfarsitul lunii ianuarie. Prezentarea sustinuta de Phil Schiller la conferinta MacWord Expo o puteti vizualiza aici.

Daca vrei sa inveti sa canti la chitara si nu prea stii cum, GarageBand '09 te va invata. GarageBand contine doua seturi de lectii de chitara si de pian: lectii pentru incepatori si lectii oferite de profesionisti/artisti.
Primul set de lectii ofera instructiuni si informatii de baza pentru a putea canta la un instrument, cum ar fi : invatarea notelor, acordarea, etc.
Al doilea set de lectii presupune un profesionist/artist care-ti ofera lectii si te invata sa canti , atat versiunea simpla cat si cea avansata a melodiilor care l-au facut faimos.

Poti sa mixezi to ce auzi, iar cu noul feature, “Plug and Play”, poti conecta instrumentele la calculator si sa inregistrezi muzica direct in GarageBand. Destul de fain, nu?

Fata de versiunea anterioara, noua versiune aduce suport pentru social networking si GPS si o interfata cu mult schimbata.
GarageBand '09 este o versiune imbunatatita a Magic GarageBand. Nu numai ca iti permite sa canti impreuna cu o formatie virtuala, dar acum ai posibilitatea sa te si inregistrezi. Daca ai avut o performanta uluitoare ar fi bine sa te inregistrezi, cine stie ce talent se ascunde in tine?
Pentru mai multe informatii intrati aici.

A fi bun in ceea ce faci

2009-01-03T07:04:00.000-08:00

Echipa Absolute Web va ureaza "La multi ani" si un an bun.
Si ca sa fim in trend cu ideea de a trage linie si a concluziona voi posta un fel de list.
Dar nu orice list , ci o lista despre website-uri ce ne vor ajuta sa fim mai "buni" in ceea ce facem.
Nu este creatia mea, expertiza in domeniu nu este destul de vasta ca sa imi permita o abordare asa ampla a problemei, dar am considerat-o helpfull.
Ajunge cu introducerea sa intram in cuprins.
Aceste site-uri vorbesc despre design de interfata, uzabilitate, experienta utilizatorului si cam tot ce tine de imbunatatirea experientei utilizatorului cu interfata.

Boxes and Arrows - gasiti articole despre uzabilitate, design si chiar exemple despre cum sa contruiti de exemplu o aplicatie email online.
UX Magazine - motto-ul lor este "User experience is everything" , si se pot gasi articole despre designing in layers si design tips pentru programatori.
UXmatters - dintre topicurile atinse se gasesc aplicatii in web 2.0 , uzabilitate , cum ajuta RIA utilizatorii si uzabilitatea formurilor de search.
A List Apart – in partea de User Science se gasesc 3 categorii in infos care v-ar interesa.
Usability post - este un blog despre uzabilitate; articolele din el sunt foarte practice.
Usability counts - este un blog al lui Patrick Neeman si Ha Phan, consultanti despre experienta utilizatorilor.
Usable web - este o colectie de linkuri despre UI design; nu mai este updated insa se gasesc link-uri despre tot ce tine de ui.
User Interface Engineering - este firma care tine conferinta anuala de UI. Articolele, podcasts acopera o paleta larga de topicuri practice ce tin de UI.
Useit.com - este blogul lui Jakob Nielsen, un expert in uzabilitate. Check out sectiunea Alertbox.
Designing Interfaces - Este o carte online ce are la baza O’Reilly’s Designing Interfaces: Patterns for Effective Interaction Design

Mai sunt cateva site-uri interesante dar am vrut sa fac un cliseu si sa ma opresc la 10. Le puteti vedea pe cele de mai sus si altele la adresa http://sixrevisions.com/usabilityaccessibility/20-websites-to-help-you-master-user-interface-design/.
Un sfat acum la final. Bookmark them :)

Emoticon "buclucas" in Rusia

2008-12-22T12:23:00.000-08:00

Tot navigand pe internet, am dat de o stire, zic eu ... amuzanta. Prin urmare nu m-am putut abtine sa nu scriu despre asta aici. :-)

Un om de afaceri rus sustine ca a cumparat de curand licenta pentru emoticon-ul ;-) si are de gand sa faca bani buni din asta : folosirea simbolului necesita o licenta de $10,000 / pe an. Plata se va face doar in cazul companiilor care doresc utilizarea acestui semn in diferite campanii sau mesaje publicitare. El nu va taxa persoanele care folosesc aceste semne de punctuatie in mesaje tip email sau sms.

BBC raporteaza : “A afirmat ca utilizarea emoticon-urilor ce seamana cu marca inregistrata de el, cum ar fi :-) sau ;) sau :) vor putea intra si acestea in proprietatea lui”.

Marcile inregistrate sunt teritoriale. Inregistrarea acestui emoticon este in Rusia si prin urmare nu poate fi aplicata in nici o alta tara.

Conform Wikipedia, primele emoticon-uri :-) si :-( apar intr-un document ce dateaza din 1982 , scris de catre Scott Fahlman intr-o discutie pe forumul Universitatii Carnegie Mellon.

SmartGWT - interfete web extrem de evoluate

2008-12-18T06:37:00.000-08:00

Pentru cei care dezvolta interfete web cu ajutorul GWT, a aparut o noua librarie, cu ajutorul careia se poate crea foarte rapid partea de view a unei aplicatii web. SmartGWT este o librarie construita pentru a putea fi folosita cu ajutorul datelor luate de pe un server. In ultima vreme au aparut mai multe librarii de widgets, care arata foarte bine, dar carora le lipseste ceva, componenta de propagare a datelor modificate de client, pe server. Partea cea mai grea in construirea unei aplicatii enterprise, consta chiar in aceasta problema. SmartGWT a fost dezvoltata cu acest lucru in minte.

Pe langa faptul ca ne ofera o multime de widgeturi foarte atragatoare, SmartGWT ne ofera o solutie completa pentru programarea de interfete web, intr-un mod foarte placut.

Pentru a va face o idee asupra acestei librarii, aruncati o privire asupra paginii de samples. O sa ramaneti placut impresionati.

Google Chrome, Gold cu versiunea 1.0

2008-12-12T08:29:00.000-08:00

Google Chrome nu mai este beta. Desi foarte multi utilizatori isi exprima nemultumirile legate de Chrome, Google si-a lansat prima versiune finala a browser-ului. Compania a lansat ieri, Chrome 1.0 doar dupa 3 luni si jumatate de la lansarea initiala. Este considerata un pic ciudata graba cu care isi lanseaza Google acest produs, aflat destul de departe de pretentiile utilizatorilor. Poate parea o miscare uluitoare pentru o companie cunoscuta pentru pastrarea proiectelor in versiunea beta. Mai ales daca ne gandim la Gmail, care se afla in stadiul beta de 5 ani, din aprilie 2004 si pana astazi. Se presupune ca eliminarea etichetei beta este doar o miscare de imagine si ca, de fapt, aceasta abordare nu va insemna un pas inainte din punct de vedere functional. Dar Google Chrome nu este o alta aplicatie web, este un software desktop, iar pentru a putea concura cu Internet Explorer, Chrome trebuie sa fie 1.0.

Din pacate pentru fani Chrome, versiunea 1.0 nu aduce foarte multe noutati. Google a fixat o gramada de bug-uri si a adaugat mici features. De fapt, Chrome 1.0 este putin diferit de versiunea beta disponibila de pana ieri doar cu numele. Care este planul lui Google cu Chrome? Cel putin pentru moment, foloseste abordarea Firefox : envaghelism si “user education”.

In lansarea versiunii finale, dezvoltatorii Chrome s-au concentrat pe viteza si stabilitate. Google sustine ca browser-ul Chrome are o interfata web simpla, precum pagina de cautare, dar este rapid şi nu consuma multe resurse. Brian Rakowski, product manager-ul de la Google Chrome sustine ca folosind benchmark-ul JavaScript SunSpider , browser-ul se dovedeeste a fi de 1.4 ori mai rapid decat versiunea lansata in septembrie, si de 1.5 ori mai rapid folosind benchmark-ul Google V8 JavaScript. Plug-in-uri precum Adobe Acrobat, Flash, QuickTime, RealPlayer , Media Player si Silverlight functioneaza mai bine.

Chrome este un proiect open source, disponibil in 43 de limbi si 100 de tari. A fost proiectat pentru viteze mai mari de descarcare de software si continut Web fata de browserele existente si permite utilizatorului sa continue sa lucreze chiar daca o fereastra a aplicatiei se blocheaza. Spre deosebire de principalii competitori : Microsoft Internet Explorer 8 si Firefox, Chrome poate gestiona si aplicatii complexe, pe langa text si elemente de grafica. Unul dintre cele mai interesante servicii oferite de Chrome este o optiune de navigare ascunsa, printr-o fereastra care, potrivit ghidului promotional oferit de Google, nu inregistreaza nicaieri continutul afisat sau executat. Modul cum a fost programat Chrome se adreseaza tendintei de trecere de la clasica instalare a aplicatiilor pe computer la utilizarea unui software prin intermediul unei interfete web in browser. Astfel in viziunea Google, orice aplicatie care poate fi executata pe un desktop poate fi implementata si utilizata mult mai rapid direct pe internet, prin intermediul unei interfete web.

Chrome suporta momentan doar Windows XP SP2 sau Windows Vista. In prima parte a anului viitor Google va lansa Chrome si pentru Linux sau Mac OS X.

Intrebarea este : merita incercat Chrome 1.0 ? Din teste reiese ca este stabil si mult mai rapid decat versiunea beta, asa ca ... de ce nu?

CMS de la Microsoft

2008-12-09T12:16:00.000-08:00

Flash News de pe PC World.
Microsot a lansat o versiune preliminara de CMS pe care dezvoltatorii pot sa o foloseasca pentru a creea bloguri cu functii sofisticate si pagini web complexe. Proiectul poarta numele de OXITE.
Oxite este un blog engine scris in ASP.NET MVC ce ofera un set de functii blogging complexe implementate folosind ASP.NET si cunoscutul model model-view-controller.
Printre features se numara functii precum pingbacks,trackbacks, RSS Feed, posibilitatea gestionarii comentarilor anonime sau cu autentificare. In acelasi timp permite creerea de pagini si subpagini destul de usor.
La o prima vedere s-ar putea zice ca Oxite intra in competitie cu alte produse de acest gen precum Six Apart. Insa Microsoft are o alta varianta. El zice ca Oxite este dedicat mai mult dezvoltatorilor decat unor simpli utilizatori ce vor sa isi configureze blogul.
Asa cum zice si FAQ , Oxile se indreapta spre dezvoltatori ce vor sa invete ASP.NET MVC.
Un exemplu de site realizat cu Oxite este MIX Online.
Pentru download framework http://www.codeplex.com/oxite.

P.S: Categoria nice: A look at what it takes to launch a website

Google Friend Connect vs Facebook Connect

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

La o ora dupa ce Google a lansat serviciul Google Friend Connect, Facebook a lansat Facebook Connect.Lansarea simultana a celor doua servici nu a fost o coincidenta. Companiile vor ca utilizatorii cu conturi pe Google sau Facebook sa interactioneze intre ei si cu site-uri ce implementeaza servicul lor.
Principala diferenta intre cele doua servicii este ca Facebook este o retea sociala in timp ce Google Friend Connect este deschis catre orice site, serviciu sau retea sociala care foloseste autentificarea cu OpenID. De exemplu cu Google Friend Connect vizitatorii pot sa se logeze folosind credentialele Gmail, deci nu trebuie sa faca parte din nici o retea sociala..
Pentru a adauga unul din servicii unui site sau blog Google pune la dispozitie cateva gadgets. In cazul Facebook trebuie sa iti creezi propria aplicatie. Pentru mai multe informatii click google friend connect si facebook connect.
Pentru administratori de site/blog ce sunt interesati de Google Friend Connect am pus un sample video despre cum puteti implementa serviciul.

Dan a ales pentru site-ul nostru serviciul oferit de cei de la Google si pe aceasta cale va invitam sa va alaturati comunitatii de interfete web aici.

Interactiunea cu interfetele

2008-12-02T04:32:00.000-08:00

Pana acum, pentru interactiunea cu interfetele web am folosit un mouse, o tastatura. Aceste device-uri au fost introduse de designerii de computere din necesitate. In acele momente, erau necesare device-uri speciale pentru a putea "comunica" cu computerul. Nu exista tehnologia necesara pentru o interactiune naturala cu interfetele! In acest moment, tehnica a evoluat, asa incat, in curand vom arunca la gunoi mouse-ul si tastatura (sau le vom expune in muzee).

Doresc sa prezint o interfata noua cu calculatorul, si anume introducerea conceptului de "haptic". Haptic vine de la cuvantul grecesc "haptesthai" care inseamna atingere (touch). Dar destul cu vorbele, aceste interfete avansate merita vizualizate!

Microsoft Live Mesh pe Mac OS

2008-12-01T16:02:00.000-08:00

Esti in insulele Bahamas si faci o fotografie cu camera de pe telefonul mobil si vrei ca in doar cateva clipe aceasta sa apara pe o rama digitala foto aflata la tine acasa? Sigur ca vrei! Dar oare poti realiza acest lucru? Sigur ca DA!

Cum prin intermediul unei interfete web interactionam in aceasta lume conectata la Internet, tot printr-o interfata web trebuie sa putem sa colaboram cu diferite dispozitive. Solutie: Microsoft Live Mesh.
Initial Live Mesh a fost disponibil pentru calculatoare ce folosesc Windows XP sau Vista si telefoane mobile cu Windows Mobile. Acum a aparut si pentru Mac OS.

Live Mesh este un sistem de sincronizare a datelor, care foloseste internetul ca un fel de hub de date, permitand utilizatorilor sa-si sincronizeze cu usurinta fisiere de tip imagini, content video si alte tipuri de documente intre computere, telefoane mobile si alte device-uri. Mai pe scurt, este un tool de colaborare ce permite mai multor utilizatori sa faca share de continut.

Utilizatorii isi pot adauga unii altora dispozitive in mesh-ul fiecaruia si isi pot sincroniza folderele automat intre dispozitivele lor si Live Desktop. Pentru a adauga un dispozitiv in mesh-ul tau, nu trebuie decat sa downloadezi si sa instalezi software-ul Live Mesh pentru Mac OS X version 10.5 (Leopard) sau o versiune mai nou.

Odata ce un folder este setat pentru a fi sincronizat, el va putea fi accesat de celelalte dispozitive din mesh, iar orice modificare facuta continutului se va reflecta catre dispozitivele cu care acesta este sincronizat. Pentru ca modificarile sa poata fi sincronizate si transmise fiecarui dispozitiv, Live Mesh utilizeaza FeedSync. Informatiile despre dispozitivele si folderele care participa in procesul de sincronizate nu sunt stocate local, ci la un service-end. Pentru a folosi Live Mesh, nu-ti trebuie decat un calculator cu o conexiune la Internet. Serviciu necesita Windows Live ID pentru a accesa Live Desktop, unde poti incarca fisere, pentru a le share-ui prietenilor sau le poti accesa direct de pe web.

Utilizatorii au la dispozitie o memorie de 5GB pentru a stoca informatiile transmise cu ajutorul acestei platforme.

Microsoft Live Mesh este un serviciu gratuit. Puteti sa va inscrieti si sa va instalati Live Mesh direct de la Mesh.com.

Web - Platforma de dezvoltare

2008-11-29T15:04:00.000-08:00

Nu stiu daca voi ati observat dominanta aplicatiilor dezvoltate peste web decat peste orice alta platforma dar eu am observat.

Aceasta se intampla datorita accesibilitatii si dezvoltarii usoare peste Web.

Cu un basic knowledge de HTML si cu ajutorul unor tool-uri web, aplicatii fara bug-uri,si cu un UI decent se pot dezvolta intr-un timp destul de scurt. Prin folosirea platformei web se evita acele probleme ce apar de regula la instalarea si instruirea folosirii aplicatiei.

De asemenea in aplicatii web se pot integra interfete devoltate cu orice SDK si astfel limitariile din punctul de vedere al limbajelor de programare se duc spre 0.

Ideea in mare este ca aplicatii dezvoltate peste platforma web sunt scalabile.

Scalabile pentru toate browserele , pentru developeri si pentru utilizatorii in general.

La acest moment Google indexeaza in jur de 1,000,000,000,000 de pagini.

Asta zice ca Web-ul e pretty big, dar cred ca asta stiam cu totii.

Am incercat prin acest post sa subliniez ca peste platforma de dezvoltare web la momentul de fata se construiesc foarte multe aplicatii.

In acelasi timp am punctat si cateva din facilitatii dezvoltarii peste web, cele de care m-am lovit eu in dezvoltare.Be my guest sa completati lista deschisa de facilitati.

Facebook isi prezinta vizual activitatea

2008-11-27T01:19:00.000-08:00

Tim O’Reilly a definit Web 2.0 ca "o atitudine nu o tehnologie" si adevarul este ca tranzitia de la Web 1.0 la Web 2.0 s-a realizat aproape fara sa-ti dai seama. Este uimitor cat de mult a revolutionat internetul cumunicarea globala in ultimii ani. Si cum eu admir conceptul şi interfata web Facebook...

Un video lansat de site-ul de retele sociale Facebook arata cum web-ul a facut comunicarea la nivel global o parte din viata de zi cu zi. Acest video face parte dintr-un mic proiect numit PALANTIR (in momentul de fata exista doar versiunea demo) care prezinta activitatea Facebook de pe intregul glob, cuprinzand in plan vizual si geografic hartile de interactiune dintre utilizatorii site-ului. Spre exemplu, mesajele de la un user la altul sunt exprimate prin intermediul unor puncte luminoase care zboara intre tari. Alta activitate precum updatarea statusului este exprimata pe glob prin niste puncte albe care se ridica in spatiu de la locatia utilizatorului.De asemenea se pot vizualiza pe masura ce se creaza, legaturile dintre utilizatorii aflati in diferite puncte de pe glob.

Flex Gangsta Rap

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

Mi-am adus aminte de un clip pe care Adelina ni l-a aratat la inceputul proiectului.
So this post is dedicated for all the flex developers out there..

Nu ezitati sa comentati :)

Gandeste-te de doua ori inainte...

2008-11-23T05:37:00.001-08:00

...sa trimiti e-mail-uri folosind interfata Gmail. Nu m-am putut abtine sa nu rad, cand, vrand sa-mi setez niste optiuni la contul de Gmail, am dat peste Mail Goggles. Cum nu-mi era foarte clar despre ce era vorba, am cautat imediat pe Google. Si mare mi-a fost mirarea ... Este o optiune care te impiedica sa trimiti e-mailuri atunci cand esti intr-o stare euforica ... de betie.

Probabil va intrebati cum face chestia asta?

Daca ai activat Mail Googles (din Settings, tabul Labs), esti fortat sa raspunzi la o serie de intrebari de matematica inainte de a trimite e-mail-ul. Complexitatea acestor intrebari este setata de tine. Astfel, Google detetecteaza starea utilizatorului in functie de numarul de greseli facute si viteza de raspuns. (Partea nasoala e ca nu prea se poate face diferenta intre betie si prostie). Daca ai gresit vreo intrebare, te impiedica sa trimiti e-mailul :
“Water and bed for you. Or try again.”

Se pare ca foarte multi oameni au trimis la betie tot felul de e-mail-uri in care se credeau viteji.

jQuery

2008-11-23T04:44:00.001-08:00

O unealta foarte mediatizata si puternica in dezvoltarea interfetelor web este jQuery. M-am gandit sa fac o prezentare asupra acestei tehnologii ( care de fapt are in spate un simplu script javascript).

Jquery este o librabrie JavaScript open source. The main purpose..este sa gaseasca si sa manipuleze elemente html folosind un numar minim de linii de cod. Asupra acestor elemente se pot aplica comenzii de diverse tipuri like animation(slide-up).Rezultatul unei comenzi poate fi pasat altei comenzii si tot asa.

M-am uitat pe mai multe site-uri cu exemple de Jquery si am create 6 pagini html ce folosesc cateva plugin-uri.

Plugin-uri folosite in exemple:

DatePicker - poate fi customizat prin selectia de data ranges ,se gaseste in mai multe limbi.
InnerFade - ascunde alternativ elemente in cadrul unui container.
BlockUI - simuleaza comportamentul sincron atunci cand AJAX este folosit fara a bloca browserul. Cand este activat nu va permite accesul userului asupra paginii sau a unei parti din pagini pana atunci cand este dezactivat.
TableSorter - transforma un tabel HTML cu THEAD si TBODY intr-o tabela sortabila fara refresh-ul paginii.
Superfish Menus - transforma o lista neordonata intr-un meniu, cu hover effect,animatii simple.Poate fi configurat orizontal si vertical. Se pot folosi fisiere css pt customize.Poate fi folosit pentru a creea meniu de navigare pentru pagini,bazate pe XML Web.SiteMap.
Query quickSearch - merge atasat la o tabela,lista,set de paragrafe cu un search field(textbox) deasupra sau dedesubt acestor elemente.Atunci cand sunt introduse caractere in texbox filtrarea pe tabela etc, se face in timp real.

Exemplele le puteti gasi la arhiva exemple_jquery .
Puteti gasi mai multe exemple folosind jQuery la http://www.noupe.com/tutorial/51-best-of-jquery-tutorials-and-examples.html .
Un sfat acum, pana nu va uitati pe exemple sa vedeti cum va poate ajuta jQuery in dezvoltarea de interfete web nu veti intelege cu adevarat his meaning. Se pot face chestii foarte ok cu el, you just need to try it.
Enjoy now :)

Crisis....Over?

2008-11-22T17:12:00.000-08:00

In situatia in care se afla lumea in momentul de fata mai avem timp sa discutam despre interfete web?

Intreaga omenire e de ceva timp in stare de criza... Sa luam de exemplu tara noastra: Combinate care disponibilizeaza sute de oameni, uzine care isi intrerup activitatea! Criza chiar exista sau este doar un pretext pentru ca marile companii sa mai scape de cativa amarati pe care si asa ii platesc cu prea putini bani?

In lume actiunile celor mai imporante companii scad uluitor. Sa luam exemple din "Industrie": Actiunile Google, care in iunie valorau in jur de 600$ acum sunt sub 250$. Microsoft sufera si ei o importanta scadere pe piata bursiera, actiunile lor avand cea mai mica valoare din ultimii 5 ani. Si exemplele pot contiuna.

Exista cineva care profita de urma ei? Criza a inceput in SUA, pornid de pe piata imobiliare si brusc s-a imprastiat in toate domeniile de activitate... Aflam ca datoriile externe SUA au ajuns la o suma de neimaginat. Oare americanii vor sa profite de scaderea dolarului pentru a-si plati datoria?

Dar cea mai importanta interbare pe care mi-o pun e: Aceasta criza poate contiuna la nesfarsit?

Eu cred ca nu... Eu cred ca in curand lumea se va redresa, isi va gasi un echilibru! Cred ca in curand aceasta criza va lua sfarsit! Cei care au reusit pana acum sa profite vor pleca cu banii, cei care au avut de pierdut de pe urma ei, isi vor linge ranile si vor contiuna sa traiasca.

Pana atunci, profitati de preturie mici la apartamente! (Daca criza nu v-a afectat deja economiile)

Statistici pe cuvintele cheie interfete web

2008-11-21T02:21:00.000-08:00

In momentul de fata, suntem primul site pe Google pe cuvintele cheie interfete web, inaintea noastra nu se afla decat 2 bloguri.

Pe livesearch suntem pe locul 2.

200 vizitatori unici

Articolele noastre sunt pe primele locuri pe google pe domeniile respective (dupa site-urile care detin tehnologiile respective)

gwt - locul 4
openlaszlo - locul 5
ice faces - locul 4

Linkedin Intelligent Applications Platform (InApps)

2008-11-20T14:15:00.000-08:00

Probabil ati auzit de Linkedin. Pentru cei mai putini cunoscatori, LinkedIn este o retea sociala pentru proffesional people. Professional people inseamna oameni cu competente diferite care lucreaza pentru diferite companii. Prin intermediul creari unui cont pe linkedin iti poti vizualiza profilul aferent in care iti poti inregistra studiile(places we've studied), joburile avute si nu numai. Prin cadrul lor te poti conecta cu coworkers sau colleges. Ce am scris mai sus este o descriere destul de sumara in ce priveste posibilitatiile oferite de linkedin. Dar ca idee ce trebuie retinuta este ca Linkedin este un nework avand ca target proffesional people si cam tot ce tine de domeniul acesta.
Acum the flash este ca LinkedIn a anuntat lansarea platformei proprii InApp. Primele aplicatii lansate sunt dezvoltate de: Google, Wordpress, SixApart, SlideShare, TripIt, Amazon,Box.net si Huddle.Platforma implementeaza OpenSocial (0.8 specification ).

GWT pe Android

2008-11-19T23:52:00.000-08:00

De cand telefoanele mobile au devenit foarte performante, interfetele web au devenit o necesitate pentru acestea. Google a facut un pas inainte, de la lansarea iPhone, dezvoltand aplicatii prietenoase pentru acesta. Aplicatii ca Gmail, Calendar, GTalk pentru iPhone, folosesc la maxim posibilitatile touch-ului cu care este "dotat" iPhone.

O mare bucurie pentru lumea dezvoltatorilor este lansarea GWT 1.5.3! De ce? Pentru ca aceasta versiune ofera posibilitatea de creare de interfete web pentru telefoanele mobile care folosesc Android, sistemul de operare pentru mobile, lansat de Google.

Astfel, toate aplicatiile dezvoltate de acum inainte cu ajutorul GWT vor putea fi accesate si de pe telefoanele mobile. Era in care paginile web pentru telefoanele mobile contin numai text si poze s-a terminat! A inceput o noua era in care interactivitatea va sta baza acestor aplicatii!

Interfete web cu Yahoo! User Interface

2008-11-17T12:09:00.000-08:00

Si pentru ca in ultima vreme, peste tot Google, Google si iar Google ... ce ziceti sa aducem in scena pe ... the one and only.... Yahoo! ? Nu fiti carcotasi, nu vreau sa vorbesc despre rivalitatea Google-Yahoo! , pentru ca, dupa cum zicea cineva, multa lume are o paine de mancat de aici. :)

Yahoo! doreste sa atraga cat mai multi utlizatori si sa fie recunoscut, nu doar ca motor de cautare si furnizor de stiri, dar si ca unul dintre cei mai buni furnizori de noi tehnologii. Astfel, ofera tool-uri utile pentru dezvoltatori, continuand sa se concentreze in dezvoltarea librariei de user interface (YUI).

Yahoo! User Interface (YUI) este o librarie open-source, o colectie de tool-uri, utilitare si controale scrise in JavaScript, folosite in dezvoltarea de interfete web dinamice si interesante pentru aplicatii care folosesc tehnici precum AJAX, DHTML si scripting DOM.

Yahoo! a facut publice atat codul cat si documentatia librariei de User Interface. Acestea pot fi accesate aici.
Iar daca vrei sa fii la curent cu activitatatea dezvoltatorilor care implementeaza aceasta librarie, puteti sa le accesati blogul aici.

Ghidul in SEO de la Google

2008-11-17T10:56:00.000-08:00

Cum we all wanna be on 1st page on Google,Google itself a lansat ghidul incepatorului in optimizarea pentru motoare de cautare. Este un ghid pentru incepatori dar foarte informativ. Check it out http://googlewebmastercentral.blogspot.com/2008/11/googles-seo-starter-guide.html.
Acum ca v-am dat pontul, i wish you a good reading :)

Google Maps si JSF

2008-11-16T06:21:00.000-08:00

S-a lansat Gmaps4JSF. Numele s-ar traduce prin “Google Maps for JSF”, si chiar asta este. GMaps4JSF integreaza Google Maps cu JSF. De fapt, GMaps4JSF este una dintre libarariile “mashup” JSF, cu ajutorul careia se pot dezvolta foarte usor aplicatii mashup Web 2.0. Astfel, dezvolatorii care folosesc tehnologia JSF vor avea posibilitatea sa creeze aplicatii complexe de tipul “StreetViewPanoramas” si harti, cu doar câteva tag-uri JSF.

Destul de fain, nu?

Mai multe informatii referitoare la modul de utilizare a librariei si exemple de folosire, gasiti aici.

A fost si Flex Camp Bucuresti...

2008-11-15T06:41:00.000-08:00

Acesta este titlul unui post din blogul Adobe .
In cadrul acestei intruniri s-au punctat chestiuni de tehnologie Flex si AIR.
Din pacate noi nu am fost acolo insa prin intermediul inregistrarilor ne-am facut o idee despre ce s-a vorbit.
Ce mi-a placut mie a fost prezentarea lui Cristi Ivascu despre Flex Application development si SOA si prezentarea lui Miti despre data syncronization in Flex.
O alta chestie, din prezentare am vazut un link catre niste exemple de componente Flex. Recomand acest site pentru ca cel care scrie acolo explica foarte bine ce si cum face.

URL SEO

2008-11-14T04:41:00.000-08:00

Ma gandeam la numele domeniului nostru:www.interfete-web.org. A inceput cu proiectul la Interfete Evoluate, ce s-a dovedit a fi o competitie intre echipe pentru a prinde cea mai buna pozitie pe google, si implicit cat mai mult trafic. Evident majoritatea ne-am luat un nume care contine exact termenii ce se doresc a fi cautati. Nu stiu cat de buna este chestia asta. Mai interesant ar fi fost sa nu avem voie sa punem in numele site-ului activitatea principala sau termenii dupa care se face cautarea. Dar acum e un pic cam tarziu pentru a ne schimba numele domeniului sau pentru a sublinia in detaliu acest aspect.

De ce interfete-web.org , si nu interfete_web.org ? Mai exact, ce sa folosim in URL-uri, cratima sau underscore? S-a constatat ca motoarele de cautare prefera cratimele(-) in loc de underscore(_). Google spune clar: cratima este considerata separator, in timp ce underscore-ul nu. Prin urmare, linia de subliniere este un caracter si face parte din cuvant.

De exemplu, in URL-ul urmator:

http://www.interfete-web.org/servicii_creare_interfete_web.html

Google nu vede ultima parte a URL-ului alcatuita din cuvintele “servicii creare interfete web”, ci mai degraba un singur cuvant ”servicii_creare_interfete_web“. Aceasta abordare ar putea sa faca motorul de cautare sa greseasca la parsarea URL-ului.

In schimb in URL-ul:

http://www.interfete-web.org/servicii-creare-interfete-web.html

Google isi da seama ca fiecare cuvant este separat de celalalt, ajutandu-l astfel sa determine cuvintele cheie: ”servicii creare interfete web”.

Cratimele sunt o solutie buna si pentru URL-uri care contin mai multe expresii. Spre exemplu, URL-ul:

http://www.interfete-web.org/servicii-creare-interfete-web.html

este de departe mult mai ok decat

http://www.interfete-web.org/serviciicreareinterfeteweb.html ,

care nu este inteligibil nici pentru noi , nici pentru motoarele de cautare.

SEO Flash

2008-11-13T13:28:00.001-08:00

Ma intrebam zilele trecute cum se promoveza un site facut in Flash. Din cate se stie, cei care isi fac site-ul in flash sunt dezavantajati in punctul de vedere al SEO. In general motoarele de cautare nu stiu sa indexeze site-urile realizate in Flash.

Cum facem sa reducem sau chiar sa anulam acest handicap?

Solutii exista mai multe, eu am ales una dintre ele. Este vorba de un script. Acest script detecteaza daca clientul care se conecteaza la URL-ul site-ului suporta flash. Daca suporta, ii trimite un obiect swf (versiunea flash a site-ului). Daca nu suporta ii trimite un html.

Astfel motoarele de cautare, vor primi un html in loc de flash.

Aceasta metoda poate fi imbunatatita prin crearea unui site in background-ul site-ului principal, in care fiecare pagina sa foloseasca swfobject. Folosind flash vars se porneste filmul flash de la anumit frame, in functie de pagina ceruta.

De ce ICEfaces?

2008-11-13T06:00:00.000-08:00

Foarte simplu. Pentru ca ICEfaces = JSF + AJAX.

ICEfaces, de la ICEsoft Technologies, este un framework derivat din JSF, ce integreaza elemente realizate cu ajutorul AJAX. Pentru cei care inca nu au auzit de ei, ICEsoft este un furnizor de aplicatii web si toolkit-uri pentru dezvoltatorii de Java, ce au lansat anterior ICEbrowser SDK, un client Java SDK(Software Development Kit), care ofera o tehnologie de navigare functionala pentru dezvoltarea aplicatiilor web; ICEreader, un element de randare HTML/XML robust, care permite dezvoltatorilor folosirea cautarilor si a capacitatilor de navigare HTML in aplicatiile Java; si ICEpdf, un element de randare PDF.

Din perspectiva unei interfete web, ICEfaces este solutia perfecta. Permite dezvoltatorului sa foloseasca tehnologiile JSF si AJAX impreuna. De ce este atat de grozava chestia asta? Pentru ca nu trebuie sa scrieti nici o bucata de cod de JavaScript pentru crearea interfetei web. Magia AJAX-ului este realizata de componenta “AJAX bridge”, care lucreaza de o asa maniera incat actualizeaza doar partea aplicatiei care s-a schimbat. Este cu adevarat uimitor cum si vechile componente ale interfetei web sunt randate fara nici un refresh la pagina.

Chiar daca folositi multe din componentele puse la dispozitie de ICEfaces şi JSF pentru crearea interfetelor web, se poate intampla sa aveti nevoie sa va scrieti propria componenta. Aveti posibilitatea de a genera forme, câmpuri de formular, panouri de grile, tabele de date, etc. Aceasta este cea mai puternica facilitate. Astfel, puteti sa va creati dinamic propriile componente pe care sa le folositi in propriile interfete web.

Alta facilitate interesanta sunt validatorii. Puteti sa atasati, de exemplu unui camp de intrare, orice tip de validator vreti. Exista unele pre-definite, cum ar fi: LengthValidator, DoubleRangeValidator, etc. iar daca nu va sunt suficiente, puteti sa va scrieti propriul validator. ICEfaces furnizeaza propriul lor set de RC (rich components) , pe care il puteţi studia aici cu care puteti crea interfete web uluitoare.

ICEfaces pare a fi cea mai buna solutie, atunci cand doriti usurinta de utilizare, interactivitate ridicata, precum si intretinere buna a codului. Exista o separare intre dezvoltarea propriu-zisa a aplicatiei si designul interfetei web. Aceasta se poate realiza cu ajutorul librariilor deja existe si puterii limbajului Java.

JSF pentru telefoane mobile

2008-11-13T05:13:00.000-08:00

JSF ...

Java Server Faces (JSF) este un framework pentru dezvoltarea de aplicatii web folosind Java, bazat pe paradigma MVC (Model-View-Controller), destinat simplificarii procesului de dezvoltare a interfetelor web. Este format din componente web standard, precum servleti, pagini JSP si bean-uri.

Ca principale avantaje, JSF asigura persistenta datelor, permite crearea de interfete web folosind componente gata definite, accesibile folosind taguri JSP, ofera un model de interactiune cu interfata web bazat pe evenimente, furnizeaza un mecanism pentru dezvoltarea de componente proprii, separa prezentarea componentelor interfetei web de functionalitate, astfel incat acestea sa poata fi utilizate in pagini HTML, WML, etc

Mobile JSF ...

Nu de mult, dezvoltatorii de aplicatii web pentru telefoane mobile erau nevoiti sa creeze si sa mentina versiuni diferite pentru paginile ce erau scrise in diverse limbaje de markup. Aceasta abordare era destul de ineficienta si predispusa la multe erori. Astfel, cu Mobile JSF, acest deficit este rezolvat. Mobile JSF se bazeaza pe framework-ul Java Server Faces. Dezvoltatorii vor mentine doar o versiune pentru fiecare pagina si nu vor mai fi nevoiti sa stie detalii specifice referitoare la limbajele de markup. Acest lucru se intampla deoarece Mobile JSF randeaza componentele in mod automat. Iar partea cea mai interesanta este ca oricine poate folosi Mobile JSF pentru a crea pagini web, compatibile cu un numar mare de dispozitive. Astfel, Mobile JSF se dovedeste a fi o unealta puternica in dezvoltarea de aplicatii web pentru telefoanele mobile. Pentru mai multe informatii vizitati Ericsson Mobility World.

Cum sa analizezi o retea sociala folosind Last.fm API?

2008-11-08T08:20:00.000-08:00

Ce este Last.fm?

Last.fm este unul dintre cele mai populare servicii online de muzica. Fiecare utilizator logat in sistem poate sa asculte muzica dorita, sa isi faca prieteni cu aceleasi preferinte muzicale, sa se inscrie in grupuri in functie de gusturi sau sa-si creeze libraria cu piesele si artistii indragiti.
Destul de promitator nu? Are in schimb un aspect negativ, si anume faptul ca nu este permisa ascultarea aceleiasi melodii de mai mult de 3 ori.

Despre Last.fm API...

Este chiar usor de folosit. Primul pas este sa-ti faci un cont la ei, apoi sa-ti creezi o aplicatie. Dupa ce configurezi “api account page”, unde completezi numele aplicatiei, o descriere a acesteia si un logo(optional), faci o cerere si primesti API key si secret key. In functie de limbajul in care vrei sa faci implementarea aplicatiei care analizeaza aceasta retea sociala, downloadezi versiunea care ti se potriveste : Java, .NET, Python, PHP. Apoi, la treaba! Nu-ti ramane decat sa folosesti api-ul respectiv.

Daca doresti o implementare in Java, ti se pune la dispozitie jar-ul corespunzator (last.fm-bindings.jar) cat si bibliotecile care implementeaza efectiv api-ul (inclusiv cu exemple de folosire)...
Merita incercat nu?

Twitter API - analiza unei comunitati

2008-11-07T07:03:00.000-08:00

Cautand un api usor de folosit pentru analiza unei comunitati web, am gasit un api java pentru Twitter.

Ce este Twitter?

Twitter este un portal pentru micro blogging. Practic fiecare utilizator care are un cont, isi poate pune un post de o lungime mica (cateva sute de caractere) in care sa descrie ce face in momentul respectiv.

Despre api

Api-ul se foloseste foarte usor, datele pentru Maven sunt urmatoarele:
<dependencies>
<dependency>
<groupId>net.homeip.yusuke</groupId>
<artifactId>twitter4j</artifactId>
<version>1.1.0</version>
</dependency>
...
</dependencies>

Codul este foarte usor de scris:

Twitter twitter = new Twitter("danix007ro", "xxx");
List followers = twitter.getFollowers("amr00");
List friends = twitter.getFriends("amr00");
for (User follower:followers) {
System.out.println("nume: " + follower.getName());
}
for (User friend:friends) {
System.out.println("nume: " + friend.getName());
}

Practic API-ul ne da mura in gura tot ce avem nevoie pentru analiza unei comunitati.

Mai multe detalii despre Twitter API, aici.

Premile Open Source CMS

2008-11-03T13:59:00.000-08:00

Site-ul in care ne promovam produsele si tehnologiile folosite in implementarea lor este realizat cu ajutorul unui CMS Open Source pe nume TYPOlight. Acesta s-a pozitionat anul trecut pe locul 1 in lista celor mai promitatoare CMS Open Source.

Flash news: Pe data de 31 Octombrie, Packt a anuntat castigatorul de anul acesta.

Castigatorii in ordine crescatoare:

Intr-un alt post vom povesti cate ceva despre CMS-ul utilizat de noi si motivul pentru care l-am ales intre timp click http://www.packtpub.com/award pentru mai multe informatii despre premiile din acest an.

YouTube API incomplet ?

2008-11-02T07:38:00.000-08:00

using Google GData YouTube pentru tema1? Mhh...sa vedem.

Studiind acest API am observat cateva deficiente:

Nu se poate prelua lista de subscribers pentru un anumit user. Atunci cand ai de construit relatiile sociale din cadrul comunitatii acest lucru va deveni un impediment.
Numarul de friends extrasi pentru un user este limitat la 100. Cam neplacut.

Asa ca not so cool API-ul asta de la YouTube. Insa se pot face multe alte lucruri. Check it out http://code.google.com/apis/youtube/1.0/developers_guide_protocol.html pentru a va face o idee.

Interfete cu ABSOLUTE WEB

2008-11-02T07:09:00.000-08:00

ABSOLUTE WEB este o echipa specializata in proiectarea, implementarea si evaluarea interfetelor web.

Informatii despre membrii echipei si tehnologiile ce vor fi folosite in creerea de aplicatii web le puteti gasi la adresa http://interfete-web.org/