Konsep Karya KONSEP PERANCANGAN

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