
โครงการประกวดการออกแบบเว็บไซต์ iWDC
ขอเชิญนักศึกษาเข้าร่วมประกวดผลงานการออกแบบเว็บไซต์ (Web Design Contest) โดยมหาวิทยาลัยเทคโนโลยีราชมงคลธัญบุรีร่วมกับ Hokkaido Information University (HIU) ประเทศญี่ปุ่น จัดโครงการประกวดผลงานการออกแบบเว็บไซต์ ซึ่งผู้ที่ผ่านการคัดเลือกจะได้รับข้อคิดเห็นจากกรรมการ เพื่อรับโอกาสและเตรียมพร้อมสำหรับการนำผลงานไปประกวด สำหรับเข้าร่วมกิจกรรมแลกเปลี่ยนวัฒนธรรม และประกวดเว็บไซต์ กับนักศึกษามหาวิทยาลัย Hokkaido Information University (HIU)
เงื่อนไขและกติกาการส่งผลงาน iWDC2025
ออกแบบเว็บไซต์ภายใต้หัวข้อ
“Wellness“
แนวทางการออกแบบเว็บไซต์
แนวทางการพัฒนาเว็บไซต์ในหัวข้อ “Wellness” เน้นเรื่องการออกแบบที่สื่อสารความเป็น “Wellness/ Healthcare / ผู้สูงวัย โดยผู้ออกแบบสามารถตีความได้อย่างอิสระ โดยคำนึงถึงประสบการณ์ผู้ใช้ (UX) และส่วนต่อประสานกับผู้ใช้ (UI) ซึ่งอาจมีการใช้ภาษาสคริปต์ต่าง ๆ เช่น JavaScript เพื่อให้มีการตอบสนองกับผู้ใช้งาน
*พิเศษสำหรับโครงการประกวด WDC ปีนี้ เนื้อหา ภาพ เสียง วิดีโอ นักศึกษาสามารถใช้ปัญญาประดิษฐ์ (AI) ในการพัฒนาได้ ซึ่งจะต้องมีสไลด์อธิบายเครื่องมือที่ใช้ วิธีการสร้างในแต่ละขั้นตอนของ เนื้อหา ภาพ เสียง วิดีโอ จากเว็บไซต์ที่นักศึกษาออกแบบ
คุณสมบัติของผู้สมัคร
- ผู้ส่งผลงานเป็นนักศึกษาของมหาวิทยาลัยเทคโนโลยีราชมงคลธัญบุรี และเป็นนักศึกษาในระดับปริญญาตรี ไม่จำกัดคณะ
- ผู้สมัครเข้าประกวด 1 คน ต่อ 1 เว็บไซต์
- ผู้สมัครต้องมีเกรดเฉลี่ยรวม ต้องไม่ต่ำกว่า 2.30
- ผู้สมัครต้องมีผลภาษาอังกฤษ ตามประกาศการรับทุนจากกองทุนนักศึกษา มทร.ธัญบุรี RT-TEP คะแนน 5 ขึ้นไป หรือ TOEIC 500 คะแนนขึ้นไป ยกเว้น นักศึกษา คณะเทคโนโลยีสื่อสารมวลชน ต้องใช้ผลคะแนน TOEIC เท่านั้น (ผลคะแนนมีอายุไม่เกิน 2 ปี
- นักศึกษาที่ได้รับทุน E-CUBE ไม่สามารถเข้าร่วมโครงการนี้ได้
เงื่อนไขและกติกาการส่งผลงานเข้าประกวด
- ห้ามนำข้อมูลหรือรูปภาพที่ไม่ใช่ของตนเองมาใช้ออกแบบเว็บไซต์ เช่น Free Vector, รูปภาพติดลิขสิทธิ์จากเว็บไซต์ต่าง ๆ (หากเป็นรูปภาพควรใช้ภาพจากการถ่ายด้วยตนเอง)
- เป็นเว็บไซต์ภาษาอังกฤษที่เรียบเรียงเนื้อหาด้วยตนเอง และใช้ภาษาที่เป็นทางการ
- กำหนดให้ใช้ภาษาในการสร้างเว็บไซต์ เช่น HTML, CSS, JavaScript เป็นต้น
- ห้ามใช้ซอฟต์แวร์สำเร็จรูปในการสร้างเว็บไซต์ เช่น Wix, WordPress, Canva เป็นต้น
- สามารถใช้เครื่องมือ และซอฟต์แวร์ต่าง ๆ ในการออกแบบได้ เช่น Adobe Photoshop, Adobe Illustrator, Adobe XD, Figma, HTML Editor เป็นต้น
- เว็บไซต์สามารถรองรับการแสดงผลบนหน้าจอแบบสัมผัสได้ และรองรับขนาดหน้าจอของอุปกรณ์ทุกชนิด
- ห้ามตั้งชื่อไฟล์ต่าง ๆ เป็นภาษาไทย และห้ามใช้อักขระพิเศษ เช่น หน้าหลัก #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)

รวมลิ้งก์เทคนิคปรับแต่งเว็บไซต์
JavaScript
คือ ภาษาคอมพิวเตอร์สำหรับการเขียนโปรแกรมบนระบบอินเทอร์เน็ต ที่กำลังได้รับความนิยมอย่างสูง Java JavaScript เป็น ภาษาสคริปต์เชิงวัตถุ (ที่เรียกกันว่า "สคริปต์" (script) ซึ่งในการสร้างและพัฒนาเว็บไซต์ (ใช่ร่วมกับ HTML) เพื่อให้เว็บไซต์ของเราดูมีการเคลื่อนไหว สามารถตอบสนองผู้ใช้งานได้มากขึ้น
เว็บไซต์อ้างอิง
https://www.w3schools.com/js/default.asp
jQuery
คือ JavaScript Library ซึ่งถูกออกแบบมาเพื่อให้การเขียน javascript นั้นมีความสะดวกและง่ายขึ้น เพราะว่าการนำ JavaScript เอาไปประยุกต์กับงานจำพวกเว็บ (Client-side JavaScript) นั้นเป็นสิ่งที่ยุ่งยาก ไม่ว่าจะเป็นเรื่องความไม่เข้ากันของ web browser แต่ละค่าย, DOM หรือ API เป็นต้น
เว็บไซต์อ้างอิง
https://www.w3schools.com/jquery/default.asp
https://jquery.com/
https://jqueryui.com/
bootstrap
คือกลุ่มโค้ดที่รวมชุดคำสั่งของ HTML (เอชที่เอ็มแอล),CSS (ซีเอสเอส) และ Javascript (จาวาสคิป) ไว้ด้วยกัน ที่พัฒนาขึ้นมาเพื่อกำหนดกรอบหรือรูปแบบของการพัฒนาเว็บไซต์ ซึ่งจะทำให้การพัฒนาเว็บไซต์ทำได้มากขึ้นและใช้งานได้ง่ายและสะดวกรวดเร็วยิ่งขึ้น รวมถึงการรองรับ Smart Device (สมาทดีไว) หรือ Mobile First (โมบาย เฟิร์ส ) ที่หลากหลายต่อการใช้งาน โดยรองรับรูปแบบการพัฒนาที่สามารถรองรับหลากหลาบ Platform ให้ใช้งานนั่นเอง
เว็บไซต์อ้างอิง
https://getbootstrap.com/
https://www.w3schools.com/bootstrap/bootstrap_get_started.asp