BAB III ANALISIS DAN PERANCANGAN

Transkripsi

1 BAB III ANALISIS DAN PERANCANGAN Bab ini akan menjelaskan system analisis dan perancangan pada aplikasi Pembelajaran Dan Soal Tes Potensi Akademik, tahap pertama adalah analisis dan di lanjut dengan perancangan aplikasi. 3.1 Analisis Sistem Tahapan analisis ini adalah tahapan awal dalam pembuatan aplikasi, pada tahapan ini penulis menganalisa kebutuhan-kebutuhan aplikasi. Analisa dilakukan pada data-data yang dibutuhkan aplikasi, sehingga dapat diketahui spesifikasi kebutuhan apa saja yang diperlukan untuk membangun aplikasi ini. Saat kita ingin belajar suatu materi pembelajaran terkadang kita malas untuk membaca buku atau membeli buku di sebuah perpustakaan. Perkembangan jaman yang semakinpesatmembuatmasyarakatselaluinginpraktisdanmudahdalammengerjakans uatuhal. Untuk menghasilkan aplikasi yang dapat membantu para pengguna, dibutuhkan informasi dari berbagai sumber antara lain seperti internet dan buku. Agar tercipta aplikasi yang baik dan sesuai untuk para pengguna dibutuhkan ketelitian yang baik dalam menganalisa kebutuhan. Jika terjadi kesalahan dalam menganalisa kebutuhan mengakibatkan kesalahan dalam pembuatan aplikasi yang berujung tidak bergunanya aplikasi tersebut. Selama proses pembuatan aplikasi, tahap pengerjaan dilakukan dengan cara pengumpulan data yang akurat agar dapat dipercaya oleh pengguna. 3.2 AnalisaKebutuhan Dalam pembuatan aplikasi TPA dibutuhkan informasi dari berbagai sumber. Dibutuhkan pengumpulan data untuk mendapatkan informasi tersebut. Dari hasil analisa penulis membutuhkan materi soal TPA yang digunakan untuk mengetahui informasi soal-soal yang terkandung dalam TPA. 25

2 Perancangan Sistem Aplikasi pembelajaran dan soal tes potensi akademik berbasis Android dibuat berdasarkan framework Phonegap dan jquery Mobile, sedangkan untuk bahasa pemrogramannya menggunaka HTML5 dan Eclipse sebagai Aplikasi editor. Pada tahapan ini, penulis akan melakukan perancangan terhadap aplikasi yang dilakukan dengan terlebih dahulu membuat model menggunakan UML (Unified Model Languange). Dalam hal ini peneliti menggunakan pendeskripsian aplikasi pada perancangan Use Case Diagram, Activity Diagram, Sequence Diagram, dan antar muka aplikasi. Berikut ini adalah rancangan aplikasi, antara lain : Cara Kerja Sistem Cara kerja Aplikasi Pembelajaran Dan Soal Tes Potensi Akademik adalah offline jadi tidak dibutuhkan koneksi internet karena semua bahan ajar sudah tersimpan di dalam aplikasi Perancangan Use Case Diagram Use Case diagram adalah menggambarkan fungsionalitas dari sebuah system perangkat lunak yang system tersebut berinteraksi dengan dunia luar. Pada Aplikasi Pembelajaran Dan Soal Tes Potensi Akademik dapat diketahui bahwa actor utamanya adalah user. Maka di dapatkan 1 use case diagram dan beberapa scenario yang memperlihatkan interaksi interaksi use case diagram dengan actor use case diagram.

3 27 Gambar 3.1 Use Case Diagram aplikasi pembelajaran dan soal TPA Berikut ini adalah deskripsi dari use case diagram pada gambar 3.1 :

4 28 Tabel 3.1 Use Case Diagramsub menu belajar Nama Aplikasi Pembelajaran Dan Soal Tes Potensi Akademik. Aktor User Aplikasi. Deskripsi User memilih button menu mulai yang berisi tentang sub menu belajar dan sub menu try out. 1. User memilih menu mulai yang ada. 2. User memilih sub menu belajar. 3. Pada aplikasi terdapat list button dari sub menu belajar, yang berisi : Kelompok Hafalan Sinonim. Kelompok Hafalan Antonim. Tips TesAnalogi 1. Tips TesAnalogi 2. Skenario Tips TesKelompok Kata. Tips TesNumerik 1. Tips TesNumerik 2. Tips TesPemahamanWacana. 4. User memilih menu mulai yang tersedia. 5. Aplikasi akan menampilkan menu yang dipilih. 6. User memilih sub menu belajar. 7. Aplikasi akan menampilkan latihan berupa tabel hafalan dan soal-soal latihan berupa plilihan ganda. 8. User mengerjakan soal-soal pilihan ganda. 9. Aplikasi akan mengecek apakah jawabannya benar

5 29 atau salah. Kondisi Awal 1. User menerima halaman sub menu belajar yang berisi list button hafalan dan soal latihan. Kondisi Akhir 1. User mempelajari isi dari menu belajar. 2. User menghafal isi menu belajar. 3. User menjawab soal pilihan ganda. Tabel 3.2 Use Case Diagram sub menu try out Nama Aplikasi Pembelajaran Dan Soal Tes Potensi Akademik. Aktor User Aplikasi. Deskripsi User men-tap- tombol menu mulai yang berisi tentang sub menu belajar dan sub menu tryout.

6 30 1. User memilih menu mulai yang ada 2. User memilih sub menu try out. Skenario 3. Pada aplikasi terdapat 50 soal pilihan ganda yang bersifat acak atau random. 4. User mengerjakan soal-soal pilihan ganda. 5. Aplikasi akan mengecek apakah jawabannya benar atau salah. 6. Apilkasi akan memberikan nilai akhir atau score. Kondisi Awal 1. User menerima halaman try out yang berupa soal-soal pilihan ganda. Kondisi Akhir 1. User menjawab soal pilihan ganda dari menu try out. 2. User mendapatkannilaiakhiratauscore Perancangan Activity Diagram Activity Diagram menggambarkan berbagai aliran aktifitas dalam sistem yang sedang dirancang, bagaimana masing-masing aliran aktifitas berawal, decision yang mungkin terjadi, dan bagaimana suatu aktifitas berakhir. Setiap langkah adalah sebuah keadaan dalam melakukan sesuatu. Gambar 3.2, 3.3 dan 3.4 adalah diagramactivitydari aplikasi yang akan dibuat.

7 31 Gambar 3.2 Activity diagram pada halaman TPA Pada gambar 3.2 diatas halaman awal yang berisi tombol mulai dan tentang, jika user memilih tentang maka aplikasi akan menampilkan halaman about yang berisi bioadata penulis. Untuk memasuki halaman sub menu user memilih button mulai, maka akan menuju halaman belajar dan try out. Bila user memilih belajar maka akan dibawa ke halaman belajar yang berisi list-button dimana tersedia 2 hafalan, 6 tips tes soal, yaitu kelompok hafalan sinonim, kelompok hafalan antonim, tips tes analogi 1, tips tes analogi 2, tips tes kelompok kata, tips tes numerik 1, tips tes numerik 2, dan tips tes pemahaman wacana. Bila user memilih hafalan maka akan dibawa ke halaman hafalan sesuai dengan pilihan user, hafalan sinonim atau hafalan antonim. Setelah itu user dapat memilih tombol back untuk kembali ke halaman belajar. Bila user memilih tips tes maka akan dibawa ke halaman tips tes soal sesuai dengan pilihan user, tips tes tips tes analogi 1, tips tes analogi 2, tips tes kelompok kata, tips tes numerik 1, tips tes numerik 2, dan tips tes pemahaman wacana. Setelah user menyelesaikan tips tes soal, user akan dibawa kembali ke halama awal. Tombol home tersedia apabila soal tips tes sudah selesai.

8 32 Gambar 3.3 Activity diagram materi soal latihan. Pada gambar 3.3 menjelaskan aplikasi saat mulai memilih materi soal latihan. Setelah itu user mendapatkan halaman utama dari aplikasi TPA yang berisi sub dari TPA. Kemudian user memilih sub materi latihan yang berisi materi hafalan dan tips tes quiz. Jika user memilih hafalan maka user akan menuju halaman hafalan sesuai apa yang dipilih user, hafalan sinonim atau hafalan antonim yang isinya berupa tabel. Kemudian jika user ingin kembali ke sub menu latihan makan user akan memilih tombol back yang sudah tersedia di sebelah kiri atas. Jika itu user memilih halaman sub menu latihan yang dipilih, aplikasi akan menampilkan halaman tips tes kuis yang dipilih. Kuis tersebut tips tes kuis masing-masing berisi 10 soal tentang materi TPA. Jika user menjawab kuis dengan jawaban yang salah maka aplikasi akan menampilkan ke halaman salah, lalu user akan diberi tahu jawaban yang benar dan berikut penjelasan jawaban dan soal tips tes terus

9 33 berjalan sampai selesai. Begitu juga jika user menjawab dengan benar. Setelah 10 soal di jawab maka akan muncul popup menandakan soal sudah habis, dan akan kembali ke halaman awal. Gambar 3.4 Activity diagram soal try out Pada gambar 3.4 menjelaskan aplikasi saat user mulai menjalankan aplikasi. Setelah itu user mendapatkan halaman utama dari aplikasi TPA. setelah memilih button mulai. Kemudian user memilih try out, aplikasi akan menampilkan halaman tips try out yang dipilih. Try out tersebut memiliki 50 soal. Setiap pergantian user soal selalu diacak (random) Jika user menjawab kuis dengan jawaban yang salah maka aplikasi akan menampilkan ke halaman salah, lalu user akan diberi tahu jawaban yang benar, berikut penjelasan jawaban dan soal tips tes terus berjalan sampai selesai. Begitu juga bila user menjawab dengan benar. Setelah 50 soal di jawab maka akan muncul popup menandakan soal sudah habis lalu aplikasi akan memberi penilaian akhir (score) dan kembali ke halaman try out.

10 Perancangan Sequence Diagram Sequence diagram digunakan untuk menggambarkan perilaku pada sebuah skenario. Diagram ini menunjukan sejumlah contoh obyek dan message yang di letakkan di antara obyek-obyek di dalam use case. Komponen utama sequence diagram terdiri dari obyek yang di tuliskan dengan kotak segi empat bernama. Message di wakili oleh garis dengan tanda panah dan waktu yang di tunjukkan dengan progress vertical. Untuk melihat proses lebih jelasnya dapat dilihat sequence diagram dibawah ini: Gambar 3.5 Sequence Diagram Aplikasi TPA Gambar 3.5 menjelaskan proses yang sedang terjadi saat user membuka halaman aplikasi TPA. Prosesnya dimulai saat user membuka halaman menu panel dan kemudian user bisa membuka halaman submenu berita, profil, jadwal, pemesanan, galeri, dan about. Pada proses ini user berada pada halaman awal aplikasi yang sedang membuka halaman menu panel serta user bisa memilih halaman submenu lainnya.

11 35 Gambar 3.6 Sequence Diagram Tabel Hafalan. Gambar 3.6 menjelaskan saat user membuka halaman sub menu belajar, dimana user akan memilih 2 materi tabel hafalan diantara nya kelompok hafalan sinonim dan kelompok hafalan antonim. Gambar 3.7 Sequence Diagram Soal Latihan. Gambar 3.7 menjelaskan saat user membuka halaman sub menu belajar, dimana user akan memilih 6 soal latihan yang memiliki materi yang berbeda diantaranya tips tes analogi 1, tips tes analogi 2, tips tes kelompok kata, tips tes numeric 1 tips tes numeric 2 dan tips tes pemahaman wacana.

12 36 Gambar 3.8 Sequence Diagram Try Out Gambar 3.8 menjelaskan saat user membuka halaman menu, dimana user akan memilih halaman soal try out yang berisikan soal sebanyak 50, soal ini bersifat random atau soal acak dan user akan diberi penilaian berupa scoring Perancangan Tampilan Antar Muka (Interface) Pada tahap ini, penulis membuat rancangan antar muka untuk Aplikasi Pembelajaran Dan Soal Tes Potensi Akademik Berbasis Android. Berikut tahapan-tahapan rancangan antar muka : Gambar 3.9Layout Halaman Menu Utama.

13 37 Gambar 3.9 menjelaskan halaman menu utama terdapat 2 tombol yang dapat dipilih. Pilihan pertama Ayo mulai merupakan tombol untuk masuk kedalam interface menu. Sedangkan pilihan kedua Tentang informasi penulis aplikasi TPA. Gambar 3.10Layout Halaman Menu. Gambar 3.10 menjelaskan layout menu, tidak terdapat perbedaan yang signifikan dengan layout pertama. Layout halaman menu terdapat 2 pilihan tombol belajar dan Try Out. Masing-masing tombol pun memiliki fungsi masing-masing. Seperti yang sudah dijelaskan pada bab sebelumnya, aplikasi ini memberikan beberapa pilihan untuk digunakan. Ketika pengguna memilih atau menekan tombol belajar, maka pengguna akan disajikan tampilan layout halaman belajar dan diberikan pilihan untuk menggunakan beberapa fungsi pada halaman tersebut.

14 38 Gambar 3.11 Layout Halaman Belajar Gambar 3.11 menjelaskan user kembali disuguhkan beberapa pilihan materi yang berbeda-beda. Hal ini memudahkan para pengguna yang ingin belajar dan mendapatkan materi yang diperoleh pada aplikasi. Untuk pilihan tombol latihan, pengguna kembali diberikan tampilan yang berbeda, dimana penggunanya mendapatkan tampilan contoh soal latihan TPA. Materi soal TPA tersebut adalah rangkuman dari beberapa contoh-contoh soal TPA yang biasanya diujikan pada kegiatan TPA.

15 39 Gambar 3.12Layout Tabel Sinonim Gambar 3.13Layout Tabel Antonim Penjelasan desain pada gambar 3.12 dan gambar 3.13 yaitu katagori tabel hafalan yang memiliki design layout yang sama. User dapat melihat tampilan tabel hafalan yang dapat di scroll kebawah. Jika user ingin kembali ke sub menu belajar maka dapat menekan tombol back ataupun jika ingin pergi ke menu utama user akan menekan tombol home. Gambar 3.14Layout Halaman Soal Latihan

16 40 Pada gambar 3.14 terdapat sebuah keterangan soal yang berisikian pertanyaan. Jika user ingin menjawab dari pertanyaan, maka user akan memilih diantara tombol a, b, c, d, dan e. Berikutnya menekan tombol cek jawaban yang akan dibawa ke halaman jawaban salah atau jawaban benar. Gambar 3.15Layout Halaman Benar Gambar 3.16Layout Halaman Salah Gambar 3.15 dan gambar 3.16 menjelaskan pada halaman salah dan benar terdapat sebuah keterangan soal yang berisikian jawaban benar dan salah. Jika user mendapatkan jawaban salah, maka terdapat sebuah keterangan kunci jawaban yang benar. Berikutnya user akan menekan tombol next untuk soal selanjutnya.

17 41 Gambar 3.17Layout Halaman Try Out TPA Pada gambar 3.17 terdapat sebuah keterangan soal yang berisikian pertanyaan. Jika user ingin menjawab dari pertanyaan, maka user akan memilih diantara tombol a, b, c, d, dan e. Berikutnya menekan tombol cek jawaban yang akan dibawa ke halaman jawaban salah tanpa kunci jawaban yang benar atau jawaban benar. Gambar 3.18 Layout Halaman Score Gambar 3.18 menjelaskanpada keterangan hasil dari nilai try out. Tombol mengulang digunakan untuk mengulang kembali soal try out dan jika ingin kembali ke menu utama maka user menekan tombol home.

18

19 41