โครงการประกวดการออกแบบเว็บไซต์ iWDC
ขอเชิญนักศึกษาเข้าร่วมประกวดผลงานการออกแบบเว็บไซต์ (Web Design Contest) โดยมหาวิทยาลัยเทคโนโลยีราชมงคลธัญบุรีร่วมกับ Hokkaido Information University (HIU) ประเทศญี่ปุ่น จัดโครงการประกวดผลงานการออกแบบเว็บไซต์ ซึ่งผู้ที่ผ่านการคัดเลือกจะได้รับข้อคิดเห็นจากกรรมการ เพื่อรับโอกาสและเตรียมพร้อมสำหรับการนำผลงานไปประกวด สำหรับเข้าร่วมกิจกรรมแลกเปลี่ยนวัฒนธรรม และประกวดเว็บไซต์ กับนักศึกษามหาวิทยาลัย Hokkaido Information University (HIU)
เงื่อนไขและกติกาการส่งผลงาน iWDC2024
ออกแบบเว็บไซต์ภายใต้หัวข้อ
“Motion”
แนวทางการออกแบบเว็บไซต์
แนวทางการพัฒนาเว็บไซต์ในหัวข้อ “Motion” เน้นเรื่องการออกแบบที่สื่อสารความเป็น Motion/การเคลื่อนไหว โดยผู้ออกแบบสามารถตีความได้อย่างอิสระ โดยคำนึงถึงประสบการณ์ผู้ใช้ (UX) และส่วนต่อประสานกับผู้ใช้ (UI) ซึ่งอาจมีการใช้ภาษาสคริปต์ต่าง ๆ เช่น JavaScript เพื่อให้มีการตอบสนองกับผู้ใช้งาน
คุณสมบัติของผู้สมัคร
1) ผู้ส่งผลงานเป็นนักศึกษาของมหาวิทยาลัยเทคโนโลยีราชมงคลธัญบุรี และเป็นนักศึกษาในระดับปริญญาตรี ไม่จำกัดคณะ
2) ผู้สมัครเข้าประกวด 1 คน ต่อ 1 เว็บไซต์
3) ถ้ามี ผลภาษาอังกฤษ จะได้รับการพิจารณาเป็นพิเศษ เช่น RT-TEP คะแนน 3.0 ขึ้นไปหรือผลภาษาอังกฤษตัวอื่น ๆ เทียบเคียง เช่น TOEIC, TOEFL หรือ IELTS ทั้งนี้ให้เป็นไปตามประกาศการรับทุนจากกองทุนนักศึกษา มทร.ธัญบุรี
เงื่อนไขและกติกาการส่งผลงานเข้าประกวด
1. ห้ามนำข้อมูลหรือรูปภาพที่ไม่ใช่ของตนเองมาใช้ออกแบบเว็บไซต์ เช่น Free Vector, รูปภาพติดลิขสิทธิ์จากเว็บไซต์ต่าง ๆ (หากเป็นรูปภาพควรใช้ภาพจากการถ่ายด้วยตนเอง)
2. เป็นเว็บไซต์ภาษาอังกฤษที่เรียบเรียงเนื้อหาด้วยตนเอง และใช้ภาษาที่เป็นทางการ
3. กำหนดให้ใช้ภาษาในการสร้างเว็บไซต์ เช่น HTML, CSS, JavaScript เป็นต้น
4. ห้ามใช้ซอฟต์แวร์สำเร็จรูปในการสร้างเว็บไซต์ เช่น Joomla, WordPress, Adobe Muse, Canva, Adobe Flash เป็นต้น
5. สามารถใช้เครื่องมือ และซอฟต์แวร์ต่าง ๆ ในการออกแบบได้ เช่น Adobe Dreamweaver, Adobe Photoshop, Adobe Illustrator, Adobe Fireworks, 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
กำหนดส่งผลงาน
ตั้งแต่บัดนี้ – 14 มิถุนายน 2567
ผลงานที่ผ่านการคัดเลือกในปี 2024 นี้ จะได้รับข้อคิดเห็นจากกรรมการ เพื่อรับโอกาสและเตรียมพร้อมสำหรับการนำผลงานไปประกวด สำหรับเข้าร่วมกิจกรรมแลกเปลี่ยนวัฒนธรรม และประกวดเว็บไซต์ กับนักศึกษามหาวิทยาลัย 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