Persiapan Tools dan Software

 Pada modul ini kita akan mulai menyiapkan tools apa saja yang dibutuhkan untuk membuat dan menjalankan aplikasi Dart pertama kita.

Setiap tools yang akan digunakan bertujuan agar kita mampu mengembangkan aplikasi Dart secara lokal pada laptop atau komputer masing-masing. Namun, jika Anda ingin melakukannya secara online, Anda bisa memanfaatkan DartPad. Sebuah tool yang memungkinkan Anda menulis dan menjalankan kode Dart pada jendela browser. DartPad ini dapat Anda akses pada tautan https://dartpad.dev/.

Berikut ini adalah tampilan DartPad:

dos:cc862f3e6e195bf72bb7c323dc38285a20230324132018.png

Ada hal yang perlu Anda ketahui sebelum mulai membuat kode Dart melalui DartPad. Berikut beberapa fitur yang ada di dalam DartPad.
dos:4c49f9f8c578ed58232d26d504a555c720230324134506.png

Sumber: DartPad in tutorials

  1. Tabs: DartPad memiliki tabs Dart untuk melihat kode dan tabs Solution untuk melihat solusi kode.
  2. Hint: tombol untuk melihat bantuan supaya membantu pengguna menyelesaikan kode.
  3. Format: tombol untuk menyusun ulang kode supaya kode lebih rapi.
  4. Reset: tombol untuk menghapus kode pengerjaan pengguna dan mengembalikan editor ke kode aslinya.
  5. Run: tombol untuk menjalankan kode Dart.
  6. Menu: opsi menu lain pendukung DartPad.
  7. Code pane: tempat untuk menulis dan menampilkan kode Dart.
  8. Output: tempat untuk menampilkan output.
  9. Analyzer: area debugging untuk melihat error ataupun warning message.

Melalui fitur tersebut, Anda dapat bereksplorasi menulis dan menjalankan kode Dart dengan mudah. Materi terkait DartPad dapat Anda temukan pada dokumentasi berikut.

 Catatan: 

Platform Dicoding saat ini menggunakan DartPad untuk memudahkan siswa belajar bahasa pemrograman Dart dan berinteraksi dengan kode secara langsung. Apabila Anda menjumpai pesan error pada kode DartPad terkait GitHub's rate limit, kesalahan tersebut terjadi pada sisi Dartpad karena pembatasan alamat Internet Protocol (IP). Solusi yang dapat Anda lakukan adalah mengganti koneksi ke jaringan lain atau silakan tunggu beberapa saat dan akses kembali materinya. Selain itu, Anda juga dapat mengunjungi keseluruhan kode melalui tautan GitHub di setiap akhir materi.

Comments

Post a Comment

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