
Buka Vb2010 dan klik New Project dan berilah judul terserah yang anda mau,tp disini saya memberikan contoh website2. Pilih ASP.NET Application,dengan nama Latihan_Mahasiswa Klik OK

Kemudian buat folder baru dengan cara Klik kanan di cursort pada solution Export, pilih Add dan klik, pilih New item Kemudian pilih Web Form Kasih “judul” Form_input

Selanjutnya temen-temen dapat membuat design seperti apa pada form inputnya,tergantung tujuannya, disini saya hanya memberi contoh aplikasi data mahasiswa

Contoh Coding untuk data mahasiswa:


Dengan hasil seperti gambar dibawah ini:
Setelah berhasil dibuat Form inputnya, kita buat form lagi untuk form Pemanggilannya. KLik kanan, lalu Add dan New item, lalu membuat codingan LAGI UNTUK PEMANGGILANNYA.

Setelah Add buat judul untuk di formnya “Latihan_Master"

Dan ini contoh Codingannya:
Kemudian temen-temen menambahkan lagi Form “use_masterpage”
Untuk memanggil atau menggunakan Latihan.master nya
Contoh gambar:
Sampai keluar Form Latihan.Master, lalu tambahkan Coding
dibawah ini:
Buat Form baru untuk Use_Masterpage nya, untuk memanggil
atau menggunakan masterpagenya:
Ikuti
langkah tersebut, pilih Latihan Master yang sesuai dengan form yang kalian buat
sebelumnya
Masukan codingan yang sebelumnya sudah dibuat,contoh
sebelumnya:
Kemuadian buat form pada styles.CSS sheett:
Klik Add – Form dan pilih StyleSheet dengan nama form "StyleSheet"
Sebelum melanjutkan,dalam form dan kodingan sebelumnya ada
pemilihan Tanggal pada tahun lahir,kita buatkan dulu untuk Calender,dengan
membuat menu baru di bagian tollBox:
Caranya:
Klik kanan pada General, kemuadian pilih ChoseItem, OK
Maka aplikasi akan Loading dan muncul gambar seperti dibawah
ini:

Buka Browser dan cari File ajax yang sudah di siapkan,jika
belum ada maka harus terlebih kalian dahulu di download
Lalu pilih AjaxControlToolkit.dll
Dan akan keluar gambar seperti ini:
Dan akan keluar gambar seperti ini:

Cara menambahkan CalenderExtender:
Gambar Form yang sudah dibuat seperti dibawah, pada tanggal
lahir akan ditambahkan Calender untuk pemilihan tanggal lahir:
Cara nya,pilih menu Toll,
kemudian pilih Calender pada menu ajax, lalu kalian Drug and Drop, pada
codingan dibawah tanggal lahir, dan tambahkan coding control Id dan format :
Kemudian tambahkan codingan
diatas untuk menyempurnakan calenderExtender,
Cara nya,pilih menu Toll, kemudian ToolkitScriptManager , lalu kalian Drug and Drop,dan simpan pada contoh
berikut:
Langkah selanjutnya, membuat
koneksi databse melalui Vb.Net
Klik Web.Config, lalu
tambahkan scrip seperti pada gambar berikut:
Setelah itu kita buat kembali
form baru untuk koneksi data gridnya:



Klik Form Grid:
Kemudian tambahkan codingan
scrip dibawah ini:
<asp:GridView ID="GrvMahasiswa"
runat="server"
AutoGenerateColumns="False"
DataSourceID="SqlDataSource1">
</asp:GridView>
Coba kita lihat dalam bentuk design nya
Sbeleum mengkoneksi database, beberapa gamabar hasil
Query membuat form data Mahasiswa menggunakan SQLserver:
Buatkan Form untuk
penyimpanan databasenya, disini saya mengambil SQL Server untuk penyimpanan
database yang akan dikoneksikan dengan VB.NET 2010,gambar dibawah:
Data tabel pilihan Agama:
Data Tabel Pilihan Jurusan
Data Tabel Pilihan Mahasiswa

Selanjutnya, Pilih Specify a custom
SQL,kemudian Klik Next
Lalu langkah selanjutkan,
masukan beserta Querynya:
Setelah di klik Finish
hasilnya akan sesuai dengan gambar dibawah:
Hasil akhir setelah di
jalankan:
Demikian yang dapat saya sampaikan, masih banyak kekurangan dalam pencerahan begitu pula dalam penyampaiannya. Mudah – mudahan bermanfaat.
Bagi temen-temen yang mau menambahkan, comentar dan saran boleh di chat, semata-mata untuk membangun dan sharing dalam ilmu pengetahuan..










































Komentar ini telah dihapus oleh pengarang.
BalasHapus