Secciones

@Internet

Algo sobre mi

Bienvenido a frangarcia.net. Mi nombre es Fran García y soy un analista programador web que actualmente trabaja como Senior Software Developer para Wayin. En esta web encontrarás sobre todo noticias relacionadas con las nuevas tecnologías, Internet, programación y de vez en cuando soltaré algo sobre mi vida privada, aunque no esperes que esto sea un blog demasiado íntimo.
Espero que lo que veas y leas aquí, sea de tu interés.

Autoguardado de formularios con AJAX

7 March 2008, 23:46
¿Crees que este artículo te servirá en tus desarrollos?


En los últimos días se me ha planteado un problema en el trabajo que consiste en: ¿qué pasa cuando un usuario está rellenando un formulario muy extenso (hablo incluso de horas) y por cualquier motivo, transcurrido un tiempo, la página del formulario se pierde?

La verdad es que es una faena que después de estar introduciendo datos durante mucho tiempo, éstos se pierdan por cualquier motivo así que me puse a idear una forma de guardar los datos introducidos hasta el momento sin que el usuario tenga que hacer nada y después de darle vueltas, la mejor forma que encontré fue hacerlo utilizando AJAX.

La idea es que cada cierto tiempo, en mi caso cinco minutos, se guarden los datos introducidos en el formulario en una base de datos, para en el caso de que se pierda la página, poder recuperarlo sin problemas.

Para ello, utilizaremos la librería Prototype que tiene una clase llamada PeriodicalExecuter, y que su función, como su propio nombre indica, es ejecutar una determinada función cada cierto tiempo. La creación de un objeto de esta clase recibo parámetros: la función a la cual invocar y los segundos que tarde en ejecutarse una nueva instancia.

La función a la cual vamos a invocar creará una instancia Ajax.request, a la cual le debemos pasar por parámetro los valores de los elementos del formulario, el método por el cual se pasan (post o get) y la página que queremos que actúe sobre esos datos (en nuestro un script php). Veamos como quedaría el código en la página que contiene el formulario:

PHP:
<script src="prototype.js" language="javascript"></script>
<script language="javascript">
new PeriodicalExecuter(savetest, 300);
function guardadatos(){
        new Ajax.Request('guardadatos.php', {
          parameters: { question1: $F('question1'), question2: $F('question2'), question3: $F('question3'), },
          method: 'post',
        });
}
</script>

Hay que tener en cuenta que se debe conocer, que usuario ha introducido esos datos. En mi aplicación, los usuarios que rellenan los formularios son usuarios registrados, con lo que sé en cada momento la identidad del que rellena dicho formulario. Ahora vemos el código del script que almacena la información en la base de datos:

PHP:
<?php
session_start();
includes("databaseconnection.php");

//Antes de insertar nada, elimino los datos de este usuario
mysql_query("DELETE FROM datos_guardados WHERE id_user='".$_SESSION['username']."'")

$keys = array_keys($_POST);
foreach ($keys as $key){
        mysql_query("INSERT INTO datos_guardados (id_user, element_form, value) VALUES ('".$_SESSION['username']."', '$key', '".$_POST[$key]."')");
}

?>

Ya sólo nos quedaría añadir el código para que, al cargar el formulario, se compruebe si ese usuario tiene datos almacenados y recuperarlos en los elementos del propio formulario. Pero eso os lo voy a dejar como ejercicio.


Menea esta noticia Busca en Technorati enlaces a esta nota Diggea esta noticia Añádeme a tu del.icio.us

Peticiones al DJ. Versión 1.0

13 December 2007, 22:49
Espero tus comentarios...


Hoy mismo, día 13 de Diciembre se está celebrando en la Escuela Técnica Superior de Ingenieros en Telecomunicación de la Universidad Politécnica de Madrid, la primera edición de la Barcamp, un evento en el que se está hablando sobre mashups, localización, movilidad y sms, entre otras cosas. Una de las acciones diseñadas para el evento ha sido organizar un concurso de creación de aplicaciones informáticas, para el cual conseguí terminar algo a tiempo.

Peticiones al DJ

La aplicación se llama Peticiones al DJ y la idea diseñar una aplicación para que los clientes de un pub o discoteca envien un mensaje de texto con sus móviles a un número de móvil realizando peticiones de canciones a los dj’s. Este número de móvil está relacionado con una dirección de correo electrónico, de tal forma que, cualquier mensaje que le llegue a este móvil se remite automáticamente a esa dirección, la cual puede ser analizada para actuar en consecuencia.

El sistema funciona en un servidor web con Apache, PHP y MySql, y aunque todavía quedan muchas cosas por hacer, me gustaría poco a poco ir mejorándolo y no dejarlo tal cual está. Por supuesto, acepto vuestras sugerencias.


Menea esta noticia Busca en Technorati enlaces a esta nota Diggea esta noticia Añádeme a tu del.icio.us

¿Cuanto sabes de CSS?

12 June 2007, 23:33
Espero tus comentarios...


Tienes 7 minutos para decir todas las propiedades de CSS2 que sepas. Yo la verdad es que no he recordado muchas.

Free Online Dating30


Menea esta noticia Busca en Technorati enlaces a esta nota Diggea esta noticia Añádeme a tu del.icio.us

Comparación entre AJAX-Frameworks

12 June 2007, 23:06
Espero tus comentarios...


Desde Mootools han creado una aplicación web, SlickSpeed, que permite comparar los rendimientos de cinco frameworks para trabajar con AJAX. Estos cinco frameworks son Prototype, jQuery, Mootools, ext y cssQuery y la comparación se realiza comprobando la velocidad de acceso a diferentes selectores. Parece que no me he equivocado al empezar a utilizar Prototype, aunque Mootools no se queda muy atrás.

Via: Ajaxian


Menea esta noticia Busca en Technorati enlaces a esta nota Diggea esta noticia Añádeme a tu del.icio.us

Buscador Ajax de vídeos en Youtube

10 February 2007, 05:11
Espero tus comentarios...


En un momento de inspiración se me ha ocurrido desarrollar un buscador de vídeos alojados en Youtube que utilice tecnología AJAX. En el próximo post os explicaré los sencillos pasos para construir este buscador (a estas horas casi nadie conseguiría sacar nada más de mi), pero de momento os dejo el buscador para que le echeis un vistazo y me comenteis mejoras, sugerencias y como no, todas las críticas que se os ocurran.

BUSCADOR AJAX


Menea esta noticia Busca en Technorati enlaces a esta nota Diggea esta noticia Añádeme a tu del.icio.us

Comenzando con AJAX

6 February 2007, 01:14
Espero tus comentarios...


Si quieres empezar a desarrollar aplicación utilizando la tecnología AJAX, <sarcastico>antes incluso de empezar por algún sencillo tutorial </sarcastico>>, deberías elegir cual será el gif animado que utilizarás en tus aplicaciones mientras se realiza la carga de datos. Puedes generar tantos como quieras en Ajax Load Info

Ajax Load Info

Una vez elegida la imagen, ya puede visitar un tutorial cualquiera, seguir los ejemplos y pensar que puedes desarrollar con esta tecnología, que aportará una mejor experiencia a los usuarios de tus aplicaciones.

También te aconsejo echarle un vistazo a Prototype, una framework javascript que te facilitará el desarrollo de aplicaciones web con mucho contenido javascript. Sigue su API, desde hace poco disponible incluso en formato PDF.

Prototype


Menea esta noticia Busca en Technorati enlaces a esta nota Diggea esta noticia Añádeme a tu del.icio.us

Weebly, creación de webs con AJAX

16 January 2007, 00:48
Espero tus comentarios...


Weebly es un nuevo servicio gratuito creado con tecnología AJAX que permite generar tus propias páginas web rápidamente. Como su propio autor indica, David Rusenko, con este nuevo servicio pretende llegar a algo más que tener un simple procesador de textos on-line.

Entre sus características cuenta con la posibilidad de añadir contenido de servicios como Flickr, Youtube o Google Video

Además, también presenta varios temas al estilo wordpress o textpattern y la generación de contenido se basa en el método de arrastrar y soltar. Con las primeras pruebas que he realizado he llegado a generar esto en apenas un cuarto de hora.

Weebly

Fuente de la noticia: Ajaxian


Menea esta noticia Busca en Technorati enlaces a esta nota Diggea esta noticia Añádeme a tu del.icio.us

Todo lo que necesitas saber sobre AJAX

5 January 2007, 20:14
Espero tus comentarios...


Si estás interesado en desarrollar aplicaciones utilizando tecnología AJAX quizás sería conveniente que le eches un vistazo a Ajaxian.com, una web que reune una gran comunidad de desarrolladores con muchísimos artículos incluso para diferentes plataformas.

Ajaxian.com


Menea esta noticia Busca en Technorati enlaces a esta nota Diggea esta noticia Añádeme a tu del.icio.us

La librería 2.0

2 November 2006, 21:23
Espero tus comentarios...


Un gran amigo me ha recomendado echar un vistazo a Library Thing, algo así como un sistema de catalogación de tus libros favoritos, pero que además incorpora el componente social típico de otros sitios como por ejemplo last.fm, permitiendo relacionar a usuarios con similares gustos lectivos.

Library Thing

La búsqueda de libros incorpora en torno a 60 fuentes bibliotecarías de todo el mundo, entre las que destaca por supuesto Amazon y la Biblioteca del Congreso de los EEUU. Entre las españolas que hay de momento, están las de las universidades de Zaragoza y la Autónoma de Madrid

La web está prácticamente en su totalidad realizada utilizando técnicas AJAX lo que facilita muchísimo la navegación y la interacción con el sistema. Por supuesto, permite visualizar desde sitios web externos, aquellos libros de nuestro catálogo.


Menea esta noticia Busca en Technorati enlaces a esta nota Diggea esta noticia Añádeme a tu del.icio.us

Google Web Toolkit

17 May 2006, 11:49
Espero tus comentarios...


Una de las conferencias impartidas en las Primeras Jornadas de Tecnología Java trataba sobre la Web 2.0 (Web 2.0, un mundo de nuevas posibilidades) y aunque sinceramente me esperaba algo más de ella, trato a fondo el tema de las aplicaciones AJAX.

Y es ahora cuando Google, quien ya he utilizado esta tecnología tanto en Google Maps como en Gmail, ha lanzado una herramienta que permite crear aplicaciones AJAX fácilmente. La herramienta se llama Google Web Toolkit y pretende facilitar la labor de los desarrolladores en la ardua tarea de programar para aplicaciones AJAX.


Menea esta noticia Busca en Technorati enlaces a esta nota Diggea esta noticia Añádeme a tu del.icio.us