<?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>Purwaloka</title>
	<atom:link href="http://purwaloka.com/feed" rel="self" type="application/rss+xml" />
	<link>http://purwaloka.com</link>
	<description>Technology mind set!</description>
	<lastBuildDate>Wed, 08 Feb 2012 08:09:41 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.4</generator>
		<item>
		<title>jQuery UI Datepicker for First Use</title>
		<link>http://purwaloka.com/web-technology/php-programming/jquery-ui-datepicker.html</link>
		<comments>http://purwaloka.com/web-technology/php-programming/jquery-ui-datepicker.html#comments</comments>
		<pubDate>Wed, 08 Feb 2012 07:23:17 +0000</pubDate>
		<dc:creator>purwa</dc:creator>
				<category><![CDATA[JQuery]]></category>
		<category><![CDATA[PHP Programming]]></category>
		<category><![CDATA[asp]]></category>
		<category><![CDATA[datepicker]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[jquery ui]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://purwaloka.com/?p=54</guid>
		<description><![CDATA[jQuery UI is an open source library that provides a variety of components used to enhance your web pages. All components of the architecture is developed using jQuery. With jQuery UI we can make the display interactive applications with easy and fast. Datepicker is a popup calendar that is used to input the date, month [...]]]></description>
			<content:encoded><![CDATA[<p>jQuery UI is an open source library that provides a variety of components used to enhance your web pages. All components of the architecture is developed using jQuery. With jQuery UI we can make the display interactive applications with easy and fast. Datepicker is a popup calendar that is used to input the date, month and year into one textbox. So with this Datepicker, we no longer need facility to input one by one the date, month and year.</p>
<p>To be able to use this library, first of all libraries that must be downloaded in http://jqueryui.com/download. The downloaded folder is placed on the web folder that will be developed.</p>
<p><strong>How to use jQuery UI Datepicker?</strong><br />
First, put the following lines of code in head tag:</p>
<div class="codecolorer-container text default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br /></div></td><td><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">&lt;link type=&quot;text/css&quot; href=&quot;css/ui-lightness/jquery-ui-1.8.17.custom.css&quot; rel=&quot;stylesheet&quot; /&gt; &nbsp; <br />
&lt;script type=&quot;text/javascript&quot; src=&quot;js/jquery-1.7.1.min.js&quot;&gt;&lt;/script&gt;<br />
&lt;script type=&quot;text/javascript&quot; src=&quot;js/jquery-ui-1.8.17.custom.min.js&quot;&gt;&lt;/script&gt;</div></td></tr></tbody></table></div>
<p>That code use to call the css file, the file JQuery and JQuery UI file to be used.<br />
For example, I assume we already have a page that is ready to use JQuery UI. Here is a sample code snippet that will use JQuery UI library.</p>
<div class="codecolorer-container text default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br /></div></td><td><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">&lt;div &nbsp;id=&quot;periodediv&quot; class=&quot;line&quot;&gt;<br />
&nbsp; &lt;label&gt;Season Periode&lt;/label&gt;<br />
&nbsp; &lt;input type=&quot;text&quot; class=&quot;sangatsmall&quot; value=&quot;&quot; id=&quot;start_date&quot; name=&quot;start_date&quot;/&gt;- &amp;nbsp;<br />
&nbsp; &lt;input type=&quot;text&quot; class=&quot;sangatsmall&quot; value=&quot;&quot; id=&quot;end_date&quot; name=&quot;end_date&quot;/&gt; &nbsp;<br />
&lt;/div&gt;</div></td></tr></tbody></table></div>
<p>From lines of code above, we have two textbox with the id &#8220;start_date&#8221; and &#8220;end_date&#8221;. When user focus to this textbox, system will shown JQuery UI Datepicker.<br />
To connect a textbox with JQuery UI Datepicker, add the following code:</p>
<div class="codecolorer-container text default" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><table cellspacing="0" cellpadding="0"><tbody><tr><td style="padding:5px;text-align:center;color:#888888;background-color:#EEEEEE;border-right: 1px solid #9F9F9F;font: normal 12px/1.4em Monaco, Lucida Console, monospace;"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />10<br />11<br />12<br />13<br />14<br />15<br />16<br />17<br />18<br /></div></td><td><div class="text codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">$(document).ready(function(){<br />
&nbsp; &nbsp; $(&quot;#start_date&quot;).datepicker({<br />
&nbsp; &nbsp; &nbsp; &nbsp; numberOfMonths: 1,<br />
&nbsp; &nbsp; &nbsp; &nbsp; changeMonth: false,<br />
&nbsp; &nbsp; &nbsp; &nbsp; changeYear: false,<br />
&nbsp; &nbsp; &nbsp; &nbsp; showButtonPanel: true,<br />
&nbsp; &nbsp; &nbsp; &nbsp; dateFormat: 'yy-mm-dd',<br />
&nbsp; &nbsp; &nbsp; &nbsp; showOtherMonths: true<br />
&nbsp; &nbsp; }); &nbsp; &nbsp; <br />
&nbsp; &nbsp; $('#end_date').datepicker({<br />
&nbsp; &nbsp; &nbsp; &nbsp; numberOfMonths: 1,<br />
&nbsp; &nbsp; &nbsp; &nbsp; changeMonth: false,<br />
&nbsp; &nbsp; &nbsp; &nbsp; changeYear: false,<br />
&nbsp; &nbsp; &nbsp; &nbsp; showButtonPanel: true,<br />
&nbsp; &nbsp; &nbsp; &nbsp; dateFormat: 'yy-mm-dd',<br />
&nbsp; &nbsp; &nbsp; &nbsp; showOtherMonths: true<br />
&nbsp; &nbsp; });<br />
});</div></td></tr></tbody></table></div>
<p>The jQuery Datepicker will be shown like this picture:<br />
<a href="http://purwaloka.com/wp-content/uploads/2012/02/jquery-ui-datepicker.png"><img src="http://purwaloka.com/wp-content/uploads/2012/02/jquery-ui-datepicker-300x240.png" alt="" title="jQuery UI Datepicker" width="300" height="240" class="alignnone size-medium wp-image-55" /></a></p>
<p>(I Made Adi Purwantara/www.purwaloka.com)</p>
]]></content:encoded>
			<wfw:commentRss>http://purwaloka.com/web-technology/php-programming/jquery-ui-datepicker.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Power Point Remote Android Application</title>
		<link>http://purwaloka.com/mobile-technology/android/ppt-remote-android-application.html</link>
		<comments>http://purwaloka.com/mobile-technology/android/ppt-remote-android-application.html#comments</comments>
		<pubDate>Sun, 21 Aug 2011 05:02:03 +0000</pubDate>
		<dc:creator>purwa</dc:creator>
				<category><![CDATA[Android]]></category>
		<category><![CDATA[android]]></category>
		<category><![CDATA[android application]]></category>
		<category><![CDATA[android phone]]></category>
		<category><![CDATA[remote]]></category>

		<guid isPermaLink="false">http://purwaloka.com/?p=39</guid>
		<description><![CDATA[PPT remote is a free Android application remote control for PowerPoint. This application can control your PowerPoint presentation via Bluetooth or Wi-Fi. PPT Remote for Android application very easy to use. You can change your PowerPoint slides by click or swipe your Android phone.  This android application can show power point slide screen on your [...]]]></description>
			<content:encoded><![CDATA[<p>PPT remote is a <a href="http://purwaloka.com/mobile-technology/android/ppt-remote-android-application.html"><strong>free Android application</strong></a> remote control for PowerPoint. This application can control your PowerPoint presentation via Bluetooth or Wi-Fi. PPT <strong>Remote for Android</strong> application very easy to use. You can change your PowerPoint slides by click or swipe your Android phone.  This android application can show power point slide screen on your android phone or can show power point slide notes on your <strong>android phone</strong> or you can show next or previous slide on your <strong>android phone</strong>.  You need to install PPT Remote Server for connect to your computer.</p>
<p>How to use this application</p>
<ol>
<li>Start the PPT Remote Server Application on your computer</li>
<li>Connect via Bluetooth
<ul>
<li>It is possible to connect to a Bluetooth device that is paired. Pair your Android Bluetooth to computer Bluetooth.</li>
<li>In the PPT remote server make sure the Bluetooth status is ‘Bluetooth server started’</li>
<li>In the PPT remote application on your android phone application, press the ‘Connect Bluetooth’ button.</li>
<li>After connect, you can choose the power point slides to show</li>
</ul>
</li>
<li>Connect via Wi-Fi
<ul>
<li>Turn on WiFi on your Android phone, and connect to the network server is running on</li>
<li>In the PPT remote application on your android phone application, press the ‘Connect WiFi’ button.</li>
<li>After connect, you can choose the power point slides to show</li>
</ul>
</li>
</ol>
<p>This is <strong>Android free application</strong> but only limited for 15 slides. If you want to use professional edition, you have to buy it. This <strong>android application</strong> is very recommended to use for teacher, lecture, marketing, presentation and all of presentation type.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://purwaloka.com/mobile-technology/android/ppt-remote-android-application.html/feed</wfw:commentRss>
		<slash:comments>19</slash:comments>
		</item>
	</channel>
</rss>

