Artikel, Bootstrap, Donasi, Free Download, MySQL, OOP, PHP, PHP Sistem, Project

Membangun Sistem Berbasis Web Menggunakan PHP OOP [Kelas 3]

Kita sudah sampai pada Kelas 3, Yaps sudah cukup lebar kita jelaskan dan sepertinya kita tinggal desain tampilannya agar lebih menarik. Tentunya tampilan akan menentukan akan menambah daya jual terhadap program.

Jika belum membaca artikel Kelas 1, silakan lihat dimari https://phpbego.wordpress.com/2017/07/12/membangun-sistem-berbasis-web-menggunakan-php-oop-kelas-1/

Jika belum membaca artikel Kelas 2, silakan dimari https://phpbego.wordpress.com/2017/07/13/membangun-sistem-berbasis-web-menggunakan-php-oop-kelas-2/

  1. Pastikan Apache dan MySQL pada XAMPP anda sudah running dengan baik, Jalankan browser dan buka phpmyadmin karena kita akan menambahkan tabel baru.
  2. Buat database baru dbles_oop3, Jalankan query berikut ini pada phpMyAdmin.

CREATE TABLE tb_mahasiswa (
mhsw_id INT(11) AUTO_INCREMENT,
mhsw_nim VARCHAR(20),
mhsw_nama VARCHAR(100),
mhsw_id_jur INT(11),
PRIMARY KEY(mhsw_id)
); 
CREATE TABLE tb_jurusan (
jur_id INT(11) AUTO_INCREMENT,
jur_nama VARCHAR(100),
PRIMARY KEY(jur_id)
);

3. Siapkan template yang anda inginkan, atau tentunya boleh mengikuti artikel ini. Semua file yang dibutuhkan kami.

4. Gandakan folder les_oop2 yang telah kita buat pada postingan sebelumnya kemudian rename menjadi les_oop3 agar folder rapi dan tidak mengubah latihan kita sebelumnya.

5. Pastikan Koneksi sudah sesuai dengan database yang akan kita sambungkan, seperti pada artikel sebelumya edit koneksi pada file lib/koneksi.php

6. Tambahkan file baru autoload.php pada folder lib/ dan isikan dengan perintah berikut ini:


spl_autoload_register (function($class) {
	if (file_exists("class/" . $class . ".php")) {
		require "class/" . $class . ".php";
    } else {
        exit ("File " . $class . ".php tidak ditemukan");
    }
});

File autoload berfungsi untuk memanggil secara otomatis semua file class yang dibutuhkan tanpa menuliskan satu-persatu file tersebut.

7. Susunlah file dengan rapi seperti pada gambar berikut ini

8. Dengan langkah-langkah yang tidak jauh berbeda dengan kelas sebelumnya, jalankan program anda.

Dengan menambahkan template, dimana salah satunya menggunakan sentuhan Framework Bootstrap . Sistem menjadi lebih menarik. Begitu juga dengan penggunaan plugin dari Datatables, table menjadi lebih interaktif dan tentunya sudah di lengkapi paging dan searching.

Oke! Done. Silakan lanjut ke posting Kelas 4 untuk selanjutnya. Kelas 4 akan disempurnakan dengan login dan penambahan table baru. Silakan download Source Code untuk lebih lanjut, jangan lupa tinggalkan komentar.

Advertisements

About Suendri

Owner dan Founder Go Software Media sebelumnya bernama PHPBeGO Foundation

Discussion

No comments yet.

Tinggalkan Komentar

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

w

Connecting to %s

Follow Go Software Media Blog on WordPress.com

Enter your email address to follow this blog and receive notifications of new posts by email.

Join 781 other followers

Archives

Advertisements
%d bloggers like this: