book e-modul.pdf
Post on 08-Nov-2015
1.039 Views
Preview:
TRANSCRIPT
-
BUKU PANDUAN MEMBUAT MEDIA PEMBELAJARAN E-MODUL BERBASIS
ARTICULAT STORYLINE
Penulis : Dede Rohendi Nurcahyadi
Kata sambutan : Drs. Sidi Nurzengky Ibrahim,. MM,. PhD,. Dr,. stsm (Dosen Ahli
Kewirausahaan Pembelajaran Sejarah Kajian Film dan Media)
-
i
Kata Pengantar
Puji dan Syukur senantiasa kita panjatkan kehadirat Tuhan Yang
Maha Esa, karena dengan izinnya dan Ridho-Nya buku tentang Buku
Panduan Membuat Media Pembelajaran E-Modul Berbasis Articulat
Storyline ini dapat diselesaikan oleh penulis.
Kami mengucapkan terimakasi kepada semua yang telah
membantu, sehingga buku ini dapat diselesaikan pada waktunya. Buku
ini masih jauh dari sempurna, oleh karena itu keritik dan saran yang
bersifat membangun sangat kami hrapakan demi sempurnanya buku ini.
Semoga buku ini memberi informasi bagi masyarakat dan
bermanfaat untuk pengembangan wawasan serta meningkatan ilmu
pengetahuan bagi kita semua.
Bogor, 16 Mei 2014
Penyusun
-
ii
Kata Sambutan
Saya ini dibuat berbahagia dari sodara Dede Rohendi N
untuk pembuatan buku Buku Panduan Membuat Media embelajaran
E-Modul Berbasis Articulat Storyline
Kenapa, karena beliau merasa kegembiraan atas restu untuk
dideklarasikan atas arahan saya. Semoga buku ini bisa membeikan
informasi dan menambah pengembangan wawasan mengenai media
pembelajaran yang sudah ada.
Jakarta, 16 Mei 2014
Drs.sidi.Nurzengky Ibrahim, MM., PhD., Dr. STSM
-
iii
Daftar Isi
Kata pengantar ..................................................................................... i
Sambutan .......................................................................................... ii
Daftar Isi ......................................................................................... iii
Bab I
Menginstal Software Articulate Storyline............................................... 1
A. Menginstal Adobe Flash Player ............................................. 1
B. Menginstal Articulate Storyline ............................................. 4
Bab II
Fungsi Menu Articulate Storyline .......................................................... 9
A. Awal Membuat Slide ............................................................. 9
B. Memilih Ukuran Halaman Layar .......................................... 10 C. Melihat Tampilan proyek .................................................. 12
D. Membuat Tombol/Button ................................................... 15 E. Memasukan Teks, Audio, Visual, Dan Audiovisual ................ 18 F. Menyimpan Dokumen ......................................................... 20 G. Publikasi ......................................................................... 21
Bab III
Pembuatan Modul Elektronik Menggunakan Articulate Storyline ......... 27
A. Membuat GBPP .................................................................. 27
B. Storyboard ....................................................................... 32
C. Membuat Media E-Modul Menggunakan Articulate Storyline .. 41 Daftar pustaka ................................................................................... 42
-
Gambar 1 Gambar cara menngunduh adobe flash player
BAB. I
Menginstal Software Articulate Storyline
Sebelum penginstal software articulate stroryline terlebih
dahulu kita harus instalasi atau memperbarui adobe flash player ke
versi 10.0 karena bila tidak articulate storyline tidak akan bisa dibuka.
A. Menginstal Adobe Flash Player
1. Buka Browser Mozilla firefox, Opera atau sejenisnya dan klik link
Download Adobe Flash Player Terbaru. Setelah masuk area download
Adobe Flash Player silahkan hilangkan tanda checklist dibawah Free!
McAfee Security Scan Plus dan klik pada tombol Dwonload
Now. (lihat gambar 1)
1
-
Gambar 2
Gambar cara menyimpan adobe flash player
Gambar 3
Gambar cara membuka dan proses penginstalan adobe flash palyer
2. Setelah itu Akan muncul jendela kecil, dan langsung klik Save File
kemudian simpan di computer kamu. (lihat gambar 2)
3. Tunggu proses download dari server Adobe System ke computer
kamu. Setelah proses download selesai, pada file adobe flash yang
berekstensi .exe langsung Double Klik atau Klik Kanan dan pilih
Open. (lihat gambar 3)
4. Pada Jendela berikutnya, klik tombol Run untuk menjalankan
program. (lihat gambar 4)
2
-
Gambar 4
Gambar menjalankan penginstalan adobe flash player
Gambar 5
Gambar inslatasi adobe flash player
5. Tunggu proses Instalasi Adobe Flash Player sampai selesai. Untuk
menghindari error, silahkan tutup semua aplikasi yang sedang
berjalan, termasuk browser Mozila Firefox. Setelah proses instalasi
selesai, langsung klik tombol Finish. (lihat gambar 5) 3
-
Gambar 6
Gambar proses penginstalan software articulate storyline
Gambar 7
Gambar penginstalan software
articulate storyline
Proses Cara Install Adobe Flash Player dikomputer kamu sudah
selesai. Sekarang kamu bisa membuka articulat storyline tanpa
mengalami error serta nyaman.
B. Menginstal Articulate Storyline
Sesudah penginstalan atau pembaharuan adobe flash player,
sekarang kita akan menginstal articulate storyline tersebut ;
1. sebelumnya kita unduh dulu caranya masuk ke alamat website
www.articulate.com sesudah ini baru kita unduh software articulate
storyline dan simpan di komputer.
2. Klik kanan installer, dan pilih Run as administrator
3. Setelah muncul jendela install articulate storyline, klik next
4
-
Gambar 8
Gambar penginstalan software articulate storyline
Gambar 9
Gambar menentukan tempat menyimpan instalasi articulate storyline
4. Kemudian akan muncul slide bar seperti di bawah, kita klik atau
pilih I accept the terms of the license agreement, klik next
5. Selanjutnya akan muncul tempat dimana kita akan menyimpan
instalan articulate storyline tersebut
6. Setelah itu akan muncul slide bar install shield wizard articulate
Kemudian klik install
5
-
Gambar 10
Gambar tampilan slide bar install shield wizard articulate
7. Kemudian muncul install shield wizard articulate, tunggu
samapai install selesai. setelah selesai klik Finist
C. Aktifasi Serial Number
Gambar 11
Gambar akhir penginstalan articulate storyline
6
-
Gambar 12
Gambar pembelian serial number articulate storyline
Gambar 13
Gambar aktifasi mengunakan
serial number
Jika Anda menggunakan free trials 30 hari, klik tombol Continue
your free trial. Jika Anda telah membeli lisensi, klik Activate with your
serial number, dan ikuti langkah-langkah untuk mengaktifkan .
1. Pertama anda harus membeli serial number masuk ke website
articulat.com sesudah itu akan muncul seperti gambar dibawah ini,
ikuti petunjuk sesuai website, bila sudah serial number akan
dikirim ke email yang anda berikan kepada website tersebut.
2. Ketika saat membuka articulat storyline akan muncul seperti
gambar berikut, klik Activate dengan nomor seri.
7
-
3. Salin nomor seri dari email yang telah dikirim oleh website
articulat, dan dan letakan Nomor Serial pada form aktivasi.
Kemudian klik tombol Aktifkan
4. Setelah itu klik activation success, dan articulate storyline tersebut
sudah tidak trial lagi
Gambar 12
Gambar cara memasukan serial number pada articulate storyline
8
-
BAB. II
Fungsi Menu Articulate Storyline
A. Awal Membuat Slide
Ada beberapa cara untuk memulai sebuah proyek baru dari awal
Storyline:
1. Klik tombol yang berbentuk logo articulat di sudut kiri atas dan pilih
New.
2. Atau, pada layar peluncuran Storyline, klik Proyek baru.
3. Atau, tekan Ctrl + N pada keyboard Anda.
B. Memilih Ukuran Halaman Layar
Ketika Anda pertama kali memulai proyek baru, tentu ada konten
untuk menentukan ukuran halaman yang akan diabuat.
Gambar 14
Gambar 15
9
-
Anda dapat dengan mudah memilih ukuran yang berbeda dengan
menggunakan Story Size pada menu Design. Jika Anda ingin
mengubah ukuran halaman, lebih baik dilakukanya sebelum Anda
menambahkan konten apapun untuk halaman/slide Anda. Jika tidak,
ketika Anda mengubah ukuran, objek pada slide Anda mungkin perlu
mengatur ulang kembali
Perlu diingat bahwa ketika Anda mempublikasikan, ukuran total
output ditampilkan akan sedikit lebih besar dari dimensi yang Anda
pilih untuk Size Story. Tergantung pada fitur pemutar dan kontrol yang
anda masukan, dan anda bisa menambahkan hingga 260 piksel lebar,
dan sampai 118 piksel tingginya. Untuk rincian lebih lanjut tentang
menyesuaikan ukuranya anda bisa lihat tata cara pembuatanya.
Berikut adalah cara untuk mengubah ukuran cerita Anda:
1. Klik menu Design pada pita Storyline.
2. Pilih Story Size.
Gambar 16
Gambar 17
10
-
3. Selanjutnya anda bisa merubah ukuran sesuai dengan yang diinginkan lalu
klik ok.
C. Melihat Tampilan proyek
1. Story view berfungsi untuk memberi Anda gambaran besar dari
semua konten yang dibuat. Anda dapat melihat dan mengatur
beberapa slide dalam satu group kadang disebut Scenes. Maksudnya
scenes yaitu terdiri dari beberapa slide yang saling berhubungan dan
didalam slide juga terdapat beberapa bagian kecil dari slide yang
sering disebut dengan layers.
Untuk menampilkan story view anda bisa klik bagian paling
bawah layar
Gambar 18
Gambar 19
Story view
Gambar 20
11
-
Atau, Anda dapat mengklik menu View dan pilih story view :
2. Normal view berfungsi sebagai tempat di mana Anda membuat dan
menyesuaikan konten tiap slide. Di sini, Anda dapat mengedit baik
menambahkan atau menggurangi konten yang kita butuhkan.
\
Untuk menampilkan normal view anda bisa klik bagian paling
bawah layar
3. Preview berfungsi untuk menampilkan hasil proyek sementara
sebelum dipublikasikan yang mana kita bisa melihat apakah proyek
yang kita buat sudah sesuai dengan keinginan ataukah harus ada
perbaikan
Normal View
Gambar 23
Story view
Gambar 21
Normal view
Gambar 22
12
-
Untuk menampilkan preview tersebut anda bisa klik bagaian
bawah layar atau dengan cara menekan F12 pada keyboard, bisa juga
anda mengklik di submenu articulat.
D. Menentukan Dan Memilih Fitur-Fitur Yang Akan Ditampilkan
E. Membuat Tombol/Button
Storyline memiliki bermacam bentuk tombol yang membantuk
anda didalam mengontrol media pelajaraan yang anda buat. Bentuk
tombol-tombol terdiri dari berbagai macam bentuk ada yang persegi
panjang, oval, tanda panah, gaya kotak centang dll.
1. Cara menyisipkan tombol
Untuk menyisipkan tombol ke slide storyline ikuti langkah-
langkah berikut ;
a. Tentukan ke slide yang akan anda tambahkan tombol
b. Pilih insert.
Gambar 25
Preview
Gambar 24
Gambar 26
13
-
c. Klik button dan pilih salah satu bentuk tombol yang tersedia.
Kemudian akan
terlihat kursor yang
tadinya bentuk panah
berubah menjadi
tanda plus + .
d. Klik dan seret kursor tersebut ke dalam slide yang sudah
ditentukan. Setelah tombol terbentuk anda bisa mengubah
ukuran dan warna sesuai yang diinginkan. Dengan cara menekan
menu format lalu disana terdapat cara memberikan warna pada
tombol dengan cara klik button fill, untuk memberi garis pada
tombol anda bisa klik botton border, memberikan button efek
anda bisa klik button effects, dan untuk memberikan bentuk
tombol yang menarik bisa klik botton styles serta untuk lebih
lengkapnya anda bisa klik format shape.
e. Kemudian untuk memberikan teks pada tombol anda bisa klik
tombol tersebut lalu klik kanan pada
mouse dan pilih edit text.
Gambar 27
Gambar 28
Button fill
Button border
Botton effects
Format shape
Button styles
Gambar 29
Gambar 30
14
-
f. Agar memudahkan membuat beberapa tombol yang sama anda
bisa mengklik tombol tersebut lalu geser dan tekan klik kanan
pada mouse.
2. Membuat tombol bekerja
Setelah anda membuat satu atau lebih tombol pada slide kita
lanjut dengan membuat agar tombol itu kekerja dengan cara klik
tombol yang kita buat lalu pilih submenu trigger pada menu insert,
disana terdapat pilihan diantaranya;
a. action berfungsi mengarahkan tombol pada slide atau scene
yang kita tuju,
b. slide berfungsi untuk menentukan maju atau mundur
next/prevouse pada layar tersebut,
c. when berfungsi menekan tombol agar bisa bekerja anda bisa
memilih 1 klik, 2 klik, apakah mengklik mengunakan tombol
kanan atau kiri pada mouse.
d. Object berfungsi menentukan tombol mana yang harus bekerja.
F. Memasukan Teks, Audio, Visual, Dan Audiovisual
1. Memasukan teks
Untuk memasukan teks didalam storyline kita bisa memilih menu
insert lau pilih text box, setelah itu akan merubah kursor tersebut
menjadi bentuk plus + lalu tekan kursor tersebut pada slide yang
telah ditentukan, nanti akan ada bentuk persegi panjang yang
bergaris patah-patah setelah itu kita masukan kata atau angka yang
kita inginkan.
trigger
Gambar 31
15
-
2. Memasukan video
Storyline memberikan tiga macam bentuk dalam memasukan
video kedalam slide antara lain yaitu ; video yang kita ambil dari file
yang kita punya, kedua kita bisa mengambil video dari website dan
yang terakhir kita bisa ambil video dengan cara merekam secara
langsung.
Cara memasukan video tersebut dengan cara tekan menu
insert pilih video nanti akan ada kreteria video yang akan kita
masukan.
3. Memasukan audio
Cara memasukan audio pada storyline tidak jauh seperti
memasukan video, yaitu ; klik insert lalu pilih sound. Namun
dalam memasukan audio, storyline memberikan dua kriteria antara
lain mengambil audio yang ada di file yang telah kita tentukan dan
merekam audio secara langsung.
G. Menyimpan Dokumen
Untuk menyimpan dokumen didalam storyline anda bisa tekan
tombol yang berbentuk logo articulat storyline lalu pilih save as/save,
Gambar 32
Gambar 33
Gambar 34
16
-
setelah itu tentukan tempat penyimpanan
yang kita inginkan kemudian beri nama file
pada file name dan tentukan jenis yang ingin
anda simpan di save as type klik save.
H. Publikasi
1. Mempublikasikan untuk WEB
Jika anda menginginkan pempublikasianya di website anda
bisa mengunakan web. Langkah-langkah dalam pembuatanya
antara lain :
a. Memasukan judul, deskripsi dan lokasi penyimpanan
Pada menu home atau dari setiap menu pada storyline anda
kemudian pilih publish.
Ketika jendela publish muncul kelik tab web
Gambar 35
Gambar 36
Gambar 37
17
-
Selanjutnya didalam web tersebut terdapat Title yang berfungsi
untuk menentukan judul dari proyek yang kita buat. Bila kita
menginginkan deskripsi secara singkat tentang proyek yang kita
buat bisa masukan didalam description dan untuk menyimpan
dimana proyek yang kita inginkan bisa pilih folder lalu pilih
tempat penyimpanan.
Untuk lebih terperinci atau memasukan informasi proyek
tambahan untuk articulate storyline mobile player anda bisa klik
tombol sebelah
kanan title nanti
akan muncul
jendela proyek info
selanjutnya isikan
sesuai yang anda
inginkan.
b. Pilih HTML5 dan atau penerbitan di mobile
Jika anda menginginkan agar proyek bisa dipublikasi di dalam
IPad anda bisa ceklis bagian yang ada di publishing for HTML5
and mobile devices
2. Mempublikasikan untuk articulate online
Gambar 38
Gambar 39
18
-
Mempublikasikan dengan articulate online tidak jauh beda
dengan langkah-langkah
mempublikasikan di
web, namun yang
membedakan adalah
anda harus melengkapi
account Information
dimana anda harus
mengisikan website
articulat storyline dan
memasukan email serta
password anda.
3. Mempublikasikan untuk LMS
Jika anda ingin mempublikasikan berbentuk learning
management system (LMS), anda bisa mengunakan publish
LMS. Didalam pembuatanya sama seperti web namun yang
membedakan adanya output optional dimana kita harus bentuk
LMS tersebut.
Gambar 40
Gambar 41
19
-
4. Mempublikasikan untuk CD
Jika anda ingin mempublikasikan berbentuk CD, DVD, dan
flashdisc, publish CD. Dimana didalam pembuatanya sama seperti
sebelumnya, namun
yang membedakan
anda bisa menjalanya
proyek di media
player yang ada di
computer anda.
5. Mempublikasikan untuk Word
Storyline juga bisa mempublikasikan kedalam bentuk Ms. Word,
yang mana anda ingin menyediakan bahan ajar yang berbentuk
media cetak. Dalam pemuatanya jg tidak jauh seperti yang
sebelumnya.
Gambar 42
Gambar 43
20
-
BAB. IIIPembuatan E-Learning E-modul Menggunakan Articulate
Storyline
A. Menentukan Model E-LearningB. Membuat GBPP
Sebelum membuat GBPP terlebih dahulu kita harus mempersiapkanContoh membuat GBPP
Garis Besar Perencanaan ProgramModel Drill and Practive
Satuan Pendidikan : SMA/MAProgram : Elektronik Modul (E-Modul )Model : Drill and PractiveMata Pelajaran : SejarahTopik : Perkembangan Negara-negara Kerajaan
Hindu-budha di IndonesiaSasaran : SMA/MA (Kelas XI Semester I )Media : KomputerDurasi : 15 Menit
I. PendahuluanModul elektronik ini akan mengantarkan anda untuk
menganalisis pengaruh perkembangan agama Hindu-Budha terhadapkehidupan masyarakat di berbagai daerah di Indonesia
Melalui kegiatan komputer, anda dapat memahamiperkembangan agama dan kebudayaan Hindu-Budha terhadapmasyarakat di berbagai daerah di Indonesia yaitu hipotesa prosesmasuknya ajaran agama Hindu-Budha, proses interaksi, pengaruhagama Hindu-Budha terhadap kerajaan-kerajaan yang bercorakHindu-Budha di Indonesia dan bukti-buktinya. Yaitu meliputikerajaan Kutai, Tarumanegara, Sriwijaya, Mataram Kuno, Kediri,
21
-
Singosari, Majapahit, & lainya terhadap terhadap kehidupanmasyarakat Indonesia.
Dari proses integrasi masyarakat dan kerajaan-kerajaan yangbercorak Hindu-Budha di Indonesia maka akan diharapkan tumbuhkesadaran dalam diri anda untuk menghargai dinamika masyarakatIndonesia sehingga dapat memperkokoh rasa persatuan dan kesatuanbangsa
Dalam hal ini materi pengajaran disusun secara sistematis dandirancang dengan menggunakan Software Articulate storyline.Pemrograman materi pembelajaran tersebut meliputi tujuanpembelajaran, penguasaan materi dan soal-soal latihan.
II. TujuanKompetensi Inti
Menganalisis perjalanan bangasa Indonesia pada masa Negara-negara tradisonalKompetensi Dasar
Menganalisis perjalanan bangsa Indonesia pada masa Negara-negara TradisionalIndikator Mengidentifikasi peta perkembangan kerajaan Mataram Kuno di
Indonesia Menganalisis muncul dan berkembangnya Negara Mataram
Kuno di Indonesia Menganalisis sumber keberadaan kerajaan Mataram Kuno di
Indonesia Mendeksripsikan social, ekonomi, politik, dan budaya kerajaan
Mataram Kuno di Indonesia Menjelaskan keruntuhan Negara Negara kerajaan Mataram
Kuno di IndonesiaIII.Pengalaman Belajar/Materi Soal
22
-
Pembelajaran terdiri dari beberapa unit, yang dikemas dalambentuk Elektronik Modul (E-modul). Adapun materinya meliputi :a. Muncul dan berkembangnya Negara Negara kerajaan Pajajaran
dan Majapahit di Indonesiab. Kehidupan social , ekonomi, politik dan budaya kerajaan
Pajajaran dan Majapahit di Indonesiac. Faktor Faktor Penyebab Runtuhnya Pajajaran dan Majapahit di
Indonesia.Masing-masing unit dalam program terdapat struktur sebagai
berikut : Uraian/konsep Latihan soal kesimpulan
IV. SinopsisElektronik modul ini berisi tentang uraian materi, latihan-
latihan soal mata pelajaran sejarah, topik bahasan PerkembanganNegara-negara Kerajaan Hindu-budha di Indonesia, yang disajikandalamm bentuk pembelajaran berbasis komputer model Drilldilengkapi dengan unsur-unsur audio, visual, animasi yang dikemassecara interaktif dan menarik.
V. TreatmentProgram diawali dengan munculnya teks pembuka Selamat
Datang di Elektronik Modul (E-Modul), seiring dengan munculnyateks tersebut muncul pilihan Start untuk memulai programtersebut.
Setelah diklik Start maka tampilan berikutnya menghadirkanbeberpa menu yang terdiri dari Tentang Program untukmengetahui seputar tujuan pembelajaran, Petunjuk di fungsikanuntuk mengenai petunjuk penggunaan program, Materi untukmemasuki materi pelajaran dan merupakan langkah menujupembelajaran sejarah, Latihan Saal dalam latihan soal ini
23
-
penyajianya dikembangkan sesuai dengan pola dasar dari model Drilland practice yaitu penyajian masalah-masalah dalam bentuk latihansoal pada tingkat tertentu dari penampilan siswa, siswa mengerjakansoal-soal latihan, program merakam kenerja siswa didalam menjawabsemua soal-soal yang telah ditentukan, mengevaluasi kemudian bilaskor siswa sama dengan atau lebih besar dari 80% maka dinyatakanlulus dan itu berarti siswa telah berhasil memahami materi yangdisajikan, namun bila sekor siswa kurang dari 80% maka siswadinyatakan gagal dan itu berarti siswa harus mengulang latihan soaltersebut, Penutup yang berisi mengenai rujuakan, ucapanterimakasih.
C. StoryboardNo. VISUAL AUDIO
1.SCENE 1Muncul teks pembukaan SELAMAT DATANG di
ikuti teks PELAJARAN SEJARAH dan topik
PERKEMBANGAN NEGARA-NEGARA
KERAJAAN HINDU-BUDHA DI INDONESIA
Klik tombol Start untuk melanjutkan ke slide
Menu selanjutnya.
Musik
instrumen
2.SCENE 2MenuMuncul lima pilihan tombol :
a. PETUNJUK PENGGUNAANUntuk menyelesaikan program ini kamu harus
memahami materi dan harus mengikuti latihan
soal yang akan mengukur tingkat keberhasilan
kamu dalam menguasai materi yang telah
dipelajari.
Ikuti tombol-tombol pilihan secara bergantian
Musik
instrumen
24
-
Bila ada kesulitan segera tanyakan pada
instruktur.
3. b. TENTANG PROGRAMModul elektronik ini akan mengantarkan anda
untuk menganalisis pengaruh perkembangan
agama Hindu-Budha terhadap kehidupan
masyarakat di berbagai daerah di Indonesia.
Dalam hal ini materi pengajaran disusun secara
sistematis dan dirancang dengan menggunakan
Software Articulate storyline. Pemrograman
materi pembelajaran tersebut meliputi tujuan
pembelajaran, penguasaan materi dan soal-soal
latihan.
Musik
instrumen
4. c. TUJUAN PROGRAM
Satuan Pendidikan : SMA/MAMata Pelajaran : SejarahTopik : Perkembangan Negara-negara Kerajaan
Hindu-budha di IndonesiaSasaran : SMA/MA (Kelas XI Semester I )Durasi : 15 Menit
Kompetensi IntiMenganalisis perjalanan bangasa Indonesia
pada masa Negara-negara tradisonal
Kompetensi DasarMenganalisis perjalanan bangsa Indonesia
pada masa Negara-negara Tradisional
Indikator Mengidentifikasi peta perkembangan
kerajaan Pajajaran dan Majapahit di
Indonesia
Menganalisis muncul dan berkembangnyaNegara negara kerajaan Pajajaran dan
Majapahit di Indonesia
Musik
instrumen
25
-
Menganalisis sumber keberadaankerajaan kerajaan Pajajaran dan
Majapahit di Indonesia
Mendeksripsikan social, ekonomi, politik,dan budaya kerajaan Pajajaran dan
Majapahit di Indonesia
Menjelaskan keruntuhan Negara Negarakerajaan Pajajaran dan Majapahit di
Indonesia
5. SCENE 3d. MATERI
Materi Pembelajaran terdiri dari beberapa
unit, meliputi :
Muncul dan berkembangnya Negara Negara kerajaan Pajajaran dan Majapahit
di Indonesia
Kehidupan social , ekonomi, politik danbudaya kerajaan Pajajaran dan Majapahit
di Indonesia
Faktor Faktor Penyebab RuntuhnyaPajajaran dan Majapahit di Indonesia.
6 SCENE 4e. EVALUASI/LATIHAN SOAL
1. Raja yang pernah memerintah dikerajaan
Pajajaran salah satu diantaranya adalah
a. Senab. Gajah Mada
c. Hayam Wuruk
d. Purnawarman
e. Simaratungga
26
-
2. Pada masa pemerintahan siapakah perang
Bubat terjadi
a. Maharaja Jayabupati
b. Rahyang Dewa Naskala
c. Rahyang Niskala Watu Kencana
d. Sri Baduga Maharajae. Gajah Mada
3. Ketika Pajajaran mengalami keruntuhan
akibat serangan dari kerajaan Demak dan
Banten. Rakyat Pajajaran yang tidak tunduk
dan memilih untuk tinggal dipedalaman dan
dikenal dengan suku
a. Asmat
b. Baduic. Batak
d. Toraja
e. Tengger
4. Peristiwa perang Bubat diawali pada recana
pernikahan raja Hayam Wuruk dengan putrid
Pajajaran yang bernama
a. Diah Balitung
b. Diah Pitalokac. Mahesa Cempaka
d. Ken Dedes
e. Kusumawardhani
5. Pada masa pemerintahan penuh dengan
pemberontakan dalam sejarah Kerajaan
Majapahit salah satu dianntaranya
27
-
pemberontakan yang dianggap paling
berbahaya dan hampir meruntuhkan
kerajaan Majaphit adalah
a. Kutib. Sadeng
c. Biru
d. Nimbi
e. Bubat
6. Alasan Jayanegara mengangkat Gajah
Mada sebagai Patih di daerah Kahurip
adalah
a. Gajah Mada berhasil melenyepkanpemberontakan yang dipimpin olehKuti
b. Gajah Mada merupakan putra dari
pamannya
c. Gajah Mada merupakan orang yang
tangguh dan berjiwa besar
d. Gajah Mada berhasil meluluhkan
pemberontakan Ronggolawe
e. Gajah Mada berhasil meluluhkan
pemberontakan Sora
7. Pada masa pemerintahan Raja
Tribhuwanatunggadewi meletuslah
pemberontakan Sadeng. Namun,
pemberontakan tersebut dapat ditumpaskan
oleh.
a. Gajah Mada dan Hayam Wuruk
b. Gajah Mada dan Adityawarman
28
-
c. Gajah Mada dan Wirahbhumi
d. Gajah Mada dan Jayanegara
e. Gajah Mada dan Kertanegara
8. Tidak lam setelah Hayam Wuruk meninggal,
terjadilah perang saudara abtara
Kusumawardhani dengan Wirabhumi.
Perang itu dikenal dengan.
a. Perang Sora
b. Perang Bubat
c. Perang Buleleng
d. Perang Puputan
e. Perang Paregreg
9. Sepeninggal Patih Gajah Mada dan HayamWuruk, kerajaan Majaphit mengalami
kemunduran. Hal ini dikarenakan
a. Wilayahnya terlalu luasb. Kekosongan kas Negarac. Majaphit menganut sistem ekonomi
agraris
d. Ibukota kerajaan Majapahit pindah kepedalaman
e. Kekosongan kepemimpinan yangcakap seperti Hayam Wuruk danGajah Mada
10.Berikut ini salah satu penyebab runtuhnyakerajaan yang bercorak Hindu Budha di
Indonesia adalah
a. Tersiarnya agama dan Budaya
29
-
Islamb. Banyaknya kaum Brahmana pindah
ke India
c. Banyaknya kerajaan yang di serang
oleh bangsa Barat
d. Berlangsungnya perang dengan
bangsa Barat
e. Banyaknya daerah yang
melepasakan diri akibat terlalu
kuatnya penjagaan
SKORSkor akan muncul pada akhir pengerjaan
latihan soal.
Bila skor siswa sama dengan atau lebih besar
dari 80% maka dinyatakan lulus dan itu berarti
siswa telah berhasil memahami materi yang
disajikan maka dilanjutkan dengan mengklik
tombol exit, namun bila sekor siswa kurang
dari 80% maka siswa dinyatakan gagal dan itu
berarti siswa harus mengulang dengan
mengklik tombol retry quiz, untuk melihat
kesalahan menjawab bisa mengklik review
quiz
7. f. PENUTUP Ucapan Terima Kasih Pengembang Program:
Dede Rohendi Nurcahyadi
Daftar Pustaka
D. Membuat Media E-Modul Menggunakan Articulate StorylineSetelah membuat storybord sekarang kita akan membuat media
modul elektronik (emodul) menggunakan articylate storyline.
30
-
Dihilangkan ceklisyang ada pade setiapplayer tabs
Gambar 45
Gambar 44
1. Untuk mengawali pembuatan modul elektronik kita buka dulu articulatstroyline dan pilih new project, setelah itu kita tentukan dulu ukuranslide yang kita inginkan di menu design dan plih story size seperticontoh gambar dibawah ini ;
Didalam story size terdapat tiga pilihan ukuran 720x540, 720x540 ,dan costum. Kita pilih ukuran yang 720x540. Selanjutnya kita editplayernya agar kita bisa memilih apa saja yang harus tampil di layarmodul elektronik tersebut, Untuk membuat layar terlihat luas saatmodul elektronik di tampilkan kita jangan menceklik semua yang ada diedit player.
31
-
Gambar 46
Gambar 47
Selanjutnya kita tekan properties yang ada di slide slayer sebelahsamping kanan dan hilangkan ceklis pada next dan privous agartampilanya seperti dibawah ini ;
2. Membuat judul programDitahap ini kita akan membuat dulu judul program yang kita buat,
anda bisa lihat contoh judul program pada gambar dibawah ini ;
Tahapan membuat judul program yang pertama kita buat selamatdatang dan di modul elektronik dengan cara pilih bentuk persegi
32
-
12
3
Gambar 48
Gambar 49
panjang pada shape yang ada di menu insert selanjutnya tekan dantahan shape itu pada slide yang telah disediakan.
lalu klik kanan pada mouse, pilih edit text dan ketik selamatdatang , sesuaikan ukuaran teks font size yang kita inginkan tetapidisini saya memberikan ukuran 48 dan jenis teks font script Mt Bold.
Agar latar teks telihat warna transparan kita bisa tekan tekan latarbelakang selamat datang lalu pilih format dan klik shape styles.
33
-
12
3
4Gambar 50
Gambar 51
Dan untuk merubah latar warna teks kita gunakan shape fill danmenghilangkan, menebalkan atau merubah garis pinggir latar kitagunakan shape outline. Sesudah itu kita membuat teks di modulelektronik, cara seperti kita membuat teks selamat datang Ukuranteks sama seperti selamat datang namun jenis teks modulelektroniknya disini kita menggunakan britannic bold. Kita bisa lihathasil gambarnya seperti berikut : 34
-
12
Gambar 52
1
2
3
4
5
6
7Gambar 53
Selanjutnya untuk merubah background pada slide tersebut kitamemiliki dua pilihan antara lain menggunakan background yang sudahdisediakan oleh articulat storyline, dengan cara klik menu design lalupilih gambar slide-slide kecil yang ada di themes.
Dan yang kedua kita bisa memilih background sesuai yang kitainginkan yaitu dengan cara klik menu design, pilih background lalu pilihfill nanti akan ada beberapa pilihan untuk menentukan background dankita pilih picture or texture fill dan klik file lalu pilih backround yang diinginkan, bila sudah memilih background tepat tekan open.
35
-
Gambar 54
1
2
3
Gambar 56
Hasilnya seperti gambar dibawah ini ;
Sekarang kita akan membuat musik intrumen pembukaan padajudul program, pertama kita buat tombol/button, caranya; menu insertlalu pilih button pada interactive objects setelah itu anda bisa pilihbentuk yang diinginkan tapi disini kita akan ambil bentuk persegipanjang selanjutnya anda tekan di slide dan sesuaikan ukurunya.Diharapkan kita membuat dua tombol, yang mana nantinya akandifungsikan untuk tombol on dan tombol off pada musik instrumentersebut.
36
-
12
Gambar 57
1
2
3
Gambar 58
Sebelum Sesudah
Gambar 59
Tombol pertama kita akan memberikan icon/lambang on, untukmenambahkan icon tersebut caranya ; menu format lalu pilih bentuklambang volume on pada button icons .
Setelah itu kita akan memberikan sedikit animasi dan warna padatombol tersebut agar terlihat seperti hidup caranya ; pertama kliktombol volume on lalu menuju menu format lalu pilih gambar dantombol yang sesuai dengan warna keinginan anda pada button styles.Disini kita gunakan dulu tombol yang berwarna orange.
Untuk melihat hasilnya nanti akan seperti berikut ;
37
-
Cara pembuatan dan pemberian tombol pada tombol off jugasama namun yang membedakannya hanya pada bentuk lambang/icon-nya saja, yang mana kita pilih bentuk volume off. Sejajarkan bentuktombol on/off, karena kita akan menambahkan warna lagi pada tomboltersebut dengan cara ; pertama tekan tombol volume on lalu tekantombol panah yang dibawah dekat slide dan pilih states lanjutkandengan klik edit states dan pilih hover, berikan warna tombol padahover dengan warna biru pada format yang tadi kita gunakan. Lakukanhal tersebut pada tombol volume off
Bentuk gambar tombol on/off akan seperti gambar dibawah ini ;
Selesai membuat tombol on/off sekarang kita akan memasukanmusik instrumen kedalam slide caranya ; menu insert lalu pilih soundpada media, nanti akan ada dua pilihan dan kita akan pilih sound from
Tombol saat akan ditekan akanberubah warna menjadi biru
Gambar 61
23
45
6
Gambar 60
1
38
-
12
3
4
Gambar 62
file.yang mana kita mengambil musik instrumen sesuai dengankeinginan kita setelah musik sesuai klik open.
Nanti akan muncul bentuk icon sound disalmping slide sebelah kiri.
Bila tombol on/off dan musik instrumen telah kita masukankedalam slide, sekarang kita tinggal menggabungkan keduanya menjadisatu kesatuan caranya ;
Icon sound yang berisimusik instrumen
Gambar 63
39
-
12
3
4
5
Gambar 64
12
3
45
6
7
Gambar 65
Pertama klik 2 tombol on/off sound tersebut dengan cara menekanctrl + tombol kiri mouse selanjutnya tekan tombol kanan mouse danpilih button set nanti klik new set, lalu setting menjadi button set 2lanjut dengan add, yang mana fungsinya untuk bergantian saat di klik.
Kedua tekan tombol on sound setelah itu lihat di sebelah sampingkanan slide terdapat trigers/object triggers nanti akan adabutton/tombol yang terblok, itu tandanya triggers tersebutberhubungan dengan tombol on sound, lalu klik button 1 dan pilih padaaction : play media, media : sound 1 (sound 1 ini merupakan nama musikinstrumen yang kita masukan), when : user cliks, object : button 1(button 1 merupakan nama tombol on sound) sesudah itu klik ok.
40
-
12
34
56
7
Gambar 66
Lanjutkan dengan tombol off sound, cara peletakanya sama Cumayang membedakanya adalah pada action : stop media dan object : button2 (menentukan nama tombol off sound)
Ketiga kita akan membuat tombol on/off sound muncul dan hilangbergantian saat musik instrumen dinyalakan atau dimatikan, caranya ;tekan tombol on sound lalu menu insert pilih trigger , pilih actoin :cange state of, on object : button 1, to state hidden, when : user clicks,object : button (ini berfungsi untuk menghilangkan tombol on soundsaat di tekan). Lanjut dengan tombol off sound, cara pembuatanya jugasama Cuma yang membedakan pada on object : button 1, to state :normal, object : 2.
Dan sekarang kita saling timpahkan kedua tombol tersebut agarterlihat seperti satu, tapi di perhatikan tombo on sound harus ada diatas jangan sampai tertimpa oleh tombol off sound, caranya tekantombol on sound lalu klik kanan dan pilih bring to frons : bring to frons.
1 2
Gambar 67
41
-
Seletah garis pinngir dihilangkan
Gambar 70
12
3
4
5
6
Gambar 69
Sesudah disatukan blok kedua tombol tersebut lalu klok kananpada mouse dan pilih group : group dan hasilnya akan seperti berikut.
Terlihat ada garis yang tidak nyaman pada kedua tombol tersebutcaranya ; tekan tombol on sound lalu tekan bentuk panah yang ada dibawah slide, pilih state dan tekan edit states dan pilih down sesudah itumasuk ke menu format tekan button border, pilih no outline. Kembali kestate dan pilih selected lakukan seperti yang diatas. Setelah itu biartidak ada warna garis biru pada sisi kedua tombol bisa kita lakukan ,caranya seperti diatas namun pada di format kita tekan button effectsdan pilih glowmenjadi no glow.
Lakukan yang sama pada tombol off sound dan hasilnya akanseperti berikut ;
Berubah bentuk tombol saat ditekan
Gambar 68
42
-
12
3
Gambar 71
1
2
3
4
5
Gambar 72
Sekarang kita akan membuat tombol exit untuk kluar programmodul elektronik, caranya seperti membuat tombol on/off yang manapengambilannya dari menu insert, klik button dan ambil bentuk persegipanjang lagi sesudah itu kita bentuk sesuai ukuran dan warna yang kitainginkan tapi disini saya membuat tombol di sesuaikan dengan ukuran,warna tombol on/off dan sejajarkan dengan tombol on/off tersebut.
Sesudah itu kita beri lambang/icon gambar exit caranya tidak jauhjuga dengan yang sebelumnya yaitu klik tombol yang akan di buattombol exit lalu menu format, dan pilih icon berbentuk power padabutton icons.
Agar tombol itu bisa berfungsi kita tambahkan trigger, dikarenakansudah di sediakan ditombol nya, kita klik tombol exit tersebut lalutekan tombol button 3 : add triger. yang ada di triggers sebelah sampingkanan. Setelah itu akan muncul triggers wizard, pilih action : exitcourse, lalu when : user clicks. Ok.
43
-
Gambar 73
Gambar 74
Untuk melihat hasilnya kita bisa meninjaunya dengan cara klikpreview yang terdapat pada semua menu. Nanti akan di berikan tigapilihan preview, yang pertama kita hanya melihat 1 slide yang sedangdibuat (this slide), kedua melihat beberapa slide dalam satu baris (thisscene), dan yang terakhir kita bisa melihat semua proyek yang kita buat(entire project), tetapi untuk melihat keseluruhan semua proyek kitabisa jiga tekan langsung tombol pada preview.
Setelah membuat tombol exit kita lanjutkan dengan membuattombol start yang berfungsi untuk memulai kegiatan belajar dan masukke menu utama didalam modul elektronik tersebut. Pertama kita buatlatar untuk tombol start dengan cara masuk ke menu insert lalu pilihshape dan ambil bentuk persegi panjang, kemudian bentuk sesuai padagambar dibawah ini.
Agar terlihat transparan tekan latar tersebut lalu menu format danpilih format shape yang berbentuk panah kecil, kemudian gesertransparency ke 30% bila sudah klik close.
44
-
Tombol start
Gambar 76
1
2
3
4
5
Gambar 75Setelah latarnya terbuat kita buat tombol start, yang pembuatanya
tidak jauh beda dengan tombol-tombol yang diatas yaitu pada button dimenu insert dan timpahkan tombol tersebut pada latar sebelah kiri,seperti gambar dibawah ini.
Sekarang kita berikan teks pada tombol start agar terlihat lebihjelas dengan cara klik kanan pada tombol start lalu pilih edit text danketikan start. Agar tombol terlihat lebih menarik lagi saat disentuh kitaedit dengan cara tekan tombol start lalu seperti biasa di bawah layarslide terdapat tanda panah dan tekan panah tersebut, pilih states, laluklik edit states dan pilih hover masuk ke slide kita lebih besarkan teksserta berikan petunjuk yang isinya klik tombol untuk menuju slideberikutnya
Sebelum di sentuh
45
-
12
3
4
5 6
Gambar 78
Bila sudah tahap diatas kita lanjutkan dengan pembetian triggerspada tombol tersebut, tetapi sebelumnya kita harus membuat slide baruagar trigger tersebut bisa bekerja. caranya klik kanan slide yang terletakpada disebelah kiri pada scene dan pilih new slide lalu pilih templatespilih bentuk templates serta isikan pada insert into scene : new scene,bila sudah klik import.
Saat mau di sentuh
Gambar 77
46
-
21
3
Gambar 79
Kembali ke tombol start, selanjutnya tekan tombol start kemudianakan telihat add trigger yang terblok pada triggers sebelah kanan. Danklik add trigger tersebut lalu isikan action : jump to slide, slide : 2.1anchor desk/next slide, when : user clicks, object : button 4 START, ok.
Pembutan judul program sudah selesai kita lanjut ke tahapberikutnya.
3. Membuat menu utamaSetelah membuat judul program sekarang kita lanjut ke tahap
berikutnya yaitu membuat menu utama yang mana di dalam menuutama terdiri dari beberapa tombol yang memiliki fungsi yang berbeda-beda seperti ; petunjuk program, tentang program, tujuan program,materi, evaluasi/latihan, dan penutup.
Gambar 80Contoh gambar menu utama yang terdiri dari petunjuk program, tentang program,
tujuan program, materi, evaluasi/soal latiahan dan penutup
47
-
Gambar 81
Nama slide setelah di rubah
Gambar 82
2
1
3
Gambar 83
Sebelumnya tadi kita sudah membuat slide baru, sekarang kitajadikan sebagai menu utama. Pertama kita ganti nama slide tersebut
menjadi menu utam. caranya klik kanangambar slide kecil dan pilih renameyang berada sebelah kanan bawah padaslide layers dan ganti nama anchor deskmenjadi menu utama.
Hasilnya nanti akan seperti berikut.
Selanjutnya kita akan membuat slide tersebut menjadi blank ataukosong dari semua gambar yang ada pada bawaan slide tersebutcaranya :
blok semua gambar dan teks yang ada pada slide denganmenekan ctrl + a lalu tekan delete untuk menghilangkanya.
Masuk ke menu design dan pilih tema yang kosong layarnya padathemes.
48
-
Gambar 86
1
2 3
Gambar 84
11
Gambar 85
klik kanan gambar slide kecil yang berada sebah kiri pada scenespilih layout, klik gambar blank.
Selanjutnya klik properties pada slide layer menu utama sebelahkanan dan hilangkan ceklis next dan previus.
Hasilnya nanti akan seperti berikut ;
49
-
Gambar 87Contoh gambar background untuk menu utama
1
2
3
Gambar 88Gambar cara mengambil gambar pada articulat storyline
Setalah slide tersebut blank sekarang kita masukan backgound ataulatar untuk slide tersebut, caranya lakukan seperti gambar 53. Disinisaya memberikan background seperti gambar yang diatas.
Sesudah background selesai kita lanjutkan untuk memberikantombol-tombol untuk petunjuk program, tentang program, tujuanprogram, materi, evaluasi dan penutup.
Diawali dengan membuat tombol petunjuk program caranyasebagai berikut ;
Ambil gambar yang sesuai dengan petunjuk program, masukmenu insert, pilih picture dan ambil bentuk gambar sesuaikeinginan kita. Bila gambar sudah sesuai klik open. di ushakanbentuk gambar tipe png agar bentuk gambar lebih nyata.
50
-
12
3
Gambar 89Gambar cara memberikan teks pada slide menggunakan text box
Sesudah gambar di ambil, sekarang kita akan edit gambartersebut sesuai keinginan. Kalau bisa gambar jangan terlalu besaratau sebaliknya terlalu kecil yang fungsinya agar gambar tersebutnanti biar terlihat nyaman saat di lihat. Berikan teks pada bawahgambar dengan penjelasan petunjuk. Untuk melakukanya;menu insert, pilih text box lalu tekan di bawah gambar danmasukan penjelasan petunjuk serta sesuaikan dengan ukurangambar tersebut. Paling besar ukuran hurup 14.
Agar bentuk gambar terlihat lebih menarik, misalkan gambar saatmau di tekan ukuran gambar menjadi lebih besar. Untukmembuatnya; tekan gambar tersebut, lalu klik bentuk panah yangada dibawah layar setelah itu klik states, klik edit states lalu kliknew state dan pilih bentuk hover. Bila sudah lanjutkan denganklik hover tersebut lalu masuk ke layar slide dan perbesar ukurangambar tersebut sesuai dengan keingian, untuk menambah efekpada gambar pilih menu format, ficture effects dan pilih bentukyang paling sesuai. klik done editing states untuk mengakhiripengeditan.
51
-
Gambar 91Gambar cara menduplikat gambar
menggunakan
Lakukan yang sama untuk membuat tombol fungsi yang lainnya.Tetapi untuk mempermudah cara pengeditan gambar selanjutnya kitabisa menduplikat gambar tersebut dengan cara ; blok gambar dan tekspetunjuk program lalu tekan dan tahan mengunakan tombol kiri mousesetelah itu geser ke tempat yang kosong, lepas tombol mouse nanti akanmuncul tiga pilihan lalu kita pilih copy here. Selanjutnya kita tinggalmengganti gambar, untuk menggantinya masuk menu format, pilih
change picture lalu sesuikangambar untuk tombol tersebutjika sudah klik open. dan janganlupa ganti teks sesuaiketerangan gambar.
1
23
4
5
6
7
8
11
Gambar 90Gambar membuat gambar tombol lebih menarik dengan menggunakan states
9
10
52
-
Gambar 93Contoh gambar tombol-tombol yang terdapat di menu utama
Gambar hasilnya akan seperti berikut ;
Sebelum melanjutkan fungsi tombol-tombol tersebut sekarang kitaakan buat dulu tombol keluar dan mempercantik tampilan dari menuutama, seperti yang terdapat pada gambar 80. Kita buat latar untukbagian atas dan bawah, caranya seperti biasa menu insert dan pilih shapelalu ambil bentuk persegi panjang. Setelah itu buat sesuai contohgambar. Jangan lupa berikan warna aga transparan. jika belum bisa andabisa liat dari gambar 48 s.d gambar 50.
12
3
4
Gambar 92gambar cara merubah atau mengganti gambar di articulae storyline
53
-
Latar atas dan bawah untuk backgroundtombol keluar menu utama danmempercantik tampilan slide
Gambar 94Gambar latar yang befungsi untuk bacground tombol keluar dan
mempercantik tampilan slide
12
3
Gambar 95Gambar membuat tombol untuk keluar dari menu utama
Sekarang kita akan mengisi latar atas dengan tombol keluar danketerangan menu utama. Pertama membuat keterangan menu utamacaranya insert, pilih text box, lalu tekan dan isikan penjelasan menu padalatar atas. Selajutnya berikan efek yang terdapat pada format, pilih shapeeffect, agar terlihat lebih timbul bagian menu tersebut.
kedua membuat tombol untuk keluar dari menu utama caranyaseperti gambar 71, yang membedakanya kita beri simbol yang berbentukx pada tombol tersebut. Setelah itu pemberian triggers yang manaaction: jump to slide (berfungsi untuk pergi ke slide), slide: 1.1 untitledslide (menujukan slide yang kita tuju sekarang kita menu slide judul
program yang manadisana kita berinama 1.1 untitledslide dan nama inijuga bisa dirubahsesuai keinginankita), when : userclicks (berfungsi
54
-
Gambar 96Contoh gambar untuk latar background atas pada menu utama
Gambar 97contoh gambar untuk latar background bawah pada menu utama
Gambar 98Contoh gambar slide petunjuk program
mengontrol tombol contohnya berapa kali tombol bisa berfungsi apakahsatu kali klik atau lebih), object:button 1 (berfungsi mentukan tombolyang akan ditekan).
Hasilnya akan seperti gambar dibawah ini :
Sesudah selesai membuat latar atas kita lanjutkan membuat latarbawah. Kita akan mengisikan tentang topik Perkembangan Negara-negara Kerajaan Hindu-budha di Indonesia dan bentuk gambar padalatar tersebut, caranyanya kita bisa lihat pada gambar 88 dan gambar 89.
4. Membuat petunjuk program
55
-
New layer
Gambar 99Gambar cara membua layer baru
1 2
Gambar 100Gambar cara mengganti nama layer atau slide
Untuk membuat petunjuk program kita akan membuat layer padamenu utama caranya ; klik new layer yang ada sebelah kanan pada layerslides. Nanti akan muncul layer baru yang akan kita buat sebagaipetunjuk program.
Ganti nama layer tersebut yang tadinya untitled layer 1 menjadipetunjuk, untuk menggantinya klik kanan pada untitle layer 1 lalu pilihrename selanjutnya ketaikan petunjuk. Fungsinya kita mengganti namaini, agar kita saat membuat triggers tidak salah menentukan slide ataulayer mana yang akan di gunakan.
Didalam layer tersebut akan terlihat beberapa gambar berwarnahitam putih yang terdapat pada slide menu utama, kita bisamenghilangkanya dengan menuju klik bentuk panah yang ada dibawah
56
-
123
4
Gambar 101Gambar cara menghilangkan atau menampilkan objek pada layar
slide lalu pilih timeline dan klik panah base layer objects agar terlihatsemua gambar yang akan ditampilkan pada layer tersebut laluhilangkan gambar dengan cara klik mata yang terbuka menjaditertutup.
Semua gambar yang ada kita hilangkan kecuali latar atas dan bawahsaja. Selanjutnya kita akan membuat keterangan dan tombol untukkembali menu utama. Dalam membuat keterangan tidak jauh caranyadengan membuat keterangan menu utama, kita ketikan slide petunjukprogram ini dengan nama petunjuk. Lalu untuk memberikan tombolkembali ke menu utama caranya juga tidak jauh beda kitamenggunakan triggers namun yang membedakanya disini kita padaaction pilih hide layer, layer : this layer, when : user: clicks, object :button1 (disesuaikan dengan tombol mana yang akan dipilih). Anda bisamelihat pada gambar 95.
Sekarang kita membuat keterangan petunjuk program, pertamamembuat kalimat penjelasan Pilih tombol setiap inginmemasuki/melihat halaman selanjutnya di bawah ini adalah keterangantombol yang digunakan caranya kita menggunakan text box padamenu insert. Jika sudah kita membuat tombol yang akan digunakanpada proyek/modul elektronik kita . untuk membuatnya anda bisa
57
-
12
3
Gambar 103Contoh cara membuat keterangan tombol menggunakan maker
Di hilangkan kecuali tombol normal saja
Gambar 102Gambar agar tombol selain tombol normal harus dihilangkan
melihat tata caranya pad gambar 72. Tatapi statenya kita hanyamenggunakan tombol normal jadi semua bentuk tombol lainya kitahapus karena disi kita buat untuk menunjukan fungsi-fungsi daritombol-tombol tersebut. lihat gambar berikut ini :
Selanjutnya kita akan membuat keterangan dari fungsi-fungsitombol tersebut, caranya masuk ke menu insert lalu klik marker danpilih bentuk lambang i. Selanjutnya kita letakan di samping tiaptombol lalu ketikan keterangan pada maker tersebut.
Lakukan itu itu pada tiap semua tombol, hasilnya anda bisa lihatpada gambar 98.
5. Membuat tentang program.
58
-
Gambar 104Contoh gambar slide tentang program
Gambar 105Contoh gambar slide tujuan program
Untuk membuat tentang program tidak jauh beda cara denganmembuat petunjuk program anda bisa liat tata cara pembuatan padagambar 99 s/d gambar 101 dan gambar 95 Cuma yang kita hanyamengisi tentang program modul elektronik tersebut denganmenggunakan text box. Anda bisa lihat hasilnya pada gambar diatas.
6. Membuat tujuan program
Membuat tujuan program juga tidak jauh beda dengan membuattentang program, kita hanya mengisikan tujuan program tersebut, yang
59
-
Gambar 106Contoh gambar slide materi
isinya mengenai mata ajar yang akan di bahas, topik yang di bahas danjangan lupa masukan kompetensi dasar yang harus dicapai.
7. Membuat materi
Untuk membuat bagian materi, tidak jauh pembuatanya sepertipembuatan slide pada tentang program, tujuan program atau petunjukprogram. Yang membedakanya kita sekarang akan membuat link untuksetiap sub materi contohnya disini kita akan membuat sub materitentang kerajaan pajajaran dan kerajaan majapahit. Tapi disini kitahanya akan mebuat sub materi tentang kerajaan pajajaran saja. Caramembuat tombol linknya tidak jauh beda dengan cara membuat tombolpada gambar 88 s/d 92.
Sebelum kita membuat trigger atau link untuk tombol, kita harusmembuat slide baru dulu yang mana fungsinya untuk menempatkanpembuatan penjabaran tentang sub materi tersebut. Anda bisa melihatcara pada gambar 78 dan 79. Lalu pada slide baru tersebut kita gantinamanya menjadi pajajaran yang fungsinya untuk menetukanpembuatan triggers agar tidak tata letaknya, untuk melihat caranya jugaanda bisa lihat gambar 81.
60
-
Gambar 108Contoh gambar slide sub materi kerajaan pajajaran
2
1
3
4
Gambar 107Gambar cara membuat link untuk sub materi menggunakan trigger
Kita lanjutkan lagi pembutan trigger, caranya pertama kita pilihgambar yang akan dijadikan trigger lalu insert pilih triggers. Selanjutnyakita masukan pada action : jump to slide, slide : 3.1 pajajaran(disesuaikan dengan dimana slide pajajaran sub materi yang kitabuat), when : user clicks, object : picture 3 kujang.jpeg (disesuaikandengan nama gambar yang kita masukan kedalam program articulatstoryline disini saya memberi nama kujang ) lanjutkan dengan tekanok.
Untuk menambah jelasnya anda juga bisa lihat pada gambar 79. Jikasudah prosedur diatas sekarang kita lanjutkan membuat sub materipada slide berikutnya .
61
-
Gambar 109Contoh gambar tampilan pembuatan slide sub materi
1
2
3
Gambar 110Gambar cara memperbesar tampilan gambar
Sekarang kita akan membuat background (lihat pada gambar 83 s.d87), judul pada slide (menggunakan text box) dan tombol suara (lihatgambar 56 s.d 70)serta tombol keluar dari sub materi tersebut (lihatgambar 71 s.d 72). Hasilnya akan seperti gambar dibawah ini.
Terlihat pada gambar 108 terdapat gambar peta dan penjelasannya,tetapi coba anda lihat lebih dekat pada gambar tersebut terlihat bentukkecil yang berbentuk kaca pembesar, dimana fungsinya untukmemperbesar gambar agar telihat lebih jelas saat dilihat. Pertama-tamacaranya anda bisa ambil gambarnya (lihat pada gambar 88) setelah ituklik gambar tersebut lalu ke menu format dan pilih zoom pictureselanjutnya sesuaikan ukuran gambar tersebut.
62
-
12
3
4
Gambar 111Gambar cara membuat tombol link kerajaan
Jika sudah, sekarang kita akan membuat tombol-tombol yang manafungsinya untuk bagian-bagain sub materi yang akan dibahas. Disinikita membuat lima tombol yang mana isi materinya terdiri daripenjelasan kerajaan pajajaran (kerajaan),raja-raja yang ada di pajajaran(raja-raja), sumber bukti sejarah kerajaan pajajaran (sumber),kehidupan kerajaan pajajaran (kehidupan) dan video tentang kerajaanpajajaran (video).
Pertama kita membuat tombol kerajaan caranya kita masuk menuinsert lalu pilih shape dan cari bentuk persegi panjang. Selanjutnyabentuk persegi panjang pada slide sesuai keinginan dan jangan lupa beriketerangan kerajaan pada tombol tersebut dengan cara klik kanan laluadd text dan lanjutkan dengan mengetik kerajaan.
Agar terlihat menarik pada tombol tersebut kita akan berikan sedikianimasi caranya klik bentuk panah yang ada di bawah slide slanjutnyaklik states dan klik edit states. Sekarang kita tambahkan tombol padasamping tombol normal dengan cara klik new states lalu pilih hover,lakukan hal tersebut pada down, selected dan berikan warna sesuaikeinginan (lihat gambar 60) jika sudah done editing state, sepertigambar dibawah ini.
63
-
Gambar 113Contoh gambar tampilan setelah semua tombol dibuat
1
23
45
6
Gambar 112Gambar cara animasi ke tombol menggunakan states
Setalah itu lanjutkan dengan membuat tombol yang lainya. Sepertigambar dibawah ini .
Agar tombol saat ditekan selaras atau bergantian saat ditekan kitabisa melakukannya dengan memblok semua tombol lalu klik kananpada mouse, pilih button set : new set, lalu ketikan button set 5(fungsinya menunjukan tombol yang akan ditekan bergantian pada 5tombol dipilih).
64
-
Gambar 115Contoh gambar layer baru untuk pada sub materi kerajaan pajajaran
Sekarang kita akan mengisikan materi di tiap tombol-tomboltersebut, diawali dengan tombol kerajaan. Pertama kita membuat dululayer baru dan ganti beri nama kerajaan pada layer tersebut. Caranyaanda bisa lihat pada gambar 99 dan gambar 100.
Lanjutkan dengan pembutan tombol untuk kembali ke halamanmuka sub materi, caranya tidak jauh dengan yang ada pada gambar 71s.d gambar 72. Yang membedakan adalah bentuk lambang dan triggeryang digunakan. Kita cari bentuk lambang x dan lanjut denganpembutan trigger untuk link kembali kehalaman muka, pada trigger
1 2
3
4
Gambar 114Gambar cara membuat tombol selaras saat ditekan menggunakan button set
65
-
12
3
Gambar 116Gambar cara menutup layer yang terdapat pada satu slide
Gambar 117Gambar tampilan saat pada layer penjelasan tentang kerajaan pajajaran
kita pilih action : hide layer, layer : this layer, when : user clicks, object:button 3 (disesuaikan dengan tombol yang akan menjadi objek).
Sesudah kita membuat tombol keluar, masukanlah materipenjelasan kerajaan pajajaran kedalam layer tersebut. Hasilnya nantiakan seperti berikut ini.
Jika kita ingin melanjutkan materi dari layer 1 ke layer berikutnya,kita bisa gunakan tombol next dan previous. Pertama kita buat dululayer baru lagi, sesudah itu ganti namanya menjadi kerajaan 2 agarmudah di peletakan triggernya. Setelah itu kita kembali ke layersebelumnya yaitu layer kerajaan, kita buat tombol next dan previouscaranya, buat dulu tombol next dan previous lalu kita berikan link
66
-
Gambar 118Contoh gambar cara pembutan trigger untuk bepindah dari layer ke layer.
Scrolling panel
menggunakan triggers pada tombol tersebut. Action : show layer, layer :kerajaan 2, when : user clicks, object : button 1. Lakukan pembutantrigger yang sama pada previous juga.
Sekarang kita lanjutkan ke materi tentang raja-raja pajajaran.
Sebelumnya kita buat layer baru untuk materi raja-raja . caranyatidak jauh beda dengan gambar 99 dan gambar 100. Jika sudah gantinama layer tersebut dengan nama raja-raja dan berikan tombolpenutup. Coba anda lihat pada gambar 119 terlihat ada scrolling panelyang fungsinya untuk memasukan materi lebih dari beberapa paragrafdan tidak muat kedalam satu layer. Untuk membuatnya pertama-tamakita siapkan beberapa paragraf materi yang akan kita masukan kedalam
Gambar 119Contoh gambar tampilan layer pada materi raja-raja dan
menggunakan scrolling panel
67
-
12
34
Materi yang akan di masukan kedalam scrolling panel scrolling panel
Gambar 120Gambar cara memasukan materi kedalam scrolling panel
Gambar 121Gambar tampilan materi setelah di satukan ke dalam scrolling panel
scrolling panel, sesudah itu masuk ke menu insert dan pilih scrollingpanel. Selanjutnya sesuaikan ukuran scrolling panel pada layer tersebut.Jika sudah, lalu timpahkan materi pada scrolling panel dan jangan lupasesuikan materi tersebut dengan ukuran scrolling panel, fungsinya agarmateri tidak berantakan dan terlihat nyaman saat dilihat.
Hasilnya akan seperti gambar dibawah ini.
68
-
Gambar 123Gambar menu options yang berfungsi untuk menambahkan tombol
dan mengedit video
1
2
3
Gambar 122Gambar cara memasukan video kedalam slide/layer
Untuk membuat layer tentang materi berikutnya tidak jauh bedadalam pembuatanya. Disini kita diuji ke kreatifan dalam membuattampilan dan isi materi agar terlihat menarik. Sekarang kita lanjutkanuntuk memasukan video ke dalam layer tersebut caranya kita masuklagi ke menu insert, lalu pilih video nanti disana akan ada tiga pilihanyaitu video from file, video from website dan record webcam. Karena sayamengambil dari file yang ada dikomputer jadi pilih video from file.
Sesudah itu lanjutkan dengan menyesesuaikan ukuran videodengan layer. untuk menambahkan tombol atau mengedit video kitabisa klik video lalu masuk ke menu options. Misalkan di dalam videobelum terdapat tombol untuk memutar atau mematikan video kita bisamasukan show video controls. dan untuk mengedit kita bisa gunakanedit video. Apabila kita mengambil sumber video dari orang lain janganlupa tampilkan sumber tersebut pada bagian video.
69
-
Gambar 125Contoh gambar tampilan evaluasi multiple choice
Gambar 124Contoh gambar tampilan video pada slide/layer
Hasilnya akan seperti gambar dibawah ini.
8. Membuat soal latihan/evaluasi70
-
Kolom untuk mengisikan soal
Kolom untuk mengisikan kuncijawaban
Gambar 126Contoh gambar cara membuat latihan soal/evaluasi pada articulat storyline
Sekarang kita akan membuat soal latihan/evaluasi, disini kita akanmembuat soal latihan multiple choice lihat gambar 125. Tapisebelumnya kita buat slide baru dulu , caranya klik kanan pada bentukslide kecil yang ada disebelah kanan layar slide lalu pilih new slide,quizzing : graded dan pilih multiple choice lalu klik insert. Selanjutnyakita masukan soal dan kunci jawaban tersebut. Jika sudah jangan lupauntuk menyimpanya dengan klik save.
Hasilnya akan seperti dibawah ini.
1 2
3
4
571
-
Gambar 128Contoh tampilan slide setelah pengeditan background, ukuran
hurup dan penomoran
Agar terlihat seperti pada gambar 125. Kita akan mengeditnya. Pertama kita ganti background yang kita inginkan Sesuaikan besar kecilnya tulisain baik itu soal maupun kunci
jawaban 12-16 ukuran font-nya Berikan penomoran pada slide tersebut caranya tidak jauh kita
gunakan shape pada menu insert atau bisa juga menggunakantext box.
Gambar 127Contoh gambar tampilan awal pembuatan multiple choice
72
-
Gambar 129Gambar tampilan multiple choice setelah submit di hilangkan
Sekarang hilangkan submit. Caranya klik betuk option pada slidelayer dan hilangkan tanda centang yang ada lalu klik ok.
Masuk ke edit multiple choice, kita akan tentukan score jawabandan umpan balik dari semua latihan soal. Disini pilih padafeedback : by question (menentukan benar atau salah padajawaban yang kita pilih). Score : by qouestion (sekor ditentukan ditiap soal yang kita jawab, misalkan jika benar pada correct kitaberikan score 10 dan jika salah pada incrorrect kita berikankosong). Attempts : 1 (menentukan berapaka kali kita menguncijawaban). Dari semua cara mengedit diatas bisa di rubah sesuaidengan keinginan dan kreatifitas masing-masing.
Sekarang kita akan membuat pengunci jawaban dan ketenganjawaban itu benar atau salah. Cara membuat pengunci jawabankita gunakan trigger seperti biasa. Ambil bentuk lambang bentukgembok yang terkunci pada button icons. Lalu lakukan edit statepada tombol tersebut dan pada tombol normal kita gantilambangnya menjadi bentuk kunci terbuka (ini berfungsi untukmenentukan apakah jawaban sudah terkunci atau belum saatjawaban sudah di pilih). Lalu pilih warna sesuai dengan yang kita
73
-
Tombol pengunci jawabansebelum dan sesudah dikunci
Gambar 130Contoh gambar tampilan pengunci jawaban pada multiple choice
inginkan agar bentuk tombol terlihat menarik. Jika sudahlanjutkan ke edit the selected trigger (trigger). Lalu pada action :submit interaction. Interaction : multiple choice, when : click,object : button 6 ( disesuaikan dengan akan dijadikan tombol).Nanti hasilnya akan seperti dibawah ini,
Lanjutkan sekarang kita akan membuat keterangan jawabanbenar atau salah (correct dan incorrect). Sebelumnya keteranganjawaban akan seperti gambar dibawah ini baik itu correct atauincorrcet.
dan untuk mempercantiknya kita harus mengeditnya. Lalukanpengeditan pada correct dahulu. Pilih layer correct lalu masuk ke
Gambar 131Contoh gambar tampilan keterangan jawaban setelah di kunci jawbannya
74
-
12
3
Di hapus kecuali untuktombol continue4
5
6
Keterangan jawabanlebih menarik setelah
di ganti
Gambar 132Contoh gambar cara merubah tampilan pada correct agar terlihat lebih menarik
menu view dan pilih feedback master. Selanjutnya hapus bentukpersegi panjang dan ganti dengan gambar (masuk ke menu insert: picture), text yang sesuai dengan keinginan contohnya; gambaryang menjelaskan saat jawaban benar.
Jika sudah selesai dan ingin keluar dari pengeditan correcttersebut masuk ke menu slide master lalu pilih close master view.Dan jangan lupa berikan warna juga pada tombol continue agarsesuai dengan gambar correct tersebut. Lakukan pengeditantersebut pada incorrect juga.
75
-
Gambar 134Contoh gambar tampilan penilain articulate storyline
Lakukan pembuatan latihan soal yang sama seperti cara tersebut.Dan untuk menggabungkan antar slide latihan soal kita bisagunakan trigger seperti gambar 118 namun yang membedakanpada action : jump to slide. Slide : sesuaikan dengan slide manasoal yang di tuju, when : click, object : button (disesuaikan denganakan dijadikan tombol).
Setelah semua soal dibuat sekarang kita akan membuat jumlahnilai (penilain) yang didapat dari semua multiple choice yang dijawab baik itu benar maupun salah.
Gambar 133Contoh gambar tampilan correct/jawaban benar setelah di edit
76
-
12
Gambar 136Gambar cara membuat penilaian akhir untuk soal latihan pada articulate storyline
Untuk membuatnya tidak jauh dengan gambar 126 namun yangmembedakanya kita mengambil tipe graded result slide padaresult slides.
Jika sudah sekarang kita edit slide tersebut caranya, pertamamasuk edit result slide lalu masuk ke result dulu kita tentukanslide soal yang akan masuk ke dalam penilain tersebut disini kitamembuat soal multiple choice, ceklis smua slide multiple choice.Lanjutkan dengan penentukan standar nilai untuk kelulusan,disini saya gunakan standar nilai yaitu 80% dari semua soal yangada. Jika anda ingin memberikan waktu pada pengisian soalgunakan end quiz after. Sesudah itu masuk ke options disni kita
tentukan apa saja yang akankita tampilkan di dalamslide penilaian.
Gambar 135Gambar cara membuat penilaian akhir pada articulate storyline
77
-
Gambar 137Gambar tampilan awal penilaian
Gambar 138Gambar tampilan setelah diganti backgraud dan menghilangkan
tombol next/previous
Hasil awalnya akan seperti dibawah ini.
Lanjutkan dengan menggati backroundnya agar terlihat lebihmenarik. Untuk menghilangkan tombol next/previous caranyatidak jauh dari yang sebelumnya klik properties pada bagian slidelayers yang ada disebelah kanan lalu hilangkan gambar ceklisyang ada pada properties tersebut (lihat pada gambar 85).
78
-
Gambar 139Contoh gambar tampilan penutup program
Jika ingin seperti gambar 138 anda bisa mengeditnya kembali,dengan cara merubah tampilan bentuk huruf dan pemberiangambar yang menarik pada slide tersebut. Dan jangan lupaberikan tombol untuk kembali ke menu utama.
9. Membuat penutup program
Untuk membuat penutup program tidak jauh pembuatannyaseperti membuat pentuk program, tujuan program, dan tentangprogram. Disini kita hanya akhir dari program dan menentukan daftarpustakanya jika ada.
79
-
Daftar pustaka
Arsyad, Azhar. Media Pembelajaran. Jakarta :
Rajawali Pers. 2010.
http://www.idseducation.com/2014/04/28/dasa
r-dasar-cara-pembuatan-film/
https://www.youtube.com/
https://www.articulate.com/products/storyline-
why.php
Rusman. Belajar dan Pembelajaran Berbasis
Komputer : Mengembangkan
Profesionalisme Guru Abad 21. Alfabeta
: Bandung. 2012.
cover.pdf (p.1)Daftar isi.pdf (p.2-4)BAB 1.pdf (p.5-12)BAB 2.pdf (p.13-24)BAB 3.pdf (p.25-83)Daftar pustaka.pdf (p.84)
top related