JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG

Transkripsi

1 RANCANG BANGUN SISTEM INFORMASI MERPATI HIAS SIMBAR FARM BERBASIS HTML 5 TUGAS AKHIR Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang Oleh : Hendro Styawan JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2015

2 RANCANG BANGUN SISTEM INFORMASI MERPATI HIAS SIMBAR FARM BERBASIS HTML 5 TUGAS AKHIR Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang Oleh : Hendro Styawan JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2015

3 i

4 ii

5 iii

6 Abstrak HTML5 adalah sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari Waring Wera Wanua, sebuah teknologi inti dari Internet. Pada HTML 5 diperkenalkan beberapa elemen baru dan atribut yang merefleksikan tipikal penggunaan website modern. HTML5 memperkenalkan beberapa elemen dan atribut yang membantu dalam membangun situs web modern. Tujuannya membangun sistem informasi yang bisa diakses oleh satu device untuk cara berternak berdasarkan jenis merpati, pola makan, jenis penyakit, obat-obatan dan memberikan kemudahan peternak dalam proses cara berternak,konsultasi, penjualan, dan video tentang merpati. Dalam penyusunan tugas akhir ini digunakan pengkajian kasus dan studi literatur untuk membantu penulis. Kata kunci : HTML 5, merpati hias, binary tree. iv

7 Abstract HTML5 is a markup language for structuring and display the contents of Waring Wera Wanua, a core technology of the Internet. In HTML 5 introduced several new elements and attributes that reflect typical usage of modern websites. HTML5 introduces some elements and attributes that help in building modern web sites. The goal is to build information systems that can be accessed by a device to farming practices based on the type of pigeon, diet, diseases, drugs and provide ease of farmers in the process of farming practices, consulting, sales, and videos about pigeons. In the preparation of this thesis used a case study and literature review to help authors. Keywords: HTML 5, Fancy Pigeon, Binary Tree. v

8 LEMBAR PERSEMBAHAN Puji syukur kepada Allah SWT atas rahmat dan karunia-nya sehingga penulis dapat menyelesaikan Tugas Akhir ini. Penulis menyampaikan ucapan terima kasih yang sebesar-besarnya kepada : 1. Allah SWT yang selalu memberikan kesehatan dan petunjuk dalam pengerjaan tugas akhir. 2. Ibu Ir. Nur Alif Mardiyah, MT dan ibu Gita Indah M, MT selaku pembimbing tugas akhir. 3. Bapak Dekan Fakultas Teknik Universitas Muhammadiyah Malang. 4. Kedua orang tua saya bapak Sunardi dan ibu Mustinah serta kakak saya Heri Prawoto, Hermawan Setyo, Agung Widodo, dan Agung Wiadi. 5. Teman-teman dari jurusan teknik informatika. 6. Teman-teman dari komunitas merpati hias. 7. Teman-teman dari satu kontrakan. vi

9 KATA PENGANTAR Puji syukur kehadirat Allooh Subhanahu wata ala yang selalu memberikan kekuatan dan petunjuk serta melimpahkan segala rahmat dan hidayah-nya, sehingga penulis dapat menyelesaikan Tugas Akhir yang berjudul RANCANG BANGUN SISTEM INFORMASI MERPATI HIAS SIMBAR FARM BERBASIS HTML 5 dengan baik, sebagai suatu persyaratan dalam menyelesaikan studi dan memperoleh gelar Sarjana Strata Satu (S1) di Jurusan Teknik Informatika Fakultas Teknik Universitas Muhammadiyah Malang. Penulis menyadari bahwa menyusun Tugas Akhir ini tidak akan berjalan dengan baik tanpa adanya bimbingan, bantuan, dukungan dan kerja sama dari berbagai pihak. Penulis juga menyadari bahwa karya tulis ini masih jauh dari kesempurnaan. Oleh karena itu, saran dan kritik yang membangun sangat penulis harapkan untuk kesempurnaan karya tulis ini. Penulis berharap semoga karya tulis ini bermanfaat. Aamiin Yaa Robbal Alaamiin. Malang,16 April 2015 Penulis vii

10 DAFTAR ISI LEMBAR PERSETUJUAN LEMBAR PENGESAHAN LEMBAR PERNYATAAN ABSTARK ABSTRACT LEMBAR PERSEMBAHAN KATA PENGANTAR DAFTAR ISI DAFTAR GAMBAR DAFTAR TABEL i ii iii iv v vi vii viii xi xiii BAB I PENDAHULUAN 1 I. 1. Latar Belakang Masalah 1 I. 2. Rumusan Masalah 2 I. 3. Tujuan Penelitian 2 I. 4. Batasan Masalah 3 I. 5. Metode Penelitian 3 I. 6. Sistematika Penulisan 4 BAB II LANDASAN TEORI Sistem Informasi Sistem Pakar Tujuan Sistem Pakar Struktur Sistem Pakar Komponen Sistem Pakar Keuntungan Sistem Pakar dan Kelemahan Sistem Pakar Ciri-Ciri Sistem Pakar Basis Pengetahuan (Knowledge Base) Metode Inferensi Dalam Sistem Pakar Hyper Text Markup Language Cascading Style Sheet 16 viii

11 2.5 Binary Tree Black Box Flowchart Database Xampp Web Editor dan Software Pendukung 22 BAB II I ANALISA DAN PERANCANGAN SISTEM Analisis Kebutuhan Sistem Analisis Masalah Analisis Sistem yang akan dikembangkan Identifikasi Masukan Data Identifikasi Keluaran Data Analisis Penyakit dan Gejala Analisis Metode Pencarian Perancangan Sistem Flowchart Flowchart Admin Flowchart User Desain Interface Desain Input Admin Desain Output Admin Perancangan Rule 37 BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM Implementasi Sistem Implementasi Data Implementasi Antar Muka Halaman Login Admin Tampilan Login Berhasil Tampilan Halaman Admin Tampilan Halaman Data Admin Tampilan Halaman Management Data Tampilan Data Konsultasi 47 ix

12 4.1.3 Implementasi Aplikasi Tampilan Halaman Utama Tampilan Halaman Informasi Tampilan Halaman Koleksi Video Tampilan Halaman Produk Tampilan Halaman Kontak Tampilan Halaman Diagnosa Tampilan Halaman Diagnosa Penyakit Merpati Tampilan Halaman Proses Diagnosa Penyakit Merpati Tampilan Halaman Hasil Diagnosa Penyakit Merpati Pengujian Sistem Rencana Pengujian Kasus dan Hasil Pengujian Pengujian Login Pengujian Pengolahan Data Admin Pengujian Pengolahan Data Video Pengujian Pengolahan Data Informasi Pengujian Pengolahan Data Barang Pengujian Pengolahan Data Penyakit Pengujian Pengolahan Data Gejala Pengujian Pengolahan Data Gejala Penyakit Pengujian Pengolahan Data Rule Kesimpulan Hasil Pengujian 82 BAB V Penutup Kesimpulan Saran 84 DAFTAR PUSTAKA 85 x

13 DAFTAR GAMBAR Gambar 2.1 binary tree 18 Gambar 3.1 flowchart admin 26 Gambar 3.2 flowchart user 27 Gambar 3.3 desain interface login admin 28 Gambar 3.4 tampilan awal desain interface admin 28 Gambar 3.5 tampilan desain interface data admin 29 Gambar 3.6 tampilan desain input data video 29 Gambar 3.7 tampilan desain interface data informasi 30 Gambar 3.8 tampilan desain interface data barang 30 Gambar 3.9 tampilan desain input data penyakit 31 Gambar 3.10 tampilan desain interface data gejala 31 Gambar 3.11 tampilan desain interface data gejala-penyakit 32 Gambar 3.12 tampilan desain interface data rule 32 Gambar 3.13 tampilan awal desain interface dari admin 33 Gambar 3.14 tampilan desain interface halaman utama 34 Gambar 3.15 tampilan desain interface halaman informasi 34 Gambar 3.16 tampilan desain interface halaman koleksi video 34 Gambar 3.17 tampilan desain interface halaman produk 35 Gambar 3.18 tampilan desain interface halaman kontak 35 Gambar 3.19 tampilan desain interface halaman utama diagnosa 36 Gambar 3.20 tampilan desain interface halaman hasil diagnosa 37 Gambar 3.21 perancangan rule 39 Gambar 4.1 Screenshoot halaman login admin 41 Gambar 4.2 Screenshoot tampilan login admin 42 Gambar 4.3 Screenshoot halaman admin 42 Gambar 4.4 Screenshoot halaman data admin 43 Gambar 4.5 Screenshoot edit dan hapus data admin 43 Gambar 4.6 Screenshoot data video 44 Gambar 4.7 Screenshoot edit dan hapus data video 44 Gambar 4.8 Screenshoot data informasi 45 Gambar 4.9 Screenshoot edit dan hapus data informasi 45 xi

14 Gambar 4.10 Screenshoot data barang 46 Gambar 4.11 Screenshoot edit dan hapus data barang 46 Gambar 4.12 Screenshoot data penyakit 47 Gambar 4.13 Screenshoot edit dan hapus data penyakit 47 Gambar 4.14 Screenshoot data gejala 48 Gambar 4.15 Screenshoot edit dan hapus data gejala 48 Gambar 4.16 Screenshoot gejala penyakit 49 Gambar 4.17 Screenshoot edit dan hapus data gejala 49 Gambar 4.18 Screenshoot data rule 50 Gambar 4.19 Screenshoot edit dan hapus data rule 50 Gambar 4.20 Screenshoot halaman home 51 Gambar 4.21 Screenshoot halaman informasi 52 Gambar 4.22 Screenshoot halaman koleksi video 53 Gambar 4.23 Screenshoot halaman produk 53 Gambar 4.24 Screenshoot halaman kontak 54 Gambar 4.25 Screenshoot halaman awal diagnosa 55 Gambar 4.26 Screenshoot halaman diagnosa penyakit 55 Gambar 4.27 Screenshoot halaman diagnosa penyakit 56 Gambar 4.28 Screenshoot halaman proses diagnosa penyakit 56 Gambar 4.29 Screenshoot halaman hasil diagnosa penyakit 57 xii

15 DAFTAR TABEL Tabel 2.1 Elemen arkup 12 Tabel 2.2 Elemen media 13 Tabel 2.3 Elemen canvas 13 Tabel 2.4 Elemen form 13 Tabel 2.5 Input type attribute values 14 Tabel 2.6 Penulisan syntax tag <link> 14 Tabel 2.7 Penulisan contoh syntax pada HTML 5 15 Table.2.8 Web editor dan software 22 Tabel 4.1 Rencana pengujian 58 Tabel 4.2 Rengujian login 59 Tabel 4.3 Pengujian login salah 59 Tabel 4.4 Pengujian Tambah Data Admin 60 Tabel 4.5 Pengujian Data Admin Salah 60 Tabel 4.6 Pengujian Ubah Data Admin 61 Tabel 4.7 Pengujian Ubah Data Admin Salah 61 Tabel 4.8 Pengujian Ubah Data Admin 62 Tabel 4.9 Pengujian Ubah Data Admin Salah 62 Tabel 4.10 Pengujian Tambah Data Video 63 Tabel 4.11 Pengujian Data Video Salah 63 Tabel 4.12 Pengujian Ubah Data Video 63 Tabel 4.13 Pengujian Ubah Data Video Salah 64 Tabel 4.14 Pengujian Hapus Data Video 64 Tabel 4.15 Pengujian Ubah Data Video Salah 65 Tabel 4.16 Pengujian Tambah Data Informasi 65 Tabel 4.17 Pengujian Data Informasi Salah 65 Tabel 4.18 Pengujian Ubah Data Informasi 66 Tabel 4.19 Pengujian Ubah Data informasi Salah 66 Tabel 4.20 Pengujian Hapus Data Informasi 67 Tabel 4.21 Pengujian Ubah Data Informasi Salah 67 Tabel 4.22 Pengujian Tambah Data Barang 68 Tabel 4.23 Pengujian Data Barang Salah 68 xiii

16 Tabel 4.24 Pengujian Ubah Data Barang 69 Tabel 4.25 Pengujian Ubah Data Barang Salah 69 Tabel 4.26 Pengujian Hapus Data Barang 70 Tabel 4.27 Pengujian Ubah Data Barang Salah 70 Tabel 4.28 Pengujian Tambah Data Penyakit 71 Tabel 4.29 Pengujian Data Penyakit Salah 71 Tabel 4.30 Pengujian Ubah Data Penyakit 72 Tabel 4.31 Pengujian Ubah Data Penyakit Salah 72 Tabel 4.32 Pengujian Hapus Data Penyakit 73 Tabel 4.33 Pengujian Ubah Data Penyakit Salah 73 Tabel 4.34 Pengujian Tambah Data Gejala 74 Tabel 4.35 Pengujian Data Gejala Salah 74 Tabel 4.36 Pengujian Ubah Data Gejala 75 Tabel 4.37 Pengujian Ubah Data Gejala Salah 75 Tabel 4.38 Pengujian Hapus Data Gejala 76 Tabel 4.39 Pengujian Ubah Data Gejala Salah 76 Tabel 4.40 Pengujian Tambah Data Gejala Penyakit 77 Tabel 4.41 Pengujian Data Gejala Penyakit Salah 77 Tabel 4.42 Pengujian Ubah Data Gejala Penyakit 78 Tabel 4.43 Pengujian Ubah Data Gejala Penyakit Salah 78 Tabel 4.44 Pengujian Hapus Data Gejala 79 Tabel 4.45 Pengujian Ubah Data Gejala Penyakit Salah 79 Tabel 4.46 Pengujian Tambah Data Rule 80 Tabel 4.47 Pengujian Data Rule Salah 80 Tabel 4.48 Pengujian Ubah Data Rule 81 Tabel 4.49 Pengujian Ubah Data Rule Salah 81 Tabel 4.50 Pengujian Hapus Data Rule 82 Tabel 4.51 Pengujian Ubah Data Rule Salah 82 xiv

17 DAFTAR PUSTAKA [1] Arhami, Muhammad, 2005, Konsep Dasar Sistem Pakar, Andi Offset, Yogyakarta [2] Kusrini, 2008, Aplikasi Sistem Pakar, Andi Offset, Yogyakarta [3] McLeon, 2008, Sistem Informasi Manajemen, Salemba Empat, Jakarta [4] Syamsul, 2003, Manajemen Operasi, Grasindo, Bogor [5] [6]The PHP Group History Of PHP. tory.php.php (diakses tanggal 7 Februari 2014). [7] Solichin, A Mysql 5 Dari Pemula Hinggal Mahir. Universitas Budi Luhur: Jakarta. [8] Prasetya, Haryadi, S.Pt, Melatih Siap Kontes Merpati Balap dan Merpati Hias, Pustaka Baru Press, Yogyakarta. [ 9 ] : Selasa, 02/07/2014, diakses Pukul WIB [10] : Selasa, 02/07/2014, diakses Pukul WIB [11] : Kamis, 14/12/2014, diakses Pukul WIB xv