บทความ

Firebug Lite Joomla plugin

รูปภาพ
ตอนเริ่มทำเทมเพลตใหม่ ๆ ส่วนใหญ่ผมใช้ table ในคุมวัตถุ จัดหน้าเว็บ มันก็เป็นวิธีการง่าย ๆ และได้ผลดีในระดับหนึ่ง แต่ในความง่าย ก็ต้องแลกมาซึ่งการขาดความยืดหยุ่นในการใช้งาน... ระยะหลัง ๆ เริ่มหันมาใช้ div tag หรือที่เรียกกันว่า tabless ในการสร้างเทมเพลตแทน แน่นอนว่าความยืดหยุ่นในการใช้งาน การปรับแต่งเว็บมีสูงมาก ๆ ยิ่งเมื่อได้ใช้ร่วมกับ จูมล่า แล้วเห็นผลอย่างชัดเจน ปัญหา ... ความที่บราวเซอร์แต่ละค่าย ต่างก็ช่วงชิงความยิ่งใหญ่เลยทำให้การแสดงผล เทมเพลตผิดเพี้ยนไปหมด ปัญหานี้น่าหนักใจสำหรับคนทำเว็บมาก ๆ ยิ่งหากอยู่บนระบบปฎิบัติการวินโดวส์ด้วยแล้ว ไม่มีอะไร ที่ดี และ ฟรี เลยสักอย่าง... และแน่นอนว่าไอ้เจ้าตัวปัญหาส่วนใหญ่มันอยู่ที่การแสดงผลของ Internet Explorer ที่ไม่เคยเหมือนชาวบ้านชาวเมืองเขา เอาเสียเลย พูดก็พูดเถอะแม้แต่ไอ้ตัวเดียวกัน แต่ต่างรุ่นกัน การแสดงผลออกมาไม่เหมือนกัน เละเป็นโจ๊ก ได้นั่งปวดหัวอยู่กับมันเสมอ ๆ ใน Firefox เหล่าคนทำเว็บต่างมีความสุขกับการใช้ Firebug ในการดีบั๊กโค้ดไม่ว่าจะเป็น html , php , css หรือแม้กระทั่ง javascript เรียกว่ามันเป็นเครื่องมือในฝันเลยก็ว่าได้ แ...

Educational RSS Feed

อ่ะ น่ะ .... ทำเว็บทั้งทีก็ต้องมีแหกคอกกันบ้าง ถึงจะแตกต่าง เท่าที่เห็นเว็บข่าวการศึกษาดัง ๆ ก็ ครูไทยดอทอินโฟ กับ ครูบ้านนอกดอทคอม นี่แหละ ที่เอาข่าวมานำเสนอ มาอับเดตให้ได้ติดตาม... พูดก็พูดเถอะน่ะ ปกติเวลาจะอ่านอะไรทีเดี๋ยวนี้ต้องคิดแล้วคิดอีกว่าจะเข้าไปอ่านดีไหม เพราะข่าวแต่ละข่าวก็ล้วนทำให้หดหู่ใจ... อย่างไรก็แล้วแต่ ในท่ามกลางข่าวโกลาหล(ส่วนใหญ่) ก็ยังมีข่าวดี ๆ สำหรับติดตามเสมอ ๆ ครับ ทั้งสองเว็บที่กล่าวมา ให้ผู้สนใจเอาข่าวไปแปะบนเว็บได้โดยใช้ iframe ดังนั้นจะไปที่ไหน ๆ ก็เห็นเว็บนี้จนเอียน ไม่ใช่ว่าไม่ดีนะครับแต่... มันลานตาครับ ไปดูโรงเรียนนี้ก็มีของครูไทย ไปอีกโรงเรียนมีครูบ้านนอก อย่ากระนั้น... ลองทำอะไรที่มันแตกต่างดู จับเอา mootools 1.2 มาตัดโค้ด html ออกเป็นชิ้น ๆ เจ้า mootools นี่เจ๋งมาก ๆ ตัดออกมาได้สมบูรณ์แบบมาก พอตัดได้แล้ว ก็เอาไปทำ xml RSS Feed ทีนี้พอเอานำเสนอก็ได้อะไรที่แตกต่างแล้ว... แม้ว่าหัวข้อข่าวเหมือนกัน ข่าวที่เดียวกัน แต่หน้าตาได้มาไม่เหมือนกัน สนใจลองเอา feed ไปใช้ดูก็นี่เลย ข่าวจากครูบ้านนอก http://www.surin3.net/edunews/kroobannok.xml ข่าวจาก onec http:...

แจกเทมเพลตวันเด็ก

สั้น ๆ นะ เวลามีน้อย แจกเทมเพลตวันเด็กครับ ที่นี่เลย http://www.surin3.net/office/index.php?option=com_content&view=article&id=80:2009-01-06-14-57-47&catid=43:2008-12-27-05-39-34#yvComment รายละเอียดก็อ่านเอาในลิงค์ ตัวอย่างงาน ที่นี่ครับ http://www.surin3.net

ทดสอบระบบ GIS สพท.สร.3 ภาค 2

รูปภาพ
วันก่อนเอาตัวอย่างมาให้ดู เล็กน้อย วันนี้ตัดมาให้ดูอีกนิดหน่อย ในภาพสามารถกำหนดพิกัดในแผนที่ ปักหมุดเพื่อเชื่อมต่อฐานข้อมูลแล้ว... ที่เหลือก็แค่ ทำระบบสารสนเทศให้สมบูรณ์ พร้อมปักหมุดโรงเรียนทั้งหมด

ทดสอบระบบ GIS สพท.สร.3

รูปภาพ
ตัด screen shot เอามาให้ดูก่อน ใช้เวลาในการนั่งเฝ้าจ้าตัวน้อยที่ไม่สบาย เฝ้าไข้ไปด้วย ปั่นงานไปด้วย ได้ประโยชน์สองทางครับ... ใช้ google maps + com_schoolmap ที่ทำไว้เดิมเชื่อมต่อฐานข้อมูล เสร็จแล้วก็กำหนดจุดบนแผนที่ พร้อมกับส่งค่ากลับไปเก็บในฐานข้อมูลอีกที เมื่อเรียบร้อยแล้ว ส่วนของ front end จะทำการ mark จุดบนแผนที่อัตโนมัติ ทีนี้ถ้าอยากรู้ว่าโรงเรียนบ้านกะเลงเวกไปทางไหนก็ไม่ยาก เปิดเว็บของ สพท.สร.3 ขึ้นมา แล้วก็ไปกันเลย... อีกข้อดีคือ หากอยากรู้ข้อมูลโรงเรียน... นักเรียน ใด ๆ ก็ได้ในแผนที่ เราสามารถคลิกเข้าไปได้ ระบบจะทำการเชื่อมต่อกับ school map ดึงข้อมูลจาก smis เข้ามาแสดงให้ สุดท้ายระบบ GIS + AOC + School map จะถูกหลอมรวมกันทั้งหมด เป็นอันหนึ่งอันเดียวกัน ภาพด้านบน มองมองแบบแผนที่ ระหว่าง สพท.สร.3 กับ โรงเรียนข้าพเจ้าเอง ภาพด้าน บนมุมมองแบบผสม ระบบที่ออกแบบไว้สามารถเชื่อมต่อ และใช้ข้อมูลผ่านบริการของ google มีการแลกเปลี่ยน ส่งผ่านกันอย่างกลมกลืน สำหรับลิงค์ทดสอบระบบ คงต้องคอยช่วงปีใหม่ ซึ่งเว็บไซต์หลักของ สพท.สร.3 จะเริ่มออนไลน์ครับ...

ฝากไฟล์แบบไร้ลิมิต

บางครั้งคุณอาจจำเป็นต้องเก็บ หรือสำรองไฟล์สำคัญ ๆ ไว้ในที่ที่ปลอดภัย เรียกว่ากันพลาดว่างั้นเหอะ วันนี้ขอนำเสนออีกหนึ่งไซต์ ที่ให้บริการฝากไฟล์ออนไลน์ มาลองดูกัน Livedrive คือเว็บและบริการที่ผมอยากจะแนะนำวันนี้ ด้วยข้อดี สองข้อก็เหลือเฟือ 1. เก็บไฟล์ได้ไม่จำกัด ขนาดเท่าไหร่ไม่สน มากเท่าไหร่ไม่ว่า 2. หลอมรวมกับ windows explorer ทำให้เราสามารถจัดการไฟล์ออนไลน์ ในแบบเดิม ๆ นั่นคือการลากแล้ววาง วิธีการก็ไม่ยากเย็นอะไรครับ แค่ไปสมัครที่นี่ http://signup.livedrive.com/ แล้วก็ดาวน์โหลดโปรแกรมมาติดตั้งลงในเครื่อง เมื่อรีบูตขึ้นมาอีกครั้ง เราจะมองเห็นไดรฟ์เพิ่มขึ้นอีกไดรฟ์ คือ Livedrive (L:) เรียบร้อยแค่นี้เองครับ จะเอาไฟล์ไปเก็บออนไลน์ก็เปิดเอา explorer ขึ้นมา จากนั้นก็คัดลอก และวางได้เหมือนการใช้งานปกติ อ่านถึงตรงนี้คุณคงบอก โอ้จอร์จ สุดยอดมาก อย่าเพิ่งดีใจครับ บริการพิเศษ ๆ แบบนี้ให้ฟรีนี้ เฉพาะช่วงที่มีสถานะ beta อยู่เท่านั้น ว่าแล้วก็รีบไปลองใช้งาน ก่อนตัดสินใจเสียค่าใช้บริการครับ

แจกเทมเพลตปีใหม่สำหรับจูมล่าฟรี

ว่าแล้วเชียวว่าผมลืมอะไร... บอกว่าถ้าทำเสร็จแล้วจะเอามาแจก แต่ก็วุ่น ๆ จนหลงลืมไปเลย เอ้า...คิดได้แล้วก็จัดไปครับ เทมเพลต ปีใหม่ สำหรับจูมล่า รุ่น 1.5.x เช่นเดิมครับแถม header.xcf เอาไปปรับแต่งหน้าตาเอาเองตามใจชอบ ไปดาวน์โหลดได้ที่นี่เลย http://www.surin3.net/kp/Downloads/Joomla/template/surin3newyear-1.0.tar.gz ตัวอย่างหน้าตาออกมาประมาณนี้ http://info.surin3.net