<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>konglie.web.id</title>
	<atom:link href="http://www.konglie.web.id/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.konglie.web.id</link>
	<description>ketika aku sadar, menulis untuk memelihara pengetahuan....</description>
	<lastBuildDate>Wed, 02 May 2012 15:13:54 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.3</generator>
		<item>
		<title>SMS Gratis di Android via Internet</title>
		<link>http://www.konglie.web.id/2012/05/01/sms-gratis-di-android-via-internet/</link>
		<comments>http://www.konglie.web.id/2012/05/01/sms-gratis-di-android-via-internet/#comments</comments>
		<pubDate>Tue, 01 May 2012 14:04:47 +0000</pubDate>
		<dc:creator>konglie</dc:creator>
				<category><![CDATA[Kisah Nyata]]></category>
		<category><![CDATA[aplikasi]]></category>
		<category><![CDATA[pemrograman]]></category>
		<category><![CDATA[android]]></category>
		<category><![CDATA[java]]></category>
		<category><![CDATA[pengalaman]]></category>
		<category><![CDATA[sms]]></category>

		<guid isPermaLink="false">http://www.konglie.web.id/?p=287</guid>
		<description><![CDATA[Kemaren lihat di salah satu forum yang saya ikuti, ada yang post mengenai website SMS Gateway yang dia buat. Lumayan juga bisa kirim SMS gratis dari web. Bahkan si pembuat juga menyediakan halaman khusus apabila diakses via mobile (handphone), yang &#8230; <a href="http://www.konglie.web.id/2012/05/01/sms-gratis-di-android-via-internet/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img alt="ikon aplikasi unOFFSG, aplikasi Android untuk mengirim SMS Gratis" src="http://konglie.16mb.com/usmsg/usmsgicon.png" title="unOFFSG Icon" class="alignnone" width="256" height="256" class="postThumb wp-post-image" align="left"/>Kemaren lihat di salah satu forum yang saya ikuti, ada yang post mengenai website SMS Gateway yang dia buat. Lumayan juga bisa kirim SMS gratis dari web. Bahkan si pembuat juga menyediakan halaman khusus apabila diakses via mobile (handphone), yang mana akan menampilkan versi yang (lebih) sederhana dibandingkan apabila dibuka via komputer/desktop.</p>
<p>Saya sendiri setelah mengetahui adanya layanan tersebut, lumayan sering memanfaatkan servis yang diberikan untuk mengirimkan SMS secara gratis (tentunya, hehehe&#8230;) Lumayan, tinggal buka dari opera mini, dengan internet yang sudah langganan unlimited, atau bahkan Wifi kantor yang bener-bener free, bisa menghemat beberapa ratus rupiah untuk mengirim SMS ke nomer-nomer yang gak terlalu wajib menggunakan nomer handphone saya sendiri.<span id="more-287"></span></p>
<p>Nah, masalahnya setelah penggunaan beberapa kali, terpikir repot juga ya, setiap kali mau kirim SMS (gratis) ini harus masuk dulu ke websitenya, loading-nya kan lumayan memakan waktu. Akhirnya terpikir untuk membuat sebuah thin-client sederhana agar dapat menggunakan SMS gratis tersebut. Dari handphone juga sih, hanya saja saat ini baru terbatas untuk Sistem Operasi Android, minimal Android 2.1</p>
<p>Aplikasi-nya sendiri saya sebut sebagai beta, karena aplikasi tersebut dapat berjalan atau tidak semuanya tergantung kepada provider SMS Gratis tersebut, bisa saja sewaktu-waktu layanan SMS Gratis berubah alamat, atau bahkan dimatikan secara total (mudah-mudahan tidak). Aplikasi ini murni hanya sebagai jembatan saja, antara handphone dan server si penyedia layanan. Tampilan aplikasi juga teramat sangat sederhana, hanya form input nomer tujuan dan juga pesan yang ingin dikirimkan. Itu saja.</p>
<p>Berminat, silakan download <a href="http://goo.gl/h1E7P">disini</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.konglie.web.id/2012/05/01/sms-gratis-di-android-via-internet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Membuat Tampilan Jadwal sesuai dengan durasi</title>
		<link>http://www.konglie.web.id/2012/04/10/membuat-tampilan-jadwal-sesuai-dengan-durasi/</link>
		<comments>http://www.konglie.web.id/2012/04/10/membuat-tampilan-jadwal-sesuai-dengan-durasi/#comments</comments>
		<pubDate>Tue, 10 Apr 2012 07:37:49 +0000</pubDate>
		<dc:creator>konglie</dc:creator>
				<category><![CDATA[pemrograman]]></category>
		<category><![CDATA[auto-width]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[schedule-display]]></category>

		<guid isPermaLink="false">http://www.konglie.web.id/?p=282</guid>
		<description><![CDATA[Berikut source codenya, &#60;?php global $schedules, $start, $leap, $duration, $leapWidth; &#160; $start = '00:00'; // waktu kolom pertama $leap = 60; // jumlah menit antar kolom $duration = 60 * 24; //jumlah menit total = 24 jam $leapWidth = 120; &#8230; <a href="http://www.konglie.web.id/2012/04/10/membuat-tampilan-jadwal-sesuai-dengan-durasi/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Berikut source codenya,</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span>
<span style="color: #000000; font-weight: bold;">global</span> <span style="color: #000088;">$schedules</span><span style="color: #339933;">,</span> <span style="color: #000088;">$start</span><span style="color: #339933;">,</span> <span style="color: #000088;">$leap</span><span style="color: #339933;">,</span> <span style="color: #000088;">$duration</span><span style="color: #339933;">,</span> <span style="color: #000088;">$leapWidth</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000088;">$start</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'00:00'</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// waktu kolom pertama</span>
<span style="color: #000088;">$leap</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">60</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// jumlah menit antar kolom</span>
<span style="color: #000088;">$duration</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">60</span> <span style="color: #339933;">*</span> <span style="color: #cc66cc;">24</span><span style="color: #339933;">;</span>  <span style="color: #666666; font-style: italic;">//jumlah menit total = 24 jam</span>
<span style="color: #000088;">$leapWidth</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">120</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// pixel, lebar per kolom waktu</span>
<span style="color: #000088;">$totalWidth</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$leapWidth</span> <span style="color: #339933;">*</span> <span style="color: #009900;">&#40;</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$duration</span> <span style="color: #339933;">/</span> <span style="color: #000088;">$leap</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> <span style="color: #cc66cc;">1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">// format data, diasumsikan sudah jadi, tentunya data ini bisa diambil dari db atau apapun itu</span>
<span style="color: #000088;">$schedules</span> <span style="color: #339933;">=</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
	<span style="color: #0000ff;">'stasiun 1'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'30'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'60'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'120'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'180'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'30'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'30'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'60'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'90'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'30'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'30'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'60'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'60'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'60'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'60'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'60'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'60'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'60'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'60'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'60'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'60'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'60'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'60'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'60'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
	<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
	<span style="color: #0000ff;">'stasiun 2'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'60'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'30'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'120'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'30'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'180'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'30'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'60'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'60'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'60'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'30'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'60'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'60'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'60'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'60'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'60'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'60'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'60'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'60'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'60'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'60'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'60'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'60'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span>
		<span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
			<span style="color: #0000ff;">'duration'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'60'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'title'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'Programme Name'</span><span style="color: #339933;">,</span>
			<span style="color: #0000ff;">'description'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #0000ff;">'whatever...'</span>
		<span style="color: #009900;">&#41;</span>
	<span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">function</span> displayTime<span style="color: #009900;">&#40;</span><span style="color: #000088;">$start</span><span style="color: #339933;">,</span> <span style="color: #000088;">$leapOver</span><span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#123;</span>
	<span style="color: #990000;">list</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$h</span><span style="color: #339933;">,</span> <span style="color: #000088;">$m</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">=</span> <span style="color: #990000;">explode</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">':'</span><span style="color: #339933;">,</span> <span style="color: #000088;">$start</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$hplus</span> <span style="color: #339933;">=</span> <span style="color: #990000;">floor</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$leapOver</span> <span style="color: #339933;">/</span> <span style="color: #cc66cc;">60</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$mplus</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$leapOver</span> <span style="color: #339933;">-</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$hplus</span> <span style="color: #339933;">*</span> <span style="color: #cc66cc;">60</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
	<span style="color: #000088;">$h</span> <span style="color: #339933;">=</span> <span style="color: #990000;">sprintf</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;<span style="color: #009933; font-weight: bold;">%02d</span>&quot;</span><span style="color: #339933;">,</span> <span style="color: #990000;">intval</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$h</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> <span style="color: #000088;">$hplus</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$m</span> <span style="color: #339933;">=</span> <span style="color: #990000;">sprintf</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;<span style="color: #009933; font-weight: bold;">%02d</span>&quot;</span><span style="color: #339933;">,</span> <span style="color: #990000;">intval</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$m</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> <span style="color: #000088;">$mplus</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
	<span style="color: #b1b100;">return</span> <span style="color: #0000ff;">&quot;<span style="color: #006699; font-weight: bold;">$h</span>:<span style="color: #006699; font-weight: bold;">$m</span>&quot;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">function</span> renderHeaderCell<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">global</span> <span style="color: #000088;">$start</span><span style="color: #339933;">,</span> <span style="color: #000088;">$leap</span><span style="color: #339933;">,</span> <span style="color: #000088;">$duration</span><span style="color: #339933;">,</span> <span style="color: #000088;">$leapWidth</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$cells</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;&quot;</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$column</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;&quot;</span><span style="color: #339933;">;</span>
&nbsp;
	<span style="color: #000088;">$currentTime</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$cells</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">&quot;&lt;div class='slotHeader' style='width:<span style="color: #006699; font-weight: bold;">{$leapWidth}</span>px'&gt;&amp;nbsp;&lt;/div&gt;&quot;</span><span style="color: #339933;">;</span>		
	<span style="color: #b1b100;">while</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$currentTime</span> <span style="color: #339933;">&lt;</span> <span style="color: #000088;">$duration</span><span style="color: #009900;">&#41;</span>
	<span style="color: #009900;">&#123;</span>	
		<span style="color: #000088;">$cells</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">&quot;&lt;div class='slotHeader' style='width:<span style="color: #006699; font-weight: bold;">{$leapWidth}</span>px'&gt;&quot;</span> <span style="color: #339933;">.</span> displayTime<span style="color: #009900;">&#40;</span><span style="color: #000088;">$start</span><span style="color: #339933;">,</span> <span style="color: #000088;">$currentTime</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">.</span> <span style="color: #0000ff;">&quot;&lt;/div&gt;&quot;</span><span style="color: #339933;">;</span>		
		<span style="color: #000088;">$currentTime</span> <span style="color: #339933;">+=</span> <span style="color: #000088;">$leap</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
&nbsp;
	<span style="color: #000088;">$cells</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">&quot;&lt;/tr&gt;&quot;</span><span style="color: #339933;">;</span>
	<span style="color: #b1b100;">return</span> <span style="color: #000088;">$cells</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">function</span> renderSchedule<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">global</span> <span style="color: #000088;">$schedules</span><span style="color: #339933;">,</span> <span style="color: #000088;">$start</span><span style="color: #339933;">,</span> <span style="color: #000088;">$leap</span><span style="color: #339933;">,</span> <span style="color: #000088;">$duration</span><span style="color: #339933;">,</span> <span style="color: #000088;">$leapWidth</span><span style="color: #339933;">;</span>
&nbsp;
	<span style="color: #000088;">$rows</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;&quot;</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$colspan</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$duration</span> <span style="color: #339933;">/</span> <span style="color: #000088;">$leap</span><span style="color: #339933;">;</span>
	<span style="color: #b1b100;">foreach</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$schedules</span> <span style="color: #b1b100;">as</span> <span style="color: #000088;">$channel</span> <span style="color: #339933;">=&gt;</span> <span style="color: #000088;">$detail</span><span style="color: #009900;">&#41;</span>
	<span style="color: #009900;">&#123;</span>
		<span style="color: #000088;">$rows</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">&quot;&lt;tr&gt;&lt;td&gt;&quot;</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$rows</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">&quot;&lt;div class='show' style='width:<span style="color: #006699; font-weight: bold;">{$leapWidth}</span>px'&gt;<span style="color: #006699; font-weight: bold;">$channel</span>&lt;/div&gt;&quot;</span><span style="color: #339933;">;</span>
&nbsp;
		<span style="color: #000088;">$totDur</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">0</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$oneDay</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">24</span> <span style="color: #339933;">*</span> <span style="color: #cc66cc;">60</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// jumlah menit dalam satu hari</span>
		<span style="color: #b1b100;">foreach</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$detail</span> <span style="color: #b1b100;">as</span> <span style="color: #000088;">$show</span><span style="color: #009900;">&#41;</span>
		<span style="color: #009900;">&#123;</span>
			<span style="color: #000088;">$dur</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$show</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'duration'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
			<span style="color: #000088;">$title</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$show</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'title'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
			<span style="color: #000088;">$desc</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$show</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'description'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
			<span style="color: #000088;">$totDur</span> <span style="color: #339933;">+=</span> <span style="color: #000088;">$dur</span><span style="color: #339933;">;</span>
&nbsp;
			<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$totDur</span> <span style="color: #339933;">&gt;</span> <span style="color: #000088;">$oneDay</span><span style="color: #009900;">&#41;</span>
			<span style="color: #009900;">&#123;</span>
				<span style="color: #666666; font-style: italic;">// terserah mau ngapain disini, validasi aja</span>
			<span style="color: #009900;">&#125;</span>
&nbsp;
			<span style="color: #000088;">$columnWidth</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$dur</span> <span style="color: #339933;">/</span> <span style="color: #000088;">$leap</span> <span style="color: #339933;">*</span> <span style="color: #000088;">$leapWidth</span><span style="color: #339933;">;</span>
			<span style="color: #000088;">$rows</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">&quot;&lt;div class='show' style='width:<span style="color: #006699; font-weight: bold;">{$columnWidth}</span>px' title='<span style="color: #006699; font-weight: bold;">$desc</span>'&gt;<span style="color: #006699; font-weight: bold;">$title</span> <span style="color: #006699; font-weight: bold;">$dur</span>&lt;/div&gt;&quot;</span><span style="color: #339933;">;</span>
		<span style="color: #009900;">&#125;</span>
&nbsp;
		<span style="color: #000088;">$rows</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">&quot;&lt;/td&gt;&lt;/tr&gt;&quot;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
&nbsp;
	<span style="color: #b1b100;">return</span> <span style="color: #000088;">$rows</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span>
&lt;html&gt;
&lt;head&gt;
	&lt;title&gt;time table&lt;/title&gt;
	&lt;style type='text/css'&gt;
	.slotHeader
	{
		position: relative;
		float: left;
		background-color: #000;
		color: #FFF;
		border: solid 1px;
	}
&nbsp;
	.show
	{
		position: relative;
		float: left;
		border: solid 1px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-o-border-radius: 5px;
		-ms-border-radius: 5px;
		border-radius: 5px;
		background-color: #DDD;
		height: 60px;
	}
&nbsp;
	#headerCellWrapper
	{
		position: relative;
		/*60 ini angka asal aja, yang penting cukup untuk kelebihan space akibat border kiri-kanan*/
		width: <span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> <span style="color: #000088;">$totalWidth</span> <span style="color: #339933;">+</span> <span style="color: #cc66cc;">60</span><span style="color: #339933;">;</span><span style="color: #000000; font-weight: bold;">?&gt;</span>px; 
	}
	&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
	&lt;table border=1&gt;
		&lt;tr&gt;
			&lt;td&gt;
				&lt;div id='headerCellWrapper'&gt;
					<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> renderHeaderCell<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><span style="color: #000000; font-weight: bold;">?&gt;</span>
				&lt;/div&gt;
			&lt;/td&gt;
		&lt;/tr&gt;
		<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">echo</span> renderSchedule<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><span style="color: #000000; font-weight: bold;">?&gt;</span>
	&lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;</pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://www.konglie.web.id/2012/04/10/membuat-tampilan-jadwal-sesuai-dengan-durasi/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Konversi Basis Angka</title>
		<link>http://www.konglie.web.id/2012/03/24/konversi-basis-angka/</link>
		<comments>http://www.konglie.web.id/2012/03/24/konversi-basis-angka/#comments</comments>
		<pubDate>Sat, 24 Mar 2012 04:41:08 +0000</pubDate>
		<dc:creator>konglie</dc:creator>
				<category><![CDATA[Kisah Nyata]]></category>
		<category><![CDATA[aplikasi]]></category>
		<category><![CDATA[pemrograman]]></category>
		<category><![CDATA[base converter]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[konversi basis angka]]></category>
		<category><![CDATA[radix]]></category>
		<category><![CDATA[radix converter]]></category>

		<guid isPermaLink="false">http://www.konglie.web.id/?p=272</guid>
		<description><![CDATA[Salah satu mata kuliah di periode ini adalah Sistem Digital. Dan materi pembukanya adalah mengenai basis angka, dengan kuliah pembuka yang begitu &#8220;wah&#8221;, karena tanpa basa basi langsung mendapat tugas yang soalnya gak banyak, hanya 4 soal, tapi diharuskan menulis &#8230; <a href="http://www.konglie.web.id/2012/03/24/konversi-basis-angka/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Salah satu mata kuliah di periode ini adalah Sistem Digital. Dan materi pembukanya adalah mengenai basis angka, dengan kuliah pembuka yang begitu &#8220;wah&#8221;, karena tanpa basa basi langsung mendapat tugas yang soalnya gak banyak, hanya 4 soal, tapi diharuskan menulis di kertas folio bergaris, dan ternyata 1 halaman bolak balik kertas folio tersebut full.<span id="more-272"></span></p>
<p>Tugas yang dimaksud adalah (jangan basa basi, langsung aja ke <a href="#baseconverter">aplikasi</a>) melakukan konversi basis angka dari basis yang satu ke basis lainnya, lebih detail, adalah konversi basis 16 (hexadecimal) ke basis 2 (binary), basis 8 (octal), basis 5 (quinary), dan basis 7 (septenary). Meskipun sebenarnya, konversi tersebut bukanlah hal yang susah secara teori, namun apabila melibatkan angka-angka yang begitu banyak (banyak dalam arti jumlah digit), apalagi desimal (desimal dalam arti jumlah angka di belakang koma), lumayan membuat jari keriting.</p>
<p>Dan tentunya, sang Dosen dengan begitu cerdasnya membuat mahasiswanya gak berkutik, karena dalam tugas tersebut diharuskan membuat langkah-langkah konversi sehingga didapat hasil akhirnya. <em>Oh Dear</em>, seandainya saja hanya hasil yang dibutuhkan, kalkulator sudah siap sedia.</p>
<p>Obok-obok internet, kebanyakan hanya memberikan fungsi konversi saja, tidak disertakan step by step konversinya. Contohnya <a href="http://www.tinytools.nu/RadixConverter/">yang ini</a> (lengkap dengan istilah basis angka-nya). Maka, dengan bantuan penjelasan algoritma dari sahabat, Fahri Aje (<a href="http://daffari.multiply.com">http://daffari.multiply.com</a>), akhirnya saya berinisiatif membuat sebuah aplikasi kecil (ada setelah ini), untuk menghitung konversi angka, dan juga membuat step by step konversinya.</p>
<p><a id='baseconverter'>Enjoy!</a></p>
<p><iframe src="/tutorial/baseconverter/" width="100%" height="800px"></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://www.konglie.web.id/2012/03/24/konversi-basis-angka/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Slideshow (sangat) Sederhana</title>
		<link>http://www.konglie.web.id/2012/02/18/slideshow-sangat-sederhana/</link>
		<comments>http://www.konglie.web.id/2012/02/18/slideshow-sangat-sederhana/#comments</comments>
		<pubDate>Sat, 18 Feb 2012 07:31:32 +0000</pubDate>
		<dc:creator>konglie</dc:creator>
				<category><![CDATA[aplikasi]]></category>
		<category><![CDATA[pemrograman]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[slideshow]]></category>

		<guid isPermaLink="false">http://www.konglie.web.id/?p=236</guid>
		<description><![CDATA[Banyak sekali plugin jQuery untuk membuat slideshow dengan animasi yang terbilang &#8220;wah&#8221;. Tetapi adakalanya, misalnya saya sendiri kemarin, membutuhkan animasi untuk slideshow yang ringan, dan (sangat) sederhana. Tentu saja, plugin yang &#8220;wah&#8221; untuk jQuery yang bertebaran di internet tersebut juga &#8230; <a href="http://www.konglie.web.id/2012/02/18/slideshow-sangat-sederhana/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Banyak sekali plugin jQuery untuk membuat slideshow dengan animasi yang terbilang &#8220;wah&#8221;. Tetapi adakalanya, misalnya saya sendiri kemarin, membutuhkan animasi untuk slideshow yang ringan, dan (sangat) sederhana. Tentu saja, plugin yang &#8220;wah&#8221; untuk jQuery yang bertebaran di internet tersebut juga menyediakan opsi untuk hanya menggunakan animasi yang sederhana, tapi dalam kasus yang saya alami, saya harus membuat animasi tersebut dengan script yang sependek-pendeknya.<span id="more-236"></span></p>
<p>Berikut yang saya lakukan, untuk HTML, sederhana saja, hanya buat sebuah div sebagai container untuk gambar-gambar yang akan dijadikan sebagai slideshow. Slideshow nantinya hanya berupa animasi fading-out (gambar memudar) dan bergantian untuk setiap gambarnya, dengan durasi tampil sekian detik.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>html<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>head<span style="color: #339933;">&gt;</span>
	<span style="color: #339933;">&lt;</span>title<span style="color: #339933;">&gt;</span>Animasi sangat sederhana<span style="color: #339933;">&lt;/</span>title<span style="color: #339933;">&gt;</span>
	<span style="color: #339933;">&lt;</span>style type<span style="color: #339933;">=</span><span style="color: #3366CC;">'text/css'</span><span style="color: #339933;">&gt;</span>
	#slideshow img
	<span style="color: #009900;">&#123;</span>
		position<span style="color: #339933;">:</span> absolute<span style="color: #339933;">;</span>
		left<span style="color: #339933;">:</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span>
		top<span style="color: #339933;">:</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
	<span style="color: #339933;">&lt;/</span>style<span style="color: #339933;">&gt;</span>
&nbsp;
	<span style="color: #339933;">&lt;!--</span>jquery<span style="color: #339933;">,</span> bisa didownload di jquery.<span style="color: #660066;">com</span>
	<span style="color: #006600; font-style: italic;">// atau ambil dari google CDN (seperti dibawah)--&gt;</span>
	<span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">'text/javascript'</span>
		src<span style="color: #339933;">=</span><span style="color: #3366CC;">'http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'</span><span style="color: #339933;">&gt;</span>
	<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span>
&nbsp;
	<span style="color: #339933;">&lt;!--</span>script animasi<span style="color: #339933;">--&gt;</span>
	<span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">'text/javascript'</span><span style="color: #339933;">&gt;</span>
&nbsp;
	<span style="color: #006600; font-style: italic;">// Fungsi yang menjadi inti dari script animasi ini</span>
	<span style="color: #003366; font-weight: bold;">function</span> simpleSlideshow<span style="color: #009900;">&#40;</span>slideContainer<span style="color: #339933;">,</span> duration<span style="color: #009900;">&#41;</span>
	<span style="color: #009900;">&#123;</span>
		<span style="color: #006600; font-style: italic;">// gambar/foto yang akan dianimasikan</span>
		<span style="color: #006600; font-style: italic;">// adalah child (anak) pertama dari container yang digunakan</span>
		<span style="color: #003366; font-weight: bold;">var</span> currentSlide <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'img:nth-child(1)'</span><span style="color: #339933;">,</span> slideContainer<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
		<span style="color: #006600; font-style: italic;">// slide tersebut akan dimodifikasi sedemikian rupa</span>
		$<span style="color: #009900;">&#40;</span>currentSlide<span style="color: #009900;">&#41;</span>
		.<span style="color: #660066;">css</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
			opacity<span style="color: #339933;">:</span> <span style="color: #CC0000;">0</span> <span style="color: #006600; font-style: italic;">// buat opacity-nya menjadi 0, sehingga tidak terlihat (transparan)</span>
		<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>
		<span style="color: #006600; font-style: italic;">// appendTo akan membuat anak pertama menjadi anak terakhir,</span>
		<span style="color: #006600; font-style: italic;">// sehingga akan berada dibagian paling depan.</span>
		<span style="color: #006600; font-style: italic;">// namun meskipun berada dipaling depan,</span>
		<span style="color: #006600; font-style: italic;">// tidak akan terlihat karena sudah transparan (step sebelumnya)</span>
		.<span style="color: #660066;">appendTo</span><span style="color: #009900;">&#40;</span>slideContainer<span style="color: #009900;">&#41;</span>
&nbsp;
		<span style="color: #006600; font-style: italic;">// animasikan tingkat opacity menjadi 1 (FULL),</span>
		<span style="color: #006600; font-style: italic;">// sehingga pelan-pelan akan terlihat</span>
		.<span style="color: #660066;">animate</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
			opacity<span style="color: #339933;">:</span> <span style="color: #CC0000;">1</span>
		<span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'normal'</span><span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
			setTimeout<span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
				<span style="color: #006600; font-style: italic;">// fungsi akan dijalankan kembali</span>
				<span style="color: #006600; font-style: italic;">// setelah sekian detik sesuai dengan duration</span>
				<span style="color: #006600; font-style: italic;">// sehingga menampilkan efek animasi berulang-ulang</span>
				simpleSlideshow<span style="color: #009900;">&#40;</span>slideContainer<span style="color: #339933;">,</span> duration<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
			<span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span> duration<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span>
	<span style="color: #009900;">&#125;</span>
&nbsp;
	<span style="color: #006600; font-style: italic;">// implementasi</span>
	<span style="color: #006600; font-style: italic;">// jalankan fungsi animasi ketika document sudah di-load (ready)</span>
	$<span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
		<span style="color: #003366; font-weight: bold;">var</span> duration <span style="color: #339933;">=</span> <span style="color: #CC0000;">3000</span><span style="color: #339933;">;</span> <span style="color: #006600; font-style: italic;">// millsecond		</span>
		<span style="color: #003366; font-weight: bold;">var</span> slideContainer <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#slideshow'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		simpleSlideshow<span style="color: #009900;">&#40;</span>slideContainer<span style="color: #339933;">,</span> duration<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>head<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>body<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>div id<span style="color: #339933;">=</span><span style="color: #3366CC;">'slideshow'</span><span style="color: #339933;">&gt;</span>
	<span style="color: #339933;">&lt;</span>img src<span style="color: #339933;">=</span><span style="color: #3366CC;">'image1.jpg'</span><span style="color: #339933;">&gt;</span>
	<span style="color: #339933;">&lt;</span>img src<span style="color: #339933;">=</span><span style="color: #3366CC;">'image2.jpg'</span><span style="color: #339933;">&gt;</span>
	<span style="color: #339933;">&lt;</span>img src<span style="color: #339933;">=</span><span style="color: #3366CC;">'image3.jpg'</span><span style="color: #339933;">&gt;</span>
	<span style="color: #339933;">&lt;</span>img src<span style="color: #339933;">=</span><span style="color: #3366CC;">'image4.jpg'</span><span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>div<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>body<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>html<span style="color: #339933;">&gt;</span></pre></div></div>

<p>Untuk melihat demo-nya, silakan klik <a href="http://konglie.web.id/tutorial/simple-slideshow/">disini</a>.</p>
<p>Konsep dari animasi ini sangat sederhana, seperti yang tertulis sebagai <em>comment</em> pada script-nya. Kita hanya memainkan tingkat opacity dari masing-masing anak (dalam hal ini, adalah tag <img>). Dengan properti CSS, position absolute, left 0, dan top 0, akan membuat gambar-gambar tersebut menumpuk satu sama lainnya pada posisi yang sama pula. Dengan catatan, gambar-gambar yang digunakan harus memiliki panjang dan lebar yang sama, agar tidak ada yang terlihat terpotong oleh gambar lainnya.</p>
<p>Dengan posisi yang saling menumpuk tersebut, gambar yang berada diurutan paling belakang  (anak pertama, belakang disini dilihat dari sudut pandang sumbu Z, 3 Dimensi) tidak akan terlihat, karena tertutup oleh gambar yang diurutan paling depan. Animasi terjadi karena jquery memainkan tingkat opacity dari 0 (transparan) menjadi 1 (Fully Opaque). Dan, setiap kali fungsi dijalankan, anak pertama akan menjadi anak terakhir, anak kedua menjadi pertama, ketika menjadi kedua, dan seterusnya, dan fungsi diulang-ulang dengan <code>setTimeout()</code>, sehingga terbentuklah animasi slideshow yang (sangat) sederhana.</p>
<p>Demikian, semoga post ini dapat berguna bagi kita semua.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.konglie.web.id/2012/02/18/slideshow-sangat-sederhana/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Just for some testing</title>
		<link>http://www.konglie.web.id/2012/02/14/just-for-some-testing/</link>
		<comments>http://www.konglie.web.id/2012/02/14/just-for-some-testing/#comments</comments>
		<pubDate>Tue, 14 Feb 2012 09:10:04 +0000</pubDate>
		<dc:creator>konglie</dc:creator>
				<category><![CDATA[Kisah Nyata]]></category>
		<category><![CDATA[pemrograman]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[comment]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://www.konglie.web.id/?p=234</guid>
		<description><![CDATA[Post ini hanya untuk testing comment via Facebook. Komentar wordpress terlalu banyak spam, dan kurang &#8220;social&#8221;.]]></description>
			<content:encoded><![CDATA[<p>Post ini hanya untuk testing comment via Facebook. Komentar wordpress terlalu banyak spam, dan kurang &#8220;social&#8221;.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.konglie.web.id/2012/02/14/just-for-some-testing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Parse File Aiken (moodle)</title>
		<link>http://www.konglie.web.id/2012/02/03/parse-file-aiken-moodle/</link>
		<comments>http://www.konglie.web.id/2012/02/03/parse-file-aiken-moodle/#comments</comments>
		<pubDate>Fri, 03 Feb 2012 16:54:09 +0000</pubDate>
		<dc:creator>konglie</dc:creator>
				<category><![CDATA[aplikasi]]></category>
		<category><![CDATA[pemrograman]]></category>
		<category><![CDATA[aiken]]></category>
		<category><![CDATA[moodle]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://www.konglie.web.id/?p=228</guid>
		<description><![CDATA[Script berikut berguna untuk melakukan parsing terhadap file (plain text) dengan format aiken yang digunakan oleh moodle. Diharapkan script ini dapat menangani kondisi dimana terdapat kata &#8220;ANSWER: &#8221; pada soal ataupun salah satu pilihan jawabannya. Script ini dibuat tanpa bermaksud &#8230; <a href="http://www.konglie.web.id/2012/02/03/parse-file-aiken-moodle/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Script berikut berguna untuk melakukan parsing terhadap file (plain text) dengan format <a href="http://docs.moodle.org/22/en/Aiken_format">aiken</a> yang digunakan oleh moodle. Diharapkan script ini dapat menangani kondisi dimana terdapat kata &#8220;ANSWER: &#8221; pada soal ataupun salah satu pilihan jawabannya. Script ini dibuat tanpa bermaksud menyinggung siapapun, hanya ingin berbagi saja.<span id="more-228"></span></p>
<p>Contoh file aiken,</p>

<div class="wp_syntax"><div class="code"><pre class="text" style="font-family:monospace;">What is the correct answer to this question?
A. Is it this one?
B. Maybe this answer?
C. Possibly this one?
D. Must be this one!
ANSWER: D
&nbsp;
Which ANSWER: LMS has the most quiz import formats?
A) Moodle
B) ATutor
C) Claroline
D) Blackboard ANSWER:
E) WebCT
F) ANSWER: Ilias
ANSWER: A</pre></div></div>

<p>Script parser file aiken yang digunakan adalah</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span>
<span style="color: #666666; font-style: italic;">/*
SOURCE: http://docs.moodle.org/22/en/Aiken_format
&nbsp;
a. The question must be all on one line.
b. Each answer must start with a single uppercase letter,
c. followed by a period '.' or a bracket ')', then a space.
d. The answer line must immediately follow, starting with &quot;ANSWER: &quot; (NOTE the space after the colon)
and then giving the appropriate letter.
&nbsp;
NOTE: script dibawah mengabaikan syarat b
*/</span>
<span style="color: #000000; font-weight: bold;">function</span> parseAikenFormat<span style="color: #009900;">&#40;</span><span style="color: #000088;">$file</span><span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#123;</span>
        <span style="color: #000088;">$result</span> <span style="color: #339933;">=</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
        <span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span><span style="color: #990000;">is_readable</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$file</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>
                <span style="color: #b1b100;">return</span> <span style="color: #009900; font-weight: bold;">FALSE</span><span style="color: #339933;">;</span>
&nbsp;
        <span style="color: #000088;">$lines</span> <span style="color: #339933;">=</span> <span style="color: #990000;">file</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$file</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span><span style="color: #990000;">is_array</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$lines</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>
                <span style="color: #b1b100;">return</span> <span style="color: #009900; font-weight: bold;">FALSE</span><span style="color: #339933;">;</span>
&nbsp;
        <span style="color: #000088;">$start</span> <span style="color: #339933;">=</span> <span style="color: #009900; font-weight: bold;">true</span><span style="color: #339933;">;</span>
        <span style="color: #000088;">$question</span> <span style="color: #339933;">=</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #b1b100;">foreach</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$lines</span> <span style="color: #b1b100;">as</span> <span style="color: #000088;">$line</span><span style="color: #009900;">&#41;</span>
        <span style="color: #009900;">&#123;</span>
                <span style="color: #000088;">$line</span> <span style="color: #339933;">=</span> <span style="color: #990000;">trim</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$line</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                <span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$line</span> <span style="color: #339933;">==</span> <span style="color: #0000ff;">&quot;&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #b1b100;">continue</span><span style="color: #339933;">;</span>
&nbsp;
                <span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$start</span><span style="color: #009900;">&#41;</span>
                <span style="color: #009900;">&#123;</span>
                        <span style="color: #000088;">$question</span> <span style="color: #339933;">=</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
                                <span style="color: #0000ff;">'question'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #000088;">$line</span><span style="color: #339933;">,</span> <span style="color: #666666; font-style: italic;">// syarat a</span>
                                <span style="color: #0000ff;">'options'</span> <span style="color: #339933;">=&gt;</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span>
                        <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                        <span style="color: #000088;">$start</span> <span style="color: #339933;">=</span> <span style="color: #009900; font-weight: bold;">false</span><span style="color: #339933;">;</span>
                <span style="color: #009900;">&#125;</span>
                <span style="color: #b1b100;">else</span> <span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">preg_match</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;/^ANSWER:\s{1}/&quot;</span><span style="color: #339933;">,</span> <span style="color: #000088;">$line</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span>
                <span style="color: #009900;">&#123;</span>
                         <span style="color: #666666; font-style: italic;">//syarat d, starting with &quot;ANSWER: &quot;</span>
                        <span style="color: #000088;">$answer</span> <span style="color: #339933;">=</span> <span style="color: #990000;">trim</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">preg_replace</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;/^ANSWER:\s{1}/&quot;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">''</span><span style="color: #339933;">,</span> <span style="color: #000088;">$line</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                        <span style="color: #000088;">$question</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'answer'</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$answer</span><span style="color: #339933;">;</span>
                        <span style="color: #000088;">$result</span><span style="color: #009900;">&#91;</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$question</span><span style="color: #339933;">;</span>
                        <span style="color: #000088;">$start</span> <span style="color: #339933;">=</span> <span style="color: #009900; font-weight: bold;">true</span><span style="color: #339933;">;</span>
                <span style="color: #009900;">&#125;</span>
                <span style="color: #b1b100;">else</span>
                <span style="color: #009900;">&#123;</span>
                        <span style="color: #000088;">$options</span> <span style="color: #339933;">=</span> <span style="color: #990000;">explode</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">' '</span><span style="color: #339933;">,</span> <span style="color: #000088;">$line</span><span style="color: #339933;">,</span> <span style="color: #cc66cc;">2</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                        <span style="color: #990000;">list</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$opt</span><span style="color: #339933;">,</span> <span style="color: #000088;">$optText</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$options</span><span style="color: #339933;">;</span>
                        <span style="color: #666666; font-style: italic;">// syarat c '.' atau ')'</span>
                        <span style="color: #000088;">$opt</span> <span style="color: #339933;">=</span> <span style="color: #990000;">trim</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">preg_replace</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;/\.|\)/&quot;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">''</span><span style="color: #339933;">,</span> <span style="color: #000088;">$opt</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> 
                        <span style="color: #000088;">$question</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'options'</span><span style="color: #009900;">&#93;</span><span style="color: #009900;">&#91;</span><span style="color: #000088;">$opt</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #990000;">trim</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$optText</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                <span style="color: #009900;">&#125;</span>
        <span style="color: #009900;">&#125;</span>
&nbsp;
        <span style="color: #b1b100;">return</span> <span style="color: #000088;">$result</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #000088;">$aikenFile</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;aiken-example.txt&quot;</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$parsed</span> <span style="color: #339933;">=</span> parseAikenFormat<span style="color: #009900;">&#40;</span><span style="color: #000088;">$aikenFile</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #990000;">print_r</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$parsed</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>Script ini hanya bertujuan untuk &#8220;membaca file aiken&#8221; dan menjadikannya format array php, hasil dari parsing tersebut harus diproses lebih lanjut, misalnya, ditampilkan, disimpan dalam database, atau lainnya. Demikian, semoga script ini dapat berguna.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.konglie.web.id/2012/02/03/parse-file-aiken-moodle/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Loop, mari berulang-ulang</title>
		<link>http://www.konglie.web.id/2012/01/12/loop-mari-berulang-ulang/</link>
		<comments>http://www.konglie.web.id/2012/01/12/loop-mari-berulang-ulang/#comments</comments>
		<pubDate>Thu, 12 Jan 2012 10:23:43 +0000</pubDate>
		<dc:creator>konglie</dc:creator>
				<category><![CDATA[Kisah Nyata]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[pemrograman]]></category>
		<category><![CDATA[bash]]></category>
		<category><![CDATA[pengalaman]]></category>
		<category><![CDATA[users]]></category>
		<category><![CDATA[web server]]></category>

		<guid isPermaLink="false">http://www.konglie.web.id/?p=223</guid>
		<description><![CDATA[Hari ini ada tugas membuat laporan statistik untuk akses website client per bulan Januari. Berhubung tools-nya baru sempat di-setup sekarang. Sebenarnya sudah siap sejak kemarin, sekarang hanya perlu meng-update statistik tersebut dari log file yang lama, dari tanggal 1 sampai &#8230; <a href="http://www.konglie.web.id/2012/01/12/loop-mari-berulang-ulang/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Hari ini ada tugas membuat laporan statistik untuk akses website client per bulan Januari. Berhubung tools-nya baru sempat di-setup sekarang. Sebenarnya sudah siap sejak kemarin, sekarang hanya perlu meng-update statistik tersebut dari log file yang lama, dari tanggal 1 sampai dengan 9 januari 2012.<span id="more-223"></span></p>
<p>Post blog ini sebenarnya tidak ada tutorial apapun, hanya ingin menulis saja. Ada salah satu client yang menggunakan clustering servers, dengan beberapa server yang bersama-sama menjadi web server untuk beberapa website. 4 server tepatnya. Dan ada 8 site/user yang harus diupdate statistiknya (hanya untuk client kantor yang ini), data yang harus diupdate 9 hari.</p>
<p>Loop dibawah menyelesaikan 9 x 8 x 4 proses. Well, bukan hal yang susah, statistik menggunakan awstats, dan log file ditransfer dengan scp. Script dibawah sudah siap mem-parsing file-file archive dari log yang lama</p>

<div class="wp_syntax"><div class="code"><pre class="bash" style="font-family:monospace;"><span style="color: #666666; font-style: italic;">#!/bin/bash</span>
<span style="color: #000000; font-weight: bold;">for</span> i <span style="color: #000000; font-weight: bold;">in</span> <span style="color: #7a0874; font-weight: bold;">&#123;</span><span style="color: #000000;">1</span>..<span style="color: #000000;">9</span><span style="color: #7a0874; font-weight: bold;">&#125;</span>; <span style="color: #000000; font-weight: bold;">do</span>
        <span style="color: #000000; font-weight: bold;">for</span> j <span style="color: #000000; font-weight: bold;">in</span> <span style="color: #000000; font-weight: bold;">`</span><span style="color: #c20cb9; font-weight: bold;">ls</span> <span style="color: #000000; font-weight: bold;">|</span> <span style="color: #c20cb9; font-weight: bold;">grep</span> site<span style="color: #000000; font-weight: bold;">`</span>; <span style="color: #000000; font-weight: bold;">do</span>
                <span style="color: #7a0874; font-weight: bold;">cd</span> <span style="color: #007800;">$j</span><span style="color: #000000; font-weight: bold;">/</span>logs<span style="color: #000000; font-weight: bold;">/</span>;
&nbsp;
                <span style="color: #000000; font-weight: bold;">for</span> k <span style="color: #000000; font-weight: bold;">in</span> ws1 ws2 ws3 ws4; <span style="color: #000000; font-weight: bold;">do</span>
                        <span style="color: #007800;">F</span>=<span style="color: #ff0000;">&quot;<span style="color: #007800;">${k}</span>_2012010<span style="color: #007800;">$i</span>.bz2&quot;</span>;
                        <span style="color: #7a0874; font-weight: bold;">echo</span> <span style="color: #007800;">$i</span> <span style="color: #007800;">$k</span> <span style="color: #007800;">$F</span>;
                        <span style="color: #c20cb9; font-weight: bold;">cp</span> tmp<span style="color: #000000; font-weight: bold;">/</span><span style="color: #007800;">$F</span> .<span style="color: #000000; font-weight: bold;">/</span>
                        <span style="color: #c20cb9; font-weight: bold;">tar</span> <span style="color: #660033;">-xjf</span> <span style="color: #007800;">$F</span>;
                        <span style="color: #000000; font-weight: bold;">for</span> l <span style="color: #000000; font-weight: bold;">in</span> <span style="color: #000000; font-weight: bold;">`</span><span style="color: #c20cb9; font-weight: bold;">ls</span> <span style="color: #000000; font-weight: bold;">*</span>-<span style="color: #000000;">201201</span><span style="color: #007800;">$i</span>.daylog<span style="color: #000000; font-weight: bold;">`</span>; <span style="color: #000000; font-weight: bold;">do</span>
                                <span style="color: #007800;">NF</span>=<span style="color: #000000; font-weight: bold;">`</span><span style="color: #7a0874; font-weight: bold;">echo</span> <span style="color: #007800;">$l</span> <span style="color: #000000; font-weight: bold;">|</span> <span style="color: #000000; font-weight: bold;">/</span>bin<span style="color: #000000; font-weight: bold;">/</span><span style="color: #c20cb9; font-weight: bold;">sed</span> <span style="color: #ff0000;">&quot;s/.daylog/-<span style="color: #007800;">${k}</span>.daylog/g&quot;</span><span style="color: #000000; font-weight: bold;">`</span>;
                                <span style="color: #c20cb9; font-weight: bold;">mv</span> <span style="color: #007800;">$l</span> <span style="color: #007800;">$NF</span>;
                        <span style="color: #000000; font-weight: bold;">done</span>;
                <span style="color: #000000; font-weight: bold;">done</span>;
                <span style="color: #000000; font-weight: bold;">/</span>home<span style="color: #000000; font-weight: bold;">/</span>user<span style="color: #000000; font-weight: bold;">/</span>bin<span style="color: #000000; font-weight: bold;">/</span>theawstatscript <span style="color: #007800;">$j</span>;
&nbsp;
                <span style="color: #7a0874; font-weight: bold;">cd</span> <span style="color: #000000; font-weight: bold;">/</span>home<span style="color: #000000; font-weight: bold;">/</span>user;
        <span style="color: #000000; font-weight: bold;">done</span>;
<span style="color: #000000; font-weight: bold;">done</span>;</pre></div></div>

<p>Hanya ingin menulis saja.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.konglie.web.id/2012/01/12/loop-mari-berulang-ulang/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>SCD, raw translation</title>
		<link>http://www.konglie.web.id/2012/01/05/scd-raw-translation/</link>
		<comments>http://www.konglie.web.id/2012/01/05/scd-raw-translation/#comments</comments>
		<pubDate>Thu, 05 Jan 2012 16:52:10 +0000</pubDate>
		<dc:creator>konglie</dc:creator>
				<category><![CDATA[Kisah Nyata]]></category>

		<guid isPermaLink="false">http://www.konglie.web.id/?p=218</guid>
		<description><![CDATA[Tugas DATA WAREHOUSE]]></description>
			<content:encoded><![CDATA[<p><a rel="attachment wp-att-219" href="http://www.konglie.web.id/2012/01/05/scd-raw-translation/tugas-data-warehouse/">Tugas DATA WAREHOUSE</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.konglie.web.id/2012/01/05/scd-raw-translation/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Membuat Deretan Abjad dengan loop</title>
		<link>http://www.konglie.web.id/2011/11/15/membuat-deretan-abjad-dengan-loop/</link>
		<comments>http://www.konglie.web.id/2011/11/15/membuat-deretan-abjad-dengan-loop/#comments</comments>
		<pubDate>Tue, 15 Nov 2011 15:26:32 +0000</pubDate>
		<dc:creator>konglie</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[pemrograman]]></category>
		<category><![CDATA[deretan abjad]]></category>
		<category><![CDATA[deretan huruf]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[javascript while]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://konglie.web.id/?p=211</guid>
		<description><![CDATA[Dalam pemrograman, loop atau perulangan tentunya menjadi sesuatu yang boleh dikatakan pasti akan ditemui setiap kali seorang programmer melakukan coding. Bagaimana tidak, tentunya programmer tidak ingin mengetik berulang-ulang setiap pernyataan yang sekiranya bisa diulang, bisa dikarenakan efisiensi, atau bisa juga &#8230; <a href="http://www.konglie.web.id/2011/11/15/membuat-deretan-abjad-dengan-loop/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Dalam pemrograman, loop atau perulangan tentunya menjadi sesuatu yang boleh dikatakan pasti akan ditemui setiap kali seorang programmer melakukan coding. Bagaimana tidak, tentunya programmer tidak ingin mengetik berulang-ulang setiap pernyataan yang sekiranya bisa diulang, bisa dikarenakan efisiensi, atau bisa juga dikarena memang harus di-ulang, misalnya, menampilkan isi dari sebuah table dari database hingga benar-benar habis.<br />
<span id="more-211"></span><br />
Misalnya saja, cetak output sebagai berikut ini</p>

<div class="wp_syntax"><div class="code"><pre class="plain" style="font-family:monospace;">ini adalah angka 1
ini adalah angka 2
ini adalah angka 3
.
.
.
ini adalah angka 1000</pre></div></div>

<p>Rasanya jika harus mengetik 1000 kali, akan sangat merepotkan dan tidak efisien. Hal tersebut dapat dengan mudah dilakukan, misalnya dalam syntax PHP</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span>
<span style="color: #b1b100;">for</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$i</span> <span style="color: #339933;">=</span> <span style="color: #cc66cc;">1</span><span style="color: #339933;">;</span> <span style="color: #000088;">$i</span> <span style="color: #339933;">&lt;=</span> <span style="color: #cc66cc;">1000</span><span style="color: #339933;">;</span> <span style="color: #000088;">$i</span><span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> <span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">&quot;ini adalah angka <span style="color: #006699; font-weight: bold;">$i</span>&lt;br&gt;&quot;</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p>Selesai urusannya, jangankan 1000, 100000000000 kali pun tidak menjadi masalah, hehehe, asalkan processornya kuat saja.</p>
<p>Itu jika angka, mudah saja perulangan dengan incremental, bagaimana dengan huruf/abjad? Misalnya, buat output:</p>

<div class="wp_syntax"><div class="code"><pre class="plain" style="font-family:monospace;">ini huruf a
ini huruf b
.
.
.
ini huruf z</pre></div></div>

<p>Gak banyak, cuma 26 baris saja. Tapi tetap saja, jari-jari bisa keriting buang-buang tenaga hanya untuk mengetikkan code tersebut. Dan juga bagaimana jika harus membuat urutan, bukan dengan angka, tetapi huruf/abjad. Misalnya, tadi sudah sampai <code>h</code>, maka sekarang harus <code>i</code>. Bagaimana caranya? Buat array dulu, kemudian diakses satu persatu? bisa saja, tapi boros.</p>
<p>Pada dasarnya, huruf atau abjad dalam komputer memiliki representasi angka yang digunakan untuk mengenali huruf tersebut, bukan hanya huruf, segala macam simbol karakter juga. Umumnya, dan hampir semua komputer, menggunakan pengkodean ASCII. Huruf A sampai dengan Z, memiliki karakter ASCII yang berurutan, dan hal itulah yang akan kita manfaatkan.</p>
<p>Berikut contoh dalam syntax javascript (dengan alert)</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> s <span style="color: #339933;">=</span> <span style="color: #3366CC;">'a'</span><span style="color: #339933;">;</span>
<span style="color: #000066; font-weight: bold;">while</span><span style="color: #009900;">&#40;</span>s <span style="color: #339933;">!=</span> <span style="color: #3366CC;">'z'</span><span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#123;</span>
    <span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;ini huruf &quot;</span> <span style="color: #339933;">+</span> s<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    s <span style="color: #339933;">=</span> String.<span style="color: #660066;">fromCharCode</span><span style="color: #009900;">&#40;</span>s.<span style="color: #660066;">charCodeAt</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">0</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> <span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;ini huruf &quot;</span> <span style="color: #339933;">+</span> s<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>Atau dalam PHP</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span>
<span style="color: #000088;">$s</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'a'</span><span style="color: #339933;">;</span>
<span style="color: #b1b100;">while</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$s</span> <span style="color: #339933;">!=</span> <span style="color: #0000ff;">'z'</span><span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#123;</span>
        <span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">&quot;ini huruf <span style="color: #006699; font-weight: bold;">$s</span> <span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">;</span>
        <span style="color: #000088;">$s</span> <span style="color: #339933;">=</span> <span style="color: #990000;">chr</span><span style="color: #009900;">&#40;</span><span style="color: #990000;">ord</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$s</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> <span style="color: #cc66cc;">1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">&quot;ini huruf <span style="color: #006699; font-weight: bold;">$s</span> &lt;br&gt;&quot;</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p>Tentu saja contoh diatas hanya memperlihatkan metode dan konsep yang digunakan, bukan merupakan coding yang bebas bug dan sempurna. Dan jika diperhatikan, code dari 2 bahasa pemrograman di atas sebenarnya sama saja kok, beda nama saja. </p>
<p>Semoga bermanfaat.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.konglie.web.id/2011/11/15/membuat-deretan-abjad-dengan-loop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PHP: jumlah hari antara 2 tanggal</title>
		<link>http://www.konglie.web.id/2011/11/12/php-jumlah-hari-antara-2-tanggal/</link>
		<comments>http://www.konglie.web.id/2011/11/12/php-jumlah-hari-antara-2-tanggal/#comments</comments>
		<pubDate>Sat, 12 Nov 2011 03:24:39 +0000</pubDate>
		<dc:creator>konglie</dc:creator>
				<category><![CDATA[Kisah Nyata]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[pemrograman]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[strtotime]]></category>

		<guid isPermaLink="false">http://konglie.web.id/?p=202</guid>
		<description><![CDATA[Ada sebuah kasus dimana terdapat kebutuhan untuk menghitung jumlah hari di antara 2 tanggal. Dengan menggunakan PHP, hal ini bukanlah sesuatu yang sulit atau perlu dibesar-besarkan, banyak sekali fungsi-fungsi atau pendekatan yang bisa dilakukan dalam PHP untuk melakukan perhitungan ini. &#8230; <a href="http://www.konglie.web.id/2011/11/12/php-jumlah-hari-antara-2-tanggal/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Ada sebuah kasus dimana terdapat kebutuhan untuk menghitung jumlah hari di antara 2 tanggal. Dengan menggunakan PHP, hal ini bukanlah sesuatu yang sulit atau perlu dibesar-besarkan, banyak sekali fungsi-fungsi atau pendekatan yang bisa dilakukan dalam PHP untuk melakukan perhitungan ini.<br />
<span id="more-202"></span><br />
Berikut adalah salah satu dari banyak cara yang bisa dilakukan, sekali lagi, untuk menghitung jumlah hari di antara 2 tanggal, menggunakan PHP</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span>
<span style="color: #000088;">$date1</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;2010/01/12&quot;</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$date2</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">&quot;2011/07/31&quot;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">function</span> daysBetween<span style="color: #009900;">&#40;</span><span style="color: #000088;">$s</span><span style="color: #339933;">,</span> <span style="color: #000088;">$e</span><span style="color: #009900;">&#41;</span>
<span style="color: #009900;">&#123;</span>
        <span style="color: #000088;">$s</span> <span style="color: #339933;">=</span> <span style="color: #990000;">strtotime</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$s</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #000088;">$e</span> <span style="color: #339933;">=</span> <span style="color: #990000;">strtotime</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$e</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
        <span style="color: #b1b100;">return</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$e</span> <span style="color: #339933;">-</span> <span style="color: #000088;">$s</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">/</span> <span style="color: #009900;">&#40;</span><span style="color: #cc66cc;">24</span> <span style="color: #339933;">*</span><span style="color: #cc66cc;">3600</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #b1b100;">echo</span> daysBetween<span style="color: #009900;">&#40;</span><span style="color: #000088;">$date1</span><span style="color: #339933;">,</span> <span style="color: #000088;">$date2</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">&quot;<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span><span style="color: #339933;">;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p>Script diatas, terutama pada deklarasi fungsi <code>daysBetween($s, $e)</code>, sebenarnya menitikberatkan konversi dari format tanggal dalam text, misalnya 2011-12-31 menjadi bentuk UNIX Timestamp, dengan fungsi <a href="http://php.net/manual/en/function.strtotime.php" target="_blank"><code>strtotime()</code></a>, kemudian, selisih dari 2 timestamp ini, dibagi dengan jumlah detik dalam 1 hari, maka didapatkanlah jumlah hari di antara 2 tanggal tersebut.</p>
<p>Semoga bermanfaat.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.konglie.web.id/2011/11/12/php-jumlah-hari-antara-2-tanggal/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

