3.2.2.10 Perancangan Antarmuka Materi Breaking News
T37
Navigasi -
Klik “tage 1 u tuk e ilih Materi Ba 7 Bagian 1
- Klik “tage 2 u tuk e ilih Materi Ba 7
Bagian 2
Nama Form : T37 Resolusi Layar : 1366 x 768 pixels
Font : Disesuaikan Background Color : Disesuaikan
Halaman Lesson Unit 7
UNIT 7
Breaking News
Gambar 3.39 Antarmuka Materi Breaking News
3.2.2.11 Perancangan Antarmuka Simulasi Speaking Unit 1
T31A
Penjelasan : - Gambar orang adalah animasi gambar,
suara,teks yang sedang melakukan kegiatan speaking berbicara dengan bahasa inggris
- Kotak teks berisi teks dialog pertanyaan - Kotak list pertanyaan berisi daftar pertanyaan
dari simulasi speaking, seperti berikut : Question 1
Question 2 dst..
- Icon mirophone untuk menjawab dengan interaksi speech recognition
Nama Form : T31A Resolusi Layar : 1366 x 768 pixels
Font : Disesuaikan Background Color : Disesuaikan
Halaman Simulasi Speaking Unit 1
TEKS
SPEAKING
List Pertanyaan
Gambar 3.40 Perancangan Antarmuka Simulasi Speaking Unit 1
3.2.2.12 Perancangan Antarmuka Simulasi Listening Unit 1
T31B
Penjelasan : - Kotak teks berisi soal untuk listening, dalam
uraian soal tersebut akan ada salah satu kata yang hilang missing word. Kata yang hilang
tersebut adalah jawaban yang harus diisi - Icon speaker ketika diklik akan mengeluarkan
audio, audio tersebut berisi tentang soal simulasi listening
- Kotak type here adalah kotak a g
disediakan untuk user mengetik jawaban dari simulasi listening ini
- Klik to
ol Do e ketika telah selesai menjawab pertanyaan
Nama Form : T31B Resolusi Layar : 1366 x 768 pixels
Font : Disesuaikan Background Color : Disesuaikan
Halaman Simulasi Listening Unit 1
LISTENING
TEKS
Type here
Gambar 3.41 Antarmuka Simulasi Listening Unit 1
3.2.2.13 Perancangan Antarmuka Pengisian Evaluasi Unit 1
T31C
Navigasi -
To ol Te t erisi teks paragraf seperti : procedure, narrative, recount, decriptive dll
- Kotak Perta aa erisi soal-soal
- I o Mi ropho e u tuk e ja a soal
dengan speech recognition -
To ol Optio A-E adalah piliha ja a a , bisa diklik untuk memilih jawaban tanpa
menggunakan speech recognition
Nama Form : T31C Resolusi Layar : 1366 x 768 pixels
Font : Disesuaikan Background Color : Disesuaikan
Halaman Pengisian Evaluasi Unit 1
EVALUATION
Text
PERTANYAAN
OPTION A OPTION B
OPTION C OPTION D
OPTION E
Gambar 3.42 Antarmuka Pengisian Evaluasi Unit 1
3.2.2.14 Perancangan Antarmuka Halaman Petunjuk Penggunaan Aplikasi
T04
Navigasi -
Klik to ol Petu juk ke
ali u tuk e uju ke halaman menu utama T03
Nama Form : T04 Resolusi Layar : 1366 x 768 pixels
Font : Disesuaikan Background Color : Disesuaikan
Halaman Petunjuk Penggunaan Aplikasi
Gambar Tombol
Informasi Penggunaan Aplikasi Gambar
Tombol Informasi Penggunaan Aplikasi
Gambar Tombol
Informasi Penggunaan Aplikasi
Gambar 3.43 Antarmuka Halaman Petunjuk Penggunaan Aplikasi 3.2.3
Perancangan Pesan
Perancangan pesan media pembelajaran interaktif Bahasa Inggris Kelas X di SMA Negeri Taraju dapat dilihat pada Gambar 3.44
KAMU TELAH MENYELESAIKAN EVALUASI UNIT 1
DENGAN NILAI
NILAI
Gambar 3.44 Perancangan Pesan
3.2.4 Jaringan Semantik
Jaringan semantik merupakan pengetahuan secara grafis yang
menunjukkan hubungan antar berbagai objek yang terdiri dari lingkaran-lingkaran yang dihubungkan dengan anak panah yang menunjukkan objek dan informasi
tentang objek-objek tersebut.
T01 T02
T03 T04
T31
T32
T33 T34
T35 T36
T37 T31A
T31B T31C
T32A T32B
T32C T33A
T33B T33C
T34A T34B
T34C T35A
T35B T35C
T36A T36B
T36C T37A
T37B T37C
P01
P01
P01 P01
P01 P01
P01
Gambar 3.45 Jaringan Semantik
115
4 BAB 4
IMPLEMENTASI DAN PENGUJIAN SISTEM
Pada bab ini akan dilakukan implementasi dan pengujian terhadap sistem yang telah dibangun. Tahapan-tahapan ini dilakukan setelah analisis dan
perancangan selesai, dan selanjutnya diimplementasikan pada bahasa
pemrograman yang akan digunakan. Setelah diimplementasikan maka dilakukan pengujian sistem dimana dapat dilihat kekurangan-kekurangan pada sistem yang
telah dibangun, untuk dilakukan perbaikan maupun pengembangan sistem selanjutnya.
4.1 Implementasi
Tahap implementasi merupakan tahap menerjemahkan perancangan berdasarkan hasil analisis ke dalam suatu bahasa pemrograman serta penerapan
perangkat lunak yang dibangun pada lingkungan yang sesungguhnya. Adapun pembahasan terdiri dari implementasi perangkat keras dan perangkat lunak.
4.1.1 Implementasi Perangkat Keras
Kebutuhan minimum perangkat keras hardware yang diperlukan untuk mengimplementasikan program aplikasi media pembelajaran bahasa Inggris SMA
Kelas X dapat dilihat pada tabel 4.1
Tabel 4.1 Implementasi Perangkat Keras
No Perangkat Keras
Spesifikasi
1 Processor
Pentium Dual Core 2.00 GHz 2
RAM 2 GB
3 VGA
512 MB 4
Harddisk 500 GB
5 Display
1366 x 768 pixel 6
Mouse Standar
7 Speaker
Standar 8
Microphone Standar
4.1.2 Implementasi Perangkat Lunak
Perangkat lunak yang digunakan untuk membangun aplikasi media pembelajaran bahasa Inggris SMA Kelas X di SMAN Taraju dapat dilihat pada
Tabel 4.2
Tabel 4.2 Implementasi Perangkat Lunak
No Perangkat Keras
Spesifikasi
1 Sistem Operasi
Windows 7 2
Tools Builder Adobe Flash Prefessional CS6,
3 Tools Compiler
Adobe Flash Player 11 4
Koneksi Internet Standar
4.1.3 Implementasi Aplikasi
Pembangunan Aplikasi Media Pembelajaran Interaktif Mata Pelajaran Bahasa Inggris merupakan aplikasi interaktif pembelajaran berbantuan komputer
yang memuat beberapa materi pembelajaran mengenai mata pelajaran bahasa Inggris SMA kelas X.
4.1.3.1 Implementasi Class
Class merupakan deskripsi sekelompok objek dari property atribut, sifat operasi, relasi antar objek dan semantik yang umum.
1. Class Interface
Tabel 4.3 Implementasi Class Interface
Nama Class Stereo Type
Keterangan
AppController Interface
Untuk menampilkan menu utama halaman menu utama
2. Class Control
Tabel 4.4 Implementasi Class Control
Nama Class Stereo Type
Keterangan
LessonController Control
Untuk menampilkan lesson SpeakingSimulationController
Control Untuk
menampilkan simulasi
Speaking
Nama Class Stereo Type
Keterangan
ListeningSimulationController Control
Untuk menampilkan
simulasi Listening
EvaluationController Control
Untuk menampilkan evaluasi SoalEvaluation
Control Untuk menampilkan soal evaluasi
SoalSpeaking Control
Untuk menampilkan soal simulasi Speaking
SoalListening Control
Untuk menampilkan soal simulasi Listening
SpeechRecogAPI Control
Untuk proses speech recognition
4.1.4 Implementasi Antarmuka
Implementasi antarmuka merupakan penerapan dari perancangan antarmuka. Antarmuka merupakan tampilan dari aplikasi dimana pengguna akan
berinteraksi secara langsung dengan aplikasi melalui antarmuka tersebut. Implementasi antarmuka dari Aplikasi Media Pembelajaran Interaktif Mata
Pelajaran Bahasa Inggris SMA Kelas X dapat dilihat pada Tabel 4.5
Tabel 4.5 Implementasi Antarmuka
No Nama Antarmuka
Keterangan
1 Halaman Pembuka
Menampilkan gambar seorang guru perempuan yang sedang berdiri, terdapat tulisan “Pelajaran Bahasa
Inggris Kelas X”, lalu terdapat gambar progres bar yang menunjukan proses loading
2 Halaman Awal
Menampilkan 2 tombol yaitu Start dan Exit dengan background gambar bangunan sekolah lengkap dengan
bendera dan pintu gerbangnya dan terdapat pula logo sekolah yaitu Logo SMAN Taraju
3 Halaman Petunjuk
Menampilkan penjelasan petunjuk penggunaan aplikasi 4
Halaman Menu Utama Menampilkan menu-menu materi, simulasi Speaking
dan Listening serta evaluasi dari setiap unit materi. Terdapat 7 unit yaitu unit 1 sampai unit 7
5 Halaman Lesson Unit 1
Tell Me What Happened Menampilkan materi-materi pada Unit 1 mengenai
vocabulary dan pronounciation, greeting dan leave taking, expressing feeling, pronouns dan possessive,
No Nama Antarmuka
Keterangan
time conjunctions, serta usage of capital letters 6
Halaman simulasi Speaking Unit 1
Menampilkan simulasi Speaking mengenai teks recount tentang kejadian gempa bumi berjudul Earthquake
7 Halaman simulasi Listening
Unit 1 Menampilkan simulasi Listening mengenai teks recount
tentang darmawisata ke Kebun Raya Bogor dengan judul An Excursion to Bogor Botanic Garden
8 Halaman Evaluasi Unit 1
Menampilkan evaluasi mengenai materi di Unit 1 9
Halaman Lesson Unit 2 Telling Stories I
Menampilkan materi-materi pada Unit 2 mengenai vocabulary dan pronounciation, asking for showing
attention, showing attention, offering invitation, accepting invitation, expressing sympathy, direct-
indirect speech, relative pronouns, thinking verbs, feeling verbs, verb of sence
10 Halaman simulasi Speaking
Unit 2 Menampilkan simulasi Speaking mengenai teks
narrative bentuk fable dengan judul The Fly and The Bull
11 Halaman simulasi Listening
Unit 2 Menampilkan simulasi Listening mengenai teks
narrative dengan judul The Legend King of Minos, the King of crete
12 Halaman Evaluasi Unit 2
Menampilkan evaluasi mengenai materi di Unit 2 13
Halaman Lesson Unit 3 Following Instructions
Menampilkan materi-materi pada Unit 3 mengenai expressing offering, action verbs, sentence connector,
imperative, must dan must not, vocabulary dan pronounciation, commands
14 Halaman simulasi Speaking
Unit 3 Menampilkan simulasi Speaking mengenai teks
procedure dengan judul How to make cheese omelet 15
Halaman simulasi Listening Unit 3
Menampilkan simulasi Listening mengenai teks procedure dengan judul Cooking Rice
16 Halaman Evaluasi Unit 3
Menampilkan evaluasi mengenai materi di Unit 3 17
Halaman Lesson Unit 4 Telling Stories II
Menampilkan materi-materi pada Unit 4 mengenai direct-indirect speech, expressing thanks, showing
gratitude when refusing, antonym, making up a story 18
Halaman simulasi Speaking Unit 4
Menampilkan simulasi Speaking mengenai teks narrative dengan direct speech yang berjudul I did not
mean to hurt you
No Nama Antarmuka
Keterangan
19 Halaman simulasi Listening
Unit 4 Menampilkan simulasi Listening mengenai teks
narrative dengan judul The Silver Key 20
Halaman Evaluasi Unit 4 Menampilkan evaluasi mengenai materi di Unit 4
21 Halaman Lesson Unit 5
What Does It Look Like Menampilkan materi-materi pada Unit 5 mengenai
describing animals, describing people, vocabulary dan pronounciation, linking verbs, expressing compliments
22 Halaman simulasi Speaking
Unit 5 Menampilkan simulasi Speaking mengenai teks
descriptive dengan judul My Bestfriend, Ernesto 23
Halaman simulasi Listening Unit 5
Menampilkan simulasi Listening mengenai teks descriptive dengan judul A Cockatoo named BB
24 Halaman Evaluasi Unit 5
Menampilkan evaluasi mengenai materi di Unit 5 25
Halaman Lesson Unit 6 What a Beautiful Place
Menampilkan materi-materi pada Unit 6 mengenai expressing asking for information, thinking verbs,
expressing locations,
relating verbs,
expressing congratulations, degree of comparison, participle
phrases, compound adjectives, punctuation, 26
Halaman simulasi Speaking Unit 6
Menampilkan simulasi Speaking mengenai teks descriptive dengan judul London
27 Halaman simulasi Listening
Unit 6 Menampilkan simulasi Speaking mengenai teks
descriptive dengan judul Singapore 28
Halaman Evaluasi Unit 6 Menampilkan evaluasi mengenai materi di Unit 6
29 Halaman Lesson Unit 7
Breaking News Menampilkan materi-materi pada Unit 7 mengenai
expressing used in an interview, expressing believe or not, expressing surprise, passive sentence
30 Halaman simulasi Speaking
Unit 7 Menampilkan simulasi Speaking mengenai teks news
dengan judul Earthquake Jolts Japan Capital 31
Halaman simulasi Listening Unit 7
Menampilkan simulasi Listening mengenai teks news dengan judul News on Radio
32 Halaman Evaluasi Unit 7
Menampilkan evaluasi mengenai materi di Unit 7
4.2 Pengujian
Pengujian merupakan tahapan untuk menemukan kekurangan maupun kesalahan pada perangkat lunak yang diuji. Tujuan dilakukannya pengujian adalah
untuk mengetahui apakah perangkat lunak yang dibangun sesuai dengan tujuan awal dibangunnya aplikasi atau tidak. Pengujian Aplikasi Media Pembelajaran
Kategori