BAB IV PERANCANGAN SISTEM

Transkripsi

1 BAB IV PERANCANGAN 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 secara umum 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 Konteks, Data Flow Diagram (DFD), Entity Relationship Diagram (ERD), Kamus Data, Struktur File, dan Struktur Program. 4.1 Prosedur Siswa Baru Di bawah ini adalah usulan prosedur pendaftaran siswa baru Bimbel dssc Salman Bandung sebagai berikut : 1. Siswa memberikan kartu pelajar dan rapor beserta fotokopinya ke bagian front office. 57

2 2. Siswa melakukan pencarian informasi mengenai Bimbel dssc Salman Bandung melalui internet, setelah itu melakukan proses pendaftaran online dan menginput data pada website lalu mencetak form pendaftaran melalui website. 3. Form pendaftaran dan fotokopi rapor diberikan kepada fornt office untuk melakukan pengecekan, jika tidak sesuai maka dilakukan pendaftaran melalui website, dan jika sesuai maka fornt office akan melakukan daftar ulang dengan menginput data pada website dan mencetak form segi salman. 4. Setelah itu, front office akan membuat slip pembayaran yang akan diberikan kepada siswa untuk tandatangan dan diserahkan kembali kepada front office untuk ditandatangan dan cap pelunasan. 5. Slip pembayaran rangkap pertama akan diberikan kepada siswa untuk diarsip, rangkap ke-2 akan diarsip pada front office. 6. Front office dapat mencetak laporan pendaftaran yang akan diserahkan kepada puslahta dan laporan pembayaran yang akan diserahkan kepada tata laksana yang akhirnya akan diserahkan kepada Direktur Utama untuk diarsip. Untuk lebih jelasnya dapat dilihat pada flowmap di bawah ini : 58

3 Siswa Provider Front Office Puslahta Tata Laksana Mencari Informasi Manajer Operasional Direktur Utama Membuka Website Informasi Bimbel Melakukan Website Bimbel Sistem Informasi Cetak Harian Harian Harian Harian Tampilan Form Bulanan Bulanan Bulanan Bulanan Input Data Pembayaran Harian Pembayaran Harian Pembayaran Harian Pembayaran Harian Tampilan Sukses Pembayaran Bulanan Pembayaran Bulanan Pembayaran Bulanan Pembayaran Bulanan Cetak Form Fotokopi Rapor Daftar Ulang Form Fotokopi Rapor Pengecekan T Sesuai Y Input Data Tampilan Sukses Daftar Ulang Cetak Form Segi Salman Pembuatan Slip Setoran Slip Setoran 1 2 Slip Setoran 1 2 TTD Slip Setoran 1 2 Slip Setoran 1 2 TTD & Cap Slip Setoran 1 Slip Setoran 1 2 Gambar 4.1 Flowmap Usulan 4.2 Prosedur Penginputan Data Bimbel Di bawah ini adalah prosedur penginputan data bimbel pada Bimbel dssc Salman Bandung, antara lain : 59

4 1. Ketua memberikan data bimbel kepada front office untuk diinput ke dalam website. 2. Setelah diinput ke dalam website, maka data bimbel akan diarsip pada front office. Untuk lebih jelasnya tentang sistem penginputan data bimbel yang sedang berjalan dapat dilihat pada flowmap berikut ini : Flowmap Penginputan Data Bimbel Direktur Utama Front Office Provider Data Bimbel Data Bimbel Input Data Bimbel Website Bimbel Cetak Data Data Bimbel Data Bimbel Gambar 4.2 Flowmap Usulan Penginputan Data Bimbel 4.3 Diagram Konteks Diagram konteks adalah diagram yang menggambarkan hubungan antara entitas eksternal dengan sistem. Dimana data yang diinputkan oleh 60

5 bagian entitas eksternal akan diproses didalam sistem dan akan menghasilkan laporan yang diinginkan oleh entitas eksternal tersebut. Siswa Data Siswa No. Registrasi Sistem pada Bimbel dssc Salman Bandung Data Bimbel Biaya Bimbel Pembayaran Direktur Utama Gambar 4.3 Rancangan Diagram Konteks 4.4 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. 61

6 Pembayaran Biaya Bimbel Direktur Utama Data Bimbel Biaya Bimbel Biaya SD 1.0 Proses Input Biaya Biaya SMP Biaya Bimbel Biaya Bimbel Biaya SMA Data Cabang Data Program Data Jenjang 2.0 Proses Input Data Bimbel Data Kelas Data Discount Data jurusan Cabang Program Jenjang Kelas Jurusan Discount Biaya Bimbel SD Siswa Biaya Bimbel SMP Data Siswa Biaya Bimbel SMA Data Cabang 3.0 Proses Data Program Data Jenjang Data Kelas Data jurusan Data Discount No. Registrasi Data Daftar 5.0 Proses Cetak Data Siswa Daftar Data Siswa Daftar SD Data Siswa Daftar SD DU SD Data Siswa Daftar SMP 4.0 Proses Daftar Ulang DU SMP Data Siswa Daftar SMP Data Siswa Daftar SMA Data Siswa Daftar SMA DU SMA Gambar 4.4 Data Flow Diagram Level 0 Dari DFD Level 0 terdiri dari beberapa proses diantaranya adalah sebagai berikut: 1. Proses 1.0 adalah proses penginputan biaya bimbel yang langsung dihubungkan dengan tabel biaya SD, biaya SMP, biaya SMA. 2. Proses 2.0 adalah proses penginputan data bimbel yang langsung dihubungkan dengan tabel cabang, program, jenjang, kelas, jurusan, discount. 62

7 3. Proses 3.0 adalah proses pengolahan data pendaftaran yang langsung dihubungkan dengan tabel daftar. 4. Proses 4.0 adalah proses pengolahan data daftar ulang yang langsung dihubungkan dengan tabel du SD, du SMP, du SMA. 5. Proses 5.0 adalah proses cetak yang langsung dihubungkan dari tabel du SD, du SMP, du SMK. Biaya Bimbel 1.1 Input Biaya Biaya Bimbel SD Biaya Bimbel SMP Biaya SD Biaya Bimbel SD Direktur Utama Biaya SMP Biaya Bimbel SMP Biaya Bimbel 1.2 Edit Biaya Biaya Bimbel SMA Biaya Bimbel SMA Biaya SMA Biaya Bimbel SMA Biaya Bimbel SMP Biaya Bimbel SD Gambar 4.5 Data Flow Diagram Level 1 Proses 1.0 Penginputan Biaya DFD Level 1 proses 1.0 terdiri dari beberapa proses diantaranya adalah sebagai berikut : 1. Proses 1.1 Menginput data biaya yaitu proses penyimpanan inputan biaya bimbel SD ke dalam tabel Biaya SD, inputan biaya bimbel SMP ke tabel Biaya SMP, dan inputan biaya SMA ke tabel Biaya SMA. 63

8 2. Proses 1.2 Mengubah data biaya yaitu proses pengubahan data biaya bimbel SD yang tersimpan dalam tabel Biaya SD, biaya bimbel SMP yang tersimpan dalam tabel biaya SMP, biaya bimbel SMA yang tersimpan dalam tabel Biaya SMA. Data Cabang 2.1 Input Cabang Data Cabang Cabang Data Program 2.2 Input Program Data Program Program Data Jenjang 2.3 Input Jenjang Data Jenjang Jenjang Direktur Utama Data Kelas 2.4 Input Kelas Data Kelas Kelas Data Jurusan 2.5 Input Jurusan Data Jurusan Jurusan Data Discount 2.6 Input Discount Data Discount Discount Gambar 4.6 Data Flow Diagram Level 1 Proses 2.0 Pengolahan Data Bimbel DFD Level 1 proses 2.0 terdiri dari beberapa proses diantaranya adalah sebagai berikut : 1. Proses 2.1 Menginput data cabang yaitu proses penyimpanan inputan data cabang ke dalam tabel cabang. 64

9 2. Proses 2.2 Menginput data program yaitu proses penyimpanan inputan data program ke dalam tabel program. 3. Proses 2.3 Menginput data jenjang yaitu proses penyimpanan inputan data program ke dalam tabel jenjang. 4. Proses 2.4 Menginput data kelas yaitu proses penyimpanan inputan data kelas ke dalam tabel kelas. 5. Proses 2.5 Menginput data jurusan yaitu proses penyimpanan inputan data jurusan ke dalam tabel jurusan. 6. Proses 2.6 Menginput data discount yaitu proses penyimpanan inputan data discount ke dalam tabel discount. Data 4.1 Input Daftar Ulang Data Daftar Ulang SD DU SD Daftar Data Daftar Ulang SMP DU SMP Data 4.2 Batal Daftar Ulang Data Daftar Ulang SMA DU SMK Data Daftar Ulang SD Data Daftar Ulang SMP Data Daftar Ulang SMA Gambar 4.7 Data Flow Diagram Level 1 Proses 4.0 Pengolahan Data Daftar Ulang 65

10 DFD Level 1 proses 4.0 terdiri dari beberapa proses diantaranya adalah sebagai berikut : 1. Proses 4.1 Penginputan data daftar ulang yaitu proses penyimpanan inputan data daftar ulang SD yang disimpan dalam tabel DU SD, data daftar ulang SMP yang disimpan dalam tabel DU SMP, data daftar ulang SMA yang disimpan dalam tabel DU SMA. 2. Proses 4.2 Pembatalan data daftar ulang yaitu proses pembatalan inputan data daftar ulang SD pada tabel DU SD, data daftar ulang SMP pada tabel DU SMP, data daftar ulang SMA pada tabel DU SMA. Daftar Data Siswa 5.1 Cetak No. Registrasi No. Registrasi Siswa Data Siswa Daftar 5.2 Cetak Data Direktur Utama DU SD Data Siswa Daftar Ulang 5.3 Cetak Data Pembayaran Pembayaran DU SMP Data Siswa Daftar Ulang 5.4 Cetak Data Pembayaran Pembayaran DU SMA Data Siswa Daftar Ulang 5.5 Cetak Data Pembayaran Pembayaran Gambar 4.8 Data Flow Diagram Level 1 Proses 5.0 Cetak 66

11 DFD Level 1 proses 5.0 terdiri dari beberapa proses diantaranya adalah sebagai berikut : 1. Proses 5.1 Mencetak No. registrasi siswa yaitu proses pencetakan No. registrasi siswa yang tersimpan dalam tabel daftar. 2. Proses 5.2 Mencetak laporan pendaftaran yaitu proses pencetakan data pendaftaran yang tersimpan dalam tabel daftar yang akan deserahkan kepada Direktur Utama. 3. Proses 5.3 Mencetak laporan pembayaran yaitu proses pencetakan data pembayaran yang tersimpan dalam tabel DU SD kepada Direktur Utama. 4. Proses 5.4 Mencetak laporan pembayaran yaitu proses pencetakan data pembayaran yang tersimpan dalam tabel DU SMP kepada Direktur Utama. 5. Proses 5.5 Mencetak laporan pembayaran yaitu proses pencetakan data pembayaran yang tersimpan dalam tabel DU SMA kepada Direktur Utama. 67

12 4.5 Flowchart Sistem Flowchart merupakan gambar atau bagan yang memperlihatkan urutan dan hubungan antar proses beserta instruksinya. Gambaran ini dinyatakan dengan simbol. Dengan demikian setiap simbol menggambarkan proses tertentu. Sedangkan hubungan antar proses digambarkan dengan garis penghubung. Flowchart ini merupakan langkah awal pembuatan program. Dengan adanya flowchart urutan poses kegiatan menjadi lebih jelas. Mulai Mencari Informasi Website Masukkan Keyword pada google Online Tidak Ya Mengisi Formulir Mencetak Formulir Ulang Mengecek Pada Website Ada Mencetak Form Segi Salman Tidak Form Segi Salman Selesai Gambar 4.9 Flowchart Sistem 68

13 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 entitas ini dibuat menurut data yang ada sehingga dapat menjelaskan hubungan data-data. Atribut yang berhubungan dengan perangkat lunak Sistem Informasi dan Pembayaran pada Bimbel dssc Salman Bandung dapat digambarkan sebagai berikut : Tempat Tanggal Lahir Kelas No. Telp Mata Pelajaran Nama Alamat Biaya Jadwal Siswa Daftar N 1 N Jenjang Kelas Bayar 1 Biaya Gambar 4.10 Entity Relationship Diagram ( ERD ) 69

14 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. Tabel 4.1 Kamus Data Siswa Nama Data Siswa Deskripsi Informasi identitas siswa Struktur Data Data_siswa = nama + kelas + ttl + no.telp + alamat + asal sekolah + jenjang + jurusan Digunakan Untuk penambahan dan perubahan data siswa Format Data Text Tabel 4.2 Kamus Data Nama Daftar Deskripsi Form yang digunakan untuk pendaftaran Struktur Data Daftar = Tanggal + No_pendaftaran + Biaya 70

15 Digunakan Untuk melakukan proses pendaftaran Format Data Form Tabel 4.3 Kamus Jenjang Kelas Nama Jenjang Kelas Deskripsi Menyimpan data jenjang kelas siswa pada bimbel Struktur Data Jenjang = biaya + mata_pelajaran + jadwal Digunakan Untuk mengetahui semua data siswa Format Data Text Tabel 4.4 Kamus Data Pembayaran Nama Bayar Deskripsi Slip bukti pembayaran Struktur Data Bayar = No. Pembayaran + Tanggal + Nominal Digunakan Untuk melakukan proses pembayaran Format Data Text 71

16 4.8 Perancangan Struktur File Di dalam 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 : Nama Tabel : Daftar Primary Key : id_daftar Keterangan : Tabel untuk pendaftaran siswa Tabel 4.5 Struktur File Tabel Daftar No Nama Field Tipe Ukuran Keterangan 1 Id_daftar Varchar 11 Nomor registrasi siswa 2 Nama Varchar 100 Nama siswa 3 Kelamin Varchar 20 Jenis kelamin 4 Kota_Lahir Varchar 100 Kota/tempat lahir siswa 5 Tanggal_Lahir Varchar 100 Tanggal lahir siswa 6 Hp Varchar 20 Nomor hp siswa 7 Telp Varchar 20 Nomor telepon rumah siswa 8 Alamat Text - Alamat siswa 72

17 9 Prog Int 100 Program bimbel yang dipilih 10 Jenjang Varchar 20 Jenjang siswa 11 Kelas Int 12 Kelas 12 Jurusan Int 200 Jurusan 13 Asl_sklh Varchar 200 Asal sekolah siswa 14 Cabang Int 11 Cabang bimbel yang dipilih 15 Nama_ortu Varchar 100 Nama orang tua siswa 16 No_Hp_Ortu Varchar 20 Nomor hp orang tua 17 Alamat_ortu Text - Alamat orang tua 18 Hr_Bljr Varchar 20 Hari belajar 19 Wkt_Bljr Varchar 100 Waktu belajar 20 url_photo Varchar 200 Alamat foto 21 Tgl_dftr Varchar 100 Tanggal daftar 22 Tgl_ex Varchar 50 Tanggal expire 23 DU Int 5 Daftar ulang 24 Password Varchar 100 Pasword untuk siswa 25 Stat_ssw Int 11 Status siswa Nama Tabel : Biaya_SD Primary Key : - Keterangan : Tabel biaya bimbel untuk SD 73

18 Tabel 4.6 Struktur File Tabel Biaya_SD No. Nama Field Type Ukuran Keterangan 1 Id_prog Int 10 Id program bimbel 2 Jenis Int 10 Jenis Program Bimbel 3 Cicil_1 Varchar 50 Biaya Cicilan 1 4 Cicil_2 Int 100 Biaya Cicilan 2 5 Cicil_3 Int 100 Biaya Cicilan 3 6 Cicil_4 Int 100 Biaya Cicilan 4 7 Total Int 100 Total biaya 8 Kelas Varchar 50 Kelas yang dipilih Nama Tabel : Biaya_SMP Primary Key : - Keterangan : Tabel biaya bimbel untuk SMP Tabel 4.7 Struktur File Tabel Biaya_SMP No. Nama Field Type Ukuran Keterangan 1 Id_prog Int 10 Id program bimbel 2 Jenis Int 10 Jenis Program Bimbel 3 Cicil_1 Varchar 50 Biaya Cicilan 1 4 Cicil_2 Int 100 Biaya Cicilan 2 5 Cicil_3 Int 100 Biaya Cicilan 3 6 Cicil_4 Int 100 Biaya Cicilan 4 74

19 7 Total Int 100 Total biaya 8 Kelas Varchar 50 Kelas yang dipilih Nama Tabel : Biaya_SMA Primary Key : - Keterangan : Tabel biaya bimbel untuk SMA Tabel 4.8 Struktur File Tabel Biaya_SMA No. Nama Field Type Ukuran Keterangan 1 Id_prog Int 10 Id program bimbel 2 Jenis Int 10 Jenis Program Bimbel 3 Cicil_1 Varchar 50 Biaya Cicilan 1 4 Cicil_2 Int 100 Biaya Cicilan 2 5 Cicil_3 Int 100 Biaya Cicilan 3 6 Cicil_4 Int 100 Biaya Cicilan 4 7 Total Int 100 Total biaya 8 Kelas Varchar 50 Kelas yang dipilih Nama Table : DU_SD Primary key : - Keterangan : Tabel daftar ulang untuk SD 75

20 Tabel 4.9 Struktur File Tabel DU SD No. Nama Field Type Ukuran Keterangan 1 Id_daftar Int 10 Id pendaftaran 2 Discount Varchar 10 Potongan pendaftaran 3 Nm_disc Int 20 Nama potongan 4 Lunas Varchar 200 Lunas 5 Promo Int 11 Promo pendaftaran 6 By_dftr Int 100 Biaya pendaftaran 7 By_ccl1 Int 100 Biaya cicilan 1 8 By_prog Int 100 Biaya program 9 Total Int 100 Total biaya Nama Table : DU_SMP Primary key : - Keterangan : Tabel daftar ulang untuk SMP Tabel 4.10 Struktur File Tabel DU SMP No. Nama Field Type Ukuran Keterangan 1 Id_daftar Int 10 Id pendaftaran 2 Discount Varchar 10 Potongan pendaftaran 3 Nm_disc Int 20 Nama potongan 4 Lunas Varchar 200 Lunas 5 Promo Int 11 Promo pendaftaran 76

21 6 By_dftr Int 100 Biaya pendaftaran 7 By_ccl1 Int 100 Biaya cicilan 1 8 By_prog Int 100 Biaya program 9 Total Int 100 Total biaya Nama Table : DU_SMA Primary key : - Keterangan : Tabel daftar ulang untuk SMA Tabel 4.11 Struktur File Tabel DU SMA No. Nama Field Type Ukuran Keterangan 1 Id_daftar Int 10 Id pendaftaran 2 Discount Varchar 10 Potongan pendaftaran 3 Nm_disc Int 20 Nama potongan 4 Lunas Varchar 200 Lunas 5 Promo Int 11 Promo pendaftaran 6 By_dftr Int 100 Biaya pendaftaran 7 By_ccl1 Int 100 Biaya cicilan 1 8 By_prog Int 100 Biaya program 9 Total Int 100 Total biaya 77

22 Nama Tabel : Cabang Primary Key : Id_Cabang Keterangan : Tabel cabang bimbel Tabel 4.12 Struktur File Tabel Cabang No. Nama Field Type Ukuran Keterangan 1 Id_Cabang Int 10 Id cabang 2 Nm_Cabang Varchar 200 Nama Cabang Nama Tabel : Discount Primary Key : Id_disc Keterangan : Tabel untuk discount/potongan promo Tabel 4.13 Struktur File Tabel Discount No. Nama Field Type Ukuran Keterangan 1 Id_disc Int 10 Id discount 2 Nm_disc Varchar 100 Nama discount 3 Disc Int 100 Nominal discount (%) Nama Tabel : Jenjang Primary Key : - Keterangan : Tabel untuk jenjang 78

23 Tabel 4.14 Struktur File Tabel Jenjang No. Nama Field Type Ukuran Keterangan 1 Id Varchar 5 No. Urut 2 Nm_Jenjang Varchar 50 Nama Jenjang Nama Tabel : Jurusan Primary Key : Id_jur Keterangan : Tabel untuk jurusan (SMA) Tabel 4.15 Struktur File Tabel Jurusan No. Nama Field Type Ukuran Keterangan 1 Id_jur Int 10 Id jurusan 2 Nm_Jur Varchar 100 Nama Jurusan 3 Id_Jenjang Varchar 100 Id Jenjang Nama Tabel : Kelas Primary Key : Id_Kelas Keterangan : Tabel untuk kelas Tabel 4.16 Struktur File Tabel Kelas No. Nama Field Type Ukuran Keterangan 1 Id_Kelas Int 10 Id Kelas 2 Kelas Varchar 50 Kelas 3 Id_Jenjang Varchar 50 Id Jenjang 79

24 Nama Tabel : Prog Primary Key : Id_prog Keterangan : Tabel untuk program bimbel Tabel 4.17 Struktur File Tabel Prog No. Nama Field Type Ukuran Keterangan 1 Id_prog Int 10 Id Program 2 Nm_prog Varchar 100 Nama Program 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 : 80

25 Struktur Program Input Proses Output Data Siswa Biaya Daftar Ulang Pembayaran Data bimbel Gambar 4.11 Struktur Program Siswa Bimbel dssc Salman Bandung Tanjungpinang 4.10 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 menumenu dan submenunya. Dapat dilihat dari gambar berikut : 81

26 Aplikasi dssc Salman Bandung Tanjungpinang Home Program & Fitur Daftar Online Admin Login Program Kelas Formulir Data Fitur Bimbel Data Daftar Ulang Setting Biaya Bimbingan Log out Gambar 4.12 Struktur Menu Siswa Baru Bimbel dssc Salman Bandung Tanjungpinang 4.11 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 menagkap data input. 82

27 Header Home Program & Fitur Daftar online Admin Log In Promo Bimbel ID Daftar Password Isi Berita Bimbel Gambar 4.13 Rancangan Input Tampilan Home Header Username Password Log In Gambar 4.14 Rancangan Input Admin Log In 83

28 Header Home Program & Fitur Daftar online Admin Log In Promo Bimbel ID Daftar Password Form Online Identitas Calon Siswa Nama Jenis Kelamin TTL Telp, Alamat Sekolah dan Program Pilihan Bimbingan Prog. bimbel Jenjang Kelas Jurusan Asal Sekolah Nama No. Hp Alamat Cabang Pilihan Pilihan Hari Belajar Senin-Rabu-Jumat Selasa-Kamis-Sabtu Pilihan Waktu Belajar Identita Orang Tua / Wali Saya menyatakan bahwa data yang saya isi adalah benar Daftar Gambar 4.15 Rancangan Input Daftar Online Header Home Data DU Setting Biaya bimbingan Log Out Data Daftar Cabang Pilihan : Nama Cabang Aksi Tambah Cabang Salman Tambah Gambar 4.16 Rancangan Input Daftar Cabang Pilihan 84

29 Header Home Data DU Setting Biaya bimbingan Log Out Biaya bimbingan : Program Kelas Biaya (Rp) Cicilan Simpan Edit Gambar 4.17 Rancangan Input Biaya Bimbingan Header Home Data DU Setting Biaya bimbingan Log Out Setting discount : 1. Siswa Lama 2. Putra Pendidik 3. Ranking 1 4. Ranking II 5. Rangking III 6. Prestasi Tingkat Provinsi 7. Prestasi tingkat Kota/Kab 8. Promo Simpan Edit Gambar 4.18 Rancangan Input Discount/Promo 85