SKRIPSI MEDIA INTERAKTIF PEMBELAJARAN FISIKA DENGAN POKOK BAHASAN GERAK HARMONIK SEDERHANA PADA UNIVERSITAS BHAYANGKARA

Transkripsi

1 SKRIPSI MEDIA INTERAKTIF PEMBELAJARAN FISIKA DENGAN POKOK BAHASAN GERAK HARMONIK SEDERHANA PADA UNIVERSITAS BHAYANGKARA Diajukan Oleh : NAMA : ELAN SETIAWAN NIM : PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS BHAYANGKARA JAKARTA RAYA JAKARTA 2016

2 SKRIPSI MEDIA INTERAKTIF PEMBELAJARAN FISIKA DENGAN POKOK BAHASAN GERAK HARMONIK SEDERHANA PADA UNIVERSITAS BHAYANGKARA Diajukan Sebagai Salah Satu Syarat Menyelesaikan Program Sarjana Strata Satu (S1) Pada Fakultas Teknik Universitas Bhayangkara Jakarta Raya Diajukan Oleh : NAMA : ELAN SETIAWAN NIM : PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS BHAYANGKARA JAKARTA RAYA JAKARTA 2016

3

4

5

6 Elan Setiawan, , Media interaktif pembelajaran fisika dengan pokok bahasan gerak harmonik sederhana pada Universitas Bhayangkara. ABSTRAKSI Pada Universitas Bahayangkara Jakarta Raya dalam percobaan praktikum fisika dasar I yang diikuti oleh mahasiswa teknik yang merupakan matakuliah wajib lulus, dengan menggunakan alat realitas yang ketersediaan alat dan bahan yang terbatas. Dan ketersediaan komputer pada lab. komputer cukup lebih banyak dibanding ketersediaan alat dan bahan praktikum fisika. Sampai saat ini belum adanya ketersedian media interaktif simulasi pembelajaran dengan pokok bahasan gerak harmonik sederhana yang merupakan bahasan pada praktikum fisika dasar I pada Universitas Bhayangkara Jakarta Raya. Dalam perkembangan teknologi dan informasi saat ini bahasa pemrograman HTML5 tag <canvas> dan javscript mampu menampilkan animasi dan lebih popular dibanding adoble flash yang belum menampilkan perkembangannya. Untuk meningkatkan efisiensi waktu praktikum dan dana pembelian alat praktikum maka perlu dibuatkannya media interaktif simulasi pembelajaran fisika dasar I dengan pokok bahasan gerak harmonik sederhana menggunakan bahasa pemrograman HTML5, CSS3 dan javascript. Kata Kunci : Media interaktif simulasi pembelajaran fisika, gerak harmonik sederhana, HTML5, CSS3 dan javascript. iv

7 Elan Setiawan, , Interactive medium of learning physics with simple harmonic motion subject at the University Bhayangkara ABSTRACTION At University Bahayangkara Jakarta Raya in basic physics lab experiment I, followed by engineering students who are required to pass the course, using the tools of reality that the availability of tools and materials are limited. And the availability of computers in the lab. computer quite a lot more than the availability of tools and materials physics lab. Until now, the lack of availability of interactive media simulation study on the subject of simple harmonic motion which is a discussion on the basic physics lab at the University I Bhayangkara Jakarta Raya. In the development of technology and information currently programming language HTML5 tag <canvas> and javscript able to display animations and more popular than adoble flash is not yet showing its development. To improve the efficiency of lab time and funds to purchase the necessary practical tools dibuatkannya interactive media learning basic physics simulation I to the subject of simple harmonic motion using the programming language HTML5, CSS3 and JavaScript. Keywords : Media interactive learning simulation physics, simple harmonic motion, HTML5, CSS3 and javascript. v

8

9 KATA PENGANTAR Puji syukur atas rahmat Allah SWT, penulis dapat menyelesaikan skripsi ini, dalam skripsi ini penulis mengambil judul mengenai Media interaktif pembelajaran fisika dengan pokok bahasan gerak harmonic sederhana pada Universitas Bhayangkara sebagai salah satu syarat untuk memperoleh gelar sarjana strata satu ( S1 ) pada Program Studi Teknik Informatika Fakultas Teknik Universitas Bhayangkara Jakarta Raya. Penulis mengucapkan banyak terimakasih kepada pihak - pihak yang telah membantu, baik sebelum penulisan skripsi dan pada saat penulisan skripsi ini, pihak pihak tersebut antara lain : 1. Drs. H. Bambang Karsono, SH, MM,selaku Rektor Universitas Bhayangkara. 2. Evi Siti Sofiyah, Ph.D,selaku Wakil Rektor I Universitas Bhayangkara. 3. Dr. Hj. Silvia Nurlaila, S.pd, MM, selaku Wakil Rektor II Universitas Bhayangkara. 4. Drs. H. Bagus Harry S. selaku Wakil Rektor III Universitas Bhayangkara. 5. I.B. Ardhana Putra, Ir, Ph.D, selaku Wakil Rektor IV Universitas Bhayangkara. 6. Ahmad Diponegoro, M.S.I.E., Ph.D, selaku Dekan Fakultas Teknik Universitas Bhayangkara. 7. Hendarman Lubis, S.Kom, M.Kom, selaku Ketua Program Studi Teknik Informatika Universitas Bhayangkara. 8. Adi Muhajirin, S.Kom., M.Kom, selaku dosen Pembimbing I yang memberi referensi tentang materi pembahasan dalam pembuatan skripsi ini. 9. Achmad Muhazir, S.T, M.T, selaku dosen Pembimbing II yang memberi pengarahan dalam metodelogi penulisan dalam pembuatan skripsi ini. 10. Kedua orang tua yang selalu memberikan dukungan kepada penulis dalam setiap kegiatan perkuliahan. 11. Kepada pihak perusahaan PT. Inovasi Sukses Sentosa yang telah memberikan ijin untuk cuti dalam usaha penyelesaian skripsi ini. 12. Teman-teman seperjuangan di Universitas Bhayangkara yang juga sedang menyusun dan menyelesaikan skripsinya. 13. Dan pihak-pihak lain yang tidak dapat disebutkan satu persatu namanya yang telah membantu pembuatan proposal skripsi ini. Penulismenyadari bahwa skripsi ini masih banyak kekurangan dan kesalahan, untuk itu penulis mengharapkan adanya saran yang membangun demi pengembangan ilmu pengetahuan. Akhir kata semoga skripsi ini dapat bermanfaat bagi semua pihak yang memerlukan Jakarta, Agustus 2016 Penulis

10 DAFTAR ISI Halaman Judul Lembar Persetujuan ii Lembar Pengesahan iii Lembar Pernyataan iv Abstraksi v Lembar Pernyataan Publikasi vii Kata Pengantar viii Daftar Isi ix Dafrar Gambar xii Daftar Tabel xiv Dafrar Lampiran xv BAB I PENDAHULUAN 1.1 Latar Belakang Identifikasi Masalah Rumusan Masalah Batasan Masalah Tujuan Penelitian Manfaat Penelitian Tempat dan Waktu Penulisan Metode Penelitian a. Metode survei b. Studi pustaka ix

11 1.9 Metode Konsep Pengembangan Software Sistematika Penulisan BAB II LANDASAN TEORI 2.1 Bahasa pemrograman HTML HTML5 Canvas CSS Javascript Simulasi Definisi Simulasi Manfaat simulasi Bahasan Materi pada simulasi UML (Unified Modeling Language) Software perancangan apllikasi BAB III METODOLOGI PENELITIAN 3.1 Jenis penelitian Perancangan penelitian Flowchart penyusunan penelitian Teknik Pengumpulan dan pengolahan data Tempat dan waktu penelitian Informan penelitian Metode pengumpulan data Metode survei Observasi x

12 3.2.4 Analisis data Metode dari konsep pengembangan software yang digunakan Pengertian extreme programming Tujuan penggunaan metode BAB IV PERANCANGAN SISTEM DAN IMPLEMENTASI 4.1 Analisis Sistem Eksiting Perancangan dari Analisis Sistem dan Implementasi Konsep Dasar Rancangan Antarmuka Aplikasi UML (Unifield modeling language) Hasil Antarmuka Aplikasi Pengujian black box dan white box Pengujian white box Pengujian black box Spesifikasi Software Pendukung aplikasi Penanganan crash (kegagalan memuat halaman media simulasi) BAB V KESIMPULAN DAN SARAN 5.1 Kesimpulan Saran Daftar Pustaka Lampiran xiii xi

13 DAFTAR TABEL Tabel 1.1 Data mahasiswa Teknik Universitas Bhayangkara Jakarta Jaya kampus II Bekasi pada periode tahun Tabel 1.2 Data mahasiswa Teknik Universitas Bhayangkara Jakarta Jaya kampus II Bekasi pada periode tahun Tabel 2.1 Daftar browser terpopular yang mendukung bahasa pemrograman HTML5 canvas Tabel 2.2 Simbol pada use case diagram Tabel 2.3 Simbol pada activity diagram Tabel 2.4 Simbol pada activity diagram Tabel 4.1 Percobaan B-1, Tabel input pada praktikum percobaan pada gerak harmonik sederhana pada pegas Tabel 4.2 Percobaan B-2, Tabel input pada praktikum percobaan pada gerak harmonik sederhana pada bandul Tabel 4.3 Pengujian white box fungsional media simulasi pada pegas Tabel 4.4 Pengujian white box fungsional media simulasi pada bandul Tabel 4.5 Pengujian black box antarmuka media simulasi pada pegas Tabel 4.6 Pengujian black box antarmuka media simulasi pada bandul Tabel 4.7 Percobaan input mencari periode pada aplikasi media simulasi pada pegas Tabel 4.8 Percobaan input mencari grafitasi pada aplikasi media simulasi pada pegas Tabel 4.9 Percobaan input mencari grafitasi pada aplikasi media simulasi pada bandul Tabel 4.10 Daftar browser dan versinya yang mendukung aplikasi media simulasi ini xii

14 DAFTAR GAMBAR Gambar 1.1 Grafik peningkatan mahasiswa teknik Universitas Bhayangkara Jakarta pada tahun 2014 sampai Gambar 2.1 contoh Use case diagram Gambar 2.2 contoh Activity diagram Gambar 2.3 contoh Class diagram Gambar 2.4 contoh Sequence diagram Gambar 2.5 contoh Statemachine diagram Gambar 2.6 contoh Collaboration diagram Gambar 2.7 contoh Deployment diagram Gambar 2.8 contoh Component diagram Gambar 2.9 contoh Object diagram Gambar 2.10 contoh Timing diagram Gambar 2.11 contoh Interaction Overview diagram Gambar 2.12 contoh Composite Structure diagram Gambar 2.13 contoh Package diagram Gambar 3.1 flowchart diagram penyusunan penelitian sistem usulan media simulasi gerak harmonik sederhana (GHS) Gambar 3.2 Extreme Programming Model Gambar 4.1 Use case diagram sistem berjalan pembelajaran fisika dasar Gambar 4.2 Rancangan mockup halaman beranda aplikasi Gambar 4.3 Rancangan mockup halaman menu pilihan aplikasi Gambar 4.4 Rancangan mockup halaman simulasi pada pegas Gambar 4.5 Rancangan mockup animasi simulasi pada pegas Gambar 4.6 Rancangan mockup halaman simulasi pada bandul Gambar 4.7 Rancangan mockup animasi simulasi pada pegas xii

15 Gambar 4.8 Use case diagram sistem usulan media simulasi gerak harmonik sederhana (GHS) secara offline Gambar 4.9 Use case diagram sistem usulan media simulasi gerak harmonik sederhana (GHS) secara online Gambar 4.10 Activity diagram sistem usulan media simulasi gerak harmonik sederhana (GHS) online Gambar 4.11 Activity diagram sistem usulan media simulasi gerak harmonik sederhana (GHS) secara offline Gambar 4.10 Sequence diagram sistem usulan Gambar 4.11 Collaboration diagram sistem usulan Gambar 4.12 Component diagram simulasi pegas sistem usulan Gambar 4.13 Component diagram simulasi bandul sistem usulan Gambar 4.14 Deployment diagram sistem usulan Gambar 4.15 Package diagram sistem usulan Gambar 4.16 Tampilan halaman utama media simulasi Gambar 4.17 halaman menu utama simulasi Gambar 4.18 halaman simulasi gerak harmonik sederhana pada pegas Gambar 4.19 halaman simulasi gerak harmonik sederhana pada bandul Gambar 4.20 Tampilan awal simulasi pada pegas Gambar 4.21 Tampilan Setelah Tombol: Beri Beban ditekan Gambar 4.22 Tampilan awal pada simulasi bandul Gambar 5 Struktur organisasi Uuniversitas Bhayangkara Jakarta Raya xiii

16 DAFTAR LAMPIRAN Lampiran 1 Kartu bimbingan skripsi Lampiran 2 Daftar permintaan data Lampiran 3 Tabel data mahasiswa teknik periode Lampiran 4 Tabel jadwal praktikum fisika dasar I Lampiran 5 Modul praktikum fisika pokok bahasan gerak harmonik sederhana Lampiran 6 Struktur organisasi Universitas Bhayangkara Jakarta Raya Lampiran 7 Tanggung Jawab dan Kewenanngan Universitas Bhayangkara Jakarta Raya Lampiran 8 Biodata mahasiswa xv