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

By mk on 24 January 2012 - 22: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 ในรูปแบบใหม่ๆ

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

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

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

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

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

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

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

การให้คะแนน

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

Tags:
Submitted by bluemoon on 24 January 2012 - 22:39.

ผ่านมาเจอแว้บๆ เว๊บ → เว็บ ^^

Submitted by neizod on 24 January 2012 - 23:30.

เฮ้ย ป้าเดือนมี logo faceblog ด้วยอะ!!

Submitted by bluemoon on 24 January 2012 - 23:33.

มีนานแล้วเฟ่ย

Submitted by incredibles on 24 January 2012 - 22:40.

ใช้ jquery กับ prototype ได้แล้วมันจะวัด Html5 สักเท่าไหร่กันเนี่ย

Submitted by taqman on 24 January 2012 - 23:11.

+1 ครับ จัดแอนนิเมชันลงไปหนักๆเลย

Submitted by rattananen on 25 January 2012 - 09:13.

javascript มันเป็นแค่ interface ที่ใช้สำหรับเรียกใช้ DOM ของ HTML เท่านั้นล่ะครับ ถ้าเราไม่เอามาใช้เราจะไม่สามารถใช้ HTML 5 ได้อย่างมีประสิทธิภาพ

ส่วน library พวกนี้มันก็แค่ทำให้เราสามารถทำให้ใช้งาน javascript ง่ายขึ้นไม่ต้องเขียนยาวเหวิ่นเหว้อ

Submitted by best on 24 January 2012 - 22:56.

มันทำยากเหอครับเวลา ก็น้อย เหอ

Submitted by mix5003 on 24 January 2012 - 23:18.

ใหม่ล่าสุด แต่ FireFox version 6.0.2 ตอนนี้มัน 9 แล้วนิครับ?

Submitted by ciwell on 24 January 2012 - 23:36.

แล้วอบรม Responsive Web Design มีเมื่อไหร่เหรอครับ

Submitted by pittaya on 24 January 2012 - 23:43.

Firefox 6 นี่โคตรเก่าเลยครับ

Submitted by GooEng on 25 January 2012 - 00:07.

เวลาจัดทำ แบบ lock spec ต้องล้มประมูล 555

Submitted by MrWhisper on 25 January 2012 - 00:10.

หาไม่เจอว่ามันมีรางวัลอะไรบ้าง

Submitted by SnowBEE on 25 January 2012 - 09:56.

หาไม่เจอเช่นเดียวกัน แรงจูงใจหมดลงทันที

Submitted by dearteno on 25 January 2012 - 03:24.

ไม่แบ่งอายุนี่ เซียน ๆ /คนที่เป็นมืออาชีพเอาไปกินหมดแถมเวลาเหลือเฟือหุหุ

Submitted by tr on 25 January 2012 - 02:18.

ผมอยากเข้าประกวดด้วยนะฮะ แต่ว่า...

  • เวอร์ชั่นของเบราเซอร์ควรอัพเดทฮะ อันนี้เข้าใจว่าเขียนไว้ตั้งแต่กลางๆปีที่แล้ว
  • รางวัลล่ะฮะ
  • เว็บประกวดนี่... เอ่อ... ประกวดทำเว็บประกวดกันเถอะครับ!
Submitted by iStyle on 25 January 2012 - 04:09.

เอ่อ..55

Submitted by toeyspicy on 25 January 2012 - 09:59.

ผมแอบเห็นด้วยครับ :D

Submitted by mementototem on 25 January 2012 - 10:32.

โลโก้มองเห็นเป็น "ออกแบบเว็บเที่ยว ทย" (สระไอ สีมันกลืนกับพื้นหลัง) - -"

Submitted by Jedt3D on 27 January 2012 - 11:51.

ยังดีที่ไม่แหว่ง กลายเป็น "ออกแบบเว็บเที่ยว เทย " แทน

Submitted by Job_The_Gamer on 25 January 2012 - 16:36.

เหมือนอยากทำ Style Metro

แต่แบ๊คกราวด์มันเด่นไปแถมไม่ Responsive อีกต่างหาก = ="

Submitted by hengworld on 25 January 2012 - 04:02.

เป็นกิจกรรมที่ดีและน่าสนใจมากครับ

Submitted by mk on 25 January 2012 - 07:48.

คำถามต่างๆ นี้แจ้งทาง Microsoft ไปแล้วนะครับ เดี๋ยวคงมีคนมาตอบให้

Submitted by pwblog on 25 January 2012 - 08:09.

น่าสนใจจริงๆ

Submitted by nightmareBN on 25 January 2012 - 09:18.

"และเทคโนโลยีใหม่ ที่คนไทยยังรู้จักและมีความรู้กันน้อย"

ประโยคนี้ผมงงอ่าครับ ต้องเป็น

"และเทคโนโลยีใหม่ ที่คนไทยยัง(ไม่)รู้จักและมีความรู้กันน้อย"

หรือเปล่าครับ

Submitted by bubbleball on 25 January 2012 - 13:21.

ห้ามใช้ Flash, JavaScript Library ยอดนิยม

แต่ในหน้ากติกามันบอกให้ใช้ได้ตามที่กำหนดนะครับ อนุญาตให้ใช้ JavaScript Library ดังต่อไปนี้ได้เท่านั้น: jQuery, Prototype, Typekit, eCSStender with the Grid extension

ทีแรกก็เลยนึกว่าใช้ไม่ได้เลย

Submitted by lancaster on 25 January 2012 - 14:22.

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

ต้องแบ่งเป็นแบบนี้ครับ

  • HTML5 เพียวๆ ห้ามใช้ Flash
  • JavaScript Library ยอดนิยม
  • การออกแบบแนว responsive เวอร์ชันเดียวแสดงได้ทุกหน้าจอ
  • ทดสอบกับเบราว์เซอร์ใหม่ล่าสุดเท่านั้น
Submitted by l2aelba on 25 January 2012 - 16:15.

งงเหมือนกันตอนอ่านมาแรกๆเขียนว่า "ห้ามใช้ Flash, JavaScript Library ยอดนิยม" จะปิดละ

แต่อ่านไปเรื่อยๆ

"อนุญาตให้ใช้ JavaScript Library ดังต่อไปนี้ได้เท่านั้น"

Submitted by mk on 25 January 2012 - 16:44.

แก้คำไปอีกนิดไม่ให้กำกวมแล้วครับ

Submitted by ichokd on 25 January 2012 - 15:01.

รางวัลสำหรับผู้ชนะการแข่งขัน

รางวัลที่ 1 - โน้ตบุ๊ค Acer Aspire S3 Ultrabook หนาเพียง 13 มม. มาพร้อมกับระบบปฏิบัติการ Windows® 7 Home Premium, Intel® Core i7 และ Solid State Drive 240GB จำนวน 1 รางวัล

รางวัลที่ 2 - โน้ตบุ๊ค Acer Aspire S3 Ultrabook หนาเพียง 13 มม. มาพร้อมกับระบบปฏิบัติการ Windows® 7 Home Premium, Intel® Core i5 และ Hard Disk Drive 320GB จำนวน 1 รางวัล

รางวัลที่ 3 - เครื่องเล่น XBOX 360 และ Kinect จำนวน 1 รางวัล

http://html5thailand.com/contest-detail.html#rule5

Submitted by McKay on 25 January 2012 - 18:20.

อาจจะเป็นเหตุผลที่ทำให้คนไม่อยากเข้าร่วมการแข่งขันครั้งนี้(มั้ง) หลายๆคนน่าจะอยากได้ที่ 3 แทนที่ 1-2 ฮาๆ

Submitted by xestz on 25 January 2012 - 20:28.

+1 ผมคนนึงล่ะที่อยากได้ xbox+kinect มากกว่า notebook acer

Submitted by MrWhisper on 26 January 2012 - 11:14.

กำลังคิดว่าคนได้ที่หนึ่ง อาจจะขายทิ้ง เอาตังไปซื้อ xbox+kinect

Submitted by golemer on 26 January 2012 - 13:43.

ผมคนนึง อ่านของรางวัลแล้ว เล็งรางวัลที่ 3 เลยครับ

Submitted by mr_tawan on 26 January 2012 - 17:58.

ผมว่าที่หนึ่งมันแพงกว่าที่สามสองเท่าเลยนะ - -

Submitted by loptar on 31 January 2012 - 08:50.

ประเด็นคงเป็นที่ชื่อเสีย(ง)ของแบรนด์นี้น่ะครับ

Submitted by ooooo on 25 January 2012 - 15:56.

สามารถใช้ css responsive framework อย่าง less framework ได้หรือเปล่าครับ

Submitted by KillerNay on 25 January 2012 - 16:56.

คำถามคือสามารถส่งผลงานในนามทีม ได้ไหม กติกาไม่ได้เขียนไว้ แสดงว่าได้ ?

Submitted by HyBRiD on 26 January 2012 - 00:47.

เปิดเวบโครงการ http://html5thailand.com/ แล้วเลื่อนดูผู้สนับสนุน ...

ลงมาคอนเม้นทิ้งไว้ แล้วก็ปิดไปเงียบๆ

Submitted by NarzE on 26 January 2012 - 17:42.

i see what you did there

Submitted by Blue Rabbit on 26 January 2012 - 02:16.

เว็บที่ส่งเข้าประกวดนี่จะต้องทำเป็นเนื้อหาภาษาไทยหรือภาษาอังกฤษเหรอครับ กลุ่มเป้าหมายเป็นฝรั่งหรือคนไทยหว่า..

Submitted by kittipat on 26 January 2012 - 13:49.

ทำไมถึงจำกัด JS Library แค่นั้นล่ะครับ อย่าง Javelin ที่เป็น Open Source และแทบไม่มีอะไรสำเร็จรูปให้ใช้ นี่ใช้ไม่ได้หรอครับ

ที่ถามนี่อยากทราบเกณฑ์การเลืิอก library เฉยๆนะครับ ไ่ม่ได้อยากให้แก้กฏ เพราะไม่มีสิทธิแข่งอยู่แล้ว (แต่ผมอยากแข่งนะ)

Submitted by ico on 26 January 2012 - 14:05.

น่าจะง่ายแก่การตรวจมั๊งครับ ว่าผู้เข้าแข่งขันไม่ได้ความสามารถบางอย่างจาก javascript แทนที่จะใช้จาก html5 เช่นการ animate ต่างๆ

Submitted by aimakung on 27 January 2012 - 11:02.

ดูกรรมการแล้วตรวจคงตรวจได้ แต่คงกลัวเรื่องเกณฑ์การให้คะแนนมากกว่า

Submitted by Jedt3D on 27 January 2012 - 12:35.

สงสัยเหมือนกันว่า

  • typekit ใช้ได้ แต่ไม่มีฟอนต์ไทย ทำใช้เองอนุญาตไหม
  • เว็บต้องเป็นไทย หรือ อังกฤษ หรือได้ทั้งคู่? เพราะหาก เว็บไทยเสียเปรียบเว็บอังกฤษที่มี typekit แหง
  • Modernizr ใช้ได้หรือไม่? คิดว่าน่าจะจำเป็นอยู่นะครับ
Submitted by Jedt3D on 27 January 2012 - 18:01.

http://html5thailand.com/faq.html

Submitted by ilumin on 27 January 2012 - 13:10.

jQuery 1.7+ จะผิดกฏไหมครับ :D

Submitted by codezomm on 31 January 2012 - 08:53.

การอบรมในเรื่อง Responsive Web Design นี้อยากทราบว่า จำเป็นต้องขึ้นมาที่กรุงเทพหรือไม่ครับ เพราะผมอยู่ต่างจังหวัด

Submitted by j03w on 6 February 2012 - 16:40.

ต้องอยู่ในประเทศไทยในขณะแข่งขันเท่านั้น... T^T