BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah...

31
36 BAB IV PERANCANGAN SISTEM USULAN 4.1 Tahapan Perancangan Sistem 4.1.1 Analisis Kebutuhan Tahapan analisis sistem pengarsipan dokumen PKWT berbasis web dimana bagian HR dapat melihat dokumen PKWT diweb, bagian DMS melakuan proses input perner(nomer induk karwayan) dan nama rak. Berikut ini spesifikasi kebutuhan dari sistem pengarsipan dokumen PKWT berbasis web : A.Kebutuhan Pengguna A.1. Kebutuhan HR a) Membuka Form Login b) Membuka Menu Rak c) Membuka Menu Pencarian A.2. Kebutuhan DMS a) Membuka form login admin b) Menginput data PKWT c) Menu Tambah HR

Transcript of BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah...

Page 1: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah dalam proses agar dapat ... 1. Nama Dokumen : List Data Dokumen PKWT Fungsi : Digunakan

36

BAB IV

PERANCANGAN SISTEM USULAN

4.1 Tahapan Perancangan Sistem

4.1.1 Analisis Kebutuhan

Tahapan analisis sistem pengarsipan dokumen PKWT berbasis

web dimana bagian HR dapat melihat dokumen PKWT diweb, bagian

DMS melakuan proses input perner(nomer induk karwayan) dan nama rak.

Berikut ini spesifikasi kebutuhan dari sistem pengarsipan dokumen PKWT

berbasis web :

A.Kebutuhan Pengguna

A.1. Kebutuhan HR

a) Membuka Form Login

b) Membuka Menu Rak

c) Membuka Menu Pencarian

A.2. Kebutuhan DMS

a) Membuka form login admin

b) Menginput data PKWT

c) Menu Tambah HR

Page 2: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah dalam proses agar dapat ... 1. Nama Dokumen : List Data Dokumen PKWT Fungsi : Digunakan

37

4.1.2 Rancangan Diagram Use Case

Use case diagram digunakan untuk menggambarkan secara ringkas

siapa yang menggunakan sistem dan apa saja yang dilakukannya.

Diagram Use Case tidak menjelaskan secara detail tentang penggunaan

Use Case, namun hanya memberi gambaran singkat hubungan antara use

case, aktor, dan sistem pada saat pembuatan laporan menjadi akurat.

a) Use Case Diagram HR

Gambar IV.1. Use Case Diagram HR

Page 3: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah dalam proses agar dapat ... 1. Nama Dokumen : List Data Dokumen PKWT Fungsi : Digunakan

38

Tabel IV.1. Use Case Diagram HR

Use Case Name Use Case Diagram HR

Requirements

Bagian HR melakukan login ke sistem

pengarsipan dokumen PKWT

Goal

Bagian HR melakukan login ke sistem

pengarsipan dokumen PKWT di web

Pre-Conditions

Bagian HR melakukan login dengan user dan

password

Post-Conditions

Setelah login HR dapat mengakses ke menu rak

atau pencarian

Failed end

Coditions HR salah menginput user atau password

Actors Bagian HR

Main Flow/Basic

Path

1. HR melakukan login

2. HR dapat mengakses ke menu rak atau

pencarian

Alternate

Flow/Invariant A

HR salah menginput user atau password

Invariant B B1. HR melakukan login dengan user dan

password

Page 4: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah dalam proses agar dapat ... 1. Nama Dokumen : List Data Dokumen PKWT Fungsi : Digunakan

39

b) Use Case Diagram DMS

Gambar IV.2. Use Case Diagram DMS

Page 5: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah dalam proses agar dapat ... 1. Nama Dokumen : List Data Dokumen PKWT Fungsi : Digunakan

40

Tabel IV.2. Use Case Diagram DMS

Use Case Name Use Case Diagram DMS

Requirements

Bagian DMS melakukan login ke sistem pengarsipan

dokumen PKWT

Goal

Bagian DMS melakukan login ke sistem pengarsipan

dokumen PKWT di web

Pre-Conditions

Bagian DMS melakukan login dengan user dan

password

Post-Conditions

Setelah login HR dapat mengakses ke menu tambah

HR atau input data PKWT

Failed end

Coditions DMS salah menginput user atau password

Actors Bagian DMS

Main Flow/Basic

Path

1. DMS melakukan login

2. DMS dapat mengakses ke menu tambah HR atau

input data PKWT

3. DMS dapat menginput perner, nama rak dan

upload dokumen PKWT

Alternate

Flow/Invariant A

DMS salah menginput user atau password

Invariant B B1. DMS melakukan login dengan user dan

password

4.1.3 Rancangan Diagram Aktivitas

Diagram ini memperlihatkan aliran data dari suatu aktifitas ke

aktifitas lainnya dalam suatu sistem. Diagram ini terutama penting dalam

permodelan fungsi – fungsi dalam suatu sistem dan memberi tekanan pada

aliran kendali antar objek.

Page 6: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah dalam proses agar dapat ... 1. Nama Dokumen : List Data Dokumen PKWT Fungsi : Digunakan

41

a) Activity Diagram Menu Login

Gambar IV.3. Activity Diagram Menu Login

Page 7: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah dalam proses agar dapat ... 1. Nama Dokumen : List Data Dokumen PKWT Fungsi : Digunakan

42

b) Activity Diagram Menu HR

Gambar IV.4. Activity Diagram Menu HR

Page 8: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah dalam proses agar dapat ... 1. Nama Dokumen : List Data Dokumen PKWT Fungsi : Digunakan

43

c) Activity Diagram Menu Search

Gambar IV.5. Activity Diagram Menu Search

Page 9: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah dalam proses agar dapat ... 1. Nama Dokumen : List Data Dokumen PKWT Fungsi : Digunakan

44

d) Activity Diagram Menu Rak

Gambar IV.6. Activity Diagram Menu Rak

Page 10: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah dalam proses agar dapat ... 1. Nama Dokumen : List Data Dokumen PKWT Fungsi : Digunakan

45

e) Activity Diagram Menu DMS

Gambar IV.7. Activity Diagram Menu DMS

Page 11: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah dalam proses agar dapat ... 1. Nama Dokumen : List Data Dokumen PKWT Fungsi : Digunakan

46

f) Activity Diagram Menu Tambah HR

Gambar IV.8. Activity Diagram Menu Tambah HR

Page 12: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah dalam proses agar dapat ... 1. Nama Dokumen : List Data Dokumen PKWT Fungsi : Digunakan

47

g) Activity Diagram Menu Input Data PKWT

Gambar IV.9. Activity Diagram Menu Tambah HR

Page 13: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah dalam proses agar dapat ... 1. Nama Dokumen : List Data Dokumen PKWT Fungsi : Digunakan

48

4.1.4 Rancangan Dokumen Sistem Usulan

Rancangan dokumen sistem terbagi menjadi dua bagian yaitu

bentuk dokumen sistem usulan masukan dan dokumen sistem usulan

keluaran. Dokumen masukan (input) adalah segala bentuk dokumen

masukan yang berupa dokumen dan diolah dalam proses agar dapat

menghasilkan keluaran yang diinginkan. Adapun dokumen yang

digunakan pada PT.Infomedia Solusi Humanika yaitu :

1. Nama Dokumen : List Data Dokumen PKWT

Fungsi : Digunakan sebagai list daftar PKWT

Sumber : Bagian HR

Tujuan : Bagian DMS

Media : Cetak Komputer

Jumlah : Satu Lembar

Frekuensi : Setiap HR yang akan menyerahkan dokumen

PKWT

Bentuk : Lampiran C.1

2. Nama Dokumen : Form Tanda Terima

Fungsi : Digunakan sebagai serah terima dokumen PKWT

Sumber : Bagian HR

Tujuan : Bagian DMS

Media : Cetak Komputer

Jumlah : Satu Lembar

Frekuensi : Setiap HR yang akan menyerahkan dokumen

PKWT

Page 14: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah dalam proses agar dapat ... 1. Nama Dokumen : List Data Dokumen PKWT Fungsi : Digunakan

49

Bentuk : Lampiran C.2

Spesifikasi Dokumen keluaran yaitu :

3. Nama Dokumen : Copy Form Tanda Terima

Fungsi : Digunakan sebagai serah terima dokumen PKWT

Sumber : Bagian DMS

Tujuan : Bagian HR

Media : Cetak Komputer

Jumlah : Satu Lembar

Frekuensi : Setiap DMS mennerima dokumen PKWT

Bentuk : Lampiran D.3

4.1.5 Rancangan Prototype

1. Tampilan Menu Login

Dms dan HR harus melakukan login terlebih dahulu untuk dapat

mengakses menu yang tersedia.

Gambar IV.10. Tampilan Menu Login

Page 15: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah dalam proses agar dapat ... 1. Nama Dokumen : List Data Dokumen PKWT Fungsi : Digunakan

50

2. Tampilan Menu HR

Setelah melakukan login HR baru bisa mengakses halaman HR.

Halaman ini berfungsi untuk melihat dokumen PKWT.

Gambar IV.11. Tampilan Menu HR

Page 16: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah dalam proses agar dapat ... 1. Nama Dokumen : List Data Dokumen PKWT Fungsi : Digunakan

51

3. Tampilan Menu Rak

Menu Rak berfungsi untuk melihat list jumlah dokumen yang ada

di masing-masing rak.

Gambar IV.12. Tampilan Menu Rak

Gambar IV.13. Tampilan List Semua Dokumen PKWT Di Rak

Page 17: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah dalam proses agar dapat ... 1. Nama Dokumen : List Data Dokumen PKWT Fungsi : Digunakan

52

4. Tampilan Menu Search

Menu Search berfungsi untuk melihat 1 dokumen yang

akan dicari dari di masing-masing rak.

Gambar IV.14. Tampilan Menu Rak

Gambar IV.15. Tampilan Pencarian Dokumen

Page 18: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah dalam proses agar dapat ... 1. Nama Dokumen : List Data Dokumen PKWT Fungsi : Digunakan

53

5. Tampilan Menu DMS

Setelah melakukan login DMS baru bisa mengakses halaman

DMS. Halaman ini berfungsi untuk input dokumen PKWT dan input

akses akun masuk HR.

Gambar IV.16. Tampilan Menu DMS

Page 19: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah dalam proses agar dapat ... 1. Nama Dokumen : List Data Dokumen PKWT Fungsi : Digunakan

54

6. Tampilan Menu Tambah HR

Menu Tambah HR berfungsi untuk menambahkan,mengedit, dan

menghapus pengguna di menu HR.

Gambar IV.17. Tampilan Tambah, Edit, Hapus Akun HR

7. Tampilan Menu Input Data PKWT

Menu Input Data PKWT berfungsi untuk menambahkan,

mengedit, dan menghapus data list PKWT.

Page 20: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah dalam proses agar dapat ... 1. Nama Dokumen : List Data Dokumen PKWT Fungsi : Digunakan

55

Gambar IV.18. Tampilan Menu Rak

Gambar IV.19. Tampilan Input, Edit, Hapus PKWT

4.2 Perancangan Perangkat Lunak

Perancangan lunak ini difokuskan pada enam atribut, yaitu ERD, LRS,

Spesifikasi File, Class Diagram, Squence Diagram, dan spesifikasi Hardware

serta software.

Page 21: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah dalam proses agar dapat ... 1. Nama Dokumen : List Data Dokumen PKWT Fungsi : Digunakan

56

4.2.1 Entity Relationship Diagram (ERD)

ERD adalah gambaran mengenai berelasinya antar entitas. Sistem adalah

kumpulan elemen yang setiap elemen memiliki fungsi masing-masing dan

secara bersama-sama mencapai tujuan dari sistem tersebut. “Kebersamaan”

dari sistem dilambangkan dengan saling berelasinya antara satu entitas dengan

entitas lainnya. Adapun ERD yang diusulkan adalah sebagai berikut :

Gambar IV.20. ERD Pengarsipan dokumen PKWT

4.2.2 Logical Record Structure (LRS)

LRS adalah representasi dari struktur record-record pada tabel-

tabel yang terbentuk dari hasil antar himpunan entitas. Adapun LRS yang

diusulkan adalah sebagai berikut :

Page 22: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah dalam proses agar dapat ... 1. Nama Dokumen : List Data Dokumen PKWT Fungsi : Digunakan

57

Gambar IV.21. LRS Pengarsipan dokumen PKWT

4.2.3 Sepesifikasi File

Spesifikasi file menjelaskan tentang file – file yang diperlukan

didalam pengolahan database pada sistem yang diusulkan, serta media

penyimpanan data dari proses yang terjadi pada sistem usulan. Penulis

membuat database dengan nama pengarsipan.

Page 23: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah dalam proses agar dapat ... 1. Nama Dokumen : List Data Dokumen PKWT Fungsi : Digunakan

58

1. Spesifikasi file data login

Nama File : Login

Akromin : Login

Fungsi : Menyimpan data DMS

Tipe File : File Master

Akses File : Random

Media File : Hard Disk

Panjang Record : 20 Karakter

Kunci File : User

Software :MYSQL

Table.IV.3 Data Login

No Elemen

Data

Nama

Field

Tipe Size Ket

1. User User Varchar 10 Primary Key

2. Pass Pass Varchar 10

2. Sepesifikasi File Data Rak BPO

Nama File : Rak BPO

Akromin : Rak BPO

Fungsi : Untuk menyimpan data PKWT dirak BPO

Tipe File : File Master

Akses File : Random

Media File : Hard Disk

Panjang Record : 30 Karakter

Kunci File : Perner

Software :MYSQL

Page 24: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah dalam proses agar dapat ... 1. Nama Dokumen : List Data Dokumen PKWT Fungsi : Digunakan

59

Table.IV.4 Data Rak BPO

No Elemen

Data

Nama

Field

Tipe Size Ket

1. Perner Perner Varchar 10 Primary Key

2. Layanan Layanan Vachar 10

3. Dokumen Dokumen Varchar 10 Foreign Key

3. Spesifikasi File Data Rak HCC

Nama File : Rak HCC

Akromin : Rak HCC

Fungsi : Untuk menyimpan data PKWT dirak HCC

Tipe File : File Master

Akses File : Random

Media File : Hard Disk

Panjang Record : 30 Karakter

Kunci File : Dokumen

Software : MYSQL

Table.IV.5 Data Rak HCC

No Elemen

Data

Nama

Field

Tipe Size Ket

1. Perner Perner Varchar 10

2. Layanan Layanan Vachar 10 Foreign Key

3. Dokumen Dokumen Varchar 10 Primary Key

Page 25: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah dalam proses agar dapat ... 1. Nama Dokumen : List Data Dokumen PKWT Fungsi : Digunakan

60

4. Spesisfikasi File Data Rak Non Sales

Nama File : Rak Non Sales

Akromin : Rak Non Sales

Fungsi : Untuk menyimpan data PKWT dirak

Non Sales

Tipe File : File Master

Akses File : Random

Media File : Hard Disk

Panjang Record : 30 Karakter

Kunci File : Layanan

Software : MYSQL

Table.IV.6 Data Rak Non Sales

No Elemen

Data

Nama

Field

Tipe Size Ket

1. Perner Perner Varchar 10 Foreign Key

2. Layanan Layanan Vachar 10 Primary Key

3. Dokumen Dokumen Varchar 10 Foreign Key

5. Spesifikasi File Data Rak Grapari

Nama File : Rak Grapari

Akromin : Rak Grapari

Fungsi : Untuk menyimpan data PKWT

dirak Grapari

Tipe File : File Master

Akses File : Random

Media File : Hard Disk

Panjang Record : 30 Karakter

Page 26: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah dalam proses agar dapat ... 1. Nama Dokumen : List Data Dokumen PKWT Fungsi : Digunakan

61

Kunci File : Dokumen

Software : MYSQL

Table.IV.7 Data Rak Grapari

No Elemen

Data

Nama

Field

Tipe Size Ket

1. Perner Perner Varchar 10

2. Layanan Layanan Varchar 10 Foreign Key

2. Dkumen Dokumen Varchar 10 Primary Key

6. Spesifikasi File Data Rak Sales

Nama File : Rak Sales

Akromin : Rak Sales

Fungsi : Untuk menyimpan data PKWT

dirak Grapari

Tipe File : File Master

Akses File : Random

Media File : Hard Disk

Panjang Record : 30 Karakter

Kunci File : Layanan

Software : MYSQL

Table.IV.8 Data Rak Sales

No Elemen

Data

Nama

Field

Tipe Size Ket

1. Perner Perner Varchar 10 Foreign Key

2. Layanan Layanan Vachar 10 Primary Key

2. Dokumen Dokumen Varchar 10

Page 27: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah dalam proses agar dapat ... 1. Nama Dokumen : List Data Dokumen PKWT Fungsi : Digunakan

62

4.2.4 Class Model / Class Diagram

Class Diagram adalah sebuah class yang menggambarkan struktur

dan penjelasan class, paket, dan objek serta hubungan satu sama lain

seperti containment, pewarisan, asosiasi, dan lain-lain. Class diagram juga

menjelaskan hubungan antar class dalam sebuah sistem yang sedang

dibuat dan bagaimana caranya agar mereka saling berkolaborasi untuk

mencapai sebuah tujuan.

Gambar IV.22. Class Diagram

4.2.5 Sequence Diagram

Squence diagram digunakan untuk menggambarkan scenario atau

rangkaian langkah-langkah yang dilakukan sebagai sebuah respon dari

suatu kejadian untuk menghasilkan output tertentu.

Page 28: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah dalam proses agar dapat ... 1. Nama Dokumen : List Data Dokumen PKWT Fungsi : Digunakan

63

1. Squence Diagram Login

Gambar IV.23. Squence Diagram Login

2. Squence Diagram Pengarsipan Dokumen PKWT

Gambar IV.24. Squence Diagram Pengarsipan Dokumen

PKWT

4.2.6 Spesifikasi Hardware dan Software

Suatu sistem yang baik tidak akan berjalan baik apabila tidak

didukung oleh sarana pendukung yang baik. Saran pendukung yang

dimaksud bukan harus menggunakan suatu unit komputer dengan merk

Page 29: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah dalam proses agar dapat ... 1. Nama Dokumen : List Data Dokumen PKWT Fungsi : Digunakan

64

dagang tertentu, tetapi harus dapat berintegrasi baik antara satu dengan

lainnya.

Dalam tahap pengembangan sistem diperlukan perencanaan

mengenai sistem komputer ang diajukan, karena suatu sistem komputer

atau database akan berjalan dengan baik dan berhasil dalam

pengoperasinya, apabila didukung penuh oleh beberapa unsur seperti

perangkat lunak (software) dan perangkat keras (hardware). Peralatan

pendukung haruslah sesuai dengan kemampuan yang cukup baik untuk

melakukan spesifikasi sistem komputer yang akan diusulkan.

1.Spesifikasi Perangkat Keras (Hardware)

a. Server

1) CPU

(a) Procesor Intel (R) CPU G2030 I3

(b) RAM DDR 3 4 GB

(b) Hard Disk 1 TB

2) Mouse

3) Keyboard

4) Monitor BenQ 16 Inc

5) koneksi internet dengan kecepatan 2 Mbps

b. Client

1) CPU

(a) Processor Pentium ® Core 2 Duo

(b) RAM DDR 3 2 GB

(c) Hard Disk 500 GB

Page 30: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah dalam proses agar dapat ... 1. Nama Dokumen : List Data Dokumen PKWT Fungsi : Digunakan

65

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layer minimum 1024x768

5) Koneksi internet dengan kecepatan 512 kpbs

2.Spesifikasi Perangkat Lunak (Software)

a. Server

1) Microsoft windows 7

2) XAMPP server

(a) Aplikasi Apache Server v2

(b) Aplikasi PHP Server v5

(c) Aplikasi MySQL Server v5

(d) Aplikasi phpMyAdmin v3

3) Aplikasi Web lihat Mozila Firefox

b. Client

1) Microsoft windows 7

2) Aplikasi Web Lihat Mozila Firefox

Page 31: BAB IV PERANCANGAN SISTEM USULAN - repository.bsi.ac.id filemasukan yang berupa dokumen dan diolah dalam proses agar dapat ... 1. Nama Dokumen : List Data Dokumen PKWT Fungsi : Digunakan

66

4.3 Jadwal Implementasi

Table.IV.9 Jadwal Implementasia

No KETERANGAN

WAKTU

BULAN I BULAN II BULAN III

1 2 3 4 1 2 3 4 1 2 3 4

1 Persiapan Awal

2 Analisa

3 Desain Sistem

4 Desain Perangkat Lunak

5 Pembuatan & Tes Program

6 Tes Sistem

7 Pelatihan

8 Pembuatan buku petunjuk

9 Evaluasi & Operasional