commit to user 21
BAB III KONSEP PERANCANGAN
A. Konsep Karya
Sebelum melakukan pembuatan desain
website
Tonijack’s, tahap awal yang perlu dilakukan adalah menentukan konsep rancangan situs
website
agar ketika dipublikasikan nanti dapat mencapai tujuan yang diinginkan dan tepat pada sasaran.
Sehingga pengunjung situs
website
Tonijack’s dapat menerima pesan – pesan non verbal secara baik dan segera memberikan
feedback
terhadap perusahaan. Langkah –
langkah yang perlu diperhatikan dalam merancang sebuah situs
website
adalah sebagai berikut :
1. Pengumpulan Data dan Informasi
Beberapa alasan utama seseorang mengunjungi alamat situs
website
adalah untuk memperoleh informasi yang lebih tentang perusahaan, apa yang dijual dan
bagaimana
profile
perusahaan tersebut. Oleh karena itu untuk menunjang kelengkapan
website
dilakukanlah pengumpulan data – data mengenai Tonijack’s
baik dari profile perusahaaan, produk yang dijual, hingga program kedepannya. Dari informasi tersebut kemudian diolah menjadi konten kedalam situs
web
baik berupa gambar
maupun teks
.
2. Desain Halaman
Website
Berdasarkan hal di atas kemudian dilakukan perancangan desain
website
dengan menterjemahkan perencanaan ke dalam
software
desain, keahlian yang 21
commit to user 22
perlu di dalami adalah ilmu tipografi kemampuan dalam memilih jenis huruf yang tepat sesuai karakter perusahaan dan penjiwaan setiap huruf, komposisi
atau tata letak halaman kemampuan dan penguasaan membagi ruang halaman, pewarnaan mengetahui konsep pewarnaan dan pemilihan warna sesuai karakter
perusahaan serta teori pencampuran warna. 3.
Pemilihan
Software
Dalam pembuatan
website
diperlukan perangkat lunak
software
yang mendukung dan sekaligus mempermudah pekerjaan dalam membuat sebuah
website.
Berikut ini adalah
software
yang akan dipergunakan dalam pembuatan
website
Tonijack’s. a.
Aplikasi
Web
Editor Pada dasarnya para pengembang
web web developer
menggunakan
tool
–
tool
yang sangat sederhana dalam pembuatan
website
, cukup dengan notepad yang sudah ada pada sistem operasi baik Windows, Linux maupun Mac OS.
Namun penggunaan notepad mengharuskan untuk menguasai bahasa pemrograman secara mahir seperti PHP,
Javascript
dan sebagainya. Seiring perkembangan desain web maka dibuatlah perangkat lunak
software
yang mempermudah dalam penulisan kode – kode HTML. Salah satunya
adalah
Adobe Dreamwaver CS3.
Aplikasi ini dipilih karena kemudahan, kelengkapan fitur dan integrasinya dengan berbagai aplikasi pendukung
pembuatan
web
lainnya.
commit to user 23
b.
Aplikasi pengolah
image
berbasis r
aster
dan
vector
Image biasa terdiri dari 2 sifat, yaitu
raster bitmap
dan
vector
. Format
raster bitmap
adalah representasi dari citra grafis yaitu terdiri dari susunan titik pixel yang berada pada layar komputer. Kerapatan titik
– titik tersebut dinamakan resolusi, yang menunjukan seberapa tajam detail gambar yang
ingin ditampilkan, ditunjukan dengan jumlah baris dan kolom, contohnya 1024x800 pixel. Software pengolah gambar rasterbitmap biasa menggunakan
Adobe Photoshop CS4
. Sedangkan gambar berbasis
vector
terdiri dari penggabungan titik - titik koordinat menjadi garis atau kurva dan kemudian menjadi sebuah objek,
sehingga gambar tidak akan pecah ketika skala diperbesar atau diperkecil dikarenakan kerapatan dari titik - titik. Dan
software
yang digunakan untuk mengelola gambar berbasis
vector
adalah
CorelDRAW X4
dan Adobe
Illustrator CS4.
Penggunaan aplikasi – aplikasi tersebut juga akan mendukung pembuatan
media pendukung promosi dari
website
ToniJack’s. c.
Software Animasi Pada jaman sekarang animasi menjadi salah satu elemen penting dalam
membangun sebuah
website
yang menarik. Karena akan memberikan kesan dinamis dan membuat pengunjung mengarahkan pandangannya pada animasi
tersebut. Hal ini juga dapat menjadi
point of view
pada sebuah
website
.
commit to user 24
Penambahan animasi pada
website
, akan membuat aksesbilitas menjadi sedikit terganggu karena terjadinya proses
buffering
halaman animasi
flash
tersebut yang membutuhkan
bandwidth
yang besar. Hal ini membuat pengunjung kehilangan waktu yang banyak untuk memuat halaman sebuah
web secara utuh. Namun dibalik itu, animasi
flash
menjanjikan tampilan yang sangat menarik.
Software
yang populer digunakan untuk membuat animasi
flash
adalah
Adobe Flash CS4
. 4.
Konsep dan teori website
World Wide Web
WWW atau sering dikenal dengan sebutan
website
, merupakan sebuah layanan yang terhubung dengan internet.
Web
pada awalnya merupakan ruang informasi yang berada di dunia maya, dengan menggunakan
teknologi hyperteks antar halaman yang saling terhubung melalui
link
dan dapat berisi gambar, suara, bahkan video. Sehingga pemakai dapat menemukan
informasi yang telah disediakan dalam dokumen
website
yang ditampilkan pada
browser
.
Website
sekarang ini sangat populer bagi khalayak umum, hal ini menjadi
trend
diberbagai kalangan karena semakin berkembangnya dunia
mobile
mengikuti perkembangan jaman terutama untuk tujuan pencarian informasi dan melakukan komunikasi. Karena popularitasnya sebagai penyedia informasi maka
interface
yang menarik menjadi salah satu faktor penting. Beberapa aspek yang perlu diperhatikan dalam pembuatan
website
adalah :
commit to user 25
a. Navigasi
Navigasi menjadi hal yang sangat penting tentang keberadaannya dalam halaman
website
sebagai
link
penjelajah antar halaman oleh pengguna
user
untuk mencari informasi yang diinginkan secara mudah. Navigasi yang bagus mencerminkan struktur
website
yang sangat baik. Beberapa hal yang perlu diperhatikan agar navigasi memiliki struktur tata letak yang baik :
1 Navigasi berbentuk menu
– menu yang tersusun rapi. 2
Diatur pada bagian kiri dari tangan
user
atau di bagian atas sebuah halaman.
3 Tidak memakan ruang yang terlalu banyak dan mudah digunakan oleh
pengunjung. 4
Posisi navigasi konsisten pada setiap halaman. Jika menggunakan warna yang berbeda, bagian tersebut masih merupakan satu kesatuan dengan
website
. b.
Konsep penulisan
writing concept
Teknik penulisan dalam web berbeda dengan penulisan untuk media cetak. Waktu merupakan hal yang sangat penting bagi para pengguna internet,
sehingga mereka tidak akan membuang waktu untuk membaca teks yang sangat banyak dan susah dalam tingkat keterbacaannya. Kesederhanaan dalam
penulisan merupakan hal penting dalam pembuatan website
professional
. Beberapa hal yang perlu diperhatikan agar konsep kesederhanaan tetap ada :
commit to user 26
1 Menggunakan ruang kosong dengan satu warna yaitu putih atau hitam.
2 Menulis isi secara singkat dan rapi sesuai kebutuhan.
3 Menggunakan warna
background
yang terang jika menggunakan teks utama dengan warna gelap, dan sebaliknya.
4 Menggunakan ukuran gambar sekecil mungkin dengan kualitas yang
masih terjaga agar tidak memakan banyak
bandwidth
. c.
Mudah digunakan dan diakses
Usability Accessibility
Usability
adalah dapatkah seorang
user
menemukan cara untuk menggunakan website tersebut dengan efektif Jakob Nielsen, suatu
website
haruslah mudah dalam penggunaan dan pengaksesannya dengan mengabaikan
browser
,
platform
, hingga sistem operasi komputer.
Website
yang terlalu lama dalam proses
loadingnya
untuk menampilkan sebuah halaman akan membuat pengunjung cepat berpindah atau menutup halaman tersebut. Sama halnya
dengan cara penggunaan dan cara pemahaman tampilan
web
yang sulit. Hal ini perlu diperhatikan karena tidak semua lapisan masyarakat di Indonesia
mengerti akan teknologi secara mendalam serta memiliki kwalitas kecepatan jaringan internet yang bagus. Para ahli website rata
– rata menyimpulkan apabila suatu halaman
website
memakan waktu lebih dari 30 detik hanya untuk membuka satu halamannya saja maka
website
tersebut akan segera ditinggalkan oleh pengunjung dan kemungkinan besar tidak akan dikunjungi
lagi. Begitu juga dengan sebaliknya apabila suatu halaman
website
mudah
commit to user 27
diakses dan cepat menampilkan halamannya ketika dibuka maka pengunjung akan mengunjungi kembali
website
tersebut dan tidak cepat berpindah. d.
Format grafis Grafik dalam sebuah
website
dapat memberikan tampilan visual yang luar biasa bagi website tersebut maupun efek yang dirasakan bagi
pengunjung, namun bisa juga menambahkan waktu koneksi akibat banyaknya gambar yang ditampilkan. Grafik dalam
website
dapat berupa statis, animasi, dan fotografi. Agar koneksi untuk membuka halaman website lebih cepat,
perlu memahami beberapa format file yang sering digunakan pada sebuah website, diantaranya :
1 GIF
Jenis gambar ini memiliki warna 8-bit, mendukung dalam bentuk transparan, mengkompresi area warna secara solid, mereduksi jumlah
warna dan menjalin untuk proses
download
secara cepat, juga dapat digunakan untuk membuat animasi bergerak yang simpel dalam bentuk
grafik. 2
JPG Jenis gambar ini memiliki 24-bit, menjaga kualitas
brightness
dan
hue
yang ditemukan dalam sebuah foto, dapat disimpan dalam format resolusi berkualitas tinggi maupun rendah, namun jenis ini tidak mendukung untuk
transparansi.
commit to user 28
3 PNG
Gambar jenis PNG-8 mendukung warna 8 bit, mengkompres warna yang pekat, menjaga detail ketajaman, mendukung transparansi dan kompresi
lebih canggih dibandingkan gif karena dapat mengkompresi sekitar 10- 30 lebih kecil dari format GIF.
Setelah melihat perbandingan beberapa format file grafis, dapat ditentukan format apa yang cocok dan mendukung untuk
website
. Pada dasarnya semua format file gambar tersebut dapat dijadikan acuan dalam memilih format file
yang tepat. Pertimbangan - pertimbangan yang diperlukan ketika memiih salah satu dari beberapa format file diatas, diantaranya :
1 Ukuran
file
seminimal mungkin demi mendukung aksesbilitas. 2
Selalu menggunakan
mode
warna RGB yaitu warna layar komputer. 3
Menggunakan
web pallete
216 web-safe colour 5.
Kompatible
browser
Dalam pembuatan situs
web
, perlu diperhatikan jenis
web browser
yang digunakan oleh
user
dalam mengakses situs. Karena
web browser
yang digunakan
user
belum tentu sama dengan web
browser
yang digunakan untuk menguji sebuah situs web. Ada banyak sekali
browser
yang saat ini digunakan oleh
user
antara lain :
commit to user 29
a. Internet Explorer
Browser
web produksi perusahaan Microsoft ini langsung terintegrasi dengan sistem operasi windows yang masih menguasai pasar pengguna komputer.
b. Mozilla Firefox
Browser
ini merupakan proyek Mozilla yang berukuran lebih ringkas sehingga lebih cepat dan
user friendly
dengan disediakannya
add-ons
dan menu yang mudah digunakan.
c. Apple Safari
Browser
produksi perusahaan Apple ini memiliki fitur – fitur yang unik dan
menarik seperti,
Cover Flow
menampilkan
album arts
seperti di i-tunes,
Top Site
preview
tampilan
website
,
Full History Search
dan
Nitro Engine browser
tercepat. d.
Opera
Browser
ini disediakan secara gratis untuk versi
adware
yaitu
banner
iklan yang terletak disudut kiri atas
browser
nya. Jika tidak ingin mendapati
banner
iklan diharuskan membayar membeli lisensi asli aplikasi ini.
Interface
nya begitu indah dengan tata letak yang rapi.
e. Google Chrome
Browser
ini adalah salah satu produk dari perusahaan terbesar yang memiliki pasar pengguna
search engine
terbanyak yaitu google. Bentuknya yang simpel dengan tata letak yang minimalis membuat tampilan tatap muka terlihat lebih
commit to user 30
luas dibandingkan browser yang lainnya. Akses dalam menampilkan halaman
web
nya pun cukup cepat dan lebih kompetibel dengan berbagai bahasa program dan visual
website
sehingga banyak pengguna
browser
lain berpindah menggunakan
browser
ini. Sebuah situs
website
haruslah fleksibel dengan semua jenis
browser
seperti diantaranya yang disebutkan diatas. Pembuat situs haruslah menguji coba
halaman – halaman web sebelum dipublikasikan agar sesuai jika digunakan dalam
browser
yang berbeda. Namun bila masih ada kendala dibeberapa
browser
terutama turunan dari
browser
diatas maka harus diberikan batasan pada
browser
–
browser
tertentu. 6.
Penggunaan Pemrograman Interaktif yang sesuai
Cascading Style Sheet
atau sering disebut dengan CSS merupakan salah
satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih
structural
, rapi dan seragam. CSS merupakan
script
yang digunakan juga untuk membantu mengatur
layout
atau tata letak yang terintegrasi dengan dokumen HTML. Berikut adalah kelebihan dari
script
bahasa pemrograman menggunakan CSS :
a. Telah didukung banyak
browser
terbaru. b.
Lebih fleksibel dalam
layouting.
c. Mempercepat pengaksesan situs dikarenakan peminimalan
script
dan ukuran berkas yang dibaca oleh
browser
.
commit to user 31
d. Dapat menampilkan konten utama terlebih dahulu, sementara gambar dapat di
tampilkan sesudahnya. 7.
Domain
dan
Web Hosting Domain
dan
web hosting
merupakan suatu nama atau alamat dan juga tempat penyimpanan data berkas dokumen yang dipergunakan sebagai tampilan
website
.
Domain
sendiri adalah nama yang dipergunakan sebagai alamat yang akan dituju ketika
user
ingin mencari informasi dari sebuah perusahaan, tentunya
user
harus mengetikan nama alamat yang akan diakses melalui
address bar
pada
web browser
. Nama alamat nama
domain
memiliki sebuah keunikan tersendiri, hanya ada satu nama dan tidak ada yang menyamai. Hal ini dipergunakan untuk
membedakan antara
website
satu dengan
website
lainnya.
Domain
sendiri dibagi menjadi 2 macam yaitu :
a.
Domain
yang menggunakan ekstensi global antara lain .COM
commercial
, .NET
network
, .ORG
organization
dan sebagainya. b.
Domain
yang berdasarkan wilayah Negara antara lain .Co.Id untuk wilayah Indonesia
.Co.Au untuk wilayah Australia, dan sebagainya. Untuk saat ini Tonijack’s sudah memiliki
domain
yang terdaftar dan direncanakan
akan menggunakan
domain tersebut
dengan alamat
www.tonijacks.com sebagai alamat
website
nya. www.tonijacks.com tersebut
commit to user 32
dikira cukup efisien sehingga mudah diingat, dikenal dan mempermudah dalam pencarian melalui
search engine
. Sedangkan
web hosting
adalah tempat meletakan dan menyimpan
file
–
file website
pada sebuah
server
yang terhubung dengan jaringan internet yang selalu
online
agar halaman
website
dapat ditampilkan kapan pun
user
mengaksesnya. Pelayanan
hosting
bisa dilayani oleh perusahaan
web hosting
luar negri maupun dalam negri. Layanan
web hosting
biasanya memiliki tarif yang beragam. Ada beberapa hal yang dipertimbangkan untuk memilih paket
hosting
. Berikut hal yang perlu dipertimbangkan,
a. Ukuran ruang yang tersedia untuk menyimpan berkas file
b. Kualitas kecepatan koneksi dari
server c.
Fasilitas pemrograman dan penyutingan di
control panel
yang diberikan oleh
web hosting
d. Fasilitas pendukung seperti FTP
file transfer protocol
, E-mail, Database, dan lain
– lain. Namun untuk mengantisipasi jika sebuah nama
domain
dengan alamat www.tonijacks.com dijual dengan harga yang tinggi dan perusahaan tidak
sanggup untuk membelinya maka penulis memberikan alternatif penggantian nama
domain
yang belum pernah terdaftar dengan cara mengeceknya pada penjual
domain
. Penggantian alamat tersebut seperti : www.tonijackssolo.com. Yang diharapkan mudah diingat dan menunjukan lokasi resto ini.
commit to user 33
8. Publikasi
Keberadaan situs
website
tidak akan ada gunanya jika tidak dikunjungi atau dikenal oleh pengunjung internet. Karena keefektifan sebuah situs
website
tergantung dari jumlah pengunjung yang mengakses dan
feedback
yang dirasakan oleh perusahaan setelah melakukan publikasi promosi melalui situs
website
. Untuk memperkenalkan situs tersebut kepada masyarakat luas perlu dilakukan
publikasi secara luas melalui media cetak seperti
flyer
, pamflet, poster, atau media – media promosi lainnya yang digunakan untuk promosi dan dapat diterakan
alamat
website
. Publikasi yang tidak terbatas oleh ruang dan waktu adalah publikasi melalui
search engine
karena sebuah
website
haruslah
SEO friendly Search Engine
Optimization
. Salah satunya adalah penggunaan publikasi
search engine
berbayar maupun gratis, diantaranya adalah Google dan Yahoo yang merupakan
search engine
terbesar dan menyediakan jasa publikasi sebuah
website
. Jika melakukan publikasi dengan berbayar biasanya
website
akan diprioritaskan muncul di urutan pertama oleh
search engine
dan dipromosikan lebih luas lagi.
B. Konsep Perancangan