Scribd Logo
Unggah

Selamat datang di Scribd!

  • Tutorial Pembuatan Web Data Mahasiswa Menggunakan

    Diunggah oleh

    UyumUmyatiHusnee
    815 tayangan8 halaman
    Project Bismillah

    Judul Asli

    Tutorial Pembuatan Web Data Mahasiswa Menggunakan ASP.Net

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Project Bismillah

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    815 tayangan8 halaman

    Tutorial Pembuatan Web Data Mahasiswa Menggunakan

    Diunggah oleh

    UyumUmyatiHusnee
    Project Bismillah

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 8

    Assalamualaikum warrahmatullohi wabbarakatuh

    Dalam rangka memenuhi nilai tugas Mata Kuliah Sistem Perangkat Lunak semester 7
    (tujuh) jurusan yang saya banggakan Teknik Informatika, di kampus yang saya cintai Sekolah
    Tinggi Teknik Muhammadiyah Cileungsi, perkenankan saya Uyum Umyati sekedar berbagi ilmu
    TUTORIAL

    PEMBUATAN

    WEB

    DATA

    MAHASISWA

    MENGGUNAKAN

    ASP.NET lewat blog ini. Semoga dapat bermanfaat bagi para pembacanya. Amin.
    Langkah pertama mari kita buat format project di VB dengan format ASP.NET Web
    Application kemudian tulis nama project tugasnya. Khusus disini setelah gagal hampir 4 kali
    menjalankan sourcecode, akhirnya saya memutuskan memulai project baru menggunakan
    nama Bismillah. Dengan ini saya berdoa semoga apa yang saya kerjakan ada campur tangan
    kekuasaan Allah SWT di dalamnya. Amin.

    Gambar 1

    TAHAP I
    Setelah VB terbuka, mari kita memulai mengerjakan tahapan pertama sebagai berikut :
    1. Klik kanan pada Web Project (Bismillah), Add New Item
    1|uyumhusnee.blogspot.com

    Gambar 2

    2. Pilih Web Form, kemudian saya beri nama bismillah7

    Gambar 3

    2|uyumhusnee.blogspot.com

    3. Ketik Sorce untuk Form Input Data Mahasiswa awal sebagai berikut :

    Gambar 4

    <%@
    Page
    Language="vb"
    AutoEventWireup="false"
    Inherits="Bismillah.bismillah7" %>

    CodeBehind="bismillah7.aspx.vb"

    <!DOCTYPE
    html
    PUBLIC
    "-//W3C//DTD
    XHTML
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    1.0

    Transitional//EN"

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
    <title></title>
    </head>
    <body>
    <form id="form1" runat="server">
    <div>
    <h2>

    Form Input
    </h2>
    <asp:ValidationSummary ID="ValidationSummary1" runat="server" BackColor="Yellow"
    ForeColor="Red" ValidationGroup="Data" ShowSummary="true" />
    <table>

    3|uyumhusnee.blogspot.com

    <tr>
    <td>

    Nim
    </td>
    <td>
    :
    </td>
    <td>
    <asp:TextBox ID="txtNIM" runat="server" Width="100px" />
    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"
    ErrorMessage="Nim harus diisi" ControlToValidate="txtNIM" ForeColor="Red"
    validationGroup="Data"
    SetFocusOnError="true">*Nim
    Harus
    Diisi</asp:RequiredFieldValidator>
    </td>
    </tr>
    <tr>
    <td>

    Jangan lupa buat form untuk pengisian >


    Nama, Tempat Lahir, Tanggal Lahir, Jenis Kelamin, Agama, Jurusan, dan
    Email
    ============================================================================
    Kemudian
    </td>
    <td>
    <asp:Button
    ID="btnSimpan"
    runat="server"
    Text="Simpan"
    ValidationGroup="Data" />
    <asp:Button ID="btnBatal" runat="server" Text="Batal" />
    </td>
    </tr>
    </table>
    </div>
    </form>
    </body>
    </html>

    4|uyumhusnee.blogspot.com

    4. Jika source yang kita salin sudah benar kemudian mari kita running dengan mengucap
    BISMILLAH. Maka munculah tampilan sebagai berikut

    Gambar 5

    TAHAP 2
    Setelah VB terbuka, mari kita memulai mengerjakan tahapan pertama untuk
    membentuk Form Input Data Mahasiswa sebagai berikut :
    1. Klik kanan pada Web Project (Bismillah)
    2. Pilih Add New Item
    3. Pilih Web Form Using Master Page, yang diberi nama bismillahMaster.master

    5|uyumhusnee.blogspot.com

    Gambar 6

    4. Kemudian klik OK,


    5. Ketik Sorce untuk Form Input Data Mahasiswa sebagai berikut :

    Gambar 7

    6. Jika source yang diketik sudah dirasa benar maka mari kita coba running dan lihat
    hasilnya

    6|uyumhusnee.blogspot.com

    Gambar 8

    TAHAP 3
    Pada tahap ke tiga ini, kita mulai menyempurnakan validasi-validasi dalam proyek yang
    kita buat beserta tampilannya
    1. Klik kanan pada Web Project (Bismillah), Add New Item
    2. Pilih webform baru. Kali ini saya namakan saja Webform1
    3. Isi sorce pada Webform1 sebagai berikut, kemudian diikuti source untuk Form Input,
    NIM, Nama, Tempat Lahir, Tanggal Lahir, Jenis Kelamin, Agama, Jurusan, dan Email
    (digabungkan copas saja source sama seperti sebelumnya)

    Gambar 9
    7|uyumhusnee.blogspot.com

    4. Kemudian jika sudah dirasa benar, maka mari kita coba untuk running. Kali ini saya ingin
    memperlihatkannya lewat tampilan di localhost seperti berikut :

    Gambar 10

    Alhamdulillah..berhasil.
    Tutorial selanjutnya masih
    uyumhusnee.blogspot.com ;)

    ada

    8|uyumhusnee.blogspot.com

    lohhhsilahkan

    dibuka

    lagi

    di

    blog

    saya.

    Anda mungkin juga menyukai