7/24/2019 Tutorial Pembuatan Web Data Mahasiswa Menggunakan ASP.Net

1/8

1 | u y u m h u s n e e . b l o g s p o t . c o m

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

7/24/2019 Tutorial Pembuatan Web Data Mahasiswa Menggunakan ASP.Net

2/8

2 | u y u m h u s n e e . b l o g s p o t . c o m

Gambar 2

2.

Pilih Web Form, kemudian saya beri nama bismillah7

Gambar 3

7/24/2019 Tutorial Pembuatan Web Data Mahasiswa Menggunakan ASP.Net

3/8

3 | u y u m h u s n e e . b l o g s p o t . c o m

3.

Ketik Sorce untuk Form Input Data Mahasiswa awal sebagai berikut :

Gambar 4

Form Input

7/24/2019 Tutorial Pembuatan Web Data Mahasiswa Menggunakan ASP.Net

4/8

4 | u y u m h u s n e e . b l o g s p o t . c o m

Nim

:

*Nim Harus

Diisi

Jangan lupa buat form untuk pengisian >

Nama, Tempat Lahir, Tanggal Lahir, Jenis Kelamin, Agama, Jurusan, dan

Email

============================================================================

Kemudian

7/24/2019 Tutorial Pembuatan Web Data Mahasiswa Menggunakan ASP.Net

5/8

5 | u y u m h u s n e e . b l o g s p o t . c o m

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 untukmembentuk Form Input Data Mahasiswasebagai 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

7/24/2019 Tutorial Pembuatan Web Data Mahasiswa Menggunakan ASP.Net

6/8

6 | u y u m h u s n e e . b l o g s p o t . c o m

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

7/24/2019 Tutorial Pembuatan Web Data Mahasiswa Menggunakan ASP.Net

7/8

7 | u y u m h u s n e e . b l o g s p o t . c o m

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

(digabungkancopas saja source sama seperti sebelumnya)

Gambar 9

7/24/2019 Tutorial Pembuatan Web Data Mahasiswa Menggunakan ASP.Net

8/8

8 | u y u m h u s n e e . b l o g s p o t . c o m

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 ada lohhhsilahkan dibuka lagi di blog saya.

uyumhusnee.blogspot.com ;)