Monday, December 11, 2017

Tutorial Membuat PHP Shopping Cart Sederhana + Source Code

Loading...
Tutorial Membuat PHP Shopping Cart Sederhana + Source Code

Halo , pada tutorial ini kita akan membuat contoh aplikasi PHP Shopping chart sederhana. Shopping chart ini dibuat dengan sesederhana mungkin dan seminimalis mungkin. Untuk source code bisa anda download melalui link paling bawah. Dan bisa dimodifikasi dengan mudah sesuai kebutuhan.

Pada PHP shopping cart sederhana ini kita akan menampilkan berupa daftar produk yang ada pada database. Pada setiap produk nanti bisa kita pilih jumlahnya yang akan kita masukan dalam shopping cart. Barang yang sudah masuk di shopping cart akan di simpan di dalam session, dan barang barang sudah ada dalam shopping cart bisa kita hapus dari session tentunya.

Berikut tampilan shopping cart sederhana nya :
Database
Untuk struktur tabel pada database yang digunakan dalam aplikasi shopping cart sederhana ini bisa kita lihat seperti berikut :
CREATE TABLE IF NOT EXISTS `tblproduct` (
  `id` int(8) NOT NULL AUTO_INCREMENT,
  `name` varchar(255) NOT NULL,
  `code` varchar(255) NOT NULL,
  `image` text NOT NULL,
  `price` double(10,2) NOT NULL,
  PRIMARY KEY (`id`),
  UNIQUE KEY `product_code` (`code`)
)

Menambahkan Produk Ke Dalam Shopping Cart
Yang pertama kali kita lakukan adalah membuat halaman katalog produk yang berisikan daftar produk dari database. Baris kode berikut akan menampilkan daftar produk yang ada pada database ke ke Grid View. Di masing masing produk terdapat Tombol "Add To Cart" untuk menambahkan produk tersebut ke dalam Shopping cart :
<?php
$product_array = $db_handle->runQuery("SELECT * FROM tblproduct ORDER BY id ASC");
if (!empty($product_array)) { 
foreach($product_array as $key=>$value){
?>
<div class="product-item">
 <form method="post" action="index.php?action=add&code=<?php echo $product_array[$key]["code"]; ?>">
 <div class="product-image"><img src="<?php echo $product_array[$key]["image"]; ?>"></div>
 <div><strong><?php echo $product_array[$key]["name"]; ?></strong></div>
 <div class="product-price"><?php echo "$".$product_array[$key]["price"]; ?></div>
 <div><input type="text" name="quantity" value="1" size="2" /><input type="submit" value="Add to cart" class="btnAddAction" /></div>
 </form>
</div>
<?php }} ?>

Dengan mengklik tombol "Add to cart" akan menambahkan product id dan quantity ke dalam shopping cart dari produk yang dipilih. Pada proses ini PHP SESSION akan menyimpan beberapa item produk tadi ke dalam shopping cart. Baris kode dibawah ini yang akan memproses penambahan item produk yang di pilih ke dalam shopping cart. Jika kita menambahkan produk yang sama beberapa kali, pada shopping cart akan menghitung jumlahnya secara otomatis.

case "add":
 if(!empty($_POST["quantity"])) {
  $productByCode = $db_handle->runQuery("SELECT * FROM tblproduct WHERE code='" . $_GET["code"] . "'");
  $itemArray = array($productByCode[0]["code"]=>array('name'=>$productByCode[0]["name"], 'code'=>$productByCode[0]["code"], 'quantity'=>$_POST["quantity"], 'price'=>$productByCode[0]["price"]));
  
  if(!empty($_SESSION["cart_item"])) {
   if(in_array($productByCode[0]["code"],array_keys($_SESSION["cart_item"]))) {
    foreach($_SESSION["cart_item"] as $k => $v) {
      if($productByCode[0]["code"] == $k) {
       if(empty($_SESSION["cart_item"][$k]["quantity"])) {
        $_SESSION["cart_item"][$k]["quantity"] = 0;
       }
       $_SESSION["cart_item"][$k]["quantity"] += $_POST["quantity"];
      }
    }
   } else {
    $_SESSION["cart_item"] = array_merge($_SESSION["cart_item"],$itemArray);
   }
  } else {
   $_SESSION["cart_item"] = $itemArray;
  }
 }
break;

Menghapus atau Mengosongkan Produk Dari Shopping Cart
Dalam kasus ini kita akan memperbolehkan user untuk menghapus produk per item yang telah ditambahkan ke dalam shopping cart dengan mengklik tombol "Remove Item" . Atau, user bisa mengosongkan shopping cart dengan mengklik tombol "Empty Cart. Dalam proses ini kita menggunakan PHP unset() untuk membersihkan session pada shopping cart.

case "remove":
 if(!empty($_SESSION["cart_item"])) {
  foreach($_SESSION["cart_item"] as $k => $v) {
   if($_GET["code"] == $k) unset($_SESSION["cart_item"][$k]);    
   if(empty($_SESSION["cart_item"])) unset($_SESSION["cart_item"]);
  }
 }
break;
case "empty":
 unset($_SESSION["cart_item"]);
break;

Sekian tutorial Membuat PHP shooping cart sederhana ini, untuk source code lengkap dan database bisa di download melalui link dibawah ini. Terima kasih. Semoga bermanfaat.

Monday, November 27, 2017

Cara Mudah Membuat Laporan PDF Dengan PHP MYSQL

Loading...

Hampir disetiap aplikasi web biasayang difasilitasi sebuah firut membuat laporan. Dalam hal ini lah Web Deloper wajib menguasai skill untuk membuar laporan. Baik itu membuat laporan dari PHP MySQl . Biasanya laporan yang dikeluarkan oleh aplikasi web berupa, PDF, Excel, atau word. Dalam tutorial kali ini kita akan membahas Cara Membuat Laporan PDF dengan PHP dan MySQl . Berikut langkah langkahnya.

1. Mendownload Library PHP Untuk Membuat Laporan PDF
Untuk membuat laporan PDF dengan PHP dan MySQL kita memerlukan satu library yang bisa kita gunakan dalam membuat laporan PDF. Pada tutorial ini kita akan menggunakan Library FPDF . Untuk download FPD bisa kita download melalui link dibawah ini.
Setelah berhasil di download, kemudian buat sebuah folder baru dengan nama phppdf pada C:\xampp\htdocs\phppdf dan extract file fpdf181.zip ke folder tersebut.

2. Membuat Script Laporan PDF Dengan PHP Dan MySQL
Sekarang kita akan membuat sebuah file baru dengan nama index.php, file ini nanti yang bertugas menampilkan laporan pdf pada browser, setelah membuat file index.php lalu tulislah script berikut :

<?php
// memanggil library FPDF
require('fpdf.php');
// intance object dan memberikan pengaturan halaman file laporan PDF
$pdf = new FPDF('P','mm','A4');
// membuat halaman baru
$pdf->AddPage();
// setting jenis ukuran, dan style font yang akan digunakan
$pdf->SetFont('Arial','B',16);
// mencetak string 
$pdf->Cell(40,10,'Cara Mudah Membuat Laporan PDF Dengan PHP Mysql - cumacoder.com);
$pdf->Output();
?>
Selanjutnya save file  index.php tadi dan sekarang silahkan akses http://localhost/phppdf/ menggunakan web browser anda, jika script yang anda tulis benar maka akan tampilan  dibawah ini atau otomatis mendownload file berupa file PDF yang tampilannya seperti dibawah ini :
Cara Mudah Membuat Laporan PDF Dengan PHP MYSQL
3.  Membuat Laporan PDF Dengan PHP Dan MySQL
a. Membuat database dan tabel MySQL
Dalam tutorial ini saya akan mengambil contoh menggunakan database mahasiswa. Dan buat sebuah tabel mahasiswa dengan struktur seperti source code dibawah ini :

CREATE TABLE `mahasiswa` (
  `Nim` varchar(9) NOT NULL,
  `Nama_Mhs` varchar(25) NOT NULL,
  `Tgl_Lahir` date NOT NULL,
  `Alamat` varchar(50) NOT NULL,
  `Jenis_Kelamin` enum('Laki-laki','Perempuan') NOT NULL,
  PRIMARY KEY (`Nim`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8
Langkah selanjutnya silahkan insert beberapa data yang akan ditampilkan nantinya.

b. Membuat file koneksi.php
Kemudian silahkan buat sebuah file baru dengan nama koneksi.php untuk menyimpan konfigurasi koneksi ke database MySQL, silahkan tulis script berikut :

<?php
$host       = "localhost";
$user       = "root";
$password   = "";
$database   = "tutorial";
$connect    = mysqli_connect($host, $user, $password, $database);
?>

c. Modifikasi File index.php untuk membuat laporan PDF.
Untuk menampilkan data dari database ke file laporan pdf. kita bisa melakukan modifikasi di file index.php seperti dibawah ini :

<?php
// memanggil library FPDF
require('fpdf.php');
// intance object dan memberikan pengaturan halaman PDF
$pdf = new FPDF('l','mm','A4');
// membuat halaman baru
$pdf->AddPage();
// setting jenis font yang akan digunakan
$pdf->SetFont('Arial','B',16);

include("koneksi.php");
$result = mysqli_query($connect,"SELECT * FROM mahasiswa");
$header = mysqli_query($connect,"SELECT `COLUMN_NAME` 
FROM `INFORMATION_SCHEMA`.`COLUMNS` 
WHERE `TABLE_SCHEMA`='mahasiswa'");

$pdf = new FPDF();
$pdf->AddPage('L');
$pdf->SetFont('Arial','B',12);  
foreach($header as $heading) {
 foreach($heading as $column_heading)
  $pdf->Cell(90,12,$column_heading,1);
}
foreach($result as $row) {
 $pdf->SetFont('Arial','',12); 
 $pdf->Ln();
 foreach($row as $column)
  $pdf->Cell(90,12,$column,1);
}
$pdf->Output();
?>

Jangan lupa melakukan save untuk menyimpan perubahan, kemudian silahkan akses lagi http://localhost/phppdf/ , jika script yang anda tulis sudah benar maka akan muncul tampilan seperti berikut :

Cara Mudah Membuat Laporan PDF Dengan PHP MYSQL

Thursday, November 23, 2017

2 Langkah Mudah Cara Kirim Email Dari Localhost

Loading...
Cara Kirim Email Dari Localhost

Cara Kirim Email Dari Localhost
Mengirim email merupakan hal yang sering kita lakukan dalam sehari hari ini. Dalam bahasa pemrograman PHP sudah menyediakan fungsi mail() yang bisa kita gunakan untuk mengirim email. Namun masalahnya fungsi ini tidak akan jalan kalau dicoba dari localhost.

Untuk mengatasi masalah ini kita akan menggunakan liblary PHPmailer untuk mengirim email dari localhost. Dalam mengirim email dari localhost menggunakan PHPmailer , selain dapat mengirim text kita dapat mengirim file berupa gambar dalam email yang akan dikirim. 

Untuk mengirim email dari localhost selain menggunakan liblary PHPmailer kita membutuhkan SMTP server. Untuk SMTP server dalam tutorial ini kita coba menggunakan SMTP server Google.

Langkah 1 Cara Kirim Email dari Localhost : Turn On Less Secure Apps
  1. Login ke akun google
  2. Buka halaman untuk setting Less Secure Apps : https://www.google.com/settings/security/lesssecureapps
  3. Pada option Access For Less Secure Apps pilih Turn On
Cara Kirim Email Dari Localhost

Langkah 2 Cara Kirim Email dari Localhost : Download Dan Konfigurasi PHPmailer
  1. Download PHPmailer Disini
  2. Extrack nanti akan muncul folder PHPMailer-master.
  3. Silahkan rename folder ini menjadi phpmailer lalu pindahkan ke folder htdocs.
  4. Silahkan rename file gmail.phps menjadi gmail.php yang ada di dalam folder example
  5. Lalu buka file gmail.php tadi dan silahkan edit sesuai dengan konfigurasi gmail anda ( username, password, addAdress, AddReplyTo Dll)
Berikut Penampakan Baris Kode gmail.php :

<?php
/**
 * This example shows settings to use when sending via Google's Gmail servers.
 */

//SMTP needs accurate times, and the PHP time zone MUST be set
//This should be done in your php.ini, but this is how to do it if you don't have access to that
date_default_timezone_set('Etc/UTC');

require '../PHPMailerAutoload.php';

//Create a new PHPMailer instance
$mail = new PHPMailer;

//Tell PHPMailer to use SMTP
$mail->isSMTP();

//Enable SMTP debugging
// 0 = off (for production use)
// 1 = client messages
// 2 = client and server messages
$mail->SMTPDebug = 2;

//Ask for HTML-friendly debug output
$mail->Debugoutput = 'html';

//Set the hostname of the mail server
$mail->Host = 'smtp.gmail.com';
// use
// $mail->Host = gethostbyname('smtp.gmail.com');
// if your network does not support SMTP over IPv6

//Set the SMTP port number - 587 for authenticated TLS, a.k.a. RFC4409 SMTP submission
$mail->Port = 587;

//Set the encryption system to use - ssl (deprecated) or tls
$mail->SMTPSecure = 'tls';

//Whether to use SMTP authentication
$mail->SMTPAuth = true;

//Username to use for SMTP authentication - use full email address for gmail
$mail->Username = "username@gmail.com";

//Password to use for SMTP authentication
$mail->Password = "yourpassword";

//Set who the message is to be sent from
$mail->setFrom('from@example.com', 'First Last');

//Set an alternative reply-to address
$mail->addReplyTo('replyto@example.com', 'First Last');

//Set who the message is to be sent to
$mail->addAddress('whoto@example.com', 'John Doe');

//Set the subject line
$mail->Subject = 'PHPMailer GMail SMTP test';

//Read an HTML message body from an external file, convert referenced images to embedded,
//convert HTML into a basic plain-text alternative body
$mail->msgHTML(file_get_contents('contents.html'), dirname(__FILE__));

//Replace the plain text body with one created manually
$mail->AltBody = 'This is a plain-text message body';

//Attach an image file
$mail->addAttachment('images/phpmailer_mini.png');

//send the message, check for errors
if (!$mail->send()) {
    echo "Mailer Error: " . $mail->ErrorInfo;
} else {
    echo "Message sent!";
}

Jika sudah selesai silahkan klik save dan buka web browser dan masukan http://localhost/phpmailer/examples/gmail.php pada kolom web address. Jika berhasil maka akan muncul informasi Message sent!

Sunday, January 15, 2017

Tutorial CodeIgniter 3 : Langkah Mudah Mengintegrasikan TinyMCE Dengan CodeIgniter

Loading...
TinyMCE Official WebBagi kalangan Developer Web istilah TinyMCE sudah tidak asing lagi. TinyMCE merupakan open source teks editor untuk web.

Fungsi TinyMCE ini yaitu mengubah  form text area menjadi menjadi text editor dengan berbagai fitur. Fiturnya antara lain menebalkan huruf, membuat huruf miring (italic) , menggaris bawahi teks dan format format teks lainnya.


Kali ini cumacoder.com akan memberikan tutorial sederhana untuk mengintegrasikan CodeIgniter dengan TinyMCE. 

Langkah Pertama : Siapkan CodeIgniter Dan TinyMCE
Ya yang pastinya kita harus lebih dahulu mendownload CodeIgniter di http://www.codeigniter.com  dan TinyMCE di https://tinymce.com . Setelah mendownloadnya silahkan ekstrak file yang telah di untudh tadi. Biasanya file yang didownload berupa Copressed File atau ZIP. 

Jika selesai mati ke langkah selanjutnya.

Langkah Kedua : Menempatkan Folder TinyMCE ke Dalam Folder CodeIgniter
Sebelum menempatkan Folder TinyMCE ke dalam Folder Codeigniter. Kita buat terlebih dahulu folder assets di dalam folder CodeIgniter . Fungsi folder assets ini adalah untuk meletakan file file open source yang akan di integrasikan dengan codeIgniter seperti Bootstrap, Responsive File Manager , atau TinyMCE. 

Jika sudah dibuat folder assets nya. Sekarang letakan folder TinyMCE ke dalam folder asstets tadi. Penampakannya seperti ini.
Folder TinyMCE Codeigniter
Sampai langkah ini kita sudah menyatukan TinyMCE dan CodeIgniter. Mari Kita ke langkah ketiga Untuk coding TinyMCE agar bisa digunakan.


Langkah Ketiga : Coding Untuk Viewnya.
Jika anda membaca artikel ini, saya yakin anda sudah mengerti dengan controller dan view pada CodeIgniter. Dan mengubah pengaturan base_url pada file /application/config/config.php. Atau baca artikel berikut untuk menghilangkan index.php pada codeigniter :


Untuk codingan file viewnya bisa lihat di bawah ini :

Coding View TinyMCE Pada CodeIgniter

Pada baris ketiga merupakan coding untuk memanggil TinyMCEPada baris keempat sampai kesembilan, kita gunakan fungsi tinymce.init untuk menginisialisasi/mengenerate form textarea menjadi teks editor TinyMCE berdasarkan id form textarea. 

Pada codeingan diatas saya memberikan id mytextarea pada form textarea. Hasilnya seperti berikut. 

Hasil TinyMCE Pada CodeIgniter

Saturday, October 8, 2016

10 Ebook Gratis Untuk Belajar WEB, PHP, Javascript , HTML5, CSS3, Mobile Web, Wordpress

Loading...

Cumacoder kali ini akan share ebook gratis. Ebook ini merupakan ebook gratis yang bisa di download di web https://www.sitepoint.com . 10 Ebook gratis ini masing masing bukunya ada yang membahas tentang WEB, PHP, Javascript , HTML5, CSS3, Mobile Web, Wordpress. Oke untuk penjelasan masing masing isi bukunya kami jelaskan dibawah ya. Dan kami tidak lupa untuk menyertakan file downloadnya.

1. Build Mobile Websites and Apps for Smart Devices
Build Mobile Websites and Apps for Smart Devices

Buku ini merupakan panduan praktis bagi anda yang tertarik dalam mengambil bagian dalam salah satu perkembangan yang paling menarik dalam komputasi sejak internet itu sendiri: web mobile. Dengan yang diharapkan penggunaan web mobile untuk menyalip browser desktop di tahun depan, Anda akan sempurna ditempatkan untuk mengambil keuntungan! Membangun Mobile adalah pendekatan yang menyenangkan dan dapat diakses oleh pengembangan mobile - dan intro sempurna untuk pemula.
2. PHP Master: Write Cutting-edge Code
PHP Master: Write Cutting-edge Code

PHP Master: Write Cutting-edge Code dibuat khusus untuk pengembang PHP yang serius tentang memperbaiki aplikasi server-side mereka. Buku ini akan membantu Anda untuk menggunakan pendekatan pemrograman berorientasi objek yang paling efektif, bungkus proyek di lapisan keamanan, dan memastikan kode Anda melakukan tugasnya dengan sempurna.



3. CSS Master
CSS Master

CSS telah berkembang dari bahasa untuk memformat dokumen ke dalam bahasa yang kuat untuk merancang aplikasi web. Kesederhanaan adalah menipu, namun. Ini memungkiri kompleksitas model kotak, konteks susun, spesifisitas, dan cascade. Sangat sulit untuk mengembangkan antarmuka yang bekerja di berbagai ukuran layar dan dengan bermacam-macam mekanisme masukan. CSS penguasaan terletak pada pemahaman konsep-konsep ini dan bagaimana menanggulanginya, serta memahami dan menggunakan alat-alat baru seperti Linter, pengoptimalan, dan preprosesor.



4. The Principles of Beautiful Web Design, 3rd Edition
The Principles of Beautiful Web Design, 3rd Edition

Boros diilustrasikan dengan contoh-contoh rinci, Prinsip-prinsip Desain Web Indah adalah panduan mudah berikut yang akan membawa Anda melalui proses menciptakan desain besar dari awal sampai akhir. Tidak ada sebelum pengalaman desain web diperlukan.
5. Full Stack JavaScript Development with MEAN
Full Stack JavaScript Development with MEAN

Dengan alat-alat modern, adalah mungkin untuk membuat aplikasi produksi kelas hanya menggunakan JavaScript, HTML, dan CSS. Kombinasi MongoDB, Express, AngularJS, dan Node.js, semua teknologi JavaScript, telah menjadi sangat populer sehingga itu sudah dijuluki tumpukan MEAN. Buku ini akan mengeksplorasi tumpukan MEAN secara rinci.



6. The WordPress Anthology
The WordPress Anthology

WordPress Anthology menempatkan Anda di kursi pengemudi ini kuat & fleksibel open source CMS, menawarkan array yang luas dari solusi untuk proyek-proyek Anda. Penuh sesak dengan terbukti tips & teknik untuk pengembang web, Anda akan menemukan cara efektif menggunakan WordPress untuk lebih memenuhi kebutuhan Anda. Singkatnya, itu akan membuat paling serbaguna di dunia kerja CMS untuk Anda!


br />
7. HTML5 & CSS3 for the Real World: 2nd Edition
HTML5 & CSS3 for the Real World: 2nd Edition
HTML5 & CSS3 untuk Real World adalah pengenalan yang sempurna untuk generasi terbaru dari teknologi pengembangan web. panduan-to-follow mudah ini mencakup segala sesuatu yang Anda butuhkan untuk memulai. Anda akan menguasai markup semantik tersedia di HTML5, dan menemukan cara untuk menggunakan CSS3 untuk membuat website yang menakjubkan yang tampak tanpa menggunakan workarounds kompleks.
8. JavaScript: Novice to Ninja
JavaScript: Novice to Ninja
JavaScript telah menjadi keterampilan yang harus dimiliki untuk semua pengembang web. JavaScript: Novice untuk Ninja adalah menyenangkan, praktis, dan panduan komprehensif untuk penggunaan modern bahasa menipu kuat ini.

Dalam pengantar langkah-demi-langkah untuk coding di JavaScript Anda akan belajar bagaimana memecahkan masalah di dunia nyata, event lintasan, desain eye-catching animasi, membangun bentuk cerdas, dan mengembangkan aplikasi yang lebih kaya. Sepanjang jalan, Anda akan belajar untuk mengembangkan sesuai dengan praktik terbaik, termasuk Object Oriented Programming dan Test Driven Development.
9. Jump Start HTML5
Jump Start HTML5

Semua yang anda perlu tahu tentang HTML5 di satu tempat! Jika Anda apapun pengembang web maka Anda perlu tahu HTML. Bahasa ini telah mengalami beberapa perubahan dramatis dalam beberapa tahun terakhir: HTML5 telah datang ke tempat kejadian, menawarkan banyak fitur baru yang menarik, seperti audio asli dan video, grafik vektor, aplikasi offline, dan banyak lagi. Buku ini adalah primer yang sempurna untuk mendapatkan untuk mengatasi dengan HTML5, dan mulai untuk mengambil keuntungan dari daya dalam proyek Anda.



10. Outsourcing Web Projects
Outsourcing Web Projects

Apakah Anda berharap bahwa Anda bisa mengambil lebih besar, pekerjaan yang lebih menguntungkan, tetapi tidak merasa bahwa Anda memiliki waktu, sumber daya, atau kemampuan teknis untuk melakukannya? Buku ini akan memberikan Anda dengan mencoba dan menguji teknik yang akan memastikan bahwa Anda dapat memberikan kompleks, proyek-proyek web berkualitas tinggi dengan menggunakan sumber daya pembangunan outsourcing, baik di waktu dan anggaran! Dalam buku ini, Dave Hecker, seorang spesialis Outsourcing yang berkonsultasi ke Fortune 50 perusahaan, mengungkapkan rahasia di balik mencapai proyek pengembangan web outsourcing sukses. Dave membawa Anda melalui proses menulis spesifikasi proyek besar untuk mengiklankan pekerjaan Anda secara efektif, memilih mitra outsourcing terbaik, dan mengelola proyek sampai selesai sukses. Sepanjang jalan, Anda akan mengambil banyak berguna petunjuk-seperti metode sederhana untuk menentukan yang melakukan outsourcing mitra yang tepat bagi Anda dan tips manajemen proyek sederhana yang akan membantu menjaga proyek Anda di jalur.


Monday, September 26, 2016

Tutorial Membuat Autocomplete Dari Database Dengan PHP dan jQuery + Source Code

Loading...




Tutorial Membuat Autocomplete Dari Database Dengan PHP dan jQuery
Autocomplete

Cuma Coder kali ini akan membagikan tutorial membuat autocomplete field yang datanya berasal dari database, dan akan diambil dengan bantuan jQuery. Autocomplete merupakan fitur yang berfungsi untuk memberikan sugesti prediksi data yang akan di inputkan oleh pengguna sehingga mempercepat proses input data. Konsepnya adalah dengan mencocokan beberapa karakter yang sudah dimasukan pengguna dengan data yang telah disimpan dalam database. 

jQuery
Untuk membuat autocomplete dari database menggunakan jQuery. Silahkan download jQuery UI nya pada link berikut. Download jQuery UI . kemudian ekstrak kedalam folder js.

Database
Untuk contoh databasenya silahkan buat database dengan nama db_siswa dan sebuah tabel dengan nama tb_siswa dengan struktur seperti berikut. : 
Name Type Size Extra Primary
id INT 9 auto_increement yes
nama var_char 50

PHP
Buat file dengan nama data.php dengan source code seperti berikut :

<?php
//connect ke database
  mysql_connect("localhost","root","");
  mysql_select_db("db_siswa");
//harus selalu gunakan variabel term saat memakai autocomplete,
//jika variable term tidak bisa, gunakan variabel q
$term = trim(strip_tags($_GET['term']));
  
$qstring = "SELECT * FROM tb_siswa WHERE nama LIKE '".$term."%'";
//query database untuk mengecek tabel anime
$result = mysql_query($qstring);
  
while ($row = mysql_fetch_array($result))
{
    $row['value']=htmlentities(stripslashes($row['nama']));
    $row['id']=(int)$row['id'];
//buat array yang nantinya akan di konversi ke json
    $row_set[] = $row;
}
//data hasil query yang dikirim kembali dalam format json
echo json_encode($row_set);
?>

File ini berfungsi untuk koneksi database,  kemudian file akan melakukan pencarian data dalam tabel dari inputan yang dimasukan oleh pengguna kemudian dicocokan dengan field nama yang ada di database, jika bertemu yang cocok kemudian data di kembalikan dalam format json untuk di tampilkan sebagai sugesti autocomplete.


Selanjutnya buatlah file dengan nama index.php dengan source code seperti berikut :

<!doctype html>
   
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Autocomplete dari database dengan jQuery dan PHP | Cuma Coder</title>
 <link rel="stylesheet" href="style.css" />
    <link rel="stylesheet"
    href="js/jquery-ui.css" />
    <script src="js/jquery-1.8.3.js"></script>
    <script src="js/jquery-ui.js"></script>
  
    <script>
/*autocomplete muncul setelah user mengetikan minimal2 karakter */
    $(function() { 
        $( "#siswa" ).autocomplete({
         source: "data.php", 
           minLength:1,
        });
    });
    </script>
</head>
<body>
<div class="wrap">
 <h1>Data Siswa Sekolah Cuma Coder</h1>
    <h1>Autocomplete dari database dengan jQuery dan PHP</h1>
 <div class="ui-widget">
  <label for="siswa">Nama Siswa : </label>
  <input id="siswa"  />
 </div>
 <p class='copy'>Copyright &copy <a href="http://www.cumacoder.blogspot.com">Cuma Coder</a> 2016</p>
</div>
</body>
</html>


Autocomplete Dari Database Dengan jQuery dan PHP sudah selesai anda dapat mencobanya dengan cara membukanya di browser anda, disarankan membukanya dengan browser Chrome atau Mozilla, jangan menggunakan Internet Explorer.


*Notes Jika sugesti tidak muncul
- Perhatikan baik - baik nama dari file JS nya di index.php pastikan file jQuery dan jQuery UI terload.
- Perhatikan baik - baik nama field dan tabel anda yang ada di databse sudah sama dengan yang di data.php .



Untuk source code yang telah jadi silahkan klik tombol download dibawah ini.
>

Monday, September 19, 2016

Tutorial CodeIgniter 3 : Mengganti Tampilan Halaman Error 404 Page Not Found Di CodeIgniter

Loading...
Error 404 Di CodeIgniter

Pada tutorial kali ini, Cuma coder akan membahas bagaimana cara mengganti tampilan halaman error 404 Page Not Found di codeigniter. defaultnya tampilan halaman error 404 di codeigniter bisa kita lihat seperti gambar dibawah ini. 

404pagenotefound


Ya tampilan defaultnya agak kurang menarik. Nah untuk mengganti tampilannya agar lebih menarik. Kita hanya membuat sebuah controller yang mengarahkannya ke file view yang akan menjadi tampilan halaman error 404. untuk lebih jelasnya silahkan ikuti tutorial dibawah ini.
  1. Lahkah pertama adalah membuat file notfound.php pada folder controllers (nama file bisa disesuaikan keinginan anda).  
    Tutorial CodeIgniter 3 : Mengganti Tampilan Halaman Error 404 Page Not Found Di CodeIgniter
  2. Kemudian buat file notfoundview.php pada folder views (File ini akan menjadi tampilan untuk halaman error 404) . 
    Tutorial CodeIgniter 3 : Mengganti Tampilan Halaman Error 404 Page Not Found Di CodeIgniter
  3. Buka File notfound.php dan tulis source code dibawah ini. 
    Tutorial CodeIgniter 3 : Mengganti Tampilan Halaman Error 404 Page Not Found Di CodeIgniter
  4. Buka juga file notfoundview.php dan tulis source code sesuai tampilan yang di inginkan.
  5. Sekarang buka file routes.php yang berada pada folder config. 
    Tutorial CodeIgniter 3 : Mengganti Tampilan Halaman Error 404 Page Not Found Di CodeIgniter
  6. Cari $route['404_override'] = ''; ubah menjadi $route['404_override'] = 'notfound'; . Untuk lebih jelas perhatikan gambar dibawah ini. 
    Tutorial CodeIgniter 3 : Mengganti Tampilan Halaman Error 404 Page Not Found Di CodeIgniter
  7. Langkah terakhir silahkan di test dengan memasukan url yang menampilkan halaman eror 404. 
Sekian tutorial singkat dari cuma coder. Silahkan baca tutorial lainnya tentang Tutorial CodeIgniter 3 dari cuma coder. 

Thursday, June 23, 2016

Tutorial Install Gammu Terlengkap

Loading...


Apa itu Gammu ? Gammu adalah sebuah project , program atau aplikasi yang memuat script dan driver yang dapat mengatur beberapa fungsi telepon seluler atau sejenisnya. Gammu juga bekerja di dalam command line atau sebagai daemon tools. Oleh karena itu gammu harus di install terlebih dahulu. Berikut Tutorial Install Gammu . 


Download Gammu

Untuk mendapatkan file atau master instalasi kita bisa mendapatkan gammu secara gratis di web resminya . Silahkan download file master installasi gammu yang dipakai pada tutorial ini. Install Gammu .



Yang Harus Disiapkan Untuk Install Gammu
1. Modem yang support gammu. Daftar modem yang support gammu bisa dilihat di http://wammu.eu/phones.
2. XAMPP ( atau sejenisnya)
3. Gammu yang sudah didownload di atas.
4. Text Editor

Tutorial Install Gammu
1. Install driver modem terlebih dahulu .
2. Install XAMPP dan install text editor (Notepad ++  atau Sublime )
3. Ekstak file gammu yang sudah didownload . Copy ke drive c:\
4. Rename folder gammu yang sudah dicopy menjadi c:\gammu
5. Langkah berikutnya yaitu melakukan konfigurasi file gammurc dan smsdrc. Masuk ke direktori C:\gammu\share\doc\gammu\examples\config . Copy kedua file tersebut ke C:\gammu\bin .
6. Pertama kita konfigurasi gammurc-nya. Untuk membuka file ini gunakan aplikasi text editor (notepad++ atau Sublime). Untuk gammurc kita hanya mengubah konfigurasi pada bagian device dan connection. 
Konfigurasi Devie Gammu - Install Gammu
device kita sesuaikan dengan port modem pada komputer. Untuk melihat port modem, masuk ke Device Manager
Device Modem - Install Gammu
Untuk connection silahkan sesuaikan dengan modemnya masing masing . Bisa dilihat di http://wammu.eu/phones .
7. Langkah berikutnya kita melakukan pengecekan apakah konfigurasi modem sudah sesuai. Jalankan Command Prompt (Run As Administrator), kemudian ketikkan perintah berikut untuk masuk ke direktori C:\gammu\bin

cd c:\gammu\bin
Selanjutnya
gammu --identify

Jika Konfigurasinya berhasil akan menampilkan hasil seperti ini .
Idintify Device Modem - Install Gammu
8. Setelah modem sudah terkoneksi, maka selanjutnya tahap menyambungkan dengan database.

Buat database baru di localhost/phpmyadmin, Untuk contoh kali ini buat database dengan nama “gammu” .
Kemudian import database mysql.sql dari folder C:\gammu\share\doc\gammu\examples\sql
Dabatabase - Install Gammu
9. Selanjutnya kita lakukan konfigurasi pada file smsdrc. Jangan lupa hilangkan tanda # pada bagian yang dikofigurasi . Berikut konvigurasi device dan connection pada smsdrc gammu .
Konfigurasti smsdrc - Install gammu

Konfigurasi database di smsdrc gammu

Konfigurasi Database smsdrc - Install Gammu

10. Setelah konfigurasi smsdrc, selanjutnya install service gammu, bukan Command Promt lalu ketik: 

gammu-smsd –i –c smsdrc –n gammuSMSD

jika berhasil maka akan tampil pesan seperti berikut
Install Service - Install Gammu

Kemudian jalankan service gammu dengan perintah

gammu-smsd –s –c smsdrc –n gammuSMSD


jika berhasil maka akan tampil pesan seperti berikut

Start Service - Install Gammu

11. Setelah semuanya dilakukan, cobalah mengirim SMS ke nomor yang ada pada modem. Jika konfigurasi benar maka pesan atau SMS akan masuk ke database dan berada di tabel inbox.

Sekian tutorial Install Gammu. Semoga bisa diterapkan dan bisa bermanfaat. Terima kasih . 

Monday, June 6, 2016

Tutorial Membuat Login Facebook Dengan PHP

Loading...


Login facebook dengan PHP , kita dapat menggunakan facebook login pada website kita dengan menggunakan akun facebook pengguna untuk login ke website kita. Jadi kita kita tidak haru memmbutuhkan form resgistrasi dan manajemen pengguna pada web kita. Cukup kita memanfaatkan facebook login yang bisa di pantau pada halaman aplikasi facebook.

Pada tutorial kali ini cumacoder.com akan membahas bagaimana mengintegrasikan facebook login ke website kita dengan menggunakan Facebook PHP SDK , tutorial ini dilengkapi full source code yang bisa didownload pada akhir tutorial ini.

Membuat Facebook APP ID dan APP Secret.
Langkah Ke - 1 » Kunjungi https://developers.facebook.com/apps/ dan klik Tambahkan Sebuah Aplikasi Baru 
» Pilih Website
» Isi Nama Aplikasi Yang Akan Dibuat dan klik Create New Facebook App ID 
» Pilih kategori aplikasi dan klik Buat ID Aplikasi
» Dan Klik Skip Quick Start

Tutorial Membuat Login Facebook Dengan PHP


Tutorial Membuat Login Facebook Dengan PHP


Tutorial Membuat Login Facebook Dengan PHP

Langkah Ke - 2 » Pada menu Pengaturan, Kita isi form Domain Aplikasi ( Ex:www.cumacoder.com )  dan Email Kontak Selanjutnya klik Tambah Platform .
Tutorial Membuat Login Facebook Dengan PHP

Untuk Url Situs Silahkan Di isi Atau Boleh Dikosongkan
Tutorial Membuat Login Facebook Dengan PHP

Step 3 » Untuk Mengaktifkan Aplikasi silahkan klik Tinjauan Aplikasi, Dan klik tombol untuk mengaktifkan aplikasi .

Source Code File fbconfig.php

Step 4 » Silahkan download source code disini, Facebook Login PHP .


Step 5 » Silahkan buka file fbconfig.php dan masukan APP ID , Secret ID dan ubah nama domain. Seperti dibawah ini.


// init app with app id and secret
FacebookSession::setDefaultApplication( 'Your APP ID','Your APP Secret' );
// login helper with redirect_uri
    $helper = new FacebookRedirectLoginHelper('http://www.cumacoder.com/fbconfig.php' );

Your APP ID & Your Secret APP Secret : Ganti sesuai dengan aplikasi yang sudah kita buat di facebook .
Step 6 » Full Source Code File fbconfig.php. Silahkan baca baris komentar untuk info lebih detail.
<?php
session_start();
// added in v4.0.0
require_once 'autoload.php';
use Facebook\FacebookSession;
use Facebook\FacebookRedirectLoginHelper;
use Facebook\FacebookRequest;
use Facebook\FacebookResponse;
use Facebook\FacebookSDKException;
use Facebook\FacebookRequestException;
use Facebook\FacebookAuthorizationException;
use Facebook\GraphObject;
use Facebook\Entities\AccessToken;
use Facebook\HttpClients\FacebookCurlHttpClient;
use Facebook\HttpClients\FacebookHttpable;
// init app with app id and secret
FacebookSession::setDefaultApplication( 'Your APP ID','Your APP Secret' );
// login helper with redirect_uri
    $helper = new FacebookRedirectLoginHelper('http://www.cumacoder.com/fbconfig.php' );
try {
  $session = $helper->getSessionFromRedirect();
} catch( FacebookRequestException $ex ) {
  // When Facebook returns an error
} catch( Exception $ex ) {
  // When validation fails or other local issues
}
// see if we have a session
if ( isset( $session ) ) {
  // graph api request for user data
  $request = new FacebookRequest( $session, 'GET', '/me' );
  $response = $request->execute();
  // get response
  $graphObject = $response->getGraphObject();
      $fbid = $graphObject->getProperty('id');              // To Get Facebook ID
      $fbfullname = $graphObject->getProperty('name'); // To Get Facebook full name
     $femail = $graphObject->getProperty('email');    // To Get Facebook email ID
 /* ---- Session Variables -----*/
     $_SESSION['FBID'] = $fbid;           
        $_SESSION['FULLNAME'] = $fbfullname;
     $_SESSION['EMAIL'] =  $femail;
    /* ---- header location after session ----*/
  header("Location: index.php");
} else {
  $loginUrl = $helper->getLoginUrl();
 header("Location: ".$loginUrl);
}
?>
Source Code File logout.php
file Logout.php digunakan untuk mengahpus sesi login Facebook dan meneruskannya ke halaman utama website kita


Step 7 » Silahkan input halaman utama setelah 
<?php 
session_start();
session_unset();
    $_SESSION['FBID'] = NULL;
    $_SESSION['FULLNAME'] = NULL;
    $_SESSION['EMAIL'] =  NULL;
header("Location: index.php");        // you can enter home page here ( Eg : header("Location: " ."http://www.cumacoder.com"); 
?>

Source Code File index.php

Step 8 » Pada halaman index ini kita bisa mengatur apa yang akan tampil setelah login dengan facebook dan sebelum login dengan facebook .
Full Source Code index.php .
<?php
session_start(); 
?>
<!doctype html>
<html xmlns:fb="http://www.facebook.com/2008/fbml">
  <head>
    <title>Login with Facebook</title>
<link href="http://www.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet"> 
 </head>
  <body>
  <?php if ($_SESSION['FBID']): ?>      <!--  After user login  -->
<div class="container">
<div class="hero-unit">
  <h1>Hello <?php echo $_SESSION['USERNAME']; ?></h1>
  <p>Welcome to "facebook login" tutorial</p>
  </div>
<div class="span4">
 <ul class="nav nav-list">
<li class="nav-header">Image</li>
 <li><img src="https://graph.facebook.com/<?php echo $_SESSION['FBID']; ?>/picture"></li>
<li class="nav-header">Facebook ID</li>
<li><?php echo  $_SESSION['FBID']; ?></li>
<li class="nav-header">Facebook fullname</li>
<li><?php echo $_SESSION['FULLNAME']; ?></li>
<li class="nav-header">Facebook Email</li>
<li><?php echo $_SESSION['EMAIL']; ?></li>
<div><a href="logout.php">Logout</a></div>
</ul></div></div>
    <?php else: ?>     <!-- Before login --> 
<div class="container">
<h1>Login with Facebook</h1>
           Not Connected
<div>
      <a href="fbconfig.php">Login with Facebook</a></div>
      </div>
    <?php endif ?>
  </body>
</html>

Menyimpan Data User
» Kita Bisa menyimpan data user ke dalam database. Untuk itu silahkan buat struktur tabel seperti berikut: .
CREATE TABLE IF NOT EXISTS `Users` (
  `UID` bigint(20) unsigned NOT NULL AUTO_INCREMENT,
  `Fuid` varchar(100) NOT NULL,
  `Ffname` varchar(60) NOT NULL,
  `Femail` varchar(60) DEFAULT NULL,
  PRIMARY KEY (`UID`)
);

» Buka dbconfig.php dan sesuaikan dengan settingan database kita.
<?php
define('DB_SERVER', 'localhost');
define('DB_USERNAME', 'root');    // DB username
define('DB_PASSWORD', '');    // DB password
define('DB_DATABASE', 'fblogin');      // DB name
$connection = mysql_connect(DB_SERVER, DB_USERNAME, DB_PASSWORD) or die( "Unable to connect");
$database = mysql_select_db(DB_DATABASE) or die( "Unable to select database");
?>

» File functions.php merupakan fungsi yang bertugas untuk menyimpan data user ke database.
<?php
require 'dbconfig.php';
function checkuser($fuid,$ffname,$femail){
     $check = mysql_query("select * from Users where Fuid='$fuid'");
 $check = mysql_num_rows($check);
 if (empty($check)) { // if new user . Insert a new record  
 $query = "INSERT INTO Users (Fuid,Ffname,Femail) VALUES ('$fuid','$ffname','$femail')";
 mysql_query($query); 
 } else {   // If Returned user . update the user record  
 $query = "UPDATE Users SET Ffname='$ffname', Femail='$femail' where Fuid='$fuid'";
 mysql_query($query);
 }
}?>

Untuk Source Code Dan Database, Silahkan Download dibawah ini . Semoga Tutorial Ini bisa bermanfaat .