33

BAB III
ANALISIS DAN PERANCANGAN SISTEM
.
3.1. Analisis Sistem
Analisis sistem adalah penguraian dari suatu sistem informasi yang utuh
ke

dalam

bagian-bagian

untuk

mengidentifikasikan

dan

mengevaluasi

permasalahan, kesempatan, hambatan dan kebutuhan yang diharapkan sehingga

dapat diusulkan perbaikan maupun pengembangan sistem. Adapun tahapan
analisis sistem informasi akademik sekolah adalah sebagai berikut :
3.1.1. Gambaran Umum
SMK Negeri 1 Singgahan adalah satu satunya lembaga pendidikan
formal setingkat SMK dan MAK. Pada tahun pelajaran 2004/2005, Dinas
Pendidikan Kab. Tuban mendirikan SMK di SMP Negeri 1 Singgahan dengan
membuka program keahlian Akuntansi dan Tata Busana. SMK Negeri 1
Singgahan terletak di Desa Mulyoagung, Kec. Singgahan, Kab. Tuban. Letaknya
yang sangat strategis karena berada di perbatasan beberapa Kecamatan dan juga
berdekatan dengan daerah wisata air terjun Nglirip, dan makam tokoh agama yaitu
mbah Jabar. SMK Negeri 1 Singgahan memiliki 4 kompetensi keahlian yaitu:
Akuntansi, Tata Busana, Teknik Mekanik Otomotif, dan Budidaya Ternak
Ruminansia.
Sistem peminjaman alat bengkel di SMK Negeri 1 Singgahan masih
menggunakan sistem manual yaitu dengan mencatat alat yang dipinjam
menggunakan buku induk peminjaman alat.

34

Prosedur peminjaman alat yang sedang berjalan dari sistem informasi

Peminjaman alat di SMK Negeri 1 Singgahan adalah :
1. Anggota menyerahkan kartu anggota dan alat yang akan dipinjam kepada
petugas bengkel.
2. Petugas akan memeriksa terlebih dahulu status peminjaman anggota yang
dilihat dari buku catatan peminjaman, jika status anggota masih dalam masa
peminjaman, maka anggota tidak dapat meminjam alat, kartu anggota akan
diserahkan kembali oleh petugas kepada anggota. Tapi jika status anggota
tidak dalam masa peminjaman, maka anggota dapat meminjam alat.
3. Petugas mencatat data peminjaman pada buku catatan peminjaman
4. Dari buku catatan peminjaman dibuat laporan data peminjaman alat sebanyak
2 rangkap, rangkap pertama diarsipkan, rangkap kedua diserahkan kepada
Kakomli
5. Kartu anggota beserta alat yang dipinjam diserahkan kembali oleh petugas
bengkel kepada anggota

Proses Peminjaman alat yang sedang berjalan

Adapun
gambar Bagan Alir Petugas
(flowmap)
sistem yang sedang Kakomli
berjalan di
Anggota
Bengkel
SMK Negeri 1 Singgahan adalah sebagai berikut
Kartu anggota +
alat

Kartu anggota +
Alat

Periksa
Status
Pinjam

Kartu Anggota

Validasi Pinjam

Catat data
peminjam
an

Kartu Anggota +
Alat
Kartu anggota +
Alat

Buku Data
Peminjaman

Buku Lap
Pinjaman

Buku data
Peminjaman

BCP

Lap data Pinjam

Lap Data Pinjam

Buku data
peminjaman

LDP

35

Gambar 3.1. Flowmap proses peminjaman alat yang sedang berjalan

Keterangan :
Alur peminjaman dengan menggunakan kartu pelajar sebagai kartu anggota
untuk meminjam alat. Kartu diserahkan kepada petugas bengkel dan selanjutnya
dilihat status peminjaman. Kemudian petugas mencatat data peminjaman di buku
peminjaman. Selanjutnya membuat data laporan.
3.1.2. Analysis Sistem
Pada kompetensi keahlian Teknik Mekanik Otomotif, SMK Negeri 1
Singgahan sudah memiliki berbagai fasilitas perlengkapan alat praktek yang
lengkap. Peralatan bengkel di SMK Negeri 1 Singgahan saat ini sudah memiliki
85 jenis peralatan mulai dari peralatan yang alat tangan seperti (kunci, tang,
obeng), peralatan sedang seperti (kompresor, dongkrak) sampai dengan peralatan
las (las listrik dan las karbit).

36

Pengelolaan peralatan bengkel yang belum ditangani secara khusus,

menyebabkan peralatan yang rusak, hilang, bertambah, berkurang tidak dapat
diketahui secara langsung. Oleh karena itu, dibutuhkan sebuah sistem informasi
yang dapat mengelola peralatan bengkel dengan baik yaitu dengan sebuah sistem
informasi yang mengetahui data alat, data peminjam, data pengembalian maupun
data admin.
Agar sistem informasi peminjaman alat memiliki kinerja yang baik, maka
dalam perencananya diperlukan tahapan-tahapan yang sistematis mulai dari
perancangan, analisis, dan perancangan konfigurasi data base yang akan
dibangun. Sistem informasi peminjaman alat merupakan suatu sistem yang terdiri
dari teknologi, perangkat keras, sumber daya manusia dan lingkungan.
3.1.2.1

Analisis Kelemahan Sistem

Kebutuhan akan sistem informasi peminjaman alat bengkel di SMK

Negeri 1 Singgahan khususnya sangat diperlukan. Hal ini dikarenakan peralatan

bengkel yang tidak dikelola dengan baik menyebabkan peralatan bengkel yang
hilang, rusak, bertambah maupun berkurang tidak dapat diketahui. Siswa yang
ingin meminjam alat hanya meminjam secara langsung kepada petugas alat dan
petugas alat hanya mencatat nama siswa dan alat yang dipinjam dengan
menggunakan buku catatan peminjam alat.
Dari identifikasi permasalahan di atas, maka diperlukan pembuatan
sistem baru yaitu sistem informasi peminjaman alat di SMK Negeri 1 Singgahan
yang lebih baik dengan menggunakan data base sehingga alat yang dipinjam, alat
yang rusak maupun hilang dapat diketahui. Oleh karena itu, penerapan

37

menggunakan sistem informasi ini lebih baik dibandingkan dengan sistem

peminjaman alat yang dicatat di buku peminjam.

38

Adapun metode yang akan dipakai oleh peneliti yaitu dengan

menggunakan metode SWOT (Strengh, Weakness, Opportunity, Threat). Analisis
SWOT merupakan salah satu metode untuk menggambarkan kondisi dan
mengevaluasi suatu masalah, proyek atau konsep bisnis yang berdasarkan faktor
internal (dalam) dan faktor eksternal (luar) yaitu Strengths (Kelebihan), Weakness
(Kelemahan), Opportunities (Peluang) dan Threats (Ancaman). SWOT analysis
melaksanakan analisis dan diagnosis keunggulan strategis untuk mengidentifikasi
dengan jelas kekuatan serta kelemahan perusahaan pada waktu saat ini. Analisa
SWOT juga mengkaji kelemahan di masa datang yang paling mungkin terjadi.
Untuk menganalisis SWOT dalam penelitian ini akan dibandingkan dengan media
pembelajaran yang bersifat konvensional (metode demonstrasi).
a. Strength (Kelebihan)
Merupakan kekuatan dari aplikasi atau alat pada saat ini, sistem informasi
peminjaman alat yang akan dibandingkan antara :
Tabel 3.1. Tabel perbandingan strength (Kelebihan)
Sistem yang sedang berjalan
1. Lebih sederhana, petugas

maupun guru bisa

menggunakan karena hanya
tinggal mencatat data alat
maupun data peminjam
2. Lebih murah, tidak
membutuhkan biaya banyak
dalam menggunakannya

b. Weakness (Kelemahan)

Sistem yang akan direncanakan

1. Sistem informasi peminjaman alat,
dapat mengetahui data alat, data
peminjam, data alat rusak, data alat
hilang lebih cepat karena memiliki
data base.
2. Seorang guru atau petugas peralatan
tidak membutuhkan pengontrolan
setiap saat.
3. Tidak semua orang bisa masuk,
kecuali yang memiliki hak akses,
dengan demikian keamanan isi
fasilitas bengkel lebih dapat terjaga

39

Merupakan kelemahan dari aplikasi atau alat pada saat ini, sistem informasi
peminjaman alat yang akan dibandingkan antara :
Tabel 3.2. Tabel perbandingan Weakness (Kelemahan)
Sistem yang berjalan

Sistem yang akan direncanakan

1.

Tidak
dapat 1. Membutuhkan biaya yang lebih
mendeteksi
alat
hilang
mahal
maupun rusak
2. Ketika ada pemadaman listrik,
2.
Tidak
dapat
cadangan listrik hanya mampu
diketahui data peminjam
menyimpan hanya 2 jam
maupun data pengembalian 3. Ketika terjadi kerusakan (trouble)
alat secara cepat
membutuhkan penanganan khusus
3.
Membutuhkan
pengontrolan data alat setiap
saat
c. Opportunity (Peluang)
Merupakan

peluang diluar aplikasi atau alat dan memberikan peluang

berkembang bagi aplikasi atau program dimasa depan,

sistem informasi

peminjaman alat yang akan dibandingkan antara :

Tabel 3.3. Tabel perbandingan Opportunity (Peluang)
Sistem yang berjalan

Sistem yang akan direncanakan

1. Karena pemakaian lebih 1. Meskipun harga lebih mahal, tetapi

sederhana, lebih banyak
dibandingkan
dengan
segi
orang memanfaatkanya
informasi yang lebih baik untuk
mengelola
peminjaman
alat,
tentunya
sistem
informasi
peminjaman alat ini lebih diminati
d. Threats (Ancaman)
Merupakan ancaman bagi aplikasi atau alat yang akan datang dari luar aplikasi
dan dapat mengancam eksistensi aplikasi dimasa depan, sistem informasi

40

peminjaman alat yang akan dibandingkan antara yang akan dibandingkan

antara :
Tabel 3.4. Tabel perbandingan Threats (Ancaman)
Sistem yang berjalan

Sistem yang akan direncanakan

1. Ada
sistem
informasi 1. Ada sistem informasi peminjaman
peminjaman peralatan alat
peralatan alat yang disertai dengan
yang lebih baik lagi
bardcode alat bengkel
2. Harga sistem informasi yang 2. Sistem informasi yang memiliki
lebih ekonomis dan lebih
menu lebih lengkap dibanding
efisien
dengan sistem yang dibuat peneliti
3.1.2.2 Analisis Kebutuhan Sistem
Untuk menunjang sistem yang akan diterapkan pada SMK Negeri 1
Singgahan. Diperlukan beberapa fasilitas pendukung kinerja sistem yang akan
berjalan. Antara lain adalah Perangkat keras, Perangkat lunak dan User.
1. Kebutuhan Perangkat Keras
Untuk menjalankan aplikasi ini memang membutuhkan sebuah perangkat
keras yang mendukung agar program tersebut berjalan sesuai dengan yang kita
harapkan. Perangkat keras tersebut meliputi :
a.

Central Processing Unit ( CPU ) Pentium IV 2,2 Ghz

b.

Hard Disk 160 GB,VGA 128 MB,

c.

Memory RAM 1GB

d.

Disk Drive

e.

Monitor

f.

Keyboard

g.

Mouse

h.

Printer

41

2. Kebutuhan Perangkat Lunak

Untuk menunjang kinerja hardware diperlukan sistem operasi

atau

perangkat lunak yang sesuai dengan hardware dan sistem yang akan
dikembangkan.
Sepsifikasi perangkat lunak yang digunakan untuk implementasi adalah
sebagai berikut :
a. Sistem Operasi Windows 7

b. Microsoft Office 2007

c. Apache Triad 1.5 Web server
d. PHP Programming
e. MySQL Database
f. Easy Case
g. Microsoft Visio 2007
3. Kebutuhan Operasional

Adalah personil atau tenaga atau orang yang bekerja dalam suatu sistem
baru yang dibuat, dijalankan/digunakan. Tenaga pelaksana ini diharapkan mampu
melaksanakan tugas dengan baik dan benar. Adapun tenaga yang dibutuhkan
sebanyak 3 macam, adapun macamnya adalah sebagai berikut :
a.

Operator
Yaitu orang yang mampu mengoperasikan aplikasi pengolahan data dalam
sistem yang diusulkan. Dalam hal ini adalah petugas bengkel (tool man)
untuk mengoperasikan sistem informasi peminjaman alat, operator minimal
berpendidikan Diploma 1 Komputer.

b.

Programmer

42

Yaitu orang yang membuat program aplikasi, mampu mengatasi masalah

yang ditimbulkan dalam menjalankan program serta mengembangkan
program sesuai dengan kebutuhan. Programmer minimal berpendidikan
Diploma 3 Komputer.
c.

Sistem analisis
Yaitu orang yang bertugas menganalisis suatu permasalahan di sistem untuk
mencari solusi yang terbaik. Sistem analisis minimal berpendidikan Strata 1
Sistem Informasi.

3.2. Perancangan Sistem

Proses perancangan diperlukan untuk menghasilkan suatu rancangan
sistem yang baik, karena dengan adanya rancangan yang tepat akan menghasilkan
sistem yang stabil dan mudah dikembangkan di masa mendatang. Perancangan
yang kurang baik akan mengakibatkan sistem yang akan dibangun harus
dirombak total atau sistem yang akan dibangun akan sangat berlebihan dari
kebutuhan yang diperlukan.
3.2.1. Perancangan Proses
Untuk memudahkan mempelajari sistem yang akan dikembangkan serta
melihat arus data yang terjadi dan hubungan antara satu data yang terjadi dan
hubungan data yang lainnya, pada tahap ini penulis akan menggambarkan sistem
secara logika dalam bentuk Flowmap, Data Flow Diagram (DFD) dan Entity
Relationship Diagram (ERD).
3.2.1.1. Perancangan Prosedur Yang Diusulkan

43

Perancangan proses ini akan memberikan gambaran mengenai dokumendokumen, proses-proses dan aliran data apa saja yang akan terlibat dalam sistem
yang akan diusulkan.
Prosedur peminjaman alat yang diusulkan dari sistem informasi
peminjaman alat di Bengkel SMK Negeri 1 Singgahan adalah :
1. Pada saat peminjaman anggota menyerahkan kartu anggota dan alat yang akan
dipinjam kepada petugas bengkel.
2. Anggota bisa meminjam alat sebanyak 2 alat, dan dapat diperpanjang kembali
untuk peminjaman sebanyak 2 x.
3. Petugas akan menginputkan kode anggota terlebih dahulu, jika status anggota
masih dalam masa peminjaman, maka anggota tidak dapat meminjam alat,
kartu anggota akan diserahkan kembali oleh petugas kepada anggota. Tapi jika
status anggota tidak dalam masa peminjaman, maka anggota dapat meminjam
alat
4. Petugas menginput data peminjaman ke file peminjaman, dan dibuat laporan
peminjaman untuk diserahkan kepada Ketua Kompetensi Keahlian
5. Kartu anggota dan alat yang dipinjam diserahkan kembali oleh petugas
bengkel kepada anggota

Flow map peminjaman alat yang diusulkan adalah sebagai berikut :

44

Proses Peminjaman Alat yang di usulkan

Anggota

Petugas Bengkel

Kartu Anggota

Kartu Anggota

Alat

Cetak lap
Peminjaman

Alat

Kartu Anggota

Ya

Cek Status
Pinjam

Lap Peminjaman

Tidak

LP

Input data
Peminjaman

Kartu Anggota

Kakomli

Lap Peminjaman

Database Bengkel

Kartu Anggota

Alat

Alat

Gambar 3.2. Flowmap proses peminjaman alat yang diusulkan

Keterangan :
Alur peminjaman dengan menggunakan kartu pelajar sebagai kartu
anggota untuk meminjam alat. Kartu diserahkan kepada petugas bengkel dan
selanjutnya dilihat status peminjaman. Petugas bengkel menginputkan data pada
aplikasi peminjaman. Selanjutnya aplikasi akan mengolah data peminjaman dan
pengolahan sesuai dengan kebutuhan. Kemudian petugas bengkel dapat mencetak
laporan peminjaman.

3.2.1.3. Diagram konteks

45

Diagram Konteks merupakan suatu teknik untuk menggambarkan

pemodelan sistem secara global menggunakan notasinotasi grafis yang
menunjukan aliran informasi dan perubahannya yang diterapkan sebagai
perubahan atau perpindahan data dari masukan (input) menjadi keluaran (output).
Atau menurut pengertian lain diagram yang menggambarkan level teratas (top
level) dari DAD (Diagram Arus Data) atau DFD (Data Flow Diagram) yang
merupakan alat untuk structured analysis. Pendekatan terstruktur ini mencoba
untuk menggambarkan sistem pertama kali secara garis besar (top level) dan
memecah-mecahnya menjadi bagian yang lebih terinci (lower level).
Pada diagram konteks yang akan di buat dapat diketahui entitas-entitas
luar yang berhubungan dengan sistem tersebut. Dari gambar flowmap di atas
dapat di gambarkan diagram konteks Sebagai berikut:
Data Peminjaman

Anggota
Data Pengembalian

0.0
Sistem Informasi
Peminjaman Alat di Bengkel
Otomotif SMK Negeri 1
Singgahan

Laporan Data Anggota

Laporan Data Alat
Laporan Data Peminjaman
Laporan Data Pengembalian

Kakomli

Data Anggota
Data Alat
Data Peminjaman
Data Pengembalian

Petugas Bengkel

Gambar 3.3. Diagram Konteks Sistem Informasi Peminjaman Alat

Keterangan :
Pada Diagram Konteks Sistem Informasi Peminjaman Alat menunjukkan aliran
informasi dari data Input (Petugas Bengkel) memasukkan Data Anggota, Data
Alat, Data Peminjaman dan Data Pengembalian. Kemudian data diproses dalam

46

data base Sistem Informasi Peminjaman Alat dan Kemudian menghasilkan Output
Kartu Anggota dan Laporan Kepada Kakomli.

3.2.1.4. HIPO (Hierarchy Plus Input Proses Output ) Diagram

0

SISTEM INFORMASI
PEMINJAMAN ALAT
DI BENGKEL OTOMOTIF
SMK NEGERI 1 SINGGAHAN

Top Level

Level 0
1.0

2.0

3.0

Input Data

Transaksi

Laporan

Level 1

1.1
Input Data
Anggota

1.2
Input Alat
Bengkel

2.1
Transaksi
Peminjaman

2.2

3.1

3.2

3.3

Transaksi
Pengembalian

Laporan Data
Anggota

Laporan Data
Alat Bengkel

Laporan Data
Peminjaman

3.4
Laporan Data
Pengembalian dan
Alat

Gambar 3.4 HIPO Sistem Inforasi Peminjaman

45

45

45

46

Keterangan :
Pada Diagram HIPO dapat dijelaskan Proses Sistem Peminjaman Alat dari Input
data, Transaksi dan Laporan. Pada Input data, petugas bengkel menginput Data
anggota, Data Alat Bengkel. Kemudian pada diagram menjelaskan proses
transaksi yang terdiri dari transaksi peminjaman, transaksi pengembalian dan
transaksi cek keterlambatan. Selanjutnya pada proses Laporan, Diagram
menjelaskan Laporan terdiri dari Laporan data anggota, Laporan data Peminjam
dan Laporan Data pengembalian Alat.
3.2.1.5. Diagram level 0
1.0
Simpan Data Anggota

Petugas
Bengkel

Data Anggota
Data Alat

D1

Data Anggota

D2

Data Alat

Input
Simpan Data Alat

Proses Data Alat

Proses Data Anggota

Simpan data
peminjaman

2.0
Anggota

Peminjaman
Pengembalian

Transaksi
Simpan data
pengembalian

3.0

D3

D4

Data Peminjam

Data Pengembalian

Laporan data anggota

Laporan data alat

Laporan

Laporan Peminjaman
Laporan Pengembalian

Laporan data anggota

Laporan data alat
Laporan Peminjaman
Laporan Pengembalian

Kakomli

Gambar 3.5. DFD Level 0 Sistem Informasi Peminjaman alat

Keterangan :

47

Pada Diagram Level 0 dijelaskan Alur Proses Input, Transaksi dan Laporan. Pada
Proses Input Petugas Bengkel memasukkan data anggota dan Data alat. Kemudian
pada Proses transaksi apabila anggota ingin meminjam atau mengembalikan
menggunakan kartu anggota dan selanjutnya pada proses Laporan, Kakomli
menerima Laporan Data anggota, Data alat, data peminjaman maupun data
pengembalian.
3.2.1.6.Diagram Level 1 Proses 1.0
1.1
Data Anggota

Input Data Anggota

Simpan
Data Anggota

D1

Data Anggota

Petugas
Bengkel
1.2
Data Alat

Input Data Alat

Simpan
Data Alat

D2

Data Alat

Gambar 3.6. DFD Level 1 Proses 1.0 Sistem Peminjaman alat

Keterangan :
Pada Diagram Level 1 Proses 1.0 dijelaskan alur penginputan data. Pada diagram
diata menunjukkan Petugas Bengkel memasukkan data anggota dan data Alat.

3.2.1.6.Diagram Level 1 Proses 2.0

48

D1

Data Anggota

D2

Data Alat

Proses Data Anggota

Proses Data Alat

2.1
Transaksi
Peminjaman

Simpan data
peminjaman

D3

Data Peminjam

Petugas
Bengkel

Proses Data Anggota

Proses Data Alat

2.2
Transaksi
Pengembalian

Simpan data
Pengembalian

D4

Data Pengembalian

Gambar 3.7. DFD Level 1 Proses 2.0 Sistem Informasi Peminjaman Alat
Keterangan :
Pada DFD level 1 Proses 2.0 dijelaskan alur transaksi peminjaman. Terdapat 3
alur transaksi yaitu Transaksi peminjaman, transaksi pengembalian dan Cek
Keterlambatan. Pada Alur transaki peminjaman petugas bengkel menginput data
anggota dan data alat. Pada alur transaksi Pengembalian, petugas bengkel
memasukkan data alat yang telah dikembalikan dan pada alur Cek keterlambatan,
akan ditunjukkan data pengembalian dan apabila terlambat maka akan terkena
denda.s

3.1
D1

Data Anggota

Lapran Data Anggota

Laporan
Data Anggota

3.2
D2

Data Alat

Laporan Data Alat

Laporan
Data Alat

Laporan data anggota

Laporan data alat
Laporan Peminjaman
Laporan Pengembalian

3.2.1.6.Diagram Level 1 Proses 3.0

D3

Data Peminjam

Laporan Data Peminjaman

Kakomli
3.3
Laporan
Data Peminjaman

3.4
D4

Data Pengembalian

Laporan Data Pengembalian

Laporan
Data Pengembalian

49

Gambar 3.8. DFD Level 1 Proses 3.0 Sistem Informasi Peminjaman Alat
Keterangan :
Pada Diagram Level 1 Proses 3.0, dijelaskan alur Laporan. Pada diagram di atas
menunjukkan 4 diagram laporan yang terdiri dari Laporan Data Anggota, Laporan
Data Alat, Laporan data peminjam dan Laporan data pengembalian. Pada diagram
ini semua laporan akan masuk kepada Kakomli.

3.3. Perancangan Database

Perancangan merupakan suatu hal yang sangat penting dalam pembuatan
basis data. Permasalahan yang dihadapi pada waktu perancangan yaitu
bagaimana basis data yang akan dibangun ini dapat memenuhi kebutuhan saat ini

50

dan masa yang akan datang. Untuk itu diperlukan perancangan basis data baik
secara fisik maupun secara konseptualnya.
3.3.1. Entity Relationship Diagram (ERD)
ERD adalah obyek yang dapat didefinisikan dalam lingkungan pemakai.
ERD merupakan cara untuk mengorganisasikan tabel yang dimana diagram ini
akan memperlihatkan hubungan entitas yang terdapat di dalam sistem.
NIS

NIS
Nama
No_transaksi

Jenis_kelamin

Kd_alat

Kelas
Tgl_pinjam
Alamat

Siswa

meminjam

Alat

No. Telp

Jml_pinjam

Masa Berlaku

mengembalikan

No_transaksi

NIS

Alat

Tgl_Pengembalian

Jml_Kembali

Denda

Kd_alat

Gambar 3.9. ERD Sistem Informasi Peminjaman Alat

3.3.2. Struktur File
Stuktur file merupakan suatu objek sistem perangkat lunak yang
merupakan elemen-elemen dari sistem perangkat lunak yang dirancang, salah satu
yang harus didokumentasikan oleh sistem untuk membuat informasi.
Struktur file menunjukan arus data yang terdiri dari item item data atau
file data. Struktur data menerangkan property yang dimiliki oleh tiap tiap item
data atau file data.
1. Struktur File Anggota

Nama File

: Anggota.db

Media

: Hardisk

51

Primery Key
No.
1.
2.
3.
4.
5.
6.
7.

Nama field
NIS*
Nama
Jenis_kelamin
Alamat
No_telp
Kelas
Masa_berlaku

: NIS
Type
Varchar
Varchar
Char
Varchar
Varchar
Varchar
Varchar

Size
20
20
8
40
12
10
10

Keterangan
No. induk siswa
Nama anggota
Jenis kelamin
Alamat anggota
Telepon anggota
Kelas anggota
Masa berlaku anggota

2. Struktur File Alat

Nama File

: Alat.db

Media

: Hardisk

Primery Key

: kd_alat

No.
1.
2.
3.
4.

Nama field
Kd_ Alat *
Nama_ Alat
Stok
Letak Simpan

Type
Varchar
Varchar
Numeric
Varchar

Size
10
20
9
30

Keterangan
Primary key
Nama Alat
Stok Alat
Tempat penyimpanan Alat

3. Struktur File Peminjaman

Nama File

: pinjam.db

Media

: Hardisk

Primery Key

: kd_pinjam

No.
1.
2.
3.
4.
5.

Nama field
No_transaksi**
NIS**
Kd_alat
Tgl_pinjam
Jml_pinjam

Type
Varchar
Varchar
Varchar
Date
Numeric

4. Struktur File Pengembalian

Nama File

: kembali.db

Media

: Hardisk

Primery Key

: kd_kembali

Size
5
7
10
9

Keterangan
Primary key
No anggota yang meminjam Alat
Primary key
Tanggal Alat yang dipinjam
Nama Alat

52

No.
1.
2.
3.
4.
5.

Nama field
No_transaksi**
NIS**
Kd_alat
Tglkembali
Denda

Type
Varchar
Varchar
Varchar
Date
Numeric

Size
20
7
10
8
9

Keterangan
Primary key
No anggota yang meminjam Alat
Primary key
Tangggal kembali Alat
Jumlah denda yang harus dibayar

3.3.3. Relasi Tabel

Relasi tabel digunakan untuk mengelompokan data dan menunjukan relasi
antar tabel yang terdapat dalam database sehingga modifikasi pada database
menjadi mudah untuk dilakukan.
Berikut adalah relasi antar tabel sistem informasi peminjaman alat adalah sebagai
berikut :

Anggota
Alat

NIS*
Nama
Jenis_kelamin
Kelas
Alamat
No_telp
Masa_berlaku

Kd_alat
Nama_alat
Stok
Letak_simpan

Peminjaman
No_transaksi**
NIS*
Kd_alat
Tgl_pinjam
Jml_pinjam

Pengembalian
No_transaksi**
NIS*
Kd_alat
Tgl_pengembalian
Denda

53

Gambar 3.9. Gambar Relasi Antar Tabel

Keterangan :
Pada gambar relasi antar tabel dijelaskan anggota memiliki relasi tabel pinjam dan
kembali. Pada data anggota memiliki struktur data NIS, Nama, Jenis Kelamin,
Kelas, Alamat, No. HP. Dan pada data Pinjam memili struktur data NIS,
kd_pinjam, Tgl_pinjam dan Jmlh_pinjam. Sedangkan pada data kembali memiliki
struktur data kd_pinjam, kd_kembali, dendan, bayar.
3.4 Perancangan Antar Muka
Program dapat didefinisikan sebagai kumpulan dari intruksi-intruksi atau
perintah-perintah terperinci yang sudah disiapkan oleh komputer sehingga dapat
melakukan fungsi sesuai dengan yang telah ditentukan. Tujuan dari pembuatan
program ini adalah untuk mempermudah dan mempercepat aktivitas yang
berhubungan dengan pengolahan data dan untuk membentuk suatu sistem yang
lebih baik.
3.4.1 Perancangan Form Login
Form login berfungsi untuk melakukan login user dapat mengakses
program. Berikut rancangan form login :
LOGO

SISTEM INFORMASI PEMINJAMAN ALAT BENGKEL OTOMOTIF

SMK NEGERI 1 SINGGAHAN

Jl. Panglima Sudirman 100 Kec. Singgahan, Kabupaten Tuban

Home

Login

USERNAME :

PASSWORD :
Reset

Login

Developed By Puput Dwi Wahyuni NIM. 110101.23

54

Gambar 3.10. Gambar Form Login

Keterangan :
Form di atas diharuskan bagi user untuk mengisi user name dan password yang
sesuai dengan data yang tersimpan dalam database untuk bisa masuk ke form
Menu Utama.

3.4.2 Perancangan Form Menu Utama

Berikut adalah tampilan form menu utama sistem informasi peminjaman
alat di SMK Negeri 1 Singgahan :

LOGO

SISTEM INFORMASI PEMINJAMAN ALAT BENGKEL OTOMOTIF

SMK NEGERI 1 SINGGAHAN

Jl. Panglima Sudirman 100 Kec. Singgahan, Kabupaten Tuban

Home

Alat

Siswa

Peminjaman

Pengembalian

Laporan

Pengaturan

Admin

XXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

GAMBAR

Developed By Puput Dwi Wahyuni NIM. 110101.23

Gambar 3.11. Gambar Form Menu Utama

Keterangan :

55

Form Menu Utama terdiri dari 6 menu, diantaranya alat, siswa, peminjaman,
pengembalian, laporan dan pengaturan. Di dalam menu form di atas masih
terdapat menu yang digunakan untuk melanjutkan ke form-form berikutnya seperti
memasukkan data alat, memasukkan data siswa, memasukkan data peminjaman
dan pengembalian serta laporan data siswa, laporan alat, laporan peminjaman dan
laporan pengembalian.

3.4.3 Perancangan Form Alat

Berikut adalah tampilan form alat sistem informasi peminjaman alat di
SMK Negeri 1 Singgahan.

LOGO

SISTEM INFORMASI PEMINJAMAN ALAT BENGKEL OTOMOTIF

SMK NEGERI 1 SINGGAHAN

Jl. Panglima Sudirman 100 Kec. Singgahan, Kabupaten Tuban

Home

Alat

Siswa

Peminjaman

Pengembalian

Laporan

Pengaturan

Admin

+ Menambah Data Alat

Cari Kode Alat / Nama Alat

Cari

No.

Kode Alat

Nama Alat

Stok

Letak Simpan

Tools

xxxxx

xxxxxx

xxxxx

xxxxx

xxxxx

Developed By Puput Dwi Wahyuni NIM. 110101.23

Gambar 3.12. Gambar Form Alat

Keterangan :

56

Form ini merupakan form data alat yang merupakan interface untuk melakukan
penambahan data, penghapusan data dan edit data alat. Pada form ini terdapat
beberapa tombol untuk menambahkan data alat yang dapat dilihat pada gambar
berikut :

INPUT DATA ALAT BENGKEL

Input Data Alat

Kode Alat

Nama Alat

Stok

Tempat Penyimpanan

Simpan

Kembali

Gambar 3.13. Gambar Form Input Data Alat

Keterangan :
Form ini merupakan form yang digunakan untuk memasukan / input data alat
yang berisi beberapa tombol yaitu :
a. Kode Alat, yaitu tombol yang berfungsi untuk menambahkan kode alat.
b. Nama Alat, yaitu tombol yang berfungsi untuk menambahkan nama alat
c. Stok, yaitu tombol yang berfungsi menampilkan stock alat.
d. Tempat penyimpanan, yaitu tombol yang berfungsi untuk menyimpan alat

57

3.4.4 Perancangan Form Siswa

Berikut adalah tampilan form siswa sistem informasi peminjaman alat di
SMK Negeri 1 Singgahan.

LOGO

SISTEM INFORMASI PEMINJAMAN ALAT BENGKEL OTOMOTIF

SMK NEGERI 1 SINGGAHAN

Jl. Panglima Sudirman 100 Kec. Singgahan, Kabupaten Tuban

Home

Alat

Siswa

Peminjaman

Pengembalian

Laporan

Pengaturan

Admin

+ Menambah Data Siswa

Cari NIM / Nama Siswa

Cari

No.

NIS

Nama

Foto

Jenis
Kelamin

Alamat

Telp

Kelas

Berlaku

Alat

xxxxx

xxxxxx

xxxxx

xxxxx

xxxxx

xxxxx

xxxxxx

xxxxx

Developed By Puput Dwi Wahyuni NIM. 110101.23

Gambar 3.14. Gambar Form Siswa

Keterangan :
Form ini merupakan form input data siswa yang merupakan interface untuk
melakukan penambahan data, penghapusan data dan edit data siswa. Pada form ini
juga disertai menu untuk menambahkan data siswa yang dapat dilihat dari gambar
berikut.

58

INPUT DATA SISWA

Input Siswa
NIS

Nama

Jenis Kelamin

Alamat

No. Telp

Kelas

Berlaku

Foto
Browse

Simpan

Kembali

Gambar 3.15. Gambar Form Input Data Siswa

Pada form ini terdapat beberapa menu untuk menginput data siswa yaitu :
a. NIS, yaitu menu yang berfungsi untuk menambahkan NIS.
b. Nama, yaitu menu yang berfungsi untuk menambahkan Nama
c. Jenis Kelamin, yaitu menu yang berfungsi untuk menambahkan Jenis Kelamin.
d. Alamat, yaitu menu yang berfungsi untuk menambahkan Alamat.

59

3.4.5 Perancangan Form Peminjaman

Berikut adalah tampilan form peminjaman sistem informasi peminjaman
alat di SMK Negeri 1 Singgahan.

LOGO

SISTEM INFORMASI PEMINJAMAN ALAT BENGKEL OTOMOTIF

SMK NEGERI 1 SINGGAHAN

Jl. Panglima Sudirman 100 Kec. Singgahan, Kabupaten Tuban

Home

Alat

Siswa

Peminjaman

Pengembalian

Laporan

Pengaturan

Admin

Transaksi Peminjaman Alat

+ Input Peminjaman
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Developed By Puput Dwi Wahyuni NIM. 110101.23

Gambar 3.16. Gambar Form Peminjaman

Keterangan :
Form ini merupakan form input data peminjam yang merupakan interface untuk
melakukan penambahan data, penghapusan data dan edit data peminjaman. Pada
form ini terdapat menu yang digunakan untuk input peminjam. Berikut gambar
untuk input peminjaman.

60

INPUT PEMINJAMAN ALAT BENGKEL

Formulir Input Data Peminjaman Alat Bengkel
Data Peminjam

Nama Alat

Tanggal Pinjam

Tanggal Kembali

Peminjaman Alat

\
Simpan

Kembali

Gambar 3.17. Gambar Form Input Peminjaman

Keterangan :
Pada Form Input Peminjaman terdapat menu untuk memasukkan data peminjam
seperti menu data peminjam, nama alat, tanggal pinjam dan tanggal kembali.
3.4.6 Perancangan Form Pengembalian
Berikut adalah tampilan form pengembalian sistem informasi peminjaman
alat di SMK Negeri 1 Singgahan.
LOGO

SISTEM INFORMASI PEMINJAMAN ALAT BENGKEL OTOMOTIF

SMK NEGERI 1 SINGGAHAN

Jl. Panglima Sudirman 100 Kec. Singgahan, Kabupaten Tuban

Home

Alat

Siswa

Peminjaman

Pengembalian

Laporan

Pengaturan

Admin

Transaksi Pengembalian Alat

+ Data Pengembalian
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Developed By Puput Dwi Wahyuni NIM. 110101.23

61

Gambar 3.18. Gambar Form Pengembalian

Keterangan :
Form ini merupakan form input data pengembalian yang merupakan interface
untuk melakukan penambahan data, penghapusan data dan edit data
pengembalian. Pada form ini terdapat menu yang digunakan untuk input
pengembalian. Berikut gambar untuk input pengembalian.

Data Pengembalian Alat

No.

Alat

Kode Alat

Nama
Siswa

xxxxx

xxxxxx

xxxxx

Print

Tgl.
ID
Tgl. Pinjam
Kembali
Peminjam
xxxxx

xxxxx

Status Keterangan Terlambat

Kembali

Perpanjang

xxxxx

Kembali

Perpanjang

xxxxxx

xxxxx

Transaksi

Note :
xxxxxxxxxXxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

62

Gambar 3.19. Gambar Form Input Pengembalian

Keterangan :
Pada Form Input Peminjaman terdapat menu untuk memasukkan data
pengembalian yang berisi keterangan alat yang dikembalikan.
3.4.7 Perancangan Form Laporan
Berikut adalah tampilan form laporan sistem informasi peminjaman di
SMK Negeri 1 Singgahan

LOGO

SISTEM INFORMASI PEMINJAMAN ALAT BENGKEL OTOMOTIF

SMK NEGERI 1 SINGGAHAN

Jl. Panglima Sudirman 100 Kec. Singgahan, Kabupaten Tuban

Home

Alat

Siswa

Peminjaman

Pengembalian

Laporan

Pengaturan

Admin

Data Laporan
+ Laporan
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Developed By Puput Dwi Wahyuni NIM. 110101.23

Gambar 3.20. Gambar Form Laporan

Keterangan :

63

Pada Form diatas terdapat keterangan laporan peminjaman. Dan di dalamnya

terdapat form output laporan. Gambar form output laporan dapat dilihat pada
gambar berikut :

History Transaksi Peminjaman Alat Otomotif

No.

Nama Alat

ID Alat

Nama Peminjam

ID Peminjam

Tgl. Pinjam

Tgl. Kembali

Status

xxxxx

xxxxxx

xxxxx

xxxxx

xxxxx

xxxxx

Print

Transaksi

Note :
xxxxxxxxxXxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Gambar 3.21. Gambar Form History Laporan

Keterangan :
Pada Form History Laporan terdapat tampilan keseluruhan output transaksi
peminjaman dan pengembalian alat.

64

3.4.8 Perancangan Form Pengaturan

Berikut adalah tampilan form pengaturan sistem informasi pengaturan di
SMK Negeri 1 Singgahan.

LOGO

SISTEM INFORMASI PEMINJAMAN ALAT BENGKEL OTOMOTIF

SMK NEGERI 1 SINGGAHAN

Jl. Panglima Sudirman 100 Kec. Singgahan, Kabupaten Tuban

Home

Alat

Siswa

Peminjaman

Pengembalian

Laporan

Pengaturan

Admin

+ Menambah Admin

Username.

Nama

Jenis Kelamin

Alamat

Email

Ponsel

xxxxx

xxxxxx

xxxxx

xxxxx

xxxxx

Alat

xxxxx

xxxx

Developed By Puput Dwi Wahyuni NIM. 110101.23

Gambar 3.22. Gambar Form pengaturan

Keterangan :
Tampilan gambar di atas merupakan form pengatuan yang digunakan untuk
menambah admin, dan menampilkan data tentang admin. Berikut gambar input
form untuk menambahkan admin.

65

INPUT DATA ADMIN

Input Data Alat
Username

Password

Nama

Jenis Kelamin

Alamat

Email

No. HP

Level

Simpan

Kembali

Gambar 3.23. Gambar Form Input admin

Keterangan :
Form input admin diatas digunakan untuk mengisi data admin mulai dari
username, password, nama, jenis kelamin, alamat, email, no. HP dan level untuk
admin atau operator.