9.

Latihan Membuat Projek 7

Pada latihan ini, kita akan belajar untuk membuat menu drop down untuk menampilkan data
distributor.
a. Membuat tabel tbkota dan tbdistributor
1. Isi tabel tbkota :
a. Field : idkota (varchar 2) sebagai Primary Key
b. Field : namakota (varchar 30)
2. Isi tabel tbdistributor :
No
Nama Field
Type Data
1
id
Tinyint
2
nama_distributor
Varchar (50)
3
alamat
Varchar (70)
4
kota
Varchar (2)
5
telp
Varchar (20)
6
email
Varchar (20)
b. Membuat form untuk input data nama kota oleh admin

Keterangan
Primary key

Silakan untuk membuat sendiri form input data kota dengan id autoincrement dengan jumlah id
sebanyak 2 digit. Data nama kota ini hanya bisa diinputkan oleh admin.
c. Membuat form untuk input data distributor oleh admin
1. Buat file dengan nama FrmDistributor.php dengan tampilan sebagai berikut :

Data kota diambil dari tabel tbkota. Pada tabel tbdistributor, untuk field kota, yang disimpan adalah
idkota saja (bukan nama kota).
2. Data distributor hanya bisa diinputkan oleh admin saja.

d. Membuat menu drop down

1. Buka file kumpulan_fungsi.php
2. Tuliskan koding berikut pada file kumpulan_fungsi.php

3. Buka file index.php

Panggil nama fungsi MENU_DROPDOWN() pada bagian <div id=topmenu>, seperti berikut ini :

Koding untuk topmenu sebelumnya silakan dihapus.

4. Buka file style_lat.css Anda. Silakan tulis koding berikut pada file tersebut.

Koding untuk topmenu sebelumnya silakan dihapus.

d. Membuat form untuk menampilkan data distributor yang dapat diklik melalui menu drop down
distributor
1. Buka file index.php lalu save as dengan nama FrmDisplayDistributor.php
2. Buat koding berikut diantara <div id=rightcontent> </div> seperti yang terlihat pada koding.

3. Setelah selesai, silakan tes koding yang telah ditulis di atas.

File akan dijalankan ketika user melakukan action berikut :
1. File index.php terbuka
2. Ketika user mengarahkan mouse ke menu distributor, akan ditampilkan seperti berikut

3. Ketika user memilih sub menu Jakarta, maka akan ditampilkan seperti berikut
4

4. Data untuk informasi daftardistributor untuk wilayah Jakarta tersebut, sebelumnya telah diinputkan
melalui form input data distributor.
5. Silakan tulis koding di atas dengan teliti.
SELAMAT BEKERJA