Cara mengambil source video youtube (embed video)

pada artikel sebelumnya saya telah memposting artikel mengenai embed suara di souncloud, sekarang saya akan menullis hal yang sama akan tetapi mengenai video di youtube.

berikut ini kodenya

<iframe width="560" height="315" src="//www.youtube.com/embed/CaaoXrFh8ic" frameborder="0" allowfullscreen></iframe>

Cara mengambil source suara (embed) di souncloud

mungkin anda memiliki masalah mengenai hal membuat player sendiri pada website pribadi anda. jika kita menggunakan HTML5 bisa saja, hanya kendala pada berapa banyak memori yang akan kita gunakan jika kita menyimpan data tersebut pada website pribadi kita.

saya mengatasi hal itu dengan menggunakan media lain, yakni soundcloud.com. dimana awalnya kita memasukan file suara kita pada web soundcloud, lalu mengambil sourcenya.

berikut kodenya.

<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/99801295&amp;color=ff6600&amp;auto_play=false&amp;show_artwork=true"></iframe>

penjelasan :

src="" merupakan atribut atau letak file yang kita ambil.

selamat mencoba semoga bermanfaat

Papan Strategi Sepak Bola (android APK)

Silahkan bagi para couch, bisa mengatur formasi di gadget android kalian https://www.dropbox.com/s/l9oyixhbl4fdtat/PapanSepakBola.apk

JQuery Slider

Ini contoh Slider, hanya saja masih statis, silahkan dimodifikasi. untuk contohnya bisa diunduh pada link berikut https://www.dropbox.com/sh/1dyior79mk67060/tjhiqmt16k

Instalasi Gammu Di Windows

Untuk panduan instalasi Gammu bisa diunduh di laman berikut
https://www.dropbox.com/s/9pwplto72spb68t/Bab%20Install%20Gammu.docx , silahkan disedot ...

semoga bermanfaat

Paggination (Codeigniter)

Paggination ? ya sekarang saya akan membahas paggination. secara konsep sebetulnya sama saja dengan PHP biasa, hanya di CI telah disediakan library dan intinya lebih memudahkan kita. langsung saja borr.

buat database terlebih dahulu

create database latihan;

use latihan;

lalu buat table galerinya,

CREATE TABLE IF NOT EXISTS `galeri` (
  `id` int(3) NOT NULL AUTO_INCREMENT,
  `foto` varchar(100) NOT NULL,
  PRIMARY KEY (`id`)

) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;

sekarang waktunya konfigurasi database dan autoload.

buka file database.php pada folder application/config/database.php

$db['default']['hostname'] = 'localhost';

$db['default']['username'] = 'root';

$db['default']['password'] = '';

$db['default']['database'] = 'latihan';

$db['default']['dbdriver'] = 'mysql';

lalu buka file autoload.php pada folder application/config/autoload.php, cari baris kode berikut

$autoload['libraries'] = array('');

ubah menjadi

$autoload['libraries'] = array('database');

lalu cari kode

$autoload['helper'] = array('');

ubah menjadi

$autoload['helper'] = array('url','file','html','form');

setelah itu siapkan modelnya, berikut modelnya

galeri_model.php

1. <?php
2. 
   
3. class galeri_model extends CI_Model{
5. function view($table,$limit="", $start=""){
6. if(!empty($limit) || !empty($start)){
7. $q = "LIMIT $start,$limit";
8. }
10. $query=$this->db->query("select * from $table $q")->result();
11. return $query;
12. }
13. 
    
15. function hitung($table) {
16. return $this->db->count_all("$table");
17. }
19. }

simpan pada folder application/models, lalu buat controllernya.

galeri.php

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class Galeri extends CI_Controller {


public function index()
{
$this->load->model('galeri_model');
      $this->load->library('pagination');
       
           $config = array();
                $config["base_url"] = base_url() . "galeri/index";
                $config["total_rows"] = $this->galeri_model->hitung("galeri");
                $config["per_page"] = 1;
                $config["uri_segment"] = 3;
                
               

                $this->pagination->initialize($config);
                $page = ($this->uri->segment(3)) ? $this->uri->segment(3) : 0;
         
                $data["links"] = $this->pagination->create_links();  
                $data['view']=$this->galeri_model->view("galeri",$config["per_page"], $page);
   
                $this->load->view('view', $data);
            
       
         
}

}

$config["per_page"] = 1; maksudnya, kita menampilkan berapa data pada setiap halaman. simpan file tersebut pada folder application/controllers. lalu buat viewnya

view.php

1. 
   
2. <div >
3. <table >
4.     <tr>
5.         <td>Foto</td>
6.     </tr>
7.     
8.     <?php
9.         foreach($view as $data){
10.          ?>
11.              <tr>
12.         <td><?php echo $data->foto?></td>
13.     </tr>
14.     
15.         <?php
16.         }
17.     ?>
18. </table>
19. </div>
20. 
    
21. </div>
22. </div>
23. </div>
24. 
    
25. <?php if( ! empty($links)){ echo $links; } ?>

simpan pada folder application/views. yap sudah segitu bahasan mengenai paggination, semoga bermanfaat, jika masih kurang mengerti sila

                

Upload Gambar (Codeigniter)

Sekarang saya akan membahas mengenai upload file dicodeigniter. pada dasarnya sama saja alurnya dengan  upload pada PHP biasa. mungkin bahasa yang sedikit berbeda. yuk langsung ke masalahnya saja.

buat database terlebih dahulu

create database latihan;

use latihan;

lalu buat table galerinya,

CREATE TABLE IF NOT EXISTS `galeri` (
  `id` int(3) NOT NULL AUTO_INCREMENT,
  `foto` varchar(100) NOT NULL,
  PRIMARY KEY (`id`)

) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=1 ;

sekarang waktunya konfigurasi database dan autoload.

buka file database.php pada folder application/config/database.php

$db['default']['hostname'] = 'localhost';

$db['default']['username'] = 'root';

$db['default']['password'] = '';

$db['default']['database'] = 'latihan';

$db['default']['dbdriver'] = 'mysql';

lalu buka file autoload.php pada folder application/config/autoload.php, cari baris kode berikut

$autoload['libraries'] = array('');

ubah menjadi

$autoload['libraries'] = array('database');

lalu cari kode

$autoload['helper'] = array('');

ubah menjadi

$autoload['helper'] = array('url','file','html','form');

setelah itu siapkan modelnya, berikut modelnya

1. <?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
2. 
   
3. class Blog_model extends CI_Model {
4. 
   
5. function GetAll($query = ''){
6. return $this->db->query($query);
7. }
8. public function InsertData($table,$data){
9.  return $this->db->insert($table,$data); 
10.  }
11. }

simpan file tersebut pada folder application/models, lalu buat controllernya.

galeri.php

1. <?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
2. 
   
3. class Galeri extends CI_Controller {
4. 
   
5. function index(){
7. if($this->input->post("simpan")){
8. $this->load->library('upload');
10. //Nama Foto dirubah
11. $filename = 'gambar-'.trim(str_replace(" ","_","Foto")).'-'.date('dmYHis');
12.             
13. if($this->upload_gambar($filename) == FALSE){
14. echo $data['err_gambar'] = $this->upl_error;
15. }else{
16.                 
18. $x = array(
19. 'foto'=>$this->upl_name,
21. $result = $this->blog_model->InsertData('galeri',$x);
23. }
24. }
25. $data = array(
26. 'galeri' =>$this->blog_model->GetAll("select * from galeri")->result_array()
28. );
29. $this->load->view('galeri',$data);
31. }
33. function upload_gambar($filename){
34.         $config['upload_path']    = "./gambar/";
35.         $config['allowed_types']  = 'jpg|jpeg|png|gif';
36.         $config['max_size']       = '2000';
37.         $config['max_width']      = '2000';
38.         $config['min_width']      = '2000';
39.         $config['file_name']      = $filename;
40. 
    
41.         $this->upload->initialize($config);
42.         if( ! $this->upload->do_upload('gambar')){
43.             $this->upl_error = $this->upload->display_errors('','');
44.             return FALSE;
45.         }else{
46.             $data['upload'] = $this->upload->data();
47.             $this->upl_name = $data['upload']['file_name'];
48.             return TRUE;
49.         }
50.     }
51. }

function upload_gambar merupakan fungsi yang digunakan untuk memindahkan gambar pada folder kita, pada fungsi tersebut terdapat kode    $config['upload_path']    = "./gambar/"; kode tersebut menandakan foto akan dipindahkan pada folder gambar, oleh karena itu buat folder gambar pada folder root sejajar dengan folder application.

setelah itu buat file viewnya

galeri.php

1. <?php echo form_open_multipart('galeri') ?>
2. 
   
3. <table>
4. <tr>
5.     <td>Pilih Gambar</td>
6.     <td><input type="file" name="gambar"/></td>
7. </tr>
8. 
   
9. <tr>
10.     <td></td>
11.     <td><input type="submit" name="simpan" value="Simpan"/></td>
12. </tr>
13. 
    
14. 
    
15.     
16. </table>
17. 
    
18. <hr/>
19. 
    
20. <?php echo form_close();?>
21. 
    
22. <?php foreach($galeri as $c){ ?>
23.     <table style="float:left" class="table">
24. <tr>
25.             <td colspan="2"><?php echo $c['judul']?></td> 
26.         </tr>
27. <tr>
28.             <td><img src="<?php echo base_url()?>gambar/<?php echo $c['foto']?>" width="200"/></td>
29.         
30.         </td> 
31.         </tr>
32.     </table>
33. <?php } ?>

ya sekian ulasan mengenai upload, semoga bermanfaat, jika ada yang kurang jelas silahkan komentar saja :D

Log In (Codeigniter)

Pada artikel terdahulu penulis telah mencoba membuat log in, hanya saja dengan PHP manual. pada kesempatan kali ini penulis akan mencoba membuat log in menggunakan Codeigniter. Request mas siswo, semoga membantu anda mas :) .

pertama buat database, berikut querynya

create database latihan;

use latihan;

lalu buat table users yang akan digunakan untuk log in. berikut query dari table users

CREATE TABLE IF NOT EXISTS `users` (
  `email` varchar(80) NOT NULL,
  `password` varchar(40) NOT NULL,
  PRIMARY KEY (`email`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

INSERT INTO `users` (`email`, `password`) VALUES
('admin', '21232f297a57a5a743894a0e4a801fc3');

sekarang waktunya konfigurasi database,config dan autoload.

buka file database.php pada folder application/config/database.php

1. $db['default']['hostname'] = 'localhost';
2. $db['default']['username'] = 'root';
3. $db['default']['password'] = '';
4. $db['default']['database'] = 'latihan';
5. $db['default']['dbdriver'] = 'mysql';

lalu buka file config.php pada folder application/config/config.php, cari baris kode berikut

$config['encryption_key'] = '';

isikan kata apapun pada kutip tersebut, contoh 

$config['encryption_key'] = 'deden';

lalu buka file autoload.php pada folder application/config/autoload.php, cari baris kode berikut

$autoload['libraries'] = array('');

ubah menjadi

$autoload['libraries'] = array('session','database');

setelah itu siapkan modelnya, berikut modelnya

user_model.php

1. <?php
2. class User_Model extends CI_Model
3. {
4.     
5.     function __construct(){
6.         parent::__construct();
7.     }
8.     
9. function masuk($email,$password){
10.         $query=$this->db->query("select * from users where email='$email' and password='$password'");
11.         return ($query->num_rows()>0) ? $query->row() : FALSE;
12. }
13. 
    
14. }

simpan file tersebut pada folder application/models, lalu buat controllernya.

login.php

1. <?php if (! defined('BASEPATH')) exit('No direct script access allowed');
2. 
   
3. class Login extends CI_Controller {
4. 
   
5. function index(){
6.     $this->load->view('login');
7. }
8. 
   
9. function masuk(){
10.     
11.     $this->load->model('user_model');
12.      $password   =   md5($this->input->post('password'));
13.      $email   =   $this->input->post('email');
14.     $query = $this->user_model->masuk($email,$password);
15.  if($query==TRUE){
16.        $level = $this->user_model->detail($email);
18.        $data = array('username' => $email);
19.        $this->session->set_userdata($data);
20.        redirect('admin');      
21.    }else{
22.        $this->index();     
23.    } 
24. 
    
25. }
26. 
    
27. 
    
28. function logout(){
29. $this->session->sess_destroy(); 
30.     $this->index();     
31.   
33. }
34. 
    
35. }

function masuk digunakan untuk mengatur log in, atau verifikasi user dan password sedangkan fungsi logout digunakan untuk membuat fungsi keluar/ menghapus session.

simpan file tersebut pada folder application/controllers. lalu buat file untuk form log in. berikut kodenya

login.php

1. <h3><span></span> Login Admin<h3>
2. 
   
3. <?php echo form_open('login/masuk'); ?>
4. 
   
5. <div style="font-size: 15px;">
6. <div>
7.   <div>
8.     <label >Email</label>
9.     <input name="email" type="text" placeholder="Masukan Email"/> 
10.   </div>
11.   <di>
12.     <label >Password</label>
13.     <input name="password" type="password" placeholder="Masukan Password"/>
14.   </div>
15. </div>
16.   <div><button type="submit" >Login</button></div>
17. </div>
19. <?php echo form_close();?>

simpan file tersebut pada folder application/views, lalu buat satu halaman untuk halaman adminnya.

admin.php

1. Selamat Datang di halaman admin
2. <a href="<?php echo base_url()?>login/logout">Log Out</a>

simpan file tersebut pada folder application/views.

Halaman Login

Ketika log in berhasil

setelah logout halaman kembali ke halaman admin

yap sekian ulasan mengenai log in di codeigniter, semoga bermanfaat , jika ada masalah silahkan di komen saja ..... 

Membuat Detail Berita Dengan Codeigniter

 Gambar Detail Biodata

ya ini request-an dari ade kelas bung marvin, semoga bisa membantu.

Pada kasus kali ini penulis membuat sebuah database dengan nama latihan dan sebuah table dengan nama biodata. berikut SQLnya

Ini digunakan untuk membuat sebuah database

CREATE DATABASE IF NOT EXISTS `latihan` DEFAULT CHARACTER SET latin1 COLLATE latin1_swedish_ci;
USE `latihan`;

ini digunakan untuk membuat table

CREATE TABLE IF NOT EXISTS `biodata` (
  `id` int(10) unsigned NOT NULL AUTO_INCREMENT,
  `nama` varchar(80) DEFAULT NULL,
  `alamat` varchar(100) DEFAULT NULL,
  `jenis_kelamin` varchar(2) DEFAULT NULL,
  `tgl_lahir` date DEFAULT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=3 ;

Ini digunakan untuk menginput data

INSERT INTO `biodata` (`id`, `nama`, `alamat`, `jenis_kelamin`, `tgl_lahir`) VALUES
(1, 'Deydra Novitasari', 'Bandung', 'P', '1995-11-27'),
(2, 'Deden Hendra Permana', 'Bandung', 'L', '1994-11-29');

database telah siap digunakan, sekarang harus ada file CI yang dikonfigurasi, pertama ubah file pada folder application/config/autoload.php cari baris kode berikut

$autoload['libraries'] = array('');

ubah menjadi

$autoload['libraries'] = array('database');

simpan file, lalu file application/config/routes.php cari file berikut

$route['default_controller'] = "welcome";

ubah menjadi

$route['default_controller'] = "biodata";

simpan file berikut lalu buka application/config/database.php, cari kode berikut

$db['default']['hostname'] = 'localhost';
$db['default']['username'] = '';
$db['default']['password'] = '';
$db['default']['database'] = '';
$db['default']['dbdriver'] = 'mysql';

ubah menjadi

$db['default']['hostname'] = 'localhost';
$db['default']['username'] = 'root';
$db['default']['password'] = '';
$db['default']['database'] = 'latihan';
$db['default']['dbdriver'] = 'mysql';

penjelasan :

    file autoload merupakan file yang berfungsi untuk meload library yang telah disediakan oleh CI
    file routes merupakan file yang digunakan untuk mengatur controller mana yang akan pertama kita load, pada kasus ini kita meload controller biodata
    file database merupakan file yang digunakan untuk mengatur koneksi database.

setelah selesai konfigurasi, pertama yang harus dibuat adalah model, model sendiri merupakan file yang bertugas mengatur interaksi dengan  database seperti insert,edit,delete,view atau bahasa kerennya sekarang CRUD (create,read,update,delete).

biodata_model.php

<?php
class Biodata_Model extends CI_Model
{
   
function view_all(){
    $query = $this->db->query("SELECT id,nama FROM biodata");
    return ($query->num_rows() > 0)? $query->result():FALSE;
}

function view_by($id){
    $query = $this->db->query("SELECT * FROM biodata where id='$id'");
    return ($query->num_rows() > 0)? $query->result():FALSE;
}

}

simpan file tersebut pada folder application/models dengan nama biodata_model.php, setelah itu buat controller nya

biodata.php

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');

class Biodata extends CI_Controller {

    public function index()
    {
        $this->load->model('biodata_model');
        $data['biodata']    =   $this->biodata_model->view_all();
        $this->load->view('biodata_view',$data);
    }
   
       public function detail($Id)
    {
        $this->load->model('biodata_model');
        $data['biodata']    =   $this->biodata_model->view_by($Id);
        $this->load->view('biodata_detail',$data);
    }
}

simpan pada folder application/controllers  dengan nama biodata.php

penjelasan :

    function index() merupakan fungsi yang digunakan untuk menampilkan semua data
    function detail() merupakan fungsi yang digunakan untuk menampilkan detail dat

yang terakhir adalah membuat tampilannya

biodata_view.php

<h3>Data Biodata</h3>

<?php
    if(!empty($biodata)){//JIKA DATA TIDAK KOSONG
        ?>
            <table>
                <tr>
                    <td>ID</td>
                    <td>Nama</td>
                    <td>Aksi</td>
                </tr>
        <?php
        foreach($biodata as $data){
        ?>
                <tr>
                    <td><?php echo $data->id?></td>
                    <td><?php echo $data->id?></td>
                    <td><a href="index.php/biodata/detail/<?php echo $data->id?>">Lihat Detail</a></td>
                </tr>
        <?php
        }
        ?>
            </table>
        <?php
    }else{//JIKA DATA KOSONG
        echo "Data kosong";
    }
?>

simpan pada folder application/views dengan nama biodata_view.php. lalu buat file view detailnya

biodata_detail.php

<h3>Detail Biodata</h3>

<?php
    if(!empty($biodata)){//JIKA DATA TIDAK KOSONG
       
        foreach($biodata as $data){
        ?>
        <table>
                <tr>
                    <td>ID</td>
                    <td><?php echo $data->id?></td>
                </tr>
                <tr>
                    <td>Nama</td>
                    <td><?php echo $data->nama?></td>
                 </tr>
                <tr>
                    <td>Jenis Kelamin</td>
                    <td><?php echo $data->jenis_kelamin?></td>
                 </tr>
                <tr>
                    <td>Alamat</td>
                    <td><?php echo $data->alamat?></td>
                 </tr>
               
            </table>
        <?php
        }
    }else{//JIKA DATA KOSONG
        echo "Data kosong";
    }
?>

simpan file tersebut pada folder yang sama. selesailah sampai disini, semoga bermanfaat smiley

bila ada keluhan silahkan komen saja

Menampilkan Nominal Rupiah Otomatis

Kasus yang akan kita bahas adalah menampilkan otomatis harga rupiah dalam jutaan . sample kita mempunyai variable 200000000 (Dua puluh juta) , kita ingin menampilkan jadi Rp. 20.000.000,00,- . nah bagaimana kah cara menangani itu ?

saya menggunakan fungsi substr() untuk memotong per angkanya
 langsung saja ke kasusnya


harga.php
<?php
$uang    =    10000000000;
$itung    =    strlen($harga);
if($itung==8){
    $puluhjuta    = substr($harga,0,2);
    $juta    = substr($harga,2,3);
    $ribu    = substr($harga,4,3);
       
    $fixharga    = "Rp ".$puluhjuta.".".$juta.".".$ribu.".00,-";           
}
?>

semoga bermanfaat dan berguna , selamat mehape :)

Menghitung Jumlah Data Pada Sebuah Table

Request-an dari mang dede Trian , bagaimana agar dapat menampilkan tulisan Data Kosong  jika data pada table kosong atau tidak ada .

Disini saya akan menggunakan fungsi dari php yang berfungsi untuk mengetahui jumlah data pada sebuah table , yaitu mysql_num_rows();

Langsung saja ke kasusnya :)

pertama buat terlebih dahulu database beserta table kosong yang akan kita gunakan

berikut scriptnya

 create database latihan ;

use latihan;

create table tes (id varchar(5) primary key,nama varchar(20));

nah cukup segitu saja , tidak usah disi , karena kasusnya kita ingin menampilkan teks jika data kosong , langsung saja buat viewnya

<?php
mysql_connect('localhost','root','');
mysql_select_db('latihan');

$sql = "select * from tes";
$query= mysql_query($sql);



//fungsi ini yang berfungsi mengetahui jumlah data
$jumlah=mysql_num_rows($query);

//jika data tidak ada atau kosong , 
if($row==0) {
//maka ini yang ditampilkan
 echo "Data kosong";
}else{
//jika data ada maka jumlah yang ditampilkan , atau bisa di modif dengan memunculkan data (membuat view)

echo $jumlah;
}
?> 

nah itu cara buat mengetahui jumlah data pada sebuah table. semoga bermanfaaat selamat ngoding #mehape 

User Guide / Panduan

karena ujikom kita juga harus membuat user guide , yah ini saya coba bantu . user guide bikinan temen saya , mang ilham . semoga membantu dan berguna

silahkan download disini
http://www.4shared.com/file/jrji-_In/Isi.html

Mendalami Event Change (Database)

Semoga artikel ini dapat sedikit memberi pencerahan buat bang waka , pada artikel ini saya akan membahas lagi mengenai JQuery  dan Ajax . Kasus sekarang , saya akan mengambil record dengan combo box yang nantinya isi record akan pinda ke textbox . yo #mehape aja langsung

Pertama buat database , prepare dan tablenya

CREATE TABLE IF NOT EXISTS `kode` (
  `kode` varchar(3) NOT NULL,
  `nama` varchar(20) NOT NULL,
  PRIMARY KEY (`kode`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1;




lalu isi table tersebut

INSERT INTO `kode` (`kode`, `nama`) VALUES
('K01', 'Coba'),
('K02', 'Tes');

 kalo  belum ada plugin jquerynya silahkan download dulu disini  http://www.4shared.com/document/a7xL0t1l/Plugin.html

setelah itu buat form nya

form.php
<html>
<head>
<title>Get Value With Combo</title>
<script type="text/javascript" src="Plugin.js"></script>
<script type="text/javascript" >
$(document).ready(function(){
    $("#combo").change(function(){       
        var combo    =    $("#combo");
        $.ajax({
            type    :    "POST",
            url    :    "ambil_combo.php",
            data    :    "kode="+combo.val(),
            success    :    function(data){
                $("#isi").val(data);   
            }

        });
    });
});
</script>

</head>
<body>

<?php
mysql_connect('localhost','root','');
mysql_select_db('prepare');

$sql        =    "select * from kode order by nama asc";
$query    =    mysql_query($sql);
?>

<select id="combo">
<?php
    while($array=mysql_fetch_array($query)) {
        ?>
        <option value="<?php echo $array[0];?>"><?php echo $array[1];?></option>
        <?php
    }
?>
</select>

<input type="text" id="isi">
</body>
</html>

combo box tersebut datanya dinamis , jika isi table di tambah maka combo box pun akan bertambah . selanjutnya buat satu file untuk mengambil data yang sesuai dengan combo box yang kita pilih

ambil_combo.php
<?php
mysql_connect('localhost','root','');
mysql_select_db('prepare');

$sql        =    "select * from kode where kode='$_POST[kode]'";
$query    =    mysql_query($sql);
$array    =    mysql_fetch_array($query);

echo $array[0];
?>

 nah selesai lah sampai disini , data yang keluar adalah data yang dipilih sesuai dengan kode , selamat #mehape dan semoga bermanfaat

Memanfaatkan Satu Index

Pada artikel ini saya akan membahasa tentang , bagaimana kita menggunakan satu file utama yang bisa kita gunaka untuk content yang lain , kasarnya seperti ini . saya mempunyai satu design yang akan saya gunakan untuk banyak content .

Langsung saja ke kasusnya , pertama buat lah file index.php

<html>
<head>
<title>amazing</title>
</head>
 <body>
<div><a href="?page=home">Home </a> <a href="?page=profile">Profile </a></div>
<div><?php include "managecontent.php";?></div>
</body>
</html>

nah pada div kedua , saya memasukan managecontent.php , file ini lah yang akan berguna untuk mengatur content yang akan ditampilakn pada browser ,  berikut code dari managaecontent.php

<?php
if(isset($_GET['page'])){
        $page = $_GET['page'];
}else{
        $page = "home";
}

switch($page){

 case "home":
include "home.php";
 break;


 case "profile":
include "profile.php";
 break;

}

?>

nah pada file tersebut , kita melakukan pengecekan dulu , apakah pada url ada parameter page  atau tidak , dan ada pemilihan untuk menentukan contentnya . pada contoh diatas jika hasil page adalah home , maka content yang dimasukan adalah home.php dan jika profile maka profile.php yang akan dimasukan


buatlah file home.php

ini adalah home

buatlah file profile.php

ini adalah profile

 mungkin hanya ini saja yang bisa saya bahas , dan untuk mang waka semoga ujikomnya lancar , selamat mengoding

Cek Tipe Dan Ukuran File Sebelum Di Upload

Sekarang saya akan membahas tentang validasi upload , karena pada proses upload php , semua file bisa di upload langsung . nah permasalahannya , ketika kita hanya ingin mengupload file foto saja bagaimana?

Sederhana saja , nanti saya kan menggunakan fungsi dari php , seperti explode() . fungsi ini berguna untuk memisahkan karakter dengan parameter tertentu

contoh

<?php
$nama="deden.hendra";
$hasil=explode('.',$nama);
echo $hasil[0];
?>

dari code tersebut , akan muncul deden saja , karena kita memanggil array dari hasil pemisahan karakter tersebut , hasil dari pengexlode-an akan menjadi array , langsung aja kita ke kasus uploadnya

saya akan membuat sebuah form , yang nantinya hanya bisa mengupload file extensi png,jpg/jpeg saja dengan ukuran maksimal 1MB .

Langkah pertama buatlah formnya

form.php

<form method="post" action="proses_upload.php" enctype="multipart/form-data">
    <input type="file" name="foto">
    <input type="submit" value="Upload">
</form>

perhatikan

atribute enctype jangan sampai terlupakan , karena jika tida ada itu upload pun tak akan jadi

sekarang buat proses untuk uploadnya

proses_upload.php
<?php
$folder    =    "foto/";

$max        =    10000;

$foto        =    $_FILES['foto']['name'];
$tipe        =    $_FILES['foto']['type'];
$size        =    $_FILES['foto']['size'];

$pindah    =    $folder.$foto;

$tipe_baru    =    explode('.',$foto);

$hasil_pecah_tipe    =    $tipe_baru[1];

if($hasil_pecah_tipe=="png" || $hasil_pecah_tipe=="jpg" || $hasil_pecah_tipe=="jpeg"){
    if($size>$max){
        echo "Data terlalu besar,maximal 1MB";   
    }else{
        echo "File berhasil di upload";           
        move_uploaded_file($_FILES['foto']['tmp_name'], $pindah);
    }   
}else{
    echo "Data yang bisa diupload hanya png dan jpg";   
}
echo $hasil_pecah_tipe;
?>

penjelasan :

  1. $folder adalah tempat yang akan kita gunakan di folder kita untuk menyimpan file yang akan kita upload
2.$tipe_baru nah variable ini yang berperan dalam pengecekan tipe file
3.$max merupakan ukuran maksimal yang saya tentukan untuk nanti proses penguploadan

yah itulab pembahasan pada artikel sekarang , semoga bermanfaat dan selamat mengoding :D

Searching Data Ala Facebook

Sekarang kita akan membahas tentang searching data , sekarang situs-situs terkenal sudah menggunakan cara yang sangat efektif dan efisien dalam segi waktu , seperti google . Pada situs google , kita hanya dengan memasukan karakter pada textbox ,otomatis data yang kita cari akan muncul .

Silahkan download database nya terlebih dahulu jika agan-agan belum ada database nya
 http://www.4shared.com/document/OY5UeaQp/motor_1_.html?

dan langkah selanjutnya download dulu plugin JQuerynya di http://www.4shared.com/document/a7xL0t1l/Plugin.html

simpan file jquery di folder kerja kita , pertama buat file formnya terlebih dahulu seperti berikut


<html>
<head>
<title>Search with JQuery</title>
<script type="text/javascript" src="Plugin.js"></script>
<script type="text/javascript" >
$(document).ready(function(){
$("#kata").keyup(function(){
var kata = $("#kata");
$.ajax({
type : "POST",
url : "search.php",
data : "kata="+kata.val(),
success : function(data){
$("#hasil").html(data);
}
});
});
});
</script>

</head>
<body>
<input type="text" id="kata">
<div id="hasil">
</body>
</html>

Penjelasan kode :

1. $("#kata").keyup(function())
fungsi ini berguna untuk menjalankan event ketika kita mengetikan karakter di textbox yang memiliki id kata


2.$.ajax({
type : "POST",
url : "search.php",
data : "kata="+kata.val(),
success : function(data){
$("#hasil").html(data);
}
});


-type berguna untuk method yang akan kita gunakan
-url merupakan file yang akan kita gunakan untuk proses ajax/pertukaran data
-data merupakan inputan yang akan kita kirim pada url
-success , jika kita berhasil maka data akan dikirim ke url dan div hasil akan berubah sesuai dengan isi yang ditentukan pada file search.php

sekarang buat file search.php,berikut codenya


<html>
<head>
<title></title>
<style type="text/css">
#hasil{
border:1px solid blue;
background-color: cyan;
width: 200px;
}
</style>
</head>
<body>
<?php
mysql_connect('localhost','root','');
mysql_select_db('motor');


$kata = $_POST['kata'];

$sql = "select * from motor where Nama like '%$kata%'";
$query= mysql_query($sql);
$row = mysql_num_rows($query);

if($row==0){
echo "hasil tidak ada";
}else{
while($array=mysql_fetch_array($query)){
echo "<div id=hasil>".$array['Nama'];
echo "<img src='motor/$array[Gambar]'></div>";
}
}
?>

</body>
</html>

penjelasan code :

1.$kata = $_POST['kata'];

variable tersebut merupakan variable yang di bawa dari file formnya

2.$sql = "select * from motor where Nama like '%$kata%'";

memanggil data berdasarkan nama yang sesuai dengan karakter yang kita inputkan

maka tampilannya akan seperti berikut

pada data saya , terdapat motor dengan nama mx , selamat mencoba dan semoga bermanfaat

memecah karakter dengan substr()

substr(karakter,posisi awal karakter,jumlah yang akan diambil dari karakter)

substr() merupakan fungsi yang berguna untuk memecah karakter , berikut cara penggunaan fungsi tersebut

<?php

$kataawal="saya suka ngoding";

///jika ingin ambil kata saya saja,seperti berikut

$saya($kataawal,0,4);

//angka 0 diatas merupakan awal dari huruf , perhitungannya sama seperti array dimulai dari 0

echo $saya;

?>

itu contoh sederhana dari substr , semoga bermanfaat dan selamat mengaplikasikan

strlen() , apakah itu?

jarang orang menggunakan fungsi ini , padahal ini bsa kita gunakan dalam beberapa kasus , seperti : validasi register . contoh saja pada facebook , saat daftar kita di haruskan minimal mengisi 6 karakter . nah dari situlah fungsi ini bisa berguna .

strlen() merupakan fungsi dari php yang berguna untuk menghitung jumlah karakter , contoh

<?php

$kata="deden";

$jumlah=strlen($kata);

echo $jumlah;

?>

maka hasil dari code tersebut akan menampilkan jumlah karakter yang berada pada variable kata yaitu 5 karakter , itu fungsi dari strlen() . semoga berguna dan selamat mengaplikasiakan

Sample HTML2PDF

monggo langsung di download aja , selamat menikmati http://www.4shared.com/zip/USm3g7ka/htmlpdf.html?

Report PDF dengan HTML2PDF

monggo di download aja disini http://www.4shared.com/zip/RgJkh8qq/html2pdf.html?

extract , dan buka ada folder Example , silahkan di ulik disitu udah ada panduannya , kita hanya menggunakan tag html saja , buka file about.php ,

<?php     ob_start();
//buka folder res , dan buka file about , itulah tag yang akan dijadikan report    
include(dirname('__FILE__').'/res/about.php');
    $content = ob_get_clean();

    try
    {
        $html2pdf = new HTML2PDF('P', 'A4', 'fr', true, 'UTF-8', array(0, 0, 0, 0));
        $html2pdf->pdf->SetDisplayMode('fullpage');
        $html2pdf->writeHTML($content, isset($_GET['vuehtml']));
        $html2pdf->createIndex('Sommaire', 30, 12, false, true, 2);
        $html2pdf->Output('about.pdf');
    }
    catch(HTML2PDF_exception $e) {
        echo $e;
        exit;
    }

Unik Auto Increment :)

Semakin dekat dengan ujikom , semoga tulisan singkat ini berguna buat agan-agan pengguna website . Saya disini akan sedikit memberi gambaran bagaimana buat unik auto increment . Biasanya kita menggunakan type integer untuk membuat AI(Auto Increment) dan hasilnya biasanya , hanya berupa angka saja , nah sekarang kita akan membuat sebuah suatu AI dengan menggabungkan angka dan huruf .


Saya disini , nganalis database untuk yang menggunakan database motor ,
silahkan download terlebih dahulu disini http://www.4shared.com/document/OY5UeaQp/motor_1_.html?

saya akan menggunakan database tersebut untuk membuat artikel-artikel selanjutnya , silahkan dump terlebih dahulu hingga tampilan seperti berikut .

pada artikel ini saya akan menggunakan table motor untuk membuat unik AI nya, berikut kode dan penjelasannya

auto.php
 <?php
mysql_connect('localhost','root','');
mysql_select_db('motor');

$sql    =    "select * from motor order by KodeMotor desc limit 1";
$query=    mysql_query($sql);
$jumlah    =    mysql_num_rows($query);
   

//Jika data kosong akan tampil N0001
if($jumlah==0){
    $kode    =    "N0001";   
}else{
//Jika ada , ambil data terakhir sesuai query diatas dan ambil angka terahir dari data diatas

$data    =    mysql_fetch_array($query);
$kodedatabase    =    $data[0];

//menghitung jumlah karakter kode
$hitung    =    strlen($kodedatabase);


//Jika data lebih dari sepuh dan jika jumlah karakter dari data terakhir sama dengan 5 (N0001)
    if($jumlah<10 && $hitung==5){
        //untuk memotong karakter terakhir pada kode motor       
        $ambil=    substr($kodedatabase,$hitung-1,1);
       
        //hasil dari pecah string adalah angka , maka angka tersebut kita tambah satu
        $add    =    $ambil+1;   

        $kode    =    "N000".$add;       
    }
        
}

echo $kode;

?>


 jika data kosong, maka tampilan akan seperti berikut

ketika kita isi data

maka tampilan akan seperti berikut

Nah itu konsep dan langkah buat unik AI , semoga paham dan berguna,

Lebih Indah Dengan JQuery

Nah masuk ke client side juga ahirnya , saya coba ngasih pencerahan sedikit buat combine PHP dengan jQuery biar lebih interaktif dan indah pastinya , dan lebih efisien dalam masalah pengaksesan ,

Balik ke pengertian awal , PHP merupkan bahasa yang digunakan atau di akses langsung ke server maka dari itu PHP disebut dengan pemrograman Server side , nah lalu apa JQuery ?

JQuery merupakan library/perpustkaan javascript , dimana sudah terdapat fungsi-fungsi yang bisa langsung kita gunakan pada JQuery tersebut , ke pengertian awal javascript , javascript merupakan bahasa pemrograman yang berjalan dibrowser atau disebut dengan client site

ya langsung aja ke kasus , bagaimana sih insert data tanpa harus pindah halaman , dengan JQuery ini kita dibantu untuk mengakses file PHP tanpa terlihat melalui browser .

langkah pertama download dulu plugin JQuerynya di http://www.4shared.com/document/a7xL0t1l/Plugin.html

setelah itu buat sebuah database , dan sebuah table . disini saya menggunakan database dan table yang pernah saya buat di artikel sebelumnya bisa di lihat di http://arsencycle.blogspot.com/2013/01/menggunakan-header-untuk-membuat-report.html

buat file index.html , file ini berisikan form dan view database , bericut codenya

<html>
<head>
<title>Ajax</title>
<script type="text/javascript" src="Plugin.js"></script>
<script type="text/javascript">
$(document).ready(function(){

function view(){
$.ajax({
    url    :    "view.php",
    success:    function(data){
        $("#view").html(data);   
    }
});
}

view();

    $("#x").click(function(){
       
        var nis    =    $("#nis").val();
        var nama    =    $("#nama").val();   
        $("#message").fadeIn(3000).html("Insert berhasil").delay(1000).fadeOut();                   
            $.ajax({
                type    :    "POST",
                url    :    "simpan.php",
                data    :    "nis="+nis+"&nama="+nama,
                success    :    function(data){   
                    view();
                }
            });

    });   

//kurung buat $(document).ready yang paling atas
});   

</script>
</head>
<body>
<div id="message"></div>
<div id="content">
<input type="text" id="nis" placeholder="masukan nis">
<input type="text" id="nama" placeholder="masukan nama">
<input type="submit" id="x" value="simpan">
</div>
<div id="view"></div>
</body>
</html>   

penjelasan :

1. <script type="text/javascript" src="Plugin.js"></script>
script diatas berfungsi untuk memanggil file Plugin.js
2.$(document).ready(function(){});
code diatas berfungsi untuk memulai JQuery
3.function view() fungsi ini berfungsi untuk mengambil file view.php , file ini akan dijalan ketika nama fungsi nya din panggil seperti pada contoh diatas view();
4.$("#x").click(function(){})
code diatas berfungsi ketika tombol di click maka event akan dijalankan


langkah selanjutnya buat file simpan.php untuk proses insertnya , berikut code nya

<?php
mysql_connect('localhost','root','');
mysql_select_db('latihan');

$nis    =    $_POST['nis'];
$nama    =    $_POST['nama'];

$sql    =    "insert into siswa (nis,nama) values ('$nis','$nama')";
$query=    mysql_query($sql);

?>

selanjutnya buat file view.php untuk menampilkan data yang tersimpan di database

<?php
mysql_connect('localhost','root','');
mysql_select_db('latihan');

$sql    =    "select * from siswa";
$query=    mysql_query($sql);
?>
<table border=1>
    <tr>   
    <th>NIS</th>
    <th>Nama</th>
    </tr>
<?php
while($array=mysql_fetch_array($query)){
    ?>
    <tr>
        <td><?php echo $array[0];?></td>   
        <td><?php echo $array[1];?></td>   
    </tr>
    <?
}
?>   
</table>

selamat mencoba dan selamat menikmati indahnya JQuery dan Ajax :D

Menggunakan header() untuk membuat report excel

Request dari mang ilham dan mungkin agan-agan sekalian belum tau , cara gampang bikin report excel ? ga usah pake plugin dan libraries , kita hanya memerlukan header() yang telah disediakan diphp , berikut code headernya
 
header("Content-Type:application/vnd.ms-excel");
header('Content-Disposition:attachment; filename="namafile.xls"');



 ini membuat templatenya dengan html , menggunakan tag <table></table>,
langsung ke kasus aja.

siapkan database , table beserta isi table yang kan kita gunakan sebagai data pada report. berikut syntax querynya

Create database latihan;

Setelah itu buat table , copykan syntax berikut 

use latihan;

CREATE TABLE `latihan`.`siswa` (

`nis` VARCHAR( 10 ) NOT NULL ,
`nama` VARCHAR( 50 ) NOT NULL ,
PRIMARY KEY ( `nis` )

) ENGINE = MYISAM ;


lalu isi table nya

INSERT INTO `latihan`.`siswa` (`nis`, `nama`) VALUES ('123', 'Deden'), ('456', 'Deydra');


kebutuhan database sudah terpenuhi , sekarang bagian codingnya

excel.php
 
<?php
mysql_connect('localhost','root','');
mysql_select_db('latihan');

$sql        =    "select * from siswa";
$query    =    mysql_query($sql)or die(mysql_error());
$row        =    mysql_num_rows($query);
header("Content-Type:application/vnd.ms-excel");
header('Content-Disposition:attachment; filename="report.xls"');
?>
<table summary="" >
    <tr>
        <th>NIS</th>
        <th>Nama</th>
    </tr>
    <?php
while($array=mysql_fetch_array($query)){
    ?>
    <tr>
        <td><?php echo $array[0];?></td>
        <td><?php echo $array[1];?></td>
        </tr>
    <?php
        }   
    ?>
</table>   

dan ini hasil dari code diatas

mudahkan ? agan-agan bisa mengkombinasikan dengan css , seperti mewarnai <th></th> agar lebih berwarna , cukup sekian semoga bermanfaat dan selamat #mehape

FPDF & MySQL

Request dari agan DNS , bagaimana sih report dengan database ? konsepnya tinggal masukin query databasenya aja . Bingung ? langsung saja , bikin dulu database 
Create database latihan;

Setelah itu buat table , copykan syntax berikut 

use latihan;

CREATE TABLE `latihan`.`siswa` (

`nis` VARCHAR( 10 ) NOT NULL ,
`nama` VARCHAR( 50 ) NOT NULL ,
PRIMARY KEY ( `nis` )

) ENGINE = MYISAM ;




lalu isi table nya

INSERT INTO `latihan`.`siswa` (`nis`, `nama`) VALUES ('123', 'Deden'), ('456', 'Deydra');

beres dengan database , kita pindah ke coding phpnya , bagi agan yang belum ada librariesnya download aja dulu di http://www.4shared.com/zip/JSjGHEt3/plugin_fpdf.html

report.php

<?php
require('fpdf/fpdf.php');
$pdf    =    new FPDF();
$pdf->AddPage();

mysql_connect('localhost','root','');
mysql_select_db('latihan');

$pdf->SetFont('Arial','B',20);
$pdf->Cell(30,10,'NIS',1,'L',0);
$pdf->Cell(90,10,'Nama',1,'C',1);

$sql    =    "select * from siswa";
$query=    mysql_query($sql);
while($array=mysql_fetch_array($query)) {
$pdf->Ln();
$pdf->Cell(30,10,$array[0],1,'L',0);
$pdf->Cell(90,10,$array[1],1,'C',1);
}   

$pdf->Output('report.pdf','D');
?> 

 berikut hasil dari coding diatas , untuk masalah tata letak jika kurang enak dilihat maklum :) , selamat #mehape dan selamat mencoba