บทท 2 แนวคดทฤษฎและงานวจยทเกยวของ
2.1 แนวความคด
ภาพท 2.1 ระบบจดการขอมลอปกรณคอมพวเตอร การท างานของระบบจดการขอมลอปกรณคอมพวเตอรของหนวยงานดานสารสนเทศนนจะมการ
ท างานหลกคอ เจาหนาทสามารถกรอกขอมลอปกรณคอมพวเตอรเขามาในระบบโดยผานทางเวบบราวเซอร จากนนระบบจะท าการบนทกขอมลลงในฐานขอมล โดยผใชระบบสามารถเขามาท าการคนหาและตรวจสอบ
My SQL
เพม แกไข ลบ
ขอมล
ขอ
สงขอมล
แสดงขอมล
บนทกขอมล
แสดงขอมล
ดงขอมล
Web Server User
Browser Browser
Admin
แสดงขอมล
ระบบจดการขอมล
อปกรณคอมพวเตอร
4
ขอมลอปกรณคอมพวเตอรไดและสามารถท าการยม-คนอปกรณคอมพวเตอรของหนวยงาน โดยระบบจดเกบในฐานขอมลทพฒนาขนจากโปรแกรม MySQL
2.2 ทฤษฎและแนวคดทเกยวของ 2.2.1 PHP เปนภาษาประเภท Scripting Language ค าสงตางๆจะเกบอยในไฟลทเรยกวา สครปต และเวลาใชงานตองอาศยตวแปลชดค าสง เชน JavaScript Perl เปนตน ลกษณะของ PHP ทแตกตางจากภาษาสครปตแบบอนๆ คอ PHP ไดรบการพฒนาและ ออกแบบมาเพอใชงานในดานการสรางเอกสารแบบ HTML โดยสามารถแทรก หรอแกไขเนอหา ไดโดยอตโนมต ดงน นจงกลาววา PHP เปนภาษาแบบ Server-side หรอ HTML-embedded Scripting Language เปนเครองมอทส าคญชนดหนงท ชวยสรางเอกสารแบบ Dynamic HTML ได อยางมประสทธภาพ ความสามารถของภาษา PHP
1. PHP สามารถท างานไดในระบบปฏบตการทตางชนดกน เชน Unix, Windows อยางมประสทธภาพ เนองจาก PHP เปนสครปตทตองท างานบนเซรฟเวอร ดงน นคอมพวเตอรส าหรบเรยกใชค าสง PHP จงจ าเปนตองตดตงโปรแกรมเวบเซรฟเวอรไวดวยเพอใหสามารถประมวลผลPHP ได
2. PHP สามารถท างานไดในเวบเซรฟเวอรหลายชนด เชน Personal Web Server (PWS), Apache เปนตน
3. ภาษา PHP สนบสนนการเขยนโปรแกรมเชงวตถ 4. PHP มความสามารถในการท างานรวมกนกบระบบจดการฐานขอมลทหลากหลายซง ระบบจดการ
ฐานขอมลทสนบสนนการท างานของ PHP เชน MySQL, FilePro, Solid และ MS SQL เปนตน 5. PHP อนญาตใหผใชสรางเวบไซตซงท างานผานโปรโตคอลชนดตางๆไดเชน LDAP, IMAP, POP3
และ HTTP เปนตน 6.โคด PHP สามารถเขยนและอานในรปแบบของ XML ได
5
หลกการท าางานของ PHP
ภาพท 2.2 แสดงขนตอนการท างาน PHPScript Request/ Response
( ทมา : https://rungringjung.wordpress.com )
1. จากไคลเอนตจะเรยกไฟล PHP Script ผานทางโปรแกรมบราวเซอรไปยง Web Server 2. บราวเซอรจะสงค ารอง (Request) ไปยงเวบเซรฟเวอรเพอผานทางเครอขายระบบอนเทอรเนต 3. เมอเวบเซรฟเวอรรบค ารองขอจากบราวเซอรเรยบรอยแลว จะน าสครปต PHP ทเกบอยใน เซรฟเวอรมาประมวลผลดวยโปรแกรมแปลภาษา PHP ทเปนอนเตอรพรเตอร 4. กรณท PHP Script มการเรยกใช ขอมลกจะตดตอกบฐานขอมลตางๆผานทาง ODBC Connection ถาเปนฐานขอมลกลม Microsoft SQL Server, Microsoft Access, FoxPro หรอใช Function Connection ทมอยใน PHP Library ในการเชอมตอฐานขอมลเพอดงขอมลออกมาหลงจากแปลสครปต PHP แลวจะไดรบไฟล HTML ใหมทมแตแทก HTMLไปยง Web Server 5. Web Server สงไฟล HTML ทไดผานการแปลเรยบรอยแลวกลบไปยงบราวเซอรทรองขอผานทางเครอขายระบบอนเตอรเนต
6
6. เวบบราวเซอรรบไฟล HTML ทเวบเซรฟเวอรสงมาใหแปล HTML แสดงผลออกทางจอภาพเปนเวบเพจ โดยใชตวแปลภาษา HTML ทอยในเวบบราวเซอรซงเปนอนเตอรพรเตอรเชนเดยวกน (Khwanchira Nuanthong , 2557) Jquery (Chandrajeet Maurya:2559)
Jquery เปนสวนหนงในการเขยน Web Browser ซงถกออกแบบมาเพอใชในการเขยน Java Script มความสะดวกสบายเพราะการน า Java Script ไปประยกตกบงาน เชนเวบ (clientside JavaScript) เปนสงทยงยาก เนองจากความไมเขากนของ Web Browser แตละคาย DOM หรอ API เปนตน หลกการท างานของ Jquery คอการเอา Object และ Function ตางๆ มาเกบรวบรวมไวในรปแบบของ Library จงท าใหการเขยนโปรแกรมในครงตอไปจากทเปนหลายบรรทดจะส นลงหรออาจเหลอเพยงบรรทดเดยว ในการเขยนโปรแกรม Jquery ประกอบดวยฟเจอรตางๆ เชน CSS manipulation, HTML event methods, AJAX เปนตน ระบบฐานขอมล
หมายถง โครงสรางสารสนเทศทประกอบดวยขอมลทเกยวของ ทจะน ามาใชในระบบตางๆ รวมกบระบบฐานขอมล ซงผใชสามารถจดการขอมลในลกษณะตางๆ ไดทงการเพม การแกไข การลบ ตลอดจนการเรยกดขอมล ซงสวนใหญจะเปนการประยกตน าเอาระบบคอมพวเตอรเขามาชายจดการฐานขอมลจากการจดเกบขอมลรวมเปนฐานขอมลเพอใหเกดประโยชนดงน
1. สามารถลดความซ าซอนของขอมลได โดยระบบจดการจะชวยควบคมความซ าซอน เนองจากระบบจดการฐานขอมลจะทราบไดตลอดเวลาวา มขอมลซ าซอนกนอยทใดบาง
2. หลกเลยงความขดแยงของขอมลได การเกบขอมลชนดเดยวกนไวหลายๆท และมการปรบปรงขอมล แตปรบปรงขอมลไมครบทกททมขอมลเกบอยกจะท าใหเกดปญหาความขดแยงของขอมลขน
3. สามารถใชขอมลรวมกนได หากผใชตองการใชขอมลในฐานขอมลทมาจากแฟมขอมลตางๆ กจะท าไดโดยงาย
4. สามารถรกษาความถกตองเชอถอไดของขอมลบางครงพบวาการจดเกบขอมลใน ฐานขอมลอาจมขอผดพลาดเกดขน
5. สามารถก าหนดความเปนมาตรฐานเดยวกนของขอมลได การเกบขอมลรวมกนไวใน ฐานขอมลจะสามารถก าหนดมาตรฐานของขอมลได ในการจดเกบขอมลใหเปนไปตามลกษณะเดยวกนได
6. สามารถก าหนดระบบความปลอดภยของขอมลได ระบบความปลอดภยในทนเปนการ ปองกนไมใหผใชทไมมสทธมาใช หรอมาเหนขอมลบางอยางในระบบผบรหาร
7. เกดความเปนอสระของขอมล โปรแกรมตางๆอาจไมจ าเปนตองมโครงสรางขอมลทกครง ดงนนการแกไขขอมลบางครงจงท าเฉพาะกบโปรแกรมทเรยกใชขอมลทเปลยนแปลงเทานน
7
2.3 เวบไซตทเกยวของ
จากการทคณะนกศกษาปฏบตงานสหกจศกษาคนหาขอมลทเกยวของกบการออกแบบเวบ ใหตรงตามความตองการของผใชงาน จงพบวามเวบไซตเปนจ านวนมากทเกยวของกบการออกแบบเวบไซต ทางคณะนกศกษาปฏบตงานสหกจศกษาจงไดศกษาขอมลจากเวบไซตตางๆ เพอน ามาใชเปนแนวทางในการพฒนาเวบไซต โดยมเวบไซตดงตอไปน
ภาพท 2.3 https://phpcodemania.blogspot.com/2017/06/free-php-project.html
เปนเวบไซตทสอนเกยวกบการออกแบบเวบไซต ดวยการเขยนค าสงจะแสดงทงค าสง และผลลพธซงสามารถเลอกดไดวาตองการแบบใด และเวบไซตนยงสามารถเรยนรไดหลากหลายภาษาและหลายระดบความยากมตงแตขนพนฐานจนถงขนสง จงเปนทนยมมากในการศกษาการเขยนโปรแกรม
8
ภาพท 2.4 http://www.rangforever.com/detail.php?id_t=9&id=117
เปนเวบไซตทสอนเกยวกบการเชอมตอกบฐานขอมล การเชอมตอฐานขอมลเปนการน าขอมลมากกวา 3 ตารางขนไป มาเชอมโยงกน โดยตารางเหลานนตองมจดเชอมตอ หรอ key เหมอนกนดวย หาก key ไมเหมอนกนจะไมสามารถเชอมตอกนได
9
ภาพท 2.5 http://www.thaicreate.com/community/jquery-auto-fill-textbox.html
เปนเวบไซตสอนเกยวกบการน า jQuery มาท า AutoFill ขอมล Textbox และการตรวจสอบขอมลซ าดวย Ajax เปนการน าความสามารถของ jQuery มาใชงานรวมกนกบ Form ในการรบสงและตรวจสอบคาผาน Ajax และ JSON เชน การตรวจสอบ Form วาผใชงานไดท าการ Input ขอมลซ าทมอยใน PHP กบ MySQL Database หรอไม หรอการท า Auto Fill เชน กรอกขอมล รหสลกคา CustomerID และขอมลรายละเอยดอนๆกจะแสดงผลอตโนมต ส าห รบการรบ ส งขอ มลในตวอยาง น จะประยกตการใช JSON ท างานรวมกบ Ajax ผาน Library ของ jQuery
10
ภาพท 2.6 http://www.thaicreate.com/tutorial/sql.html
เปนเวบไซตทใหขอมลในเรองของ SQL ไมวาจะเปน MySQL หรอ Microsoft SQL Server ซงรวบรวมค าสงตางๆ ทเอาไวใชงานกบ Database ซงสามารถน ามาประยกตใชในการพฒนาแอพพลเคชนไดโดยงาย
11
ภาพท 2.7 http://www.thaicreate.com/php.html
เปนเวบไซตทรวบรวมการเขยนดวยภาษา PHP อยเปนจ านวนมากสามารถดตวอยางค าสงในแตละค าสงและสามารถน ามาปรบใชเพอเปนแนวทางในการพฒนาและแกไขปญหาเมอเกดขอผดพลาด
12
2.4 งานวจยทเกยวของ จากการศกษาขอมลงานวจยตางๆ ทเกยวกบการออกแบบและพฒนาเวบไซตเพอน าความร และแนวคดทไดจากการศกษามาเปนแนวทางในการด า เนนโครงงาน ซงถอเปนแหลงขอมลส าคญ ทสามารถน ามาประยกตใชใหเปนประโยชนกบโครงงานไดดงตวอยางดงตอไปน
ภาพท 2.8 ระบบการยม-คนโนตบคในหนวยสนบสนนระบบสารสนเทศ โรงพยาบาลพญาไท 3
สนต อสระพาณชย (2556) สาขาวชาคอมพวเตอรธรกจ คณะเทคโนโลยสารสนเทศ มหาวทยาลยสยาม เปนรายงานทน าเสนอระบบ การยม-คนโนตบคในหนวยสนบสนนระบบสารสนเทศ โรงพยาบาลพญาไท 3 กลาวถงระบบงานเดมจนถงการพฒนาระบบใหม โดยมขนตอนการด าเนนงานและการวเคราะหผล การพฒนาโปรแกรมและออกแบบฐานขอมลโดยใช Microsoft Access 2010 และออกแบบสวนตดตอกบผใช โดยใชโปรแกรม Microsoft Visual Studio 2010
13
ภาพท 2.9 ระบบยม-คน หนงสอโครงงาน
ณธชสร จตสงขลา ธชตะวน ชนะกล และ สรายทธ ยกม (2559) สาขาวชาเทคโนโลยสารสนเทศ คณะวทยาศาสตรและเทคโนโลย มหาวทยาลยหาดใหญ เปนรายงานทมการพฒนาระบบยม-คนหนงสอโครงงาน ในรปแบบเวบแอพพลเคชน โดยใชภาษา PHP และระบบการจดการฐานขอมล MySQL ทมขอบเขตการท างานของระบบ
14
ภาพท 2.10 ระบบจดการอปกรณคอมพวเตอรของหนวยงานเวชสารสนเทศ
ปรญญา อภยภกด และ ณฐพล เสาวพงษ (2559) สาขาวชา เทคโนโลยสารสนเทศ คณะเทคโนโลยสารสนเทศ มหาวทยาลยสยาม เปนโปรแกรมทสรางขนเพอจดการอปกรณคอมพวเตอรของหนวยงานเวชสารสนเทศ พฒนาดวยระบบจดการฐานขอมล ส าหรบโปรแกรมทใชในการพฒนาระบบคอ Adobe Dreamweaver CS5 เปนเครองมอในการพฒนาหนาเวบ เพจ โปรแกรม Microsoft SQL Server 2008 เปนเครองมอทใชเปนฐานขอมลเพอเกบขอมลตางๆ และเขยนโปรแกรมดวยภาษา PHP
15
ภาพท 2.11 ระบบจดการอปกรณสนคาคงคลง
จตพล ถวลรกษ ธนวฒน โภทชงรก และสธพงษ เมองเตม (2552) สาขาวชาคอมพวเตอรธรกจ คณะเทคโนโลยสารสนเทศ มหาวทยาลยสยาม โดยโปรแกรมรวบรวมรายการสนคาและรายละเอยดทจะตองสงเคลมไปยงผผลต โดยจดเกบขอมลและรายละเอยดของผผลต ลงฐานขอมลเพอทสามารถเรยกขอมลไดอยางสะดวกและรวดเรวในการสงเคลม ส าหรบโปรแกรมทใชในการพฒนาระบบคอ Microsoft Visual Studio 2005 และใชโปรแกรม Microsoft SQL Server 2000 ในการจดการฐานขอมล
16
ภาพท 2.12 ระบบบรหารงานรานขายผาคลมรถยนต
ขวญฤด ดวงเดอน ประไพพร ส าเภาทอง และปารชาต วชรพทธคณ (2555) สาขาวชาคอมพวเตอรธรกจ คณะเทคโนโลยสารสนเทศ มหาวทยาลยสยาม ไดจดท าโครงงานระบบบรหารงานรานขายผาคลมรถยนต โดยระบบสามารถจดเกบขอมลตางๆ เชน ขอมลสนคา ขอมลการขายสนคา ขอมลการสงซอสนคา ขอมลรบสนคา ขอมลผผลต ขอมลการสงคน เปนตน พฒนาระบบโดย ใช Microsoft SQL Server 2000 ในการสรางฐานขอมล และ ใชโปรแกรม Microsoft Visual Studio 2005 ในการพฒนาระบบ