Estás mirando la versión 3 de mi sitio web, para ver la última versión por favor anda a juque.cl

juque

Juan Pablo Aqueveque: Ingeniero de Sistemas, Diseñador y Desarrollador Web que reside en Temuco, Chile.

Mi primer Ajax: Sabueso

Publicado por Juan Pablo el 13.Dic.2005 | Comentarios (7)

Hace un par de semanas terminé un proyecto que dormía en la eterna cola de espera, pero que al fin pude concretar en su primera etapa.

El objetivo era desarrollar un motor de búsqueda de personas, que bauticé con el nombre de "sabueso" y que reemplazaría al anterior Directorio. Pero tiene un agregado, usa el objeto XMLHttpRequest para realizar la consulta y mostrar los resultados, ok, todo el mundo lo conoce como JavaScript y XML Asincrónico o AJaX, nombre acuñado por Jesse Garrett. El sistema no usa XML, sólo XHTML, pero en estricto rigor XHTML también es un XML.

Además de lo anterior, también usa el motor de plantillas PHP smarty y algunos trucos CSS, DOM, y por supuesto Javascript. No es un megasistema, pero el resultado me deja bastante satisfecho.

Muy bien, les presento a sabueso o mejor dicho el nuevo Directorio UCTEmuco:

Directorio UCTemuco v2

Enlace Permanente, Comentarios (7), Publicada en: Proyectos

Comentarios

1. cmnst
14.Dic.2005

Juque funciona excelente, felicitaciones por "your First AJAX aplication" :-)

Salu2.

2. Huinca
14.Dic.2005

Muy veloz, aumentas la sensación de inmediatez de una manera increíble. Felicitaciones, fúmate un habano en mi nombre, que ya dejé el vicio (de fumar, no de Ajax).

Algunas pruebas muy rápidas:

Opera 8.51 - OK!

Konqueror 3.4.0 (por defecto en Suse 9.3): - al presionar BUSCAR me devuelve a la home, sin resultados

Navegador sin Javascript: - No funciona, nada... existen métodos de programación en capas: sin JS, JS básico, AJAX, como se hace en CSS. Si tu resultado devuelve en XHTML, quizá se podría hacer algún enroque de página de resultados sin diseño, sólo los datos, en el caso de que optes por dar soporte a navegación sin Javascript.

... y no son críticas, conste, sino datos que te pueden ser de utilidad!!!

3. juque
14.Dic.2005

Huinca: Muchas gracias por tus palabras, el puro ya me lo fumé en todo caso :D

Ehhh, sí, no hay soporte para navegadores sin JS, siempre lo tuve en mente, como fue mi primera vez y tu sabes como te aprietan en una organización para entregar las cosas para ayer, dejé de lado algunos aspectos de accesibilidad. Y no te preocupes por criticar, cuando se hacen con respecto TODAS son bienvenidas.

4. Nelson Rodríguez-Peña
14.Dic.2005

Hola Juque, mi única observación es la falta de estado y la imposibilidad de referir a páginas específicas. Por ejemplo, si busco juan pablo, recibo tres resultados. Perfecto, pero ¿qué pasa si yo quiero obtener un vínculo de esta página de resultados? ¿Cómo te envío un link con la página de resultados? Esto es un problema típico con las RIAs, que al alterar el modelo conceptual de páginas, generan una inconsistencia en el modo en que usamos el web. Creo que dada la simplicidad del caso, este es un buscador, y sólo tienes dos variables, se podría generar un anchor o # con los parámetros... sólo una idea.

5. juque
14.Dic.2005

Hola Nelson, Efectivamente es un problema que pretendo solucionar en una segunda versión (también pensaba en eso mientras desarrollaba). Otro aspecto que pretendo agregar es una "Búsqueda Avanzada". También quiero generar una especie de API para ser agregada a los buscadores de tu Firefox.

Gracias por sus comentarios muchachos.

6. framirez
15.Dic.2005

Excelente maestro!

7. framirez
15.Dic.2005

Estimado, un comentario para su excelente sistema ... te falto el sistema de accesibilidad para los inputs :).

Aca de dejo posteado mi humilde codigo para tu sitio web.

<input id="alumnos" type="radio" name="tipo_persona" value="alumnos"> 
<label for="alumnos">Alumnos</label>

<input id="docentes" type="radio" name="tipo_persona" value="docentes"> <label for="docentes">Docentes</label>

<input id="profesores" type="radio" name="tipo_persona" value="profesores"> <label for="profesores">Profesores</label>

PD: Aregla los espacios porque aca no pude :(