BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1. Gambaran Umum Tahap penelitian system pada perencanaan ini menggunakan perancangan terstruktur (Structured Systems Analisys and Design/SSAD), dengan menerapkan model pengembangan waterfall tahapannya sebagai berikut: 1. Menganalisis kebutuhan aplikasi pendakian gunung 2. Menentukan tahap pengembangan aplikasi pendakian gunung 3. Menentukan perancangan alur data aplikasi pendakian gunung 4. Merancang design dan code aplikasi pendakian gunung 3.2. Analisis Sumber data penelitian ini pengumpulan datanya dilakukan sebagai berikut : 1. Metode Observasi Observasi adalah suatu cara pengumpulan data dengan pengamatan dan pencatatan secara sistematis terhadap objek yang akan diteliti. Observasi dilakukan dengan cara pengamatan dan pencatatan mengenai tata cara pendakian gunung mulai dari persiapan hingga perlengkapan yang dibutuhkan. 2. Metode Wawancara Wawancara dilakukan dengan pemilik usaha tour travel dan sekaligus sebagai tour guide yang melaksanakan pendampingan pendakian. Wawancara dalam penelitian ini dilakukan untuk mengetahui proses tatacara pendakian gunung. 28
29 Untuk menentukan skema perancangan sistem terlebih dahulu memahami tata cara pendakian gunung. Tata cara pendakian gunung berawal dari pencarian informasi gunung, persiapan, dan pelaksanaan pendakian. Proses pendakian gunung adalah sebagai berikut: 1. Pendaki mencari informasi gunung seperti karakter gunung (trek yang sulit / tidak), lokasi gunung (gunung yang dekat dengan tempat tinggal pendaki), ketinggian, keindahan alamnya, dan informasi lain yang dibutuhkan. 2. Persiapan pendakian gunung. Dalam melakukan persiapan pendakian, hal yang harus dilakukan adalah: a. Perencanaan : Pendaki mempertimbangkan hal seperti informasi gunung, (rincian waktu tempuh perjalanan, karakteristik gunung, mata air), rencana perjalanan, menentukan tujuan, pemilihan jalur pendakian, tingkat bahaya dan team work. b. Perlengkapan pendakian : Perlengkapan yang dibawa akan menentukan hasil dari pendakian. Pendaki akan mempersiapkan perlengkapan untuk pribadi maupun tim. c. Proses perizinan : Pendaki atau tour guide mengurus perizinan sebelum pendakian, dengan adanya perizinan jika ada suatu hal yang tidak diinginkan maka pihak yang berwajib dapat memberikan pertolongan secepat mungkin. d. Proses manajemen pendakian: Para pendaki mengatur segala persiapan mulai dari waktu, tujuan anggota dan lain sebagainya. 3. Navigasi : Dengan informasi gunung dan persiapan yang sudah dilakaukan sebelumnya, pendakian menjadi aman dan tenang. Dalam pendakian kita membutuhkan kompas navigasi untuk memberikan arah yang tepat untuk tuuan kita.
30 4. Tips dan Trik pendakian : Mempelajari tips dan trik pendakian, Hal ini dibutuhkan oleh para pendaki untuk menghadapi tantangan di alam bebas yang sebenarnya. 3.3. Tahap Pengembangan Aplikasi Tahap pengembangan system pada penelitian ini menggunakan proses waterfall, dengan tahapan sebagai berikut: 1. Analisis Kebutuhan Pengguna Analisis kebutuhan pengguna diperlukan agar pengembangan aplikasi tersebut tepat sasaran dan dapat difungsikan dengan baik sebagai aplikasi informasi tour guide wisata pendakian gunung. Berdasarkan hasil pengamatan penulis dapat di uraikan kebutuhan pengguna sebagai berikut: a. Aplikasi dapat memberikan informasi dan lokasi gunung dengan google maps. b. Aplikasi dapat memberikan informasi persiapan pendakian. c. Aplikasi dapat memberikan informasi perencanaan, perlengkapan, perizinan dan manajemen pendakian. d. Aplikasi mnampilkan kompas sebagai penunjuk arah. e. Aplikasi memberikan tips dan trik pendakian. 2. Analisis Pembagian Sistem Account Setiap Account memiliki fungsi yang berbeda, diantaranya adalah: a. Admin Admin dapat mengelola infromasi gunung melalui web base. Yang disajikan berupa menu setting (Nama, lokasi, longitude, latitude, deskripsi). Dengan update melalui web base, maka menu informasi gunung akan bertambah sesuai dengan yang telah diinput.
31 b. atau pengguna dapat mengakses informasi lokasi gunung, persiapan, mengakses kompas, perbekalan yang dibutuhkan dan mendapatkan tips dan trik yang diperlukan. 3. Analisis Spesifikasi Analisis spesifikasi dilakukan untuk menentukan perangkat yang digunakan agar aplikasi ini dapat dijalankan. Ada dua jenis perangkat : a. Perangkat Keras Perangkat Keras yang digunakan sebagai berikut: 1) Komputer / Laptop 2) Mobile 3) Modem b. Perangkat Lunak Perangkat Lunak yang digunakan sebagai berikut: 1) PHP 2) MyQL 1.7.3 3) Eclipse Mars 4) Adobe Photoshop CS4 3.3.1. Use Case Diagram Diagram Use Case adalah diagram yang menunjukkan fungsionalitas suatu sistem atau kelas dan bagaimana sistem tersebut berinteraksi dengan dunia luar dan menjelaskan sistem secara fungsional yang terlihat user.
Extend() 32 Menambah Data Include() Membuka Web Base Include() Update Data Admin Include() Delete Data Gambar 3.1 Use Case Diagram Admin Detail Informasi Extend() Melihat Informasi Gunung Perencanaan Extend() Melihat Kompas Extend() Perlengkapan Actor Melihat Persiapan Extend() Perizinan Melihat Tips & Trik Manajemen Gambar 3.2 Use Case Diagram
33 3.3.1.1. Definisi Actor Dijelaskan dalam bentuk tabel berikut: Tabel 3.1 Definisi Aktor No Actor Deskripsi AC-01 AC-02 Admin dapat menjalankan menu informasi gunung, persiapan, kompas, dan Tips dan Trik. Admin mengelola informasi gunung melalui web base. 3.3.1.2. Definisi Use Case Dijelaskan dalam bentuk tabel berikut: Tabel 3.2 Definisi Use Case No Use Case Deskripsi UC-01 UC-02 UC-03 UC-04 Informasi Gunung Persiapan Kompas Tips & Trik Sistem menampilkan informasi gunung yang terdiri dari deskripsi dan lokasi gunung (google Maps). Sistem menampilkan instruksi yang harus dilakukan untuk persiapan pendakian, berupa Perencanaan, Perizinan, Perlengkapan dan Manajemen pendakian. Sistem menampilkan kompas navigasi penunjuk arah. Sistem menampilkan informasi tips dan trik pendakian.
34 3.3.1.3. Skenario Use Case Tabel 3.3 Skenario Use Case Informasi Gunung Admin No UseCase UC-01 No Actor AC-01 Nama UseCase Informasi Gunung Kondisi Awal Sistem menampilkan web base informasi gunung Aksi Actor Reaksi Sistem 1. Membuka web base informasi gunung 2. Sistem menampilkan informasi gunung 3. Menekan tombol simpan 4. Sistem menambahkan informasi yang diisi pada form. 5. Menekan tombol edit 6. Sistem menampilkan data yang akan diedit kedalam form informasi gunung. 7. Menekan tombol update 8. Sistem mengupdate data yang telah diedit. 9. Menekan tombol delete 10. Sistem menghapus data yang dipilih dari database.
35 Tabel 3.4 Skenario Use Case Informasi Gunung No UseCase UC-01 Nama Actor AC-02 Nama UseCase Informasi Gunung Kondisi Awal Sistem menampilkan menu utama Aksi Actor Reaksi Sistem 1. Memilih menu informasi gunung 2. Sistem menampilkan list nama gunung 3. Memilih nama gunung 4. Sistem menampilkan deskripsi dan maps gunung (google Maps) 5. Mengetik nama gunung pada form cari gunung 6. Klik Cari 7. Sistem menampilkan list nama gunung (sesuai keyword) 8. Menekan Spinner Cari 9. Sistem Menampilkan list lokasi daerah gunung 10. Memilih daerah gunung 11. Sistem manampilkan nama list gunung sesuai daerahnya
36 Tabel 3.5 Skenario Use Case Persiapan No UseCase UC-02 Nama Actor AC-02 Nama UseCase Persiapan Kondisi Awal Sistem menampilkan menu utama Aksi Actor Reaksi Sistem 1. Memilih menu persiapan 2. Sistem menampilkan informasi yang diperlukan untuk mendaki gunung. 3.Menekan tombol back 4. Sistem kembali ke menu utama Tabel 3.6 Skenario Use Case Kompas No UseCase UC-03 Nama Actor AC-02 Nama UseCase Kompas Kondisi Awal Sistem menampilkan menu utama Aksi Actor Reaksi Sistem 1. Memilih menu kompas 2. Sistem menampilkan navigasi kompas (penunjuk arah) 3. Memutar arah SmartPhone 4. Sistem menunjukkan arah.
37 Tabel 3.7 Skenario Use Case Tips dan Trik No UseCase UC-04 Nama Actor AC-02 Nama UseCase Tips dan Trik Kondisi Awal Sistem menampilkan menu utama Aksi Actor Reaksi Sistem 1. Memilih menu Tips dan Trik 2. Sistem menampilkan tips dan trik pendakian gunung 3.Menekan tombol back 4. Sistem kembali ke menu utama 3.3.2. Activity Diagram Activity diagram menggambarkan berbagai alir aktivitas dalam sistem yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi, dan bagaimana mereka berakhir. Activity diagram juga dapat menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi. Activity diagram merupakan state diagram khusus, di mana sebagian besar state adalah action dan sebagian besar transisi di-trigger oleh selesainya state sebelumnya (internal processing). Oleh karena itu activity diagram tidak menggambarkan behaviour internal sebuah sistem (dan interaksi antar subsistem) secara eksak, tetapi lebih menggambarkan proses-proses dan jalur-jalur aktivitas dari level atas secara umum
38 1. Activity Diagram Informasi Gunung Admin Admin System Membuka Web Base Menampilkan form informasi dan data gunung Menginput data pada form informasi gunung Menerima Input Dari Admin Terima data Tidak lengkap Konfirmasi Data Data Tidak Lengkap Data Lengkap Data Lengkap Menerima Data Lengkap Menekan tombol Delete Menyimpan data kedalam Database Menekan tombol Edit Menghapus data pada database Menekan tombol Update Menampilkan data pada form Menerima Informasi Terupdate Mengupdate data pada database Menampilkan Informasi Terupdate Gambar 3.3 Activity Diagram Informasi Gunung Admin
39 2. Activity Diagram Informasi Gunung System Memilih Menu Informasi Gunung Menampilkan list data gunung Mengetikkan nama gunung pada kolom cari Menampilkan list nama gunung Sesuai keyword Menekan list spinner Menampilkan daftar lokasi gunung Menekan lokasi gunung Menampilkan Nama gunung sesuai daerahnya berada Menekan nama gunung Menampilkan Deskripsi dan lokasi dengan google maps Menekan mark lokasi gunung pada maps Direct ke google Maps Menerima Informasi Gambar 3.4 Activity Diagram Informasi Gunung
40 3. Activity Diagram Persiapan System Memilih Menu Persiapan Menampilkan Sub-Menu Persiapan Memilih Menu Perencanaan Menampilkan Sub-Menu Perencanaan, Perlengkapan Perizinan, Manajemen Memilih Menu Perlengkapan Menampilkan Informasi Perencanaan Memilih Menu Perizinan Menampilkan Informasi Perlengkapan Memilih Menu Manajemen Menampilkan Informasi Perizinan Menerima Informasi Persiapan Menampilkan Informasi Manajemen Pendakian Gambar 3.5 Activity Diagram Persiapan
41 4. Activity Diagram Sub-Menu Persiapan (Perencanaan) System Memilih Menu Perencanaan Menampilkan Informasi Persiapan Pendakian Menerima Tampilan Persiapan Gambar 3.6 Activity Diagram Sub-Menu Persiapan (Perencanaan) 5. Activity Diagram Sub-Menu Persiapan (Perlengkapan) System Memilih Menu Perlengkapan Menampilkan Informasi Perlengkapan Pendakian Menerima Tampilan Perlengkapan Gambar 3.7 Activity Diagram Sub-Menu Persiapan (Perlengkapan)
42 6. Activity Diagram Sub-Menu Persiapan (Perizinan) System Memilih Menu Perizinan Menampilkan Informasi Perizinan Pendakian Menerima Tampilan Perizinan Gambar 3.8 Activity Diagram Sub-Menu Persiapan (Perizinan) 7. Activity Diagram Sub-Menu Persiapan (Manajemen) System Memilih Menu Manajemen Menampilkan Informasi Manajemen Pendakian Menerima Tampilan Manajemen Gambar 3.9 Activity Diagram Sub-Menu Persiapan (Manajemen)
43 8. Activity Diagram Kompas System Memilih Menu Kompas Menampilkan Kompas Menerima Tampilan Kompas Gambar 3.10 Activity Diagram Kompas 9. Activity Diagram Tips dan Trik System Memilih Menu Tips dan Trik Menampilkan Informasi Tips dan Trik Pendakian Menerima Tampilan Tips dan Trik Gambar 3.11 Activity Diagram Tips dan Trik
44 3.3.3. Sequence Diagram Sequence Diagram menjelaskan secara detail urutan proses yang dilakukan sistem untuk mencapai tujuan dari Use Case. Interaksi yang terjadi antar class operasi apa saja yang terlibat, urutan antar operasi dan informasi yang diperlukan oleh masing masing operasi. 1. Sequence Diagram Informasi Gunung Admin Informasi Gunung Menu Simpan Menu Edit Menu Update Menu Delete Admin 1. Dislplay() 2. Add_Data() 3. Menyimpan_Data() 4. Edit_Data() 5. Menyimpan Edit Data() 6. Update_Data() 7. Menyimpan Hasil Update_Data() 8. Delete_Data() 9. Delete database() 10. Menampilkan Data Lengkap Gambar 3.12 Sequence Diagram Informasi Gunung Admin
45 2. Sequence Diagram Informasi Gunung Menu Utama Informasi Gunung Nama Gunung Deskripsi Gunung Google Maps 1. Dislplay() 2. Menu Informasi Gunung() 3 List Nama Gunung() 4. Deskripsi Gunung() 5. Menampilkan Deskripsi Gunung() 6. Lokasi Gunung() 7. Menampilkan rute Lokasi() 5. Menampilkan Deskripsi Gunung() Gambar 3.13 Sequence Diagram Informasi Gunung 3. Sequence Diagram Persiapan Menu Utama Persiapan Perencanaan Perlengkapan Perizinan Manajemen 1. Dislplay() 2. Menu Persiapan() 4. Sub Menu Persiapan() 5. Show Persiapan() 6. Sub Menu Pelengkapan() 7. Show Perlengkapan() 8. Sub Menu Perizinan() 9. Show Perizinan() 10. Sub Menu Manajemen() 3. Show Manajemen() 3. Show Persiapan() Gambar 3.14 Sequence Diagram Persiapan
46 4. Sequence Diagram Sub Menu Persiapan (Perencanaan) Menu Utama Persiapan Perencanaan 1. Dislplay() 2. Menu Persiapan() 3. Sub Menu Perencanaan() 4. Show Perencanaan() Gambar 3.15 Sequence Diagram Sub Menu Persiapan (Perencanaan) 5. Sequence Diagram Sub Menu Persiapan (Perlengkapan) Menu Utama Persiapan Perlengkapan 1. Dislplay() 2. Menu Persiapan() 3. Sub Menu Pelengkapan() 4. Show Perlengkapan() Gambar 3.16 Sequence Diagram Sub Menu Persiapan (Perlengkapan)
47 6. Sequence Diagram Sub Menu Persiapan (Perizinan) Menu Utama Persiapan Perizinan 1. Dislplay() 2. Menu Persiapan() 3. Sub Menu Perizinan() 4. Show Perizinan() Gambar 3.17 Sequence Diagram Sub Menu Persiapan (Perizinan) 7. Sequence Diagram Sub Menu Persiapan (Manajemen) Menu Utama Persiapan Manajemen 1. Dislplay() 2. Menu Persiapan() 3. Sub Menu Manajemen() 4. Show Manajemen() Gambar 3.18 Sequence Diagram Sub Menu Persiapan (Manajemen)
48 8. Sequence Diagram Kompas Menu Utama Kompas 1. Dislplay() 2. Menu Kompas() 3. Show Kompas() Gambar 3.19 Sequence Diagram Kompas 9. Sequence Diagram Tips dan Trik Menu Utama Tips dan Trik 1. Dislplay() 2. Menu Tips dan Trik() 3. Show Tips dan Trik() Gambar 3.20 Sequence Diagram Tips dan Trik
49 3.3.4. Class Diagram Class diagram digunakan untuk menampilkan kelas kelas dan peket- paket di dalam sistem, class diagram memberikan gambaran relasi antar kelas, Kelas terdiri dari atribut dan operasinya. Informasi Gunung Web_Base + Informasi Gunung + Mengelola Informasi Gunung + List Nama Gunung + Melihat() + Nama Gunung + Alamat + Deskripsi + Daerah + Latitude + Longitude + Simpan() + Edit() + Update() + Delete() Menu Utama + Informasi Gunung + Persiapan + Kompas + Tips dan Trik + Melihat() Sub_Menu Persiapan + Perencanaan + Perlengkapan + Perizinan + Manajemen + Melihat() Perencanaan + Informasi tentang persiaapan pendakian Perlengkapan + Informasi tentang perlengkapan pendakian Perizinan + Informasi tentang perizinan pendakian Nama Gunung + Informasi tentang Gunung + Lokasi Gunung + Map() + Lokasi Gunung() Tips dan Trik + Informasi tentang Tips dan Trik Pendakian Kompas + Melihat navigasi melalui kompas Manajemen + Informasi tentang Manajemen pendakian Gambar 3.21 Class Diagram Aplikasi Pendakian Gunung 3.3.5. Perancangan Antar Muka (Interface) Perancangan Antar Muka (interface) adalah bagian yang penting dalam aplikasi, karena yang pertama kali dilihat ketika aplikasi dijalankan adalah tampilan antarmuka (interface)aplikasi.
50 1. Perancangan Antar Muka Web Base Web Base digunakan untuk mengelola informasi yang akan ditampilkan pada aplikasi tour guide wisata pendakian gunung berbasis android. Tombol simpan, untuk menyimpan data yang telah diinputkan pada form informasi. Reset, untuk set ulang form informasi yang sudah terisi. Edit, untuk menampilkan data pada form informasi yang akan di edit, dan tombol Update untuk save data yang telah di edit. Tombol Delete, untuk menghapus informasi pada database. Web base ini hanya bisa diakses oleh admin, dan tidak dapat menerima inputan dari user. No ID Nama Gunung Alamat Deskripsi Latitude Longitude Daerah Gambar : : : : : : Spinner Browse Simpan Reset Update ID Nama Gunung Alamat Deskripsi Latitude Longitude Aksi Edit Edit Deleted Deleted Gambar 3.22 Perancangan Antar Muka Web Base
51 2. Perancangan Antar Muka Splash Screen Splash screen adalah semacam tampilan tambahan yang akan muncul saat kita pertama kali membuat suatu aplikasi. Form ini dirancang untuk menampilkan ucapan selamat datang kepada user yang akan menggunakan aplikasi. NAMA APLIKASI Image Gambar 3.23 Perancangan Antar Muka Splash Screen
52 3. Perancangan Antar Muka Menu Utama Menu utama adalah tampilan yang akan menyediakan button menu utama pada aplikasi. Pada aplikasi ini Menu utama adalah button informasi gunung, persiapan, kompas dan tips and trik. NAMA APLIKASI INFORMASI GUNUNG PERSIAPAN Image KOMPAS TIPS DAN TRIK Gambar 3.24 Perancangan Antar Muka Menu Utama
53 4. Perancangan Antar Muka Menu Informasi Gunung Informasi gunung adalah menu yang akan memperlihatkan deskripsi dan informasi gunung beserta lokasinya dengan menggunakan google maps. INFORMASI GUNUNG Deskripsi dan Informasi gunung Google Maps Gambar 3.25 Perancangan Antar Muka Menu Informasi Gunung
54 5. Perancangan Antar Muka Menu Persiapan Menu Persiapan adalah menu yang akan memberikan informasi tentang perencanaan, persiapan, perizinan dan manajemen pendakian gunung. Informasi tersebut dibuat menjadi submenu pada menu persiapan. PERSIAPAN PERENCANAAN PERLENGKAPAN Image KOMPAS MANAJEMEN Gambar 3.26 Perancangan Antar Muka Menu Persiapan
55 6. Perancangan Antar Muka Menu Perencanaan Sub-Menu persiapan salah satunya adalah menu perencanaan, menu ini menampilkan informasi seputar perencanaan yang sebaiknya dilakukan untuk menghadapi perjalanan pendakian gunung. PERENCANAAN Informasi Perencanaan Pendakian Gunung Gambar 3.27 Perancangan Antar Muka Menu Perencanaan
56 7. Perancangan Antar Muka Menu Perlengkapan Sub-Menu persiapan salah satunya adalah menu perlengkapan, menu ini menampilkan informasi seputar perlengkapan yang dibutuhkan untuk melakukan pendakian gunung. PERLENGKAPAN Informasi Perlengkapan Pendakian Gunung Gambar 3.28 Perancangan Antar Muka Menu Perlengkapan
57 8. Perancangan Antar Muka Menu Perizinan Sub-Menu persiapan salah satunya adalah menu perizinan, menu ini menampilkan informasi seputar perizinan yang dibutuhkan sebelum melakukan pendakian gunung. PERIZINAN Informasi Perizinan Pendakian Gunung Gambar 3.29 Perancangan Antar Muka Menu Perizinan
58 9. Perancangan Antar Menu Manajemen Sub-Menu persiapan salah satunya adalah menu manajemen, menu ini menampilkan informasi seputar manajemen pendakian yang sebaiknya dilakukan untuk melakukan pendakian gunung. MANAJEMEN Informasi Manajemen Pendakian Gunung Gambar 3.30 Perancangan Antar Muka Menu Manajemen
59 10. Perancangan Antar Muka Menu Kompas Menu kompas adalah menu yang menampilkan kompas navigasi yang dapat digunakan sebagai penunjuk arah saat pendakian gunung. KOMPAS KOMPAS Gambar 3.31 Perancangan Antar Muka Menu Kompas
60 11. Perancangan Antar Muka Menu Tips dan Trik Menu tips dan trik adalah menu yang menampilkan informasi tentang tips dan trik yang dapat digunakan untuk persiapan dan menghadapi pendakian gunung. TIPS DAN TRIK Informasi tentang Tips dan trik pendakian gunung Gambar 3.32 Perancangan Antar Muka Menu Tips dan Trik