Sistemes Oberts

Setmana 1: No hi ha classe

Entrada/sortida. Threads. Exemples. Exercicis opcionals. [Transparències][Exercicis]

Comunicacions: sockets. Enunciat problemes obligatoris. [Transparències][Exercicis]

Video TCP/IP.
VisualRoute [web SOB][link VisualRoute]
Comandes de xarxa usant linia comandes: ipconfig, nslookup, arp, netstat, tracert, ping.
Sniffer de HTTP. Ús de cookies. Capçaleres de control i dades [web SOB][link Sniffer]
Ús de protocols orientats a la connexió: FTP i SMTP vs prot. no orientats a la connexió: HTTP [laboratori 2]

Programes necessaris: Eclipse, Apache Tomcat, plugin de Tomcat per a Eclipse i els plugins per visualitzar Java en l'IE/Mozilla que estan en el JDK
Tutorial servlets de Java (de java.sun.com)

Exemples JavaScrips [web SOB]

Copiem del projecte webclient els fitxers js1.htm, js2.htm i js3.htm i els posem en la carpeta webapps\ROOT\ del Tomcat.. Suposem TOMCAT=C:\Archivos de programa\Apache Group\Tomcat 4.1
Engeguem el Tomcat si no estava ja engegat
Executem els diferents exemples fent: http://127.0.0.1:8080/js1.htm, http://127.0.0.1:8080/js2.htm, i http://127.0.0.1:8080/js3.htm

Applets [web SOB]

EXEMPLE1 TrivialApplet. Engegar Tomcat.
Baixem els exemples i creem el project eclipse webclient
Compilem el projecte i els applets els posem les classes en la carpeta webapps\ROOT\ del Tomcat
Executem els diferents exemples fent: http://127.0.0.1:8080/TrivialApplet.htm. Notar que cal tenir instal·lat el plugin de java pel navegador que fem servir.

EXEMPLE 2: CHAT. Copiem en webapps\ROOT\ les classes del chat i chat.htm.
Engeguem el servidor fent: java Chat (notar que el PATH ha d'estar correcte, i no cal que la classe estigui en el mateix directori que la resta de classes del client. El client ha d'estar en el Tomcat)
Iniciem un client en la mateixa màquina: http://127.0.0.1:8080/Chat.htm.

Servlets [web SOB]

Instal·lació d'un servlet sense Tomcat Project, és a dir, a mà

Baixar el projecte servlets.zip
Obrim una nova vista Java d'Eclipse windows>Open perspective>Java.
Copiem les classes (directori bin/sob) a webapps/examples/WEB-INF/classes de Tomcat.
Engeguem el Tomcat
Executem els diferents exemples de servlets:

http://127.0.0.1:8080/examples/servlet/sob.HelloWorld
http://127.0.0.1:8080/examples/servlet/sob.ThreeParams?param1=hello&param2=world&param3=homer

Instal·lació d'un servlet usant el Tomcat Project

Crear un projecte Tomcat anomenat sob. Copiem els fonts del projecte servlets.
Creem el projecte Eclipse Tomcat servlets i compilem. Cal tenir instal·lat el plugin Sysdeo*.

Tal com està, hi ha un error. Cal incloure en el projecte la llibreria servlet.jar que està en C:\Archivos de programa\Apache Group\Tomcat 4.1\common\lib. Triem project>properties>Java Built path i escollim incloure servlet.jar.

Copiem les classes a work/src.
Copiem els html a l'arrel
Copiem web.xml a WEB-INF/
Fem amb el botó dret sobre el projecte sob, Tomcat project>Update contex in server.xml i ara tenim que el Tomcat té registrat el nostre servlet en la direcció del nostre sistema de fitxers. Abans, feia el mateix però reutilitzant el directori examples de Tomcat.
Engeguem el Tomcat
Executem els servlets com abans, però sense examples perque ara tenim el nostre propi servei: sob.

http://127.0.0.1:8080/sob/servlet/sob.HelloWorld
http://127.0.0.1:8080/sob/servlet/sob.ThreeParams?param1=hello&param2=world&param3=homer http://127.0.0.1:8080/form.html

 

Fig. 1: Captura de pantalla d'Eclipse amb els projectes sob i servlets tal com queda al final

Darrera modificació: 06/03/2004 a les 10:59

---

*Instal·lació del plugin sysdeo

- Baixar el plugin.
- Instal·lar-ho descomprimit en el directori de plugins
- Anar a window>preferences>Tomcat i posar quina versió de Tomcat s'usa i on és. Nosaltres fem servir una 1.4.x i està en C:\Archivos de programa\Apache Group\Tomcat 4.1.
- Ara podrem crear projectes de tipus Tomcat Project.

 

No hi hagué classe en solidaritat amb els atemptats de Madrid

Cookies amb servlets [web lab2]:

Creem el projecte Tomcat seguint el realitzat la setmana 5
Compilem el projecte i en fem un update context
Executem: http://127.0.0.1:8080/sob/servlet/sob.Cookie1 per veure que tot està correcte
Executem: http://127.0.0.1:8080/sob/servlet/sob.Cookie2

JSP [web lab3]:

Creem un projecte Tomcat tenint en compte aquestes fonts
Compilem el projecte i en fem un update context

- copiar els java en ./WEB-INF/src, els jsp en /, i web.xml en ./WEB-INF

Engeguem el Tomcat i comprovem que tot funciona correctament executant http://127.0.0.1:8080/jsp/hello.jsp
Identificadors de sessió: page vs application vs session:

- page: http://127.0.0.1:8080/jsp/scope.jsp
- application: http://127.0.0.1:8080/jsp/contador2.jsp
- session: http://127.0.0.1:8080/jsp/scope2.jsp

Darrera modificació: 18/03/2004

Programes necessaris: Driver JDBC i BBDD HypersonicSQL (*), MySQL, plugin dbEdit per Eclipse(**)

Execució exemples de JDBC [web SOB]:

HypersonicSQL standalone,

- HypersonicSQL és una BBDD en Java (en el fitxer comprimit) s'inclouen els fitxers Java. S'executa el client en mode standalone per a manegar una BBDD pròpia.

MSAccess (usant ODBC), i

- Per configurar ODBC s'ha de configurar desde Windows i dependrà de cada versió usada. En el cas de WnXP anar a Tauler de Control>Herramientas administrativas>Orígenes de datos (ODBC). Cal Agregar i triar un Microsoft Driver Manager, hi posem un nom i ja està.

- Ara podem executar altre cop el client HypersonicSQL i triar el Brigde JDBC-ODBC. El nom de la base de dades que s'ha posat en el pas anterior, l'hem de posar altre cop ara.

MySQL,

- MySQL es pot engegar a mà, amb l'opció .\mysql\bin\mysqld --standalone, o escollint-la en mode servei alhora d'instal·lar MySQL. S'haurà de triar el mode segons cada cas.

- Hi ha molts clients per a MySQL (v. mysql.com). Pel cas d'HypersonicSQL cal afegir el driver de mysql prèviament.

==> Copiem el driver de mysql (mysql_comp.jar) a ./hsqldb/lib

==> Afegim el jar en el CLASSPATH del bat runUtil dins de ./hsqldb/bin. Per exemple:

cd ..\data
set CLASS_PATH="..\lib\hsqldb.jar;..\lib\mysql_comp.jar;."
@java -classpath %CLASS_PATH% org.hsqldb.util.%1 %2 %3 %4 %5 %6 %7 %8 %9

==> Ara ja podem llençar el client, runUtil DatabaseManager.

 

Execució de diferents exemples web combinant JSP i JDBC,

http://127.0.0.1:8080/nuevo/create.jsp
http://127.0.0.1:8080/nuevo/show.jsp
http://127.0.0.1:8080/nuevo/update1.jsp
http://127.0.0.1:8080/nuevo/update2.jsp

 

Fig. 1: Captura de pantalla d'Eclipse amb els projecte nuevo que conté els exemples de JDBC-JSP

Fig. 2: dbEdit connectat a una BBDD HypersonicSQL

Fig. 3: HSQL Manager accedint a una base de dades en HypersonicSQL

Darrera modificació: 23/03/2004

---

(*) Instal·lació BBDD HypersonicSQL

- Baixar la base de dades (mirar darreres version a sourceforge.net)
- Anar al directori bin on s'ha descomprimit el zip anterior
- Engegar un client. .\hsqldb\bin\>runutil DatabaseManager.
- Executarem el client en mode standalone

(**) Instal·lació plugin dbEdit per a Eclipse

- Baixar el plugin
- Descomprimir-ho en el directori de plugins en l'arrel d'Eclipse
- Automàticament, en engegar de nou Eclipse l'entorn s'adona del nou plugin i ens confirma aquesta addició

Continuació JDBC. (Classe donada pel Pedro)

Setmana Santa

Exemple de dbEdit connectant a MySQL:

- Engeguem MySQL: $MYSQL_HOME$\bin\mysqld --standalone

- Obrim Eclipse i una vista dbEdit

- Anem al menú Connection>Configure:

a) Creem una nova connexió (li posem el nom que volguem),

b) A la pestanya Classpath cal especificar on es troba el jar dels drivers de la base de dades, en el nostre cas, mysql_comp.jar.

c) Ara podem anar a la pestanya common, i especificar la nostra connexió:

JDBC Driver: org.gjt.mm.mysql.Driver

Server URL: jdbc:mysql://127.0.0.1/test

User: no importa

Passwd: no importa

d) Un cop especificats els paràmetres, podem pitjar en Connect.

- Un cop connectats podem executar les comandes SQL com es va veure en la semana 9 i el lab 4:

CREATE TABLE COFFEES (COF_NAME VARCHAR(32), SUP_ID INTEGER, PRICE FLOAT, SALES INTEGER, TOTAL INTEGER) INSERT INTO COFFEES VALUES ('Colombian', 101, 7.99, 0, 0) INSERT INTO COFFEES VALUES ('French_Roast', 49, 8.99, 0, 0) INSERT INTO COFFEES VALUES ('Espresso', 150, 9.99, 0, 0) INSERT INTO COFFEES VALUES ('Colombian_Decaf', 101, 8.99, 0, 0) INSERT INTO COFFEES VALUES ('French_Roast_Decaf', 49, 9.99, 0, 0) SELECT * FROM COFFEES SELECT COF_NAME, PRICE FROM COFFEES SELECT COF_NAME, PRICE FROM COFFEES WHERE PRICE < 9.00

 

Fig. 1: dbEdit connectat a la base de dades test de MySQL

Exercici de classe: VALIDACIÓ D'USUARIS VIA WEB

Darrera modificació: 13/04/2004

Classe donada pel Pedro sobre XML [v. Lab 4]