Yo! Apa kabar semuanya? Kita sudah berhasil membuat proyek Cordova kita, bahkan kita juga sudah berhasil melakukan build ke aplikasi android. Namun, hasilnya terasa masih kurang, ntah itu icon aplikasi masih bawaan Cordova, orientasi masih belum sesuai keinginan, atau tidak dalam mode fullscreen. Pada tutorial kali ini, gua akan memberitahu bagaimana caranya kalian mengatur hal-hal tersebut. Tanpa berlama-lama lagi ayo kita ke tutorialnya!
Icon
Sebelum kita melakukan pengaturan untuk icon, tentu saja kita harus sudah ada icon-nya terlebih dahulu. Berapa ukuran icon yang diperlukan, setahu gua ga ada aturan pasti asalkan ukuran rasionya 1:1, kalau gua biasanya mengikuti aturan icon dari aplikasi Google Playstore 512 x 512, jadi kalau mau mengunggah ke Google Playstore tak perlu otak-atik lagi. Oh ya, pastikan icon kalian dalam format PNG.
Kalau sudah ada icon-nya, kita bisa membuat folder baru dengan nama “icon” di folder proyek kalian dan di dalam folder icon kita masukan gambar icon kalian, untuk mempermudah kalian bisa me-rename gambar tersebut menjadi icon.png.
Selanjutnya di folder proyek, kalian akan mendapati sebuah file dengan nama config.xml, edit file tersebut menggunakan editor text yang kalian punya, kalau HTML5 developer mustinya punya kalau gak Sublime Text ya seenggaknya Notepad++. Tambahkan snippet berikut, kalau gua paste sebelum </widget>.
<icon src="icon/icon.png"/>Sekarang kalau kalian build ulang, icon aplikasi kalian akan berubah.
Orientasi
Secara default orientasi di aplikasi Cordova adalah otomatis. Namun, beberapa dari kalian mungkin lebih senang jika aplikasi atau gim yang kalian punya hanya bekerja pada mode landscape atau potrait. Sebenarnya ada dua cara mengatur orientasi aplikasi/gim kalian, pertama dengan menggunakan plugin, yang kedua menggunakan config.
Untuk tutorial kali ini kita menggunakan cara kedua saja dulu. Caranya masih sama dengan tutorial sebelumnya, edit config.xml dan tambahkan snippet berikut sebelum </widget>
*Untuk mode lansdscape
<preference name="orientation" value="landscape" />
*Untuk mode potrait.
<preference name="orientation" value="potrait" />Fullscreen
Kalau kalian ingin membuat aplikasi atau gim kalian berjalan dalam mode fullscreen kalian bisa menambahkan fitur fullscreen di aplikasi atau gim kalian atau cara mudahnya kalian bisa melakukan pengaturan di file config dengan cara mengedit config.xml dan menambahkan snippet berikut sebelum </widget>
<preference name="Fullscreen" value="true"/>Jika kalian melakuan semua langkah tutorial di atas dengan benar, file config.xml kalian akan kurang lebih seperti ini.
 |
| Tampilan config.xml Setelah Ditambahkan Snippet |
Wajib
Ketiga tutorial di atas boleh kalian lakukan boleh tidak, tapi untuk yang ini kalian harus melakukan baik untuk proyek android atau yang lainnya. Jika kalian tidak melakukan ini, kalian tidak bisa mengakses fitur-fitur Cordova seperti plugin.
Pada file index.html kalian (di folder www) tambahkan di snippet berikut diantara <body> dan </body>.
<script type="text/javascript" src="cordova.js"></script>Akhir Kata
Tutorial kali ini merupakan pengaturan dasar yang bisa kalian lakukan untuk proyek Cordova kalian. Kedepannya mungkin gua akan membuat ulang tutorial ini dengan plugin yang membuat aplikasi atau gim kalian lebih fleksibel. Akhir kata, jika ada yang ingin ditambahkan atau ditanyakan jangan ragu-ragu untuk berkomentar.
Komentar
Posting Komentar
Tata Tertib Berkomentar di Blog ZanJI:
-Dilarang menyisipkan link aktif pada komentar
-Dilarang promosi iklan
-Dilarang komentar yang berbau pornografi dan perjudian
-Dilarang komentar yang mengandung unsur SARA.