Activity Diagram pada Sistem yang Diusulkan

2 Activity Diagram Mencari Data Hotel Gambar 4.8 Activity Diagram Mencari Data Hotel Gambar 4.8 di atas menjelaskan tentang activity diagram mencari data hotel yaitu aktivitas yang terjadi pada sistem diusulkan yang dilakukan oleh pengguna yang bertujuan untuk mencari data hotel dengan filtering. Aktivitas ini dimulai ketika pengguna memilih menu hotel pada sistem, kemudian sistem akan menampilkan halaman daftar hotel, kemudian pengguna memasukkan kata kunci untuk mencari hotel berdasarkan nama atau alamat hotel, selanjutnya sistem akan mencari dengan mem-filter data hotel sesuai kata kunci yang dimasukkkan oleh pengguna untuk kemudian menampilkan hasil pencarian tersebut. Pengguna Sistem Mengakses menu hotel Menampilkan halaman daftar hotel Memasukkan kata kunci untuk mencari hotel berdasarkan nama atau alamat hotel Mencari hotel sesuai kata kunci yang dimasukkan oleh pengguna Menampilkan hasil pencarian 3 Activity Diagram Melihat Rute Hotel Gambar 4.9 Activity Diagram Melihat Rute Hotel Gambar 4.9 di atas menjelaskan tentang activity diagram mencari data hotel yaitu aktivitas yang terjadi pada sistem diusulkan yang dilakukan oleh pengguna yang bertujuan untuk melihat posisi pengguna dan rute menuju hotel. Aktivitas ini dimulai ketika pengguna memilih menu hotel pada sistem, kemudian sistem akan menampilkan halaman daftar hotel, kemudian pengguna memilih hotel yang dicari atau diinginkan untuk selanjutnya sistem menampilkan halaman detail hotel yang berisi nama, klasifikasi, foto, alamat, wilayah, nomor telepon, Sistem Pengguna Mengakses menu hotel Menampilkan halaman daftar hotel Memilih hotel yang dicari Menampilkan halaman detail hotel yang berisi nama, klasifikasi, foto, alamat, wilayah, no telepon, deskripsi hotel dan rute Mengakses rute hotel Menampilkan posisi penguna, posisi hotel dan rute menuju hotel deskripsi, dan rute menuju hotel. Pengguna kemudian memilih rute, dan selanjutnya sistem menampilkan rute dari posisi pengguna menuju hotel tersebut. 4 Activity Diagram Melihat Peta Hotel Gambar 4.10 Activity Diagram Melihat Peta Hotel Gambar 4.10 di atas menjelaskan tentang activity diagram melihat peta hotel yaitu aktivitas yang terjadi pada sistem diusulkan yang dilakukan oleh pengguna yang bertujuan untuk melihat peta lokasi hotel. Aktivitas ini dimulai ketika pengguna memilih menu peta pada sistem, kemudian sistem akan menampilkan halaman peta yang berisi peta lokasi hotel-hotel berbintang di Bandung yang ada di database, kemudian pengguna memilih hotel yang Admin Pengguna Mengakses menu peta Menampilkan halaman peta yang berisi peta lokasi hotel-hotel berbintang di Bandung Memilih hotel yang diinginkan Menampilkan peta lokasi hotel beserta detail hotel berupa nama, alamat dan nomor telepon hotel diinginkan, untuk selanjutnya sistem menampilkan peta lokasi hotel beserta detail hotel berupa nama, alamat dan nomor telepon hotel tersebut. 5 Activity Diagram Memesan Hotel Gambar 4.11 A ctivity Diagram Memesan Hotel Gambar 4.11 di atas menjelaskan tentang activity diagram memesan hotel yaitu aktivitas yang terjadi pada sistem diusulkan yang dilakukan oleh pengguna yang bertujuan melakukan pemesanan atau booking hotel. Aktivitas ini dimulai ketika pengguna mengakses menu booking pada halaman utama, kemudian sistem akan menampilkan halaman rajakamar.com, yaitu salah satu website untuk melakukan pemesanan hotel secara online. Pengguna Sistem Mengakses menu booking Menampilkan halaman rajakamar.com Melakukan pemesanan hotel pada rajakamar.com 6 Activity Diagram Melihat Tentang Gambar 4.12 Activity Diagram Melihat Tentang Gambar 4.12 di atas menjelaskan tentang activity diagram melihat tentang yaitu aktivitas yang terjadi pada sistem diusulkan yang dilakukan oleh pengguna yang bertujuan untuk melihat melihat informasi dan petunjuk mengenai aplikasi. Akttivitas dimulai ketika pengguna memilih menu tentang pada sistem, kemudian sistem akan menampilkan halaman yang berisi informasi mengenai aplikasi. Sistem Pengguna Mengakses menu tentang Menampilkan informasi aplikasi 7 Activity Diagram Mengelola Data Hotel Gambar 4.13 Activity Diagram Mengelola Data Hotel Gambar 4.13 di atas menjelaskan tentang activity diagram mengelola data hotel yaitu aktivitas yang terjadi pada sistem diusulkan yang dilakukan oleh admin yang bertujuan untuk memanipulasi atau mengelola data hotel. Aktivitas dimulai ketika admin membuka aplikasi server, kemudian sistem menampilkan halaman utama atau home. Selanjutnya, admin memilih menu login, lalu sistem menampilkan halaman login yang didalamnya berisi form login. Admin mengisi Admin Sistem Memilih menu login Menampilkan halaman login Memvalidasi username dan password yang dimasukkan Admin Menampilkan halaman pengelola data hotel Mengelola data hotel Menyimpan data hotel yang telah dimanipulasi pada database Mengisi form login dengan memasukkan username dan password False True Membuka aplikasi server Menampilkan halaman utama form login tersebut dengan memasukkan username dan password, selanjutnya sistem memvalidasi username dan password yang dimasukkan admin. Jika username atau password tidak sesuai, maka sistem akan kembali menampilkan hal halaman login dan admin harus mengisi form tersebut dengan data yang benar. Jika username dan password telah sesuai, maka sistem akan menampilkan halaman pengelola data hotel, selanjutnya admin mengelola data hotel. Mengelola data dapat berupa menambah, mengedit, menghapus atau mencari data hotel, selanjutnya admin menyimpan data yang telah dimanipulasi ke dalam database.

4.2.2.3 Class Diagram pada Sistem yang Diusulkan

Class diagram merupakan inti dari proses pemodelan objek. Class diagram adalah kumpulan kelas-kelas objek yang menggambarkan atribut yang melakukan fungsi atau operasi pada sistem. Aplikasi pencarian dan Pemesanan hotel ini memiliki sejumlah kelas yang terdapat di dalam satu package utama yang di dalamnya berisi beberapa pakage. Nama package utama yaitu com.app.hotelbandung dan di dalamnya berisi package adapter, fragment, maps, model, thread dan utility. Masing-masing package ini memiliki beberapa class yang saling berhubungan satu dengan yang lainnya. Gambar di bawah ini menjelaskan class diagram yang berisi kumpulan kelas-kelas pada aplikasi pencarian dan pemesanan hotel, sedangkan packages class tersebut tidak digambarkan. Gambar 4.14 Class Diagram Sistem yang Diusulkan ListHotel -actionBar: ActionBar onCreatesavedInstanceState: Bundle: void -addTab: void MainActivity ~context: Context = this onCreatesavedInstanceState: Bundle: void +hotellist: View: void +petalist: View: void +tentanglist: View: void HotelDetail onCreatesavedInstanceState: Bundle: void +onClickv: View: void SplashScreen onCreatesavedInstanceState: Bundle: void Tentang onCreatesavedInstanceState: Bundle: void ListHotelFragment -classification: int = 0 +ListHotelFragmentclassification: int +ListHotelFragment +onCreateViewinflater: LayoutInflater, container: ViewGroup, savedInstanceState: Bundle: View MyTabListener -tag: String activity: Activity -mFragment: Fragment -fragment: Fragment +MyTabListeneractivity: Activity, tag: String, fragment: Fragment +onTabSelectedtab: Tab, ft: FragmentTransaction: void +onTabUnselectedtab: Tab, ft: fragmentTransaction: void +onTabReseleectedtab: Tab, ft: FragmentTansaction: void MapsDirectionActivity -map: GoogleMap -direction: Direction -extra: Bundle -locManager: LocationManager -locListener: LocationListener -locationLayout: LinearLayout directionLayout: LinearLayout -alamat: TextView -nama: TextView -jarak: TextView -asal: TextView -distance: String -start_address: String +onCreatesavedInstanceState: Bundle: void -getDirectionMapfrom: LatLng, to: LatLng: void +setResultdoc: Document: void -initLocationManager: void -getDirectionlatitude: Double, longitude: Double: void Direction +MODE_DRIVING: String = driving +MODE_WALKING: String = walking +Direction +getDocumentstart: LatLng, end: LatLng, mode: String: Document +getDurationTextdoc: Document: String +getDurationValuedoc: Document: int +getDistanceTextdoc: Document: String +getDistanceValuedoc: Document: int +getStartAddressdoc: Document: String +getEndAddressdoc: Document: String +getCopyRightsdoc: Document: String +getDirectiondoc: Document: ArrayListLatLng -getNodeIndexnl: NodeLIst, nodename: String: int -decodePolyencoded: String: ArrayListLatLng MapsViewActivity -BANDUNG: LatLng = new LatLng-6.9167,107.6000 -map: GoogleMap onCreatesavedInstanceState: Bundle: void HotelListAdapter +Data: ArrayListHotelModel +DataTemp: ArrayListHotelModel +ctx: Context +inflater: LayoutInflater +imageLoader: ImageLoader +HotelListAdapterctx: Context, Data: ArrayListHotelModel +getCount: int +getItemposition: int: Object +getItemIdposition: int: long +getViewposition: int, convenrtView: View, parent: ViewGroup: View +getFilter: Filter Config +SERVER_URL: String = http:10.0.2.2hotelbandung +SERVICE_URL: String = SERVER_URL +service.php +selectedListItem: HotelModel HotelModel -id: int -nama_hotel: String -klasifikasi: String -alamat: String -wilayah: String -telp: String -deskripsi: String -latitude: double -longitude: double -foto: String -classification: int = 0 +HotelModel +HotelModelClassification: int: String +fetchData: String +parseDataResponse: JSONArray: ArrayListHotelModel +getData: ArrayListHotelModel Imodel interface +fetchData: String +parseDataResponse: JSONArrat: ArrayListENTITY +getData: ArrayListENTITY GetHotelTask +animator: ViewAnimator +listView: ListView +ctx: Context +Data: ArrayListHotelModel +searchView: EditText +isMapsActivity: Boolean = false +map: GoogleMap +GetHotelTaskctx: Context, animator: ViewAnimator, listView: ListView, searchView: EditText +GetHotelTaskisMapsActivity: Boolean, map: GoogleMap +inPreanExecute: void +doInBackgroundparams: Integer...: Boolean +onPostExecuteresult: Boolean: void +setFilteradapter: HotelListAdapter: void +setListClick: void +addItemToMap: void 1 1.. 1.. 1.. 1.. 1.. 1.. 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1

4.2.2.4 Sequence Diagram pada Sistem yang Diusulkan

Sequence diagram menggambarkan vissual coding atau perangcangan form dan menggambarkan interaksi objek yang tersusun dalam suatu urutan waktu atau kejadian. Diagram ini secara khusus berasosiasi dengan use case diagram dan memperlihatkan tahap demi tahap yang seharusnya terjadi untuk menghasilkan sesuatu di dalam use case. Gambar berikut memperlihatkan sequence diagram dari aplikasi pencarian dan pemesanan hotel Bandung. 1 Sequence Diagram Melihat Daftar Hotel Gambar 4.15 Sequence Diagram Melihat Daftar Hotel : Pengguna MainActivity.java Hotel Daftar Hotel Detail Hotel Rute Server 1 : Membuka Aplikasi 2 : Tampil Menu Utama 3 : Memilih Menu Hotel 4 : Meminta Daftar Hotel 5 : Memberi daftar hotel 6 : Tampil Daftar Hotel 7 : Memilih Nama Hotel 8 : Meminta Detai Hotel 9 : Memberi Detail Hotel 10 : Tampil Detai Hotel