Web - Platforma de dezvoltare

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

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

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...

...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

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:

1. DatePicker - poate fi customizat prin selectia de data ranges ,se gaseste in mai multe limbi.
2. InnerFade - ascunde alternativ elemente in cadrul unui container.
3. 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.
4. TableSorter - transforma un tabel HTML cu THEAD si TBODY intr-o tabela sortabila fara refresh-ul paginii.
5. 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.
6. 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?

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

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)

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

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

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

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

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...

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

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

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?

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

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?

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

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

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:

1. Drupal
2. Joomla
3. DotNetNuke

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 ?

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

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/