3.5 Rancangan Tampilan Aplikasi
Dalam pembuatan aplikasi ini diperlukan desain antar muka interface. Desain antar muka harus dilakukan karena mempunyai bagian yang berhubungan
langsung dengan user, yaitu semua hal yang dilihat oleh user. Adapun rancangan tampilan aplikasi seperti yang tertera pada gambar pada halaman berikut:
1. Rancangan Tampilan Login
Rancangan tampilan login dapat dilihat pada gambar 3.15 di bawah ini :
Gambar 3.15 Rancangan Tampilan Login
2. Rancangan Tampilan Registrasi
Rancangan tampilan registrasi dapat dilihat pada gambar 3.16 dibawah ini:
Gambar 3.16 Rancangan Tampilan Registrasi
3. Rancangan Tampilan Menu Utama Admin
Universitas Sumatera Utara
Rancangan tampilan menu utama admin dapat dilihat pada gambar 3.17 di bawah ini :
Gambar 3.17 Rancangan Tampilan Menu Utama Admin
4. Rancangan Tampilan Submenu Admin
Rancangan tampilan submenu admin dapat dilihat pada gambar 3.18 di bawah ini :
Gambar 3.18 Rancangan Tampilan Sub Menu Admin
Universitas Sumatera Utara
5. Rancangan Tampilan Daftar User
Rancangan tampilan daftar user dapat dilihat pada gambar 3.19 dibawah ini:
Gambar 3.19 Rancangan Tampilan Daftar User
6. Rancangan Tampilan Laporan Komentar User
Rancangan tampilan laporan komentar user dapat dilihat pada gambar 3.20 dibawah ini :
Gambar 3.20 Rancangan Tampilan Laporan Komentar User
Universitas Sumatera Utara
7. Rancangan Tampilan Menu Utama User
Rancangan tampilan menu utama user dapat dilihat pada gambar 3.21 di bawah ini :
Gambar 3.21 Rancangan Tampilan Menu Utama User
8. Rancangan Tampilan Submenu User
Rancangan tampilan submenu user dapat dilihat pada gambar 3.22 di bawah ini:
Gambar 3.22 Rancangan Tampilan Submenu User
Universitas Sumatera Utara
9. Rancangan Tampilan Halaman Postingan
Rancangan tampilan halaman postingan dapat di lihat pada gambar 3.23 di bawah ini :
Gambar 3.23 Rancangan Tampilan Halaman Postingan
10. Rancangan Tampilan Halaman Tambah Postingan
Rancangan tampilan halaman tambah postingan dapat dilihat pada gambar 3.24 di bawah ini :
Gambar 3.24 Rancangan Tampilan Halaman Tambah Postingan
Universitas Sumatera Utara
11. Rancangan Tampilan Halaman Daftar Permintaan Join
Rancangan tampilan halaman daftar permintaan join dapat dilihat pada gambar 3.25 di bawah ini :
Gambar 3.25 Rancangan Tampilan Halaman Daftar Permintaan Join
12. Rancangan Tampilan Halaman Minta Join
Rancangan tampilan halaman minta join dapat dilihat pada gambar 3.26 di bawah ini :
Gambar 3.26 Rancangan Tampilan Halaman Minta Join
Universitas Sumatera Utara
13. Rancangan Tampilan Halaman Ruang Diskusi Terbuka
Rancangan tampilan halaman ruang diskusi terbuka dapat dilihat pada gambar 3.27 di bawah ini :
Gambar 3.27 Rancangan Tampilan Halaman Ruang Diskusi Terbuka
Universitas Sumatera Utara
14. Rancangan Tampilan Halaman Laporkan Komentar
Rancangan tampilan halaman laporkan komentar dapat dilihat pada gambar 3.29 di bawah ini :
Gambar 3.29 Rancangan Tampilan Halaman Laporkan Komentar
15. Rancangan Tampilan Halaman Komentar Yang Di Blokir
Rancangan tampilan halaman komentar yang di blokir dapat dilihat pada gambar 3.30 di bawah ini :
Gambar 3.30 Rancangan Tampilan Halaman Komentar Yang Di Blokir
Universitas Sumatera Utara
16. Rancangan Tampilan Halaman Edit Profil User
Rancangan tampilan halaman edit profil user dapat dilihat pada gambar 3.31 di bawah ini :
Gambar 3.31 Rancangan Tampilan Halaman Edit Profil User
Universitas Sumatera Utara
BAB 4 IMPLEMENTASI DAN PENGUJIAN SISTEM
4.1 Implementasi Sistem