BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM Setelah melakukan analisa dan perancangan aplikasi, langkah selanjutnya adalah pengkodean (implementasi) dan pengujian. implementasi merupakan desain (perancangan) aplikasi dengan kode-kode tertentu yang dapat dimengerti oleh mesin dengan spesifikasi perangkat lunak (software) dan perangkat keras (hardware) yang digunakan. Setelah perancangan aplikasi dan pengkodean dilakukan kemudian ke tahap pengujian untuk memastikan aplikasi berjalan seperti yang diinginkan untuk menemukan kesalahan-kesalahan dan memastikan bahwa masukan (input) yang didefinisikan menghasilkan keluaran (output) sesuai dengan yang direncanakan. 4.1 Implementasi Basis Data Untuk implementasi basis data (database) penulis menggunakan mysql sebagai softwarenya. Berikut ini adalah output dari implementasi database yang digunakan. Gambar 4.1 Tampilan Database Portal 51
52 Gambar 4.2 Tampilan Tabel MsUser Gambar 4.3 Tampilan Tabel MsTypeCertification Gambar 4.4 Tampilan Tabel TrCertification
53 Gambar 4.5 Tampilan table TrComment Gambar 4.6 Tampilan Table TrNews
54 Berikut ini adalah query sebelum terbentuknya database : Kode 4.1 Tampilan Query untuk menampilkan Database 4.1.1 Tampilan Awal Aplikasi Gambar 4.7 Tampilan Halaman Home
55 Gambar 4.8 Tampilan Halaman Sertifikasi Gambar 4.9 Tampilan Halaman Sertifikasi Detail Gambar 4.10 Tampilan Halaman News
56 Gambar 4.11 Tampilan Halaman News Detail Kode 4.2 Untuk tampilan Halaman Home Kode 4.3 Untuk tampilan Halaman Sertifikasi
57 Kode 4.4 Untuk tampilan Halaman Sertifikasi Detail Kode 4.5 Untuk tampilan Halaman News Kode 4.6 Untuk tampilan Halaman News Detail
58 4.1.2 Tampilan Admin Admin dalam Aplikasi Portal Sertifikasi berbasis Web ini adalah yang mengatur semua sistem yang berjalan di aplikasi ini. Dalam perubahan informasi dan data dalam sistem. Gambar 4.12 Tampilan Login Admin Kode 4.7 Untuk Tampilan Login
59 Gambar 4.13 Tampilan Home Admin Kode 4.8 Untuk Tampilan Home Admin Gambar 4.14 Tampilan Insert User
60 Kode 4.9 Untuk Tampilan User Register Gambar 4.15 Tampilan List User Kode 4.10 Untuk tampilan List User
61 Gambar 4.16 Tampilan User Update Kode 4.11 Untuk Tampilan User Update
62 Gambar 4.17 Tampilan Insert Type Kode 4.12 Untuk Tampilan Insert Type Gambar 4.18 Tampilan List Type Kode 4.13 Untuk Tampilan List Type
63 Gambar 4.19 Tampilan Update Type Kode 4.14 Untuk Tampilan Update Type Gambar 4.20 Tampilan Insert Certification
64 Kode 4.15 Untuk Tampilan Insert Certification Gambar 4.21 Tampilan List Certification
65 Kode 4.16 Untuk tampilan List Certification Gambar 4.22 Tampilan Update Certifcation
66 Kode 4.17 Untuk tampilan Update Certification Gambar 4.23 Tampilan News Kode 4.18 Untuk tampilan News
67 Gambar 4.24 Tampilan List News Kode 4.19 Untuk tampilan List News Gambar 4.25 Tampilan Update News
68 Kode 4.20 Untuk tampilan UpdateNews Gambar 4.26 Tampilan List Comment
69 Kode 4.21 Untuk tampilan List Comment 4.2 Pengujian Sistem Aplikasi Portal Sertifikasi ini telah dibangun dengan menggunakan Sublime Text 3 dan Berikut gambaran dari pengujian yang telah dilakukan : PENGUJIAN YANG DILAKUKAN HASIL PENGUJIAN Tampilan Awal Aplikasi Tampilan Sertifikasi Tampilan Sertifikasi Detail Tampilan News Insert Comment Tampilan Login Admin Masuk ke Sistem database dengan login Memasukan Admin baru Tampilan List user Update User Delete User
70 Insert Tipe Sertifikasi Tampilan List Tipe Sertifikasi Update Tipe Sertifikasi Delete Tipe Sertifikasi Insert Sertifikasi Tampilan List Sertifikasi Update Sertifikasi Delete Sertifikasi Insert News Tampilan List New Update News Delete News Tampilan List Comment Delete Comment Tabel 4.1 Hasil Pengujian