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.
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.
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.
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
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
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
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
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.
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
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 LoginTampilan 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
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
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
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
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
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
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
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.
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
19. Tampilan Delete Word
Gambar 2.19 merupakan tampilan ketika Admin ingin menghapus word.
Gambar 2.19 Tampilan Delete Word
