pengenalan asp -...

34
Pemrograman Web/TI/ AK045216/2 sks Pertemuan ke 12 PENGENALAN ASP.NET Tentang ASP Pengenalan ASP HTML Intermediate Formatting with Tables, Frames Collecting information from the user using Forms

Upload: phamcong

Post on 30-Jul-2018

240 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: PENGENALAN ASP - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

Pemrograman Web/TI/ AK045216/2 sks

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 - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

Pemrograman Web/TI/ AK045216/2 sks

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 - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

Pemrograman Web/TI/ AK045216/2 sks

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 - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

Pemrograman Web/TI/ AK045216/2 sks

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 - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

Pemrograman Web/TI/ AK045216/2 sks

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 - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

Pemrograman Web/TI/ AK045216/2 sks

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 - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

Pemrograman Web/TI/ AK045216/2 sks

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 - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

Pemrograman Web/TI/ AK045216/2 sks

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 - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

Pemrograman Web/TI/ AK045216/2 sks

““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 - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

Pemrograman Web/TI/ AK045216/2 sks

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 - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

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 - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

Pemrograman Web/TI/ AK045216/2 sks

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 - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

Pemrograman Web/TI/ AK045216/2 sks

Introduction ASP.NET

• Membangun class programming dari framework .NET

• Pengontrolan dan pembangunan infrastruktur pengembangan web apliksi

• Contoh web aplikasi :

Page 14: PENGENALAN ASP - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

Pemrograman Web/TI/ AK045216/2 sks

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 - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

Pemrograman Web/TI/ AK045216/2 sks

Arsitektur ASP.NET

.ASPXCompiled .ASPXCompiled

Page 16: PENGENALAN ASP - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

Pemrograman Web/TI/ AK045216/2 sks

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 - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

Pemrograman Web/TI/ AK045216/2 sks

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 - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

Pemrograman Web/TI/ AK045216/2 sks

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 - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

Pemrograman Web/TI/ AK045216/2 sks

Demonstration 1ASP vs. ASP.NET

Data-Driven ASPData-Driven ASP.NET

Comparison

Page 20: PENGENALAN ASP - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

Pemrograman Web/TI/ AK045216/2 sks

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 - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

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 - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

Pemrograman Web/TI/ AK045216/2 sks

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 - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

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 - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

Pemrograman Web/TI/ AK045216/2 sks

Demonstration 2Server Controls Walk-Through

Programming ModelSyntax

Page 25: PENGENALAN ASP - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

Pemrograman Web/TI/ AK045216/2 sks

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 - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

Pemrograman Web/TI/ AK045216/2 sks

Demonstration 3Validation

Required FieldValidation Summary

Page 27: PENGENALAN ASP - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

Pemrograman Web/TI/ AK045216/2 sks

Data Controls

Bind to many data sources– Collections

• Array• HashTable

– ADO.NET• DataReader• DataSet

– XML

Page 28: PENGENALAN ASP - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

Pemrograman Web/TI/ AK045216/2 sks

Data ControlsADO.NET

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

Page 29: PENGENALAN ASP - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

Pemrograman Web/TI/ AK045216/2 sks

Data ControlsADO.NET

AuthorsAuthorsConnectionConnection

DatabaseDatabase

DataAdapterDataAdapter

DataSetDataSet

Select … from AuthorsSelect … from Authors

AuthorsAuthors

Page 30: PENGENALAN ASP - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

Pemrograman Web/TI/ AK045216/2 sks

Data ControlsADO.NET

PublishersPublishersConnectionConnection

DatabaseDatabase

DataAdapterDataAdapter

DataSetDataSet

Select … from Select … from PublishersPublishers

AuthorsAuthors

PublishersPublishers

Page 31: PENGENALAN ASP - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

Pemrograman Web/TI/ AK045216/2 sks

Data ControlsADO.NET

DataSetDataSetAuthorsAuthors

PublishersPublishers

DataViewDataView

DataGridDataGrid

DataListDataList

RepeaterRepeater

Page 32: PENGENALAN ASP - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

Pemrograman Web/TI/ AK045216/2 sks

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 - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

Pemrograman Web/TI/ AK045216/2 sks

Data ControlsRepeater

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

Page 34: PENGENALAN ASP - lulu.staff.gunadarma.ac.idlulu.staff.gunadarma.ac.id/Downloads/files/8875/11_ASPNet.pdf · dikarenakan ASP telah diperkaya berbagai fungsi. • Namun programmer masih

Pemrograman Web/TI/ AK045216/2 sks

Data ControlsDataList

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