XForms

Interfete Web

Am inclus mai jos un link spre un articol care descrie componentele si tehnicile folosite pentru a crea o aplicatie client folosind XForms. Il puteti vizualiza aici

Definirea formatului unui fisier XML cu ajutorul DTD

Interfete Web

DTD (Document Type Definition) este primul limbaj de descriere a structurii unui fisier XML (eXtended Markup Language). Acest limbaj nu tine in mod direct de interfete evoluate, ci mai degraba de specificare modului de organizare a datelor intr-un fisier XML. Pentru ca am ajuns la organizarea datelor in XML, trebuie sa spunem din start ca o atentie deosebita trebuie acordata acestui tip de organizare/stocare mai ales cand volumul de informatii este unul mare. Informatia redundanta trebuie tinuta sub control ea crescand odata cu volumul de informatie utila.

Iata cateva motive pentru folosirea DTD. Mentionez ca pasajul urmator este preluat din textul laboratorului si nu incerc sub nici o forma sa neg acest lucru. Ar fi lipsa de etica sa reformulez si sa scriu in numele meu ceea ce este scris acolo.

Motivele pentru care avem nevoie de definirea structurii fisierelor XML cu care lucram ar fi urmatoarele:

• Posibilitatea definirii unui standard pentru anumite tipuri de fisiere XML - exemplu SVG (Scalable Vector Graphics) - limbaj bazat pe XML si caracterizat de un fisier DTD care permite definirea graficelor bidimensionale. Toate aplicatiile care creaza fisiere SVG se bazeaza pe acelasi fisier DTD si implicit vor crea fisiere XML ce au aceeasi structura
• Posibilitatea validarii fisierelor XML primite - DTD-ul permite efectuarea validarii automate fisierului XML primit. Se poate verifica usor (fara a fi necesar a fi scris cod de validare din partea programatorului) daca fisierul respecta structura data si in cazul in care nu o respecta nu trebuie sa pierdem timp incercand sa-l prelucram.
• Posibilitatea ca fiecare fisier XML sa aiba referinta catre (sau sa contina) fisierul ce-i defineste structura.

Cerinta o puteti gasi aici. Fisierele sursa sunt pe site-ul nostru de interfete evoluate la sectiunea Aplicatii in directorul corespunzator.

Mai multe detalii despre cele doua limbaje puteti gasi la locatiile Wikipedia.

Motive pentru folosirea DTD... Decebal Teodorescu ro

Standard vs. Quirks

Interfete Web

Browserele obisnuite afiseaza documentele HTML in modul standard sau quirks(ciudatenie). Aceasta inseamna ca sunt aplicate diferite reguli, in primul caz regulile standardelor W3C, iar in cel de-al doilea caz reguli care simuleaza modul de afisare (non-standard) al browserelor vechi.

Alegerea modului folosit necesita un trigger, iar acest trigger a fost gasit in 'doctype switching'. Conform standardelor, orice document (X)HTML trebuie sa aiba un Doctype care sa indice ce modul utilizat.

• Paginile vechi scrise inainte de standardizare nu au un doctype. Astfel 'no doctype' inseamna utilizarea modului quirks: afisarea conform vechilor regului.
• Contrar, daca s-a inclus un doctype, acesta va face trigger pentru modul standard: afisarea conform standardelor.
• Orice tip nou sau necunoscut de doctype va face trigger pentru modul standard.

De mentionat ca nu pagina face validarea in concordanta cu doctype-ul utilizat, simpla prezenta a tagului "doctype" este suficienta pentru a se afisa in modul standard.In general este bine sa servesti paginile in modul standard,adica sa incluzi declaratia DOCTYPE.

Pentru aceasta se recomanda utilizarea tagului doctype in paginile scrise pentru a obtine efectul de 'interfete evoluate'. Aditional, declararea paginilor XHTML 1.0 Transitional determina afisarea in modul standard in majoritatea browserelor.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

In browsere ca Firefox, Mozilla, Netscape, Opera, si altele, o pagina cu o declaratie DOCTYPE este afisata in modul standard, cu sau fara declaratia XML.

In Internet Explorer insa, daca ceva apare inaintea declaratiei DOCTYPE pagina este afisata in modul quirks. Pentru ca multi vizitatori folosesc Internet Explorer, acesta este un aspect important. Daca vrei sa te asiguri ca paginile apar la fel in toate browserele care implementeaza standardele, ai urmatoarele optiuni. Evident, daca documentul nu contine nimic care este afectat de diferenta dintre modurile standard si quirks, aceasta nu reprezinta o problema.

Daca documentul este afectat, trebuie rezolvate diferentele intr-un fel sau trebuie omisa declaratia XML.Daca decizi sa omiti declaratia XML trebuie sa folosesti UTF-8 sau UTF-16 ca encoding.

Este XHMTL cea mai potrivita alegere in domeniul SEO?

Interfete Web

Am primit intrebarea din titlu intr-o discutie despre interfete evoluate avuta cu unul dintre colegi. Am facut putina munca de documentare si la un loc cu experienta din domeniul web din ultimii doi-trei ani am ajuns la o concluzie care s-ar putea sa para iesita din comun: html vs xhtml ... premiul merge la... amandoi.

Interfetele evoluate pe care le gasim in vremurile noastre pe web se departajeaza mai degraba prin stilul CSS abordat, prin folosirea CSS-urilor cu un grad destul de ridicat de cunoastere in domeniu si mai ales prin tehnicile arhicunoscute de SEO: aici intra optimizarea interfetelor evoluate din punct de vedere al cuvintelor cheie, al raportului cod/informatii, al meta tag-urilor in general.

Pana la urma un site care ofera o interfata evoluata poate fi XHTML Valid, dar din cauza dezorganizarii totale din fisierele sursa ale site-ului, acesta sa primeasca ranking-uri mai mici decat alte interfete evoluate HTML valide (cu un cod sursa mult mai bine structurat si aerisit).

Concluzia cautarilor si a consultarii parerilor de pe diferite forumuri este ca de unul singur XHMTL nu poate face mare lucru. Interfetele evoluate nu sunt nici mai bine, nici mai rau privite de catre motoarele de cautare. Cu toate astea, XHTML ofera posibilitati mai bune de structurare a informatiilor in interfete evoluate.

Adevarul e undeva la mijloc, ca intotdeauna, si pana la urma parerea fiecaruia este cea care conteaza in decizia de alegere a anumitor tipuri de tehnologii pentru anumite tipuri de interfete evoluate.

XHTML

Acesta este un tutorial de pe siteul nostru: Interfete Web

Nivel de dificultate: incepator

Ce este XHTML?

XHTML este acronimul de la eXtensible HyperText Markup Language, si este un limbaj de marcare ce are aceleaşi capabilităţi expresive ca şi HTML. XHTML poate fi considerat ca încrucişarea dintre HTML şi XML în multe privinţe, fiind o reformulare a HTML în XML. XHTML 1.0 a devenit o recomandare World Wide Web Consortium (W3C) pe data de 26 ianuarie 2000.

Practic XHTML este un inlocuitor modern al mai vechiului limbaj HTML, fiind aproape identic cu standardul HTML 4.01, o versiune imbunatatita, mult mai stricta si mai curata a standardului HTML 4.0. Abstractizand putin, afirmam ca XHTML reprezinta o definire de tip XML a unui document HTML, pe scurt o combinatie intre HTML si XML. Avantajele unei aplicatii XHTML sunt multiple: pot fi citite de toate dispozitivele XML, in timp ce pastreaza compatibilitatea cu toate browserele de Internet mai vechi sau mai noi fara a necesita specificatii suplimentare. XHTML + TIME este o extensie a limbajului XHTML, oferind documentelor Web suport pentru temporizare si sincronizare multimedia. Astfel, folosind cateva elemente si atribute noi, unei pagini XHTML i se poate adauga continut grafic, audio sau video, care poate fi sincronizat cu alte elemente de-a lungul unui cadru temporal precizat de autorul acelei pagini. Versiunea XHTML + TIME 1.0 a fost disponibila pentru prima data in Internet Explorer 5, iar in prezent XHTML + TIME 2.0 este recunoscut de Internet Explorer, versiunile 5.5 si 6.

Beneficii:

Pagini Web care au continut dinamic

XHTML + TIME poate fi utilizat pentru a adauga paginilor Web continut interactiv, dinamic. De exemplu, pot fi create prezentari Web sub forma de slide-show, in cadrul lor fiind sincronizate fluxuri de date textuale, audio, video sau grafice. Aceste prezentari pot fi temporizate, interactive sau combinate.

Utilizare facila

Facilitatile oferite de XHTML + TIME aduc un set de atribute si elemente noi celor deja existente in limbajul XHTML, astfel ca toate notiunile anterioare de XHTML raman utile pentru proiectarea de pagini Web in XHTML + TIME. Pentru a permite utilizarea facila a mai multor elemente XHTML, acestea pot fi grupate in relatii ierarhice. Gruparea poate fi utila si pentru a preciza daca obiectele multimedia apar si dispar in mod secvential in cadrul paginii Web, sau fiecare are o temporizare independenta de a celorlalte.

Suport pentru scripting:

Limbajele script JavaScript sau VBScript permit si mai mult extinderea flexibilitatii si interactivitatii elementelor temporale din cadrul paginilor Web. XHTML + TIME ofera un model de obiecte complet, care extinde actualul model DHTML, care consta dintr-un set de proprietati, metode si evenimente pentru adaugarea de trasaturi interactive paginilor Web.

Elemente de continut:

Toate elementele care descriu continutul ce urmeaza a fi afisat in pagina, inclusiv elementele noi introduse de XHTML + TIME, care se refera la obiecte multimedia (t:animation, t:audio, t:img, t:media si t:video). Cele mai utilizate elemente de continut din XHTML sunt p, div, span, precum si elementele pentru descrierea de tabele. Prin adaugarea de atribute XHTML + TIME unui element de continut, poate fi definita o aparitie periodica a elementului respectiv. - elemente de stil : descriu stilul de afisare pentru un element. Dintre cele mai utilizate elemente de stil amintim: b, i si em. Atributele aplicate unui element de stil determina atasarea si inlaturarea unor stiluri de afisare pe parcursul timpului.
Sursa: www.wikipedia.org

Ce sunt interfetele evoluate

Nivel de dificultate: incepator

Siteul nostru: http://interfetevoluate.xhost.ro//

Iata ca suntem in fata primului articol dedicat interfetelor evoluate. Vom incerca sa explicam, pentru cei care nu cunosc deja, ce inseamna o interfata evoluata si care sunt principalele tehnologii.

Interfeţe evoluate se referă la tehnologiile folosite pentru crearea unei pagini web. Aceste tehnologii includ: XML, XHTML, CSS, DTD, XPATH, XQUERY, XML Programing (DOM, SAX), XML Schema, JavaScript, AJAX, XSL, WebML, RDF, OWL.

Tehnologiile sunt:

XML - structurează datele (informaţiile):

Prin date structurate înţelegem lucruri ca liste de contacte, parametri de configuraţie sau desene tehnice. XML este un set de reguli pentru a crea formate text care îţi permit să structurezi datele.

XHTML (eXtensible HyperText Markup Language):

Este un limbaj de marcare ce are aceleaşi capabilităţi expresive ca şi HTML. XHTML poate fi considerat ca încrucişarea dintre HTML şi XML.

CSS (Cascading Style Sheets):

Este un standard pentru formatarea elementelor unui document HTML. Stilurile se pot ataşa elementelor HTML prin intermediul unor fişiere externe sau în cadrul documentului, prin elementul <> şi/sau atributul style. Este foarte util pentru design de interfeţe pentru pagini HTML. CSS-ul a apărut datorită nevoii de standardizare.

DTD (Document Type Definition):

Este primul limbaj apărut pentru a specifica structura documentelor XML. Definirea structurii fişierelor XML este utilă, deoarece permite validarea ulterioară a acestora. Fişierele DTD permit definirea elementelor XML, a atributelor, a unor restricţii simple privitoare la cardinalitatea elementelor şi la tipul lor.

XPath (XML Path Language)

Este un limbaj de expresii utilizat pentru a selecta porţiuni dintr-un document XML, sau pentru a calcula valori 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 de-a doua.

XQUERY

XQuery este o recomandare W3C şi a fost creat pentru a permite interogarea documentelor XML şi extragerea unor componente ale acestora. Cea mai bună definire a XQuery este obţinută prin analogia cu SQL. XQuery este pentru XML ceea ce este SQL pentru bazele de date. Acest limbaj se bazează pe XPath, cele două limbaje fiind foarte asemănătoare: acelaşi model al datelor şi aceiaşi operatori şi aceleaşi funcţii.

XML Programing (DOM, SAX)

Pentru a implementa instrumente care să prelucreze aceste documente XML rapid şi eficient au fost dezvoltate mai multe metode evoluate în funcţie de particularităţile de prelucrare ale fiecărui caz. Principalele metode de prelucrare ale fişierelor XML sunt DOM (Document Object Model) şi SAX (Simple API for XML). SAX este un parser care prelucrează fişierele XML în mod serial declanşând evenimente la întâlnirea elementelor fişierului XML. Spre deosebire de SAX, DOM presupune încărcarea întregului document în memorie pentru parsare. Ambele pot folosi interfeţe Java.

XML Schema

XML Schema este o alternativă la DTD. XML Schema descrie structura unui document XML. Limbajul XML Schema este cunoscut şi ca XML Schema Definition (XSD). În plus faţă de DTD, permite declararea mai multor constrângeri care sunt descrise tot într-un fişier XML.

JavaScript

JavaScript este un limbaj de programare orientat pe obiect. Limbajul este binecunoscut pentru folosirea în construirea siturilor web, dar de asemenea este folosit pentru accesul la obiecte încastrate î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ă. JavaScript permite utilizarea unor funcţii mai complexe pentru îndeplinirea de task-uri avansate.

AJAX (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 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, uşurinţei în utilizare şi a vitezei aplicaţiilor web.

XSL

Tehnologia XML este foarte puternică şi utilă. Cu siguranţă că posibilitatea de a transforma cu uşurinţă un document XML într-un alt format precum HTML, [[WAP], text, creându-le acestor fişiere xml, greu de înţeles de necunoscători, interfeţe prietenoase pentru utilizator.

WebML

WebML propune o unealtă grafică, dar totuşi formală, pentru specificaţii. WebML se referă la UML pentru web.

RDF- cadru de descriere al resurselor Internet bazat pe XML (Resource Description Framework)

Este un cadru menit să proceseze metadatele, oferind conectivitate între diverse aplicaţii care fac schimb inteligent de informaţii. Se doreşte înţelegerea de către maşina semantică a paginilor web.

OWL

OWL a fost creat pentru a oferi o metodă pentru a procesa, înţelege, conţinutul unei pagini web (nu de a o afişa doar). A fost construit pentru a ajuta calculatoarele să înţeleagă. OWL are trei sublimbaje:
- OWL Lite
- OWL DL (include OWL Lite)
- OWL Full (include OWL DL)

Sursa: www.wikipedia.org

Bine ati venit!

Acesta este primul articol de pe blogul nostru dedicat Interfetelor Evoluate, asa ca voi fi cat se poate de scurt si de concis.

Echipa noastra formata din Corina, Catrina, Aniela si Decebal va saluta calduros, si spera sa aveti o sedere cat mai placuta la noi pe blog. Intitulat foarte sugestiv interfetze.blogspot.com siteul isi doreste sa trateze toate problemele legate de crearea unei pagini Web (XML, XHTML, JavaScript si multe altele pe care le vom detalia in articole urmatoare). Vom include tutoriale si articole, atat pentru incepatori, dar si pentru cei care cunosc toate tainele Java Scriptului.

Asa ca, multumim pentru atentia acordata si spor la citit.

Siteul nostru: http://interfetevoluate.xhost.ro/

Un site la fel de interesant ca al nostru: http://www.web-interfete.com/