BAB III ANALISA DAN DESAIN SISTEM

Transkripsi

1 BAB III ANALISA DAN DESAIN SISTEM Pada bab ini akan dibahas mengenai Perancangan Sistem Informasi Akutansi Penjualan Kredit Sepeda Motor Pada PT. Bersama Makmur Raharza yang meliputi analisa sistem yang sedang berjalan dan desain sistem. III.1. Analisa Masalah Sistem informasi yang berjalan saat ini di PT. Bersama Makmur Raharza dapat memberikan hasil yang cukup akurat, namun dari hasil pengamatan ternyata masih terdapat beberapa kekurangan yang menyebabkan pengolahan data cukup sulit dilakukan. Beberapa masalah tersebut dapat diuraikan sebagai berikut : 1. Sistem pengolahan data customer dan penjualan sepeda motor secara kredit yang digunakan pada saat ini masih dalam bentuk pencatatan, Sehingga menyebabkan sulitnya dalam melakukan proses pencarian data. Dimana proses penyimpanan data laporan yang dilakukan selama ini masih dalam bentuk dokumen dan belum terintegrasi dengan database, karena program yang ada pada saat ini masih menggunakan Microsoft excell. 2. Sistem pengolahan data yang ada membutuhkan waktu yang relatif lama dan masih menimbulkan ketidakakuratan dalam pengolahan data. 3. Sistem pengolahan data customer dan penjualan sepeda motor secara kredit di bagian counter sales masih dalam bentuk pencatatan secara manual. 37

2 38 4. Pada bagian counter sales, proses pencatatan data customer masih dilakukan secara manual sehingga lebih banyak waktu dan tenaga yang dikeluarkan oleh pegawai. III.1.1. Input Sistem yang berjalan pada PT. Bersama Makmur Raharza berkaitan dengan penjualan kredit sepeda motor masih dengan cara semi komputer yaitu dengan menggunakan Microsoft Excel untuk meng-inputkan sepeda motor apa saja yang terjual setiap harinya. III.1.2 Proses Adapun Flow Of Document (FOD) yang sedang berjalan pada PT. Bersama Makmur Raharza, adalah sebagai berikut:

3 39 Konsumen Surveyor/Leasing Adm.Marketing Main Dealer Data Motor Data konsumen Data Motor Data konsumen Data kredit sepeda motor Buat data penjualan kredit motor Laporan Pengecekan persyaratan konsumen data penjualan kredit motor Data konsumen ditolak persyaratan disetujui Buat data kredit motor Data kredit sepeda motor data pembelian kredit sepeda motor Laporan Penjualan N Gambar III.1. Flow Of Document (FOD) PT. Bersama Makmur Raharja

4 40 III.1.3. Output Output ataupun keluaran yang akan dihasilkan adalah berupa laporan data penjualan kredit sepeda motor yang disimpan pada Microsoft Excel untuk laporan penjualan harian dan dalam bentuk arsip pada penerimaan kas. III.2. Evaluasi Sistem yang Berjalan Dalam hal ini sistem yang digunakan oleh PT. Bersama Makmur Raharja belum efektif dikarenakan sistem penjualan kredit sepeda motor yang ada masih dengan cara semi komputer, sehingga memerlukan sebuah sistem yang dapat menyajikan informasi akuntansi penjualan. Perlunya Perancangan Sistem Informasi Akutansi Penjualan Kredit Sepeda Motor Pada PT. Bersama Makmur Raharja agar dapat meminimalisir terjadinya kesalahan dalam penginputan data penjualan kredit sepeda motor. Dengan sistem informasi yang akan dirancang, maka diharapkan sistem ini akan lebih mudah karena telah menggunakan aplikasi yang dibuat sesederhana mungkin. Hal ini bertujuan untuk mempermudah bagian penjualan dalam penginput-an data sepeda motor yang ada dan juga laporan. Sistem informasi yang

5 41 dirancang ini juga didukung dengan database yang berperan dalam penyimpanan data-data yang telah di-input agar tidak hilang dan jika adanya kesalahan akan lebih mudah dalam memperbaikinya. III.3. Desain Sistem Untuk membantu proses erancangan Sistem Informasi Akutansi Penjualan Kredit Sepeda Motor Pada PT. Bersama Makmur Raharza penulis mengusulkan pembuatan sebuah sistem dengan menggunakan aplikasi program yang lebih akurat dan lebih mudah dalam pengolahannya. Dengan menggunakan PHP dan database MySQL untuk memudahkan dalam perancangan dari aplikasi itu sendiri. III.3.1. Desain Sistem Global Pada perancangan sistem ini terdiri dari tahap perancangan yaitu : 1. Perancangan Use Case Diagram 2. Perancangan Class Diagram 3. Perancangan Sequence Diagram 4. Perancangan Output 5. Perancangan Tampilan 6. Perancangan Database 7. Perancangan Aktivity Diagram III Use Case Diagram Dalam penyusunan suatu program diperlukan suatu model data yang berbentuk diagram yang dapat menjelaskan suatu alur proses sistem yang akan di bangun. Dalam penulisan skripsi ini penulis menggunakan metode

6 42 UML yang dalam metode itu penulis menerapkan diagram Use Case. Maka digambarlah suatu bentuk diagram Use Case yang dapat dilihat pada Gambar III.2 Gambar III.2 Use Case Diagram

7 43 III Class Diagram Class diagram menggambarkan struktur statis dari kelas dalam sistem dan menggambarkan atribut, operasi dan hubungan antara kelas seperti tampak pada gambar III.3. dealer unit customers termins -+id -+nm_dealer -+alamat -+no_telp -+created_at -+updated_at +add() +edit() +delet() -id -dealer_id -tipe -merk -image -craeted_at -update_at +add() +edit() +delet() -id -no_ktp -nm_cust -alamat -pekerjaan -no_telp -created_at -updated_at +add() +edit() +delete() -id -unit_id -dp -term -cicilan -created -updated_at +add() +edit() +delete() user -id -name - -password -remember_token -created_at -update_at +save() +change() +drop() beban -id -tanggal -beban -jumlah -created_at -update_at +add() +edit() +delete() neraca -id -tanggal -kategori -keterangan -jenis -jumlah -created_at -updated_at +add() +edit() +delet() sales -id -no_penjualan -unit_id -customer_id -tgl_penjualan -no_mesin -no_rangka -warna -tahun -created_at -updated_at +add() +edit() +delete() payments -id -sale_id -no -tanggal -cicilan_ke -cicilan -denda -jlh_bayar -sisa_cicilan -created_at -updated_at +add() +edit() +delete() Gambar III.3 Class Diagram

8 44 III Activity Diagram Activity diagrams menggambarkan berbagai alir aktivitas dalam sistem yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi, dan bagaimana mereka berakhir. Activity diagram juga dapat menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi. 1. Activity Diagram Login Admin mengisi username dan password kemudian menekan tombol login. System akan mengecek apakah username dan password yang dimasukkan admin valid, jika username dan password valid maka akan masuk ke halaman utama. jika tidak valid system akan meminta admin untuk memasukkan username dan password kembali. Adapun Activity Diagram Login dapat dilihat pada gambar III.4. Gambar III.4. Activity Diagram Login

9 45 2. Activity Diagram Dealer Pada activity diagram dealer, admin dapat menekan tombol menu dealer untuk menginput, edit dan delete data dealer. Adapun Activity Diagram dealer dapat dilihat pada gambar III.5. Gambar III.5. Activity Diagram Dealer 3. Activity Diagram Unit admin dapat menekan tombol menu unit untuk menginput, edit dan delete data unit sepeda motor pada PT. Bersama Makmur Raharza. Adapun Activity Diagram Unit dapat dilihat pada gambar III.6.

10 46 Gambar III.6. Activity Diagram Unit 4. Activity Diagram Customer admin dapat menekan tombol menu customer untuk menginput, edit dan delete data customer PT. Bersama Makmur Raharza. Adapun Activity Diagram Customer dapat dilihat pada gambar III.7. Gambar III.7. Activity Diagram Customer

11 47 5. Activity Diagram Penjualan Activity Diagram Penjualan, untuk mengolah data penjualan kredit sepeda motor. Dengan menekan menu penjualan pada Sistem Informasi Akutansi Penjualan Kredit Sepeda Motor Pada PT. Bersama Makmur Raharza. Adapun Activity Diagram Penjualan dapat dilihat pada gambar III.8. Gambar III.8. Activity Diagram Penjualan 6. Activity Diagram Pembayaran Activity Diagram Pembayaran, untuk mengolah data pembayaran. Dengan menekan menu pembayaran pada Sistem Informasi Akutansi Penjualan Kredit Sepeda Motor Pada PT. Bersama Makmur Raharza. Adapun Activity Diagram Pembayaran dapat dilihat pada gambar III.9.

12 48 Gambar III.9. Activity Diagram Pembayaran 7. Activity Diagram Beban Activity Diagram beban, untuk mengolah data beban. Dengan menekan menu beban pada Sistem Informasi Akutansi Penjualan Kredit Sepeda Motor Pada PT. Bersama Makmur Raharza. Adapun Activity Diagram beban dapat dilihat pada gambar III.10. Gambar III.10. Activity Diagram Beban

13 49 8. Activity Diagram Neraca Activity Diagram neraca, untuk mengolah data neraca. Dengan menekan menu neraca pada Sistem Informasi Akutansi Penjualan Kredit Sepeda Motor Pada PT. Bersama Makmur Raharza. Adapun Activity Diagram neraca dapat dilihat pada gambar III.11. Gambar III.11. Activity Diagram Neraca 9. Activity Diagram Laporan Pembayaran Activity Diagram laporan pembayaran, untuk menampilkan laporan pemabayaran. Dengan menekan menu laporan pada Sistem Informasi Akutansi Penjualan Kredit Sepeda Motor Pada PT. Bersama Makmur Raharza. Adapun activity diagram laporan pembayaran dapat dilihat pada gambar III.12.

14 50 Gambar III.12. Activity Diagram Laporan Pembayaran 10. Activity Diagram Laporan Penjualan Activity Diagram laporan penjualan, untuk menampilkan laporan penjualan. Dengan menekan menu laporan pada Sistem Informasi Akutansi Penjualan Kredit Sepeda Motor Pada PT. Bersama Makmur Raharza. Adapun activity diagram laporan penjualan dapat dilihat pada gambar III.13. Gambar III.13. Activity Diagram Laporan Penjualan

15 Activity Diagram Laporan Laba /Rugi Activity Diagram laporan laba /rugi, untuk menampilkan laporan laba / rugi. Dengan menekan menu laporan pada Sistem Informasi Akutansi Penjualan Kredit Sepeda Motor Pada PT. Bersama Makmur Raharza. Adapun activity diagram laporan laba /rugi dapat dilihat pada gambar III.14. Gambar III.14. Activity Diagram Laporan Laba /Rugi 12. Activity Diagram Laporan Neraca Activity Diagram laporan neraca, untuk menampilkan laporan neraca. Dengan menekan menu laporan pada Sistem Informasi Akutansi Penjualan Kredit Sepeda Motor Pada PT. Bersama Makmur Raharza. Adapun activity diagram laporan neraca dapat dilihat pada gambar III.15.

16 52 Gambar III.15. Activity Diagram Laporan Neraca 13. Activity Diagram Laporan Jurnal Umum Activity Diagram laporan neraca, untuk menampilkan laporan jurnal umum. Dengan menekan menu laporan pada Sistem Informasi Akutansi Penjualan Kredit Sepeda Motor Pada PT. Bersama Makmur Raharza. Adapun activity diagram laporan jurnal umum dapat dilihat pada gambar III.16. Gambar III.16. Activity Diagram Laporan Jurnal Umum

17 Activity Diagram Logout Untuk keluar dari aplikasi, admin dapat menekan menu logout, secara otomatis system akan keluar dari aplikasi dan system akan menampilkan kembali halaman index, dan diminta memasukkan kembali username dan password seperti saat pertama kali kita membuka aplikasi. Adapun Activity Diagram Logout dapat dilihat pada gambar III.17. Gambar III.17. Activity Diagram logout III Sequence Diagram Sequence Diagram menggambarkan perilaku pada sebuah skenario, diagram ini menunjukkan sejumlah contoh objek dan message (pesan) yang diletakkan diantara objek-objek ini di dalam use case, berikut gambar sequence diagram : 1. Sequence Diagram Login Sequence diagram login admin menggambarkan interaksi yang terjadi antara objek dengan sistem yang menghasilkan tampilan menu utama. Adapun sequence diagram login dapat dilihat pada gambar III.18.

18 54 Gambar III.18. Sequence Diagram Login Admin 2. Sequence Diagram Dealer Sequence diagram dealer menggambarkan rangkaian akivitas yang dilakukan admin, menginput, edit dan hapus data dealer kedalam database. Adapun sequence diagram dealer dapat dilihat pada gambar III.19.

19 55 Gambar III.19. Sequence Diagram Dealer 3. Sequence Diagram Unit Pada sequence diagram ini Sequence diagram dealer menggambarkan rangkaian akivitas yang dilakukan admin, menginput, edit dan hapus data unit sepeda motor kedalam database.. Adapun Sequence Diagram ini dapat dilihat pada gambar III.20.

20 56 Gambar III.20. Sequence Diagram Unit 4. Sequence Diagram Customer Sequence diagram customer menggambarkan rangkaian akivitas yang dilakukan admin, menginput, edit dan hapus data customer kedalam database. Adapun sequence diagram customer dapat dilihat pada gambar III.21.

21 57 Gambar III.21. Sequence Diagram Customer 5. Sequence Diagram Penjualan Sequence diagram penjualan menggambarkan rangkaian akivitas yang dilakukan admin, mulai dari menginput, edit dan hapus transaksi penjualan kedalam database. Adapun Sequence diagram penjualan dapat dilihat pada gambar III.22.

22 58 Gambar III.22. Sequence Diagram Penjualan 6. Sequence Diagram Pembayaran Sequence diagram penjualan menggambarkan rangkaian akivitas yang dilakukan admin, mulai dari menginput, edit dan hapus transaksi pembayaran kredit sepeda motor kedalam database. Adapun Sequence diagram pembayaran dapat dilihat pada gambar III.23.

23 59 Gambar III.23. Sequence Diagram Pembayaran 7. Sequence Diagram Beban Sequence diagram beban menggambarkan rangkaian akivitas yang dilaku kan admin, mulai dari menginput, edit dan hapus transaksi beban kedalam database. Adapun Sequence diagram beban dapat dilihat pada gambar III.24.

24 60 Gambar III.24. Sequence Diagram Beban 8. Sequence Diagram Neraca Sequence diagram neraca menggambarkan rangkaian akivitas yang dilakukan admin, mulai dari menginput, edit dan hapus neraca kedalam database. Adapun Sequence diagram neraca dapat dilihat pada gambar III.25.

25 61 Gambar III.25. Sequence Diagram Neraca 9. Sequence Diagram Laporan Pembayaran Sequence diagram laporan pembayaran menggambarkan rangkaian akivitas yang dilakukan admin, untuk menampilkan laporan data pembayaran. Adapun Sequence diagram laporan pembayaran dapat dilihat pada gambar III.26.

26 62 Gambar III.26. Sequence Diagram Laporan Pembayaran 10. Sequence Diagram Laporan Penjualan Sequence diagram laporan penjualan menggambarkan rangkaian akivitas yang dilakukan admin, untuk menampilkan laporan data penjualan. Adapun Sequence diagram laporan penjualan dapat dilihat pada gambar III.27.

27 63 Gambar III.27. Sequence Diagram Laporan Penjualan 11. Sequence Diagram Laporan Laba /Rugi Sequence diagram laporan laba /rugi menggambarkan rangkaian akivitas yang dilakukan admin, untuk menampilkan laporan laba /rugi. Adapun Sequence diagram laporan laba /rugi dapat dilihat pada gambar III.28.

28 64 Gambar III.28. Sequence Diagram Laporan Laba /Rugi 12. Sequence Diagram Laporan Neraca Sequence diagram laporan neraca menggambarkan rangkaian akivitas yang dilakukan admin, untuk menampilkan laporan neraca. Adapun Sequence diagram laporan laba /rugi dapat dilihat pada gambar III.29.

29 65 Gambar III.29. Sequence Diagram Laporan Neraca 13. Sequence Diagram Laporan Jurnal Umum Sequence diagram laporan jurnal umum menggambarkan rangkaian akivitas yang dilakukan admin, untuk menampilkan laporan jurnal umum. Adapun Sequence diagram laporan jurnal umu dapat dilihat pada gambar III.30.

30 66 Gambar III.30. Sequence Diagram Laporan Jurnal Umum 14. Sequence Diagram Logout Pada sequence diagram ini dapat dilihat admin keluar dari sistem dapat dilihat pada gambar III.31. dibawah ini:

31 67 Gambar III.31. Sequence Diagram Logout III.3.2. Desain Database Database merupakan kumpulan dari data yang saling berhubungan satu dengan yang lain. Untuk merancang database secara konseptual tentunya diperlukan alat bantu, baik untuk menggambarkan keterhubungan antar data maupun pengoptimalan rancangan database. Alat bantu tersebut adalah kamus data dan desain tabel.

32 68 III Normalisasi 1. Un-Normalized. Bentuk ini mencamtumkan semua field data yang ada tampak seperti table dibawah ini : Tabel III.1. Bentuk Un-Normalisasi Id no_ktp nm_cust Alamat pekerjaan no_telp Id Indah Medan Pns nm_dealer Alamat no_telp Id no sale_id... indako medan Tanggal cicilan_ke Cicilan Denda jlh_bayar sisa_cicilan Id no_penjualan unit_id termin_id tgl_penjualan no_mesin no_rangka Mnkoo34 Skm warna Tahun Id unit_id Dp Term... hitam customer_id Cicilan Id Nm_dealer tipe Merk... Cs1 2 indako Supra125 honda... Image Otr Id Tanggal beban Jumlah b.listrik

33 69 Id tanggal Katagori Keterangan Jenis Jumlah Id aktiva penjualan debit name Password maya lucu Bentuk Normal Pertama ( 1NF ) Bentuk normalisasi pertama dapat dilihat pada tabel berikut Tabel III.2. Bentuk Normal Pertama Id no_ktp nm_cust Alamat pekerjaan no_telp Id Indah Medan Pns nm_dealer Alamat no_telp Id no sale_id... indako medan Tanggal cicilan_ke Cicilan Denda jlh_bayar sisa_cicilan Id no_penjualan unit_id termin_id tgl_penjualan no_mesin no_rangka Mnkoo34 Skm786

34 70... warna Tahun Id unit_id Dp Term... hitam customer_id Cicilan Id Nm_dealer tipe Merk... Cs indako Supra125 honda... Image Otr Id Tanggal beban jumlah isigambar b.listrik Id Tanggal Katagori Keterangan Jenis Jumlah Id aktiva penjualan debit Name Password maya lucu Bentuk Normal Kedua (2NF) Bentuk normalisasi Kedua dapat dilihat pada tabel berikut Tabel III.3. Bentuk Normal Kedua Id no_ktp nm_cust Alamat pekerjaan no_telp id Adi medan pns no sale_id Tanggal cicilan_ke cicilan Denda jlh_bayar sisa_cicilan /05/

35 71 Id no_penjuala n unit_id termin_id tgl_penjuala n /05/2012 no_mesin no_rangk a... mnhj678 9 ft warna tahun Id unit_id dp term customer_id cicilan hitam Id dealer_id Tipe Merk image otr supra125 Honda isigmbar Id nm_dealer alamat no_telp 5 indako Medan Id unit_id Dp Term customer_id ciciln id No sale_id Tanggal cicilan_ke cicilan denda /05/ jlh_bayar sisa_cicilan

36 72 4. Bentuk Normal Ketiga (3NF) Bentuk normalisasi Ketiga dapat dilihat pada tabel berikut: Tabel III.4. Bentuk Normal Ketiga III.3.4. Desain Tabel Adapun rancangan tabel database yang penulis gunakan dalam Sistem Informasi Akutansi Penjualan Kredit Sepeda Motor Pada PT. Bersama Makmur Raharzaadalah sebagai berikut:

37 73 1. Tabel Pelanggan Tabel pelanggan ini digunakan untuk menyimpan record data pelanggan. Nama Database Nama Tabel Primary Key : db_ksm : pelanggan : id Foreign Key : - Tabel III.5. Pelanggan Nama Field Tipe Data Panjang Keterangan Id Int 10 Primary Key no_ktp varchar 16 Not Null nm_cust varchar 120 Not Null Alamat Varchar 220 Not Null Pekerjaan Varchar 180 Not Null no_telp Varchar 13 Not Null created_at timestamp - - update_at timestamp Tabel dealer Tabel delaers ini digunakan untuk menyimpan record data dealer. Nama Database Nama Tabel Primary Key : db_ksm : dealer : id Foreign Key : - Tabel III.6. Dealer Nama Field Tipe Data Panjang Keterangan Id Int 10 Primary Key nm_dealer varchar 60 Not Null Alamat varchar 200 Not null no_telp varchar 13 Not Null created_at timestamp - - updated_a timestamp - -

38 74 3. Tabel Pembayaran Tabel pembayaran ini digunakan untuk menyimpan record data pembayaran. Nama Database Nama Tabel Primary Key : dp_ksm : pembayaran : id Foreign Key : - Tabel III.7. Pembayaran Nama Field Tipe Data Panjang Keterangan Id Int 10 Primary Key No Varchar 4 Not Null sale_id Int 10 Not Null Tanggal Date - Not Null cicilan_ke Varchar 255 Not Null Cicilan Double - Not Null Denda Double - Not Null jlh_bayar Double - Not Null sisa_cicilan Varchar 255 Not Null created_at Timestamp - - updated_at Timestamp Tabel Penjualan Tabel sales ini digunakan untuk menyimpan record data penjualan. Nama Database Nama Tabel Primary Key : db_ksm : Penjualan : id Tabel III.8. Penjualan Nama Field Tipe Data Panjang Keterangan Id Int 10 Primary Key no_penjualan Varchar 4 Not Null unit_id Int 10 Not Null termin_id Int 10 Not Null customer_id Int 10 Not null

39 75 tgl_penjulan Date - Not null no_mesin Varchar 255 Not null no_rangka Varchar 255 Not null Warna Varchar 10 Not null Tahun Varchar 4 Not Null created_at Timestamp - - updated_at Timestamp Tabel termin Tabel ternins ini digunakan untuk menyimpan record data cicilan. Nama Database Nama Tabel Primary Key : db_ksm : termin : id Tabel III.9. termin Nama Field Tipe Data Panjang Keterangan Id Int 10 Primary Key unit_id Int 10 Not Null Dp Double - Not Null Term Varchar 2 Not Null customer_id Int 10 Not null Cicilan Double - Not null created_at Timestamp - - updated_at Timestamp Tabel unit Tabel units ini digunakan untuk menyimpan record data unit sepeda motor. Nama Database Nama Tabel Primary Key : db_kasm : unit : id Tabel III.10. unit Nama Field Tipe Data Panjang Keterangan Id Int 10 Primary Key dealer_id Int 10 Not Null

40 76 Tipe Varchar 80 Not Null Merk Varchar 20 Not Null Image Varchar 255 Not null Otr Double - Not null created_at Timestamp - - updated_at Timestamp Tabel beban Tabel bebans ini digunakan untuk menyimpan record data unit sepeda motor. Nama Database Nama Tabel Primary Key : db_ksm : beban : id Tabel III.11. beban Nama Field Tipe Data Panjang Keterangan Id Int 10 Primary Key Tanggal Date - Not Null Beban Varchar 180 Not Null Jumlah Double - Not Null created_at Timestamp - - updated_at Timestamp Tabel neraca Tabel bebans ini digunakan untuk menyimpan record data unit sepeda motor. Nama Database Nama Tabel Primary Key : db_ksm : neraca : id Tabel III.12. neraca Nama Field Tipe Data Panjang Keterangan Id Int 10 Primary Key Tanggal Date - Not Null Kategori Varchar 20 Not Null Keterangan Varchar 180 Not Null

41 77 Jenis Varchar 20 Not null Jumlah Double - Not null created_at Timestamp - - updated_at Timestamp Tabel user Tabel users ini digunakan untuk menyimpan record data admin. Nama Database Nama Tabel Primary Key : db_ksm : user : id Foreign Key : - Tabel III.13. tabel_user Nama Field Tipe Data Panjang Keterangan Id int 2 Primary Key Name varchar 50 Not Null Varchar 255 Not Null Password varchar 100 Not Null Remember_token Varchar 100 Not Null created_at Timestamp - - updated_at Timestamp - - III.2.3. Desain User Interface Perancangan user interface merupakan implementasi dari bentuk aplikasi rancang bangun sistem informasi penjualan kredit sepeda motor yang digunakan untuk menginputkan data penjualan sepeda motor secara kredit. Dalam pembuatan user interface ini penulis menggunakan bahasa pemrograman PHP. Adapun tampilan aplikasi rancang bangun Sistem Informasi Akutansi Penjualan Kredit

42 78 Sepeda Motor Pada PT. Bersama Makmur Raharza yang penulis rancang terdiri dari : 1. Tampilan Login Dalam desain halaman login yang menjadi inputan adalah user name dan password. Adapun desain halaman login dapat dilihat pada gambar III.32 Gambar III.32. Tampilan Login 2. Tampilan Home Desain menu home pada aplikasi ini adalah desain yang pertama kali muncul ketika pertama kali sistem dijalankan. desain menu home dapat dilihat pada Gambar III Tampilan Dealer Gambar III.33. Tampilan Home

43 79 Desain halaman data dealer pada aplikasi ini adalah halaman untuk menampilkan data dealer. Rancangan desain halaman data dealer dapat dilihat pada Gambar III.34 Gambar III.34. Tampilan Dealer 4. Tampilan Input Dealer Desain tampilan input data dealer untuk menginput data dealer sepeda motor PT. Bersama Makmur Raharza, adapun tampilan desain input data dealer dapat dilihat pada gambar III.35 Gambar III.35. Tampilan Input Dealer 5. Tampilan Edit Dealer

44 80 Desain tampilan edit data dealer untuk mengedit data dealer sepeda motor PT. Bersama Makmur Raharza, adapun tampilan edit data dealer dapat dilihat pada gambar III.36 Gambar III.36. Tampilan Edit Dealer 6. Tampilan Unit Desain halaman data unit pada aplikasi ini adalah halaman untuk menampilkan data unit sepeda motor pada PT. Bersama Makmur Raharza. Rancangan desain halaman data unit dapat dilihat pada Gambar III.37 Gambar III.37. Tampilan Desain Unit 7. Tampilan Input Unit

45 81 Desain tampilan input data unit untuk menginput data unit sepeda motor PT. Bersama Makmur Raharza, adapun tampilan desain input data unit dapat dilihat pada gambar III.38 Gambar III.38. Tampilan Input Unit 8. Tampilan Edit Unit Desain tampilan edit data unit untuk mengedit data unit sepeda motor PT. Bersama Makmur Raharza, adapun tampilan edit data unit dapat dilihat pada gambar III.39

46 82 Gambar III.39. Tampilan Edit Unit 9. Tampilan Desain Customer Desain halaman data customer pada aplikasi ini adalah halaman untuk menampilkan data customer pada PT. Bersama Makmur Raharza. Rancangan desain halaman data customer dapat dilihat pada Gambar III.40 Gambar III.40. Tampilan Desain Customer

47 Tampilan Input Customer Desain tampilan input data customer untuk menginput data customer PT. Bersama Makmur Raharza, adapun tampilan desain input data customer dapat dilihat pada gambar III.41 Gambar III.41. Tampilan Input Customer 11. Tampilan Edit Customer Desain tampilan edit data customer untuk mengedit data customer PT. Bersama Makmur Raharza, adapun tampilan edit data customer dapat dilihat pada gambar III.42

48 84 Gambar III.42. Tampilan Edit Customer 12. Tampilan Desain Penjualan Desain halaman data penjualan kredit sepeda motor pada aplikasi ini adalah halaman untuk menampilkan data penjualan kredit sepeda motor pada PT. Bersama Makmur Raharza. Rancangan desain halaman data penjualan dapat dilihat pada Gambar III.43 Gambar III.43. Tampilan Penjualan

49 Tampilan Input Penjualan Desain tampilan input data penjualan kredit sepeda motor untuk menginput data penjualan kredit sepeda motor pada PT. Bersama Makmur Raharza, adapun tampilan desain input data penjualan dapat dilihat pada gambar III.44 Gambar III.44. Tampilan Input Penjualan 14. Tampilan Edit Penjualan Desain tampilan edit data penjualan untuk mengedit data penjualan PT. Bersama Makmur Raharza, adapun tampilan edit data penjualan dapat dilihat pada gambar III.45

50 86 Gambar III.45. Tampilan Edit Penjualan 15. Tampilan Desain Pembayaran Desain halaman data pembayaran kredit sepeda motor pada aplikasi ini adalah halaman untuk menampilkan data pembayaran kredit sepeda motor pada PT. Bersama Makmur Raharza. Rancangan desain halaman data pembayaran dapat dilihat pada Gambar III.46 Gambar III.46. Tampilan Pembayaran

51 Tampilan Input Pembayaran Desain tampilan input data pembayaran kredit sepeda motor untuk menginput data pembayaran kredit sepeda motor pada PT. Bersama Makmur Raharza, adapun tampilan desain input data penjualan dapat dilihat pada gambar III.47 Gambar III.47. Tampilan Input Pembayaran 17. Tampilan Edit Pembayaran Desain tampilan edit data pembayaran untuk mengedit data pembayaran PT. Bersama Makmur Raharza, adapun tampilan edit data pembayaran dapat dilihat pada gambar III.48

52 88 Gambar III.48. Tampilan Edit Pembayaran 18. Tampilan Beban Desain halaman data beban pada aplikasi ini adalah halaman untuk menampilkan data beban pada PT. Bersama Makmur Raharza. Rancangan desain halaman data beban dapat dilihat pada Gambar III.49 Gambar III.49. Tampilan Beban

53 Tampilan Input Beban Desain tampilan input data beban untuk menginput data beban pada PT. Bersama Makmur Raharza, adapun tampilan desain input data beban dapat dilihat pada gambar III.50 Gambar III.50. Tampilan Input Beban 20. Tampilan Edit Beban Desain tampilan edit data beban untuk mengedit data beban PT. Bersama Makmur Raharza, adapun tampilan edit data beban dapat dilihat pada gambar III.51 Gambar III.51. Tampilan Edit Beban

54 Tampilan Neraca Desain halaman data neraca pada aplikasi ini adalah halaman untuk menampilkan data neraca pada PT. Bersama Makmur Raharza. Rancangan desain halaman data neraca dapat dilihat pada Gambar III.52 Gambar III.52. Tampilan Neraca 22. Tampilan Input Neraca Desain tampilan input data neraca untuk menginput data neraca pada PT. Bersama Makmur Raharza, adapun tampilan desain input data neraca dapat dilihat pada gambar III.53 Gambar III.53. Tampilan Input Neraca

55 Tampilan Edit Neraca Desain tampilan edit data neraca untuk mengedit data neraca PT. Bersama Makmur Raharza, adapun tampilan edit data neraca dapat dilihat pada gambar III.54 Gambar III.54. Tampilan Edit Neraca 24. Tampilan Desain Laporan Pembayaran Desain tampilan laporan pembayaran pada aplikasi ini adalah halaman menampilkan laporan pembayaran. Desain tampilan laporan pembayaran dapat dilihat pada Gambar III.55 Gambar III.55. Tampilan Desain Laporan Pembayaran

56 92 Hasil inputan periode berdasarkan bulan dengan menekan tombol cari maka tampilan hasil laporan pembayaran dapat dilihat pada gambar III.56 Gambar III.56. Tampilan Desain Output Laporan Pembayaran 25. Tampilan Desain Laporan Penjualan Desain tampilan laporan penjualan pada aplikasi ini adalah halaman menampilkan laporan penjualan. Desain tampilan laporan penjualan dapat dilihat pada Gambar III.57 Gambar III.57. Tampilan Desain Laporan Penjualan Hasil inputan periode berdasarkan bulan dengan menekan tombol cari maka tampilan hasil laporan penjualan dapat dilihat pada gambar III.58

57 93 Gambar III.58. Tampilan Desain Output Laporan Penjualan 26. Tampilan Desain Laporan Laba / Rugi Desain tampilan laporan laba rugi pada aplikasi ini adalah halaman menampilkan laporan laba rugi. Desain tampilan laporan laba rugi dapat dilihat pada Gambar III.59 Gambar III.59. Tampilan Desain Laporan Laba /Rugi Hasil inputan periode berdasarkan bulan dengan menekan tombol cari maka tampilan hasil laporan laba rugi dapat dilihat pada gambar III.60

58 94 Gambar III.60. Tampilan Desain Output Laporan Laba /Rugi 27. Tampilan Desain Laporan Neraca Desain tampilan laporan neraca pada aplikasi ini adalah halaman menampilkan laporan neraca. Desain tampilan laporan neraca dapat dilihat pada Gambar III.61 Gambar III.61. Tampilan Desain Laporan Neraca

59 95 Hasil inputan periode berdasarkan bulan dengan menekan tombol cari maka tampilan hasil laporan neraca dapat dilihat pada gambar III.62 Gambar III.62. Tampilan Desain Output Laporan Neraca 28. Tampilan Desain Laporan Jurnal Umum Desain tampilan laporan jurnal umum pada aplikasi ini adalah halaman menampilkan laporan jurnal umum. Desain tampilan laporan jurnal umum dapat dilihat pada Gambar III.63 Gambar III.63. Tampilan Desain Laporan Jurnal Umum

60 96 Hasil inputan periode berdasarkan bulan dengan menekan tombol cari maka tampilan hasil laporan neraca dapat dilihat pada gambar III.64 Gambar III.64. Tampilan Desain Output Laporan Jurnal Umum