JustGage : JavaScript plugin for animating gauges

   JustGage เป็น จาวาสคริปไลบรารี เล็กๆ ที่ใช้ในการสร้างภาพ เกจวัด แบบแอนนิเมชั่น สามารถแสดงค่าแบบมีการเคลื่อนไหวได้ โดยพื้นฐานของจาวาสคริปต์ตัวนี้ เค้าพัฒนาต่อยอดจาก Raphaël library ซึ่งมีความสามารถในการสร้างภาพเวกเตอร์บนหน้าเว็บ ด้วยจาวาสคริปต์

   JustGage จะสร้างภาพแบบ SVG โดยภาพแบบ SVG นั้น สามารถแสดงผลได้ทุกบราวเซอร์ ไม่ว่าจะเป็น IE6+, Chrome , FireFox , Safari, Opera, Android และอื่นๆ อีกมากมาย

 

วิธีการนำไปใช้งาน
- ทำการดึงไฟล์ไลบรารี JustGage กับ Raphaël เข้ามาในเว็บเพจโค๊ด
- ทำการสร้าง div tag ที่มี id
- เรียก 'justGate({id,value})'

ค่อนข้างจะง่ายสำหรับการติดตั้ง แต่ ถ้าเรื่องของการปรับแต่ง ก็ขอให้ดูที่ตัว Demo ของเค้านะครับ

ดาวน์โหลด JustGage Library  คลิก

อ่านเพิ่มเติม...

Microsoft technical forums for thai ของจริงรึเนี้ย!!!

     พอดี ผมได้รับเมล์จากไมโครซอร์ฟ ซึ่งคงเป็นเมล์ ที่ส่งให้กับหลายๆ คน  เป็นเมล์สำรวจความคิดเห็นหน่ะครับ แต่ อย่างหนึ่งที่เพิ่มเติมมาในเมล์ และเห็นว่า เป็นเมล์ที่มีประโยชน์กับเพื่อนๆ และคนไทยหลายคน ก็เลยอยากจะเอามาแชร์ ก็คือ ทางไมโครซอร์ฟได้จัดทำฟอร์รั่ม หรือเว็บบอร์ดถาม-ตอบ ปัญหาเทคนิค เกี่ยวกับผลิตภัณฑ์ของไมโครซอร์ฟ อาทิ เช่น ถามตอบ โปรแกรม Visual Studio หรือ เว็บเรียนรู้เทคโนโลยีของไมโครซอร์ฟ โดยทั้งหมดนี้ ตอบคำถาม หรืออธิบายด้วยผู้ชำนาญด้านไอที ของทางไมโครซอร์ฟ ซึ่งเป็นคนไทย ด้วยกัน นับว่าเป็นการเปิดตลาดของโปรแกรมเมอร์หน้าใหม่ของเมืองไทย เลยก็ว่าได้

คุณต้องการ การสนับสนุนและช่วยแก้ปัญหาด้านเทคนิค เป็นภาษาไทย: ถามคำถามด้านเทคนิคเป็นภาษาไทย โดยไม่เสียค่าใช้จ่าย เพียงตั้งกระทู้ถามในฟอรัม TechNet Thai Forums สำหรับ IT Professional และ MSDN Thai Forums สำหรับ Developer เรามีทีมวิศวกรผู้เชี่ยวชาญที่จะช่วยหาคำตอบที่ถูกต้องให้ในเวลาอันรวดเร็ว อีกทั้งบทความเทคนิคที่น่าสนใจและคำถามที่พบบ่อยในฟอรัมอีกด้วย นอกจากนี้ คุณยังสามารถติดตามข่าว
อัพเดตด้านเทคนิคผ่าน ติดตามที่นี่ได้อีกช่องทางหนึ่ง

คุณต้องการข้อมูลเรื่องลิขสิทธิ์
เรียนรู้เรื่องลิขสิทธิ์ของไมโครซอฟท์ แบบสนุกๆ ผ่านการ์ตูนซีรี่ส์ ที่จะช่วยอธิบาย
ให้เข้าใจได้ง่ายยิ่งขึ้น และท่านสามารถศึกษาข้อมูลเรื่องลิขสิทธิ์เพิ่มเติมได้ที่เว็บไซต์
ข้อมูลลิขสิทธิ์ไมโครซอฟท์ประเทศไทย

 

ไมโครซอฟท์ได้เตรียมข้อมูลและแหล่งเรียนรู้สำหรับเทคโนโลยีใหม่ ๆ ในหลากหลายรูปแบบได้ฟรีไม่ว่าจะเป็น e-book ( Free ebook: Introducing Windows Server 2012 (RTM Edition), TechNet Video หรือ Microsoft Virtual Academy(MVA) ซึ่งเป็นระบบ e-learning ที่คุณลงทะเบียนเรียนได้ฟรีเช่นกัน โดยคุณสามารถเลือกสาขาที่คุณสนใจอย่างเช่น Windows Server 2012 Technical Overview หรือ Windows Server 2012: Server Virtualization ยังมีอีกหลายหัวข้อที่น่าสนใจรอคุณ นอกจากนั้นเรายังได้เตรียมงานสัมนาที่จัดโดยบริษัทไมโครซอฟท์ ประเทศไทยอย่าง Tech Days หรืองานสัมนาที่ได้จัดร่วมกันกับชุมชนชาวไอทีต่าง ๆ ตลอดทั้งปีซึ่งท่านสามารถติดตามได้จากhttp://blogs.technet.com/b/thailand/

คุณต้องการข้อมูลใหม่ๆ ที่จะช่วยคุณเลือกโซลูชั่นสำหรับงานไอทีของคุณ: เว็บไชต์และจดหมายข่าวรายเดือน TechNet ภาษาไทย และ MSDN ภาษาไทย
เป็นแหล่งอัพเดตเทคโนโลยีใหม่ซึ่งได้รับคะแนนความพึงพอใจสูงจากการสำรวจ
ครั้งก่อน คุณจะพบกับบทความที่คุณสามารถนำไปใช้อ้างอิงการแนะนำเครื่องมือใหม่ๆ
เช่น Hyper-V ที่ช่วยให้คุณทำเวอร์ชวลเซิร์ฟเวอร์ได้ทันที และข้อมูลที่เป็นประโยชน์อื่นๆ อีกมากมาย

อ่านเพิ่มเติม...

VIM tutorial online

ใครที่เคยใช้ Linux ต้องเคยใช้ VIM หรือโปรแกรม text editor ของ Linux แน่ๆ อย่างน้อยก็ครั้งหนึ่งแหละ ไม่ใช่เรื่องง่ายเลย ที่เราจะใช้ VIM ในครั้งแรกอย่างเข้าใจ เพราะ ตัวโปรแกรมเองไม่ได้ออกแบบมาเพื่อผู้ใช้ที่คุ้นเคยกับวินโควน์เลย แม้แต่น้อย  ทำให้มือใหม่ หลายๆคน ต้องเลิกรา มองหาโปรแกรม text ediotr ตัวอื่น แทน บางครั้งก็ต้องหันไปใช้ text editor ทีอยู่บน graphic mode แทน (แต่ถ้าเรา telnet เข้าไปที่เครื่อง ก็หนีไม่พ้นที่จะต้องทำผ่าน VIM ) แต่ คนที่เซียน linux เค้าไม่ทำอย่างนั้น VIM จึงเป็นเหมือนโปรแกรมที่บอกได้ว่า เราคุ้นเคยกับ linux มากน้อยแค่ไหน

วันนี้ ผมมี tutorial online เรื่องการใช้ VIM มาฝากเพื่อนๆ ครับ แนะนำว่า มือใหม่ และมือสมัครเล่น ไปลองฝึกให้คุ้นเคยกันซะ มีประโยชน์แน่ๆ Linux  หากินได้ตลอดครับ โดยเฉพาะทุกวันนี้ มีบอร์ด Embedded ที่มี linux ฝังมาด้วยแล้ว จำเป็นเลยครับ VIM นี่แหละ

มาลองเล่นกันครับ  คลิก

อ่านเพิ่มเติม...

Jquery UI framework installation ไม่ได้ยากเลย

      หลังจากที่หายไปพักใหญ่ๆ กับงานทางด้านเว็บแอพพลิเคชั่น ผมก็รู้สึกเหมือนจะถูกเทตโนโลยีทิ้ง ไปซะไกล ต้องมานั่งไล่ตามกันพักใหญ่ ที่หายไป ก็ไม่ได้ห่างหายไปไหนหรอกครับ กำลังคร่ำเคร่งอยู่กับ ไมโครคอนโทรลเลอร์ อยู่ พอกลับมาได้ทำโปรเจค เกี่ยวกับเว็บอีกครั้ง ผมต้องตะลึง กับหลายๆ framework ที่มีอยู่มากมาย ต่างพากัน แสดงความสามารถตัวเอง กันอย่างเต็มที่

     วันนี้ ผมมองหา Framework ดีๆ ที่จะมาช่วยให้งานของผม มีลูกเล่นมากขึ้น ตอนแรก ก็กะว่าจะลองใช้ Kendo framework แต่ดูแล้ว เหมือนจะไม่ฟรี ก็เลยมองหาตัวอื่น จนมาเจอกับ Jquery UI นี่แหละ

    Jquery UI หรือ Jquery User Interface เป็นตัวที่ใช้รูปแบบไวยกรณ์ของ Jquery นั่นแหละ แต่ เค้าได้สร้างลูกเล่นที่เป็น library เอาไว้ให้เราดึงเอามาใช้ เพื่อใช้ในการตอบโต้ ลาก วาง ย่อ ขยาย ซ่อน หรือแสดง สิ่งต่างๆ บนหน้าเว็บได้ตามต้องการ หรือเพื่อลดภาระให้กับ server ก่อนที่เราจะทำการส่งค่า การร้องขอ ให้ server กระทำอะไรบางอย่างให้เรา ซึ่งถ้าใครเข้าใจ Jquery ดีอยู่แล้ว เรื่องนี้ ก็ไม่ใช่เรื่องง่ายเลยครับ แต่ผม เพิ่งศึกษามาได้ สอง สาม วัน ยังต้องอีกนาน ที่จะเข้าใจ มันได้ทั้งหมด

วันนี้ เรามาติดตั้ง Jquery กันก่อนครับ เริ่มจาก

• ทำการเลือก Theme หรือ สีของ component เพื่อให้เข้ากับหน้าเว็บของเราก่อน หรือถ้าเพื่อนๆ ชอบสีไหน ก็เลือกโหลดมาได้เลยครับ คลิก ก็ edit ให้ได้สีตามใจ หรือเลือกโหลดจาก Theme ที่เค้าสร้างไว้ให้ก็ได้ครับ

• หลังจาก download มาแล้ว ให้แตกไฟล์ออกเลยครับ แล้วเปลี่ยนย่อชื่อ folder ให้มันสั้นๆ ก็พอ เอาไปไว้ที่ C:\AppServ\www ในที่นี้ ผมเก็บไฟล์ที่ได้จากการแตก zip ไฟล์ที่ดาวน์โหลดมาไว้ที่ โฟล์เดอร์ jquery ครับ

• ในที่นี้ ผมได้สร้าง folder ชื่อ test แล้วข้างใน มีไฟล์ที่ชื่อ index.php เพื่อทำการทดสอบดึง Jquery UI framework เข้ามาทำงานด้วย ขั้นตอนต่อไป เราจะทำการเรียกไฟล์ไลบรารี เข้ามานะครับ
• เพื่อป้องกันความผิดพลาด เราจะใช้วิธีการก๊อปปี้ เอาเลย โดยให้เข้าไปที่ folder jquery ของเรา แล้วเปิดไฟล์ index.html แล้วทำการก๊อปปี้ บรรทัดประมาณที่ 6-8 ตามรูปด้านล่างเลยครับ

   

• นำไปใส่ที่ ส่วน <header> ของไฟล์ index.php ที่อยู่ในโพล์เดอร์ test ที่เราได้สร้างโค๊ด html ที่จำเป็นไว้ แล้วทำการแก้ไขโค๊ดที่เราก๊อปปี้ มานิดหน่อย เนื่องจาก folder jquery ไม่ได้อยู่ภายใน folder test ของเรา

*** เพื่อนๆ เห็นความแตกต่างไหมครับ ลองสังเกตดีๆ ผมเพิ่ม ../jquery/ เข้าไป เห็นไหมครับ

• ที่นี้ เราจะมาลองสร้าง datepicker กันครับ นั่นก็คือปฏิทิน นั่นเองครับ โดยเราจะให้ datepicker ปรากฏทุกครั้งที่มีการคลิกในช่อง input text อันดับแรก เราจะต้องทำการ initial ด้วยการเพิ่มโค๊ด ที่เป็น java script เข้าไปก่อน โดยวางไว้ในส่วนของ header

• ทำการแก้ไขที่ส่วน selector ให้ตรงกับ id ของ DOM ที่เราอ้างอิงไปถึง (ในตอนต่อๆ ไป เราค่อยมาดูเรื่อง selector และการตั้งค่าอื่นๆ กันครับ)
• ทดลองรันไฟล์ http://localhost/test/index.php แล้วคลิกที่ช่อง input text จะปรากฏปฏิทิน ขึ้นมาให้เรา เลือกวันที่

เห็นไหมหล่ะครับ ไม่ได้ยากเลยใช่ไหมครับ แบบนี้ รับรอง ทำให้งานของเรา เสร็จไว และมีลูกเล่น ไม่น่าเบื่อ แน่นอนครับ เดี๋ยวเราจะค่อยๆ มาเจาะลึกลงไป เดี๋ยวขอตัวไปอ่านเพิ่มเติมก่อนครับ ถ้าคนไหน ยังทำไม่ได้ ลองไล่ๆ กลับไปลองดูอีกทีครับ อยากศึกษาเพิ่มเติม ก็ลองดู demo ครับ ยังมีอีกหลายตัวที่น่าสนใจ

    ในระหว่างที่กำลังเขียนบทความนี้ ข้างนอก เค้ากำลังจุดพลุ จุดประทัด เนื่องจากเป็นวันลอยกระทง ในสถานการณ์ ที่บ้างส่วนของประเทศไทย โดยเฉพาะกรุงเทพฯ  กำลังโดนมหาอุทกภัย ครั้งร้ายแรงที่สุดกำลังถาโถมเข้าใส่คนกรุงฯ แต่ เราคนไทย ก็ยังร่าเริงกันได้บ้าง นั่นเป็นเพราะ เป็นนิสัยของคนไทย ที่เป็นคนชอบความสนุก ก็จริงนะ ไม่รู้จะทุกข์ไปทำไม แต่ในคืนนี้ ผมก็ยังไม่คิดที่จะออกไปลอยกระทง เหมือนๆ 10 ปีก่อน ผมคิดว่า ถ้าเราจะแสดงความเคารพ พระแม่คงคาแล้ว เราก็ไม่ควรจะเอาอะไร ส่งลงไปที่แม่น้ำ ลำคลอง อีก เราควรจะกระทำในทางตรงกันข้ามมากกว่า ด้วยการรณรงค์ ให้วันนี้ เป็นวันที่ทุกคน ควรที่จะเก็บขยะ เศษปฏิกูล หรือขุดลอก คูคลอง ดีกว่า แต่ก็อย่างว่าหล่ะครับ จะเปลี่ยนแปลงสิ่งที่คน ยึดถือ กันมา มันเป็นเรื่องที่ไม่ง่ายเลยทีเดียว

อ่านเพิ่มเติม...

Android VDO tutorial from TESA

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

วันนี้ ผมได้นำเอา VDO สอนการเขียนโปรแกรมบนระบบปฎิบัติการ Android ซึ่งเป็น VDO ที่ทำ Work shop ของ TESA  ซึ่งมีอยู่ด้วยกันหลายตอน มาฝากเพื่อนๆ ครับ หวังว่า เพื่อนๆ จะได้รับความรู้ในการเขียนโปรแกรม บนระบบปฎิบัติการ Android

 

Android ตอนที่ 1

 

Android ตอนที่ 2

 

Android ตอนที่ 3

 

Android ตอนที่ 4

 

Android ตอนที่ 5

 

Android ตอนที่ 6

 

Android ตอนที่ 7

 

Android ตอนที่ 8

หวังว่า เพื่อนๆ คงได้รับความรู้ ไม่มากก็น้อย นะครับ เดี๋ยวพบกันใหม่ครับ ถ้ามีไรดีๆ ผมจะกลับมาแบ่งปันใหม่

อ่านเพิ่มเติม...