Selasa, 08 Juni 2021

setup flutter ubuntu 20.04

1. install vs code

sudo snap install code --classic

 

2. install flutter

sudo snap install flutter --classic

 

3. download flutter sdk

flutter sdk-path

 

4. install java 8

sudo apt install openjdk-8-jdk openjdk-8-jre

sudo update-alternatives --config java

 

5. tambahkan di baris terakhir

nano ~/.bashrc

export JAVA_HOME="/usr/lib/jvm/java-8-openjdk-amd64"

source ~/.bashrc

 

6. install android studio

sudo snap install android-studio --classic

 

7. set android sdk ke flutter config

flutter config --android-sdk /path/to/android/sdk 

example : flutter config --android-sdk /home/slametdev/android/sdk 


8. running android licenses

flutter doctor --android-licenses

 

ketika command  (flutter doctor --android-licenses)

error:


solusinya:

  1. Uncheck Android SDK command-line Tools (latest)
  2. Check Android SDK command-line Tools 8.0
  3. Click Apply
  4. In Windows, go to “C:\Users\USERNAME\AppData\Local\Android\Sdk\cmdline-tools” and rename the 8.0 folder to “latest”
  5. Run Flutter doctor again.

 

Jumat, 23 April 2021

Cara membuat scrollbar kesamping

#untuk membuat row bisa di scroll

overflow-x:auto; 

#untuk hidden tampilan scroll view

scrollbar-width:none;

#untuk agar scroll view berjalan dengan baik

width:1024px;

Senin, 05 April 2021

Laravel 8 - Cara membuat Chart Grafik (Larapex)

github : https://github.com/ArielMejiaDev/larapex-charts

dokumentasi : https://larapex-charts.netlify.app


1. composer require arielmejiadev/larapex-charts

2. php artisan vendor:publish --tag=larapex-charts-config

3. coding

use ArielMejiaDev\LarapexCharts\LarapexChart;

Route::get('chart', function () {
    $chart = (new LarapexChart)->pieChart()
        ->setTitle('Top 3 scorers of the team.')
        ->setSubtitle('Season 2021.')
        ->addData([40, 50, 30])
        ->setLabels(['Player 7', 'Player 10', 'Player 9']);
    
    return view('chart', compact('chart'));
}); 

Senin, 22 Maret 2021

Get Alamat By Coordinat

 Get Alamat By Coordinat Di Laravel

create app\Helpers\Geocoding.php

<?php

namespace App\Helpers;

class Geocoding
{
protected $api_key;
protected $debug;
protected $callurl = "https://maps.googleapis.com/maps/api/geocode/json";
function __construct($api_key, $debug = 0)
{
$this->api_key = $api_key;
$this->debug = $debug;
}
public function request($url, $parameters)
{
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $url . "?" . http_build_query($parameters));
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_FOLLOWLOCATION, 1);
$result = curl_exec($ch);
return $result;
}
public function getAddress($latitude, $longitude)
{
$data = [
'latlng' => "$latitude,$longitude",
'key' => $this->api_key
];
$addressData = $this->request($this->callurl, $data);
return (json_decode($addressData)->results[0]->formatted_address);
}
public function getCoordinates($address)
{
$data = [
'address' => $address,
'key' => $this->api_key
];
$addressData = $this->request($this->callurl, $data);
$location = json_decode($addressData)->results[0]->geometry->location;
return [ 'latitude' => $location->lat, 'longitude' => $location->lng];
}
}

tambahkan di file global app\Helpers\Global.php

<?php

function get_address_google($latitude,$longitude){
$geo = new Geocoding('AIzaSyCEqgPSJg-nZ2iJfnEkDY79iRj_rAcQgzg');
$alamat = $geo->getAddress($latitude,$longitude);
return $alamat;
}

cara pemangilan di controller


public function checkout_invoice(Request $request){
$alamat = get_address_google($latitude,$longitude);
return view('frontend.checkout.invoice',compact('data','alamat'));
}


create project flutter with getx

Get CLI adalah alat yang sangat berguna untuk mempercepat pengembangan aplikasi Flutter dengan memanfaatkan arsitektur GetX . Berikut adala...