Tags:
Node Thumbnail

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

สร้างโปรเจกต์ใหม่

แอพลิเคชันส่วนใหญ่มักจะมีหลายหน้าจอ รวมถึงแอพลิเคชันที่เรากำลังจะสร้างด้วย เพื่อความง่ายเราจะสร้างแอพลิเคชันจากเทมเพลตที่ Visual Studio เตรียมไว้ให้เลย ดังนี้

Tags:
Node Thumbnail

ถ้ายังจำกันได้ Mark Zuckerberg ในตอนแรกนั้นเชื่อมั่นใน HTML5 จนหยิบมาทำแอพเพื่อใช้ในทุกแพลตฟอร์ม แต่ท้ายที่สุดก็ยอมรับว่ามีปัญหาเรื่องประสิทธิภาพ และเปลี่ยนไปทำแอพด้วย native แทน

จากเหตุการณ์ดังกล่าว Sencha ผู้ให้บริการเครื่องมือ และเฟรมเวิร์คสำหรับพัฒนา HTML5 เห็นต่างว่า HTML5 น่าจะทำได้ดีกว่านั้น จึงทำการทดลองเขียนแอพ Facebook ด้วย HTML5 ในชื่อ Fastbook แล้วจับมาเทียบกับกับแอพ Facebook ที่เขียนด้วย native ทั้งบน iOS และ Android

Tags:
Node Thumbnail

W3C ผู้ดูแลมาตรฐานวงการเว็บ ปรับสถานะของมาตรฐาน HTML5 และ Canvas 2D เป็น "candidate recommendation" หรือ "ร่างฉบับก่อนสมบูรณ์" เรียบร้อยแล้ว

candidate recommendation ในที่นี้แปลว่า HTML 5.0 จะไม่มีฟีเจอร์เพิ่มจากนี้แล้ว และงานที่เหลือจะเป็นการเก็บบั๊กให้มาตรฐานออกมาสมบูรณ์ต่อไป ทางคณะทำงานของ W3C ประเมินว่า HTML 5.0 จะเปลี่ยนสถานะจาก candidate recommendation เป็น recommendation (มาตรฐานจริง) ช่วงกลางปี 2014 หรืออีก 1 ปีครึ่งนับจากนี้

Tags:
Node Thumbnail

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

Wikipedia เริ่มโครงการวิดีโอมาตั้งแต่ปี 2008 โดยความร่วมมือจาก Kaltura และ Google แต่เป็นเพราะปัญหาจากการพัฒนาระบบพื้นฐานและการเปลี่ยนตัวของบุคลากรที่เกี่ยวข้องจึงทำให้แผนงานนี้ล่าช้ามากว่า 4 ปี จนล่าสุดจึงสำเร็จเป็น Kaltura Player ที่ใช้งานสำหรับ Wikipedia ในครั้งนี้

Tags:
Node Thumbnail

หลังจากที่เมื่อหลายปีก่อน Nintendo Wii เปิดตัวมาพร้อมกับ Browser ปรับแต่งโดยใช้แกนกลางของ Opera ซึ่งนั่นเป็นการเปิดโลก Internet Browsing ครั้งแรกบนเครื่องคอนโซล เมื่อมาถึงยุคของ Wii U นินเทนโดก็ได้เปิดเผยรายละเอียดถึงเบื้องลึกของเบราว์เซอร์ที่จะใช้ใน Wii U ออกมาแล้วเช่นกันครับ

Tags:
Node Thumbnail

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

ผู้ใช้สามารถอัพโหลด, ค้นหา, แสดงความเห็น, แชร์, ติดแท็กเอกสาร และแก้ไขเอกสารได้โดยตรงผ่านทาง Box Embed ในขณะอยู่บนเว็บไซต์

นอกจากนี้ Box ยังร่วมมือกับผู้ผลิตซอฟต์แวร์รายใหญ่อย่าง Concur, Cornerstone OnDemand, DocuSign, Eloqua, FuzeBox, Jive, NetSuite, Oracle, SugarCRM และ Zendesk เพื่อนำ Box Embed ไปฝังรวมไว้ในแอพพลิเคชันด้วย ทำให้ผู้ใช้งานสามารถเข้าถึงฟังก์ชันต่างๆ ของ Box ได้โดยไม่ต้องเสียเวลาสลับหน้าจอมายังแอพพลิเคชันหลักของ Box แต่อย่างใด

Tags:
Node Thumbnail

บริษัทไอทีหลายแห่ง ได้แก่ Adobe, Apple, Facebook, Google, HP, Microsoft, Mozilla, Nokia, Opera ประกาศจับมือตั้ง [Web Platform Docs](http://www.webplatform.org/) เว็บไซต์กลางสำหรับรวบรวมเอกสารที่เกี่ยวกับ HTML5

เว็บไซต์นี้จะใช้เอนจินคล้ายๆ Wiki โดยนำข้อมูล เนื้อหา เอกสาร คู่มือ ฯลฯ ที่เกี่ยวกับการพัฒนาเว็บไซต์ด้วย HTML5 และ CSS ของบริษัทต่างๆ ที่กระจัดกระจายอยู่ตามเว็บไซต์ของบริษัทนั้นๆ (เช่น MSDN ของไมโครซอฟท์ หรือ MDN ของ Mozilla) มาไว้ที่เดียวกัน เพื่อให้ง่ายต่อนักพัฒนาในการค้นหาข้อมูล

ตอนนี้ส่วนของเอกสารยังเพิ่งเริ่มต้น ต้องรอสมาชิกนำเอกสารของตัวเองเข้ามายังเว็บนี้ก่อนจึงจะเริ่มเห็นผลลัพธ์ครับ สุดท้ายแล้วเราคงได้แหล่งข้อมูลดีๆ สำหรับการพัฒนาเว็บอีกแห่งหนึ่ง

Tags:
Node Thumbnail

กลุ่มบริษัทที่เกี่ยวข้องกับมาตรฐานเว็บได้แก่ กูเกิล, อโดบี, แอปเปิล, ไมโครซอฟท์, โอเปร่า, มอซซิลล่า, และโนเกีย รวมตัวกันผ่านองค์กรออกมาตรฐานเว็บ W3C สร้างเว็บใหม่ในชื่อ WebPlatform.org เพื่อสร้างเนื้อหาที่ทันต่อมาตรฐานเว็บ

WebPlatform ไม่ได้ก่อตั้งขึ้นเพื่อออกมาตรฐานใหม่เหมือน WHATWG ที่เป็นการรวมตัวกันเพื่อสร้างมาตรฐานเสนอเข้าไปยัง W3C ตรงๆ แต่ WebPlatform จะมีไว้เพื่อให้บริษัทต่างๆ และคนที่สนใจช่วยกันสร้างเนื้อหา, บทเรียน, ตัวอย่างโค้ด, และตอบปัญหาในฟอรั่ม เพื่อเปิดโอกาสให้นักพัฒนาสามารถใช้ฟีเจอร์ใหม่ๆ ในมาตรฐานได้อย่างเต็มที่

Tags:
Node Thumbnail

หลังจากที่ Adobe ถูกตั้งคำถามซ้ำแล้วซ้ำอีกมานานว่า ไม่ใช้ Flash แล้วจะทำอย่างไรต่อ วันนี้ Adobe มีคำตอบกับชาวโลกแล้วว่าเราจะใช้ HTML5 ผ่านเครื่องมือพัฒนาเว็บและแอพชุดใหม่ Adobe Edge

Adobe Edge ประกอบด้วยเครื่องมือในชุดจำนวน 7 ตัวดังนี้

Tags:
Node Thumbnail

W3C เสนอแก้ปัญหาเรื่องความเข้ากันได้ของมาตรฐาน HTML5 ที่ยังไม่ลงตัวสักที โดยเตรียมแผนการแบ่งเป็นรุ่นเสถียรและรุ่นไม่เสถียร ออกตามกำหนดเวลา (แบบเดียวกับ Ubuntu/Chrome/Firefox) ดังนี้

Tags:
Node Thumbnail

วันที่สองของ IDF 2012 อินเทลประกาศแนวทางซอฟต์แวร์ของบริษัทด้วยการประกาศลงทุนกับ HTML5 ต่อเนื่อง โดย River Trail หรือ Parallel JS ที่อินเทลพัฒนาให้จาวาสคริปต์สามารถทำงานแบบขนานผ่าน OpenCL ได้จะรวมเข้าเป็นฟีเจอร์พื้นฐานของไฟร์ฟอกซ์ในที่สุด (ไม่ระบุกำหนดเวลา)

อินเทลประกาศว่าตอนนี้กำลังสร้างเครื่องมือให้นักพัฒนาสามารถพัฒนาแอพพลิเคชั่นผ่าน HTML5 เพื่อรันได้บนหลายแพลตฟอร์ม แต่จะเปิดตัวจริงในไตรมาสที่สี่ของปีนี้

ทางฝั่ง McAfee ก็ขึ้นเวทีนี้เพื่อเปิดตัวระบบป้องกันการขโมย McAfee Anti Theft สำหรับการป้องกันข้อมูลในกรณีเครื่องสูญหาย

Tags:
Node Thumbnail

Mark Zuckerberg ไปขึ้นเวทีงานสัมมนา Disrupt ที่จัดโดยเว็บไซต์ TechCrunch มีประเด็นที่น่าสนใจมากมาย ขอแยกเป็นข่าวๆ ไปเพื่อไม่ให้ปนกันครับ

เรื่องที่หลายคนสนใจคงเป็นแอพมือถือของ Facebook ที่บริษัทเองยอมรับว่ามีประสิทธิภาพต่ำ และแก้เกมโดยพัฒนาแอพใหม่บน iOS ที่เขียนด้วย Objective-C ซึ่งพัฒนาขึ้นจากเดิมมากในแง่ความเร็ว

Tags:
Node Thumbnail

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

Tags:
Node Thumbnail

กระบวนการพัฒนา HTML5 นั้นซับซ้อนและเต็มไปด้วยการเมืองระหว่างองค์กร ถึงแม้ W3C จะมีหน้าที่รับผิดชอบการพัฒนาเทคโนโลยี HTML อย่างเป็นทางการ แต่ความล่าช้าของ W3C หลังพัฒนา HTML4 ทำให้ตัวแทนของบริษัทไอทีรายใหญ่ๆ เช่น แอปเปิล โอเปร่า มอซซิลลา รวมตัวกันเป็นกลุ่ม WHATWG (Web Hypertext Application Technology Working Group) พัฒนาสเปกของ HTML5 กันไปก่อน

เมื่อ HTML5 เริ่มติดตลาด ทาง W3C จึงเข้ามาเป็นองค์กรรับรองมาตรฐาน HTML5 โดยมี WHATWG ทำงานคู่ขนานกันไปอีกขั้นหนึ่งในฐานะคณะกรรมการย่อยของ W3C

Tags:
Node Thumbnail

การอัพเกรด Chrome รอบล่าสุด (ที่คงไม่มีใครนับเลขเวอร์ชั่นแล้ว) ดันเอาฟีเจอร์จากรุ่นพัฒนามาเป็นรุ่นเบต้าหลายอย่าง แต่ที่น่าจับตามองที่สุดคือ getUserMedia API ที่เป็นส่วนหนึ่งของมาตรฐาน WebRTC มันทำให้เบราว์เซอร์สามารถเข้าถึงไมโครโฟนและกล้องเว็บแคมของคอมพิวเตอร์ได้

WebRTC นั้นถูกวางมาให้เป็นมาตรฐานที่เราจะใช้เบราว์เซอร์และเว็บแอพพลิเคชันเพื่อการโทรศัพท์หรือคุยแบบวิดีโอโดยไม่ต้องใช้โปรแกรมหรือปลั๊กอินเพิ่มเติม นอกจากมาตรฐานส่วนการเข้าถึงกล้องและไมโครโฟนแล้ว ยังมีมาตรฐานส่วน PeerConnection ที่เปิดให้เบราว์เซอร์สามารถเชื่อมต่อกันตรงๆ ได้อีกด้วย มาตรฐานทั้งหมดนั้นใน Chrome รุ่น Dev มีการพัฒนาไปแล้วแต่ยังไม่เปิดใช้งานเป็นค่าเริ่มต้น

Tags:
Node Thumbnail

หลังจาก Chrome for Android พ้นสถานะ beta ไปแล้ว กูเกิลก็เปิดตัว Chrome Experiments รุ่นมือถือ สำหรับทดสอบ HTML5 หนักๆ จาก Chrome for Android แล้ว หลังจากก่อนหน้านี้มีแต่รุ่นเดสก์ท็อปมานาน

ใครที่ใช้ ICS และโหลด Chrome มาเรียบร้อยแล้ว ไปลองกันได้ที่ Chrome Experiments กันได้เลยครับ

...อย่าลืมว่าเครื่องต้องแรงระดับนึงด้วยนะ เดี๋ยวจะค้างเอา

ที่มา - The Next Web

Tags:
Node Thumbnail

การเขียนโปรแกรมแบบลาก-วาง (drag and drop) นั้นมีมานานแล้วแต่รอบนี้กูเกิลออกมาทำเองเลยเป็นข่าวใหญ่สักหน่อย โดย Google Blockly เป็นภาษาเขียนโปรแกรมค่อนข้างเต้มรูปแบบ แต่ทำงานที่ทำงานบนเว็บได้ทั้งหมด โดยไม่ต้องเขียนโค้ดเลยแม้แต่บรรทัดเดียว

ระบบพัฒนารูปแบบคล้ายๆ กันนี้เราคงเคยเห็นใน App Inventor กันมาก่อนแล้ว แต่ Blockly ทำงานบนเว็บจริงๆ โดยไม่ต้องใช้แอ็บเพล็ต เทคโนโลยีทั้งหมดเป็น SVG และจาวาสคริปต์ แถมยังแปลงโค้ดเป็น Dart และ Python ได้ด้วย

Tags:
Node Thumbnail

Spaceport.io แพลตฟอร์มพัฒนาเกมบนมือถือ ออกเบนช์มาร์ควัดความเร็วของเกมที่สร้างด้วย HTML5 ชื่อว่า Perfmarks และเผยแพร่ผลการทดสอบของอุปกรณ์ต่างๆ

ผลที่ได้คือ HTML5 บนเบราว์เซอร์พกพายังมีประสิทธิภาพน้อยมาก และเมื่อทดสอบเทียบกับคอมพิวเตอร์ (MacBook Pro) แล้ว ค่าเฉลี่ยพบว่าประสิทธิภาพด้อยกว่ากันถึง 889 เท่าตัว ส่วนอุปกรณ์พกพาที่มีประสิทธิภาพดีที่สุดคือ Safari บน iPhone 4S ซึ่งยังด้อยกว่าคอมพิวเตอร์อยู่ 6 เท่าตัว

Tags:
Topics: 
Node Thumbnail

แอพพลิเคชั่นออกแบบเว็บตัวใหม่ที่แทรกเข้ามาใน Creative Cloud คือ Muse ที่เป็นโปรแกรมออกแบบเว็บแบบเดียวกับ InDesign แต่ใช้กับเว็บ โดยดูจะเหมาะกับเว็บที่เนื้อหาแบบไม่ได้อัพเดตบ่อยๆ มากกว่า แต่ก่อนหน้านี้มันอยู่ในฐานะของแถมกับการสมัคร Creative Cloud ชุดใหญ่ โดยไม่มีทางเลือกให้เช่าใช้แยกเฉพาะ

วันนี้ทางอะโดบีก็ประกาศให้ Muse ออกจากสถานะเบต้า มาเป็นสินค้าแยกเฉพาะแล้ว โดยจะเริ่มให้สมัครใช้งานได้ตั้งแต่วันที่ 15 มิถุนายนที่จะถึงนี้ มีทางเลือกให้สามทาง คือ สมัครรายปีจ่ายเดือนละ 14.99 ดอลลาร์, สมัครเดือนต่อเดือน 24.99 ดอลลาร์, และสมัคร Creative Cloud จะใช้งานได้ในชุดเช่นเดิม

ที่มา - Adobe Blog

Tags:
Node Thumbnail

กูเกิลเปิดตัวเกมใหม่ชื่อ Cube เกมบนเว็บที่สร้างด้วย HTML5

แนวทางการเล่นจะเป็นเกมเอียงถาด (ด้วยเมาส์) เพื่อให้ลูกเหล็กไหลไปมา เพียงแต่จุดที่โดดเด่นคือฉากแต่ละฉากเป็นแผนที่จาก Google Maps นั่นเอง จุดหมายของเกมนี้คือแนะนำฟีเจอร์ต่างๆ ของ Google Maps เช่น เส้นทางจักรยาน เส้นทางรถใต้ดิน รายการสภาพจราจร เป็นต้น

เกมมีทั้งหมด 8 ด่าน สถิติดีที่สุดที่มีคนทำไว้คือ 2 นาที 45 วินาทีครับ

ที่มา - Fusible

Tags:
Node Thumbnail

มาตรฐาน WebRTC แม้จะยังไม่เรียบร้อยดี แต่ทั้งไฟร์ฟอกซ์และโครมก็รองรับกันแล้วทั้งคู่ และที่งานประชุม IETF 83 (งานเดียวกับที่คนร่วมงานไปแก้ Wi-Fi ให้โรงแรม) ทางมอซซิลล่าก็สาธิตการประชุมวิดีโอบนเว็บผ่าน WebRTC

นอกจาก WebRTC แล้วทางมอซซิลล่ายังสาธิตการล็อกอินด้วย BrowserID ที่มอซซิลล่ากำลังผลักดันเข้าเป็นมาตรฐานอยู่ด้วย

ถึงตอนนี้คงเริ่มชัดเจนว่า WebRTC นั้นจะรองรับจากเบราว์เซอร์หลักทั้งสองตัว คงเหลือ WebKit ที่ยังไม่แสดงตัวว่าจะรับมาตรฐานนี้หรือไม่

ที่มา - Mozilla

Tags:
Node Thumbnail

ความสามารถอย่างหนึ่งที่น่าจับตามองของ HTML5 คือ <canvas> ที่จะทำการวาดภาพแบบ raster ขึ้นมาในกรอบที่กำหนด ความได้เปรียบของมันคือคำสั่งวาดทั้งหมดอยู่บน JavaScript ทำให้สามารถใช้ร่วมกับ setInterval เพื่อสร้างภาพเคลื่อนไหวได้อย่างง่ายดาย

แต่เนื่องจากว่า <canvas> ยังเป็นอะไรที่ใหม่มาก ทาง WHATWG ก็ได้อัพเดตความสามารถบางอย่างของมัน โดยความสามารถที่เพิ่มเข้ามารอบนี้เป็นของ canvas 2D เช่น

Tags:
Node Thumbnail

Telenav ผู้ให้บริการระบบนำทางด้วย GPS รายใหญ่ของโลก มีแอพนำทางบนมือถือชื่อ Scout สำหรับการใช้งานบุคคล (ไม่เน้นขับรถ เน้นข้อมูลสถานที่และร้านค้า) อยู่ก่อนแล้ว

ล่าสุด Telenav เปิด API ของ Scout ให้นักพัฒนาที่ต้องการฝังระบบนำทาง GPS ลงในเว็บหรือแอพของตัวเอง (เช่น พวกแอพท่องเที่ยวหรือร้านอาหารที่ปกติฝังแผนที่ Google Maps อยู่แล้ว) สามารถใช้ระบบของ Scout ได้โดยไม่ต้องทำเอง

บริการนี้ชื่อว่า Scout for Apps มันเป็น HTML5 ที่ใช้ได้กับทั้งเว็บไซต์ และแอพบน iOS 4.0+/Android 2.1+

Tags:
Node Thumbnail

Mozilla เปิดตัวเกม BrowserQuest เกม action-RPG ที่เล่นออนไลน์แบบ MMO ได้ (รูปแบบเกมจะคล้ายๆ พวก Zelda ภาคแรกๆ) ที่น่าสนใจคือมันถูกสร้างขึ้นด้วยเทคโนโลยี HTML5 ทั้งหมด

เกมนี้ไม่ใช่เกมซีเรียสจริงจัง (แต่ก็เล่นได้เยอะพอสมควร) แต่เป็นเหมือนเดโมโชว์ความสามารถของ HTML5 มากกว่า ตัวกราฟิก 2 มิติสร้างด้วย Canvas, จัดการกับแผนที่ขนาดใหญ่ไม่ให้กระตุกด้วย Web workers, เก็บข้อมูลตัวละครไว้ในเครื่องของเราผ่าน localStorage, ขยายขนาดเกมตามหน้าจอด้วย CSS3 Media Queries, เพลงในเกมใช้ HTML5 audio และที่น่าสนใจคือมันสื่อสารกับเซิร์ฟเวอร์ของ Mozilla ด้วย WebSockets เพื่อความรวดเร็ว

Tags:
Node Thumbnail

ความพ่ายแพ้ของ Flash ที่แพ้ให้กับ HTML5 ทำให้อโดบีหันหัวกลับมาเป็นผู้พัฒนามาตรฐาน HTML5 รายใหญ่เสียเอง โดยความพยายามของอโดบีในตอนนี้คือการเสนอมาตรฐาน CSS ให้สามารถจัดหน้าได้เหมือนการจัดหน้าในนิตยสาร

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

Pages