Boxed-Width Version (true/false)

الأحد، 16 سبتمبر 2018

thumbnail

Apa itu Flutter?

Membangun Aplikasi Mobile Menggunakan Flutter


flutter.png
Ada banyak cara untuk membuat sebuah aplikasi mobile, namun sering kali kita dihadapkan untuk membuat aplikasi dengan peforma yang baik dan cepat. Membuat aplikasi dengan cara hybrid memiliki keuntungan yang mudah dan cepat untuk dibuat, tetapi tidak memilki peforma yang baik, sedangkan membuat aplikasi dengan cara native memiliki keuntungan dan kekurangan yang sebaliknya, di mana dibutuhkan waktu yang lama untuk membuatnya tetapi memiliki performa yang baik dan tidak diragukan lagi. Melihat kedua hal ini akhirnya munculah framework-framework cross plaform yang mirip aplikasi hybrid namun dengan hasil yang tidak kalah jauh dari cara native. Salah satu teknologi baru yang sedang dikembangkan adalah Flutter.

Apa itu Flutter ?

Flutter merupakan salah satu framework cross platform yang sedang dikembangkan oleh Google. Google mengakui bahwa flutter merupakan framework yang terinspirasi oleh React. Dengan 1 codebase kita bisa menghasilkan aplikasi dengan platform Android dan IOS, cukup menghemat waktu untuk membuat sebuah prototype atau tugas akhir. Untuk menggunakan teknologi Flutter kita harus berkenalan dengan salah satu bahasa kekinian, yaitu Dart. Dart sendiri merupakan bahasa baru yang sedang dikembangkan oleh Google, tentunya bahasa ini baik untuk dipelajari melihat beberapa bahasa kekinian seperti swift dan kotlin. Untuk memulai saya akan membagi artikel ini menjadi 3 bagian, antara lain:
  • Instalasi Flutter
  • Mengenal Flutter (Dart)
  • Membuat Tampilan Menarik Menggunakan Flutter

Instalasi Flutter

Ada beberapa hal yang harus kita ketahui sebelum memulai instalasi ini, yaitu :
Windows & Linux: Untuk pengguna sistem operasi ini hanya dapat membuat aplikasi Android saja, karena hanya dapat menginstall Android Studio, sedangkan untuk Xcode hanya bisa diinstall di Mac OS. tetapi tidak menutup kemungkinan ketika sudah membuat aplikasi menggunakan flutter di Windows atau Linux, dan sudah bisa menggunakan Mac OS. Kita tinggal menjalankan aplikasi kita dengan menggunakan codebase yang sama.
Mac OS: Android Studio dan Xcode bisa diinstall di sistem operasi ini sehingga pengguna Mac Os bisa langsung menjalankan aplikasi flutter di Android dan IOS

Yang Dibutuhkan:

  • Android Studio Tebaru (Sudah Terinstall)
  • Xcode Terbaru (Sudah Terinstall)
  • Flutter SDK yang dapat di download di sini dan cara install masing - masing OS(Operating System)
  • Untuk Editor kita bisa menggunakan Visual Studio Code, Intellij IDEA, atau menggunakan Android Studio

Cara Install di MacOS:

  • Copy flutter sdk yang kita download pada directory yang kita inginkan atau jalankan perintah pada directory yang anda inginkan di terminal.
    git clone -b alpha https://github.com/flutter/flutter.git
  • Setting path pada .bash_profile agar perintah flutter dapat dijalankan di terminal.
Screen Shot 2018-01-12 at 17.50.41.png

Terminal untuk MacOS
  • Restart komputer atau jalankan perintah pada terminal
    source .bash_profile
  • Setelah itu jalankan perintah berikut di terminal untuk mengecek kesiapan flutter sdk kita dalam membuat aplikasi mobile menggunakan flutter.
    flutter doctor
  • Lalu buka editor yang akan kita gunakan untuk menginstall dart pluggin dan flutter pluggin. Di sini saya menggunakan Android Studio.
  • Browse repository plugin di android Studio atau Intelij IDEA
    Screen Shot 2018-01-19 at 16.07.03.png
  • Kemudian Restart Android Studio

Finally

Setelah kita menginstall flutter sdk dan plugin di Editor. Maka kita bisa langsung membuat project baru melalui editor.
Screen Shot 2018-01-16 at 10.39.46.png
Tampilan Awal Android Studio setelah install Flutter Plugin
Lalu kita bisa langsung jalankan di emulator yang aktif baik itu android atau IOS emulator. Untuk menjalankan ke semua device kita bisa menjalankan perintah “flutter run -d all”, maka akan langsung terinstall di semua emulator atau device yang aktif.
Screen Shot 2018-01-16 at 10.48.35.png

Tampilan di Emulator Android dan IOS

Demikian tahap awal dalam mengenal flutter, semoga bisa dipahami dan langsung dicoba. Untuk artikel berikutnya kita akan membahas tentang bahasa dart di flutter, untuk mengenal flutter lebih dalam lagi.
 
sumber :steemit.com 

Subscribe by Email

Follow Updates Articles from This Blog via Email

1 Comments

avatar

It was a very relevant blog. To hire the Best coder in India, it is very important to contemplate the very considerable skills of a coder, but the right assistance is necessary. Fortunately, I got Eiliana.com, the perfect assistance for the same.

Reply Delete

About

يتم التشغيل بواسطة Blogger.

Featured

advertise here

بحث هذه المدونة الإلكترونية

Fans Page

Unordered List

Fanspage

Most Recent Post

    Advertise Here

    banner

    Sample Text

    Text Widget

    نموذج الاتصال

    الاسم

    بريد إلكتروني *

    رسالة *

    About Us

    About Us
    There are many variations of passages of Lorem Ipsum available.

    Ethereum Price

    Monday Tuesday Wednesday
    $402.89 $384.06 $396.34

    Facebook