23
3.1 Analisa
Analisa adalah suatu kegiatan yang dimulai dari proses awal didalam mempelajari serta mengevaluasi suatu bentuk permasalahan (case) yang ada. Dalam tahap analisa ini merupakan tahap awal penulis dalam pembuatan aplikasi perangkat lunak. Dalam membangun rancang bangun aplikasi pembelajaran bahasa Inggris kelas 4 SD ini penulis akan menganalisa kebutuhan dasar sistem. Analisa dilakukan terhadap data-data dengan mengetahui masalah - masalah yang ada, sehingga dapat diketahui spesifikasi kebutuhan sistem yang akan dibangun.
Di era yang semakin modern ini perkembangan teknologi semakin baik. Penggunaan komputer bukan saja sebagai alat bantu untuk menyelesaikan masalah perhitungan, pekerjaan, mengetik, sampai dengan pemrograman. Namun dapat digunakan dalam bidang multimedia. Sebagai contoh untuk bahan ajar pembelajaran bahasa Inggris berbasis multimedia. Dahulu, sistem pembelajaran hanya menggunakan buku bacaan saja. Pembelajaran seperti ini dianggap kurang variatif oleh sebagian orang. Tetapi sekarang ini sudah ada pembelajaran yang lebih intaraktif dan menarik untuk siswa yaitu dengan bantuan multimedia. Dengan bantuan multimedia, mengubah cara belajar anak-anak hanya dengan menggunakan buku menjadi digital. Pembelajaran multimedia seperti ini dapat digunakan sebagai sarana siswa dalam belajar bahasa Inggris. Agar proses pembelajaran tidak membosankan dan menyenangkan bagi siswa. Dilihat dari keadaan tersebut penulis berkeinginan membuat aplikasi pembelajaran bahasa Inggris berbasis multimedia, karena dengan adanya aplikasi tersebut dapat digunakan untuk membantu pembelajaran bahasa Inggris secara individu (mandiri). Pembuatan aplikasi ini dibuat menggunakan Adobe Flash CS3 Professional. Dengan Software pendukung yaitu adobe photoshop, adobe illustrator, dan google translate.
Penulis membuat aplikasi ini dengan menganalisa beberapa komponen dari sistem diantaranya adalah :
1. Hardware, yaitu alat yang digunakan untuk membuat aplikasi ini. 2. Software, yaitu aplikasi yang digunakan untuk membuat aplikasi ini. 3. Materi yang ada diambil dari buku bahasa inggris kelas 4 SD KTSP
tahun 2006.
4. User, yaitu pengguna.
Dari semua analisis komponen sistem dari aplikasi ini, maka didapat masukan, proses dan keluaran yaitu:
1. Proses tahap pengumpulan bahan berupa file gambar diambil dari buku bahasa Inggris KTSP 2006 untuk di masukkan kedalam aplikasi ini yang sebelumnya pada buku tersebut di scan dan kemudian di edit menggunakan Adobe Photoshop CS3. Setelah itu di import ke dalam library flash kemudian di taruh ke dalam materi dalam aplikasi ini.
2. Sedangkan pada tahap pengumpulan bahan berupa sound dilakukan dengan menggunakan software konversi teks ke suara. Kemudian di import kedalam library flash untuk kemudian dimasukkan kedalam materi dalam aplikasi ini. Yang hasilnya berupa output berupa suara.
3.2 Konsep
Pada tahap ini, konsep penulis mengacu pada metodologi Luther dimana metodologi ini pada umumnya dipakai pada pengembangan perangkat lunak berbasis multimedia. Dalam aplikasi ini terdapat 4 menu materi yaitu listening, reading, writing dan review semester.
Berikut ini penjelasan tahap dalam menentukan konsep aplikasi ini, yaitu: 1. Listening
Pada menu listening ini pengguna dapat mendengar menu listening yang sesuai dengan materi-materi yang telah di buat oleh pengguna.
2. Reading
Pada menu ini pengguna dapat melihat materi yang ada dalam menu reading. Pengguna dapat membaca menu setiap menu reading dari lesson 1- 14.
3. Writing
Pada menu ini pengguna dapat mengerjakan soal latihan. Untuk soal latihan ini pengguna dapat melihat soal pilihan ganda, essay, true or false dan acak kata.
4. Review Semester
Pada menu review semester ini berisi soal- soal ujian yang materinya dari lesson 1-7 untuk review semester 1 dan lesson 8 – 14 untuk review semester 2.
Penulis membuat aplikasi ini dengan tujuan untuk membantu para siswa dalam mempelajari bahasa Inggris secara mandiri dirumah. Penulis berharap dengan membuat aplikasi ini dapat menggantikan metode belajar yang membosankan menjadi lebih menarik.
3.3 Perancangan
Dalam merancang aplikasi ini, penulis menggunakan perancangan use case diagram dan activity diagram.
3.3.1 Perancangan Aplikasi
Use case adalah gambaran fungsionalitas dari suatu sistem, sehingga customer atau pengguna sistem paham dan mengerti mengenai kegunaan sistem yang akan dibangun. Use menggambarkan orang, system atau external entitas atau stakeholder yang menyediakan atau menerima informasi dari system. Sebuah use case menyajikan satu interaksi antara aktor dengan sistem, terkait dengan aktivitas tertentu, misalnya login ke sistem, mengaktifkan sebuah menu, membuat laporan, dan sebagainya. Setiap use case menggambarkan perilaku sejumlah aspek sistem, tanpa
mengurangi struktur internalnya. Selama pembuatan model use case secara pararel juga harus ditetapkan obyek-obyek yang terlibat dalam setiap use case.
Pada rancang bangun aplikasi pembelajaran bahasa Inggris kelas 4 SD bahwa aktor tersebut adalah pengguna. Maka didapatkan suatu use case diagram yang memperlihatkan hubungan-hubungan use case diagram dengan aktor. Use case diagram dari rancang bangun aplikasi pembelajaran bahasa Inggris kelas 4 SD ini dapat dilihat pada Gambar 3.1 berikut :
Gambar 3.1 Use case diagram rancang bangun aplikasi pembelajaran bahasa Inggris kelas 4 SD
Pada gambar 3.1 dapat dijelaskan bahwa ada seorang aktor atau pengguna yaitu anak sekolah dasar (SD) khususnya anak kelas 4 Sekolah Dasar. Use case tersebut adalah use case melihat menu, use case melihat materi, dan use case latihan dan use case mengerjakan review 1 dan review 2.
Berikut adalah deskripsi use case yang telah digambarkan :
Tabel 3.1Use case rancang bangun aplikasi pembelajaran kelas 4 SD
Nama Bab Materi
Aktor Anak Sekolah Dasar kelas 4
Deskripsi Pengguna dapat masuk kedalam aplikasi kemudian memilih materi pelajaran yang diinginkan yang berisikan materi-materi pelajaran yaitu listening dan reading, mengerjakan latihan yaitu writing, mengerjakan soal review 1 dan 2
Nama Bab Materi
Skenario
1. Pengguna masuk ke halaman cover flipbook 2. Pengguna masuk ke halaman depan.
3. Pengguna memilih menu materi pelajaran dari lesson 1 – 14
4. Pengguna memilih menu writing untuk mengerjakan soal-soal latihan
5. Sistem masuk ke halaman latihan yang dipilih 6. Sistem mengecek jawaban pengguna dan
menampilkan hasil jawabannya
7. Pengguna dapat memilih menu review 1 dan 2 Kondisi Akhir 1. Pengguna mempelajari materi pelajaran pada
menu listening dan reading yang dipilih 2. Pengguna mengisi jawaban pada soal latihan
pada menu writing yang dipilih
3. Pengguna dapat mengisi jawaban pada soal ujian review 1 dan 2
Deskripsi Pengguna dapat memilih materi pembelajaran lesson 1 sampai lesson 14 yang berisikan materi-materi pelajaran yaitu listening dan reading dan materi latihan yaitu writing. Selain itu mengerjakan review 1 dan 2.
3.3.2 Perancangan activity diagram
Activity diagram menggambarkan proses-proses yang terjadi mulai aktivitas dimulai sampai aktivitas berhenti. Activity diagram juga dapat menggambarkan proses paralel yang mungkin terjadi pada beberapa eksekusi.
Gambar 3.2 Activity diagram rancang bangun aplikasi pembelajaran bahasa Inggris kelas 4 SD
Pada gambar 3.2 diatas menjelaskan bahwa rancang bangun aplikasi pembelajaran bahasa Inggris kelas 4 disini pengguna dapat memilih menu lesson dari lesson 1-14 dan review 1 dan 2, seandainya pengguna memilih lesson 1 -14 pengguna dapat mempelajari menu listening dan reading. Pada menu listening ini pengguna dapat mendengarkan suara pada menu ini. Untuk menu reading pengguna dapat membaca menu pada setiap lesson. Sedangkan untuk menu writing, pengguna dapat mengerjakan soal latihan writing dengan sistem penilaiannya adalah pengguna mengisi soal terlebih dahulu setelah itu pengguna dapat mengkoreksinya. Jika jawaban benar maka akan menampilkan output suara benar dan sebaliknya jika jawaban salah maka menampilkan jawaban salah. Selanjutnya pengguna dapat mengerjakan soal review. Disini pengguna dapat menjawab soal –soal tersebut terlebih dahulu, jika sudah terisi semua jawabannya. Pengguna dapat mengkoreksi untuk review semester, sistem penilaian untuk review sendiri yaitu disini terdapat penilaian untuk jumlah benar dan salah. Setelah itu pengguna dapat mengetahui jumlah benar dan salah tersebut dengan mengklik tombol correct. Maka, selanjutnya akan keluar hasil penilaian untuk scoring ini. Selanjutnya, pengguna dapat melanjutkan ke materi selanjutnya. Namun jika tidak pengguna dapat keluar dari aplikasi ini.
3.3.3 Perancangan peta navigasi
Peta navigasi ini digunakan untuk menentukkan arah aplikasi yang dibuat. Sehingga pengguna tidak bingung pada saat melihat aplikasi tersebut. Pada gambar 3.3 merupakan peta navigasi dari rancang bangun aplikasi pembelajaran bahasa Inggris kelas 4 SD
Gambar 3.3 Peta navigasi Rancang Bangun Aplikasi Bahasa Inggris Kelas 4 SD Lesson 1
Materi ajar listening Materi ajar reading Materi latihan writing
Lesson 2
Materi ajar listening Materi ajar reading Materi latihan writing
Lesson 3
Materi ajar listening Materi ajar reading Materi latihan writing
Lesson 4
Materi ajar listening Materi ajar reading Materi latihan writing
Lesson 5
Materi ajar listening Materi ajar reading Materi latihan writing
Lesson 6
Materi ajar listening Materi ajar reading Materi latihan writing
Lesson 7
Materi ajar listening Materi ajar reading Materi latihan writing
Lesson 8
Materi ajar listening Materi ajar reading Materi latihan writing
Lesson 9
Materi ajar listening Materi ajar reading Materi latihan writing
Lesson 10
Materi ajar listening Materi ajar reading Materi latihan writing
Lesson 11
Materi ajar listening Materi ajar reading Materi latihan writing
Lesson 12
Materi ajar listening Materi ajar reading Materi latihan writing
Lesson 13
Materi ajar listening Materi ajar reading Materi latihan writing
Lesson 14
Materi ajar listening Materi ajar reading Materi latihan writing Halaman Cover
Halaman Menu
Review semester 1
3.3.4 Perancangan Storyboard
Pada perancangan storyboard aplikasi pembelajaran bahasa Inggris ini, penulis menggambarkan tentang bagian-bagian menu yang ditampilkan pada rancang bangun aplikasi pembelajaran ini. Dimulai dari perancangan cover depan aplikasi pembelajaran bahasa Inggris ini.
1. Tampilan storyboard cover depan
Gambar 3.4 Perancangan storyboard cover depan
Pada perancangam storyboard cover depan ini berisi tampilan awal pembuka pada saat pengguna sebelum masuk menggunakan aplikasi ini. Tampilan cover depan ini dibuat sebaik dan semenarik mungkin dan sesuai dengan keinginan pembuat aplikasi. Dengan dibuat sebaik dan semenarik mungkin pengguna nanti akan terlihat senang pada saat melihat cover depan halaman ini. Hal ini dapat menambahkan motivasi sebelum seseorang mempelajari aplikasi pembelajaran bahasa Inggris ini.
2. Tampilan storyboard menu utama
Pada perancangan stroryboad menu utama ini terdiri dari tombol lesson 1 sampai lesson 14 yang dapat dipilih oleh pengguna. Pada lesson 1-14 terdapat materi listening, reading, dan listening. Disini juga terdapat tombol untuk review 1 dan review 2 untuk mengerjakan soal ujian.
3. Tampilan storyboard halaman lesson
Gambar 3.6 Perancangan storyboard halaman lesson
Pada perancangan storyboard halaman lesson terdapat judul lesson, goal, dan gambar dan home. Judul lesson ini setiap lesson akan berbeda, dari lesson 1-14 ini berbeda judul lessonnya. Untuk goal ini adalah materi pada setiap lesson. Gambar disini untuk tampilan. Untuk home disini digunakan untuk kembali ke menu utama.
4. Tampilan storyboard halaman materi ajar listening dan reading.
Gambar 3.7 Perancangan storyboard materi listening dan reading
Pada perancangan storyboard aplikasi ini terdapat 2 materi untuk pembelajaran bahasa Inggris yaitu materi listening dan reading. Materi listening ini digunakan untuk para siswa untuk mendengarkan setiap menu listening yang terdapat pada setiap lesson dan pengguna dapat mengulang suara listening ini. Untuk menggunakan menu ini tinggal mengklik tombol play jika ingin mendengarkan menu listening. Selanjutnya terdapat menu reading, pada menu ini terdapat materi-materi yang sesuai dengan setiap lessonnya. Pengguna dapat mempelajari menu reading ini dengan baik agar pandai membaca dalam bahasa Inggris nantinya.
5. Tampilan storyboard halaman materi latihan writing
Gambar 3.8 Perancangan storyboard materi writing
Pada perancangan storyboard materi writing ini terdapat berbagai macam jenis latihan yaitu essay, pilihan ganda, true or false dan jumbled word (acak kata). Materi writing ini dapat pengguna kerjakan setelah pengguna mempelajari menu listening dan reading. Sistem penilaian untuk writing ini, pengguna menjawab soal setelah itu langsung dikoreksi oleh pengguna. Pada soal latihan writing ini terdapat kotak yaitu check answer. Kotak check answer ini berfungsi untuk mengecek jawaban pengguna, jika jawaban benar maka akan menampilkan suara output benar, maka sebaliknya jika jawaban salah akan menampilkan output suara salah.
6. Tampilan storyboard halaman review pada soal pilihan ganda
Gambar 3.9 Perancangan storyboard halaman review pada soal pilihan ganda
Pada perancangan storyboard halaman review ini berisikan soal-soal ujian. Dimana jenis soalnya terdiri dari pilihan ganda, essay dan true or false. Pada gambar 3.9 ini adalah jenis soal pilihan ganda. Pada soal pilihan ganda ini terdapat 6 soal. Pada soal latihan pilihan ganda ini terdapat tombol home, correct, reset, next, back dan juga tombol exit. Kemudian dibawahnya terdapat papan skor. Tombol home digunakan untuk kembali ke home utama. Tombol correct digunakan untuk mengkoreksi jawaban yang telah diisi oleh pengguna, tombol reset digunakan untuk mengulang soal seperti sebelumnya, tombol next digunakan untuk melanjutkan ke soal halaman selanjutnya, tombol back untuk kembali soal sebelumnya, sedangkan tombol exit untuk keluar dari soal review. Disini pada papan skor digunakan untuk mengetahui jumlah benar dan salah nilai akhir pada jawaban pengguna.
7. Tampilan storyboard halaman review pada soal essay
Gambar 3.10 Perancangan storybord halaman review pada soal essay
Pada perancangan storyboard halaman review ini berisikan jenis soal essay, dimana pada soal ini terdapat 4 soal. Pada halaman review untuk soal essay ini terdapat tombol correct, tombol reset, tombol next dan back, home dan juga tombol exit, kemudian dibawahnya terdapat papan skor. Tombol home digunakan untuk kembali ke home utama. Tombol correct digunakan untuk mengkoreksi jawaban yang telah diisi oleh pengguna, tombol reset digunakan untuk mengulang soal seperti sebelumnya, tombol next digunakan untuk melanjutkan ke soal selanjutnya dan tombol back digunakan untuk kembali ke soal sebelumnya. Sedangkan tombol exit digunakan untuk keluar dari soal review. Pada papan skor digunakan untuk mengetahui jumlah benar dan salah nilai akhir pada jawaban pengguna.
8. Tampilan storyboard halaman review pada soal true or false
Gambar 3.11 Perancangan storyboard halaman review pada soal true or false
Pada perancangan storyboard halaman review ini berisikan jenis true or false, dimana pada soal ini hanya terdapat 10 soal. Pada tampilan true or false ini terdapat tombol home, correct, reset, next, back, dan juga tombol exit. Kemudian dibawahnya terdapat papan skor. Tombol home digunakan untuk kembali ke home utama. Tombol correct digunakan untuk mengkoreksi jawaban yang telah diisi oleh pengguna, tombol reset digunakan untuk mengulang soal seperti sebelumnya, tombol next digunakan untuk melanjutkan ke soal berikutnya, tombol back digunakan untuk kembali ke soal sebelummnya, tombol exit digunakan untuk keluar dari review. Pada papan skor digunakan untuk mengetahui jumlah benar dan salah nilai akhir pada jawaban pengguna.
3.4 Pengumpulan Bahan
Pada tahap pengumpulan bahan penulis menggumpulkan bahan-bahan yang diambil dari buku bahasa Inggris kelas 4 SD yang discan dan pengumpulan bahan yang diunduh dari internet. Berikut ini adalah pengumpulan bahan yang discan :
Table 3.2 Pengumpulan bahan yang discan(S.B Sulaiman, 2010)
No Nama Ukuran Piksel Tipe Durasi Keterangan 1 Gambar-gambar pada lesson 2 pada menu listening
48.0 kb 200 x 200 GIF - Gambar ini diambil dari sebuah buku bahasa Inggris kelas 4 SD kemudian discan dan diedit di Adobe photoshop CS 3 2 Gambar-gambar pada lesson 3 pada menu listening dan reading
78.9 kb 200 x 200 GIF - Gambar ini diambil dari sebuah buku bahasa Inggris kelas 4 SD kemudian discan dan diedit di Adobe photoshop CS 3 3 Gambar-gambar pada lesson 4 pada menu listening dan writing
42,6 kb 200 x 200 GIF - Gambar ini diambil dari sebuah buku bahasa Inggris kelas 4 SD kemudian discan dan diedit di Adobe photoshop CS 3 4 Gambar – gambar pada lesson 5 pada menu listening
86.7 kb 200 x 200 GIF - Gambar ini diambil dari sebuah buku bahasa Inggris kelas 4 SD kemudian discan dan diedit di Adobe photoshop CS 3 5 Gambar-gambar pada lesson 6 pada menu reading
85.3 kb 200 x 200 GIF - Gambar ini diambil dari sebuah buku bahasa Inggris kelas 4 SD kemudian discan dan diedit di Adobe photoshop CS 3
Table 3.2Pengumpulan bahan yang discan(S.B Sulaiman, 2010), (lanjutan) No Nama Ukuran Piksel Tipe Durasi Keterangan
6 Gambar-gambar pada lesson 7 pada menu listening dan reading
47.1 kb 200 x 220 GIF - Gambar ini diambil dari sebuah buku bahasa Inggris kelas 4 SD kemudian discan dan diedit di Adobe photoshop CS 3 7 Gambar-gambar pada lesson 8 pada menu listening, reading, dan writing
67.8 kb 200 x 200 GIF - Gambar ini diambil dari sebuah buku bahasa Inggris kelas 4 SD kemudian discan dan diedit di Adobe photoshop CS 3 8 Gambar-gambar pada lesson 9 pada menu reading
72.8 kb 200 x 200 GIF - Gambar ini diambil dari sebuah buku bahasa Inggris kelas 4 SD kemudian discan dan diedit di Adobe photoshop CS 3 9 Gambar-gambar pada lesson 11 pada menu listening, reading dan writing
82.0 kb 200 x 200 GIF - Gambar ini diambil dari sebuah buku bahasa Inggris kelas 4 SD kemudian discan dan diedit di Adobe Photoshop CS 3 10 Gambar-gambar pada lesson 12 pada menu listening dan writing
72.8 kb 200 x 200 GIF - Gambar ini diambil dari sebuah buku bahasa Inggris kelas 4 SD kemudian discan dan diedit di Adobe photoshop CS 3
Table 3.2Pengumpulan bahan yang discan(S.B Sulaiman, 2010), (lanjutan) No Nama Ukuran Piksel Tipe Durasi Keterangan
11 Gambar-gambar pada lesson 13 pada menu listening dan writing
30,8 kb 200 x 200 GIF - Gambar ini diambil dari sebuah buku bahasa Inggris kelas 4 SD kemudian discan dan diedit di Adobe photoshop CS 3 12 Gambar-gambar pada lesson 14 pada menu writing dan reading
65,8 kb 200 x 200 GIF - Gambar ini diambil dari sebuah buku bahasa Inggris kelas 4 SD kemudian discan dan diedit di Adobe photoshop CS 3
Pada pengumpulan bahan yang discaning, materi yang berupa gambar anak, jam, food, Drink, animals dan lain- lain di ambil dari buku KTSP Basic English Primary 4 terbitan yudhistira lalu discan menggunakan printer HP Deskjet 5500 dan diedit menggunakan Adobe Photoshop CS3.
Table 3.3 Pengumpulan bahan yang diunduh
No Nama Ukuran Piksel Tipe Durasi Keterangan 1 pageflip_v 225_open source 462 kb - Fla - http://pageflip.hu/pag eflip_v225_source.ph p 2 Gambar anak, yang terdapat dalam halaman cover depan 4,3 kb 320 x 420 Gif - http://www.freevecto rdownload.com
Table 3.3 Pengumpulan bahan yang diunduh (Lanjutan)
No Nama Ukuran Piksel Tipe Durasi Keterangan 3 Gambar anak, yang terdapat di dalam lesson1 - 14 4 mb 300 x 250 Ai - http://www.freevecto rdownload.com 4 Gambar backgroun d untuk halaman kosong atau pemisah 3,1 kb 300 x 400 - - Dibuat/diambil dari Adobe flash 5 Gambar - gambar pada setiap menu 1,40 mb 400 x 300 Ai - http://www.freevecto rdownload.com 6 True, suara jawaban benar
11,1 kb - Mp3 1 detik Diambil dari Flash dokumen 7 False, suara jawaban salah 273 kb - Mp3 1,5 detik
Diambil dari flash dokumen 8 Suara listening pada lesson 1 seperti He is a doctor, He is not a policeman 4,92 kb - Mp3 0,2 detik Google translate 9 Suara listening pada seperti Mr. David is very old, she is sick 9,98 kb - Mp3 0,2 detik Google translate
Table 3.3 Pengumpulan bahan yang diunduh (Lanjutan)
No Nama Ukuran Piksel Tipe Durasi Keterangan 10 Suara listening pada macam – macam food dan drink 3,37 kb - Mp3 0,0 detik Google translate 11 Suara listening pada I am Denny, My shirt is orange 3,39 kb - Mp3 0,0 detik Google translate 12 Suara listening untuk The radio belongs to me, it’s mine 11,6 kb - Mp3 0,2 detik Google translate 13 Suara listening untuk keterangan waktu (jam) 7,45 kb - Mp3 0,1 detik Google translate 14 Suara listening untuk keterangan In the school 5,76 kb - Mp3 0,2 detik Google translate 15 Suara listening untuk It is a durian. It tastes sweet 9,42 kb - Mp3 0,2 detik Google translate
Table 3.3 Pengumpulan bahan yang diunduh (Lanjutan)
No Nama Ukuran Piksel Tipe Durasi Keterangan 16 Suara listening untuk keterangan Ani climbs a mountain once a month 10,2 kb - Mp3 0,2 detik Google translate 17 Suara listening untuk keterangan pada rambu- rambu lalu dijalan raya 7,59 kb - Mp3 0,1 detik Google translate
Pada tahap pengumpulan bahan material yang diunduh penulis mengambil bahan melalui internet. Gambar yang telah diunduh, setelah itu bahan yang diunduh dapat diedit sesuai keinginan kita lalu di save(simpan) dalam bentuk ".Giff". Setelah selesai kemudian dimasukkan kedalam library flash.