Setelah semua tutorial kami sampaikan mengenai cara membuat projek toko penjualan secara online dari awal sampai akhir,
Kini kami menawarkan kepada anda sebuah file rangkuman atau lebih jelasnya file projek lengkap toko online.
File ini diperuntukan bagi siapa saja yang ingin mempelajari projek penjualan toko online secara instan dan tidak perlu membuka setiap halaman tutorial di blog ini.
Jadi tidak perlu repot-repot untuk mempelajari setiap tahapannya.
File ini disediakan dan siap untuk di terapkan pada PC anda tentunya masih secara offline dengan bantuan server local seperti XAMPP.
Jika anda berminat ingin mendapatkan file ini silahkan menghubungi Email atau nomor WA berikut :
Email : mmulyadi751@gmail.com , WA : 087804126967
Karena file ini sudah lengkap dari halaman user sampai halaman admin, maka untuk mendapatknya silahkan donasi Rp. 150 rb ke no. rekening BCA 2312420415 a/n MAMAN MULYADI
Lakukan konfirmasi pembayaran dengan menyertakan foto struk ATM atau E-banking melalui pesan WA.
ProjekWebKu : Ini adalah rangkaian akhir dari tutorial halaman admin. Setelah sebelumnya dibahas mengenai form login, input data produk, membuat laporan transaksi, data pelanggan hingga penambahan data password baru untuk admin, dan kini diakhiri dengan membuat tombol logout.
Tombol logout ini berfungsi sebagai pintu keluar dari halaman admin. Sehingga bisa diibaratkan pintu kamar. setelah kamu keluar, tentu pintunya harus di tutup bahkan dikunci untuk mencegah orang lain masuk tanpa izin. Tentu kita tidak ingin ada sesuatu hal yang tidak diinginkan dari kamar kita sehingga bisa merugikan. Demikian juga dengan halaman Admin. Di dalamnya terdapat data-data penting yang hanya boleh dikelola oleh pihak admin saja.
Terus, Bagaimana dengan form input password seperti pada tutorial sebelumnya ?
Kalo itu sama saja dengan kamu menduplikan kunci kamar kamu untuk diberikan kepada orang lain. Ngerti kan?
Tombol logout ini tentu adanya di halaman admin. jika kamu belum tahu, silahkan pelajari dulu Cara Membuat Halaman Adminnya.
Jika semuanya sudah siap. kita akan langsung ke TKP. Seperti biasa. aktifkan dulu Deamweaver, XAMPP dan Browsernya.
1). Pertama. buka tab baru pada Browser dan jalankan halaman admin yang sudah login seperti ini. Lalu tekan menu Logout yang berada di atas sebelah menu Home.
2). Jika muncul halaman baru seperti ini dan ada tulisan "Object not found !" itu artinya ada file php yang belum tersedia dan harus dibuatkan. Dalam hal ini file logout.php belum ada.
3). Untuk itu kita akan membuatnya dengan cara menjalankan Dreamweaver. Pilih menu File > New > type : Php > Create. Setelah muncul file baru, Klik kanan > Save. Tempatkan di C:\xampp\htdocs\Projek_Web\admin. Sebagai file logout.php.
4). Pada file logout.php, ubah ke mode kode.dan kosongkan halaman. Lalu ketiklah kode php dibawah ini dan simpan.
<?php session_start(); session_destroy(); echo "<script>window.alert(' Anda Berhasil Keluar Dari Halaman Admin..!'); window.location=('../index.php')</script>";
?>
5). Setelah disimpan, Kembali lagi ke halaman Admin tadi, Kemudian tekan tombol menu Logout lagi. Jika muncul pesan seperti gambar dibawah ini. Maka kamu berhasil keluar dari halaman admin dan akan dialihkan ke menu index.php
Bagaimana, Mudah kan? Jika belum paham. silahkan lihat video berikut ini. ( Tenang aja, bukan video yang macem-macem kok. ^_^).
ProjekWebKu : Kita masih membahas mengenai halamn admin. Setelah sebelumnya tutorial tentang Data Laporan Testimoni. Maka kali ini kita akan membuat tutorial membuat form input data password pada halaman admin.
Form input data password ini berfungsi sebagai fungsi penambahan hak akses terhadap pihak admin, dimana admin bisa lebih dari satu orang atau satu akun password. Penambahan hak akses ini tentu hanya bisa dilakukan oleh pihak admin sebelumnya. Selain penambahan data. dihamana ini juga terdapat fungsi penghapusan password, dimana hal ini bertujuan untuk mengurangi hak akses terhadap halaman admin.
Sebagai gambaran. Nantinya disini ada form input untuk penambahan data pasword baru, setelah disimpan maka akan ditampilkan kedalam tabel data yang bisa dihapus kembali.
Jika sudah mengerti pembahasannya, kita akan langsung membuat tutorialnya. Aktifkan Dreamweaver, XAMPP dan Browser terlebih dahulu.
1). Pertama kamu harus download dulu file template_add1.php DISINI. Kemudian buka di editor Dreamweaver.
2). Klik kanan > Save As. Simpan di C:\xampp\htdocs\Projek_Web\admin. Sebagai file add1.php.
3). Kamu perhatikan pada halaman template tadi. Disana kami sudah sediakan tempat untuk ditempatkan sebuah kode php. Download kode BERIKUT dan tempatkan disana.
4). Maka hasilnya akan tampat seperti gamar dibawah ini. Mana ? Kok cuma tulisan php warna kuning ? Bener ga tuh kode nya? Hehhe .. emang bener ko. itu teh paket kode php. kalo tidak percaya. klik tulisan warna kuningnya lalu perhatikan di bagian halaman kode.
5). Nah. . setelah kita membuat form input data password. maka untuk selanjutnya kita siapkan tabel untuk menampilkan data password tersebut. Download file template_password.php DISINI. Lalu buka di halaman editor Dreamweaver.
6). Klik kanan > Save As. Simpan di C:\xampp\htdocs\Projek_Web\admin. Sebagai file password.php
7). Tempatkan kode BERIKUT pada bagian halaman template yang sudah ditandai.
8). Maka hasilnya akan seperti gambar dibawah ini.
9). Untuk mencobanya silahkan buka tab baru pada Browser. Jalankan file add1.php. masukkan data password baru dan simpan. Setelah tersimpan, cek melalui form login. lakukan pengecekan juga terhadap fungsi delete untuk menghapus data.
Sampai disini tutorial tentang input data password sudah selesai. Bagaimana, gampang kan?
ProjekWebKu : Masih mengenai halaman Admin, kita akan melanjutkan dengan membuat laporan testimoni. Laporan ini sebenarnya hanya sebagai data tambahan mengingat data testimoni tidak terlalu penting dalam proses transaksi penjualan, Tetapi data testimoni sangat mendukung terhadap nama baik website. Jika banyak terstimoni yang positif dan dilihat banyak pengunjung , maka kepercayaan pelanggan terhadap website penjualan ini akan meningkat, Sehingga kami rasa data laporan testimoni ini perlu disiapkan, Terlebih data ini bersumber langsung dari pelanggan maka segala kemungkinan yang berkaitan dengan etika dalam berbahasa perlu dilakukan. Sehingga Admin bisa mengelola data tersebut, Mana testimoni yang layak ditampilkan maupun yang harus dihilangkan.
Jadi, data yang diinput oleh pelanggan sebagai bentuk tanggapan terhadap web penjualan ini akan ditampilkan di menu testimoni halaman pengguna dan data laporannya akan disimpan di halaman Admin. Jadi hanya pihak Admin saja yang bisa mengelola data tersebut. Adapun pengelolaannya yaitu dengan menghapus data testimoni yang dirasa tidak layak ditampilkan.
Tanpa perlu panjang lebar lagi, kita akan langsung membuatnya. Jika kamu siap, maka kita langsung ke TKP. Sebelumnya aktifkan dahulu Dreamweaver, XAMPP dan Browsernya.
1). Download file template_laporan_testimoni.php DISINI. Kemudian buka di editor Dreamweaver.
2). Klik kanan > Save As.., Simpan di C:\xampp\htdocs\Projek_Web\admin Sebagai file testimoni.php
3). Pada bagian halaman template tadi. kami sudah menendai untuk ditempatkan sebuah kode php. Tempatkan kode INI ditempat tersebut.
4). Maka tampilannya akan seperti gambar dibawah ini.
5). Kamu perhatikan gambar diatas. ada kolom opsi yang isinya tanda silang. Tahu untuk apa?? Yappss , , itu adalah fungsi delete untuk penghapusan data. Maka dari itu. kita harus membuat file hapus_testimoni.php. Pilih menu File > New > type : Php > Create. Setelah itu simpan file di C:\xampp\htdocs\Projek_Web\admin.
6). Pada file hapus_testimoni.php. gati halaman ke mode kode dan kosongkan halaman. Kemudian tempatkan kode BERIKUT pada halaman kosong tersebut. Jika sudah > Simpan.
7). Buka tab bari di Browser. dan jalankan file laporan_testimoni.php. Maka akan tampil halaman seperti gambar dibawah ini. Cobalah fungsi delete untuk menghapus salah satu data yang ada dan perhatikan apa yang terjadi ?!.
8). Ini contoh dari salah satu data testimoni yang telah di hapus.
Sampai disini tutorial mengenai data laporan testimoni. bagaimana? gampang kan? apa malah keleyengan karena bingung? saya sarankan istirahat yang cukup dan jangan galau. ^_^.
Jika masih kurang, kami sediakan tutorial versi videonya. Cekidoooooott .. !!!
ProjekWebKu : Pada tutorial kali ini, kita akan membahas tentang laporan data pelanggan. Tutorial ini merupakan bagian dari serangkaian pembuatan web penjualan pada halaman admin. Itu artinya data laporan ini hanya bisa dikelola oleh pihak admin saja.
Seperti judulnya, disini berisi laporan data pelanggan dimana datanya bersumber dari para pelanggan yang memesan produk di web penjualan ini. Data yang diinput manual oleh pelanggan ini berfungsi dalam mendukung proses transaksi dan pengiriman barang. Jika tanpan data ini, admin akan kesulitan dalam proses penataan terutama pada saat pengiriman barang. untuk itu data laporan ini dinilai sangat penting.
Tanpa perlu panjang lebar. kita mulai saja tutorialnya.
Sebelumnya aktifkan Dreamweaver, XAMPP dan Browser anda.
1). Download file template_pelanggan.php DISINI. Kemudian jelankan di editor Dreamweaver.
2). Klik kanan > Save As.. dan simpan di C:\xampp\htdocs\Projek_Web\admin , sebagai pelanggan.php
3). Copy-Paste kode BERIKUT pada bagian template yang sudah ditandai. ( Lihat gambar berikut.)
4). Dan ini tampilan setelah kode diatas ditambahkan.
5). Pada file pelanggan.txt yang didownload tadi sudah kami beri keterangan pada setian bagian kode. Jadi penempatan kode harus sama dengan bagian yang ditandai pada template. Jika belum jelas, silahkan simak video tutorial pad pada bagian akhir postingan.
6). Ini hasil tampilan untuk tabel pencarian ID pelanggan.
7). Kalo yang ini kode untuk pencarian nama pelanggan.
8). Dan lihat hasilnya.
9). Jangan lupa kode untuk menampilkan data pelanggan.
10). Ini tampilan data pelanggan.
11). Perhatikan kolom opsi diatas. ada fungsi hapus data kan? untuk itu kita harus membuat file hapus_pelanggan.php. Pilih menu File > New > type Php > Create.
12). Paste kode BERIKUT pada bagian kode editor halaman hapus_pelanggan.php. yang sudah dikosongkan sebelumnya.
13). Silahkan buka tab baru di Browser, dan jalankan file pelanggan.php.
14). Cobalah fungsi panel pencarian data. Disini kita akan mencoba cari nama pelanggan.
15). Tes juga untuk fungsi hapus data. Jika data yang dihapus telah hilang, berarti fungsi penghapusan berhasil.
Nah , , sampai disini tutorial lengkap mengenai cara membuat data laporan pelanggan web penjualan dengan Dreamweaver CS6.
Simak juga tutoria versi videonya di bawah ini.
ProjekWebKu : Setelah sebelumnya dibahas mengenai Cara Membuat laporan Pengiriman bagian 1. kita akan lanjutkan dengan bagian kedua. Kami harap kamu mempelajari dulu tutorial sebelumnya karena bagian ini hanya melanjutkan saja. Segala data yang dibutuhkan sudah dibuat pada tutorial sebelumnya.
Pada tutorial kali ini kita akan melengkapi laporan data pengiriman dengan menambahkan fungsi Cek pembayaran dan Update data pengiriman. Sengaja ini dilakukan untuk memudahkan dalam proses pengolahan data pengiriman bagi Admin.
Seperti biasa, aktifkan dreamweaver, XAMPP dan Browsernya dahulu.
1). Download file template_pembayaran.php DISINI. Kemudia jalankan di Dreamweaver.
2). Klik kanan >Save As..dan simpan di C:\xampp\htdocs\Projek_Web\admin. sebagai file pembayaran.php
3). Tempatkan kode BERIKUT pada halaman template tadi yang sudah kami tandai sebelumnya.
4). Pada file pembarayan.txt tersebut sudah kami beri keterangan pada setiap kode. pastikan penempatan kode sama dengan keterangan kode yang ada di halaman template. jika ingin lebih jelas, simak video diakhir postingan.
5) Ini kode untuk pencarian ID transaksi.
6). Dan ini hasilnya.
7). Copas juga kode pencarian nama pelanggan.
8). Maka tampilannya akan seperti ini.
9). Kalo ini kode untuk menampilkan data konfirmasi pembayaran.
10). Yang tampilannya akan menjadi seperti ini.
11). Jika anda teliti, maka akan melihat tanda silang di kolom opsi. Yang akan digunakan untuk menghapus data. Maka dari itu kita harus membuat file hapus_pembayaran.php. Pilih menu File > New > Type :Php > Create. Tempatkan kode BERIKUT pada bagian halaman kode yang sudah dikosongkan.
12). Klik kanan > Save.
13). Tempatkan di C:\xampp\htdocs\Projek_Web\admin.
14). Sebagai halaman tambahan untuk proses update pengiriman, kita membuatuhkan file pengiriman2.php. Download template_pengiriman2.php DISINI. Kemudian jalankan di Dreamweaver.
15). Pada halaman template tersebut sudah ditandai untuk ditempatkan kode pengiriman2 yang bisa di download DISINI.
16). Klik kanan > Save. Simpan di C:\xampp\htdocs\Projek_Web\admin. Sebagai file pengiriman2.php.
17). Buka tab baru di Browser dan jalankan file pengiriman.php. Pilih salah satu data dan klik link Cek pembayarn. Maka akan muncul halaman pembeyaran untuk data tersebut.
18). Silahkan untuk memeriksa fungsi lainnya seperti hapus data.
Sampai disini kami anggap selesai untuk tutorial membuat data laporan pengiriman barang web penjualan.
Sebagai pelengkap kami sediakan juga tutorial versi videonya. Cekidot . .. .
