SlideShare a Scribd company logo
Pemrograman Web
SETIAWANSYAH, M.KOM.
Chapter 9
• Form kontak merupakan salah satu element penting yang ada hampir pada setiap
website. Form contact us / hubungi kami memungkinkan pengunjung untuk
berkomunikasi dengan pemilik situs website tersebut.
• Dengan menggunakan form kontak, pengunjung dapat dengan mudah mengirim
permintaan maupun penawaran mereka untuk melakukan bisnis, memberikan opini,
pendangan dan saran kepada administrator mengenai konten website, layanan atau
produk.
Membuat tampilan contact form dengan HTML
• Pertama kita perlu untuk membuat tampilan form kontak ini dengan menggunakan
HTML, dimana kita akan membuat kolom untuk menuliskan nama, email, subjek dan isi
pesan, serta sebuah tombol Kirim yang akan menjadi pemicu terkirimnya pesan.
Script PHP untuk menangani kiriman data
Chapter 9

More Related Content

Similar to Chapter 9

Mengelola isihalamanweb5 (ind)
Mengelola isihalamanweb5 (ind)Mengelola isihalamanweb5 (ind)
Mengelola isihalamanweb5 (ind)Sayugo
 
Proposal penawaran website
Proposal penawaran websiteProposal penawaran website
Proposal penawaran websiteDidit Adja
 
Modul internet & e commerce
Modul internet & e commerceModul internet & e commerce
Modul internet & e commercepika setiawan
 
Penawaran Pembuatan Website Profesional - Web Design & Developer Bandung
Penawaran Pembuatan Website Profesional - Web Design & Developer BandungPenawaran Pembuatan Website Profesional - Web Design & Developer Bandung
Penawaran Pembuatan Website Profesional - Web Design & Developer BandungDigitalBrand Service
 
Ppt e commerce &e-business
Ppt e commerce &e-businessPpt e commerce &e-business
Ppt e commerce &e-businessditha pp
 
Interaksi Manusia Dan Komputer 9
Interaksi Manusia Dan Komputer 9Interaksi Manusia Dan Komputer 9
Interaksi Manusia Dan Komputer 9Hide Maru
 
Mengelolaisihalamanweb1 (ind)
Mengelolaisihalamanweb1 (ind)Mengelolaisihalamanweb1 (ind)
Mengelolaisihalamanweb1 (ind)Sayugo
 
E-Site DESIGN
E-Site DESIGNE-Site DESIGN
E-Site DESIGNjojonael
 
Mengelola isi halaman web1
Mengelola isi halaman web1Mengelola isi halaman web1
Mengelola isi halaman web1Eko Supriyadi
 
Proposal penawaran pembuatan website
Proposal penawaran pembuatan websiteProposal penawaran pembuatan website
Proposal penawaran pembuatan websiteDan Karepouwan
 
Slide Mata Kuliah Pemrograman Web Desain.pptx
Slide Mata Kuliah Pemrograman Web Desain.pptxSlide Mata Kuliah Pemrograman Web Desain.pptx
Slide Mata Kuliah Pemrograman Web Desain.pptxSuparno20
 
Penawaran lend creative
Penawaran lend creativePenawaran lend creative
Penawaran lend creativelendcreative
 
Tugas 1(individu) dimas setiadi 0916
Tugas 1(individu) dimas setiadi 0916Tugas 1(individu) dimas setiadi 0916
Tugas 1(individu) dimas setiadi 0916Dimas Setiadi
 

Similar to Chapter 9 (20)

Softskill e-commerce
Softskill e-commerceSoftskill e-commerce
Softskill e-commerce
 
Mengelola isihalamanweb5 (ind)
Mengelola isihalamanweb5 (ind)Mengelola isihalamanweb5 (ind)
Mengelola isihalamanweb5 (ind)
 
Proposal penawaran website
Proposal penawaran websiteProposal penawaran website
Proposal penawaran website
 
Web
WebWeb
Web
 
Proposal penawaran website
Proposal penawaran websiteProposal penawaran website
Proposal penawaran website
 
Business Model Canvas: Cara Pengisian
Business Model Canvas: Cara PengisianBusiness Model Canvas: Cara Pengisian
Business Model Canvas: Cara Pengisian
 
Modul internet & e commerce
Modul internet & e commerceModul internet & e commerce
Modul internet & e commerce
 
Penawaran Pembuatan Website Profesional - Web Design & Developer Bandung
Penawaran Pembuatan Website Profesional - Web Design & Developer BandungPenawaran Pembuatan Website Profesional - Web Design & Developer Bandung
Penawaran Pembuatan Website Profesional - Web Design & Developer Bandung
 
E-Commerce dan E-Business
E-Commerce dan E-BusinessE-Commerce dan E-Business
E-Commerce dan E-Business
 
Ppt e commerce &e-business
Ppt e commerce &e-businessPpt e commerce &e-business
Ppt e commerce &e-business
 
Interaksi Manusia Dan Komputer 9
Interaksi Manusia Dan Komputer 9Interaksi Manusia Dan Komputer 9
Interaksi Manusia Dan Komputer 9
 
Mengelolaisihalamanweb1 (ind)
Mengelolaisihalamanweb1 (ind)Mengelolaisihalamanweb1 (ind)
Mengelolaisihalamanweb1 (ind)
 
E-Site DESIGN
E-Site DESIGNE-Site DESIGN
E-Site DESIGN
 
Mengelola isi halaman web1
Mengelola isi halaman web1Mengelola isi halaman web1
Mengelola isi halaman web1
 
e-commerse opencart
e-commerse opencarte-commerse opencart
e-commerse opencart
 
3660148.ppt
3660148.ppt3660148.ppt
3660148.ppt
 
Proposal penawaran pembuatan website
Proposal penawaran pembuatan websiteProposal penawaran pembuatan website
Proposal penawaran pembuatan website
 
Slide Mata Kuliah Pemrograman Web Desain.pptx
Slide Mata Kuliah Pemrograman Web Desain.pptxSlide Mata Kuliah Pemrograman Web Desain.pptx
Slide Mata Kuliah Pemrograman Web Desain.pptx
 
Penawaran lend creative
Penawaran lend creativePenawaran lend creative
Penawaran lend creative
 
Tugas 1(individu) dimas setiadi 0916
Tugas 1(individu) dimas setiadi 0916Tugas 1(individu) dimas setiadi 0916
Tugas 1(individu) dimas setiadi 0916
 

More from Setiawansyah Setiawansyah (20)

Chapter 15
Chapter 15Chapter 15
Chapter 15
 
Part 13
Part 13Part 13
Part 13
 
Chapter 14
Chapter 14Chapter 14
Chapter 14
 
Part 12
Part 12Part 12
Part 12
 
Chapter 13
Chapter 13Chapter 13
Chapter 13
 
Chapter 12
Chapter 12Chapter 12
Chapter 12
 
Chapter 11
Chapter 11Chapter 11
Chapter 11
 
Part 10
Part 10Part 10
Part 10
 
Part 9
Part 9Part 9
Part 9
 
Chapter 9
Chapter 9Chapter 9
Chapter 9
 
Part 8
Part 8Part 8
Part 8
 
Chapter 8
Chapter 8Chapter 8
Chapter 8
 
Part 7
Part 7Part 7
Part 7
 
Chapter 7
Chapter 7Chapter 7
Chapter 7
 
Part 6
Part 6Part 6
Part 6
 
Chapter 6
Chapter 6Chapter 6
Chapter 6
 
Part 5
Part 5Part 5
Part 5
 
Chapter 5
Chapter 5Chapter 5
Chapter 5
 
Part 4 kriptografi
Part 4   kriptografiPart 4   kriptografi
Part 4 kriptografi
 
Chapter 4
Chapter 4Chapter 4
Chapter 4
 

Recently uploaded

SUPERVISOR K3 (MAULANA PANDU PERMANA).ppt
SUPERVISOR K3 (MAULANA PANDU PERMANA).pptSUPERVISOR K3 (MAULANA PANDU PERMANA).ppt
SUPERVISOR K3 (MAULANA PANDU PERMANA).pptwartonowartono11
 
Ukuran penyebaran data berkelompok (statistika)
Ukuran penyebaran data berkelompok (statistika)Ukuran penyebaran data berkelompok (statistika)
Ukuran penyebaran data berkelompok (statistika)hendriko8
 
Studi Kasus Pantai Kelan Provinsi Bali.pdf
Studi Kasus Pantai Kelan Provinsi Bali.pdfStudi Kasus Pantai Kelan Provinsi Bali.pdf
Studi Kasus Pantai Kelan Provinsi Bali.pdfnovia73231
 
Panduan Logging Ringkas Nickel laterite.
Panduan Logging Ringkas Nickel laterite.Panduan Logging Ringkas Nickel laterite.
Panduan Logging Ringkas Nickel laterite.aldreyuda
 
Tugas 01 Penjelasan Cara Melakukan Gasifikasi.pdf
Tugas 01 Penjelasan Cara Melakukan Gasifikasi.pdfTugas 01 Penjelasan Cara Melakukan Gasifikasi.pdf
Tugas 01 Penjelasan Cara Melakukan Gasifikasi.pdfnimrodnapitu
 
Matematika diskrit: metode pohon/trees.ppt
Matematika diskrit: metode pohon/trees.pptMatematika diskrit: metode pohon/trees.ppt
Matematika diskrit: metode pohon/trees.pptAzrilAld
 
Daftar Lembaga Penyedia Jasa Linkungan.pdf
Daftar Lembaga Penyedia Jasa Linkungan.pdfDaftar Lembaga Penyedia Jasa Linkungan.pdf
Daftar Lembaga Penyedia Jasa Linkungan.pdfTsabitpattipeilohy
 
Metode Kerja Borepile utk Proyek Jembantan Hauling Blok III Utara PT AGM Kals...
Metode Kerja Borepile utk Proyek Jembantan Hauling Blok III Utara PT AGM Kals...Metode Kerja Borepile utk Proyek Jembantan Hauling Blok III Utara PT AGM Kals...
Metode Kerja Borepile utk Proyek Jembantan Hauling Blok III Utara PT AGM Kals...MichaelBluer
 

Recently uploaded (8)

SUPERVISOR K3 (MAULANA PANDU PERMANA).ppt
SUPERVISOR K3 (MAULANA PANDU PERMANA).pptSUPERVISOR K3 (MAULANA PANDU PERMANA).ppt
SUPERVISOR K3 (MAULANA PANDU PERMANA).ppt
 
Ukuran penyebaran data berkelompok (statistika)
Ukuran penyebaran data berkelompok (statistika)Ukuran penyebaran data berkelompok (statistika)
Ukuran penyebaran data berkelompok (statistika)
 
Studi Kasus Pantai Kelan Provinsi Bali.pdf
Studi Kasus Pantai Kelan Provinsi Bali.pdfStudi Kasus Pantai Kelan Provinsi Bali.pdf
Studi Kasus Pantai Kelan Provinsi Bali.pdf
 
Panduan Logging Ringkas Nickel laterite.
Panduan Logging Ringkas Nickel laterite.Panduan Logging Ringkas Nickel laterite.
Panduan Logging Ringkas Nickel laterite.
 
Tugas 01 Penjelasan Cara Melakukan Gasifikasi.pdf
Tugas 01 Penjelasan Cara Melakukan Gasifikasi.pdfTugas 01 Penjelasan Cara Melakukan Gasifikasi.pdf
Tugas 01 Penjelasan Cara Melakukan Gasifikasi.pdf
 
Matematika diskrit: metode pohon/trees.ppt
Matematika diskrit: metode pohon/trees.pptMatematika diskrit: metode pohon/trees.ppt
Matematika diskrit: metode pohon/trees.ppt
 
Daftar Lembaga Penyedia Jasa Linkungan.pdf
Daftar Lembaga Penyedia Jasa Linkungan.pdfDaftar Lembaga Penyedia Jasa Linkungan.pdf
Daftar Lembaga Penyedia Jasa Linkungan.pdf
 
Metode Kerja Borepile utk Proyek Jembantan Hauling Blok III Utara PT AGM Kals...
Metode Kerja Borepile utk Proyek Jembantan Hauling Blok III Utara PT AGM Kals...Metode Kerja Borepile utk Proyek Jembantan Hauling Blok III Utara PT AGM Kals...
Metode Kerja Borepile utk Proyek Jembantan Hauling Blok III Utara PT AGM Kals...
 

Chapter 9

  • 2.
  • 3. • Form kontak merupakan salah satu element penting yang ada hampir pada setiap website. Form contact us / hubungi kami memungkinkan pengunjung untuk berkomunikasi dengan pemilik situs website tersebut. • Dengan menggunakan form kontak, pengunjung dapat dengan mudah mengirim permintaan maupun penawaran mereka untuk melakukan bisnis, memberikan opini, pendangan dan saran kepada administrator mengenai konten website, layanan atau produk.
  • 4. Membuat tampilan contact form dengan HTML • Pertama kita perlu untuk membuat tampilan form kontak ini dengan menggunakan HTML, dimana kita akan membuat kolom untuk menuliskan nama, email, subjek dan isi pesan, serta sebuah tombol Kirim yang akan menjadi pemicu terkirimnya pesan.
  • 5. Script PHP untuk menangani kiriman data