Aplikasi Peminjaman Alat dan Booking Jadwal Menggunakan Webform Vb.net

Perancangan WEB Rental Device dan Booking Penerjemah 


Salam Coding is FUN!!
Kali ini saya akan membuat aplikasi berbasis VB.net dengan menggunakan visual studio code. 
Pada tahap awal saya sedikit membuat deskripsi tentang jalannya proses transaksi pada perusahaan penerjemah.

  • Deskripsi Penelitian
Seperti kita ketahui bahwa kebutuhan Teknologi Informasi terhadap perkembangan bisnis sebuah perusahaan merupakan faktor utama dalam menunjang keberhasilan perusahaan. Disini saya akan mengambil analisa dari salah satu perusahaan penerjemah yang terkenal di Jakarta ,PT. Makna Karya Indonusa. Proses peminjaman alat penerjemah dan booking jadwal penerjemah masih manual, dengan mengirim email maupun via telfon. Saya mencoba merancang aplikasi menggunakan Visual Basic memakai Webform, dan Database yang menghubungkan Client dan admin secara realtime. sehingga proses transaksi semakin efektif dan efisien.
  • Analisa Kebutuhan 
  1. Mempermudah User dalam proses peminjaman alat penerjemah dan booking jadwal penerjemah tanpa proses manual
  2. Membuat rancangan sistem informasi menjadi lebih efektif 
  3. Mempercepat proses peminjaman alat penerjemah dan booking jadwal
  • Analisa Perancangan Aplikasi
  1. Usecase diagram
       Pada Usecase dijelaskan bahwa terdapat dua actor yaitu Admin dan Client, tugas Admin adalah menerima dan juga dapat memanipulasi data yang ada di database. Manipulasi ini sendiri berfungsi ketika client meminta pergantian tanggal maupun client meminta perubahan jumlah alat. Disini saya belum buatkan button update, jadi masih update via database. 
      Seteleah Client menginput data, admin bisa melihat List data yang sudah berhasil diinput oleh Client.  
2. Activity Diagram
Ketika masuk dalam tampilan web, terdapat form untuk input kebutuhan User (Admin dan Client) .User menginput data dan proses menghitung tagihan. Setelah proses hitung selesei, User dapat menyimpan data pada database. Pesan bahwa Data berhasil disimpan, berarti data yang diinput benar dan user bisa melihat history data transaksi.
3. Squence Diagram 
  • Perancangan Desain Aplikasi
Pada tahapan ini akan saya buatkan desain aplikasi berbasis Vb.net dengan koneksi ke database pada Ms. Acces. Berikut tahapan - tahapannya sebagai berikut :
  1. Buatlah sebuah database pada Ms. Access 2013, disini saya membuat database dengan nama UTS.accdb dan nama tabel tbl_alat.accdb, berikut tampilannya. 

      2.  Pada tabel diatas terdapat tipe data dari masing-masing Field yang nantinya berfungsi sebagai penampung data pada database. Dibawah ini tampilan dari Datasheet pada tbl_alat yang akan terisi dari proses input data pada WebForm.



     3. Tahapan ketiga membuat tbl_penerjemah yang akan menampilkan data input booking jadwal penerjemah.




  • Tampilan Desaign Interface 

Gambar diatas merupakan tampilan Menutama pada Web, terdapat menu pada navbar diatas dan disamping kiri yaitu form Alat dan Form Penerjemah. Berikut tampilan Form nya 

Pada Form ini, User diharuskan mengisi semua textbox sesuai dengan beberapa data yang terdapat pada form. Jika ada textbox yang tidak terisi, maka akan menampilkan pesan seperti dibawah ini.

 MsgBox tersebut digunakan dengan tujuan tidak ada data yang kosong.Setelah form terisi semua, data tersebut dapat disimpan dan akan masuk ke database. 

Gambar diatas menampilkan MsgBox data sudah tersimpan pada database, seperti dibawah ini. Gambar database dibawah ini belum saya update, tetapi datanya tetap berhasil masuk.
Lalu pada button Clear merupakan button untuk menghapus data pada form saja, sehingga dalam proses pengisian berikutnya, User tidak perlu menghapus satu persatu textboxnya.

Disini saya akan buatkan pilihan List Transaksi, yang di gunakan untuk melihat transaksi client seberapa banyak melakukan booked maupun peminjaman. sekaligus juga untuk tracking device. ID pada table ini sebagai tanda pengenal perusahaan, saya jadikan primery key.

Untuk dapat menampilkan list diatas diperlukan queri pemanggilan data dari dua table yang berbeda. Caranya klik pojok kanan atas pada gridview - Configure Data Source - Pilih spicy of custom SQL - Masukkan perintah SQL nya - Test Queri -Ok 

Saya buatkan 2 List data, List data invoice dan List data Device. List data Device merupakan tampilan dari database tbl_alat, jadi setiap data yang tampil akan bisa dilihat di List device, berikut tampilannya. Cara untuk import datanya sama dengan cara import diatas, hanya menampilkan satu table lebih simple queri nya "SELECT * FROM (namatable). 

Berikut sedikit tutorial website sederhana berbasis Vb.net yang saya buat guna memenuhi tugas UTS Mata Kuliah Rekayasa Perangkat Lunak. Jika temen-temen ingin melihat source nya saya upload di Git hub saya, berikut link nya https://github.com/DwiSeptianaMaulida/UTS_RPL .

Terima kasih temen-temen, khususnya Terima kasih buat Pak Agus Suharto sebagai dosen mata kuliah RPL sudah memberikan materinya. Semoga apa yang saya post berguna buat pembaca dan teman-teman semua.

CODING IS FUN!!

Aplikasi Peminjaman Alat dan Booking Jadwal Menggunakan Webform Vb.net

Perancangan WEB Rental Device dan Booking Penerjemah  Salam Coding is FUN!! Kali ini saya akan membuat aplikasi berbasis VB.net dengan...