Thailand

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

Hiring! บริษัทที่น่าสนใจ

Iron Software company cover
Iron Software
Iron Software is an American company providing a suite of .NET libraries by engineer for engineers.
Seven Peaks company cover
Seven Peaks
We Drive Digital Transformation
Wisesight (Thailand) Co., Ltd. company cover
Wisesight (Thailand) Co., Ltd.
The Best Choice For Handling Social Media · High Expertise in Social Data · Most Advanced and Secure

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

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

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

  • เวอร์ชั่นของเบราเซอร์ควรอัพเดทฮะ อันนี้เข้าใจว่าเขียนไว้ตั้งแต่กลางๆปีที่แล้ว
  • รางวัลล่ะฮะ
  • เว็บประกวดนี่... เอ่อ... ประกวดทำเว็บประกวดกันเถอะครับ!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • typekit ใช้ได้ แต่ไม่มีฟอนต์ไทย ทำใช้เองอนุญาตไหม
  • เว็บต้องเป็นไทย หรือ อังกฤษ หรือได้ทั้งคู่? เพราะหาก เว็บไทยเสียเปรียบเว็บอังกฤษที่มี typekit แหง
  • Modernizr ใช้ได้หรือไม่? คิดว่าน่าจะจำเป็นอยู่นะครับ

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

Apple
public://topics-images/apple_webp.png
SCB10X
public://topics-images/347823389_774095087711602_515970870797767330_n_webp.png
Windows 11
public://topics-images/hero-bloom-logo.jpg
Doom
public://topics-images/doom_logo.png
Huawei
public://topics-images/huawei_standard_logo.svg_.png
Threads
public://topics-images/threads-app-logo.svg_.png
Google Keep
public://topics-images/google_keep_2020_logo.svg_.png
Fortnite
public://topics-images/fortnitelogo.svg_.png
Instagram
public://topics-images/instagram_logo_2022.svg_.png
SCB
public://topics-images/9crhwyxv_400x400.jpg
Microsoft
public://topics-images/microsoft_logo.svg_.png
Basecamp
public://topics-images/bwpepdi0_400x400.jpg
Tinder
public://topics-images/hwizi8ny_400x400.jpg
FTC
public://topics-images/seal_of_the_united_states_federal_trade_commission.svg_.png
Pinterest
public://topics-images/pinterest.png
Palantir
public://topics-images/-nzsuc6w_400x400.png
Gemini
public://topics-images/google_gemini_logo.svg__0.png
AIS Business
public://topics-images/logo-business-2021-1.png
PostgreSQL
public://topics-images/images.png
JetBrains
public://topics-images/icx8y2ta_400x400.png
Krungthai
public://topics-images/aam1jxs6_400x400.jpg
Palworld
public://topics-images/mccyhcqf_400x400.jpg
Bill Gates
public://topics-images/bill_gates-september_2024.jpg
VMware
public://topics-images/1nj4i1gp_400x400.jpg
Take-Two Interactive
public://topics-images/0khle7nh_400x400.jpg
OpenAI
public://topics-images/ztsar0jw_400x400.jpg
Thailand
public://topics-images/flag_of_thailand.svg_.png
NVIDIA
public://topics-images/srvczsfq_400x400.jpg
ServiceNow
public://topics-images/ytnrfphe_400x400.png
PS5
public://topics-images/playstation_5_logo_and_wordmark.svg_.png
Klarna
public://topics-images/urcllpjp_400x400.png
Google Play
public://topics-images/play.png
Drupal
public://topics-images/drupal.png
Virtua Fighter
public://topics-images/virtua_figther_2024_logo.png
Paradox Interactive
public://topics-images/paradox_interactive_logo.svg_.png
Europa Universalis
public://topics-images/europa-icon.png
Nintendo Switch 2
public://topics-images/mainvisual.png
Cloudflare
public://topics-images/cloudflare_logo.svg_.png
Samsung
public://topics-images/samsung.png
Google
public://topics-images/google_2015_logo.svg_.png
Uber
public://topics-images/uber.png
Microsoft 365
public://topics-images/m365.png
USA
public://topics-images/flag_of_the_united_states.svg_.png
GM
public://topics-images/0pe0po-z_400x400.jpg
Perplexity
public://topics-images/perplex.jpg
Xperia
public://topics-images/xperia.png
iOS 18
public://topics-images/ios-18-num-96x96_2x.png