Interfete Evoluate

Inchidem blogul bai?

2010-08-10T22:15:00.000+03:00

Apache Struts

2009-01-12T01:48:00.000+02:00

Un framework open source pe care l-am descoperit vara trecuta, si pe care il gasesc extrem de folositor.

Apache Struts a fost realizat pentru dezvoltatorii de aplicatii JavaEE web.Utilizeaza si extinde Java Servlet API ce incurajeaza si obliga totodata utilizatorii sa adopte o arhitectura MVC (Model-View-Controller).

Conform standardului JavaEE al aplicatiilor web, clientul in mod obisnuit transmite informatii serverului, printr-un web form. Informatiile sunt fie trimise mai departe unui JavaServlet care le proceseaza interactionand cu o baza de date si produce un raspuns HTML formatat, fie sunt date unei pagini JSP, document care contine atat cod Java cat si HTML. Rezultatul este acelasi.

Ambele abordari sunt considerate inadecvate pentru proiecte mari, deoarece sunt amestecate prezentarea cu logica aplicatie, facand astfel mentenanta foarte dificila.

Scopul Struts-ului este astfel separarea logicii aplicatie-model (interactioneaza cu baza de date), de view (paginile HTML prezentate clientului) si de controller(instanta ce paseaza informatia intre model si view).

Astfel, Struts pune la dispozitia utilizatorului controller-ul (ActionServlet) si faciliteaza scrierea de template-uri pentru nivelul de prezentare. Programatorul este responsabil cu scrierea codului pentru model si crearea unui fisier de configurare struts-config.xml care leaga modelul de controller si view.

Alte facilitati oferite de Struts:

permite internationalizarea paginii ( modificarea limbii in care e scrisa pagina fara a fi nevoie sa modificam intreaga pagina)
permite validarea datelor trimise in formulare
cu ajutorul unor mecanisme numite "tiles" permite ca prezentarea sa fie compusa din header, footer si content

Sper ca v-am starnit curiozitatea :)
Spor la codat!

Sursa: http://en.wikipedia.org/wiki/Apache_Struts

Pasi mici spre crearea unei interfete

2009-01-11T21:54:00.010+02:00

Fara prea multe batai de cap puteti crea o interfata web utilizand limbaje simplu de invatat.

Astfel HTML, JavaScript si mai nou CSS (Cascading Style Sheets) va pot ajuta sa creati un site destul de reusit.

CSS va pot ajuta sa definiti stilul interfetei, iar cu ajutorul JavaScript-ului puteti adauga interactivitate paginii.

Pe site-ul nostru ( http://interfete-it.110mb.com/ ) gasiti la sectiunea articole niste informatii utile speram noi in legatura cu aceste tehnologii, iar daca doriti sa consultati niste exemple, aveti la dispozitie la sectiunea portofoliu un program ce foloseste, pe langa HTML,Javascript si CSS si AJAX. (Programul, pe baza unui JavaScript, marcheaza vizual(highlight) cuvintele date spre cautare pe o pagina data de utilizator.)

Spor la codat :)

AJAX

2009-01-11T01:16:00.002+02:00

Asynchronous JavaScript and XML.

AJAX-ul este folosit de obicei pentru cresterea vitezei si interactivitatii unei pagini web.
Astfel, nu mai este nevoie de reincarcarea intregii pagini, ci de interschimbarea unei cantitati mai mici de informatii (cea dintr-un formular de exemplu) intre pagina si server.

AJAX-ul reprezinta de fapt un ansamblu de tehnologii:

HTML sau XHTML pentru structura semantica a informatiilor;
CSS pentru prezentarea informatiilor;
Javascript pentru interactivitate, pentru procesarea informatiilor prezentate;
Obiectul XMLHttpRequest pentru schimbul si manipularea informatiilor într-o maniera asincronacu server-ul web;
XML este folosit de obicei pentru transferarea datelor între server si client, desi orice format functioneaza, inclusiv HTML preformatat, text simplu etc.

Pe langa avantajele enumerate mai sus, exista si

Dezavantaje:

paginile create cu AJAX nu se inregistreaza automat in istoria browserului
este mai dificil pentru un utilizator sa faca bookmark pe o anumita sectiune a paginii
exista multe browsere care nu suporta AJAX si Javascript. Multe device-uri de asemenea (PDA, telefoane mobile) nu suporta JavaScript sau obiectul XMLHttpRequest.

Sursa:http://en.wikipedia.org/wiki/AJAX

Sper sa va placa

2009-01-10T23:40:00.001+02:00

Cand era mic :)

Crawlere web

2009-01-05T00:04:00.002+02:00

Un crawler este un programel scris intr-un limbaj de programare ca - C, Java, Python, Perl - care parseaza continutul unei pagini web (preferabil xml valida) si poate extrage diferite informatii din acea pagina.

Este utila existenta acestor posibilitati, deoarece putem afla recursiv, pornind de la un utilizator, informatii despre anumite comunitati web de exemplu.

Daca documentul pe care doresti sa il parsezi nu respecta standardul xml, te poti folosi de GoogleApi, care in urma unor interogari iti ofera un document xml valid ce poate fi parsat cu usurinta, sau libraria Java HTMLParser daca nu este XML valid dar este totusi HTML valid

Pe site-ul nostru http://interfete-it.110mb.com/ gasiti alaturi de un articol explicativ si 2 programele ce analizeaza comunitatile Yahoo360 (cu HTML Parser) si Youtube (GoogleAPI & XML Parser).

Ochelari care gasesc orice

2008-12-10T14:35:00.001+02:00

Da … era si timpul sa apara asa ceva.

Se pare ca o echipa de tehnicieni Japonezi s-au gandit sa ne faca viata mai usoara inventand acesti ochelari. Proiectul se bazeaza evident pe inteligenta artificiala.

Cum functioneaza:

In primul rand trebuie sa spui ochelarilor ce cauti

Apoi acestia iti vor arata pe micul monitor atasat, niste imagini cu ultimele secunde cand ai vazut acel obiect.

Aceste imagini sunt captate cu ajutorul mini camerei atasate.

Un proiect destul de pretentios as zice eu, dar care poate fi viabil in conditiile in care dimensiunile camerei sunt mult reduse, iar monitorul este inlocuit de o voce care sa iti identifice exact locul.

Da … stiu cam S.F. :P

Sursa: http://technology.timesonline.co.uk/tol/news/tech_and_web/article3542404.ece

Concurrent Task Tree (CTT)

2008-12-05T23:27:00.003+02:00

Ce este CTT?
Teoretic este o unealta care ar trebui sa iti usureze cu mult munca.

CTT face referire la structura bazata pe modele de sarcini.
Este o notatie concurenta formala care permite proiectantului sa descrie atat comportarile orientate pe evenimente (event-driven) cat si modificarile de stare ale sistemului.
Cu alte cuvinte poti simula activitatea unei persoane pe pagina ta de internet. De exemplu, ce se va intampla daca da click pe un anumit buton (link) ... unde va ajunge utilizatorul? Va avea apoi la dispozitie posibilitatea de a se intoarce de ex? etc
Poti descoperi multe nereguli pe care altfel le-ai fi ignorat.

Spun teoretic, deoarece desi este bine intentionata, mi-a dat multe batai de cap mie si multor colegi de ai mei.
Parerea mea este ca aceasta aplicatie are nevoie de multa munca in continuare, in stadiul actual reusind sa dea erori la fiecare pas.
Trebuie sa fii sigur ca salvezi de multe ori, pentru a nu pierde orele de munca. Chiar si atunci traiesti cu frica, nestiind daca salvarea a reusit.
Arborele pe care il "desenezi" se incapataneaza sa se rearanjeze dupa bunul plac, netindand cont de faptul ca tocmai ce i-ai aranjat cele 50 de noduri.
Si cireasa de pe tort vine in momentul in care, dupa ce te dai cu capul de pereti, monitor, birou si tot ce mai gasesti prin jur, cu spume la gura si ochii mari observi o eroare "Esti senil!? Ai depasit memoria Java." cred eu uitata de cei care au testat/programat/proiectat dracia, dar pe care o poti lua personal, in acele momente de nebunie .

Oricum, pentru o aplicatie care a fost dezvoltata de o singura persoana este ok, si te poate ajuta sa iei in considerare multe lucruri pana atunci considerate neglijabile.

Pentru mai multe detalii : http://www.interfete-it.110mb.com/ sectiunile articole si portofoliu.

Spor la codat!

I hit the Control key so why am I not in control?

2008-12-01T20:01:00.008+02:00

Acest gen de intrebari si-ar putea pune o persoana care nu are prea multa experienta in domeniul calculatoarelor, si care utilizeaza interfata creata de voi.
O interfata este cu atat mai apreciata cu cat utilizatorul isi poate da seama de pasul urmator pe care trebuie sa il faca, fara sa se dea prea tare cu capul de pereti.
Cand urc intr-o masina in care nu am mai fost si vreau sa reglez scaunul intotdeauna nimeresc sa apas maneta care nu ma intereseaza...si ma trezesc izbita de scaun in spate(de ex.).

Cred ca ar fi mult mai simplu daca scaunul s-ar putea regla folosind un buton ca cel din imaginea alaturata, care are un corespondent in realitate si de functionalitatea caruia ne putem da seama mult mai simplu.

Ce parere aveti de acest scris?

Cam greu de citit nu? Daca ar trebui sa citesc pagini intregi ale unei interfete astfel scrise eu cel putin as renunta destul de repede. So...in cazul in care nu aveti o dorinta arzatoare sa chinuiti lumea, ar trebui sa tineti cont si de acest aspect atunci cand vreti sa realizati o interfata.

Multi dintre noi am vrut sa facem rezervari online ale unor bilete de avion de ex. si ne-am lovit de faptul ca, dupa ce am introdus data de plecare, a fost nevoie sa cautam din nou data de intoarcere, netinandu-se cont de faptul ca nu ai cum sa te intorci inainte sa pleci...

Lucruri marunte dar care fac diferenta in mintea clientului.

Interfete evoluate Interfete evoluate Interfete evoluate Interfete evoluate Interfete evoluate Interfete evoluate Interfete evoluate Interfete evoluate Interfete evoluate Interfete evoluate Interfete evoluate Interfete evoluate Interfete evoluate Interfete evoluate Interfete evoluate

Dar putem avea de-a face si cu lucruri mai grave, cum ar fi situatia din urmatoarea poveste pe care domnul profesor de interfete evoluate ne-a relatat-o:
La inceputul lui web2.0, o banca si-a creat o interfata, prin intermediul careia, utilizatorul putea realiza plati online.Utilizatorul din povestea noastra s-a logat, a dat submit pentru suma de bani pe care dorea sa o plateasca si...nu s-a intamplat nimic. Nici un mesaj cum ca in spate, tranzactia fusese realizata cu succes.
Astfel, omul a dat click, crezand ca site-ul este in asteptare, pana si-a golit contul...abia atunci a primit un mesaj de atentionare cum ca nu mai are credit.

Am putea retine din aceasta "poveste" faptul ca e bine ca utilizatorul sa fie ghidat pe tot parcursul utilizarii interfetei, comunicandu-i la fiecare pas prin mesaje afisate ce se intampla.

Acestea fiind scrise,
Sper sa va fie de folos si va urez spor la implementat interfete.

Bibliografie: curs "Interfete Evoluate" prof.Trausan-Matu Stefan

Bun venit!Interfete IT

2008-11-03T22:40:00.024+02:00

Dacă vrei sa aflii mai multe despre realizarea interfeţelor in domeniul IT ai nimerit unde trebuie.

Dorim ca acest blog să funcţioneze atat ca un tutorial pentru dezvoltarea unor interfeţe cât mai uşor de folosit şi mai plăcute din punct de vedere ai design-ului cât si ca un reminder pentru update-urile site-ului nostru:

http://interfete-it.110mb.com/ .

Site-ul nostru vă va pune la dispoziţie:

diverse articole legate de tehnologiile folosite in implementarea de interfeţe IT
aplicaţii realizate de membrii echipei noastre
date despre membrii echipei

Acestea fiind „scrise”, echipa noastră :

Lungu Valentin – liderul turmei
Dobjanschi Alexandru – responsabil cu designul
Şofron Angela – subsemnata, responsabilă cu blogul
Gîdea Cristian – responsabil cu articolele de pe site

vă urează bun venit şi speră ca informaţiile oferite să vă fie utile şi să trezească cât mai mult interes.