3. Jendela Design: Pada jendela ini hanya bisa merancang situs tanpa menuliskan scripting pemrograman web. Pada jendela design hanya bisa menuliskan teks,
menampilkan imagegambar dan lain-lain.
4.4.1 Penggabungan Kode Program Dengan Layout Website
Salah satu kemudahan yang dimiliki oleh Macromedia Dreamwaver 8 adalah dapat menggabungkan kode program pada halaman layout website. Penggabungan antara
kode pemrograman web dengan halaman website seperti JavaScript, PHP, dan lainnya dapat dengan menuliskan langsung kodenya pada tempat yang telah ditentukan yaitu
pada jendela Code atau pada jendela Split, atau dengan memanggil nama filenya saja yang terletak dalam satu dokumen. Dan ini hanya bisa dilakukan hanya untuk
pemrograman server side seperti PHP. Untuk memanggil file PHP misal: input.php untuk ditempatkan pada
halaman website, cukup dengan cara: 1. Tempatkan kursor pada tempat yang telah ditentukan
2. Pada jendela split, beralihlah pada bagian Code kemudian ketikkan: ? Include “input.php”;
?
4.4.2 Membuat halaman website
Adapun halaman-halaman yang dirancang oleh penulis adalah:
Universitas Sumatera Utara
1. Halaman index merupakan halaman utama yang akan diakses pertama kali oleh pengunjung website saat website dibuka. Halaman ini berisikan berita dan
informasi lain secara singkat serta link-link menuju halaman berikutnya. 2. Halaman About Us yang terdiri dari Sub-halaman History dan Philosophy.
3. Halaman Product Services yang merupakan halaman yang memberikan informasi tentang jasa dan produk yang ditawarkan yang terdiri dari Sub-
halaman Domestic, International, Services, Prohibited, Terms and Conditions, dan Frequently Ask Questions.
4. Halaman Tariff yang merupakan halaman yang memberikan informasi pengecekan harga kirim untuk domestic dan internasional yang terdiri dari
sub-halaman Domestic Tariff, dan International Tariff. 5. Halaman Contact us yang berisi alamat dari TIKI Pusat Jakarta dan TIKI
Cabang Sibolga.
Universitas Sumatera Utara
Gambar 4.4 Tampilan Home
Universitas Sumatera Utara
Gambar 4.5 Tampilan Home About Us
Universitas Sumatera Utara
Gambar 4.6 Tampilan Home Product Services
Universitas Sumatera Utara
Gambar 4.7 Tampilan Home Tariff
Universitas Sumatera Utara
Gambar 4.8 Tampilan Tariff Domestik
Universitas Sumatera Utara
Gambar 4.9 Tampilan Tariff International
Universitas Sumatera Utara
Gambar 4.10 Tampilan Layout Login Administrator
Universitas Sumatera Utara
Gambar 4.11 Isi dari Login Administrator
Universitas Sumatera Utara
Gambar 4.12 Tampilan Home Contact Us
Universitas Sumatera Utara
BAB 5
IMPLEMENTASI SISTEM
5.1 Pengertian dan Tujuan Implementasi Sistem
