Desain Per Bagian Halaman Menu Utama

51

BAB IV IMPLEMENTASI KARYA

Pada bab ini penulis membahas tentang proses implementasi karya Desain Website Keyna Galeri dari proses perancangan yang dilakukan sebelumnya. Implementasi karya ini meliputi 5 tahapan yaitu: Proses Desain Halaman Menu Utama, Proses Desain Halaman Administrator Site, Proses Desain Halaman Galeri Karya, Proses Penciptaan Sistem Website dan Finishing.

4.1 Proses Desain Halaman Menu Utama

Proses desain halaman Website merupakan tahapan penciptaan karya yang pertama. Di sini dilakukan implementasi atau penciptaan karya dari rancangan yang telah dibuat sebelumnya. Proses desain ini meliputi beberapa hal di antaranya:

4.1.1 Desain Per Bagian Halaman Menu Utama

Penerapan desain halaman menu utama mengacu pada navigasi website yang telah ditentukan dari bab sebelumnya. Dalam halaman menu utama terdapat beberapa bagian di antaranya: 1. Bagian Header Dalam bagian header ini ditempatkan logo keyna galeri, tulisan keyna galeri dan alamatnya serta background coklat dengan tekstur bunga. Dipilihnya tekstur bunga sebagai background adalah untuk pencitraan keyna galeri STIKOM SURABAYA sebagai galeri yang menghasilkan karya seni pahat dan batik dengan corak bunga. Gambar 4.1 Header Halaman Menu Utama Tanggal dan penunjuk waktu pada gambar header di atas akan ter-update otomatis selama website itu dibuka. Penggunaan warna dalam header, yaitu: af9274 2. Bagian Isi atau Tengah a. Menu Statis Dalam bagian menu statis digunakan tabel yang terdiri dari 1 colomn dan 1 rows. Tabel tersebut berisi tentang Menu Utama, Profil Keyna, Album Karya, Agenda, Download dan Kontak seperti yang terlihat pada gambar 4.2. Gambar 4.2 Menu Statis Halaman Menu Utama Penggunaan warna dalam menu statis, yaitu: cccccc Menu Statis ini berisikan navigasi primer. b. Sub Menu Dalam sub menu ini digunakan tabel yang terdiri dari 1 colomn serta beberapa rows yang disesuaikan dengan berapa banyak menu yang ingin ditampilkan. Tabel tersebut berisi tentang Berita Keyna, Peraturan, STIKOM SURABAYA Pariwisata, Seni Budaya, Pendidikan, Olahraga, Lain-lain dan Artikel seperti yang terlihat pada gambar 4.3. Gambar 4.3 Sub Menu Halaman Menu Utama Penggunaan warna dalam sub menu, yaitu: a60326 Sub menu berisikan katagori dari berita yang ada di Keyna Galeri yang di-posting-kan oleh admin website. c. Isi Slideshow dan Accordion Tabs Dalam bagian isi digunakan tabel yang terdiri dari 1 colomn serta beberapa rows yang disesuaikan dengan banyaknya katagori berita yang ingin ditampilkan. Tabel tersebut berisi tentang Berita Utama, Isi Berita Keyna Galeri dan Direktori Keyna Galeri seperti yang terlihat pada gambar 4.4. STIKOM SURABAYA Gambar 4.4 Isi Halaman Menu Utama Slideshow dan Accordion Tabs Penggunaan warna dalam isi, yaitu: af9274 Isi berisikan berita terkini dan katagori berita serta berapa kali berita itu dibaca. Di slideshow berita akan memberikan detail berita sesuai judul yang dipilih. STIKOM SURABAYA d. Menu kanan Dalam bagian menu kanan digunakan tabel yang terdiri dari 1 colomn dan 12 rows. Tabel tersebut berisi tentang Pencarian, Social Media, Agenda, Bank Data dan Polling seperti yang terlihat pada gambar 4.5. Gambar 4.5 Menu Kanan Halaman Menu Utama Penggunaan warna dalam menu kanan, yaitu: af9274 STIKOM SURABAYA Menu kanan digunakan untuk memasang komponen-komponen yang mendukung website agar terkesan lebih dinamis. Seperti search button, social button , yahoo messenger, agenda, download dan polling. e. Footer Dalam bagian footer berisikan teks biasa yang berisikan copyright dari website ini dengan background tribal seperti yang terlihat pada gambar 4.6. Gambar 4.6 Footer Halaman Menu Utama Penggunaan warna dalam footer, yaitu: af9274

4.1.2 Desain Utuh Halaman Menu Utama