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
pembelajaran
berbasis
masalah diatas
mobile.
Dimana
maka si
dibuat suatu aplikaksi
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
ico n ico Pertama n ico n ico n
Materi Uji pengetahuan Tindakan
Pertolongan
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
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
Pembelajaran Pertolongan Pertama saat Kecelakaan
Uji Pengetahuan 1 Uji Pengetahuan 2 Uji Pengetahuan 3
<> Ya Tidak
Uji Pengetahuan 4 Uji Pengetahuan 5 Uji Pengetahuan 6 Uji Pengetahuan 7 Uji Pengetahuan 8 Uji Pengetahuan 9
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
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
<>
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 Tabel 3.3 Use Case Skenario Uji Pengetahuan IDENTIFIKASI Nama
Uji Pengetahuan
Deskripsi
Pada halaman ini user akan mempelajari uji pengetahuan dari pertolongan pertama
Aktor
User SKENARIO
Aksi Aktor
Reaksi Sistem
Aktor memilih menu Uji Pengetahuan
Menampilkan list uji pengetahuan
Aktor memilih uji pengetahuan
Menampilkan form nama, usia, jenis kelamin
39
Lanjutan Tabel 3.3 Mengisi form dan klik simpan
Menampilkan soal uji pengetahuan
Menjawab pertanyaan
Menampilkan nilai
Aktor memilih kembali ke menu
Menampilkan menu utama
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 IDENTIFIKASI Nama
Info
Deskripsi
Pada halaman ini user akan mengetahui buku referensi pembuatan aplikasi ini
Aktor
User
40
Lanjutan Tabel 3.5 SKENARIO Aksi Aktor
Reaksi Sistem
Aktor memilih menu Info
Menampilkan Daftar referensi buku pembuatan aplikasi ini
Aktor memilih kembali ke menu
Menampilkan menu utama
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
masing - masing use case dalam pembuatan aplikasi perangkat lunak.
dari
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
