BAB 4
PEMBUATAN CONTROL PANEL ADMIN
A.
Persiapan
-
Anda buat folder baru dengan nama
Admin pada lokasi C:\xampp\htdocs\tokobaju, kemudian anda copy folder fonts.
-
Kemudian anda copy file
class.ezpdf.pdf, class.pdf.php, dan config.php pada folder
C;\xampp\htdocs\tokobaju\Admin
-
Sampai di sini persiapan awal
selesai
B.
Halaman Index Login Admin
-
Buat dokumen baru PHP pada
dreamweaver. Kemudian aktifkan jendelan code. Lalu tambahkan baris kode CSS
-
Jika sudah sekarang kembali ke
mode design, lalu tambahkan elemen div tag, pada kotak dialog onsert div tag
bagian class anda pilih menu_login klik tombol OK.
-
Jika sudah pada jendela dokumen
area div tag menu_login. Anda hapus teks yang ada lalu tambahkan tabel dengan
ketentuan seperti berikut ini.
 |
-
Kemudian pada baris pertama dan
ketiga untuk kolom anda merge cells, beri image untuk baris pertama image
header login.png dan baris ketiga footer login.png.
-
Jika sudah selanjutnya anda klik
baris kedua kolom pertama dan tambahkan elemen div tag. Pada kotak dialog
insert div tag bagian class anda pilih menu_kiri.
-
Kemudian pada area div
tag:Menu_kiri anda tambahkan gambar dengan nama login.gif
-
Selanjutnya adna fokus mouse ke
kolom kedua baris kedua, dan tambahkan elemen div tag, untuk class anda pilih
menu_tengah.
-
Jika sudah sekarang anda tambahkan
elemen label, textfield, dan button, aturlah sehingga akan terlihat seperti
gambar berikut ini.
-
Jika sudah sekarang anda akan
menambahkan gambar background website, untuk itu anda klik tombol page
properties pada panel properties atau tekan tombol crtl+J.
-
Kemudian pada bagian background
image: anda beri gambar background.gif. lalu ok.
-
Sampai disini pembuatan halaman
index login admin selesai. Simpan dan beri nama index.php
C.
Halaman Home Panel Admin
- Buat dokumen php baru lalu aktifkan jendela kode kemudian ketik kode seperti di bawah ini.
- Buat dokumen php baru lalu aktifkan jendela kode kemudian ketik kode seperti di bawah ini.
-
Jika sudah kembali ke tampilan
mode design, lalu tambahkan tabel. Kemudian pada baris pertama dan ketiga kolom
anda merge cell beri image pada baris pertama image header.png dan baris ketiga
footer.png.
-
Jika sudah hapus pada kolom div
tag menu kiri lalu ketikkan teks dengan mode unordered list seperti di bawah
ini.
-
Kemudian link masing-masing menu
seperti tabel dibawah ini.
D.
Sistem Menu Index Login
- Buat dokumen baru , hapus kode yang ada kemudian ketik kode dibawah ini.
- Buat dokumen baru , hapus kode yang ada kemudian ketik kode dibawah ini.
- Kemudian pada bagian atas dokumen
index.php anda sisipkan baris kode seperti dibawah ini.
- Akhirnya sampai saat ini
pembuatan halaman index atau login admin telah selesa, lalu simpan.
E.
Sistem Menu Produk
-.
Duplicate dokumen home.php lalu
ganti nama menjadi produk.php kemudian buat tabel, atur tampilan pada menu
tengah. Simpan ulang produk.php sehingga tampilannya akan seperti dibawah ini.
E.
Sistem Menu Kategori
-
Duplicate file produk.php ubah
menjadi kategori.php. gantilah fungsi php produk_form.php menjadi
kategori_form.php dan produk_data.php menjadi kategori_data.php sehingga
hasilnya akan seperti dibawah ini.
F. Sistem Menu News
- Duplicate file kategori.php ubah
menjadi news.php. gantilah fungsi php kategori_form.php menjadi news_form.php
dan kategori_data.php menjadi news_data.php sehingga hasilnya akan seperti
dibawah ini.
G. Sistem
Menu Download
- Duplicate file news.php ubah menjadi download.php. gantilah fungsi php news_form.php menjadi download_form.php dan news_data.php menjadi download_data.php sehingga hasilnya akan seperti dibawah ini.
- Duplicate file news.php ubah menjadi download.php. gantilah fungsi php news_form.php menjadi download_form.php dan news_data.php menjadi download_data.php sehingga hasilnya akan seperti dibawah ini.
H. Sistem Menu Laporan PDF
1.
Duplicate file download.php lalu
ganti namanya menjadi laporan.php lalu design tampilan seperti dibawah ini.
Demikian hasil dari pembuatan Website Bab 4. Terima Kasih....... :)
Tidak ada komentar:
Posting Komentar