Ionic

Tutorial Ionic part 2 : Membuat Aplikasi Android Dengan Ionic

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.

Incoming search terms:

  • cara desain aplikasi android dengan bootstrap
  • membuat aplikasi android dengan ionic
  • belajar ionic
  • tutorial ionic framework indonesia
  • belajar ionic 2
  • ionic framework tutorial indonesia
  • contoh aplikasi dengan ionic
  • tutorial ionic
  • cara mengoding di ionic
  • malas coding ionic




Muzanni

Love Mobile Development


Discussion
5 Comments
  • Tutorial Ionic part 2 : Perintah Command Line Ionic – Malas Ngoding 2 years ago

    […] Command Line Ionic – lanjutan dari tutorial membuat aplikasi android dengan ionic. pada artikel kali ini saya akan membahas mengenai perintah command line yang sering digunakana […]


  • Membuat Efek Hover Zoom Dengan CSS3 – Malas Ngoding 2 years ago

    […] Oke sekian dulu tutorial cara Membuat Efek Hover Zoom Dengan CSS3. baca juga tutorial lain nya di https://www.malasngoding.com tentang tutorial membuat aplikasi android dengan ionic. […]


  • Tutorial Ionic Part 4 : Cara Membuat Header Dan Footer Di Ionic – Malas Ngoding 2 years ago

    […] buat aplikasi ionic dengan menggunakan template blank (jika belum mengerti cara membuat projek ionic silahkan baca artikel sebelumnya disini) […]


  • Tutorial Ionic Part 6 : Komponen Card Pada Ionic – Malas Ngoding 2 years ago

    […] ionic ini saya menggunakan template blank (jika belum paham cara membuat projek ionic silahkan baca disini).  buka file index.html (file ini tergantung dimana kita akan menggunakan komponen kard). […]


  • Tutorial Ionic Part 8 : Pengenalan Komponen Tabs Pada Ionic – Malas Ngoding 8 months ago

    […] sebenarnya sudah disediakan ionic framework, jika belum jelas (template yang disediakan ionic baca disini) . namun template yang disediakan itu masih dalam desain sangat sederhana, tapi kita bisa […]



Write a Comment

Your email address will not be published. Required fields are marked *