ระบบตรวจสอบสถานะกล้องวงจรปิดแบบออนไลน์ บริษัท อีสเทิร์น ไอที ซัพพลาย จำกัด

SPU CHONBURIระบบตรวจสอบสถานะกลอ้ งวงจรปิดแบบออนไลน์
ONLINE CCTV MONITORING SYSTEM

กจิ การ หิงคานนท์
KITJAKARN HINGKANOND

กิตตชิ ยั แสงดารา
KITTICHAI SANGDARA

รายงานฉบับน้เี ปน็ ส่วนหนึ่งของการปฏิบตั ิงานสหกิจศึกษา
สาขาวิชาเทคโนโลยสี ารสนเทศและการส่อื สาร
คณะเทคโนโลยีสารสนเทศ
มหาวทิ ยาลยั ศรีปทุม วิทยาเขตชลบรุ ี
ปีการศึกษา 2560

SPU CHONBURIระบบตรวจสอบสถานะกล้องวงจรปดิ แบบออนไลน์
ONLINE CCTV MONITORING SYSTEM

กิจการ หงิ คานนท์
KITJAKARN HINGKANOND

กิตติชัย แสงดารา
KITTICHAI SANGDARA

ปฏิบตั งิ าน ณ บรษิ ัท อสี เทิรน์ ไอที ซัพพลาย จากดั
529/1 ถนนสุขุมวทิ ตาบลเหมือง
อาเภอเมอื ง จงั หวัดชลบรุ ี
รหสั ไปรษณยี ์ 20130

I

ช่ือหัวขอ้ ระบบตรวจสอบสถานะกล้องวงจรปิดแบบออนไลน์
Online CCTV Monitoring System
ช่อื นักศึกษา นายกิจการ หิงคานนท์ รหัสประจาตวั 57702330
นายกิตตชิ ยั แสงดารา รหสั ประจาตวั 57707082
สาขาวิชา เทคโนโลยสี ารสนเทศและการสื่อสาร
คณะ เทคโนโลยสี ารสนเทศ

SPU CHONBURI
คณะเทคโนโลยสี ารสนเทศ มหาวทิ ยาลยั ศรีปทุม วทิ ยาเขตชลบุรี อนมุ ัติใหร้ ายงานการ
ปฏบิ ตั ิงานสหกิจศกึ ษาฉบบั น้ีเป็นสว่ นหนึ่งของรายงานวชิ าสหกจิ ศกึ ษา

รองคณบดคี ณะเทคโนโลยสี ารสนเทศ

............................................................................
(ผู้ช่วยศาสตราจารย์ ดร.เศรษฐชัย ชัยสนทิ )

หวั หนา้ สาขาวชิ าเทคโนโลยสี ารสนเทศและการส่อื สาร

.........................................................
(อาจารยจ์ ิราภรณ์ ชมย้มิ )

อาจารยท์ ปี่ รึกษาสหกิจศกึ ษา อาจารยท์ ปี่ รึกษาสหกิจศกึ ษา

………............................................................... ………...............................................................
(ผูช้ ่วยศาสตราจารย์ ดร.เศรษฐชยั ชัยสนทิ ) (อาจารย์จริ าภรณ์ ชมย้ิม)

อาจารยท์ ่ีปรกึ ษาสหกิจศึกษา อาจารยท์ ป่ี รึกษาสหกิจศึกษา

………............................................................... ………...............................................................
(อาจารย์ลัดดาวรรณ มีอนนั ต์) (อาจารย์ปัณฑช์ ณชิ เพ่งผล)

SPU CHONBURI II

IV

หวั ข้อสหกิจศึกษา ระบบตรวจสอบสถานะกล้องวงจรปิดแบบออนไลน์
ช่อื นกั ศึกษา นายกจิ การ หิงคานนท์
นายกติ ติชัย แสงดารา
อาจารย์ที่ปรึกษา ผชู้ ว่ ยศาสตราจารย์ ดร.เศรษฐชยั ชัยสนทิ
อาจารยจ์ ิราภรณ์ ชมยม้ิ
หลกั สูตร อาจารย์ลัดดาวรรณ มีอนนั ต์
สาขาวชิ า อาจารยป์ ณั ฑช์ ณชิ เพ่งผล
พ.ศ. วิทยาศาสตรบณั ฑติ
เทคโนโลยีสารสนเทศและการสอื่ สาร
2561

บทคัดย่อ
SPU CHONBURI
จากการศึกษา และปฏิบัติงานสหกิจในบริษัท อีสเทิร์น ไอที ซัพพลาย จากัด ได้รับ
มอบหมายงานให้ออกแบบระบบการจัดการข้อมูลของผู้ใช้และระบบกล้องวงจรปิดแบบออนไลน์
เนื่องจากปญั หาทพี่ บคอื บรษิ ทั ไดม้ ีการติดตั้งกล้องวงจรปิด ถึง 31 จุดพร้อม ๆ กัน จึงทาให้เกิดปัญหาใน
การตดิ ตามการทางานของกล้องวงจรปิด ทางบริษัทจึงมอบหมายให้นักศึกษาสหกิจศึกษาออกแบบระบบ
ตรวจสอบสถานะกล้องวงจรปิดแบบออนไลน์

โดยระบบท่ีพัฒนาข้ึนมีส่วนช่วยอานวยความสะดวกในเร่ืองของการติดตามการทางานของ
กล้องวงจรปิดในทั้งหมดในระบบรวมถึงจัดทาระบบผู้ดูแลเว็บไซต์ของทางบริษัทสามารถที่จะอัพเดท
ข้อมูล ข่าวสาร ต่าง ๆ ท่ีเก่ียวข้องกับสถานะของกล้องวงจรปิดได้ ภาษาท่ีใช้ในการพัฒนาระบบ คือ
ภาษา PHP, HTML5, CSS3 และ JavaScript ในการพัฒนาระบบ และใช้ MySQL ในการจัดการ
ฐานขอ้ มูล เพื่อชว่ ยให้งา่ ยตอ่ การจัดการขอ้ มูลสาหรับผูด้ ูแลระบบ

จากการศึกษาพบว่า ผลการประเมินความพึงพอใจจากผู้ใช้งานในสถานประกอบการจานวน
5 คน ผลท่ีได้ คือ ระบบสามารถช่วยในการอานวยความสะดวกในส่วนของการติดตามผลการทางานของ
กล้องวงจรปิดหลังจากติดต้ังใช้งานไปแล้วได้เป็นอย่างดี เป็นต้น โดยผลประเมินความพึงพอใจของระบบ

ด้านความถูกต้องของระบบ (Functional Test) มีภาพรวมอยู่ในระดับดีมาก ( X =4.52, SD =0.59) และ

ด้านความใชง้ านง่ายของระบบ (Usability Test) มีภาพรวมอยู่ในระดบั ดี ( X =4.35, SD =0.67)

คำสำคญั : อสี เทริ ์น ไอที ซพั พลาย, CCTV, กลอ้ งวงจรปดิ

III

กิตติกรรมประกาศ

การที่คณะผู้จัดทา ได้มาปฏิบัติงานตามโครงการสหกิจศึกษา ณ บริษัท อีสเทิร์น ไอที ซัพ

พลาย จากัด ต้ังแต่วันที่ 8 เดือนมกราคม พ.ศ. 2561 ถึงวันท่ี 18 เดือนพฤษภาคม พ.ศ. 2561 คณะ

ผู้จัดทาไดร้ ับความรู้ และประสบการณ์ในการปฏบิ ัตงิ านจรงิ รวมทั้งทักษะในการทางานด้านต่าง ๆ ที่มี

คุณค่า สาหรับรายงานสหกิจฉบับนี้สาเร็จลงได้ด้วยดีเน่ืองจากการสนับสนุน และความร่วมมือจาก
SPU CHONBURI
หลายฝ่าย ดังน้ี

1. คณุ เมทนิ ี จงขจรกิจ ประธานและกรรมการบรษิ ทั

2. คุณกติ ิศักดิ์ ทองเจรญิ เจา้ หน้าท่ฝี า่ ย Project Manager

3. ผูช้ ่วยศาสตราจารย์ ดร.เศรษฐชัย ชยั สนทิ อาจารย์ทป่ี รกึ ษาสหกิจศกึ ษา

4. อาจารยจ์ ริ าภรณ์ ชมยม้ิ อาจารยท์ ่ีปรึกษาสหกิจศกึ ษา

5. อาจารย์ลัดดาวรรณ มอี นันต์ อาจารย์ทป่ี รกึ ษาสหกจิ ศึกษา

6. อาจารย์ปณั ฑ์ชณชิ เพง่ ผล อาจารยท์ ปี่ รึกษาสหกิจศกึ ษา

นอกจากนย้ี งั มีบุคคลท่านอ่ืน ๆ ที่มิได้กล่าวไว้ ณ ท่ีนี้ ซ่ึงท่านเหล่านี้ได้กรุณาให้คาแนะนาใน

การจัดทารายงานฉบบั นี้

คณะผู้จัดทา ขอขอบพระคุณทุกท่านท่ีได้มีส่วนร่วมในการให้ข้อมูลคาแนะนา และเป็นที่

ปรกึ ษาในการจัดทารายงานฉบับนจี้ นเสร็จสมบูรณ์

นายกิจการ หิงคานนท์
นายกติ ติชัย แสงดารา

ผจู้ ดั ทารายงาน
วันที่ 6 มถิ นุ ายน 2561

IV

คานา

เอกสารประกอบโครงงานฉบับน้ีจัดทาขึ้นเพ่ือประกอบจัดทาโครงงานสหกิจศึกษา
บริษัท อีสเทิร์น ไอที ซัพพลาย จากัด ตามหลักสูตรวิชาสหกิจศึกษาเทคโนโลยีสารสนเทศและการ
สอื่ สาร (ICT499) ซ่งึ ต้องใช้หลักการออกแบบและการพัฒนาระบบงานเพ่ือเป็นประโยชน์ต่อผู้ท่ีสนใจ
จะศึกษา และเป็นแนวทางในการพฒั นาระบบตอ่ ไป

โดยเอกสารโครงงานสหกิจศึกษา บริษัท อีสเทิร์น ไอที ซัพพลาย จากัด ประกอบด้วย
ขอบเขตการพัฒนาระบบ วรรณกรรมและทฤษฎีท่ีเก่ียวข้อง วิธีการดาเนินงาน การวิเคราะห์และ
ออกแบบระบบ ประกอบดว้ ย แผนภาพยสู เคส (Use Case Diagram) แผนภาพซีเควนซ์ (Sequence
Diagram) ความสัมพันธ์ของฐานข้อมูล (E-R Diagram) การออกแบบตารางข้อมูล (Data Tables
Design) พร้อมผังงานกระบวนการ (Flowchart) ผลการดาเนินงาน สรุปผล และข้อเสนอแนะ ของ
โครงงานสหกิจศึกษา

คณะผู้จัดทาหวังเป็นอย่างย่ิงว่า เอกสารประกอบการจัดทาโครงงานสหกิจศึกษา ระบบ
ตรวจสอบสถานะกลอ้ งวงจรปิดแบบออนไลน์ บรษิ ทั อีสเทริ น์ ไอที ซพั พลาย จากัด ตามหลักสูตรวิชา
สหกจิ ศกึ ษาเทคโนโลยสี ารสนเทศและการส่ือสาร (ICT499) คงเปน็ ประโยชน์ตอ่ ผู้ที่สนใจศึกษาไม่มาก
ก็น้อย หากมีข้อผิดพลาด ข้อบกพร่อง หรือความไม่สมบูรณ์ของระบบงานน้ี อันเนื่องมาจากคณะ
ผูจ้ ดั ทายังขาดความรู้ ความชานาญ และขาดประสบการณใ์ นการพฒั นาระบบ คณะผู้จัดทาจึงขออภัย
มา ณ ท่ีนี้ และขอนอ้ มรบั ความผดิ พลาดทกุ ประการ

นายกจิ การ หิงคานนท์
นายกติ ติชยั แสงดารา

ผูจ้ ดั ทารายงาน
วนั ท่ี 6 มิถนุ ายน 2561
SPU CHONBURI

VI

สารบัญSPU CHONBURI หน้า
I
ใบรบั รองรายงานการปฏบิ ตั งิ านสหกิจศึกษา.................................................................. II
หนังสอื รับรองการสง่ รายงานการปฏิบัติงานสหกจิ ศึกษา................................................ III
กติ ตกิ รรมประกาศ.......................................................................................................... IV
บทคัดย่อ......................................................................................................................... V
คานา....................................................................................................................... ........ VI
สารบัญ.............................................................................................................. .............
สารบญั ตาราง................................................................................................................. VIII
สารบญั ภาพ.................................................................................................................... IX
บทที่ 1 บทนา............................................................................................................ 1
1
ประวตั ิและความเป็นมาของสถานประกอบการ............................................ 2
ทต่ี ้งั สถานประกอบการ.................................................................................. 5
ตาแหนง่ และลักษณะงานท่นี ักศกึ ษาไดร้ บั มอบหมาย.................................... 6
บุคลากรผู้นเิ ทศงาน....................................................................................... 7
บทท่ี 2 แนวคิด ทฤษฎีที่เกีย่ วข้อง............................................................................ 7
งานวิจัยท่ีเกีย่ วข้อง........................................................................................ 8
ทฤษฎีท่ีเก่ียวขอ้ ง........................................................................................... 9
ทฤษฎีการวิเคราะหแ์ ละออกแบบระบบ........................................................ 10
เครอ่ื งมอื ท่ีใช้ในการพฒั นาระบบ.................................................................. 10
ภาษาท่ใี ช้ในการพฒั นาระบบ........................................................................ 11
โปรแกรมท่ใี ช้ในการออกแบบและจดั ทาเอกสาร……………………………………. 14
บทที่ 3 รายละเอยี ดของโครงงาน.............................................................................. 14
ความเป็นมาและความสาคญั ของปัญหา........................................................ 14
วตั ถุประสงค์ของโครงงาน............................................................................. 15
ขอบเขตการดาเนนิ งานของโครงงาน............................................................. 16
ผลท่ีคาดว่าจะได้รบั จากการทาโครงงาน........................................................ 16
แผนการดาเนินงาน (Gantt Chart)............................................................... 18
แผนภาพยูสเคส (Use Case Diagram)......................................................... 19
แผนภาพซีเควนซ์ (Sequence Diagram).....................................................

VII

สารบญั (ต่อ) หนา้
21
ความสมั พนั ธ์ของฐานข้อมลู (E-R Diagram)................................................. 22
การออกแบบตารางข้อมลู (Data Table Design)......................................... 25
การสรา้ งเคร่ืองมือประเมินความพึงพอใจโปรแกรม....................................... 26
การทดสอบและประเมนิ ระบบ...................................................................... 26
สถติ ิทใ่ี ชใ้ นการทดสอบ.................................................................................. 27
บทท่ี 4 ผลการดาเนินโครงงาน.................................................................................. 27
ผลการพัฒนาระบบ....................................................................................... 38
ผลการวิเคราะห์แบบประเมนิ ........................................................................ 41
บทท่ี 5 สรุปผลการศึกษา........................................................................................... 41
สรปุ ผลการดาเนินงานโครงงาน.................................................................... 41
ปัญหาและข้อเสนอแนะ................................................................................. 42
สรุปผลการปฏิบัตงิ าน.................................................................................... 43
บรรณานกุ รม.................................................................................................................. 46
ภาคผนวก...................................................................................................................... . 47
ภาคผนวก ก ภาพการปฏิบัตงิ านสหกิจศกึ ษา........................................... 51
ภาคผนวก ข ผังงานกระบวนการ (Flowchart)........................................ 56
ภาคผนวก ค แบบประเมินความพึงพอใจ................................................. 61
ภาคผนวก ง รายนามผปู้ ระเมินการใชง้ านระบบ...................................... 63
ภาคผนวก จ หนังสือรบั รองการนาไปใช้ประโยชน์.................................... 65
หนังสอื ยนิ ยอมใหเ้ ผยแพรผ่ ลงานตอ่ สาธารณะ............................................................... 66
ประวตั ิผูจ้ ดั ทาโครงงาน...................................................................................................
SPU CHONBURI

สารบญั ตาราง VIII
ตารางที่
หนา้
3.1 ตารางแสดงข้อมลู รายละเอยี ดผใู้ ชง้ าน.......................................................... 23
3.2 ตารางแสดงข้อมลู รายละเอียดของกล้องวงจรปิด.......................................... 23
3.3 ตารางแสดงข้อมลู รายละเอยี ดของสถานะกล้องวงจรปิด............................... 24
3.4 ตารางแสดงข้อมลู IP กลอ้ งวงจรปดิ .............................................................. 24
3.5 ตารางข้อมูล แสดงตารางเกณฑก์ ารให้คะแนนของแบบประเมนิ โครงงาน….. 25
4.1 แสดงตารางผลวิเคราะห์แบบประเมนิ ด้านความถูกต้องของระบบ
38
(Functional Test)……………………………………………………………………………..
4.2 แสดงตารางผลวิเคราะห์แบบประเมินด้านความใชง้ านง่ายของระบบ 39

(Usability Test)…………………………………………………………………………………
SPU CHONBURI

IX

สารบญั ภาพSPU CHONBURI หนา้
ภาพท่ี 2
1.1 แสดงภาพโลโก้ บรษิ ทั อีสเทริ ์น ไอที ซัพพลาย จากัด………………………..…….. 2
1.2 แสดงภาพบริษัท อีสเทิร์น ไอที ซพั พลาย จากดั ............................................. 3
1.3 แสดงภาพแผนที่ บรษิ ัท อสี เทริ ์น ไอที ซัพพลาย จากดั .................................. 4
1.4 แสดงภาพแผนผังองค์กร บรษิ ัท อีสเทริ น์ ไอที ซัพพลาย จากดั ..................... 6
1.5 แสดงภาพบุคลากรผู้นเิ ทศงาน (พ่เี ล้ียง).......................................................... 17
3.1 แสดงภาพการดาเนนิ งาน (Gantt Chart)....................................................... 18
3.2 แสดงภาพแผนภาพ Use Case Diagram ของระบบ...................................... 20
3.3 แสดงภาพแผนผังซเี ควนซ์การใช้งานระบบตรวจสอบสถานะกล้องวงจรปดิ .... 21
3.4 แสดงภาพความสัมพนั ธ์ของฐานขอ้ มลู ............................................................ 28
4.1 แสดงภาพแสดงหน้าจอแรกของเวบ็ ไซต์บรษิ ทั ................................................ 29
4.2 แสดงภาพแสดงเมนขู องเวบ็ ไซต์...................................................................... 29
4.3 แสดงภาพแสดงหน้าจอเกย่ี วกบั แผนท่ีจดุ ทตี่ ิดตงั้ กล้องวงจรปิด...................... 30
4.4 แสดงภาพหนา้ จอสาหรับติดต่อผู้ใหบ้ ริการเว็บไซต์……………………………..……. 31
4.5 แสดงภาพหนา้ จอแสดงการเข้าสรู่ ะบบ…………………………………………….…….. 32
4.6 แสดงภาพแสดงหน้าจอ Home ของ Admin จะมี Menu เพิม่ ขึ้นมา………... 33
4.7 แสดงภาพหนา้ จอแสดง Log-File………………………………………………….………. 34
4.8 แสดงภาพแสดง Log-File โดยการพมิ พป์ ี/เดือน/วนั เพื่อค้นหา………….…….. 35
4.9 แสดงภาพหน้าจอแสดงหนา้ Log-File เมื่อคลกิ ดูข้อมลู ไฟล์ Report.txt….… 36
4.10 แสดงหนา้ Log-IP ตรวจสอบการเขา้ ใชง้ านเวบ็ ไซต์…………………………………. 37
4.11 แสดงหนา้ Status แสดงสถานการณ์ทางานของกล้อง………………………………
ก-1 แสดงภาพการปฏิบตั ิงานพัฒนาระบบตรวจสอบสถานะกล้องวงจรปดิ แบบ 48

ออนไลน์…………………………………………………………………………………........……. 49
ก-2 แสดงภาพการปฏิบตั ิงานที่ได้รบั มอบหมายภายใน บริษัท อีสเทิร์น ไอที

ซัพพลาย จากดั …………………………………………………………………........…………..

ก-3 แสดงภาพการปฏิบัติงานท่ีได้รับมอบหมายภายนอก บริษทั อีสเทิร์น ไอที X
ซพั พลาย จากดั ……………………………………………………………………........………..
50
ก-4 แสดงภาพคู่กบั อาจารย์และพี่เลีย้ งในการนเิ ทศงาน......................................... 50
ข-1 แสดงภาพผงั กระบวนการเขา้ สูร่ ะบบ………………………………………….………….. 53
ข-2 แสดงภาพผงั กระบวนการทางานเมนหู ลกั ของผู้ดแู ลระบบ………………..………. 54
ข-3 แสดงภาพผังกระบวนการทางานของผู้ใช้…………………..……………………………. 55

SPU CHONBURI

SPU CHONBURI 41

บทท่ี 5

สรปุ ผลการศกึ ษา

สรปุ ผลการดาเนนิ งานโครงงาน

จากการศึกษา และเก็บรวบรวมข้อมูลความต้องการต่าง ๆ เพื่อใช้ในการออกแบบ ระบบ
ตรวจสอบสถานะกล้องวงจรปิดแบบออนไลน์ โดยสรุปเป็นขนั้ ตอนดังนี้

ข้ันตอนที่ 1 รวบรวมข้อมูลท่ีจาเป็นในการใช้งาน เพ่ือออกแบบ ระบบการจัดการข้อมูล
ของผู้ใชแ้ ละระบบกลอ้ งวงจรปดิ แบบออนไลน์

ขั้นตอนท่ี 2 เร่ิมทาการเขียนโค้ดโดยใช้โปรแกรม Adobe Dreamweaver CS6 ภาษา
PHP, HTML5, CSS3 และ JavaScript ในการพัฒนาระบบ และใช้ MySQL ในการจัดการฐานข้อมูล
ในการออกแบบ ระบบการจัดการข้อมูลของผ้ใู ช้และระบบกล้องวงจรปิดแบบออนไลน์

ขั้นตอนที่ 3 เม่ือเขียนโปรแกรมเสร็จเรียบร้อยแล้ว จึงนามาทดสอบเพื่อตรวจสอบการ
ทางานของโปรแกรมอย่างละเอียด เพ่ือหาข้อผิดพลาดต่าง ๆ ท่ีเกิดขึ้นเพ่ือปรับปรุงแก้ไข พร้อมทั้ง
ตรวจสอบความถูกต้อง และผลลัพธ์ต่าง ๆ ซึ่งผลจากการทดสอบพบว่า เว็บไซต์มีระบบท่ีครอบคลุม
การทางานในหลาย ๆ ด้านภายในองค์กร สามารถที่จะตรวจสอบสถานะของกล้องวงจรปิดได้ และ
สามารถทาการ Report ให้เราทราบได้ โดยที่ข้อมลู มีความถูกต้อง

ปัญหาและขอ้ เสนอแนะ

ปัญหาในการทางาน

1. ปัญหาในการเขียนโปรแกรม เน่ืองจากคณะผู้จัดทาขาดความชานาญในการเขียน
ภาษา HTML5 จงึ ทาให้ใช้เวลานาน

2. ปัญหาในการคิด วิเคราะห์ปัญหา ตรรกะ ท่ีใช้ในการเขียนโปรแกรมยังไม่มีความ
ชานาญมากพอ

ขอ้ เสนอแนะ

1. โปรแกรมท่ีทางคณะผู้จดั ทาสามารถนาไปต่อยอดพฒั นาต่อได้ โดยสามารถใหม้ ี
การแจ้งเตือนผา่ นแอปพลเิ คชันตา่ ง ๆ เชน่ Line เป็นต้น

2. คณะผู้จดั ทาควรทจ่ี ะศกึ ษาเกีย่ วกับการเขียนโปรแกรมรูปแบบใหม่ตลอดเวลา

42

สรุปผลการปฏบิ ตั งิ าน

จากการท่ีได้ปฏิบัติงานสหกิจศึกษา ณ บริษัท อีสเทิร์น ไอที ซัพพลาย จากัด แผนก IT
ต้ังแต่วันที่ 8 เดือนมกราคม พ.ศ. 2561 ถึงวันท่ี 18 เดือนพฤษภาคม พ.ศ. 2561 โดยหน้าท่ีที่ได้รับ
มอบหมายคือ IT Support คอยดูแลความเรียบร้อยด้านสารสนเทศให้บุคลากรในและนอกองค์กรได้รับ
ความสะดวกในการใชง้ านด้านสารสนเทศและงานอื่น ๆ ตามที่ได้รับมอบหมายจากหัวหน้า สิ่งที่ได้รับจาก
การปฏิบตั ิงานท้ังหมดดังต่อไปน้ี

1. ออกแบบ ระบบการจัดการขอ้ มูลของผใู้ ชแ้ ละระบบกลอ้ งวงจรปดิ แบบออนไลน์
2. เรยี นรกู้ ารใช้งานโปรแกรม Command Prompt
3. เรียนรกู้ ารใช้งานโปรแกรม Adobe Dreamweaver CS6
4. เรียนรู้การใชง้ านโปรแกรม Windows Task Scheduler
5. เรียนรู้ข้ันตอนการค้าหาและระบุพิกัดในโปรแกรม Google Map & Google
Earth
6. เรียนรู้การอบรมความปลอดภัยในการเข้าทางานในโรงงานและการใช้งาน
เครือ่ งจกั ร
7. เรียนรูก้ ารสร้างมนษุ ยสัมพนั ธ์กับบคุ ลากรในแผนกอนื่
8. เรยี นรูก้ ารทางานเปน็ ทีม
9. เรียนรู้เรื่องวัฒนธรรมองค์กร
SPU CHONBURI

บทที่ 4

ผลการดาเนนิ โครงงาน

การออกแบบ ระบบตรวจสอบสถานะกล้องวงจรปิดแบบออนไลน์ มีการแสดงหน้าจอการ
พฒั นาระบบ ดงั นี้

ผลการพัฒนาระบบ

ส่วนที่ 1 สว่ นของผู้ใช้งาน

1. หนา้ จอแสดงหน้าแรกของเวบ็ ไซต์บริษัท
2. หน้าจอแสดงเมนขู องเวบ็ ไซตบ์ รษิ ทั
3. หน้าจอแผนท่แี สดงเกี่ยวกับแผนทจี่ ุดที่ตดิ ตัง้ กล้องวงจรปิด
4. หนา้ จอสาหรบั ติดตอ่ ผ้ใู หบ้ รกิ ารเว็บไซต์

ส่วนที่ 2 ส่วนของผูด้ ูแลระบบ

1. หนา้ จอแสดงการเขา้ สู่ระบบ
2. หน้าจอ Home ของ Admin
3. หนา้ จอแสดง Log-File
4. หน้าจอแสดง Log-File โดยการพิมพ์ป/ี เดือน/วนั เพ่ือคน้ หาแบบเฉพาะวัน
5. หน้าจอแสดงหน้า Log-File เมื่อคลิกดูข้อมลู ไฟล์ Report.txt
6. หน้าจอแสดงหน้า Log-IP เพือ่ ตรวจสอบว่ามผี ้เู ข้าใชง้ านเว็บไซต์
7. หน้าจอแสดงหน้า Status แสดงสถานการณ์ทางานของกล้อง
SPU CHONBURI

28
สว่ นที่ 1 ส่วนของผใู้ ช้งาน
1. หนา้ จอแสดงหนา้ แรกของเวบ็ ไซตบ์ ริษทั
หน้าจอแสดงหน้าแรกของเว็บไซต์บริษัทซ่ึงสามารถเลือกเข้าเมนูตามท่ีต้องการ
ดงั ภาพที่ 4.1

ภาพที่ 4.1 แสดงภาพหน้าจอแรกของเวบ็ ไซตบ์ รษิ ัท
SPU CHONBURI

29

2. หนา้ จอแสดงเมนูของเวบ็ ไซต์บริษัท ซงึ่ ประกอบด้วยเมนูการทางานตา่ ง ๆ ดงั นี้
Home คือ หน้าแรกของเวบ็ ไซต์
Map คือ อธบิ ายเก่ยี วกับจดุ ติดต้งั กลอ้ งวงจรปิด
Contact คอื อธิบายเกยี่ วกับการติดตอ่ ผใู้ หบ้ รกิ ารเวบ็ ไซต์
Log in คือ การเข้าสู่ระบบ

Home Map Contact Log in

ภาพที่ 4.2 แสดงภาพเมนขู องเว็บไซต์
3. หนา้ จอแสดงเก่ียวกบั แผนที่จุดท่ีติดต้งั กล้องวงจรปิด

หน้าจอแสดงเก่ยี วกบั แผนทีจ่ ดุ ทต่ี ิดตง้ั กลอ้ งวงจรปดิ ท้งั หมด ดังภาพท่ี 4.3
SPU CHONBURI

ภาพท่ี 4.3 แสดงภาพหน้าจอเกีย่ วกับแผนทีจ่ ดุ ทตี่ ิดตัง้ กลอ้ งวงจรปิด

30
4. หนา้ จอแสดงเกี่ยวกบั การติดตอ่ ผู้ให้บริการเวบ็ ไซต์

หนา้ จอสาหรับติดต่อผ้ใู ห้บริการเว็บไซต์สามารถกรอกรายละเอียดตา่ ง ๆ เกี่ยวกับกลอ้ ง
วงจรปิดเพอื่ ตดิ ตอ่ กบั ผพู้ ัฒนาเว็บไซตโ์ ดยตรง ดงั ภาพที่ 4.4

ภาพที่ 4.4 แสดงภาพหนา้ จอสาหรบั ตดิ ตอ่ ผใู้ หบ้ ริการเว็บไซต์
SPU CHONBURI

31
สว่ นท่ี 2 สว่ นของผู้ดูแลระบบ
1. หน้าจอแสดงเกี่ยวกับการเขา้ สูร่ ะบบ
หนา้ จอแสดงการเข้าสู่ระบบโดยจะต้องกรอก Username และ Password แล้วคลกิ เขา้ สู่
ระบบ ดงั ภาพที่ 4.5

ภาพท่ี 4.5 แสดงภาพหน้าจอแสดงการเข้าสู่ระบบ
SPU CHONBURI

32
2. หนา้ จอ Home ของ Admin

หนา้ จอ Home ของ Admin จะมี Menu เพ่ิมขึ้นมาเพื่อทจ่ี ะสามารถตรวจสอบสถานะ
ของกล้องวงจรปิดแบบเวลาล่าสดุ และแบบย้อนหลังได้ ดังภาพท่ี 4.6

ภาพท่ี 4.6 แสดงภาพหนา้ จอ Home ของ Admin จะมี Menu เพม่ิ ขึ้นมา
SPU CHONBURI

33
3. หนา้ จอแสดง Log-File

หนา้ จอแสดง Log-File จะมไี ฟลช์ อ่ื Report.txt แสดงอยู่ และสามารถกดเพือ่ ชมสถานะ
ของกล้องวงจรปิด ดงั ภาพท่ี 4.7

ภาพที่ 4.7 แสดงภาพหนา้ จอแสดง Log-File
SPU CHONBURI

34
4. หน้าจอแสดง Log-File โดยการพิมพ์ป/ี เดือน/วัน เพื่อค้นหาแบบเฉพาะวนั

หน้าจอแสดง Log-File โดยการพิมพ์ปี/เดือน/วัน เพื่อค้นหาแบบเฉพาะวันท่ีต้องการจะ
เรียกดขู ้อมลู การทางานของกลอ้ งวงจรปดิ แบบย้อนหลงั สว่ นในภาพจะเป็นการค้นหาแบบพิมพ์ปี เช่น
2018 แลว้ กดสง่ จะไดไ้ ฟลข์ องปที ค่ี ้นหาทัง้ หมด ดงั ภาพท่ี 4.8

ภาพท่ี 4.8 แสดงภาพ Log-File โดยการพิมพ์ปี/เดือน/วนั เพ่ือค้นหา
SPU CHONBURI

35
5. หน้าจอแสดงหนา้ Log-File เมื่อคลิกดขู ้อมูลไฟล์ Report.txt

หน้าจอแสดงหน้า Log-File เมื่อคลิกดูข้อมูลไฟล์ Report.txt จะแสดงข้อมูลเป็น IP ช่ือ
จดุ ตดิ ต้งั กล้องวงจรปิด และสถานการณ์ทางานของกลอ้ งวงจรปดิ ดังภาพท่ี 4.9

ภาพท่ี 4.9 แสดงหน้า Log-File เมื่อคลิกดูขอ้ มลู ไฟล์ Report…txt

IP

ภาพที่ 4.9 แสดงภาพหน้าจอแสดงหน้า Log-File เม่ือคลิกดูขอ้ มลู ไฟล์ Report.txt
SPU CHONBURI

36
6. หนา้ จอแสดงหน้า Log-IP เพื่อตรวจสอบว่ามีผู้เขา้ ใชง้ านเวบ็ ไซต์

หนา้ จอแสดงหนา้ Log-IP เพื่อตรวจสอบวา่ มีผู้เขา้ ใช้งานเวบ็ ไซต์ตามภาพ จะแสดง date,
time, IP, Windows, และ Browser ของผู้เขา้ ใชง้ าน ดงั ภาพท่ี 4.10

IP

ภาพท่ี 4.10 แสดงภาพหน้า Log-IP ตรวจสอบการเขา้ ใชง้ านเว็บไซต์
SPU CHONBURI

37
7. หนา้ จอแสดงหน้า Status แสดงสถานการณ์ทางานของกลอ้ ง

หนา้ จอแสดงหนา้ Status แสดงสถานการณท์ างานของกล้องแบ่งเป็น 2 สี Up = สีเขียว
Down = สีแดง ดังภาพท่ี 4.11

IP

ภาพท่ี 4.11 แสดงภาพหน้า Status แสดงสถานะการทางานของกล้อง
SPU CHONBURI

38

ผลการวิเคราะหแ์ บบประเมนิ

ตารางสรปุ ผลการวิเคราะห์ และแปรผลการประเมินความพึงพอใจของระบบตรวจสอบสถานะ
กล้องวงจรปิดแบบออนไลน์ จากัด มี 2 ด้าน ประกอบด้วย ฟังก์ชันงานของระบบ (Functional Test)
และความง่ายต่อการใช้งานของระบบ (Usability Test) โดยแสดงตารางดังต่อไปน้ี

ตารางท่ี 4.1 แสดงตารางผลวเิ คราะหแ์ บบประเมินดา้ นความถูกต้องของระบบ (Functional Test)

SPU CHONBURI รายการ X SD แปรผล
1. การจดั การข้อมูลพน้ื ฐานของผดู้ ูแลเว็บไซต์ 4.40 0.55 ดี
2. การจัดการข้อมลู สถานะของกล้องวงจรปดิ ท่ตี ดิ ตั้งทงั้ 31 จดุ 4.80 0.44 ดีมาก
3. การลงบันทึกการปฏบิ ัตงิ านของกล้องวงจรปิด
4. การลงบันทึกการเข้าใช้งานของ User / Admin 4.20 0.89 ดี
5. การวิเคราะหแ์ ละออกรายงาน 4.60 0.54 ดีมาก

คะแนนเฉล่ยี รวม 4.60 0.54 ดมี าก

4.52 0.59 ดีมาก

จากตารางท่ี 4.1 พบว่า การทดสอบระบบด้านฟังก์ชันการทางานต่าง ๆ ที่สามารถทางาน
ได้ถูกต้องตรงกับการใช้งานระบบ (Functional Test) ในภาพรวมผู้ใช้ระบบมีความพึงพอใจอยู่ใน

ระดับดมี าก ซึง่ มีค่าเฉลยี่ ( ) เทา่ กับ 4.52 และค่าเบี่ยงเบนมาตรฐาน (SD) เทา่ กับ 0.59

39

ตารางท่ี 4.2 แสดงตารางผลวิเคราะหแ์ บบประเมนิ ดา้ นความใช้งานงา่ ยของระบบ (Usability Test)

รายการ X SD แปรผล
1. ระบบใชง้ านงา่ ยและไม่ซับซ้อน 4.20 0.89 ดี
2. สามารถคน้ หาหรือเข้าถึงขอ้ มูลท่ีต้องการได้ในเวลาอนั ส้นั 4.40 0.55 ดี
3. ประสทิ ธภิ าพ / ความรวดเรว็ ในการตอบสนองของระบบ 4.40 0.55 ดี
4. ขอ้ มลู มีความถูกต้องสมบรู ณแ์ ละครบถ้วน 4.20 0.89 ดี
5. ข้อมลู มีประโยชนต์ ่อผู้ใชง้ าน 4.60 0.54 ดีมาก
6. ข้อมูลทีไ่ ดร้ ับเปน็ ประโยชน์ตอ่ หนว่ ยงานของทา่ น 4.40 0.55 ดี
7. ระบบมขี อ้ ความ คาส่ัง ชัดเจน เหมาะสม งา่ ยตอ่ การใช้งาน 4.20 0.89 ดี
8. ประสทิ ธภิ าพโดยรวม 4.40 0.55 ดี
4.35 0.67 ดี
คะแนนเฉลี่ยรวม
SPU CHONBURI
จากตารางที่ 4.2 แสดงตารางสรุปผลการประเมินความพึงพอใจ ด้านความง่ายต่อการใช้
งานของระบบ (Usability Test) ในภาพรวมอยู่ในระดับดี ซ่ึงมีค่าเฉลี่ย ( ̅) เท่ากับ 4.35 และค่า
เบ่ียงเบนมาตรฐาน (SD) เท่ากับ 0.67

สรุปผลการประเมนิ โครงงาน ระบบตรวจสอบสถานะกล้องวงจรปิดแบบออนไลน์ จากการ
ท่ีให้พนักงานใน บริษัท อีสเทิร์น ไอที ซัพพลาย จากัด ท่ีได้ทดลองใช้งานระบบตรวจสอบสถานะ
กล้องวงจรปดิ แบบออนไลน์ ไดท้ ดลองใช้งานระบบตรวจสอบสถานะกล้องวงจรปิดแบบออนไลน์ แล้ว
ทาการประเมินระบบงานสามารถสรุปผลการทดสอบด้าน Functional Test ซึ่งเป็นการประเมิน
กระบวนการทางานของระบบ โดยมีค่าเฉล่ีย ( ̅) เท่ากับ 4.52 ส่วนเบี่ยงเบนมาตรฐาน (SD) เท่ากับ
0.59 ซึ่งผลการประเมินระบบในด้านน้ีถือได้ว่ามีประสิทธิภาพในการทางานอยู่ในระดับดีมาก การจัดการ
ขอ้ มลู พืน้ ฐานของผูด้ ูแลเวบ็ ไซต์คา่ เฉล่ยี ( ̅) เทา่ กับ 4.40 ส่วนเบ่ียงเบนมาตรฐาน (SD) เท่ากับ 0.55 ซึ่ง
ผลในการประเมินถือได้ว่ามีประสิทธิภาพในการทางานอยู่ในระดับดี การจัดการข้อมูลสถานะของกล้อง
วงจรปดิ ทตี่ ิดต้งั ทัง้ 31 จุดค่าเฉล่ีย ( ̅) เท่ากับ 4.80 ส่วนเบี่ยงเบนมาตรฐาน (SD) เท่ากับ 0.44 ซึ่งผลใน
การประเมินถือได้ว่ามีประสิทธิภาพในการทางานอยู่ในระดับดีมาก การลงบันทึกการปฏิบัติงานของ
กล้องวงจรปิดค่าเฉล่ีย ( ̅) เท่ากับ 4.20 ส่วนเบี่ยงเบนมาตรฐาน (SD) เท่ากับ 0.89 ซ่ึงผลในการประเมิน
ถือได้ว่ามีประสิทธิภาพในการทางานอยู่ในระดับดี การลงบันทึกการเข้าใช้งานของ User / Admin

40

ค่าเฉล่ีย ( ̅) เท่ากับ 4.60 ส่วนเบ่ียงเบนมาตรฐาน (SD) เท่ากับ 0.54 ซึ่งผลในการประเมินถือได้ว่ามี
ประสิทธิภาพการทางานอยู่ในระดับดีมาก การวิเคราะห์และออกรายงานค่าเฉล่ีย ( ̅) เท่ากับ 4.60
ส่วนเบี่ยงเบนมาตรฐาน (SD) เท่ากับ 0.54 ซึ่งผลในการประเมินถือได้ว่ามีประสิทธิภาพการทางานอยู่ใน
ระดับดีมาก และในการทดสอบด้าน Usability Test เป็นการประเมินภาพรวมของระบบ ค่าเฉล่ีย ( ̅)
เท่ากับ 4.35 และส่วนเบี่ยงเบนมาตรฐาน (SD) เท่ากับ 0.67 ซ่ึงผลในการประเมินระบบถือได้ว่ามี
ประสิทธิภาพในการทางานอยู่ในระดับดี ระบบใช้งานง่ายและไม่ซับซ้อนค่าเฉลี่ย ( ̅) เท่ากับ 4.20 และ
สว่ นเบย่ี งเบนมาตรฐาน (SD) เท่ากับ 0.89 ซ่ึงผลในการประเมินระบบถือได้ว่ามีประสิทธิภาพในการทางาน
อยูใ่ นระดบั ดี สามารถคน้ หาหรอื เข้าถึงข้อมูลท่ีต้องการได้ในเวลาอันส้ันค่าเฉล่ีย ( ̅) เท่ากับ 4.40 และ
สว่ นเบย่ี งเบนมาตรฐาน (SD) เท่ากับ 0.55 ซึ่งผลในการประเมินระบบถือได้ว่ามีประสิทธิภาพในการทางาน
อย่ใู นระดับดี ประสิทธิภาพ / ความรวดเร็วในการตอบสนองของระบบค่าเฉล่ีย ( ̅) เท่ากับ 4.40 และ
สว่ นเบ่ยี งเบนมาตรฐาน (SD) เทา่ กบั 0.55 ซ่ึงผลในการประเมินระบบถือได้ว่ามีประสิทธิภาพในการทางาน
อยู่ในระดับดี ข้อมูลมีความถูกต้องสมบูรณ์และครบถ้วนค่าเฉลี่ย ( ̅) เท่ากับ 4.20 และส่วนเบี่ยงเบน
มาตรฐาน (SD) เท่ากับ 0.89 ซึ่งผลในการประเมินระบบถือได้ว่ามีประสิทธิภาพในการทางานอยู่ในระดับดี
ข้อมูลมีประโยชน์ต่อผู้ใช้งานค่าเฉลี่ย ( ̅) เท่ากับ 4.60 และส่วนเบี่ยงเบนมาตรฐาน (SD) เท่ากับ 0.54
ซ่ึงผลในการประเมินระบบถือได้ว่ามีประสิทธิภาพในการทางานอยู่ในระดับดีมาก ข้อมูลท่ีได้รับเป็น
ประโยชน์ต่อหน่วยงานของท่านค่าเฉลี่ย ( ̅) เท่ากับ 4.40 และส่วนเบ่ียงเบนมาตรฐาน (SD) เท่ากับ
0.55 ซึ่งผลในการประเมินระบบถือได้ว่ามีประสิทธิภาพในการทางานอยู่ในระดับดี ระบบมีข้อความ
คาสั่ง ชัดเจน เหมาะสม ง่ายต่อการใช้งานค่าเฉล่ีย ( ̅) เท่ากับ 4.20 และส่วนเบี่ยงเบนมาตรฐาน (SD)
เท่ากับ 0.89 ซึ่งผลในการประเมินระบบถือได้ว่ามีประสิทธิภาพในการทางานอยู่ในระดับดี ประสิทธิภาพ
โดยรวมค่าเฉลี่ย ( ̅) เท่ากับ 4.40 และส่วนเบ่ียงเบนมาตรฐาน (SD) เท่ากับ 0.55 ซึ่งผลในการประเมิน
ระบบถือได้ว่ามีประสิทธิภาพในการทางานอยู่ในระดับดี ซ่ึงผลในการประเมินระบบถือได้ว่ามี
ประสิทธิภาพในการทางานอยูใ่ นระดับดี
SPU CHONBURI

SPU CHONBURI 14

บทท่ี 3

รายละเอยี ดของโครงงาน

ความเปน็ มาและความสาคญั ของปัญหา

ในปัจจุปันบริษัท อีสเทิร์น ไอที ซัพพลาย จากัด เป็นบริษัทท่ีดาเนินธุรกิจเก่ียวกับการจัด
จาหนา่ ย และซ่อมบารุงคอมพิวเตอร์ เครอื่ งมืออุปกรณ์รักษาความปลอดภัยซอฟต์แวร์ และโปรแกรม
ต่าง ๆ เนื่องจากปัญหาท่ีพบคือทางบริษัทได้มีการติดต้ังกล้องวงจรปิด ถึง 31 จุดพร้อม ๆ กันจึงทาให้
เกิดปัญหาในการติดตามการทางานของกล้องวงจรปิดทางบริษัทจึงมอบหมายให้นักศึกษาสหกิจศึกษา
พัฒนาระบบการจัดการข้อมูลของผู้ใช้ และระบบกล้องวงจรปิดแบบออนไลน์ เพ่ือที่จะสะดวกข้ึนในการ
ติดตามการทางานของกล้องวงจรปิดในท้ัง 31 จุด คือสามารถเข้ามาตรวจเช็คสถานะการทางานของ
กล้องวงจรปิดแต่ละจุดได้ตลอดเวลารวมถึงจัดทาระบบผู้ดูแลเว็บไซต์ของทางบริษัท สามารถที่จะ
อัพเดทข้อมูลของกล้องวงจรปิดท่ีมีปัญหาหรือเกิดเหตุขัดข้องต่าง ๆ ได้

จากความสาคัญ และปัญหาท่ีกล่าวมาข้างต้น นักศึกษาปฏิบัติงานสหกิจศึกษาจึงมีความ
สนใจท่ีจะออกแบบระบบการจัดการข้อมูลของผู้ใช้ และระบบกล้องวงจรปิดแบบออนไลน์ โดยใช้
โปรแกรม Adobe Dreamweaver CS6 ภาษา PHP, HTML5, CSS3 และ JavaScript ในการพัฒนา
ระบบ และใช้ MySQL ในการจัดการฐานข้อมูล เพื่อช่วยให้ง่ายต่อการจัดการข้อมูลสาหรับผู้ดูแล
ระบบ

จากการที่นักศึกษาปฏิบัติงานสหกิจศึกษาได้รับผิดชอบงานร่วมกับพนักงานในหน่วยงาน
Information Technology (IT) และไดร้ บั มอบหมายใหร้ ับผิดชอบงานในส่วนของการออกแบบระบบ
การจัดการข้อมูลของผู้ใช้ และระบบกล้องวงจรปิดแบบออนไลน์ด้วยเทคโนโลยี HTML5 ให้มีความ
ทนั สมยั และมีประสิทธภิ าพมากยิง่ ข้ึน

วตั ถปุ ระสงค์ของโครงงาน

การออกแบบระบบตรวจสอบสถานะกล้องวงจรปิดแบบออนไลน์มีวัตถุประสงค์ของโครงงาน
ดงั ต่อไปนี้

1. เพอื่ พัฒนาระบบตรวจสอบสถานะกล้องวงจรปิดแบบออนไลน์ใหม้ ีประสิทธิภาพ
2. เพอ่ื ให้ Admin ทราบถึงสถานะการทางานของกล้องวงจรปดิ แต่ละตัว
3. เพือ่ ให้สามารถดงึ ข้อมูลเป็นรายงานการทางานของกลอ้ งวงจรปิดได้

15

4. เพือ่ ให้ผใู้ ช้เวบ็ ไซต์ท่ัวไปสามารถตดิ ต่อกบั ผดู้ ูแลระบบได้โดยตรง

ขอบเขตการดาเนนิ งานของโครงงาน

การออกแบบระบบตรวจสอบสถานะกล้องวงจรปิดแบบออนไลน์มีขอบเขตการดาเนินงาน
ของโครงงานดงั ต่อไปน้ี

1. การจัดการข้อมลู พนื้ ฐานของผ้ดู ูแลเว็บไซต์
2. การจัดการขอ้ มูลสถานะของกล้องวงจรปิดทตี่ ิดตงั้ ท้ัง 31 จดุ
3. การลงบันทกึ การปฏิบตั งิ านของกลอ้ งวงจรปิด
4. การลงบนั ทึกการเขา้ ใช้งานของ User / Admin
5. การวิเคราะหแ์ ละออกรายงาน

ขั้นตอนการดาเนินงาน

ในการออกแบบระบบตรวจสอบสถานะกล้องวงจรปิดแบบออนไลน์มีแผนการดาเนินงาน
ดังนี้

1. ศึกษาค้นคว้าข้อมูลก่อนที่จะเริ่มการทางานต้องมีการสอบถามข้อมูลจากทาง
บริษทั เพอ่ื ใหไ้ ดข้ ้อมูลท่ีถกู ต้อง และตรงกับความต้องการของบรษิ ัท

2. รวบรวมขอ้ มูล และจะต้องศึกษาขอ้ มลู นัน้ อยา่ งเคร่งครัดพร้อมกับการเก็บรวบรวม
ข้อมูลเพ่อื นามาใชพ้ รอ้ มกับโปรแกรม

3. วเิ คราะห์ข้อมูลทีเ่ ก็บรวบรวมเพือ่ เตรยี มการออกแบบ
4. ออกแบบระบบการจัดการทรัพยากรข้อมูลด้านสารสนเทศให้ตรงตามความ
ตอ้ งการของผ้ใู ช้ระบบ
5. พัฒนาเวบ็ ไซตเ์ พ่อื ใช้ตรวจสอบสถานะของกลอ้ งวงจรปิด
6. ทดสอบความถกู ตอ้ งของระบบหากเกดิ ขอ้ ผิดพลาดจึงแกไ้ ข ปรับปรุง และนามาใช้
งานจรงิ
SPU CHONBURI

16

ผลทค่ี าดว่าจะไดร้ บั จากการดาเนินโครงงาน

ผลท่ีคาดว่าจะได้รับจากการดาเนินโครงงานการออกแบบ ระบบตรวจสอบสถานะกล้อง
วงจรปดิ แบบออนไลน์ ดังต่อไปน้ี

1. ได้ระบบตรวจสอบสถานะกล้องวงจรปิดแบบออนไลน์ทม่ี ีประสิทธิภาพ
2. ระบบสามารถแจ้งข้อมูลของสถานะของกล้องวงจรปิดแต่ละตัวได้อย่างถูกต้อง
3. ระบบสามารถบันทึกข้อมูลเพ่ือออกเป็นรายงานการทางานของกล้องวงจรปิด
4. ระบบสามารถแจ้งข้อมูลความผิดปกติต่าง ๆ ที่ผู้ใช้ท่ัวไปแจ้งเข้ามาให้แก่ผู้ดูแล
ระบบได้

แผนการดาเนนิ งาน (Gantt Chart)

การออกแบบระบบการจัดการข้อมูลของผู้ใช้และระบบกล้องวงจรปิดแบบออนไลน์ เร่ิม
ดาเนินงานตั้งแต่ วันที่ 8 เดือนมกราคม พ.ศ. 2561 จนถึงวันที่ 18 เดือนพฤษภาคม พ.ศ. 2561 โดย
มขี น้ั ตอนในการดาเนนิ งาน ดงั ภาพท่ี 3.1
SPU CHONBURI

SPU CHONBURI 17

18

แผนภาพยสู เคส (Use Case Diagram)

Use Case Diagram คือ แผนภาพที่แสดงการทางานของผู้ใช้ระบบ (User) และ
ความสัมพันธ์กับระบบย่อย (Sub Systems) ภายในระบบใหญ่ ในการเขียน Use Case Diagram
ผู้ใช้ระบบ (User) จะถูกกาหนดว่าให้เป็น Actor และ ระบบย่อย (Sub Systems) คือ Use Case
จุดประสงค์หลักของการเขียน Use Case Diagram ก็เพ่ือเล่าเร่ืองราวทั้งหมดของระบบว่ามีการ
ทางานอะไรบ้าง เป็นการดึง Requirement หรือเร่ืองราวต่าง ๆ ของระบบจากผู้ใช้งาน ซึ่งถือว่าเป็น
จดุ เร่มิ ต้นในการวเิ คราะหแ์ ละออกแบบระบบ สญั ลักษณท์ ใี่ ช้ใน Use Case Diagram จะใช้สัญลักษณ์
รูปคนแทน Actor ใช้สัญลักษณ์วงรีแทน Use Case และใช้เส้นตรงในการเชื่อม Actor โดยระบบ
ตรวจสอบสถานะกลอ้ งวงจรปิดแบบออนไลน์ มีรายละเอียดดงั น้ี

Actor คือ
1. ผู้ใช้งาน มีหน้าที่ในการจัดการข้อมูลพ้ืนฐาน สามารถท่ีจะเข้าไปชมส่วนต่าง ๆ ของ

เวบ็ ไซต์ และสามารถติดต่อกบั ผจู้ ดั ทาเวบ็ ไซต์ไดโ้ ดยตรง
2. ผูด้ ูแลระบบ มีหน้าที่ในการเข้าไปตรวจสอบสถานการณท์ างานของกล้องวงจรปิด ว่า

มกี ารทางานผดิ ปกตหิ รอื ไมเ่ พอื่ ท่ีจะเข้าไปแก้ไขยังจุดท่ีเกิดปญั หาไดอ้ ย่างรวดเร็ว
Use Case คือ ระบบงานต่าง ๆ ในระบบ เช่น การเข้าตรวจสอบสถานะของกล้องวงจร

ปดิ การเขา้ ไปดูพกิ ดั ทท่ี าการตดิ ตัง้ กล้องวงจรปิด เปน็ ต้น
SPU CHONBURI
ผดู้ ูแลระบบ ระบบตรวจสอบสถานะกล้องวงจรปิดออนไลน์ ผู้ใชง้ าน
แสดงจุดติดตัง้ กลอ้ งวงจรปิด
ติดต่อผใู้ ห้บริการเว็บไซต์
เขา้ ส่รู ะบบ

การจดั การข้อมลู พนื้ ฐาน

ตรวจสอบสถานะกลอ้ ง

การลงบันทึกการปฎิบตั งิ านของกล้อง
การลงบนั ทกึ การเขา้ ใช้งานของ
User / Admin

ภาพท่ี 3.2 แสดงภาพแผนภาพ Use Case Diagram ของระบบ

19

แผนผงั ซีเควนซ์ (Sequence Diagram)

เป็น Diagram ท่ีประกอบไปด้วย Class หรือ Object เส้นท่ีใช้เพื่อแสดงลาดับเวลา และ
เส้นท่ีใช้เพ่ือแสดงกิจกรรมที่เกิดข้ึนจาก Object หรือ Class ใน Diagram ภายใน Sequence
Diagram จะใช้ส่ีเหล่ียมแทน Class หรือ Object ซ่ึงภายในกรอบส่ีเหล่ียมจะมีชื่อของ Object หรือ
Class ประกอบอยู่

โดยระบบตรวจสอบสถานะกล้องวงจรปดิ แบบออนไลน์ มีแผนผงั ซีเควนซ์ ดงั ตอ่ ไปน้ี
- แผนผงั ซเี ควนซ์การใชง้ านระบบตรวจสอบสถานะกล้องวงจรปิดแบบออนไลน์

โดยแบ่งรายละเอยี ดการทางานออกเปน็ 2 สว่ นดังตอ่ ไปน้ี

1. ผดู้ แู ลระบบ
ในส่วนของผู้ดูแลระบบจะต้องทาการกรอกช่ือผู้ใช้งาน (Username) และรหัสผ่าน

(Password) ก่อนเข้าใช้งานหรือตั้งค่าระบบต่าง ๆ เม่ือทาการเข้าสู่ระบบแล้วจะสามารถจัดการ
ข้อมูลพื้นฐานต่าง ๆ ของระบบได้แก่ การจัดการข้อมูลจุดติดตั้งกล้องวงจรปิด การจัดการข้อมูลและ
ตรวจสอบข้อมูลของผู้เข้าใช้งานระบบ การจัดการข้อมูลสถานะกล้องวงจรปิดแบบเป็น Log ไฟล์
และการจดั การขอ้ มูลสถานะกล้องวงจรปดิ แบบแสดงสถานะสี

2. ผู้ใชง้ านท่ัวไป
ในส่วนของผู้ใช้งานท่ัวไปจะสามารถเข้ามาชมระบบได้ในส่วนท่ีทางผู้ดูแลระบบ

สามารถใหเ้ ขา้ ชมไดเ้ ท่าน้นั โดยไม่สามารถทาการแกไ้ ข เปลีย่ นแปลง และตงั้ ค่าข้อมูลต่าง ๆ ในระบบ
ได้ซึ่งผู้ใช้งานท่ัวไปจะสามารถเข้าชมระบบในส่วนของการชมแผนที่จุดติดตั้งกล้องวงจรปิด และการ
เข้าไปติดตอ่ ผูใ้ ห้บรกิ ารเว็บไซต์ไดเ้ ท่านัน้ โดยผู้ใชง้ านทั่วไปไม่ต้องทาการเขา้ สู่ระบบใด ๆ ทั้งส้นิ
SPU CHONBURI

20

ผูใ้ ชง้ าน ผ้ดู แู ลระบบ หน้าเว็บไซต์ เขา้ สรู่ ะบบ การจัดการขอ้ มูลพืน้ ฐาน ออกรายงาน

เขา้ สู่ระบบ
ใสร่ หสั ใหม่
รหัสถูกตอ้ ง
รหัสถกู ตอ้ งสามารถจดั การขอ้ มูลพื้นฐานได้

จดั การขอ้ มลู พืน้ ฐาน

จดั การข้อมูลจดุ ติดต้ังกลอ้ งวงจรปดิ ออกรายงานขอ้ มลู จดุ ติดตงั้ กล้องวงจรปิด
ข้อมลู จุดตดิ ตง้ั กล้องวงจรปิด
SPU CHONBURI
จดั การข้อมูลและตรวจสอบขอ้ มลู ผเู้ ข้าใชง้ านระบบ ออกรายงานขอ้ มลู ผู้เข้าใชง้ านระบบ
ขอ้ มลู ผเู้ ขา้ ใช้งานระบบ

จัดการขอ้ มลู สถานะกล้องวงจรปิดแบบเปน็ Log ไฟล์ ออกรายงานข้อมูลสถานะกล้องวงจรปดิ แบบเปน็ Log ไฟล์
ข้อมลู สถานะกลอ้ งวงจรปดิ

จดั การขอ้ มูลสถานะกลอ้ งวงจรปิดแบบแสดงสถานะสี ออกรายงานขอ้ มลู สถานะกล้องวงจรปดิ แบบแสดงสถานะสี
ข้อมูลสถานะกลอ้ งวงจรปดิ แบบแสดงสถานะสี

ตรวจสอบสถานะกลอ้ งวงจรปดิ ออกรายงานข้อมลู สถานะกลอ้ งวงจรปิด
ข้อมูลสถานะกลอ้ งวงจรปิด

ออกรายงานขอ้ มลู จุดตดิ ตงั้ กลอ้ งวงจรปิด
ออกรายงานข้อมูลผเู้ ข้าใช้งานระบบ
ออกรายงานขอ้ มูลสถานะกลอ้ งวงจรปดิ แบบเปน็ Log ไฟล์

ออกรายงานขอ้ มูลสถานะกลอ้ งวงจรปดิ แบบแสดงสถานะสี

ออกรายงานขอ้ มูลสถานะกลอ้ งวงจรปิด

ออกจากระบบ

ดูแผนที่จุดติดต้ังกล้องวงจรปดิ
แสดงแผนท่ีจุดติดตง้ั

ติดต่อผู้ใหบ้ รกิ ารเวบ็ ไซต์
เสรจ็ สนิ้

ภาพท่ี 3.3 แสดงภาพแผนผังซเี ควนซ์การใชง้ านระบบตรวจสอบสถานะกลอ้ งวงจรปดิ

21

ความสัมพันธข์ องฐานข้อมูล (E-R Diagram)

แสดงถึงความสัมพันธ์ของตารางข้อมูลภายในระบบ และแสดงถึงความสัมพันธ์ระหว่าง
ตารางข้อมลู ทีเ่ กิดขน้ึ ในระบบ และแสดงข้อมูลท่ีต้องใช้ในระบบทั้งหมด ซ่ึงในระบบตรวจสอบสถานะ
กล้องวงจรปิดแบบออนไลน์ ได้สร้างตารางข้อมูล และแสดงความสัมพันธ์ระหว่างตารางข้อมูลต่าง ๆ
ดังภาพที่ 3.4

SPU CHONBURItb_userlogin tb_cctv

uid (PK) 1 cctv_id (PK)
uname cctv_name
ulastname cctv_location
username
password tb_cctv_status
status_user s_id (PK)
s_name
tb_ip_cctv s_date
ip_id (PK) 1 s_time
ip_name M s_cctv_id (FK)
M s_ip_id (FK)
status_cctv
status_img

ภาพที่ 3.4 แสดงภาพความสัมพันธข์ องฐานข้อมูล

22

การออกแบบตารางขอ้ มูล (Data Tables Design)

การออกแบบฐานข้อมลู จะแสดงให้เห็นถึงความสัมพันธ์ของตารางข้อมูลที่เกิดขึ้นในระบบ
ตรวจสอบสถานะกล้องวงจรปิดแบบออนไลน์

1. ข้อมลู รายละเอยี ดผ้ใู ช้งาน (tb_userlogin)
2. ขอ้ มูลรายละเอียดของกลอ้ งวงจรปดิ (tb_cctv)
3. ข้อมลู รายละเอียดของสถานะกลอ้ งวงจรปดิ (tb_cctv_status)
4. ข้อมลู IP กลอ้ งวงจรปดิ (tb_ip_cctv)
SPU CHONBURI

23

รหสั tb_userlogin ประเภทคยี ์ ค่าเบอื้ งต้น
ชื่อตาราง ข้อมูลรายละเอียดผใู้ ชง้ าน (Key Type ) (Default)
วตั ถุประสงค์ เกบ็ ข้อมลู ของผู้ใช้งาน และใชเ้ วลา Login Primary Key
ตารางที่เก่ยี วข้อง - -
- -
ลาดบั คุณสมบตั ิ ตารางแสดงรายละเอยี ด - -
(NO.) (Attribute) - -
ประเภท ขนาด คาอธบิ าย ตรวจสอบความถูกตอ้ ง - -
1 uid (Type) (Width) (Description) (Validation Check) - -
2 uname
3 ulastname int 6 รหสั ผใู้ ช้ ไม่เปน็ คา่ ว่างหรอื คา่ ซา้
4 usernameSPU CHONBURI
5 password varchar 50 ช่อื ผู้ใช้ ไม่เป็นคา่ วา่ ง
6 status_user
varchar 50 นามสกุลผู้ใช้ ไมเ่ ป็นค่าว่าง

varchar 30 ชือ่ ID ไม่เปน็ ค่าวา่ ง

varchar 10 รหัสผา่ น ไม่เป็นคา่ ว่าง

varchar 10 สาถานะผู้ใช้ ไมเ่ ปน็ ค่าว่าง

ตารางท่ี 3.1 ตารางแสดงข้อมูลรายละเอยี ดผใู้ ช้งาน

รหสั tb_cctv
ชอ่ื ตาราง ขอ้ มลู รายละเอียดของกล้องวงจรปิด
วตั ถปุ ระสงค์ เกบ็ ข้อมลู ของรายละเอยี ดของกล้องวงจรปดิ
ตารางที่เกีย่ วขอ้ ง ข้อมูลรายละเอียดของสถานะกล้องวงจรปดิ

ตารางแสดงรายละเอียด

ลาดบั คุณสมบตั ิ ประเภท ขนาด คาอธิบาย ตรวจสอบความถกู ตอ้ ง ประเภทคีย์ ค่าเบ้ืองต้น
(NO.) (Attribute) (Type) (Width) (Description) (Validation Check) (Key Type ) (Default)
Primary Key
1 cctv_id int 6 รหัสกลอ้ ง ไม่เปน็ คา่ วา่ งหรอื คา่ ซ้า -
-
2 cctv_name varchar 50 ชือ่ กลอ้ ง ไม่เปน็ คา่ วา่ ง -
-
3 cctv_location varchar 50 จุดติดตง้ั ไม่เปน็ คา่ ว่าง -

ตารางที่ 3.2 ตารางแสดงข้อมูลรายละเอยี ดของกลอ้ งวงจรปิด

24

รหสั tb_cctv_status
ชอ่ื ตาราง ข้อมลู รายละเอียดของสถานะกล้องวงจรปดิ
วตั ถุประสงค์ เก็บข้อมลู สถานะกลอ้ งวงจรปิด เพ่ือใช้แสดงบนหน้าเว็บ
ตารางทเ่ี กี่ยวข้อง ข้อมูลรายละเอียดของกล้องวงจรปดิ ข้อมูล IP กล้องวงจรปิด

ตารางแสดงรายละเอยี ด

ลาดบั คุณสมบัติ ประเภท ขนาด คาอธบิ าย ตรวจสอบความถกู ตอ้ ง ประเภทคีย์ คา่ เบอ้ื งตน้
(NO.) (Attribute) (Type) (Width) (Description) (Validation Check) (Key Type ) (Default)
Primary Key
1 s_id int -
SPU CHONBURI 6 รหัสสถานะ ไมเ่ ปน็ คา่ ว่างหรือค่าซ้า - -
- -
2 s_name varchar 50 ช่ือสถานะ ไมเ่ ป็นค่าว่าง - -
Foreign Key -
3 s_date date 15 วนั ท่เี กบ็ สถานะ YYYY-MM-DD Foreign Key -
- -
4 s_time time 15 เวลาเก็บสถานะ hh:mm:ss.sss - -

5 s_cctv_id int 6 รหัสกลอ้ ง ไมเ่ ป็นค่าวา่ ง

6 s_ip_id int 5 รหัส IP กลอ้ ง ไม่เปน็ ค่าว่าง

7 status_cctv varchar 10 สถานะกลอ้ ง ไมเ่ ป็นคา่ วา่ ง

8 status_img blob - รปู สถานะกล้อง -

ตารางท่ี 3.3 ตารางแสดงข้อมูลรายละเอยี ดของสถานะกล้องวงจรปดิ

รหัส tb_ip_cctv
ชือ่ ตาราง ข้อมลู IP กลอ้ งวงจรปดิ
วตั ถุประสงค์ เกบ็ ขอ้ มลู IP กล้องวงจรปิด
ตารางที่เกีย่ วข้อง ข้อมลู รายละเอยี ดของสถานะกล้องวงจรปิด

ตารางแสดงรายละเอียด

ลาดบั คณุ สมบตั ิ ประเภท ขนาด คาอธบิ าย ตรวจสอบความถกู ตอ้ ง ประเภทคีย์ คา่ เบือ้ งตน้
(NO.) (Attribute) (Type) (Width) (Description) (Validation Check) (Key Type ) (Default)
Primary Key
1 ip_id int 5 รหสั IP กลอ้ ง ไมเ่ ปน็ ค่าวา่ งหรอื คา่ ซา้ -
-
2 ip_name varchar 50 ช่ือ IP กลอ้ ง ไม่เป็นคา่ วา่ ง -

ตารางที่ 3.4 ตารางแสดงข้อมูล IP กล้องวงจรปิด

25

การสรา้ งเคร่อื งมอื ประเมินความพึงพอใจโปรแกรม

ในการพัฒนาระบบตรวจสอบสถานะกล้องวงจรปิดแบบออนไลน์ ผู้จัดทาได้มีการสร้าง
แบบประเมินการใช้งานระบบเพื่อใช้ในการประเมินประสิทธิภาพการทางานของระบบโดยมีขั้นตอน
การสร้างเครื่องมือความพึงพอใจโปรแกรมดังน้ี

1. การสร้างแบบประเมิน เร่ิมจากการออกแบบประเมินโครงงาน และกาหนดหัวข้อที่
จะประเมินผลโดยแบ่งออกเป็น 2 ส่วน คอื

การทดลองระบบด้าน Functional Test คือ การทดสอบด้านฟังก์ช่ันการทางานของ
ระบบว่ามีความถูกต้อง ตรงกับการใช้งานระบบในส่วนนั้น โดยจะมีการทดสอบความถูกต้องในการ
จดั เกบ็ ข้อมูลพื้นฐาน ความครบถ้วน การวเิ คราะห์ และออกรายงาน

การทดสอบระบบดา้ น Usability Test คือ การทดสอบความมีประสิทธิภาพในการใช้งาน
โปรแกรม ความเหมาะสมในการจัดวางของหน้าจอ สีของตัวอักษร และรูปภาพความยากง่ายในการ
ใช้งานของระบบ

2. ตรวจสอบแบบประเมินใหอ้ าจารย์ทป่ี รกึ ษาตรวจสอบความถกู ต้อง และเสนอแนะ
3. ทาการปรับปรุงแบบประเมนิ ให้ถกู ต้องตามข้อเสนอแนะของอาจารย์ทป่ี รึกษา
4. ออกหนังสอื ขอความอนุเคราะหป์ ระเมินโครงงาน
5. เก็บผลการประเมินจากผเู้ ชี่ยวชาญด้านระบบคอมพิวเตอร์ เจ้าของกิจการ และผู้ใช้
ระบบ
6. วเิ คราะห์ข้อมูล
7. สรปุ ผลการประเมนิ
SPU CHONBURI
โดยมกี ารแบ่งเกณฑ์การใหค้ ะแนนของแบบประเมินโครงงาน 5 ระดับดังน้ี

ระดบั คา่ เฉลี่ย ความหมาย
1 1.00 - 1.50 นอ้ ย (much below average)
2 1.51 - 2.50
3 2.51 - 3.50 พอใช้ (below average)
4 3.51 - 4.50 ปานกลาง (fair / average)
5 4.51 - 5.00
ดี (above average)
ดมี าก (much above average)

ตารางท่ี 3.5 แสดงตารางเกณฑก์ ารให้คะแนนของแบบประเมินโครงงาน

SPU CHONBURI 26

การทดสอบและประเมินผลระบบ
การทดสอบ

ในการทดสอบระบบตรวจสอบสถานะกล้องวงจรปดิ แบบออนไลน์ ใช้วิธีการทดสอบระบบ
ด้วยวิธีการทดลองให้ผู้ใช้ทาการ ลงชื่อเข้าใช้ตรวจสอบความถูกต้อง และทาการประเมิน ตรวจสอบ
เง่อื นไขต่าง ๆ จากน้ัน จึงต่อด้วยการดึงรายงาน เพ่ือสรุปผลของระบบ เช็คความถูกต้องสมบูรณ์ของ
ระบบ

การประเมินผลระบบ

ในการประเมินผลระบบได้ใช้แบบประเมินโครงงานท่ีได้สร้างขึ้นโดยผู้ประเมินผลให้
เจา้ หนา้ ท่ีของ บรษิ ทั อสี เทิรน์ ไอที ซัพพลาย จากัด จานวน 5 ท่านเปน็ ผู้ประเมนิ ผล

สถิติท่ีใช้ในการทดสอบ

สถิติที่นามาใช้ในการวิเคราะห์ข้อมูลเป็นสถิติอย่างง่าย โดยนาผลการทดสอบที่ได้มาทา
การหาคา่ เฉลี่ย และส่วนเบี่ยงเบนมาตรฐาน ซ่งึ มวี ธิ กี ารในการคานวณดังนี้

1. คา่ เฉล่ีย (Mean) หรือเรยี กวา่ ค่ากลางเลขคณติ ค่าเฉลย่ี คา่ มัชฌมิ าเลขคณิต เปน็ ต้น
̅∑

เม่อื ̅ แทน ค่าเฉล่ยี
∑ แทน ผลรวมของคะแนนทง้ั หมดของกล่มุ
n แทน จานวนของคะแนนในกลุ่ม

2. ส่วนเบี่ยงเบนมาตรฐาน (Standard Deviation) เป็นการวัดการกระจายท่ีนิยมใช้กัน
มากเขียนแทนดว้ ย SD

หรือ SD = √∑ ̅

SD = √ ∑ ∑
เม่ือ SD แทน ค่าเฉล่ียเบ่ียงเบนมาตรฐาน

X แทน ค่าคะแนน
n แทน จานวนของคะแนนในแตล่ ะกลุม่

แทน ผลรวม

SPU CHONBURI บทที่ 2

แนวคิด ทฤษฎที ่ีเก่ยี วข้อง

การออกแบบ ระบบตรวจสอบสถานะกล้องวงจรปิดแบบออนไลน์ได้ศึกษาแนวคิดทฤษฏีที่
เก่ยี วข้องเพื่อนามาใชใ้ นการพฒั นาระบบโดยมีรายละเอยี ดดังต่อไปน้ี

งานวิจยั ที่เก่ยี วขอ้ ง

กุสุมา ชุ่มอ่อง (2556) ได้พัฒนาโครงงานระบบสารสนเทศสั่งทากรอบรูปบนเครือข่าย
อินเทอร์เน็ตกรณีศึกษาร้านติ๊กโฟโต้ โดยมีวัตถุประสงค์เพื่อเพ่ิมช่องทางการจาหน่ายสินค้า และ
อานวยความสะดวกรวดเร็วและความถูกต้องในการดาเนินงานซึ่งในการจัดทาโครงงานระบบ
สารสนเทศส่ังทากรอบรูปบนเครือข่ายอินเทอร์เน็ตทางผู้จัดทาได้เลือกใช้ภาษา PHP ในการพัฒนา
ระบบโดยมีการเรียกใช้ภาษา JavaScript และ Function มาใช้ในการพัฒนาระบบใช้ฐานข้อมูล
MySQL เพื่อจัดเก็บข้อมูลการทางาน

ธนาพงษ์ เพ่ิมสมบัติ (2560) ความรู้เกี่ยวกับ PHP MyAdmin เป็นโปรแกรมที่ช่วยในการ
จัดการฐานข้อมูลของ MySQL เนื่องจากในการจัดการฐานข้อมูล MySQL ผู้ใช้จาเป็นต้องพิมพ์คาส่ัง
ต่าง ๆ ของ MySQL และฟอร์แมตต่าง ๆ ที่เก่ียวข้องไม่ว่าจะเป็นการสร้างฐานข้อมูลการสร้างตาราง
การลบตารางการกาหนดคีย์หลักรวมท้ังการลบฐานข้อมูลอีกด้วยเพ่ือความสะดวกในการจัดการ
ฐานข้อมูลจึงได้นาเอาโปรแกรมท่ีช่วยในการจัดการฐานข้อมูล PHP MyAdmin มาใช้ PHP
MyAdmin เปน็ เพยี งสคริปต์ PHP ธรรมดานีเ่ องแต่มีความสามารถในการจัดการกับ MySQL ได้เกือบ
ครบสมบูรณ์โดยจะติดกับผู้ใช้แบบ Graphic Interface ทาให้ใช้งานง่ายประหยัดเวลาในการพิมพ์
คาส่ังและช่วยลดข้อผิดพลาดลงได้ค่อนข้างมาก และจากเหตุผลเหล่านี้ทาให้มีผู้นา phpMyAdmin
ไปใช้งานเป็นจานวนมากมผี ้นู าไปแปลภาษาตา่ ง ๆ หลายสบิ ภาษารวมถึงภาษาไทยกม็ ีด้วย

สรงไตร นันทชลากรกิจ และนุศรา หล่มศรี (2559) โครงงานน้ีมีวัตถุประสงค์เพ่ือพัฒนา
ระบบสารสนเทศการจาหนา่ ยผา้ จิตรกรรมไทยบาตกิ บนเครอื ข่ายอนิ เทอรเ์ นต็ กรณีศึกษาร้านมรุกขสิน
และประเมินความคิดเห็นจากผู้เชี่ยวชาญโดยน้าวงจรการพัฒนาระบบ (SDLC) มาปรับใช้รวมท้ัง
การศกึ ษาทฤษฎที เ่ี กีย่ วขอ้ งโดยผู้ใช้สามารถใช้งานบนเครือข่ายอินเทอร์เน็ตโดยได้ใช้ภาษา PHP และ
ใช้โปรแกรม Adobe Dreamweaver CS6 ในการพัฒนาระบบส่วนในการจัดเก็บข้อมูลพัฒนาโดยใช้
โปรแกรม MySQL ในการจัดเก็บข้อมูลเพ่ือช่วยลดความซ้าซ้อนของข้อมูลต่าง ๆ ทาให้ผู้ใช้งานเข้าใจ

SPU CHONBURI 8

ในการทางานของระบบได้ง่ายข้ึนท้ังในส่วนของการจัดเก็บ และเรียกดูข้อมูลพ้ืนฐานการส่ังซื้อสินค้า
การแจ้งชาระเงินการปรับปรุงสินค้าคงเหลือพร้อมกับการออกรายงานเพื่อนาไปใช้ในการ บริหาร
จัดการทางธุรกิจผลการพัฒนาระบบพบว่าเป็นไปตามวัตถุประสงค์ที่ต้ังไว้และช่วยให้การบริหาร
จัดการร้านจาหน่ายผ้าจิตรกรรมไทยบาติกมีประสิทธิภาพ มีความถูกต้อง และรวดเร็วในการทางาน
มากย่ิงข้นึ พร้อมทง้ั เปน็ ประโยชนต์ ่อการบรหิ ารจดั การธุรกจิ ต่อไป

ทฤษฎีท่เี กยี่ วขอ้ ง

Xampp เป็นโปรแกรม Apache web server ไว้จาลอง web server เพ่ือไว้ทดสอบ
สครปิ หรอื เวบ็ ไซต์ในเครอ่ื งของเราโดยทีไ่ มต่ อ้ งเช่ือมต่ออินเทอร์เน็ตและไม่ต้องมีค่าใช้จ่าย ง่ายต่อการ
ติดตงั้ และใช้งานโปรแกรม Xampp จะมาพร้อมกับ PHP ภาษาสาหรับพัฒนาเว็บแอพลิเคช่ันที่เป็นที่
นิยม MySQL ฐานข้อมูล Apache จะทาหน้าที่เป็นเว็บเซิร์ฟเวอร์ Perl อีกท้ังยังมาพร้อมกับ
OpenSSL, phpMyAdmin (ระบบบริหารฐานข้อมูลท่ีพัฒนาโดย PHP เพ่ือใช้เช่ือมต่อไปยัง
ฐานข้อมูลสนับสนุนฐานข้อมูล MySQL และ SQLite โปรแกรม Xampp จะอยู่ในรูปแบบของไฟล์
Zip, tar, 7z หรือ exe โปรแกรม Xampp อยู่ภายใต้ใบอนุญาตของ GNU General Public
License แต่บางครั้งอาจจะมีการเปลี่ยนแปลงเรื่องของลิขสิทธิ์ในการใช้งานจึงควรติดตามและ
ตรวจสอบโปรแกรมดว้ ย

โปรแกรม XAMPP สามารถใชง้ านได้ 4 OS ได้แก่

1. Windows สามารถใชง้ านได้กบั windows รุ่น 2000, 2003, xp, vista
2. Linux สาหรบั SuSE, Red Hat, Mandrake, Debian และ Ubuntu
3. Mac OS X
4. Solaris สาหรับ Solaris 8 และ Solaris 9

ในการใช้งานเบื้องต้นให้ดับเบ้ิลคลิก Xampp Control Panel Application แล้วทาการ
คลกิ ปมุ่ start จากนั้นสามารถใช้งานได้ โดยเปิด Browser ขนึ้ มาพมิ พ์ local host หรอื 127.0.0.1

ข้อจากัดด้านเทคนิค เคร่ืองคอมพิวเตอร์ควรมี RAM ไม่ต่ากว่า 128 MB Hard disk มี
พ้ืนที่มากกว่า 320 MB และ CPU ไม่กาหนดข้ันต่า (Xampp, ออนไลน์, 2560)

SPU CHONBURI 9

ทฤษฎกี ารวิเคราะห์และออกแบบระบบ

การวิเคราะห์ระบบและการออกแบบ (System Analysis and Design) การวิเคราะห์
และออกแบบระบบคือ วิธีการที่ใช้ในการสร้างระบบสารสนเทศข้ึนมาใหม่ในธุรกิจใดธุรกิจหน่ึงหรือ
ระบบย่อยของธุรกิจ นอกจากการสร้างระบบสารสนเทศใหม่แล้ว การวิเคราะห์ระบบ ช่วยในการ
แก้ไขระบบสารสนเทศเดิมที่มีอยู่แล้วให้ดีขึ้นด้วยก็ได้ การวิเคราะห์ระบบก็คือ การหาความต้องการ
(Requirements) ของระบบสารสนเทศว่าคืออะไร หรอื ต้องการเพิม่ เติมอะไรเข้ามาในระบบ และการ
ออกแบบกค็ ือ การนาเอาความต้องการของระบบมาเป็นแบบแผน หรือเรียกว่าพิมพ์เขียวในการสร้าง
ระบบสารสนเทศน้ันใหใ้ ชง้ านไดจ้ ริง ตัวอย่างระบบสารสนเทศ เช่น ระบบการขาย ความต้องการของ
ระบบก็คอื สามารถตดิ ตามยอดขายได้เป็นระยะ เพ่อื ฝ่ายบริหารสามารถปรับปรุงการขายได้ทันท่วงที
ตัวอยา่ งรายงานการขายทกี่ ลา่ วมาแล้วจะชีใ้ หเ้ หน็ วา่ เราสามารถติดตามการขายได้อยา่ งไร

นักวิเคราะห์ระบบ (System Analyst หรือ SA) นักวิเคราะห์ระบบคือ บุคคลท่ีมีหน้าที่
วิเคราะห์และออกแบบระบบ ซึ่งปกติแล้วนักวิเคราะห์ระบบควรจะอยู่ในทีมระบบสารสนเทศของ
องค์กรหรือธุรกิจน้ันๆ การที่มีนักวิเคราะห์ระบบในองค์กรน้ันเป็นการได้เปรียบ เพราะจะรู้โดย
ละเอียดว่า การทางานในระบบน้ันๆเป็นอย่างไรและอะไรคือความต้องการของระบบ ในกรณีที่
นักวิเคราะห์ระบบไม่ได้อยู่ในองค์กรน้ัน ก็สามารถวิเคราะห์ระบบได้เช่นกัน โดยการศึกษาสอบถาม
ผู้ใช้และวิธีการอ่ืนๆ ซึ่งจะกล่าวในภายหลัง ผู้ใช้ในที่นี้ก็คือเจ้าของและผู้ที่เกี่ยวข้องในระบบ
สารสนเทศน้ันเอง ผู้ใช้อาจจะเป็นคนเดียวหรือหลายคนก็ได้ เพ่ือให้นักวิเคราะห์ระบบทางานได้อย่าง
คล่องตัวมีลาดับขั้นและเป้าหมายท่ีแน่นอน นักวิเคราะห์ระบบควรทราบถึงว่า ระบบสารสนเทศนั้น
พฒั นาขน้ึ มาอย่างไร มีขนั้ ตอนอยา่ งไรบา้ ง (มหาวิทยาลยั ราชภฏั สวนดสุ ติ , ออนไลน์, 2555)

การจดั การข้อมูล

วงจรการพัฒนาระบบ (System Development Life Cycle-SDLC) ระบบสารสนเทศ
ทงั้ หลายมีวงจรชวี ติ ทเ่ี หมือนกนั ตงั้ แตเ่ กิดจนตาย วงจรนี้จะเป็นขั้นตอนท่ีเป็นลาดับตั้งแต่ต้นจนเสร็จ
เรียบร้อยเป็นระบบที่ใช้งานได้ ซ่ึงนักวิเคราะห์ระบบ ต้องทาความเข้าใจให้ดีว่าในแต่ละข้ันตอน
จะต้องทาอะไร และทาอยา่ งไร ขนั้ ตอนการพัฒนาระบบมอี ยดู่ ้วยกนั 7 ขั้นตอนคือ

1. เข้าใจปญั หา (Problem Recognition)
2. ศกึ ษาความเปน็ ไปได้ (Feasibility Study)
3. วิเคราะห์ (Analysis)
4. ออกแบบ (Design)
5. สรา้ ง หรือพัฒนาระบบ (Construction)

10

6. การปรับเปลยี่ น (Conversion)
7. บารุงรักษา (Maintenance)

เคร่อื งมือทีใ่ ชใ้ นการพัฒนาระบบ

เคร่ืองคอมพวิ เตอร์ PC
- CPU Intel Core i5-62ooU, (2.30 – 2.40GHz)
- Memory 8GB (RAM)
- HHD 1TB
- SSD 1TB
- OS windows 10
- NVIDIA GeForce 750Ti
- 20 inch (1600x900) HD
SPU CHONBURI
ภาษาทใ่ี ชใ้ นการพฒั นาระบบ

PHP (PHP Hypertext Pre-processor) คือ ภาษาคอมพิวเตอร์ในลักษณะเซิร์ฟเวอร์-
ไซด์ สคริปต์ ภาษาพีเอชพีใช้สาหรับจัดทาเว็บไซต์ และแสดงผลออกมาในรูปแบบ HTML โดยมี
รากฐานโครงสร้างคาส่ังมาจากภาษาซี ภาษาจาวา และ ภาษาเพิร์ล ซึ่ง ภาษาพีเอชพี นั้นง่ายต่อการ
เรยี นรู้ ซง่ึ เปา้ หมายหลักของภาษานี้ คือให้นักพัฒนาเว็บไซต์สามารถเขียน เว็บเพจ ท่ีมีการตอบโต้ได้
อยา่ งรวดเรว็ (PHP, ออนไลน์, 2560)

HTML (Hyper Text Makeup Language) เป็นภาษาในการกาหนดโครงร่างของเอกสาร
เว็บเพจ โดย HTML น้ันไม่จัดว่าเป็นภาษาในการเขียนโปรแกรม (Programming Language) แต่
จัดเป็นภาษาประเภทการกาหนดสัญลักษณ์ (Markup Language) ในรูปแบบแท็ก (Tag) เช่น
<html>, <head>, <body> เป็นต้น ทั้งน้ีภาษา HTML นั้นได้รับการพัฒนามาอย่างต่อเน่ืองและ
หลายเวอร์ชั่นจนกระท้ังกลายมาเปน็ HTML5 ในปจั จบุ นั (Codingbasic, ออนไลน์, 2552)

CSS (Cascading Style Sheets) เป็นคาสั่งท่ีใช้ในการจัดรูปแบบเอกสารเว็บเพจใน
ลักษณะต่าง ๆ เช่น สี พื้นหลัง เส้นขอบ ขนาด โครงร่าง หรือตัวอักษร เป็นต้น โดย CSS ถูกสร้าง
ข้ึนมาคร้งั แรกเม่ือปี 1997 และมีการพัฒนาการเร่ือยมาตั้งแต่เวอร์ชั่น 1, 2 และปัจจุบัน คือ เวอร์ช่ัน
3 หรอื ทีเ่ รียกวา่ CSS3 นน่ั เอง แม้ว่าใน HTML นน้ั จะมีทงั้ แท็กและแอตทรบิ ิวต์บางสว่ นทสี่ ามารถใช้

SPU CHONBURI 11

จดั รปู แบบเอกสารอยแู่ ลว้ แต่ก็ยังไมค่ รอบคลุมการใช้งานครบทุกกรณี นอกจากนยี้ งั ขาดความยืดหยุ่น
และไม่สามารถจดั รปู แบบในลกั ษณะที่ซับซ้อนได้ ดังน้นั ในปัจจุบันทัง้ ทางองคก์ ร W3C และกล่มุ

ผู้สร้างเว็บเบราเซอร์ทุกรายจึงพยายามเน้นให้เราใช้ CSS จัดรูปแบบเว็บเพจมากกว่าที่จะใช้แอตทริ
บิวต์ของ HTML ดังจะเห็นได้จากใน HTML5 ได้มีการยกเลิกแอตทริบิวต์ท่ีเกี่ยวกับการจัดรูปแบบ
ไปเกือบทั้งหมดนั้นเพ่ือให้เกิดการแยกส่วนกันอย่างชัดเจนระหว่าง HTML และ CSS (Codingbasic,
ออนไลน์, 2552)

JavaScript คือ ภาษาคอมพิวเตอร์สาหรับการเขียนโปรแกรมบนระบบอินเทอร์เน็ต ที่
กาลงั ไดร้ บั ความนิยมอย่างสงู JavaScript เปน็ ภาษาสครปิ ตเ์ ชิงวตั ถุ (ท่ีเรียกกันว่า ‘สคริปต์’ (script))
ซ่ึงในการสร้างและพัฒนาเว็บไซต์ (ใช่ร่วมกับ HTML) เพ่ือให้เว็บไซต์ของเราดูมีการเคลื่อนไหว
สามารถตอบสนองผใู้ ชง้ านไดม้ ากขึ้น ซึ่งมีวิธีการทางานในลักษณะ "แปลความและดาเนินงานไปทีละ
คาสั่ง" (interpret) หรือเรียกว่า อ็อบเจ็กโอเรียลเต็ด (Object Oriented Programming) ท่ีมี
เป้าหมายในการออกแบบและพัฒนาโปรแกรมในระบบอินเทอร์เน็ต สาหรับผู้เขียนด้วยภาษา HTML
สามารถทางานข้ามแพลตฟอร์มได้ โดยทางานร่วมกับ ภาษา HTML และภาษา Java ได้ท้ังทางฝั่ง
ไคลเอนต์ (Client) และทางฝง่ั เซริ ฟ์ เวอร์ (Server) (JavaScript, ออนไลน์, 2560)

JQuery เป็นไลบรารี (Library) หรือชุดคาส่ังท่ีเขียนด้วยภาษาจาวาสคริปต์ เพื่อช่วยให้
การเขยี นสคริปต์ควบคุมและจัดการอิลิเมนต์ต่าง ๆ นั้นง่ายขึ้นและรวดเร็วกว่าการเขียนจาวาสคริปต์
โดยตรงมาก (JQuery, ออนไลน์, 2559)

โปรแกรมทใี่ ช้ในการพฒั นาระบบและจัดทาเอกสาร

1. Adobe Dreamweaver CS6

โปรแกรมสรา้ งเว็บเพจแบบเสมือนจรงิ ของค่าย Adobe ซ่งึ ชว่ ยให้ผู้ท่ีต้องการสร้างเว็บ
เพจไม่ต้องเขียนภาษา HTML หรือเขียนโปรแกรมเองโปรแกรม Adobe Dreamweaver มีฟังก์ชันท่ี
ทาใหผ้ ใู้ ช้สามารถจัดวางข้อความ รูปภาพ ตาราง ฟอร์ม วิดีโอ รวมถึงองค์ประกอบอื่น ๆ ภายในเว็บ
เพจได้อย่างสวยงามตามท่ีผู้ใช้ต้องการโดยไม่ต้องใช้ภาษา สคริปต์ที่ยุ่งยากซับซ้อนเหมือนแต่ก่อน
Adobe Dreamweaver มีทั้งในระบบปฏิบัติการแมคอินทอช และไมโครซอฟท์วินโดวส์ Adobe
Dreamweaver ยังสามารถทางานบนระบบปฏิบัติการแบบยูนิกซ์ผ่านโปรแกรมจาลองอย่าง WINE
ได้ (พนั จนั ทร์ ธนวัฒนเสถียร, 2556, หนา้ 13)

SPU CHONBURI 12

2. MySQL
เปน็ ฐานขอ้ มูลแบบ open source ทไ่ี ดร้ บั ความนิยมในการใชง้ านสงู สุดโปรแกรมหน่ึง

บนเคร่ืองให้บริการ มีความสามารถในการจัดการกับฐานข้อมูลด้วยภาษา SQL (Structures Query
Language) อย่างมีประสิทธิภาพมีความรวดเร็วในการทางานรองรับการทางานจากผู้ใช้หลาย ๆ คน
และหลาย ๆ งานในขณะเดยี วกันมีลักษณะเป็นโครงสร้างของการเก็บรวบรวมข้อมูลการที่จะเพ่ิมเติม
เข้าถึง หรือประมวลข้อมูลท่ีเก็บในฐานข้อมูลจาเป็นจะต้องอาศัยระบบจัดการฐานข้อมูลซ่ึงจะทา
หน้าท่ีเป็นตัวกลางในการจัดการกับข้อมูลในฐานข้อมูลทั้งสาหรับการใช้งานเฉพาะ และรองรับการ
ทางานของแอพพลิเคชันอื่น ๆ ท่ีต้องการใช้งานข้อมูล เพ่ือให้ได้รับความสะดวกในการจัดการกับ
ฐานข้อมูลจานวนมาก MySQL ทาหน้าที่เป็นท้ังฐานข้อมูล และระบบจัดการฐานข้อมูล (ทศพล ธนะ
ทพิ านนท์ และวรเศรษฐ สวุ รรณกิ , 2552, หนา้ 20)

3. Microsoft Word 2010

เป็นโปรแกรมที่ช่วยในการจัดทาเอกสารพิมพ์รายงานต่าง ๆ เป็นมาตรฐานการจัดทา
รายงานที่เป็นนิยมใช้ในปัจจุบันเนื่องจากการใช้งานไม่ยุ่งยากและมีประสิทธิภาพมากอีกด้วย
(Boonyaporn Ratchoo, ออนไลน์, 2557)

4. Microsoft Excel 2010

โปรแกรม Microsoft Excel 2010 เป็นโปรแกรมประเภท สเปรดชีต (Spreadsheet)
ที่ออกแบบมาสาหรับบันทึก วิเคราะห์แนวโน้มของยอดขายจากข้อมูลที่ป้อนเข้าไปในตาราง และนา
แสดงข้อมูลเก่ียวกับตัวเลข ตลอดจนพัฒนาให้เป็นระบบงานที่มีขีดความสามารถสูง มีการวิเคราะห์
ข้อมูลและพัฒนาระบบข้อมูล ได้อย่างมีประสิทธิภาพ ตลอดจนการปรับเปล่ียนความสามารถเพื่อให้
เหมาะสมกับความต้องการได้เป็นอย่างดี หรือปฏิบัติงานเกี่ยวกับธุรกิจอื่น ๆ ได้โดยใช้เวลา
เพียงนิดเดียวเท่าน้ัน เม่ือเทียบกับเวลาท่ีคุณใช้เคร่ืองมือแค่ปากกากับกระดาษ (Microsoft Excel
2010, ออนไลน์, 2556)

5. Adobe Photoshop CS6

โปรแกรม Adobe Photoshop CS6 คือ โปรแกรมท่ีสามารถสร้างออกแบบกราฟิก
แก้ไขภาพเคล่ือนไหวรวมท้ังการออกแบบหน้าเว็บเพจซ่ึงโปรแกรม Adobe Photoshop CS6 มี
เคร่ืองมือเพื่อสนับสนุนการสร้างชิ้นงานประเภทต่าง ๆ ได้แก่ประเภทส่ิงพิมพ์งานนาเสนอตลอดจน
การออกแบบเว็บเพจดังน้ันโปรแกรม Adobe Photoshop CS6 จึงเป็นโปรแกรมที่มีความนิยมสูง

13

และเหมาะสมกบั การสร้างชิ้นงานด้านกราฟิกการแก้ไขภาพและการออกแบบประเภทต่าง ๆ (Admin
ITGenius,ออนไลน์, 2557)

SPU CHONBURI

SPU CHONBURI บทที่ 1

บทนา

ประวตั ิและความเปน็ มาของของสถานประกอบการ

บรษิ ัท อสี เทิรน์ ไอที ซัพพลาย จากัด มีความเช่ียวชาญทางด้านไอทีสามารถให้คาปรึกษา
และแนะนาการใช้อุปกรณ์ไอที และการวางระบบไอทีได้เป็นอย่างดีโดยทีมงานท่ีมีความรู้และ
ประสบการณม์ ากวา่ 20 ปี นอกจากน้บี รษิ ัทฯ ยังสามารถจดั สรรอุปกรณ์ไดห้ ลากหลายย่ีห้อตามความ
ต้องการของลูกค้าทง้ั ในด้านคุณภาพ และราคาโดยบรษิ ทั ฯมกี ารบรกิ ารใหแ้ กล่ ูกคา้ ดังต่อไปนี้

ออกแบบ และติดต้ังระบบกล้องวงจรปิดรักษาความปลอดภัย (CCTV, Finger, SCAN,
Bio Scan)

ออกแบบ และติดต้ังระบบ LAN, Wireless, WAN, Cabling, Fiber Optic และ Cabling
ทกุ ชนิด

ออกแบบ และติดต้งั ระบบ Network Security (Firewall, IDS, IPS, ISA)
ออกแบบ และตดิ ตั้งระบบ Server
ออกแบบ และตดิ ตง้ั ระบบสาหรบั ห้องปฏบิ ัติการ Server
ออกแบบ และติดตงั้ ระบบ VoIP
ออกแบบ และติดตัง้ ระบบ ENTRANCE (Car Barrier, Turnstile)
รับดูแลอุปกรณ์สอ่ื สารขอ้ มูลระบบเครือข่ายเครอื่ ง Server และอุปกรณ์ต่อพ่วง
จาหนา่ ย และติดตั้งอุปกรณส์ ่ือสารขอ้ มูลระบบเครือขา่ ย อุปกรณ์ต่อพ่วง อุปกรณ์ทดสอบ
สญั ญาณ
จาหน่าย และตดิ ต้ังอปุ กรณ์คอมพิวเตอร์ และ accessories
จาหนา่ ย และติดตั้งอุปกรณบ์ าร์โคด้ สต๊กิ เกอร์และหมึกพิมพ์
จาหนา่ ยอุปกรณส์ าหรับรา้ นคา้ ปลีกเครอื่ งพมิ พใ์ บเสร็จรับเงิน กระดาษปอนด์