Cara Integrasi DOKU ke Aplikasi Flutter

Cara Integrasi DOKU ke Aplikasi Flutter

Halo sob! Kali ini ane pengen share tentang sebuah riset yang ane lakuin beberapa hari ke belakang. Ane ada project mobile app yang perlu integrasi ke payment gateway yang namanya DOKU. Ane tau payment gateway satu ini udah cukup lama, pas zaman DOKU masih belum terlalu terkenal dan bisa dibilang agak ribet buat setupnya waktu itu. Tapi kayanya udah banyak major update nih dari si DOKU dan mulai nyaman untuk dipake.

Integrasi DOKU Flutter


Oke, untuk bahan-bahan yang kita perlukan di sisi Flutter adalah webview. Disini ane gak pakai package webview_flutter kaya di tutorial-tutorial yang dikasih Google, tapi ane pakenya flutter_inappwebview. Package in_app_webview ini memungkinkan kita buat nempelin webview di aplikasi ini.


DOKU Payment URL

Disini ane gak bakalan bahas tentang gimana cara ngirim request ke DOKU nya. Tapi disini ane bakal pake yang namanya DOKU sandbox yang udah buatin kita form apa aja yang dibutuhin sama DOKU buat generate payment.url buat kita.

Jokul DOKU


  • Sebelum ke langkah selanjutnya, sobat bisa inspect element terlebih dahulu di browser sobat. Cara umumnya bisa dengan klik kanan -> Inspect Element. Nanti bakal muncul tampilan inspeksi dari website sandbox demo tersebut.
Jokul DOKU - Inspect Element


  • Setelah itu baru kita bisa klik tombol PURCHASE nya aja
Purchase


  • Di tampilan Inspect Element, sobat pindah ke tab Network, lalu cari API dengan url: <URL>, klik url tersebut, lalu dibawahnya ada tab Response.
Get URL from Network


  • Nah kita bisa dapetin payment.url yang udah DOKU buatin, yang nantinya bakal kita pake di aplikasi Flutter kita. Copy url tersebut dan simpan di notes.

Integrasi ke Flutter

Untuk integrasi ke flutter, sobat bisa ikuti langkah-langkah berikut
  • Tambahin package in_app_webview ke aplikasi kita dengan cara tambahin di pubspec.yaml
  • Jalanin flutter pub get buat nge-install package tersebut
  • Import package nya di aplikasi kita

import 'package:flutter/material.dart';
import 'package:flutter_inappwebview/flutter_inappwebview.dart';

  • Buat widget yang pake InAppWebView

class WebPage extends StatefulWidget {
  const WebPage({super.key});

  @override
  State createState() => _WebPageState();
}

class _WebPageState extends State {
  final GlobalKey webViewKey = GlobalKey();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        child: Column(
          children: [
            Expanded(
              child: InAppWebView(
                key: webViewKey,
                initialUrlRequest: URLRequest(
                  url: Uri.parse(
                      // ubah url dibawah ini
                      "https://sandbox.doku.com/checkout/link/0JLIXq08pYjDnP6hPXXknmMMyV3gu3ZF20233320053302808"),
                ),
                onLoadStart: (controller, url) {
                  if (url?.toString() == "https://doku.com/") {
                    Navigator.pop(context);
                  }
                },
              ),
            ),
          ],
        ),
      ),
    );
  }
}

Di widget tersebut, kita masukin widget InAppWebView, dimana kita passing url dari payment.url nya si DOKU ke initialUrlRequest. Nanti si InAppWebView bakalan nge-embed url tersebut di aplikasi Flutter kita.

Disini ane nambahin function onLoadStart untuk melakukan deteksi, apakah url yang ditampilin itu balik lagi ke redirect-nya si DOKU, dalam hal ini default-nya adalah "https://doku.com/". Ketika url yang di-load-nya itu balik ke default, kita bakal close halaman WebPage tersebut, dengan tujuan supaya user balik lagi ke halaman sebelum pembayaran. Disini sobat juga bisa handle redirect ke page manapun di aplikasi Flutter sobat.

Oke, untuk cara integrasi DOKU ke app flutter segitu aja, jika ada yang kurang boleh ditambahin, atau jika ada yang gak jelas mari kita discuss di comment section below sob! See ya!

Referensi:

Cara Download Video Tiktok Tanpa Aplikasi: The 2023 Way

Cara Download Video Tiktok Tanpa Aplikasi: The 2023 Way

Belakangan, aplikasi berbagi media TikTok, lagi naik-naiknya. Mau sharing-sharing as a creator atau sekedar iseng upload kenangan mantan doang, kita bisa upload ke aplikasi tiktok ini. Mau itu media yang bentuknya video ataupun foto, kita bisa upload. Tapi, apakah sobat tau, gimana caranya download video tiktok, tanpa perlu install-install aplikasi lagi?


Download Video Tiktok Online

Cara mudahnya adalah dengan memakai tools yang udah tersedia secara online, alias kita bisa search langsung website yang memungkinkan kita buat download video tiktok secara langsung, tanpa perlu install-install aplikasi tambahan. Salahsatu website yang bisa kita pakai buat download video tiktok adalah Snaptik.


Caranya amat sangat sederhana, kita cukup copy/salin url video tiktok yang ingin kita download. Buka website Snaptik (bisa klik LINK INI), lalu paste url video/story yang mau kita download. Tunggu prosesnya sampai selesai, nanti bakal muncul tombol download kalo proses udah selesai.


Buat sobat yang pengen coba di website lain juga bisa. Tinggal search aja di Google, "download video tiktok online" dan banyak website-website yang bisa kita pakai buat generate downloadable content tiktok. Perlu diperhatikan, mungkin gak semua website yang bisa download konten tiktok itu aman, ada juga yang berusaha nipu kita ataupun emang ada script-script berbahaya yang nempel di website tersebut. So, tetep hati-hati dan liat dulu, ini website aman atau gak, buat kita pake.


Okee, segitu dulu kali yaa, kalo mau discuss, boleh kita diskusi santai di bawah ya sob! 

Apa itu Core CUDA di Graphic Card?

Apa itu Core CUDA di Graphic Card?

 Kalo sobat adalah seorang gamer atau yang kerjanya berhubungan dengan grafis, mungkin sobat bakal gak asing sama yang namanya CUDA. Si CUDA ini punya peran penting yang berkaitan dengan performa graphic card kita, namun mungkin gak semua orang tahu persis, buat apa sih si CUDA ini?

CUDA ini merupakan kependekan dari Compute Unified Device Architecture, yang merupakan platform komputasi paralel yang dikembangkan sama NVIDIA. Core-core CUDA pada dasarnya adalah processing unit yang membetuk GPU-nya NVIDIA. Bisa dibilang unit-unit tersebutlah yang berperan dan bekerja sama melakukan perhitungan yang diperlukan buat render gambar, video dan tugas-tugas grafis lainnya. Tiap core CUDA ini bisa jalanin banyak instruksi berbarengan, jadi memungkinkan dia buat melakukan ribuat komputasi secara paralel sob. Ini lah yang buat NVIDIA punya keunggulan lebih dalam hal performa grafis.


Semakin banyak core yang dimiliki graphic card, semakin banyak pula komputasi yang bisa dilakukan secara bersamaan. Inilah yang membuat waktu render lebih cepat dan performa yang lebih baik ketika kita sedang bermain game, ngedit video, bahkan 3D modelling. Sebagai contoh misalnya kita coba bandingkan NVIDIA GeForce RTX 3080 yang punya sekitar 8.703 core, dengan NVIDIA GeForce GTX 1650 yang cuman punya sekitar 896 core. Ini berarti RTX 3080 bisa melakukan komputasi 9x lebih banyak dibandingkan GTX 1650 yang menjadikan si RTX 3080 ini jadi jauh lebih cepet dan tentunya jadi lebih mahil sob. Namun yang perlu diperhatikan adalah core CUDA bukan satu-satunya faktor penting yang menetukan kinerja graphic card sob, faktor lain kaya clock speed, memory bandwith sama kapasitas memory juga sama pentingnya. Cuman, CUDA ini merupakan komponen penting yang bisa buat perbedaan gede dari segi kinerja graphic card secara keseluruhan.

Teruntuk para gamers, CUDA ini sangat penting. Game merupakan salah satu program/aplikasi yang memang memerlukan kinerja grafis yang mumpuni, dan semakin banyak core yang dimiliki graphic card, maka semakin bagus juga handling graphic card terhadap demand dari game-game modern saat ini. Kaya misalnya game Cyberpunk 2077 sama Red Dead Redemption 2 yang butuh graphic card dewa biar processing dari detail-detail 3D game-nya bisa tampil maksimal. Tanpa ini, game sudah dipastikan bakal lag, atau patah-patah yang membuat pemain jadi gak responsive buat memainkannya.

Cara Import Excel ke Google Sheet

Cara Import Excel ke Google Sheet

Pernah gak sih, sobat ini dikirimin file excel tapi kitanya gak punya aplikasi excel? Ane sendiri sering ngalamin kaya gitu sob. Sebagai pengguna Linux sejak kuliah dulu, ane sering dipusingkan dengan masalah office. Semua berubah setelah Google menyediakan office online.

 

Import Excel ke Google Drive

Okee, udahan dulu lah. Kali ini ane pengen share tentang gimana sih caranya buka file excel di Google Sheet, gimana sih cara import file excel di Google Sheet. So, let’s get started ya!

Cara Import Excel ke Google Sheet

Pertama-tama, kita perlu upload file excel-nya dulu nih ke Google Drive. Buka drive.google.com, lalu tap tombol New di sebelah kiri.


New - Google Drive

 

Pilih opsi File Upload, lalu pilih file excel yang mau kita buka di Google Sheet. Google Drive akan otomatis meng-upload file yang kita pilih tadi. Tunggu sampai proses upload selesai.




Setelah itu, cari file yang kita udah upload tadi. Klik Kanan, pilih opsi Open With, pilih lagi Google Sheet.



 

Udah deh, nanti bakal terbuka tab baru yang memuat file excel yang udah kita upload tadi.

 


Oke segitu dulu ya sob, semoga bermanfaat buat para kaum penghemat harddisk, yang memang gak install office karena space harddisk terbatas hehe See ya!

Website Buat Nyari Gambar PNG Gratisan

Website Buat Nyari Gambar PNG Gratisan

Nyari gambar yang gak ada backgroundnya sulit? Atau kadang terkendala sama copyright juga sob? Oke, simak saja artikel mamang yang satu ini tentang website yang nyediain gambar PNG secara gratis.

 

Hello lagi sob! Sudah lama juga hiatus di dunia blog karena load kerjaan yang lumayan membuat stres. Daripada melihara stres terus-terusan, mending mamang tuangin disini biar gak boloho ya sob! hehehe...


Okee, sesuai judul, kali ini mamang ingin share tentang website-website yang menyediakan gambar PNG secara gratis. Mamang tahu kok kalian juga butuh kan sama gambar gratisan, terlebih buat para content creator yang terbatas di budget kaya mamang hehe . . lebih baik mengandalkan asset-asset yang memang tidak memerlukan budget berlebih, syukur-syukur dapet gratisan (tanpa mengganggu hak cipta tentunya).

 

StickPNG

StickPNG
StickPNG
 
Website pertama yaitu StickPNG. Di website ini kita bisa nyari gambar-gambar PNG yang kita butuhkan yang tentunya gak ada backgroundnya ya sob, misal kaya stiker, clipart dan gambar lainnya.

FreePNGIMG

FreePNGIMG
FreePNGIMG
 
Lanjut, ada website FreePNGIMG. Dari namanya aja udah ketauan sih, ini website gratisan sob. Lumayan lah ya hehe . . Sama kaya website sebelumnya, website ini juga bisa kita pake buat download gambar PNG yang bener-bener gratis, kalo bahasa jawanya gratis temenan hehe . . kurang lebih gitu sih kata website-nya mah. 

PNGRiver

PNGRiver
PNGRiver

Website lainnya ada PNGRiver sob. Cuman disini perlu kita note terlebih dahulu ya, soalnya di title websitenya itu ada gininya nih, "Get your free creative commons image...". So perhatikan dulu copyright-nya ya sob!

Oke itu dia sob, beberapa penyedia gambar PNG yang gratis, cuman jangan lupa perhatikan juga ya si copyright-nya biar gak terjadi hal-hal yang gak kita inginkan. Segitu dulu dari mamang, kalo ada yang ingin di-discuss, tinggal komen aja ya sob!
Mengubah Aplikasi Browser Bawaan di Android

Mengubah Aplikasi Browser Bawaan di Android


Aplikasi browser merupakan aplikasi yang wajib dimiliki oleh perangkat smartphone. Ngomong-ngomong, ada banyak sekali aplikasi browser berbasis desktop, android, dan ios. Dan setiap pengguna perangkat tentunya punya aplikasi browser favoritnya sendiri. Ada banyak alasan mengapa suatu browser menjadi pilihan pengguna.

Find Your Spotify Wrapped 2020

Find Your Spotify Wrapped 2020

 

2020 hampir selesai, namun streaming di Spotify tetep jalan sob. Dengan dirilisnya Spotify Wrapped 2020, kita bisa ngeliat lagu, artis dan podcast mana aja yang sering kita dengerin selama setahun terakhir.

Tools Kompres Gambar Online

Tools Kompres Gambar Online

 

Dulu, untuk menjepret foto, kita memerlukan sebuah kamera, membeli rol film dan lalu kita bisa mencetaknya di toko percetakan foto. Itupun kita harus menunggu beberapa hari agar foto selesai di cetak. Sekarang, kita bisa melakukannya melalui smartphone Tinggal buka aplikasi kamera, klik tombol ambil gambar dan selesai. Beberapa smartphone pun diklaim memiliki spesifikasi kamera terbaik. Gambar yang diambil dari kamera smartphone kelas sultan biasanya berukuran lumayan besar, berkisar 10-15 MB.

Connect Android ke Hidden WiFi

Connect Android ke Hidden WiFi

 

Keamanan jaringan menjadi salah satu hal yang perlu diperhatikan oleh para pemilik WiFi. Salah satu cara yang bisa digunakan untuk pengamanan adalah menyembunyikan SSID atau nama WiFi kita sob. Dengan begitu, hanya beberapa orang atau device aja yang bisa mengakses WiFi kita. 


Kali ini ane pengen share tentang gimana sih cara connect Android kita ke hidden WiFi. 

Kirim Pesan WhatsApp Tanpa Save Nomor di iPhone

Kirim Pesan WhatsApp Tanpa Save Nomor di iPhone

Untuk ngirim pesan WhatsApp, kita diharuskan untuk save nomernya terlebih dahulu. Atau, kita juga bisa sih via web gitu, pake short url dari WhatsApp-nya, tapi agak ribet sih menurut ane kalo harus ngetik dulu alamat web-nya terus paste nomer dan juga ganti awalannya jadi kode negara. Maka dari itu, namanya orang males ya jadi nyari cara biar lebih gampang buat ngirim pesan WhatsApp tanpa harus nyimpen kontaknya

 

Kirim Pesan WhatsApp Tanpa Save Nomor di iPhone

Kali ini, ane pengen share, gimana sih caranya ngirim pesan WA ke nomer yang gak kita simpen di kontak, edisi iPhone.

"The Beautiful of Shortcut"

Yohoo, kali ini ane pake Shortcut ya, sebuah apps bawaan dari iPhone yang bisa di pergunakan sebagai jalan pintas/cara cepat untuk melakukan sebuah aksi. Dalam case kali ini, ane mau share gimana sih cara kirim pesan WA ke suatu nomer, tanpa harus save ke kontak kita.

Disclaimer dulu ya, disini kita pake shortcut yang ada di Internet. Ane gak bisa jamin sih dari segi keamanannya, soalnya ada step dimana kita pilih "Untrusted Shortcuts". Kembali pada diri masing-masing ya sob, mau ikutin caranya ataupun engga. Toh masih banyak jalan menuju Roma. Aseek.

Pertama-tama, kalo sobat belum pernah pake shortcut sebelumnya, sobat gak akan bisa centang "Allow Untrusted Shortcuts". So, sobat perlu mencoba menjalankan shortcut terlebih dahulu. Apa aja deh terserah shortcut-nya.

Lanjut, buka "Settings" terus cari Shortcut. Tap deh. 



Kalo udah, sobat bakal nemuin halaman ginian. Centang deh/check deh itu si "Allow Untrusted Shortcuts". 



Nanti bakal muncul dialog kaya ginian. 



Abis itu suruh masukin PIN sobat deh. Masukin aja. 



Udah? Lanjut dong. Di hape sobat, buka link ini (WhatsApp Unsaved Number). Nantinya bakal direct ke apps Shortcut sobat. Scroll ke paling bawah, lalu ada tombol merah bertuliskan "Add Untrusted Shortcut". 



Udah deh, shortcut tersebut udah bisa kita pake sob. Caranya ya tap shortcut-nya, nanti muncul dialog kaya gini. 



Tinggal isi deh nomer yang pengen sobat chat. Aturan mainnya, kode negara + nomer telepon. Contohnya: 628123456789. Abis klik OK sobat bakal di arahin ke apps WhatsApp-nya dan langsung ada di chat page.

Simpel sekali yaa. Selain pake shortcut ini, sobat juga bisa sih pake url WhatsApp yang sering di pake di olshop-olshop. tinggal ketikin di browser https://wa.me/628123123123. Format nomornya sama kaya yang di atas ya hihi kalo gak sama biasanya gagal sob.

Itu dia sedikit tips dari sigoy. Semoga bermanfaat yaa, feel free to discuss yaw!

 

 Sumber

Cek Webcam Secara Online dan Offline

Cek Webcam Secara Online dan Offline

Gimana pun juga, mau itu pake Windows atau Mac misalnya, ngetes webcam itu sangatlah mudah sob. Salah satu pilihan simpelnya adalah pake situs webcam test onlen yang gratis, yang tersedia di internet. Salah satunya ada webcammictest.com, turncameraon.com dan webcamtests.com (situs lainnya bisa ditemukan dengan nyari di Google dengan keyword "webcam test online").


Kita coba pake webcammictest.com aja ye dengan sedikit ngasih step-by-step sederhananya itu kaya gimana sih.
1. Buka browser kalian, bukan browser tetangga.
2. Ketikkan webcammictest.com di address bar.
3. Klik tombol Check Webcam di website.


4. Biasanya ada kotak permission yang muncul. Klik Allow atau Izinkan. Soalnya kalo gak diizinin sama aja boong sob.
5. Harusnya, webcam kita bakal muncul di kotak hitam di sebelah kanan halaman, yang mengindikasikan kalo kamera tidak bermasalah. Kalo sobat pake eksternal webcam yang terkoneksi via USB – dan kagak muncul apa-apa setelah beres tes webcam – coba cabut terus colokin lagi deh.
Selain ngetes secara online, kita juga bisa tes webcam kita itu secara offline sob. Disini kita akan bagi dalam dua bagian, yang satu untuk Mac, dan satu lagi buat Windows.

Mac Webcam Test

Untuk pengguna Mac OS, step-step nya juga sederhana sih. Kalian tinggal pergi ke launchpad lalu ketikkan "Photo Booth", lalu klik deh aplikasinya. Nantinya aplikasi tersebut bakalan langsung nyalain webcam.

Windows Webcam Test

Untuk pengguna Windows khususnya Windows 10, klik tombol Windows di keyboard, lalu di kolom search tinggal ketikkan deh "Camera", lalu pilih aplikasi camera tersebut.

Sederhana kan? Demi kelancaran video conference sobat ini disarankan untuk mengecek dahulu yaa. Gak lucu kan, meeting penting atau acara penting lantas kalian ketinggalan hehehe . . . Segitu aja dulu ya sob. Feel free to discuss on the comment section below . . See ya!
Copy Paste Tanpa Format

Copy Paste Tanpa Format

Copy Paste memindahkan text dari suatu tempat ke tempat lain. Kadang juga kalo misal kita copy dari website, pas kita paste di Word, malah jadi ada format-formatnya gitu. Padahal, kita bisa loh paste text dari web (atau hampir dari manapun juga) tanpa ada formatting-nya sob. Kita bisa pake shortcut berikut.


Tanpa format disini berarti gak ada alinea baru, gak ada perbedaan ukuran font, gak ada bold dan italic dan gak ada hyperlink. Sobat gak perlu lagi lah wasting time buat hapus format copas-an kita dari web. Kita cuman perlu paste text yang udah di copy langsung ke apps yang bakal kita paste-in.

Untuk paste tanpa format, kita bisa tekan Ctrl + Shift + V sebagai pengganti dari Ctrl + V. Hal ini bekerja di kebanyakan apps seperti web browser Google Chrome contohnya. Harusnya sih ini juga bisa kita lakukan di berbagai OS kaya Windows, Linux sama Chrome OS.

Baca Juga : Cara Ganti Orientasi Halaman di Google Docs

Kalo di Mac sih agak beda ya, shortcut nya itu Command + Option + Shift + V. Ini juga bekerja di kebanyakan apps di Mac OS juga sob.

Sayangnya nih sob, cara ini gak berhasil di Microsoft Word. Kita perlu cara khusus biar bisa copas tanpa ada format-format gitu. Untungnya, caranya cukup mudah dan menurut ane sih gak ribet-ribet amat lah ya. Kita bisa gunain special Paste option di ribbon buat "Keep Text Only". Kita juga bisa set default biar pas kita paste jadi "Keep Text Only".


Kalo masih gak jalan juga, kita bisa pake cara purba. Anjay. Buka notepad (atau apps lain tergantung OS kalian ya), terus paste deh disitu, abis gitu copy semua text-nya dari notepad, paste again di apps yang ingin kalian paste-in, and voila!

Nah itu dia sob, trick simple untuk paste teks tanpa format. Semoga bermanfaat and feel free to discuss in comment section. See ya! :

Sumber: