Loading

8 Mei 2011

membuat file pdf dengan fpdf

karena kesibukan jadi lama tidak posting di blog.
hehehe,... sok sibuk,.. :)

kali ini saya akan sharing tentang bagaimana membuat file pdf dengan script php menggunakan fpf atau bisa juga kita sebut juga konversi dari php ke pdf. trik ini sebenernya simple tapi agak ribet saat setting posisi/letak text,.
langsung aja ke pembahasan. sebelum kita memulai yang di butuhkan adalah fpdf tentunya, kita bisa download di fpdf.org atau kalau mau fpdf yang sudah saya modif di http://catment.co.cc (yang tidak digunakan saya hapus, biar lebih kecil filenya,. :) ) .

untuk contoh script phpnya spt di bawah ini :

<?php
//kita membutuhkan file fpdf yang tadi di download

require('fpdf.php');

// set page
$pdf=new FPDF();
//set page potrait, ukuran kertas a4
$pdf->AddPage('P', 'A4');
// set string
$pdf->SetFont('Arial','B',16);
$pdf->Cell(0,20,'catment.blogspot.com','0',1,'L');
//output
$pdf->Output();
?>

untuk manualnya saya juga sudah download yang bahasa indonesia, dan bisa di lihat di sini

untuk demonya bisa di lihat di
sini
file dari demo juga bisa di download di sini

selamat mencoba, semoga bermanfaat.

Untuk konsultasi, tanya-tanya tentang web programming, php, ajax, mysql, javascript, html, script bisa komen disini.
Untuk proyek atau tugas tentang web bisa komen disini.
Atau dapat langsung hubungi kami:
Email:
tawank.x@gmail.com
bobybibbob@gmail.com

YM:
tawank_x
bobybibbob

30 April 2011

Ajax Auto Fill Field

Post ini merupakan balasan dari pertanyaan http://catment.blogspot.com/2010/03/konsultasi-dan-pertanyaan-seputar-web.html?showComment=1303962877607#c5141183143205731266
Sebenarnya dasar dari tutorial ini seperti ajax sugestion tetapi dengan beberapa perubahan.
Langsung aja:
Misal database'a dg nama db_kampus:
CREATE TABLE `kp_kota` (
`id_kota` smallint(2) NOT NULL auto_increment,
`kode` varchar(5) NOT NULL,
`kota` varchar(50) NOT NULL,
PRIMARY KEY  (`id_kota`),
KEY `kode` (`kode`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=5 ;

INSERT INTO `kp_kota` VALUES (1, 'jkt', 'Dki Jakarta');
INSERT INTO `kp_kota` VALUES (2, 'bdg', 'Bandung');
INSERT INTO `kp_kota` VALUES (3, 'sby', 'Surabaya');
INSERT INTO `kp_kota` VALUES (4, 'diy', 'Jogja');

CREATE TABLE `kp_mahasiswa` (
`id_mahasiswa` smallint(2) NOT NULL auto_increment,
`nim` varchar(15) NOT NULL,
`nama` varchar(100) NOT NULL,
PRIMARY KEY  (`id_mahasiswa`),
UNIQUE KEY `nim` (`nim`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 AUTO_INCREMENT=3 ;

INSERT INTO `kp_mahasiswa` VALUES (1, '611070085', 'Catur A.');
INSERT INTO `kp_mahasiswa` VALUES (2, '611070081', 'Reza N.');

Selanjutnya mari kita buat halaman index.php yang berisi form untuk memanggil data yang berhubungan dengan teks yang kita masukan pada field input text.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="Demo Contoh Script Tutorial Ajax Chat Online Support" />
<meta name="keyword" content="tutorial ajax,script ajax,ajax,tutorial,script,contoh,php,javascript" />
<meta name="author" content="bobybibbob - catment.blogspot.com" />
<title>Tutorial Ajax - catment.blogspot.com</title>
</head>
<body>
<table>
<tr>
<td>NIM</td>
<td>: <input type="text" name="nim" id="nim" onkeyup="req_nama(this.value,document.getElementById('nama'),'start');" /></td>
</tr>
<tr>
<td>Nama</td>
<td>: <input type="text" name="nama" id="nama" /></td>
</tr>
<tr>
<td>Kode Kota</td>
<td>: <input type="text" name="kode" id="kode" onkeyup="req_kota(this.value,document.getElementById('kota'),'start');" /></td>
</tr>
<tr>
<td>Nama Kota</td>
<td>: <input type="text" name="kota" id="kota" /></td>
</tr>
</table>
<script type="text/javascript" language="javascript">
<!--
var xmlhttp;
var nim;
var kota;
var area;
var timer;

/*req_nama*/
function req_nama(get_nim,get_area,flag)
{
clearTimeout(timer);
nim=get_nim;
area=get_area;
if(flag=="start")
{
timer=setTimeout("req_nama(nim,area,'delay')",1000);
}
else if(flag=="delay")
{
if(get_nim==document.getElementById("nim").value)
{
var url="nama.php?rand="+Math.random();
var post="nim="+nim+"&act=req_nama";
ajax(url,post,area);
}
else
{timer=setTimeout("req_nama(nim,area,'delay')",1000);}
}
}
/*--------*/

/*req_kota*/
function req_kota(get_kode,get_area,flag)
{
clearTimeout(timer);
kode=get_kode;
area=get_area;
if(flag=="start")
{
timer=setTimeout("req_kota(kode,area,'delay')",1000);
}
else if(flag=="delay")
{
if(get_kode==document.getElementById("kode").value)
{
var url="kota.php?rand="+Math.random();
var post="kode="+kode+"&act=req_kota";
ajax(url,post,area);
}
else
{timer=setTimeout("req_kota(nim,area,'delay')",1000);}
}
}
/*--------*

/*ajax*/
function ajax(url,post,area)
{
xmlhttp=GetXmlHttpObject();
xmlhttp.onreadystatechange=function()
{
if(xmlhttp.readyState==4)
{
if(xmlhttp.status==200)
{
area.value=xmlhttp.responseText;
}
else{ajax_fail();}
}
}
xmlhttp.open("POST",url,true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.send(post);
}
/*--------*/

/*ajax_fail*/
function ajax_fail()
{
alert("There's a problem with the ajax, please reload the page.");
return false;
}
/*--------*/

/*pilih xmlhttp berdasarkan browser*/
function GetXmlHttpObject()
{
if(window.XMLHttpRequest)
{
return new XMLHttpRequest();
}
if(window.ActiveXObject)
{
return new ActiveXObject("Microsoft.XMLHTTP");
}
else
{alert("Maaf browser anda tidak mendukung ajax.");}
return false;
}
/*--------*/
//-->
</script>
</body>
</html>

Selanjutnya kita membutuhkan file yang berfungsi untuk menghubungkan ke database. Simpan file ini dalam folder config dengan nama file "db_config.php"
<?php
$hostname_conn="localhost";
$username_conn="root";
$password_conn="bismillah";
$db_conn="db_kampus";
mysql_connect($hostname_conn,$username_conn,$password_conn,$db_conn) or die ("Sorry, there's a problem with our database.");
mysql_select_db($db_conn);
?>
File yang akan memproses ajax ada 2 yaitu:
nama.php
<?php
include_once"config/db_config.php";
$nim=$_POST['nim'];
$act=$_POST['act'];

if($act=="req_nama")
{
/*select mahasiswa*/
$command="SELECT * FROM kp_mahasiswa WHERE nim='$nim'";
$select=mysql_query($command);
$row=mysql_fetch_array($select);
/*--------*/

echo"$row[nama]";
}
else{header("Location: index.php");}
?>
kota.php
<?php
include_once"config/db_config.php";
$kode=$_POST['kode'];
$act=$_POST['act'];

if($act=="req_kota")
{
/*select mahasiswa*/
$command="SELECT * FROM kp_kota WHERE kode='$kode'";
$select=mysql_query($command);
$row=mysql_fetch_array($select);
/*--------*/

echo"$row[kota]";
}
else{header("Location: index.php");}
?>

Selesai! Silahkan coba.. :)

Untuk konsultasi, tanya-tanya tentang web programming, php, ajax, mysql, javascript, html, script bisa komen disini.
Untuk proyek atau tugas tentang web bisa komen disini.
Atau dapat langsung hubungi kami:
Email:
tawank.x@gmail.com
bobybibbob@gmail.com

YM:
tawank_x
bobybibbob

5 April 2011

Request aplikasi/script

kami menyediakan jasa layanan request aplikasi/script,.
anda dapat merequest aplikasi / script di sini, dengan biaya yang sangat murah mulai dari 10rb.
biaya dapat berubah tergantung tingkat kesulitan aplikasi/script yang di request.

untuk request aplikasi/script cukup tingggalkan komen di sini atau bisa juga hub kami via Email atau YM atau untuk fast respon bisa SMS ke 085722440959

Email:
tawank.x@gmail.com
bobybibbob@gmail.com

YM:
tawank_x
bobybibbob

4 April 2011

Page Counter dengan PHP dan Database

kali ini saya menulis tenttang page counter, page counter ini berfungsi untuk menghitung berapa kali halaman website di kunjungi oleh pengunjung dan berapa kali page dari website dilihat.
sebenernya ini bukan cara yag baru, ini hanya modifikasi dari tutorial menampilkan IP dengan script PHP hanya saja disini hasil dari IP tersebut di simpan dalam database dan dihitung berdasar IP(page visit) dan total dari semua IP yang tercatatat di database mysql.

lansung saja ke script PHP:

/* Insert to dtabase */
$ip=$_SERVER['REMOTE_ADDR'];
$insert=mysql_query("INSERT INTO tb_counter (page) VALUES ('$ip')");

/* count page_view*/
$i=0;
$query=mysql_query("SELECT * FROM tb_counter");
while($row=mysql_fetch_array($query)){
$i++;
}

/* count page_visit */
$l=0;
$query2=mysql_query("SELECT * FROM tb_counter GROUP BY page");
while($row2=mysql_fetch_array($query2)){
$l++;
}

keterangan dari script di atas, apabila di jalankan akan menambah page visit dan page view, apabila di refresh, maka page view akan bertambah sedang page visit tidak bertambah karena page visit bertambah pada saat buka pertama kali,.
catatan : apabila saat buka pertama kali page visit tidak bertambah, berati IP yang anda gunakan sudah pernah membuka halaman tersebut,.

untuk demo bisa di lihat di sini
script PHP dan database bisa di download di sini

Untuk konsultasi, tanya-tanya tentang web programming, php, ajax, mysql, javascript, html, script bisa komen disini.
Untuk proyek atau tugas tentang web bisa komen disini.
Atau dapat langsung hubungi kami:
Email:
tawank.x@gmail.com
bobybibbob@gmail.com

YM:
tawank_x
bobybibbob

2 April 2011

Kumpulan Demo Tutorial Contoh Script Ajax

Kumpulan Demo Tutorial Contoh Script Ajax

# Test Ajax Browser Suport
# Sugest (Ajax)
# miniChat v.01 (Ajax)
# Coment with Ajax
# ComboBox (Ajax)
# ComboBox v.02 (Ajax) (Revisi)
# Loading Page (Ajax)

30 Maret 2011

Polling untuk blog dan website

satu lagi ni keluaran catment.blogspot.com yaitu polling,.
ini adalah pengembangan dari (Script) polling yang sebelumnya, dengan sedikit di poles denganCSS dan modifikasi pada script PHP.
anda dapat memanfaatkan polling ini, dan dapat di taruh di website/blog anda.

caran mendapatkannya cukup mudah, tinggal buka http://catment.co.cc/product trus ikuti langkah2nya,.
terakhir tinggal copy kodenya,.

nampak hasilnya spt dibawah ini :



29 Maret 2011

Demo Tutorial Contoh Script Menghitung Selisih Tanggal Menggunakan PHP, Javascript, dan MySQL

Menghitung Selisih Hari Antar Tanggal

Demo Tutorial Contoh Script Menghitung Selisih Tanggal Menggunakan PHP, Javascript, dan MySQLTutorial kali ini untuk menjawab pertanyaan dari deo yaitu bagaimana jika dari kalender (pada tutorial Javascript Calendar Date Picker / Javascript Calendar Popup / Kalender Javascript) tanggal yang dipilih dapat disimpan di suatu variabel dan digunakan untuk menghitung selisih dari tanggal yang telah dipilih tersebut.

Untuk menghitung selisih hari antar tanggal yang telah dipilih tersebut saya menggunakan salah satu fungsi tanggal/waktu pada mysql yaitu
DATEDIFF(expr1,expr2)

Dalam tutorial ini masih menggunakan kalender pada tutorial sebelumnya hanya saja pada halaman index.php ada perubahan seperti di bawah ini.
<?php
$date0=$_GET['date0'];
$date1=$_GET['date1'];
$hasil=$_GET['hasil'];
?>
<html>
<head>
<title>Menghitung selisih hari dari tanggal tertentu @ catment.blogspot.com</title>
</head>
<body>
<center>
<form method="post" action="hasil.php">
<h1>Menghitung selisih hari dari tanggal tertentu</h1>
Tanggal awal - Tanggal akhir = ??
<hr />
<input type="text" name="date0" id="pick_date[0]" value="<?php echo"$date0"; ?>" readonly="readonly" onClick="pick('pick_date[0]');" />
-
<input type="text" name="date1" id="pick_date[1]" value="<?php echo"$date1"; ?>" readonly="readonly" onClick="pick('pick_date[1]');" />
= <?php echo"$hasil"; ?>
<br />
<input type="submit" value="Hitung!!" />
</form>
</center>
<script type="text/javascript" language="javascript">
<!--
function pick(tgt)
{
window.open("kalender_pick.php?rand="+Math.random()+"&tgt="+tgt,"Kalender","width=500,height=400,alwaysRaised=yes,scrollbars=yes,directories=no,location=no,menubar=no,toolbar=no")
}
//-->
</script>
</body>
</html>

Dan menggunakan file kalender_pick.php yang sama seperti tutorial sebelumnya.
<html>
<head>
<meta name="description" content="javascript calendar date picker / javascript calendar popup / kalender javascript" />
<meta name="keyword" content="javascript calendar date picker,script calendar javascript,javascript,calendar,script,kalender" />
<script language="javascript" type="text/javascript">
/*blocker*/
if(window.opener==null)
{
window.location="index.php";
}
/*--------*/
</script>
<title>Script Javascript Kalender / Pick Date Calendar</title>
</head>
<body>
<center>
<h1>Script Javascript Kalender / Pick Date Calendar</h1>
<div id="kalender"></div>
</center>
<script type="text/javascript" language="javascript">
<!--
var array_day=["Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu"];
var array_month=["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"];
var date;
var year;
var month;
var day;
var go_year;
var go_month;
var fulldate;
var isi;
var now_date=new Date();
var now_day=now_date.getDate();
var now_month=now_date.getMonth();
var now_year=now_date.getYear();
var url=document.location.href;
var tgt=url.lastIndexOf("tgt=");
tgt=url.slice(tgt+4);
tgt=window.opener.document.getElementById(tgt);
now();
/*now*/
function now()
{
date=new Date();
calendar(date);
}
/*--------*/
/*newdate*/
function newdate()
{
go_month=document.getElementById("sel_month");
date=new Date(go_year,go_month.value);
return calendar(date);
}
/*--------*/
/*calendar*/
function calendar(date)
{
year=date.getFullYear();
month=date.getMonth();
day=date.getDate();
isi="<form>";
isi+="<table align='center' border=1 cellpadding=3 cellspacing=0>";
/**baris 1 (menu2 perintah)**/
isi+="<tr>";
isi+="<td colspan='7' align='center'>";
/*today button*/
isi+="<input type='button' name='today' value='Today' onClick='now();' /> ";
/*--------*/
/*select month*/
date.setDate(1);
isi+="<select name='sel_month' id='sel_month'>";
for(i=0;i<10;i++)
{
if(i==month)
{var selected="selected='selected'";}
else{selected="";}
isi+="<option value=\"0"+i+"\" "+selected+">"+array_month[i]+"</option>";
}
for(i=10;i<12;i++)
{
if(i==month)
{var selected="selected='selected'";}
else{selected="";}
isi+="<option value=\""+i+"\" "+selected+">"+array_month[i]+"</option>";
}
isi+="</select> ";
/*--------*/
/*decrease tahun*/
go_year=year;
isi+="<input type='button' name='year_down' value='<' onClick=\"go_year=document.getElementById('sel_year').value-1; document.getElementById('sel_year').value=go_year;\" /> ";
/*--------*/
/*output tahun*/
if(go_year==year)
{go_year=year;}
else{go_year=go_year;}
isi+="<input type='text' name='sel_year' id='sel_year' value='"+go_year+"' size='3' disabled='disabled' /> ";
/*--------*/
/*increase tahun*/
isi+="<input type='button' name='year_up' value='>' onClick=\"go_year=document.getElementById('sel_year').value-1+2; document.getElementById('sel_year').value=go_year;\" /> ";
/*--------*/
/*go button*/
isi+="<input type='button' name='go' id='go' value='Go' onClick=\"newdate();\" />";
/*--------*/
isi+="</td>";
isi+="</tr>";
/**--------**/
/*baris 2 (bulan, tahun)*/
isi+="<tr>";
isi+="<td colspan=7 align='center'><b>"+ array_month[month]+", "+year+"</b></td>";
isi+="</tr>";
/*--------*/
/*baris 3 (header hari)*/
isi+="<tr bgcolor='#00CCFF'>";
for(i=0;i<7;i++)
{
isi+="<td align='center'>"+array_day[i]+"</td>";
}
isi+="</tr>";
/*--------*/
/**baris kalender**/
/*cell tanpa tanggal bagian atas*/
if(date.getDay()!=0)
{
isi+="<tr>";
for(i=0;i<date.getDay();i++)
{
isi+="<td>&nbsp;</td>";
}
}
/*--------*/
/*cell yang ada tanggalnya*/
while(date.getMonth()==month)
{
fulldate=year+"-"+(month+1);
if(date.getDay==0)
{
isi+="<tr>";
}
/*hari ini*/
if(date.getDate()==now_day && date.getMonth()==now_month && date.getYear()==now_year)
{
isi+="<td align='center' bgcolor='#00FF00'><b><a href='#' onClick=\"tgt.value=fulldate+'-'\+"+date.getDate()+"; window.close();\">"+date.getDate()+"</a></b></td>";
}
/*--------*/
/**hari lain**/
else
{
/*minggu+sabtu*/
if(date.getDay()==0 || date.getDay()==6)
{var bgcolor="bgcolor='#FEC281'";}
/*--------*/
/*hari biasa*/
else{bgcolor="";}
/*--------*/
isi+="<td align='center' "+bgcolor+"><a href='#' onClick=\"tgt.value=fulldate+'-'\+"+date.getDate()+"; window.close();\">"+date.getDate()+"</a></td>";
}
/**--------**/
if(date.getDay()==6)
{
isi+="</tr>";
}
date.setDate(date.getDate()+1);
}
/*--------*/
/*cell tanpa tanggal bagian bawah*/
for(i=date.getDay();i<=6;i++)
{
isi+="<td>&nbsp;</td>";
}
/*--------*/
isi+="</table>";
isi+="</form>";
/**--------**/
document.getElementById("kalender").innerHTML=isi;
}
/*--------*/
//-->
</script>
</body>
</html>

Dan yang terakhir adalah file yang digunakan untuk menghitung selisih hari antar tanggal yaitu hasil.php

<?php
$date0=$_POST['date0'];
$date1=$_POST['date1'];

/*konfigurasi koneksi database*/
$hostname_conn="localhost";
$username_conn="root";
$password_conn="";
mysql_connect($hostname_conn,$username_conn,$password_conn) or die ("Maaf sedang ada gangguan dengan database kami.");
/*--------*/

/*selisih tanggal*/
$command="SELECT DATEDIFF('$date0','$date1')";
$select=mysql_query($command);
$row=mysql_fetch_array($select);
/*--------*/

header("Location: index.php?date0=$date0&date1=$date1&hasil=$row[0]");
exit();
?>


Selesai!!
Pada intinya untuk menghitung selisih hari antar tanggal menggunakan fungsi mysql diperlukan script untuk mengkoneksikan ke database, selanjutnya gunakan fungsi

DATEDIFF(expr1,expr2)

expr1 merupakan tanggal pertama (format yyyy-mm-dd) yang dikurangkan dan expr2 adalah tanggal kedua yang mengurangkan.
Untuk melihat demo silahkan buka http://catment.co.cc/demo/kalender_v2/. Untuk mendownload silahkan buka http://catment.co.cc/download/kalender_v2.zip

Untuk konsultasi, tanya-tanya tentang web programming, php, ajax, mysql, javascript, html, script bisa komen disini.
Untuk proyek atau tugas tentang web bisa komen disini.
Atau dapat langsung hubungi kami:
Email:
tawank.x@gmail.com
bobybibbob@gmail.com

YM:
tawank_x
bobybibbob

Download

Download Kumpulan Demo Tutorial Contoh Script dan Tool Web Programming

# Page Counter dengan PHP dan mysql (Page View & Page Visit)
# Demo Tutorial Contoh Script Menghitung Selisih Tanggal Menggunakan PHP, Javascript, dan MySQL
# Plugin firefox web developer
# Demo Tutorial Contoh Script Ajax Loader Load Content/Page
# Script polling dengan PHP dan database mysql
# Website Multimedia - mp3 streaming
# macam-macam fungsi waktu
# Demo dan Tutorial Combobox Menggunakan Script PHP Ajax Javascript MySQL
# Script Print dengan Javascript
# Medeteksi Browser Yang Digunakan User Menggunakan Javasript
# Javascript Calendar Date Picker / Javascript Calendar Popup / Kalender Javascript
# Tutorial Script PHP : Menampilkan data dari database
# Tutorial Script Ajax : Ajax Suggestion
# Tutorial Script Ajax: Ajax Comment
# Tutorial Script Ajax : Membuat miniChat/shoutbox dengan Ajaxt
# Javascript Checkbox Checked / Javascript Check All Checkbox
# Tutorial Script Ajax: Combobox dengan ajax
# Tutorial Script PHP: Membuat Captcha Dengan Script PHP
# Elemen FORM pada HTML
# Tutorial script Javascript : Membuat kalender sederhana dengan Javascript
# CSS (Cascading Style Sheet)
# Tutorial script Javascript : Jam digital dengan javascript
# Tutorial script PHP : Tes koneksi ke server MySQL menggunakan script PHP
# Tutorial script PHP : membulatkan bilangan pecahan dengan script PHP
# Tutorial script PHP : script untuk menampilkan informasi ip dan browser
# Tutorial script PHP : Format date pada PHP
# Check Javascript Browser Enabled / Disabled
# Script untuk mengubah ukuran ( resize ) gambar menggunakan javascript
# Tutorial dasar HTML
# Tutorial dasar javascript
# Javascript Validasi Email

Product

# Polling untuk blog dan web

PHP

# Membuat file pdf dengan fpdf
# Format date (PHP)
# Script menampilkan informasi IP dan Browser (PHP)
# Membulatkan bilangan dengan script PHP
# Tes Koneksi ke database Mysql dengan script PHP
# Menghapus File dengan script PHP
# Sistem fungsi file pada PHP
# Captcha (PHP)
# Macam-macam fungsi waktu (PHP)
# Pantau Merapi dengan Web (live) (PHP)
# Polling dengan PHP dan database MySQL
# Page Counter (PHP) (Page Visit & Page View)

CSS

# CSS (Cascading Style Sheet)
# Link Tanpa garis bawah (CSS)

Javascript

# Check Javascript Browser Enabled / Disabled
# Dasar-dasar Javascript
# Jam Digital (Javascript)
# Javascript Calendar Date Picker / Popup
# Javascript Checkbox Checked / Javascript Check All Checkbox
Javascript Menghitung Selisih Tanggal
# Javascript Ucapan Selamat Idul Fitri, Lebaran 
# Kalender/Calendar (Javascript)
# Medeteksi Browser Yang Digunakan User Menggunakan Javasript
# Mengubah ukuran/size gambar (Javascript)
# Promptbox (Javascript)
# Script Halaman Web Pantau Merapi Real Time (Live)
# Script Print dengan Javascript
# Tutorial Javascript Validasi Form (Javascript Form Validation)
# Validasi email (Javascript)

HTML

# Dasar-Dasar HTML
# Elemen Form pada HTML
# Website MP3 Streaming Sederhana (HTML)

28 Maret 2011

Plugin firefox web developer

satu lagi plugin gratisan yang sangat membantu buat para pe mbuat web, yaitu web developer. plugin ini bekerja di browser firefox. walaupun gratisan kemampuan plugin ini bisa di bilang cukup memuaskan, karena dapat mendeteksi error pada script CSS dan javascript.
kenapa Script CSS dan Javascript. soalnya CSS dan Javascript adalah client side dimana tempat pemrosesan script di sisi client(browser).


plugin tersebut bisa di download di SINI

26 Maret 2011

Demo Tutorial Contoh Script Ajax Loader Load Content/Page

Demo Tutorial Contoh Script Ajax Loader Load Content/Page

Kali ini saya akan memberikan contoh script untuk menampilkan image atau gambar loader (gambar proses loading) yang dapat digunakan pada saat kita menjalankan

Ajax

saat menunggu hasil atau response dari request ajax yang dijalankan.
Langsung aja script nya:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Demo Tutorial Contoh Script Ajax Loader Load Content/Page @ catment.blogspt.com </title>
</head>
<body>
<style>
#loading
{
  display:none;
  position:fixed;
  top:0%;
  left:50%;
  width:65px;
  height:auto;
}
</style>

<!--****loading+popup_div****-->
<div id="loading">
<font color="#CC00FF" size="4"><b>Loading...</b></font><img src="loading.gif" alt='..Loading..' />
</div>
<!--********-->

<div id="content">
Teks awal sebelum file teks.php di load
</div>
<input type="button" value="Load File" onclick="load_page();" />
<script type="text/javascript" language="javascript">
<!--
var xmlhttp;

/*load_page*/
function load_page()
{
var url="teks.html?rand="+Math.random();
var post="";
ajax(url,post,'go_page');
}
/*--------*/

/*ajax*/
function ajax(url,post,response)
{
xmlhttp=GetXmlHttpObject();
xmlhttp.onreadystatechange=function()
{
if(xmlhttp.readyState!==4)
{document.getElementById("loading").style.display="block";}
if(xmlhttp.readyState==4)
{
if(xmlhttp.status==200)
{
// setTimeout("document.getElementById('loading').style.display='none'",500); //jika ingin menggunakan delay
document.getElementById("content").innerHTML=xmlhttp.responseText;
document.getElementById("loading").style.display="none";
}
else{ajax_fail();}
}
}
xmlhttp.open("POST",url,true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.send(post);
}
/*--------*/

/*ajax_fail*/
function ajax_fail()
{
document.getElementById("loading").style.display="none";
alert("Maaf ada gangguan penerimaan data, silahkan coba lagi atau refresh browser anda.");
return false;
}
/*--------*/

/*pilih xmlhttp berdasarkan browser*/
function GetXmlHttpObject()
{
if(window.XMLHttpRequest)
{
return new XMLHttpRequest();
}
if(window.ActiveXObject)
{
return new ActiveXObject("Microsoft.XMLHTTP");
}
else
{alert("Maaf browser anda tidak mendukung ajax.");}
return false;
}
/*--------*/
//-->
</script>
</body>
</html>

Pada contoh script diatas ajax merequest halaman teks.html sebagai contoh halaman teks.html:
Ini adalah isi dari file teks.txt yang di load menggunakan ajax.
<br />
<img src="baner.png" alt="banner" />

Hasil dari tutorial ini dapat anda coba di http://catment.co.cc/demo/ajax_loading dan download script disini.
Terima kasih, semoga tutorial ini bermanfaat.

Untuk konsultasi, tanya-tanya tentang web programming, php, ajax, mysql, javascript, html, script bisa komen disini.
Untuk proyek atau tugas tentang web bisa komen disini.
Atau dapat langsung hubungi kami:
Email:
tawank.x@gmail.com
bobybibbob@gmail.com

YM:
tawank_x
bobybibbob

^0^V

24 Maret 2011

Script polling dengan PHP dan database mysql

polling atau jejak pendapat adalah salah satu metode sampling/sample untuk mengetahui pendapat masyarakat tentang suatu isue, Polling bisa juga untuk mengambil sample jawaban masyarakat dari pertanyaan yang jawabanya sudah tersedia,.
Metode polling itu sendiri sangat bervareasi, mulai dari SMS Polling, Web Polling, dll.
untuk itu disini akan saya bahas Polling menggunakan web. nah karena polling sifatnya dinamis maka yang script yang digunakan adalah PHP. dan di sini hasil dari polling di simpan di database mysql.
untuk langkah pertama kita siapkan materi yang akan di Pollingkan, bisa pertanyaan atau yang lain. Selanjutnya adalah menyiapkan media penyimpanan/database, disini menggunakan mysql. setelah itu kita buat Script PHP nya,.

Buat pertayaan, disini saya membuat pertanyaan "Apakah blog catment.blogspot.com ini membantu anda?"
Selanjuatnya buat database di mysql, di sini saya beri nama databasenya "db_polling". setelah itu buat table polling yang berisi 4 buah field diantaranya adalah id(primary key), sangat membantu, membantu, tidak membantu. kenapa saya beri nama demikian karena di sini saya sesuaikan jawban dengan pertanyaan di atas.
Buat Script PHP untuk pollingnya. disini ada 3 file yang memuat script PHP, HTML, MySQL, dan 1 file gambar(bar.jpg). file tersebut yang terdiri dari index.php(menampilkan halaman utama polling), proses.php(memproses polling), dan hasil_polling(menampilkan hasil polling).php

Keterangan script :
pada proses.php & hasil_polling.php terdapat script

// Koneksi Ke database
$hos = "localhost";
$uname = "root";
$pswd= "";
$nama_db = "db_polling";

$koneksi = mysql_connect($hos,$uname,$pswd) or die ("Gagal terhubung ke server MySQL!");
mysql_select_db($nama_db, $koneksi) or die("Gagal memilih database!");

hal tersebut di perlukan untuk koneksi ke database. jika gagat terkoneksi maka akan muncul Gagal ....

di proses.php terdapat script PHP

$update=mysql_query("UPDATE polling SET sangat_membantu=$SM_baru WHERE id='1'");

script PHP tersebut mengUpdate setiap perubahan/masukan polling yang terjadi.

hasilnya akan seperti di bawah ini :



Untuk web polling (berisi Script PHP dan database) bisa di download di sini
atau bisa lihat demo di sini

Semoga bermanfaat

22 Maret 2011

Website Multimedia - mp3 streaming

sekarang banyak website multimedia, seiring dengan kebutuhan website multimedia tidak hanya menyuguhkan download file multimedia tetapi juga menyediakan layanan streaming. sehingga memanjakan pengunjung website multimedia tersebut. karena pengunjung tidak hanya download file, pengunjung bisa langsung mengetes kualitas (seperti suara, gambar, dll).
di sini saya akan share bagaimana membuat/menampilkan website multimedia.
agar file multimedia bisa di putar/streaming dibutuhkan player yang bisa dijalankan di website. sekarang ini banyak sekali yang menyediakan player (flash player) tersebut dari yang gratisan sampai yang berbayar. disini saya sudah download player (flash player mp3), dan sudah saya edit scriptnya agar mudah digunakan.

langusng saja kita ke pokok permasalahan, sebenarnya scriptnya sangat sederhana, seperti dibawah ini :

<html>
<head>
<title>Website MP3 Streaming </title>
</head>
<object type="application/x-shockwave-flash" id="player1" allowscriptaccess="always" allowfullscreen="true" data="ThinMusicPlayer.swf" height="21" width="220">

<param name="movie" value="ThinMusicPlayer.swf">

<param name="FlashVars" value="mediaPath=GejolakKawulaMuda.mp3">
</object>
</html>

hasil dari script diatas :




script di atas adalah script html, sehingga aka menampilkan website yang statis, untuk membuat agar dinamis, anda memerlukan sentuhan script PHP. dengan sedikit sentuhan script PHP website mp3 streaming di atas akan sayang menarik.

nah cukup mudah bukan, sekarang anda bisa mencobanya. skrng anda sudah bisa membuat website mp3 streaming.

Anda bisa download script+mp3_player+contoh lagu di sini
atau melihat demonya di sini

21 Maret 2011

Jasa Pembuatan Website

Kami, team catment menawarkan jasa pembuatan website/SMS gateway untuk tugas/skripsi/tugas akhir/proyek akhir dll. kami juga menerima bimbingan dalam pembuatan website,.
web programming yang kami kuasai :
-HTML
-CSS
-PHP
-Javascript
-Ajax
-database MySQL
-jQuery
-CI (framework)

kami juga melayani pembuatan aplikasi facebook, install & pembuatan plugin wordpress.

untuk anda yang mengalami masalah dalam script, kami juga melayani pembetulan/perbaikan script.

web yang pernah kami tangani :
https://funbox-production.com
http://multieticket.tk

dan banyak juga yang tidak di hosting (localhost)

informasi lebih lanjut :
tlp/sms: 085722440959
email : tawank.x@gmail.com / bobybibbob@gmail.com
YM : tawank_x / bobybibbob

kunjungi juga lapak kami di kaskus.us

17 Maret 2011

macam-macam fungsi waktu

Sebelumnya saya pernah menulis Format date pada PHP

Fungsi CheckDate
Fungsi ini digunakan untuk memeriksa kebasahan suatu tanggal. Argumen yang dimasukkan harus integer dan hasil yang ditampilkan ada 2 nilai, yaitu True da False. Bernilai True apabila tanggal yang menjadi argumennya adalah tanggal yang valid, dan bernilai False apabila tanggal yang menjadi argumennya adalah tanggal yang tidak valid.
Bentuk:
Checkdate(bulan, tanggal, tahun);
Keterangan:
Bulan adalah argumen data bulan dengan format angka
Tanggal adalah argumen data tanggal dengan format angka
Tahun adalah argumen data tahun dengan format 2 gigit atau 4 digit

Fungsi Time
Fungsi ini digunakan untuk membaca data waktu dalam hitungan detik dari tangal 1 Januari 2010 jam 00:00:00 sampai waktu scrip ini diakses atau dijalankan.
Bentuk:
Time()
Fungsi time tidak memerlukan argumen.
Berikut contoh program yang menggunakan fungsi time

<?php
//fungsi_time.php
$waktu=time();
Echo"
hasil data dan waktu dengan fungsi time adalah $waktu";
?>

Fungsi Date
Fungsi ini digunakan untuk memperoleh tanggal atau jam saat ini atau hari ini yang terdapat pada sistem komputer Anda.
Bentuk:
Date(string_format)
String_format adalah string yang berisi karakter tertentu yang menjadi format waktu.
Hasil yang diberikan oleh fungsi date ini adalah sebuah string tanggal/waktu sesuai dengan argumennya. Berikut tabel yang memperhatikan hasil dan string tanggal sebagai argumennya.

Contoh:
<?php
//bentuk tulisan hari
echo date("l");
//bentuk tulisan spt Monday 15th of January 2003 05:51:38 AM
echo date("l dS of F Y h:i:s A");
//bentuk tulisan spt Monday the 15th
echo date("l \\t\h\e jS");
?>


Fungsi Date Dengan 2 Argumen
Fungsi date juga dapat dituliskan menggunakan 2 argumen. Argumen kedua adalah berupa waktu yang akan diformat oleh fungsi date. Jika argumen itu dikosongkan, maka waktu yang digunakan adalah waktu yang berlaku sekarang.


Bentuk:
Date(string_format, waktu);
Keterangan:
String_format adalah string yang berisi karakter tertentu yang menjadi format waktu.
Waktu adalah data waktu dalam bentuk angka yang menunjukkan detik.
Berikut contoh program yang menggunakan fungsi date menggunakan 2 argumen:
<?php
Echo "menggunakan fungsidate (Y-m-d) <br />";
$sekarang=time();
$lusa=$sekarang+4*24*60*60;
Echo"hari ini adalah tanggal". Date('Y-m-d',$sekarang)."<br />";
Echo"4 hari setelah hari ini adalah tanggal". Date('Y-m-d',$lusa)."<br />";
?>

Download or View Demo