BAB IV PERANCANGAN SISTEM USULAN

(1)

BAB IV

PERANCANGAN SISTEM USULAN

4.1. Tahapan Perancangan Sistem 4.1.1. Analisis Kebutuhan

Pada tahap analisis kebutuhan ini penulis mencoba menganalisa 2 kebutuhan yaitu kebutuhan pengguna, dan kebutuhan sistem. Tujuan dari analisis kebutuhan ini yaitu untuk memberikan kemudahan dan kenyamanan pengguna dalam mengakses sistem dan untuk kelancaran sistem.

A. Kebutuhan Pengguna 1. Hak Akses Admin

a) Dapat mengelola data Master Data Ruang Jenis b) Dapat mengelola data master data layanan c) Dapat mengelola data master data pengguna. d) Dapat mengelola data layanan panggil customer e) Dapat mengelola data laporan

2. Hak Akses Customer Service

a) Dapat mengelola data layanan panggil customer b) Dapat mengelola data laporan ruang layanan c) Dapat mengelola data laporan

3. Hak Akses Customer Service Ambil Paket

a) Dapat mengelola data layanan panggil customer b) Dapat mengelola data layanan ruang layanan c) Dapat mengelola data laporan

4. Hak Akses Customer Service Kirim Paket

a) Dapat mengelola data layanan panggil customer b) Dapat mengelola data layanan ruang layanan c) Dapat mengelola data laporan.

(2)

B. Kebutuhan Sistem

1. Sistem menyediakan form login terlebih dahulu untuk dapat mengakses aplikasi ini dengan memasukkan username dan password agar privasi masing-masing pengguna tetap terjaga keamanannya.

2. Sistem menyediakan informasi detail sistem customer service di TIKI JNE. 3. Sistem menyediakan tombol logout setelah selesai menggunakan aplikasi.

4.1.2. Rancangan Diagram Use Case Diagram

Gambar.IV.1. Use Case Diagram Pelanggan

uc Uce case diagram JNE

Pelanggan

Beranda

Pilih menu sesuai kebutuhan Cetak Nomor antrian

Use case diagram cetak nomor antrian

«include»

(3)

Gambar IV. 1. Use Case Diagram Customer Service Pada TIKI JNE

uc Use Case Diagram JNE

Customer serv ice Admin Login Dsahboard Master Data Layanan Laporan

use Case Diagram JNE

Cs Bagian Ambil Paket CS kirim paket «include» «include» «include» «include» 27

(4)

4.1.3. Rancangan Diagram Aktivitas 1. Activity Diagram Cetak Nomor Antrian

Gambar IV. 2. Activity Diagram Cetak Nomor Antrian

2. Activity Diagram Login Admin

act Aktiv ity Diagram Cetak Nomor Antrian

Sistem Pelanggan

Start

Pilih Salah satu menu untuk mendapatkan

nomor antrian

Tampil nomor antrian

Cetak Nomor antrian

Nomor Antrian berhasil dicetak

end aktivity Diagram Cetak Nomor Antrian

Ya Tidak

act Aktiv ity Diagram Login

Sistem Admin

Start

Pilih Login Tampil Form Login

Mengisi username dan passw ord

Tampil menu utama

End Validasi data Username dan Password salah Username dan password benar

(5)

Gambar IV. 3. Activity Diagram Login Admin

3. Activity Diagram Master Data Ruang Jenis

Gambar IV. 4. Activity Diagram Master Data Ruang Jenis

4. Activity Diagram Master Data Layanan

act Aktiv ity Diagram Master Data Ruang Jenis

Start

Pilih menu master data ruang j enis

tampil halaman master data ruang j enis

Kelola halaman master data ruang j enis

tambah Edit Hapus Cari Kembali

Data berhasil diubah

End

Ya Tidak

Aktivity Diagram Master Data Ruang Jenis

(6)

Gambar IV. 5. Activity Diagram Master Data Layanan

act Aktiv ity Diagram Master Data Layanan

Start

Pilih menu master data layanan

tampil halaman master data layanan

Kelola halaman master data layanan

End

Ya Tidak

(7)

5. Activity Diagram Master Data Pengguna

Gambar IV. 6. Activity Diagram Master Data Pengguna

6. Activity Diagram Layanan Panggil Customer

Gambar IV. 7. Activity Diagram Layanan Panggil Customer

act Aktiv ity Diagram Master Data Pengguna

Start

Pilih menu master data Pengguna

tampil halaman master data Pengguna

Kelola halaman master data Pengguna

End

Ya Tidak

Aktivity Diagram Master Data Pengguna

act Aktiv ity Diagram Layanan Panggil Customer

Start

Pilih menu layanan panggil customer

tampil halaman layanan panggil customer

kelola halaman layanan panggil customer

Call Customer Recall Customer Kembali

Berhasil di call

Ya Tidak

Aktivity Diagram Layanan Panggil Customer

(8)

7. Activity Diagram Ruang Layanan

Gambar IV.8. Activity Diagram Ruang Layanan

8. Activity Diagram Laporan Data Antrian

act Aktiv ity Diagram Ruang Layanan

Admin Sistem

Pilih menu ruang layanan Tampil halaman ruang layanan

Kelola halaman ruang layanan

Mulai layanan Kembali

Input form j enis layanan

simpan

Start

Data berhasil disimpan

End Tidak Ya

Aktivity Diagram Ruang Layanan

act Aktiv ity Diagram Laporan Data Antrian

Start

Pilih halaman laporan Tampil halaman laporan

input tanggal aw al dan akhir

Sumbit

Cetak Kembali kelola halaman laporan

Data Berhasil dicetak

Ya Tidak

End Aktivity Diagram Laporan Data antrian

(9)

Gambar IV.9. Activity Diagram Laporan Data Antrian

4.1.4. Rancangan Dokumen Sistem Usulan A. Rancangan Dokumen Masukkan

1. Nama Dokumen : Nomor Antrian

Fungsi : Untuk mengetahui nomor antrian

Sumber : pelanggan

Tujuan : Customer Service

Media : Kertas

Jumlah : 1 lembar

Frekuensi : Setiap terjadi antrian

Bentuk : Lihat Lampiran C.1

B. Rancangan Dokumen Keluaran

1. Nama Dokumen : Laporan Data Antrian

Fungsi : Sebagai laporan data antrian

Sumber : Admin

Tujuan : Pemilik

Media : Kertas

Jumlah : 1 lembar

Frekuensi : Setiap laporan data antrian

Bentuk : Lihat Lampiran D.1

(10)

4.1.5. Rancangan Prototype 1. Prototype Admin

a. Halaman Login

Gambar IV.10. Tampilan Halaman Login

(11)

Gambar IV.11. Tampilan halaman beranda

c. Halaman Master Data Ruang Jenis

Gambar IV.12. Tampilan halaman data ruang jenis

d. Halaman Daftar Master Data Layanan

(12)

Gambar IV.13. Tampilan halaman daftar master data layanan e. Tampilan Halaman Master Data Pengguna

(13)

f. Tampilan Halaman Layanan Panggil Customer

Gambar IV.15. Tampilan halaman layanan panggil customer g. Tampilan Halaman Lapora Data Antrian

(14)

2. Prototype Pelanggan

a. Tampilan Halaman Beranda

(15)

3. Prototype Customer Service a. Tampilan Halaman Login

Gambar IV.18. Tampilan halaman login

b. Tampilan Halaman Layanan Panggil Customer

(16)

Gambar IV.19. Tampilan halaman layanan panggil customer

c. Tampilan Halaman Layanan Ruang Layanan

Gambar IV.20. Tampilan halaman layanan ruang layanan

(17)

Gambar IV.21. Tampilan Halaman Layanan Ruang Layanan (mulai layanan) e. Tampilan Halaman Laporan Data Antrian

(18)

(19)

4.2. Perancangan Perangkat Lunak 4.2.1. Entity Relationship Diagram (ERD)

ANTRIAN kode_antrian lama_tunggu ambil_antrian tanggal_antrian 1 1 LAYANAN JENID_RUANG RUANG mempunyai memiliki memiliki 1 1 1 1 tipe_customer kode_antrian lama_tunggu ambil_antrian tanggal_antrian id_layanan kode_antrian jenis_layanan jk id_jenisruang kode_ruang nama_jenisruang id_layanan

Gambar IV.23. ERD JNE

(20)

4.2.2. Logical Structure Record (LRS) ANTRIAN kode_antrian (PK) ambil_antrian lama_tunggu tanggal_antrian RUANG id_ruang (PK) id_jenisruang kode_ruang nama_ruang LAYANAN id_layanan (PK) jenis_layanan kode_antrian jk tipe_customer JENIS RUANG id_jenisruang (PK) nama_jenisruang kode_ruang id_layanan memiliki 1 1 1 1 1 1 mempunyai memiliki

(21)

4.2.3. Spesifikasi File

1. Spesifikasi File Antrian

Nama File : Antrian

Akronim : antrrian

Fungsi : untuk menampilkan data antrian

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang record : 71 byte

Kunci Field : kode_antrian

Software : Mysql

Tabel IV.1 Spesifikasi File Antrian

Nama Field Tipe Size Ket

kode_antrian Int 11 Primary Key,

AUTO_INCREMENT

ambil_antrian Varchar 30

lama_tunggu Varchar 30

tanggal_antrian Date -

2. Spesifikasi File Layanan

Nama File : Layanan

Akronim : layanan

Fungsi : untuk menyimpan data layanan

Tipe File : File Transaksi

Akses File : Random

Media : Harddisk

(22)

Kunci Field : id_layanan

Software : Mysql

Tabel IV.2 Spesifikasi File Layanan

id_layanan Int 5 Primary Key,

AUTO_INCREMENT

jenis_layanan varchar 30

kode_antrian Int 11 Foregn Key

jk varchar 10

tipe_customer varchar 10

3. Spesifikasi File Jenis Ruang

Nama File : jenis_ruang

Akronim : jenis_ruang

Fungsi : untuk menyimpan data jenis_rung

Akses File : Random

Media : Harddisk

Kunci Field : id_jenisruang

Software : Mysql

Tabel IV.3 Spesifikasi File Jenis Ruang

id_jenisruang Int 11 Primary Key,

AUTO_INCREMENT

nama_jenisruang Varchar 30

kode_ruang Int 11

(23)

id_layanan Int 11 Foregn key

4. Spesifikasi File Ruang

Nama File : Ruang

Akronim : ruang

Fungsi : untuk data ruang

Akses File : Random

Media : Harddisk

Kunci Field : id_ruang

Software : Mysql

Tabel IV.4 Spesifikasi File Ruang

id_ruang Int 11 Primary Key,

AUTO_INCREMENT

id_jenisruang Int 11

kode_ruang Int 11

nama_ruang Varchar 20

(24)

Gambar IV.25. Class Diagram JNE

4.2.5. Sequence Diagram

class Class Diagram

ANTRIAN - ambil_antrian: int - kode_antrian: int - lama_tunggu: int - tanggal_antrian: date + cetak(): void + edit(): void + hapus(): void + tambah(): void LAYANAN - id_layanan: int - jenis_layanan: varchar - jk: varchar - kode_antrian: int - tipe_customer: varchar + cari(): void + edit(): void + hapus(): void + kembali(): void + simpan(): void + tambah(): void JENIS RUANG - id_jenisruang: int - id_layanan: int - kode_ruang: int - nama_jenisruang: varchar + edit(): void + hapus(): void + kembali(): void + simpan(): void + tambah(): void RUANG - id_jenisruang: int - id_ruang: int - kode_ruang: varchar - nama_ruang: varchar + edit(): void + hapus(): void + kembali(): void + simpan(): void + tambah(): void 1 ₁ 1 1 1 1 memiliki mempunyai memiliki Class Diagram JNE

(25)

Gambar IV.26. Sequence Diagram Login Admin

4.2.6. Spesifikasi Hardware dan Software 1. Spesifikasi Hardware

a) Processor Intel(R) Celeron(R) CPU B960 @ 2.20Ghz 2.20GHz b) Installed memory (RAM) 2.00 GB (1.82 GB usable)

c) Harddisk 270 Gb d) VGA on Board e) Monitor 10 inch f) Keyboard dan mouse

g) Koneksi internet dengan kecepatan up to 1 Mb

2. Spesifikasi Software

a) Operating system : Microsoft Windows 8.1 Pro

b) Teks Editor : Sublime Text 3

sd Sequence Diagram

Admin

Login Control Login Validasi Login Menu Utama