Demos atrasadas del MS Andean Web Days (sesion ASP.NET AJAX)

Como saben el mes pasado participe en el MS Andean Web Days, en la sesión de ASP.NET AJAX Extensions, en la cual básicamente se trato sobre buenas prácticas en el uso de ASP.NET AJAX, además de implementaciones de patrones AJAX (ajax patterns) con ASP.NET AJAX.


Las demos la pueden descargar de la Zona de Descarga de 3Dev, y también desde los siguientes links: Slides, y Demos.


Pasos para restaurar demos:



  1. Restaurar la base de datos: dentro de la carpeta CrearBaseDatos se encuentran dos archivos, uno crea todos los objetos de la base de datos Tablas, y Store Procedures, y en el otro archivo esta la data de la base de datos.
  2. Abrir la aplicación slnPeruGeeks_Base, dentro de ella se encuentra la solución completa del proyecto. En el caso de que sólo tenga instalado Visual Web Developer Express, que es una herramienta gratuita, sólo abrir la carpeta del sitio Web.
  3. Cambiar la cadena de conexión de la base de datos, en el archivo web.config
  4. En cada carpeta aspx_demo0N, se encuentra las páginas de las demos respectivas. Sólo tenemos que adjuntar estos archivos a la solución del proyecto, y en algunos casos sobrescribir las ya existentes.

Descripción de las demos:



  • Demo01: En esta primera demo se muestra el funcionamiento básico de ASP.NET AJAX, en una maestro/detalle, a través de los controles UpdatePanel y UpdateProgress, se trabaja con los objetos Triggers del control UpdatePanel, para forzar una actualización provocada por un evento fuera del UpdatePanel, también se resalta el concepto de usar múltiples updatePanels cuando sea necesario. Además, en esta primera demo se implementa el patrón Update Control, y el patrón Progress Indicator:


  • Demo02: La primera parte de la segunda demo, trata sobre el uso de algunos controles de validación del Ajax Control Toolkit:


    La segunda parte de la demo, esta demo es bravaza :D, es un formulario de búsqueda de noticias. Y lo bravazo, no es la búsqueda en si, si no, que al tipiar alguna letra en la caja de texto te da sugerencia de títulos, y no cualquier título sino títulos desde la base de datos misma, por cierto para esto se usa un Servicio Web, hay que verlo en vivo para ver la espectacularidad. Una vez encontrado el título, podemos ver el detalle de la noticia, el cuál se desvanece para mostrar la siguiente noticia. En este caso se ha usado el control AutoComplete, y el control UpdatePanelAnimation del Ajax Control Toolkit, y hemos logrado implementar el patrón Suggestion y el patrón One-Second Spotlight:


  • Demo03: En la primera parte usamos control extender de ASP.NET, además de implementar el patrón PopUp:

    En la segunda parte se muestra como llamar a un Web Service (con consultas a base de datos) desde JavaScript, en este caso se puede apreciar un ejemplo sencillo de como traer un tipo simple, y también un ejemplo de como traer un tipo más complejo como un arreglo:

Si quieren implementar más patrones, en el Ajax Control Toolkit, podrán encontrar algunos ya construidos, y si no podemos crear nuestro propio control extender, extendiendo algún control existente de ASP.NET con ASP.NET AJAX.


Por cierto no es que me haya demorado en publicar las demos, lo que pasa es que el tiempo pasa muy rápido :D. Y esta demás decir que cualquier duda sobre las demos, la pueden dejar en este post :).


Saludos,

Un comentario sobre “Demos atrasadas del MS Andean Web Days (sesion ASP.NET AJAX)”

  1. Hola se q el post es algo viejito, pero me gustaria chechar los demos y slides, pero voy a la pagina y no carga nada, de casualidad no lo podes subir de nuevo..

    Gracias

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *