BAB IV PERANCANGAN SISTEM 4.1 Perancang Sistem Perancangan sistem adalah suatu struktur sistem dimana setiap elemen yang terpisah diatur dalam kesatuan yang utuh dan bermanfaaat. Perancangan ini dibuat dengan maksud untuk memenuhi kebutuhan para pengguna sistem. Suatu sistem yang baik adalah suatu sistem yang mampu meningkatkan/menyelesaikan masalah yang terjadi sebelumnya. Perancangan sistem bertujuan untuk memberikan gambaran secara umum kepada pemakai sistem yang baru, dan juga merupakan persiapan dari rancangan terperinci dengan mengidentifikasikan komponen-komponen sistem informasi. Rancangan ini meliputi Flow Map yang diusulkan, Diagram Kontek, Data Flow Diagram (DFD), Entity Relationship Diagram (ERD), Struktur Program, Rancangan Input, Rancangan Proses dan Rancangan Output. 35
36 4.2 flowmap Pencarian data CD Di bawah ini adalah flowmap pencarian data CD pada karaoke Pujasera Rindu Alam khususnya pada bagian Hiburan karaoke, antara lain: a. Operator karaoke memberikan sebuah catatan kepada Pengunjung, untuk mengisi catatan lagu yang ingin dinyanyikan oleh pengunjung. b. Pengunjung menerima catatan dari operator karaoke untuk menulis data lagu yang di ingikan. c. Operator karaoke menginput data CD yang di pesan oleh pengunjung. d. Operator karaoke langsung memutarkan CD apabila lagu tersedia. e. Operator karaoke memberikan konfirmasi kepada pengunjung apabila lagu yang di pesan tidak tersedia. Untuk lebih jelasnya flowmap sistem pengolahan pencarian data yang sedang berjalan dapat dilihat pada flowmap pencarian data CD. Antara lain :
37 Pencarian data CD pengunjung Operator karaoke Form pemesanan lagu Form pemesanan lagu Mengisi form catatan daftar lagu Form pemesanan lagu yang telah di isi Form pemesanan lagu yang telah di isi Proses pengecekan data pesanan lagu Data base Konfirmasi lagu tidak tersedia T tersedia y Putar lagu Gambar 4.1 Flowmap Pencarian data CD
38 4.3 flowmap pendataan CD Di bawah ini adalah flowmap pendataan CD pada Pujasera Rindu Alam khususnya pada bagian Hiburan operator karaoke, antara lain : a. Operator karaoke memberikan sebuah catatan kepada Pengunjung, untuk mengisi catatan lagu yang ingin dinyanyikan oleh pengunjung. b. Pengunjung menerima catatan dari operator karaoke untuk menulis data lagu yang di ingikan. c. Operator karaoke menginput data CD yang di pesan oleh pengunjung. d. Operator karaoke langsung memutarkan CD apabila lagu tersedia. e. Operator karaoke memberikan konfirmasi kepada pengunjung apabila lagu yang di pesan tidak tersedia. f. Konfirmasi laporan data yang tidak tersedia, diberikan kepada pemimpin, dan pemimpin membeli CD baru yang akan di data. g. Pemimpin memberikan laporan kaset baru yang telah di Acc, dan operator menambahkan data CD ke database Table lagu. Untuk lebih jelasnya flowmap sistem pengolahan data pendataan CD yang sedang berjalan dapat dilihat pada flowmap berikut ini :
39 Pendataan lagu pengunjung Form pemesanan lagu Form pemesanan lagu Operator karaoke pemimpin Mengisi form catatan daftar lagu Form pemesanan lagu yang telah di isi Form pemesanan lagu yang telah di isi Cek ketersediaaan lagu y Data base y tersedia Putar lagu T Input data CD yang harus di beli Cetak laporan data CD yang harus di beli Laporan lagu Laporan lagu Gambar 4.2 Flowmap Pendataan lagu
40 4.4 Diagram kontek Diagram kontek adalah diagram yang menggambarkan hubungan antara entitas eksternal dengan sistem. Dimana data yang diinputkan oleh bagian entitas eksternal akan diproses didalam sistem dan akan menghasilkan laporan yang diinginkan oleh entitas eksternal tersebut. pengunjung Data lagu Data CD yang tersedia Laporan data CD yang harus di beli pemimpin Sistem Pemesanan data lagu & Pendataan CD pada Pujasera rindu alam Data CD Konfirmasi ketersediaan lagu Gambar 4.3 Rancangan Diagram kontek
41 4.5 Data Flow Diagram Data Flow Diagram (DFD) adalah diagram yang digunakan untuk menggambarkan suatu sistem yang sudah jadi atau sistem yang baru dirancang yang akan dikembangkan secara logika, tanpa mempertimbangkan lingkungan fisik kemana data tersebut disimpan. Disamping itu Data Flow Diagram (DFD) juga dapat menggambarkan arus data yang terstruktur dan jelas dari mulai pengisian data sampai dengan keluarannya. Arus data Data Flow Diagram (DFD) ini dapat berupa masukan untuk sistem atau keluaran dari sistem, sehingga akan menghasilkan sebuah keluaran yang akan disampaikan pada pengguna atau penerima sistem. Data CD 1.0 Pengolahan data CD Data CD T lagu Data lagu tidak yang ada Data CD 3.0 Cetak 2.0 Pengolahan pesanan lagu pemimpin Laporan data CD Laporan data CD yang harus dibeli Konfirmasi ketersedian lagu Data lagu pengunjung Gambar 4.4 Data Flow Diagram Level 0
42 Dari DFD Level 0 terdiri dari beberapa proses diantaranya adalah sebagai berikut: 1. Proses 1.0 adalah proses pengolahan data CD yang langsung dihubungkan dengan Tabel lagu. 2. Proses 2.0 adalah proses pengolahan pesanan lagu yang langsung dihubungkan dengan data lagu. 3. Proses 3.0 adalah proses cetak laporan data kaset yang tidak tersedia,dan langsung dihubungkan dengan Tabel lagu. pemimpin Data CD 1.1 INPUT Penginputan data lagu Data CD 1.2 EDIT Merubah data lagu Table lagu Data CD 1.3 SEARCH Mencari data lagu Mencari data lagu Gambar 4.5 Data Flow Diagram Level 1 Proses 1.0 Pengolahan data CD
43 DFD Level 1 proses 1.0 terdiri dari beberapa proses diantaranya adalah sebagai berikut 1. Proses 1.1 pengolahan data CD input yaitu penginputan data CD lagu yang tidak tersedia. 2. Proses 1.2 pengolahan data CD edit yaitu perubahan data CD yang di ubah, yang tersimpan di data lagu. 3. Proses 1.3 pengolahan data CD search yaitu proses pencarian data CD yang tersimpan dalam tabel lagu. pengunjung Data lagu menginput Data lagu Operator karaoke 2.1 INPUT Data lagu Putar lagu Table lagu data lagu tidak tersedia 2.2 SEARCH Mencari data lagu data lagu tersedia Gambar 4.6 Data Flow Diagram Level 1 Proses 2.0 Pengolahan pesanan lagu
44 DFD Level 1 proses 2.0 terdiri dari beberapa proses diantaranya adalah sebagai berikut 1. Proses 2.1 pengolahan pesanan lagu input yaitu menginput data lagu pesanan pengunjung yang ada di table lagu. 2. Proses 2.2 pengolahan pesanan lagu search yaitu pencarian data lagu pada tabel lagu, dan apabila lagu tersedia maka lagu akan di putar, dan bila lagu tidak tersedia maka akan ada konfirmasi lagu tidak tersedia yang akan di berikan kepada pengunjung. PEMIMPIN Data CD 3.1 Cetak laporan data OPERATOR Data CD baru Putar lagu Data lagu baru Data kaset tidak tersedia 3.2 Laporan data kaset Table lagu Data lagu baru PENGUNJUNG Data lagu 3.3 Laporan pesanan lagu Data lagu tersedia Konfirmasi lagu yang tidak tersedia Data lagu tidak tersedia Gambar 4.7 Data Flow Diagram Level 1 Proses 3.0 laporan pendataan CD dan pesanan lagu
45 DFD Level 1 proses 3.0 terdiri dari beberapa proses diantaranya adalah sebagai berikut 1. Proses 3.1 laporan pesanan data CD dan pesanan lagu cetak laporan data yaitu proses pencetakan data CD yang tidak tersedia dalam data lagu. 2. Proses 3.2 laporan pesanan data CD dan pesanan lagu, cetak laporan data CD yaitu proses informasi data pemesanan lagu yang tidak tersedia pada tabel lagu 3. Proses 3.3 laporan pesanan lagu yaitu proses pemesanan lagu yang tersimpan di data lagu, dan apabila lagu tersedia maka lagu akan diputar, dan apabila lagu tidak tersedia maka akan ada konfirmasi pada pada pengunjung. 4.6 Entity RelationShip Diagram (ERD) Entity Relatioship Diagram ( ERD ) atau Diagram antar Entitas adalah suatu diagram yang menggambarkan hubungan obyek data yang disimpan yang ada dalam suatu sistem secara konseptual. Obyek Data adalah obyek yang dapat dicatat atau direkam atau segala sesuatu yang ada dan dapat dibedakan entitas dapat berupa orang, benda, tempat, peristiwa, atau konsep yang bisa diolah untuk menghasilkan informasi, rancangan diagram
46 entitas ini dibuat menurut data yang ada sehingga dapat menjelaskan hubungan datadata. Atribut yang berhubungan dengan perangkat lunak Sistem pencarian lagu dapat digambarkan sebagai berikut : ID PENYANYI ID LEMARI ID PENYANYI NAMA PENYANIY TIPE PENYANYI JUDUL LAGU ALBUM LAGU ID PENYANYI 1 MEMILIKI N LAGU MEMILIKI ID LEMARI 1 LEMARI KODE LEMARRI FLOOR LEMARI Gambar 4.8 Entity Relationship Diagram ( ERD ) 4.7 Kamus Data Kamus data merupakan kamus yang digunakan untuk menjelaskan seluruh proses data yang terdapat dalam ERD, berikut adalah penjelasan tentang nama, deskripsi, struktur data, penggunaan dan format data dari setiap aliran data yang terdapat pada ERD diatas.
47 Nama Deskripsi Struktur Data Digunakan Format Data Tabel 4.1 Kamus Data penyanyi Data penyanyi Informasi identitas penyanyi Nama_penyanyi= nama+id + tipe Untuk pencarian data lagu. Text Nama Deskripsi Struktur Data Digunakan Format Data Tabel 4.2 Kamus Data lemari lemari Form yang digunakan untuk pencarian Lemari = ID+kode+lantai/floor Untuk melakukan proses pencarian lagu dan tata letak lagu char
48 Nama Deskripsi Tabel 4.3 Kamus lagu Lagu Data yang akan di gunakan untuk karaoke Struktur Data Lagu = ID+judul_lagu+ID_penyanyi+judul_lagu+ID_lemari+Album _lagu Digunakan Format Data Untuk pencarian tata letak data lagu, yang telah di data Char 4.8 Perancangan Struktur File Didalam pembuatan program dibutuhkan suatu aplikasi file yang dimaksudkan untuk dapat melakukan kegiatan-kegiatan dalam pengaturan pencarian data dan pembuatan laporan yang dapat mempermudah kerja sistem computer. Untuk itu sistem pengolahan data ini membutuhkan spesifikasi file untuk mempermudah dalam melakukan kegiatan pemrograman, yang dapat dilihat dari tabel-tabel berikut ini :
49 Nama table: Album Primary key: - Album_id Table 4.4 Struktur File Data Album NO Nama field Tipe Ukuran Keterangan 1 Album_id AutoNumber 8 Id album 2 Album_nama Text 18 Nama album 3 Album_tahun Number 8 Tahun album Nama table: Kosong Primary key: -kosong_id Table 4.5 Struktur File Data Kosong NO Nama field Tipe Ukuran Keterangan 1 Kosong_id AutoNumber 8 Id kosong 2 Judul_lagu Text 18 Judul lagu 3 Penyanyi_id Number 8 id Penyanyi 4 Nama_Album Text 18 Nama Album 5 Tanggal Date/time - Tanggal penambahan data
50 Nama table: Lagu Primary key: - Lagu_id Table 4.6 Struktur File Data Lagu NO Nama field Tipe Ukuran Keterangan 1 Lagu_id AutoNumber 8 Id lagu 2 penyanyi_id Number 8 Id penyanyi 3 Lagu_ judul Text 25 Judul lagu 4 Lemari_id Number 8 Id lemari 5 Lagu_album Text 25 Nama Album lagu Nama table: lemari Primary key: -Lemari_id Table 4.7 Struktur File Data lemari NO Nama field Tipe Ukuran Keterangan 1 Lemari_id AutoNumber 8 Id lemari 2 Lemari_kode Text 18 Kode lemari 3 Lemari_floor Number 8 Lantai lemari
51 Nama table: Penyanyi Primary key: -Penyanyi_id Table 4.8 Struktur File Data Penyanyi NO Nama field Tipe Ukuran Keterangan 1 Penyanyi_id AutoNumber 8 Id penyanyi 2 Penyanyi_nama Text 18 Nama penyanyi 3 Penyanyi_tipe Text 18 Tipe penyanyi Nama table: Pesan Primary key: -Pesan_id Table 4.9 Struktur File Data pesan NO Nama field Tipe Ukuran Keterangan 1 Pesan_id AutoNumber - Id pesan 2 Lagu_id Number - Id lagu 3 Pesan_tanggal Date/time - Tanggal pesan
52 4.9 Perancangan Struktur Program Struktur program adalah suatu konsep pembuatan yang mempunyai fungsi untuk mengelompokkan instruksi kedalam sub program fungsional dimana setiap sub program tersebut memiliki tugas dan fungsi tertentu yang digunakan untuk mendukung dari keseluruhan program yang dibuat. Struktur program yang dibuat adalah sebagai berikut : STRUKTUR PROGRAM INPUT PROSES OUTPUT DATA LAGU PENCARIAN KODE LEMARI PENCARIAN POSISI LEMARI LAPORAN DATA LAGU YANG TIDAK TERSEDIA Gambar 4.9 Struktur Program Pencarian data CD
53 1. Perancangan Stuktur Menu Struktur menu merupakan bentuk umum dalam suatu perancangan aplikasi yang dapat memudahkan pengguna dalam menggunakan sistem yang dibangun. Dengan adanya struktur menu ini, maka proses pengolahan data diharapkan lebih cepat dilakukan, sehingga keterlambatan dalam penyajian data dapat ditekan seminimal mungkin. Struktur menu yang dibuatkan dalam sistem ini terdiri dari menu-menu dan submenunya. Dapat dilihat dari gambar berikut : MAIN MENU MENU PROSES LAPORAN/ LAINNYA SETTING KELUAR PENCARIAN DATA LAGU DATA LAGU YANG TIDAK TERSEDIA PERUBAHAN PERUBAHAN PASSWORD ADMIN TAMBAH DATA LAGU Gambar 4.10 Struktur Menu Sistem Pencarian Data CD di Pujasera Rindu Alam
54 2. Rancangan Input Racangan input adalah rancangan dari dokumen dasar yang digunakan untuk merekap data yang digunakan. Perancangan input meliputi bentuk dokumen-dokumen input yang akan digunakan untuk menangkap data input. Data Grid ComboBox TextBox TextBox TextBox TextBox Gambar 4.11 design input data pencarian lagu
55 Data Grid ComboBox TextBox ComboBox TextBox TextBox ComboBox TextBox ComboBox button button button button Gambar 4.12 design pendataan lagu