BAB IV RANCANGAN SISTEM USULAN...Gambar IV.6 Activity Diagram Data Customer Sistem Usulan Gambar diatas menjelaskan bahwa bagian user dapat mencari data customer yang diperlukan, menambah

42

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:

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

Sumber : Hasil Rancangan (2017)

Gambar IV.1 Use Case Diagram Login Sistem Usulan

Tabel IV.1

Use Case Deskripsi Login

Use Case Narative Login

Tujuan Melakukan login dan masuk kedalam sistem menu

utama

Deskripsi Sistem ini memungkinkan aktor untuk mengakses

penginputan pengiriman

Skenario Aktor

Aktor Bagian admin

Kondisi Awal Aktor membuka aplikasi pengiriman barang

Aksi Aktor Reaksi Sistem

1.Aktor Memilih tombol

Masuk

2. Aktor Memilih tombol

Batal

Sistem akan menampilkan texbox untuk mengisi

username dan password

Sistem akan membatalkan proses dan keluar dari

aktivitas

Kondisi Akhir

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

Tabel IV.2

Use Case Deskripsi Menu Utama

Use Case Narative Menu Utama

Tujuan

Bagian user dapat melakukan pengolahan data yang

ada di menu data master, menu pengiriman dan menu

laporan

Deskripsi

Sistem ini memungkinkan aktor untuk mengelola data

pengiriman mulai dari input data sampai pada

pembuatan laporan

Skenario Aktor

Aktor Bagian User

Aksi Aktor

1. Aktor Memilih menu data master

2. Aktor memilih menu pengiriman

3. Aktor memilih menu laporan

Kondisi Akhir 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 : User

Akronim : User.myd

Fungsi : Mengelola data pengiriman barang

Tipe File : Master

Media File : Harddisk

Organisasi File : Index Sequential

Akses File : Random

Panjang Record : 63 Byte

Kunci Field : 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 : Customer

Akronim : Customer.myd

Fungsi : Mengelola Data Pengiriman

Tipe file : Master


57


Akses File : Random


Kunci Field : id_akun


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 : Nota Pengiriman

Akronim : Nota Pengiriman.myd

Fungsi : Bukti pembayaran pengiriman barang

Tipe File : Master



Akses File : Random


Kunci Field : no_nota


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 : Surat Jalan Supir

Akronim : Surat Jalan Supir.myd

Fungsi : Tanda terima barang yang dikirim untuk customer

tujuan

Tipe File : Master

Media : Harddisk


Akses File : Random


Kunci Field : id_jurnal


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 : Jurnal Umum

Akronim : Jurnal Umum.myd

Fungsi : Sebagai Bukti Pengiriman Barang

Tipe File : Master

Media : Harddisk


Akses File : Random


Kunci Field : id_jurnal


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 : Akun

Akronim : Akun.myd

Fungsi : -

Tipe File : Master

60



Akses File : Random


Kunci Field : kode_akun


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 : Tarif

Akronim : Tarif.myd

Fungsi : -

Tipe File : Master



Akses File : Random


Kunci Field : biaya_kirim


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

Gambar diatas adalah hasil dari nota pengiriman yang telah dicetak oleh

bagian admin.

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

Documents

BAB IV RANCANGAN SISTEM USULAN...Gambar IV.6 Activity Diagram Data Customer Sistem Usulan Gambar diatas menjelaskan bahwa bagian user dapat mencari data customer yang diperlukan, menambah