HTML5Thailand การแข่งขันออกแบบเว็บไซต์ด้วย HTML5

by mk
24 January 2012 - 15:24

การแข่งขันออกแบบเว็บไซต์ด้วย HTML5 เต็มรูปแบบ จัดโดยไมโครซอฟท์ประเทศไทย ร่วมกับการท่องเที่ยวแห่งประเทศไทย (ดังนั้นหัวข้อของเว็บที่แข่งจึงเป็นเรื่องการท่องเที่ยว) งานนี้ Blognone ร่วมเป็นสปอนเซอร์ด้วย และผมก็เป็นหนึ่งในกรรมการตัดสินด้วย (ใครจะล็อบบี้ก็รีบๆ นะครับ :P)

การแข่งขันครั้งนี้จะรวมเอาเทคโนโลยีการออกแบบเว็บสมัยใหม่มาไว้ครบถ้วน ตั้งแต่ HTML5 เพียวๆ ห้ามใช้ Flash, ให้เลือกใช้ JavaScript Library ยอดนิยม, การออกแบบแนว responsive เวอร์ชันเดียวแสดงได้ทุกหน้าจอ, ทดสอบกับเบราว์เซอร์ใหม่ล่าสุดเท่านั้น ฯลฯ

รายละเอียดทั้งหมดดูได้จาก HTML5Thailand หรือ Facebook Group: HTML5 Developers Thailand

ข้อมูลที่เหลือก็ลอกมาจากในเว็บเลยนะครับ

ชื่อหัวข้อการแข่งขัน “Travel Thailand, Bring Back the Land Of Smile”

ในปัจจุบัน website ถือได้ว่าเป็นการใช้งานหลักของผู้ใช้ Internet ทั่วโลก และมี website อยู่มากมายไม่ว่าจะในประเทศไทย หรือต่างประเทศ และทุกวันนี้อุปกรณ์ที่ใช้สำหรับเปิด website และเข้าถึง Internet ก็มีความหลากหลายมากขึ้น ไม่ว่าจะเป็นเครื่อง PC Laptop Slate iPad Tab หรือแม้กระทั้ง การใช้งานผ่านโทรศัพท์มือถือ Smartphone รุ่นต่างๆ ซึ่งมีขนาดของหน้าจอ และความละเอียดหน้าจอที่แตกต่างกันออกไป

เมื่อผู้ใช้ Internet ใช้อุปกรณ์ที่มีขนาดหน้าจอที่แตกต่างกันออกไปเช่นนี้ ในการเปิดดู website ซึ่งถูกออกแบบมาให้เหมาะสมสำหรับหน้าจอบางขนาด หรือบางประเภทเท่านั้น ทำให้เกิดความไม่สะดวกในการดู website และยิ่งไปกว่านั้น อุปกรณ์บางชนิด ก็ไม่รองรับ การออกแบบ website และการใช้ plug-in ของ web browser บางประเภท อาทิเช่น Flash และ Silverlight เป็นต้น ทำให้ผู้ใช้ ไม่สามารถเห็น website ได้สมบูรณ์ เหมาะสมตามที่ควรจะเป็น ด้วยเทคโนโลยีของ HTML5 ซึ่งเป็น ภาษาการเขียน web เวอร์ชั่นล่าสุด ที่จะเพิ่มศักยภาพให้ผู้ออกแบบและพัฒนา website ให้สามารถสร้าง web ที่เหมาะสมสำหรับอุปกรณ์ทุกประเภท ทุกขนาดหน้าจอ ทุกความละเอียดได้ ซึ่งเป็นความรู้ และเทคโนโลยีใหม่ ที่คนไทยยังรู้จักและมีความรู้กันน้อย ในขณะที่นักออกแบบและพัฒนา web ในประเทศอื่นๆทั่วประเทศที่มีความก้าวหน้าด้าน IT ได้ตื่นตัวและเริ่มพัฒนาทักษะกันแล้ว

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

“Travel Thailand, Bring Back the Land Of Smile” คือ การแข่งขันการออกแบบ website ในรูปแบบใหม่ๆ

  • ด้วย HTML5 CSS3 และ JavaScript
  • ให้เหมาะสมสำหรับการดูจากหลากหลายขนาดหน้าจอ จากหน้าจอขนาดเล็กเช่นโทรศัพท์มือถือ ไปจนถึงจอขนาดใหญ่เช่น wide screen ในหน้า web เดียว
  • ให้เป็นมาตรฐาน สามารถเปิดดูได้จาก browser หลัก ไม่ว่าจะเป็น IE Chrome FireFox และ Safari

วัตถุประสงค์

  • สร้างความมั่นใจให้นักท่องเที่ยวในการเที่ยวประเทศไทยหลังจากภาวะประสบเหตุอุทกภัย
  • สร้างความตื่นตัวและพัฒนาทักษะด้าน IT ในการใช้ HTML5 ตามแบบมาตรฐาน ซึ่งจะเป็นมาตรฐานหลักในการสร้างโลก online ในอนาคต

ข้อกำหนดการแข่งขัน "Travel Thailand, Bring Back the Land Of Smile"

ผู้เข้าแข่งขันจะต้อง ออกแบบและพัฒนาเว๊บไซค์ ภายใต้หัวข้อ “Travel Thailand, Bring Back the Land Of Smile” โดยมีเนื้อหาเกี่ยวกับสถานที่ท่องเที่ยวในประเทศไทย เช่น สถานที่ท่องเที่ยวตามธรรมชาติ ร้านอาหาร กิจกรรมการท่องเที่ยว เป็นต้น ที่ไม่ได้รับผลกระทบจากเหตุอุทกภัย หรือได้รับการฟื้นฟูเสร็จสิ้นแล้ว โดยนักท่องเที่ยวต้องสามารถไปยังสถานที่นั้นได้จริง ผู้แข่งขันสามารถหาเนื้อหาดังกล่าวเองได้ หรือสามารถใช้หรืออ้างอิงเนื้อหาการท่องเที่ยว จากเว๊บ http://www.TourismThailand.org ก็ได้

อนุญาตให้ใช้ได้เฉพาะ HTML5 ที่แสดงผลได้บน browser

  • IE10 Platform Preview2
  • FireFox version 6.0.2
  • Chrome version 13
  • Safari version 5.1

อนุญาตให้ใช้ JavaScript Library ดังต่อไปนี้ได้เท่านั้น โดยผู้แข่งขันทีสิทธิที่จะเลือกใช้หรือไม่ใช้ Library เหล่านี้ก็ได้

  • jQuery 1.6.2 minified — link.
  • Prototype 1.7.0 — link
  • Typekit — Follow Typekit's standard instructions.
  • eCSStender with the Grid extension: First include the base library - link - & then the extension - link. More details about CDN/hosted versions in the documentation

ผลงานที่ส่งเข้าแข่งขันจะต้องถูกออกแบบให้เหมาะสมกับขนาดหน้าจอที่หลากหลายหรือเหมาะกับขนาดหน้าจอตั้งแต่สำหรับโทรศัพท์มือถือไปถึงขนาดของ Desktop (Responsive Web Design http://responsivewebdesign.com/ ) โดยผู้เข้าแข่งขัน จะได้สิทธิเข้ารับการอบรมในเรื่องการ Responsive Web Design ฟรี

ผู้เข้าร่วมแข่งขันต้องถือสัญชาติไทย และอาศัยอยู่ในประเทศไทยในช่วงเวลาที่มีการแข่งขันเท่านั้น และต้องลงทะเบียนเข้าร่วมการแข่งขัน

การให้คะแนน

  • คะแนนความสามารถในการนำ HTML5 มาประยุกต์ใช้
  • คะแนนความสามารถในการสร้างเว๊บให้เหมาะสมกับขนาดหน้าจอที่หลากหลาย หรือเหมาะกับขนาดหน้าจอตั้งแต่สำหรับโทรศัพท์มือถือไปถึงขนาดของ Desktop (Responsive Web Design http://responsivewebdesign.com/ )
  • คะแนนความคิดสร้างสรรค์
  • คะแนนการออกแบบเว๊บกราฟิค (Web Graphic Design)
  • คะแนนสำหรับเว๊บที่ใช้งานได้จริง (usefulness)

ระยะเวลาโครงการ

  • เริ่มต้นประกาศ 16 มกราคม 2555
  • ปิดรับส่งผลงาน 2 มีนาคม 2555
  • ประกาศผลผู้ได้รับรางวัล เดือนมีนาคม 2555
Blognone Jobs Premium