PROSEDUR PENGGUNAAN APLIKASI Application Guide Sisi User Untuk menjalankan aplikasi, user dapat memilih icon berbentuk baik berada di dalam menu maupun di home. Setelah memilih icon tersebut maka secara otomatis aplikasi Business English akan terbuka. Gambar 1.1 Tampilan Home
Aplikasi Business English terdiri dari 4 menu utama yaitu: 1. Start: Merupakan menu utama dalam pembelajaran. Ketika memilih tombol start, maka akan muncul tampilan seperti Gambar 1.2. Dimana user dapat memilih 3 macam category yaitu : presentation, meeting, dan negotiation. Gambar 1.2 Tampilan Choose Category
Setelah memilih salah satu category maka akan muncul tampilan seperti gambar 1.3. Yang terdiri atas beberapa menu yang dapat diakses, yaitu : a. Pretest : berisi test test yang dapat diikuti user untuk mengukur seberapa besar kemampuan user. b. Learning : untuk pemakaian pertama kali, user harus mengikuti pretest terlebih dahulu sehingga dapat mengakses menu learning. c. Posttest : Apabila user dapat melewati pretest dengan nilai >= 8, maka user dapat langsung mengakses menu post test, ataupun user telah mengikuti learning. Gambar 1.3 Tampilan Menu
A. Bentuk-Bentuk Pretest & Posttest 1. Multiple Choice Gambar 1.4 Tampilan pretest dan posttest tipe multiple choice Tampilan diatas merupakan bentuk soal pilihan berganda untuk menu pretest dan posttest. Terdapat 4 pilihan untuk menjawab pertanyaan tersebut.
2. Voice Recognition Gambar 1.5 Tampilan pretest dan posttest tipe voice recognition Tampilan diatas merupakan bentuk soal voice recognition untuk menu pretest dan posttest. Terdapat tombol hint yang berguna untuk mendengarkan jawaban tersebut, tombol yang berbentuk microphone untuk memasukan suara, tombol skip untuk melewati pertanyaan tersebut.
3. Writing Gambar 1.6 Tampilan pretest dan posttest tipe writing Tampilan diatas merupakan bentuk soal writing untuk menu pretest dan posttest. Terdapat visualisasi gambar, tombol hint untuk mendengarkan jawaban, textbox yang bertuliskan type your answer untuk memasukan jawaban, dan tombol submit berfungsi untuk lanjut ke soal berikutnya. Setelah menjawab 10 soal yang merupakan kombinasi dari soal multiple choice, voice recognition dan writing terjawab maka akan muncul halaman Score hasil dari test tersebut.
Berikut adalah tampilan dari halaman score jika sudah menyelesaikan 10 soal yang diberikan: Gambar 1.7 Tampilan halaman score Tombol next pada halaman score akan diarahkan ke halaman submenu category. Dimana score yang didapat merupakan berfungsi untuk membuka menu learning dan posttest. Learning akan di unlock apabila telah menyelesaikan pretest, sedangkan posttest dapat diakses apabila score yang didapat lebih besar atau sama dengan 8 atau setidaknya pernah mengakses menu posttest pada halaman learning.
B. Learning Gambar 1.8 Tampilan halaman learning Tampilan diatas merupakan tampilan learning. Materi yang ditampilkan berupa paragraph dan terdapat kata yang di cetak tebal dan berwarna biru yang menandakan kata tersebut bisa dipilih.
Setelah memilih kata tersebut maka akan muncul tampilan definisi kata sebagai berikut: Gambar 1.9 Tampilan halaman Detail Word Pada halaman Detail Word berisi word, definition, part of speech, word stem, example dan terdapat 3 tombol utama yang dapat diakses yaitu: 1. Speaker Pada saat tombol yang berlogo speaker ditekan maka akan keluar suara dari kata yang dipilih 2. Microphone Berguna untuk melatih / mengecek apakah pelafalan yang diucapkan benar atau tidak.
3. Picture Berguna untuk menampilkan visualisasi gambar yang merepresentasikan kata yang akan dipelajari. Berikut adalah tampilan apabila memilih icon picture. Gambar 1.10 Tampilan halaman picture
2. Summary Setelah tombol summary pada halaman home dipilih maka akan muncul halaman summary sebagai berikut: Gambar 1.11 Tampilan halaman summary Pada halaman summary terdapat hasil rangkuman yang dikelompokkan berdasarkan category dan dibedakan menjadi current dan previous sebagai pembanding dari pretest maupun posttest yang ada. Dimana current adalah hasil test terakhir yang dilakukan dan previous adalah hasil test yang pernah dilakukan user sebelumnya.
3. Help Pada halaman help merupakan halaman yang berisi intruksi maupun petunjuk penggunaan aplikasi. Berikut adalah tampilan halaman help : Gambar 1.12 Tampilan halaman help Pada tampilan diatas merupakan tampilan menu help dimana isi dari help tersebut berguna untuk membantu user dalam menggunakan dan menjelaskan kegunaan menu-menu yang terdapat didalam aplikasi.
4. Games Apabila tombol games pada halaman home ditekan maka akan muncul sebuah instruksi sebelum masuk ke games yang dimaksud. Kegunaan instruksi adalah untuk memberikan gambaran cara memainkan games tersebut. Berikut adalah tampilan Games Instruction: Gambar 1.13 Tampilan halaman score Setelah membaca instruksi dan mengerti instruksi yang diberikan maka user dapat memilih tombol I understand untuk melanjutkan kedalam menu games yang ada. Games disajikan dalam bentuk listening, dimana terdapat tiga bentuk soal yang dapat dijawab.
Games dengan tipe Multiple Choice Gambar 1.14 Tampilan halaman games tipe multiple choice Tampilan diatas merupakan bentuk soal pilihan ganda untuk menu games. Terdapat pilihan untuk menjawab pertanyaan tersebut. Apabila telah mendengarkan percakapan secara seksama maka dapat menjawab pertanyaan tersebut dengan memilih salah satu pilihan yang telah diberikan.
Games dengan tipe voice recognition Gambar 1.15 Tampilan halaman games tipe voice recognition Tampilan diatas merupakan bentuk soal voice recognition untuk menu games. Terdapat tombol yang berbentuk microphone untuk memasukan suara, tombol skip untuk melewati pertanyaan tersebut.
Games dengan tipe Writing Gambar 1.16 Tampilan halaman games tipe writing Tampilan diatas merupakan bentuk soal writing untuk menu games. Terdapat textbox yang berguna untuk memasukkan jawaban yang sesuai. Games tersebut dapat berlanjut terus sampai life yang digambarkan dengan bgambar hati yang tertera di games tersebut masih ada. Apabila terjadi kesalahan saat menjawab pertanyaan maka secara otomatis life akan berkurang. Berikut adalah tampilan setelah games selesai dimainkan:
Gambar 1.17 Tampilan halaman score menu games Tampilan diatas merupakan tampilan score. Setelah games selesai dimainkan akan tertera score hasil permainan. Apabila score yang didapat melampaui score sebelumnya maka secara otomatis akan tampil didalam Three Top Scores. Tombol next di halaman tersebut berguna untuk masuk ke halaman home.
Application Guide Sisi Admin 1. Tampilan Login Tampilan pada gambar 2.1 adalah tampilan login untuk Admin. Admin diminta untuk memasukkan username dan password yang telah disediakan. Gambar 2.1 Tampilan Login 2. Tampilan Home Tampilan pada gambar 2.2 merupakan tampilan home ketika Admin berhasil log in. Pada tampilan home ini terdapat 4 menu utama yaitu Categories, Test, Learning dan Games. Admin dapat mengaksesnya kapan saja. Dan terdapat tombol log out pada sisi kanan atas. Tampilan paling awal ketika Admin berhasil log in merupakan menu Categories. Pada menu Categories ini Admin dapat melakukan penambahan data, pengubahan data, atau penghapusan data. Untuk menambahkan kategori baru, Admin dapat memilih tombol Add New Category, dan icon berbentuk merupakan tombol Edit, sedangkan icon berbentuk merupakan tombol hapus.
Gambar 2.2 Tampilan Home 3. Tampilan Add New Category Gambar 2.3 merupakan tampilan ketika Admin ingin menambahkan new category. Akan muncul pop-up window yang berfungsi sebagai tempat bagi Admin untuk memasukkan new category name yang diinginkan. Setelah nama kategori baru telah dimasukkan Admin dapat memilih save button jika ingin menyimpannya.
Gambar 2.3 Tampilan Add New Category 4. Tampilan Edit Category Gambar 2.4 merupakan tampilan ketika Admin ingin melakukan Update pada kategori yang telah ada. Admin terlebih dahulu memilih tombol dengan icon pada kategori yang akan diubah, dilanjutkan dengan memasukkan nama kategori baru yang diinginkan, diakhiri dengan tombol save jika Admin ingin menyimpannya.
Gambar 2.4 Tampilan Edit Category 5. Tampilan Delete Category Gambar 2.5 merupakan tampilan ketika Admin ingin menghapus kategori. Dengan mengakses tombol dengan icon pada kategori yang ingin dihapus, dilanjutkan dengan melakukan konfirmasi dengan menekan tombol OK, maka Admin dapat menghapus kategori yang diinginkan.
Gambar 2.5 Tampilan Delete Category 6. Tampilan Test Gambar 2.6 merupakan tampilan pretest dan posttest. Perbedaan antara tampilan pretest dan posttest hanya terdapat pada nama dan isi pertanyaan. Terdapat 3 menu pada tampilan ini yaitu Add New Question, Update Question, dan Delete Question.
Gambar 2.6 Tampilan Test 7. Tampilan Add New Question Tipe Multiple Choice Gambar 2.7 merupakan tampilan ketika Admin ingin menambahkan pertanyaan baru pada salah satu kategori yang tersedia. Admin akan diminta untuk memilih category dan tipe test yang mana merupakan tipe multiple choice, dilanjutkan dengan menekan tombol Add. Kemudian akan muncul textbox yang nantinya akan digunakan Admin untuk menuliskan pertanyaan serta alternatif-alternatif jawaban dari soal yang akan ditampilkan pada aplikasi, diakhiri dengan menekan tombol save ketika ingin menyimpannya ataupun tombol reset ketika ingin membatalkannya.
Gambar 2.7 Tampilan Add New Question tipe Multiple Choice 8. Tampilan Add New Question Tipe Voice Recognition Gambar 2.8 merupakan tampilan ketika Admin ingin menambahkan pertanyaan baru pada salah satu kategori yang tersedia. Admin akan diminta untuk memilih category dan tipe test yang mana merupakan tipe voice recognition, dilanjutkan dengan menekan tombol Add. Kemudian akan muncul textbox yang nantinya akan digunakan Admin untuk menuliskan pertanyaan serta jawaban dari soal yang akan ditampilkan pada aplikasi, diakhiri dengan menekan tombol save ketika ingin menyimpannya ataupun tombol reset ketika ingin membatalkannya.
Gambar 2.8 Tampilan Add New Question tipe Voice Recognition 9. Tampilan Add New Question Tipe Writing Gambar 2.9 merupakan tampilan ketika Admin ingin menambahkan pertanyaan baru pada salah satu kategori yang tersedia. Admin akan diminta untuk memilih category dan tipe test yang mana merupakan tipe writing, dilanjutkan dengan menekan tombol Add. Kemudian akan muncul textbox yang nantinya akan digunakan Admin untuk menuliskan jawaban serta nama file gambar dari soal yang akan ditampilkan pada aplikasi, diakhiri dengan menekan tombol save ketika ingin menyimpannya ataupun tombol reset ketika ingin membatalkannya.
Gambar 2.9 Tampilan Add New Question tipe Writing 10. Tampilan Edit Question tipe Multiple Chooise Gambar 2.10 merupakan tampilan ketika Admin ingin mengubah pertanyaan yang diinginkan dengan tipe pertanyaan multiple choice. Dengan terlebih dahulu menekan tombol Update yang digambarkan dengan icon pensil pada question name yang diinginkan maka akan muncul jendela pop up yang tampilannya hampir sama seperti tampilan saat akan menambahkan pertanyaan baru dengan tipe multiple choice. Admin dapat melakukan perubahan pertanyaan serta jawaban yang akan ditampilkan pada aplikasi melalui jendela pop up Edit question dan dapat diakhiri dengan menekan tombol save untuk menyimpannya kedalam database.
Gambar 2.10 Tampilan Edit Question tipe Multiple Choice 11. Tampilan Edit Question tipe Voice Recognition Gambar 2.11 merupakan tampilan ketika Admin ingin mengubah pertanyaan yang diinginkan dengan tipe pertanyaan voice recognition. Dengan terlebih dahulu menekan tombol Edit yang digambarkan dengan icon pensil pada question name yang diinginkan maka akan muncul jendela pop up yang tampilannya hampir sama seperti tampilan saat akan menambahkan pertanyaan baru dengan tipe voice recognition. Admin dapat melakukan perubahan pertanyaan serta jawaban yang akan ditampilkan pada aplikasi melalui jendela pop up Edit question dan dapat diakhiri dengan menekan tombol save untuk menyimpannya kedalam database.
Gambar 2.11 Tampilan Edit Question tipe Voice Recognition 12. Tampilan Edit Question tipe Writing Gambar 2.12 merupakan tampilan ketika Admin ingin mengubah pertanyaan yang diinginkan dengan tipe pertanyaan writing. Dengan terlebih dahulu menekan tombol Edit yang digambarkan dengan icon pensil pada question name yang diinginkan maka akan muncul jendela pop up yang tampilannya hampir sama seperti tampilan saat akan menambahkan pertanyaan baru dengan tipe writing. Admin dapat melakukan perubahan pertanyaan serta jawaban yang akan ditampilkan pada aplikasi melalui jendela pop up Edit question dan dapat diakhiri dengan menekan tombol save untuk menyimpannya kedalam database.
Gambar 2.12 Tampilan Edit Question tipe Writing 13. Tampilan Delete Question Gambar diatas merupakan tampilan ketika Admin ingin menghapus pertanyaan yang diinginkan. Dengan menekan tombol OK, maka pertanyaan telah berhasil dihapus dari database.
Gambar 2.13 Tampilan Delete Question 14. Tampilan Learn Gambar 2.14 merupakan tampilan halaman learn. Admin dapat menambahkan materi baru dengan memilih tombol add new material, melakukan perubahan materi dengan mengakses tombol edit material, dan menghapus materi dengan memilih tombol delete material.
Gambar 2.14 Tampilan Learn 15. Tampilan Add New Material Gambar 2.15a merupakan tampilan ketika Admin ingin menambahkan materi baru. Sebelum menambahkan materi baru, Admin diharuskan memilih category yang sesuai seperti terlihat pada gambar 2.15a. Kemudian Admin dapat memasukkan materi yang berupa paragraf pada textbox yang telah disediakan seperti yang terlihat pada gambar 2.15b.
Gambar 2.15a Tampilan Add New Material Gambar 2.15b Tampilan Add Paragraph
16. Tampilan Manage Material Gambar 2.16 merupakan tampilan ketika Admin memilih menu manage material. Pada bagian ini Admin dapat menambahkan kata yang merupakan target dari pembelajaran aplikasi (target word) yang termasuk bagian dari paragraf dan juga Admin dapat mengubah isi dari paragraph yang sesuai dengan word yang akan dimasukkan. Setiap paragraph dapat terdiri lebih dari satu target word. Target word ditentukan sesuai dengan kebutuhan pembelajaran. Selain itu, Admin dapat mengubah target word yang diinginkan, serta dapat menghapus target word yang tidak diinginkan pada halaman manage material ini. Gambar 4.35 Tampilan Layar Halaman Manage Material Gambar 2.16 Tampilan Manage Material
17. Tampilan Add New Word Gambar 2.17 merupakan tampilan ketika Admin ingin menambahkan target word yang diinginkan. Target word yang akan ditambahkan harus dilengkapi dengan pengertian dari kata tersebut (definition), part of speech, word stem dan contoh kalimat dari penggunaan kata (example). Untuk gambar, Admin dapat mengisinya ataupun tidak mengisinya disesuaikan dengan materi pembelajaran. Gambar 2.17 Tampilan Add New Word
18. Tampilan Edit Word Jika ingin melakukan perubahan terhadap isi dari target Word, Admin dapat melakukannya pada halaman Update Word, yang ditunjukkan dengan gambar 2.18. Setelah selesai melakukan perubahan, Admin dapat menyimpannya ke dalam database dengan memilih tombol save. Gambar 4.37 Tampilan Layar Halaman Update Word Gambar 2.18 Tampilan Edit Word
19. Tampilan Delete Word Gambar 2.19 merupakan tampilan ketika Admin ingin menghapus word. Gambar 2.19 Tampilan Delete Word Gambar 2.19 Tampilan Delete Word