เมื่อผมไปฟังเสวนา Citizenfour : หนัง-คอมพ์-คน-พลเมืองดิจิตอล

สวัสดีครับ วันนี้ชมรม Documentary club Thai Netizen Network กับ 2600 Thailand จัดเสวนาในเรื่อง Citizenfour : หนัง-คอมพ์-คน-พลเมืองดิจิตอล ที่ SF World Cinema กรุงเทพฯ ครับ เป็นการพูดคุยกันในเรื่องราวของภาพยนตร์ Citizenfour, สิทธิเสรีภาพโดยเน้นไปถึงเสรีภาพการแสดงออกโดยไม่ระบุตัวและความเป็นส่วนตัวของปัจเจกบุคคลและการเข้ารหัสการสื่อสารในระบบอินเตอร์เน็ตครับ สำหรับบันทึกการเสวนานั้น จริงๆ ผมบันทึกเสียงไว้นะครับ แต่พอกลับมาเปิดดู คุณภาพเสียงแย่มาก ขอรอบันทึกเทปที่มีภาพด้วยจากทาง 2600 Thailand ก่อนนะครับ มีวิดิโอจากประชาไทยแล้วครับ แต่ถ้าใครมีความสามารถทนฟังเสียงได้ก็ขอเชิญรับฟังครับ ^-^” Part 1 Part 2 สำหรับเนื้อหาโดยสังเขปของการเสวนา มีดังต่อไปนี้ครับ ในด้านภาพยนต์ CItizenfour – ภาพยนต์เรื่อง Citizenfour นำประเด็นเรื่อง Computer&Cyber security และ Privacy ที่รุนแรงมาก เป็นข่าวใหญ่ที่มีคนได้รับผลกระทบเยอะมาก โดยใช้การเล่าถึงเบื้องหลังของกระบวนการจริงที่กว่าจะได้ออกมาเป็นการสัมภาษณ์กับ Edward Snowden…

Read More

Fullpage.js: เฮ! ได้ดั่งใจสั่งด้วย onleave และ YoutubeAPI

สวัสดีครับ หลังจากที่ทำหน้าประกาศผลค่าย Comcamp กันข้ามวันข้ามคืน ในที่สุดก็ทำจนเสร็จเรียบร้อยแล้ว ดีจมากครับที่หลายคนให้คำชื่นชมกันมาว่าสวย น่าใช้ สำหรับเรื่องที่จะนำเสนอวันนี้เป็น Gimmick เล็กๆ ที่ใส่ไว้ในหน้าประกาศว่าน้องติดค่าย คือส่วนก่อนหน้าจะเป็นส่วนล้อเลียน/แกล้งน้องกันก่อน แล้วพอลงมาหน้าล่างสุดก็เล่นวิดิโอแสดงความยินดี (นั่นคือที่มาของ เฮ! ขอหัวเรื่องนี้ครับ) โดยอัตโนมัตินั่นเอง ส่วนที่สำคัญในการทำตรงนี้มี 2 ส่วนครับ คือการเช็คว่าน้องเลื่อนมาหน้าล่างสุดแล้วหรือยัง กับส่วนที่ไปสั่งให้ Youtube เล่นตอนเลื่อนลงมาถึงและสั่งหยุดเมื่อเลื่อนพ้นหรือออกไปหน้าหลัก มาว่ากันที่ส่วนแรกก่อน ตาม Document ของ fullpage.js จะมีอีเวนต์ต่างๆ เช่นตอนที่เริ่มสร้าง element ตอนปรับขนาดหน้าจอ ส่วน event ที่เราจะใช้ก็คือ onLeave หรือตอนที่จะเลื่อน slide ไป slide อื่น จาก Code ที่ผมโชว์ให้เห็นตรงนี้ จะมี 3 parameters หลักๆ ก็คือเลขลำดับ slide ที่กำลังจะออก, เลขลำดับ slide ที่จะไปถึง…

Read More

Hello world, PHP on appspot!

สวัสดีครับ ช่วงนี้หายไปนานเลย ช่วงนี้มีกิจกรรมของภาควิชาเยอะมาก เลยไม่ได้มาอัพบทความสักเท่าไหร่เลย = =” ตอนนี้ผม (ทำระบบหลังบ้าน, PHP, JS) กับวิน (@winwanwon) (ทำหน้าบ้าน, HTML, CSS, JS, AngularJS) ช่วยกันทำเว็บค่าย Comcamp#27 กันอยู่ครับ ที่มาของการใช้งาน appspot ก็มาจากในหน้าประกาศผลการเข้าค่าย มันจะมี reChaptcha ให้ตรวจสอบว่าเป็นบอทรึเปล่า แล้วมันจะต้องมีการส่งค่าไปที่ Google ตามคู่มือนี้เพื่อพิสูจน์ทราบว่าเป็นรหัสจริง ไม่ได้โมเมเอา แต่เนื่องจากว่า server ของค่ายมันจำกัดการเชื่อมต่อจาก server ไปโลกภายนอก พอน้องๆ ส่ง reChaptcha มาเยอะๆ firewall มันจะบล็อกการเชื่อมต่อตัวหลังๆ ทำให้บางคนไม่สามารถเช็คผลได้ ผมก็เลยต้องใช้วิธิ “ยืมมือส่งสาร” ตามผังด้านล่างนี้ : จากภาพจะเห็นได้ว่าจะต้องมีการทำงานทั้งฝั่ง client คือยิง request ไปยัง server รองที่ทำหน้าที่ช่วยตรวจผลของ reChaptcha และฝั่ง server ย่อย…

Read More

เมื่อผมไปงาน Barcamp Bangkhen #5

Barcamp Bangkhane คืออัลไล การเดินทาง ก่อนเข้าไปฟัง เนื้อหาที่ได้จากการฟัง How Pantip.com handle multi-million users Part 2 ข้อดี-เสียของ Mongo DB ทำไม Pantip จึงเลือกใช้ MongoDB เป็นฐานข้อมูล เมื่อใดจึงควรเปลี่ยนมาใช้ MongoDB ตัวอย่างการใช้งานใน Pantip Q&A systemd – Linux init Thailand cyber attack by @icez Bandwidth ในประเทศไทย ประเภทการโจมตี Pretty Good Privacy (PGP) Academic website down by @sarunint วิทยุคลื่นสั้น การสื่อสารที่คนไทยลืม โดย Narongrit Wongpat List filter w/…

Read More

เมื่อผมไปดูงานที่ Soft Square

เมื่อวันพุธที่ผ่านมา ผมกับเพื่อนๆ อีก 60 คนไปดูงานที่ Soft Square group ที่เมืองเอก ปทุมธานีมาครับ บริษัทนี้เป็น Software house หรือบริษัทที่ทำหน้าที่ผลิตและดูแล software ที่ผลิตครับ เป็นบริษัทที่เริ่มก่อตั้งตั้งแต่ปี 1988 จากพนักงาน 3 คนตอนเริ่ม พัฒนาเป็น 40 คน เริ่มรับงานกับคาร์ฟู เริ่มโกอินเตอร์ จนกลายเป็นบริษัทใหญ่ขึ้นมาในที่สุด ในช่วงแรก เราได้ไปฟังบรรยายกับคุณราเมศว์ ผู้ก่อตั้งบริษัทฯ สิ่งที่ผมประทับใจอย่างหนึ่งจากการบรรยายคือวิทยากรท่านเล่าเรื่องน่าเบื่อได้อย่างน่าสนใจมากครับ อารมณ์ประมาณเดี่ยวไมโครโฟน (ต่างตรงที่มีแจกตังค์ด้วย แถมแจกทีหลักพันซะด้วย *0* ) ครับ คือเล่าประสบการณ์การทำงานและยก case study ที่เคยทำจริงมา ขอขอบคุณรูป slide จากอินทัช รูปบรรยากาศบริษัทจากกลุ่ม CPE111 (กลุ่มปิด)และ lecture บางส่วนจากสุทธิวัฒณ์ มา ณ ที่นี้ครับ สิ่งที่ได้จากการบรรยายครั้งนี้ มี 2 อย่างหลักๆ…

Read More

The project #3 : VPN -> Websocket & Hello Node.js

สวัสดีครับ หลังจากที่คราวที่แล้วเราได้ลองทำในส่วนของ Web server แล้ว สิ่งสำคัญในการจะทำให้ติดต่อกับเจ้า RaspberryPi ที่เป็น module ในบ้านได้ ก็ต้องสร้างการเชื่อมต่อขึ้นมาครับ ในคราวแรก กลุ่มเรากะจะให้  เป็น server แล้วให้ server ใหญ่ยิงคำสั่งการทำงานของระบบไฟฟ้ากลับไปที่ RaspberryPi ประมาณนี้ครับ ปัญหามันมีอยู่ว่า ในการใช้งานจริง IP ที่จะใช้ในการติดต่อนั้นถูกเปลี่ยนแปลงไปตามการจ่าย IP ของแต่ละ ISP ที่ผู้ใช้มี วิธีหนึ่งที่จะทำให้สามารถติดต่อกันผ่านแนวคิดนี้ได้ก็คือการทำ VPN ครับ เจ้า VPN นั้นถ้าพูดให้กระชับมันคือการสร้างเครือข่ายเสมือนว่าอยู่ในเครือข่ายเดียวกันโดยการสร้างช่องทาง (บางทีก็เรียกว่าท่อ) เพิ่มขึ้นมาโดยอาศัยช่องทางปกติที่ใช้กันอยู่เช่น internet เป็นต้น (ถ้าคนที่ชอบเล่นเกมส์ออนไลน์ฝั่งญี่ปุ่นหรืออเมริกาคงคุ้นเคยกันดี) ซึ่งในการทดลองสร้างนั้น เราได้ทำตามวิธีการที่ Digital Ocean แนะนำมา โดยการใช้ pptp สร้าง VPN จำลองขึ้นมา Post by Siriwat Limwattana. Post by Siriwat Limwattana…

Read More

CPE111 : (Crazy) Computer graphic

วันนี้ผมมีเรียนเรื่อง Computer Graphic ครับ อาจจะคิด(ทีแรกผมก็คิดว่า)คงเรียนพวกการปั้น 3D model การทำ effect หรือ animation อะไรทำนองนั้น แต่จริงๆ ที่ได้เรียน คือทฤษฎีพื้นฐานการสร้างภาพวัตถุ polygon ด้วย GLUT ครับ ก็มีทั้งที่เป็นการเลื่อน การย่อ ขยาย และหมุนวัตถุครับ ใครที่อยากลองทำ Download lab sheet ไปทำดูครับ สิ่งที่ยาก ไม่ใช่ขั้นตอนการทำหรอกครับ เพราะมันมีขั้นตอนที่แน่นอนอยู่แล้ว แต่จะยากตรงที่ปัญหาการใช้และเขียนบน C หรือ C++ มากกว่า เพราะอย่างที่หลายๆ ท่านคงทราบในภาษา C การจะทำงานที่เป็นอาเรย์อะไรก็ตามก็ต้องมีการสร้าง array  เสร็จ รับค่ามาก็ต้องเอามาเข้าสมการเพื่อหาจุดศูนย์กลางหรือ centroid เอาไว้อ้างอิง เวลาจะหมุน ก็ต้องแปลงค่าจากองศาเป็นเรเดียนแถมแปลงจาก CCW หรือทวนเข็มนาฬิกา (นึกถึงวงกลมหนึ่งหน่วยดูครับ เวลาเพิ่มขนาดมุมก็จะหมุนไปทางซ้าย) ให้เป็นตามเข็มนาฬิกาหรือ CW โดยการคูณ -1 ไปในขนาดมุม…

Read More

เมื่อผมไปฟัง #กสยฟพทสตจ เอ้ย! #khajochi บรรยายเรื่อง Software engineering (‘s life)

เมื่อวันก่อน SIT ของมหาวิทยาลัยฯ เขาเชิญคุณ กสยฟพทสตจ เอ้ย! คุณขจร หรือที่มักรู้จักกันในชื่อว่า Khajochi Blogger และ Founder ของ Macthai.com มาบรรยายในเรื่องของ software engineering ครับ ผมกับเพื่อนผม ด้วยความที่อยากเจอะเจอและฟังประสบการณ์ด้านนี้อยู่แล้ว ก็เลยไปฟังกันครับ สิ่งที่ผมประทับใจอย่างแรกเมื่อมาฟังบรรยายครั้งนี้ คือนอกจากเขาจะแจกของที่ระลึกอย่างโปสการ์ดนางแบบของ Macthai.com (สาวแว่นสุดยอด! \(>_<)/ #ผิด) และ Quote บุคคลสำคัญใน Apple (มีโควตหนึ่งที่ฮามาก คือเค้าโควตคำของ Jony Ive ว่า “Aluminum!” ด้วย แหม่…) แล้ว เค้ายังแจกปากกาด้วยครับ ซึ่งปกติ (ที่ผมเคยเจอ) ไม่ค่อยได้เห็นนะครับ ซึ่งถือเป็นเรื่องที่ดี เพราะพอเข้าไปจริงๆ แล้ว แม้มือถือจะจดอะไรได้สารพัดสารพัน แต่สำหรับผม ปากกาลูกลื่นกับกระดาษยังไงก็เร็วกว่าครับ หลังจากลงทะเบียนเสร็จเรียบร้อยแล้ว ไม่นานคุณขจรฯ (ต่อไปในโพสต์นี้จะเรียกว่า “พี่” เข้าใจตรงกันนะครัช) ก็เข้ามาทักทายผู้มาฟังฯ และก่อนจะเริ่มบรรยาย พี่ก็อนุญาตให้เล่นมือถือได้…

Read More

The project #2 : Web server with Arduino & New Control Board!

สวัสดีครับท่านผู้อ่าน จากตอนที่แล้วที่บอกว่าจะมาพูดถึงการทำงานของระบบ เผอิญว่าสัปดาห์นี้ CPE111 มีสอนทำ mini web server และควบคุมสัญญาณไฟฟ้าด้วย Arduino ก็เลยจะมาพูดถึงเรื่องนี้กันนะครับ โครงงานของเรา ส่วนประกอบ (และฟีเจอร์) หนึ่งที่สำคัญคือการรับคำสั่งผ่านระบบ internet ทำให้ต้องใช้ Web server  เข้ามาเพื่อรับค่าจากผู้ใช้ผ่าน Web app หรืออื่นๆ แล้วสั่งการจากบอร์ดไปยังเครื่องใช้ไฟฟ้าครับ /* Web Server http://arduino.cc/en/Reference/Ethernet http://arduino.cc/en/Tutorial/WebServer http://startingelectronics.com/tutorials/arduino/ethernet-shield-web-server-tutorial/basic-web-server/ A simple web server that shows the value of the analog input pins. using an Arduino Wiznet Ethernet shield. Circuit: * Ethernet shield attached to…

Read More

ITPCC.NET update : Theme v.1.0

สวัสดีครับ วันนี้เว็บไซต์ก็อัพเดตธีมเสร็จสักที 😀 (นี่ถ้าไม่ใช่เพราะต้องใช้ทำงานนี่ไม่ทำหรอก = =”) และก็ได้ฤกษ์รันเลข 1.0 ในธีมเวอร์ชันนี้อย่างเป็นทางการ สำหรับธีมอันนี้ผมใช้การสร้าง child theme จากธีม Duena ขึ้นมา แล้วเพิ่ม เปลี่ยน Font หัวเรื่องในเนื้อหาเป็น Thaisans neue 1.0 เพิ่ม Logo web เมื่อท่านชี้เมาส์ไว้บนชื่อเว็บ หรือเมื่อชมผ่านอุปกรณ์พกพา ใน Section CPE111 ผมใส่  logo KMUTT++ ไว้ ใส่แถบสีที่หัวเรื่องและเพิ่มเงาเวลาที่เอาเมาส์ชี้ที่กล่องบทความ แก้ไขนิดๆ หน่อยๆ ฯลฯ ถ้ามีปัญหาในการใช้งาน หรือแนะนำติชม ก็แจ้งมาได้ที่ contact นะครับ 😉…

Read More