BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM 4.1 Implementasi Setelah system dianalisis, selanjutnya akan menuju tahap implementasi. Implementasi merupakan tahap meletakan sistem sehingga siap untuk dioperasikan. Implementasi bertujuan untuk mengkonfirmasi modul-modul perancangan, sehingga pengguna dapat memberikan masukan kepada pembangun sistem. 4.1.1 Kebutuhan Sistem Dalam mengopersikan aplikasi sistem Forum Nouvo Indonesia Wilayah 2 dibutuhkan beberapa persyaratan hardware, software, dan brainware seperti yang tercantum sebagai berikut: 1. Hardware Perangkat keras yang direkomendasikan adalah: 1. Processor Intel Core i5 2. Ram 8gb 3. Monitor 14 inci 4. Hardisk 1 TB 2. Software Perangkat lunak yang direkomendasikan adalah 1. Sistem Operasi Windows 10 2. PHP 3. Xampp dan MySQL 4. Web Browser Mozilla Firefox 5. Macromedia Dreamweaver 8 3. Brainware A. Kebutuhan Pengguna 1. Aplikasi ini dapat langsung menampilkan livechat pada Forum Nouvo Indonesia Wilayah 2. 55
56 2. User dapat meng input postingan pada forum, menambah gambar pada menu gallery dan bisa melakukan livechat pada aplikasi Forum Nouvo Indonesia Wilayah 2. 3. Aplikasi ini dapat menampilkan kegiatan kegiatan dan seputaran berita pada Forum Nouvo Indonesia Wilayah 2. B. Kebutuhan Administrator 1. Admin dapat mengolah Data pada berita, kegiatan, posting, dan gallery di aplikasi Forum Nouvo Indonesia Wilayah 2. 4.1.2 Tampilan Antarmuka 1. Tampilan DataBase Gambar 4.1 : Tampilan Database FNI Halaman ini adalah tampilan database pada Forum Nouvo Indonesia ysng terdiri dari table berikut: 1. Table admin 2. Table berita 3. Table forum 4. Table gambar 5. Table kegiatan 6. Table komentar 7. Table shoutbox 8. Table user
57 2. Tampilan Table Structure Admin Gambar 4.2 : Tampilan Table admin Halaman ini adalah tampilan Table dari admin yang terbentuk struktur-struktur table berikut terdiri dari : - id_admin - user_name - password - alamat - no_telp 3. Tampilan Table Structure Berita
58 Gambar 4.3 : Tampilan Table berita Halaman ini adalah tampilan Table dari berita yang terbentuk dalam struktur-struktur table berikut terdiri dari : - kd_berita - jdl_berita - isi_beerita - photo - tanggal 4. Tampilan Table Structure Forum Gambar 4.4 : Tampilan Table Forum Halaman ini adalah tampilan Table dari forum yang terbentuk struktur-struktur table berikut terdiri dari : - id_forum - user_name - isi
59 5. Tampilan Struckture Gambar Gambar 4.5 : Tampilan Table gambar Halaman ini adalah tampilan Table dari gambar yang terbentuk struktur-struktur table berikut terdiri dari : - id_gambar - deskripsi - gambar - user_input 6. Tampilan Struckture Kegiatan Gambar 4.6 : Tampilan Table kegiatan Halaman ini adalah tampilan Table dari gambar yang terbentuk struktur-struktur table berikut terdiri dari :
60 - id_kegiatan - jdl_kegiatan - isi_kegiatan - alamat - tgl_kegiatan 7. Tampilan Struktur Komentar Gambar 4.7 : Tampilan Table komentar Halaman ini adalah tampilan Table dari komentar yang terbentuk struktur-struktur table berikut terdiri dari : - id_komentar - date - isi_komentar - isi_forum - user_comment
61 8. Tampilan Struckture Shoutbox Gambar 4.8 : Tampilan Table shoutbox Halaman ini adalah tampilan Table dari shoutbox atau livechat yang terbentuk struktur-struktur table berikut terdiri dari : - id_shoutbox - nama - website - pesan - tanggal - jam - aktif
62 9. Tampilan Struktur user Gambar 4.9 : Tampilan Table User Halaman ini adalah tampilan Table dari user yang terbentuk struktur-struktur table berikut terdiri dari : - kd_user - user_name - password - alamat - no_telp - email
63 10. Tampilan Home Forum Nouvo Indonesia Wilayah 2 Gambar 4.10 : Tampilan Home Halaman ini adalah tampilan halaman utama yang pertama kali muncul pada saat membuka aplikasi web Forum Nouvo Indonesia wilayah 2. Pada halaman ini terdiri dari Forum, About, Home, Kegiatan, Berita, Gallery, dan Chat. 11. Tampilan Login Gambar 4.11 : Tampilan Login Forum Nouvo Indonesia
64 Halaman ini adalah Halaman login User dan admin yang berisikan form nama dan pasword. 12. Tampilan Register Gambar 4.12 : Tampilan Layar Register Halaman ini adalah form register untuk user untuk mendaftar, pada form tersebut harus melengkapi data-data seperti Nama Lengkap, Email, Password, Nomer Telephone, dan Alamat rumah. 13. Tampilan Antarmuka Posting Forum Gambar 4.13 : Tampilan layar Menu Forum
65 Halaman ini adalah halaman pada menu forum user, pada halaman forum user ini, user setelah melakukan login user bisa mengakses create forum dan bisa memberi komentar. 14. Tampilan Antarmuka Livechat Gambar 4.14 : Tampilan Layar Menu Chat Halaman ini adalah halaman menu chat, pada halaman ini adalah halaman livechat user dan admin bisa berinteraksi secara langsung.
66 15. Tampilan Antarmuka gallery Gambar 4.15 : Tampilan Layar Menu Gallery Halaman Ini adalah halaman gallery foto user. Pada halaman tersebut user hanya bisa mengupload foto,deskripsi dan bisa melihat hasil foto yang di upload. 16. Tampilan antarmuka admin posting forum Gambar 4.16 : Tampilan Layar Forum Admin
67 Halaman menu forum admin ini adalah halaman mengelola admin, di menu forum ini admin bisa menambah isi posting, komentar dan menghapus forum. 17. Tampilan Antarmuka berita Admin Gambar 4.17 : Tampilan Menu Layar Berita Admin Halaman ini adalah tampilan menu layar berita admin, pada menu berita ini admin bisa megelola akses berita seperti nambah berita dan menghapus berita tersebut. 18. Tampilan Antarmuka Gallery admin Gambar 4.18 : Tampilan Menu Layar Gallery Admin
68 Halaman ini adalah halaman mengelola gallery foto admin, pada halaman menu gallery tersebut admin bisa mengelola menambah foto dan menghapus hasil upload foto. 19. Tampilan About Gambar 4.19 : Tampilan Menu About Halaman ini hanya berupa informasi tentang aplikasi Forum Indonesia Wilayah 2. 4.2 Skenario Pengujian Sistem Skenario pengujian dilakukan untuk menentukan langkah-langkah dalam melakukan pengujian. Pengujian dilakukan dengan menjalankan aplikasi dari perancangan website. Setelah aplikasi dijalankan selanjutnya adalah menguji tombol-tombol yang terdapat dalam antarmuka aplikasi tersebut apakah sesuai dengan tahap perancangan. 4.1 Tabel Skenario Pengujian Aplikasi Forum Nouvo Indonesia Wilayah 2 dengan metode Black Box No Menu Yang Diuji 1 Halaman Awal (Home) Bagian Dari Menu Yang Diuji Proses link Status Aplikasi Halaman Awal Terbuka Skenario Pengujian Klik link yang tersedia pada halaman Hasil Yang Didapat Terhubung dengan halaman
69 yang di klik 2 Halaman Proses link Halaman pada Melihat isi Terhubung forum forum terbuka forum dengan setelah login yang diklik 3 Halaman Proses input Halaman pada Menginput pada Data akan input forum forum forum terbuka forum tersimpan setelah login dalam database 4 Halaman Proses link Halaman pada Melihat hasil Terhubung gallery gallery terbuka upload dengan setelah login halaman yang di klik 5 Halaman Proses input Halaman pada Menginput Data akan input gallery gallery terbuka gambar tersimpan gallery setelah login dengan database 5 Halaman Proses link Halaman Melihat isi Terhubung kegiaatan kegiatan informasi dengan terbuka setelah tentang kegiatan halaman login yang di klik 6 Halaman Proses link Halaman berita Melihat isi Terhubung berita terbuka setelah informasi dengan login tentang berita halaman yang di klik 7 Halaman Proses link Halaman about Melihat Terhubung about berhasil informmasi dengan terbuka tentang aplikasi halaman link yang di klik 8 Halaman Proses sub Halaman login Input nama, Masuk login akses sudah terbuka password & kehalaman pilih kategori forum
70 4.2.1 Hasil Pengujian Dari hasil skenario pengujian,yang harus dilakukan dapat diperoleh hasil pengujian dari hasil skenario pengujian pada setiap pilihan yang ada pada aplikasi Forum Nouvo Indonesia Wilayah 2 yaitu menu halaman user (home, forum, berita, kegiatan,livechat, gallery), validasi dan menu dalam admin. hasil pengujian sebagai berikut: Table 4.2 Hasil Pengujian Aplikasi Forum Nouvo Indonesia Wilayah 2 dengan metode Black Box No Menu yang Prosedur Masukan Keluaran Kriteria Hasil yang diuji pengujian yang evaluasi didapat diharapkan hasil 1. Menu user (home,about, forum,galler y,berita,kegi atan,livechat ) Pilih sub menu Input data : Username Password Forum Masuk ke menu program yang ingin di tuju Berhasil bila menu yang dituju tampil Berhasil masuk ke program yang dituju Gallery livechat 2. Validasi Proses menginp ut Input data : 1. Userna me 2. Passwo rd 3. forum 4. gallery 5. berita 6. livecha t Proses tersimpan Jika berhasil data akan tersimpa n ke data base dan tampil pada aplikasi Jika tidak berhasil maka data tidak akan masuk ke database dan tidak muncul pada aplikasi 3. Menu Admin(foru m,home,abo ut,kegiatan,b erita,inputber Pilih sub menu dan proses menginp Input data : 1. userna me 2. passwo Masuk ke menu yang dituju dan proses Berhasil jika menu yang dituju Berhasil masuk ke program yang dituju
71 ita,gallery, livechat) ut rd 3. input berita 4. forum 5. gallery tersimpan tampil dan data tersimpa n ke database 4.2.2 Analisis Hasil Pengujian Setelah melakukan pengujian terhadap semua menu system pada program ini maka dapat disimpulkan bahwa pengujian telah menunjujkan hasil keluaran (output) dan proses yang sesuai dengan rancangan aplikasi program ini. Hasil dari pengujian ini dapat dikatakan bahwa program ini dapat berfungsi dengan baik dan benar, karena telah di buktikan dari hasil scenario Pengujian Bahwa program aplikasi web ini dapat digunakan sebagai ilmu pengetahuan dan informasi kepada masyarakat terhadap operasi kelengkapan berkendara. Program ini dapat dipublikasikan dengan cara mendapatkan hosting dan domain, dengan cara menyewa tempat hosting dan membeli domain pada tempat yang menyediakan jasa tersebut. Namun ada beberapa tempat untuk mendapatkan tempat hosting secara gratis.