บทที่ 2...

บทท 2 แนวความคดและทฤษฎทเกยวของ

2.1 แนวความคด

รปท 2.1 โครงสรางการท างานของระบบการจดการขอมลภายในบรษท

ระบบการจดการขอมลภายในของ บรษท จบจาย คอรปอเรชนจ ากด คอการจดการขอมลทรวบรวมขอมลไวเปนศนยกลาง เพอตอบสนองตอการสงผานขอมลหรอการเกบขอมลท าใหการท างานมประสทธภาพและลดการซ าซอนของขอมล รวบรวมความขดแยงของขอมลทอาจจะเกดขนภายในบรษท โดยทระบบจะท าหนาทในการเกบขอมลโดยทผทตองการเกบขอมลตองท าการสมครสมาชกจากนนผทดแลระบบท าการบนทกสมาชกของผสมครลงฐานขอมล เมอผดแลบนทกสมาชกเรยบรอย ผสมครสามารถบนทกขอมลลงในระบบได การบนทกขอมลระบบไดโดยผานเบราวเซอรของกเกล โครม (Google 56.0.2924.87) ขนไป ในสวนของการพฒนาระบบใชโปรแกรม Microsoft Visual Studio 2017 เพอใชในการตดตอกบเวบไอพ และใชโปรแกรม Microsoft SQL Server 2016 ในการจดการฐานขอมลของระบบ

4

2.2 ทฤษฎทเกยวของ

.NET MVC (ธระพฒน:2557)

การพฒนา Web Application ดวยการน า ASP.NET MVC ซงในปจจบนเปนทนยมกนอยางแพรหลาย MVC คอสถาปตยกรรมซอฟตแวรชนดหนง เพอใชส าหรบในการสราง Web Application สวนมาใชในงาน PHP Framework ซงการท างานดวยการใช MVC จะประกอบไปดวยตวแปรหลกๆในการท างานดวยกน 3 สวนคอ Model View Controller แตละสวนจะท างานรวมกน MVC นนเปนเรองของ Design Patterns เปนการออกแบบระบบการเขยนโปรแกรมเราสามารถน าแนวทางในการแกไขปญหาตางๆได การเขยน PHP แบบ OOP จะมองทกๆอยางเปน วตถ ดงนนวตถจะถกน ามาใชหลากหลายรปแบบ และจะแบงออกมาใชหลายๆ ครงในการเขยนโคดจงน าสวนตางมาจบกลมกนเอาไวเพออธบายหนาทในการท างานของสวนตาง

Model มหนาทแบงออกมาเพอท างานกบระบบฐานขอมล มหนาทในการ Select คาออกมาจากฐานขอมล Insert คา From น ามาเกบเอาไวในฐานขอมล หรอการ Update ขอมลตางทอยในฐานขอมล อาจจะมการเขยน Function ทไมเกยวกบฐานขอมล แตเปนการค านวนคาตางๆเกบเอาไวดวยเชนกน

View มหนาทในการแสดงผลขอมลตางๆทไดจากการค านวณออกมา หรอเปนการดงขอมลทอยในฐานขอมลทเสรจแลวน ามาแสดงผล View นนเปนลกษณะของ HTML เชน การสรางหนาเพจตางๆเพอน ามาแสดงในสวนของ View

Controller มหนาทรบคาหรอขอมล เชน รบคามาในรปแบบของ Get หรอ Post และน าคาทไดมาท าการสงตอไปตามเงอนไขจากคาทไดรบมาตรวจสอบใหกบทาง Model เพอท าการค านวณหรอคนหาขอมลในฐานขอมล และจะท าการสงคาทไดกลบไปยง View เพอแสดงผลทางหนาจอ

5

Web application (Rathjung:2559)

เวบแอปพลเคชน คอการพฒนาระบบบนเวบ ซงมระบบการไหลเวยนในรปแบบการท างานแบบ ออนไลน ท งแบบ Local ภายในวง Lan (แลน) และGlobal (โกลบอล) ออกไปยงเครอขายอนเตอรเนต ท าใหเหมาะสมกบผใชงางนระบบทตองการขอมลแบบ Real Time

การท างานของ Web application น นโปรแกรมจะเปนสวนหนงจะวางอยบน Rendering Engine ซงตว Rendering Engine ซงจะท าหนาทหลกๆคอการน าเอาชดค าสงหรอรปแบบโครงสรางทใชในการแสดงผล น ามาแสดงบนพนทสวนหนงในจอภาพ โปรแกรมสวนทวางอยบน Rendering Engine นนจะท าหนาทหลกๆ คอการเปลยนแปลงแกไขสงทแสดงผล จดการตรวจสอบขอมลทไดรบเขามาเบองตนและการประมวลบางสวนการท างานหลกๆ จะวางอยบนตวเซอรเวอร ในลกษณะของ Web application แบบเบองตน ฝงเซรฟเวอรจะประกอบไปดวยเวบเซรฟเวอร ซงจะท าหนาทเชอมตอกบไคลเอนตามโปรโตคอล HTTP/HTTPS โดยนอกจากเวบเซรฟเวอรจะท าหนาทสงไฟลเกยวเนองกบการแสดงผลตามมาตรฐาน HTTP ตามปรกตทวๆไป เซรฟเวอรจะมสวนในการประมวลผลซงเปนตวแปลของภาษา Script Engine ของภาษา PHP หรออาจจะมการตดตง .NET Framework ซงมสวนแปลภาษา CLR ทใชแปลภาษา intermediate จากคดทเขยน มสวนแปลโคดทไดจากโปรแกรมภาษาจาวา เปนตน

Web application คอการเขยนโปรแกรมทตอบสนองตอผทใชงานมากทสด แตรปแบบของ Web application จะอยในรปแบบของเวบสามารถใชงานไดทกหนาจอจะมความแตกตางกนของทกหนาจอ เพราะสามารถยดยนไดตามสภาพของ UI

Jquery (Chandrajeet Maurya:2559)

Jquery เปนสวนหนงในการเขยน Web Browser ซงถกออกแบบมาเพอใชในการเขยน Java Script มความสะดวกและงายขน เพราะการน า Java Script ไปประยกตกบงานจ าพวกเวบ (client-side JavaScript) เปนสงทยงยาก เนองจากความไมเขากนของ Web Browser แตละคาย,DOM หรอ API เปนตน หลกการท างานของ Jquery คอการเอา Object และ Function ตางๆ ทจ าเปนมารวบรวมไวในรปแบบของ Library จงท าใหการเรยนใชงานโคดครงตอไป จากทเปนหลายบรรทดจะสนลง อาจจะเหลอเพยงบรรทดเดยวในการเขยนโคด

Jquery ประกอบดวยฟ เจอ ร ต างๆ เชน HTML/DOM manipulation, CSS manipulation, HTML event methods, Effects and animations, AJAX, Utilities เปนตน

6

การเขยน Jquery ผเขยนจ าเปนตองมความรความเขาใจเกยวกบ HTML5, CSS3, JavaScript เพอใหสามารถท าความเขาใจกบ Jquery ไดงายเพราะเปนการเอา ซอรสโคดมาดดแปลงแกไข ซงการท างานในแบบ jquery จะชวยลดขนาดของเซรฟเวอรทใชงาน อกทงยงเวบเบราวเซอรจะ Cache ไฟล Jquery ไวจากการเขาเวบไซตใหญๆ ทอางองใชไฟลเดยวกบผใชงานดวย

2.3 เวบไซตทเกยวของ จากการทคณะนกศกษาปฏบตงานสหกจศกษาคนหาขอมลทเกยวของกบการออกแบบเวบแอปพลเคชนใหตรงตามความตองการของผใชงาน จงพบวามเวบแอปพลเคชนเปนจ านวนมากทเกยวของกบการออกแบบเวบแอปพลเคชน ทางนกศกษาปฏบตงานสหกจจงไดศกษาขอมลจากเวบไซตตางๆ เพอน ามาใชเปนแนวทางในการพฒนาเวบแอปพลเคชน โดยมเวบไซตดงตอไปน

รปท 2.2 http://www.cambodianworker.net/th/

เวบไซตรบท าเลม Passport แรงงานตางดาวสญชาตกมพชา ทจดท าขนมาเพอท าหนามท

เปนตวกลางในการเกบขอมลหรอเรยกใชขอมล และลดความซ าซอนในการท างานระหวางขอมล

ตางๆภายในฐานขอมลปองกนความเสยหายของขอมล

7

รปท 2.3 http://202.29.172.121/specialbasic/index.php

เวบไซตบรหารการจดการขอมลโรงเรยนรวม เปนเวบไซตทแสดงหนาลอคอนเขาสระบบ มการเขารหสการเขาสระบบ เปนหลการท างานเบองตนในการเขาสระบบการจดการขอมล กอนเขาสระบบจะตองท าการกรอกชอผใชงานและรหสของผใชงาน ซงชอผใชงานจะถกจดเกบเอาไวในฐานขอมลจดเกบใน Database เมอกรอกชอผใชงานกบรหสผาน จะดงขอมลของผใชงานมาแสดงผลและสามารถบนทกหรอคนหาขอมลทตองการได

8

รปท 2.4 http://202.29.172.121/specialbasic/index.php

เวบไซตส านกงาน กศน. เกบและรวบรวมขอมลของผใชงาน มการจดการผทเขาใชงาน สามารถลอคอนเขาสระบบได มระบบการจดการในแบบผบรหารแยกออกเปนประเภทในการจดการขอมล มหนาทแสดงการแจงเตอนตางๆ เชน การแจงเตอนขาวประชาสมพนธ คมอการใชงาน แบบตอบรบการอบรม เปนตน

9

รปท 2.5 https://www.dlt.go.th/th/driving-license/view.php?_did=76

เวบไซต กรมการขนสงทางบก เปนเวบไซตทใหประชาชนทตองการสอบใบขบข ไดท าการลงทะเบยนเพอท าการจองคว ในการสอบใบขบข โดยผทตองการสอบใบขบขท าการลอคอนเขาสระบบและเลอกเขตในการสอบใบขบข โดยทระบบจะแสดงควทสามารถสมครสอบ การสมครจะตองกรอกขอมล และแบงแยกเขตในการสมครขอสอบใบขบข ระบบจะบอกระยะเวลาทสามารถมาสอบได โดยการดงขอมลทจดเกบไวในฐานขอมลมาแสดงใหทตองการสมครไดทราบ

10

รปท 2.6 http://www.ptt2.go.th/web/plan/2015-03-24-06-01-48/233-dmc-2560-10-2560

เวบไซตการจดเกบขอมลนกเรยนรายบคคล ผานระบบ DMC เปนเวบไซตทจดเกบขอมลของ ส านกงานเขตพนทการศกษาประถมศกษาปทมธาน เขต2 โดยเวบไซตจะจดเกบขอมลทเกยวกบการศกษาของส านกเขตพนท รวบรวมขอมลทไดลงไวในฐานขอมลสวนกลาง สามารถเรยกดกจกรรม ขาวสารและขอมลสารสนเทศ ซงแตละประเภทจะถกแบงออกเปนประเภทในการจดเกบขอมลสามารถเรยกดขอมลไดหรอท าการดาวนโหลดขอมลได

11

งานวจยทเกยวของ จากการศกษาขอมลงานวจยตางๆ ทเกยวกบการออกแบบและพฒนาเวบไซต เพอน าความรและแนวคดทไดจากการศกษามาเปนแนวทางในการด าเนนโครงงาน ซงถอเปนแหลงขอมลส าคญทสามารถท าความเขาใจและน ามาใชประยกตใชใหเปนประโยชนกบโครงงานไดดงตวอยางตอไปน

รปท 2.7 การพฒนาเวบไซตประชาสมพนธการทองเทยวจงหวดกระบ

ชาญณรงค แกวกระจาง (2555) สาขาวชาเทคโนโลยการศกษา คณะเทคโนโลยสารสนเทศมหาวทยาลยศรนครนทรวโรฒ การพฒนาเวบไซตประชาสมพนธการทองเทยวจงหวดกระบ มจดมงหมายในการจดท างานวจยเพอพฒนาเวบไซตประชาสมพนธการทองเทยวจงหวดกระบและศกษาความพงพอใจของผเขาชมเวบไซต โดยพฒนาเวบไซตในรปแบบ Web 2.0 ใชโปรแกรม Microsoft Visual Studio 2017 ในการพฒนาเวบ

12

รปท 2.8 เวบไซตโรงเรยนบานด าค าดนไฮ

นายวศรต สมบรณ (2555) สาขาวชาคอมพวเตอรธรกจ สถาบนวทยาลยอาชวะศกษาโปลเทคนคภาคตะวนออกเฉยงเหนอ การพฒนาเวบไซตโรงเรยนบานดนค าไฮ มจดมงหมายในการพฒนาเวบไซตโรงเรยนบานดนด าค าไฮ เพอเผยแพรขอมล ประชาสมพนธ และการด าเนนงานดานสารสนเทศของโรงเรยนใหมประสทธภาพมากขน โดยการพฒนาเวบไซตดวยภาษาพเอชพ (PHP) และระบบฐานขอมล Microsoft SQL Server เพอใหเวบไซตมประสทธภาพตอผใชงานมากทสด

13

รปท 2.9 เวบไซตสาขาการจดการอตสาหกรรม

นายพชตพล ขนธเดช (2555) สาขาวชาการจดการอตสาหกรรม คณะเทคโนโลยสารสนเทศมหาวทยาลยราชภฎอดรธาน การพฒนาระบบเวบไซตของสาขาวชาการการจดการอคสาหกรรม เพอปรบปรงและเพมเตมขอมลขาวสารใหมๆของวชาการจดการอตสาหกรรม โดยน าภาษา HTML มาใชในการพฒนาเวบไซตใหม

14

รปท 2.10 เวบไซตระบบการจดการรายวชาโครงงานของภาควชาวศวกรรมไฟฟา

นายธนวฒน จนทรเกต (2558) คณะวศวกรรมศาสตร ภาควชาวศวกรรมไฟฟา มหาวทยาลยบรพา การพฒนาเวบไซตระบบการจดรายการวชาโครงการของภาควชาวศวกรรมไฟฟา เพอใหสามารถใชงานไดอยางมประสทธภาพมากขน อ านวยความสะดวกในการประกาศประชาสมพนธขาวสารกจกรรมตางๆของภาควชาวศวกรรมไฟฟา โดยใชสถาปตยกรรมคอมพวเตอร .NET MVC ในการพฒนาเวบแอปพลเคชน

15

รปท 2.11 เวบไซตศนยขอมลการวจย Digital “วช.”

นายศภชย ธรรมวงศ (2558) ท าการวจยเรอง การพฒนาระบบบรหารการจดการขอมล ส านกงานสาธารณสขจงหวดแมฮองสอน มจดประสงคในการเผยแพรขอมล ประชาสมพนธขอมลขาวสาร กจกรรม และเปนเครองมอในการท างาน โดยใชภาษา PHP และโปรแกรม Microsoft SQL Server 2016