ADLN - PERPUSTAKAAN UNIVERSITAS AIRLANGGA
BAB III METODE PENYUSUNAN DAN PENYAJIAN PRODUK DIREKTORI ONLINE Pada bab ini penyajian data yang akan ditampilkan berupa hasil tampilan dan langkah – langkah dalam menelusur produk website “Direktori Online Travel Jawa Timur” yang telah diolah sebelumnya oleh penulis dan telah di hosting dan didomainkan ke akses internet, hingga akhirnya produk direktori online dapat dimanfaatkan oleh pengguna secara umum melalui website. Pengelola informasi saat ini perlu mengikuti perkembangan teknologi khususnya yang berkaitan dengan penyajian informasi kepada pengguna karena untuk memenuhi kebutuhan informasi pengguna yang semakin meningkat dan juga dapat memberikan kemudahan bagi pengguna untuk mencari informasi. Informasi dapat diolah dan disajikan ke dalam berbagai media website online salah satunya adalah dengan membuat direktori tentang travel seluruh kota dan kabupaten di Jawa Timur. Direktori ini pada umumnya mengelompokkan dan mengelola informasi Jasa Travel yang mempunyai website resmi yang disusun secara sistematis sehingga dapat memudahkan pembaca untuk mencari informasi mengenai jasa travel di Jawa Timur.
III.1. Penyusunan Produk Direktori Online Travel Jawa Timur III.1.1. Penentuan Tema Pembuatan Produk Langkah awal yang dilakukan penulis dalam membuat produk ini, yaitu menentukan tema produk terlebih dahulu. Berdasarkan hasil pengamatan, penulis memilih tema pembuatan direktori online travel di Jawa Timur sebagai sarana 11
TUGAS AKHIR
DIREKTORI ONLINE TRAVEL ...
FIRMAN BIRLIANTO
ADLN - PERPUSTAKAAN UNIVERSITAS AIRLANGGA
penelusuran informasi yang digunakan untuk menelusur informasi berupa situs web resmi jasa travel di seluruh wilayah Jawa Timur, update informasi yang akurat dan spesifik mengenai jasa travel, dan dapat mengetahui deskripsi lengkap mengenai travel tersebut. III.1.2. Penentuan Tujuan Pembuatan Produk Penyusunan produk ini bertujuan untuk menyajikan informasi yang berupa website direktori online travel di Jawa Timur kepada pengguna tentang keberadaan jasa travel di Jawa Timur, sehingga diharapkan informasi yang terkandung dalam website tersebut dapat diakses oleh pengguna dengan mudah, cepat dan akurat. III.1.3. Tahap Persiapan Pembuatan produk Direktori Online Travel di Jawa Timur memerlukan tahap persiapan. Pada tahap ini penulis mempersiapkan alat dan bahan yang akan digunakan untuk membuat produk Direktori Online Travel di Jawa Timur sebagai berikut : 1. Alat yang digunakan yaitu : Laptop Laptop merupakan alat pertama yang digunakan untuk membuat Direktori Online Travel di Jawa Timur. Semua proses dari awal sampai akhir pembuatan Direktori Online ini menggunakan laptop. Laptop juga sebagai penyimpanan data-datayang akan dimasukkan ke website Direktori Online.
12
TUGAS AKHIR
DIREKTORI ONLINE TRAVEL ...
FIRMAN BIRLIANTO
ADLN - PERPUSTAKAAN UNIVERSITAS AIRLANGGA
Modem atau WIFI Selain laptop modem atau Wifi juga sangat diperlukan alat ini juga sangat berperan penting dalam pembuatan Direktori Online Travel di Jawa Timur. Dikarenakan Direktori ini sudah dijalankan secara Online bukan Offline. 2. Bahan yang diperlukan yaitu : Webhosting dan Domain Untuk menjalankan website Direktori Online Travel di Jawa Timur diprlukan hosting dan domain. Untuk domain merupakan alamat website direktori online yang digunakan. untuk hosting merupakan produk agar website dapat diakses melalui internet. Alamat website direktori online yang digunakan www.direktorionlne-travel.info 3. Dana yang dikeluarkan : Dana yang dibutuhkan untuk pembuatan website ini yaitu : Pulsa Modem
@2x 51.000
Rp
102.000,-
Domain
@1
Rp
109.000,-
Hosting
@1
RP
80.000,-
Total
Rp
291.000,
+
13
TUGAS AKHIR
DIREKTORI ONLINE TRAVEL ...
FIRMAN BIRLIANTO
ADLN - PERPUSTAKAAN UNIVERSITAS AIRLANGGA
III.2. Penyusunan Data dan Penyajian Produk Direktori Online III.2.1. Cara instal joomla versi 2.5 dengan Cpanel VPS Optimized Website Penyusunan dan penyajian produk Direktori Online penulis menggunakan joomla versi 2.5. Terlebih dahulu penulis menginstal joomla versi 2.5 melalui cpanel VPS (Virtual Private Server) optimized, VPS Optimized adalah versi cpanel yang digunakan untuk pelanggan yang telah berlangganan lisensi VPS.
III.2.2. Konfigurasi interface Joomla versi 2.5 Setelah joomla selesai di install maka joomla telah siap untuk dapat digunakan sebagai media untuk memuat produk direktori online Travel di Jawa Timur. Sebelum memasukkan data – data yang ingin ditampilkan di dalam website maka penulis akan mengelola atau pun mengedit terlebih dahulu website joomla untuk pengaturan Desain Interface atau antarmuka agar pembaca lebih tertarik pada website travel di Jawa Timur ini. Pengolahan Desain Interface tersebut dapat dilakukan pada bagian joomla yang disebut BackEnd (lihat gambar 2.1). BackEnd merupakan halaman yang digunakan oleh admin (pengelola) untuk mengelola atau mengatur isi dari web Joomla tersebut dengan alamat www.direktorionline-travel.info/administrator. Bagian ini digunakan oleh penulis untuk dapat memasukkan dan mengubah artikel, merancang tampilan, bisa di sebut juga sebagai dapur pengolahan website yang hasilnya akan terlihat pada FrontEnd (lihat gambar 2.2). sedangkan FrontEnd merupakan halaman yang dilihat oleh orang – orang yang nantinya akan mengunjungi web direktori online travel di Jawa Timur.
14
TUGAS AKHIR
DIREKTORI ONLINE TRAVEL ...
FIRMAN BIRLIANTO
ADLN - PERPUSTAKAAN UNIVERSITAS AIRLANGGA
Gambar 2.1 : Tampilan back end / administrator
Gambar 2.2 : Tampilan front end default joomla
III.2.3. Memilih Template Hal pertama yang dilakukan penulis adalah memilih template joomla yang diunduh secara gratis di internet lalu di install pada joomla. Langkah – langkahnya adalah sebagai berikut :
15
TUGAS AKHIR
DIREKTORI ONLINE TRAVEL ...
FIRMAN BIRLIANTO
ADLN - PERPUSTAKAAN UNIVERSITAS AIRLANGGA
1. Download template dalam format .zip di www.themza.com pilih versi Joomla 2.5. 2. Log in pada akun Joomla anda.
Gambar 2.3 : Tampilan halaman login admin joomla 3. Lalu buka BackEnd web joomla pilih menu Extension upload & install
Gambar 2.4 : Tampilan untuk install template pada Joomla 2.5 4. Kemudian klik tombol Browse untuk memilih template yang telah di install dari www.themza.com sesuai dengan produk direktori online travel di Jawa Timur, lalu upload template.
16
TUGAS AKHIR
DIREKTORI ONLINE TRAVEL ...
FIRMAN BIRLIANTO
ADLN - PERPUSTAKAAN UNIVERSITAS AIRLANGGA
Gambar 2.5 : Tampilan browse untuk install template 5. Lalu masuk pada menu Template Manager untuk mengatur template yang sudah kita unduh. Pilih tamplate yang sudah diunduh dengan mencentang nama template. Lalu klik bintang (default) dan secara otomatis bintang berwarna kuning tersebut akan berpindah pada template yang sudah kita pilih. (Gambar 2.6)
Gambar 2.6 : Tampilan untuk mengaktifkan template
6. Setelah selesai melakukan penganturan diatas, klik pada tombol preview untuk melihat tampilan FrontEnd. (Gambar 2.7) 17
TUGAS AKHIR
DIREKTORI ONLINE TRAVEL ...
FIRMAN BIRLIANTO
ADLN - PERPUSTAKAAN UNIVERSITAS AIRLANGGA
Gambar 2.7 : Tampilan template Direktori Online Travel Jawa Timur
III.2.4. Membuat Content Setelah melakukan pengaturan tampilan untuk FrontEnd, selanjutnya melakukan pengaturan menu – menu yang nantinya digunakan untuk memasukkan data tentang sub menu. Hal yang paling penting dari sebuah situs website tentu saja adalah isi yang terdapat didalamnya. Kita perlu mempersiapkan content yang digunakan untuk meletakkan artikel atau data yang akan kita buat. Pada dasarnya content dalam joomla dibagi menjadi dua : categories manager (kategori) dan articles manager (artikel). category dapat terdiri dari beberapa articel. Berikut macam – macam content dan cara pembuatannya : 1. Membuat Category Category manager merupakan kumpulan dari beberapa artikel. Category berfungsi mengelompokkan artikel yang lebih spesifik. Category yang dibuat dari wilayah setiap Kabupaten dan Kota yang ada di Jawa Timur. Selanjutnya save, begitu seterusnya hingga semua sudah memiliki category.
18
TUGAS AKHIR
DIREKTORI ONLINE TRAVEL ...
FIRMAN BIRLIANTO
ADLN - PERPUSTAKAAN UNIVERSITAS AIRLANGGA
1. Langkah membuat category Kabupaten dan Kota adalah pilih menu content category manager new lengkapi kolom detail save 2. Langkah membuat category wilayah Kabupaten dan Kota (misal : Banyuwangi, Surabaya, Malang dst) adalah pilih menu content category manager new lengkapi kolom detail perhatikan parent (untuk menentukan kabupaten atau kota sebuah wilayah tersebut) save
Gambar 2.8: Tampilan membuat Category Manager 2. Membuat Artikel Setelah selesai dengan category kini saatnya membuat artikel sebagai content utama dari situs “Direktori Online Travel Jawa Timur”. Untuk memulai, klik content article manager pada toolbar, kemudian klik new. (Gambar 2.9) Beberapa hal yang harus diperhatikan pada layar artikel ini :
19
TUGAS AKHIR
DIREKTORI ONLINE TRAVEL ...
FIRMAN BIRLIANTO
ADLN - PERPUSTAKAAN UNIVERSITAS AIRLANGGA
Gambar 2.9 : Tampilan Article Manager a. Masukkan judul artikel, juga tetntukan di category mana untuk artikel ini. Contoh Haryono Tours and Travel : category Surabaya (Gambar 2.10)
Gambar 2.10 : Tampilam membuat artikel baru b. Dapat memilih untuk mempublikasikan artikel atau tidak, selain itu juga dapat memilih artikel apakah artikel tersebut akan ditampilkan di halaman utama (front page) situs dengan mencentangnya. c. Box utama adalah tempat untuk menulis artikel. Di bawah box tersebut ada icon yang dapat di klik (Gambar 2.11): 20
TUGAS AKHIR
DIREKTORI ONLINE TRAVEL ...
FIRMAN BIRLIANTO
ADLN - PERPUSTAKAAN UNIVERSITAS AIRLANGGA
Gambar 2.11 : Tampilan menu tambahan dibawah box artikel
Keterangan :
Article untuk mengelinkkan yang sdah ada
Image untuk memberi gambar pada artikel.
Pagebreak untuk membagi artikel menjadi halaman – halaman.
Read more untuk membagi artikel menjadi dua bagian, yaitu bagian yang akan ditampilkan sekilas di halaman situs dan bagian yang memuat artikel secara lengkap.
Toggle editor untuk menampilkan dan mengedit HTML Source.
3. Cara Mengelinkkan Data Dalam produk direktori online ini mengelompokkan sebuah website Travel di Jawa Timur. Untuk memasukkan website tersebut harus dapat diinput dalam website direktori online Travel Jawa Timur. Cara memasukan alamat website Travel atau alamat link tiap wilayah Kabupaten atau Kota sebagai berikut : a. Masuk dalam konten artikel, upload gambar lambang Travel pada artikel, setelah itu blok gambar lalu klik insert untuk memasukan link website. (Gambar 2.12)
21
TUGAS AKHIR
DIREKTORI ONLINE TRAVEL ...
FIRMAN BIRLIANTO
ADLN - PERPUSTAKAAN UNIVERSITAS AIRLANGGA
Gambar 2.12 : Tampilan untuk memasukan link b. Klik pada insert maka akan muncul table untuk mengisi URL link sesuai dengan alamat website resmi Travel dan isi judul sesuai nama travel yang akan di link-kan. (Gambar 2.13)
Gambar 2.13 Tampilan box pengisian URL Link c. Terakhir klik insert maka website resmi Travel akan tersimpan.
22
TUGAS AKHIR
DIREKTORI ONLINE TRAVEL ...
FIRMAN BIRLIANTO
ADLN - PERPUSTAKAAN UNIVERSITAS AIRLANGGA
III.2.5. Membuat Main Menu Main menu adalah menu utama yang sudah tersedia (default joomla). Menu utama ini bisa diedit atau ditambah. Cara membuat menu adalah: 1. Pilih menusmain menunew menu 2. Lalu isi title dengan menu yang akan kita buat, contohnya “Afrika” kemudian save
Gambar 2.14 : Tampilan membuat tambahan Main Menu
III.2.6. Membuat Sub Menu Sub menu adalah menu yang ada atau diletakkan pada menu utama sesuai dengan kategori yang diinginkan. Cara membuat sub menu adalah : 1. Pilih menu Main Menus New New Menu Article 2. Lalu isi kolom title dengan sub menu yang akan di buat contohnya “Banyuwangi”. 3. Pastikan kolom Parent Item pada posisi “Kabupaten” lalu save. 23
TUGAS AKHIR
DIREKTORI ONLINE TRAVEL ...
FIRMAN BIRLIANTO
ADLN - PERPUSTAKAAN UNIVERSITAS AIRLANGGA
Gambar 2.15 : Tampilan membuat Sub Menu
III.2.7. Membuat Joomla Extension Joomla extension adalah program – program kecil yang bisa ditambahkan ke dalam situs yang gunanya untuk optimalisasi website yang sedang penulis buat. Ada 5 jenis extension dalam joomla yaitu Module, Component, Plugin, Template dan Language. Masing – masing extension tersebut memiliki ciri khas dan fungsi yang berbeda – beda. 1. Module Merupakan extension yang berfungsi untuk menampilkan informasi dari suatu website. Module biasanya berupa blok – blok dari halaman website joomla. Module extensions yang digunakan bisa dari default joomla atau didownload gratis pada extensions.joomla.org. Berikut beberapa contoh module yang penulis gunakan: a. Module Visitor Book Visitor vinaora counter adalah modul penghitung jumlah pengunjung setiap hari, minggu, bulan serta keseluruhannya. 24
TUGAS AKHIR
DIREKTORI ONLINE TRAVEL ...
FIRMAN BIRLIANTO
ADLN - PERPUSTAKAAN UNIVERSITAS AIRLANGGA
Langkah 1: Mendownload module visitor counter Extensions.joomla.orghomesite managementanaliticsvisitordownload
Langkah 2: Menginstall module visitor counter pada joomla Extensionsinstallatur install directorypilih fileinstall and upload
Langkah 3: Mengatur module visitor counter Extensionsmodule manageratur detailatur menu assignmentatur module parameter. (lihat gambar 2.16)
Gambar 2.16 : Tampilan module visitor counter b. Modul Vinaora Cu3er 3D Slideshow Modul Vinaora Cu3er 3D Slideshow ini adalah modul yang digunakan untuk menampilkan slideshow secara 3 dimensi. Langkah-langkah untuk menginstall modul vinaora cu3er 3d slideshow ini adalah sebagai berikut :
Langkah 1 : download modul ini melalui website joomla yang beralamat di extension.joomla.org
Langkah 2 : Install modul melalui menu extension manager pada joomla, pilih file lalu klik install and upload 25
TUGAS AKHIR
DIREKTORI ONLINE TRAVEL ...
FIRMAN BIRLIANTO
ADLN - PERPUSTAKAAN UNIVERSITAS AIRLANGGA
Langkah 3 : Mengatur modul Vinaora Cu3er 3D Slideshow melalui module manager lalu atur detail setelah itu menu basic option dan transition option
(lihat gambar 2.17)
Gambar 2.17 Tampilan Modul Vinaora Cu3er 3D Slideshow
2. Component Merupakan
extension
joomla
yang
berfungsi
menambah
fungsionalitas joomla. Component-component tersebut biasanya sudah disediakan oleh Joomla Default atau download pada Joomla Extension. 3. Plugins Menu Plugins
dipakai
untuk
menangani
event
tertentu,
misalnya untuk menyisipkan movie ke dalam artikel, menampilkan tool tips dan sebagainya. Nama lain dari plugins adalah Mambots. Plugin akan menyatu dengan komponen atau modul dan biasa digunakan untuk memperkaya format tampilan komponen atau modul untuk spesifikasi fungsi tertentu. Untuk mengatur Extension ini melalui Menu Extension Plug in Manager.
26
TUGAS AKHIR
DIREKTORI ONLINE TRAVEL ...
FIRMAN BIRLIANTO
ADLN - PERPUSTAKAAN UNIVERSITAS AIRLANGGA
III.3. TAHAP FINALISASI / PENYAJIAN PRODUK III.3.1. Pencarian melalui Halaman Homepage Berikut ini adalah langkah – langkah untuk menggunakan produk Direktori Online dalam penelusuran melalui kategori 1. Pertama buka alamat website Direktori Online Travel Jawa Timur di www.direktorionline-travel.info. Setelah alamat web diketik dalam web browser akan muncul tampilan halaman home yang sudah ditampilkan Sectionnya (Gambar 3.1). Contohnya ingin mencari travel di Banyuwangi Arahkan kursor pada kategori Kabupaten.
Gambar 3.1 : Tampilan Section/menu pada halaman website 2. Setelah mengarahkan kursor pada menu Kabupaten akan muncul sub menu berupa nama Kabupaten di Jawa Timur. (Gambar 3.2)
Gambar 3.2 : Tampilan sub menu kategori Kabupaten
27
TUGAS AKHIR
DIREKTORI ONLINE TRAVEL ...
FIRMAN BIRLIANTO
ADLN - PERPUSTAKAAN UNIVERSITAS AIRLANGGA
3. Klik pada sub menu Banyuwangi, maka akan muncul kumpulan website nama travel di Banyuwangi.
III.3.2. Pencarian Melalui Kolom searching Langkah – langkah proses pencarian melalui kolom searching yaitu : 1. Ketik kata kunci yang di inginkan pada kolom search.
Gambar 3.3 : Tampilan kolom search pada website 2. Setelah mengetik kata kunci tekan enter atau klik pada tombol search. III.4. Tampilan Tambahan Menu Dalam Website
Panduan Direktori Panduan direktori dimaksudkan memberikan panduan pengguna yang pertama kali belum bisa menelusur informasi secara langsung. Dalam hal ini penulis memberikan panduan atau arahan bagi pengguna sebelum menelusur informasi. Panduan direktori ini dipergunakan bagi orang yang masih awam dalam penelusuran informasi. Didalam panduan direktori diberikan langkah – langkah mengenai penelusuran
Tentang Travel di Jawa Timur Menu ini berisikan informasi mengenai penyajian informasi bagi pengguna untuk mengetahui definisi serta tujuan dan manfaat direktori Travel 28
TUGAS AKHIR
DIREKTORI ONLINE TRAVEL ...
FIRMAN BIRLIANTO
ADLN - PERPUSTAKAAN UNIVERSITAS AIRLANGGA
itu sendiri. Penyajian informasi ini dimaksudkan agar pengguna memahami konten informasi yang dicari.
Profil Menu profil ini berisikan tentang informasi identitas lengkap penulis. Penyajian informasi ini dimaksudkan agar pengguna dapat mengerti otoritas penulis.
29
TUGAS AKHIR
DIREKTORI ONLINE TRAVEL ...
FIRMAN BIRLIANTO