Upload
others
View
7
Download
0
Embed Size (px)
Citation preview
บทท 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