Membuat website ASP · hanya terdapat tulisan Hello World di dalam elemen div sehingga hanya tampil...

5
June 28, 2010 ASP.NET WAN H MANIHURUK /VISUAL STUDIO 2008/ASP.NET/ 1 Membuat website ASP.NET Untuk memahami tiga fitur baru Visual Studio 2008, maka Anda kami ajak untuk langsung melakukan praktek menggunakan Visual Studio 2008 dengan langkah-langkah berikut: 1. Membuat website ASP.NET yang ditujukan untuk masing-masing framework 2. Mengenal dan menghapal workspace Visual Studio 2008 3. Menggunakan mode Split View dalam editing 4. Menggunakan IntelliSense dalam melakukan coding Membuat website ASP.NET 2.0 1. Buka Visual Studio 2008 dari Start Menu maupun shortcut. Akan tampil halaman “Start Page” seperti berikut

Transcript of Membuat website ASP · hanya terdapat tulisan Hello World di dalam elemen div sehingga hanya tampil...

June 28,

2010 ASP.NET

WAN H MANIHURUK /VISUAL STUDIO 2008/ASP.NET/ 1

Membuat website ASP.NET

Untuk memahami tiga fitur baru Visual Studio 2008, maka Anda kami ajak untuk

langsung melakukan praktek menggunakan Visual Studio 2008 dengan langkah-langkah

berikut:

1. Membuat website ASP.NET yang ditujukan untuk masing-masing framework

2. Mengenal dan menghapal workspace Visual Studio 2008

3. Menggunakan mode Split View dalam editing

4. Menggunakan IntelliSense dalam melakukan coding

Membuat website ASP.NET 2.0

1. Buka Visual Studio 2008 dari Start Menu maupun shortcut. Akan tampil halaman “Start Page”

seperti berikut

June 28,

2010 ASP.NET

WAN H MANIHURUK /VISUAL STUDIO 2008/ASP.NET/ 2

2. Untuk membuat website baru, pilih Create: Web Site… pada panel “Recent Projects” atau

melalui File > New Web Site… Setelah itu akan muncul window berikut

3. Pada window “New Web Site”, kita bisa memilih target framework yang akan kita gunakan

melalui sebuah Drop Down List yang terletak di kanan atas window. Karena kita akan membuat

website ASP.NET 2.0, pilih .NET Framework 2.0, pilih ASP.NET Web Site sebagai template, File

June 28,

2010 ASP.NET

WAN H MANIHURUK /VISUAL STUDIO 2008/ASP.NET/ 3

System untuk Location, Visual Basic untuk Language, dan beri nama website kita sebagai

WebASPNET20. Setelah itu, klik tombol “OK”.

4. Yup! Website Kita telah selesai disiapkan. File bernama Default.aspx dan beberapa file serta

folder lainnya otomatis dibuat oleh Visual Studio 2008. Ketiklah “ HELLO STT INDONESIA

” di dalam elemen div.

<div>

HELLO STT INDONESIA

</div>

5. Setelah itu tekan Ctrl+F5. Hasilnya adalah seperti berikut

June 28,

2010 ASP.NET

WAN H MANIHURUK /VISUAL STUDIO 2008/ASP.NET/ 4

Penjelasan

Dengan menekan Ctrl+F5, maka kita memerintahkan Visual Studio 2008 untuk

menjalankan aplikasi website Anda. Di awal langkah membuat website, Anda memilih

File System pada Location sehingga Anda dapat menempatkan website Anda di

sembarang folder, misalnya di D:\Websites\WebASPNET20. Dengan demikian, perlu

adanya web server khusus yang melayani

aplikasi website Anda pada folder tersebut karena pada normalnya IIS (Internet

Information Services) yang berperan sebagai web server untuk ASP.NET. Namun secara

default, IIS hanya melayani website yang ditempatkan di folder C:\inetpub\wwwroot.

Dengan demikian Visual Studio 2008 otomatis menjalankan web server khusus yang

disebut dengan Cassini (yang sudah ada sejak Visual Studio 2005) untuk melayani

website yang Location-nya ada di File System (yaitu bukan di C:\inetpub\wwwroot).

Ketika Cassini dijalankan, maka otomatis Cassini menggunakan port yang ditentukan

pada Visual Studio 2008 dalam melayani website ini. Secara default, Visual Studio akan

menentukan port yang akan digunakan secara dinamis. Contoh di atas menggunakan

port 49305. Setelah terdapat port yang digunakan, maka website ASP.NET bisa

dijalankan. Secara default, halaman utama ASP.NET adalah Default.aspx sehingga yang

ditampilkan pertama kali adalah halaman Default.aspx. Pada halaman Default.aspx

hanya terdapat tulisan Hello World di dalam elemen div sehingga hanya tampil tulisan

HELLO STT INDONESIA pada browser.

June 28,

2010 ASP.NET

WAN H MANIHURUK /VISUAL STUDIO 2008/ASP.NET/ 5

Latihan :

Buatlah website ASP.NET dengan framework ASP.Net dibawah ini. Isi <div>……..<div>

bebas!

Membuat website ASP.NET 3.0

Membuat website ASP.NET 3.5

Kemudian berikan kesimpulan dari ketiga framework diatas pada framework