 |
|
| ข้อมูลรายวิชา สำหรับการเรียนการสอนในระบบเปิด (Thai MOOC) |
| |
|
| รหัสวิชา : |
rmuti001 |
| รหัสสถาบัน : |
rmuti |
| ชื่อมหาวิทยาลัย/สถาบัน : |
มหาวิทยาลัยเทคโนโลยีราชมงคลอีสาน |
|
| 1. เครือข่ายอุดมศึกษา :
เครือข่ายภาคอีสานล่าง |
| 2. ชื่อวิชาที่เสนอ (โปรดระบุชื่อวิชาทั้งภาษาไทยและภาษาอังกฤษ) |
| ชื่อวิชาภาษาไทย : |
การออกแบบและพัฒนาเว็บไซต์เพื่อรองรับการแสดงผลบนอุปกรณ์เคลื่อนที่ |
| ชื่อวิชาภาษาอังกฤษ : |
Responsive Web Design and Development for Mobile Device |
| 3. ข้อมูลผู้รับผิดชอบรายวิชา (หลัก) |
| ผู้รับผิดชอบรายวิชา : |
นางสาว ศศิวิมล กอบัว |
| ตำแหน่ง : |
อาจารย์ |
| เบอร์ติดต่อ : |
0837938356 |
| อีเมล : |
[email protected] |
| มหาวิทยาลัย/สถาบัน : |
มหาวิทยาลัยเทคโนโลยีราชมงคลอีสาน |
| คณะ : |
คณะบริหารธุรกิจ |
| ภาควิชา : |
สาขาระบบสารสนเทศ |
| |
|
| 4. หมวด ISCED : 0613 Software and applications development and analysis |
| 5. รายวิชาจัดอยู่ในกลุ่มวิชา :
คอมพิวเตอร์และเทคโนโลยี Computer and Technology |
| 6. อายุการให้ประโยชน์ของรายวิชา พิจารณาจากเนื้อหา/ความทันสมัย/ควรปรับปรุงรายวิชาในกี่ปี |
| : |
3 ปี |
| 7. เหตุผลความจำเป็นที่ควรสนับสนุน
การพัฒนารายวิชานี้เป็นรายวิชาในระบบ Thai MOOC |
| : |
ในปัจุบันการออกแบบและพัฒนาเว็บไซต์ได้ให้ความสำคัญกับการพัฒนาเว็บไซต์ให้สามารถรองรับการแสดงผลได้ในทุกอุปกรณ์อย่างเหมาะสมและสวยงาม อาทิ เครื่องคอมพิวเตอร์ โน้ตบุค แทปแลต และแม้กระทั้งสมาร์ทโฟน ซึ่งแนวโน้มการใช้งานผ่านอุปกรณ์เคลื่อนเพิ่มสูงขึ้น (จะเพิ่มขึ้นเป็น 7 เท่าจากปัจจุบันในปี 2021) ผู้พัฒนาเว็บไซต์จึงควรเรียนรู้ใช้งานเครื่องมือที่ช่วยในออกแบบและพัฒนาเว็บไซต์ที่รองรับการแสดงผลบนอุปกรณ์เคลื่อนที่ (Responsive Web) และนอกเหนือจากนั้นผู้เรียนสามารถนำความรู้ที่ได้ไปต่อยอดร่วมกับการเขียนเว็บแอปพลิเคชั่น (Web Application) แบบอื่น ๆ ได้
รายวิชานี้เหมาะกับผู้ที่สนใจออกแบบเว็บไซต์ โดยนำเอาเทคโนโลยี CSS Framework มาใช้เป็นเครื่องมือ ประกอบไปด้วยภาษาเอชทีเอ็มแอล (HTML) ภาษาจัดการการแสดงผล (CSS) และภาษาจัดการเหตุการณ์ (JavaScript) จึงทำให้สามารถออกแบบเว็บที่รองรับการแสดงผลทั้งบนจอคอมพิวเตอร์และบนอุปกรณ์เครื่องที่ (Mobile device) ในลักษณะ Responsive Web ได้ง่ายขึ้น |
| 8. คำอธิบายรายวิชา (นำเสนอรายละเอียดเนื้อหาของรายวิชาอย่างย่อ) |
| : |
การออกแบบและพัฒนาเว็บไซต์เพื่อรองรับการแสดงผลบนอุปกรณ์เคลื่อนที่ เครื่องมือและการใช้งาน CSS Framework ในการสร้าง Responsive Web การใช้ Grid System และ Class Visible & Hidden การสร้างเมนูด้วย Navigation Bar และ การทำ Website Banner/ Slide Banner การใช้งาน Form, Button, Link และ การใช้งาน Modal, Tooltips, Popovers การใช้งาน Responsive Images, Glyphicon และ Media object และการนำ Bootstrap Template มาประยุกต์ใช้งาน |
| 9. วัตถุประสงค์การเรียนรู้เชิงพฤติกรรม (เขียนเป็น Behavioral objectives ตาม Bloom’s taxonomy หลักๆ ไม่เกิน 5 ข้อ) |
| LO1 : |
ผู้เรียนสามารถอธิบายหลักการทำงานของเว็บไซต์แบบ Responsive |
| LO2 : |
ผู้เรียนสามารถบอกลักษณะการแสดงผลของคำสั่งต่าง ๆ ใน CSS Framework ได้ |
| LO3 : |
ผู้เรียนสามารถประยุกต์ CSS Framework ในการออกแบบและพัฒนาเว็บไซต์ได้อย่างถูกต้อง |
| LO4 : |
ผู้เรียนสามารถประยุกต์องค์ความรู้และเทคนิคต่าง ๆ เพื่อพัฒนาเว็บไซต์แบบ Responsive ได้ |
| 10. จำนวนชั่วโมงการเรียนรู้ออนไลน์ทั้งหมด : 12 ชั่วโมง จำนวน : 2
ชั่วโมงการเรียนรู้ต่อสัปดาห์ |
| |
(ชั่วโมงการเรียนรู้ออนไลน์ หมายถึง จำนวนระยะเวลาที่ผู้เรียนใช้ในการเรียนจนจบรายวิชา กำหนดให้ 1 รายวิชามีเนื้อหาไม่มากกว่า 12 ชั่วโมงการเรียนรู้ และสัปดาห์เรียนไม่มากกว่า 6 สัปดาห์) |
| 11. ภาษาที่ใช้ในการสอนผ่านระบบออนไลน์ : ภาษาไทย |
| 12. ระดับของเนื้อหารายวิชา |
|
- มัธยมปลาย
- ปริญญาตรี
- ปริญญาโท
- ปริญญาเอก
- ความรู้ทั่วไป
- เป็นส่วนหนึ่งของรายวิชา (ระบุ)... : การเขียนโปรแกรมเว็บแบบพลวัติ (Dynamic Web Programming)
|
| 13. ระดับความยากของเนื้อหารายวิชา : ขั้นกลาง |
| 14. กลุ่มผู้เรียนเป้าหมายของรายวิชา |
| กลุ่มเป้าหมาย : |
1.นักศึกษาในรายวิชาการเขียนโปรแกรมเว็บแบบพลวัติ 150 คน
2.นักเรียนและนักศึกษาในสาขาวิชาที่สนใจ 50 คน
2.สาขาวิชาอื่นที่เกี่ยวข้องที่สนใจในการศึกษา 30 คน
3.บุคคลทั่วไป 20 คน |
| จำนวนผู้เรียน : |
ตามกลุ่มเป้าหมายประมาณการ 250 คน |
| 15. การนำผลการเรียนรู้ไปใช้ประโยชน์ |
| |
- เป็นส่วนหนึ่งของรายวิชาในหลักสูตรปกติ วิชา : การเขียนโปรแกรมเว็บแบบพลวัติ (Dynamic Web Programming)
- เรียนเพื่อพัฒนาองค์ความรู้ส่วนบุคคล : สำหรับนักเรียนและนักศึกษาในสาขาวิชาที่สนใจ สาขาวิชาอื่นที่เกี่ยวข้อง และบุคคลทั่วไป
|
| 16. ความรู้พื้นฐานที่ต้องมี |
| |
ความรู้พื้นฐานในการพัฒนาเว็บไซต์ด้วย HTML CSS Javascript |
| |
|
|
| สอบถามการใช้งาน แจ้งปัญหาระบบติดต่อ FACEBOOK: THAIMOOC SUPPORT e-Mail: [email protected] |