Membuat Contact us dan Form dengan PHP

dokumen-dokumen yang mirip
BAB 4 PERANCANGAN LAYAR

?> <html> <head> <link href="data/styles.css" rel="stylesheet" type="text/css"> <title>sumber Ilmu Online Bookstore</title> </head>

BAB III IMPLEMENTASI. Program penghubung database tersebut disimpan dengan nama. konek.php. Berikut merupakan kode program penghubung Database :

Tag dasar yang akan kita gunakan untuk membuat form di HTML adalah tag form, input, textarea, select dan option.

PENGENALAN HTML - 2. Anda bisa menambahkan beberapa cell (kolom) untuk membuat satu baris cell (kolom).

Membuat Login Dengan PHP dan MYSQL

MODUL 3 INTERNET PROGRAMMING : PHP 3

Langkah 1 Struktur Folder. Langkah 2 Database. Detil Tutorial

Menangani Input dari User

TUTORIAL PHP MYSQL Langkah Tepat menjadi Web Developer Handal, menguasai PHP dan MySQL, jalan terbaik membuat website dan aplikasi berbasis web

Lampiran 1. Flowchart perancangan sistem

MODUL 3 HTML. (HyperText Mark-Up Language) Sub : Tabel & Form

BAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM. Program dalam judul Sistem Informasi Geografis Obyek

Langkah Cara Membuat Form Login Menggunakan PHP dan MySQL Langkah 1: Membuat Tabel MySQL User/Pengguna

Checkbox dengan Foreach dan MYSQL

Dengan asumsi bahwa aplikasi masih menggunakan cookie, maka query untuk membuka profil adalah seperti berikut:

MODUL 6 SESSION DAN USER AUTHENTICATION

Halaman Utama. Tampilan Menu. Universitas Sumatera Utara

BAB-12 MEMBUAT FORM HTML

MANAGEMENT, FORWARDING & AUTO RESPONDER

Membangun koneksi dari PHP ke MySQL adalah dengan fungsi mysql_connect();

P - 6 Bab 4 : HTML (Hypertext Markup Language)

MODUL 7 SESSION DAN USER AUTHENTICATION

BAB IV HASIL DAN PEMBAHASAN. Sistem Informasi Penjualan dan Pembelian Barang Pada Toko Touring

Membuat Form Kontak yang Indah dan Atraktif dengan AJAX [Part 1]

BAB III ANALISIS DAN DESAIN SISTEM

Pemrograman Web DASAR HTML 2

P - 6 Bab 4 : HTML (Hypertext Markup Language)

KURSUS ONLINE JASA WEBMASTERS

Gambar 4. 1 Implementasi Tabel Admin 58

BAB 5 MEMAHAMI METHOD GET DAN POST PADA PHP

LAMPIRAN LISTING PROGRAM WEBSITE

Materi 10: Create Read Update Delete

1. Membuat Kerangka Website dengan Table

Berilah tanda cek pada kotak yang sesuai dengan pilihan Anda. Nama :... (boleh tidak diisi) Alamat :... (boleh tidak diisi)

MEMBER. 1. Tabel member. 2. Form Pendaftaran Member : formmember.php. 3. Script Form Pendaftaran Member

BAB IV IMPLEMENTASI DAN PEMBAHASAN

Pemrograman Basis Data Berbasis Web

Kapita Selekta (KBKI82127, 2 sks) Materi : Penanganan Form

LAMPIRAN Source Code Untuk Menampilkan Halaman Home

Pemrograman Web Lanjut 2017

Pengenalan Perancangan Web 2017

BAB XIII BEKERJA DENGAN SESSION

Upload File dengan Metode AJAX

BAB III PERANCANGAN DAN PEMBUATAN SISTEM

if (window.xmlhttprequest){ xmlhttp=new XMLHttpRequest(); } else{ xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); }

MODUL 11 MEMBUAT LOGIN USER

b) Membuat database tiket. Siapkan databasenya dengan membuat database tiket Sampai langkah ini database tiket sudah siap digunakan

window.location='karyawan/homeuser.php'</script>"; }else if($c['level']=="manajer"){

MODUL III MEMBUAT FORM DAN HALAMAN WEB DENGAN FRAME

Membuat Plugin Wordpress Sederhana

Session. Pendahuluan

Form Input HTML dan Frame. Siti Maesyaroh. M.Kom.

Tutorial jquery Ajax Bagian 2 (Input, Update, Delete, Animasi Loading)

TUTORIAL APLIKASI WEB Dengan PHP dan MySQL

Step-1: Tambahkan tabel ke dalam database yang sudah ada dengan nama: logins

Create Read Update Delete using PHP MySql

Membuat Web Chatting dengan Ajax Jquery, PHP, dan Bootstrap [Part 2]

Membuat Form login dengan Php dan Mysql

AJAX dengan jquery Part 1

Pemrograman Web. HTML Lanjut. Indrato, S.Kom List. Ordered Lists (OL) Ordered List (OL) Ordered List (OL) PemrogramanWeb.

PRAKTIKUM PHP 10. Menyimpan Data ke Database & Menampilkan Data dengan PHP

AJAX dengan jquery Part 3

Lampiran 1. Lampiran Pertanyaan Wawancara. 1. Bagaimana sejarah terbentuknya The Green Hotel ini?

MODUL 1 PENGENALAN HTML

BAB X AKSES DAN MANIPULASI DATA

MODUL PEMOGRAMAN WEB II STMIK IM BANDUNG MODUL PEMOGRAMAN WEB II. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id

LAMPIRAN. Lampiran 1 Wawancara dengan Bapak Thoriq Rachmat selaku Manager IT di PT. 1. Apakah perusahaan saat ini membutuhkan sistem server yang baru?

10/04/2014. Oleh: Fiftin Noviyanto, S.T., M.Cs. Form Server Side Scripting

MEMBUAT APLIKASI GUEST BOOK

Penanganan Formulir PHP. Pemrograman Web - Penanganan Formulir. Agi Putra Kharisma, ST., MT.

Simak baik-baik komentar-komentar dalam setiap skrip. Komentar diawali dengan tanda #, //, atau /* dan */

Pemrograman Web Lanjut 2017

SILAKAN COPY SCRIPT DIBAWAH INI KE NOTEPAD ATAU EDITOR TEXT LAIN KEMUDIAN SAVE AS DENGAN NAMA FILE chaincalc.html KEMUDIAN JALANKAN DI BROWSER ANDA

DAFTAR PUSTAKA. HM, Jogianto, Analisis dan Desain Sistem Informasi Edisi 3 Yogyakarta: Andi

BAB IX COOKIE DAN SESSION

Perancangan & Pemprograman WEB. Pertemuan 4 Materi Formulir &Latihan HTML

LAPORAN PRAKTIKUM 5 SESSION & COOKIE

Pertemuan IV. Semester 1

Mahasiswa memahami Pengertian Basisdata, Cara membuat basisdata, cara menginput data dan cara menampilkan data.

MODUL PEMOGRAMAN WEB II STMIK IM BANDUNG MODUL PEMOGRAMAN WEB II. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id

LAMPIRAN. 1. Listing Program pada website sekolah. index.php

Langkah 1. Asep Tatang S.

LAMPIRAN. Source code halaman utama:

Kartu Bimbingan Tugas Akhir Mahasiswa

Pemrograman Web PRAKTIKUM 6. Query Data 2. TUJUAN BELAJAR Mahasiswa dapat menggunakan PHP dan MySQL untuk mengupdate data

Membuat Database mysql dengan PhpMyAdmin

MODUL 8 WEB PROGRAMMING : PHP 3

PEMANFAATAN SMS GATEWAY PADA SYSTEM PENDAFTARAN ONLINE (STUDI KASUS UNIVERSITAS MUHAMMADIYAH RIAU) HARUN MUKHTAR

Membuat bukutamu dengan PHP dan MySQL oleh Achmad Solichin

Modul Pembuatan Aplikasi Login dengan PHP dan MySQL

Petunjuk Penggunaan E-Procurement Indonesia Eximbank

Enhancement (Peningkatan Keamanan Login Aplikasi Online) Membuat username & password online

Bu k u Ma n u a l Web Si t e SK PD Pem er i n t a h K a b u pa t en Ma l a n g

IV. Form. A. Pengenalan Form. B. HTML Input Element

PEMROGRAMAN WEB 1 (PART 2) Berbagai macam Tag HTML. Rio Andriyat Krisdiawan, M.Kom

Transkripsi:

Membuat Contact us dan Form Email dengan PHP Cahaya Metha cimet15@ymail.com :: http://cimet15.blogspot.com/ Abstrak Seperti yang kita tahu bahwa website merupakan sarana untuk berbagi, baik dengan sesama rekan offline maupun rekan online yang bahkan belum kita kenal sama sekali. baik untuk bersirahturahmi maupun keperluan lain bahkan sebagai saran dan kritik untuk web kita sehingga kita harus menghubungi seseorang tersebut, nah salah satu cara untuk menghubungi orang tersebut adalah dengan melalui email yang disediakan pada contact us di website kita. Kata Kunci:email,website,contact Pendahuluan Contact Us dan Form email merupakan suatu hal yang penting dan tidak bisa terpisahkan dari sebuah website. Tujuan pembuatan formulir contact us ini adalah untuk memudahkan para pengunjung menyampaikan keluhan, saran, pertanyaan, ataupun hal lain-lain. Pembuatan Formulir Contact Us / Email ini bertingkat-tingkat, ada yang mudah, ada yang agak sedikit rumit dan ada juga yang melalui php buatan sendiri. Pada tulisan berikut ini saya akan berbagi tentang bagaimana membuat form kontak dan mengirim pesannya ke email dalam bahasa php.

Pembahasan Kita mulai dari membuat 3 script php berikut : 1. form contact us (index.php) <html> <head> <title>contact Us<title> <link rel="shortcut icon" href="icon.ico" /> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="jquery-1.4.4.min.js"></script> <!-- fungsi jquery untuk loadin ajax form email --> <script>function loadingajax(div_id,type){ $("#"+div_id).html('<div><img src="loader.gif"> loading...</div>'); $.ajax({ type: "POST", url: "content.php", data: "id="+ type, success: function(msg){ $("#"+div_id).html(msg); } }); }</script> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <td colspan="2" valign="top"><strong>hubungi Kami</strong></td> <td valign="top"><strong>admin</strong></td> <!-- onclick memanggil fungsi loading ajax (div id=contactus,value=1) --> <td align="right" valign="top"><strong><a href="#contact" onclick="loadingajax('contactus',1);">hubungi kami ></a></strong></td> <td colspan="2" valign="top">hubungi kami jika kamu ada masalah dalam pendaftaran, aktivasi member, gagal login, lupa password, cara menggunakan fitur-fitur, dan mendapatkan error.<br /> <br />Silahkan luangkan waktu kamu sebentar untuk memberikan saran dan kritik kepada kami yang bertujuan untuk memperbaiki dan kemajuan situs kami.</td>

<td valign="top"><strong>sales dan Finance Iklan (Kampanye Komersial)</strong></td> <td align="right" valign="top"><strong><a href="#contact" onclick="loadingajax('contactus',2);">hubungi kami ></a></strong></td> <td colspan="2" valign="top">hubungi kami jika kamu mempunyai pertanyaan atau ada masalah dalam pemasangan iklan (Kampanye Komersial).</td> <td valign="top"><strong>kerjasama (Partnership) </strong></td> <td align="right" valign="top"><strong><a href="#contact" onclick="loadingajax('contactus',3);">hubungi kami ></a></strong></td> <td colspan="2" valign="top">hubungi kami jika kamu ingin mengadakan kerjasama dengan kami.</td> <!-- tempat dimana onclick form email akan di load oleh fungsi loading ajax --> <td colspan="2" valign="top"><div id="contactus"></div></td> <td colspan="2" valign="top"><b>our Office:</b></td> <td colspan="2" valign="top"><a style="text-decoration:none;" href="http://kopi-paste.com">kopi-paste.com</a> <br /> Malang, Indonesia</td> <td colspan="2" valign="top">phone: +6221 ********</td> </table> </body> </html>

file diatas adalah halaman utama contact us yang berfungsi untuk memilih contact mana yang akan ditujukan oleh user. 2. Form email content.php <? php $id = $_POST['id'];?> <form id="contact" name="contact" method="post" action="sendcontact.php"> <table width="100%" border="0" cellspacing="0" cellpadding="4"> <td colspan="2"><strong>contact Us Form</strong></td> <td valign="top">contact to</td> <td valign="top"><? php if($id==1) {?> <input name="contact_to" value="1" type="hidden" size="30" maxlength="50" />Admin <?php } else if($id==2) {?> <input name="contact_to" value="2" type="hidden" size="30" maxlength="50" />Sales dan Finance Iklan <?php } else if($id==3) {?> <input name="contact_to" value="3" type="hidden" size="30" maxlength="50" />Kampanye <?php } else {}?> </td> <td valign="top">name</td> <td valign="top"><input name="name" type="text" size="30" maxlength="50" /> <td valign="top"><input name="username" type="hidden" size="30" maxlength="50" value="<? echo $g_username;?>" /></td> <td valign="top">email</td> <td valign="top"><input name="email" type="text" size="30" maxlength="50" /></td> <td valign="top">phone</td> <td valign="top"><input name="phone" type="text" size="30" maxlength="50" /></td> <td valign="top">company</td> <td valign="top"><input name="company" type="text" size="30" maxlength="50" /></td> <td valign="top">location</td> <td valign="top"><input name="location" type="text" value="city, Country" size="30" maxlength="50" /></td>

<td valign="top">subject/topic</td> <td valign="top"><input name="subject" type="text" size="30" maxlength="100" /></td> <td valign="top">detail</td> <td valign="top"><textarea name="detail" cols="40" rows="3" wrap="physical"></textarea></td> <td valign="top"> </td> <td valign="top"><input type="submit" name="submit" value="send" /></td> </table> </form> 3. sendcontact.php <?php $ip=$_server['remote_addr']; $username = $_POST[username]; $contact_to = $_POST[contact_to]; $name = $_POST[name]; $email = $_POST[email]; $phone = $_POST[phone]; $company = $_POST[company]; $location = $_POST[location]; $subject = "[Contact]".$_POST[subject]; $detail = $_POST[detail]; if ($contact_to == 1) { $contact_des = "admin@kopi-paste.com.com"; } else if ($contact_to == 2) { $contact_des = "advertising@kopipaste.com"; } else if ($contact_to == 3) {$contact_des = "marketing@kopi-paste.com"; } else { $contact_des = "admin@kopi-paste.com"; } $msg= "$detail"; if (mail($contact_des,$subject,$msg, "From: $email\ncontent-type: text/html; charset=iso-8859-1\nreply- To: $email\nx-mailer: PHP/". phpversion())) { echo "email terkirim"; } else { echo "email gagal"; }?>

Tampilan form kontak yang sudah jadi Selesai semoga artikel ini bermanfaat. Penutup Form kontak adalah salah satu bagian penting yang harus ada dalam sebuah website. Anda bisa lihat website-website yang pernah anda kunjungi, semuanya pasti menyediakan form kontak ini. Form kontak biasanya digunakan sebagai media komunikasi yang nantinya mengirimkan pesan langsung ke email pemilik website Referensi http://kopi-paste.com/2011/03/09/tutorial-php-membuat-contact-us-dan-form-email/ http://www.zainalhakim.web.id/posting/membuat-form-kontak-dengan-html-danphp.html

Biografi Nama : Cahaya Metha TTL : Jakarta, 15 Januari 1993 Hobi : Membaca No HP : 0898-8159-009 FB Alamat : http://facebook.com/gissellcimet : Kotabumi - Tangerang