BAB III ANALISA DAN PERANCANGAN
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.
23
24
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.
25
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
26
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
27
Nama
Bab Materi 1. Pengguna masuk ke halaman cover flipbook Skenario
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.
28
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. Pengguna
Sistem
Gambar 3.2 Activity diagram rancang bangun aplikasi pembelajaran bahasa Inggris kelas 4 SD
29
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
30
Halaman Cover
Halaman Menu
Lesson 1 Materi ajar listening Materi ajar reading Materi latihan writing
Lesson 8 Materi ajar listening Materi ajar reading Materi latihan writing
Lesson 2 Materi ajar listening Materi ajar reading Materi latihan writing
Lesson 9 Materi ajar listening Materi ajar reading Materi latihan writing
Lesson 3 Materi ajar listening Materi ajar reading Materi latihan writing
Lesson 10 Materi ajar listening Materi ajar reading Materi latihan writing
Lesson 4 Materi ajar listening Materi ajar reading Materi latihan writing
Lesson 11 Materi ajar listening Materi ajar reading Materi latihan writing
Lesson 5 Materi ajar listening Materi ajar reading Materi latihan writing
Lesson 12 Materi ajar listening Materi ajar reading Materi latihan writing
Lesson 6 Materi ajar listening Materi ajar reading Materi latihan writing
Lesson 13 Materi ajar listening Materi ajar reading Materi latihan writing
Lesson 7 Materi ajar listening Materi ajar reading Materi latihan writing
Lesson 14 Materi ajar listening Materi ajar reading Materi latihan writing
Review semester 1
Review semester 2 Gambar 3.3 Peta navigasi Rancang Bangun Aplikasi Bahasa Inggris Kelas 4 SD
31
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.
32
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.
Gambar 3.5 Perancangan storyboard menu utama
33
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.
34
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.
35
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.
36
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.
37
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.
38
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.
39
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
Gambargambar pada lesson 2 pada menu listening Gambargambar pada lesson 3 pada menu listening dan reading Gambargambar pada lesson 4 pada menu listening dan writing Gambar – gambar pada lesson 5 pada menu listening Gambargambar pada lesson 6 pada menu reading
48.0 kb
200 x 200
GIF
-
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 Gambar ini diambil dari sebuah buku bahasa Inggris kelas 4 SD kemudian discan dan diedit di Adobe photoshop CS 3
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
86.7 kb
200 x 200
GIF
-
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 Gambar ini diambil dari sebuah buku bahasa Inggris kelas 4 SD kemudian discan dan diedit di Adobe photoshop CS 3
2
3
4
5
40
Table 3.2Pengumpulan bahan yang discan(S.B Sulaiman, 2010), (lanjutan) No
Nama
Ukuran
Piksel
Tipe
Durasi
Keterangan
6
Gambargambar pada lesson 7 pada menu listening dan reading Gambargambar pada lesson 8 pada menu listening, reading, dan writing Gambargambar pada lesson 9 pada menu reading Gambargambar pada lesson 11 pada menu listening, reading dan writing Gambargambar pada lesson 12 pada menu listening dan writing
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
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
72.8 kb
200 x 200
GIF
-
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 Gambar ini diambil dari sebuah buku bahasa Inggris kelas 4 SD kemudian discan dan diedit di Adobe Photoshop CS 3
72.8 kb
200 x 200
GIF
-
7
8
9
10
Gambar ini diambil dari sebuah buku bahasa Inggris kelas 4 SD kemudian discan dan diedit di Adobe photoshop CS 3
41
Table 3.2Pengumpulan bahan yang discan(S.B Sulaiman, 2010), (lanjutan) No
Nama
11
Gambar30,8 kb gambar pada lesson 13 pada menu listening dan writing Gambar65,8 kb gambar pada lesson 14 pada menu writing dan reading
12
Ukuran
Piksel
Tipe
Durasi
Keterangan
200 x 200
GIF
-
Gambar ini diambil dari sebuah buku bahasa Inggris kelas 4 SD kemudian discan dan diedit di Adobe photoshop CS 3
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 Gambar anak, yang terdapat dalam halaman cover depan
462 kb
-
Fla
-
4,3 kb
320 x 420
Gif
-
http://pageflip.hu/pag eflip_v225_source.ph p http://www.freevecto rdownload.com
2
42
Table 3.3 Pengumpulan bahan yang diunduh (Lanjutan) No
Nama
Ukuran
Piksel
Tipe
Durasi
Keterangan
3
Gambar anak, yang terdapat di dalam lesson1 14 Gambar backgroun d untuk halaman kosong atau pemisah Gambar gambar pada setiap menu True, suara jawaban benar False, suara jawaban salah Suara listening pada lesson 1 seperti He is a doctor, He is not a policeman Suara listening pada seperti Mr. David is very old, she is sick
4 mb
300 x 250
Ai
-
http://www.freevecto rdownload.com
3,1 kb
300 x 400
-
-
Dibuat/diambil Adobe flash
1,40 mb
400 x 300
Ai
-
http://www.freevecto rdownload.com
11,1 kb
-
Mp3
1 detik
Diambil dari Flash dokumen
273 kb
-
Mp3
1,5 detik
Diambil dari flash dokumen
4,92 kb
-
Mp3
0,2 detik
Google translate
9,98 kb
-
Mp3
0,2 detik
Google translate
4
5
6
7
8
9
dari
43
Table 3.3 Pengumpulan bahan yang diunduh (Lanjutan) No
Nama
Ukuran
Piksel
Tipe
Durasi
Keterangan
10
Suara listening pada macam – macam food dan drink Suara listening pada I am Denny, My shirt is orange Suara listening untuk The radio belongs to me, it’s mine Suara listening untuk keterangan waktu (jam) Suara listening untuk keterangan In the school Suara listening untuk It is a durian. It tastes sweet
3,37 kb
-
Mp3
0,0 detik
Google translate
3,39 kb
-
Mp3
0,0 detik
Google translate
11,6 kb
-
Mp3
0,2 detik
Google translate
7,45 kb
-
Mp3
0,1 detik
Google translate
5,76 kb
-
Mp3
0,2 detik
Google translate
9,42 kb
-
Mp3
0,2 detik
Google translate
11
12
13
14
15
44
Table 3.3 Pengumpulan bahan yang diunduh (Lanjutan) No
Nama
16
Suara 10,2 kb listening untuk keterangan Ani climbs a mountain once a month Suara 7,59 kb listening untuk keterangan pada ramburambu lalu dijalan raya
17
Ukuran
Piksel
Tipe
Durasi
Keterangan
-
Mp3
0,2 detik
Google translate
-
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.