BAB IV IMPLEMENTASI APLIKASI

Transkripsi

1 BAB IV IMPLEMENTASI APLIKASI 4.1 PENGGUNAAN PERANGKAT LUNAK. Dalam pembuatannya aplikasi monitoring ini didukung dengan penggunaan aplikasi perangkat lunak JetBrain Php Storm versi PS sebagai wadah pemrograman yang digunakan untuk membuat aplikasi ini, serta dengan Open JDK 64 - bit server yang sudah terinstal di komputer. Setelah itu aplikasi lain yang digunakan adalah XAMPP V dengan paket yang ada didalam aplikasi tersebut adalah : a. Apache sebagai server lokal. b. MySQL untuk penggunaan database aplikasi. c. PhpMyAdmin. 4.2 PENGGUNAAN MEDIA PERANGKAT KOMPUTER DAN SISTEM OPERASI. Pembuatan aplikasi ini perlu didukung dengan adanya komputer yang menjadi wadah dalam pengerjaan serta implementasi dari aplikasi, yang komputer tersebut didukung dengan sistem operasi yang memadai untuk pembuatannya agar mencapai hasil yang maksimal. Berikut adalah spesifikasi yang komputer yang menjadi wadah pembuatan aplikasi : A. Komputer. 1. Processor : Core i Ghz 2. Ram : 8 GB 3. Harddisk : 500 GB B. Sistem Operasi. 1. Jenis OS : Windows 7 Ultimate Service Pack 1 2. Tipe Sistem : 64 - bit 66

2 4.3 IMPLEMENTASI DATABASE APLIKASI. Penggunaan tabel database yang di terapkan pada pembuatan aplikasi ini adalah dengan penggunaan MySQL yang di manajemen oleh PhpMyAdmin agar dapat diatur sesuai dengan penggunaannya pada aplikasi. Berikut setiap tabel yang ada pada aplikasi didalam database : 1. Tabel File Laporan. Pada tabel yang mempunyai label file laporan ini adalah tabel yang digunakan untuk menampung list data dari laporan yang sudah dibuat pada aplikasi, sehingga laporan dapat ditampilkan oleh aplikasi ke pengguna. Gambar 4.1 File Laporan 2. Tabel Laporan. Kegunaan dari tabel ini mempunyai fungsi untuk menampung atau memuat semua data yang berhubungan dengan laporan yang sudah dibuat pada aplikasi, pada tabel ini dapat menampilkan data laporan secara detil pada aplikasi. Gambar 4.2 Tabel Laporan 67

3 3. Tabel Log Aktivitas. Untuk melakukan pencatatan aktivitas pada aplikasi sehingga beberapa aktivitas yang sudah dilakukan dapat ditampilkan pada halaman dashboard di aplikasi. Semua proses ini dapat di akses dengan data yang disimpan pada tabel Log Aktivitas ini. Gambar 4.3 Log Aktivitas 4. Tabel Tugas. Pada aplikasi monitoring ini terdapat fasilitas untuk membuat tugas pekerjaan yang nantinya tugas tersebut akan di tujukan kepada pengguna akun di aplikasi ini. Dalam manajemen data pada tugas pekerjaan ini semua datanya disimpan dalam tabel Tugas. Gambar 4.4 Tugas. 68

4 5. Tabel User. Pada tabel ini adalah tabel yang mempunyai fungsi untuk menampung dan mengolah data user atau pengguna yang sudah didaftarkan pada aplikasi monitoring ini. Tabel tersebut dapat dilihat pada gambar dibawah ini. Gambar 4.5 Tabel user 4.4 IMPLEMENTASI APLIKASI. Berdasarkan rancangan yang sebelumnya sudah dibahas, maka tahap selanjutnya yang dilakukan adalah implementasi aplikasi dari segi tampilan pada aplikasi itu sendiri. Tampilan halaman aplikasi dapat dilihat pada gambar yang disertakan sebagai berikut : 1. Halaman Login. Pada tampilan ini sebelum pengguna melakukan aktivitas kedalam aplikasi, diwajibkan login terlebih dahulu dengan cara memasukan username dan password. Gambar dapat dilihat pada Gambar 4.6 berikut. 69

5 Gambar 4.6 Halaman Login. 2. Halaman Dashboard Admin. Pada halaman dashboard admin dapat dilihat aktivitas yang sesudah dilakukan oleh akun admin. Sehingga beberapa aktivitas admin aplikasi dapat tercatat dan terpantau dengan baik. Bagian yang ditampilkan adalah aktivitas masuk dan keluarnya admin dari aplikasi. Gambar 4.7 Dashboard Admin 70

6 3. Halaman User Admin. Admin dapat melihat daftar akun yang sudah didaftarkan kedalam aplikasi, dengan format tampilan dibuat dalam bentuk daftar ataupun list. Pada halaman ini diberikan tombol "edit" apabila admin ingin melakukan perubahan data pada akun dan terdapat tombol "delete" yang digunakan ketika admin ingin menghapus akun dari aplikasi. Akun yang dapat dihapus ketika akun tersebut sudah didaftarkan kedalam aplikasi sebelumnya. Gambar 4.8 User Admin. 4. Halaman Tambah User Di Admin. Admin dapat melakukan penambahan akun pada aplikasi dengan mengklik tombol. Ketika akan mendaftarkan akun, maka admin harus mengisi setiap kotak yang sudah disediakan pada halaman "tambah user". Setelah data terisi sesuai dengan permintaan atau kebutuhan maka selanjutnya dengan mengklik tombol "simpan". Halaman dapat dilihat pada Gambar

7 Gambar 4.9 Tambah User 5. Halaman Mengubah User. Pada halaman mengubah user ini dapat dilihat dihalaman dibawah ini. Dengan mengisi kotak yang ada pada halaman ini admin sudah dapat melakukan perubahan yang ada pada akun tertentu. Perubahan data yang akan dirubah bisa disesuaikan dengan kebutuhan akan perubahan datanya. Gambar 4.10 Mengubah User. 72

8 6. Mengubah Password Pada Akun Admin. Dengan fasilitas yang disediakan pada halaman ini, maka pengguna pada akun admin dapat mengubah password sendiri yang sesuai keinginan pengguna. Hal yang sama dapat dilakukan pada akun yang lainnya. Gambar 4.11 Ubah Password. 7. Dashboard Pada Akun Staff. Pada halaman setelah login pada akun staf, maka tampilan yang akan muncul adalah halaman dashboard. Pada halaman ini dapat melihat log aktivitas yang dicatat pada aplikasi. Gambar 4.12 Dashboard Staff. 73

9 8. Halaman Tugas Di Akun Staff. Berikut merupakan halaman akun staf. Pada halaman tersebut pengguna dapat melihat daftar tugas pekerjaan yang diberikan. Setiap tugas yang diberikan dapat dilihat pada halaman ini, dengan tanggal mulai dan tanggal akhir pekerjaan yang menjadi tanggal selesainya tugas. Gambar 4.13 Halaman Tugas. 9. Halaman Melihat Detil Tugas. Dengan tampilnya halaman ini maka akun pengguna berlevel staf dapat melihat secara detil dari tugas yang diberikan. Pada halaman ini keterangan pekerjaan dapat ditampilkan, yang memberi penugasan dapat terlihat pada halaman ini dan pada halaman ini dapat menampilkan laporan dari pekerjaa yang sudah diselesaikan. Sehingga staf dapat melihat kembali dari pekerjaan yang sudah dibuat laporannya pada aplikasi ini. Adapun halaman detil tugas ini dapat dilihat pada Gambar

10 Gambar 4.14 Detil Tugas. 10. Tampilan Halaman Membuat Laporan. Halaman buat laporan akan muncul ketika pengguna mengklik tombol buat laporan. Dengan fasilitas yang diberikan pada halaman ini, pengguna akun berlevel staf dapat membuat laporan pekerjaan dengan baik guna untuk memberikan informasi kepada project manager apabila pekerjaan tersebut sudah selesai dikerjakan. Gambar 4.15 Buat Laporan. 75

11 11. Halaman Dashboard Project Manager. Pada akun yang berlevel project manager terdapat halaman dashboard di aplikasi, yang mempunyai fungsi sama dengan akun yang lainnya. Tidak hanya pada halaman di akun staf dan admin, pada akun ini terdapat yang sama untuk melihat kegiatan yang sudah dilakukan didalam aplikasi ini. Gambar 4.16 Dashboard Project manager. 12. Halaman Staff. Semua daftar staff dapat dilihat dan di tampilkan pada halaman di aplikasi, tampilan tersebut hanya dapat dilihat pada akun berlevel project manager. Halaman dapat dilihat pada Gambar

12 Gambar 4.17 Halaman staff. 13. Halaman Membuat Tugas. Pada aplikasi ini disediakan halaman agar project manager dapat membuat tugas pekerjaan. Dengan sebelumnya mengisi pada kotak yang disediakan halaman ini, maka pekerjaan yang akan diberikan sedang dalam proses pembuatan. Pada halaman ini dapat dilihat tanggal mulai pekerjaan sampai tanggal berakhirnya tugas pekerjaan yang diberikan dan pada halaman ini harus menentukan dahulu staf yang akan diberikan pekerjaan. Gambar 4.18 Membuat Tugas. 77

13 14. Halaman List Tugas di Akun Project manager. Sama dengan akun staf pada akun yang berlevel project manager ini dapat melihat list tugas yang sudah diberikan. Halaman dapat dilihat pada Gambar Halaman ini dibuat untuk melihat laporan yang sudah dibuat oleh staf pada tiap - tiap pekerjaan yang sebelumnya diberikan. Pada halaman ini dapat terlihat file yang dilampirkan oleh staf. Gambar 4.19 List Tugas. 15. Halaman Detil Tugas Pada Akun Project manager. Pada halaman ini project manager dapat melihat setiap tugas yang diberikan secara detil. Tugas yang sudah diberikan dapat dilihat secara detil, sehingga halaman ini dapat menentukan status selesai dari pekerjaan yang sudah diberikan. Laporan dapat terlihat pada halaman ini. Gambar 4.20 dapat menunjukan halaman yang dimaksud. 78

14 Gambar 4.20 Detil Tugas. 16. Halaman List Laporan. Dengan tampilnya halaman ini maka laporan yang dalam bentuk daftar dapat dilihat oleh akun project manager. Daftar laporan dapat ditampilkan secara urutan dalam daftar pada halaman ini. Laporan yang sudah dibuat pada pekerjaan yang sebelumnya diberikan dapat terlihat semua dengan baik di aplikasi, sehingga project manager dapat melihat semua laporan yang ada. Perhatikan Gambar 4.21 dibawah ini sebagai berikut : Gambar 4.21 List Laporan. 79

15 4.5 PENGUJIAN APLIKASI. Pengujian yang dilakukan pada aplikasi dengan menggunakan metode pengujian blackbox testing, yang pengujiannya di fokuskan kepada kebutuhan fungsionalitas aplikasi agar penggunan dapat menjalankan aplikasi dengan sesuai yang diharapkan. 1. Validasi Form Login. Pada sesi ini pengguna aplikasi dari admin, project manager dan staff dapat melakukan input akun yang terdaftar dan berhasil login. Pengujian dapat dilihat pada Tabel 4.1. Tabel 4.1 Form Login. No Fitur Skenario Hasil Kesimpulan 1 Admin / Project Valid manager / Staff 2 Admin / Project manager / Staff 3 Admin / Project manager / Staff Memasukan username dan password yang berbeda dari database Tidak memasukan username dan password kedalam kotak login Memasukan username dan password yang sesuai dengan database Hasilnya adalah error dengan munculnya pemberitahuan "username atau password tidak cocok" Hasilnya adalah error dengan munculnya pemberitahuan "username atau password tidak cocok" Berhasil masuk kedalam aplikasi dan muncul halaman dashboard Valid Valid 2. Admin Mengelola Akun User. Akun yang berlevel admin dapat mendaftarkan, mengubah dan menghapus akun pengguna pada aplikasi. Sehingga yang mengatur atau manajemen setiap akun yang ada di aplikasi monitoring ini adalah admin di dalam aplikasi. Dengan pengujian pengelolaan akun dapat dilihat pada Tabel

16 Tabel 4.2 Pengujian Admin. No Fitur Skenario Hasil Kesimpulan 1 Admin Akun admin mengkakses aplikasi dengan akun yang sesuai dengan database, setelah itu admin mengkases menu "User" dan klik tombol "Tambah User". Setelah muncul halaman tambah user, admin mengisi data sesuai dengan data yang diberikan pada halaman "tambah user" Muncul pemberitahuan "User IMAM BUCHORI" telah ditambahkan. Valid 2 Admin Admin mengakses aplikasi lalu mengakses menu "user". Setelah itu pilih akun yang ingin dihapus dengan klik tombol "delete" 3 Admin Admin mengakses aplikasi dengan akun yang sesuai, lalu memilih menu "user" dan mengklik tombol "edit". Muncul halaman "edit" setelah itu isi data yang akan dirubah lalu klik "simpan". Muncul pemberitahuan "IMAM BUCHORI telah dihapus" Muncul pemberitahuan data user telah disimpan Valid Valid 3. Membuat Laporan dan Melihat Detil Tugas. Akun yang mempunyai level staff dapat membuat laporan pekerjaan kedalam aplikasi ketika pekerjaan sudah selesai dilakukan. Selain itu staf dapat melihat setiap tugas secara mendetil. Pengujian dapat dilihat pada Tabel

17 Tabel 4.3 Staff Membuat Laporan. No Fitur Skenario Hasil Kesimpulan 1 Staff Akun yang berlevel staff masuk kedalam aplikasi, lalu mengakses menu "tugas". Setelah itu klik tombol "Buat Laporan" pada tugas yang dianggap selesai. Muncul halaman Buat laporan, isi laporan dan klik tombol "simpan". Muncul pemberitahuan "Laporan Berhasil dikirimkan" Valid 2 Staff Pengguna melakukan login ke aplikasi, setelah itu masuk kedalam menu "tugas", lalu pilih tugas dan klik tombo "detail". Halaman detil tugas muncul Valid 4. Membuat Tugas. Pada pengguna akun project manager di aplikasi ini dapat membuat sebuah tugas pekerjaan yang tugas tersebut dapat diberikan kepada staf yang di tujukan dengan memilih staf yang ada pada menu "Staff" yang sebelumnya sudah masuk kedalam aplikasi. Perhatikan Tabel 4.4 untuk melihat pengujian pada bagian akun ini. 82

18 Tabel 4.4 Buat Tugas. No Fitur Skenario Hasil Kesimpulan 1 Project Valid manager Pengguna melakukan login kedalam aplikasi, lalu memilih menu "staff", setelah itu pilih staff yang dituju dengan mengklik tombol "beri tugas" dengan sebelumnya melihat staff mana yang tidak memiliki kesibukan, muncul halaman "buat tugas", lalu klik "simpan" Muncul pemberitahuan "Tugas <nama_tugas>" berhasil ditambahkan 4.6 ANALISA HASIL PENGUJIAN. Setelah pengujian sudah selesai dilakukan terhadap aplikasi monitoring tingkat pekerjaan ini, maka dapat di ambil kesimpulan bahwa aplikasi yang sudah di buat dapat berjalan sesuai analisa perancangan aplikasi. Adapun penjelasan dari setiap poin - poin yang dijadikan beberapa bahan pengujian pada aplikasi monitoring ini. Diharapkan pengujian ini dapat membuat aplikasi dapat berjalan dengan baik dan maksimal untuk menjalankan fungsi - fungsi yang ada sehingga dapat membantu untuk melakukan pemantauan tingkat pekerjaan. 1. Validasi Form Login. Pada hasil yang diberikan keterangan pada tabel pengujian adalah "Valid". Hasil yang didapatkan sesuai dengan harapan yang dilakukan pada pengujian ini. Karena setiap skenario yang dijalankan pada akun admin, project manager dan staff semuanya dapat dilakukan dengan baik dan benar. Dengan hasil sebagai berikut : Memasukan username atau password berbeda = Hasilnya error Tidak memasukan data akun = Hasilnya error Memasukan data akun yang sesuai = Hasilnya berhasil Dapat ditarik kesimpulan pengujian sesuai dengan harapan. Hasil pengujian dapat dilihat kembali pada tabel

19 2. Admin Mengelola Akun User. Pada poin yang kedua ini dilakukan beberapa skenario yang hasil diharapkan adalah "valid". Seperti yang tertera pada keterangan tabel 4.2 bahwa hasil yang dicapai pada tahap pengujian ini adalah sesuai dengan target, yaitu : Merubah data akun = Data akun dapat dirubah Menghapus akun = Akun dapat terhapus Merubah data akun = Data akun dapat dirubah sesuai permintaan Kesimpulannya bahwa aplikasi dapat berjalan dengan baik sebagaimana semestinya dari jajaran fungsi yang ada. 3. Membuat Laporan dan Melihat Detil Tugas. Pada poin yang ada 2 skenario yang dilakukan, berikut skenario tersebut dengan hasil yang didapatkan : Membuat Laporan = Hasilnya laporan dapat dibuat dan disimpan Mengakses Menu Detil Tugas = Detil tugas dapat tampil di halaman aplikasi Dengan demikian keterangan yang didapat adalah "valid". Sehingga aplikasi dapat dijalankan dengan baik pada fungsi yang ada di poin Membuat Tugas. Pada Poin 4 ini dilakukan 1 skenario, pengujian yang dilakukan adalah pada akun yang mampunyai level project manager. Berikut skenario dan hasil yang sudah dicapai : Membuat Tugas pada halaman tugas = hasilnya adalah tugas berhasil dibuat Pada poin ini adalah keterangan yang didapat berdasarkan hasil dari tes pengujian ini adalah "valid". Hasil yang didapatkan pada pengujian aplikasi ini adalah fungsionalitas yang menjadi inti dari aplikasi ini dapat berjalan dengan maksimal secara baik dan benar. Berikut penjelasan dari hasil pengujian pada aplikasi yang mengambil metode pengujian blakcbox. 84