Jumat, 30 Mei 2014

Menampilkan Web Font Korea, Karakter Jepang, Huruf Mandarin (China), Tulisan Arab dengan PHP di Web dan Menyimpan di Database MySQL

Menampilkan Web Font Korea, Karakter Jepang, Huruf Mandarin (China), Tulisan Arab dengan PHP di Web dan Menyimpan di Database MySQL sangat dibutuhkan ketika kita ingin membuat web multi bahasa, misalnya web dengan beberapa versi bahasa seperti English, Chinese Mandarin, Japanese dan Arabic.

Untuk "memaksa" agar web browser mau menampilkan karakter huruf asing (korea, jepang, china, arab) ini dapat dipakai header PHP yang digunakan untuk mengeset agar halaman HTML ditampilkan dengan encoding utf8.

Sedangkan untuk menyimpan di database MySQL agar dapat tersimpan dan ditampilkan lagi huruf font Arabic, Mandarin, Korean, dan Japanese tersebut sesuai dengan bentuk ketika disimpan, maka harus dibuat tabel dengan kolom bertipe encoding "utf8_unicode_ci".



Untuk mempraktekkan pembuatannya, pertama kita buat database baru di MySQL, misalnya dengan nama dbfonts, kemudian kita buat tabel baru, misalnya dengan nama fonts, kolomnya seperti ini :


Bahasa SQL selengkapnya sebagai berikut, siap untuk anda import ke dalam MySQL misalnya menggunakan PhpMyAdmin :

CREATE TABLE IF NOT EXISTS `fonts` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `english` varchar(200) CHARACTER SET utf8 COLLATE utf8_unicode_ci DEFAULT NULL,
  `korean` varchar(200) CHARACTER SET utf8 COLLATE utf8_unicode_ci DEFAULT NULL,
  `japanese` varchar(200) CHARACTER SET utf8 COLLATE utf8_unicode_ci DEFAULT NULL,
  `chinese` varchar(200) CHARACTER SET utf8 COLLATE utf8_unicode_ci DEFAULT NULL,
  `arabic` varchar(200) CHARACTER SET utf8 COLLATE utf8_unicode_ci DEFAULT NULL,
  PRIMARY KEY (`id`)
);

Kemudian coba kita masukkan beberapa baris data dengan berbagai karakter huruf Jepang, karakter Korea, font China, dan tulisan Arab sebagai berikut :

Berikut ini data dalam bentuk Bahasa SQL yang siap diimport ke dalam tabel fonts dengan bantuan PHPMyAdmin :

INSERT INTO `fonts` (`id`, `english`, `korean`, `japanese`, `chinese`, `arabic`) VALUES (1, 'Welcome', '환영', 'ありがとう', '欢迎', 'ترحيب'), (2, 'Good Morning', '좋은 아침', 'おはよう', '早安', 'صباح الخير');

Apabila anda bingung bagaimana mendapatkan karakter asing tersebut, silakan memakai Google Translate di http://translate.google.com :D

Selanjutnya tinggal membuat halaman Web HTML dengan bahasa PHP untuk menampilkan data di database MySQL yang berisi tulisan asing Cina, font Korea, karakter Arab dan  huruf Jepang tersebut di halaman Web. Apabila anda menggunakan Web Server lokal seperti XAMPP atau WAMP maka tinggal diletakkan di root direktori, untuk XAMPP di xampp/htdocs, untuk WAMP di wamp/www. Dalam hal ini coba penulis membuat halaman web dengan nama web-font-korean-japanese-chinese-arabic-save-mysql.php, scriptnya sebagai berikut :

<?php
header('Content-type: text/html; charset=utf-8');
// cariprogram.blogspot.com
// nuramijaya@gmail.com
$con = mysql_connect("localhost","root","");
mysql_set_charset('utf8',$con);
mysql_select_db("dbfonts", $con);
$querykategori = mysql_query("SELECT * FROM fonts");
while ($datakategori = mysql_fetch_array($querykategori))
{
echo "LATIN/ENGLISH : ".$datakategori['english']."<br/>";
echo "FONT KOREA : ".$datakategori['korean']."<br/>";
echo "JEPANG : ".$datakategori['japanese']."<br/>";
echo "MANDARIN : ".$datakategori['chinese']."<br/>";
echo "ARAB : ".$datakategori['arabic']."<br/>";
echo "==================================<br/>";
}
?>

Hasilnya tinggal dipanggil dari Browser Web dengan alamat URL http://localhost/web-font-korean-japanese-chinese-arabic-save-mysql.php, hasilnya :


Project silakan anda download disini. Jika bingung caranya download, silakan lihat caranya disini.

Semoga bermanfaat ^_^

Tidak ada komentar:

Poskan Komentar