• 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

Aplikasi Dzikir Pagi & Petang Menggunakan AppInventor


Latang Belakang

Sebelumnya saya membuat sebuah halaman menu https://ri32.wordpress.com/quran-dan-dzikir-pagi-petang yang isinya berupa kumpulan link audio tilawah Al-Qur’an dan terjemahan. Serta dzikir pagi dan petang baik dalam bentuk file audio .mp3 maupun dalam bentuk file video .mp4

Untuk memperkenalkan dan memudahkan saudara muslim yang lain dalam menjalankan sunnah, maka saya memiliki ide untuk membuat aplikasi android sederhana. Namun karena saya belum mahir dalam membuat aplikasi android, maka saya mencari solusi bagaimana cara membuatnya tanpa harus coding. Ketemulah saya dengan website http://appinventor.mit.edu

Mengenal AppInventor

App Inventor adalah aplikasi web sumber terbuka (open source) yang awalnya dikembangkan oleh Google, dan saat ini dikelola oleh Massachusetts Institute of Technology. App Inventor memungkinkan pengguna baru untuk memprogram komputer untuk menciptakan aplikasi perangkat lunak bagi sistem operasi Android.

Cukup dengan memiliki pemahaman alur logika sebuah program saja, kita sudah dapat membuat sebuah aplikasi android dengan sederhana.

Fitur Visual Block Programming yang ada pada MIT App Inventor ini mampu mengubah bahasa pemrogramman berbasis teks menjadi sebuah block puzel yang dapat kita susun sesuai dengan tindakan yang kita inginkan.

Alur Proses Aplikasi

Jadi di aplikasi tersebut diawali dengan sebuah splash screen selama 3 detik, setelah itu masuk ke tampilan menu. ada menu Dzikir Pagi, Dzikir Petang, dan Keutamaan Berdzikir.

Bagi teman-teman yang belum pernah belajar visual block programming silahkan coba aplikasi sederhana TalkToMe. Kita akan merasakan sensasi menyusun sebuah fuzle-fuzle logic. Berikut ini adalah video tutorial singkat dan demo aplikasinya.

Download Project

  • Login website https://edugi.web.id
  • Menu download, kemudian cari : MOBILE – APLIKASI DZIKIR PAGI PETANG
  • Setelah filenya di download silahkan login ke website https://appinventor.mit.edu
  • Menu MyProject – Import project from my computer – cari file extention .aia
  • Tunggu proses import sampai selesai, setelah itu silahkan dipelajari secara mandiri. Jika ada kendala silahkan ditanyakan

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

Bogor, 29-10-2020

KangAgus

Cara menggunakan Tools WPScan


Latar Belakang

WPScan merupakan tools vulnerability scanner untuk CMS WordPress yang ditulis dengan menggunakan bahasa pemrograman ruby, WPScan mampu mendeteksi kerentanan umum serta daftar semua plugin dan themes yang digunakan oleh sebuah website yang menggunakan CMS WordPress.

Pada artikel ini, saya menggunakan fitur bruteforce yang ada di tools WPScan dan mempelajari cara kerja brutefoce dalam mencocokan antara password sample dengan password  sesungguhnya yang terdapat pada table user login.

Instalasi WPScan

Tahap Persiapan :

  • sudo apt update
  • sudo apt upgrade
  • sudo apt install curl git libcurl4-openssl-dev make zlib1g-dev gawk g++ gcc libreadline6-dev libssl-dev libyaml-dev libsqlite3-dev sqlite3 autoconf libgdbm-dev libncurses5-dev automake libtool bison pkg-config ruby ruby-bundler ruby-dev -y

Install Melalui Gem :

  • gem install wpscan
  • gem uninstall wpscan

Install Melalui Git :

Wordlist

Setelah selesai instalasi, kita download file .txt yang bersisi password sample (wordlist) yang digunakan dalam proses bruteforce. Download file wordlist dengan nama rockyou.txt (Ukuran File : 140MB Jumlah Data : Sekitar 11Juta sample password). Namun jika saya langsung menggunakan data ini pasti akan lama proses pencocokan passwordnya.

Sehingga untuk percobaan ini, saya hanya menggunakan wordlist dummy yang saya buat dengan nama simplewordlist.txt (ukuran file : 126 byte Jumlah Data : 15 sample password) dimana didalamnya saya sisipkan password yang sesungguhnya dari login admin wordpress.

Testing WPScan

Sebelumnya saya install wordpress di localhost saya. Sehingga saya tidak menggunakan website orang lain.

Ketik perintah pertama untuk mengetahui username loginnya. Perintah kedua untuk membandingkan password yang ada di table user login dengan sample password yang ada di file wordlist.

  1. wpscan –url http://localhost/wordpress –enumerate u
  2. wpscan –url http://localhost/wordpress -P ‘/home/kangagus/Downloads/simplewordlist.txt’ -U Admin

Serangan Bruteforce

Brute Force adalah serangan yang dilakukan untuk membobol password dengan cara mencoba setiap password sampai akhirnya menemukan password yang tepat. Peretas akan menggunakan algoritma yang menggabungkan huruf, angka dan simbol untuk menghasilkan password untuk serangan tersebut. Seperti mencoba menggunakan kata “password” yang ditulis dan dikombinasikan dengan simbol sehingga menjadi “p@$$word”.

Pada umumnya para peretas memiliki wordlist dalam jumlah yang banyak untuk menebak kemungkinan password. Serangan ini dapat memakan waktu beberapa menit, beberapa bulan, atau bahkan beberapa tahun tergantung dari seberapa kuat password yang digunakan oleh target sasaran.

Oleh karena itu, biasanya hacker melakukan serangan ini dengan bantuan sebuah tools pintar untuk mengatur wordlist dan secara otomatis menebak kata sandi pengguna.

Sebaiknya saat membuat sebuah password, minimal menggunakan 8 digit dengan kombinasi : huruf besar dan kecil, angka, karakter khusus. Agar memastikan bahwa kombinasi password kita buat tidak ada yang cocok dengan contoh password contoh yang terdapat di file wordlist.

Tampilan Output

Login dengan username dan password sebenarnya

Contoh Password yang ada di wordlist

Untuk Menampilkan Username

Untuk mencocokan password sebenarnya dengan password contoh

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

Bogor, 01-09-2020

KangAgus

Membuat Aplikasi Akuntansi Online versi 3 Menggunakan PHP dan MySQL


akuntansi-ri32

Latar Belakang

Ini adalah pengembangan dari aplikasi akuntansi sebelumnya versi 1 & 2. Pada versi ini telah menggunakan data real untuk perusahaan jasa. Diharapkan teman-teman dapat memahami proses akuntansi dasar dalam sebuah aplikasi akuntansi.

Perbaikan Aplikasi

  • Perbaikan menu laporan keuangan, menambahkan parameter Laba bersih.
  • Disediakan file excel untuk validasi hasil perhitungan manual dan aplikasi.
  • Perbaikan menu setup akun untuk nominal minus (penyusutan).
  • Perbaikan menu setup sistem untuk nomor rekening (laporan).
  • Perbaikan fungsi posting harian untuk rekening penyusutan.
  • Penambahan fitur hapus semua jurnal di form transaksi.
  • Perbaikan fungsi perhitungan laba rugi.

WhatsApp Image 2019-12-31 at 13.34.02

Download Full Version :

https://edugi.web.id

Live Demo Aplikasi :

https://akuntansi.imtiyaz.web.id

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

Bogor, 31 Desember 2019

KangAgus

Cara Instalasi Framework Laravel


ri32-laravel-logo

Untuk instalasi Laravel bisa menggunakan 2 cara yaitu : kita dapat menggunakan composer atau kita mendownload langsung sourcecodenya. Perbandingan 2 cara ini artikelnya dapat dibaca disini.

Instalasi Laravel dengan Composer

  1. Jika kita menggunakan software composer, kita harus mendownload dan menginstallnya terlebih dahulu
  2. Setelah itu kita testing composernya di CMD dengan mengetik composer, jika berhasil maka akan tampil logo tulisan composer
  3. Kemudian kita masuk ke folder htdocs atau lokasi yang lain dimana project kita akan dibuat. dengan perintah cd C:\xampp\htdocs
  4. Setelah masuk, kita ketik perintah composer createproject preferdist laravel/laravel laravelguestbook
  5. Tunggu sampai prosesnya selesai

Instalasi Laravel dengan Sourcecode

  1. Silahkan download filenya di alamat https://id-laravel.com/download.
  2. Setelah itu kita extract file yang sudah didownload
  3. Kemudian kita simpan foldernya di htdocs atau di lokasi yang lain dengan nama laravelguestbook

Setelah proses instalasi selesai, dilanjutkan dengan testing di browser. Untuk mengakses web project Laravel kita  bisa menggunakan 2 cara yaitu : mengakses melalui Laravel development server atau melalui Apache web server yang biasa ada di software XAMPP.

Testing Melalui Laravel Development Server

  1. Misalnya folder web project Laravel berada di drive D:\laravelguestbook atau lokasi selain htdocc dan kondisi apache server dalam keadaan OFF
  2. Kemudian kita buka kembali CDM dan masuk ke folder web project Laravel
  3. Setelah itu ketik perintah php artisan serve. Sampai muncul notifikasi Laravel development server started on…
  4. Kemudian kita buka web browser dan mengakses http://localhost:8000
  5. Jika muncul logo tulisan Laravel berarti instalasi telah berhasil

Testing Melalui Apache Web Server 

  1. Misalnya folder web project Laravel berada di folde htdocs. Dan kondisi apache dalam keadaan ON
  2. Maka kita tinggal mengaksesnya di web browser melalui alamat misalnya http://localhost/laravelguestbook/public
  3. Jika muncul logo tulisan Laravel berarti instalasi telah berhasil

Kita juga bisa mengkombinasikan antara Lavel development server dengan Apache web server. Dengan kondisi folder web project kita berada di folder yang sama yaitu htdocs.

Sehingga kita bisa mengaksesnya baik menggunakan alamat http://localhost:8000 ataupun melaui alamat http://localhost/laravelguestbook/public.

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

Bogor, 23-09-2019

KangAgus

Membuat Aplikasi CRM Infoniaga Menggunakan Codeigniter dan MySQL


logo-crm

Latar Belakang

Aplikasi ini terispirasi dari aplikasi CRM Salesforce.com saat saya masih bekerja sebagai technical consultant. Aplikasi tersebut banyak dipakai oleh tim sales diperusahaan client untuk kegiatan canvassing. Aplikasi tersebut juga biasa digunakan untuk mengukur kinerja tim sales dan untuk melihat pencapain dari kegiatan penjualan disebuah perusahaan.

Pengenalan & Manfaat CRM

CRM (Customer Relationship Management) adalah strategi bisnis yang memadukan proses, manusia dan teknologi. Membantu menarik prospek penjualan, mengkonversi mereka menjadi pelanggan, dan mempertahankan pelanggan yang sudah ada, pelanggan yang puas dan loyal.

Tujuan dari CRM adalah untuk mengetahui sebanyak mungkin tentang bagaimana kebutuhan dan perilaku pelanggan, untuk selanjutnya memberikan sebuah pelayanan yang optimal dan mempertahankan hubungan yang sudah ada, karena kunci sukses dari bisnis sangat tergantung seberapa jauh kita tahu tentang pelanggan dan memenuhi kebutuhan mereka.

Konsep Aplikasi CRM

Konsep aplikasi CRM yang saya fahami ada 3 komponen utama yaitu People yang terdiri dari pelanggan (account) dan calon pelanggan (lead) disinilah kegiatan canvassing berada. tim sales berusaha memasukan data lead sebanyak-banyaknya, dan di follow up sebaik mungkin sehingga lead tersebut dapat di konversi menjadi account.

Komponen kedua adalah Product baik berupa barang maupun harga dan didalamnya terdapat harga (Price). Komponen ketiga adalah Opportunity atau kesempatan baik berupa kegiatan jual beli barang dan jasa atau peluang dalam bentuk kerjasama bisnis.

Di ketiga komponen tersebut terdapat Process yang mungkin berbeda-beda aturan dan business process nya satu perusahaan dengan perusahaan yang lain. Misalnya terdapat Workflow yang terdiri dari request dan approval dari satu level organisasi ke level organisasi yang lain terkait dengan kegiatan sales dan marketing.

Didalam CRM sendiri biasanya terdapat bagian untuk mengelola data konsumen di sosial media seperti facebook fanpage atau twitter dengan bantuan integrasi API. Salah satu fungsinya untuk mencegah adanya black campaign atau untuk menanggapi setiap keluhan pelanggan yang di posting melalui twitter atau facebook fanpage atau melalui parameter hashtag.

Semua kegiatan CRM diatas ditujukan untuk 3 hal yaitu mencari potensi calon pelanggan sebanyak-banyaknya, meningkatkan profit perusahaan dengan meningkatkan transaksi penjualan, dan menjaga loyalitas pelanggan.

Tampilan CRM Infoniaga

Download Full Version

https://edugi.web.id

Live Demo Aplikasi :

https://niaga.imtiyaz.web.id

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

Bogor, 07-09-2019

KangAgus

Membuat Aplikasi Akuntansi Online versi 2 Menggunakan PHP dan MySQL


akuntansi-ri32

Latar Belakang

Aplikasi akuntansi adalah sebuah sistem pencatatan transaksi keuangan pada komputer yang disesuaikan dengan jenis usaha.

Aplikasi ini mencatat transaksi keuangan pada sebuah bisnis dan menyediakan berbagai jenis laporan keuangan yang digunakan untuk melakukan kontrol keuangan maupun membuat keputusan

Aplikasi akuntasi online ini merupakan pengembangan dari aplikasi akuntansi sebelumnya. dibuat menggunakan PHP dan database MySQL.

Tampilan Aplikasi

Halaman Login

Halaman Login

Jurnal Kas Masuk

Jurnal Kas Masuk

Cetak Perkiraan

Cetak Perkiraan

Laporan Jurnal Kas Masuk

Laporan Jurnal Kas Masuk

Backup Database

Backup Database

Download Full Version :

https://edugi.web.id

Live Demo Aplikasi :

https://akuntansi.imtiyaz.web.id

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

Cilangkap, 30-03-2015

KangAgus

%d bloggers like this: