12. Perancangan antarmuka membuat blog
Di bawah ini adalah perancangan antarmuka membuatt blog dimana terdapat form yang dapat di isi untuk membuatt artikel blog. Perancangan
antarmuka tersebut dapat terlihat pada gambar 3.22.
Header
Footer Popula articles
Home | Profile | course | Blog | Forum | Account
Keterangan :
-Klik judul Artikel menuju ke halaman B02
- Klik Edit Profile menuju halaman P02 - 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 Create article menuku ke halaman
B03 -Klik Manage Blog Menuju kehalaman
B04
Recent comment
Thursday, 21 april 11 – 14:31 wib
Judul Blog
[87] comment By name user
Thursday, 21 april 11 – 14:31 wib
Judul Blog
[59] comment By name user
Thursday, 21 april 11 – 14:31 wib
Judul Blog
[47] comment By name user
Thursday, 21 april 11 – 14:31 wib
Judul Blog
[59] comment By name user
Thursday, 21 april 11 – 14:31 wib
Judul Blog
[59] comment By name user
Title article Key word
Content article
Wyswyg small word editor
search Image article
Active Save
View my blog | All user blog | create article | manage blog
Nama Layar : B03 Ukuran Layar : 960 pixel X 600 pixel
Font : Verdana, Arial, Helvatica, sans-serif Warna background : Puih
Gambar 3.32 Perancangan Antarmuka Membuatt Blog B03
13. Perancangan antarmuka manage blog student
Di bawah ini adalah perancangan antarmuka manage blog sudent dimana student mengelolah blog miliknya. Perancangan antarmuka tersebut dapat terlihat
pada gambar 3.33.
Header
Footer Home | Profile | course | Blog | Forum | Account
Keterangan :
-Klik judul Artikel menuju ke halaman B02
- Klik Edit Profile menuju halaman P02 - 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 Create article menuku ke halaman
B03 -Klik Manage Blog Menuju kehalaman
B04
CREATE BLOG | BACK
Nama Layar : B04 Ukuran Layar : 960 pixel X 600 pixel
Font : Verdana, Arial, Helvatica, sans-serif Warna background : Puih
No Title Blog
Image Blog
Content Blog Post date
views Comment
Publish Action
Populer Blog
Recent Blog
Gambar 3.33 Perancangan Antarmuka Manage Blog B04
14. Perancangan antarmuka forum student