KangJaz.com

Tempat Tips, Tutorial dan Source Code dari seorang newbie

Tutorial Implementasi Star Rating System pada Content dengan PHP Mysql

01 Oktober 2020 | Kategori : PHP

Tutorial cara implementasi star rating system pada content dengan PHP Mysql - Apa kabar sobat semua? semoga sobat semua dalam keadaan baik ya.. Berhubung banyak yang menanyakan cara implementasi atau penerapan sistem rating pada sebuah content, maka pada kesempatan kali ini saya akan berbagi tutorial bagaimana sih cara menerapkan system rating pada sebuah content dengan bahasa pemrograman php tentunya.

rating.jpg
Bagi sobat yang belum tahu apa itu star rating system, silahkan sobat baca artikelnya disini

Untuk penerapan sistem rating pada sebuah konten sebetulnya kita hanya perlu menyimpan id konten tersebut waktu menyimpan rating yang diberikan oleh user. Untuk lebih jelasnya silahkan sobat ikuti tutorial sederhana di bawah ini step by step ya.

Cara Implementasi System Rating pada Content

Sebelum lanjut silahkan sobat mengunduh terlebih dahulu bahan-bahan di bawah ini :

  1. Bootstrap CSS v4.4.1
  2. Fontawesome v 4.6.1
  3. Jquery 2.1.4

Setelah semua bahan sudah sobat unduh, sekarang silahkan sobat buat sebuah database dengan nama new_rating, kemudian silahkan ketikkan perintah di bawah ini pada menu sql, namun pastikan terlebih dahulu sobat sudah memilih database yang baru saja di buat tadi ya.

sql.jpg
CREATE TABLE `new_rating`.`tbl_content` (
    `id_content` INT NOT NULL AUTO_INCREMENT ,
    `judul` VARCHAR(255) NOT NULL ,
    `isi` TEXT NOT NULL ,
    `gambar` VARCHAR(255) NOT NULL ,
     PRIMARY KEY (`id_content`)) ENGINE = InnoDB;

CREATE TABLE `new_rating`.`tbl_rating` (
    `ipuser` VARCHAR(35) NOT NULL ,
    `rating` TINYINT(1) NOT NULL ,
    `id_content` INT NOT NULL ) ENGINE = InnoDB;

kemudian silahkan klik go / kirim.

Setelah pembuatan database selesai, sekarang silahkan sobat buat sebuah folder untuk project-nya, lalu silahkan sobat extract dan copy semua bahan tadi ke dalam folder tersebut dengan struktur folder seperti gambar di bawah ini :

folder.png

Setelah sudah, sekarang silahkan sobat buka text editor favorit sobat kemudian silahkan ikuti langkah di bawah ini :

File Koneksi

File pertama yang akan kita buat adalah file untuk koneksi ke database, disini saya membuat sebuah file dengan nama connect.php, kemudian silahkan sobat ketikkan script di bawah ini pada file koneksi tersebut

Kemudian silahkan sobat simpan file tersebut ke dalam folder project tadi dan jangan lupa untuk menyesuaikan nama host, user, password dan juga nama databasenya ya sob.

File Index

Setelah file koneksi, sekarang silahkan sobat buat sebuah file dengan nama index.php dan ketikkan script di bawah ini pada file tersebut

Setelah itu silahkan sobat simpan ke dalam folder project tadi ya. Nah, bisa sobat lihat waktu pengambilan data kita menggunakan LEFT JOIN supaya jika semua content bisa tampil meski belum memiliki rating. Selain menggunakan LEFT JOIN kita juga harus menggunakan GROUP BY supaya tidak terjadi penggandaan data yang ditampilkan

File Detail Konten

File selanjutanya yang harus sobat buat adalah file detail.php yang mana file ini merupakan file untuk user memberikan rating pada content tersebut. Setelah sobat selesai membuat file detail tersebut, silahkan sobat ketikkan script di bawah ini:

Kemudian silahkan simpan dalam folder tadi ya.

File Proses

File terakhir yang harus sobat buat adalah file proses, disini saya memberi nama file tersebut dengan nama proses.php, kemudian silahkan sobat ketikkan script di bawah ini :

Kemudian silahkan sobat simpan ke dalam folder project tadi.

Setelah semua sudah selesai, sekarang sobat bisa mencobanya, oh iya untuk data contentnya silahkan sobat isi manual melalui phpmyadmin ya pada tbl_content. Jika tidak terjadi kesalahan nanti hasilnya kurang lebih seperti pada gambar di bawah ini

rating.jpg

Bagi sobat yang tidak mau repot, silahkan sobat unduh contoh source codenya melalui tombol di bawah ini

Baik sobat, mungkin cuma ini yang bisa saya bagikan kali ini, semoga bisa membantu sobat untuk mengimplementasikan rating system ke dalam sebuah content ya.