• Kategori Tulisan

  • Masukkan alamat email Anda untuk berlangganan blog Ri32 dan menerima pemberitahuan posting baru melalui email anda. Jika sudah bosan silahkan unsubscript.
    Terima kasih... : )

    Join 859 other followers

  • Web Analytics

Android CRUD menggunakan Flutter dan Rest API


Latar Belakang

Pada artikel kali ini masih terkait dengan pembuatan aplikasi android CRUD dengan berbagai bahasa dan database yang digunakan. Tujuannya untuk memberikan alternatif dalam pengembangan aplikasi android.

Rest API

Sebelumnya saya pernah membahas terkait API testing-website-api-dengan-aplikasi-postman dan di implementasikan ke dalam aplikasi website menggunakan framework Codeigniter dan Laravel. Sekarang saya akan mengimplementasikan ke aplikasi mobile menggunakan flutter. Database yang digunakan adalah mariadb. Sourcecode yang saya jadikan contoh kali ini saya dapat dari teman github.

Untuk mencoba contoh aplikasinya silahkan ikuti langkah-langkah dibawah ini :

  1. Daftar dan Login website https://edugi.web.id
  2. Ke menu Download dan cari kata kunci : “Flutter”
  3. Pertama import database yang saya lampirkan
  4. Extract webapi ke htdoc dan sesuaikan koneksinya
  5. Jalankan android studi dan buka project yang dilampirkan
final response = await http.get("http://10.0.2.2/webapi/getdata.php");
//final response = await http.get("https://api.yourdomain.com/getdata.php");

Contoh alamat URL API saya adalah seperti diatas, silahkan disamakan atau disesuaikan dengan yang ada di komputer teman-teman. Bisa juga upload ke hosting yang telah disewa.

Website API nya disini masih menggunakan PHP biasa dengan parsing outputnya kedalam format JSON. Untuk pengembangannya teman-teman bisa menggunakan framework Lumen untuk membuat web API seperti yang telah saya bahas di artikel membuat-website-api-dengan-lumen-versi-6

Kendala Android Emulator

Saya telah mengupdate versi Android studio 4.1.1 dan versi Flutternya 1.22.4. Saat saya menjalankan aplikasinya dengan mengakses ke API local dengan alamat IP 10.0.2.2 ternyata tidak bisa. ada notifikasi error :

I/flutter (17219): Bad state: Insecure HTTP is not allowed by platform: http://10.0.2.2/webapi/getdata.php

Setelah bertanya dan mencari informasi di forum, Alhamdulillah saya mendapatkan solusinya dengan menambahkan script di AndroidManifest :

<uses-permission android:name="android.permission.INTERNET"/>
<application
    android:name="io.flutter.app.FlutterApplication"
    android:label="crudflutter"
    android:usesCleartextTraffic="true"
    android:icon="@mipmap/ic_launcher">

Screenshot

Sekian artikel dari saya semoga bermanfaat untuk teman-teman dan Anda semua…aamiin

Bogor, 5-12-2020

KangAgus

Android CRUD menggunakan Java dan Google Sheet


Latar Belakang

Aplikasi Android CRUD kedua ini menggunakan bahasa java dan databasenya menggunakan google sheet.  Adapun langkahnya adalah sebagai berikut :

  1. Daftar dan Login website https://edugi.web.id
  2. Ke menu Download dan cari kata kunci : “CRUD Java”
  3. Setelah semua file di download, Login ke Gmail, setelah itu ke google drive
  4. Buat File CRUDJAVA atau silahkan upload dari file yang telah saya sediakan
  5. Setelah itu buka file CRUDJAVA dan pilih Top Menu : Tools=>Script Editor
  6. Copy Paste Script yang ada di file “CRUDScript.txt” yang saya sediakan

Konfigurasi URL Script

Setelah file dan script di google sheet nya sudah siap, langkah selanjutnya adalah menyesuaikan URL file google sheet kedalam script. Langkahnya adalah sebagai berikut :

  1. Klik kanan file CRUDJAVA kemudian klik menu Get Link
  2. Setelah muncul popup link, copy link file tersebut dan paste ke bagian script yang ada di menu Tools=>Script Editor

Publish File Google Sheet

Setelah link file di sesuaikan ke scriptnya, maka langkah selanjutnya adalah mempublish script tersebut yang berfungsi sebagai jembatan pelantara atau Midleware antara file google sheet dengan aplikasi android yang kita buat. Adapun langkahnya adalah sebagai berikut :

  1. Buka file CRUDJAVA dan pilih Top Menu : Tools=>Script Editor
  2. Pilih Top menu Publish=>Deploy as web app
  3. Setelah muncul popup, maka pilih aksesnya : everyone
  4. Dan copy URL di bagian : Current web app url

Konfigurasi URL Android

Setelah URL script telah didapat, maka langkah selanjutnya adalah paste link tersebut di bagian coding android dengan membuka class Controller.java dan paste dibagian variabel URLnya di ujung URL harus ada tanda tanya “?”. Jika sudah semua, maka tinggal proses testing aplikasi.

Testing Aplikasi

Aplikasinya berbeda dengan aplikasi CRUD pertama, pada aplikasi yang kedua ini terdapat beberapa tombol CRUD dan untuk ID nya diinput secara manual baik saat akan Insert, Update, Delete, atau Read single data. Namun ada menu Untuk Read All data.

Sekian artikel dari saya, semoga bermanfaat untuk teman-teman dan Anda semua…aamiin

Bogor, 3-12-2020

KangAgus

Aplikasi Android CRUD menggunakan Kotlin dan Firebase


Latar Belakang

Saya mendapatkan contoh aplikasi android dari teman kantor saya untuk saya pelajari. Skenarionya adalah saya mengumpulkan beberapa contoh aplikasi CRUD android dengan database yang berbeda. Seperti :

  1. Aplikasi Android dengan Kotlin & Firebase
  2. Aplikasi Android dengan Java & Google sheet
  3. Aplikasi Android dengan Flutter & MariaDB
  4. Aplikasi Android dengan AppInventor & CloudDB

Untuk sementara saya fokus pada 4 point diatas dengan metode coding CRUD ke beberapa database. Tujuannya agar mengetahui dan membandingkan beberapa cara alternatif dalam membuat aplikasi Android.

Mengenal Firebase

Firebase adalah suatu layanan dari google untuk mempermudah para pengembang aplikasi. Dengan adanya Firebase, developer dapat fokus mengembangkan aplikasi tanpa harus memberikan effort yang besar untuk urusan backend. Salah satu fitur dari Firebase yaitu Real-time database.

Untuk Menyimpan dan sinkronkan data antara pengguna dan perangkat secara realtime menggunakan database noSQL yang dihosting secara cloud. real-time adalah kondisi pengoperasian dari suatu sistem perangkat keras dan perangkat lunak yang dibatasi oleh rentang waktu dan memiliki tenggat waktu yang jelas, jadi data akan dikirim seketika waktu itu juga.

Download Sourcecode

Untuk mencoba aplikasi ini silahkan download sourcecodenya via website Edugi dengan langkah sebagai berikut :

  1. Daftar dan Login https://edugi.web.id
  2. Ke menu Download dan cari “CRUD Kotlin”
  3. Silahkan aplikasinya di download dan di extract
  4. Buka aplikasinya dengan Editor Android Studio
  5. Daftar dan login https://firebase.google.com
  6. Untuk koneksinya silahkan baca artikel berikut

Testing Aplikasi

Setelah proses download sourcecode selesai, dan proses koneksi aplikasi ke firebase juga selesai. Maka langkah selanjutnya adalah proses testing aplikasi. Saya menjalankan aplikasinya menggunakan emulator di android studio. Untuk tampilannya adalah sebagi berikut :

Sekian artikel dari saya semoga bermanfaat untuk teman-teman dan Anda semua…aamiin

Bogor, 3-12-2020

KangAgus

Membuat Aplikasi CRUD dengan Codeigniter versi 4



Latar Belakang

Dengan semakin terkenalnya framework Laravel ternyata framework Codeigniter versi 4 juga melakukan banyak perubahan di struktur coding dan struktur foldernya.

Sehingga saya tertarik untuk mempelajarinya dan memasukannya kedalam mini project saya. Dalam mini project saya ini bagaimana cara menampilkan data yang sama menggunakan framework yang berbeda.

Setelah itu baru kita koneksikan pengambilan datanya bukan dari database langsung, namun melalui website API sebagai pelantara. website API nya kita bangun menggunakan framework Lumen.

Kursus Online

Agar belajarnya terstruktur saya buatkan kursus online “Membuat Website CRUD dengan Codeigniter” yang dapat diakses secara gratis melalui website EDUGI.

Sekian sharing artikel dari saya, semoga bermanfaat untuk teman-teman dan anda semua…aamiin

Bogor, 12-03-2020

KangAgus

Membuat Aplikasi CRUD dengan Laravel versi 6



Latar Belakang

Setelah sebelumnya kita telah mempelajari cara instalasi laravel, maka sekarang kita lanjutkan dengan membuat aplikasi sederhana CRUD (create-read-update-delete) menggunakan framework laravel.

Artikel ini adalah rangkaian dari mini project yang saya buat, dimulai dari membuat web API dengan lumen, dilanjutkan dengan membuat CRUD dengan 2 framework yaitu Laravel versi 6 dengan Codeigniter versi 4. Tujuannya untuk membandingkan 2 framework yang biasa digunakan.

Sehingga goal dari mini project yang saya buat adalah bagaimana membuat sebuah sistem terintegrasi yang terdiri dari 1 database, dijembatani oleh web API lumen, diakses oleh 2 website framework dan 1 aplikasi mobile menggunakan flutter.

Kursus Online

Agar metode belajar kita terstruktur, saya membuatkan sebuah kursus online “Membuat Website CRUD dengan Laravel” yang dapat diakses secara gratis melalui website EDUGI.

Sekian sharing artikel dari saya semoga bermanfaat untuk teman-teman dan anda semua…aamiin

Bogor, 12-03-2020

KangAgus

 

%d bloggers like this: