Kategori
PHP

Menghitung Karakter TextArea dalam Form PHP

Studi Kasus : Membuat script untuk menghitung karakter yang tertulis dalam textarea

Kebutuhan : WebServer Package, already installed.

Mungkin kita pernah menemukan aplikasi web sms, yaitu aplikasi yang digunakan untuk mengirim sms via aplikasi web. Disini kita tidak akan membahas mengenai pemrosesan sms, namun kita akan membahas mengenai interface yang digunakan dalam mengirim sms, biasanya berbentuk textarea, yang akan memberikan batasan terhadap sejumlah karakter tertentu yang telah ditentukan (pada sms, umumnya adalah 160 karakter)

Nah. Bagaimana cara kita menghitung karakter yang tertulis dalam textarea?

Dengan Javascript.

Step 1 : Persiapkan Folder Kerja

  1. Buat folder dengan nama tutorial dalam document root anda
  2. Simpan semua file dalam praktikum ini dalam folder tutorial tersebut.

Step 2 :Membuat Form Textarea

  1. Ketikkan script berikut,

    [sourcecode language=”php”]</p>
    <p>&lt;html&gt;&lt;head&gt;</p>
    <p>&lt;title&gt;Itx.Web.Id&lt;/title&gt;</p>
    <p>&lt;script type=&quot;text/javascript&quot; src=&quot;cek_karakter.js&quot;&gt;&lt;/script&gt;</p>
    <p>&lt;/head&gt;</p>
    <p>&lt;body&gt;</p>
    <p>&lt;form name=form method=post&gt;</p>
    <p>&lt;h3&gt; Write Your Message Here &lt;/h3&gt;</p>
    <p>&lt;textarea onKeyPress=cek_karakter(this.form); onKeyDown=cek_karakter(this.form); name=teks rows=4 cols=30&gt;&lt;/textarea&gt;</p>
    <p>&lt;br&gt; &lt;br&gt;</p>
    <p>&lt;input size=1 value=10 name=total&gt;</p>
    <p>&lt;/form&gt;</p>
    <p>&lt;/body&gt;</p>
    <p>&lt;/html&gt;</p>
    <p>[/sourcecode]

  2. Simpan dengan nama hitung_textarea.php

Step 3 : Membuat Javascript untuk Menghitung panjang Karakter

  1. Ketikkan script berikut,

    [sourcecode language=”javascript”]</p>
    <p>function cek_karakter(form) {</p>
    <p>maks = 10; // max character</p>
    <p>if (form.teks.value.length &gt;= maks) {</p>
    <p>var message = &quot;0 Character Left ! &quot;; //alert if character limit reacher</p>
    <p>alert(message);</p>
    <p>form.teks.value = form.teks.value.substring(0, maks); //trim the textarea</p>
    <p>}</p>
    <p>else {</p>
    <p>form.total.value = maks – form.teks.value.length;} //count the character</p>
    <p>}</p>
    <p>[/sourcecode]

  2. Simpan dengan nama cek_karakter.js

Step 4 : Testing Code

  1. Pergi ke http://localhost/tutorial/hitung_karakter.php. Anda akan melihat form yang telah anda buat, dengan batasan karakter adalah 10 (bisa anda setting sendiri)

  2. Coba ketikkan sesuatu dalam textarea, maka counter akan mulai menghitung mundur, dan ketika batasan karakter telah dicapai, maka muncul alert seperti gambar dibawah

Kategori
PHP

Delete Multiple Data dengan PHP

Studi Kasus : Membuat Fungsi untuk menghapus multiple data dalam database (mysql) dengan checkbox
Kebutuhan : Webserver Packages, already installed.

Checkbox multi delete seperti di Gmail, kita bisa memilih untukmenghapus message dalam inbox kita dengan mengklik tanda checkbox pada data – data yang ingin kita hapus. Tutorial kali ini akan membuat contoh aplikasi untuk menghapus data – data tertentu yang ditandai dengan checkbox (seperti di Gmail).

Ok, langsung praktik saja.

Step 1 : Persiapkan Database

  1. Buat database dengan nama db_tutorial
  2. Siapkan tabel dengan nama tb_book, dengan struktur tabel seperti gambar dibawah ini.
  3. Insert kan beberapa sample data, seperti gambar dibawah
  4. Done!

Step 2 : Persiapkan Folder Kerja

  1. Buat folder dengan nama tutorphp dalam document root anda
  2. Simpan semua file dalam tutorial ini dalam folder tersebut.

Step 3 : Membuat script koneksi ke Database

  1. Ketikkan script berikut,
    [sourcecode language=”php”]
    <?php
    $host = "localhost";
    $user = "root";//adjust according to your mysql setting
    $pass = ""; //adjust according to your mysql setting, i use no password here
    $dbName = "db_tutorial";
    mysql_connect($host, $user, $pass);
    mysql_select_db($dbName)
    or die ("Connect Failed !! : ".mysql_error());
    ?>
    [/sourcecode]
  2. simpan dengan nama connect.php

Step 4 : Membuat Script untuk menampilkan data

  1. Ketikkan script berikut,
    [sourcecode language=”php”]
    <html><head>
    <title>Itx.Web.Id</title>
    <script type="text/javascript" src="pilihan.js"></script>
    <script type="text/javascript" src="warning.js"></script>
    </head>
    <body>
    <h2> The Data <h2>
    <?php
    include ‘connect.php’;
    $query = "SELECT * FROM tb_book"; //the query for get all data in tb_student
    $result = mysql_query($query);
    ?>

    <form name="myform" method="post" action="prosesdeletemulti.php">

    <?php
    echo "<table border=’0′ cellpadding=’2′ cellspacing=’2′>";
    echo "<tr bgcolor=’orange’>
    <td> <b> Title </b> </td>
    <td> <b> Author </b> </td>

    </tr>";

    $i = 0;
    while ($data = mysql_fetch_array($result)) { //mysql_fetch_array = get the query data into array
    echo "<tr>
    <td>".$data[‘title’]."</td>
    <td>".$data[‘author’]."</td> "; ?>
    <td><input type="checkbox" name="id[<?php echo $i;?>]" value="<?php echo $data[‘id’];?>" /></td>
    <?php
    $i++;
    }
    echo "</table>";
    ?>
    <td> <input type="submit" value="Delete" onClick="return warning();" name="submit">
    <input type="reset" value="Cancel" name="reset"> </td>
    </form>
    </body>

    </html> [/sourcecode]

  2. simpan dengan nama student_data1.php

Step 5 : Membuat Javascript untuk menampilkan warning

  1. Ketikkan script berikut,
    [sourcecode language=”javascript”]
    function warning() {
    return confirm(‘Are You Sure to Delete This Data?’);
    }
    [/sourcecode]
  2. simpan dengan nama formupdate.php

Step 6 : Membuat Javascript untuk mendapatkan komponen yang tercentang checkbox nya

  1. Ketikkan script berikut,
    [sourcecode language=”javascript”]
    function pilihan()
    {
    // read the component from ‘myform’
    var jumKomponen = document.myform.length;
    // no check all
    if (document.myform[0].checked == false)
    {
    for (i=1; i<=jumKomponen; i++)
    {
    if (document.myform[i].type == "checkbox") document.myform[i].checked = false;
    }
    }
    }
    [/sourcecode]
  2. simpan dengan nama pilihan.js

Step 7 : Membuat Script untuk Menghapus Data Multi

  1. Ketikkan script berikut,
    [sourcecode language=”php”]
    <?php
    include ‘connect.php’;
    $data = $_POST[‘id’]; //get all the id book that will be deleted

    foreach($data as $data1) { //looping according to the total data that checked
    //echo $data1;
    $query = "DELETE FROM tb_book where id = $data1"; //the query to delete data according to id
    $result = mysql_query($query);
    }
    if ($result) {
    include "student_data1.php";
    echo "Delete sucess";
    }
    ?>
    [/sourcecode]

  2. simpan dengan nama prosesdeletemulti.php

Step 8 : Testing Code

  1. Pergi ke http://localhost/tutorphp/student_data1.php. Beri tanda centang pada data yang ingin anda delete.
  2. Muncul konfirmasi hapus data. Pilih OK untuk menghapus data
  3. Maka konfirmasi sukses delete ditampilkan. Cek juga database anda, pastikan bahwa data telah terhapus 😀

Untuk penjelasan mengenai baris script-script diatas, bisa dilihat di komentar script… and feel free to comment 😀
OK. Haaaaaaaapppy Coding! 😀

Kategori
PHP

Fungsi Delete Data dalam Mysql dengan PHP

Studi Kasus : Membuat Fungsi untuk menghapus data dalam database (mysql)
Kebutuhan : Webserver Packages, already installed.

Untuk kasus kali ini, proses hapus dilakukan satu per satu pada data yang ingin dihapus. Ok, langsung praktik saja.

Step 1 : Persiapkan Database

  1. Buat database dengan nama db_tutorial
  2. Siapkan tabel dengan nama tb_student, dengan struktur tabel seperti gambar dibawah ini.
  3. Insert kan beberapa sample data, seperti gambar dibawah
  4. Done!

Step 2 : Persiapkan Folder Kerja

  1. Buat folder dengan nama tutorphp dalam document root anda
  2. Simpan semua file dalam tutorial ini dalam folder tersebut.

Step 3 : Membuat script koneksi ke Database

  1. Ketikkan script berikut,
    [sourcecode language=”php”]
    <?php
    $host = "localhost";
    $user = "root";//adjust according to your mysql setting
    $pass = ""; //adjust according to your mysql setting, i use no password here
    $dbName = "db_tutorial";
    mysql_connect($host, $user, $pass);
    mysql_select_db($dbName)
    or die ("Connect Failed !! : ".mysql_error());
    ?>
    [/sourcecode]
  2. simpan dengan nama connect.php

Step 4 : Membuat Script untuk menampilkan data

  1. Ketikkan script berikut,
    [sourcecode language=”php”]
    <html><head>
    <title>Itx.Web.Id</title>
    <script type="text/javascript" src="warning.js"></script>
    </head>
    <body>
    <h2> Student’s Data <h2>
    <?php
    include ‘connect.php’;
    $query = "SELECT * FROM tb_student"; //the query for get all data in tb_student
    $result = mysql_query($query);

    echo "<table border=’0′ cellpadding=’4′ cellspacing=’4′>";
    echo "<tr bgcolor=’orange’ align=’center’>
    <td> <b> No </b> </td>
    <td> <b> Name </b> </td>
    <td> <b> Address </b> </td>
    <td> <b> Action </b> </td>
    </tr>";
    while ($data = mysql_fetch_array($result)) //mysql_fetch_array = get the query data into array
    {
    echo "<tr align=’center’>
    <td>".$data[‘no’]."</td>
    <td>".$data[‘name’]."</td>
    <td>".$data[‘address’]."</td> "; ?>
    <td> <i> <a href="prosesdelete.php?no=<?php echo $data[‘no’];?>" onClick="return warning();"> Del </a> </i></td>
    <?php
    }
    echo "</table>";
    ?>
    </body>

    </html>
    [/sourcecode]

  2. simpan dengan nama student_data.php

Step 5 : Membuat Javascript untuk menampilkan warning

  1. Ketikkan script berikut,
    [sourcecode language=”javascript”]
    function warning() {
    return confirm(‘Are You Sure to Delete This Data?’);
    }
    [/sourcecode]
  2. simpan dengan nama formupdate.php

Step 6 : Membuat Script untuk Menghapus Data

  1. Ketikkan script berikut,
    [sourcecode language=”php”]
    <?php
    include "connect.php";
    //get the value from form update
    $no = $_GET[‘no’]; //get the no which will deleted

    //query for update data in database
    $query = "DELETE from tb_student WHERE no = ‘$no’" ;
    $hasil = mysql_query($query);
    //see the result
    if ($hasil) {
    include "data.php";
    echo "<h4> delete data success </h4>";
    }
    ?>
    [/sourcecode]

  2. simpan dengan nama prosesdelete.php

Step 7 : Testing Code

  1. Pergi ke http://localhost/tutorphp/date.php. Klik delete pada salah satu data yang ditampilkan.
  2. Muncul konfirmasi hapus data. Pilih OK untuk menghapus data
  3. Maka konfirmasi sukses delete ditampilkan. Cek juga database anda, pastikan bahwa data telah terhapus 😀

Untuk penjelasan mengenai baris script-script diatas, bisa dilihat di komentar script… and feel free to comment 😀
OK. Haaaaaaaapppy Coding! 😀

Kategori
PHP

Membuat Fungsi Update Data dalam Database dengan PHP Mysql

Studi Kasus : Membuat Fungsi untuk mengupdate data dalam database (mysql)
Kebutuhan : Webserver Packages, already installed.

Ok, langsung praktik saja.

Step 1 : Persiapkan Database

  1. Buat database dengan nama db_tutorial
  2. Siapkan tabel dengan nama tb_student, dengan struktur tabel seperti gambar dibawah ini.
  3. Insert kan beberapa sample data, seperti gambar dibawah
  4. Done!

Step 2 : Persiapkan Folder Kerja

  1. Buat folder dengan nama tutorphp dalam document root anda
  2. Simpan semua file dalam tutorial ini dalam folder tersebut.

Step 3 : Membuat script koneksi ke Database

  1. Ketikkan script berikut,
    [sourcecode language=”php”]
    <?php
    $host = "localhost";
    $user = "root";//adjust according to your mysql setting
    $pass = ""; //adjust according to your mysql setting, i use no password here
    $dbName = "db_tutorial";
    mysql_connect($host, $user, $pass);
    mysql_select_db($dbName)
    or die ("Connect Failed !! : ".mysql_error());
    ?>
    [/sourcecode]
  2. simpan dengan nama connect.php

Step 4 : Membuat Script untuk menampilkan data

  1. Ketikkan script berikut,
    [sourcecode language=”php”]
    <h2> Student’s Data <h2>
    <?php
    include ‘connect.php’;
    $query = "SELECT * FROM tb_student"; //the query for get all data in tb_student
    $result = mysql_query($query);

    echo "<table border=’0′ cellpadding=’2′ cellspacing=’2′>";
    echo "<tr bgcolor=’orange’ align=’center’>
    <td> <b> No </b> </td>
    <td> <b> Name </b> </td>
    <td> <b> Address </b> </td>
    <td> <b> Action </b> </td>
    </tr>";
    while ($data = mysql_fetch_array($result)) //mysql_fetch_array = get the query data into array
    {
    echo "<tr align=’center’>
    <td>".$data[‘no’]."</td>
    <td>".$data[‘name’]."</td>
    <td>".$data[‘address’]."</td>
    <td> <i> <a href=’formupdate.php?no=".$data[‘no’]."’> Update </a> </i></td>
    </tr>";
    }
    echo "</table>";
    ?>
    [/sourcecode]

  2. simpan dengan nama data.php

Step 5 : Membuat Script untuk menampilkan form Update

  1. Ketikkan script berikut,
    [sourcecode language=”php”]
    <?php
    include ‘connect.php’;
    $no = $_GET[‘no’]; //get the no which will updated
    $query = "SELECT * FROM tb_student WHERE no = $no"; //get the data that will be updated
    $hasil = mysql_query($query);
    $data = mysql_fetch_array($hasil);
    ?>
    <form method="post" action="prosesupdate.php">
    <table width="500" border="0" cellpadding="2" cellspacing="2">
    <tr bgcolor="orange">
    <td height="21" colspan="3">
    <strong> Form Update</strong>
    </td>

    <tr>
    <td width="23%"> No </td>
    <td width="2%">:</td>
    <td width="75%"> <input type="text" name="no" disabled=’disable’ value="<?php echo $data[‘no’]; ?>"> </td>
    </tr>

    <tr>
    <td>Name</td>
    <td>:</td>
    <td> <input type="text" name="name" value="<?php echo $data[‘name’]; ?>"> </td>
    </tr>

    <tr>
    <td>Address</td>
    <td>:</td>
    <td> <textarea name="address"><?php echo $data[‘address’]; ?></textarea></td>
    </tr>
    <tr>
    <td></td> <td></td> <td> <input type="hidden" name="no" value="<?php echo $data[‘no’]; ?>">
    <input type="SUBMIT" name="SUBMIT" value="Save"></td>
    </tr>
    </table>
    </form>
    [/sourcecode]

  2. simpan dengan nama formupdate.php

Step 6 : Membuat Script untuk Mengupdate Data

  1. Ketikkan script berikut,
    [sourcecode language=”php”]
    <?php
    include "connect.php";
    //get the value from form update
    $no = $_POST[‘no’];
    $name = $_POST[‘name’];
    $address = $_POST[‘address’];

    //query for update data in database
    $query = "UPDATE tb_student SET name = ‘$name’, address = ‘$address’ WHERE no = ‘$no’" ;
    $hasil = mysql_query($query);
    //see the result
    if ($hasil) {
    include "data.php";
    echo "<h4> update data success </h4>";
    }
    ?>
    [/sourcecode]

  2. simpan dengan nama prosesupdate.php

Step 7 : Testing Code

  1. Pergi ke http://localhost/tutorphp/date.php. Klik update pada salah satu data yang ditampilkan.
  2. Anda akan melihat form yang berisi data yang akan diupdate. Lihat bahwa data yang ada dapat diganti, kecuali data ‘no’ yang tidak aktif (tidak dapat diedit karena merupakan data yang akan digunakan sebagai acuan). Isi data baru, dan klik save.
  3. Anda akan melihat data yang telah diupdate

OK. Haaaaaaaapppy Coding! 😀

Kategori
PHP

Membuat Form ComboBox Dinamis dari Database (Mysql) dengan PHP

Studi Kasus : Membuat form combobox dengan isian dinamis dari database (mysql)
Kebutuhan : Webserver Packages, already installed.

Combobox merupakan salah satu element form yang sering digunakan dalam aplikasi – aplikasi pendaftaran, pada umumnya combobox digunakan untuk memilih salah satu option dimana terdapat banyak option yang ada. Value dalam combobox sebenarnya dapat ditulis langsung dalam html, namun, bagaimana jika data yang ingin ditampilkan sangat banyak atau tergantung pada kondisi tertentu?
Misalkan, kita ingin menampilkan pilihan kota – kota yang ada dalam negara Indonesia, maka kota yang ditampilkan juga merupakan kota yg berada dalam Indonesia.
Misalkan, user ternyata berasal dari Inggris, maka kota yang ditampilkan juga merupakan kota yg berada dalam negara Inggris.

Kita memerlukan combobox dinamis.

Ok, langsung praktik saja.

Step 1 : Persiapkan Database

  1. Buat database dengan nama db_tutorial
  2. Siapkan tabel dengan nama tb_kota, dengan struktur tabel seperti gambar dibawah ini.
  3. Insert kan beberapa sample data, seperti gambar dibawah
  4. Done!

Step 2 : Persiapkan Folder Kerja

  1. Buat folder dengan nama tutorphp dalam document root anda
  2. Simpan semua file dalam tutorial ini dalam folder tersebut.

Step 3 : Membuat script koneksi ke Database

  1. Ketikkan script berikut,
    [sourcecode language=”php”]
    <?php
    $host = "localhost";
    $user = "root";//adjust according to your mysql setting
    $pass = ""; //adjust according to your mysql setting, i use no password here
    $dbName = "db_tutorial";
    mysql_connect($host, $user, $pass);
    mysql_select_db($dbName)
    or die ("Connect Failed !! : ".mysql_error());
    ?>
    [/sourcecode]
  2. simpan dengan nama connect.php

Step 4 : Membuat form combobox dinamis

  1. Ketikkan script berikut,
    [sourcecode language=”php”]
    <form name=’form’ method=’post’ action=’prosescombo.php’>
    <h3> Choose Your City</h3>
    <select name="kota">
    <option value=0 selected>- city -</option>
    <?php
    include ‘connect.php’;
    $q = mysql_query("select * from tb_kota where negara = ‘Indonesia’ "); //choose the city from indonesia only

    while ($row1 = mysql_fetch_array($q)){
    echo "<option value=$row1[kota]>$row1[kota]</option>";
    }
    ?>
    </select>
    <input type="submit" name="submit" value="Submit">
    </form>
    [/sourcecode]

  2. simpan dengan nama formcombo.php

Step 5 : Membuat menampilkan pilihan

  1. Ketikkan script berikut,
    [sourcecode language=”php”]
    <?php
    $kota = $_POST[‘kota’];

    if ($kota == ‘0’) {
    echo "anda belum memilih";
    } else
    echo "anda memilih ".$kota;
    ?>
    [/sourcecode]

  2. simpan dengan nama prosescombo.php

Step 6 : Testing Code

  1. Pergi ke http://localhost/tutorphp/formcombo.php. Anda akan melihat form seperti dibawah. Pilih salah satu option (Disini saya memilih Solo)
  2. Klik Submit dan anda akan melihat hasilnya

OK. Haaaaaaaapppy Coding! 😀

Kategori
PHP

Form Input Tanggal PHP dengan Datetimepicker JQuery

Case Study : Membuat form pendaftaran dengan salah satu input tanggal menggunakan datetimepicker jquery
Requirements :

  1. Webserver Packages, already installed.
  2. jQuery library, download here
  3. UI Core, download here, dan UI Datepicker, download here
  4. Theme Roller, download here, anda bisa mendesign tema sendiri untuk datepicker, atau mendownload theme yang sudah tersedia. Saya menggunakan theme dengan nama sunny.

Ikuti langkah-langkah dibawah.

Step 1 : Persiapkan Folder Kerja

  1. Buat folder dengan nama tutorphp dalam document root anda
  2. Simpan file jQuery library, UI Core, UI Datepicker, dan Theme (dapat didownload dari link bagian kebutuhan diatas),sehingga struktur folder seperti gambar berikut,

Step 2 : HTML – Form

  1. Ketikkan script berikut,
    [sourcecode language=”php”]
    <link type="text/css" rel="stylesheet" href="sunny/jquery-ui-1.8.2.custom.css" />
    <script type="text/javascript" src="jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="jquery.ui.datepicker.js"></script>
    <script type="text/javascript" src="jquery.ui.core.js"></script>
    <script type="text/javascript" src="tanggal.js"></script>

    <center><h1>Form Pendaftaran</h1>
    <form method="post" action="tampil.php">
    <table>
    <tr><td>Nama</td><td><input type="text" name="nama"></td></tr>
    <tr><td>Alamat</td><td><input type="text" name="alamat"></td></tr>
    <tr><td>Tgl Lahir</td><td><input type="text" id="tgl_lahir" name="tgl_lahir"></td></tr>
    <tr><td></td><td><input type="submit" name="submit" value="Submit"></td></tr>
    </table>
    </form>
    </center>
    [/sourcecode]

  2. simpan dengan nama form.php, dan simpan dalam folder tutorphp

Step 3 : Javascript – Pembaca Tanggal Datepicker

  1. Ketikkan script berikut,
    [sourcecode language=”javascript”]
    $(document).ready(
    function() {
    $(function() {
    $("#tgl_lahir").datepicker({
    showButtonPanel: true,
    //minDate: new Date(),
    showTime: true
    });
    });
    });
    [/sourcecode]
  2. simpan dengan nama tanggal.js, simpan dalam folder tutorphp
  3. Script Javascript ini akan menampilkan datetimepicker jQuery pada bagian field input dengan id tgl_lahir

Step 4 : PHP – untuk menampilkan

  1. Ketikkan script berikut,
    [sourcecode language=”php”]
    <?php
    $nama = $_POST[‘nama’];
    $alamat = $_POST[‘alamat’];
    $tgl_lahir = $_POST[‘tgl_lahir’];

    echo $nama.'<br>’;
    echo $alamat.'<br>’;
    echo $tgl_lahir;
    ?>
    [/sourcecode]

  2. simpan dengan nama form.php, dan simpan dalam folder tutorphp

Step 5 : Testing Code

  1. Pergi ke http://localhost/tutorphp/form.php. Anda akan melihat form seperti dibawah. Isikan field-filed, kemudian klik pada field input Tanggal, maka datepicker anda akan muncul seperti gambar dibawah:D
  2. Pilih submit, maka data akan ditampilkan
Kategori
PHP

Membuat Thumbnail-Version dari Gambar dengan PHP

Studi Kasus : Membuat thumbnail dari gambar dengan PHP GD Library
Kebutuhan : Webserver Packages, already installed. Dan pastikan versi PHP anda mensupport Image GD Library (versi 1-8 keatas)
Ikuti langkah-langkah dibawah.

Step 1 : Persiapkan Folder Kerja

  1. Buat folder dengan nama tutorphp dalam document root anda
  2. Siapkan sample JPG image dalam folder ini. Untuk tutorial ini saya menggunakan image dibawah ini (catat : anda bisa menggunakan image apapun, asalkan berekstensi JPG). Jika anda ingin menggunakan image ini, silahkan klik kanan pada image dan pilih save as
  3. Rename gambar anda dengan nama myPic.jpg (catat : rename ini tidak berarti apapun, hanya untuk memudahkan anda mengikuti tutorial ini 😛 )

Step 2 : Membuat script utama untuk resize image ke dalam thumbnail

  1. Ketikkan script berikut,
    [sourcecode language=”php”]
    <?php
    $image = ‘myPic.jpg’; //default image, change here if you want to use another image

    //get the image size and image info
    list($width_orig, $height_orig, $image_type) = getimagesize($image);

    if($image_type !== 2) { // 2 is for JPEG Image
    echo ‘Image is not JPEG Image!’;
    }
    else {
    $thumbname = ‘thumbnail_’.$image; //default name for thumbnail version of image

    // setting the height for the width 75px (75px is default width for the thumbnail). this is for maintain the ratio
    $height_tb = (int) ((75 / $width_orig) * $height_orig);

    //Create a new true color image
    $image_p = imagecreatetruecolor(75, $height_tb);

    //Create a new JPEG image from file or URL
    $image = imageCreateFromJpeg($image); //

    //Copy and resize part of an image with resampling
    imagecopyresampled($image_p, $image, 0, 0, 0, 0, 75, $height_tb, $width_orig, $height_orig);

    //upload image to folder
    if(!is_writeable(dirname($thumbname)))
    {
    echo ‘Unable to Upload image to ‘ . dirname($thumbname);
    }
    else
    {
    //output image to browser or file, the parameter is imageJPEG(resource image, name of the image, quality)
    imageJpeg($image_p, $thumbname, 100);
    }
    }
    ?>
    <center><h1>Create Thumbnail Image</h1>
    <table border=’1′ cellpadding=’5′ cellspacing=’5′>
    <tr align=’center’> <td>Original</td> <td>Thumbnail</td> </tr>
    <tr> <td><img src="myPic.jpg" alt="image" /></td> <td><img src="<?php echo $thumbname;?>" alt="thumbnail" /></td></tr>
    </table>
    <center>
    [/sourcecode]

  2. simpan dengan nama imagetb.php, dan simpan dalam folder tutorphp
  3. Penjelasan : Dapat dilihat di script langsung (script berwarna hijau), Okay

Step 3 : Testing Code

  1. Pergi ke http://localhost/tutorphp/imagetb.php
  2. Anda akan melihat image anda tadi (original) beserta versi thumbnailnya 😀 just like the picture below..
  3. Cek di folder tutor.php. Anda akan menemukan file image thumbnail_myPic.jpg yang merupakan versi thumbnail dari image anda.

😀

Kategori
PHP

GuestBook Sederhana dengan PHP & Mysql

Studi Kasus : Membuat guestbook sederhana dengan PHP Mysql
Kebutuhan : Webserver Packages, already installed.

Ok, langsung praktik saja.

Step 1 : Persiapkan Database

  1. Buat database dengan nama db_tutorial
  2. Siapkan tabel dengan nama tb_guestbook, dengan struktur tabel seperti gambar dibawah ini.
  3. Done!

Step 2 : Persiapkan Folder Kerja

  1. Buat folder dengan nama tutorphp dalam document root anda
  2. Simpan semua file dalam tutorial ini dalam folder tersebut.

Step 3 : Membuat script koneksi ke Database

  1. Ketikkan script berikut,
    [sourcecode language=”php”]
    <?php
    $host = "localhost";
    $user = "root";//adjust according to your mysql setting
    $pass = ""; //adjust according to your mysql setting, i use no password here
    $dbName = "db_tutorial";
    mysql_connect($host, $user, $pass);
    mysql_select_db($dbName)
    or die ("Connect Failed !! : ".mysql_error());
    ?>
    [/sourcecode]
  2. simpan dengan nama connect.php

Step 4 : Membuat form guestbook

  1. Ketikkan script berikut,
    [sourcecode language=”php”]
    <h1>Guestbook</h1>
    <form method="post" action="savegb.php">
    <table>
    <tr><td>Your Name</td><td></td></tr>
    <tr><td>Your Email</td><td></td></tr>
    <tr><td>Your Comment</td><td><textarea name="comment"></textarea></td></tr>
    <tr><td></td><td></td></tr>
    </table>
    </form>

    [/sourcecode]

  2. simpan dengan nama formguestbook.php

Step 5 : Membuat script pemrosesan dan menampilkan guestbook

  1. Ketikkan script berikut,
    [sourcecode language=”php”]
    <?php
    include ‘connect.php’;

    $name = $_POST[‘name’]; //get the name value from form
    $email = $_POST[‘email’]; //get the email value from form
    $comment = $_POST[‘comment’]; //get the comment value from form

    //query to save to database
    $q1 = "INSERT into tb_guestbook value (”,’$name’,’$email’,’$comment’)";
    $result1 = mysql_query($q1);

    //query to get data from database
    $q2 = ‘SELECT * FROM tb_guestbook order by id desc’;
    $result2 = mysql_query($q2);

    //show the data from database
    while ($record = mysql_fetch_array($result2)) {
    echo "<table>";
    echo "<tr><td>Name</td><td>:</td><td>".$record[‘name’]."</td></tr>";
    echo "<tr><td>Email</td><td>:</td><td>".$record[‘email’]."</td></tr>";
    echo "<tr><td>Comment</td><td>:</td><td>".$record[‘comment’]."</td></tr>";
    echo "</table>";
    echo "<br/>";
    }
    ?>
    [/sourcecode]

  2. simpan dengan nama savegb.php
  3. untuk penjelasan script, lihat komentar pada script 😀

Step 6 : Testing Code

  1. Pergi ke http://localhost/tutorphp/formguestbook.php. Anda akan melihat form seperti dibawah. Isikan guestbook tersebut (misal seperti pada gambar dibawah)
  2. Klik tombol save dan anda akan melihat hasilnya

OK. Haaaaaaaapppy Coding! 😀

Kategori
PHP

Load dan Menyimpan Data XML ke Database dengan PHP-Mysql

Studi Kasus : Mengambil data dari XML dan menyimpannya ke dalam database (mysql)
Kebutuhan : Webserver Packages, already installed.

OKAY, no need for trivial chit-chat. Let’s just practice 😀

Step 1 : Persiapkan Database

  1. Buat database dengan nama db_tutorial
  2. Siapkan tabel dengan nama tb_dataxml, dengan struktur tabel seperti gambar dibawah ini.
  3. Done!

Step 2 : Persiapkan Folder Kerja

  1. Buat folder dengan nama tutorphp dalam document root anda
  2. Simpan semua file dalam tutorial ini dalam folder tersebut.

Step 3 : Membuat script koneksi ke DB

  1. Ketikkan script berikut,
    [sourcecode language=”php”]
    <?php
    $host = "localhost";
    $user = "root"; //adjust according to your mysql setting
    $pass = ""; //adjust according to your mysql setting
    $dbName = "db_tutorial";
    mysql_connect($host, $user, $pass);
    mysql_select_db($dbName)
    or die ("Connect Failed !! : ".mysql_error());
    ?>
    [/sourcecode]
  2. simpan dengan nama connect.php

Step 4 : Menyiapkan data XML

  1. Ketikkan script berikut,
    [sourcecode language=”xml”]
    <?xml version="1.0" encoding="iso-8859-1"?>
    <data>
    <record>
    <title>Time to Go</title>
    <author>June Sushan</author>
    <publisher>Gramedia Inc</publisher>
    <date>
    <month>June</month>
    <year>1989</year>
    </date>
    </record>

    <record>
    <title>Time to Come</title>
    <author>Alan Smart</author>
    <publisher>Elexmedia Inc</publisher>
    <date>
    <month>April</month>
    <year>1989</year>
    </date>
    </record>

    </data>

    [/sourcecode]

  2. simpan dengan nama record.xml

Step 5 : Membuat script untuk me-load XML, menyimpan ke database, dan menampilkan XML

  1. Ketikkan script berikut,
    [sourcecode language=”php”]
    <?php
    include ‘connect.php’;
    if( !$xml = simplexml_load_file(‘record.xml’) ) //using simplexml_load_file function to load xml file
    {
    echo ‘load XML failed ! ‘;
    }
    else
    {
    echo ‘<h1>This is the Data</h1>’;
    foreach( $xml as $record ) //parse the xml file into object
    {
    $title = $record->title; //get the childnode title
    $author = $record->author; //get the child node author
    $publisher = $record->publisher; //get the child node publisher
    $month = $record->date->month; //get the child node month
    $year = $record->date->year; //get the child node year

    echo ‘Title : ‘.$title.'<br />’;
    echo ‘Author : ‘.$author.'<br />’;
    echo ‘Publisher : ‘.$publisher.'<br />’;
    echo ‘Month : ‘.$month.'<br />’;
    echo ‘Year : ‘.$year.'<br />’;
    echo ‘<br>’;

    //save to database
    $q = "INSERT INTO tb_dataxml VALUES(”,’$title’,’$author’,’$publisher’,’$month $year’)";
    $result = mysql_query($q);
    }
    if ($result) {
    echo ‘<h2>Success Save to Database </h2>’;
    }
    else echo ‘<h2>Failed Save to Databaase</h2>’;
    }
    ?> [/sourcecode]

  2. simpan dengan nama loadxml.php

Step 6 : Testing Code

  1. Pergi ke http://localhost/tutorphp/loadxml.php. Anda akan melihat data dari record.xml telah diparsing dan ditampilkan seperti gambar dibawah 😀
  2. Cek database anda, pastikan bahwa data dari XML telah tersimpan dalam tabel yang telah anda siapkan pada step 1

So, this is time to trivial chit-chat Ha Ha 😀 XML adalah extensible Markup Language.
Why XML? XML adalah format data standar (yang telah disepakati) yang digunakan dalam pertukaran data. Karena ke-global-an XML itulah, XML sering digunakan dalam komunikasi data karena formatnya yang platform independent 😀

Kategori
PHP

Tutorial Upload, Menyimpan, dan Menampilkan Gambar dengan PHP dan Mysql

Studi Kasus : Membuat script untuk menguload image,menyimpan lokasi image ke database dan menampilkannya
Kebutuhan : Webserver Packages, already installed.

Ikuti langkah-langkah dibawah.

Step 1 : Persiapkan Database

  1. Buat database dengan nama db_tutorial
  2. Siapkan tabel dengan nama tb_image, dengan struktur tabel seperti gambar dibawah ini.
  3. Done with the database!

Step 2 : Persiapkan Folder Kerja

  1. Buat folder dengan nama helloMobile dalam document root anda
  2. Buat lagi folder dengan nama image didalam folder helloMobile yang telah anda buat sebelumnya. Folder image ini adalah folder yang akan digunakan untuk menyimpan gambar hasil upload.
  3. Simpan semua file dalam praktikum ini dalam folder helloMobile tersebut.

Step 3 : Membuat script koneksi ke DB

  1. Ketikkan script berikut,
    [sourcecode language=”php”]
    <?php
    $host = "localhost";
    $user = "root";
    $pass = "";
    $dbName = "db_tutorial";
    mysql_connect($host, $user, $pass);
    mysql_select_db($dbName)
    or die ("Connect Failed !! : ".mysql_error());
    ?>
    [/sourcecode]
  2. simpan dengan nama connect.php, dan simpan dalam folder helloMobile

Step 4 : Membuat form upload image

  1. Ketikkan script berikut,
    [sourcecode language=”php”]
    <form name="form" method="post" enctype="multipart/form-data" action="proses.php">
    Image : <input name="picture" type="file" />
    <input type="submit" name="upload" value="Upload" />
    </form>
    [/sourcecode]
  2. simpan dengan nama formupload.php, simpan dalam folder helloMobile

Step 5 : Membuat script pemrosesan dan menampilkan gambar hasil upload

  1. Ketikkan script berikut,
    [sourcecode language=”php”]
    <?php
    include "connect.php";
    $fileName = $_FILES[‘picture’][‘name’]; //get the file name
    $fileSize = $_FILES[‘picture’][‘size’]; //get the size
    $fileError = $_FILES[‘picture’][‘error’]; //get the error when upload
    if($fileSize > 0 || $fileError == 0){ //check if the file is corrupt or error
    $move = move_uploaded_file($_FILES[‘picture’][‘tmp_name’], ‘E:/DocumentRootYuni/helloMobile/image/’.$fileName); //save image to the folder
    if($move){
    echo "<h3>Success! </h3>";
    $q = "INSERT into tb_image VALUES(”,’$fileName’,’image/$fileName’)"; //insert image property to database
    $result = mysql_query($q);

    $q1 = "SELECT location from tb_image where filename = ‘$fileName’ limit 1 "; //get the image that have been uploaded
    $result = mysql_query($q1);
    while ($data = mysql_fetch_array($result)) {
    $loc = $data[‘location’]; ?>
    <br/>
    <h2> This is the Image : </h2>
    <img src="<?php echo $loc; ?>" /> <!– show the image using img src –>
    <?php
    }
    } else{
    echo "<h3>Failed! </h3>";
    }
    } else {
    echo "Failed to Upload : ".$fileError;
    }
    ?>
    [/sourcecode]

  2. simpan dengan nama proses.php
  3. Untuk penjelasan script, dapat dilihat di komentar script 😀

Step 6 : Testing Code

  1. Pergi ke http://localhost/helloMobile/formupload.php. Anda akan melihat form seperti dibawah,
  2. Pilih gambar yang ingin diupload dengan memilih tombol browse
  3. Pilih save. Maka gambar yang telah anda upload akan ditampilkan 😀