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 !

Inscrierea in Directoare

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:

• http://director-web.greentwinkie.com/directoare-web-romanesti/
• http://www.dmoz.org/World/Rom%C3%A2n%C4%83/Computere/Internet/C%C4%83utare/Directoare/
• http://www.emgos.autosite.ro/directoare_web.html
• http://4freelancers.blogspot.com/2008/09/directories-list.html
• etc.

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.

Interfete Web Prietenoase

Cineva 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/

Blogger Template

...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:

• http://bradblogging.com/blog-design/how-to-create-your-own-blogger-template
• http://www.photoshopsupport.com/tutorials/jennifer/blog-templates.html
  

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 :

• http://wellstyled.com/tools/colorscheme2/index-en.html

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

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:

• current() = returneaza nodul curent
• document() = acceseaza un nod intr-un document XML extern
• element-available() = testeaza daca elementul este valabil pentru procesorul XSL
• format-number() = converteste un numar intr-un string
• function-available() = testeaza daca functia este valabila pentru procesorul XSL
• generate-id() = returneaza un string care caracterizeaza in mod unuic un nod
• key() = returneaza un tuplu nod-set
• system-property() = returneaza proprietati de sistem
• unparsed-entity-uri() = returneaza uri-ul unei intrari neparsate

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.

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:

• Continut


• Navigare


• Cautare

• Contrast


• Download


• Utilizatori

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

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.
   

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 :
   
   
   
   
   
   

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 ;)

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 !

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!

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.

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.

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:

• http://sourceforge.net/projects/mozillaparser
• http://hotsax.sourceforge.net/
• http://mercury.ccil.org/~cowan/XML/tagsoup/
• http://jtidy.sourceforge.net/

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.

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!

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.