Tutorial Ionic part 2 : Membuat Aplikasi Android Dengan Ionic


Membuat Aplikasi Android Dengan Ionic

Membuat Aplikasi Android Dengan Ionic – kita lanjutkan kembali dari artikel sebelumnya cara install ionic. pada artikel kali ini saya akan membahas menganai cara membuat aplikasi android dengan ionic. seperti yang sudah saya jelaskan sebelumnya, Ionic digunakan untuk membuat aplikasi mobile hybrid, bukan hanya untuk android saja, akan tetapi bisa juga digunakan untuk membuat aplikasi seperti ios, dan juga windows phone, namun disini saya akan membahas khusus membuat aplikasi android dengan ionic. untuk ios sendiri sama halnya juga dengan android. bedanya hanya pada penambahan platform dan cara build-nya saja yang berbeda,

Cara Membuat Aplikasi Android Dengan Ionic

baik, kita anjutkan. kita akan bermain di command line dalam memulai pembuatan projek/aplikasi menggunakan ionic. langkah pertama yaitu buka dulu command line (CMD). tentukan direktory/tempat yang akan digunakan untuk menyimpan projek aplikasi yang kita buat. misalkan saya disini akan meletakkan projek kedalam partisi C dengan folder ionic. 

Membuat Aplikasi Android Dengan Ionic

direktori penyimpanan projek ionic

setelah kita menuju ke direktory penyimpanan projek ionic, langkah selanjutnya ketik perintah berikut untuk membuat aplikasi ionic.

  • ionic start merupakan perintah untuk membuat projek ionic.
  • demo1 merupakan nama dari aplikasi ionic yang kita buat.
  • blank merupakan template yang kita gunakan pada aplikasi ionic-nya.
Membuat Aplikasi Android Dengan Ionic

Membuat Aplikasi Android Dengan Ionic

tekan n, jika anda tidak ingin membuat akun di ionic lab, dan y jika anda ingin membuat akun ionic lab. berikut tampilan jika aplikasi ionicnya sudah selesai kita buat.

Membuat Aplikasi Android Dengan Ionic

Membuat Aplikasi Android Dengan Ionic

aplikasi ionic siap dibuat, silahkan dicek di rektory yang digunakan pada saat membuat projek.

Membuat Aplikasi Android Dengan Ionic

Membuat Aplikasi Android Dengan Ionic

note : dalam proses membuat projek ionic akan dibutuhkan koneksi dengan internet, dikarenakan projeknya ionic sendiri akan di download.

Template Aplikasi Ionic

sedikit penjelasan tentang template yang bisa digunakan untuk ionic. ionic sendiri menyediakan tiga jenis template yang bisa digunakan pada saat membuat projek ionic, template tersebut berupa blank, tabs, dan sidemenu. gunakan saja salah satu template ini pada saat mengetik perintah membuat aplikasi ionic. berikut contoh nya :

Membuat Aplikasi Android dengan Ionic

untuk membuat aplikasi android dengan ionic, kita bisa menambahkan platform android pada aplikasi ionic yang sudah di buat tadinya. begitu juga dengan ios. cara menambahkan platform tersebut yaitu :

  1. masuk ke direktory aplikasi yang sudak kita buat

    Membuat Aplikasi Android Dengan Ionic

    menambhkan platform android

  2. gunakan perintah berikut untuk menambahkan platform android pada aplikasi ionic

    Membuat Aplikasi Android Dengan Ionic

    menambahkan platform android

    platform untuk android sudah siap dibuat.

Menjalankan Aplikasi Ionic Menggunakan Browser

membuat projek dan menambahkan platform android sudah kita siapkan. selanjut bagaimana cara untuk menjalankan aplikasi ionic di browser. oke, langkah pertama pastikan dahulu anda command line anda bera di direktory projek ionic. selanjutnya ketikkan perintah berikut di command line :

Membuat Aplikasi Android Dengan Ionic

menjalankan aplikasi ionic di browser

Membuat Aplikasi Android Dengan Ionic

menjalankan aplikasi ionic di browser

oke, selesai sudah artikel Membuat Aplikasi Android Dengan Ionic, pastikan anda membaca secara detail untuk pemahaman artikel ini. karena artikel yang sediakan berstruktur. Artikel selanjutnya akan saya bahas mengenai perintah-perintah command line yang digunakan pada saat proses pembuatan aplikasi menggunakan ionic framework ini.


Muzanni

Algorithms Learner, future lecturer and Happy to sharing about knowledge

Tutorial Menarik Lainnya

membuat icon pada ionic
Tutorial Ionic Part 10 Checkbox pada Ionic
Penggunaan Warna Pada Ionic
Tutorial Ionic Part 8 Pengenalan Komponen Tabs Pada Ionic

Diskusi

1 Komentar
  • Setiawan 2 years ago

    Selamat siang min, izin bertanya saya sudah install, sudah juga buat project baru, tapi saat saya masukkan command: ionic platform add android kok muncul [ERROR] Unable to find command: platform add android, kalau boleh tau kenapa ya??

Tulis Komentar / Pertanyaan

Download ebook belajar HTML & CSS dasar untuk pemula gratis

Download Ebook belajar HTML & CSS dasar untuk pemula gratis.

Ebook ini bisa di download oleh teman-teman yang baru mulai belajar HTML dan CSS dasar tapi tidak tahu mau memulai belajar dari mana. materi pembelajaran sudah di susun secara sistematis dan di dukung contoh gambar.

DOWNLOAD