Rancangan Output Rancangan User Interface

43

3.7 Rancangan User Interface

User Interface adalah mekanisme komunikasi antara pengguna atau user dengan sistem. Berikut rancangan user interface:

3.7.1 Rancangan Output

1. Halaman Home Website Komunitas D3 Teknik Informatika Sumatera Utara Komunitas D3 Teknik Informatika Universitas Sumatera Utara nama_profile Pesan Kirim Pesan Lihat Pesan Pesan Terkirim Image Upload Image Foto Galeri Notifikasi Pesan Masuk Pesan Balasan Copyright 2012 WITA Gambar 3.7 Halaman Home Website Komunitas Nama User Beranda Nama User Search Sharing Informasi Gambar pemberi informasi Nama pemberi informasi Isi Informasi Isi Komentar More Gambar Profile Universitas Sumatera Utara 44 2. Halaman Output Website lengkap Data AlumniMahasiswa Komunitas D3 Teknik Informatika Universitas Sumatera Utara Nama Profile Pesan Kirim Pesan Lihat Pesan Pesan Terkirim Image Upload Image Foto Galeri Notifikasi Pesan Masuk Pesan Balasan NIM : |||| Nama Lengkap : |||| Email : |||| Status : |||| Handphone : |||| Tanggal Lahir : |||| Copyright 2012 WITA Gambar 3.8 Halaman Output Website Lengkap Data AlumniMahasiswa Nama User Beranda Nama User Search Gambar Profile Gambar Profile Universitas Sumatera Utara 45 3. Halaman Galeri Foto Komunitas D3 Teknik Informatika Universitas Sumatera Utara nama_profile Pesan Kirim Pesan Lihat Pesan Pesan Terkirim Image Upload Image Foto Galeri Notifikasi Pesan Masuk Pesan Balasan Galeri Foto 1 2 Copyright 2012 WITA Gambar 3.9 Halaman Galeri Foto Nama User Beranda Nama User Search Image Image Image Image Gambar Profile Universitas Sumatera Utara 46 4. Halaman Pesan Masuk dan Pesan Terkirim Komunitas D3 Teknik Informatika Universitas Sumatera Utara nama_profile Pesan Kirim Pesan Lihat Pesan Pesan Terkirim Image Upload Image Foto Galeri Notifikasi Pesan Masuk Pesan Balasan Pesan Masuk Dari: |||| Waktu : |||| Pesan : |||| Copyright 2012 WITA Gambar 3.10 Halaman Pesan Masuk dan Pesan Terkirim Nama User Beranda Nama User Search Gambar Profile Universitas Sumatera Utara 47 5. Halaman admin Website pengolahan data AlumniMahasiswa Admin Home Manage Users Manage Informasi Manage Admin AlumniMahasiswa NIM Yang Sudah Aktif: |||| NIM Yang Belum Aktif: |||| Posting Terbaru |||| Posting Paling Dibahas |||| Data AlumniMahasaiswa Yang Aktif di Website komunitas Pilih Semua Username NIM Tanggal Lahir Details Edit |||| ||| |||| |||| |||| Copyright 2012 WITA Gambar 3.11 Halaman Admin Website Pengolahan Data AlumniMahasiswa √ HAPUS BATAL Universitas Sumatera Utara 48 6. Halaman admin Website pengolahan data Informasi Admin Home Manage Users Manage Informasi Manage Admin AlumniMahasiswa NIM Yang Sudah Aktif: |||| NIM Yang Belum Aktif: |||| Posting Terbaru |||| Posting Paling Dibahas |||| Data Informasi Pilih Semua Username Isi Date Posting Details |||| ||| |||| |||| Copyright 2012 WITA Gambar 3.12 Halaman Admin Website Pengolahan Data Informasi HAPUS BATAL √ Universitas Sumatera Utara 49 7. Halaman Details Website Pengolahan Informasi dan Komentar Admin Home Manage Users Manage Informasi Manage Admin AlumniMahasiswa NIM Yang Sudah Aktif: |||| NIM Yang Belum Aktif: |||| Posting Terbaru |||| Posting Paling Dibahas |||| Posting Oleh: |||| Waktu: |||| Suka: |||| Tidak Suka: ||| Komentar: Copyright 2012 WITA Gambar 3.13 Halaman Details Website Pengolahan Informasi dan Komentar Dikomentari Oleh: ||| isi komentar : ||| X Universitas Sumatera Utara 50 8. Halaman Admin Pengolahan Data Admin Admin Home Manage Users Manage Informasi Manage Admin AlumniMahasiswa NIM Yang Sudah Aktif: |||| NIM Yang Belum Aktif: |||| Posting Terbaru |||| Posting Paling Dibahas |||| Pilih Semua Username password Edit |||| ||| |||| Copyright 2012 WITA Gambar 3.14 Halaman Admin Pengolahan Data Admin √ HAPUS BATAL Universitas Sumatera Utara 51

3.7.2 Rancangan Input