SlideShare una empresa de Scribd logo
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

Más contenido relacionado

La actualidad más candente

CASE STUDY - THE NEXTGEN POS SYSTEM (2).ppt
CASE STUDY - THE NEXTGEN POS SYSTEM (2).pptCASE STUDY - THE NEXTGEN POS SYSTEM (2).ppt
CASE STUDY - THE NEXTGEN POS SYSTEM (2).ppt
Jayaprasanna4
 
Plantilla formato ieee830
Plantilla formato ieee830Plantilla formato ieee830
Plantilla formato ieee830
ljds
 
Unit 3 object analysis-classification
Unit 3 object analysis-classificationUnit 3 object analysis-classification
Unit 3 object analysis-classificationgopal10scs185
 
Modelo dominio y secuencia
Modelo dominio y secuenciaModelo dominio y secuencia
Modelo dominio y secuenciabrayanfp
 
Ch20-Software Engineering 9
Ch20-Software Engineering 9Ch20-Software Engineering 9
Ch20-Software Engineering 9Ian Sommerville
 
Software Requirement Specification
Software Requirement SpecificationSoftware Requirement Specification
Software Requirement Specification
Dr Sukhpal Singh Gill
 
PRIMER TRABAJO
PRIMER TRABAJOPRIMER TRABAJO

La actualidad más candente (8)

CASE STUDY - THE NEXTGEN POS SYSTEM (2).ppt
CASE STUDY - THE NEXTGEN POS SYSTEM (2).pptCASE STUDY - THE NEXTGEN POS SYSTEM (2).ppt
CASE STUDY - THE NEXTGEN POS SYSTEM (2).ppt
 
Plantilla formato ieee830
Plantilla formato ieee830Plantilla formato ieee830
Plantilla formato ieee830
 
Unit 3 object analysis-classification
Unit 3 object analysis-classificationUnit 3 object analysis-classification
Unit 3 object analysis-classification
 
Modelo dominio y secuencia
Modelo dominio y secuenciaModelo dominio y secuencia
Modelo dominio y secuencia
 
Metodologia oohdm
Metodologia oohdmMetodologia oohdm
Metodologia oohdm
 
Ch20-Software Engineering 9
Ch20-Software Engineering 9Ch20-Software Engineering 9
Ch20-Software Engineering 9
 
Software Requirement Specification
Software Requirement SpecificationSoftware Requirement Specification
Software Requirement Specification
 
PRIMER TRABAJO
PRIMER TRABAJOPRIMER TRABAJO
PRIMER TRABAJO
 

Destacado

Presentación Animada 100 diapositivas
Presentación Animada 100 diapositivasPresentación Animada 100 diapositivas
Presentación Animada 100 diapositivas
MaiteMiguens
 
Bio ppt
Bio pptBio ppt
Presentación 1 GIF
Presentación 1 GIFPresentación 1 GIF
Presentación 1 GIF
Luis Angel Jimenez Perez
 
tipos de imagenes
tipos de imagenestipos de imagenes
tipos de imagenes
DanIri
 
Dibujo animado power point
Dibujo animado power pointDibujo animado power point
Dibujo animado power point
Fran Vargas
 
Diapositivas comercio exterior
Diapositivas comercio exteriorDiapositivas comercio exterior
Diapositivas comercio exterior
Kioko 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 respiratorias
Arianita Mishu
 
Presentación clima organizacional
Presentación clima organizacionalPresentación clima organizacional
Presentación clima organizacionalcarlacasanova31
 
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
HOSPITAL CLINICO UNIVERSIDAD DE CHILE
 
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 organizacional
rieryk
 
Clima Laboral
Clima LaboralClima Laboral
Clima Laboral
guestca671d
 
Clima organizacional presentacion en powerpoint
Clima organizacional presentacion en powerpointClima organizacional presentacion en powerpoint
Clima organizacional presentacion en powerpoint
Catalina Gallego
 
Clima Organizacional
Clima OrganizacionalClima Organizacional
Clima Organizacional
Danny 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
 

Destacado (20)

Como se hacen los gif animados
Como se hacen los gif animadosComo se hacen los gif animados
Como se hacen los gif animados
 
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
 

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

Asp .Net Ajax: Patrones
Asp .Net Ajax: PatronesAsp .Net Ajax: Patrones
Asp .Net Ajax: Patrones
juliocasal
 
Intro a ASP.NET
Intro a ASP.NETIntro a ASP.NET
Intro a ASP.NET
williamsm
 
2009_asp.net_capitulo_1
2009_asp.net_capitulo_12009_asp.net_capitulo_1
2009_asp.net_capitulo_1
zhylz Zevallos
 
Ajax
AjaxAjax
Ajax
jeci666h
 
Presentacion sobre asp
Presentacion sobre aspPresentacion sobre asp
Presentacion sobre asp
karenReyes152
 
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
Víctor Acosta Santivañez
 
Asp.net
Asp.netAsp.net
Asp.net
Jin SinCara
 
Libro introducción a ajax
Libro introducción a ajaxLibro introducción a ajax
Libro introducción a ajax
Hector Cruz cortes
 
Ekipo 2
Ekipo 2Ekipo 2
Ekipo 2
handy.ale
 
Revision de tecnologias web
Revision de tecnologias webRevision de tecnologias web
Revision de tecnologias webFRISLY5
 
EQUIPO 2,LAS AGUILAS
EQUIPO 2,LAS AGUILASEQUIPO 2,LAS AGUILAS
EQUIPO 2,LAS AGUILAS
UNIV DE CIENCIAS Y ARTES
 
Introduccion Ajax V1.0
Introduccion Ajax V1.0Introduccion Ajax V1.0
Introduccion Ajax V1.0Arnulfo Gomez
 
AJAX
AJAXAJAX
AJAX
phidalgo
 
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
juliocasal
 

Similar a 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 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
 
Asp.net
Asp.netAsp.net
Asp.net
 
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
 

Último

Desarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdfDesarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
AlejandraCasallas7
 
Robótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptxRobótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptx
44652726
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
thomasdcroz38
 
Posnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativaPosnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativa
Fernando Villares
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
jjfch3110
 
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
marianabz2403
 
Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
ItsSofi
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
DiegoCampos433849
 
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
DanielErazoMedina
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
raquelariza02
 
Diagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestreDiagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestre
rafaelsalazar0615
 
3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto
cdraco
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
vazquezgarciajesusma
 
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTALINFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
CrystalRomero18
 
Estructuras básicas_ conceptos de programación (1).docx
Estructuras básicas_ conceptos de programación  (1).docxEstructuras básicas_ conceptos de programación  (1).docx
Estructuras básicas_ conceptos de programación (1).docx
SamuelRamirez83524
 
EduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clasesEduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clases
PABLOCESARGARZONBENI
 
Estructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdfEstructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdf
cristianrb0324
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
cj3806354
 
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Telefónica
 
Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
JulyMuoz18
 

Último (20)

Desarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdfDesarrollo de Habilidades de Pensamiento.docx (3).pdf
Desarrollo de Habilidades de Pensamiento.docx (3).pdf
 
Robótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptxRobótica educativa para la eduacion primaria .pptx
Robótica educativa para la eduacion primaria .pptx
 
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfTRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
TRABAJO DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
 
Posnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativaPosnarrativas en la era de la IA generativa
Posnarrativas en la era de la IA generativa
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
 
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
 
Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
 
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
 
proyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmusproyecto invernadero desde el departamento de tecnología para Erasmus
proyecto invernadero desde el departamento de tecnología para Erasmus
 
Diagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestreDiagrama de flujo soporte técnico 5to semestre
Diagrama de flujo soporte técnico 5to semestre
 
3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
 
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTALINFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
 
Estructuras básicas_ conceptos de programación (1).docx
Estructuras básicas_ conceptos de programación  (1).docxEstructuras básicas_ conceptos de programación  (1).docx
Estructuras básicas_ conceptos de programación (1).docx
 
EduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clasesEduFlex, una educación accesible para quienes no entienden en clases
EduFlex, una educación accesible para quienes no entienden en clases
 
Estructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdfEstructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdf
 
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdfTrabajo Coding For kids 1 y 2 grado 9-4.pdf
Trabajo Coding For kids 1 y 2 grado 9-4.pdf
 
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
Índice del libro "Big Data: Tecnologías para arquitecturas Data-Centric" de 0...
 
Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
 

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.