BAB III ANALISA DAN PERANCANGAN III.1. Analisa Masalah Saat ini pembelajaran mengenai bahasa relatif monoton dan menjenuhkan serta terlihat kuno dan biasa. Di mana media pembelajaran bersifat monoton dan menjenuhkan menjadi malas untuk belajar. Untuk itu penulis mencoba membuat media pembelajaran percakapan 3 bahasa (Arab-Inggris-Indonesia) berbasis multimedia agar anak-anak lebih mudah memahami dan menikmati proses belajar dengan materi yang divisualisasikan dan dengan tampilan yang menarik. Perancangan media pembelajaran ini yaitu tentang percakapan 3 bahasa (Arab-Inggris-Indonesia) berbasis multimedia. Selain itu juga terdapat beberapa kosa kata yang dijadikan sebagai pelengkap atau pendukung sehingga dapat memperjelas informasi dari media pembelajaran percakapan 3 bahasa (Arab- Inggris-Indonesia) berbasis multimedia ini. Konsep yang di bangun dalam media pembelajaran ini yaitu dilakukan dengan cara memperkenalkan kosa kata baru, terdapat animasi 2D yang berguna untuk memperjelas situasi percakapan yang sedang berlangsung. III.2. Analisa Kebutuhan Sistem Perancangan bertujuan untuk memberikan gambaran logika sistem yang baru serta garis besar kepada pemakai sistem dalam sistem tersebut sudah tergambar logika dari seluruh sistem. Implementasi program "Media 25
Pembelajaran 3 Bahasa (Arab-Inggris-Indonesia) Berbasis Multimedia" merupakan tahap paling penting, dimana sistem yang sudah dirancang diimplementasikan untuk menghasilkan sistem yang sesuai dengan yang diinginkan dan siap dioperasikan pada keadaan yang sebenarnya. Pembuatan program media pembelajaran ini membutuhkan serangkaian peralatan yang dapat mendukung kelancaran proses perancangan dan pembuatan program media pembelajaran ini. Berikut ini aspek-aspek yang dibutuhkan dalam pembuatan Media Pembelajaran 3 Bahasa (Arab-Inggris-Indonesia) Berbasis Multimedia. 1. Perangkat Keras (Hardware) Perangkat keras (hardware) merupakan komponen yang terlihat secara fisik, yang saling bekerjasama dalam pengolahan data. Perangkat keras (hardware) yang digunakan meliputi : a. Personal komputer atau Laptop dengan spesifikasi minimal core i3, RAM 2 serta Hard Drive 500Gb. b. Mouse, Keyboard dan Monitor. 2. Perangkat Lunak (Software) Perangkat Lunak (software) adalah instruksi atau program program komputer yang dapat digunakan oleh komputer dengan memberikan fungsi serta penampilan yang diinginkan. Dalam hal ini, perangkat lunak (software) yang digunakan untuk perancangan dan pembuatan Media Pembelajaran 3 Bahasa (Arab-Inggris-Indonesia) Berbasis Multimedia adalah : a. Sistem Operasi Windows. b. Anime Studio Pro 9. c. Adobe Flash CS 6. 26
d. Adobe Photoshop. III.3. Desain Sistem III.3.1. Use Case Diagram Use Case Diagram ini digunakan untuk menggambarkan hubungan sejumlah eksternal aktor dengan Use Case yang terdapat dalam sistem. Use Case ini hanya menggambarkan keadaan lingkungan sistem yang dapat dilihat dari luar aktor, adapun Use Case dari Media Pembelajaran 3 Bahasa (Arab-Inggris-Indonesia) Berbasis Multimedia ini adalah sebagai berikut. 1 Indonesia Inggris Arab 2 Indoneisa Inggris Actor1 Arab Kosa Kata Kosa Kata 3 bahasa Tentang Tentang Penulis Gambar III.1. Rancangan Use Case Diagram III.3.2. Storyboard Storyboard adalah area berseri dari sebuah gambar sketsa yang digunakan sebagai alat perencanaan untuk menunjukkan secara visual bagaimana aksi dari sebuah cerita berlangsung. 27
Berikut ini adalah storyboard dari Media Pembelajaran 3 Bahasa (Arab-Inggris- Indonesia) Berbasis Multimedia. No Gambar Keterangan 1. Ini merupakan karakter Dwi. 2. Ini merupakan karakter Iwan. 3. Background percakapan 1 dimana Dwi dan Iwan sedang berkomunikasi melalui telepon seluler. 4. Latar pada saat Iwan menghubungi Dwi melalui telepon seluler pada menu percakapan 1. 5. Latar pada saat Iwan Hendak ke rumah Dwi. 28
6. Latar pada saat Iwan mengetuk ke rumah Dwi. 7. Latar ketika Iwan dan Dwi berada di depan rumah Dwi. 8. Background situasi di dalam rumah Dwi. 9. Latar ketika Iwan baru masuk ke dalam rumah Dwi. Tabel III.1. Storyboard III.3.3. Activity Diagram Activity Diagram menggambarkan berbagai alur aktifitas dalam sistem yang sedang dirancang. Bagaimana masing-masing alur berawal, keputusan yang mungkin terjadi dan 29
bagaimana mereka berakhir, Activity Diagram juga dapat menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi. Berikut ini merupakan Activity Diagram pada Media Pembelajaran 3 Bahasa (Arab-Inggris-Indonesia) Berbasis Multimedia yang dirancang. 1. Activity Diagram Menu Utama Menu Aplikasi Menu Utama 1 Play Utama 2 Play Utama Kota Kata Utama Tentang Utama Keluar 2. Activity Diagram Menu 1 dan 2 Gambar III.2. Activity Diagram Menu Utama 30
Menu Utama Indonesia Play Back to Inggris Play Back to Arab Play Back to Keluar Utama Gambar III.3. Activity Diagram Menu 1 dan 2 III.3.4. Sequence Diagram Sequence Diagram adalah salah satu diagram yang menampilkan interaksi-interaksi antar objek atau sistem yang disusun pada sebuah urutan dalam rangkaian waktu. Sequence diagram digunakan untuk menggambarkan skenario atau rangkaian langkah yang dilakukan sebagai respon dari suatu kejadian untuk menggambarkan output tertentu. Dibawah ini merupakan sequence diagram pada Media Pembelajaran 3 Bahasa (Arab-Inggris-Indonesia) Berbasis Multimedia. 31
Pengguna Aplikasi Percakapn 1 Percakapn 2 Kosa Kata Tentang Video Tampil aplikasi Tampil Menu Pilih 1 Tampil Video 1 Tampil Menu Pilih Bahasa Load Video Pilih 2 Tampil Video 2 Pilih Bahasa Load Video Pilih Kosakata Tampil Kosa Kata Pilih Tentang Tampil Tentang Penulis Gambar III.4. Sequence Diagram Aplikasi III.3.5. Flow Chart Pada bagian ini akan dijelaskan mengenai langkah - langkah / alur navigasi mengenai proses-proses yang terdapat pada aplikasi yang akan dibuat dalam bentuk diagram alir (flow chart). Pada gambar berikut ini ditampilkan flow chart Media Pembelajaran 3 Bahasa (Arab-Inggris-Indonesia) Berbasis Multimedia secara keseluruhan. Pada flow chart menu utama ini menjelaskan tentang proses-proses yang terjadi pada menu utama dan pada flow chart menu bangunan stasiun menjelaskan tentang proses proses yang terjadi pada menu bangunan stasiun dalam bentuk flow chart. Menu utama terdiri dari 1, 2, Kosa Kata, Tentang dan Keluar. Sedangkan pada menu percakapan 1 dan 2 terdiri dari Indonesia, Inggris, Arab. Berikut ini merupakan flow chart dari Media Pembelajaran 3 Bahasa (Arab- Inggris-Indonesia) Berbasis Multimedia. 32
1. Flow chart Menu Utama Start Menu Utama 1 1 2 2 Kosa Kata Kosa Kata Tentang Tentang End 2. Flow chart Menu 1 dan 2 Gambar III.5. Flow chart Menu Utama 33
Start Menu Indonesia Indonesia Inggris Inggris Arab Arab End Gambar III.6. Flow chart Menu 1 dan 2 III.4. Desain User Interface Perancangan interface atau tampilan pada Media Pembelajaran 3 Bahasa (Arab-Inggris-Indonesia) Berbasis Multimedia meliputi perancangan 1, 2, Kosa Kata, Tentang dan Keluar. 1. Layar Menu Utama 34
Pada layar menu utama digunakan untuk menampilkan menu awal yang menyajikan tombol tombol yang akan dipilih user untuk menjalankan Media Pembelajaran 3 Bahasa (Arab-Inggris-Indonesia) Berbasis Multimedia. Terdapat tombol tombol pilihan yang dapat digunakan oleh user adalah sebagai berikut. a. Tombol percakapan 1dan 2, digunakan untuk menampilkan layar baru yang berisi tombol-tombol Indonesia, Inggris, Arab. b. Tombol kosa kata, berfungsi untuk menampilkan layar kosa kata tiga bahasa. c. Tombol tentang, berfungsi untuk menampilkan layar tentang penulis. d. Tombol Keluar, berfungsi untuk keluar dari aplikasi. Berikut ini adalah rancangan menu utama yang dibuat dalam aplikasi Media Pembelajaran 3 Bahasa (Arab-Inggris-Indonesia) Berbasis Multimedia. b c d a 1 2 Kosa Kata Tentang Media Pembelajaran 3 Bahasa Indonesia Inggris - Arab Keluar e Gambar III.7. Rancangan Tampilan Menu Utama 2. Layer Menu 1 dan 2 Pada layar menu percakapan 1 dan 2 digunakan untuk menampilkan layar baru yang menyajikan tombol tombol yang dapat dipilih user untuk menjalankan atau menampilkan video percakapan dalam tiga bahasa. Terdapat tombol-tombol pilihan yang dapat digunakan oleh user adalah sebagai berikut. 35
a. Tombol Indonesia, digunakan untuk menampilkan video percakapan bahasa Indonesia. b. Tombol Inggris, digunakan untuk menampilkan video percakapan bahasa Inggris. c. Tombol Arab, digunakan untuk menampilkan video percakapan bahasa Arab. d. Tombol Kembali, digunakan untuk kembali ke menu utama. Berikut ini adalah rancangan menu utama yang dibuat dalam aplikasi Media Pembelajaran 3 Bahasa (Arab-Inggris Indonesia) Berbasis Multimedia. Video Kembali Indonesia Inggris Arab d c a b Gambar III.8. Rancangan Tampilan Menu 3. Layer Menu Kosa Kata Layar ini menampilkan beberapa kosa kata tiga bahasa (Indonesia-Inggris-Arab). Berikut ini adalah rancangan menu Tentang yang dibuat dalam aplikasi Media Pembelajaran 3 Bahasa (Arab-Inggris-Indonesia) Berbasis Multimedia. a. Tombol Kembali, digunakan untuk kembali ke menu utama. 36
Kosa Kata Kosa Kata Kembali a Gambar III.9. Rancangan Tampilan Menu Kosa Kata b. Layar Tentang Layar ini menampilkan beberapa informasi tentang penulis dan tombol kembali ke menu utama. Berikut ini adalah rancangan menu Tentang yang dibuat dalam aplikasi Media Pembelajaran 3 Bahasa (Arab-Inggris-Indonesia) Berbasis Multimedia. a. Tombol Kembali, digunakan untuk kembali ke menu utama. 37
Tentang Logo Universitas Nama : NIM : Prodi : Fakultas : Kembali a Gambar III.10. Rancangan Tampilan Menu Tentang 38