37
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.
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-input- kan 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:
Konsumen Surveyor/Leasing Adm.Marketing Main Dealer
Gambar III.1. Flow Of Document (FOD) PT. Bersama Makmur Raharja
Data Motor
Data kredit sepeda motor
Laporan Data
konsumen
Data Motor Data konsumen
Pengecekan persyaratan konsumen
persyaratan
Data konsumen
disetujui ditolak
Buat data kredit motor
Data kredit sepedamotor
Buat data penjualan kredit motor
data penjualan kredit motor
data pembelian kredit sepeda
motor Laporan
Penjualan
N
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 peng- input-an data sepeda motor yang ada dan juga laporan. Sistem informasi yang
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.3.1.1. 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
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
III.3.1.2. 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.
+add() +edit() +delet() -+id -+nm_dealer -+alamat -+no_telp -+created_at -+updated_at dealer
+add() +edit() +delet() -id -dealer_id -tipe -merk -image -craeted_at -update_at unit
+save() +change() +drop() -id -name -email -password -remember_token -created_at -update_at
user
+add() +edit() +delete() -id -no_penjualan -unit_id -customer_id -tgl_penjualan -no_mesin -no_rangka -warna -tahun -created_at -updated_at
sales
+add() +edit() +delete() -id -sale_id -no -tanggal -cicilan_ke -cicilan -denda -jlh_bayar -sisa_cicilan -created_at -updated_at
payments
+add() +edit() +delete() -id -unit_id -dp -term -cicilan -created -updated_at
termins
+add() +edit() +delete() -id -no_ktp -nm_cust -alamat -pekerjaan -no_telp -created_at -updated_at
customers
+add() +edit() +delete() -id -tanggal -beban -jumlah -created_at -update_at beban
+add() +edit() +delet() -id -tanggal -kategori -keterangan -jenis -jumlah -created_at -updated_at
neraca
Gambar III.3 Class Diagram
44
III.3.1.3 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
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.
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
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.
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
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.
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
11. 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.
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
14. 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.3.1.4. 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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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:
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.
68
III.3.2.1. 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 ...
1209654 Indah Medan Pns 0823456
... nm_dealer Alamat no_telp Id no sale_id ...
indako medan 0612346 2 12
... Tanggal cicilan_ke Cicilan Denda jlh_bayar sisa_cicilan
12-5-2015 1 500000 0 500000 12
Id no_penjualan unit_id termin_id tgl_penjualan no_mesin no_rangka ....
001 2 12 02-5-2015 Mnkoo34 Skm786
... warna Tahun Id unit_id Dp Term ....
hitam 2014 6 12000000 18
... customer_id Cicilan Id Nm_dealer tipe Merk ...
Cs1 2 indako Supra125 honda
... Image Otr Id Tanggal beban Jumlah
18000000 12-4-2010 b.listrik 120000
Id tanggal Katagori Keterangan Jenis Jumlah Id ....
09-11-2012 aktiva penjualan debit 200000
... name Email Password
maya lucu 12345
2. 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 ...
001 1209654 Indah Medan Pns 0823456 002
... nm_dealer Alamat no_telp Id no sale_id ...
indako medan 0612346 003 2 001
... Tanggal cicilan_ke Cicilan Denda jlh_bayar sisa_cicilan
12-5-2015 1 500000 0 500000 12
Id no_penjualan unit_id termin_id tgl_penjualan no_mesin no_rangka ....
003 001 2 12 02-5-2015 Mnkoo34 Skm786
70
... warna Tahun Id unit_id Dp Term ....
hitam 2014 004 6 12000000 18
... customer_id Cicilan Id Nm_dealer tipe Merk ...
Cs1 2 005 indako Supra125 honda
... Image Otr Id Tanggal beban jumlah
isigambar 18000000 006 12-4-2010 b.listrik 120000
Id Tanggal Katagori Keterangan Jenis Jumlah Id ....
007 09-11-2012 aktiva penjualan debit 200000 008
... Name Email Password
maya lucu 12345
3. 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 ...
1 578 Adi medan pns 245334 2
... no sale_id Tanggal cicilan_ke cicilan Denda jlh_bayar sisa_cicilan
11 1 12/05/2012 2 50000 0 50000 18
Id
no_penjuala
n unit_id termin_id
tgl_penjuala
n no_mesin
no_rangk
a ...
3 1 2 20 12/05/2012
mnhj678
9 ft6754
... warna tahun Id unit_id dp term customer_id cicilan
hitam 2014 4 876 2000000 20 45676 50000
Id dealer_id Tipe Merk image otr
4 45674 supra125 Honda isigmbar 18000000
Id nm_dealer alamat no_telp
5 indako Medan 616785
Id unit_id Dp Term customer_id ciciln id ....
4 876 200000 20 45676 500000 2
... No sale_id Tanggal cicilan_ke cicilan denda ...
11 1 12/05/2012 2 500000 0
... jlh_bayar sisa_cicilan
500000 18
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:
1. Tabel Pelanggan
Tabel pelanggan ini digunakan untuk menyimpan record data pelanggan.
Nama Database : db_ksm Nama Tabel : pelanggan Primary Key : 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 - -
2. Tabel dealer
Tabel delaers ini digunakan untuk menyimpan record data dealer.
Nama Database : db_ksm Nama Tabel : dealer Primary Key : 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 - -
74
3. Tabel Pembayaran
Tabel pembayaran ini digunakan untuk menyimpan record data pembayaran . Nama Database : dp_ksm
Nama Tabel : pembayaran Primary Key : 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 - -
4. Tabel Penjualan
Tabel sales ini digunakan untuk menyimpan record data penjualan . Nama Database : db_ksm
Nama Tabel : Penjualan Primary Key : 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
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 - -
5. Tabel termin
Tabel ternins ini digunakan untuk menyimpan record data cicilan . Nama Database : db_ksm
Nama Tabel : termin Primary Key : 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 - -
6. Tabel unit
Tabel units ini digunakan untuk menyimpan record data unit sepeda motor . Nama Database : db_kasm
Nama Tabel : unit Primary Key : id
Tabel III.10. unit
Nama Field Tipe Data Panjang Keterangan
Id Int 10 Primary Key
dealer_id Int 10 Not Null
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 - -
7. Tabel beban
Tabel bebans ini digunakan untuk menyimpan record data unit sepeda motor . Nama Database : db_ksm
Nama Tabel : beban Primary Key : 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 - -
8. Tabel neraca
Tabel bebans ini digunakan untuk menyimpan record data unit sepeda motor . Nama Database : db_ksm
Nama Tabel : neraca Primary Key : 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
Jenis Varchar 20 Not null
Jumlah Double - Not null
created_at Timestamp - -
updated_at Timestamp - -
9. Tabel user
Tabel users ini digunakan untuk menyimpan record data admin.
Nama Database : db_ksm Nama Tabel : user Primary Key : id Foreign Key : -
Tabel III.13. tabel_User
Nama Field Tipe Data Panjang Keterangan
Id int 2 Primary Key
Name varchar 50 Not Null
Email 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
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.33
Gambar III.33. Tampilan Home 3. Tampilan Dealer
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
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
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
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
10. 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
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
13. 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
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
16. 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
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
19. 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
90
21. 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
23. 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
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
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
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
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
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