BAB IV IMPLEMENTASI DAN PENGUJIAN
4.1 Implementasi Aplikasi Implementasi merupakan penerapan desain (perancangan) aplikasi yang dapat dimengerti oleh mesin dengan spesifikasi perangkat lunak dan perangkat keras yang digunakan. Dari hasil melakukan analisa dan perancangan, langkah selanjutnya adalah pengimplementasian dan pengujian sesuai dengan perancangan model SDLC (Software Development Life Cycle) yang digunakan oleh penulis dalam penelitian ini.
4.2 Tampilan Awal Pada aplikasi penjelajah web ini rancangan program pada tampilan awal menu utama, terdapat beberapa menu pilihan untuk mengakses halaman web tertentu atau melakukan pencarian web. Terlihat pada Gambar 4.1.
Gambar 4.1 Tampilan awal Aplikasi Penjelajah Web Portabel Untuk tampilan awal pada Aplikasi Penjelajah Web Portabel kode program yaitu sebagai berikut: private void createSShell() { sShell = new org.eclipse.swt.widgets.Shell(); org.eclipse.swt.layout.GridLayout gridLayout1 = new GridLayout(); sShell.setText(APP_TITLE); sShell.setLayout(gridLayout1); gridLayout1.numColumns = 7;
Untuk tombol Back pada Aplikasi Penjelajah Web Portabel kode program yaitu sebagai berikut: { backButton = new Button(sShell, SWT.ARROW | SWT.LEFT); GridData gridData6 = new GridData(); backButton.addSelectionListener(new SelectionAdapter() { public void widgetSelected(SelectionEvent evt) { browser.back(); } }); backButton.setToolTipText("Navigate back to the previous page"); backButton.setEnabled(false); gridData6.verticalAlignment = GridData.FILL; gridData6.horizontalAlignment = GridData.FILL; backButton.setLayoutData(gridData6); }
Untuk tombol Next / Forward pada Aplikasi Penjelajah Web Portabel kode program yaitu sebagai berikut: { forwardButton = new Button(sShell, SWT.ARROW | SWT.RIGHT); GridData gridData5 = new GridData(); forwardButton.addSelectionListener(new SelectionAdapter() { public void widgetSelected(SelectionEvent evt) { browser.forward(); } }); forwardButton.setToolTipText("Navigate forward to the next page"); forwardButton.setEnabled(false); gridData5.verticalAlignment = GridData.FILL; gridData5.horizontalAlignment = GridData.FILL; forwardButton.setLayoutData(gridData5); }
Untuk tombol Stop pada Aplikasi Penjelajah Web Portabel kode program yaitu sebagai berikut: { stopButton = new Button(sShell, SWT.NONE); stopButton.setText("Stop"); stopButton.setEnabled(false); stopButton.setToolTipText("Stop the loading of the current page"); stopButton.addSelectionListener(new SelectionAdapter() { public void widgetSelected(SelectionEvent evt) { browser.stop(); } }); }
Untuk tombol Refresh pada Aplikasi Penjelajah Web Portabel kode program yaitu sebagai berikut: { refreshButton = new Button(sShell, SWT.NONE); refreshButton.setText("Refresh"); refreshButton.setToolTipText("Refresh the current page"); refreshButton.addSelectionListener(new SelectionAdapter() { public void widgetSelected(SelectionEvent evt) { browser.refresh(); } }); }
Untuk tombol Home pada Aplikasi Penjelajah Web Portabel kode program yaitu sebagai berikut: { homeButton = new Button(sShell, SWT.NONE); homeButton.setText("Home"); homeButton.setToolTipText("Return to home page"); homeButton.addSelectionListener(new SelectionAdapter() { public void widgetSelected(SelectionEvent evt) { browser.setUrl(HOME_URL); } }); }
Untuk tombol SIA-Reguler pada Aplikasi Penjelajah Web Portabel (sebelum dikostumisasi oleh pengguna) kode program yaitu sebagai berikut: { siaregulerButton = new Button(sShell, SWT.PUSH | SWT.CENTER); siaregulerButton.setText(s1); GridData siaregulerButtonLData = new GridData(); siaregulerButtonLData.widthHint = 79; siaregulerButtonLData.heightHint = 30; siaregulerButton.setLayoutData(siaregulerButtonLData); siaregulerButton.addSelectionListener(new SelectionAdapter() { public void widgetSelected(SelectionEvent evt) { browser.setUrl(s2a); } }); }
Untuk tombol SIA-PKK pada Aplikasi Penjelajah Web Portabel (sebelum dikostumisasi oleh pengguna) kode program yaitu sebagai berikut: { siapkkButton = new Button(sShell, SWT.PUSH | SWT.CENTER); GridData siapkkButtonLData = new GridData(); siapkkButtonLData.widthHint = 87; siapkkButtonLData.heightHint = 27; siapkkButtonLData.verticalAlignment = GridData.END; siapkkButton.setLayoutData(siapkkButtonLData); siapkkButton.setText(s2b); siapkkButton.addSelectionListener(new SelectionAdapter() { public void widgetSelected(SelectionEvent evt) { browser.setUrl(s3); } }); }
4.3 Pengujian Dalam perancangan sistem perlu dilakukan pengujian sistem sebagai verifikasi atas sistem yang telah dirancang. Verifikasi dilakukan unutk mengetahui kemungkinan terjadinya kesalahan dan untuk memastikan fungsifungsi yang terdapat dalam modul-modul sistem yang sedang berjalan. Adapun tahapan pengujian meliputi pengujian dengan proses black box, lingkungan pengujian, skenario pengujian, hasil pengujian, dan analisis hasil pengujian.
4.3.1 Pengujian Kotak Hitam (Black Box) Pengujian kotak hitam berfokus pada persyaratan fungsional perangkat lunak. Berikut ini merupakan beberapa pengujian yang dilakukan dengan kotak hitam (Black Box).
4.3.2 Lingkungan Pengujian Pada penelitian ini, implementasi dari sistem pengendalian yang akan dibangun didukung oleh berbagai elemen pendukung, seperti perangkat keras dan perangkat lunak. Pada sub bab berikut akan dijelaskan spesifikasi kebutuhan simulasi aplikasi penjelajah web portabel. Berikut merupakan perangkat yang penulis gunakan dalam proses pembuatan program aplikasinya, yang terdiri dari perangkat keras dan perangkat lunak, yaitu sebagai berikut, dapat terlihat pada Tabel 4.1. Tabel 4.1 Perangkat Keras dan Perangkat Lunak Yang Digunakan. Perangkat Keras
1. 2. 3. 4.
Processor : Intel Pentium P6000 1.86 Ghz Memory : 1 GB Harddisk : 320 GB VGA : Onboard
Perangkat Lunak
1. 2. 3.
Java Jdk 1.6.0-16 Eclipse Jigloo GUI Builder 4.6.0
Namun penulis menyarankan agar dalam menjalankan aplikasi ini menggunakan perangkat keras yang lebih tinggi dari spesifikasi tersebut.
4.3.3 Pengujian Menu Toolbar Berikut ini skenario pengujian menu toolbar Aplikasi Penjelajah Web Portabel. Dapat di lihat pada Tabel 4.2. Tabel 4.2 Skenario Pengujian Menu Toolbar Sub menu
Sub-sub menu
Aksi
Hasil yang diharapkan
Back
Program utama
Pilih
Kembali ke halaman sebelumya
Next
Program utama
Pilih
Kembali ke halaman berikutnya (sesudah menekan tombol Back)
Stop
Program utama
Pilih
Menghentikan Proses yang sedang berjalan.
Refresh
Program utama
Pilih
Mengambil ulang data yang dari halaman web yang dituju.
Home
Program utama
Pilih
Kembali ke halaman awal saat aplikasi baru dijalankan.
SIA-Reguler
Program utama
Pilih
Mengunjungi halaman web Sistem Informasi Akademik Universitas Mercu Buana Mahasiswa Reguler.
SIA-PKK
Program utama
Pilih
Mengunjungi halaman web Sistem Informasi Akademik Universitas Mercu Buana Mahasiswa Kelas Karyawan.
4.3.4 Pengujian Portabilitas Pada pengujian portabilitas penulis melakukan penelitian dengan cara menjalankan aplikasi penjelajah web portabel pada beberapa komputer dengan sistem operasi yang berbeda. Penelitian dilakukan dengan cara menyalin folder Aplikasi Penjelajah Web Portabel lalu menjalankannya tanpa proses instalasi. Tabel 4.3 adalah hasil penelitian portabilitas.
Tabel 4.3 Hasil Penelitian Portabilitas No 1. 2.
Sistem Operasi Windows XP Service Pack 2 Windows Vista
Hasil Sukses Sukses
3.
Windows 7
Sukses
4.
Ubuntu 9.4
Gagal
Keterangan Sudah Terinstall java jdk versi 1.6 atau sesudahnya. Sudah Terinstall java jdk versi 1.6 atau sesudahnya. Sudah Terinstall java jdk versi 1.6 atau sesudahnya. Eclipse tidak support, beberapa file tidak ditemukan.
Dari hasil penelitian diatas dapat dilihat bahwa Aplikasi penjelajah web Portabel dapat berjalan di sistem operasi windows dan sudah terinstall java jdk versi 1.6 atau sesudahnya.
4.3.5 Pengujian Hemat Memori (Resources) Pada pengujian hemat memori, penulis melakukan perbandingan terhadap penjelajah web portabel lainnya. Pengujian dilakukan dengan cara menjalankan penjelajah web lalu mengetikkan halaman web http://www.cloudgarden.com setelah halaman web tampil penulis membuka task manager dan mencatat memori yang dipakai oleh aplikasi penjelajah web. Langkah tersebut berlaku untuk penjelajah web portabel lainnya. Tabel 4.4 merupakan hasil pengamatan memori yang dipakai oleh penjelajah web untuk membuka halaman web cloudgarden. Gambar 4.2, 4.3, 4.4, 4.5 merupakan gambar dari pengamatan task manager.
Tabel 4.4 Hasil Pengamatan Pemakaian Memori No. 1. 2. 3. 4.
Jenis Penjelajah Web J-Portabel Browser Opera Pocket Flock Avant
Memori 18,844 kb 42,488 kb 46,944 kb 24,536 kb
Gambar 4.2 Pemakaian Memori J-Portabel Browser
Gambar 4.3 Pemakaian Memori Opera Portabel Browser
Gambar 4.4 Pemakaian Memori Pocket Flock
Gambar 4.5 Pemakaian Memori Avant Portabel Browser
4.4 Data Hasil Pengujian Berdasarkan analisa pengujian yang telah dibahas sebelumnya, maka dilakukan pengujian aplikasi penjelajah web portabel dengan mendemonstrasikan perangkat lunak tersebut sesuai dengan analisa pengujian tersebut, hal ini bertujuan untuk memastikan keluaran yang diinginkan. Berikut akan dijelaskan data hasil pengujian perangkat lunak.
4.4.1 Data Hasil Pengujian Penjelajah Web Portabel Berikut ini merupakan data hasil pengujian aplikasi penjelajah web portabel. Dapat di lihat pada Tabel 4.5. Tabel 4.5 Data Hasil Pengujian Menu Toolbar Sub menu
Sub-sub menu
Aksi
Back
Program utama
Pilih
Next
Program utama
Pilih
Stop
Program utama
Pilih
Refresh
Program utama
Pilih
Home
Program utama
Pilih
SIA-Reguler
SIA-PKK
Program utama
Program utama
Pilih
Pilih
Hasil yang diharapkan
Hasil Pengujian
Kembali ke halaman sebelumya Kembali ke halaman berikutnya (sesudah menekan tombol Back)
Sesuai
Menghentikan Proses yang sedang berjalan.
Sesuai
Mengambil ulang data yang dari halaman web yang dituju. Kembali ke halaman awal saat aplikasi baru dijalankan. Mengunjungi halaman web Sistem Informasi Akademik Universitas Mercu Buana Mahasiswa Reguler. Mengunjungi halaman web Sistem Informasi Akademik Universitas Mercu Buana Mahasiswa Kelas Karyawan.
Sesuai
Sesuai
Sesuai
Sesuai
Sesuai
Gambar 4.6 Tampilan Browser ketika Pengguna menekan Tombol Back
Gambar 4.7 Tampilan Browser ketika Pengguna menekan Tombol Next
Gambar 4.8 Tampilan Browser ketika Pengguna menekan Tombol Stop
Gambar 4.9 Tampilan Browser ketika Pengguna menekan Tombol Refresh
Gambar 4.10 Tampilan Browser ketika Pengguna menekan Tombol Home
Gambar 4.11 Tampilan Browser ketika Pengguna menekan Tombol SIA-Reguler
Gambar 4.12 Tampilan Browser ketika Pengguna menekan Tombol SIA-PKK
4.4.2 Analisis Hasil Pengujian Setelah pengujian perangkat lunak telah dilakukan, selanjutnya melakukan analisis dari hasil pengujian perangkat lunak. Pada pengujian pertama, pengguna Aplikasi Penjelajah Web masuk ke dalam folder yang berisi Aplikasi Penjelajah Web dan file customize.txt lalu pengguna
memilih
aplikasi dan menjalankannya.
Bila pengguna
ingin
mengkostumisasi tombol SIA-Reguler dan SIA-PKK pengguna harus menutup penjelajah web. Setelah itu mengubah file customize.txt dengan nama tombol dan URL sesuai kebutuhan pengguna. Hal ini dilakukan untuk memudahkan proses penggantian tombol. Dapat dilihat pada Gambar 4.13.
Gambar 4.13 Tampilan Sesudah Kostumisasi Tombol Setelah itu pengujian selanjutnya adalah dengan menggunakan menu toolbar Back. Menu ini hanya dapat diakses apabila pengguna sudah mengunjungi sebuah halaman web. Pengguna mengunjungi halaman web mercubuana-cloudgardengoogle, ketika sedang berada pada halaman google pengguna menekan tombol Back. Maka aplikasi penjelajah web kembali membuka halaman cloudgarden. Dapat dilihat pada Gambar 4.6. Setelah itu pengujian selanjutnya adalah dengan menggunakan menu toolbar Next. Menu ini hanya dapat diakses apabila pengguna sudah mengunjungi sebuah halaman web, lalu menekan tombol Back / Home. Pengguna mengunjungi halaman web mercubuana-cloudgarden-google, ketika sedang berada pada halaman cloudgarden pengguna menekan tombol Next. Sehingga aplikasi penjelajah web halaman google. Dapat dilihat pada Gambar 4.7.
Setelah itu pengujian selanjutnya adalah dengan menggunakan menu toolbar Stop. Menu ini berfungsi untuk menghentikan kegiatan transfer data dari suatu halaman web . Pengguna ingin membuka halaman web cloudgarden, namun menghentikannya. Sehingga aplikasi penjelajah web tidak menampilkan halaman web secara sempurna. Dapat dilihat pada Gambar 4.8. Setelah itu pengujian selanjutnya adalah dengan menggunakan menu toolbar Refresh. Menu ini berfungsi untuk mengulangi kegiatan transfer data dari suatu halaman web . Setelah pada pengujian tombol Stop halaman web cloudgarden tidak tampil dengan sempurna, maka penggujian tombol refresh dilakukan agar halaman web cloudgarden ditampilkan dengan sempurna.Dapat dilihat pada Gambar 4.9. Setelah itu pengujian selanjutnya adalah dengan menggunakan menu toolbar Home. Menu ini berfungsi untuk kembali ke halaman awal Aplikasi Penjelajah Web Portabel dengan alamat Home URL http://mercubuana.ac.id. Pada pengujian tombol sebelumnya aplikasi penjelajah web sedang membuka halaman web cloudgarden, lalu pengguna menekan tombol home, sehingga aplikasi menampilkan halaman web mercubuana. Dapat dilihat pada Gambar 4.10. Setelah itu pengujian selanjutnya adalah dengan menggunakan menu toolbar SIA-Reguler. Menu ini berfungsi untuk mengunjungi halaman web Sistem Informasi Akademik Reguler Universitas Mercubuana . Dapat dilihat pada Gambar 4.11. Setelah itu pengujian selanjutnya adalah dengan menggunakan menu toolbar SIA-PKK. Menu ini berfungsi untuk mengunjungi halaman web Sistem Informasi
Akademik Program Kelas Karyawan Universitas Mercubuana . Dapat dilihat pada Gambar 4.12. Dari hasil pengujian di atas, penulis mendapatkan bahwa kode-kode program sesuai dengan yang telah di jalankan (tidak menunjukan kesalahan program). Setelah berhasil di jalankan maka penulis dapat melakukan pengujian dengan hasil seperti terlihat pada program di atas. Hasil tersebut dapat di lihat pada Gambar 4.1 yang merupakan aplikasi Penjelajah Web Portabel yang di jalankan pada desktop. Kostumisasi tombol dapat di lihat pada Gambar 4.13 yang merupakan hasil dari perubahan di file customize.txt.
