BAB IV RANCANGAN SISTEM USULAN

BAB IV RANCANGAN SISTEM USULAN 4.1. Analisa Kebutuhan Software Analisa kebutuhan software merupakan langkah awal, kondisi, kriteria, syarat atau kemampuan yang harus dimiliki oleh perangkat lunak untuk menentukan gambaran perangkat yang dihasilkan ketika pengembang melaksanakan sebuah proyek pembuatan perangkat lunak atau untuk memenuhi apa yang disyaratkan dan diinginkan oleh pemakai. 4.1.1. Analisa Kebutuhan Analisa kebutuhan merupakan suatu kegiatan untuk mengetahui, merancang mengidentifikasi permasalahan-permasalahan yang terdapat pada sistem dan menentukan kebutuhan-kebutuhan dari sistem yang dibangun. Analisa kebutuhan sistem sangat dibutuhkan pada proses bisnis di CV. Trans Kalimantan Pontianak, sistem yang digunakan harus sesuai dengan kebutuhan yang ada pada CV. Trans Kalimantan Pontianak, maka terdapat kebutuhan dalam mengelola data pengiriman barang, nota pengiriman, surat jalan dan laporan pengiriman. Program aplikasi yang dibuat hanya bisa dipakai oleh admin dan pimpinan, tujuan pembuatan program aplikasi ini adalah untuk mempermudah dalam proses pengiriman barang dan penyimpanan data pengiriman. Berikut ini adalah analisa kebutuhan pengguna akan sistem pengiriman barang pada CV. Trans Kalimantan Pontianak: 42

43 1. Bagian Admin Login a. Dapat Mengelola Data Akun b. Dapat Mengelola Data Customer c. Dapat Mengelola Surat Jalan d. Mengelola Nota Pengiriman e. Mengelola Surat Jalan Supir f. Mengelola Rekapan Pengiriman g. Mengelola Jurnal Umum h. Mengelola Buku Besar 2. Bagian Admin Logout 4.2.1. Use Case Diagram Use case diagram merupakan diagram yang bekerja dengan cara mendeskripsikan tipikal interaksi antara user sebuah sistem dengan suatu sistem tersendiri melalui sebuah cerita bagaimana sebuah sistem tersebut dipakai. Dibawah ini merupakan gambar use case diagram sistem usulan yang diusulkan penulis sebagai berikut: 1. Use Case Diagram Login Sistem Usulan Use case diagram login merupakan proses login user untuk masuk ke dalam sistem. Berikut gambar use case diagram login yang diusulkan:

44 Gambar IV.1 Use Case Diagram Login Sistem Usulan Tujuan Deskripsi Aktor Kondisi Awal Aksi Aktor 1.Aktor Memilih tombol Masuk 2. Aktor Memilih tombol Batal Kondisi Akhir Tabel IV.1 Use Case Deskripsi Login Use Case Narative Login Melakukan login dan masuk kedalam sistem menu utama Sistem ini memungkinkan aktor untuk mengakses penginputan pengiriman Skenario Aktor Bagian admin Aktor membuka aplikasi pengiriman barang Reaksi Sistem Sistem akan menampilkan texbox untuk mengisi username dan password Sistem akan membatalkan proses dan keluar dari aktivitas Jika perintah sesuai maka sistem akan masuk kedalam aplikasi pengiriman barang dan aktor dapat melakukan aktivitas didalam sistem. 2. Use Case Diagram Menu Utama Sistem Usulan Use case ini merupakan sistem yang memungkinkan user untuk mengelola sistem pencatatan pengiriman mulai dari input data sampai dengan pembuatan laporan. Berikut ini gambar uce case diagram menu utama yang diusulkan:

45 Gambar IV.2 Use Case Diagram Menu Utama Sistem Usulan Tujuan Deskripsi Aktor Aksi Aktor Kondisi Akhir Tabel IV.2 Use Case Deskripsi Menu Utama Use Case Narative Menu Utama Bagian user dapat melakukan pengolahan data yang ada di menu data master, menu pengiriman dan menu laporan Sistem ini memungkinkan aktor untuk mengelola data pengiriman mulai dari input data sampai pada pembuatan laporan Skenario Aktor Bagian User 1. Aktor Memilih menu data master 2. Aktor memilih menu pengiriman 3. Aktor memilih menu laporan Jika perintah sesuai maka sistem akan menampilkan menu utama.

46 4.3.1. Activity Diagram Activity diagram adalah untuk menggambarkan bebagai aliran aktivitas dalam sistem yang sedang di rancang dan juga dapat menggambarkan proses pararel yang mungkin terjadi pada beberapa eksekusi. Berikut ini beberapa gambar activity diagram sistem usulan yang diusulkan penulis: 1. Activity Diagram Login Sistem Usulan Login sistem merupakan tahap awal bagi user untuk masuk kedalam sistem. Berikut gambar activity diagram login sistem yang diusulkan: Gambar IV.3 Activity Diagram Login Sistem Usulan Gambar diatas menjelaskan bagaimana cara masuk ke dalam sistem, yaitu dengan cara memasukan username dan password user dengan benar agar bisa masuk ke dalam sistem tersebut.

47 2. Activity Diagram Login Menu Utama Sistem Usulan Login menu utama merupakan proses login masuk langsung ke menu utama dimana user bisa mengelola semua menu yang ada pada sistem dan memiliki tanggung jawab untuk pengolahan data pada sistem. Berikut gambrar activity diagram login menu utama sistem yang diusulkan: Gambar IV.4 Activity Diagram Login Menu Utama Sistem Usulan Gambar sistem diatas menjelaskan bahwa user dapat melakukan pengolahan data di menu master dan menu pengiriman, dan dapat melihat pengolahan data pembukuan di menu laporan.

48 3. Activity Diagram Data Master Sistem Usulan Sistem ini memungkinkan user dapat mengelolah sistem data mulai dari menambah data sampai melihat data. Berikut gambrar activity diagram menu master sistem yang diusulkan: Gambar IV.5 Activity Diagram Data Master Sistem Usulan Gambar diatas menjelaskan bahwa user dapat menambah dan melihat data akun, data customer, dan surat jalan customer. 4. Activity Diagram Data Customer Sistem Usulan Data customer merupakan bagian dimana user bisa membuat data customer yang ingin mengirim barang. Berikut gambar activity diagram data customer yang diusulkan:

49 Gambar IV.6 Activity Diagram Data Customer Sistem Usulan Gambar diatas menjelaskan bahwa bagian user dapat mencari data customer yang diperlukan, menambah data customer, menyimpan data customer, mengedit dan menghapus. 5. Activity Diagram Data Barang Sistem Usulan Data barang adalah bagian dimana user bisa mengelola data barang pengeiriman yang ingindikirim. Berikut gambar activity diagram data barang yang diusulkan:

50 Gambar IV.7 Activity Diagram Data Barang Sistem Usulan Gambar diatas menjelaskan bahwa disini user bisa mencari data barang yang diperlukan, menambah data barang baru lalu menyimpan data tersebut, dan bisa juga menghapus data yang sudah tidak diperlukan lagi. 6. Activity Diagram Pengiriman Sistem Usulan Sistem ini memungkinkan user dapat mengelola data pengiriman mulai dari input sampai mencetak nota. Berikut gambrar activity diagram pengiriman sistem yang diusulkan:

51 Gambar IV.8 Activity Diagram Menu Pengiriman Sistem Usulan Gambar diatas menjelakan bagian user dapat mengelola data yang ada di menu pengiriman, pengelolahan data yang dapat dilakukan di menu ini yaitu menginput sampai mencetak nota pengiriman. 7. Activity Diagram Rekapan Pengiriman Sistem Usulan Sistem ini dapat memungkinkan user untuk melihat data rekapan pengiriman dan mencetak rekapan pengiriman tersebut. Berikut gambar activity diagram rekapan pengiriman yang diusulkan:

52 Gambar IV.9 Activity Diagram Rekapan Pengiriman Sistem Usulan 8. Activity Diagram Laporan Sistem Usulan Sistem ini dapat memungkinkan user melihat data laporan dan mencetak laporan. Berikut gambar activity diagram menu laporan sistem yang diusulkan:

53 Gambar IV.10 Activity Diagram Menu Laporan Sistem Usulan Gambar diatas menjelaskan bahwa user dapat melakukan pengolahan data laporan yang ada di menu laporan dan mencetak laporan tersebut lalu di berikan ke pada pimpinan. 4.2. Desain Desain merupakan perencanaan dalam pembuatan sebuah objek, sistem, komponen atau struktur. Kemudian kata desain juga dapat digunakan sebagai kata benda maupun kata kerja. Desain juga merupakan seni terapan dan rekayasa yang berintegrasi dengan teknologi, mengontruksi sebuah sistem yang memberikan kepuasan akan spesifikasi kebutuhan fungsional, memenuhi target, memenuhi kebutuhan secara implisit atau eksplisit.

54 4.2.1. Entity Relationship Diagram (ERD) Entity relationship diagram merupakan suatu model untuk menjelaskan hubungan antara data dalam basis data berdasarkan objek-objek dasar data yang mempunyai hubungan atar relasi. Erd untuk memodelkan struktur data dan hubungan antara data, untuk menggambarkannya digunakan beberapa notasi dan simbol. Adapun hubungan keterkaitan antar tabel di dalam basis data akan dijelaskan berupa gambar di bawah ini: Gambar IV.11 Entity Relationship Diagram (ERD) Keterangan Kardinalitas 1 : 1 (one to one) Kardinalitas 1 : M (one to many) Kardinalitas M : M (many to many)

55 4.2.2. Logical Record Structure (LRS) Logical record structure merupakan adalah representasi dari struktur record-record pada tebel-tabel yang terbentuk dari hasil antar himpunan entitas. Menentukan kardinalitas, jumlah table dan Foreign Key. Adapun logical record structure (LRS) yang dirancang oleh penulis yaitu: Gambar IV.12 Logical Record Structure (LRS) 4.2.3. Spesifikasi File Didalam pembuatan program dibutuhkan susatu spesifikasi file yang dimaksudkan untuk dapat melakukan kegiatan-kegiatan dalam pengeturan dan pecarian data dan pembuatan laporan yang dapat mempermudah kerja sistem komputer. Untuk itu sistem pengolahan data ini membutuhkan spesifikasi file

56 untuk mempermudah dalam melakukan pemrograman yang dapat dilihat dari tabel-tabel berikut ini: 1. Spesifikasi User Nama File Akronim Fungsi Tipe File Media File Organisasi File Akses File Panjang Record Kunci Field : User : User.myd : Mengelola data pengiriman barang : Master : Harddisk : Index Sequential : Random : 63 Byte : username Software : MySQL 3.4.11 Tabel IV.3 Spesifikasi User No. Elemen data Akronim Tipe Size Keterangan 1. Username username Varchar 10 Primary key 2. Password password Varchar 10 3. Nama nama_user Varchar 30 4. Telpon telp Char 13 2. Spesifikasi Customer Nama File Akronim Fungsi Tipe file Media File : Customer : Customer.myd : Mengelola Data Pengiriman : Master : Harddisk

57 Organisasi File Akses File Panjang Record Kunci Field : Index Sequential : Random : 193 Byte : id_akun Software : MySQL 3.4.11 Tabel IV.4 Spesifikasi Customer No. Elemen data Akronim Tipe Size Keterangan 1. Id customer id_customer Char 10 Primary key 2. Nama customer nama_customer Varchar 30 3. Alamat alamat Varchar 50 4. Kecamatan kecamatan Varchar 30 5. Kabupaten kabupaten Varchar 30 6. Provinsi provinsi Varchar 30 7. Telp telp Char 13 3. Spesifikasi Nota Pengiriman Nama File Akronim Fungsi Tipe File Media File Organisasi File Akses File Panjang Record Kunci Field : Nota Pengiriman : Nota Pengiriman.myd : Bukti pembayaran pengiriman barang : Master : Harddisk : Index Sequential : Random : 75 Byte : no_nota Software : MySQL 3.4.11

58 Tabel IV.5 Spesifikasi Nota Pengiriman No. Elemen data Akronim Tipe Size Keterangan 1. No Nota no_nota Char 10 Primary key 2. No Invoice no_invoice Char 10 Foreign key 3. Biaya Kirim biaya_kirim Varchar 15 4. No mobil no_mobil Varchar 10 5. Tanggal Kirim tanggal_kirim Date 6. Nama supir nama_supir Varchar 30 4. Spesifikasi Surat Jalan Supir Nama File Akronim Fungsi : Surat Jalan Supir : Surat Jalan Supir.myd : Tanda terima barang yang dikirim untuk customer tujuan Tipe File Media Organisasi File Akses File Panjang Record Kunci Field : Master : Harddisk : Index Sequential : Random : 155 Byte : id_jurnal Software : MySQL 3.4.11 Tabel IV.6 Spesifikasi Surat Jalan Supir No. Elemen Data Akronim Tipe Size Keterangan 1. No mobil no_mobil Varchar 10 Primary key 2. No nota no_nota Char 10 Foreign key 3. tanggal tanggal Date 4. Nama barang nama_barang Varchar 30 5. jumlah jumlah Char 15 6. Nama customer nama_customer Varchar 30

59 7. Customer tujuan customer_tujuan Varchar 30 8. Keterangan keterangan Varchar 30 5. Spesifikasi Jurnal Umum Nama File Akronim Fungsi Tipe File Media Organisasi File Akses File Panjang Record Kunci Field : Jurnal Umum : Jurnal Umum.myd : Sebagai Bukti Pengiriman Barang : Master : Harddisk : Index Sequential : Random : 60 Byte : id_jurnal Software : MySQL 3.4.11 Tabel IV.7 Spesifikasi Jurnal Umum No. Elemen data Akronim Tipe Size Keterangan 1. Id Jurnal id_jurnal Char 5 Primary key 2. No Nota no_nota Char 10 Foreign key 3. Tanggal tanggal Date 4. Keterangan keterangan Varchar 30 5. Total total Char 15 6. Spesifikasi Akun Nama File Akronim : Akun : Akun.myd Fungsi : - Tipe File : Master

60 Media File Organisasi File Akses File Panjang Record Kunci Field : Harddisk : Index Sequential : Random : 75 Byte : kode_akun Software : MySQL 3.4.11 Tabel IV.8 Spesifikasi Akun No. Elemen data Akronim Tipe Size Keterangan 1. Kode Akun kode_akun Char 5 Primary key 2. Nama Akun nama_akun Varchar 30 3. Jenis jenis Varchar 25 4. Saldo Normal saldo_normal Varchar 15 7. Spesifikasi Tarif Nama File Akronim : Tarif : Tarif.myd Fungsi : - Tipe File Media File Organisasi File Akses File Panjang Record Kunci Field : Master : Harddisk : Index Sequential : Random : 15 Byte : biaya_kirim Software : MySQL 3.4.11

61 Tabel IV.9 Spesifikasi Tarif No. Elemen data Akronim Tipe Size Keterangan 1. Biaya Kirim biaya_kirim Varchar 15 Primary key 4.2.4. Software Architecture Software architecture adalah struktur sistem dari suatu program atau sistem komputer yang terdiri dari komponen-komponen perangkat lunak, ciri yang tampak secara eksternal dari komponen-komponen tersebut, serta hubungan antara komponen tersebut. 1. Sequence Diagram Sistem Usulan Sequence diagram digunakan untuk menggambarkan interaksi antara objek didalam dan di sekitar sistem yang berupa pesan yang digambarkan terhadap waktu. Berikut ini adalah diagram sekuen sistem usulan: a. Sequence Diagram Login Sistem Usulan Didalam sistem ini terdapat isi perintah memasukkan username dan password dalam menu login, untuk menampilkan menu utama. Berikut gambar sequence diagram login sistem yang diusulkan:

62 Sumber : Hasil Perancangan (2017) Gambar IV.13 Sequence Diagram Login Sistem Usulan Gambar diatas melakukan login kedalam sistem, mengontrol login sampai berhasil masuk ke menu utama. b. Sequence Diagram Data Customer Sistem Usulan Sistem ini memungkinkan user mengelola sistem data customer, dari proses penambahan sampai penginputan. Berikut gambar sequence diagram data customer sistem yang diusulkan:

63 Sumber : Hasil Rancancangan (2017) Gambar IV.14 Sequence Diagram Data Customer Sistem Usulan Gambar diatas menjelaskan bagian user dapat menampilkan atau melakukan pengolahan data yang ada di form data customer dan mengontrol data customer. c. Sequence Diagram Nota Pengiriman Sistem Usulan Sistem ini berguna untuk menginput nota pengiriman. Berikut gambrar sequence diagram nota pengiriman sistem yang diusulkan:

64 Gambar IV.15 Sequence Diagram Nota Pengiriman Sistem Usulan Gambar ini menjelaskan proses penginputan nota pengiriman agar dapat dicetak menjadi bukti pengiriman. d. Sequence Diagram Surat Jalan Supir Sistem Usulan Sistem ini adalah sistem halaman surat jalan supir. Berikut gambar sequence diagram surat jalan supir yang diusulkan:

65 Gambar IV.16 Sequence Diagram Surat Jalan Supir Sistem Usulan Gambar ini menjelaskan tentang pembuatan dan pencetakan surat jalan supir yang dibuat oleh user pada halaman surat jalan supir. e. Sequence Diagram Jurnal Umum Sistem Usulan Sistem ini menggambarkan proses untuk mengelola laporan jurnal umum. Berikut gambar dari squence diagram jurnal umum sistem yang diusulkan:

66 Gambar IV.17 Sequence Diagram Jurnal Umum Sistem Usulan Gambar ini menjelaskan proses halaman jurnal umum dalam pembuatan laporan jurnal umum. 2. Deployment Diagram Sistem Usulan Deployment diagram adalah diagram yang digunakan memetakan software ke processing node. Menunjukkan konfigurasi elemen proses pada saat run time dan software yang ada didalamnya. Berikut ini adalah diagram deployment sistem usulan:

67 Gambar IV.18 Deployment Diagram Sistem Usulan Gambar diatas menjelaskan program dan perangkat yang digunakan dalam sistem usulan mulai dari device, internet, bahasa program, dan database. 4.2.5. User Interface User interface merupakan bentuk tampilan yang grafis dan berhubungan langsung dengan pengguna, serta berfungsi untuk menghubungkan pengguna dengan sistem operasi sehingga komputer tersebut bisa berguna. Berikut ini adalah tampilan beberapa menu-menu program yang diusulkan: 1. Tampilan Login Program Tampilan login program ini merupakan tampilan halaman login user yang berfungsi sebagai keamanan sistem. Berikut tampilan login yang diusulkan:

68 Gambar IV.19 Tampilan Login Program Gambar diatas menjelaskan bahwa hanya user yang memiliki izin atau mempunyai hak saja yang boleh menggunakan program tersebut. 2. Tampilan Menu Utama Program Menu utama merupakan halaman dimana semua menu ada didalamnya. Berikut tampilan menu utama yang diusulkan: Gambar IV.20 Menu Utama Program Gambar diatas menjelaskan bahwa menu utama berisikan menu master, menu pengiriman, dan menu laporan yang mempunyai fungsi masing-masing pada setiap menu.

69 3. Tampilan Menu Data Master Program Menu data master adalah menu bagian dari sub menu yang terdiri dari data akun, data customer data barang dan surat jalan. Berikut tampilan menu data master yang diusulkan: Gambar IV.21 Tampilan Menu Data Master Program Gambar diatas menjelaskan menu yang terdapat dalam menu data master yang mana masing-masing dari menu tersebut berfungsi menyimpan dan menampilkan data. 4. Tampilan Menu Pengiriman Program Menu pengiriman adalah bagian sub menu yang tediri dari menu nota pengiriman dan surat jalan supir. Berikut tampilan menu pengiriman yang diusulkan:

70 Gambar IV.22 Tampilan Menu Pengiriman Program Gambar diatas menjelaskan tentang menu yang terdapat dalam menu pengiriman yang berfungsi untuk membuat dan menyimpan data pengiriman. 5. Tampilan Menu Laporan Program Menu laporan adalah bagian sub menu yang tediri dari menu jurnal umum, buku besar, dan rekapan pengiriman. Berikut tampilan menu laporan yang diusulkan: Gambar IV.23 Tampilan Menu Laporan Program

71 Gambar diatas menjelaskan tentang laporan, dimana laporan tersebut yang nantinya dicetak oleh bagian admin dan diberikan kepada pimpinan. 6. Tampilan Data Customer Data customer adalah data lengkap customer yang ingin mengirim barang yang dilihat dari surat jalan customer. Berikut tampilan data customer yang diusulkan: Gambar IV.24 Tampilan Data Customer Gambar diatas menjelaskan bahwa user bisa menambah data customer yang baru, dan bisa melihat kembali data customer yang lama. 7. Tampilan Data Barang Data barang merupakan penginputan nama-nama barang customer yang akan dikirimkan. Berikut tampilan data barang yang diusulkan:

72 Gambar IV.25 Tampilan Data Barang Gambar diatas menjelaskan bahwa disini user bisa menambah data barang baru, menyimpan, menghapus dan juga bisa melihat kembali data barang yang sudah ada. 8. Tampilan Nota Pengiriman Nota pengiriman merupakan menu yang dibuat untuk mengolah proses registrasi pengiriman. Berikut tampilan nota pengiriman yang diusulkan: Gambar IV.26 Tampilan Nota Pengiriman

73 Gambar diatas menjelaskan tentang penginputan nota pengiriman jika ada customer yang ingin mengirim barang. 9. Tampilan Surat Jalan Supir Surat jalan supir merupakan surat tanda pengiriman barang yang dibawa oleh supir. Berikut tampilan surat jalan supir yang diusulkan: Gambar IV.27 Tampilan Surat Jalan Supir Gambar diatas menjelaskan, dimana surat jalan tersebut dibuat oleh bagian admin dan dicetak sebagai bukti pengiriman barang yang dibawa oleh supir. 10. Tampilan Jurnal Umum Jurnal umum merupakan pencatatan transaksi pengiriman. Berikut tampilan dari jurnal umum yang diusulkan:

74 Gambar IV.28 Tampilan Jurnal Umum Gambar diatas menjelaskan bahwa jurnal umum adalah hasil transaksi semua nota pengiriman yang muncul dalam periode tertentu. 11. Tampilan Buku Besar Buku besar merupakan buku utama pencatatan transaksi keuangan. Berikut tampilan buku besar yang diusulkan: Gambar IV.29 Tampilan Buku Besar

75 Gambar diatas menjelakan bahwa buku besar adalah proses pengumpulan data-data transaksi, setiap transaksi yang telah dicatatat dalam jurnal akan diposting atau dipindahkan ke dalam buku besar. 12. Tampilan Rekapan Pengiriman Tampilan ini merupakan hasil dari rekapan nota pengiriman. Berikut gambar dari rekapan pengiriman yang diusulkan: Gambar IV.30 Tampilan Rekapan Pengiriman Gambar diatas menjelaskan bahwa rekapan pengiriman di dapat dari nota pengiriman barang. 13. Tampilan Cetak Nota Pengiriman Inilah hasil dari pencetakan nota pengiriman pada CV. Trans Kalimantan yang diusulkan sebagai berikut:

76 Gambar IV.31 Tampilan Cetak Nota Pengiriman bagian admin. Gambar diatas adalah hasil dari nota pengiriman yang telah dicetak oleh 4.2.6. Spesifikasi Hardware dan Software 1. Kebutuhan perangkat keras Adapun spesifikasi perangkat keras yang dibutuhkan untuk sistem yang akan dibangun sebagai berikut: a. Processor : 1.6 Ghz b. Harddisk : 100 Gb c. Memory : 1 Gb d. Monitor : 15 e. Mouse dan Keyboard f. Printer

77 2. Kebutuhan perangkat lunak Adapun spesifikasi perangkat lunak yamg dapat digunakan selama pengembangan sistem adalah sebagai berikut: a. Sistem Operasi : Microsoft Windows 7 b. Xampp Server : v3.2.2 c. Bahasa Pemrograman : Hypertext Processor (PHP) d. Mozilla Firefox, Internet Explorer dan Google Chrome e. Apache f. MySQL g. NetBeans : 8.2