3 Cara Install Plugin Cordova

Salah satu komponen yang dibutuhkan agar game yang kita buat sesuai dengan yang kita harapkan adalah plugin. Plugin ini wajib hukumnya untuk sebagian 3rd party plugin di construct.

Nah, kali ini saya akan membagikan cara-cara apa saja untuk menginstal plugin di cordova.

1. Install via NPM

Cara ini merupakan cara paling umum digunakan. Dan saya lebih menyarankan untuk menggunakan cara ini, karena selain mudah, cara ini juga menjamin bahwa versi plugin yang terinstall adalah versi paling terbaru.

Untuk perintahnya cukup ketikkan :

cordova plugin add nama-plugin-nya

sebagai catatan, cara ini hampir selalu ada pada bagian “How To Install Plugin”, kita ambil contoh cordova plugin file (https://www.npmjs.com/package/cordova-plugin-file).

2. Install via Github

Cara ini hampir sama dengan cara pertama, hanya saja berbeda source.

Sama dengan cara pertama, dengan cara ini kamu akan mendapatkan plugin dengan versi paling baru. Untuk perintahnya :

cordova plugin add alamat-github-plugin.git

Kita ambil contoh plugin file (https://github.com/apache/cordova-plugin-file), itu berarti perintahnya menjadi :

cordova plugin add https://github.com/apache/cordova-plugin-file.git

[alert-warning]Untuk menggunakan cara ini, kamu perlu menginstall Git for Desktop terlebih dahulu.[/alert-warning]

3. Install secara lokal

Cara ini merupakan alternatif dari kedua cara diatas. Syaratnya yaitu kamu harus memiliki source code dari plugin yang akan diinstal.

Kamu bisa mendapatkan source code plugin dari mana saja, misalnya dari github.

Setelah didownload dan di ekstrak, kamu hanya perlu mengetikkan

cordova plugin add /lokasi/plugin/nya/

Tapi ingat, dengan cara ini bisa saja plugin yang terinstall bukan versi paling baru, karena bisa saja 1 hari setelah kamu download, ternyata ada update versi terbaru.

Oh iya, cara ini terkadang saya lakukan untuk menginstall plugin yang memang harus dikonfigurasi terlebih dahulu. Misalnya, untuk plugin appodeal yang memang harus dikonfigurasi terlebih dahulu agar dapat berjalan dengan google play game (tutorial menyusul).

Sekian tutorial cara menginstall plugin di cordova. Semoga bermanfaat!

Memasang Custom Splash Screen di Cordova

Splash screen sepertinya menjadi hal yang wajib ada pada aplikasi android khususnya game. Karena ketika proyek selesai rasanya ada yang kurang jika splash screen belum ditambahkan.

Pada tutorial ini kita akan mencari tahu cara untuk menampilkan splash screen di game android yang kita buat menggunakan Construct 2. Tapi, dengan catatan bahwa kalian meng-export nya dengan menggunakan metode yang saya bahas sebelumnya yaitu menggunakan local build.

Mengapa harus local build? Seperti yang saya bahas sebelumnya, bahwa metode local build ini memungkinkan kita untuk mengedit source code secara langsung. Kita dapat menambahkan plugin apa pun tanpa dibatasi ddan mengeditnya sesuka hati.

Siapkan Aset

Langkah pertama yaitu pastikan kalian sudah memiliki gambar yang akan dijadikan splashscreen, untuk ukurannya bisa melihat di folder platform\android\res\

[alert-note]Folder-folder diatas akan muncul jika sudah pernah menjalankan perintah

cordova platform add

[/alert-note]

Disana terdapat 2 jenis folder drawable yaitu land (landscape) dan port (portrait).

Kalian perlu menentukan orientasi aplikasi kalian apakah landscape atau portrait, setelah itu hapus saah satu jenis folder drawablenya. Misal game kalian landscape maka folder yang mengandung port dihapus saja.

Kemudian kalian hanya perlu me-replace gambar yang ada di dalam folder tersebut dengan gambar yang kalian inginkan.

Instalasi Plugin

Sekarang kita langsung pada instalasi plugin. Saya anggap kalian sudah memiliki file export dari Construct dan sudah memiliki project cordova.

Kita ketikkan

cordova plugin add cordova-plugin-splashscreen

Edit file config.xml

Instalasi plugin selesai, langkah selanjutnya yaitu mengedit file config.xml

Namun, file config.xml yang dimaksud adalah config.xml yang ada di folder app/res/xml/config.xml

Sebelum </widget> tambahkan baris :

<preference name="ShowSplashScreenSpinner" value="false" />

Konfigurasi selesai. Kamu bisa langsung mem-build ulang project.

Cara membuka file JAR

Sebenarnya banyak cara untuk membuka file JAR, namun saya lebih memilih untuk menggunakan aplikasi JAR Runner.

Mengapa? Karena aplikasi ini sangat ringan dan aplikasi ini tidak memerlukan konfigurasi-konfigurasi khusus, cukup Install aplikasi ini lalu kita tinggal Double Klik pada file jar yang ingin kita buka lalu Open With JAR Runner.

Cukup mudah bukan? Berikut link download untuk JAR Runner :

[GoogleDrive] [ZippyShare]

Build APK Secara Lokal – Instalasi Cordova dan Pembuatan Project

Setelah berhasil menginstal Node.js, kita akan bermain-main sedikit dengan console/command prompt. Mengapa? Karena kita akan menggunakan aplikasi/tool yang bernama Cordova CLI (command line interface) intinya sih kita ga akan banyak klik ini klik itu, kebanyakan nya ngetik.

[alert-note]Oh iya, dikarenakan pada tutorial sebelumnya kita telah mengedit-edit System Variables, maka agar ada efeknya, kamu harus me-restart komputer terlebih dahulu.[/alert-note]

Continue reading “Build APK Secara Lokal – Instalasi Cordova dan Pembuatan Project”

Build APK Secara Lokal – Konfigurasi Android SDK

Untuk membuat android package (apk), kita membutuhkan Android SDK (Software Development Kit). Android SDK mencakup seperangkat alat pengembangan yang komprehensif. Android SDK terdiri dari debugger, libraries, handset emulator,dokumentasi, contoh kode, dan tutorial.

Pada tutorial ini kita akan menginstall Android SDK yang sudah di bundle dengan Android Studio. Namun, jika kamu hendak menginstall Android SDK nya saja juga tidak apa. Kita akan membutuhkan Android Studio untuk mengedit-edit script dan mengkonfigurasi project ke depannya.

Instalasi Android Studio + SDK

Pertama-tama kunjungi Link berikut. Klik Download Android Studio.

Klik “I have agree…” lalu Download Android Studio for Windows.

Setelah berhasil di download, Double klik untuk menginstall, install seperti biasa. Pada tampilan berikut, pilih semua komponen.

Kemudian pada tampilan berikut set lokasi untuk Android SDK di tempat yang mudah (kalau bisa jangan default atau di appdata).

Setelah itu klik Next dan Finish sampai selesai.

Konfigurasi Android SDK

Sama seperti konfigurasi JDK, kita akan mengedit PATH Variables. Buka kembali tampilan Environment Variable seperti pada tutorial sebelumnya.

Lalu tambahkan %ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools; di akhir PATH pada User Variables dan System Variables.

Setelah itu klik New pada System Variables dan tambahkan nilai berikut:

Name Value
ANDROID_HOME D:\Android\SDK

[alert-note]Value <D:\Android\SDK> disesuaikan dengan lokasi Android SDK kamu.[/alert-note]

Selesai

Konfigurasi Android SDK selesai, kamu bisa melanjutkan tutorial ini.

Build APK Secara Lokal – Konfigurasi JDK

JDK merupakan singkatan dari Java Development Kit, merupakan tools java (kit) yang digunakan untuk development dan biasanya banyak digunakan oleh programmer untuk menulis code program dan memiliki JVM di dalamnya, jadi bisa dibilang digunakan untuk membaca program java.

JDK ini harusnya sudah terinstall di konputer kamu kalau pernah menggunakan fitur minify script pada saat eksport.

Nah jika kamu memang sudah menginstall JDK, kamu bisa lewati langkah pertama dibawah ini. Jika belum, saya akan menjelaskan cara install nya.

Continue reading “Build APK Secara Lokal – Konfigurasi JDK”