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 fig. 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 fig. 8.2) se puede elegir qué resultados se desea visualiza.

 

 

Estos resultados son los siguientes:

  • Conocer los Perfiles Socio Demográficos de los Planes Jefes y Jefas.
  • Indagar los Perfiles Educativos de los Planes Jefes y Jefas.
  • Clasificación del Ingreso de Cada Individuo, en Base a sus Principales Características Sociodemográficas.
  • Clasificació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 fig. 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 Perfiles Socio-Demográficos, se podrán visualizar los perfiles demográficos de los individuos que posean planes asistenciales del aglomerado de Corrientes. Esta información estará disponible en la página demografico.html (ver la fig. 8.3).

 

 

En la fig. 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 fig. 8.4, la fig. 8.5 y la fig. 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 “Clasificació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 grafica de los resultados extraídos de un modelo de Árboles de Decisión (ver la fig. 8.7).

A continuación se pueden observar cada una de las reglas extraídas del Árbol de Decisión (ver la fig. 8.8, la fig. 8.9 y la fig. 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 fig. 8.2), si no también se puede recurrir a información bibliográfica, conclusiones e incluso observar todos los capítulos del libro en formato digital (ver la fig. 8.11, la fig. 8.12 y la fig. 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.ServletConfig;

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 nfilas = stmt.executeUpdate(select);

//System.out.println(nfilas); imprime la cantidad de filas involucradas en la consulta

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

finally {

try {

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

} catch (SQLException e) {}

}

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

}

/**

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

*/

public void init(ServletConfig config) throws ServletException {

super.init(config);

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

<html xmlns=”https://www.w3.org/1999/xhtml”>

<%@ page

language=”java”

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

pageEncoding=”ISO-8859-1”

session=”true”

%>

<meta http-equiv=”Content-Type” content=”text/html; charset=ISO-8859-1” />

<meta name=”GENERATOR” content=”IBM WebSphere Studio” />

<meta http-equiv=”Content-Style-Type” content=”text/css” />

<link href=”theme/eph.css” rel=”stylesheet” type=”text/css”/>

<title>biblio.jsp</title>

</head>

<body>

<div id=”all”>

<div class=”header”>

<table width=”900” border=”0”>

<tr>

<td><img src=”img/datawarehouse.jpg” width=”110” height=”140” ></td>

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

</tr>

</table>

</div><!—end header—>

<div class=”content”>

<div class=”column left”>

<fieldset class=”buscador”>

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

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

%>

<legend><%=usuario%> <%=apellido%></legend>

<table width=”150” >

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td align=”center”><img src=”img/idmsyst2.gif” /></td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

</tr>

</table>

</fieldset><!— fin del buscador—>

<fieldset class=”buscador”>

<legend>Minería de Datos Aplicada

<p> a la EPH</legend>

<div id=”navcontainer”>

<img src=”img/minero.JPG” >

</div>

</fieldset>

<fieldset class=”buscador”>

<legend>Capitulos</legend>

<div id=”navcontainer”>

<ul id=”navlist”>

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

Capitulo No 3 </a>

</li>

<li>

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

Capitulo N o 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 - CapN o 6 .

pdf ” > Capitulo N o 6 </a>

</li>

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

</ul>

</div>

</fieldset><!— fin del buscador—>

</div><!—end left—>

<div class=”column main2col”>

<div id=”header-menu”>

<ul id=”navi”>

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

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

<li><a href=”EPH.jsp”>EPH</a></li>

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

<li><a href=”biblio.jsp”>Bibliografia</a></li>

</ul>

</div>

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

<div class=”contenido”>

<h2>Bibliografia</h2>

<table width=”650” border=”0” cellpadding=”0” cellspacing=”0” class=”biblio”>

<tr>

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

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

<td><i>PAIS</i></td>

<td class=”derecho”><i>AÑO</i></td>

</tr>

<tr>

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

G. Smith, P. Ramasasmy</td>

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

<td>USA</td>

<td class=”derecho”>2006</td>

</tr>

<tr>

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

<td>Data Warehouse Performance</td>

<td>USA</td>

<td class=”derecho”>1992</td>

</tr>

<tr>

<td>IBM Press 2001</td>

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

<td>USA</td>

<td class=”derecho”>2001</td>

</tr>

<tr>

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

<td>Data Warehouse Performance</td>

<td>USA</td>

<td class=”derecho”>1992</td>

</tr>

<tr>

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

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

Edición</td>

<td>USA</td>

<td class=”derecho”>1997</td>

</tr>

<tr>

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

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

<td>USA</td>

<td class=”derecho”>1997</td>

</tr>

<tr>

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

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

<td>USA</td>

<td class=”derecho”>1997</td>

</tr>

<tr>

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

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

<td>España</td>

<td class=”derecho”>2002</td>

</tr>

<tr>

<td>Colin J. White</td>

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

<td>USA</td>

<td class=”derecho”>2001</td>

</tr>

<tr>

<td>IBM Press</td>

<td>IBM DB2 Intelligent Miner for Data:

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

<td>USA</td>

<td class=”derecho”>2002</td>

</tr>

<tr>

<td>IBM Press</td>

<td>IBM DB2 Intelligent Miner Visualization:

Using the Intelligent Miner Visualizers</td>

<td>USA</td>

<td class=”derecho”>2002</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

<td class=”abajo”>USA</td>

<td class=”derecho abajo”>2002</td>

</tr>

</table>

</div>

</div><!—end middle—>

</div><!—end content—>

<div class=”footer”>

<table width=”82%” height=”35” border=”0” align=”center” cellpadding=”2”>

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

<html xmlns=”https://www.w3.org/1999/xhtml”>

<head>

<%@ page

language=”java”

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

pageEncoding=”ISO-8859-1”

session=”true”

%>

<meta http-equiv=”Content-Type” content=”text/html; charset =ISO-8859-1 ” /

>

<meta name=”GENERATOR” content=”IBM WebSphere Studio” />

<meta http-equiv=”Content-Style-Type” content=”text/css” />

<link href=”theme/eph.css” rel=”stylesheet” type=”text/css” />

<title>conclu.jsp</title>

</head>

<body>

<div id=”all”>

<div class=”header”>

<table width=”900” border=”0”>

<tr>

<td><img src=”img/datawarehouse.JPG” width=”110” height=”140” ></td>

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

</tr>

</table>

</div><!—end header—>

<div class=”content”>

<div class=”column left”>

<fieldset class=”buscador”>

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

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

%>

<legend><%=usuario%> <%=apellido%></legend>

<table width=”150”>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td align=”center”><img src=”img/idmsyst2.gif” /></td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

</tr>

</table>

</fieldset><!— fin del buscador—>

<fieldset class=”buscador”>

<legend>Minería de Datos Aplicada

<p> a la EPH</legend>

<div id=”navcontainer”>

<img src=”img/minero.JPG” >

</div>

</fieldset>

<fieldset class=”buscador”>

<legend>Capitulos</legend>

<div id=”navcontainer”>

<ul id=”navlist”>

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

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

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

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

</ul>

</div>

</fieldset><!— fin del buscador—>

</div><!—end left—>

<div class=”column main2col”>

<div id=”header-menu”>

<ul id=”navi”>

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

<li><a href=”D:\IBM\wsad\wokspace\EPH\WebContent\html\resu.html”>

Resultados</a></li>

<li><a href=”EPH.jsp”>EPH</a></li>

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

<li><a href=”biblio.jsp”>Bibliografia</a></li>

</ul>

</div>

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

<div class=”contenido”>

<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áficos 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 perfiles de los individuos que poseen planes asistenciales en la cuidad de Corrientes.

<br/>

Utilizando el algoritmo de Árboles de decisión y clasificación se obtuvo como resultado un modelo que clasifica a los individuos con sus respectivos ingresos y sus principales características sociodemográficas.

</p>

</div>

</div><!—end middle—>

</div><!—end content—>

<div class=”footer”>

<table width=”82%” height=”35” border=”0” align=”center” cellpadding=”2”>

<tr>

<td width=”20%”><div align=”center” class=”Estilo1” >

Trabajo Final de Aplicaciones</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>

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

<html xmlns=”https://www.w3.org/1999/xhtml”>

<head>

<%@ page

language=”java”

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

pageEncoding=”ISO-8859-1”

session=”true”

%>

<meta http-equiv=”Content-Type” content=”text/html; charset=ISO-8859-1” />

<meta name=”GENERATOR” content=”IBM WebSphere Studio” />

<meta http-equiv=”Content-Style-Type” content=”text/css” />

<link href=”theme/eph.css” rel=”stylesheet” type=”text/css”/>

<title>EPH.jsp</title>

</head>

<body>

<div id=”all”>

<div class=”header”>

<table width=”900” border=”0”>

<tr>

<td><img src=”img/datawarehouse.JPG” width=”110” height=”140” ></td>

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

</tr>

</table>

</div><!—end header—>

<div class=”content”>

<div class=”column left”>

<fieldset class=”buscador”>

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

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

%>

<legend><%=usuario%> <%=apellido%></legend>

<table width=”150”>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td align=”center”><img src=”img/idmsyst2.gif” /></td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

</tr>

</table>

</fieldset><!— fin del buscador—>

<fieldset class=”buscador”>

<legend>Minería de Datos Aplicada

<p> a la EPH</legend>

<div id=”navcontainer”>

<img src=”img/minero.JPG” >

</div>

</fieldset>

<fieldset class=”buscador”>

<legend>Capitulos</legend>

<div id=”navcontainer”>

<ul id=”navlist”>

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

</fieldset><!— fin del buscador—>

</div><!—end left—>

<div class=”column main2col”>

<div id=”header-menu”>

<ul id=”navi”>

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

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

<li><a href=”EPH.jsp”>EPH</a></li>

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

<li><a href=”biblio.jsp”>Bibliografia</a></li>

</ul>

</div>

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

<br/>

<div class=”contenido”>

<h2>EPH</h2>

<p class=”conclusion”>

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

<div class=”footer”>

<table width=”82%” height=”35” border=”0” align=”center” cellpadding=”2”>

<tr>

<td width=”20%”><div align=”center” class=”Estilo1”>

Trabajo Final de Aplicaciones</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>

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

<html xmlns=”https://www.w3.org/1999/xhtml”>

<head>

<%@ page

language=”java”

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

pageEncoding=”ISO-8859-1”

%>

<meta http-equiv=”Content-Type” content=”text/html; charset=ISO-8859-1” />

<meta name=”GENERATOR” content=”IBM WebSphere Studio” />

<meta http-equiv=”Content-Style-Type” content=”text/css” />

<link href=”theme/eph.css” rel=”stylesheet” type=”text/css” />

<title>index.jsp</title>

</head>

<div id=”all”>

<div class=”header”>

<table width=”900” border=”0”>

<tr>

<td><img src=”img/datawarehouse.jpg” width=”110” height=”140” ></td>

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

</tr>

</table>

</div><!—end header—>

<div class=”content”>

<div class=”column left”>

<fieldset class=”buscador”>

<form action=”Login_Controller” method=”get”>

<legend>Login</legend>

<table>

<tr>

<td>Usuario</td>

</tr>

<tr>

<td><input type=”text” name=”usuario”/></td>

</tr>

<tr>

<td>

Clave

</td>

<tr>

<td><input name=”clave” type=”password” /></td>

</tr>

<tr>

<td><input type=”submit” value=”ingresar” align=”right”/></td>

</tr>

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

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

{%>

<tr>

<td align=”center”><span style=”color:red; font-size: 10px;”>

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

</tr>

<%}%>

</table></form>

</fieldset><!— fin del buscador—>

<fieldset class=”buscador”>

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

<div id=”navcontainer”>

<img src=”img/minero.JPG” >

</div>

</fieldset><!— fin del buscador—>

<fieldset class=”buscador”>

<legend>Registrarse</legend>

<form method=”post” action=”Login_Controller”>

<table>

<tr>

<td>Nombre</td>

</tr>

<tr>

<td><input type=”text” name=”nombre”/></td>

</tr>

<tr>

<td>

Apellido

</td>

<tr>

<td><input name=”apellido” type=”text” /></td>

</tr>

<tr>

<td>

Usuario

</td>

<tr>

<td><input name=”usuario” type=”text” /></td>

</tr>

<tr>

<td>

clave

</td>

<tr>

<td><input name=”pass” type=”password” /></td>

</tr>

<tr>

<td><input type=”submit” value=”Enviar” align=”right”/></td>

</tr>

</table></form>

</fieldset><!— fin del buscador—>

</div><!—end left—>

<div class=”column main2col”>

<div id=”header-menu”>

<ul id=”navi”>

<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”>Bibliografia</a></li>

</ul>

</div>

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

<div class=”contenido”>

<center><img src=”img/datamine5.jpg” /></center>

</div>

</div><!—end middle—>

</div><!—end content—>

<div class=”footer”>

<table width=”82%” height=”35” border=”0” align=”center” cellpadding=”2”>

<tr>

<td width=”20%”><div align=”center” class=”Estilo1”>

Trabajo Final de Aplicaciones</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>

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

<html xmlns=”https://www.w3.org/1999/xhtml”>

<head>

<%@ page

language=”java”

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

pageEncoding=”ISO-8859-1”

session=”true”

%>

<meta http-equiv=”Content-Type” content=”text/html; charset=ISO-8859-1” />

<meta name=”GENERATOR” content=”IBM WebSphere Studio” />

<meta http-equiv=”Content-Style-Type” content=”text/css” />

<link href=”theme/eph.css” rel=”stylesheet” type=”text/css”/>

<title>logueado.jsp</title>

</head>

<body>

<div id=”all”>

<div class=”header”>

<table width=”900” border=”0”>

<tr>

<td><img src=”img/datawarehouse.jpg” width=”110” height=”140” ></td>

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

</tr>

</table>

</div><!—end header—>

<div class=”content”>

<div class=”column left”>

<fieldset class=”buscador”>

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

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

%>

<legend><%=usuario%> <%=apellido%></legend>

<table width=”150”>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td align=”center”><img src=”img/idmsyst2.gif” /></td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

</tr>

</table>

</fieldset><!— fin del buscador—>

<fieldset class=”buscador”>

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

<div id=”navcontainer”>

<img src=”img/minero.JPG” >

</div>

</fieldset><!— fin del buscador—>

<fieldset class=”buscador”>

<legend>Capitulos</legend>

<div id=”navcontainer”>

<ul id=”navlist”>

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

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

</fieldset><!— fin del buscador—>

</div><!—end left—>

<div class=”column main2col”>

<div id=”header-menu”>

<ul id=”navi”>

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

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

<li><a href=”EPH.jsp”>EPH</a></li>

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

<li><a href=”biblio.jsp”>Bibliografia</a></li>

</ul>

</div>

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

<div class=”contenido”>

<center><img src=”img/datamine5.jpg” /></center>

</div>

</div><!—end middle—>

</div><!—end content—>

<div class=”footer”>

<table width=”82%” height=”35” border=”0” align=”center” cellpadding=”2”>

<tr>

<td width=”20%”><div align=”center” class=”Estilo1”>

Trabajo Final de Aplicaciones</A>

</div></td>

<td width=”31%” class=”Estilo1” align=”center”>

Luis Alfonso Cutro</td>

<td widht=”29%” class=”Estilo1” align=”center”>

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

<html xmlns=”https://www.w3.org/1999/xhtml”>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1” />

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

<link href=”theme/eph.css” rel=”stylesheet” type=”text/css”/>

</head>

<body>

<div id=”all”>

<div class=”header”>

<table width=”900” border=”0”>

<tr>

<td><img src=”img/datawarehouse.jpg” width=”110” height=”140” ></td>

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

</tr>

</table>

</div><!—end header—>

<div class=”content”>

<div class=”column left”>

<fieldset class=”buscador”>

<form action=”Login_Controller” method=”get”>

<legend>Login</legend>

<table>

<tr>

<td>Usuario</td>

</tr>

<tr>

<td><input type=”text” name=”usuario”/></td>

</tr>

<tr>

<td>

Clave

</td>

<tr>

<td><input name=”clave” type=”password” /></td>

</tr>

<tr>

<td><input type=”submit” value=”Ingresar” align=”right”/></td>

</tr>

</tr>

</table>

</form>

</fieldset><!— fin del buscador—>

<fieldset class=”buscador”>

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

<div id=”navcontainer”>

<img src=”img/minero.JPG” >

</div>

</fieldset><!— fin del buscador—>

<fieldset class=”buscador”>

<legend></legend>

<table>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

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

</tr>

<tr>

<td>

&nbsp;

</td>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>

&nbsp;

</td>

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

</tr>

</tr>

</table>

</fieldset><!— fin del buscador—>

</div><!—end left—>

<div class=”column main2col”>

<div id=”header-menu”>

<ul id=”navi”>

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

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

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

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

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

</ul>

</div>

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

<div class=”contenido”>

<center><img src=”img/datamine5.jpg” /></center>

</div>

</div><!—end middle—>

</div><!—end content—>

<div class=”footer”>

<table width=”82%” height=”35” border=”0” align=”center” cellpadding=”2”>

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