โครงการประกวดการออกแบบเว็บไซต์ iWDC

ขอเชิญนักศึกษาเข้าร่วมประกวดผลงานการออกแบบเว็บไซต์ (Web Design Contest) โดยมหาวิทยาลัยเทคโนโลยีราชมงคลธัญบุรีร่วมกับ Hokkaido Information University (HIU) ประเทศญี่ปุ่น จัดโครงการประกวดผลงานการออกแบบเว็บไซต์ ซึ่งผู้ที่ผ่านการคัดเลือกจะได้รับข้อคิดเห็นจากกรรมการ เพื่อรับโอกาสและเตรียมพร้อมสำหรับการนำผลงานไปประกวด สำหรับเข้าร่วมกิจกรรมแลกเปลี่ยนวัฒนธรรม และประกวดเว็บไซต์ กับนักศึกษามหาวิทยาลัย Hokkaido Information University (HIU)

เงื่อนไขและกติกาการส่งผลงาน iWDC2025

ออกแบบเว็บไซต์ภายใต้หัวข้อ 

Wellness

แนวทางการออกแบบเว็บไซต์

แนวทางการพัฒนาเว็บไซต์ในหัวข้อ “Wellness” เน้นเรื่องการออกแบบที่สื่อสารความเป็น “Wellness/ Healthcare / ผู้สูงวัย โดยผู้ออกแบบสามารถตีความได้อย่างอิสระ โดยคำนึงถึงประสบการณ์ผู้ใช้ (UX) และส่วนต่อประสานกับผู้ใช้ (UI) ซึ่งอาจมีการใช้ภาษาสคริปต์ต่าง ๆ เช่น JavaScript เพื่อให้มีการตอบสนองกับผู้ใช้งาน 

*พิเศษสำหรับโครงการประกวด WDC ปีนี้ เนื้อหา ภาพ เสียง วิดีโอ นักศึกษาสามารถใช้ปัญญาประดิษฐ์ (AI) ในการพัฒนาได้ ซึ่งจะต้องมีสไลด์อธิบายเครื่องมือที่ใช้ วิธีการสร้างในแต่ละขั้นตอนของ เนื้อหา ภาพ เสียง วิดีโอ จากเว็บไซต์ที่นักศึกษาออกแบบ

คุณสมบัติของผู้สมัคร

  1. ผู้ส่งผลงานเป็นนักศึกษาของมหาวิทยาลัยเทคโนโลยีราชมงคลธัญบุรี และเป็นนักศึกษาในระดับปริญญาตรี ไม่จำกัดคณะ
  2. ผู้สมัครเข้าประกวด 1 คน ต่อ 1 เว็บไซต์
  3. ผู้สมัครต้องมีเกรดเฉลี่ยรวม ต้องไม่ต่ำกว่า 2.30
  4. ผู้สมัครต้องมีผลภาษาอังกฤษ ตามประกาศการรับทุนจากกองทุนนักศึกษา มทร.ธัญบุรี  RT-TEP คะแนน 5 ขึ้นไป หรือ TOEIC 500 คะแนนขึ้นไป ยกเว้น นักศึกษา คณะเทคโนโลยีสื่อสารมวลชน ต้องใช้ผลคะแนน TOEIC เท่านั้น (ผลคะแนนมีอายุไม่เกิน 2 ปี
  5. นักศึกษาที่ได้รับทุน E-CUBE ไม่สามารถเข้าร่วมโครงการนี้ได้

เงื่อนไขและกติกาการส่งผลงานเข้าประกวด

  1. ห้ามนำข้อมูลหรือรูปภาพที่ไม่ใช่ของตนเองมาใช้ออกแบบเว็บไซต์ เช่น Free Vector, รูปภาพติดลิขสิทธิ์จากเว็บไซต์ต่าง ๆ (หากเป็นรูปภาพควรใช้ภาพจากการถ่ายด้วยตนเอง)
  2. เป็นเว็บไซต์ภาษาอังกฤษที่เรียบเรียงเนื้อหาด้วยตนเอง และใช้ภาษาที่เป็นทางการ
  3. กำหนดให้ใช้ภาษาในการสร้างเว็บไซต์ เช่น HTML, CSS, JavaScript เป็นต้น
  4. ห้ามใช้ซอฟต์แวร์สำเร็จรูปในการสร้างเว็บไซต์ เช่น Wix, WordPress, Canva เป็นต้น
  5. สามารถใช้เครื่องมือ และซอฟต์แวร์ต่าง ๆ ในการออกแบบได้ เช่น Adobe Photoshop, Adobe Illustrator, Adobe XD, Figma, HTML Editor เป็นต้น
  6. เว็บไซต์สามารถรองรับการแสดงผลบนหน้าจอแบบสัมผัสได้ และรองรับขนาดหน้าจอของอุปกรณ์ทุกชนิด
  7. ห้ามตั้งชื่อไฟล์ต่าง ๆ เป็นภาษาไทย และห้ามใช้อักขระพิเศษ เช่น หน้าหลัก #1.html

เกณฑ์การพิจารณาประกวดตัดสิน

– First Impression: ดูโดยรวมแล้วน่าสนใจ อยากติดตาม
– Idea/Concept: แนวความคิดในการออกแบบ ใช้ลูกเล่นการเข้าถึงเนื้อหา
– Volume: ปริมาณงานไม่มากไม่น้อย เนื้อหา รูปภาพ พอเหมาะพอดี
– Graphic Design/User Interface (UI): การออกแบบ จัดวาง เหมาะสมกับเนื้อหา รูปภาพที่นำมาทำเว็บไซต์
– User Experience (UX): การออกแบบประสบการณ์ของผู้ใช้ ให้ผู้ใช้งานเข้าถึงเนื้อหาได้โดยง่ายสะดวก ไม่หลงทิศทาง
– Technical Skill: การใช้โปรแกรมหรือเทคนิคพิเศษเพื่อใช้ควบคุมการนำเสนอเนื้อหา
– Own Contents: การละเมิดลิขสิทธิ์หรือการนำเนื้อหา รูปภาพ ภาพเคลื่อนไหว เสียง มาใช้งานโดยไม่ได้รับอนุญาต

การส่งผลงาน

อัพโหลดไฟล์ต่างๆ บน One Drive ดังนี้
– website : โฟลเดอร์สำหรับเก็บไฟล์ข้อมูลของเว็บไซต์ทั้งหมดสำหรับนำเสนอ
– source : โฟลเดอร์สำหรับเก็บไฟล์ต้นฉบับการออกแบบ รูปภาพต้นฉบับ แหล่งที่มา
– manual : โฟลเดอร์สำหรับเก็บไฟล์คู่มือเอกสาร เพื่ออธิบายการติดตั้งลงเซิร์ฟเวอร์ในกรณีมีเทคนิคพิเศษ

โดยตั้งชื่อโฟลเดอร์ wdc- ตามด้วยชื่อภาษาอังกฤษของผู้สมัคร ตัวอย่างเช่น wdc-somchai
จากนั้นแชร์โฟลเดอร์มายังอีเมล์ rmutt_hiu@rmutt.ac.th

กำหนดส่งผลงาน

ตั้งแต่บัดนี้ – 23 พฤษภาคม 2568

ผลงานที่ผ่านการคัดเลือกในปี 2025 นี้ จะได้รับข้อคิดเห็นจากกรรมการ เพื่อรับโอกาสและเตรียมพร้อมสำหรับการนำผลงานไปประกวด สำหรับเข้าร่วมกิจกรรมแลกเปลี่ยนวัฒนธรรม และประกวดเว็บไซต์ กับนักศึกษามหาวิทยาลัย Hokkaido Information University (HIU)

รวมลิ้งก์เทคนิคปรับแต่งเว็บไซต์

คือ ภาษาคอมพิวเตอร์สำหรับการเขียนโปรแกรมบนระบบอินเทอร์เน็ต ที่กำลังได้รับความนิยมอย่างสูง Java JavaScript เป็น ภาษาสคริปต์เชิงวัตถุ (ที่เรียกกันว่า "สคริปต์" (script) ซึ่งในการสร้างและพัฒนาเว็บไซต์ (ใช่ร่วมกับ HTML) เพื่อให้เว็บไซต์ของเราดูมีการเคลื่อนไหว สามารถตอบสนองผู้ใช้งานได้มากขึ้น

เว็บไซต์อ้างอิง
https://www.w3schools.com/js/default.asp

คือ JavaScript Library ซึ่งถูกออกแบบมาเพื่อให้การเขียน javascript นั้นมีความสะดวกและง่ายขึ้น เพราะว่าการนำ JavaScript เอาไปประยุกต์กับงานจำพวกเว็บ (Client-side JavaScript) นั้นเป็นสิ่งที่ยุ่งยาก ไม่ว่าจะเป็นเรื่องความไม่เข้ากันของ web browser แต่ละค่าย, DOM หรือ API เป็นต้น

เว็บไซต์อ้างอิง
https://www.w3schools.com/jquery/default.asp
https://jquery.com/
https://jqueryui.com/

คือกลุ่มโค้ดที่รวมชุดคำสั่งของ HTML (เอชที่เอ็มแอล),CSS (ซีเอสเอส) และ Javascript (จาวาสคิป) ไว้ด้วยกัน ที่พัฒนาขึ้นมาเพื่อกำหนดกรอบหรือรูปแบบของการพัฒนาเว็บไซต์ ซึ่งจะทำให้การพัฒนาเว็บไซต์ทำได้มากขึ้นและใช้งานได้ง่ายและสะดวกรวดเร็วยิ่งขึ้น รวมถึงการรองรับ Smart Device (สมาทดีไว) หรือ Mobile First (โมบาย เฟิร์ส ) ที่หลากหลายต่อการใช้งาน โดยรองรับรูปแบบการพัฒนาที่สามารถรองรับหลากหลาบ Platform ให้ใช้งานนั่นเอง

เว็บไซต์อ้างอิง
https://getbootstrap.com/
https://www.w3schools.com/bootstrap/bootstrap_get_started.asp