Kao posledica članka Jakoba Nilsena u AlertBoxu, nastao je moj prethodni post. Moram se pohvaliti da sam dobio (jako kratak) mail od njega… samo:
Good, thank you.
Interesantno je dalje da taj članak proizvodi nove reakcije. Stefan Ullrich je napravio JavaScript koji polju passworda dodaje interakciju sličnu onoj koja postoji kod unosa passworda na većini mobilnih telefona. Slovo se pokaže na tren i onda se pretvori u zvezdicu.
Nedavno je u svom Alertboxu, čuveni usability guru Jakob Nielsen skrenuo pažnju na to da polja za unos lozinki nisu u skladu sa proklamovanih 10 principa dobrih korisničkih interfejsa, osnosno sa prvim sa te liste:
Iz sigurnosnih razloga, polje za unos lozinke se maskira, odnosno tokom unosa, umesto unetih znakova pojavljuju se zvezdice, kružići i sl. za svaki znak po jedan. Ukoliko bi bilo drugačije, neko ko tom prilikom istovremeno gleda u ekran mogao bi videti unetu lozinku.
Jakob, dalje postavlja pitanje koliko često vam neko gleda u ekran kada ukucavate lozinku, odnosno koliko ste puta sa druge strane pogrešno utipkali lozinku samo zato što niste videli šta ste uneli (a to se kosi sa principom 1).
Zbog toga, kao moguće rešenje, predlaže se dodavanje checkboxa koji uključite kada, eto, neko drugi gleda u ekran i tada unos biva maskiran. Sa druge strane, u mnogo češćoj situaciji, kada nemate “kibicera”, princip 1 će biti ispoštovan.
Za tu priliku “skockao” sam mali JavaScript koji to rešava. Skript je standalone, odnosno nije potrebna neka dodatna JavaScript biblioteka.
Dok držim predavanja ili pišem tekstove (ili postove), često pominjem web browsere. Uvek sam u nedoumici, da li to treba uvek ispočetka objašnjavati… i… izgleda da treba…
Šta tek reći o mojoj pasioniranoj temi – browserless webu?
Juče mi je klijent prijavio manji problem u web aplikaciji, i naravno odmah smo odreagovali i javljam mu kratko e-mailom:
“U pravu si… uradi sam!”
Problem je u tome što sam hteo da napišem:
“U pravu si… uradio sam!”
To jedno jedino slovo je tom e-mailu dalo potpuno drugi ton.
Slučajno sam to primetio, kada mi je odgovorio na taj moj e-mail tekstom u kojem su preovladali upitnici… i nešto uzvičnika. Posle sam mu objasnio grešku, i sve je u redu…
Da li ste imali sličan “biser”, toliko moćan u vidu jednog jedinog slovceta?
Ako se ne vidi u RSS readeru… idite na direktno na blog post…
Ukoliko u svoju listu “prijatelja” na GTalku (ili u još nekoliko IM mreža), dodate i
majlab@bot.im
dobićete tzv. “instant message robota”, odnosno “automatizovanog sagovornika”… on za sada “zna” samo da vam kaže današnji kurs evra, ali i kurseve unazad par godina. Uputstvo za korišćenje dobijate ako mu u chatu ukucate:
man
… od manual (linuxovski)
Sve to je samo deo našeg istraživanja ovog vida (browserless paradigme) upotrebe Interenta.
Ideje za dodatne servise (osim kursa) su dobrodošle, a najbolje su one koje su došle od čistih potreba.
IM robots
Krenulo je na jedan način… izašla mi je na Skype klijentu pop-up reklama za novu uslugu land-line (pozivanje “fiksnog”) telefoniranja po flat-rate tarifi. Odem tamo, i naravno na listi zemalja koje ulaze “Unlimited World countries” nema Srbije. Odnosno po flat-rate tarifi ne možete Skypeom zvati “fiksni” u Srbiji.
Rekoh krenulo je na jedan način, a onda sam se (tipično web developerski) uhvatio za to kako su na Skypeu iscrtali onoliko nacionalnih zastavica na toj stranci. Pogledam… lepo… jedan HTTP request – jedna slika (~27kb) za sve zastavice… i onda sada već klasičan css hak, sa pomeranjem pozadine (background-position).
U markapu, takođe lepo… element ima dve klase tipa
class=”flag rs”
Jedino što treba da zaboravite na dvoslovna imena klasa, pošto su skoro sve kombinacije na ovaj način iskorištene…
… međutim onda pogledam u css:
.flag.AD { background-position:-16px -44px; }
.flag.AE { background-position:-16px -55px; }
.flag.AF { background-position:-16px -66px; }
…
… i tako 11kb css – nije puno, ali treba ovo pisati(!)
Ovim je nešto “ubrljana” inače odlična ideja da se napravi ta matrica sa zastavicama, gde u vertikali i horizontali imate slova od A-Z, te da je svaka zastavica na “koordinati” svoje dvoslovne međunarodne oznake. Na primer za Srbiju – u koloni R i redu S – RS.
Relativno malim “parčetom” JavaScript kôda moguće je postići isti efekat (kao na Skype) ali tako što će JavaScript na osnovu imena klase npr. “flag_rs” izvući ta slova “r” i “s”, očitati njihov ASCII kôd (sa charCodeAt), pošto je kod slova malo “a” – 97, oduzimamo 96 te množenjem sa visinom (11 px) i širinom (16) zastavice dobija se tačna pozicija za “background-position”. Razlika između 96 i 97 je zbog toga što na slici (nepotrebno) postoji taj redi i kolona sa slovima – te je ta razlika 1 x 11px potrebna.
Pogledajte primer koji radi sa Jquery bibliotekom, ili drugi koji radi bez posebne biblioteke (sirovi, ali unobtrusive JavaScript). Oba primera možete pokupiti i u zip datoteci.
Za kraj “geekovski” vic:
Baka: Dajte mi 200g praške šunke.
Mesar: Da vam narežem?
Baka: Ma ne, baci mi na flash!
Klijenta naravno treba poštovati, ali nisu svi klijenti.
Ako se bavite izradom on-line prisustva (web sites, web aplications, RIA, browserless web, mobile web…) verovatno imate “svoju priču” sa klijentima, kojoj povremeno uradite “update” na osnovu dotadašnje najbolje prakse.
Umesto dosadne proze, evo algoritma moje najbolje prakse:
Od ove nedelje, Majlab je na novoj adresi u ulici Kolo srpskih sestara.
Pre oko godinu dana tri firme su pokušale da se organizuju u jednom prostoru, pokušavajući da iz toga izvuku neku dodatu sinergetsku vrednost. Taj neformalni klaster je barem mojoj firmi doneo puno toga dobrog, ali je vremenom pokazivao i loše strane – te su ne samo poslovni interesi doveli do toga da Majlab nastavlja samostalno.
Znam da među čitaocima bloga, ima ljudi koji razmišljaju o sličnim “klasterima” za svoje firme. Želim im reći da je i pored svega to dobra ideja, ali da to nije trajno rešenje – nego više privremeno stanje u kojem firme trebaju da ojačaju – čista dijalektika. Raspložen sam i da prenesem iskustva, kad se vidimo.
Nama se to jačanje desilo, a mislim da jeste i u druge dve firme.
Usput, pozvan sam da predajem na Ifrontu, moja tema je naravno – browserless web. Tema je još zrelija nego pre godinu dana.
