BAB III ANALISA DAN PERANCANGAN

Transkripsi

1 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 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

2 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 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 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 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 metodologi Luther dimana metodologi ini umumnya dipakai pengembangan perangkat lunak berbasis multimedia. Dalam aplikasi ini terdapat 4 menu materi yaitu, reading, writing dan review semester. Berikut ini penjelasan tahap dalam menentukan konsep aplikasi ini, yaitu: 1. Listening Pada menu ini pengguna dapat mendengar menu yang sesuai dengan materi-materi yang telah di buat oleh pengguna.

3 25 2. Reading Pada menu ini pengguna dapat melihat materi yang ada dalam menu reading. Pengguna dapat membaca menu setiap menu reading dari lesson 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 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

4 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 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 SD ini dapat dilihat 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 dan reading, mengerjakan latihan yaitu writing, mengerjakan soal review 1 dan 2

5 27 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 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 menu dan reading yang dipilih 2. Pengguna mengisi jawaban soal latihan menu writing yang dipilih 3. Pengguna dapat mengisi jawaban soal ujian review 1 dan 2 Deskripsi Pengguna dapat memilih materi pembelajaran lesson 1 sampai lesson 14 yang berisikan materi-materi pelajaran yaitu dan reading dan materi latihan yaitu writing. Selain itu mengerjakan review 1 dan 2.

6 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 beberapa eksekusi. Pengguna Sistem Gambar 3.2 Activity diagram rancang bangun aplikasi pembelajaran bahasa Inggris kelas 4 SD

7 29 Pada gambar 3.2 diatas menjelaskan bahwa rancang bangun aplikasi pembelajaran 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 dan reading. Pada menu ini pengguna dapat mendengarkan suara menu ini. Untuk menu reading pengguna dapat membaca menu 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 Perancangan peta navigasi Peta navigasi ini digunakan untuk menentukkan arah aplikasi yang dibuat. Sehingga pengguna tidak bingung saat melihat aplikasi tersebut. Pada gambar 3.3 merupakan peta navigasi dari rancang bangun aplikasi pembelajaran SD

8 30 Halaman Cover Halaman Menu Lesson 1 Materi ajar Lesson 2 Materi ajar Lesson 3 Materi ajar Lesson 4 Materi ajar Lesson 5 Materi ajar Lesson 6 Materi ajar Lesson 7 Materi ajar Lesson 8 Materi ajar Lesson 9 Materi ajar Lesson 10 Materi ajar Lesson 11 Materi ajar Lesson 12 Materi ajar Lesson 13 Materi ajar Lesson 14 Materi ajar Review semester 1 Review semester 2 Gambar 3.3 Peta navigasi Rancang Bangun Aplikasi Bahasa Inggris Kelas 4 SD

9 Perancangan Storyboard Pada perancangan storyboard aplikasi pembelajaran bahasa Inggris ini, penulis menggambarkan tentang bagian-bagian menu yang ditampilkan 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 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 saat melihat cover depan halaman ini. Hal ini dapat menambahkan motivasi sebelum seseorang mempelajari aplikasi pembelajaran bahasa Inggris ini.

10 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, reading, dan. Disini juga terdapat tombol untuk review 1 dan review 2 untuk mengerjakan soal ujian. Gambar 3.5 Perancangan storyboard menu utama

11 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 setiap lesson. Gambar disini untuk tampilan. Untuk home disini digunakan untuk kembali ke menu utama.

12 34 4. Tampilan storyboard halaman materi ajar dan reading. Gambar 3.7 Perancangan storyboard materi dan reading Pada perancangan storyboard aplikasi ini terdapat 2 materi untuk pembelajaran bahasa Inggris yaitu materi dan reading. Materi ini digunakan untuk para siswa untuk mendengarkan setiap menu yang terdapat setiap lesson dan pengguna dapat mengulang suara ini. Untuk menggunakan menu ini tinggal mengklik tombol play jika ingin mendengarkan menu. Selanjutnya terdapat menu reading, 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.

13 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 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.

14 36 6. Tampilan storyboard halaman review soal pilihan ganda ganda Gambar 3.9 Perancangan storyboard halaman review soal pilihan 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 papan skor digunakan untuk mengetahui jumlah benar dan salah nilai akhir jawaban pengguna.

15 37 7. Tampilan storyboard halaman review soal essay essay Gambar 3.10 Perancangan storybord halaman review soal Pada perancangan storyboard halaman review ini berisikan jenis soal essay, dimana 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 jawaban pengguna.

16 38 8. Tampilan storyboard halaman review soal true or false Gambar 3.11 Perancangan storyboard halaman review soal true or false Pada perancangan storyboard halaman review ini berisikan jenis true or false, dimana 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 jawaban pengguna.

17 Pengumpulan Bahan Pada tahap pengumpulan bahan penulis menggumpulkan bahan-bahan yang diambil dari buku 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 lesson 2 menu 2 Gambargambar lesson 3 menu dan reading 3 Gambargambar lesson 4 menu dan writing 4 Gambar gambar lesson 5 menu 5 Gambargambar lesson 6 menu reading 48.0 kb 200 x 200 GIF - Gambar ini diambil photoshop CS kb 200 x 200 GIF - Gambar ini diambil photoshop CS 3 42,6 kb 200 x 200 GIF - Gambar ini diambil photoshop CS kb 200 x 200 GIF - Gambar ini diambil photoshop CS kb 200 x 200 GIF - Gambar ini diambil photoshop CS 3

18 40 Table 3.2Pengumpulan bahan yang discan(s.b Sulaiman, 2010), (lanjutan) No Nama Ukuran Piksel Tipe Durasi Keterangan 6 Gambargambar lesson 7 menu dan reading 7 Gambargambar lesson 8 menu, reading, dan writing 8 Gambargambar lesson 9 menu reading 9 Gambargambar lesson 11 menu, reading dan writing 10 Gambargambar lesson 12 menu dan writing 47.1 kb 200 x 220 GIF - Gambar ini diambil photoshop CS kb 200 x 200 GIF - Gambar ini diambil photoshop CS kb 200 x 200 GIF - Gambar ini diambil photoshop CS kb 200 x 200 GIF - Gambar ini diambil Photoshop CS kb 200 x 200 GIF - Gambar ini diambil photoshop CS 3

19 41 Table 3.2Pengumpulan bahan yang discan(s.b Sulaiman, 2010), (lanjutan) No Nama Ukuran Piksel Tipe Durasi Keterangan 11 Gambargambar lesson 13 menu dan writing 12 Gambargambar lesson 14 menu writing dan reading 30,8 kb 200 x 200 GIF - Gambar ini diambil photoshop CS 3 65,8 kb 200 x 200 GIF - Gambar ini diambil 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 2 Gambar anak, yang terdapat dalam halaman cover depan 462 kb - Fla - eflip_v225_source.ph p 4,3 kb 320 x 420 Gif - rdownload.com

20 42 Table 3.3 Pengumpulan bahan yang diunduh (Lanjutan) No Nama Ukuran Piksel Tipe Durasi Keterangan 3 Gambar anak, yang terdapat di dalam lesson Gambar backgroun d untuk halaman kosong atau pemisah 5 Gambar - gambar setiap menu 6 True, suara jawaban benar 7 False, suara jawaban salah 8 Suara lesson 1 seperti He is a doctor, He is not a policeman 9 Suara seperti Mr. David is very old, she is sick 4 mb 300 x 250 Ai - rdownload.com 3,1 kb 300 x Dibuat/diambil dari Adobe flash 1,40 mb 400 x 300 Ai - rdownload.com 11,1 kb - Mp3 1 detik Diambil dari Flash dokumen 273 kb - Mp3 1,5 detik 4,92 kb - Mp3 0,2 detik 9,98 kb - Mp3 0,2 detik Diambil dari flash dokumen Google translate Google translate

21 43 Table 3.3 Pengumpulan bahan yang diunduh (Lanjutan) No Nama Ukuran Piksel Tipe Durasi Keterangan 10 Suara macam macam food dan drink 11 Suara I am Denny, My shirt is orange 12 Suara untuk The radio belongs to me, it s mine 13 Suara untuk keterangan waktu (jam) 14 Suara untuk keterangan In the school 15 Suara untuk It is a durian. It tastes sweet 3,37 kb - Mp3 0,0 detik 3,39 kb - Mp3 0,0 detik 11,6 kb - Mp3 0,2 detik 7,45 kb - Mp3 0,1 detik 5,76 kb - Mp3 0,2 detik 9,42 kb - Mp3 0,2 detik Google translate Google translate Google translate Google translate Google translate Google translate

22 44 Table 3.3 Pengumpulan bahan yang diunduh (Lanjutan) No Nama Ukuran Piksel Tipe Durasi Keterangan 16 Suara untuk keterangan Ani climbs a mountain once a month 17 Suara untuk keterangan ramburambu lalu dijalan raya 10,2 kb - Mp3 0,2 detik 7,59 kb - Mp3 0,1 detik Google translate 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.