20
BAB III
ANALISIS DAN RANCANGAN SISTEM
Bab analisis dan rancangan sistem menjelaskan mengenai proses analisa dan perancangan sistem pada aplikasi. Tahap analisa sistem lebih mengarah pada kebutuhan fungsional dan use case, activity diagram, sedangkan pada tahap perancangan sistem meliputi sequence, dan rancangan desain antarmuka aplikasi.
3.1 Analisis Sistem
Tahap Analisis ditujukan untuk mendefinisikan kebutuha sistem dan mengidentifikasikan sumber-sumber yang telah dikumpulkan secara spesifik. Pada Tahap Analisis ini memuat analisis kebutuhan, pengumpulan data survey dan analisa kebutuhan.
3.1.1 Analisis Kebutuhan Fungsional
Analisis Kebutuhan fungsional digunakan untuk mengetahui apa saja yang akan ada dalam aplikasi yang akan dibangun nantinya meliputi:
a. Bentuk umum huruf Hija’iyah.
b. Tata cara penulisan huruf Hija’iyah.
c. Informasi huruf Hija’iyah tunggal dan sambung.
3.1.2 Use Case Diagram
Use case diagram menggambarkan fungsionalitas dari aplikasi Huruf Hijaiyah yang menggunakan platform Android, kebutuhan sistem dari sudut pandang pengguna serta menghubungan antara actor dan use case.
21
Gambar 3.1 Use Case Diagram Deskripsi Use Case
3.1.2.1 Use Case Pembelajaran
Use Case Pembelajaran dapat diakses oleh user. User tidak memerlukan kondisi awal untuk mengakses Halaman Pembelajaran. Tujuan dari Pembelajaran adalah Menampilkan beberapa hururf hijaiyah sebagai media pembelajaran sebelum masuk kedalam latihan. Di Pembelajaran terdapat 2 alur proses, yaitu user dapat mengakses halaman hijaiyah tunggal dan halaman hijaiyah sambung.
22 Tabel 3.1 Use Case Pembelajaran
3.1.2.2 Use Case Hijaiyah Tunggal
Use Case Hijaiyah Tunggal dapat diakses oleh user. User tidak memerlukan kondisi awal untuk mengakses Halaman Hijaiyah Tunggal.
Tujuan dari Hijaiyah Tunggal adalah Menampilkan dan Memberikan contoh penulisan yang harus ditiru oleh user dalam bentuk dan model huruf hijaiayah tunggal. Di Hijaiyah Tunggal terdapat 1 alur proses, pertama yaitu mensubmit jawaban dari pertanyaan hijaiyah tunggal dan memberikan respon terhadap hasil input yang diberikan oleh user.
Use Case Pembelajaran AktorUtama User KondisiAwal
KondisiAkhir Menampilkan beberapa hururf hijaiyah sebagai media pembelajaran sebelum masuk kedalam latihan
Input ResponSistem
Hijaiyah tunggal Masuk Halaman Hiajaiyah Tunggal
Hijaiyah Sambung Masuk Halaman Hijaiyah Sambung
23 Tabel 3.2 Tabel Use Case Hijaiyah Tunggal
3.1.2.3 Use Case Hijaiyah Sambung
Use Case Hijaiyah Sambung dapat diakses oleh user. User tidak memerlukan kondisi awal untuk mengakses Halaman Hijaiyah Sambung.
Tujuan dari Hijaiyah Sambung adalah Menampilkan dan Memberikan contoh penulisan yang harus ditiru oleh user dalam bentuk dan model huruf hijaiayah sambung. Di Hijaiyah Sambung terdapat 1 alur proses, pertama yaitu mensubmit jawaban dari pertanyaan hijaiyah sambung dan memberikan respon terhadap hasil input yang diberikan oleh user.
24 Tabel 3.3 Tabel Use Case Hijaiyah Sambung
3.1.2.4 Use Case Latihan
Use Case Latihan dapat diakses oleh user. Kondisi awal untuk mengakses halaman Latihan adalah semua soal huruf hijaiyah telah siap ditampilkan. Tujuan dari Halaman Latihan adalah Menampilkan semua soal sebagai evaluasi kemampuan menulis huruf hijaiyah. Di Halaman Latihan terdapat 2 alur proses, yaitu user dapat mengakses halaman latihan penulisan, dan halaman penilaian.
Tabel 3.4 Tabel Use Case Akses Latihan
25 3.1.2.5. Use Case Penulisan
Use Case Penulisan dapat diakses oleh user. User tidak memerlukan kondisi awal untuk mengakses Halaman Penulisan. Tujuan dari Penulisan adalah Menampilkan dan Memberikan pertanyaan kepada user dalam bentuk dan model huruf hijaiayah tunggal ataupun hijaiyah sambung. Di Penulisan terdapat 1 alur proses, pertama yaitu mensubmit jawaban dari pertanyaan hijaiyah tunggal ataupun sambung dan memberikan nilai terhadap hasil input yang diberikan oleh user.
Tabel 3.5 Tabel Use Case Penulisan
3.1.2.6. Use Case Penilaian
Use Case Penilaian dapat diakses oleh user. User tidak memerlukan kondisi awal untuk mengakses Halaman Penilaian. Tujuan dari Penilaian adalah Menampilkan dan Memberikan nilai berdasarkan hasil latihan yang telah diterapkan oleh user. Di Penulisan terdapat 1 alur proses, pertama yaitu menampilkan nilai user secara terurut mulai nilai tertinggi hingga nilai terendah.
Use Case Penulisan
AktorUtama User
KondisiAwal
KondisiAkhir Menampilkan dan Memberikan pertanyaan kepada user dalam
bentuk dan model huruf hijaiayah tunggal ataupun hijaiyah
sambung Alur Proses
Input ResponSistem
1 Submit Jawaban Menampilkan Hasil Nilai
Jawaban
26 Tabel 3.6 Tabel Use Case Penilaian
3.1.2.7. Use Case Bantuan
Use Case Bantuan dapat diakses oleh user. User tidak memerlukan kondisi awal untuk mengakses Halaman Bantuan. Tujuan dari Bantuan adalah Memberikan wawasan awal kepada user mengenai huruf hijaiyah sebagai bekal ilmu dalam melakukan fase pembelajaran dan latihan. Di Halaman bantuan terdapat 2 alur proses, yaitu user dapat mengakses bantuan mengenai huruf hijaiyah tunggal dan bantuan huruf hijaiyah sambung.
Tabel 3.7 Tabel Use Case Bantuan Use Case Penilaian
AktorUtama User KondisiAwal
KondisiAkhir Menampilkan dan Memberikan nilai berdasarkan hasil latihan yang telah diterapkan oleh user
Alur Proses Input ResponSistem
1 Submit Jawaban Menampilkan Hasil Nilai
Jawaban
Use Case Bantuan AktorUtama User KondisiAwal
KondisiAkhir Memberikan wawasan awal kepada user mengenai huruf hijaiyah
Alur Proses Input ResponSistem
Hijaiyah Tunggal Masuk Halaman Hijaiyah Tunggal
Hijaiyah Sambung Masuk Halaman Hijaiyah Sambung
27 3.1.3 Activity Diagram
Activity Diagram adalah Diagram yang menggambarkan worlflow (aliran kerja) atau aktivitas dari sebuah sistem atau proses bisnis. Yang menggambarkan berbagai alir aktivitas dalam sistem yang sedang dirancang, bagaimana masing- masing alir berawal, decision yang mungkin terjadi, dan bagaimana mereka berakhir.
Activity diagram juga dapat menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi.
3.1.3.1. Activity Pembelajaran
Alur Activity Pembelajaran adalah dimulai dari user memilih navigasi halaman pembelajaran, dan aplikasi akan melakukan request halaman dan dikembalikan ke user. User akan memilih menu yang telah ditampilkan, dan mengarahkan ke halaman sesuai dengan pilihan.
Gambar 3.2 Activity Diagram Pembelajaran
28 3.1.3.2. Activity Hijaiyah Tunggal
Alur Activity Hijaiyah Tunggal adalah dimulai dari user telah menjawab soal dari pembelajaran, aplikasi akan akan melakukan cek terhadap jawaban dan memberikan nilai yang didapat dari hasil koreksi ke Database dan ditampilkan kembali ke user. User dapat melihat jawaban yg salah dan benar saat nilai sudah ditampilkan.
Gambar 3.3 Activity Diagram Hijaiyah Tunggal 3.1.3.3. Activity Hijaiyah Sambung
Alur Activity Hijaiyah Sambung adalah dimulai dari user telah menjawab soal dari pembelajaran, aplikasi akan melakukan cek terhadap jawaban dan memberikan nilai yang didapat dari hasil koreksi ke Database dan ditampilkan kembali ke user. User dapat melihat jawaban yg salah dan benar saat nilai sudah ditampilkan.
29 Gambar 3.4 Activity Diagram Hijaiyah Sambung
3.1.3.4. Activity Latihan
Alur Activity Latihan adalah dimulai dari user memilih halaman latihan, aplikasi akan melakukan request halaman dan menampilkan menu latihan dan nilai untuk dipilih ke user.
Gambar 3.5 Activity Diagram Latihan
30 3.1.3.5. Activity Penulisan
Alur Activity Penulisan adalah dimulai dari user telah menjawab soal dari penulisan baik huruf hijaiyah tunggal maupun sambung, aplikasi akan akan melakukan cek terhadap jawaban dan memberikan nilai yang didapat dari hasil koreksi ke Database dan ditampilkan kembali ke user. User dapat melihat jawaban ygsalah dan benar saat nilai sudah ditampilkan
Gambar 3.6 Activity Diagram Penulisan 3.1.3.6. Activity Penilaian
Alur Activity Penilaian adalah dimulai dari ketika saat user memilih menu penilaian, aplikasi akan melakukan request data nilai ke Database untuk ditampilkan ke user. User dapat melihat nilai yang telah dicapai secara terurut dari nilai yang tertinggi hingga nilai terendah.
31 Gambar 3.7 Activity Diagram Penilaian
3.1.3.7. Activity Bantuan
Saat user masuk ke halaman bantuan, aplikasi akan merequest data bantuan dari database dan menampilkan data tersebut kembali ke user. Tujuan dari Bantuan adalah Memberikan wawasan awal kepada user mengenai huruf hijaiyah sebagai bekal ilmu dalam melakukan fase pembelajaran dan latihan.
Gambar 3.8 Activity Diagram Bantuan
32 3.2 Perancangan Sistem
3.2.1 Diagram Sequence
Sequence diagram adalah suatu diagram yang menggambarkan interaksi antar obyek dan mengindikasikan komunikasi diantara obyek-obyek tersebut. Diagram ini juga menunjukkan serangkaian pesan yang dipertukarkan oleh obyek-obyek yang melakukan suatu tugas atau aksi tertentu. Obyek-obyek tersebut kemudian diurutkan dari kiri ke kanan, aktor yang menginisiasi interaksi biasanya ditaruh di paling kiri dari diagram.
3.2.1.1. Sequence Pembelajaran
Alur Sequence Pembelajaran adalah dimulai dari user membuka halaman pembelajaran, dan aplikasi akan memanggil method getMenuPembelajaran() dan menampilkan menu yang ada di halaman pembelajaran. Menu yang diterima akan disusun dan ditampilkan kembali ke user.
Gambar 3.9 Sequence Diagram Pembelajaran
33 3.2.1.2. Sequence Hijaiyah Tunggal
Alur Sequence Hijaiyah Tunggal adalah dimulai dari user saat menjawab soal pembelajaran hijaiyah tunggal, aplikasi akan memanggil method setJawabanTunggal() dan diteruskan ke Database untuk menampilkan hasil nilai yang didapat oleh user. User dapat melihat hasil koreksi jawaban yg benar dan salah di halaman ini.
Gambar 3.10 Sequence Diagram Hijaiyah Tunggal 3.2.1.3. Sequence Hijaiyah Sambung
Alur Sequence Hijaiyah Sambung adalah dimulai dari user saat menjawab soal pembelajaran hijaiyah sambung, aplikasi akan memanggil method setJawabanSambung() dan diteruskan ke Database untuk menampilkan hasil nilai yang didapat oleh user. User dapat melihat hasil koreksi jawaban yg benar dan salah di halaman ini.
34 Gambar 3.11 Sequence Diagram Hijaiyah Sambung
3.2.1.4. Sequence Latihan
Alur Sequence Latihan adalah dimulai dari user membuka halaman latihan, danaplikasi akan memanggil method getMenuLatihan() dan menampilkan menu yang ada di halaman latihan. Menu yang diterima akan disusun dan ditampilkan kembali ke user.
Gambar 3.12 Sequence Diagram Latihan
35 3.2.1.5. Sequence Penulisan
Alur Sequence Hijaiyah Sambung adalah dimulai dari user saat menjawab soal penulisan baik hijaiyah tunggal maupun hijaiyah sambung, aplikasiakan memanggil method setJawabanPenulisan() dan diteruskan ke Database untuk menampilkan hasil nilai yang didapat oleh user. User dapat melihat hasil koreksi jawaban yg benar dan salah di halaman ini.
Gambar 3.13 Sequence Diagram Penulisan 3.2.1.6. Sequence Penilaian
Alur Sequence Penilaian adalah dimulai dari user membuka halaman penilaian, dan aplikasi akan memanggil method getDataNilai() dan menampilkan bantuan yang ada di halaman penilaian. Data penilaian yang diterima akan disusun secara terurut dari yang tertinggi hingga yang terendah dan ditampilkan kembali ke user.
36 Gambar 3.14 Sequence Diagram Penilaian
3.2.1.7. Sequence Bantuan
Alur Sequence Bantuan adalah dimulai dari user membuka halaman bantuan, dan aplikasi akan memanggil method getDataBantuan() dan menampilkan bantuan yang ada di halaman bantuan. Data bantuan yang diterima akan disusun dan ditampilkan kembali ke user.
Gambar 3.15 Sequence Diagram Bantuan
37 3.2.2 Interface
3.2.2.1. Halaman Utama
Gambar 3.16 Interface Halaman Utama
Halaman utama dari aplikasi ini menampilkan 3 menu diantaranya: pembelajaran, latihan, bantuan, petunjuk, dan profil untuk mempermudah user mengakses semua fitur yang ada aplikasi ini.
3.2.2.2. Interface Pembelajaran
Gambar 3.17 Interface Pembelajaran
38 Halaman utama dari aplikasi ini menampilkan 2 menu diantara hijaiayah tunggal yaitu belajar menulis hijaiyah perhuruf dan hijaiyah sambung yaitu belajar menulis hijaiyah secara bersambung untuk
mempermudah user mengakses semua fitur yang ada aplikasi ini.
3.2.2.3. Interface Hijaiyah Tunggal
Gambar 3.18 Interface Hijaiyah Tunggal
Hijaiyah Tunggal dari aplikasi ini menampilkan soal berupa huruf hijaiyah tunggal dimana user akan diminta untuk meniru bentuk dari huruf hijaiyah tersebut. Terdapat input gesture sebagai input tulis tangan yg mudah digunakan, dan adapula keyboard apabila user kesulitan alam menulis soal tersebut.
39 3.2.2.4. Interface Hijaiyah Sambung
Gambar 3.19Interface Hijaiyah Sambung
Hijaiyah Sambung dari aplikasi ini menampilkan soal berupa huruf hijaiyah sambung dimana user akan diminta untuk meniru bentuk dari huruf hijaiyah tersebut. Terdapat input gesture sebagai input tulis tangan yg mudah digunakan, dan adapula keyboard apabila user kesulitan alam menulis soal tersebut.
3.2.2.5. Interface Latihan
Gambar 3.20 Interface Latihan
40 Halaman utama dari aplikasi ini menampilkan 2 menu diantara penulisan yaitu pengujian kemampuan user baik huruf hijaiyah tunggal maupun sambung dan nilai untuk mengukur kemampuan user dalam mengerjakan soal latihan.
3.2.2.6. Interface Penulisan
Gambar 3.21 Interface Penulisan
Halaman Penulisan dari aplikasi ini menampilkan soal dalam terjemahan bahasa indoensia, dimana user akan diminta untuk menuliskan huruf arab dari terjemahan tersebut. Terdapat input gesture sebagai input tulis tangan yg mudah digunakan, dan adapula keyboard apabila user kesulitan alam menulis soal tersebut.
3.2.2.7. Interface Penilaian
Gambar 3.22 Interface Penilaian
41 Penilaian dari aplikasi ini digunakan untuk menampilkan sekaligus mengukur kemampuan user dalam menyelasaikan soal yang diberikan oleh aplikasi.
3.2.2.8. Interface Bantuan
Gambar 3.23 Interface Bantuan
Bantuan dari aplikasi ini menampilkan 2 kategori diantaranya hijaiyah tunggal. Pada Hijaiyah tunggal, aplikasi akan menampilkan huruf-huruf hijaiyah tunggal beserta bacaannya,
3.2.2.9. Profil
Gambar 3.24 Interface Profil Dari interface ini menampilkan profil dari mahasiswa.
