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 4.2.5 Tampilan Tabel Invoice Gambar 4.4 Tampilan Tabel Customer Gambar 4.5 Tampilan Tabel Invoice
66 4.2.6 Tampilan Tabel Karyawan 4.2.7 Tampilan Tabel Proyek Gambar 4.6 Tampilan Tabel Invoice Gambar 4.7 Tampilan Tabel Proyek
67 4.2.8 Tampilan Tabel Requirement 4.2.9 Tampilan Tabel SPK Gambar 4.8 Tampilan Tabel Requirement 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 4.5.2 Halaman Project Status Customer Gambar 4.25 Halaman Utama 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 yang dalam antar muka aplikasi tersebut apakah sesuai dengan tahap perancangan yang telah disusun. Tabel 4.1 Skenario Pengujian No. Antar Muka Uji Coba Status Aplikasi 1. Halaman Masuk Utama (Home) semua link halaman menu yang utama pada halaman utama 2. Halaman Pada meu Login inputan data login kolom inputan username dan password 3. Halaman Login login login login 4. Halaman Login login cancel cencel Skenario Pengujian Klik link menu satu persatu Memasukkan username dan password Klik tomol login pada halaman login Klik pada halaman login Hasil yang diharapkan Menu terhubung dengan halaman link yang diklik data yang di input berdasarkan data input dari pengguna. Masuk ke aplikasi jika username dan password benar Menghapus inputan username/ password
80 5. Halaman Klik Menyimpan data yang telah setelah diinput pada bagian memasukkan fitur entry data marketing data 6. Halaman Klik Menghapus inputan yang batal setelah telah bagian memasukkan dimasukan marketing batal data 7. Halaman Klik edit edit pada data form update yang telah untuk bagian memperbarui marketing edit sebelumnya data yang sebelumnya telah 8. Halaman Klik Menghapus hapus pada data hapus data yang yang pernah bagian marketing hapus sebelumnya sebelumnya 9. Halaman Klik Menyimpan proyek data yang telah bagian quality proyek setelah diinput pada assurance memasukkan fitur entry data data proyek proyek
81 10. Halaman Klik proyek update form update bagian quality update proyek progress pada progress untuk assurance progress list data memasukkan proyek yang data progress update telah proyek progress 11. Halaman Klik proyek edit edit pada list form edit yang bagian quality proyek data proyek dapat assurance yang telah memperbarui/ edit merubah data 12. Halaman Klik Menghapus proyek delete pada data proyek bagian quality delete proyek list data yang pernah assurance proyek yang delete telah sebelumnya 13. Halaman Klik Menyimpan data yang telah bagian quality setelah diinput pada assurance memasukkan fitur entry data data 14. Halaman Klik edit edit pada list form edit yang bagian quality dapat assurance edit yang telah memperbarui/ merubah data
82 15. Halaman Klik Menghapus delete pada data bagian quality delete list data assurance delete yang pernah yang telah sebelumnya 16. Halaman Klik Menyimpan data yang telah setelah diinput pada bagian finance memasukkan fitur entry data data 17. Halaman Klik edit edit pada list form edit yang dapat bagian finance memperbarui/ edit yang telah merubah data 18. Halaman Klik Menghapus delete pada data delete list data yang bagian finance pernah delete yang telah sebelumnya 19. Halaman list Klik proyek bagian list data input biaya form input finance input biaya proyek pada list data biaya yang proyek dapat
83 input memperbarui/ biaya merubah data biaya proyek 20. Halaman list Klik data update pada form update update list data keterangan bagian finance rquirement yang yang dapat update pada memperbarui/ tampilan list merubah data data keterangan 21. Halaman Klik Menyimpan invoice bagian invoice data yang telah finance setelah diinput pada memasukkan fitur entry data data invoice invoice 22. Halaman Klik invoice bagian edit invoice edit pada list form edit yang finance data invoice dapat edit yang telah memperbarui/ merubah data invoice 23. Halaman Klik Menghapus invoice bagian invoice hapus pada data invoice finance hapus list data yang pernah hapus invoice yang telah sebelumnya
84 24. Halaman Klik invoice bagian invoice tampilkan invoice yang finance tampilkan invoice pada telah invoice list data sebelumnya tampilkan invoice yang invoice telah 25. Halaman tim Klik Menyimpan proyek bagian tim proyek data yang telah finance setelah diinput pada memasukkan fitur insert anggota tim anggota tim proyek proyek 26. Halaman tim Klik Menghapus proyek bagian list anggota hapus pada anggota tim finance hapus tim proyek list anggota yang pernah tim proyek hapus yang telah sebelumnya 27. Halaman SPK Klik Menyimpan bagian finance SPK data yang telah setelah diinput pada memasukkan fitur entry data data SPK SPK 28. Halaman SPK Klik bagian finance edit SPK edit pada list form edit yang edit data SPK dapat yang telah memperbarui/ merubah data
85 29. Halaman SPK Klik Menghapus bagian finance SPK hapus pada data SPK yang hapus hapus list data SPK pernah yang telah sebelumnya 30. Halaman list Klik menu proyek bagian link pada programmer halaman list list proyek programmer menu list proyek yang proyek halaman list bagian quality proyek assurance 31. Halaman view Klik menu SPK bagian link pada programmer halaman view list data SPK programmer menu view SPK yang telah SPK halaman view oleh SPK bagian finance 32. Halaman Pada halaman Klik Memperbarui profile admin/ profile update profile data pribadi/ update profile sesuai profile data yang update profile dimasukkan 33. Fitur logout Pada setiap Klik fitur Logout/keluar admin/ fitur logout menu admin logout dari aplikasi fitur dan kembali ke logout menu login 34. Halaman Klik menu project status link pada halaman status proyek pada menu menu project status yang telah project halaman dipesan oleh status project status
86 35. Halaman Pada halaman Klik Memperbarui profile profile update profile data pribadi/ update profile sesuai profile data yang update profile dimasukkan 36. Fitur logout Klik fitur Logout/keluar fitur logout logout dari aplikasi 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 dua user login yaitu sebagai dan admin, dimana login 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- pada setiap menu atau halaman telah diuji, diantaranya seperti:, batal, edit, hapus, tampilkan, update. Seluruh 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 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.