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
Penguji II
Eko Budi Cahyono, S.kom, M.T NIP 108.9504.0330
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
Ir. LAILIS SYAFA’AH, M.T. NIP. 10890090189
Yang Membuat Pernyataan
MUSTONO NIM. 07560079
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. Kata kunci: Ensiklopedia, Multimedia, Resep 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
Keywords: encyclopedia, multimedia, recipes.
cuisine.
KATA PENGANTAR Assalamu’alaikum Warohmatullahi wabarokatuh Alhamdulillah, 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
Penulis,
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 1.5
Batasan Masalah................................................................................ 3 Metodologi Penelitian ……………………………………. ........... 3
1.6
Sistematika Penulisan ……………………………………. ........... 4
Bab II Landasan Teori ................................................................................... 6 2.1
2.2
2.3
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
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
Android
…………………………………………………. ............ 13
2.3.1
Definisi Android………………………………… ............ 13
2.3.2
Anatomi Android………………………………… ........... 13
2.4
2.5
2.3.3
Tipe Aplikasi Android………………………….. ............. 17
2.3.4
Kelebihan Android………………………….. .................. 28
2.3.5
Versi Android………………………………… ................ 19
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
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
3.2
Analisis Kebutuhan Sistem …………………………… ................... 29 3.1.1
Deskripsi Umum Perangkat Lunak………………………29
3.1.2
Kebutuhan Perangkat Lunak…………………………… . 29
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 Menu Login..................................................65
4.3
4.2.3
Implementasi Main Menu………………………………...66
4.2.4
Implementasi Menu Display ……………………………..81
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 Biografi Penulis…………………………………………………… .............. 112
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.29
Perancangan Form List Data ...................................................................... 58
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.29
Potongan Soure code Implementasi Menu Update Kota ........................... 74
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 Menu Display 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 Menu Ditail 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.63
Tampilan Add Propinsi pada Handphone................................................... 86
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
4.73.
Gambar grafik hasil Pengujian Keseluruhan...........................................108
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...................................................................................97
4.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. Tim Ganeca Exact., 2008.,Ensiklopedia: Sains Biologi. Ganeca Exact
