itpcc - Part 2

โปรแกรม ATTiny ได้ง่ายๆ ด้วย Arduino Mega

สวัสดีครับ วันนี้กำลังจะเริ่มรันโปรเจ็กบอลลูนอีกครั้งหลังจากที่หยุดไปนานเพราะเจ้างานว่างแล้ว และผมสนใจจะเพิ่ม ATTiny เข้าไปเพื่อลดจำนวน Pin ของ Raspberry Pi ก็เลยลองเอา ATTiny มาลองโปรแกรมเข้าไปดูครับ ATTiny จริงๆ มันก็คือ chip microcontroller ตัวหนึ่งจาก Atmel นั่นแหละครับ แต่มีขนาดเล็กกว่ากันเยอะ ใช้พื้นที่ไม่มาก แต่ก็ทำงานได้ไม่เยอะสักเท่าไหร่เพราะ memory มันมีน้อยเช่นกัน (ไม่แน่ใจว่า 10 kb หรือเปล่านะครับ) เหมาะสำหรับควบคุมงานง่ายๆ เช่นอ่านค่าจาก sensor ไปเป็น I2C ไว้ส่งค่าเข้า uC ใหญ่อีกที อย่างนี้เป็นต้น การใช้งาน ในที่นี้ก็ไม่ยุ่งยากมากครับ มีแค่ Arduino ตัวหนึ่งกับสายไฟสี่ห้าเส้นและ cap ตัวหนึ่งก็โปรแกรมได้แล้วครับ ขั้นตอนหลักๆ ก็ไม่มีอะไรมาก เริ่มต้นก็เปิดคอม เปิดเฟซบุ๊ก สั่ง Arduino แล้วก็เลิกทำ ไม่ใช่ล่ะ Download Arduino…

17 March 2016

arduino No comments ราชศักดิ์ รักษ์กำเนิด

สรุปงานสัมนาแลกเปลี่ยน “ความมั่นคงปลอดภัยในกิจการกระจายเสียงและโทรทัศน์บนโลกอินเทอร์เน็ต” ณ กสทช.

สวัสดีครับ วันนี้ผมได้รับเชิญจากสำนักส่งเสริมการแข่งขันและกำกับดูแลกันเอง กสทช. เข้าร่วมรับฟังการสัมนาแลกเปลี่ยน “ความมั่นคงปลอดภัยในกิจการกระจายเสียงและโทรทัศน์บนโลกอินเทอร์เน็ต” วันนี้ ระหว่าง กสทช. ร่วมกับสถานเอกอัครราชทูต ณ กรุงเทลอาวีฟ ประเทศอิสราเอลครับ ท่านใดที่สนใจฟังบันทึกเสียงการบรรยาย (ไม่ได้บันทึกทั้งหมด เนื่องจากปัญหาเครื่องบันทึกเสียงครับ) สามารถฟัง (บรรยายเป็นภาษาอังกฤษ) ได้ที่ https://drive.google.com/folderview?id=0B-Ys9FwTtVOfSHZQa1RyWTF4YzQ&usp=sharing ครับ เนื้อหาในการบรรยายโดยส่วนใหญ่จะเป็นการเน้นให้ผู้ให้บริการและภาครัฐตระหนักถึงอันตรายของการให้บริการระบบสาธารณูปโภคโดยไม่มีระบบป้องกันที่ดีพอ อันจะส่งผลให้เกิดผลกระทบอย่างมหาศาลครับ การบรรยายแบ่งออกเป็น 3 sessions หลักครับ Session #1: State of cyber security situation ในปัจจุบันการโจมตีทางไซเบอร์มีจำนวนมากขึ้นอย่างมีนัยสำคัญอันเนื่องมาจากการโจมตีแบบนี้ใช้กำลังคนน้อย เครื่องคอมพิวเตอร์ราคาถูกๆ ก็สามารถทำลายระบบสาธารณูปโภคให้ใช้การไม่ได้โดยเสียค่าใช้จ่ายและเวลาน้อยกว่าการโจมตีทางกายภาพมาก และจับตัวได้ยาก ตัวอย่างก็มีให้เห็นกันมากมาย เช่นการขโมยแบบพิมพ์ F-12 ของสหรัฐอเมริกาโดยจีน การโจมตีระบบสาธารณูปโภคของเอสโตเนียและจอร์เจียร์ก่อนการโจมตีจริง 2 สัปดาห์ ทำให้ ปธน. ไม่สามารถสื่อสารกับประชาชนได้ทันเวลา หรือกรณีอิหร่านที่ถูกกลุ่มไม่ทราบฝ่ายหยุดระบบปฏิกรณ์นิวเคลียร์ยูํเรเนียมด้วยคอมพิวเตอร์เวิร์ม Stuxnet การโต้ตอบด้วยการหยุดการทำงานโดรนสอดแนมและ “Blinding” ดาวเทียมสอดแนมของ CIA เป็นต้น นอกจากรัฐต่อรัฐแล้ว กลุ่มก่อการร้ายก็ใช้ไซเบอร์ในการสื่อสารและโจมตี ตัวอย่างที่เห็นได้ชัดคือการส่งข้อมูลแผนการโจมตีในร้านอินเตอร์เน็ตคาเฟ…

18 February 2016

seminar No comments ราชศักดิ์ รักษ์กำเนิด

มาลองยำ Arduino: เล่าสู่กันฟัง และปัญหาที่เจอ

สวัสดีครับ หลังจากที่หายไปนาน ช่วงนี้กำลังทดลองยำ เอ้ย! ทดลองใช้ Arduino กับเซ็นเซอร์ Transceiver และ WiFi Module ESP8266 ครับ ตอนนี้ที่ได้เป็นระบบ Control panel แสดงผลเซ็นเซอร์ขึ้นจอ OLED และอัพโหลดข้อมูลขึ้นเว็บไซต์ทุก 5 วินาที (ซึ่งดูจะถี่ไปหน่อย แต่ก็เอาไว้ทดสอบดูน่ะครับว่าจะอัพโหลดกันไหวมั้ย?) ใครสนใจลองเอาไปดู เข้าไปโหลดไฟล์ ino และ libraries ที่ใช้ (บางตัวผมโมเพิ่มให้ใช้ดีขึ้น [สำหรับผมเองน่ะนะ – -] ด้วย) ที่ https://github.com/itpcc/Arduino-Experiment และ https://github.com/itpcc/arduino_oled_weather_station/ ครับ ระหว่างทำก็เจอปัญหาระหว่างทำที่พอจะเล่าให้ฟัง มีดังนี้ครับ (ใครสงสัยหรืออยากให้อธิบายส่วนใดแบบละเอียดบอกได้นะครับ เดี๋ยวจะเขียนเพิ่ม) ปัญหาไฟไม่พอ (5V) อาจจะเป็นเพราะผมพารานอยด์ไปเองก็ได้ แต่อุปกรณ์ต่อพ่วงมันเยอะเหลือเกิน (ที่ Mega มี nRF, ESP8266, RTC, GY-651 และ…

11 February 2016

arduino No comments ราชศักดิ์ รักษ์กำเนิด

Quick tip: ลง PyAudio และ Bitarray ใน Python 2.7

สวัสดีครับ วันนี้มีทิปสั้นๆ เกี่ยวกับการลง PyAudio และ Bitarray ให้กับเจ้า Python 2.7 กันครับ เรื่องมันมีอยู่ว่า ผมกำลังทำโปรแกรมถอดรหัสเข้ารหัส AFSK แต่ระบบที่ว่าต้องทำงานกับเสียง เลยต้องใช้ Library PyAudio กับ bitarray ในการประมวลผลข้อมูลครับ แต่แน่นอนครับว่ามันไม่ใช่แค่ pip install afsk pip install –allow-external PyAudio –allow-unverified PyAudio PyAudio แน่ครับ ลงไปลงมา ก็เจอปัญหาจนได้ สุดท้ายก็ได้วิธีแก้ปัญหาดังนี้ครับ pip ไม่มี ปัญหาโลกแตกครับ ทั้งที่จริงแล้วถ้าสั่งรัน pip ตรงไม่ได้ ก็แค่เปลี่ยนจาก pip <bla bla bla> เป็น (เครื่องผมไม่ได้ตั้ง PATH ไว้ เลยต้อง cd C:\Python27 ก่อน) แค่นี้เองครับ…

2 October 2015

Python tip-and-technic No comments ราชศักดิ์ รักษ์กำเนิด

เมื่อผมไปฟังบรรยาย “Journey to Space” presented by U.S. Embassy Bangkok

สวัสดีครับ วันนี้ผมได้รับคัดเลือกจากศูนย์ต่างประเทศเพื่อวิศวกรรมศาสตร์ มจธ. (International Center for Engineering, KMUTT) ให้ไปร่วมงานบรรยาย “Journey to Space” ซึ่งจัดโดยสถานฑูตอเมริกาประจำประเทศไทยครับ เป็นการบรรยายภารกิจของ NASA โดย NASA Administrator คุณ Charles F. Bolden, Jr. ครับ .@NASA ’s delegations impart not only their experiences but encouragement & inspiration for students to work hard. pic.twitter.com/CUNwwNmMbQ — U.S. Embassy Bangkok (@USEmbassyBKK) September 1, 2015 เช่นเคยครับ ผมบันทึกเสียงการบรรยายไว้ หากสนใจก็เชิญรับฟังกันได้เลยครับ ใจความสรุปหลักๆ แบ่งได้เป็น ประเด็นครับ NASA…

2 September 2015

what happen in my life No comments ราชศักดิ์ รักษ์กำเนิด

เมื่อผมไปดูนิทรรศการ งานวันสื่อสารแห่งชาติ NET2015

สวัสดีครับ วันนี้ผมไปงานวันสื่อสารแห่งชาติ ที่ศูนย์ประชุมแห่งชาติสิริกิติ์มาครับ แน่นอนว่างานนี้จัดโดย กสทช. ครับ เป็นในลักษณะที่ต่างจากที่ผมไปทุกที คือเป็นงานนิทรรศการที่หน่วยงานด้านเทคโนโลยีสารสนเทศ โดยเฉพาะดิจิตอลทีวีมาจัดกิจกรรมและแสดงผลงานกันครับ (ภาพอาจจะไม่ดีเท่าไหร่ เพราะถ่ายด้วย iPhone 3G ซึ่งเก่ามากแล้ว -3-) การบรรยายต่อไปนี้จะไล่ไปตามงานที่ผมเดเินไปเรื่อยๆ นะครับ กสทช. : ว่าด้วย USO และ CyberSecurity บูธของ กสทช. จะแบ่งเป็น 3 ส่วนหลักๆ ครับบ คือด้านกิจการทั่วไปของ กสทช. กิจการ USO และ Cyber security ครับ แน่นอนครับว่าเป็นนิทรรศการบรรยายพื้นฐาน ไม่ได้มีอะไรพิเศษมากนัก ที่น่าสนใจคือเครื่องวุ้นแปลภาษาสำหรับผู้พิการทางการได้ยิน (หูหนวก) เครื่องนี้จะใช้บัตรประชาชน Smart card เพื่อยืนยันตัวตน ก่อนจะเชื่อมต่อผ่านระบบ internet ไปยังศูนย์ เพื่อให้คนปกติหรือผู้พิการทางการมองเห็นพูดใส่หูโทรศัพท์ให้เจ้าหน้าที่ของศูนย์แปลงข้อมทูลเป็นภาษามือให้ผู้พิการทางการได้ยินรับทราบข้อความ และทำกลับกันเพื่อสื่อสารกับอีกฝ่ายครับ ตัวระบบไม่ซับซ้อน ใช้งานง่าย แต่อาจจะเกร็งๆ หรือสื่อกันผิดคนไปบ้าง (สับสนว่ากำลังพูดกับล่ามหรือผู้พิการฯ…

10 August 2015

what happen in my life No comments ราชศักดิ์ รักษ์กำเนิด

เมื่อผมไปฟังเสวนา กสทช. พบ Blogger และชาวเน็ต #DTV4All

สวัสดีครับ วันนี้ผม ในฐานะชาวเน็ตได้เข้าร่วมงาน “กสทช. พบ Blogger และชาวเน็ต : กับดิจิตอลทีวี” จัดโดย กสทช. และ ThaiPBS ณ ห้อง SkyRoom ชั้น 17 อาคารใบหยก 2 แน่นอนครับว่า เป็นการพูดคุยถึงเรื่อง Digital TV ที่ กสทช. และ MUX หลักอย่าง ThaiPBS กำลังผลักดันให้เป็นจริงให้จงได้ นอกจากตัวผมแล้ว ยังมี Blogger ชื่อดังหลายท่านร่วมงาน ไม่ว่าจะเป็นผู้ก่อตั้ง Blognone อย่าง @lewcpe กับ @markpeak, @kafaak, คุณชายอดัม (หม่อมราชวงศ์เฉลิมชาตรี ยุคล) รวมทั้งนักข่าวหลายแห่งทั้ง Nation, สทท. อีกด้วยครับ รวม Blogger ทุกวงการมาในงานนี้ #DTV4ALL #ยามเฝ้าจอ pic.twitter.com/huxrxemyVg…

26 July 2015

what happen in my life No comments ราชศักดิ์ รักษ์กำเนิด

สร้าง Icon font ของตัวเองได้ง่ายๆ ด้วย IconMoon App

หนึ่งในองค์ประกอบหลักที่สำคัญของเว็บไซต์ที่จะขาดไปเสียไม่ได้เลยคือ icon เหตุผลหลักก็เหมือนที่มีมีคนเคยกล่าวไว้ว่า “หนึ่งภาพมีค่ายิ่งกว่าร้อยคำพูด” icon ถึงแม้จะไม่ใช่รูปภาพเสียทีเดียว แต่ด้วยความที่เป็นสื่อกลางที่คนไม่ว่าจะชาติภาษาไหนก็เข้าใจได้ง่าย หลายท่านคงอาจเคยใช้งาน icon ไม่ว่าจะเป็นรูปภาพ gif, png svg vector หรือแม้แต่ icon font ที่เป็นที่นิยมอย่างมากในปัจจุบัน (หากสงสัยว่าแล้ว icon font คืออัลไล ลองอ่านบทความของ designil นี้ดูครับ อธิบายได้ดีทีเดียว สรุปสั้นๆ คือมันเป็นฟอนต์ฟอนต์หนึ่งนี่แหละครับ แต่แทนที่จะเก็บแบบตัวอักษรก็เก็บ icon ไว้แทน ถ้านึกไม่ออกก็นึกถึงฟอนต์ Wingdings ที่มี icon แบบนี้ : ( ÿ ครับ) เพราะทั้งสะดวก ใช้งานง่าย ที่สำคัญคือมีขนาดเล็กและสวยงามดี ไม่มีอาการแตกเมื่อขยายใหญ่เข้า แล้วถ้ามี logo หรือรูป icon ที่อยากทำเป็น icon font เองล่ะจะทำอย่างไร? IconMoon Apps คือคำตอบ…

9 July 2015

css tip-and-technic 1 comment ราชศักดิ์ รักษ์กำเนิด

ทำขอบเฉียงด้วย CSS3 Gradient

ตามที่สัญญากันไว้ครับ หลายท่านอาจเคยเห็นบางเว็บไซต์ทำขอบเฉียงๆ กันมาบ้างแล้ว อาจจะใช้คุณสมบัติของ CSS Border ทำให้ขอบบางส่วนใส หรือการดัดด้วย transform: skew, SVG element เป็นต้น แต่ด้วยข้อเสียบางอย่างของวิธีการดังกล่าว เช่น CSS Border จำเป็นต้องรู้ขนาดตายตัวเป็น pixel หรือหน่วยที่สัมพันธ์เหมือนกัน (em, rem, vh, vw เป็นต้น) หรือ transform: skew ก็ต้องดัด element นั้นจริงๆ หากต้องใส่ใน element อื่นต้องคำนวนระยะมุมด้วย เป็นต้น หลังจากที่ค้นหาข้อมูลอยู่นาน ผมก็เจอ Fiddle อันหนึ่งที่ใช้การทำขอบเฉียงด้วย CSS Gradient ซึ่งเป็นอะไรที่ถูกใจแจ้จริงๆ ก็เลยนำมาประยุกต์ใช้ครับ ลองดูตัวอย่างนี้ดูครับ มันทำได้อย่างไรกันนี่!? เทคนิค linear gradient ที่เราจะใช้ก็คือการใส่พื้นหลังแบบไล่สีง่ายๆ นี่แหละครับ ตาม syntax ของ W3C linear-gradient() ซึ่งเป็นมาตรฐานที่สรุปแน่นอนแล้ว จะสามารถใช้คำสั่ง…

6 July 2015

css tip-and-technic No comments ราชศักดิ์ รักษ์กำเนิด

(Lite) Portfolio ผมก็มีกับเค้าแล้วนะ!

สวัสดีครับท่านผู้อ่าน หลังจากที่ผมหายไปนานมาก ส่วนใหญ่ก็ไปส่องสาวอยู่ใน Facebook เอ้ย! เรียนที่ภาควิชา CPE มาครบปีกับเป็นมือปืนรับเขียน Code ให้พี่ๆ ที่ภาควิชา (ใช่ครับ ผมเริ่มรับงานมาทำแล้วครับ แต่ยังเป็นงานเล็กๆ เงินไม่มาก เอาไว้เป็นประสบการณ์เท่านั้นเองครับ) ในที่สุดหลังจากที่ผมดองแล้วดองอีก เขียนแล้วก็ลบอีก ไม่เคยได้เสร็จกับเค้าสักที ในที่สุดก็ทำสรุปผลงานของผมเสร็จแล้วครับ (ปรบมือ!) ที่บอกว่าเป็น Lite ก็เพราะว่าเป็นแค่หน้ารวบรวมผลงานกับการแข่งขันแบบสรุปจบหน้าเดียวตามยุคสมัยครับ ตัวเต็มจะมีแสดงผลงาน ประวัติผม และข้อมูลอื่นๆ ครบครันกว่านี้ เพจนี้ผมใช้ Materialize เป็นโครงหลักครับ เพราะตัวมันเองมีน้ำหนักเบากว่า Bootstrap แต่ยังมีคุณสมบัติที่จำเป็นอยู่ครบครันเลยทีเดียว รวมถึงความสามารถในการทำ responsive design สำคัญเลยคือมันนำแนวทางจาก Google material desing มาค่อนข้างครบ การออกแบบจึงไม่ค่อยสาหัสสำหรับผมที่หัวศิลป์ไม่ค่อยมีครับ เพราะตัว material design มันสวยงามแบบเรขาคณิตของมันอยู่แล้ว การทุ่มเทจึงเน้นไปที่ทำให้ตัวเองไม่ขี้เกียจ เอ้ย! การเขียน CSS กับ Javascript ในการแสดงผลงานและตกแต่งมากกว่าครับ แน่นอนครับว่าแม้จะมีหลายอย่างที่มี library…

5 July 2015

web update 1 comment ราชศักดิ์ รักษ์กำเนิด