Rabu, 14 Oktober 2020

Cara Install Flutter

  Flutter adalah SDK untuk pengembangan aplikasi Mobile yang dikembangkan oleh Google. Sama seperti React Native, Framework ini dapat digunakan untuk membuat atau mengembangkan Aplikasi Mobile yang dapat berjalan pada Device iOS dan Android.

Hal yang menarik pada Framework ini adalah semua kodenya di Compile dalam kode Native nya (Android NDK, LLVM, AOT-compiled) tanpa ada Intrepeter pada prosesnya sehingga proses Compile-nya menjadi lebih cepat.

Pada pembahasan kali ini, penulis menggunakan Dart sebagai bahasa pemrogramannya.Apa itu Dart? Bahasa pemrograman Dart merupakan bahasa pemrograman General-Purpose yang dirancang oleh Lars Bak dan Kasper Lund. Bahasa pemrograman ini dikembangkan sebagai bahasa pemrograman aplikasi yang dapat dengan mudah untuk dipelajari dan disebarkan.

Apa itu Dart ?

Bahasa pemrograman Dart merupakan bahasa pemrograman General-Purpose yang dirancang oleh Lars Bak dan Kasper Lund. Bahasa pemrograman ini dikembangkan sebagai bahasa pemrograman aplikasi yang dapat dengan mudah untuk dipelajari dan disebarkan.

Dart digunakan untuk mengembangkan berbagai macam platform termasuk di dalamnya adalah web, aplikasi mobileserver, dan perangkat yang mengarah pada teknologi Internet of Things.

Bahasa pemrograman tersebut dapat digunakan untuk mengembangkan aplikasi untuk dijalankan pada berbagai macam peramban modern. Dart juga dapat digunakan untuk mengembangkan aplikasi dari codebase tunggal menjadi aplikasi Android maupun iOS.Pada pembahasan kali ini, penulis menggunakan bahasa pemrograman Dart dan Flutter sebagai Framework nya.

Persiapan

Sebelum memulai yang lain, mari unduh dulu file-file yang diperlukan:

1.Install Visual Studio Code
    Sebelum mengintall fluter,Install terlebih dahulu visual studio code sesuai dengan versi windows anda.

2.Install flutter di windows
    Download flutter,Setelah selesai di Download, silahkan taruh file tersbut ke folder yang aman, lalu Ekstrak.

Setelah itu copykan file hasil ekstrak tadi (berupa folder dengan nama flutter) ke C: masing masing.

Kurang lebih jadinya seperti ini :

Cara Set up Flutter di Windows

Langkah selanjutnya adalah Setting Environment Variable

Cara Setting Environment Variable

Klik pada icon Windows (Start), lalu ketikan Env, lalu akan muncul pilihan seperti dibawah ini

Cara Setting  Environment Variable

Lalu klik Edit the system environtment variables, lalu akan muncul seperti ini :

Cara Setting  Environment Variable

Klik pada Environment Variables

Akan muncul seperti ini :

Cara Setting  Environment Variable

Klik pada varible Path lalu klik tombol Edit

Akan muncul seperti ini :

Cara Setting  Environment Variable

Lalu klik tombol New, lalu isikan seperti ini :

C:\flutter\bin

lalu Enter, sehingga akan menjadi seperti gambar di atas (yang saya kotaki biru)

Lalu klik Ok.

Mungkin sebagain ada yang bingung kenapa kita harus setting environment variable, atau mungkin malahan tidak tau sama sekali mengenai Environment variable ini.

Jadi mungkin akan saya jelaskan sedikit (dengan bahasa yang mudah dipahami) mengenai si Environment variable ini.

Apa itu Environment variable ?

Environment varible dalah sebuah varibel yang ada pada komputer yang digunakan untuk menyimpan sebuah value barupa Path (alamat sebuah program yang telah diinstall) sehingga dapat digunakan untuk memanggil program tersebut.

Lalu kenapa kita harus setting Environment variable ?

Simpelnya karna nanti ketika kita develop aplikasi berbasis flutter dengan menggunakan VS Code kita akan banyak menggunakan terminal, nah untuk memanggil si flutter ini kita harus menyimpan alamat file bin yang ada pada folder flutter ke Environment Varible agar kita bisa memanggilnya lewat terminal.

Nah gimana? cukup jelas bukan?

Kalo masih ada yang bingung silahkan ditanyakan di kolom komentar.

Langkah selanjutnya ada Setting VS Code.

Tapi sebelumnya kita cek terlebih dahulu apakah flutter sudah berhasil terinstall di komputer kita.

Cara ceknya cukup mudah, buka CMD lalu ketikan flutter, lalu tekan tombol Enter dua kali.

Jika instalasi berhasil maka akan muncul seperti ini :

fluttter cmd

Mempersiapkan Visual Studio Code untuk Develop Aplikasi Flutter

Di sini saya hanya akan menjelaskan cara setting VS Code untuk flutter, saya tidak akan menjelaskan dari awal Instalasi VS Code dll, jadi saya asumsikan di komputer anda sudah terinstall VS Code.

Oke, langsung saja kita buka VS Code, lalu pilih Extension (icon sebelah kiri yang paling bawah)

Lalu cari Ekstensi dengan nama Flutter, setelah itu klik Install.

Cara Set up VS Code untuk Flutter

Lalu cari dan install ekstensi Dart

Cara Set up VS Code untuk Flutter

Note
Untuk versi VS Code terbaru mungkin ekstensi Dart sudah otomatis terinstall secara default, jadi tidak usah install lagi.

Cara Membuat Project Flutter baru

Buat folder baru, lalu buka folder tersebut di Visual Studo Code.

Lalu buka terminal (Ctrl+~).

Untuk bisa membuka terminal secara langsung di VS code, anda harus sudah mengaktifkan fitur Integrated terminal terlebih dahulu.

Jika belum, silahkan buka File »  Preferences »  Settting atau bisa juga menggunakan Shortcut (Ctrl+,).

Lalu pergi ke Features »  Terminal.

Lalu pada bagian Explorer Kind pilih Integrated.

Cara Membuat Project Flutter baru

Jika sudah, kita buka terminalnya.

Lalu ketikan pada terminal perintah berikut ini.

flutter create projectbaru

Tunngu beberapa saat sampai proses selesai.

Cara Membuat Project Flutter baru

Jika sudah seperti gambar di atas, artinya project sudah berhasil dibuat.

Beberapa hal yang harus diperhatikan

Untuk develop aplikasi berbasis flutter menggunakan VS Code, kita butuh perantara untuk menjalankan aplikasi tersebut (Debugging & Running), perantara tersebut bisa berupa Emulator ataupun Device Android

Ketika anda memilih untuk menggunakan Emulator, maka anda juga harus menginstall Android Studio, lalu membuat Emulator disana menggunakan AVD yang sudah disedikan disana. 

Kekurangan ketika memilih menggunakan Emulator adalah membutuhkan ram yang cukup besar (setidaknya butuh leptop yang memiliki Ram 8 ke atas)

Sedangkan untuk menggunakan Android Device sebagai Perantara anda harus melakukan beberapa konfigurasi terlebih dahulu,

Untuk lebih memudahkan, saya akan jelaskan juga Cara Membuat Emulator di Android Studio untuk menjalankan apliaksi flutter.

Cara Membuat Emulator di Android Studio untuk Running aplikasi Flutter

Pertama download dan install terlebih dahulu Android Studionya, Lalu install seperti biasanya 

Jika proses instalasi sudah selesai, langsung saja buka android studionya.

Lalu buka AVD Manager (ada di pojok kanan).

Cara Membuat Emulator di Android Studio untuk Running aplikasi Flutter

Lalu pilih + Create Virtual Device.. (ada di pojok kiri bawah).

Lalu silahkan pilih jenis Smartphone apa yang ingin ana buat Emulatornya 

Atau anda juga bisa mengatur sendiri Resolusi device-nya dengan memilih New Hardware Profile.

Jika sudah klik Next.

Lalu anda akan disuruh untuk memilih Sistem Operasi Android apa yang akan anda gunakan (usahakan pilih yang paling terbaru atau satu tingkat dibawahnya).

Cara Membuat Emulator di Android Studio untuk Running aplikasi Flutter

Apabila anda baru pertama kali membuat Emulator di Android Studio, maka anda akan disuruh mendownload Android yang akan dipakai terlebih dahulu.

Jika sudah, klik Next.

Anda akan disuruh memilih mode layar ketika pertama kali dijalankan (Potrait atau Landscape), pilih sesuai kebutuhan.

Cara Membuat Emulator di Android Studio untuk Running aplikasi Flutter

Jika sudah klik Finish.

Running Aplikasi Flutter

Setelah semua proses diatas telah selesai, kita akan langsung merunning aplikasi awal yang sebelumnya sudah dibuatkan oleh flutter pada saat kita membuat project baru di atas.

Oke langsung saja, silahkan buka project flutter yang ada di VS Code

Lalu melalui terminal, masuk ke folder project flutter yang sebelumnya sudah kita buat.

Caranya dengan mengetikan perintah berikut ke dalam terminal.

cd .\projectbaru\

Lalu run aplikasi flutter dengan menggunakan perintah berikut

flutter run

Jangan lupa untuk menjalankan Emulator terlebih dahulu.

Running Aplikasi Flutter

Atau, kita juga bisa menjalankan aplikasi flutter di VS Code dengan memanfaatkan fitur Debug yang ada di VS Code.

Caranya adalah, buka dulu project flutternya, Lalu cari dan buka file main.dart (biasanya ada di lib » main.dart).

Jika sudah. langkah selanjutnya adalah pergi ke Debug »   Run Without Debugging.

Running Aplikasi Flutter

Lalu pilih Emulator/Device Android yang ingin anda gunakan.

Running Aplikasi Flutter

Lalu tunggu sampai Emulator berjalan dan proses Instalasi selesai (biasanya akan membutuhkan waktu yang cukup lama, apalagi untuk project besar).

Running Aplikasi Flutter

Kamis, 28 November 2019

Program Array

Assalamualaikum wr.wb

kali ini saya akan memberikan tutorial cara menggunakan program array pada program java di NotePad++

1. Mari kita buka aplikasi Notepad++ terlebih dahulu


2. Kemudian kita ketikkan source code seperti di  bawah ini

kita menggunakan fungsi Array pada "String [ ] Genre" di mana kita memberikan nama array yang kita buat adalah Genre. kemudian kita membuatkan beberapa isi dari bagian array tersebut. dan memanggilnya dengan mengetikkan "Genre[ ]". kemudian kita Save dengan menekan "ctrl + s".

3.setelah itu kita buka cmd dengan menekan "ctrl+r" untuk membuka tabel Run dan kemudian ketikan "cmd" lalu enter.

"E:" berfungsi untuk masuk ke dalam local disk E , dan "cd Rizky" berfungsi untuk masuk ke dalam folder Rizky yang terletak di dalam local disk E, dan "javac Genre.java" berfungsi untuk membuat class dari program java "Genre".

4.lalu kita ketikan perintah "Java Genre" maka hasil output akan keluar.



Mungkin hanya sekian yang dapat saya jelaskan Terima Kasih :)

Minggu, 10 November 2019

Cara Membuat Program Menghitung Bilangan

Assalamualaikum wr.wb saya Rizky akan memberikan tutorial cara membuat program Menghitung Bilangan Ganjil dengan Java di NotePad++ 

Program ini adalah salah satu bagian dari Java, untuk jalankan program ini pada komputer diperlukan intallisasi JDK (Java Development Kit) atau JRE (Java Runtime Environtment) yang mana mempunyai fungsi untuk mengkompilasi kode dari codingan java menjadi aplikasi java.

Berikut langkah-langkahnya :

1. Buka Aplikasi Notepad++ yang ada di PC anda


2. kemudian buat codingan seperti di bawah ini.

3. Setelah itu saya menyimpannya di dalam direktori "LocalDisk(E:)" 

4.Lalu buka CMD dengan cara menekan "Windows+R" dan ketikan "CMD" tkena "Enter"

5. Kemudian kita ketikkan perintah untuk masuk ke direktori LocalDisk(E:) dengan cara ketik "E:"lalu tekan "Enter", kemudian setelah itu kita masuk ke folder penyimpanan dengan menekena "cd (Nama Folder)" karna saya menyimpan dalam folder Bilangan maka saya ketikan "cd Bilangan".
kemudian kita compile dengan mengetik "Javac BilGanjil.java" maka akan muncul class di dalam folder "Bilangan". Dan untuk mencoba programnya kita ketikkan perintah "java BilGanjil" maka Program akan berjalan dan akan menghasilkan bilangan Ganjil seperti di atas

Kamis, 31 Oktober 2019

CARA MEMBUAT PROGRAM MASUKAN DENGAN BAHASA JAVA

CARA MEMBUAT PROGRAM MASUKAN DENGAN BAHASA JAVA


Assalamualaikum wr.wb, Berikut saya akan membagikan cara membuat program Masukan dengan Jva di NotePad++

Berikut cara untuk membuat program Masukan :

1. Buka notepad++ 

2. Lalu kita buat kode di bawah ini dalam NotePad++

Fungsi dari source code pada program Masukan :
- import java.util.Scanner; //mengimport Scanner ke program
- class Masukan //nama class
- { //buka class
- static Scanner masuk = new Scanner (System.in); //input masukan Scanner berfungsi untuk mengambil input dari keyboard
- public static void main (String [] args){ //method utama (main) bersifat umum dan tetap { buka method
- int a=0; //input awal integer a=0
- System.out.print("Masukan Angka :"); //output pertama
- a = masuk.nextInt(); //input untuk angka selanjutnya
- System.out.print(a); //output hasil akhir
- } //tutup method
- } //tutup class

3.  Selanjutnya simpan file terebut dengan menekan "ctrl+s", dan simpan sesuai dengan nama class yaitu "Masukan.java" dan saya menyimpannya dalam folder "Rizky" di Local Disk(E:).

4. lalu buka CMD dan ketikkan "E:" lalu tekan "enter", "E:" berfungsi untuk masuk ke dalam LocalDisk(E:), dan kemudian ketik perintah "cd Rizky" untuk masuk ke dalam folder "Rizky"

5. Kemudian kita compile dengan perintah "javac Masukan.java" lalu "enter", dan masukkan perintah "java Masukan". maka akan muncul tulisan "Masukan Angka: " kemudian saya menjawab dengan "10" maka keluarannya adalah "10".

6. Program Masukan dengan bahasa java telah berhasil anda buat!

   Demikianlah cara membuat program Masukan dengan bahasa permrograman java.
Semoga bermanfaat...
Sekian dan terimakasih!

Rabu, 30 Oktober 2019

Cara Membuat Program Pengulang Java di NotePad++

Tutorial Membuat Program Pengulangan Java di NotePad ++

Assalamualaikum wr.wb saya Rizky akan memberikan tutorial cara membuat program perulangan dengan Java di NotePad++ 

   Program ini adalah salah satu bagian dari Java, untuk jalankan program ini pada komputer diperlukan intallisasi JDK (Java Development Kit) atau JRE (Java Runtime Environtment) yang mana mempunyai fungsi untuk mengkompilasi kode dari codingan java menjadi aplikasi java.

Berikut langkah-langkahnya :

1. Buka Aplikasi Notepad++ yang ada di PC anda


2. Kemudian Buat lah kode Seperti di bawah ini,

Note !!! "Pastikan titik koma, maupun penulisan karakter haruslah sesuai dengan Codingan di atas.

3. Setelah itu save ke dalam penyimpanan dengan menekan "ctrl + s", disini saya menyimpan dalam Local Disk(E:) dalam folder Rizky

Note!!!  Jika ingin save data hasil codingan, tulis sesuai dengan nama "class" nya dan gunakan "titik java" atau seperti berikut ".java".

4. Lalu buka CMD dan masuk ke dalam folder tadi dengan cara 
    masuk ke LocalDisk(E:) dengan cara ketik "E:" tekan Enter, lalu masuk ke folder Rizky dengan          cara ketik "cd Rizky".

5.  setelah itu lakukan compile "javac Pengulangan.java" lalu tekan enter. setelah di compile lalu ketik perintah "java Pengulangan" untuk menjalankan proses pengulangannya.


6. Maka hasil akhirnya akan menjadi seperti ini 

Nah Demikianlah tutorial membuat program pengulangan di java dengan NotePad++.
semoga bisa bermanfaat bagi teman-teman sekalian.

Sekian Terimakasih
Wassalamualaikum Wr.Wb

Jumat, 11 Oktober 2019

Tutorial membuat Program Hello World dalam NotePad++


Baiklah Saya akan menjelaskan caranya memunculkan Hello World dengan Notpad++

  1. Pertama tama kita buat dahulu classnya seperti gambar di bawah

  1. Lalu kita tambahkan Method kedalamnya Seperti gambar di bawah

  1. Kemudian kita tambahkan perintah untuk outputnya

  1. Seterusnya jangan lupa untuk menutup calss dan methodnya
  1. Setelah selesai membuat script nya maka kita test di CMD dengan cara tekan ( Win+R) lalu ketik CMD dan Enter. Maka akan muncul jendela terminal

  1. Jika sudah muncul jendela CMD kita ketikkan perintah untuk masuk ke dalam folder yang terdapat file script java di dalamnya
Note: ”D:” Berfungsi untuk masuk ke dalam Local Disk (D:), “cd” berfungsi untuk
masuk ke dalam direktory penyimpanan/folder. 

  1. Dan kemudian kita ketikkan perintah “javac hello_world.java” untuk membuat class nya.
  1. Jika tidak muncul error berarti script kita sukses, dan untuk memunculkan isinya ketikkan perintah “java hello_world.java”

Sekian Tutorial dari saya, Mohon maaf jika banyak kekurangan dalam blog saya, TERIMA KASIH