Aplicación Web Multiplataforma

Aplicación Web Multiplataforma alfonsocutro 19 Marzo, 2010 - 12:34

8.1 Descripción

8.1 Descripción alfonsocutro 19 Marzo, 2010 - 13:20

Este trabajo se basa en el estudio del software que permite el desarrollo de aplicaciones Web multiplataforma con acceso a base de datos distribuidas y en el desarrollo de una aplicación Web que brinda información sobre resultados de procesos de minería de datos.

El objetivo es realizar una aplicación Web multiplataforma desarrollada en Java , mediante la cual el usuario pueda contar con un medio de visualización de resultados de procesos de minería.

El sistema funciona en distintas plataformas mediante el uso de software multiplataforma.

Considerando que la información es poder, es muy importante el lugar en donde se almacena, su organización y la forma en que ésta puede brindarse a los distintos usuarios.

Además, el desarrollo del presente trabajo se ve motivado por la posibilidad de obtener experiencias y conocimientos vinculados con entornos de trabajo propios del mercado comercial en gran escala, de la seguridad que precisa en el manejo de la información y de la importancia actual de la interrelación de las actividades de las organizaciones desde el punto de vista de su gestión interna y su interrelación con el medio mediante la Web, todo ello en el contexto mayor de la sociedad de la información y el conocimiento.

En la ﬁg. 8.1 se puede visualizar a la página principal del sistema. Mediante cualquier navegador de Internet se puede ingresar y navegar por el sitio Web de la aplicación.

Como se hacía referencia anteriormente el usuario que ingrese a la página deberá ingresar su usuario y su contraseña, una vez registrado podrá acceder a toda la información disponible en el sitio Web.

En la página resul.html (ver la ﬁg. 8.2) se puede elegir qué resultados se desea visualiza.

Estos resultados son los siguientes:

Conocer los Perﬁles Socio Demográﬁcos de los Planes Jefes y Jefas.
Indagar los Perﬁles Educativos de los Planes Jefes y Jefas.
Clasiﬁcación del Ingreso de Cada Individuo, en Base a sus Principales Características Sociodemográﬁcas.
Clasiﬁcación del Ingreso de Cada Individuo, en Base a sus Principales Características Educacionales.

Los resultados fueron extraídos de la bases de datos de la Encuesta Permanente de Hogares (EPH). Para obtener más información acerca de Extracción de Conocimiento con IBM DB2 Intelligent Miner for Data ver el Capítulo No 6 (Extracción de Conocimiento con IBM DB2 Intelligent Miner for Data ).

Según la opción elegida en los links de la página resul.html (ver la ﬁg. 8.2), se pueden visualizar los resultados de minería obtenidos con los datos de la Encuesta Permanente de Hogares (EPH).

Si la opción elegida es Perﬁles Socio-Demográﬁcos, se podrán visualizar los perﬁles demográﬁcos de los individuos que posean planes asistenciales del aglomerado de Corrientes. Esta información estará disponible en la página demograﬁco.html (ver la ﬁg. 8.3).

En la ﬁg. 8.3 se pueden observar distintos clúster con sus respectivos porcentajes como resultado general.

También se puede visualizar en detalle la composición de cada uno de estos clústeres, como se puede comprobar en la ﬁg. 8.4, la ﬁg. 8.5 y la ﬁg. 8.6.

También se puede obtener información a nivel general respecto a los resultados seleccionados en la página (resul.html ). Por ejemplo si se seleciona “Clasiﬁcación de las Características Educacionales de Cada Individuo, en Base a sus Ingreso”, el tipo de información disponible este caso será la representación graﬁca de los resultados extraídos de un modelo de Árboles de Decisión (ver la ﬁg. 8.7).

A continuación se pueden observar cada una de las reglas extraídas del Árbol de Decisión (ver la ﬁg. 8.8, la ﬁg. 8.9 y la ﬁg. 8.10).

En esta aplicación no solamente se puede visualizar resultados extraídos con el DB2 Intelligent Miner for Data o Weka (ver la ﬁg. 8.2), si no también se puede recurrir a información bibliográﬁca, conclusiones e incluso observar todos los capítulos del libro en formato digital (ver la ﬁg. 8.11, la ﬁg. 8.12 y la ﬁg. 8.13).

8.2 Ejemplos de Servlet y Páginas en HTML

8.2 Ejemplos de Servlet y Páginas en HTML alfonsocutro 19 Marzo, 2010 - 13:44

A continuación se transcribe el servlet que integra la aplicación.

Login_Controller.java

import java.io.IOException;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import javax.servlet.ServletConﬁg;

import java.sql.*;

import javax.servlet.http.HttpSession;

/**

* @version 1.0

* @author

public class Login_Controller extends HttpServlet {

/**

* @see javax.servlet.http.HttpServlet#void (javax.servlet.http.HttpServletRequest, javax.servlet.http . HttpServletResponse)

private Connection conn = null;

public void doGet(HttpServletRequest req, HttpServletResponse resp)

throws ServletException, IOException {

String usuarioID = req.getParameter(”usuario”);

String clave = req.getParameter(”clave”);

Statement stmt = null;

ResultSet rs = null;

String select = ”select * from sergio.usuario where usuario=”’+ usuarioID +”’ and ”+ ”clave=”’+ clave +””’;

System.out.println(select);

try

{

stmt = conn.createStatement();

rs = stmt.executeQuery(select);

if (rs.next()!=false)

{

HttpSession session = req.getSession();

session.setAttribute(”usuarioNombre”, rs.getString(”nombre”));

session.setAttribute(”usuarioApellido”, rs.getString(”apellido”));

getServletContext().getRequestDispatcher(”logueado.jsp”).forward(req, resp);

}else

{ System.out.println(”error login”);

String error = new String(”si”);

req.setAttribute(”error”, error);

getServletContext().getRequestDispatcher(”index.jsp”).forward(req, resp);

}

}catch(Exception e){}

}

/**

* @see javax.servlet.http.HttpServlet#void (javax.servlet.http.HttpServletRequest, javax.servlet.http . HttpServletResponse)

public void doPost(HttpServletRequest req, HttpServletResponse resp)

throws ServletException, IOException {

String nombre = req.getParameter(”nombre”);

String apellido = req.getParameter(”apellido”);

String usuario = req.getParameter(”usuario”);

String clave = req.getParameter(”pass”);

Statement stmt = null;

String select;

try

{

stmt = conn.createStatement();

select = ”INSERT INTO SERGIO.USUARIO (ID,NOMBRE, APELLIDO, USUARIO, CLAVE) VALUES (DEFAULT,” + ””’+ nombre + ”’,”’+ apellido + ”’,”’+ usuario + ”’,”’ + clave + ”’)”;

System.out.println(select);

int nﬁlas = stmt.executeUpdate(select);

//System.out.println(nﬁlas); imprime la cantidad de ﬁlas involucradas en la consulta

}catch(Exception e){ System.out.println(”error al ejecutar sentencia sql”);}

ﬁnally {

try {

if (stmt != null) stmt.close();

} catch (SQLException e) {}

}

getServletContext().getRequestDispatcher(”registro.html”).forward(req, resp);

}

/**

* @see javax.servlet.GenericServlet#void ()

public void init(ServletConﬁg conﬁg) throws ServletException {

super.init(conﬁg);

try {

Class.forName(”COM.ibm.db2.jdbc.app.DB2Driver”);

conn = DriverManager.getConnection(”jdbc:db2:EHP”);

} catch(Exception e) {

System.out.println(”Error al cargar el driver”);

System.out.println(e.getMessage());

}

Seguidamente se transcribe una de las páginas que integran la aplicación, por considerársela representativa de la mayoría de las páginas utilizadas.

biblio.jsp

<?xml version=”1.0” encoding=”ISO-8859-1” ?>

<!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.1//EN”” https://www.w3.org

/ TR/xhtml11/DTD/xhtml11.dtd”>

<%@ page

language=”java”

contentType=”text/html; charset=ISO-8859-1”

pageEncoding=”ISO-8859-1”

session=”true”

<title>biblio.jsp</title>

</head>

<body>

<tr>

<td><h1>Minería de Datos Aplicada a la EPH</h1></td>

</tr>

</table>

</div><!—end header—>

<ﬁeldset class=”buscador”>

<% String usuario = (String)session.getAttribute(”usuarioNombre”);

String apellido = (String)session.getAttribute(”usuarioApellido”);

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</ﬁeldset><!— ﬁn del buscador—>

<ﬁeldset class=”buscador”>

<legend>Minería de Datos Aplicada

</div>

</ﬁeldset>

<ﬁeldset class=”buscador”>

<legend>Capitulos</legend>

<li>

<a href=”doc/tfcutro.pdf”>Capitulo No 1</a>

</li>

<li>

<a href=”doc/Introducción a el DB2-CapNo 2.pdf ” >Capitulo No 2</a>

</li>

<li>

Capitulo No 3 </a>

</li>

<li>

Capitulo N o 4</a>

</li>

<li>

Capitulo No 5</a>

</li>

<li>

<a href=”doc/Extraccion de Conocimientos con IBM Intelligent Miner - CapN o 6 .

pdf ” > Capitulo N o 6 </a>

</li>

<li><a href=”doc/”>Capitulo No 7</a></li>

</ul>

</div>

</ﬁeldset><!— ﬁn del buscador—>

</div><!—end left—>

<li><a href=”index.jsp”>Inicio</a></li>

<li><a href=”html/resu.html”>Resultados</a></li>

<li><a href=”conclu.jsp”>Conclusiones</a></li>

<li><a href=”biblio.jsp”>Bibliograﬁa</a></li>

</ul>

</div>

<!— ak ingresa toda la informacion que va variar (imagens, textos)—>

<h2>Bibliograﬁa</h2>

<tr>

<td><i>AUTOR</i></td>

<td><i>LIBRO</i></td>

</tr>

<tr>

<td>Fayyad, U.M. Piatetskiy-Shapiro

G. Smith, P. Ramasasmy</td>

<td>Advances in Knowledge Discovery and Data Mining</td>

</tr>

<tr>

<td>W. H. Inmon, Jhon Wiley and Sons</td>

<td>Data Warehouse Performance</td>

</tr>

<tr>

<td>IBM Press 2001</td>

<td>IBM DB2 UDB Business Intelligence Tutorial</td>

</tr>

<tr>

<td>W. H. Inmon, Jhon Wiley and Sons</td>

<td>Data Warehouse Performance</td>

</tr>

<tr>

<td>Eric Thompson, Jhon Wileyand Sons</td>

<td>OLAP Solutios: Building Multidimentional Information Sysmens, Segunda

Edición</td>

</tr>

<tr>

<td>Alex Berson, Stephen J. Smith, Mc Graw Hill</td>

<td>Data Warehouse, Data Mining and OLAP</td>

</tr>

<tr>

<td>Alan Simon, Jhon Wiley and Sons</td>

<td>Data Warehouse, Data Mining and OLAP</td>

</tr>

<tr>

<td>Juan C. Trujilla, Manuel Palomar</td>

<td>Diseño de Almacenes de Datos</td>

<td>España</td>

</tr>

<tr>

<td>Colin J. White</td>

<td>IBM Enterprise Analytics for the Intelligent e-Business</td>

</tr>

<tr>

<td>IBM Press</td>

<td>IBM DB2 Intelligent Miner for Data:

Utilización de Intelligent Miner for Data</td>

</tr>

<tr>

<td>IBM Press</td>

<td>IBM DB2 Intelligent Miner Visualization:

Using the Intelligent Miner Visualizers</td>

</tr>

<tr>

<td class=”abajo”>IBM Press</td>

<td class=”abajo”>IBM DB2 Intelligent Miner for Data :

Utilización de l Visualizador de Asociaciones

</tr>

</table>

</div>

</div><!—end middle—>

</div><!—end content—>

<tr>

<td width=”20%”><div align=”center” class=”Estilo1”> Trabajo Final de Apli-

caciones </A>

</div></td>

<td width=”31%” class=”Estilo1” align=”center”>Luis Alfonso Cutro</td>

<td width=”29%” class=”Estilo1” align=”center”>alfonsocutro@gmail.com</td>

</tr>

</table>

</div><!—end footer—>

</div><!—end all—>

</body>

</html>

conclu.jsp

<?xml version=”1.0” encoding=”ISO-8859-1” ?>

<!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.1//EN” ”https://www .

w3 . org / TR / xhtml11 / DTD / xhtml11.dtd”>

<head>

<%@ page

language=”java”

contentType=”text/html; charset=ISO-8859-1”

pageEncoding=”ISO-8859-1”

session=”true”

<title>conclu.jsp</title>

</head>

<body>

<tr>

<td><h1>Minería de Datos Aplicada a la EPH</h1></td>

</tr>

</table>

</div><!—end header—>

<ﬁeldset class=”buscador”>

<% String usuario = (String)session.getAttribute(”usuarioNombre”);

String apellido = (String)session.getAttribute(”usuarioApellido”);

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</ﬁeldset><!— ﬁn del buscador—>

<ﬁeldset class=”buscador”>

<legend>Minería de Datos Aplicada

</div>

</ﬁeldset>

<ﬁeldset class=”buscador”>

<legend>Capitulos</legend>

<li><a href=”doc/tfcutro.pdf”>Capitulo No 1</a></li>

Capitulo No 2</a> </li>

Capitulo No 3 </a> </li>

Capitulo No 4 </a> </li>

Capitulo No 5 </a> </li>

<li><a href=”doc/Extraccion de Conocimientos con IBM Intelligent Miner -

CapN o 6 . pdf”> Capitulo No 6 </a> </li>

<li><a href=”doc/”>Capitulo No 7</a></li>

</ul>

</div>

</ﬁeldset><!— ﬁn del buscador—>

</div><!—end left—>

<li><a href=”index.jsp”>Inicio</a></li>

Resultados</a></li>

<li><a href=”conclu.jsp”>Conclusiones</a></li>

<li><a href=”biblio.jsp”>Bibliograﬁa</a></li>

</ul>

</div>

<!— ak ingresa toda la informacion que va variar (imagens, textos)—>

<h2>Conclusión</h2>

<p class=”conclusion”>Partiendo de los datos suministrados por el <span class= ” resalto”>Instituto Nacional de Estadística y Censos (https://www.indec.mecon.ar / )</span>, se pudieron extraer patrones sociodemográﬁcos y económicos de la una muestra de la población total de la republica Argentina en este caso el aglomerado de Corrientes.

<br/>

Empleando técnicas de Clustering se obtuvo como resultado un modelo con todos los perﬁles de los individuos que poseen planes asistenciales en la cuidad de Corrientes.

<br/>

Utilizando el algoritmo de Árboles de decisión y clasiﬁcación se obtuvo como resultado un modelo que clasiﬁca a los individuos con sus respectivos ingresos y sus principales características sociodemográﬁcas.

</p>

</div>

</div><!—end middle—>

</div><!—end content—>

<tr>

Trabajo Final de Aplicaciones</A>

</div></td>

Luis Alfonso Cutro</td>

alfonsocutro@gmail.com</td>

</tr>

</table>

</div><!—end footer—>

</div><!—end all—>

</body>

</html>

EPH.jsp

<?xml version=”1.0” encoding=”ISO-8859-1” ?>

<!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.1//EN” ”https://www.w3.org

/ TR / xhtml11 / DTD / xhtml11.dtd”>

<head>

<%@ page

language=”java”

contentType=”text/html; charset=ISO-8859-1”

pageEncoding=”ISO-8859-1”

session=”true”

</head>

<body>

<tr>

<td><h1>Minería de Datos Aplicada a la EPH</h1></td>

</tr>

</table>

</div><!—end header—>

<ﬁeldset class=”buscador”>

<% String usuario = (String)session.getAttribute(”usuarioNombre”);

String apellido = (String)session.getAttribute(”usuarioApellido”);

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</ﬁeldset><!— ﬁn del buscador—>

<ﬁeldset class=”buscador”>

<legend>Minería de Datos Aplicada

</div>

</ﬁeldset>

<ﬁeldset class=”buscador”>

<legend>Capitulos</legend>

<li><a href=”doc/tfcutro.pdf”>Capitulo No 1</a></li>

<li><a href=”doc/Introducción a el DB2-CapNo 2. pdf”> Capitulo No 2</a>

</li>

<li><a href=”doc/Introducción a Intelligent Miner for Data-CapNo 3. pdf”> Ca-

pitulo No 3 </a> </li>

<li><a href=”doc/Introducción al WebSphere Studio-CapNo 4. pdf”> Capitulo

No 4 </a> </li>

<li><a href=”doc/Creacion del Data Warehouse-CapNo 5. pdf”> Capitulo No 5

</a> </li>

<li><a href=”doc/Extraccion de Conocimientos con IBM Intelligent Miner - CapNo 6

. pdf ” > Capitulo No 6 </a> </li>

<li><a href=”doc/”>Capitulo No 7</a></li>

</ul>

</div>

</ﬁeldset><!— ﬁn del buscador—>

</div><!—end left—>

<li><a href=”index.jsp”>Inicio</a></li>

<li><a href=”html/resu.html”>Resultados</a></li>

<li><a href=”html/conclu.html”>Conclusiones</a></li>

<li><a href=”biblio.jsp”>Bibliograﬁa</a></li>

</ul>

</div>

<!— ak ingresa toda la informacion que va variar (imagens, textos)—>

<br/>

La misma contiene información de la nueva EPH , cuya muestra incluye 25.000 familias de las 28 aglomerados urbanos de la República Argentina con una frecuencia de cada tres meses.</p>

</div>

</div><!—end middle—>

</div><!—end content—>

<tr>

Trabajo Final de Aplicaciones</A>

</div></td>

Luis Alfonso Cutro</td>

alfonsocutro@gmail.com</td>

</tr>

</table>

</div><!—end footer—>

</div><!—end all—>

</body>

</html>

index.jsp

<?xml version=”1.0” encoding=”ISO-8859-1” ?>

<!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.1//EN” ”https://www.w3.org

/ TR / xhtml11 / DTD/xhtml11 . dtd”>

<head>

<%@ page

language=”java”

contentType=”text/html; charset=ISO-8859-1”

pageEncoding=”ISO-8859-1”

<title>index.jsp</title>

</head>

<tr>

<td><h1>Minería de Datos Aplicada a la EPH</h1></td>

</tr>

</table>

</div><!—end header—>

<ﬁeldset class=”buscador”>

<legend>Login</legend>

<table>

<tr>

<td>Usuario</td>

</tr>

<tr>

</tr>

<tr>

<td>

Clave

</td>

<tr>

</tr>

<tr>

</tr>

<% String error = (String)request.getAttribute(”error”);

if((error !=null)&&(error.compareTo(”si”)==0))

{%>

<tr>

Error en el login</span></td>

</tr>

<%}%>

</table></form>

</ﬁeldset><!— ﬁn del buscador—>

<ﬁeldset class=”buscador”>

<legend>Minería de Datos Aplicada<p> a la EPH</legend>

</div>

</ﬁeldset><!— ﬁn del buscador—>

<ﬁeldset class=”buscador”>

<legend>Registrarse</legend>

<table>

<tr>

<td>Nombre</td>

</tr>

<tr>

</tr>

<tr>

<td>

Apellido

</td>

<tr>

</tr>

<tr>

<td>

Usuario

</td>

<tr>

</tr>

<tr>

<td>

clave

</td>

<tr>

</tr>

<tr>

</tr>

</table></form>

</ﬁeldset><!— ﬁn del buscador—>

</div><!—end left—>

<li><a href=”#” title = ” Acceso invalido , debe registrarse antes de acceder

a alguna opción”> Inicio </a> </li>

<li><a href=”#” title= ” Acceso invalido , debe registrarse antes de acceder

a alguna opción”>Resultados</a></li>

<li><a href=”#” title= ” Acceso invalido , debe registrarse antes de acceder

a alguna opción”> EPH </a> </li>

<li><a href=”#” title= ” Acceso invalido , debe registrarse antes de acceder

a alguna opción”>Conclusiones</a></li>

<li><a href=”#” title= ” Acceso invalido , debe registrarse antes de acceder

a alguna opción”>Bibliograﬁa</a></li>

</ul>

</div>

<!— ak ingresa toda la informacion que va variar (imagens, textos)—>

</div>

</div><!—end middle—>

</div><!—end content—>

<tr>

Trabajo Final de Aplicaciones</A>

</div></td>

Luis Alfonso Cutro</td>

alfonsocutro@gmail.com</td>

</tr>

</table>

</div><!—end footer—>

</div><!—end all—>

</body>

</html>

logueado.jsp

<?xml version=”1.0” encoding=”ISO-8859-1” ?>

<!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.1//EN” ”https://www.w3.org

/ TR / xhtml11 / DTD / xhtml11 . dtd”>

<head>

<%@ page

language=”java”

contentType=”text/html; charset=ISO-8859-1”

pageEncoding=”ISO-8859-1”

session=”true”

<title>logueado.jsp</title>

</head>

<body>

<tr>

<td><h1>Minería de Datos Aplicada a la EPH</h1></td>

</tr>

</table>

</div><!—end header—>

<ﬁeldset class=”buscador”>

<% String usuario = (String)session.getAttribute(”usuarioNombre”);

String apellido = (String)session.getAttribute(”usuarioApellido”);

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</ﬁeldset><!— ﬁn del buscador—>

<ﬁeldset class=”buscador”>

<legend>Minería de Datos Aplicada<p> a la EPH</legend>

</div>

</ﬁeldset><!— ﬁn del buscador—>

<ﬁeldset class=”buscador”>

<legend>Capitulos</legend>

<li><a href=”doc/tfcutro.pdf”> Capitulo No 1</a></li>

<li><a href=”doc/Introducción a el DB2-CapNo 2.pdf”> Capitulo No 2</a></li>

<li><a href=”doc/Introducción a Intelligent Miner for Data-CapNo 3.pdf”> Capi-

tulo No </a> </li>

<li><a href=”doc/Introducción al WebSphere Studio-CapNo 4.pdf”> Capitulo No 4

</a> </li>

<li><a href=”doc/Creacion del Data Warehouse-CapNo 5.pdf”> Capitulo No 5

</a> </li>

Capitulo No 6 </a></li>

<li><a href=”doc/”>Capitulo No 7</a></li>

</ul>

</div>

</ﬁeldset><!— ﬁn del buscador—>

</div><!—end left—>

<li><a href=”index.jsp”>Inicio</a></li>

<li><a href=”html/resu.html”>Resultados</a></li>

<li><a href=”conclu.jsp”>Conclusiones</a></li>

<li><a href=”biblio.jsp”>Bibliograﬁa</a></li>

</ul>

</div>

<!— ak ingresa toda la informacion que va variar (imagens, textos)—>

</div>

</div><!—end middle—>

</div><!—end content—>

<tr>

Trabajo Final de Aplicaciones</A>

</div></td>

Luis Alfonso Cutro</td>

alfonsocutro@gmail.com</td>

</tr>

</table>

</div><!—end footer—>

</div><!—end all—>

</body>

</html>

registro.html

<!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN” ”http:

/ /www.w3.org /TR / xhtml1/DTD/xhtml1-transitional.dtd”>

<head>

<title>Minería de Datos Aplicada a la Encuesta Permanente de Hogares</title>

</head>

<body>

<tr>

<td><h1>Minería de Datos Aplicada a la EPH</h1></td>

</tr>

</table>

</div><!—end header—>

<ﬁeldset class=”buscador”>

<legend>Login</legend>

<table>

<tr>

<td>Usuario</td>

</tr>

<tr>

</tr>

<tr>

<td>

Clave

</td>

<tr>

</tr>

<tr>

</tr>

</table>

</form>

</ﬁeldset><!— ﬁn del buscador—>

<ﬁeldset class=”buscador”>

<legend>Minería de Datos Aplicada<p> a la EPH</legend>

</div>

</ﬁeldset><!— ﬁn del buscador—>

<ﬁeldset class=”buscador”>

<table>

<tr>

</tr>

<tr>

<td>Se ha registrado correctamente. Ingrese con sus datos</td>

</tr>

<tr>

<td>

</td>

<tr>

</tr>

<tr>

<td>

</td>

<tr>

</tr>

<tr>

</tr>

</table>

</ﬁeldset><!— ﬁn del buscador—>

</div><!—end left—>

<li><a href=”#”>Inicio</a></li>

<li><a href=”#”>Resultados</a></li>

<li><a href=”#”>Conclusiones</a></li>

<li><a href=”#”>Bibliograﬁa</a></li>

</ul>

</div>

<!— ak ingresa toda la informacion que va variar (imagens, textos)—>

</div>

</div><!—end middle—>

</div><!—end content—>

<tr>

<td width=”20%”><div align=”center” class=”Estilo1”> Trabajo Final de Apli-

caciones </A>

</div></td>

<td width=”31%” class=”Estilo1” align=”center”>Luis Alfonso Cutro</td>

<td width=”29%” class=”Estilo1” align=”center”>alfonsocutro@gmail.com</td>

</tr>

</table>

</div><!—end footer—>

</div><!—end all—>

</body>

</html>