การพัฒนาเว็บไซต์สำนักหอสมุด มหาวิทยาลัยทักษิณ สำหรับการรองรับหน้าจอหลายขนาด | Building Responsive Website for Multi-Screen of Thaksin University Library
Abstract
Responsive เป็นเทคนิคการเขียนเว็บไซต์ในการปรับรูปแบบการแสดงผลให้เหมาะสมกับอุปกรณ์พกพา เช่น การปรับเปลี่ยนขนาดตัวอักษร การปรับเปลี่ยนรูปแบบการจัดวางให้เหมาะกับการแสดงผลในแนวแคบ เป็นต้น ซึ่งมีข้อดี คือ สามารถอัพเดทข้อมูลแค่ครั้งเดียว ก็สามารถแสดงผลได้หมดในทุก platform ดังนั้นเพื่อให้ทันกับยุคสมัยเทคโนโลยีสารสนเทศที่เปลี่ยนแปลงไปอย่างรวดเร็ว คณะผู้วิจัยจึงมีแนวคิดในการปรับรูปแบบการแสดงผลเว็บไซต์ของสำนักหอสมุด มหาวิทยาลัยทักษิณให้อยู่ในรูปแบบ Responsive Website เพื่อให้ผู้ใช้สามารถเข้าถึงเว็บไซต์ได้อย่างง่ายดายและสวยงามมากยิ่งขึ้นเมื่อใช้อุปกรณ์ที่มีขนาดหน้าจอแตกต่างกัน เช่น Desktop PC, Tablet หรือ Smartphone เป็นต้น โดยใช้ภาษา HTML5 CSS3 และ jQuery รวมถึงได้ปรับปรุงเนื้อหาเว็บไซต์ให้ตรงตามมาตรฐาน Web Content Accessibility Guidelines (WCAG) 2.0 เพื่อยกระดับการเข้าถึงเว็บไซต์ให้เป็นไปตามหลักสากล แต่เนื่องจากเว็บไซต์สำนักหอสมุด มหาวิทยาลัยทักษิณมีเนื้อหาที่ค่อนข้างมาก เนื้อหาบางส่วนจึงอาจยังไม่เหมาะสมต่อการแสดงผลบนหน้าจอขนาดเล็ก ซึ่งอาจต้องมีการย่อเนื้อหาให้กระชับเพื่อสร้างความประทับใจต่อการรับการบริการของห้องสมุดทุกรูปแบบต่อไปReferences
Histats.com. [Online]. Stats, January 8, 2014. Retrieved from http://www.histats.com/viewstats/?SID=439961&f=1
Mark Walsh. (2010). Gartner: Mobile To Outpace Desktop Web By 2013. Online Media Daily. January 13, 2010.
Responsive Web Design. [Online]. Hyperweb, April 26, 2013. Retrieved from http://hyperweb.ca/our-services/responsive-design.html
Sunil Goria. (2012). Building Website for Mobile Phone Users of an Indian Agriculture University Library: A Model. University Library, G.B. Pant University of Agriculture and Technology.
Website Ranking. [Online]. Stats, January 8, 2014. Retrieved from http://www.stats.in.th/?cmd=stats&sid=43517
Mark Walsh. (2010). Gartner: Mobile To Outpace Desktop Web By 2013. Online Media Daily. January 13, 2010.
Responsive Web Design. [Online]. Hyperweb, April 26, 2013. Retrieved from http://hyperweb.ca/our-services/responsive-design.html
Sunil Goria. (2012). Building Website for Mobile Phone Users of an Indian Agriculture University Library: A Model. University Library, G.B. Pant University of Agriculture and Technology.
Website Ranking. [Online]. Stats, January 8, 2014. Retrieved from http://www.stats.in.th/?cmd=stats&sid=43517
Published
2015-06-16
How to Cite
ชูรอด, พิทย์พิมล; จันทร์สุข, ทิตยา; ขุนไพชิต, ธมลวรรณ.
การพัฒนาเว็บไซต์สำนักหอสมุด มหาวิทยาลัยทักษิณ สำหรับการรองรับหน้าจอหลายขนาด | Building Responsive Website for Multi-Screen of Thaksin University Library.
PULINET Journal, [S.l.], v. 1, n. 3, june 2015.
ISSN 2351-048X.
Available at: <https://pulinet.oas.psu.ac.th/index.php/journal/article/view/56>. Date accessed: 22 nov. 2025.
Section
บทความวิชาการ
1. ลิขสิทธิ์ของบทความเป็นของผู้เขียนและข่ายงานห้องสมุดมหาวิทยาลัยส่วนภูมิภาค (PULINET: Provincial University Library Network)
2. ข้อมูลและความคิดเห็นที่ปรากฏในบทความเป็นความรับผิดชอบของผู้เขียน โดยข่ายงานห้องสมุดมหาวิทยาลัยส่วนภูมิภาค (PULINET: Provincial University Library Network) ไม่จำเป็นต้องเห็นด้วยหรือรับผิดชอบต่อข้อมูลและความคิดเห็นเหล่านั้น
3. ผู้เขียนต้องยินยอมให้บทความของตนซึ่งได้รับการตีพิมพ์เผยแพร่ใน PULINET ฉบับออนไลน์ ได้รับการนำไปใช้ประโยชน์ทางวิชาการภายใต้ขอบเขตของกฎหมายลิขสิทธิ์
2. ข้อมูลและความคิดเห็นที่ปรากฏในบทความเป็นความรับผิดชอบของผู้เขียน โดยข่ายงานห้องสมุดมหาวิทยาลัยส่วนภูมิภาค (PULINET: Provincial University Library Network) ไม่จำเป็นต้องเห็นด้วยหรือรับผิดชอบต่อข้อมูลและความคิดเห็นเหล่านั้น
3. ผู้เขียนต้องยินยอมให้บทความของตนซึ่งได้รับการตีพิมพ์เผยแพร่ใน PULINET ฉบับออนไลน์ ได้รับการนำไปใช้ประโยชน์ทางวิชาการภายใต้ขอบเขตของกฎหมายลิขสิทธิ์