BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Pada bab ini akan dijelaskan implementasi dari sistem dengan menggunakan beberapa fungsi yang dibuat dari ruang lingkup implementasi, pengodean dan interface dari sistem tersebut. Berikut ini merupakan spesifikasi PC (Personal Computer) yang digunakan pada saat perancangan siste dan menjalankan system yang telah dibuat. a. Perangkat Keras 1. Tipe Komputer : Laptop 2. Processor : AMD A8-6410 APU with AMD Radeon R5 Graphics 2.00GHz 3. Ram : 4.00 GB 4. Monitor : 14 Resolusi 1336 x 768 (HD) b. Perangkat Lunak 1. Sistem Operasai : Microsoft Windows 7 2. Web Server : MySQL Database 3. Browser : Google Chrome 4. Program : PHP 4.2 Struktur Tampilan 4.2.1 Struktur Tampilan Menu Utama Struktur Tampilan Menu Utama ini digunakan untuk menjelaskan alur website bagi beberapa pengguna, baik itu guest, member dan admin. Struktur menu utama digunakan unuk memudahkan user menjelajahi halaman yang diinginkan. Guest hanya dapat melihat informasi, sedangkan member dapat memberikan komentar pada setiap berita. 57
58 Liga Inggris Home Liga Spanyol Liga Italia Sepak Bola Liga Prancis Liga Jerman MENU UTAMA Raket Tenis Bulu Tangkis Basket Formula1 MotoGP Karate Jadwal Pertandingan Other Hasil Pertandingan Klasemen Event Gambar 4.1 Struktur Tampilan Menu Utama. 4.2.2 Struktur Tampilan Menu Utama Admin Setelah admin melakukan login, di dalam halaman utama terdapat sebelas menu utama yang bisa di akses oleh admin terdiri dari user, category, sub category, news, team, schedule, event, result, klasemen, photo, comment.
59 User Category Sub Category News MENU UTAMA Team Schedule Event Result Klasemen Photo Comment Gambar 4.2 Struktur Tampilan Menu Utama Admin
60 4.3 Implementasi Antarmuka Berikut adalah implementasi antarmuka sesuai dengan rancangan layar yang telah dibuat sebelumnya, antara lain: 4.3.1 Tampilan Layar Menu Login Gambar 4.3 Tampilan Menu Login Pada gambar di atas menggambarkan rancangan tampilan layar login. Halaman login akan muncul setelah user membuka halaman website, lalu user mengisi username dan password untuk akses kedalam sistem.
61 4.3.2 Tampilan Layar Registrasi Gambar 4.4 Tampilan Layar Registrasi Jika pengguna baru dan belum memiliki akun, maka pengguna harus melakukan register terlebih dahulu dimana saat pengguna membuka halaman website pengguna memilih menu register dan sistem akan menampilkan username, email, dan password. Kemudian pengguna mengisi biodata tersebut dengan benar, lalu klik pada tombol register.
62 4.3.3 Tampilan Layar Menu Utama Gambar 4.5 Tampilan Layar Menu Utama Pada halaman ini merupakan tampilan halaman utama. Halaman menu utama adalah halaman yang dapat diakses setelah pengguna melakukan login. Setelah pengguna berhasil login maka sistem akan berpindah ke halaman utama seperti pada gambar 3.22.
63 4.3.4 Tampilan Layar Sepak Bola Gambar 4.6 Tampilan Layar Sepak Bola Halaman sepak bola adalah tampilan layar sepak bola yang berisi berita-berita olahraga tentang sepak bola terdiri dari Liga Inggris, Liga Spanyol, Liga Italia, Liga Prancis, Liga jerman. 4.3.5 Tampilan Layar Halaman Raket Gambar 4.7 Tampilan Layar Halaman Raket Pada halaman raket adalah tampilan layar halaman raket yang berisi beritaberita olahraga tentang olahraga Tenis dan Bulu Tangkis.
64 4.3.6 Tampilan Layar Halaman Basket Gambar 4.8 Tampilan Layar Halaman Basket Pada halaman basket adalah tampilan layar halaman basket yang berisi beritaberita olahraga tentang olahraga basket. 4.3.7 Tampilan Layar Halaman Formula1 Gambar 4.9 Tampilan Layar Halaman Formula1 Halaman formula1 adalah tampilan layar halaman formula1 yang berisi berita-berita olahraga tentang formula1.
65 4.3.8 Tampilan Layar Halaman MotoGP Gambar 4.10 Tampilan Layar Halaman MotoGP Pada halaman motogp ini adalah tampilan layar halaman motogp yang berisi berita-berita olahraga mengenai olahraga motogp. 4.3.9 Tampilan Layar Halaman Karate Gambar 4.11 Tampilan Layar Halaman Karate Pada halaman karate ini adalah tampilan layar halaman Karate yang berisi berita-berita olahraga mengenai olahraga Karate.
66 4.3.10 Tampilan Layar Halaman Jadwal Pertandingan Gambar 4.12 Tampilan Layar Halaman Jadwal Pertandingan Pada gambar di atas adalah tampilan layar halaman Jadwal Pertandingan yang berisi informasi jadwal pertandingan sepak bola yang akan di pertandingkan. 4.3.11 Tampilan Layar Halaman Hasil Pertandingan Gambar 4.13 Tampilan Layar Halaman Hasil Pertandingan Pada gambar di atas adalah tampilan layar halaman hasil pertandingan yang berisi informasi hasil pertandingan yang telah berlangsung.
67 4.3.12 Tampilan Layar Halaman Klasemen Gambar 4.14 Tampilan Layar Halaman Klasemen Pada gambar di atas adalah tampilan layar halaman Klasemen yang berisi informasi mengenai team, peringkat dan point. 4.3.13 Tampilan Layar Halaman Event Gambar 4.15 Tampilan Layar Halaman Event Halaman Event adalah tampilan layar halaman event yang berisikan informasi tentang event pada setiap cabang olahraga yang disediakan. event sepak bola, event raket, event basket, event formula1, event motogp, event karate.
68 4.3.14 Tampilan Layar Menu Login Admin Gambar 4.16 Tampilan Layar Menu Login Admin Halaman login akan muncul setelah admin mengakses halaman admin, kemudian admin memasukan username dan password lalu mengklik login untuk akses kedalam menu utama admin.
69 4.3.15 Tampilan Layar Menu Utama Admin Gambar 4.17 Tampilan Layar Menu Utama Admin Setelah admin berhasil login maka sistem akan berpindah ke halaman dashboard admin seperti berikut. Master berisikan user, category, sub category, news, team, schedule, event, result, klasemen, photo, comment. 4.3.16 Tampilan Layar Master User Gambar 4.18 Tampilan Layar Master User
70 Halaman master user adalah halaman yang berisikan nama-nama member. Halaman ini dapat berfungsi untuk menambah data, mengedit data dan menghapus data. Terdiri dari username, email, akses dan action. Untuk tampilan halaman master user dapat dilihat pada gambar diatas. 4.3.17 Tampilan Layar Master Category Gambar 4.19 Tampilan Layar Master Category Halaman master category adalah halaman yang berisikan nama-nama category. Halaman ini dapat berfungsi untuk menambah data, mengedit data dan menghapus data. Terdiri dari sepak bola, raket, basket, formula1, motogp, karate. Untuk tampilan halaman master category dapat dilihat pada gambar diatas.
71 4.3.18 Tampilan Layar Master Sub Category Gambar 4.20 Tampilan Layar Sub Category Halaman master sub category adalah halaman yang berisikan sub category. Halaman ini dapat berfungsi untuk menambah data, mengedit data dan menghapus data. Terdiri dari basket, formula1, karate, motogp, bulu tangkis, liga inggris, liga spanyol, liga italia, liga prancis, liga jerman. Untuk tampilan halaman master sub category dapat dilihat pada gambar diatas. 4.3.19 Tampilan Layar Master News Gambar 4.21 Tampilan Layar Master News
72 Halaman master news adalah halaman yang berisikan berita-berita olahraga. Halaman ini dapat berfungsi untuk menambah data, mengedit data dan menghapus data. Terdiri dari username, email, akses dan action. Untuk tampilan halaman master news dapat dilihat pada gambar diatas. 4.3.20 Tampilan Layar Master Team Gambar 4.22 Tampilan Layar Master Team Halaman master team adalah halaman yang berisikan nama-nama team. Halaman ini dapat berfungsi untuk menambah data, mengedit data dan menghapus data. Untuk tampilan halaman master team dapat dilihat pada gambar diatas.
73 4.3.21 Tampilan Layar Master Schedule Gambar 4.23 Tampilan Layar Master Schedule Halaman master schedule adalah halaman yang berisikan jadwal pertandingan. Halaman ini dapat berfungsi untuk menambah data, mengedit data dan menghapus data. Untuk tampilan halaman master schedule dapat dilihat pada gambar diatas. 4.3.22 Tampilan Layar Master Event Gambar 4.24 Tampilan Layar Master Event
74 Halaman master event adalah halaman yang berisikan berita-berita event tentang olahraga. Untuk tampilan halaman master event dapat dilihat pada gambar diatas. 4.3.23 Tampilan Layar Master Result Gambar 4.25 Tampilan Layar Master Result Halaman master result adalah halaman yang berisikan hasil seluruh pertandingan. Halaman ini dapat berfungsi untuk mengedit data.untuk tampilan halaman master result dapat dilihat pada gambar diatas. 4.3.24 Tampilan Layar Master Klasemen Gambar 4.26 Tampilan Layar Master Klasemen
75 Halaman master klasemen adalah halaman yang berisikan peringkat, main dan point dari sebuah team. Halaman ini dapat berfungsi untuk mengedit data dan menghapus data. Untuk tampilan halaman master user dapat dilihat pada gambar diatas. 4.3.25 Tampilan Layar Master Photo Gambar 4.27 Tampilan Layar Master Photo Halaman master photo adalah halaman yang berisikan tentang photo-photo olahraga. Halaman ini dapat berfungsi untuk menambah data dan menghapus data. Untuk tampilan halaman master photo dapat dilihat pada gambar diatas. 4.3.26 Tampilan Layar Master Comment Gambar 4.28 Tampilan Layar Master Comment
76 Halaman master comment adalah halaman yang berisikan isi komentar member yang memberikan komentar pada sebuah berita olahraga. Halaman ini dapat berfungsi untuk membalas komentar, mengedit komentar dan menghapus komentar. Untuk tampilan halaman master comment dapat dilihat pada gambar diatas. 4.4 Metode Pengujian Metode pengujian dilakukan untuk memastikan apakah sistem yang akan dipakai sudah sesuai dengan yang diharapkan. Metode yang digunakan untuk pengujian ini adalah metode black box, yaitu melakukan pengujian dengan menfokuskan fungsional sistem tanpa mengetahui apa yang sesungguhnya terjadi dalam back and system. 4.5 Skenario Pengujian Skenario pengujian diperlukan untuk mengetahui apakah sistem yang dibuat dapat berfungsi dengan baik atau tidak. Skenario pengujian dilakukan dengan memilih dari setiap pilihan yang ada pada sistem PHP ini, kemudian dilakukan pengujian dengan menekan tombol-tombol pada halaman antarmuka dari sistem ini, apakah sudah sesuai dengaan yang diharapkan. Tebel 4.1 Tabel Skenario Pengujian NO Tampilan Uji Coba Status Skenario Pengujian 1 Tampilan Proses Buka Masukan menu menu menu username dan login login login password 2 Tampilan Proses Buka isi Masukan Comment menu Berita komentar Berita berita pada berita lalu klik send Hasil Yang Diharapkan Berhasil melakukan validasi Berhasil melakukan komentar Hasil Pegujian Berhasil membuka menu utama Berhasil melakukan komentar pada berita
77 3 Tampilan Input Buka Melakukan Data user Berhasil menu data user menu proses input terinput menginput master master data user, dengan baik, data user data user user tombol edit, tombol edit, yang sudah simpan, hapus simpan, melakukan hapus registrasi berfungsi 4 Tampilan Input Buka Mencoba Data Berhasil menu data menu menambah menambah menambah master berita master data berita berita terbaru data berita data user news dan mencoba terisi dan tombol tombol simpan, ubah, simpan dan hapus berfungsi 5 Tampilan Input Buka Mencoba Menambah Berhasil menu data menu menambah data event menambah master event master data event dan dan tombol data event data user event mencoba simpan tombol berfungsi simpan, ubah, dan hapus 6 Tampilan Input Buka Mencoba Menambah Berhasil master data menu menambah jadwal menambah schedule schedule master jadwal pertandingan data schedule pertandingan dan tombol schedule dan mencoba simpan tombol berfungsi simpan, ubah, dan hapus
78 4.6 Analisa Hasil pengujian Setelah dilakukan pengujian secara menyeluruh maka dapat disimpulkan bahwa pengujian telah menunjukan hasil keluaran (Output) dan proses yang sesuai dengan rancangaan sistem program ini. Dan hasil dari pengujian ini dapat dikatakan bahwa program ini dapat berfungsi dengan baaik dan benar, karena telah dibuktikan dari hasil scenario pengujian. Hasil pengujian telah diperoleh dapat dianalisis sebagai berikut: a. Halaman login yang mengontrol sub menu. b. Halaman utama yang menghubungkan setiap halaman yang diakses dan dituju berjalan dengan baik. c. Menu Master, User, Category, Sub Category, News, Team, Schedule, Event, Result, Klasemen, Photo, Comment. Dapat berjalan sesuai yang diharapkan dan data yang diinputkan berhasil terhubung dengan database yang telah dibuat sebelumnya. d. Komentar berhasil disimpan ke dalam database.