Menjalankan Emulator Android atau iOS

 Sebelumnya kita telah berhasil menginstal flutter SDK, IDE, dan membuat project baru berdasarkan IDE yang digunakan. Sekarang kita akan mulai belajar cara menjalankan project Android menggunakan emulator atau device, maupun project iOS dengan menggunakan simulator.


Menjalankan di Android

Kita akan menggunakan project Flutter yang telah dibuat sebelumnya untuk dijalankan di emulator atau device Android. Ada beberapa hal yang perlu diperhatikan untuk dapat menjalankan project-nya, uraiannya adalah sebagai berikut:


Android Emulator

Sebelum menggunakan emulator, Anda perlu memastikan beberapa syarat. 

  1. Virtualization
    Untuk menjalankan emulator di dalam Android Studio, pastikan aspek virtualization. Sistem Anda harus memenuhi persyaratan, yakni ketentuan prosesor dan sistem operasi dari laptop/PC yang Anda gunakan.
  2. Processor
    1. Intel: Jika Anda menggunakan processor Intel, maka pastikan bahwa processor tersebut mendukung Intel VT-X, Intel EM64T (Intel 64), dan Execute Disable (XD) Bit functionality.
      Processor Intel mampu menjalankan emulator di sistem operasi Windows, Linux, mau pun MacOS.
    2. AMD: Jika Anda menggunakan AMD, maka pastikan bahwa ia mendukung AMD Virtualization (AMD-V) dan Supplemental Streaming SIMD Extensions 3 atau yang biasa disebut dengan SSSE3.
      Processor AMD hanya bisa menjalankan emulator di sistem operasi Linux.


Persiapan Running menggunakan Emulator

  1. Untuk menjalankan aplikasi, klik menu Tools, lalu pilih Device Manager.
    dos:5ed9da1b2366a43d67f277e0f51c9cfb20220328141149.jpeg
  2. Untuk membuat emulator baru, klik tombol Create device atau Create virtual device.
  3. Halaman Select Hardware akan muncul. 

    Jika Anda ingin membuat spesifikasi hardware (perangkat keras) sendiri, pilih New Hardware Profile. Anda dapat menentukan konfigurasi hardware sesuai dengan kebutuhan Anda. Ingatlah untuk menggunakan konfigurasi emulator yang sesuai dengan kemampuan laptop atau komputer yang Anda gunakan. Setelah itu klik Next.

  4. Halaman System Image akan muncul.
    Pada halaman ini Anda dapat memilih versi Android dari emulator yang akan Anda buat. Pilih versi yang sudah diunduh, misal Pie. Lihat tombol download di sebelah kanan. Anda perlu mengunduh terlebih dahulu jika ingin menggunakannya. Setelah itu klik Next.

  5. Halaman Verify Configuration akan muncul.
    Pada halaman ini Anda bisa mengubah konfigurasi hardware yang telah ditentukan sebelumnya. Tekan tombol Show Advanced Setting pada bagian kiri bawah. Jika sudah selesai, klik Finish. Pengaturan emulator sudah selesai dan bisa langsung dijalankan. Anda dapat membuka emulatornya dengan menekan tombol hijau yang ada di sebelah kanan.

Android Device

Selain menggunakan Android Emulator, Anda juga dapat melakukan run atau debugging menggunakan perangkat smartphone asli. Menjalankan aplikasi menggunakan perangkat fisik memiliki beberapa kelebihan jika dibandingkan dengan emulator, yaitu:

  • Lebih cepat,
  • Lebih ringan, dan
  • Lebih mudah.

Dengan menggunakan peranti smartphone asli, kita dapat memastikan bahwa aplikasi kita berjalan dengan wajar ketika sudah sampai di tangan pengguna. Kendala dari pendekatan ini adalah beragamnya model peranti yang ada di pasaran. Namun, pembahasan mengenai hal tersebut tidak tercakup dalam kelas ini.

Mari ikuti langkah-langkah untuk menjalankan proses run atau debugging. Tampilan dari langkah berikut bisa dipastikan akan berbeda dengan peranti yang Anda pakai. Akan tetapi secara garis besar langkahnya akan sama.

  1. Pastikan peranti yang akan dipakai sesuai dengan target SDK atau paling tidak mendukung versi SDK terendah yang digunakan aplikasi.
  2. Buka setting dan masuk ke dalam menu About. Pada halaman menu ini, Anda perlu menemukan informasi tentang Build number.
    202006151301370ce94d41ec05258908013a29945c5e7a.jpeg20200615130138a856912cf4c0da2a20cb91a98f77a2dd.jpeg202006151301373cf03697adff29ea5e41adf742488b6e.jpeg
  3. Kemudian tekan Build number sebanyak 7 kali.
    20200615130138f12d4337d64c331fe4ce34ffdee30213.jpeg20200615130137316bbb6f36b96195af3ec03142732582.jpeg
  4. Kembali ke menu setting di awal dan akan muncul menu baru di bawah about yaitu Developer Options.
    20200615130140a9ee6a49d93ee4affc1326bbb958db2f.jpeg
  5. Masuk ke dalam menu Developer Options dan pastikan opsi USB Debugging Mode sudah dalam keadaan On.
    202006151301372b188edf381bb0116732376c8681c574.jpeg
  6. Setelah menyelesaikan pengaturan pada peranti, peranti pun dapat dihubungkan dengan laptop atau komputer yang Anda pakai.

Catatan: Beberapa vendor smartphone memiliki sistem operasi yang unik. Tampilan setting dan letak opsi bisa jadi berbeda dengan gambar di atas. Beberapa vendor juga mengharuskan Anda untuk mengunduh driver khusus sebelum bisa menghubungkannya ke Android Studio. Kami sarankan untuk mengunjungi website atau membaca petunjuk yang sesuai dengan vendor dari peranti Anda.


Menjalankan di iOS

Kita akan menggunakan project Flutter yang telah dibuat sebelumnya untuk dijalankan di iOS simulator. Ada beberapa hal yang perlu diperhatikan untuk dapat menjalankan project-nya, uraiannya adalah sebagai berikut:


iOS Simulator

iOS Simulator atau Simulator adalah aplikasi yang digunakan untuk menjalankan aplikasi iOS. Simulator merupakan aplikasi bawaan dari XCode.

Selain dari Simulator, sebenarnya kita bisa menggunakan device iphone asli. Akan tetapi untuk menjalankan di device asli kita memerlukan akun Apple developer. Jadi untuk menyederhanakan masalah, di modul ini hanya akan diajarkan dengan media Simulator saja.

Ikuti langkah berikut ini untuk membuka Simulator:

  1. Buka terminal dan jalankan kode berikut ini:
    1. open -a Simulator
  2. Aplikasi simulator akan muncul, contohnya seperti gambar di bawah ini:
    20200615183418748ec5eb05066ff786da4e119f6ef1c6.png
  3. Pastikan Simulator yang Anda jalankan adalah 64-bit (Iphone 5 ke atas), jika belum maka ganti konfigurasinya dengan mengakses lewat Device atau File -> Open Devices (versi terbaru).

Catatan: Contoh di atas diambil dengan MacOS Catalina. Jika Anda menggunakan versi di bawahnya ada kemungkinan perbedaan tampilan. Jika Anda menemui masalah silakan bertanya di forum diskusi.

Popular posts from this blog

Build APK

Image
  Project Flutter yang telah dibuat dapat kita build menjadi berkas .apk yang dapat berjalan di Android. Build APK adalah suatu proses membungkus aplikasi flutter menjadi format .apk yang nantinya untuk diinstal pada perangkat Android. Berikut tahapan ketika build aplikasi Flutter ke APK. AndroidManifest.xml Sebelum mem-build APK, kita akan mengatur berkas  android/app/src/main/AndroidManifest.xml .  AndroidManifest.xml  merupakan sebuah berkas yang berisikan informasi mengenai aplikasi Android yang akan di- build . Informasi-informasi tersebut berupa nama aplikasi, ikon,  permission ,  screen orientation , dan lain-lain. Isi dari  AndroidManifest.xml  seperti berikut: <manifest xmlns:android = "http://schemas.android.com/apk/res/android"      package = "id.eudeka.samples" >      <application          android:name = "io.flutter.app.FlutterApplication"        ...
Read more

Web Deployment

  Pada materi ini kita akan mempelajari bagaimana melakukan build aplikasi flutter untuk platform web. Sama seperti platform android dan ios, informasi untuk pengaturan aplikasi berada pada folder web. Setting Nama Aplikasi Untuk mengatur nama aplikasi, kita bisa membuka berkas  manifest.json . Konfigurasi untuk nama aplikasi dapat Anda temukan dan ubah pada key  name  dan  short_name . {     "name" : "wisata_bandung" ,     "short_name" : "wisata_bandung" } Setting Icon Aplikasi Platform web juga membutuhkan icon dalam berbagai ukuran. Icon untuk web dapat Anda taruh pada folder  /web/icons . Kemudian, Anda perlu mendaftarkannya pada berkas  manifest.json . {     ...     "icons" : [         {             "src" : "icons/Icon-192.png" ,             "sizes" : "192x192" ,             "type" : "image/png...
Read more

Generic

Image
Jika Anda perhatikan pada dokumentasi  collection  seperti  List , sebenarnya tipe dari  List  tersebut adalah  List<E> . Tanda  <...>  ini menunjukkan bahwa  List  adalah tipe  generic , tipe yang memiliki tipe parameter. Menurut  coding convention  dari Dart, tipe parameter dilambangkan dengan satu huruf kapital seperti  E ,  T ,  K , atau  V . Secara umum  generic  merupakan konsep yang digunakan untuk menentukan tipe data yang akan kita gunakan. Kita bisa mengganti tipe parameter  generic  pada Dart dengan tipe yang lebih spesifik dengan menentukan  instance  dari tipe tersebut. Sebagai contoh, perhatikan  List  yang menyimpan beberapa nilai berikut: List <int> numberList = [ 1 , 2 , 3 , 4 , 5 ]; Tipe parameter yang digunakan pada variabel list di atas adalah  int , maka nilai yang bisa kita masukkan adalah nilai dengan tipe  ...
Read more