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)