หน้าหลัก  |  บันทึกข้อมูลรายวิชา  |  รอออกรหัสวิชา  |  รายวิชาทั้งหมด

 
ข้อมูลรายวิชา สำหรับการเรียนการสอนในระบบเปิด (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]