bab iii pembahasan 3.1. analisis kebutuhan 3.1.1. analisis ... · aplikasi dan berisi informasi apa...
TRANSCRIPT
17
BAB III
PEMBAHASAN
3.1. Analisis Kebutuhan
Analisis kebutuhan diperlukan untuk membantu analisis aplikasi dalam
menentukan kebutuhan yang akan digunakan dalam pembuatan sebuah aplikasi.
Kebutuhan terbagi menjadi dua yaitu kebutuhan fungsional dan kebutuhan non-
fungsional.
3.1.1. Analisis Kebutuhan Fungsional
Kebutuhan fungsional berisi proses apa saja yang akan dilakukan oleh
aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi.
Dalam pembuatan media pembelajaran interaktif ini memiliki kriteria sebagai
berikut:
1. Tampilan Pengguna ( User Interface)
Tampilan aplikasi media pembelajaran interaktif ini dibuat dengan tampilan
simpel dengan button pilihan menu guna memudahkan siswa untuk memilih
materi yang akan di pelajari.
2. Materi Pembelajaran
Materi pembelajaran media interaktif ini disesuaikan dengan materi mata
pelajaran Pengantar Akuntansi Dasar untuk siswa Sekolah Menengah Atas
(SMK) atau Sekolah Menengah Kejuruan (SMK). Materi meliputi pengenalan
hakikat akuntansi, tujuan akuntansi dan profesi akuntansi, mengenal macam –
macam badan usaha, serta mengenal pencatatan serta bukti transaksi akuntansi.
3. Evaluasi Pembelajaran
18
Evaluasi pembelajaran dibutuhkan untuk mengetahui tingkat pemahaman siswa
terhadap materi pembelajaran, evaluasi pembelajaran dibuat dengan
menggunakan metode pre test dan post test, dimana sebelum menggunakan
aplikasi anak akan diberi sebuah soal, setelah meggunakan aplikasi anak akan
di beri soal lagi, hasil tes sebelum dan sesudah penggunaan aplikasi akan
digunakan untuk mengetahui tingkat pemahaman siswa.
4. Musik dan Suara Pendukung
Dalam animasi pembelajaran musik atau backsound memiliki peran penting
guna menciptakan suasana belajar yang tenang, aplikasi ini di iringi musik
backsound musik lembut serta suara pendukung tombol yang menandakan
terjadinya reaksi saat button di klik.
3.1.2. Analisis Kebutuhan Non – Fungsional
Analisis Kebutuhan Non-Fungsional berupa perangkat keras yang berisi apa
saja properti yang digunakan untuk mendukung pembuatan aplikasi.
1. Perangkat keras ( Hardware )
1 unit laptop Asus A456U-R dengan spesifikasi prosesor Intel Core i5, harddisk
1TB, RAM 2 GB, VGA Intel HD Graphics 520 dan Nvidia GeForce GT930MX.
Laptop ini digunakan sebagai hardware utama dalam pembuatan aplikasi, pada
laptop ini semua proses pembuatan aplikasi dengan software authoring
dilakukan. 1 unit headset digunakan untuk mendengarkan sounds yang
dimasukkan kedalam aplikasi, serta untuk menguji suara keluaran dari aplikasi.
1 unit smartphone yang digunakan untuk merekam suara (dubbing) yang akan
dimasukan kedalam aplikasi. 1 unit mouse yang dipergunakan untuk mobilisasi
klik dan drag pada laptop selama proses pembuatan aplikasi.
19
2. Perangkat Lunak ( Software )
Perangkat lunak yang digunakan dalam pembuatan aplikasi ini adalah: Sistem
Operasi Windows, sebagai sistem operasional pada laptop yang digunakan
untuk membuat aplikasi. Adobe Flash Professional CS5, sebagai software
authoring atau perangkat lunak utama untuk membuat dan mengedit aplikasi.
Adobe Photoshop CS6, untuk mengedit gambar-gambar yang akan digunakan
pada aplikasi. Audacity untuk mengedit audio yang akan digunakan pada
aplikasi.
3.2. Perancangan Perangkat Lunak
Perancangan yang dilakukan dalam pembuatan aplikasi media
pembelajaran interaktif mata pelajaran pengantar akuntansi dasar ini adalah sebagai
berikut:
3.2.1. Rancangan Storyboard
Rancangan storyboard Aplikasi Animasi Interaktif media pembelajaran
pengantar akuntansi dasar sebagai gambar yang ditampilkan berurutan untuk
keperluan visualisasi awal dari suatu file.
20
Tabel III.1.
Storyboard Menu Utama
No Sketsa Keterangan
1
Scene ini merupakan halaman
pembuka dari aplikasi media
pembelajaran interaktif materi
pengantar akuntansi dasar, pada saat
dibuka aplikasi akan memulai
dengan diiringi musik
backsound.wav pada scene ini
terdapat 6 tombol yaitu tombol BAB
I, BAB II, BAB III, BAB IV, about,
dan latihan yang mana setiap tombol
apabila tersentuh cursor akan
menampilkan kilasan materi yang
akan di pelajari. Berikut keterangan
fungsi dari tombol:
1. Tombol about apabila di klik
aplikasi akan menampilkan
tentang penulis.
2. Tombol latihan apabila di klik
aplikasi akan menampilkan halam
latihan soal.
3. Tombol BAB I Apabila tombol ini
di klik aplikasi akan menampilkan
halaman materi konsep dasar
akuntansi.
4. Tombol BAB II Apabila tombol
ini di klik aplikasi akan
menampilkan halaman materi
badan usaha.
5. Tombol BAB III Apabila tombol
ini di klik aplikasi akan
menampilkan halaman materi
tahapan proses pencatatan.
6. Tombol BAB IV Apabila tombol
ini di klik aplikasi akan
menampilkan halaman materi
transaksi bisnis perusahaan.
Audio :
Backsound.wav
Teks:
Menu Utama
Akuntasi Dasar
Bab I
Bab II
Bab III
Bab IV
About
Latihan
Sumber: Hasil Perancangan (2018)
21
Tabel III.2.
Storyboard Menu About
No Sketsa Keterangan
1
Scene ini tampil ketika tombol about
pada scene pertama di klik, aplikasi
akan menampilkan kolom yang
menjelaskan tentang penulis.
Audio :
Backsound.wav
Teks:
Menu Utama
Akuntasi Dasar
Bab I
Bab II
Bab III
Bab IV
About
Latihan
Sumber: Hasil Perancangan (2018)
22
Tabel III.3.
Storyboard Menu BAB 1
No Sketsa Keterangan
1
Scene ini tampil pada saat tombol
BAB I pada scene pertama di klik.
Pada scene ini terdapat 5 tombol yaitu
tombol home, tombol materi 1 sampai
materi 4, berikut adalah keterangan
tombol pada scene ini:
1. Tombol materi 1 apabila tombol
ini di klik maka aplikasi akan
menampilkan halaman materi
hakikat akuntansi.
2. Tombol materi 2, apabila tombol
di klik maka aplikasi akan
menampilkan halaman materi
peran akuntansi yang merupakan
materi dari BAB I.
3. Tombol materi 3apabila di klik
maka aplikasi akan menampilkan
halaman tujuan akuntansi yang
merupakan materi dari BAB I.
4. Tombol materi 4, apabila di klik
maka aplikasi akan menampilkan
halaman materi macam macam
profesi akuntansi.
5. Tombol home, apabila di klik
aplikasi akan kembali
menampilkan menu utama
Audio :
Backsound.wav
Teks:
Konsep Dasar Akuntansi
Hakikat Akuntansi
Peran Akuntansi
Tujuan Akuntansi
Profesi Akuntansi
BAB I
Sumber: Hasil Perancangan (2018)
23
Tabel III.4.
Storyboard Materi BAB I
No Sketsa Keterangan
1
Ini adalah tampilan halaman yang
menampilkan materi pembelajaran.
Scene ini akan muncul ketika pilihan
materi pada BAB I telah di pilih pada
halaman ini terdapat 4 tombol, yaitu
tombol back, home, prev, dan next
untuk fungsi setiap tombol adalah
sebagai berikut:
1. Tombol back berfungsi untuk
kembali ke halam menu
pembelajaran pada BAB I.
2. Tombol home berfungsi untuk
kembali ke halaman menu utama
aplikasi.
3. Tombol preview berfungsi untuk
melihat materi sebelumnya.
4. Tombol next berfungsi untuk
melihat materi selanjutnya.
Audio :
Backsound.wav
Teks:
BAB I
Isi materi BAB I
Sumber: Hasil Perancangan (2018)
24
Tabel III.5.
Storyboard Menu BAB II
No Sketsa Keterangan
1
Scene ini tampil pada saat tombol
BAB II pada scene pertama di klik.
Pada scene ini terdapat 4 tombol yaitu
tombol home, tombol materi 1 sampai
materi 3, berikut adalah keterangan
tombol pada scene ini:
1. Tombol materi 1, apabila di klik
maka aplikasi akan menampilkan
halaman materi badan usaha yang
merupakan bagian dari BAB II.
2. Tombol materi 2 apabila tombol di
klik maka aplikasi akan
menampilkan halaman materi
badan usaha berdasarkan kegiatan
yang merupakan materi dari BAB
II.
3. Tombol materi 3, apabila di klik
maka aplikasi akan menampilkan
halaman badan usaha berdasarkan
kepemilikan yang merupakan
materi dari BAB II.
4. Tombol home, apabila di klik
aplikasi akan kembali menampilkan
menu utama.
Audio :
Backsound.wav
Teks:
Badan usaha
Badan usaha
Badan usaha berdasarkan
kegiatan
Badan usaha berdasarkan
kepemilikan
BAB II
Sumber: Hasil Perancangan (2018)
25
Tabel III.6.
Storyboard Materi BAB II
No Sketsa Keterangan
1
Ini adalah tampilan halaman yang
menampilkan materi pembelajaran.
Scene ini akan muncul ketika pilihan
materi pada BAB II telah di pilih pada
halaman ini terdapat 4 tombol, yaitu
tombol back, home, prev, dan next
untuk fungsi setiap tombol adalah
sebagai berikut:
1. Tombol back berfungsi untuk
kembali ke halam menu
pembelajaran pada BAB II.
2. Tombol home berfungsi untuk
kembali ke halaman menu utama
aplikasi.
3. Tombol preview berfungsi untuk
melihat materi sebelumnya.
4. Tombol next berfungsi untuk
melihat materi selanjutnya.
Audio :
Backsound.wav
Teks:
BAB II
Isi materi BAB II
Sumber: Hasil Perancangan (2018)
26
Tabel III.7.
Storyboard Menu BAB III
No Sketsa Keterangan
1
Scene ini tampil pada saat tombol
BAB III pada scene pertama di klik.
Pada scene ini terdapat 5 tombol yaitu
tombol home, tombol materi 1 dan
materi 2, berikut adalah keterangan
tombol pada scene ini:
1. Tombol materi 1, tombol ini
menampilkan judul materi 1 pada
bab 3 ini yaitu tahapan proses
pencatatan akuntansi apabila
tombol ini di klik maka aplikasi
akan menampilkan halaman materi
tahapan proses pencatatan
akuntansi.
2. Tombol materi 2, tombol ini
menampilkan materi siklus atau
proses pencatatan akuntansi,
apabila tombol di klik maka aplikasi
akan menampilkan halaman materi
menampilkan materi siklus atau
proses pencatatan akuntansi yang
merupakan materi dari BAB III.
3. Tombol home, apabila di klik
aplikasi akan kembali menampilkan
menu utama.
Audio :
Backsound.wav
Teks:
Tahapan Proses Pencatatan
Tahapan proses pencatatan
akuntansi
Siklus atau proses pencatatan
akuntansi
BAB III
Sumber: Hasil Perancangan (2018)
27
Tabel III.8.
Storyboard Materi BAB III
No Sketsa Keterangan
1
Ini adalah tampilan halaman yang
menampilkan materi pembelajaran.
Scene ini akan muncul ketika pilihan
materi pada BAB III telah di pilih pada
halaman ini terdapat 4 tombol, yaitu
tombol back, home, prev, dan next
untuk fungsi setiap tombol adalah
sebagai berikut:
1. Tombol back berfungsi untuk
kembali ke halam menu
pembelajaran pada BAB III.
2. Tombol home berfungsi untuk
kembali ke halaman menu utama
aplikasi.
3. Tombol preview berfungsi untuk
melihat materi sebelumnya.
4. Tombol next berfungsi untuk
melihat materi selanjutnya.
Audio :
Backsound.wav
Teks:
BAB III
Isi materi BAB III
Sumber: Hasil Perancangan (2018)
28
Tabel III.9.
Storyboard Menu BAB IV
No Sketsa Keterangan
1
Scene ini tampil pada saat tombol
BAB IV pada scene pertama di
klik. Pada scene ini terdapat 4
tombol yaitu tombol home, tombol
materi 1 hingga materi 3, berikut
adalah keterangan tombol pada
scene ini:
1. Tombol materi 1, jika tombol
ini di klik maka aplikasi akan
menampilkan halaman materi
tahapan proses pencatatan
akuntansi.
2. Tombol materi 2, jika tombol
ini di klik maka aplikasi akan
menampilkan halaman materi
yaitu penyimpanan bukti
transaksi.
3. Tombol materi 3, jika di klik
maka aplikasi akan
menampilkan halaman bukti
transaksi yang merupakan
materi dari BAB IV.
4. Tombol home, apabila di klik
aplikasi akan kembali
menampilkan menu utama.
Audio :
Backsound.wav
Teks:
Transaksi bisnis perusahaan
Jenis transaksi bisnis
Penyimpanan bukti transak-si
Bukti transak-si
BAB IV
Sumber: Hasil Perancangan (2018)
29
Tabel III.10.
Storyboard Materi BAB IV
No Sketsa Keterangan
1
Ini adalah tampilan halaman yang
menampilkan materi pembelajaran.
Scene ini akan muncul ketika pilihan
materi pada BAB IV telah di pilih
pada halaman ini terdapat 4 tombol,
yaitu tombol back, home, prev, dan
next untuk fungsi setiap tombol
adalah sebagai berikut:
1. Tombol back berfungsi untuk
kembali ke halam menu
pembelajaran pada BAB IV.
2. Tombol home berfungsi untuk
kembali ke halaman menu utama
aplikasi.
3. Tombol preview berfungsi untuk
melihat materi sebelumnya.
4. Tombol next berfungsi untuk
melihat materi selanjutnya.
Audio :
Backsound.wav
Teks:
BAB IV
Isi materi BAB IV
Sumber: Hasil Perancangan (2018)
30
Tabel III.11.
Storyboard Menu Video
No Sketsa Keterangan
1
Scene ini tampil ketika tombol video
pada scene pertama di klik, Pada
scene ini terdapat 5 tombol yaitu
tombol home, tombol video 1 sampai
video 4, berikut adalah keterangan
tombol pada scene ini:
1. Tombol video 1, apabila di klik
aplikasi akan menampilkan video
pembelajaran mengenai hakikat
akuntansi.
2. Tombol video 2, apabila di klik
aplikasi akan menampilkan video
pelajaran mengenai badan usaha.
3. Tombol video 3, apabila di klik
aplikasi akan menampilkan video
pembelajaran mengenai
pencatatan transaksi.
4. Tombol video 4, apabila di klik
aplikasi akan menampilkan video
pembelajaran mengenai materi
transaksi bisnis perusahaan.
5. Tombol home, apabila di klik
aplikasi akan kembali
menampilkan menu utama.
Audio :
Backsound.wav
Teks:
Video Pembela-jaran
Hakikat Akuntansi
Badan Usaha
Pencatatan Transaksi
Transaksi Bisnis Perusahaan
Sumber: Hasil Perancangan (2018)
31
Tabel III.12.
Storyboard Tampilan Video
No Sketsa Keterangan
1
Pada scene ini menampilkan video
materi pembelajaran yang telah
dipilih, pada halaman ini terdapat 2
tombol yaitu tombol back dan home.
1. Tombol back berfungsi untuk
kembali ke halam menu
pembelajaran pada bab 2.
2. Tombol home berfungsi untuk
kembali ke halaman menu utama
aplikasi.
Audio : -
Teks:
Video pembelajaran
Sumber: Hasil Perancangan (2018)
Tabel III.13.
Storyboard Tampilan Latihan Soal
No Sketsa Keterangan
1
Scene ini tampil ketika tombol latihan
pada scene pertama di klik, aplikasi
akan menampilkan halaman latihan
soal. Latihan soal memiliki 3 level
latihan.
Audio :
Backsound.wav
Teks:
Pertanyaan
Pilihan jawaban
Latihan soal
Sumber: Hasil Perancangan (2018)
32
Tabel III.14.
Storyboard Tampilan Hasil Latihan Soal
No Sketsa Keterangan
1
Scene ini menampilkan hasil dari
latihan soal. Pada halaman ini
terdapat tombol back pada sisi kanan
atas halaman.
Audio :
Backsound.wav
Teks:
Nilai Benar
Nilai Salah
Latihan Soal
Sumber: Hasil Perancangan (2018)
3.2.2. Perancangan Antar Muka
Perancangan antarmuka aplikasi media pembelajaran pengantar akuntansi
dasar ini menggunakan Adobe Flash.
1. Perancangan Antar Muka Menu Utama
Berikut ini adalah tampilan perancangan antar muka halaman menu utama
aplikasi terdapat menu yang akan mengarahkan pengguna pada materi yang
terdapat di dalam aplikasi ini.
33
Sumber: Hasil Perancangan (2018)
Gambar III.1. Perancangan Antar Muka Menu Utama
2. Perancangan Antar Muka Menu BAB I
Apabila tombol BAB I pada halaman utama di klik, aplikasi akan menampilkan
menu materi yang tersedia pada BAB I aplikasi ini, ada 4 materi pada bab ini
yaitu materi hakikat akuntansi, materi peran akuntansi, materi tujuan akuntans,
dan materi tentang profesi akuntansi.
Sumber: Hasil Perancangan (2018)
Gambar III.2. Perancangan Antar Muka Menu BAB I
34
3. Perancangan Antar Muka Materi Hakikat Akuntansi
Selanjutnya adalah perancangan antarmuka materi hakikat akuntansi, halaman
ini ditampilkan apabila user mengklik menu hakikat akuntansi pada menu
materi BAB I adalah sebagai berikut :
Sumber: Hasil Perancangan (2018)
Gambar III.3. Perancangan Antar Muka Materi Hakikat Akuntansi
4. Perancangan Antar Muka Materi Peran Akuntansi
Perancangan antar muka halaman materi peran akuntansi dapat dilihat pada
gambar III.4 berikut. halaman akan ditampilkan pada saat menu materi peran
akuntansi pada BAB I di klik :
Sumber: Hasil Perancangan (2018)
Gambar III.4. Perancangan Antar Muka Materi Peran Akuntansi
35
5. Perancangan Antar Muka Materi Tujuan Akuntansi
Perancangan antar muka halaman materi tujuan akuntansi dapat dilihat pada
gambar III.5 berikut. halaman akan ditampilkan padasaat tombol menu materi
tujuan akuntansi pada menu materi BAB I di klik.
Sumber: Hasil Perancangan (2018)
Gambar III.5. Perancangan Antar Muka Materi Tujuan Akuntansi
6. Perancangan Antar Muka Materi Profesi Akuntansi
Perancangan antar muka halaman materi profesi akuntansi dapat dilihat pada
gambar III.6 berikut. halaman akan ditampilkan pada saat tombol materi profesi
akuntansi pada menu materi BAB I di klik.
Sumber: Hasil Perancangan (2018)
Gambar III.6. Perancangan Antar Muka Materi Profesi Akuntansi
36
7. Perancangan Antar Muka Menu BAB II
Selanjutnya tampilan antar muka menu BAB II apabila tombol bab 2 pada menu
utama di klik aplikasi akan menampilkan menu materi yang tersedia. Terdapat
tiga materi dalam bab ini yaitu materi badan usaha, materi badan usaha
berdasarkan kegiatan, dan materi badan usaha berdasarkan kepemilikan.
Sumber: Hasil Perancangan (2018)
Gambar III.7. Perancangan Antar Muka Menu BAB II
8. Perancangan Antar Muka Materi Badan Usaha
Perancangan antar muka halaman materi badan usaha dapat dilihat pada gambar
III.8 berikut. halaman akan ditampilkan pada saat tombol materi badan usaha
pada menu materi BAB II di klik.
Sumber: Hasil Perancangan (2018)
Gambar III.8. Perancangan Antar Muka Materi Badan Usaha
37
9. Perancangan Antar Muka Materi Badan Usaha Berdasarkan Kegiatan
Perancangan antar muka halaman materi badan usaha berdasarkan kegiatan
dapat dilihat pada gambar III.9 berikut. halaman akan ditampilkan pada saat
tombol materi badan usaha berdasarkan kegiatan pada menu materi BAB II di
klik.
Sumber: Hasil Perancangan (2018)
Gambar III.9. Perancangan Antar Muka
Materi Badan Usaha Berdasarkan Kegiatan
10. Perancangan Antar Muka Materi Badan Usaha Berdasarkan Kepemilikan
Perancangan antar muka halaman materi badan usaha berdasarkan kepemilikan
dapat dilihat pada gambar III.10 berikut. halaman akan ditampilkan pada saat
tombol materi badan usaha berdasarkan kepemilikan pada menu materi BAB II
di klik.
38
Sumber: Hasil Perancangan (2018)
Gambar III.10. Perancangan Antar Muka Materi Badan Usaha
Berdasarkan Kepemilikan
11. Perancangan Antar Muka Menu BAB III
Selanjutnya tampilan antar muka menu BAB III apabila tombol BAB III pada
menu utama di klik aplikasi akan menampilkan menu materi yang tersedia.
Terdapat dua materi dalam bab ini yaitu materi tahapan proses pencatatan
akuntansi dan siklus atau proses pencatatan akuntansi.
Sumber: Hasil Perancangan (2018)
Gambar III.11. Perancangan Antar Muka Menu BAB III
39
12. Perancangan Antar Muka Materi Tahapan Proses Pencatatan Akuntansi
Perancangan antar muka halaman materi tahapan proses pencatatan akuntansi
dapat dilihat pada gambar III.12 berikut. Halaman akan ditampilkan pada saat
tombol materi tahapan proses pencatatan akuntansi pada menu materi BAB III
di klik.
Sumber: Hasil Perancangan (2018)
Gambar III.12. Perancangan Antar Muka Materi Tahapan Proses
Pencatatan Akuntansi
13. Perancangan Antar Muka Materi Siklus atau Proses Pencatatan Akuntansi
Perancangan antar muka halaman materi siklus atau proses pencatatan
akuntansi dapat dilihat pada gambar III.13 berikut. Halaman akan ditampilkan
pada saat tombol materi siklus atau proses pencatatan akuntansi pada menu
materi BAB III di klik.
40
Sumber: Hasil Perancangan (2018)
Gambar III.13. Perancangan Antar Muka Materi Siklus atau
Proses Pencatatan Akuntansi
14. Perancangan Antar Muka Menu BAB IV
Selanjutnya tampilan antar muka menu BAB IV apabila tombol bab 4 pada
menu utama di klik aplikasi akan menampilkan menu materi yang tersedia.
Terdapat tiga materi dalam bab ini yaitu materi jenis transaksi bisnis,
penyimpanan bukti transaksi, dan bukti transaksi bisnis.
Sumber: Hasil Perancangan (2018)
Gambar III.14. Perancangan Antar Muka BAB IV
41
15. Perancangan Antar Muka Materi Jenis Transaksi Bisnis
Perancangan antar muka halaman materi jenis transaksi bisnis dapat dilihat pada
gambar III.15 berikut. halaman akan ditampilkan pada saat tombol materi jenis
transaksi bisnis pada menu materi BAB IV di klik.
Sumber: Hasil Perancangan (2018)
Gambar III.15. Perancangan Antar Muka Materi Jenis Transaksi
Bisnis
16. Perancangan Antar Muka Materi Penyimpanan Bukti Transaksi
Perancangan antar muka halaman materi penyimpanan bukti transaksi dapat
dilihat pada gambar III.16 berikut. halaman akan ditampilkan pada saat tombol
materi penyimpanan bukti transaksi pada menu materi BAB IV di klik.
42
Sumber: Hasil Perancangan (2018)
Gambar III.16. Perancangan Antar Muka Materi Penyimpanan
Bukti Transaksi
17. Perancangan Antar Muka Materi Bukti Transaksi Bisnis
Perancangan antar muka halaman materi bukti transaksi bisnisdapat dilihat pada
gambar III.17 berikut. halaman akan ditampilkan pada saat tombol materi bukti
transaksi bisnis pada menu materi BAB IV di klik.
Sumber: Hasil Perancangan (2018)
Gambar III.17. Perancangan Antar Muka Materi Bukti Transaksi
Bisnis
43
18. Perancangan Antar Muka Latihan Soal
Berikut ini adalah perancangan antar muka latihan soal, halaman akan tampil
pada saat tombol latihan soal pada menu utama di klik. Terdapat soal dan
tombol pilihan ganda untuk menjawab. Latihan soal memiliki 3 level soal,
tingkat kesuliatan pada setiap level soal berbeda seperti level 1 merupakan
tingkatan soal termudah dan level 3 tingkatan soal tersulit, berikut rancangan
antar muka latihan soal dari level 1 hingga level 3.
Sumber: Hasil Perancangan (2018)
Gambar III.18. Perancangan Antar Muka Latihan Soal level 1
Sumber: Hasil Perancangan (2018)
Gambar III.19. Perancangan Antar Muka Latihan Soal level 2
44
Sumber: Hasil Perancangan (2018)
Gambar III.20. Perancangan Antar Muka Latihan Soal level 3
19. Perancangan Antar Muka Nilai Latihan Soal
Selanjutnya perancangan tampilan antar muka nilai latihan soal dapat dilihat
pada gambar III.21. halaman ini akan menampilkan skor benar dan salah dari
latihan soal sebelumnya.
Sumber: Hasil Perancangan (2018)
Gambar III.21. Perancangan Antar Muka Nilai Latihan Soal
20. Perancangan Antar Muka Menu Video
Selanjutnya tampilan antar muka menu video apabila tombol video pada menu
utama aplikasi akan menampilkan menu pilihan video yang tersedia.
45
Sumber: Hasil Perancangan (2018)
Gambar III.22. Perancangan Antar Muka Menu Video
21. Perancangan Antar Muka Tampilan Video
Tampilan video yang telah di pilih pada halaman menu video dapat di lihat pada
gambar III.23. berikut.
Sumber: Hasil Perancangan (2018)
Gambar III.23. Perancangan Antar Muka Tampilan Video
46
3.3. Implementasi
3.3.1. Implementasi Aplikasi
Setelah melakukan perancangan dilanjutkan dengan implementasi aplikasi.
Implementasi aplikasi merupakan tahap penerapan dari konsep-konsep yang sudah
dijelaskan sebelumnya. Aplikasi media pembelajaran akuntansi yang telah dibuat
dapat diimplementasikan pada laptop atau komputer (tanpa koneksi internet)
dengan sistem operasi windows. File aplikasi ini dengan ekstensi .exe dapat dicopy
pastekan dan langsung dimainkan dikomputer tanpa melalui proses instalasi.
Komputer yang digunakan juga harus memiliki speaker agar user dapat
mendengarkan suara penjelasan dan mendengarkan suara dari video.
1. Implementasi Antar Muka Aplikasi
Perancangan antar muka (user interface) aplikasi pembelajaran ini terdapat
beberapa halaman menu yang akan memuat tampilan-tampilan informasi
berdasarkan navigasi yang ada. Rancangan antarmuka aplikasi media
pembelajaran ini adalah sebagai berikut:
2. Antar Muka Menu Utama
Pada gambar III.24 menunjukan tampilan awal yang merupakan menu utama
aplikasi media pembelajaran akuntansi ini. Aplikasi akan dimulai dengan suara
backsound.wav dan masuknya tombol menu. Halaman ini terdapat 7 tombol
yaitu tombol BAB I sampai BAB 4, tombol video, tombol about, dan tombol
latihan, seperti gambar dibawah ini :
47
Sumber: Hasil Perancangan (2018)
Gambar III.24. Tampilan Menu Utama Aplikasi
3. Antar Muka Menu BAB I
Gambar III.25 merupakan tampilan dari menu BAB I, apabila tombol BAB I
pada menu utama di klik aplikasi akan menampilkan menu materi pembelajaran
BAB I. Terdapat empat pilihan materi pembelajaran pada bab ini yaitu hakikat
akuntansi, peran akuntansi, tujuan akuntansi, dan profesi akuntansi.
Sumber: Hasil Perancangan (2018)
Gambar III.25. Tamplan Menu BAB I
48
4. Antar Muka Materi Hakikat Akuntansi
Gambar III.26 merupakan tampilan dari materi hakikat akuntansi. halaman ini
akan tampil ketika tombol hakikat akuntansi pada menu materi BAB I di klik.
Pada halaman ini menampilkan materi tentang hakikat akuntansi.
Sumber: Hasil Perancangan (2018)
Gambar III.26. Tampilan Materi Hakikat Akuntansi
5. Antar Muka Materi Peran Akuntansi
Pada saat tombol peran akuntansi pada menu utama aplikasi di klik maka
aplikasi akan menampilkan materi tentang peran akuntansi. Tampilan dari
halaman materi peran akuntansi dapat dilihat pada gambar III.27 berikut.
Sumber: Hasil Perancangan (2018)
Gambar III.27 Tampilan Materi Peran Akuntansi
49
6. Antar Muka Materi Tujuan Akuntansi
Halaman ini merupakan halaman materi dari BAB I yaitu tujuan akuntansi,
halaman ini tampil pada saat tombol tujuan akuntansi pada menu utama di klik.
Tampilan dari halaman materi tujuan akuntansi dapat dilihat dari gambar III.28
berikut.
Sumber: Hasil Perancangan (2018)
Gambar III.28. Tampilan Materi Tujuan Akuntansi
7. Antar Muka Materi Profesi Akuntansi
Gambar III.29 memperlihatkan tampilan dari halaman materi profesi akuntansi,
halaman ini akan tampil ketika tombol materi profesi akuntansi pada menu
materi BAB I di klik.
50
Sumber: Hasil Perancangan (2018)
Gambar III.29. Tampilan Materi Profesi Akuntansi
8. Antar Muka Menu BAB II
Gambar III.30 berikut ini adalah tampilan menu materi BAB II, halama ini
tampil ketika tombol BAB II pada menu utama di klik. Terdapat tiga menu
materi pada halaman ini yaitu badan usaha, badan usaha berdasarkan kegiatan,
dan badan usaha berdasarkan kepemilikan.
Sumber: Hasil Perancangan (2018)
Gambar III.30 Tampilan Menu BAB II
51
9. Antar Muka Materi Badan Usaha
Pada saat tombol badan usaha pada menu materi BAB II di klik, aplikasi akan
menampilkan halaman materi badan usaha, tampilan dari halaman materi badan
usaha dapat dilihat pada Gambar III.31 berikut.
Sumber: Hasil Perancangan (2018)
Gambar III.31 Tampilan Materi Badan Usaha
10. Antar Muka Materi Badan Usaha Berdasarkan Kegiatan
Pada saat tombol badan usaha berdasarkan kegiatan pada menu materi BAB II
di klik, aplikasi akan menampilkan halaman materi badan usaha berdasarkan
kegiatan, tampilan dari halaman materi badan usaha dapat dilihat pada Gambar
III.32 berikut.
52
Sumber: Hasil Perancangan (2018)
Gambar III.32 Tampilan Materi Badan Usaha Berdasarkan Kegiatan
11. Antar Muka Materi Badan Usaha Berdasarkan Kepemilikan
Pada saat tombol badan usaha berdasarkan kepemilikan pada menu materi BAB
II di klik, aplikasi akan menampilkan halaman materi badan usaha berdasarkan
kepemilikan, tampilan dari halaman materi badan usaha dapat dilihat pada
Gambar III.33 berikut.
Sumber: Hasil Perancangan (2018)
Gambar III.33 Tampilan Materi Badan Usaha Berdasarkan Kepemilikan
53
12. Antar Muka Menu BAB III
Gambar III.34 berikut ini adalah tampilan menu materi BAB III, halama ini
tampil ketika tombol BAB III pada menu utama di klik. Terdapat dua menu
materi pada halaman ini yaitu tahapan proses pencatatan akuntansi dan siklus
atau proses pencatatan akuntansi.
Sumber: Hasil Perancangan (2018)
Gambar III.34 Tampilan Menu BAB III
13. Antar Muka Materi Tahapan Proses Pencatatan Akuntansi
Pada saat tombol tahapan proses pencatatan akuntansi pada menu materi BAB
III di klik, aplikasi akan menampilkan halaman materi tahapan proses
pencatatan akuntansi, tampilan dari halaman materi badan usaha dapat dilihat
pada Gambar III.35 berikut.
54
Sumber: Hasil Perancangan (2018)
Gambar III.35 Tampilan Materi Tahapan Proses Pencatatan Akuntansi
14. Tampilan Antar Muka Materi Siklus atau Proses Pencatatan Akuntansi.
Pada saat tombol siklus atau proses pencatatan akuntansi pada menu materi
BAB III di klik, aplikasi akan menampilkan halaman materi tasiklus atau proses
pencatatan akuntansi, tampilan dari halaman materi badan usaha dapat dilihat
pada Gambar III.36 berikut.
Sumber: Hasil Perancangan (2018)
Gambar III.36 Tampilan Materi Siklus atau Proses Pencatatan Akuntansi
55
15. Antar Muka Menu BAB IV
Gambar III.37 berikut ini adalah tampilan menu materi BAB IV, halama ini
tampil ketika tombol BAB IV pada menu utama di klik. Terdapat tiga menu
materi pada halaman ini yaitu jenis transaksi bisnis, penyimpanan bukti
transaksi, dan bukti transaksi bisnis.
Sumber: Hasil Perancangan (2018)
Gambar III.37. Tampilan Menu BAB IV
16. Antar Muka Materi Jenis Transaksi Bisnis
Pada saat tombol jenis transaksi bisnis pada menu materi BAB IV di klik,
aplikasi akan menampilkan halaman materi jenis transaksi bisnis, tampilan dari
halaman materi badan usaha dapat dilihat pada Gambar III.38 berikut.
56
Sumber: Hasil Perancangan (2018)
Gambar III.38 Tampilan Materi Jenis Transaksi Bisnis
17. Antar Muka Materi Penyimpanan Bukti Transaksi
Pada saat tombol penyimpanan bukti transaksipada menu materi BAB IV di
klik, aplikasi akan menampilkan halaman materi penyimpanan bukti transaksi,
tampilan dari halaman materi badan usaha dapat dilihat pada Gambar III.39
berikut.
Sumber: Hasil Perancangan (2018)
Gambar III.39 Tampilan Materi Penyimpanan Bukti Transaksi
57
18. Antra Muka Materi Bukti Transaksi Bisnis
Pada saat tombol bukti transaksi bisnis pada menu materi bab 4 di klik, aplikasi
akan menampilkan halaman materi bukti transaksi bisnis, tampilan dari
halaman materi badan usaha dapat dilihat pada Gambar III.40 berikut.
Sumber: Hasil Perancangan (2018)
Gambar III.40 Tampilan Materi Bukti Transaksi Bisnis
19. Antar Muka About
Tampilan ini muncul ketika tombol about pada menu utama aplikasi di klik,
halaman ini menjelaskan tentang peneliti.
Sumber: Hasil Perancangan (2018)
Gambar III.41 Tampilan About
58
20. Antar Muka Petunjuk Latihan Soal
Halaman ini menampilkan cara untuk menjawab latihan soal, halaman ini
tampil ketika tombol latihan soal pada menu utama di klik. Terdapat contoh
tombol yang akan di gunakan dalam atihan soal pada aplikasi ini. Tampilan
halamani ini dapat dilihat pada gambar III.42 berikut.
Sumber: Hasil Perancangan (2018)
Gambar III.42 Tampilan Petunjuk Latihan Soal
21. Antar Muka Latihan Soal
Halama ini menampilkan soal – soal yang akan di ujikan kepada siswa
berdasarkan level soalnya, halaman ini akan tampil ketika tombol mulai pada
petunjuk latihan soal di klik. Tampilan dari halaman latihan soal dapat dilihat
dari gambar III.43 - 45 berikut.
59
Sumber: Hasil Perancangan (2018)
Gambar III.43 Tampilan Latihan Soal Level 1
Sumber: Hasil Perancangan (2018)
Gambar III.44 Tampilan Latihan Soal Level 2
60
Sumber: Hasil Perancangan (2018)
Gambar III.45 Tampilan Latihan Soal Level 3
22. Antar Muka Hasil Latihan Soal
Halaman ini menampilkan hasil dari latihan soal, halaman ini tampil pada saat
user telah selesai menjawab 20 soal pada aplikasi ini. Tampilan dari halaman
hasil latihan soal dapat dilihat dari gambar berikut.
Sumber: Hasil Perancangan (2018)
Gambar III.46 Tampilan Hasil Latihan Soal
61
23. Antar Muka Menu Video
Halaman menu video merupakan halaman yang menampilkan menu pilihan
video pembelajaran yang dapat di tampilkan, halaman ini muncul ketika
tombol video pada halaman menu utama di klik, tampilan dari halaman menu
video dapat dilihat pada gambar III.47 berikut.
Sumber: Hasil Perancangan (2018)
Gambar III.47 Tampilan Menu Video
24. Antar Muka Video
Halama ini menampilkan video pembelajaran yang dapat dilihat dalam aplikasi
ini, halaman ini akan tampil ketika tombol pada menu video di klik. Tampilan
dari halaman video dapat dilihat dari gambar III.48 berikut.
62
Sumber: Hasil Perancangan (2018)
Gambar III.48 Tampilan Video
3.4. Pengujian Sistem
3.4.1. Pengujian Black Box
Pengujian dilakukan dengan metode blackbox yang akan memeriksa apakah
aplikasi pengantar akuntansi dasar dapat berjalan dengan benar dan sesuai dengan
yang diharapkan seperti tabel di bawah ini :
Tabel III.15
Pengujian Black Box Aplikasi Menu Utama
No Jenis
Pengujian
Hasil yang di
Harapkan Hasil Eksekusi Keterangan
1. Memilih menu
BAB I
Dapat menampilkan
menu materi BAB I
Menampilkan menu
materi BAB I Berhasil
2. Memilih menu
BAB II
Dapat menampilkan
menu materi BAB
II
Menampilkan
menu materi BAB
II
Berhasil
3. Memilih menu
BAB III
Dapat menampilkan
menu materi BAB
III
Menampilkan
menu materi BAB
III
Berhasil
63
4. Memilih menu
BAB IV
Dapat menampilkan
menu materi BAB
IV
Menampilkan
menu materi BAB
IV
Berhasil
5. Memilih menu
Video
Dapat menampilkan
menu Video
Menampilkan
menu Video Berhasil
6. Memilih About Dapat menampilkan
tentang penulis
Menampilkan
tentang penulis Berhasil
7.
Memilih menu
Latihan Soal
Dapat menampilkan
halaman petunjuk
latihan soal
Menampilkan
halaman petunjuk
latihan soal
Berhasil
Sumber: Hasil Penelitian (2018)
Tabel III.16
Pengujian Black Box Aplikasi Menu BAB I
No Jenis
Pengujian
Hasil yang di
Harapkan Hasil Eksekusi Keterangan
1.
Memilih menu
hakikat
akuntansi
Dapat menampilkan
materi hakikat
akuntansi
Menampilkan
materi hakikat
akuntansi
Berhasil
2. Memilih menu
peran akuntansi
Dapat menampilkan
materi peran
akuntansi
Menampilkan
materi peran
akuntansi
Berhasil
3.
Memilih menu
tujuan
akuntansi
Dapat menampilkan
materi tujuan
akuntansi
Menampilkan
materi tujuan
akuntansi
Berhasil
4.
Memilih menu
profesi
akuntansi
Dapat menampilkan
materi profesi
akuntansi
Menampilkan
materi profesi
akuntansi
Berhasil
5. Memilih
tombol home
Dapat menampilkan
menu utama
Menampilkan
menu utama Berhasil
6 Memilih
tombol back
Dapat menampilkan
kembali menu
materi BAB I
Menampilkan
kembali menu
materi BAB I
Berhasil
Sumber: Hasil Penelitian (2018)
64
Tabel III.17
Pengujian Black Box Aplikasi Menu Bab 2
No Jenis
Pengujian
Hasil yang di
Harapkan Hasil Eksekusi Keterangan
1.
Memilih menu
badan usaha
Dapat menampilkan
materi badan usaha
Menampilkan
materi badan
usaha
Berhasil
2.
Memilih menu
badan usaha
berdasarkan
kegiatan
Dapat menampilkan
materi badan usaha
berdasarkan
kegiatan
Menampilkan
materi badan
usaha
berdasarkan
kegiatan
Berhasil
3.
Memilih menu
badan usaha
berdasarkan
kepemilikan
Dapat menampilkan
materi badan usaha
berdasarkan
kepemilikan
Menampilkan
materi badan
usaha
berdasarkan
kepemilikan
Berhasil
4. Memilih
tombol home
Dapat menampilkan
menu utama
Menampilkan
menu utama Berhasil
5. Memilih
tombol back
Dapat menampilkan
kembali menu
materibab 2
Menampilkan
kembali menu
materibab 2
Berhasil
Sumber: Hasil Penelitian (2018)
Tabel III.18
Pengujian Black Box Aplikasi Menu Bab 3
No JenisPengujian Hasil yang di
Harapkan HasilEksekusi Keterangan
1.
Memilih menu
taha – tahap
proses
pencatatan
akuntansi
Dapat menampilkan
mater i tahap –
tahap proses
pencatatan akuntansi
Menampilkan
materi tahap –
tahap proses
pencatatan
akuntansi
Berhasil
65
2.
Memilih menu
siklus atau
proses
pencatatan
akuntansi
Dapat menampilkan
materi siklus atau
proses pencatatan
akuntansi
Menampilkan
materi siklus
atau proses
pencatatan
akuntansi
Berhasil
3. Memilih tombol
home
Dapat menampilkan
menu utama
Menampilkan
menu utama
Berhasil
4. Memilih tombol
back
Dapat menampilkan
kembali menu
materi BAB III
Menampilkan
kembali menu
materi BABIII
Berhasil
Sumber: Hasil Penelitian (2018)
Tabel III.19
Pengujian Black Box Aplikasi Menu BAB IV
No JenisPengujia
n
Hasil yang di
Harapkan Hasil Eksekusi Keterangan
1.
Memilih menu
jenis transaksi
bisnis
Dapat menampilkan
materi jenis
transaksi bisnis
Menampilkan
materi jenis
transaksi bisnis
Berhasil
2.
Memilih menu
penyimpanan
bukti transaksi
Dapat menampilkan
materi penyimpanan
bukti transaksi
Menampilkan
materi
penyimpanan
bukti transaksi
Berhasil
3.
Memilih menu
bukti transaksi
bisnis
Dapat menampilkan
materi bukti
transaksi bisnis
Menampilkan
materi bukti
transaksi bisnis
Berhasil
4. Memilih
tombol home
Dapat menampilkan
menu utama
Menampilkan
menu utama Berhasil
5. Memilih
tombol back
Dapat menampilkan
kembali menu
materi BAB IV
Menampilkan
kembali menu
materi BAB IV
Berhasil
Sumber: Hasil Penelitian (2018)
66
Tabel III.20
Pengujian Black Box Aplikasi Menu Video
No Jenis
Pengujian
Hasil yang di
Harapkan Hasil Eksekusi Keterangan
1.
Memilih video
hakikat
akuntansi
Dapat
menampilkan
video hakikat
akuntansi
Menampilkan
video hakikat
akuntansi Berhasil
2.
Memilih video
badan usaha
Dapat
menampilkan
video badan usaha
Menampilkan
video badan
usaha
Berhasil
3.
Memilih video
siklus akuntansi
Dapat
menampilkan
videosiklus
akuntansi
Menampilkan
video siklus
akuntansi Berhasil
4.
Memilih video
bukti transaksi
Dapat
menampilkan
video bukti
transaksi
Menampilkan
video bukti
transaksi Berhasil
5. Memilih
tombol home
Dapatmenampilkan
menu utama
Menampilkan
menu utama Berhasil
6. Memilih
tombol back
Dapat
menampilkan
kembali menu
video
Menampilkan
kembali menu
video
Berhasil
Sumber: Hasil Penelitian (2018)
67
Tabel III.21
Pengujian Black Box Aplikasi Latihan Soal
No JenisPengujian Hasil yang di
Harapkan Hasil Eksekusi Keterangan.
1.
Menekan
tombol mulai
Dapat
menampilkan
latihansoal
Menampilkan
latihan soal Berhasil
2. Memilih pilihan
ganda
Dapat melanjutkan
kesoal berikutnya
Melanjutkan ke
soal berikutnya Berhasil
3. Memilih tombol
home
Dapat
menampilkan
menu utama
Menampilkan
menu utama Berhasil
Sumber: Hasil Penelitian (2018)
3.4.2. Pengujian Aplikasi
Pengujian Aplikasi dilakukan pada siswa SMAN 4 Teluk Keramat kelas XI
yang sedang mempelajari akuntansi dasar pada semester ini, aplikasi di ujikan
kepada 25 siswa. Data hasil belajar siswa diperoleh dengan langkah awal dilakukan
pre tes tuntuk mengetahui kemampuan awal siswa, dan setelah itu dilakukan post
test setelah dilakukan pembelajaran dengan aplikasi. Kemudian dari data tersebut
peneliti membuat table untuk mendata hasil pre test danpost test sehingga hasil gain
pada siswa tersebut sebelum dan sesudah diberi perlakuan dapat dibandingkan.
No Nama Pre Test Post Test
1. Dody Nurhan 10 15
2. Julianti Dian Lestari 9 15
3. Rio Febriant 11 15
4. Dhitia Rarasari 7 16
5. Tasya Dyta Azrifa 10 18
6. Yetti Dian Novitawati 9 13
7. Bari Indah Putra 8 17
68
8. Herlianda 12 13
9. Dini Widiayasti 12 14
10. Meliana Labanti 14 17
11. Mutia Soraya 7 20
12. Dianita Utami Putri 9 17
13. Ramadhan Tri Pamungkas 5 18
14. Eldita Rachmi 13 15
15. Achmad Rafiqi Azka 11 20
16. Hana Irgahayu 6 18
17. Dien Ridayani 8 15
18. Rizka Dwi Afriliana 9 15
19. Haikal 10 16
20. Nurmala Novitasari 8 15
21. Andre 9 16
22. Zulfikri 9 18
23. Doni Saputra 10 14
24. Didik Kusuma 11 15
25. Nazulfi 8 16
Sumber: Hasil Penelitian (2018)
Data hasil pre-test dan post-test digunakan untuk mengetahui taraf criteria soal.
Teknik analisis yang digunakan untuk menganalisis pre-test dan post-test adalah uji
N Gain. Rumus Gain Ternormalisasi (Normalized Gain) = N.G, yaitu:
Hasil perhitungan N-Gain kemudian diinterpretasikan dengan menggunakan
klasifikasi dari Hake dalam Noer (2010: 105) seperti yang terdapat dalam Tabel
berikut :
69
Besarnya Gain Interpretasi
N-g > 0,7 Baik
0,3 < N-g <0,7 Cukup
N-g < 0,3 Buruk
Dari penelitian yang dilakukan di SMA Bina Utama di dapatlah hasil sebagai
berikut:
Pretest score = 235
Posttest score = 401
Maximum posible score = 500
N.G = 401 - 235 = 166
500 - 235 265
= 0,626
Sehingga di dapatlah gain dari pre test – post test penelitian ini yaitu 0,6 yang berarti
aplikasi ini memiliki pengaruh Cukup terhadap pelajaran pengantar akuntansi
dasar pada siswa SMA Bina Utama, Pontianak.