1. Definisikan variabel admin
2. Definisikan variabel menu
3. Defenisikan aksi admin
4. Pilih menu
5. Tampilkan hasilnya
Pseude Code : Algoritma tampilan admin
Deklarasi div class=content
div class=menu-kiri div class=aksi
Deskripsi Login admin NamaId, Password
Masukkan menu Home, Tokoh, Kuliner, Kain, Musik, Cerpen Pilih menu Home, Tokoh, Kuliner, Kain, Musik, Cerpen
Pilih aksi Lihat Data, Edit, Tambah, Hapus Tampil admin
3.3 Perancangan Interface
Perancangan interface adalah merancang dan membuat bentuk dasar tampilan web yang akan ditransformasikan dalam bentuk sketsa digital.
Universitas Sumatera Utara
a. Perancangan interface halaman depan website karo media
Gambar 2.3 Interface halaman depan website karo media
b. Perancangan interface halaman admin website karo media
Gambar 2.4 Interface halaman admin website karo media
Dalam perancangan interface atau mendesain penulis menggunakan aplikasi pengolah foto yaitu Adobe Photoshop untuk mendesain tampilan interfacenya agar
mudah dalam mendesain website tersebut. Maka dari itu seorang perancang web username
Password Login
Universitas Sumatera Utara
juga harus memiliki keahlian dalam aplikasi pengolah gambar atau foto.
Web desainer bertugas sebagai juru gambar dan desain website, seperti menentukan bentuk desain serta elemen-elemen yang terdapat didalam website,
layout tata letak konten website. Beberapa perangkat lunak yang digunakan web desainer dalam perancangan website adalah seperti Adobe Photoshop, Adobe
Dreamweaver, Adobe flash dan Corel Draw.
3.4 Data Flow Diagram
Data Flow Diagram DFD adalah gambaran sistem secara logika. Gambaran ini tidak tergantung pada perangkat keras, lunak, struktur data atau organisasi. Pada
tahap ini analisa, penanganan notasi simbol lingkaran dan anak panah mewakili atau menggambarkan arus data dalam perancangan sistem sangat membantu sekali
di dalam komunikasi dengan pemakaian sistem menggunakan notasi-notasi ini untuk menggambarkan arus dari data sistem.
Adapun Data Flow Diagram dari website karo media adalah:
Universitas Sumatera Utara
Laporan Kirim Informasi
Feedback Informasi Terbaru Komentar
Gambar 2.5 Diagram Konteks Karo Media
Admin
Informasi
Pengunjung
Universitas Sumatera Utara
Mengisi Informasi
Laporan
Upload
Kirim Upload
Informasi Terbaru
Gambar 2.6 Data Flow Diagram Level Nol
Admin 1
Halaman Admin
Informasi
2 Halaman Utama
Depan Web
Pengunjung
Universitas Sumatera Utara
3.5 Flowchart Website Berikut adalah Diagram Alir flowchart dari website karo media: