BAB 3 ANALISA DAN PERANCANGAN 3.1 ANALISA SISTEM Analisa merupakan tahapan paling awal dalam proses pembuatan sebuah aplikasi. Pada tahap ini penulis menganalisa kebutuhan dasar sistem. Analisa dilakukan terhadap data-data yang merepresentasikan masalah, sehingga dapat diketahui spesifikasi kebutuhan sistem yang akan dibangun. Perkembangan teknologi yang pesat mempengaruhi berbagai aspek kehidupan masyarakat. Seakan tidak bisa terlepas dari teknologi, konsumsi masyarakat akan teknologi menjadikan dunia teknologi semakin lama semakin canggih komunikasi yang dulunya memerlukan waktu yang lama dalam penyampaiannya, kini dengan teknologi segalanya menjadi sangat cepat, dekat dan tanpa jarak. Ponsel adalah salah satunya, teknologi ini selalu mengalami pembaharuan dan menyediakan berbagai fasilitas yang diberikan pengguna layaknya seperti Komputer atau yang biasa dikenal dengan istilah smartphone. Pada Tugas akhir ini dirancang suatu aplikasi yang dapat beroperasi pada smartphone berbasis sistem operasi android. Aplikasi yang dirancang ini dapat menjadi alternatife untuk membantu pengguna dalam hal memotivasi dan inspirasi yang dapat diakses memalui smartphone. Komponen dalam pembangunan perangkat lunak ini adalah sebagai berikut: 1. Perangkat lunak yaitu aplikasi motivasi 2. Perangkat keras yaitu smartphone dan Komputer 3. Manusia yaitu user yang mengakses sistem 4. Prosedur yaitu langkah-langkah yang mendifinisikan tentang penggunaan sistem. Dari komponen system yang akan dibangun maka didapat masukan dan keluaran sebagai berikut : Masukan : 1. Tulisan Motivasi, dimana tulisan motivasi disimpan dengan format Text Keluaran : 23
1. Daftar motivasi yang disediakan 2. Bacaan motivasi yang disediakan 3. Tulisan motivasi yang dapat dishare melalui media sosial Rekayasa Proses : Agar Aplikasi yang dibagun dapat menghasilakan keluaran yang diinginkan, diperlukan proses-proses sebagai berikut : penelusuran data dan tampilan keluaran. Beberapa manfaat yang dapat diambil dari pembuatan aplikasi motivasi ini adalah 1. Membantu dan memudahkan pengguna smartphone dalam hal motivasi dan inspirasi. 3.1.1 Model Use Case Diagram Use case diagram digunakan untuk menggambarkan pengguna system dan perilaku pengguna terhadap system. Pengguna sistem diwakili oleh user dan perilakunya diwakili oleh use case diagram. Use case diagram dari aplikasi motivasi dapat dilihat pada gambar : Menampilkan Motivasi Pengguna ponsel copy & share motivasi di media sosial Gambar 3.1 : Use Case Diagram 24
Dari gambar 3.1 dapat dijelaskan melalui tabel use case decription di bawah Nama Use case Aktor Deskripsi Pra Kondisi Tindakan Utama Menampilkan Motivasi Pengguna Ponsel Menampilkan tulisan motivasi Aplikasi Motivasi telah terinstall pada ponsel 1 Sistem menampilkan menu utama Tindakan Alternatif Pasca Kondisi 2 Pengguna ponsel memilih Submenu daftar motivator 3 Sistem menampilkan daftar motivator 4 Pengguna ponsel memilih motivator yang akan diinginkan 5 Sistem menampilkan daftar pilihan motivasi 6 Pengguna ponsel memilih motivasi yang akan ditampilkan - Tulisan motivasi ditampilkan Tabel 3.1: Use case description menampilkan motivasi Nama Use case Aktor Deskripsi Pra Kondisi Share Tulisan Motivasi Pengguna Ponsel Share tulisan motivasi di media sosial Tulisan motivasi sudah ditampilkan Tindakan Utama 1 Sistem Menampilkan motivasi yang dipilih 2 Pengguna ponsel memilih Submenu share 3 Sistem menampilkan pilihan media sosial yang akan dipilih 4 Pengguna ponsel memilih media sosial Tindakan Alternatif - Pasca Kondisi Tulisan motivasi dishare Tabel 3.2: Use case description copy & Share di media sosial 25
Start Menampilkan jendela awal aplikasi Memilih menu mulai Menampilkan pilihan daftar motivator Memilih pilihan daftar motivasi Menampilkan motivasi yang dipilih Kembali kemenu awal keluar End Gambar 3.2 : Flowchart motivasi 3.1.2 Model Activity Diagram Activity diagram digunakan untuk menunjukan kontek use case dan bagaimana sebuah use case berjalan. Activity diagram menggambarkan langkah yang mana yang harus dijalankan secara berurutan dan langkah mana yang bisa di jalankan 26
secara bersamaan. Activity diagram untuk use case menampilkan motivasi dapat dilihat pada gambar : USER SISTEM Start Buka Aplikasi Menampilkan Aplikasi Memilih Menu Mulai Menampilkan Daftar Motivator Memilih Salah Satu Motivator Menampilkan Daftar Motivasi dari Motivator Yang Dipilih Memilih Motivasi Menampilkan Motivasi Yang Dipilih End Gambar 3.3 : Activity diagram untuk use case menampilkan motivasi 3.1.3 Model Sequence Diagram Sequence diagram secara menjabarkan aktifitas sebuah scenario tunggal. Diagram tersebut menunjukan sejumlah pbjek contoh dan pesan-pesan yang melewati objek-objek di dalam use case diagram. Sequence diagram memperlihatkan tahap demi tahap apa yang seharusnya terjadi untuk menghasilkan sesuatu di dalam use case. Dari bentuk use case yang telah digambarkan sebelumnya, dapat dibuat sequence diagram seperti gambar. 27
Pengguna Layar menu utama Layar menu motivator Layar menu motivasi Layar motivasi 1. Aplikasi dipilih 3. Tampil halaman daftar motivastor 2. memilih menu mulai 4. Memilih motivator yang diinginkan 6. Tampil halaman motivasi yang dipilih 5. Masuk kehalaman motivator yang dipilih 7. Memilih motivasi yang diinginkan 8. Masuk kehalaman motivasi yang dipilih 9. Tampil halaman motivasi yang dipilih Gambar 3.4: Sequence diagram untuk use case menampilkan motivasi 3.2 PERANCANGAN ANTARMUKA Agar aplikasi yang dibangun mudah digunakan oleh pengguna (user friendly) maka dibutuhkan perancangan antarmuka pengguna yang baik. Aplikasi motivasi yang akan dibangun dari tampilan cover sampai tampilan motivasi yang disetiap bagiannya akan dijelaskan pada subbab berikut : 3.2.1 Perancangan Cover Pada desain awal terdapat tampilan cover yaitu jendela tampilan awal aplikasi, untuk masuk kedalam aplikasi user harus menge-tap layar. 28
Gambar 3.5: Halaman cover awal 3.2.2 Perancangan Halaman Menu Utama Setelah tampilan cover penguna akan memasuki tampilan menu utama. Dalam form tersebut Mulai Tentang Keluar Gambar 3.6 : Menu utama 3.2.3 Perancangan Halaman Motivator List pada halaman menu motivator list ini ditampilkan daftar motivator yang dapat dipilih oleh user. 29
Motivator1 Motivator2 Motivator3 Motivator4 Gambar 3.7: Halaman menu motivator list 3.2.4 Perancangan Halaman Motivation List Pada halaman ini motivasi yang dipilih user pada menu kumpulan motivasi akan ditampilkan. Motivation List Judul motivasi1, nama motivator Judul motivasi1, nama motivator Judul motivasi2, nama motivator Judul motivasi3, nama motivator Judul motivasi4, nama motivator Gambar 3.8: Halaman motivation list 3.2.5 Perancangan Halaman Motivasi Yang Dipilih Pada halaman ini motivasi yang dipilih user pada menu kumpulan motivasi akan ditampilkan. 30
Judul Motivasi, Nama Motivator isi motivasi Gambar 3.9: Halaman motivasi yang dipilih 3.2.6 Perancangan Halaman Tentang Halaman about berisi penjelasan tentang sumber tulisan motivasi pada aplikasi motivasi tentang Gambar 3.10: Halaman Tentang 3.2.7 Perancangan Message Box Exit Message box exit application akan muncul ketika user memilih exit, pilih Ya untuk keluar dari aplikasi dan Tidak untuk membatalkan perintah keluar dari aplikasi Keluar Anda yakin ingin keluar?. Tidak Ya Gambar 3.11: Message Box Exit 31