Jsanca - Blog

Entradas

Validaciones con HTML5 sin necesidad de form.submit

Como parte de HTML5 existe la posibilidad de agregar información a los inputs de un form, para realizar validaciones; podemos indicar si queremos que sea requerido, con el tipo de datos; number, email, etc restringimos los valores que pueden ser agregados, podemos usar alguna mascara para validaciones, colocar mensajes de error custom, etc (en la red existen muchos ejemplos acerca de como customizar formularios). Ahora bien pongamos en contexto, tengo un formulario como este: <form name="managerForm" id="managerForm"> <p> Name: <input id="managerNameText" required="required" placeholder="Write here the new manager name" size="40"/> </p> <p> ...

JavaScript: Removiendo hijos

Supongamos que se desea eliminar una lista de nodos hijos en un elemento particular en el dom; regularmente seguiríamos la siguiente forma // Bajo parent Id los elementos que deseo eliminar tienen un className en común. var nodes = document.getElementsByClassName(className); var parentNode = document.getElementById(parentId); if (nodes) { for (var i = 0; i < nodes.length; ++i) { var node = nodes[i]; if (node) { if (parentNode.contains(node)) { parentNode.removeChild(node); ...

Cache y estrategias, parte 1

Cache, en una aplicación medianamente escalable, ni que decir en una altamente escalable, la cache es un elemento clave en el desempeño y tiempo de respuesta. Regularmente utilizamos la cache de una manera muy simple, basado en un conjunto de entradas determinamos si el objeto se encuentra en cache, si no se encuentra ejecutamos la lógica de negocios para obtener la información y volver a introducirla en la cache para futuros llamados. Regularmente este esquema es lo suficientemente bueno para la mayoría de sistemas de tamaño regular, pero un sistema con muchas consultas, un nivel de concurrencia mayor, etc, debemos empezar analizar el comportamiento de nuestra memoria y determinar las mejores estrategias de almacenamiento cache. Que cachear, supercache En lo personal creo que una estrategia cache muy eficaz (sin embargo no siempre eficiente) es almacenar a fuerza bruta si es posible toda la información en memoria, es decir si tenemos un cluster de cache con memoria RA...

Ordenamiento de numeros flotantes en sistemas de persistencia

Contexto Necesidad de almacenar numeros flotantes en un sistema de persistencia java (en el caso particular es para Lucene/Solr, pero podria bien ser para MySql, Mongo o cualquier otro sistema de persistencia) Una vez almacenados esos flotantes, debemos hacer ordenamientos por ellos y a su vez obtenerlos y formatearlos de tal manera que se muestren en una presicion de 2 decimales. Es decir un numero como 12.542323 Debera ser presentado como 12.54 Solución inicial Lo normal sería almacenar el valor tal cual en el sistema de persistencia y despues con un objeto Decimal Format darle formato con precisión 2. Sin embargo con numeros flotantes, Java no asegurá total exactitud en este calculo y fue constatado pues a la hora de pasar un flotante cuya mantiza se encuentra cerca de .99 se redonde al siguiente numero, lo cual resultaba en un comportamiento perjudicial. Una solución sería cambiar todo por numero double, estos funcionan bastante bien y el Decimal Format también funcion...

Canvas - Dibujando poligonos con Javascript (Herencia y pseudo polimorfismo)

En el ejemplo anterior definimos de una manera muy basica varios poligonos, bueno decidi buscar la manera de pintarlos en un lienzo (canvas) y aqui el resultado (ojo necesitas un browser que soporte HTML 5) Lo primero el HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Figure Example</title> </head> <body> <canvas id="myCanvas" width="300" height="300" style="border: solid 1px black"></canvas> <script type="text/javascript" src="figure.js"></script> </body> </html> Note q al javascript le hemos dado el nombre de figure.js Seguidamente el codigo con el canvas, es bastante sencillo para mas detalles busque la documentacion de cada metodo. /** * User: jsanca * Date: 6/12/13 * Time: 11:10 PM */ // Define...

Figuras, poligonos, herencia y polimorfismo en Javascript

Actualmente estoy ayudandole alguien muy especial con el aprendizaje de Javascript y OOP. Para tal objetivo le he asignado varios problemas que debe resolver con Herencia y ese pseudo poliformismo que tiene Javascript, pues nada me he inventado la primera parte de lo que seria la definicion de figuras con Javascript tales como un Cuadrado, Triangulo, Circulo, etc; por ahora el pintado solo muestra en la consola el area y algunos datos mas de la figura, pero la idea seria usar canvas en la segunda parte para imprimir las figuras y en el tercera parte algun mecanismo para obtener la informacion de las figuras del usuarios, pues nada aqui el codigo: /** * User: jsanca * Date: 6/12/13 * Time: 11:10 PM */ // Defines a point function Point (x, y) { this.x = x; this.y = y; } // Point // Basic definition of a Figure, just a point in nowhere. function Figure (point, name) { this.point = point; this.name = name; this.render = function () { console.log(...

Expo Construccion 2013

Hola amig@s ayer visite la expo y quisiera comentar brevemente mi experiencia: Lo primero la entrada fue relativamente rápida (fluido), debes llevar listos 2000 colones para el parqueo y 2000 mas por cada persona que quiera entrar al recinto. La expo resulta bastante grande, en mi caso solamente buscaba una opción de préstamo hipotecario para lote y por el hecho de tener un contrato con el Invu, necesito que el crédito hipotecario sea de una entidad publica (para que el Invu acepte una hipoteca en segundo grado), así que aquí mis impresiones: Solicite crédito en dolares porque gano en esa moneda, primero visite el banco popular; este me resulto el menos conveniente a pesar que tiene la menor cuota, 30 años, tienen una tasa variable (aunque no es la pasiva dicen que es una mas estable, sin techo ni piso) mas un 3% fijo. Como dije es la menor pero por ser 30 años se termina pagando poco menos del triple, se hacen pagos al saldo o se cancelan los créditos con antelación antes de ...

Clase Download alpha

En esta ocasión quiero entregarles uno de los códigos mas interesantes del siguiente ejercicio, el administrador de descargar. Este administrador de descargas al estilo del viejo FlashGet, nos muestra una primera clase; Download. Esta clase primeramente nos muestra su "signature", es un objeto observable y puede ser corrido paralelamente. Seguidamente nos muestra el tamaño máximo que el buffer va leer, 1 kb por lectura para el "stream". Después vemos el Status, muy auto descriptivo. Y las propiedades de la clase, el url a descargar, el tamaño del archivo remoto a descargar, "downloaded" almacena la cantidad de bytes leídos, el estado actual de la descarga y por ultimo un valor opcional "baseDirectory" que se refiere al directorio base de donde almacenar los archivos a descargar. A continuación, encontraremos una serie de métodos que nos develan el estado o disparan nuevos estado a la descarga. Una vez creada la descarga, se puede i...

Analizador de expresiones algebraicas recursivo decendente

Como les mencione en un post previo, estoy leyendo el libro el arte de programar en Java, el primer ejercicio consiste en un analizador de expresiones algebraicas recursivo descendente, el mismo consiste en la posibilidad de tomar una cadena que contenga una expresión matemática, la misma puede contener valores en punto flotante, sumar, restar, dividir, multiplicar, sacar exponente (potencia), uso de paréntesis para priorizar una operación, etc. A continuación clase a clase, con una pequeña explicación Lo primero que definiremos es una suite de excepciones para reportar errores, no tiene mucha ciencia, hay una para la division entre cero, cuando no existe una expresión valida, error de sintaxis o cuando los paréntesis no se encuentran balanceados, veamos package cap2; /** * Exception para reportar que hay al intentar dividir entre cero * * User: jsanca * Date: 4/16/13 * Time: 1:30 AM * @author jsanca */ public class DividedByZeroException extends RuntimeException { ...

El arte de programar en Java

Tengo mas de una decada programando en Java, siento que me manejo de manera aceptable en el lenguaje, algunos frameworks, librerias y herramientas alrededor; sin embargo esa posicion de "comfort" creo que puede resultar perjudicial para el desarrollador, pues la mayoria de los retos que uno suele encontrar en el trabajo no pasan de ser cosas de gestion de datos, que implican seguridad, escalabilidad, entre otros aspectos muy importantes, pero a la poste algo triviales (ya se han hecho varias veces, algunas ocasiones hay retos interesantes, pero nada super emocionante). En ese mundo "perfecto" creo que uno puede debilitar o perder ciertas habilidades cognitivas que solia tener en la Universidad, como un aceptable razonamiento logico matematico, entre otros; por tal razon me he dado a la tarea de volver algunos libros de logica, de la misma manera desempolvar algunos libros de programacion, uno interesante aunque algo viejo es "El arte de programar en Java...

Links acerca de usabilidad

Bueno esta haciendo un research acerca de usabilidad y decidi compartir algunos de los links mas interesantes: Este esta muy cool y dice por que son buenos, gmail #1: http://www.1stwebdesigner.com/design/well-designed-usable-sites/ Los mejores menus: http://www.kronikmedia.co.uk/blog/website-navigation-menu-design/3580/ Otro top ten: http://www.topsite.com/best/usability los CMS con mas usabilidad http://net.tutsplus.com/articles/web-roundups/top-10-most-usable-content-management-systems/ Las grandes companias que incorporan usabilidad en sus sistemas: http://www.siteiq.net/7806/the-2013-usability-top-10-ibm-leads-sap-soars-and-apple-screws-up-the-rankings-2 + Algo interesante: top ten de sitios de Universidades http://blog.thebrickfactory.com/2010/03/top-11-best-designed-university-websites/ Y estos son 10 videitos acerca de usabilidad: http://www.usefulusability.com/10-must-see-usability-videos/ Enjoy!

Flash y HTML 5

Bueno mucho tiempo desde mi ultimo post, se que siempre digo lo mismo; pero realmente espero este 2013 revivir un poco mi blog. Sin duda las herramientas sociales han desviado un poco el flujo del contenido y herramientas como los blogs han perdido algo de terreno, sin embargo resultan mas ordenados que el timeline de FaceBook y fáciles de clasificar, buscar, etc. Dicho lo anterior, hoy quiero escribir un poco acerca de Flash y HTML 5; el estandar que aun no se encuentra full implementado, ha tenido una fuerte adopción desde la negativa de los dispositivos apple (los iToys) de incluir un cliente de flash dentro de sus sistema operativo, argumentando que HTML 5 podía ofrecer la misma funcionalidad sin necesidad de utilizar un plugin en nuestro browser (quizás fue una buena decisión a jugar, por lo problemas de seguridad de los java/applet plugins que hemos visto hoy en día), las nuevas versiones de Android tampoco soportan flash x). En lo personal nunca fui muy fan del acti...

Javascript y DOM (creando Listas)

El siguiente es un ejemplo de Javascript de como crear una lista con parrafos adentro, utilizando para ello unicamente el DOM, adicionalmente se muestra un ejemplo de como usar el getElementByTag, con el cual obtenemos una Array de tag y cambiamos el estilo (color) a azul <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>New Web Project</title> </head> <body> <div> <ul> <li><p>Uno</p></l...

Mapped Files en Java

Hola, queria compartir este interesante articulo de como tomar ventaja de las plataformas de 64 bits y los Mapped Files en Java, permitiendonos leer agilmente archivos de mas de 4 Gigas en memoria. http://javarevisited.blogspot.com/2012/01/memorymapped-file-and-io-in-java.html Tomar en cuenta, que el ejemplo solo va funcionar en plataformas de 64 bits, pues en plataformas de 32 el O.S solo puede direccionar a lo subo 4 GB Un saludo, J

2012

El 2012 apenas inicia y es hora de plantearse objetivos para mi cada vez menos frecuente blog! Como primer objetivo es la reescritura de un tutorial que habia escrito hace 12 años, http://www.geocities.ws/jsanca2000/tuto/index.html el mismo intentare retomarlo, ver que partes sirven y que otras se encuentran obsoletas con el HTML5 y el CSS 3. Adicionalmente me he planteado la posibilidad de escribir algunos otros tutoriales, como uno de Spring, otro de Apache Wicket y Stripes, asi como Lucene y quizas MongoDB, vamos a ver como pinta este nuevo periodo, en tiempo y ganas para escribir! Un saludo y feliz año nuevo a todos J

DatePicker con Jquery

Si ocupa un datepicker, aqui como integrarlo sencillamente; <!DOCTYPE html> <html> <head> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> <script> $(document).ready(function() { $("#datepicker").datepicker({ defaultDate: document.forms['myForm'].elements['dateSelected'].value, onSelect: function(dateText, inst) { alert (dateText); document.forms['myForm'].elements['dateSelected'].value = dateText; } }); }); </script> </head> <body style="font-size:62.5%;"> <form name=...

Annotation Hell y otros demonios

Acostumbrado a utilizar Spring con una configuración basada en XML, la cual ya en su versión 2.x presentaba algunos coqueteos con el uso de anotaciones para el manejo de su Ioc Engine; he estado utilizando la versión 3 y me ha surgido la necesidad de crear un nuevo post para dar mi humilde opinión al respecto. Anteriormente se hablaba del famoso XML Hell (similar al DLL Hell y otros tantos infiernos que han visto la luz en el mundo de la ingeniería), yo la verdad nunca sentí que fuera tan complicado, aunque reconozco que el desorden puede llevar a un caótico laberinto verbal, de configuración XML. Spring ha intentado "resolver" o cambiar el paradigma, mas no el "approach" de este aberno XMLero, por un nuevo "paraíso" en rojo y lleno de llamas, al cual le otorgare el original nombre de Annotation Hell, este nuevo séptimo cielo permite ahorrarnos unas líneas de XML, anotando nuestro bean con annotaciones tales como Component, Autowired, Qualifier, etc (puede...

Ejecutar solo un test en maven (test phase)

Si desea ejecutar solo uno de los test de maven, use mvn test -Dtest=..... Mas info: http://maven.apache.org/plugins/maven-surefire-plugin/examples/single-test.html

Multiples patrones para un servlet

Estaba buscando como hacer para que un servlet responda tanto a .action como .xml, y esto me funciono en tomcat <servlet-mapping> <servlet-name>SimpleMVCServlet</servlet-name> <url-pattern>*.action</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>SimpleMVCServlet</servlet-name> <url-pattern>*.xml</url-pattern> </servlet-mapping>

Serializar en XML un object

Existen diferentes tipos de Librerías para hacer Serializacion de objetos a XML y viceversa, tales como JAXB, XStream, XMLBeans, etc. De ellos, uno de los que mas me gusta es XStream, aunque se a pura reflexión es sencillo de utilizar y puede serializar a XML y Json de manera transparente. Sin embargo si no desean agregar una librería externa y no desean usar las ya conocidas Sax o Dom, puede usar las clases XMLEncode y XMLDecoder, un ejemplo. XMLEncoder e = new XMLEncoder( new BufferedOutputStream( new FileOutputStream("Test.xml"))); e.writeObject(new JButton("Hello, world")); e.close() Mas info en: http://java.sun.com/products/jfc/tsc/articles/persistence4/