SlideShare a Scribd company logo
1 of 92
Pablo Espada Bueno www.esbupa.com   www.programadorautonomo.net
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
 
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
 
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
Browser Presentation (HTML/CSS) “ AJAX” Service Proxies UI Behavior (Script) ASP.NET Application Services Page Framework, Server Controls “ AJAX” Script Framework Client Application Services Component/UI Framework, Controls Server Application Pages UI Behavior (Managed Code) Initial Rendering (UI + Behavior) Data Data
Browser Presentation (HTML/CSS) ASP.NET Application Services Page Framework, Server Controls “ AJAX” Script Framework C lient Application Services Component/UI Framework, Controls Server Application Pages UI Behavior (Managed Code) Input Data Updated UI + Behavior Initial Rendering (UI + Behavior)
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
1. Crear un Banner Dinámico con un UpdatePanel y un Timer
[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],function Button1_onclick() { ret = SimpleService.SayHello(document.getElementById("Text1").value,OnComplete,OnTimeOut,OnError); return(true); }
[object Object],function OnComplete(arg) { alert(arg); } function OnTimeOut(arg) { alert("Se ha producido un timeout en la llamada a SayHello"); return(true); } function OnError(arg) { alert("Se ha producido un error en la llamada a SayHello"); return(true); }
1. Realizar una página web que realice una llamada a un servicio web que devuelva un tipo complejo (Por ejemplo, un Cliente) y actualizar la página con los valores retornados por dicho servicio
[object Object],[object Object],[object Object]
[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
1. Revisar en la Documentación de AJAX cómo utilizar las características de Membership de ASP.NET desde el cliente y montar la aplicación 2. Revisar el uso de Profile
[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],<ajaxToolkit:Accordion ID=&quot;MyAccordion&quot; runat=&quot;Server&quot; SelectedIndex=&quot;0&quot; HeaderCssClass=&quot;accordionHeader&quot; ContentCssClass=&quot;accordionContent&quot; AutoSize=&quot;None&quot; FadeTransitions=&quot;true&quot; TransitionDuration=&quot;250&quot; FramesPerSecond=&quot;40&quot; RequireOpenedPane=&quot;false&quot; SuppressHeaderPostbacks=&quot;true&quot;> <Panes> <ajaxToolkit:AccordionPane HeaderCssClass=&quot;accordionHeader&quot; ContentCssClass=&quot;accordionContent&quot;> <Header> . . . </Header> <Content> . . . </Content> </ajaxToolkit:AccordionPane>  . . . </Panes>  <HeaderTemplate>...</HeaderTemplate> <ContentTemplate>...</ContentTemplate> </ajaxToolkit:Accordion>
[object Object],[object Object],<ajaxToolkit:AlwaysVisibleControlExtender ID=&quot;ace&quot; runat=&quot;server&quot; TargetControlID=&quot;timer&quot;  VerticalSide=&quot;Top&quot; VerticalOffset=&quot;10&quot; HorizontalSide=&quot;Right&quot; HorizontalOffset=&quot;10&quot; ScrollEffectDuration=&quot;.1&quot;/>
[object Object],[object Object],[object Object],[object Object],<ajaxToolkit:AutoCompleteExtender  runat=&quot;server&quot;  ID=&quot;autoComplete1&quot;  TargetControlID=&quot;myTextBox&quot; ServiceMethod=&quot;GetCompletionList&quot; ServicePath=&quot;AutoComplete.asmx&quot;  MinimumPrefixLength=&quot;2&quot;  CompletionInterval=&quot;1000&quot; EnableCaching=&quot;true&quot; CompletionSetCount=&quot;12&quot; /> [System.Web.Services.WebMethod] [System.Web.Script.Services.ScriptMethod] public string[] GetCompletionList(string prefixText, int count) Sintaxis del Método
[object Object],[object Object],<ajaxToolkit:Calendar runat=&quot;server&quot; TargetControlID=&quot;Date1&quot; CssClass=&quot;ClassName&quot; Format=&quot;MMMM d, yyyy&quot; PopupButtonID=&quot;Image1&quot; />
[object Object],[object Object],<ajaxToolkit:CascadingDropDown ID=&quot;CDD1&quot; runat=&quot;server&quot; TargetControlID=&quot;DropDownList2&quot; Category=&quot;Model&quot; PromptText=&quot;Please select a model&quot; LoadingText=&quot;[Loading models...]&quot; ServicePath=&quot;CarsService.asmx&quot; ServiceMethod=&quot;GetDropDownContents&quot; ParentControlID=&quot;DropDownList1&quot; SelectedValue=&quot;SomeValue&quot; /> [System.Web.Services.WebMethod] [System.Web.Script.Services.ScriptMethod] public  static CascadingDropDownNameValue[] GetDropDownContents( string knownCategoryValues, string category) { ... } Sintaxis del Método
1. Crear una Página con CascadingDropDownLists que permita seleccionar Provincia - Localidad Podéis ayudaros del ejemplo del ToolKit y del Tutorial
[object Object],[object Object],<ajaxToolkit:CollapsiblePanelExtender ID=&quot;cpe&quot; runat=&quot;Server&quot; TargetControlID=&quot;Panel1&quot; CollapsedSize=&quot;0&quot; ExpandedSize=&quot;300&quot; Collapsed=&quot;True&quot; ExpandControlID=&quot;LinkButton1&quot; CollapseControlID=&quot;LinkButton1&quot; AutoCollapse=&quot;False&quot; AutoExpand=&quot;False&quot; ScrollContents=&quot;True&quot; TextLabelID=&quot;Label1&quot; CollapsedText=&quot;Show Details...&quot; ExpandedText=&quot;Hide Details&quot;  ImageControlID=&quot;Image1&quot; ExpandedImage=&quot;~/images/collapse.jpg&quot; CollapsedImage=&quot;~/images/expand.jpg&quot; ExpandDirection=&quot;Height&quot; />
[object Object],[object Object],<ajaxToolkit:ConfirmButtonExtender ID=&quot;cbe&quot; runat=&quot;server&quot; TargetControlID=&quot;LinkButton1&quot;  ConfirmText=&quot;Are you sure you want to click this?&quot; />
[object Object],[object Object],<ajaxToolkit:DragPanelExtender ID=&quot;DPE1&quot; runat=&quot;server&quot; TargetControlID=&quot;Panel3&quot; DragHandleID=&quot;Panel4&quot; />
[object Object],[object Object],[object Object],<ajaxToolkit:DropDownExtender runat=&quot;server&quot; ID=&quot;DDE&quot; TargetControlID=&quot;TextLabel&quot;  DropDownControlID=&quot;DropPanel&quot; />
[object Object],[object Object],<ajaxToolkit:DropShadowExtender ID=&quot;dse&quot; runat=&quot;server&quot; TargetControlID=&quot;Panel1&quot;  Opacity=&quot;.8&quot;  Rounded=&quot;true&quot; TrackPosition=&quot;true&quot; />
[object Object],[object Object],<ajaxToolkit:DynamicPopulateExtender ID=&quot;dp&quot; runat=&quot;server&quot; TargetControlID=&quot;Panel1&quot;  ClearContentsDuringUpdate=&quot;true&quot;  PopulateTriggerControlID=&quot;Label1&quot;  ServiceMethod=&quot;GetHtml&quot;  /> [System.Web.Services.WebMethod] [System.Web.Script.Services.ScriptMethod] string DynamicPopulateMethod(string contextKey) { ... } Sintaxis del Método
[object Object],[object Object],[object Object],[object Object],<ajaxToolkit:FilteredTextBoxExtender ID=&quot;ftbe&quot; runat=&quot;server&quot; TargetControlID=&quot;TextBox3&quot;  FilterType=&quot;Custom, Numbers&quot; ValidChars=&quot;+-=/*().&quot; />
[object Object],[object Object],<ajaxToolkit:HoverMenuExtender ID=&quot;hme2&quot; runat=&quot;Server&quot; TargetControlID=&quot;Panel9&quot; PopupControlID=&quot;PopupMenu&quot; HoverCssClass=&quot;popupHover&quot; PopupPosition=&quot;Left&quot; OffsetX=&quot;0&quot; OffsetY=&quot;0&quot; PopDelay=&quot;50&quot; />
[object Object],[object Object],<ajaxToolkit:ListSearchExtender id=&quot;LSE&quot; runat=&quot;server&quot; TargetControlID=&quot;ListBox1&quot; PromptText=&quot;Type to search&quot; PromptCssClass=&quot;ListSearchExtenderPrompt&quot; PromptPosition=&quot;Top&quot; />
[object Object],[object Object],[object Object],[object Object],<ajaxToolkit:MaskedEditExtender TargetControlID=&quot;TextBox2&quot;  Mask=&quot;99,999.99&quot; MessageValidatorTip=&quot;true&quot;  OnFocusCssClass=&quot;MaskedEditFocus&quot;  OnInvalidCssClass=&quot;MaskedEditError&quot; MaskType=&quot;Number&quot;  InputDirection=&quot;RightToLeft&quot;  AcceptNegative=&quot;Left&quot;  DisplayMoney=&quot;Left&quot;/> <ajaxToolkit:MaskedEditValidator ControlExtender=&quot;MaskedEditExtender2&quot; ControlToValidate=&quot;TextBox2&quot;  IsValidEmpty=&quot;False&quot;  MaximumValue=&quot;12000&quot;  EmptyValueMessage=&quot;Number is required&quot; InvalidValueMessage=&quot;Number is invalid&quot;  MaximumValueMessage=&quot;Number > 12.000&quot; MinimumValueMessage=&quot;Number < -100&quot;  MinimumValue=&quot;-100&quot; ValidationGroup=&quot;Demo1&quot; Display=&quot;Dynamic&quot;  TooltipMessage=&quot;Input a number: -100 up to 12.000&quot;/>
[object Object],[object Object],[object Object],[object Object],<ajaxToolkit:ModalPopupExtender ID=&quot;MPE&quot; runat=&quot;server&quot; TargetControlID=&quot;LinkButton1&quot; PopupControlID=&quot;Panel1&quot; BackgroundCssClass=&quot;modalBackground&quot;  DropShadow=&quot;true&quot;  OkControlID=&quot;OkButton&quot;  OnOkScript=&quot;onOk()&quot; CancelControlID=&quot;CancelButton&quot;  PopupDragHandleControlID=&quot;Panel3&quot; />
1. Realizar un ejemplo en el que, con un ModalPopUp, se seleccione que método de un servicio web se quiere ejecutar Tras la selección ejecutaremos este método y mostraremos el resultado por pantalla
[object Object],[object Object],<ajaxToolkit:MutuallyExclusiveCheckboxExtender runat=&quot;server&quot; ID=&quot;MustHaveGuestBedroomCheckBoxEx&quot; TargetControlID=&quot;MustHaveGuestBedroomCheckBox&quot;  Key=&quot;GuestBedroomCheckBoxes&quot; />
[object Object],[object Object],<ajaxToolkit:NoBot ID=&quot;NoBot2&quot; runat=&quot;server&quot; OnGenerateChallengeAndResponse=&quot;CustomChallengeResponse&quot; ResponseMinimumDelaySeconds=&quot;2&quot; CutoffWindowSeconds=&quot;60&quot; CutoffMaximumInstances=&quot;5&quot; />
[object Object],[object Object],[object Object],<ajaxToolkit:NumericUpDownExtender ID=&quot;NUD1&quot; runat=&quot;server&quot; TargetControlID=&quot;TextBox1&quot;  Width=&quot;100&quot; RefValues=&quot;January;February;March;April&quot; TargetButtonDownID=&quot;Button1&quot; TargetButtonUpID=&quot;Button2&quot; ServiceDownPath=&quot;WebService1.asmx&quot; ServiceDownMethod=&quot;PrevValue&quot; ServiceUpPath=&quot;WebService1.asmx&quot; ServiceUpMethod=&quot;NextValue&quot; Tag=&quot;1&quot; />
[object Object],[object Object],<ajaxToolkit:PagingBulletedListExtender ID=&quot;PBLE1&quot; runat=&quot;server&quot; TargetControlID=&quot;BulletedList1&quot;  ClientSort=&quot;true&quot; IndexSize=&quot;1&quot; MaxItemPerPage=&quot;20&quot; Separator=&quot; - &quot; SelectIndexCssClass=&quot;selectIndex&quot; UnselectIndexCssClass=&quot;unSelectIndex&quot; />
[object Object],[object Object],[object Object],<ajaxToolkit:PasswordStrength ID=&quot;PS&quot; runat=&quot;server&quot; TargetControlID=&quot;TextBox1&quot; DisplayPosition=&quot;RightSide&quot; StrengthIndicatorType=&quot;Text&quot; PreferredPasswordLength=&quot;10&quot; PrefixText=&quot;Strength:&quot; TextCssClass=&quot;TextIndicator_TextBox1&quot; MinimumNumericCharacters=&quot;0&quot; MinimumSymbolCharacters=&quot;0&quot; RequiresUpperAndLowerCaseCharacters=&quot;false&quot; TextStrengthDescriptions=&quot;Very Poor;Weak;Average;Strong;Excellent&quot; CalculationWeightings=&quot;50;15;15;20&quot; />
[object Object],[object Object],<ajaxToolkit:PopupControlExtender ID=&quot;PopEx&quot; runat=&quot;server&quot; TargetControlID=&quot;DateTextBox&quot; PopupControlID=&quot;Panel1&quot; Position=&quot;Bottom&quot; />
[object Object],[object Object],[object Object],<ajaxToolkit:Rating ID=&quot;ThaiRating&quot; runat=&quot;server&quot; CurrentRating=&quot;2&quot; MaxRating=&quot;5&quot; StarCssClass=&quot;ratingStar&quot; WaitingStarCssClass=&quot;savedRatingStar&quot; FilledStarCssClass=&quot;filledRatingStar&quot; EmptyStarCssClass=&quot;emptyRatingStar&quot; OnChanged=&quot;ThaiRating_Changed&quot; />
[object Object],[object Object],<ajaxToolkit:ReorderList ID=&quot;ReorderList1&quot; runat=&quot;server&quot;  DataSourceID=&quot;ObjectDataSource1&quot; DragHandleAlignment=&quot;Left&quot;  ItemInsertLocation=&quot;Beginning&quot; DataKeyField=&quot;ItemID&quot;  SortOrderField=&quot;Priority&quot; AllowReorder=&quot;true&quot;> <ItemTemplate>...</ItemTemplate> <ReorderTemplate>...</ReorderTemplate> <DragHandleTemplate>...</DragHandleTemplate> <InsertItemTemplate>...</InsertItemTemplate> </ajaxToolkit:ReorderList>
[object Object],[object Object],[object Object],<ajaxToolkit:ResizableControlExtender ID=&quot;RCE&quot; runat=&quot;server&quot; TargetControlID=&quot;PanelImage&quot; HandleCssClass=&quot;handleImage&quot; ResizableCssClass=&quot;resizingImage&quot; MinimumWidth=&quot;50&quot; MinimumHeight=&quot;20&quot; MaximumWidth=&quot;260&quot; MaximumHeight=&quot;130&quot; OnClientResize=&quot;OnClientResizeImage&quot; HandleOffsetX=&quot;3&quot; HandleOffsetY=&quot;3&quot; />
[object Object],[object Object],<ajaxToolkit:RoundedCornersExtender ID=&quot;rce&quot; runat=&quot;server&quot; TargetControlID=&quot;Panel1&quot; Radius=&quot;6&quot; Corners=&quot;All&quot; />
[object Object],[object Object],[object Object],<ajaxToolkit:SliderExtender ID=&quot;SliderExtender1&quot; runat=&quot;server&quot; TargetControlID=&quot;Slider1&quot; Minimum=&quot;-100&quot; Maximum=&quot;100&quot; BoundControlID=&quot;Slider1_BoundControl&quot; Steps=&quot;5&quot; /> <ajaxToolkit:SliderExtender ID=&quot;SliderExtender2&quot; runat=&quot;server&quot; TargetControlID=&quot;Slider2&quot; BoundControlID=&quot;Slider2_BoundControl&quot; Orientation=&quot;Vertical&quot; EnableHandleAnimation=&quot;true&quot; />
[object Object],[object Object],[object Object],<ajaxToolkit:SlideShowExtender ID=&quot;SlideShowExtender1&quot; runat=&quot;server&quot;  TargetControlID=&quot;Image1&quot;  SlideShowServiceMethod=&quot;GetSlides&quot;  AutoPlay=&quot;true&quot;  ImageDescriptionLabelID=&quot;imageLabel1&quot;  NextButtonID=&quot;nextButton&quot;  PlayButtonText=&quot;Play&quot;  StopButtonText=&quot;Stop&quot;  PreviousButtonID=&quot;prevButton&quot;  PlayButtonID=&quot;playButton&quot;  Loop=&quot;true&quot; />  [System.Web.Services.WebMethod] [System.Web.Script.Services.ScriptMethod] public AjaxControlToolkit.Slide[] GetSlides() { ... } Sintaxis del Método
[object Object],[object Object],[object Object],<ajaxToolkit:TabContainer runat=&quot;server&quot;  OnClientActiveTabChanged=&quot;ClientFunction&quot;  Height=&quot;150px&quot;> <ajaxToolkit:TabPanel runat=&quot;server&quot;  HeaderText=&quot;Signature and Bio&quot; <ContentTemplate> ... </ContentTemplate> /> </ajaxToolkit:TabContainer>
[object Object],[object Object],[object Object],[object Object],<ajaxToolkit:TextBoxWatermarkExtender ID=&quot;TBWE2&quot; runat=&quot;server&quot; TargetControlID=&quot;TextBox1&quot; WatermarkText=&quot;Type First Name Here&quot; WatermarkCssClass=&quot;watermarked&quot; />
[object Object],[object Object],<ajaxToolkit:ToggleButtonExtender ID=&quot;ToggleEx&quot; runat=&quot;server&quot; TargetControlID=&quot;CheckBox1&quot;  ImageWidth=&quot;19&quot;  ImageHeight=&quot;19&quot; CheckedImageAlternateText=&quot;Check&quot; UncheckedImageAlternateText=&quot;UnCheck&quot; UncheckedImageUrl=&quot;ToggleButton_Unchecked.gif&quot;  CheckedImageUrl=&quot;ToggleButton_Checked.gif&quot; />
[object Object],[object Object],[object Object],<ajaxToolkit:ValidatorCalloutExtender  runat=&quot;Server&quot; ID=&quot;PNReqE&quot; TargetControlID=&quot;PNReq&quot;  Width=&quot;350px&quot; HighlightCssClass=&quot;highlight&quot;  WarningIconImageUrl=&quot;warning.gif&quot; CloseImageUrl=&quot;close.gif&quot; />
1. Para el típico formulario de captura de datos (al ménos con 5 campos), añadirle comportamientos AJAX para mejorar la experiencia del usuario
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
[object Object],[object Object],[object Object],[object Object],[object Object]
www.programadorautonomo.net

More Related Content

Viewers also liked

Presentación Animada 100 diapositivas
Presentación Animada 100 diapositivasPresentación Animada 100 diapositivas
Presentación Animada 100 diapositivasMaiteMiguens
 
tipos de imagenes
tipos de imagenestipos de imagenes
tipos de imagenesDanIri
 
Dibujo animado power point
Dibujo animado power pointDibujo animado power point
Dibujo animado power pointFran Vargas
 
Diapositivas comercio exterior
Diapositivas comercio exteriorDiapositivas comercio exterior
Diapositivas comercio exteriorKioko Solar
 
Procedimientos de diagnostico en las enfermedades respiratorias
Procedimientos de diagnostico en las enfermedades respiratoriasProcedimientos de diagnostico en las enfermedades respiratorias
Procedimientos de diagnostico en las enfermedades respiratoriasMariola Monterde
 
Metodos de diagnostico en las enfermedades respiratorias
Metodos de diagnostico en las enfermedades respiratoriasMetodos de diagnostico en las enfermedades respiratorias
Metodos de diagnostico en las enfermedades respiratoriasArianita Mishu
 
Presentación clima organizacional
Presentación clima organizacionalPresentación clima organizacional
Presentación clima organizacionalcarlacasanova31
 
Cultura Y Clima Organizacional
Cultura Y Clima OrganizacionalCultura Y Clima Organizacional
Cultura Y Clima Organizacionalwishna
 
Diapositiva clima organizacional
Diapositiva clima organizacionalDiapositiva clima organizacional
Diapositiva clima organizacionalrieryk
 
Clima organizacional presentacion en powerpoint
Clima organizacional presentacion en powerpointClima organizacional presentacion en powerpoint
Clima organizacional presentacion en powerpointCatalina Gallego
 
Clima Organizacional
Clima OrganizacionalClima Organizacional
Clima OrganizacionalDanny Sayago
 
Definiciones de clima organizacional, sus aspectos condicionantes y caracterí...
Definiciones de clima organizacional, sus aspectos condicionantes y caracterí...Definiciones de clima organizacional, sus aspectos condicionantes y caracterí...
Definiciones de clima organizacional, sus aspectos condicionantes y caracterí...rosaemiliagm
 
Material Didáctico para Educación Inicial
Material Didáctico para Educación InicialMaterial Didáctico para Educación Inicial
Material Didáctico para Educación Inicialromuloenrique
 
Metodos diagnosticos y terapeuticos en neumologia completa
Metodos diagnosticos y terapeuticos en neumologia completaMetodos diagnosticos y terapeuticos en neumologia completa
Metodos diagnosticos y terapeuticos en neumologia completaJose Manuel Yepiz Carrillo
 

Viewers also liked (20)

Presentación Animada 100 diapositivas
Presentación Animada 100 diapositivasPresentación Animada 100 diapositivas
Presentación Animada 100 diapositivas
 
Bio ppt
Bio pptBio ppt
Bio ppt
 
Presentación 1 GIF
Presentación 1 GIFPresentación 1 GIF
Presentación 1 GIF
 
tipos de imagenes
tipos de imagenestipos de imagenes
tipos de imagenes
 
Dibujo animado power point
Dibujo animado power pointDibujo animado power point
Dibujo animado power point
 
Diapositivas comercio exterior
Diapositivas comercio exteriorDiapositivas comercio exterior
Diapositivas comercio exterior
 
Auxiliares en el diagnostico de neumologia
Auxiliares en el diagnostico de neumologiaAuxiliares en el diagnostico de neumologia
Auxiliares en el diagnostico de neumologia
 
Procedimientos de diagnostico en las enfermedades respiratorias
Procedimientos de diagnostico en las enfermedades respiratoriasProcedimientos de diagnostico en las enfermedades respiratorias
Procedimientos de diagnostico en las enfermedades respiratorias
 
Metodos de diagnostico en las enfermedades respiratorias
Metodos de diagnostico en las enfermedades respiratoriasMetodos de diagnostico en las enfermedades respiratorias
Metodos de diagnostico en las enfermedades respiratorias
 
Presentación clima organizacional
Presentación clima organizacionalPresentación clima organizacional
Presentación clima organizacional
 
MÉTODOS DIAGNÓSTICOS EN ENFERMEDADES PULMONARES
MÉTODOS DIAGNÓSTICOS EN ENFERMEDADES PULMONARESMÉTODOS DIAGNÓSTICOS EN ENFERMEDADES PULMONARES
MÉTODOS DIAGNÓSTICOS EN ENFERMEDADES PULMONARES
 
Cultura Y Clima Organizacional
Cultura Y Clima OrganizacionalCultura Y Clima Organizacional
Cultura Y Clima Organizacional
 
Diapositiva clima organizacional
Diapositiva clima organizacionalDiapositiva clima organizacional
Diapositiva clima organizacional
 
Clima Laboral
Clima LaboralClima Laboral
Clima Laboral
 
Presentacion clima laboral
Presentacion clima laboralPresentacion clima laboral
Presentacion clima laboral
 
Clima organizacional presentacion en powerpoint
Clima organizacional presentacion en powerpointClima organizacional presentacion en powerpoint
Clima organizacional presentacion en powerpoint
 
Clima Organizacional
Clima OrganizacionalClima Organizacional
Clima Organizacional
 
Definiciones de clima organizacional, sus aspectos condicionantes y caracterí...
Definiciones de clima organizacional, sus aspectos condicionantes y caracterí...Definiciones de clima organizacional, sus aspectos condicionantes y caracterí...
Definiciones de clima organizacional, sus aspectos condicionantes y caracterí...
 
Material Didáctico para Educación Inicial
Material Didáctico para Educación InicialMaterial Didáctico para Educación Inicial
Material Didáctico para Educación Inicial
 
Metodos diagnosticos y terapeuticos en neumologia completa
Metodos diagnosticos y terapeuticos en neumologia completaMetodos diagnosticos y terapeuticos en neumologia completa
Metodos diagnosticos y terapeuticos en neumologia completa
 

Similar to Desarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control Toolkit

Similar to Desarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control Toolkit (20)

Ajax Atlas
Ajax AtlasAjax Atlas
Ajax Atlas
 
Asp .Net Ajax: Patrones
Asp .Net Ajax: PatronesAsp .Net Ajax: Patrones
Asp .Net Ajax: Patrones
 
Intro a ASP.NET
Intro a ASP.NETIntro a ASP.NET
Intro a ASP.NET
 
AJAX EN CURSO PHP
AJAX EN CURSO PHPAJAX EN CURSO PHP
AJAX EN CURSO PHP
 
Ajax
AjaxAjax
Ajax
 
2009_asp.net_capitulo_1
2009_asp.net_capitulo_12009_asp.net_capitulo_1
2009_asp.net_capitulo_1
 
Ajax
AjaxAjax
Ajax
 
Presentacion sobre asp
Presentacion sobre aspPresentacion sobre asp
Presentacion sobre asp
 
Asp
AspAsp
Asp
 
Asp.net
Asp.netAsp.net
Asp.net
 
ASP.NET Guia de desarrollo de sitios y aplicaciones web dinamicas
ASP.NET Guia de desarrollo de sitios y aplicaciones web dinamicasASP.NET Guia de desarrollo de sitios y aplicaciones web dinamicas
ASP.NET Guia de desarrollo de sitios y aplicaciones web dinamicas
 
Libro introducción a ajax
Libro introducción a ajaxLibro introducción a ajax
Libro introducción a ajax
 
Ekipo 2
Ekipo 2Ekipo 2
Ekipo 2
 
Revision de tecnologias web
Revision de tecnologias webRevision de tecnologias web
Revision de tecnologias web
 
Ajax
AjaxAjax
Ajax
 
Servicios web
Servicios webServicios web
Servicios web
 
EQUIPO 2,LAS AGUILAS
EQUIPO 2,LAS AGUILASEQUIPO 2,LAS AGUILAS
EQUIPO 2,LAS AGUILAS
 
Introduccion Ajax V1.0
Introduccion Ajax V1.0Introduccion Ajax V1.0
Introduccion Ajax V1.0
 
AJAX
AJAXAJAX
AJAX
 
Desarrollando Una Mejor Experiencia De Usuario Con Ajax
Desarrollando Una Mejor Experiencia De Usuario Con AjaxDesarrollando Una Mejor Experiencia De Usuario Con Ajax
Desarrollando Una Mejor Experiencia De Usuario Con Ajax
 

Recently uploaded

El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxEl_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxAlexander López
 
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptTEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptJavierHerrera662252
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptMiguelAtencio10
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA241531640
 
Arenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxArenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxJOSEFERNANDOARENASCA
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELmaryfer27m
 
Plan Sarmiento - Netbook del GCBA 2019..
Plan Sarmiento - Netbook del GCBA 2019..Plan Sarmiento - Netbook del GCBA 2019..
Plan Sarmiento - Netbook del GCBA 2019..RobertoGumucio2
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.241514949
 
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptxGoogle-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptxAlexander López
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadMiguelAngelVillanuev48
 
Segunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptxSegunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptxMariaBurgos55
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxNombre Apellidos
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxAlexander López
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafiosFundación YOD YOD
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxaylincamaho
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx241522327
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfSergioMendoza354770
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx241523733
 
Hernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptxHernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptxJOSEMANUELHERNANDEZH11
 
R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaR1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaarkananubis
 

Recently uploaded (20)

El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptxEl_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
El_Blog_como_herramienta_de_publicacion_y_consulta_de_investigacion.pptx
 
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.pptTEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
TEMA 2 PROTOCOLO DE EXTRACCION VEHICULAR.ppt
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.ppt
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
 
Arenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptxArenas Camacho-Practica tarea Sesión 12.pptx
Arenas Camacho-Practica tarea Sesión 12.pptx
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFEL
 
Plan Sarmiento - Netbook del GCBA 2019..
Plan Sarmiento - Netbook del GCBA 2019..Plan Sarmiento - Netbook del GCBA 2019..
Plan Sarmiento - Netbook del GCBA 2019..
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.
 
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptxGoogle-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
Google-Meet-como-herramienta-para-realizar-reuniones-virtuales.pptx
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidad
 
Segunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptxSegunda ley de la termodinámica TERMODINAMICA.pptx
Segunda ley de la termodinámica TERMODINAMICA.pptx
 
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptxCrear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
Crear un recurso multimedia. Maricela_Ponce_DomingoM1S3AI6-1.pptx
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafios
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
 
FloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptxFloresMorales_Montserrath_M1S3AI6 (1).pptx
FloresMorales_Montserrath_M1S3AI6 (1).pptx
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
 
GonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptxGonzalezGonzalez_Karina_M1S3AI6... .pptx
GonzalezGonzalez_Karina_M1S3AI6... .pptx
 
Hernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptxHernandez_Hernandez_Practica web de la sesion 11.pptx
Hernandez_Hernandez_Practica web de la sesion 11.pptx
 
R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaR1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en mina
 

Desarrollo de Aplicaciones con Microsoft Ajax 1.0 y Ajax Control Toolkit

  • 1. Pablo Espada Bueno www.esbupa.com www.programadorautonomo.net
  • 2.
  • 3.
  • 4.
  • 5.  
  • 6.
  • 7.
  • 8.
  • 9.  
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18. Browser Presentation (HTML/CSS) “ AJAX” Service Proxies UI Behavior (Script) ASP.NET Application Services Page Framework, Server Controls “ AJAX” Script Framework Client Application Services Component/UI Framework, Controls Server Application Pages UI Behavior (Managed Code) Initial Rendering (UI + Behavior) Data Data
  • 19. Browser Presentation (HTML/CSS) ASP.NET Application Services Page Framework, Server Controls “ AJAX” Script Framework C lient Application Services Component/UI Framework, Controls Server Application Pages UI Behavior (Managed Code) Input Data Updated UI + Behavior Initial Rendering (UI + Behavior)
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28. 1. Crear un Banner Dinámico con un UpdatePanel y un Timer
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34. 1. Realizar una página web que realice una llamada a un servicio web que devuelva un tipo complejo (Por ejemplo, un Cliente) y actualizar la página con los valores retornados por dicho servicio
  • 35.
  • 36.
  • 37.
  • 38. 1. Revisar en la Documentación de AJAX cómo utilizar las características de Membership de ASP.NET desde el cliente y montar la aplicación 2. Revisar el uso de Profile
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52. 1. Crear una Página con CascadingDropDownLists que permita seleccionar Provincia - Localidad Podéis ayudaros del ejemplo del ToolKit y del Tutorial
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63.
  • 64. 1. Realizar un ejemplo en el que, con un ModalPopUp, se seleccione que método de un servicio web se quiere ejecutar Tras la selección ejecutaremos este método y mostraremos el resultado por pantalla
  • 65.
  • 66.
  • 67.
  • 68.
  • 69.
  • 70.
  • 71.
  • 72.
  • 73.
  • 74.
  • 75.
  • 76.
  • 77.
  • 78.
  • 79.
  • 80.
  • 81. 1. Para el típico formulario de captura de datos (al ménos con 5 campos), añadirle comportamientos AJAX para mejorar la experiencia del usuario
  • 82.
  • 83.
  • 84.
  • 85.
  • 86.
  • 87.
  • 88.
  • 89.
  • 90.
  • 91.