Friday, February 12, 2016

Cara Membuat Koneksi PHP MySQL Dengan MySqli - Procedural



Ok guys. selamat datang di ck, kali ini saya akan menjelaskan tentang koneksi PHP ke database MySQL dengan MySQLi Extension Procedural. Pertama kita siapkan bahan dan alatnya.
  1. XAMPP / LAMPP/ WAMPP
  2. Text Editor (atom or notepad++ or others)
  3. Semuanya baik-baik saja untuk menjalankan file php
Ok setelah itu kita buat database terlebih dahulu dengan structure seperti ini :
-- phpMyAdmin SQL Dump
-- version 4.5.1
-- http://www.phpmyadmin.net
--
-- Host: 127.0.0.1
-- Generation Time: Feb 05, 2016 at 09:36 PM
-- Server version: 10.1.9-MariaDB
-- PHP Version: 5.6.15

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET time_zone = "+00:00";


/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8mb4 */;

--
-- Database: `db_am`
--

-- --------------------------------------------------------

--
-- Table structure for table `tbl_members`
--

CREATE TABLE `tbl_members` (
  `id` int(10) NOT NULL,
  `name` varchar(100) NOT NULL,
  `skill` varchar(100) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

--
-- Dumping data for table `tbl_members`
--

INSERT INTO `tbl_members` (`id`, `name`, `skill`) VALUES
(1, 'Dede Jamaludin', 'PHP dan MySQL'),
(2, 'Jhon Clever', 'JAVA dan Pyhton'),
(3, 'Jamaludin Dot Py', 'Ruby dan C'),
(4, 'djboy ', 'NET dan Framework');

--
-- Indexes for dumped tables
--

--
-- Indexes for table `tbl_members`
--
ALTER TABLE `tbl_members`
  ADD PRIMARY KEY (`id`);

--
-- AUTO_INCREMENT for dumped tables
--

--
-- AUTO_INCREMENT for table `tbl_members`
--
ALTER TABLE `tbl_members`
  MODIFY `id` int(10) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=5;
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;




Setelah database berhasil dibuat sekarang kita buat file conf.php dan index.php 
Isi script file conf.php 
<?php 

 
 // MEMBUAT KONEKSI PHP DENGAN MySQLi Procedurel
 
 $kon  = @mysqli_connect('localhost','root','','db_am') or die("ERROR. tidak dapat melakukan koneksi ! . Cek file conf.php");




 ?>
Isi script file index.php
<?php 

  // memanggil koneksi 
 require_once(dirname(__FILE__).'/conf.php');

 // menampilkan data dari mysql 
 $sql  = mysqli_query($kon, "SELECT * FROM tbl_members ORDER BY name");

 // Jika data lebih dari 0 tampilkan
 if(mysqli_num_rows($sql) > 0){

  while ($result = mysqli_fetch_assoc($sql)){
  echo "Nama Lengkap : ".$result['name'];
  echo "<br> Skill : ".$result['skill'];
  echo ("<hr>");
  }
 }
 else {
  echo "Data tidak ditemukan ! ";
 }

 // akhir koneksi
 mysqli_close($kon);
 ?>
Hasil query di atas akan menampilkan data seperti dibawah ini :

Keterangan : 
  • File conf.php berisi script untuk melakukan koneksi php dengan database mysql menggunakan mysqli procedural 
  • File Index.php berisi script untuk menampilkan data hasil query sekaligus untuk mengetest file conf.php apakah berhasil atau tidak .
Read more

Friday, September 25, 2015

Cara mengecek pesan masuk di google form

  

 Cara mengecek pesan masuk di google form 

Selamat menunaikan ibadah shalat magrib untuk daerah yang sudah mendengar suara adzan.. 
Sebelum shalat saya akan berbagi seputar kontak form yang dalam artikel sebelumnya saya membahas  Cara membuat halaman kontak menggunakan google form .
Baik itu untuk blogspot atau pun halaman kontak untuk website lain atau bisa juga untuk wapka dan lainya...

Nah setelah itu bagaimana kita mengetahui dan mengecek pesan yang masuk ke email kita atau ke halaman itu sendiri. Silahkan di simak tutorial simple and easy ini.

1. Login ke akun Google  kalian dan buka halaman https://docs.google.com/forms/   dan masuk ke halaman yang kalian buat tadi yaitu contact us. lihat gambar.
2. Setelah di buka halaman contact us nya kemudian pilih menu responses dan pilih sub Summary of Responses dan  traaaaaaa orang yang menghubungi kita akan terlihat disana.


Nah mungkin tutorial kali ini dicukupkan sekian . oh ya bila ada yang bertanya ko admin tidak melaksanakan shalat magrib dulu.. untuk itu admin melaksanakan Ko . admin pas lagi menulis artikel ini dipanggil adzan dan sesudah shalat magrib admin buka leptop lagi deh hehe..
salam bloger newbie :)

 Cara mengecek pesan masuk di google form

Read more

Cara membuat halaman kontak menggunakan google form

Cara membuat kontak us di google form

  Cara membuat halaman kontak menggunakan google form

Ok selamat sore kawan CK , kembali lagi diblog yang jelek ini hehe . Kali ini admin mau share tentang bagaimana cara membuat halaman contact form blogspot atau blog lainya menggunakan fasilitas google form .

Apa itu Google Form ?
 Google form merupakan fitur dari google doc. Google Docs adalah layanan pengolah kata, lembar sebar, presentasi, formulir, dan penyimpanan data berbasis web gratis dari Google. Layanan ini pertama kali diluncurkan pada 10 Oktober 2006 sebagai gabungan dua layanan: Writely dan Spreadsheets. Layanan presentasi diluncurkan pada 17 September 2007 sedangkan layanan penyimpanan data untuk berkas apa pun (hingga maksimum 1 GB per berkas) diluncurkan pada 13 Januari 2010. (https://id.wikipedia.org/wiki/Google_Docs).

Nah sudah tau kan apa itu google form ?
Ok kita lanjut ke pembahasan kita bagaimana cara membuat halaman kontak form mengguakan google form.

1. Login ke akun google  kalian kemudian buka halaman https://www.google.com/docs/about/ kemudian pilih Form dan klik Go to Form 
2. Setelah klik go to Form kemudian anda akan dibawa ke halaman google form. terus klik tombol plus yang ada dipojok bawah seperti pada gambar dibawah ini :
3. Setelah di klik anda atur form sesuai ke inginan anda . contoh gambar dibawah ini.
  • Panah pertama untuk mengatur judul , anda klik saja dan isikan judulnya contact Us.
  • Panah ke-dua untuk Judul dan Deskripsi. anda isi judul contact Us dan Deskripsi isi dengan misalkan "Selamat datang dihalaman kontak us. terimakasih telah berkenan mengunjungi halaman ini silahkan isi sesuai form yang disediakan ".
  • Panah yang ke-3 itu untu memberi nama Form, type form dan validasi. lihat gambar.

Question Title isi dengan Nama anda :
Help text kosongkan saja .
Question type pilih text untuk nama, email dan wesite. dan untuk Form pesan pilih paragraph text.
dan untuk validasi nama, email, website, sesuikan dengan mencentang cek bok data validasi kemudian pilih text dan costum text untuk nama. dan untuk email pilih email , dan untuk website pilih url sedangkan untuk pesan sama dengan nama cuma bedanya di type doang antara text dan paragraph text.

Setelah semuanya selesai klik Done
Hasilnya akan seperti diatas, untuk hapus silahkan klik icon delete, dan edit klik icon pencil dan untuk menambah form lagi klik add items.

Kemudian jika semuanya sudah selesai klik send form lalu centang short url dan copy url yang telah diperpendek kemudian simpan diblog anda untuk demo silahkan klik disini


Di Cukupkan sekian Tutorial kali ini semoga bermanfaat dan membantu anda dalam berkreasi dibidang dumy .
Wasalam.

  Cara membuat halaman kontak menggunakan google form



Read more

Wednesday, September 23, 2015

Daftar isi

Read more

Saturday, September 12, 2015

Kumpulan Kode HTML5

Kode HTML5

Kumpulan Kode HTML5

 Selamat malam sobat CK ? kali ini saya akan berbagi masih seputar html dan sekarang admin akan memberikan kalian kode tag html5 buat hapalan. Untuk itu bagi sobat yang sangat membutuhkan ini silahkan di save jadikan blog ini sebagai bookmars sobat. Dan untuk kode tag htmlnya sebagai berikut :

TagDeskripsi
<!--...-->Definisi untuk komentar
<!DOCTYPE>Definisi untuk tipe dokumen html5
<a>Definisi untuk hyperlink atau tautan
<abbr>Definisi untuk singkatan atau akronim
<address>Definisi untuk informasi kontak untuk penulis/pemilik dokumen
<area>Definisi untuk area dalam sebuah peta gambar
<article>Definisi untuk artikel postingan
<aside>Definisi untuk konten selain dari konten halaman
<audio>Definisi untuk konten suara
<b>Definisi untuk teks tebal
<base>URL dasar atau basis URL atau target pada semua URL yang relatif dalam dokumen
<bdi>Bagian dari teks yang mungkin diformat dalam arah yang berbeda dari teks lain di luar itu
<bdo>Arah teks baik kiri/kanan saat ini
<blockquote>Definisi untuk bagian yang dikutip dari sumber lain
<body>Definisi untuk bodi dokumen/tempat tampilan web
<br>Definisi untuk baris baru
<button>Definisi untuk tombol klik
<canvas>Digunakan untuk menggambar grafik melalui JavaScript
<caption>Definisi untuk keterangan pada tabel
<cite>Definisi untuk judul karya
<code>Definisi untuk kode/sintaks komputer
<col>Menentukan kolom properties untuk setiap kolom dalam tag colgroup
<colgroup>Mengelompokan dari satu atau lebih kolom dalam sebuah tabel
<datalist>Daftar pilihan atau seperti autocomplete/combobox untuk kontrol input
<dd>Definisi untuk deskripsi/nilai istilah dalam daftar deskripsi
<del>Definisi untuk teks yang telah dihapus dalam dokumen
<details>Definisi rincian lebih lanjut
<dfn>Definisi untuk istilah
<dialog>Definisi kotak dialog atau jendela info
<div>Merupakan bagian/sisi dalam dokumen
<dl>Definisi untuk daftar deskripsi
<dt>Definisi untuk istilah/nama dalam daftar deskripsi
<em>Definisi untuk teks miring
<embed>Definisi untuk aplikasi luar seperti flash, youtube, java yang bukan html
<fieldset>Mengelompokkan elemen form
<figcaption>Definisi untuk sebuah judul gambar untuk elemen figure
<figure>Definisi untuk figure pada foto
<footer>Definisi untuk kaki dari bagian dokumen
<form>Definisi form untuk input pengguna
<h1> sampai <h6>Definisi untuk judul heading dokumen
<head>Definisi untuk informasi tentang dokumen
<header>Definisi untuk kepala pada bagian dokumen
<hr>Definisi untuk garis panjang yang horizontal
<html>Definisi yang menyatakan bahwa itu dokumen html
<i>Definisi untuk membuat huruf miring
<iframe>Definisi konten dokumen luar dalam dokumen
<img>Definisi untuk gambar
<input>Definisi untuk masukkan data/input pengguna
<ins>Definisi untuk masuk/insert teks dalam dokumen
<kbd>Definisi untuk input keyboard/hotkey
<keygen>Definisi untuk kunci generator
<label>Definisi label untuk input
<legend>Definisi untuk judul form/fieldset
<li>Definisi untuk daftar item
<link>Definisi untuk hubungan antara dokumen dan sumber daya eksternal (stylesheet, icon)
<main>Definisi untuk konten utama
<map>Definisi untuk peta gambar
<mark>Definisi untuk tanda/sorot pada teks
<menu>Definisi untuk daftar menu
<menuitem>Definisi untuk menu item
<meta>Definisi untuk metadata tentang dokumen html (keyword, description, author)
<meter>Definisi untuk mengukur skalar pada kisaran
<nav>Definisi untuk navigasi tautan
<noscript>Sebuah alternatif konten untuk user yang tidak mendukung script pada sisi klien
<object>Definisi untuk objek sama dengan embed
<ol>Definisi untuk daftar bilangan/nomor
<optgroup>Definisi untuk kelompok opsi
<option>Definisi untuk opsi pada select
<output>Definisi hasil kalkulasi
<p>Definisi paragraf
<param>Definisi parameter pada object
<pre>Definisi untuk preformat teks
<progress>Definisi progressbar atau laju tugas
<q>Definisi untuk kutipan singkat
<rp>Penjelasan ditampilkan di browser yang tidak mendukung ruby
<rt>Penjelasan/pengucapan karakter untuk tipografi Asia Timur
<ruby>Definisi penjelasan ruby untuk tipografi Asia Timur
<s>definisi teks yang tidak lagi benar
<samp>Definisi contoh hasil dari komputer
<script>Definisi untuk skrip pada sisi klien
<section>Definisi bagian/sisi dokumen
<select>Definisi untuk combobox/listbox
<small>Definisi teks kecil
<source>Sumber untuk audio atau video
<span>Definisi sisi atau bagian teks dokumen
<strong>Definisi untuk teks tebal
<style>Pengaturan gaya dalam dokumen
<sub>Definisi untuk teks sub/teks bawah
<summary>Definisi judul rincian pada details elemen
<sup>Definisi untuk tek sup/teks atas
<table>Definisi untuk tabel
<tbody>Definisi bodi konten pada tabel
<td>Definisi kolom dalam tabel
<textarea>Definisi multi line pada input teks
<tfoot>Definisi kaki konten pada tabel
<th>Definisi kepala kolom pada tabel
<thead>Definisi kepala konten pada tabel
<time>Definisi tanggal/waktu
<title>Definisi judul dokumen
<tr>Definisi baris pada tabel
<track>Definisi untuk trek tek pada tabel
<u>Definisi teks underline atau garis bawah
<ul>Definisi untuk daftar bullets
<var>Definisi untuk variabel
<video>Definisi untuk video, movie atau film
<wbr>Definisi teks line-break

Dan Untuk Penjelasan tentang properti dari masing-masing tag di atas silahkan tunggu saja karna admin akan segera memaparkanya kepada kalian.

Kumpulan Kode HTML5

Read more