interfete web

UML

2009-03-31T17:23:00.000+03:00

UML Free Tool : http://bouml.free.fr/index.html

Some more uml tools : http://plg.uwaterloo.ca/~migod/uml.html

Free Icons

2009-03-25T16:27:00.001+02:00

Un site care ofera icon-uri free, fara a mentiona de restrictii de licenta :http://www.freeicons.dk/

El Grande Comandante

2009-03-25T14:56:00.002+02:00

http://wikimapia.org/4718985/El-Grande-Comandante :

Criptarea parolelor in php

2009-03-25T12:18:00.003+02:00

Criptarea in php este necesara pentru ca nu este indicat s afie tinute in bazele de date (spre exemplu MySql) parole in clar. In cazul unei brese de securitate, o persoana neautorizata ar putea sa citeasca bazele de date (si parolele retinute in clar).
Linkuri unde se poate citi despre metode de criptare:

Retinerea in baza de date a nuei parole care este criptata (printr-un algoritm ireversibil, aventual, sau foarte apropiat de asta), implica faptul ca atunci cand un user ar cere sa reprimeasca o parola uitata, singura posibilitate a administratorului ar fi sa schimbe parola si sa trimita noua parola.

Cateva functii php interesante

2009-03-18T10:24:00.000+02:00

Pentru a modifica din cod fisierul PHP.ini :

ini_set("SMTP","your.Smtp.Server");

ini_set("smtp_port","25");

Java Hibernate

2009-03-10T13:50:00.005+02:00

Home site : http://www.hibernate.org/
Hibernate este o librarie ORM()Object-Relational Mapping) pentru limlajul Java, folosind la maparea modelului orientat pe obiecte peste bazele de date relationale.
Aceasta tehnologie este gratuita si open source, distribuita sub licenta GNU Lesser General Public License.
Principala caracteristica a Hibernate este maparea intre clasele Java si tabelele bazelor de date precum si intre tipurile de date Java si SQL. Hibernate pune la dispozitie posibilitatea redactarii de query-uri si data-retrieval. Salvarea datelor (reprezentate prin clase) intr-un spatiu de storare se numeste persistenta.

Pentru mai multe informatii privind aceasta tehnologie (mapare, presistenta, HQL, integrare si aplicatii), consultati http://en.wikipedia.org/wiki/Hibernate_(Java).

Un exemplu simplu pentru inceperea acomodarii cu Hibernate puteti gasi la http://www.javaworld.com/javaworld/jw-10-2004/jw-1018-hibernate.html.

Inca un prim exemplu de hibernate, impreuna cu explicatii suplimentare, se poate gasi la adresa : http://www.laliluna.de/first-hibernate-example-tutorial.html

Secure PHP login script

2009-03-09T11:20:00.005+02:00

Aici sunt cateva linkuri de unde se poate alege o metoda :
http://www.devshed.com/c/a/PHP/Creating-a-Secure-PHP-Login-Script/ - all yellow, destul de ok explicat dar nu f complex
http://www.mtdev.com/2002/07/creating-a-secure-php-login-script - foloseste clase
pentru a folosi logarea pentru useri este nevoie sa intelegi conceptul de php session. Aici este un tutorial simplu pentru a incepe : http://www.phpro.org/tutorials/Introduction-To-PHP-Sessions.html
Inainte de a trimite un query bazei de date sau orice altceva, verifica stringurile trimise de utilizator : http://www.phpro.org/tutorials/Validating-User-Input.html

Iar pentru a fi atent la ce Nu trebuie sa faci, citeste mai multe despre SQL injection:

http://www.unixwiz.net/techtips/sql-injection.html - cum un simplu camp pentru trimiterea parolei uitate unui user, via e-mail, poate compromite intreaga baza de date
http://www.ase.md/~osa/publ/ro/pubro32/ - info in romana inclusiv cum ar trebui filtrate datele de intrare pentru a evita atacurile

Cum sa procesezi fisiere Word si Excel in Java

2009-02-18T16:00:00.007+02:00

Ceea ce am vrut sa realizez este extragerea unor informatii aflate intr-un tabel Excel si crearea pe baza lor a unui fisier Word cu un rezumat al acestora.

Fisierele Word si Excel sunt salvate in formatul Microsoft numit OLE (Object Linking and Embedding). Ele pot fi accesate din Java in mai multe moduri, insa eu voi vorbi despre biblioteca de functii POI (http://poi.apache.org/).
POI, prescurtarea pentru Poor Obfuscation Implementation, este un proiect startat de apache.

La linkul http://www.apache.org/dyn/closer.cgi/poi/release/ este disponibil spre a fi downloadat ultimul release, care odata inclus in Build-Path-ul proiectului la care lucrati, va furniza accesul la clasele specializate de procesare a fisierelor in formatul specific MS Office.

Terminologia POI:

POIFS (Poor Obfuscation Implementation File System): Java APIs for reading and writing
OLE (Object Linking and Embedding) 2 compound document formats.
HSSF (Horrible Spreadsheet Format): Java API to read Microsoft Excel.
HDF (Horrible Document Format): Java API to read and write Microsoft Word 97.
HPSF (Horrible Property Set Format): Java API for reading property sets using (only) Java.

Pentru a procesa un document Excel in scopul extragerii informatiilor din mai multe spreadsheeturi, procesand fiecare celula in parte, secventa de cod este :

import java.io.IOException;
import java.io.InputStream;
import java.util.Iterator;
import org.apache.poi.poifs.filesystem.POIFSFileSystem;
import org.apache.poi.hssf.usermodel.HSSFCell;
import org.apache.poi.hssf.usermodel.HSSFSheet;
import org.apache.poi.hssf.usermodel.HSSFWorkbook;
import org.apache.poi.hssf.usermodel.HSSFRow;

...

POIFSFileSystem fs;

HSSFWorkbook wb;

InputStream input;

InputStream input = ExcelReader.class.getResourceAsStream(file );

try {
fs = new POIFSFileSystem( input );
}catch(Exception e){
e.printStackTrace();
System.exit(0);
}

try {
wb = new HSSFWorkbook(fs);
}catch(Exception e){
e.printStackTrace();
System.exit(0);
}

int number_of_sheets = wb.getNumberOfSheets();

for(int i =0; i!=number_of_sheets;i++){

HSSFSheet sheet = wb.getSheetAt(i);

Iterator rows = sheet.rowIterator();

while( rows.hasNext() ) {

HSSFRow row = (HSSFRow) rows.next();

Iterator cells = row.cellIterator();

while( cells.hasNext() ) {

HSSFCell cell = (HSSFCell) cells.next();

switch ( cell.getCellType() ) {

case HSSFCell.CELL_TYPE_NUMERIC:
System.out.println( cell.getNumericCellValue() );
//do something
break;

case HSSFCell.CELL_TYPE_STRING:
System.out.println( cell.getStringCellValue() );
//do something
break;

default:
System.out.println( "unsuported sell type" );
//do something
break;

}//end while cell

}//end while row

}//end for each sheet

...

Pentru exemplul de mai sus am folosit un build-ul poi-2.5.1-final-20040804.jar. Ultima versiune disponibila in acest moment este poi-bin-3.2-FINAL-20081019.tar.

Scrierea textului extras in Word se poate face tot cu ajutorul POI. Exemplul clasic se gaseste la adresa urmatoare: http://mail-archives.apache.org/mod_mbox/poi-dev/200311.mbox/%3C6.0.0.22.2.20031113134659.01e6d680@mail.jahia.com%3E

O alta metoda este folosirea clasei OutputStreamWriter pentru scrierea unui document :

FileOutputStream fs = new FileOutputStream(file);

OutputStreamWriter out = new OutputStreamWriter(fs);

out.write("Orice propozitie doresti");

O varinata simpla de obtinere a unui document Word formatat fara prea multa bataie de cap (fara a folosi clase speciale), este sa se scrie intr-un fisier cu extensia HTML ca in orice alt fisier text, informatia dorita cu format. Dupa scrierea infoamatiilor formatate HTML, se poate face copy din acest document deschis in browser, intr-un nou document Word. Din ce am observat, formatul se pastreaza. Avantajul este ca formatarea HTML este simpla (de exemplu un tabel se poate crea folosind doar tagurile table, tr sau td

Pentru formatarea HTML, un tutorial gasiti la adresa http://www.w3schools.com/html/default.asp.

Spor!

Barcelona, Here we come

2009-02-06T11:56:00.007+02:00

Linkuri spre locatii de pe web ce contin harti sau informatii utile dpdv turistic :

http://www.marshal.ro/images/harta_metrou_barcelona.jpg - darta metrou la scara redusa
http://www.ecaconsortium.net/conference/imgs/Map-Metro_Barcelona-xl.gif - harta matrou f buna, de dimensiuni mari
http://www.angstartarena.com/tours/spain/barcelona/scans/barcelona%20-%20map1.jpg - o harta dragurta cu obiective turistice
http://mugur.nomadlife.org/uploaded_images/BarcelonaFromAir-759514.jpg - imagine de sus, pozata dinspre apa - super nice
http://www.tagzania-blog.com/es/wp-content/uploads/2008/03/torre_agbar_barcelona.jpg - turnul de apa lui Jean Novel - trebuie vazut :D
super arhitectura by gaudi : http://farm3.static.flickr.com/2159/2109147267_ae67f6a96d.jpg, http://z.about.com/d/architecture/1/0/v/o/Sagradafamilia00002482731.jpg

harta bucuresti

2009-01-29T11:29:00.000+02:00

http://www.norc.ro/ - o harta a bucurestiului cu poze pentru fiecare bucatica

save as dialog

2009-01-28T15:42:00.000+02:00

http://board.flashkit.com/board/archive/index.php/t-620980.html - forum despre fortarea aparitiei unui save as dialog in php

Documentatie filtre aplicate pe imagini

2009-01-15T17:37:00.001+02:00

Adrese:

http://www.comm.pub.ro/curs/pirf/curs/2/2%20Filtre%20neliniare.pdf - Filtre neliniare
http://bulibuta.sdf1.org/math/main.pdf - Prelucrarea imaginilor cu transformarea Weavlett
http://cosminbanu.brite.ro/projects/image_processing/documentation/image_processing.pdf - curs de procesare imagini pe calculator, facultatea de inginerie electrica, explicarea filtrelor color, pondere si nivel + alte efecte cu explicatia in pseudocod, pentru o aplicatie f asemanatoare cu ce facem noi :)
http://beta.wikiversity.org/wiki/Prelucrarea_imaginilor_--_Laboratorul_5_--_2007-2008_--_info.uvt.ro - filtre explicate pe wikipedia, in format matriceal

Program Java pentru manipulat imagini

2009-01-13T18:41:00.009+02:00

http://www.java2s.com/Code/Java/2D-Graphics-GUI/Image.htm - exemple de prelucrari imagini
http://www.java2s.com/Code/Java/2D-Graphics-GUI/ImageColorGrayEffect.htm - converteste o poza jpg in grayscale, functional
http://www.java2s.com/Code/Java/2D-Graphics-GUI/ImageEffectSharpenblur.htm - mai mult decat gray
http://forums.sun.com/thread.jspa?threadID=5270944 - raspuns pe sun forum um se converteste jpeg to pgm
http://forums.java.net/jive/thread.jspa?messageID=127883& - alt forum, neverificat
http://www.rgagnon.com/javadetails/java-0266.html - convert java image to jpeg file

Loock into:

netbeans
Eclipse Visual editor
jgoodies http://www.jgoodies.com/index.html
substance https://substance.dev.java.net/
flamingo https://flamingo.dev.java.net/ http://www.google.ro/search?hl=ro&q=java+flamingo&meta=
http://www.javabeginner.com/java-swing/java-look-and-feel - set look and feel

Test de inteligenta!

2009-01-12T20:50:00.002+02:00

Buna,

Am pus pe site un test de inteligenta. Are 10 intrebari, este challenging, cu probleme care verifica mai multe tipuri de inteligenta. Contine intrebari de atentie, perspicacitate sau din tehnica. Rezultatele testului le primiti instantaneu, pe masura ce il rezolvati. Enjoy :) Link aici http://interfete-web.dap.ro/quiz3.html

Aici puteti comenta intrebarile, va stau la dispozitie pentru analizarea raspunsurilor, sugestii, reclamatii

Sysinternals

2009-01-12T16:14:00.002+02:00

Sysinternals este o suita extrem de folositoare pentru rezolvarea problemelor de Windows, paleta larga de programe prezenta usureaza munca oricarui administrator de sistem in Windows.
Cititi articolul de pe site si va veti convinge!

JavaScript Highlighting

2009-01-12T07:06:00.002+02:00

Nu e nevoie decat de cateva expresii regulate generate dinamic pentru a face o cautare si un highlight pe o pagina html :D . Mai multe detalii aici !

Javascript Libraries

2009-01-08T15:18:00.003+02:00

Pentru efecte spectaculoase in pagini web, in lipsa de timp si de dorinta de a scrie calupuri mari de cod care sa faca treaba, puteti alege sa folositi librarii de functii javascript, disponibile pe internet, destinate diferitelor arii de interes. De la manipularea si validarea datelor de intrare ale unei aplicatii web, pana la complicate efecte grafice, totte pot fi disponibile instantaneu si fara un mare efort de programare.
Aici este un exemplu de puzzle javascript construit cu ajutorul unei librarii de javascript destinata siturilor web 2.0, in doar 8 linii de cod : http://wiki.github.com/madrobby/scriptaculous/puzzle-demo.
O alte sugestie este http://mochikit.com/ , "makes javascript suck less :D", dar preferata mea ramane The Yahoo! User Interface Library (YUI). YUI (http://developer.yahoo.com/yui/) este o librarie bogata scrisa in javascript si disponibila pentru download, de la yahoo.Iar partea cea mia buna e ca documentatia este foarte nogata, suplimentata cu exemple si forumuri astefel incat folosirea ei sa fie cat mai usoara si la obiect.
So, have fun cu javascript.

Javascript - linkuri folositoare

2009-01-07T17:37:00.004+02:00

Exemple de situri cu exemple si tutoriale JavaScript:

http://www.hotscripts.com/JavaScript/Tips_and_Tutorials/index.html - all u need
http://www.webcheatsheet.com/javascript/form_validation.php - validarea unui form
http://www.javascriptkit.com/javatutors/deform2.shtml - enable/disable pentru elemente html
http://joujou.org/scripts/psychedelic/ - psihedelic background, un exemplu dragut pe care daca misti mouse-ul 10 minute te trezesti cu o durere de cap :P
http://cyber-web.biz/javascript/downloads/falling%20snow%20part3/falling%20snow%20part3.php - ninge...cu javascript
http://www.laphotos.com/color_chart.html - schimba culoarea fondului in functie de un color chart
http://www.hotscripts.com/Detailed/78598.html - numar random de useri cu un maxim dat - doar la download
http://www.javascriptkit.com/script/script2/punchline.shtml - replici satirice random :)
http://javascript.internet.com/miscellaneous/r-numbers.html - generare de numere aleatoare

Tehnologii Web : Java Applet-ul

2008-12-19T15:15:00.023+02:00

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 :

http://java.sun.com/applets/ - documentatia oficiala
http://robotics.ucv.ro/carti/java/ - curs de java
http://thor.info.uaic.ro/~acf/java/curs/10/exemple.html - exemplu simpatic de applet: Apasa-ma
http://profs.info.uaic.ro/~acf/java/curs/10/appleturi.html - explicatii curs applet

Lisp si Web-ul Semantic

2008-12-18T16:00:00.018+02:00

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

2008-12-18T15:25:00.014+02:00

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 :

Unicode -finalizat

XML - finalizat

RDF - finalizat (W3C Recommendation)

RDF Schema - finalizat (W3C CR

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

rules&query - inceput

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

Ce inseamna Semantic Web

2008-12-17T14:28:00.015+02:00

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:

Exemplu Image Map

2008-12-14T00:25:00.002+02:00

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:

http://www.december.com/html/demo/imagemap.html - un exemplu de image-map simplu care foloseste forme geometrice elementare penru referinte spre pagini exterioare
http://www.maths.lancs.ac.uk/Software/Imagemap/Examples/ - image-map construit pe baza de elemente geometrice, explicate in detaliu. Este un tutorial foarte bun si explicit de la care se poate porni pentru extindere.
http://www.w3schools.com/js/js_image_maps.asp - tutorial pentru construirea de image-map-uri cu ajutorul javascript.
http://www.w3schools.com/js/tryit.asp?filename=tryjs_animation - exemplu de animatie a unui buton cu ajutoul functiilor javascript si a tagului img. Acest model de animatie a butoanelor, in functie de evenimente generate de mouse, am folosit si la situl propriu pentru butoanele-referinta spre home, parteneri si contact.
http://www.milonic.com/menusample4.php - Super-exemplu de Image-Map pentru hata tarilor Europei. La trecerea mouse-ului peste o tara, se afiseaza steagul acesteia si alte informatii. Codul este disponibil.

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

Ce este XUL

2008-12-11T15:58:00.009+02:00

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

Webmaster

2008-12-05T00:47:00.005+02:00

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)

Javascript Highlight text

2008-12-03T13:16:00.001+02:00

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 :

Pozitia Google

2008-12-02T19:18:00.000+02:00

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

2008-12-02T00:38:00.000+02:00

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

Google Web Toolkit

2008-11-30T03:44:00.000+02:00

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

2008-11-30T03:40:00.001+02:00

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

2008-11-28T13:51:00.000+02:00

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

2008-11-28T11:01:00.000+02:00

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

2008-11-27T17:57:00.000+02:00

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

2008-11-24T18:49:00.000+02:00

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

Creaza-ti un template propriu editand fisierul .css pus la dispozitie de Blogger
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 :

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:

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

2008-11-24T16:49:00.000+02:00

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

2008-11-23T18:43:00.000+02:00

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

2008-11-22T16:19:00.001+02:00

Am adaugat noi categorii de poze pe site:

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.

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.

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

2008-11-20T18:29:00.001+02:00

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

Preferatul meu este :

Mai multe exemple de astfel de scripturi puteti gasi aici.

Quizuri noi

2008-11-20T16:13:00.000+02:00

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:

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

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

2008-11-19T08:55:00.000+02:00

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!

2008-11-19T01:09:00.000+02:00

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

2008-11-13T18:57:00.000+02:00

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

2008-11-12T16:08:00.000+02:00

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

2008-11-11T14:53:00.000+02:00

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

2008-11-10T17:48:00.000+02:00

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

2008-11-10T15:09:00.000+02:00

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

2008-11-04T01:21:00.000+02:00

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

2008-11-03T23:28:00.000+02:00

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

2008-11-03T16:27:00.000+02:00

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.

Web 2.0, atitudine sau tehnologie?

2008-10-26T22:13:00.000+02:00

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!

Choose life, choose ASE, NOT

2008-10-22T17:59:00.000+03:00

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.

Bine ati venit pe blogul echipei MIST

2008-10-20T16:39:00.001+03:00

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.