HALAMAN JUDUL

LAPORAN TUGAS BESAR

PERANCANGAN SISTEM INFORMASI
Sistem Informasi Alat Laboratori

Disusun Oleh :
1. Arif Indra Wibowo (3.34.12.1.07)
2. Desy Kartika Virginiasti (3.34.12.1.09)
3. Dika Setya Puspita (3.34.12.1.10)
4. Niko Fitrianto (3.34.12.1.18)
5. Rizka Fitriani Hadi (3.34.12.1.21)

PROGRAM STUDI TEKNIK INFORMATIKA

JURUSAN TEKNIK ELEKTRO
POLITEKNIK N\EGERI SEMARANG
2014
 DAFTAR ISI

HALAMAN JUDUL ........................................................................................................................ i

DAFTAR ISI .................................................................................................................................... ii

DAFTAR GAMBAR ......................................................................................................................iv

I. TUJUAN INSTRUKSIONAL KHUSUS ............................................................................ 1

II. DASAR TEORI ....................................................................................................................... 1

1. Sistem .............................................................................................................................. 1

2. Informasi ......................................................................................................................... 1

3. Sistem Informasi ............................................................................................................ 1

III. ALAT DAN BAHAN ............................................................................................................. 2

IV. LANGKAH KERJA ............................................................................................................... 2

A. Membuat DFD ............................................................................................................... 2

1. Diagram Konteks (Context Diagram)................................................................. 2

2. Diagram Level 0 (DFD Level 0) ......................................................................... 3

3. Diagram Level 1 (DFD Level1) .......................................................................... 6

B. Membuat Entity Relationship Diagram (ERD) ....................................................... 13

C. Membuat Use Case ...................................................................................................... 14

1. Admin.................................................................................................................... 14

2. System User.......................................................................................................... 15

D. Kamus Data .................................................................................................................. 16

1. Login Admin ........................................................................................................ 16

2. Login User ............................................................................................................ 16

3. Administrasi Admin ............................................................................................ 17

ii
 4. Administrasi Dosen ............................................................................................. 17

5. Administrasi Mahasiswa..................................................................................... 18

6. Menu Alat ............................................................................................................. 18

7. Peminjaman alat................................................................................................... 19

8. Pengembalian Alat .............................................................................................. 20

9. Riwayat Peminjaman .......................................................................................... 20

E. Membuat Project Baru pada Vb.Net ......................................................................... 21

V. KESIMPULAN...................................................................................................................... 42

iii
 DAFTAR GAMBAR

Gambar 1. Diagram Konteks sistem informasi alat laboratory ............................................. 3

Gambar 2. DFD Level 0 ........................................................................................................ 5

Gambar 3. DFD Level 1 Proses 1.0 ....................................................................................... 6

Gambar 4. DFD Level 1 Proses 2.0 ....................................................................................... 9

Gambar 5. DFD Level 1 Proses 3.0 ..................................................................................... 11

Gambar 6. DFD Level 1 Proses 4.0 ..................................................................................... 12

Gambar 7. Entity Relationship Diagram (ERD) .................................................................. 13

Gambar 8. Use case diagram ............................................................................................... 14

Gambar 9. Kamus data login admin .................................................................................... 16

Gambar 10. Kamus data Login Client ................................................................................. 16

Gambar 11. Kamus data Administrasi Admin..................................................................... 17

Gambar 12. Kamus data Administrasi dosen ...................................................................... 17

Gambar 13. Kamus data administrasi mahasiswa ............................................................... 18

Gambar 14. Kamus data menu alat ...................................................................................... 18

Gambar 15. Kamus data peminjaman Alat .......................................................................... 19

Gambar 16. Kamus data pengembalian alat ........................................................................ 20

Gambar 17. Kamus data Riwayat peminjaman ................................................................... 20

iv
 PERANCANGAN SISTEM INFORMASI
Sistem Informasi Alat Laboratori

I. TUJUAN INSTRUKSIONAL KHUSUS

Mahasiswa mampu merancang sebuah sistem informasi
Mahasiswa mampu menerapkan hasil rancangan sistem informasi pada
program visual

II. DASAR TEORI

Perancangan sistem informasi merupakan bagian dari ilmu rekayasa perangkat lunak
(software enginnering). Rekayasa perangkat lunak adalah sebuah disiplin ilmu yang
mengintegrasikan methods,tools dan procedure untuk pengembangan perangkat lunak
komputer.
1. Sistem
Sistem adalah seperangkat unsur-unsur yang terdiri dari manusia,alat konsep dan
prosedur yang dihimpun untuk maksud dan tujuan bersama. Menurut Davis system ada dua
yaitu: system abstract dan system fisik.
Tujuan suatu sistem adalah untuk mencapai suatu tujuan (goal) atau mencapai suatu
sasaran (objectives). Tujuan meliputi ruang lingkup yang luas, sedangkan sasaran meliputi
ruang lingkup yang sempit.

2. Informasi
Informasi adalah Data yang diolah menjadi bentuk yang menjadi berguna dan berarti
Kualitas informasi dapat diukur : Akurat (bebas dari kesalahan),Relevan (bermanfat bagi
pemakai) dan Tepat waktu.

3. Sistem Informasi
Sistem yang mengolah data untuk menghasilkan informasi kepada semua pihak yang
membutuhkan. Salah satu contoh pengaplikasian dari system operasi adalah aplikasi sistem
informasi alat laboratory.
Aplikasi ini dibangun untuk memudahkan dan memanajemen alat alat yang ada di
laboratorium Politeknik Negeri Semarang, seperti data alat, transaksi peminjaman alat,
transaksi pengembalian alat serta riwayat peminjaman alat. Sistem operasi ini dalam
1
pengoperasianya menggunakan media computer, peminjam baik dosen maupun mahasiswa
dapat meminjam alat dengan mengisi data pada komputer yang terdapat di laboratorium
yang terlebih dahulu melakukan login, data peminjaman dan pengembalian akan dicatat,
setelah itu akan akan dikumpulkan oleh system untuk dijadikan riwayat peminjaman alat.

III. ALAT DAN BAHAN

1. PC Processor minimal Pentium IV
2. OS windows
3. RAM minimal 512 MB
4. Software VB.Net

IV. LANGKAH KERJA

A. Membuat DFD
Tahap pembuatan DFD yaitu diawali dengan membuat diagram konteks,
diagram level satu, diagram level dua, dan seterusnya. Berikut tahapan-tahapan dalam
pembuatan DFD:

1. Diagram Konteks (Context Diagram)

Tahap pertama dari pembuatan DFD adalah dengan membuat diagram konteks
yang merupakan DFD tingkat atas (DFD Top Level), yaitu diagram yang paling umum
atau tidak detail dari sebuah sistem informasi yang menggambarkan aliran-aliran data
ke dalam dan ke luar sistem serta aliran-aliran data ke dalam dan ke luar entitas
eksternal. Diagram konteks menggambarkan sistem dalam satu lingkaran dan
hubungan dengan entitas luar seperti pada Gambar berikut:

2
MAHASISWA ADMIN
Username
Username
Password
Password
Biodata_Admin
Transaksi_Pinjam
Biodata_MHS
Data_MHS
Biodata_Dosen
Data_Alat Hak_Akses_Admin
Transaksi_Kembali Daftar_Admin
Daftar_Alat
Daftar_MHS
Daftar_Dosen
Hak_Akses_MHS Daftart_Transaksi_Pinjam
Data_Alat Riwayat_Peminjaman
Riwayat_Peminjaman Laporan_Transaksi
Biodata_MHS Laporan_Alat
Laporan_Peminjaman_Alat SISTEM INFORMASI Daftar_Transaksi_Kembali
ALAT
LABORATORI

Hak_Akses_Dosen
Data_Alat
Riwayat_Peminjaman
Biodata_Dosen
Laporan_Peminjaman_Alat

Username
Password
Transaksi_Pinjam
Data_Dosen
DOSEN

Gambar 1. Diagram Konteks sistem informasi alat laboratory

2. Diagram Level 0 (DFD Level 0)

Hasil perancangan DFD level 0 dari Sistem Laboratory Polines ada pada Gambar
DFD Level 0 Sistem Laboratory Polines, dengan keterangan sebagai berikut:
a) Modul : 1.0
Nama modul : Login
Masukan : Username, Password
Keluaran : Hak_Akses_MHS, Hak_Akses_Dosen,
Hak_Akses_Admin
Ringkasan Proses : Merupakan sebuah proses agar mahasiswa dan dosen
serta admin dapat masuk ke sistem.

b) Modul : 2.0
Nama modul : Managemen Data
Masukan : Data_MHS, Data_Dosen, Biodata_Admin,
Biodata_MHS, Biodata_Dosen, Data_Alat
3
 Keluaran : Data_Alat, Biodata_MHS, Biodata_Dosen,
Daftar_admin, Daftar_Alat, Daftar_MHS, Daftar_Dosen,
Daftar_Transaksi_Pinjam, Laporan_Alat
Ringkasan Proses : merupakan sebuah proses managemen data, dimana
mahasiswa dan dosen dapat memperbaharui data
mahasiswa atau data dosen miliknya sendiri serta melihat
data alat serta biodatanya sendiri didalam sistem. Serta
proses managemen data, dimana admin dapat melakukan
penginputan data alat, biodata mahasiswa dan biodata
dosen dan biodata admin, serta admin dapat melihat
daftar admin, daftar alat, daftar mahasiswa, daftar dosen,
daftar transaksi pinjam yang pernah dilakukan oleh
mahasiwa dan dosen, serta laporan dari alat.

c) Modul : 3.0
Nama modul : Transaksi Pinjam
Masukan : Transaksi_Pinjam
Keluaran : Laporan_Peminjaman_Alat, Riwayat_Peminjaman
Ringkasan Proses : merupakan proses dalam transaksi peminjaman, dimana
proses ini hanya dilakukan oleh mahasiswa dan dosen
yeng menggunakan sistem. Dimana, dalam proses ini
baik mahasiswa dan dosen dapat menginputkan transaksi
pinjam ke dalam system, dan mahasiswa dan dosen yang
melakukan proses ini akan dapat melihat laporan
peminjaman alat serta riwayat peminjaman yang pernah
mereka lakukan sendiri.

d) Modul : 4.0
Nama modul : Transaksi Kembali
Masukan : Transaksi_Kembali
Keluaran : Laporan_Transaksi, Daftar_Transaksi_Kembali
Ringkasan Proses : merupakan sebuah proses yang hanya dilakukan oleh
admin yang menggunakan sistem. Dimana proses ini

4
 admin dapat menginputkan transaksi kembali, dan admin
dapat memelihat laporan transaksi dan daftar transaksi
kembali yang pernah dilakukan semua mahasiswa dan
dosen.

Username Username
Password Password
MAHASISWA DOSEN

Hak_Akses_MHS Hak_Akses_Dosen
1.0
Login
Hak_Akses_Admin Username
Password

Data_MHS Data_Dosen

Data_Alat
Data_Alat
Biodata_Dosen
Biodata_MHS
2.0
Managemen
Data

Transaksi_Pinjam Transaksi_Pinjam

Laporan_Peminjaman_Alat Laporan_Peminjaman_Alat
Riwayat_Peminjaman
3.0 Riwayat_Peminjaman
Transaksi
Pinjam

Daftar_Admin Biodata_Admin
Daftar_Alat Biodata_MHS
Daftar_MHS Biodata_Dosen
Daftar_Dosen Data_Alat
Daftart_Transaksi_Pinjam
Laporan_Alat
4.0
Transaksi
Kembali

Laporan_Transaksi
Transaksi_Kembali
Daftar_Transaksi_
Kembali

ADMIN

Gambar 2. DFD Level 0

5
 3. Diagram Level 1 (DFD Level1)

username 1.1 username

password
Dosen
password Cek Mahasiswa
Username
Password

Data dosen Data mhs

Dosen Mahasiswa

Data
cek
Data dosen status Data mhs

hak akses dosen 1.2 hak akses mhs

Cek Status

Data pribadi dosen Data pribadi mhs

Data input
Mhs/dosen/
admin
Data admin

biodata dosen biodata mhs

daftar alat
1.3 daftar alat
Management
Data

data mhs admin

Data dosen
data admin
data alat

Username
password

Admin
daftar mhs
daftar dosenn
daftar admin
daftar alat
laporan alat
hak akses admin

Gambar 3. DFD Level 1 Proses 1.0

6
Gambar 1.1 adalah DFD level 1 proses 1.0 dengan penjelasan sebagai berikut:

a) Modul : 1.1
Nama modul : Cek Username Password
Masukan : username mhs, password mhs, username dosen,
password dosen, username admin, password admin, data
mhs, data dosen, dan data admin
Keluaran : data cek status
Ringkasan Proses : mahasiswa, dosen dan admin memasukkan username dan
password untuk melakukan login.

b) Modul : 1.2
Nama modul : Cek Status
Masukan : data mhs, data dosen, data admin, data cek status.
Keluaran : hak_akses_mhs, hak_akses_dosen, dan
hak_akses_admin
Ringkasan Proses : setelah mahasiswa, dosen dan admin memasukkan
username dan password kemudian proses selanjutnya
adalah cek status dari username dan password dapat
memvalidasi apakah user yang login adalah admin,
mahasiswa ataupun dosen, itulah fungsi dari proses cek
status. Setelah itu maka proses cek status akan merespon,
inputan yang tadi berupa username dan password jika
user yang login adalah admin maka proses cek status
akan memberikan hak akses admin, jika mahasiswa maka
proses cek status akan memberikan hak akses mahasiswa
dan jika yang login adalah dosen maka proses cek status
akan memberikan hak akses dosen.

c) Modul : 1.3
Nama modul : Management Data
Masukan : data mhs, data dosen, data admin, data alat, data pribadi
mhs, data pribadi dosen, data input mhs/dosen/admin.

7
Keluaran : biodata mhs, daftar alat, biodata dosen, daftar alat, daftar
mhs, daftar dosen, daftar admin, daftar alat, laporan alat
Ringkasan Proses : setelah mahasiswa, dosen dan admin login kemudian
proses selanjutnya adalah management data yang
mendapat masukkan hasil login yaitu data input
mhs/dosen/admin, kemudian selanjutnya pada proses
management data maka mahasiswa dapat mengubah data
pribadinya, sedangkan dosen juga dapat mengubah data
pribadinya jika terdapat kesalahan pada biodata masing
masing. Sedang admin dapat memasukkan data mhs, data
dosen, data admin, dan data alat. Hasil yang didapat oleh
mahasiswa adalah biodata pribadinya dan daftar alat
begitu juga dengan dosen dapat melihat biodata
pribadinya dan daftar alat. Dan yang didapat oleh admin
adalah daftar mhs, daftar dosen, daftar admin, daftar alat
dan laporan alat.

8
 Admin Data dosen baru
Data mhs
Data dosen Dosen
2.1
Input User

data alat

Data mhs baru

Mahasiswa
Daftar dosen
Daftar mhs
Daftar alat

2.3 Data mhs

Input alat

data alat baru

2.2
Biodata dosen data dosen
Management
Alat
User
Data dosen

Dosen
Daftar alat

Data alat

2.4
Lihat alat

Biodata mhs

Daftar alat Data mhs

Mahasiswa

Gambar 4. DFD Level 1 Proses 2.0

9
Gambar 1.2 adalah gambar DFD level 1 dari proses 2.0 dengan penjelasan berikut :

a) Modul : 2.1
Nama modul : Input User
Masukan : data mhs, data dosen
Keluaran : data mhs baru, data dosen baru
Ringkasan Proses : pada proses input user maka admin dapat memasukkan
data mhs maupun data dosen yang baru kedalam data
store dosen ataupun mahasiswa.

b) Modul : 2.2
Nama modul : Management User
Masukan : data mhs, data dosen
Keluaran : data mhs baru, data dosen baru, daftar mhs, daftar dosen
Ringkasan Proses : pada proses management user maka admin mendapat
daftar mhs maupun daftar dosen yang tersimpan pada
data store mahasiswa maupun dosen. Sedangkan
mahasiswa dapat mengubah data pribadinya dan
mahasiswa mendapatkan biodata pribadinya. Begitu juga
dengan dosen, dosen dapat mengubah data pribadinya
dan dapat melihat niodata pribadinya.

c) Modul : 2.3
Nama modul : Input Alat
Masukan : data alat
Keluaran : data alat baru.
Ringkasan Proses : pada proses input alat maka admin dapat memasukkan
atau menyimpan data alat baru kedalam data store alat.

d) Modul : 2.4
Nama modul : Lihat alat
Masukan : data alat
Keluaran : daftar alat

10
 Ringkasan Proses : pada proses lihat alat maka proses ini mendapat
masukkan data alat yang diambil dari data store alat
sedangkan keluarannya adalah daftar alat yang dapat
dilihat oleh mahasiswa, dosen ataupun admin.

Transaksi pinjam 3.1 Transaksi pinjam

Input Transaksi
pinjam

Daftar pinjam

Mahasiswa pinjam Dosen

Data pinjam

3.2
Daftar pinjam Lihat pinjam Daftar pinjam
Riwayat peminjaman Riwayat peminjaman
Lap. pinjam Lap. pinjam

Gambar 5. DFD Level 1 Proses 3.0

a) Modul : 3.1
Nama modul : Input Transaksi pinjam
Masukan : transaksi pinjam
Keluaran : daftar pinjam
Ringkasan Proses : pada proses input transaksi pinjam maka mahasiswa
atupun dosen dapat menginput kan data transaksi pinjam
ke dalam sistem selanjutnya sistem akan memproses dan
disimpan pada data store pinjam.

b) Modul : 3.2
Nama modul : lihat pinjam
Masukan : data pinjam
Keluaran : daftar pinjam, riwayat pinjam, dan laporan pinjam.

11
 Ringkasan Proses : pada proses lihat pinjam maka mahasiswa atupun dosen
dapat melihat daftar alat yang pinjam, riwayat alat yang
dipinjam serta dapat melihat laporan per bulan alat yang
dipinjam.

data kembali
4.1 kembali
Input Transaksi
Kembali

data kembali
Transaksi kembali

4.2
Admin Lihat Transaksi
Daftar transaksi kembali
Laporan Transaksi Kembali
kembali

Gambar 6. DFD Level 1 Proses 4.0

a) Modul : 4.1
Nama modul : Input Transaksi Kembali
Masukan : transaksi kembali.
Keluaran : data kembali.
Ringkasan Proses : pada proses input transaksi kembali maka admin
memasukkan data kembali ke dalam proses kemudian
proses akan mengolah data tersebut dan disimpan dalam
data store kembali.

b) Modul : 4.2
Nama modul : Lihat Transaksi Kembali
Masukan : data kembali.

12
 Keluaran : daftar kembali dan laporan transaksi kembali
Ringkasan Proses : pada proses lihat transaksi kembali maka proses akan
mengambil data kembali dari data store kembali
kemudian diolah sehingga menghasilkan keluaran daftar
transaksi kembali dan laporan transaksi kembali.

B. Membuat Entity Relationship Diagram (ERD)

Entity Relationship Diagram atau ERD yaitu suatu model untuk menjelaskan
hubungan antar data dalam basis data berdasarkan objek-objek dasar data yang
mempunyai hubungan antar relasi. ERD dalam perancangan Sistem Informasi Alat
Laboratori dapat dilihat pada Gambar 7.

username prodi kelas no_HP alamat

nama
password

melakukan
input Mahasiswa

cari

kode_alat nama_alat stok_alat keterangan

input
nama
Alat
username
username ambil
ubah
data
Tgl/hari
no_HP Admin cari Transaksi_Pinjam kembali

kode_alat
alamat
melakukan
input Dosen
password

nama username no_HP alamat password

ambil
data

kembali Transaksi_Kembali

Tgl/hari
kode_alat username keterangan
kembali

Gambar 7. Entity Relationship Diagram (ERD)

13
C. Membuat Use Case
Use case diagram digunakan untuk menggambarkan fungsionalitas yang
diharapkan dari sebuah sistem dari sudut pandang pemakai (user). Dalam use case
diagram yang ditekankan adalah apa yang diperbuat sistem bukan bagaimana sistem
mengerjakannya. Gambar 8 berikut ini merupakan use case diagram dari aplikasi yang
akan dibangun.

Login

Input Alat

Admin
Delete Alat

Update Alat

Lihat Alat

Input User

Update
User

Delete User

Lihat User

Transaksi
Pinjam

Transaksi
Kembali
System User

Logout

Dosen Mahasiswa

Gambar 8. Use case diagram

Berdasarkan use case diagram pada Gambar 8, dapat dijelaskan use case
scenario sebagai berikut:
1. Admin
a. Admin melakukan login
b. Selanjutnya admin dapat input, update, delete, lihat pada alat dan user serta
dapat melakukan transaksi kembali.
c. Untuk melakukan input alat, admin memilih tombol simpan pada menu alat.

14
 d. Untuk melakukan update alat, admin memilih tombol edit pada menu alat.
e. Untuk melakukan delete alat, admin memilih tombol hapus pada menu alat.
f. Untuk melakukan lihat alat, admin memilih menu alat.
g. Untuk melakukan input user, admin memilih tombol simpan pada menu
administrasi user.
h. Untuk melakukan update user, admin memilih tombol edit pada menu
administrasi user.
i. Untuk melakukan delete user, admin memilih tombol hapus pada menu
administrasi user.
j. Untuk melakukan lihat user, admin memilih menu administrasi user.
k. Untuk melakukan transaksi kembali, admin memilih menu pengembaliaan
alat.
l. Untuk menutup Aplikasi, admin memilih menu logout.

2. System User
a. User melakukan login.
b. Selanjutnya user dapat melakukan lihat alat, update user, lihat user, dan
transaksi pinjam.
c. Untuk melakukan lihat alat, user memilih menu saya mau pinjam.
d. Untuk melakukan update user, user memilih menu edit biodata.
e. Untuk melakukan lihat user, user memilih menu mybio.
f. Untuk melakukan transaksi pinjam, user memilih menu saya mau pinjam.

15
D. Kamus Data
1. Login Admin

Login Admin

Selamat Datang di Menu Login

Username : XXXXXXX
Password : XXXXXXX

Gambar 9. Kamus data login admin

Pada menu Login Admin, dalam pengisian Username dan Password disimbolkan
dengan karakter XXXXXXX yang berarti bahwa Username dan Password dapat
memasukkan atau menampilkan/mencetak suatu karakter.

2. Login Client

Login client

Selamat Datang di Menu Login Client

Username : XXXXXXX
Password : XXXXXXX

Gambar 10. Kamus data Login Client

Pada menu Login Client, dalam pengisian Username dan Password disimbolkan
dengan karakter XXXXXXX yang berarti bahwa Username dan Password dapat
memasukkan atau menampilkan/mencetak suatu karakter.
16
 3. Administrasi Admin

Administrasi Admin

Selamat Datang di Menu Administrasi Admin

Nama : XXXX
NIK : XXXXXXXXXXXXXXXXXXXX
Prodi : XXXX
No HP : XXXXXXXXXX
Alamat : XXXXX
Password : XXXXXXX

Gambar 11. Kamus data Administrasi Admin

Pada menu Administrasi Admin, dalam pengisian Nama, NIK, Prodi, No HP,
Alamat dan Password disimbolkan dengan karakter XXXXXXX yang berarti bahwa
Nama, NIK, Prodi, No HP, Alamat dan Password dapat memasukkan atau
menampilkan/mencetak suatu karakter.

4. Administrasi Dosen

Administrasi Dosen

Selamat Datang di Menu Administrasi Dosen

Nama : XXXX
NIP : XXXXXXXXXXXXXXXXXXXX
Prodi : XXXX
No HP : XXXXXXXXXX
Alamat : XXXXX
Password : XXXXXXX

Gambar 12. Kamus data Administrasi dosen

Pada menu Administrasi Dosen, dalam pengisian Nama, NIP, Prodi, No HP,
Alamat dan Password disimbolkan dengan karakter XXXXXXX yang berarti bahwa

17
Nama, NIP, Prodi, No HP, Alamat dan Password dapat memasukkan atau
menampilkan/mencetak suatu karakter.

5. Administrasi Mahasiswa

Administrasi Mahasiswa
Selamat Datang di Menu Administrasi Siswa

Nama : XXXX
NIM : X.XX.XX.X.XX
Prodi : XXXX
Kelas : XXXXX
No HP : XXXXXXXXXX
Alamat : XXXXX
Password : XXXXXXX

Gambar 13. Kamus data administrasi mahasiswa

Pada menu Administrasi Mahasiswa, dalam pengisian Nama, Prodi, Kelas, No

HP, Alamat dan Password disimbolkan dengan karakter XXXXXXX yang berarti
bahwa Nama, Prodi, Kelas, No HP, Alamat dan Password dapat memasukkan atau
menampilkan/mencetak suatu karakter. Pada NIM disimbolkan dengan
X.XX.XX.X.XX, karakter dipisahkan dengan symbol . , yang berarti bahwa
menyisipkan suatu periode ke dalam tampilan numeric.

6. Menu Alat

Menu Alat

Kode Alat : X999

Nama Alat : XXXXXXXX
Stok : 99
Keterangan : XXXXXXXXX

Gambar 14. Kamus data menu alat

18
 Pada menu Alat, dalam pengisian Nama Alat dan Keterangan disimbolkan
dengan karakter XXXXXXX yang berarti bahwa Nama Alat dan Keterangan dapat
memasukkan atau menampilkan/mencetak suatu karakter. Sedangkan pada Kode Alat
disimbolkan dengan X999, artinya bahwa Kode Alat hanya dapat dimasukan dengan
ketentuan 1 karakter awal kemudian diikuti 3 angka. Sedangkan pada Stok
disimbolkan dengan 99, artinya bahwa Stok hanya dapat dimasukan dengan ketentuan
2 angka.

7. Peminjaman alat

Peminjaman Alat

Kode Alat : X999

Username : XXXXXX
Tanggal Pinjam : Z9/99/9999

Gambar 15. Kamus data peminjaman Alat

Pada menu Peminjaman Alat, dalam pengisian Kode Alat disimbolkan dengan
X999, artinya bahwa Kode Alat hanya dapat dimasukan dengan ketentuan 1 karakter
awal kemudian diikuti 3 angka. Sedangkan dalam pengisian Username disimbolkan
dengan karakter XXXXXXX yang berarti bahwa Username dapat memasukkan atau
menampilkan/mencetak suatu karakter. Sedangkan pada Tanggal Pinjam disimbolkan
dengan Z9/99/9999, artinya bahwa Tanggal Pinjam hanya dapat dimasukkan dengan
angka, Z berarti 0 dan 9 berarti hanya angka, pada tanggal dipisahkan symbol /
yang berarti menyisipkan slash ke dalam suatu tampilan numeric.

19
 8. Pengembalian Alat

Pengembalian Alat

Kode Alat : X999

NIK : XXXXXXXXXXXXXXXXXXXX
Tanggal Kembali : Z9/99/9999

Gambar 16. Kamus data pengembalian alat

Pada menu Pengembalian Alat, dalam pengisian Kode Alat disimbolkan dengan
X999, artinya bahwa Kode Alat hanya dapat dimasukan dengan ketentuan 1 karakter
awal kemudian diikuti 3 angka. Sedangkan dalam pengisian NIK disimbolkan dengan
karakter XXXXXXX yang berarti bahwa NIK dapat memasukkan atau
menampilkan/mencetak suatu karakter. Sedangkan pada Tanggal Pinjam disimbolkan
dengan Z9/99/9999, artinya bahwa Tanggal Pinjam hanya dapat dimasukkan dengan
angka, Z berarti 0 dan 9 berarti hanya angka, pada tanggal dipisahkan symbol /
yang berarti menyisipkan slash ke dalam suatu tampilan numeric.

9. Riwayat Peminjaman

Riwayat Peminjaman

Lihat Berdasarkan

Tanggal : Z9
Bulan : 99
Tahuni : 9999

Gambar 17. Kamus data Riwayat peminjaman

20
 Pada menu Riwayat Peminjaman, dalam pengisian pencarian Tanggal
disimbolkan dengan karakter Z9 yang berarti Tanggal hanya dapat dimasukkan
dengan angka, Z berarti 0 dan 9 berarti hanya angka. Pada bulan disimbolkan dengan
99 artinya bahwa hanya dapat diisi angka sebanyak 2. Dan untuk Tahun disimbolkan
dengan 9999 artinya bahwa hanya dapat diisi angka sebanyak 4.

E. Membuat Project Baru pada Vb.Net

1. Menjalankan Visual Basic.
2. Klik menu File > New Project, atau melalui ikon New Project, atau melalui
kombinasi tombol Ctrl+N.
3. Pada kotak dialog New Project, pilih template Windows Application,
kemudian klik OK.

Windows ( Windows Form, Concole, Class Library, WPF dll)

Web (ASP Web Application, ASP.Net Web Servis dll)
Smart Divice (Smart Device Project)
Database (Access dan SQL Server)

21
 Report (Report Application dan Crystal Report)
WCF (Windows Communication Foundation) dll.

Windows Application : Untuk menciptakan aplikasi-aplikasi Windows yang

berjalan secara lokal di komputer user.
Class Library : Untuk menciptakan kelas-kelas atau komponen
komponen reusable yang dapat di-share dengan
project lainnya.
Console Application : Untuk membuat aplikasi-aplikasi command-line.

4. Akan Muncul Form Seperti gambar di bawah ini.

Interface Keterangan
Menu Bar Menu standar pada visual Basic
Toolbar Daftar tool yang digunakan untuk menjalankan perintah yang
sering digunakan

22
 Toolbox Daftar control yang tambahkan ke dalam program sebagai
interface
Form Design Digunakan untuk mengedit tampilan form serta mengatur
posisi control pada form
Solution Digunakan untuk mengolah file dan project
Explorer
Properties Digunakan untuk mengedit property dari form dan control
yang sedang diedit
Error List Digunakan untuk menampilkan pesan error jika terjadi
kesalahan

5. Membuat Desain Form Login Client seperti gambar di bawah ini

Object Properties Nilai

Form1 Name FormLoginUser
Text FormLoginUser
Label1 Name SELAMAT DATANG DI
MENU LOGIN CLIENT

23
 Button Name btnLogin
Text Login
Label2 Name Label2
Text username
Label3 Name Label3
Text password
Groupbox1 Name Groupbox1
Text Silahkan Login

6. Klik dua kali pada formLoginUser dan masukkan koding berikut :

Public Class FormLoginUser

Private Sub Button2_Click(sender As Object, e As EventArgs) Handles

Button2.Click
Me.Dispose()
End Sub
Private Sub Button1_Click(sender As Object, e As EventArgs) Handles
Button1.Click
FormMenuUser.Show()
GroupBox1.Visible = False
End Sub
End Class

7. Membuat Desain Form Login Admin seperti gambar di bawah ini

24
 Object Properties Nilai
Form1 Name FormLoginAdmin
Text FormLoginAdmin
Label1 Name SELAMAT DATANG DI
MENU LOGIN ADMIN
Button Name btnLogin
Text Login
Label2 Name Label2
Text username
Label3 Name Label3
Text password
Groupbox1 Name Groupbox1
Text Silahkan Login

8. Klik dua kali pada formLoginUser dan masukkan koding berikut:

Public Class FormLoginAdmin

Private Sub Button2_Click_1(sender As Object, e As EventArgs)

Handles Button2.Click
Me.Dispose()
End Sub

Private Sub Button1_Click(sender As Object, e As EventArgs) Handles

Button1.Click
FormMenuAdmin.Show()
GroupBox1.Visible = False
End Sub
End Class

25
9. Membuat Desain Form Menu User seperti gambar di bawah ini

Object Properties Nilai

Form1 Name FormMenuUser
Text FormMenuUser
Button5 Name Button 5
Text Logout Me
Button1 Name Button1
Text Edit Biodata
Button2 Name Button2
Text Saya Mau Pinjam !
Button3 Name Button3
Text MyBio
Button4 Name Button4
Text Riwayat PinjamKu
Groupbox1 Name Groupbox1
Text Administration
Groupbox2 Name Groupbox2
Text About Me

26
10. Klik dua kali pada formMenuUser dan masukkan koding berikut:
Public Class FormMenuUser

Private Sub Button1_Click(sender As Object, e As EventArgs) Handles

Button1.Click
FormCreateUser.Show()
End Sub

Private Sub Button3_Click(sender As Object, e As EventArgs) Handles

Button3.Click
FromTransaksiPinjam.Show()
End Sub

Private Sub Button5_Click(sender As Object, e As EventArgs) Handles

Button5.Click
FormCreateUser.Show()

End Sub

Private Sub Button2_Click(sender As Object, e As EventArgs) Handles

Button2.Click
Me.Dispose()
FormLoginUser.GroupBox1.Visible = True
End Sub

Private Sub Button8_Click(sender As Object, e As EventArgs) Handles

Button8.Click
RiwayatPeminjaman.Show()
End Sub
End Class

11. Desain Form Menu Admin seperti gambar di bawah ini

27
 Object Properties Nilai
Form1 Name FormMenuAdmin
Text FormMenuAdmin
Button1 Name Button1
Text Student Accounts
Button2 Name Button2
Text Lectures Accounts
Button3 Name Button3
Text Admins Accounts
Button4 Name Button4
Text Peminjaman
Button5 Name Button5
Text Pengembalian
Button6 Name Button6
Text Alat
Button7 Name Button7
Text Logout Admin
Button8 Name Button8
Text Go To Login Client
Groupbox1 Name Groupbox1
Text Accounts Administration
Groupbox2 Name Groupbox2
Text Transaction

12. Klik dua kali pada formMenuAdmin dan masukkan koding berikut:
Public Class FormMenuAdmin

Private Sub Button1_Click(sender As Object, e As EventArgs) Handles

Button1.Click
FormCreateUser.Show()
End Sub

Private Sub Button3_Click(sender As Object, e As EventArgs) Handles

Button3.Click
FormCreateDosen.Show()
End Sub

Private Sub Button4_Click(sender As Object, e As EventArgs) Handles

Button4.Click

28
 FormCreateAdmin.Show()
End Sub

Private Sub Button5_Click(sender As Object, e As EventArgs) Handles

Button5.Click
FromTransaksiPinjam.Show()
End Sub

Private Sub Button8_Click(sender As Object, e As EventArgs) Handles

Button8.Click
FormTransaksiKembali.Show()
End Sub

Private Sub Button6_Click(sender As Object, e As EventArgs) Handles

Button6.Click
FormLoginUser.Show()
End Sub

Private Sub Button2_Click(sender As Object, e As EventArgs) Handles

Button2.Click
Me.Dispose()
FormLoginAdmin.GroupBox1.Visible = True
End Sub

Private Sub Button7_Click(sender As Object, e As EventArgs) Handles

Button7.Click
FormAlat.Show()
End Sub
End Class

13. Membuat Desain FormCreateAdmin seperti gambar di bawah ini

Object Properties Nilai

Form1 Name FormCreateAdmin
Text FormCreateAdmin
29
Label1 Name Label1
Text SELAMAT DATNG DI
MENU ADMINISTRASI
ADMIN
Button1 Name Button1
Text Simpan
Button2 Name Button2
Text Ubah
Button3 Name Button3
Text Hapus
Button4 Name Button4
Text Close
Label2 Name Label2
Text Nama
Label3 Name Label3
Text NIK
Label4 Name Label4
Text No HP
Label5 Name Label5
Text Alamat
Label6 Name Label6
Text Password
TextBox1 Name TextBox1

TextBox2 Name TextBox2

TextBox3 Name TextBox3

TextBox4 Name TextBox4

TextBox5 Name TextBox5

DataGridView1 Name DataGridView1

30
14. Klik dua kali pada formCreateAdmin dan masukkan koding berikut:
Public Class FormCreateAdmin

Private Sub Button4_Click(sender As Object, e As EventArgs) Handles

Button4.Click
Me.Dispose()
End Sub

End Class

15. Membuat Desain FormCreateDosen seperti gambar di bawah ini

Object Properties Nilai

Form1 Name FormCreateDosen
Text FormCreateDosen
Label1 Name Label1
Text SELAMAT DATNG DI
MENU ADMINISTRASI
DOSEN
Button1 Name Button1
Text Simpan
Button2 Name Button2
Text Ubah
Button3 Name Button3

31
 Text Hapus

Button4 Name Button4

Text Close
Label2 Name Label2
Text Nama
Label3 Name Label3
Text NIP
Label4 Name Label4
Text Prodi
Label5 Name Label5
Text No HP
Label6 Name Label6
Text Alamat
Label7 Name Label7
Text Password
TextBox1 Name TextBox1

TextBox2 Name TextBox2

TextBox3 Name TextBox3

TextBox4 Name TextBox4

TextBox5 Name TextBox5

TextBox6 Name TextBox6

DataGridView1 Name DataGridView1

16. Klik dua kali pada formCreateDosen dan masukkan koding berikut:
Public Class FormCreateDosen

Private Sub Button4_Click(sender As Object, e As EventArgs) Handles

Button4.Click
Me.Dispose()
End Sub
End Class

32
17. Membuat Desain FormCreateUser seperti gambar di bawah ini

Object Properties Nilai

Form1 Name FormCreateUser
Text FormCreateUser
Label1 Name Label1
Text SELAMAT DATNG DI
MENU ADMINISTRASI
SISWA
Button1 Name Button1
Text Simpan
Button2 Name Button2
Text Ubah
Button3 Name Button3
Text Hapus
Button4 Name Button4
Text Close
Label2 Name Label2
Text Nama
Label3 Name Label3

33
 Text NIM

Label4 Name Label4

Text Prodi
Label5 Name Label5
Text Kelas
Label6 Name Label6
Text No HP
Label7 Name Label7
Text Alamat
Label8 Name Label8
Text Password
TextBox1 Name TextBox1

TextBox2 Name TextBox2

TextBox3 Name TextBox3

TextBox4 Name TextBox4

TextBox5 Name TextBox5

TextBox6 Name TextBox6

TextBox7 Name TextBox7

DataGridView1 Name DataGridView1

18. Klik dua kali pada formCreateUser dan masukkan koding berikut:
Public Class FormCreateUser

Private Sub Button4_Click(sender As Object, e As EventArgs) Handles

Button4.Click
Me.Dispose()
End Sub
End Class

34
19. Membuat Desain FormAlat seperti gambar di bawah ini

Object Properties Nilai

Form1 Name FormAlat
Text FormAlat
Label1 Name Label1
Text SELAMAT DATANG DI
MENU ALAT
Button1 Name Button1
Text Simpan
Button2 Name Button2
Text Ubah
Button3 Name Button3
Text Hapus
Button4 Name Button4
Text Close
Label2 Name Label2
Text Kode Alat
Label3 Name Label3
Text Nama Alat
Label4 Name Label4
Text Stok
35
 Label5 Name Label5
Text Keterangan
TextBox1 Name TextBox1

TextBox2 Name TextBox2

TextBox3 Name TextBox3

TextBox4 Name TextBox4

DataGridView1 Name DataGridView1

20. Klik dua kali pada formCreateUser dan masukkan koding berikut:
Public Class FormAlat

Private Sub Button4_Click(sender As Object, e As EventArgs) Handles

Button4.Click
Me.Dispose()
End Sub
End Class

21. Desain FormTransaksiKembali seperti gambar di bawah ini

Object Properties Nilai

Form1 Name FormTransaksiKembali
Text FormTransaksiKembali

36
 Label1 Name Label1
Text SELAMAT DATANG DI
MENU PENGEMBALIAN
ALAT
Button1 Name Button1
Text Simpan
Button2 Name Button2
Text Ubah
Button3 Name Button3
Text Hapus
Button4 Name Button4
Text Close
Label2 Name Label2
Text Kode Alat
Label3 Name Label3
Text NIK
Label4 Name Label4
Text Tanggal Kembali
TextBox1 Name TextBox1

TextBox2 Name TextBox2

DateTimePicker1 Name DateTimePicker1

DataGridView1 Name DataGridView1

22. Klik dua kali pada formTransaksiKembali dan masukkan koding berikut:
Public Class FormTransaksiKembali

Private Sub Button4_Click(sender As Object, e As EventArgs) Handles

Button4.Click
Me.Dispose()
End Sub
End Class

37
23. Membuat Desain FormTransaksiPinjam seperti gambar di bawah ini

Object Properties Nilai

Form1 Name FormTransaksiPinjam
Text FormTransaksiPinjam
Label1 Name Label1
Text SELAMAT DATANG DI
MENU PEMINJAMAN
ALAT
Button1 Name Button1
Text Simpan
Button2 Name Button2
Text Ubah
Button3 Name Button3
Text Hapus
Button4 Name Button4
Text Close
Label2 Name Label2
Text Kode Alat
Label3 Name Label3
Text Username
Label4 Name Label4
Text
38
 Tanggal Pinjam

TextBox1 Name TextBox1

TextBox2 Name TextBox2

DateTimePicker1 Name DateTimePicker1

DataGridView1 Name DataGridView1

24. Klik dua kali pada formTransaksiPinjam dan masukkan koding berikut:
Public Class FromTransaksiPinjam

Private Sub Button4_Click(sender As Object, e As EventArgs) Handles

Button4.Click
Me.Dispose()
End Sub
End Class

25. MembuatDesain RiwayatPeminjaman seperti gambar di bawah ini

Object Properties Nilai
Form1 Name RiwayatPeminjaman
Text RiwayatPeminjaman
Label1 Name Label1
Text SELAMAT DATANG DI
MENU HISTORY
PEMINJAMAN
Button4 Name Button4
Text Close
Label2 Name Label2
Text Tanggal
Label3 Name Label3
Text Bulan
Label4 Name Label4
Text Tahun
ComboBox1 Name ComboBox1

ComboBox2 Name ComboBox2

39
 ComboBox3 Name ComboBox3

GroupBox1 Name GroupBox1

Text Lihat Berdasarkan
DataGridView1 Name DataGridView1

26. Klik dua kali pada RiwayatPeminjaman dan masukkan koding berikut:
Public Class RiwayatPeminjaman

Private Sub Button4_Click(sender As Object, e As EventArgs) Handles

Button4.Click
Me.Dispose()
End Sub
End Class

27. Klik Kanan pada project dan menambahkan Item Baru

28. Klik SplashScreen dan Add

40
29. Membuat Desain SplashScreen seperti berikut:

30. Set debug ke SplashScreen dari Properties menu:

41
V. KESIMPULAN
Dari hasil praktik diatas dapat disimpulkan bahwa:
1. Konteks Diagram adalah diagram yang paling umum atau tidak detail dari
sebuah sistem informasi yang menggambarkan aliran-aliran data ke dalam dan
ke luar sistem serta aliran-aliran data ke dalam dan ke luar entitas eksternal.
Diagram konteks menggambarkan sistem dalam satu lingkaran dan hubungan
dengan entitas luar.
2. Data Flow Diagram (DFD) Adalah suatu diagram yang menggunakan notasi-
notasi untuk menggambarkan arus dari data sistem, yang penggunaannya sangat
membantu untuk memahami sistem secara logika, tersruktur dan jelas. DFD
merupakan alat bantu dalam menggambarkan atau menjelaskan proses kerja
suatu sistem.
3. Entity Relationship Diagram atau ERD yaitu suatu model untuk menjelaskan
hubungan antar data dalam basis data berdasarkan objek-objek dasar data yang
mempunyai hubungan antar relasi.
4. Use case diagram digunakan untuk menggambarkan fungsionalitas yang
diharapkan dari sebuah sistem dari sudut pandang pemakai (user). Dalam use
case diagram yang ditekankan adalah apa yang diperbuat sistem bukan
bagaimana sistem mengerjakannya.
5. Kamus data adalah suatu penjelasan tertulis tentang suatu data yang berada di
dalam database.

42