untuk sekolah dasar berbasis multimedia fileaplikasi pembelajaran math trick 4 untuk sekolah dasar...
TRANSCRIPT
APLIKASI PEMBELAJARAN MATH TRICK 4
UNTUK SEKOLAH DASAR BERBASIS MULTIMEDIA
Ali Saogi Yusuf
41507010103
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS ILMU KOMPUTER
UNIVERSITAS MERCUBUANA
2013
APLIKASI PEMBELAJARAN MATH TRICK 4
UNTUK SEKOLAH DASAR BERBASIS MULTIMEDIA
Laporan Tugas Akhir
Diajukan Untuk Melengkapi Salah Satu Persyaratan
Memperoleh Gelar Sarjana Strata Satu (S1)
Oleh :
ALI SAOGI YUSUF
41507010103
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS ILMU KOMPUTER
UNIVERSITAS MERCUBUANA
2013
KATA PENGANTAR
Puji syukur penulis panjatkan atas kehadirat Allah SWT, karena berkat rahmat dan
karunia-Nya, sehingga penulis dapat menyelesaikan laporan tugas akhir yang merupakan salah
satu persyaratan untuk menyelesaikan Program Studi Strata Satu (S1) pada Jurusan Teknik
Informatika Universitas Mercu Buana Jakarta.
Penulis menyadari bahwa laporan tugas akhir ini masih jauh dari sempurna. Karena itu,
kritik dan saran akan sentiasa penulis terima dengan senang hati. Dengan segala keterbatasan dan
kekurangan, penulis menyadari bahwa laporan tugas akhir ini takkan terwujud tanpa bantuan,
bimbingan dan dorongan dari pihak lain. Untuk itu, dengan segala kerendahan hati, penulis
menyampaikan ucapan terima kasih kepada :
1. Ibu Ida Nurhaida, ST., MT, selaku pembimbing Tugas Akhir Jurusan Teknik Informatika
Universitas Mercu Buana, yang dengan sabar memberikan bimbingan hingga laporan ini
terwujud.
2. Ibu Devi Fitrianah, S.Kom., MTI., selaku Dosen Pembimbing Akademik.
3. Bapak Tri Daryanto, S.Kom., MT, selaku Kaprodi Jurusan Teknik Informatika
Universitas Mercu Buana.
4. Bapak Sabar Rudiarto, S.Kom., M.Kom selaku Koordinator Tugas Akhir Jurusan Teknik
Informatika Universitas Mercu Buana.
5. Keluarga tercinta, yang telah memberikan do’a, ilmu yang berguna, serta dukungan
materil kepada penulis.
6. Rekan-rekan mahasiswa Teknik Informatika khususnya angkatan 2007, yang telah
banyak berbagi pengalaman dan ilmu. Penulis mengucapkan belasungkawa yang
mendalam atas meninggalnya sahabat kita semua semoga diberikan tempat terindah oleh
sang pencipta.
7. Semua pihak yang telah banyak membantu baik secara langsung maupun tidak langsung
dalam pelaksanaan Tugas Akhir ini yang tidak dapat penulis sebutkan satu persatu.
Semoga skripsi ini dapat bermanfaat dan tentunya agar dapat dikembangkan lebih jauh di
masa mendatang. Akhir kata, kepada semua pihak yang telah membantu terwujudnya tugas akhir
ini, semoga Allah SWT selalu melimpahkan rahmat dan karunia-Nya.
Amin.
Jakarta, Juli 2013
Penulis
DAFTAR ISI
Halaman
LEMBAR PERNYATAAN ........................................................................... i
LEMBAR PERSETUJUAN .......................................................................... ii
KATA PENGANTAR ................................................................................... iii
ABSTRACT .................................................................................................... iv
ABSTRAK ..................................................................................................... v
DAFTAR ISI ................................................................................................. vi
DAFTAR GAMBAR ..................................................................................... vii
DAFTAR TABEL ......................................................................................... viii
BAB I PENDAHULUAN
1.1 Latar Belakang Masalah ................................................................... 1
1.2 Rumusan Masalah ............................................................................. 2
1.3 Tujuan Dan Manfaat ......................................................................... 2
1.4 Batasan Masalah ............................................................................... 2
1.5 Metodologi Penelitian ........................................................................ 3
1.6 Sistematika Penulisan Laporan ......................................................... 4
BAB II LANDASAN TEORI
2.1 Pengenalan Matematika .................................................................... 5
2.1.1 Metode Math Trick 4 ................................................................ 6
2.2 Multimedia ........................................................................................ 6
2.2.1 Definisi Multimedia .................................................................. 6
2.2.2 Multimedia dan pendidikan ...................................................... 8
2.2.3 Objek-objek Multimedia .......................................................... 10
2.2.4 Pemanfaatan Multimedia Pembelajaran .................................... 11
2.3 Sejarah Flash .................................................................................... 13
2.3.1 Bahasa Pemrograman ActionScript ........................................... 14
2.4 Bahasa Pemrograman PHP (Hypertext Prepocessor) ........................ 15
2.5 SQL (Structured Query Language) .................................................... 15
2.6 Adobe Dream Weaver ........................................................................ 15
2.7 XAMPP ............................................................................................ 16
2.8 Materi Pembelajaran .......................................................................... 16
2.8.1 Materi I Perkalian 2 (Berhenti di ruas Tengah Jari) ................... 16
2.8.2 Materi II Perkalian 3 (Berhenti di Ruas Bawah Jari) .................. 18
2.8.3 Materi III Perkalian 4 (Putar dan Berhenti di Ruas Jari Tengah) 19
2.8.4 Materi IV Perkalian 5 (Berhenti di ruas Tengah Jari) ................. 21
2.8.5 Materi V Perkalian 6, 7, 8 ........................................................ 23
2.8.6 Materi VI Perkalian 9 ................................................................ 24
2.9 Metode Rekayasa Perangkat Lunak .................................................. 25
2.9.1 Unified Modeling Language (UML) ........................................... 26
2.9.2 Use Case Diagram ..................................................................... 28
2.9.3 Squence Diagram ....................................................................... 30
2.9.4 Activity Diagram ....................................................................... 32
2.10 Alir Bagan / Flowchart ................................................................... 34
2.10.1 Bagan Alir Sistem (System Flowchart) ..................................... 34
2.10.2 Bagan Alir Dokumen (Document Flowchart) ........................... 34
2.10.3 Bagan Alir Skematik (Schematic Flowchart) ............................ 34
2.10.4 Bagan Alir Program (Program Flowchart) ............................... 34
2.10.5 Bagan Alir Proses (Process Flowchart) .................................... 35
2.11 Story Board ............................................................................................. 35
2.12 Metode Black Box Testing ....................................................................... 35
BAB III ANALISIS DAN PERANCANGAN
3.1 Analisis Sistem ................................................................................. 36
3.1.1 Studi Literatur .......................................................................... 36
3.1.2 Analisis Pengguna .................................................................... 36
3.2 Metode Pengembangan Multimedia .................................................. 37
3.2.1 Konsep ..................................................................................... 37
3.2.2 Pengumpulan Bahan ................................................................ 37
3.2.3 Perencanaan ............................................................................. 41
3.2.3.1 Perancangan Use Case Diagram .................................. 41
3.2.3.2 Perancangan Activity Diagram ..................................... 47
3.2.3.3 Perancangan Sequence Diagram .................................. 54
3.2.3.4 Perancangan Database (basis data) .............................. 59
3.2.3.5 Perancangan flowchart ................................................. 59
3.2.3.6 Perancangan Storyboard .............................................. 60
3.2.3.7 Perancangan Antar Muka ............................................ 71
BAB IV IMPLEMENTASI DAN PENGUJIAN
4.1 Implementasi .................................................................................... 75
4.1.1 Spesifikasi Kebutuhan Sistem .................................................. 75
4.2 Pengumpulan Bahan ......................................................................... 76
4.2.1 Teks ......................................................................................... 76
4.2.2 Gambar .................................................................................... 76
4.2.3 Animasi ................................................................................... 76
4.2.4 Suara ........................................................................................ 76
4.2.5 Video ....................................................................................... 76
4.2.6 Game ....................................................................................... 76
4.2.7 Perancangan Peta Navigasi ....................................................... 77
4.2.8 Tombol Navigasi....................................................................... 77
4.3 Pembuatan ........................................................................................ 79
4.4 Pengujian .......................................................................................... 90
4.4.1 Skenario Pengujian .................................................................. 90
4.4.2 Pengujian Black Box ................................................................ 91
4.4.3 Kesimpulan Hasil Pengujian Black Box .................................... 93
4.5 Pengujian Sistem .............................................................................. 93
4.6 Distribusi .......................................................................................... 93
4.6.1 Cara Pengoperasian Program .................................................... 94
4.7 Tampilan Aplikasi ............................................................................ 94
BAB V KESIMPULAN DAN SARAN
5.1 Kesimpulan ...................................................................................... 95
5.2 Saran ................................................................................................ 95
DAFTAR PUSTAKA .................................................................................... 96
LAMPIRAN .................................................................................................. L-1
DAFTAR GAMBAR
Halaman
Gambar 2.1 Perkalian 2 ................................................................................... 16
Gambar 2.2 Perkalian 2 contoh 1 .................................................................... 17
Gambar 2.3 Perkalian 2 contoh 2 ..................................................................... 17
Gambar 2.4 Perkalian 2 contoh 3 ..................................................................... 17
Gambar 2.5 Perkalian 3 ................................................................................... 18
Gambar 2.6 Perkalian 3 contoh 1 ..................................................................... 18
Gambar 2.7 Perkalian 3 contoh 2 ..................................................................... 18
Gambar 2.8 Perkalian 3 contoh 3 ..................................................................... 19
Gambar 2.9 Perkalian 4 ................................................................................... 19
Gambar 2.10 Perkalian 4 contoh 1 ................................................................... 20
Gambar 2.11 Perkalian 4 contoh 2 ................................................................... 20
Gambar 2.12 Perkalian 4 contoh 3 ................................................................... 21
Gambar 2.13 Perkalian 5 ................................................................................. 21
Gambar 2.14 Perkalian 5 contoh 1 ................................................................... 22
Gambar 2.15 Perkalian 5 contoh 2 ................................................................... 22
Gambar 2.16 Perkalian 5 contoh 3 ................................................................... 23
Gambar 2.17 Perkalian 6, 7, 8 ......................................................................... 23
Gambar 2.18 Perkalian 9 ................................................................................. 24
Gambar 2.19 Use Case Model ......................................................................... 29
Gambar 2.20 Contoh Diagram Sekuensial pada saat proses login .................... 32
Gambar 2.21 Contoh Diagram Aktivitas .......................................................... 33
Gambar 3.1 Use Case Diagram Aplikasi Pembelajaran Math Trick 4 ............... 42
Gambar 3.2 Activity Diagram Untuk Halaman Materi ...................................... 48
Gambar 3.3 Activity Diagram Halaman Video ................................................. 49
Gambar 3.4 Activity Diagram Halaman Game ................................................. 50
Gambar 3.5 Activity Diagram Halaman Login ................................................. 51
Gambar 3.6 Activity Diagram Halaman Update Soal ....................................... 52
Gambar 3.7 Activity Diagram Halaman Update Materi .................................... 53
Gambar 3.8 Sequence Diagram Halaman Materi ............................................. 54
Gambar 3.9 Sequence Diagram Halaman Video ............................................... 55
Gambar 3.10 Sequence Diagram Halaman Game.............................................. 56
Gambar 3.11 Sequence Diagram Halaman Admin ........................................... 57
Gambar 3.12 Sequence Diagram Halaman Update Soal ................................... 58
Gambar 3.13 Perancangan Database ................................................................. 59
Gambar 3.14 Flowchart Koreksi Soal .............................................................. 60
Gambar 3.15 Stroryboard Halaman Intro ......................................................... 61
Gambar 3.16 Stroryboard Halaman Menu Utama ............................................ 62
Gambar 3.17 Stroryboard Halaman Materi ...................................................... 63
Gambar 3.18 Stroryboard Halaman Video ....................................................... 64
Gambar 3.19 Stroryboard Halaman Game ...................................................... 65
Gambar 3.20 Stroryboard Halaman Profil ....................................................... 66
Gambar 3.21 Stroryboard Halaman Login Admin ........................................... 67
Gambar 3.22 Stroryboard Halaman Utama Admin .......................................... 68
Gambar 3.23 Stroryboard Halaman Update Materi ......................................... 69
Gambar 3.24 Stroryboard Halaman Update Soal ............................................ 70
Gambar 3.25 Rancangan Halaman Intro .......................................................... 71
Gambar 3.26 Rancangan Halaman Menu ......................................................... 71
Gambar 3.27 Rancangan Halaman Materi ....................................................... 72
Gambar 3.28 Rancangan Halaman Game ........................................................ 72
Gambar 3.29 Rancangan Halaman Profil ......................................................... 73
Gambar 3.30 Rancangan Halaman Login Admin ............................................. 73
Gambar 3.31 Rancangan Halaman Update Materi ........................................... 74
Gambar 3.31 Rancangan Halaman Update Soal .............................................. 74
Gambar 4.1 Peta Navigasi ............................................................................... 77
Gambar 4.2 Scene Halaman Intro .................................................................... 80
Gambar 4.3 Scene Menu Utama ..................................................................... 81
Gambar 4.4 Scene Materi ............................................................................... 82
Gambar 4.5 Scene Soal ................................................................................... 83
Gambar 4.6 Scene Game (pukul tikus) ............................................................ 84
Gambar 4.7 Scene Video ................................................................................ 85
Gambar 4.8 Scene Profil ................................................................................. 86
Gambar 4.9 Halaman Login Admin ................................................................. 87
Gambar 4.10 Halaman Update Materi (Menu Admin) ..................................... 88
Gambar 4.11 Halaman Update Soal (Menu Admin) ......................................... 89
DAFTAR TABEL
Halaman
Table 2.1 Jenis Diagram Resmi UML (Dharwiyanti dan Wahono,2003:2) ....... 27
Tabel 2.2 Notasi-Notasi Dalam Pemodelan Diagram Use Case ........................ 29
Tabel 2.3 Notasi-Notasi Dalam Pemodelan Sekuensial .................................... 31
Tabel 2.4 Simbol-Simbol Pada Diagram Aktivitas ........................................... 32
Tabel 3.1 Deskripsi Konsep Aplikasi ............................................................... 37
Tabel 3.2 Pengumpulan Bahan Yang Dibuat Sendiri ....................................... 37
Tabel 3.3 Pengumpulan Bahan Yang Diunduh ................................................ 39
Tabel 3.4 Deskripsi Use Case Materi ............................................................... 43
Tabel 3.5 Deskripsi Use Case Video ................................................................ 44
Tabel 3.6 Deskripsi Use Case Game (Permainan) ............................................ 45
Tabel 3.7 Deskripsi Use Case Profil ................................................................ 45
Tabel 3.8 Deskripsi Use Case Update Soal ...................................................... 46
Tabel 3.9 Deskripsi Use Case Update Materi ................................................... 47
Tabel 4.1 Tombol Navigasi Aplikasi ............................................................... 77
Tabel 4.2 Fungsi Url pada Scene Mulai (Intro) ............................................... ... 80
Tabel 4.3 Fungsi Url pada Scene Menu Utama............................................... .... 81
Tabel 4.4 Fungsi Url pada Scene Materi .......................................................... 82
Tabel 4.5 Fungsi url pada Scene Soal .............................................................. 83
Tabel 4.6 Fungsi url pada Scene Game (pukul tikus) ....................................... 84
Tabel 4.7 Fungsi url pada Scene Video ............................................................ 85
Tabel 4.8 Fungsi url pada Scene Profil ............................................................ 86
Tabel 4.9 Fungsi Url pada halaman Admin ..................................................... 87
Tabel 4.10 Halaman Materi Admin (Menu Admin) .......................................... 88
Tabel 4.11 Halaman Soal Admin (Menu Admin) .............................................. 89
Tabel 4.12 Tabel Skenario Pengujian .............................................................. 90
Tabel 4.13 Tabel Hasil Metode Black Box ...................................................... 92