SESSION 8

A. Menambah tombol refresh pada halaman kasir

Langkah-langkah.
1. Menambahkan 2 button dari toolbox kebagian bawah table seperti gambar berikut:

Ganti properties pada text untuk button1 menjadi Refresh dan button2 menjadi lanjut.
2. Double klik pada button1 (refresh) dan masukkan coding seperti keterangan pada session
7.
Dim totItem
Dim
Dim
Dim
For

As Integer = Repeater1.Items.Count
jum As Integer
harga As Double
i As Integer
i = 0 To totItem - 1
jum = IIf(CType(Repeater1.Items(i).FindControl("jml"),
TextBox).Text = " ", 0, _
CType(Repeater1.Items(i).FindControl("jml"), TextBox).Text)
harga = CDbl(Session("harga_" & i))
Session("jml_" & i) = jum
Session("total_" & i) = jum * harga
Next
tampilkandata()

Fungsi dari refresh ini digunakan untuk menghitung ulang jumlah total harga dan total
barang. Jika jumlah pemesanan kita rubah maka ketika kita melakukan refresh maka
jumlah total harga dan barang akan berubah sesuai total perubahan yang kita lakukan.

Pemrograman Web II dengan ASP.Net

Page 1

B. Membuat Halaman pembayaran

Langkah-langkahnya.
1. Menambah form baru dengan nama Pembayaran.aspx

2. Tambahkan table didalam place holder dengan ketentuan sebagai berikut.

Pemrograman Web II dengan ASP.Net

Page 2

3. Rancang dan isikan komponen seperti terlihat pada gambar berikut:

Abaikan dahulu

20%

DropDownLList

80%

Untuk component digunakan standart, hanya ada satu component yang baru kita pelajari yaitu
component DropDownList yang ada pada standart toolbox, berikut ini setting dari component
tersebut dengan klik edit item dan Add seperti gambar dibawah:

Pemrograman Web II dengan ASP.Net

Page 3

Pada textbox disamping text Alamat silahkan dirubah pada properties untuk TextMode dari
singleLine menjadi MultiLine.
4. Selanjutnya masuk pada source code pembayaran.aspx dang anti ID yang diberi blok
marking warna kuning.
Dfsdf
<tr>
<td colspan="2" style="text-align: center; font-style:normal;
font-family:Tahoma" rowspan="2">
<strong><span style="font-size: 12pt">&nbsp;FORM
PEMBAYARAN</span></strong>&nbsp;
</td>
</tr>
<tr>
</tr>
<tr>
<td style="width: 20%; height: 23px; font-weight: normal; fontsize: 10pt; font-family: tahoma;" align="left" valign="top">
Tanggal</td>
<td style="width: 80%; height: 23px; font-style:normal; fontfamily:Tahoma" align="left" valign="top">
<asp:Label ID="Tanggal" runat="server"
Text="Label"></asp:Label></td>
</tr>
<tr>
<td style="width: 20%; height: 20px; font-style:normal; fontfamily:Tahoma" align="left" valign="top">
Nama Customer</td>
<td style="width: 80%; font-style:normal; font-family:Tahoma"
align="left" valign="top">
<asp:TextBox ID="NamaCustomer"
runat="server"></asp:TextBox></td>
</tr>
<tr>
<td style="width: 20%; height: 28px; font-style:normal; fontfamily:Tahoma" align="left" valign="top">
Email</td>
<td style="width: 80%; height: 28px; font-style:normal; fontfamily:Tahoma" align="left" valign="top">
<asp:TextBox ID="Email" runat="server"></asp:TextBox></td>
</tr>
<tr>
<td style="width: 20%; height: 25px; font-style:normal; fontfamily:Tahoma" align="left" valign="top">
Alamat</td>
<td style="width: 80%; height: 25px; font-style:normal; fontfamily:Tahoma" align="left" valign="top">

Pemrograman Web II dengan ASP.Net

Page 4

<asp:TextBox ID="Alamat" runat="server" Height="112px"

TextMode="MultiLine" Width="540px"></asp:TextBox></td>
</tr>
<tr>
<td style="width: 20%; height: 19px; font-style:normal; fontfamily:Tahoma" align="left" valign="top">
Tipe Bayar</td>
<td style="width: 80%; height: 19px; font-style:normal; fontfamily:Tahoma" align="left" valign="top">
<asp:DropDownList ID="Tipebayar" runat="server">
<asp:ListItem Selected="True">Credit card</asp:ListItem>
<asp:ListItem>Transfer</asp:ListItem>
</asp:DropDownList></td>
</tr>
<tr>
<td style="width: 20%; height: 20px; font-style:normal; fontfamily:Tahoma" align="left" valign="top">
No Referensi</td>
<td style="width: 80%; height: 20px; font-style:normal; fontfamily:Tahoma" align="left" valign="top">
<asp:TextBox ID="Noref" runat="server" BackColor="White"
BorderColor="Transparent" BorderStyle="None" ReadOnly="True" Width="82px"
></asp:TextBox>
<asp:Button ID="Button2" runat="server" Text="Acak" /></td>
</tr>
<tr>
<td style="width: 20%; height: 19px; font-style:normal; fontfamily:Tahoma" align="left" valign="top">
Jumlah Barang</td>
<td style="width: 100px; height: 19px; font-style:normal; fontfamily:Tahoma" align="left" valign="top">
<asp:Label ID="TotalItem" runat="server"
Text="Label"></asp:Label></td>
</tr>
<tr>
<td style="width: 100px; font-style:normal; font-family:Tahoma;
height: 36px;">
Total Pembayaran</td>
<td style="width: 100px; font-style:normal; font-family:Tahoma;
height: 36px;">
<asp:Label ID="TotalHarga" runat="server" Visible="false"
Text="Label"></asp:Label>

//**Tambahkan 1 label disamping Total harga dan ganti id spt

dibawah
<asp:Label ID="TotalFormat" runat="server" Text="Label"></asp:Label></td>
</tr>
<tr>
<td colspan="2">
<asp:Button ID="Button1" runat="server" Text="Simpan" /></td>
</tr>

Akhirnya desain form untuk pembayaran sudah selesai dan kita lanjutkan dengan menambahkan
program.
Pemrograman Web II dengan ASP.Net

Page 5

Langkah berikutnya:
5. Tambahkan folder di solution Explorer dan rename folder tersebut dengan nama
APP_CODE, selanjutnya didalam folder tesebut tambahkan dataset dan beri nama
DSShoppingcart seperti gambar berikut.

Add dan selanjutnya double klik DSShoppingCart dan ikuti instruksi-instruksi berikut:

Pemrograman Web II dengan ASP.Net

Page 6

Pemrograman Web II dengan ASP.Net

Page 7

1
2

Pemrograman Web II dengan ASP.Net

Page 8

Setelah selesai klik Ok.

Selanjutnya masuk ke desain pembayaran.aspx dan tambahakan 2 SqlDataSource dan letakkan

seperti pada gambar berikut:
Pemrograman Web II dengan ASP.Net

Page 9

Selanjutnya pilih SqlDataSource1 dan pilih configurasi, pilih koneksi yang kita gunakan, next:

Pilih TBLOrderheader dan columns pilih * selanjutnya klik Advanced.

Pemrograman Web II dengan ASP.Net

Page 10

Setelah selesai klik Ok,Next dan Finish. Selajutnya kita pilih SqlDataSource2 dan pilih
konfigurasi langkah-langkah seperti diatas tetapi select table berbeda

.
Pemrograman Web II dengan ASP.Net

Page 11

Setelah itu klik finish dan berikutnya masuk ke source code dan ganti utnu ID
SqlDataSource1 menjadi SdsHeader dan SqldataSource2 menjadi SdsDetail

Selanjutnya adalah double klik pembayaran,aspx.vb dan ketikkan coding berikut:

Imports DSShopingCartTableAdapters
Partial Class Pembayaran
Inherits System.Web.UI.Page
Dim NoOrder As Integer
Private Function dapatkanNoOrderbaru() As Integer
Dim NoOrderBaru As DtNoOrderTableAdapter = New DtNoOrderTableAdapter
Dim dt As Data.DataTable
dt = NoOrderBaru.NoOrderBaru()
Dim NoBaru As Integer
If (dt.Rows(0)(0).ToString() = Nothing) Then
NoBaru = 1
Else
NoBaru = CInt(dt.Rows(0)(0))
End If
dapatkanNoOrderbaru = NoBaru
End Function
Private Sub simpanDetailOrder()
Dim i As Integer
Dim itembeli As Integer
itembeli = Session("itembeli")
For i = 0 To itembeli - 1
Me.SdsDetail.InsertParameters(0).DefaultValue
Me.SdsDetail.InsertParameters(1).DefaultValue
Me.SdsDetail.InsertParameters(2).DefaultValue
Me.SdsDetail.InsertParameters(3).DefaultValue
Me.SdsDetail.InsertParameters(4).DefaultValue
Me.SdsDetail.InsertParameters(5).DefaultValue
Me.SdsDetail.Insert()
Next
End Sub

=
=
=
=
=
=

NoOrder
i + 1
Session("kode_" & i)
Session("jml_" & i)
Session("harga_" & i)
Session("total_" & i)

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs)

Handles Me.Load
Dim i As Integer
Dim totalItem As Integer = 0
Dim totalHarga As Double = 0
Dim itemBeli As Integer

Pemrograman Web II dengan ASP.Net

Page 12

'Dim tgl As Integer

'tgl = Date.Now.ToString
Me.Tanggal.Text = DateTime.Now
itemBeli = Session("itembeli")
For i = 0 To itembeli - 1
totalItem += Session("jml_" & i)
totalHarga += Session("total_" & i)
Next
Me.TotalHarga.Text = totalHarga
Me.TotalFormat.Text = Format(totalHarga, "#,##00.00")
Me.TotalItem.Text = totalItem
NoOrder = 0
End Sub
Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs)
Handles Button1.Click
If (Me.NamaCustomer.Text <> "" And Me.Alamat.Text <> "" _
And CDbl(Me.TotalHarga.Text) <> 0 And Me.Noref.Text <> "") Then
NoOrder = dapatkanNoOrderbaru()
Me.SdsHeader.Insert()
simpanDetailOrder()
Response.Redirect("~/Terimakasih.aspx")
Else
MsgBox("Input Belum Lengkap", MsgBoxStyle.Information, "Simpan")
End If
End Sub
Protected Sub SdsHeader_Inserting(ByVal sender As Object, ByVal e As
System.Web.UI.WebControls.SqlDataSourceCommandEventArgs) Handles SdsHeader.Inserting
e.Command.Parameters(0).Value = NoOrder
End Sub
'Tambahan untuk generate no referensi
Protected Sub Button2_Click(ByVal sender As Object, ByVal e As System.EventArgs)
Handles Button2.Click
Dim RandomNumber As Integer
Dim randomclass As New System.Random()
RandomNumber = randomclass.Next
'Label1.Text = RandomNumber
Noref.Text = RandomNumber
End Sub
End Class

Pemrograman Web II dengan ASP.Net

Page 13

Lanjutan untuk menambah kode program untuk proses pembayaran.aspx

Edit pada InsertQuery pada SdsHeader.

Pemrograman Web II dengan ASP.Net

Page 14

Edit pada InsertQuery pada SdsDetail.

Pemrograman Web II dengan ASP.Net

Page 15

Pilih semua field dalam tabel

New value penulisan huruf harus sama

Dengan nama field

Setelah semua proses diatas selesai, maka selanjutnya adalah menambahkan webform baru yaitu
terimakasih.aspx
Pemrograman Web II dengan ASP.Net

Page 16

Selanjutnya masuk ke terimakasih.aspx.vb dan ketikkan code seperti berikut:

Masuk ke halaman kasir.aspx dan pilih button lanjut dan setting postbackurl ke pembayaran.aspx

Proses semua sudah selesai siap dijalankan programnya.

Pemrograman Web II dengan ASP.Net

Page 17