Siapa yang tahu,
apa hubungan zakat dengan programming? Saat ini, era perkembangan revolusi industri
4.0, segala hal dapat kita hubungkan dengan programming/teknologi informasi,
tak terkecuali zakat. Pada kesempatan kali ini, spesial guest kita datang dari
instansi Badan Amil Zakat Nasional. Yuk kita simak kisah beliau, bagaimana bisa
sampai ke Rumah Coding.
Beliau merupakan
kelahiran tahun 1978, memiliki nama lengkap Muhammad Afdhal, saat ini
berdomisili di Bekasi dan bekerja di Jakarta Pusat. Beliau merupakan perantauan,
meskipun merantau, beliau sudah tinggal disana sejak tahun 90.
Bahasa Sastra Dan Bahasa Pemrograman
Beliau memiliki
latar belakang pendidikan dari Jurusan Bahasa dan Sastra dari Universitas Islam
Negeri. Saat ini beliau bekerja di Badan Amil Zakat Nasional Pusat pada Divisi
IT Bagian Pengembangan Aplikasi. Perjalanan karir beliau tidaklah mudah,
setelah menyandang gelar Sarjana sampai menempati posisi sekarang, beliau
membutuhkan waktu 16 tahun.
Perjuangan
tersebut diwarnai dengan berbagai hal, diantaranya pernah mendapatkan pekerjaan
diluar bidang yang beliau tekuni, pernah juga bekerja sesuai dengan bidangnya,
namun karena satu dan lain hal, beliau memutuskan berhenti. Semuanya dilalui
beliau dengan baik, dan beliau membuktikan bahwa bekerja diluar bidang dapat
dilakukan jika kita mau bekerja keras. Beliau juga telah membuktikan bahwa
mempelajari programming bisa lho, dilakukan oleh beliau yang merupakan lulusan
bidang sastra dan bahasa.
Menemukan Rumah Coding
Sebelum memutuskan
mengikuti kelas PHP CodeIgniter di Rumah Coding, beliau sudah pernah mendaftar
di beberapa tempat pelatihan lain. Namun karena kendala teknis, seperti kelas
akan dibuka bila minimal 6 peserta, maka beliau akhirnya mencari tempat lain
dan menemukan Rumah Coding. Selain kuota peserta untuk memulai kelas hanya 3
orang, harga yang kompetitif juga menjadi salah satu alasan bagi beliau untuk
memilih Rumah Coding.
Motivasi beliau
dalam mengikuti kelas programming saat ini, yaitu untuk menunjang kebutuhan
instansi tempat beliau bekerja. Hal ini karena, saat awal masuk di Baznas,
beliau tidak ditempatkan di IT. Setelah setahun berjalan, beliau mendapatkan
mutasi untuk bergabung dengan tim IT.
Untuk memperkuat
teman-temannya dalam tim IT tersebut, beliau bertekad ingin belajar pemrograman
dari dasar. Beliau juga beranggapan PHP CodeIgniter masih relevan digunakan
saat ini. Pihak instansi mendukung keputusan beliau, sehingga beliau diizinkan
untuk mengikuti training dimanapun pilihannya.
Harapan Agar Bermanfaat
Beliau berharap
setelah mengikuti kursus ini, dapat mengimplementasikannya di kantor. Mengingat
kebutuhan instansi dan keinginan beliau yang kuat dalam menguasai PHP
CodeIgniter, karena saat ini kebutuhan web di Baznas menggunakan CodeIgniter
sedangkan androidnya menggunakan Flutter. Beliau mengakui, sebagai seorang yang
awam, sejauh ini dapat mengikuti kelas dan melakukan tugas yang diberikan
trainer, sembari terus bertanya tentang hal-hal yang belum dipahami. Mengikuti dunia
IT sejak tahun 2011, beliau juga sudah pernah membuat berbagai aplikasi
diantaranya pernah membuat studio website berbasis CMS, dan beberapa aplikasi toko
online.
Ada yang tahu, cuplikan film
Harry Potter, dimana Ronald Weasly sewot karena menganggap dirinya hanyalah
teman/pemanis bagi si Harry Potter yang terkenal? Well, mungkin Ron sedang
kesal saja, jadi terlontarlah kata-kata itu. Namun salah satu hal terbaik dalam
hidup adalah memiliki teman perjalanan yang dapat dijadikan panutan. Nah
special guest kali ini, Mas Akhmad Fauzi merupakan ‘teman perjalanan’ Pak I
Gede Sujana Eka Putra dari MDPI. Meski lebih tepat dikatakan juniornya Pak
Sujana, ungkapnya dengan rendah hati. Diakui mas Akhmad, Bersama dengan Pak
Sujana, banyak pembelajaran yang bisa Ia ambil. See, menjadi teman perjalanan banyak
sekali manfaatnya kan?
Lulusan Sekolah Menengah
Kejuruan
Memiliki nama lengkap Akhmad
Fauzi, beliau saat ini berdomisili di Pemogan, Denpasar Selatan. Tapi mas
Akhmad ini perantauan lho dari Bekasi, wah seru ya merantau ke Pulau Dewata. Siapa
yang tidak kenal dengan keindahan tersebut? Jangankan warga Indonesia, turis
mancanegara juga mengakui keindahan pulau ini, makanya banyak yang menjadikan pulau
ini sebagai destinasi wisata/berlibur.
Kembali ke mas Akhmad, meski
perantauan di Denpasar, namun Pendidikan sekolah menengahnya diselesaikan
disana. Usut punya usut, ternyata mas Akhmad lulusan Sekolah Menengah Kejuruan Rekayasa
Perangkat Lunak. Beliau menuturkan, pada saat itu kejuruan RPL masih sangat
jarang.
Tak puas jika belajar hanya sampai
sekolah kejuruan, mas Akhmad melanjutkan Pendidikan Sarjana pada jurusan Sistem
Informasi. Mengantongi title sarjana, memantapkan langkah mas Akhmad untuk
segera menapaki dunia pasca kampus, yaitu bekerja.
Membersamai di MDPI
Tiga tahun setelah kelulusannya,
saat ini mas Akhmad menempati posisi Junior Software Developer dibawah arahan
Pak Sujana. Perjalanan karir mas Akhmad tidak selalu mulus, sebelum menempati
posisi saat ini, beliau pernah bekerja di dua instansi yang berbeda. Selain bekerja
beliau juga aktif mengikuti mailing list/milis untuk mendapatkan informasi.
Termasuk posisinya saat ini, ia ketahui melalui job posting di milis.
Sibuk bekerja di Masyarakat Dan
Perikanan Indonesia/ MDPI, tak membuat mas Akhmad acuh terhadap kompetisi internasional
bidang perikanan yang ia tekuni saat ini. Bersama dengan Pak Sujana, mas Akhmad
membuat aplikasi website dengan nama traceability. Menjagokan webnya dalam
ajang tersebut, membuatnya menempati posisi Juara II, satu langkah didepan
Amerika yang juga berhasil mendapat Juara III, pencapaian yang sangat
membanggakan ya. Diakui, memang teknologi yang berkembang saat ini sudah
mengarah kepada Artificial Intelligence. Seperti India yang telah
menerapkannya, dan menyabet Juara I.
Meski sudah pernah memenangkan
ajang internasional, tak membuat mas Akhmad berpuas diri. Kini ia turut belajar
android intermediate di Rumah Coding. Semua ini dilakukan agar dapat
menyempurnakan system website dan android, yang pada pada pelaksanaannya
mempermudah user menginput data hingga menghasilkan dokumentasi perikanan yang efektif
dan efisien. Karena tujuan teknologi, salah satunya tentu untuk memudahkan
pekerjaan manusia, bukan?
Mari kita doakan semoga kerja
keras mas Akhmad dan Tim dapat segera terwujud, agar semakin banyak nelayan
kecil yang terbantu dan berdaya dan sejahtera di negerinya sendiri. Jangan lupa,
kerja keras yang kita lakukan, dengan membantu kehidupan orang banyak tentu
akan dihitung sebagai amal kebaikan.
5. Kemudian login dengan Login : bee, Password : bug
6. Untuk serangan SQL Injection terbagi menjadi beberapa serangan, kita coba satu – persatu. Sekarang kita coba SQL Injection (GET/Search) kemudian pilih Hack
7. Lalu isi form seperti gambar di bawah, klik Search
8. Sekarang kita coba SQL Injection (GET/Select) kemudian pilih Hack
9. Kemudian pilih salah satu judul film selain yang pertama, lalu klik Go
10. Sekarang masukkan script modifikasi pada url seperti gambar dibawah, kemudian tekan enter pada url tersebut
B. Solution
Untuk mengatasi serangan SQL Injection (GET/Search) & SQL Injection (GET/Select) , buatlah fungsi berikut
4. Kemudian login dengan Login : bee, Password : bug
5. Untuk serangan HTML terbagi menjadi beberapa serangan, kita coba satu – persatu. Sekarang kita coba HTML Injection – Reflected (GET) kemudian pilih Hack
6. Lalu isi form seperti gambar di bawah, klik Go
7. Sekarang kita coba HTML Injection – Reflected (POST), kemudian pilih Hack
8. Kemudian isi form seperti gambar di bawah, klik Go
9. Sekarang kita coba HTML Injection – Stored (Blog), kemudian pilih Hack
10. Kemudian isi form seperti gambar di bawah, klik Submit
11. Lakukan cara no 9, akan muncul pop up baru
B. Solution
Untuk mengatasi serangan HTML Injection – Reflected , buatlah fungsi seperti gambar dibawah
Bulan Ramadhan sebentara lagi datang, apa yang sudah anda persiapkan? Bulan Ramadhan kali ini, Rumah Coding insya Allah akan mengadakan “Workshop Android Spesial Ramadhan”. Terdapat 3 workshop di bulan ramadhan mendatang. Melalui workshop ini, anda akan langsung praktek membuat aplikasi berikut
1. Kamus Arab Indonesia
Hari: Minggu,
Tanggal: 12 Mei 2019
Waktu: 09:00 – 17:00
Biaya: Rp. 400.000
Materi:
– Activity
– Frame Layout
– Google Translator API
– List View
– Card View
– Custom Adapter
– Share Intent
– Realm
2. Jadwal dan Pengingat Shalat
Hari: Minggu,
Tanggal: 19 Mei 2019
Waktu: 09:00 – 17:00
Biaya: Rp. 400.000
9. Kemudian buka folder project BookStoreApp menggunakan IDE anda, masuk ke dalam src/app/app.module.ts untuk import plugin SQLite. Tambahkan import { SQLite } from ‘@ionic-native/sqlite’; serta SQLite seperti gambar di bawah.
10. Lalu kita akan membuat provider untuk database, ketik ionic generate provider database
11. Ubah code yang ada dalam src/provider/database/database.ts. Masukkan code di bawah
import { Injectable } from '@angular/core';
import { SQLite, SQLiteObject } from '@ionic-native/sqlite';
@Injectable()
export class DatabaseProvider {
db:SQLiteObject = null;
constructor(private sqlite: SQLite) { }
getOrGenerateDB() {
// Generate DB adalah proses asynchronus, jadi bagusnya kita pakai promise
// Walaupun prosesnya hanya sepersekian detik, tetap saja harus di tunggu.
return new Promise((resolve, reject) => {
if (this.db != null) {
resolve(this.db)
} else {
this.sqlite.create({
name : 'myDatabase.db',
location : 'default'
}).then((db: SQLiteObject) => {
this.db = db;
resolve(this.db)
}).catch((e) => {
console.log(e);
reject(e);
});
}
});
}
createTable() {
this.getOrGenerateDB().then((db: SQLiteObject) => {
var sql = 'create table IF NOT EXISTS buku (' +
'id INTEGER PRIMARY KEY AUTOINCREMENT, '+
'judul VARCHAR(255), '+
'penerbit VARCHAR(50), '+
'pengarang VARCHAR(50))';
db.executeSql(sql, {})
.then(() => console.log('tabel buku berhasil di create'))
.catch(e => console.log(e));
// db.executeSql('DELETE FROM buku', {})
// .then(() => console.log('tabel buku berhasil di delete'))
// .catch(e => console.log(e));
// db.executeSql('INSERT INTO buku values (?, ?,?,?)',
// [null, "judullll", "penerbittt", "ppengarang OKEOKE"])
// .then(() => console.log('tabel buku berhasil di tambah'))
// .catch(e => console.log(e));
// Untuk create table lainnya bisa ditambahkan di sini
// contoh
// var sql = 'create Tabel 2 IF NOT EXISTS delivery_form (' +
// 'number VARCHAR(255) PRIMARY KEY, '+
// 'round_id VARCHAR(255), '+
// 'state VARCHAR(50), '+
// 'has_returns INTEGER(2), '+
// 'has_annotations INTEGER(2))';
// db.executeSql(sql, {})
// .then(() => console.log('delivery_form table has created'))
// .catch(e => console.log(e));
})
}
}
12. Ubah code yang ada dalam src/app/pages/home/home.ts. Masukkan code di bawah . Disini kita akan membuat fungsi untuk menampilkan semua data pada database.
import { Component, NgZone } from '@angular/core';
import { NavController } from 'ionic-angular';
import { SQLiteObject } from '@ionic-native/sqlite';
import { DatabaseProvider } from '../../providers/database/database';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
data:any=[];
constructor(public navCtrl: NavController, public zone: NgZone,
public db: DatabaseProvider) { }
ionViewDidEnter() {
this.db.getOrGenerateDB().then((db: SQLiteObject) => {
db.executeSql('SELECT * FROM buku', {}).then(res => {
this.data = [];
this.zone.run(() => {
for (var i = 0; i < res.rows.length; i++) {
this.data.push({
id: res.rows.item(i).id,
judul: res.rows.item(i).judul
})
}
})
}).catch(e => console.log(e));
});
}
edit(id) {
this.navCtrl.push("BookformPage", {bookID: id})
}
add() {
this.navCtrl.push("BookformPage")
}
}
13. Ubah code yang ada dalam src/app/pages/home/home.html. Masukkan code di bawah . Disini kita akan membuat halaman untuk menampilkan semua data pada database.
14. Sekarang kita akan membuat sebuah halaman input data buku, ketik ionic generate page bookform
15. Ubah code yang ada dalam src/app/pages/bookform/bookform.ts. Masukkan code di bawah . Disini kita akan membuat fungsi untuk tambah data, ubah, serta hapus.
import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams, ToastController } from 'ionic-angular';
import { SQLiteObject } from '@ionic-native/sqlite';
import { DatabaseProvider } from '../../providers/database/database';
@IonicPage()
@Component({
selector: 'page-bookform',
templateUrl: 'bookform.html',
})
export class BookformPage {
book: any = {
judul: '',
penerbit: '',
pengarang: ''
}
title = '';
bookID = '';
toaster: any;
constructor(public navCtrl: NavController, public navParams: NavParams,
public toastCtrl: ToastController, public db: DatabaseProvider) {
this.title = 'Tambah Buku';
this.bookID = navParams.get("bookID");
if (this.bookID != null || this.bookID != undefined) {
this.title = 'Edit Buku';
}
this.toaster = this.toastCtrl.create({
duration: 3000,
position: 'bottom'
});
}
ionViewDidLoad() {
if (this.bookID != '') {
this.db.getOrGenerateDB().then((db: SQLiteObject) => {
db.executeSql('SELECT * FROM buku where id = ?', [this.bookID]).then(res => {
this.book = {
id: res.rows.item(0).id,
judul: res.rows.item(0).judul,
penerbit: res.rows.item(0).penerbit,
pengarang: res.rows.item(0).pengarang
}
}).catch(e => console.log(e));
});
}
}
save() {
if (this.book.judul == '' || this.book.penerbit == '' || this.book.pengarang == '') {
this.toaster.setMessage('All fields are required');
this.toaster.present();
} else {
// Jika edit
if (this.bookID) {
var sql = 'UPDATE buku SET judul=?, penerbit=?, pengarang=? where id = ?';
var param = [this.book.judul, this.book.penerbit, this.book.pengarang, this.book.id];
} else {
console.log(this.book);
param = [null, this.book.judul, this.book.penerbit, this.book.pengarang]
sql = 'INSERT INTO buku values (?,?,?,?)';
}
this.db.getOrGenerateDB().then((db: SQLiteObject) => {
db.executeSql(sql, param).then(res => {
setTimeout(()=>{
this.navCtrl.pop();
}, 300)
}).catch(e => console.log(e));
});
}
}
deleteBook() {
this.db.getOrGenerateDB().then((db: SQLiteObject) => {
db.executeSql('DELETE FROM buku where id = ?', [this.bookID]).then(res => {
setTimeout(()=>{
this.navCtrl.pop();
}, 300)
}).catch(e => console.log(e));
});
}
}
16 . Ubah code yang ada dalam src/app/pages/bookform/bookform.html Masukkan code di bawah . Disini kita akan membuat tampilan input data buku.
Pastikan anda sudah menginstall serta konfigurasi NPM serta Node.js.
Pertama tama, ketik ionic start LoginApp
3. Pilih blank .
4. input y
5. input n
6. Apabila proses instalasi sudah selesai, masuk ke folder anda dengan mengetik cd LoginApp
7. Untuk mengecek apakah sudah berhasil, ketik ionic serve -ctl
8. Sekarang kita akan membuat 2 buah halaman yaitu login dan home dengan megetik ionic generate page login untuk halaman login, serta ionic generate page home untuk halaman home.
9. Kemudian buka folder project LoginApp dengan IDE anda, pada tutorial ini menggunakan Visual Code.
10. Lalu masuk ke src/pages/login/login.html
11. Masukkan code berikut , ubah code aslinya yang ada pada gambar di atas
Pada kesempatan kali ini, kita akan mencoba membuat CRUD(Create, Read, Update, Delete) menggunakan framework codeigniter. Langsung saja kita mulai dengan langkah pertama ini, dengan membuat database dengan nama tutorial_rumah_coding dan sebuah table dengan nama siswa seperti yang terlihat dibawah ini:
Selanjutnya lakukan pengaturan pada file autoload.php yang terdapat didalam folder application/config/ seperti berikut ini :
Setelah helper dan libraries yang kita butuhkan sudah diload, selanjutnya hubungkan database dengan project kita seperti berikut ini :
Tidak lupa juga untuk mengatur base_url yang terdapat didalam file config.php pada folder application/config/ :
Kemudian buat sebuah controllers dengan nama CrudSiswa.php dengan perintah sebagai berikut ini :
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class CrudSiswa extends CI_Controller {
public function __construct(){
parent ::__construct();
//load model
$this->load->model('CrudSiswaModel');
}
public function index()
{
$data = array(
'title' => 'Data Siswa',
'data_siswa' => $this->CrudSiswaModel->get_all(),
);
$this->load->view('datasiswa', $data);
}
public function tambah()
{
$data = array(
'title' => 'Tambah Data Siswa'
);
$this->load->view('tambahsiswa', $data);
}
public function simpan()
{
$data = array(
'id_siswa' => $this->input->post("id_siswa"),
'nama' => $this->input->post("nama"),
'email' => $this->input->post("email"),
'password' => $this->input->post("password"),
'telepon' => $this->input->post("telepon"),
'pelajaran' => $this->input->post("pelajaran")
);
$this->CrudSiswaModel->simpan($data);
$this->session->set_flashdata('notif', '<div class="alert alert-success alert-dismissible"> Success! data siswa berhasil disimpan didatabase.
</div>');
//redirect
redirect('CrudSiswa/');
}
public function edit($id_siswa)
{
$id_siswa = $this->uri->segment(3);
$data = array(
'title' => 'Edit Data Siswa',
'data_siswa' => $this->CrudSiswaModel->edit($id_siswa)
);
$this->load->view('editsiswa', $data);
}
public function update()
{
$id['id_siswa'] = $this->input->post("id_siswa");
$data = array(
'id_siswa' => $this->input->post("id_siswa"),
'nama' => $this->input->post("nama"),
'email' => $this->input->post("email"),
'password' => $this->input->post("password"),
'telepon' => $this->input->post("password"),
'pelajaran' => $this->input->post("pelajaran"),
);
$this->CrudSiswaModel->update($data, $id);
$this->session->set_flashdata('notif', '<div class="alert alert-success alert-dismissible"> Success! data berhasil diupdate didatabase.
</div>');
//redirect
redirect('CrudSiswa');
}
public function hapus($id_siswa)
{
$this->CrudSiswaModel->hapus($id_siswa);
//redirect
redirect('CrudSiswa');
}
}
Selanjutnya buat sebuah Model dengan nama CrudSiswaModel.php dengan perintah seperti berikut ini :
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class CrudSiswaModel extends CI_model{
public function get_all()
{
$query = $this->db->select("*")
->from('siswa')
->order_by('id_siswa', 'DESC')
->get();
return $query->result();
}
public function simpan($data)
{
$query = $this->db->insert("siswa", $data);
if($query){
return true;
}else{
return false;
}
}
public function edit($id_siswa)
{
$query = $this->db->where("id_siswa", $id_siswa)
->get("siswa");
if($query){
return $query->row();
}else{
return false;
}
}
public function update($data, $id_siswa)
{
$query = $this->db->update("siswa", $data, $id_siswa);
if($query){
return true;
}else{
return false;
}
}
public function hapus($id_siswa)
{
$this->db->where('id_siswa', $id_siswa);
$this->db->delete('siswa');
}
}
Langkah Terakhir Adalah membuat halaman/view untuk menampikan data siswa, halaman tambah data siswa dan halaman edit data siswa. Pertama kita membuat halaman data siswa dengan nama file datasiswa.php :
