วิชาโครงการออนไลน์

บทที่ 2

ทฤษฎี หลักการและงานวิจัยที่เกี่ยวข้อง

2. ทฤษฎีและหลักการที่เกี่ยวของ

2.1.1 เว็บไซต์

2.1.2 ภาษา HTML

2.1.3 ภาษา PHP

2.1.4 ภาษา CSS

2.1.5 ภาษา JavaScript

2.1.6 โปรแกรม Visual Studio Code

2.1.7 โปรแกรม Xampp

2.1.8 โปรแกรม MySQL

2.1.9 ระบบฐานข้อมูล

2.1.10 โปรแกรม Bootstrap

2.1 ทฤษฏีและหลักการที่เกี่ยวของ

2.1.1 เว็บไซต์

เว็บไซต์ คือสื่อนำเสนอข้อมูลบนเครื่องคอมพิวเตอร์ หรือคือการรวบรวม หน้าเว็บเพจหลายหน้า ซึ่งเชื่อมโยงกันผ่านทางไฮเปอร์ลิงก์ ซึ่งต้องเปิดด้วยโปรแกรมเฉพาะทางที่เรียกว่า Web Browser โดยถูกจัดเก็บไว้ในเวิลด์ไวด์เว็บ และเว็บไซต์นั้นถูกสร้างขึ้นด้วยภาษาทางคอมพิวเตอร์ที่เรียกว่า HTML (Hyper Text Markup Language) และได้มีการพัฒนาและนำภาษาอื่นๆเข้ามาร่วมด้วย เพื่อให้มีความสามารถมากขึ้น เช่น PHP , SQL , Java ฯลฯ โครงสร้างของเว็บไซต์ดังรูปที่2.1

รูปที่ 2.1 โครงสร้างของเว็บไซต์
โดยเว็บไซต์แบ่งตามลักษณะการใช้งานและการโต้ตอบกับผู้ใช้ได้เป็น 2 ชนิด คือ
1) Static Website หมายถึง เว็บไซต์ที่สร้างด้วยภาษา HTML ธรรมดา และบันทึกเป็นไฟล์นามสกุล .html เนื้อหาข้อความ รูปภาพในหน้าเว็บเพจนั้นจะเป็นไปตามที่เราเขียนกำหนดไว้ เมื่อมีผู้เรียกดูหน้าเว็บเพจนั้น Web Server ก็จะส่งไฟล์นั้นไปให้ยังเครื่องที่ร้องขอ และแสดงผลออกทางโปรแกรมเว็บเบราเซอร์บนเครื่องของผู้ชมนั้น Static Website เหมาะกับเว็บไซต์ที่มีขนาดไม่ใหญ่ จำนวนหน้าเว็บเพจไม่มาก ไม่มีการเปลี่ยนแปลงข้อมูลบ่อยๆ และไม่มีการติดต่อฐานข้อมูล เว็บรูปแบบนี้สามารถทำได้ไม่ยาก โดยต้องศึกษาเรื่องการเขียนเว็บเพจด้วย HTML ก่อน ข้อดีของเว็บรูปแบบนี้ คือ เราสามารถกำหนดรูปแบบกาตกแต่ง และเนื้อหา ของแต่ละหน้าได้ตามต้องการ แต่ก็ควรควบคุมสไตล์ของแต่ละหน้าให้เหมือนกันด้วย อย่าให้หน้าใดโดดจนคิดว่าเป็นคนละเว็บไซต์กัน ส่วนข้อเสียก็คือ การแก้ไขเปลี่ยนแปลงยุ่งยาก จะต้องแก้ไขกับไฟล์หน้าเว็บเพจนั้นๆ เมื่อแก้ไขแล้ว ก็ต้อง Upload ไฟล์นั้นขึ้นไป Web Server ใหม่ทุกครั้ง และเว็บรูปแบบนี้จะไม่สามารถใช้งานฐานข้อมูลได้
2) Dynamic Website หมายถึง เว็บไซต์ที่หน้าเว็บเพจสามารถเปลี่ยนแปลงข้อมูลเองได้ โดยไม่ต้องเขียนแต่ละหน้าเว็บเพจเอง เช่น กระดานข่าว (Webboard), ระบบสืบค้นข้อมูล สังเกตได้ว่า เมื่อมีผู้มาตั้งกระทู้ และตอบกระทู้ ก็จะเกิดหน้าเว็บเพจนั้นๆขึ้นได้เอง โดยที่เราไม่ได้เป็นคนสร้างหน้าเว็บเพจเหล่านั้นเอง เว็บไซต์รูปแบบนี้จะถูกสร้างด้วยภาษา Script แบบ Server Side Script เช่น PHP, ASP, ASP.Net, JSP และอื่นๆ ไฟล์เอกสารที่ไ้ด้จะมีนามสกุล .php, .asp เป็นต้น และมักจะมีการติดต่อกับฐานข้อมูลเพื่อบันทึกข้อมูลลงในฐานข้อมูล หรือนำข้อมูลจากฐานข้อมูลขึ้นมาแสดงผลเป็นหน้าเว็บเพจส่วนการทำงานของเว็บไซต์รูปแบบนี้ จะต่างจากแบบ Static Website โดยเมื่อมีผู้ชมเรียกดูหน้าเว็บเพจ ไฟล์หน้าเว็บเพจนั้นจะถูกแปลและ execute คำสั่งโดยตัว Interpreter ที่ฝั่ง Server ใ้ห้อยู่ในรูปแบบเอกสาร HTML ก่อน จึงส่งกลับให้ Web Server เพื่อส่งต่อไปให้โปรแกรมเว็บเบราเซอร์ของผู้ใช้งานต่อไป การสร้างเว็บไซต์รูปแบบนี้ ต้องอาศัยความรู้ในการเขียนโปรแกรมมากกว่าแบบแรกมาก นอกจากจะต้องมีความรู้พื้นฐาน HTML แล้ว ยังต้องเขียนภาษา Server Side Script เป็นอย่างน้อย 1 ภาษา ต้องรู้เรื่องการจัดการฐานข้อมูล ต้องเขียน SQL เพื่อจัดการกับข้อมูลในฐานข้อมูลได้ และถ้าอยากให้ระบบงานทำงานได้อย่างรวดเร็วไม่ต้อง Refresh หน้าจอบ่อยๆ ยังต้องรู้เรื่อง AJAX อีกด้วย ในการจัดทำเว็บไซต์ใหม่ขึ้นมาหนึ่งเว็บไซต์นั้น สิ่งที่จำเป็นอย่างยิ่งคือการกำหนดวัตถุประสงค์ของการจัดทำให้ชัดเจน เพื่อเป็นแนวทางในการออกแบบและพัฒนาเว็บไซต์ต่อไป

2.1.2 ภาษา HTML

HTML เป็นภาษาคอมพิวเตอร์รูปแบบหนึ่ง เพื่อตอบสนองในการแสดงผลบนจอภาพในระบบอินเตอร์เน็ตนลักษณะของเว็บเพจ ซึ่งสามารถแสดงผลได้ทั้งภาษาไทยและภาษาอังกฤษ รวมทั้งรูปทรงกราฟิก ภาพนิ่ง ภาพเคลื่อนไหว เสียง หรือแม้กระทั่งการเชื่อมโยงไปยังเว็บไซต์อื่น ๆ ในระบบอินเตอร์เน็ต ภาษา HTML เป็นภาษาที่มีลักษณะของโค้ด กล่าวคือ จะเป็นไฟล์ที่เก็บข้อมูลที่เป็นตัวอักษรในมาตรฐานของรหัสแอสกี ( ASCII Code ) โดยเขียนอยู่ในรูปของเอกสารข้อความ (Text Document )ดังนั้นจึงทำให้ง่ายต่อการเรียนรู้ สามารถกำหนดรูปแบบและโครงสร้างได้ง่าย ด้วยภาษา HTML นี้ได้ถูกพัฒนามาอย่างต่อเนื่องเพื่อให้ใช้ได้ง่ายขึ้นและตอบสนองต่อการใช้ภาพทางกราฟิก ซึ่ง HTML เป็นภาษาที่ถูกพัฒนาโดย World Wide Web Consortium (W3C) จากแม่แบบของภาษา SGML (Standard Generalized Markup Language) โดยตัดความสามารถบางส่วนออกไป เพื่อให้สามารถทำความเข้าใจและเรียนรู้ได้ง่าย และด้วยประเด็นดังกล่าว ทำให้บริการ www เติบโตขยายตัวอย่างกว้างขวาง นอกจากนี้ภาษา HTML สามารถใช้ได้กับโปรแกรมสร้างและแก้ไขไฟล์ข้อความ ( Text Editor ) ต่าง ๆ ซึ่งง่ายต่อการเรียนรู้ และไฟล์ที่ได้จะมีขนาดเล็ก นอกจากนี้ภาษา HTML ยังมีลักษณะพิเศษที่ควรทราบดังนี้
1) สามารถใช้ได้กับโปรแกรมสร้างและแก้ไขไฟล์ข้อความ ( Text Editor ) ได้แก่ Notepad, SideKick, Word Processing ต่าง ๆ ซึ่งง่ายต่อการเรียนรู้ และไฟล์ที่ได้จะมีขนาดเล็ก
2) HTML ที่ถูกบันทึกใน Text Editor จะมีชนิดของไฟล์เป็น HTM สำหรับในระบบปฏิบัติการ MS-DOS และจะมีชนิดเป็น HTM หรือ HTML ในระบบปฏิบัติการยูนิกซ์ วินโดวส์
3) สามารถทำงานได้บนเว็บบราวเซอร์ทุกตัวที่สนับสนุน HTML ได้แก่ Netscape ,Microsoft Internet Explorer, American Online, Mosaic เป็นต้นไอคอนของภาษา HTML ดังรูปที่ 2.2

รูปที่ 2.2 ภาษา HTML
โครงสร้างของภาษา HTML
(1) ส่วนที่เป็นข้อมูลที่ต้องการแสดง เช่น ข้อความ ภาพ เสียง ภาพเคลื่อนไหว เป็นต้น
(2) ส่วนที่เป็นคำสั่งแท็ก (TAG) เพื่อใช้กำหนดลักษณะของข้อมูล โดยกำหนดเป็นแท็กเปิดและแท็กปิด เช่น การวางตำแหน่งของข้อมูลขนาดของข้อความ การกำหนดสีข้อความ เป็นต้น
ภาษา HTML มีโครงสร้างเหมือนการเขียนโปรแกรมอื่น เช่น โปรแกรมภาษา Pascal จะมีการกำหนดส่วนเรื่มต้นเป็น Begin และสิ้นสุดเป็น End สำหรับภาษา HTML จะมีโครงสร้าง 2 ส่วนคือ ส่วนหัว (HEAD) และส่วนเนื้อหาของเอกสาร (BODY) ดังนี้แสดงในรูปที่ 2.3

รูปที่ 2.3 โครงสร้างของภาษา HTML

2.1.3 ภาษา PHP

PHP ย่อมาจากคำว่า “Personal Home Page Tool” (ปัจจุบันได้เพิ่มเติมคำย่อใหม่โดยรวมกับตัวย่อเป็น PHP : PHP Hypertext Preprocessor) ซึ่งเป็นภาษาประเภท Script Language ที่ทำงานแบบ Server Side Script กระบวนการทำงานจะทำงานแบบโปรแกรมแปลคำสั่ง interpreter คือแปลภาษาทุกครั้งที่มีคนเรียกสคริปต์ ข้อดีคือ ไม่ต้องนำไปประมวลผลใหม่ (Compiler) เมื่อจะนำโปรแกรมไปใช้งาน หรือจะอัพเดตเวอร์ชั่นของโปรแกรม สามารถอัพโหลดขึ้นไปทับไฟล์เดิมแล้วใช้งานได้ทันที ขอเสียที่ต่างกันอย่างชัดเจนก็คือ กรณี Syntax ผิดจะรู้ก็ต่อเมื่อมีผู้ใช้งานเจอบั๊ก ภาษา PHP จัดอยู่ในประเภท การเขียนโปรแกรมบนเว็บ (Web-based Programming) เพราะเราจะเก็บโค้ดคำสั่ง หรือสคริปต์ทั้งหมดที่เขียนขึ้นมาไว้บนเครื่องเซิร์ฟเวอร์ที่เดียว (Web Server) และให้ผู้ใช้งาน (Client) เรียกใช้งานโปรแกรมผ่านเว็บเบราเซอร์ต่างๆ เช่น Internet Explorer, Mozilla Firefox, Google Chrome, Opera, Safari ฯลฯ เพื่อนำข้อมูลมาแสดงผลที่หน้าจอของผู้ใช้แต่ละคน รูปไอคอนของภาษา PHP ดังรูปที่ 2.4

รูปที่ 2.4 ภาษา PHP
สำหรับไฟล์เว็บเพจที่มีภาษา PHP รวมอยู่ด้วยนั้น เมื่อเราเปิดเว็บบราวเซอร์ที่มีไฟล์ PHP จะทำงานดังนี้
1) โปรแกรมเว็บบราวเซอร์จะมีการร้องขอไฟล์ PHP ไปยังเว็บเซิร์ฟเวอร์
2) เครื่องเซิร์ฟเวอร์ก็จะเรียก PHP engine ขึ้นมาแปลไฟล์ PHP
3) ติดต่อกับฐานข้อมูล
4) ส่งผลลัพธ์ที่ได้จากการแปลและประมวลผลเป็นภาษา HTML ทั้งหมดกลับไปยังเว็บบราวเซอร์
โครงสร้างของภาษา PHP ดังรูปที่ 2.5

รูปที่ 2.5 โครงสร้างของภาษา PHP

2.1.4 ภาษา CSS

CSS ย่อมาจาก Cascading Style Sheet มักเรียกโดยย่อว่า "สไตล์ชีต" คือภาษาที่ใช้เป็นส่วนของการจัดรูปแบบการแสดงผลเอกสาร HTML โดยที่ CSS กำหนดกฏเกณฑ์ในการระบุรูปแบบ (หรือ "Style") ของเนื้อหาในเอกสาร อันได้แก่ สีของข้อความ สีพื้นหลัง ประเภทตัวอักษร และการจัดวางข้อความ ซึ่งการกำหนดรูปแบบ หรือ Style นี้ใช้หลักการของการแยกเนื้อหาเอกสาร HTML ออกจากคำสั่งที่ใช้ในการจัดรูปแบบการแสดงผล กำหนดให้รูปแบบของการแสดงผลเอกสาร ไม่ขึ้นอยู่กับเนื้อหาของเอกสาร เพื่อให้ง่ายต่อการจัดรูปแบบการแสดงผลลัพธ์ของเอกสาร HTML โดยเฉพาะในกรณีที่มีการเปลี่ยนแปลงเนื้อหาเอกสารบ่อยครั้ง หรือต้องการควบคุมให้รูปแบบการแสดงผลเอกสาร HTML มีลักษณะของความสม่ำเสมอทั่วกันทุกหน้าเอกสารภายในเว็บไซต์เดียวกัน โดยกฏเกณฑ์ในการกำหนดรูปแบบ (Style) เอกสาร HTML ถูกเพิ่มเข้ามาครั้งแรกใน HTML 4.0 เมื่อปีพ.ศ. 2539 ในรูปแบบของ CSS level 1 Recommendations ที่กำหนดโดย องค์กร World Wide Web Consortium หรือ W3C ไอคอนของภาษา CSS ดังรูปที่ 2.6

รูปที่ 2.6 ภาษา CSS
CSS มีประโยชน์อย่างไร
1) ภาษา CSS จะช่วยในการจัดรูปแบบแสดงผลให้กับภาษา HTML ซึ่งจะช่วยลดการใช้ภาษา HTML ให้น้อยลง โดยเหลือเพียงแต่ส่วนที่เป็นเอกสารที่เป็นภาษา HTML เท่านั้นทำให้มีการแก้ไขและทำความเข้าใจได้ง่ายขึ้น
2) ทำให้ขนาดไฟล์ HTML น้อยลงเนื่องจาก ภาษา CSS จะช่วยลงการใช้ภาษา HTML ลงทำให้ขนาดไฟล์นั้นก็เล็กลงไปด้วยเช่นกัน
3) ภาษา CSS เป็นภาษา Style Sheets โดย Style Sheets ชุดเดียวสามารถใช้กำหนดรูปแบบการแสดงผลให้เอกสาร HTML ทั้งหน้า หรือทุกหน้ามีผลเหมือนกันได้ จึงทำให้เวลาที่มีการแก้ไขก็จะแก้ไขได้ง่ายขึ้นเพียงแก้ไข Style Sheets ที่ใช้งานเพียงชุดเดียวเท่านั้น
4) ทำให้เว็บไซต์มีมาตราฐานเพราะการใช้งาน CSS นั้นจะทำให้การแสดงผลในสื่อต่าง ๆ ถูกปรับเปลี่ยนไปได้อย่างเหมาะสม เช่น การแสดงผลบนหน้าจอ และการแสดงผลในมือถือ
5) CSS สามารถที่จะใช้งานได้หลากหลาย เว็บบราวเซอร์ ทำให้การใช้งานนั้นสะดวกมากยิ่งขึ้น
6) CSS สามารถกำหนดแยกไว้ต่างหากจากไฟล์เอกสาร HTML และสามารถนำมาใช้ร่วม กับเอกสารหลายไฟล์ได้ การแก้ไขก็แก้เพียง จุดเดียวก็มีผลกับเอกสารทั้งหมด
CSS กับ HTML นั้นทำหน้าที่คนละอย่างกัน โดย HTML จะทำหน้าที่ในการวางโครงร่างเอกสารอย่างเป็นรูปแบบ ถูกต้อง เข้าใจง่าย ไม่เกี่ยวข้องกับการแสดงผล ส่วน CSS จะทำหน้าที่ในการตกแต่งเอกสารให้สวยงาม เรียกได้ว่า HTML คือส่วน coding ส่วน CSS คือส่วน design

2.1.5 ภาษา JavaScript

ภาษา JavaScript หรือย่อ JS เป็นภาษาเขียนโปรแกรมที่ถูกพัฒนาและปฏิบัติตามข้อกำหนดมาตรฐานของ ECMAScriptภาษาJavaScriptนั้นเป็นภาษาระดับสูง คอมไพล์ในขณะที่โปรแกรมรัน (JIT) และเป็นภาษาเขียนโปรแกรมแบบหลายกระบวนทัศน์ เช่น การเขียนโปรแกรมเชิงขั้นตอน การเขียนโปรแกรมเชิงวัตถุ หรือการเขียนโปรแกรมแบบ Functional ภาษา JavaScript มีไวยากรณ์ที่เหมือนกับภาษา C ใช้วงเล็บเพื่อกำหนดบล็อคของคำสั่ง นอกจากนี้ JavaScript ยังเป็นภาษาที่มีประเภทข้อมูลแบบไดนามิกส์ เป็นภาษาแบบ Prototype based และ First class function ภาษา JavaScript นั้นถือว่าเป็นเทคโนโลยีหลักของการพัฒนาเว็บไซต์ (World Wide Web) มันทำให้หน้าเว็บสามารถตอบโต้กับผู้ใช้ได้โดยที่ไม่จำเป็นต้องรีเฟรชหน้าใหม่ (Dynamic website) เว็บไซต์จำนวนมากใช้ภาษา JavaScript สำหรับควบคุมการทำงานที่ฝั่ง Client side นั่นทำให้เว็บเบราว์เซอร์ต่างๆ มี JavaScript engine ที่ใช้สำหรับประมวลผลสคริปของ ภาษา JavaScript ที่รันบนเว็บเบราว์เซอร์ เนื่องจากภาษา JavaScript เป็นภาษาเขียนโปรแกรมแบบหลายกระบวนทัศน์ ทำให้มันรองรับการเขียนโปรแกรมทั้งแบบ Event driven Functional และแบบลำดับขั้นตอน มันมีไลบรารี่ (APIs) สำหรับทำงานกับข้อความ วันที่ Regular expression และโครงสร้างข้อมูลพื้นฐานอย่าง Array และ Map หรือแม้กระทั่ง Document Object Model (DOM) ซึ่งเป็น API ที่โดยทั่วไปแล้วสามารถได้บนเว็บเบราว์เซอร์
อย่างไรก็ตาม ตัวของภาษา JavaScript เองไม่ได้มีฟังก์ชันสำหรับอินพุต/เอาต์พุต (I/O) ที่มากับภาษา เช่น ฟังก์ชันเกี่ยวกับ Network การงานกับไฟล์ หรือไลบรารี่เกี่ยวกับกราฟิก โดยทั่วไปแล้วสิ่งเหล่านี้จะถูกให้มาโดย Host environment (สภาพแวดล้อมที่ใช้รันภาษา JavaScript) เช่น เว็บเบราว์เซอร์ หรือ Node.js ซึ่งจะแตกต่างกันออกไป ยกตัวอย่างเช่น การรับค่าในเว็บเบราว์เซอร์จะผ่านฟังก์ชัน prompt ซึ่งเป็นส่วนหนึ่งของ Browser Object Model (BOM) หรือรับค่าจาก HTML ฟอร์มซึ่งเป็นส่วนหนึ่งของ Document Object Model (DOM) ขณะที่บน Node.js เราสามารถรับค่าได้จาก Input/Output Stream ของ Command line ถึงแม้ว่ามันจะมีความคล้ายคลึงกันระหว่างภาษา Java และ JavaScript เช่น ชื่อของภาษา ไวยากรณ์ หรือไลบรารี่มาตรฐานต่างๆ อย่างไรก็ตาม ทั้งสองภาษาแตกต่างกันอย่างสิ้นเชิงในแง่ของการออกแบบ ภาษา Java เป็นภาษาที่มีประเภทข้อมูลแบบคงที่ (Static typing) ในขณะที่ภาษา JavaScript มีประเภทข้อมูลแบบไดนามิกส์ (Dynamic typing) ภาษา Java ถูกคอมไพล์เป็น Byte code ก่อนที่จะรัน ในขณะที่ภาษา JavaScript จะคอมไฟล์ในตอนที่โปรแกรมรัน ภาษา Java เป็นภาษาแบบ Class based ในขณะที่ภาษา JavaScript เป็นภาษาแบบ Prototype based รูปไอคอนของภาษา JavaScript ดังรูปที่ 2.7

รูปที่ 2.7 ภาษา JavaScript
คุณสมบัติของภาษา JavaScript
1) JavaScript ทำให้สามารถใช้เขียนโปรแกรมแบบง่ายๆได้ โดยไม่ต้องพึ่งภาษาอื่น
2) JavaScript มีคำสั่งที่ตอบสนองกับผู้ใช้งาน เช่นเมื่อผู้ใช้คลิกที่ปุ่ม หรือ Checkbox ก็สามารถสั่งให้เปิดหน้าใหม่ได้ ทำให้เว็บไซต์ของเรามีปฏิสัมพันธ์กับผู้ใช้งานมากขึ้น นี่คือข้อดีของ JavaScript เลยก็ว่าได้ที่ทำให้เว็บไซต์ดังๆทั้งหลายเช่น Google Map ต่างหันมาใช้
3) JavaScript สามารถเขียนหรือเปลี่ยนแปลง HTML Element ได้ นั่นคือสามารถเปลี่ยนแปลงรูปแบบการแสดงผลของเว็บไซต์ได้ หรือหน้าแสดงเนื้อหาสามารถซ่อนหรือแสดงเนื้อหาได้แบบง่ายๆนั่นเอง
4) JavaScript สามารถใช้ตรวจสอบข้อมูลได้ สังเกตว่าเมื่อเรากรอกข้อมูลบางเว็บไซต์ เช่น Email เมื่อเรากรอกข้อมูลผิดจะมีหน้าต่างฟ้องขึ้นมาว่าเรากรอกผิด หรือลืมกรอกอะไรบางอย่าง เป็นต้น
5) JavaScript สามารถใช้ในการตรวจสอบผู้ใช้ได้เช่น ตรวจสอบว่าผู้ใช้ ใช้ web Browser อะไร
6) JavaScript สร้าง Coockies (เก็บข้อมูลของผู้ใช้ในคอมพิวเตอร์ของผู้ใช้เอง) ได้
ข้อดีและข้อเสียของ Java JavaScript
การทำงานของ JavaScript เกิดขึ้นบนบราวเซอร์ (เรียกว่าเป็น client side script) ดังนั้นไม่ว่าคุณจะใช้เซิร์ฟเวอร์อะไร หรือที่ไหน ก็ยังคงสามารถใช้ JavaScript ในเว็บเพจได้ ต่างกับภาษาสคริปต์อื่น เช่น Perl, PHP หรือ ASP ซึ่งต้องแปลความและทำงานที่ตัวเครื่องเซิร์ฟเวอร์ (เรียกว่า server side script) ดังนั้นจึงต้องใช้บนเซิร์ฟเวอร์ ที่สนับสนุนภาษาเหล่านี้เท่านั้น อย่างไรก็ดี จากลักษณะดังกล่าวก็ทำให้ JavaScript มีข้อจำกัด คือไม่สามารถรับและส่งข้อมูลต่างๆ กับเซิร์ฟเวอร์โดยตรง เช่น การอ่านไฟล์จากเซิร์ฟเวอร์ เพื่อนำมาแสดงบนเว็บเพจ หรือรับข้อมูลจากผู้ชม เพื่อนำไปเก็บบนเซิร์ฟเวอร์ เป็นต้น ดังนั้นงานลักษณะนี้ จึงยังคงต้องอาศัยภาษา server side script อยู่ (ความจริง JavaScript ที่ทำงานบนเซิร์ฟเวอร์เวอร์ก็มี ซึ่งต้องอาศัยเซิร์ฟเวอร์ที่สนับสนุนโดยเฉพาะเช่นกัน แต่ไม่เป็นที่นิยมนัก)

2.1.6 โปรแกรม Visual Studio Code

VS Code หรือ Visual Studio Code เป็นโปรแกรม Code Editor ที่ใช้ในการแก้ไขและปรับแต่งโค้ด โดยมาจากค่ายไมโครซอฟท์ ที่มีการพัฒนาออกมาในรูปแบบของ OpenSource จึงสามารถนำมาใช้งานได้แบบฟรี ๆ ทีสต้องการความเป็นมืออาชีพ ซึ่ง Visual Studio Code นั้น เหมาะสำหรับนักพัฒนาโปรแกรมที่ต้องการใช้งานกับแพลตฟอร์ม มีการรองรับการใช้งานทั้งบน Windows , macOS และ Linux มีการสนับสนุนทั้งภาษา JavaScript, TypeScript และ Node.js สามารถเชื่อมต่อกับ Git ได้ สามารถนำมาใช้งานได้ง่ายไม่ซับซ้อน มีเครื่องมือส่วนขยายต่างๆ ให้เราเลือกใช้อย่างมาก ไม่ว่าจะเป็น
1) การเปิดใช้งานภาษาอื่น ๆ ทั้ง ภาษา C++ , C# , Java , Python , PHP
2) Themes 3. Debugger 4. Commands
ไอคอนของโปรแกรม Visual Studio Code ดังรูปที่ 2.8

รูปที่ 2.8 ไอคอนโปรแกรม Visual Studio Code

2.1.7 โปรแกรม Xampp

Xampp คือโปรแกรมจำลอง web server ทำให้เราสามารถทดสอบเว็บไซต์ได้โดยที่ไม่ต้องเชื่อมต่ออินเตอร์เน็ต และไม่มีค่าใช่จ่ายใดๆ XAMPP ประกอบด้วย Apache, PHP, MySQL, PHP MyAdmin, Perl ซึ่งเป็นโปรแกรมพื้นฐานที่รองรับการทำงาน CMS ซึ่งเป็นชุดโปรแกรม สำหรับออกแบบเว็บไซต์ที่ได้รับความนิยมในปัจจุบัน ไฟล์สำหรับติดตั้ง xampp นั้นอาจมีขนาดใหญ่สักหน่อย เนื่องจาก มีชุดควบคุมการทำงานที่ช่วยให้การปรับแต่งส่วนต่าง ๆ ง่ายขึ้น XAMPP นั้นรองรับระบบปฏิบัติการหลายตัว เช่น Windows, Linux, Apple ทำงานได้ทั้งบนระบบปฏิบัติการแบบ 32 bit และ 64 bit รูปของโปรแกรม Xampp Control Panel ดังรูปที่ 2.9

รูปที่ 2.9 รูปโปรแกรม Xampp Control Panel
โปรแกรม XAMPP สามารถใช้งานได้ 4 OS ได้แก่
1) Windows สามารถใช้งานได้กับ windows รุ่น 2000, 2003, xp, vista, windows 7
2) Linux สำหรับ SuSE, RedHat, Mandrake, Debian และ Ubuntu
3) Mac OS X
4) Solaris สำหรับ Solaris 8 และ Solaris 9
ในการใช้งานเบื้องต้นให้ดับเบิ้ลคลิ๊ก Xampp Control Panel Application แล้วทำการคลิ๊กปุ่ม start จากนั้นสามารถใช้งานได้ โดยเปิด Browser ขึ้นมาพิมพ์ localhost หรือ 127.0.0.1 หน้าตาของโปรแกรม Xampp Control Panel ดังรูปที่ 2.10

รูปที่ 2.10 หน้าตาของโปรแกรม Xampp Control Panel

2.1.8 โปรแกรม MySQL

MySQL คือ โปรแกรมระบบจัดการฐานข้อมูล ที่พัฒนาโดยบริษัท MySQL AB มีหน้าที่เก็บข้อมูลอย่างเป็นระบบ รองรับคำสั่ง SQL เป็นเครื่องมือสำหรับเก็บข้อมูลที่ต้องใช้ร่วมกับเครื่องมือหรือโปรแกรมอื่นอย่างบูรณาการ เพื่อให้ได้ระบบงานที่รองรับ ความต้องการของผู้ใช้ เช่นทำงานร่วมกับเครื่องบริการเว็บ (Web Server) เพื่อให้บริการแก่ภาษาสคริปต์ที่ทำงานฝั่งเครื่องบริการ (Server-Side Script) เช่น ภาษา php ภาษา aps.net หรือภาษาเจเอสพี เป็นต้น หรือทำงานร่วมกับโปรแกรมประยุกต์ (Application Program) เช่น ภาษาวิชวลเบสิกดอทเน็ต ภาษาจาวา หรือภาษาซีชาร์ป เป็นต้น โปรแกรมถูกออกแบบให้สามารถทำงานได้บนระบบปฏิบัติการที่หลากหลาย และเป็นระบบฐานข้อมูลโอเพนทซอร์ท (Open Source)ที่ถูกนำไปใช้งานมากที่สุด Mysql จัดเป็นระบบจัดการฐานข้อมูลเชิงสัมพันธ์ (RDBMS : Relational Database Management System) ซึ่งเป็นที่นิยมใช้กันมากในปัจจุบัน ไอคอนของโปรแกรม MySQL ดังรูปที่ 2.11

รูปที่ 2.11 โปรแกรม MySQL
ความสามารถและการทำงานของโปรแกรม MySQL
MySQL ถือเป็นระบบจัดการฐานข้อมูล (DataBase Management System (DBMS)
ฐานข้อมูลมีลักษณะเป็นโครงสร้างของการเก็บรวบรวมข้อมูล การที่จะเพิ่มเติม เข้าถึงหรือประมวลผลข้อมูลที่เก็บในฐานข้อมูลจำเป็นจะต้องอาศัยระบบจัดการ ฐานข้อมูล ซึ่งจะทำหน้าที่เป็นตัวกลางในการจัดการกับข้อมูลในฐานข้อมูลทั้งสำหรับการ ใช้งานเฉพาะ และรองรับการทำงานของแอพลิเคชันอื่นๆ ที่ต้องการใช้งานข้อมูลในฐานข้อมูล เพื่อให้ได้รับความสะดวกในการจัดการกับข้อมูลจำนวนมาก MySQL ทำหน้าที่เป็นทั้งตัวฐานข้อมูลและระบบจัดการฐานข้อมูล
MySQL เป็นระบบจัดการฐานข้อมูลแบบ relational
ฐานข้อมูลแบบ relational จะทำการเก็บข้อมูลทั้งหมดในรูปแบบของตารางแทนการเก็บข้อมูลทั้งหมดลงในไฟล์ เพียงไฟล์เดียว ทำให้ทำงานได้รวดเร็วและมีความยืดหยุ่น นอกจากนั้น แต่ละตารางที่เก็บข้อมูลสามารถเชื่อมโยงเข้าหากันทำให้สามารถรวมหรือจัด กลุ่มข้อมูลได้ตามต้องการ โดยอาศัยภาษา SQL ที่เป็นส่วนหนึ่งของโปรแกรม MySQL ซึ่งเป็นภาษามาตรฐานในการเข้าถึงฐานข้อมูล
MySQL แจกจ่ายให้ใช้งานแบบ Open Source นั่นคือ ผู้ใช้งาน MySQL ทุกคนสามารถใช้งานและปรับแต่งการทำงานได้ตามต้องการ สามารถดาวน์โหลดโปรแกรม MySQL ได้จากอินเทอร์เน็ตและนำมาใช้งานโดยไม่มีค่าใช้จ่ายใดๆ
ในระบบปฏิบัติการ Red Hat Linux นั้น มีโปรแกรมที่สามารถใช้งานเป็นฐานข้อมูลให้ผู้ดูแลระบบสามารถเลือกใช้งานได้ หลายโปรแกรม เช่น MySQL และ PostgreSQL ผู้ดูแลระบบสามารถเลือกติดตั้งได้ทั้งในขณะที่ติดตั้งระบบปฏิบัติการ Red Hat Linux หรือจะติดตั้งภายหลังจากที่ติดตั้งระบบปฏิบัติการก็ได้ อย่างไรก็ตาม สาเหตุที่ผู้ใช้งานจำนวนมากนิยมใช้งานโปรแกรม MySQL คือ MySQL สามารถทำงานได้อย่างรวดเร็ว น่าเชื่อถือและใช้งานได้ง่าย เมื่อเปรียบเทียบประสิทธิภาพในการทำงานระหว่างโปรแกรม MySQL และ PostgreSQL โดยพิจารณาจากการประมวลผลแต่ละคำสั่งได้ผลลัพธ์ดังรูปที่ 1 นอกจากนั้น MySQL ถูกออกแบบและพัฒนาขึ้นมาเพื่อทำหน้าเป็นเครื่องให้บริการรองรับการจัดการกับ ฐานข้อมูลขนาดใหญ่ ซึ่งการพัฒนายังคงดำเนินอยู่อย่างต่อเนื่อง ส่งผลให้มีฟังก์ชันการทำงานใหม่ๆ ที่อำนวยความสะดวกแก่ผู้ใช้งานเพิ่มขึ้นอยู่ตลอดเวลา รวมไปถึงการปรับปรุงด้านความต่อเนื่อง ความเร็วในการทำงาน และความปลอดภัย ทำให้ MySQL เหมาะสมต่อการนำไปใช้งานเพื่อเข้าถึงฐานข้อมูลบนเครือข่ายอินเทอร์เน็ต

2.1.9 ระบบฐานข้อมูล

Database หรือ ฐานข้อมูล คือ กลุ่มของข้อมูลที่ถูกเก็บรวบรวมไว้ โดยมีความสัมพันธ์ซึ่งกันและกัน โดยไม่ได้บังคับว่าข้อมูลทั้งหมดนี้จะต้องเก็บไว้ในแฟ้มข้อมูลเดียวกันหรือแยกเก็บหลาย ๆ แฟ้มข้อมูล
ระบบฐานข้อมูล (Database System) คือ ระบบที่รวบรวมข้อมูลต่าง ๆ ที่เกี่ยวข้องกันเข้าไว้ด้วยกันอย่างมีระบบมีความสัมพันธ์ระหว่างข้อมูลต่าง ๆ ที่ชัดเจน ในระบบฐานข้อมูลจะประกอบด้วยแฟ้มข้อมูลหลายแฟ้มที่มีข้อมูล เกี่ยวข้องสัมพันธ์กันเข้าไว้ด้วยกันอย่างเป็นระบบและเปิดโอกาสให้ผู้ใช้สามารถใช้งานและดูแลรักษาป้องกันข้อมูลเหล่านี้ ได้อย่างมีประสิทธิภาพ โดยมีซอฟต์แวร์ที่เปรียบเสมือนสื่อกลางระหว่างผู้ใช้และโปรแกรมต่าง ๆ ที่เกี่ยวข้องกับการใช้ฐานข้อมูล เรียกว่า ระบบจัดการฐานข้อมูล หรือ DBMS (data base management system) มีหน้าที่ช่วยให้ผู้ใช้เข้าถึงข้อมูลได้ง่ายสะดวกและมีประสิทธิภาพ การเข้าถึงข้อมูลของผู้ใช้อาจเป็นการสร้างฐานข้อมูล การแก้ไขฐานข้อมูล หรือการตั้งคำถามเพื่อให้ได้ข้อมูลมา โดยผู้ใช้ไม่จำเป็นต้องรับรู้เกี่ยวกับรายละเอียดภายในโครงสร้างของฐานข้อมูล
ลักษณะข้อมูลในฐานข้อมูล
ระบบฐานข้อมูล(Database System)หมายถึง โครงสร้างสารสนเทศที่ประกอบด้วยรายละเอียดของข้อมูลที่เกี่ยวข้องกันที่จะนำมาใช้ในระบบต่างๆร่วมกัน
ฐานข้อมูลเป็นการจัดเก็บข้อมูลอย่างเป็นระบบ ทำให้ผู้ใช้สามารถใช้ข้อมูลที่เกี่ยวข้องในระบบงานต่าง ๆ ร่วมกันได้ โดยที่จะไม่เกิดความซ้ำซ้อนของข้อมูล และยังสามารถหลีกเลี่ยงความขัดแย้งของข้อมูลด้วย อีกทั้งข้อมูลในระบบก็จะถูกต้องเชื่อถือได้ และเป็นมาตรฐานเดียวกัน โดยจะมีการกำหนดระบบความปลอดภัยของข้อมูลขึ้น
1) ฐานข้อมูลเชิงสัมพันธ์ (Relational Database) เป็นการเก็บข้อมูลในรูปแบบที่เป็นตาราง (Table) หรือเรียกว่า รีเลชั่น (Relation) มีลักษณะเป็น 2 มิติ คือเป็นแถว (row) และเป็นคอลัมน์ (column) การเชื่อมโยงข้อมูลระหว่างตาราง จะเชื่อมโยงโดยใช้แอททริบิวต์ (attribute) หรือคอลัมน์ที่เหมือนกันทั้งสองตารางเป็นตัวเชื่อมโยงข้อมูล ฐานข้อมูลเชิงสัมพันธ์นี้จะเป็นรูปแบบของฐานข้อมูลที่นิยมใช้ในปัจจุบัน
2) ฐานข้อมูลแบบเครือข่าย (Network Database)ฐานข้อมูลแบบเครือข่ายจะเป็นการรวมระเบียนต่าง ๆ และความสัมพันธ์ระหว่างระเบียนแต่จะต่างกับฐานข้อมูลเชิงสัมพันธ์ คือ ในฐานข้อมูลเชิงสัมพันธ์จะแฝงความสัมพันธ์เอาไว้ โดยระเบียนที่มีความสัมพันธ์กันจะต้องมีค่าของข้อมูลในแอททริบิวต์ใดแอททริบิวต์หนึ่งเหมือนกัน แต่ฐานข้อมูลแบบเครือข่าย จะแสดงความสัมพันธ์อย่างชัดเจน ตัวอย่างเช่น
3) ฐานข้อมูลแบบลำดับชั้น (Hierarchical Database)ฐานข้อมูลแบบลำดับชั้น เป็นโครงสร้างที่จัดเก็บข้อมูลในลักษณะความสัมพันธ์แบบพ่อ-ลูก (Parent-Child Relationship Type : PCR Type) หรือเป็นโครงสร้างรูปแบบต้นไม้ (Tree) ข้อมูลที่จัดเก็บในที่นี้ คือ ระเบียน (Record) ซึ่งประกอบด้วยค่าของเขตข้อมูล (Field) ของเอนทิตี้หนึ่ง ๆ ฐานข้อมูลแบบลำดับชั้นนี้คล้ายคลึงกับฐานข้อมูลแบบเครือข่าย แต่ต่างกันที่ฐานข้อมูลแบบลำดับชั้น มีกฎเพิ่มขึ้นมาอีกหนึ่งประการ คือ ในแต่ละกรอบจะมีลูกศรวิ่งเข้าหาได้ไม่เกิน 1 หัวลูกศร รูปแผนฐานข้อมูล ดังรูปที่ 2.12

รูปภาพ 2.12 แผนฐานข้อมูล
ประโยชน์ของฐานข้อมูล
1) ลดการเก็บข้อมูลที่ซ้ำซ้อน ข้อมูลบางชุดที่อยู่ในรูปของแฟ้มข้อมูลอาจมีปรากฏอยู่หลาย ๆ แห่ง เพราะมีผู้ใช้ข้อมูลชุดนี้หลายคน เมื่อใช้ระบบฐานข้อมูลแล้วจะช่วยให้ความซ้ำซ้อนของข้อมูลลดน้อยลง
2) รักษาความถูกต้องของข้อมูล เนื่องจากฐานข้อมูลมีเพียงฐานข้อมูลเดียว ในกรณีที่มีข้อมูลชุดเดียวกันปรากฏอยู่หลายแห่งในฐานข้อมูล ข้อมูลเหล่านี้จะต้องตรงกัน ถ้ามีการแก้ไขข้อมูลนี้ทุก ๆ แห่งที่ข้อมูลปรากฏอยู่จะแก้ไขให้ถูกต้องตามกันหมดโดยอัตโนมัติด้วยระบบจัดการฐานข้อมูล
3) การป้องกันและรักษาความปลอดภัยให้กับข้อมูลทำได้อย่างสะดวก การป้องกันและรักษาความปลอดภัยกับข้อมูลระบบฐานข้อมูลจะให้เฉพาะผู้ที่เกี่ยวข้องเท่านั้น ซึ่งก่อให้เกิดความปลอดภัย(security) ของข้อมูลด้วย

2.1.10 โปรแกรม Bootstrap

Bootstrap คือ ชุดคำสั่งที่ประกอบด้วยภาษา CSS, HTML และ Javascript เป็นชุดคำสั่งที่ถูกพัฒนาขึ้นมาเพื่อกำหนดกรอบหรือ รูปแบบการพัฒนาเว็บไซต์ในส่วนของการปฏิสัมพันธ์กับผู้ใช้งานเว็บไซต์ ( User Interface ) เราจึงสามารถเรียก Bootstrapว่าเป็น Front-end framework คือใช้สำหรับ พัฒนาเว็บไซต์ส่วนการแสดงผล ซึ่งแตกต่างจากภาษาประเภท Server Side Script อย่าง PHP, Python หรือภาษาอื่น ๆ รูปไอคอนของโปรแกรม Bootstrap ดังรูปที่ 2.13

รูปที่ 2.13 โลโก้ของ Bootstrap
จุดเด่นของของ Bootstrap Framework
1) มี UI เริ่มต้นแบบที่สวยงามและใช้งานง่าย
2) มีการปรับปรุงและพัฒนาอย่างต่อเนื่อง ปัจจุบันเป็นเวอร์ชั่น 3.3.0
3) เป็นที่นิยมของนักพัฒนาทั่วโลก ทำให้สามารถเรียนรู้และแก้ปัญหาได้ง่าย
4) โค๊ดหรือชุดคำสั่งต่าง ๆ ค่อนข้างสะอาดมีโฟลเด้อต้นแบบแค่ 3 ส่วนคือ js, css, fonts
5) ประหยัดเวลาในการพัฒนาเว็บไซต์และนำไปพัฒนาต่อได้ง่าย
6) เป็น Responsive Framework พัฒนาเว็บไซต์ที่รองรับการแสดงผลได้หลากหลาย Device
โครงสร้างของ Bootstrap Framework มี 4 อย่าง ดังนี้
1) Scaffolding grid system จำนวน 12 คอลัมน์ สามารถเลือกใช้ได้ทั้งแบบ fixed และแบบ fluid
2) Base CSS style sheets สำหรับ html elements พื้นฐาน เช่น typography, tables, forms และ images
3) Components style sheets สำหรับสิ่งที่เราต้องใช้บ่อยๆ ไม่ว่าจะเป็น navigation, breadcrumbs รวมไปถึง pagination
4) JavaScript jQuery plugins ต่างๆ ไม่ว่าจะเป็น modal, carousel หรือ tooltip
รูปโครงสร้างของ Boostrap ดังรูปที่ 2.14

รูปที่ 2.14 โครงสร้างของ Booststrap
โดยปัจจุบัน boostrap มีการพัฒนาขึ้นด้วยกลุ่มนักพัฒนาจากทั่วแห่งโลก มีการอัปเดทแก้ไข bug อยู่ตลอดเวลา เพื่อรองรับการทำงานได้อย่างไม่มีปัญหาพร้อมๆ กับการพัฒนาเทคโนโลยี่บน Web Browser เช่น CSS , HTML และในปัจจุบันเราจะเห็นว่า Bootstrap มีตัวอย่างธีมให้ดาวน์โหลดมากมาย มีทั้งที่สามารถดาวน์โหลดใช้ได้ฟรี และ แบบเสียเงินซื้อ และหลายๆ เว็บก็เลือกที่จะใช้ Bootstrap กันมากขึ้น หลายๆคนที่เป็นนักพัฒนาโปรแกรม เองก็มีการนำ Bootstrap มาใช้กับ Project ใหญ่ๆ หลายตัวแล้ว และที่ผ่านมาก็สามารถตอบโจทย์ได้เป็นอย่างดี

2.2 งานวิจัยที่เกี่ยวข้อง

ปรุงศักดิ์ อัตพุฒ, วีระ ตุลาสมบัติ (2557) ได้ศึกษาแนวทางการพัฒนาระบบการเบิกจ่ายอุปกรณ์ภายในมหาวิทยาลัยราชภัฏสวนสุนันทางกรณีศึกษาเบิกจ่ายคณะเทคโนโลยีอุตสาหกรรม มีวัตถุประสงค์ในการศึกษาสภาพทั่วไป พัฒนาระบบและประเมินหาประสิทธิภาพและความเหมาะสมของระบบการวัสดุและอุปกรณ์ กลุ่มตัวอย่างที่ได้ทำการศึกษาครั้งนี้ได้แก่ ผู้บริหาร ผู้ปฏิบัติงานด้านพัสดุ และผู้เกี่ยวข้องคณะเทคโนโลยีอุตสาหกรรม มหาวิทยาลัยราชภัสวนสุนันทา จำนวน 10 คน ใช้แบบสอบถามเป็นเครื่องในการวิจัยโดยเก็บข้อมูลจากแบบสอบถามที่ผู้วิจัยสร้างขึ้นจากแนวคิด ทฤษฎี เอกสาร และงานวิจัยที่เกี่ยวข้อง แบ่งออกเป็น 4 ส่วน การสร้างเครื่องมือที่ใช้ในการรวบรวมข้อมูลในครั้งนี้ใช้แบบสอบถาม ซึ่งมี 5 ขั้นตอน เพื่อตรวจสอบคุณภาพในด้านความเที่ยงตรงของเนื้อหา จากการวิจัย พบว่า ระบบการเบิกจ่ายวัสดุอุปกรณ์ ในภาพรวมอยู่ในระดับสูง มีประสิทธิภาพของเนื้อหาการทำงานของโปรแกรมเป็นไปตามกฎเกณฑ์ที่มหาวิทยาลัยกำหนด ต่างกันที่ระบบสามารถตรวจติดตามและตรวจสอบได้ง่ายแต่เดิมการเบิกจ่ายวัสดุอุปกรณ์ข้อมูลส่วนใหญ่เป็นรูปแบบเอกสารซึ่งในการเบิกจ่ายแต่ละครั้งจะสิ้นเปลืองกระดาษและเสียงบประมาณโดยเปล่าประโยชน์และล่าช้าในการรายงานผล เพราะต้องรวบรวมเอกสารและเนื่องจากยิ่งนานวันข้อมูลยิ่งมากขึ้น จึงสมควรอย่างยิ่งที่จะนำข้อมูลต่าง ๆ มาเก็บไว้เป็นระบบส่วนกลางที่บุคลากรที่มีส่วนเกี่ยวข้องสามารถตรวจดูได้และง่ายต่อการรายงานผล
จุฑารัตน์ โพบุตตะ, กาญจนา ทำนา, จารุกิตติ์ สายสิงห์ และวีระพน ภานุรักษ์ (2558) ได้ทำเรื่องการพัฒนาระบบการเบิกจ่ายวัสดุครุภัณฑ์ โรงเรียนชุมชนบ้านดงบัง มีวัตถุประสงค์เพื่อพัฒนาระบบการเบิกจ่ายวัสดุครุภัณฑ์ โรงเรียนชุมชนบ้านดงบัง โดยการศึกษาครั้งนี้ ได้พัฒนาระบบตามทฏษฎี SDLC และวิเคราะห์ระบบด้วย UML ในด้านการพัฒนาโปรแกรมใช้ภาษา VB.NET และบริหารจัดการฐานข้อมูลด้วย MicrosoftSQL Sever 2008 R2 ผู้ศึกษาได้นำ SDLC 5 ขั้น มาใช้ในขั้นตอนการพัฒนา คือวิเคราะห์ออกแบบเนื้อหาตามวัตถุประสงค์ และผ่านการตรวจสอบความถูกต้องและความสมบูรณ์ จากผู้เชี่ยวชาญจำนวน 3 ท่าน จากนั้นทำการปรับปรุงตามคำแนะนำของผู้เชี่ยวชาญให้มีความสมบูรณ์ และนำระบบการเบิกจ่ายวัสดุครุภัณฑ์โรงเรียนชุมชนบ้านดงบัง ทดลองใช้ระบบเบิกจ่าย กลุ่มเปูาหมายในการศึกษา คือ ครูโรงเรียนชุมชนบ้านดงบังจำนวน 7 คน ซึ่งผลทดลองใช้พบว่า ความพึงพอใจของผู้ใช้งานระบบอยู่ในระดับเครื่องมือที่ใช้ได้แก่ แบบประเมินคุณภาพระบบการเบิกจ่ายพัสดุ ครุภัณฑ์ สถิติที่ใช้ในการวิเคราะห์ข้อมูล คือ ค่าเฉลี่ย และส่วนเบี่ยงเบนมาตรฐาน S.D. ผลวิจัยพบว่า ระบบการเบิกจ่ายครุภัณฑ์ โรงเรียนชุมชนบ้านดงบัง สามารถใช้งานได้อย่างมีคุณภาพอยู่ในระดับดีมาก ซึ่งจากผลการประเมินนั้นสามารถบ่งบอกคุณภาพและประสิทธิภาพของระบบการเบิกจ่ายวัสดุครุภัณฑ์ โรงเรียนชุมชนบ้านดงบัง ไปใช้งานได้จริงตามความต้องการของผู้ใช้ต่อไป
การบริหารพัสดุในมหาวิทยาลัย ได้มีการกําหนดแนวทางในการแจกจ่ายพัสดุและสํารวจความต้องการใช้พัสดุ โดยมีการชี้แจงขั้นตอนการจ่าย การวางแผนประมาณการใช้วัสดุล่วงหน้า การกําหนดวันเบิกจ่าย และนําส่งพัสดุ มีการติดต่อสื่อสารและบันทึกเป็นลายลักษณ์อักษรแก่ผู้เบิก เพื่อความเข้าใจในกฎระเบียบด้านการเบิกจ่าย และเป็นการสร้างความเข้าใจแก่บุคลากรในด้านความประหยัดคุ้มค่า (เทียมใจ สุขสภา, 2541; พีระพงษ์ ปกเกษ, 2544)
จากการศึกษาทฤษฎี และหลักการ ของงานวิจัยที่เกี่ยวข้องกับการพัฒนาระบบเบิกจ่ายอุปกรณ์คอมพิวเตอร์ สรุปได้ว่า ระบบเบิกจ่ายอุปกรณ์คอมพิวเตอร์ สามารถแก้ไชปัญหาได้จริง ตามวัตถุประสงค์ของผู้เสนอโครงการ


ชื่อผู้ใช้
รหัสผ่าน
	จำรหัสผ่าน