15 BAB III
PERANCANGAN SISTEM 3.1 Analisa Sistem
3.1.1 Analisa Masalah
Analisa dari sebuah sistem adalah suatu langkah penting dalam pemahaman permasalahan-permasalahan yang ada sebelum dilakukan tindakan pada sebuah sistem. Pada aplikasi E-Kamus yang akan dibuat, proses dari sistem ditujukan untuk mencari Istilah pada suatu bidang ilmu tertentu. Untuk mencari data tersebut, proses pencarian data menggunakan metode Autocomplete Search. Proses pencarian tersebut bertujuan untuk mempercepat pencarian kata yang berlandaskan pada beberapa suku kata yang di input pada kolom pencarian. Pada E- kamus ini pula di tambahkan menu tambah istilah yang ditujukan untuk menambahkan istilah yang tidak ada ke dalam aplikasi kamus tersebut. Penambahan istilah sendiri tidak langsung bisa terbaca di aplikasi tersebut, melainkan data yang dimasukkan akan dikirim ke pengembang aplikasi yang nantinya akan dipilah terlebih dahulu sebelum ada pembaruan pada aplikasi tersebut.
3.1.2 Analisa Arsitektur Sistem
Desain sistem yang digunakan pada aplikasi yang dibuat ini terdapat splash screen pada saat program pertama dijalankan. Berlanjut ke tampilan berikutnya halaman awal/homepage yang berisikan menu cari istilah, tambah kata, pembaruan aplikasi, tentang, dark mode dan keluar. Masuk di menu pertama yaitu cari istilah yang mana pada cari istilah ini pengguna mengetikkan kata yang dicari ke kolom pencarian, ketika Istilah sudah ditemukan nantinya akan di arahkan ke activity berikutnya yaitu detail istilah. Data yang dapat dioperasikan secara offline pada smartphone sehingga tidak perlu langsung terhubung dengan internet untuk membukanya.
Gambar 3.1 : data pengiriman e-kamus
16 Kembali ke menu awal dan lanjut ke tambah istilah, ditambah istilah ini pengguna bisa mengirimkan data dengan mudah dengan menginput istilah dan deskripsi istilah, yang nantinya istilah tersebut akan di kurasi terlebih dahulu dan akan di publish ketika ada pembaruan aplikasi berikutnya.
Gambar 3.2 : proses input istilah pada E-kamus
Gambar 3.3 : proses Tambahkan istilah pada E-kamus
17 3.1.3 Analisa Fungsional
Analisa fungsional adalah paparan Mengenai fungsi-fungsi yang tercantum dalam kamus elektronik, fungsi-fungsi tersebut adalah sebagai berikut:
Mampu memproses pencarian istilah yang dicari Mampu menjalankan metode pencarian autocomplete Mampu menampilkan data istilah yang dicari
Mampu menjalankan fitur favorit
Mampu mengirimkan data istilah yang ditambahkan oleh pengguna Mampu mendeteksi pembaruan aplikasi jika ada pembaruan dari playstore Terdapat istilah dan deskripsi yang ditampilkan pada aplikasi nantinya
3.1.4 Analisis Non Fungsional
Analisis non-fungsional merupakan kebutuhan yang tidak berhubungan langsung dengan fungsionalitas aplikasi. Berikut adalah beberapa persyaratan non-fungsional yang harus dibuat (tabel 3.1).
Tabel 3.1 kebutuhan Non-fungsional
No. Non-Fungsional Keterangan
1. Keamanan Aplikasi ini tidak bersifat privat, sehingga bisa dengan mudah di akses oleh user yang ingin menggunakan aplikasi.
2. User Interface Menarik Interface didesain semenarik mungkin dan juga menambahkan animasi sekaligus dark mode sehingga bisa dengan mudah di gunakan oleh user.
3. User Friendly Cara yang mudah di fahami dan di mengerti pemakai
4. Probability Aplikasi bisa dengan mudah di gunakan di mana pun tidak ada batasan waktu dan dapat dioperasikan tanpa ada koneksi internet
5. Informasi Aplikasi memberikan informasi istilah dalam
18 teknik elektro dan deskripsinya
3.1.5 Analisa Kebutuhan Sistem
Berikut ini (tabel 3.2) adalah daftar contoh istilah dan deskripsinya yang akan dimasukkan ke dalam E-kamus edisi pertama.
Tabel 3. 2 Data Base Kamus
No. Istilah Deskripsi
1 Acrobat aplikasi untuk membuka file berestensi dokumen
2 ADSL (Asymmetric digital subscriber line)
proses mengirimkan data digital tingkat tinggi melalui kabel.
3 After Effect aplikasi komputer bentukan adobe yang berfungsi untuk membuat animasi, baik berupa 2D ataupun 3D.
4 Align Perintah pada sebuah perangkat lunak pengolah kata yang berfungsi untuk meratakan tulisan/teks.
5 Amplitudo Suatu tingkat ketinggian dan kerendahan suatu gelombang pada sinyal analog.
6 Anti Aliasing proses untuk membuat gambar yang semula pecah menjadi lebih halus, istilah tersebut biasanya muncul pada game bermemory besar.
7 Architecture Bentukan penyusun komponen pada sebuah perangkat komputer kalau dalam windows di bagi 2 yaitu 32 bit dan 64 bit.
8 Archive hasil dari menyimpan/membackup data menjadi format tertentu seperti zip, rar,
19 7z.
9 Arduino Perangkat keras beruapa chip/processor yang memiliki fungsi untuk menjalankan perangkat berupa sistem tanam.
10 Artificial Intelligence Ilmu komputer yang mengubah perangkat komputasi menjadi perangkat keras dan perangkat lunak sehingga dapat bekerja dan berpikir seperti manusia.
11 Attachment proses untuk menambahkan file berupa gambar atau data kedalam pesan pada sebuah email.
12 Auto Correct proses untuk membenarkan kata yang kita ketik (typo) menjadi kata-kata yang benar.
13 Auto Focus suatu perintah yang biasanya di gunakan di aplikasi kamera untuk mengfokuskan objek secara otomatis untuk nantinya kita foto.
data selengkapnya terdapat di lampiran.
3.1.6 Kebutuhan Software
Perangkat lunak yang digunakan pada aplikasi berikut ini minimal menggunakan : Platform : Android
Versi Android : Android 5 (Lollipop) API Level : 21
3.1.7 Kebutuhan Hardware
Perangkat keras yang digunakan pada aplikasi berikut minimal menggunakan kebutuhan Hardware seperti berikut:
Handphone dengan spesifikasi minimum:
a. Processor : Quad-Core
20 b. Memory : 4 Gb
c. Ram : 2 Gb
3.2 Perancangan Sistem
Tahap perancangan sistem terdiri dari beberapa tahap diantaranya penggunaan use case diagram, sequential diagram, activity diagram, perancangan desain antarmuka aplikasi (interface).
21 3.2.1 Use Case Diagram
Use Case diagram adalah gambaran interaksi antara pengguna, admin dengan sistem dan sistem internal. Aplikasi E-Kamus berbasis Android yang dirancang memiliki diagram Use Case seperti gambar pada 3.1.
Gambar 3.4 : Tampilan Use case Diagram Ekamus
Pada use case diagram tersebut dapat dijabarkan ketika pengguna mengakses aplikasi E- kamus akan ada pilihan Cari kata, tambah kata, tentang aplikasi dan pembaruan aplikasi. Masuk ke menu cari kata, pengguna dapat mencari istilah dan ketika pengguna mengklik istilah, akan masuk ke tampil istilah dan istilah tersebut akan otomatis tersimpan di riwayat. Pengguna juga dapat menyimpan istilah tersebut dan akan tampil di favorit. Lanjut ke menu kedua tambah kata di mana pengguna bisa menambahkan kata yang nanti kata tersebut akan dikurasi oleh admin aplikasi dan admin akan memperbarui lewat pembaruan aplikasi.
22 3.2.2 Activity Diagram
Activity diagram adalah gambaran diagram alir sebuah aktivitas pada sistem yang dirancang. Activity diagram yang dibuat adalah seperti gambar 3.5.
Gambar 3.5 : Tampilan Activity diagram pencarian kata pada E-kamus
Activity diagram pertama adalah proses alur pencarian kata di aplikasi E-kamus. Diawali dengan pengguna masuk ke menu kamus, terdapat navigation drawer yang berisikan cari kata, Riwayat Istilah, Favorit dan keluar ke menu utama. Pada activity cari kata akan ada fitur Autocomplete search di mana pengguna akan mengetik kata. Jika kata yang diketik tersebut ada, aplikasi akan menampilkan istilah dari kata tersebut dan pengguna dapat menyimpan kata tersebut dan akan tersimpan di favorit. Jika istilah yang di cari tidak ada, aplikasi akan menampilkan pencarian kosong.
23 Gambar 3.6 : Tampilan Activity diagram tambah kata pada E-kamus
Activity diagram kedua menampilkan Activity tambah kata di mana pengguna dapat menambahkan kata dan akan kurasi oleh admin. Alur tambah kata adalah pengguna masuk ke activity tambah kata. Pengguna diharuskan mengetikkan istilah baru sekaligus keterangannya.
Setelah pengguna selesai mengetikkan kata baru pengguna dapat mengklik kirim dan data tersebut akan terkirim melalui Api telegram.
24 Gambar 3.7 : Tampilan Activity diagram pembaruan aplikasi pada E-kamus
Activity ketiga yaitu activity pembaruan aplikasi. Yaitu dengan langkah-langkah pengguna mengklik icon pembaruan di menu utama. Sistem akan menyambungkan ke repository aplikasi dan akan memeriksa versi dari aplikasi. Jika terdapat kosakata baru atau terdapat versi aplikasi baru akan ada notifikasi versi aplikasi yang terinstal perlu diperbarui dan pengguna di haruskan memperbarui aplikasi.
25 3.2.3 Sequence Diagram
Sequence diagram adalah gambaran diagram yang menjelaskan urutan pada sebuah sistem. Aplikasi E-Kamus ini mempunyai diagram seperti pada gambar 3.3.
Gambar 3.8 : Tampilan squance diagram pembaruan aplikasi pada E-kamus
Pada gambar diatas menampilkan sequence diagram pembaruan aplikasi. Pada pembaruan aplikasi tersebut pengguna menekan tombol pembaruan jika terdapat versi aplikasi baru pengguna di haruskan memperbarui aplikasi tersebut jika tidak ada pembaruan akan ada notifikasi aplikasi terupdate dan keluar ke menu utama.
26 sequence pengiriman kata pengguna dari menu utama akan di arahkan ke tambah kata. Di tambah kata pengguna di haruskan untuk mengetik istilah dan keterangan. Setelah langkah itu selesai pengguna menekan kirim dan aplikasi akan mengirimkan menggunakan Api telegram.
Jika berhasil terkirim akan diarahkan ke menu utama. Jika tidak ada koneksi internet/gagal terkirim aplikasi akan kembali ke tambah kata.
Gambar 3.10 : Tampilan sequence diagram pencarian kata pada E-kamus
Gambar 3.2.5 : Tampilan squance diagram tambah kata pada E-kamus Gambar 3.9 : Squence diagram pengiriman kataGambar 3.9 : Squence Diagram Pengiriman Kata
27 Pada sequence pencarian kata pengguna dari menu utama masuk ke menu cari kata.
Pengguna dapat masukkan kata dan menekan pencarian. Jika ada maka aplikasi akan menampilkan istilah jika tidak ditemukan maka aplikasi akan berbunyi istilah tidak ditemukan.
Pengguna juga dapat menyimpan istilah yang nantinya akan tersimpan di favorit.
3.2.4 perancangan desain antarmuka aplikasi (interface)
Perancangan Antarmuka meliputi perancangan tampilan pada tampilan pengguna 1. Tampilan Halaman Utama (Home).
Rancangan tampilan halaman utama dibagi menjadi lima bagian yakni pembaruan, menu kamus,tentang, dark mode dan keluar
Tentang
Mode Malam
keluar
Pembaruan
Cari Istilah
Tambah Kata
Gambar 3.11 : Tampilan Halaman utama
28 2. Tampilan Halaman Cari kata.
Tampilan halaman cari kata terdapat header yang terdiri dari tiga bagian yaitu menu bagian kanan yang berisikan : jelajah, favorit, riwayat. Menu bagian kiri yang berisikan : hapus favorit, bersihkan Riwayat, pengaturan, tolong. Di tengah header berisikan pencarian kata dan yang terakhir di body menampilkan kata istilah.
3. Tampilan Halaman Tambah kata.
Tampilan halaman cari kata terdapat header yang bertuliskan tambah kata. Di body
terdapat 3 menu yaitu istilah pengertian dan kirim, dimana nantinya data akan di kirim ke API Telegram untuk dikurasi.
Gambar 3.2.7 Tampilan desain antarmuka homepge Gambar 3.11 : perancangan interface menu utama
jelajah Favorit
Riwayat
Hapus Favorit
Bersihkan Riwayat
Pengaturan
Tolong Pencarian
Tampilan Istilah
Gambar 3.2.8 Tampilan desain antarmuka cari kata Gambar 3.12 : perancangan interface halaman cari kata
istilah pengertian
kirim Tambah Kata
Gambar 3.2.9 Tampilan desain antarmuka tambah kata Gambar 3.13 : halaman interface tambah kata
Gambar 3.12 : Tampilan Halaman Cari Kata
Gambar 3.13 : Tampilan Halaman Tambah Kata
29 4. Tampilan halaman tentang
Pada tampilan halaman tentang terdapat 3 bagian yaitu gambar animasi di mana program ini menggunakan Lottie Animation, lanjut ke keterangan berisikan keterangan dan continue.
Gambar Animasi
Keterangan
Continue
Gambar 3.2.10 Tampilan desain antarmuka tentang Gambar 3.14 : perancangan interface tentangGambar 3.14 : Tampilan Halaman Tentang
