Buku Digital

Interaktif

Tujuan Pembelajaran :

1. Siswa dapat mengetahui definisi e-book

2. Siswa dapat mengetahui fungsi dan jenis e-book
3. Siswa dapat membuat e-book dalam format pdf
4. Siswa dapat mempublikasikan e-book

SimKomDig 1
Diginusa
e-book interaktif penunjang belajar
Dengan berkembangnya teknologi sekarang ini, sumber belajar yang dahulu berbentuk fisik seperti buku
sudah berubah menjadi berbentuk digital. Tidak hanya itu, bentuk digital yang awalnya bersifat statis,
kini bersifat dinamis bahkan interaktif.

Pada pertemuan ini, kita akan belajar bagaimana membuat e-book interaktif yang menarik.

2 flip pdf untuk membuat e-book interaktif

Flip PDF merupakan aplikasi untuk membuat e-book interaktif yang menarik. Selain mudah digunakan,
Flip PDF juga memiliki beragam fitur yang menarik yang tidak dimiliki aplikasi serupa. Berikut ini tampilan
awal Flip PDF :

Sebelum membuat e-book interaktif, ada hal-hal yang perlu kalian perhatikan :

1. Kamu harus sudah punya minimal 1 file PDF untuk cover depan. Jika kamu ingin mengambil cover
dari buku digital, kamu dapat memisahkannya menggunakan Flip PDF, dengan cara :
a. Klik New Project pada tampilan awal Flip PDF kemudian akan muncul jendela Import PDF.
b. Pada jendela Import PDF, klik tombol Browse untuk memilih file PDF. Pilihlah buku berekstensi
PDF di komputermu.

c. Pada bagian Custom Range, ketik angka 1 (karena cover ada di halaman 1).

2 SimKomDig
Diginusa
 d. Klik Import Now untuk menuju halaman utama aplikasi.
2. Jangan membuat e-book interaktif dari file PDF yang memiliki banyak halaman. Selain memperlambat
kinerja komputermu, hal ini juga dapat mempersulit dalam pembuatan e-book interaktif nantinya.
3. Jika kamu ingin memiliki desain halaman e-book yang menarik, buatlah desainnya di aplikasi
Photoshop atau Corel atau Adobe Illustrator (dengan catatan kamu sudah menguasai aplikasi-aplikasi
tersebut). Jika tidak, kamu dapat mengunduh gambar menarik di internet. Setelah mengunduh, kamu
harus meng-convert gambar tersebut ke dalam bentuk PDF.
4. Untuk convert gambar ke dalam PDF, kamu dapat menggunakan aplikasi seperti Foxit Phantom PDF
atau aplikasi lainnya.s

2 mulai membuat e-book interaktif

Sekarang saatnya kita mulai membuat e-book interaktif. Setelah kamu klik tombol Import Now pada
jendela Import PDF, maka tampilan yang muncul adalah seperti gambar di bawah ini :

1
2

Berikut ini fitur-fitur yang terdapat di halaman utama aplikasi :

1. Menu Bar. Terdapat beberapa menu untuk menyimpan file atau project, meng-import, mempublikasikan
e-book, dan lain sebagainya.
2. Tools Bar. Pada dasarnya Tools Bar ini memiliki fungsi-fungsi yang sama dengan Menu Bar. Bisa
disebut juga sebagai jalan pintas.
3. Design Tabs. Tab ini berfungsi untuk mengganti desain tampilan e-book interaktif.
4. Setting Collaps. Bagian ini berfungsi untuk mengatur tampilan desain e-book.
5. Preview. Di bagian inilah kamu dapat melihat hasil e-book sebelum di publikasikan.

Hal pertama yang dilakukan dalam pembuatan buku digital adalah mengganti logo. Seperti yang terlihat
di gambar, logo yang ada merupakan logo aplikasi itu sendiri. Kita akan mengubah logo tersebut menjadi
logo kita sendiri.

SimKomDig 3
Diginusa
Untuk mengubah logo, ikuti langkah-langkah berikut :

1. Pada bagian Setting Collapse, pilih Toolbar Setting. Klik tanda (+)
untuk membuka pengaturan.
2. Pilih Toolbar Logo di bagian Toolbar Setting, klik tanda (+) untuk
membuka pengaturannya.
3. Klik pada bagian Logo Image, kemudian klik lambang untuk
memilih logo di komputermu.
4. Pilihlah logo, kemudian klik klik Open.
5. Untuk melihat perubahannya, klik tombol .

Setelah mengubah logo, kita tentukan desain tampilan e-book kita. Ikuti langkah-langkah berikut :

1. Kita munculkan terlebih dahulu tab Themes.

Pada Menu Bar, pilih View - Themes.
2. Pada tab Themes, terdapat banyak pilihan tema
yang bisa kamu pilih. Untuk menerapkan tema,
klik 2 kali pada tema yang kamu pilih.
3. Jika kamu ingin lebih banyak pilihan tema,
klik pada tab Design Setting. Klik tombol yang
bertuliskan “Neat”.
4. Pada jendela Select a Template, silahkan kamu
pilih salah satu tema, kemudian klik tombol
OK.

4 SimKomDig
Diginusa
Setelah mengatur tampilan e-book, sekarang saatnya kita membuat isi e-book beserta desainnya. Untuk
membuat konten e-book, klik kemudian akan muncul jendela Flip Page Editor.

Seperti yang kamu lihat, pada Flip Page Editor sudah terdapat cover yang sudah kita Import sebelumnya.
Tambahkan halaman e-book dengan mengklik lambang (Insert Page).
Klik 2 kali pada halaman polos putih. Jika kamu sudah punya desain halaman berbentuk PDF, kamu dapat
memasukannya ke halaman yang baru saja kamu tambahkan. Caranya :

1. Lihatlah di sebelah kanan, terdapat panel Page Properties. Klik Replace

Page.
2. Pada jendela yang muncul, klik tombol Browse untuk memilih file PDF.
3. Klik tombol OK untuk menggantikan halaman dengan desain yang sudah
kamu pilih.

Sebelum kita membuat konten, kamu harus mengetahui fungsi dari tombol-
tombol pada Tools Bar.

• Select : Untuk menyeleksi objek-objek yang ditambahkan ke halaman

e-book.
• Hand : Untuk menggeser-geser halaman e-book.
• Open Link : Untuk menambahkan tautan pada objek seperti teks, gambar,
atau tombol.
Klik pada Open Link. Arahkan kursor ke halaman e-book, kemudian tarik, tahan
mouse, dan lepaskan membentuk persegi. Jika fitur ini berdiri sendiri, maka ia
akan berbentuk seperti tombol transparan.
Lihatlah ke sebelah kanan layar, terdapat panel Link Properties. Klik tombol
Add Action untuk menentukan bagaimana tombol Open link ini bekerja dan
akan muncul jendela Action Settings.

SimKomDig 5
Diginusa
Jendela Action Settings ini juga akan kamu temukan ketika mengklik tombol Add Action pada Image,
Text, Hotspots, Button, dan Shapes. Berikut ini penjelasan bagian-bagian Action Settings.

1. Select event to trigger action. Bagian ini berfungsi untuk memilih bagaimana suatu aksi akan
berjalan menurut posisi atau aksi kursor.
a. Mouse Down. Event akan berjalan ketika kita mengklik bagian dari objek yang disisipi
action.
b. Mouse Move. Event akan berjalan ketika kita memindahkan kursor tepat pada objek yang
disisipi action.
c. Mouse Out. Event akan berjalan ketika kita mengarahkan kursor ke objek, kemudian
memindahkan kursor dari objek yang disisipi action.
d. Mouse Up. Fungsinya sama dengan Mouse Down. Event akan berjalan ketika kita mengklik
objek yang disisipi action.
e. Mouse Over. Event akan berjalan ketika kita mengarahkan kursor tepat pada objek yang
disisipi action.

2. Select Action. Bagian ini berfungsi untuk memilih aksi yang berjalan ketika aksi kursor dilakukan.
Berikut ini penjelasan aksi-aksi yang dapat kamu pilih :
a. No Action. Tidak ada aksi apapun yang berjalan.
b. Go to Page. Aksi ini memungkinkan kita berpindah ke suatu halaman tertentu pada e-book
yang kita buat. Ketikan nomor halaman yang akan kamu tuju di bagian Page Number.

6 SimKomDig
Diginusa
c. Open Link. Membuka tautan yang sudah kita tentukan. Ketika pengguna mengklik objek,
maka ia nantinya akan membuka browser kemudian diarahkan ke tautan website atau bahkan
email yang sudah kita tentukan. Ketikan alamat website atau email di bagian Link.

d. Run Javascript Function. Jika kamu menguasai bahasa pemrograman Java, kamu dapat
menyisipkan fungsi Java disini. Event akan berjalan sesuai dengan perintah fungsi Java yang
kamu masukan. Ketikan kode Javascript di bagian Javascript Function.

e. Open Pop Up Video. Jendela video akan terbuka jika aksi ini dipilih. Pada bagian ini, terdapat
3 pilihan aksi pada bagian Window Type, yaitu :
1). Open popup window to play video play. Aksi ini akan memunculkan jendela video serta
otomatis akan memainkan video. Pada bagian Window Content, klik tombol Select
File. Pada jendela Selection Form, pilih Local File, klik tombol berlambang 3 titik untuk
memilih video di komputermu kemudian klik OK. Centang Enable Drag agar video dapat
di geser-geser.

2). Open popup window to show SWF file. Aksi ini akan memunculkan jendela yang akan
memainkan animasi flash. Caranya sama dengan no.1.

SimKomDig 7
Diginusa
 3). Open popup window to show message. Aksi ini akan memunculkan jendela berisi pesan
teks. Kamu dapat menggunakan aksi ini untuk menambahkan penjelasan pada objek
seperti gambar.
f. Open Embed HTML Window. Aksi ini pada dasarnya mirip dengan aksi Open Link.
Perbedaannya, aksi ini akan muncul ketika kamu mengunggah e-book secara online. Masukan
alamat website pada bagian Window URL.
g. Play Audio File. Aksi ini akan memunculkan dan memainkan file audio dalam bentuk mp3.

Klik Select Audio File (MP3) dan pilihlah Local File untuk memilih file audio di komputermu.
Centang bagian Autoplay jika kamu ingin file audio otomatis dimainkan ketika kalian membuka
e-book. Jika kamu ingin memainkannya dengan mengklik, centang bagian It will start from
the beginning everytime you click. Pada bagian Stop Audio, pilih Restart on returning to this
page jika kamu ingin audio dimainkan kembali ketika kembali ke halaman dimana audio ini
disisipkan. Pilih When leaving this page, jika kamu ingin audio berhenti ketika meninggalkan
halaman dimana audio disisipkan.
h. Open Pop Up Image. Aksi ini akan memunculkan foto atau gambar dengan tampilan Window.
Klik pada tombol Add Image untuk memasukan gambar atau foto, kemudian pilih Local File
dan pilihlah gambar atau foto di komputermu. Kamu dapat menambahkan lebih dari satu
foto dengan kembali mengklik Add Image.

8 SimKomDig
Diginusa
i. Open Pop Up Message. Aksi ini akan memunculkan pesan penjelasan berupa jendela baru
yang muncul. Aksi ini sangat bagus diterapkan untuk teks bersisipan link maupun penjelasan
gambar. Kamu dapat menyisipkan gambar pada jendela pesan untuk menegaskan penjelasan.

Klik Select an Image, kemudian pilih Local File, dan pilihlah gambar yang akan kamu gunakan
untuk jendela pesan. Pada bagian Text Setting, ketika judul penjelasan di bagian Title,
kemudian ketikan isi pesan di bagian Text. Kamu dapat mengatur jenis huruf dan besarnya
huruf, warna huruf, juga posisi huruf di bagian Title Font dan Text Font. Pada bagian Button and
Background, kosongkan Button Name (hapus teks Learn More). Kamu juga dapat mengubah
warna jendela pesan (gradien) dengan menentukan warna di bagian Background Color 1 dan
2. Untuk melihat hasil jendela pesan yang kalian atur, klik tombol Preview.
j. Open (Youtube, Vimeo) Pop Up. Aksi ini akan memunculkan jendela yang memutar video
dari situs Youtube, Vimeo, Youku, ataupun QQ. Kalian pilih salah satu video dari situs-situs
tersebut di bagian Video Type. Masukan Id video dari situs-situs tersebut di bagian Video ID.
Jika kalian ingin memasukan judul pada jendela, ketikan judulnya di bagian Window Caption.
Perlu diingat, aksi ini mengharuskan kamu untuk online agar video dapat diputar.

SimKomDig 9
Diginusa
 k. Open Quiz. Aksi ini akan memunculkan jendela kuis atau tes. Jika kalian membuat buku
digital mengenai tutorial atau panduan, memasukan aksi ini sangat dianjurkan.

Memindahkan Menghapus
Memindahkan pertanyaan ke pertanyaan Melihat hasil
pertanyaan ke bawah
tampilan kuis
atas

Klik Add Question untuk membuat pertanyaan maka akan muncul jendela Question
Editor. Jika pertanyaan diharuskan menyisipkan gambar, klik lambang gambar disamping
kolom pertanyaan, pilih Local File, kemudian pilih gambar yang sesuai dengan pertanyaan.
Tambahkan respon untuk masing-masing jawaban benar dan salah di bagian Correct Answer
dan Wrong Answer. Masukan pilihan-pilihan jawaban pertanyaan. Jika kamu ingin menambah
pilihan jawaban, klik Add Answer. Centang nomor pilihan jawaban yang benar di kotak
centang True. Jika kalian ingin menghapus pilihan jawaban, klik Delete (yang berlambang
tong sampah).
Untuk menambah pertanyaan, klik Save and Edit Next sampai jumlah pertanyaan yang kamu
butuhkan terpenuhi.

10 SimKomDig
Diginusa
 Kamu juga dapat menambahkan “cover” kuis di bagian Advanced Setting. Masukan judul
Cover di bagian Title. Masukan gambar untuk cover di bagian Image. Isikan kesimpulan dari
tes di bagian Conclusion. Terakhir, masukan komentar pada pengguna yang mendapatkan
nilai-nilai tertentu (lihat gambar). Hasilnya tampak seperti berikut :

l. Open Slide-in Message. Aksi ini akan memunculkan teks atau gambar bergerak dari kiri, kanan,
atas, atau bawah. Aksi ini sangat cocok untuk nama-nama dari sebuah galeri foto atau gambar.
Pilih Text Message pada bagian Message Type. Ketikan pesan yang akan kamu tampilkan di
kotak pesan. Biarkan Set Target pada pilihan Page karena kita akan memunculkan pesan di
halaman tersebut. Pada bagian Movement Direction, silahkan pilihlah arah bergeraknya pesan
: Up (Atas), Down (Bawah), Left (Kiri), Right (Kanan). Pada bagian Closing Event (hilangnya
pesan), jika kamu ingin pesan hilang ketika kursor tidak lagi berada di atas objek, maka
pilihlah Mouse Out. Jika kamu ingin pesan hilang ketika menekan tombol, pilih Close Button.
Jika ingin pesan tidak hilang, pilih None.

SimKomDig 11
Diginusa
• Movie : Untuk menambahkan objek Video pada halaman.
• Youtube : Untuk menambahkan Video dari situs Youtube ke halaman e-book. Penambahan
objek dapat dilakukan pada teks atau tombol dan pengguna e-book akan diarahkan ke halaman
youtube.
• Vimeo : Fungsinya sama dengan Bar Youtube, hanya saja pengguna nantinya akan di arahkan
ke situs berbagi video, Vimeo.
• Audio : Untuk menambahkan file suara (berformat mp3).
• Image : Untuk menambahkan file gambar pada halaman e-book.
• Slider : Untuk menambahkan foto berbentuk slide ke halaman e-book.
• Text : Untuk menambahkan obek Text pada halaman e-book.
• Flash : Untuk menambahkan objek animasi Flash ke halaman e-book.
• Hotspots : Untuk menambahkan objek animasi titik (dot) yang dapat juga ditambahkan aksi (action)
even pada objek. Misalnya membuka link, membuka foto, memainkan audio, dan sebagainya.
• More : Terdapat beberapa pilihan seperti menambahkan tombol (Button), bentuk (Shape),
Cetak (Print), dan Keranjang (Chart).
• Setting : Berisi pengaturan untuk Flip Page Editor.
• Save : Untuk menyimpan perubahan pada halaman.
• Save and Exit : Untuk keluar dari Flip Page Editor sekaligus menyimpan perubahannya.

12 SimKomDig
Diginusa