Nine Point Five เป็นเว็บไซต์แสดงตำแหน่งที่เคยเกิดแผ่นดินไหว แสดงในแบบ Fully 3D เป็นการใช้ความสามารถของ WebGL ที่เป็น 3D graphics API สำหรับ JavaScript ก่อนหน้านี้เคยเขียนถึงเว็บที่แสดงภาพแบบ 3D บนเว็บเหมือนกันคือ Google Body Browser ลองเล่นดูนะ ทั้งสองเว็บ แสดงภาพสามมิติได้อย่างสมบูรณ์แบบ และสามารถความคุมการแสดงผลจาก user ได้ดีอีกด้วย ต่อไปเว็บในลักษณะนี้น่าจะเพิ่มขึ้นเรื่อยๆ และทุกโปรแกรมเว็บบราวเซอร์ก็ต้องทยอยรองรับมาตรฐานใหม่เพิ่มขึ้นเรื่อยๆเช่นกัน
ป้ายกำกับ: javascript
Google DevFest Bangkok ช่วงที่ 3 (จบ)
Google DevFest Bangkok ช่วงที่ 1 กับ ช่วงที่ 2 ตามไปอ่านได้ตามลิงค์
ต่อไปเป็น ช่วงที่ 3 ตอนบ่าย เป็นตอนสุดท้าย มีการพูดถึง Social ก่อนที่จะมีการแบ่งห้อง codelab ออกตามความสนใจ ห้อง Android, Map API,Web Social, Chrome Extension ส่วนใหญ่คนอยู่ห้อง Android กันเต็มห้อง แต่ผมอยู่ที่ห้องกลาง เป็นห้อง Showcase โดย @sugree และ @kenggg
เริ่มบันทึก….
ตอนบ่ายเริ่มตอนบ่ายกว่าๆ
หัวข้อ The New Web Social โดย Timothy Jordan @timothyjordan แกมาในแนวร่าเริง พูดเร็ว แสดงท่าทางประกอบตลอด ดูสนุกสนาน หัวข้อหลักคือ Open Standard และ Google Buzz (ที่ไม่ค่อยมีคนใช้)
ดูสไลด์นำเสนอของเขาได้ที่ The-New-Social-Web-It-s-About-Open-Standards
คำถามว่าทำไม ต้อง Open Standard คำตอบคือ
Open Standard
- Simplify
- Interoperability
- Freedom
- Community
Open standard ที่เขาแนะนำ คือ
- OAuth คือ Open Authorization ดูรายละเอียดในเว็บเลยแล้วกัน https://oauth.net/
- Atom https://en.wikipedia.org/wiki/Atom_(standard)
- pubsubhubbub รูปแบบการเผยแพร่เนื้อหาแบบ Atom, RSS https://code.Google.com/p/pubsubhubbub/
- Salmon protocal https://www.salmon-protocol.org/
- Activitystreams https://activitystrea.ms/
Open standard มันอยู่ Google Buzz หมดแล้ว มีผลิตภัณฑ์ดีๆ ที่ไม่มีคนใช้
แล้วเริ่ม แบ่งห้องกันเข้าฟังตามความสนใจ ผมยังอยู่ห้องกลาง
เป็นการ showcase โปรแกรมบน Android ของ @sugree เพิ่งรู้ว่าเขามี App บน Market ตอนนี้ก็ 40 apps เข้าไปแล้ว สุดยอดจริงๆ
มีแนะนำโปรแกรมอยู่ 7 ตัว พร้อมแนะนำว่าเขียนขึ้นมายังไง ใช้เครื่องมืออะไรบ้าง และเหตุจูงใจ
เอาโค้ดมาให้ดูเลยว่าว่าเขียนประมาณไหน ใช้ API ตัวไหน
ตามไปดูสไลด์สั้นๆของเขาได้ที่ https://sugree.com/node/613
@kenggg มาโชว์วิธีการเขียน Chrome Extension เขาบอกว่ามันเขียนง่ายมาก คนที่ไม่เก่ง Javascript อย่างเขาก็เขียนมันขึ้นมาได้
Google Chrome Extension ที่เขาเขียนขึ้นมา ชื่อ QR Link มันจะเปลี่ยน URL หน้าที่เราเปิดอยู่ให้เป็น QR Code แล้วใช้มือถือแสกนไปอ่านต่อที่มือถือได้ ใครสนใจลองติดตั้งและใช้งานดูได้ ลิงค์นี้ครับ https://Chrome.Google.com
และต่อด้วยสัมภาษณ์พิเศษ
วิศวกรหญิง @nonglisa Facbook คนไทยที่ทำงานกับ Google และน้อง @lazier Facebook ที่ไปฝีกงานที่ Google คิดว่าคงสร้างแรงบันดาลใจให้น้องๆอีกหลายคน
ผมนั่งฟังอยู่แป๊ปหนึ่งจึงแวะไปดูที่ห้อง code lab
ห้องนี้คนแน่นมาก นั่งตามพื้นก็มี ปลั๊กไฟก็ไม่พอ แลดูจะพบว่าเหล่า Geek ทั้งหลายใช้ MacBook, ThinkPad, Dell เป็นส่วนใหญ่ ยี่ห้ออื่นแทบจะไม่เห็นเลย
ใช้ Nexus One รันโปรแกรม ทดสอบให้ดู คนสอนหน้าเด็กนึกว่าเด็ก ม.ปลายที่ไหนมาสอน
ห้อง Lab อื่นๆคนค่อนข้างน้อย ไม่ค่อยได้รับความสนใจมากนัก
ลิงค์ของ Building a Chrome Extension with HTML5 Technology https://kurrik.github.com/hackathons/
พักทานของว่างอีกครั้ง
ก่อนที่จะกลับมาที่ห้องประชุมใหญ่ อีกครั้ง
Alan Noble ขึ้นมาแนะนำ แนวคิดของผู้ที่อยากจะเป็นเจ้าของกิจการ มีอยู่ 7 ข้อ
- Do what you love
- Seek opportunities
- Meet lots of people
- Be prepared to make sacrifices
- The 3 “A” s; Audit,Admit,Adapt
- Get focused
- Have fun
https://techchomp.blogspot.com/2010/10/learnings-of-entrepreneur-bangkok.html
การพูดคุยกับคนที่สร้างบริษัทด้วยตนเอง จากซ้ายไปขวา @TonAwe ดำเนินรายการ @Jimmy_LIVE คุณหมอที่เปลี่ยนอาชีพมาเป็นโปรแกรมเมอร์เริ่มต้น ด้วยการเขียนโปรแกรมแจกฟรีก่อน จนคนที่ขายโปรแกรมต้องบอกให้หยุดแจก และร่วมทำธุรกิจร่วมกัน คุณหมอจิมมี่เคยทำธุรกิจกับ Chris Anderson (WIRED Editor) โอ้..สุดยอด
ดร.เจ ทำธุรกิจ VC (Venture Capital) ได้ใจความว่า เราควรทำอะไรที่มันขายได้ทั่วโลก ขายให้ฝรั่งก่อน ในไทยมีปัญหาหลายอย่าง เช่น เรื่องลิขสิทธิ์
@pawoot แนะนำว่า เราควรทำอะไรที่เพิ่มยอดขายให้ธุรกิจเขาได้ เขาจะยอมลงทุน และยอมจ่ายให้เรา
น้องวิศวะ ม.เกษตร จบใหม่ https://www.levelup.in.th ตอนนี้เปิดบริษัท ร่วมกับเพื่อน 4 คน ทำเกมบน facebook ที่เปิดให้คนเล่นทั่วโลก เจ้าของแนวคิด นับ 1..2..3.. แล้วทำเลย
……..
น้องมาแนะนำ Google Technology User Groups (GTUGs) หรือกลุ่มผู้ใช้ผลิตภัณฑ์ของ Google https://www.gtugs.org/
ช่วง Q&A ให้ speaker ทุกคนขึ้นเวที แล้วเปิดให้ถามคำถามตามใจ เท่าที่จำได้
- เรื่อง Amazon จะเปิด App Market สำหรับ Android คิดยังไงบ้าง >>เหมือนเขาจะไม่รู้เรื่องข่าวนี้
- เรื่องความปลอดภัยของโค้ดใน HTML5 ที่จะถูกก๊อปปี้ได้ง่ายไหม>>Web หรือ Web App ทำงานได้ มีองค์ประกอบหลายอย่าง ได้โค้ดไปอาจรันไม่ได้
- Chrome OS จะมาเมื่อไหร่ >> ไม่ทราบ
และเรื่องเทคนิคลึกๆ เหมือนคนจะสนใจเรื่อง Privacy เยอะเป็นพิเศษ
มีตอบปัญหาชิง Bean Bag ด้วย อยากได้บ้าง
สุดท้ายลิงค์ survey: https://goo.gl/KQFW
น้องอาสาสมัคร จากวิศวะ ม.เกษตร ที่เข้ามาช่วยจัดงาน ต้องปรบมือให้ครับ
จบแล้วสำหรับการบันทึกงานที่ถือว่า จัดได้เยี่ยมมากๆครับ
รวมภาพช่วงที่ 3 : https://picasaweb.Google.com/sarapukdee/GoogleDevFest3
Google DevFest Bangkok ช่วงที่ 2
ใครยังไม่ได้อ่าน Google DevFest Bangkok ช่วงที่ 1 ไปอ่านก่อน
หลังจากพักทานของว่าง ก็เริ่มช่วงที่สอง ช่วงพักผมอัพโหลดรูปช่วงแรกขึ้น Picasa เสร็จอย่างรวดเร็วเน็ตขาอัพโหลดเร็วมาก
เริ่มบันทึก…
หัวข้อ HTML5 in Chrome โดย Arne Roomann-Kurrik @kurrik
สไลด์ของเขาสามารถดูได้ที่ https://kurrik-slides.appspot.com/html5-techtalk/
Google Chrome มันเร็วและเสถียร คนใช้เยอะ เติบโตเร็ว พัฒนาเร็ว
Timeline ของ เว็บตั้งแต่ปี คศ.1990 ที่เกิด web pages ครั้งแรก จนถึงปัจจุบัน ยุคของ HTML5 แบบชัดตามไปดูใน slide ของเขา หรือในลิงค์อัลบั้มรูป ท้ายเรื่อง
HTML5 มีอะไรอยู่ภายในบ้าง Video, Notification, Fonts, CSS3, Storage, Canvas 2D, Sockets, Transforms, SVG, WebGL, Audio,Microdata ตอนพรีเซ็นต์กล่องต่างๆจะหล่นลงมา ทับกัน มีเปิดซ้ำให้ดูด้วย ชอบใจกันใหญ่
จากนั้นก็เริ่มสาธิต แต่ละ feature เห็นแล้วทึ่งไปเลย ไม่คิดว่ามันจะเทพขนาดนี้
เขียนรูปด้วย Canvas 2D
Canvas 3D แสดง Gallery แบบ 3 มิติ สวยงาม เท่ มาก
SVG ทำภาพตัวอักษร เป็นมุมตามต้องการ เลือกตาม line แล้วคลิกแปลข้อความได้เลย โชว์แปลเป็นภาษาไทยว่า ขอความนี้ตามบรรทัด
tag Audio และ Video ใส่ Effect ให้วีดีโอได้ด้วย ภาพในสไลด์เป็นวีดีโอนะครับ กับลังเล่นแต่ถูกหันออกเป็นชิ้นได้ อันสุดยอด ทุกคนปรบมือ
HTML5 มันติดต่อกับฐานข้อมูลได้ด้วย เจ๋งอ่ะ เลิกเขียน php ไปเลยดีไหม
ทำงานหลายอย่างพร้อมกันได้ โอ้แม่เจ้า
อันนี้ทุกคนปรบมือให้เลยครับ เป็นวีดีโอที่แตกเป็นลูกเต๋า แล้วหล่นตามแรงดน้มถ่วง ตรวจจับการเอียงโน๊ตบุค
อื่นๆ Drag&Drop, Transition, Transform ดูได้ที่ลิงค์ slide ด้านบน ขอบอกว่าประทับใจ
หัวข้อต่อไปเป็น Maps API on Mobile โดย Shawan Shen @sshen
สไลด์ของเขาดูได้ที่ https://www.slideshare.net/ss318/maps-api-onmobiledevfestbangkok
แนะนำ Google Maps APIs V3 ที่มีความสามารถเพิ่มมากขึ้น
เขาแนะนำให้ใช้ Javascript API กับ App ในมือถือ
Feature ด้วยรวมของ Map API V3 มีดังนี้
- Marker,Overlays,Controls
- Map Events
- Getting User’s Location
- Ajax & Callback Function
- Geocoding
- Geospatial Search
- Directions
Time ของ Maps Javascript API V3
สรุปโดยรวม เขาแนะนำให้นักพัฒนาให้ใช้ Embed Javascript Map กับ Native app ไม่รู้ในมุมของพัฒนาคิดยังไงกับเรื่องนี้
ก่อนจบช่วงที่ 2 มีการประชาสัมพันธุ์งาน Barcamp Bangkok ที่จะจัดในวันที่ 23-24 ตุลาคม นี้ ติดตามรายละเอียดได้ที่ https://www.barcampbangkok.org/
พักทานข้าวเที่ยง เขาเลี้ยงข้าวกล่อง อาหารอร่อยเลยทีเดียว และชมบูธของ HTC กับ Provision นิดหน่อย
รวมรูปในช่วงที่ 2 https://picasaweb.Google.com/sarapukdee/GoogleDevFest2