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

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

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

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

“E-commerce website”

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

แนวทางการพัฒนาเว็บ E-commerce เน้นเรื่องการออกแบบการแสดงสินค้า เรื่อง UX = ประสบการณ์ของผู้ใช้ UI = ส่วนต่อประสานกับผู้ใช้ มีการใช้ภาษาสคริปต์ต่าง ๆ เช่น JavaScript เพื่อให้มีการตอบสนองกับผู้ใช้งาน สามารถขยายภาพดูรายละเอียดตัวสินค้าได้ การแสดงลำดับภาพสินค้าหลาย ๆ ภาพ หลากหลาย ๆ มุมมอง

*ไม่มีระบบตระกร้าสินค้า ไม่มีระบบชำระเงิน ไม่มีระบบหลังบ้าน (back-end)*

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

1) ผู้ส่งผลงานเป็นนักศึกษาของมหาวิทยาลัยเทคโนโลยีราชมงคลธัญบุรี และเป็นนักศึกษาในระดับปริญญาตรี ไม่จำกัดคณะ
2) ผู้สมัครเข้าประกวด 1 คน ต่อ 1 เว็บไซต์
3) ถ้ามี ผลภาษาอังกฤษ จะได้รับการพิจารณาเป็นพิเศษ เช่น RT-TEP คะแนน 4.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

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

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

 

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

กลุ่มไลน์แอปพลิเคชัน iWDC2023

นักศึกษาที่สนใจสามารถเข้ากลุ่มไลน์ iWDC2023 ได้จากลิ้งก์นี้

https://line.me/ti/g/hMflHWEP-E

WDC Poster

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

คือ ภาษาคอมพิวเตอร์สำหรับการเขียนโปรแกรมบนระบบอินเทอร์เน็ต ที่กำลังได้รับความนิยมอย่างสูง 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