JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG

(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

09560187

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH MALANG

(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

09560187

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH MALANG

(3)

(4)

(5)

(6)

iv

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.

(7)

v

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.

(8)

vi

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.

(9)

vii

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

(10)

viii DAFTAR ISI

LEMBAR PERSETUJUAN i

LEMBAR PENGESAHAN ii

LEMBAR PERNYATAAN iii

ABSTARK iv

ABSTRACT v

LEMBAR PERSEMBAHAN vi

KATA PENGANTAR vii

DAFTAR ISI viii

DAFTAR GAMBAR xi

DAFTAR TABEL 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 6

2.1 Sistem Informasi 6

2.2 Sistem Pakar 7

2.1.1 Tujuan Sistem Pakar 7 2.1.2 Struktur Sistem Pakar 7 2.1.3 Komponen Sistem Pakar 8 2.1.4 Keuntungan Sistem Pakar dan Kelemahan Sistem

Pakar 9 2.1.5 Ciri-Ciri Sistem Pakar 10 2.1.6 Basis Pengetahuan (Knowledge Base) 10 2.1.7 Metode Inferensi Dalam Sistem Pakar 11 2.3 Hyper Text Markup Language 5 11 2.4 Cascading Style Sheet 16

(11)

ix 2.5 Binary Tree 17 2.6 Black Box 18 2.7 Flowchart 19 2.8 Database 21 2.9 Xampp 21

2.10 Web Editor dan Software Pendukung 22 BAB II I ANALISA DAN PERANCANGAN SISTEM 23 3.1 Analisis Kebutuhan Sistem 23 3.1.1 Analisis Masalah 23 3.1.2 Analisis Sistem yang akan dikembangkan 23 3.1.2.1 Identifikasi Masukan Data 23 3.1.2.2 Identifikasi Keluaran Data 23 3.1.3 Analisis Penyakit dan Gejala 24 3.1.4 Analisis Metode Pencarian 25

3.2 Perancangan Sistem 26

3.2.1 Flowchart 26

3.2.1.1 Flowchart Admin 26

3.2.1.2 Flowchart User 27

3.2.2 Desain Interface 27

3.2.2.1 Desain Input Admin 27

3.2.2.2 Desain Output Admin 33

3.2.3 Perancangan Rule 37

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM 40 4.1 Implementasi Sistem 40 4.1.1 Implementasi Data 40 4.1.2 Implementasi Antar Muka 41

4.1.2.1 Halaman Login Admin 41

4.1.2.2 Tampilan Login Berhasil 42 4.1.2.3 Tampilan Halaman Admin 42 4.1.2.4 Tampilan Halaman Data Admin 43 4.1.2.5 Tampilan Halaman Management Data 44 4.1.2.6 Tampilan Data Konsultasi 47

(12)

x

4.1.3 Implementasi Aplikasi 51 4.1.3.1 Tampilan Halaman Utama 51 4.1.3.2 Tampilan Halaman Informasi 52 4.1.3.3 Tampilan Halaman Koleksi Video 53 4.1.3.4 Tampilan Halaman Produk 53 4.1.3.5 Tampilan Halaman Kontak 54 4.1.3.6 Tampilan Halaman Diagnosa 54 4.1.3.7 Tampilan Halaman Diagnosa Penyakit

Merpati 55

4.1.3.8 Tampilan Halaman Proses Diagnosa Penyakit

Merpati 56

4.1.3.9 Tampilan Halaman Hasil Diagnosa Penyakit

Merpati 57

4.2 Pengujian Sistem 57 4.2.1 Rencana Pengujian 58 4.2.2 Kasus dan Hasil Pengujian 59 4.2.2.1 Pengujian Login 59

4.2.2.2 Pengujian Pengolahan Data Admin 60 4.2.2.3 Pengujian Pengolahan Data Video 62

4.2.2.4 Pengujian Pengolahan Data Informasi 65

4.2.2.5 Pengujian Pengolahan Data Barang 68 4.2.2.6 Pengujian Pengolahan Data Penyakit 71 4.2.2.7 Pengujian Pengolahan Data Gejala 73 4.2.2.8 Pengujian Pengolahan Data Gejala Penyakit 76 4.2.2.9 Pengujian Pengolahan Data Rule 79

4.2.3 Kesimpulan Hasil Pengujian 82

BAB V Penutup 83

5.1 Kesimpulan 83

5.2 Saran 84

(13)

xi

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

(14)

xii

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

(15)

xiii

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

(16)

xiv

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

(17)

xv

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] http://beternak-unggas.blogspot.com/2013/03/jenis-jenis-penyakit-merpati-dan.html

[6]The PHP Group. 2012. “History Of PHP”. http://www.php.net/manual/en/his tory.php.php (diakses tanggal 7 Februari 2014).

[7] Solichin, A. 2010. Mysql 5 Dari Pemula Hinggal Mahir. Universitas Budi Luhur: Jakarta.

[8] Prasetya, Haryadi, S.Pt, 2012. Melatih Siap Kontes Merpati Balap dan Merpati Hias, Pustaka Baru Press, Yogyakarta.

[ 9 ] http://id.wikipedia.org/wiki/Sistem_informasi : Selasa, 02/07/2014, diakses Pukul 11.16 WIB

[10] http://id.wikipedia.org/wiki/Website : Selasa, 02/07/2014, diakses Pukul 11.21 WIB

[11] http://id.wikipedia.org/wiki/FlowChart : Kamis, 14/12/2014, diakses Pukul 11.19 WIB