3 Alternatif Membuat Slide Presentasi Dengan JavaScript dan HTML5
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 yang dapat teman-teman coder coba sebagai penunjang kegiatan presentasi baru dengan teknologi masa kini.
1. 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:
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
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.
2. 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.
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.
Untuk dokumentasi lengkapnya teman-teman coder dapat mengunjungi langsung di halaman ini
3. 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. Buat teman-teman coder yang ingin tampil beda saat membawakan presentasi, tidak ada salahnya mencoba hal baru ini. Selamat Mencoba! Tetap Berkarya! Happy Coding!
Sumber : https://codesaya.com/a/3-alternatif-membuat-slide-presentasi-dengan-javascript-dan-html5-vcguetsdaz/
