• Tidak ada hasil yang ditemukan

Pemrograman Hybrid dengan Dart dan Flutter Framework : Installasi Software

N/A
N/A
Fitria Susanti

Academic year: 2023

Membagikan "Pemrograman Hybrid dengan Dart dan Flutter Framework : Installasi Software"

Copied!
7
0
0

Teks penuh

(1)

Praktikum Pemrograman Mobile

Pemrograman Hybrid dengan Dart dan Flutter Framework : Installasi Software

Dosen Pengampu : Allin Junikhah, M.T

Disusun Oleh :

Fitria Susanti 210605110044 Kelas D

PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS ISLAM NEGERI MAULANA MALIK IBRAHIM MALANG 2023

(2)

PRAKTIKUM

a. Install Flutter Karena kemudahan Flutter untuk membuat aplikasi Android dan iOS dalam satu single codebase membuat para developer merasa terbantu untuk hal deployment, dan kita bisa memakai Flutter tidak hanya pada satu sistem operasi saja, melainkan Flutter SDK dapat dijalankan di multi platform seperti Windows, Linux dan MacOS.

Komponen yang akan kita pakai adalah sebagai berikut:

1. Android Studio / Visual Studio Code 2. Flutter SDK

Step 1:

Installing Android Studio

• Lakukan installasi android studio sesuai petunjuk hingga finish.

• Jika sudah selesai pilih menu Configure -> Plugins->Browse Repositories, kemudian cari dengan kata kunci Flutter. Maka pencarian Flutter akan muncul pada urutan nomor 1. Tekan tombol install untuk memasang Flutter di Android Studio.

• Atau jika pernah mengembangkan project dengan Android Studio sebelumnya, cari IDE and Project Setting → Plugins, kemudian cari dengan kata kunci Flutter. Maka pencarian Flutter akan muncul pada urutan nomor 1. Tekan tombol install untuk memasang Flutter di Android Studio.

• Dengan langkah yang sama gunakan untuk menginstall Dart.

Step 2:

Get Flutter SDK

• Pertama kita harus mengunduh Flutter SDK dari situs resminya pada link berikut https://Flutter.dev/docs/get-started/install

• Kita akan disuguhkan 3 tipe pilihan sistem operasi untuk mengunduh SDK, pilih sesuai dengan sistem operasi yang dipakai

Silahkan extract file tersebut di lokasi folder yang diinginkan. Perlu diperhatikan karena lokasi tersebut akan kita masukkan ke dalam Environment Variable, jadi perlu di ingat kembali dimana kita menaruhnya.

Step 3:

Setting Environment Variable Sebelum Flutter dapat digunakan melalui terminal kita perlu melakukan setting environment variable terlebih dahulu, karena proses ini berfungsi sebagai shortcut path agar bisa menggunakan perintah Flutter pada terminal. Untuk cara

penyetingannya mungkin berbeda pada tiap sistem operasi.

Step 4:

(3)

Flutter Doctor

• Setelah semua proses di atas berhasil dilakukan sekarang kita uji apakah proses instalasi kita telah berjalan dengan lancar. Flutter menyediakan sebuah tools bernama Flutter Doctor yang berfungsi sebagai utilitas yang memeriksa environment Flutter kita terhadap masalahmasalah yang mungkinterjadi.

• Buka terminal kemudian masukkan perintah Flutter doctor.

TUGAS

Saya menggunakan tipe HP Vivo V20 dan untuk mengkoneksikan dari laptop ke hp

menggunakan aplikasi vysor dalam penggunaan aplikasi vysor dengan perantara kabel data.

Agar bisa tersambung dengan hp saya harus mengatur agar hp dalam keaadaan mode pengembang.

View/main.dart

(4)

view/profile_view.dart

(5)
(6)
(7)

KESIMPULAN

Kita dapat mengetahui instalasi perangkat lunak yang diperlukan untuk mengembangkan aplikasi mobile dengan menggunakan bahasa pemrograman Dart dan kerangka kerja Flutter. Selain itu setelah proses instalisasi kita juga membuat awal project yang masih mudah menggunakan flutte

Referensi

Dokumen terkait

React native disebut juga kerangka kerja terbuka untuk membuat aplikasi mobile pada beberapa platform (android, ios dan windows platform yang sedang dalam tahap

RESULTS AND DISCUSSIONS Effect of Coconut Water with Molasses and Rice Bean Among of all the media used in the study, control treatment containing the addition of 1 % urea, 0.3%