Tugas pw [kelompok 25]
- 1. ASP .NET 2.0 and ASP .NET AJAX5108100011 – Hapsoro Adi P.5108100053 – Thaufan Ardi A.5108100099 – Jun Riandri
- 2. DEFINISIWeb application framework buatan MSASP -> Active Server Pages
- 3. KELEBIHANMudah digunakanLebih cepat dari PHPLanguage support (VB.NET, C#, etc)User friendlyMurah (free installation package)
- 4. How Active Server Pages WorkClient sends requestServer receives request and directs it to ASPASP processes, then returns result to clientHTTP request typesRequest methodsGETGets (retrieves) information from serverRetrieve HTML document or imagePOSTPosts (sends) data to serverSend info from HTML formClient-entered dataInfo to search InternetQuery for a databaseAuthentication info
- 5. How Active Server Pages WorkBrowsers often cache Web pagesCache: save on diskTypically do not cache POST responseNext POST request may not return same resultClient requests ASP fileParsed (top to bottom) by ActiveX component asp.dllActiveX component: server-side ActiveX control that usually does not have GUICode executed as encountered@LANGUAGE statementSpecifies scripting languageIf not used, VBScript assumedAs interpreted, HTML (plus client-side scripts) sent to clientParsed each time requestedWeb server must support ASP by providing component such as asp.dll
- 6. ASP .NET 2.0 & AJAXServer-side ActiveX ComponentsWeb controlsSession trackingCase studyAJAX
- 7. Server-side ActiveX ComponentsServer-side ActiveX componentsTypically do not have GUIIf scripting language for ASP not support certain feature, create ActiveX Server componentVisual C++, Visual Basic, Delphi, etc.Usually execute faster than scripting language equivalentsExecuted on serverClient does not need to support ActiveX technologies
- 8. WEB CONTROLSText controlsAdRotator controlsValidation controls
- 9. Text Control (1)<html><body><form runat="server">A basic TextBox:<asp:TextBox id="tb1" runat="server" /><br /><br />A password TextBox:<asp:TextBox id="tb2" TextMode="password" runat="server" /><br /><br />A TextBox with text:<asp:TextBox id="tb4" Text="Hello World!" runat="server" /><br /><br />A multiline TextBox:<asp:TextBox id="tb3" TextMode="multiline" runat="server" /><br /><br />A TextBox with height:<asp:TextBox id="tb6" rows="5" TextMode="multiline"runat="server" /><br /><br />A TextBox with width:<asp:TextBox id="tb5" columns="30" runat="server" /></form></body></html>
- 12. Text Controls (2)<script runat="server">Sub submit(sender As Object, e As EventArgs) lbl1.Text="Your name is " & txt1.TextEnd Sub</script><html><body><form runat="server">Enter your name:<asp:TextBox id="txt1" runat="server" /><asp:Button OnClick="submit" Text="Submit" runat="server" /><p><asp:Label id="lbl1" runat="server" /></p></form></body></html>
- 13. Image Controls
- 14. adRotator
- 15. Validation Controls (1)<script runat="server">sub check_operator(sender As Object, e As EventArgs) compval.Operator=CType(list.SelectedIndex,ValidationCompareOperator) compval.Validate()end sub</script><html><body><form runat="server"><table border="0" bgcolor="#b0c4de"> <tr valign="top"> <td colspan="4"><h4>Compare two values</h4></td> </tr>
- 16. Validation Controls (1) <tr valign="top"> <td><asp:TextBox id="txt1" runat="server" /></td> <td> <asp:ListBox id="list" rows="2" OnSelectedIndexChanged="check_operator" runat="server"> <asp:ListItem value="Equal" selected>=</asp:ListItem> <asp:ListItem value="NotEqual"><></asp:ListItem> </asp:ListBox> </td> <td><asp:TextBox id="txt2" runat="server" /></td> <td><asp:Button Text="Validate" runat="server" /></td> </tr></table><br /><asp:CompareValidatorid="compval" Display="dynamic"ControlToValidate="txt1" ControlToCompare="txt2" ForeColor="red" BackColor="yellow" Type="String"EnableClientScript="false" Text="Validation Failed!" runat="server" /></form></body></html>
- 19. What is a Cookie?A cookie is often used to identify a user. A cookie is a small file that the server embeds on the user's computer. Each time the same computer requests a page with a browser, it will send the cookie too. With ASP, you can both create and retrieve cookie values.
- 20. Accessing a Database from an Active Server PageASP can communicate with databasesVia ADO (ActiveX Data Objects)Three-tier distributed applicationsUser interfaceOften created using HTML, Dynamic HTML or XMLBusiness logicUse Web serversDatabase accessAll three tiers may reside on separate computers connected to a network
- 21. With database
- 22. 1 <% @LANGUAGE = VBScript %> 2 <%Option Explicit%> 3 4 <%' Fig. 26.16 : login.asp%> 5 6 <% 7 ' Set up the variables for this page 8 Dim dbConn, dbQuery, loginRS, loginFound 9 10 ' Check to see if there is an existing connection to 11 ' the Database. If not, create one 12 IfIsObject( Session( "mothergoose_dbConn" ) ) Then 13 Set dbConn = Session( "mothergoose_dbConn" ) 14 Else 15 Set dbConn = Server.CreateObject( "ADODB.Connection" ) 16 Call dbConn.Open( "mothergoose", "", "" ) 17 Set Session( "mothergoose_dbConn" ) = dbConn 18 End If 19 20 ' Create the SQL query 21 dbQuery = "SELECT * FROM users" 22 23 ' Create the recordset 24 Set loginRS = Server.CreateObject( "ADODB.Recordset" ) 25 Call loginRS.Open( dbQuery, dbConn ) 26 27 On Error Resume Next' If an error occurs, ignore it 28 29 ' Move to the first record in the recordset 30 Call loginRS.MoveFirst() 31 %> 32 1.1 Test if session variable mothergoose_dbConn is storing an object
- 23. 1.2 If not, create an ADODB.Connection object to open a connection
- 24. 1.3 Create SQL query
- 25. 1.4 Create recordset33<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">34<HTML>35<HEAD><TITLE>Login Page</TITLE></HEAD>3637<BODY>38<!-- include header goes here--> 39<!-- #include virtual = "/includes/mgtheader.inc" -->4041<%42 ' If this is a return after a failed attempt, print an error43If Session( "loginFailure" ) = True Then%>44<FONT SIZE =4COLOR ="red"> Login attempt failed, 45please try again <P></FONT>46<%End If%>4748<%' Begin the form%>49<FONT FACE ="arial"SIZE =2>50Please select your name and enter 51your password to login:<BR>52</FONT>53<FORM NAME =sublogformACTION ="submitlogin.asp" METHOD =POST>5455<%' Format the form using a table%>56<TABLE BORDER = 0>57<TR>58<TD><FONT FACE ="arial"SIZE =2>Name:</FONT></TD>59<TD><SELECT NAME ="LOGINID">60<OPTION VALUE ="000">Select your name61<%62 ' Pull user names from the query to populate the dropdown63WhileNot loginRS.EOF641.5 Test if session variable loginFailure is True
- 26. 1.6 Create dropdown menu from recordset65 ' If there is a session loginid, reuse it66If Session( "loginid" ) = loginRS( "loginid" ) Then67 loginFound = "selected "68End If6970 ' If a login cookie was found, reuse it71IfRequest.Cookies( "loginid" ) = loginRS( "loginid" ) Then72 loginfound = "selected "73End If7475 ' Create each dropdown entry %>76<OPTION<% =loginFound %>77VALUE = "<%=loginRS( "loginid" )%>">78<% =loginRS( "loginid" ) %>79<% loginfound = " " %>80<%81Call loginRS.MoveNext()82Wend83%>84</SELECT>85</TD>86</TR>8788<TR>89<TD><FONT FACE ="arial"SIZE ="2">Password:</FONT></TD>90<TD><INPUT TYPE ="password" NAME = "SUBMIT_LOGIN"></TD>91</TR>92<TR>93<TD> </TD>94<TD ALIGN ="LEFT"><INPUT TYPE = "submit" VALUE ="Log Me In" 95ID ="login1"NAME ="login1"></TD>96</TR>1.7 Test for session loginid and loginid cookie (written by submitlogin.asp) 97 </TABLE> 98 </FORM> 99 </FONT> 100 101 <!-- #include virtual = "/includes/mgtfooter.inc" --> 102 103 </BODY> 104 105 </HTML>
- 27. AJAXAJAX = Asynchronous JavaScript and XML.AJAX is based on JavaScript and HTTP requests.AJAX is not a new programming language, but a new way to use existing standards.AJAX is the art of trading data with a web server, and changing parts of a web page, without reloading the whole page.
- 28. Sejarah AJAXPadaawalnya ASP.NET AJAX diberinama Atlas.Dirilispadatahun 2005 dalambentuk CTPs (Community Tkenis Previews)ASP.NET AJAX 1.0 RTM dirilis 23 januari 2007 sebagaitembahan ASP.NET 2.0
- 29. Browser supportIE (>= 6.0)Mozilla Firefox (>= 1.5)Opera (>= 9.0)Apple Safari (>= 2.0)Google Chrome
- 30. Arsitektur ASP.NET AJAXASP.NET AJAX merupakan framework ygterdiridaripusaka script client dankomponen server ygterintegrasi.Komponen server ASP.NET AJAX terdiridarikontrol – kontrol web server ASP.NET dan komponen2 untungmengatur UI danaluraplikasi, validasi, control server, dansebagainya.
- 31. Control serverContoh control server ASP.NET AJAX ygseringdigunakan :- ScriptManager- UpdatePanel- UpdateProgress- Timer
- 32. AJAX
Editor's Notes
- #3: ASP.NET is a web application framework developed and marketed by Microsoft to allow programmers to build dynamic web sites, web applications and web services. It was first released in January 2002 with version 1.0 of the .NET Framework, and is the successor to Microsoft's Active Server Pages (ASP) technology. ASP.NET is built on the Common Language Runtime (CLR), allowing programmers to write ASP.NET code using any supported .NET language. The ASP.NET SOAP extension framework allows ASP.NET components to process SOAP messages.
- #8: ActiveX is a framework for defining reusable software components that perform a particular function or a set of functions in Microsoft Windows in a way that is independent of the programming language used to implement them. A software application can then be composed from one or more of these components in order to provide its functionality
- #11: <html><body><form runat="server">A basic TextBox:<asp:TextBox id="tb1" runat="server" /><br /><br />A password TextBox:<asp:TextBox id="tb2" TextMode="password" runat="server" /><br /><br />A TextBox with text:<asp:TextBox id="tb4" Text="Hello World!" runat="server" /><br /><br />A multiline TextBox:<asp:TextBox id="tb3" TextMode="multiline" runat="server" /><br /><br />A TextBox with height:<asp:TextBox id="tb6" rows="5" TextMode="multiline"runat="server" /><br /><br />A TextBox with width:<asp:TextBox id="tb5" columns="30" runat="server" /></form></body></html>
- #12: <script runat="server">Sub submit(sender As Object, e As EventArgs) lbl1.Text="Your name is " & txt1.TextEnd Sub</script><html><body><form runat="server">Enter your name:<asp:TextBox id="txt1" runat="server" /><asp:Button OnClick="submit" Text="Submit" runat="server" /><p><asp:Label id="lbl1" runat="server" /></p></form></body></html>
- #14: <html><body><form runat="server"><asp:Imagerunat="server"AlternateText="W3Schools"ImageUrl="/banners/w6.gif"/></form></body></html>
- #15: <script runat="server"> Sub change_url(sender As Object, e As AdCreatedEventArgs) e.NavigateUrl="http://www.w3schools.com" End Sub </script><html><body><form runat="server"><asp:AdRotator AdvertisementFile="Ad1.xml"runat="server" OnAdCreated="change_url"target="_blank" /></form><p><a href="ad1.xml" target="_blank">View XML file</a></p></body></html>
- #18: <script runat="server">sub check_operator(sender As Object, e As EventArgs) compval.Operator=CType(list.SelectedIndex,ValidationCompareOperator) compval.Validate()end sub</script><html><body><form runat="server"><table border="0" bgcolor="#b0c4de"> <tr valign="top"> <td colspan="4"><h4>Compare two values</h4></td> </tr> <tr valign="top"> <td><asp:TextBox id="txt1" runat="server" /></td> <td> <asp:ListBox id="list" rows="2" OnSelectedIndexChanged="check_operator" runat="server"> <asp:ListItem value="Equal" selected>=</asp:ListItem> <asp:ListItem value="NotEqual"><></asp:ListItem> </asp:ListBox> </td> <td><asp:TextBox id="txt2" runat="server" /></td> <td><asp:Button Text="Validate" runat="server" /></td> </tr></table><br /><asp:CompareValidatorid="compval" Display="dynamic"ControlToValidate="txt1" ControlToCompare="txt2" ForeColor="red" BackColor="yellow" Type="String"EnableClientScript="false" Text="Validation Failed!" runat="server" /></form></body></html>
- #22: <%@ Import Namespace="System.Data.OleDb" %><script runat="server">sub Page_Loaddim dbconn,sql,dbcomm,dbreaddbconn=New OleDbConnection("Provider=Microsoft.Jet.OLEDB.4.0;data source=" & server.mappath("/db/northwind.mdb"))dbconn.Open()sql="SELECT * FROM customers"dbcomm=New OleDbCommand(sql,dbconn)dbread=dbcomm.ExecuteReader()customers.DataSource=dbreadcustomers.DataBind()dbread.Close()dbconn.Close()end sub</script><html><body><form runat="server"><asp:DataListid="customers"runat="server"cellpadding="2"cellspacing="2"borderstyle="inset"backcolor="#e8e8e8"width="100%"headerstyle-font-name="Verdana"headerstyle-font-size="12pt"headerstyle-horizontalalign="center"headerstyle-font-bold="True"itemstyle-backcolor="#778899"itemstyle-forecolor="#ffffff"footerstyle-font-size="9pt"footerstyle-font-italic="True"><HeaderTemplate>Customers Table</HeaderTemplate><ItemTemplate><%#Container.DataItem("companyname")%> in<%#Container.DataItem("address")%>, <%#Container.DataItem("city")%></ItemTemplate><FooterTemplate>Source: Northwind Database</FooterTemplate></asp:DataList></form></body></html>
- #31: ScriptManagerMengatursumberdaya script komponen-komponen client, merenderbagiandarihalaman, localization, globalization, dan custom user script. Script manager dibutuhkanolehUpdatePanel, UpdateProgressdankontrol Timer.UpdatePanelDigunakanuntukmembuat rendering sebagianhalaman (partial rendering), bukankeseluruhanhalaman.UpdateProgressMemberikaninformasimengenai status bagianhalaman yang ter-update dalamkontrolUpdatePanel.TimerMelakukanpostbackke server berdasarkan interval waktu yang telahditentukan. Kontrol Timer dapatdigunakanuntukmelakukanpostbackkeseluruhanhalamanatausebagaianhalaman yang adadalamUpdatePanel.
- #32: <html><head><script type="text/javascript">function loadXMLDoc(url){if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); }else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }xmlhttp.open("GET",url,false);xmlhttp.send(null);document.getElementById('test').innerHTML=xmlhttp.responseText;}</script></head><body><div id="test"><h2>Click to let AJAX change this text</h2></div><button type="button" onclick="loadXMLDoc('test1.txt')">Click Me</button><button type="button" onclick="loadXMLDoc('test2.txt')">Click Me</button></body></html>