การแข่งขันออกแบบเว็บไซต์ด้วย 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
ผ่านมาเจอแว้บๆ เว๊บ → เว็บ ^^
bluemoon Tue, 01/24/2012 - 23:39
ผ่านมาเจอแว้บๆ
เว๊บ → เว็บ
^^
เฮ้ย ป้าเดือนมี logo faceblog
neizod Wed, 01/25/2012 - 00:30
In reply to ผ่านมาเจอแว้บๆ เว๊บ → เว็บ ^^ by bluemoon
เฮ้ย ป้าเดือนมี logo faceblog ด้วยอะ!!
มีนานแล้วเฟ่ย
bluemoon Wed, 01/25/2012 - 00:33
In reply to เฮ้ย ป้าเดือนมี logo faceblog by neizod
มีนานแล้วเฟ่ย
ใช้ jquery กับ prototype
incredibles Tue, 01/24/2012 - 23:40
ใช้ jquery กับ prototype ได้แล้วมันจะวัด Html5 สักเท่าไหร่กันเนี่ย
+1 ครับ
taqman Wed, 01/25/2012 - 00:11
In reply to ใช้ jquery กับ prototype by incredibles
+1 ครับ จัดแอนนิเมชันลงไปหนักๆเลย
javascript มันเป็นแค่
rattananen Wed, 01/25/2012 - 10:13
In reply to ใช้ jquery กับ prototype by incredibles
javascript มันเป็นแค่ interface ที่ใช้สำหรับเรียกใช้ DOM ของ HTML เท่านั้นล่ะครับ
ถ้าเราไม่เอามาใช้เราจะไม่สามารถใช้ HTML 5 ได้อย่างมีประสิทธิภาพ
ส่วน library พวกนี้มันก็แค่ทำให้เราสามารถทำให้ใช้งาน javascript ง่ายขึ้นไม่ต้องเขียนยาวเหวิ่นเหว้อ
มันทำยากเหอครับเวลา ก็น้อย
best Tue, 01/24/2012 - 23:56
มันทำยากเหอครับเวลา ก็น้อย เหอ
ใหม่ล่าสุด แต่ FireFox
mix5003 Wed, 01/25/2012 - 00:18
ใหม่ล่าสุด แต่ FireFox version 6.0.2 ตอนนี้มัน 9 แล้วนิครับ?
แล้วอบรม Responsive Web
ciwell Wed, 01/25/2012 - 00:36
แล้วอบรม Responsive Web Design มีเมื่อไหร่เหรอครับ
Firefox 6 นี่โคตรเก่าเลยครับ
pittaya Wed, 01/25/2012 - 00:43
Firefox 6 นี่โคตรเก่าเลยครับ
เวลาจัดทำ แบบ lock spec
GooEng Wed, 01/25/2012 - 01:07
เวลาจัดทำ แบบ lock spec ต้องล้มประมูล 555
หาไม่เจอว่ามันมีรางวัลอะไรบ้า
jirayu Wed, 01/25/2012 - 01:10
หาไม่เจอว่ามันมีรางวัลอะไรบ้าง
หาไม่เจอเช่นเดียวกัน
SnowBEE Wed, 01/25/2012 - 10:56
In reply to หาไม่เจอว่ามันมีรางวัลอะไรบ้า by jirayu
หาไม่เจอเช่นเดียวกัน แรงจูงใจหมดลงทันที
ไม่แบ่งอายุนี่ เซียน ๆ
dearteno Wed, 01/25/2012 - 04:24
ไม่แบ่งอายุนี่ เซียน ๆ /คนที่เป็นมืออาชีพเอาไปกินหมดแถมเวลาเหลือเฟือหุหุ
ผมอยากเข้าประกวดด้วยนะฮะ
tr Wed, 01/25/2012 - 03:18
ผมอยากเข้าประกวดด้วยนะฮะ แต่ว่า...
เอ่อ..55
iStyle Wed, 01/25/2012 - 05:09
In reply to ผมอยากเข้าประกวดด้วยนะฮะ by tr
เอ่อ..55
ผมแอบเห็นด้วยครับ :D
toeyspicy Wed, 01/25/2012 - 10:59
In reply to ผมอยากเข้าประกวดด้วยนะฮะ by tr
ผมแอบเห็นด้วยครับ :D
โลโก้มองเห็นเป็น
mementototem Wed, 01/25/2012 - 11:32
In reply to ผมอยากเข้าประกวดด้วยนะฮะ by tr
โลโก้มองเห็นเป็น "ออกแบบเว็บเที่ยว ทย" (สระไอ สีมันกลืนกับพื้นหลัง) - -"
ยังดีที่ไม่แหว่ง กลายเป็น
Jedt3D Fri, 01/27/2012 - 12:51
In reply to โลโก้มองเห็นเป็น by mementototem
ยังดีที่ไม่แหว่ง กลายเป็น "ออกแบบเว็บเที่ยว เทย " แทน
เหมือนอยากทำ Style
Job_The_Gamer Wed, 01/25/2012 - 17:36
In reply to ผมอยากเข้าประกวดด้วยนะฮะ by tr
เหมือนอยากทำ Style Metro
แต่แบ๊คกราวด์มันเด่นไปแถมไม่ Responsive อีกต่างหาก = ="
เป็นกิจกรรมที่ดีและน่าสนใจมาก
hengworld Wed, 01/25/2012 - 05:02
เป็นกิจกรรมที่ดีและน่าสนใจมากครับ
คำถามต่างๆ นี้แจ้งทาง
mk Wed, 01/25/2012 - 08:48
คำถามต่างๆ นี้แจ้งทาง Microsoft ไปแล้วนะครับ เดี๋ยวคงมีคนมาตอบให้
น่าสนใจจริงๆ
pwblog Wed, 01/25/2012 - 09:09
น่าสนใจจริงๆ
"และเทคโนโลยีใหม่
nightmareBN Wed, 01/25/2012 - 10:18
"และเทคโนโลยีใหม่ ที่คนไทยยังรู้จักและมีความรู้กันน้อย"
ประโยคนี้ผมงงอ่าครับ ต้องเป็น
"และเทคโนโลยีใหม่ ที่คนไทยยัง(ไม่)รู้จักและมีความรู้กันน้อย"
หรือเปล่าครับ
ห้ามใช้ Flash, JavaScript
bubbleball Wed, 01/25/2012 - 14:21
ห้ามใช้ Flash, JavaScript Library ยอดนิยม
แต่ในหน้ากติกามันบอกให้ใช้ได้ตามที่กำหนดนะครับ
อนุญาตให้ใช้ JavaScript Library ดังต่อไปนี้ได้เท่านั้น: jQuery, Prototype, Typekit, eCSStender with the Grid extension
ทีแรกก็เลยนึกว่าใช้ไม่ได้เลย
HTML5 เพียวๆ ห้ามใช้ Flash,
lancaster Wed, 01/25/2012 - 15:22
In reply to ห้ามใช้ Flash, JavaScript by bubbleball
ต้องแบ่งเป็นแบบนี้ครับ
งงเหมือนกันตอนอ่านมาแรกๆเขียน
l2aelba Wed, 01/25/2012 - 17:15
In reply to ห้ามใช้ Flash, JavaScript by bubbleball
งงเหมือนกันตอนอ่านมาแรกๆเขียนว่า "ห้ามใช้ Flash, JavaScript Library ยอดนิยม" จะปิดละ
แต่อ่านไปเรื่อยๆ
"อนุญาตให้ใช้ JavaScript Library ดังต่อไปนี้ได้เท่านั้น"
แก้คำไปอีกนิดไม่ให้กำกวมแล้วค
mk Wed, 01/25/2012 - 17:44
In reply to ห้ามใช้ Flash, JavaScript by bubbleball
แก้คำไปอีกนิดไม่ให้กำกวมแล้วครับ
รางวัลสำหรับผู้ชนะการแข่งขัน
ichokd Wed, 01/25/2012 - 16:01
http://html5thailand.com/contest-detail.html#rule5
อาจจะเป็นเหตุผลที่ทำให้คนไม่อ
McKay Wed, 01/25/2012 - 19:20
In reply to รางวัลสำหรับผู้ชนะการแข่งขัน by ichokd
อาจจะเป็นเหตุผลที่ทำให้คนไม่อยากเข้าร่วมการแข่งขันครั้งนี้(มั้ง) หลายๆคนน่าจะอยากได้ที่ 3 แทนที่ 1-2 ฮาๆ
+1 ผมคนนึงล่ะที่อยากได้
xestz Wed, 01/25/2012 - 21:28
In reply to อาจจะเป็นเหตุผลที่ทำให้คนไม่อ by McKay
+1 ผมคนนึงล่ะที่อยากได้ xbox+kinect มากกว่า notebook acer
กำลังคิดว่าคนได้ที่หนึ่ง
jirayu Thu, 01/26/2012 - 12:14
In reply to อาจจะเป็นเหตุผลที่ทำให้คนไม่อ by McKay
กำลังคิดว่าคนได้ที่หนึ่ง อาจจะขายทิ้ง เอาตังไปซื้อ xbox+kinect
ผมคนนึง อ่านของรางวัลแล้ว
golemer Thu, 01/26/2012 - 14:43
In reply to อาจจะเป็นเหตุผลที่ทำให้คนไม่อ by McKay
ผมคนนึง อ่านของรางวัลแล้ว เล็งรางวัลที่ 3 เลยครับ
ผมว่าที่หนึ่งมันแพงกว่าที่สาม
mr_tawan Thu, 01/26/2012 - 18:58
In reply to ผมคนนึง อ่านของรางวัลแล้ว by golemer
ผมว่าที่หนึ่งมันแพงกว่าที่สามสองเท่าเลยนะ - -
ประเด็นคงเป็นที่ชื่อเสีย(ง)ขอ
loptar Tue, 01/31/2012 - 09:50
In reply to ผมว่าที่หนึ่งมันแพงกว่าที่สาม by mr_tawan
ประเด็นคงเป็นที่ชื่อเสีย(ง)ของแบรนด์นี้น่ะครับ
สามารถใช้ css responsive
ooooo Wed, 01/25/2012 - 16:56
สามารถใช้ css responsive framework อย่าง less framework ได้หรือเปล่าครับ
คำถามคือสามารถส่งผลงานในนามที
KillerNay Wed, 01/25/2012 - 17:56
คำถามคือสามารถส่งผลงานในนามทีม ได้ไหม กติกาไม่ได้เขียนไว้ แสดงว่าได้ ?
เปิดเวบโครงการ
HyBRiD Thu, 01/26/2012 - 01:47
เปิดเวบโครงการ http://html5thailand.com/ แล้วเลื่อนดูผู้สนับสนุน ...
ลงมาคอนเม้นทิ้งไว้ แล้วก็ปิดไปเงียบๆ
i see what you did there
NarzE Thu, 01/26/2012 - 18:42
In reply to เปิดเวบโครงการ by HyBRiD
i see what you did there
เว็บที่ส่งเข้าประกวดนี่จะต้อง
Blue Rabbit Thu, 01/26/2012 - 03:16
เว็บที่ส่งเข้าประกวดนี่จะต้องทำเป็นเนื้อหาภาษาไทยหรือภาษาอังกฤษเหรอครับ กลุ่มเป้าหมายเป็นฝรั่งหรือคนไทยหว่า..
ทำไมถึงจำกัด JS Library
kittipat Thu, 01/26/2012 - 14:49
ทำไมถึงจำกัด JS Library แค่นั้นล่ะครับ อย่าง Javelin ที่เป็น Open Source และแทบไม่มีอะไรสำเร็จรูปให้ใช้ นี่ใช้ไม่ได้หรอครับ
ที่ถามนี่อยากทราบเกณฑ์การเลืิอก library เฉยๆนะครับ ไ่ม่ได้อยากให้แก้กฏ เพราะไม่มีสิทธิแข่งอยู่แล้ว (แต่ผมอยากแข่งนะ)
น่าจะง่ายแก่การตรวจมั๊งครับ
ico Thu, 01/26/2012 - 15:05
In reply to ทำไมถึงจำกัด JS Library by kittipat
น่าจะง่ายแก่การตรวจมั๊งครับ ว่าผู้เข้าแข่งขันไม่ได้ความสามารถบางอย่างจาก javascript แทนที่จะใช้จาก html5 เช่นการ animate ต่างๆ
ดูกรรมการแล้วตรวจคงตรวจได้
aimakung Fri, 01/27/2012 - 12:02
In reply to ทำไมถึงจำกัด JS Library by kittipat
ดูกรรมการแล้วตรวจคงตรวจได้ แต่คงกลัวเรื่องเกณฑ์การให้คะแนนมากกว่า
สงสัยเหมือนกันว่า typekit
Jedt3D Fri, 01/27/2012 - 13:35
สงสัยเหมือนกันว่า
http://html5thailand.com/faq.
Jedt3D Fri, 01/27/2012 - 19:01
In reply to สงสัยเหมือนกันว่า typekit by Jedt3D
http://html5thailand.com/faq.html
jQuery 1.7+ จะผิดกฏไหมครับ :D
ilumin Fri, 01/27/2012 - 14:10
jQuery 1.7+ จะผิดกฏไหมครับ :D
การอบรมในเรื่อง Responsive
codezomm Tue, 01/31/2012 - 09:53
การอบรมในเรื่อง Responsive Web Design นี้อยากทราบว่า จำเป็นต้องขึ้นมาที่กรุงเทพหรือไม่ครับ เพราะผมอยู่ต่างจังหวัด
ต้องอยู่ในประเทศไทยในขณะแข่งข
j03w Mon, 02/06/2012 - 17:40
ต้องอยู่ในประเทศไทยในขณะแข่งขันเท่านั้น... T^T
ขุดขึ้นมา
platalay Tue, 07/10/2012 - 02:45
ขุดขึ้นมา เพราะเงียบหายไปหมดเลย