E-SUMUTSIANA ALAT PENANGKAP IKAN TRADISIONAL

Transkripsi

1 E-SUMUTSIANA ALAT PENANGKAP IKAN TRADISIONAL Rizki Ramadhan Sekolah Tinggi Teknik Harapan Jurusan Sistem Informasi, Jalan H.M. Joni No 70 C Medan, rizky.ramadhan@contractor.net ABSTRAK Menangkap ikan yang dilakukan nelayan tentunya harus menggunakan alat penangkap ikan baik yang secara tradisional maupun modern, walaupun sekarang ini sudah banyak menggunakan cara modern seperti menggunakan trap fish atau pun pukat harimau dan masih banyak cara lainnya dan bahkan sampai merusak ekosistem di sungai ataupun danau tersebut. Memberikan refrensi mengenai Alat penangkap ikan yang digunakan nelayan sangat banyak dan belum ada media informasi yang mendatanya secara lengkap seperti bagaimana bentuknya, untuk itu perlu adanya sebuah media informasi mengenai alat penangkap ikan yang ada di sumatera utara khususnya, Website Alat Penangkap Ikan yang dirancang merupakan website yang digunakan untuk menampilkan informasi mengenai alat-alat penangkap ikan yang ada di sumatera utara, pada website yang dirancang akan terdapat beberapa informasi, diwujudkan melalui kolaborasi atau penggabungan bahasa pemrograman PHP dan sistem database MySQL 5.0, Sehingga Informasi artikel yang mudah dibaca dan memiliki informasi yang jelas dan sesuai dengan rancangan desain dalam memberi informasi mengenai alat penangkap ikan tradisional. Kata Kunci : Alat Penangkap Ikan, Web, ABSTRACT fisherman catch fish certainly should to use fishing equipment is good traditional and modern, although now many to use modern methods such as to use fish traps or trawl and many other ways, and even up to damaging the ecosystem in a river or lake. Give reference about used fishing equipment very much and there is no media record the complete information such as how to shape, because it needs to be a information media about fishing equipment in Northern Sumatra specifically, Website fishing equipment are designed used to display information about fishing tool in Northern Sumatra, the website designed to be contained some information, realized through collaboration or merger of the PHP programming language and MySQL 5.0 database system, so that information is easy to read the article and have information clearly and in accordance with the draft design of giving information about a traditional fishing equipment. Keywords: Fishing equipment, Web, PENDAHULUAN Negara Indonesia merupakan negara yang memiliki banyak pulau dan perairan, hampir semua kepulauan memiliki danau ataupun sungai yang bisa dijadikan mata pencaharian penduduk yang ada disekitar danau ataupun sungai, nelayan merupakan salah satu profesi yang banyak dilakukan oleh penduduk ataupun masyarakat yang tinggal didekat danau ataupun sungai untuk dijadikan mata pencaharian ataupun sebagai untuk mencukupi kebutuhan sehar-hari. Menangkap ikan yang dilakukan nelayan tentunya harus menggunakan alat penangkap ikan baik yang secara tradisional maupun modern, walaupun sekarang ini sudah banyak menggunakan cara modern seperti menggunakan trap fish ataupun pukat harimau dan masih banyak cara lainnya dan bahkan sampai merusak ekosistem di sungai ataupun danau tersebut. Alat penangkap ikan yang digunakan nelayan sangat banyak dan belum ada media informasi yang mendatanya secara lengkap seperti bagaimana bentuknya, cara kerjanya dan berasal dari daerah mana alat penangkap Biltek Vol. 3, No. 013 Tahun 2014 Sekolah Tinggi Teknik Harapan 1

2 ikan tersebut, alat penangkap ikan yang dibahas tidak hanya alat penangkap ikan tradisional tetapi juga modern sehingga masyarakat yang mengakses website dapat mempelajari penggunaan alat penangkap ikan yang biasa digunakan oleh nelayan. Setelah penulis melakukan survey, dan mempelajari penggunaan alat penangkap ikan, penulis berinisiatif mengambil judul E-SUMUTSIANA ALAT PENANGKAP IKAN TRADISIONAL METODE PENELITIAN Analisis Sistem Website E-Sumutsiana Alat Penangkap Ikan Tradisional yang dirancang merupakan website yang digunakan untuk menampilkan informasi mengenai alat-alat penangkap ikan yang ada di sumatera utara, pada website yang dirancang akan terdapat beberapa informasi diantaranya adalah sebagai berikut: 1. Proses Pencarian 2. Proses Login Admin 3. Proses Manajemen Artikel Proses diatas merupakan beberapa proses yang ada didalam sistem, masih terdapat beberapa proses lainnya yang akan dijelaskan di sub bab berikutnya. Perancangan Sistem Sistem ini dibuat untuk memberikan informasi mengenai alat penangkap ikan, berikut adalah beberapa informasi mengenai sistem yang dirancang a. Beranda; Informasi beranda digunakan untuk menampilkan semua informasi yang ada di web. b. Pencarian Artikel; Digunakan untuk mencari artikel yang memiliki kimiripan dengan kata yang ada di database c. Kontak Admin; Berisi infomasi yang bisa digunakan oleh member ataupun pengguna website memberikan komentar dan saran d. Login Admin; Login admin digunakan bagi administrator untuk masuk kedalam sistem admin Metode yang dilakukan pada kegiatan ini adalah langkah-langkah yang dilakukan untuk membuat aplikasi web. Langkah-langkah tersebut antara lain: (1)Mempersiapkan perangkat yang digunakan yaitu komputer, bahasa pemrograman PHP dan database MySQL 5.0; (2)Membuat rancangan database; (3)Menjalankan program; (4)Pengujian program; (5)Merevisi program jika diperlukan. Metode ini meliputi perancangan sistem yang kemudian diwujudkan melalui kolaborasi atau penggabungan bahasa pemrograman PHP dan sistem database MySQL 5.0.Dalam sistem yang akan dibangun terdapat alur-alur model data yang biasa disebut Use case, dimana use cse akan menerangkan tentang dari mana dan kemana saja data yang ada dalam sistem yang sedang berjalan akan diproses, dan kemudian dilanjutkan kemana data tersebut setelah diproses. Use Case Diagram Use-case diagram menjelaskan manfaat suatu sistem jika dilihat menurut pandangan orang yang berada di luar sistem. Berikut adalah use case diagram dari sistem yang dirancang Admin Admin Tulisan Admin Kontak Setting Admin Kategori Admin Tulisan Pengaturan Beranda Pengaturan E- Sumutsiana E-Sumutsiana Alat Penangkap Ikan Gambar 1 Use Case Diagram E-SUmutsiana Alat Penangkap Ikan Activity Diagram Activity diagram adalah teknik untuk menggambarkan logika procedural, proses bisnis, dan alur kerja. Dalam beberapa hal, diagram ini mirip dengan sebuah diagram alir, tetapi perbedaan prinsip antara diagram ini dengan notasi diagram alir adalah mendukung behavior parallel, berikut adalah activity diagram yang penulis rancang 1. Activity Diagram Admin Kategori Activity diagram kategori digunakan untuk menggambarkan logika prosedural proses didalam informasi kategori, berikut adalah activity diagram kategori yang penulis buat User Biltek Vol. 3, No. 013 Tahun 2014 Sekolah Tinggi Teknik Harapan 2

3 Gambar 2 Activity Diagram Kategori 2. Activity Diagram Admin Tulisan Activity diagram admin tulisan digunakan untuk menggambarkan logika prosedural proses didalam mengolah artikel alat penangkap ikan, berikut adalah activity diagram yang penulis buat Gambar 5 Activity Diagram Pengaturan Tentang 5. Activity Diagram Pengaturan Kontak Activity diagram pengaturan kontak digunakan untuk menggambarkan logika prosedural proses didalam informasi kontak, berikut adalah activity diagram kontak yang penulis buat Gambar 3 Activity Diagram Admin Tulisan 3. Activity Diagram Beranda Activity diagram beranda digunakan untuk menggambarkan logika prosedural proses didalam informasi beranda, berikut adalah activity diagram beranda yang penulis buat Gambar 4 Activity Diagram Agenda beranda 4. Activity Diagram Tentang E-Sumutsiana Activity diagram tentang digunakan untuk menggambarkan logika prosedural proses didalam informasi pengaturan tentang, berikut adalah activity diagram pengaturan tentang yang penulis buat Gambar 6 Activity Diagram Pengaturan Kontak Sequence Diagram Berikut adalah sequence diagram yang penulis rancang 1. Sequence Diagram Admin Kategori Menggambarkan interaksi masingmasing kategori yang dirancang. 2. Sequence Diagram Pengaturan Tulisan Menggambarkan interaksi masingmasing tulisan yang dirancang. 3. Sequence Diagram Pengaturan Kontak Menggambarkan interaksi masingmasing kontak yang dirancang, berikut adalah sequence diagramnya. 4. Sequence Diagram Ganti Password Menggambarkan interaksi masingmasing setting beranda yang dirancang, berikut adalah sequence diagramnya. 5. Sequence Diagram Pengaturan Beranda Biltek Vol. 3, No. 013 Tahun 2014 Sekolah Tinggi Teknik Harapan 3

4 Menggambarkan interaksi masingmasing setting yang dirancang, berikut adalah sequence diagramnya. Rancangan Database Berikut adalah rancangan database dari perancangan media informasi yang penulis rancang. 1. Tabel Artikel Untuk membuat tabel artikel pada database E-sumutsiana, maka dapat dilihat pada tabel berikut ini: Tabel 1 Desain Tabel Artikel No Nama Field Tipe Ukuran Data 1 Id_Artikel int 11 2 Nama_artikel varchar Kategori_artikel int 11 4 Deskripsi_Artikel text 0 Tabel 3.1 ini terlihat rancangan untuk menyimpan informasi data artikel. Pada tabel artikel ini id_artikel digunakan sebagai primary key. 2. Tabel Kategori Untuk membuat tabel kategori pada database E-sumutsiana, maka dapat dilihat pada tabel berikut ini: Tabel 2 Desain Tabel Kategori No Nama Field Tipe Ukuran Data 1 Id_kategori int 11 2 Nama_kategori varchar 100 Tabel 3.2 ini terlihat rancangan untuk menyimpan informasi data kategori. Pada tabel tulisan ini id_kategori digunakan sebagai primary key. 3. Tabel User Untuk membuat tabel user pada database E-sumutsiana, maka dapat dilihat pada tabel berikut ini: Tabel 3 Desain Tabel User No Nama Tipe Ukuran Field Data 1 Id_user int 11 2 Nama_user Varchar Password Varchar 32 Tabel 3.3 ini terlihat rancangan untuk menyimpan informasi data user. Pada tabel user ini id_user digunakan sebagai Primary key. 4. Tabel Pengaturan Untuk membuat tabel pengaturan pada database E-sumutsiana, maka dapat dilihat pada tabel berikut ini: Tabel 4 Desain Tabel Lainnya No Nama Tipe Ukuran Field Data 1 id int 11 2 Judul Varchar Isi text 0 Tabel 3.4 ini terlihat rancangan untuk menyimpan informasi data settingan. Pada tabel ini lainnya id digunakan sebagai primary key. Perancangan Layout Program Perancangan layout program merupakan desain dari rancangan web yang penulis buat, berikut adalah desain web yang dirancang dan desain menu utama yang dirancang 1. Desain menu utama Admin Desain menu utama admin merupakan gambaran menu dari aplikasi yang dibuat dari sisi admin. 2. Desain menu utama user Desain menu utama user merupakan gambaran menu dari aplikasi yang dibuat dari sisi user. 3. Desain Halaman Utama Desain halaman utama berisi semua tampilan utama program aplikasi kamus ketika diakses melalui web, pada tampilan awal ini akan ditampilkan informasi umum mengenai kamus. Adapun keterangannya sebagai berikut (1)Menampilkan logo dari web; (2)Menampilkan menu yang bisa digunakan untuk mengakses halaman web; (3)Textfield dan tombol yang digunakan untuk mencari artikel; (4)Menampilkan daftar artikel terbaru; (5)Menampilkan Informasi beranda 4. Desain Halaman Artikel Desain halaman artikel menampilkan informasi mengenai artikel atau tulisan mengenai alat penangkap ikan. Adapun keterangannya sebagai berikut (1)Menampilkan logo dari web; (2)Menampilkan menu yang bisa digunakan untuk mengakses halaman web; (3)Textfield dan tombol yang digunakan untuk mencari artikel; (4)Menampilkan daftar artikel terbaru; (5)Menampilkan Informasi beranda. 5. Desain Halaman Tentang Desain halaman tentang menampilkan informasi mengenai website dan kenapa website dirancang. Adapun Biltek Vol. 3, No. 013 Tahun 2014 Sekolah Tinggi Teknik Harapan 4

5 keterangannya sebagai berikut (1)Menampilkan logo dari web; (2)Menampilkan menu yang bisa digunakan untuk mengakses halaman web; (3)Textfield dan tombol yang digunakan untuk mencari artikel; (4)Menampilkan informasi tentang website; (5)Menampilkan Informasi beranda. 6. Desain Halaman Kontak Admin Desain halaman kontak admin merupakan halaman yang digunakan oleh pengguna website untuk memberikan saran dan kritik kepada administrator. Adapun keterangannya sebagai berikut (1)Menampilkan logo dari web; (2)Menampilkan menu yang bisa digunakan untuk mengakses halaman web; (3)Textfield dan tombol yang digunakan untuk mencari artikel; (4)Menampilkan textfield kontak admin yang bisa di isi oleh pengunjung website; (5)Menampilkan Informasi beranda. 7. Desain Halaman Login Admin Desain halaman login admin merupakan halaman yang digunakan oleh admin untuk memasukkan username dan password yang valid sehingga bisa masuk ke menu utama admin. Adapun keterangannya sebagai berikut (1)Textfield memasukkan nama pengguna; (2)Textfield memasukkan password; (3)Tombol untuk memproses nama pengguna dan password. 8. Desain Halaman Menu Admin Desain halaman menu admin, digunakan oleh administrator untuk mengolah informasi yang ada didalam website. Adapun keterangannya sebagai berikut (1)Menu yang digunakan untuk mengatur informasi yang ada di website; (2)Menu untuk menampilkan halaman website admin; (3)Menu yang digunakan untuk pengaturan password; (4)Menu untuk keluar dari aplikasi. 9. Desain Halaman Admin Kategori Desain halaman admin kategori, digunakan oleh administrator untuk mengolah data kategori. Adapun keterangannya sebagai berikut (1)Menu yang digunakan untuk mengatur informasi yang ada di website; (2)Menu untuk menampilkan halaman website; (3)Menu yang digunakan untuk pengaturan password; (4)Menu untuk keluar dari aplikasi; (5)Menampilkan daftar seluruh kategori; (6)Tombol untuk menambah data kategori, berikut adalah desain dari halaman tambah kategori. 10. Desain Halaman Admin Tambah Artikel Desain halaman admin tambah artikel, digunakan oleh administrator untuk manambah informasi artikel. Adapun keterangannya sebagai berikut (1)Menu yang digunakan untuk mengatur informasi yang ada di webste; (2)Menu untuk menampilkan halaman website; (3)Menu yang digunakan untuk pengaturan password; (4)Menu untuk keluar dari aplikasi; (5)Menampilkan daftar seluruh artikel; (6)Tombol yang digunakan untuk menambah artikel, berikut adalah desain halaman tambah artikel. 11. Desain Halaman Admin Kotak Suara Pengguna Desain halaman admin kotak suara pengguna, digunakan oleh administrator untuk mengolah informasi mengenai saran dan kritik yang dikirimkan pengguna website. Adapun keterangannya sebagai berikut (1)Menu yang digunakan untuk mengatur informasi yang ada di website; (2)Menu untuk menampilkan halaman website; (3)Menu yang digunakan untuk pengaturan password; (4)Menu untuk keluar dari aplikasi; (5)Menampilkan daftar seluruh pesan yang masuk. PEMBAHASAN Kebutuhan Sistem Hal yang utama dalam kebutuhan sistem adalah spesifikasi perangkat keras (hardware) dan spesifikasi perangkat lunak (software) yang digunakan saat pembuatan suatu sistem. Perangkat keras (hardware) yang dimaksud adalah seluruh peralatan yang diperlukan untuk mengoperasikan suatu sistem komputer. Spesifikasi software bertujuan untuk mengspesifikasikan perangkat lunak (software) yang digunakan dalam pembuatan suatu sistem. Tanpa perangkat lunak, proses komputerisasi tidak mungkin berjalan. Perangkat keras yang penulis gunakan dalam pembuatan sistem ini, antara lain (1) Monitor WXGA LED 14 inch dengan resolusi 1366 x 768; (2) Processor Intel Core i5 (2.40 GHz, Chace 3MB); (3) Harddisk 500 GB Serial ATA 7200 RPM; (4) Memori dengan kapasitas 2 GB DDR3; (5)Mouse dan Keyboard sebagai alat Biltek Vol. 3, No. 013 Tahun 2014 Sekolah Tinggi Teknik Harapan 5

6 input data. Perangkat lunak yang digunakan dalam pembuatan sistem ini, antara lain (1)Microsoft Windows 7 sebagai sistem operasi; (2)MySQL 5.0 sebagai database; (3)PHP 5.0 sebagai bahasa pemrograman. Implementasi Dalam pengujian Sistem ini terdapat beberapa program yang digunakan yang mana program-program tersebut memiliki fungsi yang berbeda, berikut adalah tampilan hasil dari perancangan yang penulis buat 1. E-Sumutsiana Beranda e-sumutsiana beranda merupakan tampilan hasil pertama ketika website diakases melalui browser, pada halaman beranda akan ditampilkan informasi mengenai e-sumutsiana beranda, berikut tampilannya 3. E-Sumutsiana Artikel e-sumutsiana artikel menampilkan informasi mengenai koleksi artikel mengenai kenderaan air tradisional, artikel yang dimasukkan kedalam sistem dikelompokkan berdasarkan kategori, berikut adalah tampilan artikel berdasarkan kategori tombak Gambar 8 E-Sumutsiana Artikel Kategori Tombak Selain kategori tombak terdapat satu kategori lagi yaitu bubu, berikut adalah artikel berdasarkan kategori bubu Gambar 7 E-Sumutsiana Beranda 2. E-Sumutsiana Tentang Kami e-sumutsiana tentang kami menampilkan informasi mengenai pembuat website, berikut adalah tampilannya 4. E-Sumutsiana Kontak Admin e-sumutsiana kontak admin merupakan desain yang digunakan untuk pengguna website untuk memberikan saran dan kritik, berikut adalah desainnya Gambar 9 E-Sumutsiana Artikel Kontak Admin Gambar 8 E-Sumutsiana Tentang Kami Biltek Vol. 3, No. 013 Tahun 2014 Sekolah Tinggi Teknik Harapan 6

7 5. E-Sumutsiana Login Admin e-sumutsiana login admin digunakan bagi administrator sebagai halaman security untuk masuk ke menu utama, 8. E-Sumutsiana Halaman Pengaturan Tentang e-sumutsiana halaman pengaturan tentang digunakan untuk melakukan pengubahan informasi terhadap halaman tentang kami pada website, berikut adalah tampilannya berikut adalah tampilannya Gambar 10 E-Sumutsiana Login Admin 6. E-Sumutsiana Menu Admin e-sumutsiana menu admin merupakan halaman yang digunakan oleh administrator untuk mengakses beberapa informasi untuk tampilan website, berikut adalah halamannya Gambar 13 E-Sumutsiana Pengaturan Tentang 9. E-Sumutsiana Halaman Kategori e-sumutsiana halaman kategori digunakan untuk melakukan penambahan,pengubahan, menghapus informasi kategori artikel, berikut adalah tampilannya Gambar 11 E-Sumutsiana Menu Admin 7. E-Sumutsiana Halaman Pengaturan Kategori e-sumutsiana halaman pengaturan kategori digunakan untuk melakukan pengubahan informasi terhadap halaman beranda pada website, berikut adalah tampilannya Gambar 14 E-Sumutsiana Halaman Kategori Untuk melakukan penambahan data kategori bisa dilakukan dengan menekan tombol tambah, berikut adalah hasilnya Gambar 12 E-Sumutsiana Pengaturan Kategori Gambar 15 E-Sumutsiana Halaman Kategori - Tambah 10. E-Sumutsiana Halaman Artikel Biltek Vol. 3, No. 013 Tahun 2014 Sekolah Tinggi Teknik Harapan 7

8 e-sumutsiana halaman artikel digunakan untuk melakukan penambahan,pengubahan, menghapus informasi artikel, berikut adalah tampilannya Gambar 16 E-Sumutsiana Halaman Artikel Untuk melakukan penambahan data artikel bisa dilakukan dengan menekan tombol tambah, berikut adalah hasilnya Gambar 17 E-Sumutsiana Halaman Artikel - Tambah KESIMPULAN DAN SARAN Kesimpulan Setelah menyelesaikan laporan ini maka Penulis menyimpulkan : 1. Media Informasi Alat Penangkap Ikan Tradisonal yang dirancang memiliki tampilan yang sederhana dan mudah dalam hal pengaksesan informasi. 2. Informasi artikel yang mudah dibaca dan memiliki informasi yang jelas serta bisa dimasukkan content berupa gambar dan video bisa menjadi nilai tambah dari website yang dirancang. 3. Pengaturan website yang diolah dari menu admin dirasa cukup baik karena informasi yang ditampilkan jadi dinamis Saran-Saran Penulis menyadari laporan ini belumlah bisa dikatakan sempurna, dalam hal ini penulis menyarankan : 1. Pengembangan kedepannya sebaiknya aplikasi dibuat berbasis Mobile Application, dikarenakan lebih efisien dan lebih cepat dalam memproses informasi serta bisa mendukung banyak fasilitas yang tidak bisa dilakukan didalam web. 2. Arsitektur yang didukung kedepannya bisa untuk mobile DAFTAR PUSTAKA Arief, M. Rudyanto, 2011, Pemrograman Web Dinamis dengan PHP dan MySQL, Yogyakarta, Penerbit Andi. Irwanto, Djon, 2007, Perancangan Object Oriented Software dengan UML, Graha Ilmu. Kadir, Abdul, 2000, Pengenalan Sistem Informasi, Yogyakarta, Penerbit Andi,. Prasetya, Andreas Hery, 2011, Cepat Kuasai PHP dan MySQL, Yogyakarta, Penerbit Andi. Simarmata, Janner, 2013, Sistem basis data, Penerbit Andi, Biltek Vol. 3, No. 013 Tahun 2014 Sekolah Tinggi Teknik Harapan 8