BAB IV
PERANCANGAN SISTEM USULAN
4.1. Tahapan Perancangan Sistem
Perancangan sistem aplikasi web ini, menjelaskan tentang hak akses HOD dengan PIC, perancangan Use Case Diagram, perancangan Entity Relationship Diagram dan perancangan tampilan antarmuka pengguna. Dalam sistem monitoring
kinerja PIC yang baru, HOD dapat dengan mudah memeriksa progress pekerjaan yang dilakukan oleh PIC, dan juga PIC dapat terkontrol kinerjanya karena terdapat notifikasi waktu yang tersisa untuk melakukan pekerjaan.
4.1.1. Analisis kebutuhan
Analisis kebutuhan dalam membangun sistem ini penulis bagi menjadi 3 bagian, yaitu: kebutuhan HOD, kebutuhan PIC, kebutuhan sistem:
1. Kebutuhan HOD
a. HOD dapat menginputkan tugas
b. HOD dapat melihat perkembangan tugas yang sudah diberikan c. HOD dapat memilih PIC mana yang akan diberikan tugas d. HOD dapat menambahkan user
2. Kebutuhan PIC
a. PIC dapat menginput setiap hasil kerja
b. PIC dapat merubah hasil tugas yang sudah diinputkan 3. Kebutuhan sistem
a. Sistem dapat menampilkan daftar tugas b. Sistem dapat menampilkan time reminder
23
c. User harus login sesuai dengan bagiannya.
4.1.2. Rancangan Diagram Use Case
Dari sistem monitoring alur kerja ini, dapat digambarkan Use Case sebagai berikut:
Gambar IV.1.
Use Case Diagram sistem monitoring alur kerja PIC Tabel IV.1.
Deskripsi Use case Login
Use Case Name login
Requirements HOD dan PIC melakukan login
Goal HOD dan PIC masuk ke halaman utama
Pre-Conditions HOD dan PIC input username dan password Post-Conditions HOD dan PIC berhasil login
Failed end Conditions HOD dan PIC tidak dapat login
Actors HOD/PIC
Main Flow / Basic Path 1. HOD dan PIC mengisi form login 2. HOD dan PIC klik login
3. Sistem menampilkan menu utama Alternate Flow / Invariant A 1. Sistem menampilkan menu utama
Invariant B -
Tabel IV.2.
Deskripsi Use case kelola tugas Use Case Name Kelola tugas
Requirements HOD mengirim tugas pada PIC
Goal HOD berhasil mengirim tugas pada PIC
Pre-Conditions HOD telah login Post-Conditions HOD menginput tugas
Failed end Conditions Tugas tidak terkirim pada PIC
Actors HOD
Main Flow / Basic Path 1. HOD masuk ke halaman utama 2. HOD klik input data
3. HOD input Tugas 4. HOD kirim tugas
Alternate Flow / Invariant A Sistem menampilkan lengkapi data tugas
Invariant B -
Tabel IV.3.
Deskripsi Use case periksa hasil tugas Use Case Name Memeriksa hasil tugas Requirements HOD melihat hasil tugas PIC
Goal Sistem berhasil tampil hasil tugas PIC Pre-Conditions HOD telah login
Post-Conditions HOD pilih tugas yang akan diperiksa Failed end Conditions Sistem tidak tampil hasil tugas PIC
Actors HOD
Main Flow / Basic Path 1. HOD masuk ke halaman utama 2. HOD pilih tugas yang akan diperiksa 3. Sistem menampilkan hasil tugas PIC Alternate Flow / Invariant A Sistem menampilkan hasil tugas
Invariant B -
Tabel IV.4.
Deskripsi Use case mengerjakan tugas Use Case Name Mengerjakan tugas Requirements Input hasil tugas
Goal Berhasil input hasil tugas
Pre-Conditions PIC telah login Post-Conditions PIC input hasil tugas
Failed end Conditions Data gagal menyimpan di database
Actors PIC
Main Flow / Basic Path 1. PIC masuk ke halaman utama
2. PIC memilih tugas mana yang akan dikerjakan
3. PIC klik save
Alternate Flow / Invariant A Sistem tampil pop up berhasil disimpan
Invariant B -
Tabel IV.5.
Deskripsi Use case cetak berita acara Use Case Name Cetak berita acara Requirements Mencetak berita acara
Goal Berhasil cetak berita acara
Pre-Conditions HOD telah login
Post-Conditions HOD pilih tugas yang akan cetak berita acaranya
Failed end Conditions Sistem tidak dapat mencetak berita acara
Actors HOD
Main Flow / Basic Path 1. HOD masuk ke halaman utama
2. HOD pilih hasil tugas yang akan dicetak berita acaranya
3. Sistem mencetak berita acara Alternate Flow / Invariant A Sistem mencetak berita acara
Invariant B -
Tabel IV.6.
Deskripsi Use case tambah user
Use Case Name Tambah user
Requirements Menambahkan user
Goal Data user tersimpan
Pre-Conditions HOD telah login Post-Conditions HOD pilih tambah user
Failed end Conditions Sistem tidak dapat menyimpan user baru
Actors HOD
Main Flow / Basic Path 1. HOD masuk ke halaman utama 2. HOD pilih tambah user
3. HOD isi data user baru 4. Klik tambah user
Alternate Flow / Invariant A Sistem menyimpan data user baru
Invariant B -
4.1.3. Rancangan Diagram Aktivitas 1. Activity Diagram Login
Gambar IV.2.
Activity Diagram Login
2. Activity Diagram input tugas
Gambar IV.3.
Activity Diagram Input Tugas 3. Activity Diagram mengerjakan tugas
Gambar IV.4.
Activity Diagram Mengerjakan Tugas
4. Activity Diagram memeriksa hasil kerja
Gambar IV.5.
Activity Diagram Memeriksa Hasil Kerja 5. Activity Diagram cetak berita acara
Gambar IV.6.
Activity Diagram Cetak Berita Acara
6. Activity Diagram tambah user
Gambar IV.7.
Activity Diagram tambah user 4.1.4. Rancangan Dokumen Sistem Usulan
1. Dokumen Masukan
Nama Dokumen : Task wedding crew
Fungsi : Digunakan sebagai petunjuk atau tindakan yang harus dikerjakan oleh PIC
Sumber : HOD (Head of Departement) Tujuan : PIC (Person in Charge)
Media : Kertas
Jumlah : 1 Berkas
Frekuensi : Setiap kali client melakukan dealing
Bentuk : -
2. Dokumen Keluaran
Nama Dokumen : Cetak Berita acara
Fungsi : Untuk mengetahui detail hasil kinerja PIC Sumber : PIC (Person in Charge)
Media : Kertas
Jumlah : 1 berkas
Frekuensi : Setiap PIC selesai mengerjakan semua tugas
Bentuk : -
4.2. Perancangan Prototype
4.2.1. Entity Relationship Diagram (ERD)
Gambar IV.8.
ERD sistem usulan
4.2.2. Logical Record Structure (LRS)
4.2.3. Spesifikasi File
Gambar IV.9.
LRS sistem usulan
Spesifikasi file ini berisi tabel-tabel yang terbentuk dari tranformasi ERD dan atau file-file penunjang untuk web. File-file ini tersimpan pada database dengan rincian sebagai berikut :
1. Spesifikasi file user Nama file : User Akronim : user
Fungsi : menyimpan data user Tipe file : File master
Organisasi File : Indexed Sequential Aksen file : Random
Media : Harddisk
Panjang Record : 103 Kunci field : Username Software : Mysql
Tabel IV.7.
Spesifikasi File user
No Elemen data Nama field Tipe Size Ket
1 Username username Varchar 20 Primary key
2 Password password Varchar 35
3 Nama Nama Varchar 45
4 Jabatan jabatan enum 3
2. Spesifikasi file tugas Nama file : Tugas Akronim : tugas
Fungsi : menyimpan data Tugas Tipe file : File master
Organisasi File : Indexed Sequential Aksen file : Random
Media : Harddisk
Panjang Record : 1971 Kunci field : id_event Software : Mysql
Tabel IV.8.
Spesifikasi File tugas
No Elemen data Nama field Tipe Size Ket
1 Id event id_event Varchar 11 Primary key
2 Nama client nama_client Varchar 60 3 Tanggal event tgl_event Date
4 Brief 1 brief_1 Varchar 225
5 Suggest rundown suggest_rundown Varchar 225 6 Fix rundown fix_rundown Varchar 225 7 Suggest crew suggest_crew Varchar 225 8 Cuecard crew cuecard_crew Varchar 225 9 Brief final brief_final Varchar 225 10 Gladiresik gladiresik Varchar 225
11 kuesioner kuesioner Varchar 100
3. Spesifikasi file tugas
Nama file : Fee crew Akronim : fee_crew
Fungsi : menyimpan data Fee crew Tipe file : File master
Organisasi File : Indexed Sequential Aksen file : Random
Media : Harddisk
Panjang Record : 63 Kunci field : id_crew Software : Mysql
Tabel IV. 9.
Spesifikasi file fee crew
No Elemen data Nama field Tipe Size Ket
1 Id_crew id_crew Varchar 20 Primary key
2 Nama bagian Nama_bagian Varchar 35
3 fee fee int 8
4.2.4. Class Model / Class Diagram
4.2.5. Sequence Diagram
Gambar IV.10.
Class Diagram sistem usulan
Gambar IV.11.
Sequence Diagram Login
Gambar IV.12.
Sequence Diagram input tugas
Gambar IV.13.
Sequence Diagram periksa tugas
Gambar IV.14.
Sequence Diagram cetak berita acara
Gambar IV.15.
Sequence Diagram mengerjakan tugas
Gambar IV.15.
Sequence diagram tambah user 4.2.6. Rancangan Antarmuka
1. Rancangan tampilan antarmuka HOD
Gambar IV.16.
Prototype UI Login
Gambar IV.17.
Prototype UI Daftar Tugas
Gambar IV.18.
Prototype UI Input Tugas
Gambar IV.19.
Prototype UI Memeriksa Tugas
Gambar IV.20.
Prototype UI tambah user
2. Rancangan tampilan antarmuka PIC
Gambar IV.21.
Prototype UI Dashboard PIC
Gambar IV.22.
Prototype UI Daftar tugas 4.2.7. Spesifikasi Hardware dan Software
1. Spesifikasi File Hardware
a. Server 1) CPU
a) Prossesor Intel® Celeron® CPU 4205U b) RAM DDR3 4 GB
c) Harddisk 500 GB 2) Mouse
3) Keyboard
4) Monitor dengan resolusi layer minimum 1366x768 5) Koneksi Internet dengan kecepatan 2 Mbps
b. Client 1) CPU
a) Prossesor Intel® Pentium® 4 b) RAM DDR2 2 GB
c) Harddisk 128 GB 2) Mouse
3) Keyboard
4) Monitor dengan resolusi layer minimum 1366x768 5) Koneksi Internet dengan kecepatan 1 Mbps
2. Spesifikasi File software
a. Server
1) Sistem operasi yang umum digunakan seperti: Microsoft Windows atau Linux (Ubuntu, Fedora, dll).
2)
Aplikasi bundle web server seperti: Xampp, WampServer, php2triadyang terdiri dari beberapa komponen, diantaranya:
(a) Aplikasi Apache Server v2 (b) Aplikasi PHP Server v5 (c) Aplikasi MySQL Server v5 (d) Aplikasi phpMyAdmin v3
3) Aplikasi Web Lihat seperti Mozilla Firefox, Opera, Safari, Internet Explorer, Google Chrome.
b. Client
1) Sistem operasi yang umum digunakan seperti: Microsoft Windows atau Linux (Ubuntu, Fedora, dan lain-lain).
2) Aplikasi web browser seperti Mozilla Firefox, Opera, Safari, Internet Explorer, Google Chrome.
4.3. Pengujian Rancangan Antarmuka
Pengujian rancangan antarmuka dilakukan oleh calon pengguna prototipe.
Pengukian antarmuka terdiri dari dua macam pengujian front-end dan pengujian back- end.
1. Pengujian Front-end
Pengujian antarmuka pada front-end dilakukan oleh crew PIC pada Gosimplywedding. Dalam pengujian ini dilakukan oleh PIC.
Tabel IV. 10.
Hasil pengujian antar muka front-end
Partisipan Akses Menu login Akses input hasil tugas
1
sukses 1 1
Nilai kesuksesan 100% 100%
2. Pengujian Back-end
Pengujian antarmuka pada front-end dilakukan oleh crew PIC pada Gosimplywedding. Dalam pengujian ini dilakukan oleh PIC.
Tabel IV.11.
Hasil pengujian antar muka back-end
Partisipan Akses Menu login
Akses input tugas
Memeriksa hasil tugas
Mencetak berita acara
Tambah user
1
2
3
sukses 3 3 3 3 3
Nilai kesuksesan
100% 100% 100% 100% 100%
4.4. Jadwal Implementasi
Tabel IV.12.
Jadwal Implementasi NO KEGIATAN
WAKTU
Bulan I Bulan II Bulan III
1 2 3 4 1 2 3 4 1 2 3 4 1 Persiapan data awal
2 Analisa 3 Desain sistem
4 Desain perangkat lunak 5 Pembuatan & test program 6 Test sistem
7 Pelatihan
8 Pembuatan buku petunjuk 9 Evaluasi dan operasional
