<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Fotografía Juan Díez-Yanguas</title>
	<atom:link href="http://blog.jdiezfoto.es/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.jdiezfoto.es</link>
	<description>Blog</description>
	<lastBuildDate>Tue, 21 Feb 2012 18:00:46 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Spotbros: Un ejemplo de como hacer las cosas bien</title>
		<link>http://blog.jdiezfoto.es/informatica/spotbros-un-ejemplo-de-como-hacer-las-cosas-bien/</link>
		<comments>http://blog.jdiezfoto.es/informatica/spotbros-un-ejemplo-de-como-hacer-las-cosas-bien/#comments</comments>
		<pubDate>Tue, 21 Feb 2012 10:38:48 +0000</pubDate>
		<dc:creator>Juan</dc:creator>
				<category><![CDATA[Informática]]></category>
		<category><![CDATA[Android]]></category>

		<guid isPermaLink="false">http://blog.jdiezfoto.es/?p=2132</guid>
		<description><![CDATA[<p>Esta semana pasada navegando por una de mis webs sobre Android me encontré con una nueva aplicación al estilo Whatsapp, pero bien distinta; el artículo me convenció y decidí probarla y la sorpresa ha sido tan agradable que aquí estoy escribiendo un artículo sobre ella. La aplicación se llama Spotbros, es nueva, acaba de salir <a href='http://blog.jdiezfoto.es/informatica/spotbros-un-ejemplo-de-como-hacer-las-cosas-bien/' class='excerpt-more'>[...]</a></p><p><p>© 2009-2011 Juan Díez-Yanguas Barber </p></p>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://www.spotbros.com/es"><img class="aligncenter  wp-image-2159" title="SpotbrosLogo" src="http://blog.jdiezfoto.es/wp-content/uploads/2012/02/SpotbrosLogo.png" alt="" width="635" height="311" /></a></p>
<p>Esta semana pasada navegando por una de mis webs sobre Android me encontré con una nueva aplicación al estilo Whatsapp, <a href="http://www.elandroidelibre.com/2012/02/la-alternativa-a-whatsapp-mas-segura-estable-y-versatil-se-llama-spotbros.html" target="_blank">pero bien distinta</a>; el artículo me convenció y decidí probarla y la sorpresa ha sido tan agradable que aquí estoy escribiendo un artículo sobre ella.</p>
<p>La aplicación se llama <a href="http://www.spotbros.com/es" target="_blank">Spotbros</a>, es nueva, acaba de salir en enero y está en versión beta; se trata de una aplicación de <strong>mensajería instantánea vía internet por push</strong> al estilo de Whatsapp, pero seguro, bien hecho y encima con unas ideas añadidas bastante interesantes e innovadoras.</p>
<p><span id="more-2132"></span>Convendría comentar que no estaría escribiendo esto sino me hubiera llamado tan gratamente la atención en muchos aspectos, comencemos describiendo la aplicación.</p>
<p>Como he dicho no es algo nuevo, ya existe, lo tenemos, pero&#8230; ¿lo que tenemos es lo mejor? Yo diría que no, entre funcionamiento, fiabilidad, calidad y seguridad hay diferencias; muchas veces parece que importa más el que primero saca la idea que el que saca la idea con mejor calidad.</p>
<p>Pues si es algo que ya tenemos habrá que ver las diferencias ¿no?. Pues vamos a ello; en primer lugar es seguro, todas las comunicaciones son encriptadas usando <strong><a href="http://es.wikipedia.org/wiki/Advanced_Encryption_Standard" target="_blank">AES</a> de 256 bits</strong>, uno de los algoritmos de encriptación más seguros que hay. Mayor privacidad, todo rastro de nuestras conversaciones es <strong>borrado de sus servidores a los 30 días</strong> y nadie nos puede hablar sino le conocemos, es necesario que <strong>los dos extremos de la comunicación tengan al otro usuario en la agenda</strong>. Mayor <strong>eficiencia y fiabilidad</strong>, a pesar de estar en beta he notado una aplicación muy fluida y sin ningún cuelgue, e incluso he notado menor <strong>consumo de batería</strong> que con otros servicios.</p>
<p><img class="alignleft size-full wp-image-2146" title="SpotbrosSpots" src="http://blog.jdiezfoto.es/wp-content/uploads/2012/02/SpotbrosSpots.png" alt="" width="242" height="212" />Y además, no solo han mejorado lo existente por mucho sino que han añadido nuevas funcionabilidades bajo mi punto de vista interesantes e innovadoras.</p>
<p>Veamos que cosas son las que han introducido como nuevas.</p>
<p>En primer lugar, se permiten grupos, pero&#8230; ¿solo grupos? Pues no, tiene la opción de los grupos tradicional y una nueva forma de grupo bajo el nombre de <strong><em>spots</em></strong>. Grupos asignados a un lugar, se pueden crear y unir a ellos, y se muestran los que hay a tu alrededor, una forma de añadir a la aplicación funciones sociales que pueden ser muy útiles.</p>
<p><img class="size-full wp-image-2144 alignright" title="SpotbrosShout" src="http://blog.jdiezfoto.es/wp-content/uploads/2012/02/SpotbrosShout.png" alt="" width="242" height="212" /></p>
<p>Y finalmente, un añadido más, ellos lo llaman <strong><em>shouts</em></strong>, pero se podría llamar un mensaje de <em>broadcast</em>, o un mensaje a todo el mundo; esta función manda un mensaje a todos en un radio de 1.5km. Sin duda algo muy interesante para poder mandar comunicaciones a tu alrededor, y podría ser de mucha ayuda ante una emergencia por ejemplo. Algunos podrán pensar que esto puede ser un medio de spam, pero lo cierto es que los chicos de <a href="http://www.spotbros.com/es" target="_blank"><strong>Spotbros</strong></a> lo saben y tienen en mente numerosas ideas interesantes para evitar esto.</p>
<p>También han mejorado lo ya existente en el envío de mensajes, en concreto en lo que se refiere a los mensajes multimedia. Permiten enviar varias imágenes en un mismo mensaje; y lo que ahora son fotos en próximas versiones serán fotos, vídeos, audio y mapas todo ello en un mismo mensaje. No cabe duda de que lo que tenemos ante nuestros ojos es una obra de la innovación que en este caso va de la mano con la calidad.</p>
<p><img class="alignleft size-full wp-image-2153" title="imagesSpotbros" src="http://blog.jdiezfoto.es/wp-content/uploads/2012/02/imagesSpotbros.png" alt="" width="242" height="230" /></p>
<p>Bueno, y por terminar comentar algo acerca del soporte, no he visto soporte igual en mucho tiempo, respuesta en poco tiempo, una respuesta personalizada, simpática, interesándose por un problema, muy educados, y además eficientes.</p>
<p>La aplicación de momento está disponible para <strong>android y para iphone</strong> está en desarrollo; de manera que también es multiplataforma.</p>
<p>Bueno, finalmente hacer notar que esto no es un artículo patrocinado ni nada que se le parezca, simplemente he probado la aplicación, me ha dado una muy grata sorpresa y creo que tiene mucho potencial detrás, y de ahí que este escribiendo este artículo.</p>
<p>Lo malo: todavía, como es normal no lo tiene mucha gente, pero creo sinceramente que con este potencial puede llegar muy lejos, solo necesitan nuestra ayuda para crecer poco a poco.</p>
<p>NOTA: Las imágenes del artículo son propiedad de <a href="http://www.spotbros.com/es/" target="_blank">Spotbros Technologies S.L.</a></p>
<h4  class="related_post_title">Artículos más comentados</h4><ul class="related_post"><li><a href="http://blog.jdiezfoto.es/informatica/ejemplo-javaee-una-tienda-online/" title="Ejemplo Java EE: Una tienda Online">Ejemplo Java EE: Una tienda Online</a></li><li><a href="http://blog.jdiezfoto.es/santander/fuegos-artificiales-semana-grande-santander-2010/" title="Fuegos artificiales Semana Grande Santander 2010">Fuegos artificiales Semana Grande Santander 2010</a></li><li><a href="http://blog.jdiezfoto.es/santander/los-reflejos-del-sol/" title="Los reflejos del sol">Los reflejos del sol</a></li><li><a href="http://blog.jdiezfoto.es/fotografia/mezquita-de-cordoba/" title="Mezquita de Córdoba">Mezquita de Córdoba</a></li><li><a href="http://blog.jdiezfoto.es/santander/llovera-o-no-llovera/" title="Lloverá o no lloverá">Lloverá o no lloverá</a></li><li><a href="http://blog.jdiezfoto.es/santander/playa-de-arnia-como-en-el-caribe/" title="Playa de Arnia: Como en el Caribe">Playa de Arnia: Como en el Caribe</a></li><li><a href="http://blog.jdiezfoto.es/general/adaptarse-o-morir/" title="Los tiempos cambian">Los tiempos cambian</a></li></ul><p><p>© 2009-2011 Juan Díez-Yanguas Barber </p></p>]]></content:encoded>
			<wfw:commentRss>http://blog.jdiezfoto.es/informatica/spotbros-un-ejemplo-de-como-hacer-las-cosas-bien/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Catedral de Notre Dame</title>
		<link>http://blog.jdiezfoto.es/fotografia/catedral-de-notre-dame/</link>
		<comments>http://blog.jdiezfoto.es/fotografia/catedral-de-notre-dame/#comments</comments>
		<pubDate>Mon, 20 Feb 2012 11:11:53 +0000</pubDate>
		<dc:creator>Juan</dc:creator>
				<category><![CDATA[Fotografía]]></category>
		<category><![CDATA[Ciudad]]></category>

		<guid isPermaLink="false">http://blog.jdiezfoto.es/?p=2003</guid>
		<description><![CDATA[<p>No puede ir uno de visita a París y no pasar por la Catedral de Notre Dame, que si bien no es la catedral más grande de Francia si es uno de los símbolos más importantes de la capital francesa. Pues, como ya he comentado en anteriores ocasiones, lo que hoy vamos a ver es <a href='http://blog.jdiezfoto.es/fotografia/catedral-de-notre-dame/' class='excerpt-more'>[...]</a></p><p><p>© 2009-2011 Juan Díez-Yanguas Barber </p></p>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://blog.jdiezfoto.es/wp-content/uploads/2012/02/DSCN1199.jpg" rel="lightbox[2003]"><img class="aligncenter  wp-image-2005" title="DSCN1199" src="http://blog.jdiezfoto.es/wp-content/uploads/2012/02/DSCN1199.jpg" alt="" width="614" height="460" /></a></p>
<p style="text-align: left;">No puede ir uno de visita a París y no pasar por la <a href="http://es.wikipedia.org/wiki/Catedral_de_Notre_Dame_(Par%C3%ADs)" target="_blank">Catedral de Notre Dame</a>, que si bien no es la catedral más grande de Francia si es uno de los símbolos más importantes de la capital francesa.</p>
<p style="text-align: left;"><span id="more-2003"></span>Pues, como ya he comentado en anteriores ocasiones, lo que hoy vamos a ver es una pequeña parte de ese viaje por el norte de Europa que hicimos en familia ya hace años. No íbamos a hacer ese viaje sin pasar al menos tres días en la capital francesa.</p>
<p style="text-align: left;">La Catedral de Notre Dame, es uno de los símbolos más importantes de la capital, una de las obras de arte gótico más destacable, situada en la Isla de la Cité, la isla más grande del río Sena, una de las principales vías de agua y comercial de París.</p>
<p style="text-align: center;"><a href="http://blog.jdiezfoto.es/wp-content/uploads/2012/02/DSCN1193.jpg" rel="lightbox[2003]"><img class="aligncenter  wp-image-2004" title="DSCN1193" src="http://blog.jdiezfoto.es/wp-content/uploads/2012/02/DSCN1193.jpg" alt="" width="581" height="436" /></a></p>
<p style="text-align: left;">Podemos ver en la primera imagen del artículo la catedral completa vista desde los famosos <em>bateaux bus</em> o también llamados <em>bateaux mouches</em> (mosca en español), que son embarcaciones que recorren el río Sena y en la segunda imagen observamos la puerta principal de entrada a la Catedral.</p>
<h4  class="related_post_title">También te puede interesar:</h4><ul class="related_post"><li><a href="http://blog.jdiezfoto.es/fotografia/alhambra-de-granada/" title="Alhambra de Granada">Alhambra de Granada</a></li><li><a href="http://blog.jdiezfoto.es/santander/castanas-asadas-alimento-para-el-paseo-de-invierno/" title="Castañas asadas: Alimento para el paseo de invierno">Castañas asadas: Alimento para el paseo de invierno</a></li><li><a href="http://blog.jdiezfoto.es/madrid/cabalgata-de-reyes-habeis-sido-todos-buenos/" title="Cabalgata de Reyes ¿Habéis sido todos buenos?">Cabalgata de Reyes ¿Habéis sido todos buenos?</a></li><li><a href="http://blog.jdiezfoto.es/madrid/parque-de-santander-lo-que-queda-del-otono/" title="Parque de Santander: Lo que queda del Otoño">Parque de Santander: Lo que queda del Otoño</a></li><li><a href="http://blog.jdiezfoto.es/fotografia/puerto-de-malaga-dos-dias-dos-paisajes/" title="Puerto de Málaga. Dos días dos paisajes">Puerto de Málaga. Dos días dos paisajes</a></li><li><a href="http://blog.jdiezfoto.es/fotografia/palmeral-del-puerto-de-malaga/" title="Palmeral del Puerto de Málaga">Palmeral del Puerto de Málaga</a></li><li><a href="http://blog.jdiezfoto.es/santander/el-palacio-de-festivales-de-santander/" title="El Palacio de Festivales de Santander">El Palacio de Festivales de Santander</a></li></ul><p><p>© 2009-2011 Juan Díez-Yanguas Barber </p></p>]]></content:encoded>
			<wfw:commentRss>http://blog.jdiezfoto.es/fotografia/catedral-de-notre-dame/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>JRebel: Stop Redeploying</title>
		<link>http://blog.jdiezfoto.es/informatica/jrebel-stop-redeploying/</link>
		<comments>http://blog.jdiezfoto.es/informatica/jrebel-stop-redeploying/#comments</comments>
		<pubDate>Sat, 18 Feb 2012 12:18:11 +0000</pubDate>
		<dc:creator>Juan</dc:creator>
				<category><![CDATA[Informática]]></category>
		<category><![CDATA[Java]]></category>

		<guid isPermaLink="false">http://blog.jdiezfoto.es/?p=2104</guid>
		<description><![CDATA[<p>Esta semana que se va ha sido el SpringI/O en la Universidad San Pablo CEU, mi universidad. Mi función en este evento ha sido básicamente ayudar en lo que he podido, lo que  no quita que haya podido ver cosas realmente interesantes, y entre ellas de la que hoy os voy a hablar: JRebel &#38; <a href='http://blog.jdiezfoto.es/informatica/jrebel-stop-redeploying/' class='excerpt-more'>[...]</a></p><p><p>© 2009-2011 Juan Díez-Yanguas Barber </p></p>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://zeroturnaround.com/"><img class="aligncenter size-full wp-image-2105" title="JRevelLiveRebel" src="http://blog.jdiezfoto.es/wp-content/uploads/2012/02/JRevelLiveRebel.png" alt="" width="510" height="91" /></a></p>
<p style="text-align: left;">Esta semana que se va ha sido el <a href="http://springio.net/" target="_blank">SpringI/O</a> en la Universidad San Pablo CEU, mi universidad. Mi función en este evento ha sido básicamente ayudar en lo que he podido, lo que  no quita que haya podido ver cosas realmente interesantes, y entre ellas de la que hoy os voy a hablar: <strong><a href="http://zeroturnaround.com/jrebel/" target="_blank">JRebel</a> &amp; <a href="http://zeroturnaround.com/liverebel/" target="_blank">LiveRebel</a></strong>.</p>
<p><span id="more-2104"></span><br />
Ambos productos de la empresa <strong><a href="http://zeroturnaround.com/" target="_blank">ZeroTurnaroud</a></strong> proveniente de Estonia. Tienen como idea principal facilitar al desarrollador de aplicaciones web la tediosa tarea de guardar, para el servidor y redesplegar. Ahora estas tareas se harán de manera totalmente transparente a nosotros. Veamos la idea principal de ambos productos.</p>
<p style="text-align: left;"><span style="font-size: x-large;"><strong>JRebel: Para desarrolladores</strong></span></p>
<p style="text-align: left;">El la idea final del producto es ayudar a los desarrolladores Java EE y ahorrarles tiempo en tareas tediosas que se dan en este entorno. Esto es, cada vez que hacemos cambios en una aplicación hay que <strong>guardar los cambios</strong>, parar la aplicación y <strong>redesplegar la aplicación</strong> de nuevo en el servidor de aplicaciones.</p>
<p style="text-align: center;"><img class="aligncenter  wp-image-2110" title="JRebel" src="http://blog.jdiezfoto.es/wp-content/uploads/2012/02/JRebel-1024x719.jpg" alt="" width="556" height="390" /></p>
<p style="text-align: left;">Aunque este problema este medianamente solucionado por lo menos en NetBeans que sí permite realizar estas acciones en caliente la solución no funciona para todos los tipos de cambios.</p>
<p style="text-align: left;">Y aquí es donde entra <strong>JRebel</strong>, el cual realiza estas tareas para tí de manera <strong>automática y transparente</strong>, y no solo eso sino que admite todo tipo de cambios (los podemos ver en su <a href="http://zeroturnaround.com/jrebel/features/" target="_blank">web</a>). Y no solo eso, sino que soporta los  <strong>principales IDEs (NetBeans, Eclipse&#8230; ) y servidores de aplicaciones (GlassFish, Tomcat, SpringSource, JBoss &#8230;)</strong>.</p>
<p style="text-align: left;">Hoy nos han hecho una demo a varios compañeros y a mí y he de decir que funciona realmente bien. Me parece una herramienta realmente útil para desarrolladores.</p>
<p style="text-align: left;">El inconveniente: Es de pago, aunque hay <a href="http://sales.zeroturnaround.com/" target="_blank">varias versiones</a> dependiendo de las características con precios diferentes; y también una versión gratuita para usos no comerciales. Y algo realmente interesante es la posibilidad de probar <a href="http://zeroturnaround.com/jrebel/current/" target="_blank"><strong>gratuitamente la versión completa durante 30 días</strong></a>.</p>
<p style="text-align: left;"><span style="font-size: x-large;"><strong>LiveRebel: En producción</strong></span></p>
<p style="text-align: left;">La idea de este producto es algo más complicada, orientada a las aplicaciones en producción y con un público más reducido.</p>
<p style="text-align: left;">Se trata de extender la idea de JRebel a un entorno de producción permitiendo principalmente actualización de las aplicaciones en caliente; la idea es retener las peticiones al servidor mientras la nueva versión de la aplicación es desplegada en el servidor y posteriormente pasar las peticiones al servidor como si nada hubiera ocurrido.</p>
<p style="text-align: center;"><img class="aligncenter  wp-image-2115" title="LiveRebel" src="http://blog.jdiezfoto.es/wp-content/uploads/2012/02/LiveRebel-1024x955.jpg" alt="" width="596" height="557" /></p>
<p style="text-align: left;">Tiene también otra <a href="http://www.youtube.com/watch?feature=player_embedded&amp;v=In08bPVLNz0" target="_blank">serie de funciones</a> como la comparación de versiones, integración contínua &#8230;, aunque sin duda alguna la más interesante de ellas me ha parecido la primera. No obstante, hoy se debatía entre los que estábamos viendo la demo la utilidad real de este proyecto, ya que, al fin y al cabo la mayoría de las veces no es un gran inconveniente parar el servidor por un corto periodo de tiempo para actualizar la aplicación web.</p>
<p style="text-align: left;">Esta herramienta como era de esperar tampoco es gratuita, y también consta de <a href="http://zeroturnaround.com/liverebel/pricing/" target="_blank">varias versiones</a> con varios precios dependiendo de las características. Tiene disponible una <strong><a href="http://zeroturnaround.com/liverebel/current/" target="_blank">evaluación de 90 días</a></strong>.</p>
<hr />
<p>En resumen, JRebel me parece una fantástica herramienta que puede ayudar a muchísimos desarrolladores y ahorrarles mucho tiempo en el desarrollo de aplicaciones web.</p>
<p>He de recalcar que este artículo no es ningún tipo de patrocinio, se ha escrito porque vi la demo y lo que me contaron y me ha parecido que debería darse a conocer en más idiomas.</p>
<p>NOTA: Las imágenes son propiedad de <a href="http://zeroturnaround.com/about-us/" target="_blank">ZeroTurnaround</a>.</p>
<h4  class="related_post_title">También te puede interesar:</h4><ul class="related_post"><li><a href="http://blog.jdiezfoto.es/informatica/vanadium-validacion-de-formularios-con-jquery/" title="Vanadium: Validación de formularios con JQuery">Vanadium: Validación de formularios con JQuery</a></li><li><a href="http://blog.jdiezfoto.es/informatica/tienda-online-java-ee-solucionada-validacion-ajax-en-formulario-de-registro/" title="Tienda Online Java EE: Solucionada validación ajax en formulario de registro">Tienda Online Java EE: Solucionada validación ajax en formulario de registro</a></li><li><a href="http://blog.jdiezfoto.es/informatica/java-ee-seguridad-en-aplicaciones-web-ii-evitando-inyeccion-sql-y-xss-con-esapi/" title="Java EE: Seguridad en aplicaciones web (II). Evitando Inyección SQL y XSS con ESAPI">Java EE: Seguridad en aplicaciones web (II). Evitando Inyección SQL y XSS con ESAPI</a></li><li><a href="http://blog.jdiezfoto.es/informatica/tutorial-ant-uso-con-librerias-externas-y-generadores-jflex-y-cup/" title="Tutorial ANT: Uso con librerías externas y generadores JFlex y CUP">Tutorial ANT: Uso con librerías externas y generadores JFlex y CUP</a></li><li><a href="http://blog.jdiezfoto.es/informatica/java-ee-seguridad-en-aplicaciones-web-i/" title="Java EE: Seguridad en aplicaciones web (I)">Java EE: Seguridad en aplicaciones web (I)</a></li><li><a href="http://blog.jdiezfoto.es/informatica/java-ee-6-subida-de-imagenes-al-servidor-servlet-3-0/" title="Java EE 6: Subida de imágenes al servidor (Servlet 3.0)">Java EE 6: Subida de imágenes al servidor (Servlet 3.0)</a></li><li><a href="http://blog.jdiezfoto.es/informatica/ejemplo-javaee-una-tienda-online/" title="Ejemplo Java EE: Una tienda Online">Ejemplo Java EE: Una tienda Online</a></li></ul><p><p>© 2009-2011 Juan Díez-Yanguas Barber </p></p>]]></content:encoded>
			<wfw:commentRss>http://blog.jdiezfoto.es/informatica/jrebel-stop-redeploying/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Cebras en el Parque Natural de Cabárceno</title>
		<link>http://blog.jdiezfoto.es/santander/cebras-en-el-parque-natural-de-cabarceno/</link>
		<comments>http://blog.jdiezfoto.es/santander/cebras-en-el-parque-natural-de-cabarceno/#comments</comments>
		<pubDate>Thu, 16 Feb 2012 09:25:54 +0000</pubDate>
		<dc:creator>Juan</dc:creator>
				<category><![CDATA[Fotografía]]></category>
		<category><![CDATA[Santander]]></category>
		<category><![CDATA[Fauna]]></category>

		<guid isPermaLink="false">http://blog.jdiezfoto.es/?p=1922</guid>
		<description><![CDATA[<p>Volvemos de nuevo unos años atrás, en concreto nos vamos a Santander, ciudad donde siempre he veraneado. En Santander hay un parque natural donde los animales están en libertad y se realiza el recorrido en el coche particular, dicho parque es el conocido como Parque Natural de Cabárceno, bastante conocido en Santander junto con el <a href='http://blog.jdiezfoto.es/santander/cebras-en-el-parque-natural-de-cabarceno/' class='excerpt-more'>[...]</a></p><p><p>© 2009-2011 Juan Díez-Yanguas Barber </p></p>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://blog.jdiezfoto.es/wp-content/uploads/2012/02/IMG_0397.jpg" rel="lightbox[1922]"><img class="aligncenter  wp-image-1923" title="IMG_0397" src="http://blog.jdiezfoto.es/wp-content/uploads/2012/02/IMG_0397.jpg" alt="" width="614" height="461" /></a></p>
<p>Volvemos de nuevo unos años atrás, en concreto nos vamos a Santander, ciudad donde siempre he veraneado.</p>
<p><span id="more-1922"></span>En Santander hay un parque natural donde los animales están en libertad y se realiza el recorrido en el coche particular, dicho parque es el conocido como <a href="http://www.parquedecabarceno.com/" target="_blank">Parque Natural de Cabárceno</a>, bastante conocido en Santander junto con el Zoo de Santillana del Mar.</p>
<p>Yo hace mucho que no voy porque en los últimos años que estoy yendo a Santander voy solo y sin coche pero me acuerdo de cuando era pequeño e íbamos con mis padres; grandes imágenes me traen esos momentos a la mente, que bien me lo pasaba en las excursiones que hacíamos por la provincia.</p>
<p>Después de lo dicho casi esta de más decir que la fotografía que hoy os enseño es de unas cebras en el Parque Natural de  Cabárceno. Espero que os haya gustado y a los que no lo conozcan les haya animado a visitarlo.</p>
<h4  class="related_post_title">También te puede interesar:</h4><ul class="related_post"><li><a href="http://blog.jdiezfoto.es/santander/arana-tigre/" title="Araña Tigre">Araña Tigre</a></li><li><a href="http://blog.jdiezfoto.es/santander/vuelvepiedras-comun/" title="Vuelvepiedras Común">Vuelvepiedras Común</a></li><li><a href="http://blog.jdiezfoto.es/santander/mariposa-en-el-zoo-de-santillana-del-mar/" title="Mariposa en el Zoo de Santillana del Mar">Mariposa en el Zoo de Santillana del Mar</a></li><li><a href="http://blog.jdiezfoto.es/santander/patos-en-los-jardines-de-pereda/" title="Patos en los Jardines de Pereda">Patos en los Jardines de Pereda</a></li><li><a href="http://blog.jdiezfoto.es/santander/buho-real/" title="Búho real">Búho real</a></li><li><a href="http://blog.jdiezfoto.es/segovia/las-ciguenas-en-las-navillas/" title="Las Cigüeñas en las Navillas">Las Cigüeñas en las Navillas</a></li></ul><p><p>© 2009-2011 Juan Díez-Yanguas Barber </p></p>]]></content:encoded>
			<wfw:commentRss>http://blog.jdiezfoto.es/santander/cebras-en-el-parque-natural-de-cabarceno/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Los Alpes Suizos y el Glaciar del Ródano</title>
		<link>http://blog.jdiezfoto.es/fotografia/los-alpes-suizos-y-el-glaciar-del-rodano/</link>
		<comments>http://blog.jdiezfoto.es/fotografia/los-alpes-suizos-y-el-glaciar-del-rodano/#comments</comments>
		<pubDate>Mon, 13 Feb 2012 01:12:51 +0000</pubDate>
		<dc:creator>Juan</dc:creator>
				<category><![CDATA[Fotografía]]></category>
		<category><![CDATA[Paisajes]]></category>

		<guid isPermaLink="false">http://blog.jdiezfoto.es/?p=1982</guid>
		<description><![CDATA[<p>Pues ya que está visto que no hay manera de tener nieve este año en Madrid (aunque no diré lo mismo del frío), he decido viajar unos años atrás y traer la nieve de los Alpes Suizos. Hubo un verano ya hace años que decidimos ir en familia por el norte de Europa de camping <a href='http://blog.jdiezfoto.es/fotografia/los-alpes-suizos-y-el-glaciar-del-rodano/' class='excerpt-more'>[...]</a></p><p><p>© 2009-2011 Juan Díez-Yanguas Barber </p></p>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://blog.jdiezfoto.es/wp-content/uploads/2012/02/DSCN1526.jpg" rel="lightbox[1982]"><img class="aligncenter  wp-image-1983" title="DSCN1526" src="http://blog.jdiezfoto.es/wp-content/uploads/2012/02/DSCN1526.jpg" alt="" width="614" height="460" /></a></p>
<p style="text-align: left;">Pues ya que está visto que no hay manera de tener nieve este año en Madrid (aunque no diré lo mismo del frío), he decido viajar unos años atrás y traer la nieve de los Alpes Suizos.</p>
<p style="text-align: left;"><span id="more-1982"></span>Hubo un verano ya hace años que decidimos ir en familia por el norte de Europa de camping en camping, la experiencia no cabe duda de que fue inolvidable.</p>
<p style="text-align: left;">Llegando casi a nuestro límite de viaje hacia el norte nos quedamos en los Alpes Suizos visitando un poco de Suiza. Obviamente no íbamos a pasar por los Alpes Suizos sin hacer un visita al <a href="http://es.wikipedia.org/wiki/Glaciar_del_R%C3%B3dano" target="_blank">Glaciar del Ródano</a> y entrar en su interior. Lo podemos ver en la imagen inferior al fondo.</p>
<p style="text-align: left;">Glaciar formado sobre el río que como su propio nombre indica es el Ródano, principal contribuyente del lago Lemán; puesto que está situado cerca de la carretera del Puerto Furka es fácilmente accesible</p>
<p style="text-align: center;"><a href="http://blog.jdiezfoto.es/wp-content/uploads/2012/02/DSCN1542.jpg" rel="lightbox[1982]"><img class="aligncenter  wp-image-1985" title="DSCN1542" src="http://blog.jdiezfoto.es/wp-content/uploads/2012/02/DSCN1542.jpg" alt="" width="614" height="460" /></a></p>
<p style="text-align: left;">Una gran experiencia sin duda y una visión enriquecedora ver este tipo de espectáculos de la naturaleza, nos hizo un buen día sin lluvia y buena temperatura, únicamente algo de niebla que poco a poco iba bajando y cubriendo los picos de las montañas. La verdad es que la memoria no me alcanza a ver si la niebla nos llegó a cubrir del todo o se mantuvo como podemos ver en esta imagen.</p>
<p style="text-align: center;"><a href="http://blog.jdiezfoto.es/wp-content/uploads/2012/02/DSCN1527.jpg" rel="lightbox[1982]"><img class="aligncenter  wp-image-1984" title="DSCN1527" src="http://blog.jdiezfoto.es/wp-content/uploads/2012/02/DSCN1527.jpg" alt="" width="614" height="460" /></a></p>
<p style="text-align: left;">No espero que hayáis disfrutado viendo las fotos lo mismo que yo disfruté el viaje y haciendo las fotos, pero sí que espero que estas imágenes de paz y tranquilidad os puedan apartar unos instantes y llevaros a un lugar tan tranquilo y apacible como el que os muestro.</p>
<h4  class="related_post_title">También te puede interesar:</h4><ul class="related_post"><li><a href="http://blog.jdiezfoto.es/santander/la-playa-del-camello-en-invierno/" title="La Playa del Camello en invierno">La Playa del Camello en invierno</a></li><li><a href="http://blog.jdiezfoto.es/general/feliz-navidad/" title="¡Feliz Navidad!">¡Feliz Navidad!</a></li><li><a href="http://blog.jdiezfoto.es/santander/playa-de-arnia-como-en-el-caribe/" title="Playa de Arnia: Como en el Caribe">Playa de Arnia: Como en el Caribe</a></li><li><a href="http://blog.jdiezfoto.es/santander/sendero-de-la-pena-penacastillo-i/" title="Sendero de la Peña: Peñacastillo (I)">Sendero de la Peña: Peñacastillo (I)</a></li><li><a href="http://blog.jdiezfoto.es/santander/puesta-en-el-faro-de-cabo-mayor/" title="Puesta en el Faro de Cabo Mayor">Puesta en el Faro de Cabo Mayor</a></li><li><a href="http://blog.jdiezfoto.es/santander/se-pone-el-sol-en-valdearenas-liencres/" title="Se pone el sol en Valdearenas (Liencres)">Se pone el sol en Valdearenas (Liencres)</a></li><li><a href="http://blog.jdiezfoto.es/segovia/paseo-por-revenga/" title="Paseo por Revenga">Paseo por Revenga</a></li></ul><p><p>© 2009-2011 Juan Díez-Yanguas Barber </p></p>]]></content:encoded>
			<wfw:commentRss>http://blog.jdiezfoto.es/fotografia/los-alpes-suizos-y-el-glaciar-del-rodano/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Alhambra de Granada</title>
		<link>http://blog.jdiezfoto.es/fotografia/alhambra-de-granada/</link>
		<comments>http://blog.jdiezfoto.es/fotografia/alhambra-de-granada/#comments</comments>
		<pubDate>Wed, 08 Feb 2012 00:05:07 +0000</pubDate>
		<dc:creator>Juan</dc:creator>
				<category><![CDATA[Fotografía]]></category>
		<category><![CDATA[Ciudad]]></category>
		<category><![CDATA[Premios]]></category>

		<guid isPermaLink="false">http://blog.jdiezfoto.es/?p=1910</guid>
		<description><![CDATA[<p>Vamos echar un poco atrás en el tiempo, volvamos a mis años de niño en el colegio, volvamos a un viaje que hicimos a Andalucía de una semana. Me ha hecho ilusión volver unos años atrás y recuperar esta fotografía, fue la fotografía que me otorgó mi primer premio de fotografía en un concurso del <a href='http://blog.jdiezfoto.es/fotografia/alhambra-de-granada/' class='excerpt-more'>[...]</a></p><p><p>© 2009-2011 Juan Díez-Yanguas Barber </p></p>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://blog.jdiezfoto.es/wp-content/uploads/2012/02/IMG_0088.jpg" rel="lightbox[1910]"><img class="aligncenter  wp-image-1911" title="IMG_0088" src="http://blog.jdiezfoto.es/wp-content/uploads/2012/02/IMG_0088.jpg" alt="" width="629" height="472" /></a></p>
<p>Vamos echar un poco atrás en el tiempo, volvamos a mis años de niño en el colegio, volvamos a un viaje que hicimos a Andalucía de una semana.</p>
<p><span id="more-1910"></span>Me ha hecho ilusión volver unos años atrás y recuperar esta fotografía, fue la fotografía que me otorgó mi primer premio de fotografía en un concurso del colegio, recuerdo la ilusión que me hizo presentarme, elegir las fotografías con mi padre; todo ello mucho más que ganar o dejar de ganar.</p>
<p>La fotografía en concreto por si no se intuía es de la visita que hicimos a la <a href="http://www.alhambradegranada.org/" target="_blank">Alhambra de Granada</a> en la que se puede ver con claridad el estuco decorando los accesos al que parece ser el Patio de los Leones (según he podido buscar).</p>
<p>La calidad no es la mejor pero es lo que usaba yo por aquellos tiempos, una de las primeras cámaras digitales, una Canon de 1.3 Megapixeles <img src='http://blog.jdiezfoto.es/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<h4  class="related_post_title">También te puede interesar:</h4><ul class="related_post"><li><a href="http://blog.jdiezfoto.es/fotografia/catedral-de-notre-dame/" title="Catedral de Notre Dame">Catedral de Notre Dame</a></li><li><a href="http://blog.jdiezfoto.es/santander/castanas-asadas-alimento-para-el-paseo-de-invierno/" title="Castañas asadas: Alimento para el paseo de invierno">Castañas asadas: Alimento para el paseo de invierno</a></li><li><a href="http://blog.jdiezfoto.es/madrid/cabalgata-de-reyes-habeis-sido-todos-buenos/" title="Cabalgata de Reyes ¿Habéis sido todos buenos?">Cabalgata de Reyes ¿Habéis sido todos buenos?</a></li><li><a href="http://blog.jdiezfoto.es/madrid/parque-de-santander-lo-que-queda-del-otono/" title="Parque de Santander: Lo que queda del Otoño">Parque de Santander: Lo que queda del Otoño</a></li><li><a href="http://blog.jdiezfoto.es/fotografia/puerto-de-malaga-dos-dias-dos-paisajes/" title="Puerto de Málaga. Dos días dos paisajes">Puerto de Málaga. Dos días dos paisajes</a></li><li><a href="http://blog.jdiezfoto.es/fotografia/palmeral-del-puerto-de-malaga/" title="Palmeral del Puerto de Málaga">Palmeral del Puerto de Málaga</a></li><li><a href="http://blog.jdiezfoto.es/santander/el-palacio-de-festivales-de-santander/" title="El Palacio de Festivales de Santander">El Palacio de Festivales de Santander</a></li></ul><p><p>© 2009-2011 Juan Díez-Yanguas Barber </p></p>]]></content:encoded>
			<wfw:commentRss>http://blog.jdiezfoto.es/fotografia/alhambra-de-granada/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Practicando las regatas en la Bahía de Santander</title>
		<link>http://blog.jdiezfoto.es/santander/practicando-las-regatas-en-la-bahia-de-santander/</link>
		<comments>http://blog.jdiezfoto.es/santander/practicando-las-regatas-en-la-bahia-de-santander/#comments</comments>
		<pubDate>Sun, 05 Feb 2012 12:57:44 +0000</pubDate>
		<dc:creator>Juan</dc:creator>
				<category><![CDATA[Fotografía]]></category>
		<category><![CDATA[Santander]]></category>
		<category><![CDATA[Invierno]]></category>
		<category><![CDATA[Mar]]></category>

		<guid isPermaLink="false">http://blog.jdiezfoto.es/?p=1884</guid>
		<description><![CDATA[<p>Grandiosa la Bahía de Santander tanto en verano como en invierno; además, en invierno es la época en la que más regatas de vela tienen lugar en sus extensas aguas. Este domingo estuve haciendo fotos de una de ellas en la que participaban varios de mis primos y aproveché cuando estaban muy lejos para el <a href='http://blog.jdiezfoto.es/santander/practicando-las-regatas-en-la-bahia-de-santander/' class='excerpt-more'>[...]</a></p><p><p>© 2009-2011 Juan Díez-Yanguas Barber </p></p>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://blog.jdiezfoto.es/wp-content/uploads/2012/02/DSC5478.jpg" rel="lightbox[1884]"><img class="aligncenter  wp-image-1885" title="_DSC5478" src="http://blog.jdiezfoto.es/wp-content/uploads/2012/02/DSC5478.jpg" alt="" width="611" height="406" /></a></p>
<p style="text-align: left;">Grandiosa la Bahía de Santander tanto en verano como en invierno; además, en invierno es la época en la que más regatas de vela tienen lugar en sus extensas aguas.</p>
<p style="text-align: left;">Este domingo estuve haciendo fotos de una de ellas en la que participaban varios de mis primos y aproveché cuando estaban muy lejos para el alcance de mi teleobjetivo a realizar algunas tomas mostrando las extensiones de la misma. Sin lugar a dudas fue un gran día fotográficamente hablando con muchos claros y sombras y los rayos de sol que asomaban entre las nubes.</p>
<p style="text-align: left;">En la fotografía que vemos hoy se puede ver desde el embarcadero del Ferry hasta más allá de la ría de Astillero (aproximando porque la vista no alcanza), y rompiendo la monotonía del agua tenemos un velero practicando.</p>
<h4  class="related_post_title">También te puede interesar:</h4><ul class="related_post"><li><a href="http://blog.jdiezfoto.es/santander/la-playa-del-camello-en-invierno/" title="La Playa del Camello en invierno">La Playa del Camello en invierno</a></li><li><a href="http://blog.jdiezfoto.es/santander/castanas-asadas-alimento-para-el-paseo-de-invierno/" title="Castañas asadas: Alimento para el paseo de invierno">Castañas asadas: Alimento para el paseo de invierno</a></li><li><a href="http://blog.jdiezfoto.es/santander/playa-de-arnia-como-en-el-caribe/" title="Playa de Arnia: Como en el Caribe">Playa de Arnia: Como en el Caribe</a></li><li><a href="http://blog.jdiezfoto.es/fotografia/puerto-de-malaga-dos-dias-dos-paisajes/" title="Puerto de Málaga. Dos días dos paisajes">Puerto de Málaga. Dos días dos paisajes</a></li><li><a href="http://blog.jdiezfoto.es/santander/sendero-de-la-pena-penacastillo-ii/" title="Sendero de la Peña: Peñacastillo (II)">Sendero de la Peña: Peñacastillo (II)</a></li><li><a href="http://blog.jdiezfoto.es/santander/la-semanuca-hasta-el-ano-que-viene/" title="La Semanuca: Hasta el año que viene">La Semanuca: Hasta el año que viene</a></li><li><a href="http://blog.jdiezfoto.es/santander/barrio-pesquero-de-santander/" title="Barrio pesquero de Santander">Barrio pesquero de Santander</a></li></ul><p><p>© 2009-2011 Juan Díez-Yanguas Barber </p></p>]]></content:encoded>
			<wfw:commentRss>http://blog.jdiezfoto.es/santander/practicando-las-regatas-en-la-bahia-de-santander/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Vanadium: Validación de formularios con JQuery</title>
		<link>http://blog.jdiezfoto.es/informatica/vanadium-validacion-de-formularios-con-jquery/</link>
		<comments>http://blog.jdiezfoto.es/informatica/vanadium-validacion-de-formularios-con-jquery/#comments</comments>
		<pubDate>Wed, 01 Feb 2012 09:05:13 +0000</pubDate>
		<dc:creator>Juan</dc:creator>
				<category><![CDATA[Informática]]></category>
		<category><![CDATA[Java]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://blog.jdiezfoto.es/?p=1790</guid>
		<description><![CDATA[<p>Recientemente he anunciado en el blog por medio de una pequeña anotación que había sido subsanado uno de los problemas que tenía la tienda online en Java EE. La tienda había sido dotada de un mecanismo para validar en el registro si un email estaba ocupado o no, pero esta función no llegó a funcionar <a href='http://blog.jdiezfoto.es/informatica/vanadium-validacion-de-formularios-con-jquery/' class='excerpt-more'>[...]</a></p><p><p>© 2009-2011 Juan Díez-Yanguas Barber </p></p>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://vanadiumjs.com/" target="_blank"><img class="aligncenter  wp-image-1796" title="vanadiumLogo" src="http://blog.jdiezfoto.es/wp-content/uploads/2012/01/vanadiumLogo.png" alt="" width="622" height="262" /></a></p>
<p>Recientemente he anunciado en el blog por medio de <a href="http://blog.jdiezfoto.es/informatica/tienda-online-java-ee-solucionada-validacion-ajax-en-formulario-de-registro/">una pequeña anotación</a> que había sido subsanado uno de los problemas que tenía la <a href="http://blog.jdiezfoto.es/informatica/ejemplo-javaee-una-tienda-online/">tienda online en Java EE</a>. La tienda había sido dotada de un mecanismo para validar en el registro si un email estaba ocupado o no, pero esta función no llegó a funcionar (aunque sí estaba implementada) por razones que hasta hace poco desconocía.</p>
<p>Dicho esto, creo que una vez solucionado este problema podría ser un buen momento para que os hablara en profundidad de las validaciones realizadas en los formularios de la tienda en el lado del cliente.</p>
<p><span id="more-1790"></span></p>
<p>Creo que sería una buena manera de empezar siendo sinceros y comentando que no soy ni un experto en JavaScript ni en <a href="http://jquery.com/" target="_blank">JQuery</a>, sin embargo si he aprendido a realizar la tarea que os voy a mostrar hoy a base de investigar bastante sobre el asunto concreto que esta vez nos atañe y de luchar para que aquello funcionara correctamente.</p>
<p>Cuando me dispuse a realizar las validaciones de la tienda online lo primero que busqué fue una solución rápida al problema, recordemos que se trataba en un principio de una práctica, y como tal, con una fecha de entrega; así que, lo que hice fue buscar alguna librería de JQuery que me solucionara el problema. Al realizar la búsqueda mi primer resultado fue Vanadium, y esa fue la que usé y la que os voy a explicar hoy aquí. Lo que, no quita que no haya otras librerías de validación.</p>
<p>Respecto a la librería que yo he utilizado llamada <a href="http://vanadiumjs.com/" target="_blank">VanadiumJS</a> cabe destacar la sencillez de su configuración además de que es fácilmente personalizable para adaptarla a nuestras necesidades. Vamos a ver como funciona.</p>
<p><span style="font-size: xx-large;"><strong>Instalación</strong></span></p>
<p><img class="alignleft size-full wp-image-1798" title="vanadiumFolder" src="http://blog.jdiezfoto.es/wp-content/uploads/2012/01/vanadiumFolder.png" alt="" width="219" height="90" />Para empezar, lo primero que haremos es explicar como hemos de configurar la librería e instalarla. Una buena manera de empezar sería crear un directorio en nuestra aplicación web para guardar archivos JavaScript. Y, en dicha carpeta tendríamos que guardar en primer lugar la librería de JQuery que podemos encontrar en su <a href="http://docs.jquery.com/Downloading_jQuery#Current_Release" target="_blank">web</a> y, después guardaríamos en ese mismo directorio la librería que vamos a usar que también la podeis descargar de la misma web de <a href="http://vanadiumjs.com/#download" target="_blank">VanadiumJS</a>.</p>
<p>Es importante colocar estas dos librerías de JavaScript debido a que Vanadium como era de esperar hace uso de JQuery.</p>
<p><img class="alignleft size-full wp-image-1799" title="cssFolder" src="http://blog.jdiezfoto.es/wp-content/uploads/2012/01/cssFolder.png" alt="" width="230" height="53" />Posteriormente, también deberíamos crear una carpeta para guardar hojas de estilos css, aunque posiblemente ya la hayamos creado para guardar nuestras propias hojas de estilos. Dentro de esta carpeta deberemos colocar una hoja de estilos <a href="https://github.com/lambder/Vanadium/blob/master/css/style.css" target="_blank">como esta</a>. Los estilos de esta hoja son los que serán aplicados a los formularios en caso de validación correcta o validación fallida.</p>
<p>Es una hoja de estilos sencilla de personalizar puesto que los nombres que llevan cada uno de los estilos son bastante intuitivos.</p>
<p>Finalmente toca hacer funcionar esto dentro de nuestros ficheros html estáticos o jsp u otros lenguajes. Esto será tan sencillo como importar todos estos archivos que hemos usado en la cabecera de cada fichero en la que lo queramos usar. Si esto nos resulta incómodo en el caso de jsp siempre podríamos hacer uso de la etiqueta import para no tener que poner estas líneas en todos los ficheros en los que se use.</p>
<pre class="brush: html; gutter: false; first-line: 1">&lt;head&gt;
	&lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;
	&lt;title&gt;Login&lt;/title&gt;

	&lt;script type="text/javascript" src="/scripts/jquery-1.6.1.js"&gt;&lt;/script&gt;
	&lt;script type="text/javascript" src="/scripts/vanadium.js"&gt;&lt;/script&gt;

	&lt;link rel="stylesheet" type="text/css" href="/css/validacion.css" media="screen, tv, projection" /&gt;
&lt;/head&gt;</pre>
<p><span style="font-size: xx-large;"><strong>Validación en formularios</strong></span></p>
<p>En este apartado aprenderemos a llamar a esta librería para que haga las validaciones pertinentes en cada campo del formulario.</p>
<p>Vanadium usa el atributo <em>class</em> de los elementos de los formularios para que en él se escriban los ajustes que sean necesarios. Veamos un ejemplo sencillo con el que se validaría un campo de texto en el que se espera un e-mail.</p>
<pre class="brush: html; gutter: false; first-line: 1">&lt;input id="email" name="email" type="text" class=":email"/&gt;</pre>
<p>Se puede observar que hay un símbolo de dos puntos (:) al principio de cada ajuste. En este caso estaríamos indicando que se realizara una validación según la expresión regular de un email. Si hacemos la prueba de este código veremos que realiza la validación por cada evento que ocurre en la caja de texto, si no queremos este comportamiento se puede cambiar para que lo realice pasado un tiempo después de un evento o para que lo realice sólo cuando el campo se abandone (terminar de escribir y pasar al siguiente campo).</p>
<p>Otro aspecto importante es que en el ejemplo anterior se podría no escribir nada en la caja de texto y pasar la validación sin problemas, si se quiere que esto sea un campo requerido habría que usar otro ajuste. Veamos ahora un ejemplo más complejo.</p>
<p><strong>NOTA:</strong> En los códigos hay un espacio sobrante entre los dos puntos (:) y la o de &#8220;only_on_blur&#8221; debido a que se cambiaba por su correspondiente emoticono.</p>
<pre class="brush: html; gutter: false; first-line: 1">&lt;!--
email:validar email
required: campo obligatorio
only_on_blur: validar solo al abandonar el campo
--&gt;
&lt;input id="email" name="email" type="text" class=":email :required : only_on_blur"/&gt;

&lt;!--
wait;ms   Esperar una cantidad de milisegundos después de un evento para validar
--&gt;
&lt;input id="email" name="email" type="text" class=":email :required :wait;500"/&gt;</pre>
<p>También es posible la validación de otro tipo de campos a parte de el email que va vienen implementados por defecto con la librería. Podemos encontrar en la página web del proyecto una <a href="https://github.com/lambder/Vanadium/blob/master/doc/buildin_validation_types.txt" target="_blank">lista de las posibilidades admitidas</a>. Todos los ajustes que necesiten de un valor se indicará con el punto y coma (;) y después el valor, como se ha visto para el caso de wait.</p>
<p>Veamos por ejemplo como validar un campo típico en el que se pide que repitas la contraseña, para comprobar que has escrito lo mismo en los dos lugares.</p>
<pre class="brush: html; gutter: false; first-line: 1">Contraseña
&lt;input id="pass" name="pass" type="password" class=":password :required : only_on_blur"/&gt;

&lt;!--
Se usa el id del elemento que se quiere comprobar que es igual
--&gt;
Reescriba la contraseña por seguridad&lt;br /&gt;
&lt;input name="repeatPass" type="password" class=":same_as;pass :required : only_on_blur"/&gt;</pre>
<p><strong><span style="font-size: xx-large;">Personalizar los mensajes de error</span></strong></p>
<p>Puesto que es una librería escrita en inglés es de suponer que los mensajes de error que se produzcan cuando falle la validación esten en inglés, pero no hay problema, lo podemos cambiar. Para ello deberemos abrir el fichero JavaScript de Vanadium que hemos guardado en la carpeta de scripts, y luego nos dirigiremos a la línea 1012 aproximadamente.</p>
<p>Podremos ver estructuras repetitivas que llevan la expresión regular con la que se ha de validar, un nombre y un mensaje de error. Mostremos una de ejemplo.</p>
<pre class="brush: javascript; gutter: false; first-line: 1">['asciialpha', function (v) {
	return Vanadium.validators_types['empty'].test(v) || /^[a-zA-Z]+$/.test(v)   //% C0 - FF (� - �); 100 - 17E (? - ?); 391 - 3D6 (? - ?)
}, 'Please use ASCII letters only (a-z) in this field.'],</pre>
<p>Ahora si lo que queremos es que el mensaje se muestre en español sería tan sencillo como traducir el mensaje.</p>
<pre class="brush: javascript; gutter: false; first-line: 1">['asciialpha', function (v) {
	return Vanadium.validators_types['empty'].test(v) || /^[a-zA-Z]+$/.test(v)   //% C0 - FF (� - �); 100 - 17E (? - ?); 391 - 3D6 (? - ?)
}, 'Por favor, use solo caracteres ASCII (a-z) en este campo'],</pre>
<p>Como podemos ver es una tarea bastante sencilla.</p>
<p><span style="font-size: xx-large;"><strong>Personalizar los tipos de validaciones</strong></span></p>
<p>En este apartado veremos que también es posible añadir otros tipos de validaciones aparte de las que ya vienen implementadas por defecto con la librería, por ejemplo sería interesante una validación para direcciones postales.</p>
<p>Para esto nos situaremos en la zona del fichero JavaScript de Vanadium, aproximadamente por la línea 1012 y solo tendremos que repetir la estructura que ya hemos comentado en el apartado anterior pero personalizándola según nuestras necesidades. Mostraremos un ejemplo para validar una dirección de email; como se puede ver bastará con adaptar una expresión regular y personalizar nuestro mensaje.</p>
<pre class="brush: javascript; gutter: false; first-line: 1">['dir', function (v) {
	return Vanadium.validators_types['empty'].test(v) || /^[a-zA-Z0-9 \,\º\-\u00C0-\u00FF\u0100-\u017E\u0391-\u03D6]+\ [0-9]{5}-[a-zA-Z \-\u00C0-\u00FF\u0100-\u017E\u0391-\u03D6]+$/.test(v)   //% C0 - FF (� - �); 100 - 17E (? - ?); 391 - 3D6 (? - ?)
}, 'Introduzca una dirección válida'],</pre>
<p>Y posteriormente, en los formularios, bastará con usar el nombre que se le ha dado a la validación, en este caso &#8216;dir&#8217;.</p>
<pre class="brush: html; gutter: false; first-line: 1">&lt;input name="dir" type="text" class=":dir :required : only_on_blur"/&gt;</pre>
<p>También se pueden hacer cosas más complejas como se puede ver en líneas inferiores siguiendo la misma estructura.</p>
<p><span style="font-size: xx-large;"><strong>Validación usando la lógica del servidor por medio de AJAX y JSON</strong></span></p>
<p>En ocasiones no se pueden realizar todas las validaciones por medio del cliente, a veces se necesitan datos que solo se pueden obtener del servidor. El típico ejemplo de esto sería comprobar si una dirección de email ha sido ya usada anteriormente o no. Para este tipo de validaciones lo que se suele hacer es usar AJAX para realizar peticiones al servidor.</p>
<p>En el caso concreto de Vanadium nos va a permitir realizar una petición AJAX a la dirección que deseemos y el esperará un objeto <a href="http://es.wikipedia.org/wiki/JSON" target="_blank">JSON</a> como respuesta a dicha petición que indique si la validación ha sido correcta o no.</p>
<p>Lo primero que haremos será preparar un Servlet Java EE preparado para recibir peticiones en un determinado patrón de url personalizando este ajuste en el descriptor de despliegue.</p>
<pre class="brush: xml; gutter: false; first-line: 1">&lt;servlet&gt;
    &lt;servlet-name&gt;CheckEmailServlet&lt;/servlet-name&gt;
    &lt;servlet-class&gt;control.CheckEmailServlet&lt;/servlet-class&gt;
&lt;/servlet&gt;
&lt;servlet-mapping&gt;
    &lt;servlet-name&gt;CheckEmailServlet&lt;/servlet-name&gt;
    &lt;url-pattern&gt;/checkmail&lt;/url-pattern&gt;
&lt;/servlet-mapping&gt;</pre>
<p>Posteriormente en la implementación del Servlet lo primero que haremos es definir el tipo de respuesta como un objeto JSON y posteriormente abriremos el flujo de salida en el que escribiremos el JSON que espera Vanadium, que será como este que podemos observar en la <a href="https://github.com/lambder/Vanadium/blob/master/user_exists.json" target="_blank">web del proyecto</a>. Como vemos primero se indica si la validación fue válida y posteriormente un mensaje para mostrar en caso de error en la validación.</p>
<pre class="brush: text; gutter: false; first-line: 1">{
  success: true,
  message: "The username is free."
}</pre>
<p>mostremos ahora el código de un servlet sencillo que siempre devolverá la misma respuesta. Por supuesto hay que tener en cuenta que las escrituras en el flujo de salida deberían de ir en un <em>try</em> y realizar el cierre de la misma en un bloque <em>finally</em>. Como se puede observar simplemente se va construyendo el objeto JSON en el flujo de salida. Este Servlet en realidad no hace nada pero sería tan sencillo como devolver una u otra respuesta dependiendo de ciertas condiciones; que en nuestro ejemplo concreto sería comprobar si una dirección de email está usada o no.</p>
<pre class="brush: java; gutter: false; first-line: 1">response.setContentType("application/x-json;charset=UTF-8");
PrintWriter out = response.getWriter();
out.println ("{");
out.println("\"success\": false,");
out.println("\"message\": \"Dirección de email no disponible\"");
out.println("}");
out.close();</pre>
<p>Ahora habrá que configurar el campo del formulario que se desea validar al estilo de como se ha hecho en los ejemplos anteriores. Habrá que usar la opción ajax y después del punto y coma (;) habrá que indicar la dirección a la que se quiere realizar la petición. Veamos el ejemplo concreto.</p>
<pre class="brush: html; gutter: false; first-line: 1">&lt;input id="email" name="email" type="text" class=":email :required :ajax;/checkmail : only_on_blur"/&gt;</pre>
<p>Como vemos la directiva es bastante sencilla, simplemente se indica que se quiere hacer una validación vía AJAX y la dirección a la que se quiere hacer la petición, y como vemos es perfectamente combinable con cualquiera de las opciones ya vistas en apartados anteriores.</p>
<hr />
<p>Pues hasta aquí con este tutorial sobre el uso de la librería Vanadium para realizar validaciones de formularios en el lado del cliente usando JavaScript y JQuery. Comentar también que en la misma página de <a href="http://vanadiumjs.com/" target="_blank">Vanadium</a> es posible encontrar más ejemplos.</p>
<p>Espero que os haya sido útil este tutorial y mi parte nada más que decir; solamente deciros como siempre que están los comentarios a vuestra entera disposición para cualquier duda o sugerencia.</p>
<h4  class="related_post_title">También te puede interesar:</h4><ul class="related_post"><li><a href="http://blog.jdiezfoto.es/informatica/tienda-online-java-ee-solucionada-validacion-ajax-en-formulario-de-registro/" title="Tienda Online Java EE: Solucionada validación ajax en formulario de registro">Tienda Online Java EE: Solucionada validación ajax en formulario de registro</a></li><li><a href="http://blog.jdiezfoto.es/informatica/jrebel-stop-redeploying/" title="JRebel: Stop Redeploying">JRebel: Stop Redeploying</a></li><li><a href="http://blog.jdiezfoto.es/informatica/java-ee-seguridad-en-aplicaciones-web-ii-evitando-inyeccion-sql-y-xss-con-esapi/" title="Java EE: Seguridad en aplicaciones web (II). Evitando Inyección SQL y XSS con ESAPI">Java EE: Seguridad en aplicaciones web (II). Evitando Inyección SQL y XSS con ESAPI</a></li><li><a href="http://blog.jdiezfoto.es/informatica/tutorial-ant-uso-con-librerias-externas-y-generadores-jflex-y-cup/" title="Tutorial ANT: Uso con librerías externas y generadores JFlex y CUP">Tutorial ANT: Uso con librerías externas y generadores JFlex y CUP</a></li><li><a href="http://blog.jdiezfoto.es/informatica/java-ee-seguridad-en-aplicaciones-web-i/" title="Java EE: Seguridad en aplicaciones web (I)">Java EE: Seguridad en aplicaciones web (I)</a></li><li><a href="http://blog.jdiezfoto.es/informatica/java-ee-6-subida-de-imagenes-al-servidor-servlet-3-0/" title="Java EE 6: Subida de imágenes al servidor (Servlet 3.0)">Java EE 6: Subida de imágenes al servidor (Servlet 3.0)</a></li><li><a href="http://blog.jdiezfoto.es/informatica/ejemplo-javaee-una-tienda-online/" title="Ejemplo Java EE: Una tienda Online">Ejemplo Java EE: Una tienda Online</a></li></ul><p><p>© 2009-2011 Juan Díez-Yanguas Barber </p></p>]]></content:encoded>
			<wfw:commentRss>http://blog.jdiezfoto.es/informatica/vanadium-validacion-de-formularios-con-jquery/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Castañas asadas: Alimento para el paseo de invierno</title>
		<link>http://blog.jdiezfoto.es/santander/castanas-asadas-alimento-para-el-paseo-de-invierno/</link>
		<comments>http://blog.jdiezfoto.es/santander/castanas-asadas-alimento-para-el-paseo-de-invierno/#comments</comments>
		<pubDate>Mon, 30 Jan 2012 22:04:11 +0000</pubDate>
		<dc:creator>Juan</dc:creator>
				<category><![CDATA[Fotografía]]></category>
		<category><![CDATA[Santander]]></category>
		<category><![CDATA[Ciudad]]></category>
		<category><![CDATA[Invierno]]></category>
		<category><![CDATA[Noche]]></category>

		<guid isPermaLink="false">http://blog.jdiezfoto.es/?p=1853</guid>
		<description><![CDATA[<p>Después de una semana de tregua en Santander os iré mostrando algunas de las fotografías que han salido de este agradable viaje. Las noches en invierno se adelantan y cubren la ciudad a media tarde, dando la oportunidad de ver la actividad de la ciudad bañada por el amarillo de la iluminación y oler las <a href='http://blog.jdiezfoto.es/santander/castanas-asadas-alimento-para-el-paseo-de-invierno/' class='excerpt-more'>[...]</a></p><p><p>© 2009-2011 Juan Díez-Yanguas Barber </p></p>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://blog.jdiezfoto.es/wp-content/uploads/2012/01/DSC5206.jpg" rel="lightbox[1853]"><img class="aligncenter  wp-image-1854" title="_DSC5206" src="http://blog.jdiezfoto.es/wp-content/uploads/2012/01/DSC5206.jpg" alt="" width="618" height="410" /></a></p>
<p style="text-align: left;">Después de una semana de tregua en Santander os iré mostrando algunas de las fotografías que han salido de este agradable viaje.</p>
<p style="text-align: left;">Las noches en invierno se adelantan y cubren la ciudad a media tarde, dando la oportunidad de ver la actividad de la ciudad bañada por el amarillo de la iluminación y oler las castañas asadas, comida tradicional en un paseo de invierno. Esta vez las castañas serán servidas en la Plaza Porticada con el horno dentro de una locomotora de tren de Ontaneda; sin duda una elegante forma de vender castañas y a la vez adorno bonito y tradicional en la noche de Santander.</p>
<h4  class="related_post_title">También te puede interesar:</h4><ul class="related_post"><li><a href="http://blog.jdiezfoto.es/fotografia/palmeral-del-puerto-de-malaga/" title="Palmeral del Puerto de Málaga">Palmeral del Puerto de Málaga</a></li><li><a href="http://blog.jdiezfoto.es/santander/la-semanuca-hasta-el-ano-que-viene/" title="La Semanuca: Hasta el año que viene">La Semanuca: Hasta el año que viene</a></li><li><a href="http://blog.jdiezfoto.es/santander/catedral-de-santander/" title="Catedral de Santander">Catedral de Santander</a></li><li><a href="http://blog.jdiezfoto.es/santander/fuegos-artificiales-de-la-semanuca/" title="Fuegos Artificiales de la Semanuca">Fuegos Artificiales de la Semanuca</a></li><li><a href="http://blog.jdiezfoto.es/santander/tormenta-en-santander/" title="Tormenta en Santander">Tormenta en Santander</a></li><li><a href="http://blog.jdiezfoto.es/santander/mientras-los-ninos-duermen/" title="Mientras los niños duermen">Mientras los niños duermen</a></li><li><a href="http://blog.jdiezfoto.es/santander/fuegos-artificiales-en-el-sardinero/" title="Fuegos artificiales en el Sardinero">Fuegos artificiales en el Sardinero</a></li></ul><p><p>© 2009-2011 Juan Díez-Yanguas Barber </p></p>]]></content:encoded>
			<wfw:commentRss>http://blog.jdiezfoto.es/santander/castanas-asadas-alimento-para-el-paseo-de-invierno/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>La Playa del Camello en invierno</title>
		<link>http://blog.jdiezfoto.es/santander/la-playa-del-camello-en-invierno/</link>
		<comments>http://blog.jdiezfoto.es/santander/la-playa-del-camello-en-invierno/#comments</comments>
		<pubDate>Tue, 24 Jan 2012 00:23:42 +0000</pubDate>
		<dc:creator>Juan</dc:creator>
				<category><![CDATA[Fotografía]]></category>
		<category><![CDATA[Santander]]></category>
		<category><![CDATA[Invierno]]></category>
		<category><![CDATA[Mar]]></category>
		<category><![CDATA[Paisajes]]></category>
		<category><![CDATA[Playa]]></category>

		<guid isPermaLink="false">http://blog.jdiezfoto.es/?p=1835</guid>
		<description><![CDATA[<p>Después de acabar los trabajos que tenía que hacer este mes he decidido pasar esta última semana sin clase en Santander, tocaba descansar un poco a mitad de trayecto. Que bien se está, se nota mucho que el turismo es lo que abarrota la ciudad en verano, ahora se ver perfectamente el número de habitantes <a href='http://blog.jdiezfoto.es/santander/la-playa-del-camello-en-invierno/' class='excerpt-more'>[...]</a></p><p><p>© 2009-2011 Juan Díez-Yanguas Barber </p></p>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://blog.jdiezfoto.es/wp-content/uploads/2012/01/DSC4966.jpg" rel="lightbox[1835]"><img class="aligncenter  wp-image-1836" title="_DSC4966" src="http://blog.jdiezfoto.es/wp-content/uploads/2012/01/DSC4966.jpg" alt="" width="618" height="410" /></a></p>
<p style="text-align: left;">Después de acabar los trabajos que tenía que hacer este mes he decidido pasar esta última semana sin clase en Santander, tocaba descansar un poco a mitad de trayecto.</p>
<p style="text-align: left;"><span id="more-1835"></span></p>
<p style="text-align: left;">Que bien se está, se nota mucho que el turismo es lo que abarrota la ciudad en verano, ahora se ver perfectamente el número de habitantes realmente en la ciudad. Por otra parte el clima, no ha llegado el invierno de verdad. En los tres días que llevo no he notado nada de frío, y llover lo que se dice llover yo creo que no ha llovido demasiado.</p>
<p style="text-align: left;">Aprovechando este buen clima que os cuento me ha parecido propicio dar un paseo por la playa del camello, con el mar más movido que en Verano y he podido tomar algunas imágenes que con la luz del verano es complicado. Cada día es diferente y en cada ocasión conseguimos algo nuevo.</p>
<p style="text-align: left;">En la imagen tomada desde la Playa del Camello se pueden ver las rocas de la misma playa y como el mar enfadado rompe con ellas, al fondo se observa la Península de Mataleñas.</p>
<h4  class="related_post_title">También te puede interesar:</h4><ul class="related_post"><li><a href="http://blog.jdiezfoto.es/santander/playa-de-arnia-como-en-el-caribe/" title="Playa de Arnia: Como en el Caribe">Playa de Arnia: Como en el Caribe</a></li><li><a href="http://blog.jdiezfoto.es/santander/playa-de-los-molinucos/" title="Playa de los molinucos">Playa de los molinucos</a></li><li><a href="http://blog.jdiezfoto.es/santander/arenal-del-puntal/" title="Arenal del Puntal">Arenal del Puntal</a></li><li><a href="http://blog.jdiezfoto.es/santander/una-tarde-camara-en-mano/" title="Una tarde cámara en mano">Una tarde cámara en mano</a></li><li><a href="http://blog.jdiezfoto.es/santander/llovera-o-no-llovera/" title="Lloverá o no lloverá">Lloverá o no lloverá</a></li><li><a href="http://blog.jdiezfoto.es/santander/punta-de-cabo-menor/" title="Punta de Cabo Menor">Punta de Cabo Menor</a></li><li><a href="http://blog.jdiezfoto.es/santander/practicando-las-regatas-en-la-bahia-de-santander/" title="Practicando las regatas en la Bahía de Santander">Practicando las regatas en la Bahía de Santander</a></li></ul><p><p>© 2009-2011 Juan Díez-Yanguas Barber </p></p>]]></content:encoded>
			<wfw:commentRss>http://blog.jdiezfoto.es/santander/la-playa-del-camello-en-invierno/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic page generated in 1.204 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2012-02-22 23:36:32 -->
<!-- Compression = gzip -->
