ระบบบริหารข้อมูลเพื่อการจัดการ สาขาวิชาวิทยาการคอมพิวเตอร์ (CSMJU-MIS) มีการนำเทคโนโลยี ต่าง ๆ มาใช้ ได้แก่ PHP, CSS, Ajax, jQuery ซึ่งแต่ละเทคโนโลยีมีรายละเอียดดังนี้
ภาษาพีเอชพี (PHP Language) คือ ภาษาคอมพิวเตอร์ประเภทโอเพนท์ซอร์ท (Open Source Computer Language) สำหรับพัฒนาเว็บเพจแบบไดนามิก เมื่อเครื่องบริการได้รับคำร้องจากผู้ใช้ก็จะส่งให้กับ ตัวแปลภาษา ทำหน้าที่ประมวลผลและส่งข้อมูลกลับไปยังเครื่องของผู้ใช้ที่ร้องขอ ในรูปเอชทีเอ็มแอล ภาพ หรือแฟ้มดิจิทอลอื่นใด ลักษณะของภาษามีรากฐานคำสั่งมาจากภาษาซี เป็นภาษาที่สามารถพัฒนาให้ใช้งานแบบโต้ตอบกับผู้ใช้ได้
PHP เป็นภาษาจำพวก scripting language คำสั่งต่างๆจะเก็บอยู่ในไฟล์ที่เรียกว่าสคริปต์ (script) และเวลาใช้งานต้องอาศัยตัวแปลชุดคำสั่ง ตัวอย่างของภาษาสคริป ก็เช่น JavaScript, Perl เป็นต้น ลักษณะของ PHP ที่แตกต่างจากภาษาสคริปต์แบบอื่นๆ คือ PHP ได้รับการพัฒนาและออกแบบมา เพื่อใช้งานในการสร้างเอกสารแบบ HTML โดยสามารถ สอดแทรกหรือแก้ไขเนื้อหาได้โดยอัตโนมัติ ดังนั้นจึงกล่าวว่า PHP เป็นภาษาที่เรียกว่า server-side หรือ HTML-embedded scripting language เป็นเครื่องมือที่สำคัญชนิดหนึ่ง ที่ช่วยให้เราสามารถสร้างเอกสารแบบ Dynamic HTML ได้อย่างมีประสิทธิภาพและมีลูกเล่นมากขึ้น
ภาษาพีเอชพี (PHP Language) มีการทำงานแบบเซอร์ฟเวอร์ไซต์สคริปต์ (Server-Side Script) จึงต้องมีเครื่องบริการ (Server) ที่ทำหน้าที่บริการการแปลภาษา และส่งผลให้กับเครื่องผู้ใช้ (Client) ที่ร้องขอด้วยการส่งคำร้องเข้ามายังเครื่องบริการ คำว่า PHP ย่อมาจาก Personal Home Page แต่พัฒนาให้มีประสิทธิภาพยิ่งขึ้น จึงเปลี่ยนเป็น Professional Home Page
CSS เป็นภาษาที่มีรูปแบบการเขียน Syntax ที่เฉพาะ และถูกกำหนดมาตรฐานโดย W3C เช่นเดียวกับ HTML และ XHTML ใช้สำหรับตกแต่งเอกสาร HTML หรือ XHTML หรือ XML ให้มีหน้าตา สีสัน ตัวอักษร เส้นขอบ พื้นหลัง ระยะห่าง ฯลฯ อย่างที่เราต้องการเราสามารถตกแต่งเอกสาร HTML ด้วยภาษา HTML เอง ซึ่งบางครั้งอาจสะดวกและแสดงผลได้เร็วกว่าการใช้ CSS เสียอีก แต่การใช้ CSS ช่วยในการจัดรูปแบบการแสดงผล จะช่วยลดการใช้ภาษา HTML ในการตกแต่งเอกสารเว็บเพจ ทำให้ code ภายในเอกสาร HTML เหลือเพียงส่วนเนื้อหา ทำให้เข้าใจง่ายขึ้น การแก้ไขเอกสารก็ทำได้ง่ายและรวดเร็วนอกจากนี้เราสามารถกำหนดรูปแบบการแสดงผลจากคำสั่ง style sheet ชุดเดียวกัน ให้มีผลกับเอกสาร HTML ทั้งหน้า หรือทุกหน้าได้ ทำให้เวลาแก้ไขหรือปรับปรุงทำได้ง่าย ไม่ต้องไล่ตามแก้ที่ HTML tag ต่างๆ ทั่วทั้งเอกสารCSS กับ HTML / XHTML นั้นทำหน้าที่คนละอย่างกัน โดย HTML /XHTML จะทำหน้าที่ในการวางโครงร่างเอกสารอย่างเป็นรูปแบบ ถูกต้อง เข้าใจง่าย ไม่เกี่ยวข้องกับการแสดงผล ส่วน CSS จะทำหน้าที่ในการตกแต่งเอกสารให้สวยงาม(เหมือนกับการแยกกันระหว่างส่วน Design กับ Coding)
เหตุผลที่เลือกใช้ การใช้ CSS ในการจัดรูปแบบการแสดงผล และการตกแต่งเอกสารเว็บเพจ ทำให้ code ภายในเอกสาร HTML ช่วยลดการใช้ภาษา HTML เหลือเพียงส่วนเนื้อหาทำให้เข้าใจง่ายขึ้น และการแก้ไขเอกสารทำได้ง่ายและรวดเร็ว และยัง สามารถปรับปรุงหรือแก้ไขได้ง่าย เนื่องจากมีการกำหนดรูปแบบการแสดงผลจากคำสั่ง style sheet ชุดเดียวกัน ให้มีผลกับเอกสาร HTML ทั้งหน้า หรือทุกหน้าได้ไม่ต้องไล่ตามแก้ที่ HTML tag ต่างๆ ทั่วทั้งเอกสาร
Ajax (Asynchronous JavaScript and XML) เป็นวิธีการสร้างโปรแกรมประยุกต์ปฏิสัมพันธ์สำหรับเว็บที่ประมวลผลคำขอของผู้ใช้ทันที Ajax รวมเครื่องมือโปรแกรมหลายอย่างรวมถึง JavaScript, dynamic HTML (DHTML), Extensible Markup Language (XML), cascading style sheets (CSS), the Document Object Model (DOM) และ Microsoft object, XMLHttpRequestโดย Ajax ยอมให้เนื้อหาบนเว็บเพจเพื่อปรับปรุงอย่างทันที เมื่อผู้ใช้ทำการกระทำ ต่างจาก HTTP request ซึ่งผู้ใช้ต้องคอยเพจใหม่เพื่อโหลดทั้งหมด
โปรแกรมประยุกต์ที่สร้างด้วย Ajax ใช้ engine ที่กระทำเป็นตัวกลางระหว่าง browser ของผู้ใช้กับแม่ข่ายที่กำลังขอสารสนเทศ แทนที่การโหลดเว็บเพจแบบดั้งเดิม browser ของผู้ใช้โหลด Ajax engine ซึ่งแสดงเพจที่ผู้ใช้มองเห็น โดย engine นี้ยังคงทำงานอยู่เบื้องหลัง ด้วยการใช้ JavaScript ติอต่อกับ browser การนำเข้าของผู้ใช้หรือการคลิกบนเพจส่ง JavaScript เรียก Ajax engine ซึ่งสามารถตอบสนองในหลายกรณีอย่างทันที ถ้า engine ต้องการข้อมูลเพิ่ม จะขอจากแม่ข่าย ตามปกติใช้ XML ที่สามารถปรับปรุงเพจได้พร้อมกัน
jQueryเป็น JavaScript Library ที่มีการรวบรวม function ของ JavaScript ต่าง ๆ ให้อยู่ในรูปแบบ Patterns Framework ที่สะดวกและง่ายต่อการใช้งาน มีความยึดหยุ่นรองรับต่อการใช้งาน Cross Browser คือไม่ว่าจะใช้งานบน Web Browser ใด ใน Library ของ jQuery จะมีการเลือกใช้ function ที่สามารถ เหมาะสมต่อการทำงานและแสดงผลใน Web Browser ที่กำลังรันอยู่ ซึ่งช่วยลดปัญหาการทำงานที่ผิดพลาดในฝั่งของ Client ได้ จากปัญหาก่อนนี้ นักโปรแกรมเมอร์ทั้งหลายในสมัยก่อน ๆ มักจะทดสอบโปรแกรมและพัฒนาบน IE
Web Browser ได้เกิดขึ้นมากมาย เช่น Chrome , Firefox หรือ Safari และบางคำสั่งของ JavaScript จะไม่ทำงานหรือไม่ support ใน Web Browser บางตัว ด้วยเหตุผลนี่เองการใช้ jQueryมาเป็นทางเลือกก็สามารถช่วยแก้ปัญหานี้เป็นได้อย่างดี ทั้งยังสะดวกต่อการใช้งาน เพราะเป็น syntax ที่เข้าใจง่าย และเขียนได้ในรูปแบบที่สั้น ๆ รองรับการทำงานทั้งใน HTML รูปแบบเดิม หรือ CSS , element , DOM element , effect การจัดการ Event ต่าง ๆ หรือแม้กระทั่งการพัฒนา Ajax ด้วย jQueryก็สามารถ ทำได้อย่างง่ายดาย โดย Syntax เหล่านี้ยังคงทำงานอยู่ภายใต้คำสั่งของภาษา JavaScript แต่การเรียกใช้งาน Framework หรือ function ต่าง ๆ จะถูกกำหนดรูปแบบโดย Patterns ที่ได้ถูกออกแบบไว้ใน Library ของ jQuery
JQuery นั้นเป็นชื่อของ Javascript Library ที่บรรจุ Function ต่างๆที่อำนวยความสะดวก ให้กับนักพัฒนา หรือ Developer หรือ Programmer ในการพัฒนา JQuery นั้นถูกพัฒนาให้สามารถเรียกใช้ได้ง่าย โดยไม่ต้องเขียนอะไรให้เกิดความลำบาก เช่นเดียวกับการเขียน Javascript แบบดั้งเดิม ซึ่งสามารถใช้งานร่วมกับ Ajax หรือ DIV ได้ด้วย และที่สำคัญที่สุด Jquery ได้ถูกทดสอบและพิสูจน์แล้วว่าสามารถรองรับ Browser ได้ทุก Broswer ไม่ว่าจะเป็น IE Firefox Safari และอื่นๆอีกมากมาย
I have an id of "popup" on my page container and only look like a dialog because the link to me had a data-rel="dialog" attribute which gives me this inset look and a data-transition="pop" attribute to change the transition to pop. Without this, I'd be styled as a normal page.