บทความนี้นำเสนอระบบสร้างเว็บไซต์ออนไลน์ ซึ่งพัฒนาขึ้นตามหลักการ What You See Is What You Get (WYSIWYG) มีวัตถุประสงค์เพื่อช่วยผู้ใช้ทั่วไปที่ไม่มีความรู้ทางด้านการเขียนโปรแกรม สามารถสร้างเว็บไซต์และปรับเปลี่ยนหน้าเว็บเพจผ่านเครือข่ายอินเทอร์เน็ตได้ตามความต้องการ ซึ่งผู้ใช้สามารถเห็นหน้าเว็บเพจได้ทันทีในระหว่างที่มีการปรับเปลี่ยนเนื้อหา ระบบประกอบด้วยการทำงาน 3 ส่วนหลัก ได้แก่ 1) Configuration คือส่วนการกำหนดค่าเริ่มต้นให้กับเว็บไซต์ เพื่อช่วยในเรื่องการระบุที่อยู่ การเลือกตัวช่วยหรือเครื่องมือสำเร็จรูปสำหรับสร้างเว็บเพจ 2) Web building & editing คือส่วนการสร้างเว็บเพจ ซึ่งประกอบด้วย เครื่องมือทั่วไป (Components) เครื่องมือสำเร็จรูป (Modules) และเครื่องมือปรับแต่งคุณสมบัติ (Properties) รวมทั้งมีการแสดงหน้าเว็บเพจที่กำลังสร้าง การบันทึกข้อมูล การสร้างข้อมูลใหม่ และ 3) Data & content collection คือส่วนแสดงข้อมูลประวัติการสร้างเว็บไซต์ ที่อยู่ของไฟล์ต่าง ๆ และข้อมูลผู้ดูแลระบบ เพื่อให้ผู้ใช้สามารถเข้ามาจัดการระบบได้ด้วยตนเอง ระบบพัฒนาโดยภาษา PHP, CSS3 และ JavaScript ระบบจัดการฐานข้อมูลด้วย MySQL และใช้ Apache เป็นเว็บเซิร์ฟเวอร์ นอกจากนี้ยังใช้เครื่องมือช่วยอื่น เช่น Bootstrap, Smarty, jQuery เป็นต้น จากการทดสอบระบบพบว่าทุกส่วนการทำงานหลัก ตลอดจนการอำนวยความสะดวกของระบบ และการออกแบบระบบสามารถใช้งานได้ในระดับดี ส่วนข้อเสนอแนะสำหรับการพัฒนาต่อไปคือควรเพิ่มเครื่องมือในการสร้างหน้าเว็บเพจและฟังก์ชันต่าง ๆ ให้รองรับสื่อประสมที่หลากหลาย
This paper identifies that Web-based system development which adopted concept “What You See Is What You Get (WYSIWYG)” would facilitate generic, non-programming background user to create and edit his own web page via the Internet easily. WYSIWYG would allow the editor to see similar contents to visitor does. The system consists of three main running sectors; Configuration, Web building & editing, and Data & content collection. Firstly, Configuration setting is where the initial values which identify web address and other relating web building tools are located. Secondly, Web building and editing consist of web address, common tools (Components), instant tools (Modules) and decoration tools (Properties). Also, the current web pages status will be shown which includes web creating, data recording and new record building. Finally, Data and content collection is where records creating history, file locations, and administrator’s authentication which provide for user management will be stored. The main system application is developed by PHP, CSS3, JavaScript, MySQL, Apache, Bootstrap, Smarty, and jQuery. The system testing results show a high score of user satisfaction and user friendly friendliness. Nevertheless, the recommendation for this system is the system developer might consider to add more function tools that.
