BAB III ANALISA MASALAH DAN PERANCANGAN 3.1 Analisa Masalah Analisa masalah merupakan suatu proses awal pembuatan aplikasi Pembelajaran Pertolongan Pertama saat Kecelakaan Berbasis Mobile ini. analisis ini bertujuan untuk mengetahui hal-hal yang diperlukan dalam pembuatan aplikasi ini sehingga dapat dijadikan acuan teknis dalam perancangannya. Oleh karena itu untuk proses ini harus benar-benar sesuai dengan keinginan user atau pengguna agar hasilnya dapat memuaskan pagi user. Permasalahan yang dihadapi disini adalah kurangnya pengetahuan masyarakat akan pertolongan pertama dan keterbatasan waktu untuk belajar. Oleh karena itu untuk mengatasi hal tersebut diperlukan suatu system yang dapat membantu serta memberikan solusi dari permasalahan yang ada. 3.2 Penyelesaian Masalah Untuk memecahkan masalah diatas maka dibuat suatu aplikaksi pembelajaran berbasis mobile. Dimana si pengguna dapat melakukan pembelajaran kapan saja dimana saja melalui mobile device yang berbasis Android. Dimana si pengguna mendapatkan informasi mengenai pertolongan pertama saat kecelakaan serta tindakan yang harus dilakukan ketika akan melakukan pertolongan pertama baik untuk diri sendiri maupun orang lain melalui aplikasi yang dipasang diperangkat handphone. Pembuatan aplikasi berbasis mobile ini diharapkan dapat membantu untuk menambah pengetahuan masyarakat tentang pertolongan pertama yang dapat diakses kapan saja dan dimana saja. 33
34 3.2 Konsep Konsep aplikasi yang dibyuat dijelaskan dalam table berikut : Tabel 3.1 Deskripsi konsep aplikasi Judul Pengguna Audio Gambar Pembelajaran Pertolongan Pertama saat Kecelakaan Berbasis Mobile Masyarakat umum Menggunakan file format mp3 Menggunakan file format JPG dan PNG 3.3 Perancangan Tampilan Aplikasi Pada bagian ini, penulis akan melakukan perancangan sketsa untuk tampilan antarmuka pada aplikasi. Berikut adalah rancangan-rancangan tampilan tersebut : 3.4.1 Rancangan Menu Utama Pada gambar 3.1 adalah tampilan utama dari aplikasi pada saat pertama kali dijalankan. Tampilan ini berisi background, tombol materi, tombol uji pengetahuan, dan tombol tindakan pertolongan pertama. Pembelajaran Pertolongan Pertama saat Kecelakaan icon Materi ico Uji pengetahuan n Tindakan Pertolongan ico n ico n ico n Pertama Info Keluar Gambar 3.1 Rancangan Tampilan Menu Utama
35 3.4.2 Rancangan Menu Materi Pada gambar 3.2 adalah tampilan list materi dan tampilan materi. Tampilan menu ini adalah rancangan apabila user akan memilih materi. Dan aplikasi akan menampilakan materi yang dipilih user. Pembelajaran Pertolongan Pertama saat Kecelakaan Pembelajaran Pertolongan Pertama saat Kecelakaan Materi 1 Materi 2 Materi 3 Materi 4 Materi 5 Materi 6 Materi 7 Materi 8 Materi 9 <<displaymateri >> Gambar 3.2 Rancangan Tampilan Materi 3.4.3 Rancangan Menu Uji Pengetahuan Pada gambar 3.3 adalah tampilan list Uji Pengetahuan ini berisi kumpulan soal tentang pengetahuan pertolongan pertama. Tipe soal berupa pilihan ganda dengan radio button, dimana user harus menjawab dahulu seluruh soal dan sistem akan menampilkan nilai. Pembelajaran Pertolongan Pertama saat Kecelakaan Uji Pengetahuan 1 Uji Pengetahuan 2 Uji Pengetahuan 3 Uji Pengetahuan 4 Uji Pengetahuan 5 Uji Pengetahuan 6 Uji Pengetahuan 7 Uji Pengetahuan 8 Uji Pengetahuan 9 Pembelajaran Pertolongan Pertama saat <<displaypertanyaan1 >> Ya Tidak Gambar 3.3 Rancangan Tampilan Uji Pengetahuan
36 3.4.4 Rancangan Tindakan Pertolongan Pertama Pada gambar 3.4 ini adalah tampilan mengenai list kategori tindakan pertolongan pertama, jika user memilih salah satu kategori tindakan maka aplikasi akan menampilkan detail tindakan pertolongan pertama. Pembelajaran Pertolongan Pertama saat Kecelakaan Pembelajaran Pertolongan Pertama saat Kecelakaan Tindakan Pertolongan Pertama 1 Tindakan Pertolongan Pertama 2 Tindakan Pertolongan Pertama 3 Tindakan Pertolongan Pertama 4 Tindakan Pertolongan Pertama 5 Tindakan Pertolongan Pertama 6 Tindakan Pertolongan Pertama 7 Tindakan Pertolongan Pertama 8 Tindakan Pertolongan Pertama 9 <<displaydetailtindakan> > Gambar 3.4 Rancangan Tampilan Tindakan Pertolongan Pertama 3.4.5 Rancangan Menu Info Pada gambar 3.4 ini adalah tampilan mengenai list kategori tindakan pertolongan pertama, jika user memilih salah satu kategori tindakan maka aplikasi akan menampilkan detail tindakan pertolongan pertama. Pembelajaran Pertolongan Pertama saat Kecelakaan <<displaydetailinfo>> Gambar 3.5 Rancangan Tampilan Info
37 3.4 Perancangan Sistem Pada bagian ini penulis akan menjelaskan perancangan sistem pembelajaran pertolongan pertama saat kecelakaan berbasis mobile yang meliputi Use Case Diagram untuk menunjukan fungsional suatu aplikasi, pemodelan Activity Diagram untuk mengurutkan aktifitas dalam suatu proses, dan pemodelan Sequence Diagram untuk menggambarkan interaksi antar objek didalam dan disekitar aplikasi. 3.5.1 Diagram Use Case Diagram Use Case menjelaskan system secara fungsional yang terlihat oleh user dalam hal informasi yang disediakan oleh system tersebut. Pada aplikasi pembelajaran pertolongan pertama saat kecelakaan berbasis mobile ini. Use Case berisi interaksi antar komponen yang terdapat pada aplikasi yang diperkenalkan oleh system yang akan dibangun. Aktor/pengguna dapat mengakses menu yaitu materi pertolongan pertama, uji pengetahuan, tindakan pertolongan pertama, dan info. Gambar 3.6 Diagram Use Case
38 Tabel 3.2 Use case Skenario Materi Pertolongan Pertama IDENTIFIKASI Nama Materi pertolongan pertama Deskripsi Pada halaman ini user akan melihat atau mempelajari materi pertolongan pertama Aktor User Pre-Condition Aktor membuja halaman utama Post-Condition Aktor dapat mempelajari materi pertolongan pertama SKENARIO Aksi Aktor Reaksi Sistem Aktor memilih menu Materi Menampilkan list materi pertolongan pertama Aktor memilih salah satu materi Menampilkan detail materi yang dipilih Aktor menekan tombol kembali Menampilkan list materi Aktor memilih kembali ke menu Menampilkan menu utama utama Nama Deskripsi Aktor Aksi Aktor Tabel 3.3 Use Case Skenario Uji Pengetahuan IDENTIFIKASI Aktor memilih menu Uji Pengetahuan Aktor memilih uji pengetahuan Uji Pengetahuan Pada halaman ini user akan mempelajari uji pengetahuan dari pertolongan pertama User SKENARIO Reaksi Sistem Menampilkan list uji pengetahuan Menampilkan form nama, usia, jenis kelamin
39 Lanjutan Tabel 3.3 Mengisi form dan klik simpan Menjawab pertanyaan Aktor memilih kembali ke menu utama Menampilkan soal uji pengetahuan Menampilkan nilai Menampilkan menu utama Tabel 3.4 Use Case Skenario Tindakan Pertolongan Pertama IDENTIFIKASI Nama Tindakan Pertolongan Pertama Deskripsi Pada halaman ini user akan mempelajari tindakan pertolongan pertama Aktor User SKENARIO Aksi Aktor Reaksi Sistem Aktor memilih menu Tindakan Menampilkan list tindakan Pertolongan Pertama pertolongan pertama Aktor memilih tindakan pertolongan Menampilkan detail dari tindakan pertama pertolongan pertama Aktor memilih kembali ke menu Menampilkan menu utama utama Tabel 3.5 Use Case Skenario Info Nama Deskripsi Aktor IDENTIFIKASI Info Pada halaman ini user akan mengetahui buku referensi pembuatan aplikasi ini User
40 Lanjutan Tabel 3.5 Aksi Aktor Aktor memilih menu Info Aktor memilih kembali ke menu utama SKENARIO Reaksi Sistem Menampilkan Daftar referensi buku pembuatan aplikasi ini Menampilkan menu utama 3.5.2 Activity Diagram Activity Diagram adalah diagram yang menggambarkan sequence dari aktivitas-aktivitas dalam sebuah proses termasuk sekuensial dan paralel aktivitas, dan tujuan yang telah dibuat Activity Diagram pada aplikasi Pembelajaran Pertolongan Pertama saat Kecelekaan Berbasis Mobile ini dibuat untuk memperlihatkan perbedaan scenario-skenario yang memungkinkan. 1. Perancangan Activity Diagram Menu Materi Aktifitas dimulai ketika pengguna memilih menu Materi, kemudian system aplikasi akan menampilkan list materi, kemudian pengguna memilih materi dan system akan menampilkan materi yang dipilih oleh pengguna. Gambar 3.7 Activity Diagram Menu Materi
41 2. Perancangan Activity Diagram Menu Uji Penggetahuan Aktifitas dimulai ketika pengguna memilih menu Uji Pengetahuan, kemudian system akan menampilkan list kategori uji pengetahuan, dan pengguna melilih kategori list uji pengetahuan kemudian user memasukan nama, usia, jenis kelamin dan system akan menampilkan pertanyaan yang harus dijawab pengguna untuk melihat hasilnya pengguna harus menjawab seluruh pertanyaan. Gambar 3.8 Activity Diagram Menu Uji Pengetahuan 3. Perancangan Activity Diagram Menu Tindakan Pertolongan Pertama Aktifitas dimulai ketika pengguna memilih menu tindakan pertolongan pertama, kemudian system akan menampilkan list kategori tindakan pertolongan pertama, dilanjutkan pengguna memilih list kategori pertolongan pertama dan system akan menampilkan detail tindakan pertolongan pertama.
42 Gambar 3.9 Activity Diagram Menu Tindakan Pertolongan 4. Perancangan Activity Diagram Menu Info Aktifitas dimulai ketika pengguna memilih menu info, kemudian system akan menampilkan detail info. Gambar 3.10 Activity Diagram Menu Info 3.5.3 Sequence Diagram Squence diagram digunakan untuk menentukan urutan alur proses dari masing - masing use case dalam pembuatan aplikasi perangkat lunak.
43 Gambar 3.11 Sequence Diagram Menu Materi Gambar 3.12 Sequence Diagram Menu Uji Pengetahuan
44 Gambar 3.13 Sequence Diagram Menu Tindakan Pertolongan Gambar 3.14 Sequence Diagram Menu Info
45 3.5.1 Class Diagram Gambar 3.15 Class Diagram Pembelajaran Pertolongan Pertama Berbasis Mobile
46