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.
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 Keterangan :
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
Gambar 4.2 : Tampilan Table admin Keterangan :
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
Gambar 4.3 : Tampilan Table berita Keterangan :
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 Keterangan :
Halaman ini adalah tampilan Table dari forum yang terbentuk struktur-struktur table berikut terdiri dari :
- id_forum - user_name - isi
5. Tampilan Struckture Gambar
Gambar 4.5 : Tampilan Table gambar Keterangan :
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 Keterangan :
Halaman ini adalah tampilan Table dari gambar yang terbentuk struktur-struktur table berikut terdiri dari :
- id_kegiatan - jdl_kegiatan - isi_kegiatan - alamat - tgl_kegiatan
7. Tampilan Struktur Komentar
Gambar 4.7 : Tampilan Table komentar Keterangan :
Halaman ini adalah tampilan Table dari komentar yang terbentuk struktur-struktur table berikut terdiri dari :
- id_komentar - date
- isi_komentar - isi_forum - user_comment
8. Tampilan Struckture Shoutbox
Gambar 4.8 : Tampilan Table shoutbox Keterangan :
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
9. Tampilan Struktur user
Gambar 4.9 : Tampilan Table User Keterangan :
Halaman ini adalah tampilan Table dari user yang terbentuk struktur-struktur table berikut terdiri dari :
- kd_user - user_name - password - alamat - no_telp - email
10. Tampilan Home Forum Nouvo Indonesia Wilayah 2
Gambar 4.10 : Tampilan Home Keterangan :
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
Keterangan :
Halaman ini adalah Halaman login User dan admin yang berisikan form nama dan pasword.
12. Tampilan Register
Gambar 4.12 : Tampilan Layar Register Keterangan :
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.
Keterangan :
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 Keterangan :
Halaman ini adalah halaman menu chat, pada halaman ini adalah halaman livechat user dan admin bisa berinteraksi secara langsung.
15. Tampilan Antarmuka gallery
Gambar 4.15 : Tampilan Layar Menu Gallery Keterangan :
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 Keterangan :
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 Keterangan :
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 Keterangan :
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 Keterangan :
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
Bagian Dari Menu Yang
Diuji
Status Aplikasi Skenario Pengujian
Hasil Yang Didapat
2 Halaman forum
Proses link Halaman pada forum terbuka setelah login Melihat isi forum Terhubung dengan yang diklik 3 Halaman input forum Proses input forum Halaman pada forum terbuka setelah login Menginput pada forum Data akan tersimpan dalam database 4 Halaman gallery
Proses link Halaman pada gallery terbuka setelah login Melihat hasil upload Terhubung dengan halaman yang di klik 5 Halaman input gallery Proses input gallery Halaman pada gallery terbuka setelah login Menginput gambar Data akan tersimpan dengan database 5 Halaman kegiaatan
Proses link Halaman kegiatan terbuka setelah login Melihat isi informasi tentang kegiatan Terhubung dengan halaman yang di klik 6 Halaman berita
Proses link Halaman berita terbuka setelah login Melihat isi informasi tentang berita Terhubung dengan halaman yang di klik 7 Halaman about
Proses link Halaman about berhasil terbuka Melihat informmasi tentang aplikasi Terhubung dengan halaman link yang di klik 8 Halaman login Proses sub akses Halaman login sudah terbuka Input nama, password & pilih kategori Masuk kehalaman forum
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 diuji Prosedur pengujian Masukan Keluaran yang diharapkan Kriteria evaluasi hasil Hasil yang didapat 1. Menu user (home,about, forum,galler y,berita,kegi atan,livechat ) Pilih sub menu Input data : Username Password Forum Gallery livechat Masuk ke menu program yang ingin di tuju Berhasil bila menu yang dituju tampil Berhasil masuk ke program yang dituju 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 Pilih sub menu dan proses Input data : Masuk ke menu yang dituju dan Berhasil jika menu Berhasil masuk ke program
livechat) 3. input berita 4. forum 5. gallery 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.