30 likes | 527 Views
14. CONTOH PROJECT UAS. 14.1 DESAIN LOGIKA Peta Situs. Situs web KPP Cengkareng dimulai dengan homepage yang menampilkan selamat datang. Dari halaman utama ini bisa diikuti link ke halaman yang. mendeskripsikan bagian-bagian utama KPP Cengkareng, seperti Kata Sambutan,
E N D
14 CONTOH PROJECT UAS 14.1 DESAIN LOGIKA Peta Situs Situs web KPP Cengkareng dimulai dengan homepage yang menampilkan selamat datang. Dari halaman utama ini bisa diikuti link ke halaman yang mendeskripsikan bagian-bagian utama KPP Cengkareng, seperti Kata Sambutan, Profile, Visi dan Misi, Struktur Organisasi, Rencana dan Realisasi, 100 Wajib Pajak, Wilayah Kerja, Potensi Pajak, dan Foto. Selain berisi informasi tentang KPP Cengkareng, situs ini juga berisi berita pajak, cerita lucu, buku tamu, dan pengunjung juga bisa kirim salam. 1. halaman default.asp File default.asp merupakan halaman selamat datang atau yang biasa disebut halaman utama. Halaman ini berisi ucapan selamat datang di KPP Cengkareng, alamat KPP Cengkareng, dan sedikit gambaran mengenai isi dari situs web tersebut. Halaman ini menggunakan HTML murni. 2. halaman kt_sambutan.asp File ini adalah sebuah halaman HTML murni, berisi sambutan dari Dirjen Pajak yaitu Bapak Hadi Poernomo, serta sambutan dari pimpinan KPP Cengkareng yaitu Ibu IR. Serirama Butarbutar, SE, Msi. 3. halaman profile.asp File profile.asp juga merupakan halaman HTML murni, file ini memaparkan sejarah berdirinya KPP Cengkareng. 4. halaman visi_misi.asp File visi_misi.asp menggunakan HTML murni, file ini memberikan penjelasan mengenai visi dan misi dari KPP Cengkareng. Hypermedia/Modul14- Contoh Project UAS- 1 - http://www.mercubuana.ac.id
dan isi berita dengan menggunakan metode post dalam pengiriman datanya dengan tujuan ke file konfirmasi_b.asp. Ada dua teknik pengiriman data form ke server, yaitu dengan metode Get yang kita tulis seperti ini: <form Action = ”namafile.asp” Method = ”GET”> atau dengan jasa metode post yang kita tulis seperti potongan script di bawah ini: <form Action = ”namafile.asp” Method = ”POST”> keduanya memiliki selisih perbedaan yang sangat terpaut. Jika kita memanfaatkan jasa Get maka data-data form itu akan terkirim melalui URL, menyatu dengannya. Sedangkan Post, data-data itu diikutsertakan bersama http headers. Bila metode Get yang digunakan, data yang dikirim akan menyatu dalam URL saat tombol submit ditekan, akam tetapi jika metode post yang kita gunakan data akan terkirim ke server tanpa sepenglihatan kita sebab data tersebut terkirim berbarengan dengan http headers. Salah satu contoh dari penggunaan metode post yang digunakan dalam file input_berita.asp ditunjukkan listing 1. Listing 1. Penggunaan metode post pada halaman input_berita.asp. <form method="POST" action="konfirmasi_b.asp"> <blockquote> color="#008000">Nama:</font><input <font type="text" name="txtnama" size="20"> <p><font color="#008000">Judul:</font><font color="#6600FF"> </font> <input type="text" name="txtjudul" size="40"> </p> <p><font color="#008000">Isi:<br> </font> <textarea rows="10" name="txtisi" cols="40"></textarea> </p> </blockquote> <p><input type="submit" value="Submit" name="B1"><input type="reset" value="Reset" name="B2"></p> </form> Hypermedia/Modul14- Contoh Project UAS- 3 - http://www.mercubuana.ac.id
default.asp kt sambutan.asp profile.asp visi misi.asp s organisasi.asp rencana.asp wajib pajak.asp lelang.asp wil kerja.asp potensi.asp foto.asp berita.asp cerita.asp guest.asp detail berita.asp input berita.asp konfirmasi b.asp detail cerita.asp kirim cerita.asp konfirmasi c.asp konfirm.asp view.asp Gambar 1. Structure chart untuk desain situs web KPP Cengkareng. halaman. Dan sebelah kanan halaman berisi tanggal dan gambar untuk memperindah tampilan halaman. Konsistensi dari halaman ke halaman adalah isu yang sangat diperhatikan dalam desain tampilan situs web KPP Cengkareng. Dengan tampilan yang selalu Hypermedia/Modul14- Contoh Project UAS- 5 - http://www.mercubuana.ac.id