interfete web

pentru anul viitor

2009-01-13T15:26:00.000-08:00

Cateva recomandari pentru cei care aleg ie pentru la anul:
(mai putin ortodoxe)

- o lista cu toate linkurile spre site-urile din acel an (din toata seria/anul) distribuita fiecaruia cu taskul clar de a accesa cat mai multe pagini din lista respectiva
- articole pe site-ul tau despre articole de pe celelalte site-uri (cineva a avut ideea sa isi axeze site-ul pe a analiza site-urile celorlalti)

despre utilizabilitate

2009-01-13T15:24:00.000-08:00

cititi cel mai bine un articol al unor colegi: Utilizabilitatea - Cum gândesc utilizatorii?

75% of Google's Blogspot Blogs are Spam

2009-01-13T13:24:00.000-08:00

Se pare ca la Google's blogspot 3 din 4 bloguri sunt folosite drept sursa de spam. Google care se lupta de mult cu site'urile si metodele de spam a cazut victima unui abuz al propriului serviciu de blog deoarece rolul blogurilor se va pierde devenind inutil sa cauti informatie utila pe acestea. Fiind un serviciu gratuit spam'erii s-au gandit ca ar fi bine sa se foloseasca de el pt asi ridica ratingurile la site'uri prin reclame si link'uri fara a avea informatie utila si nu exista nici o metoda pentru a combate asta oricine avand posibiliatea sa-si faca blog. Asa ca nu le ramane celor de la google decat sa stearga sau sa blocheze blog'urile ce apar in rezultatele algoritmului lor ca top spam.

filmulet despre un alt fel de interfata

2009-01-13T05:09:00.000-08:00

Am vazut azi dimineaza pe site-ul unora din colegi un filmulet despre un alt fel de interfata pentru os decat eterna interfata propusa de windows. Si ca sa le fac si lor un bine va dau un link la filmulet direct de pe site-ul lor: video.

intrebare existentiala

2009-01-13T04:35:00.000-08:00

observ o tendinta a acestui blog de a avea cate 3-4 etichete pentru fiecare post, de obicei diferite..
oare e mai bine pentru un blog sa aiba toate posturile sortate in 5-6.. poate pana in 10 etichete sau sa aiba aiurea 100.000 de etichete?
Eu am decis sa nu mai adaug etichete noi. Ce nu se potriveste cu celelalte etichete deja create pun in "stuff", inclusiv acest post

Ce stiu eu despre interviuri

2009-01-12T23:55:00.000-08:00

Experienta mea e departe de a fi considerata vasta. De fapt am participat la un singur interviu vara asta, pentru inscrierea la un stagiu. Am mai fost martora la vreo 3-4 interviuri pentru ca incercau oamenii de acolo sa angajeze pe cineva.

Pot sa dau totusi vreo 3 sfaturi (pe langa faptul evident ca ar trebui sa ai o idee despre ce vor angajatorii pentru postul respectiv si sa stii ceva din domeniu):

- daca primesti la inceput un test de inteligenta cu, sa spunem 100 de intrebari, de obicei o parte sunt mai dificile si altele mai usoare. De exemplu testul meu avea 3 sectiuni:
1. 40 intrebari gen: aveai 3 figuri si trebuia sa alegi a patra figura care apartinea grupului dintr-un set de 4 (parca)
2. 40 intrebari gen: x si y au impreuna 12 mere. Daca x are cu 4 mere mai multe ca y, cate mere are y?
3. 20 intrebari gen: se da o secventa de numere. Care e numarul care urmeaza (cele mai dificile)
Categoria 2 era super usoara. Dar eu am avut problema ca intrebarile de acolo m-au plictisit ingrozitor. Asa ca dupa cateva am sarit peste ele si am trecut la 3. Unde a fost challenging & fun dar mi-a mancat destul timp.
La ce am vrut sa ajung totusi: Pana la urma rezultatele testului respectiv se rezumau pe foaia pe care o avea cel care mi-a luat interviul la un singur numar: numarul de raspunsuri corecte. In cazul asta probabil e mai recomandat sa te axezi intai pe a rezolva toate intrebarile usoare. Pentru a acumula un punctaj cat mai mare.

- daca ti se pune la interviu o intrebare gen cum ai rezolva problema x mai bine stai un picut mai mult, te gandesti si dai un raspuns corect decat sa te repezi cu un raspuns nu tocmai bun.

- cred ca daca interviul nu e tinut cu cineva de la human resources de obicei oamenii aia urmeaza sa lucreze cu tine si e bine sa vada in tine un om langa care ar munci cu placere. De ce zic asta.. Am fost martora la discutiile de dupa interviuri dintre cei care au luat interviuri si ceilalti colegi din departament. Ramasesera la un moment dat la doi oameni dintre care urmau sa aleaga pe cineva. Concluzia a fost ca unul dintre ei, chiar daca parea ca stie mai multe, avea o "figura total inexpresiva" asa ca s-au decis la celalalt. Ciudat motiv de a pierde un interviu? Poate ca nu e, mai ales ca cei doi, din punct de vedere al cunostintelor nu erau mult diferiti.

Si la sfarsit, o povestioara pe care mi-a spus-o andrei:
La un interviu la care a fost, cel care il intervieva i-a spus: "Si in timpul liber ce faci, ce citesti? Eu de exemplu cand am ceva timp liber ma mai uit peste sursele de la kernel"
:| mda..

ActiveX in Firefox

2009-01-12T13:35:00.000-08:00

As a proudly Firefox user, mi-am inceput tema 4 la IE cu ideea sa folosesc html, css si javascript. Problema....MARE!! Cand am incercat sa salvez setarile fiecarui user in fisier am aflat ca javascript foloseste o serie de obiecte ActiveX pentru a scrie intr-un fisier. Cum eu testam tema in Firefox pe Linux am inceput un "Google search".

Am gasit 2 add-on-uri Firefox pe care le gasesc foarte (tari!!!) folositoare:
1. Media Wrap care "mapeaza" obiectele ActiveX in plug-in-uri suportate de Firefox
2. IE TAB care permite vizualizarea unor pagini in tab-uri Internet Explorer (atentie!) deschise in Firefox.

Totusi, dupa ce am pierdut ceva vreme cu cautarile, m-am decis: Tema 4 IE = JSP + Servleti

Doesn't he look a little bit like you?

2009-01-11T14:46:00.000-08:00

Sugestie...

2009-01-11T14:31:00.000-08:00

Poate n-am inteles eu cum trebuie scopul proiectului de IE sau poate ca ma gandesc ca incarcam internetul aiurea cu site-uri despre IE (toate cu continut similar), dar as avea o propunere pentru cei ce se ocupa de tema proiectului de IE.

Cred ca ar fi mult mai interesant daca in anul urmator s-ar posta o lista cu ariile ce pot fi acoperite de proiect, iar site-ul si blog-ul ar avea aceeasi tema (dar nu IE again :P).

Lista mea:
1. Fotografie - galerii foto (aici se poate face ceva complicat, gen spatiu pentru useri care isi incarca galeriile foto), tutoriale despre fotografie, stiri despre expositii, concursuri
2. Cinema - informatii despre filme vechi si noi, comentariile autorilor la filmele pe care le-au vizionat, stiri despre aparitii, despre Box Office.
3. Muzica
4. Sport
5. Programare - tutoriale, best practices

Cred ca ar fi mult mai interesant mai ales in sensul de a vedea inclinatiile studentilor spre alte domenii decat IT (in afara de cei cu "Programarea" :P).
....In concluzie, asteptam cu nerabdare programa de anul viitor.

Christmas Spirit

2008-12-15T05:59:00.000-08:00

Din seria filmelor educative propuse de echipa InWeb:

Primele rezultate Google Analytics

2008-12-05T07:41:00.000-08:00

Rezultatele pe primele 3 zile de la inregistrare:)

Google Analytics

2008-12-02T07:53:00.000-08:00

site'ul http://inweb.supreme.ro/ a fost inscris in google analytics, momentan avem 0 vizitatori ca se actualizeaza dupa 1 zi, maine vom vedea ceva trafic, de asemenea se asteapta si raspunsul de la trafic.ro pt activare site

Impresii despre CTT

2008-12-02T04:42:00.000-08:00

Am citit pe site-ul cursului de Interfete Evoluate numeroase plangeri legate de ctt doar ca de multe din problemele mentionate de colegii mei nu m-am lovit. Construirea arborelui in sine nu mi-a cauzat mari probleme. M-a deranjat din punctul asta de vedere doar faptul ca era o munca redundanta si care nu te dezvolta in vreun sens ca om. Trebuia in mare doar sa stii semnificatia a aproximativ 7 butoane si atat. Click colo, click dincolo, brainless.

Problema adevarata a fost insa alta: salvarea. Si nu am fost singura care m-am ciocnit de ea. Dupa ce in prima zi am adaugat in arbore aproximativ 120 de noduri, a doua zi, cand am deschis fisierul nu am mai gasit decat vreo 15. Am aflat de la colegii mei ca nu merge sa salvez decat cu save as. Minunat. Am luat-o de la inceput. Am adaugat nodurile care lipseau (cum mi le-am mai amintit si eu). Am salvat doar cu save as (folosit cu un exces de zel ce numai un om obsedat l-ar putea avea). La sfarsit, dupa ce am terminat, trebuia sa inchid programul. Si atunci am dat in paranoia. "Daca inchid programul acum, la urmatoarea deschidere mai gasesc acolo nodurile pe care le-am pus acum sau nu?". In fine, mi-am zis, fie ce-o fi. Si l-am inchis. Am deschis imediat la loc. Lipseau cam 10 noduri (ultimele puse in arbore). Le-am re-adaugat si am salvat din nou. Inchid, deschid din nou programul, la fel. O experienta de genul asta iti trezeste toti nervii. Te poti astepta la tot felul de tampenii din partea unui program, dar cel putin sa iti salveze cand ii spui sa salveze ceva. Uite, ctt-ul asta nu voia de nici o culoare. M-am enervat si am trimis tema doar cum era, pe jumatate (terminasem doar arborele pentru administrator fara ultimele 10 noduri - cele ce nu voiau sa fie salvate). In momentul in care am renuntat la lucrurile care nu aveau sens (adica sa ma mai chinui inutil cu ctt-ul) nervii s-au calmat.
A doua zi am aflat de la vreo 2 colegi ca daca salvam fisierul cu extensia ctte nu as fi avut probleme cu salvarea. Nu ca ar fi fost un fapt demonstrat dar ei asa au procedat si salvarea a mers dupa cum s-ar astepta oricine sa mearga.
Intr-un final, dupa ceva zile, am incercat si eu cu .ctte si intr-adevar, salvarea nu a mai fost o problema. Nimic nu a mai fost o problema.

In orice caz, situatia nu e acceptabila. Ar trebui sa existe un warning mare in momentul in care cineva vrea sa descarce aplicatia asta in care sa i se povesteasca sumedenia de buguri ale programului care ii pot provoca omului peri albi.

enunt tema 3 ie

2008-12-01T02:50:00.000-08:00

Javascript si Ajax

search cu highlight pe text

Se cere sa se realizeze un script care sa extraga termeni de cautare dintr-o pagina HTML si sa ii marcheze vizual (similar cu functionalitatea google http://www.googleguide.com/favorite_highlighting.html
- versiune simplificata, fara highlight diferentiat ca si culoare pe fiecare cuvant in cazul in care sunt mai multe cuvinte folosite ca termeni de cautare)

In acest scop, se va folosi o pagina HTML cu un formular in care se vor introduce termenii de cautare si numele fisierului HTML in care se va efectua cautarea (alt fisier HTML pe acelasi server). La apasarea unui buton de search, se afiseaza in aceeasi pagina cu formularul, intregul text din fisierul selectat anterior avand termenii de cautare highlighted.
Formularul va ramane vizibil, permitand o noua cautare.

Se vor trimite : fisierele HTML (atat cel care contine formularul de cautare cat si cele folosite pentru textul pe care se face search) si fisierele Javascript folosite.

Folosirea AJAX nu este obligatorie dar se va acorda un bonus de 10% pentru cei care folosesc.

Design and Interfaces

2008-11-30T08:13:00.000-08:00

Probabil toata lumea a intrat cel putin odata pe deviantart.com si a rasfoit site'ul plin de curiozitate pentru acele poze diferite de ce vedeai la tot pasul pe web. Azi cand am intrat sa vad ce a mai aparut nou m-am oprit la categoria de interfete web, o colectie de snapshot'uri de modele de interfete web foarte interesante si pline de inspiratie in vederea crearii a ceva nou. Cred ca multi s-au lovit de problema design'ului la un site si mi s-au parut foarte utile pentru un begginer sau in pana de idei asa ca m-am gandit sa le fac putina reclama.. :)

mai multe exemple le gasiti la deviantart.com in sectiunea de design & interfaces , merita >:)

This is not Photoshop

2008-11-24T15:09:00.000-08:00

Desi multi dintre voi, nu vedeti legatura intre Photoshop si web 2.0 (sau cu orice subiect legat de interfete evoluate), eu am sa risc si sa merg mai departe cu acest articol.

In urma unei prezentari Adobe, in care s-a discutat despre Photoshop Express si proiectele de diploma ce pot fi implementate in cadrul respectivei firme, mi-am adus aminte de invitatia primita de cei de la Aviary pentru membrii worth1000.com

Aviary este o suita de programe, folosite pentru design grafic, care poate fi folosita direct din browser.

Programul pe care l-am testat eu se numeste Phoenix si este destinat editarii de imagini. Pentru cei obisnuiti sa lucreze in Photoshop, interfata acestui program va parea destul de simpla (unii ar fi tentati sa o clasifice drept "saraca"), dar in momentul in care incepi sa lucrezi descoperi multiplele sale functionalitati. In acest post nu voi arata ceva extraordinar (daca doriti lucruri extraordinare pe site-ul www.aviary.com sunt inregistrate tutorialele lui meowza, unul dintre artistii mei grafici preferati ) ci doar cateva lucruri menite sa puna in valoare simplitatea si eficienta acestei aplicatii.

Pentru inceput, la selectarea imaginii pe care dorim sa o modificam avem mai multe surse posibile: albumele flickr si picassa ale utilizatorului, statia locala de lucru sau galeriile publice puse la dispozitie de Phoenix.

Dupa ce am incarcat poza am ales sa o desaturez. Sceptica din fire, m-am asteptat sa se piarda din calitatea imaginii, dar spre surprinderea mea acest lucru nu s-a intamplat.

Aici un sample de workspace:

La salvare, exista din nou mai multe optiuni: poza poate fi exportata in mai multe galerii publice, in contul tau Aviary sau pe calculatorul propriu:

Momentan aplicatiile Aviary sunt in varianta beta. Exista o comunitate care impartaseste creatiile Aviary, posteaza bug-uri si tutoriale. All in all mi se pare o idee extraordinara, sa poti sa-ti modifici pozele din orice locatie, atat timp cat ai un calculator.

In curand o sa testez si celelate aplicatii Aviary la care am acces si voi posta noi "descoperiri".

So, daca aveti ocazia, incercati si voi!

Blogs mele.. oh really?

2008-11-22T10:51:00.000-08:00

Cum vi se pare interfata la blogger.com?
Eu am gasit de ce sa ma iau. Cand apesi sa vezi profilul unui utilizator (si ai ales limba romana de exemplu) de ce scrie acolo "blogs mele"? :D

enunt tema 2 ie

2008-11-22T06:56:00.000-08:00

Proiectati utilizand CTTE interfata utilizatorului uman cu siteul blogger.com.

se vor considera minim urmatoarele facilitati
1. rol utilizator - vizualizare post,adaugare comentariu, vizualizare lista de posturi, vizualizare categorii

2. rol administrator - adaugare post, adaugare link in blogroll, editare link