The glossy side of Google

La început, mă gandisem ca ar fi o idee bună să scriu despre Flash, si cum a devenit el mult mai indexabil în ultima perioadă; am inceput sa fac şi un mic research, moment în care m-am gândit că poate ar trebui să îmi verific contul de Gmail (sunt unul dintre oamenii ăia cu fundul în două luntre, care nu se pot hotarî dacă să Gmail sau să Yahoo, aşa că le păstrează pe amândouă).

Mi-a atras atenţia un banner destul de discret din partea de sus a ecranului, care mă invita să încerc noile teme pentru Gmail. Ceea ce am şi făcut, în minutele care au urmat (în loc să continui research-ul pentru articolul meu serios). Şi da, am ajuns la concluzia că acum pot să îmi fac mailboxul roz cu floricele (ehem...negru, cu scris console-style, verde :P). Îmi place faptul că oamenii ăştia găsesc continuu metode de a menţine interesul utilizatoilor, chiar dacă asta înseamnă să le ofere eye-candy sau pur şi simplu gadgeturi de care nici nu ştiau că au nevoie.

Acum dacă stau şi mă gândesc, nu e o chestie chiar atât de existenţială faptul că pot să îmi citesc mailurile pe un fundal în picăţele, dar faptul că o companie precum Google (care până acum a fost axată mai mult pe funcţionalitate decât pe felul cum arată produsele sale) a decis să facă acest pas, îmi dă de gândit. E clar că web-ul actual devine din ce în ce mai personalizat, că utilizatorii îşi doresc să îşi pună amprenta cât mai mult în aplicaţiile lor favorite, şi acest lucru se simte în felul cum evoluează interfeţele web (yup, here's the magic word again).


Din ce am aflat eu până acum, se pare că oricum fanii înrăiţii Google găsiseră un mod de a-şi personaliza mailboxul, prin intermediul extensiilor de Firefox, IceWeasel şi Flock (una dintre aceste extensii fiind şi Google Redesigned), deci era doar o chestiune de timp până să se pună în aplicare ideea şi în mod oficial.

Pentru mai multe detalii despre Gmail Themes, click here, sau pur şi simplu accesaţi-vă căsuţa de mail şi jucaţi-vă puţin cu skinurile pe care le oferă până acum.

All this being said, mă întorc la casuta mea de mail colorată, iar articolul despre Flash probabil o să fie într-o ediţie viitoare.

Aventura spre Cunoastere - ASP.NET

Astazi voi descrie inceputul unei aventuri personale - de factura profesionala: initierea in tainele ASP.NET.
Desi este un framework grandios, ma refer ca proportii si capabilitati oferite, voi incepe sa il cunosc pas cu pas, cu rabdare - dar cu perseverenta. Poate va intrebati asupra motivului ce a declansat aceasta aventura - ma voi rezuma la a spune ca este destul de placut sa imbini placutul cu utilul.
Acum sa trecem la fapte...
ASP.NET este varianta succesoare a vechiului standard ASP (Active Server Pages). A aparut prin 2002, impreuna cu platforma .NET. Este recunoscut ca fiind limbajul de seama Microsoft pentru construirea site-urilor, aplicatiilor si serviciilor web.

Ce e defapt un fisier .asp? Un fisier HTML in care au fost strecurate subtil diverse scripturi, fie in VBScript, fie in JavaScript, fie in PHP,.. Libertatea de a iti alege limbajul de scripting dorit este o oportunitate de remarcat. :)
Interpretarea scripturilor se face pe partea de server - astfel ca, in cazul in care ati decis sa alegeti un limbaj de scripting diferit de cel implicit - VBScript- va trebui sa adaugati pe server un engine specific limbajului ales (JavaScript, PHP, ..) pentru a putea executa scripturile furnizate.

Ce ma mira si ma multumeste este faptul ca exista foarte multe similitudini intre ASP.NET si JSP (Java Server Pages): maniera in care au fost gandite (colectie de cod HTML cu bucati eterogene de scripturi), modul de inserare comun al scripturilor <%..%> sau <%=...%> (pt furnizarea de rezultate).

Dar, aventura abia a inceput.. Se anunta a fi destul de interesanta. Intre timp, va voi tine la curent cu noile descoperiri pe care le voi face in detrimentul necunoscutului.

Pe curand, cu mai multe informatii,
Catalina

Un site de interfete web pe bune

Prin perindarile mele printre miliardele de linkuri de pe net, am dat peste ceva interesant: un site de interfete web ..pe bune! Adica realizat chiar in scopul de a vinde. Ei bine, asa cum probabil va inchipuiti, e o diferenta maaare intre un proiect pentru facultate si un site de promovare pe bune. La ce ma refer? La portofoliul de activitate si produsele concrete. In fapt, aceste diferente sunt normale; scopul acestui proiect este de a gasi niste metode de promovare cat mai eficiente.

La cautari, site-ul despre care va vorbesc sta destul de bine, asa ca merita sa va aruncati o privire.

Cum indexeaza Yahoo

Sau, mai exact, cum nu indexează.

Una dintre cele mai semnificative schimbări petrecute în ultimii ani în motorul de căutare de la Yahoo este faptul că el nu mai afișează datele obținut din surse externe, deși beneficiază de un suport destul de solid de resurse interne pe care să se bazeze. Este cunoscut faptul că Yahoo a cumpărat servicii ca Overture, AltaVista, Alltheweb și baza de date Inktomi și, de asemenea, a consolidat numeroasele programe de înscriere de site-uri pe care le deținea deja. Înainte de a înscrie un site în Yahoo, webmaster-ii și SEO-ii trebuie să fie conștienți de o serie de elemente ce trebuie optimizate corespunzător. De asemenea, în majoritatea cazurilor, o persoană reală va efectua un review al site-ului înainte ca acesta să fie inscris, deci o practică bună ar fi reverificarea conținutului și a task-urilor de optimizare.

1. Ca și numeroase alte motoare de căutare, Yahoo urmărește tag-urile de title și description, căutând cuvinte cheie relevante în acestea. Ca și în cazul Google, un titlu corect conține cel puțin un cuvânt cheie sau o frază cheie și o mențiune asupra subiectului pe care îl tratează pagina. De asemena, un tag de description bine scris este important pentru Yahoo. De asemenea, deși se știe că keyword-urile specificate în tag-ul meta nu au o mare importanță, Yahoo încă le mai acordă un credit minimal.

2. Conform purtătorului de cuvânt al Overture (deținut de către Yahoo), Jennifer Stephens, spider-ul Yahoo, SLURP, funcționează în mare parte ca și Google-bot, urmărind fiecare link pe care îl găsește pe pagini și citind informațiile pe care le găsește în acest proces. De aceea, webmaster-ii trebuie să creeze site-uri ale căror interfețe web să dețină path-uri clare de link-uri pentru ca spider-ul Yahoo să le urmeze.

3. Densitatea cuvintelor cheie a avut un efect semnificativ pentru Inktomi si se pare că s-a păstrat și la Yahoo. Densitatea cuvintelor cheie se referă la raportul dintre numărul de cuvinte cheie și restul cuvintelor non-cheie din text, titlu, texte anchor și tag-uri meta. Acest raport poate varia de la sector de interes la sector, dar este de cele mai multe ori un important criteriu pentru a obține poziționări mai bune decât competiția.

4. Înscrierile la Yahoo sunt radical diferite astăzi decât erau în anii trecuți. Yahoo permite și înscriere neplătite, prin programele Overture Site Match și Site Match XChange, dar nu rescanează atât de des site-urile ce au fost înscrise prin metode gratuite. Din moment ce prețul înscrierii unui site în Site Match este atât de mare și nu garantează înscrierea lui în motorul de căutare după review, webmaster-ii pot încerca să profite de avantajelor gratuite de înscriere, dacă nu au un conținut al site-urilor care să se schimbe foarte frecvent. Principalul "pont" în acest caz este înscrierea fiecărei pagini a site-ului, una câte una. Acest proces ar trebui, totuși extins la câteva zile, pentru a nu-i face pe cei de la Yahoo să creadă că se "profită" de serviciul lor gratuit :)

Tema 1 – fuse, fuse şi se duse

Aşa cum era normal, a apărut prima tema la Interfete Om-Maşina (şi a apucat deja să şi treacă termenul). Tema are un subiect destul de interesant şi actual, mai exact analiza unei comunităţi web la alegere, pentru evidenţierea relaţiilor existente între utilizatorii ei.

Ce mi-a plăcut foarte mult a fost faptul că nu au fost constrângeri nici în privinţa comunităţii, nici în privinţa limbajului în care s-a făcut implementarea – lucruri care s-au dovedit a fi ulterior în acelaşi timp şi părţi negative (şi o să vedeţi puţin mai încolo de ce).

Datorită libertăţii de alegere, am pierdut destul de mult timp încercând să mă hotărăsc asupra comunităţii pe care să o disec. La început mă gândeam că ar fi interesant de analizat Flickr, dar am decoperit repede că informaţiile oferite erau numai pentru utilizatorul logat – puteam obţine o listă de prieteni numai pentru acesta, neputând crea decât un arbore de relaţii cu un singur nivel. Nici Friendster nu s-a dovedit a fi mai prietenos (accesul la diversele resurse se poate face numai furnizând API key-ul şi un session key, obţinut după logare).

Twitter oferă suficiente informaţii pentru a crea un arbore de relaţii, şi asta fără autentificare, dar are dezavantajul că numărul de queryuri este limitat la 100 pe oră pentru un ip/utilizator. Bineînţeles, se poate face un request pentru a fi adăugat pe un whitelist şi a avea număr de cereri nelimitat, dar pentru că m-am apucat de temă destul de târziu, m-am gândit că s-ar putea să dureze prea mult timp obţinerea acestei facilităţi…aşa că am renunţat la idee şi am ajuns să analizez Jaiku.

De Twitter, Flickr sau Friendster am mai auzit cu toţii până acum, dar eu cel puţin despre Jaiku nici nu ştiam că există până acum o săptămână. Am aflat că e o comunitate care a fost cumpărată recent de Google (I wonder what they’re planning on turning it into) şi că seamănă foaaarte mult tu Twitter. Şi prin „foaaarte” vreau să spun că e aproape identică – fiecare utilizator îşi poate pune un status, poate răspunde la statusul unui prieten printr-un comentariu şi işi poate crea o listă de contacte cu oamenii ale căror statusuri le urmăreşte. And, last but not least: API-ul permite preluarea de informaţii destul de detaliate despre un anume utilizator, fără autentificare, cu condiţia ca profilul acestuia să fie public. Răspunsurile oferite sunt fie în format XML (teoretic – practic o cerere de genul acesta returnează pur şi simplu pagina în format HTML a utilizatorului ales, lucru care nu m-a mulţumit deloc), fie în format JSON (acesta din urmă funcţionează corect, aşa că am zis că „it will do”).

Odată aleasă comunitatea, a trebuit să mă hotărsc şi asupra unui limbaj în care să fac implementarea. Recunosc că mi-a trecut prin cap să folosesc Flex şi ActionScript (ideea de parser built-in sau faptul că obiectele dinamice se mapează aproape perfect pe structura JSON sună destul de tentant) dar am realizat că era ca şi cand aş fi încercat să bat un cui cu barosul, din moment ce practic aplicaţia nu avea nevoie de o interfaţă, ci urma să fie rulată doar din linie de comandă. Aşa că am rămas la my-old-time-favourite, Java (da, Andrei, Ştiu că C# face ce face Java de 10 ori mai repede, ştiu că probabil tu ti-ai facut tema cu un SocialNetwork.DescribeThyself() :P).

Dezavantajul evident este că modul de gândire JSON (JavaScript Object Notation) nu e cel mai natural pentru Java, şi cu toate că am găsit o librărie pentru translatare JSON-to-Java, lucrul cu datele obţinute nu a fost foarte facil. Odată alese comunitatea şi limbajul, implementarea în sine a decurs destul de smooth, în ciuda binecunoscutelor NullPointerException acompaniate de numeroase JSONException şi aşteptatul după răspunsurile lente ale serverului Jaiku.

Looking back on it: da, ştiu că îmi puteam face tema in două ore folosind Python (sau un alt limbaj mult mai potrivit taskului), ştiu că aş fi putut până la urmă să obţin datele parsând pagini HTML, dar chiar nu mă interesează atât de tare timpul pe care l-am pierdut, având în vedere că am reuşit să învăţ ceva. Şi chiar sunt încântată că am obţinut toate informaţiile care m-au interesat fără să parsez măcar un singur HTML. :)

Guys, care to share? Chiar sunt curioasă să aflu cum a fost tema asta pentru voi.

Tracking

Pentru că toată lumea trebuie să învețe din greșeli, am uitat să poziționez scripturile de trafic de al trafic.ro și Google Analytics pe blog, astfel că, până acum, ele au fost prezente doar pe site-ul principal.

Ceea ce presupune că vom avea un mic handicap la numărul de vizitatori, neluându-i în considerare pe cei care ne-au vizitat blogul până acum (anyone out there? :D ). Nu e mare pierdere, oricum nu prea aveam articole... nu-i așa, ECHIPĂ? :D

SEO & Marketing stuff

Am adăugat pe site un articol cu cei mai importanți termeni folosiți în SEO și Marketingul site-urilor web, explicați pe scurt alături de câteva exemple. O mică parte din aceștia i-am folosit și noi pentru optimizarea site-ului de interfete web, dar încă e loc de mai bine.

Totodată, am hotărât că nu vom plăti nici pentru promovarea site-ului prin link-uri inbound și nici pentru poziționarea lui pe Google, asa că o vom face old-school :). Nu văd de ce ar merita să facem așa ceva din moment ce distracția și competiția stă în șanse egale, corect?

Oricum ar fi, SEO e un domeniu foarte generic, ce poate presupune o mulțime de lucruri în funcție de domeniul în care activezi, de target-uri și de ceea ce vrei să realizezi cu el. Păcat că nu am avem destul timp să facem tot ceea ce am putea, așa că de acum încolo vom încerca să ne conectrăm pe ce e mai eficient să facem.

Un CMS bun la toate

După cum spunea şi Ana, într-un post anterior, am decis să folosim Joomla pentru managementul conţinutului site-ului nostru de interfeţe web.

Joomla este, în primul rând foarte flexibil şi orientat spre managementul conţinutului sub formă de articole, ceea ce reprezintă, de fapt, o platformă ce se pretează foarte uşor la gestionarea unui site în prepondereţă informativ, de prezentare, pe scurt cam tot ceea ce se reprezintă uşor în articole. Moodle ar fi fost o altă opţiune, dar acesta aduce mai mult a platformă de e-learning şi, poate că într-o anumită măsură am căutat şi puţină diversitate; de Moodle suntem sătui, dar totodată, obiectiv vorbind, îi cunoaştem bunele, relele şi foarte-relele...

Joomla este o platformă bazată pe PHP şi se instalează relativ uşor, dar e nevoie de ceva flexibilitate din partea host-ului. Versiunea pe care am folosit-o este 1.5, versiune ce vine cu avantajele unei administrări mai facile şi totodată mai flexibile, dar şi cu neajunsul faptului că elementele third-pary (module, pluginuri, teme vizuale) de la versiunea precedentă (1.0) nu mai sunt compatibile. Ca să putem totuşi testa majoritatea facilităţilor pe care le ofereau aceste componente, am activat un modul de "Legacy" care permite rularea componentelor "out of date" dar fără siguranţa că vor rula bine (cuvântul "incompatibil" începe totuşi cu "in-").

Scriptul de instalare Joomla este destul de deştept încât să te atenţioneze nu numai în legătură cu problemele pe care le detectează în timpul instalarii (parametri greşiţi, configuraţie necorespunzătoare pe server), dar oferă şi soluţii, deci cu un bagaj minim de cunoştinţe legate de PHP, MySQL şi drepturi UNIX, se rezolvă rapid. A propos, Joomla creează nu mai puţin de 36 de tabele diferite în baza de date MySQL, deci e recomandabil ca la instalare să se aleagă un prefix uşor de observat pentru numele tuturor tabelelor.

Din punctul meu de vedere, avantajul major al unui CMS stă în faptul că poţi să te concentrezi asupra conţinutului, fără să îţi faci griji în legătură cu aspectul, structura coerentă a site-ului şi ierarhizarea articolelor. Am ales această soluţie nu doar pentru comoditatea point-and-click-ului ci şi pentru a obţine mai mult timp în care să ne concentrăm asupra creării unui conţinut de calitate.

... de calitate superioară, evident :)

Vă aşteptăm pe la noi!

Joomla si vanatoarea de template-uri

Pentru ca nici unul dintre noi nu are extraordinar de mult timp liber ne-am decis sa nu scriem noi codul pentru pagina de la 0, ci sa folosim un CMS (Content Management System) si un template. Adevarul e ca, cel putin eu una, voiam de destul de mult timp sa vad cum arata partea de administrare a unui site „in the real world“ - recunosc, scrisul de cod HTML intr-un editor text suna romantic, dar din perspectiva mea de programator non-PHP (at least for now), activitatea mai sus mentionata mi se pare extrem de consumatoare de timp si error-prone. Asa ca ... CMS it is, si mai exact Joomla.

Ca orice produs open source, Joomla este sustinut de o comunitate destul de numeroasa, care pune la dispozitie nu numai informatii celor care incearca sa puna pe picioare un site, ci si template-uri si extensii, to suit every need. Joomla a aparut cam prin 2000 (cel putin asa spun ei pe site) si a ajuns la versiunea 1.5, ca urmare a interesului si eforturilor depuse de dezvoltatori din toata lumea – multi ani inainte, spunem noi, si cat mai mult software open source :).

Pasul natural in evolutia site-ului nostru, dupa instalarea Joomla, a fost cautarea unui template potrivit „afacerii“ noastre, si cum e vorba de interfete web, felul cum arata pagina de prezentare conteaza destul de mult. In momentul de fata, cand sunt introdusi termenii „free Joomla template“ Google returneaza in jur de 10 milioane de intrari :) ... but here's the catch: template-urile care chiar sunt free nu sunt atat de numeroase. Si nu toate template-urile sunt compatibile cu versiunea 1.5 a CMS-ului (chiar daca in descrierea unora dintre ele scrie ca sunt).

Majoritatea site-urilor au o galerie destul de redusa de template-uri free (uneori grupate pe categorii – arta, business, agricultura, etc.) si gazduiesc un numar mult mai mare de template-uri contra cost. Idee care mie mi se pare putin sneaky, adica: aducem oamenii pe site-ul nostru, atragandu-i cu un produs gratuit, oamenii rasfoiesc galeria noastra free si, pentru ca, cel mai probabil nu or sa gaseasca ceva care sa li se potriveasca, or sa arunce un ochi si pe produsele aflate la vanzare...care sunt mult mai glossy, mult mai configurabile, modulare, stabile (you get the point). Daca avem noroc, utilizatorii or sa fie si dupa o sesiune destul de lunga de free template browsing, moment in care perspectiva de a investi 10,30,90 de dolari intr-un template nu mai e chiar atat de respingatoare, asa ca sunt dispusi sa puna banul jos. Adevarul e ca, pana la urma, e si asta o forma de marketing, nu?

Totusi, noi am ramas “de nestramutat” in dorinta noastra de a gasi THE free template (fara a ceda tentatiei de a ne alatura dark side-ului – adica sa luam o tema comerciala de pe un torent)...O sa fiu sincera si o sa recunosc ca nu am reusit sa gasim ceva care sa fie “ca o manusa” pentru site-ul nostru: am dat peste multe template-uri simpliste, sau care pur si simplu nu se potriveau deloc nici cu personalitatea noastra, nici cu business-ul pe care urmeaza sa il desfasuram. Asa ca am facut un compromis: am ales unul care arata destul de bine (chiar si dupa mai multe modificari), care e usor configurabil si compatibil cu Joomla 1.5. Tema se numeste Sublime, si daca vreti sa vedeti cum arata in action, aruncati un ochi la noi pe site.

Sedinta noastra de Duminica Seara

Astazi, 2 Noiembrie 2008, noi, membrii echipei WebStyle, Ana, Catalina si Andrei, ne-am reunit pentru a continua procesul de proiectare si construire a site-ului nostru. Acest proces a debutat cu instalarea pe server a Joomla (tool de organizare a content-ului pt Interfete Web), cu cercetarea necesara folosirii lui, cu imaginatie si cautare...
Sedinta a fost o activitate placuta, in care a contat foarte mult faptul ca, la loc de cinste, au stat cooperarea, organizarea si amicitia.
In aceasta ambianta favorabila, am pus la cale si am indeplinit urmatoarele activitati:

1) am conceput structura site-ului.

Astfel, am decis sa folosim un meniu in partea de sus a paginii pentru a directiona utilizatorii catre articolele dorite.
Despre Companie - o scurta prezentare a firmei noastre, a scopului si obiectivelor noastre
Produse - o prezentare a produselor noastre
Blog - link catre blogul echipei noastre
Echipa - descrierea echipei - membri
Contact - lista contactelor firmei noastre.

In plus, am creat un meniu vertical (Meniu principal), avand aceeasi compozitie ca si meniul anterior prezentat, si, meniul Tehnologii si concepte - folosit pentru a structura informatiile despre tehnologiile utilizate in vederea crearii produselor noastre.

Meniul Tehnologii si concepte cuprinde articole despre tehnologiile de baza folosite astazi in domeniul Interfetelor Web, precum: XML, XHTML, PHP, MySQL, RSS, Javascript, XPath, XQuery, dar si despre utilitarul Joomla.

Panel-ul central de afisare a informatiei a fost reorganizat pentru o expunere mai relaxanta a articolelor, deci, mai placuta din perspectiva utilizatorului.

2)am convenit asupra regulilor de functionare a Joomla privind organizarea informatiei:
o sectiune include mai multe categorii,
o categorie include mai multe articole,
nu se pot sterge categorii/sectiuni nevide.

3)in plus, la selectarea unui anumit articol, am realizat adaugarea numelui acestuia in URL din motive de eficienta.

4)la sfarsit, am realizat impartirea sarcinilor pentru etapa urmatoare.
Voi mentiona ca se va lucra cu spor la editarea content-ului site-ului: la articolele meniului Tehnologii si concepte. Fiecare membru al echipei, Ana, Catalina, Elena si Andrei va contribui cu informatii in acest sens.

In plus, se va realiza backup-ul fisierelor bazei de date MySQL ce sustine aceste Interfete Web pentru a evita eventuale probleme critice de deteriorare a bazei (Andrei va lua atitudine).
Ana va adauga produse noi pe site, teme Web.
Catalina va aranja articolele intr-un mod logic si potrivit viziunii oferite de aplicatia noastra web.

Pana la urmatoarea sedinta, vom lucra si colabora pentru a ne implini target-urile propuse.

Pe curand, cu noi vesti!

On board

Happy to be on board :P

Start la Interfete Web

Am dat startul site-ului, la adresa http://interfete-web.clubcisco.ro şi al blogului de la adresa la care sunteţi (http://interfete-web-blog.blogspot.com).

În decursul zilei de astăzi vom mai cizela structura site-ului şi a blogului, pregătind terenul pentru toţi membrii echipei care vor contribui la dezvoltarea site-ului despre interfete web.

Stay tuned!