24

BAB IV

PERENCANAAN DAN ANALISA PERANCANGAN SISTEM

4.1. Perencanaan

Dalam melaksanakan perencanaan penulis menganalisis apa yang

dibutuhkan untuk membangun sebuah website, Website ini nantinya akan

dibangun menggunakan konsep web dinamis sehingga diharapkan dapat

memudahkan player maupun admin dalam pengaplikasiannya secara

langsung.

Perencanaan dan analisa perancangan website merupakan salah

satu kegiatan penting yang dilakukan dalam pembuatan sebuah website.

Perencanaan bertujuan untuk memenuhi kebutuhan pemakai dan

memberikan gambaran yang jelas tentang rancang bangun sistem secara

umum.

4.2 Analisa Sistem Baru

4.2.1. Analisa Data dan Informasi

Dalam pembangunan website, daftar kebutuhan data dan informasi

yang akan digunakan adalah sebagai berikut :

1. Data Player

2. ID Player

3. Nominal Harga

4. Data History setelah selesai joki

4.2.2. Analisa Fungsional

Perancangan ini akan melibatkan personil / aktor dengan fungsi –

fungsi sebagai berikut :

1. Admin

Admin memiliki beberapa hak akses, berikut adalah fungsi atau

aktifitas yang dapat dilakukan oleh admin :

a) Login

b) Mengelola data player

c) Mengelola data ID Character

25

d) Mengelola laporan diantaranya laporan waktu dilaksanakan

dan di selesaikan nya jokian tersebut.

e) Logout

2. Player

Player adalah user yang telah terdaftar pada website dan

memiliki beberapa hak akses. Berikut adalah fungsi atau

aktifitas yang dapat dilakukan oleh player:

a) Profil Player

b) Melakukan Pengajuan Joki

c) Hasil Screenshot Win Tournament

4.2.3. Analisa Kebutuhan Perangkat Keras (Hardware)

Spesifikasi perangkat keras yang digunakan sebagai berikut :

1. Intel Core 13-9100F CPU @ 3.60GHz

2. Memory 4 Gb atau lebih

3. Hardisk 320 Gb atau lebih

4. Monitor 21 Inch

5. Mouse, Keyboard, Headphone

4.2.4. Analisa Kebutuhan Perangkat Lunak (Software)

Spesifikasi perangkat lunak yang digunakan untuk mendukung

jalannya sistem yang dibuat sebagai berikut :

1. Hosting sebagai web server

2. PHP sebagai server-side scripting

3. MySQL sebagai basis data

4. NotePad ++ sebagai pengolahan script

5. Mozilla Firefox dan Google Chrome sebagai web browser

6. Sistem Operasi Windows XP/Windows 7 Ultimate

26

4.3 Perancangan Sistem

4.3.1. Diagram Use Case

Diagram use Case memperlihatkan sistem atau perangkat lunak

dari sudut pandang para pengguna akhirnya. Dalam diagram use Case

terdapat aktor yang pada dasarnya merepresentasikan peran – peran yang

orang – orang mainkan saat sistem atau perangkat lunak beroperasi.

Terdapat satu aktor yang berhubungan didalam diagram use Case yaitu

admin dan user.

Gambar 4.1 Diagram Use Case

4.3.2. Skenario Use Case

a) Skenario Use Case Waiting List

Aktor memilih waiting list.

Nama Use Case : waiting list

Aktor : User

Pre Condition : User mengakses halaman dashboard

Post Condition : user telah berhasil masuk ke menu

System waiting list

Deskripsi : user memasukan keperluan joki, kemudian

memilih berapa hari ingin melakukan joki

27

Tabel 4.1 Skenario Use Case Waiting List

Aktor Sistem

1. user mengakses halaman

dashboard

2. Sistem menampilkan

konfirmasi Add

3. User memasukan Add

4. Sistem menampilkan

halaman menu Add

5. User memilih menu Add New

Waiting List

6. Sistem menampilkan form

Waiting List

b) Skenario Use Case profil User

Aktor mengakses profil User

Nama Use Case : User Web

Aktor : User

Pre Condition : User sudah memilih profil user web

Post Condition : User berhasil membuka profil user web

Deskripsi : user bisa melihat detail data profil

User ID.

Tabel 4.2 Skenario Use Case profil User Web

Aktor Sistem

1. User telah memilih menu

profil user web

2. Sistem menampilkan detail profil

user web.

28

c) Skenario Use Case Acc Waiting List

Aktor Menampilkan Acc Waiting List

Nama Use Case : Acc

Aktor : User Web

Pre Condition : User sudah melakukan pengajuan joki

Post Condition : User berhasil menyimpan data

Deskripsi : user menunggu di approve oleh admin web

Tabel 4.3 Skenario Use Case cetak surat cuti

Aktor Sistem

1. User memilih tombol Acc

2. Sistem menyimpan data

Acc

d) Skenario Use Case Add New User

Aktor mengelola Add New User

Nama Use Case : Add User

Aktor : Admin

Pre Condition : User telah berhasil login sistem

Post Condition : input, update, delete, read.

Deskripsi : admin mengelola new user

Menambah, mengedit, menghapus dan

melihat.

Tabel 4.4 Skenario Use Case Add New User

Aktor Sistem

1. Admin masuk ke menu Add New

User

2. Sistem menampilkan halaman

kelola add user dengan menarik

data dari database.

29

3. Admin menekan tombol add user

4. Sistem menampilkan form add

new user

5. Admin memasukan data

kemudian klik tombol simpan

6. Sistem menyimpan data.

7. Admin mengklik tombol save user

8. Sistem menampilkan form

update new user.

e) Skenario Use Case History

Aktor mengelola History Waiting List

Nama Use Case : History Waiting List

Aktor : Admin

Pre Condition : User telah berhasil menerima hasil joki

Post Condition : read , view.

Deskripsi : admin mengelola history waiting list

Menambah, mengedit, menghapus dan

melihat.

Tabel 4.5 Skenario Use Case History Waiting List

Aktor Sistem

1. Admin masuk ke menu History

Waiting List

2. Sistem menampilkan halaman

kelola History dengan menarik

data di database.

3. Admin menekan tombol History

4. Sistem menampilkan form

History user

30

4.3.3. Class Diagram

Class diagram terdiri dari nama class yang merupakan objek

perangkat lunak, attributes yakni nilai yang dimiliki objek, dan operations

yang merupakan tanggapan objek terhadap kejadian.

Gambar 4.2 Class Diagram

4.3.4. Activity Diagram

Activity Diagram adalah diagram yang memperlihatkan aliran –

aliran aktifitas yang dideskripsikan oleh diagram use Case dan pada saat

yang bersamaan aktor mana atau analisis mana yang bertanggung jawab

untuk aksi tertentu dideskripsikan olek kotak aktivitas.

1*

*1

31

a) Activity Diagram Waiting List

Activity Diagram waiting list menggambarkan alur aktor dalam

melakukan pengajuan joki.

Gambar 4.3 Activity Diagram Waiting List

32

b) Activity Diagram User web

Activity Diagram user web menggambarkan admin dalam mengelola

data user yang dapat dilakukan seperti menambah, menghapus dan

edit data new user.

Gambar 4.4 Activity Diagram User Web

33

c) Activity Diagram History Waiting List

Activity Diagram Statistic ini menggambarkan admin dalam

menampilkan Waiting List.

Gambar 4.5 Activity Diagram History Waiting List

34

4.3.5 Sequence Diagram

a) Sequence diagram Waiting List

Gambar 4.6 Sequence diagram Waiting List

35

b) Sequence diagram User Web

Gambar 4.7 Sequence diagram User Web

36

4.4 Perancangan Basis Data

1. Perancangan Tabel login

Nama tabel : Tabel_login

Fungsi : Digunakan untuk data user, username dan password

Primary key : id_user

Tabel 4.7 Perancangan Tabel login

Nama Field Tipe Data Size

Id_user (Primary key) Int 11

Nama Varchar 30

Username Varchar 30

Password Varchar 15

Level Varchar 15

2. Perancangan Tabel Waiting List

Nama tabel : User

Fungsi : Digunakan untuk menampung data player

Primary key : no

Tabel 4.8 Perancangan Tabel Player

Nama Field Tipe Data Size

No (Primary key) Int 10

ID Character Varchar 16

Password

Character

Varchar 40

Nama Varchar 50

37

3. Perancangan Tabel Waiting List Acc

Nama tabel : Acc_Joki

Fungsi : Digunakan untuk menampung keseluruhan data

Primary key : no

Tabel 4.9 Perancangan Tabel Cuti

Nama Field Tipe Data Size

No (Primary key) Int 11

ID Character Varchar 16

Author_name Varchar 50

Jumlah_hari Int 30

Jumlah_bayar Int 30

Status Varchar 10

Image Varchar 50

Create_date Date

Update_date Date