diff --git a/web/desarrollo.html b/web/desarrollo.html
index 49b16005de8d57bc9ac5b156f85afff505aabf8e..28e3ea5d7d1a33092939c13b5aa362c81fba7fbb 100644
--- a/web/desarrollo.html
+++ b/web/desarrollo.html
@@ -109,7 +109,7 @@
<p>Para la detección del tablero se pensó en una detección de esquinas</p>
<p>Detección de esquinas con la función <strong class="clr">corners</strong> desde matlab:</p>
<figure><img src="galeria/cornersM2.png" class="img-radius" alt="" style="width: 200px"> <img src="galeria/cornersM1.png" class="img-radius" alt="" style="width: 200px"></figure>
- <p>Detección de esquinas con la función <strong class="clr">corners</strong> desde C++ con OpenCV:</p>
+ <p>Detección de esquinas con la función <strong class="clr">goodFeaturesToTrack</strong> desde C++ con OpenCV:</p>
<figure><img src="galeria/cornersC2.png" class="img-radius" alt="" style="width: 200px"> <img src="galeria/cornersC1.png" class="img-radius" alt="" style="width: 200px"></figure>
<p>Nos decidimos por utilizar la función <strong class="clr">findChessboardCorners</strong> que se utiliza para calibrar con tableros de ajedrez y retorna cuando encuentra un tablero interno de determinado tamaño, en este caso 7x7:</p>
<figure><img src="galeria/findChessBoardCorners.png" class="img-radius" alt=""></figure>
diff --git a/web/galeria/config0.png b/web/galeria/config0.png
new file mode 100644
index 0000000000000000000000000000000000000000..e862dc9d303f12e461a3081be3bdb22d6a7b4a34
Binary files /dev/null and b/web/galeria/config0.png differ
diff --git a/web/galeria/config1.png b/web/galeria/config1.png
new file mode 100644
index 0000000000000000000000000000000000000000..b00f3465a8e64faaaddde1053d3194ba3034067d
Binary files /dev/null and b/web/galeria/config1.png differ
diff --git a/web/galeria/config2.png b/web/galeria/config2.png
new file mode 100644
index 0000000000000000000000000000000000000000..e7784376fa3ed17910e343980a8e31ff7ea74549
Binary files /dev/null and b/web/galeria/config2.png differ
diff --git a/web/galeria/config3.png b/web/galeria/config3.png
new file mode 100644
index 0000000000000000000000000000000000000000..9acfd51a4b7619c8e503de47717932f1eeb95fcb
Binary files /dev/null and b/web/galeria/config3.png differ
diff --git a/web/galeria/homografia.png b/web/galeria/homografia.png
new file mode 100644
index 0000000000000000000000000000000000000000..d6ade2a5a2a0469817daaa94a89c6b8e319400a9
Binary files /dev/null and b/web/galeria/homografia.png differ
diff --git a/web/galeria/inicio.png b/web/galeria/inicio.png
new file mode 100644
index 0000000000000000000000000000000000000000..8b76a8e282dbe7369a109bd3284ac8f6522894ef
Binary files /dev/null and b/web/galeria/inicio.png differ
diff --git a/web/galeria/soporte1.jpg b/web/galeria/soporte1.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..4bf0ec497fc5840ab67bac660b3ad06d7a9b8e72
Binary files /dev/null and b/web/galeria/soporte1.jpg differ
diff --git a/web/galeria/soporte2.jpg b/web/galeria/soporte2.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..b8c3a4cb72a95b630747514a3406e8c2d4d88c31
Binary files /dev/null and b/web/galeria/soporte2.jpg differ
diff --git a/web/galeria/trayectoria.png b/web/galeria/trayectoria.png
new file mode 100644
index 0000000000000000000000000000000000000000..790426ebd6f789cd46e9345eb6aa73b66fddf128
Binary files /dev/null and b/web/galeria/trayectoria.png differ
diff --git a/web/galeria/trayectoria2.png b/web/galeria/trayectoria2.png
new file mode 100644
index 0000000000000000000000000000000000000000..e7b5d646076afb94eeb9e88d90efb48fb3c4bbf4
Binary files /dev/null and b/web/galeria/trayectoria2.png differ
diff --git a/web/galeria/trayectoria3.png b/web/galeria/trayectoria3.png
new file mode 100644
index 0000000000000000000000000000000000000000..1124ea6e3fb7b586d10c6d899781cc6ed8388d9a
Binary files /dev/null and b/web/galeria/trayectoria3.png differ
diff --git a/web/galeria/veomano0.png b/web/galeria/veomano0.png
new file mode 100644
index 0000000000000000000000000000000000000000..606c347585c973062493143b7378c596387c7485
Binary files /dev/null and b/web/galeria/veomano0.png differ
diff --git a/web/galeria/veomano1.png b/web/galeria/veomano1.png
new file mode 100644
index 0000000000000000000000000000000000000000..75c03a11c02e20da327551a0938647ef269203e1
Binary files /dev/null and b/web/galeria/veomano1.png differ
diff --git a/web/galeria/veomano2.png b/web/galeria/veomano2.png
new file mode 100644
index 0000000000000000000000000000000000000000..3155607dcf93f2ae458dd347f80c1826d0171318
Binary files /dev/null and b/web/galeria/veomano2.png differ
diff --git a/web/galeria/veomano3.png b/web/galeria/veomano3.png
new file mode 100644
index 0000000000000000000000000000000000000000..9cddb7619c2f311bb4771730700fa32254674d37
Binary files /dev/null and b/web/galeria/veomano3.png differ
diff --git a/web/galeria_de_imagenes.html b/web/galeria_de_imagenes.html
index 08b1a1f91f0449b723f40bedc2dc29ba75daaa92..0c34844e8f673215583edce26797f506efe6f9b8 100644
--- a/web/galeria_de_imagenes.html
+++ b/web/galeria_de_imagenes.html
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
- <title>ChessTrack</title>
+ <title>ChessTrack.::.GalerÃa de Imágenes</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Your description">
@@ -21,6 +21,7 @@
</head>
<body>
+
<!--==============================header=================================-->
<header class="p0">
@@ -92,114 +93,119 @@
<div class="thumbnails_4">
<div class="span3">
<div class="thumbnail thumbnail_4">
- <figure><img src="galeria/galeria-1.jpg" class="img-radius" alt=""></figure>
- <p class="lead p2">Titulo</p>
- Descripcion
+ <figure><img src="galeria/cornersM2.png" style="height: 270px" class="img-radius" alt=""></figure>
+ <p class="lead p2">Imagen Original</p>
</div>
</div>
<div class="span3">
<div class="thumbnail thumbnail_4">
- <figure><img src="galeria/galeria-1.jpg" class="img-radius" alt=""></figure>
- <p class="lead p2">Titulo</p>
- Descripcion
+ <figure><img src="galeria/cornersC1.png" style="height: 270px" class="img-radius" alt=""></figure>
+ <p class="lead p2">Detección de esquinas con goodFeaturesToTrack (OpenCV)</p>
</div>
</div>
<div class="span3">
<div class="thumbnail thumbnail_4">
- <figure><img src="galeria/galeria-1.jpg" class="img-radius" alt=""></figure>
- <p class="lead p2">Titulo</p>
- Descripcion
+ <figure><img src="galeria/cornersM1.png" style="height: 270px" class="img-radius" alt=""></figure>
+ <p class="lead p2">Detección de esquinas con corners (Matlab)</p>
</div>
</div>
<div class="span3">
<div class="thumbnail thumbnail_4">
- <figure><img src="galeria/galeria-1.jpg" class="img-radius" alt=""></figure>
- <p class="lead p2">Titulo</p>
- Descripcion
+ <figure><img src="galeria/findChessBoardCorners.png" style="height: 270px" class="img-radius" alt=""></figure>
+ <p class="lead p2">Detección de esquinas con findChessBoardCorners (OpenCV)</p>
</div>
</div>
<div class="span3">
<div class="thumbnail thumbnail_4">
- <figure><img src="galeria/galeria-1.jpg" class="img-radius" alt=""></figure>
- <p class="lead p2">Titulo</p>
- Descripcion
+ <br><br><br><br>
+ <figure><img src="galeria/soporte2.jpg" class="img-radius" alt=""></figure>
+ <p class="lead p2">Soporte</p>
+ Imagen que muestra la altura del soporte necesaria para capturar todo el tablero.
</div>
</div>
<div class="span3">
<div class="thumbnail thumbnail_4">
- <figure><img src="galeria/galeria-1.jpg" class="img-radius" alt=""></figure>
- <p class="lead p2">Titulo</p>
- Descripcion
+ <br><br><br><br>
+ <figure><img src="galeria/soporte1.jpg" class="img-radius" alt=""></figure>
+ <p class="lead p2">Soporte</p>
</div>
</div>
- <div class="span3">
+ <div class="span6">
+ <div class="thumbnail thumbnail_4">
+ <figure><img src="galeria/trayectoria.png" class="img-radius" alt="" style="width: 500px"></figure>
+ <p class="lead p2">Secuencia de detección de piezas mediante sobel</p>
+ </div>
+ </div>
+ <div class="span6">
<div class="thumbnail thumbnail_4">
- <figure><img src="galeria/galeria-1.jpg" class="img-radius" alt=""></figure>
- <p class="lead p2">Titulo</p>
- Descripcion
+ <figure><img src="galeria/trayectoria2.png" class="img-radius" alt="" style="width: 500px"></figure>
+ <p class="lead p2">Secuencia de detección de piezas mediante sobel</p>
+ </div>
+ </div>
+ <div class="span12">
+ <div class="thumbnail thumbnail_4">
+ <figure><img src="galeria/trayectoria3.png" class="img-radius" alt=""></figure>
+ <p class="lead p2">Secuencia de detección de piezas mediante sobel</p>
</div>
</div>
<div class="span3">
<div class="thumbnail thumbnail_4">
- <figure><img src="galeria/galeria-1.jpg" class="img-radius" alt=""></figure>
- <p class="lead p2">Titulo</p>
- Descripcion
+ <figure><img src="galeria/veomano1.png" class="img-radius" alt="" style="height: 200px"></figure>
+ <p class="lead p2">Detección de mano</p>
</div>
</div>
<div class="span3">
<div class="thumbnail thumbnail_4">
- <figure><img src="galeria/galeria-1.jpg" class="img-radius" alt=""></figure>
- <p class="lead p2">Titulo</p>
- Descripcion
+ <figure><img src="galeria/veomano2.png" class="img-radius" alt="" style="height: 200px"></figure>
+ <p class="lead p2">Detección de mano</p>
</div>
</div>
<div class="span3">
<div class="thumbnail thumbnail_4">
- <figure><img src="galeria/galeria-1.jpg" class="img-radius" alt=""></figure>
- <p class="lead p2">Titulo</p>
- Descripcion
+ <figure><img src="galeria/veomano0.png" class="img-radius" alt="" style="height: 200px"></figure>
+ <p class="lead p2">Detección de mano</p>
</div>
</div>
<div class="span3">
<div class="thumbnail thumbnail_4">
- <figure><img src="galeria/galeria-1.jpg" class="img-radius" alt=""></figure>
- <p class="lead p2">Titulo</p>
- Descripcion
+ <figure><img src="galeria/veomano3.png" class="img-radius" alt="" style="height: 200px"></figure>
+ <p class="lead p2">Detección de mano</p>
</div>
</div>
<div class="span3">
<div class="thumbnail thumbnail_4">
- <figure><img src="galeria/galeria-1.jpg" class="img-radius" alt=""></figure>
- <p class="lead p2">Titulo</p>
- Descripcion
+ <figure><img src="galeria/config3.png" class="img-radius" alt=""></figure>
+ <p class="lead p2">Menú de configuración de la ip del servidor</p>
</div>
</div>
<div class="span3">
<div class="thumbnail thumbnail_4">
- <figure><img src="galeria/galeria-1.jpg" class="img-radius" alt=""></figure>
- <p class="lead p2">Titulo</p>
- Descripcion
+ <figure><img src="galeria/config2.png" class="img-radius" alt=""></figure>
+ <p class="lead p2">Menú de configuración de la ip del servidor</p>
</div>
</div>
<div class="span3">
<div class="thumbnail thumbnail_4">
- <figure><img src="galeria/galeria-1.jpg" class="img-radius" alt=""></figure>
- <p class="lead p2">Titulo</p>
- Descripcion
+ <figure><img src="galeria/config1.png" class="img-radius" alt=""></figure>
+ <p class="lead p2">Menú de configuración del puerto del servidor</p>
</div>
</div>
<div class="span3">
<div class="thumbnail thumbnail_4">
- <figure><img src="galeria/galeria-1.jpg" class="img-radius" alt=""></figure>
- <p class="lead p2">Titulo</p>
- Descripcion
+ <figure><img src="galeria/config0.png" class="img-radius" alt=""></figure>
+ <p class="lead p2">Menú de configuración del puerto del servidor</p>
</div>
</div>
<div class="span3">
<div class="thumbnail thumbnail_4">
- <figure><img src="galeria/galeria-1.jpg" class="img-radius" alt=""></figure>
- <p class="lead p2">Titulo</p>
- Descripcion
+ <figure> <img src="galeria/inicio.png" class="img-radius" alt="" style="width: 150px"></figure>
+ <p class="lead p2">Ãcono de la aplicación</p>
+ </div>
+ </div>
+ <div class="span9">
+ <div class="thumbnail thumbnail_4">
+ <figure><img src="galeria/homografia.png" class="img-radius" alt=""></figure>
+ <p class="lead p2">HomografÃa.</p>
</div>
</div>
</div>
@@ -219,7 +225,6 @@
</div>
<div class="span8 float">
<ul class="footer-menu">
- <!--<li><a href="index.html" class="current">Inicio</a>|</li>-->
<li><a href="descripcion_del_proyecto.html">Descripción del Proyecto</a>|</li>
<li><a href="desarrollo.html">Desarrollo</a>|</li>
<li><a href="trabajo_a_futuro.html">Trabajo a Futuro</a>|</li>