Repository Universitas Komputer Indonesia

16032 - Komputer Aplikasi E-Commerce (2 SKS)
Materi ini membahas mengenai penanganan input menggunakan form dengan method POST atau GE

Suryana, Taryana

Materi 4. Menangani Form Input Dan Output

16032 - Komputer Aplikasi E-Commerce (2 SKS)
Materi ini membahas mengenai pembuatan modul Toko Onlin

Materi 7 Membuat Toko Online

16032 - Komputer Aplikasi E-Commerce (2 SKS)
Materi ini membahas mengenai penggunaan perintah dasar SQ

Materi 9 Perintah Dasar Sql

16032 - Komputer Aplikasi E-Commerce (2 SKS)
Materi ini membahas mengenai pembuatan aplikasi Relasi antara tabe

Materi 14 Relasi Antar Tabel

Komputer Aplikasi E-Commerce
Materi ini membahas mengenai berbagai jenis operator yang dapat digunakan dalam pemrograman PHP dan Database, seperti, operator logika,  matematika, Aritmatika, assignment, bitwise, perbandingan, eksekusi, logika, prioritas, strin

 
BAB 3 
Operator Pada PHP Dan Database 
 
Oleh: 
Taryana Suryana M.Kom 
Ilmu Hukum 
2025 
 
taryanarx@email.unikom.ac.id – taryanarx@gmail.com 
 
 
 
3.1. Operator pada PHP 
Operator merupakan symbol yang biasa di libatkan dalam program untuk 
melakukan suatu operasi atau manipulasi. 
Misalnya untuk: 
1. Menjumlahkan dua buah nilai 
2. Memberikan nilai ke suatu variable 
3. Membandingkan kesamaan dua buah nilai 
 
3.2. Operator aritmatika 
Adalah operator yang digunakan dalam melakukan suatu proses operasi 
matematika, seperti penjumlahan, perkalian dan sebagainya. 
Contoh: 
$a + $b 
symbol + merupakan operator untuk melakukan operasi penjumlahan dari 
kedua operand-nya (yaitu $a dan $b). Karena operator penjumlahan 
melibatkan dua buah operand, maka operator ini tergolong sebagai 
operator binary. 
 
 
Tabel 3.1. Operator Aritmatika 
 
 
Operator pembagian ("/") mengembalikan suatu nilai bulat  (hasil dari suatu 
pembagian bulat) Jika kedua operan adalah integer (atau string yang 
dikonversi ke integer). Jika salah satu operan adalah nilai  floating-point 
value, pembagian  floating-point dilakukan.Operator seperti penjumlahan, 
pengurangan, perkalian dan pembagian merupakan hal yang umum. 
Adapun operator sisa pembagian (modulus) berupa % adalah sesuatu yang 
berbeda dengan operator sebelumnya. 
 
Contoh :  
 
 
 
3.3. Operator pemberi nilai  atau penugasan 
Operator pemberian nilai (penugasan) yang disimbolkan dengan tanda (=) 
sama dengan, berguna untuk memberikan suatu nilai kesuatu variable. 
Operator ini dapat digunakan sebagai ungkapan ataupun berdiri sendiri 
sebagai pernyataan. 
$a = 3; memberikan nilai 3 ke $a 
$a = ($b = 4) + 5; // $a is equal to 9 now, and $b has been set to 4. 
$a = 2 + 3; 
 
3.4. Operator Bitwise 
Operator Bitwise memungkinkan anda untuk memanipulasi data dalam 
bentuk bit tertentu dalam suatu integer on atau off. 
 
 
Table 3.2. Operator Bitwise 
 
 
3.5. Operator Perbandingan 
Operator perbandingan, sesuai dengan namanya, memperbolehkan anda 
untuk membandingkan dua nilai. 
 
Table 3.3. Operator Perbandingan 
 
3.6. Operator Eksekusi 
PHP mendukung sebuah operator eksekusi yang disimpan dalam tanda  
backticks (``). Dalam tanda backticks tersebut dapat dimasukan perintah 
yang dilakukan dalam shell, kemudian outputnya akan dikeluar di jendela 
browser. 
 
Contoh: 
$output = `ls -al`; 
echo "<pre>$output</pre>"; 
 
3.7. Operator Penaikan dan Penurunan 
PHP mendukung perintah C-style yang berhubungan dengan penaikan 
(increment) dan penurunan (decrement). Kedua operator ini digunakan 
pada operand bertipe bilangan bulat (integer). 
 
 
Tabel 3.4. Increment/decrement Operators 
 
 
Contoh 1: 
$a = 10; 
$b = 10 +  ++$a; // $a akan bernilai 11 dan $b akan bernilai 21 
//Perintah diatas akan sama dengan perintah berikut: 
$a = 10 + 1; 
$b = 10 + 11 
 
Contoh 2: 
$a = 10; 
$b = 10 +  $a++; // $a akan bernilai 11 dan $b akan bernilai 20 
//Perintah diatas akan sama dengan perintah berikut: 
$b = 10 + $a 
$a = 10 + 1; 
 
3.8. Operator Logical 
Operator logika biasa digunakan untuk menghubungkan dua buah 
ungkapan kondisi menjadi sebuah ungkapan kondisi 
Table 3.5. Operator Logical 
 
3.9. Operator Prioritas 
Operator prioritas menentukan bagaimana suatu ekpresi dikerjakan oleh 
PHP. Operator yang mempunyai prioritas tinggi akan didahulukan dalam hal 
pengerjaannya dibandingkan dengan operator uang memiliki prioritas lebih 
rendah. 
Contoh: 
1 + 5 * 3, jawabanya adalah 16 dan bukan 18, sebab tanda operator kali  (*) 
lebih tinggi derajatnya dibandingkan dengan operator penjumlahan (+). 
 
Dibawah ini adalah tabel operator prioritas dimana operator yang 
mempunyai derajat lebih rendah akan disimpan diawal. 
Table 3.6. Operator Prioritas 
 
 
3.10. Operator String 
Operator string adalah operator yang digunakan untuk menggabungkan 
dua atau beberapa string. Hanya ada satu operator string dalam PHP yaitu 
operator pengabungan string (".") titik. 
Contoh: 
$a = "Hello "; 
$b = $a . "World!"; // now $b = "Hello World!" 
 
 
3.11.Operator Pada Database 
Dalam Database anda dapat menggunakan operator sebagaimana pada 
pemrograman php, perhatikan dan ikuti langkah berikut: 
 
 
Berdasarkan pada tabel databarang berikut adalah contoh SQL untuk 
mencari TOTAL: 
 
SELECT NAMABARANG, HARGA,JUMLAH, HARGA*JUMLAH as TOTAL  
FROM BARANG 
 
 
Gambar 3.1. Menampilkan Total Harga 
 
 
TOTAL didapat dari hasil perkalian antara HARGA * JUMLAH 
Menggunakan operator * (perkalian) 
 
 
3.12.Menampilkan Data 
Pada bagian ini akan dibahas mengenai bagaimana membuat program 
dengan menggunakan bahasa pemrograman PHP untuk menampilkan data 
yang ada dalam database MySQL 
 
3.12.1. Membuat File Koneksi dari PHP ke MYSQL 
Pada bagian ini akan dibuat bagaimana cara menghubungkan antara 
program yang dibuat dengan PHP agar dapat terkoneksi dengan database 
dan tabel yang ada dalam MYSQL 
  
 
 
NamaFile:Koneksi.php 
<?php 
$conn=mysqli_connect("localhost","root","","HK_2024"); 
?> 
 
3.12.2. Menampilkan Data Tabel Barang 
Untuk menampilkan data pada table dapat digunakan perintah dasar sql 
yaitu: 
Select * from barang 
 
Berikut adalah Penggunaan Operator Matematika Perkalian dan Operator 
Increment pada Pemrograman PHP, Untuk menampilkan Data barang dan 
Total Harga 
 
NamaFile:TAMPILBARANG.PHP 
<html> 
<center> 
<h1>MENAMPILKAN DATA BARANG</h1> 
<hr> 
<table border=1> 
<tr><th>NO<th>KODE<th>NAMABARANG<th>HARGA<th>JUMLAH<th>TOTAL 
<?php 
require ("koneksi.php"); 
$sql="select * from barang"; 
$hasil=mysqli_query($conn,$sql); 
$row=mysqli_fetch_row($hasil); 
$n=1; 
do 
{ 
list($kode,$namabarang,$harga,$jumlah)=$row; 
$total=$harga*$jumlah; //operator perkalian 
echo 
"<tr><td>$n<td>$kode<td>$namabarang<td>$harga<td>$jumlah<td>$total"; 
$n++; //operator increment 
} 
while($row=mysqli_fetch_row($hasil)); 
?> 
</table> 
 
 
 
 
Gambar 3.2. Menampilkan Data Barang 
 
  
 
 
Latihan 3 
1. Berikut adalah contoh penggunaan Operator dalam Program PHP 
Nama File:operator1.php 
<?php 
$A=100; 
$B=5; 
$C=$A+$B; //Operator + untuk penjumlahan 
$D=$A-$B; //Operator - untuk pengurangan 
$E=$A/$B; //Operator / untuk pembagian 
$F=$A*$B; //Operator * untuk perkalian 
 
echo "<h2>Contoh Penggunaan Operator</h2>"; 
echo "<hr>"; 
echo "A = $A<br>"; 
echo "B = $B<hr>"; 
 
echo "Variabel A di Jumlahkan Variabel B Hasilnya disimpan di variabel C<hr>"; 
echo "C = $C<hr>"; 
echo "Variabel A di Kurangi Variabel B Hasilnya disimpan di variabel D<hr>"; 
echo "D = $D<hr>"; 
echo "Variabel A di Bagi  Variabel B Hasilnya disimpan di variabel E<hr>"; 
echo "E = $E<hr>"; 
echo "Variabel A di KALI Variabel B Hasilnya disimpan di variabel F<hr>"; 
echo "F = $F<hr>"; 
?> 
 
 
Gambar 3.3.Hasil Program operator1.php 
 
 
 
2. Membuat Program Untuk mencari Nilai Akhir dan nilai Rata-rata 
Diketahui nilai Tugas, UTS dan UAS,  
Nilai Akhir = 20% tugas + 30% uts + 50% uas 
Rata = (tugas+uts+uas)/3; 
 
NamaFile:operator2.php 
<?php 
$namasiswa="Fahra Ragita Musyafa"; 
$prodi="Hubungan Internasional"; 
$tugas=75; 
$uts=80; 
$uas=85; 
$nilaiakhir=(0.2*$tugas) + (0.3*$uts) + (0.5*$uas); 
$rata=($tugas+$uts+$uas)/3; 
echo "<h2>Menampilkan Nilai dan Rata-rata</h2>"; 
echo "<hr>"; 
echo "Nama Siswa = $namasiswa<br>"; 
echo "Prodi = $prodi<br>"; 
echo "Tugas = $tugas<br>"; 
echo "UTS = $uts<br>"; 
echo "UAS = $uas<hr>"; 
echo "Nilai Akhir = $nilaiakhir<br>"; 
echo "Rata Rata Nilai = $rata<hr>"; 
?> 
 
 
Gambar 3.4. Hasil Program Menampilkan Nilai Akhir dan Rata-rata 
  
 
Tugas: 
Tugas 3.1. Buat Program Penjualan, Untuk Menampilkan Totalharga, 
Diskon, dan Total bayar, jika diketahui: 
 
 
 
Hasil Akhir Tugas3.1 
  
 
 
Tugas 3.2. Dengan Menggunakan Database Barang, Buat Program Untuk 
Menampilkan Hasil Seperti berikut: 
 
 
 
 
ooOOoo 
 
 
DAFTAR PUSTAKA 
1. Suryana, Taryana (2024) Pengantar Pemrograman WEB (HTML, 
CSS, PHP, MYSQL) xviii, 181 hlm Deepublish, ISBN:978-623-02-
8181-5 
2. Suryana, Taryana; Koesheryatin (2014), (2023), Aplikasi Internet 
Menggunakan HTML, CSS & Java Script, Elexmedia Komputindo, 
Jakarta 
3. Suryana, Taryana (2010) Membuat Web Pribadi dan Bisnis dengan 
HTML., Gava Media, Jogyakarta 
4. Suryana, Taryana; Sarwono, Jonathan (2007)  E-COMMERCE 
MENGUNAKAN PHP DAN MYSQL, Graha Ilmu, Yogyakarta 
5. Wong Jony. 2010. Internet Marketing for Beginners. Jakarta: PT 
Elex Media Komputindo. 
 
6. Kumar, Anil and Manoj Kumar Dash. 2013. Constructing a 
Measurement in Service Quality for Indian Banks: Structural 
Equation Modeling Approach. Journal of Internet Banking and 
Commerce, April 2013, vol. 18, no.1 
7. Siregar, Riki R. 2010. Strategi Meningkatkan Persaingan Bisnis 
Perusahaan dengan Penerapan E-commerce 
8. https://www.php.net/manual/en/book.mysql.php 
9. https://www.w3schools.com  
10. https://tekno.kompas.com/read/2022/09/26/10150007/pengertian-e-
commerce-beserta-jenis-contoh-dan-manfaatnya 
11. https://meenta.net/pengertian-e-commerce/ 
12. https://www.rumahweb.com/journal/session-adalah/ 
13. https://rizkypratama.id/blog/2019/11/01/membuat-session-login-
pada-php/ 
14. https://blog.skillacademy.com/supplier-adalah 
15. https://chat.openai.com/ 
16. Suryana, Taryana (2025) Materi 15 Integrasi Program 
17. Suryana, Taryana (2025) Materi 11 Percabangan - Fungsi 
Logika. [Teaching Resource] 
18. Suryana, Taryana (2024) Materi 2. Memformat Dokumen Html Dan 
List. [Teaching Resource] 
19. Suryana, Taryana (2024) Materi7. Membagi Layar Dengan Frame Dan 
Iframe. [Teaching Resource] 
20. Suryana, Taryana (2024) Materi 6. Membuat Tautan Atau Link Dalam 
Html. [Teaching Resource] 
21. Suryana, Taryana (2024) Materi 5. Form Dengan Html Dan 
Html5. [Teaching Resource] 
22. Suryana, Taryana (2024) Materi 4. Membuat Tabel Dengan 
Html. [Teaching Resource] 
23. Suryana, Taryana (2024) Materi 3. Membuat List Berurutan Dan List 
Tidak Berurutan. [Teaching Resource] 
24. Suryana, Taryana (2024) Materi 2. Memformat Dokumen Html Dan 
List. [Teaching Resource] 
25. Suryana, Taryana (2024) Materi 1. Pengenalan Html Web Browser 
Dan Text Editor. [Teaching Resource] 
26. Suryana, Taryana (2010) Membuat Web Pribadi dan Bisnis dengan 
HTML., Gava Media, Jogyakarta 
27. Suryana, Taryana; Koesheryatin (2014),Aplikasi Internet Menggunakan 
HTML, CSS & Java Script, Elexmedia Komputindo, Jakarta 
 
28. Suryana, Taryana, e-COMMERCE MENGUNAKAN PHP DAN MYSQL, 
Graha Ilmu, Jogyakarta 
29. http://www.grahailmu.co.id/previewpdf/978-979-756-182-6-
231.pdf 
30. Suryana, Taryana (2023) Materi 2. Pengenalan Php, Variabel, Tipe 
Data Dan Database Hubungan Internasional 2023-2024. [Teaching 
Resource] 
31. Suryana, Taryana (2023) Materi 1. Pengenalan E-commerce Dan 
Persiapan Software Pendukungnya. [Teaching Resource] 
32. Suryana, Taryana (2023) Materi 11 Input Dan Label. [Teaching 
Resource] 
33. Suryana, Taryana (2023) Materi 10. Display Layout Dan 
Button. [Teaching Resource] 
34. Suryana, Taryana (2023) Materi 11. Input Dan Label Dalam W3 
Framework. [Teaching Resource] 
35. Suryana, Taryana (2022) Materi 9. Framework Css. [Teaching 
Resource] 
36. Suryana, Taryana (2022) W3 Css Framework. [Teaching Resource] 
37. Suryana, Taryana (2022) Materi 8 Pengenalan Css. [Teaching 
Resource] 
38. Suryana, Taryana (2022) Frame Dalam Html. [Teaching Resource] 
39. Suryana, Taryana (2022) Materi 6 Membuat Tautan Atau Link Dalam 
Html. [Teaching Resource] 
40. Suryana, Taryana (2022) Materi 5 Form Dengan Html Dan 
Html5. [Teaching Resource] 
41. Suryana, Taryana (2022) Materi 4. Membuat Tabel Dalam 
Html. [Teaching Resource] 
42. Suryana, Taryana (2022) Materi 3 Membuat List / Daftar. [Teaching 
Resource] 
43. Suryana, Taryana (2022) Materi 2 Memformat Dokumen 
Html. [Teaching Resource] 
44. Suryana, Taryana (2022) Materi 1 Pengenalan Html. [Teaching 
Resource] 
45. Suryana, Taryana (2021) Bab 1. Pengenalan Html. [Teaching Resource] 
46. Suryana, Taryana (2021) Pelatihan Pembuatan Website Dengan 
Menggunakan Html Dan Dreamweaver. [Teaching Resource] 
47. https://www.w3schools.com/html, September, 2021 
48. Suryana, Taryana (2021) Materi 1. Pengenalan Html Web Browser 
Dan Text Editor.  [Teaching Resource] 
49. Suryana, Taryana (2021) Pengenalan Komputer Aplikasi It 1 Dan 
Pemrograman Web. [Teaching Resource] 
 
50. Suryana, Taryana; Koesheryatin (2014),Aplikasi Internet Menggunakan 
HTML, CSS & Java Script, Elexmedia Komputindo, Jakarta 
51. Suryana, Taryana (2010) Membuat Web Pribadi dan Bisnis dengan 
HTML., Gava Media, Jogyakarta 
52. Suryana, Taryana; Koesheryatin (2014),Aplikasi Internet Menggunakan 
HTML, CSS & Java Script, Elexmedia Komputindo, Jakarta 
53. Suryana, Taryana (2021) Bab 1. Pengenalan Html. [Teaching Resource] 
54. Suryana, Taryana (2021) Pelatihan Pembuatan Website Dengan 
Menggunakan Html Dan Dreamweaver. [Teaching Resource] 
55. Suryana, Taryana (2010) Membuat Web Pribadi dan Bisnis dengan 
HTML., Gava Media, Jogyakarta 
56. https://www.w3schools.com/html, September, 2021 
57. Suryana, Taryana (2021) Materi 1. Pengenalan Html Web Browser 
Dan Text Editor.  [Teaching Resource] 
58. Suryana, Taryana (2021) Pengenalan Komputer Aplikasi It 1 Dan 
Pemrograman Web. [Teaching Resource] 
59. Suryana, Taryana (2021) Memformat Dokumen Html. [Teaching 
Resource] 
60. Suryana, Taryana (2021) Membuat List Atau Daftar Dengan Html 
Materi Jurusan Perancangan Wilayah Dan Kota. [Teaching Resource] 
61. Suryana, Taryana (2021) Membuat List Atau Daftar Dengan Html 
Untuk Jurusan Teknik Sipil. [Teaching Resource] 
62. Suryana, Taryana (2021) Membuat List Atau Daftar Dengan 
Html. [Teaching Resource] 
63. Suryana, Taryana (2021) Membuat Tabel Dengan Html Kelas If-wa1-
ul2-2021. [Teaching Resource] 
64. Suryana, Taryana (2021) Membuat Tabel Dengan Html Kelas Ts-
2021-1. [Teaching Resource] 
65. Suryana, Taryana (2021) Membuat Tabel Dengan Html Kelas Pwk-
2021-1. [Teaching Resource] 
66. Suryana, Taryana (2021) Input Dan Output Data Barang Dan Data 
Member. [Teaching Resource] 
67. Suryana, Taryana (2021) Membuat Aplikasi Pencatatan Perkawinan 
Disdukcapil. [Teaching Resource] 
68. Suryana, Taryana (2021) Membuat Tabel Dengan Html Kelas If3-
2021-1. [Teaching Resource] 
69. Suryana, Taryana (2021) Membuat Tabel Dengan Html Kelas If-2-
2021-1. [Teaching Resource] 
70. Suryana, Taryana (2021) Membuat Tabel Dengan Html Kelas If-
12021-1. [Teaching Resource] 
71. https://www.w3schools.com/html 
 
 
 
 
 
 


Materi 3 Operator Dalam Php Dan Database

Komputer Aplikasi E-Commerce
Materi ini membahas pembuatan modul Untuk Menampilkan Data Barang dalam Aplikasi Toko Online, menggunakan perintah dasar select * from Baran

 
BAB 7 
Membuat Toko Online 
 
Oleh: 
Taryana Suryana M.Kom 
Ilmu Hukum 
2025 
 
taryanarx@email.unikom.ac.id – taryanarx@gmail.com 
 
7.1. Membuat Toko Online 
Pada bagian ini akan dibahas cara membuat Toko Online dengan 
menggunakan bahasa pemrograman PHP. Untuk Membuat Program Toko 
Online seperti bukalapak.com, tokopedia.com dan lain-lain, dasarnya 
adalah dengan membuat program untuk menampilkan data disertai dengan 
gambar produknya. 
 
 
 
Gambar 7.1. Contoh Tampilan tokopedia.com 
 
 
 
Gambar 7.2. Contoh tampilan halaman bukalapak.com 
 
7.2. Kode Program Membuat Toko Online 
Materi dasar bagaimana cara menampilkan data sudah dibahas di 
bab sebelumnya, silahkan lihat kembali kode programnya. 
 
Langkahnya adalah sebagai berikut: 
1. Copy isi file tampil_barang.php ke file baru dan berinama toko.php 
2. Download file gambar.zip pada kuliahonline, kemudian extrak kedalam 
folder xampp/htdocs/hk 
 
NamaFile:toko.php 
<center> 
  <h1>TOKO ONLine UNIKOM 
  <hr> 
<table border=0> 
<tr> 
<?php 
require ("koneksi.php"); 
$sql="select * from barang"; 
$hasil=mysqli_query($conn,$sql); 
$row=mysqli_fetch_row($hasil); 
 
$n=1; 
do 
{ 
list($kode,$nama,$harga,$stok)=$row; 
echo "<td><img src='images/$kode.jpg' width=200 height=150>"; 
echo "<br>$kode<br>$nama<br>Rp.$harga<br>Stok:$stok"; 
$n++; 
} 
while($row=mysqli_fetch_row($hasil)); 
?> 
 
Jalankan dengan browser, maka akan ditampilkan jendela seperti 
berikut: 
 
 
Gambar 7.3. Halaman Utama Toko Online 
 
7.3.Memformat Angka 
Untuk menampilkan angka kedalam format tertentu, misalnya 
membuat format angka rupiah, Anda bisa menggunakan function 
number_format().  
function number_format() memiliki 4 parameter yang bisa Anda 
gunakan yaitu : 
 
 
1. Angka nominal, merupakan nominal atau angka yang akan di 
format. 
2. Jumlah angka sen, merupakan jumlah angka sen. 
3. Separator sen, merupakan tanda pemisah antara angka nominal 
dengan angka sen. 
4. Separator ribuan, merupakan tanda pemisah angka ribuan. 
Lalu bagaimana cara menggunakannya? Anda bisa gunakan contoh script 
di bawah ini : 
<?php echo number_format(750000,2,".",","); ?> 
Bila dijalankan, script di atas akan menghasilkan Output: 
1,250,000.00  
 
7.4. Memformat Tampilan Harga 
Dengan menggunakan perintah number format, misalkan akan 
dirubah tampilan layar Toko Online menjadi seperti berikut: 
 
Gambar 7.4. Hasil Memformat harga 
 
 
Perhatikan bagian Harga menjadi ada tanda titik dan tanda koma 
pemisah 
 
NamaFile:toko.php 
<center> 
  <h1>TOKO ONLine UNIKOM 
  <hr> 
<table border=0> 
<tr> 
<?php 
require ("koneksi.php"); 
$sql="select * from barang"; 
$hasil=mysqli_query($conn,$sql); 
$row=mysqli_fetch_row($hasil); 
$n=1; 
do 
{ 
list($kode,$nama,$harga,$stok)=$row; 
echo "<td><img src='images/$kode.jpg' width=200 height=150>"; 
echo "<br>$kode<br>$nama<br>Rp."; 
echo number_format($harga,2,",","."); 
echo "<br>Stok:$stok"; 
$n++; 
} 
while($row=mysqli_fetch_row($hasil)); 
?> 
 
 
7.5. Menampilkan data Perbaris 4 Kolom 
Jika barang yang akan ditampilkan banyak, maka data harus 
diatur sedemian rupa sehingga ketika ditampilkan tidak menumpuk 
dalam satu baris. Misalnya kita akan mengatur halaman Toko Online 
untuk menampilkan data perbaris sebanyak 4 barang. 
 Contoh: Anda memiliki 11 barang yang akan ditampilkan di Toko 
Online, maka akan ditampilkan menjadi 3 baris seperti berikut: 
 
 
 
 
Gambar 7.5. Menampilkan 4 Barang per Baris 
 
NamaFile:toko.php 
<center> 
  <h1>TOKO ONLine UNIKOM 
  <hr> 
<table border=0> 
<tr> 
<?php 
require ("koneksi.php"); 
$sql="select * from barang"; 
$hasil=mysqli_query($conn,$sql); 
$row=mysqli_fetch_row($hasil); 
$n=1; 
do 
{ 
list($kode,$nama,$harga,$stok)=$row; 
echo "<td><img src='images/$kode.jpg' width=200 height=150>"; 
echo "<br>$kode<br>$nama<br>Rp."; 
echo number_format($harga,2,",","."); 
echo "<br>Stok:$stok"; 
if($n%4==0) 
echo "<tr><td colspan=5><hr><tr>"; 
$n++; 
} 
while($row=mysqli_fetch_row($hasil)); 
?> 
 
 
LATIHAN 
Ubahlah Halaman Toko Online anda dengan mengganti data nama 
barang, dan Gambar barang yang akan dijual. 
  
 
 
DAFTAR PUSTAKA 
 
1. Suryana, Taryana (2024) Pengantar Pemrograman WEB (HTML, 
CSS, PHP, MYSQL) xviii, 181 hlm Deepublish, ISBN:978-623-02-
8181-5 
2. Suryana, Taryana; Koesheryatin (2014), (2023), Aplikasi Internet 
Menggunakan HTML, CSS & Java Script, Elexmedia Komputindo, 
Jakarta 
3. Suryana, Taryana (2010) Membuat Web Pribadi dan Bisnis dengan 
HTML., Gava Media, Jogyakarta 
4. Suryana, Taryana; Sarwono, Jonathan (2007)  E-COMMERCE 
MENGUNAKAN PHP DAN MYSQL, Graha Ilmu, Yogyakarta 
5. Wong Jony. 2010. Internet Marketing for Beginners. Jakarta: PT 
Elex Media Komputindo. 
6. Kumar, Anil and Manoj Kumar Dash. 2013. Constructing a 
Measurement in Service Quality for Indian Banks: Structural 
Equation Modeling Approach. Journal of Internet Banking and 
Commerce, April 2013, vol. 18, no.1 
7. Siregar, Riki R. 2010. Strategi Meningkatkan Persaingan Bisnis 
Perusahaan dengan Penerapan E-commerce 
8. https://www.php.net/manual/en/book.mysql.php 
9. https://www.w3schools.com  
10. https://tekno.kompas.com/read/2022/09/26/10150007/pengertian-e-
commerce-beserta-jenis-contoh-dan-manfaatnya 
11. https://meenta.net/pengertian-e-commerce/ 
12. https://www.rumahweb.com/journal/session-adalah/ 
13. https://rizkypratama.id/blog/2019/11/01/membuat-session-login-
pada-php/ 
14. https://blog.skillacademy.com/supplier-adalah 
15. https://chat.openai.com/ 
 
16. Suryana, Taryana (2025) Materi 15 Integrasi Program 
17. Suryana, Taryana (2025) Materi 11 Percabangan - Fungsi 
Logika. [Teaching Resource] 
18. Suryana, Taryana (2024) Materi 2. Memformat Dokumen Html Dan 
List. [Teaching Resource] 
19. Suryana, Taryana (2024) Materi7. Membagi Layar Dengan Frame Dan 
Iframe. [Teaching Resource] 
20. Suryana, Taryana (2024) Materi 6. Membuat Tautan Atau Link Dalam 
Html. [Teaching Resource] 
21. Suryana, Taryana (2024) Materi 5. Form Dengan Html Dan 
Html5. [Teaching Resource] 
22. Suryana, Taryana (2024) Materi 4. Membuat Tabel Dengan 
Html. [Teaching Resource] 
23. Suryana, Taryana (2024) Materi 3. Membuat List Berurutan Dan List 
Tidak Berurutan. [Teaching Resource] 
24. Suryana, Taryana (2024) Materi 2. Memformat Dokumen Html Dan 
List. [Teaching Resource] 
25. Suryana, Taryana (2024) Materi 1. Pengenalan Html Web Browser 
Dan Text Editor. [Teaching Resource] 
26. Suryana, Taryana (2010) Membuat Web Pribadi dan Bisnis dengan 
HTML., Gava Media, Jogyakarta 
27. Suryana, Taryana; Koesheryatin (2014),Aplikasi Internet Menggunakan 
HTML, CSS & Java Script, Elexmedia Komputindo, Jakarta 
28. Suryana, Taryana, e-COMMERCE MENGUNAKAN PHP DAN MYSQL, 
Graha Ilmu, Jogyakarta 
29. http://www.grahailmu.co.id/previewpdf/978-979-756-182-6-
231.pdf 
30. Suryana, Taryana (2023) Materi 2. Pengenalan Php, Variabel, Tipe 
Data Dan Database Hubungan Internasional 2023-2024. [Teaching 
Resource] 
31. Suryana, Taryana (2023) Materi 1. Pengenalan E-commerce Dan 
Persiapan Software Pendukungnya. [Teaching Resource] 
32. Suryana, Taryana (2023) Materi 11 Input Dan Label. [Teaching 
Resource] 
33. Suryana, Taryana (2023) Materi 10. Display Layout Dan 
Button. [Teaching Resource] 
34. Suryana, Taryana (2023) Materi 11. Input Dan Label Dalam W3 
Framework. [Teaching Resource] 
35. Suryana, Taryana (2022) Materi 9. Framework Css. [Teaching 
Resource] 
36. Suryana, Taryana (2022) W3 Css Framework. [Teaching Resource] 
 
37. Suryana, Taryana (2022) Materi 8 Pengenalan Css. [Teaching 
Resource] 
38. Suryana, Taryana (2022) Frame Dalam Html. [Teaching Resource] 
39. Suryana, Taryana (2022) Materi 6 Membuat Tautan Atau Link Dalam 
Html. [Teaching Resource] 
40. Suryana, Taryana (2022) Materi 5 Form Dengan Html Dan 
Html5. [Teaching Resource] 
41. Suryana, Taryana (2022) Materi 4. Membuat Tabel Dalam 
Html. [Teaching Resource] 
42. Suryana, Taryana (2022) Materi 3 Membuat List / Daftar. [Teaching 
Resource] 
43. Suryana, Taryana (2022) Materi 2 Memformat Dokumen 
Html. [Teaching Resource] 
44. Suryana, Taryana (2022) Materi 1 Pengenalan Html. [Teaching 
Resource] 
45. Suryana, Taryana (2021) Bab 1. Pengenalan Html. [Teaching Resource] 
46. Suryana, Taryana (2021) Pelatihan Pembuatan Website Dengan 
Menggunakan Html Dan Dreamweaver. [Teaching Resource] 
47. https://www.w3schools.com/html, September, 2021 
48. Suryana, Taryana (2021) Materi 1. Pengenalan Html Web Browser 
Dan Text Editor.  [Teaching Resource] 
49. Suryana, Taryana (2021) Pengenalan Komputer Aplikasi It 1 Dan 
Pemrograman Web. [Teaching Resource] 
50. Suryana, Taryana; Koesheryatin (2014),Aplikasi Internet Menggunakan 
HTML, CSS & Java Script, Elexmedia Komputindo, Jakarta 
51. Suryana, Taryana (2010) Membuat Web Pribadi dan Bisnis dengan 
HTML., Gava Media, Jogyakarta 
52. Suryana, Taryana; Koesheryatin (2014),Aplikasi Internet Menggunakan 
HTML, CSS & Java Script, Elexmedia Komputindo, Jakarta 
53. Suryana, Taryana (2021) Bab 1. Pengenalan Html. [Teaching Resource] 
54. Suryana, Taryana (2021) Pelatihan Pembuatan Website Dengan 
Menggunakan Html Dan Dreamweaver. [Teaching Resource] 
55. Suryana, Taryana (2010) Membuat Web Pribadi dan Bisnis dengan 
HTML., Gava Media, Jogyakarta 
56. https://www.w3schools.com/html, September, 2021 
57. Suryana, Taryana (2021) Materi 1. Pengenalan Html Web Browser 
Dan Text Editor.  [Teaching Resource] 
58. Suryana, Taryana (2021) Pengenalan Komputer Aplikasi It 1 Dan 
Pemrograman Web. [Teaching Resource] 
59. Suryana, Taryana (2021) Memformat Dokumen Html. [Teaching 
Resource] 
60. Suryana, Taryana (2021) Membuat List Atau Daftar Dengan Html 
Materi Jurusan Perancangan Wilayah Dan Kota. [Teaching Resource] 
 
61. Suryana, Taryana (2021) Membuat List Atau Daftar Dengan Html 
Untuk Jurusan Teknik Sipil. [Teaching Resource] 
62. Suryana, Taryana (2021) Membuat List Atau Daftar Dengan 
Html. [Teaching Resource] 
63. Suryana, Taryana (2021) Membuat Tabel Dengan Html Kelas If-wa1-
ul2-2021. [Teaching Resource] 
64. Suryana, Taryana (2021) Membuat Tabel Dengan Html Kelas Ts-
2021-1. [Teaching Resource] 
65. Suryana, Taryana (2021) Membuat Tabel Dengan Html Kelas Pwk-
2021-1. [Teaching Resource] 
66. Suryana, Taryana (2021) Input Dan Output Data Barang Dan Data 
Member. [Teaching Resource] 
67. Suryana, Taryana (2021) Membuat Aplikasi Pencatatan Perkawinan 
Disdukcapil. [Teaching Resource] 
68. Suryana, Taryana (2021) Membuat Tabel Dengan Html Kelas If3-
2021-1. [Teaching Resource] 
69. Suryana, Taryana (2021) Membuat Tabel Dengan Html Kelas If-2-
2021-1. [Teaching Resource] 
70. Suryana, Taryana (2021) Membuat Tabel Dengan Html Kelas If-
12021-1. [Teaching Resource] 
71. https://www.w3schools.com/html 
 
 
 
 


Materi 7. Menampilkan Data Pada Toko Online

Pemrograman WEB-1
Materi ini membahas bermacam animasi dan effect yang tersedia dalam framework w3 css,
animate top, bottom, left, right, opacity,
zoom, padding dan spi

Materi 12. Animation Dan Effect  If-1/s1/i-20959

Pemrograman WEB-1
Materi ini membahas mengenai pembuatan Menu navigasi baik menu vertikal maupun menu horizona

Materi 13. W3 Css Navigation Dan Java Script

Pemrograman WEB-1
Materi ini berisi penjelasan langkah langkah mempublikasihan halaman web yang di buat ke Web Hosting github.i

Not a member yet

Materi 4. Menangani Form Input Dan Output

Materi 7 Membuat Toko Online

Materi 9 Perintah Dasar Sql

Materi 14 Relasi Antar Tabel

Materi 3 Operator Dalam Php Dan Database

Materi 7. Menampilkan Data Pada Toko Online

Materi 12. Animation Dan Effect If-1/s1/i-20959

Materi 13. W3 Css Navigation Dan Java Script

Materi 14. Publikasi Web Ke Web Hosting

Materi 15. Publikasi Ke Web Github Io

15,029

70,114