62
BAB IV IMPLEMENTASI
4.1 Implementasi Sistem Tahap implementasi dan pengujian sistem, dilakukan setelah tahap analisis dan perancangan selesai dilakukan. Pada sub bab ini akan dijelaskan implementasi dari aplikasi sistem dengan menggunakan beberapa fungsi yang penulis buat dari aplikasi sistem tersebut. Untuk menjalankan program Project Management berbasis website pada PT.Inovasi Media Solusindo, menggunakan PHP MySQL dan diperlukan sebuah web server yang akan digunakan sebagai tempat penyimpanan program. Web server yang digunakan berupa XAMPP versi 1.7 dan MySQL versi 5.1 sebagai database server. Untuk memulai program, jalankan browser seperti Mozilla Firefox dan ketik alamat “http://localhost/inovasi” untuk memulai login.
63
4.2 Tampilan Antar Muka Database Dibawah ini adalah cara pembuatan database pada MySQL dengan menggunakan PHP, adapun langkah-langkahnya adalah sebagai berikut : Aktifkan XAMPP terlebih dahulu hingga tampil gambar seperti pada tampilan gambar berikut : 4.2.1 Tampilan Localhost XAMPP
Gambar 4.1 Tampilan Localhost XAMPP
64
4.2.2 Tampilan Awal Pembuatan Database
Gambar 4.2 Tampilan Awal Pembuatan Database 4.2.3 Tampilan 7 Tabel Pada Database Inovasi
Gambar 4.3 Tampilan Awal Pembuatan Database
65
4.2.4 Tampilan Tabel Custmer
Gambar 4.4 Tampilan Tabel Customer 4.2.5 Tampilan Tabel Invoice
Gambar 4.5 Tampilan Tabel Invoice
66
4.2.6 Tampilan Tabel Karyawan
Gambar 4.6 Tampilan Tabel Invoice 4.2.7 Tampilan Tabel Proyek
Gambar 4.7 Tampilan Tabel Proyek
67
4.2.8 Tampilan Tabel Requirement
Gambar 4.8 Tampilan Tabel Requirement 4.2.9 Tampilan Tabel SPK
Gambar 4.9 Tampilan Tabel SPK
68
4.2.10 Tampilan Tabel Tim
Gambar 4.10 Tampilan Tabel Tim
4.3 Tampilan Antar Muka Halaman Login
Gambar 4.11 Tampilan Halaman Login
69
4.4 Tampilan Antar Muka Halaman Admin 4.4.1 Halaman Master Customer Bagian Marketing
Gambar 4.12 Halaman Master Customer Bagian Marketing
70
4.4.2 Halaman Master Proyek Bagian Quality Assurance
Gambar 4.13 Halaman Master Proyek Bagian Quality Assurance 4.4.3 Halaman Master Proyek Bagian Quality Assurance (List Data)
Gambar 4.14 Halaman Master Proyek Bagian Quality Assurance (Lis Data)
71
4.4.4 Halaman Requirement Bagian Quality Assurance
Gambar 4.15 Halaman Requirement Bagian Quality Assurance 4.4.5 Halaman Master Karyawan Bagian Finance
Gambar 4.16 Halaman Master Karyawan Bagian Finance
72
4.4.6 Halaman List Proyek Bagian Finance
Gambar 4.17 Halaman List Proyek Bagian Finance 4.4.7 Halaman List Data Requirement Bagian Finance
Gambar 4.18 Halaman List Proyek Bagian Finance
73
4.4.8 Halaman Invoice Bagian Finance
Gambar 4.19 Halaman Invoice Bagian Finance 4.4.9 Halaman Tim Proyek Bagian Finance
Gambar 4.20 Halaman Tim Proyek Bagian Finance
74
4.4.10 Halaman SPK Bagian Finance
Gambar 4.21 Halaman SPK Bagian Finance 4.4.11 Halaman List Proyek Bagian Programmer
Gambar 4.22 Halaman List Proyek Programmer
75
4.4.12 Halaman View SPK Bagian Programmer
Gambar 4.23 Halaman View SPK Bagian Programmer 4.4.13 Halaman Profile Admin
Gambar 4.24 Halaman Profile Admin
76
4.5 Tampilan Antar Halaman Customer 4.5.1 Halaman Utama Customer
Gambar 4.25 Halaman Utama Customer 4.5.2 Halaman Project Status Customer
Gambar 4.26 Halaman Project Status Customer
77
4.5.3 Halaman Profile Customer
Gambar 4.27 Halaman Profile Customer
78
4.6 Metode Pengujian Metode pengujian dilakukan untuk memastikan apakah sistem yang akan dipakai sudah sesuai dengan apa yang diharapkan. Metode yang digunakan untuk pengujian adalah black box, yaitu melakukan pengujian dengan memfokuskan pada fungsionality sistem tanpa mengetahui apa sesungguhnya yang terjadi dalam black end system.
4.7 Lingkungan Pengujian Pembuatan aplikasi ini dibuat menggunakan komputer dengan spesifikasi sebagai berikut : 1. Perangakat Keras : a. Tipe Komputer : Laptop b. Processor : Intel® Core i5 CPU @ 1.70 GHz, 1.70GHz. c. RAM : 4GB d. Hard Disk : 500GB e. VGA : Nvidia Geforce GT 620M 1GB f. Monitor : 14” display 1366x768
2. Perangkat Lunak : a. Operating System : Microsoft Windows 7 Ultimate (32bit) b. Web Server : XAMPP 1.7 c. Aplikasi Pendukung : - Adobe Dreamweaver CS3 - Mozilla Firefox
79
4.8 Skenario Pengujian Scenario pengujian dilakukan untuk menentukan langkah-langkah dalam melakukan pengujian. Pengujian dilakukan dengan menjalankan aplikasi dari perancangan website. Setelah aplikasi dijalankan selanjutnya adalah menguji tomboltombol yang terdapat dalam antar muka aplikasi tersebut apakah sesuai dengan tahap perancangan yang telah disusun. Tabel 4.1 Skenario Pengujian No. 1.
Antar Muka Halaman
Uji Coba Menguji
Utama (Home) semua link menu yang
Status Aplikasi Masuk
Skenario Pengujian Klik link
Hasil yang diharapkan Menu
halaman
menu satu
terhubung
utama
persatu
dengan
pada
halaman link
halaman
yang diklik
utama 2.
Halaman
Menguji
Pada meu
Login
inputan data
login terdapat username dan data yang di kolom
3.
4.
Memasukkan
password
Menampilkan
input
inputan
berdasarkan
username dan
data input dari
password
pengguna.
Halaman
Menguji
Pada menu
Klik tomol
Masuk ke
Login
tombol
login terdapat login pada
aplikasi jika
login
tombol login
halaman
username dan
login
password benar
Klik tombol
Menghapus
Halaman
Menguji
Pada menu
Login
tombol
login terdapat pada halaman inputan
cancel
tombol cencel
login
username/ password
80
5.
Halaman
Menguji
Pada menu
Klik tombol
Menyimpan
master
tombol
master
simpan
data yang telah
customer
simpan
customer
setelah
diinput pada
bagian
terdapat
memasukkan
fitur entry data
marketing
tombol
data customer customer
simpan 6.
7.
Halaman
Menguji
Pada menu
Klik tombol
Menghapus
master
tombol
master
simpan
inputan yang
customer
batal
customer
setelah
telah
bagian
terdapat
memasukkan
dimasukan
marketing
tombol batal
data customer
Halaman
Menguji
Pada menu
Klik tombol
Menampilkan
master
tombol edit
master
edit pada data form update
customer
customer
yang telah
untuk
bagian
terdapat
disimpan
memperbarui
marketing
tombol edit
sebelumnya
data yang sebelumnya telah disimpan
8.
9.
Halaman
Menguji
Pada menu
Klik tombol
Menghapus
master
tombol
master
hapus pada
data customer
customer
hapus
customer
data yang
yang pernah
bagian
terdapat
disimpan
disimpan
marketing
tombol hapus
sebelumnya
sebelumnya
Halaman
Menguji
Pada menu
Klik tombol
Menyimpan
master proyek
tombol
master
simpan
data yang telah
bagian quality
simpan
proyek
setelah
diinput pada
terdapat
memasukkan
fitur entry data
tombol
data proyek
proyek
assurance
simpan
81
10.
11.
12.
Halaman
Menguji
Pada menu
Klik tombol
Menampilkan
master proyek
tombol
master
update
form update
bagian quality
update
proyek
progress pada progress untuk
assurance
progress
terdapat
list data
memasukkan
tombol
proyek yang
data progress
update
telah
proyek
progress
disimpan
Halaman
Menguji
Pada menu
Klik tombol
Menampilkan
master proyek
tombol edit
master
edit pada list
form edit yang
bagian quality
proyek
data proyek
dapat
assurance
terdapat
yang telah
memperbarui/
tombol edit
disimpan
merubah data
Halaman
Menguji
Pada menu
Klik tombol
Menghapus
master proyek
tombol
master
delete pada
data proyek
bagian quality
delete
proyek
list data
yang pernah
terdapat
proyek yang
disimpan
tombol delete
telah
sebelumnya
assurance
disimpan 13.
Halaman
Menguji
Pada menu
Klik tombol
Menyimpan
requirement
tombol
requirement
simpan
data yang telah
bagian quality
simpan
terdapat
setelah
diinput pada
tombol
memasukkan
fitur entry data
simpan
data
requirement
assurance
requirement 14.
Halaman
Menguji
Pada menu
Klik tombol
Menampilkan
requirement
tombol edit
requirement
edit pada list
form edit yang
bagian quality
terdapat
requirement
dapat
assurance
tombol edit
yang telah
memperbarui/
disimpan
merubah data
82
15.
Halaman
Menguji
Pada menu
Klik tombol
Menghapus
requirement
tombol
requirement
delete pada
data
bagian quality
delete
terdapat
list data
requirement
tombol delete
requirement
yang pernah
yang telah
disimpan
disimpan
sebelumnya
assurance
16.
Halaman
Menguji
Pada menu
Klik tombol
Menyimpan
master
tombol
master
simpan
data yang telah
karyawan
simpan
karyawan
setelah
diinput pada
terdapat
memasukkan
fitur entry data
tombol
data master
master
simpan
karyawan
karyawan
bagian finance
17.
18.
Halaman
Menguji
Pada menu
Klik tombol
Menampilkan
master
tombol edit
master
edit pada list
form edit yang
karyawan
karyawan
master
dapat
bagian finance
terdapat
karyawan
memperbarui/
tombol edit
yang telah
merubah data
disimpan
karyawan
Halaman
Menguji
Pada menu
Klik tombol
Menghapus
master
tombol
master
delete pada
data master
karyawan
delete
karyawan
list data
karyawan yang
terdapat
master
pernah
tombol delete
karyawan
disimpan
yang telah
sebelumnya
bagian finance
disimpan 19.
Halaman list
Menguji
Pada menu
Klik tombol
Menampilkan
proyek bagian
tombol
list data
input biaya
form input
finance
input biaya
proyek
pada list data
biaya yang
terdapat
proyek
dapat
83
tombol input
memperbarui/
biaya
merubah data biaya proyek
20.
Halaman list
Menguji
Pada menu
Klik tombol
Menampilkan
data
tombol
master
update pada
form update
requirement
update
karyawan
list data
keterangan
terdapat
requirement
rquirement
tombol
yang terdapat
yang dapat
update
pada
memperbarui/
tampilan list
merubah data
data
keterangan
requirement
requirement
bagian finance
21.
22.
Halaman
Menguji
Pada menu
Klik tombol
Menyimpan
invoice bagian
tombol
invoice
simpan
data yang telah
finance
simpan
terdapat
setelah
diinput pada
tombol
memasukkan
fitur entry data
simpan
data invoice
invoice
Halaman
Menguji
Pada menu
Klik tombol
Menampilkan
invoice bagian
tombol edit
invoice
edit pada list
form edit yang
terdapat
data invoice
dapat
tombol edit
yang telah
memperbarui/
disimpan
merubah data
finance
invoice 23.
Halaman
Menguji
Pada menu
Klik tombol
Menghapus
invoice bagian
tombol
invoice
hapus pada
data invoice
finance
hapus
terdapat
list data
yang pernah
tombol hapus
invoice yang
disimpan
telah
sebelumnya
disimpan
84
24.
Halaman
Menguji
Pada menu
Klik tombol
Menampilkan
invoice bagian
tombol
invoice
tampilkan
invoice yang
finance
tampilkan
terdapat
invoice pada
telah disimpan
invoice
tombol
list data
sebelumnya
tampilkan
invoice yang
invoice
telah disimpan
25.
26.
Halaman tim
Menguji
Pada menu
Klik tombol
Menyimpan
proyek bagian
tombol
tim proyek
simpan
data yang telah
finance
simpan
terdapat
setelah
diinput pada
tombol
memasukkan
fitur insert
simpan
anggota tim
anggota tim
proyek
proyek
Halaman tim
Menguji
Pada menu
Klik tombol
Menghapus
proyek bagian
tombol
list anggota
hapus pada
anggota tim
finance
hapus
tim proyek
list anggota
yang pernah
terdapat
tim proyek
disimpan
tombol hapus
yang telah
sebelumnya
disimpan 27.
28.
Halaman SPK
Menguji
Pada menu
Klik tombol
Menyimpan
bagian finance
tombol
SPK terdapat
simpan
data yang telah
simpan
tombol
setelah
diinput pada
simpan
memasukkan
fitur entry data
data SPK
SPK
Halaman SPK Menguji
Pada menu
Klik tombol
Menampilkan
bagian finance
SPK terdapat
edit pada list
form edit yang
tombol edit
data SPK
dapat
yang telah
memperbarui/
disimpan
merubah data
tombol edit
85
29.
30.
31.
32.
33.
Halaman SPK Menguji
Pada menu
Klik tombol
Menghapus
bagian finance
tombol
SPK terdapat
hapus pada
data SPK yang
hapus
tombol hapus
list data SPK
pernah
yang telah
disimpan
disimpan
sebelumnya
Halaman list
Menguji
Pada menu
Klik menu
Menampilkan
proyek bagian
link pada
programmer
halaman list
list proyek
programmer
menu list
terdapat
proyek
yang disimpan
proyek
halaman list
bagian quality
proyek
assurance
Halaman view
Menguji
Pada menu
Klik menu
SPK bagian
link pada
programmer
halaman view list data SPK
programmer
menu view
terdapat
SPK
SPK
halaman view
disimpan oleh
SPK
bagian finance Memperbarui
yang telah
Halaman
Menguji
Pada halaman Klik tombol
profile admin/
tombol
profile
karyawan
update
terdapat
profile sesuai
profile
tombol
data yang
update profile
dimasukkan
update profile data pribadi/
Fitur logout
Menguji
Pada setiap
Klik fitur
Logout/keluar
admin/
fitur logout
menu admin
logout
dari aplikasi
karyawan
34.
Menampilkan
terdapat fitur
dan kembali ke
logout
menu login
Halaman
Menguji
Pada menu
Klik menu
Menampilkan
project status
link pada
customer
halaman
status proyek
pada menu
menu
terdapat
project status
yang telah
customer
project
halaman
dipesan oleh
status
project status
customer
86
35.
36.
Halaman
Menguji
Pada halaman Klik tombol
Memperbarui
profile
tombol
profile
customer
update
terdapat
profile sesuai
profile
tombol
data yang
update profile
dimasukkan
update profile data pribadi/
Fitur logout
Menguji
Pada menu
Klik fitur
Logout/keluar
customer
fitur logout
customer
logout
dari aplikasi
terdapat fitur
dan kembali ke
logout
menu login semula
87
4.9 Analisa Hasil Pengujian Berikut adalah analisa yang telah dilakukan berdasarkan hasil pengujian yang telah dilakukan. Pada saat user atau pengguna aplikasi makan akan langsung dihubungkan dengan menu login aplikasi, dikarenakan aplikasi yang dibuat bertujuan untuk lebih menunjang kebutuhan internal, maka aplikasi tersebut tidak terlalu menonjolkan dari segi dasain melainkan lebih ke arah penggunaan sesuai kebutuhan. Pada halaman login terdapat dua user login yaitu sebagai customer dan admin, dimana login customer dan admin terpisah dan membedakan halaman yang dapat diakses. Apabila data username dan password benar makan akan dapat masuk ke dalam aplikasi, sedangkan pada pengujian salah apabila data yang dimasukkan tidak sesuai atau salah maka akan muncul pesan kesalahan dan aktifitas login akan gagal dan tidak dapat masuk ke dalam menu selanjutnya melainkan tetap pada halaman login semula. Tombol-tombol pada setiap menu atau halaman telah diuji, diantaranya terdapat tombol seperti: tombol simpan, batal, edit, hapus, tampilkan, update. Seluruh tombol tersebut telah diuji dan dapan berfungsi sesuai dengan harapan. Link antar halaman pun juga telah berjalan dengan baik dan tidak terjadi kesalahan dalam hal menghubungkan antar halaman. Pada setiap menu terdapat fitur logout. Logout digunakan untuk keluar dari halaman user, setelah logout sistem akan menampilkan halaman login semula. Sistem ini telah dilakukan pengujian dan hasilnya dapat dijalankan sesuai dengan rancangan yang telah dibangun. Hasil analisis terhadap sistem yang telah dibangun secara keseluruan telah berfungsi dengan baik dan layak untuk digunakan.
