3.1 Analisa Sistem
Dalam Tugas Akhir ini akan dibuat sebuah pengembangan aplikasi pembelajaran percakapan bahasa inggris - indonesia, karena terkadang orang dalam melakukan percakapan bahasa inggris masih bingung dan pengucapan yang benar.
Aplikasi ini menggunakan perangkat mobile /handphone yang mendukung java MIDP 2.0. Pemilihan telepon selular untuk pengembangan aplikasi selain mudah dalam pengoperasian, sifat dari telepon selular yang fleksibel menjadi salah satu alasannya. Sekarang ini telepon selular seakan menjadi salah satu kebutuhan pokok bagi masyarakat.
Pada bab ini akan dijelaskan tentang perancangan sistem pembelajaran percakapan bahasa indonesia – inggris dan perangakat lunak yang mendukung pembuatan program aplikasi ini berbasis J2ME yang dikembangkan oleh penulis. Perancangan program ini dimaksudkan untuk mendapatkan suatu hasil yaitu berupa software aplikasi mobile game berbasis J2ME sebagai sarana pembelajaran dan panduan berbasis J2ME.
Teknik yang digunakan yaitu membuat aplikasi J2ME/MIDlet yang nantinya akan digunakan pengguna (user) dengan memanfaatkan sebuah handphone. Dengan memanfaatkan perangkat mobile seperti handphone, pengguna (user) dapat belajar percakapan bahasa inggris – indonesia sesuai pilihan tema yang dipilih oleh pengguna (user).
Analisis kebutuhan sistem didefinisikan sebagai cara untuk memahami dan menspesifikasi dengan detail, apa yang harus dilakukan oleh system. Tujuan dari analisis adalah memahami dengan sebenar – benarnya kebutuhan dari system 3.2 Perancangan Sistem
Perancangan sistem berisikan penjelasan tentang deskripsi umum sistem, pembuatan flowchart dan UML (Unified Modelling Language), aplikasi
handphone dengan menggunakan netbeans 7.1.1 sebagai Java Development Kit –
nya. Dimana perancangan dan pembuatan rancangan aplikasi terdapat beberapa element pembangun utama, antara lain :
a. Menu Conversation, yaitu terdapat 3 pilihan tema conversation yang tersedia ialah : shopping, reservation hotel, dan asking for direction.
b. Menu Tenses, yaitu suatu menu panduan tentang bentuk kata kerja dalam bahasa inggris untuk menunjukkan waktu (sekarang, masa depan, atau masa lalu) terjadinya suatu perbuatan atau peristiwa.
c. Menu Setting, yaitu menu pilhan untuk mengaktifkan dan menonaktifkan suara.
d. Menu Help, yaitu petunjuk tentang penggunaan aplikasi e. Menu About, yaitu menjelaskan tentang aplikasi
3.2.1 Deskr ipsi Umum Aplikasi Pembelajaran Per cakapan Bahasa Indonesia - Inggris
Pada deskripsi umum aplikasi ini adalah menjelaskan bagaimana system pada handphone ini berjalan, pada menu conversation terdapat beberapa pilihan percakapan yang didalam nya terdapat animasi percakapan dan audio. Dan menu pada tenses adalah panduan kecil tentang bentuk kata kerja dalam bahasa inggris
untuk menunjukkan waktu (sekarang, masa depan, atau masa lalu) terjadinya suatu perbuatan atau peristiwa, Sehingga user lebih memahami kalimat kata kerja yang dipakai pada saat percakapan.
3.3 Flowchart Aplikasi
Sebelum user masuk ke aplikasi maka akan muncul splash screen sebagai pembuka aplikasi untuk beberapa saat sebelum user memasuki menu utama, pada menu utama user disediakan beberapa pilihan menu yaitu : conversation, tenses, setting, help, about dan exit. Untuk pemilihan pada menu utama aplikasi, sampai disini maka link flowchart akan berpindah halaman ke nomor 1
Pada Gambar 3.1 menjelaskan tentang flowchart dimana aplikasi ini bisa digunakan, dan didalam aplikasi ini terdapat beberapa pilihan untuk menu utama.
3.3.1 Flowcahart Menu Utama Aplikasi
Saat user masuk ke dalam tampilan menu utama aplikasi maka user akan dihadapkan pada sebuah kondisi untuk memilih menu conversation, tenses, setting, help, about . Saat user ingin keluar maka hanya memilih menu exit maka akan keluar pada aplikasi, untuk memilih menu conversation maka akan muncul tampilan pilihan tema conversation dan sampai disini link flowchart berpindah ke nomor 2, dan untuk memilih menu tenses tutorial maka akan muncul pilihan tenses dan pada menu ini link flowchart berpindah ke nomor 3. (Gambar 3.2)
3.3.2 Flowchart Conver sation
Saat user masuk pada menu utama maka akan dihadapkan pada sebuah kondisi memilih menu, pada menu conversation terdapat 3 pilihan tema percakapan yaitu shopping, reservation hotel, asking for direction. Saat user selesai memilih salah satu dari tema tersebut maka akan tampil animasi percakapan dan setelah percakapan tersebut selsai maka akan kembali pada pilihan tema. Dilihat pada gambar 3.3
3.3.3 Flowchart Tenses Tutorial
Saat user masuk pada menu tenses tutorial terdapat tiga tenses. Saat user selesai memilih salah satu dari tenses tersebut maka akan dihadapkan dengan kondisi memilih menu rumus dan contoh kalimat. Dilihat pada gambar 3.4
3.4 Use Case Diagram
Pada gambar use case diagram dapat dijelaskan bahwa user dapat menggunakan aplikasi dengan semestinya dan dapat melakukan berbagai aktifitas pada aplikasi. Pada gambar 3.5 ini dapat dilihat bagaimana aplikasi digunakan.
Gambar 3.5 Use Case Diagram
3.5 Activity Diagr am Menu Utama Aplikasi
Pada menu utama aplikasi terdapat beberapa pilihan conversation, tenses, setting, help, about, exit. Pengguna (user) dapat melakukan pemilihan pada salah satu menu utama. Untuk penjabaran activity menu utama akan dijelaskan pada gambar 3.6 User Membuka aplikasi Menutup aplikasi setting Help Melihat percakapan Memilih percakapan Memilih menu utama
Melihat tenses tutorial
Mengulang percakapan
Gambar 3.6 Diagram Activty Menu Utama
3.5.1 Activity Diagram Conversation
Pada diagram ini akan dijelaskan tentang alur pemilihan tema sampai dengan tampilan animasi conversation, apabila user sudah memilih salah satu tema tersebut dan akan ada perintah back pada akhir alur percakapan maka akan kembali ke menu pilihan tema. Dilihat pada gambar 3.7
User System
Membuka aplikasi let's talk
Pilih menu aplikasi Start
Splash Screen
Tampilan Menu Utama
Menjalankan aplikasi
Output aplikasi
Gambar 3.7 Diagram Activity Menu Conversation
3.5.2 Activity Diagram Menu Perulangan Conver sation
Pada diagram ini akan menjelaskan pilihan menu pada perulangan conversation, dimana pengguna (user) dapat memilih menu untuk mengulang percakapan yang diinginkan, dalam menu perulangan terdapat pilihan menu translate. Pengguna (user) dapat melihat arti dari percakapan tersebut. Dapat dilihat pada gambar 3.8
User System
pi lih menu utama conversation Start
memi lih salah satu tema
T
Menampilkan menu tema conversati on
tampil an anim asi tema
End Y
Memi lih tema lain Y
Gambar 3.8 Diagram Activity Menu Perulangan 3.5.3 Activity Diagram Menu Tenses Tutorial
Pada diagram ini akan mejelaskan pilihan menu tenses, menu tenses ini berupa tutorial sederhana mengenai rumus tenses yaitu Present Tense, Past Tense, dan Future Tense. Tenses ini berguna untuk panduan rumus membuat kalimat sesuai pada waktu pemakaiannya dan disertai contoh kalimat pada tiap tenses .Disini akan dijelaskan alur dari activity diagram menu tenses pada gambar 3.9
User System
Memili h salah satu tema conversation Start
Perulangan percakapan Menu Perul angan
T
Menampil kan ani masi tema conversati on
Y
End
Gambar 3.9 Diagram Activity Menu Tenses
3.5.4 Activity Diagram Setting
Pada diagram activity setting ini adalah dimana pengguna (user) memilih untuk pengaturan aplikasi dengan pilihan sound on atau off , pada suara aplikasi di handphone. Berikut alur diagramnya dapat dilihat gambar 3.10
User System
memilih menu utama tenses tutorial Start
memilih salah satu jenis tenses
memilih rumus atau contoh T
T
End Menampilkan menu tenses tutorial
menampilkan menu rumus dan contoh kalimat
tampilan rumus atau contoh kalimat
memilih jenis tenses lain Y
Y
T
Gambar 3.10 Diagram Activity Menu Setting 3.6 Perancangan Antar Muka Aplikasi
Perancangan antarmuka merupakan perancangan halaman aplikasi interaktif langsung antara sistem dengan pengguna. Dalam penjabaran ini hanya menampilkan rancangan antarmuka untuk pemilihan tema percakapan, adapun perancangan tampilan menu utama adalah sebagai berikut :
3.6.1 Tampilan menu utama :
Gambar 3.11 Menu Utama
StartUser System
Pil ihan m enu setting
Setting Start
Y
T
Suara On/off Menampilkan menu utama
End MAIN MENU • Conversation • Tenses Tutorial • Setting • Help • About
•
Keluar3.6.2 Tampilan menu conver sation:
Pada perancangan menu conversation ini terdapat beberapa tema percakapan yang dilengkapi dengan beberapa tombol pilihan back, next. Preview, dan option. Pada tombol option terdapat pilihan menu seperti translate ke bahasa indonesia dan reload untuk perulangan pada conversation yang sedang aktif, dapat dilihat rancangan pada gambar 3.12
Gambar 3.12 Menu Conversation
3.6.3 Tampilan Tema Shopping (berbelanja) :
Pada perancangan tampilan menu tema shopping terdapat clue verb / kunci
verb sehingga pengguna dapat mengetahui kunci kata kerja pada percakapan.
Setelah tampilan clue pengguna menekan tombol selanjutnya maka akan tampil pada perancangan percakapan shopping dimana percakapan ini menerangkan tentang pembelajaran atau panduan berbicara saat ingin membeli sesuatu, dapat dilihat pada gambar 3.13 dan 3.14
Shopping (berbelanja)
Reservation hotel (pemesanan hotel) Asking for directions (menanyakan arah)
Gambar 3.13 Tampilan Key verb shopping
Pada gambar dibawah ini adalah perancangan tampilan animasi percakapan tema shopping
Gambar 3.14 Tampilan Conversation Shopping
Back Option Next Key Verb Of Conversation
(Kata Kerja Percakapan) Show...-> Menunjukan Made...-> Buatan Have...-> Mempunyai Look...-> Melihat Take...-> Membawa Would...-> Dapat Shopping shirt
A(karakter penjaga toko) : Good
morning madam (selamat pagi nyonya) A(karakter penjaga toko) : what can I do for you? (apa yang bisa saya bantu ?)
B(Karakter Pembeli) : would you show me a home made shirt ? (dapatkah tunjukan baju buatan dalam negeri ?)
3.6.4 Tampilan Tema Reser vation Hotel (pemesanan hotel) :
Pada perancangan menu tema reservation hotel sama halnya dengan tema shopping terdapat clue verb sebelum memasuki panduan percakapan, dimana pada tema ini menerangkan tentang bagaimana cara pemesanan pada kamar hotel dapat dilihat perancangannya pada gambar 3.15 dan 3.16
Gambar 3.15 Tampilan Key verb Reservation Hotel
Pada gambar dibawah ini adalah perancangan tampilan animasi percakapan tema reservation.
Gambar 3.16 Tampilan Conversation Reservation Hotel
Back Option Next
Key Verb Of Conversation (Kata Kerja Percakapan) Want...-> Akan/menginginkan book...-> Memesan
Stay...-> Tinggal Tell...-> Mengatakan Pay...-> Membayar
A(karakter pegawai hotel) : good morning sir (selamat pagi tuan) A(karakter pegawai hotel) : what can i do for you?(boleh saya bantu?) B(Karakter tamu) : good morning , madam (selamat pagi bu)
B(Karakter tamu) : I want to book rooms (saya ingin memesan kamar)
3.6.5 Tampilan Tema Asking for dir ections (menanyakan arah):
Pada perancangan menu tema asking for directions sama halnya dengan tema shopping dan reservation terdapat clue verb sebelum memasuki panduan percakapan, dimana pada tema ini menerangkan tentang bagaimana cara menanyakan arah jalan ketika kita tersesat atau lupa arah nya, dapat dilihat perancangannya pada gambar 3.17 dan 3.18
Gambar 3.17 Tampilan Key verb Asking for Direction
Pada gambar dibawah ini adalah perancangan tampilan animasi percakapan tema asking for direction
Gambar 3.18 Tampilan Conversation Asking for Direction
Back Option Next
A(orang yang bertanya):Excuse me madam, would you tell me the way to “siloam hospital because I lost my way?” (permisi, bisa beritahu saya jalan menuju rumah sakit siloam?)
B(Pejalan kaki) : ok, from here please straight a head about 3 blocks , then turn right about 300 m, there is “siloam hospital ” in front of the library(baik, dari sini silahkan lurus saja dari 3 blok ini, belok kanan kira – kira 300 m, disana ada rumah sakit siloam di depan perpustakaan)
Key Verb Of Conversation (Kata Kerja Percakapan) Lost...-> Kehilangan Turn...-> Belok
3.6.6 Tampilan Menu Tenses Tutorial :
Pada perancangan tampilan menu tenses tutorial ini terdapat tiga macam tenses yang pada umumnya dipakai yaitu present tense, past tense, future tense yang dimana di dalamnya terdapat rumus dan contoh kalimat
Gambar 3.19 Tampilan Menu Tenses Tutorial 3.6.7 Tampilan Menu Rumus dan Contoh Tenses
Pada perancangan tampilan menu ini adalah dimana ketika pengguna memilih salah satu tenses tutorial, didalamnya terdapat menu rumus dan contoh kalimat tenses tersebut, dapat dilihat pada gambar 3.20
Gambar 3.20 Tampilan Menu Rumus dan Contoh Tenses 3.6.8 Tampilan Pr esent Tense
Perancangan tampilan tenses ini terdapat rumus tenses dan contoh kalimat, pada rumus tenses terdapat option perulangan pada audio rumus dan untuk
TENSES TUTORIAL Present Tense Past Tense Future Tense Tenses Tutorial Rumus Example 1 Example 2 Example 3 Back
contoh kalimat terdapat option pilihan audio bahasa indonesia dan inggris. Pada tenses ini menerangkan waktu yang terjadi sekarang, dapat dilihat perancangan rumus dan salah satu contoh pada tenses pada gambar 3.21 dan 3.22
Gambar 3.21 Tampilan Rumus Present Tense
Pada gambar dibawah ini adalah rancangan tampilan untuk salah satu contoh kalimat tenses present tense
Gambar 3.22 Tampilan Contoh Kalimat Present Tense 3.6.9 Tampilan Past Tense
Perancangan tampilan tenses ini sama dengan tampilan present tense terdapat rumus tenses dan contoh kalimat. Pada tenses ini menerangkan waktu
Back Option Tenses Tutorial
A. Present Tense (Waktu Sekarang) Menerangkan suatu perbuatan yang terjadi saat ini
Rumus :
( + ) S + V1 + O/C
( - ) S + Do/does + not + V1 + O/C ( ? ) Do/does + S + V1 + O/C
Back Option Tenses Tutorial Example 1 (Contoh Kalimat) : (+) She is a new people here (+) Dia orang baru disini. ( -) She isn't a new people here (- ) Dia bukan orang baru disini (?) Is she a new people here? (?) Apakah dia orang baru disini?
yang terjadi pada waktu lampau, dapat dilihat perancangan rumus dan salah satu contoh pada tenses pada gambar 3.23 dan 3.24
Gambar 3.23 Tampilan Rumus Past Tense
Pada gambar dibawah ini adalah rancangan tampilan untuk salah satu contoh kalimat tenses past tense
Gambar 3.24 Tampilan Contoh Kalimat Past Tense 3.6.10 Tampilan Futur e Tense
Perancangan tampilan tenses ini sama dengan tampilan present tense dan past tense terdapat rumus tenses dan contoh kalimat. Pada tenses ini menerangkan waktu yang terjadi pada waktu yang akan datang, dapat dilihat
Back Option Tenses Tutorial
A. Past Tense (Waktu Lampau Sederhana) Menyatakan peristiwa yang terjadi waktu lampau Rumus : (+) S+Be+Was/Were+O/C (-) S+Be+Was/Were+not+O/C (?) Be+Was/Were+ S+O/C Back Option Tenses Tutorial Example 1 (Contoh Kalimat) (+) We were at school yesterday. (+) Kami di sekolah kemarin (-) We were not at school yesterday (-) Kami tidak di sekolah kemarin (?) were we at school yesterday ? (?) Apakah kita di sekolah kemarin ?
perancangan rumus dan salah satu contoh pada tenses pada gambar 3.25 dan 3.26
Gambar 3.25 Tampilan Rumus Future Tense
Pada gambar dibawah ini adalah rancangan tampilan untuk salah satu contoh kalimat tenses future tense
Gambar 3.26 Tampilan Contoh Kalimat Future Tense Back Option
Tenses Tutorial
A. Future Tense (Waktu Akan Datang Sederhana)
Menyatakan peritiwa yang terjadi pada waktu yang akan datang
Rumus : (+) S + will + V1 (-) S + will + not + V1 (?) Will + S + V1 Back Option Tenses Tutorial Example 1 (Contoh Kalimat)
(+) I will visit to yogyakarta tomorrow.
(+) Saya akan berkunjung ke yogyakarta besok (-) I will not visit to yogyakarta tomorrow
(-) Saya tidak akan berkunjung ke yogyakarta besok (?) Will you visit to yogyakarta tomorrow?
(?) Apakah kamu akan berkunjung ke yogyakarta besok?
3.6.11 Tampilan Setting
Pada perancangan tampilan menu ini adalah setting audio atau sound pada aplikasi, terdapat pilihan sound yes atau sound no, dapat dilihat pada rancangan gambar 3.27
Gambar 3.27 Tampilan Setting 3.6.12 Tampilan Help
Pada perancangan tampilan ini adalah berisi tentang help atau bantuan penggunaan aplikasi ini dapat dilihat rancangan gambar 3.28
Gambar 3.28 Tampilan Help Sound? Yes No Help ... ... ... ... ...
3.6.13 Tampilan Menu About
Pada perancangan tampilan ini adalah berisi tentang about atau profil pada aplikasi ini dapat dilihat rancangan gambar 3.29
Gambar 3.29 Tampilan About About ... ... ... ... ...