รวมเล่มสหกิจทั้งหมด

โครงงานสหกจิ ระบบการบันทกึ การปฏบิ ัติงาน PERFORMANCE RECORDING SYSTEM โดย นายปรเมศร์ ไพรสันต์ โครงงานนเ้ี ปน็ สว่ นหน่ึงของรายวิชาสหกจิ ศึกษา หลักสูตรวิทยาศาสตรบณั ทติ สาขาวิชาเทคโนโลยีสารสนเทศ คณะวิทยาศาสตร์และเทคโนโลยี มหาวิทยาลัยเทคโนโลยีราชมงคลสุวรรณภมู ิ ปีการศึกษา 2563

โครงงานสหกจิ ศกึ ษา เร่ือง : ระบบการบันทึกการปฏิบัตงิ าน PERFORMANCE RECORDING SYSTEM ชือ่ : นายปรเมศร์ ไพรสันต์ สาขาวิชา : เทคโนโลยีสารสนเทศ คณะ : วทิ ยาศาสตร์และเทคโนโลยี ปกี ารศึกษา : 2563 เอกสารฉบับน้ีเป็นส่วนหน่ึงของการศึกษาในรายวิชาสหกิจศึกษา ตามหลักสูตรวิทยาศาสตร บัณฑิต สาขาวิชาเทคโนโลยีสารสนเทศ คณะวิทยาศาสตร์และเทคโนโลยี มหาวิทยาลัยเทคโนโลยี ราชมงคลสุวรรณภมู ิ ……….……….……….……….……….………...... อาจารยท์ ีป่ รกึ ษา ( อาจารยป์ ระเทือง วงษ์ทอง ) ……….……….……….……….……….………...... อาจารย์นเิ ทศ ( อาจารยภ์ ทั รภร อนิ ทนาศักดิ์ ) ……….……….……….……….……….………...... อาจารยน์ ิเทศ ( อาจารยม์ ณฑิตา พูดสงคราม ) ลขิ สิทธิ์ของสาขาวชิ าเทคโนโลยสี ารสนเทศ คณะวทิ ยาศาสตรแ์ ละเทคโนโลยี มหาวิทยาลยั เทคโนโลยรี าชมงคลสุวรรณภมู ิ ข

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

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

สารบญั หน้า บทคัดยอ่ ..............................................................................................................................................ค กิตติกรรมประกาศ............................................................................................................................... ง สารบญั ................................................................................................................................................จ สารบญั ตาราง......................................................................................................................................ช สารบัญภาพ.........................................................................................................................................ซ บทท่ี 1 บทนา ....................................................................................................................................1 1.1 ความเปน็ มาและความสาคญั ของปญั หา.......................................................................1 1.2 วัตถปุ ระสงค์..................................................................................................................1 1.3 ขอบเขตของระบบ ........................................................................................................1 1.4 เครอื่ งมือท่ีใชพ้ ัฒนา......................................................................................................2 1.5 ระเบียบวธิ ีการดาเนนิ งาน.............................................................................................2 1.6 ประโยชนท์ ี่ไดร้ บั ...........................................................................................................3 1.7 นิยามศัพทเ์ ฉพาะ..........................................................................................................3 บทท่ี 2 ทฤษฎที ี่เก่ยี วขอ้ ง...................................................................................................................4 2.1 เว็บแอปพลเิ คชน่ั (Web Application)..........................................................................4 2.2 ขน้ั ตอนการพัฒนาระบบ...............................................................................................4 2.3 ระบบฐานข้อมูล(Database System)..........................................................................9 2.4 เว็บเซริ ์ฟเวอร์ (web server)......................................................................................11 2.5 โปรแกรมและภาษาที่ใชพ้ ฒั นา ...................................................................................12 2.6 งานวิจยั ทเี่ กย่ี วข้อง......................................................................................................15 บทท่ี 3 วิธีการดาเนนิ งาน ................................................................................................................16 3.1 การกาหนดปญั หา (Problem Definition) ................................................................16 3.2 การวิเคราะห์ (Analysis).............................................................................................16 3.3 การออกแบบ (Design)...............................................................................................16 3.4 การพัฒนาระบบ (Development) ............................................................................25 3.5 การทดสอบระบบ (Testing).......................................................................................25 บทที่ 4 ผลการดาเนนิ งาน................................................................................................................26 4.1 การตรวจสอบสิทธิ์การเขา้ ใชง้ าน................................................................................26 4.2 การใชง้ านระบบ..........................................................................................................27 จ

สารบญั (ตอ่ ) หน้า บทที่ 5 สรุปผลและขอ้ เสนอแนะ.....................................................................................................32 5.1 สรปุ ผลการดาเนนิ งาน.................................................................................................32 5.2 ปัญหาและอปุ สรรคท่ีพบ.............................................................................................32 5.3 ขอ้ เสนอแนะ ...............................................................................................................32 บรรณานุกรม ..................................................................................................................................... 33 ภาคผนวก .............................................................................................................................................. ก. ประวตั ผิ ู้จดั ทา...............................................................................................................35 ฉ

สารบัญตาราง ตารางท่ี หนา้ 1-1 ตารางการดาเนินงาน................................................................................................................3 3-1 ขอ้ มูลผู้ใช้งาน (WORKER)......................................................................................................19 3-2 ข้อมลู การแจง้ ปญั หา (PROJECT)...........................................................................................19 3-3 ข้อมลู ชอ่ งทางติดต่อ (JOB_CHANNEL).................................................................................20 3-4 ข้อมูลประเภทงาน (JOB_TYPE) ............................................................................................20 ช

สารบัญภาพ ภาพที่ หนา้ 2-1 แผนภาพการไหลของขอ้ มลู .......................................................................................................7 2-2 สญั ลักษณ์แทนการประมวลผล .................................................................................................7 2-3 สญั ลักษณ์แทนกระแสขอ้ มลู เปน็ ลูกศร......................................................................................8 2-4 สญั ลกั ษณแ์ ทนแหล่งเก็บข้อมูล .................................................................................................8 2-5 ส่เี หล่ียมผืนผ้าเปน็ สญั ลักษณแ์ ทนสิ่งท่อี ยนู่ อกระบบ.................................................................8 2-6 Level-0 Diagram ....................................................................................................................9 2-7 Level-1 DiagramLevel-2 Diagram.......................................................................................9 2-8 Level-2 Diagram ..................................................................................................................10 2-9 ความสมั พนั ธ์แบบหนึ่งต่อหนึง่ ................................................................................................11 2-10 ความสมั พนั ธแ์ บบหนง่ึ ต่อกลุม่ ..............................................................................................11 2-11 ความสมั พันธ์แบบกลุ่มตอ่ กลุม่ ..............................................................................................12 2-12 Client / Server..................................................................................................................13 3-1 ผังงานแสดงขัน้ ตอนการ Login เขา้ ใช้งานระบบ ....................................................................17 3-2 ผงั งานแสดงขั้นตอนการทางานของระบบ...............................................................................18 3-3 แผนภาพแสดงความสัมพันธข์ อ้ มูล..........................................................................................20 3-4 หน้าล็อกอินเข้าใช้งานระบบ....................................................................................................21 3-5 หน้าแสดงรายการการแจ้งปญั หา ............................................................................................21 3-6 หนา้ การเพมิ่ ข้อมลู การแจ้งปญั หา ...........................................................................................22 3-7 หนา้ การแก้ไขขอ้ มลู การแจ้งปัญหา .........................................................................................22 3-8 หน้าการสรปุ ข้อมลู การปฏิบัติงาน...........................................................................................23 3-9 หนา้ การคน้ หาวิธีการแกไ้ ขปัญหา............................................................................................23 3-10 หน้าการจัดการผู้ใช้ ...............................................................................................................24 3-11 หนา้ การเพ่มิ ขอ้ มูลผใู้ ช้ ..........................................................................................................24 3-12 หนา้ การแก้ไขข้อมูลผูใ้ ช้ ........................................................................................................25 4-1 การตรวจสอบสทิ ธกิ์ ารเข้าใชง้ าน.............................................................................................26 4-2 การลอ็ กอินเข้าใชง้ านระบบ.....................................................................................................27 4-3 การเพมิ่ ข้อมูลการแจ้งปัญหา...................................................................................................27 4-4 ตารางการแจ้งปญั หา...............................................................................................................28 4-5 สถานะการแจ้งปัญหา..............................................................................................................28 4-6 การแก้ไขขอ้ มูลการแจง้ ปญั หา.................................................................................................29 4-7 การสรปุ ขอ้ มูลการปฏบิ ตั ิงาน ..................................................................................................29 ซ

สารบัญภาพ(ต่อ) ภาพที่ หนา้ 4-8 การค้นหาวิธีการแก้ไขปญั หา...................................................................................................30 4-9 การเพมิ่ ขอ้ มูลผู้ใช้....................................................................................................................30 4-10 การจดั การผใู้ ช้.......................................................................................................................31 4-11 การแก้ไขขอ้ มูลผใู้ ช้ ...............................................................................................................31 ฌ

1 บทที่ 1 บทนา 1.1 ความเป็นมาและความสาคญั ของปัญหา จากการสารวจในขณะท่ีฝึกสหกิจพบว่าการทางานในหน่ึงวันมีงานแจ้งซ่อมเข้ามามากและ ไดม้ ีการบันทึกการแจ้งซ่อมแค่เพียงในกระดาษใบงานทาให้มีกระดาษใบงานจานวนมากผู้จัดทาจึงคิด ที่จะลดปัญหากระดาษและทาให้สะดวกรวดเร็วย่ิงข้ึนในการบันทึกข้อมูลโดยการท่ีจะนาการบันทึก ข้อมูลไปเก็บไว้ในระบบเทคโนโลยแี ทนการบันทึกขอ้ มูลในกระดาษใบงาน ปัจจุบันเทคโนโลยีด้าน Web Application ได้มีการนาไปใช้ในหลาย ๆ ด้านเช่นในด้าน การศึกษาพบผลการศึกษาของ สคมวิชช์ สุขภัทริทธิกุล(2556) ได้นามาประยุกต์ใช้พัฒนา ระบบสารสนเทศการบันทึกข้อมูลและแผนผังการติดตั้งเครื่องคอมพิวเตอร์เพ่ือช่วยบารุงรักษา เคร่ืองคอมพิวเตอร์สาหรับระบบสารสนเทศโรงพยาบาลศิริราช และนอกจากนี้ยังพบว่า วริญทร เจนชัย(2554) ได้นามาประยุกต์ใช้พัฒนาระบบบันทึกการเข้าช้ันเรียนผ่านบลูทูธ และนอกจากน้ียัง พบว่า ณัศรุณ บนิ โหรน(2556) ได้นามาประยุกต์ใช้พัฒนาต้นแบบระบบบันทึกเวลาปฏิบัตงิ านโดยใช้ โทรศพั ท์สมาร์ตโฟนสาหรบั สาขาวชิ าเทคโนโลยีสารสนเทศ มหาวทิ ยาลยั เทคโนโลยสี รุ นารี ผู้จัดทาจึงมีแนวคิดในการนาเทคโนโลยี Web Application และฐานข้อมูลเชิงสัมพันธ์ มาพัฒนาระบบการบันทึกการปฏิบัติงานของนักศึกษา เพื่อที่จะช่วยให้การทางานสะดวกมากย่ิงข้ึน สาหรับเป็นสื่อในการบันทึกข้อมูลการทางานต่อไปซึ่งประโยชน์ท่ีได้จากการศึกษาครั้งน้ีจะทาให้ นักศกึ ษาและเจ้าหน้าท่ีที่เก่ียวข้องสามารถบันทึกการทางานเพื่อเกบ็ ไวด้ ูได้อีกดว้ ย 1.2 วัตถปุ ระสงค์ เพ่ือพัฒนาระบบการบันทึกการปฏิบัติงานโดยเป็นการทางานผ่าน Web Application 1.3 ขอบเขตของระบบ 1.3.1 ผู้ดแู ลระบบ 1.3.1.1 ล็อกอินเขา้ ส่รู ะบบ 1.3.1.2 เพิม่ แกไ้ ข และลบข้อมลู ทั้งหมด 1.3.1.3 เชค็ สถานะงาน 1.3.1.4 คน้ หาปัญหาและแนวทางแกไ้ ข 1.3.1.5 แสดงผลสรปุ ออกมาในรูปแบบกราฟ

2 1.3.2 ผู้ใช้ท่วั ไป 1.3.2.1 ลอ็ กอนิ เข้าสู่ระบบ 1.3.2.2 เพิม่ แกไ้ ข และลบขอ้ มูล 1.3.2.3 คน้ หาปัญหาและแนวทางแกไ้ ข 1.4 เครื่องมอื ท่ใี ช้พฒั นา 1.4.1 อปุ กรณท์ ีใ่ ชพ้ ัฒนา เครอ่ื งคอมพิวเตอร์ ทรี่ องรบั การตดิ ตั่งโปรแกรมพื้นฐานและอปุ กรณ์ต่อพว่ ง 1.4.2 โปรแกรมที่ใชพ้ ฒั นา 1.4.2.1 XAMPP 1.4.2.3 MYSQL 1.4.2.4 VISUAL STUDIO CODE 1.4.3 ภาษาทใ่ี ช้พฒั นา 1.4.3.1 PHP 1.4.3.2 HTML 1.4.3.3 SQL 1.5 ระเบยี บวิธีการดาเนินงาน 1.5.1 ข้ันตอนการดาเนนิ งาน 1.5.1.1 การกาหนดปัญหา ข้อมูลมีจานวนมากในแต่ละวันทาให้ต้องมีระบบบันทึก การปฏบิ ัติงานเพอื่ ชว่ ยในการเกบ็ ข้อมลู 1.5.1.2 การวิเคราะห์ระบบ รวบรวมข้อมลู ท่เี ก่ยี วขอ้ งกับการบันทึกการปฏิบัติงานและ งานวจิ ัยท่ีเก่ยี วขอ้ งกบั การบันทกึ การปฏิบัตงิ าน 1.5.1.3 การออกแบบระบบ นาข้อมูลต่าง ๆ ท่ีได้จากการศึกษามาออกแบบวางแผน การพัฒนาว่าจะอยู่ในรูปแบบใด 1.5.1.4 การพัฒนาระบบ การพัฒนาระบบโดยผู้จัดทาต้องพัฒนาระบบที่ได้ออกแบบ ไว้เพ่ือสร้างมาเป็นระบบงานทางคอมพิวเตอร์มาโดยนาเคร่ืองมือหรือโปรแกรมเข้ามาช่วยใน การพัฒนาเพอื่ ชว่ ยใหไ้ ดร้ ะบบทสี่ ามารถตอบโจทยต์ ่อการพัฒนาได้

3 1.5.1.5 การทดสอบระบบ เม่ือพัฒนาระบบเสร็จก็จะมีการทดสอบระบบก่อนนาไปใช้ จริงเพื่อท่ีจะตรวจสอบความถูกต้องในการทางานของโปรแกรมเพ่ือหาข้อผิดพลาดหากพบ กจ็ ะสามารถแก้ไขได้ทันที 1.5.2 ตารางการดาเนินงาน ขัน้ ตอนการดาเนนิ งาน ภาคการศกึ ษา 2/2564 ธ.ค. ม.ค. ก.พ. มี.ค. 1. กาหนดปญั หา 2. วเิ คราะห์ระบบ 3. ออกแบบระบบ 4. พฒั นาระบบ 5. ทดสอบระบบ 1.6 ประโยชน์ท่ไี ด้รับ 1.6.1 ได้รับเว็บแอพพลิเคชันระบบการบันทึกการปฏิบัติงานโดยเป็นการทางานผ่าน Web Application 1.6.2 ไดฐ้ านขอ้ มลู ในการจดั เก็บขอ้ มลู การบนั ทึกงาน 1.7 นิยามศพั ทเ์ ฉพาะ 1.7.1 กระดาษใบงาน คือ กระดาษที่ใช้บันทึกการปฏิบัติงานหรือการแจ้งซ่อมในแผนก ปฏิบัติการคอมพิวเตอร์ กองระบบสารสนเทศ การไฟฟ้าส่วนภูมิภาค เขต 1 ภาคกลาง จงั หวดั พระนครศรอี ยุธยา 1.7.2 IT Helpdesk คือ ตาแหนง่ ท่ีคอยช่วยเหลือดา้ นไอที งานบรกิ ารซอ่ มคอมพวิ เตอร์

4 บทที่ 2 ทฤษฎีท่ีเก่ยี วขอ้ ง การพัฒนาระบบการบริหารจัดการปริญญานิพนธ์ ทางผู้พัฒนาได้ทาการศึกษาหลักการ ทฤษฎีต่าง ๆ และเทคโนโลยีท่ีเก่ียวข้องพร้อมทั้ง แหล่งท่ีมาของข้อมูลที่มีความจาเป็นในการพัฒนา ระบบโดยมรี ายละเอยี ดดงั ตอ่ ไปน้ี 2.1 เว็บแอปพลเิ คชัน 2.2 ข้นั ตอนการพฒั นาระบบ 2.3 ระบบฐานขอ้ มลู 2.4 เว็บเซริ ฟ์ เวอร์ 2.5 โปรแกรมและภาษาท่ีใช้พัฒนา 2.6 งานวจิ ัยทเี่ กยี่ วข้อง 2.1 เวบ็ แอพพลเิ คชัน(Web Application) Web Application (เว็บแอพพลิเคชนั ) คือ Application (แอพพลิเคชัน) ที่ถูกเขียนขึ้นมา เพ่ือเป็น Browser (เบราเซอร์) สาหรับการใช้งาน Webpage (เว็บเพจ) ต่างๆ ซึ่งถูกปรับแต่งให้ แสดงผลแต่ส่วนที่จาเป็น เพื่อเป็นการลดทรัพยากรในการประมวลผล ของตัวเคร่ืองสมาร์ทโฟน หรือ แท็บเลต็ ทาให้โหลดหนา้ เว็บไซตไ์ ดเ้ ร็วขึ้น อกี ทง้ั ผู้ใชง้ านยงั สามารถใช้งานผ่าน Internet 2.2 ข้ันตอนการพฒั นาระบบ 2.2.1 วงจรการพัฒนาระบบ(System Development Life Cycle : SDLC) วงจรการพัฒนาระบบ (System Development Life Cycle : SDLC) คือ การแบ่งข้ันตอน กระบวนการพัฒนาระบบงาน หรือระบบเทคโนโลยีสารสนเทศด้วย เพื่อช่วยแก้ปัญหาทางธุรกิจหรือ ตอบสนองความต้องการขององค์กรโดยระบบท่ีจะพัฒนาน้ันอาจเป็นการพัฒนาระบบใหม่หรือ การปรับปรุงระบบเดิมใหด้ ีขึ้นกไ็ ด้ การพัฒนาระบบแบง่ ออกเป็น 7 ขนั้ ตอน ดังนี้ 2.2.1.1 การค้นหาปัญหาขององค์กร (Problem Recognition) เป็นกิจกรรมแรกท่ี สาคัญในการกาหนดเป้าหมายที่ชัดเจนในการปรับปรุงโดยใช้ระบบเข้ามาช่วยนาข้อมูลปัญหาท่ีได้มา จาแนกจัดกลุ่มและจัดลาดับความสาคัญ เพ่ือใช้คัดเลือกโครงการท่ีเหมาะสมที่สุดมาพัฒนา โดยโครงการท่ีจะทาการพัฒนาต้องสามารถแก้ปัญหาที่มีในองค์กรและให้ประโยชน์กับองค์กรมาก ท่สี ดุ 2.2.1.2 การศึกษาความเหมาะสม (Feasibility Study) ว่าเหมาะสมหรือไม่ ท่ีจะปรับเปล่ียนระบบ โดยให้เสียค่าใช้จ่าย (Cost) และเวลา (Time) น้อยที่สุดแต่ให้ได้ผลลัพธ์ ที่น่าพอใจ และหาความต้องการของผู้เก่ียวข้องใน 3 เร่ือง คือ เทคนิคเคร่ืองมือหรืออุปกรณ์ท่ีใช้ บุคลากรและความพร้อม และความคุ้มค่า เพื่อใชน้ าเสนอต่อผู้บริหารพจิ ารณาอนมุ ตั ิดาเนนิ การต่อไป

5 2.2.1.3 การวิเคราะห์ (Analysis) เป็นการรวบรวมข้อมูลปัญหาความต้องการท่ีมี เพ่ือนาไปออกแบบระบบ ขั้นตอนนี้จะศึกษาจากผู้ใช้ โดยวิเคราะห์การทางานของระบบเดิม (As Is) และความต้องการที่มีจากระบบใหม่ (To Be) จากนั้นนาผลการศึกษาและวิเคราะห์มาเขียนเป็น แผนภาพผงั งานระบบ (System Flowchart) และทศิ ทางการไหลของข้อมลู (Data Flow Diagram) 2.2.1.4 การออกแบบ (Design) นาผลการวิเคราะห์มาออกแบบเป็นแนวคิด (Logical Design) เพื่อแก้ไขปัญหา โดยในส่วนนี้จะยังไม่ไดม้ ีการระบุถึงรายละเอียดและคุณลักษณะ อุปกรณ์มากนัก เน้นการออกแบบโครงร่างบนกระดาษ แล้วส่งให้ผู้ออกแบบระบบนาไปออกแบบ (System Design) ซ่งึ ขั้นตอนน้ีจะเร่มิ มกี ารระบุลกั ษณะการทางานของระบบทางเทคนิค รายละเอียด คุณลักษณะอุปกรณ์ท่ีใช้ เทคโนโลยีท่ีใช้ ชนิดฐานข้อมูลการออกแบบ เครือข่ายที่เหมาะสม ลักษณะ ของการนาขอ้ มลู เข้า ลักษณะรูปแบบรายงานทเ่ี กิด และผลลพั ธ์ท่ีได้ 2.2.1.5 การพัฒนาและทดสอบ (Development & Test) เป็นขั้นตอนการ การเขียนโปรแกรม (Coding) เพ่ือพัฒนาระบบจากแบบบนกระดาษให้เป็นระบบตามคุณลักษณะ ที่กาหนดไว้ จากน้ันทาการทดสอบหาข้อผิดพลาด (Testing) เพ่ือตรวจสอบความถูกต้อง จนม่ันใจ ว่าถูกต้องและตรงตามความต้องการ หากพบว่ามีข้อผิดพลาดเกิดข้ึนจากการทางานของระบบ ต้องปรบั แก้ไขให้เรยี บร้อยพร้อมใชง้ านก่อนนาไปตดิ ต้งั ใชจ้ ริง 2.2.1.6 การติดต้ัง (Implementation) เป็นขั้นตอนการนาระบบท่ีพัฒนา จนสมบูรณ์มาติดต้ัง (Installation) และเริ่มใช้งานจริง ในส่วนนี้นอกจากติดต้ังระบบใช้งานแล้ว ยังต้องมีการจัดเตรียมขั้นตอนการสนับสนุนส่งเสริมการใช้งานให้สามารถใช้งานได้อย่างสมบูรณ์ โดยจัดทาหลักสูตรฝึกอบรมผู้ใช้งาน (Training) เอกสารประกอบระบบ (Documentation) และ แผนการบรกิ ารใหค้ วามช่วยเหลือ (Support) เพอ่ื ใหร้ ะบบสามารถใชง้ านได้อย่างตอ่ เนือ่ ง 2.2.1.7 การซ่อมบารุงระบบ (System Maintenance) เป็นขั้นตอนการบารุงรักษา ระบบต่อเน่ืองหลังจากเร่ิมดาเนินการ ผู้ใช้ระบบอาจจะพบกับปัญหาที่เกิดขึ้นภายหลัง เช่น ปัญหา เน่ืองจากความไม่คุ้นเคยกับระบบใหม่ จึงควรกาหนดแผนค้นหาปัญหาอย่างต่อเน่ือง ติดตาม ประเมินผล เก็บรวบรวมคาร้องขอให้ปรับปรุงระบบ วิเคราะห์ข้อมูลร้องขอให้ปรับปรุงระบบ จากนั้น ออกแบบการทางานที่ต้องการปรับปรุงแก้ไขและติดตั้ง ซึ่งต้องมีการฝึกอบรมการใช้งานระบบ ใหแ้ ก่ผ้ใู ช้งาน เพื่อทจี่ ะทราบความพงึ พอใจของผใู้ ช้ 2.2.2 แผนภาพกระแสข้อมูล(Data Flow Diagram) แผนภาพกระแสข้อมูล (DFD) เป็นเครื่องมือท่ีใช้กันอย่างแพร่หลายในการเขียนแบบระบบใหม่ ในการเขียนแผนภาพจาลองการทางานของกระบวนการ (Process) ต่างๆ ในระบบ โดยเฉพาะ กับระบบท่ี \"หนา้ ท\"ี่ ของระบบมคี วามสาคญั และมีความสลบั ซับซอ้ นมากกว่าข้อมูลทไ่ี หลเขา้

6 ภาพที่ 2-1 แผนภาพการไหลของข้อมลู (ท่มี า: https://sites.google.com/site/data-flow-diagram-level-2) 2.3.1 สว่ นประกอบของ DFD DFDมอี งคป์ ระกอบ4 อย่างซงึ่ ใช้สญั ลักษณต์ ่างๆ ดังตอ่ ไปนี้ 1) สัญลักษณ์แทนการประมวลผล (Process) งานที่ดาเนินการ/ตอบสนองข้อมูล ที่รับเข้า หรือดาเนินการตอบสนองต่อเงื่อนไข/สภาวะใด ๆ ที่เกิดขึ้น ไม่วา่ ขั้นตอนการดาเนินงานน้ัน จะกระทาโดยบุคคล หนว่ ยงาน หุน่ ยนต์ เครอื่ งจกั ร หรือ เคร่อื งคอมพวิ เตอรก์ ็ตาม ภาพท่ี 2-2 สัญลกั ษณ์แทนการประมวลผล (ท่ีมา: https://nutdnuy.medium.com/-421a5356adf1) 2) สัญลักษณ์แทนกระแสข้อมูลเป็นลูกศร เป็นการส่ือสารระหว่างข้ันตอน การทางาน (Process) ต่างๆ และสภาพแวดล้อมภายนอกหรือภายในระบบ โดยแสดงถึงข้อมูล ท่ีนาเข้าไปในแตล่ ะ Process และข้อมูลท่ีส่งออกจาก Process ใช้ในการแสดงถึงการบันทึกข้อมูล การลบข้อมูล การแก้ไขข้อมูลต่าง ๆ สัญลักษณ์ที่ใช้อธิบายเส้นทางการไหลของข้อมูลคือ เส้นตรง ทป่ี ระกอบดว้ ยหัวลกู ศรตรงปลายเพื่อบอกทิศทางการเดนิ ทางหรอื การไหลของข้อมูล ภาพที่ 2-3 สัญลักษณแ์ ทนกระแสข้อมลู เปน็ ลูกศร (ท่มี า: https://nutdnuy.medium.com/-421a5356adf1)

7 1) สัญลักษณ์แทนแหล่งเก็บข้อมูลเป็นเส้นขนาน 2 เส้นโดยมีชื่อกากับ บุคคล หน่วยงานในองค์กร องค์กรอ่ืนๆ หรือระบบงานอื่นๆ ท่ีอยู่ภายนอกขอบเขตของระบบ แต่มี ความสัมพันธ์กับระบบ โดยมีการส่งข้อมูลเข้าสู่ระบบเพื่อดาเนินงาน และรับข้อมูลที่ผ่าน การดาเนินงานเรียบร้อยแล้วจากระบบ สัญลักษณ์ที่ใช้อธบิ าย คือ สี่เหล่ียมจัตุรัส หรือสี่เหล่ียมผืนผ้า ภายในจะต้องแสดงชื่อของ External Agent โดยสามารถทาการซ้า (Duplicate) ได้ด้วยการใช้ เคร่อื งหมาย \\ (back slash) ตรงมมุ ล่างซ้าย ภาพที่ 2-4 สัญลักษณแ์ ทนแหล่งเก็บข้อมลู (ท่ีมา: https://nutdnuy.medium.com/-421a5356adf1) 2) สี่เหลี่ยมผืนผ้าเป็นสัญลักษณ์แทนส่ิงท่ีอยู่นอกระบบ แหล่งจัดเก็บข้อมูล (Data Store) เป็นแหล่งเก็บ/บันทึกข้อมูล เปรียบเสมือนคลังข้อมูล (เทียบเท่ากับไฟล์ข้อมูล และ ฐานข้อมูล) โดยอธิบายรายละเอียดและคุณสมบัติเฉพาะตัวของสิ่งท่ีต้องการเก็บ/บันทึก สัญลักษณ์ ท่ีใชอ้ ธิบายคือส่ีเหลี่ยมเปิดหนึ่งข้าง แบง่ ออกเป็นสองส่วน ได้แก่ ส่วนที่ 1 ทางด้านซ้ายใชแ้ สดงรหัส ของ Data Store อาจจะเป็นหมายเลขลาดับหรือตัวอักษรไดเ้ ชน่ D1, D2 เป็นต้น สาหรับส่วนท่ี 2 ทางด้านขวา ใชแ้ สดงชือ่ Data Store หรอื ชอ่ื ไฟล์ ภาพที่ 2-5 ส่ีเหล่ียมผนื ผ้าเป็นสัญลกั ษณแ์ ทนสง่ิ ทอ่ี ยนู่ อกระบบ (ทีม่ า: https://nutdnuy.medium.com/-421a5356adf1) เป็นแหล่งเก็บ/บันทึกข้อมูล เปรียบเสมือนคลังข้อมูล (เทียบเท่ากับไฟล์ข้อมูล และ ฐานข้อมูล) โดยอธิบายรายละเอียดและคุณสมบัติเฉพาะตัวของส่ิงท่ีต้องการเก็บ/บันทึก สัญลักษณ์ ท่ีใช้อธิบายคือส่ีเหลี่ยมเปิดหนึ่งข้าง แบง่ ออกเป็นสองส่วน ได้แก่ ส่วนที่ 1 ทางด้านซ้ายใชแ้ สดงรหัส ของ Data Store อาจจะเป็นหมายเลขลาดับหรือตัวอักษรได้เช่น D1, D2 เป็นต้น สาหรับส่วนท่ี 2 ทางด้านขวา ใช้แสดงชอ่ื Data Store หรอื ช่ือไฟล์ Level-0 Diagram เป็นการแสดงให้เห็นถึงรายละเอยี ดของ Process การทางานหลักๆ ท่ีมี อยูภ่ ายในภาพรวมของระบบ (Context Diagram) ว่ามขี น้ั ตอนใดบา้ ง

8 ภาพท่ี 2-6 Level-0 Diagram (ที่มา: https://sites.google.com/site/data-folw-diagram) Level-1 Diagram ถ้าระบบใดมีการทางานที่ซับซ้อนมาก นักวิเคราะห์ระบบจะไม่สามารถ อธิบายการทางานท้ังหมดไดภ้ ายในข้ันตอนเดียวใน Context Diagram ดงั น้ันในการวเิ คราะห์ระบบ จึงสามารถจาแนกระบบใหญ่หนึ่งระบบออกเป็นระบบย่อยๆ ได้หลายระบบ โดยแบง่ ให้เป็นระบบย่อย ท่มี ขี นาดเลก็ ลงเรื่อยๆ จนสามารถอธิบายการทางานได้ทงั้ หมด เรยี กวิธีน้ีวา่ “การแบง่ ย่อย” ภาพที่ 2-7 Level-1 DiagramLevel-2 Diagram (ทีม่ า: https://sites.google.com/site/data-folw-diagram)

9 ภาพที่ 2-8 Level-2 Diagram (ทมี่ า: https://sites.google.com/site/data-folw-diagram) 2.3 ระบบฐานข้อมลู (Database System) ระบบฐานข้อมูล (Database System) คือ ระบบท่ีรวบรวมข้อมูลต่างๆ ที่เก่ียวข้องกันเข้าไว้ ด้วยกันอย่างมีระบบมีความสัมพันธร์ ะหวา่ งข้อมูลต่างๆ ที่ชัดเจน ในระบบฐานข้อมูลจะประกอบดว้ ย แฟ้มขอ้ มูลหลายแฟม้ ที่มีขอ้ มูลเก่ียวข้องสัมพนั ธก์ ันเขา้ ไว้ดว้ ยกันอย่างเปน็ ระบบและเปิดโอกาสให้ผู้ใช้ สามารถใช้งานและดูแลรักษาป้องกันข้อมูลเหล่าน้ี ได้อย่างมีประสิทธิภาพ โดยมีซอฟต์แวร์ ที่เปรียบเสมือนสื่อกลางระหว่าง ผู้ใช้และโปรแกรมต่างๆ ที่เกี่ยวข้องกับการใช้ฐานข้อมูล เรียกว่า ระบบจัดการฐานข้อมูล หรือ DBMS (data base management system)มีหน้าท่ีชว่ ยให้ผู้ใช้เข้าถึง ข้อมูลได้ง่ายสะดวกและมีประสิทธิภาพ การเข้าถึงข้อมูลของผู้ใช้อาจเป็นการสร้างฐานข้อมูล การแก้ไขฐานข้อมูล หรือการต้ังคาถามเพื่อให้ได้ข้อมูลมา โดยผู้ใช้ไม่จาเป็นต้องรับรู้เก่ียวกับ รายละเอยี ดภายในโครงสร้างของฐานข้อมูล ประเภทของแฟม้ ข้อมูล (File Type) สามารถจาแนกแฟ้มข้อมูลออกตามลักษณะของข้อมูลที่เก็บบันทึกไว้และสามารถแบ่ง แฟ้มข้อมูลออกเป็น 2 ประเภทใหญ่ๆ คือ 1. แฟ้มข้อมูลหลัก (Master File) เป็นแฟ้มข้อมูลซึ่งเก็บข้อมูลที่สาคัญ เชน่ แฟ้มข้อมูล ประวัติ ลูกค้า (Customer master file) ตามที่กล่าวไว้ข้างต้น แฟ้มข้อมูลประวัติผู้จัดส่งสินค้า (Supplier master file) แฟ้มข้อมูลสินค้าคงเหลือ (Inventory master file) แฟม้ ข้อมูลบัญชี (Account master file) เป็นต้น ซ่ึงแฟ้มข้อมูลหลักเหล่านี้เป็นส่วนประกอบของระบบงานบัญชี (Account system) 2. แฟม้ รายการปรบั ปรุง (Transaction file) เปน็ แฟ้มท่บี ันทกึ ข้อมลู เก่ียวกับแฟม้ ข้อมูลหลัก ทมี่ ีการเปล่ยี นแปลงในแตล่ ะวนั รา

10 2.3.1 การออกแบบฐานขอ้ มูล การออกแบบฐานข้อมูล (Designing Databases) มีความสาคัญต่อการจัดการ ระบบฐานข้อมูล (DBMS) ทั้งน้ีเนื่องจากข้อมูลท่ีอยู่ภายในฐานข้อมูลจะต้องศึกษาถึงความสัมพันธ์ ของข้อมูล โครงสร้างของข้อมูลการเข้าถึงข้อมูลและกระบวนการท่ีโปรแกรมประยุกต์จะเรียกใช้ ฐานข้อมูล ดงั นน้ั เราจึงสามารถแบง่ วธิ กี ารสรา้ งฐานขอ้ มลู ได้ 3 ประเภท 1. ฐานขอ้ มลู เชงิ สัมพันธ์ (Relational Database) เป็นการเก็บข้อมูลในรูปแบบท่ีเป็นตาราง (Table) หรือเรียกว่า รีเลชน่ั (Relation) มีลักษณะเป็น 2 มิติ คอื เป็นแถว (row) และเปน็ คอลมั น์ (column) การเชื่อมโยงขอ้ มลู ระหวา่ งตาราง จะเชื่อมโยงโดย ใช้แอททริบิวต์ (attribute) หรือคอลัมน์ท่ีเหมือนกันท้ังสองตารางเป็นตัวเชื่อมโยงข้อมูล ฐานข้อมูล เชงิ สัมพันธน์ จ้ี ะเปน็ รูปแบบของฐานขอ้ มูลท่ีนิยมใช้ในปจั จุบนั ดงั ตัวอยา่ ง 2. ฐานขอ้ มูลแบบเครอื ข่าย (Network Database) ฐานขอ้ มูลแบบเครือขา่ ยจะเปน็ การรวมระเบยี นตา่ งๆ และความสัมพนั ธ์ระหว่างระเบียนแตจ่ ะต่างกับ ฐานข้อมูลเชิงสัมพันธ์ คือ ในฐานข้อมูลเชิงสัมพันธ์จะแฝงความสัมพันธ์เอาไว้ โดยระเบียนที่ มีความสัมพันธ์กันจะต้องมีค่าของข้อมูลในแอททริบิวต์ใดแอททริบิวต์หน่ึงเหมือนกัน แต่ฐานข้อมูล แบบเครอื ขา่ ยจะแสดงความสมั พันธอ์ ย่างชดั เจน ตวั อยา่ งเช่น 3. ฐานขอ้ มูลแบบลาดบั ชนั้ (Hierarchical Database) ฐานข้อมูลแบบลาดับช้ัน เปน็ โครงสร้างท่ีจัดเก็บข้อมูลในลักษณะความสัมพันธ์แบบพ่อ-ลูก (Parent- Child Relationship Type : PCR Type) หรือเป็นโครงสร้างรูปแบบต้นไม้ (Tree) ข้อมูลท่ีจัดเก็บ ในทน่ี ้ี คือ ระเบยี น (Record) ซึง่ ประกอบด้วยค่าของเขตข้อมลู 2.3.2 ความสัมพันธ์ ความสัมพนั ธร์ ะหว่างขอ้ มูล ซงึ่ มี 3 ชนิด ดังน้ี 1. แบบหนึง่ ตอ่ หนึ่ง ความสมั พนั ธแ์ บบหน่ึงต่อหนึ่ง เป็นความสัมพนั ธ์ระหว่างสิ่งหน่ึงกับส่ิงหน่ึงท่ีมีเพียงหนึ่งเดียว เท่าน้ัน เช่น อธิการบดีมีหน้าที่บริหารมหาวทิ ยาลัยเพียงมหาวิทยาลัยเดียวและในมหาวิทยาลัยน้ัน ๆ จะมีอธกิ ารบดบี ริหารงานในขณะนน้ั ๆ เพยี งคนเดยี วเชน่ กัน 1.1 ความสัมพันธ์แบบหน่งึ ต่อหนง่ึ ภาพท่ี 2-9 ความสัมพนั ธ์แบบหนึ่งต่อหนงึ่ (ท่มี า: http://www.lks.ac.th/sara/khwanjit/acc08.htm) 2. แบบหน่งึ ต่อกลมุ่ ความสัมพันธ์แบบหนึ่งต่อกลุ่ม เป็นความสัมพันธ์ระหว่างส่ิงหน่ึงกับส่ิงหน่ึงท่ีมีเพียงหนึ่งกับ อีกด้านหนึ่งเป็นกลุ่ม เช่น สมาชิกผู้บริจาคโลหิตสามารถบริจาคโลหิตได้หลายๆ คร้ังและการบริจาค นน้ั บรจิ าคโดยสมาชกิ คนเดยี ว

11 2.1 ความสัมพันธ์แบบหนงึ่ ตอ่ กลุม่ ภาพท่ี 2-10 ความสัมพันธแ์ บบหน่ึงตอ่ กลมุ่ (ท่ีมา: http://www.lks.ac.th/sara/khwanjit/acc08.htm) 3. แบบกลุ่มต่อกลุ่ม ความสัมพันธ์แบบกลุ่มต่อกลุ่ม เป็นความสัมพันธ์ระหว่างสิ่งหน่ึงกับสิ่งหน่ึงท่ีมีได้หลายๆ อย่าง เช่น นักศึกษาสามารถลงทะเบียนเรียนได้หลายๆ รายวิชาและในแต่ละรายวิชามีนักศึกษา ลงทะเบยี นเรยี นได้หลายๆ คน 3.1 ความสัมพนั ธแ์ บบกลุม่ ตอ่ กลุม่ ภาพท่ี 2-11 ความสัมพันธแ์ บบกลมุ่ ต่อกลุ่ม (ทมี่ า: http://www.lks.ac.th/sara/khwanjit/acc08.htm) 2.4 เวบ็ เซิร์ฟเวอร์ (web server) เว็บเซิร์ฟเวอร์ (web server) คือ เคร่ืองคอมพิวเตอร์ท่ีทาหน้าท่ีเป็นเครื่องบริการเว็บเพจแก่ ผรู้ ้องขอดว้ ยโปรแกรมประเภทเว็บบราวเซอร์ (Web Browser) ที่ร้องขอข้อมูลผ่านโปรโตคอลเฮชทีที พี (HTTP = Hyper Text Transfer Protocol) เคร่ืองบริการจะส่งข้อมูลให้ผู้ร้องขอในรูป ของข้อความ ภาพ เสียง หรือส่ือผสม เครื่องบริการเว็บเพจมักเปิดบริการพอร์ท 80 (HTTP Port) ให้ผู้ร้องขอให้เช่ือมต่อและนาข้อมูลไปใช้ เช่น โปรแกรมอินเทอร์เน็ตเอ็กโพรเลอร์ (Internet Explorer) หรือกูเกิลโครม (Google Chrome) กรเช่ือมตอ่ เริ่มด้วยการระบุที่อยู่เว็บเพจท่ีร้องขอหรือ เรียกอีกอย่าว่า(Web address หรือURL =Uniform Resource Locator) เช่น https://www.google.co.th หรอื https://new.edmodo.com เป็นตน้

12 2.5 โปรแกรมและภาษาทีใ่ ชพ้ ัฒนา 2.5.1 โปรแกรมท่ีใชพ้ ฒั นา 2.5.1.1 MySQL เป็นระบบจัดการฐานข้อมูลเชงิ สัมพันธ์ (RDBMS: Relational Database Management System) ซ่ึงเป็นที่นิยมกันมากในปัจจุบัน MySQL เป็นฟรีแวร์ด้าน ฐานข้อมูลท่ีมี ประสิทธิภาพสูง มีความรวดเร็วในการใช้งาน การรองรับจานวนผู้ใช้ และขนาด ของข้อมูลจานวน มหาศาล ท้ังสนับสนุนการใช้งานบนระบบปฏิบัติการมากมาย ได้แก Unix, OS/2, Mac OS และ Windows นอกจากนี้ MySQL ยังสามารถใชร้ ว่ มกบั Web Development Platform ไม่วา่ จะเปน็ C, C++, Java, Perl, PHP, Python, Tcl หรอื ASP ความสามารถของ MySQL สรปุ ความสามารถของ MySQL ได้ดงั น้ี 1. MySQL จัดเปน็ ฐานข้อมูลผู้ใช้หรือผู้พัฒนาสามารถใช้คาส่ัง SQL ในการสั่งหรือใช้งาน กบั MySQL Server ได้ 2. สนับสนนุ การใชง้ านสาหรบั ตวั ประมวลกลาง (CPU) หลายตัว 3. การทางานแบบ Multi-threaded 4. สนับสนุน API เพื่อใช้งานกับ Development Platform ต่าง ๆ มากมายไม่วา่ จะเปน็ เปน็ C, C++, Eiffel, Java, Perl, PHP, Python หรือ TCL 5. SQL สามารถรนั ได้บนระบบปฏิบัตกิ ารไดห้ ลายตัวหลายค่าย เช่น AIX, BSD/OS, DEC Unix, FreeBSD, HP-UX, Linux, Mac OS X, NetBSD, OpenBSD, OS/2, SGI Irix, Solaris, SunOS, SCO OpenServer, SCO Unixware, Tru64 Unix, Windows Platform รวมทั้ง BeOS 6. ประเภทของข้อมูลท่ีสามารถใช้ได้ใน MySQL ได้แก ตวั เลขขนาด 1, 2, 3, 4 และ 8 ไบต์ FLOAT, DOUBLE, CHAR, VARCHAR, TEXT และ BLOP เป็นตน้ 7. สนบั สนุน Group by และ Order by clauses และ group Functions 8. สนับสนุน LEFT OUTER JOIN และ RIGTH OUTER JOIN 9. การกาหนดสิทธิและรหัสผ่าน ให้มีความปลอดภัยและความยืดหยุ่นสูงทาให้ ผู้ใช้ มคี วามมนั่ ใจวา่ ข้อมลู มคี วามปลอดภยั ไม่มใี ครสามารถเขา้ ถึงข้อมูลไดห้ ากไมไ่ ดร้ ับอนุญาต 10. สามารถทาดัชนี (Index) ไดส้ งู สุดถึง 32 ดัชนใี นแตล่ ะตารางขอ้ มูล 11. สามารถรองรับข้อมูลขนาดใหญ่ ซึ่งปัจจุบันMySQL สามารถรองรับจานวนข้อมูล ไดใ้ นระดบั 60,000 ตารางขอ้ มูล และ 5 ลา้ นระเบียน 12. สนับสนุนรูปแบบภาษา (Character Set) หลายทาให้สามารถทาการจัดเรียงข้อมูล (Sort) หรือกาหนดการแสดงขอ้ ผดิ พลาด (Error message) ไดต้ ามรปู แบบภาษาทีต่ อ้ ง 13. เครื่องที่ทาหน้าที่เป็นผู้ใช้บริการ (Client) สามารถเช่ือมเข้าสู่ MySQL Server โดยการใช้ TCP/IP Sockets, Unix Sockets (Unixes) หรือ Names Pipes (NT) สถาปัตยกรรม ของ MySQL MySQL ถูกออกแบบการทางานในลักษณะของ Client/Server ประกอบด้วย ส่วนหลักๆ 2 สวน คือส่วนของผู้ให้บริการ (Server) และส่วนของผู้ใช้บริการ (Client) โดยในแต่ละส่วนก็จะมี โปรแกรมสาหรับการทางานตามหน้าท่ีของตนส่วนของผู้ให้บริการ หรือ Server จะเป็นส่วนท่ีทาหน้าที่บริหารจัดการระบบฐานข้อมูลจะเป็นท่ีจัดเก็บข้อมูลท้ังหมดส่วนของ ผ้ใู ช้บรกิ าร หรอื Client กค็ อื ผใู้ ชโ้ ปรแกรมสาหรบั ใชง้ านไดแ้ ก MySQL Client และ Access เปน็ ต้น

13 ภาพที่ 2-12 Client / Server (ท่ีมา: https://sites.google.com/site/client-server-network) จากภาพท่ี 2-12 หลกั การทางานในลกั ษณะ Client / Server มดี ังนคี้ อื ท่ีฝ่ังของผู้ให้บริการหรือ Server จะมีโปรแกรมหรือระบบจัดการฐานข้อมูลเพื่อการร้องขอ การใช้บริการจากผู้ใช้บริการหรือ Client เม่ือมีการร้องขอเข้ามา Server จะทาการตรวจสอบ เช่น อาจจะมีการให้ผู้ใชบ้ ริการระบุชือ่ และรหสั ผ่านถา้ ผ่านการตรวจสอบ Server ก็จะอนุมัติการให้บริการ แก Client ท่ีร้องขอการใช้บริการนั้นๆ และถ้าในกรณีท่ีไม่ได้รับการอนุมัติ Server ก็จะส่งข้อความ แสดงข้อผิดพลาดแจงกลับไปท่ี Client ทรี่ ้องขอการใชบ้ ริการ 2.5.1.2 Notepad++ (โปรแกรม Notepad โปรแกรม Text-Editor) : สาหรับ โปรแกรมน้ีเป็นโปรแกรม Notepad ท่ีมีชื่อว่า Notepad++ น้ี ซึ่งถูกพัฒนาขึ้นมาครั้งแรก ตั้งแต่ ปี ค.ศ. 2003 (เกิน 10 ปีแล้ว) โดยกลุ่มพัฒนาโปรแกรมโอเพน่ ซอร์ส ท่ีแจกฟรี และแถมซอร์สโค้ด ไปด้วยมันเกิดมาเพ่ือสาหรับโปรแกรมเมอร์ (Programmer) เป็นอีกหน่ึงโปรแกรม Notepad หรือ ทเี่ รียกวา่ โปรแกรม Text Editor หรอื โปรแกรมแกไ้ ขขอ้ ความ ทีค่ วามสามารถนั้นเอาชนะ Notepad อย่างขาดลอย และปัจจุบันนี้มีคนดาวน์โหลด โปรแกรม Notepad++ น้ีไปใช้แล้ว มากกว่า 30 ล้านครั้ง จากท่ัวโลก ซึ่งถือเป็นโปรแกรมเขียนโค้ด ที่โปรแกรมเมอร์ท่ัวโลกนิยมใชม้ าก ทส่ี ุดในโลกรองรบั ภาษาเขยี นโปรแกรมมาก เชน่ C++, HTML, ASP, Java, Pascal และอ่ืน ๆ 2.5.1.3 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 ระบบปฏิบตั ิการ ไดแ้ ก่ 1.Windows สามารถใช้งานได้กับ windows รุ่น 2000, 2003, xp, vista, windows 2. Linux สาหรบั SuSE, RedHat, Mandrake, Debian และ Ubuntu 3. Mac OS X

14 4. Solaris สาหรับ Solaris 8 และ Solaris 9 ข้อจากดั ด้านเทคนิค 1. เคร่ืองคอมพิวเตอร์ควรมี RAM ไมต่ ่ากว่า 128 MB 2. Harddisk มพี น้ื ท่ีมากกว่า 320 MB 3. CPU ไม่กาหนดข้นั ต่า 2.5.2 ภาษาทใ่ี ช้พัฒนา 2.5.2.1 PHP ย่อมาจากคาวา่ Professional Home Page เป็นการเขียนคาสั่งหรือ โค้ดโปรแกรมบนฝั่ง เซิร์ฟเวอร์หรือที่เรียกกันว่า Server-Side Script คือมีการทางานท่ีฝ่ัง เครื่องคอมพิวเตอร์เซิร์ฟเวอร์ซึ่งรูปแบบในการเขียนคาสั่งหรือโค้ดโปรแกรมการทางานของ PHP น้ี จะมีลักษณะคล้ายกับภาษา Perl หรือภาษา C และสามารถท่ีจะใช้ร่วมกับภาษา HTML ได้อย่าง มปี ระสิทธภิ าพ คณุ สมบตั ิของภาษา PHP มีดังนี้ 1) ความสามารถของ PHP นั้น สามารถท่ีจะทางานเก่ียวกับ Dynamic Web ได้ ทุกรูปแบบ สามารถทางานติดต่อร่วมกับโปรแกรมจัดการระบบฐานข้อมูลท่ีมีอยู่มากมายในปัจจุบัน ได้แก Adabas D, InterBase Solid, Microsoft Access, dBase, mSQL, Sybase, Empress, MySQL, Velocis, FilePro, Oracle, Unix dbm, Informix, PostgreSQ และ SQL Server 2) หลักการทางานของ PHP เครื่องคอมพิวเตอร์ทางฝั่งไคลเอ็นต (Client) จะทาการร้องขอหรือเรียกใช้ไฟล์ PHP ท่ีเก็บใน เคร่ืองคอมพิวเตอร์เซิร์ฟเวอร์ (Server) ทางฝ่ัง เคร่ืองเซิร์ฟเวอร์จะทาการค้นหาไฟล์ PHP แล้วทาการ ประมวลผลไฟล์ PHP ตามท่ีไคลเอ็นต์ ทาการร้องขอมา หากไฟล์ PHP มีการติดต่อกับฐานข้อมูลก็ จะนาข้อมูลในฐานข้อมูลมาใช้ ในการประมวลผลตามคาส่ังท่ีเขียนไวในไฟล์ PHP จากน้ันก็จะส่งผลลัพธ์จากการประมวลผลไปให้ เครื่องไคลเอน็ ต์ 3) การเช่ือมต่อ PHP กับ MySQL ภาษา PHP จะมีฟังก์ชั่นสาหรับติดต่อกับ ฐานข้อมูล MySQL โดยใช้คาส่ังmysql_connect() ซึ่งจะทาการติดต่อกับฐานข้อมูลที่สร้างไว้ mysql_connect($hostname,$username,$passwd) $hostname = ช่ือเคร่ืองที่ติดตั้งโปรแกรม ฐานข้อมูล MySQL $username = ชื่อของผู้ที่มีสิทธิ์ในการใช้ฐานข้อมูลในโปรแกรมฐานข้อมูล MySQL $passwd = รหัสผ่านเข้าใช้ฐานข้อมูล เม่ือจะทาการเลิกใช้ฐานข้อมูลสามารถทาไดโ้ ดยใช้ ฟงั กช์ ัน่ mysql_close(); 2.5.2.2 SQL ยอ่ มาจาก structured query langage คอื ภาษาที่ใชใ้ นการเขยี น โปรแกรม เพือ่ จัดการกบั ฐานข้อมลู โดยเฉพาะ เปน็ ภาษามาตรฐานบนระบบฐานขอ้ มูลเชิงสัมพันธแ์ ละ ระบบเปิด (open system) หมายถึงเราสามมารถใช้คาส่ัง SQL กับฐานข้อมูลชนิดใดก็ได้ และ คาส่งั งานเดียวกนั เมอ่ื สัง่ ผา่ น ระบบฐานขอ้ มูลท่ีแตกตา่ งกันจะได้ ผลลัพธ์เหมือนกัน ทาให้เราสามารถ เลอื กใช้ฐานข้อมลู ชนดิ ใดกไ็ ด้โดยไมย่ ึดติดกบั ฐานข้อมูลใดฐานข้อมูลหนึ่ง นอกจากน้ีแล้ว SQL ยังเปน็ ช่ือโปรแกรมฐานข้อมูลซ่ึงโปรแกรม SQL เป็นโปรแกรมฐานข้อมูลท่ีมีโครงสร้างของภาษาท่ีเข้าใจง่าย ไม่ซับซ้อน มีประสิทธิภาพทางานสูง สามารถทางานที่ซับซ้อนได้โดยใช้คาส่ังเพยี งไม่กี่คาสั่งโปรแกรม SQL จึงเหมาะที่จะใชก้ ับระบบฐานข้อมลู เชิงสัมพนั ธ์และเปน็ ภาษาหนง่ึ ซงึ่ แบ่งการทางานเป็น 4 ประเภทดงั นน้ี ้ี 1) Select query ใชส้ าหรบั ดึงข้อมูลทีต่ อ้ งการ 2) Update query ใชส้ าหรับแก้ไขขอ้ มลู

15 3) Insert query ใช้สาหรบั เพม่ิ ข้อมลู 4) Delete query ใช้สาหรบั ลบข้อมลู ออกไป 2.6 งานวจิ ัยทเ่ี ก่ียวขอ้ ง สคมวิชช์ สุขภัทริทธิกุล(2556) ได้ศึกษาเร่ือง การพัฒนาระบบสารสนเทศการบันทึกข้อมูล แ ล ะ แ ผ น ผั ง ก า ร ติ ด ตั้ ง เ ค รื่ อ ง ค อ ม พิ ว เ ต อ ร์ เ พื่ อ ช่ ว ย บ า รุ ง รั ก ษ า เ ค รื่ อ ง ค อ ม พิ ว เ ต อ ร์ ส า ห รั บ ระบบสารสนเทศโรงพยาบาลศิริราช สถาบันมหาวิทยาลัยมหิดล ได้พัฒนาระบบโดยใช้ VISUAL STUDIO CODE เป็นเคร่ืองมือในการพฒั นาระบบและได้ใช้ภาษา PHP ในการเขียนชุดคาสั่ง ผลท่ีได้ คือ สามารถทางานไดอ้ ยา่ งถูกตอ้ งและตรงตามขอบเขตงาน วริญทร เจนชัย(2554) ได้ศึกษาเรื่อง การพัฒนาระบบบันทึกการเข้าชั้นเรียนผ่านบลูทูธ สาขาวิชาเทคโนโลยีสารสนเทศ มหาวิทยาลัยเทคโนโลยีสุรนารี ได้พัฒนาระบบโดยใช้ VISUAL STUDIO CODE เป็นเคร่ืองมือในการพัฒนาระบบและได้ใช้ภาษา PHP ในการเขียนชุดคาส่ัง ผลท่ีได้ คอื สามารถทางานได้อยา่ งถกู ตอ้ งและตรงตามขอบเขตงาน ณัศรุณ บนิ โหรน(2556) ไดศ้ ึกษาเรื่อง การพฒั นาต้นแบบระบบบันทึกเวลาปฏบิ ัติงานโดยใช้ โทรศัพท์สมาร์ตโฟน สาขาวิชาเทคโนโลยีสารสนเทศ มหาวิทยาลัยเทคโนโลยีสุรนารี ได้พัฒนาระบบ โดยใช้ VISUAL STUDIO CODE เป็นเครื่องมือในการพฒั นาระบบและได้ใช้ภาษา PHP ในการเขียน ชุดคาสัง่ ผลทีไ่ ด้ คอื สามารถทางานได้อย่างถกู ต้องและตรงตามขอบเขตงาน ศุภโชค ปิยะชัยวุฒิ(2554) ได้ศึกษาเรื่อง ระบบการจดบันทึกข้อมูลอิเล็กทรอนิกส์ สาขาวิชา เทคโนโลยีสารสนเทศ มหาวิทยาลัยเทคโนโลยีมหานคร ได้พัฒนาระบบโดยใช้ NOTEPAD++ เป็นเครื่องมือในการพัฒนาระบบและได้ใช้ภาษา PHP ในการเขียนชุดคาสั่ง ผลท่ีได้ คือ สามารถ ทางานไดอ้ ยา่ งถูกตอ้ งและตรงตามขอบเขตงาน พุทธิพงษ์ บุญชูวงศ์(2563) ได้ศึกษาเร่ือง ระบบบันทึกการปฏิบัติงานฝ่ายไอที (กรณีศึกษา บริษัท ทาคูนิ กรุ๊ป จากัด (มหาชน)) สาขาวิชาวิทยาการคอมพิวเตอร์ คณะวิทยาศาสตร์ มหาวทิ ยาลัยสยาม ไดพ้ ฒั นาระบบโดยใช้ VISUAL STUDIO CODE เป็นเครื่องมือในการพัฒนาระบบ และได้ใช้ภาษา PHP ในการเขียนชุดคาส่ัง ผลที่ได้ คือ สามารถทางานได้อย่างถูกต้องและตรงตาม ขอบเขตงาน

16 บทที่ 3 วธิ กี ารดาเนนิ งาน ระบบการบันทึกการปฏิบัติงาน จะดาเนินการตามตามหลักข้ันตอนของวงจรการพัฒนา ระบบ (System development Life Cycle : SDLC) ซง่ึ มีข้ันตอนการดาเนินงาน 7 ขน้ั ตอน ดงั นี้ 3.1 การกาหนดปัญหา (Problem Definition) 3.2 การวิเคราะห์ (Analysis) 3.3 การออกแบบ (Design) 3.4 การพัฒนา (Development) 3.5 การทดสอบ (Testing) 3.6 การติดต้ัง (Implement) 3.7 การบารุงรกั ษา (Maintenance) 3.1 การกาหนดปัญหา (Problem Definition) ผู้จัดทาระบบได้ศึกษาปัญหาของข้ันตอนการทางานพบว่าในการบันทึกการแจ้งซ่อมนั้น มีกระดาษใบงานบันทึกการแจ้งซ่อมเพียงอย่างเดียวซึ่งทาให้ส้ินเปลืองและอาจจะทาให้ กระดาษใบงานสูญหายได้อีกด้วย 3.2 การวเิ คราะห์ (Analysis) จากปัญหาที่พบ ผู้จัดทาได้ทาการวิเคราะห์ปัญหา โดยการนาระบบการบันทึกการปฏิบตั ิงาน มาช่วยในการบันทกึ การแจง้ ซอ่ มแทนกระดาษใบงาน เนือ่ งจากในปจั จุบันเว็บแอพพลิเคช่ันเป็นที่นิยม ใช้กันมาก จึงเหมาะสมที่จะนามาประยุกต์ใช้ในการบันทึกการแจ้งซ่อมให้กับเจ้าหน้าที่หรือผู้ที่มี ส่วนเกีย่ วข้อง 3.3 การออกแบบ (Design) ในการออกแบบหนา้ จอของระบบ จะทาการออกแบบให้สามารถใช้งานได้ง่าย ไม่ซบั ซ้อน มีความสะดวกในการใช้งาน มกี ารจัดรปู แบบนาเสนอข้อมูลทีเ่ ข้าใจงา่ ย ดังนน้ั ผู้จดั ทาจงึ ไดอ้ อกแบบ โครงสรา้ งการทางานของระบบทจี่ ะพฒั นาซึง่ มรี ายละเอยี ดในส่วนต่าง ๆ ดังน้ี

17 3.3.1 ผงั งาน (Flowchart) 3.3.1.1 ผังงานแสดงขัน้ ตอนการ Login เขา้ ใชง้ านระบบ ดังภาพท่ี 3.1 start กรอก username และ password ตรวจสอบผใู้ ช้ ไม่ถกู ตอ้ ง ระบบ ถูกต้อง เขา้ สรู่ ะบบ Stop ภาพที่ 3-1 ผงั งานแสดงข้ันตอนการ Login เข้าใชง้ านระบบ

18 3.3.1.2 ผังงานแสดงขน้ั ตอนการทางานของระบบ ดังภาพท่ี 3.2 start เพ่ิมขอ้ มูลการแจ้งปัญหา บันทกึ ปญั หาท่ีแกไ้ ขแล้ว ตรวจสอบ ปญั หาท่ียังไมไ่ ดแ้ ก้ไข บันทกึ ปิดงาน บนั ทึกการ ทาการ แก้ไข แก้ไข Stop ภาพท่ี 3-2 ผงั งานแสดงขนั้ ตอนการทางานของระบบ

19 3.3.2 การออกแบบฐานขอ้ มลู (Database Design) พจนานุกรมขอ้ มลู (Data Dictionary) จะแสดงรายละเอียดตา่ ง ๆ ของขอ้ มูลที่ใช้ งานในระบบทัง้ หมด แสดงสว่ นประกอบของขอ้ มูล ซึง่ ประกอบไปด้วย Relation, Aliases Name, Data Description, Attribute, Primary Key, Foreign Key ว่าเปน็ รูปแบบขอ้ มลู ชนดิ ใด มีความ กว้างเทา่ ไหร่ และดชั นีในการจดั เรยี งข้อมูล รวมทัง้ โครงสร้างต่าง ๆ เพอื่ ใช้ในการอ้างองิ ในการเขยี น ข้อมลู และการเขยี นโปรแกรมตอ่ ไป ซึง่ พจนานกุ รมข้อมลู ของเว็บแอพพลเิ คชนั่ จัดการขอ้ มลู หอพักบวั ธารา มีรายละเอยี ดตามตารางต่าง ๆ ดังน้ี ตารางท่ี 3-1 ข้อมลู ผูใ้ ชง้ าน (WORKER) Attribute Description Type PK FK Reference worker_no รหัสพนกั งาน varchar(20) ✓- - worker_name ชื่อผู้ใชง้ าน vachar(500) -- - worker_password รหัสผ่าน vachar(200) -- - nameworker_position ตาแหนง่ vachar(20) -- - worker_status สถานะ int(11) -- - ตารางท่ี 3-2 ขอ้ มูลการแจ้งปญั หา (PROJECT) Attribute Description Type PK FK Reference pj_no รหัสพนักงาน varchar(20) ✓- - pj_name ชอื่ -สกุล varchar(30) -- - pj_position ตาแหนง่ varchar(20) -- - pj_department แผนก varchar(20) -- - pj_call เบอรโ์ ทรมอื ถือ varchar(10) -- - pj_call2 เบอร์โทรภายใน varchar(10) -- - pj_date วนั เวลาแจง้ ปัญหา datetime -- - pb_name รายละเอยี ดปัญหา varchar(50) -- - pj_type ประเภทงาน int(11) -- - pj_channel ช่องทาง int(11) -- -

20 ตารางท่ี 3-2 (ตอ่ ) Description Type PK FK Reference Attribute วิธแี กไ้ ขปญั หา varchar(1000) วันเวลาแกไ้ ขปัญหา datetime -- - pj_fixdesc pj_fix_date -- - ตารางท่ี 3-3 ข้อมูลช่องทางติดตอ่ (JOB_CHANNEL) Attribute Description Type PK FK Reference job_channel_id รหัสชอ่ งทางตดิ ตอ่ int(11) ✓- - job_channel_name ช่องทางติดต่อ varchar(100) -- - ตารางที่ 3-4 ขอ้ มลู ประเภทงาน (JOB_TYPE) Attribute Description Type PK FK Reference job_type_id รหัสประเภทงาน int(11) varchar(100) ✓- - job_type_name ประเภทงาน -- - 3.3.2.1 แผนภาพแสดงความสมั พันธ์ข้อมลู ดงั ภาพที่ 3.3 ภาพที่ 3-3 แผนภาพแสดงความสมั พันธ์ข้อมลู

21 3.3.3 การออกแบบ User Interface 3.3.3.1 หน้าลอ็ กอนิ เข้าใช้งานระบบ ภาพท่ี 3-4 หนา้ ลอ็ กอนิ เข้าใช้งานระบบ 3.3.3.2 หนา้ แสดงรายการการแจง้ ปญั หา ภาพท่ี 3-5 หนา้ แสดงรายการการแจ้งปัญหา

22 3.3.3.3 หนา้ การเพ่ิมข้อมลู การแจ้งปญั หา ภาพท่ี 3-6 หนา้ การเพมิ่ ข้อมลู การแจง้ ปัญหา 3.3.3.4 หนา้ การแกไ้ ขขอ้ มูลการแจ้งปญั หา ภาพท่ี 3-7 หนา้ การแก้ไขขอ้ มูลการแจ้งปัญหา

23 3.3.3.5 หนา้ การสรุปข้อมูลการปฏิบัตงิ าน ภาพท่ี 3-8 หน้าการสรปุ ขอ้ มลู การปฏิบัตงิ าน 3.3.3.6 หน้าการค้นหาวธิ กี ารแกไ้ ขปญั หา ภาพที่ 3-9 หน้าการค้นหาวิธีการแก้ไขปญั หา

24 3.3.3.7 หน้าการจดั การผใู้ ช้ ภาพท่ี 3-10 หน้าการจดั การผู้ใช้ 3.3.3.8 หนา้ การเพ่ิมขอ้ มูลผู้ใช้ ภาพท่ี 3-11 หนา้ การเพิม่ ขอ้ มลู ผู้ใช้

25 3.3.3.9 หน้าการแก้ไขข้อมูลผู้ใช้ ภาพที่ 3-12 หนา้ การแกไ้ ขข้อมลู ผู้ใช้ 3.4 การพฒั นาระบบ (Development) ในการพัฒนาระบบเป็นขั้นตอนการทาหลังจากการวิเคราะห์และทาการออกแบบ เป็นท่ีเรียบร้อย แล้วในขั้นตอนการพัฒนาระบบไดใ้ ช้ฐานข้อมูลได้แก่ phpMyAdmin , ภาษา SQL ภาษาท่ีใช้พฒั นาได้แก่ HTML5, PHP, JAVASCRIPT และไดใ้ ชเ้ ครื่องมือไดแ้ ก่ Visual Studio Code, XAMPP ในการพฒั นาระบบ โดยปฏบิ ตั ติ ามหลักขัน้ ตอน SDLC ในการพฒั นาระบบ 3.5 การทดสอบระบบ (Testing) การทดสอบ (Testing) เป็นการทดสอบระบบว่าสามารถทางานได้อย่างถูกต้องหรือไม่ ก่อนที่จะดาเนนิ การตดิ ตง้ั ระบบ เพ่อื ใช้งานจริงต่อในการทดสอบระบบ อาจจะมีการจาลองเหตกุ ารณ์ และมีการบันทึกข้อมูลการเข้าใช้งานระบบพร้อมกับข้อมูลที่ถูกจาลองขึ้นมาเพื่อใช้ในการทดสอบ ระบบ

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

27 4.2 การใชง้ านระบบ 4.2.1 การลอ็ กอินเขา้ ใช้งานระบบ ภาพที่ 4-2 การล็อกอนิ เข้าใช้งานระบบ 4.2.2 การเพิ่มขอ้ มูลการแจ้งปญั หา ภาพที่ 4-3 การเพิม่ ข้อมลู การแจ้งปญั หา

28 4.2.3 เม่อื เพ่มิ ขอ้ มลู การแจง้ ปญั หาแลว้ ขอ้ มูลทเ่ี พม่ิ จะอยใู่ นหนา้ ตารางการแจง้ ปญั หา ภาพท่ี 4-4 ตารางการแจง้ ปัญหา 4.2.4 เม่ือแจ้งปัญหาแล้ว ขอ้ มูลทแ่ี จ้งจะถกู แยกเปน็ 2 แบบ คอื ยังไม่ปดิ งานและปิดงาน ภาพท่ี 4-5 สถานะการแจง้ ปัญหา

29 4.2.5 เม่ือเพม่ิ ข้อมูลการแจง้ ปัญหาแล้ว หากต้องการแกไ้ ขข้อมลู การแจง้ ปัญหากส็ ามารถ แกไ้ ขได้ ภาพท่ี 4-6 การแก้ไขขอ้ มลู การแจ้งปัญหา 4.2.6 สามารถดูผลสรุปในแตล่ ะเดือนไดด้ งั ภาพ ภาพที่ 4-7 การสรปุ ข้อมูลการปฏบิ ตั งิ าน

30 4.2.7 สามารถค้นหาวธิ กี ารแก้ปัญหาได้ดงั ภาพ ภาพที่ 4-8 การคน้ หาวธิ ีการแก้ไขปญั หา 4.2.8 สามารถเพ่ิมข้อมลู ผใู้ ช้ได้ดังภาพ ภาพท่ี 4-9 การเพิ่มขอ้ มลู ผู้ใช้

31 4.2.9 เม่ือเพมิ่ ขอ้ มูลผใู้ ช้แล้ว ขอ้ มลู ที่เพ่ิมจะอยใู่ นหนา้ จัดการผู้ใช้ ภาพท่ี 4-10 การจัดการผ้ใู ช้ 4.2.10 เมอ่ื เพมิ่ ข้อมลู ผใู้ ช้แลว้ หากต้องการแก้ไขขอ้ มลู ผูใ้ ช้ก็สามารถแกไ้ ขได้ ภาพที่ 4-11 การแกไ้ ขข้อมลู ผู้ใช้

32 บทที่ 5 สรปุ ผลและข้อเสนอแนะ 5.1 สรปุ ผลการดาเนนิ งาน การศึกษาโครงงาน “ระบบการบันทึกการปฏิบัติงาน” โดยผู้จัดทาได้ศึกษาแนวคิดและ ทฤษฎีเก่ียวกับเว็บแอพพลิเคชั่นและtemplate เพ่ือนามาประยุกต์ใช้ในโครงงานนี้และโครงงานนี้ จัดทาขึ้นเพ่ือใช้เป็นกรณีศึกษาและเป็นแนวทางให้สาหรับผู้ท่ีมีความสนใจในส่วนของการบันทึก การปฏบิ ตั ิงานผา่ นเวบ็ แอพพลิเคชนั่ ระบบท่ีผู้จัดทาทาเสร็จส้ินนี้ เราได้ระบบการบันทึกการปฏิบัติงานซึ่งระบบดังกล่าวได้ใช้ เครื่องมือในการพฒั นาระบบได้แก่ XAMPP, MYSQL และ VISUAL STUDIO CODE ภาษาที่ใช้ใน การเขยี นชดุ คาส่ังได้แก่ PHP, HTML และ SQL การทางานของระบบเป็นไปตามขอบเขตที่กาหนดไว้ และยังได้รับเว็บแอพพลิเคช่ันระบบการบันทึกการปฏิบัติงานโดยเป็นการทางานผ่าน Web Application และยังสามารถเกบ็ ข้อมูลไวใ้ นฐานจดั เกบ็ ขอ้ มลู การบนั ทึกงาน 5.2 ปัญหาและอุปสรรคที่พบ การออกแบบระบบไม่รองรับหน้าจอโทรศัพท์เน่ืองจากในระหว่างการฝึกสหกิจมีงานประจา จงึ ไมส่ ามารถทาระบบให้รองรบั หน้าจอโทรศพั ทไ์ ด้ 5.3 ข้อเสนอแนะ ควรออกแบบระบบใหร้ องรบั ทั้งหน้าจอคอมพิวเตอรแ์ ละหน้าจอโทรศพั ท์

33 บรรณานกุ รม ณศั รณุ บนิ โหรน. (2556). การพัฒนาตน้ แบบระบบบันทึกเวลาปฏิบตั ิงานโดยใชโ้ ทรศพั ท์สมาร์ตโฟน สาขาวิชาเทคโนโลยีสารสนเทศ มหาวทิ ยาลัยเทคโนโลยีสุรนารี. นครราชสีมา: มหาวิทยาลัย เทคโนโลยีสรุ นารี พทุ ธิพงษ์ บญุ ชวู งศ.์ (2563). ระบบบนั ทกึ การปฏบิ ัตงิ านฝา่ ยไอที (กรณศี กึ ษา บรษิ ัท ทาคนู ิ กรุ๊ป จากัด (มหาชน)) สาขาวิชาวิทยาการคอมพวิ เตอร์ คณะวิทยาศาสตร์ มหาวิทยาลยั สยาม. กรงุ เทพมหานคร: มหาวทิ ยาลัยสยาม วรญิ ทร เจนชัย. (2554). การพัฒนาระบบบันทกึ การเข้าชนั้ เรยี นผ่านบลทู ธู สาขาวชิ าเทคโนโลยี สารสนเทศ มหาวิทยาลัยเทคโนโลยสี ุรนารี. นครราชสีมา: มหาวทิ ยาลัยเทคโนโลยสี รุ นารี ศภุ โชค ปยิ ะชยั วฒุ .ิ (2554). ระบบการจดบันทกึ ขอ้ มลู อิเล็กทรอนกิ ส์ สาขาวิชาเทคโนโลยีสารสนเทศ มหาวิทยาลยั เทคโนโลยีมหานคร. กรุงเทพมหานคร: มหาวิทยาลยั เทคโนโลยมี หานคร สคมวิชช์ สขุ ภัทริทธิกุล. (2556). การพฒั นาระบบสารสนเทศการบนั ทกึ ข้อมลู และแผนผังการตดิ ตั้ง เครื่องคอมพิวเตอร์เพ่ือช่วยบารุงรักษาเคร่ืองคอมพิวเตอร์สาหรับระบบสารสนเทศ โรงพยาบาลศิรริ าช. นครปฐม: มหาวทิ ยาลัยมหดิ ล เว็บไซต์ ความสัมพนั ธ์ - e-Learning PSRU, สืบค้นวนั ท่ี 11 มีนาคม 2564, จาก: [ออนไลน์] http://www. lks.ac.th/sara/khwanjit/acc08.htm. ตัวอยา่ งTemplate, สืบคน้ วนั ที่ 5 มีนาคม 2564, จาก: [ออนไลน]์ https://blog.sogoodweb. Com/Article/Detail/44423/เทมเพลด. แผนภาพกระแสการไหลของขอ้ มลู ระดบั ท่ี 2 (Data Flow Diagram level 2), สบื คน้ วนั ท่ี 10 มนี าคม 2564, จาก: [ออนไลน์] https://sites.google.com/site/avafarmcrayfish/3-2-4- phaenphaph-krasae-kar-hil-khxng-khxmul- radab-thi-2-data-flow-diagram-level. สัญลักษณส์ าหรับการเขียนผงั งาน - Google Sites, สบื คน้ วนั ท่ี 10 มีนาคม 2564, จาก: [ออนไลน์] https://nutdnuy.medium.com/-421a5356adf1. หลักการทางานของระบบเครอื ข่ายแบบ Client-Server, สบื คน้ วนั ท่ี 12 มีนาคม 2564, จาก: [ออนไลน]์ https://sites.google.com/site/thanan571031081/client-server. DFD Level 0 – ระบบบริหารจัดการร้านค้าชุมชนหมู่บา้ นเหล่าน้อย, สบื ค้นวนั ที่ 11 มนี าคม 2564, จาก: [ออนไลน์] https://sites.google.com/site/bc83funds/home/data-folw- diagram.

34 ภาคผนวก ก ประวัตผิ จู้ ัดทา

35 ประวตั ผิ จู้ ดั ทา เร่อื ง : ระบบการบันทกึ การปฏบิ ัติงาน PERFORMANCE RECORDING SYSTEM ช่ือ-นามสกลุ สาขาวชิ า : นายปรเมศร์ ไพรสันต์ คณะ : เทคโนโลยสี ารสนเทศ ประวัติ : วทิ ยาศาสตร์และเทคโนโลยี : เกดิ วนั ที่ 26 พฤษภาคม พทุ ธศกั ราช 2541 การศกึ ษา : ทอ่ี ยูป่ ัจจุบนั บ้านเลขที่ 19/1 หมทู่ ่ี 4 ตาบลหลักแก้ว อาเภอวิเศษชยั ชาญ จังหวัดอ่างทอง 14110 : ระดบั อนบุ าล โรงเรยี นวัดคลองสาโรง : ระดับประถมศึกษา โรงเรยี นวัดคลองสาโรง : ระดบั มธั ยมศึกษาตอนตน้ โรงเรียนวเิ ศษไชยชาญ“ตนั ตวิ ทิ ยาภูม”ิ : ระดบั มัธยมศกึ ษาตอนปลาย โรงเรียนวิเศษไชยชาญ“ตนั ตวิ ิทยาภูมิ” : ระดบั ปรญิ ญาตรี สาขาเทคโนโลยีสารสนเทศ คณะวิทยาศาสตร์และเทคโนโลยี มหาวิทยาลัยเทคโนโลยีราชมงคลสุวรรณภูมิ ศูนย์พระนครศรีอยุธยา หันตรา