34

BAB IIIPEMBUATAN MEDIA PEMBELAJARANA. Tempat dan Waktu PembuatanTempat pembuatan media pembelajaran Fisika ini adalah laboratorium komputer prodi Fisika, FKIP, UNS Surakarta. Pembuatan media pembelajaran ini dilaksanakan secara efektif pada bulan Februari 2015 sampai Mei 2015.B. Alat dan BahanDalam pembuatan media pembelajaran berupa modul elektronik Fisika membutuhkan empat alat yang sangat essensial atau penting. Alat yang dibutuhkan tersebut adalah:

1. Seperangkat komputer yang dilengkapi dengan aplikasi: Lectora Inspire X.6, Adobe Flash Professional CS6, Microsoft Word 2007.2. Buku panduan Lectora Inspire X.6 dan tutorial Lectora pada website www.lectora.com sebagai litelatur.3. Buku Literatur tentang materi Suhu dan Kalor Kelas X semester genap dengan rincian sebagai berikut :

a. Giancoli, Douglas C. (2001). Fisika Jilid 1 (Edisi ke-5). (diterjemahkan oleh: Yuhilza H). Jakarta: Erlangga.

b. Kanginan, M. (2013). Fisika untuk SMA/MA Kelas X. Jakarta: Penerbit Erlangga

c. Rufaida, A. (2013). Fisika Peminatan Matematika dan Ilmu Alam SMA/MA Kelas X. Solo: Tiga Serangkai Pustaka Mandiri

d. Supiyanto. (2006). Fisika untuk SMA/MA Kelas XI. Jakarta: Phibeta Aneka Gama.

e. Tipler, Paul. A. (1998). Fisika untuk Sains dan Teknik Edisi Ketiga. Jakarta: Erlangga

f. Koneksi internet.

C. Prosedur Pembuatan

Pembuatan modul elektronik ini meliputi tiga proses, proses tersebut yaitu: persiapan, pembuatan dan penyelesaian. Proses tersebut dapat diilustrasikan seperti pada Gambar 3.1:

Gambar 3.1. Alur Pembuatan Modul Elektronik Fisika

Alur pembuatan modul elektronik Fisika secara lebih rinci dijelaskan sebagai berikut:

1. Persiapan

Kegiatan pada tahap persiapan meliputi:

a. Menyiapkan materi Suhu dan Kalor.

b. Menyiapkan gambar, video, animasi yang diperlukan dalam pembuatan modul elektronik Fisika berbasis scientific approach.2. Pembuatan

Pembuatan media pembelajaran modul elektronik berbasis scientific approach materi Suhu dan Kalor untuk SMA Kelas X dengan menggunakan aplikasi Lectora Inspire dan Adobe Flash Cs.6. Berikut ini akan diuraikan cara pembuatan modul elektronik dengan aplikasi Lectora Inspire dan cara pembuatan animasi menggunakn aplikasi Adobe Flash Cs.6.a. Cara pembuatan modul elektronik dengan aplikasi Lectora Inspire1) Memilih Title Wizard.Title Wizard, digunakan untuk membuat kerangka Title secara otomatis dengan menentukan style tampilan, jumlah Chapter dan Page, Test serta tombol-tombol navigasi standar. Langkah-langkahnya adalah sebagai berikut:

a) Aplikasi Lectora Inspire dibuka dengan cara menu start dipilih kemudian muncul jendela seperti Gambar 3.2 dan Lectora Inspire dipilih dan diklik.

Gambar 3.2 Starting Lectora Inspireb) Kemudian akan muncul tampilan seperti Gambar 3.3 dan pilih Title Wizard.

Gambar 3.3 Tampilan memilih Tittle Wizardc) Memilih Type Multy-Purpose lalu pilih desain Natural wave. Kemudian klik Start Wizard.

Gambar 3.4 Tampilan desain Natural Wave2) Membuat New TitleNew Title digunakan untuk membuat nama media pembelajaran yang dibuat. Langkah-langkahnya sebagai berikut:

a) Pada window Name and Location, mengisi New Title Name: Suhu dan Kalor

Gambar 3.5 Name and Location

b) Memilih Colour Theme Selection, memilih warna tema Ocean.

Gambar 3.6 Colour Theme Selection

c) Lalu klik tombol Next, sehingga muncul window Page Size.

Gambar 3.7 Page Size

d) Memilih Fixed Page Size. Lalu klik tombol Next, akan muncul window Title Organization.

Gambar 3.8 Tampilan Title Organization

e) Mengaktifkan pilihan Chapter and Page. Isikan Number of Chapter : 5f) Mengabaikan Include Help.

g) Mencentang Include Test at end of Tittle.h) Mengganti Test Name yang berisi Final Assesment menjadi Evaluasi, kemudian klik tombol Next.

3) Membuat ChapterChapter pada Lectora Inspire dapat diartikan sebagai menu utama atau Bab jika dalam penulisan buku. Tampilan yang muncul berikutnya adalah form Chapter 1 of 5. Langkah-langkah membuat Chapter sebagai berikut:a) Pada tampilan Chapter 1 of 5, isi Name of Chapter dengan Pendahuluan. Kemudian klik tombol Next.

Gambar 3.9 Tampilan Chapter 1 of 5

b) Pada tampilan Chapter 2 of 5, isi Name of Chapter dengan Materi Ajar. Gambar 3.10 Tampilan Chapter 2 of 5c) Pada Chapter 3 of 5, isi Name of Chapter dengan Glosarium, lalu klik Next.

Gambar 3.11 Tampilan Chapter 3 of 5d) Pada Chapter 4 of 5, isi Name of Chapter dengan Pustaka. Kemudian Next.

Gambar 3.12 Tampilan Chapter 4 of 5e) Pada Chapter 5 of 5, isi Name of Chapter dengan Penulis. Kemudian Finish.

Gambar 3.13 Tampilan Chapter 5 of 5f) Muncul tampilan sebagai berikut.

Gambar 3.14 Tampilan Working Area Lectora

4) Mengubah tampilan awala) Mengubah logo dengan gambar logo kurikulum 2013.Add Image > Import > from File > pilih gambar > Apply > Ok

a. Tampilan Add Image

b. Tampilan Image Properties

c. Tampilan memilih gambar

Gambar 3.15 Tampilan mengubah Logo

b) Mengedit font tulisan Suhu dan Kalor dan memindahkan letak tulisan.Klik tulisan Suhu dan Kalor, kemudian ganti font dan ukuran pada tool di bagian atas lembar kerja. Kemudian, bawa tulisan ke bagian tengah lembar kerja.

Gambar 3. 16 Tampilan ubah font tulisanc) Menambah gambar beberapa peralatan yang berhubungan dengan materi Suhu dan Kalor seperti langkah 1.d) Mengatur letak dan mengubah tampilan sesuai desain yang diinginkan sehingga dihasilkan halaman awal seperti Gambar 3.17.

Gambar 3.17 Tampilan halaman awal Modul Elektronik Suhu dan Kalor5) Membuat Button WizardButton Wizard digunakan untuk membuat tombol. Langkah-langkah membuat button wizard adalah sebagai berikut:a) Arahkan pointer mouse ke Section Pendahuluan.

Gambar 3.18 Section Pendahuluanb) Klik toolbar Button Wizard maka muncul window Button Type. Pilih Custom colour Button dengan Text, lalu klik Next.

Gambar 3.19 Button Typec) Pilih Rounded Rectangel, kemudian klik tombol Next.

Gambar 3.20 Custom Button Typed) Pilih Multiple Button. Ketikkan 4 pada form Number of Button. Kemudian klik Next.

Gambar 3.21 Custom Button Typee) Pada form Text Button 1 of 4, isikan: Kata Pengantar

Gambar 3.22 Button 1 of 4f) Pada form Text Button 2 of 4, isikan: KI & KD

Gambar 3.23 Button 2 of 4g) Pada form Text Button 3 of 4, isikan: Peta Konsep

Gambar 3.24 Button 3 of 4h) Pada form Text Button 4 of 4, isikan: Peta kompetensi

Gambar 3.25 Button 4 of 4i) Mengatur tampilan Button Wizard seperti Gambar 3.26.

Gambar 3.26 Tampilan Pendahuluan

j) Mengarahkan pointer mouse pada Button Wizard Kata Pengantar.Klik kanan > properties > on clickPada bagian Action ubah menjadi Go to

Pada bagian Target ubah menjadi Chapter, Section, or Page

Pada bagian Name ubah menjadi Pengantar 1 (halaman yang akan muncul ketika button Kata Pengantar di klik) > klik OK

Gambar 3.27 Button propertiesk) Melakukan langkah 10 untuk button KI & KD, Peta Konsep dan Peta Kompetensi.6) Membuat Evaluasia) Arahkan pointer mouse pada section Evaluasi.

b) Klik toolbar Test Section

Gambar 3.28 Toolbar Test Sectionc) Klik kanan page 1 chapter Test Section.Klik toolbar , sehingga muncul Question Properties.d) Pada Type pilih multiple choice dengan cara klik arah panah kecil.Ubah Question weight : 5 point, kemudian klik tombol Next.

Gambar 3.29 Question Propertiese) Menulis pertanyaan pada kotak Question.

Gambar 3.30 Questionf) Kemudian klik tombol Next dan akan muncul kotak Choice.

Pada Number of Choice, isikan pilihan jawaban sebanyak 5, yaitu a, b, c, d dan e, sedangkan untuk bagian lain diabaikan saja. Klik tombol Next, akan muncul kotak Choice 1 of 5.

g) Pada choice 1 of 5 isikan menaikan suhu

Pada choice 2 of 5 isikan menurunkan suhu

Pada choice 3 of 5 isikan mengukur kelembapan

Pada choice 2 of 5 isikan mejaga suhu tetap

Pada choice 2 of 5 isikan mengukur suhu

h) Centang correct choice pada jawaban yang benar, kemudian klik tombol Finish.

Gambar 3.31 Pilihan jawaban

i) Atur letak pertanyaan dan jawaban di tengah lembar kerja.

Gambar 3.32 Tampilan soal evaluasi

7) Membuat skor hasil evaluasiLangkah-langkah yang dilakukan adalah sebagai berikut:

a) Arahkan pointer mouse pada section Evaluasi.

b) Klik icon pada toolbar, akan muncul kotak dialog Test Properties.c) Klik pada bagian Result.Centang pada bagian :

Show test results to student after end of the test.

Grade the result

Show only the score of the test, not the questions and answers

Custimed test result

Pada tulisan Lowing Passing Score ganti angka dengan 75.

Gambar 3.33 Test Properties bagian Resultd) Klik bagian When Completed/Passed.Dengan ketentuan sebagai berikut:

Action:Go to Target:Chapter, Section or Page Name:Assesment Passed

Gambar 3.34 Test Properties bagian When Completed/Passede) Klik bagian When Canceled/Failed.

Dengan ketentuan sebagai berikut:

Action:Go to Target:Chapter, Section or Page Name:Assesment Failed

Gambar 3.35 Test Properties bagian When Canceled/Failedf) Klik Apply > OK.

Gambar 3.36 Score hasil evaluasi

b. Cara Pembuatan Animasi dengan aplikasi Adobe Flash CS61) Memilih Template BaruLangkah untuk membuka program Flash Pro CS6 adalah: kliktombol start> all program> Adobe > Adobe Flash Profesional CS6 hingga tampil gambar berikut:

Gambar 3.37 Tampilan awal progam Adobe Flash Pro SC6

a) Pilih Create New Template lalu klik ActionScript 2.0. Maka akan muncul ampilan sebagai berikut;

Gambar 3.38 Tampilan area kerja Adobe Flash Pro SC62) Mengambar Objek pada StageUntuk menggambar objek pada stage bisa menggunakan fasilitas yag ada pada panel tool. Panel tool berisi tombol-tombol untuk membuat, mengatur, dan mendesain objek.

Gambar 3.39 Panel Tools atau Tools Box

3) Mengetikan teks

Teks merupakan salah satu komponen penting dalam penyampaian suatu informasi dan anda dapat menganimasikan tekas tersebut. Langkah untuk menganimasikan teks tersebut adalah;a) Aktifkan teks tools .

b) Klik pada stage kemudian ketik teks seprti pada gambar berikut:

c) Klik selection tools kemudian sesuaikan beberapa pengaturan pada panel properties.

Gambar 3.40 Panel Properties

(1) Family untuk menentukan jenis font(2) Style, untuk model penulisan(3) Embed, untuk menciptaka jenis font baru sesuai dengan pengaturan atau dengan kata lain style(4) Size, untuk mengatur ukuran huruf(5) Letter Spacing, untuk mengatur jarak antar karakter(6) Color, untuk mengubah warna teks(7) Anti-Alias, untuk memilih font pengganti jika pada komputer tidak terdapat font.

4) Meng-import FileSelain mengambar sendiri objek yang dibutuhkan dalam animasi, kita dapat memasukan gambar ke lembar kerja dengan cara meng-import. Berikut langkah untuk mengimport file gambar ke dalam lembar kerja:a) Klik File > Import > Import to Stage atau tekan CTRL+R hinga tampil kotak dialog Import.

Gambar 3.41 Kotak dialog import

b) Pada kotak dialog import tentukan lokasi folder tempat meyimpan file gambar.

c) Pilih file gambar yang akan di impor. Beberapa gambar bisa di import sekaligus dengan cara CTRL+klik gambar.

d) Klik Open untuk memulai proses impor.e) Selain terdapat pada lembar kerja, gambar yang telah diimpor secara otomatis telah tersimpa pada panel library.

5) Membuat Animasi Gerak

Animasi gerak merpaka animasi objek yang bergerak dari suatu lokasi ke lokasi yang lain. Ikutilah langkah berikut untuk membuat animasi gerak.a) Membuat sebuah objek pada stage, misal batang besi.b) Klik kanan pada keyframe pertama, kemudian pilih Create Motion Tween.

c) Tekan Ok pada kotak dialog yang tampil.

Gambar 3.42 Mengubah Gambar Menjadi Symbol

d) Kemudian klik kanan pada frame 250 (nomer frame sesuai kebutuhan), kemudian pilih insert keyframe > scale.

e) Dengan tombol free transform tool ubah ukuran objek dengan cara menggeser titik sudut transformasi sambil menekan tombol shift.

f) Tekan Enter untuk melihat hasil animasi tersebut.

6) Menggunakan Action ScriptUntuk membuat animasi yang baik, kita perlu untuk menambahkan perintah Action Script.a) Action Script Play

Perintah play digunakan untuk menjalankan animasi movie. Perintah ini digunakan pada sebuah tombol play. Berikut langkah memberikan action script play.

Gambar 3.43 Eksternal Library

(1) Membuat tombol play dengan cara pilih menu window > common libraries > bottom. Maka akan muncul tampilan eksternal library.

(2) Pilih bentuk dan jenis tombol dari daftar yang sudah tersedia. Misal pilih playback flat > flat blue play.

(3) Akan nampak perview dari tombol. Untuk memindahkan ke lembar kerja caranya dengan tekan dan geser gambar preview ke lembar kerja.

(4) Untuk memberikan action script, aktifkan tombol dengan selection tools, kemudian tekan F9 untuk memunculkan kotak dialog action.(5) tuliskan rumus berikut:

Gambar 3.44 Penulisan Rumus Play Pada Action(6) klik close, tekan enter untuk melihat hasilnya.

b) Action Script Stop

Untuk membuat action script langkah-langkahnya hampir sama dengan membuat action script play. Perbedaanya hanya pada bentuk tombol dan penulisan rumus. Bentuk penulisan rumusnya adalah sebagai berikut:

Gambar 3.45 Penulisan Rumus Stop Pada Action

7) Mempublish File Flash CS6Setelah pembuatan desain dengan Flash Pro telah selsai, kita dapat mem-publish dsain tersebut dalam berbagai format yaitu swf, html, gif, jpg, png, exe, dan app. Kita juga dapat mengeksport file animasi ke dalam format avi, wav, ai dan lain-lain. Berikut ini langkah-langkah mem-publish animasi ke dalam format swf:a) Klik File > Publish setting, sehingga akan tampil kotak dialog Pblish Setting.

Gambar 3.46 Publish Settingb) Di dalam kolom type pastikan hanya kotak cek flash yang diaktifkan.

c) Pada sisi kanan, sesuaikan beberapa pengaturan.

d) Pilih ADVANCE jika ingin memberikan pengaturan tambahan seperti password, dll.

e) Tekan tombol Publish untuk menjalanka pilihan di atas dan klik OK untuk menutup kotak dialog Publish Setting.f) Apabila ingin memasukan animasi swf ke dalam Lectora, maka langkahnya sama dengan ketika mengyisipkan gambar, bedanya pada tool bar yang dipilih yaitu tool bar insert animation . Kemudian ikuti langkah selanjutnya.

3. Penyelesaian

Pada tahap ini, modul elektronik sudah selesai dibuat. Selanjutnya masuk dalam proses publishing. Sebelum tahap publish dilakukan, terlebih daluhu melakukan check error pada modul, jika semua format sudah benar dan sesuai, maka publish dapat dilakukan. Modul elektronik Fisika di publish ke dalam format .exe, sehingga modul elektronik fisika dapat dibuka di semua laptop dan komputer tanpa harus memiliki software Lectora Inspire.Persiapan

Pembuatan

Penyelesaian

33