Kamis, 16 Januari 2020

Langkah Langkah membuat Buku Digital dengan Sigil

  • Pengembangan Epub
  1. 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.
  2. Terdapat 3 tahap pengembangan epub yang akan kita bahas dalam bab ini:
  3. Konversi Word ke HTML

  4. Sebelum dirubah menjadi HTML, ada beberapa hal yang harus dilakukan:
  5. 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
  6. Rubah semua smart object termasuk equation menjadi gambar, tekan tombol print screen -> paste di paint. Semua smart object akan dihapus.
  7. Akan lebih bagus jika dokumen sudah diformat menggunakan styling, hal ini berguna untuk pembuatan daftar isi nantinya
  8. Setelah semua itu dilakukan, simpan dokumen menjadi html dengan cara File -> Save as-> Web Page, filtered.
  9. Pastikan yang dipilih adalah tipe web page,
  10. filtered. Web page akan menghasilkan output .html yang memiliki sintaks yang tidak biasa digunakan pada halaman web.
  11. Pengolahan ebook di Sigil

  12. 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:
  13. Gratis dan Open Source dengan lisensi GPLv3
  14. Multiplatform: dapat dijalankan di Windows, Linux dan Mac
  15. Multiple view: Book view, Code View dan Preview
  16. Dapat langsung mengedit tampilan epub di book view
  17. Generator daftar isi dengan support untuk heading multi-level
  18. Editor metadata
  19. 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.
  20. Tampilan awal sigil
  21. 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.
  22. Memasukkan halaman html

  23. 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.
  24. Setelah itu pastikan tidak ada kesalahan di dalam dokumen tersebut, hapus spasi yang berlebih serta pastikan gambar sudah pada tempatnya.
  25. Edit Metadata

  26. 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.
  27. 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.
  28. Tampilan Metadata Editor
  29. Cover Image

  30. 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.
  31. Contoh library pembaca buku digital
  32. 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
  33. 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.
  34. Daftar isi

  35. 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.
  1. 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
  2. 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).
  3. h1 menandakan topik utama, h2 subtopik, h3 sub-subtopik, dst. Sedangkan menandakan isi paragraf yang tidak dimasukkan ke dalam daftar isi.
  4. Untuk membuat daftar isi di readium cukup dengan masuk ke tools -> table of content -> generate table of content -> OK.
  5. Memasukkan file multimedia ke dalam epub

  6. 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:
  1. Video (mp4, webm)
  2. Audio (mp3, wav, ogg)
  3. 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).
  4. 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.
  5. Setelah itu tambahkan sedikit baris kode di dalamnya, taruh kursor di samping video (lingkaran merah), kemudian buka code view.
  6. Merubah antara codeview dan bookview
  7. Kemudian cari baris dengan sintaks
  8. <video controls=”controls” src=”xx”></video>
  9. Dan tambahkan sintaks berikut sesuai tipe file yang digunakan:
  10. MP4: type=”video/mp4″
  11. MP3: type=”audio/mp3″
  12. Wav: type=”audio/x-wav”
  13. Sehingga kode akhirnya menjadi:
  14. <video type=”video/mp4″ controls=”controls” src=”xx”></video>
  15. Beberapa epub viewer membutuhkan properti di atas untuk dapat memutar video.
  16. Setelah itu pilih file -> save as untuk menyimpan dokumen anda sebagai epub.
  17. Membaca Epub

  18. Terdapat berbagai macam software untuk membaca epub, namun hanya sebagian yang dapat memutar file multimedia, antara lain:
  19. aplikasi desktop -> GHP Reader
  20. Android -> Ideal Reader -> install dari google play
  21. iOS -> iBooks
  22. Google Chrome -> Readium -> install dari chrome store -> beberapa video tidak dapat diputar
  23. Selain itu, beberapa software epubreader yang dapat digunakan, tetapi tidak dapat menampilkan file multimedia adalah:
  24. Aplikasi desktop -> calibre, sigil, azreader, dll
  25. Android -> fbReader, iBooks, dl
  26. Firefox -> epubreader
  27. Tampilan epubreader

Pengertian Buku Digital Sigil


Pengertian Sigil:
Sigil adalah aplikasi untuk manajemen dan pembuatan digital book dengan format epub, dimana kita dapat membuat digital book sesuai dengan yang kita ingikan. Sigil mendukung format text, html dan format epub.

Selain teks  juga bisa menyisipkan gambar atau sampul buku dengan ukuran maksimal lebar 590 dan tinggi 750 pixel. Untuk menjadikan gambar tersebut sebagai cover, tinggal klik kanan pada gambar dan pilih “Add Semantics” kemudian pilih “Cover Image.
 Ada tak kurang dari 20 tools yang bisa kamu gunakan dengan fungsi yang beragam. Sigil juga dilengkapi tool yang bisa kamu gunakan untuk memeriksa kesalahan pada file epub tersebut. Caranya adalah klik pada “tombol centang berwarna hijau” untuk memverifikasi apakah sudah bebas dari kesalahan atau belum, sebelum mendistribusikannya.
Sigil juga didukung 15 macam bahasa serta dapat berjalan pada sistem operasi Windows, Linux dan Mac, dengan begini kamu bisa menggunakannya dimana saja. 

Gambar tampilan Aplikasi Sigil  . Fungsi dari icon icon Sigil yang tertera pada toolbox adalah sebagai berikut :
New  : Membuat book baru

Open : Membuka book baru dari disk


Add Existing File : Memasukan file dari disk pada book

Save  : Menyimpan book

Undo dan Redo : Berfungsi untuk kembali  ke operasional sebelumnya.

Cut, copy dan paste : Berfungsi unuk memotong, meng-copies serta mem-paste kontek ke book

Find and Repleace: Menemukan kata serta mengubahnya


Book View : Melihat secara bentuk asli / visual

Code View  : Melihat secara fungsi html

Split At Cursor  : Membagi menjadi beberapa file

Insert File  : Untuk memasukan file baik image video atapun audio.


Inset Special Character : Memasukan simbol simbol


Insert Link  : Memasukan Link

Metadata Editor  : Menampikkan judul dan nama pengarang


Heading  : h1 digunakan untuk BAB, h2 untuk subbab, h3 untuk point dan dst. Sedangkan P menandakan isi paragraf yang tidak dimasukan dalam daftar isi.




Tombol untuk icon bergambar di atas adah untuk pengaturan huruf yaitu memepertebal tulisan, memiringkan, memberi aris bawah, memberi garis tengah pada kata, serta menurunkan dan membuat pangkat pada huruf.



 Icon di atas adalah pengaturan paragraf yang pada umumnya juga terdapat pada Ms.Word  yaitu Align left, Center, Align Right dan Justify


:  Adalah  pengaturan huruf kecil kecil, besar, besar kecil bergaris bawah dan huruf besar kecil.


Pengertian Tentang 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 .


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

Program ArrayList

Nama : Moch. Alan Ferdihasan langsung saja ini dia contohmya import java.util.Scanner; import java.util.ArrayList; class MenyalinDat...