Pero ante la ingente cantidad de herramientas tecnol\u00f3gicas, cada una con sus peculiaridades, se debe elegir entre eso o luchar vanamente por tratar de conocer un lenguaje para que pocos d\u00edas despu\u00e9s surja uno nuevo y tambi\u00e9n imprescindible. Por eso creo que es justificable el copypasteo <\/em>de c\u00f3digo ajeno, aunque a veces obtengamos resultados poco coherentes. Pero operativos.<\/p>\n Siempre luchando por entender las peculiaridades de cada uno de los plugins, a veces uno se frustra al ver que no hay forma de hacer funcionar uno en particular. Esto no se suele comentar mucho, porque se mira la p\u00e1gina del desarrollador, con la demo operativa, se da plamas, se guarda el link y luego cae en el m\u00e1s oscuro de los olvidos, sin pensar la utilidad de aquello.<\/p>\n Por eso si vas a desarrollar un plugin para Jquery, te recomendar\u00eda en que emplearas el m\u00e1ximo tiempo posible en tener una demo que funcione, con dise\u00f1o excelente. Que luego el plugin sea operativo o no, es lo de menos porque no se va a usar tanto como parece.<\/p>\n En fin, que paso a detallar los plugins que hemos usado en Sortea2.com<\/a>, y cuales no y por qu\u00e9. No trata de ser una lista de \u00abmejores plugins\u00bb, sino simplemente de plugins que han funcionado.<\/p>\n 1. Calendario.<\/span><\/p>\n Hemos empleado el plugin datePicker<\/a>. Por contra, aunque existen varios plugins para seleccionar la hora que nos pod\u00edan haber servido en esa misma p\u00e1gina, tras probar con varios siempre obtuvimos resultados poco satisfactorios. No dudo que el plugin funcione, pero para nuestro caso no serv\u00eda. Y no ped\u00edamos nada especial, simplemente un selector de fechas.<\/p>\n Tanto este TimePicker<\/a>, com este otro timepicker<\/a> llegaron a funcionar, pero la hora no hab\u00eda forma de ajustarla al control indicado, siempre aparec\u00eda en la parte de abajo de la p\u00e1gina. Tambi\u00e9n existe un tercer plugin<\/a> para seleccionar horas, pero ya es suficiente por el momento.<\/p>\n Seguramente la causa no era otra que alg\u00fan tag de html mal cerrado por nuestra parte, o una mala configuraci\u00f3n de las propiedades. El caso es que tras mucho tiempo perdido, decidimos descartarlo definitivamente.<\/p>\n Preparar un selector de horas y minutos es trivial, ni siquiera hace falta javascript, por lo que al final tomamos ese camino, con el resultado que pod\u00e9is ver en la p\u00e1gina de sorteos avanzados.<\/p>\n Quiz\u00e1s falte coherencia en el dise\u00f1o entre la selecci\u00f3n de fecha y hora. Es algo que podemos mejorar con el tiempo.<\/p>\n 2. Cookie.<\/span><\/p>\n El que hayamos usado un plugin para manejar las cookies<\/a> lo veo m\u00e1s como un error y un s\u00edntoma de la paranoia que hay en torno al uso de los plugins. Hasta para la tarea m\u00e1s sencilla se buscan utilidades hechas por otros. Creo que si hubi\u00e9ramos usado javascript puro y duro, habr\u00edamos necesitado menos c\u00f3digo que con este plugin. Pero al menos permite el uso sencillo de cookies.<\/p>\n En la aplicaci\u00f3n tenemos dos cookies, una para controlar el idioma con el que se accede a la p\u00e1gina<\/a> y otra para gestionar las identidades de los usuarios.<\/p>\n El plugin al que me refiero es este<\/a>.<\/p>\n 3. Subida de ficheros mediante Ajax.<\/span><\/p>\n Una de las peores ideas que tuvimos al desarrollar la p\u00e1gina fue permitir el subir un listado de nombres carg\u00e1ndolo desde un fichero. Es una de estas funcionalidades que consumen mucho tiempo de desarrollo y que luego nadie usa. O peor a\u00fan, nadie usa para bien porque son una puerta abierta a las vulnerabilidades.<\/p>\n Al final la hicimos. Tambi\u00e9n en la ventana de sorteos avanzados, se puede cargar una lista de nombres de un fichero, idealmente un .txt en que cada nombre ocupa una l\u00ednea.<\/p>\n De nuevo aqu\u00ed tiramos de un plugin que permite hacer una subida de fichero en forma totalmente as\u00edncrona, sin tener que recargar la p\u00e1gina y sin causar problemas.<\/p>\n Este es el plugin para subir ficheros<\/a> con Jquery. Caus\u00f3 numerosos problemas conseguir adaptarlo al funcionamiento de la p\u00e1gina, en gran parte porque fue una de las primeras tareas desempe\u00f1adas, cuando a\u00fan est\u00e1bamos inici\u00e1ndonos con el Jquery.<\/p>\n La idea inicial y algo que llegamos a hacer era mostrar la lista de nombres en un espacio dentro de la ventana, para que el usuario pueda ver qui\u00e9nes participar\u00e1n en el sorteo. Pero con el tiempo se nos fue acabando el sitio en la ventana y ya era todo muy complicado. Cost\u00f3 quitar una funcionalidad que ya estaba hecha, pero era necesaria una mayor simplicidad.<\/p>\n 4. Livequery.<\/span><\/p>\n Livequery <\/a>es posiblemente el plugin m\u00e1s \u00fatil<\/strong> de todos los que hemos empleado.<\/p>\n Nuestro problema es que cuando cre\u00e1bamos controles din\u00e1micamente (como las listas de nombres y la de premios, que se amplian conforme el usuario va a\u00f1adiendo m\u00e1s) era complicado hacer que estos controles heredaran los eventos de los controles iniciales en la p\u00e1gina.<\/p>\n La tarea de a\u00f1adir un listener <\/em>a los eventos para nuevos controles era un motivo de quebraderos de cabeza. Y sin embargo con usar livequery esto se solucion\u00f3 autom\u00e1ticamente.<\/p>\n Adem\u00e1s fue el plugin m\u00e1s sencillo de implementar, pues es casi trivial. \u00a1Estamos enamorados de Livequery!<\/p>\n 5. Dynacloud.<\/span><\/p>\n Tambi\u00e9n tenemos una nube de etiquetas, como toda aplicaci\u00f3n que quiera parecer 2.0. Y para ello lo primero era buscar el plugin correspondiente. En este caso, Dynacloud<\/a>, para hacer una nube de tags.<\/p>\n Pues bien, no conseguimos hacerlo funcionar en la forma en que nos hubiera gustado. De nuevo mil historias, y cuando logr\u00e1bamos que apareciera algo, estaba fuera de formato o al final de la p\u00e1gina. Hicimos la funcionalidad desde cero, no es nada dif\u00edcil.<\/p>\n 6. Sugerir tag.<\/span><\/p>\n Finalmente, un plugin para sugerir un tag<\/a> cuando est\u00e1s escribiendo un nuevo sorteo. Como se hace en delicious<\/a>, cuando introduces las primeras letras realiza una consulta y obtiene tags similares ya empleados para crear mayor uniformidad en la informaci\u00f3n.<\/p>\n No sin algo de sufrimiento, tambi\u00e9n se pudo poner en marcha con un resultado que consideramos muy bueno.<\/p>\n
\nSu funcionamiento no es muy complejo de configurar y el resultado es sencillo, admitiendo d\u00edas y fechas en castellano.
\nLo tenemos en la ventana de sorteos programados, para ver la fecha en que se programa un sorteo.<\/p>\n![\"\"](\"http:\/\/www.sortea2.com\/blog\/wp-content\/images\/jquery-datepicker.png\" "\\"jquery-datepicker\\"")
<\/a><\/p>\n![\"\"](\"http:\/\/www.sortea2.com\/blog\/wp-content\/images\/jquery-timepicker.png\" "\\"jquery-timepicker\\"")
<\/a><\/p>\n![\"\"](\"http:\/\/www.sortea2.com\/blog\/wp-content\/images\/jquery-fileupload.png\" "\\"jquery-fileupload\\"")
<\/a><\/p>\n![\"\"](\"http:\/\/www.sortea2.com\/blog\/wp-content\/images\/jquery-tagcloud.png\" "\\"jquery-tagcloud\\"")
<\/a><\/p>\n
![\"\"](\"http:\/\/www.sortea2.com\/blog\/wp-content\/images\/jquery-tag-suggest-300x98.png\" "\\"jquery-tag-suggest\\"")
<\/a><\/p>\n