Belajar Web Programming PHP, HTML, MySQL dan Tutorial

Membuat Fungsi Tanggal Bahasa Indonesia Dengan PHP

Membuat Fungsi Tanggal Bahasa Indonesia Dengan PHP

Membuat Fungsi Tanggal Bahasa Indonesia Dengan PHP
Dalam membuat suatu aplikasi web sering kali kita membutuhkan sebuah data yang berbentuk tanggal namun bisa dikonversi ke bentuk data yang lazim digunakan di Indonesia. Database mengenal tipe data date dengan format YYYY-MM-DD dimana struktur ini memungkinkan untuk dilakukan pemanggilan query dengan kondisi ASC maupun DESC, karena jelas sekali tanggal dan bulan memiliki limit masing-masing yaitu 31 dan 12. Sedangkan secara default PHP memungkinkan menampilkan tanggal dalam bahasa inggris, untuk itu pada tutorial kali ini kita mencoba membuat sebuah fungsi tanggal dalam bahasa indonesia dengan menggunakan bahasa pemrograman PHP.

  • Yang perlu disiapkan pertama kali adalah buatlah folder baru di htdocs jika menggunakan xampp atau www jika menggunakan wamp.
  • kemudian buatlah sebuah file dengan nama index.php dan bukalah dengan text editor masing-masing, penulis dalam hal ini menggunakan Sublime Text
  • Setelah itu ketikan kode berikut dibawah dan kemudian save

<?php
error_reporting("E_ALL & ~E_NOTICE");
?>
<!DOCTYPE HTML>
<html>
<head>
 <title>Latihan fungsi tanggal</title>
</head>
<body>
<?php
/* Fungsi Tanggal Bahasa Indonesia */
/* Created by Daniel Ok */

function tanggal($tgl)
{
 $date = explode("-", $tgl);

 $bln  = $date[1];

 switch ($bln) {
  case '01': $bulan = "Januari"; break;
  case '02': $bulan = "Februari"; break;
  case '03': $bulan = "Maret"; break;
  case '04': $bulan = "April"; break;
  case '05': $bulan = "Mei"; break;
  case '06': $bulan = "Juni"; break;
  case '07': $bulan = "Juli"; break;
  case '08': $bulan = "Agustus"; break;
  case '09': $bulan = "September"; break;
  case '10': $bulan = "Oktober"; break;
  case '11': $bulan = "November"; break;
  case '12': $bulan = "Desember"; break;
 }
 $tanggal = $date[2];
 $tahun   = $date[0];

 $strTanggal = "$tanggal $bulan $tahun";
 return $strTanggal;
}
?>
<form action="" method="get">
<!-- 
type='date' merupakan html5 gunakan browser yang support html5 
cth: Google Chrome 
-->
<input type="date" name="tanggal"> 
<input type="submit" value="Convert">
</form>

<hr>
<?php

$tglinput = trim($_GET[tanggal]);
$tglindo  = tanggal($tglinput);
?>
<table width="100%">
 <tr>
 <td width="100">Tanggal Input </td>
 <td>: <?php echo $tglinput;?></td>
 </tr>
 <tr>
 <td width="100">Tanggal Indo </td>
 <td>: <?php echo $tglindo;?></td>
 </tr>
</table>
</body>
</html>

Setelah diketik dengan lengkap maka silahkan di save dan jalankan melalui browser sehingga hasilnya seperti ini.


Untuk pemilihan tanggal, kode diatas menggunakan atribut type html5 dimana hanya akan berjalan pada browser-browser yang support dengan html5. Dalam demo kali ini penulis menggunakan browser google chrome.

Untuk fungsi konversi tanggal ada pada kode berikut ini
<?php
/* Fungsi Tanggal Bahasa Indonesia */
/* Created by Daniel Ok */

function tanggal($tgl)
{
 $date = explode("-", $tgl);

 $bln  = $date[1];

 switch ($bln) {
  case '01': $bulan = "Januari"; break;
  case '02': $bulan = "Februari"; break;
  case '03': $bulan = "Maret"; break;
  case '04': $bulan = "April"; break;
  case '05': $bulan = "Mei"; break;
  case '06': $bulan = "Juni"; break;
  case '07': $bulan = "Juli"; break;
  case '08': $bulan = "Agustus"; break;
  case '09': $bulan = "September"; break;
  case '10': $bulan = "Oktober"; break;
  case '11': $bulan = "November"; break;
  case '12': $bulan = "Desember"; break;
 }
 $tanggal = $date[2];
 $tahun   = $date[0];

 $strTanggal = "$tanggal $bulan $tahun";
 return $strTanggal;
}
?>
function tanggal($tgl) merupakan suatu nama fungsi yang diciptakan agar dapat dipanggil nantinya untuk mengkonversi tanggal yang di kirim melalui form agar berubah menjadi tanggal dengan format yang biasa dipakai di Indonesia.

Algoritmanya adalah fungsi akan menangkap variabel $tgl yang dikirim melalui form. untuk kemudian dipecah beradasarkan "-" dengan fungsi explode(). karena tanggal yang dikirim formatnya adalah misal 2016-08-27 maka fungsi explode akan memecah variabel itu menjadi array dalam hal ini adalah variabel $date.
sehingga menghasilkan :

$date[0] = 2016
$date[1] = 08
$date[2] = 27

dengan begitu kita masukan nilai $date[1] sebagai nilai pada variabel $bln agar mempermudah pengecekan menggunakan perintah switch() case.

jika padanan string telah ditemukan maka kita susun kembali format tanggal yang ingin ditampilkan dengan memasukannya kedalam nilai dari variabel $strTanggal yang akan di-return sebagai nilai kembalian dari function tanggal().

cukup mudah bukan? :) selamat mencoba dan silahkan dikreasikan sesuai dengan keinginan kalian ^^


Cara Memasukan Sintaks Atau Sourcecode Kedalam Postingan Blogspot

Cara Memasukan Sintaks Atau Sourcecode Kedalam Postingan Blogspot

Cara Memasukan Sintaks Atau Sourcecode Kedalam Postingan Blogspot

Sering kali kita menemukan kesulitan dalam membagikan hasil coding kita berupa sourcecode atau baris-baris kode kedalam postingan. hal ini dikarenakan default dari inputan yang berupa html dasar sehingga untuk membentuk tampilan yang terstruktur seperti pada text editor kita menjadi hal yang cukup repot namun diperlukan. jika kita melakukan pencarian di google mungkin banyak sekali ditemukan tutorial tentang hal ini, namun pada tutorial kali ini kita coba dengan cara yang mungkin lebih optimal dan mudah.

Pada tutorial kali ini kita menggunakan referensi yang dibuat oleh Alex Gorbatchev, Alex Gorbatchev ini merupakan seorang Software Engineer dari San Fransisco yang telah berpengalaman 12 tahun lebih dalam mengembangkan suatu aplikasi web baik dalam skala kecil maupun skala besar. Karyanya dengan nama SyntaxHighlighter menjadi solusi bagi para blogger maupun developer untuk memasukan sourcecode atau sintaks program kedalam postingan.

Untuk memulainya kita memerlukan beberapa file yang sudah di hosting online secara gratis oleh Alex Gorbatchev yang dapat dilihat dibawah ini :

<link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css"/>
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css" />

<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js" type="text/javascript"></script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js" type="text/javascript"></script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCss.js" type="text/javascript"></script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js" type="text/javascript"></script>
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js" type="text/javascript"></script>

<script language="javascript">
SyntaxHighlighter.config.bloggerMode = true;
SyntaxHighlighter.all();
</script>

Setelah kita mendapatkan file tersebut cara berikutnya cukup mudah. bukalah akun blogger dan cari menu Layout.

Akun Blogspot -> Layout -> HTML/Javascript Gadget

kemudian copy dan paste kode diatas kedalam HTML/Javascript Gadget tersebut seperti gambar dibawah ini.

cara mengisi blogger widget

Setelah itu save, dan kode untuk menampilkan sintaks atau sourcecode sudah siap digunakan. Untuk memasukan sintaks maupun sourcecode program kedalam postingan dapat dilakukan dengan mengetikan kode berikut: dalam hal ini kita hanya membatasi hanya untuk sourcecode PHP/HTML, CSS, Javacript dan SQL

Contoh menyisipkan sintaks program
<pre class="brush: php">

/* 

kode program php disini 

*/

</pre>


Contoh Sintaks program PHP

<?php
$panjang = 10;
$lebar = 6;

$luas = $panjang*$lebar;

echo "Luas Persegi Panjang = ".$luas;
echo "<hr>";
echo "Created by : <nickname>";
?>


Hasil eksekusi di localhost

hasil coding php

Cukup mudah bukan? dengan begini kita tidak perlu lagi repot-repot untuk membuat kode html yang hanya untuk menampilkan sintaks-sintaks program yang kita bikin. jika kita mengunjungi sumber resminya di alexgorbatchev.com/SyntaxHighlighter/ kita dapat menampilkan sintaks-sintaks maupun sourcecode dari bahasa pemrograman lain :)

sekian tutorial kali ini, semoga bermanfaat.










Back To Top