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 http://digilib.mercubuana.ac.id/
52
Gambar 4.2 Tampilan Tabel MsUser
Gambar 4.3 Tampilan Tabel MsTypeCertification
Gambar 4.4 Tampilan Tabel TrCertification
http://digilib.mercubuana.ac.id/
53
Gambar 4.5 Tampilan table TrComment
Gambar 4.6 Tampilan Table TrNews
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
55
Gambar 4.8 Tampilan Halaman Sertifikasi
Gambar 4.9 Tampilan Halaman Sertifikasi Detail
Gambar 4.10 Tampilan Halaman News
http://digilib.mercubuana.ac.id/
56
Gambar 4.11 Tampilan Halaman News Detail
Kode 4.2 Untuk tampilan Halaman Home
Kode 4.3 Untuk tampilan Halaman Sertifikasi
http://digilib.mercubuana.ac.id/
57
Kode 4.4 Untuk tampilan Halaman Sertifikasi Detail
Kode 4.5 Untuk tampilan Halaman News
Kode 4.6 Untuk tampilan Halaman News Detail
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
59
Gambar 4.13 Tampilan Home Admin
Kode 4.8 Untuk Tampilan Home Admin
Gambar 4.14 Tampilan Insert User
http://digilib.mercubuana.ac.id/
60
Kode 4.9 Untuk Tampilan User Register
Gambar 4.15 Tampilan List User
Kode 4.10 Untuk tampilan List User
http://digilib.mercubuana.ac.id/
61
Gambar 4.16 Tampilan User Update
Kode 4.11 Untuk Tampilan User Update
http://digilib.mercubuana.ac.id/
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
http://digilib.mercubuana.ac.id/
63
Gambar 4.19 Tampilan Update Type
Kode 4.14 Untuk Tampilan Update Type
Gambar 4.20 Tampilan Insert Certification
http://digilib.mercubuana.ac.id/
64
Kode 4.15 Untuk Tampilan Insert Certification
Gambar 4.21 Tampilan List Certification
http://digilib.mercubuana.ac.id/
65
Kode 4.16 Untuk tampilan List Certification
Gambar 4.22 Tampilan Update Certifcation
http://digilib.mercubuana.ac.id/
66
Kode 4.17 Untuk tampilan Update Certification
Gambar 4.23 Tampilan News
Kode 4.18 Untuk tampilan News
http://digilib.mercubuana.ac.id/
67
Gambar 4.24 Tampilan List News
Kode 4.19 Untuk tampilan List News
Gambar 4.25 Tampilan Update News
http://digilib.mercubuana.ac.id/
68
Kode 4.20 Untuk tampilan UpdateNews
Gambar 4.26 Tampilan List Comment
http://digilib.mercubuana.ac.id/
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
Berjalan Sesuai
Tampilan Sertifikasi
Berjalan Sesuai
Tampilan Sertifikasi Detail
Berjalan Sesuai
Tampilan News
Berjalan Sesuai
Insert Comment
Berjalan Sesuai
Tampilan Login Admin
Berjalan Sesuai
Masuk ke Sistem database dengan login Memasukan Admin baru
Berjalan Sesuai
Tampilan List user
Berjalan Sesuai
Update User
Berjalan Sesuai
Delete User
Berjalan Sesuai
http://digilib.mercubuana.ac.id/
Berjalan Sesuai
70
Insert Tipe Sertifikasi
Berjalan Sesuai
Tampilan List Tipe Sertifikasi
Berjalan Sesuai
Update Tipe Sertifikasi
Berjalan Sesuai
Delete Tipe Sertifikasi
Berjalan Sesuai
Insert Sertifikasi
Berjalan Sesuai
Tampilan List Sertifikasi
Berjalan Sesuai
Update Sertifikasi
Berjalan Sesuai
Delete Sertifikasi
Berjalan Sesuai
Insert News
Berjalan Sesuai
Tampilan List New
Berjalan Sesuai
Update News
Berjalan Sesuai
Delete News
Berjalan Sesuai
Tampilan List Comment
Berjalan Sesuai
Delete Comment
Berjalan Sesuai Tabel 4.1 Hasil Pengujian
http://digilib.mercubuana.ac.id/