Anda di halaman 1dari 44

LAPORAN KARYA AKHIR

PEMBUATAN MEDIA PEMBELAJARAN


INTERAKTIF PELAJARAN SEJARAH MATERI
“PERISTIWA PENTING DI EROPA”
MENGGUNAKAN ARTICULATE STORYLINE 3
HINDUN NAIDA RAMADHANI
NIS 210245

PEMBIMBING :

FANTI KUSUMA WARDANI, S.Pd


FAUZI, S.Ag.,M.Si

KERJASAMA
MAN 1 Pasuruan dengan Institut Teknologi Sepuluh
Nopember Surabaya

PROGRAM TERAPAN
BIDANG TEKNOLOGI INFORMASI DAN
KOMUNIKASI (PRODISTIK)

Pasuruan
2022
PEMBUATAN MEDIA PEMBELAJARAN
INTERAKTIF PELAJARAN SEJARAH MATERI
“PERISTIWA PENTING DI EROPA”
MENGGUNAKAN ARTICULATE STORYLINE 3
Hindun Naida Ramadhani, Fanti Kusuma Wardani, S.Pd ,
Fauzi, S.Ag.,M.Si, Program IIS, Madrasah Aliyah Negeri 1
Pasuruan
Jln. Balai Desa Glanggang 3A Beji, Telp. 0353-7426690
e-mail: mansatupasuruan@gmail.com
Abstrak
Pembuatan laporan karya akhir ini bertujuan untuk
membuat pembelajaran virtual yang menarik, sangat mudah
digunakan, dan sangat bermanfaat bagi siswa. Pembuatan
laporan ini juga bertujuan untuk mengetahui langkah-langkah
pembuatan media pembelajaran interaktif virtual yang lebih
dikhususkan pada bidang sejarah menggunakan aplikasi
Articulate Storyline 3. Setelah melalui proses yang sesuai
dengan perencanaan bagian-bagian tampilan dan animasi
media pembelajaran interaktif serta melalui beberapa kali uji
coba dari segi tampilan animasi dengan menggunakan aplikasi
Articulate Storyline 3 sampai akhirnya dihasilkan media
pembelajaran interaktif yang terjadi dari tampilan
pengarahan, persiapan, praktikum, pemahaman, filosofi, dan
ending serta memiliki keunikan tersendiri dibanding media
pembelajaran lain yang memungkinkan bisa membantu bapak
ibu guru dalam proses belajar mengajar

Kata kunci : Media Pembelajaran Interaktif, aplikasi


Articulate Storyline 3, dan Pembelajaran Virtual
LEMBAR PENGESAHAN
PEMBUATAN MEDIA PEMBELAJARAN
INTERAKTIF PELAJARAN SEJARAH MATERI
“PERISTIWA PENTING DI EROPA”
MENGGUNAKAN ARTICULATE STORYLINE 3
Laporan Karya Akhir Ini
Diajukan sebagai syarat untuk memperoleh sertifikat Program
Terapan Bidang Teknologi Infprmasi dan Komunikasi
(PRODISTIK)
Kerjasama :
Institut Teknologi Sepuluh Nopember Surabaya (ITS
Surabaya)
Dengan
Madrasah Aliyah Negeri 1 Pasuruan
Oleh :
HINDUN NAIDA RAMADHANI
NIS : 210245
Disahkan Oleh :
Mengetahui Mengesahkan
Kepala MAN 1 Pasuruan Ketua Prodistik MAN 1
Pasuruan

H.Nasrudin, M.Si Muh.Faishal Fadlie, S. Hum


NIP.197209052005011005 NIP. 199309182019031008
LEMBAR PERSETUJUAN
PEMBUATAN MEDIA PEMBELAJARAN
INTERAKTIF MATA PELAJARAN SEJARAH
BAB “PERISTIWA PENTING DI EROPA”
MENGGUNAKAN ARTICULATE STORYLINE 3
Laporan Karya Akhir Ini
Diajukan sebagai syarat untuk memperoleh sertifikat Program
Terapan Bidang Teknologi Infprmasi dan Komunikasi
(PRODISTIK)
Kerjasama :
Institut Teknologi Sepuluh Nopember Surabaya (ITS
Surabaya)
Dengan
Madrasah Aliyah Negeri 1 Pasuruan
Oleh :
HINDUN NAIDA RAMADHANI
NIS : 210245
Disetujui oleh Pembimbing Tugas Akhir :
1. FANTI KUSUMA WARDANI, S.Pd ( )

2. FAUZI, S.Ag.,M.Si ( )

Disetujui oleh Penguji Tugas Akhir :


1.
2.
Kata Pengantar
Assalamu'alaikum wr.wb
Seraya mengucapkan Alhamdulillah, segala puji serta syukur
penulis sampaikan atas Kehadirat Allah SWT, karena atas
segala kenikmatan dan kekuatan-Nya penulis dapat
menyelesaikan Laporan Karya Akhir yang berjudul:
PEMBUATAN MEDIA PEMBELAJARAN
INTERAKTIF MATA PELAJARAN SEJARAH BAB
“PERISTIWA PENTING DI EROPA”
MENGGUNAKAN ARTICULATE STORYLINE 3
Sholawat serta salam penulis sampaikan kepada baginda
Rosulullah Muhammad SAW yang telah memberikan warna
Ilahiah dalam hidup dan kehidupan manusia di dunia.
Pada penyusunan laporan karya akhir ini penulis banyak
memperoleh masukan, bimbingan, dan bantuan dari berbagai
pihak. Oleh karena itu, penulis mengucapkan terima kasih
kepada:
1. Bapak H. Nasrudin, M.Si selaku Kepala MAN 1
PASURUAN yang telah memberikan kesempatan kepada
penulis untuk menempuh pendidikan di MAN 1 Pasuruan.
2. Bapak dan Ibu Dosen ITS Surabaya yang telah memberikan
kesempatan kepada penulis untuk menjadi bagian dari
PRODISTIK ITS Surabaya.
3. Bapak Muh. Faishal Fadlie, S.Hum selaku Ketua
PRODISTIK yang telah memberikan arahan kepada penulis
selama menempuh pembelajaran di PRODISTIK ITS
Surabaya.
4. Bapak Fauzi, S.Ag.,M.Si dan Ibu Fanti Kusuma Wardani,
S.Pd selaku Dosen Pembimbing yang selalu memberi arahan
dan bimbingannya dalam penyusunann lapora tugas akhir ini.

5. Bapak dan Ibu tutor PRODISTIK yang telah menyampaikan


ilmu kepada penulis sehingga penulis memiliki bekal dalam
penyusunan laporan tugas akhir ini.
6. Seluruh Bapak dan Ibu Guru MAN 1 Pasuruan yang telah
mendukung dalam penulisan laporan tugas akhir ini.
7. Kedua Orang tua serta teman teman sekalian yang telah
memberi dukungan dan semangat untuk menyelesaikan
laporan tugas akhir ini. Penulis berharap semoga laporan tugas
akhir ini dapat memberikan banyak manfaat bagi semuanya.

Wassalamu'alaikum wr.wb

Pasuruan, 13 September 2022

Penulis
Daftar Isi
HALAMAN JUDUL .............................................. i
LEMBAR PERSETUJUAN .................................. ii
LEMBAR PENGESAHAN ................................... iii
ABSTRAK .............................................................. iv
KATA PENGANTAR ............................................ v
DAFTAR ISI........................................................... vii
DAFTAR GAMBAR .............................................. ix
DAFTAR TABEL .................................................. xi
DAFTAR DIAGRAM ............................................ xii
BAB I PENDAHULUAN ....................................... 1
1.1 Latar Belakang ................................................ 1
1.2 Batasan Masalah.............................................. 2
1.3 Rumusan Masalah ........................................... 2
1.4 Tujuan ............................................................. 3
1.5 Manfaat ............................................................ 3
BAB II PERENCANAAN DAN PERANCANGAN 4
2.1 Perencanaan ..................................................... 4
2.1.1 Perencanaan Pembuatan proyek ......... 4
2.1.2 Spesifikasi Komputer ............................ 5
2.1.3 Tempat dan Waktu ............................... 5
2.1.4 Jadwal Penyusunan Tugas akhir ......... 6

2.2 Perancangan ..................................................... 7


2.2.1 Deskripsi system ....................................... 7
2.2.2 Langkah-Langkah Pembuatan Media
Pembelajaran
Interaktif Mata Pelajaran Sejarah Bab
“Peristiwa Penting di Eropa” Menggunakan
Articulate Storyline 3 ................................ 9
1) Membuat Login................................... 9
2) Membuat opening ............................... 11
3) Membuat Main Menu ........................ 14
4) Membuat Profil ................................... 15
5) Membuat KI dan KD ......................... 16
6) Membuat Materi ................................. 17
7) Membuat Quiz .................................... 20
8) Membuat Ending ................................ 21
BAB III HASIL KARYA AKHIR ........................ 23
3.1 Hasil Perancangan Karya Akhir .................... 23
3.2 Cara Kerja Karya Akhir ................................. 27
BAB IV Penutup .................................................... 28
4.1 Resume Karya Akhir ....................................... 28
4.2 Saran ................................................................. 29
DAFTAR PUSTAKA ............................................. 30
BIOGRAFI PENULIS ........................................... 31
DAFTAR GAMBAR
Gambar 2.2.2.1 ......................................................... 9
Gambar 2.2.2.2 ......................................................... 9
Gambar 2.2.2.3......................................................... 10
Gambar 2.2.2.4 ........................................................ 10
Gambar 2.2.2.5......................................................... 11
Gambar 2.2.2.6......................................................... 11
Gambar 2.2.2.7......................................................... 12
Gambar 2.2.2.8......................................................... 12
Gambar 2.2.2.9......................................................... 13
Gambar 2.2.2.10....................................................... 13
Gambar 2.2.2.11....................................................... 14
Gambar 2.2.2.12....................................................... 15
Gambar 2.2.2.13....................................................... 17
Gambar 2.2.2.14....................................................... 18
Gambar 2.2.2.15....................................................... 18
Gambar 2.2.2.16....................................................... 19
Gambar 2.2.2.17....................................................... 19
Gambar 2.2.2.18....................................................... 20
Gambar 2.2.2.19....................................................... 21
Gambar 2.2.2.20....................................................... 21
Gambar 2.2.2.21....................................................... 22
Gambar 2.2.2.22....................................................... 22
Gambar 3.1.1 ........................................................... 24
Gambar 3.1.2............................................................ 24
Gambar 3.1.3 ........................................................... 24
Gambar 3.1.4 ........................................................... 25
Gambar 3.1.5 ........................................................... 25
Gambar 3.1.6 ........................................................... 25
Gambar 3.1.7 ........................................................... 26
Gambar 3.1.8............................................................ 26
DAFTAR TABEL
Tabel 2.1.5 ............................................................... 6
DAFTAR DIAGRAM
Diagram 2.1.1 ......................................................... 4
Diagram 2.2.1 ......................................................... 8
BAB I
PENDAHULUAN
1.1 Latar Belakang
Media pembelajaran interaktif adalah sebuah alat
yang berfungsi dan dapat digunakan untuk menyampaikan
pesan pembelajaran. Pembelajaran adalah proses
komunikasi antar pembelajar, pengajar, dan bahan ajar.
Maka dapat dikatakan bahwa, bentuk komunikasi tidak
akan berjalan tanpa bantuan sarana untuk menyampaikan
pesan. Disebut interaktif karena media ini dirancang
dengan melibatkan respon pemakai secara aktif.
Pembelajaran sejarah merupakan kegiatan proses
pembelajaran tentang kehidupan yang ada dimasa lalu.
Mata pelajaran sejarah menanamkan pengetahuan dan
nilai-nilai mengenai proses perubahan dan perkembangan
masyarakat yang ada di Indonesia maupun dunia dari masa
lampau hingga sekarang. Pada saat pembelajaran, selain
materi yang berasal dari buku siswa juga harus
mempelajari dari sumber buku lainnya. Setelah
pembelajaran selesai, diharapkan siswa dapat memahami
dan menerapkan serta menganalisis pengetahuan secara
konseptual.
Berbagai kendala saat pembelajaran berlangsung
sangat dirasakan oleh siswa seperti terlalu banyaknya
bacaan yang ada di buku, sehingga siswa sering
merasakan bosan dan materi yang telah diajarkan jarang
dipahami oleh beberapa siswa dan hal ini menyebabkan
siswa yang belum bisa memahami selalu bergantung pada
siswa yang lainnya.
Perkembangan ilmu pengetahuan dan teknologi terus
mendorong berbagai upaya untuk mengatasi
problematika kehidupan terutama di bidang Pendidikan.
Pola belajar siswa tersebut dapat direspon dengan
pembutana media pembelajaran yang interaktif untuk
mengatasi permasalahan yang terjadi saat pembelajaran
seperti yang disebutkan diatas.
Maka, penerapan media pembelajaran pada pelajaran
sejarah di bab “Peristiwa Penting di Eropa” interaktif ini
diharapkan penulis agar dapat meningkatkan keaktifan
serta partisipasi siswa dalam proses pembelajaran baik
secara individu maupun kelompok.
Maka dari itu, dalam tugas akhir ini penulis membuat
“Media Pembelajaran Interaktif Pelajaran Sejaran Materi
Peristiwa Penting di Eropa dengan menggunakan
Articulate Storyline 3”

1.2 Batasan Masalah


Untuk membatasi meluasnya pembatasan masalah
pada karya tulis ini. Maka penulis membatasi pada :
1. Materi yang digunakan hanya mencakup pada
bab “Peristiwa Penting di Eropa”
2. Penggunaan aplikasi Articulate Storyline 3
dalam pembuatan media pembelajaran
1.3 Rumusan Masalah
Berdasarakan latar belakang tersebut, penulis dapat
merumuskan permasalahan yang akan dibahas yaitu:
1. Bagaimana langkah langkah pembuatan Media
Pembelajaran Interaktif Pelajaran Sejaran Materi
Peristiwa Penting di Eropa dengan menggunakan
Articulate Storyline 3?
2. Bagaimana cara mengaplikasikan Media
Pembelajaran Interaktif Pelajaran Sejaran Materi
Peristiwa Penting di Eropa dengan menggunakan
Articulate Storyline 3?
1.4 Tujuan
Dari Rumusan Masalah yang diatas, maka tujuan dari
pembuatan media pembelajaran ini adalah :
a. Untuk mengetahui langkah-langkah pembuatan
Media Pembelajaran Interaktif Pelajaran Sejaran
Materi Peristiwa Penting di Eropa dengan
menggunakan Articulate Storyline 3
b. Untuk mengetahui cara mengaplikasikan Media
Pembelajaran Interaktif Pelajaran Sejaran Materi
Peristiwa Penting di Eropa dengan menggunakan
Articulate Storyline 3
1.5 Manfaat
Manfaat pembuatan media pembelajaran ini, antara lain :
1. Bagi Penulis
Memberikan solusi alternatif berupa media
pembelajaran bagi siswa dan memberikan
motivasi kepada penulis agar lebih aktif dalam
pembelajaran dan membuat media pembelajaran
lebih baik lagi .
2. Bagi Pembaca
Dapat meningkatkan minat, motivasi, hasil belajar
siswa dan partisipasi untuk siswa dalam belajar
terutama di mata pelajarah sejarah pada bab
Peristiwa Penting di Eropa.
3. Bagi Lembaga
Dapat dijadikan referensi dan ditaruh di
perpustakaan untuk penelitian selanjutnya. Penulis
berharap karya yang akan diciptakan selanjutnya
memiliki peningkatan dan dapat disempurnakan
dari karya yang sebelumnya.
`BAB II
PERENCANAAN DAN PERANCANGAN
2.1 PERENCANAAN
2.1.1 Perencanaan Pembuatan Projek
Dalam perancangan media pembelajaran
diperlukan prosedur kerja yang sistematis dan
terarah sehingga dapat terencana dengan baik.
Adapun prosedur kerja yang akan dilaksanakan
sebagai berikut:

Penentuan Judul dan


Materi

Pembuatan Skrip

Pembuatan
Media
Pembelajaran

Pembuatan Intro Pembuatan Main Pembuatan Ending

Uji Media Pembelajaran

Penggabungan

Diagram 2.1.2 Perencanaan Pembuatan Projek


2.1.2 Spesifikasi Komputer
Spesifikasi Laptop yang dapat digunakan untuk
membuat media pembelajaran interaktif mata
pelajaran sejarah bab “peristiwa penting di eropa”
menggunakan Articulate Storyline 3 meliputi 2 hal,
yaitu dari segi hardware (perangkat keras) dan
software (perangkat lunak).
a. Hardware (perangkat keras)
Hardware yang digunakan untuk membuat
media pembelajaran interaktif mata pelajaran
sejarah bab “peristiwa penting di eropa”
menggunakan Articulate Storyline 3 adalah
sebagai berikut:
1. AMD RYZEN 3 dan AMD RADEON
2. Random Accsess Memory (RAM) 8 GB
3. Monitor dengan Resolusi Full HD 1920 x
1080
b. Software (perangkat lunak)
Software yang digunakan untuk membuat
media pembelajaran interaktif mata pelajaran
sejarah bab “peristiwa penting di eropa”
menggunakan Articulate Storyline 3 adalah
sebagai berikut:
1. Sistem operasi windows 10
2. Aplikasi Articulate Storyline 3
2.1.4 Tempat dan Waktu
Metode yang dipakai dalam tugas akhir ini
adalah perancangan serta pengembangan, yakni
pengembangan Articulate storyline 3 dalam wujud
project media pembelajaran yang dilakukan di
Madrasah Aliyah Negeri 1 Pasuruan dalam waktu
kurang lebih 1 bulan.
2.1.5 Jadwal Penyusunan Tugas Akhir

No Tanggal Keterangan
1 10 Juli 2022 Penentuan Judul
2 3 Agustus 2022 Penentuan Media KA
3 4 Agustus 2022 Konsultasi Judul KTI
4 8 Agustus 2022 Bimbingan Materi media dan
latar belakang

5 11 Agustus 2022 Konsultasi projek dan bimbingan


KTI Bab 1 sampai Bab 2

6 24 Agustus 2022 Konsultasi Sound Projek


7 26 Agustus 2022 Bimbingan KTI Bab 2
perencanaan
8 30 Agustus Bimbingan KTI Bab 3
9 3 September Revisi Bimbingan KTI Bab 3
10 6 September Bimbingan KTI Bab 4
11 8 September Revisi Bimbingan KTI Bab 4
12 12 September Bimbingn KTI Abstrak
Tabel 2.1.5 Jadwal Penyusunan Karya Akhir
2.2 PERANCANGAN
2.2.1 Deskripsi Sistem

Berdasarkan rumusan masalah pada bab


sebelumnya dapat diketahui bahwa rancangan
media pembelajaran interaktif memiliki pokok
bahasan yaitu mata pelajaran sejarah bab “peristiwa
penting di eropa”. Media pembelajaran ini
diperuntukkan untuk siswa/siswi SMA dan MA
sederajat.
Adapun materi yang disajikan dalam media
pembelajaran ini adalah sebagai berikut:

a. Login
Login merupakan bagian awal yang menandai
masuknya kedalam media pembelajaran
b. Opening
Opening ini merupakan bagian pertama
sebelum masuk ke menu utama media
pembelajaran
c. Menu Utama
Meni ini merupakana isi dari media
pembelajaran. Meni ini dibagi menjadi 4 menu
utama diantara nya yaitu : Profil, KI dan KD,
Materi, dan Quiz.
d. Profil
Berisi biodata pembuat media pembelajaran
e. KI dan KD
Berisi KI dan KD yang akan dipelajari pada
media pembelajaran kali ini.
f. Materi
Berisi inti materi yang akan di pelajari pada
media pembelajaran kali ini.
g. Quiz
Berisi Latihan soal berupa 10 soal pilihan
ganda sebagai tolak ukur kemampuan siswa
setelah materi selesai disampaikan
h. Ending
Ending merupakan bagian akhir dari media
pembelajaran yang memuat ucapan terima kasih
terhadap semua pihak yang membantu dalam proses
media pembelajaran
Login

Opening

Menu
Utam

Profil Mat
Quiz
KI
dan

Tokoh

Peristi
K K a
I D
Dampa

Ending

Diagram 2.2.1 Deskripsi Sistem


2.2.2 Langkah-Langkah Pembuatan Media
Pembelajaran Interaktif MATA PELAJARAN
SEJARAH BAB “PERISTIWA PENTING DI
EROPA” MENGGUNAKAN ARTICULATE
STORYLINE 3
1) Membuat Login
a. Membuka Articulate Storyline 3 dengan cara
klik start > all program > Articulate storyline
3

Gambar 2.2.2.1 Menu Awal


b. Pada menu awal pilih new project lalu
membuka slide baru dengan memilih
untitlide slide

Gambar 2.2.2.2 Slide Baru


c. Pada design, klik story size atur ukuran
menjadi 720x425
d. Lalu pilih menu Insert > Shape >
Rectangels. Setelah itu klik kiri untuk
membentuk persegi panjang dan ubah
warna pada format drawing tools > shape
fiil > pilih warna yang sesuai
e. Untuk menyesuaikan shape nya, Klik
kanan > format shape > transparency
(sesuai kemauan kalian)
f. Untuk memberi tulisan, kalian bisa memilih
menu insert > text box > beri tulisan sesuai
yang kalian inginkan.
g. Lalu untuk membuat button Nama dan
kelas, kalian bisa memilih menu insert >
input > Data entry > text entery field > buat
ukuran sesuai yang kalian inginkan.

Gambar 2.2.2.3 Membuat Button Nama

h. Lalu untuk membuat button save and next,


kalian bisa memilih menu insert > button >
pilih bentuk dan buat ukuran sesuai yang
kalian inginkan.

Gambar 2.2.2.4 Membuat Button


i. Untuk menambah tulisan pada button, klik
kanan lalu pilih add text.

Gambar 2.2.2.5 Memberi text pada button

2) Membuat Opening
a. Untuk membuat slide baru, kalian bisa
memilih menu Home > New Slide >
Untitled Slide

Gambar 2.2.2.6 New Slide


b. Lalu untuk mengubah background, kalian
bisa memilih pada menu Design >
Background Style > Format Background >
Fill > Picture or texture fill > File > piilih
gambar background yang telah kalian
simpan > Open
Gambar 2.2.2.7 Mengubah Backgorund
c. Untuk memberi tulisan, kalian bisa memilih
menu insert > text box > beri tulisan sesuai
yang kalian inginkan

Gambar 2.2.2.8 Memberi tulisan


d. Lalu untuk membuat button, kalian bisa
memilih menu insert > button > pilih
bentuk dan buat ukuran sesuai yang kalian
inginkan.
e. Untuk membuat tombol next, preview, dan
home. Kalian bisa pergi pada menu Insert >
Marker > dan pilih tombol yang kalian
butuhkan.

Gambar 2.2.2.9 Memberi tombol next


dan preview
f. Jika kalian ingin menambahkan karakter,
kalian bisa pergi pada menu insert >
Character > pilih karakter yang kalian
inginkan
g. Lalu jika ingin mengubah pose dan ekspresi
pada karakter, kalian bisa mengubah nya
pada menu Character tools design >
Expression/ Pose > pilih sesuai apa yang
kalian inginkan.

Gambar 2.2.2.10 Memberi Animasi Karakte


3) Membuat Menu Utama
a. Untuk membuat slide baru, kalian
bisa memilih menu Home > New
Slide > Untitled Slide
b. Lalu untuk mengubah background,
kalian bisa memilih pada menu
Design > Background Style > Format
Background > Fill > Picture or
texture fill > File > piilih gambar
background yang telah kalian simpan
> Open
c. Untuk memberi tulisan, kalian bisa
memilih menu insert > text box > beri
tulisan sesuai yang kalian inginkan.
d. Lalu untuk membuat button, kalian
bisa memilih menu insert > button >
pilih bentuk dan buat ukuran sesuai
yang kalian inginkan.

Gambar 2.2.2.11 Membuat Button


Menu
e. Untuk membuat tombol next,
preview, dan home. Kalian bisa pergi
pada menu Insert > Marker > dan
pilih tombol yang kalian butuhkan.
f. Lalu jika ingin mengubah pose dan
ekspresi pada karakter, kalian bisa
mengubah nya pada menu Character
tools design > Expression/ Pose >
pilih sesuai apa yang kalian inginkan.

Gambar 2.2.2.12 Mengubah


Ekspresi
4) Membuat Profil
a. Untuk membuat slide baru, kalian
bisa memilih menu Home > New
Slide > Untitled Slide
b. Lalu untuk mengubah background,
kalian bisa memilih pada menu
Design > Background Style >
Format Background > Fill > Picture
or texture fill > File > piilih gambar
background yang telah kalian simpan
> Open
c. Untuk memberi tulisan, kalian bisa
memilih menu insert > text box >
beri tulisan sesuai yang kalian
inginkan.
d. Lalu untuk membuat button, kalian
bisa memilih menu insert > button >
pilih bentuk dan buat ukuran sesuai
yang kalian inginkan.
e. Untuk membuat tombol next,
preview, dan home. Kalian bisa pergi
pada menu Insert > Marker > dan
pilih tombol yang kalian butuhkan.
f. Jika kalian ingin menambahkan foto,
kalian bisa pergi ke menu insert >
picture > picture form file (pilih foto
yang kalian inginkan) > open

5) Membuat KI dan KD
a. Untuk membuat slide baru, kalian
bisa memilih menu Home > New
Slide > Untitled Slide
b. Lalu untuk mengubah background,
kalian bisa memilih pada menu
Design > Background Style >
Format Background > Fill > Picture
or texture fill > File > piilih gambar
background yang telah kalian simpan
> Open
c. Untuk memberi tulisan, kalian bisa
memilih menu insert > text box >
beri tulisan sesuai yang kalian
inginkan.
d. Lalu untuk membuat button, kalian
bisa memilih menu insert > button >
pilih bentuk dan buat ukuran sesuai
yang kalian inginkan.
e. Untuk membuat tombol next,
preview, dan home. Kalian bisa pergi
pada menu Insert > Marker > dan
pilih tombol yang kalian butuhkan.
f. Lalu pilih menu Insert > Shape >
Rectangels. Setelah itu klik kiri
untuk membentuk persegi Panjang
dan ubah warna pada format drawing
tools > shape fiil > pilih warna yang
sesuai
g. Jika kalian ingin menambahkan
karakter, kalian bisa pergi pada menu
insert > Character > pilih karakter
yang kalian inginkan
h. Lalu jika ingin mengubah pose dan
ekspresi pada karakter, kalian bisa
mengubah nya pada menu Character
tools design > Expression/ Pose > pilih
sesuai apa yang kalian inginkan.
Gambar 2.2.2.13 Mengubah Pose
i. Untuk menyesuaikan shape nya, Klik
kanan > format shape > transparency
(sesuai kemauan kalian)
j. Untuk memberi tulisan, kalian bisa
memilih menu insert > text box > beri
tulisan sesuai yang kalian inginkan.

6) Membuat Materi
a. Untuk membuat slide baru, kalian
bisa memilih menu Home > New
Slide > Untitled Slide
b. Lalu untuk mengubah background,
kalian bisa memilih pada menu
Design > Background Style >Format
Background > Fill > Picture or
texture fill > File > piilih gambar
background yang telah kalian simpan
> Open
c. Untuk memberi tulisan, kalian bisa
memilih menu insert > text box >
beri tulisan sesuai yang kalian
inginkan.

Gambar 2.2.2.14 Membuat kolom


untuk materi
d. Lalu untuk membuat button, kalian
bisa memilih menu insert > button >
pilih bentuk dan buat ukuran sesuai
yang kalian inginkan.
e. Untuk membuat tombol next,
preview, dan home. Kalian bisa pergi
pada menu Insert > Marker > dan
pilih tombol yang kalian butuhkan.
f. Lalu pilih menu Insert > Shape >
Rectangels. Setelah itu klik kiri
untuk membentuk persegi panjang
dan ubah warna pada format drawing
tools > shape fiil > pilih warna yang
sesuai

Gambar 2.2.2.15 Membuat Kotak Sub


bab
g. Untuk menyesuaikan shape nya,
Klik kanan > format shape >
transparency (sesuai kemauan
kalian)

Gambar 2.2.2.16 Menyesuaikan


Transparasi Warna

Gambar 2.2.2.17 Menyesuaikan


persentase Transparasi
h. Untuk memberi tulisan, kalian bisa
memilih menu insert > text box >
beri tulisan sesuai yang kalian
inginkan.
i. Jika kalian ingin menambahkan foto,
kalian bisa pergi ke menu insert >
picture > picture form file (pilih foto
yang kalian inginkan) > open.

Gambar 2.2.2.18 Cara Memasukkan


Foto
7) Membuat Quiz
a. Untuk membuat slide baru, kalian
bisa memilih menu Home > New
Slide > Untitled Slide
b. Lalu untuk mengubah background,
kalian bisa memilih pada menu
Design > Background Style >
Format Background > Fill > Picture
or texture fill > File > piilih gambar
background yang telah kalian simpan
> Open
c. Untuk membuat tombol next,
preview, dan home. Kalian bisa pergi
pada menu Insert > Marker > dan
pilih tombol yang kalian butuhkan.
d. Selanjutnya, kalian bisa pergi pada
menu slide > grade questions >
multiple choise (buat soal yang telah
kalian siapkan)

Gambar 2.2.2.19 Cara membuat soal

Gambar 2.2.2.20 Pilih Bentuk Soal


8) Membuat Ending
a. Untuk membuat slide baru, kalian bisa
memilih menu Home > New Slide >
Untitled Slide
b. Lalu untuk mengubah background,
kalian bisa memilih pada menu Design
> Background Style > Format
Background > Fill > Picture or
texture fill > File > piilih gambar
background yang telah kalian simpan
> Open
c. Jika kalian ingin menambahkan
karakter, kalian bisa pergi pada menu
insert > Character > pilih karakter
yang kalian inginkan
d. Lalu jika ingin mengubah pose dan
ekspresi pada karakter, kalian bisa
mengubah nya pada menu Character
tools design > Expression/ Pose >
pilih sesuai apa yang kalian inginkan.

Gambar 2.2.2.21 Cara mengubah pose


e. Untuk tombol exit nya, kalian bisa
pilih pada menu insert > slider > lalu
pilih bentuk yang kalian suka.

Gambar 2.2.2.22 Cara membuat slider


untuk log out
BAB III
HASIL KARYA AKHIR
3.1 Hasil Perancangan Karya Akhir
Berdasarkan perencanaan dan perancangan pada bab
sebelumnya, maka hasil perancangan karya akhir adalah
sebagai berikut :
a. Penentuan judul dan materi
Tahap pertama dalam pembuatan media
pembelajaran adalah menentukan judul dan materi
yang meliputi materi reformasi gereja.
b. Penentuan skenario media pembelajaran
Tahap kedua adalah penentuan skenario
pembelajaran, yaitu meliputi alur-alur yang ada
didalam media pembelajaran dan design tampilan
media pembelajaran. Disini penulis membuat alur
sebagai berikut :
1. Intro
Tampilan awal yang akan muncul dalam media
pembelajaran adalah intro berupa login sebagai
awal pembuka dari media pembelajaran.
2. Main Menu
Setelah intro berakhir, kemudia akan
memasuki home dimana didalamnya terdapat
menu-menu utama seperti KI dan KD, Materi,
Quiz, dan Profil.
3. Ending
Tampilan akhir yang muncul dalam media
pembelajaran adalah intro sebagai penutup dari
media pembelajaran.
Adapun design awal penulis buat untuk tampilan
media pembelajaran adalah sebagai berikut :

Gambar 3.1.1 Design awal login

Gambar 3.1.2 Design awal loading

Gambar 3.1.3 Design awal intro


Gambar 3.1.4 Design Awal Menu

Gambar 3.1.5 Design Awal KI dan KD

Gambar 3.1.6 Design Awal Materi


Gambar 3.1.7 Design Awal Quiz

Gambar 3.1.8 Design Awal Profil


c. Penentuan script
Sebelum membuat media pembelajaran, terlebih
dahulu menentukan script yang akan dipakai misalnya
script menuju quiz di dalam scene “Menu”.
Untuk mengetahui script-script yag akan dipakai
terlebih dahulu harus memepelajari contoh-contoh
script yang dapat dicari di internet dan laporan tugas
akhir kakak kelas maupun sumber lain nya.
d. Pembuatan media pembelajaran
Setelah menemukan script, kkemudia membuat
media pembelajaran menggunakan aplikasi Articulate
storyline 3 terdapat pada bab II bagain perancangan.
e. Uji media pembelajaran
Setelah pembuatan media pembelajaran, yang
harus dilakukan adalah mecoba media pembelajaran
dengan cara mempublish media pembelajaran tersebut
ke web. Lalu link tersebut akan tersimpan pada
dokumen, kalian bisa membuka link tersebut pada
dokumen atau link yang telah ada.
3.2 Cara Kerja Karya Akhir
Berdasarkan dari hasil perancangan karya akhir,
maka cara kerja media pembelajaran ini adalah kalian
bisa mengakses nya pada web baik melalui laptop
ataupun hp setelah link nya telah dibagikan oleh guru
mata pelajaran. Setelah link tersebut sudah dibagikan,
maka media embelajaran ini sudah bisa dugunakan
atau diakses oleh para siswa untuk proses
pembelajaran.
BAB IV
PENUTUP
4.1 Kesimpulan Karya Akhir
Dari serangkaian pembahasan yang telah dibahas
penulis, maka dapat disimpulkan sebagai berikut :
1. Pembuatan media pmbelajaran interaktif mata
pelajaran sejarah yang membahas tentang bab
“Peristiwa Penting di Eropa”dengan
menggunakan aplikasi Articulate Storyline 3
dapat dibuat dengan beberapa langkah, yaitu intro
berupa login, loading, pembuatan main menu,
pembuatan materi, pembuatan quiz, pembuatan
profil, dan pembuatan ending.
2. Membuat media pembelajaran menggunakan
Articulate Storyline 3 ternyata tidak sulit, juga
mudah dipahami karena alatnya juga sederhana.
Sehingga dalam media pembelajaran interaktif
ini, kendala sulit memahami pelajaran sejarah
tidak lagi menjadi Kendala dalam proses belajar
mengajar karena sudah didukung dengan
penggabungan antara pembelajaran sejarah
tentang reformasi gereja dengan media
pembelajaran interraktif yang lebih menarik.
Dengan demikian, pelajar lebih mudah memahami
pelajaran sejarah karena dikemas semenarik mungkin
seperti halnya bermain sambil belajar, serta guru
tidak akan mengalami kesulitan dalam menghadapi
kendala kurang nya pemahaman siswa selama proses
belajar mengajar.
4.2 Saran
Berdasarkan kesimpulan diatas, maka ada beberapa saran
antara lain :
1. Guru MAN 1 Pasuruan terutama guru mata pelajaran
sejarah, diharapkan dalam kegiatan pembelajaran
menggunakan media pembelajaran.
2. Siswa MAN 1 pasuruan diharapkan dapat
meggunakan media pembelajaran ini sebagai media
belajar untuk tambahan referensi dari apa yang sudah
dijelaskan.
3. Penulis berharap media pembelajaran ini dapat
dikembangkan lebih lanjut sehingga memajukan
Pendidikan teknologi, informasi, dan komunikasi di
Indonesia
BIOGRAFI PENULIS

Nama : Hindun Naida Ramadhani


Kelas : XII IIS 5
Tempat Tanggal Lahir : Surabaya, 11 Oktober 2005
Alamat : Dusun Besuki RT 04 RW 20
E-mail : hindunnaida19@gmail.com
DAFTAR PUSTAKA
Rabudin. 2019. Pengertian, Fungsi, dan Tujuan Pembelajaran
Sejarah.
Pengertian, Fungsi, dan Tujuan Pembelajaran Sejarah -
DETIK PENDIDIKAN
(diakses tanggal 07 Agustus 2022)

Pratama, Ega Gumilar. 2017. Mengenal Sekilas Jenis-Jenis


Flowchart Pada Pemrograman.
Mengenal Sekilas Jenis-Jenis Flowchart Pada Pemrograman
(codepolitan.com)
(diakses tanggal 24 Agustus 2022)

Anda mungkin juga menyukai