Membuat Contact us dan Form dengan PHP

Ukuran: px
Mulai penontonan dengan halaman:

Download "Membuat Contact us dan Form dengan PHP"

Transkripsi

1 Membuat Contact us dan Form dengan PHP Cahaya Metha :: 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 yang disediakan pada contact us di website kita. Kata Kunci: ,website,contact Pendahuluan Contact Us dan Form 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 / 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 dalam bahasa php.

2 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 min.js"></script> <!-- fungsi jquery untuk loadin ajax form --> <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>

3 <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 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=" <br /> Malang, Indonesia</td> <td colspan="2" valign="top">phone: ********</td> </table> </body> </html>

4 file diatas adalah halaman utama contact us yang berfungsi untuk memilih contact mana yang akan ditujukan oleh user. 2. Form 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"> </td> <td valign="top"><input name=" " 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>

5 <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]; $ = $_POST[ ]; $phone = $_POST[phone]; $company = $_POST[company]; $location = $_POST[location]; $subject = "[Contact]".$_POST[subject]; $detail = $_POST[detail]; if ($contact_to == 1) { $contact_des = "[email protected]"; } else if ($contact_to == 2) { $contact_des = "[email protected]"; } else if ($contact_to == 3) {$contact_des = "[email protected]"; } else { $contact_des = "[email protected]"; } $msg= "$detail"; if (mail($contact_des,$subject,$msg, "From: $ \ncontent-type: text/html; charset=iso \nreply- To: $ \nx-mailer: PHP/". phpversion())) { echo " terkirim"; } else { echo " gagal"; }?>

6 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 pemilik website Referensi

7 Biografi Nama : Cahaya Metha TTL : Jakarta, 15 Januari 1993 Hobi : Membaca No HP : FB Alamat : : Kotabumi - Tangerang

BAB 4 PERANCANGAN LAYAR

BAB 4 PERANCANGAN LAYAR BAB 4 PERANCANGAN LAYAR 4.1 User Interface User Interface desaign adalah merupakan sebuah bagian dari bidang studi yang di sebut interaksi manusia dengan komputer. User interface merupakan bagian yang

Lebih terperinci

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

?> <html> <head> <link href=data/styles.css rel=stylesheet type=text/css> <title>sumber Ilmu Online Bookstore</title> </head> Listing Program 1. Index.php session_start(); include_once "data/koneksi.php"; sumber Ilmu Online Bookstore

Lebih terperinci

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

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

Lebih terperinci

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

Tag dasar yang akan kita gunakan untuk membuat form di HTML adalah tag form, input, textarea, select dan option. Form Form biasanya digunakan untuk mengumpulkan data dari pengunjung web kita. Mulai dari form untuk login, form kontak, form untuk pendaftaran user, bahkan untuk mengirimkan data antar halaman web Tag

Lebih terperinci

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

PENGENALAN HTML - 2. Anda bisa menambahkan beberapa cell (kolom) untuk membuat satu baris cell (kolom). PENGENALAN HTML - 2 G. Tabel HTML Setting untk membuat perintah tabel terdiri dari : Row : mementukan banyaknya baris yang dimiliki oleh tabel. Columns : menentukan banyaknya kolom yang dimiliki tabel.

Lebih terperinci

Membuat Login Dengan PHP dan MYSQL

Membuat Login Dengan PHP dan MYSQL Membuat Login Dengan PHP dan MYSQL Ramdhan Indra Bangun [email protected] :: Abstrak Aplikasi login User dalam suatu situs dinamis menggunakan php sudah hamper menjadi kebutuhan wajib. Tanpa adanya

Lebih terperinci

MODUL 3 INTERNET PROGRAMMING : PHP 3

MODUL 3 INTERNET PROGRAMMING : PHP 3 MODUL 3 INTERNET PROGRAMMING : PHP 3 A. Tujuan : 1. Memahami tentang penggunaan Form 2. Memahami tentang perbedaan antara metode GET & POST 3. Memahami tentang pemrosesan validasi form B. Dasar Teori PENGOLAHAN

Lebih terperinci

Langkah 1 Struktur Folder. Langkah 2 Database. Detil Tutorial

Langkah 1 Struktur Folder. Langkah 2 Database. Detil Tutorial Detil Tutorial Tingkat Kesulitan: Pemula Bahasa: PHP Software yang Digunakan: Dreamweaver Lama Pengerjaan: 1 Hours 2 Hours Untuk mengawali kembalinya materi tentang PHP & MySQL, saya membuat tutorial untuk

Lebih terperinci

Menangani Input dari User

Menangani Input dari User Menangani Input dari User PHP Programming Language Workshop For Newbie Class Yan Friskantoni

Lebih terperinci

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

TUTORIAL PHP MYSQL Langkah Tepat menjadi Web Developer Handal, menguasai PHP dan MySQL, jalan terbaik membuat website dan aplikasi berbasis web TUTORIAL PHP MYSQL Langkah Tepat menjadi Web Developer Handal, menguasai PHP dan MySQL, jalan terbaik membuat website dan aplikasi berbasis web www.ilmuwebsite.com Bagian 22. Lebih Jauh Bekerja dengan

Lebih terperinci

Lampiran 1. Flowchart perancangan sistem

Lampiran 1. Flowchart perancangan sistem Lampiran 1. Flowchart perancangan sistem Mulai Identifikasi Data Desain Program Desain Basis Data Input Data Desain Layout Programming Diagnosa Program idak Benar idak a Uji ampilan Data Benar idak a Dokumentasi

Lebih terperinci

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

MODUL 3 HTML. (HyperText Mark-Up Language) Sub : Tabel & Form MODUL 3 HTML (HyperText Mark-Up Language) Sub : Tabel & Form Laboratorium Komputer STIMIK PPKIA Pradnya Paramita Malang Pertemuan 3 3.1 Tujuan : 1. Mahasiswa dapat memahami dan mengenai perintah perintah

Lebih terperinci

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

BAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM. Program dalam judul Sistem Informasi Geografis Obyek BAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM 4.1 Spesifikasi Program Program dalam judul Sistem Informasi Geografis Obyek Pariwisata Alam di Kabupaten Merauke yang berbasis web ini adalah sebagai berikut.

Lebih terperinci

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

Langkah Cara Membuat Form Login Menggunakan PHP dan MySQL Langkah 1: Membuat Tabel MySQL User/Pengguna Dalam tutorial cara membuat form login dengan PHP dan MySQL, kita akan belajar membuat halaman login untuk website dengan menggunakan PHP Session. Tutorial ini merupakan tutorial tingkat dasar, sederhana

Lebih terperinci

Checkbox dengan Foreach dan MYSQL

Checkbox dengan Foreach dan MYSQL Checkbox dengan Foreach dan MYSQL Dwi Jayanthi [email protected] Abstrak Pada tutorial ini, kita akan membahas tentang Insert Data Checkbox dengan Foreach ke database MySQL. Komponen Checkbox merupakan

Lebih terperinci

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

Dengan asumsi bahwa aplikasi masih menggunakan cookie, maka query untuk membuka profil adalah seperti berikut: Aplikasi Update Profil Aplikasi Update sebaiknya dibuat setelah registrasi, login dan otentikasi selesai karena untuk melihat profil harus melalui sebuah kunci yang dijadikan kriteria where pada query

Lebih terperinci

MODUL 6 SESSION DAN USER AUTHENTICATION

MODUL 6 SESSION DAN USER AUTHENTICATION MODUL 6 SESSION DAN USER AUTHENTICATION A. Tujuan : 1. Memahami tentang penggunaan Session 2. Memahami tentang fungsi-fungsi session 3. Memahami tentang user authentication B. Dasar Teori A. SESSION PHP

Lebih terperinci

Halaman Utama. Tampilan Menu. Universitas Sumatera Utara

Halaman Utama. Tampilan Menu. Universitas Sumatera Utara Halaman Utama Tampilan Menu Tampilan Galeri Tampilan Admin Listing Program Halaman Utama

Lebih terperinci

BAB-12 MEMBUAT FORM HTML

BAB-12 MEMBUAT FORM HTML BAB-12 MEMBUAT FORM HTML 12.1. Form HTML Form HTML digunakan untuk mendapatkan masukan (input) dari pengguna Web. Pengguna Web dapat memasukkan input melalui halaman-halaman HTML. Elemen/tag Form digunakan

Lebih terperinci

MANAGEMENT, FORWARDING & AUTO RESPONDER

MANAGEMENT,  FORWARDING & AUTO RESPONDER 1 E-MAIL MANAGEMENT, EMAIL FORWARDING & AUTO RESPONDER TEKNIK INFORMATIKA UNIKOM (2008) E-Mail Management 2 Login ke webhosting anda (000webhost.com) Buka Cpanel Lihat di bagian E-mail E-Mail Management

Lebih terperinci

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

Membangun koneksi dari PHP ke MySQL adalah dengan fungsi mysql_connect(); Integrasi PHP dan MySQL PHP akan mengakses database melalui web server yaitu Apache. Jika database server dan web server berada pada komputer yang sama maka koneksi akan menggunakan localhost sebagai nama

Lebih terperinci

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

P - 6 Bab 4 : HTML (Hypertext Markup Language) P - 6 Bab 4 : HTML (Hypertext Markup Language) 4.1 Tujuan Mengerti cara membuat table, form & frame HTML. 4.2 Materi 1. Table 2. Form 3. Frame HTML 4.3 Latihan Tabel 1 Latihan Table_1

Lebih terperinci

MODUL 7 SESSION DAN USER AUTHENTICATION

MODUL 7 SESSION DAN USER AUTHENTICATION MODUL 7 SESSION DAN USER AUTHENTICATION A. Tujuan : 1. Memahami tentang penggunaan Session 2. Memahami tentang fungsi-fungsi session 3. Memahami tentang user authentication B. Dasar Teori A. SESSION PHP

Lebih terperinci

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

BAB IV HASIL DAN PEMBAHASAN. Sistem Informasi Penjualan dan Pembelian Barang Pada Toko Touring BAB IV HASIL DAN PEMBAHASAN 3.1 PROGRAM PENGHUBUNG DATABASE Sistem Informasi Penjualan dan Pembelian Barang Pada Toko Touring Menggunakan unit program didukung oleh pemrograman PHP dan database server

Lebih terperinci

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

Membuat Form Kontak yang Indah dan Atraktif dengan AJAX [Part 1] Membuat Form Kontak yang Indah dan Atraktif dengan AJAX [Part 1] Oleh: Sendy PK Dalam sebuah website, form kontak sangat penting sebagai komunikasi antara admin dan pengunjung,namun form kontak juga bisa

Lebih terperinci

BAB III ANALISIS DAN DESAIN SISTEM

BAB III ANALISIS DAN DESAIN SISTEM BAB III ANALISIS DAN DESAIN SISTEM III.1. Analisis Sistem yang Sedang Berjalan Sebuah sistem informasi dapat efektif jika sistem tersebut dapat memberikan gambaran secara detail dari karakteristik informasi

Lebih terperinci

Pemrograman Web DASAR HTML 2

Pemrograman Web DASAR HTML 2 Pemrograman Web DASAR HTML 2 Marquee Marquee adalah menu tekst barjalan yang berfungsi untuk memperindah tampila web, serta membuat pengunjung agar melihat taks tersebut. Teks ini seperti tesks biasa yang

Lebih terperinci

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

P - 6 Bab 4 : HTML (Hypertext Markup Language) P - 6 Bab 4 : HTML (Hypertext Markup Language) 4.1 Tujuan Mengerti cara membuat table, form & frame HTML. 4.2 Materi 1. Table 2. Form 3. Frame HTML 4.3 Table Tabel terdiri dari beberapa bagian, antara

Lebih terperinci

KURSUS ONLINE JASA WEBMASTERS

KURSUS ONLINE JASA WEBMASTERS KURSUS ONLINE JASA WEBMASTERS HTML FORM JASA WEBMASTERS Jl. Ringin Raya No 124A Condong Catur, Sleman, Yogyakarta FORM 9.1 Form Input HTML Form digunakan untuk mengumpulkan data dari user atau pengguna

Lebih terperinci

Gambar 4. 1 Implementasi Tabel Admin 58

Gambar 4. 1 Implementasi Tabel Admin 58 BAB IV IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Setelah tahap analisa dan tahap perancangan sistem aplikasi yang sudah dijelaskan pada Bab III, maka tahap selanjutnya merupakan tahap implementasi. Pada

Lebih terperinci

BAB 5 MEMAHAMI METHOD GET DAN POST PADA PHP

BAB 5 MEMAHAMI METHOD GET DAN POST PADA PHP BAB 5 MEMAHAMI METHOD GET DAN POST PADA PHP Form pada PHP mempunyai dua method pengiriman data, yaitu GET dan POST. Dengan menggunakan method GET, maka nilai variabel yang dikirimkan ke server melalui

Lebih terperinci

LAMPIRAN LISTING PROGRAM WEBSITE

LAMPIRAN LISTING PROGRAM WEBSITE LAMPIRAN LISTING PROGRAM WEBSITE 1. Halaman Home (index.php) $judul_hal=home; function isi() include("koneksi.php");

Lebih terperinci

Materi 10: Create Read Update Delete

Materi 10: Create Read Update Delete JURNAL PRAKTIKUM (LAB. ACTIVITY) PEMROGRAMAN WEB LANJUT SI087 Materi 10: Create Read Update Delete Dosen: Lilis Dwi Farida, S.Kom., M.Eng Moch. Farid Fauzi, M.Kom Irma Rofni Wulandari, S.Pd., M.Eng S1

Lebih terperinci

1. Membuat Kerangka Website dengan Table

1. Membuat Kerangka Website dengan Table Pada Postingan Kali ini saya akan sedikit berbagi tentang dasar "Membuat Website Berbasis HTML" dengan menggunakan "Macromedia Dreamweaver MX ", Kenapa menggunakan Macromedia Dreamweaver MX, sedangkan

Lebih terperinci

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

Berilah tanda cek pada kotak yang sesuai dengan pilihan Anda. Nama :... (boleh tidak diisi) Alamat :... (boleh tidak diisi) Bagian I Pernyataan pada bagian I merupakan pernyataan yang berhubungan dengan identitas responden. Berilah tanda cek pada kotak yang sesuai dengan pilihan Anda. Nama :... (boleh tidak diisi) Alamat :...

Lebih terperinci

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

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

Lebih terperinci

BAB IV IMPLEMENTASI DAN PEMBAHASAN

BAB IV IMPLEMENTASI DAN PEMBAHASAN BAB IV IMPLEMENTASI DAN PEMBAHASAN 4.1 Pelaksanaan Program Dalam Portal Berita Otomotif Berbasis Web ini menggunakan unit program yang didukung oleh bahasa pemograman PHP dengan database Xampp. Program

Lebih terperinci

Pemrograman Basis Data Berbasis Web

Pemrograman Basis Data Berbasis Web Pemrograman Basis Data Berbasis Web Pertemuan Ke-3 (HTML Lanjut [1]) Noor Ifada [email protected] S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan: Tabel Membuat tabel sederhana Menambahkan

Lebih terperinci

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

Kapita Selekta (KBKI82127, 2 sks) Materi : Penanganan Form Kapita Selekta (KBKI82127, 2 sks) Materi : Penanganan Form Form inputan dibuat dengan tag-tag HTML. Halaman yang mengandung form murni (tidak ada script php) tidak harus disimpan dalam bentuk php, bisa

Lebih terperinci

LAMPIRAN Source Code Untuk Menampilkan Halaman Home

LAMPIRAN Source Code Untuk Menampilkan Halaman Home LAMPIRAN Source Code Untuk Menampilkan Halaman Home memanggil file koneksi.php untuk membuat sebuah koneksi ke database include 'koneksi.php'; $q="select * FROM buku order by id_buku desc limit 0,5"; $q=mysql_query($q);

Lebih terperinci

Pemrograman Web Lanjut 2017

Pemrograman Web Lanjut 2017 Praktikum 9 9.1. CRUD Operasi CRUD (Create, Read, Update, Delete) merupakan operasi dasar yang sering digunakan di dalam database. Fungsi dari operasi ini adalah mengolah data secara dinamis pada aplikasi

Lebih terperinci

Pengenalan Perancangan Web 2017

Pengenalan Perancangan Web 2017 9. Form dan Input HTML Form adalah elemen HTML yang digunakan untuk mendapatkan masukan dari pengguna web. Pengguna web dapat memasukkan input melalui halaman-halaman HTML. Form biasa digunakan untuk membuat

Lebih terperinci

BAB XIII BEKERJA DENGAN SESSION

BAB XIII BEKERJA DENGAN SESSION BAB XIII BEKERJA DENGAN SESSION Session digunakan untuk mengirim data ke beberapa halaman web. Sebuah halaman web, secara normal tidak akan mengirim suatu data dari halaman yang satu ke halaman yang lain.

Lebih terperinci

Upload File dengan Metode AJAX

Upload File dengan Metode AJAX Upload File dengan Metode AJAX Oleh: Cecep Yusuf Saya akan membahas bagaimana membuat form upload file beserta prosesnya dengan menggunakan teknik AJAX memakai library Ajax File Upload, salah satu library

Lebih terperinci

BAB III PERANCANGAN DAN PEMBUATAN SISTEM

BAB III PERANCANGAN DAN PEMBUATAN SISTEM BAB III PERANCANGAN DAN PEMBUATAN SISTEM Pada Bab ini akan dijelaskan mengenai perancangan perangkat lunak server blogger yang meliputi perancangan sistem, d a n perancangan desain interface system. 3.1

Lebih terperinci

MODUL 11 MEMBUAT LOGIN USER

MODUL 11 MEMBUAT LOGIN USER MODUL 11 MEMBUAT LOGIN USER Halaman web adalah suatu halaman rumah di dalam dunia maya, di sini kita dapat menampilkan tentang segala inspirasi, imajinasi, mimpi maupun uneg-uneg sekalipun. Ibarat sebuah

Lebih terperinci

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

b) Membuat database tiket. Siapkan databasenya dengan membuat database tiket Sampai langkah ini database tiket sudah siap digunakan STJ MySQL-PHP Menggunakan MySQL sebagai database server a) Menghidupkan MySQL Database Server C:\mysql\bin>mysqld b) Membuat database tiket. Siapkan databasenya dengan membuat database tiket C:\mysql\bin>mysqladmin

Lebih terperinci

MODUL III MEMBUAT FORM DAN HALAMAN WEB DENGAN FRAME

MODUL III MEMBUAT FORM DAN HALAMAN WEB DENGAN FRAME MODUL III MEMBUAT FORM DAN HALAMAN WEB DENGAN FRAME A. MAKSUD DAN TUJUAN 1. MAKSUD a. Membuat formulir dengan berbagai tipe b. Membuat tampilan halaman web dengan frame 2. TUJUAN a. Mahasiswa dapat membuat

Lebih terperinci

Membuat Plugin Wordpress Sederhana

Membuat Plugin Wordpress Sederhana Membuat Plugin Wordpress Sederhana Oleh: Dewi Rosalin Sebagai pengguna Wordpress tentunya kita sudah tidak asing lagi dengan penggunaan plugin. Mulai dari plugin galeri, keamanan website, optimasi website,

Lebih terperinci

Session. Pendahuluan

Session. Pendahuluan Session Pendahuluan Session digunakan untuk mengirim data ke beberapa halaman web. Sebuah halaman web, secara normal tidak akan mengirim suatu data dari halaman yang satu ke halaman yang lain.dengan kata

Lebih terperinci

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

Form Input HTML dan Frame. Siti Maesyaroh. M.Kom. Form Input HTML dan Frame Siti Maesyaroh. M.Kom. Tag Tag ini digunakan untuk membuat rancangan form atau formulir dalam memasukkan data, dimana nantinya data tersebut akan diproses sesuai dengan

Lebih terperinci

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

Tutorial jquery Ajax Bagian 2 (Input, Update, Delete, Animasi Loading) Tutorial jquery Ajax Bagian 2 (Input, Update, Delete, Animasi Loading) 17:08 20 Oct 2010 @Ajax Pada artikel sebelumnya kita telah belajar dan mengenal jquery dan penggunaan fungsi load() di Tutorial jquery

Lebih terperinci

TUTORIAL APLIKASI WEB Dengan PHP dan MySQL

TUTORIAL APLIKASI WEB Dengan PHP dan MySQL TUTORIAL APLIKASI WEB Dengan PHP dan MySQL Tutorial Aplikasi Web Dengan PHP dan MySQL A. DASAR TEORI PHP merpakan bahasa pemrograman yang sangat popular dalam pengembangan website dewasa ini, pada dasarnya,

Lebih terperinci

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

Step-1: Tambahkan tabel ke dalam database yang sudah ada dengan nama: logins Step-1: Tambahkan tabel ke dalam database yang sudah ada dengan nama: logins CREATE TABLE Logins ( ID mediumint not null auto_increment, username varchar(30) not null, pass varchar(64) not null defatult

Lebih terperinci

Create Read Update Delete using PHP MySql

Create Read Update Delete using PHP MySql 2016 Create Read Update Delete using PHP MySql CRUD TABEL ALUMNI DWI SETIYA NINGSIH // 210 315 70 25 [COMPANY NAME] [Company address] SS Program Gambar 1.1 Tampilan index.php Gambar 2.1 Tampilan edit.php

Lebih terperinci

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

Membuat Web Chatting dengan Ajax Jquery, PHP, dan Bootstrap [Part 2] Membuat Web Chatting dengan Ajax Jquery, PHP, dan Bootstrap 2.3.2 [Part 2] Oleh: d-newbie pada tutorial sebelumnya kita sudah membuat 2 modal, yaitu modal "Masuk" dan modal "Daftar" dan pada tahap ini

Lebih terperinci

Membuat Form login dengan Php dan Mysql

Membuat Form login dengan Php dan Mysql Membuat Form login dengan Php dan Mysql 13 Hey,,,selamat malam semuanya,,kali ini ane mau membagikan bagaimana cara membuat Form login dengan php dan mysql... Yah kya gtulah kurang lebih intronya,,langsung

Lebih terperinci

AJAX dengan jquery Part 1

AJAX dengan jquery Part 1 AJAX dengan jquery Part 1 Oleh: Cecep Yusuf Kali ini saya akan share tutorial AJAX dengan jquery. Dengan menggunakan jquery, penggunaan AJAX akan jauh menjadi lebih mudah. Penjelasan Kali ini saya akan

Lebih terperinci

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

Pemrograman Web. HTML Lanjut. Indrato, S.Kom List. Ordered Lists (OL) Ordered List (OL) Ordered List (OL) PemrogramanWeb. Pemrograman Web Indrato, S.Kom [email protected] HTML Lanjut Page 2 List Digunakan untuk membuat daftar, terdiriatas: Ordered List (Numbering) Unordered List (Bullet) Definition List Ordered Lists (OL)

Lebih terperinci

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

PRAKTIKUM PHP 10. Menyimpan Data ke Database & Menampilkan Data dengan PHP PRAKTIKUM PHP 10 Menyimpan Data ke Database & Menampilkan Data dengan PHP Di Praktikum Menyimpan Data ke Database & Manampilkan Data dengan PHP ini akan dibahas bagaimana : 1. Membuat koneksi ke database

Lebih terperinci

AJAX dengan jquery Part 3

AJAX dengan jquery Part 3 AJAX dengan jquery Part 3 Oleh: Cecep Yusuf Pada tutorial ini, kita akan belajar bagaimana mengirim data POST dari sebuah form dan dikirim dengan metode AJAX post dengan menggunakan jquery. Selamat pagi

Lebih terperinci

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

Lampiran 1. Lampiran Pertanyaan Wawancara. 1. Bagaimana sejarah terbentuknya The Green Hotel ini? L-1 Lampiran 1 Lampiran Pertanyaan Wawancara 1. Bagaimana sejarah terbentuknya The Green Hotel ini? Jawab: The Green Hotel terletak di Jalan Beringin II No. 9 Pandansari, Ciawi, Bogor yang merupakan penginapan

Lebih terperinci

MODUL 1 PENGENALAN HTML

MODUL 1 PENGENALAN HTML MODUL 1 PENGENALAN HTML TUJUAN PRAKTIKUM : 1. Praktikan memahami tentang HTML, CSS, frame dan JS pada HTML serta kegunaannya. 2. Praktikan memahami bagaimana cara membuat web menggunakan HTML, CSS dan

Lebih terperinci

BAB X AKSES DAN MANIPULASI DATA

BAB X AKSES DAN MANIPULASI DATA BAB X AKSES DAN MANIPULASI DATA A. TUJUAN Memahami konsep dasar akses dan manipulasi data. Mampu mengintegrasikan aplikasi PHP dengan database MySQL. Mampu menghasilkan aplikasi web database untuk pengolahan

Lebih terperinci

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

MODUL PEMOGRAMAN WEB II STMIK IM BANDUNG MODUL PEMOGRAMAN WEB II. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id 1 MODUL PEMOGRAMAN WEB II Oleh: CHALIFA CHAZAR 2 MODUL 13 PHP & MySQL Tujuan: Mahasiswa memahami cara mengkoneksikan dan menggunakan MySQL dengan PHP untuk menyelesaikan permasalahan tertentu. Pustaka:

Lebih terperinci

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

LAMPIRAN. Lampiran 1 Wawancara dengan Bapak Thoriq Rachmat selaku Manager IT di PT. 1. Apakah perusahaan saat ini membutuhkan sistem server yang baru? LAMPIRAN Lampiran 1 Wawancara dengan Bapak Thoriq Rachmat selaku Manager IT di PT. Indonesia News Center. 1. Apakah perusahaan saat ini membutuhkan sistem server yang baru? Jawab: Ya, kami membutuhkan

Lebih terperinci

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

10/04/2014. Oleh: Fiftin Noviyanto, S.T., M.Cs. Form Server Side Scripting Oleh: Fiftin Noviyanto, S.T., M.Cs. Form Server Side Scripting 1 Kegunaan Form Memperoleh data-data user baik nama, alamat dan data lainnya untuk mendaftar pada service yang di sediakan Memperoleh informasi

Lebih terperinci

MEMBUAT APLIKASI GUEST BOOK

MEMBUAT APLIKASI GUEST BOOK MEMBUAT APLIKASI GUEST BOOK Pada bagian ini, anda akan diajak untuk membuat aplikasi sederhana menganai penggunaan PHP untuk melakukan manajemen Buku Tamu (Guest Book). Namun sebelum melangkah lebih jauh

Lebih terperinci

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

Penanganan Formulir PHP. Pemrograman Web - Penanganan Formulir. Agi Putra Kharisma, ST., MT. Penanganan Formulir PHP 1 Agenda Materi Pengayaan Pertemuan Sebelumnya Formulir HTML Jenis Masukan Pada Formulir HTML Metode Pengiriman Formulir Validasi Formulir 2 MATERI PENGAYAAN PERTEMUAN SEBELUMNYA

Lebih terperinci

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

Simak baik-baik komentar-komentar dalam setiap skrip. Komentar diawali dengan tanda #, //, atau /* dan */ Tutorial ini akan membimbing kalian membuat sebuah database bernama bioteman dengan sebuah tabel bernama teman. Tabel biodata ini berisi kolom nomor, namateman, tglahir, dan nomorhp. Tabel tersebut akan

Lebih terperinci

Pemrograman Web Lanjut 2017

Pemrograman Web Lanjut 2017 Praktikum 9 9.1. CRUD Operasi CRUD (Create, Read, Update, Delete) merupakan operasi dasar yang sering digunakan di dalam database. Fungsi dari operasi ini adalah mengolah data secara dinamis pada aplikasi

Lebih terperinci

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

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

Lebih terperinci

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

DAFTAR PUSTAKA. HM, Jogianto, Analisis dan Desain Sistem Informasi Edisi 3 Yogyakarta: Andi DAFTAR PUSTAKA HM, Jogianto, 2005. Analisis dan Desain Sistem Informasi Edisi 3 Yogyakarta: Andi Munawar, 2005. Pemodelan Visual Dengan UML, Jakarta: GRAHA ILMU http://elib.unikom.ac.id/download.php?id=125574

Lebih terperinci

BAB IX COOKIE DAN SESSION

BAB IX COOKIE DAN SESSION 1 BAB IX COOKIE DAN SESSION A. TUJUAN Memahami konsep dasar cookie dan session di dalam pemrograman web. Memahami penggunaan cookie dan session. Mampu memanfaatkan cookie atau session untuk memproteksi

Lebih terperinci

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

Perancangan & Pemprograman WEB. Pertemuan 4 Materi Formulir &Latihan HTML Perancangan & Pemprograman WEB Pertemuan 4 Materi Formulir &Latihan HTML Dasar Penggunaan Formulir Untuk membuat formulir maka kita menggunakan tag dan . Dua atribut yang umum digunakan pada

Lebih terperinci

LAPORAN PRAKTIKUM 5 SESSION & COOKIE

LAPORAN PRAKTIKUM 5 SESSION & COOKIE Hari/Tanggal Laporan Paraf Awal Resmi LAPORAN PRAKTIKUM 5 SESSION & COOKIE OLEH : HADYAN DWIHASAN PUTRA 426 16 022 Jurusan Teknik Elektro Program Studi D4 Teknik Multimedia dan Jaringan Politeknik Negeri

Lebih terperinci

Pertemuan IV. Semester 1

Pertemuan IV. Semester 1 Tables dan Forms Pertemuan IV Pemrograman Web Dasar Semester 1 Tabel HTML Tag digunakan untuk mengawali sebuah tabel. Di dalam elemen table, terdapat tag (table rows) dan tag (table

Lebih terperinci

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

Mahasiswa memahami Pengertian Basisdata, Cara membuat basisdata, cara menginput data dan cara menampilkan data. Database MySql Standar Kompetensi Mahasiswa memahami Pengertian Basisdata, Cara membuat basisdata, cara menginput data dan cara menampilkan data. Indikator Hasil Belajar 1. Dapat menjelaskan pengertian

Lebih terperinci

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

MODUL PEMOGRAMAN WEB II STMIK IM BANDUNG MODUL PEMOGRAMAN WEB II. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id 1 MODUL PEMOGRAMAN WEB II Oleh: CHALIFA CHAZAR 2 MODUL 13 PHP & MySQL Tujuan: Mahasiswa memahami cara mengkoneksikan dan menggunakan MySQL dengan PHP untuk menyelesaikan permasalahan tertentu. Pustaka:

Lebih terperinci

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

LAMPIRAN. 1. Listing Program pada website sekolah. index.php LAMPIRAN 1. Listing Program pada website sekolah index.php sd Swasta Adhyaksa Medan

Lebih terperinci

Langkah 1. Asep Tatang S.

Langkah 1. Asep Tatang S. Membuat Halaman Kamus Istilah Sederhana Menggunakan PHP dan MySql Asep Tatang S. [email protected] Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara

Lebih terperinci

LAMPIRAN. Source code halaman utama:

LAMPIRAN. Source code halaman utama: LAMPIRAN Source code halaman utama:

Lebih terperinci

Kartu Bimbingan Tugas Akhir Mahasiswa

Kartu Bimbingan Tugas Akhir Mahasiswa KEMENTERIAN PENDIDIKAN NASIONAL UNIVERSITAS SUMATERA UTARA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM Jln. Bioteknologi No.1 Kampus USU Padang Bulan Medan-20155 Telp. (061) 8211050, 82144290, Fax. (061)

Lebih terperinci

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

Pemrograman Web PRAKTIKUM 6. Query Data 2. TUJUAN BELAJAR Mahasiswa dapat menggunakan PHP dan MySQL untuk mengupdate data PRAKTIKUM 6 Query Data 2 TUJUAN BELAJAR Mahasiswa dapat menggunakan PHP dan MySQL untuk mengupdate data MATERI Program edit dan hapus TUGAS Menambahkan fitur edit dan hapus untuk semua form input data

Lebih terperinci

Membuat Database mysql dengan PhpMyAdmin

Membuat Database mysql dengan PhpMyAdmin Materi artikel : Membuat database mysql dengan PhpMyadmin View Insert Edit Delete Searching Membuat Hitcounter dengan file teks Syarat : Mengerti penggunaan tag HTML Browser dapat mengenali sintak Php

Lebih terperinci

MODUL 8 WEB PROGRAMMING : PHP 3

MODUL 8 WEB PROGRAMMING : PHP 3 MODUL 8 WEB PROGRAMMING : PHP 3 BENGKEL INTERNET PENS-ITS Tujuan : 1. Memahami tentang penggunaan Form 2. Memahami tentang perbedaan antara metode GET & POST 3. Memahami tentang pemrosesan file upload

Lebih terperinci

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

PEMANFAATAN SMS GATEWAY PADA SYSTEM PENDAFTARAN ONLINE (STUDI KASUS UNIVERSITAS MUHAMMADIYAH RIAU) HARUN MUKHTAR PEMANFAATAN SMS GATEWAY PADA SYSTEM PENDAFTARAN ONLINE (STUDI KASUS UNIVERSITAS MUHAMMADIYAH RIAU) HARUN MUKHTAR Abstrak Gateway merupakan sarana tambahan yang dapat digunakan untuk keperluan pelayanan

Lebih terperinci

Membuat bukutamu dengan PHP dan MySQL oleh Achmad Solichin

Membuat bukutamu dengan PHP dan MySQL oleh Achmad Solichin Membuat bukutamu dengan PHP dan MySQL oleh Achmad Solichin Pasti dah pada tau kan?? Apa itu buku tamu?? Atau dalam bahasa kerennya Guestbook. Karena dah pada tau, jadi gak usah dijelasin panjang lebar

Lebih terperinci

Modul Pembuatan Aplikasi Login dengan PHP dan MySQL

Modul Pembuatan Aplikasi Login dengan PHP dan MySQL Modul Pembuatan Aplikasi Login dengan PHP dan MySQL For Community College By ri32 Kata Pengantar Modul ini dibuat untuk menjadi panduan dalam membuat sebuat aplikasi web dengan fitur login. Aplikasi login

Lebih terperinci

Petunjuk Penggunaan E-Procurement Indonesia Eximbank

Petunjuk Penggunaan E-Procurement Indonesia Eximbank 1. Halaman Utama E-Procurement Petunjuk Penggunaan E-Procurement Indonesia Eximbank Tab Menu Sidebar Pada Halaman Utama terdapat 4 buah Tab yang merupakan tautan untuk mengakses berbagai Menu Utama, yaitu:

Lebih terperinci

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

Enhancement (Peningkatan Keamanan Login Aplikasi Online) Membuat username & password online Online Login Security Enhancement (Peningkatan Keamanan Login Aplikasi Online) Membuat username & password online February, 2016 Overview Untuk terus melindungi informasi bisnis dan akun Member kami mengimplementasikan

Lebih terperinci

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

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 Bu k u Ma n u a l Web Si t e SK PD 2016 Pem er i n t a h K a b u pa t en Ma l a n g Situs web Satuan Kerja Perangkat Daerah Pemerintah Kabupaten Malang didesain untuk bisa dirubah atau diupdate secara

Lebih terperinci

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

IV. Form. A. Pengenalan Form. B. HTML Input Element IV. Form A. Pengenalan Form Kegunaan Form Berikut ini beberapa contoh kegunaan Form dalam web: memperoleh data-data user baik nama, alamat dan data lainnya untuk mendaftar pada service yang di sediakan.

Lebih terperinci

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

PEMROGRAMAN WEB 1 (PART 2) Berbagai macam Tag HTML. Rio Andriyat Krisdiawan, M.Kom PEMROGRAMAN WEB 1 Berbagai macam Tag HTML (PART 2) Rio Andriyat Krisdiawan, M.Kom Tag Subscript dan SuperScript Subscript biasanya digunakan untuk Menurunkan posisi karakter atau lebih rendah dari teks

Lebih terperinci