Perancangan Dan Pembuatan Sistem Informasi Pencarian Tempat Olahraga Berbasis Android - UNS Institutional Repository

  

PERANCANGAN DAN PEMBUATAN SISTEM INFORMASI PENCARIAN TEMPAT

OLAHRAGA BERBASIS ANDROID

  Tugas Akhir Disusun untuk memenuhi salah satu syarat dalam memperoleh gelar Ahli Madya pada Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret.

  Disusun Oleh :

  

JULIO MUHAMMAD PRANADANO

M3114088

PROGRAM DIPLOMA III TEKNIK INFORMATIKA

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS

SEBELAS MARET

2017

  Dengan ini saya menyatakan bahwa dalam laporan Tugas Akhir ini tidak terdapat karya yang pernah diajukan untuk memperoleh gelar kesarjanaan disuatu Perguruan Tinggi dan sepanjang pengetahuan saya juga tidak terdapat karya atau pendapat yang pernah ditulis atau diterbitkan oleh orang lain, kecuali yang secara tertulis diacu dalam naskah ini dan disebutkan dalam Daftar Pustaka.

  Surakarta, 12 Juni 2017 Julio Muhammad Pranadano M3114088

  

"Tiadanya keyakinanlah yang membuat orang takut menghadapi tantangan dan saya percaya

pada diri saya sendiri." (Muhammad Ali)

“Hai orang-orang yang beriman, Jadikanlah sabar dan shalatmu Sebagai penolongmu,

sesungguhnya Allah beserta orang- orang yang sabar”

  (Q.S Al

• – Baqarah:153)

Sebuah karya tulis ini saya persembahkan kepada : 1.

  Allah SWT yang memberikan kemudahan serta rahmat-NYA sehingga penulis dapat menyelesaikan karya tulis ini.

  2. Kedua orang tua saya yang selalu memberikan dukungan baik berupa moril maupun materill

  3. Keluarga besar saya yang selalu memberikan dukungan 4.

  Dosen serta staf pengajar D3 Teknik Informatika, khususnya dosen pembimbing Bapak Sahirul yang selalu memeberikan saran dan masukkan agar selalu menjadi lebih baik.

  5. Teman - teman seperjuangan D3 Teknik Informatika yang sudah banyak membantu dalam proses pengerjaan.

  Puji serta syukur penulis panjatkan ke hadirat Allah SWT yang telah memberikan taufiq serta karunia-Nya sehingga penulis dapat menyelesaikan Kegiatan Tugas Akhir dan dapat menyelesaikan laporan

  Tugas Akhir dengan judul “Perancangan dan Pembuatan Sistem Informasi Pencarian Tempat Olahraga Berbasis Android. Shalawat serta salam penulis curahkan kepada junjungan Nabi Muhammad SAW yang telah menyebarkan agama Islam ke seluruh penjuru bumi dan selalu memikirkan keselamatan umatnya. Semoga kita diberi syafaat di hari kiamat kelak. Amin.

  Dalam menyelesaikan Tugas Akhir serta laporan, penulis banyak mendapat bantuan baik berupa bantuan materiil maupun spiritual dari berbagai pihak. Oleh karena itu, penulis mengucapkan banyak terimakasih kepada : 1.

  Bapak Abdul Aziz, S.Kom.,M.Cs. selaku Kepala Program Studi Diploma III Teknik Informatika FMIPA UNS.

  2. Bapak Sahirul Alim selaku dosen pembimbing Tugas Akhir yang telah banyak memberikan kritik dan saran yang membangun selama pelaksanaan tugas akhir ini.

  3. Keluarga tercita yang selalu mendukung.

  4. Seluruh teman – teman yang telah memberikan semangat dan dukungan.

  Akhirnya penulis mengucapkan kepada semua pihak dan semoga laporan ini bermanfaat bagi semua pihak terutama bagi mahasiswa Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret.

  HALAMAN PENGESAHAN ............................... Error! Bookmark not defined.

  1.6.4 Tahap Implementasi ......................... Error! Bookmark not defined.

  2.2.2 Android Studio ................................. Error! Bookmark not defined.

  2.2.1 Android ............................................ Error! Bookmark not defined.

  2.2 Landasan Teori ........................................ Error! Bookmark not defined.

  2.1 Tinjauan Pustaka ..................................... Error! Bookmark not defined.

  2. BAB II TINJAUAN PUSTAKA .................. Error! Bookmark not defined.

  1.7 Sistematika Penulisan .............................. Error! Bookmark not defined.

  1.6.6 Tahap Pembuatan Laporan .............. Error! Bookmark not defined.

  1.6.5 Tahap Pengujian............................... Error! Bookmark not defined.

  1.6.3 Tahap Analisis Dan Desain .............. Error! Bookmark not defined.

   1.

  1.6.2 Tahap Pengumpulan Data ................ Error! Bookmark not defined.

  1.6.1 Tahap Persiapan ............................... Error! Bookmark not defined.

  1.6 Metodologi .............................................. Error! Bookmark not defined.

  1.5 Batasan Masalah ...................................... Error! Bookmark not defined.

  1.4 Manfaat.................................................... Error! Bookmark not defined.

  1.3 Tujuan...................................................... Error! Bookmark not defined.

  1.2 Rumusan Masalah ................................... Error! Bookmark not defined.

  1.1 Latar Belakang ........................................ Error! Bookmark not defined.

  BAB I PENDAHULUAN ............................. Error! Bookmark not defined.

  2.2.3 MySQL ............................................ Error! Bookmark not defined.

  2.2.5 Entity Relationship Diagram (ERD) Error! Bookmark not defined.

  3.5.3 Relational Database ......................... Error! Bookmark not defined.

  5.1 Kesimpulan.............................................. Error! Bookmark not defined.

  5. BAB V KESIMPULAN DAN SARAN ....... Error! Bookmark not defined.

  4.2.3 Pengujian Usability .......................... Error! Bookmark not defined.

  4.2.2 Pengujian Kompabilitas ................... Error! Bookmark not defined.

  4.2.1 Pengujian Black Box........................ Error! Bookmark not defined.

  4.2 Pengujian ................................................. Error! Bookmark not defined.

  4.1.2 Implementasi Android ..................... Error! Bookmark not defined.

  4.1.1 Implementasi Website ...................... Error! Bookmark not defined.

  4.1 Implementasi ........................................... Error! Bookmark not defined.

  4. BAB IV IMPLEMENTASI DAN PENGUJIANError! Bookmark not defined.

  3.6.2 Perancangan Antar Muka Android .. Error! Bookmark not defined.

  3.6.1 Perancangan Antar Muka Website... Error! Bookmark not defined.

  3.6 Perancangan Antar Muka ........................ Error! Bookmark not defined.

  3.5.2 Deskripsi Basis Data ........................ Error! Bookmark not defined.

  2.2.6 Unified Modelling Language (UML)Error! Bookmark not defined.

  3.5.1 Entity Relation Diagram (ERD)....... Error! Bookmark not defined.

  3.5 Perancangan Basis Data .......................... Error! Bookmark not defined.

  3.4.4 Sequence Diagram ........................... Error! Bookmark not defined.

  3.4.3 Class Diagram .................................. Error! Bookmark not defined.

  3.4.2 Activity Diagram ............................. Error! Bookmark not defined.

  3.4.1 Use Case........................................... Error! Bookmark not defined.

  3.4 Perancangan Sistem................................. Error! Bookmark not defined.

  3.3 Analisis Kebutuhan ................................. Error! Bookmark not defined.

  3.2 Proses Bisnis ........................................... Error! Bookmark not defined.

  3.1 Deskripsi Umum ..................................... Error! Bookmark not defined.

  3. BAB III APLIKASI DAN PERANCANGAN SISTEMError! Bookmark not defined.

  2.2.9 MVC (Model View Controller) ....... Error! Bookmark not defined.

  2.2.8 JSON ................................................ Error! Bookmark not defined.

  2.2.7 Class Diagram .................................. Error! Bookmark not defined.

  5.2 Saran ........................................................ Error! Bookmark not defined. DAFTAR PUSTAKA ............................................ Error! Bookmark not defined.

   DAFTAR TABEL Table 2.1. Simbol ERD menurut Fathansyah (1999)Error! Bookmark not defined.

  Table 3.1.Kebutuhan Fungsional Website ............. Error! Bookmark not defined. Table 3.2.Kebutuhan Fungsional Android ............. Error! Bookmark not defined. Table 3.3.Tabel Administrator ............................... Error! Bookmark not defined. Table 3.4.Tabel Pengelola ...................................... Error! Bookmark not defined. Table 3.5.Tabel User .............................................. Error! Bookmark not defined. Table 3.6.Tabel Kategori ....................................... Error! Bookmark not defined. Table 3.7.Tabel Galeri ........................................... Error! Bookmark not defined. Table 3.8.Tabel Promo ........................................... Error! Bookmark not defined. Table 3.9.Tabel Detail Fasilitas ............................. Error! Bookmark not defined. Table 3.10.Tabel Fasilitas ...................................... Error! Bookmark not defined. Table 3.11.Tabel Tempat ....................................... Error! Bookmark not defined. Table 3.12.Tabel Rating ......................................... Error! Bookmark not defined. Table 3.13.Tabel Token ......................................... Error! Bookmark not defined.

Table 4.1. Pengujian Black Box ............................ Error! Bookmark not defined.Table 4.2. Parameter Pengujian Terhadap Waktu . Error! Bookmark not defined.Table 4.3. Pengujian Usability Testing .................. Error! Bookmark not defined.

  DAFTAR GAMBAR Gambar 3.1. Gambaran Umum Aplikasi ............... Error! Bookmark not defined.

Gambar 3.2. Proses Bisnis ..................................... Error! Bookmark not defined.Gambar 3.3. Use Case Diagram ............................. Error! Bookmark not defined.Gambar 3.4. Activity Lihat Data Pengelola ........... Error! Bookmark not defined.Gambar 3.5. Activity Detail Pengelola .................. Error! Bookmark not defined.Gambar 3.6. Activity Ubah Status Pengelola ........ Error! Bookmark not defined.Gambar 3.7. Activity Lihat Data Fasilitas ............. Error! Bookmark not defined.Gambar 3.8. Activity Ubah Fasilitas...................... Error! Bookmark not defined.Gambar 3.9. Activity Hapus Fasilitas .................... Error! Bookmark not defined.Gambar 3.10. Activity Lihat Data Promo .............. Error! Bookmark not defined.Gambar 3.11. Activity Detail Promo ..................... Error! Bookmark not defined.Gambar 3.12. Activity Lihat Kategori ................... Error! Bookmark not defined.Gambar 3.13. Activity Ubah Kategori ................... Error! Bookmark not defined.Gambar 3.14. Activity Hapus Kategori ................. Error! Bookmark not defined.Gambar 3.15. Activity Lihat Galeri ....................... Error! Bookmark not defined.Gambar 3.16. Activity Lihat Tempat Olahraga ..... Error! Bookmark not defined.Gambar 3.17. Activity Detail Tempat Olahraga .... Error! Bookmark not defined.Gambar 3.18. Activity Detail Galeri Tempat OlahragaError! Bookmark not defined.Gambar 3.19. Activity Ubah Status Tempat OlahragaError! Bookmark not defined.Gambar 3.20. Activity Lihat Tempat Olahraga (Android)Error! Bookmark not defined.Gambar 3.21. Activity Lihat Tempat Berdasarkan Harga Terendah (Android)Error! Bookmark not defined.Gambar 3.22. Activity Lihat Tempat Berdasarkan Rating TertinggiError! Bookmark not defined.Gambar 3.23. Activity Lihat Tempat Berdasarkan Jarak Terdekat (Android)Error! Bookmark not defined.Gambar 3.24. Activity Lihat Tempat Berdasarkan Kategori (Android)Error! Bookmark not defined.Gambar 3.26. Activity Lihat Promo (Android) ..... Error! Bookmark not defined.Gambar 3.27. Activity Detail Promo (Andorid) .... Error! Bookmark not defined.Gambar 3.28. Activity Map (Android) .................. Error! Bookmark not defined.Gambar 3.29. Activity Ubah Data Profil Pengelola (Android)Error! Bookmark not defined.Gambar 3.30. Activity Tambah Promo (Android) . Error! Bookmark not defined.Gambar 3.31. Activity Ubah Informasi Promo (Android)Error! Bookmark not defined.Gambar 3.32. Activity Hapus Promo ..................... Error! Bookmark not defined.Gambar 3.33. Activity Tambah Tempat Olahraga (Android)Error! Bookmark not defined.Gambar 3.34. Activity Ubah Tempat Olahraga (Android)Error! Bookmark not defined.Gambar 3.35. Activity Hapus Tempat Olahraga (Android)Error! Bookmark not defined.Gambar 3.36. Activity Rating (Android) ............... Error! Bookmark not defined.Gambar 3.37. Activity Notifikasi Promo (Android)Error! Bookmark not defined.Gambar 3.38. Activity Tambah Galeri Tempat Olahraga (Android)Error! Bookmark not defined.Gambar 3.39. Activity Hapus Galeri Tempat Olahraga (Android)Error! Bookmark not defined.Gambar 3.40. Class Diagram ................................. Error! Bookmark not defined.Gambar 3.41. Sequence Diagram Login ................ Error! Bookmark not defined.Gambar 3.42. Sequence Diagram Administrator ... Error! Bookmark not defined.Gambar 3.43. Sequence Diagram Pengelola .......... Error! Bookmark not defined.Gambar 3.44. Sequence Diagram Fasilitas ............ Error! Bookmark not defined.Gambar 3.45. Sequence Diagram Kategori ........... Error! Bookmark not defined.Gambar 3.46. Sequence Diagram Promo ............... Error! Bookmark not defined.Gambar 3.47. Sequence Diagram Tempat OlahragaError! Bookmark not defined.Gambar 3.48. Sequence Diagram Grafik ............... Error! Bookmark not defined.Gambar 3.49. Sequence Diagram Lihat Tempat Olahraga (Android)Error! Bookmark not defined.Gambar 3.50. Sequence Diagram Detail Tempat (Android)Error! Bookmark not defined.Gambar 3.51. Sequence Diagram Lihat Tempat Berdasarkan Kategori (Android)Error! Bookmark not defined.Gambar 3.52. Sequence Diagram Promo (Android)Error! Bookmark not defined.Gambar 3.54. Sequence Diagram Kelola Tempat Olahraga (Android)Error! Bookmark not defined.Gambar 3.55. Sequence Diagram Kelola Galeri (Android)Error! Bookmark not defined.Gambar 3.56. Sequence Diagram Kelola Promo (Android)Error! Bookmark not defined.Gambar 3.57. Entity Relation Diagram ................. Error! Bookmark not defined.Gambar 3.58. Relational Database ......................... Error! Bookmark not defined.Gambar 3.59. Perancangan UI Login .................... Error! Bookmark not defined.Gambar 3.60. Perancangan UI Dashboard WebsiteError! Bookmark not defined.Gambar 3.61. Perancangan UI Pengelola Website Error! Bookmark not defined.Gambar 3.62. Perancangan UI Detail Pengelola ... Error! Bookmark not defined.Gambar 3.63. Perancangan UI Fasilitas Website... Error! Bookmark not defined.Gambar 3.64. Perancangan UI Galeri Website ...... Error! Bookmark not defined.Gambar 3.65. Perancangan UI Kategori Website .. Error! Bookmark not defined.Gambar 3.66. Perancangan UI Promo Website ..... Error! Bookmark not defined.Gambar 3.67. Perancangan UI Detail Promo WebsiteError! Bookmark not defined.Gambar 3.68. Perancangan UI Tempat Olahraga WebsiteError! Bookmark not defined.Gambar 3.69. Perancangan UI Detail Tempat Olahraga WebsiteError! Bookmark not defined.Gambar 3.70. Perancangan UI Beranda Android .. Error! Bookmark not defined.Gambar 3.71. Perancangan UI Detail Tempat AndroidError! Bookmark not defined.Gambar 3.72. Perancangan UI Kategori Android .. Error! Bookmark not defined.Gambar 3.73. Perancangan UI Promo Android ..... Error! Bookmark not defined.Gambar 3.74. Perancangan UI Detail Promo AndroidError! Bookmark not defined.Gambar 3.75. Perancangan UI Map Android ........ Error! Bookmark not defined.Gambar 3.76. Perancangan UI Login Pengelola AndroidError! Bookmark not defined.Gambar 3.77. Perancangan UI Register Pengelola AndroidError! Bookmark not defined.Gambar 3.78. Perancangan UI Menu Pengelola AndroidError! Bookmark not defined.Gambar 3.79. Perancangan UI Register Tempat Olahraga AndroidError! Bookmark not defined.Gambar 4.1. Implementasi Login Website ............ Error! Bookmark not defined.Gambar 4.2. Implementasi Dashboard Website .... Error! Bookmark not defined.Gambar 4.4. Implementasi Lihat Detail Pengelola Error! Bookmark not defined.Gambar 4.5. Implementasi Lihat Fasilitas WebisteError! Bookmark not defined.Gambar 4.6. Implementasi Tambah Fasilitas WebsiteError! Bookmark not defined.Gambar 4.7. Implementasi Lihat Galeri ................ Error! Bookmark not defined.Gambar 4.8. Implementasi Lihat Kategori WebsiteError! Bookmark not defined.Gambar 4.9. Implementasi Tambah Kategori WebsiteError! Bookmark not defined.Gambar 4.10. Implementasi Halaman Daftar PromoError! Bookmark not defined.Gambar 4.11. Implementasi Halaman Detail PromoError! Bookmark not defined.Gambar 4.12. Implementasi Lihat Tempat Olahraga WebsiteError! Bookmark not defined.Gambar 4.13. Implementasi Detail Tempat Olahraga WebsiteError! Bookmark not defined.Gambar 4.14. Implementasi Detail Galeri Tempat OlahragaError! Bookmark not defined.Gambar 4.15. Halaman Splash Screen (Android) .. Error! Bookmark not defined.Gambar 4.16. Halaman First Login (Android) ...... Error! Bookmark not defined.Gambar 4.17. Halaman Beranda (Android) ........... Error! Bookmark not defined.Gambar 4.18. Halaman Detail Tempat (Android) . Error! Bookmark not defined.Gambar 4.19. Implementasi Galeri (Android) ....... Error! Bookmark not defined.Gambar 4.20. Halaman Get Direction (Android) .. Error! Bookmark not defined.Gambar 4.21. Halaman Kategori (Android) .......... Error! Bookmark not defined.Gambar 4.22. Halaman Daftar Promo (Android) .. Error! Bookmark not defined.Gambar 4.23. Halaman Detail Promo (Android) ... Error! Bookmark not defined.Gambar 4.24. Halaman Map (Android) ................. Error! Bookmark not defined.Gambar 4.25. Halaman Sort (Android).................. Error! Bookmark not defined.Gambar 4.26. Implementasi Hasil Sort (Android) . Error! Bookmark not defined.Gambar 4.27. Halaman Tentang (Android) ........... Error! Bookmark not defined.Gambar 4.28. Halaman Login Pengelola (Android)Error! Bookmark not defined.Gambar 4.29. Halaman Registrasi Pengelola (Android)Error! Bookmark not defined.Gambar 4.30. Halaman Menu Pengelola (Android)Error! Bookmark not defined.Gambar 4.31. Halaman Profil Pengelola (Android)Error! Bookmark not defined.Gambar 4.32. Halaman edit profil pengelola (Android)Error! Bookmark not defined.Gambar 4.33. Halaman Tambah Tempat (Android)Error! Bookmark not defined.Gambar 4.35. Script Notifikasi .............................. Error! Bookmark not defined.Gambar 4.36. Halaman Tambah Promo (Android) Error! Bookmark not defined.Gambar 4.37. Halaman Bantuan (Android) ........... Error! Bookmark not defined.Gambar 4.38. Pengujian Layar Device Samsung J7 PrimeError! Bookmark not defined.Gambar 4.39. Pengujian Layar Device Asus Zenfone 5Error! Bookmark not defined.

  Olahraga merupakan suatu aktivitas yang menjadi kebutuhan dasar manusia. Setiap olahraga selalu memiliki tempat khusus untuk setiap cabangnya. Informasi terkait tempat olahraga sangat dibutuhkan oleh orang

• – orang yang butuh menyalurkan hobi atau bakatnya di bidang olahraga. Kemudahan informasi yang dapat diterima oleh pengguna dapat memudahkan pengguna dalam menentukan keputusan dalam menentukan tempat olahraga yang ingin dituju. Pengembangan sistem informasi berbasis Android dipilih karena sistem ini banyak digunakan di smartphone dan pengguna dapat dengan mudah dan flexible dalam menerima informasi.

  Sistem Informasi Pencarian Tempat Olahraga ini menggunakan teknologi Client-Server yaitu dengan client berbasis android dengan menggunakan bahasa pemrograman java dan menggunakan tool dalam pembuatannya menggunakan Android Studio. Pada sisi server berbasis menggunakan bahasa pemrograman PHP dengan menggunakan framework CodeIgnter. Perancangan yang digunakan dalam pembuatan Sistem Informasi ini antara lain : Use Case

  

Diagram, Activity Diagram, Sequence Diagram, Entitiy Relation Diagram dan perancangan

desain interface.

  Sistem informasi pencarian tempat olahraga berbasis android ini terdiri dari dua platform yaitu website dan android. Website digunakan oleh administrator sedangkan android digunakan oleh pengelola tempat dan pencari tempat. Pada sistem informasi ini menampilkan informasi tempat olahraga yang meliputi : nama tempat, foto, galeri, harga, alamat, jarak, lokasi, fasilitas hingga menampikan review pengguna. Sementara pada sisi pengelola, sistem ini dapat melakukan management data tempat olahraga.

  Kata Kunci : Tempat Olahraga, Pencarian, Android, Sistem Informasi

  Sport is an activity that becomes human need. Each sport always has a special place for

each branch. Information about sports is needed by people who need to do their hobbies or

talents. Ease of information that can be accepted by the user can facilitate the user in

determining the decision in determining where the sport to go. The development of Android-

based information system is chosen because this system is widely used in smartphones and users

can easily and flexible in receiving information.

  This Sport Tracking System uses Client-Server technology that is with android based

client using java programming language and using Android Studio to make the system. On the

server-based side using the PHP programming language using the CodeIgnter framework. The

design that is used in making this system is: Use Case Diagram, Activity Diagram, Sequence

Diagram, Entitiy Relation Diagram and design interface.

  Sport Tracking System android-based consists of two platforms namely website and

android. Websites are used by administrators while android is used by venue managers and

locators. This information system displays the information of a sports venue that includes: place

name, photo, gallery, price, address, distance, location, facility to show user reviews. While on

the management side, this system can perform data management of sports venues.

  Keyword : Sport, Search, Tracking, Android, System Information