RANCANG BANGUN APLIKASI ENSIKLOPEDIA
WISATA KULINER BERBASIS ANDROID
TUGAS AKHIR
Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang
Oleh : MUSTONO
07560079
JURUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH MALANG
2013
LEMBAR PERSETUJUAN
RANCANG BANGUN APLIKASI ENSIKLOPEDIA WISATA
KULINER BERBASIS ANDROID
TUGAS AKHIR
Mustono 07560079
Diajukan Untuk Memenuhi
Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang
2013
Malang, Februari 2013 Menyetujui,
Pembimbing I
Ir. Lailis Syafa’ah, M.T NIP : 10890090189
Pembimbing II
Mahar Faiqurrahman, S.Kom NIP : 10808110462
LEMBAR PENGESAHAN
RANCANG BANGUN APLIKASI ENSIKLOPEDIA
WISATA KULINER BERBASIS ANDROID
TUGAS AKHIR
Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang
Disusun Oleh : MUSTONO
07560079
Tugas Akhir ini telah diuji dan dinyatakan lulus melalui sidang majelis penguji pada 04 Februari 2013
Menyetujui,
Penguji I
Eko Budi Cahyono, S.kom, M.T NIP 108.9504.0330
Penguji II
Aminudin, S.Kom NIDN.0701068603
Mengetahui,
Ketua Jurusan Informatika
Eko Budi Cahyono, S.kom, M.T NIP 108.9504.0330
LEMBAR PERNYATAAN
Yang bertanda tangan di bawah ini :
NAMA : MUSTONO
NIM : 07560079
FAK./JUR. : TEKNIK/INFORMATIKA
Dengan ini saya menyatakan bahwa Tugas Akhir dengan judul “RANCANG BANGUN APLIKASI ENSIKLOPEDIA WISATA KULINER BERBASIS ANDROID” beserta seluruh isinya adalah karya saya sendiri dan bukan merupakan karya tulis orang lain, baik sebagian maupun seluruhnya, kecuali dalam bentuk kutipan yang telah disebutkan sumbernya.
Demikian surat pernyataan ini saya buat dengan sebenar-benarnya. Apabila kemudian ditemukan adanya klaim dari pihak lain terhadap keaslian karya saya ini maka saya siap menanggung segala bentuk resiko/sanksi yang berlaku.
Malang, Januari 2013
Mengetahui,
Dosen Pembimbing Yang Membuat Pernyataan
Ir. LAILIS SYAFA’AH, M.T. MUSTONO
Abstrak
Perkembangan teknologi memudahkan masyarakat untuk memperoleh informasi, termasuk perubahan bentuk media ensiklopedia, yang dulunya hanya berupa buku atau media cetak, maka saat ini sudah ada ensiklopedia yang berbentuk digital, berupa aplikasi maupun situs web. Ensiklopedia digital semakin berkembang karena sifatnya yang user friendly dan dibuat dengan interface yang menarik sehingga pengguna tidak mudah bosan. Untuk mencari informasi, juga semakin mudah karena pengguna tidak perlu membolak-balik halaman seperti pada ensiklopedia berupa media cetak. Perkembangan teknologi, juga meliputi perkembangan perangkat mobile terutama sistem operasi mobile yang semakin beragam yang bisa membuat perangkat mobile tersebut menjadi perangkat mobile yang cerdas. Salah satu sistem operasi mobile yang sedang populer saat ini adalah sistem operasi Android.
Dalam tugas akhir ini dibuat suatu aplikasi ensiklopedia tentang masakan tradisional yang akan diimplementasikan ke dalam platform android. Aplikasi dibangun dengan flash builder, dan agar menarik ensiklopedia tentang masakan tradisional ini juga dilengkapi dengan elemen-elemen multimedia seperti teks, dan gambar tentang masakan.
ABSTRACT
As a country that has diverse traditional dishes that characterizes an area in Indonesia is not well known by the people themselves. To remind people of the importance of knowing cuisines from different regions, one way is to make the encyclopedia of cooking. Encyclopedia itself is a book that contains information about a topic or description. Along with the development of technology, the encyclopedia also progressing, if the first encyclopedia only form of print media, the encyclopedia also now available in digital form.
Therefore, in this thesis the author makes an encyclopedia about the traditional cuisine that will be implemented into the android platform. Applications built with flash builder, and so interesting encyclopedia of traditional cuisine is also equipped with multimedia elements such as text and images about
the cuisine.
KATA PENGANTAR
Assalamu’alaikum Warohmatullahi wabarokatuhAlhamdulillah, segala puji bagi Allah SWT yang telah memberi petunjuk dan rahmat serta Rosulullah Muhammad SAW yang senantiasa memberikan syafaat kepada umatnya sehingga penulis dapat menyelesaikan Tugas Akhir yang berjudul “Rancang Bangun Aplikasi Ensiklopedia Wisata Kuliner Berbasis Android” ini.
Tugas Akhir ini merupakan tugas akhir yang diajukan untuk memenuhi syarat dalam memperoleh gelar Sarjana Teknik Jurusan Teknik Informatika Fakultas Teknik Universitas Muhammadiyah Malang.
Penulis menyadari bahwa penyusunan Tugas Akhir ini tidak akan terwujud tanpa adanya bantuan dan dorongan dari berbagai pihak. Oleh karena itu, pada kesempatan ini penulis menyampaikan ucapan terima kasih kepada yang terhormat:
1. Bapak Ir. Sudarman, MT, selaku Dekan Fakultas Teknik Universitas Muhammadiyah Malang.
2. Bapak Eko Budi Cahyono, S.Kom, MT selaku Ketua Jurusan Teknik Informatika Fakultas Teknik Universitas Muhammadiyah Malang
3. Ibu Ir.Lailis Syafa’ah, MT dan Bapak Mahar Faiqurrahman, S.Kom selaku Dosen Pembimbing yang telah memberikan bimbingan, perhatian, dan pengarahan sehingga dapat terselesainya laporan ini.
4. Bapak dan Ibu Dosen yang telah melimpahkan bekal ilmu selama penulis menempuh kuliah di Jurusan Teknik Informatika Fakultas Teknik Universitas Muhammadiyah Malang.
5. Kedua Orang tua tersayang, Bapak Tutut,S.Pd, M.MPd dan Ibu Mustilah yang selalu memberikan dorongan, semangat dan perhatian kepada diri penulis serta saudara penulis, Dimas Candra Pangestu.
6. Tidak lupa juga kepada Rahmatul Maula yang selalu memberikan perhatian dan semangat, sehingga dapat terselesaikannya tugas akhir ini.
7. Teman-teman saya, Saban, Andi, Arifuddin, Iwan, Maftukhil, anak-anak Error F.C, dan NGK, yang sangat membantu penulis dalam menyelesaikan tugas akhir ini, baik secara langsung maupun tidak.
8. Semua pihak yang telah membantu penulis menyelesaikan tugas akhir ini yang tidak bisa disebutkan satu persatu.
Semoga Allah SWT senantiasa memberikan limpahan Rahmat dan Hidayah-Nya kepada semua pihak atas segala amal yang telah diberikan dengan ikhlas kepada penulis selama ini.
Dalam penyusunan Tugas Akhir ini penulis menyadari bahwa masih jauh dari sempurna sehingga penulis mengharapkan saran dan kritik dari semua pihak demi sempurnanya Tugas Akhir ini. Dalam kesempatan ini penulis juga memohon maaf yang sebesar-besarnya jika ada kata-kata yang salah, itu semata-mata datang dari penulis, dan jika ada yang bermanfaat itu semata-mata datang dari Allah SWT. Karena penulis menyadari bahwa penulis hanya manusia biasa yang tidak luput dari salah dan lupa.
Akhir kata penulis mengharapkan banyak manfaat dari Tugas Akhir ini baik untuk masa sekarang maupun pada masa yang akan datang. Amin.
Wassalamu’alaikum Warohmatullahi wabarokatuh
Malang, Januari 2013
DAFTAR ISI
Lembar Persetujuan ... ii
Lembar Pengesahan ... iii
Lembar Pernyataan ... iv
Abstrak ... v
Abstract ... vi
Lembar Persembahan ... vii
Kata Pengantar ...……….... ... viii
Daftar Isi ...……….…... ix
Daftar Gambar ... xii
Daftar Tabel...………. ... xvii
Bab I Pendahuluan ... 1 1.1 Latar Belakang ... 1 1.2 Rumusan Masalah ... 2 1.3 Tujuan Penelitian……….. ... 2 1.4 Batasan Masalah... 3 1.5 Metodologi Penelitian ………. ... 3 1.6 Sistematika Penulisan ………. ... 4
Bab II Landasan Teori ... 6
2.1 Ensiklopedia ……….……… ... 6 2.1.1 Sejarah Ensiklopedia ……….. ... 6 2.1.2 Pengertian Ensiklopedia ... 6 2.1.3 Tujuan Ensiklopedia ………... ... 7 2.1.4 Perkembangan Ensiklopedia………. ... 8 2.2 Multimedia ………. ... 9 2.2.1 Sejarah Multimedia……….. ... 9 2.2.2 Definisi Multimedia……….. ... 9 2.2.3 Komponen Multimedia………... 9 2.2.4 Manfaat Multimedia……….. ... 12 2.3 Android ………. ... 13 2.3.1 Definisi Android……… ... 13 2.3.2 Anatomi Android……… ... 13
2.3.3 Tipe Aplikasi Android……….. ... 17
2.3.4 Kelebihan Android……….. ... 28
2.3.5 Versi Android……… ... 19
2.4 Flash Builder……… ... 22
2.4.1 Pengenalan Flash Builder……….... ... 22
2.4.2 Flex Framework………... ... 23
2.4.3 ActionScript 3.0………... 24
2.4.4 MXML………... 24
2.5 Interaksi Manusia Komputer ……… ... 24
2.5.1 Pengertian Interaksi Manusia Komputer……… ... 24
2.5.2 Faktor Manusia dalam IMK……… ... 25
2.5.3 Pedoman Perancangan Antarmuka ……..…………. ... 26
2.5.4 Pedoman Penggunaan Warna…………..……… ... 27
Bab III Analisis dan Perancangan Sistem ... 29
3.1 Analisis Kebutuhan Sistem ……… ... 29
3.1.1 Deskripsi Umum Perangkat Lunak………29
3.1.2 Kebutuhan Perangkat Lunak……… . 29
3.2 Perancangan Sistem……… ... 31 3.2.1 Arsitektur Sistem……… ... 31 3.2.2 Perancangan Proses………...35 3.2.2.1 usecase………...35 3.2.2.2 activity diagram………...36 3.2.2.3 sequence diagram………..42 3.2.2.4 class diagram………...46 3.2.3 Perancangan Data………...47
3.2.4 Perancangan Antar Muka………...52
Bab IVImplementasi dan Pengujian ... 60
4.1 Kebutuhan Sistem ... 60
4.2 Implementasi Sistem ... ... 61
4.2.1 Implementasi Aplikasi Server ... 61
4.2.2 Implementasi Menu Home...64
4.2.3 Implementasi Main Menu………...66
4.2.4 Implementasi Menu Display ………..81
4.3 Pengujian Sistem ... 85
4.3.1 Pengujian Fungsionalitas... ... 85
4.3.2 Pengujian Kuisioner... ... 89
Bab V Kesimpulan dan Saran ... 109
5.1 Kesimpulan ... 109
5.2 Saran ……… ... 109
Daftar Pustaka……… ... 111
Daftar Gambar
2.1 Arsitektur Android ... 14
2.2 Tampilan Flash builder ... 23
3.1 Skema Proses pada Aplikasi Client ………... 32
3.2 Skema Proses pada Aplikasi Server ... 33
3.4 Use Case Diagram Ensiklopedia Wisata Kuliner………... 35
3.2 Activity Diagram Login ... 37
3.6 Activity Diagram Insert Data ... 38
3.7 Activity Diagram Update Data... 39
3.8 Activity Diagram Delete Data ... 40
3.9 Activity Diagram View Data ... 41
3.10 Sequence Diagram Login ... 42
3.11 Sequence Diagram Insert Data ... 43
3.12 Sequence Diagram Update Data ... 43
3.13 Sequence Diagram Delete Data ... 44
3.14 Sequence Diagram View Data ... 45
3.15 Class diagram ... 46
3.16 Diagram E-R ... 47
3.17 Perancangan Form Home ... 52
3.18 Menu Login ... 52
3.19 Rancangan Tampilan Main Menu ... 53
3.20 Rancangan Tampilan Add Propinsi ... 53
3.21 Rancangan Tampilan Add Kota ... 54
3.22 Rancangan Tampilan Add Resep ... 54
3.23 Rancangan Tampilan Update Propinsi ... 55
3.24 Rancangan Tampilan Update Kota ... 55
3.25 Rancangan Tampilan Update Resep ... 56
3.26 Rancangan Tampilan Delete Propinsi ... 56
3.27 Rancangan Tampilan Delete Kota ... 57
3.28 Rancangan Tampilan Delete Resep ... 57
3.30 Perancangan Form Detail Data Propinsi ... 59
3.31 Perancangan Form Detail Data Kota... 59
3.32 Perancangan Form Detail Data Resep... 59
4.1 Tampilan Awal Website http://iklanseru.com ... 61
4.2 Tampilan Setelah Melakukan Login Pada Website http://iklanseru.com .. 62
4.3 Tabel Propinsi ... 63
4.4 Tabel Kota ... 63
4.5 Tabel Resep ... 64
4.6 Implementasi Home ... 64
4.7 Implentasi Menu Login ... 65
4.8 Potongan Source code Login ... 65
4.9 Potongan Source code validasi... 66
4.10. Implementasi Main Menu ... 66
4.11 Potongan Soure code Main Menu ... 67
4.12 Implementasi Menu Add Propinsi ... 67
4.13 Potongan Soure code Implementasi Menu Add Propinsi ... 68
4.14 Potongan Source code pengiriman request ke aplikasi server ... 68
4.15 Potongan Soure code mysql insert data propinsi ... 68
4.16 Implementasi Menu Add Kota ... 69
4.17 Potongan Soure code Implementasi Menu Add Kota ... 69
4.18 Potongan Soure code pengiriman request ke aplikasi server ... 69
4.19 Potongan Soure code mysql insert data kota... 70
4.20. Implementasi Menu Add Resep ... 70
4.21 Potongan Soure code Implementasi Menu Add Resep ... 71
4.22 Potongan Soure code pengiriman request ke aplikasi server ... 71
4.23 Potongan Soure code mysql insert data resep pada Menu Add Resep ... 71
4.24. Implementasi Menu Update Propinsi ... 72
4.25 Potongan Soure code Implementasi Menu Update Propinsi ... 72
4.26 Potongan Soure code pengiriman request ke aplikasi server ... 72
4.27 Potongan Soure code mysql update data propinsi... 73
4.28 Implementasi Menu Update Kota ... 73
4.30 Potongan Soure code pengiriman request keaplikasi server ... 74
4.31 Potongan Soure code mysql update data kota ... 74
4.32 Implementasi Menu Update Resep ... 75
4.33 Potongan Soure code Implementasi Menu Update Resep... 75
4.34 Potongan Source code mengirimkan request ke aplikasi server ... 76
4.35 Potongan Soure code mysql update resep ... 76
4.36 Implementasi Menu Delete Propinsi ... 77
4.38 Potongan Soure code Implementasi Menu Delete Propinsi ... 77
4.39 potongan source code mengirimkan request ke aplikasi server ... 77
4.40 Potongan Soure code mysql Delete Propinsi ... 78
4.41 Implementasi Menu Delete Kota ... 78
4.43 Potongan Soure code Implementasi Menu Delete Kota ... 79
4.44 potongan source code mengirimkan request ke aplikasi server ... 79
4.45 Potongan Soure code mysql Delete Kota ... 79
4.46 Implementasi Menu Delete Resep ... 80
4.47 Potongan Soure code Implementasi Menu Delete Resep ... 80
4.48 Potongan source code mengirimkan request ke aplikasi server... 80
4.49 Potongan Soure code mysql Delete Resep ... 81
4.50 Implementasi Menu Display Propinsi ... 81
4.51 Potongan Soure code mysql load data pada Menu Display Propinsi ... 82
4.52 Potongan Source code mengirimkan request ke aplikasi server ... 82
4.53 Implementasi Menu Display Kota ... 82
4.54 Implementasi MenuDisplay Kota Malang...83
4.55 Potongan Soure code mysql load data pada Menu Display Kota ... 83
4.56 potongan Source code mengirimkan request ke aplikasi server ... 83
4.57 Implementasi Menu Display Resep ... 83
4.58. Implementasi MenuDitail resep ... 84
4.59 Potongan Source code mengirimkan request ke aplikasi server ... 84
4.60 Potongan Soure code mysql load data pada Display data Resep ... 84
4.61 Tampilan Home pada Handphone ... 85
4.62 Tampilan Main Menu pada Handphone ... 85
4.64 Tampilan Update Propinsi pada Handphone ... 86
4.65 Tampilan Delete Propinsi pada Handphone ... 87
4.66 Tampilan Display Propinsi pada Handphone ... 87
4.67 Tampilan Display Kota pada Handphone ... 88
4.68 Tampilan Display Resep pada Handphone ... 89
4.69. Gambar grafik tingkat user friendly penambahan data...106
4.70. Gambar grafik tingkat user friendly update data...106
4.71. Gambar grafik tingkat user friendly delete data...106
4.72. Gambar grafik hasil penyajian informasi...107
Daftar Tabel
3.1 Entitas “Propinsi”...49 3.2 Entitas “Kota” ...49 3.3 Entitas “Resep”...50 3.4 Tabel Propinsi...51 3.5 Tabel Kota...51 3.6 Tabel Resep...51 4.1 Hasil Kuisioner 1...89 4.2 Hasil Kuisioner 2...90 4.3 Hasil Kuisioner 3...90 4.4 Hasil Kuisioner 4...90 4.5 Hasil Kuisioner 5...91 4.6 Hasil Kuisioner 6...91 4.7 Hasil Kuisioner 7...92 4.8 Hasil Kuisioner 8...92 4.9 Hasil Kuisioner 9...94 4.10 Hasil Kuisioner 10...95 4.11 Hasil Kuisioner 11...95 4.12 Hasil Kuisioner 12...96 4.13 Hasil Kuisioner 13...97 4.14 Hasil Kuisioner 14...974.15 Hasil Kuisioner 15...98 4.16 Hasil Kuisioner 16...99 4.17 Hasil Kuisioner 17...99 4.18 Hasil Kuisioner 18...100 4.19 Hasil Kuisioner 19...101 4.20 Hasil Kuisioner 20...101 4.21 Hasil Kuisioner 21...102 4.22 Hasil Kuisioner 22...102 4.23 Hasil Kuisioner 23...103 4.24 Hasil Kuisioner 24...103 4.25 Hasil Kuisioner 25...104 4.26 Hasil Kuisioner 26...104 4.27 Hasil Kuisioner 27...105 4.28 Hasil Kuisioner 28...105
Daftar Pustaka
Anonim, 2010. Android Developers, URL:http://developer.android.com/index. html.
Dharwiyanti, Sri., Wahono, Satria,R,.2003., Pengantar Unified Modeling Language(uml). Didownload pada tahun 2003.
Ed Burnette, 2009, Hello Android 2nd Edition, Pragmatic Bookshelf.
Google IO, Android Anatomy and Physiology, Download 26 Oktober 2009,
http://sites.google.com/site/io/anatomy--physiology-of-an-Android
Junaedy, Cahyo.,2005.,Jendela bernama ensiklopedi. Komunitas Ruang Baca Tempo. 8 Maret 2007. http://ruangbaca.com/berita_buku.
Mulyadi, ST., 2010., "Membuat Aplikasi Untuk Android." In Membuat Aplikasi Untuk Android. Yogyakarta: Multimedia Center Publishing.
Nicolas Gramlich, Andbook : Android Programming, Download 10 Oktober 2009, http://andbook.anddev.org/.
Reto Meier, 2009, Profesional Android Application Development, Wiley Publishing, Canada.
Sayed Y. Hashimi and Satya Komatineni, 2009, Pro Android, Apress Inc.
Shneiderman B.,1992., Designing the User Interface: Strategies for Effective Human-Computer Interaction(2nd edition),Addison-Wesley.
Shneiderman, Ben .,1998., Designing the user interface : Strategies for Effective Human Computer Interconnection, Third Edition. Addison Wesley Longman, Inc, Massacuhsetts.
Shneiderman, B.,2010., Designing the User Interface. Boston: Pearson Higher Education.
Shneiderman, Ben., Plaisant, C.,2010., Designing the User Interface:”Strategies for Effective Human-Computer Interaction”. Fifth edition. Addison Wesley, USA.