Projek Web Cara Membuat Data Produk di Halaman Admin Web Penjualan Dengan Dreamweaver CS6 Part 2.

ProjekWebKu : Tutorial ini merupakan kelanjutan dari Cara Membuat Data Produk Bagian 1. Jika belum tahu kami harap kamu mempelajarinya terlebih dahulu. karena jika  tidak melakukan tutorial sebelumnya, maka akan ada bagian yang hilang dan besar kemungkinan akan terjadi error.  ( Hiiiyy Serem . . ^_^.)

Disini tidak akan dibahas panjang lebar lagi, karena semua data telah dibuat pada tutorial sebeumnya, . Jadi kita tinggal melanjutkan saja. Sebagai informasi, pada bagian ini kita akan membuat pengkodean fungsi update dan delete terhadap data.

Baca juga :

• Cara Membuat Fungsi Update Data.
• Cara Membuat Fungsi Delete Data.

Kamu siap? Kami lebih  siap !.  Jadi kita langsung saja ke TKP.

Aktifkan Dreamweaver, XAMPP dan Browsernya terlebih dahulu, dan jangan lupa kopi sama camilannya biar mantep . . 

1). Download file template_update_sepatu.php DISINI. Kemudian buka di editor Dreamweaver.

2). Klik kanan > Save As.. dan simpan di C:\xampp\htdocs\Projek_Web\admin. sebagai file update_sepatu.php 

 3). Download source code BERIKUT dan tempatkan pada bagian template yang sudah ditandai (Lihat gambar ).

 4). Maka tampilannya akan menjadi seperti ini.

5). Sekarang kita akan membuat fungsi penghapusan data. Buat file php baru dengan cara pilih menu File > New..> Type : php > Create. Maka akan muncul file baru. kosongkan bagian halaman Code kemudian tempatkan kode BERIKUT.

 6). Setelah itu, simpan file sebagai hapus_sepatu.php.

 7). Buka tab baru pada Browser. Kemudian jalankan file data_sepatu.php.  Silahkan coba fungsi  update  pada salah satu data produk. Sebagai contoh kita akan memperbaharui data produk dengan  nama "Sepatu Adidas 003" yang akan diganti  menjadi " Sepatu ADIDAS 003".

 8). Setelah menekan tombol edit pada kolom opsi, akan muncul halaman edt data seperti ini.

9). Tekan tombol "Update" maka jika fungsinya berhasil akan ditampilkan pada halaman data produk seperti gambar ini.

10). Sekarang coba fungsi delete data. pilih salah satu data yang akan dihapus, tekan tombol delete pada kolom opsi dan perhatikan apa yang terjadi.

 11). Jika masih belum yakin, silahkan cari di panel pencarian.

 12). Datanya hilang kan?.

Bagaimana? sudah mengerti? Apa semakin bingung?
Sampai disini berarti tutorial pembuatan data produk dinyatakan selesai.
Untuk lebih  jelasnya simak video berikut.

Selamat mencoba ya . . ^_^

Projek Web Cara Membuat Data Produk di Halaman Admin Web Penjualan Dengan Dreamweaver CS6 Part 1.

ProjekWebKu : Setelah sebelumnya kita membahas tentang Cara Membuat Data Merk. Maka akan kita lanjutkan dengan data produk. Informasi daftar produk yang ditampilkan pada halaman utama untuk pembeli berasal dari halaman admin, Pada halaman admin ini kita bisa menambah data produk, memperbaharui serta menghapus data.

Data produk merupakan hal pokok dalam sebuat website penjualan online. karena apa jadinya jika toko online tidak ada produk yang dijual ?? Apa kata dunia ??  ^_^

Seperti tutorial sebelumnya.  Disini kita sudah sediakan source code yang siap ditempatkan pada sebuah template web. Bagi yang ingin lebih jelas silahkan pelajari juga pada tutorial extra.

Baca juga :

• Cara Membuat Form  Input Data.
• Cara Membuat Daftar Produk Dengan Tampilan Grid  View.

Sepertinya untuk pembuatan data produk ini tidak  perlu  kami jabarkan panjang lebar, karena pada umumnya semua sudah tahu bagaimana peran dan fungsi dari sebuah data produk pada website penjualan. Untuk itu kami akan langsung dengan tutorial pembuatannya saja.

Jika kamu sudah siap. silahkan aktifkan Dreamweaver, XAMPP dan Browser nya.

1). Download file template_data sepatu.php DISINI. kemudian buka di editor Dreamweaver.

2). Klik kanan kemudian Save As.. dan simpan di direktori  C:\xampp\htdocs\Projek_Web\admin sebagai data_sepatu.php

 3). Tempatkan kode BERIKUT pada bagian template yang sudah ditandai.

 4). Pada template tersebut sudah ditandai dengan bagian penempatan kode yang berbeda. begitu juga pada file data_sepatu.txt.  silahkan copy-paste sesuai dengan judul kodenya. ( lebih jelas lihat gambar ).

 5). Yang ini penempatan kode untuk pencarian ID produk.

 6). Sedangkan ini kode untuk menampilkan data produk  secara keseluruhan.

 7). Silahkan buka tab baru pada browser. ketik localhost/projek_web/data_sepatu.php > Enter.

 8). Cek panel pencarian dengan mengetik salah satu data yang ingin ditampilkan.

 9). Ini hasil pencarian nama produk.

Nah .. .  Sampai disini tutorial pembuatan data produk ternyata belum selesai. karena disana ada fungsi hapus dan edit.  Untuk itu. demi kenyamanan otak anda. tutorial akan dilanjutkan setelah ini pada bagian kedua. 

Jikan masih bingung dalam penempatan kode. simak video berikut ini.

Sampai jumpa lagi ya ,.. ^_^