<?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>Hariadi.Org &#187; How-To</title>
	<atom:link href="http://www.hariadi.org/topics/how-to/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.hariadi.org</link>
	<description>Apa yang paling kita nak, itulah yang susah kita dapat</description>
	<lastBuildDate>Tue, 07 Feb 2012 06:11:03 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Belakang Tabir SBPA: Konfigurasi Pelayan</title>
		<link>http://www.hariadi.org/how-to/belakang-tabir-sbpa-konfigurasi-pelayan/</link>
		<comments>http://www.hariadi.org/how-to/belakang-tabir-sbpa-konfigurasi-pelayan/#comments</comments>
		<pubDate>Sun, 11 Dec 2011 08:34:31 +0000</pubDate>
		<dc:creator>Hariadi Hinta</dc:creator>
				<category><![CDATA[How-To]]></category>
		<category><![CDATA[Nginx]]></category>
		<category><![CDATA[Performance]]></category>
		<category><![CDATA[SBPA]]></category>

		<guid isPermaLink="false">http://www.hariadi.org/?p=1607</guid>
		<description><![CDATA[Pagi 8 Disember 2011 itu hari jangan cakap la dia punya debar. Pukul 6 pagi saja dah 7K pengunjung. Kemudian pukul 8 naik ke 23K pengunjung. Peh..naik risau brader. Tapi bila gua tengok graf pelayan masih lagi steady. Gua dah start senyum-senyum dah.. Pukul 11 pagi merupa maksimum concurrent. 32K pengunjung!. Ini mengikut kiraan sejam. [...]]]></description>
			<content:encoded><![CDATA[<p>Pagi 8 Disember 2011 itu hari jangan cakap la dia punya debar. Pukul 6 pagi saja dah 7K pengunjung. Kemudian pukul 8 naik ke 23K pengunjung. Peh..naik risau brader. Tapi bila gua tengok graf pelayan masih lagi steady. Gua dah start senyum-senyum dah.. Pukul 11 pagi merupa maksimum concurrent. 32K pengunjung!. Ini mengikut kiraan sejam. Belum tengok lagi seminit punya concurrent. Gua sedang mengumpul data untuk kiraan terperinci hit mengikut saat dan minit pulak.</p>
<p>Gua ada buat artikel sebelum ni berkenaan pemilihan Nginx untuk pelayan SBPA dan membuat beberapa percubaan. Kali ni gua nak kongsikan berkenaan rangkaian, pelayan dan konfigurasi dalam proses menyiapkan laman SBPA. Harap-harap dapat membantu pembangun lain membuat konfigurasi dalam menghadapi pengunjung yang ramai.<span id="more-1607"></span></p>
<h2>Rangkaian</h2>
<p>Mesyuarat memutuskan supaya laman SBPA dijadikan front-end Portal JPA. Oleh itu, satu publik domain baru dibuat, docs.jpa.gov.my. Dengan bantuan pihak GITN, cross domain dilakukan di antara docs.jpa.gov.my dan www.jpa.gov.my. Hasilnya domain Portal JPA menjadi docs.jpa.gov.my dan www.jpa.gov.my dialihkan kepada publik IP yang baru iaitu SBPA.</p>
<h2>Pelayan</h2>
<p>SBPA gua 2 pelayan. Satu dekat JPA satu dekat MAMPU. yang MAMPU tu cloud. Terima kasih kepada brader @Momoji atas bantuan setup VM. Lu memang power! Setting Linux bos gua yang buat. Jadual di bawah menunjukkan sumber untuk kedua-dua pelayan. </p>
<table summary="Ringkasan Pelayan">
<thead>
<tr>
<th style="text-align: center;" colspan="3">Pelayan</th>
</tr>
<tr>
<th style="text-align: center;">Sumber</th>
<th style="text-align: center;">JPA</th>
<th style="text-align: center;">MAMPU</th>
</tr>
</thead>
<tbody>
<tr>
<th style="text-align: center;">OS</th>
<td style="text-align: center;">Linux Ubuntu 64 (VM)</td>
<td style="text-align: center;">Linux Ubuntu 64 (VM)</td>
</tr>
<tr>
<th style="text-align: center;">vCPU</th>
<td style="text-align: center;">4 vCPU</td>
<td style="text-align: center;">2 vCPU</td>
</tr>
<tr style="text-align: center;">
<th style="text-align: center;">RAM</th>
<td style="text-align: center;">4GB</td>
<td style="text-align: center;">4GB</td>
</tr>
<tr style="text-align: center;">
<th style="text-align: center;">WebServer</th>
<td style="text-align: center;">Nginx 1.1.5</td>
<td style="text-align: center;">Nginx 1.1.5</td>
</tr>
</tbody>
</table>
<p>Kedua-dua pelayan sama. Gua klon pelayan JPA dan buat dekat cloud MAMPU. Pemasangan secara virtual bos gua yang buat dan banyak dibantu oleh @Momoji.</p>
<h2>Konfigurasi</h2>
<p>Konfigurasi asas gua banyak ambil dari konfigurasi Nginx untuk <a href="https://github.com/h5bp/html5-boilerplate/">HTML5 Boilerplate</a>. Jadi gua cuma tambah konfigurasi yang gua tukar mengikut kesuaian. Berikut adalah konfiguration Nginx khas untuk pelayan SBPA. Yang lain sama seperti HTM5 Boilerplate punya.</p>
<h3>Nginx.conf</h3>
<pre class="brush: bash; title: ; notranslate">
worker_processes 3; # JPA
# worker_processes 3; # MAMPU
worker_rlimit_nofile 8192;

events {
	worker_connections 8000;
}
http {
	sendfile off;
	server_tokens off;
	keepalive_timeout     30 30;
	send_timeout          60;

	server {

	location ~* ^.+\.(php|htm|jpg|jpeg|gif|png|ico|css|zip|tgz|gz|rar|bz2|doc|xls|pdf|ppt|txt|tar|js)$ {
	  if (-f $request_filename) {
		add_header Content-Disposition: &quot;$request_filename&quot;;
		break;
	  }
	  rewrite ^(.*) http://docs.jpa.gov.my$1 permanent;
	}
        add_header &quot;X-UA-Compatible&quot; &quot;IE=Edge,chrome=1&quot;;
    }
}
</pre>
<h3>Penerangan Konfigurasi</h3>
<p><code>worker_processes </code>: Sama macam <em>child process</em> dalam Apache. Dengan kata mudah setkan ikut CPU. JPA ada 4 jadi gua cuma setkan 3 dan MAMPU ada 2 tapi gua setkan 2 juga.</p>
<p><code>worker_rlimit_nofile </code>: Maksimum descriptor yang boleh dibuka oleh proses. Nilainya mesti lebih besar dari <strong>worker_connections</strong>.</p>
<p><code>keepalive_timeout </code>: Parameter pertama adalah masa <em>keep-alive connections</em> dengan pengunjung. Pelayan akan memutuskan connections selepas tamat tempoh ini. Parameter kedua optional. Nak letak boleh tak nak letak pun boleh. Parameter ini akan meletakkan <code>time</code> dekat <code>header</code> pelayan. Tugasnya boleh memaksa sesetengah pelayar untuk menutup hubungan dengan pelayan.</p>
<p><strong>send_timeout </strong>: Respon timeout kepada client</strong>.</p>
<pre class="brush: bash; title: ; notranslate">location ~* ^.+\.(php|htm|jpg|jpeg|gif|png|ico|css|zip|tgz|gz|rar|bz2|doc|xls|pdf|ppt|txt|tar|js)$ {
	  if (-f $request_filename) {
		add_header Content-Disposition: &quot;$request_filename&quot;;
		break;
	  }
	  rewrite ^(.*) http://docs.jpa.gov.my$1 permanent;
	}
        add_header &quot;X-UA-Compatible&quot; &quot;IE=Edge,chrome=1&quot;;
    }
</pre>
<p>Konfigurasi ini penting. Trafik yang datang dari enjin carian adalah dari domain <code>www.jpa.gov.my</code>. Tentunya 404 akan terhasil kerana telah diambil alih oleh pelayan SBPA. Objektif konfigurasi ini adalah memeriksa sama ada fail tersebut wujud dalam pelayan SBPA. </p>
<p>Jika fail wujud, header <code>Content-Disposition</code> diletakkan pada header pelayar. Tujuannya untuk <em>force download</em> fail. Jika tiada redirectkan ke pelayan <code>docs.jpa.gov.my</code> yang mana adalah pelayan Portal JPA.</p>
<p>Jadi itulah serba sedikit mengenai SBPA dari segi teknikal. Semasa permulaan terdapat masalah di mana DNS lambat nak kemaskini IP baru bagi www.jpa.gov.my. Gua akui ini kesilapan di peringkat kami. Sebab lambat tukar IP untuk cross kedua domain tersebut. Sepatutnya seminggu awal patut kena buat dah.<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://www.hariadi.org/diari/sistem-saraan-baru-perkhidmatan-awam-sbpa/' title='Sistem Saraan Baru Perkhidmatan Awam &#8211; SBPA'>Sistem Saraan Baru Perkhidmatan Awam &#8211; SBPA</a></li>
<li><a href='http://www.hariadi.org/how-to/setup-nginx-apache-xampp-on-same-server/' title='Setup Nginx, Apache (XAMPP) On Same Server'>Setup Nginx, Apache (XAMPP) On Same Server</a></li>
<li><a href='http://www.hariadi.org/diari/60/' title='60'>60</a></li>
<li><a href='http://www.hariadi.org/diari/disable-right-click-view-page-source/' title='Disable Right Click &#8211; View Page Source'>Disable Right Click &#8211; View Page Source</a></li>
<li><a href='http://www.hariadi.org/wordpress/best-permalink-structure/' title='Best Permalink Structure'>Best Permalink Structure</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.hariadi.org/how-to/belakang-tabir-sbpa-konfigurasi-pelayan/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Formatting Text in Google+</title>
		<link>http://www.hariadi.org/how-to/formatting-text-in-google/</link>
		<comments>http://www.hariadi.org/how-to/formatting-text-in-google/#comments</comments>
		<pubDate>Fri, 02 Dec 2011 05:11:32 +0000</pubDate>
		<dc:creator>Hariadi Hinta</dc:creator>
				<category><![CDATA[How-To]]></category>
		<category><![CDATA[G+]]></category>
		<category><![CDATA[Tips]]></category>

		<guid isPermaLink="false">http://www.hariadi.org/?p=1560</guid>
		<description><![CDATA[When writing message, some time you want to mark or highlight some words or sentences in you message body by keeping them in bold text format. Google+ allows you to bold, strikeout, or italicize text within your new post or older posts. Don&#8217;t worry because G+ have features to allow us to edit older post. [...]]]></description>
			<content:encoded><![CDATA[<p>When writing message, some time you want to mark or highlight some words or sentences in you message body by keeping them in bold text format.</p>
<p><img class="alignnone size-full wp-image-1571" title="G+ Formatting Text" src="http://www.hariadi.org/v9/wp-content/media/2011/12/gplusformat.jpg" alt="G+ Formatting Text" width="610" height="85" /></p>
<p>Google+ allows you to <strong>bold</strong>, <del>strikeout</del>, or <em>italicize</em> text within your new post or older posts. Don&#8217;t worry because G+ have features to allow us to edit older post.</p>
<p>Create new post or navigate your older post by click &#8220;j&#8221; or &#8220;k&#8221;   on the G+ stream to edit your message with some popular text format by enclosing the text in some special characters. Here is in details:</p>
<ul>
<li><strong>Bold</strong>: Write anything between <strong>*</strong>.</li>
<li><em>Italics</em> Write: anything between <strong>_</strong>.</li>
<li><del>Strikethrough</del>: Write anything between <strong>–</strong>.</li>
</ul>
<blockquote><p>NOTE: You can also apply more than one formatting to a text for example if you will write like this: *-_Hariadi.Org_-*  and become like this <del><em><strong>Hariadi.Org</strong></em></del></p></blockquote>
<p><img title="Formatting text in G+" src="http://www.hariadi.org/v9/wp-content/media/2011/12/gplusformat2.jpg" alt="Formatting text in G+" width="610" height="165" /></p>
<p>Don&#8217;t forget to Hariadi.Org in your circles. Thanks!.<br />
<g:plus href="https://plus.google.com/112154467409380048058/" size="smallbadge"></g:plus><br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://www.hariadi.org/snippets/git-aliases/' title='GIT Aliases'>GIT Aliases</a></li>
<li><a href='http://www.hariadi.org/diari/celcom-prepaid-data-plan/' title='Celcom Prepaid &amp; Data Plan'>Celcom Prepaid &#038; Data Plan</a></li>
<li><a href='http://www.hariadi.org/diari/sosial-skt/' title='Sosial SKT'>Sosial SKT</a></li>
<li><a href='http://www.hariadi.org/how-to/manage-delete-or-access-google-as-a-page/' title='Manage, Delete or Access Google+ As A Page'>Manage, Delete or Access Google+ As A Page</a></li>
<li><a href='http://www.hariadi.org/android/google-plus-apk/' title='Android Google+ (Google Plus) APK'>Android Google+ (Google Plus) APK</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.hariadi.org/how-to/formatting-text-in-google/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Try Google Hidden Navigation Menu</title>
		<link>http://www.hariadi.org/how-to/try-google-hidden-navigation-menu/</link>
		<comments>http://www.hariadi.org/how-to/try-google-hidden-navigation-menu/#comments</comments>
		<pubDate>Thu, 01 Dec 2011 10:50:26 +0000</pubDate>
		<dc:creator>Hariadi Hinta</dc:creator>
				<category><![CDATA[How-To]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://www.hariadi.org/?p=1557</guid>
		<description><![CDATA[Just edit your Google cookie and use some values that trigger the new UI. If you&#8217;re not in the US and you&#8217;re using a different Google domain, replace &#8220;.google.com&#8221; with your domain in the code (for example: &#8220;.google.com.my&#8221; in Malaysia). NOTE: This only works for the English interface, so you many need to adjust the [...]]]></description>
			<content:encoded><![CDATA[<p>Just edit your Google cookie and use some values that trigger the new UI. If you&#8217;re not in the US and you&#8217;re using a different Google domain, replace &#8220;.google.com&#8221; with your domain in the code (for example: &#8220;.google.com.my&#8221; in Malaysia).</p>
<blockquote><p><strong>NOTE</strong>: This only works for the English interface, so you many need to adjust the language in the <a href="http://www.google.com/preferences">preferences page</a>.</p></blockquote>
<h2>Step 1: Select Browser (Chrome, Firefox, Safari or Internet Explorer 8+)</h2>
<p>Open new tab: <a href="http://www.google.com ">www.google.com </a></p>
<h2>Step 2: Open JavaScript Console</h2>
<p>Open JavaScript Console depend on your browser.</p>
<ul>
<li>Chrome&#8217;s JavaScript console (<strong>Ctrl+Shift+J</strong>)</li>
<li>Firefox&#8217;s Web Console (<strong>Ctrl+Shift+K</strong>)</li>
<li>Safari&#8217;s Web Inspector (<a href="http://mactips.info/2010/07/use-safari-5s-web-inspector">refer how to do that</a>)</li>
<li>IE&#8217;s Developer Tools (press <strong>F12</strong> and select the &#8220;<strong>console</strong>&#8221; tab)</li>
</ul>
<h2>Step 3: Google cookie</h2>
<p>Paste the following code</p>
<pre class="brush: jscript; title: ; notranslate">document.cookie=&quot;PREF=ID=03fd476a699d6487:U=88e8716486ff1e5d:FF=0:LD=en:CR=2:TM=1322688084:LM=1322688085:S=McEsyvcXKMiVfGds; path=/; domain=.google.com&quot;;window.location.reload();</pre>
<p><img title="Insert Google cookie" src="http://www.hariadi.org/v9/wp-content/media/2011/12/gcookie.jpg" alt="" width="608" height="114" /></p>
<p>Close the console. That&#8217;s It. Happy try!</p>
<p><img title="Google Hidden Navigation" src="http://www.hariadi.org/v9/wp-content/media/2011/12/googlenav3.jpg" alt="" width="532" height="297" /><br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://www.hariadi.org/diari/blog-baru-momoji/' title='Blog baru Momoji'>Blog baru Momoji</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.hariadi.org/how-to/try-google-hidden-navigation-menu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Change Google Map Maker Profile Picture</title>
		<link>http://www.hariadi.org/how-to/change-google-map-maker-profile-picture/</link>
		<comments>http://www.hariadi.org/how-to/change-google-map-maker-profile-picture/#comments</comments>
		<pubDate>Mon, 28 Nov 2011 15:55:56 +0000</pubDate>
		<dc:creator>Hariadi Hinta</dc:creator>
				<category><![CDATA[How-To]]></category>
		<category><![CDATA[Maps]]></category>

		<guid isPermaLink="false">http://www.hariadi.org/?p=1532</guid>
		<description><![CDATA[Getting sick of &#8220;blue ghost&#8221; photo on your Google Maps Profile? You can change that photo (and other info in your profile) on Google Maps Profile by going to https://maps.google.com/maps/me?authuser=0 at any time. Click on &#8220;Edit your Places nickname and photo&#8221; menu to change username or photo. If you make no changes, Google will NOT [...]]]></description>
			<content:encoded><![CDATA[<p>Getting sick of &#8220;blue ghost&#8221; photo on your Google Maps Profile? You can change that photo (and other info in your profile) on Google Maps Profile by going to https://maps.google.com/maps/me?authuser=0 at any time. Click on &#8220;Edit your Places nickname and photo&#8221; menu to change username or photo.</p>
<p>If you make no changes, Google will NOT link to your Google profile, and will show a little &#8220;blue ghost&#8221; in place of a picture.<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li>No Related Posts</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.hariadi.org/how-to/change-google-map-maker-profile-picture/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Manage, Delete or Access Google+ As A Page</title>
		<link>http://www.hariadi.org/how-to/manage-delete-or-access-google-as-a-page/</link>
		<comments>http://www.hariadi.org/how-to/manage-delete-or-access-google-as-a-page/#comments</comments>
		<pubDate>Tue, 08 Nov 2011 20:35:37 +0000</pubDate>
		<dc:creator>Hariadi Hinta</dc:creator>
				<category><![CDATA[How-To]]></category>
		<category><![CDATA[G+]]></category>

		<guid isPermaLink="false">http://www.hariadi.org/?p=1489</guid>
		<description><![CDATA[Method 1 To access, manage, edit or cruise Google+ as your page simply go to your Google+ profile stream and click on the small down arrow under your name. Method 2 Using this method you able to manage or delete your Google+ Page. Go to https://plus.google.com/pages/manage Related Posts: Sosial SKT Formatting Text in Google+ Android [...]]]></description>
			<content:encoded><![CDATA[<h2>Method 1</h2>
<p>To access, manage, edit or cruise Google+ as your page simply go to your Google+ profile stream and click on the small down arrow under your name.</p>
<p><img class="aligncenter size-full wp-image-1496" title="G+ Page" src="http://www.hariadi.org/v9/wp-content/media/2011/11/gpluspage.jpg" alt="Manage G+ Page" width="300" height="180" /></p>
<h2>Method 2</h2>
<p>Using this method you able to manage or delete your Google+ Page. Go to <a href="https://plus.google.com/pages/manage">https://plus.google.com/pages/manage</a><br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://www.hariadi.org/diari/sosial-skt/' title='Sosial SKT'>Sosial SKT</a></li>
<li><a href='http://www.hariadi.org/how-to/formatting-text-in-google/' title='Formatting Text in Google+'>Formatting Text in Google+</a></li>
<li><a href='http://www.hariadi.org/android/google-plus-apk/' title='Android Google+ (Google Plus) APK'>Android Google+ (Google Plus) APK</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.hariadi.org/how-to/manage-delete-or-access-google-as-a-page/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Setup Nginx, Apache (XAMPP) On Same Server</title>
		<link>http://www.hariadi.org/how-to/setup-nginx-apache-xampp-on-same-server/</link>
		<comments>http://www.hariadi.org/how-to/setup-nginx-apache-xampp-on-same-server/#comments</comments>
		<pubDate>Sat, 08 Oct 2011 14:09:36 +0000</pubDate>
		<dc:creator>Hariadi Hinta</dc:creator>
				<category><![CDATA[How-To]]></category>
		<category><![CDATA[Apache]]></category>
		<category><![CDATA[Nginx]]></category>
		<category><![CDATA[Performance]]></category>
		<category><![CDATA[Reverse Proxy]]></category>
		<category><![CDATA[Static]]></category>
		<category><![CDATA[XAMPP]]></category>

		<guid isPermaLink="false">http://www.hariadi.org/?p=1407</guid>
		<description><![CDATA[This tutorial will guide how to install <a href="http://nginx.org">Nginx</a> web server (port 80) and Apache (port 8080) on your XAMPP development machine.]]></description>
			<content:encoded><![CDATA[<h3>Overview:</h3>
<ol>
<li>Nginx port 80</li>
<li>Apache port 8080</li>
<li>Nginx and Apache share root directory (F:\xampp\htdocs)</li>
<li>Nginx catch request as front-end and proxy dynamic content (PHP) to Apache which will be running in the back-end.</li>
<li>Install WordPress, Joomla and Drupal for development on localhost and work perfectly.</li>
<li>Setup on Windows XP.</li>
</ol>
<h3>Things you need:</h3>
<ol>
<li><a href="http://nginx.org/en/download.html">nginx/Windows-1.1.5</a></li>
<li><a href="http://www.apachefriends.org/en/xampp-windows.html">XAMPP 1.7.7</a></li>
</ol>
<h3>The Setups:</h3>
<ol>
<li>Install XAMPP 1.7.7. For the purpose of this article, I put on F:\xampp</li>
<li>Open F:\xampp\apache\conf\httpd.conf and change default listen to 8080:
<pre class="brush: powershell; title: ; notranslate">Listen 8080</pre>
</li>
<li>Save and start Apache from XAMPP Control Panel Application.</li>
<li>Unzip the nginx-1.1.5 to XAMPP directory and rename to nginx:
<pre class="brush: powershell; title: ; notranslate">F:\xampp\nginx</pre>
</li>
<li>Open F:\xampp\nginx\conf\nginx.conf and follow this setting:
<pre class="brush: powershell; title: ; notranslate">
worker_processes  1;
error_log  logs/error.log;

events {
    worker_connections  1024;
}

http {
    include		mime.types;
	include    	proxy.conf;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;

    gzip  on;
	gzip_comp_level   5;
	gzip_http_version 1.0;
	gzip_min_length   0;
	gzip_types        text/plain text/html text/css image/x-icon application/x-javascript;
	gzip_vary         on;

    server {
        listen       80;
        server_name  localhost;

		location ~* ^.+\.(jpg|jpeg|gif|png|ico|css|zip|tgz|gz|rar|bz2|pdf|txt|tar|wav|bmp|rtf|js|flv|swf|html|htm)$
		{
			#root   html;
			root   F:/xampp/htdocs;
			expires max;
		}
		#set default location
        location / {
            proxy_pass         http://127.0.0.1:8080/;
        }
		#Adding location for phpmyadmin
		location /phpmyadmin {
			proxy_pass         http://127.0.0.1:8080/phpmyadmin;
			allow 127.0.0.1;
			deny all;
		}

        error_page  404              /404.html;

        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
	#Optional. If you have a subdomain to serves static files so we have not set up a proxy_pass.
	server {
		listen 80;
		server_name s0.jpa.gov.my s1.jpa.gov.my; # Alternately: _

		error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

		access_log logs/static.access.log;
		error_log logs/static.error.log;

		index index.html;

		location / {
			expires     max;
			root   F:/xampp/htdocs;
		}
	}
}
</pre>
</li>
<li>Create the file proxy.conf in the F:\xampp\nginx\conf\ folder (same directory with nginx.conf) with the following contents:
<pre class="brush: powershell; title: ; notranslate">proxy_redirect          off;
proxy_set_header        Host            $host;
proxy_set_header        X-Real-IP       $remote_addr;
proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
client_max_body_size    10m;
client_body_buffer_size 128k;
client_header_buffer_size 64k;
proxy_connect_timeout   90;
proxy_send_timeout      90;
proxy_read_timeout      90;
proxy_buffer_size   16k;
proxy_buffers       32   16k;
proxy_busy_buffers_size 64k;</pre>
</li>
<li>Double click Nginx.exe on F:\xampp\nginx folder to start Nginx server.</li>
</ol>
<p>Go to browser and enter http://localhost/. if you see XAMPP default home and don’t see any errors that is a good start. You can delete subdomain part on ingix.conf if you like. This method I used to setup POC for http://www.jpa.gov.my web server with Joomla, WordPress and PhpMyAdmin already installed and worl perfectly!. Hope this can help and if you need any support just leave a comment and we’ll try and help you.<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://www.hariadi.org/how-to/belakang-tabir-sbpa-konfigurasi-pelayan/' title='Belakang Tabir SBPA: Konfigurasi Pelayan'>Belakang Tabir SBPA: Konfigurasi Pelayan</a></li>
<li><a href='http://www.hariadi.org/diari/sistem-saraan-baru-perkhidmatan-awam-sbpa/' title='Sistem Saraan Baru Perkhidmatan Awam &#8211; SBPA'>Sistem Saraan Baru Perkhidmatan Awam &#8211; SBPA</a></li>
<li><a href='http://www.hariadi.org/diari/disable-right-click-view-page-source/' title='Disable Right Click &#8211; View Page Source'>Disable Right Click &#8211; View Page Source</a></li>
<li><a href='http://www.hariadi.org/wordpress/best-permalink-structure/' title='Best Permalink Structure'>Best Permalink Structure</a></li>
<li><a href='http://www.hariadi.org/diari/performance-performance-performance/' title='Performance! Performance! Performance!'>Performance! Performance! Performance!</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.hariadi.org/how-to/setup-nginx-apache-xampp-on-same-server/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Solved Missing VMware Network Adapter</title>
		<link>http://www.hariadi.org/how-to/solved-missing-vmware-network-adapter/</link>
		<comments>http://www.hariadi.org/how-to/solved-missing-vmware-network-adapter/#comments</comments>
		<pubDate>Tue, 06 Sep 2011 04:26:28 +0000</pubDate>
		<dc:creator>Hariadi Hinta</dc:creator>
				<category><![CDATA[How-To]]></category>
		<category><![CDATA[VMware Player]]></category>

		<guid isPermaLink="false">http://www.hariadi.org/?p=1354</guid>
		<description><![CDATA[The vmnetcfg.exe is included in the installer, but won&#8217;t be installed. Run the installer with /e option. For example: VMware-player-3.0.0-197124.exe /e .\extract All contents will be extracted to &#8220;extract&#8221; folder. Open &#8220;network.cab&#8221; and copy vmnetcfg.exe to your installation folder, typically &#8220;C:\Program Files\VMware\VMware Player\&#8221;. Related Posts: No Related Posts]]></description>
			<content:encoded><![CDATA[<p>The vmnetcfg.exe is included in the installer, but won&#8217;t be installed.</p>
<ol>
<li class="bawah">Run the installer with /e option.<br />
For example:<br />
VMware-player-3.0.0-197124.exe /e .\extract<br />
All contents will be extracted to &#8220;extract&#8221; folder.</li>
<li class="bawah">Open &#8220;network.cab&#8221; and copy vmnetcfg.exe to your installation folder, typically &#8220;C:\Program Files\VMware\VMware Player\&#8221;.</li>
</ol>
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li>No Related Posts</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.hariadi.org/how-to/solved-missing-vmware-network-adapter/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Installing and Using Smartphone SDK Add-ons</title>
		<link>http://www.hariadi.org/how-to/installing-and-using-smartphone-sdk-add-ons/</link>
		<comments>http://www.hariadi.org/how-to/installing-and-using-smartphone-sdk-add-ons/#comments</comments>
		<pubDate>Thu, 09 Jun 2011 07:08:49 +0000</pubDate>
		<dc:creator>Hariadi Hinta</dc:creator>
				<category><![CDATA[How-To]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[AVD]]></category>
		<category><![CDATA[HTC]]></category>
		<category><![CDATA[Motorola]]></category>
		<category><![CDATA[Samsung]]></category>
		<category><![CDATA[SDK]]></category>
		<category><![CDATA[Sony Ericsson]]></category>

		<guid isPermaLink="false">http://www.hariadi.org/?p=1110</guid>
		<description><![CDATA[Smartphone SDK add-ons like Samsung, Sony Ericsson, HTC or Motorola, when added to the Android™ SDK, allows you to run and debug your applications on an emulated smartphone. Note that while the device image that the add-on presents does not necessarily reflect the look of the actual device, from a functional standpoint it should be [...]]]></description>
			<content:encoded><![CDATA[<p>Smartphone SDK add-ons like Samsung, Sony Ericsson, HTC or Motorola, when added to the Android™ SDK, allows you to run and debug your applications on an emulated smartphone. Note that while the device image that the add-on presents does not necessarily reflect the look of the actual device, from a functional standpoint it should be a fairly faithful emulation of the actual handset.</p>
<h2>Prerequisites</h2>
<p>Before installing the add-on, the Android SDK must be installed. The Android SDK can be downloaded from <a href="http://developer.android.com/sdk/index.html">Android Developers</a>.</p>
<p>Android SDK installation instruction is found at: <a href="http://developer.android.com/sdk/installing.html">http://developer.android.com/sdk/installing.html</a></p>
<h2>Download add-ons</h2>
<p>Here list of  Samsung, Sony Ericsson, HTC and Motorola add-ons for SDK. If you found other smartphone add-ons for Android SDK just put to the comment below.</p>
<ol>
<li><a href="http://innovator.samsungmobile.com/down/cnts/toolSDK.list.do?platformId=1">Samsung</a> &#8211; http://innovator.samsungmobile.com/down/cnts/toolSDK.list.do?platformId=1</li>
<li><a href=" http://developer.sonyericsson.com/wportal/devworld/search-downloads/docstools/sdk?cc=gb&amp;lc=en">Sony Ericsson</a> &#8211; http://developer.sonyericsson.com/wportal/devworld/search-downloads/docstools/sdk?cc=gb&amp;lc=en</li>
<li><a href="http://developer.htc.com/index.html">HTC</a> &#8211; http://developer.htc.com/index.html</li>
<li><a href="http://developer.motorola.com/docstools/tools/">Motorola</a> &#8211; http://developer.motorola.com/docstools/tools/</li>
</ol>
<h2>Installing the add-on</h2>
<p>To install the smartphone SDK add-on, simply download it, extracting the add-on files, and copy the resulting directory into the &#8220;add-ons&#8221; directory of the Android SDK that you are using.</p>
<blockquote><p><strong>Note</strong>: If add-ons for Android SDK or Eclipse™ were running when you copied the SDK add-on, you will need to restart it for the add-on to be recognized by your development environment.</p></blockquote>
<p>For this tutorial, I installing Sony Ericsson Xperia X10 SDK Add-on.</p>
<h2>Creating an AVD</h2>
<p>In order to launch the emulator using the add-on, an AVD must be created.</p>
<p>To create an AVD using the command line, do the following (you may need to be within the Android SDK&#8217;s &#8220;tools&#8221; directory):</p>
<ol>
<li> Before creating an AVD, the ID number that specifies the add-ons for the Android™ SDK must be found. To check if add-ons exist:
<pre class="brush: bash; title: ; notranslate">android target list</pre>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-1122" title="Android target list" src="http://www.hariadi.org/v9/wp-content/media/2011/06/android-target-list.jpg" alt="" width="578" height="223" />List of add-ons</p>
<p>In the above case, 6 is the ID number for the add-on. If multiple add-ons have been installed, more<br />
targets are shown in the list.</li>
<li>To create an AVD for add-ons for the Android™ SDK, the right ID number from the list must be chosen. Create an AVD by specifying the ID number of the add-on, in this example, ID = 6. Command for creating AVD:
<pre class="brush: bash; title: ; notranslate">android create avd -n  -t </pre>
<pre class="brush: bash; title: ; notranslate">android create avd -n X10 -t 6</pre>
<p>In this example, the AVD is named &#8220;<strong>X10</strong>&#8220;. The AVD can be given any name.</li>
</ol>
<p>To create it from within Android AVD Manage.</p>
<ol>
<li>Select Android <strong>AVD Manager</strong> from the Window menu. The Android Virtual Devices Manager dialog appears.</li>
<li>Enter &#8220;X10&#8243; (or whatever name you want to give the new AVD) in the <strong>Name</strong> field.</li>
<li>From the <strong>Target</strong> list, select the target named for the &#8220;X10 (Sony Ericsson Mobile Communications) &#8211; API Level 4&#8243;.</li>
<li>If you want the emulated device to have an SD card, in the SDCard field either specify the path and filename to a file containing an existing SD card image, or specify a size (such as 64M) to create a new, empty SD card image. Leave this field blank if the device isn&#8217;t to have an SD card.</li>
<li>From the <strong>Skin</strong> list, select default skin named for X10 target device.</li>
<li>Click <strong>Create AVD</strong>.</li>
<li>Click <strong>OOK</strong> to close the dialog.
<p><img title="X10-AVD" src="http://www.hariadi.org/v9/wp-content/media/2011/06/X10-AVD.jpg" alt="" width="400" height="566" /></li>
</ol>
<h2>Launching the emulator</h2>
<p>If you start a Run or Debug configuration that specifies a SDK add-on AVD as the target device, the AVD will be automatically launched for you. If you want to start the AVD without deploying an application to it, you can do so either from the command line. From the command line, the following command will start the AVD named &#8220;X10&#8243;:</p>
<pre class="brush: bash; title: ; notranslate">emulator -avd X10</pre>
<p>Or, for Sony Erricson Add-ons:</p>
<pre class="brush: bash; title: ; notranslate">emulator @X10</pre>
<p>The word after &#8220;@&#8221; is the name of the created AVD, &#8220;X10&#8243; in this example.  To start from <strong>Android SDK and AVD Manager SDK</strong> select the AVD from within the Device Management view and click <strong>Start</strong>.</p>
<p><img class="aligncenter size-full wp-image-1125" title="X10-Emulator" src="http://www.hariadi.org/v9/wp-content/media/2011/06/X10-Emulator.jpg" alt="" width="425" height="577" /></p>
<p>Of course it you set a hardware like GPS available on the emulator the running application will detect that it is available, but this &#8216;virtual&#8217; GPS naturally can not provide a GPS coordinate on its own. On the next tutorial, I write about how to set location on emulator.<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://www.hariadi.org/diari/disiplin-kewangan/' title='Disiplin Kewangan'>Disiplin Kewangan</a></li>
<li><a href='http://www.hariadi.org/google/2-step-verification/' title='2-step verification'>2-step verification</a></li>
<li><a href='http://www.hariadi.org/diari/kucar-kacir/' title='Kucar kacir'>Kucar kacir</a></li>
<li><a href='http://www.hariadi.org/android/manual-download-of-android-sdk-components/' title='Manually download of Android SDK Components (Android SDK platforms)'>Manually download of Android SDK Components (Android SDK platforms)</a></li>
<li><a href='http://www.hariadi.org/android/connect-emulator-to-the-internet/' title='Connect Emulator to the Internet'>Connect Emulator to the Internet</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.hariadi.org/how-to/installing-and-using-smartphone-sdk-add-ons/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Disable Joomla System Session</title>
		<link>http://www.hariadi.org/how-to/disable-joomla-system-session/</link>
		<comments>http://www.hariadi.org/how-to/disable-joomla-system-session/#comments</comments>
		<pubDate>Tue, 07 Jun 2011 01:55:47 +0000</pubDate>
		<dc:creator>Hariadi Hinta</dc:creator>
				<category><![CDATA[How-To]]></category>
		<category><![CDATA[Joomla]]></category>
		<category><![CDATA[Caching]]></category>
		<category><![CDATA[Joomla Session]]></category>
		<category><![CDATA[Performance]]></category>

		<guid isPermaLink="false">http://www.hariadi.org/?p=1091</guid>
		<description><![CDATA[Agak-agak pengunjung dah mencapai 35K &#8211; 50K sehari sejam tu sakit juga kalau guna Joomla System Session dekat pengguna guest. Ada baiknya disablekan Joomla System Session dekat front end. Mudah saja. Buka fail /index.php dan cari kod ini: Tukarkan line kod di atas dengan yang ini: Orait. Kod baru di atas menutup semua pengendalian session [...]]]></description>
			<content:encoded><![CDATA[<p>Agak-agak pengunjung dah mencapai 35K &#8211; 50K <del>sehari</del> sejam tu sakit juga kalau guna Joomla System Session dekat pengguna guest. Ada baiknya disablekan Joomla System Session dekat front end. Mudah saja.</p>
<p>Buka fail <code>/index.php</code> dan cari kod ini:</p>
<pre class="brush: php; title: ; notranslate">
$mainframe =&amp; JFactory::getApplication('site');
</pre>
<p>Tukarkan line kod di atas dengan yang ini:</p>
<pre class="brush: php; title: ; notranslate">
$user =&amp; JFactory::getUser();
if ($user-&gt;guest) {
  $mainframe =&amp; JFactory::getApplication('site',array('session'=&gt;false));
}
</pre>
<p>Orait. Kod baru di atas menutup semua pengendalian session di front end bagi pengguna yang TIDAK berdaftar. Yang berdaftar boleh main guli macam biasa. Lu orang boleh handler session ke mekanisme cache seperti APC, Memcache. Gua sarankan APC.<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://www.hariadi.org/how-to/belakang-tabir-sbpa-konfigurasi-pelayan/' title='Belakang Tabir SBPA: Konfigurasi Pelayan'>Belakang Tabir SBPA: Konfigurasi Pelayan</a></li>
<li><a href='http://www.hariadi.org/diari/disable-right-click-view-page-source/' title='Disable Right Click &#8211; View Page Source'>Disable Right Click &#8211; View Page Source</a></li>
<li><a href='http://www.hariadi.org/diari/sistem-saraan-baru-perkhidmatan-awam-sbpa/' title='Sistem Saraan Baru Perkhidmatan Awam &#8211; SBPA'>Sistem Saraan Baru Perkhidmatan Awam &#8211; SBPA</a></li>
<li><a href='http://www.hariadi.org/how-to/setup-nginx-apache-xampp-on-same-server/' title='Setup Nginx, Apache (XAMPP) On Same Server'>Setup Nginx, Apache (XAMPP) On Same Server</a></li>
<li><a href='http://www.hariadi.org/wordpress/best-permalink-structure/' title='Best Permalink Structure'>Best Permalink Structure</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.hariadi.org/how-to/disable-joomla-system-session/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>HTML5: Forms</title>
		<link>http://www.hariadi.org/how-to/html5-forms/</link>
		<comments>http://www.hariadi.org/how-to/html5-forms/#comments</comments>
		<pubDate>Sat, 26 Mar 2011 22:45:57 +0000</pubDate>
		<dc:creator>Hariadi Hinta</dc:creator>
				<category><![CDATA[How-To]]></category>
		<category><![CDATA[Forms]]></category>
		<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://www.hariadi.org/?p=902</guid>
		<description><![CDATA[Bila buat forms yang bagus, banyak menggunakan bantuan CSS dan Javascript. Dengan HTML5, banyak jenis attributes dan ciri ciri baru yang membantu dan memudahkan proses pembangunan forms. Antaranya: &#60;input type=&#8221;text&#8221; placeholder=&#8221;teks&#8221;&#62; &#8211; Paparan teks (warna kelabu) akan hilang bila anda klik/fokus pada input. &#60;input type=&#8221;text&#8221; autofocus&#62; &#8211; Automatik fokus pada input apabila page selesai onload. [...]]]></description>
			<content:encoded><![CDATA[<p>Bila buat forms yang bagus, banyak menggunakan bantuan CSS dan Javascript. Dengan HTML5, banyak jenis attributes dan ciri ciri baru yang membantu dan memudahkan proses pembangunan forms. Antaranya:</p>
<ul>
<li><em><strong>&lt;input type=&#8221;text&#8221; placeholder=&#8221;teks&#8221;&gt;</strong></em> &#8211; Paparan teks (warna kelabu) akan hilang bila anda klik/fokus pada input.</li>
<li><em><strong>&lt;input type=&#8221;text&#8221; autofocus&gt;</strong></em> &#8211; Automatik fokus pada input apabila page selesai onload. Boolean. Peh, payah benar nak ekplen dengan simpel.</li>
<li><em><strong>&lt;input type=&#8221;text&#8221; required&gt;</strong></em> &#8211;  field mesti ada value sebelum submit. Boolean.</li>
<li><em><strong>&lt;input type=&#8221;text&#8221; autocomplete=&#8221;off&#8221;&gt;</strong></em> &#8211;  semua field lepas ni secara defaultnya &#8220;on&#8221;, atas sebab keselamatan.</li>
</ul>
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li>No Related Posts</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.hariadi.org/how-to/html5-forms/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>


<!-- W3 Total Cache: Minify debug info:
Engine:             disk: basic
Theme:              007ae
Template:           archive
-->
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Object Caching 641/750 objects using disk: basic

Served from: www.hariadi.org @ 2012-02-07 14:49:06 -->

<!-- W3 Total Cache: Page cache debug info:
Engine:             disk: enhanced
Cache key:          topics/how-to/feed/_index.xml_gzip
Caching:            enabled
Status:             not cached
Creation Time:      0.499s
Header info:
X-Pingback:         http://www.hariadi.org/v9/xmlrpc.php
ETag:               "6107f33d250c6b29804d578b9c0ee91f"
Content-Type:       text/xml; charset=UTF-8
Last-Modified:      Tue, 07 Feb 2012 06:49:06 GMT
Vary:               Accept-Encoding, Cookie
X-Powered-By:       W3 Total Cache/0.9.2.4
Content-Encoding:   gzip
-->
