39
BAB III
PERANCANGAN SISTEM
3.1 Perancangan Kebutuhan Perangkat Lunak
Menurut Kristanto 2004, Perangkat lunak Sofware adalah instrukturprogram
computer yang ketika dijalankan menyediakan fungsi dan tampilan yang diinginkan, struktur data yang member kesempatan program untuk memanipulasi imformasi dan
dokumen yang mendeskripsikan operasi dan penggunaan program. Adapun perangkat lunak software yang dibutuhkan untuk membuat aplikasi
cerita rakyat berbasis android ini adalah sebagai berikut: 1.
Windows 7 Ultimate 2.
Java 3.
Eclipse Juno 4.
ADT 5.
SQLite Manager
3.2 Analisis Kebutuhan Perangkat Keras
Adapun perangkat keras hardware yang dibutuhkan untuk membuat aplikasi cerita rakyat berbasis android adalah sebagai berikut :
1. Komputer.
Komputer digunakan sebagai sarana untuk membangun sistem aplikasi yang akan dibuat.
2. Handphone.
Handphone digunakan untuk melakukan uji coba aplikasi yang telah dibuat untuk mengetahui apakah aplikasi tersebut telah memunuhi spesifikasi yang
diinginkan. Karena uji coba yang dilakukan pada emulator di komputer belum tentu dapat dijalankan dengan baik di handphone sesungguhnya.
3.3 Perancangan Sistem
Perancangan merupakan bagian penting dalam pembuatan suatu sistem aplikasi. Perancangan sistem ini dimaksudkan untuk memberikan gambaran umum tentang
aplikasi yang dibuat.
3.3.1 Perancangan UML
Untuk memperjelas tentang gambaran sistem, maka penulis membuat UML dengan empat diagram, yaitu Use Case diagram, Activity diagram, Sequence diagram
dan Class diagram.
3.3.2 Use Case Diagram
Use case diagram menggambarkan fungsionalitas yang diharapkan dari sebuah sistem.
Yang ditekankan adalah “apa” yang diperbuat sistem, dan bukan “bagaimana”. Menggambarkan kebutuhan sistem dari sudut pandang user. Berikut ini adalah
interaksi antara aktor dengan sistem yang ada pada aplikasi ini :
user Menu Utama
memilih bahasa inggrisindonesia
mengambil data saat splashscreen
mengetahui lokasi wisata
menampilkan petunjuk arah
Nearby
menampilkan daftar favorit
Favorite
menampilkan daftar cerita
memfavoritkan cerita
mencari cerita membagi cerita
Story
menampilkan about
About
menampilkan help
Help
«uses» «uses»
include include
Gambar 3.1 Diagram Usecase Legend Story
3.3.3 Skenario Usecase
Skenario Usecase digunakan untuk menjelaskan alur kinerja atau step-step tiap use case melalui skenario.
Berikut adalah penjelasan tiap usecase :
3.3.3.1 Skenario Usecase Menu Utama
Nama Use Case
Menu Utama Aktor
User Deskripsi
Use Case Usecase ini menampilkan proses user membuka menu
utama Kondisi
Awal User telah menginstall aplikasi
Pemicu Usecase ini digunakan untuk user menjalankan aplikasi
Langkah Umum
Kegiatan Aktor Respon Sistem
Langkah 1 : Menjalankan aplikasi
Langkah 2 : Sistem menampilkan
splash screen Langkah 3 :
Sistem mengambil semua data yang berada
pada server dan menyimpan pada
database lokal Langkah 4 :
Sistem menampilkan menu utama
Langkah alternatif
Langkah 1 : user menekan tombol back ,sistem akan keluar dari aplikasi
Kesimpulan Usecase berhenti saat user berhasil masuk pada menu utama
Tabel 3.1 Skenario Usecase Menu Utama
3.3.3.2
Skenario Usecase Story
1. Menampilkan daftar cerita
Nama Use Case
Menampilkan daftar cerita Aktor
User Deskripsi
Use Case Usecase ini menggambarkan proses user melihat seluruh
data cerita Kondisi
Awal User sudah masuk ke menu utama
Pemicu Usecase ini digunakan untuk menampilkan seluruh data
cerita Langkah
Umum Kegiatan Aktor
Respon Sistem Langkah 1 :
User akan menekan tombol “story”
Langkah 3 : User akan memilih salah satu
cerita yang ada pada daftar dengan menekannya
Langkah 2: Sistem hanya
menampilkn semua data
“title” yang tersimpan di database lokal dan
menampilkan secara listing
Langkah 4 : Sistem akan
menampilkan seluruh data cerita yang dipilih
Langkah alternatif
Langkah 2 : User menekan tombol bergambar kaca pembesar untuk mencari cerita yang diinginkan
Kesimpulan Usecase berhenti saat user telah berhasil memasuki halaman detail cerita yang diinginkan
Tabel 3.2 Skenario Usecase daftar cerita
2. Memfavoritkan cerita
Nama Use Case
Memfavoritkan cerita Aktor
User Deskripsi
Use Case Usecase ini menampilkan proses user untuk
memfavoritkan cerita Kondisi
Awal User sudah masuk pada halaman detail cerita
Pemicu Usecase ini digunakan memfavoritkan cerita yang ingin
ditandai oleh user Langkah
Umum Kegiatan Aktor
Respon Sistem Langkah 1 :
User memilih tombol dengan gambar bintang , berada pada
kiri bawah halaman detail cerita
Langkah 2 : Sistem akan menandai
dan memindahkan “id” data cerita yang dipilih
pada halaman favorite Langkah 3 :
Tombol akan berubah warna jika data sudah
tersimpan
Langkah alternatif
Langkah 1 : user menekan kembali tombol dengan gambar bintang untuk tidak memfavoritkan cerita lagi
Kesimpulan Usecase berhenti saat user berhasil memfavoritkan cerita
Tabel 3.3 Skenario Usecase favort cerita
3. Mencari cerita
Nama Use Case
Mencari cerita Aktor
User Deskripsi
Use Case Usecase ini menggambarkan proses user mencari cerita
yang akan dicari Kondisi
Awal User sudah memasuki halaman daftar cerita
Pemicu Usecase ini digunakan untuk user mencari cerita yang
diinginkan
Langkah Umum
Kegiatan Aktor Respon Sistem
Langkah 1 : User memilih tombol dengan
gambar kaca pembesar , berada pada kanan atas bar
Langkah 3 : User memasukkan kata kunci
pencarian Langkah 2 :
Sistem akan menampilkan kolom
untuk memasukkan text
Langkah 4 : Sistem akan mencari
cerita dengan kata kunci yang diberikan
user Langkah 5 :
Sistem menampilkan hasil pencarian
berdasarkan judul dan isi data cerita
Langkah alternatif
Langkah 3 : user menekan tombol back untuk membatalkan pencarian
Kesimpulan Usecase ini berhenti saat user sudah mendapatkan cerita yang dicari
Tabel 3.4 Skenario Usecase cari cerita
4. Membagi cerita
Nama Use Case
Membagi cerita Aktor
User Deskripsi
Use Case Usecase ini menampilkan proses user membagi cerita
Kondisi Awal
User telah masuk halaman detail cerita Pemicu
Usecase ini digunakan untuk user membagi cerita Langkah
Umum Kegiatan Aktor
Respon Sistem Langkah 1 :
User memilih tombol dengan gambar share , berada pada
kanan bawah halaman detail cerita
Langkah 3 : User memilih salah satu
social media Langkah 2 :
Sistem akan menampilkan pop up
daftar social media yang dipunya user
Langkah 4: Sistem akan
mengirimkan gambar dan isi cerita pada
social media yang dikirim
Langkah alternatif
Langkah 3 : user menekan tombol back untuk membatalkan pengiriman cerita
Kesimpulan Usecase ini berhenti saat user berhasil membagi cerita
Tabel 3.5 Skenario Usecase membagi cerita 3.3.3.3
Skenario Usecase Nearby
1. Mengetahui lokasi wisata
Nama Use Case
Mengetahui lokasi wisata Aktor
User Deskripsi
Use Case Usecase ini menampilkan proses user untuk
mengetahui lokasi wisata terdekat Kondisi
Awal User telah masuk halaman utama
Pemicu Usecase ini digunakan untuk user mengetahui lokasi
wisata terdektat Langkah
Umum Kegiatan Aktor
Respon Sistem Langkah 1 :
User menekan tombol “nearby”
Langkah 2 : Sistem akan
menampilkan halaman maps
Langkah 3 : User menekan tombol
bergambar lingkaran untuk mengetahui dimana posisi
user berada Langkah 4 :
Sistem akan mengambil lokasi
dimana user berada Langkah 5 :
Sistem akan menampilkan semua
lokasi wisata yang berada pada database
Langkah 6 : Sistem akan menandai
lokasi mana yang terdekat dalam
jangkauan 30 km dari lokasi user
Langkah alternatif
Langkah 3 : user menekan tombol back untuk kembali ke menu utama
Kesimpulan Usecase akan berhenti saat user mendapatkan lokasi yang diinginkan
Tabel 3.6 Skenario Usecase lokasi wisata 2.
Menampilkan Petunjuk arah
Nama Use Case
Menampilkan Petunjuk arah Aktor
User Deskripsi
Use Case Usecase ini menampilkan proses user mengetahui
petunjuk arah Kondisi
Awal User telah masuk halaman nearby
Pemicu Usecase ini digunakan untuk user mengetahui petunjuk
arah Langkah
Umum Kegiatan Aktor
Respon Sistem Langkah 1 :
User menekan icon di pojok kanan peta
Langkah 3 : User menekan salah satu
lokasi wisata Langkah 2 :
Sistem akan mendeteksi dimana
posisi user Langkah 4 :
Sistem akan memanggil method
direction untuk menampilkan penunjuk
arah
Langkah alternatif
Langkah 4 : user menekan tombol back untuk membatalkan pengiriman cerita
Kesimpulan Usecase ini berhenti saat user berhasil mendapatkan petunjuk arah
Tabel 3.7 Skenario Usecase penunjuk arah 3.3.3.4
Skenario Usecase Help
Nama Use Case
Menampilkan Help Aktor
User Deskripsi
Use Case Usecase ini menampilkan proses user masuk pada
halaman help Kondisi
Awal User telah masuk halaman menu utama
Pemicu Usecase ini digunakan untuk user masuk pada halaman
help Langkah
Umum Kegiatan Aktor
Respon Sistem Langkah 1 :
User memilih menu about Langkah 2 :
Sistem akan menampilkan gambar
about
Langkah alternatif
Langkah 2 : user menekan tombol back untuk membatalkan pengiriman cerita
Kesimpulan Usecase ini berhenti saat user masuk halaman help
Tabel 3.8 Skenario Usecase help
3.3.3.5 Skenario Usecase About
Nama Use Case
Menampilkan About Aktor
User Deskripsi
Use Case Usecase ini menampilkan proses user masuk pada
halaman about Kondisi
Awal User telah masuk halaman menu utama
Pemicu Usecase ini digunakan untuk user masuk pada halaman
about Langkah
Umum Kegiatan Aktor
Respon Sistem Langkah 1 :
User memilih menu about Langkah 2 :
Sistem akan menampilkan gambar
about
Langkah alternatif
Langkah 2 : user menekan tombol back untuk membatalkan pengiriman cerita
Kesimpulan Usecase ini berhenti saat user masuk halaman about
Tabel 3.9 Skenario Usecase about 3.3.3.6
Skenario Usecase Memiliih dua bahasa
Nama Use Case
Menampilkan dua bahasa Aktor
User Deskripsi
Use Case Usecase ini menampilkan proses user memilih bahasa
yang diinginkan Kondisi
Awal User telah masuk halaman menu utama
Pemicu Usecase ini digunakan untuk user memilih bahasa
Langkah Umum
Kegiatan Aktor Respon Sistem
Langkah 1 : User memilih tombol setting
pada kanan atas bar menu utama
Langkah 2 : Sistem akan
menampilkan halaman setting , untuk memilih
Langkah 3 : User memilih bahasa yang
dimau bahasa indonesia atau
bahasa inggris Langkah 3 :
Sistem akan mengganti isi applikasi dengan
bahasa yang dimau , kecuali halaman help
dan about yang sudah memiliki default
bahasa inggris
Langkah alternatif
Langkah 3 : user menekan tombol back ,sistem akan kembali pada menu utama
Kesimpulan Usecase berhenti saat user berhasil memilih bahasa yang dimau
Tabel 3.10 Skenario Usecase memilih dua bahasa 3.3.4
Activity diagram
3.3.4.1 Activity Diagram MenuUtama
Gambar 3.2 Diagram Activity Menu Utama Legend Story
USER SISTEM
Menjalankan aplikasi Tampil splash screen
Mengambil data cerita menyimpan data di database
Tampil menu utama
3.3.4.2 Activity Diagram Story
a. Activity Diagram daftar cerita
Kategori