BAB V IMPLEMENTASI DAN PENGUJIAN

Transkripsi

1 BAB V IMPLEMENTASI DAN PENGUJIAN Pada bab ini akan dilakukan implementasi dan pengujian terhadap Aplikasi Power Control. Tahapan ini dilakukan setelah analisa dan perancangan selesai dilakukan dan akan diimplementasikan di dalam bahasa pemograman. Setelah diimplementasikan maka akan dilakukan pengujian terhadap aplikasi dan akan dilihat kekurangan aplikasi untuk pengembangan aplikasi selanjutnya. 5.1 LINGKUNGAN IMPLEMENTASI Setelah aplikasi dianalisis dan didesain secara rinci, maka akan dilakukan tahapan implementasi. Implementasi adalah tahap membuat aplikasi sehingga siap untuk digunakan. Implementasi bertujuan untuk mengkonfirmasi modul-modul perancangan, sehingga pengguna dapat memberikan masukan pada pembangunan sistem PERANGKAT KERAS Perangkat keras yang digunakan untuk mengimplementasikan aplikasi adalah : 1. 1 Laptop Server a. Tipe Komputer : HP b. Processor : intel i5-3337u CPU 1.8 GHz c. RAM : 8GB d. Hard disk : 500 Gb e. Monitor : 14 inch 36

2 2. 1 Smartphone Android a. Tipe Smartphone : Smartphone Android Samsung Galaxy S4 b. Processor : Mediatek c. RAM : 2GB d. Internal Storage : 8 Gb e. Monitor : 4.5 inch 3. 1 Laptop Client Remote a. Tipe Komputer : Laptop Asus A43SJ b. Processor : intel Pentium B960 CPU 2.1 GHz c. RAM : 6GB d. Hard disk : 500 Gb e. Monitor : 14 inch PERANGKAT LUNAK Perangkat lunak yang digunakan untuk membuat aplikasi adalah sebagai berikut : Visual Basic 6.0 Notepad++ Xampp ODBC Data Source Administrator ( 64 Bit ) 37

3 5.2 HASIL IMPLEMENTASI Dalam Aplikasi Power Control terdapat menu dan submenu yang masingmasing memiliki fungsi sesuai dengan kebutuhan. Berikut adalah tampilan antarmuka Aplikasi Power Control Source code android untuk mengakses dan untuk menyediakan tampilan Webbased di perangkat mobile android Kode dibawah menggunakan bahasa pemrograman Java yang di compile dengan menggunakan Android Studio, bagian kode ini menyediakan fungsi untuk user memasukkan alamat IP server yang akan ditampung dan digunakan untuk mengarahkan user ke halaman login Aplikasi Power Control. Gambar 5-1 Source code untuk proses menampung IP Address yang diinput oleh User dan diproses untuk mengarahkan ke halaman login Kode dibawah menggunakan bahasa pemrograman XML yang di compile dengan menggunakan Android Studio, bagian kode ini menyediakan fungsi untuk menampilkan halaman input IP Server yang akan dituju. 38

4 Gambar 5-2 Source code untuk menampilkan halaman input IP Address Kode dibawah menggunakan bahasa pemrograman Java yang di compile dengan menggunakan Android Studio, bagian kode ini menyediakan fungsi untuk mengarahkan hasil input IP Address ke server dan mengakses file halaman login yang disediakan oleh server, untuk kemudian diadaptasi kedalam tampilan mobile dengan method android.webview. 39

5 Gambar 5-3 Source code untuk proses mengarahkan ke server dan mengadaptasikan tampilan ke mobile dengan method Android.Webview Kode dibawah menggunakan bahasa pemrograman XML yang di compile dengan menggunakan Android Studio, bagian kode ini menyediakan fungsi untuk menampilkan halaman login yang tersedia di server sesuai dengan alamat IP yang dituju yang diadaptasi ke halaman mobile dengan method Android.Webview. 40

6 Gambar 5-4 Source code untuk adaptasi tampilan di android mobile dengan method Android.Webview Halaman Awal Untuk tampilan halaman awal Aplikasi Power Control jika pengguna ingin menggunakan aplikasi atau masuk ke halaman menu, pengguna harus melakukan login dengan user dan password yang akan disediakan oleh penulis. Gambar 5-5 Halaman Login Aplikasi Power Control Kode dibawah menggunakan bahasa pemrograman HTML yang di compile dengan menggunakan Notepad++, bagian kode ini menyediakan fungsi untuk menampilkan form halaman login yang terdiri dari field isian username, password dan tombol login. 41

7 Gambar 5-6 Source code untuk form halaman Login Kode dibawah menggunakan bahasa pemrograman PHP yang di compile dengan menggunakan Notepad++, bagian kode ini menyediakan fungsi untuk melakukan validasi terhadap isian form, apabila ada field yang tidak diisi atau isian user atau password tidak benar maka user tidak akan dapat diarahkan ke halaman menu utama. Gambar 5-7 Source code untuk validasi halaman Login 42

8 5.2.3 Halaman Utama Pada halaman ini terdapat menu Monitoring, Laporan Penggunaan, dan Logout. Gambar 5-8 Halaman Utama Aplikasi Power Control Kode dibawah menggunakan bahasa pemrograman HTML yang di compile dengan menggunakan Notepad++, bagian kode ini menyediakan fungsi untuk menampilkan form halaman menu yang terdiri dari menu Monitoring, Laporan dan Logout. 43

9 Gambar 5-9 Source code untuk tampilan halaman Menu Halaman Menu Monitoring Pada halaman ini terdapat tampilan yang berkaitan dengan Menu Monitoring. 44

10 Gambar 5-10 Halaman Menu Monitoring Aplikasi Power Control Kode dibawah menggunakan bahasa pemrograman HTML yang di compile dengan menggunakan Notepad++, bagian kode ini menyediakan fungsi untuk mengakses daftar remote komputer melalui tombol refresh. Gambar 5-11 Source code untuk tampilan halaman Monitoring dengan tombol Refresh 45

11 Pada halaman ini user akan diarahkan untuk memilih tombol Refresh untuk melihat status terkini dari PC yang ada di ruangan praktikum. Gambar 5-12 Halaman Menu Monitoring Aplikasi Power Control setelah di Refresh Kode dibawah menggunakan bahasa pemrograman PHP yang di compile dengan menggunakan Notepad++, bagian kode ini menyediakan fungsi untuk menampilkan daftar remote komputer setelah user menekan tombol refresh, tampilan tombol shutdown tersedia disamping baris computer yang statusnya aktif atau on. 46

12 Gambar 5-13 Source code untuk menampilkan halaman daftar remote komputer setelah user menekan tombol Refresh Halaman Menu Laporan Penggunaan Pada halaman ini terdapat tampilan yang berkaitan dengan Menu Laporan Penggunaan. 47

13 Gambar 5-14 dan 5-15 Halaman Menu Laporan Penggunaan Aplikasi Power Control Kode dibawah menggunakan bahasa pemrograman HTML yang di compile dengan menggunakan Notepad++, bagian kode ini menyediakan fungsi untuk menampilkan form halaman menu laporan yang terdiri form isian untuk mendapatkan hasil laporan penggunaan listrik dan biaya dari keseluruhan remote komputer dalam 1 ruangan yang sama. 48

14 Gambar 5-16 Source code untuk menampilkan halaman form isian pemilihan jenis laporan Kode dibawah menggunakan bahasa pemrograman PHP yang di compile dengan menggunakan Notepad++, bagian kode ini menyediakan fungsi untuk melakukan validasi form halaman menu laporan, yang apabila ada bagian form yang belum terpilih atau terisi, maka proses rekapitulasi laporan penggunaan listrik dan biaya dari keseluruhan remote komputer dalam 1 ruangan yang sama tidak akan diproses. 49

15 Gambar 5-17 Source code untuk validasi halaman pemilihan jenis laporan Gambar 5-18 Tampilan halaman hasil pemilihan laporan atau penggunaan total power dari remote komputer dalam 1 ruangan 50

16 Kode dibawah menggunakan bahasa pemrograman PHP yang di compile dengan menggunakan Notepad++, bagian kode ini menyediakan fungsi untuk melakukan kalkulasi dari hasil input atau pilihan dari halaman pemilihan jenis laporan. 51

17 Gambar 5-19 Source code untuk proses kalkulasi dan menampilkan hasil pemilihan jenis laporan Menu Logout Menu Logout adalah menu untuk mengarahkan user keluar dari menu aplikasi, disamping itu juga berfungsi untuk mencegah akses halaman oleh pihak yang tidak berkepentingan, karena diperlukan proses login kembali jika ingin menuju kembali ke halaman utama. Kode dibawah menggunakan bahasa pemrograman PHP yang di compile dengan menggunakan Notepad++, bagian kode ini menyediakan fungsi untuk menampilkan mengembalikan user ke form halaman login. Gambar 5-20 Source code untuk menu Logout Source Code untuk design halaman dalam bentuk CSS Bagian pendukung untuk setiap halaman adalah source code design, yang digunakan pada aplikasi ini adalah bahasa CSS. Kode dibawah menggunakan bahasa pemrograman CSS yang di compile dengan menggunakan Notepad++, bagian kode ini menyediakan fungsi untuk design semua halaman menu. 52

18 . Gambar 5-21 Source code CSS untuk desain semua halaman menu Aplikasi Power Control 53

19 5.2.8 Source Code untuk modul koneksi database Mysql Sebagai sumber data dalam mendukung aplikasi, database MySql dihubungkan dengan modul source code untuk koneksi, dan salah satu modul source code update database MySql. Kode dibawah menggunakan bahasa pemrograman PHP yang di compile dengan menggunakan Notepad++, bagian kode ini menyediakan modul koneksi yang dapat di include semua halaman menu yang membutuhkan koneksi ke database. Gambar 5-22 Source code koneksi database MySql Kode dibawah menggunakan bahasa pemrograman PHP yang di compile dengan menggunakan Notepad++, bagian kode ini menyediakan fungsi untuk update database. Gambar 5-23 Source code update database MySql 54

20 5.2.9 Source code aplikasi VB6 untuk Server Untuk fungsi monitoring dan control shutdown dari server kepada setiap remote komputer, aplikasi menggunakan Visual Basic 6.0 yang terbagi dalam 2 program, yang terdiri dari server side program dan client side program. namun karena sisi client bersifat background proses maka penulis hanya menampilkan form utama pada sisi server saja. Program disisi server hanya memiliki tampilan sederhana seperti gambar dibawah, tidak ada fitur tombol karena segala sesuatunya dilakukan berdasarkan event didalamnya, baik dari proses pengiriman data kedalam database maupun proses perintah shutdown ke dalam client. Gambar 5-24 Interface Server Side Program 55

21 Kode dibawah menggunakan bahasa pemrograman VB6 yang di compile dengan menggunakan VB6, bagian kode ini menyediakan fungsi untuk proses penerimaan data dan proses pengiriman perintah untuk shutdown komputer yang terkoneksi Source code aplikasi VB6 untuk Remote Computer Seperti yang penulis katakan sebelumnya bahwa cara kerja pada server berdasarnya pada event event yang terjadi, jadi dapat dikatakan juga bahwa cara kerja server remote power management bersifat background proses dimana sebagai penghubung PC client yang terkoneksi untuk dimasukkan kedalam database untuk dioleh menjadi sebuah data, adapun event - event terdapat pada Server Remote Power Management ini terdiri dari : - Event form load - Event connection request client - Event close connection client - Event timer sebagai kinerja utama yang akan menentukan kapan client akan dimatikan Gambar 5-25 Source Code Form load Kode diatas adalah perintah kerja server pertama kali ketika dijalankan yang secara otomatis akan menampilkan tulisan "Server listening", dan membuka socket dengan lokal port yang telah ditentukan sekaligus perintah state listen pada server untuk menerima koneksi yang akan masuk. 56

22 Kode program dibawah adalah event untuk melakukan penerimaan koneksi secara multiple, karena umumnya 1 winsock hanya dapat menangani 1 socket yang terkoneksi, dan pada event ini dimasukan pula perintah update kedalam database untuk setiap koneksi yang terkoneksi. Gambar 5-26 Source Code untuk Connection Request from Multi client sebagai record ip yang terkoneksi Kode program dibawah adalah event disconneting, dimana secara otomatis program akan mengupdate IP yang terputus kedalam database yang untuk disimpan, yang merupakan satu kesatuan kerja dengan event connection request untuk mendapatkan uptime dari client yang terkoneksi. 57

23 Gambar 5-27 Source Code Closed untuk record IP terputus kedalam database Kode program dibawah adalah perintah untuk memanggil koneksi yang mana akan dijadikan module didalam VB6 sebagai pintu utama untuk memasuki database. Gambar 5-28 Source Code module untuk memanggil koneksi Kode program dibawah adalah event timers, dimana fungsi utama dari timer tersebut untuk melakukan perintah shutdown, adapun proses kerjanya adalah sebagai berikut : 58

24 Server akan melakukan pengecekan didatabase pada tabel tbl_status, dimana apabila ada status dengan angka "2" (yang merupakan tanda bahwa dari sisi android untuk mematikan IP tersebut / perintah shutdown) Bila tidak ada angka 2 maka akan dilakukan perulangan timer dalam hal pengecekan kedalam database dengan kondisi waktu yang sudah ditentukan. Bila ditemukan maka server akan melakukan koneksi kepada nilai ip tersebut lalu menuju port dan mengirim sebuah text pada label yang telah terinput didalam form dimana event timer dan event winsock1 connect merupakan suatu kesatuan fungsi dalam memerintahkan shutdown dari sisi server. 59

25 Gambar 5-29 Source Code Timer sebagai proses Timer shutdown 5.3 HASIL PENGUJIAN Setelah dilakukan tahap implementasi, tahapan selanjutnya untuk aplikasi ini adalah pengujian. Pada sub bab ini akan dibahas mengenai prosedur pengujian, skenario,hasil pengujian, dan analisis hasil pengujian terhadap Aplikasi Power Control Monitoring Metode Pengujian 60

26 Pengujian yang akan dilakukan pada tahap ini adalah pengujian black box yang berfokus pada unit program memenuhi kebutuhan (requirement) dari aplikasi. Pada black box testing, pengujian yang dilakukan hanya dengan menjalankan atau mengeksekusi unit atau modul, kemudian diamati apakah hasilnya sesuai dengan yang diinginkan. Pengujian dengan menggunakan metode black box testing dilakukan dengan cara memberikan sejumlah perintah pada aplikasi ini dan lalu diproses sesuai dengan kebutuhan fungsionalnya untuk melihat apakah aplikasi menghasilkan keluaran (output) yang diinginkan sesuai dengan fungsi aplikasi tersebut. Bila perintah yang diberikan memberikan output yang sesuai dengan kebutuhan fungsionalnya, maka program aplikasi dianggap berhasil, akan tetapi apabila output yang dihasilkan tidak sesuai dengan kebutuhan fungsionalnya maka masih terdapat kesalahan pada aplikasi tersebut. Pengujian dilakukan dengan mencoba semua kemungkinan yang terjadi dan dilakukan secara berulang-ulang. Jika dalam pengujian ditemukan kesalahan fungsional, maka akan dilakukan perbaikan untuk memperbaiki kesalahan tersebut. Ketika selesai melakukan perbaikan terhadap kesalahan tersebut, maka akan dilakukan pengujian kembali. Pengujian dan perbaikan dilakukan secara terus- menerus sehingga akan memperoleh hasil yang terbaik dan terhindar dari kesalahan minor maupun major Skenario Ujicoba Pengujian dilakukan untuk memastikan bahwa program yang telah dibuat akan berjalan sesuai dengan yang telah dirancang. Pengujian aplikasi ini dilakukan secara bertahap, yakni membuat skenario pengujian dan melakukan pengujian. Pengujian dilakukan pada aplikasi secara keseluruhan akan tetapi tidak seluruhnya akan dijelaskan di dalam laporan ini. Pengujian-pengujian yang dijelaskan dalam laporan ini mewakili keseluruhan pengujian sistem yang dilakukan. 61

27 Tabel 5-1 Skenario Pengujian Halaman Menu Login Id Uji Nama Uji 1 Mengisi dan memilih Tombol Login Fungsi yang Diuji Form isian user dan password dan Tombol Login di Menu utama Skenario Hasil yang Proses Mengisi user dan password dan memilih Tombol Login di Menu Utama Diharapkan Mengarahkan ke halaman Menu Utama apabila Login berhasil Tabel 5-2 Skenario Pengujian Halaman Menu Utama Id Uji Nama Uji Fungsi yang 1 Memilih salah satu menu Diuji Proses memilih salah satu menu di Menu Utama Skenario Hasil yang Memilih salah satu yang ditampilkan menu Diharapkan Menampilkan sub menu yang sesuai menu dipilih dengan Menu Utama yang di Tabel 5-3 Skenariol Pengujian Halaman Menu Monitoring Id Uji Nama Uji Fungsi yang 1 Pemilihan Menu Monitoring Diuji Halaman Menu Monitoring Skenario Hasil yang Memilih Menu Monitoring Diharapkan Menampilkan Halaman Menu Monitoring 62

28 Tabel 5-4 Skenario Pengujian Refresh data yang ada pada Halaman Menu Monitoring Id Uji Nama Uji Fungsi yang 1 Memilih tombol Refresh di halaman Menu Monitoring Diuji Tombol pilihan Refresh Skenario Hasil yang Melihat data dari hasil pemilihan tombol Refresh Diharapkan Muncul data daftar dan status PC yang masih aktif setelah memilih tombol Refresh Tabel 5-5 Skenario Pengujian Tombol Button Shutdown pada Halaman Menu Refresh Monitoring Id Uji Nama Uji Fungsi yang 1 Tombol Shutdown pada Halaman Menu Refresh Data Monitoring Diuji Fungsi Tombol Shutdown pada Halaman Menu Refresh Monitoring Skenario Hasil yang Mengklik Tombol Shutdown pada Halaman Menu Refresh Monitoring Diharapkan Database akan diupdate untuk meminta shutdown ketika user Mengklik Tombol Shutdown pada Halaman Menu Refresh Monitoring 63

29 Tabel 5-6 Skenario Pengujian Halaman Menu Laporan Penggunaan Id Nama Uji Fungsi yang Skenario Hasil yang Uji Diuji Diharapkan 1 Memilih pilihan radio button, Drop-down List, mengisi form isian daya listrik PC dan Tarif Listrik per Kwh. Setelah semua pilihan terisi, user akan memproses perhitungan laporan dengan mengklik tombol Proses pada Halaman Menu Language untuk menghasilkan Halaman Hasil Menu Language Proses check hasil Halaman Menu Laporan Penggunaan Proses check hasil p e m i l i h a n d a n i s i a n Halaman Menu Laporan Penggunaan Menampilkan nilai hasil dari Halaman Menu Laporan Penggunaan Tabel 5-7 Skenario Pengujian link Kembali pada setiap Halaman Menu Id Uji Nama Uji Fungsi yang 1 Memilih link Kembali pada Setiap Halaman Diuji Proses memilih link Kembali pada setiap halaman Halaman Skenario Hasil yang Memilih link Kembali pada setiap Halaman Menu Diharapkan Mengembalikan kepada Halaman Menu sebelumnya 64

30 Tabel 5-8 Skenario Pengujian Tombol Logout pada halaman Menu Utama Id Uji Nama Uji Fungsi yang 1 Pemilihan Tombol Logout Diuji Tombol Keluar dari Menu Utama Skenario Hasil yang Memilih tombol Logout pada halaman Menu Diharapkan Kembali ke halaman awal Login Hasil Uji Coba Berikut adalah hasil uji coba Aplikasi Power Control Monitoring dengan menjalankan pengujian aplikasi seperti skenario yang telah dirancang sebelumnya. Tabel 5-9 Hasil Pengujian Halaman Menu Login Id Uji Nama Uji Fungsi yang 1 Melakukan proses Login Diuji Proses Melakukan Login pada Halaman Login Hasil Pengujian Menampilkan halaman Menu Utama Tabel 5-10 Hasil Pengujian Halaman Menu Utama Id Uji Nama Uji Fungsi yang 1 Pemilihan Menu Monitoring Diuji Halaman Menu Monitoring Hasil Pengujian Menampilkan Halaman Menu Monitoring Tabel 5-11 Hasil Pengujian Refresh data yang ada pada Halaman Menu 65

31 Monitoring Id Uji Nama Uji Fungsi yang 1 Memilih tombol Refresh di halamanmenu Monitoring Diuji Tombol pilihan Refresh Hasil Pengujian Muncul data daftar dan status PC yang masih aktif Tabel 5-12 Hasil Pengujian Tombol Button Shutdown pada Halaman Menu Refresh Monitoring Id Uji Nama Uji Fungsi yang 1 Tombol Shutdown pada Halaman Menu Refresh Data Monitoring Diuji Fungsi Tombol Shutdown pada Halaman Menu Refresh Monitoring Hasil Pengujian Refresh Monitoring Database terupdate untuk meminta shutdown Tabel 5-13 Hasil Pengujian Halaman Menu Laporan Penggunaan Id Uji Nama Uji Fungsi yang 1 Memilih pilihan radio button, Drop-down List, mengisi form isian daya listrik PC dan Tarif Listrik per Kwh. Setelah semua pilihan terisi, user akan memproses perhitungan laporan dengan mengklik tombol Proses Diuji Proses check hasil Halaman Menu Laporan Penggunaan Hasil Pengujian Menampilkan nilai hasil dari Halaman Menu Laporan Penggunaan Tabel 5-14 Hasil Pengujian link Kembali pada setiap Halaman Menu 66

32 Id Uji Nama Uji Fungsi yang 1 Memilih link Kembali pada Setiap Halaman Diuji Proses memilih link Kembali pada setiap halaman Halaman Hasil Pengujian Mengembalikan kepada Halaman Menu sebelumnya Tabel 5-15 Hasil Pengujian Tombol Logout pada halaman Menu Utama Id Uji Nama Uji Fungsi yang Diuji 1 Pemilihan Tombol Logout Tombol Keluar dari Menu Utama Hasil Pengujian Kembali ke halaman awal Login Analisa Hasil Pengujian Setelah dilakukan pengujian terhadap skenario yang dilakukan terhadap Aplikasi Power Control Management, dapat disimpulkan bahwa pengujian telah menghasilkan hasil keluaran dan proses yang sesuai dengan yang diharapkan pada rancangan aplikasi yang dibuat. Terkait dengan pengujian ini perlu dilakukan oleh pengguna (user) secara langsung untuk mengetahui kekurangan atau tambahan kebutuhan pada aplikasi. Masukkan saran dari pengguna secara langsung akan mempengaruhi pengembangan aplikasi agar dapat berjalan sesuai dengan perencanaan dan kebutuhan sehingga kekurangan aplikasi bisa diminimalisir. 67