Dokumentasi Pengerjaan Program KHS WebForm

Nama : Mohammad Wahyu Hidayat
NRP : 5112100125
Link : 10.151.36.21:8085/Mahasiswa.aspx

Disini saya akan menampilkan dokumentasi pengerjaan program kartu hasil studi (KHS) menggunakan asp.net dengan development tools Visual Studio 2010.
Langsung saja lihat langkah langkahnya sebagai berikut:
1. Buatlah semua User Interface yang diperlukan dalam program KHS ini

a. UI Insert, Update, Delete Mahasiswa.

Mahasiswa.aspx

b. UI Insert, Update, Delete Dosen.

Dosen.aspx

c. UI Insert, Update, Delete Mata Kuliah.

MataKuliah.aspx

d. UI Insert, Update, Delete Kelas.

Kelas.aspx

e. UI FRS-an Mahasiswa.

FRS.aspx

f. UI Memasukan Nilai Mahasiswa.

Nilai.aspx

g. UI Melihat Nilai perKelas.

IsiKelas.aspx

h. UI Melihat Kartu Hasil Studi.

KHS.aspx

i. UI Melihat 5 Mahasiswa Terbaik.

Best.aspx

2. Membuat Program untuk tiap halaman saling mendirect ke halaman yang di tuju
    Sebagai contoh pada halaman Mahasiswa.aspx doubleclick button Dosen lalu tambahkan kodingan berikut untuk bisa membuka halaman Dosen.aspx

protected void btndosen_Click(object sender, EventArgs e)
        {
            Response.Redirect("Dosen.aspx");
        }

Lakukan hal yang sama untuk button-button yamg lain untuk mengarahkan ke halaman yang lain

3. Menampilkan data menggunakan gridview pada halaman web menggunakan database MySql

a. Tampilan gridview

b.Pada bagian Choose Data Source, pilih New Data Source, lalu akan tampil window DataSource Configuration Wizard, seperti gambar dibawah ini

c.Pilih Database, Lalu Pilih Connection String mu atau pilih New Connection
d. Pada dialog Save the Connection String to the Application Configuration File, uncentang checkbox yang ada (kita tidak ingin menyimpan connection string ke web.config).
e. Pilih tabel yang akan di Binding dengan GridView (tabel yang digunakan di sharing kali ini adalah tabel mahasiswa). Untuk column, silahkan pilih column yang akan ditampilkan di GridView.
f. Kemudian klik finish untuk membinding GridView dengan SqlDataSource. Berikut ini adalah tampilan source pada gridview yang sudah jadi.

</div>
        <div style="margin-left: 200px">
            <asp:GridView ID="GridView1" runat="server" Width="389px"
            DataSourceID="SqlDataSource1"
            onselectedindexchanged="GridView1_SelectedIndexChanged"
            AllowSorting="True" CellPadding="2" Height="3px"
        AutoGenerateColumns="False" DataKeyNames="NRP" style="text-align: left"
                BackColor="LightGoldenrodYellow" BorderColor="Tan" BorderWidth="1px"
                ForeColor="Black" GridLines="None">
                <AlternatingRowStyle BackColor="PaleGoldenrod" />
                <Columns>
                    <asp:BoundField DataField="NRP" HeaderText="NRP" ReadOnly="True"
                    SortExpression="NRP" />
                    <asp:BoundField DataField="Nama" HeaderText="Nama" SortExpression="Nama" />
                    <asp:BoundField DataField="Alamat" HeaderText="Alamat"
                    SortExpression="Alamat" />
                    <asp:BoundField DataField="Semester" HeaderText="Semester"
                    SortExpression="Semester" />
                </Columns>
                <FooterStyle BackColor="Tan" />
                <HeaderStyle BackColor="Tan" Font-Bold="True" />
                <PagerStyle BackColor="PaleGoldenrod" ForeColor="DarkSlateBlue"
                    HorizontalAlign="Center" />
                <SelectedRowStyle BackColor="DarkSlateBlue" ForeColor="GhostWhite" />
                <SortedAscendingCellStyle BackColor="#FAFAE7" />
                <SortedAscendingHeaderStyle BackColor="#DAC09E" />
                <SortedDescendingCellStyle BackColor="#E1DB9C" />
                <SortedDescendingHeaderStyle BackColor="#C2A47B" />
            </asp:GridView>
    </div>
   
    <asp:SqlDataSource ID="SqlDataSource1" runat="server"
        ConnectionString="<%$ ConnectionStrings:khsConnectionString %>"
        ProviderName="<%$ ConnectionStrings:khsConnectionString.ProviderName %>"
        SelectCommand="SELECT * FROM mahasiswa"></asp:SqlDataSource>

g. Kemudian jalankan program tersebut.

h. Lakukan hal yang sama untuk gridview yang lain.

4. Membuat Class yang di butuhkan
a. Class menyimpan data-data

Data.cs

b. Class menyimpan fungsi-fungsi yang ada

DataDAO.cs

Untuk lebih lengkap download filenya di Sini 


5. Menggunakan fungsi-fungsi yang telah dibuat sebelumnya
    Sebagai contoh pada halaman Mahasiswa.aspx kita akan memasukkan data mahasiswa maka doubleclick pada button save dan tuliskan sourcode berikut :

protected void Button2_Click(object sender, EventArgs e)
        {
            Data m = new Data();
            m.setNRP(TextBox1.Text);
            m.setNama(TextBox2.Text);
            m.setAlamat(TextBox3.Text);
            m.setSemester(TextBox4.Text);
            if (new DataDAO().insertMhs(m))
            {
                GridView1.DataBind();
                RegisterStartupScript("hahaha", "<script>alert('Data Berhasil Ditambahkan')</script>");
            }
            else
            {
                RegisterStartupScript("hahaha", "<script>alert('Data Gagal Ditambahkan')</script>");
            }
        }

Penjelasan:

- baris 3 untuk membuat objek baru dengan class data dan nama m
- baris 4-7 untuk menyimpan data dari texbox ke dalam objek m
- baris 8 menggunakan fungsi insert dari class DataDAO dengan mengirimkan objek m tersebut
- baris 10 untuk merefresh data gridview
- baris 11 dan 15 menampilkan pesan

Untuk yang lain lakukan hal yang sama seperti diatas hanya mengubah fungsi yang dipanggil dan data-data yang dibiutuhkan.