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
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
35
aktor, adapun use case dari Media Pembelajaran Interaktif Teknik Dasar Bola Basket ini adalah sebagai berikut :
Sejarah a Start
Materi
Exit
Kuis
Animasi
Intro 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.
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
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
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
39
Berikut ini adalah Sequence Diagram Media Pembelajaran Teknik Dasar Bola Basket untuk menu Materi :
Menu Materi User 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 :
Menu Kuis User 1 : Memilih menu Kuis()
2 : Menampilkan soal seputar teknik dasar bola basket()
Gambar III.8 : Sequence Diagram Menu Kuis
40
Berikut ini adalah Sequence Diagram Media Pembelajaran Teknik Dasar Bola Basket untuk menu animasi :
Menu Animasi User 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.
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.
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
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.
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
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