Nama : Rasyuqa Asyira Hafiidh NIM : 09.42010.0002 Program : S1 (Strata Satu) Jurusan : Desain Komunikasi Visual
SEKOLAH TINGGI
MANAJEMEN INFORMATIKA & TEKNIK KOMPUTER SURABAYA
2012
STIKOM
iv
ABSTRAK
PEMBUATAN WEBSITE
AL AMANAH CENTER KRIAN SIDOARJO
Program Studi S1 Desain Komunikasi Visual, STIKOM Surabaya
Pembimbing :
Muhammad Bahruddin, S.Sos.,M.Med.Kom.
Tujuan pembuatan website pada Al-Amanah Center ini, agar Al-Amanah center yang baru berdiri dapat dikenal secara lebih luas oleh masyarakat melalui dunia
online. Pembuatan identitas perusahaan ini berdasar dari metode kerja yaitu; briefing, brainstorming, keyword, konsep, draft dan, final design. Website yang dibuat meliputi informasi perusahaan, kontak, alamat, informasi terbaru
perusahaan, galeri, dan buku tamu. Hasil dari pembuatan website ini diharapkan dapat mengenalkan Al-Amanah Center kepada masyarakat.
Kata Kunci : Pembuatan website perusahaan, Pondok Pesantren Modern, Al-Amanah Center, Brand Awareness.
STIKOM
v
KATA PENGANTAR ... ii
ABSTRAK ...iv
DAFTAR GAMBAR ... viii
BAB I PENDAHULUAN ... 1
1.1 Latar Belakang ... 1
1.2 Rumusan Masalah ... 3
1.3 Batasan Masalah... 4
1.4 Tujuan ... 4
1.5.1 Manfaat Teoritis ... 4
1.5.2 Manfaat Praktis ... 5
1.5 Pelaksanaan ... 5
1.6 Sistematika Penulisan ... 5
BAB II TINJAUAN PUSTAKA ... 8
2.1 Website ... 8
2.1.1 Web Server ... 8
2.1.2 Local Server ... 9
2.1.3 Domain ... 9
2.1.4 Hosting Service ... 9
2.1.5 Content Management Service ... 10
2.2 Promosi ... 10
2.3 Media Promosi ... 11
2.4 Brand Awareness ... 11
STIKOM
vi
2.5 Desain ... 13
2.6 Komunikasi Visual ... 14
2.6.1 Tipografi ... 14
2.6.2 Layout ... 15
2.6.3 Illustrasi ... 15
2.6.4 Simbolisme... 16
2.6.5 Warna ... 17
BAB III METODOLOGI PERANCANGAN ... 18
3.1 Skema Pengerjaan ... 18
3.2 Briefing ... 18
3.3 Brainstorming... 19
3.4 Keyword ... 19
3.5 Sketch... 20
3.6 Pembelian space dan web domain ... 20
3.7 Draft ... 22
3.8 Menguji kinerja website pada local server ... 23
3.9 Mengunggah data-data elemen website kepada hosting ... 24
3.10 Penambahan Widgets... 25
BAB IV GAMBARAN UMUM PERUSAHAAN ... 27
4.1 Al-Amanah ... 27
4.2 Al-Amanah Center ... 27
4.3 Divisi Al-Amanah Center ... 28
4.3.1 Jelajah Al-Amanah ... 28
4.3.2 Semesta Berdzikir ... 28
4.3.3 Jejaring Alumni ... 29
STIKOM
vii
4.5 Motto ... 32
4.6 Visi Dan Misi ... 32
4.6.1 Visi ... 32
4.6.2 Misi ... 32
BAB V IMPLEMENTASI KARYA ... 33
5.1 Tampilan Final Website ... 33
BAB VI PENUTUP ... 50
6.1 Kesimpulan ... 50
6.2 Saran ... 51
DAFTAR PUSTAKA ... 52
LAMPIRAN... 53
STIKOM
8
BAB II
TINJAUAN PUSTAKA
2.1Website
Website adalah sebutan bagi sekelompok halaman (web page), dan
umumnya merupakan bagian dari suatu nama domain (domain name) atau sub domain dalam World Wide Web (WWW) di internet (Madcoms, 2011:1). Sebuah situs web biasanya ditempatkan setidaknya pada sebuah server web yang dapat
diakses melalui jaringan seperti internet melalui alamat yang dikenali sebagai
URL (id.wikipedia.org).
Situs web dinamis merupakan situs web yang secara spesifik didisain agar
isi yang terdapat dalam situs tersebut dapat diperbarui secara berkala dengan
mudah (id.wikipedia.org).
2.1.1 Web Server
Web Server adalah server yang melayani permintaan klien terhadap
halaman web (Hidayat, 2011:8). Web server berfungsi menerima permintaan
HTTP atau HTTPS dari klien yang dikenal dengan web browser, kemudian
mengirimkan kembali hasilnya dalam bentuk halaman-halaman web yang
umumnya berbentuk dokumen HTML (Hidayat, 2011:15).
STIKOM
2.1.2 Local Server
Server lokal adalah sebuah web server yang berjalan pada komputer
pribadi (localhost) tanpa perlu terhubung ke internet (Hidayat, 2011:20). Dengan
adanya local server, akan mempermudah pengaturan dan penyuntingan website
tanpa harus bekerja secara online melalui web server. Data-data website akan
disimpan pada komputer pribadi sebelum akhirnya dapat diunggah kepada hosting
service.
2.1.3 Domain
Domain adalah nama unik atau alamat yang digunakan untuk
mengidentifikasi nama server komputer, seperti web server atau email server di
internet. Dengan adanya domain ini akan memudahkan pengguna internet untuk
melakukan akses kedalam server daripada harus mengingat deretan alamat yang
berupa deretan nomor yang disebut dengan IP (Madcoms, 2011:11).
Nama domain bersifat unik, artinya satu nama domain hanya berlaku
untuk satu kepemilikan dan tidak dapat digunakan kembali oleh pihak lain
diseluruh dunia (Hidayat, 2011:146).
2.1.4 Hosting Service
Hosting merupakan tempat dalam server komputer yang digunakan untuk
menempatkan data dan file website, sehingga data dan file web tersebut dapat
diakses oleh semua pengguna internet (Madcoms, 2011:11).
STIKOM
10
2.1.5 Content Management Service
CMS atau Content Management Service adalah sebuah sistem yang
memberikan kemudahan kepada para penggunanya dalam mengelola isi sebuah
website dinamis, tanpa sebelumnya dibekali pengetahuan tentang hal-hal teknis sebuah website (Hidayat, 2011:11). Dengan CMS, setiap orang baik penulis maupun editor, setiap saat dapat menggunakannya secara leluasa untuk
menghapus, menambahkan, atau menyunting isi website tanpa menghubungi
pihak Webmaster.
Beberapa contoh CMS populer yang ada saat ini adalah Joomla!, Drupal,
Wordpress, mambo, XOOPS, dan sebagainya.
2.2Promosi
Promosi adalah salah satu bagian dari pemasaran, yang dimana merupakan
sebuah usaha dalam artian untuk mempromosikan, mengenalkan sesuatu baik itu
berupa barang ataupun jasa, bahkan dalam bentuk lainnya yang masih bisa
dipromosikan. Sehingga orang lain tertarik untuk melakukan transaksi atas apa
yang dipromosikan.
Menurut Michael Ray dalam buku Morrisan M.A, mendefinisikan promosi
adalah koordinasi dari seluruh upaya yang dimulai pihak penjual untuk
membangun berbagai saluran informasi dan persuasi untuk menjual barang dan
jasa atau memperkenalkan suatu gagasan (Morrisan, 2010:16). Dengan
dibentuknya sebuah promosi maka sebuah perushaan baru tersebut juga bisa
STIKOM
dikatakan memperkenalkan diri kepada masyrakat atau publik. Pembuatan
promosi ini tentu diterapkan pada media-media, yang disebut media promosi.
2.3Media Promosi
Dalam sebuah website http://economy.okezone.com menyatakan bahwa
media promosi adalah sarana mengomunikasikan suatu produk atau jasa atau
brand atau perusahaan dan lainnya agar dapat dikenal masyarakat lebih luas.
Media promosi yang paling tua adalah dari mulut ke mulut (word of mouth),
dilanjutkan dengan media promosi konvensional berupa: brosur, poster, katalog,
pamflet, booklet, spanduk, billboard, banner, flyer, reklame, kartu nama, iklan TV,
radio, media cetak (koran/ majalah) dan sebagainya.
Rustan mengatakan penerapan selanjutnya bagi sebuah corporate identity
yaitu pada media promosi(marketing promotion sales). Diharapkan desain yang
terbentuk dari media promosi tersebut mempunyai satukesatuan dengan identitas
perusahaan, sehingga visual yang dikomunikasikan oleh perushaan terlihat jelas
oleh publik sama dengan visual identitas perusahaan (Rustan, 2009:86).
2.4Brand Awareness
Pengertian dari Brand Awareness itu sendiri adalah kemampuan dari
seseorang yang merupakan calon pembeli (potential buyer) untuk mengenali
(recognize) atau menyebutkan kembali (recall) suatu merek merupakan bagian
dari suatu kategori produk (Aaker, 1991: 61). Kegunaan dari awareness ini dapat
dilihat dari 4 nilai (value) yang diciptakan melalui Brand Awareness ini, yaitu :
STIKOM
12
a. Anchor to which other associations can be attached; Brand
Awareness akan menyebabkan timbulnya asosiasi seseorang,
seperti asosiasi yang timbul pada McDonald adalah Ronald
McDonald, anak-anak, fun, Big Mac, bersih dan efisien. Asosiasi
yang luas tersebut kemudian dapat diperkuat dengan
menggambungkan satu asosiasi dengan yang lain seperti Ronald
McDonald dengan anak-anak. Dengan memperkuat asosiasi
tersebut nama McDonald akan semakin kuat pada memori
seseorang.
b. Familiarity /Liking; secara umum seseorang lebih menyukai
sesuatu yang lebih familiar.
c. Substance / commitment; semakin tinggi awareness atas suatu
nama produk menunjukkan semakin tinggi commitment dari brand
tersebut. Alasan yang dapat timbul mengapa seseorang dapat
mengenali sebuah brand adalah :
Perusahaan telah melakukan promosi secara terus-menerus;
Perusahaan telah bergerak untuk waktu pada bidang tersebut;
Perusahaan telah melakukan distribusi secara luas;
Brand tersebut adalah Brand yang sukses, orang lain juga
menggunakan Brand tersebut.
d. Brand to consider; Pada proses pembelian, langkah pertama yang
dilakukan adalah pemilhan alternatif. Pada proses ini, ketersedian
informasi menjadi sumber dari pemilihan tersebut. Proses recall
STIKOM
menjadi penting, karena biasanya tidak banyak nama brand yang
muncul pada proses ini. Brand pertama yang muncul dalam benak
seseorang, akan mendapatkan keuntungan yang lebih,
dibandingkan dengan Brand yang memiliki tingkat recall yang
rendah.
2.5Desain
Desain adalah sebuah kegiatan kreatif yang mencerminkan keanekaan
bentuk kualitas dan sistem, bagaikan sebuah lingkaran yang saling berhubungan.
Selain itu, desain merupakan faktor yang yang membangun kegiatan inovasi
pemanusiaan teknologi, dinamika budaya, dan perubahan ekonomi (ICSID, 1999).
Menurut Suyanto desain grafis didefinisikan sebagai ” aplikasi dari
keterampilan seni dan komunikasi untuk kebutuhan bisnis dan industri“.
Aplikasiaplikasi ini dapat meliputi periklanan dan penjualan produk, menciptakan
identitas visual untuk institusi, produk dan perusahaan, dan lingkungan grafis,
desain informasi, dan secara visual menyempurnakan pesan dalam publikasi.
Sedangkan Jessica Helfand mendefinisikan desain grafis sebagai
kombinasi kompleks kata-kata dan gambar, angka-angka dan grafik, foto-foto dan
ilustrasi yang membutuhkan pemikiran khusus dari seorang individu yang bisa
menggabungkan elemen-eleman ini, sehingga mereka dapat menghasilkan sesuatu
yang khusus, sangat berguna, mengejutkan atau subversif atau sesuatu yang
mudah diingat.
STIKOM
14
Menurut Danton Sihombing desain grafis mempekerjakan berbagai elemen
seperti marka, simbol, uraian verbal yang divisualisasikan lewat tipografi dan
gambar baik dengan teknik fotografi ataupun ilustrasi. Elemen-elemen tersebut
diterapkan dalam dua fungsi, sebagai perangkat visual dan perangkat komunikasi.
2.6Komunikasi Visual
Menurut Michael Kroeger, Visual Communication (komunikasi visual)
adalah latihan teori dan konsep-konsep melalui terma-terma visual dengan
menggunakan warna, bentuk, garis dan penjajaran (juxtaposition).
Christine Suharto Cenadi menyebutkan bahwa elemen-elemen desain
komunikasi visual diantaranya adalah tipografi, ilustrasi, dan simbolisme.
Elemen-elemen ini dapat berkembangan seiring dengan perkembangan teknologi
dan penggunaan media (Cenadi, 1999:5).
2.6.1 Tipografi
Menurut Frank Jefkins tipografi merupakan:“Seni memilih huruf, dari
ratusan jumlah rancangan atau desain jenis huruf yang tersedia,
menggabungkannya dengan jenis huruf yang berbeda, menggabungkan sejumlah
kata yang sesuai dengan ruang yang tersedia, dan menandai naskah untuk proses
typesetting, menggunakan ketebalan dan ukuran huruf yang berbeda . Tipografi
yang baik mengarah pada keterbacaan dan kemenarikan, dan desain huruf tertentu
dapat menciptakan gaya (style) dan karakter atau menjadi karakteristik subjek
yang diiklankan.” (Jefkins, 1997:248)
STIKOM
Wirya mengatakan bahwa beberapa tipe huruf mengesankan
nuansa-nuansa tertentu, seperti kesan berat, ringan, kuat, lembut, jelita, dan sifat-sifat atau
nuansa yang lain (Wirya, 1999:32).
2.6.2 Layout
Pengertian layout pada Graphic Art Encyclopedia (1992:296) “Layout is
arrangement of a book, magazine, or other publication so that and illustration
follow a desired format”. Layout merupakan pengaturan yang dilakukan pada
buku, majalah, atau bentuk publikasi lainnya, sehingga teks dan ilustrasi sesuai
dengan bentuk yang diharapkan.
Lebih lanjut dapat dikatakan bahwa: “Layout includes directions for
marginal data, pagination, marginal allowances, center headings and side head,
placement of illustration.” Layout juga meliputi semua bentuk penempatan dan
pengaturan untuk catatan tepi, pemberian gambar, penempatan garis tepi,
penempatan ukuran dan bentuk ilustrasi. Menurut Smith dalam Sutopo
mengatakan bahwa proses mengatur hal atau pembuatan layout adalah
merangkaikan unsur tertentu menjadi susunan yang baik, sehingga mencapai
tujuan (Sutopo, 2002:174).
2.6.3 Illustrasi
Ilustrasi dalam karya desain komunikasi visual dibagi menjadi dua, yaitu
ilustrasi yang dihasilkan dengan tangan atau gambar dan ilustrasi yang dihasilkan
STIKOM
16
oleh kamera atau fotografi. Menurut Wirya ilustrasi dapat mengungkapkan
sesuatu secara lebih cepat dan lebih efektif daripada tekas (Wirya, 1999:32).
Fungsi ilustrasi menurut Pudjiastuti adalah:“Ilustrasi digunakan untuk
membantu mengkomunikasikan pesan dengan tepat dan cepat serta mempertegas
sebagai terjemahan dari sebuah judul, sehingga bisa membentuk suatu suasana
penuh emosi, dari gagasan seakan-akan nyata. Ilustrasi sebagai gambaran pesan
yang tak terbaca dan bisa mengurai cerita berupa gambar dan tulisan dalam
bentuk grafis informasi yang memikat. Dengan ilustrasi, maka pesan menjadi
lebih berkesan, karena pembaca akan lebih mudah mengingat gambar daripada
kata-kata.” (Pudjiastuti, 1997:70)
2.6.4 Simbolisme
Simbolisme sangat efektif digunakan sebagai sarana informasi untuk
menjembatani perbedaan bahasa yang digunakan karena sifatnya yang universal
dibanding kata-kata atau bahasa. Bentuk yang lebihh kompleks dari simbol adalah
logo. Logo merupakan identifikasi dari sebuah perusahaan karena logo harus
mampu mencerminkan citra, tujuan, jenis, serta objektivitasnya agar berbeda dari
yang lainnya. Farbey mengatakan bahwa banyak iklan memiliki elemen-elemen
grafis yang tidak hanya terdapat ilustrasi, tetapi juga terdapat muatan grafis yang
penting seperti logo perusahaan atau logo merek, simbol perusahaan, atau ilustrasi
produk (Farbey, 1997:91).
STIKOM
2.6.5 Warna
Warna merupakan elemen penting yang dapat mempengaruhi sebuah
desain. Pemilihan warna dan pengolahan atau penggabungan satu dengan lainnya
akan dapat memberikan suatu kesan atau image yang khas dan memiliki karakter
yang unik, karena setiap warna memiliki sifat yang berbeda-beda. Danger
menyatakan bahwa warna adalah salah satu dari dua unsur yang menghasilkan
daya tarik visual, dan kenyataannya warna lebih berdaya tarik pada emosi
daripada akal (Danger, 1992:51).
STIKOM
1
BAB I
PENDAHULUAN
1.1Latar Belakang
Begitu banyak macam media yang dapat digunakan sebagai media
promosi saat ini, salah satunya adalah website.Sebuah media promosi sangat diperlukan dalam sebuah pemasaran produk. Media promosi dianggap mampu
untuk menyampaikan produk kepada konsumen dengan dikemas sedemikian rupa
yang memberikan efek kertarikan konsumen. Dengan membuat media promosi
yang berupa website di Al-Amanah Centre –Krian akan menimbulkan efek
tertariknya pendaftar dan mulai dikenal atau lebih dikenalnya Al-Amanah Centre.
Pondok Pesantren Al-Amanah merupakan pesantren modern yang tidak
hanya berkutik di bidang agama, akan tetapi juga berusaha hadir di tengah-tengah
masyarakat sebagai sarana pendidikan yang berkualitas, yang tidak hanya
mengedepankan satu sisi dan satu cara pandang tertentu. Semangat untuk
berbenah diri dan berinprovisasi sebagai wujud kesyukuran keluarga besar
Al-Amanah dalam mengemban amanat dan tugas kenabian dari Allah Tuhan Yang
Maha Agung.
Seiring dengan berjalannya kegiatan yang yang ada di pesatren,
Al-Amanah yang telah berdiri sejak tahun 1992 lalu. Sehubungan dengan hal tersebut,
Al-Amanah membangun “Al-Amanah Center” sebagai penunjang kegiatan
pendidikan yang ada.
STIKOM
Pada Al-Amanah Center terdiri dari beberapa divisi, dan masing-masing
divisi mempunyai tugas spesifik yaitu :
a. Jelajah Amanah, yang bergelut pada kegiatan traveling dan tour yang
bertemakan pendidikan,
b. Semesta Berdzikir, yang akan bergelut pada kegiatan keagamaan dan
keilmuan baik yang bersifat rutin maupun tidak,
c. Jejaring Alumni, yang akan menjaring dan mendata alumni dan
keluarga besar Pesantren Modern Al-Amanah guna memberi bimbingan
yang lebih mendalam.
d. Riset pendidikan, yang akan lebih berkosentrasi pada bidang
pengembangan pendidikan. Dan,
e. Al-Amanah Berkarya, bergerak dalam bidang pengembangan karya
keluarga besar al-Amanah dalam rangka memperkaya khazanah
kelimuan di dalamnya.
Website dianggap perlu apabila suatu perusahaan hendak mengenalkan dirinya kepada jaringan masyarakat yang lebih luas. Selain dapat dijadikan suatu
media promosi, website juga dapat digunakan sebagai media interaktif antara perusahaan dengan konsumennya. Pada Al-Amanah Center ini dapat disimpulkan
bahwa sebuah kantor yang baru berdiri, dan masih belum mempunyai website. Dengan adanya website tujuan yang akan dicapai adalah masyarakat luas akan mengetahui dan mengenal perusahaan Al-Amanah Center ini.Selain untuk
memperkenalkan secara luas kepada masyarakat,media website dapat digunakan
STIKOM
3
secara interaktif, yaitu mempermudah khalayak untuk berhubungan dengan
Al-Amanah Center.
Pentingnya website untuk perusahaan adalah, saat ini perkembangan dunia
online sangat pesat. Masyarakat mulai sering mencari dan berbagi informasi melalui internet. Sehingga memiliki sebuah website menjadi sangat penting bagi perusahaan.
Dalam perancangan website diperlukan adanya perancangan desain visual
dan konten yang akan digunakan dalam web tersebut. Untuk desain visual yang
akan dipakai akan ditentukan sesuai dengan segmentasi konsumen dan juga
sumber dana pada perusahaan tersebut, sehingga website yang akan dibuat
menjadi efisien dan efektif. Perancangan desain visual dan rencana konten website
ini merupakan dari hasil brainstorming dan briefing oleh direktur Al-Amanah
Center, yang dimana sesuai dengan budget atau dana dan cukup efektif di
masyarakat.
1.2Rumusan Masalah
Dari uraian latar belakang diatas didapatkan sebuah rumusan masalah yaitu :
“Bagaimana merancang website Al-Amanah Center yang sesuai dengan
karakter masyarakat? “
STIKOM
1.3Batasan Masalah
1. Hanya merancang website yang sesuai dengan karakter masyarakat.
2. Hanya merancang webite menggunakan aplikasi yang berbasis content
management service.
1.4Tujuan
Tujuan kerja praktik ini adalah sebagai berikut:
1. Untuk merancang dan mempublikasikan sebuah website dengan desain yang sesuai dengan karakter masyarakat.
2. Untuk aplikasi yang digunakan adalah aplikasi web yang berbasis content management service.
1.5Manfaat
1.5.1 Manfaat Teoritis
1. Memperoleh gambaran nyata tentang perusahaan sebagai bahan informasi
untuk pengembangan dunia pendidikan.
2. Mengenalkan dan membiasakan diri terhadap suasana kerja sebenarnya
sehingga dapat membangun etos kerja yang baik, serta sebagai upaya untuk
memperluas cakrawala wawasan kerja.
3. Mengetahui berbagai teori dan teknik dalam perancangan dan publikasi
sebuah website yang berbasis content management service sebagai bahan referensi mahasiswa yang bergerak di bidang desain web, khususnya Desain
Komunikasi Visual.
STIKOM
5
1.5.2 Manfaat Praktis
1. Perusahaan mempunyai sebuah website yang sesuai dengan briefing.
2. Perusahaan mempunyai sebuah template desain sehingga dapat diterapkan
pada media lain.
3. Dikenalnya Al-Amanah Center oleh masyarakat.
4. Semakin dikenalnya pondok pesantren Al-Amanah.
5. Dapat mengaplikasikan teori dan teknik perancangan dan publikasi website
berbasis content management service.
1.5Pelaksanaan
Tempat : Al-Amanah Center
Alamat : Ruko Babadan Asri A2-A3 Junwangi, Krian,
Sidoarjo, 61262
Telepon : +6231 72972992
Periode Kerja : 2 Juli 2012 s/d 2 Agustus 2012
1.6Sistematika Penulisan
Sistematika penulisan merupakan acuan atau panduan dalam penulisan
laporan kerja praktek di perusahaan, dimana sistematika penulisannya disusun
dalam beberapa bab, yaitu sebagai berikut :
STIKOM
BAB I Pendahuluan
Pada bab ini berisi tentang latar belakang permasalahan, inti dari
permasalahan disebutkan pada perumusan masalah, batasan masalah
yang menjelaskan tentang pembatasan masalah dari sistem yang
dibuat agar tidak keluar dari ketentuan yang ditetapkan, tujuan dari
penelitian ini diharapkan mendapatkan pengalaman dan hasil yang
dicapai, manfaat yang akan diperoleh, informasi waktu pelaksanaan
kerja praktek dan sistemika penulisan.
BAB II Tinjauan Pustaka
Pada bab ini berisi konsep dasar atau teori-teori yang terkait dengan
judul yang diambil penulis, dengan mengambil data - data dari buku
– buku referensi yang berguna untuk memecahkan masalah di yang
terjadi di dalam lemabaga perusahaan Al-Amanah Center.
BAB III Metode Perancangan
Pada bab ini memuat tentang metode apa saja yang akan dipakai atau
digunakan didalam sebuah perancangan karya yang dapat berupa
bagan perancangan maupun deskripsi.
BAB IV Gambaran Umum Perusahaan
Pada bab ini membahas mengenai profil perusahaan secara umum
mulai dari sejarah perusahaan, jenis bidang usaha, tempat atau lokasi
perusahaan, hingga bidang–bidang lainnya yang berhubungan
dengan kerja praktik.
STIKOM
7
BAB V Implementasi Karya
Bab ini merupakan hasil dari perancangan media promosi yang akan
dibuat. Mulai dari konsep awal media promosi dan media apa saja
yang dijadikan sebagai media promosi berdasarkan dari
permasalahan yang dihadapi oleh Al-Amanah Center.
BAB VI Penutup
Pada bab ini berisi tentang kesimpulan dari perancangan yang dibuat
terkait dengan tujuan dan permasalahan yang ada pada perusahaan
Al-Amanah Center.
STIKOM
18
BAB III
METODOLOGI PERANCANGAN
3.1Skema Pengerjaan
Gambar 3.1 Skema pengerjaan.
3.2Briefing
Briefing adalah memberikan penjelasan – penjelasan secara singkat atau
pertemuan untuk memberikan penerangan secara ringkas. Biasanya briefing
digunakan oleh para manajer atau pimpinan yang mengundang para karyawan
atau tokoh – tokoh karyawan untuk menerima penjelasan – penjelasan tertentu.
Pada prinsipnya pengarahan yang dilakukan adalah pengarahan yang ada
kaitannya demgan pelaksanaan tugas sesuai dengan tujuan organisasi.
STIKOM
19
Hasil briefing dari direktur utama Al-Amanah Center yaitu, pengerjaan
website yang memiliki beberapa kategori didalamnya, yaitu informasi perusahaan, kontak, alamat, informasi terbaru perusahaan, informasi kegiatan, galeri, dan buku
tamu.
Beberapa karakter atau citra yang ingin divisualkan oleh Al-Amanah
Center ini yaitu, sosial, pendidikan masyarakat, budaya, islami, formal, resmi,
wibawa, maju, pusat, dan inofatif.
3.3Brainstorming
Untuk menentukan keyword yang akan diambil dari hasil briefing
dibutuhkan sebuah brainstroming. Untuk brainstorming perancangan ini dilakukan
oleh 3 peserta kerja paraktek yaitu divisi company profile, media promosi dan
terakhir website. Dari brainstorming ini mendapatkan sebuah keyword dan ide konsep beserta layout untuk desain visual dari company profile, media promosi, dan website.
3.4Keyword
Keyword yang dipilih berdasarkan hasil dari briefing dan brainstorming
yaitu, formal, elegan, maju, dan pusat"center". Dari keyword ini akan dipilih
visual-visual yang mencerminkan dari Al-Amanah Center, mulai dari warna,
grafis, tipografi, dan layout.
STIKOM
3.5Sketch
Konsep sketsa desain website, penempatan banner header, kategori artikel, dan beberapa widgets.
Gambar 3.2 Sketsa layout website.
3.6Pembelian space dan web domain
Langkah berikutnya adalah pembelian space dan domain untuk alamat
www.alamanahcenter.com melalui jasa web hosting di rumahweb.com. Untuk
paket yang dipilih adalah paket “Profesional Hosting 1GB” dengan billing cycle
per tahun.
STIKOM
21
Gambar 3.3 Menggunakan jasa rumahweb.com untuk web hosting.
Gambar 3.4 Email aktivasi hosting dari rumahweb.com
STIKOM
3.7Draft
Setelah proses sketsa selesai, dilanjutkan dengan proses draft. Ini
digunakan untuk mencari alternatif-alternatif desain, yang nantinya dapat sesuai
dengan analisis brainstorming. Dari banyak alternatif desain akan dipilih satu
buah desain untuk dijadikan final design.
Gambar 3.5 Draft elemen visual yang akan digunakan dalam website; banner
(atas) dan ornamen footer (bawah).
STIKOM
23
Gambar 3.6 Draft tampilan final website.
3.8Menguji kinerja website pada local server
Untuk desain website, menggunakan Joomla!sebagai CMS dan aplikasi
XAMPP sebagai Local Server yang digunakan untuk menjalankan server lokal. Setelah seluruh elemen visual dimasukkan dan disesuaikan dalam rancangan
website, pembuatan kategori artikel, dan pengubahan warna tema dan font website,
maka dilanjutkan dengan pengujian kinerja.
STIKOM
Pengujian kinerja website meliputi stabilitas, pembuatan artikel contoh, pengunggahan gambar / foto, serta pengaturan moderasi website. Setelah sukses
dalam pengujian kinerja, maka data-data dan elemen website selanjutnya
diunggah kepada server hosting.
Gambar 3.7 Aplikasi XAMPP yang digunakan.
3.9Mengunggah data-data elemen website kepada hosting
Setelah rancangan website selesai diuji dan siap untuk dipublikasi, maka kemudian data-data rancangan tersebut diunggah ke server hosting yang telah dibeli sebelumnya. Pengunggahan data-data tersebut menggunakan aplikasi
FileZilla.
STIKOM
25
Gambar 3.8 Tampilan aplikasi FileZilla.
3.10 Penambahan Widgets
Beberapa widgets ada yang memerlukan website untuk dipublikasi terlebih dahulu untuk menggunakannya, seperti visitor counter.
STIKOM
Gambar 3.9 Beberapa widgets yang ditambahkan di samping kanan dan dibawah; Jam, Kalender, Visitor Counter, link Buku Tamu, Kontak, Dan
facebook.
STIKOM
27
BAB IV
GAMBARAN UMUM PERUSAHAAN
4.1Al-Amanah
Pondok Pesantren Al-Amanah merupakan pesantren modern yang tidak
hanya berkutik di bidang agama, akan tetapi juga berusaha hadir di tengah-tengah
masyarakat sebagai sarana pendidikan yang berkualitas, yang tidak hanya
mengedepankan satu sisi dan satu cara pandang tertentu. Semangat untuk
berbenah diri dan berinprovisasi sebagai wujud kesyukuran keluarga besar
Al-Amanah dalam mengemban amanat dan tugas kenabian dari Allah Tuhan Yang
Maha Agung.
4.2Al-Amanah Center
Al-Amanah yang telah berdiri sejak tahun 1992 lalu membutuhkan sebuah
kantor perusahaan yang mengurus beberapa permasalahan selain pendidikan di
pondok pesantren, seperti sosialisasi kepada masyrakat, jejaring kepada alumni
lama dan lain-lain. Sehubungan dengan hal tersebut, Al-Amanah membangun
“Al-Amanah Center” sebagai penunjang kegiatan pendidikan yang ada. Adapun
Al-Amanah Center terdiri dari beberapa lembaga cabang yaitu :
a. Jelajah Amanah, yang bergelut pada kegiatan traveling dan tour yang
bertemakan pendidikan,
b. Semesta Berdzikir, yang akan bergelut pada kegiatan keagamaan dan
keilmuan baik yang bersifat rutin maupun tidak,
STIKOM
c. Jejaring Alumni, yang akan menjaring dan mendata alumni dan keluarga
besarPesantren Modern Al-Amanah guna memberi bimbingan yang lebih
mendalam.
d. Riset pendidikan, yang akan lebih berkosentrasi pada bidang pengembangan
pendidikan. Dan,
e. Al-Amanah Berkarya, bergerak dalam bidang pengembangan karya keluarga
besar al-Amanah dalam rangka memperkaya khazanah kelimuan di dalamnya.
4.3Divisi Al-Amanah Center 4.3.1 Jelajah Al-Amanah
Sebuah divisi yang bergerak dalam bidang tour dan travel yang
bertemakan pendidikan, yang meliputi sebagai berikut : Al-Amanah Travel for Education, Wisata Religi, Wisata Hubbul Ulama’ dan Travel haji dan Umroh.
Menajer Divisi dan Program : H.Fahrizal Ischaq, Lc.
Ketua Tim Pelaksana : Saiful Hidayat, S.Kom.
Staff pelaksana : Ahmad Muwafiq, S.Pd.i
4.3.2 Semesta Berdzikir
Merupakan divisi khusus yang akan menangani program-program
keagamaan, keilmuan, sosial dan kemasyarakatan baik skala kecil yang bersifat
rutin seperti : Pengajian Ahad pagi, atau pelatihan parenting bulanan untuk wali
STIKOM
29
santri atau pembinaan abang becak. Atapun dengan skala besar dan tidak rutin seperti Pengajian Akbar, Seminar nasional, Saresehan tokoh dan Ulama’. Dsb.
Menajer Divisi dan Program : H.Arif Budiono, Lc.,MA.,M.Hi.
Ketua Tim Pelaksana : Moh.Iqbal KDKH. SS.
Staff Pelaksana : Dwi Tri Rahayu, S.Ag. MHi.
Diyatul Millah, Lc.
4.3.3 Jejaring Alumni
Sebuah media untuk menjaring, mendata dan memberi bimbingan kepada
keluarga besar alumni Pesantren Modern Al-Amanah, serta berperan aktif dan
pasif sebagai mediator dan wadah komunikasi antar Pengurus Pesantren, Alumni
dan Wali santri secara menyeluruh.
Menajer Divisi dan Program : Nur Salim, S.Ag.
Ketua Tim Pelaksana : Siti Qurrota Ayunin
Staff Pelaksana : Aris Setiawan
Mar’atus Sholihah
Niki habiburrahman
Lukman Hakim
STIKOM
4.3.4 Riset Pendidikan
Sebuah divisi yang berkonsentrasi pada penelitian yang bertemakan
pendidikan sebagai upaya pengembangan pendidikan di Lembaga Yayasan
Al-Amanah, adapun beberapa program kerja yang akan dicanangkan adalah : Studi
banding ke sekolah-sekolah maju secara berkala, mengirimkan delegasi untuk
mengikuti seminar-seminar pendidikan, berperan aktif dalam setiap even-even
penting yang bisa meningkatkan kualitas dan wawasan pendidikan di Yayasan
Al-Amanah.
Menajer Divisi dan Program : Hj. Zanuba Alfareni, Lc
Ketua Tim Pelaksana : Lia Kholifah, SHi.
Staff Pelaksana : Abdul Kholik, M.pd.
Waka Kurikulum SMP Bilter
Waka Kurikulum MA Bilingual
4.3.5 Al-Amanah Berkarya
Divisi ini berkencimpung dalam dunia Jurnalistik dan karya tulis,
mempunyai andil besar dalam produksi karya-karya keluarga besar al-Alamanah,
diantara tugas dan program kerja yang diusulkan adalah : Penerbitan majalah
pesantren (Imtiyaz) per tiga bulan, penerbitan bulletin jumat secara berkala, dan
mengkoordinir dan menyeleksi karya santri untuk diterbitkan secara massal agar
kelak menjadi aset dan memperkaya khazanah keilmuan di Pesantren Modern
Al-Amanah.
STIKOM
31
Redaktur Ahli : Isa Ansori Suara Surabaya
Menajer Divisi dan Program : Muhammad Bahruddin, S.Sos.,M.Med.Kom.
Ketua Pelaksana : Latif Nugroho
Anggota : Argatyo Prayoga
Putri Sofiana
4.4Formasi Kepengurusan
Penasehat/Komisaris : KH. Drs. Nurcholis Misbah
Tim Ahli : H. Arif Budiono, Lc.,MA.,MHI.
: H. As’ad Umar, Lc., MHI.
: H. Ibnu Hajjar Al-Makki
: Nur Rohim, S.Ag., M.Pd.
: Muhammad Bahruddin, S.Sos.,M.Med.Kom.
: Isa Ansori Suara Surabaya
: Syarif Hidayatullah, S.Ag. M.Hum.
Penanggung Jawab Harian
Direktur : H. Fahrizal Ischaq, Lc.
Asdir / Sekretaris : Saiful Hidayat, S.Kom.
Bendahara Umum : Lia Kholifah, SHi.
Operator Kantor : Latif Nugroho
Humas : Ahmad Muwafiq
STIKOM
4.5Motto
Adapun motto atau slogan yang akan diangkat pada AL-Amanah Center
adalah sebagai berikut :
“ Selalu berinovasi untuk menginspirasi” –“Always inovate to inspire”
“Always Inspire For Education” –“ Selalu Menginspirasi untuk Pendidikan”
4.6Visi Dan Misi 4.6.1 Visi
Menjadi pusat kajian Pendidikan Islam, dengan mempertahankan
khazanah salaf dengan mengembangkan metodologi modern yang berlandaskan
al-Qur’an dan sunnah.
4.6.2 Misi
a. Menjadi pusat sarana riset pendidikan Islam dengan menejemen modern yang
selalu mengupgrade dengan perkembangan zaman.
b. Mencetak SDM yang berkualitas, berkompetensi dan idealis dalam
mengamalkan aktifitas pendidikan sesuai dengan ajaran Bapak pendidikan
Muhammad SAW.
c. Menyelenggarakan kegiatan dakwah pendidikan dan kualitas diri dengan
mengedepankan islam yang sejuk dan rahmatan lil alamin.
STIKOM
33
BAB V
IMPLEMENTASI KARYA
5.1Tampilan Final Website
[image:38.595.53.542.185.694.2]Setelah website sudah diunggah kepada server, maka siap untuk diisi berbagai kategori, artikel, berita, foto / gambar, dan informasi perusahaan.
Gambar 5.1 Tampilan final homepage.
STIKOM
Homepage merupakan tampilan utama website ketika pertama kali diakses
oleh pengunjung ketika menuliskan alamat awal pada browser
(www.alamanahcenter.com). Maka di halaman ini perlu diisi dengan informasi
terbaru perusahaan, yaitu diambil dari kategori agenda, berita dan galeri foto.
Namun jumlah artikel perlu dibatasi menjadi 3 artikel per halaman agar homepage
[image:39.595.51.539.183.712.2]tidak terlalu berat saat diakses.
Gambar 5.2 Tampilan final halaman Tentang Kami.
STIKOM
35
Menu halaman “Tentang Kami” diletakkan tepat disamping kanan menu
homepage (Home). Hal ini ditujukan agar pengunjung lebih mudah mencari halaman ini, karena berkaitan dengan berbagai macam informasi lengkap dan
briefing tentang perusahaan.
Untuk informasi lebih rincinya, diletakkan pada submenu yang tertera
pada list menu di kanan, yaitu “Visi & Misi, Susunan Kepengurusan, Divisi ACEN, Alamat & Kontak” dan “Buku Tamu”. Hal ini dimaksudkan agar tampilan
[image:40.595.47.506.221.722.2]halaman tidak terlalu terisi dengan tulisan yang panjang yang melelahkan mata.
Gambar 5.3 Tampilan final halaman Buku Tamu.
STIKOM
Halaman “Buku Tamu” diletakkan pada menu “Tentang Kami”, namun
tetap mudah diakses karena link menuju halaman ini dapat ditemukan di salah satu
widget di bagian bawah website yang tertera pada seluruh halaman. Sehingga pengunjung dapat kapan saja menuliskan buku tamu.
Untuk halaman ini menggunakan plugin dari Phoca Guestbook yang gratis.
Desain warna dari buku tamu ini disesuaikan dengan tema warna desain website
secara keseluruhan, yaitu hitam, kuning, dan putih (pengecualian pada bagian
Image Verification, karena bagian itu menghasilkan warna yang berubah-ubah
secara acak untuk menghalau Spam masuk kedalam buku tamu).
STIKOM
37
Gambar 5.4 Tampilan final halaman Divisi.
Bagian “Divisi” masuk kedalam kategori “Tentang Kami”. Pada bagian ini
juga meminimalisasi jumlah tulisan dalam satu halaman, sehingga pada bagian ini
hanya dijelaskan secara singkat tentang berbagai divisi-divisi yang ada dalam
perusahaan, yang selengkapnya dapat dilihat pada sub-bagian yang dapat dipilih
di menu sebelah kanan.
STIKOM
Gambar 5.6 Tampilan final halaman Berita.
Kategori ini berisi seluruh artikel yang berkaitan dengan berita terbaru dari
perusahaan. Dalam kategori ini, jumlah artikel dibatasi menjadi 5 artikel per
halaman agar tampilan website tidak menjadi terlalu panjang dan berat karena
menampilkan jumlah berita yang banyak.
STIKOM
39
Gambar 5.7 Tampilan final halaman Agenda.
Kategori ini berisi seluruh artikel yang berkaitan dengan agenda kegiatan
terbaru yang akan diadakan oleh perusahaan. Dalam kategori ini, jumlah artikel
juga dibatasi menjadi 5 artikel per halaman agar tampilan website tidak menjadi
terlalu panjang dan berat karena menampilkan jumlah agenda yang banyak.
STIKOM
Gambar 5.8 Tampilan final halaman Galeri.
Kategori ini berisi artikel yang hanya dimaksudkan untuk menempatkan
foto-foto yang tersusun seperti galeri. Dalam halaman ini, jumlah artikel dibatasi
menjadi 3 artikel per halaman, dikarenakan untuk foto waktu loading per halaman yang digunakan akan menjadi lama karena berat (terlalu banyak foto).
STIKOM
41
Gambar 5.9 Tampilan final halaman Jelajah Amanah.
Halaman ini merupakan halaman tambahan untuk keperluan kedepan. “Jelajah Amanah” adalah salah satu divisi dari Al-Amanah Center yang
dikembangkan untuk jasa tour & travel berbasis pendidikan. Sebagaimana perkembangan terakhir, informasi dari halaman ini akan ditambahkan oleh pihak
perusahaan sendiri kedepannya.
STIKOM
Gambar 5.10 Tampilan final halaman Visi & Misi.
Halaman ini merupakan penjelasan lanjutan dari halaman “Tentang Kami”.
Di halaman ini hanya berisi Visi dan Misi dari Al-Amanah Center. Seperti pada
halaman informasi perusahaan sebelumnya, isi dari halaman ini dibuat singkat
agar tidak melelahkan mata pengunjung.
STIKOM
43
Gambar 5.11 Tampilan final halaman Susunan Kepengurusan
Halaman ini merupakan penjelasan lanjutan dari halaman “Tentang Kami”.
Di halaman ini hanya berisi informasi sususan kepengurusan dari Al-Amanah
Center. Seperti pada halaman informasi perusahaan sebelumnya, isi dari halaman
ini dibuat singkat agar tidak melelahkan mata pengunjung.
STIKOM
Gambar 5.12 Tampilan final halaman Alamat & Kontak
Halaman ini merupakan penjelasan lanjutan dari halaman “Tentang Kami”.
Di halaman ini hanya berisi informasi alamat dan kontak dari Al-Amanah Center.
Seperti pada halaman informasi perusahaan sebelumnya, isi dari halaman ini
dibuat singkat agar tidak melelahkan mata pengunjung.
STIKOM
45
Gambar 5.13 Tampilan final halaman Divisi I
Halaman ini merupakan penjelasan lanjutan dari halaman “Tentang Kami”.
Di halaman ini hanya berisi informasi Divisi I dari Al-Amanah Center, yaitu
Jelajah Amanah. Perbedaan dengan halaman Jelajah Amanah sebelumnya adalah,
dalam halam an ini hanya berisi informasi Divisi dan kepengurusannya.
STIKOM
Gambar 5.14 Tampilan final halaman Divisi II
Halaman ini merupakan penjelasan lanjutan dari halaman “Tentang Kami”.
Di halaman ini hanya berisi informasi dan susunan kepengurusan Divisi II dari
Al-Amanah Center, yaitu Semesta Berfikir. Seperti pada halaman informasi
perusahaan sebelumnya, isi dari halaman ini dibuat singkat agar tidak melelahkan
mata pengunjung.
STIKOM
47
Gambar 5.15 Tampilan final halaman Divisi III
Halaman ini merupakan penjelasan lanjutan dari halaman “Tentang Kami”.
Di halaman ini hanya berisi informasi dan susunan kepengurusan Divisi III dari
Al-Amanah Center, yaitu Jejaring Alumni. Seperti pada halaman informasi
perusahaan sebelumnya, isi dari halaman ini dibuat singkat agar tidak melelahkan
mata pengunjung.
STIKOM
Gambar 5.16 Tampilan final halaman Divisi IV
Halaman ini merupakan penjelasan lanjutan dari halaman “Tentang Kami”.
Di halaman ini hanya berisi informasi dan susunan kepengurusan Divisi IV dari
Al-Amanah Center, yaitu Riset Pendidikan. Seperti pada halaman informasi
perusahaan sebelumnya, isi dari halaman ini dibuat singkat agar tidak melelahkan
mata pengunjung.
STIKOM
49
Gambar 5.17 Tampilan final halaman Divisi V
Halaman ini merupakan penjelasan lanjutan dari halaman “Tentang Kami”.
Di halaman ini hanya berisi informasi dan susunan kepengurusan Divisi V dari
Al-Amanah Center, yaitu Al-Amanah Berkarya. Seperti pada halaman informasi
perusahaan sebelumnya, isi dari halaman ini dibuat singkat agar tidak melelahkan
mata pengunjung.
STIKOM
50
BAB VI PENUTUP
6.1Kesimpulan
Dari hasil rumusan masalah tersebut, maka didapatkan keyword yang digunakan dalam sketsa dan draft pengerjaan website, serta membeli hosting dan
domain di rumahweb.com. Dilanjutkan dengan pembuatan elemen-elemen web
dan penggunaan Joomla! sebagai content management service. Hasil jadi website
diunggah ke server rumahweb yang telah dibeli sebelumnya. Hingga pada
akhirnya website selesai diisi berbagai artikel dan siap dipublikasi.
Website yang dirancang dan dipublikasi telah memenuhi kriteria tujuan yang telah disampaikan oleh pimpinan perusahaan dari sesuai dari rumusan
masalah. Website yang sesuai dengan karakter masyarakat dan sesuai dengan
gambaran perusahaan Al-Amanah Center, yaitu formal, elegan, maju, dan terpusat
(center). Untuk selanjutnya, website dapat dengan mudah diisi dengan berbagai artikel, berita, informasi, serta album foto tentang perusahaan. Pengunjung
website juga dapat memberikan komentar pada tiap artikel dan/atau menulis buku tamu pada halaman yang tersedia.
STIKOM
51
6.2Saran
Diharapkan perusahaan dapat mengetahui beberapa dasar pengelolaan
website seperti pembuatan artikel, pengunggahan gambar, dan penyuntingan artikel serta komentar. Serta direkomendasikan untuk mengetahui moderasi dan
perawatan website secara lanjut untuk kedepannya.
Untuk sub-kategori Video dalam kategori Galeri, disarankan untuk tidak mengunggah video kedalam server hosting secara langsung, karena berkaitan dengan keterbatasan kapasitas hosting yang digunakan (1 gigabyte). Jika dilakukan, akan mempercepat penuhnya kapasitas server. Apabila diperlukan,
untuk keperluan penambahan video direkomendasikan menggunakan hosting
video eksternal seperti Youtube, Vimeo, dan sebagainya.
STIKOM
DAFTAR PUSTAKA
Aaker, D. A. (1991). Managing Brand Equity:Capitalizing on the value of a brand name.New York. New York: Free Press.
Arifin, I. (1993). Dabus, ilmu kekebalan dan kesaktian dalam tarekat Rifa'iyah: kasus Pesantren Nurul Haq Surabaya. Malang: Kalimasahada Press.
Cenadi, C. S. (1999). Elemen-elemen dalam Desain Komunikasi Visual. Nirmana
Vol. 1, No. 1, 1-11.
Dhofir, Z. (Tradisi Pesantren: Study tentang Pandangan Hidup Kyai). 1982.
Jakarta: LP3ES.
Farbey, A. (1997). How to Produce Succesfull Advertising (Kiat Sukses Membuat
Iklan). Jakarta: Gramedia Pustaka Utama.
Hidayat, Heri (2011). Cara Instan Menguasai Pemrograman Website Secara
Otodidak. Jakarta: Agogos Publishing.
Kusmiati, A. S., Pudjiastuti, & Suptandar, P. (1999). Teori Dasar Desain Komunikasi Visual. Jakarta: Djambatan.
Madcoms (2011). Aplikasi Web Database dengan Dreamweaver dan
PHP-MySQL. Yogyakarta: Penerbit Andi.
Madjid, N. (1987). Islam Kemodernan dan Keindonesiaan. Bandung: Mizan.
Morrison, M. (2005). Periklanan: Komunikasi Pemasaran Terpadu. Jakarta:
Ramdina Prakarsa.
Pujiyanto. (2005). Strategi Pemasaran dalam Iklan. Malang: Fakultas Sastra Universitas Negeri Malang.
Rustan, S. (2009). Mendesain Logo. Jakarta: Gramedia Pustaka.
Sachari, A. (2005). Metodologi Penelitian Budaya Rupa. Jakarta: Erlangga.
Wirya, I. (1999). Kemasan yang Menjual. Jakarta: Gramedia Pustaka Utama.
Ziemek, M. (1986). Pesantren dalam Perubahan Sosial. Jakarta: P3M.
http://id.wikipedia.org/wiki/Situs_web (diakses 7 November 2012)