SlideShare a Scribd company logo
1 of 5
Download to read offline
Membuat Shopping Cart Sederhana
Menggunakan PHP
Abdurrahman Shofy
admin@opentorndo.com
http://www.opentornado.com



  Lisensi Dokumen:
  Copyright © 2003-2006 IlmuKomputer.Com
  Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan
  secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus
  atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap
  dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin
  terlebih dahulu dari IlmuKomputer.Com.




Pendahuluan
PHP adalah bahasa pemrograman web server-side yang sangat powerfull. PHP kini telah
digunakan oleh ribuan website di seluruh dunia dan telah menghasilkan berbagai macam
teknologi canggih, seperti blog, CMS, AJAX, dll. Bahasa PHP juga cocok untuk digunakan
membuat situs toko online atau yang biasa disebut e-commerce.

Pada artikel ini saya akan menjelaskan cara membangun sebuah script Shopping Cart
(keranjang belanja) sederhana. Script ini masih sangat sederhana dan bisa dikembangkan untuk
digunakan di website anda masing-masing. Script ini juga hanya berupa Shopping Cart dan
belum termasuk script untuk pembayaran atau manajemen produk.


Cara kerja
Script ini bekerja dengan memanfaatkan variabel SESSION milik PHP dan database MySQL.
Nantinya aplikasi ini berguna untuk menambah barang, meng-edit barang, dan membuang
barang. Script ini nantinya dibagi menjadi 3 buah file yang berbeda yang bisa saling meng-
include.

                                       Struktur session
                                    key               value
                                  id_prod           jmlh_barang



Database
Sebelum mulai membuat script ini, kita buat dahulu database dan tabel yang akan digunakan.
Dalam contoh ini, kita akan membuat database dengan nama 'Toko'. Anda bisa membuatnya
menggunakan script manajemen database semacam PHPMyAdmin atau yang lainnya. Selain
itu, kita juga perlu membuat sebuah tabel yang berisi informasi produk yang kita tawarkan.
Tabel tersebut akan kita beri nama 'produk'.



Komunitas eLearning IlmuKomputer.Com                                                      1
Copyright © 2003-2007 IlmuKomputer.Com
Struktur Tabel 'produk'
   Nama kolom            Tipe          Value                        Tambahan
     id_prod              int              10              auto increment, primary key
      harga               int              20
       title           varchar            100

                                      Isi tabel 'produk'
           id_prod                           harga                           title
               1                             1000                           buku
               2                                100                        permen


db.php
File ini akan berisi informasi untuk terhubung ke database MySQL kita nantinya. File ini
sengaja dibuat terpisah agar memudahkan jika seandainya kita ingin memindahkan hosting
script kita ini. Agar bisa terhubung, kita bisa cukup meng-include file ini di script yang kita
butuhkan.

<?php
mysql_connect(“localhost”,”root”,”password”);
mysql_select_db(“Toko”);
?>

view.php
File ini nantinya berguna untuk melihat jumlah barang yang ada di dalam shopping cart kita.
Yang perlu kita perhatikan adalah jangan lupa meletakkan perintah session_start() di awal file.
Anda bisa meng-include file ini ke setiap halaman yang ada. Berikut isi file tersebut:

<?php
$total=0;

if (!empty($_SESSION['basket'])) { //cek isi variabel _SESSION['basket']
        foreach ($_SESSION['basket'] as $key => $val) {
               $total +=$val; //menghitung jumlah barang
        }
        echo 'Ada <strong>'.$total.'</strong> barang di keranjang<br />';
} else {
        echo "Tidak ada barang di keranjang";
}
?>

cart.php
File inilah yang menjadi file utama kita. File inilah yang bertugas untuk menambah, mengubah,
dan mengurangi isi shopping cart kita nantinya. Sekali lagi, jangan lupa untuk meletakkan
perintah session_start() di awal file dan meng-include file db.php yng tadi kita buat.

<?php
//memulai session


Komunitas eLearning IlmuKomputer.Com                                                         2
Copyright © 2003-2007 IlmuKomputer.Com
session_start();

//meng-include file db.php
require_once “db.php”;

$pesan='';

//handler untuk aksi shopping cart
if (isset($_GET['action'])) {
         if (isset($_GET['id'])) {      //cek variabel id
                  $id=(int)$_GET['id'];
         } else {
                  $id=0;
         }
         $action=$_GET['action'];

        switch($_GET['action']) {
        case 'add':
                if (!empty($_SESSION['basket'][$id])) {
                        $pesan="Barang sudah ada di keranjang";
                } else {
                        $_SESSION['basket'][$id]=1;
                }
                break;
        case 'update' :
                $produk=$_POST['produk'];
                foreach ($produk as $key => $val) {
                        if (!empty($_SESSION['basket'][$key])) {
                                $_SESSION['basket'][$key]=$val;
                        } //jika barang memang ada, baru di-update
                }
                break;
        case 'delete' :
                if (!empty($_SESSION['basket'][$id])) {
                        unset($_SESSION['basket'][$id]);
                } else {
                        $pesan="Barang yang dimaksud tidak ada";
                }
                break;
        }
}

//Menampilan isi shopping cart
if (!empty($_SESSION['basket'])) {
$basket=$_SESSION['basket'];
?>
<FORM method="POST" action="?action=update">
<h3>Isi keranjang belanja:</h3>
  <center><table border="1">
    <tr>


Komunitas eLearning IlmuKomputer.Com                                 3
Copyright © 2003-2007 IlmuKomputer.Com
<th>No.</th>
    <th>Nama produk</th>
    <th>Jumlah</th>
    <th>Aksi</th>
   </tr>

<?php
        $no_urut=0;
        $total=0;
        $total_harga=0;
        foreach ($basket as $key => $val) { //menuliskan tabel
               $no_urut++;
               $query="SELECT * FROM produk WHERE id_prod='$key'";
               $hasil=mysql_query($query);
               if ($hasil) {
                       $data=mysql_fetch_array($hasil);
                       $total+=$val; //jumlah barang
                       $total_harga += ($val * $data['harga']); //total
harga
?>
<tr>
    <td><?php echo $no_urut?></td>
    <td><?php echo $data['title']?></td>
    <td><INPUT name="produk[<?php echo $key?>]" type="text"
value="<?php echo $val?>" /></td>
    <td><A href="?action=delete&id=<?php echo $key?
>">Hapus</a></A></td>
</tr>
<?php }
} ?>
<tr>
    <td colspan="2" align="center"><INPUT type="submit"
value="Perbaharui"></td>
    <td><strong>Total</strong></td>
    <td><?php echo 'Rp '.$total_harga?></td>
</tr>
</table>
</FORM><br />
<?php
        echo 'Ada <strong>'.$total.'</strong> barang di keranjang<br />';
} else {
        echo "<center><strong>Tidak ada barang di
keranjang</strong><br />";
}
echo '<strong>'.$this->pesan.'</strong>'; //menampilkan pesan kalau
ada
?></center>




Komunitas eLearning IlmuKomputer.Com                                        4
Copyright © 2003-2007 IlmuKomputer.Com
Menambah, mengubah, atau membuang item dari shopping cart
Untuk menambah item ke shopping cart, cukup sediakan link ke halaman yang meng-include
file cart.php dengan tambahan url “?action=add&id=<id_produk>”. Contoh, jika file yang
menginclude file cart.php adalah toko.php dan no id tabel item yang akan ditambahkan adalah
1, maka sediakan link dengan target/tujuan: “toko.php?action=add&id=1”. Begitu diklik, maka
halaman secara otomatis berganti ke halaman shopping cart.

Sementara untuk mengubah atau membuang item dari shopping cart, anda tidak perlu membuat
link untuknya. Kedua hal di atas bisa dilakukan lewat halaman shopping cart. Anda hanya perlu
memastikan bahwa ada link untuk menuju ke halaman shopping cart di setiap halaman situs
webstore anda.

Penutup
Script yang kita buat kali ini masih sangat sederhana. Masih banyak fitur yang belum di
implementasikan di script ini, di antaranya script ini belum berupa class. Untuk mendapatkan
script    yang    sudah   berupa      class,  anda      bisa  mendapatkannya      di  alamat
http://blog.opentornado.com. Anda bisa saja mengembangkannya menjadi sebuah script e-
commerce yang lengkap. Jika anda sudah membuatnya, pastikan anda mengirim email ke saya
agar saya bisa mengetahuinya.

Akhir kata, semoga artikel ini bisa bermanfaat bagi kita semua. Salam dan Semoga sukses!

Abdurrahman Shofy Adianto
420phy@opentornado.com
http://www.opentornado.com ~Indonesian High Quality Linux WebStore


Referensi
Script     yang      digunakan     di     artikel  ini   dikembangkan dari  artikel  di
http://www.thewatchmakerproject.com/journal/276/ dengan berbagai macam perubahan dan
perbaikan. Diantaranya adalah perubahan sistem penyimpanan session yang disederhanakan.
Selain itu, fitur update shopping cart juga semakin disempurnakan.


Biografi Penulis
Abdurrahman Shofy. Programmer PHP dan praktisi Linux. Pendiri dan pemilik webstore
Linux OpenTornado.com. Berlokasi di kota Duri-Riau. Bisa dihubungi via e-mail:
420phy@opentornado.com.




Komunitas eLearning IlmuKomputer.Com                                                       5
Copyright © 2003-2007 IlmuKomputer.Com

More Related Content

Viewers also liked

Viewers also liked (7)

Sustainability Plan Presentation
Sustainability Plan PresentationSustainability Plan Presentation
Sustainability Plan Presentation
 
Following the Evolution of New Protein Folds via Protodomains
Following the Evolution of New Protein Folds via ProtodomainsFollowing the Evolution of New Protein Folds via Protodomains
Following the Evolution of New Protein Folds via Protodomains
 
3DSIG 2016 Presentation: Exploring Internal Symmetry and Structural Repeats w...
3DSIG 2016 Presentation: Exploring Internal Symmetry and Structural Repeats w...3DSIG 2016 Presentation: Exploring Internal Symmetry and Structural Repeats w...
3DSIG 2016 Presentation: Exploring Internal Symmetry and Structural Repeats w...
 
Site Plan Review
Site Plan ReviewSite Plan Review
Site Plan Review
 
3DSIG 2014 Presentation: Systematic detection of internal symmetry in proteins
3DSIG 2014 Presentation: Systematic detection of internal symmetry in proteins3DSIG 2014 Presentation: Systematic detection of internal symmetry in proteins
3DSIG 2014 Presentation: Systematic detection of internal symmetry in proteins
 
New Suburbanism Presentation
New Suburbanism PresentationNew Suburbanism Presentation
New Suburbanism Presentation
 
php and mysql
php and mysql php and mysql
php and mysql
 

Recently uploaded

AKSI NYATA fASILITATOR pEMBELAJARAN (.pptx
AKSI NYATA fASILITATOR pEMBELAJARAN (.pptxAKSI NYATA fASILITATOR pEMBELAJARAN (.pptx
AKSI NYATA fASILITATOR pEMBELAJARAN (.pptxAkhyar33
 
Tugas Mandiri 1.4.a.4.4.pdf Ninik Widarsih
Tugas Mandiri 1.4.a.4.4.pdf Ninik WidarsihTugas Mandiri 1.4.a.4.4.pdf Ninik Widarsih
Tugas Mandiri 1.4.a.4.4.pdf Ninik Widarsihninikwidarsih44
 
Slide Kick Off for Public - Google Cloud Arcade Facilitator 2024.pptx
Slide Kick Off for Public - Google Cloud Arcade Facilitator 2024.pptxSlide Kick Off for Public - Google Cloud Arcade Facilitator 2024.pptx
Slide Kick Off for Public - Google Cloud Arcade Facilitator 2024.pptxtressa8
 
Kisi-kisi soal IPA 8.docx 2023-2024.docx
Kisi-kisi soal IPA 8.docx 2023-2024.docxKisi-kisi soal IPA 8.docx 2023-2024.docx
Kisi-kisi soal IPA 8.docx 2023-2024.docx1101416
 
form Tindak Lanjut Observasi Penilaian Kinerja PMM
form Tindak Lanjut Observasi Penilaian Kinerja PMMform Tindak Lanjut Observasi Penilaian Kinerja PMM
form Tindak Lanjut Observasi Penilaian Kinerja PMMAgungJakaNugraha1
 
Lokakarya Kepemimpinan Sekolah Penggerak 1.pptx
Lokakarya Kepemimpinan Sekolah Penggerak 1.pptxLokakarya Kepemimpinan Sekolah Penggerak 1.pptx
Lokakarya Kepemimpinan Sekolah Penggerak 1.pptxDwiNovitaSari70
 
MODUL AJAR PENDIDIKAN PANCASILA KELAS 2 KURIKULUM MERDEKA.pdf
MODUL AJAR PENDIDIKAN PANCASILA KELAS 2 KURIKULUM MERDEKA.pdfMODUL AJAR PENDIDIKAN PANCASILA KELAS 2 KURIKULUM MERDEKA.pdf
MODUL AJAR PENDIDIKAN PANCASILA KELAS 2 KURIKULUM MERDEKA.pdfAndiCoc
 
1.4.a.4.3. Keyakinan Kelas tuga mandiri calon guru penggerak.pdf
1.4.a.4.3. Keyakinan Kelas tuga mandiri calon guru penggerak.pdf1.4.a.4.3. Keyakinan Kelas tuga mandiri calon guru penggerak.pdf
1.4.a.4.3. Keyakinan Kelas tuga mandiri calon guru penggerak.pdfindahningsih541
 
Projek Penguatan Profil Pelajar Pancasila Aku Sayang Bumi
Projek Penguatan Profil Pelajar Pancasila Aku Sayang BumiProjek Penguatan Profil Pelajar Pancasila Aku Sayang Bumi
Projek Penguatan Profil Pelajar Pancasila Aku Sayang BumiJsitBanjarnegara
 
KISI KISI SAS GENAP-PAI 7- KUMER-2023.doc
KISI KISI SAS GENAP-PAI 7- KUMER-2023.docKISI KISI SAS GENAP-PAI 7- KUMER-2023.doc
KISI KISI SAS GENAP-PAI 7- KUMER-2023.docriska190321
 
#05 SOSIALISASI JUKNIS BOK 2024 Canva_124438.pptx
#05 SOSIALISASI JUKNIS BOK 2024 Canva_124438.pptx#05 SOSIALISASI JUKNIS BOK 2024 Canva_124438.pptx
#05 SOSIALISASI JUKNIS BOK 2024 Canva_124438.pptxyeniyoramapalimdam
 
MODUL AJAR SENI MUSIK KELAS 4 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI MUSIK KELAS 4 KURIKULUM MERDEKA.pdfMODUL AJAR SENI MUSIK KELAS 4 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI MUSIK KELAS 4 KURIKULUM MERDEKA.pdfAndiCoc
 
Master 2_Modul 4_Percakapan Coaching.pdf
Master 2_Modul 4_Percakapan Coaching.pdfMaster 2_Modul 4_Percakapan Coaching.pdf
Master 2_Modul 4_Percakapan Coaching.pdfbasoekyfaqod2
 
Aksi Nyata Pendidikan inklusi-Kompres.pdf
Aksi Nyata Pendidikan inklusi-Kompres.pdfAksi Nyata Pendidikan inklusi-Kompres.pdf
Aksi Nyata Pendidikan inklusi-Kompres.pdfRahayanaDjaila2
 
Lokakarya Kepemimpinan Sekolah 1_Mei 2024.pptx
Lokakarya Kepemimpinan Sekolah 1_Mei 2024.pptxLokakarya Kepemimpinan Sekolah 1_Mei 2024.pptx
Lokakarya Kepemimpinan Sekolah 1_Mei 2024.pptxHermawati Dwi Susari
 
RPP 1 Lembar Prakarya Kelas 8 Semester 2 (gurusekali.com).docx
RPP 1 Lembar Prakarya Kelas 8 Semester 2 (gurusekali.com).docxRPP 1 Lembar Prakarya Kelas 8 Semester 2 (gurusekali.com).docx
RPP 1 Lembar Prakarya Kelas 8 Semester 2 (gurusekali.com).docxRahmiRauf
 
653099719-Aksi-Nyata-diskusi-Kelompok-Terarah-Kur-Merdeka-catur-Anggara.pptx
653099719-Aksi-Nyata-diskusi-Kelompok-Terarah-Kur-Merdeka-catur-Anggara.pptx653099719-Aksi-Nyata-diskusi-Kelompok-Terarah-Kur-Merdeka-catur-Anggara.pptx
653099719-Aksi-Nyata-diskusi-Kelompok-Terarah-Kur-Merdeka-catur-Anggara.pptxHengkiHulu1
 
MODUL AJAR SENI TARI KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI TARI KELAS 5 KURIKULUM MERDEKA.pdfMODUL AJAR SENI TARI KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI TARI KELAS 5 KURIKULUM MERDEKA.pdfAndiCoc
 
MODUL AJAR SENI RUPA KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI RUPA KELAS 5 KURIKULUM MERDEKA.pdfMODUL AJAR SENI RUPA KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI RUPA KELAS 5 KURIKULUM MERDEKA.pdfAndiCoc
 
Aksi Nyata Modul 1.3 Visi Guru penggerak
Aksi Nyata Modul 1.3 Visi Guru penggerakAksi Nyata Modul 1.3 Visi Guru penggerak
Aksi Nyata Modul 1.3 Visi Guru penggerakDianPermana63
 

Recently uploaded (20)

AKSI NYATA fASILITATOR pEMBELAJARAN (.pptx
AKSI NYATA fASILITATOR pEMBELAJARAN (.pptxAKSI NYATA fASILITATOR pEMBELAJARAN (.pptx
AKSI NYATA fASILITATOR pEMBELAJARAN (.pptx
 
Tugas Mandiri 1.4.a.4.4.pdf Ninik Widarsih
Tugas Mandiri 1.4.a.4.4.pdf Ninik WidarsihTugas Mandiri 1.4.a.4.4.pdf Ninik Widarsih
Tugas Mandiri 1.4.a.4.4.pdf Ninik Widarsih
 
Slide Kick Off for Public - Google Cloud Arcade Facilitator 2024.pptx
Slide Kick Off for Public - Google Cloud Arcade Facilitator 2024.pptxSlide Kick Off for Public - Google Cloud Arcade Facilitator 2024.pptx
Slide Kick Off for Public - Google Cloud Arcade Facilitator 2024.pptx
 
Kisi-kisi soal IPA 8.docx 2023-2024.docx
Kisi-kisi soal IPA 8.docx 2023-2024.docxKisi-kisi soal IPA 8.docx 2023-2024.docx
Kisi-kisi soal IPA 8.docx 2023-2024.docx
 
form Tindak Lanjut Observasi Penilaian Kinerja PMM
form Tindak Lanjut Observasi Penilaian Kinerja PMMform Tindak Lanjut Observasi Penilaian Kinerja PMM
form Tindak Lanjut Observasi Penilaian Kinerja PMM
 
Lokakarya Kepemimpinan Sekolah Penggerak 1.pptx
Lokakarya Kepemimpinan Sekolah Penggerak 1.pptxLokakarya Kepemimpinan Sekolah Penggerak 1.pptx
Lokakarya Kepemimpinan Sekolah Penggerak 1.pptx
 
MODUL AJAR PENDIDIKAN PANCASILA KELAS 2 KURIKULUM MERDEKA.pdf
MODUL AJAR PENDIDIKAN PANCASILA KELAS 2 KURIKULUM MERDEKA.pdfMODUL AJAR PENDIDIKAN PANCASILA KELAS 2 KURIKULUM MERDEKA.pdf
MODUL AJAR PENDIDIKAN PANCASILA KELAS 2 KURIKULUM MERDEKA.pdf
 
1.4.a.4.3. Keyakinan Kelas tuga mandiri calon guru penggerak.pdf
1.4.a.4.3. Keyakinan Kelas tuga mandiri calon guru penggerak.pdf1.4.a.4.3. Keyakinan Kelas tuga mandiri calon guru penggerak.pdf
1.4.a.4.3. Keyakinan Kelas tuga mandiri calon guru penggerak.pdf
 
Projek Penguatan Profil Pelajar Pancasila Aku Sayang Bumi
Projek Penguatan Profil Pelajar Pancasila Aku Sayang BumiProjek Penguatan Profil Pelajar Pancasila Aku Sayang Bumi
Projek Penguatan Profil Pelajar Pancasila Aku Sayang Bumi
 
KISI KISI SAS GENAP-PAI 7- KUMER-2023.doc
KISI KISI SAS GENAP-PAI 7- KUMER-2023.docKISI KISI SAS GENAP-PAI 7- KUMER-2023.doc
KISI KISI SAS GENAP-PAI 7- KUMER-2023.doc
 
#05 SOSIALISASI JUKNIS BOK 2024 Canva_124438.pptx
#05 SOSIALISASI JUKNIS BOK 2024 Canva_124438.pptx#05 SOSIALISASI JUKNIS BOK 2024 Canva_124438.pptx
#05 SOSIALISASI JUKNIS BOK 2024 Canva_124438.pptx
 
MODUL AJAR SENI MUSIK KELAS 4 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI MUSIK KELAS 4 KURIKULUM MERDEKA.pdfMODUL AJAR SENI MUSIK KELAS 4 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI MUSIK KELAS 4 KURIKULUM MERDEKA.pdf
 
Master 2_Modul 4_Percakapan Coaching.pdf
Master 2_Modul 4_Percakapan Coaching.pdfMaster 2_Modul 4_Percakapan Coaching.pdf
Master 2_Modul 4_Percakapan Coaching.pdf
 
Aksi Nyata Pendidikan inklusi-Kompres.pdf
Aksi Nyata Pendidikan inklusi-Kompres.pdfAksi Nyata Pendidikan inklusi-Kompres.pdf
Aksi Nyata Pendidikan inklusi-Kompres.pdf
 
Lokakarya Kepemimpinan Sekolah 1_Mei 2024.pptx
Lokakarya Kepemimpinan Sekolah 1_Mei 2024.pptxLokakarya Kepemimpinan Sekolah 1_Mei 2024.pptx
Lokakarya Kepemimpinan Sekolah 1_Mei 2024.pptx
 
RPP 1 Lembar Prakarya Kelas 8 Semester 2 (gurusekali.com).docx
RPP 1 Lembar Prakarya Kelas 8 Semester 2 (gurusekali.com).docxRPP 1 Lembar Prakarya Kelas 8 Semester 2 (gurusekali.com).docx
RPP 1 Lembar Prakarya Kelas 8 Semester 2 (gurusekali.com).docx
 
653099719-Aksi-Nyata-diskusi-Kelompok-Terarah-Kur-Merdeka-catur-Anggara.pptx
653099719-Aksi-Nyata-diskusi-Kelompok-Terarah-Kur-Merdeka-catur-Anggara.pptx653099719-Aksi-Nyata-diskusi-Kelompok-Terarah-Kur-Merdeka-catur-Anggara.pptx
653099719-Aksi-Nyata-diskusi-Kelompok-Terarah-Kur-Merdeka-catur-Anggara.pptx
 
MODUL AJAR SENI TARI KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI TARI KELAS 5 KURIKULUM MERDEKA.pdfMODUL AJAR SENI TARI KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI TARI KELAS 5 KURIKULUM MERDEKA.pdf
 
MODUL AJAR SENI RUPA KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI RUPA KELAS 5 KURIKULUM MERDEKA.pdfMODUL AJAR SENI RUPA KELAS 5 KURIKULUM MERDEKA.pdf
MODUL AJAR SENI RUPA KELAS 5 KURIKULUM MERDEKA.pdf
 
Aksi Nyata Modul 1.3 Visi Guru penggerak
Aksi Nyata Modul 1.3 Visi Guru penggerakAksi Nyata Modul 1.3 Visi Guru penggerak
Aksi Nyata Modul 1.3 Visi Guru penggerak
 

Shopping cart

  • 1. Membuat Shopping Cart Sederhana Menggunakan PHP Abdurrahman Shofy admin@opentorndo.com http://www.opentornado.com Lisensi Dokumen: Copyright © 2003-2006 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari IlmuKomputer.Com. Pendahuluan PHP adalah bahasa pemrograman web server-side yang sangat powerfull. PHP kini telah digunakan oleh ribuan website di seluruh dunia dan telah menghasilkan berbagai macam teknologi canggih, seperti blog, CMS, AJAX, dll. Bahasa PHP juga cocok untuk digunakan membuat situs toko online atau yang biasa disebut e-commerce. Pada artikel ini saya akan menjelaskan cara membangun sebuah script Shopping Cart (keranjang belanja) sederhana. Script ini masih sangat sederhana dan bisa dikembangkan untuk digunakan di website anda masing-masing. Script ini juga hanya berupa Shopping Cart dan belum termasuk script untuk pembayaran atau manajemen produk. Cara kerja Script ini bekerja dengan memanfaatkan variabel SESSION milik PHP dan database MySQL. Nantinya aplikasi ini berguna untuk menambah barang, meng-edit barang, dan membuang barang. Script ini nantinya dibagi menjadi 3 buah file yang berbeda yang bisa saling meng- include. Struktur session key value id_prod jmlh_barang Database Sebelum mulai membuat script ini, kita buat dahulu database dan tabel yang akan digunakan. Dalam contoh ini, kita akan membuat database dengan nama 'Toko'. Anda bisa membuatnya menggunakan script manajemen database semacam PHPMyAdmin atau yang lainnya. Selain itu, kita juga perlu membuat sebuah tabel yang berisi informasi produk yang kita tawarkan. Tabel tersebut akan kita beri nama 'produk'. Komunitas eLearning IlmuKomputer.Com 1 Copyright © 2003-2007 IlmuKomputer.Com
  • 2. Struktur Tabel 'produk' Nama kolom Tipe Value Tambahan id_prod int 10 auto increment, primary key harga int 20 title varchar 100 Isi tabel 'produk' id_prod harga title 1 1000 buku 2 100 permen db.php File ini akan berisi informasi untuk terhubung ke database MySQL kita nantinya. File ini sengaja dibuat terpisah agar memudahkan jika seandainya kita ingin memindahkan hosting script kita ini. Agar bisa terhubung, kita bisa cukup meng-include file ini di script yang kita butuhkan. <?php mysql_connect(“localhost”,”root”,”password”); mysql_select_db(“Toko”); ?> view.php File ini nantinya berguna untuk melihat jumlah barang yang ada di dalam shopping cart kita. Yang perlu kita perhatikan adalah jangan lupa meletakkan perintah session_start() di awal file. Anda bisa meng-include file ini ke setiap halaman yang ada. Berikut isi file tersebut: <?php $total=0; if (!empty($_SESSION['basket'])) { //cek isi variabel _SESSION['basket'] foreach ($_SESSION['basket'] as $key => $val) { $total +=$val; //menghitung jumlah barang } echo 'Ada <strong>'.$total.'</strong> barang di keranjang<br />'; } else { echo "Tidak ada barang di keranjang"; } ?> cart.php File inilah yang menjadi file utama kita. File inilah yang bertugas untuk menambah, mengubah, dan mengurangi isi shopping cart kita nantinya. Sekali lagi, jangan lupa untuk meletakkan perintah session_start() di awal file dan meng-include file db.php yng tadi kita buat. <?php //memulai session Komunitas eLearning IlmuKomputer.Com 2 Copyright © 2003-2007 IlmuKomputer.Com
  • 3. session_start(); //meng-include file db.php require_once “db.php”; $pesan=''; //handler untuk aksi shopping cart if (isset($_GET['action'])) { if (isset($_GET['id'])) { //cek variabel id $id=(int)$_GET['id']; } else { $id=0; } $action=$_GET['action']; switch($_GET['action']) { case 'add': if (!empty($_SESSION['basket'][$id])) { $pesan="Barang sudah ada di keranjang"; } else { $_SESSION['basket'][$id]=1; } break; case 'update' : $produk=$_POST['produk']; foreach ($produk as $key => $val) { if (!empty($_SESSION['basket'][$key])) { $_SESSION['basket'][$key]=$val; } //jika barang memang ada, baru di-update } break; case 'delete' : if (!empty($_SESSION['basket'][$id])) { unset($_SESSION['basket'][$id]); } else { $pesan="Barang yang dimaksud tidak ada"; } break; } } //Menampilan isi shopping cart if (!empty($_SESSION['basket'])) { $basket=$_SESSION['basket']; ?> <FORM method="POST" action="?action=update"> <h3>Isi keranjang belanja:</h3> <center><table border="1"> <tr> Komunitas eLearning IlmuKomputer.Com 3 Copyright © 2003-2007 IlmuKomputer.Com
  • 4. <th>No.</th> <th>Nama produk</th> <th>Jumlah</th> <th>Aksi</th> </tr> <?php $no_urut=0; $total=0; $total_harga=0; foreach ($basket as $key => $val) { //menuliskan tabel $no_urut++; $query="SELECT * FROM produk WHERE id_prod='$key'"; $hasil=mysql_query($query); if ($hasil) { $data=mysql_fetch_array($hasil); $total+=$val; //jumlah barang $total_harga += ($val * $data['harga']); //total harga ?> <tr> <td><?php echo $no_urut?></td> <td><?php echo $data['title']?></td> <td><INPUT name="produk[<?php echo $key?>]" type="text" value="<?php echo $val?>" /></td> <td><A href="?action=delete&id=<?php echo $key? >">Hapus</a></A></td> </tr> <?php } } ?> <tr> <td colspan="2" align="center"><INPUT type="submit" value="Perbaharui"></td> <td><strong>Total</strong></td> <td><?php echo 'Rp '.$total_harga?></td> </tr> </table> </FORM><br /> <?php echo 'Ada <strong>'.$total.'</strong> barang di keranjang<br />'; } else { echo "<center><strong>Tidak ada barang di keranjang</strong><br />"; } echo '<strong>'.$this->pesan.'</strong>'; //menampilkan pesan kalau ada ?></center> Komunitas eLearning IlmuKomputer.Com 4 Copyright © 2003-2007 IlmuKomputer.Com
  • 5. Menambah, mengubah, atau membuang item dari shopping cart Untuk menambah item ke shopping cart, cukup sediakan link ke halaman yang meng-include file cart.php dengan tambahan url “?action=add&id=<id_produk>”. Contoh, jika file yang menginclude file cart.php adalah toko.php dan no id tabel item yang akan ditambahkan adalah 1, maka sediakan link dengan target/tujuan: “toko.php?action=add&id=1”. Begitu diklik, maka halaman secara otomatis berganti ke halaman shopping cart. Sementara untuk mengubah atau membuang item dari shopping cart, anda tidak perlu membuat link untuknya. Kedua hal di atas bisa dilakukan lewat halaman shopping cart. Anda hanya perlu memastikan bahwa ada link untuk menuju ke halaman shopping cart di setiap halaman situs webstore anda. Penutup Script yang kita buat kali ini masih sangat sederhana. Masih banyak fitur yang belum di implementasikan di script ini, di antaranya script ini belum berupa class. Untuk mendapatkan script yang sudah berupa class, anda bisa mendapatkannya di alamat http://blog.opentornado.com. Anda bisa saja mengembangkannya menjadi sebuah script e- commerce yang lengkap. Jika anda sudah membuatnya, pastikan anda mengirim email ke saya agar saya bisa mengetahuinya. Akhir kata, semoga artikel ini bisa bermanfaat bagi kita semua. Salam dan Semoga sukses! Abdurrahman Shofy Adianto 420phy@opentornado.com http://www.opentornado.com ~Indonesian High Quality Linux WebStore Referensi Script yang digunakan di artikel ini dikembangkan dari artikel di http://www.thewatchmakerproject.com/journal/276/ dengan berbagai macam perubahan dan perbaikan. Diantaranya adalah perubahan sistem penyimpanan session yang disederhanakan. Selain itu, fitur update shopping cart juga semakin disempurnakan. Biografi Penulis Abdurrahman Shofy. Programmer PHP dan praktisi Linux. Pendiri dan pemilik webstore Linux OpenTornado.com. Berlokasi di kota Duri-Riau. Bisa dihubungi via e-mail: 420phy@opentornado.com. Komunitas eLearning IlmuKomputer.Com 5 Copyright © 2003-2007 IlmuKomputer.Com