a) Isi/konten pada website beautyofjember.com
Penyederhanaan dan pengelompokan informasi yang lebih spesifik dan tepat penyampaiannya akan sangat mempengaruhi peangaplikasian website bagi user sebagai media penyampai informasi. Pengelompokan dan penyederhaan penyampaian tersebut bertujuan agar desain website yang dibuat tidak terlalu banyak memberikan kegiatan klik bagi pengguna yang akan menambah durasi yang dilakukan.Pembagian informasi tersebut akan dipaparkan dalam bentuk sebuah tabel seperti dibawah ini :
1) Wisata
Merupakan suatu informasi pokok yang ingin disampaikan pada user untuk menawarkan pariwisata alam jember dengan potensi keindahan alam yang dimiliki.
papauma - Galeri foto potensi wisata alam yang ditawarkan
- Deskripsi singkat tentang keadaan nyata pada lokasi wisata.
- Akses menuju lokasi pariwisata - Dan peta sebagai sebuah panduan
navigasi untuk menuju lokasi
Tabel 23. Konten wisata alam website www.beautyofjember.com
2) Transportasi
Merupakan informasi yang memudahkan user dalam mempersiapkan rencana perjalan dalam melakukan kegiatan pariwisata. Dengan menampilkan moda transportasi yang bisa digunakan untuk menuju lokasi tujuan dalam kegiatan pariwisata serta secara langsung dapat melakukan reservasi /pemesanan transportasi akan memberikan kemudahan bagi user untuk merencanakan perjalanan dengan lebih baik.
Jasa pelayanan transportasi local
Garuda Indoneisa - Reservasi
- Informasi akses transportasi ke Jember
Kereta Api Indonesia
Sriwijaya Air - Reservasi Lion Air
Bus Patas / Bisnis /
Eksekutif - Informasi akses transportasi ke Jember
- Kontak
Tabel 24. Layanan terhadap moda transportasi pada website www.beautyofjember.com
3) Kebutuhan lain dalam wisata
Terdapat kebutuhan lain yang tidak kalah penting dalam suatu kegiatan pariwisata. Kebutuhan tersebut meliputi kebutuhan akan penginapan / hotel, tempat makan yang menarik serta oleh-oleh wisata daerah Jember.
Jenis kebutuhan yang diperlukan dalam kegiatan wisata Jember
Penginapan - Deskripsi singkat - Lokasi
- Kontak Hotel
Kuliner Oleh-oleh
Jasa perjalanan wisata - Dapat melalui jasa hotel /penginapan.
Tabel 25. Informasi yang berkaitan dengan kegiatan wisata pada website www.beautyofjember.com
b) Penggunaan jenis bahasa pemrograman
Bahasa pemrograman merupakan susunan scripta yang menkadi unsur terbangunnya sebuah laman website. Dalam perancangan website beautyofjember.com terdapat beberapa bahasa pemrogramana yang diaplikasikan untuk mewujudkan website ini benar-benar terbentuk. Berikut merupakan tampilan analisa bahasa scrip website yang terpasang pada laman website ini.
Gambar 139. Konten program website www.beautyofjember.com (Sumber : uk.zyro.com)
Konten script : Web Server Apache, Google Analystic, Google Map, PHP 5.5.2.1, Twitter Bootstrap dan jQuery 1.8.3
Alasan pemakaian server Apache dalam pembangunan website ini adalah karena beberapa kelebihan yang dimiliki webserver ini. Selain itu, pada saat kegiatan pengumpulan data dan analisa ditemukan bahwa sebgaian besar objek analisa menggunakan web server Apache untuk websitenya. Atas dasar tersebut maka dicarilah referensi mengenai web server Apache tentang keunggulan web server tersebut diabndingkan dengan kompatitor nya. Seteah melakukan pencarian referensi
ditemukan banyak keunggulan yang ditawarkan oleh web server Apache oleh karena itu maka ditentukan bahwa penggunaan web server yang akan terinstall pada website ini adalah Apache.
Jadi pada pembangunan website menggunakan Zyro Builder perancang dapat memilih sendiri server yang akan digunakan dengan menginstall server tersebut yang terdapat pada laman c-panel tepat nya di opsi auto installer. Berikut merupakan sedikit ulasan tentang keunggulan web server apache untuk pembangunan website yang dilakukan :
- Apache termasuk dalam kategori freeware
- Apache mudah sekali proses instalasinya jika dibanding web server lainnya seperti NCSA, IIS, dan lain-lain.
- Mampu beroperasi pada berbagai paltform sistem operasi.
- Mudah mengatur konfigurasinya. Apache mempunyai hanya empat file konfigurasi.
- Mudah dalam menambahkan peripheral lainnya ke dalam platform web servernya
- Apache merespon web client sangat cepat
- Mampu di kopilasi sesuai dengan spesifikasi HTTP yang sekarang - Apache menyediakan feature untuk multihomed dan virtual server
- Kita dapat menetapkan respon error yang akan dikirim web server dengan menggunkan file atau skrip
- Server apache dapat otomatis berkomunikasi dengan client browsernya untuk menampilkan tampilan terbaik pada client browsernya. Misalnya, browser ingin menampilkan dalam bahasa spanyol, maka web server apache otomatis mencari dalam servicenya halaman-halaman dengan bahasa spanyol
- Web server Apache secara otomatis menjalankan file index.html, halaman utamanya, untuk ditampilkan secara otomatis pada clientnya
- Web server Apache mempunyai level-level pengamanan
- Apache mempunyai komponen dasar terbanyak di antara web server lain - Ditinjau dari segi sejarah perkembangan dan prospeknya, Apache web server
mempunyai prospek yang cerah. Apache berasal dari web server NCSA yang
kemudian dikembangkan karena NCSA masih mempunyai kekurangan di bidang kompatibilitasnya dengan sistim operasi lain
- Mendukung transaksi yang aman (secure transaction) menggunakan SSL (secure socket layer)
- Mempunyai dukungan teknis melalui web.
- Mempunyai kompatibilitas platform yang tinggi.
c) Tampilan bentuk website dan layout konten
Terdapat 3 (tiga) tampilan yang dibuat pada masing-masing interfacelayout pada tiap-tiap laman website yang dibuat. Tiga tampilan tersebut meliputi tampilan desktop, tampilan tablet dan tampilan mobile sebagai media akses yang sering digunakan dalam mengakses website sebagai media online. Pengoptimalan tampilan akan lebih di fokuskan pada tampilan mobile karena sesuai dengan pola perilaku masyrakat dalam mengikuti perkembangan jaman saat ini media online seperti website lebih sering diakses malalui mobilesmartphone yang memiliki keterbatasan dimensi dan ruang untuk disesuaikan desain layout-nya.
Namun meskipun penataletakan lebih dioptimalkan pada bentuk media mobilephone untuk bentuk media lainnya juga tetap harus diperhatikan untuk memenuhi kebutuhan website ini sebagai media penyampai informasi dan media publikasi yang bisa diakses menggunakan berbagai media dengan struktur tampilan dan fungsi yang menyesuaikan media akses tersebut.
1) Bagian Header dan Navigasi (a) Tampilan layout
- Tampilan layar desktop dan tablet
Untuk tampilan header bar dan navigasi pada media akses desktop dan tablet memiliki bentuk tampilan yang sama seperti yang terlihat dibawah ini :
Gambar 140. Bentuk tampilan header dan navigasi (Sumber : www.beautyofjember.com)
Header berupa logo website beautyofjember.com wonderfull destination juga merupakan sebuah sign navigasi untuk menuju ke laman home. Sign navigasi yang merupakan bagian yang sangat penting dalam sebuah laman web.
Pada sign navigasi tersebut terdapat sign yang krusial sepertihome, search, dan help yang merupakan sebuah titik akhir ketika user menjelajah dalam sebuah laman web. Contohnya, navigasi home yang merupakan sebuah sign navigasi yang bisa membawa user kembali ke laman utama ketika user sudah merasa tersesat dalam sebuah laman websit (Chairani, 2006, hal. 78).
- Tampilan layar mobilephone
Gambar 141. Tampilan header dan navigasi pada media mobile (Sumber : www.beautyofjember.com)
Dari segi tampilan untuk tampilan mobile ini memiliki perbedaan pada penyederhanaan item navigasi yang dibentuk kotak satu tombol seperti yang tampak pada gambar diatas. Bentuk headbar dan navigasi ini berlaku untuk setiap laman website karena menurut Steveve Krug dalam buku “Don’t make me think” Dalam pembuatan sebuah website penting pula untuk tidak membuat perubahan apapun yang tidak perlu, termasuk pada navigasi. Navigasi pada laman home dan laman selanjutnya harus memiliki cukup banyak kesamaan, agar user dapat langsung mengenali bahwa keduanya hanya merupakan dua versi yang berbeda dari hal yang sama.
(b) Ulasan penjabarana informasi
Berikut merupakan ulasan perbagian pada grid header bar yang keseluruhan merupakan item menu navigasi.
- Logo website beautyofjember.com yang juga merupakan tombol navigasi untuk mengarahkan ke tampilan home.
- Selain itu navigasi lain yang terpampang merupakan item menu navigasi yang mengarahkan pada masing-masing laman yang meliputi laman wisata, kuliner hotel dan transportasi
- Serta terdapat tombol like facebook yang mengarah pada facebook milik Dinas Pariwisata Jember.
2) Home
(a) Tampilan layout - Tampilan desktop
Gambar 142. Tampilan home beautyofjember.com (desktop) (Sumber : www.beautyofjember.com)
- Tampilan tablet
Gambar 143. Tampilan home beautyofjember.com (tablet) (Sumber : www.beautyofjember.com)
- Tampilanmobile
Gambar 144. Tampilan home beautyofjember.com (mobile) (Sumber : www.beautyofjember.com)
(b) Ulasan bentuk layout
Perbedaaan pada tiga tampilan media akses berbeda tersebut berada pada penggunaan ruang dan dimensi ruang untuk menampilkan tampilan website
tersebut. Jika pada tampilan desktop dan tablet masih memiliki dimensi kesamping pada tampilan mobile lebih fit ke bentuk vertical/memanjang kebawah mengikuti bentuk ketersediaan ruang media akses tersebut. Dan ini berlaku untuk setiap laman pada website ini.
(c) Penjabaran informasi
Pada tampilan diatas terlihat beberapa informasi yang disampaikan membetuk susunan sebuah kartu menyesuaikan grid layout yang telah ditentukan menurut media akses yang digunakan. Konten informasi tersebut meliputi informasi tentang :
- Pariwisata alam Jember yang terdapat 6 (enam) destinasi wisata yang bisa dikujungi dengan tampilan fotografi transisi untuk menampilkan potensi keindahan yang dimiliki oleh alam Jember
- Informasi kuliner dengan tampilan foto transisi untuk menampilkan fariasi kuliner dan oleh-oleh Jember
- Hotel dengan tampilan foto transisi yang menampilkan view hotel yang ditawarkan
- Transportasi dengan link tautannya yang merupakan visual logo perusahaan penyedia jasa transportasi yang mengarahkan reservasi tiket terhadap perusahaan yang berkaitan secara lansung. Serta tampilan peta yang mempoinkan pada lokasi alun-alun Jember yang merupakan pusat kota Jember
- Kolom jejaring yang berisi tautan link ke jejarong sosial Dinas Pariwisata dan Kebudayaan Jemberserta logo Naturally Jember yang mengarahkan ke website jembertourism.com yang merupakan website media promosi wisata milik Dinas Pariwisata.
3) Wisata
(a) Tampilan interface - Tampilan desktop
Gambar 145. Tampilan wisata beautyofjember.com (dekstop) (Sumber : www.beautyofjember.com)
- Tampilan tablet
Gambar 146. Tampilan wisata beautyofjember.com (tablet) (Sumber : www.beautyofjember.com)
- Tampilanmobile
Gambar 147. Tampilan wisata beautyofjember.com (mobile) (Sumber : www.beautyofjember.com)
.
(b) Ulasan bentuk layout
Perbedaan pada tiga bentuk layout tersebut terdapat pada tampilan desktopkonten yang berupa fotografi dan tombol teks tersusun menjadi tiga kolom tampilan.Sedangkan pada layout yang tersusn pada media akses menggunakan tablet tampilan foto dan tombol teks tersusun menjadi duakolom menyesuaikan dimensi media akses tersebut dan pada tampilan mobile yang menyesuaikan membentuk satu kolom memanjang kebawah mengikuti bentuk ketersediaan ruang media akses tersebut
(c) Penjabaran informasi
Pada tampilan diatas terlihat beberapa informasi tentang pariwisata alam yang terdapat di Jember meliputi wisata pantai tanjung papuma, taman nasinal meru betiri, pantai payangan, pantai watu ulo, air terjun tancak dan pantai puger.
4) Kuliner dan Hotel (a) Tampilan interface
- Tampilan desktop
Gambar 148. Bentuk tampilan kuliner dan hotel beautyofjember.com (dekstop) (Sumber : www.beautyofjember.com)
- Tampilan tablet
Gambar 149. Tampilan kuliner dan hotel beautyofjember.com (tablet) (Sumber : www.beautyofjember.com)
- Tampilan mobile
Gambar 150. Tampilan kuliner dan hotel beautyofjember.com (mobile) (Sumber : www.beautyofjember.com)
(b) Ulasan bentuk layout
Perbedaan yang terdapat pada tiga tampilan media akses diatas terlihat pada tampilan layoutdesktop dan tablet penyusunan konten informasi masih sama yakni tiga kolom namun dengan tampilan dimensi ruang yang berbeda, demikin pula pada tampilan mobile yang menyesuaikan membentuk satu kolom memanjang kebawah mengikuti bentuk ketersediaan ruang media akses tersebut.
(c) Penjabaran informasi
Pada tampilan diatas terlihat beberapa informasi yang disampaikan yang terbetuk dalam susunan kotak menyesuaikan grid layout yang telah ditentukan menurut media akses yang digunakan. Konten informasi pada laman hotel memaparkan ketersediaan hotel/penginapan yang terdapat di Jember dan untuk informasi kuliner merupakan sebuah pemaparan tempat makan menarik dan oleholeh yang bisa ditemukan di Jember.
5) Transportasi (a) Tampilan interface
- Tampilan desktop
Gambar 151. Tampilan transportasi beautyofjember.com (dekstop) (Sumber : www.beautyofjember.com)
- Tampilan tablet
Gambar 152. Tampilan transportasi beautyofjember.com (tablet) (Sumber : www.beautyofjember.com)
- Tampilan mobile
Gambar 153. Tampilan transportasi beautyofjember.com (mobile) (Sumber : www.beautyofjember.com)
(b) Ulasan bentuk layout
Pada tampilan desktop dan tablet penyusunan konten informasi masih sama menurut penyesuaian konsep susunan layout yang telah direncanakan namun pada tampilan mobile yang menyesuaikan bentuk dan dimensi media mobile membentuk satu kolom memanjang kebawah mengikuti bentuk ketersediaan ruang.
(c) Penjabaran informasi
Pada tampilan diatas terlihat beberapa informasi yang disampaikan yang terbetuk dalam susunan kotak menyesuaikan grid layout yang telah ditentukan menurut media akses yang digunakan. Konten informasi pada laman transportasi memaparkan ketersediaan akses transportasi ke Jember serta tombol tautan untuk melakukan reservasi online secara langsung pada perusahaan transportasi yang diinginkan serta lokasi daerah jember dalam peta yang menggunakan jasa layanan google map.
6) Objek Wisata (a) Tampilan interface
- Tampilan desktop
Gambar 154. Tampilan objek wisata beautyofjember.com (dekstop) (Sumber : www.beautyofjember.com)
- Tampilan tablet
Gambar 155. Tampilan objek wisata beautyofjember.com (tablet) (Sumber : www.beautyofjember.com)
- Tampilan mobile
Gambar 156. Tampilan objek wisata beutyofjember.com (mobile) (Sumber : www.beautyofjember.com)
(b) Ulasan bentuk layout
Pada tampilan laman objek wisata informasi disusun secara utuh dalam satu lembar penuh. Untuk tampilan desktop dan tablet penyusunan konten informasi masih sama hanya berbeda pada dimensi ruang display nya.
Demikian pula pada tampilan mobile yang menyesuaikan bentuk dan dimensi media mobile membentuk satu kolom memanjang kebawah mengikuti bentuk ketersediaan ruang.
(c) Penjabaran informasi
Pada laman objek wista ini informasi yang disertakan meliputi galeri foto grafi untuk menunjukkan potensi keindahan wisata alam Jember dalam bentuk daftar foto dan foto transisi, terdapat pula deskripsi singkat yang memaparkan objek pariwisata tersebut mengenai hal-hal menarik yang ditemukan saat berada di tempat wisata tersebut dan juga ada panduan destinasi untuk malakukan perjalanan hingga tempat tujuan serta dilengkapi dengan peta sebagai panduan navigasi menuju lokasi wisata.
D. Tataran Elemen 1. Objek Referensi & Inspirasi
Terdapat beberapa tampilan material seperti logo, ornament, dan tombol yang akan di temukan pada website beautyofjember.com yang ter-publish. Material tersebut merupakan sebuah viual untuk membangun keselarasan maupun karakter website yang berguna untuk membentuk identitas website sehingga mampu memberi kesan terhadap pengguna saat melakukan akses pada laman website.
Gambar Deskripsi
Logo website beautyofjember.com yang dibuat secara mandiri dengan mengambil inspirasi dari identitas daerah Jember yakni daun Tembakau dengan warna yang memaparkan maksud dari bagian logo tersebut.
Logo jejaring sosial yang dibuat secara pribadi mengikuti tema layout yang telah ditentukan untuk menciptakan keselarasan pada desain sehingga tidak memberikan kesan rancu pada bagian layout pada laman website pariwisata ini.
Material background yang dibuat berdasar referensi motif batik yang sering muncul pada karya batik khas Jember, sebuah motif daun tembakau yang merupakan salah satu sentra produksi yang besar di Jember. Serta, penggunaan tekstur semu untuk menambah kesan terhadap tampilan.
Tabel 26. Elemen grafis pada website www,beautyofjember.com
Untuk penguatan identitas website jembertourism.com menggunakan motif batik yang dibuat dengan warna perak dengan background yang memberikan kesan elegan pada website tersebut. Begitu pula, pada website beautyofjember.com tampilan elegan akan ditampilkan menggunakan motif batik dan warna yang mampu memberikan kesan elegan terhadap tampilan website yang dirancang.
Secara psikologis rentetan peristiwa dalam proses menikmati keindahan dibagi dalam beberapa bagian (Pujirianto, 2005, hal. 83-86) :
- Sensasi, rangsangan eksternal ditangkap mata atau telinga dalam alat penerimaan yang menimbulkan getaran yang disebut sensasi.
- Persepsi, merupakan tahap dimana sensasi telah terkesan. Pada orang yang otaknya cepat, proses dari sensasi ke persepsi berjalan lebih cepat. Persepsi langsung menggerakkan proses asosiasi sehingga dapat melakukan komparasi (membandingkan), differensasi (membedakan), ananlogi (persamaan), dan sintesis (penyimpulan).
- Impresi, merupakan tahap dimana kesan telah menjadi keyakinan yang sewaktu-waktu dapat diingat kembali karena sudah ada alama wilayah kesadaran manusia.
- Emosi, tidak hanya menyangkut perasaan mara, kecewa, panik, jengkel, kesal yang tidak terkendali namun juga perasaan gembira dan antusias.
- Inteprestasi, menyangkut aktifitas daya pikir akibat impresi masuk kedalam wilayah kesadaran. Intepretasi adalah fungsi aktif intelektual manusia yang jika bertemu ditambah emosi sehingga menghasilkan apa yang dinamakan dipersepsi.
- Apresiasi, merenungkan pengertian atau apa yang telah diintepretasikan, menimbang dengan fakta-fakta lain, mempertimbangkan kebenaran sampai dimana maknanya adalah fungsi intelek berganda yang dirumuskan dengan kata apresiasi.
- Evaluasi, adalah renungan dan rumusan yang ingin disampaikan kepada orang lain, baik secara lisan maupun tertulis.
2. Elemen Grafis