1

Revitalizando nuestras
Aplicaciones Web Con
Microsoft Ajax

Leandro Masotti
Technical Leader

Gonzalo Prez
Microsoft MVP ASP/ASP.NET
www.corobori.com
2

Agenda
Ajax, otra vez?
Presentando Ajax
Modelo Ajax
Por que utilizarlo?
Limitaciones

Microsoft AJAX
Objetivos de Microsoft AJAX
Controles AJAX
Demo: Ajaxificando una Aplicacin

Microsoft AJAX Control Toolkit

Descripcin
Escenarios de Uso
Demo : Potenciando nuestras aplicaciones

Microsoft Chart para ASP.NET

Descripcin
Demo: Utilizando el control Chart.

Ajax Otra vez?

Aplicaciones de Escritorio v/s Web
Las aplicaciones Desktop cuentan con ventaja
en UI.
Muchas veces los desarrolladores sacrifican
funcionalidad por compatibilidad.
Por el modelo de funcionamiento, las app web
por default al hacer una recarga de pgina, se
inutilizan.

Presentando Ajax
AJAX brinda la posibilidad crear apliaciones web
enriquecidas.
Ajax permite procesar informacin sin pausas y sin
perder el estado.
Es una combinacin de varias tecnologas
existentes:
XHTML y CSS(DHTML)
XMLHttpResquest
Javascript
DOM
XML y XSLT

Modelo AJAX
Se utiliza el objeto XMLHttpRequest ( que puede
tener distintas implentaciones) para realizar
llamadas asincronas al servidor sin hacer un
refresh.
Solo se actualiza la porcin de pgina en el cual
cambia el contenido debido a un procesamiento
asncrono.
El usuario puede seguir interactuando con la
pgina. (loading)

ASP.NET AJAX
Server-centric application model
Server Application

Browser
Initial Rendering
(UI + Behavior)

Presentation
(HTML/CSS)

Input Data
Updated UI + Behavior

Atlas Script Framework

Component/UI
Framework,
Controls
7

Client
lient Application
Services

Pages

UI Behavior
(Managed
Code)

ASP.NET
Page Framework,
Server Controls

Application
Services

ASP.NET AJAX
Client-centric application model
Server Application

Browser
Presentation
(HTML/CSS)

UI Behavior
(Script)

Initial Rendering
(UI + Behavior)
ASP.NET AJAX
Service
Proxies

UI Behavior
(Managed
Code)

Data

Atlas Script Framework

Component/UI
Framework,
Controls

Data

Client Application
Services

Pages

ASP.NET
Page Framework,
Server Controls

Application
Services

Por que utilizar Ajax

Para construir rpidos y dinmicos sitios
web.
Para ahorrar recursos.
Pasar la responsabilidad del Render a los
clientes, en vez que un servidor se encarge de
todos ellos.
Ajax permite realizar procesos en la browser
mediante (javascript) con datos provenientes
del servidor

Limitaciones
El desarrollo de aplicaciones con AJAX requiere
del conocimiento de los objetos del documento
(DOMs), los cuales difieren entre distintos
navegadores.
JavaScript no ofrece todas las caractersticas de la
POO, ni del cdigo administrado que el .NET
ofrece.
Crear apliaciones web, con programacin del lado
del cliente requiere un conocimiento elevado en
javascript.

Microsoft AJAX
Facilita el uso y extiende los beneficios de AJAX
sobre la Plataforma ASP.NET
Incluido por defecto en las plantillas web de
VS2008 y como paquete de instalacin en VS2005
Perimte la creacin de pginas ASP.NET con una
enriquecida e intectiva UI, adems de comunicarse
con el servidor.
Integra librerias de cdigo cliente con el
framework de ASP.NET 2.0, ofreciendo la misma
plataforma de desarrollo del lado del cliente

Objetivos de AJAX de Microsoft

Crear una plaforma altamente productiva para las
aplicaciones web.
Suite enriquecida de componentes , controles, y
comportamientos para escenarios comunes.

Perfectamente integrado con la plataforma

Microsoft y el modelo de aplicacin.
Totalmente ingregado con ASP.NET y el modelo de
aplicaciones IIS

Objetivos del AJAX de Microsoft

Integracin con las plataformas de desarrollo y
usuario.
Trabaja con un grn nmero de navegadores.
Sencillo de implementar y de Ajaxificar aplicaciones
existentes.

Controles de Ajax
ScriptManager
ScriptManagerProxy
Timer
UpdatePanel
UpdateProgess

Una demo vale ms que mil vietas.

"Ajaxificando una Aplicacin Web"

Modificar el archivo web.config.
Resulta un poco complicado hacerlo a mano, por lo
que lo ms fcil es copiar las secciones necesarias
desde otro proyecto con ajax

Aadir a cada pgina (al principio) el control

ScriptManager
Encierre lo necesario en un UpdatePanel
Indquele al usuario que se esta efectuando una
solicitud. (Loading)

"Ajaxificando una Aplicacin Web"

Errores Comunes
No indicarle al usuario la carga de pgina
Encerrar todo el contenido en un UpdatePanel
Tratar de hacer un response.write
Sobrecargar la pgina con webcontrol (cuidemos
el viewstate)
Aviso de Errores
No registrar los puntos de historia en el
navegador.

Microsoft Ajax Control Toolkit

Controles
Gratis!!

AJAX CONTRO TOOLKIT

Desarrollado con el FeedBack de la Comunidad
Suite de 33 componentes y controles para tareas y
escenarios de uso comn Ej.
Accordion
CascadingDropDown
ModalPopUpExtender
DragPanel
ReorderList
CollapsiblePanel
Y ms estaremos revisando estos controles.

Escenarios comunes de Uso

Posibilidad de evitar el problema de Bloqueador de
Pop-up
Busque mientras escribe
Maximize las visualizaciones en pantalla.
Extienda controles con ms funcionalidad.
Utilice Sliders para sus aplicaciones.
Genere animaciones y mucho ms!

Nuevo Control Chart

Nuevo Control Gratuito para Charting
Fcil Instalacin
Fx. 3.5
Requiere VS2008 SP1

Soporta un montn de opciones - entre otras

pie, rea, rango, puntos, circular, acumulacin,
distribucin, interaccin con ajax, donut y
ms.
Genera en el cliente un archivo PNG

Nuevo Control Chart

Y estamos en la era de Javascript

FrameWork JQUERY
Open source
MIT y Licencia GPL

Integrable con VS2008

Compatibilidad Cross-browser
Liviano y Agil
15KB

Utilizado por la mayora de los grandes WebSites

Bank of America, Dell, Netflix, NBC _

Apoyada fuertemente por la comunidad

Revisaremos esta Librera y sus
posibilidades en una prxima
oportunidad
25

26

27

Recursos para los desarrolladores

http://microsoft.com/spanish/msdn/latam/mediacenter/
Microsoft MSDN Latinoamrica te ofrece los ltimos recursos multimedia en
espaol para desarrolladores: presentaciones y demostraciones en directo o
diferido, va Internet, brindadas por expertos de Microsoft, las cuales te ayudarn
a mantenerte al da con informacin sobre los productos y tecnologas que utilizas
a diario en el desarrollo de tus aplicaciones.

Leandro Masotti
lmasotti@accendra.com | http://www.accendra.com

Gonzalo Prez C.
chalalo@hotmail.com | http://www.chalalo.cl

2008 Microsoft Corporation. Todos los derechos reservados. Microsoft, Windows, Windows Vista y otros nombres de producto son y pueden ser marcas registradas y registros en Estados Unidos y en otros pases.
La informacin contenida en el presente es slo para fines informativos y representa la visin actual de Microsoft Corporation a la fecha de esta presentacin. Debido a que Microsoft debe responder a las cambiantes
condiciones del mercado, no se debe interpretar como un compromiso por parte de Microsoft, y Microsoft no puede garantizar la precisin de ninguna informacin provista despus de la fecha de esta presentacin.
MICROSOFT NO OFRECE GARANTA ALGUNA, EXPRESA, IMPLCITA O DE LEY, RESPECTO A LA INFORMACIN EN ESTA PRESENTACIN.

29