Multe dintre website-urile interactive de azi cer ca informatia sa fie prezentata intr-un
mod dinamic si interactiv, bazat pe cerintele utilizatorului. De exemplu, un client poate avea
nevoie sa se logheze intr-un website pentru a-si verifica istoria cumparaturilor. In acest caz
site-ul va avea stocate 2 feluri de date pentru ca clientul sa-si poata duce la bun sfarsit
verificarea - detaliile login-ului personal al clientului si articolele cumparate de catre
client. Aceste date se pot stoca in 2 tipuri: fisiere flat sau baze de date.

Fisierele flat sunt posibile doar in website-urile de volum mic sau foarte mic din cauza ca
aceste fisiere au cateva slabiciuni:

1. Inabilitatea de a indexa datele. Aceasta face necesara o potentiala citire a tuturor
datelor in mod secvential. Aceasta este o problema majora daca sunt foarte multe inregistrari
in fisierul flat, din cauza ca timpul necesar citirii fisierului flat este proportional cu numarul
de inregistrari din fisier.
2. Inabilitatea de a controla accesul eficient la date, de catre clienti.
3. Ineficienta stocarii datelor. In cele mai multe cazuri, datele nu sunt criptate sau
compresate ceea ce agraveaza problema de mai sus de la punctul 1.

Alternativa, sau cea mai buna metoda, este de a stoca datele intr-o baza de date. Una dintre
cele mai predominante baza de date este MySQL. Datele stocate intr-o baza de date pot fi usor
indexate, gestionate si stocate eficient. Pe langa acestea, cele mai multe baze de date
furnizeaza o serie de utilitati care permit administratorului sa mentina baza de date.
Ca exemplu, backup-ul si restituirea.

Website-urile care utilizeaza scripturi PHP se potrivesc foarte bine cu MySQL, deoarece PHP-ul
poseda cateva module MySQL integrate, care comunica foarte eficient cu MySQL. Alt mod de
comunicare dintre PHP si MySQL este setul de functii ODBC, acesta totusi nefiind atat de
eficient ca modul uzual MySQL pentru PHP.

Ce este de fapt AJAX? ( Asynchronous JavaScript and XML )
AJAx este un termen care descrie o tehnica de dezvoltare web folosita pentru crearea de aplicatii web, folosind o combinatie intre: HTML (sau XHTML) si CSS pentru a prezenta informatia, DOM manipulat prin JavaScript pentru afisarea dinamica si interactiunea cu
informatia prezentata, XML,XSLT si obiectul XMLHttpRequest pentru schimbul si manipularea asincrona a datelor cu serverul web.

Sau putem spune ca AJAX este o tehnica de scriptare pentru a incarca linistit noi date de pe server. Script-urile AJAX folosesc de obicei obiectul XMLHttpRequest, ce va fi foarte curand standardizat, sau pot folosi de asemeni un frame sau iframe ascuns. Un script AJAX este inutil de unul singur. Necesita o componenta de scriptare DOM pentru a ingloba datele primite intr-un document.

Daca cineva va dori sa interactioneze cu baza de date, luand valori dintr-un formular,
trebuie sa puna formularul pe o anumita pagina. Acea pagina va avea de-a face cu baza de
date. Deci de fiecare data cand va dori sa interactioneze cu baza de date, va trebui sa posteze ceva, ca acea pagina sa inceapa sa se incarce si dupa ceva timp sa ii dea rezultatul dorit.

Dar cu tehnologia AJAX aceasta idee de a interactiona cu baza de date se simplifica, iar timpul consumat pentru incarcarea paginilor scade considerabil.

Internetul a devenit acum o parte foarte impotanta din viata cotidiana. Practic un mare procent din populatie intra pe internet in fiecare zi. Acest lucru a dus la dezvoltarea unor mari afaceri din realizarea de site-uri web dar si la o complexitate foarte mare a acestor site-uri. Astfel, un site care se vrea competitiv in lumea internetului trebuie sa ofere o multime de lucruri itneresante dar si facilititati iar cel mai important: o interfata atragatoare. Din aceste motive, si multe altele, sarcinile realizatorilor de pagini web au devenit din ce in ce mai dificile.
Pentru a-i ajuta pe dezvoltatorii de pagini web in a-si simplifica munca, a fost introdus WebML-ul, un UML (Unified Modeling Language). Practic WebML-ul este o notatie ce realizeaza specificatia unui site la nivel conceptual. Aceasta specificatie este integrata in procesul de dezvoltare a unei aplicatii web si este ajutata de tool-uri pentru design visual.
O specificatie WebML este abordata din cinci puncte diferite de vedere:
- modelul structural - continutul de date
- modelul compozitional - paginile care alcatuiesc aplicatia
- modelul navigational - legaturile ditnre paginile din aplicatie (link-urile)
- modelul de prezentare - layout-ul de prezentare al paginilor
- modelul de personalizare - personalizarea in functie de utilizator


Modelul Structural

Exprima continutul aplicatiei web referitor la entitati si relatiile dintre entitati. Entitatile au atribute, cu tipuri de date asociate acestor atribute.
Modelul structural este cea mai importanta parte in dezvoltarea unei aplicatii web datorita faptului ca inglobeaza tot continutul de date al aplicatiei web. Nu exista un mod conceret in care sa se specifice cum sa se dezvolte modelul structural. Este la latitudinea si competenta dezvoltatorului sa realizeze modelul structural cat mai complet si aproape de realitate. Exista insa niste guide-lines pentru a face realizarea acestui model mai usoara:
- identificarea tuturor utilizatorilor care vor folosi o anumita parte a aplicatiei web
- identificarea elementelor informationale ce prezinta interes utilizatorilor
- identificarea relatiilor fiecarui element. Aceste relatii corespund relatiilor dintre entitati.


Modelul Compozitional

Contine paginile care vor alcatui aplicatia web si specifica unitatile-continut din aceste pagini. Exista sase tipuri diferite de unitati: Data, Multidata, Index, Scroller, Filter si Direct.


Modelul Navigational

Ilustreaza link-urile navigationale dintre pagini si unitatile-continut pentru a forma hiper-textul. Exista doua tipuri de link-uri: non-contextuale - conecteaza pagini independente si contextuale - vor afisa continutul paginii destinatie in functie de continutul unitatii sursa. Link-urile contextuale sunt bazate pe relatiile dintre entitati descrise in modelul structural.


Modelul de Prezentare

Defineste modul in care o pagina va fi afisata utilizatorului. Exista doua tipuri de prezentari: specifica paginii - specifica prezentarea pentru o singura pagina, si prezentare generica - se aplica tuturor paginilor generice.


Modelul de Personalizare

Permite ajustarea continutului in functie de profilul utilizatorului. Exista doua metode de personalizare: personalizarea declarativa si personalizarea procedurala.

In unele clasificari, modelul navigational si cel compozitional sunt combinate pentru a alcatui Modelul Hipertext.

Pentru mai multe informatii despre WebML vizitati www9.org
De asemenea vizitati www.webml.org

Sax si Dom sunt instrumeante pentru prelucarea documentelor XML. Prezentam mai jos diferente si asemanari intre cele doua:

Cind trebuie folosit SAX?

–Procesarea unor documente de mari dimensiuni
–Poate aparea necesitatea abandonarii parsarii
–Se extrag date de mici dimensiuni
–Crearea unui domcument XML nou
–Utilizarea cand detinem de dispozitive cu perfomante scazute
(memorie scazuta, largime e banda ingusta,...)

Cind trebuie folosit DOM?

–Accesul direct la datele dintr-un document XML
–Cautaricomplexe
–Efectuarea de transformari XSL
–Filtrarea complexa a datelor folosind XPath
–Necesitatea modificarii si salvarii documentelorXML

-DOM necesita incarcarea completaa documentuluiXML pentru aputea fi procesat ca arbore
-SAX se foloseate pentru extrag date de mici dimensiuni deoarece efectueaza o prelucrare liniara(sir de evenimente)
-SAX poate fi utilizat pentru generarea de arbori DOM
-arborii DOM pot fi traversati pentru a se emite evenimente SAX
-In cazul unor structuri XML sofisticate, modul de procesare SAX poate fi inadecvat
-Uzual, se folosesc ambele API-uri

Ce inseamna YUI?
YUI = Yahoo! User Interface
Ce reprezinta YUI?
Yahoo! User Interface este o colectie de biblioteci, utilitati si controale, realizate in JavaScript, pentru a crea aplicatii web interactive folosind tehnici precum DOM, DHTML si Ajax. De asemenea YUI contine si anumite resurse CSS. Toate componentele bibliotecii YUI sunt gratis pentru toti utilizatorii, fiind lansate sub licenta BSD.
Ce componente contine YUI?
Momentan YUI contine uramtoarele componente:
- Animation – ofera posibilitatea implementarii rapide a animatiilor care implica marime, opacitate, culoare, positie si alte caracteristici vizuale-
- AutoComplete – ofera logica front-end pentru functionalitatile de sugerare si autocompletare de text
- Browser History Manager - este o utilitate create pentru a facilita crearea aplicatiilor web in care butoanele de navigare sunt functionale in totalitate si in care aspecte largi ale starii aplicatiei – panel-uri deschise, tab-uri active, etc. – pot fi inseminate
- Button - ofera posibilitatea crearii butoanelor grafice care functioneaza precum butoanele traditionale HTML
- Calendar – ofera utilizatorilor posibilitatea de a alege una sau mai multe date dintr-un calendar grafic prezentat sub forma unei interfete a unei luni sau a mai multor luni
- Color Picker - ofera o interfata bogata pentru selectia culorilor
- Connection Manager – este o utilitate care ofera posibilitatea utilizatorului sa faca cerere HTTP in-page printr-o simpla interfata prin obiectul XMLHttpRequest
- Container – ofera posibilitatea progrmaatorilor sa creeze diferite module de containere pe web
- DataSource - ofera o interfata comuna, configurabila pentru ca alte componente sa interactioneze cu tipuri de date diferite, de la simpli array-uri JavaScriptla server online
- DataTable - ofera un API simplu care afiseaza date intabulare vizibile pe ecran pe paginile web
- Dom – ofera metode alternative care simplifica obisnuitele task-uri ale DOM-scripting
- Drag & Drop – permite crearea unei interfete mutabile in mod eficient
- Element - ofera o anrobare pentru HTMLElements in cadrul DOM
- Event – faciliteaza crearea aplicatiilor conduse de evenimente in cadrul unui browser, prin oferirea unei interfete simplificate pentru descrierea evenimentelor DOM
- ImageLoader [experimental] – ofera posibilitatea celui care implementeaza sa intarzie incarcarea imaginii in cadrul unei pagini atat timp cat ii ia user-ului sa o vizualizeze
- Logger – ofera o cale mai simpla de a citi si scrie message log cu o singura linie de cod
- Menu – ofera o colectie de controale care face mai simpla adaugarea de meniuri in cadrul site-ului sau aplicatiei web
- Rich Text Editor - inlocuieste ariile text standard din HTML si accepta formatul “rich” al continutului de text, precum liste, italic, blod, etc.
- Slider – ofera user-ului posibilitatea de a ajusta valori intr-un cadru finit de-a lungul a doua axe
- TabView – ajuta la crearea vizualizarilor contramarcate navigabile are continutului
- TreeView – ofera o prezentare compacta si ierarhica a nodurilor informatiei
- Yahoo Global Object – ofera un singur spatiu de resedinta a codului librariilor YUI
- YUI Loader - ofera posibilitatea de incarcare a componentelor specifice YUI si a dependentelor dintre acestea, in cadrul scrpt-ului paginii
- YUI Test - este un cadru de testare pentru solutiile browser-elor bazate pe Java Script
- Reset CSS – elimina si neutralizeaza inconsistentele standard din cadrul elementelor HTML
- Base CSS – aplica un stil fundamental pentru elementele HTML
- Fonts CSS - ofera control si noralizare topografica
- Grids CSS – ofera patru presetate adancii, sase presetate template-uri


YUI este o librarie foarte interesant de folosit, in special deoarece ofera mai mult decat niste metode care iti fac viata mai usoara, asa cum fac alte librarii, din moment ce incearca sa ofere multa documentatie si exemple si layout CSS si resurse tipografice pentru a implementa rapid un site sau o aplicatie web bazata pe JavaScript care functioneaza cu toate browsere-le moderne.

- cauta un nume pentru domeniu care sa contine cat mai multe cuvintele cheie
- adauga in metatag-uri cuvinte cheie
- foloseste cuvinte cheie in proportie de 6-10%
- pune cuvinte cheie intre tag-urile < title >< /title > si pentru atributul alt
- adauga link-uri catre site-uri cu continut asemanator care au un ranking bun
- adauga pe site continut unic, interesat, nou care sa iti aduca cati mai multi vizitatori
- inscrie site-ul pe cat mai multe directoare web
- pune linkuri la site pe cat mai multe site-uri externe
- editeaza fisierul robots.txt in asa fel in cat sa nu blocheze accesul lui Googlebot
- creaza un sitemap
- verifica corectitudinea codului html, asigura-te ca nu ai tag-uri neinchise
- nu folosi poze in loc de text pentru ca google nu intelege continutul din poze
- evita folosirea de text ascuns sau link-uri ascunse
- nu trimite chestionare automate catre google
- nu crea pagini cu continut duplicat sau asemanator
- nu crea pagini care sa contina virusi, troiani sau alte tipuri de badware

Pentru mai multe detalii vizitati
Google Webmaster Guidelines

Ce inseamna interfete evoluate? Tot ce este legat de tehnologiile folosite pentru crearea unei pagini web tine de interfete evoluate. Aceste tehnologii includ: XML, XHTML, CSS, DTD, XPATH, XQUERY, XML Programing(DOM, SAX), XML Schema, JavaScript, AJAX, XSL, WebML, RDF, OWL.

Sa le luam pe rand si spunem cate ceva despre fiecare:

XML structureaza datele (informatiile)
Prin date structurate intelegem lucruri ca spreadsheets, liste de contacte, parametri de configuratie, tranzactii financiare sau desene tehnice. XML este un set de reguli (poti sa le consideri si conventii) pentru a crea formate text care iti permit sa structurezi datele.

XHTML
eXtensible HyperText Markup Language, sau XHTML, este un limbaj de marcare ce are ath (XML Path Language) este un limbaj de expresii utilizat pentru a selecta porţiuni dintr-un document XML, sau pentru a calcula valori (şiruri de caractere, numere, sau valori booleene) pe baza conţinutului unui document XML. Versiuni evoluate ale limbajului sunt XPath 2.0 si XPath 1.0, , dar cea mai întâlnită versiune în prezent este cea dea doua.

XQUERY
XQuery este o recomandare W3C si a fost creat pentru a permite interogarea documentelor XML si extragerea unor componente ale acestora (elemente sau atribute). Cea mai buna definire a XQuery este obtinuta prin analogia cu SQL. Astfel, XQuery este pentru XML ceea ce este SQL pentru bazele de date. Acest limbaj se bazeaza pe XPath, cele doua limbaje folosind acelasi model al datelor si suportand aceiasi operatori si aceleasi functii. XQuery are interfete pentru
toate motoarele mari ce actioneaza pe baze de date (IBM, Oracle, Microsoft, etc.), fiind suportat de acestea.

XML Programing(DOM, SAX)
Pentru a implementa instrumente care să prelucreze aceste documente XML rapid si eficient au fost dezvoltate mai multe metode evoluate în functie de particularitătile de prelucrare ale fiecărui caz. Principalele metode de prelucrare ale fisierelor XML sunt DOM (Document Object Model) si SAX (Simple API for XML). SAX este un parser care prelucrează fisierele XML în mod serial declansând evenimente la intâlnirea elementelor fisierului XML. Spre deosebire de SAX, DOM este un standard W3C independent de platformă care presupune încărcarea întregului document în memorie pentru parsare. Ambele pot folosi interfete Java.

XML Schema
XML Schema este o alternativa la DTD. XML Schema descrie structura unui document XML. Limbajul XML Schema este cunoscut si ca XML Schema Definition (XSD). In plus fata de DTD permite declararea unor constrângeri evoluate care sunt descrise tot într-un fisier XML.


JavaScript
JavaScript este un limbaj de programare orientat obiect bazat pe conceptul prototipurilor. Limbajul este binecunoscut pentru folosirea în construirea siturilor web, dar de asemenea este folosit pentru accesul la obiecte încastrate (embedded objects) în alte aplicaţii. În ciuda numelui şi a unor oarecare similarităţi în sintaxă, între JavaScript şi limbajul Java nu există nici o legătură.

AJAX
Ajax (sau AJAX), prescurtare pentru Asynchronous JavaScript and XML, este o tehnică de programare pentru crearea de aplicaţii web interactive. Intenţia este să facă paginile web să pară mai receptive, prin schimbul unor cantităţi mici de date cu serverul în fundal, astfel încât să nu fie nevoie ca pagina să fie reîncărcată la fiecare acţiune a utilizatorului. Aceasta are ca scop creşterea interactivităţii, vitezei şi uşurinţei în utilizare a aplicaţiilor web.

XSL
Tehnologia XML este foarte puternica si utila. Cu siguranta
ca posibilitatea de a transforma cu usurinta un document
XML într-un alt format precum HTML, WAP, text creandu-le acestor fisiere xml, greu de inteles de necunoscatori, interfete prietenoase pentru utilizator.

WebML
WebML propune o unealta grafica, dar totusi formala, pentru specificatii. WebML se refera la UML pentru web.

RDF - cadru de descriere al resurselor Internet bazat pe Xml
RDF(Resource Description Framework) este un cadru menit sa proceseze metadatele, oferind interoperabilitatea intre diverse aplicatii care fac schimb inteligent de in formatii, in sensul intelegerii de catre masina semantica a acestora.

OWL
OWL a fost creat pentru a oferi o metode pentru a procesa, intelege, continutul unei pagini web (nu de a o afisa doar). A fost construit pentru a ajuta calculatoarele sa inteleaga. OWL are trei sublimbaje:
*OWL Lite
*OWL DL (include OWL Lite)
*OWL Full (include OWL DL)

Din cauza unor probleme tehnice cu serverul 8k.ro am fost nevoiti sa schimbam adresa site-ului. Cu aceasta ocazie s-au rezolvat si alte probleme, site-ul fiind astfel activat si pe trafic.ro
Noua adresa estehttp://interfeteevoluate.novacitynet.ro/

Incercand sa aflu mai multe despre CSS(Cascading Style Sheets) am gasit ceva interesant despre cum a fost introdus acest "stil" si din ce motiv.
Initial tagurile HTML au fost create pentru a defini continutul unui document. Folosind taguri progrmatorii nu faceau altceva decat sa anunte: "Acesta este un header","Acesta este un paragraf". Browserul era cel responsabil de formatul paginii.
Cei mai mari producatori de browsere, au adaugat noi taguri si atribute htlm (font tag si atributul color in HTML 3.2.). Va dati seama ca asta a condus la aparitia unor probleme: un site creat folosing tagurile introduse de Internet Explorer nu rula bine pe Netscape.
Pentru a rezolva aceasta problema era nevoie de o standardizare. Cei care au realizat acest lucru au fost World Wide Web Consortium (W3C) prin crearea "stilurilor". In scurt timp toate browserele importante au adoptat acest standard.
Avantajele aduse de introducerea stilurilor:
-definesc modul in care elementele HTML sunt afisate in pagina web: fonturi, culori
-stilurile sunt de obicei definite si salvate intr-un fisier extern:.css.
Acest lucru faciliteaza schimbarea stilului unui site, fiind nevoie sa modifici numai acest fisier, nu toate paginile sitului.
Pemtru mai multe detalii acesati: http://www.w3schools.com/css/css_intro.asp

In cadrul documentarii mele despre XML, am dat peste ceva foarte interesant: VoiceXML. Ce face acest Voice XML? Ei bine, permite realizarea de dialoguri orale, toate intr-un script foarte simplu de scris. Practic scopul sau principal este acela de a facilita acele raspunsuri interactive de la telefon de genul" "Ati sunat la serviciul clienti, va rugam asteptati". Acest lucru, cu ajutorul VoiceXML se poate realiza destul de simplu prin realziarea unei aplicatii web-based. Iata cum s-ar putea implementa pe scurt acest lucru:

Dupa cum se poate vedea, codul este foarte asemanator de unul HTML, dar in loc sa fie accesat dintr-un browser, el va fi accesat la formarea unui numar de telefon.
Pentru mai multe informatii despre acest subiect, cat si pentru un tutorial complet, accesati http://www.vxml.org

Bun venit pe Blogul nostru, studentii de la FILS! Aces Blog a fost realizat pentru a putea comunca pe teme de interfete evoluate. Cum un blog nu a fost suficient, am realizat si un site, pe care il puteti accesa la interfeteevoluate-fils.8k.ro. Acolo veti gasi articole legate de interfete evoluate cat si cateva aplicatii realziate de noi. Va asteptam!