การสร้างงานและส่งออกไปเป็นเว็บเพจด้วย fireworks CS4

firework
firework

18 ก.พ.54 มีเพื่อนชื่อ ธรณ. สร้างงานไว้ด้วย Adobe Fireworks CS4 และใช้พัฒนาควบคู่ไปกับ Adobe Dreamweaver CS4 ซึ่งมีแนวทางการนำมาแก้ไขปรับปรุง ทั้งเปลี่ยนสี เปลี่ยนภาพ แต่ใช้ theme เดิม ดังนี้
1. เปิดแฟ้มต้นฉบับและทำงานออกแบบให้แล้วเสร็จ ตัวอย่างนี้เป็นภาพขนาด 2000 * 1000 pixels และจะเก็บในสกุล .png ซึ่งเป็นรูปแบบของ fire works ซึ่งขั้นตอนแรกมีรายละเอียดในการออกแบบ และใช้งานมากมายตามความซับซ้อนของเนื้องาน
2. จัดเก็บอีกครั้งด้วยการ save as เป็นแบบ Flattened PNG กำหนดขนาดเป็น 50% ผลคือแฟ้มนี้มีเพื่อนส่งออกไม่สามารถแก้ไขรายละเอียดได้ง่ายเหมือนต้นฉบับ และขนาดภาพคือ 1000 * 500 pixels เพื่อนำไปเป็นเว็บเพจ ซึ่งวางแผนไว้ว่าเว็บเพจกว้าง 1000 pixels และภาพถูกตัดออกเป็นชิ้นให้ download ได้อย่างรวดเร็ว แทนการใช้ภาพใหญ่เพียงภาพเดียว
3. ใช้ select tool สร้างพื้นที่ที่ต้องการตัด แล้วเลือก edit, insert, rectangular slice ผลการ slice จะเกิดขึ้นผลการตัดภาพใน web layer สำหรับเทคนิคตัดภาพนี้คล้ายกับที่เคยพบในโปรแกรม imageready แต่ปัจจุบันถูกรวมเข้าเป็นส่วนหนึ่งของ photoshop ตั้งแต่รุ่น CS2 ไปแล้ว หากจะตัดภาพทำ gif animation ก็ใช้ photoshop ได้เลย
4. ขั้นสุดท้ายส่งงานออกไปใช้ด้วยการเลือก file, export เป็น HTML and images ก็จะได้แฟ้ม html พร้อมภาพอีกหลายภาพ ที่จะไปใช้งานใน dreamweaver หรือควบคุมด้วย php ใน editor ใด ๆ ต่อไป
+ http://www.thaiall.com/fireworks/

ลงสีในเว็บเพจด้วย javascript

sesamo.com
sesamo.com

13 ก.พ.54 เว็บ sesamo.com แสดงการใช้ javascript ที่ยอดเยี่ยม ทำให้ผู้ใช้ลงสีในภาพตามความต้องการ โดยใช้หลักของ javascript หย่อนสีลงไปในบริเวณปิด ตามต้องการ กรณีนี้ใช้สำหรับเด็กได้ฝึกลงสีให้กับภาพ โดยไม่ต้องใช้การ load ภาพทุกครั้งที่ลงสี แต่เป็นหน้าที่ของ browser ฝั่ง client ล้วน ๆ
http://www.sesamo.com/colouring/cake.html

แบบของแฟ้มภาพยนตร์ออนไลน์ (itinlife276)

mp4 flv
mp4 flv

22 ม.ค.54 สื่อมัลติมีเดียที่เคยพบเห็นในโลกออนไลน์เริ่มเปลี่ยนไป จากที่เคยพบแต่ภาพนิ่ง และเสียงเพลง เริ่มกลายรูปเป็นวิดีโอคลิ๊ป หรือมิวสิกวิดีโอ เพราะข้อจำกัดเรื่องพื้นที่เก็บข้อมูล และความเร็วในการดาวน์โหลด (Download) มิใช่ปัญหาอีกต่อไป ปัจจุบันมิวสิกวิดีโอได้รับความนิยมเข้ามาแทนการฟังแต่เสียงเพลง สามารถดูรายการทีวี เกมส์โชว์ ละคร หรือข่าวย้อนหลังผ่านสื่อออนไลน์ได้ทุกเวลา ได้เห็นคลิ๊ปวิดีโอที่เพื่อนอัพโหลดหลังบันทึกด้วยกล้องของโทรศัพท์ยุคใหม่ ลักษณะแฟ้มที่ส่งเข้าสู่โลกออนไลน์มีได้หลายประเภท เมื่อส่งเข้าไปแล้วจะถูกแปลงให้อยู่ในรูปแบบ และขนาดที่เหมาะสมสำหรับการนำเสนอ ซึ่งพบวิดีโอคลิ๊ปในเว็บไซต์ที่ได้รับความนิยมอย่าง youtube.com หรือ facebook.com เป็นต้น

วิดีโอที่นำเสนอในอินเทอร์เน็ตให้ผู้ใช้เปิดชมแบบ Streaming ที่นิยมมี 2 ประเภท คือ Flash Video และ MP4 ซึ่งสามารถนำเสนอผ่านเว็บไซต์แบบดาวน์โหลดไปพร้อมกับการชมโดยใช้ Flash Player Plug-in สำหรับ Web Browser จุดเด่นของแฟ้มคือมีการบีบอัดแฟ้มให้เล็กอย่างมีประสิทธิภาพกว่าแฟ้มแบบอื่น ถ้าผู้ใช้เปิดวิดีโอจาก youtube.com จะพบว่าสามารถคัดลอกวิดีโอที่อยู่ในห้องชั่วคราวออกมาเปิดได้ในภายหลัง ซึ่งมีรูปแบบเป็น Flash Video (.flv) แต่ถ้าเป็นวิดีโอจาก facebook.com จะเป็น MP4 การยอมรับแฟ้ม MP4 พบได้ในกล้องดิจิทอลของ Sanyo บางรุ่นที่บันทึกวิดีโอเป็น MP4 จึงสามารถคัดลอกแฟ้มออกจากหน่วยความจำ แล้วนำไปใช้ได้ทันที

แม้การพัฒนาเทคโนโลยีในโลกออนไลน์จะเปลี่ยนไปอย่างรวดเร็ว แต่ระบบปฏิบัติการที่ติดตั้งในเครื่องคอมพิวเตอร์ของผู้ใช้ทั่วไป ส่วนหนึ่งยังไม่สามารถเปิดอ่านแฟ้ม .flv หรือ .mp4 จึงต้องหาโปรแกรมที่มีความสามารถมาติดตั้งเพิ่มเติม อาทิ Flv Player จากการเปรียบเทียบวิดีโอแบบเก่าที่มีนามสกุล mpg,  wmv และ avi กับวิดีโอแบบใหม่ที่มีนามสกุล flv และ mp4 พบว่าขนาดของแฟ้มแบบเก่าจะใหญ่กว่า และยังไม่มีวิธีนำเสนอแบบ streaming คือ เปิดแล้วสามารถดูได้ทันทีในขณะที่มีการดาวน์โหลดอย่างต่อเนื่อง มิได้รอให้ดาวน์โหลดจนจบแล้วจึงเห็นฉากแรก ถ้าผู้อ่านมีแฟ้ม mpg แล้วต้องการแปลงเป็น mp4 หรือ flv ก็จะมีหลายวิธี ซึ่งวิธีหนึ่งคืออัพโหลดภาพยนตร์ของเราไปยัง youtube.com และ facebook.com แล้วเปิดดูแบบออนไลน์ เมื่อเปิดแล้วก็จะเข้าไปคัดลอกแฟ้ม flv และ mp4 จากห้องชั่วคราว (Temporary Internet Files) ได้โดยง่าย

http://www.thaiabc.com/downloadn/FLV_MP4_Player_2.0.25.zip

อัพโหลดหลายไฟล์ผ่าน click เดียว

swf file upload
swf file upload

22 ม.ค.54 การ upload แฟ้มเข้าเครื่องบริการทีละแฟ้มนั้น ใช้คำสั่งไม่เกิน 5 บรรทัดก็สามารถทำได้ แต่ถ้าต้องการ upload หลายแฟ้มด้วยการ click ครั้งเดียว ต้องเขียนหลายบรรทัด .. การศึกษาเรื่องนี้เกิดจาก คุณแบงค์ (เพื่อนร่วมงาน) ถามว่า ทำอย่างไร upload หลายแฟ้มเข้าเครื่องบริการผ่าน web browser .. ผมเองก็เคยเห็นใน hi5.com หรือ facebook.com เมื่อหลายปีก่อน เมื่อสืบค้นดูก็พบว่า swfupload.org มี code จึงนำมาดัดแปลง และเปิดให้ทดสอบ
ที่ http://www.thaiall.com/php/multiupload

การแก้ไข script มีหลายจุด คือ ยกเลิก preload alert ที่แสดงว่ามีปัญหาออกไป เปลี่ยนห้องรับแฟ้มให้เป็นห้องเดียวกับ script เลือกใช้ตัวอย่างจาก multiinstanceupload

+ http://demo.swfupload.org/v250beta3/
+ http://www.thaiall.com/download/multiupload_swfupload.zip

นักศึกษาลง IIS ในเครื่องใหม่ไม่ได้

windows iis starter asp
windows iis starter asp

18 ม.ค.54 สอนนักศึกษาเขียน ASP บน IIS ซึ่งห้องปฏิบัติการใช้ Windows XP Pro มีนักศึกษายก notebook มาให้ดูว่าลง Windows 7 แล้วหา IIS ไม่พบ ผมก็พยายามเปิดบริการ และหาไม่พบเช่นกัน แต่มาพบสาเหตุว่า ที่ไม่ได้นั้น เป็นเพราะ windows ที่ติดตั้งคือ windows 7 starter มาฟรี ซึ่งเป็นรุ่นที่ไม่สามารถเรียกใช้ IIS ได้ ก็แนะนำให้ไปหาซื้อ Windows 7 รุ่นที่สูงกว่า หรือไม่ก็เปลี่ยนกับมาใช้ Windows XP หรือไม่ก็ลง 2 OS ไปเลย
http://technet.microsoft.com/en-us/library/cc753473.aspx

พบปัญหาเข้าระบบ webbased mail ไม่ได้

httpd log
httpd log

18 ม.ค.54 เมื่อวานเย็น – วันนี้เช้า เกิดปัญหาไม่สามารถ login เข้าระบบ web-based mail ขององค์กร อาการคือ user & password ไม่ถูกยอมรับให้ผ่านเข้าระบบ เมื่อรำลึกถึงเหตุการณ์ในอดีต ก็มีกรณีหนึ่งที่เป็นไปได้ คือ เครื่องบริการเต็ม จึงใช้ ssh เข้าไปใช้ #df ก็พบว่าเต็มจริง จึงเข้าไปลบ log ต่าง ๆ ที่มีขนาดใหญ่ (ไม่แตะต้อง mail box ของแต่ละคน) และปรับแก้ #/etc/aliases แล้ว #newaliases เพื่อ forward อีเมลของสมาชิกเก่า แทนการลบออกจากระบบไปยัง  mail box หนึ่ง เพื่อรอเวลาตรวจสอบ และลบทิ้งบัญชีผู้ใช้ในโอกาสต่อไป เมื่อพื้นที่เหลือเพิ่มขึ้นก็ login เข้าระบบ web-based mail ได้ตามปกติ

กรณีศึกษา single sign on กับระบบสารสนเทศ

รายงานยอดสมัครเรียน เข้าระบบ single sign on
รายงานยอดสมัครเรียน เข้าระบบ single sign on

15 ม.ค.54 กรณีศึกษา : แนวคิดของ single sign on คือ การล็อกอินครั้งเดียว แล้วเข้าได้ทุกระบบ  ขณะนี้บุคลากรในองค์กรสามารถใช้งานได้แล้วในระบบอินทราเน็ต ที่มีสารสนเทศจากเจ้าของระบบฐานข้อมูลเป็นผู้ร่วมกำหนดนโยบาย โดยรายงานตัวล่าสุด คือ การคัดกรองข้อมูลจากระบบฐานข้อมูลทะเบียน มาเป็นระบบสารสนเทศยอดสมัครเรียนจริงจำแนกตามวันที่สมัครจริง และกำหนดระดับการเข้าถึงเพื่อจัดสารสนเทศให้กับผู้มีสิทธิ์เข้าถึง วัตถุประสงค์ของรายงาน เพื่อให้คณะวิชา และอาจารย์ได้ทราบผล ซึ่งเป็นสารสนเทศสำคัญในการกำหนดแผนปฏิบัติการที่เกี่ยวข้องต่อไป .. ถ้าต้องการเห็นรายงานต้องเข้าระบบอินทราเน็ตและแสดงสิทธิ์

คุณทนงศักดิ์ เมืองฝั้น (เอก) แนะนำว่ากระทรวงเทคโนโลยีสารสนเทศและการสื่อสาร เปิดตัวเว็บ e-Gov ตัวใหม่ ที่ใช้เทคโนโลยี single sign on (www.egov.go.th) เห็นการแยกบริการเป็นหมวดหมู่ที่ชัดเจน 2 กลุ่ม คือ แยกตามบทบาท ประกอบด้วย ประชาชนทั่วไป ธุรกิจ ภาครัฐ และชาวต่างชาติ เมื่อดูบริการของภาครัฐยังพบการจัดกลุ่มอายุของผู้รับบริการไว้ 4 ประเภท คือ วัยเด็ก วัยรุ่น วัยทำงาน และวัยสูงอายุ

เลขเด็ดกับ sketchup

sketchup
sketchup

4 ม.ค.54 วันนี้ลองดูเลขตัวหนึ่งก็พบเลข 512 เป็นเลขสวยในกลุ่มสแตติกเว็บเพจของผมครับ เพราะวันนี้เพิ่มโฮมเพจ /sketchup เข้าไปอีก 1 เว็บเพจ (ได้แรงบันดาลใจมาจาก อ.หนุ่ย มืออาร์ทของมหาวิทยาลัย) และคิดว่าในชีวิตจำเลข 512 ที่คู่กับ sketchup น่าจะดี ที่สนใจก็เพราะ 512 มีค่าเท่ากับ 1 sector หรือครึ่งหนึ่งของ 1 KB นั่นเอง เป็นเลขที่เคยทำให้ผมต้องปิดเว็บไซต์ counterthai.com ด้วยนโยบาย static file ที่แยกแต่ละ page ตาม user และเครื่องที่เช่าไว้กำหนดขนาดของ cluster เท่ากับ 8 sectors นั่นหละครับ

+ http://www.thaiall.com/sketchup
+ http://sketchup.google.com/

+ http://www.thaiall.com/update.htm

ท่านสามารถตรวจจำนวน cluster ผ่าน computer management, defragmentation, report ได้ครับ

วันวุ่นที่ใจไม่ค่อยวุ่น กับหลายหน่วยงาน

ประกันคุณภาพ
ประกันคุณภาพ

4 ม.ค.54 วันนี้ทำโปรแกรมระบบฐานข้อมูลการประเมินตนเอง /sar เพิ่มอีกนิดหน่อย โดยจัดการส่วนแสดงการรวมเอกสารทั้งหมดจากบุคลากร (มีน้องสาว 3 หน่วยงานกับหัวหน้าหนุ่มมากวนใจ) เพื่อแสดงแบบรายการแยกตามเกณฑ์มาตรฐาน ที่ส่งเอกสารผ่านระบบ e-document มีประโยชน์กับฝ่ายประกันคุณภาพทั้งคณะวิชาและมหาวิทยาลัยได้แล้ว ในอนาคตอันใกล้คณะวิชา หรือมหาวิทยาลัยจะคัดกรองออกไปใช้ ก็จะเลือกคลิ๊กตามชื่อของเจ้าของแฟ้ม หรือชื่อคณะวิชา .. ซึ่งพัฒนาตามความต้องการของทีมวิจัยประกันคุณภาพการศึกษา แต่ยังขาดบูรณาการ เพราะอยู่ระหว่างพัฒนา Prototype

เทคนิคนี้เป็นการรวมก่อนแยก เพราะนี่เป็นรุ่น 2 ซึ่งรุ่นแรกทำแบบแยก และไม่เห็นรวม แต่มหาวิทยาลัยต้องการมองแบบรวม จึงทำแบบรวมเป็น default ไว้ก่อน น่าจะมีประโยชน์ในภาพรวม

ระบบนี้ยังสับสนเรื่อง account ของระบบ intranet กับ sar  เพราะปีที่ผ่านมาทำให้ใช้ได้ทั้งบัญชีของ intranet กับ sar ซึ่งยุ่งในการสร้างพื้นที่รองรับในส่วนของ sar เฉพาะแต่ละบุคคล แต่ปีนี้ตั้งใจจะยุบการรองรับ account ที่มาจาก sar ให้เหลือเฉพาะ intranet แต่สำหรับคณะวิชา และมหาวิทยาลัย ยังจำเป็นต้องมี account ของ sar เพื่อกำหนดพื้นที่เฉพาะสำหรับข้อมูลอื่น เช่น เป้าหมายและผลการประเมินตนเอง ซึ่งระดับบุคคลไม่มีส่วนนี้

วันนี้ทำงานกับคนที่อยากทำงาน รู้สึกใจสงบครับ

ปีจำกัดที่ 2010 ใน moodle

moodle 2010
moodle 2010

4 ม.ค.54 หัวหน้าที่ใช้งานระบบ e-learning แจ้งว่า พบปัญหาใน moodle 1.5.3 ที่มีปีให้เลือกถึงค.ศ.2010  การขยายปีออกไปทำได้โดยแก้ไขแฟ้ม lib/weblib.php หาคำสั่ง for ($i=2000; $i<=2010; $i++) แล้วก็เปลี่ยนจาก 2010 เป็นปีที่ต้องการ เท่านี้ก็ขยายปีออกไปได้แล้ว
http://kampol.htc.ac.th/km52/index.php?topic=64.0

ถ้าเป็นคำแนะนำอื่น จะบอกว่าให้ upgrade version ของ moodle.org