Bosan dengan PPT? Coba Alternatif Membuat Slide Presentasi Dengan JavaScript dan HTML5

0
1730

Sebagai seorang mahasiswa/i atau pekerja yang sering berurusan dengan dengan pemaparan tugas, materi ataupun kebutuhan meeting tentunya tidak asing dengan kegiatan presentasi. Umumnya kegiatan persentasi tersebut didukung oleh perangkat lunak seperti Microsoft Power Point yang merupakan salah satu produk office dari Microsoft. Dengan perkembangan teknologi informasi yang canggih pembuatan slide presentasi dapat dibuat dengan menggunakan teknologi berbasis web. Salah satunya menggunakan kombinasi JavaScript dan HTML5. Berikut ini alternatif Membuat Slide Presentasi Dengan JavaScript dan HTML5 yang dapat teman-teman coder coba sebagai penunjang kegiatan presentasi baru dengan teknologi masa kini.

Reveal.js

Reveal.js merupakan sebuah framework presentasi berbasis HTML yang dapat dijalankan pada web browser. Reveal.js dapat mendukung teman-teman coder untuk membuat slide yang interaktif dan cantik. Dengan berbagai fitur diantaranya seperti:

  • Transisi vertical
  • Transisi horizontal
  • Transisi background
  • Tampilan yang responsive terhadap berbagai device
  • Mendukung markdown
  • Fragment styles
  • Berbagai tema menarik
  • Penulisan code yang cantik
  • Marvelous list
  • Fantastic ordered list
  • Tabel tabular
  • Pembuatan kutipan
  • Speaker notes
  • Export ke format pdf
Baca juga:   Mana Aplikasi Pesan Instan Yang Lebih Unggul? Telegram Atau Whatsapp

Untuk menggunakan Reveal.js sebagai pendukung presentasi, teman-teman setidaknya harus sudah memahami konsep dasar CSS dan HTML. Namun tidak perlu khawatir, bagi teman-teman yang belum paham dapat langsung melakukannya di editor online pada halaman ini. Reveal.js dapat menjadi pilihan terbaik untuk teman-teman coder yang menyukai tampilan sederhana namun informatif. Untuk dokumentasi lengkapnya teman-teman coder dapat mengunjungi langsung di halaman ini.

Impress.js

Impress.js merupakan framework berbasis CSS3 dengan mengandalkan transformasi dan transisi pada web browser modern. Impress.js terinspirasi dari sebuah ide di balik prezi.

Fitur-fitur yang tersedia pada Impress.js juga sangat lengkap seperti:

  • Mendukung transisi animasi dan atribut warna yang beragam.
  • Mendukung konsol speaker dengan catatan, preview dan timer.
  • Memiliki progress bar yang dapat memberitahu posisi slide berada.
  • Mendukung versi bahasa arab, seperti tulisan yang dibaca dari kanan.
  • Mendukung penggunaan format audio dalam HTML5 yang dapat disisipkan pada slide.
  • Mengkonversi ke dalam format pdf.
  • Membuat slideshow sederhana dengan slide diatur pada tepi poligon yang beraturan.
  • Mendukung format markdown untuk pembuatan slide yang cepat.
Baca juga:   5 Alasan Pentingnya Belajar Javascript bagi para Web Programmer

Untuk dokumentasi lengkapnya teman-teman coder dapat mengunjungi langsung di halaman ini

Deck.js

Deck.js merupakan sebuah library JavaScript yang digunakan untuk membangun presentasi berbasis HTML modern. Deck.js berjalan cukup fleksibel dengan penggunaan CSS dan JavaScript yang dapat di kustomisasi.

Deck.js juga menyediakan template dan tema untuk pemula HTML dalam membangun slideshow yang standar. Beberapa ekstensi, tema dan proyek-proyek presentasi terbaik dapat dilihat di wiki Deck.js. Berbeda dengan Reveal.js dan Impress.js sendiri, Deck.js memerlukan library tambah seperti JQuery dan Modernizr. Untuk dokumentasi lengkapnya teman-teman coder dapat mengunjunginya langsung di halaman ini.

Itulah beberapa alternatif membuat presentasi dengan JavaScript dan HTML5. Sangat cocok Buat teman-teman yang berjiwa muda dan suka tantangan dapat tampil beda saat membawakan presentasi, tidak ada salahnya mencoba hal baru ini. Selamat Mencoba! Happy Coding!

LEAVE A REPLY

Please enter your comment!
Please enter your name here