Sharing a Knowledge

Bilingual Website (PHP & MySQL)

heru widakdo — Sun, 13 Nov 2011 18:38:13 +0000

Pernahkah teman-teman memanfaatkan fasilitas / tools google translate ? Pasti rata-rata menjawab “Pernah”. Tetapi yang saya maksud disini adalah tools google yang berfungsi untuk menterjemahkan halaman web yang banyak kita temui pada website atau blog pada umumnya, yang menyediakan banyak pilihan bahasa (Multi Language) pada website tersebut. Umumnya berupa widget yang disediakan oleh mbah google untuk selanjutnya dipasang pada halaman webiste atau blog kita (lihat gambar 1). Nah, udah tau kan sekarang ? trus apa hubungannya sama judul artikel diatas ? kan judulnya cuma bilingual alias 2 bahasa, kalau pakai widget google translate kan bisa bermacam-macam bahasa. Kalau sudah begitu ya kembali ke kebutuhan saja, tergantung keinginan si pemilik web tersebut. Tetapi terkadang dengan pemanfaatan widget multi bahasa tersebut memiliki kekurangan, salah satunya adalah beberapa hasil translation yang kurang sesuai sehingga informasi yang akan ditampilkan menjadi kurang relevan. Pada web-web papan atas yang dibangun secara profesional, ternyata jarang kita temui widget multi bahasa tersebut. Mereka lebih cenderung menggunakan translation atau terjemahan yang berasal dari basis data (database) mereka sendiri.

Gambar 1. Widget Google Translate

Diartikel edisi ini saya hanya ingin sekedar share tentang pembuatan website dwi bahasa tersebut. Sebenarnya tidak harus dwi bahasa sih, cm sebagai contoh aja biar ga banyak-banyak bikinnya. Mau pake multi bahasa juga gpp, sama aja prosesnya. Tetapi disini saya memberi contoh yang sangat sederhana sekali lho, mungkin kalau kita terapkan pada website yang komplek tentu kurang effisien. Yaaaah, namanya mencoba kan ga ada salahnya daripada tidak sama sekali.

Ok, kita mulai saja daripada banyak bicara kayak koruptor….hehehe..

Biar beda ama bahasa-bahasa yang tersedia di widget nya si-mbah google, kali ini kita akan membuat sebuah halaman website sederhana dimana terdapat 2 pilihan bahasa yang tersedia, yaitu : Bahasa Indonesia dan Bahasa Jawa. Demonya bisa kawan lihat pada tautan berikut :

DEMO : http://indo-demo.comuf.com/dwi-bahasa/

Source Code :

Source code diatas merupakan bagian inti yang berfungsi untuk SWITCHING. Hah?? istilah apa lagi tuh ??? itu istilah saya sendiri alias ngawur.com. hahahaha…. Tetapi pada intinya code diatas berfungsi untuk proses peralihan dari bahasa satu ke bahasa lainnya dengan memanfaatkan session.

Ok, dech ga perlu panjang lebar langsung aja download Full Source Code nya Di SINI

Soalnya kalo Sorce nya di tulis semua disini jadi panjang dehhh artikel nya….hahahaha

-Selesai-

Refferensi :

Google

Membuat User Online Sederhana Pada Halaman Website (PHP)

heru widakdo — Thu, 20 Oct 2011 02:35:36 +0000

Seringkali kita menjumpai sebuah aplikasi (khususnya aplikasi web) seperti facebook, yahoo, gmail, dlsb. Dimana terdapat list atau daftar pengguna / user yang sedang online saat sesi berlangsung. Pada artikel ini, akan diulas sedikit tentang cara pembuatan aplikasi tersebut secara sederhana. Sebenarnya ada beberapa cara untuk menampilkan data user yang sedang online saat sesi sedang berlangsung, salah satunya dapat menggunakan session atau dapat juga menggunakan parameter baru (istilah saya sendiri lho). Parameter baru yang seperti apa sih ? kok seumur-umur di dunia perwebsite’an baru dengar kali ini. Yah, mungkin itu hanya sekedar istilah saja, maklum penulis mempelajari ini semua dengan cara otodidak dengan bantuan internet. Ok, Let’s start…..

Untuk memudahkan, akan saya bagi menjadi 3 bagian utama :

Bagian Login, yang berfungsi untuk mengetahui siapa yang boleh mengakses aplikasi tsb, apakah user atau bukan. Disini juga akan dilakukan pencocokan user-id dan password user.
Bagian User Log, Apabila berhasil melewati bagian pertama, data user akan di simpan ke dalam basis data (data yang di simpan meliputi : jam login, hari atau tanggal login, nama user, dan status login). Status login inilah yang saya istilahkan parameter baru.
Bagian Penampil, Berfungsi untuk menampilkan siapa saja user yang sedang mengakses sistem (user online) mengacu pada status user.

Bagaimana, cukup membingungkan bukan penjelasannya ??? saya sendiri juga bingung, hehehe..

Ok dehh, selanjutnya langsung ke proses pembuatannya :

Step 1

Buat Database dan Tabel-nya, seperti gambar berikut (hanya contoh) :

Database Name : user_online ; Tabel Name : user & log

Gambar 1. Struktur Tabel user

Gambar 2. Struktur Tabel log

Step 2

Proses pembuatan Halaman Login / Login Page (index.php)

Source Code :

Step 3

Membuat koneksi ke database (koneksi.php)

Source Code :

Step 4

Proses Validasi / Pencocokan data user & password ke Database (cek_login.php)

Source Code :

 0)
{
  session_start();
  session_register("username");
  session_register("password");

  $_SESSION[username]     = $r[username];
  $_SESSION[password]     = $r[password];

  $jam = date("H:i:s");
  $tgl = date("Y-m-d");

  mysql_query("INSERT INTO log(username,
                                 tanggal,
                                 jamin,
                                 jamout,
                                 status)
                           VALUES('$_SESSION[username]',
                                '$tgl',
                                '$jam',
                                'logged',
                                'online')");

  header('location:home.php');
}
else
{
  echo "





LOGIN GAGAL! 

        Username atau Password Anda tidak benar.
";
    echo "
";
  echo "";

}
?>

Step 5

Proses selanjutnya bila login berhasil (home.php)

Source Code :




HOME


                  
USER ONLINE
";
   $sql = mysql_query("SELECT * FROM log ORDER BY no DESC");    
   $no=1;
   while($d=mysql_fetch_array($sql))
     {
      echo "
                 
                 
                 
                 ";
      if($d[status]=='offline')
      {
      echo"";
      }      
      else
      {
      echo"";
      }                            
     echo"";
      $no++;      
     }
echo "
No Username Tanggal Login Jam Login Jam Logout Status
$no $d[username] $d[tanggal] $d[jamin] $d[jamout] OFFLINE ONLINE";    
echo "

";    
?>

No	Username	Tanggal Login	Jam Login	Jam Logout	Status
$no	$d[username]	$d[tanggal]	$d[jamin]	$d[jamout]	OFFLINE	ONLINE

Step 6

Proses keluar / Logout (logout.php)

Source Code :

Selesai…..

Pada aplikasi diatas masih memiliki beberapa kekurangan, mohon koreksi dari kawan-kawan dan para pembaca yang budiman. Saran kedepannya untuk user online ini akan lebih baik lagi apabila dipadukan dengan AJAX, sehingga user yang baru melakukan proses login dapat diketahui langsung tanpa me-reload atau me-refresh halaman website tersebut.

Sekian tulisan edisi Minggu ke 3 Bulan Oktober ini, semoga bermanfaat.

Referensi :

Google & Buku Lokomedia

Menampilkan data dari database ke Combo Box (PHP)

heru widakdo — Tue, 11 Oct 2011 12:42:21 +0000

Combo Box, sekilas pernah mendengar istilah tersebut atau mungkin pernah menemui dan bahkan menggunakannya seperti pada form-form pendaftaran di web (Contoh Gambar 1 – sign up form pada halaman facebook), tapi apa sih sebenarnya combo box itu ?? berikut adalah pengertian dari istilah combo box (di kutip dari wikipedia) “A combo box is a commonly used graphical user interface widget (or control). It is a combination of a drop-down list or list box and a single-line textbox, allowing the user to either type a value directly into the control or choose from the list of existing options.“

Gambar 1. Contoh combo box pada form pendaftaran facebook

Selain pada aplikasi berbasis web (web based application), combo box juga dapat kita temui pada aplikasi yang dibangun dengan menggunakan bahasa program lainnya terutama pada aplikasi visual, sebut saja delphi (nama sebenarnya) atau visual basic. Pada aplikasi tersebut juga terdapat komponen combo box yang fungsi nya kurang lebih sama dengan combo box yang kita temui pada aplikasi berbasis website. Gambar 2 menunjukkan contoh komponen combo box pada program delphi.

Gambar 2. Contoh komponen combo box pada Borland Delphi.

Selanjutnya kita akan membuat sebuah antar muka aplikasi berbasis web, dengan sebuah combo box yang akan menampilkan list data dari database. Hmmm…enak nya pakai studi kasus aja nih, biar lebih cess plenggg…Oye ?

Studi Kasus :

Sebelum menginjak ke studi kasus menggunakan database, terlebih dahulu kita bahas sejenak proses pembuatan combo box dengan php, dengan list / option yang sudah kita tentukan sendiri (Tidak berasal dari database).

CODE :

RESULT :

Selanjutnya kita buat combo box dengan pilihan list / option yang berasal dari database. Studi kasus : Disini saya memiliki database atau basis data anggota ludruk, kemudian kita tampilkan data anggota ludruk tersebut ke combo box pada halaman website yang akan kita buat.

Sederhana saja sih studi kasus nya, namanya juga contoh….hehehe. Let’s Go :

Database Structure :

Sebagai contoh, isikan beberapa nama pada tabel anggota_ludruk, pada kolom nama

Code :

Buat koneksi ke database :

Tampil anggota ke combo :

";
$tampil=mysql_query("SELECT * FROM anggota_ludruk ORDER BY id");
echo "";

while($w=mysql_fetch_array($tampil))
{
    echo "";        
}
 echo "";
?>

Result :

Refference :

Google
Lokomedia

Free Download Source Code :

Terima Kasih

heru widakdo — Thu, 11 Aug 2011 20:51:21 +0000

Secara pribadi dan dari lubuk hati yang terdalam saya ucapkan kepada Sang Pencipta Semesta Alam, kepada Sanak Saudara / Family terkasih, Teman / Sahabat / Kawan seperjuangan, dan semua pihak yang tidak dapat disebutkan satu persatu. Atas doa, dukungan, bantuan baik moril maupun materil yang selama ini telah diberikan kepada penulis selama menempuh studi hingga selesai. semoga TUHAN YME membalas budi baik mereka. Amin

Regards,

Mohon Maaf

heru widakdo — Wed, 13 Apr 2011 08:49:18 +0000

Mohon maaf untuk sementara waktu tidak dapat melayani comment / message / email yang berkaitan dengan postingan atau artikel di blog ini, dikarenakan penulis sedang mempersiapkan diri menghadapi pertempuran maut demi masa depan yang lebih baik. Mohon Doa Restu dari pembaca yang budiman semoga saya dapat memenangkan pertempuran ini…. AMIEN

Thanks

Eksekusi File *.Jar Dengan Delphi

heru widakdo — Thu, 17 Mar 2011 12:03:11 +0000

Untuk lebih jelas nya silahkan mengunduh contoh aplikasi yang disertakan pada tautan di akhir tulisan.

Keterangannya adalah sbb :

#############################################
File “run.bat”
——————————————————————————–
merupakan file batch program untuk mengeksekusi file *.jar
listing code nya adalah sbb :

java -jar sound_en.jar

ket :
1.) sebenarnya file *.jar dapat di eksekusi dengan file batch ini saja.
2.) sound_en.jar pada file run.bat adalah nama file jar yang ingin di eksekusi.

#############################################
File “Project1.exe”
——————————————————————————–
merupakan file application based on delphi program
listing code untuk mengeksekusi file jar dari delphi adalah sbb :
(studi kasus —-> di padukan pada button — event onclick –)

shellexecute(handle,’open’,'run.bat’, nil,nil,sw_show);

ket :
#) Jangan lupa menambahkan “ShellApi” pada uses delphi.

Download Link : http://www.4shared.com/file/q7SO6DLw/JAR.html

Menampilkan Data Acak Dari Database ke Halaman Web

heru widakdo — Sat, 19 Feb 2011 18:44:07 +0000

Dear visitors, semoga saja tidak bosan membaca tulisan-tulisan di blog ini yang kemungkinan besar sudah atau pernah kawan temui di beberapa blog maupun forum-forum diskusi lainnya. Pada kesempatan kali ini saya akan mencoba share sedikit tips dan trik pemrograman website yang bertujuan untuk menampilkan data yang tersimpan pada sebuah basis data (database) ke halaman website secara acak dengan teknik AJAX. Mungkin di hati kecil pembaca akan muncul pertanyaan, buat apa sih menampilkan data acak ? bukankah lebih enak ditampilkan secara urut dan runut ? Pada beberapa aplikasi, data acak dapat digunakan sesuai dengan kebutuhan. Contohnya seperti aplikasi atau program multimedia pembelajaran, program test online, dlsb. Dimana soal-soal akan disajikan secara acak dari sebuah basis data. Pada tulisan ini akan disertakan pula contoh kasus dan source code untuk memperlengkap penjelasan.

OK, Let’s Start………

Seperti biasa, sebelum memulainya silahkan mempersiapkan beberapa perlengkapan penunjang :

Laptop / Personal Komputer.
Apache Web Server.
PHP.
MySQL.
atau XAMPP (Apache, PHP, MySQL).
Text Editor (Notepad / Notepad++ )
Camilan (Optional).

Setelah perlengkapan siap, selanjutnya kita tentukan tema dari studi kasus kali ini. Pada kesempatan kali ini saya ingin menampilkan data dari database yang berupa tulisan atau text kutipan-kutipan / peribahasa yang ditampilkan ke halaman website dengan selang waktu pergantian tiap kalimat 2 sekon.

Gambar 1. Desain Database.

Source Code Koneksi Database (db.php) :

// -- Host, Username dan Password Database $host = "localhost"; $username = "root"; $password = "123"; $db = "acak"; // Melakukan koneksi ke database mysql_connect($host,$username,$password) or die("Koneksi gagal"); mysql_select_db($db) or die ("Database tidak bisa dibuka"); ?>

Source Code index.php :

Source Code data.php

include "db.php"; echo"

";

$tampil=mysql_query("SELECT * FROM data ORDER BY RAND() LIMIT 1");   while ($r=mysql_fetch_array($tampil))	{

echo "

";

}echo "

$r[data]

";

?>

Terlihat dari source code diatas bahwa data akan ditampilkan secara acak ditunjukkan oleh query sql : “SELECT * FROM data ORDER BY RAND() LIMIT 1″

ORDER BY RAND() berfungsi untuk mengacak data yang ada di database, sedangkan LIMIT 1 berfungsi untuk menampilkan hanya 1 data saja ke halaman website.

Sekian tulisan edisi 20 februari 2011, semoga bermanfaat bagi perkembangan ilmu pengetahuan dan berguna bagi nusa dan bangsa. hehehehe….

Refference :

www.google.com

Regards,

Execute *.exe File From Web Page

heru widakdo — Sat, 05 Feb 2011 13:35:51 +0000

Dear all visitor, pada tulisan sebelumnya telah disampaikan tips trik pemrograman webiste menggunakan bahasa pemrograman PHP yang berhubungan dengan file lain (export data ke file excel). Di tulisan ini, saya mencoba memberikan tips dan trik lain yaitu mengeksekusi file exe (application) dari sebuah halaman website. Yang perlu ditekankan, bahwa aplikasi ini (pada saat uji coba) dijalankan pada Win***s Operating System.

Let’s Start….

Source Code yang diberikan relatif cukup singkat, tidak berbelit-belit. Disini anda hanya memerlukan beberapa aplikasi pendukung, Seperti :

Apache Web Server
PHP
atau XAMPP (Apache, PHP, and MySql included)
Aplikasi *.exe yang akan di eksekusi.
Text Editor (Notepad, Wordpad, Notepad++, etc)

Selanjutnya ketikkan beberapa baris code berikut pada text editor :

shell_exec('application.exe'); ?>

Simpan dengan ekstensi file *.php (misal: run_exe.php).

application.exe adalah file aplikasi yang akan saudara running via web page.

letakkan file run_exe.php dan application.exe pada 1 directory.

Akses run_exe.php melalui web browser (ex : mozilla firefox, chrome, opera, dll).

Selesai…

pada contoh di atas, ketika kita membuka run_exe.php via browser, maka application.exe langsung di jalankan. Nantinya teman-teman dapat memodifikasi sesuai kebutuhan, misalnya : menggabungkannya dengan button atau tombol.

Sekian tulisan sederhana edisi 5 feb 2011, Semoga bermanfaat.

Refference : http://www.php.net/

Thanks

Exporting MySQL Database into xls Files Using PHP

heru widakdo — Tue, 25 Jan 2011 14:51:46 +0000

Dear all, kali ini saya ingin share sedikit tips dan trik pemrograman website dengan PHP yang berhubungan dengan basis data atau database (kumpulan data). Teman-teman mungkin pernah menjumpai webiste umumnya yang terdapat data-data tertampil pada sebuah halaman website (web page) dan data-data tersebut dapat di eksport ke bentuk file lain (seperti file excel, csv atau word misalnya). Nah, bagaimana sih proses pembuatannya ??? Berikut step-by-step pembuatan aplikasi tersebut :

Langkah awal adalah mempersiapkan database sebagai tempat penyimpanan data. Berikut contoh desain database dan tabel nya :

Database Name : excel

Table Name : data

Field :

Selanjutnya, silahkan isikan beberapa data ke tabel database tersebut (data masukan terserah anda). Sebelum membuat script export database dengan PHP, kita buat file koneksi ke database. Berikut code script tersebut :

Script berikutnya adalah script untuk menampilkan data ke web page :



View Data
";
$tampil=mysql_query("SELECT * FROM data");
$no= 1;
while ($r=mysql_fetch_array($tampil)){
echo "";
$no++;
}
echo "
No nama umur

$no
$r[nama]
$r[umur]



";
?>

No	nama	umur
$no	$r[nama]	$r[umur]

Results web page :

Script Export to Excel :

" .implode("", $row) . "";
}
$html = "" . ("\r\n", $html) . "
No Nama Umur";
$fileName = 'export.xls';
header("Content-type: application/vnd.ms-excel");
header("Content-Disposition: attachment; filename=$fileName");
echo $html;
?>

Results Excel Files :

Cukup sampai disini dulu tips dan trik pemrograman website ini, semoga berkenan di hati para pembaca yang budiman…hehehe

Thanks

Regards

Refference :

http://www.google.com/

Dynamic Chart Fluctuation Using AJAX Technique

heru widakdo — Mon, 17 Jan 2011 16:01:31 +0000

Sesuai janji saya ditulisan ketiga (Realtime Chart Without Page Refresh Using AJAX Technique-Part 3) yang lalu, yaitu tentang pembuatan grafik pada halaman website dengan fusioncharts yang dapat menampilkan grafik dengan data yang diambil melalui sumber data atau basis data (database). Tulisan kali ini merupakan lanjutan dari artikel yang terdahulu (part1, part2, dan part3) tetapi judul saya ubah menjadi Dynamic Chart Fluctuation Using AJAX Technique (biar ga bosen n kelihatan keren dikit…hehehe). Tidak perlu panjang lebar keterangan yang diberikan, langsung kecontoh penerapan atau studi kasus aja biar enak. Persiapan seperti yang kemaren (laptop atau komputer, apache, php, mysql, dll)

Langkah Pertama kita siapkan terlebih dahulu database atau basis data, yang berfungsi sebagai tempat penampung data atau istilah sehari-harinya kita siapkan terlebih dahulu wadah sebagai tempat penyimpanan data. Berikut screenshot tabel dari database yang saya buat : (desain database dan tabel terserah anda – opsional)

Gambar 1. Desain Database

Langkah Kedua adalah desain halaman untuk menampilkan chart yang akan kita tampilkan.

berikut adalah source code halaman “index.php”

Berikut adalah source code untuk query data :

Results Chart :

Demikianlah beberapa bait source code dan screenshot tampilan chart yang dihasilkan, kalau kita amati dari script data.php dapat kita lihat baris ke-28 sbb :

mysql_query(“INSERT INTO data (value1, value2) VALUES (” . rand() . ”, ” . rand() . “)”, $dbConn);

script tersebut akan melakukan input data yang berupa data acak (random) dengan menggunakan fungsi rand() pada php. Oiya, pada tampilan screenshot tersebut chart hanya berupa image (ya iyalah…kan screenshot…) nanti kalo kawan coba sendiri di webserver lokal, maka akan terlihat perubahan data pada grafik secara fluktuatif tanpa kita load (refresh) halaman web tersebut.

Source Code Download

Nah, nanti kawan-kawan dapat mengunduh source code lengkapnya. Silahkan anda modifikasi sendiri sesuai dengan keperluan.

DOWNLOAD URL = http://www.4shared.com/file/F1IYKVpY/dynamic-chart.html

ok, sekian dulu tulisan sederhana ini…..semoga bermanfaat. MERDEKA!!!!!

Reference : sony-ak

Regards