BAB III ANALISA DAN PERANCANGAN SISTEM

Transkripsi

1 BAB III ANALISA DAN PERANCANGAN SISTEM 3.1 Analisa Masalah Langkah - langkah yang ditempuh yang berguna untuk mengatahui berbagai masalah yang ada, sehingga dengan adanya aplikasi pembelajaran bahasa Inggris berjudul NEP (Noobs English Practice) berbasis android ini diharapkan bisa membantu permasalahan yang dihadapi. Adapun beberapa masalah tersebut adalah sebagai berikut : 1. Ketiadaan aplikasi pembelajaran bahasa Inggris yang memaksimalkan fungsi multimedia berbasis android yang bisa berjalan secara offline dan gratis. 2. Ketiadaan aplikasi pembelajaran bahasa Inggris yang menekankan pada english conversation dengan menambahkan terjemahkan dan kuis bagi pengguna agar lebih memahami pembelajaran. 3. Pembelajaran bahasa Inggris dalam bentuk buku memiliki kekurangan karena sifat dari kertas yang rentan robek dan rusak. 4. Adanya ketergantungan manusia terhadap teknologi. 3.2 Analisa Sistem Dalam pembuatan proyek perangkat lunak diperlukan adanya analisa dan perancangan dari sistem yang akan dibuat, ini bertujuan agar proyek yang akan dibuat dapat selesai tepat waktu dan sesuai dengan tujuan awal. Kesalahan dalam analisa akan berimbas pada tahapan proyek selanjutnya dan mengakibatkan proyek tidak maksimal atau tidak sesuai dengan tujuan pembuatan proyek. Tahapan analisa ini berisi identifikasi dan evaluasi permasalahan yang ada serta kebutuhan apa saja yang dibutuhkan dalam pembuatan proyek perangkat lunak dengan adanya analisa dan perancangan maka akan didapatkan suatu gambaran mengenai kebutuhan apa saja yang dibutuhkan dalam program aplikasi ini. Berikut merupakan gambar diagram alir dari gambaran perancangan aplikasi : 31

2 32 MULAI PENGUMPULAN DATA STUDI LITERATUR ENGLISH CONSERVATION VIDEO PRACTICE VERBS MODUL EXERCISE PERANCANGAN APLIKASI ENGLISH CONSERVATION VIDEO PRACTICE VERBS MODUL EXERCISE LEVEL LIST VIDEO QUIZ QUIZ PEMODELAN SCORING QUIZ ATTRIBUT FITUR MODUL LEVEL PENGUJIAN APLIKASI SELESAI Gambar 3.1 Diagram Alir Perancangan

3 Analisa Kebutuhan Aplikasi Dalam pembuatan aplikasi NEP (Noobs English Practice)berbasis android ini terdapat berbagai kebutuhan, baik kebutuhan dalam bentuk perangkat keras maupun kebutuhan dalam bentuk perangkat lunak serta kebutuhan materi multimedia yang digunakan dalam aplikasi yang bersumber dari berbagai sumber yang disebutkan. Adapun beberapa kebutuhan tersebut adalah sebagai berikut : Kebutuhan Perangkat Keras Kebutuhan perangkat dalam pembuatan aplikasi NEP (Noobs English Practice) berbasis android diantaranya, yaitu : 1. Laptop merek Asus series K42JE Adapun spesifikasi dari laptop tersebut adalah sebagai berikut : a. Processor Intel (R) Pentium (R) 2,13GHz (2 CPUs) b. Hard disk 320 GB c. RAM 3GB d. VGA onboard AMD Radeon Graphics 1745 MB 2. Keyboard merek Logitech series K Mouse standar merek Incus 4. Modem 3,2 Mbps GSM Kebutuhan Perangkat Lunak Adapun kebutuhan perangkat lunak diantaranya sebagai berikut : 1. Sistem operasi Microsoft Windows 7 Ultimate 2. Eclispe ADT bundle x86 versi Android SDK 4. Java development kit BlueStacks API Button Creator secara online dari web dabuttonfactory.com 7. Microsoft Office dan Visio Microsoft Paint Windows 7 9. Format Factory versi Google Chrome versi 43.02

4 Kebutuhan Materi Multimedia Adapun kebutuhan materi multimedia yang dibutuhkan dalam membangun aplikasi ini adalah sebagai berikut : 1. Kebutuhan materi English Conversation berupa audio bersumber pada 2. Kebutuhan materi Video Practice berupa video terdiri 8 video diantaranya : - Video Music dengan sumber : - Video Music dengan Lyric dengan sumber : - Video Oration dengan sumber : - Video Oration dengan Text dengan sumber : - Video Self Story dengan sumber : Potongan film The Shawshank Redemption (1994) yang di download pada - Video News (Berita) dengan sumber : - Video Speaking Practice 1 dengan sumber : - Video Speaking Practice 2 dengan sumber : 3. Kebutuhan materi untuk modul pada menu Irregular Verbs yang bersumber pada buku karya Azar, Betty S Understanding and Using English Grammar Edisi Kedua Edisi Dwibahasa Inggris-Indonesia. 4. Kebutuhan clip art yang digunakan yang bersumber pada Perancangan Sistem Pada tahapan perancangan sistem ini akan digambarkan secara garis besar tentang program aplikasi NEP (Noobs English Practice) berbasis android yang akan dikembangkan lagi pada bab selanjutnya.

5 Deskripsi Sistem Aplikasi NEP (Noobs English Practice) berbasis android ini bertujuan untuk membantu dalam memperoleh kemampuan dan pemahaman dalam berbahasa Inggris yang disertai audio percakapan, video practice, beberapa materi pembelajaran bentuk kata dalam bahasa inggris dan kuis kuis yang dapat dikerjakan guna mengetahui sejauh mana kemampuan bahasa Inggris yang telah didapat, serta aplikasi ini juga bersifat gratis tanpa harus membayar untuk mendapatkannya Use Case Diagram System Memilih Menu English Conversation <<include>> Memilih Level <<include>> Menampilkan Modul Conversation <<include>> Mengerjakan Quiz User Memilih Menu Video Practice Memilih Menu Irregular Verbs <<include>> <<include>> <<include>> <<include>> Menampilkan List Video Menampilkan Modul Verbs Memilih Menu Basic Exercise Memilih Menu Help Gambar 3.2 Use Case Diagram Aplikasi Berikut adalah gambaran penjelasan singkat use case yang dimiliki oleh aplikasi : Nama Use Case Deskripsi Memilih Menu English Conversation Memilih Menu Video Practice Proses pada halaman utama dimana user akan memasuki proses level untuk melakukan pembelajaran percakapan dengan bahasa Inggris Proses utama dimana user akan memasuki proses list video dimana user akan memilih jenis video yang digunakan untuk melakukan pembelajaran video dengan bahasa Inggris

6 36 Memilih Menu Proses pada halaman utama dimana user akan memasuki Irregular Verbs proses modul conversation menggunakan tab menu yang berfungsi sebagai pembelajaran bentuk kata kerja dalam bahasa Inggris. Memilih Menu Proses pada halaman utama utama dimana user akan Basic Exercise memasuki proses kuis yang terdiri dari 4 daftar kuis yang disajikan. Memilih Menu Proses pada halaman utama yang berfungsi menampilkan Help bantuan untuk menjalankan aplikasi. Memilih Level Proses dimana user melakukan pemilihan tingkat level dalam percakapan bahasa Inggris dimana terdapat 4 tingkat level yaitu : newbie, noob, rookie dan advanced. Mengerjakan Quiz Proses dimana user akan melakukan menjawab 10 pertanyaan kuis yang masing masing diberikan. Menampilkan Proses dimana menjalankan modul-modul yang diberikan Modul pada english conversation, terdiri dari suara percakapan Conversation dalam bahasa Inggris. Menampilkan List Proses dimana menjalankan daftar video yang akan dipilih Video oleh user. Menampilkan Proses dimana menjalankan modul-modul verbs yang Modul Verbs diberikan pada irregular verbs, terdiri atas beberapa materi mengenai bentuk kata kerja dalam bahasa Inggris. Gambar 3.3 Penjelasan singkat Use Case Diagram aplikasi 3.5 Algoritma Penggunaan Aplikasi Untuk algoritma dalam penggunaan aplikasi dari awal hingga akhir adalah sebagai berikut : 1. Menjalankan aplikasi, kemudian sistem akan menampilkan dua activitiy splash screen dan masuk ke halaman utama. 2. Di dalam halaman utama ini terdapat 5 tombol, berikut merupakan gambaran penjelasan dari kelima tombol tersebut :

7 37 No. Nama Tombol Deskripsi 1 English Conversation User akan masuk kedalam menu yang berisikan pembelajaran mengenai percakapan bahasa Inggris dimana berisi level level pembelajaran. 2 Video Practice User akan masuk kedalam menu yang berisikan list video pembelajaran bahasa Inggris 3 Irregular Verbs User akan masuk kedalam menu dalam bentuk tab yang berisikan modul tentang bentuk kata kerja tidak beraturan dan modul lainnya sebagai bahan pembelajaran yang nantinya dapat digunakan dalam menjawab soal latihan pada menu Basic Exercise. 4 Basic Exercise User akan masuk kedalam menu yang berisikan soal soal latihan. 5 Help User akan diberikan tampilan berupa gambar berisi bantuan dalam menggunakan aplikasi. Gambar 3.4 Tombol pada Menu Utama dan Deskripsinya 3. Jika user menekan tombol English Conservation, maka user akan disuguhkan tombol level yang berisi 4 tingkat level yakni: newcomer, noob, rookie dan advanced. Dimana setiap level memiliki tingkat kesulitan, materi percakapan dan kuis yang berbeda. Berikut gambaran penjelasan level level dari menu English Conservation : No. Level Tingkat Deskripsi Kesulitan 1 Newcomer Sangat User akan disuguhkan 2 materi percakapan Mudah bahasa Inggris dimana masing-masing percakapan memiliki 3 tab menu yaitu : - Control : sebagai media control berisi 3 tombol untuk mendengarkan, mem-pause dan memberhentikan percakapan. - Text gambar dari percakapan yang

8 38 didengarkan dalam bentuk bahasa Inggris - Text gambar dari percakapan yang didengarkan dalam bentuk bahasa Indonesia Selain 2 materi tersebut, user juga akan disuguhkan dengan tombol Quiz yang akan menampilkan 10 soal yang disesuaikan materi dimana user hanya diminta untuk menterjemahkan soal ke bahasa Indonesia. Tujuan dari materi ini diharapkan user dapat memahami percakapan tidak hanya dalam bahasa Inggris namun dalam bahasa Indonesia. Tampilan halaman hasil nilai kuis akan muncul jika user selesai dalam menjawab pertanyaan kuis. 2 Noob Mudah User akan disuguhkan 2 materi percakapan bahasa Inggris dimana masing-masing percakapan memiliki 3 tab menu yaitu : - Control : sebagai media control berisi 3 tombol untuk mendengarkan, mem-pause dan memberhentikan percakapan. - Text gambar dari percakapan yang didengarkan dalam bentuk bahasa Inggris - Text gambar dari percakapan yang didengarkan dalam bentuk bahasa Indonesia Selain 2 materi tersebut, user juga akan disuguhkan dengan tombol Quiz yang akan menampilkan 10 soal yang disesuaikan materi dimana user diminta untuk melanjutkan pertanyaan dari percakapan yang telah di dengarkan. Tujuan dari materi ini diharapkan user dapat memahami percakapan tidak hanya dalam

9 39 bahasa Inggris namun dalam bahasa Indonesia. Tujuan dari materi ini diharapkan user dapat memahami maksud dari percakapan tersebut. Tampilan halaman hasil nilai kuis akan muncul jika user selesai dalam menjawab pertanyaan kuis. 3 Rookie Biasa User akan disuguhkan 2 materi percakapan yang ringan dalam bahasa Inggris dimana masing-masing percakapan memiliki 2 tab menu yaitu : - Control : sebagai media control berisi 3 tombol untuk mendengarkan, mem-pause dan memberhentikan percakapan. - Text gambar dari percakapan yang didengarkan dalam bentuk bahasa Inggris Selain 2 materi tersebut, user juga akan disuguhkan dengan tombol Quiz yang akan menampilkan 10 soal yang disesuaikan materi dimana user diminta menjawab pertanyaan umum mengenai percakapan yang sudah didengarkan. Tujuan dari materi ini diharapkan user dapat memahami percakapan dalam bahasa Inggris tanpa bantuan text berbahasa Indonesia. Tampilan halaman hasil nilai kuis akan muncul jika user selesai dalam menjawab pertanyaan kuis. 4 Advanced Sulit User akan disuguhkan 3 materi percakapan yang ringan dalam bahasa Inggris dimana masing-masing percakapan memiliki 1 tab menu yakni Control : sebagai media control berisi 3 tombol untuk mendengarkan, mem-

10 40 pause dan memberhentikan percakapan. Selain 3 materi tersebut, user juga akan disuguhkan dengan tombol Quiz yang akan menampilkan 10 soal yang disesuaikan materi dimana user diminta menjawab pertanyaan dalam bahasa Indonesia pemahaman mengenai percakapan yang sudah didengarkan. Tujuan dari materi ini diharapkan user dapat memahami percakapan dalam bahasa Inggris tanpa bantuan text. Tampilan halaman hasil nilai kuis akan muncul jika user selesai dalam menjawab pertanyaan kuis. Gambar 3.3 Tingkat Level pada English Conversation dan Deskripsinya 4. Jika user menekan tombol Video Practice, maka user akan disuguhkan list video yang berbeda dalam bahasa Inggris, diantaranya : video mengenai music, video mengenai pidato, video mengenai self story, video mengenai berita, dan dua video mengenai latihan berbicara yang merupakan main item dari menu Video Practice ini. Untuk video music dan pidato akan disuguhkan juga berupa video dalam bentuk text bahasa Indonesia, sehingga user dapat memahami video yang diberikan. Sedangkan untuk video self story dan berita, user akan disuguhkan berupa kuis berisi 10 soal dalam bahasa Indonesia mengenai video yang diberikan, sehingga user tidak hanya mengerti tetapi juga paham dengan baik dari video yang diberikan. Tampilan halaman hasil nilai kuis akan muncul jika user selesai dalam menjawab pertanyaan kuis. 5. Jika user menekan tombol Irregular Verbs, maka user akan disuguhkan modul mengenai ejaan untuk bentuk ing dan ed, bentuk kata kerja progressive dan non-progressive, dan daftar irregular verbs. 6. Jika user menekan tombol Basic Exercise, maka user akan disuguhkan 4 list exercise yang masing masing berisi 10 pertanyaan. Berikut gambaran penjelasan mengenai list exercise yang diberikan :

11 41 No. Exercise Deskripsi 1 Exercise 1 Pertanyaan yang diberikan yakni berupa pemahaman umum yang dalam bentuk gambar, user diharuskan menebak gambar yang diberikan yang mana terdapat 10 opsi jawaban. Tampilan halaman hasil nilai kuis akan muncul jika user selesai dalam menjawab pertanyaan kuis. 2 Exercise 2 Pertanyaan yang diberikan pernyataan ejaan ing dan ed apakah benar atau salah. Tampilan halaman hasil nilai kuis akan muncul jika user selesai dalam menjawab pertanyaan kuis. 3 Exercise 3 Pertanyaan yang diberikan yakni mengenai bentuk kata kerja progressive dan nonprogressive. Tampilan halaman hasil nilai kuis akan muncul jika user selesai dalam menjawab pertanyaan kuis. 4 Exercise 4 Pertanyaan yang diberikan yakni mengenai bentuk kata kerja tak beraturan. Tampilan halaman hasil nilai kuis akan muncul jika user selesai dalam menjawab pertanyaan kuis. Gambar 3.5 List Exercise dan Deskripsinya 7. Jika user menekan tombol Help, user akan diberikan tampilan berupa gambar berisi bantuan dalam menggunakan aplikasi. 8. Terakhir jika user keluar dari aplikasi dengan menekan tombol back pada mobile phone-nya, maka akan menampilkan activity splash screen berupa gambar yang berisi tentang pembuat aplikasi.

12 Perancangan Storyboard Storyboard adalah deskripsi masing-masing tampilan suatu kejadian dimainkan dengan menampilkan semua obyek atau elemen multimedia serta komponen-komponen aplikasi yang akan dibuat. Storyboard digunakan sebagai alat bantu pada tahapan perancangan multimedia. Satu kolom storyboard mewakili satu tampilan di layar handphone. No Tampilan Keterangan 1. Image Nama Halaman : Halaman Menu Utama Tampilan Menu Utama setelah Button 1 user menerima 2 tampilan splash screen saat memulai Button 2 aplikasi. Image : Tampilan Header Button 3 berbentuk Image pada halaman Menu Utama. Button 4 Button 1 : Tombol menuju menu English Conversation Gambar 3.6 Menu Utama Button 2 : Tombol menuju menu VideoPractice Button 3 : Tombol menuju menu IrregularVerbs Button 4 : Tombol menuju Menu Exercise Button 5 : Tombol menuju Menu Help

13 Image 1 Button 1 Button 2 Button 3 Button 4 Image 2 Gambar 3.7 Menu English Conversation Image 1 Button 1 Button 2 Button 3 Image 1 Gambar 3.8 Menu Modul English Conversation Nama Halaman : List Level English Conversation Tampilan Menu Level English Conversation yang terdiri dari 4 tingkatan level. Image : Tampilan Header berbentuk Image pada halaman List Level English Conversation. Button 1 : Tombol menuju menu Level Newcomer Button 2 : Tombol menuju menu Level Noob Button 3 : Tombol menuju menu Level Rookie Button 4 : Tombol menuju menu Level Advanced Image 2 : Berisi logo UMB Nama Halaman : Modul English Conversation Image 1 : Tampilan Header berbentuk Image pada halaman Modul English Conversation Button 1 dan 2 : Tombol menuju Modul materi percakapan bahasa Inggris berdasarkan level yang dipilih di menu English Conversation Button 3 : Tombol kuis menuju pada halaman kuis Image : Berisi logo UMB

14 TAB TAB TAB Btn1 Btn1 Btn1 Gambar 3.9 Menu Control Image 1 Button 1 Button 2 Button 3 Button 4 Button 5 Button 6 Button 7 Button 8 Button 9 Button 10 Gambar 3.10Menu Video Practice Nama Halaman : Menu Control Tampilan ketika user me-klik modul materi pada menu level english conversation. Tab : Tampilan menggunakan TabHost tampilan berbentuk menu tab. Isi tab berturut-turut : Media Control, Text English dan Text Indonesia dari audio yang dipilih. Btn1 : Tombol tombol yakni Play, Pause, dan Stop yang berguna untuk mengontrol media (audio). Nama Halaman : Menu Video Practice Tampilan ketika user me-klik menu VideoPractice Image 1 : Tampilan Header berbentuk Image pada halaman Menu Video Practice. Button 1,2,3,4,5 dan 7 : Tombol menuju halaman pemutar video berisi video yang dipilih. Button 6 dan 8 : Menu menuju ke halaman kuis.

15 45 6. VideoView Play Pause Gambar 3.11 Menu Pemutar Video Nama Halaman : Menu Pemutar Video Tampilan ketika user me-klik salah satu list video pada menu Video Practice VideoView : Menampilkan video yang diputar Play : Untuk menjalankan video Pause : Untuk mem-pause video Replay : Untuk memutar kembali video 7. TAB TAB TAB TAB IMAGE MODUL Gambar 3.12Menu Irregular Verbs Nama Halaman : Menu Irregular Verbs Tampilan Menu Irregular Verbs yang berisi menu tab untuk menampilkan modul modul mengenai bentuk kata kerja dalam bahasa Inggris. Tab : Tampilan menggunakan TabHost sehingga tampilan akan berbentuk menu tab. Berisi modul verbs yakni regular dan irregular verb, progressive dan nonprogressive. Image Modul :Tampilan gambar berisi modul materi.

16 TEXT Exercise 1 Exercise 2 Exercise 3 Exercise 4 Gambar 3.13 Menu Exercise TEXT SOAL Image SPINNER LIST OPSI JAWABAN SOAL Image SPINNER LIST OPSI JAWABAN Gambar 3.14 Sub Menu Exercise Exercise 1 Tampilan ketika user me-klik tombol menu Exercise, berisi list exercise yang bisa dipilih oleh user dimana selanjutnya setiap exercise menuju pada halaman kuis Play : Untuk menjalankan video Pause : Untuk mem-pause video Replay : Untuk memutar kembali video Tampilan ketika user me-klik tombol sub menu pada list Exercise 1, user akan diberikan sebuah kuis berisi 10 pertanyaan bergambar yang dibuat secara scrool downview. TEXT : Berisi text perintah dalam melakukan menjawab pertanyaan, SOAL : Menampilkan soal yang telah ditetapkan. SPINNER LIST OPSI JAWABAN : menampilkan opsi jawaban secara drop down menu.

17 IMAGE Tampilan ketika user memilih menu Help, maka akan ditampilkan sebuah gambar yang berisi arahan bantuan dalam menggunakan aplikasi. 11. Gambar 3.15 Menu Help TEXT SOAL SPINNER LIST OPSI JAWABAN SOAL SPINNER LIST OPSI JAWABAN SOAL SPINNER LIST OPSI JAWABAN SOAL SPINNER LIST OPSI JAWABAN SOAL Gambar 3.16 Tampilan Kuis Tampilan ketika user me-klik tombol sub menu pada list Exercise 1, user akan diberikan sebuah kuis berisi 10 pertanyaan yang dibuat secara scrool down view. TEXT : Berisi text perintah dalam melakukan menjawab pertanyaan, SOAL : Menampilkan soal yang telah ditetapkan. SPINNER LIST OPSI JAWABAN : menampilkan opsi jawaban secara drop down menu.

18 HASIL NILAI ANDA ADALAH : Text 1 Text 2 BUTTON Gambar 3.17 Hasil Kuis (Scoring) Tampilan ketika user selesai menjawab pertanyaan kuis yang diberikan. Text 1 : Nilai dari yang akan tampil dimana merupakan hasil dari kuis yang dikerjakan. Text 2 : Akan menampilkan list jawaban yang dijawab dan jawaban yang benar, sehingga user dapat melihat kesalahan dan kunci jawabannya Button : Merupakan button selesai jika di klik akan kembali ke menu utama. 13. IMAGE Tampilan splash screen untuk activity splash screen1 (tampil pada pertama kali aplikasi dijalankan), splashscreen2 (tampil setelah activity splash screen1 berjalan, dan menuju ke menu utama), dan splash screen tutup (tampil ketika aplikasi ditutup). Gambar 3.18 Tampilan Splash Screen