BAB III ANALISIS DAN DESAIN SISTEM

Transkripsi

1 BAB III ANALISIS DAN DESAIN SISTEM III.1. Analisis Masalah Dalam perancangan sebuah Media Pembelajaran Interaktif Teknik Dasar Bola Basket, dibutuhkan komponen-komponen seperti objek, dan lain-lain yang berguna untuk menunjang karya yang menarik untuk dilihat. Aplikasi flash mempunyai fungsi utama untuk membuat pemodelan 2D dan membuat Media Pembelajaran Interaktif Teknik Dasar Bola Basket. Di dalam Skripsi ini penulis merancang sebuah Media Pembelajaran Interaktif Teknik Dasar Bola Basket, yang bertujuan sebagai sarana pengenalan teknik dasar dalam bermain bola basket untuk pemula. Aplikasi ini merupakan pilihan yang tepat untuk menunjukkan kemampuan dan fasilitas yang dimiliki oleh sebuah progam aplikasi kepada pengguna. Selain itu di dalam aplikasi ini terdapat interaksi antara user dan aplikasi. III.2. Analisa Kebutuhan Sistem Pembuatan Media Pembelajaran Interaktif ini membutuhkan serangkaian peralatan yang dapat mendukung kelancaran proses perancangan dan pembuatan Media Pembelajaran Interaktif. Berikut ini aspek-aspek yang di butuhkan dalam pembuatan Media Pembelajaran Interaktif. 33

2 34 III.2.1.Perangkat Keras (Hardware) Hardware merupakan komponen yang terlihat secara fisik, yang saling bekerjasama dalam pengolahan data. Hardware yang digunakan meliputi : a. Prosesor Intel Core i3-380m b. Memory 2 GB c. Harddisk 320 GB d. Intel HD Graphics dengan layar 14 inchi e. Mouse III.2.2. Perangkat Lunak (Software) Software adalah intruksi atau program-program komputer yang dapat digunakan oleh komputer dengan memberikan fungsi serta penampilan yang diinginkan. Dalam hal ini software yang digunakan adalah : 1. Sistem Operasi Microsoft Windows 7 2. Adobe Flash CS3 III.3. Desain Sistem III.3.1.Use Case Diagram Use case diagram ini digunakan untuk menggambarkan hubungan sejumlah external aktor dengan use case yang terdapat dalam sistem. Use case ini hanya menggambarkan keadaan lingkungan sistem yang dapat dilihat dari luar

3 35 aktor, adapun use case dari Media Pembelajaran Interaktif Teknik Dasar Bola Basket ini adalah sebagai berikut : Sejarah a Intro Start Exit Materi Kuis Animasi User Gambar III.1 Use Case Keterangan use case Media Pembelajaran Interaktif Teknik Dasar Bola Basket adalah sebagai berikut : 1. Intro User memasuki halaman intro untuk memperkenalkan diri dan user dapat memilih langkah selanjutnya untuk memulai atau keluar Media Pembelajaran Interaktif Teknik Dasar Bola Basket. 2. Start Saat user memilih tombol start maka user dapat memulai Media Pembelajaran Interaktif Teknik Dasar Bola Basket dengan memilih menu-menu yang telah tersedia. 3. Exit Saat user tidak ingin memulai Media Pembelajaran Interaktif Teknik Dasar Bola Basket, user dapat memilih tombol exit untuk keluar Media Pembelajaran Interaktif Teknik Dasar Bola Basket.

4 36 4. Sejarah User memilih tombol sejarah kemudian user dapat membaca sejarah singkat tentang Bola Basket. 5. Materi User memilih tombol materi kemudian user dapat membaca materi-materi yang ada tentang Teknik Dasar Bola Basket. 6. Kuis User memilih tombol kuis kemudian user dapat menguji pengetahuan seputar materi yang telah diberikan. Setelah menjawab kuis, user akan langsung mendapatkan skor. 7. Animasi Setelah membaca materi, user dapat melihat pengayaan gerakan dengan memilih tombol animasi. III.3.2.Activity Diagram Berikut ini adalah Activity Diagram untuk menu sejarah : User Home Mulai Pilih tombol Sejarah Sejarah singkat bola basket Gambar III.2 : Activity Diagram Menu Sejarah

5 37 Berikut ini adalah Activity Diagram untuk menu Materi : User Home Mulai Pilih tombol Materi Informasi Teknik dasar bola basket Gambar III.3 : Activity Diagram Menu Materi Berikut ini adalah Activity Diagram untuk menu kuis : User Home Mulai Pilih tombol Kuis Soal seputar materi Gambar III.4 : Activity Diagram Menu Kuis

6 38 Berikut ini adalah Activity Diagram untuk menu animasi : User Home Mulai Pilih tombol Animasi Pengayaan dari materi yang dipilih Gambar III.5 : Activity Diagram Menu Animasi III.3.3.Sequence Diagram Berikut ini adalah Sequence Diagram Media Pembelajaran Teknik Dasar Bola Basket untuk menu Sejarah : Menu Sejarah User 1 : Memilih menu Sejarah() 2 : Menampilkan sejarah singkat bola basket() Gambar III.6 : Sequence Diagram Menu Sejarah

7 39 Berikut ini adalah Sequence Diagram Media Pembelajaran Teknik Dasar Bola Basket untuk menu Materi : User Menu Materi 1 : Memilih menu materi() 2 : Menampilkan materi teknik dasar bola basket() Gambar III.7 : Sequence Diagram Menu Materi Berikut ini adalah Sequence Diagram Media Pembelajaran Teknik Dasar Bola Basket untuk menu kuis : User Menu Kuis 1 : Memilih menu Kuis() 2 : Menampilkan soal seputar teknik dasar bola basket() Gambar III.8 : Sequence Diagram Menu Kuis

8 40 Berikut ini adalah Sequence Diagram Media Pembelajaran Teknik Dasar Bola Basket untuk menu animasi : User Menu Animasi 1 : Memilih menu Animasi() 2 : Menampilkan animasi seputar teknik dasar bola basket() Gambar III.9 : Sequence Diagram Menu Animasi III.4. Desain User Interface Perancangan tampilan menu atau rancangan scene dalam program ini sangat diperlukan dalam pemrograman visual karena scene ini merupakan bentuk tampilan saat program dijalankan. 1. Rancangan Tampilan Intro Rancangan halaman intro pada aplikasi ini adalah tampilan yang pertama kali muncul ketika aplikasi dijalankan. Terdapat text box yang berfungsi untuk memperkenalkan diri user kepada sistem, terdapat juga tombol exit untuk keluar aplikasi dan tombol start untuk memulai memilih menu yg ada di dalam aplikasi.

9 41 Gambar III.9. Rancangan Tampilan Home Permainan Input text Exit Start Gambar III.10. Rancangan Tampilan Halaman Intro 2. Rancangan Tampilan Menu Setelah user mengisikan nama dan memilih tombol start, user akan masuk ke halaman menu. Pada halaman menu, terdapat tombol sejarah, tombol materi dan tombol kuis.

10 42 Sejarah Materi Kuis Gambar III.11. Rancangan Tampilan Halaman Menu 3. Rancangan Tampilan Halaman Sejarah Terdapat text tentang sejarah singkat bola basket, dan juga terdapat tombol back untuk kembali ke halaman menu. Text Back Gambar III.12. Rancangan Tampilan Halaman Sejarah

11 43 4. Rancangan Tampilan Halaman Materi Terdapat text tentang pembelajaran teknik dasar bola basket yang di pilih, tombol back untuk kembali ke halaman menu dan tombol animasi untuk melihat pengayaan gerakan teknik yang di pilih Text Back Animasi Gambar III.13. Rancangan Tampilan Halaman Materi 5. Rancangan Tampilan Halaman Animasi Terdapat animasi pengayaan dari teknik dasar bola basket yang telah dipilih, terdapat juga tombol back untuk kembali ke halaman menu.

12 44 Animasi Back Gambar III.14. Rancangan Tampilan Halaman Animasi 6. Rancangan Tampilan Halaman Kuis Setelah menu kuis dipilih, user akan dihadapkan pada soal-soal yang telah dipelajari dari materi sebelumnya. Terdapat text berupa soal, dan tomboltombol pilihan berganda. Teks Pilihan A Teks Pilihan B Teks Pilihan C Teks Pilihan D Teks Gambar III.15. Rancangan Tampilan Halaman Kuis

13 45 7. Rancangan Tampilan Halaman Skor Setelah selesai menjawab soal pada halaman kuis, user akan mengetahui nilai yang didapatkannya pada halaman skor. Terdapat dynamic text yang menampilkan nama user, dynamic text untuk nilai user, dan tombol back untuk kembali ke menu. Dynamic text Dynamic text Back Gambar III.16. Rancangan Tampilan Halaman Skor