SlideShare una empresa de Scribd logo
1 de 12
Descargar para leer sin conexión
PEMBUATAN BUKU DIGITAL
TUTORIAL PEMBUATAN BUKU DIGITAL INTERAKTIF MENGGUNAKAN SIGIL

SOUTHEAST ASIAN MINISTERS OF EDUCATION ORGANIZATION
REGIONAL OPEN LEARNING CENRE (SEAMOLEC)
2013
DAFTAR ISI

A. Pengenalan Digital Book ..................................................................................................... 3
A.1.
A.2.
B.

Epub............................................................................................................................. 3
Kelebihan Epub............................................................................................................ 4

Pengembangan Epub .......................................................................................................... 5
B.1.

Konversi Word ke HTML .............................................................................................. 5

B.2.

Pengolahan ebook di Sigil ........................................................................................... 6

B.2.1.

Memasukkan halaman html .................................................................................... 7

B.2.2.

Edit Metadata .......................................................................................................... 7

B.2.3.

Cover Image ............................................................................................................. 8

B.2.4.

Daftar isi................................................................................................................... 9

B.3.
C.

Memasukkan file multimedia ke dalam epub ........................................................... 10

Membaca Epub ................................................................................................................. 11

2|Pengembangan Digital Book
A.

PENGENALAN DIGITAL BOOK

Buku digital, atau disebut juga e-book merupakan sebuah publikasi yang terdiri dari teks,
gambar, maupun suara dan dipublikasikan dalam bentuk digital yang dapat dibaca di
komputer maupun perangkat elektronik lainnya. Sebuah buku digital biasanya merupakan
versi elektronik dari buku cetak, namun tidak jarang pula sebuah buku hanya diterbitkan
dalam bentuk digital tanpa versi cetak.

Buku digital
Format buku digital beragam, mulai dari format yang didukung oleh perusahaan besar (PDF
oleh adobe, swf oleh flash, doc oleh Word) dan berbagai format lainnya yang didukung oleh
perangkat maupun pembaca buku digital tertentu. Pada tahun 1990 dikembangkan pula
format open e-book yang memungkinkan publisher dan pengembang software untuk
menggunakan satu format yang dapat dibaca di perangkat manapun dan menggunakan
berbagai software pembaca buku digital.

A.1.

EPUB

Epub (electronic publication) merupakan salah satu format digital book yang
merupakan format standardisasi bentuk, diperkenalkan oleh International
Digital Publishing Forum (IDPF) pada Oktober 2011. Epub menggantikan
peran Open eBook sebagai format buku terbuka. Epub terdiri atas file
multimedia, html5, css, xhtml, xml yang dijadikan satu file dengan ekstensi
.epub
Format epub merupakan salah satu format buku digital yang paling populer saat ini, sebagai
format yang tidak mengacu kepada salah satu pengembang tertentu, membuat format ini
dapat dibaca di berbagai perangkat, seperti: komputer (AZARDI, Calibre, plugin firefox,

3|Pengembangan Digital Book
plugin google chrome), Android (FBReader, Ideal Reader), iOS (ireader), Kobo eReader,
Blackberry playbook, Barnes and Noble Nook, Sony Reader, dan berbagai perangkat lainnya.

A.2.

KELEBIHAN EPUB

Berbagai kelebihan epub yang ditawarkan telah menjadikan epub sebagai salah satu format
buku digital yang paling banyak digunakan, fitur-fiturnya antara lain:
-

Format terbuka dan gratis
Berbagai pembaca epub yang telah tersedia di berbagai perangkat
Berbagai software pembuat epub telah tersedia
Support untuk video dan audio
Reflowable (word wrap), dan pengaturan ukuran text
Support untuk DRM
Styling CSS

4|Pengembangan Digital Book
B.

PENGEMBANGAN EPUB

Proses pengembangan epub dapat dilakukan dengan lebih mudah jika materi bahan ajar
telah dibuat dalam format word terlebih dahulu, sehingga diharapkan peserta telah
menyiapkan materi bahan ajar untuk dibawa ke pelatihan.
Terdapat 3 tahap pengembangan epub yang akan kita bahas dalam bab ini:
B.1.

KONVERSI WORD KE HTML

Sebelum dirubah menjadi HTML, ada beberapa hal yang harus dilakukan:
-

-

Rubah semua pengaturan layout gambar menjadi inline with text, Klik kanan gambar
-> Wrap text -> In Line with Text.

Gambar yang tidak inline with text akan ditampilkan tidak pada tempatnya atau
bahkan menghilang
Rubah semua smart object termasuk equation menjadi gambar, tekan tombol print
screen -> paste di paint. Semua smart object akan dihapus.
Akan lebih bagus jika dokumen sudah diformat menggunakan styling, hal ini berguna
untuk pembuatan daftar isi nantinya

Setelah semua itu dilakukan, simpan dokumen menjadi html dengan cara File -> Save as->
Web Page, filtered.

Pastikan yang dipilih adalah tipe web page, filtered. Web page akan menghasilkan output
.html yang memiliki sintaks yang tidak biasa digunakan pada halaman web.
5|Pengembangan Digital Book
B.2.

PENGOLAHAN EBOOK DI SIGIL

Sigil merupakan sebuah software editor untuk epub yang bersifat open source. Untuk
mengunduh sigil anda dapat mengakses websitenya di https://code.google.com/p/sigil/.
Beberapa fitur dari sigil adalah:
-

Gratis dan Open Source dengan lisensi GPLv3
Multiplatform: dapat dijalankan di Windows, Linux dan Mac
Multiple view: Book view, Code View dan Preview
Dapat langsung mengedit tampilan epub di book view
Generator daftar isi dengan support untuk heading multi-level
Editor metadata

Semenjak versi 0.7.0 Sigil juga sudah mendukung import file video dan audio. Dalam tutorial
kali ini kita akan menggunakan sigil versi 0.7.1.

Tampilan awal sigil
Panel sebelah kiri merupakan file browser untuk file-file yang terdapat di dalam epub, panel
tengah merupakan editor, dan panel sebelah kanan untuk daftar isi dari dokumen epub
yang sedang dikerjakan.

6|Pengembangan Digital Book
B.2.1. MEMASUKKAN HALAMAN H TML

Langkah awal yang harus dilakukan adalah membuka file html yang telah dibuat ke dalam
sigil, dari sigil -> File -> Open, kemudian pilih file HTML yang telah dibuat.

Setelah itu pastikan tidak ada kesalahan di dalam dokumen tersebut, hapus spasi yang
berlebih serta pastikan gambar sudah pada tempatnya.
B.2.2. EDIT METADATA

Metadata merupakan sebuah informasi yang mendeskripsikan sebuah file. Pada epub,
metadata berfungsi seperti identitas pada sebuah buku: judul, nama pengarang, tahun
penerbitan, bahasa, ISBN, penerbit, kategori, deskripsi, dll.
Untuk masuk ke jendela metadata, dari sigil -> Tools -> Metadata editor , atau tekan tombol
F8. Setelah itu silahkan masukkan judul (Title), pengarang (author), serta untuk
menambahkan properti lainnya seperti penerbit, tahun terbit, dll silahkan tekan tombol add
basic, dan kemudian rubah valuenya.

Tampilan Metadata Editor
7|Pengembangan Digital Book
B.2.3. COVER IMAGE

Cover image merupakan halaman sampul dari buku digital kita, halaman sampul biasanya
ditampilan di tampilan utama software pembaca buku digital bersama informasi lainnya,
seperti judul dan pengarang.

Contoh library pembaca buku digital
Untuk membuat cover image, anda perlu menyiapkan sebuah file gambar yang akan
digunakan sebagai halaman sampul. Jika gambar yang ingin digunakan sebagai sampul
sudah terdapat di dalam dokumen HTML, anda dapat menunjuknya sebagai halaman
sampul dengan cara: Images -> pilih gambar -> klik kanan -> Add semantics -> Cover Image

Atau jika gambar belum tersedia, Anda dapat menambahkan file gambar tersebut dengan
cara: Klik kanan images -> add existing files -> pilih gambar. Gambar yang dipilih akan
ditambahkan ke dalam folder images, dan sudah dapat digunakan sebagai cover image
dengan cara di atas.

8|Pengembangan Digital Book
B.2.4. DAFTAR ISI

Daftar isi merupakan cara utama pengguna melakukan navigasi di dalam dokumen epub.
Pengguna dapat langsung membuka bagian dokumen yang ingin dibaca dengan
menggunakan daftar isi tanpa harus membuka tiap-tiap halaman, sistem yang mirip dengan
hyperlink di halaman web.
Sigil memiliki fitur untuk membuat daftar isi secara otomatis, yang perlu dipersiapkan
hanyalah menentukan header setiap bab yang ingin dimasukkan di dalam daftar isi.
Jika dokumen word yang digunakan telah menggunakan styling, maka dokumen telah
terformat secara otomatis, tetapi jika belum, maka pengguna harus menentukan header di
sigil. Yang harus dilakukan adalah: Tempatkan cursor di kalimat topik/subtopik -> pilih
header

Dapat terlihat di gambar kiri, cursor (lingkaran merah) terletak di kalimat Konversi word ke
HTML, dan ditetapkan sebagai h2 (header 2, persegi merah), sedangkan isi paragraf di
gambar kanan (lingkaran merah) diberikan styling p(paragraf, persegi merah).
h1 menandakan topik utama, h2 subtopik, h3 sub-subtopik, dst. Sedangkan p menandakan
isi paragraf yang tidak dimasukkan ke dalam daftar isi.
Untuk membuat daftar isi di readium cukup dengan masuk ke tools -> table of content ->
generate table of content -> OK.

9|Pengembangan Digital Book
B.3.

MEMASUKKAN FILE MULTIMEDIA KE DALAM EPUB

Sejak versi 7.0, Sigil telah mendukung import file video dan suara ke dalam dokumen epub.
Untuk saat ini format yang telah didukung oleh epub adalah:
-

Video (mp4, webm)
Audio (mp3, wav, ogg)

Jika ingin memasukkan video dalam format lainnya ke dalam buku, Anda dapat
menggunakan software konversi video, salah satunya adalah dengan menggunakan
software gratis, format factory(www.pcfreetime.com).
Untuk memasukkan file video/audio cukup dengan menempatkan cursor di tempat yang
anda inginkan, klik kanan -> insert file -> other file -> pilih audio/video yang diinginkan.
Maka akan muncul tampilan pemutaran video/audio di jendela editor seperti di bawah.

Setelah itu tambahkan sedikit baris kode di dalamnya, taruh kursor di samping video
(lingkaran merah), kemudian buka code view.

Merubah antara codeview dan bookview
10 | P e n g e m b a n g a n D i g i t a l B o o k
Kemudian cari baris dengan sintaks
<video controls="controls" src=”xx"></video>
Dan tambahkan sintaks berikut sesuai tipe file yang digunakan:
MP4: type=”video/mp4”
MP3: type=”audio/mp3”
Wav: type=”audio/x-wav”
Sehingga kode akhirnya menjadi:
<video type=”video/mp4” controls="controls" src=”xx"></video>
Beberapa epub viewer membutuhkan properti di atas untuk dapat memutar video.
Setelah itu pilih file -> save as untuk menyimpan dokumen anda sebagai epub.

C.

MEMBACA EPUB

Terdapat berbagai macam software untuk membaca epub, namun hanya sebagian yang
dapat memutar file multimedia, antara lain:
-

aplikasi desktop -> GHP Reader
Android -> Ideal Reader -> install dari google play
iOS -> iBooks
Google Chrome -> Readium -> install dari chrome store -> beberapa video tidak
dapat diputar

Tampilan readium, ideal reader (android) dan iBooks (iPhone)

11 | P e n g e m b a n g a n D i g i t a l B o o k
Selain itu, beberapa software epubreader yang dapat digunakan, tetapi tidak dapat
menampilkan file multimedia adalah:
-

Aplikasi desktop -> calibre, sigil, azreader, dll
Android -> fbReader, iBooks, dl
Firefox -> epubreader

Tampilan epubreader

Semoga tutorial ini dapat membantu teman-teman yang ingin mengembangkan buku digital
dengan lebih mudah. Salam hangat 
Haritz C.N, 2013

12 | P e n g e m b a n g a n D i g i t a l B o o k

Más contenido relacionado

Último

Aksi Nyata PERENCANAAN BERBASIS DATA.pptx
Aksi Nyata PERENCANAAN BERBASIS DATA.pptxAksi Nyata PERENCANAAN BERBASIS DATA.pptx
Aksi Nyata PERENCANAAN BERBASIS DATA.pptxdonny761155
 
Silabus Mata Pelajaran Biologi SMA Kelas X.doc
Silabus Mata Pelajaran Biologi SMA Kelas X.docSilabus Mata Pelajaran Biologi SMA Kelas X.doc
Silabus Mata Pelajaran Biologi SMA Kelas X.docNurulAiniFirdasari1
 
Modul Ajar IPA Kelas 7 Fase D Kurikulum Merdeka
Modul Ajar IPA Kelas 7 Fase D Kurikulum MerdekaModul Ajar IPA Kelas 7 Fase D Kurikulum Merdeka
Modul Ajar IPA Kelas 7 Fase D Kurikulum MerdekaAbdiera
 
5. HAK DAN KEWAJIBAN JEMAAH indonesia.pdf
5. HAK DAN KEWAJIBAN JEMAAH indonesia.pdf5. HAK DAN KEWAJIBAN JEMAAH indonesia.pdf
5. HAK DAN KEWAJIBAN JEMAAH indonesia.pdfWahyudinST
 
PLaN & INTERVENSI untuk sekolah yang memerlukan
PLaN & INTERVENSI untuk sekolah yang memerlukanPLaN & INTERVENSI untuk sekolah yang memerlukan
PLaN & INTERVENSI untuk sekolah yang memerlukanssuserc81826
 
RPP PERBAIKAN UNTUK SIMULASI (Recovered).docx
RPP PERBAIKAN UNTUK SIMULASI (Recovered).docxRPP PERBAIKAN UNTUK SIMULASI (Recovered).docx
RPP PERBAIKAN UNTUK SIMULASI (Recovered).docxSyifaDzikron
 
Sejarah Perkembangan Teori Manajemen.ppt
Sejarah Perkembangan Teori Manajemen.pptSejarah Perkembangan Teori Manajemen.ppt
Sejarah Perkembangan Teori Manajemen.pptssuser940815
 
Workshop penulisan buku (Buku referensi, monograf, BUKU...
Workshop penulisan buku                       (Buku referensi, monograf, BUKU...Workshop penulisan buku                       (Buku referensi, monograf, BUKU...
Workshop penulisan buku (Buku referensi, monograf, BUKU...Riyan Hidayatullah
 
ppt MTeaching Pertidaksamaan Linier.pptx
ppt MTeaching Pertidaksamaan Linier.pptxppt MTeaching Pertidaksamaan Linier.pptx
ppt MTeaching Pertidaksamaan Linier.pptxUlyaSaadah
 
PPT uji anova keterangan dan contoh soal.ppt
PPT uji anova keterangan dan contoh soal.pptPPT uji anova keterangan dan contoh soal.ppt
PPT uji anova keterangan dan contoh soal.pptBennyKurniawan42
 
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pptx
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pptxAKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pptx
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pptxHeriyantoHeriyanto44
 
Jaringan VOIP Ringkasan PTT Pertemuan Ke-1.pdf
Jaringan VOIP Ringkasan PTT Pertemuan Ke-1.pdfJaringan VOIP Ringkasan PTT Pertemuan Ke-1.pdf
Jaringan VOIP Ringkasan PTT Pertemuan Ke-1.pdfHendroGunawan8
 
Elemen Jurnalistik Ilmu Komunikasii.pptx
Elemen Jurnalistik Ilmu Komunikasii.pptxElemen Jurnalistik Ilmu Komunikasii.pptx
Elemen Jurnalistik Ilmu Komunikasii.pptxGyaCahyaPratiwi
 
(NEW) Template Presentasi UGM yang terbaru
(NEW) Template Presentasi UGM yang terbaru(NEW) Template Presentasi UGM yang terbaru
(NEW) Template Presentasi UGM yang terbaruSilvanaAyu
 
materi pembelajaran tentang INTERNET.ppt
materi pembelajaran tentang INTERNET.pptmateri pembelajaran tentang INTERNET.ppt
materi pembelajaran tentang INTERNET.pptTaufikFadhilah
 
Asi Eksklusif Dong - buku untuk para ayah - Robin Lim
Asi Eksklusif Dong - buku untuk para ayah - Robin LimAsi Eksklusif Dong - buku untuk para ayah - Robin Lim
Asi Eksklusif Dong - buku untuk para ayah - Robin LimNodd Nittong
 
Modul Ajar Informatika Kelas 11 Fase F Kurikulum Merdeka
Modul Ajar Informatika Kelas 11 Fase F Kurikulum MerdekaModul Ajar Informatika Kelas 11 Fase F Kurikulum Merdeka
Modul Ajar Informatika Kelas 11 Fase F Kurikulum MerdekaAbdiera
 
PPT PERLINDUNGAN KONSUMEN .Pengertian Transaksi Online
PPT PERLINDUNGAN KONSUMEN .Pengertian Transaksi OnlinePPT PERLINDUNGAN KONSUMEN .Pengertian Transaksi Online
PPT PERLINDUNGAN KONSUMEN .Pengertian Transaksi OnlineMMario4
 
Modul persamaan perakaunan prinsip akaun
Modul persamaan perakaunan prinsip akaunModul persamaan perakaunan prinsip akaun
Modul persamaan perakaunan prinsip akaunnhsani2006
 
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptx
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptxKeberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptx
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptxLeniMawarti1
 

Último (20)

Aksi Nyata PERENCANAAN BERBASIS DATA.pptx
Aksi Nyata PERENCANAAN BERBASIS DATA.pptxAksi Nyata PERENCANAAN BERBASIS DATA.pptx
Aksi Nyata PERENCANAAN BERBASIS DATA.pptx
 
Silabus Mata Pelajaran Biologi SMA Kelas X.doc
Silabus Mata Pelajaran Biologi SMA Kelas X.docSilabus Mata Pelajaran Biologi SMA Kelas X.doc
Silabus Mata Pelajaran Biologi SMA Kelas X.doc
 
Modul Ajar IPA Kelas 7 Fase D Kurikulum Merdeka
Modul Ajar IPA Kelas 7 Fase D Kurikulum MerdekaModul Ajar IPA Kelas 7 Fase D Kurikulum Merdeka
Modul Ajar IPA Kelas 7 Fase D Kurikulum Merdeka
 
5. HAK DAN KEWAJIBAN JEMAAH indonesia.pdf
5. HAK DAN KEWAJIBAN JEMAAH indonesia.pdf5. HAK DAN KEWAJIBAN JEMAAH indonesia.pdf
5. HAK DAN KEWAJIBAN JEMAAH indonesia.pdf
 
PLaN & INTERVENSI untuk sekolah yang memerlukan
PLaN & INTERVENSI untuk sekolah yang memerlukanPLaN & INTERVENSI untuk sekolah yang memerlukan
PLaN & INTERVENSI untuk sekolah yang memerlukan
 
RPP PERBAIKAN UNTUK SIMULASI (Recovered).docx
RPP PERBAIKAN UNTUK SIMULASI (Recovered).docxRPP PERBAIKAN UNTUK SIMULASI (Recovered).docx
RPP PERBAIKAN UNTUK SIMULASI (Recovered).docx
 
Sejarah Perkembangan Teori Manajemen.ppt
Sejarah Perkembangan Teori Manajemen.pptSejarah Perkembangan Teori Manajemen.ppt
Sejarah Perkembangan Teori Manajemen.ppt
 
Workshop penulisan buku (Buku referensi, monograf, BUKU...
Workshop penulisan buku                       (Buku referensi, monograf, BUKU...Workshop penulisan buku                       (Buku referensi, monograf, BUKU...
Workshop penulisan buku (Buku referensi, monograf, BUKU...
 
ppt MTeaching Pertidaksamaan Linier.pptx
ppt MTeaching Pertidaksamaan Linier.pptxppt MTeaching Pertidaksamaan Linier.pptx
ppt MTeaching Pertidaksamaan Linier.pptx
 
PPT uji anova keterangan dan contoh soal.ppt
PPT uji anova keterangan dan contoh soal.pptPPT uji anova keterangan dan contoh soal.ppt
PPT uji anova keterangan dan contoh soal.ppt
 
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pptx
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pptxAKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pptx
AKSI NYATA MODUL 1.3 VISI GURU PENGGERAK.pptx
 
Jaringan VOIP Ringkasan PTT Pertemuan Ke-1.pdf
Jaringan VOIP Ringkasan PTT Pertemuan Ke-1.pdfJaringan VOIP Ringkasan PTT Pertemuan Ke-1.pdf
Jaringan VOIP Ringkasan PTT Pertemuan Ke-1.pdf
 
Elemen Jurnalistik Ilmu Komunikasii.pptx
Elemen Jurnalistik Ilmu Komunikasii.pptxElemen Jurnalistik Ilmu Komunikasii.pptx
Elemen Jurnalistik Ilmu Komunikasii.pptx
 
(NEW) Template Presentasi UGM yang terbaru
(NEW) Template Presentasi UGM yang terbaru(NEW) Template Presentasi UGM yang terbaru
(NEW) Template Presentasi UGM yang terbaru
 
materi pembelajaran tentang INTERNET.ppt
materi pembelajaran tentang INTERNET.pptmateri pembelajaran tentang INTERNET.ppt
materi pembelajaran tentang INTERNET.ppt
 
Asi Eksklusif Dong - buku untuk para ayah - Robin Lim
Asi Eksklusif Dong - buku untuk para ayah - Robin LimAsi Eksklusif Dong - buku untuk para ayah - Robin Lim
Asi Eksklusif Dong - buku untuk para ayah - Robin Lim
 
Modul Ajar Informatika Kelas 11 Fase F Kurikulum Merdeka
Modul Ajar Informatika Kelas 11 Fase F Kurikulum MerdekaModul Ajar Informatika Kelas 11 Fase F Kurikulum Merdeka
Modul Ajar Informatika Kelas 11 Fase F Kurikulum Merdeka
 
PPT PERLINDUNGAN KONSUMEN .Pengertian Transaksi Online
PPT PERLINDUNGAN KONSUMEN .Pengertian Transaksi OnlinePPT PERLINDUNGAN KONSUMEN .Pengertian Transaksi Online
PPT PERLINDUNGAN KONSUMEN .Pengertian Transaksi Online
 
Modul persamaan perakaunan prinsip akaun
Modul persamaan perakaunan prinsip akaunModul persamaan perakaunan prinsip akaun
Modul persamaan perakaunan prinsip akaun
 
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptx
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptxKeberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptx
Keberagaman-Peserta-Didik-dalam-Psikologi-Pendidikan.pptx
 

Destacado

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by HubspotMarius Sescu
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTExpeed Software
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsPixeldarts
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthThinkNow
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfmarketingartwork
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 

Destacado (20)

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 

Cara Membuat Buku Digital

  • 1. PEMBUATAN BUKU DIGITAL TUTORIAL PEMBUATAN BUKU DIGITAL INTERAKTIF MENGGUNAKAN SIGIL SOUTHEAST ASIAN MINISTERS OF EDUCATION ORGANIZATION REGIONAL OPEN LEARNING CENRE (SEAMOLEC) 2013
  • 2. DAFTAR ISI A. Pengenalan Digital Book ..................................................................................................... 3 A.1. A.2. B. Epub............................................................................................................................. 3 Kelebihan Epub............................................................................................................ 4 Pengembangan Epub .......................................................................................................... 5 B.1. Konversi Word ke HTML .............................................................................................. 5 B.2. Pengolahan ebook di Sigil ........................................................................................... 6 B.2.1. Memasukkan halaman html .................................................................................... 7 B.2.2. Edit Metadata .......................................................................................................... 7 B.2.3. Cover Image ............................................................................................................. 8 B.2.4. Daftar isi................................................................................................................... 9 B.3. C. Memasukkan file multimedia ke dalam epub ........................................................... 10 Membaca Epub ................................................................................................................. 11 2|Pengembangan Digital Book
  • 3. A. PENGENALAN DIGITAL BOOK Buku digital, atau disebut juga e-book merupakan sebuah publikasi yang terdiri dari teks, gambar, maupun suara dan dipublikasikan dalam bentuk digital yang dapat dibaca di komputer maupun perangkat elektronik lainnya. Sebuah buku digital biasanya merupakan versi elektronik dari buku cetak, namun tidak jarang pula sebuah buku hanya diterbitkan dalam bentuk digital tanpa versi cetak. Buku digital Format buku digital beragam, mulai dari format yang didukung oleh perusahaan besar (PDF oleh adobe, swf oleh flash, doc oleh Word) dan berbagai format lainnya yang didukung oleh perangkat maupun pembaca buku digital tertentu. Pada tahun 1990 dikembangkan pula format open e-book yang memungkinkan publisher dan pengembang software untuk menggunakan satu format yang dapat dibaca di perangkat manapun dan menggunakan berbagai software pembaca buku digital. A.1. EPUB Epub (electronic publication) merupakan salah satu format digital book yang merupakan format standardisasi bentuk, diperkenalkan oleh International Digital Publishing Forum (IDPF) pada Oktober 2011. Epub menggantikan peran Open eBook sebagai format buku terbuka. Epub terdiri atas file multimedia, html5, css, xhtml, xml yang dijadikan satu file dengan ekstensi .epub Format epub merupakan salah satu format buku digital yang paling populer saat ini, sebagai format yang tidak mengacu kepada salah satu pengembang tertentu, membuat format ini dapat dibaca di berbagai perangkat, seperti: komputer (AZARDI, Calibre, plugin firefox, 3|Pengembangan Digital Book
  • 4. plugin google chrome), Android (FBReader, Ideal Reader), iOS (ireader), Kobo eReader, Blackberry playbook, Barnes and Noble Nook, Sony Reader, dan berbagai perangkat lainnya. A.2. KELEBIHAN EPUB Berbagai kelebihan epub yang ditawarkan telah menjadikan epub sebagai salah satu format buku digital yang paling banyak digunakan, fitur-fiturnya antara lain: - Format terbuka dan gratis Berbagai pembaca epub yang telah tersedia di berbagai perangkat Berbagai software pembuat epub telah tersedia Support untuk video dan audio Reflowable (word wrap), dan pengaturan ukuran text Support untuk DRM Styling CSS 4|Pengembangan Digital Book
  • 5. B. PENGEMBANGAN EPUB Proses pengembangan epub dapat dilakukan dengan lebih mudah jika materi bahan ajar telah dibuat dalam format word terlebih dahulu, sehingga diharapkan peserta telah menyiapkan materi bahan ajar untuk dibawa ke pelatihan. Terdapat 3 tahap pengembangan epub yang akan kita bahas dalam bab ini: B.1. KONVERSI WORD KE HTML Sebelum dirubah menjadi HTML, ada beberapa hal yang harus dilakukan: - - Rubah semua pengaturan layout gambar menjadi inline with text, Klik kanan gambar -> Wrap text -> In Line with Text. Gambar yang tidak inline with text akan ditampilkan tidak pada tempatnya atau bahkan menghilang Rubah semua smart object termasuk equation menjadi gambar, tekan tombol print screen -> paste di paint. Semua smart object akan dihapus. Akan lebih bagus jika dokumen sudah diformat menggunakan styling, hal ini berguna untuk pembuatan daftar isi nantinya Setelah semua itu dilakukan, simpan dokumen menjadi html dengan cara File -> Save as-> Web Page, filtered. Pastikan yang dipilih adalah tipe web page, filtered. Web page akan menghasilkan output .html yang memiliki sintaks yang tidak biasa digunakan pada halaman web. 5|Pengembangan Digital Book
  • 6. B.2. PENGOLAHAN EBOOK DI SIGIL Sigil merupakan sebuah software editor untuk epub yang bersifat open source. Untuk mengunduh sigil anda dapat mengakses websitenya di https://code.google.com/p/sigil/. Beberapa fitur dari sigil adalah: - Gratis dan Open Source dengan lisensi GPLv3 Multiplatform: dapat dijalankan di Windows, Linux dan Mac Multiple view: Book view, Code View dan Preview Dapat langsung mengedit tampilan epub di book view Generator daftar isi dengan support untuk heading multi-level Editor metadata Semenjak versi 0.7.0 Sigil juga sudah mendukung import file video dan audio. Dalam tutorial kali ini kita akan menggunakan sigil versi 0.7.1. Tampilan awal sigil Panel sebelah kiri merupakan file browser untuk file-file yang terdapat di dalam epub, panel tengah merupakan editor, dan panel sebelah kanan untuk daftar isi dari dokumen epub yang sedang dikerjakan. 6|Pengembangan Digital Book
  • 7. B.2.1. MEMASUKKAN HALAMAN H TML Langkah awal yang harus dilakukan adalah membuka file html yang telah dibuat ke dalam sigil, dari sigil -> File -> Open, kemudian pilih file HTML yang telah dibuat. Setelah itu pastikan tidak ada kesalahan di dalam dokumen tersebut, hapus spasi yang berlebih serta pastikan gambar sudah pada tempatnya. B.2.2. EDIT METADATA Metadata merupakan sebuah informasi yang mendeskripsikan sebuah file. Pada epub, metadata berfungsi seperti identitas pada sebuah buku: judul, nama pengarang, tahun penerbitan, bahasa, ISBN, penerbit, kategori, deskripsi, dll. Untuk masuk ke jendela metadata, dari sigil -> Tools -> Metadata editor , atau tekan tombol F8. Setelah itu silahkan masukkan judul (Title), pengarang (author), serta untuk menambahkan properti lainnya seperti penerbit, tahun terbit, dll silahkan tekan tombol add basic, dan kemudian rubah valuenya. Tampilan Metadata Editor 7|Pengembangan Digital Book
  • 8. B.2.3. COVER IMAGE Cover image merupakan halaman sampul dari buku digital kita, halaman sampul biasanya ditampilan di tampilan utama software pembaca buku digital bersama informasi lainnya, seperti judul dan pengarang. Contoh library pembaca buku digital Untuk membuat cover image, anda perlu menyiapkan sebuah file gambar yang akan digunakan sebagai halaman sampul. Jika gambar yang ingin digunakan sebagai sampul sudah terdapat di dalam dokumen HTML, anda dapat menunjuknya sebagai halaman sampul dengan cara: Images -> pilih gambar -> klik kanan -> Add semantics -> Cover Image Atau jika gambar belum tersedia, Anda dapat menambahkan file gambar tersebut dengan cara: Klik kanan images -> add existing files -> pilih gambar. Gambar yang dipilih akan ditambahkan ke dalam folder images, dan sudah dapat digunakan sebagai cover image dengan cara di atas. 8|Pengembangan Digital Book
  • 9. B.2.4. DAFTAR ISI Daftar isi merupakan cara utama pengguna melakukan navigasi di dalam dokumen epub. Pengguna dapat langsung membuka bagian dokumen yang ingin dibaca dengan menggunakan daftar isi tanpa harus membuka tiap-tiap halaman, sistem yang mirip dengan hyperlink di halaman web. Sigil memiliki fitur untuk membuat daftar isi secara otomatis, yang perlu dipersiapkan hanyalah menentukan header setiap bab yang ingin dimasukkan di dalam daftar isi. Jika dokumen word yang digunakan telah menggunakan styling, maka dokumen telah terformat secara otomatis, tetapi jika belum, maka pengguna harus menentukan header di sigil. Yang harus dilakukan adalah: Tempatkan cursor di kalimat topik/subtopik -> pilih header Dapat terlihat di gambar kiri, cursor (lingkaran merah) terletak di kalimat Konversi word ke HTML, dan ditetapkan sebagai h2 (header 2, persegi merah), sedangkan isi paragraf di gambar kanan (lingkaran merah) diberikan styling p(paragraf, persegi merah). h1 menandakan topik utama, h2 subtopik, h3 sub-subtopik, dst. Sedangkan p menandakan isi paragraf yang tidak dimasukkan ke dalam daftar isi. Untuk membuat daftar isi di readium cukup dengan masuk ke tools -> table of content -> generate table of content -> OK. 9|Pengembangan Digital Book
  • 10. B.3. MEMASUKKAN FILE MULTIMEDIA KE DALAM EPUB Sejak versi 7.0, Sigil telah mendukung import file video dan suara ke dalam dokumen epub. Untuk saat ini format yang telah didukung oleh epub adalah: - Video (mp4, webm) Audio (mp3, wav, ogg) Jika ingin memasukkan video dalam format lainnya ke dalam buku, Anda dapat menggunakan software konversi video, salah satunya adalah dengan menggunakan software gratis, format factory(www.pcfreetime.com). Untuk memasukkan file video/audio cukup dengan menempatkan cursor di tempat yang anda inginkan, klik kanan -> insert file -> other file -> pilih audio/video yang diinginkan. Maka akan muncul tampilan pemutaran video/audio di jendela editor seperti di bawah. Setelah itu tambahkan sedikit baris kode di dalamnya, taruh kursor di samping video (lingkaran merah), kemudian buka code view. Merubah antara codeview dan bookview 10 | P e n g e m b a n g a n D i g i t a l B o o k
  • 11. Kemudian cari baris dengan sintaks <video controls="controls" src=”xx"></video> Dan tambahkan sintaks berikut sesuai tipe file yang digunakan: MP4: type=”video/mp4” MP3: type=”audio/mp3” Wav: type=”audio/x-wav” Sehingga kode akhirnya menjadi: <video type=”video/mp4” controls="controls" src=”xx"></video> Beberapa epub viewer membutuhkan properti di atas untuk dapat memutar video. Setelah itu pilih file -> save as untuk menyimpan dokumen anda sebagai epub. C. MEMBACA EPUB Terdapat berbagai macam software untuk membaca epub, namun hanya sebagian yang dapat memutar file multimedia, antara lain: - aplikasi desktop -> GHP Reader Android -> Ideal Reader -> install dari google play iOS -> iBooks Google Chrome -> Readium -> install dari chrome store -> beberapa video tidak dapat diputar Tampilan readium, ideal reader (android) dan iBooks (iPhone) 11 | P e n g e m b a n g a n D i g i t a l B o o k
  • 12. Selain itu, beberapa software epubreader yang dapat digunakan, tetapi tidak dapat menampilkan file multimedia adalah: - Aplikasi desktop -> calibre, sigil, azreader, dll Android -> fbReader, iBooks, dl Firefox -> epubreader Tampilan epubreader Semoga tutorial ini dapat membantu teman-teman yang ingin mengembangkan buku digital dengan lebih mudah. Salam hangat  Haritz C.N, 2013 12 | P e n g e m b a n g a n D i g i t a l B o o k