Rancangan Tampilan Aplikasi Perancangan Aplikasi Forum Diskusi Berbasis Web

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