vineri, 19 decembrie 2008

Tehnologii Web : Java Applet-ul

Un applet este o suprafata de afisare ce se poate insera intr-o pagina Web si se poate gestionata printr-un program Java.
Un applet este o aplicatie Java. Clasa lui principala extinde clasa Applet. Un exemplu de schelet pentru codul unui Applaet este:



import java.applet.Applet;


import java.awt.*;

import java.awt.event.*;

public class SchletApplet extends Applet {


public void init() { }

public void start() { }

public void stop() { }

public void destroy() { }


public void paint(Graphics g) { }}


Pentru a insera un applet intr-o pagina HTML e nevoie sa se insereze in sectiunea body codul de de includere a unui applet.
Parametrii din pagina HTML se pot accesa din programul Java cu ajutorul functiei getParameter(nume_parametru).

Ciclul de viata a unui applet e constituit din urmatoarele faze:

  • Incarcarea in memorie = crearea instantei Applet
  • Initializarea = Este apelata metoda init rezultand in initializarea variabilelor, citirea unor parametri de intrare, etc.
  • Pornirea = apelarea metodei
  • Executia propriu-zisa = rularea aplicatiei
  • Oprirea temporara = appletul se poate opri temporar cu ajutorul metodelor stop si start
  • Oprirea definitiva = se va apela metoda destroy, apoi stop

Metode (sunt apelate implicit din browser, nu explicit din program)

Linkuri utile :

joi, 18 decembrie 2008

Lisp si Web-ul Semantic






RDF(Resource Description Framework) poate sa se refere la organizarea informatiei de pe web sub forma de graf orientat etichetat(labeled). Exista doua aspecte legate de acest graf :




  • Graph view (“semantic networks”): semi-structured graph data



  • Object-oriented view: objects with properties


Pentru a manevra datele pe net reprezentate in acest mod sau in alte moduri, avem nevoie de un limbaj de programare puternic si flexibil care sa ne faciliteze aceste incercari - LISP .



Părintele său este John McCarthy, iar anul in care a aparut este 1958.


Lisp este considerat ca fiind un limbaj puternic si potrivit temei propuse (inclusiv prelucrari de mari dimensiuni pe grafuri) din urmatoarele motive :




  • este un limbaj functional dens



  • are posibilitetea de a folosi macrouri programabile



  • este interactiv - este un limbaj interpretat



  • permite prelucrări simbolice



  • gestiunea automata a alocării memoriei.



  • permite tehnici elegante de programare : recursivitatea si programarea funcţională



  • este extensibil : s-a folosit un set minimal bine ales de funcţii, cu ajutorul carora limbajul poate fi extins.



  • este universal - se pot exprima şi rezolva toate problemele rezolvate algoritmic.



  • datele şi programele numita expresie simbolica, uniforma



  • este usor de invatat
Aceste avantaje contracareaza limitarile sale (consumul mare de resurse si viteza mica de executie).


Alaturi de Prolog este considerat Limbajul Inteligentei Artificiale si este potrivit pentru dezvoltarea conceptelor din Web-ul Semantic.

Evolutia Web-ului Semantic

Sa recapitulam :

  • WWW este“machine-readable” sar nu si “machine-understandable”
  • in consecinta orice automatizare este dificila
  • Web-ul Semantic poate considerat ca o incercare de a face continutul WWW mai "prietenos" pentru masini(programe) - mai simplu de procesat

Pasii spre un Web semantic ar putea fi :

  1. Unicode -finalizat

  2. XML - finalizat

  3. RDF - finalizat (W3C Recommendation)

  4. RDF Schema - finalizat (W3C CR

  5. OWL variants - aproape finalizat (W3C “Last Call”)

  6. rules&query - inceput

Concluzia : Web-ul semantic este construit pe baza de layere; nu toata lumea are nevoie de toate layerele pentru actiuni precise.

miercuri, 17 decembrie 2008

Ce inseamna Semantic Web

Ce este Semantic Web?

Web Semantic inseamna organizarea Web-ului astfel incat :
  • sa poata fi interpretat ca mediu colaborativ
  • sa poata fi inteles si procesat mai usor de catre masini(programe)

Web Semantic inseamna extinderea a ceea ce exista folosind RDF(Resource Description Framework). Extinderea presupune completarea cu meta-informatii, descrise intr-un limbaj procesabil de catre calculatoare si foarte bine documentat, a web-ului existent. Acest lucru va permite web-ului sa ofere servicii superioare (meta-informatiile sunt un plus fata de ceea ce s-ar fi oferit altfel, iar ele sunt bazate pe considerente teoretice solide, cum ar fi de exemplu ontologiile).

Sa studiem modul in care s-a ajuns la acest punct.
Initial datele si aplicatia erau in stransa interdependenta, acest lucru ducand, in caz de erori, la ceea ce se numeste GIGO(Garbage in Garbage out). Acest lucru a condus la concluzia ca datele sunt importante in sine si ca a le lega de o aplicatie care poate sa functioneze corect sau nu, nu e un caz fericit. S-a ales sa se reprezinte datele in moduri care sa le faca mobile intre aplicatii. Datele sunt menite sa aiba insemnatate in sine si nu impreuna cu un instrument de procesare. Un exemplu de formatare a datelor in acest sens este XML - un mod de clasificare si organizare a datelor, indiferent de domeniul din care provin - se pot crea taxonomii.

Din acest stadiu, a fost doar un pas pana la ideea ca daca in interiorul unei structuri de date relatiile sunt importante, acelas lucru se poate extinde si intre structuri => Ontologiile si Regulile. In acest moment, noile date pot fi deduse urmind niste reguli logice - datele nu mai sunt vazute ca si entitati amorfe ci parti componente ale unui microcosmos sofisticat.

Poate ca regulile sofisticate nu faciliteaza intelegerea umana, dar pentru masini, descrierea stricta si riguroasa imbunatateste mult performanta la foarta multe nivele (cautare,regasirea, organizare si mentenanta a datelor de pe Web).

Pentru a afla mai multe, vizitati:

duminică, 14 decembrie 2008

Exemplu Image Map

O componenta Image Map poate fi un element aditional atractiv pentru orice pagina Web. Cu putina imaginatie poate fi adaptat si folosit cu efect maxim si efort minim.

Aici sunt cateva de sugestii de situri care prezinta tutoriale pentru realizarea de image map-uri, folosind tehnologiile HTML si JAVASCRIPT, sau alte exemple inrudite:

Mult success in prelucrarea acestor exemple simple pentru obtinerea unor efecte spectaculoase.

joi, 11 decembrie 2008

Ce este XUL

"There is no data, There is only XUL"



XUL este un acronim pentru the XML User Interface Language, si este o XML user interface markup language dezvoltat de catre Mozilla project, si care in aplicatii Mozilla-cross-platform, cum ar fi Firefox si Flock.

Numele sau vine de la filmul Ghostbusters (1984), in care o zeitate fantoma sumeriana numita Zuul o posedeaza pe Dana Barrett ( Sigourney Weaver) si declara, "There is no Dana, only Zuul". Datorita faptului ca XUL, foloseste XML pentru a defini o interfata dezvoltatorii lui au adoptat sloganul: "There is no data, there is only XUL".





In Mozilla-Project, asta nu e singura referinta la filmul Gostbusters, de exemplu JavaScript are un debugger component numit Venkman, dupa unul dintre personajele principale din film.






Layout engine-ul Gecko este singurul care ofera o implementare completa pentru XUL .
XUL are la baza multe din standardele si tehnologiile existente, inclusiv CSS, JavaScript, si DOM, lucru care il face accesibil si usor de invatat pentru developeri cu o pregatire preliminara in dominiu. XUL nu are specificatii formale si nu inter-opereaza cu implementari non-Gecko . Totusi,foloseste o implementare open source a Gecko.

vineri, 5 decembrie 2008

Webmaster

Cum am ajuns sa fim indexati de Google? Poate in primul rand datorita lui Google Webmaster. Este un tool care te ajuta sa iti popularizezi site-ul, dar in primul rand ii aduce lui Goole la cunostinta faptul ca site-ul tau exista. Pentru a folosi Webmaster este nevoie sa te autentifici cu username-ul si parola de la gmail. Primul pas este acela de a introduce numele site-ului, al doilea pas, la fel de important, este acela de a incarca un sitemap.xml astfel incat crawlerele sa poata gasi oricare pagina a site-ului.
Ce mai ofera Google Webmaster? Cele mai importante 20 de interogari care s-au facut la Google si in urma carora site-ul vostru a fost gasit, alaturi de pozitia pe care va aflati pentru fiecare interogare.

De asemenea, se mai prezinta grafice cu numarul de pagini crawlate pe zi, numarul de kilobytes descarcati pe zi si timpul petrecut pentru descarcarea unei pagini (in milisecunde)



miercuri, 3 decembrie 2008

Javascript Highlight text

Am cautat pentru tema 3 la Interfete Evoluate situri pe care sa citesc despre scripturi Javascript care sa highlight-eze text in pagini HTML in urma unei cautari.

Aizi e o lista de linkuri care mi-au parut un punct bun de pornire:

La adaugarea la cautare a cuvantului Ajax am ajuns la :

marți, 2 decembrie 2008

Pozitia Google

Am de facut doua observatii, cu ocazia ultimelor statistici Google:

  • Pozitia in rezultatele unei cautari Google depinde in mod direct proportional de numarul de vizitatori ai sitului
  • Pozitia in rezultatele unei cautari Google depinde in mod invers proportional de cererile clientilor pentru un site oferit, neonorate

Cum prima observatie este logica si imediata, o voi detalia pe cea de-a dou-a: daca situl tau se afla pe prima pagina Google, dar din orice motiv tehnic, nu se va incarca la clickul unui utilizator, poti fi sigur ca pana a dou-a fi vei aluneca iremediabil mai...la fundul clasamentului.

Google apreciaza situri care au un grad mare de incredere, ceea ce e de inteles, pentru ca e important ca nici un client se nu fie dezamagit de rezultatele intoarse de cautare. Faptul ca un site returnat nu se incarca, se poate reflecta direct asupra motorului de cautare, pentru ca majoritatea utilizatorilor vor considera rezultatele nesatisfacatoare. pentru ei nu conteaza ca faptul ca un site nu unctioneaza 3 minute din zi, daca acele 3 minute sunt chiar cele in care s-a hotarat sa il vziteze.

Concluzia este : Mare atentie ce serviciu de Web Hosting alegeti, sa fie unul de incredere.

Joomla

Joomla este un Content Management System (CMS) care va da posibilitatea sa construiti site-uri web si aplicatii online foarte puternice. Soft open source, Joomla este gandit sa fie folosit de un utilizator fara cunostinte tehnice avansate, prin urmare este usor de instalat, usor de utilizat.
Este cu atat mai mult de dorit a fi utilizat cu cat poate sa faca o multime de lucruri, de la cele simple, uzuale, intalnite in majoritatea site-urilor (cum ar fi log in, user menu, password recovery) pana la tool-uri complicate ca : Solutii e-commerce si cos de cumparaturi, Constructor dinamic de forumuri, Stiri prin email.
Pe site puteti urmari o descriere mai detaliata a produsului, si raspunsul la intrebari precum Ce este Joomla ? Ce este un CMS ? Unde este folosit Joomla ? sau Cum ne ajuta Joomla in dezvoltarea unui site ?
De asemenea, in cadrul articolului este prezentat un mic tutorial despre Cum se creeaza un poll cu Joomla ? http://interfete-web.dap.ro/articol7.html

duminică, 30 noiembrie 2008

Google Web Toolkit

GWT iti permite sa scrii cod Java, care se translateaza automat in JavaScript.
Citeste articolul pentru a afla mai multe.

Spor la programat !

Eclipse + Flex 3

Am scris un tutorial despre integrarea Flex 3 in Eclipse, fara a folosi pluginul de la Adobe.
Sper sa va fie util. Va astept sa dicutam !

vineri, 28 noiembrie 2008

Inscrierea in Directoare

Ajuta situl tau sa creasca
Cand ai nevoie de putin ajutor sa pui un site nou pe picioare, inscrierea in Directoare Web este un pas esential (vezi Tutorialul Construirii unui Site).

Directoarele sunt niste web situri specializate care contin doar link-uri catre alte situri inscrise. Fiecare astfel de link aste acompaniat de o descriere si apartine unei categorii pusa la dispozitie de Director.

Un lucru la care trebuie sa fii atent e ca Directorul la care esti inscris sa aiba PR mai mare decat situl tau.

Pasi pregatitori inscrierii pe Directoare :

  • adresa: link-ul catre site. Pentru a nu fi in vizorul filtrului de continut duplicat Google, cel mai bine e sa redirectionezi domeniul.
  • titlul: alege un titlu care nu para spam. Daca titlul sitului nu se incadreaza in acea categorie nefasta, e cel mai indicat sa il folosestiv. 2 descrieri: una scurta (pana in 200 de caractere) si una mai lunga (aproximativ 400 de caractere). In descrieri expune ce trateaza situl, insa nu exagera, pentru ca orice superlative vor conduce la realizarea unei descrieri care va fi inacceptabila.
  • cuvinte cheie (in jur de 10-15): e bine sa nu repeti cuvintele cheie pentru ca exista filtre care nu se lasa pacalite de astefel de tentative, si nu vei reusi decat sa primesti o bulina neagra
Tine minte : Nu folosi cele realizate mai sus pentru toate directoarele pe care te vei inscrie! Titlui si linkul raman mereu aceleasi, dar Descrierile este bine sa incerci sa le variezi putin. Acest lucru va demonstra ca inscrierea s-a facut manual, nu automat, si va face situl sa fie mai credibil in cautari.

Liste de Directoare:

Un articol foarte interesant privind parcursul urmat de un site, odata ce a fost inscris intr-un director, si instrumente de optimizare si eficientizare a acestor progrese se poate gasi la urmatoarea adresa: Inscrierea simplificata in Directoare.

Trafic.ro

Ce este trafic.ro?
Majoritatea cunosc raspunsul mai mult sau mai putin complet si corect. Dupa ce ai realizat site-ul, esti multumit de cum arata, totul este la locul lui, ai postat articole, ai completat tutoriale, totul este bine...urmeaza partea de monitorizare si analiza a site-ului. Este normal sa vrei sa afli ce popularitate are site-ul, cati oameni acceseaza site-ul pe zi, care sunt cele mai citite articole. Aici sunt mai multe posibilitati de abordare, noi ne-am rezumat la doua mecanisme de analiza a site-ului prin trafic.ro si GoogleAnalytics.
Trafic.ro analizeaza siturile din punct de vedere al numarului de utilizatori. Pentru a se realiza acest lucru, siturile trebuie sa insereze in paginile lor un mic cod JavaScript, care afiseaza sigla "Trafic", prin intermediul careia se face contorizarea.
Trafic.ro detine doua servicii de analiza a site-urilor. Primul este "ranking" care afiseaza siteurile web in functie de numarul de utilizatori. Acesta se dovedeste util pentru a vedea in orice moment locul ocupat de site, precum si progresele de la zi la zi. Al doilea mecanism este "tracking-ul" sau "counter-ul", analiza efectiva a site-ului, a profilului fiecarui utilizator si a promovarii site-ului respectiv. Acest mecanism de tracking este adresat mai ales adminilor, rezultatele fiind captate intr-un tabel de unde se pot urmari cu usurinta statisticile.
Trafic.ro ofera analiza site-ului propriu pe ore zile saptamani si luni, arata tara, sistemul de operare, browser-ul folosit si tine evidenta promovarii site-urilor web, cunoscuta sub numele de referring sites.
Asadar, nu ramane decat sa vezi cati vizitatori ai pe site, care au fost paginile cel mai des citite, eventual sa aduci noutati pentru starnirea curiozitatii internautilor.

joi, 27 noiembrie 2008

Interfete Web Prietenoase

Art_Rage_Scooba_DoodlesCineva te priveste din acvariu...

Daca acvariul de sticla ar fi o interfata, ea nu ar fi prietenoasa :

  • Nu ranspunde la dorintele utilizatorilor, desi arata bine: poti privi pestii dar nu te poti juca cu ei.
  • Nu usureaza nici munca providerilor: singurul lucru pe care il poti face, din exterior, e sa stresezi pestisorii stresezi batand cu degetul in geam, iar aceasta actiune are putine sanse sa le atraga cu adevarat atentia asupra ta
Invatati sa construiti Interfete Web Inteligente, Flexibile si Atragatoare.
Vizitati-ne la http://interfete-web.dap.ro/

luni, 24 noiembrie 2008

Blogger Template

Masca_Pestisor_de_Aur








...sau schimba-ti Blogger-Fatza :)

Daca te-ai plictisit de modelele de Blogger-Templates oferite de Blogger, exista doua moduri simple de a depasi acest inconveninte:


  1. Creaza-ti un template propriu editand fisierul .css pus la dispozitie de Blogger
  2. Downloadeaza un Template Gratuit de pe net si uploadeaza-l in locul celui vechi

***********************************************************************

1. Prima metoda ofera cea mai mare libertate de miscare, pentru ca e usor sa pui in practica orice idee si nu esti contrans de granitele imaginatiei altui creator. Poti fi oricat de inventiv si indraznet. Dezavantajul este ca e nevoie sa stapanesti destul de bine HTML si CSS pentru a scoate la capat o forma reusita. Daca ai timpul necesar sa "gadili" templatul pana ajungi exact la ceea ce iti place, atunci asta e metoda pentru tine.

Pentru a adita template-ul curent e nevoie sa fii logat in modul administrator pe blogul tau, si sa mergi la sectiunea Layout/Edit HTML. Aici se gaseste documentul de editat.

Si ca sa fie totul si mai simplu, am aici doua tutoriale care mi-au fost si mie de ajutor:

Inca un ajutor in creatie poate sa vina din folosirea unui Color Scheme Generator. Combinarea culorilor este esentiala pe Internet, asa cum detaliez si in articolul nostru despre Reguli de Web Design. Un Color Mixer destul de reusit si usor de folosit se poate gasi la urmatoarea adresa :


************************************************************************

2. Metoda care necesita mai putin timp si efort este sa gasesti pe Web un template gata facut care sa iti placa si sa il folosesti la infrumusetarea propriului Blog. Nimic mai simplu, pentru ca Blogger permite uploadarea de noi template-uri sub forma XML. Odata ce ai gasit template-ul dorit, nu ai decat sa il salvezi in format XML, sa te loghezi in mod administrator pe propriul blog si sa uploadezi fisierul salvat, mergand la aceeasi sectiune Layout/Edit HTML.

Aici sunt cateva situri care ofera template-uri gratuite si reusite pentru Blogger:


  1. http://freetemplates.blogspot.com/
  2. http://www.eblogtemplates.com/templates/blogger-templates/
  3. http://blogger-templates.blogspot.com/

Nu e nici un risc in a spune ca se gasesc modele pentru toate gusturile, iar daca ai rabdarea sa cauti vei gasi ceva ce, cu minimul de modificari, va corespunde imaginii pe care vrei sa o promovezi.

Have fun!

Ce este XSL

Ce inseamna XSL?
XSL inseamna EXtensible Stylesheet Language.
Iar XSLT este EXtensible Stylesheet Language Transformation.
In sensul in care CSS reprezinta modelul de Style Sheet pentru HTML, la fel XSL este standardul pentru documentele XML. Diferenta intre cele doua este ca, pe cand in HTML instelesul tagurilo este de cele mai multe ori de la sine inteles (exemplu table), in XML putem alege orice nume dorim si prin urmare este nevoie de alt document pentru a interpreta documentul.

Cea mai importanta parte din XSL este XSLT. XSLT este o transformare intre un document XML oarecare intr-un alt document XML pe care in mod normal stim cum sa il interpretam (exemplu XHTML). Cu ajutorul XPATH, sunt identificate parti ale arborelui sursa care se potrivesc cu anumite templaturi si care sunt introduse in arborele destinatie.


Urmariti acest link pentru un exemplu de transformare a unui fisier XML in XHTML.

Functii XLST:

Elementele XLST:

  • apply-imports = aplica reguli dintr-un style sheet exterior
  • apply-templates = aplica regula nodului curent sau fiilor lui
  • attribute = adauga un atribut
  • attribute-set = defineste un name-set pentru atribute
  • call-template = cheama un template
  • choose = test conditionat (folosit impreuna cu choose si otherwise)
  • comment = adauga in arborele rezultat un comentariu
  • copy = creaza o copie a nodului curent
  • copy-of = creaza o copie a nodului curent impreuna cu copii lui si atribute
  • decimal-format = defineste simbolurile care vor fi folosite la conversia in string de functia format_number()
  • element = creaza un nod in arborele de iesire
  • fallback = specifica cosul alternativ in cazul in care xslt nu e suportat
  • for-each = instructiune de ciclare
  • if = conditie
  • import = importa codul unui style sheet in altul
  • include = include codul unui style sheet in altul
  • key = declara o cheie care va fi folosita in functia key()
  • message = scrie un mesaj la output
  • namespace-alias = inlocuieste namespace cu un alias
  • number = determina pozitia nodului curent
  • otherwise = altfel, instructiune conditie
  • output = defineste formatul fisierului de output
  • param = declara un parametru global sau local
  • preserve-space = defineste elementele pentru care spatiile albe nu sunt ignorate
  • processing-instruction = scrie o instructiune la output
  • sort = sorteaza outputul
  • strip-space = defineste elementele pentru care spatiul alb trebuie sters
  • stylesheet = defineste rootul style sheetului
  • template = reguli care vor fi aplicate cand un anumit nod se potriveste patternului
  • text = scrie text la output
  • transform = defineste rootul style sheetului
  • value-of = extrage valoarea unui nod selectat
  • variable = declara o variabila locala sau globala
  • when = cand
  • with-param = defineste valoarea parametrului de transmis in template

Urmariti acest link pentru mai multe exemple de folosire XLST .

Invata mai multe despre Interfetele Web pe situl nostru de interfete web.

duminică, 23 noiembrie 2008

Despre Reguli in Designul Web....

De ce ar trebui sa existe reguli in designul WEB?
In primul rand, trebuie sa ne gandim la toate categoriile de oameni care citesc acest articol. Poate cineva doreste sa se familiarizeze cu notiunile de baza despre web, poate exista oameni care doresc sa isi imbunatateasca site-ul web sau poate cineva doreste sa aiba cel mai riguros site din toate punctele de vedere.
Una peste alta, indiferent de utilizator, exista anumite reguli nescrise care trebuie respectate. Aceste reguli sunt prezentate in articolul 5 de pe site. Orice search engine poate gasi aceste reguli ca fiind ABC-ul interfetelor web.
Retineti cele sase cuvinte magice pentru realizarea unui site de succes, si cu siguranta traficul si interesul internautilor vor creste vertiginos:

Acestea sunt reguli pe care trebuie sa le aiba in vedere oricine doreste sa isi construiasca un site web de succes.

sâmbătă, 22 noiembrie 2008

Poze noi

Am adaugat noi categorii de poze pe site:


  1. Poze UPB : poze din Universitatea Politehnica Bucuresti. Poze pentru studenti care vor sa se laude la prieteni cu peisajele "UPB-iene", poze pentru fosti studenti care vor sa isi aminteasca unde au petrecut cele mai frumase momente, poze pentru viitorii studenti ai UPB(pentru a putea sa isi dea seaman in ce se baga :) ) sau poze pentru parinti care vor sa vada mediul in care vor studia copii lor. Fie ca va plimbati in parcul dominat de cladirea Rectoratului sau ca priveati spre Dambovita de pe podul care leaga Regia de campus, suntem siguri ca pozele noastrea va vor aminti de acele clipe.

  2. Poze Bucuresti : poze din Bucuresti ale celor mai interesante obiective de vizitat. Arcul de triumf, Muzeul satului, parcul Herastrau, hotelul Intercontinental si multe altele sunt ceea ce va propunem sa priviti si sa apreciati in capitala.

  3. Poze Studentiada : eiditia 2008 a Studentiadei a adus in Politehnica sporturi extreme si senzatii tari. Studentii au putut sa joace jocuri amuzante, sa participe la traininguri sau sa aleaga sporturi inedite, toate gratuit.

joi, 20 noiembrie 2008

page rank scripts test

Acesta este un mesaj de test pentru scripturi care calculeaza Page Rankul Google unui site, scrise in Php si Javascript.



  1. Preferatul meu este :

    Check Page Rank






Mai multe exemple de astfel de scripturi puteti gasi aici.

Quizuri noi

Quizuri noi pe http://interfete-web.dap.ro/!

Datorita faptului ca feedback-ul la web-quizul cu intrebari din domeniul tehnologiilor web a fost unul pozitiv, au fost postate doua quizuri noi cu arii diferite de intrebari:

  1. Science Quiz - intrebari de cultura generala de fizica, astrologie, etc.

  2. Computer quiz - intrebari pentru a va testa cunostintele referitoare la calculatoare la un nivel "basic"

Si astept comenturile voastre ca raspuns la acest post in care sa specificati ce noi Quizuri ar putea fi interesante de rezolvat, ce domeniu ar fi mai captivant. Astept noi cereri de Quizuri.

Cat despre gasitul intrebarilor, lasati pe mine ;)

miercuri, 19 noiembrie 2008

Prima Pagina pe Google

In sfarsit am reusit sa ajungem cu situl (http://interfete-web.dap.ro/) pe prima pagina pe Google.
Cu toate ca am aplicat mai multe optimizari sitului, saritura de la pagina 21 la 1 a fost brusca si prin urmare surprinzatoare. Nu putem sa stim exact ce a functionat, dar putem sugera metodele aplicate de noi pentru realizarea sitului in tutorialul : http://interfete-web.dap.ro/tutoriale.html
Pe langa pasii de inceput descrisi in tutorialul de mai sus, este important ca o pagina sa fie optimizata pentru cuvintele cheie dorite (regula de 3 simpla : H1+B+Link), dra pe de alta parte nu e indicata nici o exagerare a frecventei a acestor in text (Black SEO).
Tehnicile de Search Engine Optimization cele mai productive tin mult de gasirea unui echilibru. Optimizarea e buna daca se face intre anumite limite. Din pacate, limitele nu sunt cunoscute si nici macar tatonarea lor nu e indicata fara a risca banarea de pe motoarele de cautare.
Noi am incercat sa mentinem tehnicile de optimizare la o cota minima si ne-am bazat pe articole detaliate despre subiecte inrudite cu domeniul Interfetelor Web. In final un site activ care nu incerce sa atraga trafic prin metode suspecte si care nu spameaza utilizatorii neinteresati de tematica sa, isi va castiga pozitia in motoarele de cautare pe drept.
Speram sa ne putem mentine pozitia si va invitam pe pagina tutorialului nostru de reazizare a unui site cat mai rapid, complet si free : http://interfete-web.dap.ro/tutoriale.html

Imagini socante!

Din categoria stiri:

Un turist a fost atacat de urs!

Atentie, imaginile ce urmeaza pot fi socante!

Click aici pentru a le vizualiza si aici pt ceva mai multe detalii !

joi, 13 noiembrie 2008

Articole copiate

...sau de ce nu ar trebui sa avem pe situl propriu articole copiate...
Raspunsul este... "Din toate motivele!" (asa cum ar fi spus fostul meu profesor de matematica la Liceul Teoretic Ovidius Constanta, domnul profesor Vernic).

Cel mai putin ma refer la regulamentul IOM...in care se interzice furatul articolelor pentru a obtine o nota mai buna la proiectul de Interfete Evoluate.

Nu. Aici e vorba despre o regula pretabila pentru orice site. Pentru ca Google, si nu numai, tine minte ce situri promoveaza articole duplicate. Nu ma credeti? Take a look. Cazurile izolate sunt trecute cu vederea dar alteori, consecintele pot sa varieze de la o scadere a PR-ului sitului pana la o banare pe motoarele de cautare, ceea ce ar putea fi o tragedie pentru orice web master. Iar partea cea mai inspaimantatoare este ca se poate intampla fara nici o avertizare prealabila. Restabilirea reputatiei dupa un astfel de incident nu vreau sa ma gandesc cat poate fi de anevoioasa.

Asa ca daca va ganditi ca e greu sa fiti indexati in motoarele de cautare fara continut bogat si proaspat...si va bate un gand sa "imprumutati" cateva articole de la vecini...cugetati de doua ori. Nimeni nu iubeste duplicatele!

miercuri, 12 noiembrie 2008

Ce este Ajax?

Raspunsul la aceasta intrebare este simplu, nu stii ce e Ajax cauta pe Google sau cum se mai spune "Google it!". Termenul Ajax poate fi asociat mai multor arii de interes, incepand de la detergent pentru baie si bucatarie care iti schimba viata - binecunoscutul TV advertising, continuand cu succes pe taramul Olandei, mai precis echipa de fotbal Ajax Amsterdam si terminand, insa nu mai prejos, cu prescurtarea Asynchronous Javascript And XML.
Bineinteles, in acest articol nu voi vorbi nici despre online advertising nici despre cate goluri a marcat echipa Ajax sezonul 2008-2009 (acest lucru se poate afla usor de pe Youtube), ci voi incerca sa aduc in prim plan principalele caracteristici ale acestui limbaj de programare. Poate e un pic prea mult spus limbaj de programare, hai mai bine sa ii zicem tehnica de programare.


Domnul Google, pe prima pagina de cautare, ne invita sa citim articolele de pe Wikipedia atat in engleza cat si in romana, de unde aflam ca AJAX reprezinta o tehnica de programare pentru crearea de aplicatii web interactive. Scopul este dinamizarea paginilor web si cresterea interactivitatii, vitezei si usurintei. AJAX reprezinta un conglomerat de tehnologii, si anume HTML sau XHTML pentru structura semantica a informatiilor, CSS pentru layout-ul informatiilor, XML pentru transferul datelor intre server si client si obiectul XMLHttpRequest pentru schimbul si manipularea informatiilor, intr-o maniera asincrona cu server-ul web. Nu ma consider un bun cunoscator al acestei tehnici, nici pe departe, dar parerea mea este ca AJAX se poate numi ca fiind un "JavaScript cu steroizi"; pai la asemenea flux de tehnologii web, mi se pare destul de potrivit.


Ajax a fost facut popular in preajma anului 2005 de catre Google, dar si de alti mari dezvoltatori web. In principal Ajax nu este un limbaj de programare, ci mai degraba un atu in realizarea unui website, atu care daca il folosesti cum trebuie ai numeroase avantaje. Cel mai bun exemplu, sa zicem ca vrem sa avem acces la o baza de date, sau vrem sa trimitem informatii. In mod normal, ar trebui sa folosim un formular HTML pentru a lua informatii de pe server. Apoi trebuie sa apasam un buton de confirmare gen submit si sa asteptam serverul sa raspunda, pentru ca mai apoi sa incarce o noua pagina cu rezultate. Cu siguranta multi dintre voi au facut acest lucru de multe ori si cunoasteti sentimentul de nerabdare pe care il procura asteptarea in fata unui server lent sau supraincarcat. Aici intervine Ajax, facand posibila comunicarea libera cu serverul, fara sa fie nevoie sa incarce o noua pagina reducand astfel timpul de asteptare.

Acesta ar fi unul din multele avantaje ale acestei tehnici denumite Ajax. Internet-ul este plin cu tutoriale si documente referitoare la aceasta tehnologie, asa ca dupa parerea mea Ajax este o modalitate de a aduce interactivitate paginilor web care merita studiata si invatata.

marți, 11 noiembrie 2008

Javascript Quiz Multichoice

Un quiz poate sa fie o parte interesanta de integrat intr-un site educational iar varianta multichoice e potrivita pentru ca :

  • e usor de implementat pentru administratorii sitului
  • scrierea unui nou quiz necesita modificari minime in sursa
  • poate fi testat si acasa fara vreo instalare in plus (cum ar fi fost nevoie pentru scripturile php de instalarea apache php server), direct in browser
  • e agreabila pentru utilizatori pentru ca raspunsul corect este la vedere, chiar daca trebuie selectat dintre cele gresite
  • poate fi parcurs foarte rapid si ofera o solutii chiar si oaspetilor grabiti pe site

Un quiz (din multe altele disponibile pe internet) se gaseste la adresa http://javascript.internet.com/miscellaneous/multiple-choice-quiz.html si contine, pe langa codul sursa, o demonstratie online a functionalitatilor sale. La cerere, scriptul e trimis pe adresa de mail.

Am implementat acest gen de script pe propriul site si va invit sa il vizitati, sa il rezolvati si sa imi lasati comentariile cu privire la el aici pe blog.

Quiz tehnologii web : http://interfete-web.dap.ro/quiz.html

Din punct de vedere timpului necesar imbogatirii unei pagini web cu acest quiz, dupa ce am gasit acest script care mi-a placut, compunerea unui quiz propriu a durat nu mai mult de 10 minute.

Exemplu de intrebare si raspunsul ei corect :

questions[0] = "1) JavaScript is ...";

choices[0] = new Array();choices[0][0] = "the same as Java";

choices[0][1] = "kind of like Java";

choices[0][2] = "different than Java";

choices[0][3] = "ther written part of Java";

answers[0] = choices[0][2];

Pentru a modifica enuntul unei intrebari se va modifica continutul elementului cu indicele dorit din vectorul questions. Pentru a modifica optiunile se va opera in matricea choices iar raspunsul corect este dat in vectorul answers prin prezenta valorii 1 in loc de 0 pe indicele raspunsului corect din choices.

Nu exisa o restrictie privind numarul de variante puse la dispozitie astfel incat daca vreti ca utilizatorii sa aiba de ales intre doua variante de raspuns sau 10, decizia va apartine prin marirea de coloane pentru o linie din vectorul choices.

A mai ramas doar formularea intrebarilor si quizul este gata.

luni, 10 noiembrie 2008

Parsare HTML in Java

In acest post voi prezenta o metoda de parsare a documentelor HTML prost formate (taguri neinchise sau incrucisate si alte moduri de nerespectare ale cerintelor XHTML).

Totul a pornit de la o tema la materia Interfete Evoluate, care cerea extragerea dintr-o retea sociala a tuturor prietenilor unui user, pornind de la id-ul acestuia. A parut simplu la inceput. nu aveam decat sa parsez pagina de profil si sa sar din link in link pana as fi epuizat reteaua de prieteni pana la o anumita adancime. Dificultatea temei a fost insa parsarea paginilordin interiorul retelei sociale. Parserul SAX din Java crapa din cauza erorilor din documentul XML...pentru ca ...o pagina HTML e foarte rar valida din punct de vedere al formatului XML.

Ceea ce am folosit pentru a parsa in Java paginile HTML a fost un parser gratuit, Jericho, care se poate downloada la adresa :
http://jerichohtml.sourceforge.net/.

Motivele pentru care recomand parserul HTML Jericho sunt :

  • e open source si gratuit
  • e simplu de inteles, fiind scris intr-un stil explicit si bine documentat
  • e simplu de folosit pentru ca vine cu o suita de exemple accesibile pentru diverse modele de utilizare
  • nu e nevoie sa cauti pe net exemple de cod pentru a folosi biblioteca, sunt suficiente sursele puse la dispozitie in pachet
  • gaseste erorile datorate proastei formatari a textului dar trece peste si incearca o parsare cat mai completa pentru restul documentului
  • intreaga arhiva jar are in jur de 300k, ceea ce e din punctul meu de vedere o dimensiune acceptabila

Pentru a face arhiva jar (libraria externa) disponibila unui proiect in Eclipse:

  • Project -> Properties -> Java Build Path -> Libraries -> Add External Jars -> Jericho.jar
Pentru mine acest parser a fost suficient, dar daca nu e chiar ceea ce cautati, alte sugestii ar fi:

Galerie pentru poze online in php

In cazul in care vreti un utilitar simplu si gratuit pentru gestiunea pozelor pe situl propriu, prima mea recomandare este SPGM (Simple Picture Gallery Manager - http://spgm.sourceforge.net/ ) , pachet de scripturi care se poate downloada de la adresa http://spgm.sourceforge.net/redirect.php?to=7 .

Pachetul este usor de instalat si de integrat in orice site si ofera optiuni destul de folositoare. Pe situl sau oficial se gaseste si un portofoliu cu pagini web care implementeaza modulele si pot fi vizitate : http://spgm.sourceforge.net/?lg=us&id=demos .

O alta abordareeste scrierea unei aplicatii proprii pentru gestiunea colectiei de imagini. In cazul in care a lua ceva complet gata facut si a-l integra doar nu pare cea mai buna alegere poti oricand sa scrii propriile surse pentru gestiunea unei galerii "home made". Un site bun de inceput ar fi http://www.phptoys.com/e107_plugins/content/content.php?content.54 . La aceasta adresa se gasesc scripturi php si tutoriale destul de usor de inteles pentru mai multe tipuri de cerinteale utilizatorilor(forum, login, baze de date, photo slide show, etc.). Tutorialul este redus la elementele esentiale si e un punct bun de start pentru realizarea unei galerii originale.

marți, 4 noiembrie 2008

Parsare DOM in Python

Hello again,

Dragi cititori de blog, vreau sa va marturisesc faptul ca de ceva vreme am devenit fan Python si am renuntat cu nonsalanta la programarea in Java sau C++. De ce? Pentru ca mi se pare mai prietenos, mai usor de folosit, ofera nenumarate facilitati si pe langa asta este un limbaj de programare orientat pe obiecte foarte puternic.

Legat de pasiunea noastra comuna, Interfetele Evoluate, am scris in Python 2 programele care parseaza fisiere XML folosind DOM. In caz ca nu ati folosit pana acum si sunteti curiosi cum arata parsarea de XML in Python, sau din contra, daca ati gasit solutii mai inteligente decat ale mele, va invit sa vizitati articolul http://interfete-web.dap.ro/articol3.html si sa comentam impreuna pe marginea lui!

luni, 3 noiembrie 2008

O alta aplicatie didactica

Propun o continuare la mesajul precedent, 2008/11/web-20-la-picioarele-profesorilor.html, venind cu alt exemplu de aplicatie populara care foloseste tehnologii Web 2.0 si poate veni in sprijinul predarii in sala de clasa.

Utilitarul de grafice online se gaseste la adresa http://nces.ed.gov/nceskids/.
Scopul acestei unelte este de a realiza in cel mai usor mod posibil grafice atractive pentru diferite functii, furnizate sub forma de tabel de valori .

Rezultatul este asemanator cu formatul de grafice din Excel, insa mai usor de folosit si cu o interfata mai pretenoasa.

Pentru mai multe informatii privind aceasta aplicatie vizitati : http://interfete-web.dap.ro/articol1.html.


Web 2.0, la picioarele profesorilor

Multumim Cristinei pentru remarcile facute asupra conceptului de Web 2.0 in Internet(http://mist-iweb.blogspot.com/2008/10/web-20-atitudine-sau-tehnologie.html).

In continuare voi incerca sa completez articolul amintit, prin scoaterea in evidenta faptului ca tehnologiile Web 2.0 pot fi interpretate ca avand o inclinatie educativa. Cu putina imaginatie (si un minim de dotari constand in calculatoare si internet pus la dispozitie de scoala), orice profesor poate aduce tehnologia "pe bancile scolii", inviorand astfel rutina pedagogiei clasice.


Instrumentele gratuite pot fi adaptate in orice moment al lectiei, de la predarea lectiei pana la noatrea elevilor sau stabilirea unei activitati colective, pe grupe sau individuale pentru elevi. Noua tendinta in educatie este promovarea invatarii prin descoperire, iar noile softuri Web 2.0 pot fi adaptate pentru a facilita aceasta inclinatie. Interfetele prietenoase atrag chiar si elevii mai reticenti, actul de a invata devenind mai apropiat de joc decat de activitatea plictisitoare pe care o credeau.

Mi-am propus initierea cautarii softurilor Web 2.0 adaptabile ariei pedagogice prin incursiunea in domeniul documentelor colaborative. ThinkFree (http://www.thinkfree.com/) si GoogleDocs (http://docs.google.com) sunt doar doua exemple de softuri bine puse la punct si folosite intens de o multime de utilizatori, prin urmare de ce nu am incerca o adaptare a lor in scopul constructiv al educatiei.

Cateva exemple de utilizare ar fi colaborarea elevilor la teme date pe grupe, fara a fi nevoie de intalniri personale foarte dese, sau organizarea elevilor pentru lucrul in clasa la un document comun. O discutie mai elaborata asupra acestei teme o gasiti pe situl de interfete web al echipei la:

http://interfete-web.dap.ro/articol4.html - Aplicatii Web 2.0 in domeniul didacticii.

O problema este trecerea de la idee la realizare. Cum putem aduce tehnologia de ultima generatie in scoala Romaneasca? Initiativa nu trebuie neaparat sa porneasca de la profesori, ci chiar de la elevi care pot sugera cum softul lor preferat ar putea fi folosit pentru a impartasi cunoasterea colegilor.

Orice idee e bine-venita si voi raspunde oricui este interesat sa continue discutia, aici, pe blog.

duminică, 26 octombrie 2008

Web 2.0, atitudine sau tehnologie?

Web 2.0 este un domeniu nou, dar mai ales controversat, de aceea isca nenumărate controverse in rândul partizanilor. Strângând si părerile altor oameni pasionaţi, am ajuns la concluzia ca web 2.0:

  • Este mai mult o noua viziune asupra Web-ului decât o tehnologie sau un grup de tehnologii;
  • este un fenomen cultural, mai mult decât unul tehnic;
  • este un termen de marketing;
  • este un nou val de tehnologie avansata;
  • este un amalgam logic de tendinţe;
  • un Internet la îndemâna oricui.
  • este mai mult o „atitudine” decât o tehnologie;

Aşadar, cum ne răspundem la întrebarea : „Despre ce e vorba când ne referim la Web 2.0?”

Pe de o parte este vorba despre o reîntinerire a Web-ului, o reîmprospătare a unor tehnologii mai vechi, pe de alta parte este o colecţie de tehnologii care fac Web-ul mult mai participativ, mai în timp real, mai personalizabil, permiţând o cooperare mai strânsa între oameni.

O descriere a Web 2.0 cuprinde următoarele caracteristici:

  • are meritul de a încuraja participarea activa a utilizatorilor
  • permite utilizatorilor care au aceleaşi interese sa interacţioneze uşor
  • include o multitudine de servicii si aplicaţii care utilizează Web-ul pe post de mediu organizat de comunicare
  • utilizatorii au posibilitatea de a produce conţinut, de a-l partaja cu ceilalţi pasionaţi de o tema comuna, in consecinţa asigura o interactivitate mai puternica
  • este uşor de utilizat, oferă interfeţe grafice intuitive, plăcute, programabile si, transparente;
  • exista posibilitatea de a conecta între ele diverse aplicaţii sau servicii
  • înlesneşte socializarea, colaborarea sau comunicarea prin apariţia instrumentelor colaborative de genul wiki-urilor, a platformelor de socializare ca MySpace, Hi5, LinkedIn, a blogurilor, a aplicaţiilor de partajare date si documente, de clipuri video ( YouTube ) sau de imagini ( flickr ) etc.;
  • conţinutul este o creaţie a utilizatorului, este distribuit liber
  • in concluzie este vorba despre o schimbare de paradigma

Fără îndoiala ca Web 2.0 a pătruns in viata multora dintre noi, ne-a permis accesul la o varietate de noi elemente care ne înlesnesc comunicarea, partajarea de idei si documente, insa întrebarea rămâne in picioare: Prin urmare Web 2.0 este o atitudine, o noua tehnologie, o înlănţuire de tehnologii deja existente cosmetizate si reîntinerite,….? Voi ce părere aveţi?

A, si nu uitaţi sa ne vizitaţi pe site-ul nostru, http://interfete-web.dap.ro/, aici veţi găsi mai multe răspunsuri, poate si noi întrebări!

miercuri, 22 octombrie 2008

Choose life, choose ASE, NOT

Acesta e deja anul V de studentie la Politehnica pentru mine, si in toti acesti ani am obosit sa tot incerc sa fac fata convingerii generale printre studentii facultatii mele, ca la ASE ar curge lapte si miere.
Ca sa clarific, nu am nimic cu articolul original care mi-a inspirat acest post, Choose Life, Choose ASE, pentru ca nu stiu daca la ASE taxa se plateste mai rapid, daca obtinerea unei foi matricole e mai facila sau daca acolo se stie mai bine cum sa se atraga studentii platitori de taxa sau nu. Iar in discutia despre dotarile facultatii nu vreau sa intru.
In schimb, am sa fac observatia ca nu dotarile fac o facultate sa fie mai valoroasa (poate ajuta) dar la baza e tot factorul uman.Iar eu pot spune cu mandrie ca simt in sfarsit ca facultatea mi-a folosit la ceva! Am invatat lucruri interesante si utile, la mai multe cursuri decat am realizat pe moment, si in nici un caz, pusa in fata alegerii facultatii a dou-a oara, nu as opta pentru altceva.
Ba chiar mai mult. Pot spune cu mana pe inima ca stiu colegi care, la fel ca mine, nu isi regreta alegerea urmarii Facultatii de Automatica si Calculatoare, chiar daca la ASE "sistemul e mai bine pus la punct, dotarile mai evoluate, distractia e mai tare si fetele mai frumoase".
De asemenea stiu multi profesori care lupta impotriva unui zid de respingere, pentru a face o diferenta in bine, care isi dedica timpul lor pretios (si e nevoie sa treci de 25 de ani ca sa stii cat de pretios e timpul in realitate) pentru a aduce o contributie pozitiva.
Cursul de Interfete Evoluate e doar un exemplu de curs in care se realizeaza lucruri actuale si interesante (pentru a va convinge, vizitati pagina web care constituie un proiect la aceasta materie http://interfete-web.dap.ro/), alaturi de Sisteme de Operare, Protocoale de Comunicatii, Retele si lista poate continua.
Din pacate trebuie sa pierzi un lucru pentru a-i intelege adevarata valoare (sau in cazul nostru, sa obtinem mult dorita diploma), dar nu e corect ca opinia generala privind facultatea sa impiedice studentii sa o aprecieze si sa se dedice studiului atunci cand e momentul.
Cum ar putea un student de anul 1 sa invete la o materie...daca varul lui din anul 4 ii spune ca facultatea e o prostie, o pierdere de timp...ca mai bine s-ar angaja si ar invata singur...
Ei bine, aceasta mentalitate trebuie sa inceteze!
Daca e poate tarziu pentru noi sa recuperam timpul pierdut, macar noua generatie sa aiba o sansa mai buna, sfatuita sa aprecieze posibilitatile care i se ofera, odata cu alegerea urmarii Facultatii de Automatica si Calculatoare.

luni, 20 octombrie 2008

Bine ati venit pe blogul echipei MIST

Salutari din spatele unui monitor de 17!
*************************************************
****Mai Mult,
****Mai Interesant,
****Mai Savant,
****Mai Transant,
*************************************************
Asta isi propune echipa MIST sa ofere cu ajutorul acestui blog, care se refera atat la tehnologia de ultima generatie, cat si la motivul pentru care inovatia se cere mereu .
Vom vorbi despre uneltele puse la dispozitie pentru a crea si manipula Interfete Evoluate peste Internet, dar si despre originea si explorarea nevoii oamenilor de a le folosi pentru a transcende granitele izolarii si a gasi noi cai de apropiere, de interactionare, de dezvoltare si crestere cu ajutorul comunitatii on-line.
Vom discuta si despre noi insine, despre cum ne-a schimbat Facultatea din primul an in care am urcat pana in varful dealului, la propriu, pana la Facultatea de Automatica si Calculatore, si pana in momentul prezent, in care incercam sa contribuim dupa propriile posibilitati, la extinderea, intrebuintarea si impartirea cunostintelor legate de marea retea informationala care ne inconjoara.
*************************************************
Iar daca blogul are sa va faca placere, vizitati-ne la http://interfete-web.dap.ro/ ,
pentru mai multe articole, tutoriale, quizzuri si alte informatii privind echipa MIST sau puse la dispozitie de aceasta.

Yellow Puppies Blogger Template | Template Design | Elque 2008