Nueva sección: Comentarios, ¡añadida!

Ya está disponible la sección de Comentarios. A continuación os comento un poco los problemas que he tenido y la arquitectura seguida.

En primer lugar, para llevarlo a cabo he necesitado:

- Netbeans 6.8 con Apache Tomcat 6.0.20

- HSQLDB 1.8.0.2

Al principio desarrollé en modo Server lanzando una base de datos externa y probé a establecer conexión desde mi archivo jsp principal, además de probar a insertar datos mediante la instrucción "INSERT INTO". Todo esto lo realicé basándome en el ejemplo "ejemplosJDBC.rar" que se encuentra en el Moodle.

Una vez asimilados los conceptos básicos, creé mi proyecto partiendo de la web desarrollada en TEWC, y decidí emplear un servlet lo cual me obligó a modificar el archivo AccessDBServlet.java, que se encontraba en el ejemplo anteriormente mencionado, y creé el bean correspondiente de Comentario. Una vez modificado y creados los jsp correspondientes para hacer uso del servlet, probé su funcionamiento sin tener problema alguno.

Tras esto, me puse a introducir lo creado en la web ya existente, haciendo uso de las hojas CSS ya empleadas en TEWC y creando algún campo nuevo como ".textoError" (que se emplea en el formulario para introducir un comentario, en caso de que exista error). 

Cabe destacar que en este proceso tuve algunos problemas al adaptar la interfaz a los nuevos archivos .jsp lo cual me obligó a emplear ficheros jspf e incluirlos, para la cabecera, el footer y la barra lateral.

Por último, decidí implementar la validación en servidor (además de la validación en cliente que se puede observar en el fichero "nuevoComentario.jsp") mediante los ficheros "ValidarComentario.java" y  "ErrorComentario.java" que trata los posibles problemas que pueda haber al haber rellenado el formulario para informar al usuario (en este caso, haber dejado algún campo en blanco).

Y esto ha sido todo el desarrollo llevado a cabo. Resultado: bastantes horas invertidas y bastantes conocimientos aprendidos.

Saludos,

Estado del sitio

Bueno, tras un periodo de inactividad en el blog, ya tengo la web lista y operativa al 100%.

Quería comentar los resultados de los tests que he pasado a día de hoy:

Validate HTML: passed
Validate CSS:

URI : http://batlin.hosteando.org/tewc/css/nocturno.css

121

html, body

La propiedad overflow-y no existe en CSS versión 2.1 pero existe en [css3] : scroll

URI : http://batlin.hosteando.org/tewc/css/diurno.css

121

html, body

La propiedad overflow-y no existe en CSS versión 2.1 pero existe en [css3] : scroll

Son dos errores de los cuales soy consciente y que no tienen otra razón de ser que la púramente estética (para mostrar la barra horizontal de desplazamiento en todas las páginas y así evitar saltos entre unas páginas y otras que tengan o no dicha barra).

Comentar también las 353 visitas que ha recibido la web desde hace poco más de 1 mes y la repercusión que ha tenido en foros como los de urbanity que ha permitido que la gente colaborase con fotografías (para conocer quien ha colaborado y con qué, pasaros por la sección agradecimientos).

Muchas gracias por todo y espero seguir comentando y actualizando la web, aunque ahora esté más liado con los exámenes ya cercanos ;). ¡Suerte a todos!

Saludos,

Galería de imágenes añadida

Al final me he decantado por usar el servicio que comentaba en la anterior entrada, debido a su atractivo visual y facilidad de uso ya que poder coger directamente imágenes de flickr es una gran ventaja.

URL de la galería

Así mismo, he estado cambiando el diseño diurno tal y como podéis comprobar en la web. Guarda bastante paralelismo con el estilo nocturno, solo que con colores claros y la ubicación de las cosas es la contraria (columna principal a la derecha en el diurno, columna principal a la izquierda en el nocturno, etcétera.).

Un saludo,

FAQ creado y sección Agradecimientos

Han sido dos ideas que tuve justo antes de acostarme y hoy he llevado a cabo: una sección FAQ con intención de ayudar a la navegación (el tema de los estilos, o por qué se ven cosas regular en Internet Explorer) y en la que pondré la información necesaria para colaborar con la web ya que seguramente suba una galería de imágenes asociada a cuentas Flickr para facilitar la colaboración de la gente (ver aquí).

Y la otra sección para agradecer a la gente su colaboración, empezando por Carlos de la ETSIT y por Carretero quien me ha cedido la imagen que forma parte del título de este blog y de la versión nocturna de la web. ¡Espero que esta lista vaya en aumento!

Pero aún así todavía me queda alguna que otra galería por probar.

¡Seguiré informando!

Añadido el ranking y en busca de un visor para la galería

Ya disponemos de un ranking global sobre España y otro en particular sobre Madrid de construcciones de más de 150 metros y 100 metros respectivamente (información sacada de la wikipedia).

Para ello he utilizado listas numeradas, y en el css he creado el siguiente código:

/* Para el ranking */
#lista {
background-color: #E8E8E8; /* para el nocturno */
margin: 0;
padding-top: 0.5em; /* márgenes */
padding-left: 1.5em;
padding-bottom: 0.5em;
font-size: 100%;
color: #000000; /* letra negra */
}

Espero que os guste cómo está quedando ;-).

Y mientras estoy buscando un visor decente de imágenes... que próximamente lo añadiré y así podré dar a conocer la web en urbanity y otras webs.

Saludos,

Inauguración oficial

Acabo de subir los ficheros al servidor y ya se puede navegar por ella :).

La url es la siguiente: http://batlin.hosteando.org/tewc/index.html

Como veréis he modificado el layout (dos columnas sólo) y ya he fijado más o menos la distribución que tendrá la web.

Así mismo, ya he implementado el código necesario para los hipervínculos. Tomé como ejemplo el del diccionario visto en clase, que consta de dos archivos .js (scripts/jquery-1.2.3.pack.js y scripts/madridalcielo.js) y el código necesario en index.html (declarando las etiquetas que luego se procesan desde madridalcielo.js).

Saludos,

Manos a la obra (durante la semana Athens)

He comenzado con el diseño nocturno tomando como layout esta url (del diurno ya me encargaré más tarde) pero ya he probado el script necesario para cambiar de estilo y funciona correctamente.

Podéis encontrarlo aquí: http://www.alistapart.com/articles/alternate/.

Por ahora hay poca cosa, ya he creado la imagen para el título nocturno y he hecho el gradiente añadiendo en el css este código:

background: url(../img/gradiente2.png) 0% 0% repeat-x; /* fondo gradiente */

Próximamente miraré el tema de los hipervínculos y la implementación de secciones de la galería de imágenes y el ranking.