Pengenalan
BespokeJS adalah sebuah framework NodeJS atau Javascript yang digunakan untuk membuat project presentasi. Dalam pembuatan slide presentasi pada umumnya kita menggunakan file pptx, namun disini anda bisa menggunakan JavaScript.
Kelebihan ketika anda menggunakan BespokeJS yaitu, semua slide bisa anda custom seperti animasi, bentuk slide, dan juga tampilannya. Karena BespokeJS ini menggunakan coding yang mengharuskan anda bisa HTML dan juga Javascript dalam pembuatan slide presentasi.
Persiapan Software
Untuk melakukan instalasi BespokeJS, anda membutuhkan beberapa file Berikut software yang harus anda install di Komputer anda
1. NodeJS
NodeJS sebagai tempat untuk debug program JavaScript dan untuk menjalankan perintah NPM, gunakan versi LTS, karena LTS Versi NodeJS yang sudah final.
2. Text Editor
Silahkan install text editor favorit anda, bebas jika anda ingin menggunakan editor apa tidak diharuskan pakai 1 jenis text editor.
3. Browser
Berbeda dengan PPTX BespokeJS menggunakan browser dalam melakukan presentasi, sehingga, anda tidak perlu membeli software pptx dalam melakukan presentasi. Untuk browser anda juga bebas menggunakan software apapun, asalkan sudah mendukung Javascript.
Instalasi
Setelah anda sudah menginstall software diatas, langkah selanjutnya menginstall library yang diperlukan untuk kebutuhan BeSpokeJS diantaranya adalah : Bespoke, Yeoman, dan Gulp
- Buka Run-Administrator Command Promt dan ketikkan perintah berikut:
“npm install –g generator-bespoke”
Tunggu hingga proses instalasi bespoke selesai, durasi instalasi tergantung dari koneksi internet yang anda pakai, semakin cepat internet anda, maka semakin cepat juga proses instalasi bespoke.
- Setelah berhasil menginstall bespoke, anda harus menginstall gulp yang nantinya akan menjadi tempat serve bespoke berjalan. Maka Ketikkan perintah berikut ini:
“npm install –global gulp-cli”
- Terakhir install yeamon untuk mengunduh project baru bespoke, dan juga library lainnya, ketikkan perintah berikut ini :
“npm install –g yo”
Membuat Project BespokeJS
Setelah menginstall library tadi, anda hanya tinggal membuat project bespoke untuk memulai dalam pembuatan presentasi dengan Javascript.
- Silahkan anda buat folder baru sebagai tempat project yang akan anda kerjakan
- Buka command promt, dan masuk ke folder project yang masih kosong tadi misalnya di D:\server web\bespoke>, lalu ketikkan perintah berikut :
“yo bespoke”
Jika saat proses download project muncul gambar seperti diatas, anda ketik saja “hello world” atau apapun itu, karena itu digunakan untuk slide awal dari presentasi anda nantinya.
Tekan Y, jika anda ingin menambahkan sample code bespoke, namun tekan N jika tidak.
Dan tekan Y jika anda ingin ada animasi, ataupun gambar, dan tekan N jika tidak.
Pada tahap ini bespoke sudah selesai, maka anda hanya tinggal menjalankan server gulp, untuk menjalankan gulp ketikkan perintah berikut :
“gulp serve”
Jika tidak terjadi error maka akan menampilkan seperti berikut : yang menandakan server gulp sedang berjalan, anda tinggal buka melalui browser maka slide akan tampil seperti berikut
Kesimpulan
Untuk bespoke, instalasinya ikuti pada langkah langkah diatas, dan hal yang terpenting adalah perintahnya. Jadi anda bisa buat untuk pengingat, dan anda juga harus memiliki setidaknya dasar dasar pengenalan menggunakan HTML dan Javascript dalam pembuatan setiap slide.
Baiklah, sekian artikel yang bisa saya buat, semoga bisa bermanfaat buat kita semua, terima kasih telah berkunjung.
