37
/1. Flowmap Usulan Daftar Anggota
Gambar 4.1 Flowmap Usulan Pendaftaran Anggota
38
Prosedur flowmap usulan pendaftaran anggota sebagai berikut : a. Pendaftar datang ke toko ingin menjadi anggota baru. b. Bagian Kasir memberikan Formulir Pendaftaran kepada pendaftar, kemudian pendaftar mengisi Formulir Pendaftaran tersebut. c. Setelah Pendaftar mengisi dan melengkapi semua isi yang ada di Formulir Pendaftaran tersebut, kemudian Pendaftar memberikan Formulir Pendaftaran tersebut beserta Fotocopy Kartu Identitas. d. Bagian Kasir memeriksa syarat Pendaftaran tersebut, jika persyaratan tidak lengkap, maka Pendaftaran di tolak dan bagian kasir mengembalikan Fotocopy Kartu Identitas. e. Jika Persyaratan tersebut lengkap, maka Bagian Kasir menginputkan Data Anggota, kemudian disimpan di dalam Database. f. Bagian Kasir membuatkan Kartu Anggota, kemudian memberikannya kepada Pendaftar. g. Bagian Kasir membuat Laporan Data Anggota, kemudian menyerahkannya kepada Pimpinan.
FLOWMAP USULAN PENYEWAAN Flowmap usulan penyewaan menggambarkan aliran data dalam penyewaan yang memudahkan bagian kasir melakukan pekerjaan menjadi lebih efektif dan efisien.
39
2. Flowmap Usulan Penyewaan
Gambar 4.2 Flowmap Usulan Penyewaan
Berikut ini penjelasan tentang flowmap usulan penyewaan, sebagai berikut : a. Pimpinan membawa buku comic baru di serahkan ke bagian kasir untuk di input ke dalam database. b. Penyewa membawa kartu anggota dan buku comic yang ingin disewa ke bagian kasir. c. Bagian kasir meng-input-kan buku comic yang di sewa dan melakukan tambah deposit apabila penyewa ingin menambah deposit.
40
d. Bagian kasir mencetak Nota sewa 2 (dua) rangkap, 1 (satu) di berikan ke penyewa dan 1 (satu) di serahkan ke pimpinan untuk di arsip. e. Bagian kasir mencetak Laporan Deposit dan Laporan Data Sewa yang di serahkan ke pimpinan untuk di arsip.
FLOWMAP USULAN PENGEMBALIAN Flowmap usulan pengembalian menggambarkan aliran data penyewa dalam pengembalian buku comic. 3. Flowmap Usulan Pengembalian
Gambar 4.3 Flowmap Usulan Pengembalian
41
Berikut ini penjelasan tentang flowmap usulan pengembalian, sebagai berikut : a. Penyewa membawa buku comic yang akan di kembalikan beserta kartu anggota ke bagian kasir. b. Bagian kasir meng-input-kan buku comic yang di kembalikan ke database , mengembalikan kartu anggota ke penyewa dan mengecek denda. c. Jika terdapat denda, penyewa langsung membayar biaya denda secara tunai dengan bagian kasir. d. Bagian kasir membuat Laporan Denda dan Laporan Pengembalian masingmasing 2 (dua) rangkap, 1 (satu) di arsip dan 1 (satu) di serahkan ke pimpinan.
FLOWCHART PENYEWAAN
Gambar 4.4 Flowchart Penyewaan
42
FLOWCHART PENGEMBALIAN
Gambar 4.5 Flowchart Pengembalian
4.2
DIAGRAM KONTEKS Diagram konteks berisi gambaran umum rancangan sebuah sistem yang akan
dibuat secara garis besar. Dapat dikatakan bahwa diagram konteks ini menampilkan aliran dokumen yang diberikan kepada sistem, serta dokumen dan informasi yang harus dihasilkan oleh sistem.
43
Berikut adalah diagram konteks yang dapat dilihat :
PENYEWA
Data Penyewa Data Komik Yang Di Sewa
Nota Sewa
APLIKASI PENYEWAAN PADA TOKO TAMAN BACAAN DORAEMON
Kartu Anggota
COMIC
Laporan Data Anggota Laporan Denda Laporan Data Sewa Laporan Pengembalian Laporan Deposit Nota Sewa
PIMPINAN
Data Komik
Gambar 4.6 Diagram Konteks
4.3
DATA FLOW DIAGRAM (DFD) DFD merupakan alat perancangan sistem yang berorientasi pada alur data
dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun rancangan sistem yang mudah dimengerti kepada pemakai maupun pembuat program.
44
Gambar 4.7 DFD Level 0
Dari DFD level 0 diatas terbagi menjadi 5 proses yang dapat dijelaskan sebagai berikut : a. Proses 1.0 adalah proses input data comic yang di dapat dari pimpinan kedalam tabel comiclist dan berhubungan dengan tabel comic sales out dan tabel comic return. b. Proses 2. adalah proses input data penyewa kedalam tabel CustomerList yang berhubungan dengan tabel comic sales out, tabel deposit, dan tabel comic return
45
c. Proses 3.0* adalah proses input comic yang disewa kedalam tabel comic sales out yang berhubungan dengan tabel comiclist dan tabel CustomerList d. Proses 4. adalah proses input deposit kedalam tabel deposit yang berhubungan dengan tabel CustomerList. e. Proses 5.0* adalah proses input pengembalian kedalam tabel comic return yang berhubungan dengan tabel CustomerList dan tabel comiclist f. Proses 6.0* adalah proses cetak laporan data comiclist dan data CustomerList yang berhubungan dengan tabel comiclist, tabel CustomerList.
Data Flow Diagram Level 1 Proses 3 Input Data Comic Yang di Sewa Data Comic TB COMICLIST
TB CUSTOMERLIST
Kd Comic
3.1 Input Comic On Rent
Kd Anggota 3.2 UPDATE
Data Comic
Kd Comic TB COMICSALESOUT
Kd Comic
Gambar 4.8 DFD Level 1 Proses 3
46
Terdapat 2 proses setelah penurunan dari proses input data comic yang dapat dijelaskan sebagai berikut: a. Proses 3.1 Input Comic On Rent adalah proses yang didapat dari data Tabel ComicList dan CustomerList dan untuk pemasukan kode comic pada tabel ComicSalesOut. b. Proses 3.2 Input Data Comic adalah proses dari data comic yang disewa dan kode anggota untuk pemasukan kode comic kedalam tabel ComicSalesOut
Data Flow Diagram Level 1 Proses 5 Input Comic Return Data Comic TB COMICSALESOUT
TB COMICLIST
Kd Anggota Kd Comic
5.1 Input Comic Return
Data Comic
Kd Anggota
Data Comic
5.2 UPDATE
Kd Comic
TB COMIC RETURN
Gambar 4.9 DFD Level 1 Proses 5` Terdapat 2 proses setelah penurunan dari proses input deposit yang dapat dijelaskan sebagai berikut :
47
a. Proses 5.1 Input Comic Return adalah Proses memasukkan kode anggota kedalam tabel Comic Return yang berhubungan dengan tabel CustomerList dan tabel ComicSalesOut b. Proses 5.2 Input Comic Return adalah Proses memasukkan kode Comic kedalam tabel Comic Return
Data Flow Diagram Level 1 Proses 6 Cetak
Gambar 4.10 DFD Level 1 Proses 6 Terdap at 8 proses setelah penurunan dari proses cetak yang dapat dijelaskan sebagai berikut : a. Proses 6.1 cetak data comic adalah proses cetak Laporan Data Comic dari tabel Comiclist dan diberikan kepada pimpinan.
48
b. Proses 6.2 Cetak kartu anggota adalah proses kartu anggota yang di berikan ke penyewa dari tabel CustomerList c. Proses 6.3 Cetak Data Anggota adalah Proses Cetak Laporan Data Anggota dari tabel CustomerList dan diberikan ke pimpinan d. Proses 6.4 Cetak Laporan Denda adalah Proses Cetak Laporan Denda dari tabel ComicSalesOut dan diberikan ke pimpinan e. Proses 6.5 Cetak Laporan On Rent adalah Proses Cetak Laporan On Rent dari tabel ComicSalesOut dan diberikan ke pimpinan f. Proses 6.6 Cetak Nota Sewa adalah Proses Cetak Nota Sewa dari tabel ComicSalesOut dan diberikan ke pimpinan g. Proses 6.7 Cetak Laporan Deposit adalah Proses Cetak Laporan Deposit dari Tabel Deposit dan diberikan ke pimpinan h. Proses 6.8 Cetak Laporan Return adalah Proses Cetak Laporan Comic Return dari Tabel Comic Return dan diberikan ke pimpinan
4.4
ENTITAS RELASI DIAGRAM Entity
Relationship
Diagram
(ERD)
adalah
suatu
diagram
yang
menggambarkan hubungan objek data yang disimpan yang ada dalam suatu sistem secara konseptual. Objek Data adalah objek yang dapat dicatat atau direkam sesuatu yang ada dan dapat dibedakan entitas dapat berupa orang, benda, tempat, peristiwa atau konsep
49
yang bisa diolah untuk menghasilkan informasi, rancangan, diagram entitas ini dibuat menurut data yang ada sehingga dapat menjelaskan hubungan data dengan sistem penyewaan Toko Taman Bacaaan Doraemoon yang dapat di gambarkan sebagai berikut :
Gambar 4.11 Entity Relationship Diagram (ERD)
4.5
PERANCANGAN STRUKTUR FILE Di dalam pembuatan program dibutuhkan suatu spesifikasi file yang
dimaksudkan untuk dapat melakukan kegiatan-kegiatan dalam pengaturan dan pencarian data dan pembuatan laporan yang dapat mempermudah kerja sistem computer. Untuk itu sistem pengolahan data ini membutuhkan spesifikasi file untuk
50
mempermudah dalam melakukan pemograman, yang dapat dilihat dari table-tabel berikut ini : Tabel 4.1 Struktur File Tabel Member Nama Tabel
:
SignIn
Primary Key :
Nama
No
Nama Field
Tipe
Ukuran
Keterangan
1
Username
Text
10
Nama User
2
Password
Text
8
Password User
Tabel 4.2 Struktur File Tabel CustomerList Nama Tabel
:
CustomerList
Primary Key :
Customer ID
No
Nama Field
Tipe
Ukuran
Keterangan
1
Customer ID
Text
10
Kode Anggota
2
Customer Name
Text
15
Nama Anggota
3
ID Card Number
Text
15
Nomor Identitas
4
Gender
Text
15
Jenis Kelamin
5
Address
Text
20
Alamat
6
Telp / Handphone
Text
12
Alamat
7
Deposit Cash
Currency
Currency
Deposit Cash
8
Register Date
Date/Time
Short Date
Tanggal Registrasi
51
Tabel 4.3 Struktur File Tabel ComicList Nama Tabel
:
Primary Key :
No
ComicList Comic Code
Nama Field
Tipe
Ukuran
Keterangan
1
Comic Code
Text
10
Kode Comic
2
Comic Name
Text
40
Judul Comic
3
Genre
Text
20
Genre
4
Type
Text
15
Type Comic
5
Price
Currency
Currency
Harga Comic
6
STATUS
Text
Text
Status Comic
Tabel 4.4 Struktur File Tabel ComicSalesOut Nama Tabel
:
Primary Key : No 1 2 3 4 5 6 7 8
ComicSalesOut Comic Code
Nama Field TransactionNumber CustomerID CustomerName TotalComic ComicOut RentDays TotalPrice Status
Tipe Number Text Text Number Date/Time Number Number Text
Ukuran Long Integer 10 15 Long Integer Short Date Long Integer Long Integer 10
Keterangan Kode Transaksi Kode Customer Nama Customer Total Comic Comic Keluar Lama Sewa Total Harga Status
52
Tabel 4.5 Struktur File Tabel DetailSalesOut Nama Tabel
:
Primary Key : No 1 2 3 4 5 6 7
DetailSalesOut TransactionNumber
Nama Field TransactionNumber ComicCode ComicName Genre Type Price TotalPrice
Tipe Number Text Text Text Text Currency Currency
Ukuran Long Integer 13 32 20 12 Currency Currency
Keterangan Kode Transaksi Kode Comic Nama Comic Genre Type Comic Harga Total Harga
Tabel 4.6 Struktur File Tabel ComicReturn Nama Tabel
:
Primary Key : No 1 2 3 4 5 6
ComicReturn Comic Code
Nama Field TransactionNumber ComicOut ComicReturn RentDays LateReturnDays Denda
Tipe Number Date/Time Date/Time Number Number Number
Ukuran Long Integer Short Date Short Date Long Integer Long Integer Long Integer
Keterangan Kode Transaksi Comic Keluar Comic Kembali Lama Sewa Keterlambatan kembali Denda
53
4.5.1 PERANCANGAN STRUKTUR PROGRAM Struktur program adalah suatu konsep pembuatan yang mempunyai fungsi untuk mengelompokkan proses instruksi kedalam sub program fungsional dimana setiap sub program tersebut memiliki fungsi tertentu yang digunakan untuk mendukung dari keseluruhan prosedur program yang dibuat. Struktur program adalah sebagai berikut :
Gambar 4.12 Struktur Program
4.6
PERANCANGAN STRUKTUR MENU Struktur menu merupakan bentuk umum dalam suatu perancangan atau
design aplikasi yang dapat memudahkan pengguna dalam menggunakan sistem yang dibuat. Dengan adanya struktur menu ini, maka proses pengolahan data dapat lebih
54
cepat dilakukan, sehingga keterlambatan dalam proses data dapat dikurangkan seminimal mungkin. Struktur menu yang dibuatkan dalam sistem ini terdiri dari menu dan bagian dari menu tersebut. Dapat dilihat dari gambar berikut :
Gambar 4.13 Struktur Menu
4.7 Perancangan Antar Muka (Interface) Perancangan Interface adalah tahap dimana desain sistem yang telah dipersiapkan dan selesai ditampilkan menjadi interaksi menjadi interaksi antarmuka user atau pengguna dalam program itu sendiri. Pada tahap perancangan antarmuka
55
diusahakan untuk mengurangi kesulitan pengguna program agar user lebih mudah untuk memakainya. 4.7.1 Perancangan Input Rancangan input adalah rancangan dari dokumen dasar yang digunakan untuk merekap data yang digunakan. Perancangan input meliputi bentuk dokumendokumen input yang akan digunakan untuk menangkap data input. Ada beberapa rancangan sistem antar muka terdiri dari : 1. Form Login
Gambar 4.14 Form Login
56
2. Form Customer List
Gambar 4.15 Form CustomerList
3. Form Comic List
COMIC LIST COMIC CODE COMIC NAME COMIC GENRE COMIC TYPE
COMIC CODE COMIC NAME COMIC GENRE COMIC TYPE PRICE
NEW
SAVE
UPDATE
SEARCH
DELETE
REFRESH
Gambar 4.16 Form ComicList
PRICE
STATUS
57
4. Form Comic Sales Out
Gambar 4.17 Form ComicSalesOut
5. Form Comic Return
Gambar 4.18 Form ComicReturn
58
6. Form Nota Sewa
Gambar 4.19 Form Nota Sewa
7. Form Deposit
Gambar 4.20 Form Deposit
59
8. Form Comic List Report
Gambar 4.21 Form Comic List Report
9. Form Customer List Report
Gambar 4.22 Form Customer List Report
60
10.
Form Detail Sales Out Report
Gambar 4.23 Form Detail Sales Out Report
11.
Form Comic Sales Out Report
Gambar 4.24 Form Comic Sales Out Report
61
12.
Form Comic Return Report
Gambar 4.25 Form Comic Return Report
