ASP Sesi 1

16
Web Programing ASP.net dengan pendekatan bahasa C# Dosen: Ahmad Dedi Jubaedi, S.Kom Email:[email protected], [email protected] Phone: 0838 1309 4006, 08777 1140 157

Transcript of ASP Sesi 1

Web Programing ASP.netdengan pendekatan bahasa C#

Dosen:Ahmad Dedi Jubaedi, S.KomEmail:[email protected],

[email protected]: 0838 1309 4006, 08777 1140 157

Web Programming ASP.net 2.0

• Tools: Visual Studio 2008• Penedakatan Bahasa: Visual Basic dan C#

• Database: SQL Server• Web Server: Auto IIS

Memulai membuat Web Site

Untuk membuat website baru, pilih Create: Web Site… pada panel “Recent Projects” ataumelalui File > New Web Site…

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 System untuk Location, Visual Basic untuk Language, dan beri nama website kita sebagai WebASPNET20. Setelah itu, klik tombol “OK”.

File bernama Default.aspx dan beberapa file serta folder lainnya otomatis dibuat oleh Visual Studio 2008 Ketiklah“HELLO MAHASISWA UNSERA ” di dalam elemen div.

<div>HELLO MAHASISWA UNSERA</div>

Untuk Menampilkan Web Site

• tekan Ctrl+F5• Hasilnya adalah….????

PENGENALAN SERVER CONTROL LAT1:Membuat layout Welcome, jika tombol pesan di klik, maka akan muncul ucapan selamat datang pada lable

Button1TextBox1Label1

Langkah-langkah diatas sbb:

• Jalankan visual studio serta pilih ASP Net Website

• Didalam website desain tuliskan “Masukkan Identitas Anda” setelah itu masukkan textbox dan diikuti ditambahkan button dimana properties text diganti dengan “Proses”

• Sebelum menambahkan label, untuk memberikan jarak maka tekan enter

• Double click button selanjutnya ketikkan list code berikut :

Button1_Click :Label1.Text = "Selamat Datang" & TextBox1.Text & "Untuk Menakhlukkan ASP.NET"

Untuk menguji program yang sudah kita buat maka tekan CTRL + F5, maka hasilnya sbb :

Lat 2:Membuat layout Operasi penjumlahan sebagai berikut:

Untuk mengatur posisi supaya rapi maka digunakan table, pada layout ini menggunakan table rows : 5 dan coloumns : 3

Masukkan listcode berikut:

Label1.Text = CInt(TextBox1.Text) + CInt(TextBox2.Text)

Jalankan dengan CTRL + F5, hasilnya sbb:

Lat 3: Membuat Layout Menghitung Nilai Rata-rata Mahasiswa

Buatlah listcode sebagai berikut :

Dim na, ntq, nva, nrr As Single na = Val(TextBox1.Text) ntq = Val(TextBox2.Text) nta = Val(TextBox3.Text) nrr = na * 0.2 + ntq * 0.35 + nta * 0.45 Label1.Text = nrr

menambahkan nilai dalam bentuk huruf

If nrr > 80 ThenTextBox4.Text = "A"ElseIf nrr > 65 ThenTextBox4.Text = "B"ElseIf nrr > 55 ThenTextBox4.Text = "C"ElseIf nrr > 45 ThenTextBox4.Text = "D"ElseTextBox4.Text = "E"End IfEnd IfEnd IfEnd If

Lat4: Membuat layout dengan memanfaatkan fasilitas Checkbox

Dim xbayar As Integer = CInt(TextBox1.Text) If CheckBox1.Checked Then xbayar *= 0.9 End If If CheckBox2.Checked Then xbayar *= 1.2 End If Label1.Text = Format(xbayar, "###,###")