1 RANCANG BANGUN SISTEM INFORMASI MERPATI HIAS SIMBAR FARM BERBASIS HTML 5 TUGAS AKHIR Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik I...
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 2015
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 2015
i
ii
iii
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
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
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
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
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
viii
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 III ANALISA DAN PERANCANGAN SISTEM 3.1 Analisis Kebutuhan Sistem
23 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 3.2.1
3.2.2
3.2.3
26 26
Flowchart 3.2.1.1 Flowchart Admin
26
3.2.1.2 Flowchart User
27 27
Desain Interface 3.2.2.1 Desain Input Admin
27
3.2.2.2 Desain Output Admin
33 37
Perancangan Rule
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM 4.1 Implementasi Sistem
40 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 4.1.2.4 Tampilan Halaman Data Admin 4.1.2.5 Tampilan Halaman Management Data
42 43 44
4.1.2.6 Tampilan Data Konsultasi
47
ix
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 BAB V Penutup
82 83
5.1 Kesimpulan
83
5.2 Saran
84
DAFTAR PUSTAKA
85
x
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
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
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
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
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
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]
