Setelah game yang dibuat berhasil di export menjadi APK, kita pastinya akan lagsung mencobanyabaik di rea device maupun emulator Android.
Namun ternyata masih terdapat kekurangan yaitu icon game kita masih berlogo Cordova. Ini merupaakan icon default bila kita tidak melakukan perubahan terhadap icon. Lalu bagaimana cara merubahnya?
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.
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).
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]
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!
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.
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.
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
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.
Setelah APK dibuat/di release, langkah selanjutnya adalah men-sign in APK tersebut dengan Keystore. Oh iya, sebenarnya kita juga bisa langsung men-sign in APK yang kita buat pada saat proses build. Namun kita akan membahas hal tersebut nanti.
Nah, pada postingan kali ini saya akan membagikan tutorial cara sign in keystore menggunakan APK Signer.
APK Signer merupakan software yang cukup powerful, karena selain bisa digunakan untuk men-sign in keystore, aplikasi ini juga bisa membuat keystore, sebagai apk alignment dan juga bisa melihat detail keystore seperti siapa saja owner yang terdaftar pada suatu file keystore, melihat fingerprint md5,sha-1,sha-256 dll.
Selain itu aplikasi ini sangat ringan, ukurannya kurang dari 1MB!
Karena aplikasi ini bersifat portable, jadi kita tidak perlu melalukan instalasi terlebih dahulu. Cukup Double Klik saja kita sudah bisa menggunakan aplikasi ini.
[alert-note]Jika kamu belum tahu cara membuka file .JAR, kamu bisa mengikuti tutorial saya sebelumnya mengenai Cara Membuka File JAR.[/alert-note]
Berikut merupakan tampilan awal aplikasi APK Signer
Sebelum kita bisa menggunakan fitur-fitur yang ada pada aplikasi ini, terlebih dulu kita harus mengatur lokasi JDK. Cukup tekan tombol Choose lalu pilih lokasi dimana kamu menginstall JDK.
Nah setelah lokasi JDK telah diatur kita bisa menggunakan fitur-fitur yang ada. Apa saja sih fiturnya?
Hampir sama dengan langkah-langkah sebelumnya, namun ini lebih simple. Fitur APK Alignment digunakan setelah APK sudah di Sign in. Langkah-langkahnya :
Nah kalau fitur yang satu ini berfungsi untuk melihat detil dari file Keystore. Kamu bisa melihat alias siapa saja yang ada pada keystore tersebut, melihat hash md5, sha-1, sha-256 dan detil keystore lainnya.
Cukup tekan Load Keyfile lalu pilih keystore yang mau kamu lihat detil nya, pada Keystore type pilih JKS. Setelah itu masukkan Password lalu tekan List Entries.
Bagaimana? Cukup powerful kan aplikasi yang satu ini? Berikut link untuk mendownload APK Signer
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 :
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]
Lanjutkan membaca Build APK Secara Lokal – Instalasi Cordova dan Pembuatan Project
Setelah berhasil menginstall dan mengonfigurasi JDK dan Android SDK, kita akan menginstall dan mengkonfigurasi Apache ANT. Apache ANT sendiri merupakan software berbasis Java yang digunakan untuk keperluan build tool.
Lanjutkan membaca Build APK Secara Lokal – Konfigurasi Apache ANT
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.
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.
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]
Konfigurasi Android SDK selesai, kamu bisa melanjutkan tutorial ini.
Apa itu node.js? Sesuai situs resminya, node.js adalah sebuah platform yang dibuat di atas JavaScript Runtime-nya Chrome. Node.js ini pastinya sudah tidak asing lagi bagi para developer.
Dan pada tutorial ini kita akan menginstall dan mengkonfigurasi Node.js.
Lanjutkan membaca Build APK Secara Lokal – Konfigurasi Node.js
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.
