Flutter #5 - Tampilan Sederhana dengan Stateless Widget


Stateless Widget dapat diartikan sebagai Widget yang tidak dapat dirubah atau tidak akan pernah berubah.

Misal kita mempunya widget yang berisi text “Buku yang dibaca : 1” maka dari mulai text itu dibuat sampai aplikasi berjalan pun text tersebut tetap akan selalu menjadi “Buku yang dibaca : 1“.

Langkah - Langkahnya : 
1. Tambahkan kode dibawah pada method main
runApp(HomePage());
2. Buat Class HomePage dengan StatelessWidget yang mengembalikan Nilai method MaterialApp
class HomePage extends StatelessWidget{
Widget build(BuildContext context){
return MaterialApp(

);
}
}
Setiap Membuat Class dengan StatelessWidget harus menambahkan Widget build yang nantinya akan memiliki return berupa method MaterialApp.

3. Tampilan Home dengan Method Scaffold yang memiliki appBar dan body
home: Scaffold(
appBar: AppBar(

),
body: Center(

),
),

4. Mengisi title AppBar dengan Method Text
appBar: AppBar(
title: Text("Judul")
),
5. Mengisi child pada method Center untuk tampilan Body Dengan menambahkan text menggunakan Method Text
body: Center(
child: Text("Isi App")
),

Tampilan Lengkapnya Seperti Dibawah Ini 

import 'package:flutter/material.dart';

main(){
runApp(HomePage());
}

class HomePage extends StatelessWidget{
Widget build(BuildContext context){
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text("Judul")
),
body: Center(
child: Text("Isi App")
),
),
);
}
}

Flutter #4 - Dasar Flutter

Setiap bahasa pemrograman memiliki struktur dasar yang berbeda - beda. Pada Flutter struktur dasarnya adalah file main.dart dan harus memiliki method main(){}. Untuk Lebih Jelaskan silahkan lakukan praktikum di bawah ini : 

1. Buka File main.dart

2. Tambahkan Format Dasar Berikut ini 
import 'package:flutter/material.dart';

main(){ 

}





Mengatur ADB Online Di MacBook

Menguji Coba Aplikasi Yang Di Buat Bisa menggunakan Kabel Maupun Bisa Juga Dilakukan secara online mengingat MacBook biasanya menyediakan sedikit port usb . 
Langkah - Langkahnya : 

1. Instalasi brew pada MacBook
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

2. Instalasi ADB
brew install android-platform-tools

3. Android Harus Masuk Pada Mode Depelover

4. Koneksikan Android Satu Dalam Satu Wifi

5. Colokkan Kabel USB

6. Melihat Perangkat Yang Terhubung 
adb devices

7. Buka Terminal 

8. Mengaktifkan TCP IP 5555
adb tcpip 5555

9. Hubungkan Menggunakan IP Address Android
adb connect 10.10.10.11:5555

10. Cabut Kabel USB

Mount NTFS Read and Write Pada MacBook Free

Install HomeBrew
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

Install Macfuse
brew install --cask macfuse

Install ntfs-3g-mac
brew tap gromgit/homebrew-fuse
brew install ntfs-3g-mac

Masuk Root #

masukkan FDD/HDD External
# diskutil list 
Lihat Alamat Disk => /dev/disk?s?

Memutuskan Mount
diskutil eject /dev/disk?s?

Membuat Folder
mkdir "/Volumes/drive name"

Mengaitkan Ulang

/usr/local/sbin/mount_ntfs -o rw /dev/disk?s? "/Volumes/drive name"

Catatan : 
Jika ada permintaan ijin dan restart silahkan di restart 
Jika sudah direstart silahkan ulangi langkah dari memasukkan FDD/HDD External




Membuat Folder Alias Laravel untuk menghilangkan index.php pada nginx




Jika terjadi kegagalan pada saat kita akan melakukan login pada aplikasi dengan CMS Laravel silahkan tambahkan pengaturan ini pada nginx.conf

location /mengajar {
    alias /usr/local/var/www/sh/mengajar/public;
    index  index.html index.htm index.php;

    try_files $uri $uri/ @mengajar;
        location ~ \.php$ {
            fastcgi_split_path_info ^(.+\.php)(/.+)$;
            fastcgi_pass 127.0.0.1:9000;
            fastcgi_index index.php;
            include fastcgi_params;
            fastcgi_param SCRIPT_FILENAME $request_filename;
        }
    }
    location @mengajar {
        rewrite /mengajar/(.*)$ /mengajar/index.php last;
    }
}

Silahkan rubah semua yang berwarna merah sesuai dengan yang diinginkan

Stuck Password Moodle Linux - Nginx - PHP FPM



Jika mengalami masalah saat selesai instalasi moodle adalah sebagai berikut : 

Seting pada Nginx


location ~ [^/]\.php(/|$) {     fastcgi_split_path_info ^(.+\.php)(/.+)$;     fastcgi_index index.php;     fastcgi_pass unix:/run/php/php7.0-fpm.sock;     include fastcgi_params;     fastcgi_param PATH_INFO $fastcgi_path_info;     fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name; }


Jika Tidak Bisa Upload File Besar Ubah Seperti Berikut :


server {     listen 80;     server_name example.com;     client_max_body_size 10M;     client_body_timeout 120s;



Semoga Bermanfaat

Flutter #3 - Membuat Project Flutter


1. Buka Aplikasi Android Studio yang sudah diinstalasi 
2. Pilih Projects kemudian klik New Flutter Project 


3. Pilih Flutter
4. Isi Lokasi Flutter SDK
5. Klik Next


6. Lengkapi data 
  • Project Name adalah nama proyeknya
  • Project Location adalah lokasi folder tempat menyimpan proyek
  • Description adalah Deskripsi dari proyek yang dibuat
  • Project Type adalah jenis proyek yang akan dibuat
  • Organization adalah alamat website project 
  • Android Language adalah bahasa pemrograman android yang akan digunakan untuk generate 
  • iOS Language adalah bahasa pemrograman iOS yang digunakan nantinya untuk generate
  • Platforms adalah Jenis Sistem Operasi yang akan bisa menjalankan aplikasi
Kemudian Klik Finish

 

7. Hasil Project yang Dibuat