บทความ

กำลังแสดงโพสต์จาก กันยายน, 2008

หายหัว...

รูปภาพ
ตลอดช่วงสองสัปดาห์ที่ผ่านมา ห่างหายจากการบันทึกเรื่องราวความเป็นไปของตัวเอง จริง ๆ แล้วไม่ได้ไปไหนครับ ก็ยังวนเวียนอยุ่แถวนี้นี่แหละ ยังไม่มีอารมณ์อยากจะเขียน ไม่ใช่ว่าไม่มีเรื่องอะไรจะเขียนนะ มันมีมากจนไม่รู้จะบันทึกอะไรลงไปเสียด้วยซ้ำ ภาระงานในแต่ละวัน... ตอนเช้า.. 7.30 ไปโรงเรียน ถึงโรงเรียนราว ๆ 8.10 สอนจนถึงบ่าย 4 โมง ตอนเย็น.. 4 โมงไปรับลูกสาวลูกชายจากบ้านแม่ ดูแลงานบ้านหาอาหาร หุงข้าว กล่อมตัวเล็กนอน กว่าจะเรียบร้อยก็ 3 ทุ่ม ตอนกลางคืน.. 3 ทุ่มถึง 5 ทุ่ม เช็คจดหมาย เขียนงาน ติดตามข่าวความเคลื่อนไหวในวงการเทคโนโลยี หาความรู้ใส่ตัว ตอนดึก.. 5 ทุ่ม เป็นต้นไปเริ่มออกเดินทาง บางวันก็ไปนั่งทำงานอยู่ที่สำนักงาน บางวันอยู่กรุงเทพ บางวันอยู่อเมริกา เอาแน่เอานอนไม่ได้ ตอนดึกโคตร.. 6 ทุ่มเป็นต้นไป เริ่มปั่นงานโปรแกรม ซึ่งก็มีหลายตัวเหมือนกัน กว่าจะได้นอนก็ ตีสองเป็นปกติ ตลอดช่วงสัปดาห์ที่หายไป กำลังเร่งทำโครงการที่คั่งค้างอยู่ โดยเฉพาะโครงการเร่งด่วน เว็ปสำหรับโรงเรียนในเขตพื้นที่ สุรินทร์ 3 ... เนื่องจากการใช้ control panel เป็นเรื่องที่ใหญ่เกินไปสำหรับแต่ละโรงเรียน ทีมงานจึงตกลงกัน

Firefox chrome

รูปภาพ
คงไม่มีใครปฏิเสธว่า ณ เวลานี้ กูเกิล ออกแบบ Google chrome ได้เรียบง่าย แต่สวยบาดตา เย้ายวนใจให้ใคร่ลอง ... สำหรับคนทำเว็บแล้ว การเปลี่ยนใจจาก Firefox ไปหา chrome คงยาก จุดแข็งที่เห็นกันชัด ๆ คือ อุปกรณ์เสริมของ Firefox มีอยู่เพียบ และจำเป็นอย่างยิ่งต่อการพัฒนาเว็บยุคใหม่ ๆ อีกด้วย วันนี้ขอแนะนำอีกทางเลือกหนึ่งสำหรับการเปลี่ยน Firefox ให้มีหน้าตาเหมือนกับ chrome ต้องเจ้าตัวนี้เลยครับ addons ที่ชื่อว่า Chomifox Chromifox มันเป็น theme ที่เปลี่ยน firefox ให้คล้ายกับ chrome ถ้าต้องการให้หน้าต่างสะอาดขึ้นไปอีก เอาแบบโล่ง ๆ เลย ขอแนะนำตัวนี้ครับ Hide Menubar ผลการตกแต่งของผม ได้ออกมาแบบนี้ เพียงเท่านี้เราก็ได้หน้าตาบราวเซอร์สุดเฉียบ แบบไม่ตกยุคแล้วครับ เห็นไหมละครับว่า ไม่มีอะไรที่เป็นไปไม่ได้ บนโลกของ OpenSource มาลองใช้ Linux และเหล่าโปรแกรม OpenSource กันเถอะครับพี่น้อง

batch convert

ต้องการแปลงไฟล์ PHP จำนวนมาก จาก tis-620 ไปเป็น utf-8 ใช้คำสั่งนี้เลย for i in `ls *.php`; do iconv -f tis-620 -t utf-8 $i -o $i.new; done คำสั่งข้างต้นจะแปลงไฟล์ที่มีนามสกุล .php ไปเป็นไฟล์ที่ตามหลังด้วย new ตัวอย่างเช่น ถ้าไฟล์เดิมคือ myfile.php ใช้ encoding เป็น tis-620 ก็จะถูกแปลงเป็นชื่อใหม่ คือ myfile.php.new โดยใช้ encoding เป็น utf-8 แทน และหากต้องการจะได้ subdirectory ด้วย ก็ใช้ -R ต่อท้ายคำสั่ง ls เช่น for i in `ls -R *.php`; do iconv -f tis-620 -t utf-8 $i -o $i.new; done

ตอนที่ 10 ตกแต่งหน้าตาด้วย CSS

รูปภาพ
ข้อดีของโปรแกรมยุกต์ใหม่ คือ การแยกการทำงานของแต่ละส่วนออกอย่างชัดเจน ไม่ว่าจะเป็นส่วนของการติดต่อฐานข้อมูล ฟอร์ม การประมวลผล รวมถึงส่วนติดต่อผู้ใช้ ใน HTML ก็ไม่มีเว้น เราสร้างฟอร์ม จากฟอร์มของ HTML ติดต่อฐานข้อมูลผ่าน ODBC , MySQL โดยใช้ PHP หรือ ASP และตกแต่งหน้าตาด้วย CSS ถึงขั้นตอนเกือบท้ายสุดแล้ว นั่นคือการเก็บรายละเอียดและตกแต่งหน้าตา มาเริ่มกันเลยครับ ถ้าสังเกตที่ไฟล์ HelloWorld.html เราได้นำเข้าไฟล์ที่ชื่อ sample.css มาไว้แล้วภายใต้แท็ก head วันนี้เราจะปรับแต่งไฟล์ sample.css เพื่อให้แสดงผลโปรแกรมของเราให้ออกมาดูดีหน่อย โดยส่วนที่จะปรับแต่งประกอบด้วย id ของ div แท็ก ที่ชื่อ testMootools และ id ของ div แท็ก ที่ชื่อ AjaxResult เป็นหลัก เพราะสองตัวนี้จะเด่นที่สุดในโปรแกรมของเรา นอกจากนี้ ยังมีรายละเอียดเล็กน้อย เช่น แท็ก a , กำหนดรูปแบบตัวอักษรของทั้งเอกสาร โดยรวม ๆ แล้ว โค้ดจะออกมาประมาณนี้ครับ body { font-family: Arial, Helvetica, Tahoma, sans-serif; font-size:14px; width:100%; } a { text-decoration:none; padding:2px 3px 2px 10px; text-align:center; } a:hover { colo

ตอนที่ 9 ปรับ Hello World เรียก Ajax!!!

รูปภาพ
ตอนนี้เราจะปรับโค้ดในส่วนของไฟล์ HelloWorld.html เพื่อเรียกใช้งาน Ajax ไฟล์ ที่เราจะเพิ่มเติมในตอนหน้า เราจะเพิ่มส่วนของ ลิงค์ เรียกใช้ จาวาสคริปต์ที่เราได้เตรียมไว้แล้ว มาเริ่มกันเลย ให้คุณปรับปรุงโค้ดในส่วนของ body ทั้งหมดดังนี้ <body style="font-family: Tahoma;font-size:0.8em;"> <div id="testMooTools" >Hello MooTools</div> <a href="javascript:void(0)" onclick="doAjax('test1.html');">Ajax test1.html</a>  <a href="javascript:void(0)" onclick="doAjax('test2.html');">Ajax test2.html</a> <br /> <div id ="AjaxResult" ></div> </body> จากโค้ด ที่เพิ่มเข้ามาใหม่ href="javascript:void(0)" หมายถึง ไม่ได้ลิงค์ไปที่ใด และให้ตอบสนองแบบว่างเปล่า onclick="doAjax('test1.html');" เป็นส่วนของ จาวาสคริปต์ เมื่อคลิกให้ทำการเรียกใช้ฟังก์ชัน doAjax และส่งค่าตัวแปรเข้าไปหนึ่งตัว ในที่นี้คือ test1.html หน้า

mod_littlenews Project

รูปภาพ
บล็อกที่แล้ว บอกว่าจะลองเขียนมอดูลสำหรับลิสต์ ข่าวสารและความเห็นบน Joomla 1.5 วันนี้เก็บเอาตัวอย่างที่ลองทำดูมาให้ดู เริ่มจากส่วน backend สามารถกำหนดค่าได้ตามต้องการ เช่น เลือก section ,กำหนดให้ แสดง/ไม่แสดง จำนวนผู้เข้าชม จำนวนความเห็น ส่วนด้านหน้า ก็ดูเอาเนื้อนะครับ หน้าตายังออกมาดูไม่ได้ เพราะที่เห็นเป็นแค่ตัวต้นแบบที่ยังไม่ได้ตกแต่งเลย ใครอยากได้ไปใช้งานก็ขอเชิญร่วมแสดงความเห็นเพื่อจะได้นำไปพัฒนา ให้ตรงกับใจมากที่สุด

ได้เวลาเปลี่ยน

รูปภาพ
มีคนทักหลายคนว่า บล็อกเราโบราณ อย่ากระนั้นเลย ในเมื่อแฟน ๆ เรียกร้อง ก็เอากับเขาสักหน่อย เปลี่ยนหน้าตา เปลี่ยนบรรยากาศ ให้สดใสบ้างก็ดี ใครไม่ชอบก็บอกกันมานะครับ...

เด็กไทย เก่งจริง ๆ

ไม่ธรรมดา สำหรับ " เด็กไทย " ซึ่งมีชื่อว่า " ไท " ที่สำคัญเขาอายุเพียง 15 ปี เขียนโปรแกรม สำหรับคาราโอเกะบนเว็ป ด้วย JavaScript + Flash จนได้ลงใน Ajaxian ไม่ใช่ธรรมดาจริง ๆ ที่สำคัญให้ดาวน์โหลดไปลองดูฟรี ๆ แถมในคอมเมนต์ของ Ajaxian ก็ออกมาดีทีเดียว ไปอ่านที่เขาเขียน ถึงดีกว่าครับ คลิกที่นี่

ข่าวบนเน็ต เขียนอย่างไร?

อันนี้น่าจะพอเป็นแนวทางในการเขียนข่าวต่าง ๆ บนเว็ปได้ หลักการเขียนข่าวเบื้องต้น ขอบคุณเรื่องราวดี ๆ จาก Jusci.net

Just for fun

รูปภาพ
วันนี้เขียนเรื่องส่งห้องเรียนทันข่าวที่เตรียมไว้อีกหนึ่งเรื่อง การที่แวะเข้าไปห้องเรียนทันข่าว พบเห็นความเปลี่ยนแปลงไปพอสมควร หลังจากแต่ละเขตพื้นที่เร่งปั่น ข่าวให้ถึงเป้าไปน่าจะครบทุกเขตแล้ว... ข้อค้นพบอย่างหนึ่งและเป็นไอเดียที่จะเอามาพูดถึงวันนี้คือ วิธีลดขนาดความยาวของหน้าจอ จากการที่ต้อง scroll ยาว ๆ ให้สั้นลง ด้วยสาเหตุที่มีเนื้อหาจำนวนมาก วิธีการก็คือ การตัดข้อความไปอ่านต่อใน read more ซึ่งช่วยให้หน้าจอของเราสั้นขึ้น อ่านง่ายขึ้นมาก สะดวกต่อการสืบค้น ข้อเสียของวิธีการนี้คือการตัดคำออกหมด แต่ก็ยังเหลือวันที่สร้าง ชื่อผู้เขียน อีกทั้งวันที่แก้ไข ซึ่งองค์ประกอบเหล่านี้ ทำให้ลดความชัดเจนของหัวข้อที่ต้องการเน้นไปเล็กน้อย เนื่องจาก แนวคิดนี้ค่อนข้างจะดี แอบยืมมาใช้ดีกว่า ไปค้นหาในเว็ปว่ามี module ไหนบ้างที่ให้ทำแบบนี้ได้ พบว่า moset tree แพงเอาเรื่องเลย mos magizine ก็ขาย หาที่ฟรีไม่ยักกะมีแฮะ เอาไงดี... ว่าแล้วก็ปลีกตัว มาเพิ่มรอยหยักให้สมองอีกหน่อยดีกว่า ลองเขียนมอดูลสำหรับ แสดงหัวข้อข่าว , page hit / comments hit ดูก็น่าจะเป็นอะไรที่สนุกดี... มาดูว่าจะเอาไปใส่ต

อ่านออก เขียนได้ ?

รูปภาพ
เมื่อวันเสาร์ที่ 6 กันยายน ได้มีโอกาสไปร่วมพัฒนาทักษะด้านภาษา บรรยากาศในห้องอบรม ส่วนตัวให้คะแนนอยู่ในขั้นปรับปรุงครับ เนื่องจากการเดินทางไกลเลยเข้าห้องอบรมช้า ต้องนั่งข้างหลัง คนพูดก็พูดไป คนคุยก็คุยกันไป และเนื่องจากระบบเสียงไม่ดี ประกอบกับ Projector ไม่เรียบร้อย ทำให้ไม่ได้ความรู้จากวิทยากรแม้แต่น้อย ด้วยความเซ็ง ก็เลยเปิดดูคู่มือที่แจกให้ พบข้อผิดเยอะมาก ดูเล่มนี้ครับ ดูมาตรแม่ กง ตามภาพเลย พอ - อิ - งอ อ่านเป็น "กิ่ง" ซะงั้น มาดูแม่กมกันบ้าง ตอ - โอะ - มอ ได้ออกมาเป็น "ต้ม" ทั้งที่ควรจะเป็น "ตม" ภาพนี้น่าจะใช้สระ อัว ดูเอาเองครับ พูดถึงภาษาไทยแล้ว มีอะไรที่ลึกล้ำจริง ๆ การศึกษาให้ถ่องแท้ ถูกต้อง ทำให้เราได้ประโยชน์มากมายมหาศาล ข้อมูลเพิ่มเติม เว็ปนี้เขียนได้ละเอียดดี http://www.st.ac.th/bhatips/gramma3.htm บทความเทคนิคทางภาษาไทย สำหรับคนเขียนโปรแกรม http://www.bloggang.com/viewdiary.php?id=over&month=08-2005&date=26&group=13&blog=5 http://www.bloggang.com/viewdiary.php?id=over&month=08-2005&date=26&group=13&

OpenSuSE 11.0 กับ PHP

คือว่าจะใช้ PHP บน Apache2 หลังจากติดตั้งเสร็จเรียบร้อยแล้ว ปรากฎว่าปัญหาแรกคือ เรียกเว็ป PHP แล้วได้หน้าเปล่า ๆ ตอนแรกคิดว่าเขียนโค้ดผิดหรือเปล่า แต่กลับไม่ใช่แฮะ เอาละซิยุ่งแล้ว.... ไปทดสอบติดตั้ง Joomla ก็ผ่านไปด้วยดี ครั้นพอเรียกใช้หรือหลัก กลับได้หน้าเปล่ามาอีกเช่นกัน... กว่าจะเจอปัญหา ก็ลบ แล้วก็ลง แล้วก็ลบ เสียหลายรอบ สรุปเกิดจากความสะเพร่า และมักง่ายของผมเอง ปัญหาอยู่ที่ short open tag ใน OpenSuSE 11.0 กำหนดให้ค่าปกติอยู่ที่ Off ดังนี้ครับ short_open_tag = Off ถ้าจะแก้ไขก็ใช้คำสั่ง nano /etc/php5/apache2/php.ini หาประโยคต่อไปนี้ short_open_tag = Off ให้เปลี่ยนค่าเป็น short_open_tag = On อีกปัญหาหนึ่งที่เจอคือ ในรุ่นนี้ไม่มี mod_rewrite ในคลังแพ็กเกจ มันถูกรวมไปกับ core เรียบร้อยแล้ว วิธีเรียกใช้... a2enmod -l (ให้แสดง mod ที่กำลังใช้งาน) a2enmod rewrite (เปิดใช้งาน mod_write) rcapache2 restart (เริ่มการทำงานของ mod_rewrite

Portable Google chrome

คราวที่แล้วเอา google chrome มาเล่าให้ฟัง โดยตัวดาวน์โหลดจาก Google จะต้องทำการติดตั้งลงเครื่องก่อน จึงจะสามารถทำงานได้... สำหรับผู้ที่ประสงค์เพียงต้องการทดสอบ คงไม่อยากติดตั้งลงเครื่องกันใช่ไหม? วันนี้เลยนำตัวดาวน์โหลดรุ่นพกพา มาให้ครับ ดาวน์โหลดได้ที่นี่เลย http://stadt-bremerhaven.de/download-manager.php?id=33 ขอให้สนุกกับการลองของใหม่นะครับ

กล้วยไม้ไทย

รูปภาพ
หมู่นี้ดองบล็อกไว้ บ่อย ๆ ครับ ไม่ต้องสงสัยอะไรมาก ภาระงานในหน้าที่มันรัดตัว ซึ่งอันนี้เรารู้ ๆ กัน นอกเหนือจากนี้ผมเปลี่ยนกลับไปใช้ KDE 3.5 + OpenSuSE 11.0 ที่คุ้นเคย หลังจากหันไปลอง Ubuntu + Gnome เดือนกว่า ๆ ใช้เวลาสำรองข้อมูลและติดตั้งปรับแต่งระบบ อยู่สองวันจึงเรียบร้อย ขณะที่เขียนบล็อกนี้ก็กำลังอัปเดตแพ็กเกจต่าง ๆ ให้ทันสมัย ไม่เชื่อดู... นอกจากนี้ เวลาส่วนใหญ่ก็มุ่งไปศึกษาเรื่องความปลอดภัยของระบบ เป็นหลัก ขณะที่อยู่ในช่วงศึกษาได้รับการติดต่อจากคุณเฟิร์นโคราช ซึ่งท่านปลูกกล้วยไม้ และทำเว็ปเกี่ยวกับกล้วยไม้อยู่ การพูดคุยสนทนาก็ล้วนแต่เป็นเรื่องของ ระบบความปลอดภัยของเว็ปทั้งสิ้น สุดท้ายเลยรับเป็นที่ปรึกษาให้ชุมชนคนเลี้ยงกล้วยไม้ ซึ่งดูแลในส่วนของการสร้าง ติดตั้งเว็ปไซต์ อัปเกรตระบบ อัปเกรตบอร์ด ดูแลในส่วนของ permision ต่าง ๆ การป้องกัน การโจมตีระบบเบื้องต้น สำรองระบบและกู้คืน พูดง่าย ๆ คือ จัดการสร้างและดูแลเว็ปไซต์ ดูแลและจัดการด้าน security แบบครบวงจร เป็น One stop sevice เลยครับ ใครที่อยากมีเว็ปเป็นของตัวเอง หรือมีเว็ปแล้วมีปัญหาหนักอกหนักใจ ลักษณะนี้ก็เรียกใช้ได้ครับ ราคากันเอง

กูเกิลโครม!!!!

รูปภาพ
เคยคิดกันบ้างหรือเปล่าว่าหากกูเกิล เจ้าพ่ออินเตอร์เน็ตจะหันมาเอาดีทางด้าน เครื่องมือท่องเว็ปอย่าง web browser แล้วหน้าตาจะออกมายังไง... เหมือนฟ้าผ่าตอนกลางวันครับ ที่อยู่ กูเกิลก็ปล่อยตัว web browser ที่ชื่อว่า crome มาให้ดาวน์โหลดไปใช้งานกันได้จริง ๆ หน้าตาก็ออกเรียบง่ายในแบบฉบับของ กูเกิล สนใจอยากลองของใหม่ละก็ไปที่นี่เลยก่อนใครครับ... http://gears.google.com/chrome/