Sí!! Al fin conseguimos lo que hemos estado trabajando durante todo este tiempo, y es la parte visual, lo que podría considerarse lo más importante y estamos muy orgullosos de haberlo conseguido, aunque no quede de una forma perfecta.

Para celebrarlo, unas capturillas por aquí y por allá, de lo que se muestra en el navegador, aunque lo mejor es verlo funcionar por uno mismo :P

Si se pulsa en una etiqueta se accede al nivel inferior y se ve con más “detalle”. Todo el código HTML lo hemos creado desde Java, cogiendo los datos que obteníamos en Matlab y creando código HTML en Java siguiendo la estructura necesaria para hacer un mapa de imágenes, la cual es la siguiente (en nuestro caso, de forma rectangular):

<HTML>
<HEAD><TITLE>WebSOM</TITLE></HEAD>
<BODY>
<map name=”chicken”>
<area shape=”RECT” coords=”0,0,40,38″ href=”C:\Documents and Settings\Javi\Mis documentos\Eclipse Workspace\Servidor\etiqueta2_chicken.html”>
<area shape=”RECT” coords=”0,266,40,304″ href=”C:\Documents and Settings\Javi\Mis documentos\Eclipse Workspace\Servidor\etiqueta2_flamingo.html”>
<area shape=”RECT” coords=”40,152,80,190″ href=”C:\Documents and Settings\Javi\Mis documentos\Eclipse Workspace\Servidor\etiqueta2_lark.html”>
</map>
<img src=”C:\Archivos de programa\MATLAB\R2008a\work\somtoolbox\mapa1_chicken.png” width=”80″ height=”311″ alt=”chicken” border=”0″ usemap=”#chicken”>
</BODY>
</HTML>

<HTML>

<HEAD><TITLE>WebSOM</TITLE></HEAD>

<BODY>

<map name=”chicken”>

<area shape=”RECT” coords=”0,0,40,38″ href=”html\etiqueta2_chicken.html”>

<area shape=”RECT” coords=”0,266,40,304″ href=”html\etiqueta2_flamingo.html”>

<area shape=”RECT” coords=”40,152,80,190″ href=”html\etiqueta2_lark.html”>

</map>

<img src=”img\mapa1_chicken.png” width=”80″ height=”311″ alt=”chicken” border=”0″ usemap=”#chicken”>

</BODY>

</HTML>

 

Los enlaces finales no llevan a ningún lado, y esto depende de los datos de entrada que se utilicen. Esta parte se implementará más tarde.

Hecho esto, ahora toca ponerse con el otro tema importante del proyecto: los datos de entrada. En un principio tenemos pensado coger un foro para obtener un mapa de imágenes que refleje varios niveles agrupados por categorías. Veremos a ver qué conseguimos y… para cuándo :roll:

Advertisement