Membuat Web E-learning Dasar Membaca Not Balok Menggunakan Bootstrap

Ukuran: px

Mulai penontonan dengan halaman:

Download "Membuat Web E-learning Dasar Membaca Not Balok Menggunakan Bootstrap"

Suharto Tedjo
6 tahun lalu
Tontonan:

1 Membuat Web E-learning Dasar Membaca Not Balok Menggunakan Bootstrap Nama : Danar Adi Perkasa NPM : Jurusan : Teknik Informatika Pembimbing : Prof. Dr.Rer.nat. A. Benny Mutiara, SSi, SKom

2 LATAR BELAKANG Internet dijadikan sumber informasi Informasi bisa didapatkan melalui Website Dengan web, masyarakat bisa mendapatkan informasi tentang banyak hal melalui artikel hingga video tutorial. Banyak orang yang mulai belajar musik secara otodidak terpacu oleh banyaknya video musik yang beredar di youtube. Masyarakat dapat belajar memainkan alat musik yang mereka sukai dengan mudah melalui video tutorial.

3 LATAR BELAKANG Namun kebanyakan orang yang belajar secara otodidak tidak mengetahui cara membaca not balok. Terbatasnya waktu dan biaya yang cukup besar untuk mengambil les musik di tempat les tertentu menjadi kendala. Solusi agar masyarakat dapat belajar dasar membaca not balok dengan waktu yang fleksibel dan biaya rendah adalah membuat web yang dapat dijadikan media pembelajaran not balok.

4 LATAR BELAKANG Salah satu media pembelajaran yang dapat dijadikan sebagai penujang adalah dalam bentuk e-learning Dengan e-learning proses belajar lebih praktis dan efisiensi waktu. Penulisan ini membahas tentang web e-learning Dasar Membaca Not Balok yang dibuat menggunakan php yang memberikan materi dasar membaca not balok. Di dalam web ini juga terdapat kuis yang menguji pemahaman user setelah membaca materi yang sudah disajikan sebelumnya. Diharapkan web Dasar Membaca Not Balok ini dapat membantu masyarakat di luar sana yang membutuhkan pengetahuan dasar membaca not balok.

5 RUMUSAN MASALAH Berdasarkan latar belakang masalah di atas, maka rumusan masalah yang akan dibahas adalah sebagai berikut: Bagaimana membuat suatu website yang dapat digunakan sebagai media belajar dasar not balok yang dapat membantu masyarakat yang ingin belajar membaca not balok

6 BATASAN MASALAH Web untuk orang yang sudah belajar musik secara otodidak. Materi yang dibahas adalah Paranada, Tanda Kunci, Durasi not, Birama, dan Tanda Istirahat Kuis pada web ini terdiri dari tiga paket soal yang ditentukan oleh nilai yang didapatkan user pada soal pendahuluan. Setiap paket soal terdiri dari 10 soal Setiap paket soal yang ada diakses dari database masingmasing paket soal Tidak ada login Tidak ada highscore untuk ditampilkan pada halaman home.

7 TUJUAN Membuat sebuah web yang dapat digunakan untuk belajar Dasar Membaca Not Balok yang dibuat menggunakkan bootstrap dan php yang bermanfaat bagi para pemusik yang belajar musik secara otodidak yang ingin belajar membaca not balok dengan fasilitas kuis.

8 PERANCANGAN Use Case Diagram

9 PERANCANGAN Navigasi

10 Home

11 Materi

12 Materi

13 Materi Paranada

14 Materi Paranada

15 Materi Clef

16 Materi Durasi Not

17 Materi Birama

18 Materi Birama

19 Materi Tanda Istirahat/Rest

20 HalamanVideo

21 Halaman Kuis Pendahuluan

22 Halaman Kuis Pendahuluan

23 Halaman Kuis Salah Satu Paket Awal

24 Halaman Kuis Salah Satu Paket Akhir

25 PENUTUP Kesimpulan Aplikasi e-learning belajar not balok ini dibangun menggunakan Bootstrap dibantu dengan bahasa pemrograman HTML dan PHP. Dalam proses pembuatan web ini juga menggunakan XAMPP(apache) sebagai servernya, sublime 2 sebagai text editor dan browser Google Chrome. Tahapan perancangan web ini menggunakan Use Case Diagram, Sequence Diagram, Acvitity Diagram, dan Class Diagram agar dapat menggambarkan interaksi dan kebutuhan user terhadap aplikasi. Aplikasi ini sudah dapat berjalan dengan baik dengan fitur kuis yang sudah dapat berjalan. Sehingga masyarakat yang sudah mempelajari musik secara otodidak namun belum bisa membaca not balok dapat menggunakan web ini untuk belajar not balok dengan menguji pemahaman mereka dengan fasilitas kuis yang ada pada web ini.

26 PENUTUP Saran Penulis menyadari bahwa masih banyak kekurangan dalam penulisan dan aplikasi ini. Dalam aplikasi ini dapat dikembangkan lagi interface yang lebih menarik, menambahkan login sehingga nama user dapat ditampilkan pada halaman utama ketika user memiliki nilai tertinggi, juga menambahkan soal yang bergambar untuk membuat kuis lebih interaktif lagi, akses soal acak pada database dan fasilitas admin agar dapat update soal dengan lebih mudah.

dokumen-dokumen yang mirip

Sistem Pakar Diagnosa Menentukan Kerusakan Pada Mesin Cuci Dengan Metode Forward Chaining Berbasis Web. Agung Wicaksono Sistem Informasi

Sistem Pakar Diagnosa Menentukan Kerusakan Pada Mesin Cuci Dengan Metode Forward Chaining Berbasis Web Agung Wicaksono 10112380 Sistem Informasi Latar Belakang 1. Kemajuan bidang elektronik terjadi dengan