/1. Flowmap Usulan Daftar Anggota

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 Kartu Anggota APLIKASI PENYEWAAN PADA TOKO TAMAN BACAAN DORAEMON Laporan Data Anggota Laporan Denda Laporan Data Sewa Laporan Pengembalian Laporan Deposit Nota Sewa COMIC Data Komik PIMPINAN 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 Data Comic 3.2 UPDATE 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 TB COMICSALESOUT Data Comic TB COMICLIST Kd Anggota Kd Comic Data Comic 5.1 Input Comic Return Data Comic 5.2 UPDATE TB COMIC RETURN Kd Anggota Kd Comic 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 : ComicList Primary Key : Comic Code No 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 : ComicSalesOut Primary Key : Comic Code No Nama Field Tipe Ukuran Keterangan 1 TransactionNumber Number Long Integer Kode Transaksi 2 CustomerID Text 10 Kode Customer 3 CustomerName Text 15 Nama Customer 4 TotalComic Number Long Integer Total Comic 5 ComicOut Date/Time Short Date Comic Keluar 6 RentDays Number Long Integer Lama Sewa 7 TotalPrice Number Long Integer Total Harga 8 Status Text 10 Status

52 Tabel 4.5 Struktur File Tabel DetailSalesOut Nama Tabel : DetailSalesOut Primary Key : TransactionNumber No Nama Field Tipe Ukuran Keterangan 1 TransactionNumber Number Long Integer Kode Transaksi 2 ComicCode Text 13 Kode Comic 3 ComicName Text 32 Nama Comic 4 Genre Text 20 Genre 5 Type Text 12 Type Comic 6 Price Currency Currency Harga 7 TotalPrice Currency Currency Total Harga Tabel 4.6 Struktur File Tabel ComicReturn Nama Tabel : ComicReturn Primary Key : Comic Code No Nama Field Tipe Ukuran Keterangan 1 TransactionNumber Number Long Integer Kode Transaksi 2 ComicOut Date/Time Short Date Comic Keluar 3 ComicReturn Date/Time Short Date Comic Kembali 4 RentDays Number Long Integer Lama Sewa 5 LateReturnDays Number Long Integer Keterlambatan kembali 6 Denda Number Long Integer 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 PRICE STATUS COMIC CODE COMIC NAME COMIC GENRE COMIC TYPE PRICE NEW SAVE UPDATE DELETE SEARCH REFRESH Gambar 4.16 Form ComicList

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