BAB V KARYA PERANCANGAN

dokumen-dokumen yang mirip
BAB IV KONSEP PERANCANGAN

IV KONSEP PERANCANGAN

ULASAN KARYA PERANCANGAN

BAB IV TEKNIS PRODUKSI MEDIA

BAB IV KONSEP PERANCANGAN

BAB 4 PERANCANGAN APLIKASI E-MARKETING

MEMBANGUN SITUS WEBSITE INFORMASI KESENIAN DAN BUDAYA DI WILAYAH DKI JAKARTA MENGGUNAKAN PHP DAN MYSQL

PROPOSAL PENAWARAN PEMBUATAN WEBSITE COMPANY PROFILE SAHABAT MEDIATAMA SISTEM

BAB I PENDAHULUAN. Perkembangan teknologi web dan internet yang ada saat ini. memungkinkan seseorang membuat website yang diinginkan menjadi lebih

BAB IV DESKRIPSI KERJA PRAKTIK

internet. Alhasil, informasi tersebut menjadi tak berguna karena tak berhasil

BAB IV KONSEP PERANCANGAN

BAB 4 PERANCANGAN E-MARKETING YANG DIUSULKAN. 4.1 Crafting the Customer Interface (Merancang hubungan antar muka

BAB I PENDAHULUAN. Internet adalah jaringan informasi komputer mancanegara yang

Strategi Media

EXPERT SYSTEM SEARCH ENGINE OPTIMIZATION (SEO) DALAM MENGOPTIMALKAN WEBSITE

BAB I PENDAHULUAN. Gambar I.1 Captcha Dengan Corak Hitam Putih

1.1 Latar Belakang Masalah

BAB 1 PENDAHULUAN. pesat yang diindikasikan perkembangan teknologi telekomunikasi dan komputer.

BAB IV LAPORAN KERJA PRAKTEK

BAB I PENDAHULUAN Latar Belakang

BAB 1 PENDAHULUAN 1.1. Latar Belakang Masalah

BAB 1 PENDAHULUAN. menjual berbagai jenis pakaian. Seiring dengan perkembangan fashion pakaian ini

Manual Book Mengisi Konten Website OPD Kota Bogor

BAB IV KONSEP PERANCANGAN

PENDAHULUAN. 1.1 Latar Belakang

BAB IV TEKNIS PRODUKSI MEDIA

BAB VI PENUTUP. strategi jemput bola 24 Mobile Spa dalam meraih calon pelanggan, maka. dapat ditarik kesimpulan sebagai berikut :

BAB 1 PENDAHULUAN. Toko alat musik Hafidz Pro Ard merupakan toko alat musik yang sudah

BAB IV IMPLEMENTASI KARYA. Pada BAB IV ini, dijelaskan tentang implementasi karya Desain HTML5

BAB 1 PENDAHULUAN. Bekasi merupakan badan usaha yang bergerak dalam bidang penjualan bed cover, sprei bantal, sprei guling dan sprei untuk kasur.

1.1 Latar Belakang Masalah

BAB 3 ANALISIS KINERJA WEBSITE DINAS PARIWISATA SAAT INI

BAB 4 HASIL DAN BAHASAN Proses Bisnis dengan Menggunakan Pemasaran E-Marketing

RANCANG BANGUN APLIKASI RADIO ONLINE BERBASIS WEB

BROWSER INTERNET UHRIA. Abstrak. Pendahuluan. Pembahasan.

STRATEGI PERANCANGAN DAN KONSEP VISUAL

Komunikasi Multimedia

BAB I PENDAHULUAN. Barter adalah kegiatan tukar-menukar barang atau jasa yang terjadi tanpa

Ahmad Royani, S.Kom. Ahmad Royani, S.Kom SMK NEGERI 3 DEPOK JUDUL MATERI EVALUASI PENUGASAN KELUAR

Pert 11 DASAR-DASAR WEB DESIGN

BAB 1. PENDAHULUAN. 1.1 Latar Belakang Masalah

DASAR-DASAR WEB DESIGN

BAB 1 PENDAHULUAN Latar Belakang

BAB IV.

BAB 1 PENDAHULUAN. dari pendayagunaan teknologi khususnya teknologi informasi. Penjualan elektronik atau yang akrab di sebut e-commerce ( electronic

Website E-commerce Penjualan Barang Elektronik Menggunakan PHP dan MySQL

PERANCANGAN DESAIN WEBSITE PERUSAHAAN FATMAC SEMARANG. Benny Kristian, Umi Rosyidah, Godham Eko Saputro. Abstrak

Bab I. PENDAHULUAN Latar Belakang

Analisis Sistem Informasi Web Traveloka

Perancangan Antarmuka Layanan Informasi Wisata dan Kuliner di DIY Berbasis Web dan Mobile Web

BAB 1 PENDAHULUAN. merupakan suatu toko yang memasarkan produk dari. beberapa home industri kulit seperti sepatu dan sandal.

BAB II TINJAUAN PUSTAKA

BAB I PENDAHULUAN 1.1. Latar Belakang

BAB 1 PENDAHULUAN. Perangkat lunak adalah istilah umum untuk data yang diformat dan disimpan secara

Mengenal Web Dinamis dan Statis Serta Perbedaanya

BAB V IMPLEMENTASI DAN PENGUJIAN. Perangkat lunak yang digunakan untuk pembuatan website sekolah ini yaitu

USER MANUAL SUB PORTAL PUBLIK BUMN

PROPOSAL PENAWARAN JASA PEMBUATAN WEBSITE

BAB V ULASAN KARYA PERANCANGAN

Pembuatan Aplikasi Komunitas Organisasi. Mahasiswa Universitas Surabaya. Berbasis Android

BAB 4 PERANCANGAN APLIKASI E-MARKETING. perusahaan. Pertemuan tatap muka dalam lingkungan tradisional telah digantikan

OPTIMASI SITUS WEB UNTUK MENINGKATKAN URUTAN DI SERP MENGGUNAKAN METODE SEO

Batasan Masalah Pembuatan website Indiesik Indonesia menggunakan Dreamweaver Mx, PHP, & MySQL. Terdapat penilaian video atau rekaman yang telah di und

BAB 1 PENDAHULUAN. PT. Daya Anugrah Mandiri cabang Arjawinangun merupakan cabang

BAB 4 IMPLEMENTASI DAN EVALUASI

Perancangan Sistem Informasi Berbasis Web Sebagai Media. Informasi dan Promosi pada MM Studio Musik. Banjarnegara.

BAB IV TEKNIS PRODUKSI MEDIA. sebuah analisa merupakan pencapaian untuk membuat Desain Website yang

BAB III STRATEGI PERANCANGAN DAN KONSEP VISUAL. disampaikan dapat tepat kepada sasaran, dimana tahapannya dan tujuannya

Mendesain Website. Kemampuan Anda dalam mendesain

BAB IV DESAIN DAN IMPLEMENTASI

BAB IV HASIL DAN PEMBAHASAN

BAB III METODE PERANCANGAN. Pada penyusunan laporan ini digunakan metodologi penelitian kualitatif

BAB IV IMPLEMENTASI DAN EVALUASI. implementasi desain dalam bentuk kode-kode program. Kemudian di tahap ini

BAB II TINJAUAN PUSTAKA DAN DASAR TEORI. autentikasi dan otorisasi user. Aplikasi belum menggunakan teknologi responsive

BAB 1 PENDAHULUAN. dapat diakses siapa saja dan dimana saja selama ada koneksi. Teknologi internet

BAB III ANALISIS DAN PERANCANGAN SISTEM

BAB I PENDAHULUAN. 1.1 Latar Belakang

BAB I PENDAHULUAN 1.1 Latar Belakang Masalah

BERITA DAERAH KABUPATEN KULON PROGO

I. PENDAHULUAN. Teknologi Informasi semakin berkembang pesat dan telah menjadi salah satu

Website Canggih dan Praktis dengan Blogspot

BAB III PERANCANGAN WEBSITE. Pelaksanaan perancangan dan realisasi website dilakukan dengan

DAFTAR ISI BAB II : LANDASAN TEORI

PERANCANGAN DESAIN BLOG PROMOSI DENGAN MEMPERTIMBANGKAN ASPEK DISPLAY ERGONOMI

BAB 1 PENDAHULUAN. berbagai jaringan komunitas menjadi kian mudah tanpa harus terhalang tempat dan

STMIK EL RAHMA. Prinsip Desain Web. Wahyu Widodo, S.Kom.,M.Kom. Web Statis

BAB 4 RANCANGAN SISTEM YANG DIUSULKAN

APLIKASI ENSIKLOPEDIA TARI DAERAH PULAU JAWA BERBASIS WEB

BAB 2 LANDASAN TEORI. disebut HTML (HyperText Markup Langauge). Pada perkembangan berikutnya,

BAB I PENDAHULUAN. Teknologi Informasi saat ini mengalami perkembangan yang signifikan.

BAB 4 PERANCANGAN APLIKASI E-MARKETING. 4.1 Tahap 4 : Membangun Hubungan Antar Muka Dengan Pelanggan

BAB IV HASIL DAN PEMBAHASAN

BAB IV HASIL DAN PEMBAHASAN

BAB 1 PENDAHULUAN. sering disebut dengan e-commerce (Electronic Commerce). E-Commerce

Tutorial Menggunakan Webpraktis Profesional

HANDPHONE/WA : / Website: Facebook: Yosua Yarinap BBM Pin: DC0686E3

SISTEM INFORMASI ORDER ALAT MUSIK DAN ORDER REKAMAN BERBASIS WEB DI STUDIO RECORD ORANGE MADIUN SKRIPSI

BAB III LANDASAN TEORI

Teknologi Multimedia untuk Teknologi Web

Transkripsi:

BAB V KARYA PERANCANGAN 5.1. Ulasan Karya Website The Dead Vocalist band dapat di akses secara online dengan alamat www.tdvband.com pada browser. 5.1.1. Performansi Berikut tampilan karya website The Dead Vocalist: a. HOME Gambar 25. Halaman HOME (Reproduksi digital: Penulis) HOME, halaman utama pada website The Dead Vocalist. b. PROFILE Gambar 26. Halaman PROFILE (Reproduksi digital: Penulis) PROFILE, halaman yang menyediakan informasi tentang personel The Dead Vocalist. 49

c. NEWS Gambar 27. Halaman NEWS (Reproduksi digital: Penulis) News, halaman yang menyediakan berbagai informasi berita acara kekinian dari The Dead Vocalist band. d. MERCH Gambar 28. Halaman MERCH (Reproduksi digital: Penulis) MERCH, halaman yang berisikan produk-produk yang ditawarkan oleh The Dead Vocalist band. e. PARTNERS Gambar 29. Halaman PARTNERS (Reproduksi digital: Penulis) 50

PARTNERS, halaman yang berisikan link komunitaskomunitas dukungan dan band-band terkait dengan The Dead Vocalist band. f. CONTACT US Gambar 30. Halaman Contact Us (Reproduksi digital: Penulis) CONTACT US, halaman yang menyediakan informasi kontak The Dead Vocalist band. 5.1.2. Fungsi Eye-tracking, kesadaran bahwa terdapat banyak hal yang dapat menjadi pendorong sehingga user melihat bagian-bagian tertentu pada halaman website untuk mulai membaca/melihat sebagian atau keseluruhan dari website The Dead Vocalist, dari perbagian ke bagian lainnya. Gambar 31. Eye-tracking website The Dead Vocalist band (Reproduksi digital: Penulis) Keterangan: 1. Background 2. Konten 51

3. Header 4. Footer 5. Pemutar musik Interface website The Dead Vocalist band: a.`header Gambar 32. Header (Reproduksi digital: Penulis) Header meliputi logotype The Dead Vocalist band dan menu navigasi. b. Footer Gambar 33. Footer (Reproduksi digital: Penulis) 52

Footer meliputi copyright The Dead Vocalist band, contact us dan ikon menuju halaman jejaring sosial media seperti facebook, twitter, soundcloud dan youtube The Dead Vocalist band. c. Menu navigasi Gambar 34. Menu navigasi (Reproduksi digital: Penulis) Menu navigasi menggunakan typeface berjenis fantasy dengan karakter Grunge, yaitu font VTKS Distress. Menu navigasi terdapat link home, profile, news, merch dan partners. d. Pemutar musik Gambar 35. Pemutar musik (Reproduksi digital: Penulis) 53

Fitur pemutar musik ini berisi sebuah lagu yang berjudul Polusi, salah satu buah karya dari The Dead Vocalist band. e. Background Gambar 36. Background (Reproduksi digital: Penulis) Foto yang digunakan dalam website sebagai background, dengan format warna hitam putih. Secara teknis perancangan grafis website ini adalah aplikasi berbasis web (web based applications) yang harus disajikan secara online, dengan menggunakan bahasa browser dan server (database). Dengan spesikasi perangkat keras komputer yang terhubung dengan internet dan dijalankan melalui perangkat lunak browser dengan dukungan bahasa pemrograman HTML, CSS dan PHP. 5.1.3 Pemasaran Metode pemasaran yang paling penting dalam dunia teknologi website adalah SEO (Search Engine Optimization), terutama bagi pelaku bisnis online. SEO adalah serangkaian proses yang dilakukan secara sistematis yang bertujuan meningkatkan volume/jumlah/ kepadatan dan kualitas trafik kunjungan melalui mesin 54

pencari menuju situs web tertentu dengan memanfaatkan mekanisme kerja atau logaritma mesin pencari tersebut. Tujuan SEO adalah menempatkan sebuah sebuah situs web pada posisi teratas, atau setidaknya halaman pertama pada hasil pencarian berdasarkan kata kunci tertentu yang ditargetkan. Secara logis, situs web yang menempati posisi teratas memiliki peluang lebih besar untuk mendapatkan pengunjung. Karena kebanyakan user mencari informasi menggunakan search engine dengan memanfaatkan kata kunci dengan harapan mendapatkan informasi yang relevan. Dalam hal ini website The Dead Vocalist band ini perlu mengoptimalkan tehnik tersebut, secara tehnik ini adalah tugas seorang webmaster. Selain itu media yang dapat digunakan untuk mengenalkan website ini bisa dalam bentuk broadcast pada aplikasi smartphone bbm (blackberry messenger) serta media-media jejaring sosial seperti facebook, twitter dan sosial media sejenisnya. 5.1.4 Kepentingan Produsen Menjadikan salah satu media untuk menopang kelancaran bisnis yang dijalankan seperti penjualan karya musik dan merchandise The Dead Vocalist band. 5.1.5 Kualitas Bentuk Visual Grunge, aliran ini sejak beberapa tahun lalu begitu dominan dalam dunia grafis sehingga pada puncaknya semua pegrafis ingin menerapkan motif grunge pada karya-karyanya dalam dimensi yang luas di bidang apa saja. Penentuan gaya visual grunge pada website disesuaikan dengan genre The Dead Vocalist band itu sendiri. 55

Gambar 37. Karakter Grunge (Reproduksi digital: Penulis) Karakter Grunge ini dapat dilihat dari elemen font, ikon sosial media pada footer dan background yang digunakan, font diaplikasikan pada menu navigasi dan judul (bodytext). Perancangan grafis website The Dead Vocalist band ini membutuhkan kerjasama tim, antara desainer web dengan programer web. Penulis dalam hal ini adalah sebagai perancang grafis web yang sebelumnya bertugas membuat keseluruhan grafis layout dengan menggunakan perangkat lunak pengolah foto digital. Sedangkan finishing dilakukan oleh pihak programer web untuk dapat diterjemahkan menjadi layout yang bisa diterima oleh browser, bahasa yang diterima browser meliputi kode HTML, Jquery dan CSS. 56