Top Banner
Pertemuan ke 12 PENGENALAN ASP.NET Tentang ASP Pengenalan ASP HTML Intermediate Formatting with Tables, Frames Collecting information from the user using Forms
34

PENGENALAN ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

Oct 29, 2020

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: PENGENALAN ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

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 ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

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 ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

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 ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

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 ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

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 ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

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 ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

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 ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

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 ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

““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 ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

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 ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

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 ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

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 ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

Introduction ASP.NET

• Membangun class programming dari framework .NET

• Pengontrolan dan pembangunan infrastruktur pengembangan web apliksi

• Contoh web aplikasi :

Page 14: PENGENALAN ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

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 ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

Arsitektur ASP.NET

.ASPXCompiled .ASPXCompiled

Page 16: PENGENALAN ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

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 ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

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 ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

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 ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

Demonstration 1ASP vs. ASP.NET

Data-Driven ASPData-Driven ASP.NET

Comparison

Page 20: PENGENALAN ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

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 ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

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 ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

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 ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

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 ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

Demonstration 2Server Controls Walk-Through

Programming ModelSyntax

Page 25: PENGENALAN ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

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 ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

Demonstration 3Validation

Required FieldValidation Summary

Page 27: PENGENALAN ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

Data Controls

Bind to many data sources– Collections

• Array• HashTable

– ADO.NET• DataReader• DataSet

– XML

Page 28: PENGENALAN ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

Data ControlsADO.NET

• Connection• Command• DataReader• DataSet• DataAdapter• DataView

Page 29: PENGENALAN ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

Data ControlsADO.NET

AuthorsAuthorsConnectionConnection

DatabaseDatabase

DataAdapterDataAdapter

DataSetDataSet

Select … from AuthorsSelect … from Authors

AuthorsAuthors

Page 30: PENGENALAN ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

Data ControlsADO.NET

PublishersPublishersConnectionConnection

DatabaseDatabase

DataAdapterDataAdapter

DataSetDataSet

Select … from Select … from PublishersPublishers

AuthorsAuthors

PublishersPublishers

Page 31: PENGENALAN ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

Data ControlsADO.NET

DataSetDataSetAuthorsAuthors

PublishersPublishers

DataViewDataView

DataGridDataGrid

DataListDataList

RepeaterRepeater

Page 32: PENGENALAN ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

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 ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

Data ControlsRepeater

• List format• No default output• More control• More complexity• Item as row• Not updateable

Page 34: PENGENALAN ASP - Gunadarmacondro_wibawa.staff.gunadarma.ac.id/Downloads/files/... · Dengan persamaan sebagai server-side scripting, ASP dapat dibandingkan dengan PHP dalam beberapa

Data ControlsDataList

• Directional rendering• Good for columns• Item as cell• Alternate item• Updateable