Materi 16: Studi Kasus Integrasi Program Toko Online

Read Time2 Minutes, 15 Seconds

Materi Ini hanya untuk Kelas HK dan AK Matakuliah E-Commerce

Integrasi Program

Untuk memudahkan dalam pengelolaan data, maka perlu dibuatkan Menu Pemilihan Program, Baik untuk administrator ataupun untuk keperluan lainnya.

Adapun file yang akan dibuat yaitu:

  1. admin.html
  2. menu.html
  3. welcome.html

MEMBUAT FILE ADMIN.HTML

File ini berfungsi untuk membagi layar menjadi beberapa bagian, pada contoh ini akan dibuat menjadi 2 bagian, yaitu bagian sebelah kiri untuk menu dan bagian sebelah kanan untuk halaman utama.

admin.html

  1. <html>
  2.   <frameset cols=20%,*>
  3.     <frame src=”menu.html”>
  4.     <frame src=”welcome.html” name=”welcome”>
  5.   </frameset>
  6. </html>

MEMBUAT FILE MENU.HTML

File menu.html berfungsi untuk menampilkan Daftar Pilihan atau link yang nantinya dapat di-click dan akan menampilkan isi program sesuai link yang dibuat.

menu.html

  1. <html>
  2. <h1>
  3. MENU PROGRAM
  4. <hr>
  5. <h3>
  6. <a href=”welcome.html” target=”welcome”>Home</a>
  7. <hr>
  8. <a href=”inputbarang.html” target=”welcome”>Input Barang</a>
  9. <hr>
  10. <a href=”tampilbarang.php” target=”welcome”>Tampil Barang</a>
  11. <hr>
  12. <a href=”caribarang.html” target=”welcome”>Cari Barang</a>
  13. <hr>
  14. <a href=”tampilpenjualan.php” target=”welcome”>Tampil Penjualan</a>
  15. <hr>
  16. <a href=”toko.php” target=”welcome”>Toko</a>

MEMBUAT FILE WELCOME.HTML

File welcome.html berfungsi untuk menampilkan halaman utama atau halaman selamat datang, bisa diganti isinya dengan teks atau tulisan apapun yang anda inginkan.

welcome.html

  1. <html>
  2. <Center>
  3. <h1>
  4. Selamat Datang
  5. <hr>
  6. Administrasi Data Barang
  7. <hr>
  8. Toko Online Sagala Aya
  9.  

Menampilkan Hasil Via Browser

Setelah  ketiga program dibuat dan disimpan sesuai nama file diatas, kemudian adalah bagaimana cara menampilkannya ke layar komputer:

Untuk menampilkan hasilnya dapat dilakukan dengan cara seperti biasa menampilkan program:

  1. Jalankan Browser
  2. Pada Address Bar, ketikan:localhost/belajar
  3. Click File  ADMIN.HTML

Akan ditampilkan jendela seperti berikut:

Gambar 16.1.Halaman Utama Admin

Cara Memilih Menu adalah dengan Meng-Clicknya:

  1. Input Barang, untuk menampilkan halaman atau form input barang.

Tampil Barang, untuk menampilkan data barang yang ada dalam tabel barang.

Gambar 16.2.Input Barang

Tampil Barang, untuk menampilkan data barang yang ada dalam tabel barang.

GAmbar 16.3.Tampil Barang

Cari Barang, untuk melakukan pencarian barang berdasasarkan kriteria tertentu

Gambar 16.4.Cari barang

Tampil Penjualan, untuk menampilkan tabel data penjualan barang

Gambar 16.5.Menampilkan Data Penjualan

Toko, Menampilkan halaman Toko Online

Gambar 16.6.Toko Online

LATIHAN 16:

Dengan Cara yang sama seperti diatas, tambahkan link ke file latihan pengelolaan data buku, seperti berikut:

Gambar 16.7.Menambahkan Menu Latihan

0 0
0 %
Happy
0 %
Sad
0 %
Excited
0 %
Angry
0 %
Surprise

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Close