Rabu, 15 September 2021

Menampilkan Hallo_Dunia dengan menggunakan visual studio code💻

 Menampilkan Hallo_Dunia dengan menggunakan visual studio code💻

Assalamualaikum, wr wb hallo sahabat ngoding...
artikel kali ini membahas mengenai mobile programming, menampilkan hallo dunia menggunakan visual studio code dan akan menghasilkan output pada handphone, untuk membuatnya harus Memahami dengan baik perangkat perangkat bergerak (mobile), Mengetahui sistem operasi untuk perangkat bergerak (mobile) serta Mengetahui bahasa pemrograman native dan framework pengembangan mobile apps khususnya Android.

Native
    Aplikasi native atau native app adalah sebuah perangkat lunak yang dibangun menggunakan bahasa pemrograman tertentu untuk platform dengan sistem perangkat yang berbeda-beda. Tidak seperti aplikasi web umum yang hanya dibentuk menggunakan Javascript. Aplikasi ini adalah aplikasi yang ditulis dalam bahasa pemrograman spesifik yang dapat diterima oleh platform yang dituju, baik itu iOS, Android, atau OS lainnya. Misalnya, Swift atau Objective-C digunakan untuk membentuk aplikasi iOS asli dan Java digunakan untuk merakit aplikasi untuk Android. Alat dan bahan yang digunakan adalah : 
1. PC/ laptop yang memenuhi kapasitas untuk mobile programming
2. Akses Internet yang memadai
3. Handphone

Langkah awal yang harus dilakukan  adalah :

1. Buka visual studio code
    

2. Setelah masuk ke visual studio code nya install flutter dan dart nya untuk bagian flutter instal pada bagian flutter widget snippets,[ff] flutter files, dan flutter tree.
    

3. Pada penginstalan dart ada 4 dart yang harus diinstal dart import, dart data class generator, dart (syntax highlighting only) dan json to dart model.
    

4. Setelah semua selesai pastikan hanphone terkoneksi dengan pc atau laptop yang digunakan untuk mengoneksikan mennggunakan kabel USB, pastikan keduanya memiliki koneksi internet yang cukup  kemudian  pilih bagian view >> command palette
    

5. Maka akan muncul teks box, pada taks box tersebut ketikkan flutter new application project seperti gambar dibawah ini 
    

6. Kemudian akan diarahkan kebagian lokasi penyimpanan  untuk menyimpan projek yang akan dibuat

7. Setelah selesai peletakan penyimpanan kemudian akan tampil beberapa file seperti gambar dibawah ini, setelah muncul, pada bagian folder test widget_test.dart komentari semua script dengan cara ctrl+a+? .
    
8. Setelah selesai masuk kebagian main dart hapus semua script yang terdapat pada file main.dart setelah dihapus buat source code seperti dibawah ini untuk teks "hallo dunia"  bisa diubah sesuai keinginan.
    
9. Setelah selesai runningkan program yang sudah dibuat, jika berhasil akan tampil seperti gambar dibawah ini, setelah tampil 
    
10. Setelah semuanya selesai akan tampil pada layar hp seperti gambar dibawah ini 
    
seperti inilah aplikasi yang sudah terdownload pada handphone kita 
    







~SEMOGA BERMANFAAT💓💕💖~