บทท 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 ในการพฒนาระบบ