Interfete 4 Web - Carcoteala zilnica despre interfete web

MIrror: CItiti mailul Yahoo in Gmail

2009-04-15T10:09:00.000+03:00

Daca doriti sa renuntati la mailul de la Yahoo si sa treceti la GMail, sau doar sa cititi mailul de la Yahoo in casuta de mail GMail, cititi acest tutorial:
How to read Yahoo Mail in GMail

Mirror: Acces POP gratuit Yahoo Mail

2009-04-10T18:57:00.001+03:00

Picobit: Yahoo Mail free POP access

RO: Cititi mai sus despre cum sa activati accesul POP 3 gratuit pentru casuta de email de la Yahoo Mail, prin setarea continutului la Yahoo Asia. Este foarte simplu!

Mirror: Instalare ANT pe Ubuntu fara GCJ

2009-04-10T18:56:00.000+03:00

Picobit: Ubuntu Eclipse and Ant without GCJ

Al doilea utim post pe blog :)

2009-04-09T23:28:00.001+03:00

Am reusit sa imi pun pe picioare noul blog, acum sa vad cand o sa am timp sa il promovez cum trebuie...
pana atunci, puteti sa il cunoasteti pe picobit . :)

Ultimul meu articol pe blog

2009-04-03T23:25:00.004+03:00

Dupa cate vad, nu am timpul si nici vointa necesare pentru a continua seria de articole de pe acest blog. De aceea, o sa urez cititorilor o experienta placuta in blogosfera si ma voi retrage incetisor cater culcusul meu.

Pentru cine doreste, ma puteti gasi in continuare pe siteurile urmatoare:

LinkedIn - Profilul public al lui Dragos Sbirlea
CodeProject - Articole scrise de Dragos Sbirlea

Sper ca voi putea incepe si mentine un blog mai profesional decat acesta, in engleza, numai despre probleme de programare, design software, IT si Internet in general, la adresa http://picobit.wordpress.com/ .

Interfete cu Dumnezeu

2009-01-26T22:26:00.000+02:00

Intotdeauna am considerat ca existenta preotilor ca "interfete" cu Dumnezeu este unul din dezavantajele si inechitatile crestinismului. Relatia ar trebuisa fie tu-Dumnezeu nu tu-un_om-Dumnezeu.

Reclama asta, amuzanta cum e ea, imi sustine, zic eu, punctul de vedere.

Google - Interfete Web update

2009-01-23T18:54:00.000+02:00

Dupa terminarea proiectul IE s-a vazut diferenta intre modalitatile de SEO orientate pe termen scurt folosite de ceilalti si ce am facut noi:

blogul a ajuns primul rezultat in Google
siteul a ajuns pe pagina 2 si creste

Site-ul este pe pagina 3

2009-01-18T15:50:00.003+02:00

Pentru ca inca am ramas cu reflexul de a cauta site-ul dupa interfete web pe Google am facut si astazi o cautare. Am fost placut surprinsa ca dupa 1 saptamana de la terminarea proiectului site-ul nostru a avansat de pe pagina 5 pe pagina 3 (chiar a 3a intrare).

Eu imi propun sa contribui in continuare la continutul de pe site asa ca va invit sa reveniti din cand in cand sa vedeti ce mai e nou

Ce am invatat ca PM din proiectul la IE

2009-01-15T15:50:00.003+02:00

Sunt cateva lucruri pe care le-am invatat cu ocazia proiectului la IE si pe care le consider importante pentru mine ca membru al unei echipe (de programatori sau orice altceva) si mai tarziu ca project manager (sper eu, curand :) ). Lucrurile astea, cate am identificat pana acum, sunt:

Unii oameni au nevoie de micromanagement
Cand lucrezi cu oameni mai putin motivati ca tine sau mai putin cunoscatori pur si simplu, e nevoie sa le dai indicatii clare, detaliate la maxim despre fiecare task.

Nu ai voie niciodata sa pierzi din vedere lucruri
M-am concentrat prea mult pe blog, unde am organizat activitatea (si a iesit bine, munca a fost repartizata ok, ritmul a fost constant, lucrurile s-au facut din timp) sia sta s-a vazut la site, care a trebuit pus pe piciaore ca lumea in ultima parte a proecitului si din lipsa de timp lucrurile nu au mers asa cum ne-am dorit . (A fost o incurcatura cu parola de la site, pe care nu am rezolvat-o in timp util.) Nu trebuia sa uit ca si siteula re o amre aprte din punctaj.

Nu trebuie sa faci lucrurile tu, e mai bine sa le delegi pentru o impartire uniforma a taskurilor
Am lucrat prea mult la blog singur si nu am specificat organizarea pentru lucrul al site din timp si corect. M-am bazat prea mult pe autoorganziarea unei subechipe cand trebuia sa specific clar ce e de facut, cand si cum se face, deoarece asta era treaba mea. Timpul petrecut cu "ingrijitul" blogului ar fi fost petrecut mai bine descoperind noi strategii pentru site si blog.

Fa lucrurile ca si cum timpul alocat ar fi jumatate din cat ai
In cazul nostru nu era posibila chestia asta, deoarece avem prea multe alte teme, dar ideea conteaza; altfel se ajugne la intarzieri din cauza ca apar prea multe necunsocaute, mai ales cand nu ai experienta pe tehnologiile cuc are lcurezi.

Modelul de dezvoltare prototip este bun cand esti incepator
Nu am stiut ce tehnologii sa folosim pentru site. Inital am ales Google Sites, dar am constat ca nu e destul de flexibil ca aspect acest serviciu. L-am aruncat (bine) si am ales altul: CMSul e107(nu foarte bine). Acesta a rezolvat problema cu designul, dar a introdus doua noi: dependenta de un server (care a produs ceva probleme ) si lipsa unor modalitati de SEO importante (nume custom pentru URLurile siteului). Ne-a costat putin, cred eu, a doua problema care nu a aparut in lista de taskuri macar, deoarece era prea tarziu sa mai facem ceva cand mi-am dat seama de ea.
Radacina problemei a fost ca nu am stiut ce sa cautam la un CMS, din cauza lipsei de experienta. Ar fi fost nevoie de inca o aruncare de prototip pe geam pentru rezultate optime.

Da deadlineuri multe si corespunzatoare
Un task fara deadline = 0. (Poate cea mai importanta invatatura :) )

Voi mai adauga aici concluziile care imi vin in minte, sper sa imi ramana infipte bine acolo ca sa le folosesc la proiectul urmator. Rezultatele au fost foarte bune acum, dar sunt si lucruri de invatat pe care nu e bine sa le uit, ca sa iasa si mai bine.

Prezentarea finala

2009-01-14T13:16:00.002+02:00

Interfete4 Web

View SlideShare presentation or Upload your own. (tags: web interfete)

Una din cele mai proaste interfete web ale anului 2008

2009-01-13T22:18:00.000+02:00

Direct de pe siteul sugestiv intitulat webpagesthatusck, vineeeeee... cea mai proasta dintre interfetele web ale anului 2008!

Enjoy!

Pagina de Google a unui SEOist

2009-01-13T20:33:00.002+02:00

V-ati intrebat vreodata cum arata pagina de Google a unui SEOist? Nici eu :), dar, pentru ca am fost pus in pozitia asta (de SEOist), uitati cum imi arata Google:

Pluginul vinovat se numeste SEOQuake si s-a dovedit foarte util la proiectul cu interfetele web deoarece mi-a permis sa identific "tendintele" Google: ce pagini apar, unde intra, etc. In plus, usureaza analiza densitatii cuvintelor cheie pentru care optimizezi - iti arata densitatea tuturor cuvintelor din pagini, tuturori perechilor de cuvinte, etc.

Comunicare prin bancuri

2009-01-13T15:00:00.000+02:00

Unul din bancurile mele preferate, nascut totusi dintr-un sentiment care nu ar trebui sa mai existe in zilele noastre:
La o scoala in Cluj, invatatoarea de la clasa a doua vine dupa pauza mare si ii intreaba pe copii:
- Ce ati facut in pauza?
Gigel, care era mai rasarit, ridica mana:
- Eu m-am jucat in cutia cu nisip.
Invatatoarea, ca sa dea un exemplu ce bine este sa inveti bine si constant spune:
- Brava Gigel, daca scrii frumos pe tabla fara greseala cuvintul nisip, poti pleca azi cu doua ore mai repede acasa.
Gigel merge la tabla si scrie frumos si caligrafic cuvintul NISIP fara greseala.
- Bravo Gigel, poti sa pleci azi cu doua ore mai repede acasa - spune invatatoarea.
Acuma se intoarce invatatoarea catre Petrica si il intreaba:
- Tu, Petrica, ce ai facut in pauza?
- Eu m-am jucat cu Gigel in cutia cu nisip!
- Perfect, daca scrii frumos pe tabla cuvintul cutie poti pleca si tu cu doua ore mai repede acasa.
Merge si Petrica la tabla si scrie frumos si ingrijit cuvintul CUTIE, absolut fara greseala.
- Bravo Petrica, si tu poti pleca astazi cu doua ore mai repede acasa.
Intr-un sfarsit, se intoarce invatatoarea catre Janos, si il intreaba si pe el:
- Tu, Janos, ce ai facut in pauza?
- Eu vrut joci si el la baietii cu nisip, dar ei nu fost draguti la Janos si spune: "merge in p... de bozgor"!
- Vai, dar asta este o discriminare a unor minoritati nationale cu influente negative asupra psihicului unui copil.
Daca scrii frumos pe tabla "discriminare a unor minoritati nationale cu influente negative asupra psihicului unui copil" poti si tu sa pleci cu doua ore mai repede acasa...

Interfetele pleonasm

2009-01-12T23:02:00.000+02:00

"Daca instalezi Java, vei putea experimenta puterea Java."

Dar nu spune niciunde ce este asta Java (marca de cafea?) ...desi apare cuvantul de 6 ori.

Cum spune Joel: chiar daca ai spatiu in interfata, nu trebuie sa il umplii daca nu stii ce sa scrii acolo. :)

Via Joel On Software.

Interfata Hitler

2009-01-12T22:50:00.001+02:00

De pe XKCD.

Comunicare in slujba vanzarii

2009-01-12T22:00:00.000+02:00

Clipul a fost facut mai demult, cand oamenii inca mai credeau ca aspiratorul care e adus de cineva la usa e mai bun decat aspiratorul din magazin.
Stau si ma intreb daca practica mai este de actualitate...

Search Engine Blacklist

2009-01-12T17:33:00.005+02:00

Motoarele de cautare care cauta sursele de redirectare (spam) parcurg interfete web in cautare de URL-uri care redirecteaza (si le grupeaza dupa domenii de redirectare comune), simuleaza click-urile utilizatorului pentru a descoperi redirectarile ascunse de crawlere web si cauta inclusiv URL-uri care apar des in comment-uri pe forumuri.

Aceste URL-uri pot ajunge intr-un Blacklist al motoarelor de cautare. Pentru a evita aparitia intr-un backlist, a paginii cu reclame spammerii introduc 2 layere: primul layer reprezinta URL-ul pe care se da click si care apare ca rezultat la un search (doorway pages) si al-2-lea e reprezentat de domeniul catre care se redirecteaza in momentul in care utilizatorul accseaza primul link (aflat sa zicem intr-un comment - redirection domains).

Oare dupa cate comment-uri cu link-uri catre un site ajunge acel link in Blacklist:D?

blogspot.com sursa majora de spam

2009-01-12T14:25:00.005+02:00

Astazi m-am apucat de referatul la CI si printre articole am citit si acesta: Spam Double-Funnel: Connecting Web Spammers with Advertisers. M-am gandit ca ar fi interesant sa postez concluziile acestui research tinand cont ca si noi suntem gazduiti de blogspot.com

"For Layer #1 – doorway domains, we showed that the free blog-hosting site blogspot.com had an-order-of-magnitude higher
spam appearances in top search results than other hosting domains in both benchmarks, and was responsible for about one in every four spam appearances (22% and 29% in the two benchmarks respectively, to be exact). In addition, at least three in every four unique blogspot URLs that appeared in top-50 results for
commercial queries were spam (77% and 75%). We also showed that over 60% of unique .info URLs in our search results were spam, which was an-order-of-magnitude higher than the spam percentage number for .com URLs.

For Layer #2 – redirection domains, we showed that the spammer domain topsearch10.com was behind over 1,000 spam
appearances in both benchmarks, and the 209.8.25.150~209.8.25.159 IP block where it resided hosted multiple major redirection domains that collectively were responsible for 22-25% of all spam appearances. We also observed that the majority of the top redirection domains were syndication-based, serving text-based ads-portal pages.

For Layer #3 – aggregators, we presented the surprising finding that two IP blocks 66.230.128.0~66.230.191.255 and 64.111.192.0~64.111.223.255 appeared to be responsible for funneling an overwhelmingly large percentage of spam-ads clickthrough
traffic. In our study, we easily collected over 100,000 spam ads that were associated with these two IP blocks, including many ads served by non-redirection spammers as well. These two IP blocks occupy the “bottleneck” of the spam double-funnel and may prove to be the best layer for attacking the search spam
problem.

For Layer #4 – syndicators, we discovered that a handful of ads syndicators appeared to serve as the middlemen for connecting advertisers with the majority of the spammers. In particular, the top-3 syndicators were involved in 59-68% of the spam-ads clickthrough redirection chains that we sampled. By serving ads on a
large number of low-quality spam pages at potentially lower prices, these syndicators could become major competitors to main-stream advertising companies who serve some of the same advertisers’ ads on search-result pages and other high-quality, non-spam pages.

For Layer #5 – advertisers, we showed that even well-known websites’ ads had significance presence on spam pages. Ultimately, it is advertisers’ money that is funding the search spam industry, which is increasingly cluttering the web with lowquality content and reducing web users’ productivity. By exposing the end-to-end search spamming activities, we hope to educate users not to click spam links and spam ads, and to encourage advertisers to scrutinize those syndicators and traffic
affiliates who are profiting from spam traffic at the expense of the long-term health of the web."

Bataie

2009-01-12T14:17:00.002+02:00

E mare bataie in Google, la cautarea dupa interfete web. Top 10 se schimba zilnic. Putina concurenta nu astrica nimanui, dar problema e ca e o mare posibilitate ca topul final sa nu contina siteuri dezvoltate durabil, adica multe din ele ajung acolo datorita "impulsului" primit by default de la Google, imediat dupa aparitia siteului respectiv.

Problema XPath @

2009-01-12T11:01:00.004+02:00

Am primit un comment interesant la articolul XPath de pe site scris de Alina:
" Problema pe care eu am avut-o cu @ este ca, daca valoarea unui atribut este "myself@mydomain.com" sau orice altceva ce contine "@" se strica totul si un parser de XPath are comportament impredictibil."

Ca o solutie pentru aceasta problema ar fi escaparea caracterelor speciale inainte de interpretarea XPath. Adica o cautare dupa caracterul @ si crearea unui fisier XML temporar cu caracterul inlocuit care va fi interpretat de XPath.

Daca cineva are o solutie mai eficienta sa posteze aici sau sa comenteze articolul despre XPath

Interfete Web pentru site-uri de presedintii

2009-01-12T08:00:00.001+02:00

O sa vorbesc un pic despre site-urile institutiilor unde lucreaza cei care sunt oficial conducatorii statelor in zilele noastre.

Site-ul casei albe este cam ce as putea numi un site perfect. In primul rand, este foarte bine "aranjat in pagina", fara margini nelalocul lor. Are informatie destula, scrisa totusi cu litere mici, sa te forteze sa o citesti doar daca realmente crezi ca esti interesat. Cel mai important element din pagina este poza predominanta, asezata in josul jumatatii de sus a fiecarei pagini. Sunt peste tot poze foarte bine alese, si probabil ca cei mai multi care viziteaza site-ul nu se uita pe altceva decat pe aceste poze centrale.
Site-ul cancelarului german este placut la vedere si cam insuficient la continut. Ilustreaza pana la urma exact spiritul german, acela al omului practic, neatent la "reclame". Se gasesc pe el biografiile cancelarilor contemporani, cateva activitati importante si cam atat. Este relaxant de citit, probabil ca in 2 ore poate fi memorat in totalitate. De remarcat insa ca atentia vizitatorilor site-ului este atrasa catre citirea continutului, nu catre poze. E bine ca iti poti alege limba de vizitare, insa mai nasol e ca optiunea e pusa in text, nu ca steag al tarii.
Site-ul presedintiei romaniei imi place si nu prea. In primul rand, numele nu este deloc patriotic (scris in engleza... bine ca macar domeniul e .ro). Apoi, este foarte bine ca ni se ofera optiuni de vizitare a site-ului in engleza si franceza, mai nasol e ca la click pe optiuni ni se spune ca inca se lucreaza la traducere... Ideea intr-un site web ar fi sa furnizezi acces la continut cand acesta e valabil. Tematica de culori iar nu imi place, e mult mai misto facut site-ul PNL de exemplu. Steagul ala miscator mai bine ar fi static si ceva mai flashy. Un lucru care imi place totusi sunt paginile cu biografia presedintelui si cu datele despre tara noastra.

Ca o concluzie, avem 3 site-uri si 3 idei: putere, spirit practic si romantism.

Bigger Longer & Uncut - ce mai e nou pe site

2009-01-11T18:29:00.005+02:00

Pentru cei care intra mai rar (sau deloc) pe site-ul nostru de interfete web acum este momentrul sa-l viziteze din nou.

Acum ceva timp am discutat despre Interfete web cu wiki, forum, blog si chat si am explicat de ce ar fi bine ca o interfata web sa contina si aceste intrumente web (sau macar o parte). De astazi avem integrat si la noi pe site un forum unde puteti discuta articolele, laboratoarele, temele si sa puneti intrebari legate de continutul site-ului.

Am activat si un plugin de content management unde am mutat paginile cu articole pentru a usura gestionarea, parcugerea si cautarea articolelor.

Am pus si 2 poll-uri la care va rugam sa raspundeti pentru a ne ajuta sa imbunatatim continutul site-ului. Ne intereseaza unde credeti ca ar fi mai bine sa plasam pe site temele si laboratoarele si daca ar fi utila adaugarea unui chatbox

Daca aveti probleme cu organizarea site-ului puteti sa va uitati la sitemap sau sa utilizati plugin-ul de search.

Interfete web prin care inveti engleza

2009-01-11T12:46:00.002+02:00

Acum ceva vreme, am descoperit reclama aceasta, care mi se pare mai mult decat geniala.

De fiecare data cand imi aduc aminte de ea nu imi pot opri un zambet.

Si totusi, azi, daca vrei sa inveti engleaza nu e nvoie sa faci mare lucru, cu atatea siteuri disponibile ca sutsa de invatare. Sa analizam cateva siteuri care isi propun sa te invete engleza, din punctul de vedere al interfetei web oferite.

1. http://www.learnenglish.de/

Ofera o interfata simpla, fara imagini si chiar culoare de fundal, in stil nazist chiar. Pagina principala are o multime de linkuri , in fucntie de perspectiva din care vrei sa inveti engleza.

2. http://www.learnenglish.org.uk/

Siteul, sprijinit de British Council, are o interfata simpla, dar intr-un stil "ingramadit", caracteristic tuturor siteurilor British Council, care mie imi displace. Verdele de fundal iti cam omoara ochii.

3. www.1-language.com/

Pe primul lo ca capitolul "irosirea spatiului de pe ecran" se afla aceasta interfata web. Clasic exemplu de lucru care nu ar terbuis a fie acolo, dar este: cuplul de oameni zambitori. Din punct de vedere al continutului siteul se remarca prin oferirea de continut si pentru profesorii de engleza.

Laboratoare si teme pe site

2009-01-10T21:16:00.003+02:00

Am inceput sa punem pe site laboratoarele si temele pentru interfete web. Momentan avem o problema cu upload-ul de fisiere deci rezolvarile vor fi temporar in format text.

Acum puteti gasi rezolvarile pentru:
- Javascript
- XSL
- XML Schema
- RDF, OWL
- Search cu highlight

Interfete Web pentru site-uri de bijuterii

2009-01-10T13:00:00.002+02:00

O alta pasiune a mea sunt pietrele pretioase, precum si formele pe care acestea le iau in bijuterii.
Voi analiza mai jos cateva interfete web de site-uri dedicate bijuteriilor.

Site-ul acesta este creat in mod evident de un pasionat de pietre pretioase, fara intentia de a vinde acele pietre prezentate. Este o pagina plina de informatii interesante atat despre pietrele pretioase celebre, cat si despre metalele din care se confectioneaza in general bijuteriile. Este cred cea mai usor de parcurs pagina pe care o cunosc, si frumusetea sta in faptul ca este scrisa in cel mai pur cod html in spate, fara folosirea de editoare "super-specializate" si "moderne". Este de asemenea o lectura deosebit de placuta, cred ca asa ar trebui sa arate orice pagina de informatii pe o anumita tema.
Unul din site-urile de bijuterii romanesti arata de asemenea impecabil. Este un site organizat frumos, cu meniu pe lateral. Textul nu e prea lat (e usor si rapid de citit din acest motiv) si furnizeaza multe informatii utile. Este afisat si pretul la bijuterii, iar cumpararea se face la magazinul fizic (e si nerecomandat de altfel sa se cumpere bijuterii de pe internet).
Tiffany este probabil cel mai cunoscut magazin de bijuterii american. Site-ul se ridica la nivelul asteptat, are meniu orizontal, si este in principal orientat pe furnizarea exact a detaliilor necesare cumpararii unei bijuterii. Nu se gasesc prea multe informatii pe langa, daca esti interesat sa stii detalii despre pietre mai mult decat doar numele lor, este bine sa apelezi la cele 2 site-uri de mai sus.

Cam atat despre bijuterii, recomand admirarea bijuteriilor de peste 500000$ de pe Tiffany's precum si a diamantelor celebre din primul site.

Interfete grafice versus interfete text

2009-01-09T20:56:00.006+02:00

Interfaţa în linie de comandă	Interfaţa grafică
*Avantaje:* Permite scrierea clară şi explicită a comenzilor, cu toţi parametrii bine definiţi Oferă flexibilitate în utilizare Comunicarea cu sistemul de operare se face rapid şi eficient *Dezavantaje:* Operatorul trebuie să cunoască bine comenzile şi efectele lor Interfata este mai greu de utilizat de către neprofesionişti	*Avantaje:* Este intuitivă şi uşor de folosit Poate fi utilizată şi de către neprofesionişti Creează un mediu de lucru ordonat Permite crearea şi utilizarea de aplicaţii de complexe, precum şi integrarea acestora în medii de lucru unitare *Dezavantaje:* Anumite operaţii legate, de exemplu, de configurarea sistemului pot să nu fie accesibile din meniurile şi ferestrele interfeţei grafice Interfaţa ascunde anumite detalii legate de preluarea şi execuţia comenzilor Foloseşte mai multe resurse şi este mai puţin flexibilă decât interfaţa în linie de comandă

Interfaţa în linie de comandă

Interfaţa grafică

Avantaje:

Permite scrierea clară şi explicită a comenzilor, cu toţi parametrii bine definiţi
Oferă flexibilitate în utilizare
Comunicarea cu sistemul de operare se face rapid şi eficient

Dezavantaje:

Operatorul trebuie să cunoască bine comenzile şi efectele lor
Interfata este mai greu de utilizat de către neprofesionişti

Avantaje:

Este intuitivă şi uşor de folosit
Poate fi utilizată şi de către neprofesionişti
Creează un mediu de lucru ordonat
Permite crearea şi utilizarea de aplicaţii de complexe, precum şi integrarea acestora în medii de lucru unitare

Dezavantaje:

Anumite operaţii legate, de exemplu, de configurarea sistemului pot să nu fie accesibile din meniurile şi ferestrele interfeţei grafice
Interfaţa ascunde anumite detalii legate de preluarea şi execuţia comenzilor
Foloseşte mai multe resurse şi este mai puţin flexibilă decât interfaţa în linie de comandă

Comparatia este luata de pe siteul de cursuri Universitatii Tehnice din Timisoara, pe care l-am descoperit de vreo doi ani si il consider o resursa geniala pentru un calculatorist, chiar si din Poli Bucuresti.

Interfete web cu navigatie proasta

2009-01-09T20:38:00.002+02:00

Interfete web proaste sunt peste tot. Multe siteuri au probleme cu designul, dar si mai multe cu logica intefetei web pe care o ofera. Parca numarul de probleme posibile este nesfarsit.

Cea mai mare problema care ma enerveaza pe mine este navigatia proasta (sau, in unele cazuri, virtual inexistenta). Daca nu pot sa ajung unde vreau in mod intuitiv, mai bine schimb siteul. Am gasit un articol interesant despre cate moduri poti "busi" navigatia in interfata web pe care o creezi, la aceasta adresa.

Observati si lista mare de probleme care "bantuie" interfetele web moderne, aflata in partea dreapta a siteului.

PS: Dupa ce am stat multe saptamani pe locurile 3-4 in Google, brusc am sarit pe pagina doi. Life is tough. Am reparat cat ai clipi, dar nu imi place situatia.

Punctulet si Steluta

2009-01-08T18:40:00.003+02:00

Tastele de pe o tastatura se hotaresc sa faca o petrecere. Suparate pe Punctulet iau decizia sa nu-l invite.
Punctuletul, iritat, sta, se gandeste ce sa faca, si se hotareste sa se duca la petrecere.
Semnul exclamarii il vede si-i zice:
- Tu esti Punctulet!!! Ce cauti aici?!?!
la care acesta ii raspunde:
- Nu, nu sunt Punctulet sunt Steluta, dar mi-am dat cu gel!

Asa si in interactiunea prin interfete web. Nimeni nu este cine pare a fi, dupa cum vedem aici si aici.

Bug - Nu se pot incarca imagini in Blogger in Draft

2009-01-08T00:47:00.006+02:00

Am incercat sa uploadez o imagine din panoul de editare Blogger in Draft si nu a mers timp de jumatate de ora, dupa care m-am plictisit.

Workaround 1: Folositi alt hosting pentru imagini, gen Picasa Web Albums.
Workaround 2: Reveniti la panoul de control Blogger classic pentru postarea respectiva.

Daca nu ar fi stelutele de rating si celelalte facilitati, as renunta complet la beta perpetuu asta... De fapt, m-as muta pe Wordpress. Blogger e singurul produs Google de mana a doua, dupa mine.

Limba de lemn in siteuri, The Old New Thing si bloggingul

2009-01-06T18:05:00.004+02:00

Ce ma enerveaza pe mine la paginile web ale firmelor romanesti este limba de lemn. Se lauda oamenii astia in cel mai comunist stil posibil, cu niste cuvinte bombastice de nu se poate. Ma pufneste si rasul si de fiecare data cand vad un exemplar din asta imi aduc aminte de articolul acesta de pe unul din blogurile mele preferate - cel al lui Raymod Chen, intitulat The Old New Thing.

Articolul povesteste despre varianta lor (americana) de limba de lemn care, in lipsa comunistilor si a tipului de limbaj impantenit de acestia, este creata de management. Un user cu mult simt al umorului si ramas anonim si-a imaginat urmatoarea replica, pe care Raymond o foloseste ca subtitlu pentru blogul sau:

"not actually to establish a blogging point where individuals can enrich their learns on facilitating and leveraging .NET-related activities most effectively"

Replica face apel la doua aspecte. Primul este ca blogul lui nu are scopul de a prezenta un API normal ca cel de .NET, nu e orientat pentru cresterea productivitatii ci este un blog de curiozitati de programare si pentru profesionisti (geeks). A doilea aspect subliniat este ca Raymond are un blog de succes si in acelasi timp isi permite sa incalce una din regulile din blogging: nu are consistenta in alegerea subiectului prezentat, amestecand viata personala si intamplarile din Seattle cu probleme foarte foarte tehnice.

La fel facem si noi, aici pe blog, amestecam subiectele. In general lucrul asta aste rau, pentru un blogger, deoarece nu isi poate crea o masa de utilizatori fideli in acest mod. Totusi, pentru noi, erau doua optiuni. Prima - sa facem un blog tehnic, despre interfete web, care sa fie plictisior si sa poata beneficia de un numar de vizitatori restrans deoarece majoritatea designerilor si programatorilor web prefera bloguri tehnice in engleza, create de oameni cu mult mai multe cunostinte si care au mai multe lucruri de spus in urma unei experiente indelungate. Probabil am fi fost envoiti la un moment dat sa inchidem comentariile din cazua numarului infim de raspunsuri (cum s-a intamplat cu concurenta directa) si comunitatea ar fi fost egala cu zero.

Am ales in schimb varianta mixta in care siteul ramane locul pentru articole despre interfete web strict si blogul este un mediu de suport pentru comunitate si un loc de exprimare cat de cat libera pentru noi. Credem ca ce am realizat se apropie mai mult de notiune de blog adevarata si rezultatele par sa confirme acest lucru. (Aceiasi cititori comenteaza si articole tehnice si non-tehnice, deci le citesc pe amandoua, nu ii plictisim cu vreun tip de articole. In plus, avem cele mai multe comentarii, suntem blogul cu cei mai multi vizitatori, etc)

Am scris postul asta deoarece am primit de la un anomim nemultumit intrebarea "Ce legatura are subiectul asta cu blogul vostru? Nu va ajuta la scopul blogului, ce cauta asta aici!". Ei bine, draga anonimule, nu trebuie sa ne ajute cu nimic un blog-post, scriem de placere despre ce ne intrereseaza pe noi, are legatura cu noi si place vizitatorilor (apreciere manifestata prin numarul de comentarii si rating, ca doar de asta sunt acolo), nu numai cu interfetele web, ca sa iesim "sus in Google". Procentul de articole despre subiecte tehnice (siteuri, web, tehnologii) l-am mentinut la peste 60-70% (la inceput, chiar mai mult, aproape 100%) si credem ca este destul.

Gata, am scris deja prea mult, ma opresc!

Momente unice

2009-01-06T00:15:00.002+02:00

Cum sunt fanul fazelor amuzante, prezint o scena pe care Bush probabil ca a asteptat-o sa se intample inca din 2001...

Si fiindca nimic celebru nu ramane neparodiat, aici e o urmare demna de atentie:

Everest: Beyond the Limit

2009-01-04T22:22:00.006+02:00

Intr-un post anterior Alina a vorbit despre un documentar interesant si cum e iarna si asta ne duce cu gandul la zapada m-am gandit sa vorbesc si eu despre documentarul Everest: Beyond the limit.

Documentarul urmareste in doua sezoane incercarile mai multor alpinisti de a cuceri Everestul. Expeditiile sunt conduse de Russell Brice, imaginile sunt filmate cu camere speciale dintre care unele montate pe castile serpasilor iar alpinistii sunt coordonati din Base Camp cu ajutorul unui telescop si al statiilor.

Printre lucrurile spectaculoase sau dramatice prezentate in documentar se numara ascensiunile unui alpinist cu ambele membre inferioare amputate Mark Inglis, a unui asmatic Morgen Jensen dar si moartea controversata a lui David Sharp la 8500 de metrii altitudine, in timp ce alti 40 de alpinisti au trecut pe langa el doar cu gandul de a cuceri Everestul si nu de a ajuta un alpinist in dificultate.

Interfete web pentru shopping

2009-01-03T23:37:00.002+02:00

Acum cateva zile lira sterlina a ajuns sub euro (acum e 4,1) si m-am gandit ca acum ar fi un moment bun de shopping online in lire. Cum haine e mai complicat sa cumperi de pe net :P macar electronice, jocuri sau carti care nu se gasesc pe la noi tot se pot cumpara. Pentru inceput cine a luat salariul poate intra pe aceste interfete web de shopping:

www.amazon.co.uk
www.thehut.com

Viata dupa umanitate

2009-01-03T21:03:00.000+02:00

Fara absolut nici o legatura cu interfetele web despre care scriem de obicei, a aparut un documentar History Channel care trateaza problema evolutiei Pamantului dupa disparitia oamenilor. Pentru mine cel putin, a fost foarte interesanta urmarirea lui; un rezumat, luat de pe blogul lui Radu Boncea prin care am aflat de aparitia documentarului, este urmatorul:

6 ore AH (after humans): electricitatea incepe sa cada odata cu inchiderea automata de siguranta a centralelor electrice pe baza de combustibil fosil, in lipsa monitorizarii umane. Acest este inceputul unei reactii in lant care duce la avarii masive in sistemele de transport al curentului electric, intr-un final ducand la inchiderea automata a centralelor nucleare si pornirea generatoarele diesel pentru racirea materialului fisionabil.
1 zi AH: in lipsa curentului electric pompele de evacuare a apei din tunelurile din New-York nu functioneaza, acestea fiind inundate. Zeci de mii de fabrici de productie a unor gaze periculoase explodeaza, milioane de tone de gaze toxice fiind evacuate in atmosfera.
5 zile AH: animalele de casa, caini, pisici dar, animalele din gradinile zoologice dar si animalele din ferme sunt nevoite sa evadeze pentru a putea supravietuii. Strazile oraselor devin adevarate terenuri de vanatoare. Rasele de caini create de om nu au nici o sansa reala de supravietuire.
10 zile AH: combustibilul fosil folosit de generatoarele diesel de racire a materialului radioactiv se termina. Peste 800 de reactore nucleare explodeaza in lumea intreaga, nori uriasi de gaze radioactive inconjoara planeta. Pe arii mari solul devine radioactiv si viata dispare in aceste regiuni.
1 luna AH: fulgerele declanseaza incendii masive, orasele incep sa arda, incendiile vor dura ani de zile. Casele arse vor genera nitratii necesari plantelor pentru a se dezvolta. Germenii vietii incep sa rasara in fiecare ungher al marilor orase.
6 luni AH: micile vietati salbatice care in mod normal nu sunt vazute in oras isi fac simtita prezenta. Sistemul de canalizare din orase este colmatat. Strazile devin paraie, bulevardele rauri. Fundatiile cladirilor incep sa fie puternic erodate.
1 an AH: caprioare, ursi, lupi invadeaza orasele. Ultimele semnale radio emise de om cu un an in urma si care au strabatut un an lumina se estompeaza si devin fundal al zgomotului alb. La 5 ani lumina de planeta noastra nu se mai pot distinge semnale radio de pe Pamant.
5 ani AH: strazile sunt deja acoperite de vegetatie. Cladirile sunt napadite de iedera. Majoritatea animalelor domestice modificate genetic de om au disparut fiind incapabile sa se adapteze. Animalele salbatice prospera. La sud de Washington animalele de prada precum lei sau tigrii sunt intr-un boom demografic. Sud-vestul Statelor Unite devine un imens desert in lipsa irigatiei.

Avem si Pagerank mediu!

2009-01-03T20:19:00.000+02:00

Ca tot m-am intors din vacanta, am remarcat ca in google webmaster tools a aparut o schimbare: avem si pagini cu page rank mediu.

See for yourself:

Nu sunt foarte multe, dar sunt - ceea ce inseamna ca suntem pe calea cea buna catre "raiul" interfetelor web :P.

Google Pagerank update ianuarie 2009

2009-01-03T19:36:00.001+02:00

Anul nou ne-a adus un update in Pagerank de la Google. Deoarece nu cred ca sunt multi cititori care sa nu fi auzit de pagerank pana acuma (subiectul a fost dezbatut pe mai toate blogurile si siteurile participantilor la cursul de IE) nu o sa mai descriu aici ce este acela PageRank (PR). O sa dau un link la wikipedia care explica notiunea insa, pentru cititorii minoritari :P.

Modul recomandat de verificare a pagerank este de a folosi Google Toolbar pentru browser-ul tau, dar, cum noua nu ne place sa pierdem din spatiul limitat de pe ecran cand stam pe net, nu folosim acest toolbar. Folosim in schimb Rank-Up.ro care este o alternativa foarte buna pentru calea oficiala si care ofera si alte date utile pentru analiza SEO a blogului/siteului tau.

Sa nu mai lungesc vorba si sa prezint rezultatele: avem un PR de 5. Ultimul update, din Noiembrie 2008, ne-a trecut de la N/A la 0. Saltul acesta, direct la PR 5 reprezinta o recunoastere a muncii noastre la acest blog si ma bucura foarte mult, avand in vedere ca nimeni din concurenta pe care am verificat-o (prima pagina din Google) nu se apropie macar de PR 5 (nu este nimeni cu PR 4!).

Luand in considerare ca un blog recunoscut ca zoso.ro (autorul in imaginea alaturata) are PR 5, si ca noi am realizat treaba asta in mai putin de 3 luni, eu zic ca e o realizare buna.

Ce sunt interfetele web?

2009-01-03T10:53:00.002+02:00

Deoarece nu am gasit nici un raspuns la aceasta intrebare si nici Google nu mi-a raspuns la queryul de tip define corespunzator, am incercat sa gasesc o definitie in engleza. Singura definitie disponibila, chiar si in engleza este pe wikipedia (care ne redirecteaza direct la articolul despre interfete utilizator).

Voi incerca mai jos sa ofer o definitie in romana a interfetelor web:

interfata web

Interfata utilizator, cunoscuta de asemenea ca interfta om masina, este compunerea de metode prin care oamenii - utilizatorii - interactioneaza cu un system - o masina, device, program aflat la distanta, folosind internetul. Interfata web ofera posibilitatea de:

introducere input, permitand utilizatorilor sa manipuleze sistemul
output, permitand sistemului sa produca efecte asupra inputului oferit de utilizatori.

interfete web

Interfete utilizator care permit interactiunea cu un sistem prin intermediul ~~internetului~~ World Wide Web.

PS: Ultimile cateva posturi au fost publicate automat, eu fiind in afara tarii de sarbatori. De azi voi publica "live" si chiar voi putea raspunde la comentarii :D

Rata de postare si pozitia in Google

2009-01-02T21:45:00.002+02:00

Acum, ca am inceput sa postez mai des, imi dau seama cat de importanta e rata de postare intr-un blog pentru pozitia acelui blog in Google.

Sa postezi constant e important, da, dar e important si sa postezi MULT. Am crescut cu 3 locuri de doua zile de cand am inceput sa scriu asa des.

Daca o tin tot asa stiu unde o sa fim plasati :

Si in Romania la fel :D

Cine a inventat XMLul...

2009-01-01T12:40:00.003+02:00

a fost baiat destept. Wikipedia zice ca XML e standard, dar nu stie cine e "autorul" acestuia. Adica cine l-a imaginat prima oara, cine a venit cu ideea.

Nu reusesc sa gasesc un tip de program in care sa nu se poata dovedi util xmlul.

De la formatele Office 2007 la temele pentru telefone Nokia si chat online, peste tot e XML....

Nou browser de la Mozilla

2009-01-01T03:46:00.001+02:00

Corespondentul browserului Firefox, dar pentru dispozitive mobile, este Fennec.

A doua versiune alpha a Fennec a aparut de curand, asa cum aflam de pe ArenaIT.

Deoarece am exporat semnificatia numelui Firefox, sa vedem ce aflam despre Fennec.

Fennecul este o specie de vulpe ce traieste in Nordul Africii. Caracteristica aspectului sau este prezenta urechilor mari. Este singura specie de vulpe care poate fi tinuta ca animal de casa si care nu este solitara (de unde a aparut controversa ca de fapt, nu ar fi vulpe:) ).

Care e treaba cu mingea de tenis in ingradirea apartinand Fennecului de la gradina zoologica din Stuttgart?! (poza de pe wikipedia)

La multi ani!

2009-01-01T00:00:00.001+02:00

Mircea Badea despre Hi5

2008-12-31T04:51:00.004+02:00

Ca tot am scris despre Pericolul Hi5, sa vedem ce parere are Mircea Badea despre chestia asta:

Ce imi place la interfeta web Blogger in Draft

2008-12-31T00:38:00.004+02:00

...este ca foloseste in ecranul de admin, AJAX.

Dai click pe numele unui post si iti arata un fragment din el (e drept, fara imagini...).

Este dragut, stau si ma joc cu chestia asta de placere. :)

Navigatia pe web folosind tastatura

2008-12-30T12:26:00.001+02:00

De curand am dat peste un post pe Coding Horror (un site mai mult decat recomandat programatorilor) care discuta problema navigatiei cu tastatura in formularele online. Autorul analiza acolo o greseala facuta de programatorii de la ebay.

Problema de fapt este ca genul asta de greseli sunt peste tot. Pe mine personal, m-a deranjat chestia asta pe siteurile de torrente romanesti (rsr si iplay).

E bine ca ne invata cursul de IE si cum sa avem grija la tab-order.

Consistenta in interfete

2008-12-30T00:15:00.003+02:00

Cautam acum cateva zile prin Control Panel din Vista o optiune si mi-a luat ani intregi :) sa o gasesc. De ce? Pentru ca la feicare vesiune a sistemului de operare Windows, Microsoft se gaseste sa schimbe lucruri care functionau, stricand consistenta.

Consistenta interfetelor are doua aspecte: Consistenta temporala (adica sa nu schimbi interfata ca logica intre doua versiuni ale aplicatiei) si consistenta pe latime ( adica sa fie ordonate toate partile interfetei in acelasi fel, urmand aceleasi "guidelines").

La consistenta pe latime Windows sta de departe cel mai bine, mai bine decat Gnome si KDE, desi exista si acolo guidelines stabilite de ceva vreme. Temporal insa, nici un sistem de operare nu sta prea bine.

Si totusi sistemele de operare sunt softuri care sunt pe piata de ceva ani, ar fi trebuit sa ajunga la un tip de interfata optim pana acum.

Expresivitate in interfete web: Bataie electronica!

2008-12-29T14:08:00.001+02:00

Cine zicea ca in crestinism regula sa intorci celalalt obraz este lege? Ia uitati aici rugaciune de forumist:

Expresivitate in interfete web 2.0

2008-12-29T06:02:00.001+02:00

Am vazut al doilea nivel de expresivitate in interfete web.

Daca pana acum imaginile si videoclipurile folosite ca reactie la diverse threaduri pe forumuri era standard, refolosibile, au inceput sa apara acelasi gen de reactii, dar modificate special pentru ce se intampla in threadul respectiv.

Un exemplu ar fi acest videoclip:

In care, imediat inainte de momentul in care copilul se sperie, forumistul a introdus o poza postata de initiatorul threadului, poza care pe el l-a speriat. A fost de mare efect replica!

Expresivitate in interfete web: Uimire II

2008-12-29T03:59:00.003+02:00

Cred ca imaginea vorbeste de la sine, se potriveste perfect in seria despre expresivitate in interfete web inceputa de Dragos.

Feeds si gadget-uri de sezon

2008-12-28T20:33:00.002+02:00

Pentru ca e iarna, e frig afara, mai si ninge (si avem probleme cu deplasarea), concursurile de ski sunt in plina desfasurare si avem vacanta e bine sa avem mici gadget-uri sau news feeds care sa ne ajute in sezon.

In topul preferintelor mele sunt stirile despre concursurile de ski. Pentru asta pot sa ma abonez la Yahoo! Eurosport - Winter sports feed. Pe urma ma interseaza destul de mult cum va fi vremea (si mai ales cand mai ninge la munte:P) si ca sa aflu mai usor pot sa-mi adaug un google dektop gadget. De asemenea foarte util mi s-ar parea si un feed despre starea partiilor noastre, ceva asemanator cu varianta austriaca.

Last but not least, cel mai mult mi-as dori un gadget care sa ma anunte cand vine Mos Craciun... poate pana la anul va aparea unul:P

Inca un bug Blogger

2008-12-28T12:52:00.009+02:00

Deja sunt prea nervoasa ca sa mai scriu un articol ca lumea:

Nu merge schimbarea dimensiunii fontului din editorul de Blogger In Draft.

Baietii de la Google, ati vazut asta? Blogger in Draft nu e beta macar, nu ar fi trebuit publicat! Nu e normal sa faceti release la editor de texte care nu functioneaza corespunzator, e un feature de baza al oricarui blog!

LE: Intermitent, dimensiunea fontului afisata in editor nu corespunde cu cea reala, vazuta in blog.

Alt bug al Blogger

2008-12-28T06:47:00.009+02:00

Cand incercam sa compun postul postul meu de revenire, mi-am dat seama de un alt bug al Blogger In Draft.

De aceasta data bugul este in interfata de administrare, in editorul de posturi. Imaginile raman uneori acolo unde le-ai inserat, si oricate eforturi ai depunde sa le muti prin drag and drop, nu vei reusi. Dupa 5 minute foarte enervante, am comutat in modeul de editare html si am mutat codul html responsabil cu imaginea.

E bine domle sa inveti html!

Bug in Blogger in Draft

2008-12-28T00:42:00.004+02:00

De asta se cheama versiunile blogger in draft beta, ca nu sunt finale, nu?

De exemplu, traducerea in romana nu e finala. Cand sa scrie omul un comentariu inteligent, hop top, tre sa dea click pe un buton. Si nu orice buton, ci butonul pe care scrie, in mod extraordinar de intuitiv, "Finlandeza".

Or fi vrut ei sa scrie acolo "Finalizeaza" sau ceva, cert e ca au busit traducerea. Si nici un roman nu s-a sinchisit sa le atraga atentia. Daca era o greseala la traducerea in franceza, ce scandal era :). Asa suntem noi, romanii, mai nepasatori cu identitatea noastra.....

Nu trebuie sa ma credeti pe cuvant, lasati un comentariu aici , de test, ca sa vedeti voi insiva cum sta treaba.

Interfete web de sarbatori

2008-12-27T23:53:00.000+02:00

In zilele noastre firmele au inceput sa-si vanda din ce in ce mai mult produsele online, sau cel putin sa-si vanda imaginea. De aceea in afara de reclame la TV, radio etc trebuie sa aiba si un site care sa atraga "audienta" aflata in target. Cum iarna ne bucuram de reclame cu zapada, mosi craciun, oameni de zapda si cam tot ce e specific acestei perioade eu cred ca si site-urile ar trebui sa fie un pic personalizate in aceasta perioada.

Motivele pentru care site-urile ar trebui un pic "impodobite" de sarbatori ar fi ca asa s-ar adapta spiritului de consum al sezonului (in ce alt sezon esti atat de darnic...), ceva nou nu strica niciodata, reducerile de Craciun sunt binevenite:) si e bine sa arati utilizatorului ca te preocupa starea lui de spirit (deci site-urile pentru musulmani shoudn't have any santas:P)

Mascota Java

2008-12-27T22:17:00.001+02:00

Stiati ca limbajul de programare java are o mascota?
Eu nu, pana azi. O cheama Duke si mie imi pare ca este amoeba. :)

Banc cu programatori

2008-12-27T16:08:00.003+02:00

Se intalnesc odata un medic, un inginer si un programator si incep sa se certe despre care a fost cea mai veche profesie din lume:
- Dumnezeu a creat femeia din coasta lui Adam, asa ca cea mai veche profesie e medicina, spune medicul.
- Dumnezeu a separat ordinea de haos, asta fiind o treaba pur inginereasca, spune inginerul.
La final, spune programatorul:
- Da' cine credeti ca a creat haosul?

La cate buguri aiuristice am vazut pana acuma, chiar si aici pe blogger, tind sa fiu de acord.

De ce nu ar trebui sa folositi tabele in designul web

2008-12-27T07:59:00.002+02:00

Cele 5 motive pentru care nu ar trebui sa folositi layout bazat pe tabele HTML sunt:

paginile se incarca mai greu
redesignurile devin mai laborioase si scumpe
rezultatele de la motoarele de cautare devin mai proaste
accesibilitatea scade
flexibilitatea scade

Alternativa este:

CSS

NU amesteca designul cu continutul
NU creste nejustificat dimensiunea paginilor
USUREAZA updateurile interfetei
PASTREAZA utilizabilitatea

Detalii aici.

Ce addonuri de Firefox folositi?

2008-12-27T05:56:00.007+02:00

Lista de add-onuri care ~~imi sunt indispensabile~~ sunt instalate in Firefoxul meu acum, este:

Foxmarks - pentru sincronizarea bookmarkurilor intre mai multe computere si vizualizarea lor pe net
Adblock - ca sa omoare reclamele alea cu mult pr0n :)
Realplayer - ca sa pot downloada videoclipuri
Skype si Yahoo - pentru ca se instaleaza singure :D

Am auzit oameni care sunt dependenti de add-onuri precum MouseGestures....
Voi ce add-onuri folositi si de ce le considerati utile? Cum modifica/ imbunatatesc acestea experienta pe care o ofera siteurile web pe care le vizitati?

Cum cream cel mai simplu o interfata web?

2008-12-27T02:45:00.008+02:00

Ma gandeam ca multi studenti, obligati fiind odata cu proiectul de IE sa vorbeasca despre interfete web, se avanta si descriu tehnologii cu care nu au lucrat suficient. Este neplacut, pentru ca din punct de vedere calitativ, descriereile respective nu sunt pe cat de valoroase ar putea fi.

De aceea, eu o sa scriu despre o tehnologie pe care ai vrea sa o transmiti bunicii tale cand ar dori ea sa isi faca site (atat de simpla este): HTML.

Desigur, bunicii tale i-ai recomanda un editor WYSIWYG, dar voi prezenta in acest post o scurta descriere a standardului HTML.

HyperText Markup Language, un subset al SGML, defineste niste noduri care folosesc pentru a modifica aspectul unui text ce este desenat intr-un brower web. Adica, scriem textul normal ce vrem sa para pe pagina si adaugam taguri care ii modifica formatarea. De exemplu un text aflat intre <i> si </i> devine italic.

Asemanator se procedeaza pentru text ingrosat ( < b > = bold ). Pentru inserarea de imagini se foloseste un tag cu atribute. Atributul necesar este locatia imaginii. De exemplu: < img src="exemplu.gif"/> . Tagurile care au inainte de > caracterul / nu necesita prezenta tagului de inchidere.

Mai multe informatii puteti obtine de aici.

I'm back

2008-12-26T21:36:00.000+02:00

Dupa o scurta absenta in timpul sarbatorilor, m-am intors cu chef de vorbit despre interfete web.

Asteptati-va la multe posturi ( interesante, sper eu ) din partea mea in curand.

Browser users

2008-12-26T18:31:00.001+02:00

Daca browserele care va permit sa vizualizati interfetele web preferate ar putea vorbi despre utilizatorii tipici, ce credeti ca ar spune? Raspunsul, aici:

Remarcati pe Mac dude, Obama, Paris Hilton, FPS Doug (tipul cu replica "Boom! Headshot" - epica), Bill Gates si probabil ca si ceilalti sunt cunoscuti, daor ca nu ii stiu eu.

Expresivitate in interfete web: Uimire

2008-12-24T15:14:00.000+02:00

Daca doriti intr-un forum, blog, sau alta interfata web sa exprimati uimirea sau nelamurirea, puteti folosi urmatorul clip:

Mai sugestiv ca limbajul corpului din realitate, cred eu. Interfetele web au devenit mai expresive ca orice alt tip de interactiune.

Ce sunt interfețele în programarea orientată obiect?

2008-12-23T23:07:00.002+02:00

Ma gândeam acum câteva zile care ar fi definiția interfetelor în Java de exemplu.

Să luăm urmatoarea posibilă definiție:

clase care au numai funcții abstracte (fără variabile membre)

Mai trebuie adăugat ceva? Cine stie ce îi mai trebuie definiției de mai sus pentru a fi corectă?

Javascript - cum sa citest dintr-un fisier

2008-12-21T18:10:00.007+02:00

Download exemplu

In unele interfete web este nevoie sa se poata deschide si incarca fisiere locale. Un exemplu bun este Google Docs unde incarci un fisier local si il stochezi/editezi online.

Pentru Internet Explorer deschiderea unui fisier html si afisarea lui s-ar face cam asa:

- In primul rand cream un buton de browse:

< form name=form1>
< input type=file name="browse" onChange="afisare()" onClick="sterge()">
< /form>

- Spatiul din pagina in care se va face afisarea este un container: < div id ="test">

- Deschiderea si citirea din fisier se va face cu ajutorul ActiveXObject de tipul FileSystemObject si functiei OpenTextFile:

var myFileSysObj = new ActiveXObject("Scripting.FileSystemObject");
var myInputTextStream = myFileSysObj.OpenTextFile(document.form1.browse.value, 1, true);
if(myInputTextStream.AtEndOfStream)
{
alert("file is empty");
sterge();
return;
}
var str = new String(myInputTextStream.ReadAll());
var d = document.getElementById('test');
d.innerHTML=str;
myInputTextStream.Close();

- Numele fisierului l-am extras din campul browse document.form1.browse.value si inainte de a citi tot fisierul myInputTextStream.ReadAll() am verificat daca fisierul nu e gol sau s-a ajuns la capatul stream-ului if(myInputTextStream.AtEndOfStream), caz in care ReadAll ar fi generat eroare.

Fisierul fiind deschis intr-un string, acum fisierul poate fi modificat sau se pot face cautari utilizand proprietatile si functiile obiectelor de tip string ca de exemplu: str.length, str.slice(start_index, stop_index), str.lastIndexOf(string, start_index), str.indexOf(string,start_index), str.substr(start_index,nr_of_char)

Un alt obiect foarte util pentru prelucrarea stringurilor in javascript este RegExp pentru utilizarea expresiilor regulate. Crearea unui obiect RegExp se poate face asa:

var myregexp = /regex/;
sau
re = new RegExp("\\w+");
Un exemplu de utilizare combinata a obiectelor String si RegExp ar fi urmatoarul:
myString.replace(myregexp, "replacement")

Se vede ca a venit vacanta...

2008-12-20T21:26:00.002+02:00

... nu mai scrie nimeni nimic despre interfete web. Liniste totala.

Craciun fericit! :)

Cand comunicarea devine imposibila

2008-12-19T02:25:00.003+02:00

Am citit recent un banc pe net:

Copii, ati citit "Capra cu 3 iezi?"
-Daaaaaaa...!!!!!!(raspunde clasa).
-Tu, asta mic din prima banca, ia spune-ne cati iezi avea capra...?
-Pai povestea se cheama "Capra cu 3 iezi", nu?
-Da
-Si acum ma intrebati "cati iezi avea capra"?
-Da...
-TREI, ...in pula mea....!!!!!!!!!!!
-Adrian Despot, stai jos, azi ai nota 2.

Asta e apropo de un interviu luat artistului mai sus numit, in care acesta isi arata vadit nemultumirea legata de neprofesionalismul unei jurnaliste, bauta in timpul slujbei.

Firefox 3.1 beta 2 si utilizabilitatea

2008-12-16T22:36:00.002+02:00

Un principiu important de respectat pentru a crea interfete (nu neaparat web) mai utilizabile este ca acestea ar trebui sa isi faca treaba cu cat mai putine operatii din partea utilizatorului. Cel mai la indemana contor pentru operatiile din aprtea utilziatorului este numarul de clickuri.

Voi da un exemplu scurt si revelator, zic eu: instalarea Mozilla Firefox. De ceva vreme, developerii se chinuie sa o faca din ce in ce mai usoara, deoarece pentru un broswer web, al carui target este format nu numai din specialisti, instalarea poate fi o problema pentru multi potentiali utilizatori.

Astfel, de la versiunea 3.1 beta 2, publicata acum cateva ore, instalarea va cere doar 3 clickuri (pentru setarile tipice). S-a reusit aceasta performanta prin eliminarea ferestrei de acceptare EULA, care a a fost mutata undeva in about:rights. Nu imi este foarte clar cat de legala e treaba aceasta (cum sa stie userul daca sa instaleze sau nu aplicatia, daca poate citi conditiile instalarii doar dupa ce o instaleaza?) , dar mi se pare o schimbare binevenita din punctul de vedere al utilizabilitatii.

Contrastand asta cu programul de instalare pentru alte aplicatii cu target aproape tot atat de mare, gen Yahoo Messenger, si tinand cont si de ultimile facilitati introduse in Firefox 3 (gen awesomebar) devine evidenta preocuparea celor de la Mozilla pentru utilizabilitatea browserului lor.

Way to go, Mozilla!

Masini si Interfete Web

2008-12-15T17:02:00.003+02:00

Mi-am rezervat azi o ora ca sa vad in ce masura sunt pregatite site-urile celor mai importanti producatori de masini din lume sa isi primeasca clientii. Am inspectat site-urile Mercedes, BMW, Audi si Toyota.

Mercedes are cate un site diferit, in functie de limba si locatia cu care pornesti cautarea in Google. Cum site-ul american nu prea a vrut sa se incarce in browsere (IE, Firefox), am intrat pe site-ul britanic. Pagina are o interfata usor accesibila, lizibila. Cu toate astea, parca intrarile in meniuri sunt toate la fel. Eu as fi ales un font mai mare de exemplu pentru Model overview, ca sa stie lumea ca numai asa poti ajunge in pagina cu toate modelele actuale. Site-ul e un pic prea organizat, in orice caz nu e un site pe care ajungi din prima unde vrei.
BMW sta mai bine la partea de cautare in Google; are un site world-wide, din care poti alege usor site-ul regional al tarii tale. Ce nu imi place nici aici (am remarcat si la celelalte site-uri de masini germane) este ca se folosesc mereu pop-up-uri pentru paginile noi, si trebuie sa setezi browserul sa le permita. Frumos la BMW e ca toate site-urile regionale au acelasi design, simplist si rapid de navigat. Meniu orizontal, functional, sus de tot in pagina, pentru fiecare model de masina. Site-ul functioneaza repede si imi place mult.
Audi are si el site world-wide, trecut totusi in Google ca site-ul USA. Sufera de boala pop-up din pacate, iar prima chestie care socheaza e ca meniul frumos, orizontal, din susul paginii, cu modelele de masini, e cam nefunctional. Abia pe site-urile regionale, el functioneaza totusi cum trebuie. Altfel, site-ul romanesc e foarte accesibil, relativ usor de navigat (meniurile ar fi putut sta in stanga decat departe in dreapta). Este oarecum mai bine ca aici nu sunt optiuni interactive de selectie a culorii masinii de exemplu, sunt pur si simplu puse masinile in toate culorile disponibile pe o pagina.
Ca sa fac o schimbare de peisaj, am cautat si alti producatori decat germani si m-am oprit la Toyota, firma cu cele mai mari vanzari de masini la nivel mondial din prezent. Site-ul asta este clar orientat catre vanzare rapida a masinilor. Meniuri mari, cu poza masinii langa model si chiar cu pretul minim necesar pentru o masina standard. Cautand un pic, am constatat ca site-ul world-wide ne ofera optiunea de a merge pe site-ul tarii in momentul in care dorim sa inspectam o masina. Din pacate, ei nu au site romanesc. Am fost curios sa intru pe site-ul britanic si aici e o alta abordare, "europeana". Masinile sunt intai prezentate ca piese de muzeu, abia dupa ceva cautari gasim si niste preturi. Prefer clar varianta americana.

Ca o concluzie, site-urile de masini nu sunt facute pentru oamenii grabiti. Intri pe ele, te acomodezi cu mediul, cercetezi toate ofertele, si abia apoi cumperi. Contrast mare fata de magazinele online de calculatoare de exemplu, cu cautari dupa componente bine detaliate. Totusi, contrastul e normal pana la urma, calculatoarele se adreseaza de cele mai multe ori oamenilor tehnici, o masina ti-o alegi de multe ori doar dupa marca si aspect.

Interfete web cu wiki, forum, blog si chat

2008-12-14T23:23:00.003+02:00

Astazi am purtat prima discutie din cadrul temei de IE pentru curs. Ne-am strans 9 oameni si am discutat in contradictoriu o ora despre wiki, forum, blog si chat. La sfarsitul sesiunii am cazut destul de repede de acord asupra unei modalitati de a integra cele patru instrumente intr-o singura interfata web.

Despre wiki-uri s-a spus ca sunt utile pentru a urmari evolutia unui proiect, ca sunt utilizate pentru a documenta si oferi informatie open source ce poate fi editata de mai multi editori, sub supravegherea unui moderator.

Despre bloguri s-a zis ca sunt mai bune pentru ca ofera interactivitate forumurilor, viteza chaturilor, expresivitatea unei conferinte video si utilitatea unui wiki

Chat-urile sunt foarte utilizate pentru ca sunt interactive, se pot schimba informatii audio si video, se poate interactiona la un nivel mai personal si confidential si pot facilita obtinerea unui raspuns pe moment

Forum-urile pot fi utilizate pentru a tine o eivdenta a discutiilor pentru utilizatorii care cauta raspunsul la aceleasi intrebari, au avantajul de a aduna multa informatie despre topicuri diverse si de a avea un timp de raspuns destul de bun pentru cei care au nevoie urgenta de un raspuns.

Dupa multe argumente pro si contra acestor patru instrumente am ajuns la urmatoarea modalitate de a le integra intr-o interfata:

- Wiki va fi folosit pentru a tine informatiile esentiale bine organizate.
- Forumul va fi utilizat pentru a pune intrebari referitoare la informatiile gestionate de wiki.
- Un chatbox va fi integrat in forum pentru ca utilizatorii online sa ofere raspunsuri rapide la intrebari.
- Blogul va fi utilizat pentru a relata experiente personale despre subiectele abordate pe wiki si forum.

Javascript - tabIndex pentru butoane

2008-12-13T17:17:00.000+02:00

Download exemplu

Miercuri la laborator s-a vorbit putin despre ultima tema la IE. Studentii vor avea de facut interfete web care sa indeplineasca anumit cerinte. Printre cerinte se numara si problema navigarii cu ajutorul tastei tab. De multe ori se intampla ca ordinea de navigare prin tab-uri sa nu corespunda cu ordinea logica in care au fost puse butoanele / campurile in pagina. De aceea ar trebui sa setam proprietatea de tabIndex pentru fiecare buton.

Mai jos am creat un mic exemplu in care m-am jucat cu ordinea de navigare:

Declararea unui buton cu proprietatea de tabIndex setata ar arata cam asa:

< button id="b1" tabIndex="1"> Button 1</button>

Pentru a obtine valoarea tabIndex putem scrie:

var b1=document.getElementById('b1').tabIndex;
document.write("Tab index of Button 1: " + b1);

In cazul in care vrem sa navigam intre campurile unei forme vom seta tot proprietatea tabIndex:

< form name=yourform>
Box 1:
< input type=text name=box1 tabIndex="5" onFocus="nextfield ='box3';">
</form>

Un exemplu complet puteti vedea aici iar codul poate fi descrcat din sectiunea download al site-ului nostru

Opriti nebunia cu Interfete Web!

2008-12-13T16:08:00.009+02:00

Cautam ceva pe Wikipedia despre Javascript si, la articolul respectiv, jos, la legaturi externe, am descoperit ceva interesant. Primul link ducea spre un site romanesc, care avea totusi un nume dubios de familiar. Am dat click si imediat mi-am dat seama: e siteul realizat pe o echipa pentru cursul de interfete evoluate.

Am ajuns sa ne autoeditam chiar si pe wikipedia acuma! Asta e cea mai tare! Goana dupa linkuri e in toi! Si, normal, e greu sa facem rost de linkuri muncite, hai sa ne editam siguri in Wikipedia! Fratilor, nu e asa greu sa ajungem la o situatie win - win, sa ajutam un site sa aiba continut mai bun de exemplu si sa primim un link in schimb... de ce trebuie sa ne auto adaugam in enciclopedii?! Chiar credeti ca siteurile noastre amarate sunt bune de enciclopedie?!

Am incercat sa verific presupunerea mea, daca oamenii respectivi chiar s-au editat singur - ma indoiesc ca i-a pus cineva neutru acolo. Schimbarea respectiva nu a fost facuta de un user inregistrat (destul de dubios - rar se intampla asa - , dar normal daca ne gandim ca persoana respectiva nu mai avea de gand sa faca nici o alta editare... ). Linkul a fost pus initial spre homepageul siteuilor, apoi mutat spre un articol despre Javascript, ca na, riscau sa ii dea astia afara ca nu era nimic despre Javascript in linkul ala. De descris modficarile facute iarasi, omul respectiv nu a auzit. Intr-un cuvant, da de banuit toata treaba.

Totusi, pana la urma, dovezi concrete nu am (motiv pentru care nu am dat nume sau legaturi spre site), dar tind sa cred ca am dreptate. Nu o sa fac altceva decat sa dau un citat din regulile wikipedia (netiquette e deja prea mult) si sa sper ca o sa inteleaga persoanele respective mai mult.

La Wikipedia recomandăm ca personalităţile, proprietarii de firme etc. sau apropiaţii acestora să nu încerce să scrie despre subiecte în care obiectivitatea le-ar putea fi umbrită de interesul personal. Foarte adesea astfel de articole create în trecut au suferit grav din lipsa de punctului de vedere neutru şi din abundenţa cercetării originale, şi au trebuit şterse sau rescrise.

Din cauza oamenior de genul asta Wikipedia nu va ajunge niciodata o sursa de informatie la fel de sigura precum enciclopediile editate de companii.

Si cand te gandesti ca linkurile Wikipedia au si atributul nofollow pus (adica nu ii ajuta la pozitia in Google, ci eventual numai cu niste trafic) ...

Exprimarea in interfete web - folosirea imaginilor pe forum

2008-12-12T22:39:00.005+02:00

Odata cu interfetele web, comunicarea intre persoane aflate la distanta s-a schimbat. Daca la inceput aceasta comunicare era mult mai putin expresiva din cauza limitarii doar la folosirea textului ca forma de exprimare, in ultima vreme acest lucru s-a schimbat.

Voi prezenta in seria de articole cateva imagini care, folosite pe forumuri, adauga multa expresivitate (si amuzament) comunicarii.

Incepem cu "Get me out of this thread", replica perfecta pentru situatiile in care ceea ce ati vazut in threadul respectiv v-a provocat greturi si alte neplaceri.

Sper ca nu sunt prea multi din cititorii blogului asta care sa fuga asa.

Rezultate sondaj pozitie blog in Google

2008-12-12T13:34:00.002+02:00

S-a terminat perioada de votare pentru ultimul sondaj de pe blogul nostru. A fost sondajul cu cea mai mica participare de pana acum- parca s-ar fi saturat romanii de votat :P . La modul serios, se pare ca sondajele care nu includ o doza serioasa de amuzament nu prea au succes in randul cititorilor.

Partea buna este ca din cele 13 voturi majoritatea sustin ca pozitia binemeritata pentru blog este printre primele rezultate, ceea ce ne bucura.

Promitem ca urmatoarele sondaje vom incerca sa le facem mai atractive.

Nu ne-a distrus. Ramane pe maine.

2008-12-11T17:22:00.004+02:00

Ender, de la Interfete Web Simple si-a facut in sfarsit timp sa ne raspunda la provocarea lansata cu ceva timp in urma. Ritmul inimilor noastre s-a intors in sfarsit la normal, deoarece nu am fost distrusi, repet, nu am fost distrusi :p. Cred ca suntem singurii; Ender spune asa:

Cu alte cuvinte sunt chiar furios/frustrat.
Pentru ca nu am cum sa distrug site-ul asta.

Totusi, ce spune rau de noi e un pic adevarat. Suntem intr-adevar pagina cea mai mare (a se citi greu de incarcat, la 90+ de kilo) de pe prima pagina Google si siteul nu are un aspect prea "de firma".

Daca la miscorarea dimensiunii paginii mai lucram, de site nu zic nimic. Aici, noi nu stim ce sa facem... mi se pare aberant sa mintim afirmand ca suntem o firma de IT care bla bla si bla bla... cred ca aici cerintele proiectului s-ar putea modifica, nu fac decat sa invete studentii ca anonimatul dat de internet poate fi folosit ca sa spunem minciuni si sa scapam nepedepsiti. Mi se pare incorect si gasesc aceasta atitudine nenecesara. Avand in vedere ca proiectul asta imi face mare placere nu o sa ma plang prea tare ca echipele care "se dau firma" fura ceva trafic in plus pe chestia asta...

Gasiti aici articolul scris despre noi de Ender.

Mess-ul ca interfata interumana

2008-12-11T16:30:00.002+02:00

Trupa mea preferata de comedianti are un clip reprezentativ despre cum se desfasoara majoritatea discutiilor pe mult mediatizatul si intr-adevar utilul "mess".

Interfete pentru manelisti

2008-12-10T22:14:00.013+02:00

Am gasit de curand urmatoarea interfata creata dupa cum se observa pentru a ironiza modul in care se realizeaza "muzica" (manelele) in ziua de azi, mai precis pe banda rulanta si pe tematici no comment.

Ignorand(cu greu) cuvintele xxx folosite trebuie observat ca cel care a facut interfata nu se incadreaza in categoria celor care ar folosi-o(daca ar fi reala).

Lasand la o parte simplitatea cu care este facuta, sau verdele strident la butoanele de la pasul 2, interfata este totusi organizata binisor.
In primul rand seteaza parametri pentru conturarea unei melodii. Al doilea pas identifica detaliile piesei, chiar "ajuta" utilizatorul colorand diferit elementele din sectiunile Autorul si Sufixul pentru a scoate in evidenta potrivirile intre cele doua. Iar la ultimul pas, butonul de "Creeaza" este pus ca in orice aplicatie/installer windows pe pozitia Next.

Ok, poate ca am luat-o razna ca analizez asa ceva dar...de ce nu?
E evident din optiunile existente ca toata "aplicatia" este facuta in deradere, dar daca ar fi reala
sunt sigura ca ar face furori in lumea manelelor Va dati seama cate albume ar fi scoase pe zi?

Anonimatul oferit de interfetele web. Ce facem cu el?

2008-12-09T19:01:00.003+02:00

Am descoperit urmatorul articol la o cunostinta; avea link in status pe Yahoo Mesenger, si statusul uimitor de potrivit: "Sa nu-i dai palme daca intalnesti una din astea?". Mesaj pe un forum:

Eu: o tipa trendy, frumoasa, cu clasa, care nu a avut decat iubiti cu bani. Nu am iesit nicodata cu bmw. Toti iubitii imi faceau cadouri scumpe si imi plateau consumatia in toate locurile trendy in care ieseam. Plus ca niciodata, dar niciodata nu am iesit cu un nimeni. Intotdeauna am iesit doar cu personaje mondene.
El: un tip dragut, dar sarac. Locuieste intr-un cartier marginas si e student la stat. Conduce un amarat de Logan.
Noi: ne-am intalnit intamplator la ziua unui coleg de-al lui(un tip uratel dar foarte bogat). Eu vroiam sa ma combin cu colegul lui dar el m-a atras atat de tare incat am zis: "Ce naiba! Putem sa ne-o tragem macar azi!". Problema e ca azi s-a prelungit la nesfarsit. E foarte bun la pat si arata bine. Ce n-as da sa fie si bogat! Vreau sa termin cu el si nu prea pot. De cate ori ne vedem si vreau sa pun punct, sfarsim in pat. Nu stiu cum sa scap de el. Imi e rusine fiindca nimeni din grupul meu nu a iesit niciodata cu un sarantoc.

Stim cu totii ca nimeni nu e ceea ce pare pe internet. Internetul iti da posibilitatea sa iti pui 1000 de masti, dar si sa fii sincer cum nu ai fost niciodata. Domnita de mai sus si-a postat pasul pe forumul (normal :) ) Eva. Toate bune si frumoase, pana cand a inceput sa primeasca replici acide - meritate pe deplin. Nu numai atat, dar asa a aflat si tipul ei ce fel de om este ea de fapt. Este primul caz cunoscut de mine in care cineva a primit fix ceea ce merita pe internet. De obicei pe toate forumurile oamenii isi iau suturi pentru greseli de ortografie, de vocabular, de incarcare a unor reguli minore. Iata ca se poate pedepsi si lipsa de bun simt. Pedepsire corecta prin interfete web, fara sa iti vezi la fata "victima" - ei, asta e o imbunatatire a sistemului judiciar :) .

Spuneam mai sus ca e o situatie extraordinara ( cineva sa primeasca practic ce merita, pe internet ) asta si imi pare rau sa consider asta asa. Ma refer la faptul ca sunt N situatii de genul mesajului urmator, care venea cu doua imagini ca atasament:

I finally did it, married my girlfriend of 5 years. She means the world to me, I cant believe what a lucky guy I am. I never thought I would find true love, but now that I have my life is complete. Here are the pictures from out ceremony.

Imaginile erau de la nunta respectivului si aratau faptul ca ea avea o problema cu greutatea - mult prea mare si el o problema, (ghiciti?) tot cu greutatea - prea mica. Ceea ce a urmat in acest thread, m-a scarbit parca la fel de mult ca ideile domnisoarei despre care am discutat mai sus: threadul a fost bantuit de troli groaznic.( Bine, s-a dovedit mai ca autorul nu era chiar tipul care se casatorise, dar cuplul este real, pana la urma, si asta conteaza).

Ce vreau sa spun e ca uneori cu totii judem prea repede/ intr-un mod neadecvat noilor mijloace de comunicare (online) pe care le avem la dispozitie. Apoi, clar trebuie sa existe un test de bun simt si de inteligenta ininte sa se dea abonament de internet. Am zis.

Interfete Web simple

2008-12-09T10:23:00.000+02:00

Siteurile ar trebui sa fie simple. De fapt, majoritatea siteurilor cu interfete complicate au o problema cu structuraarea informatiilor. Principiul KISS (Keep It Simple, Stupid!) functioneaza bine pentru interfete web si usureaza viata utilizatorului, de aceea e recomandat sa il folositi in toate interfetele web pe care le creati.

Voi da doar un exemplu, pentru un site care urmeaza cu succes aest principiu. Situl ofera un raspuns rapid pentru intrebarea pe care milioane de oameni si-o pun in fiecarezi: Este vineri? E drept ca nu taote siteuirle au asa de putina informatie de oferit, dar modul de prezentare conteaza. Si aici isitfriday.biz rupe. Cand cautam in Google "is it friday", primulrezultat este chair siteul acesta. Ghiciti ce are la descrere? Pur si simplu raspunsul! (Da/Nu). Astfel, siteul iti ofera ceea ce cauti inainte sa intrii in el.

Acum idee pare mai inteligenta decat la inceput, nu?:)

Pentru a tine vizitatorii interesati, blogul nostru ofera in descrierea care apare pe Google un fragment din continutul ultimului post (in particular fragment care contine termenii cautati). Asta numai in cazul in care rezultatul este homepageul blogului, desigur. Daca rezultatul cautarii este un articol, se va afisa parte din articolul respectiv.

Interfete Web pentru ceasuri scumpe

2008-12-09T00:41:00.002+02:00

Ceasurile scumpe, mecanice, elvetiene reprezinta un domeniu care ma intereseaza mult (in perspectiva unui viitor stralucit :D). Am intrat pe site-urile companiilor ale caror ceasuri au cea mai mare valoare de revanzare din lume si le-am incercat interfata.

1. Patek Philippe e no. 1 si la site, nu doar la ceasuri. Organizare elvetiana pana la ultimul detaliu (gasim ceasuri pentru barbati, femei si ceasuri de buzunar in tabul Current Collection). Ceasurile au poze si din profil, unele si din spate. Dimensiunile sunt figurate pe imaginea ceasului. Site-ul are background alb si scris de culoarea metalelor pretioase. O placere!

2. Rolex e o marca mult mai cunoscuta de oricine. Nu e oricum cea mai apreciata, dar bate pe oricine prin volumul productiei. Site-ul e ok. Nu are totusi toate detaliile prezente pe site-ul de mai inainte. Imi place mult ca are pe prima pagina un ceas cu ora exacta a mea de acasa (adica stie sa urmareasca o adresa IP :P). Inainte de pagina asta insa, e de fapt o pagina in care trebuie sa iti alegi limba preferata (asta nu prea ma incanta, incetineste din navigare). Ce ma enerveaza sunt site-urile care atunci cand intri pe ele iti redimensioneaza fereastra browserului. Acest site nu face exceptie. Ce e foarte frumos la site e ca ceasurile au poza mare, cu contrast puternic, in centrul paginii.

3. Vacheron Constantin, o marca cu traditie, are un site site situat intre cele 2 de mai sus d.p.d.v al interfetei. Are pagina cu limbi prima, iti micsoreaza fereastra cand intri pe site si deschide site-ul corespunzator limbii alese in fereastra separata, minimizat. Asta ca dezavantaje. Cu toate astea, ceasurile au poze mari, mai mari decat la Rolex chiar, pe fond alb (mai bine). Dispun si de descrieri foarte detaliate, poate chiar mai bine ca la Patek Philippe.

4. Breguet detine un site pentru oameni care nu prea au acces la tehnologie moderna de PC-uri, unde rezolutiile au inceput sa fie mai generoase. Pe pagina principala se intra greu, din al 2-lea click, iar site-ul e asa, mic, intr-o fereastra in centru. Organizarea e buna, meniurile sunt orizontale (stil care imi place), dar parca prea mic scrisul.

Ca o concluzie, companiile au site-uri frumoase, cu interfete destul de usor de accesat. Cel mai greu am umblat pe site-ul Rolex, cel mai usor pe al Patek Philippe.

Interfete4web feed gadget

2008-12-07T20:00:00.001+02:00

Acum fanii blogului nostru pot sa-si adauge la ei pe blog un gadget in care se incarca cele mai noi posturi ale noastre. Link-ul la care se gaseste gadgetul este
acesta: interfete4web gadget. Folositi acest link pentru a adauga gadgetul la voi pe blog.

Pentru a face acest gadget am cautat mai intai sa vad ce este efectiv un Google Gadget. Am aflat ca este vorba de un fisier xml care contine datele si codul pentru gadget sau referinte (URL-uri) unde se gaseste restul codului. Acest fisier xml contine blucri HTML si JavaScript,iar Gadgets API (gadgets.*) este un JavaScript API.

Pentru a obtine gadgetul am deschis in Google Gadgets Editor, fisierul xml asociat gadgetului Feeds in Tabs si am modificat un pic codul pentru acesa fisierele atom.xml ale blog-ului nostru si al echipei intev0. Am salvat noul cod intr-un fisier pe care l-am upload-at in editor si am dat Publish, ceea ce a rezultat intr-un link la care se gaseste gadget-ul meu. Astfel am putut sa adaug la noi pe blog un gadget-ul meu de la URL-ul respectiv

Link-uri utile:
Getting started: gadgets*. API
Gadgets API

TinyXML tutorial

2008-12-06T21:05:00.010+02:00

Download exemplu TinyXML

Parsele XML pot fi folosite pentru a extrage informatii din interfete web. De exemplu blogger are un API care poate accesa informatiile blogurilor cu ajutorul atom.xml forma xml asociata fiecarui blog.

TinyXML este un parser XML scris in C++ care este foarte usor de integrat si de utilizat. Sursele pot fi descarcate de pe SourceForge si compilate.

Eu am compilat sursele si am integrat libraria care a rezultat tinyxmld.lib si headerele tinyxml.h si tinystr.h in proiectul meu. In continuare am incercat cateva din functionalitatile de baza oferite de librarie:

-Am incarcat fisiereul xml:

TiXmlDocument doc( "test.xml" )
doc.LoadFile();

-Am incarcat primul nod:

pStart=&doc;  
pNext=pStart->FirstChild();

Cateva din obiectele pe care le-am folosit au fost:

TiXmlNode *pStart,*pNext;
TiXmlAttribute *pAttribute;
TiXmlDeclaration *pDeclaration;
TiXmlComment *pComment;
TiXmlElement *pElement;

Obiectul cel mai important este de tipul Node. Un nod poate fi de mai multe tipuri: DECLARATION, COMMENT, ELEMENT, TEXT, UNKNOWN. Tipul nodului se poate afla cu urmatoarea functie:

pChild->Type()

Cel mai important este tipul ELEMENT care poate avea subnoduri din oricare tip. Un nod poate avea atribute care vor fi accesate cu ajutorul obiectelor de tipul TiXmlAttribute. Fiecare tip de nod va fi prelucrat utilizand un obiect specific, de exemplu un nod de tip ELEMENT va fi prelucrat cu ajutorul obiectului de tip TiXmlElement.

Pentru a parcurge fisierul se porneste cu primul nod copil al nodului parinte de tip DOCUMENT. In continuare pentru a trece la nodurile de pe acelasi nivel se foloseste functia NextSibiling.

pStart=&doc;
pNext=pStart->FirstChild();
pNext=pNext->NextSibling();

Pentru a obtine obiectele specifice tipului de nod se folosesc functiile puse la dipozitie:

pDeclaration=pNext->ToDeclaration();
pComment=pNext->ToComment();
pElement=pNext->ToElement();
pText=pChild->ToText();

Numele nodului (tag-ului) se poate obtine utilizand functia Value

pElement->Value()

Numele unui atribut si valoarea acestuia se obtine cu ajutorul functiilor:

pAttribute->Name()
pAttribute->Value()

Primul atribut al unui nod se poate accesa cu functia FirstAttribute() iar urmatorul atribut cu functia Next()

pAttribute=pElement->FirstAttribute();
pAttribute=pAttribute->Next();

Modificarea unui fisier XML este de asemenea foarte simpla. Se poate modifica un atributul unui nod sau valoarea lui apoi se salveaza documentul.

pAttribute=SetAttribute("url", "interfete4web.blogspot.com");
pComment->SetValue(" Am modificat comment-ul" );
doc.SaveFile( "newTest.xml" );

Interfete Web pentru site-uri de companii

2008-12-04T16:03:00.004+02:00

Dupa cum se stie, designul unei interfete web reprezinta modul de interactiune al utilizatorului cu un site. O interfata semnifica in general punctul de contact dintre 2 obiecte.
Interfata web este asadar locul in care o persoana intra in contact cu site-ul si este reprezentata de meniuri, formulare si in general orice "se vede" si "functioneaza" pe acel site.
Orice companie respectabila din lume trebuie sa aiba in momentul actual un site cu o interfata web cat mai buna. Ce inseamna asta? Pai, asa cum specifica si acest site, o interfata web trebuie sa fie alcatuita astfel incat experienta utilizarii site-ului sa fie:

usoara
eficace
intuitiva

Este de exemplu o idee foarte buna sa fie create iconite sugestive pentru fiecare lucru de pe site.
O interfata buna, nu neaparat atragatoare, insa foarte functionala si bine organizata este cea a producatorului de avioane comerciale cu cea mai mare cifra de afaceri din lume, Boeing.

Prezentarea noastra despre Interfete web

2008-12-03T00:35:00.002+02:00

Am terminat o prezentare a echipei noastre de maine. Este doar varianta beta, dar descrie o parte destul de consistenta din rezultatele noastre de pana acum, cu blogul asta cel putin. Puteti sa o "rasfoiti" poate va va atrage mai mult blogul scris despre interfete web, dupa ce faceti asta. Aruncati si o privire pe site, linkul este chiar in dreapta, in sidebar, este la indemana.

Interfete Web

View SlideShare presentation or Upload your own. (tags: interfete web)

Daca maine in jurul orei 11 sunteti aproape de sala EG405 din Facultatea de Automatica si Calculatoare, ne-ar face mare placere sa ne urmariti prezentarea live; am pastrat o aprte din continut numai pentru cei care vin la prezentarea adevarata.

Cum sa ascunzi adresa de mail pe internet?

2008-12-02T19:44:00.001+02:00

Image by Getty Images via DaylifeDaca iti postezi adresa de email pe internet, curand vei incepe sa primesti foarte mult spam, deoarece programe specializate, ale spammerilor, iti vor cauta si gasi adresa.

De aceea, e bine sa o protejezi cu un mecanism de ascundere. De obicei, in protectia adreselor de mail din interfete web, se foloseste captcha , care se bazeaza pe faptul ca numai oamenii pot recunoaste niste litere foarte distorsionate. Captcha te obliga sa recunoasti cuvinte scrise distorsionat si sa le introduci intr-un camp de editare text pus la dispozitie de interfata web.

Exista siteuri, care ofera interfete web pentru ascunderea adresei, fara ca tu sa trebuiasca sa platesti nimic.

Asemenea siteuri sunt: TinyMail si reCaptcha. Folositi-le consecvent si va vor scuti de multe dureri de cap!

Enciclopedii online

2008-12-02T14:44:00.002+02:00

Toata lumea a auzit de Wikipedia ca fiind enciclopedia de referinta a internetului. Cu toate acestea, am fost curios sa aflu ce apare la o cautare pe google dupa "online encyclopedia". Nu mica mi-a fost mirarea sa gasesc Wikipedia pe locul 4, asa ca am intrat putin sa vad ce au de oferit enciclopediile din top 3.
- pe locul 1 gasim encyclopedia , un motor de cautare prin enciclopedii online. Cum bara de cautare este la indemana, am cautat dupa "intel". Rezultatele pentru enciclopedii online sunt situate abia dupa "Related topics" in pagina, cam slabuta organizarea deci. Am dat si eu click pe primul rezultat, care citeaza enciclopedia Britannica. Descrierea este extrem de concisa pentru o pagina de enciclopedie, cu multe multe ad-uri google dupa, asa ca reactia imediata a fost sa inchid de tot pagina.
- pe locul 2 gasim chiar enciclopedia Britannica. Site-ul probabil ca odata nici nu se misca, fiindca modalitatea in care incarca incet-incet poze din diferite locuri ale paginii sugereaza totusi o usoara optimizare in prezent. Bara de search e tot vizibila, totusi cam redusa in dimensiune. Am cautat acelasi lucru ca mai sus. Intai mi se ofera niste rezultate partiale, poate nu caut chiar compania (cam slabuta partea asta, o interactiune cu utilizatorii si cu ce cauta cel mai frecvent ar fi bine venita). Descrierea e din nou muult prea sumara ca sa se preteze la o companie de anvergura Intel, basca ploua cu ad-uri google.
- pe locul 3 suntem intampinati de Encarta. In sfarsit gasesc un design de site care imi place. Rezultatele sunt de data asta relevante - am doar 2 link-uri, unul cu informatii despre companie, altul cu informatii despre microprocesoarele lor. Detaliile oferite despre companie sunt putine, cu toate astea mai bogate decat pana acum si mult mai bine organizate.

Ca o concluzie, voi vorbi despre Wikipedia, recompensata de google cu o mentiune de onoare... Site-ul este excelent, se vede ca este facut in intregime din articole adaugate de utilizatori. Se vede clar dorinta de a sti cat mai mult a omului modern. Articolele sunt lungi, detaliate, cu informatii cum ar fi bugetul si cifra de afaceri a companiei (am cautat tot Intel si am fost directionat direct catre pagina cu informatii despre companie). In mod normal, as fi criticat bara de search, situata in stanga si cam micuta, dar se pare ca milioane de utilizatori ai site-ului au avut o parere diferita de a mea, asa ca nu contez in cazul asta. Faptul ca scrisul este negru pe alb si pagina se incarca ultra rapid este iar un atu. Pe langa asta, pentru cine nu stie cum sa gaseasca repede un articol, poate cauta pe google "nume_articol_cautat wiki" si in principiu primul rezultat indica spre wikipedia.

Top 5 afise electorale amuzante

2008-12-01T10:07:00.003+02:00

Dupa topul interfetelor web ale politicienilor, astazi am selectat cele mai amuzante afise electorale de la alegerile din ultimii ani din Romania. Daca am scapat vreunul, nu ezita sa imi pui in vedere acest lucru.

Pe locul 5 : PSD Arad

Politicienii de mae talent de la PSD Arad au facut Cina cea de taina.

Pe locul 4: Matei (Cine e Matei asta?!)

Sa-mi votati...ouale!

Pe locul 3: Viorel Stefan

Pentru ca cel mai important aspect al politiic romanesti este sa nu dormi ( si sa faci rime in timpl ala), PSD+PC, chiar la alegerile de ieri, au avut urmatorul afis:

Pe locul 2: Cristian Amariei

Pentru ca "Conan Barbarul" traieste!

Pe locul 1: Codruta Arvinte

Au incercat un slogan care sa atraga cat mai multi barbati. Nu le-ai iesit.

Viitorul nostru?

2008-11-30T15:30:00.007+02:00

Cred ca multi si-au pus intrebarea, daca ar fi sa folosesc experienta cursului de interfete evoluate, ce as putea face in viitor?
Un raspuns paote fi regasit daca vizitati siteul acesta.
Este vorba de o companie romaneasca ce realizeaza la comanda siteuri web. Dupa spusele lor ofera pe langa interfata web, search engine optimization, servicii de mentenanta si chiar design pentru logouri.
Cu toate ca personal nu imi place interfata siteului, cred ca este unul pe care merita aruncata o privire, fie ca vreti o inspiratie pentru propriul site sau (sper ca nu) sa apelati la ei pentru ajutor.

Care sunt impresiile voastre?

Imnul rock

2008-11-30T15:14:00.002+02:00

Acum cateva saptamani am fost la Sala Radio, la un concert interesant: era vorba de o interpretare cu instrumente moderne si in stil rock a unor piese calsice, dintre care mai multe apartineau lui Mozart. Unele mi-au placut mult, altele mai putin, dar ideea mi s-a parut foarte buna. Mai multe despre concert gasiti in acest articol.

Avand in vedere ca in aceasta perioada e ziua tarisoarei noastre, am cautat o interpretare asemanatoare a imnului nostru national. Si am descoperit ca nu suna rau deloc, desi nu toate vocile se potrivesc in atmosfera.

Suntem un popor de roackeri, nu alta! Cu ocazia asta mi-am dat seama cat de misto suna chitara electrica si ce rol important are in mai toate melodiile rock.

Bucurati-va de imnul national, in varianta rock, cu interfata web stil youtube:

Cum sa folosesti facilitatile beta ale Blogger.com

2008-11-29T14:24:00.006+02:00

Intre toate platformele de blogging, blogger ofera cea mai limitata dintre interfetele web. De aceea, accesul la facilitatile beta (sau "draft" cum le spun cei de la Blogger) este esential pentru a aduce cat mai multi vizitatori pe blogul tau.

Pentru a activa facilitatile beta, vizitam siteul draft.blogger.com unde intalnim panoul de control alternativ al blogger beta. Va trebui sa faceti toate activitatile dina cest panou de control de acum ininte , si nu din cel standard. O prima schimbare de remarcat este nou editor pentru posturi care ofera o flexibilitate mai mare si facilitati noi.

La noi pe blog am folosit ratingurile cu stelute oferite ina ceasta versiune a blogger. Optiunea se gaseste dand clikc pe panoul "Aspect" , apoi alegand "Editati" pentru widgetul "Postari de blog". Bifati optiunea "Afisati evaluarile" si gata, stelutele ar trebui sa apara pe blog. Daca acest lucru nu se intampla , selectati "Editati HTML" si dati click pe "Întoarce şabloanele componentelor grafice la forma prestabilită".

Majoritatea acestor facilitati functioneaza perfect, dar, nefiind testate cum se cuvine, e posibil sa fie si momente de nefunctionare sau sa aiba o instalare mai grea. Noi pana acum suntem multumiti de aceste noi facilitati. Ratingurile cel putin sunt alternativa cea mai rapida dintre cele existente acum pentru blogger(asa cum va spuneam la postul despre optimizarea interfetei blogului nostru).

Daca aveti un blog colectiv (posteaza mai multi bloggeri) este dificil sa obligati fiecare blogger sa intre la noual panou de control in loc de cel vechi, de aceea este bine sa bifati casuta "Doresc ca Blogger în schiţă să fie tabloul meu de bord prestabilit." de pe prima pagina a noului vostru tablou de bord .

Mult succes!

Vizitatorul nostru, stapanul nostru

2008-11-28T18:56:00.009+02:00

Astazi s-a incheiat perioada de vot la cel de-al terilea sondaj realizat pe blogul nostru. Pentru eternitate, el se referea la ce putem imbunatati in propria interfata web. Rezultatele au fost urmatoarele:Deoarece aproape 70% din vizitatori au considerat butonul de trimitere pe siteul Digg a articolului ca fiind aiurea, de azi ianinte acesta nu se va mai regasi in paginile blogului. Aceeasi soarta e posibil sa o aiba si butoanele de "interesant", "distractiv", etc - ele au fost vortate de un numar consistent de vizitatori. Totusi, deoarece numarul de vizitatori care le-au dort afara nu a fost mai mare decat numarul celor care considera itnerfata ok, vom mai reflecta asupra problemei.

Butonul de Digg era jucaria mea preferata...

Am mai lucrat la imbunatatirea timpului de incarcare a pagilor, in special a mainpageului; asta s-a concretizat in renuntarea la vechiul nostru furnizor de ratinguri pentru articole si trackbackuri - HaloScan - a carui viteza lasa de dorit. Noul furnizor este chiar Blogger.com - va vom povesti intr-una rticol viitor despre cum am facut sa activam widgeturile de rating cu "stelute".

Va multumim pentru ca ati votat in numar mare in sondaj si va promitem ca vom incerca sa imbunatatim interfata si in continuare, ca sa facem citirea articolelor un lucru si mai placut ca pana acum.

Europeana - Popularity brings the site down

2008-11-27T01:13:00.008+02:00

Pe 20 noiembrie a fost lansat siteul bibliotecii digitale europene. Europeana.eu nu va fi doar biblioteca digitala ci si muzeu si arhiva. Acest proiect isi propune sa fie o interfata web interculturala ce va aduna pana in 2010 nici mai mult nici mai putin de 10 milioane de lucrari disponibile in toate limbile Uniunii Europene:)

La momentul de fata siteul ar trebui sa puna la dipozitie mai mult de 2 milioane de carti, picturi, filme, fotografii, inregistrari, harti, documente de arhiva. Am spus "ar trebui" pentru ca siteul este momentan indisponibil. Motivul pentru care siteul a cazut este pentru ca nu a fost proiectat pentru numarul record de vizitatori care a au accesat siteul in prima zi: 10 milioane pe ora

Pana la mijlocul lui decembrie cand siteul va fi pus pe picioare, ne sta la dispozitie siteul de dezvoltare : http://dev.europeana.eu/ , care din pacate este doar in engleza. Daca sunteti curiosi sa aflati mai multe despre istoria proiectului Europeana.eu si despre propunerile de creare a Bibliotecii Digitale a Romaniei puteti citi un articol pe care l-am gasit aici

Scarbele din politica romaneasca

2008-11-27T00:26:00.005+02:00

Nu imi vine sa cred ce mizerabili sunt astia. Si tot el zice de mojicie...

Niste tarani, bre!

Ca sa stiti pe cine votati. Nu degeaba e Vlad nehotarat. Eu clar nu merg la vot anul asta, mi-e scarba.

Despre XSL

2008-11-26T23:19:00.023+02:00

XSL este o prescurtare a eXtensible Stylesheet Language, si defineste un standard de descriere a fisierelor XML. Un fisier XSL ofera unui browser informatii despre modul de afisare al lui fisier XML, similar cum pentru HTML se foloseste CSS.
Cel mai simplu mod de utilizare pentru a vedea functionalitatea si utilitatea limbajului este crearea unui fisier XSL ce va contine informatii despre formatarea nuui fisier XML. Pentr a realiza legatura intre cele doua fisier, in fisierul xml ce se doreste formatat se va introduce linia:
, atributul href indicand fisierul de formatare folosit. Browserul se va ocupa in continuare, la deschiderea fisierului XML, de a aplica formatarea descrisa in foaia_de_formatare.xsl.

Cel mai important element din XSLT este templateul, avand sintaxa:

<xsl:template match="element_XPath">

<xsl:template>

Elementul match specifica o expresie XPath dupa care se indentifica nodurile ce vor fi prelucrate. In interiorul XSL:template se vor prelua apoi datele dorite din nodul gasit si se va face formatarea lor. Un fisier xsl va avea urmatoarea structura:

<xsl:stylesheet version="1.0" xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
.......
</xsl:template>
</xsl:stylesheet>

In locul tagului “xsl:stylesheet” se poate folosi si:
<xsl:transform version="1.0" xsl="http://www.w3.org/1999/XSL/Transform">
</xsl:transform>

Ca urmare a folosirii xsl:template, elementul indicat de match (in exemplul de mai sus fiind vorba de nodul radacina) va fi inlocuit cu continutul

Alte cateva elemente importante sunt:

-> <xsl:value-of> ce va extrage valoare unui nod extras folosind o expresie XPath
-> <xsl:for-each> ce permite extragerea unui set de noduri ce indeplinesc o conditie XPath, fiecare fiind apoi formatat.
-> <xsl:sort> ce va realiza sortarea elementelor, atributul select indicand campul dupa care se va face sortarea, iar atributul order, ordinea finala a elementelor.

Un mic exemplu ce permite afisarea xml-ului generat la exportarea cartilor din libraryul gmail intr-un tabel, sortate dupa titlu este urmatorul:

<xsl:stylesheet version="1.0" xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">

<html>
<body>

<table>
<tr>
<th>ID</th>
<th>URL</th>
<th>Title</th>
<th>Authors</th>
<th>ISBN</th>
<th>Labels</th>
</tr>

<xsl:for-each select="//book">
<xsl:sort order="ascending" select="title"/>
<tr>
<td><xsl:value-of select="id"></xsl:value-of>
</td>
<td><xsl:value-of select="url"></xsl:value-of>
</td>
<td><xsl:value-of select="title"></xsl:value-of>
</td>
<td><xsl:value-of select="contributor"></xsl:value-of>
</td>
<td><xsl:value-of select="//identifier[.//type='ISBN']/value"></xsl:value-of>
</td>
<td>
<xsl:for-each select="labels/label">
<xsl:value-of select="."> ,
</xsl:value-of>
</xsl:for-each></td>
</tr>
</xsl:for-each>
</table>

</body>
</html>
</xsl:template>
</xsl:stylesheet>

10 sfaturi pentru o interfata web mai buna

2008-11-25T11:25:00.009+02:00

Am remarcat intre siteurile participante la proiectul la care activam si noi, o serie de greseli care pot avea consecinte nefaste asupra dezvoltarii de lunga durata a siteului. Sfaturile de mai jos sunt de baza pentru orice site sau blog. Daca iti doresti trafic mai mare, sa apri mai sus in Google si sa iti fie remarcate eforturile online, ar fi bine sa le respecti:

1. Nu folosi o interfata web standard
Daca siteul/blogul tau nu se individualizeaza prin nimic fata de ceilalti concurenti, vizitatorii nu isi vor aminti de tine prea usor. Daca folosesti o tema standard pentru blog, gandeste-te ca sunt sute de mii de oameni care au blog care arata la fel cu al tau.

2. Nu folosi o descriere si titlu standard
Pentru utilizatorii care sunt adusi de un motor de cautare, e destul de greu sa te gaseasca daca esti unul din cele 10 siteuri de ep prima pagina cu titlul "Interfete Web".

3. Interfata Web neechilibrata sau stridenta
Daca blogul sau siteul tau are un sidebar care se intinde vreo 5 pagini (scroll) in jos si continutul propriu-zis doar una, atunci ai o problema. Zoso a scris despre aceasta problema de mult, dar nu am reusit sa gasesc articolul anume.
De asemenea, ar fi bine sa nu le lacrimeze ochii vizitatorilor dupa 5 secunde de uitat prin continut din cauza culorilor stridente sau incompatibile una cu cealalta.

4. Nu scrie despre ce nu cunosti
Daca scrii despre un subiect care nu iti e cunoscut, fa-o doar ca sa ceri opinia altora, nu te da mare specializt deoarece os a fii recunoascut instand drept Noob de cater experti si acesti a nu se vor mai intaorce pe siteul tau; ba mai mutl , te vei alege si cu comentarii "arzatoare".

5. 3 videoclipuri de pe youtube nu fac un articol

Nu e de ajuns sa dai copy - paste ca sa ai un articol bun. Poate numai daca esti deja recunoscut si iti permiti, ca in cazul lui Zoso. Altfel, trebuie sa si comentezi ceea ce ai vazut, sau sa fii sigur ca vedeoul respectiv este "self-explanatory", cum zice englezul.

6. Citeaza sursa, daca acest lucru ajuta utilizatorii
Nu e obligatoriu, dar e bine si pentru tine (utilizatorii au acces la mai multa intormatie, prin tine) si pentru sursa care va primi mai multi vizitatori de la tine si iti va remarca siteul. Nu e obigatoriu, dar e recomandat si e o situatie win-win.

7. Nu umple pagina principala cu gadgeturi ce se incarca greu
Daca dureaza incarcatul apginii mai mutl de 5 secunde, ai o problema. Proabbil Google va crede acelasi lucru si te va penaliza in cautari.

8. Cere parerea utilizatorilor
Un sondaj simplu cu privire la ce ar fi bine sa scoti din interfata, duce la simplificarea interfetei si asigura utilizatorii ca dorinta lor conteaza pentru tine.

9. Invata din greselile altora
Citeste alte bloguri, analizeaza-le: ce au bun, ce au mai putin bun. Cauta analize facute de altii.

10. Foloseste statisticile
Nu e de ajuns doar sa te inregistrezi epntru Google Analitics sau trafic.ro. Trebuie sa si folosesti statisticile pentru a observa care articole au avut succes, care nu; care linkuri nu sunt suficient de vizibiel si care sunt amplasate prost; cand vin utilizatorii mai des si cand nu; ce caracteristici compune are majoritatea vizitatorilor, pentru a putea sa ajustezi continutul siteului/blogului tau la nevoile lor.

Meniuri ideale

2008-11-25T05:00:00.000+02:00

Mai jos sunt cateva din meniurile de pagini web care mie imi plac cel mai mult. Probabil ca in viitorul apropiat, multe alte site-uri vor merge pe una din variantele astea. La nivel de utilizator neavizat sunt extrem de simplu de utilizat, iar la nivel de om care sta toata ziua pe net sunt linistitoare si cu butoanele acolo unde le este locul.

Asadar, aici
este interfata site-ului de torente care este preferatul meu in ceea ce priveste interfata.

Urmeaza magazinul meu online preferat (emag)

si site-ul de informatii sportive pe care il accesez zilnic (eurosport).

Gadget-uri pentru interfete web

2008-11-24T23:22:00.000+02:00

Intr-un articol anterior vorbeam despre cat de usor se poate face o pagina web cu ajutorul CMS. Exista de asemena si template-uri de pagini web care pot fi descarcate gratuit si adaptate pentru a obtine rapid un site care arata bine.

Dar cum putem face un site/blog sa fie mai cool fara sa pierdem prea mult timp?
Foarte simplu...adaugam niste gadeget-uri, adica dam copy/paste la bucati de cod deja scrise pe care le includem in paginile noastre. Ca sa fiu mai explicita voi da cateva exemple de gadget-uri foarte utilizate si o sa povestesc pe scurt si cum facem rost de ele:

1. Pe Google Gadgets gasiti tot felul de gadget-uri: ceasuri, mp3playere, calendare, tool-uri financiare, harti, countere etc. Mie mi-a placut un paianjen care se plimba asa ca am selectat gadget-ul am dat click pe Get the Code si apoi am dat copy/paste in articol.

Si acum avem si un mic pet al blog-ului nostru care urmareste mouse-ul:)

2. Pentru a avea o pagina web foarte animata putem adauga si animatii in flash. Se descarca un fisier swf si se scrie in sursa paginii web ceva de genu: "<"embed width="" height="" src="numefisier.swf"> "<"/embed>. Cele mai des utilizate sunt bannerele si paginile de start animate in flash. Eu am adaugat un joculet recomandat de frate-miu...Atentie e violent deci nerecomandat copiilor:)

3. Alt gadget foarte popular este mini-playerul youtube. Foarte multa lume vrea sa-si puna pe blog o melodie, un filmulet funny sau o secventa din emisiunea lui mircea badea. Cel mai simplu e sa intri pe youtube, sa cauti filmuletul si sa dai copy/paste la codul scris in casuta "Embed". Eu am gasit o melodie foarte draguta tot pe un blog in timp ce imi faceam prima tema la IE:)

4. In general pentru a face o pagina mai dinamica si mai interactiva se utilizeaza javascript si ajax. Cel mai funny exemplu de cat de departe se poate merge cu javascript este DHTML lemmings

La ce cautari suntem pe prima pagina in Google

2008-11-24T19:24:00.000+02:00

Pentru ce cautari iese blogul nostru pe prima pagina de rezultate Google pana acum?

interfete web (of course :P , locul 1 sau 4, oscilam)
badea programator (locul 1)
programatori timizi (locul 1)
nume firefox (locul 2)
dependenta de net (locul 8)
CTTE (locul 9)

Eu zic ca este foarte bine, avand in vedere ca suntem de 20 de zile online :)

Alte cautari dupa care ne gasesc oamenii ar mai fi:

badea
SEO
si....
p3nis

Da, ai citit bine. Chiar cuvantul ala e. Cum de am ajuns sa fim cautati dupa asa ceva? Pai a venit cineva care sa ne critice intr-un mod elegant, intr-un comentariu la un articol mai vechi. Ne-a adus vizitatori si pentru asta ii multumim.

PS: Va rugam sa vorati in sondajul din partea dreapta, ne va ajuta sa va oferim o interfata web pe gustul vostru.

Bloguri pentru candidate...continuarea

2008-11-22T16:09:00.011+02:00

Acum 2 saptamani cand presa vuia despre alegerea noului presedinte al SUA (desi nu cred ca a fost o surpiza ca e iesit Obama) am scris si eu despre blogurile catorva doamne candidate la alegerile de pe 30 noiembrie. Astazi voi comenta blogurile/siteurile a doua candidate destul de mediatizate din motive politice sau mai putin politice.

Voi incepe cu cea mai mediatizata doamna din politica romaneasca: Elena Udrea.
La cautarea pe google primele 2 intrari sunt blogul si siteul. Mi se pare excelent faptul ca, desi apare mereu in presa despre monden, in pictoriale sexy sau in "reclame" la genti LV, cele mai bine cotate pagini sunt cele legate de activitatea politica si profesionala.

Am intrat mai intai pe blog (care face parte din site) si am fost din nou placut impresionata. Aspectul este placut si practic: iese in evidenta si culoarea portocalie si poza doamnei Udrea, dar in dreapta apare si Agenda, care mi se pare foarte utilia in cazul in care esti interesat de activitatea candidatei. De asemenea articolele sunt taioase si in stilul tandemului Basescu-Udrea vezi Premier sau nimic?. Ce mi se pare batator la ochi este ca la o saptamana pana la alegeri post-urile sunt despre ce nu fac bine Tariceanu, Geoana, PSD si nu despre ce face bine doamna Udrea. Ce arata cel mai mult faptul ca blogul este foarte vizitat este numarul considerabil de commenturi. De exemplu cele 2 articole postate ieri au deja 300 de commenturi (si nu toti vizitatorii scriu si commenturi). De aceea am si cautat page rank-ul blogului si am aflat ca blogul are Page Rank 3, ceea ce este destul de bine: noi de exemplu avem 0 :D si cancan.ro are 5:P

Ce nu-mi place la site este in primul rand poza mult prea mare a doamnei Udrea de pe pagina principala (cu un decolteu mult prea mare), care oricum este cam incarcata. La partea de proiecte au aparut 4 intrari pe 18 noiembrie, ceea ce denota apropierea votului. Alt lucru care mi-a displacut la prima vedere este sectiunea Concurs, dar dupa ce am vazut despre ce e vorba (concurs pentru alegerea sloganului electoral etc.) mi s-a parut o strategie buna:)

In concluzie site-ul doamnei Udrea este un site electoralreusit (desi un pic cam incarcat) si nu lasa loc de discutii in ce priveste motivul pentru care a fost creat: alegerile de pe 30 noiembrie. Vom vedea cat de bine se vinde produsul Elena Udrea tinand cont ca in ambalaj s-a investit mult, dar cel mai important ramane tot continutul!

Utrmatorul blog pe care am intrat a fost cel al candidatei PSD Oana Niculescu-Mizil (contracandidata lui GIGI). Am constat ca e mai placut sa te uiti pe un blog aerisit cu mai putine constraste de culori (obosisem de la siteul Elenei Udrea). Am gasit blogul cam greu, deoarece mai intai am dat search dupa "Oana Mizil" si toate link-urile erau despre moda, mirese etc. Trecand de prima impresie (ca nu ma mai dor ochii) am inceput sa dau scroll, dar nu m-am oprit sa citesc niciun articol deoarece mi se pareau prea lungi si cu prea putine paragrafe. Nu mi-au placut nici link-urile catre bloguri de la sfarsitul catorva posturi. Mi se pare cam ciudat ca la Top Articol apare sectiunea cu poze. Mi se pare ok ca exista link si catre siteul ei de campanie, altfel nu l-as fi gasit niciodata, dar ar fi trebuit pus in prima parte a paginii ca sa fie vizibil cand se incarca blogul.

Pe blog exista si un Trafic Counter care nu stiu cat de bun e: arata 20000 de vizitatori dar cum blgoul/siteul nu e in scris pe Trafic.ro nu am aflat cati sunt vizitatori unici. Ca page rank sta la fel de "bine" ca noi: 0. La capitolul page rank cred ca Elena Udrea a facut knock out celalalte candidate.

Pe blog apar cam putine posturi si siteul nu contine nimic la sectiune Agenda. Informatiile de pe blog si de la sectiunea Media nu mi se par suficiente pentru a contura o imagine de candidata, dar trebuie sa tin cont si unde candideaza: in Ferentari contra Gigi Becali. Pot presupune ca acolo oamenii nu stau sa citeasca pe net despre Oana Mizil cand le vine curentul, iar pozele de pe blog sugereaza ca activitatea ei se desfasoara mai mult pe teren ceea ce cred ca e un avantaj.

In concluzie, nu cred ca s-a depus prea mult efort in mediatizarea pe net a doamnei Oana Mizil dar blogul ofera cat de cat informatii despre activitatea din campanie si personalitatea candidatei (P.S. e stelista :P )

Cea mai proasta interfata web vazuta de mine vreodata

2008-11-22T11:51:00.005+02:00

Inca incerc si nu reusesc sa ma trezesc din socul avut acum cateva minute cand am vazut cea mai proasta interfata web de pana acum (si am vazut ceva siteuri ). O sa va las pe voi sa judecati, daca mai puteti dupa ce o vedeti:

Aici.

Asta e tortura, nu interfata web. Si siteul ala mai are si nume havenworks.

Oare ce au gandit designerii aia cand au facut opera asta de arta? Sau a fost dorinta clientului sa arate asa?

Ca meniul sa fie complet, sa privim pagina dedicata portofoliului si in acelasi timp pentru SEO . A se remarca prezenta cuvintelor cheie, pe acelasi rand, toate, nepuse intr-o propozitie. Probabil mergea cand era Google in Beta, mai stii?

GNU logo

2008-11-21T23:59:00.011+02:00

Continuand seria de articole despre logouri celebre, azi discutam despre sigla GNU. GNU este un sistem de operare creat (prin faptul ca este free), cu intentia de a fi opusul Unix, de unde si acronimul: GNU Not Unix.

Pornind de la denumirea sa, logoul reprezinta (surpriza!) un gnu.

Antilopa gnu este un pasnic ierbivor din familia bovine, ce traieste pe pajisti si in zonele de savana din sud-estul Africii, avand durata de viata de peste 20 de ani. Exista doua specii, antilopa gnu neagra sau albastra, cea din urma datorandu-si numele reflexelor albastre-arginii ce le are pielea, acoperita cu par foarte scurt. Logo-ul GNU insa, se apropie mai mult de imaginea antilopei negre.

O mare parte din popularitatea initiala a siglei GNU se datoreaza cantecului, bazat pe jocuri de cuvinte, realizat de Flanders si Swann, care a facut deliciul multor ascultatori:

A year ago, last Thursday I was strolling in the zoo
when I met a man who though he knew the lot.
He was laying down the law about the habits of Baboons
And how many quills a porcupine has got.
So I asked him: 'What's that creature there?'
He answered: 'Oh, H'it's a H'elk'
I might of gone on thinking that was true,
If the animal in question hadn't put that chap to shame
And remarked: 'I h'aint a H'elk. I'm a Gnu!'

'I'm a Gnu, I'm a Gnu
The g-nicest work of g-nature in the zoo
I'm a Gnu, How do you do
You really ought to k-now w-ho's w-ho's
I'm a Gnu, Spelt G-N-U
I'm g-not a Camel or a Kangaroo
So let me introduce,
I'm g-neither man nor moose
Oh g-no g-no g-no I'm a Gnu'

I had taken furnished lodgings down at Rustington-on-Sea
Whence I travelled on to Ashton-under-Lyne it was actually
And the second night I stayed there I was woken from a dream
That I'll tell you all about some other time
Among the hunting trophies on the wall above my bed
Stuffed and mounted, was a face I thought I knew;
A Bison? No, it's not a Bison. An Okapi? Unlikely, Really. A Hartebeest?
When I though I heard a voice: 'I'm a Gnu!'

I'm a Gnu, ,A g-nother gnu
I wish I could g-nash my teeth at you!
I'm a Gnu, How do you do
You really ought to k-now w-ho's w-ho.
I'm a Gnu Spelt G-N-U,
Call me Bison or Okapi and I'll sue
G-nor am I the least
Like that dreadful Hartebeest,
Oh, g-no, g-no, g-no,
G-no g-no g-no I'm a Gnu
G-no g-no g-no I'm a Gnu

It's very G-nice of you.

Cum sa iti faci blog de politician

2008-11-20T20:34:00.005+02:00

Fiindca ma ocup de comparatii, astazi este randul blogurilor sa fie comentate. Inainte de a fi obligat sa imi indrept atentia catre bloguri datorita unei materii din facultate, nevoia de a cauta macar pe internet cuvantul blog era in cazul meu nula.
Plecand de la acest fapt, voi analiza astazi blogurile politicienilor mei favoriti - politica ma intereseaza in destul de mare masura, si a fost primul domeniu la care m-am gandit cand m-am hotarat sa vorbesc despre interfete web de bloguri.
Astfel, se aliniaza la start blogurile lui Adrian Nastase, Calin Popescu Tariceanu, Gigi Becali si Ecaterina Andronescu.

Adrian Nastase are un blog placut vederii, cu un banner inspirat. Aerul blogului este de sinceritate, cel care scrie textele foloseste tonul pe care il auzim si la televizor din partea politicianului. Este usor de umblat prin blog, desi latimea paginii nu e asa mare ca la noi :P. Se vede ca este un blog aparut de mult timp si imi place. Poate unele articole de pe prima pagina sunt totusi cam lungi, dar e ok.
Calin Popescu Tariceanu este mai nou utilizator de blog, avand in vedere ca prima postare este veche de 17 zile. Totusi, blogul este integrat in site-ul premierului si astfel are un aspect frumos, colorat in culorile partidului si placut vederii. Cred ca varianta de blog integrat in pagina personala este foarte buna, voi urma calea asta in viitor, daca va fi cazul.
Poate si pentru ca simpatizez persoana, blogul lui Gigi Becali mi se pare cel mai reusit dpdv al aspectului. O tema verde, pagina lata, combinatia de culori extrem de inspirata. Scrisul pe pagina e mare, exista spatii intre paragrafe. Din pacate, mai apar din cand in cand texte de un negru pronuntat, care excita cam mult vederea, fata de griul predominant al textelor. Un alt minus e ca apar multe comentarii din alea gen antena 3 pe site (deh, am atras si la noi pe blog comentatori de gen, dar sunt riscurile aparitiei online!). Desi autorul a specificat clar ca nu va scrie textele de pe blog de mana lui, parca nici prea legate de personalitatea lui nu sunt. Mai putine titluri gen can-can probabil ca ar ajuta.
Doamna rector se vede ca nu e pasionata de bloguri, avand in vedere continutul relativ sarac al blogului dumneaei. Cu toate astea, organizarea in pagina e excelenta, tema este aleasa inspirat. Daca ar fi ceva de imbunatatit, as recomanda o constanta in dimensiunea fontului textelor, o poza in banner mai putin electorala si un continut mai bogat in articole.

Cam atat despre bloguri de politicieni. Sa speram, ca de fiecare data inainte de alegeri, ca vor urma 4 ani mai buni si politicienii autohtoni se vor tine de promisiuni.