aplikasi pembelajaran basic chord pada piano...

31
APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO SECARA AUGMENTED REALITY BERBASISKAN ANDROID NAMA : FILDZAH ZHAFRINA NPM : 12110781 JURUSAN : SISTEM INFORMASI PEMBIMBING : PROF. DR. B. E. F. DA SILVA

Upload: lyhanh

Post on 06-May-2018

239 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO …publication.gunadarma.ac.id/bitstream/123456789/11132/1/DOKUMEN... · Belajar piano bisa dengan mengikuti kursus piano atau ... software

APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO

SECARA AUGMENTED REALITY BERBASISKAN ANDROID

NAMA : FILDZAH ZHAFRINA NPM : 12110781 JURUSAN : SISTEM INFORMASI PEMBIMBING : PROF. DR. B. E. F. DA SILVA

Page 2: APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO …publication.gunadarma.ac.id/bitstream/123456789/11132/1/DOKUMEN... · Belajar piano bisa dengan mengikuti kursus piano atau ... software

• Musik menjadi salah satu bidang studi di berbagai kalangan.

• Terdapat berbagai macam alat musik dan piano salah satunya. Belajar piano bisa dengan mengikuti kursus piano atau belajar secara otodidak.

• Dalam media pembelajaran yang biasanya berupa media cetak, chord akan dijelaskan berupa gambar. Bagi pelajar otodidak akan lebih sulit mencerna gambar tanpa di pratekkan oleh pengajar.

• Dengan berkembangnya teknologi yang semakin pesat, dibutuhkan sebuah aplikasi yang dapat membantu pelajar untuk mempelajari basic chord piano yang bersifat movable.

LATAR BELAKANG MASALAH

Page 3: APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO …publication.gunadarma.ac.id/bitstream/123456789/11132/1/DOKUMEN... · Belajar piano bisa dengan mengikuti kursus piano atau ... software

BATASAN MASALAH

• Aplikasi ini hanya menampilkan basic chord, yang terdiri dari chord mayor dan chord minor, masing-masing chord hanya memiliki 7 chord.

• Aplikasi ini dibuat dalam bentuk mobile application berbasis Android dengan versi 2.3.1 (Gingerbread) ke atas sebagai aplikasi offline.

• Objek dan animasi aplikasi dibuat dengan software Blender, Augmented Reality aplikasi dibuat dengan software Unity 3D dan Vuvoria, serta pembuatan audio menggunakan software MuseScore dan pembuatan image menggunakan Adobe Flash.

• Terdapat 1 buah marker untuk menampilkan seluruh model-model chord piano.

• Materi kuis yang terdapat didalam aplikasi ini disediakan dalam bentuk 10 soal pilihan ganda.

Page 4: APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO …publication.gunadarma.ac.id/bitstream/123456789/11132/1/DOKUMEN... · Belajar piano bisa dengan mengikuti kursus piano atau ... software

MANFAAT PENULISAN

• Membantu para pelajar piano terutama pelajar otodidak agar lebih memahami chord basic pada piano.

• Menciptakan pembelajaran dalam bentuk mobile sehingga memudahkan pelajar dalam mempelajari basic chord piano.

• Memanfaatkan teknologi terkini agar informasi yang didapatkan memberikan nuansa baru dalam alternatif media pembelajaran yaitu secara Augmented Reality

• Diharapkan dapat dijadikan sebagai sarana pendukung dalam proses belajar piano.

Page 5: APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO …publication.gunadarma.ac.id/bitstream/123456789/11132/1/DOKUMEN... · Belajar piano bisa dengan mengikuti kursus piano atau ... software

METODE PENULISAN

1. Studi Pustaka

Mengumpulkan data-data mengenai chord piano dan serta tutorial yang berkaitan dengan pembuatan aplikasi Augmented Reality baik dari media cetak ataupun internet.

2. Analisis

Analisis perangkat keras :

• Processor Intel® core™ i5 CPU M 450 @ 2.40 GHz

• Kapasitas RAM 6,00 GB

• Mouse dan Keyboard

Page 6: APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO …publication.gunadarma.ac.id/bitstream/123456789/11132/1/DOKUMEN... · Belajar piano bisa dengan mengikuti kursus piano atau ... software

METODE PENULISAN (Lanj.)

Analisis Perangkat Lunak :

• Sistem operasi windows 7 64 bit, sistem operasi yang digunakan dalam pembuatan aplikasi ini.

• Google Chrome, sebagai browser yang digunakan.

• Blender 2.62, software yang digunakan untuk membuat objek 3D piano dan animasi chord.

• Unity 4.3.4f1, software yang digunakan untuk membuat augmented reality.

• Vuvoria, untuk pembuatan marker.

• MuseScore, software yang digunakan untuk membuat audio chord.

• Adobe Flash, software yang digunakan untuk membuat image informasi chord.

Page 7: APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO …publication.gunadarma.ac.id/bitstream/123456789/11132/1/DOKUMEN... · Belajar piano bisa dengan mengikuti kursus piano atau ... software

METODE PENULISAN (Lanj.)

Analisis Pengguna / User :

Untuk menjalankan aplikasi augmented reality ini dibutuhkan karakteristik user yang mengerti menggunakan smartphone.

Dimana smartphone tersebut memenuhi persyaratan sebagai berikut :

• Sistem Operasi Android minimal Android 2.3.1 ‘Gingerbread’ (API level 9).

• Memiliki kamera belakang.

• Terinstalasi dengan aplikasi AR Chord Piano.

Page 8: APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO …publication.gunadarma.ac.id/bitstream/123456789/11132/1/DOKUMEN... · Belajar piano bisa dengan mengikuti kursus piano atau ... software

METODE PENULISAN 3. Design (Perancangan)

• Perancangan struktur navigasi

Page 9: APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO …publication.gunadarma.ac.id/bitstream/123456789/11132/1/DOKUMEN... · Belajar piano bisa dengan mengikuti kursus piano atau ... software

METODE PENULISAN (Lanj.)

• Perancangan tampilan

Tampilan Menu Utama

Chord Mayor

Chord Minor

Image Logo

Soal

Tentang

Keluar

Image Background

Page 10: APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO …publication.gunadarma.ac.id/bitstream/123456789/11132/1/DOKUMEN... · Belajar piano bisa dengan mengikuti kursus piano atau ... software

METODE PENULISAN (Lanj.)

Tampilan Chord Mayor

C Mayor

D Mayor

E Mayor

F Mayor

G Mayor

A Mayor

B Mayor

Judul

Kembali

Image Background

Page 11: APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO …publication.gunadarma.ac.id/bitstream/123456789/11132/1/DOKUMEN... · Belajar piano bisa dengan mengikuti kursus piano atau ... software

METODE PENULISAN (Lanj.)

Tampilan Chord Minor

C Minor

D Minor

E Minor

F Minor

G Minor

A Minor

B Minor

Judul

Kembali

Image Background

Page 12: APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO …publication.gunadarma.ac.id/bitstream/123456789/11132/1/DOKUMEN... · Belajar piano bisa dengan mengikuti kursus piano atau ... software

METODE PENULISAN (Lanj.)

Tampilan Pembelajaran

X

Image Augmented Reality Chord

Button Play Button Back

Button Info

Page 13: APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO …publication.gunadarma.ac.id/bitstream/123456789/11132/1/DOKUMEN... · Belajar piano bisa dengan mengikuti kursus piano atau ... software

METODE PENULISAN (Lanj.)

Tampilan Informasi Chord C Mayor

Image Mengenai Informasi Basic Chord

Kembali

Page 14: APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO …publication.gunadarma.ac.id/bitstream/123456789/11132/1/DOKUMEN... · Belajar piano bisa dengan mengikuti kursus piano atau ... software

METODE PENULISAN (Lanj.)

Tampilan Soal

Text Soal

Image

Kembali

Pilihan C

Pilihan D

Image Background

Pilihan B

Pilihan A

Page 15: APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO …publication.gunadarma.ac.id/bitstream/123456789/11132/1/DOKUMEN... · Belajar piano bisa dengan mengikuti kursus piano atau ... software

METODE PENULISAN (Lanj.)

Tampilan Jika User Menjawab Salah

Jawaban Belum Tepat!

Image

Kembali

Image

Background

Jawab Lagi

Page 16: APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO …publication.gunadarma.ac.id/bitstream/123456789/11132/1/DOKUMEN... · Belajar piano bisa dengan mengikuti kursus piano atau ... software

METODE PENULISAN (Lanj.)

Tampilan Jika User Menjawab Benar

Selamat Anda Benar!

Image

Kembali

Image Background

Soal Berikutnya

Page 17: APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO …publication.gunadarma.ac.id/bitstream/123456789/11132/1/DOKUMEN... · Belajar piano bisa dengan mengikuti kursus piano atau ... software

METODE PENULISAN (Lanj.)

Tampilan Tentang

Text Penjelasan Mengenai Basic

Chord dan Petunjuk Penggunaan Aplikasi

Kembali

Page 18: APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO …publication.gunadarma.ac.id/bitstream/123456789/11132/1/DOKUMEN... · Belajar piano bisa dengan mengikuti kursus piano atau ... software

METODE PENULISAN

4. Implementasi

• Dimulai dari pembuatan 14 buah objek 3d dan animasi chord menggunakan software blender, terdiri dari modelling, animating dan exporting.

• Pembuatan marker dengan vuvoria

• Kemudian pembuatan aplikasi augmented reality menggunakan unity dengan bahasa pemrograman C#

• Untuk informasi chord yang berupa gambar di buat menggunakan Adobe Flash

• Hingga menjadi aplikasi PEMBELAJARAN BASIC CHORD PIANO SECARA AUGMENTED REALITY .apk yang siap di install pada perangkat mobile berbasis android.

Page 19: APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO …publication.gunadarma.ac.id/bitstream/123456789/11132/1/DOKUMEN... · Belajar piano bisa dengan mengikuti kursus piano atau ... software

METODE PENULISAN

5. Uji Coba

• Uji Coba Fungsional

Aplikasi diuji pada 6 buah smartphone android diantaranya Samsung Galaxy Note 8.0, Samsung Galaxy Tab 3 8.0, Lenovo S820, Lenovo Vibe X S960, Samsung Galaxy Wonder, dan Lenovo P700i. Hasil Uji coba di dapatkan Tampilan aplikasi berubah pada perangkat tertentu namun tetap berjalan dengan baik.

(Hasil uji coba dapat dilihat pada tabel 4.1 halaman 112)

Page 20: APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO …publication.gunadarma.ac.id/bitstream/123456789/11132/1/DOKUMEN... · Belajar piano bisa dengan mengikuti kursus piano atau ... software

METODE PENULISAN (Lanj.)

• Uji Coba Marker Berdasarkan Scale

Pengujian ini akan dilakukan uji coba dengan marker dari scale 100% sampai 20%. Didapatkan hanya sampai marker scale 40% marker terdeteksi.

(Hasil uji coba dapat dilihat pada halaman 115-118)

• Uji Coba Marker Berdasarkan Jarak

Dilakukan uji coba marker dari jarak 20 cm sampai 70 cm. Didapatkan hanya sampai jarak marker 60 cm marker terdeteksi.

(Hasil uji coba dapat dilihat pada halaman 118-119)

Page 21: APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO …publication.gunadarma.ac.id/bitstream/123456789/11132/1/DOKUMEN... · Belajar piano bisa dengan mengikuti kursus piano atau ... software

METODE PENULISAN (Lanj.)

• Uji Coba Penerimaan Pengguna ( User Acceptance Test ) Dilakukan pengujian kepada 30 responden masyarakat umum yang memiliki minat pada piano dengan memberikan kuisioner yang mencakup aspek pembelajaran, aspek tampilan dan aspek aplikasi.

Dari hasil perhitungan tabel kuisioner menggunakan skala likert didapatkan aplikasi ini memiliki skor aspek pembelajaran sebanyak 80.42, aspek tampilan sebanyak 83,75% dan aspek aplikasi sebanyak 80,67%. Hal ini menunjukkan bahwa aplikasi memiliki rating sangat baik pada ketiga aspek.

( Hasil perhitungan dapat dilihat pada hal. 122-129)

Page 22: APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO …publication.gunadarma.ac.id/bitstream/123456789/11132/1/DOKUMEN... · Belajar piano bisa dengan mengikuti kursus piano atau ... software

KESIMPULAN DAN SARAN

KESIMPULAN

• Berhasil membuat aplikasi PEMBELAJARAN BASIC CHORD PIANO SECARA AUGMENTED REALITY BERBASISKAN ANDROID

• Berdasarkan hasil kuisioner didapatkan aplikasi ini berhasil membantu responden dalam mempelajari chord piano serta memberikan nuansa baru dalam alternatif media pembelajaran.

SARAN

• Tampilan tidak berubah pada berbagai perangkat mobile dan kecepatan saat menjalankan aplikasi dapat lebih dipercepat.

• Pembelajaran chord serta jumlah soal dapat diperbanyak dan dilengkapi lagi

• Dilengkapi piano virtual sehingga user dapat memainkan chord-chord yang telah dipelajari

Page 23: APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO …publication.gunadarma.ac.id/bitstream/123456789/11132/1/DOKUMEN... · Belajar piano bisa dengan mengikuti kursus piano atau ... software

OUTPUT PROGRAM

• Tampilan Menu Utama

Page 24: APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO …publication.gunadarma.ac.id/bitstream/123456789/11132/1/DOKUMEN... · Belajar piano bisa dengan mengikuti kursus piano atau ... software

OUTPUT PROGRAM

• Tampilan Chord Mayor

Page 25: APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO …publication.gunadarma.ac.id/bitstream/123456789/11132/1/DOKUMEN... · Belajar piano bisa dengan mengikuti kursus piano atau ... software

OUTPUT PROGRAM

• Tampilan Chord Minor

Page 26: APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO …publication.gunadarma.ac.id/bitstream/123456789/11132/1/DOKUMEN... · Belajar piano bisa dengan mengikuti kursus piano atau ... software

OUTPUT PROGRAM

• Tampilan Augmented Reality C Mayor

Page 27: APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO …publication.gunadarma.ac.id/bitstream/123456789/11132/1/DOKUMEN... · Belajar piano bisa dengan mengikuti kursus piano atau ... software

OUTPUT PROGRAM

• Tampilan Informasi Chord C Mayor

Page 28: APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO …publication.gunadarma.ac.id/bitstream/123456789/11132/1/DOKUMEN... · Belajar piano bisa dengan mengikuti kursus piano atau ... software

OUTPUT PROGRAM

• Tampilan Soal

Page 29: APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO …publication.gunadarma.ac.id/bitstream/123456789/11132/1/DOKUMEN... · Belajar piano bisa dengan mengikuti kursus piano atau ... software

OUTPUT PROGRAM

• Tampilan Soal Jika User Menjawab Benar

Page 30: APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO …publication.gunadarma.ac.id/bitstream/123456789/11132/1/DOKUMEN... · Belajar piano bisa dengan mengikuti kursus piano atau ... software

OUTPUT PROGRAM

• Tampilan Soal Jika User Menjawab Salah

Page 31: APLIKASI PEMBELAJARAN BASIC CHORD PADA PIANO …publication.gunadarma.ac.id/bitstream/123456789/11132/1/DOKUMEN... · Belajar piano bisa dengan mengikuti kursus piano atau ... software

OUTPUT PROGRAM

• Tampilan Tentang