Wednesday, January 5, 2022

Mendapatkan Informasi IP Address Pengunjung Web Dengan PHP - PHP IP Address

Loading...

 


Selamat datang kembali ke cumacoder.com , pada kesempatan kali ini kita akan membahas mengenai cara Menpatatkan Informasi IP Address Pengunjung Web Dengan PHP.  

Mendapatkan Informasi IP Address Pengunjung Web Menggunakan PHP  Dalam Satu Baris Kode.


 <?php  
   $ipAddress = $_SERVER['REMOTE_ADDR'];  
 ?>  

$_SERVER adalah array PHP yang diatur oleh server. Ada kemungkinan value ini belum di set atau ditetapkan. Perlu kita ketahui juga, baha header ini dapat dengan mudah dipalsukan oleh pengguna atau pengunjung dengan mengatur sendiri alamat IP. 

PHP IP Address

Berikut ini adalah script PHP yang sudah mencakup sebagian besar skenario yang bisa mengembalikan informasi IP Addres Pengunjung Atau Pengguna Yang Seharusnya . 


<?php  
 /**  
  * Gets IP address with PHP.  
  */  
 function getIpAddress()  
 {  
   $ipAddress = '';  
   if (! empty($_SERVER['HTTP_CLIENT_IP'])) {  
     // to get shared ISP IP address  
     $ipAddress = $_SERVER['HTTP_CLIENT_IP'];  
   } else if (! empty($_SERVER['HTTP_X_FORWARDED_FOR'])) {  
     // check for IPs passing through proxy servers  
     // check if multiple IP addresses are set and take the first one  
     $ipAddressList = explode(',', $_SERVER['HTTP_X_FORWARDED_FOR']);  
     foreach ($ipAddressList as $ip) {  
       if (! empty($ip)) {  
         // if you prefer, you can check for valid IP address here  
         $ipAddress = $ip;  
         break;  
       }  
     }  
   } else if (! empty($_SERVER['HTTP_X_FORWARDED'])) {  
     $ipAddress = $_SERVER['HTTP_X_FORWARDED'];  
   } else if (! empty($_SERVER['HTTP_X_CLUSTER_CLIENT_IP'])) {  
     $ipAddress = $_SERVER['HTTP_X_CLUSTER_CLIENT_IP'];  
   } else if (! empty($_SERVER['HTTP_FORWARDED_FOR'])) {  
     $ipAddress = $_SERVER['HTTP_FORWARDED_FOR'];  
   } else if (! empty($_SERVER['HTTP_FORWARDED'])) {  
     $ipAddress = $_SERVER['HTTP_FORWARDED'];  
   } else if (! empty($_SERVER['REMOTE_ADDR'])) {  
     $ipAddress = $_SERVER['REMOTE_ADDR'];  
   }  
   return $ipAddress;  
 }  
 echo "IP Address Pengguna: " . getIpAddress();  

Pencatatan IP Address bagi pengunjung web atau sistem yang kita buat juga merupakan hal wajib yang harus diketahui oleh developer karenaIP Address  juga merupakan data security yang sewaktu waktu bisa di manfaatkan demi keamanan web kita. Dengan mengetahui IP Address paling tidak kita mengetahui host atau penyedia layanan IP tersebut agar dapat melakukan trace atau pelacakan lebih lanjut. misal dengan mengakses salah satu website finder IP location : https://www.iplocation.net/ip-lookup, kita akan dapat mengetahui posisi layanan dari IP tersebut. Meskipun tidak dapat kita rincikan secara detail tetapi penyedia layanan akan tampil. 

Demikianlah tutorial mengenai Mendapatkan Informasi IP Address Pengunjung Web Dengan PHP ini, Semoga dapat dimanfaatkan dengan semaksimal mungkin dan mendukung project anda. Sekian terimakasih.

Monday, January 3, 2022

Tutorial PHP Multiple Image Upload Menggunakan Ajax + Source Code

Loading...

 

Tutorial PHP Multiple Image Upload Menggunakan Ajax + Source Code

Dalam tutorial kali ini kita akan membahas mengenai Upload Gambar lebih dari satu secara bersamaan menggunakan Ajax dan PHP. Atau yang lebih sering dicari dengan keyword Multiple Image Upload Using Ajax. Selain membahasa mengenai Multiple Image Upload, kita juga akan juga menampilkan hasil Multiple Image Uploade nya menggunakan ajax. Jadi Ketika Berhasil Upload, gambar akan di tampilkan di halaman utama.

Persiapan File

Dalam tutorial ini kita akan membuat 2 file PHP diantaranya :

  1. index.php
  2. upload.php
  3. folder images
Lebih lengkapnya seperti gambar dibawah ini :






Folder images nantinya akan menjadi lokasi penyimpanan File Gambar yang berhasil di Upload. File index.php sebagai form input , function ajax  dan menampilkan gambar yang berhasil di Upload . Sedangkan file upload.php akan menjadi proses upload file ke folder penyimpanan.

Membuat Form Input Multiple Image Upload 
Silahkan kita buka file index.php dengan menuliskan code berikut ini :

 <html>  
   <head>  
     <title>CumaCoder.Com - PHP AJAX Multiple Image Upload Using Ajax</title>  
   </head>  
   <body>  
   <form id="uploadForm" action="upload.php" method="post">  
     <div id="gallery">No Images in Gallery</div>  
     <div id="uploadFormLayer">  
     <p class="txt-subtitle">Upload Multiple Image:</p>  
     <p><input name="userImage[]" type="file" class="inputFile" /><p>  
     <p><input name="userImage[]" type="file" class="inputFile" /><p>  
     <p><input name="userImage[]" type="file" class="inputFile" /><p>  
     <p><input type="submit" value="Submit" class="btnSubmit" /><p>  
     </div>  
     </form>  
   </body>  
   <script src="https://code.jquery.com/jquery-2.1.1.min.js" type="text/javascript"></script>  
   <script type="text/javascript">  
   $("#uploadForm").on('submit',(function(e) {  
   e.preventDefault();  
   $.ajax({  
     url: "upload.php",  
     type: "POST",  
     data: new FormData(this),  
     contentType: false,  
     cache: false,  
     processData:false,  
     success: function(data){  
     $("#gallery").html(data);  
     },  
     error: function(){}            
   });  
   }));  
 </script>  
 </html>  
Pada baris code diatas, terdapat lebih dari 1 input file , ketika tombol submit di klick akan menjalankan function aJax yang akan mengarah ke file upload.php

Membuat Fungsi Multiple Image Upload Dengann PHP
Kita buka kembali file upload.php dan kita tuliskan baris kode berikut ini :
<?php  
 if(is_array($_FILES)) {  
 foreach ($_FILES['userImage']['name'] as $name => $value){  
 if(is_uploaded_file($_FILES['userImage']['tmp_name'][$name])) {  
 $sourcePath = $_FILES['userImage']['tmp_name'][$name];  
 $targetPath = "images/".$_FILES['userImage']['name'][$name];  
 if(move_uploaded_file($sourcePath,$targetPath)) {  
 ?>  
 <img src="<?php echo $targetPath; ?>" width="150px" height="180px" />  
 <?php  
 }}}}  
 ?>  
Dalam baris kode upload.php akan menjalankan fungsi untuk menyimpan atau Mengupload Multiple Image ke dalam folde images . Dan akan mereturn sebuah nilai untuk menampilkan Gambar Hasil Upload pada tampilan file index.php .
 

Friday, March 5, 2021

Aplikasi Penerimaan Siswa Baru Berbasis Web Dengan Verifikasi Berkas Online

Loading...

 


Aplikasi Penerimaan Siswa Baru Berbasis Web Dengan Verifikasi Berkas Online ini sangat cocok digunakan pada Pandemi Covid19 ini. Fitur utama aplikasi ini adalah calon siswa bisa mendaftar secara online dan mengirimkan berkas secara online, jadi calon siswa tidak perlu lagi mengumpulkan berkas secara langsung (tatap muka) ke sekolah yang di daftarkannya . 

DEMO

 ppdb.lahatupdate.com

DEMO ADMIN

 ppdb.lahatupdate.com/gerbang
Username Admin : cumacoder
Password : 123456

Fitur

  • Daftar Online
  • Kirim Berkas Online
  • Verifikasi Berkas Online
  • Export Data Pendaftar Ke Excel
Donasi
Jika anda berminat dengan aplikasi ini anda bisa mendapatkannya dengan cara DONASI ke kami. Besaran donasi tidak di tentukan, Berapun jumlah donasinya kami terima. Untuk informasi donasi bisa menghubungii kami melalui di No Whatsapp 085788967728

SCREENSHOOT
Halaman Depan
Halaman Depan


Halaman Form Biodata Pendaftar
Halaman Form Biodata Pendaftar


Halaman Form Pilihan Jurusan Pendaftar
Halaman Form Pilihan Jurusan Pendaftar


Halaman Form Input Nilai Pendaftar
Halaman Form Input Nilai Pendaftar



Halaman Form Input Data Prestasi Pendaftar
Halaman Form Input Data Prestasi Pendaftar


Halaman Upload Berkas Pendaftar
Halaman Upload Berkas Pendaftar


Bukti Pendaftaran
Bukti Pendaftaran


Halaman Admin

Konfigurasi Data Sekolah





Sunday, April 26, 2020

Aplikasi Pengumuman Kelulusan Berbasis Web Sederhana

Loading...
Pada kesempatan kali ini cumacoder.com akan berbagi aplikasi sederhana untuk pengumuman kelulusan, Aplikasi sederhana ini berbasis web dengan Framework CodeIgniter 3. Aplikasi pengumuman kelulusan ini bisa digunakan untuk  Informasi pengumuman Kelulusan  tingkat akkhir pada sekolah atau juga bisa digunakan sebagai pengumuman kelulusan Penerimaan Peserta Didik Baru.
Untuk Cek data kelulusan pada aplikasi ini bisa menggunakan No Peserta Ujian / Username UNBK . No Registrasi / No Pendaftaran PPDB. Aplikasi ini sudah dilengkapi dengan fitur import data kelulusan dari file Excel. 
Berikut ini tampilan aplikasinya :
Halaman Depan - Cek Kelulusan Dengan No Peserta / No Registrasi

Halaman Login Admin

Halaman Data Kelulusan

Halaman Pengaturan Data Sekolah / Konfigurasi Aplikasi

Halaman Import Data Kelulusan
Bagi anda yang membutuhkan aplikasi pengumuman kelulusan ini, bisa di download melalui link dibawah ini :
(Note : Password untuk adminnya HURUF KECIL SEMUA)

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.
>