BAB IV HASIL PENELITIAN DAN PEMBAHASAN 4.1 Hasil Penelitian 4.1.1 Badan Narkotika Kota Administrasi Jakarta Selatan Seiring dengan merebaknya penyalahgunaan narkoba di Jakarta khususnya wilayah Jakarta Selatan maka dirasa perlunya suatu instansi/lembaga/badan yang secara khusus menangani kasus kasus penyalahgunaan narkoba yang terjadi di wilayah Jakarta Selatan. Oleh karenanya Pemda Jakarta Selatan melalui Walikotanya mendirikan sebuah instansi yaitu Badan Narkotika Kota Administrasi Jakarta Selatan disingkat BNK Jak-Sel, Badan Narkotika Kota Administrasi Jakarta Selatan adalah perangkat Badan Narkotika Provinsi DKI Jakarta dan merupakan lembaga non struktural Pemerintah Kota Administrasi Jakarta Selatan di bidang ketersediaan, pencegahan, penanggulangan serta pemberantasan penyalahgunaan dan peredaraan gelap narkotika, psikotropika, prekusor dan zat adiktif lainnya. Badan Narkotika Kota Administrasi (BNK) dipimpin oleh seorang ketua yang dalam pelaksanaan tugasnya berada dibawah dan bertanggung jawab kepada BNP. Badan Narkotika Kota Administrasi (BNK) mempunyai tugas membantu Badan Narkotika Provinsi (BNP) dalam melaksanakan koordinasi, pengawasan, pengendalian dan mendorong peran serta masyarakat yang berhubungan dengan ketersediaan, Pencegahan Pemberantasan, Penyalahgunaan dan 57
Peredaraan Gelap Narkotika (P4GN), psikotropika, prekusor dan bahan adiktif lainnya di Wilayah Kota Administrasi berdasarkan kebijakan teknis dari Badan Narkotika Provinsi (BNP) DKI Jakarta. Berlatar dari tugas itulah BNK membangun sebuah website guna menunjang tugas tugas pokok yang menjadi tanggung jawabnya, yaitu memberikan penyuluhan penyuluhan kepada masyarakat mengenai bahaya Narkoba. Dengan adanya website tersebut masyarakat dapat dengan mudah mengakses informasi informasi mengenai Narkoba, masyarakat juga bisa memberikan informasi mengenai penyalahgunaan Narkoba di daerah Jakarta Selatan. 4.1.2 Sejarah Perusahaan Badan Narkotika Kota Administrasi (BNK) Jakarta Selatan, didirikan pada tahun 2004, berdasarkan Keputusan Gubernur Provinsi DKI Jakarta Nomor 103 tahun 2004 tentang Organisasi dan Tata Kerja Badan Narkotika Provinsi DKI Jakarta dan berlokasi di Gedung Lama Walikota Jakarta Selatan Blok 1 Lantai 3 Jalan Trunojoyo no.1 Jakarta Selatan adalah sebuah lembaga non struktural Pemerintah Kota Administrasi Jakarta Selatan di bidang pencegahan, pemberantasan, penyalahgunaan dan peredaraan gelap narkotika, psikotropika, prekusor dan zat adiktif lainnya. 4.1.3 Visi Dan Misi BNK Visi Badan Narkotika Kota Administrasi Jakarta Selatan adalah : 58
Terwujudnya masyarakat Kota Administrasi Jakarta Selatan yang bebas penyalahgunaan dan peredaraan gelap narkoba tahun 2015, guna meningkatkan derajat kesehatan dan lainnya dalam rangka mewujudkan kesejahteraan masyarakat Kota Administrasi Jakarta Selatan. Misi Badan Narkotika Kota Administrasi Jakarta Selatan adalah 1. Meningkatkan pencegahan dan penyalahgunaan narkoba secara terpadu dan lintas sektor 2. Menegakkan supremasi hukum yang berhubungan dengan pengawasan, pengendalian ketersediaan dan pemberantasan penyalahgunaan narkoba 3. Meningkatkan kelembagaan Badan Narkotika Kota Administrasi (BNK), Unit Narkotika Kecamatan (UNK), dan Pos Penanggulangan Narkotika Kelurahan (P2NK) Meningkatkan peran serta kemasyarakatan, tokoh masyarakat, pelajar, mahasiswa dan pemuda, pekerja serta lembaga-lembaga lainnya yang ada di masyarakat. 59
4.1.4 Struktur Organisasi Perusahaan Gambar 4.1 Struktur Organisasi BNK Jak Sel 60
4.1.5 Rancangan Website BNK Jakarta Selatan Membangun website yang profesional adalah suatu pekerjaan yang tidak gampang, perlu persiapan, perancangan yang baik, tujuan yang jelas dan percobaan yang berulang-ulang karena menyangkut semua elemen yang membentuk website. Apalagi membangun website yang besar seperti web portal, e-commerce, e-learning, berita, web mail, forum diskusi dan lainlain. Dalam merancang website harus memperhatikan salah satu dari fasilitas website yang diberikan, sehingga masyarakat dapat menikmati website yang dibuat dan dapat membuat pengunjung tertarik untuk melihat dan melihat kembali. Sebelum merancang website ada dua prinsip yang harus diperhatikan, yaitu prinsip fungsional dan prinsip estetika. 1 a. Prinsip Fungsional Prinsip Fungsional adalah pedoman pembangunan web yang mengutamakan penerapan fungsi dan penggunaan fitur-fitur (seperti bahasa, jajak pendapat, forum, galeri, dan lainnya) yang sesuai dengan tujuan web itu dibangun. Ada empat faktor utama yang mempengaruhi prinsip fungsional, yaitu: 1) Tujuan web Tujuan web merupakan faktor yang paling penting dan menjadi landasan utama dalam merancang website. Contoh tujuan web seperti 1 Adhicipta R. Wirawan, Redesigning Jomlaa! Template cetakan ke-2, PT Elex Media Komputindo, Jakarta Hal. 21 61
menjual produk-produk komputer dan memberikan informasi terkini tentang komputer terbaru. 2) Target segmentasi pengunjung web Segmentasi ini ditujukan kepada masyarakat Indonesia pria dan wanita khususnya yang berdomisili di Ibu kota Jakarta, dan memiliki usia berkisar antara 15 sampai 45 tahun. 3) Informasi yang ingin disampaikan Informasi yang akan disajikan harus dikelompokkan atau dikategorikan, tujuannya adalah untuk mempermudah pengunjung mencari informasi sesuai kebutuhannya. 4) Fitur-fitur penunjang web Untuk mencapai ketiga prinsip di atas secara maksimal dapat ditunjang dengan penambahan fitur-fitur yang selaras dan sejalan dengan ketiga prinsip diatas, jika tidak, maka website tidak memiliki karakter, dan fitur tersebut menjadi tidak berguna atau sekedar menjadi hiasan. b. Prinsip Estetika (Keindahan) Prinsip Estetika (Keindahan) adalah pedoman estetika dan keindahan dalam sebuah web, yang dibuat sesuai dengan prinsip fungsional yang telah ditentukan sebelumnya. Prinsip estetika ini mencakup tiga faktor, yaitu: 62
1) Tema web Tema web sangat terkait dengan tujuan web dan target segmentasi web yang akan dituju. Sebagai contoh, jika membuat web tentang teknologi informasi, maka tema web adalah futuristik, mekanik, dan lainnya. Tema ini akan menentukan bentuk (button dan icon web), gambar dan foto yang ditampilkan (gambar komputer, dan lainnya). 2) Karakteristik warna Penentuan warna pada web harus sesuai dengan karakteristik tujuan web dan segmentasi web yang akan dituju, karena warna memiliki dampak psikologis. Jika hal ini tidak diperhatikan, maka web akan membuat para pengunjung menjadi tidak nyaman. 3) Tipe font (huruf) Tipe font dibagi dua jenis, yaitu Sans dan Sans Serif. Jenis font Sans adalah font yang memiliki karakteristik elegan dan kaku dengan tambahan garis di setiap ujungnya, contoh font Times New Roman. Sedangkan font Sans Serif adalah font yang memiliki karakteristik sederhana dan fleksibel, serta tidak memiliki tambahan garis di setiap ujungnya, contoh font Arial. Biasanya font yang cocok untuk pembaca kategori pelajar dan remaja adalah font jenis Sans Serif. Sedangkan di luar kategori pelajar dan remaja, jenis font yang digunakan adalah Serif, sesuai dengan karakter pembaca utamanya, yaitu pembaca dewasa. 63
Berikut penulis mencoba menggambarkan rancangan web BNK Jakarta Selatan dalam tabel matriks yang berdasarkan dua prinsip perancangan web: Prinsip Fungsional Memperkenalkan dan memasyarakatkan Lembaga Badan Narkotika Kota Administrasi Jakarta Selatan kepada unit dilingkungan Pemerintah Kota Administrasi Jakarta Selatan pada khususnya dan Masyarakat pada umumnya Menyajikan informasi yang lengkap dan terkini Tujuan web mengenai pengetahuan tentang apa itu Narkoba, Psikotropika dan Zat adiktif lainnya serta dampaknya sehingga lebih awal mengetahui apabila ada keluarga dan masyarakat lainnya yang telah terpengaruh oleh obat-obatan terlarang tersebut. Kegiatan kegiatan yang telah dilaksanakan oleh BNK Jakarta Selatan. Lokasi: Indonesia. Target pengunjung web Personal: instansi pemerintahan, komunitas komunitas anti narkoba (LSM), peneliti, media massa, dan masyarakat luas. Psikologis: Dinamis, inovatif, dan atraktif. 64
Sosial: Orang yang berperan dalam bidang pemberantasan narkoba dan kesehatan. Kebudayaan: Meneliti jalur peredaran narkoba baik domestik maupun internasional. Informasi berupa profil BNK Jakarta Selatan Informasi yang ingin disampaikan Jenis jenis dan dampak dari penyalahgunaan narkoba, psikotropika dan zat adiktif lainnya Hasil laporan kegiatan BNK Jakarta Selatan Galeri foto. Fitur-fitur penunjang web Berita terkini. Polling / jajak pendapat. Search engine. Buku Tamu. Tabel 4.1 Prinsip Fungsional dalam pengembangan website BNK Jakarta Selatan Prinsip Estetika Tema website BNK Jakarta Selatan adalah Tema web Pemberantasan Peredaran Penyalahgunaan dan Penyelewengan Gelap Narkotika (P4GN) di wilayah Kota Administrasi Jakarta Selatan. Karakteristik warna Tipe font Warna yang akan digunakan yaitu putih, biru, orange. Idenya diambil dari warna pada logo BNK Jak-Sel. Jenis Arial. Tabel 4.2 Prinsip Estetika dalam pengembangan website BNK Jakarta Selatan 65
4.1.6 Storyboard Storyboard merupakan deskripsi tiap halaman web, dengan mencantumkan semua obyek yang dibutuhkan dan link ke halaman lain. Berikut storyboard dari pengembangan website BNK Jakarta Selatan, yaitu: a. Halaman Home Menampilkan halaman utama dari website BNK Jakarta Selatan. b. Halaman Profile Menampilkan halaman yang berisi profil BNK Jakarta Selatan yang terdiri dari beberapa kategori, yaitu: Profile Lembaga, Visi dan Misi, Dasar Hukum, Tupoksi (Tugas Pokok dan Fungsi), Struktur Organisasi BNK Jakarta Selatan. c. Halaman Warta BNK Menampilkan halaman yang berisi informasi tentang kegiatan kegiatan yang telah dilakukan oleh BNK Jakarta Selatan dalam bentuk ringkasan artikel. d. Halaman Kewilayahan Menampilkan halaman lembaga lembaga yang berada di bawah garis koordinasi BNK Jakarta Selatan. e. Halaman Gallery Menampilkan halaman yang berisi kumpulan-kumpulan foto yang berupa dokumentasi kegiatan, dan lainnya dari BNK Jak-Sel. f. Halaman Contact Us 66
Menampilkan halaman tentang daftar kontak BNK Jak-Sel. Gambar 4.2 Rancangan tampilan halaman utama website BNK Jak-Sel 4.1.7 Rancangan Flowchart Flowchart adalah bagan (chart) yang menunjukkan alir (flow) di dalam program atau prosedur sistem secara logika. Digunakan terutama untuk alat bantu komunikasi dan untuk dokumentasi. Penulis menggunakan program flowchart (Bagan Alir Program) yang menampilkan bagan alir halaman utama (Home) yang saling terhubung dengan semua halaman yang ada pada pengembangan website BNK Jakarta Selatan. 67
sebagai berikut: Simbol-simbol dari program flowchart yang akan digunakan adalah Simbol Deskripsi Proses; digunakan untuk mewakili suatu proses yang menampilkan suatu halaman web. Input; digunakan untuk mewakili data dari menu navigasi yang tersedia di website. Keputusan; digunakan untuk suatu seleksi kondisi di dalam website, yang akan membawa user ke suatu halaman web. Garis alir; Menunjukkan arus dari link tiap halaman web. Tabel 4.3 Simbol-simbol Program Flowchart Penulis menggambarkan program flowchart dalam perancangan website BNK Jakarta Selatan yang terbagi menjadi 6 kategori menu navigasi, yaitu: Home, Profile, Warta BNK, Kewilayahan,Gallery, dan Contact Us. Berikut gambaran program flowchart untuk keenam kategori tersebut di bawah ini : 68
a. Program Flowchart untuk kategori Menu Utama Gambar 4.3 Program Flowchart untuk kategori Menu Utama b. Program Flowchart untuk kategori Profile Gambar 4.4 Program Flowchart untuk kategori Profile 69
c. Program Flowchart untuk kategori Kewilayahan Gambar 4.5 Program Flowchart untuk kategori Kewilayahan 4.1.8 Rancangan Sturktur Navigasi Ada 4 model untuk mendesain stuktur navigasi pada aplikasi website, yaitu: a. Linear Model: pemakai menelusuri aplikasi secara berurutan. b. Non Linear Model: pemakai bebas menelusuri aplikasi tanpa dibatasi oleh suatu rute. c. Hybrid Model: pemakai bebas menelusuri aplikasi, tetapi pada bagian tertentu rute dibatasi secara linear dan hierarki. 70
d. Hierarchiecal Model: pemakai menelusuri aplikasi melalui menu navigasi yang menggunakan menu lain sebagai tambahan. Gambar 4.6 Model-model struktur navigasi aplikasi website Keterangan simbol dalam struktur navigasi: = menggambarkan arah / alur dari link tiap halaman web. = menggambarkan tombol / link yang akan membawa user ke suatu halaman web. Perancangan struktur navigasi aplikasi website BNK Jakarta Selatan menggunakan Hierarchiecal Model. Pada model ini dapat dilihat penggunaan halaman utama (Home) yang dihubungkan dengan semua halaman web. Untuk lebih jelasnya dapat dilihat pada Gambar 4.6 berikut di bawah ini : 71
Gambar 4.7 Struktur navigasi dari pengembangan website BNK Jak-Sel 72
4.2.2 Kajian Visual Unsur Uraian - Garis Unsur garis ini terdapat di beberapa bagian, visual website, unsur ini sebagian besar hanya sebagai pendukung dari unsur unsur visual laninnya. Seperti pada bagian header unsur garis ini menjadi sebuah animasi yang bergerak dinamis sebagai latar belakang judul badan narkotika kota administrasi jakarta selatan, yang pada kenyataannya malah mengganggu konstruksi disain yang ada, utamanya pada bagian header tempat dimana unsur ini berada. Selain pada header unsur ini juga tersebar di beberapa tempat yang membentuk unsur unsur bentuk yang ada. 78
- Bentuk Unsur ini terdapat pada bagian bagian yang ada di visual website, unsur bentuk lingkaran ada di bagian logo Badan Narkotika Kota Administrasi Jaksel unsur ini memiliki makna bahwa BNK dalam memerangi narkoba akan terus berjalan dan tidak akan pernah terputus. Huruf (character) juga bisa dianggap sebagai unsur bentuk, pada visual website ini unsur bentuk huruf menggunakan font jenis sans serif yang memiliki makna tegas, bersifat fungsional dan lebih modern. 79
Visual Unsur Uraian - Ruang Unsur ruang banyak sekali terdapat pada visual website ini dengan maksud memberikan wide space pada tampilan website ini, namun unsur ruang yang terdapat di website ini terlalu banyak hingga memberikan kesan yang kurang baik dengan banyaknya ruang kosong ini malah akan membuat fokus atau konsentrasi disain jadi terpecah, unsur ruang yang terlalu banyak ini juga memberikan efek yang membosankan. - Ukuran Unsur ini digunakan untuk membedakan antara bentuk yang mempunyai fungsi dan bentuk yang hanya sebagai pelengkap, dalam hal ini ada beberapa contoh unsur ukuran pada visual website BNK Jaksel, salah satunya adalah bentuk persegi 80
panjang yang terdapat pada bagian latar belakang kata search memiliki ukuran lebih kecil dibandingkan dengan bentuk persegi panjang pada link link terkait yang fungsinya untuk memberikan perhatian yang lebih banyak kepada link link terkait. 81
Visual Unsur Uraian - Warna Visual website ini di dominasi oleh unsur warna biru dan menggunakan metode warna monokromatik di sebagian besar tampilannya warna ini dimaksudkan agar web ini memiliki kesan kesederhanaan, tidak banyak resiko, dan mudah diterima mata. Namun metodi ini sungguh bertentangan dengan unsur bentuk huruf yang menggunakan jenis font sans serif yang cenderung bersifat modern serta dari segi segmentasinya yang sebagian besar dari kalangan anak anak muda berusia 15-30 tahun, yang secara psikologis anak anak muda saat ini lebih tertarik dengan tampilan website dengan warna warna yang lebih berani seperti warna warna cerah. 82
Visual Unsur Uraian - Layout Layout website ini bersifat standar dan statis dimaksudkan untuk menghindari kapasitas website yang sulit diakses karena terlalu berat, Layout ini dibuat statis agar mampu meringankan kapasitas website yang berat dan memudahkan pengunjung website untuk mencari informasi mengenai narkoba. Pemilihan layout ini cukup fatal karena pada prakteknya visual dari website ini terlihat kurang menarik dan terlihat terlalu banyak ruang kosong yang menjadi sia sia sehingga membuat konsentrasi dari disain visual web ini jadi terpecah dan membosankan pengunjung. 83
Visual Unsur Uraian - Tipografi Unsur ini menggunakan dua jenis huruf yaitu tipe sans dan sans serif, jenis font sans adalah jenis font yang memiliki karakteristik elegan dan kaku dengan tambahan garis di setiap ujungnya, sedangkan jenis font sans serif adalah jenis font yang memiliki karakteristik sederhana dan fleksibel, serta tidak memiliki tambahan garis di setiap ujungnya. 84