bab iii pembahasan 3.1. analisis kebutuhan 3.1.1. analisis ... · aplikasi dan berisi informasi apa...

53
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

Upload: others

Post on 27-Dec-2019

12 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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

Page 2: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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.

Page 3: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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.

Page 4: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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)

Page 5: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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)

Page 6: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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)

Page 7: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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)

Page 8: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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)

Page 9: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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)

Page 10: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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)

Page 11: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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)

Page 12: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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)

Page 13: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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)

Page 14: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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)

Page 15: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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)

Page 16: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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.

Page 17: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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

Page 18: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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

Page 19: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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

Page 20: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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

Page 21: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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.

Page 22: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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

Page 23: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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.

Page 24: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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

Page 25: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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.

Page 26: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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

Page 27: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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

Page 28: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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.

Page 29: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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

Page 30: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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 :

Page 31: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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

Page 32: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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

Page 33: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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.

Page 34: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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

Page 35: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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.

Page 36: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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

Page 37: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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.

Page 38: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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

Page 39: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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.

Page 40: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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

Page 41: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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

Page 42: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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.

Page 43: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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

Page 44: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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

Page 45: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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.

Page 46: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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

Page 47: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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)

Page 48: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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

Page 49: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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)

Page 50: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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)

Page 51: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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

Page 52: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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 :

Page 53: BAB III PEMBAHASAN 3.1. Analisis Kebutuhan 3.1.1. Analisis ... · aplikasi dan berisi informasi apa saja yang harus ada dan di hasilkan oleh aplikasi. ... akuntansi BAB III Sumber:

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.