PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan...
Transcript of PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan...
![Page 1: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/1.jpg)
Pertemuan ke 12
PENGENALAN ASP.NET
Tentang ASP Pengenalan ASP
HTML Intermediate Formatting with Tables, Frames Collecting information from the user using Forms
![Page 2: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/2.jpg)
Apa itu ASP ?
•Microsoft® Active Server Pages (ASP) merupakan server-side scripting yang digunakan untuk membuat situs yang dinamis dan aplikasi web yang interaktif.
•Sesuai prinsip server-side scripting, ASP juga merupakan halaman HTML yang diisikan script-script yang diproses oleh web server sebelum dikirim ke web browser.
•ASP dapat dikombinasikan dengan :
– Extensible Markup Language (XML)– Component Object Model (COM)– Hyper Text Markup Language (HTML)
![Page 3: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/3.jpg)
Perbandingan PHP dan ASP
Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa hal berikut ini (secara umum) :
.php.aspEkstensi file
C / C++Visual Basic (VB)Basic sintaks
MySQL, Postgres, Oracle, dll
Microsoft AccessMicrosoft SQL Server
Database
Apache Web ServerPersonal Web Server (PWS)Internet Information Server (IIS)
Web Server
Unix, LinuxMicrosoft WindowsSistem Operasi
PHPASP
![Page 4: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/4.jpg)
Contoh script ASP - 1
•VBScript adalah bahasa scripting standar untuk membuat halaman ASP. Pada contoh-contoh script berikut digunakan VBScript:•Contoh 1 :
– Langkah pembuatan :• Masukkan text ‘Hello World’ pada variabel FirstVar• Buat tag awal HTML• Gunakan <%FirstVar%> untuk menampilkan isi variabel FirstVar• Akhiri tag HTML
– Script lengkap :• <%@ Language=VBScript %>• <html> <head> <title>Example 1</title> </head>• <body>• <% FirstVar = "Hello world!" %> • <%=FirstVar%> • </body> • </html>
![Page 5: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/5.jpg)
Contoh script ASP - 2
•Contoh 2 :<%@ Language=VBScript %> <html> <head> <title>Example 2</title> </head><body> <% FirstVar = "Hello world!" %> <%FOR i=1 TO 10%> <%=FirstVar%> <%NEXT%> </body> </html>
•Contoh 3 :<%@ Language=VBScript %> <html> <head> <title>Example 4</title> </head> <body> <%IF Hour(time)>18 OR Hour(time)<4 THEN%> Good Night Everyone.
<%ELSE%> Good Morning Everyone. <%END IF%> </body> </html>
![Page 6: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/6.jpg)
Perkembangan ASP
• Saat ASP ver 3.0 diluncurkan, programmer menemukan banyak hal yang mempermudah proses pembuatan program. Ini dikarenakan ASP telah diperkaya berbagai fungsi.
• Namun programmer masih menemukan masalah umum dalam penggunaan ASP, yaitu ASP bersifat ‘code-oriented’. Yang artinya segala hal yang ingin ‘dibuat’ haruslah ditulis dengan kode-kode script.
• Microsoft mengeluarkan framework .NET pada Juli, 2000.• Dengan adanya framework ini, programmer dapat membuat
program lebih ringkas dan cepat. • Hal ini dikarenakan penggunaan framework yang dapat
mengurangi jumlah script yang dibuat oleh progammer.
![Page 7: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/7.jpg)
Perkembangan ASP
• Beberapa keunggulan framework .NET :– Menggunakan model programming deklaratif– Server kontrol hirarki dengan events.– Class library yang cukup banyak.– Support terhadap development tools, dari yang sederhana
(notepad) hingga Visual Studio .NET
• ASP.NET mulai diperkenalkan kepada programmer sebagai pengganti penggunaan ASP klasik.
• ASP.NET versi 1.0 dan 1.1 diluncurkan untuk pertama kali dan berharap saran dari pengguna untuk penyempurnaan ASP.NET versi berikutnya.
![Page 8: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/8.jpg)
OS OS ServicesServices
Microsoft menyediakan COM, IIS, Internet Explorer
Generasi Pertama .NET
Aplikasi web berjalan sesuai prinsip server-client. Pihak industri membuat perangkat pembantu seperti database SQL Server™.
BrowsersBrowsers
Penggunaan HTML oleh programmer untuk membuat user interface aplikasi web.
ServersServersData, HostsData, Hosts
Client LogicClient Logic
Biz LogicBiz Logic
![Page 9: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/9.jpg)
““Stateful”Stateful”““Stateless” &Stateless” &““Geo-Scalable”Geo-Scalable”
RichRichClient LogicClient Logic
Generasi Kedua .NET
ServersServersData, HostsData, Hosts
OS OS ServicesServices
BizBizTier LogicTier Logic
BrowsersBrowsers
Pemisahan data dan bisnis proses mempercepat proses pembacaan aplikasi
COM+ Services ditingkatkan. Internet Explorer menyediakan DHTML untuk interaktif web
![Page 10: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/10.jpg)
Internet ProtocolsInternet ProtocolsSOAP “blue book”SOAP “blue book” HTTP, SMTP, XMLHTTP, SMTP, XML
Platform .NET
.NET .NET FrameworkFramework
WindowsWindows®® CE, 2000, XP, .NETCE, 2000, XP, .NET
Oper
atio
nsOp
erat
ions
OrchestrationOrchestration
ApplicationsApplications Using Your Using Your
ServiceService
End-UserEnd-UserClientsClients
.NET Enterprise .NET Enterprise ServersServers
.NET Foundation.NET FoundationServicesServices
33rdrd Party Web Services Party Web Services
Your Internal Your Internal ServicesServicesVisual Visual
StudioStudio®® .NET .NETYour Application Your Application and Web Serviceand Web Service
![Page 11: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/11.jpg)
Pemrograman Web/TI/ AK045216/2 sks
Framework .NET
Base Class LibraryBase Class Library
Common Language SpecificationCommon Language Specification
Common Language RuntimeCommon Language Runtime
ADO.NET: Data and XMLADO.NET: Data and XML
Visual BasicVisual Basic® C++C++ C#C#Visual Studio .N
ETVisual Studio .N
ET
ASP.NET: Web ServicesASP.NET: Web Servicesand Web Formsand Web Forms
JScriptJScript® ……
WindowsWindowsFormsForms
![Page 12: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/12.jpg)
ASP.NET dan Visual Studio
• Perancangan untuk web aplikasi dan XMLWeb services
• Drag and drop untuk penggunaan tag HTML
• Penggunaan bahasa pemrograman yang terintegrasi
ASP.NET dan Visual StudioASP.NET dan Visual Studio®® .NET didesain .NET didesain untuk pembuatan web aplikasiuntuk pembuatan web aplikasi
![Page 13: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/13.jpg)
Introduction ASP.NET
• Membangun class programming dari framework .NET
• Pengontrolan dan pembangunan infrastruktur pengembangan web apliksi
• Contoh web aplikasi :
![Page 14: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/14.jpg)
ASP Klasik
• Penggunaan model programming prosedural yang sederhana.
• Mengakses ke COM Objects :– ADO– File system object
• Tanpa proses compile, hanya save (simpan).
• Mendukung penggunaan berbagai bahasa scripting.
• Gabungan antara HTML dan kode-kode script.
• VBscript – leverage Visual Basic skills
Kendala :• Code readability• Coding overhead• PostBack complexity• Reuse• Performance• DLL locking• Deployment• Sessions• Caching
![Page 15: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/15.jpg)
Arsitektur ASP.NET
.ASPXCompiled .ASPXCompiled
![Page 16: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/16.jpg)
Kehandalan ASP.NET
• ASPX, ASP – side by side• Simplified programming
model• Simplified deployment• Better performance• Caching• Security• Powerful controls• Simplified browser support
• Simplified form validation • Code behind pages• More powerful data access• Web services• Better session management• No DLL locking• No DLL registration• Simplified configuration• Pagelets
![Page 17: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/17.jpg)
Page Development
Separation of Code from Content• Pemisahan kode-kode script terhadap konten sehingga designer
dan programmer dapat bekerja lebih independen
Form1.aspForm1.asp WebForm1.aspxWebForm1.aspx WebForm1.aspx.vbWebForm1.aspx.vb
<tags> <tags> codecodecodecode
Separate filesSingle fileASPASP ASP.NETASP.NET
![Page 18: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/18.jpg)
ResponseResponse
ResponseResponsePagePageClassClass
Instantiate, process Instantiate, process and renderand render
Page Development
Gen’dPageClassFile
GenerateGenerate
InstantiateInstantiate
ParseParse ASPXASPXEngineEngine
ASPXFile
RequestRequest
RequestRequest
Code-Code-behindbehindclassclassfilefile
ASPXFile
Dynamic Compilation
![Page 19: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/19.jpg)
Demonstration 1ASP vs. ASP.NET
Data-Driven ASPData-Driven ASP.NET
Comparison
![Page 20: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/20.jpg)
Server ControlsSimplify Common Tasks
• Simplify common tasks– Forms– Tables– Data display– Calendar– Ad rotator
• Server-side programming model• Automatic browser compatibility• Less code, less complexity• Extensible
![Page 21: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/21.jpg)
Pemrograman Web/TI/ AK045216/2 sks
Server Controls HTML and Server Controls
<div id="MyDiv" runat="server"/>
<asp:TextBox id="txtUserName" runat="Server"/>
<asp:button type="submit" OnClick="SubmitBtn_Click" runat="server"/>
ID – uniquely identifies controlRunat – enables server-side processingOnClick – identifies server-side event handler
![Page 22: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/22.jpg)
Server ControlsForms
<script language="C#" runat=server>
void SubmitBtn_Click(Object sender, EventArgs e) {
Response.Write (“Hello” + txtUserName.Text);
}
</script>
PostBack– Server-side object automatically populated from client-side
controls
![Page 23: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/23.jpg)
Pemrograman Web/TI/ AK045216/2 sks
Server ControlsBrowser Support
Targets client on the fly<asp:textbox ForeColor=“red”/>
– Style– Font
Validation
– Client-side– Server-side
![Page 24: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/24.jpg)
Demonstration 2Server Controls Walk-Through
Programming ModelSyntax
![Page 25: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/25.jpg)
Server ControlsValidation
Without code
– Required field– Within range– Two fields equal (password)– Regular expressions– Validation error messages
With code, but simplified
– Custom validation
![Page 26: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/26.jpg)
Demonstration 3Validation
Required FieldValidation Summary
![Page 27: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/27.jpg)
Data Controls
Bind to many data sources– Collections
• Array• HashTable
– ADO.NET• DataReader• DataSet
– XML
![Page 28: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/28.jpg)
Data ControlsADO.NET
• Connection• Command• DataReader• DataSet• DataAdapter• DataView
![Page 29: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/29.jpg)
Data ControlsADO.NET
AuthorsAuthorsConnectionConnection
DatabaseDatabase
DataAdapterDataAdapter
DataSetDataSet
Select … from AuthorsSelect … from Authors
AuthorsAuthors
![Page 30: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/30.jpg)
Data ControlsADO.NET
PublishersPublishersConnectionConnection
DatabaseDatabase
DataAdapterDataAdapter
DataSetDataSet
Select … from Select … from PublishersPublishers
AuthorsAuthors
PublishersPublishers
![Page 31: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/31.jpg)
Data ControlsADO.NET
DataSetDataSetAuthorsAuthors
PublishersPublishers
DataViewDataView
DataGridDataGrid
DataListDataList
RepeaterRepeater
![Page 32: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/32.jpg)
Data ControlsDataGrid
• Displays data as a table• Control over
– Alternate item– Header– Footer– Colors, font, borders, etc.– Paging
• Updateable• Item as row
![Page 33: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/33.jpg)
Data ControlsRepeater
• List format• No default output• More control• More complexity• Item as row• Not updateable
![Page 34: PENGENALAN ASPwidioyanto.staff.gunadarma.ac.id/Downloads/files/38397/11_ASPNet… · Perbandingan PHP dan ASP Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan](https://reader034.fdocuments.net/reader034/viewer/2022052615/6090109238626c6baf60b871/html5/thumbnails/34.jpg)
Data ControlsDataList
• Directional rendering• Good for columns• Item as cell• Alternate item• Updateable