BAB 3 ANALISIS DAN PERANCANGAN Sejarah Singkat SD Muhammadiyah 12 Pamulang

(1)

32 3.1 Latar Belakang Sekolah

3.1.1 Sejarah Singkat SD Muhammadiyah 12 Pamulang

SD Muhammadiyah 12 Pamulang merupakan amal usaha Pimpinan Cabang Muhammadiyah Setiabudi Karet, Jakarta Selatan. Berdiri sejak tahun 1991 di Jl. Surya Kencana No.29 Pamulang Barat, Kecamatan Pamulang, Kota Tangerang Selatan, Banten. Penyelenggaraan pendidikan yang baik (accountable, reliable, capable), didukung oleh tenaga pendidik yang profesional serta sarana prasarana pendidikan yang memadai, SD Muhammadiyah 12 Pamulang diberi status Terakreditasi A oleh pemerintah dengan nilai akreditasi 98,89 (Akreditasi Tahun 2005/2006).

SD Muhammadiyah 12 Pamulang adalah lembaga pendidikan dasar yang mengedepankan konsep mencerdaskan bangsa melalui serangkaian aktivitas pembelajaran, penanaman aqidah, dan pembiasaan beribadah serta pemberian teladan etos kerja produktif, dinamis dan progressive yang tercerahkan nilai-nilai Al-Quranul Karim dan As- sunnah dengan dijiwai semangat berlomba-lomba dalam kebajikan (fastabiqul khoirot). SD Muhammadiyah juga mengembangkan empat pilar pendidikan yakni learning to know, learning to do, learning to be, and learning to live together, sehingga kegiatan pembelajaran baik akademik maupun non

(2)

akademik yang diselenggarakan selalu terprogram, berkesinambungan dan berorientasi masa depan.

3.1.2 Visi, Misi, dan Tujuan SD Muhammadiyah 12 Pamulang Visi:

Mewujudkan Sekolah Islam Berkemajuan dan Berwawasan Global yang dapat mengaktualisasikan Nilai Iman, Ilmu dan Amal.

Misi:

Membentuk Generasi yang beriman, bertaqwa dan berakhlak mulia serta menguasai ilmu pengetahuan dan teknologi yang berwawasan Global.

Tujuan:

1. Menanamkan nilai-nilai islami melalui pembinaan tertib beribadah dan beramal sholeh.

2. Membentuk sumber daya manusia yang disiplin, bertanggung jawab, aktif, kreatif, inovatif dan berprestasi sesuai dengan perkembangan zaman.

3. Mengoptimalkan proses pembelajaran dan pelayanan bimbingan yang efektif dan maksimal.

(3)

3.1.3 Struktur Organisasi SD Muhammadiyah 12 Pamulang

Gambar 3.1 Struktur Organisasi SD Muhammadiyah 12 Pamulang

3.2 Analisis Sistem Pengajaran yang sedang Berjalan

Secara umum, SD Muhammadiyah 12 Pamulang mengajarkan kebudayaan Indonesia kepada siswa dan siswinya melalui mata pelajaran pokok Ilmu Pengetahuan Sosial (IPS) Terpadu dan Seni Budaya, serta fasilitas ekstrakurikuler seperti seni tari daerah dan seni drama. Mata pelajaran IPS Terpadu dan Seni

(4)

Budaya masing-masing diberikan selama 2 jam setiap minggu. Materi pelajaran disampaikan dengan cara tatap muka dibantu dengan alat peraga seperti gambar- gambar dan boneka yang memakai pakaian daerah.

Berikut adalah silabus mata pelajaran IPS kelas 5 tahun ajaran 2012/2013 yang digunakan SD Muhammadiyah 12 Pamulang:

Tabel 3.1 Silabus Mata Pelajaran IPS Kelas 5

No. Kompentensi Dasar Materi Pokok Indikator 1. Menghargai

keragaman suku bangsa dan budaya Indonesia

Keragaman Suku Bangsa dan Budaya di Indonesia

Mendeskripsikan keanekaragaman suku bangsa di Indonesia

Mendeskripsikan keanekaragaman budaya di Indonesia

Menjelaskan peranan budaya daerah di Indonesia

(5)

3.3 Analisis Kebutuhan 3.3.1 Analisis Wawancara

Dalam menganalisis kebutuhan user, dilakukan pengumpulan data dengan cara mewawancarai Kepala Sekolah dan guru-guru IPS kelas 5 SD Muhammadiyah 12 Pamulang.

Berikut hasil wawancara dengan Kepala SD Muhammadiyah 12 Pamulang:

1. Bila aplikasi perangkat ajar ini dibawa pulang oleh siswa/ siswi, mereka mampu mengoperasikannya.

2. Bapak Kepala Sekolah pernah menggunakan perangkat ajar.

3. Kriteria perangkat ajar yang baik menurut Bapak Kepala Sekolah adalah mudah dioperasikan dan mudah dimengerti sehingga dapat membantu proses belajar-mengajar di kelas.

4. Bagian budaya yang diperlukan untuk dipelajari berdasarkan daftar materi kebudayaan yang berisi rumah adat, pakaian adat, senjata daerah, alat musik tradisional, tarian daerah, lagu daerah, dan makanan khas adalah semua karena semua mencerminkan kebudayaan Indonesia.

5. Dalam perangkat ajar ini perlu disertakan soal-soal latihan.

6. Harapan dari perangkat ajar ini terhadap aktivitas belajar-mengajar, siswa, dan sekolah adalah perangkat ajar ini dapat membantu proses KBM.

(6)

Berikut hasil wawancara dengan guru-guru IPS kelas 5 SD Muhammadiyah 12 Pamulang:

1. Guru mengalami kesulitan dalam mengajarkan materi kebudayaan Indonesia. Beberapa kesulitan yang dialami antara lain kekurangan bahan untuk mengajar, tidak semua materi dapat disampaikan karena terdapat banyaknya materi tentang kebudayaan di setiap provinsi di Indonesia, dan siswa/siswi mudah lupa jika tidak menggunakan bantuan gambar.

2. Metode pengajaran materi kebudayaan Indonesia yang diterapkan di SD Muhammadiyah 12 Pamulang terutama kelas 5 adalah tatap muka dan menggunakan alat peraga seperti gambar. Untuk mempermudah pengajaran dibutuhkan perangkat ajar berbasis multimedia.

3. Bila aplikasi perangkat ajar ini dibawa pulang oleh siswa/ siswi, mereka mampu mengoperasikannya.

4. Guru-guru kelas IPS 5 SD pernah menggunakan perangkat ajar.

5. Kriteria perangkat ajar yang baik menurut guru-guru adalah sesuai dengan kurikulum dan metode pengajaran yang berlaku, serta mudah digunakan dan dimengerti.

6. Unsur budaya yang perlu dipelajari adalah pakaian adat, rumah adat, senjata tradisional, alat musik tradisional, makanan khas, tarian daerah, dan lagu daerah.

7. Dalam perangkat ajar ini perlu disertakan soal-soal latihan.

(7)

8. Diharapkan dengan adanya perangkat ajar ini siswa/siswi menjadi lebih aktif dan termotivasi dalam belajar, mudah mengingat dan mengerti materi yang disampaikan oleh guru, serta kurikulum dapat tercapai sesuai target.

3.3.2 Solusi dari Permasalahan

Solusi aplikasi yang diusulkan berdasarkan analisis wawancara adalah sebagai berikut:

1. Membuat aplikasi perangkat ajar yang dapat membantu guru menyampaikan materi kebudayaan Indonesia di kelas.

2. Aplikasi perangkat ajar ini memiliki lima elemen multimedia yaitu suara, teks, video, gambar, dan animasi untuk mempermudah penyampaian materi oleh guru dan lebih mudah dipahami oleh siswa/siswi.

3. Fitur-fitur yang terdapat dalam aplikasi perangkat ajar ini adalah materi dan soal latihan. Soal latihan yang diberikan berhubungan dengan materi yang ada dalam aplikasi dan dibuat sebagai evaluasi pemahaman untuk siswa/siswi.

4. Materi kebudayaan Indonesia yang terdapat didalam aplikasi mencakup pakaian daerah, rumah adat, senjata daerah, alat musik tradisional, lagu daerah, tarian daerah, dan makanan khas dari 33 provinsi di Indonesia.

(8)

5. Menyediakan program yang dapat digunakan oleh guru untuk menambah, menghapus, dan memperbarui materi dan soal latihan dalam aplikasi perangkat ajar.

3.3.3 Analisis Aplikasi Sejenis 3.3.3.1 Keliling Jawa Yuk!

Aplikasi perangkat ajar ini membahas tentang alam dan budaya Pulau Jawa. Materi dalam perangkat ajar ini disajikan dalam bentuk teks, gambar, animasi, dan narasi sehingga materi dapat lebih mudah dipahami oleh pengguna.

Fitur-fitur yang tersedia dalam perangkat ajar ini antara lain:

1. Harmonisasi Nusantara

Dalam menu ini tersedia menu Harmoni Suara, Puzzle Nusantara, dan Harmoni Busana. Pengguna dapat mendengar lagu daerah di menu Harmoni Suara, menyusun puzzle lambang daerah, fauna khas, dan tradisi adat di menu Puzzle Nusantara, serta memasangkan busana daerah pada karakter di menu Harmoni Busana.

2. Jelajah Pulau

Dalam menu ini tersedia pilihan provinsi-provinsi di Pulau Jawa untuk dijelajah. Di setiap provinsi pengguna dapat menjelajah objek-objek seperti rumah adat, senjata daerah, tarian tradisional, flora dan fauna khas, cerita

(9)

rakyat, lambang daerah, dan tradisi adat. Tersedia permainan dan soal latihan di setiap objek tersebut untuk membantu pengguna dalam memahami materi yang dipelajari.

Gambar 3.2 Menu Utama Aplikasi Keliling Jawa Yuk!

Gambar 3.3 Menu Jelajah Pulau Aplikasi Keliling Jawa Yuk!

(10)

Gambar 3.4 Menu Provinsi DKI Jakarta Aplikasi Keliling Jawa Yuk!

Gambar 3.5 Menu Koleksi Medali DKI Jakarta Aplikasi Keliling Jawa Yuk!

(11)

3.3.3.2 Smartedu untuk SD/ MI Kelas 5

Perangkat ajar ini adalah perangkat ajar yang berisikan 5 materi mata pelajaran utama kelas 5 SD yang dikemas dalam bentuk animasi, gambar dan narasi, serta disertai dengan latihan per materi. Salah satu mata pelajarannya adalah Ilmu Pengetahuan Sosial. Fitur atau menu yang ada adalah sebagai berikut:

1. Materi Interaktif

Pada menu ini, pengguna dapat memilih 5 mata pelajaran kelas 5 SD yaitu IPA, IPS, Matematika, Bahasa Indonesia, dan PKN. Pada mata pelajaran IPS terdapat banyak bab. Kebudayaan Indonesia dibahas pada bab Keanekaragaman Suku dan Budaya di Indonesia dan terbagi dalam 4 sub menu yakni Persebaran Suku Bangsa, Keragaman Suku Bangsa, Keanekaragaman Budaya, dan Sikap Saling Menghormati.

2. Tes Interaktif

Pada menu ini, pengguna bisa memilih soal-soal latihan dari 5 mata pelajaran utama yang terbagi masing- masing ke dalam 2 semester. Tes interaktif ini dilengkapi dengan kunci jawaban dan pembahasan serta penilaian akhir.

(12)

3. Buku Sekolah Elektronik

Pada menu ini, terdapat buku paket dari 5 mata pelajaran yang diterbitkan pemerintah dalam bentuk e- book.

4. Cerita Rakyat

Pada menu ini, pengguna dapat melihat kumpulan cerita rakyat Indonesia dan mancanegara yang berisi pesan moral dan hikmah kepada siswa/siswi.

5. Edugame

Terdapat 3 permainan asah otak tentang warna dan bentuk untuk melatih ingatan siswa/siswi.

Gambar 3.6 Menu Utama Aplikasi Smartedu

(13)

Gambar 3.7 Menu Keanekaragaman Budaya Aplikasi Smartedu

Gambar 3.8 Sub Menu Rumah Adat Aplikasi Smartedu

(14)

3.3.3.3 Anak Pintar Wawasan Global

Perangkat ajar ini berisi pengetahuan tentang Indonesia dan provinsi-provinsinya, Negara-negara di dunia, serta tentang sejarah Indonesia dan dunia. Terdapat tiga macam menu di dalam perangkat ajar ini, yaitu:

1. Jelajah Indonesia

Di dalam menu Jelajah Indonesia terdapat sub menu pengenalan negara Indonesia, 33 provinsi yang ada di Indonesia beserta keterangannya, sejarah Indonesia, dan atlas tematik Indonesia yang berisi tentang pengenalan hasil alam, flora, dan fauna yang dimiliki oleh negara Indonesia.

2. Jelajah Dunia

Di dalam menu Jelajah Dunia terdapat sub menu sejarah dunia, negara-negara di dunia beserta keterangannya, serta agama-agama yang ada di dunia.

3. Ajang Kreatif

Di dalam menu Ajang Kreatif terdapat sub menu tips untuk praktikum di rumah, penemu-penemu terkenal dan temuannya, macam-macam profesi dan penjelasannya, serta menu permainan kreatif yang dapat mengasah kemampuan motorik anak-anak.

(15)

Gambar 3.9 Menu Utama Aplikasi Wawasan Global

Gambar 3.10 Menu 33 Provinsi Indonesia Aplikasi Wawasan Global

(16)

Gambar 3.11 Provinsi Bali Aplikasi Wawasan Global

(17)

Tabel 3.2 Tabel Analisis Aplikasi Sejenis

No. Aspek Smartedu

untuk SD/MI Kelas 5

Wawasan Global

Keliling Jawa Yuk!

Mari Mengenal Kebudayaan Indonesia 1. Elemen

Multimedia

Teks, Gambar, Animasi, Suara

Teks, Gambar, Animasi, Suara

Teks, Gambar, Animasi, Suara, Video 2. Fitur Materi, Soal

Latihan dan Permainan

Materi dan Permainan

Materi, Soal Latihan dan Permainan

Materi, Soal Latihan dan Permainan

3. Database Ada Tidak Ada Ada Ada

4. Pembaharuan konten materi oleh user

Tidak Bisa Tidak Bisa Tidak Bisa Bisa

5. Target SD SD-SMP SD SD

6. Platform Windows Windows Windows Windows

7. Berbayar Ya Ya Ya Tidak

(Gratis)

(18)

Dari tabel analisis aplikasi sejenis di atas dapat disimpulkan perangkat ajar sejenis yang telah dianalisis hanya memiliki empat elemen multimedia yaitu teks, gambar, suara, dan animasi, sedangkan perangkat ajar Mari Mengenal Kebudayaan Indonesia memiliki lima elemen multimedia yaitu teks, suara, gambar, animasi, dan video. Fitur yang terdapat dalam salah satu perangkat ajar sejenis adalah materi dan permainan, sedangkan fitur perangkat ajar Mari Mengenal Kebudayaan Indonesia adalah materi, latihan soal, dan permainan. Dalam perangkat ajar sejenis terdapat database yang menyimpan konten materi. Hal ini juga berlaku pada perangkat ajar Mari Mengenal Kebudayaan Indonesia. Namun, konten materi pada perangkat ajar sejenis tidak dapat diperbaharui oleh pengguna seperti pada perangkat ajar Mari Mengenal Kebudayaan Indonesia. Target dari perangkat ajar sejenis dan perangkat ajar Mari Mengenal Kebudayaan Indonesia adalah siswa/

siswi Sekolah Dasar. Platform yang digunakan untuk menjalankan perangkat ajar sejenis dan perangkat ajar Mari Mengenal Kebudayaan Indonesia adalah Windows.

Perangkat ajar sejenis merupakan perangkat ajar berbayar sedangkan perangkat ajar Mari Mengenal Kebudayaan Indonesia merupakan perangkat ajar tidak berbayar (gratis).

(19)

3.4 Analisis Perancangan Sistem 3.4.1 Class Diagram

Gambar 3.12 Class Diagram (Front-End)

Gambar 3.13 Class Diagram (Back-End)

(20)

3.4.2 Use Case Diagram

Gambar 3.14 Use Case Diagram (Front-End)

(21)

Gambar 3.15 Use Case Diagram (Back-End)

(22)

3.4.3 Sequence Diagram

3.4.3.1 Sequence Diagram (Front-End)

Gambar 3.16 Sequence Diagram Show Material

(23)

Gambar 3.17 Sequence Diagram Show Exercise

(24)

Gambar 3.18 Sequence Diagram Show Mini Game

(25)

Gambar 3.19 Sequence Diagram Play Video

(26)

3.4.3.2 Sequence Diagram (Back-End)

Gambar 3.20 Sequence Diagram Login

(27)

Gambar 3.21 Sequence Diagram Insert Exercise

(28)

Gambar 3.22 Sequence Diagram Insert Mini Game

(29)

Gambar 3.23 Sequence Diagram Update Material

(30)

Gambar 3.24 Sequence Diagram Update Exercise

(31)

Gambar 3.25 Sequence Diagram Update Mini Game

(32)

Gambar 3.26 Sequence Diagram Delete Exercise

(33)

Gambar 3.27 Sequence Diagram Delete Mini Game

(34)

Gambar 3.28 Sequence Diagram Logout

(35)

3.4.4 Activity Diagram

3.4.4.1 Activity Diagram (Front-End)

Gambar 3.29 Activity Diagram Show Material

Gambar 3.30 Activity Diagram Show Exercise

(36)

Gambar 3.31 Activity Diagram Play Video

Gambar 3.32 Activity Diagram Show Mini Game

(37)

3.4.4.2 Activity Diagram (Back-End)

Gambar 3.33 Activity Diagram Login

(38)

Gambar 3.34 Activity Diagram Insert Exercise

(39)

Gambar 3.35 Activity Diagram Insert Mini Game

(40)

Gambar 3.36 Activity Diagram Update Material

(41)

Gambar 3.37 Activity Diagram Update Exercise

(42)

Gambar 3.38 Activity Diagram Update Mini Game

(43)

Gambar 3.39 Activity Diagram Delete Exercise

(44)

Gambar 3.40 Activity Diagram Delete Mini Game

Gambar 3.41 Activity Diagram Logout

(45)

3.4.5 Database Table

Tabel 3.3 Database Admin

Field Primary Key Type Keterangan

KataSandi tidak Text kata sandi admin

Tabel 3.4 Database Materi (Teks)

Field Primary Key Type Keterangan

IDProv ya Text ID dari provinsi

Provinsi tidak Text nama provinsi Ibukota tidak Text Ibukota provinsi

LaguDaerah tidak Text lagu daerah dari provinsi TarianDaerah tidak Text Tarian daerah dari provinsi MakananKhas tidak Text Makanan khas dari provinsi Musik tidak Text path file lagu daerah

Tabel 3.5 Database Materi (Gambar)

Field

Primary Key

Type Keterangan

IDProv ya Text ID dari provinsi

ImagePeta tidak Text path file gambar peta provinsi ImagePakaian tidak Text path file gambar pakaian daerah dari

provinsi

(46)

ImageAlatMusik tidak Text path file gambar alat musik tradisional dari provinsi

ImageSenjata tidak Text path file gambar senjata daerah dari provinsi

ImageRumah tidak Text path file gambar rumah adat dari provinsi

Tabel 3.6 Database Latihan Soal

Field Primary Key Type Keterangan

IDSoal Ya Text ID dari soal Soal Tidak Text isi latihan soal OptionA Tidak Text pilihan jawaban A OptionB Tidak Text pilihan jawaban B OptionC Tidak Text pilihan jawaban C OptionD Tidak Text pilihan jawaban D Answer Tidak Text jawaban dari latihan soal

Tabel 3.7 Database Tebak Gambar

Field Primary Key Type Keterangan

IDSoalGambar ya Text ID dari soal tebak gambar SoalGambar tidak Text isi soal dari tebak gambar OptionA tidak Text pilihan jawaban A

(47)

OptionB tidak Text pilihan jawaban B OptionC tidak Text pilihan jawaban C OptionD tidak Text pilihan jawaban D

Answer tidak Text jawaban dari soal tebak gambar

(48)

3.4.6 Storyboard

3.4.6.1 Storyboard Perangkat Ajar Tabel 3.8 Storyboard Menu Utama Multimedia Storyboard

Project: Aplikasi Perangkat Ajar Pengenalan Kebudayaan Indonesia berbasis Flash

Date: 06 Desember 2012

Screen: 01 of 18 Screen ID: (1) Menu Utama

Screen Description:

Halaman ini adalah halaman menu utama dari aplikasi perangkat ajar Mari Mengenal Kebudayaan Indonesia. Halaman ini berisi judul aplikasi perangkat ajar, background, tombol Jelajah Indonesia yang akan menuju halaman Jelajah Indonesia, tombol Video yang akan menuju halaman Video, tombol Latihan Soal yang akan menuju halaman Latihan Soal, tombol Tebak Gambar yang akan menuju halaman Tebak Gambar, dan tombol Keluar untuk keluar dari aplikasi.

Link From Screen ID: (2), (12), (9), (13) Link to Screen ID: (2), (12), (9), (13), (16) Color Scheme:

tombol Jelajah Indonesia, Video, Latihan Soal, Tebak Gambar, Keluar (warna teks) -

#FFFFFF

Text Attributes: Comic Sans MS Still Images:

background - green-blank-blackboard1.jpg Mari Mengenal Kebudayaan Indonesia – judul.ai peta indonesia - peta1.png

(49)

abang - abang.png none - none.png

Audio: opening.wav (Dari Sabang Sampai Merauke) Video: -

Animation: Judul “Mari Mengenal Kebudayaan Indonesia” muncul per kata. Peta Indonesia membesar dari pojok kiri atas ke arah kanan bawah. Gambar abang dan none serta kelima tulisan menu muncul satu per satu.

Tabel 3.9 Storyboard Menu Jelajah Indonesia Multimedia Storyboard

Screen: 02 of 18 Screen ID: (2) Menu Jelajah Indonesia

Screen Description:

Halaman ini adalah tampilan dari menu Jelajah Indonesia. Halaman ini berisi background yang berupa gambar peta Indonesia. Di setiap provinsi terdapat tombol berupa lingkaran berwarna merah yang menuju halaman detil provinsi. Di halaman ini juga terdapat tombol Menu Utama yang menuju halaman Menu Utama dan tombol Latihan Soal yang menuju halaman Latihan Soal.

Link From Screen ID: (1) Link to Screen ID: (1), (9) Color Scheme:

tombol Menu Utama, Latihan Soal (warna latar) - #006633 tombol Menu Utama, Latihan Soal (warna teks) - #FFFFFF keterangan instruksi dan tombol provinsi - #FF0000

(50)

background – peta1.png 1 – arjuna terbang.jpg Audio: -

Video: -

Animation: Gambar arjuna (1) terbang dari pojok kanan bawah ke pojok kiri atas.

Tabel 3.10 Storyboard Detil Provinsi Multimedia Storyboard

Screen: 03 of 18 Screen ID: (3) Detil Provinsi

Screen Description:

Halaman ini adalah tampilan detil provinsi bila pengguna mengklik tombol lingkaran merah pada peta Indonesia di halaman Jelajah Indonesia. Halaman ini berisi layar (2) yang akan menampilkan gambar sesuai dengan tombol yang tersedia di bawahnya dan keterangan mengenai provinsi (3). Halaman ini juga berisi tombol Jelajah Indonesia untuk kembali ke halaman Jelajah Indonesia dan tombol Latihan Soal untuk menuju halaman Latihan Soal.

latar - #FFFF33

tombol Jelajah Indonesia, Latihan Soal (warna latar) - #006633

(51)

tombol Jelajah Indonesia, Latihan Soal (warna teks) - #FFFFFF

tombol Peta, Pakaian Adat, Rumah Adat, Senjata Daerah, Alat Musik Tradisional (warna teks) - #993300

Nama Provinsi - #FFFFFF teks (3) - #FFFFFF

Text Attributes: Comic Sans MS, Trebuchet MS Still Images:

1 – Mega mendung Biru edit.png

2 (bingkai) – Mega mendung Biru edit.png 4 – srikandi chibi.png

5 – arjuna chibi.png

Audio: Lagu daerah dari setiap provinsi (.mp3) Video: -

Animation: Gambar srikandi chibi (4) terbang dari kiri atas sampai ke kiri bawah.

Gambar arjuna chibi (5) muncul dari arah kanan bawah dan berhenti di dekat keterangan provinsi.

Tabel 3.11 Storyboard Detil Provinsi (Peta) Multimedia Storyboard

Screen: 04 of 18 Screen ID: (4) Detil Provinsi (Peta) .

(52)

Screen Description:

Halaman ini adalah tampilan detil provinsi jika pengguna mengklik tombol Peta.

Halaman ini berisi layar (2) yang akan menampilkan gambar peta serta gambar keterangan provinsi (3). Halaman ini juga berisi tombol Jelajah Indonesia untuk kembali ke halaman Jelajah Indonesia dan tombol Latihan Soal untuk menuju halaman Latihan Soal.

latar - #FFFF33

tombol Jelajah Indonesia, Latihan Soal (warna latar) - #006633 tombol Jelajah Indonesia, Latihan Soal (warna teks) - #FFFFFF

2 – bali.jpg (sesuai dengan provinsi yang dipilih) 2 (bingkai) – Mega mendung Biru edit.png 4 – srikandi chibi.png

Audio: Lagu daerah sesuai dengan provinsi yang dipilih (.mp3) Video: -

Tabel 3.12 Storyboard Detil Provinsi (Pakaian Adat) Multimedia Storyboard

Screen: 05 of 18 Screen ID: (5) Detil Provinsi (Pakaian Adat)

(53)

Screen Description:

Halaman ini adalah tampilan detil provinsi jika pengguna mengklik tombol Pakaian Adat. Halaman ini berisi layar (2) yang akan menampilkan gambar pakaian adat serta keterangan provinsi (3). Halaman ini juga berisi tombol Jelajah Indonesia untuk kembali ke halaman Jelajah Indonesia dan tombol Latihan Soal untuk menuju halaman Latihan Soal.

latar - #FFFF33

2 – sulawesi-sulut copy.png (sesuai dengan provinsi yang dipilih) 2 (bingkai) – Mega mendung Biru edit.png

4 – srikandi chibi.png 5 – arjuna chibi.png

(54)

Tabel 3.13 Storyboard Detil Provinsi (Rumah Adat) Multimedia Storyboard

Screen: 06 of 18 Screen ID: (6) Detil Provinsi (Rumah Adat)

Screen Description:

Halaman ini adalah tampilan detil provinsi jika pengguna mengklik tombol Rumah Adat. Halaman ini berisi layar (2) yang akan menampilkan gambar rumah adat serta keterangan provinsi (3). Halaman ini juga berisi tombol Jelajah Indonesia untuk kembali ke halaman Jelajah Indonesia dan tombol Latihan Soal untuk menuju halaman Latihan Soal.

latar - #FFFF33

2 – sulawesi-sulut - rumahlimas copy.png (sesuai dengan provinsi yang dipilih)

(55)

2 (bingkai) – Mega mendung Biru edit.png 4 – srikandi chibi.png

Tabel 3.14 Storyboard Detil Provinsi (Senjata Daerah) Multimedia Storyboard

Screen: 07 of 18 Screen ID: (7) Detil Provinsi (Senjata Daerah)

Screen Description:

Halaman ini adalah tampilan detil provinsi jika pengguna mengklik tombol Senjata Daerah. Halaman ini berisi layar (2) yang akan menampilkan gambar senjata daerah serta keterangan provinsi (3). Halaman ini juga berisi tombol Jelajah Indonesia untuk kembali ke halaman Jelajah Indonesia dan tombol Latihan Soal untuk menuju halaman Latihan Soal.

latar - #FFFF33

(56)

2 – sulawesi-sulut - keris copy.png (sesuai dengan provinsi yang dipilih) 2 (bingkai) – Mega mendung Biru edit.png

Tabel 3.15 Storyboard Detil Provinsi (Alat Musik Tradisional) Multimedia Storyboard

Screen: 08 of 18 Screen ID: (8) Detil Provinsi (Alat Musik Tradisional)

(57)

Screen Description:

Halaman ini adalah tampilan detil provinsi jika pengguna mengklik tombol Alat Musik Tradisional. Halaman ini berisi layar (2) yang akan menampilkan gambar alat musik tradisional serta keterangan provinsi (3). Halaman ini juga berisi tombol Jelajah Indonesia untuk kembali ke halaman Jelajah Indonesia dan tombol Latihan Soal untuk menuju halaman Latihan Soal.

latar - #FFFF33

2 – sulawesi-sulut - kolintang copy.png (sesuai dengan provinsi yang dipilih) 2 (bingkai) – Mega mendung Biru edit.png

(58)

Tabel 3.16 Storyboard Latihan Soal Multimedia Storyboard

Screen: 09 of 18 Screen ID: (9) Latihan Soal

Screen Description:

Halaman ini adalah tampilan dari menu Latihan Soal. Halaman ini berisi pertanyaan (1), pilihan jawaban, dan keterangan tentang soal keberapa yang sedang dikerjakan pengguna. Halaman ini juga berisi tombol Menu Utama untuk kembali ke halaman Menu Utama dan tombol Lanjut untuk menuju halaman Latihan Soal berikutnya.

Link From Screen ID: (1), (2) Link to Screen ID: (1), (9) Color Scheme:

teks “Latihan Soal” – #FFFFFF 1 (Soal) – #FFFF00

Tombol option1, option2, option3, option4 - #FF99FF Tombol Menu Utama, Lanjut (warna teks) - #FFFFFF Text Attributes: Comic Sans MS, Trebuchet MS Still Images:

background - green-blank-blackboard1.jpg 2 – kids3.png

Audio: - Video: - Animation: -

(59)

Tabel 3.17 Storyboard Latihan Soal (Jawaban Salah) Multimedia Storyboard

Screen: 10 of 18 Screen ID: (10) Latihan Soal (jawaban salah)

Screen Description:

Halaman ini adalah tampilan dari menu Latihan Soal jika jawaban yang dipilih pengguna salah. Halaman ini berisi pertanyaan (1), pilihan jawaban, dan keterangan tentang soal keberapa yang sedang dikerjakan pengguna. Halaman ini juga berisi tombol Menu Utama untuk kembali ke halaman Menu Utama dan tombol Lanjut untuk menuju halaman Latihan Soal berikutnya.

smile – smile.png frown – frown.png Audio: -

Video: -

(60)

Animation: -

Tabel 3.18 Storyboard Latihan Soal (Jawaban Benar) Multimedia Storyboard

Screen: 11 of 18 Screen ID: (11) Latihan Soal (jawaban benar)

Screen Description:

Halaman ini adalah tampilan dari menu Latihan Soal jika jawaban yang dipilih pengguna benar. Halaman ini berisi pertanyaan (1), pilihan jawaban, dan keterangan tentang soal keberapa yang sedang dikerjakan pengguna. Halaman ini juga berisi tombol Menu Utama untuk kembali ke halaman Menu Utama dan tombol Lanjut untuk menuju halaman Latihan Soal berikutnya.

(61)

smile – smile.png Audio: -

Video: - Animation: -

Tabel 3.19 Storyboard Menu Video Multimedia Storyboard

Screen: 12 of 18 Screen ID: (12) Menu Video

Screen Description:

Halaman ini adalah tampilan dari Menu Video. Halaman ini berisi video (1) dan tombol- tombol pengontrol video yaitu tombol play, stop, dan pause. Halaman ini juga berisi tombol Menu Utama untuk kembali ke halaman Menu Utama.

Link From Screen ID: (1) Link to Screen ID: (1) Color Scheme:

teks “Video” - #660000

Tombol Menu Utama (warna latar) - #006633 Tombol Menu Utama (warna teks) - #FFFFFF Text Attributes: Comic Sans MS

Still Images:

1 – background video dan tv.jpg 2 – srikandi.png

3 – arjuna.png

(62)

Audio: -

Video: ourvideo.flv (tarian daerah dari 33 provinsi)

Animation: Gambar srikandi chibi (2) muncul dari arah kiri bawah dan gambar arjuna chibi (3) muncul dari arah kanan bawah menuju gambar tv.

Tabel 3.20 Storyboard Menu Tebak Gambar Multimedia Storyboard

Screen: 13 of 18 Screen ID: (13) Menu Tebak Gambar

Screen Description:

Halaman ini adalah tampilan dari Menu Tebak Gambar. Halaman ini berisi pertanyaan (1) dan gambar-gambar yang merupakan pilihan jawaban dari pertanyaan dan keterangan tentang soal keberapa yang sedang dikerjakan pengguna. Halaman ini juga berisi tombol Menu Utama untuk kembali ke menu utama, dan tombol Lanjut untuk menuju pertanyaan berikutnya.

teks “Tebak Gambar” - #FFFFFF

Tombol Menu Utama, Lanjut (warna teks) - #FFFFFF Text Attributes: Comic Sans MS, Trebuchet MS Still Images:

background - green-blank-blackboard1.jpg

option1, option2, option3, option4 - .png (sesuai dengan pilihan jawaban dari soal)

(63)

Tabel 3.21 Storyboard Menu Tebak Gambar (Jawaban Salah) Multimedia Storyboard

(jawaban salah)

Screen Description:

Halaman ini adalah tampilan dari Menu Tebak Gambar. Halaman ini berisi pertanyaan (1) dan pilihan gambar yang merupakan jawaban dari pertanyaan dan keterangan tentang soal keberapa yang sedang dikerjakan pengguna. Halaman ini juga berisi tombol Menu Utama untuk kembali ke menu utama, dan tombol Lanjut untuk menuju ke pertanyaan berikutnya.

option1, option2, option3, option4 - .png (sesuai dengan pilihan jawaban dari soal)

(64)

smile – smile.png frown – frown.png Audio: -

Tabel 3.22 Storyboard Menu Tebak Gambar (Jawaban Benar) Multimedia Storyboard

(jawaban benar)

Screen Description:

Halaman ini adalah tampilan dari Menu Tebak Gambar. Halaman ini berisi pertanyaan (1) dan pilihan gambar yang merupakan jawaban dari pertanyaan dan keterangan tentang soal keberapa yang sedang dikerjakan pengguna. Halaman ini juga berisi tombol Menu Utama untuk kembali ke menu utama, dan tombol Lanjut untuk menuju ke pertanyaan berikutnya.

(65)

option1, option2, option3, option4 - .png (sesuai dengan pilihan jawaban dari soal) smile – smile.png

Tabel 3.23 Storyboard Menu Keluar Multimedia Storyboard

Screen: 16 of 18 Screen ID: (16) Menu Keluar

Screen Description:

Halaman ini adalah tampilan dari Menu Keluar. Di halaman menu ini terdapat pilihan apakah pengguna ingin keluar atau tidak. Jika memilih ‘Ya’, pengguna akan keluar dari aplikasi ini. Jika memilih ‘Tidak’, pengguna akan kembali ke Menu Utama.

teks “Apakah Anda ingin keluar?” - #99FF00 tombol Ya dan Tidak (warna latar) - #99FF00 tombol Ya dan Tidak (warna border) - #3AC8EB tombol Ya dan Tidak (warna teks) - #006633 Text Attributes: Comic Sans MS

Still Images:

(66)

background – blur fix.jpg Audio: -

Tabel 3.24 Storyboard Menu Keluar (Credit) Multimedia Storyboard

Screen: 17 of 18 Screen ID: (17) Menu Keluar (Credit)

Screen Description:

Halaman ini adalah tampilan dari credit. Halaman ini muncul apabila pengguna memilih

‘Ya’ pada halaman Menu Keluar. Pada halaman ini terdapat foto kartun, nama, jurusan, dan universitas dari tim penyusun.

Link From Screen ID: (1) Link to Screen ID: (18) Color Scheme:

1 – ber3.png

Video: -

(67)

Animation: -

Tabel 3.25 Storyboard Menu Keluar (Keterangan Sumber) Multimedia Storyboard

Screen: 18 of 18 Screen ID: (18) Menu Keluar (Keterangan Sumber)

Screen Description:

Halaman ini adalah tampilan dari keterangan sumber. Halaman ini muncul apabila pengguna memilih ‘Ya’ pada halaman Menu Keluar dan setelah halaman Tim Penyusun ditampilkan. Pada halaman ini terdapat keterangan sumber gambar dan data yang digunakan dalam aplikasi perangkat ajar.

Link From Screen ID: (1) Link to Screen ID: - Color Scheme:

(68)

3.4.6.2 Storyboard Halaman Admin Tabel 3.26 Storyboard Login Admin Multimedia Storyboard

Screen: 1 of 6 Screen ID: (1) Login Admin

Screen Description:

Halaman ini adalah halaman login untuk admin dari aplikasi perangkat ajar Mari Mengenal Kebudayaan Indonesia. Pada halaman ini terdapat textbox untuk memasukkan kata sandi, tombol Login yang akan menuju Halaman Utama Admin, dan tombol Cancel untuk menutup layar Login Admin MMKI.

Link From Screen ID: - Link to Screen ID: (2) Color Scheme: -

Text Attributes: Microsoft Sans Serif Still Images: -

Tabel 3.27 Storyboard Halaman Utama Admin Multimedia Storyboard

Screen: 2 of 6 Screen ID: (2) Halaman Utama Admin

(69)

Screen Description:

Halaman ini adalah tampilan dari menu utama halaman admin. Halaman ini muncul apabila admin memasukkan kata sandi yang benar dan menekan tombol Login pada halaman Login Admin. Pada halaman ini terdapat menu strip yang berisi menu Materi, Latihan Soal, Tebak Gambar, dan Keluar.

Link From Screen ID: (1) Link to Screen ID: (3), (4), (5), (6) Color Scheme: -

Text Attributes: Segoi UI, Microsoft Sans Serif Still Images: -

Tabel 3.28 Storyboard Materi (Teks) Multimedia Storyboard

Screen: 3 of 6 Screen ID: (3) Materi (Teks)

(70)

Screen Description:

Halaman ini adalah tampilan dari submenu Teks dari menu Materi. Pada halaman ini terdapat lima textbox untuk diisi dengan detil provinsi dan tabel untuk menampilkan hasil pengisian data. Halaman ini juga berisi tombol Save untuk menyimpan data perubahan tentang satu provinsi, tombol Edit untuk mengedit detil provinsi yang sudah ada, dan Cancel untuk membatalkan aksi mengubah data provinsi.

Link From Screen ID: (2) Link to Screen ID: (4), (5), (6) Color Scheme: -

Tabel 3.29 Storyboard Materi (Gambar) Multimedia Storyboard

Screen: 4 of 6 Screen ID: (4) Materi (Gambar)

(71)

Screen Description:

Halaman ini adalah tampilan dari submenu Gambar dari menu Materi. Pada halaman ini terdapat lima textbox yang akan terisi dengan path file dari gambar yang dipilih admin dan tabel untuk menampilkan hasil pengisian data. Halaman ini juga berisi tombol Browse untuk memilih gambar yang akan digunakan, tombol Save untuk menyimpan data perubahan tentang satu provinsi, tombol Edit untuk mengubah isi detil provinsi yang sudah ada, dan Cancel untuk membatalkan aksi mengubah data provinsi.

Link From Screen ID: (2) Link to Screen ID: (3), (5), (6) Color Scheme: -

Tabel 3.30 Storyboard Latihan Soal Multimedia Storyboard

Screen: 5 of 6 Screen ID: (5) Latihan Soal

(72)

Screen Description:

Halaman ini adalah tampilan dari menu Latihan Soal. Pada halaman ini terdapat enam textbox untuk diisi dengan keterangan mengenai soal-soal latihan yang akan digunakan dalam menu Latihan Soal pada aplikasi perangkat ajar, radio button untuk pilihan jawaban dari soal, dan tabel untuk menampilkan hasil pengisian data. Halaman ini juga berisi tombol Add untuk menambah data soal, tombol Edit untuk mengubah isi soal yang sudah ada, tombol Delete untuk menghapus data soal yang ingin dihapus, tombol Save untuk menyimpan data perubahan dari latihan soal, dan Cancel untuk membatalkan aksi menambah atau mengubah data dari Latihan Soal.

(73)

Tabel 3.31 Storyboard Tebak Gambar Multimedia Storyboard

Screen: 6 of 6 Screen ID: (6) Tebak Gambar

Screen Description:

Halaman ini adalah tampilan dari menu Tebak Gambar. Pada halaman ini terdapat enam textbox untuk diisi dengan keterangan mengenai soal-soal latihan yang akan digunakan dalam menu Tebak Gambar pada aplikasi perangkat ajar, radio button untuk pilihan jawaban dari soal, dan tabel untuk menampilkan hasil pengisian data. Halaman ini juga berisi tombol Browse untuk memilih gambar yang akan digunakan, tombol Add untuk menambah data soal, tombol Edit untuk mengubah isi soal yang sudah ada, tombol Delete untuk menghapus data soal yang ingin dihapus, tombol Save untuk menyimpan data perubahan dari soal tebak gambar, dan Cancel untuk membatalkan aksi menambah atau mengubah data dari Tebak Gambar.

(74)