16. Perancangan antarmuka content forum student
Di bawah ini adalah perancangan antarmuka content forum dimana pengguna dapat melihat isi dalam topic forum dan mengomentari isi dari topic
forum. Perancangan antarmuka tersebut dapat terlihat pada gambar 3.36.
Header
Footer Home | Profile | course | Blog | Forum | Account
Keterangan:
- Klik Profile menuju ke halaman P01 - Klik Course Menuju ke halaman C01
- Klik Blog menuju ke halaman B01 - Klik Forum menuju ke halaman F01
- Klik Account-sign out menuju kehalaman I00
Title topik Content Topic content topic Content Topik content topik Content Topik
content topik Content Topik content topik Content Topik content topik Content Topik content topik Content Topik content topik Content Topik
content topik Content Topik content topik
Photo user
Nama User
Join date : date Location : city
Post : jlm post Photo
user
Nama User
Join date : date Location : city
Post : jlm post
Replay topic Replay topic Replay topic Replay topic Replay topic Replay topic Replay topic Replay topic Replay topic Replay topic Replay topic
Replay topic Replay topic Replay topic Replay topic Replay topic Replay topic Replay topic
Post Replay
Title category title topic
Nama Layar : F03 Ukuran Layar : 960 pixel X 600 pixel
Font : Verdana, Arial, Helvatica, sans-serif Warna background : Puih
Gambar 3.36 Perancangan Antarmuka Content Forum F03
17. Perancangan antarmuka buat topik forum student
Di bawah ini adalah perancangan antarmuka buat topik dimana system menampilkan form yang dapat digunakan untuk membuatt topik. Perancangan
antarmuka tersebut dapat terlihat pada gambar 3.37.
Header
Footer Home | Profile | course | Blog | Forum | Account
Nama Layar : F04 Ukuran Layar : 960 pixel X 600 pixel
Font : Verdana, Arial, Helvatica, sans-serif Warna background : Puih
Keterangan:
- Klik Profile menuju ke halaman P01 - Klik Course Menuju ke halaman C01
- Klik Blog menuju ke halaman B01 - Klik Forum menuju ke halaman F01
- Klik Account-sign out menuju kehalaman I00
- Klik Post menuju ke halaman F03
Title Topik Content Topik
Wyswyg small word editor
search Image Topik
Post
Back
Gambar 3.37 Perancanga Antarmuka Buat Topik Forum F04
3.3.2 Perancangan Struktur Menu