Noutati despre interfete web si interfete evoluate

Se afișează postările cu eticheta interfata utilizator. Afișați toate postările
Se afișează postările cu eticheta interfata utilizator. Afișați toate postările

luni, 12 ianuarie 2009

Despre interfete

De curand a expirat termenul de predare al temei 4 la materia interfete evoluate. A fost o tema interesanta ce a avut ca scop realizarea unei interfete pentru un program de cautare in log-urile aplicatiilor de messenger instalate in sistem.

La prima vedere, tema parea a fi una deosebit de usoara, pana cand am inceput sa ma gandesc la acele amanunte care fac diferenta intre interfetele aplicatiilor. (Tema am realizat-o in Java, iar interfata grafica a utilizat Swing). De exemplu, am vrut sa afisez rezultatele cautarii intr-un arbore in care utilizatorii sa fie grupati dupa sistemul de messenger utilizat. Pare o sarcina simpla, insa am vrut sa afisez si un icon pentru fiecare sistem de messenger, asta inseamna ca este nevoie de un renderer customizat. Dupa o cautare am vrut ca primul utilizator sa defina vizibil si sa ii fie selectata prima conversatie, ceea ce a dus la necesitatea tinerii evidentei primului utilizator adaugat si apoi a fost necesar sa aplelez niste metode pentru a face vizibil nodul selectat.

Un alt amanunt a fost ca atunci cand selectez campul de introducere text (care este un combobox editabil) sa se selecteze automat textul existent. Aceasta sarcina nu este asa de usoara pe cat pare. In mod normal, se adauga un ascultator de tipul FocusListener capabil sa receptioneze evenimentele de tipul FocusGained / FocusLost si apoi la primirea focusului se apeleaza o metoda asupra modelului combobox-ului care va selecta textul; numai ca in cazul combobox-ului nu este deloc simplu, deoarece combobox-ul este o combonenta compusa din mai multe componente (editorul text, butonul si container-ul in sine). O solutie era adaugarea listener-ului tuturor obiectelor continute in combobox, insa aceasta solutie nu functioneaza pentru componentele care au setet lok and feel-ul de Windows deoarece se pare ca exista un bug in acest look and feel care nu permite procesarea evenimentelor de tipul focusGained / focusLost de catre unele componente. Si asa am pierdut aproximativ trei ore cautand o solutie. In final am creat o noua clasa editor pentru combox careia i-am adaugat un listener la editorul intern (care este un textField).

Un ultim amanunt pe care il mentionez este partea de afisare a conversatiei care am dorit sa fie placuta, in sensul ca am vrut sa afisez numele utilizatorilor in culori diferite, data mesajului intr-o culoare placuta, dar diferita de numele utilizatorilor, si in plus, textul cautat sa fie evidentiat prin scrierea lui cu culoarea rosu. Si asemanator cu tree-ul utilizat pentru afisarea utilizatorilor, am dorit ca atunci cand se vizualizeaza o conversatie sa fie afisata prima linie care contine textul cautat.

Toate aceste "amanunte" tin de utilizabilitate si sunt cele care fac diferenta intre o aplicatie pe care utilizatorul sa o foloseasca cu placere si una pe care nu o prea foloseasca.

Mai multe detalii puteti afla din sectiunea Produse a site-ului nostru.

Read more...

vineri, 19 decembrie 2008

Jing [le bells]


Motto-ul : "Simple is beautiful" exprima foarte clar si modul in care echipa IntelliWeb vede interfetele web. De aceea cei de la Jing m-au cucerit de prima data cand am descoperit tool-ul lor care face lucrurile mai complicate sa devina o joaca.

Stiu ca dupa titlu ca asteptati poate sa vorbesc despre sarbatorile care sunt pe buzele tututor, insa eu vreau sa sparg tiparele :) Asa ca , taa daaa, o sa va spun de ce mi-a placut acest programel de screen capture si screencasting.

Asa ca here we go :

  1. Instalarea nedureroasa (desi are nevoie de platforma .NET asa ca daca nu exista preinstalata va dura ceva mai mult)
  2. Interfata cu utilizatorul este unul dintre aspectele care m-au facut sa il iubesc pe Jing. Atunci cand ruleaza se aseaza cuminte in partea superioara a ecranului ca un mic soare pe care il vezi pe jumatate. Daca ai nevoie de el un simplu mouseover il va trezi pentru a-ti sari in ajutor. De remarcat ca daca lucrezi cu Jing pornit nu o sa sughita computerul din lipsa de memorie, nicidecum.
  3. Pentru a prinde o imagine a ecranului din doua click-uri nu ai ce face. Selectezi portiune care te intereseaza iar apoi ai la dispozitie mai multe unelte pentru a explica ce se intampla in poza - poti sa faci highlight pe anumite zone, sa introduci niste casute cu text, sa adaugi sageti.
  4. Poti fie sa salvezi pe computerul personal, sa pui pe un ftp, sa postezi in contul tau de pe Screencast. Dar cel mai fain este ca poti sa trimiti direct la Flickr sau sa copiezi imainea ca atare (ca ca un link)
  5. In ce priveste screencasting-ul acesta este de o calitate satisfacatoare iar limiarea la 5 minute nu este deloc deranjanta. Cine vrea sa se uite la mai mult de 5 minute de explicatii anyway?
  6. Odata ce s-a terminat inregistrarea poti sa uploadezi pe Screencast unde ai la dispozitie 2G de spatiu si de bandwidth lunar, sau sa salvezi inregistrarea ca swf intr-un director sau pe ftp.
Exista si o versiune Pro care iti permite sa iei screencasturile in format MPEG sau sa le trimiti direct la YouTube sau Vimeo, insa pentru nevoile zilnice personale am gasit varianta Free mai mult decat completa.

Te incurajez sa renunti la a mai apasa PrintScreen si sa incerci Jing. Te asigur, va deveni indispensabil.

Anca

Read more...

Arhivă blog