<?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>nattster &#187; extension</title>
	<atom:link href="http://nattster.siamdev.net/tag/extension/feed/" rel="self" type="application/rss+xml" />
	<link>http://nattster.siamdev.net</link>
	<description>ก็ชอบเขียนโปรแกรมอ่ะ...ผิดตรงไหน!?</description>
	<lastBuildDate>Tue, 01 Jun 2010 08:57:40 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
	
<!-- Start Of Script Generated By WP-PostViews Plus -->
<script type='text/javascript' src='http://nattster.siamdev.net/wp-includes/js/jquery/jquery.js?ver=1.4.2'></script>
<script type="text/javascript">
/* <![CDATA[ */
/* ]]> */
</script>
<!-- End Of Script Generated By WP-PostViews Plus -->
	<item>
		<title>OpenKiosk Extension : ตู้ประชาสัมพันธ์ง่ายๆ ด้วย Firefox</title>
		<link>http://nattster.siamdev.net/2009/10/openkiosk-firefox-extension/</link>
		<comments>http://nattster.siamdev.net/2009/10/openkiosk-firefox-extension/#comments</comments>
		<pubDate>Sat, 17 Oct 2009 09:55:01 +0000</pubDate>
		<dc:creator>nattster</dc:creator>
				<category><![CDATA[คอมพิวเตอร์จ๋า]]></category>
		<category><![CDATA[extension]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[kiosk]]></category>
		<category><![CDATA[linux]]></category>
		<category><![CDATA[ubuntu]]></category>

		<guid isPermaLink="false">http://nattster.siamdev.net/?p=578</guid>
		<description><![CDATA[ไปแข่ง linux (NLC10 &#8211; การแข่งขันระบบปฏิบัติการลินุกซ์แห่งประเทศไทย) มา เขามีโจทย์ให้เลือก 5 ข้อ กลุ่มผมเลือกทำข้อง่ายสุดคือ &#8220;เตรียมเครื่อง linux สำหรับเป็นตู้ Interactive Kiosk สำหรับสนามบินแห่งชาติ&#8221; (ขอเรียก Interactive Kiosk สั้นๆ ว่า Kiosk ละกันนะครับ) ถ้างงว่าตู้ Kiosk คืออะไร ให้นึกถึงจอ Touchscreen ใหญ่ๆ ตามห้างครับ ที่เราเข้าไปจิ้มๆ หาข้อมูลได้ว่าร้านกระเป๋าหลุยส์ติงต๊อง อยู่ชั้นไหนโซนไหน จะได้เดินไปซื้อได้ถูก เจ้าจอ Touchscreen ใหญ่ๆ นี่แหละครับเรียกว่าตู้ Kiosk หรือตู้ประชาสัมพันธ์ คุณสมบัติที่สำคัญของตู้ Kiosk คือ ดูเว็บ/ใช้โปรแกรมประชาสัมพันธ์ได้อย่างเดียว ไม่มีสามารถหลบไปเล่นเกมกู้ระเบิด (Minesweeper), ถอดไพ่ (Solitare) หรือใช้งานโปรแกรมอื่นๆ ทำยังไงให้คอมธรรมดา กลายเป็นตู้ Kiosk ติดตั้ง ระบบปฏิบัติการตามใจชอบ จะ [...]]]></description>
			<content:encoded><![CDATA[<p><div id="attachment_580" class="wp-caption alignleft" style="width: 268px"><a href="http://nattster.siamdev.net/wp-content/uploads/2009/10/army.mil-35841-2009-04-22-150416.resized.jpg" title="ตัวอย่างตู้ Kiosk ของ US Army" rel="lightbox[578]"><img src="http://nattster.siamdev.net/wp-content/uploads/2009/10/army.mil-35841-2009-04-22-150416.resized-258x300.jpg" alt="ตัวอย่างตู้ Kiosk ของ US Army (ภาพจาก http://www.army.mil)" title="ตัวอย่างตู้ Kiosk ของ US Army" width="258" height="300" class="size-medium wp-image-580" /></a><p class="wp-caption-text">ตัวอย่างตู้ Kiosk ของ US Army (ภาพจาก http://www.army.mil)</p></div>ไปแข่ง linux <a href="http://nlc10.opentle.org/">(NLC10 &#8211; การแข่งขันระบบปฏิบัติการลินุกซ์แห่งประเทศไทย)</a> มา เขามีโจทย์ให้เลือก 5 ข้อ กลุ่มผมเลือกทำข้อง่ายสุดคือ &#8220;เตรียมเครื่อง linux สำหรับเป็นตู้ <a href="http://en.wikipedia.org/wiki/Interactive_kiosk#Internet_Kiosk">Interactive Kiosk</a> สำหรับสนามบินแห่งชาติ&#8221; (ขอเรียก Interactive Kiosk สั้นๆ ว่า Kiosk ละกันนะครับ)</p>
<h4>ถ้างงว่าตู้ Kiosk คืออะไร</h4>
<p>ให้นึกถึงจอ Touchscreen ใหญ่ๆ ตามห้างครับ ที่เราเข้าไปจิ้มๆ หาข้อมูลได้ว่าร้านกระเป๋าหลุยส์ติงต๊อง อยู่ชั้นไหนโซนไหน จะได้เดินไปซื้อได้ถูก เจ้าจอ Touchscreen ใหญ่ๆ นี่แหละครับเรียกว่าตู้ Kiosk หรือตู้ประชาสัมพันธ์</p>
<h4>คุณสมบัติที่สำคัญของตู้ Kiosk คือ</h4>
<p>ดูเว็บ/ใช้โปรแกรมประชาสัมพันธ์ได้อย่างเดียว ไม่มีสามารถหลบไปเล่นเกมกู้ระเบิด (Minesweeper), ถอดไพ่ (Solitare) หรือใช้งานโปรแกรมอื่นๆ</p>
<h4>ทำยังไงให้คอมธรรมดา กลายเป็นตู้ Kiosk</h4>
<ol>
<li>ติดตั้ง ระบบปฏิบัติการตามใจชอบ จะ Windows หรือ Linux ก็ได้</li>
<li>ติดตั้ง Mozilla Firefox, jsLib และ OpenKiosk จากเว็บ <a href="https://mozdevgroup.com/clients/bm/">Brooklyn Museum Kiosk Client</a></li>
<li>เมื่อติดตั้งเสร็จแล้วให้ปิด firefox แล้วเปิดจาก Command line ดังนี้ (เพื่อเปิดใช้ Kiosk แบบเต็มจอ)

<div class="wp_syntax"><div class="code"><pre class="generic" style="font-family:monospace;">mozilla -kiosk</pre></div></div>

</li>
<li>นอกจากนี้เรายังสามารถตั้งค่า Firefox ด้วย OpenKiosk ได้อีกมากมาย อ่านรายละเอียดได้จาก <a href="https://mozdevgroup.com/clients/bm/">https://mozdevgroup.com/clients/bm/</a> ครับ</li>
</ol>
<p>ตอนแข่งผมก็นั่งแก้ GUI ของ firefox เอง (firefox มันใช้ XUL ทำ GUI ครับ แก้ไขได้อิสระมากๆ) แต่พอค้นดีๆ เจอ OpenKiosk แล้ว โฮกกกก&#8230;. รู้งี้โหลดมาใช้ตั้งนานแล้ว</p>
]]></content:encoded>
			<wfw:commentRss>http://nattster.siamdev.net/2009/10/openkiosk-firefox-extension/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Nontri Internet Auto-login: firefox Extension 1.1</title>
		<link>http://nattster.siamdev.net/2008/09/firefox-extension-nontri-auto-login/</link>
		<comments>http://nattster.siamdev.net/2008/09/firefox-extension-nontri-auto-login/#comments</comments>
		<pubDate>Mon, 08 Sep 2008 08:05:37 +0000</pubDate>
		<dc:creator>nattster</dc:creator>
				<category><![CDATA[คอมพิวเตอร์จ๋า]]></category>
		<category><![CDATA[extension]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[nontri]]></category>
		<category><![CDATA[xul]]></category>

		<guid isPermaLink="false">http://nattster.siamdev.net/?p=55</guid>
		<description><![CDATA[หลายคนที่ใช้อินเตอร์เน็ตเกษตร (เช่นผม) อาจจะเจอกับหน้าเว็บ login ทุกครั้งที่ต้องการเข้าอินเตอร์เน็ต เนื่องจากมหาลัยฯต้องจัดเก็บบันทึกการใช้งานอินเตอร์เน็ต ตามพรบ. คอมฯ ถ้าใช้เครื่องส่วนตัวอยู่อาจแก้ปัญหาโดยการให้ browser ช่วยจำ password ได้ (แต่มีเครื่องเซิร์ฟเวอร์ 10 เครื่องสำหรับ login แปลว่าต้อง save password ไว้สำหรับ 10 เซิร์ฟเวอร์ อาจทำได้ง่ายๆ แต่ผมทำไม่เป็น เลยเขียนโปรแกรมดีกว่า) ก่อนหน้านี้เคยเขียนโปรแกรมช่วย login ด้วย C# (แต่หลายคนเอาไปใช้แล้วก็เจอ bug shutdown ไม่ลง รวมทั้ง password ยังถูกเก็บเป็น plain-text บนเครื่องด้วย) เลยตัดสินใจลองเขียน Firefox Extension (ไม่แก้ bug โปรแกรมเดิม แต่เขียนใหม่เลย &#8211; -&#8221;) พอจะเขียน Extension ก็ค้นๆ ไปเจอ Building an Extension [...]]]></description>
			<content:encoded><![CDATA[<p>หลายคนที่ใช้อินเตอร์เน็ตเกษตร (เช่นผม) อาจจะเจอกับหน้าเว็บ login ทุกครั้งที่ต้องการเข้าอินเตอร์เน็ต เนื่องจากมหาลัยฯต้องจัดเก็บบันทึกการใช้งานอินเตอร์เน็ต ตามพรบ. คอมฯ ถ้าใช้เครื่องส่วนตัวอยู่อาจแก้ปัญหาโดยการให้ browser ช่วยจำ password ได้ (แต่มีเครื่องเซิร์ฟเวอร์ 10 เครื่องสำหรับ login แปลว่าต้อง save password ไว้สำหรับ 10 เซิร์ฟเวอร์ อาจทำได้ง่ายๆ แต่ผมทำไม่เป็น เลยเขียนโปรแกรมดีกว่า)</p>
<div id="attachment_57" class="wp-caption alignleft" style="width: 207px"><a href="http://nattster.siamdev.net/wp-content/uploads/2008/09/screenshot.png" title="autologin screenshot" rel="lightbox[55]"><img class="size-full wp-image-57" title="autologin screenshot" src="http://nattster.siamdev.net/wp-content/uploads/2008/09/screenshot.png" alt="Nontri Internet Auto-login screenshot" width="197" height="133" /></a><p class="wp-caption-text">วิธีใช้โปรแกรม</p></div>
<p>ก่อนหน้านี้เคยเขียนโปรแกรมช่วย login ด้วย C# (แต่หลายคนเอาไปใช้แล้วก็เจอ bug shutdown ไม่ลง รวมทั้ง password ยังถูกเก็บเป็น plain-text บนเครื่องด้วย) เลยตัดสินใจลองเขียน Firefox Extension (ไม่แก้ bug โปรแกรมเดิม แต่เขียนใหม่เลย &#8211; -&#8221;)</p>
<p>พอจะเขียน Extension ก็ค้นๆ ไปเจอ <a href="http://developer.mozilla.org/en/Building_an_Extension">Building an Extension</a> สอนเขียนทีละขั้นตอน ช่วยให้หัดเขียนได้เร็วมาก ใช้เวลาประมาณ 3 ชม. (ระหว่างเรียน assembly) รวมเวลาศึกษา doc จาก <a href="http://developer.mozilla.org/en/Extensions">mozilla &lt;developer center /&gt;</a> ด้วยครับ</p>
<p><span style="color: #339966;"><strong>Username และ Password จะถูกเก็บ(แบบเข้ารหัส)ด้วย Firefox Password Manager </strong></span></p>
<h2><span style="color: #0000ff;"><strong>วิธีติดตั้ง</strong></span></h2>
<p>1. ดาวน์โหลด <a onclick="InstallTrigger.startSoftwareUpdate('http://nattster.siamdev.net/wp-content/uploads/2008/09/autologin.xpi', null); return false;" href="http://nattster.siamdev.net/wp-content/uploads/2008/09/autologin.xpi">autologin Extension</a> (9kb) และติดตั้งเหมือน extension อื่นๆ โดย &#8220;กดปุ่ม Install&#8221;</p>
<p><span style="color: #ff0000;"><strong>2. อย่าลืม! ติดตั้ง Certificate ของ KU ก่อน</strong></span> ไม่งั้นโปรแกรมไม่เวิร์ค ที่ <a href="http://ca.ku.ac.th/ssl.crt/ROOT-KU-CA.crt">http://ca.ku.ac.th/ssl.crt/ROOT-KU-CA.crt</a></p>
<p>3. คลิกขวา เพื่อกำหนด username/password ก่อนครับ <strong><span style="color: #0000ff;">(ตอนนี้ถ้า browser redirect ไปหน้า login เมื่อไหร่โปรแกรมจะ login ให้อัตโนมัติทันทีครับ)</span></strong></p>
<p><b><font color="red" size="+1">ปล. ตอนนี้โปรแกรมใช้ไม่ได้แล้วครับ มหาลัยเปลี่ยน หน้า login ใหม่อีกนิดหน่อย&#8230;. รอใช้โปรแกรมของ jtf ครับ <img src='http://nattster.siamdev.net/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </font></b></p>
]]></content:encoded>
			<wfw:commentRss>http://nattster.siamdev.net/2008/09/firefox-extension-nontri-auto-login/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>
