BAB III ANALISIS DAN PERANCANGAN 3.1 Analisis Masalah Dalam membangun aplikasi belajar matematika bagi anakanak, penulis akan menganalisa kebutuhan dasar sistem. Analisa dilakukan terhadap datadata yang merepresentasikan masalah, sehingga dapat diketahui spesisifikasi kebutuhan sistem yang akan dibangun. Pada tugas akhir ini, akan dirancang suatu pembelajaran berbasis multimedia untuk pelajaran matematika bagi anak, Aplikasi ini terdiri dari materi pertambahan, pengurangan, perkalian,dan pembagian. Dimana pada materimateri tersebut disusun berdasarkan kurikulum di Indonesia yang sekarang digunakan yaitu kurikulum tingkat satuan pendidikan (KTSP). Aplikasi ini disertai dengan suara yang akan memberikan petunjuk kepada pengguna, sehingga pengguna dapat aplikasi ini dengan mudah memahami pelajaran yang diberikan. Kegunaan program ini adalah untuk mempermudah pembelajaran matematika bagi anak, dimana fasilitas yang memungkinkan siswa mengulang sendiri materi yang belum dipahaminya dan memberikan kesempatan kepada siswa untuk lebih memahami materi yang disampaikan. Program ini menyediakan fiturfitur yang menarik karena ditunjang oleh gambar dan suara, sehingga memiliki daya tarik tersendiri bagi anak yang dapat memicu semangat belajar siswa untuk meningkatkan hasil belajar serta siswa tidak cepat merasa jenuh dalam proses belajar. 32
33 3.2 Analisa Sistem Aplikasi ini adalah sebuah aplikasi yang dibuat dengan, sehingga jenis file yang akan dihasilkan nanti adalah berekstensi.swf. Dalam hal ini penulis akan mengubah jenis file.swf tersebut agar menjadi file berekstensi.apk. Untuk mengubah file.swf tersebut menjadi.apk, penulis sebuah aplikasi berbasis web yang tersedia di www.swiftapk.com. Setelah file tersebut diubah ekstensinya, barulah kemudian dapat dioperasikan di smartphone Android. Aplikasi pembelajaran matematika ini terdiri dari beberapa menu tampilan awal yang mengarahkan ke menu utama,dimenu utama yang semuanya mengarahkan ke masingmasing menu lainnya yaitu : 1. Tampilan Menu Utama Merupakan tampilan awal Aplikasi yang terdiri dari satu tombol yaitu Tombol Masuk yang menuju ke memilih objek. 2. Menu Pilih Pemain Pada menu ini pengguna (user) dapat memilih objek yang terdiri dari icon mobil, icon anak lakilaki, icon hewan jerapah, icon hewan gajah, icon download, dan icon profil. Icon yang terdapat di memilih objek dapat diklik dan akan ke selanjutnya. Dalam menu ini diserta juga icon keluar, icon ini berfungsi untuk kembali ke awal aplikasi. 3. Menu Permainan Pada menu ini terdiri dari pertambahan, pengurangan, pembagian, dan perkalian. Pengguna (user) dapat memilih icon yang akan dimainkan. Pada menu ini terdapat icon keluar yang berfungsi untuk kembali ke pilih pemain. 4. Menu Pertambahan Pada menu pertambahan ini terdapat soal pertambahan, pengguna (user) dapat melihat soal matematika dengan jawaban random, apabila pengguna (user) mengklik jawaban yang salah maka akan diikuti dengan icon silang (x) dan tidak akan berpindah dan kartu akan merandom jawaban, jika pengguna (user) mengeklik jawaban yang benar maka akan diikuti tanda benar dan pengguna akan memasuki permainan selanjutnya. Dalam permainan ini
34 pegguna hanya dibatasi memilih dua jawaban apabila kedua jawaban yang dipilih salah maka permainan akan berpindah ke selanjutnya dan kartu akan memberikan jawaban yang benar. 5. Menu Pengurangan Pada ini pengguna (user) mendapatkan soal pengurangan, pengguna (user) jika mengeklik jawaban salah maka jawaban yang terdapat didalam objek akan terlihat dan akan tetap di yang sama, apabila penguna menjawab dengan benar maka objek yang ada didalam akan berpindah sesuai dengan objek yang berada benar dan permainan akan berpindah. Dalam permainan ini pengguna hanya dibatasin memilih tiga jawaban apabila ketiga jawaban yang dipilih salah maka permainan akan berpindah ke selanjutnya dan jawaban yang benar akan terlihat. 6. Menu Pembagian Pada menu pembagian pengguna (user) mendapatkan soal dan jawaban berada didalam objek, pada pengurangan pengguna ditandai dengan nyawa permainan ada lima nyawa yang diberikan, apabila pengguna (user) memilih jawaban yang salah sebanyak lima kali maka nyawa akan berkurang dan permainan selesai. Apabila pengguna (user) memilih kotak jawaban yang benar maka akan ke selanjutnya dan mendapatkan score sebanyak 10 sampe permainan habis maka score tersebut yang diperoleh pengguna (user). 7. Menu Perkalian Pada menu perkalian pengguna (user) dapat memilih jawaban yang berada dibalon yang secara random, jika pengguna salah memilih jawaban maka balon yang dipilih akan pecah dan nyawa berkurang, maka sebaliknya jika pengguna (user) memilih jawaban yang benar balon akan terbang dan mendapatkan score 10 dan ke selanjutnya.
35 8. Menu Profil Pada menu ini pengguna (user) profil dari pembuat aplikasi games matematika untuk mobile flash. 9. Menu Download Pada menu ini pengguna (user) dapat mendownload soal pertambahan, pengurangan, pembagian, dan perkalian. 3.3 Konsep Deskripsi konsep aplikasi seperti pada table 3.1 berikut ini. Tabel 3.1 Deskripsi Konsep Aplikasi Judul Pengguna Gambar Suara Animasi Aplikasi games matematika untuk mobile flash Untuk anak sekolah dasar Menggunakan file berformat.jpg dan PNG Menggunakan file.mp3 dan wav Animasi gambar dibuat sendiri dan memanfatkan media internet, teks dibuat sendiri Menggunakan tombol navigasi animasi dan pemanfaatan media suara pada aplikasi. Aplikasi ini dimaksudkan untuk menggantikan proses belajar mengajar yang bersifat manual. Mudah dimengerti dan akan lebih mengasikan karna lebih menarik. Aplikasi ini dapat digunakan pada android, laptop dan komputer.
36 3.4 Pengumpulan Bahan Aplikasi games matematika untuk mobile flash yang digunakan sebagai media pembelajaran. Pada tahap pengumpulan bahan materi penulis membagi menjadi beberapa bagian, yaitu pengumpulan bahan yang dibuat sendiri dan pegumpulan bahan yang diunduh. Tabel 3.2 Pengumpulan Bahan No Nama Ukuran Piksel Tipe Durasi Keterangan 1 Gambar pohon kelapa yang tampilan menu utama 2 Gambar bunga yang terdapat pada tampilan menu utama 3 Gambar daun yang terdapat pada tampilan menu utama 4 Gambar awan yang terdapat pada tampilan menu utama 5 Judul yang tampilan menu utama 6 Gambar pohon yang terdapat pada tampila menu utama 7 Gambar rumput bergantung yang menu utama 8 Gambar anak lakilaki yang pilih pemain 9 Judul yang pilih pemain 5.99 KB 99 x 165 4.01 KB 112 x 165 3.25 KB 110 x 136 8.00 KB 196 x 177 30.0 3,61 KB 236 x 183 4,50 KB 151 x 145 13,3 KB 197 x 315 100.0 KB PNG PNG PNG PNG Gretoon PNG PNG PNG Jokerman
37 Lanjutan Tabel 3.2 Pengumpulan Bahan No Nama Ukuran Piksel Tipe Durasi Keterangan 10 Gambar pohon kelapa yang menu permainan 11 Gambar awan yang terdapat pada menu permainan 12 Gambar rumput yang terdapat pada menu permainan 13 Gambar padang rumput yang menu permainan 14 Gambar air sungai yang menu permainan 15 Gambar jalur kereta gantung yang terdapat pada menu permainan 16 Gambar salah yang terdapat di 17 Gambar benar yang terdapat pada 18 Gambar berhasil yang terdapat di terakhir 14,0 KB 4,03 KB 2,35 KB 1,68 KB 1,49 KB 1,88 KB 12.3 KB 12.3 KB 19.9 KB 220 x 216 256 x 145 257 x 145 604 x 145 302 x 145 503 x 155 164 x 176 164 x 176 180 x 192 PNG PNG PNG PNG PNG PNG PNG PNG PNG
38 Lanjutan Tabel 3.2 Pengumpulan Bahan No Nama Ukuran Piksel Tipe Durasi Keterangan 19 Agka yang 50.0 KB Gretoon Highlight 20 Judul yang 96.0 KB Bauhaus terdaat pada 93 pertambahan 21 Judul yang 50.0 KB Kristen ITC pengurangan 22 Judul yang 50.0 KB Kristen ITC pembagian 23 Judul yang 50.0 KB Kristen ITC perkalian 24 Gambar buah 5.37 KB 156 x PNG pisang yang 150 25 Gambar buah 8.51 KB 206 x PNG jeruk yang 244 26 Gambar home 1.47 KB 136 x PNG yang terdapat 107 disetiap 27 Gambar hewan 12.1 KB 201 x PNG kodok yang 152
39 Lanjutan Tabel 3.2 Pengumpulan Bahan No Nama Ukuran Piksel Tipe Durasi Keterangan 28 Gambar 6.17 KB 123 x PNG kumbang yang 140 29 Gambar buah 9.76 KB 121 x PNG lemon yang 135 30 Gambar buah 6.51 KB 207 x PNG apel yang 201 31 Gambar buah 7.25 KB 141 x PNG alpukat yang 137 32 Gambar buah 7.87 KB 129 x PNG strobery yang 155 33 Gambar buah 19.6 KB 209 x PNG pear yang 215 34 Papan 2.47 KB 136 x PNG penunjuk 107 mulai yang menu utama 35 Button profil 30.0 Gretoon yang terdapat pada pilih pemain Adobe Flash
40 Lanjutan Tabel 3.2 Pengumpulan Bahan No Nama Ukuran Piksel Tipe Durasi Keterangan 36 Button 2.22 KB 126 x PNG download yang 95 pilih pemain 37 Papan 96.0 KB Bauhaus penunjuk 93 keluar yang pilih pemain 38 Gambar bebek 9.64 KB 178 x PNG yang terdapat 176 pada 39 Gambar gajah 4.43 KB 230 x PNG yang terdapat 167 pada 40 Gambar panda 1.80 KB 171 x PNG yang terdapat 111 pada 41 Gambar 4.78 KB 122 x PNG kambing yang 87 42 Gambar 4.01 KB 112 x PNG monyet yang 165 43 Gambar balon 3.25 KB 110 x PNG yang terdapat 136 pada 44 Gambar kotak 4.92 KB 94 x PNG jawaban yang 168
41 Lanjutan Tabel 3.2 Pengumpulan Bahan No Nama Ukuran Piksel Tipe Durasi Keterangan 45 Sound 2.094 Mp3 2.13 www.soundjay.com menu utama menit 46 Sound pilih pemain 1.268 KB Mp3 1.21 menit www.soundjay.com 47 Sound 2.094 48 Sound mulai 10.1 KB 49 Sound benar pada pembelajaran 50 Sound benar pada pembelajaran 26 KB 20 KB Mp3 1.05 menit WAV WAV WAV www.soundjay.com 3 detik Direkam dengan handphone blackberry Bit rate 128 kbps 5 detik www.soundjay.com 3 detik www.soundjay.com 3.5 Perancangan Sistem Untuk merancang aplikasi ini penulis akan mengunakan pemodelan use case diagram, activity diagram, sequence diagramdan rancangan antar muka. Penulis pemodelanpemodelan tersebut dengan tujuan agar perancangan aplikasi ini dapat sesuai dengan kebutuhankebutuhan yang sebelumnya dianalisa, sehingga aplikasi pun dapat berjalan sesuai dengan yang diharapkan.
42 3.5.1.Pemodelan Use Case Diagram Use case dideskripsikan interaksi tipikal antara pengguna sistem dengan sistem itu sendiri. Pada aplikasi games matematika untuk mobile flash, dapat diidentifikasi bahwa aktor utamanya adalah user (pengguna). Maka didapatkan satu use case diagram dan beberapa skenario yang memperlihatkan interaksiinteraksi use case diagram dengan aktor use case diagram. Use case diagram aplikasi ini dapat dilihat pada gambar 3.1 di bawah ini. Pilih Pemain Download Profil Pilih Permainan Pengguna (User) Gambar 3.1 Use Case Diagram aplikasi Pembelajaran Matematika
43 Penjelasan dari use case gambar 3.1 adalah sebagai berikut: Tabel 3.3 Skenario Use Case Pilih Pemain Nama Use Case Deskripsi singkat Aktor Pra kondisi Tindakan utama Pasca kondisi Pilih Pemain Pada use case ini aplikasi akan menampilkan pilih pemain Pengguna Aplikasi sudah dijalankan 1. Pengguna memilih objek gambar yang ingin dijalankan. Apabila use case berhasil dijalankan, maka pengguna masuk ke menu utama Tabel 3.4 Skenario Use Case Menu Pertambahan Nama Use Case Deskripsi singkat Menu Pertambahan Pada use case ini aplikasi akan menampilkan menu pertambahan Aktor Pra kondisi Pengguna Aplikasi sudah dijalankan Tindakan utama 1. Pengguna menerima penjumlahan berupa angka dan gambar. Pasca kondisi Apabila use case berhasil dijalankan, maka pengguna siap mempelajari menu pertambahan.
44 Tabel 3.5 Skenario Use Case Menu Pengurangan Nama Use Case Deskripsi singkat Aktor Pra kondisi Menu Pengurangan Pada use case ini aplikasi akan menampilkan menu pengurangan Pengguna Aplikasi sudah dijalankan Tindakan utama 1. Pengguna menerima ini dengan metode memilih jawaban yang benar Pasca kondisi Apabila use case berhasil dijalankan, maka pengguna siap mempelajari menu pengurangan Tabel 3.6 Skenario Use Case Menu Perkalian Nama Use Case Deskripsi singkat Menu Perkalian Pada use case ini aplikasi akan menampilkan menu perkalian Aktor Pra kondisi Pengguna Aplikasi sudah dijalankan Tindakan utama 1. Pengguna menerima perkalian dengan metode memilih jawaban yang benar maka score akan bertambah. Pasca kondisi Apabila use case berhasil dijalankan, maka pengguna siap mempelajari menu perkalian.
45 Tabel 3.7 Skenario Use Case Menu Pembagian Nama Use Case Deskripsi singkat Aktor Pra kondisi Menu Pembagian Pada use case ini aplikasi akan menampilkan menu pembagian Pengguna Aplikasi sudah dijalankan Tindakan utama 1. Pengguna menerima pembagian dengan metode memilih jawaban yang sudah ditentukan. Pasca kondisi Apabila use case berhasil dijalankan, maka pengguna siap mempelajari menu pembagian. Tabel 3.8 Skenario Use Case Menu Profil Nama Use Case Profil Deskripsi singkat Pada use case ini aplikasi akan menampilkan petunjuk tentang data pribadi pembuat aplikasi pembelajaran games matematika untuk mobile mengunakan flash. Aktor Pengguna Pra kondisi Aplikasi sudah berjalan Tindakan utama 1. Aplikasi akan menampilakan data pribadi pembuat aplikasi pembelajaran games matematika. Pasca kondisi Apabila use case berhasil dijalankan, maka pengguna dapat melihat informasi data pribadi
46 Tabel 3.9 Skenario Use Case Menu Dowload Nama Use Case Download Deskripsi singkat Pada use case ini aplikasi akan menampilkan yang akan di download Aktor Pengguna Pra kondisi Aplikasi sudah berjalan Tindakan utama 1. Aplikasi akan menampilakan data download. Pasca kondisi Apabila use case berhasil dijalankan, maka pengguna akan dapat mendownload. 3.5.2 Perancangan Activity Diagram Activity Diagram menunjukan langkah demi langkah untuk melakukan komputasi. Setiap langkah adalah sebuah keadaan dalam melakukan sesuatu. Diagram ini menggambarkan langkah mana yang harus dijalankan secara berurutan dan langkah mana yang bisa dijalankan secara bersama.
47 3.3.2.1 Perancangan Activity Diagram Halaman Aplikasi Aktifitas dimulai ketik pengguna mengeklik icon aplikasi, kemudian sistem menampilkan menu utama. Didalam menu utama pengguna mengeklik button masuk maka sistem menampilkan menu pilih pemain, pengguna memilih objek yang akan dimainkan pada menu permainan, setelah pengguna sudah pilih pemain maka sistem akan menampilkan menu permainan. Aktifitas selanjutnya adalah memilih menu yang terdiri dari pertambahan, pengurangan, perkalian, pembagian, download, dan profil. User System Klik icon Aplikasi Halaman Utama Klik botton masuk Menu Pilih pemain Pilih pemain Menu pemain Klik menu permainan yang diinginkan Menampi permainan yang dipilih Gambar 3.2 Activity Diagram Halaman Aplikasi
48 3.3.2.2 Perancangan Activity Diagram Untuk Halaman Menu Pemain. Aktifitas dimulai ketika pengguna mengeklik button masuk, kemudian sistem menampilkan menu pilih pemain. Selanjutnya pengguna memilih objek yang akan dimainkan. USER SYSTEM Klik Icon Pemain Halaman Utama Klik Botton Masuk Menu Pilih Pemain. Gambar 3.3 Activity Diagram Halaman Menu Utama Pada gambar 3.2 menjelaskan diagram aktivitas untuk pilih pemain. Pegguna dalam ini memilih objek yang akan dimainkan dimenu permainan, terdapat enam button yang terdiri dari button mobil, button jerapah, button gajah.button manusia, button download, dan button profil. Pengguna dapat memilih salah satu button yang pilih peman, selanjutnya pengguna akan bermain di pemain dengan button yang dipilih.
49 3.3.2.3 Perancangan Activity Diagram Untuk Halaman Menu Permainan. Aktifitas dimulai ketika pengguna mengeklik pilih pemian selanjutnya sistem menampilkan menu permainan. Aktifitas selanjutnya adalah memilih menu yang terdiri dari pertambahan, pengurangan, perkalian, dan pembagian. USER SYSTEM Klik Icon Aplikasi Halaman Utama Klik Botton Masuk Menu Pilih Pemain Pilih Pemain Menu Permainan Pertambahan pengurangan,perkalian, Pembagian,Download,dan profil Gambar 3.4 Activity Diagram Halaman Menu Permainan.
50 3.3.2.4 Perancangan Activity Diagram Untuk Halaman Menu Pertambahan Aktifitas dimulai ketika pengguna mengeklik menu pertambahan dari menu permainan. Selanjutnya sistem akan menampilkan pertambahan, selanjutnya pengguna berinteraksi dengan pertambahan. User System Pilih Pemain Menu permainan Pertambahan, Pengurangan, perkalian, Pembagian,Download profil Klik Botton Pertambahan Menampilkan permainan Pertambahan Memainkan Permaianan Permaianan Berjalan salah Mengacak jawaban Benar Pindah ke selanjutnya Memilih botton menu Home ke Menu permainan Permainan Selesai Gambar 3.5 Activity Diagram Halaman Menu Pertambahan Pada gambar 3.4 menjelaskan diagram aktivitas untuk pertambahan. Penguuna pada ini belajar penjumlahan dengan metode permainan, terdapat soal penjumlahan pada, pada terdapat jawaban yang dapat dipilih selama pengguna memainkan pertambahan, jika jawaban yang dipilih benar maka diikuti dengan objek benar dan ke selanjutnya, dan apabila pengguna mengeklik jawaban yang salah maka tidak berpidah dan jawaban akan mengacak menunjukan jawaban yang benar.
51 3.3.2.5 Perancangan Activity Diagram Untuk Halaman Menu Pengurangan. Aktifitas dimulai ketika pengguna mengeklik menu pengurangan dari menu permainan. Selanjutnya sistem akan menampilkan pengurangan, pengguna dapat berinteraksi dengan pengurangan. User System Pilih Pemain Menu permainan Pertambahan, Pengurangan, perkalian, Pembagian,Download profil Klik Botton Pengurangan Menampilkan permainan Pengurangan Memainkan Permaianan Permaianan Berjalan Benar salah Guci akan Pecah dan tetap Di Guci akan pecah Dan memunculkan Angka dan gambar Memilih botton menu Home ke Menu permainan Permainan Selesai Gambar 3.6 Activity Diagram Halaman Menu Pengurangan Pada gambar 3.5 menjelaskan diagram aktivitas untuk pengurangan. Pengguna pada ini memilih jawaban yang, ada pilihan jawaban yang dapat diklik. Pada saat pengguna menjawab semua soal yang ada di terdapat icon yang menyatakan jawaban benar atau salah, jika jawaban yang dipilih benar maka diikuti dengan objek benar dan ke selanjutnya, dan apabila pengguna mengeklik jawaban yang salah maka tidak berpidah dan jawaban akan mengacak menunjukan jawaban yang benar.
52 3.3.2.6 Perancangan Activity Diagram Untuk Halaman Menu Perkalian Aktifitas dimulai ketika pengguna mengeklik menu perkalian dari menu permainan. Selanjutnya sistem akan menampilkan perkalian, selanjutnya pengguna dapat berinteraksi dengan perkalian. User System Pilih Pemain Menu permainan Pertambahan, Pengurangan, perkalian, Pembagian,Download profil Klik Botton Perkalian Menampilkan permainan Perkalian Memainkan Permaianan Permaianan Berjalan salah Jawaban akan Teracak dan nyawa berkurang Benar Pindah Ke selanjutnya Memilih menu Pengulangan atau menu button home ke menu Permainan Permainan selesai Gambar 3.7 Activity Diagram Halaman Menu Perkalian Pada gambar 3.6 menjelaskan diagram aktivitas untuk perkalian. Pengguna pada ini berinteraksi dengan soal perkalian dengan metode permainan, terdapat gambar pada ini, terdapat soal perkalian dan pengguna mengeklik salah satu jawaban dari. Diberikan nyawa sebanyak 5 apabila pengguna (user) salah memilih jawaban yang salah maka nyawa berkurang dan tetap di, sebaliknya pengguna (user) memilih jawaban yang benar mendapatkan score 10 dan akan berpindah ke selajutnya.
53 3.3.2.7 Perancangan Activity Diagram Untuk Halaman Menu Pembagian Aktifitas dimulai ketika pengguna mengeklik menu pembagian dari menu permainan. Selanjutya sistem akan menampilkan pembagian. User System Pilih Pemain Menu permainan Pertambahan, Pengurangan, perkalian, Pembagian,Download profil Klik Botton Pembagian Menampilkan permainan Pembagian Memainkan Permaianan Permaianan Berjalan salah Nyawa akan Berkurang dan tetap Di Benar Pindah Ke selanjutnya Memilih menu Pengulangan atau menu button home ke menu Permainan Permainan selesai Gambar 3.8 Activity Diagram Halaman Menu Pembagian. Pada gambar 3.7 menjelaskan diagram aktivitas untuk pembagian. Pengguna pada ini terdapat soal pembagian dan pilihan jawaban. Pada ini terdapat score, Diberikan nyawa sebanyak 5 apabila pengguna (user) salah memilih jawaban yang salah maka nyawa berkurang dan tetap di, sebaliknya pengguna (user) memilih jawaban yang benar mendapatkan score 10 dan akan berpindah ke selajutnya.
54 3.3.2.8 Perancangan Activity Diagram Untuk Halaman Menu Profil. Aktifitas dimulai ketika pengguna memilih icon profil dari utama. Selanjutnya sistem akan menampilkan profil pembuat. User System Masuk ke profil Menampilkan menu profil Melihat data dan foto penulis Gambar 3.9 Activity Diagram Halaman Menu Profil
55 3.3.2.9 Perancangan Activity Diagram Untuk Halaman Menu Download. Aktifitas dimulai ketika pengguna mengeklik menu download dari pilih pemain. Selanjutnya sistem akan menampilkan download. Pada ini pengguna dapat mendownload soal pertambahan, pengurangan, perkalian, dan pembagian, jika pengguna mendownload salah satu soal maka sistem akan menampilkan soal. User System Pilih Pemain Menu permainan Pertambahan, Pengurangan, perkalian, Pembagian,Download profil Klik Botton Download Menampilkan Halaman Download Klik menu permainan Yang akan Di Download Klik menu permainan Yang akan Di Download Gambar 3.10 Activity Diagram Halaman Menu Download.
56 3.5.3 Perancangan Sequence Diagram Sebuah Sequence Diagram secara khusus menjabarkan aktivitas sebuah skenario tunggal. Diagram tersebut menunjukan sejumlah objek contoh dan pesanpesen melalui objekobjek didalam use case diagram (Fowler, 2005). Dari bentuk use case yang telah digambarkan sebelumnya, dapat dibuat Sequence Diagram. 3.5.3.1 Perancangan Sequence Diagram Aplikasi Games Matematika Sequence diagram mengenal aplikasi games matematika skenario dan langkahlangkah yang dilakukukan pengguna. Pertama pengguna mengklik icon masuk kemudian memilih icon pilih pemain, selanjutnya pengguna mengeklik icon mulai dan penguna berinteraksi dengan menu permaina sampe selesai. Halaman utama Pilih Pemain Menu Permainan Pengguna Memasuki Halaman Menu Utama Menu pilih pemain Berinteraksi menu permainan Selesai Gambar 3.11 Sequence Diagram Halaman Aplikasi Games Matematika
57 3.5.3.2 Perancangan Sequence Diagram Pilih Pemain. Sequence Diagram pada pilih pemain menggambarkan skenario dan langkahlangkah yang dilakukan pengguna. Dimulai pada saat pengguna memasuki menu utama dan mengklik icon masuk, kemudian pengguna memasuki icon pilih pemain, selanjutnya pengguna mengeklik icon pemain yang di inginkan. Daftar Pemain Menampilkan Pemain Pengguna Memasuki Halaman Pilih Pemain Lihat daftar Pemain Pilih Pemain Pemain Yang dipih Gambar 3.12 Sequence Diagram Halaman Pilih Pemain.
58 3.5.3.3 Perancangan Sequence Diagram Menu Permainan. Sequence Diagram pada menu permainan menggambarkan skenario dan langkahlangkah yang dilakukan pengguna. Dimulai pada saat pengguna memasuki menu utama dan mengklik icon masuk, kemudian pengguna memasuki icon pilih pemain, selanjutnya pengguna mengeklik icon permainan yang di inginkan, pengguna akan memasuki utama dengan mengklik icon mulai maka pengguna akan berinteraksi sampe dengan selesai. Halaman utama Pemain Yang dipilih Daftar permainan Pengguna Memasuki Halaman Menu Utama Lihat daftar Pemain Pilih Permainan Permainan yang dipilih Gambar 3.13 Sequence Diagram Halaman Menu Permainan.
59 3.6 Rancangan Tampilan Antarmuka Pada bagian ini, penulis akan melakukan perancangan sketsa untuk tampilan antarmuka pada aplikasi. Berikut adalah rancanganrancangan tampilan tersebut: 3.6.1 Rancangan Tampilan Jendela Menu Menu Utama Berikut adalah rancangan tampilan jendela menu utama pada aplikasi APLIKASI GAMES MATEMATIKA UNTUK MOBILE MENGGUNAKAN FLASH ANIMASI Gambar 3.14 Rancangan Tampilan Jendela Menu utama Pada jendela ini terdapat: Button mulai: berfungsi untuk menampilkan pilih pemain.
60 3.6.2 Rancangan Tampilan Jendela Menu Pilih Pemain. GAJAH Profi MOBIL PILIH PEMAIN JERAPAH MANUSIA Gambar 3.15 Rancangan Tampilan Jendela Menu utama Pada jendela ini terdapat: Button pilih pemain : berfungsi untuk menampilkan yang dipilih. 3.6.3 Rancangan Tampilan Jendela Menu Permainan. MENU PERMAINAN KEMBAL I kelua : x masu
61 Gambar 3.16 Rancangan Tampilan Jendela Menu Permainan Pada jendela ini terdapat: Botton kembali : Berfungsi untuk menampilkan menu sebelumnya menu pilih pemain Button pertambahan :berfungsi untuk menampilkan pertambahan Button pengurangan :berfungsi untuk menampilkan pengurangan Button perkalian :berfungsi untuk menampilkan perkalian Button pembagian :berfungsi untuk menampilkan pembagian Button download :berfungsi untuk menampilkan download 3.6.4 Rancangan Tampilan Jendela Awal Pertambahan PERTAMBAHAN MULAI Gambar 3.17 Rancangan Tampilan Jendela Awal Pertambahan Pada jendela ini terdapat: Button Mulai : berfungsi untuk memasuki pertambahan.
62 3.6.5 Rancangan Tampilan Jendela Pertambahan Keluar 4 + 5 =...? 7 9 10 Gambar 3.18 Rancangan Tampilan Jendela Awal Pertambahan Pada jendela ini terdapat: Button Keluar : berfungsi untuk kembali ke menu permainan. Button Angka : berfungsi untuk menjawab pertanyaan. 3.6.6 Rancangan Tampilan Jendela Awal Pengurangan PENGURANGAN MULAI Gambar 3.19 Rancangan Tampilan Jendela Awal Pengurangan Pada jendela ini terdapat: Button Mulai : berfungsi untuk memasuki pertambahan.
63 3.6.7 Rancangan Tampilan Jendela Pengurangan keluar 5 2 3 5 2 Gambar 3.20 Rancangan Tampilan Jendela pengurangan Pada jendela ini terdapat: Button Keluar : berfungsi untuk kembali ke menu permainan. Button Angka : berfungsi untuk menjawab pertanyaan. 3.6.8 Rancangan Tampilan Jendela Awal Perkalian PERKALIAN MULAI Gambar 3.21 Rancangan Tampilan Jendela Awal Perkalian Pada jendela ini terdapat: Button Mulai : berfungsi untuk memasuki pertambahan.
64 3.6.9 Rancangan Tampilan Jendela Awal Perkalian kelua 4 x 2 8 5 12 10 Gambar 3.22 Rancangan Tampilan Jendela Perkalian Pada jendela ini terdapat: Button Keluar : berfungsi untuk kembali ke menu permainan. Button Angka : berfungsi untuk menjawab pertanyaan. 3.6.10 Rancangan Tampilan Jendela Awal Pembagian PEMBAGIAN MULAI Gambar 3.23 Rancangan Tampilan Jendela Awal Pembagian Pada jendela ini terdapat: Button Mulai : berfungsi untuk memasuki pertambahan.
65 3.6.11 Rancangan Tampilan Jendela Pembagian keluar : 6 3 4 2 1 5 Gambar 3.24 Rancangan Tampilan Jendela Perkalian Pada jendela ini terdapat: Button Keluar : berfungsi untuk kembali ke menu permainan. Button Angka : berfungsi untuk menjawab pertanyaan 3.6.12 Rancangan Tampilan Jendela Download KELUAR DOWNLOAD + PERTAMBAHAN PENGURANGAN : X PEMBAGIAN PERKALIAN Gambar 3.25 Rancangan Tampilan Jendela Download Pada jendela ini terdapat: Button Keluar : berfungsi untuk kembali ke menu permainan.
66 Button pertambahan : berfungsi untuk mendownload soal pertambahan. Button pengurangan : berfungsi untuk mendownload soal pengurangan. Button perkalian : berfungsi untuk mendownload soal perkalian. Button pembagian : berfungsi untuk mendownload soal pembagian. 3.6.13 Rancangan Tampilan Jendela Profil APLIKASI GAMES UNTUK MOBILE Nama : Riyad Widiarta MENGGUNAKAN FLASH Alamat : Cileduk Jurusan : Sisstem Informasi Foto Pembuat Keluar Gambar 3.26 Rancangan Tampilan Jendela Profil Pada jendela ini terdapat: Button Keluar : berfungsi untuk kembali ke menu permainan.