Ayo Mulai Merakit, Kita Gemparkan Dunia Ini. [Explotion S2]
Kemarin telah dijelaskan bahwa suatu karya yang berani kita buat, akan jadi lebih membuat kehidupan didunia ini berwarna. Pada kesempatan kedua ini, akan dijelaskan terkait dengan cara penggunaan dari Explotion Framework mulai dari instalasi sampai membuat aplikasi sederhana seperti TODO Apps.
Tahapan Instalasi
- Pertama-tama hal yang harus dilakukan adalah download terlebih dahulu Explotion Framework di sini
- Lalu setelah itu buatlah ekstrak file zip dari Explotion Framework yang telah didownload sebelumnya. Lakukan proses ekstraksi didalah folder host teman-teman, sebagai contoh disini saya melakukan ekstraksi di folder www.
- Selanjutnya buka folder explotion dengan menggunakan text editor, untuk pilihan text editornya, disarankan menggunakan Visual Studio Code, tapi jika ingin menggunakan yang lain tidak masalah.
Untuk proses intalasi hanya sampai disini. Selanjutnya untuk menguji apakah explotion telah terpasang, maka ketikkan pada browser dengan format
“hostname/projectname”, sebagai contoh: “localhost/explotion”
Membuat Proyek Baru
Setelah Explotion Framework terpasang pada host kita, selanjutnya kita akan membuat sebuah proyek baru dengan menggunakan fitur-fitur yang telah dijelaskan di season1 sebelumnya.
Adapun tahapan-tahapannya adalah sebagai berikut:
- Mengatur file config.php pada folder apps, di file ini kita akan mengatur base_url, sesuai dengan halaman utama dari aplikasi kita.
`<?php
$GLOBALS[“base_url”] = “http://localhost/explotion/"; // Your Base Url
?>
- Selanjutnya, kita mengatur file web.php pada folder apps, di file ini kita akan menginisialisasi routing untuk website kita. di file ini, disediakan sebuah variabel route yang memiliki 4 buah fungsi yaitu get, post, put, dan delete yang berguna sebagai fungsionalitas untuk transfer data menggunakan uri. untuk lebih lengkapnya kita akan membuat basic routing untuk todo.
<?php
// Memanggil fungsi index yang ada di controller todo
// Ini routing dengan menggunakan method get akan aktif jika
// uri yang didapakan adalah “/”
$route->get(“/”, “todo@index”);// Memanggil fungsi new_item yang ada di controller todo
// Ini routing dengan menggunakan method post akan aktif jika
// uri yang didapakan adalah “/input”
$route->post(“/input”, “todo@new_item”);// Memanggil fungsi remove_item yang ada di controller todo
// Ini routing dengan menggunakan method get akan aktif jika
// uri yang didapakan adalah “/delete” dengan data uri yang
// dikirim ada id
$route->delete(“/delete”, “todo@remove_item”, array(“id”));
?>
- Selanjutnya kita membuat sebuah file todo.php sebagai controller pada folder apps/controllers
<?php
use MVC\Config\Controller;
class Todo extends Controller{public function __construct() {
parent::__construct();
}// Index Function
public function index() {
}// New Item Function
public function new_item() {
}// Remove Item Function
public function remove_item($params=array()) {
}
}?>
Untuk isi dari todo.php kira adalah seperti diatas.
- Untuk function index kita akan menampilkan halaman index kita sebagai interface untuk pengguna melihat dan mengelolah data.
Sebelum kita mulai menampilkan data, maka sebaiknya kita buat dulu model data yang nantinya akan kita kelolah. oleh karena itu ikuti tahapan-tahapan berikut.
[1] Buat database dengan menggunakan mysql (sebagai contoh) dengan nama database adalah db_todo.
[2] Lalu buat sebuah tabel dengan nama tb_list, dengan attribute, id, title, dan description.
[3] Selanjutnya kita kembali lagi ke project kita, dan kita membuat file connection.php yang berada pada folder apps. pada file connection.php, kita diberikan sebuah variabel $db, yang memiliki satu buah function dengan nama conn yang berguna untuk melakukan koneksi ke database.
[4] Selanjutnya kita akan membuat sebuah file model yang berfungsi untuk mengakses dan melakukan manipulasi data ke database nantinya. Buat sebuah file dengan nama todo_model.php (nama bisa diganti) pada folder apps/models.
[5] Terakhir kita kembali ke file todo.php yang berada pada folder apps/controllers, lalu kita panggil file model yang telah kita buat diatas. sehingga isi dari todo.php adalah sebagai berikut.
- Kembali ke function index, kita akan memanggil sebuah view untuk menampilkan interface dari aplikasi todo. dengan cara sebagai berikut.
[1] Panggil sebuah view, dimana misalkan kita akan nantinya membuat sebuah view dengan nama v_todo.php yang akan berada pada folder apps/views.
[2] Selanjutnya kita membuat file v_todo pada folder apps/views.
[3] Hasil dari script diatas adalah sebuah halaman input, dan dapat diakses dengan menggunakan browser. “localhost/explotion”
- untuk function new_item kita akan melakukan proses input data ke database. Untuk mendapatkan data yang ditransferkan oleh suatu form, maka kita memerlukan sebuah fungsionalitas Request, adapun tatacaranya adalah sebagai berikut:
[1] Buat sebuah variabel untuk dengan nama $req.
[2] Selanjutnya kita akan menangkap data input.
[3] Kita membuat sebuah function untuk mengelolah input data, dengan nama insert_list.
[4] Selanjutnya kita panggil pada controller todo.
[5] Terakhir kita mencoba pada browser, aplikasi kita apakah sudah bisa menginput data atau belum.
- untuk function remove_item kita akan melakukan proses hapus data dari database. Sebelum melakukan proses penghapusan data, kita harus menampilkan data list terlebih dahulu. Berikut adalah tahapannya.
[1] Pertama-tama kita buat terlebih dahulu sebuah fungsi pada model untuk mengambil data dari database kita beri nama get_list.
[2] Selanjutnya kita panggil pada fungsi index yang ada pada controller. Lalu kita kirim ke view v_todo.php
[3] Selanjutnya kita akan menampilkan data menjadi bentuk tabel di view v_todo.php. Tambahkan script berikut dibawah form.
[4] Terakhir kita lihat pada browser kita apakah tabel sudah tampil atau belum.
- Selanjutnya kita akan mengkonfigurasi fungsi remove_item, dimana kita akan mengambil id terlebih dahulu, lalu kemudian menghapus data dari database dengan membuat fungsi pada model. Adapun tahapannya adalah sebagai berikut:
[1] Membuat fungsi remove_item_list pada model, dengan menggunakan paramater id data yang nantinya akan dihapus.
[2] Memanggil fungsi remove item list pada controller di fungsi remove_item. serta menangkap id terlebih dahulu dari uri.
[3] Terakhir melakukan percobaan pada browser dengan menekan tombol hapus pada salah satu data.
Bagaimana, gampang kan? untuk lebih lengkapnya silahkan teman-teman mencoba sendiri-sendiri dan jika ada yang dibingunkan silahkan komentar dibawah.
Download di: https://github.com/php-labwork/Explotion
Assalamu’alaykum. (AMOEL).
