Autoguardado de formularios con AJAX AJAX
7 March 2008, 19: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:
parameters: { question1: $F('question1'), question2: $F('question2'), question3: $F('question3'), },
method: 'post'
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:
//Antes de insertar nada, elimino los datos de este usuario
"DELETE FROM datos_guardados WHERE id_user='"'username']."'""INSERT INTO datos_guardados (id_user, element_form, value) VALUES ('"'username']."', '$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.
Peticiones al DJ. Versión 1.0 PHP
13 December 2007, 18: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.
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.
¿Cuanto sabes de CSS? AJAX
12 June 2007, 20: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.
Comparación entre AJAX-Frameworks AJAX
12 June 2007, 20: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
Buscador Ajax de vídeos en Youtube AJAX
10 February 2007, 01: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.
Comenzando con AJAX AJAX
5 February 2007, 21: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
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.
Weebly, creación de webs con AJAX AJAX
15 January 2007, 20: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.
Fuente de la noticia: Ajaxian
Todo lo que necesitas saber sobre AJAX AJAX
5 January 2007, 16: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.
La librería 2.0 Web 2.0
2 November 2006, 17: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.
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.
Google Web Toolkit Web 2.0
17 May 2006, 08: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.
Categorías
- Agilismo
- AJAX
- AngularJS
- Bitbucket
- Blogs
- Bots
- Canon
- Ciencias
- Creative Commons
- Docker
- Elasticsearch
- Gadgets
- Groovy Grails
- Idiomas
- Informática
- Internet
- Java
- Linux
- Música
- MySQL
- NodeJS
- Nokia N800
- Ocio
- Patentes de Software
- PHP
- Posicionamiento web
- Programación
- Software Libre
- Spock
- Tecnología educativa
- Textpattern
- Uncategorized
- Vert.x
- Viaje a Nueva York
- Viajes
- Video
- VoIp
- Web 2.0
- Web Semántica
- Wi-Fi
- Youtube-API
Artículos recientes
- Testing 3rd party API endpoints with Spock, Test containers and Stoplight Prism
- Bitbucket Pipelines with Digital Ocean
- Alexa Skill: Marcador Deportivo
- From SQL to Elasticsearch
- Sahara Marathon 2017
- Maratón del Sahara 2017
- Signing instagram request
- Testing your REST API endpoints with Groovy and Spock
- How to develop a Facebook bot?
- Contenedor mysql con docker compose (en MAC OS X)
Comentarios recientes
- San Hiscio (Sistema de reservas de espacios con PHP y MySQL)
- Jacobo Brito (Tests unitarios, de integración y funcionales en Grails)
- Alicson (Last fm tagcloud)
- Alicson (Last fm tagcloud)
- Alicson (Last fm tagcloud)
- Laura (Sistema de reservas de espacios con PHP y MySQL)
- Eduardo (Sistema de reservas de espacios con PHP y MySQL)
- Fran García (Consejos para emigrar al Reino Unido)
- Ojosano (Consejos para emigrar al Reino Unido)
- jesus (Mis primeros dos meses en Secret Escapes)
Enlaces
- X-Blog
- Microsiervos
- Mobuzz TV
- Denken über
- Ricardo Galli
- La pastilla roja
- Kirai
- Hector Milla
- Dirson google
- Fuckowsky
- Enrique Dans
- Barrapunto
Mis trabajos
- Cuplé
- Histrad
- Comenego
- Proyecto de Fraseología
- Plataforma Multimedia para la Docencia Virtual, Presencial y Semipresencial
- Soluciona Ventas
- CloudBees New Year Challenge
- Mis números de la lotería
- HisTrad
- Dónde Aparco
- ManagerT1
- Curso Groovy&Grails - Universidad de Alicante
- Win Poker Bono
- Poker Profis
- Salas de Poquer
- Win Poker Bonus
- Tetas o Vista
- Playtweets
- Calzados Fernández Alonso
- Peticiones al DJ
- Trabajo sobre Redes WLAN
- Template para Textpattern
- Plugin Twitter para Textpattern
- Concurso de posicionamiento en HazRuido
- Traducción de Scratch
- Habitaquo
- Youtube Ajax Search
- MapsTube
- Ingerop España
- IngeniaLab
- Alcoy Ciudad Digital - Tecnología Educativa
- Plugin Youtube para Textpattern
- Plugin last.fm para Textpattern
- Cerámicas Tolosa
- Bordados España
- TEDDi
- Inmosabamar
- Proyecto fin de carrera: GPS y Java
- Encuentro universidades Universia
- Encuentro Universia
Premios recibidos
- Ganador del concurso de marketing viral de hazruido.com 2008
- 2ª Posición en el concurso de movilidad y mashups de Barcamp
Mis artículos
- Póster: Bolonia es factible con la Plataforma Multimedia
- Comunicación: Bolonia es factible con la Plataforma Multimedia
Hablan de mi en
- El móvil busca parking
- Laboratorio de Idiomas. Cuestión de lenguas
- La lucha contra la droga se apunta al "marketing viral"
- MuyComputer.com
- Noticiasdot.com
- Interactiva Digital
- MarketingNews.es
- PuroMarketing.com
- PublicidadEnBlogs.com
- Público
- HazRuido.com
- TodoElche.com
- EsElx.com
Groovy&Grails
- Manual de desarrollo web con Grails
- Groovy&Grails: desarrollo rápido de aplicaciones
- Podcast sobre Grails
- Groovy.org.es
- Grails
- Groovy
Mis videos
- Un día en Nurburgring [2ª parte]
- Un día en Nurburgring [1ª parte]
- Ein Tag zwischen hässliche
- Felicitación a Aitor
- Se traspasa
- NBA Action
- Felicitación a Emilio
Mi dokuwiki
- Sencillo backup para aplicaciones web
- De php4 a php5
- Taller Scratch
- Taller de robótica
- Arranque automático en Linux
Mi currículum
Webs de amigos
- Macu Caruana English Class
- Ingeniería Informática Empresarial
- Andrés Karp
- Patrick Martínez
- Ingeniería Informática Empresarial
- Domingo Gallardo
- Nina bailando
- Una española por el mundo
Idiomas
Web semántica
Artículos y libros leídos
- Las leyes de la simplicidad
- Getting things done : the art of stress-free productivity
- About a boy
- My family and other animals
- Momo
- The Next Wave: Revolution in Process and Content
- The CSS Anthology 101 Essential Tips, Tricks & Hacks
- Extreme Programming explained
- What is Ruby on Rails
- El futuro de la web
