Tags:
Node Thumbnail

การแข่งขันออกแบบเว็บไซต์ด้วย 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
Get latest news from Blognone

Comments

By: bluemoon
WriterFaceblog Official
on 24 January 2012 - 23:39 #376761
bluemoon's picture

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

By: neizod
ContributorTraineeIn Love
on 25 January 2012 - 00:30 #376788 Reply to:376761
neizod's picture

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

By: bluemoon
WriterFaceblog Official
on 25 January 2012 - 00:33 #376789 Reply to:376788
bluemoon's picture

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

By: incredibles
iPhoneWindows PhoneAndroidUbuntu
on 24 January 2012 - 23:40 #376763

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

By: taqman
Android
on 25 January 2012 - 00:11 #376776 Reply to:376763

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

By: rattananen
AndroidWindows
on 25 January 2012 - 10:13 #376870 Reply to:376763

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

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

By: best
iPhoneAndroid
on 24 January 2012 - 23:56 #376770

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

By: mix5003
AndroidUbuntuWindows
on 25 January 2012 - 00:18 #376783

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

By: ciwell
iPhoneWindows Phone
on 25 January 2012 - 00:36 #376791

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

By: pittaya
WriterAndroidUbuntuIn Love
on 25 January 2012 - 00:43 #376796
pittaya's picture

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


pittaya.com

By: GooEng
ContributorWindows PhoneAndroidUbuntu
on 25 January 2012 - 01:07 #376810
GooEng's picture

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


คำตอบของข้า คือ ประกาศิต

By: jirayu
ContributorWindows PhoneBlackberrySymbian
on 25 January 2012 - 01:10 #376811

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


By: SnowBEE
AndroidWindows
on 25 January 2012 - 10:56 #376898 Reply to:376811

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

By: dearteno
AndroidBlackberryWindowsIn Love
on 25 January 2012 - 04:24 #376818
dearteno's picture

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

By: tr
Writer
on 25 January 2012 - 03:18 #376830

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

  • เวอร์ชั่นของเบราเซอร์ควรอัพเดทฮะ อันนี้เข้าใจว่าเขียนไว้ตั้งแต่กลางๆปีที่แล้ว
  • รางวัลล่ะฮะ
  • เว็บประกวดนี่... เอ่อ... ประกวดทำเว็บประกวดกันเถอะครับ!
    No Description
By: iStyle
ContributoriPhoneAndroidSymbian
on 25 January 2012 - 05:09 #376839 Reply to:376830
iStyle's picture

เอ่อ..55


May the Force Close be with you. || @nuttyi

By: toeyspicy
iPhoneWindows
on 25 January 2012 - 10:59 #376905 Reply to:376830
toeyspicy's picture

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

By: mementototem
ContributorJusci's WriterAndroidWindows
on 25 January 2012 - 11:32 #376914 Reply to:376830
mementototem's picture

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


Jusci - Google Plus - Twitter

By: Jedt3D
iPhoneAndroidUbuntuWindows
on 27 January 2012 - 12:51 #377665 Reply to:376914
Jedt3D's picture

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

By: Job_The_Gamer
WriterWindows PhoneAndroidWindows
on 25 January 2012 - 17:36 #377058 Reply to:376830
Job_The_Gamer's picture

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

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


Achievement Unlocked: Being a Blognone's Writer

By: hengworld
Windows Phone
on 25 January 2012 - 05:02 #376837
hengworld's picture

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

By: mk
FounderAndroid
on 25 January 2012 - 08:48 #376853
mk's picture

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

By: pwblog
AndroidWindows
on 25 January 2012 - 09:09 #376856
pwblog's picture

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

By: nightmareBN
iPhoneWindowsIn Love
on 25 January 2012 - 10:18 #376873
nightmareBN's picture

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

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

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

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

By: bubbleball on 25 January 2012 - 14:21 #376971
bubbleball's picture

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

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

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

By: lancaster
Contributor
on 25 January 2012 - 15:22 #376989 Reply to:376971

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

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

  • HTML5 เพียวๆ ห้ามใช้ Flash
  • JavaScript Library ยอดนิยม
  • การออกแบบแนว responsive เวอร์ชันเดียวแสดงได้ทุกหน้าจอ
  • ทดสอบกับเบราว์เซอร์ใหม่ล่าสุดเท่านั้น
By: l2aelba
iPhoneAndroid
on 25 January 2012 - 17:15 #377045 Reply to:376971
l2aelba's picture

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

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

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

By: mk
FounderAndroid
on 25 January 2012 - 17:44 #377063 Reply to:376971
mk's picture

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

By: ichokd
AndroidUbuntu
on 25 January 2012 - 16:01 #377009
ichokd's picture

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

รางวัลที่ 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

By: McKay
ContributorAndroidWindowsIn Love
on 25 January 2012 - 19:20 #377128 Reply to:377009
McKay's picture

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


Russia is just nazi who accuse the others for being nazi.
someone once said : ผมก็ด่าของผมอยู่นะ :)

By: xestz
AndroidWindows
on 25 January 2012 - 21:28 #377166 Reply to:377128
xestz's picture

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

By: jirayu
ContributorWindows PhoneBlackberrySymbian
on 26 January 2012 - 12:14 #377360 Reply to:377128

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


By: golemer
iPhoneWindows PhoneAndroidWindows
on 26 January 2012 - 14:43 #377402 Reply to:377128
golemer's picture

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

By: mr_tawan
ContributoriPhoneAndroidWindows
on 26 January 2012 - 18:58 #377477 Reply to:377402
mr_tawan's picture

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


  • 9tawan.net บล็อกส่วนตัวฮับ
By: loptar on 31 January 2012 - 09:50 #378511 Reply to:377477
loptar's picture

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

By: ooooo
AndroidWindows
on 25 January 2012 - 16:56 #377036
ooooo's picture

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

By: KillerNay
iPhoneAndroidBlackberry
on 25 January 2012 - 17:56 #377073
KillerNay's picture

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

By: HyBRiD
ContributoriPhoneSymbianUbuntu
on 26 January 2012 - 01:47 #377234
HyBRiD's picture

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

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

By: NarzE
iPhoneUbuntu
on 26 January 2012 - 18:42 #377470 Reply to:377234
NarzE's picture

i see what you did there

By: Blue Rabbit
iPhone
on 26 January 2012 - 03:16 #377247

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

By: kittipat
ContributorAndroidUbuntu
on 26 January 2012 - 14:49 #377406

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

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

By: ico on 26 January 2012 - 15:05 #377412 Reply to:377406

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

By: aimakung
AndroidUbuntuWindowsIn Love
on 27 January 2012 - 12:02 #377642 Reply to:377406

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

By: Jedt3D
iPhoneAndroidUbuntuWindows
on 27 January 2012 - 13:35 #377670
Jedt3D's picture

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

  • typekit ใช้ได้ แต่ไม่มีฟอนต์ไทย ทำใช้เองอนุญาตไหม
  • เว็บต้องเป็นไทย หรือ อังกฤษ หรือได้ทั้งคู่? เพราะหาก เว็บไทยเสียเปรียบเว็บอังกฤษที่มี typekit แหง
  • Modernizr ใช้ได้หรือไม่? คิดว่าน่าจะจำเป็นอยู่นะครับ
By: Jedt3D
iPhoneAndroidUbuntuWindows
on 27 January 2012 - 19:01 #377780 Reply to:377670
Jedt3D's picture

http://html5thailand.com/faq.html

By: ilumin on 27 January 2012 - 14:10 #377691

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

By: codezomm on 31 January 2012 - 09:53 #378514

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

By: j03w
ContributoriPhoneAndroid
on 6 February 2012 - 17:40 #381021
j03w's picture

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


The Cake is a Lie

By: platalay
iPhoneWindows PhoneAndroidWindows
on 10 July 2012 - 02:45 #443113

ขุดขึ้นมา เพราะเงียบหายไปหมดเลย