ระบบจดการงานซอมของ IT

Work Order Systems

ชยยพล พทธามนตสร

สารนพนธนเปนสวนหนงของการศกษา หลกสตรวทยาศาสตรมหาบณฑต สาขาวศวกรรมเครอขาย

คณะวทยาการและเทคโนโลยสารสนเทศ มหาวทยาลยเทคโนโลยมหานคร

ปการศกษา 2560

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

สารนพนธฉบบนสาเรจลลวงไปไดดวยความชวยเหลอและความอนเคราะหอยางดยงของ ดร.

สรณพร ภมวฒสาร อาจารยทปรกษาโครงการ ทไดใหค าแนะน าและขอคดเหนตางๆดวยดมาโดย

ตลอด ยงไดรบขอมลและค าแนะน าตางๆจากเพอนๆทมหาวทยาลยเทคโนโลยมหานครในการเขยน

และออกแบบโปรแกรม

ขอขอบพระคณ คณาจารยสาขาวชาเทคโนโลยสารสนเทศ มหาวทยาลยเทคโนโลยมหานคร

ทกๆทาน ทไดใหความรและค าแนะน าทดและเปนประโยชนแกตวผขาพเจา

สดทายน ขอขอบพระคณครอบครวและเพอนๆ พๆ นองๆ ในมหาวทยาลยเทคโนโลยมหา

นครทกๆทาน ทคอยใหกาลงใจในการท าสารนพนธนขนมา ท าใหมกาลงใจทจะพฒนาโครงงานจน

ส าเรจลลวงไดดวยด

ชยยพล พทธามนตสร

หวขอ ระบบจดการงานซอมของ IT Work Order Systems

นกศกษา นาย ชยยพล พทธามนตสร

รหสนกศกษา 5817660003

หลกสตร วทยาศาสตรมหาบณฑต

ปการศกษา 2560

อาจารยทปรกษา ดร. สรณพร ภมวฒสาร

บทคดยอ

สารนพนธนเปนการจดการระบบบรหารงานของ IT มระบบทเปนการจดการงานดาน

ทรพยสนขององคกรทเปนทรพยสนเกยวกบ IT ทงหมด ทงสวนทเปน Hardware และ Software

รวมถงระบบงานซอมบ ารงอปกรณอกดวย อกทงยงมระบบรบแจงปญหาของผใชงาน เพออ านวย

ความสะดวกใหผใชงานสามารถแจงปญหาทเจอขณะท างาน ให IT ไดรบรปญหาไดอยางรวดเรว ท า

ใหผใชงานสามารถท างานไดอยางราบรนมากยงขน

สารบญ

หนา

บทคดยอ………………………………………………………………………………………………………………..................I กตตกรรมประกาศ…………………………………………………………………………………………………………..…...II สารบญ…………………………………………………………………………………………………………………………….…III สารบญตาราง…………………………………………………………………………………………………........................V สารบญรปภาพ…................................................................................................................................VI

บทท 1 บทน า…………………………………………………………………….……………………………..……..………..…1 1.1 กลาวน า………………………………………………………………………………………….…………………1 1.2 ปญหาและแรงจงใจ…………………………………………………………………………………………….1 1.3 แนวทางการแกปญหา…………………………………………………………………………………………2 1.4 วตถประสงค………………………………………………………………………………………………………2 1.5 ขอบเขต………………………………………………………………..…………………………………………..2

1.5.1 ระบบจดเกบอปกรณ………………………………………………………………………………..2

1.5.2 ระบบรบการแจงซอม……………………………………………………………………………….2

1.6 ประโยชนทไดรบ………………………………………………………………………………………………..3 1.7 ระยะเวลาการด าเนนงาน.............................................................................................. ..4 บทท 2 พนฐานและทฤษฎทเกยวของ...……………………………………….....…………………………..…………5 2.1 การพฒนาโปรแกรมดวย OOP……..…….……………………………………….………….............5 2.2 UML ( Unified Modeling Language ) …………………………………………......................8 2.3 แผนภาพอธบายโครงสรางของระบบ…………………………………………………………………….9 2.3.1 แผนภาพคลาส ...........................................................................................................9 2.3.2 Object Diagram ………………………………………………………………………………………...13 2.3.3 Package Diagram……………………………………………………………………………………….13 2.3.4 Composite Structure Diagram…………………………………………………………………..13 2.3.5 Component Diagram…………………………………………………………………………….…..14 2.3.6 Deployment……………………………………………………………………………………………...14

สารบญ (ตอ)

หนา 2.4 แผนภาพอธบายพฤตกรรมของระบบ ( Behavior Model )......................................15 2.4.1 Use Case Diagram .......................................................................................15 2.4.2 Activity Diagram............................................................................................17 2.4.3 State Diagram................................................................................................18

2.4.4 Sequence Diagram.......................................................................................18

2.4.5 Communication Diagram............................................................................20

2.4.6 Timing Diagram………………………...................................................................20

2.4.7 Interaction Overview Diagram………….…………………………..……………........20

2.5 HTML ………………………………………………………………………………………......................25 2.5.1 โครงสรางของหลกของภาษา HTML………………………………………………………..25 2.6 PHP ( Personal Home Page )…………………….........................................................26 2.6.1 ความสามารถของภาษา PHP.................................................….......................26 2.7 CSS ( Cascading Style Sheet )……………………….....………………………………...........27

2.7.1 ประโยชนของ CSS ……..................…...............................................................28 2.8 JavaScript.................................................................................................................28 2.8.1 ลกษณะการท างานของ JavaScript…….………………………………………………....29 2.8.2 JavaScript กบ HTML………………………………………………………………………….29

2.9 Bootstrap Framework…………………………….……………………………………………..........30

2.9.1 ความสามารถของ Bootstrap Framework…..………………..…………..…..........30

2.9.2 ฐานขอมล MySQL....……………………………………………………….…….……..........32

2.9.3 ความสามารถและการท างานของ MySQL.....................................................32

2.9.4 ขอดของ MySQL……………………………………………………………………......….......33

2.9.5 ขอเสยของ MySQL…………………………………………………………..……...…..........33 2.10 โปรแกรมจ าลอง Server Xampp.............................................................................34

สารบญ (ตอ)

หนา

บทท 3 ออกแบบระบบ................................………………………......………………………………………………35 3.1 กลาวน า …….............................................................................................................35

3.2 การวเคราะหระบบเดม …………………………………………….…………....……....................36 3.3 การออกแบบระบบใหม………………………………………………….…………………..............36

3.4 ออกแบบระบบดวยแผนภาพ UML ………………………………………………………...........37

3.4.1 ออกแบบการท างานของระบบโดยภาพรวม………………………………................37

3.4.2 Activity Diagram……………………………………..….……………………...................42

3.4.3 แผนภาพ Sequence Diagram…………………….………………………….…..........48

3.4.4 แผนภาพ Class Diagram…………………………….………………………………........54

3.5 การออกแบบฐานขอมล…………………………………………………………………….…...............55

3.6 Entity Relationship Diagram…………………………………………………………..................59

3.7 Mapping Entity Relationship Diagram……………………………………………................60

บทท 4 ผลการด าเนนงาน…………………………………………………………………………………………............61

4.1 เครองทใชในการด าเนนงาน…………………………………………………………………................61

4.1.1 Hardware ทใชในการด าเนนงาน………………………………………………………........61 4.1.2 Software ทใชในการด าเนนงาน………………………………………………………..........61

4.2 ระบบเขาใชงาน หรอ Login…….…………..…………………………………………………............61

4.3 ระบบส าหรบ Admin (ผดแลระบบ)….…….………………………………………………............61

4.4 ขนตอนการท างานของระบบ ………………….………………………………………..………...........69

บทท 5 สรปผลการด าเนนงาน……………………………………………………………………………………….......87

5.1 ผลก ารด าเนนงาน …………………………………………………………………………………............87

5.2 ปญหาและขอจ ากด……………………………………………………………….………………….........88

สารบญตาราง

หนา ตารางท 1.1 ตารางการด าเนนงานโครงการ 1………………………………………………………………………......4

ตารางท 1.2 ตารางการด าเนนงานโครงการ 2………………………………………………………………………......4

ตารางท 2.1 ตารางแสดงสญลกษณของ Use Case Diagram…………………………………….……….......15

ตารางท 2.2 ตารางแสดงสญลกษณของ Sequence diagram…………………………………………….......19

ตารางท 3.1 ตารางฐานขอมลของ Hardware………………………………………………………….….………....56

ตารางท 3.2 ตารางฐานขอมลของ Software……………………………………………………………….……......56

ตารางท 3.3 ตารางฐานขอมลของ Helpdesk……………………………………………….………….….….........57

ตารางท 3.4 ตารางฐานขอมลของ Type…………………………………………………………………..…............57

ตารางท 3.5 ตารางฐานขอมลของ workorder………………………………………………………………...........58

ตารางท 3.6 ตารางฐานขอมลของ users……………………………………………………………………...….......58

สารบญรป

หนา รปท 2.1 ตวอยางของคลาส Employee …………………………………………………………………………..........5

รปท 2.2 แสดงคณสมบตของคลาสและวตถ …………………………………………………………….……….........6

รปท 2.3 แสดงตวอยางการสบทอดคณสมบต ……………………………………………………….…………..........6

รปท 2.4 แสดงสญลกษณความสมพนธแบบ Association……………………………………………….............7

รปท 2.5 แผนภาพแสดง UML Diagram …………………………………………………………….…………...........8

รปท 2.6 แสดงสญลกษณและสวนประกอบของ Class…………………………………………………….............9

รปท 2.7 แสดงความเกยวของกน (Association) …………………………………………………………............12

รปท 2.8 แสดงสญลกษณของ Deployment Diagram ………………………………………………….........14 รปท 2.9 แสดงสญลกษณของ Activity แสดงทางเลอก ………………………………………………..............18

รปท 2.10 สญลกษณของ Activity แสดงทางเลอกผานรปสเหลยมขนมเปยกปน………………..........18

รปท 2.11 ภาพตารางแสดง Sequence Diagram ………………………………………………………............20

รปท 2.12 ภาพแสดง Entity กบ Attribute…………………………………………………………………….........23

รปท 3.1 ภาพ Diagram การท างานของระบบ………………………………………………………………...........36

รปท 3.2 Use Case Diagram ระบบโดยรวม…………………………………………………………………..........37

รปท 3.3 แผนภาพแสดง Activity Diagram ของระบบ Login…………………………………………..........42

รปท 3.4 แผนภาพแสดง Activity Diagram ของระบบ Change Password……………………...........43

รปท 3.5 แผนภาพแสดง Activity Diagram ของระบบ Asset Management……………………........44

รปท 3.6 แผนภาพแสดง Activity Diagram ของระบบ Searching System……………………...........45

รปท 3.7 แผนภาพแสดง Activity Diagram ของระบบ IT Helpdesk……………………………...........46

รปท 3.8 แผนภาพแสดง Activity Diagram ของระบบตดตามการแจงซอม……………………….........47

สารบญรป (ตอ)

หนา รปท 3.9 แผนภาพแสดง Activity Diagram ของระบบ Manage Users……………………………........47

รปท 3.10 แผนภาพแสดง Sequence Diagram ระบบ Login………………………………………............48

รปท 3.11 แผนภาพแสดง Sequence Diagram ระบบ Change Password……………………….......49 รปท 3.12 Sequence Diagram ระบบ Asset Management……………………………………………….50 รปท 3.13 Sequence Diagram ระบบ IT Helpdesk……………………………………………………….....51 รปท 3.14 Sequence Diagram ระบบตรวจสอบและตดตามสถานะการซอม………………………....52 รปท 3.15 Sequence Diagram ระบบ Report…………………………………………………………...........53 รปท 3.16 แผนภาพ Class Diagram โดยรวม……………………………………………………………….........54 รปท 3.17 แผนภาพ Entity Relationship Diagram…………………………………………………….…......59 รปท 4.1 รปแสดงหนา Login………………………………………………………………………………………………61 รปท 4.2 รปแสดงหนาโปรแกรมส าหรบผดแลระบบ…………………………….………………………….........61 รปท 4.3 รปแสดงหนาโปรแกรมระบบ Hardware……………………………………………………………......62 รปท 4.4 รปแสดงหนา New Device ของ Hardware…………………………………………………….........63 รปท 4.5 รปแสดงหนาโปรแกรมระบบ Software…………………………………………………………...........63 รปท 4.6 รปแสดงหนาโปรแกรมระบบ Maintenance…………………………………………………….........64

รปท 4.7 รปแสดงหนาโปรแกรม New Maintenance…………………………………………………….........65

รปท 4.8 รปแสดงหนาโปรแกรมแกไข Maintenance……………………………………………………..........65

รปท 4.9 รปแสดงหนาโปรแกรม Preventive Maintenance ………………………………………………..66

รปท 4.10 รปแสดงหนาโปรแกรมแกไข Preventive Maintenance………………………………….......66

รปท 4.11 รปแสดงหนาโปรแกรมระบบ Service Requests…………………………………..……….........67

รปท 4.12 รปแสดงฟอรมกรอกขอมล…………………………………………………………………………….........68

รปท 4.13 รปแสดงผลของผใชงาน………………………………………………………………………………….......68

รปท 4.14 รปแสดงหนาเวบ login………………………………………………………………………………...........69

รปท 4.15 รปแสดงหนาเวบของ Admin……………………………………………………………………….......70

รปท 4.16 รปแสดงหนาเวบ User…………………………………………………………………………………........70

รปท 4.17 รปแสดงหนาเวบกรอกขอมลแจงซอม………………………………………………………...............71

สารบญรป (ตอ)

หนา รปท 4.18 รปแสดงหนาเวบแกไขขอมล………………………………………………………..………………..........71

รปท 4.19 รปแสดงระบบ Helpdesk……………………………………………………………………...…............72

รปท 4.20 รปแสดงระบบ Work Order……………………………………………………………………..............73

รปท 4.21 รปแสดงระบบ Assigned Job……………………………………………………………………...........73

รปท 4.22 รปแสดงระบบ Assigned Date and Time……………………………………….……….….........74

รปท 4.23 รปแสดงระบบสงการแจงเตอนเขา Line……………………………………………………….….......75

รปท 4.24 รปแสดงรายละเอยด Job Details…………………………………………………………….…..........76

รปท 4.25 รปแสดงเลอกรายการของ Helpdesk…………………………………………………………............77

รปท 4.26 รปแสดงรายงานของ Helpdesk…………………………………………………………………..…......77

รปท 4.27 รปแสดงการเพมขอมล Hardware………………………………………………………………..........78

รปท 4.28 รปแสดงการแจงเตอนการซ าของขอมล Hardware…………………………………………........78

รปท 4.29 รปแสดงการเพมขอมล Software………………………………………………………………............79

รปท 4.30 รปแสดงหนาโปรแกรม New Software…………………………………………………………........79

รปท 4.31 รปแสดงหนาโปรแกรมแกไข Software……………………………………………………………......80

รปท 4.32 รปแสดงหนาระบบ Configuration……………………………………………………………….........80

รปท 4.33 รปแสดงหนาระบบ Setup…………………………………………………………………………...........81

รปท 4.34 รปแสดงหนาแกไขระบบ Setup…………………………………………………………………...........82

รปท 4.35 รปแสดงหนาระบบ Manages…………………………………………………………………...............83

รปท 4.36 รปแสดงหนาแกไขระบบ Manages…………………………………………………………….…........83

รปท 4.37 รปแสดงการใชงานระบบ Hardware Report……………………………………….………..........84

รปท 4.38 รปแสดงเลอก Hardware Report……………………………………………………….…….............84

รปท 4.39 รปแสดง Hardware Report…………………………………………………………………….............85

รปท 4.40 รปแสดงการใชงานระบบ Helpdesk Report………………………………………………...........85

รปท 4.41 รปแสดงเลอก Helpdesk Report…………………………………………………………………........86

รปท 4.42 รปแสดง Helpdesk Report………………………………………………………………………...........86

1

บทท 1 บทน า

1.1 กลาวน า

การท างานของ IT เปนงานทตองรบผดชอบคอนขางเยอะ ไมวาจะเปนงานทางดานฮารดแวรหรอซอฟตแวร

อปกรณทเปนฮารดแวรกมหลายชนดซงสามารถแยกรายละเอยดไดดงน 1. อปกรณทเปนคอมพวเตอรและอปกรณตอพวง เชน ปรนเตอร สแกนเนอร 2. อปกรณทเกยวกบเนตเวรคเชน Router, Access Point หรอ Switching Hub 3. อปกรณดานความรกษาความปลอดภยเชน ระบบ CCTV และ ระบบ Access

Control

งานทางดานซอฟตแวร เกยวกบการใชโปรแกรมตางๆทใชอยในองคกร เชน 1. โปรแกรมเกยวกบงานเอกสาร เชน Microsoft Word, Excel เปนตน 2. โปรแกรมทใชเฉพาะงานของบรษทเชน โปรแกรมระบบ ERP 3. โปรแกรมบรหารงานบคคล 4. โปรแกรมเกยวกบการบญช

ดงนนบางคนเขามาท างานใหมไมเคยใชโปรแกรมมากอนกจะท าใหใชโปรแกรมไมเปนไมมความรความช านาญในการใชงาน จงท าใหเกดขอผดพลาดบอยครง ท าใหงานแจงซอมมมากขน ถาไมมระบบการแจงซอมทดเขามาชวยจดการกจะท าใหไมสามารถจดการปญหาไดอยางรวดเรวและมประสทธภาพ ดงนนควรมระบบบนทกการจดเกบขอมล เพอท าใหสามารถดขอมลหรอดรายงานการท างานยอนหลง จะไดรวาการท างานทผานมาเปนอยางไรมประสทธภาพมากนอยแคไหน

1.2 ปญหาและแรงจงใจ

ปญหาและแรงจงใจในการท าโครงงานนขนมากคอ เนองจากงานของ IT เปนงานทตองมการแจงซอมเขามาในแตละวนมจ านวนมากและการแจงซอมในแตละครงกจะหาเอกสารหรอหลกฐานในการแจงไมไดเพราะเปนการแจงทางโทรศพทหรอแจงโดยการบอกกลาว บางครงสามารถจดบนทกไดแตบางครงกไมสามารถบนทกได ท าไหไมรวาในแตละวนท าอะไรบางเพราะไมมเอกสารการแจงซอมหรอเอกสารการท างาน เวลาสรปผลการท างานประจ าเดอนกหาเอกสารมาสรปใหเจานายไมได จงเปนปญหาทเปนแรงจงใจในการท าโครงงานนขนมา

2

1.3 แนวทางการแกปญหา

ปญหาทเกดขนสามารถแกไขไดโดยใชโปรแกรมเขามาชวยจดการเพราะโปรแกรมมระบบจดการงานแจงซอมทอ านวยความสะดวกใหแกทงผแจงและผรบแจง เชน มระบบการแจงซอมและบนทกขอมลการท างาน ท าใหการท างานเปนระบบและระเบยบยงขน สามารถสรปงานเปนรายวนวาแตละวนไดท างานอะไรบาง ใครเปนผแจง เมอแจงแลวใครเปนผท าและใชเวลาในการแกไขกชวโมง เปนการบงบอกถงประสทธภาพในการท างานของ IT อกดวย

1.4 วตถประสงค

1.4.1 ท าใหการแจงซอมมความสะดวกมากขน 1.4.2 ท าใหการท างานของ IT มระบบทด มมาตราฐานในการท างาน 1.4.3 สามารถยอนดขอมลยอนหลงได

1.5 ขอบเขตของโครงงาน

ลกษณะการท างานของโปรแกรมแบงออกเปน 2 ระบบคอ

1.5.1 ระบบจดเกบอปกรณ

1. ระบบสามารถทจะบนทกการจดเกบของอปกรณทเกยวกบฮารดแวรทงหมดได เชน

รายละเอยดของอปกรณวาเปนรหสครภณฑอะไร รนและหมายเลขเครองอะไร ซอมาเมอไหรและ

สถานทตงของอปกรณวาอยทไหน ท าใหสามารถรไดวาบรษทของเรามอปกรณจ านวนเทาไหร ม

รายละเอยดของอปกรณเปนอยางไร

2. ระบบสามารถทจะใสรปภาพของอปกรณไดวาเปนอปกรณอะไร รปรางหนาตาเปน

แบบไหน สภาพการใชงานยงมสภาพดอยหรอไม

3. ระบบสามารถจดเกบขอมลของแผนก เชน ชอของแผนก สถานทตงของแผนก

4. ระบบสามารถจดเกบชอมลของพนกงาน เชน รายชอ ต าแหนง และเบอรโทรศพท

1.5.2 ระบบรบการแจงซอม

1. ระบบสามารถรองรบการแจงซอมจากพนกงานไดโดยรบการแจงซอมแบบออนไลน

หลงจากนนระบบจะท าการบนทกการแจงซอมวามการแจงซอมเมอไหร วนไหน เวลาเทาไหร ใครเปน

ผแจง และขอมลการแจงซอมจะไปถง IT ทนท

3

2. ระบบสามารถบอกสถานะการแจงซอมไดวาสถานะการแจ งซอมเปนอยางไร เชน

เมอมการแจงซอม จะมสถานะรปเปนสแดง ถามการแจงซอมแลวแตวางานยงไมเสรจสถานะจะแสดง

เปนรป Progressbar Circle หมนตลอดเวลา ถางานคางสถานะจะเปนรป Pending และถางานเสรจ

เรยบรอยแลวจะแสดงสถานะเปนรบเปนสเขยว

3. สามารถทจะก าหนดวนทคาดวาจะเสรจได

4. พนกงานระดบหวหนาสามารถก าหนดการท างานไดวาใครเปนผท า ใชเวลาท า

ประมาณกชวโมงงานถงส าเรจ ถางานไมเสรจกสามารถใสหมายเหตไดวาไมเสรจเพราะอะไร

5. ระบบสามารถปด Job ไดทนทถางานเสรจแลวโดยพนกงานทเปนคนท าหรอพนกงาน

ระดบหวหนา

6. พนกงานทเปนผแจงสามารถสงไฟลทเปนรปภาพหรอไฟลเอกสารแนบไปได

7. ระบบสามารถทจะยกเลกการแจงซอมไดในกรณทพนกงานผแจงตองการยกเลก

1.6 ประโยชนทไดรบ

1.6.1 สามารถใหบรการทมคณภาพและใชเปนเครองมอในการแกไขปญหาใหกบผใชงาน

1.6.2 สามารถน าความรทเรยนมาประยกตใชในการแกไขปญหาไดอยางมประสทธภาพ และสะดวกในการท างานมากยงขน

1.6.3 สามารถพฒนาความรและความสามารถในการเขยนโปรแกรมใหดยงขนได

1.6.4 สามารถน าโปรแกรมไปพฒนาเพอใหโปรแกรมมความสามารถมากยงขนและสามารถน าไปชวยแกปญหาใหกบองคกรทมปญหาเกยวกบระบบงาน IT ได

4

1.7 ระยะเวลาการด าเนนงาน

1.1 ตารางการด าเนนงานโครงการ 1

1.2 ตารางการด าเนนงานโครงการ 2

ระยะเวลาด าเนนงาน:โครงงานอสระ1 ม.ค. ก.พ. ม.ค. เม.ย พ.ค.

1.ศกษาและออกแบบโครงสรางของระบบ

2.ออกแบบระบบจดเกบอปกรณ

3.ออกแบบระบบแจงซอม

ระยะเวลาด าเนนงาน:โครงงานอสระ2 ส.ค. ก.ย. ต.ค. พ.ย ธ.ค.

1.เขยนโปรแกรมระบบจดเกบอปกรณ

2.เขยนโปรแกรมระบบแจงซอม

3.ทดสอบและสรปผลการท างานของโปรแกรม

5

บทท 2

พนฐานและทฤษฎทเกยวของ

2.1 การพฒนาโปรแกรมดวย OOP (Object-Oriented Programming)

การพฒนาโปรแกรมดวย OOP (Object Oriented Programming) หรอการเขยนโปรแกรมเชงวตถ เปนการเขยนโปรแกรมทมองสวนประกอบของโปรแกรมเปนเหมอนวตถ ทประกอบไปดวยคณสมบต (Property) ซงสามารถทจะบอกไดวาวตถนคออะไรมคณสมบตอยางไร กบวธการทเรยกวา Method เปนพฤตกรรมของวตถนนวาวตถนนสามารถท าอะไรไดบาง หลกการเขยนโปรแกรมแบบ OOP แบงออกเปนสวนๆ ไดดงน

Class and Sub Class

Encapsulate

Inheritance

Polymorphism

Abstract Data Type

คลาส (Class) คลาสแบงระดบการเขาถงสวนประกอบตางๆของคลาสได 3 ระดบคอ

1. ระดบแบบ Public มสญลกษณ + อยขางหนาจะอนญาตใหคลาสอนเขาถงและเรยกใช งานได

2. ระดบแบบ Private มสญลกษณ – อยขางหนาสามารถเรยกใชไดเฉพาะคลาสตวเองเทานน คลาสภายนอกไมสามารถเขาถงและเรยกใชได

3. ระดบแบบ Protected มสญลกษณ # อยขางหนาจะมคณสมบตเหมอนระดบ Private แตกตางกนตรงท ระดบ Protected สามารถายถอดคณสมบตไปยงคลาสลกได

รปท 2.1 ตวอยางของคลาส Employee

6

ออบเจกท (Object) หรอ อนสแตนซ (Instance)

ออบเจกท คอผลทเกดจากคลาส เปนกลมของคณสมบตทบอกขอบเขตชดเจนโดยมสถานะ (state) และพฤตกรรม (behavior) เปนของตนเอง จะมการเขยนคาก ากบไวดงรป

รปท 2.2 แสดงคณสมบตของคลาสและวตถ

การสบทอดคณสมบต (Inheritance)

Inheritance คอการสบทอดคณสมบต หลกการเขยนโปรแกรมตามแนวทางวธการแบบภาษาเชงวตถ (object-oriented programing) นนมองทกสงทกอยางเปนวตถลวนสบทอด (inherit) มาจากเบสคลาสหรอคลาสแม (base class หรอ supper class) ชอออบเจกท เรยกคลาสทไดรบการสบทอดคณสมบตวาซบคลาส (Sub Class) ซงซบคลาสหรอคลาสลกจะมคณสมบตเหมอนคลาสแมทกประการ

รปท 2.3 แสดงตวอยางการสบทอดคณสมบต

7

โพลมอรฟสซม (Polymorphism)

โพลมอรฟสซม (Polymorphism) มาจากภาษากรกแปลวาการเปลยนแปลงสภาพได เชนเดยวกบดนน ามนทสามารถน ามาปนเปนรปแบบตางๆไดตามตองการ หลกการเขยนโปรแกรมเชงวตถ( Object Oriented Programing ) นนการเปลยนรปแบบไดนมประโยชนมาก และสงทเปลยนแปลงรปแบบไดกคอเมธอด (method) ทสามารถสบทอดมาจากคลาสแม ( Base Class ) โดยการเปลยนแปลงความสามารถของเมธอดทเปนของคลาสแมใหตรงกบความตองการใชงานซงเรยกวาเมธอด โอเวอรไรด (method override) ประโยชนของโพลมอรฟสซมกคอชวยใหเราสามารถน าคลาสเดมทเคยสรางไวมาใชประโยชนได ถงแมวาคณสมบตของคลาสนนจะไมตรงตามความตองการของเราโดยสมบรณแตเรากสามารถทจะเปลยนแปลงหรอเพมความสามารถของมนภายในคลาสลก ( Sub Class ) ไดโดยทเราไมตองไปแกไขกบคลาสเดม ( Base Class )

เอนแคปซเลชน ( Encapsulation ) เอนแคปซเลชนคอแนวความคดทวา คลาสหรอออบเจกท ควรแยกโคดของสวนทเชอมตอกบ

โคดสวนประมวลผลซงกคอลอจก ( Logic ) หรอโพรเซส ( Process ) และฟลด ( Field ) ออกจากกนและสวนประมวลผลทงหมดควรจะถกซอนไว แมวาเราจะเปลยนแปลงโคดของสวนประมวลผลไปทงหมดหรอบางสวนโปรแกรมกยงสามารถใชงานคลาสหรอออบเจกทไดตามปกต นอกจากนแลว เอนแคปซเลชนยงชวยท าหนาทปองกนไมใหออบเจกทอนทเปนคนละออบเจกทเขาถงกนไดอยางอสระ จะมเฉพาะเมธอด (Methods) ทอยในออบเจกทเทานนทสามารถตดตอกบแอตทรบว ( Attribute ) ทอยในออบเจกทเดยวกนได

ความสมพนธระหวางคลาส ( Class Relationship ) ระบบโดยทวไปจะประกอบไปดวยคลาสหลายคลาส ซงแตละคลาสกจะมความสมพนธกน

หลายรปแบบ ดงรปท 2.4

รปท 2.4 แสดงสญลกษณความสมพนธแบบ Association

8

2.2 UML( Unified Modeling Language )

ยเอมแอล (UML) ยอมาจาก Unified Modeling Language เปนภาษาทใชอธบายแบบจ าลองตาง ๆ หรอเปนภาษาสญลกษณรปภาพทเปนมาตรฐาน ส าหรบใชในการสรางแบบจ าลองเชงวตถ โดยUML เปนภาษามาตรฐานส าหรบสรางแบบแมพมพใหกบระบบงาน เราสามารถใช UML ในการก าหนดรายละเอยดตางๆ ใชสรางระบบงานและจดท าเอกสารอางองใหแกระบบงานได

รปท 2.5 แผนภาพแสดง UML Diagram

UML เปนแผนภาพส าหรบการสรางตนแบบเชงวตถ ซงเรมพฒนาโดย Booch และ Rumbaugh ในป ค.ศ.1994 เพอพฒนาแผนภาพจากกระบวนการพฒนาระบบเชงวตถซงเปนทนยมในขณะนนอย 2 กระบวนการคอ Booch และ OMT ( Object Modeling Techniqur ) อก 2 ปตอมา Jacobson เจาของกระบวนการเชงวตถ Objectory ไดเขามารวมงานและในทสดแผนภาพ UML กถกยอมรบและปรบใหเปนมาตรฐานโดย OMG ( Object Management Group ) ซงเปนสถาบนกลางทเนนการสรางมาตรฐานดวยวธการเชงวตถ ในป ค.ศ.1997 ปจจบนไดพฒนา UML ไปจนถงเวอรชนท 2 หรอเรยกยอๆวา UML2 โดยมบรษทผลตซอฟตแวรหลายบรษทมารวมใหการสนบสนนและวจยเปนจ านวนมาก

9

การน า UML ไปใชงาน

1. ใชในลกษณะของการ Sketch

นกพฒนาระบบใช UML เปนเครองมอในการชวยสอสารระหวางผใชกบนกพฒนาระบบ

2. ใชในลกษณะของ Blueprint

นกวเคราะหระบบใชเพอออกแบบและบอกรายละเอยดทไดออกแบบไว (Detailed Design) ใหกบโปรแกรมเมอรเพอน าไปใชเขยนโปรแกรม

นกพฒนาระบบจะท าการวาด UML Diagrams กอน หลงจากนนกจะท าการแปลงไปส Executable Code UML ซงจะประกอบดวยแผนภาพ 13 แผนภาพ ทใชอธบายระบบในแงมมตางๆ ทสอดคลองกน โดยแบงกลมแผนภาพออกเปน 2 กลมใหญ คอ

1. แผนภาพอธบายโครงสรางของระบบ ( Structural Model ) 2. แผนภาพอธบายพฤตกรรมของระบบ ( Behavior Model )

2.3 แผนภาพอธบายโครงสรางของระบบ ( Structural Model )

2.3.1 แผนภาพคลาส ( Class Diagram ) เปนแผนภาพทใชแสดง Class และความสมพนธระหวาง Class ททางานรวมกนในแงตาง ๆ (Relation) โดยสญลกษณทใชในการแสดง Class นน จะแทนดวยสเหลยมทแบงออกเปน 3 สวนในการแสดงชอของ Class, Attribute, และ Methods ตามล าดบ สญลกษณ Class ประกอบดวย

Class Name คอชอของ Class

Attribute ของ Class คอคณสมบตของ Class

Methods หรอ Operation ของ Class คอพฤตกรรมของ Class

รปท 2.6 แสดงสญลกษณและสวนประกอบของ Class

10

จากทเราไดทราบแลววาคลาสจะประกอบดวยแอตทรบวต (attribute) ทใชบคณสมบตของ

คลาส และโอเปอเรชน (operation) ทใชบอกหนาทการท างานของคลาส แตระบบโดยทวไปแลว

ไมไดประกอบดวยคลาสเพยงคลาสเดยวเทานน แตระบบยงประกอบดวยคลาสหลายคลาส ซงแตละ

คลาสตางกท างานแตกตางหนาทกนไปโดยจะตองมการตดตอประสานการท างานของคลาสตาง ๆ เขา

ดวยกนเพอประกอบกนขนเปนการท างานทเปนระบบ การประสานการท างานของแตละคลาสเขา

ดวยกนนนเกดจาก ความสมพนธ (relationship) ทจะบอกไดวาแตละคลาสนนมหนาทการท างาน

สมพนธกบคลาสอนอยางไรบาง

รปแบบความสมพนธระหวางคลาสสามารถแบงออกไดเปนรปแบบตาง ๆ ดงตอไปน

1. การสบทอดคณสมบตของคลาส (Generalization)

ในการพฒนาระบบแบบเชงวตถ (Object Oriented Programming) นน วตถ

(object) สามารถทจะสบทอดคณสมบตตางๆจากคลาสหนงไปสอกคลาสหนงได โดย

คลาสทเปนผรบการสบทอดจะมคณสมบตเชนเดยวกบคลาสทเปนผใหการสบทอด ดรป

ขางลางประกอบ

จากรปจะเหนวาคลาส Disaster Recovery Administrator และคลาส DB

Administrator ตางกไดรบการสบทอดคณสมบตจากคลาส System Administrator

เหมอนกน หมายความวาถาคลาส System Administrator มคณสมบตทประกอบดวย

คณสมบตตาง ๆ อยางไรเชน เลขประจ าตว, ชอ, สกล, การศกษา ทง Disaster Recovery

11

Administrator และ DB Administrator กจะมคณสมบตทเปนคณสมบตตาง ๆดงกลาว

ขางตนเชนเดยวกนกบคลาส System Administrator

2. การเปนสวนหนงของ (Aggregation)

การเปนสวนหนงของคลาสนนหมายถงวาคลาสแตคลาสมความเปนสวนประกอบกน

อยางไรและมสวนประกอบเปนคลาสยอย ๆ อะไรบาง (ดรปขางลางประกอบ)

จากรปจะเหนไดวาคลาสบอน า (pond) ซงอาจจะมสวนประกอบตาง ๆ หลายสวน

เชน น า, ดอกบว, จอกแหน, ปลา ฯลฯ และมสวนประกอบสวนหนงเปนคลาสเปด (duck)

จะสงเกตวาถาเราน าคลาสเปดออกไปจากคลาสบอน า กจะไมท าใหคณสมบตของความ

เปนบอน านนหายไป ดงนนการเปนสวนหนงของจงหมายถงคลาสทเปนสวนประกอบยอย

ของคลาสหลก ถงแมวาจะไมมคลาสยอยเหลานกไมท าใหคณสมบตของความเปนคลาส

หลกสญเสยไปดงนนเราจงแทนความสมพนธในลกษณะนดวยเสนตรงทลากจากคลาสท

เปนสวนประกอบไปหาคลาสหลก โดยปลายเสนตรงใชรปสเหลยมขาวหลามตดสขาว เรา

เรยกความสมพนธในลกษณะนวาการเปนสวนหนงของ (a-part-of)

3. การเปนองคประกอบของ (Composition)

ความสมพนธในลกษณะนจะคลาย ๆ กบความสมพนธแบบเปนสวนหนงของ

(Aggregation) แตแตกตางกนตรงทคลาสสวนประกอบยอยนจะไมสามารถทน าออกจาก

สวนประกอบหลกได เพราะจะท าใหสวนประกอบหลกกจะสญเสยคณสมบตของความเปน

คลาสนนๆ ไป จดเปนองคประกอบทไมอาจขาดจากกนได

12

จากรปคลาสคารบเรเตอรเปนคลาสทเปนองคประกอบของคลาสรถยนต ถาเราน า

คารบเรเตอรออกจากรถยนตไปรถยนตกคงไมสามารถท างานได ดงนนคารบเรเตอรจง

เปนองคประกอบทไมอาจน าออกไปได เราแทนความสมพนธในลกษณะนดวยเสนตรงท

ลากจากคลาสทเปนองคประกอบไปหาคลาสหลก โดยปลายเสนตรงใชรปสเหลยมขาว

หลามตดสด า เราเรยกความสมพนธในลกษณะนวาการเปนองคประกอบของ

(Composition)

4. ความเกยวของกน (Association)

เปนความสมพนธของคลาสตางๆ ทอยในระบบ ซงจะท างานรวมกนดวย

ความสมพนธทเกยวของกนอยางเปนระบบ

รปท 2.7 แสดงความเกยวของกน (Association)

จากรปขางบนจะเหนไดวา คลาสนกศกษา (student) มความสมพนธกนคอ

ลงทะเบยน (enrolled) กบคลาสการลงทะเบยน (enrollment) และคลาสอาจารย

(professor) กมความสมพนธคอการบรรยาย ( instructs) ใหกบคลาสการสมนา

(seminar) ซงมลกษณะความสมพนธกนทตองมการเกยวเนองกน

13

จ านวนของสมาชกทอยในความสมพนธ (multiplicity)

จากความสมพนธของคลาสทมความสมพนธกนจะมการระบตวเลขและเครองหมาย เชน1,

0..*, 1..* ซงเครองหมายและตวเลขดงกลาวนจะใชระบถงจ านวนของสมาชกทอยในความสมพนธกน

ของคลาสแตละคลาส โดยตวเลขทปลายสดของคลาสฝงตรงกนขามจะใชบอกจ านวนของ

ความสมพนธของคลาสทอยอกฝงหนง

จากรปขางบนสามารถอธบายไดวา บรษท (company) สามารถมพนกงาน(person) ได

ตงแต 1 คนถงหลาย ๆ คน แตพนกงานหนงคนสามารถสงกดไดแคหนงบรษทเทานน โดยรปแบบนน

สามารถก าหนดไดโดยใชตวเลขตางประกอบกบเครองหมาย .. และ * โดยตวอยางรปแบบ

ความสมพนธแบบตาง ๆ มดงตอไปน

1..1 หนงถงหนง

0..* ศนยถงหลายๆ

1..* หนงถงหลายๆ

0..1 ศนยถงหนง

2..4 สองถงส

1..3,5 หนงถงสาม หรอถงหา

2.3.2 Object Diagram เปนแผนภาพแสดงความสมพนธแตละออบเจกต ในขณะนน โดยเปนการแสดงสถานการณหนงตามแผนภาพคลาส

2.3.3 Package Diagram เปนแผนภาพแสดงการจดกลมองคประกอบของระบบเปน Package และการขนตอกนระหวาง Package

2.3.4 Composite Structure Diagram เปนแผนภาพทแสดงโครงสรางภายในของคลาสComponent หรอ Use Case และจดทมการโตตอบระหวางองคประกอบกบสวนอนๆ ของระบบ

14

2.3.5 Component Diagram เปนไดอะแกรม ทแสดงโครงสรางของ Software ท

ประกอบดวยองคประกอบทอยในรปแบบตางๆ เชน Binary, text และ executeable ภายใน

Component Diagram กจะมความสมพนธทแสดงอย เชนเดยวกบ Class Diagram, Object

Diagram เปนไดอะแกรมทแสดงโครงสราง และความสมพนธกนของซอฟตแวรโดยคอมโพเนนตจะ

ประกอบไปดวย Source Code และ Runtime หรอ Executable Component

2.3.6 Deployment เปนไดอะแกรมทแสดงความเกยวของกบสวนของฮารดแวรและซอฟทแวรโดยตรง Deployment Diagram จะเกดจากสงทเรยกวาโหนด (Node) มาประกอบกน ซงโหนดจะเปนฮารดแวรหลกๆของระบบโดยจะแบงโหนดออกเปน 2 ประเภทไดแก Processor กบ Device

รปท 2.8 แสดงสญลกษณของ Deployment Diagram

15

2.4 แผนภาพอธบายพฤตกรรมของระบบ ( Behavior Model )

2.4.1 Use Case Diagram ใชในการมองภาพรวมของระบบและความตองการตางๆ ซงสามารถบอกไดวาใครเกยวของกบระบบงานใดและมงานหลกๆอะไรบาง Use Case Diagram จะประกอบไปดวยผทกระท า (Actor) ยสเคส (Use Case) และความสมพนธระหวางยสเคสกบผทกระท า Actor คอผทกระท ากบระบบหรอยสเคสโดยจะเปนคนหรอไมกได และจะแทนดวยรปคน (Stick Man)

สญลกษณ ความหมาย

Actor

ผทกระท ำกบยสเคสหรอระบบ จะควบคมดแล

กจกรรมตำงๆของระบบ

Use Case

หนำทหรองำนตำงๆใน

ระบบ

Connection

แสดงควำมสมพนธกนระหวำง Use Case กบ Actor

System

เสนแบงขอบเขตระหวำงระบบกบ Actor ม Use Case

อยภายใน

ตารางท 2.1 ตารางแสดงสญลกษณของ Use Case Diagram

16

สญลกษณทส าคญของ Use Case Diagram มดงตอไปน

Use Case คอ หนาทหรองานตางๆของระบบทตองท า ใชสญลกษณรปวงร

Actor คอ ผทกระท ากบระบบ อาจจะเปนผทสงขอมลหรอรบขอมล ซงรวมทง Primary Actor และ Stakeholder Actor ทเปนมนษย จะใชสญลกษณรปคน (Stick Man) เหมอนกน พรอมทงเขยนชอ Actor ไวดานลางของสญลกษณ แตหาก Actor ไมใชมนษย เชน เปนระบบงานอนทเราไมใหความสนใจ จะใชรปสเหลยมแลวเขยนค าวา “<<actor>>” ไวดานบนแทน

System Boundary เสนแบงขอบเขตระหวางระบบกบผกระท า (Use Case กบ Actor) ใชรปสเหลยมเปนสญลกษณ พรอมทงเขยนชอของระบบไวดานใน

Connection ค อ เ ส นท ล า ก เ ช อ ม ต อ ร ะห ว า ง Actor ก บ Use Case ท มความสมพนธกน โดยใชเสนตรงทไมมหวลกศรเปนสญลกษณของการเชอมตอ สวน Connection ทใชเชอมตอระหวาง Use Case กบ Use Case ในกรณท Use Case นนมความสมพนธซงกนและกน จะใชสญลกษณเสนตรงมหวลกศร พรอมทงเขยนชอความสมพนธไวตรงกลางเสนดวย โดยเขยนไวภายในเครองหมาย <<...>>

Extend Relationship เปนความสมพนธแบบขยายหรอเพม เกดขนในกรณทบาง Use Case ด าเนนกจกรรมของตนเองไปตามปกต ซงการเขยนสญลกษณ Extend Relationship จะเขยนใน Connection เชน <<extend>>

Include Relationship ความสมพนธอกรปแบบหนงของ Use Case Diagram กคอ ความสมพนธแบบเรยกใชเกดขนในกรณท Use Case หนงไปเรยกหรอดงกจกรรมของอก Use Case หนงมาใชเพอใหกจกรรมนนเกดขนจรงใน Use Case ของตนเอง

17

2.4.2 Activity Diagram เปนแผนภาพแสดงกจกรรมหรอกระบวนการทางธรกจทอยในขอบเขตของระบบ รวมทงการไหลของขอมล และเทคนคทใชในการอธบายล าดบขนของกจกรรม รวมถงกระบวนการด าเนนการตางๆ และบทบาทของผทด าเนนการกจกรรมนนๆ

จดประสงคของการใช Activity Diagram คอ

ใชส าหรบแสดงกจกรรมตางๆตามล าดบขนของการด าเนนงาน

ใชส าหรบแสดงกจกรรมทมสวนเกยวของกบขอมลตางๆ

ใชส าหรบแสดงกลมของกจกรรมทมความเชอมโยงสมพนธกน

ใชส าหรบการจดการกบขอมลและกจกรรมทสงผลใหเกดการเปลยนแปลงของขอมล

ใชส าหรบแสดงใหเหนกระบวนการทางธรกจทกระท าโดยผทเกยวของกบกจกรรมนน การไหลของขอมลทใชในกระบวนการทางธรกจนน

สญลกษณใน Activity Diagram

กจกรรม (Activity)

เสนทางการไหลของกจกรรม

กรณ Synchronization และ Join

จดเรมตน

จดสนสด

แสดงการไหลของออบเจกต (Object Flow) ( ----> )

รปแบบการใช activity diagram มหลายแบบไดแก

แบบทวไป

แบบมทางเลอกใหตดสนใจ

แบบทมการท างานพรอม ๆ กนหลายงาน

แบบการสงสญญาณ

18

การสรางทางเลอกใน Activity Diagram สามารถท าได 2 วธคอ 1. ใชลกศรของแตละทางเลอกไปยง activity ผลลพธของทางเลอกโดยตรง

รปท 2.9 แสดงสญลกษณของ Activity แสดงทางเลอก

2. ใชลกศรของแตละทางเลอกผานรปสเหลยมขนมเปยกปนกอน

รปท 2.10 สญลกษณของ Activity แสดงทางเลอกผานรปสเหลยมขนมเปยกปน

2.4.3 State Diagram เปนแผนภาพทแสดงสถานะตางๆ และการเปลยนสถานะของ ออบเจกต เมอมเหตการณมากระทบ หรอเมอออบเจกตนนถกสงใหท างานอยางใดอยางหนง ในการเขยน State Diagram นนสงทตองค านงถงกคอตองเขยน State ใหครบทงหมดกอน โดยยงไมตองค านงถงรายละเอยดของแตละ State และTransition มากนก แตทส าคญคอตองไมม State และTransition ใดหายไป แลวการท State Diagram จะมความละเอยดมากขนนนอยทการขนตอนของ Design Phase จนสามารถน าไปสรางเปนโปรแกรมได

2.4.4 Sequence Diagram เปนแผนภาพแสดงกจกรรมการโตตอบกนระหวางออบเจกต เพอตอบสนองตอการใชงานจากผใชระบบ Sequence Diagram เปน Diagram ทประกอบไปดวย Class หรอ Object เสนทใชเพอแสดงล าดบเวลา และเสนทใชเพอแสดงกจกรรมทเกดขนจาก Object หรอ Class ใน Diagram ภายใน Sequence Diagram จะใชสเหลยมแทน Class หรอ Object ซงภายในกรอบสเหลยมจะมชอของ Object หรอ Class ประกอบอยในรปแบบ { Object } : Class กจกรรมทเกดขนจะแทนดวยลกศรแนวนอนทชจาก Class หรอ Object หนงไปยง Class หรอ Object หนงทอยถดไป

19

สญลกษณ

ความหมาย

Actor

Object , Class

Lifeline

Call Message

Message ทออบเจคผสงเรยกใชเมทธอดของ Object ผรบ

Return Message

Message ทใชสงขอมลหรอผลลพธทถกรองขอจำกObject

ผรบกลบไปผสง

Self Message

Message ทมกำรประมวลผลหรอกำรคนคำทไดภำยใน

Object

Focus of Control

ตารางท 2.2 ตารางแสดงสญลกษณของ Sequence diagram

สญลกษณ ใน Sequence diagram

รปสเหลยม วตถหรอ Class แทนดวยรปสเหลยมเรยงกนตามแนวนอน ภายในใสชอ Object : Class

Actor เปนรปทมชอวา stickman ท Communicate กบ Object

เสนปะ ตามแนวตง จะแสดงถงชวตของวตถ

20

รปสเหลยมแนวตง ทตรงกบต าแหนงเดยวกบวตถเรยกวา Activation แสดงถงชวงเวลาทวตถก าลงท างานอย

เสนลกศร ท าหนาทสงขอความระหวางวตถ (message)

Self Message คอ Message ทมกำรประมวลผลหรอกำรคนคำทไดภำยใน Object

ตวอยางการแสดง Sequence Diagram ของระบบสงสนคา

รปท 2.11 ภาพตารางแสดง Sequence Diagram

2.4.5 Communication Diagram เปนแผนภาพแสดงการโตตอบกนระหวางออบเจกตเหมอนกบแผนภาพ Sequence Diagram แตจะเนนการสอสารและสง Message กนระหวางออบเจกต

2.4.6 Timing Diagram เปนแผนภาพแสดงการเปลยนสถานะ หรอแสดงเงอนไขขององคประกอบตางๆ ของระบบตามเวลาทก าหนด

2.4.7 Interaction Overview Diagram เปนแผนภาพทแสดงภาพรวมของกระบวนการธรกจเชนเดยวกนกบ Activity Diagram

21

Entity-Relationship Diagram

เปนแผนภาพทนยมใชน าเสนอหรอใชเปนเครองมอในการออกแบบโครงสรางฐานขอมลในระดบ

ความคดในลกษณะของแผนภาพเพอท าใหงายตอความเขาใจ จะประกอบดวย

1. Entity คอ บคคล สงของ สถานท หรอกลมของขอมลทตองการจดเกบ

บคคล เชน พนกงาน เจาหนาท อาจารย นกศกษา

สถานท เชน อาคารเรยน หองเรยน

สงของ เชน โตะ เกาอ โซฟา

กลมของขอมล เชน ขอมลการขาย การลงทะเบยน การจองหอง

สามารถแบงเอนทต ได 2 ประเภท คอ

Strong Entity เปนเอนทตท ไมขนกบเอนทตอนๆ หรอ เรยกอกอยางหนงวา Regular

Entity

Weak Entity เปนเอนทตทตองขนอยกบเอนทตอน เรยกวาเปนเอนทตทออนแอ

สญลกษณแสดงแทนเอนทต

Strong Entity หรอ Regular Entity Weak Entity

2. แอทรบวต (Attributes) ของแตละเอนทต คอ คณสมบตของเอนทตหรอขอมลของเอนทตทเรา

สนใจจะเกบ เชน STAFF ประกอบดวยแอทรบวต รหสพนกงาน, ชอ, นามสกล, ทอย, โทรศพท,

ต าแหนง, เพศ, วนเกด, เงนเดอน และรหสสาขา

22

ประเภทของแอทรบวต

Simple Attribute คอแอทรบวตทมองคประกอบ เชน เพศ เงนเดอน

Composite Attribute คอ แอทรบวตทมองคประกอบมากกวา 1 ตว แตมความอสระตอกน

เชน ทอย จะประกอบดวย บานเลขท หมท ต าบล อ าเภอ และจงหวด

Single-value Attribute คอ แอทรบวตทเกบคาขอมลเพยงคาเดยว เชน เพศ กตองมคา

ขอมลทเกบเพยง 1 คา คอ หญง หรอ ชาย เทานน

สญลกษณแสดงแทน แอทรบวต

Simple Attribute Multivalued Attributes Derived Attributes

สญลกษณแสดงแทน แอทรบวต Composite Attribute

Key Attributes

• เปนแอทรบวตทสามารถบงบอกความเปนเอกลกษณของเอนทตนนได มคาของขอมลทไมซ า

• เชน Key Attribute ของเอนทตนกศกษา คอ รหสของนกศกษา เปนตน

• เวลาเขยน ERD ใหขดเสนใตชอแอทรบวตทเปนคย

Name

Fname

Lname

23

ตวอยางสญลกษณ Key Attributes

ตวอยางของเอนทตกบแอทรบวต

รปท 2.12 ภาพแสดง Entity กบ Attribute

Tname Teacher

Tid

24

3. ความสมพนธ (Relationship) ระหวางเอนทตเปนความสมพนธระหวางเอนทตเปนความสมพนธ

ทเกดขนตามธรรมชาต เชน

1. นกศกษา มความสมพนธกบ อาจารยทปรกษา

2. นกศกษา มความสมพนธกบ การลงทะเบยน

3. พนกงาน มความสมพนธกบ สาขาทตนสงกดอย

สญลกษณความสมพนธ โดยระบชอความสมพนธลงไป เชน

4. ดกรของความสมพนธคอ จ านวนเอนทตการมสวนรวม ความสมพนธนนๆ ม 4 รปแบบ คอ

1. Unary ความสมพนธระหวางเอนทตตวเดยวกนหรอเรยกวา Recursive Relationship

2. Binary ความสมพนธระหวางสองเอนทต

3. Ternary ความสมพนธระหวางสามเอนทต

4. Quaternary ความสมพนธระหวางสเอนทต

Has

25

2.5 HTML ( Hypertext Markup Language )

HTML ยอมาจาก Hypertext Markup Language เปนภาษาคอมพวเตอรภาษาหนง ทมโครงสรางการเขยนโดยมตวก ากบหรอทเรยกวา Tag เปนสวนทควบคมการแสดงผลตางๆทหนาเวบเชน แสดงขอความ รปภาพ หรอวตถ อน ๆ ผานโปรแกรมเบราเซอร แตละ Tag อาจจะมสวนขยาย เรยกวา Attribute ส าหรบระบ หรอควบคมการแสดงผล ของเวบไดดวย ภาษา HTML เปนภาษาทถกพฒนาโดย World Wide Web

การเขยนโปรแกรมดวยภาษา HTML นนจะประกอบดวยโครงสรางหลก 2 สวนคอ Head และ Body

รายละเอยดค าสงของ HTML โดยการใชงานหลกจะมดงน 1. Tag เปนลกษณะเฉพาะของภาษา HTML ใชในการระบรปแบบของค าสง

Tag HTML จะอยภายในเครองหมาย less-than bracket ( < ) และ greater-than bracket ( > ) เชน <html>

Tag HTML แบงได 2 ลกษณะ คอ 1.Tag เดยว เปน Tag ทไมตองมการปดรหส เชน <HR>, <BR> เปนตน 2.Tag เปด/ปด รปแบบของ tag นจะเปนแบบ <tag> .... </tag> โดยท <tag> เราเรยกวา tag เปด </tag> เราเรยกวา tag ปด

2. Attributes เปนตวบอกรายละเอยดของ tag นนเชน <span align = 'left'> ... </span> เปนการบอกวาใหอกษรทอยใน tag นชดซาย

3. not case sensitive หมายถงถาจะพมพ <BR> หรอ <br> กได ผลลพธออกมาเหมอนกน 2.5.1 โครงสรางของหลกของภาษา HTML

โครงสรางหลกของ HTML กจะเรมดวย <html> และจบดวย </html> เสมอ ซงชดค าสงทใชจะแยกเปน 2 สวนคอ

1) Head ค าสงทอยในสวนนจะใชบรรยายรายละเอยดเกยวกบ web page ซงจะไม แสดงผลท web page โดยตรง

2) Body ค าสงทอยในสวนนจะใชในการจดรปแบบตวอกษร จดหนา ใสรปภาพ ซง ตวอกษรในสวนนจะแสดงท Web Brower โดยตรง.

26

2.6 PHP ( Personal Home Page ) PHP ถกสรางขนในป ค.ศ.1994 โดย Rasmus Lerdorf ตอมามผใหความสนใจเปนจ านวน

มาก จงไดออกเปนแพคเกจ "Personal Home Page" ซงเปนทมาของ PHP โดยภาษา PHP เปนแบบ Server Side Script หมายถงจะท างานทฝง Server เปนหลก และเปน Open Source ทผใชทวไปสามารถดาวนโหลดโปรแกรมไปใชไดฟรไมมคาใชจายไดท http://www.php.net

ลกษณะของ PHP ทแตกตางจากภาษาสครปตแบบอนๆ คอ PHP ไดรบการพฒนาและออกแบบมา เพอใชงานในการสรางเอกสารแบบ HTML โดยสามารถสอดแทรกโคดภาษา PHP ลงไปใน HTML ไดเลยและสามารถทจะแทรกลงตรงไหนกไดใน HTML Tag ดงนนจงกลาววา PHP เปนภาษาทเรยกวา server-side เปนเครองมอทส าคญชนดหนงทชวยใหเราสามารถสรางเอกสารแบบ Dynamic HTML ไดอยางมประสทธภาพท าใหมลกเลนมากยงขน

PHP ยงสามารถรองรบการสอสารกบการบรการในโพรโทคอลตางๆ เชน LDAP IMAP SNMP NNTP POP3 HTTP และอนๆ อกมากมาย สามารถเปด Socket บนเครอขายโดยตรง และ ตอบโตโดยใชโพรโทคอลใดๆกได PHP มการรองรบส าหรบการแลกเปลยนขอมลแบบ WDDX Complex กบ Web Programming

PHP นนเปนสวนทใชในการค านวณ เกบคา ประมวลผล และท าตามค าสงตางๆ อยางเชน รบคาจากแบบ form ทเราท า รบคาจาก Form Input และเกบไวเพอน ามาแสดงผลตอไป เวบไซตจะแสดงการโตตอบกบผใชได ตองมภาษา PHP เปนสวนประมวลผล สวนภาษา HTML หรอ JavaScript ใชเปนเพยงแคตวควบคมการแสดงผลเทานน

ภาษา PHP มลกษณะเปน embedded script หมายความวาเราสามารถฝงค าสง PHP ไวในเวบเพจรวมกบค าสง(Tag) ของ HTML ได โดยเปดและปดดวยแทก(Tag) ของ PHP กครงกได และไฟลของ PHP มนามสกลเปน .php

2.6.1 ความสามารถของภาษา PHP

1. เปนภาษาทมลกษณะเปนแบบ Open source ผใชสามารถ Download และน า Source code ของ PHP ไปใชไดโดยไมเสยคาใชจาย

2. เปนสครปตแบบ Server Side Script ดงนนจงท างานบนเวบเซรฟเวอร ไมสงผลกบการท างานของเครอง Client โดย PHP จะอานโคด และท างานทเซรฟเวอร จากนนจงสงผลลพธทไดจากการประมวลผลมาทเครองของผใชในรปแบบของ HTML ซงโคดของ PHP นผใชจะไมสามารถมองเหนทหนาเวบได

27

3. PHP สามารถท างานไดในระบบปฎบตการทตางชนดกน เชน Unix, Windows, Mac OS หรอ Risc OS อยางมประสทธภาพ เนองจาก PHP เปนสครปตทตองท างานบนฝงเซรฟเวอร ดงนนคอมพวเตอรส าหรบเรยกใชค าสง PHP จงจ าเปนตองตดตงโปรแกรมเวบเซรฟเวอรไวดวย เพอใหสามารถประมวลผล PHP ได

4. PHP สามารถท างานไดในเวบเซรฟเวอรหลายชนด เชน Personal Web Server (PWS), Apache, OmniHttpd และ Internet Information Service (IIS) เปนตน

5. ภาษา PHP สนบสนนการเขยนโปรแกรมเชงวตถ ( Object Oriented Programming ) 6. PHP มความสามารถในการท างานรวมกบระบบจดการฐานขอมลทหลากหลาย ซงระบบ

จดการฐานขอมลทสนบสนนการท างานของ PHP เชน Oracle, MySQL, FilePro, Solid, FrontBase, mSQL และ MS SQL เปนตน

7. PHP อนญาตใหผใชสรางเวบไซตซงท างานผานโปรโตคอลชนดตางๆ ได เชน LDAP, IMAP, SNMP, POP3 และ HTTP เปนตน

8. โคด PHP สามารถเขยน และอานในรปแบบของภาษา XML ได

2.7 CSS ( Cascading Style Sheet ) CSS ยอมาจาก Cascading Style Sheet มกเรยกโดยยอวา "สไตลชต" คอภาษาทใช

ในสวนของการจดรปแบบการแสดงผลเอกสารของ HTML โดยท CSS ก าหนดกฏเกณฑในการระบ รปแบบ (หรอ Style) ของเนอหาในเอกสารอนไดแก สของขอความ สพนหลง ประเภทตวอกษร และการจดวางขอความ ซงการก าหนดรปแบบ หรอ Style นใชหลกการของการแยกเนอหาเอกสาร HTML ออกจากค าสงทใชในการจดรปแบบการแสดงผล ก าหนดใหรปแบบของการแสดงผลเอกสาร ไมขนอยกบเนอหาของเอกสาร เพอใหงายตอการจดรปแบบการแสดงผลลพธของเอกสาร HTML โดยเฉพาะในกรณทมการเปลยนแปลงเนอหาเอกสารบอยครง หรอตองการควบคมใหรปแบบการแสดงผลเอกสาร HTML มลกษณะของความสม าเสมอทวกนทกหนาเอกสารภายในเวบไซตเดยวกน โดยกฏเกณฑในการก าหนดรปแบบ (Style) เอกสาร HTML ถกเพมเขามาครงแรกใน HTML 4.0 เมอปพ.ศ. 2539 ในรปแบบของ CSS level1 Recommendations ทก าหนดโดยองคกร World Wide Web Consortium หรอ W3C

28

2.7.1 ประโยชนของ CSS

1. ภาษา CSS จะชวยในการจดรปแบบแสดงผลใหกบภาษา HTML ซงจะชวยลดการใชภาษา HTML ใหนอยลง โดยเหลอเพยงแตสวนทเปนเอกสารทเปนภาษา HTML เทานนท าใหมการแกไขและท าความเขาใจไดงายขน

2. ท าใหขนาดไฟล HTML นอยลงเนองจาก ภาษา CSS จะชวยลงการใชภาษา HTML ลงท าใหขนาดไฟลนนกเลกลงไปดวยเชนกน

3. ภาษา CSS เปนภาษา Style Sheets โดย Style Sheets ชดเดยวสามารถใชก าหนดรปแบบการแสดงผลใหเอกสาร HTML ทงหนา หรอทกหนามผลเหมอนกนได จงท าใหเวลาทมการแกไขกจะแกไขไดงายขนเพยงแกไข Style Sheets ทใชงานเพยงชดเดยวเทานน

4. ท าใหเวบไซตมมาตราฐานเพราะการใชงาน CSS นนจะท าใหการแสดงผลในสอตางๆถกปรบเปลยนไปไดอยางเหมาะสม เชนการแสดงผลบนหนาจอ และการแสดงผลในมอถอ

5. CSS สามารถทจะใชงานไดหลากหลาย เวบบราวเซอร ท าใหการใชงานนนสะดวกมากยงขน

6. CSS มคณสมบตมากกวา tag ของ html เชน การก าหนดกรอบใหขอความ รวมทงส รปแบบของขอความทกลาวมาแลว

7. CSS สามารถก าหนดแยกไฟลไวตางหากจากไฟลเอกสาร html และสามารถน ามาใชรวมกบเอกสารหลายไฟลไดเพราะการแกไขกแกเพยงจดเดยวกมผลกบเอกสารทงหมด

CSS ถอวาเปนมาตราฐานททกเวบไซตตองมในปจจบน โดยการใช attribute ของ HTML ตกแตงเอกสารเวบเพจนนเปนเรองทลาสมยแลว

2.8 JavaScript

JavaScript เปนภาษายคใหมส าหรบการเขยนโปรแกรมบนระบบอนเทอรเนตทก าลงไดรบความนยมอยางสง เราสามารถเขยน โปรแกรม JavaScript เพมเขาปในเวปเพจเพอใชประโยชนส าหรบงานดานตาง ๆ ทงการค านวณ การแสดงผล การรบ-สงขอมล และทส าคญคอ สามารถโตตอบกบผใชไดอยางทนททนได นอกจากนยงมความสามารถดานอนๆ อกหลายประการทชวยสรางความนาสนใจให กบเวบเพจของเราไดอยางมาก ภาษาจาวาสครปตถกพฒนาโดย เนตสเคปคอมมวนเคชนส (Netscape Communications Corporation) โดยใชชอวา Live Script ออกมาพรอมกบ Netscape Navigator2.0 เพอใชสรางเวบเพจโดยตดตอกบเซรฟเวอรแบบ Live Wire ตอมาเนตสเคปจงไดรวมมอกบ บรษทซนไมโครซสเตมสปรบปรงระบบของบราวเซอรเพอใหสามารถตดตอใชงานกบภาษาจาวาได และไดปรบปรง Live Script ใหมเมอ ป 2538 แลวตงชอใหมวา JavaScript

29

2.8.1 ลกษณะการท างานของ JavaScript JavaScript เปนภาษาสครปตเชงวตถ หรอเรยกวา ออบเจกโอเรยลเตด (Object

Oriented Programming) ทมเปาหมายในการออกแบบและพฒนาโปรแกรมในระบบอนเทอรเนต

ส าหรบผเขยนเอาสารดวยภาษา HTML สามารถท างานขามแพลตฟอรมไดท างานรวมกบ ภาษา

HTML และภาษาจาวาไดทงทางฝงไคลเอนต (Client) และ ทางฝงเซรฟเวอร (Server) โดยมลกษณะ

การท างานดงน

1. Navigator JavaScript เปน Client-Side JavaScript ซงหมายถง JavaScript ท

ถกแปลทางฝงไคลเอนต (หมายถงฝงเครองคอมพวเตอรของผใช ไมวาจะเปนเครอง PC หรอ

Laptop) จงมความเหมาะสมตอการใชงานของผใชทวไปเปนสวนใหญ

2. LiveWire JavaScript เปน Server-Side JavaScript ซงหมายถง JavaScript ท

ถกแปลทางฝงเซรฟเวอร (หมายถงฝงเครอง คอมพวเตอรของผใหบรการเวบ สามารถใชไดเฉพาะกบ

LIveWire ของเนตสเคป โดยตรง

2.8.2 JavaScript กบ HTML

การเขยน JavaScript เราอาจเขยนรวมอยในไฟลเดยวกนกบ HTML ได ซงแตกตาง

จากการเขยนโปรแกรมภาษา Java ทตอง เขยนแยกออกเปนไฟลตางหาก ไมสามารถเขยนรวมอยใน

ไฟลเดยวกบ HTML ได วธการเขยน JavaScript เพอสงใหเวปเพจท างาน มอยดวยกน 2 วธ ดงน

1. เขยนดวยชดค าสงและฟงกชนของ JavaScript เอง

2. เขยนตามเหตการณทเกดขนตามการใชงานจากชดค าสงของ HTML เมอเรมใชงาน

โปรแกรมบราวเซอร จะอานขอมลจากสวนบนของเพจ HTML และท างานไปตามล าดบจาก บนลง

ลาง (top-down) โดยเรมทสวน < HEAD >......................< /HEAD > กอนจากนนจงท างานในสวน

< BODY >...< /BODY > เปนล าดบตอมา

30

2.9 Bootstrap Framework Bootstrap คอ Front-end Framework ตวหนง ค าวา front-end หมายถง สวนท

แสดงผลให คนใชงานทวไปเหน พดงายๆ กคอหนาเวบไซตนนเอง สวนค าวา framework นนจะหมายถง สงทเขามาชวยก าหนดกรอบของการท างานใหเปนไปในแบบเดยวกน ในสมยกอน ยงไมม framework ปญหาทพบเปนประจ าในการท างานรวมกนกคอ ตางคนตางท า คนหนงเขยนแบบหนง สวนอกคนกเขยนอกแบบหนง พอใครจะมาแกงานตอหรอพฒนาตอกจะท าไดยากเพราะไมไดมการก าหนดขอตกลงกนไวลวงหนา ท าใหเสยเวลาโดยใชเหต framework จะเขามาแกปญหาตรงน โดยมนจะเปนตวก าหนดใหสมาชกทท างานรวมกนเขาใจตรงกนและปฏบตไปในแนวทศทางเดยวกน

Bootstrap สามารถชวยใหเขยนเวบไซตไดสวยงามและรวดเรว โดยไมตองยงยากกบการจดหนาใหสวยงาม และใชเวลาทเหลอในการพฒนาความสามารถหลกของเวบไซต โดย อาศย framework ทมอยแลวใหเกดประโยชน หนงในขนตอนการพฒนาเวบไซตกคอการก าหนด template และ styling ของเวบไซต เชนการออกแบบ CSS การจดหนา การ styling components ตางๆเชน Input Box, Button และโครงสรางหนาตางๆ ถอวาเปนขนตอนหนงทกนเวลาเปนอยางมาก

2.9.1 ความสามารถของ Bootstrap Framework ใน Bootstrap มหลายสงทเรา

สามารถใชได อาทเชน

การจด layout หนาแบบ Grid System โดยจะแบงหนาเวบเพจของเราออกเปน 12 สวนในแนวนอน โดยไมตองใช <table> และตงความกวางเอง

รปไอคอนตางๆสามารถน ามาใชในปมได เชนปมเพม, บนทก, ลบ เปนตน

31

Alert Box ทท างานดวย Javascript ท าใหเราไมจ าเปนตองเขยน Javascript เอง และม script เพอการใชงานอยางอนอกมากมาย

Form Inputs ตางๆ เชนชองกรอกขอความ ปม Dropdown Check Box, Radio Button ซง Bootstrap ไดท าออกมาสวยงามและจดไวอยางเหมาะสม

Input Type : Text and Password

Input Type : Check Box

Input Type : Radio Button

32

CSS Styles ตางๆ เชนสไตลของตวอกษรประเภทตางๆ (Typography) เชน <h1> <p> เปนตน ไปจนถงสไตลส าหรบตาราง <table> รป <img> โดยเพยงแคใส class ลงไป

2.9.2 ฐานขอมล MySQL

MySQL อานวา มายเอสควแอล เปนระบบจดการฐานขอมล ( Relational Database Management System ) โดยใชภาษา SQL ในการเขาถงฐานขอมล แมวา MySQL เปนซอฟตแวรโอเพนซอรส แตแตกตางจากซอฟตแวรโอเพนซอรสทวไป โดยมการพฒนาภายใตบรษท MySQL AB ในประเทศสวเดน โดยจดการ MySQL ทงในแบบทใหใชฟร และแบบทใชในเชงธรกจ MySQL สรางขนโดยชาวสวเดน 2 คน และชาวฟนแลนด ชอ David Axmark, Allan Larsson และ Michael "Monty" Widenius.

MySQL คอ โปรแกรมระบบจดการฐานขอมล ทพฒนาโดยบรษท MySQL AB มหนาทเกบขอมลอยางเปนระบบ รองรบค าสง SQL เปนเครองมอส าหรบเกบขอมล ทตองใชรวมกบเครองมอหรอโปรแกรมอนอยางบรณาการ เพอใหไดระบบงานทรองรบ ความตองการของผใช เชนท างานรวมกบเครองบรการเวบ (Web Server) เพอใหบรการแกภาษาสครปตทท างานฝงเซฟเวอร (Server-Side Script) เชน ภาษา php หรอภาษา JSP เปนตน หรอท างานรวมกบโปรแกรมประยกต (Application Program) เชน ภาษา Visual ภาษา Java หรอภาษา C# เปนตน โปรแกรมถกออกแบบ ใหสามารถท างานไดบนระบบปฏบตการทหลากหลาย และเปนระบบฐานขอมลโอเพนทซอรท (Open Source)ทถกน าไปใชงานมากทสด

2.9.3 ความสามารถและการท างานของ MySQL

MySQL ถอเปนระบบจดการฐานขอมล (DataBase Management System (DBMS) ฐานขอมล มลกษณะเปนโครงสรางของการเกบรวบรวมขอมลการทจะเพมเตม เขาถงหรอประมวลผล ขอมลทเกบในฐานขอมลจ าเปนจะตองอาศยระบบจดการ ฐานขอมล ซงจะท าหนาทเปนตวกลาง ในการจดการกบขอมลในฐานขอมลทงส าหรบการ ใชงานเฉพาะ และรองรบการท างาน ของแอพลเคชน

33

อนๆ ทตองการใชงานขอมลในฐานขอมล เพอใหไดรบความสะดวกในการจดการ กบขอมลจ านวนมาก MySQL ท าหนาทเปนทงตวฐานขอมลและระบบจดการฐานขอมล MySQL เปนระบบจดการฐานขอมลแบบ Relational ซงฐานขอมลแบบRelational จะท าการเกบขอมลทงหมดใหอยในรปแบบของตารางแทนการเกบขอมลทงหมดลงเพยงไฟลเดยว ท าใหท างานไดรวดเรวและมความยดหยนสง นอกจากนนแตละตารางทเกบขอมลสามารถเชอมโยงเขาหากนท าใหสามารถรวมหรอจดกลมขอมลไดตามตองการโดยอาศยภาษา SQLทเปนสวนหนงของโปรแกรม MySQL ซงเปนภาษามาตรฐานทใชในการเขาถงฐานขอมล

MySQL เปนโปรแกรมทเปดเผยรายละเอยดซอรสโคด (Opensource) หมายความวาใครทสนใจพฒนา MySql และสามารถเขยนโปรแกรมดวยภาษา C ไดกสามารถน าเอา Source Code ของ

โปรแกรม MySQL ซงเขยนดวยภาษา C ไปดดแปลง ปรบปรง แกไข ใหตรงกบทตองการไดทนทโดยไมผดกฎหมายและใชไดกบทกระบบปฏบตการ

2.9.4 ขอดของ MySQL

1. สามารถเอา Source Code ของโปรแกรมมาพฒนาตอยอดได

2. สามารถน าไปใชไดกบทกระบบทกแพลตฟอรม 3. เนองจากเปนทนยมกนอยางแพรหลายจงสามารถหาขอมลการใชงานไดงายและหาไดงายกวา SQL server ทเปนโปรแกรมเสยเงน

4. ใชทรพยากรเครองนอยแตม performance สง 5. มผใหบรการ Server สวนใหญรองรบฐานขอมล MySql มากกวาฐานขอมลแบบอน

2.9.5 ขอเสยของ MySQL

- การใชงานจะยากกวา SQL server เพราะจะตองสรางฐานขอมล ดวย Command line

- เครองมอมใหใชไดนอยกวา SQL Server หรอ Access ซง Mysql จะเหมาะ

ส าหรบใชงานในระบบงานขนาดเลกถงขนาดกลางมากกวา

34

2.10 โปรแกรมจ าลอง Server Xampp Xampp เปนโปรแกรมทจ าลองเครองตวเองเปน Web Server โดยมตวโปรแกรมทท างาน

รวมกนกบ Web Server น ารวมกนเปน Package เพอสะดวกในการตดตง ทงยงมตวชวยในการ ปรบแตงอตโนมตอกดวย และตวโปรแกรมยงออกแบบใหท างานแบบ Portable ได ดงนนจงสามารถ Copy ใส FlashDrive ไปเปดกนเครองอนไดอยางงายดาย โปรแกรม Xampp จะมาพรอมกบ PHP ภาษาส าหรบพฒนาเวบแอพลเคชน, MySQL ภาษาฐานขอมล, Apache จะท าหนาทเปนเวบเซรฟเวอร อกทงยงมาพรอมกบ phpMyadmin ระบบบรหารฐานขอมลผาน Web Browser แบบ GUI ทพฒนาดวยภาษา PHP เพอใชเชอมตอไปยงฐานขอมล สนบสนนฐานขอมล MySQL และ SQLite โปรแกรม Xampp จะอยในรปแบบของไฟล Zip, tar, 7z หรอ exe โปรแกรม Xampp อยภายใตใบอนญาตของ GNU General Public License แตบางครงอาจจะมการเปลยนแปลงเรองของลขสทธในการใชงาน ตองตดตามและ Update ขอมลอยเสมอ

ค ายอของ XAMPP คอยอมาจาก X = Cross Platform (Windows,MAC OSX,Solaris and Linux) A = Apache M = MySQL P = PHP P = Perl ในการใชงานเบองตนใหดบเบลคลก Xampp Control Panel Application แลวท าการ

คลกปม start services ตางๆทตองการใชงาน จากนนสามารถใชงานได โดยเปด Browser ขนมาพมพ localhost หรอ 127.0.0.1

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

1. Windows สามารถใชงานไดกบ windows xp, vista, windows 7 2. Linux ส าหรบ SuSE, RedHat, Mandrake, Debian และ Ubuntu 3. Mac OS X 4. Solaris ส าหรบ Solaris 8 และ Solaris 9

35

บทท 3

การออกแบบ

3.1 กลาวน า

ในบทนกลาวถงการด าเนนงานและออกแบบระบบการท างานของโปรแกรมซงโปรแกรมนมการท างานหลกอย 3 ระบบดวยกนคอ

1. ระบบ Asset เปนระบบทดแลและจดการสวนทเปนอปกรณ IT ทงหมดซงแบงออกเปน

ระบบยอยไดดงน

ระบบ Hardware เปนระบบทจดเกบอปกรณทเปน Hardware เชน

Computer, Printer หรอ Access Point เปนตน

ระบบ Software เปนระบบทจดเกบขอมลเกยวกบโปรแกรมรวมถงสวนท

เปนคาลขสทธของโปรแกรม

Maintenance เปนระบบทจดการเกยวกบการซอมแซมอปกรณสามารถด

ไดวาอปกรณไหนมการซอมหรอเปลยนอะไหลอะไรไปบาง

Preventive Maintenance เปนระบบทชวยใหเราดแลรกษาหรอปองกน

เพอไมใหอปกรณเสยหาย ท าใหเราสามารถใชงานอปกรณไดนานยงขน

Report เปนสวนทใชส าหรบออกรายงานของอปกรณ

2. ระบบ Helpdesk เปนระบบทจดการเกยวกบการแจงซอม ซงจะแบงยอยออกเปน 3

ระบบคอ

Service Requests เปนระบบรบงานแจงซอมจากผใชงาน ซงจะบอก

สถานะการแจงซอมและปดงานแจงซอม

Work Order เปนระบบทส าหรบก าหนดงานซอมใหเจาหนาท IT เปนซอม

งานหลงจากทไดรบการแจงซอม

Report ใชส าหรบออกรายงานการแจงซอม

3. ระบบ Configuration เปนระบบทใชส าหรบปรบแตงระบบและจดการผใชระบบเชน

เพมขอมลตางๆของระบบ สราง แกไข และลบผใชงาน

36

3.2 การวเคราะหระบบเดม

การท างานในระบบเกานนมปญหาการท างานหลายอยางคอระบบจดเกบทรพยสนของ IT ระบบงานแจงซอมและระบบจดเกบขอมล ซงสรปไดดงน

1. ขาดรปแบบทดในการบนทกขอมลทเปนทรพยสนของบรษท 2. ขาดความสะดวกในการแจงซอมและตดตอกบ IT 3. ไมมระบบในการตดตามสถานะของงานแจงซอม 4. ไมมระบบในการตดตามดรายงานความคบหนาของงาน 5. ไมมระบบการจดเกบขอมล ท าใหยากแกการคนหา 6. จดเกบขอมลดวยไฟล Excel ท าใหไมมความสะดวกในการใชงาน 7. ไมระบบออกรายงานหรอ report ขอมล 8. ผบรหารไมไดรบรายงานทสมบรณ ท าใหไมสามารถน าไปวเคราะหผลงานของ IT ได

3.3 การออกแบบระบบใหม

จากการวเคราะหปญหาของระบบงานเดม ท าใหทราบถงปญหามากมาย จงไดออกแบบระบบงานใหม โดยน าขนตอนการแจงปญหาของผใชงานมาผานระบบเพอเปนศนยกลางในการรวบรวมจดการปญหา และมการก าหนดขนตอนการด าเนนการแกไข โดยทขอมลทไดรบแจงและทเกบในระบบฐานขอมล (Database) ซงงายตอการน ามาประมวลผลหาขอสรปเพอน าไปใชในการแกปญหาตอไป

รปท 3.1 ภาพ Diagram การท างานของระบบ

37

3.4 ออกแบบระบบดวยแผนภาพ UML ( Unified Modeling Language ) ลกษณะการออกแบบโปรแกรม จะใชการออกแบบดวยแผนภาพยเอมแอล (UML Diagram)

ขอดของการใช UML ในการออกแบบคอ ท าใหมองเหนภาพรวมของระบบไดใกลเคยงมากทสด จงท าใหเขาใจงาย 1. เปนภาษาทมระบบแบบแผน สามารถอานและท าความเขาใจไดในทศทางเดยวกน 2. ใชเปนเครองมอในการพฒนาไดทงระบบ

3.4.1 ออกแบบการท างานของระบบโดยภาพรวม ใช Use Case Diagram

รปท 3.2 Use Case Diagram ระบบโดยรวม

38

จากภาพท 3.2 Use Case Diagram ระบบโดยรวม สามารถอธบายรายละเอยดการท างานของระบบแบบ Use Case Specification ไดดงน

Use Case Specification ระบบ Login

1. Primary Actor

User และ IT Staff

2. Stakeholders and their interests

User ตองการเขาสระบบเพอแจงซอมทรพยสนและตดตามสถานะการแจงซอม

IT Staff ตองการเขาสระบบเพอดแลและจดการระบบ ทงระบบจดการทรพยสนและระบบแจงซอม

3. Precondition

User ตองท าการ Login เขาสระบบกอนจงจะสามารถใชงานได

IT Staff ตองท าการ Login เขาสระบบกอนจงจะสามารถจดการระบบได 4. Postcondition

User ใชงานในสวนตางๆของระบบไดตามสทธในการใชงาน เชน แจงซอม คนหาและตดตามงานแจงซอม

IT Staff จดการและดแลระบบ ทงระบบจดการทรพยสนและระบบแจงซอม 5. Main Success Scenario

User และ IT Staff กรอก Username และ Password

ระบบท าการตรวจสอบ Username และ Password

ระบบท าการตรวจสอบสทธในการใชงาน

สามารถใชงานไดตามสทธทไดตงไวในระบบ

Use Case Specification ระบบ Change Password

1. Primary Actor

User และ IT Staff

2. Stakeholders and their interests

User และ IT Staff ตองการเขาสระบบเพอเปลยนพาสเวรดของตนเอง

39

3. Precondition

User และ IT Staff เขาสระบบเพอกรอกพาสเวรด 4. Main Success Scenario

User และ IT Staff กรอก Username และ Password

ระบบท าการตรวจสอบ Username และ Password

ระบบแจงใหเปลยนพาสเวรดโดยการใสพาสเวรดเกากอน

ใสพาสเวรดใหมครงทหนง

ใสพาสเวรดใหมครงทสอง ตองตรงกบครงทหนง

ระบบท าการตรวจสอบพาสเวรดอกครงวาพาสเวรดทไดกรอกมาทงสองครงตรงกนหรอไม

ระบบท าการตรวจสอบและเปลยนพาสเวรดใหใหม

ระบบแจงวาเปลยนพาสเวรดส าเรจแลว

Use Case Specification ระบบ Asset Management

1. Primary Actor

IT Staff เทานน

2 Stakeholders and their interests

IT Staff ตองการเขาระบบเพอจดการทรพยสน 1. Precondition

IT Staff ตอง Login กอนเขาสระบบ

IT Staff จดการระบบทรพยสน 2. Postcondition

IT Staff จดการระบบ เชน เพม ลบ และ แกไขในสวนตางๆของระบบทรพยสน

3. Main Success Scenario

IT Staff เลอกแบบฟอรมทตองการ

ระบบแสดงแบบฟอรมทเลอกขนมาแสดง

IT Staff ท าการคยขอมลของทรพยสนลงในแบบฟอรม

ระบบบนทกขอมลลงฐานขอมล

40

Use case Specification ระบบ Searching

1. Primary Actor

User และ IT Staff

2. Stakeholders and their interests

User และ IT Staff ตองการคนหาขอมลการแจงซอม

IT Staff คนหารายละเอยดของทรพยสนทมในระบบ 3. Precondition:

User และ IT Staff ตองการเขาสระบบ

มการแสดงรายละเอยดทรพยสนทมอยในระบบ

มการแสดงรายละเอยดขอมลการแจงซอม 4. Postcondition:

IT Staff ดรายละเอยดทรพยสนทงหมดทมอยในระบบ

ระบบแสดงขอมลการแจงซอม

5. Main Success Scenario

ระบบแสดงแบบฟอรมการคนหาทรพยสนหรอตดตามงานแจงซอม

ท าการกรอกขอมลทตองการ

ถาเปนการคนหาทรพยสนระบบกจะแสดงรายละเอยดของทรพยสน

ถาเปนการคนหางานแจงซอมระบบจะแสดงสถานะของการแจงซอม

Use case Specification ระบบ IT Helpdesk

1 Primary Actor

User และ IT Staff

2 Stakeholders and their interests

User ตองการแจงปญหาและคนหาขอมลงานแจงซอม

IT Staff ตองการบรหารจดการงานแจงซอม 3 Precondition:

User และ IT Staff ตองการเขาสระบบ

41

4 Postcondition:

IT Staff จดการงานซอมท User ไดแจงซอมเขามา

User ท าการแจงซอมและคนหาขอมล 5 Main Success Scenario

User เลอกเมนการแจงซอม

ระบบแสดงแบบฟอรมส าหรบแจงซอม

User ท าการกรอกขอมล

ระบบบนทกลงฐานขอมล

ระบบแสดงสถานะการแจงซอม

IT Staff ท าการปด Job

Use case Specification ระบบ Manage User

1 Primary Actor

IT Staff

2 Stakeholders and their interests

IT Staff ตองการเขาระบบเพอจดการ User เชน เพม ลบ แกไข 3 Precondition:

IT Staff ตองท าการ Login เขาสระบบกอน

มการแสดงรายละเอยดขอมลของ User ทมอยในระบบ

4 Postcondition:

IT Staff เขาระบบเพอบรหารจดการ User

ระบบแสดงขอมลทงหมดของ User

5 Main Success Scenario

ระบบแสดงฟอรมส าหรบจดการ User

IT Staff กรอกรายละเอยดของ User ลงในแบบฟอรม

เสรจแลวท าการสงขอมล

ระบบบนทกขอมลลงฐานขอมล

42

3.4.2 Activity Diagram เปนไดอะแกรมแสดงล าดบกจกรรมของการท างาน (work flow) โดยการแสดงทางเลอกทเกดขนและขนตอนการท างาน โดยประกอบไปดวยสถานะตางๆ ทเกดขนระหวางการท างาน

Activity Diagram ของระบบ Login

รปท 3.3 แผนภาพแสดง Activity Diagram ของระบบ Login

หลกการท างานของระบบ Login อธบายตามทแสดงดงภาพท 3.3 Activity Diagram ของระบบ Login สามารถอธบายขนตอนการท างานไดดงน

1. User และ IT Staff ท าการ login ระบบ โดยท าการกรอก Username และ Password

2. ระบบจะท าการตรวจสอบ Username และ Password โดยการน าเอา Username และ Password ไปตรวจสอบกบฐานขอมลวาถกตองหรอไม

3. ถาระบบตรวจสอบแลวไมถกตองระบบจะใหใส Username หรอ Password ทผดใหมอกครง

4. ถาถกตองระบบกจะอนญาตใหเขาใชงานได

43

ระบบ Change Password เปนระบบทปองกนไมใหใครสามารถน าพาสเวรดของเราไปใชไดทง User และ IT Staff

หลงจากทได Login เขาในระบบแลวตองท าการเปลยนพาสเวรดเพอความปลอดภย

รปท 3.4 แผนภาพแสดง Activity Diagram ของระบบ Change Password

จากภาพท 3.4 เปน Activity Diagram ระบบ Change Password เปน Activity ทแสดง

ขนตอนการท างานในระบบ Change Password อธบายรายละเอยดการท างานไดดงน

1. User และ IT Staff ท าการ Login เขาไปในระบบ 2. กดปมเปลยนพาสเวรด 3. ระบบจะท าการตรวจสอบและจะใหไสพาสเวรดเดมกอน จากนนจะใหใสพาสเวรดใหม

และยนยนพาสเวรดใหมอกครง 4. ท าการยนยนการเปลยนพาสเวรด 5. ระบบท าการเปลยนพาสเวรดใหใหมและแสดงผลแจงใหทราบ

44

ระบบ Asset Management ระบบ Asset Management หรอระบบจดการทรพยสนและผถอครองทรพยสน เมอ

เจาหนาทฝาย IT ตองการสรางทะเบยนทรพยสน, รหสทรพยสน และผถอครองทรพยสน เพอบนทกขอมลและตดรหสบนทรพยสน และในสวนของระบบทะเบยนทรพยสนน จะอนญาตใหเฉพาะเจาหนาทฝาย IT เทานนทสามารถเขาไปจดการระบบได

รปท 3.5 แผนภาพแสดง Activity Diagram ของระบบ Asset Management จากภาพท 3.5 เปนการท างานของระบบบรหารจดการทรพยสนทเปนประเภท Hardware

และ Software อธบายขนตอนการท างานของระบบไดดงน

1. IT Staff ท าการ Login เขาระบบ 2. ท าการกรอกขอมลหรอรายละเอยดตางๆ ของทรพยสน 3. ระบบจะตรวจสอบขอมลทอยในระบบและแสดงขอมลให User เหนวาเปนขอมลชนด

เดยวกนกบของ User ทไดกรอกมาหรอไม ท าให User รวาในระบบมขอมลชนดนอยในระบบแลวหรอยง

4. ระบบท าการบนทกขอมลและ Generate หมายเลขของทรพยสน

45

ระบบคนหา Searching System

ระบบ Searching System เปนระบบคนหารายละเอยดทรพยสนและผถอครองทรพยสนหรอสถานะการแจงซอม เมอพนกงานทวไปตองการคนหาและตดตามการแจงซอม และเจาหนาทฝาย IT ตองการคนหารายละเอยดของทรพยสน สามารถกรอกไดทงชอเตม หรอบางสวนของชอ เชน ถากรอกค าวา A ระบบจะน ารายชอทมค าวา A ขนมาแสดงทงหมด เปนตน

แสดงแผนภาพ Activity Diagram ระบบ Searching System

รปท 3.6 แผนภาพแสดง Activity Diagram ของระบบ Searching System

จากภาพสามารถอธบายขนตอนการท างานไดดงน

1. เจาหนาท IT ท าการ Login เชามาในระบบ 2. ระบบท าการตรวจสอบการ Login 3. กดปมคนหา ทชองคนหาขอมล 4. จากนนระบบกจะน าขอมลจากฐานขอมลมาแสดง

46

ระบบการแจงซอม หรอ IT Helpdesk

เมอพนกงานทวไปตองการแจงปญหาใหเจาหนาทฝาย IT ไดรบรเพอท าการชวยแกปญหาทเปนปญหาทง Hardware และ Software

แสดงแผนภาพ Activity Diagram ระบบ IT Helpdesk

รปท 3.7 แผนภาพแสดง Activity Diagram ของระบบ IT Helpdesk อธบายขนตอนการท างานของแผนภาพแสดง Activity Diagram ของระบบ IT Helpdesk ไดดงน

1. User ท าการ Login เขามาในระบบ 2. ระบบตรวจสอบการ Login และสทธการใชงานของ User 3. User ท าการกรอกขอมลการแจงซอม 4. ระบบท าการสรางหมายเลขของงานแจงซอม 5. ระบบแสดงการแจงเตอนการแจงซอมของ User ให IT Staff ไดร ตวอยางเชน ถามการแจง

ซอมเขามาระบบและยงไมไดรบการแกไข ระบบจะท าใหอกษรเปนสแดง เปนตน

47

ระบบ ตดตามการแจงซอม แสดงแผนภาพ Activity Diagram ระบบตดตามการแจงซอม

รปท 3.8 แผนภาพแสดง Activity Diagram ของระบบตดตามการแจงซอม

ระบบ Manage Users

รปท 3.9 แผนภาพแสดง Activity Diagram ของระบบ Manage Users

48

3.4.3 แผนภาพ Sequence Diagram Sequence Diagram เปนแผนภาพทใชแสดงการโตตอบกนและแสดงล าดบการสง

Message ระหวางออบเจกตในระบบ

ระบบ Login ระบบ Login เมอพนกงานทวไปหรอเจาหนาทดแลระบบตองการเขาใชงานระบบตามสทธท

ถกก าหนดไว เชน พนกงานทวไปมสทธในการแจงซอมและตดตามสถานะการแจงซอมเทานน ไมมสทธทจะแกไขหรอจดการใดๆ กบระบบไดนอกจากเจาหนาทดแลระบบเทานน

แผนภาพ Sequence Diagram ระบบ Login

รปท 3.10 แผนภาพแสดง Sequence Diagram ระบบ Login

หลกการท างานของระบบ Login อธบายตามทแสดงดงภาพท 310 Activity Diagram ของระบบ Login อธบายขนตอนการท างานไดดงน

1. User และ IT Staff ท าการ login ระบบ โดยท าการกรอก Username และ Password

2. ระบบตรวจสอบ Username และ Password โดยการน าเอา Username และ Password ไปตรวจสอบกบฐานขอมลวามอยในระบบหรอไม

3. ระบบตรวจสอบแลวขอมบไมถกตองระบบจะใหใส Username หรอ Password ใหมอกครง

4. ถาถกตองระบบกจะอนญาตใหเขาใชงานได

49

ระบบ Change Password เปนระบบทมความจ าเปนอยางยงเพราะถาใครสามารถน าพาสเวรดของเราไปท าอะไรทไมดก

จะท าใหเราเดอดรอนได เพอปองกนไมใหใครสามารถน าพาสเวรดของเราไปใชไดทง User และ IT Staff เราจ าเปนตองเปลยนพาสเวรดใหม หลงจากทได Login เขาในระบบแลวตองท าการเปลยนพาสเวรดใหมเพอความปลอดภย แผนภาพ Sequence Diagram ระบบ Change Password

รปท 3.11 แผนภาพแสดง Sequence Diagram ระบบ Change Password

จากภาพท 3.12 สามารถอธบายขนตอนการท างานของระบบ Change Password ไดดงน 1. User หรอ IT Staff ท าการ Login เขาระบบ 2. ท าการ Request เพอขอเปลยนพาสเวรด 3. ใสพาสเวรดทตองการเปลยน 4. ใสพาสเวรดอกครงเพอยนยนการเปลยนพาสเวรด 5. ระบบท าการตรวจสอบและท าการเปลยนพาสเวรดในระบบใหใหม 6. ระบบแสดงขอความเปลยนพาสเวรดส าเรจ

50

ระบบ Asset Management ระบบ Asset Management หรอระบบบรหารจดการทรพยสน เมอเจาหนาทฝาย IT

ตองการสรางทะเบยนทรพยสน รหสทรพยสน และผถอครองทรพยสน เพอบนทกขอมลและตดรหสบนทรพยสน และในสวนของระบบบรหารทรพยสนน จะอนญาตใหเฉพาะเจาหนาทฝาย IT เทานนทสามารถเขาไปจดการระบบได แผนภาพ Sequence Diagram ระบบ Asset Management

รปท 3.12 Sequence Diagram ระบบ Asset Management

อธบายขนตอนการท างานของแผนภาพ Sequence Diagram ระบบ Asset Management 1. IT Staff รองขอแบบฟอรมส าหรบกรอกขอมล 2. ระบบสงแบบฟอรมส าหรบกรอกขอมลกลบมา 3. IT Staff ท าการกรอกขอมลลงในแบบฟอรม 4. สงแบบฟอรมทกรอกกลบไปใหระบบ 5. ระบบท าการบนทกขอมลพรอมทงสรางหมายเลขทรพยสน

51

ระบบ IT Helpdesk เมอพนกงานทวไปตองการแจงปญหาใหเจาหนาทฝาย IT ไดรบรเพอท าการชวยแกปญหาท

เปนปญหาทง Hardware และ Software แผนภาพ Sequence Diagram ระบบ IT Helpdesk

รปท 3.13 Sequence Diagram ระบบ IT Helpdesk

จากภาพท 3.14 เปนการแสดง Sequence Diagram ระบบ IT Helpdesk ซงเปนการแสดงกจกรรมทเกดขนในระบบระหวางพนกงานแจงซอมกบเจาหนาท IT หรอผดแลระบบ อธบายขนตอนการท างานตางๆไดดงน

1. ผใชงาน หรอผแจงซอมท าการลอกอนเขาใชงานระบบ กรอกขอมลและรายละเอยดการแจงซอมลงใน Request Form จากนนกดปม Submit

2. ระบบรบค าสงและบนทกรายการทผแจงไดท าการกรอกไว สงเขาสระบบฐานขอมล 3. ระบบท าการออกหมายแจงซอม หรอ Ticket Job 4. ผดแลระบบท าการลอกอนเขาใชงานระบบ ท าการตรวจสอบระบบวามผใชงานไดแจง

ปญหาเขามาหรอไม ถามท าการแกไขปญหา

52

5. หลงจากทงานเสรจแลวกท าการปด Job 6. สถานะงานเปลยนเปน Complete 7. ระบบสงขอมลการปด Job ไปแสดงผล

ระบบตดตามสถานะการซอม

เปนการตรวจสอบและตดตามการแจงซอมของผใชงานทไดท าการแจงปญหาตางๆทเกดขนแกฝายเจาหนาท IT แผนภาพ Sequence Diagram ระบบตรวจสอบและตดตามสถานะการซอม

รปท 3.14 Sequence Diagram ระบบตรวจสอบและตดตามสถานะการซอม

อธบายการท างานของระบบตรวจสอบและตดตามสถานะการซอมจากภาพท 3.15 ไดดงน 1. User เขาใชงานในระบบ แลวรองขอดสถานะการซอมเพอตดตามงานแจงซอม 2. ระบบสงแบบฟอรมส าหรบคนหาขอมลใหกบ User 3. User ท าการคนหาขอมลการแจงซอม 4. ระบบสงขอมลการแจงซอมกลบมาให User 5. User รองขอดรายละเอยดของปญหา 6. ระบบสงขอมลทเปนรายละเอยดของปญหาท User ตองการกลบมา 7. User รองขอดรายละเอยดของงานซอม 8. ระบบสงขอมลรายละเอยดของงานซอมท User ตองการกลบมา

53

ระบบ Report แผนภาพ Sequence Diagram ระบบ Report

รปท 3.15 Sequence Diagram ระบบ Report

54

3.4.4 แผนภาพ Class Diagram ในการออกแบบระบบดวย UML นน สวนทส าคญทสดกคอการออกแบบโครงสรางของ

ขอมลและการท างานของโปรแกรมในแนวคดของการพฒนาระบบดวย OOP (Object Oriented

Programming) นน เราสามารถท าไดดวยการเขยน Class Diagram

แผนภาพคลาสและความสมพนธระหวางคลาส ( Class Diagram ) โดยรวม

รปท 3.16 แผนภาพ Class Diagram โดยรวม

55

3.5 การออกแบบฐานขอมล

ออกแบบฐานขอมลโดยการใชฐานขอมลของ MySQL และใชโปรแกรม phpMyadmin ซง

เปนโปรแกรมประเภท GUI ( Graphic User Interface ) ใชจดการฐานขอมลผาน Web Brower

ท าใหมความงายและมความเรวในการบรหารจดการฐานขอมล

ออกแบบฐานขอมลและแบงตารางฐานขอมลไดดงน

1. ตารางฐานขอมลทเปน Hardware

2. ตารางฐานขอมลทเปน Software

3. ตารางฐานขอมลของผใชงานในระบบ Users

4. ตารางฐานขอมลระบบแจงซอม Helpdesk

รายละเอยดของตารางฐานขอมลของ MySQL มดงน

1. Attribute Name หมายถง ชอของ Table Field ก าหนดชนดเปน varchar (100) ตวเลขใน

วงเลบหมายถง ความยาวของตวอกษร

2. Attribute Type หมายถง ชนดของ Table Field เปนชนดของขอมล เชน int หรอ

varchar เปนตน

3. Attributes FIeld หมายถง คณสมบตของ Table Field เชน ก าหนดเปน Unsigned

Zerofill หมายถง ขอมลทกรอกเขามาไมครบตามจ านวนหลก ระบบจะท าการเตม 0 ใหครบ

หลก 3 หลกเอง

4. Null หมายถง จะอนญาตให Table Field นนมคาวางได

5. Not Null หมายถง จะไมอนญาตให Table Field นนมคาวาง

6. Primary Key ( PK ) เปน Key หลกและท า Auto Increment ท าใหตวเลขของ id เพมขน

เองอตโนมต

7. มการท า Foreign Key ( FK ) เพอใหตารางสองตารางเชอมโยงขอมลถงกน

56

Database Schema

Attribute Type Key Null Description Remark

hw_id Int(5) PK Not Null Primary Key

hw_code Varchar(70) Not Null Asset Code

hw_name Varchar(70) Not Null Asset Name

hw_ip Varchar(70) Not Null IP Address

hw_descript Varchar(70) Not Null Description

hw_manufact Varchar(70) Not Null Manufacturer

hw_model Varchar(70) Not Null Asset Model

hw_serial Varchar(70) Not Null Serial Number

hw_location Varchar(70) Not Null Location

hw_images Varchar(70) Not Null Asset Picture

hw_date Varchar(70) Not Null Purchasing Date

type_id Int(5) FK Not Null Foreign Key Reference to Type

ตารางท 3.1 ตารางฐานขอมลของ Hardware

Attribute Type Key Null Description Remark

sw_id Int(5) PK Not Null Primary Key

sw_code Varchar(70) Not Null Software Code No.

sw_name Varchar(70) Not Null Software Name

sw_ type Varchar(70) Not Null Software Type

sw_ descript Varchar(70) Not Null Description

sw_manufact Varchar(70) Not Null Manufacturer

sw_quantity Varchar(70) Not Null Quantity

sw_date Varchar(70) Not Null Purchasing Date

ตารางท 3.2 ตารางฐานขอมลของ Software

57

Attribute Type Key Null Description Remark

hd_id Int(5) PK Not Null Primary Key

hd_code Varchar(70) Not Null SR Code

hd_title Varchar(70) Not Null Problem Subject

hd_problem Varchar(100) Not Null Problem Detail

hd_requestor Varchar(70) Not Null Requestor

hd_dept Varchar(70) Not Null Department

hd_date Varchar(70) Not Null Created Job Date

hd_endate Varchar(70) Not Null Complet Job Date

hd_total Varchar(70) Not Null Total of Spent Time

hd_type Varchar(70) Not Null Device Type

hd_location Varchar(70) Not Null Location

hd_attached Varchar(70) Null Attached Image

hd_status Varchar(70) Not Null Status

hd_remark Varchar(100) Null Remark

hd_pending Varchar(70) Null Pending Remark

hd_closed Varchar(70) Null Closed Job Remark

ตารางท 3.3 ตารางฐานขอมลของ Helpdesk

Attribute Type Key Null Description Remark

Type_id Int(5) PK Null Primary Key

Type_name Varchar(70) Null Type Name

ตารางท 3.4 ตารางฐานขอมลของ Type

58

Attribute Type Key Null Description Remark

wo_id Int(5) PK Not Null Primary Key

hd_id Varchar(70) FK Not Null Foreign Key Reference from Helpdesk

wo_code Varchar(70) Not Null Work Order Code

wo_title Varchar(70) Not Null Problem Subject

wo_problem Varchar(70) Not Null Problem Detail

wo_requestor Varchar(70) Not Null Requestor

wo_dept Varchar(70) Not Null Department

wo_stdate Varchar(70) Not Null Requesting Date

wo_assign Varchar(70) Null Assigned Job Date

wo_type Varchar(70) Not Null Device Type

wo_location Varchar(70) Not Null Location

wo_attached Varchar(70) Null Attached Image

wo_issue Varchar(70) Not Null Assign Job to IT

wo_remark Varchar(100) Null Remark

ตารางท 3.5 ตารางฐานขอมลของ workorder

Attribute Type Key Null Description Remark

ur_id Int(5) PK Not Null Primary Key

ur_login Varchar(70) Not Null User for Login

ur_pass Varchar(70) Not Null Password

ur_fname Varchar(70) Not Null First Name

ur_lname Varchar(70) Not Null Last Name

ur_descript Varchar(70) Not Null Description

Ur_dept Varchar(70) Not Null Department

ur_tel Varchar(70) Not Null Telephone

Ur_status Varchar(70) Not Null Status

ตารางท 3.6 ตารางฐานขอมลของ users

59

3.6 Entity Relationship Diagram

รปท 3.17 แผนภาพ Entity Relationship Diagram

60

3.7 Mapping Entity Relationship Diagram

Hardware hw_id, hw_code, hw_type, hw_name, hw_ip, hw_descript, hw_manufact,

hw_model, hw_serial, hw_location, hw_images, hw_date, cf_id ( FK )

Helpdesk hd_id, hd_code, hd_title, hd_problem, hd_requestor, hd_dept,

hd_date, hd_endate, hd_total, hd_type, hd_location, hd_attached,

hd_status, hd_remark, hd_pending, hd_closed

Maintenance ht_id, mt_code, mt_type, mt_name, mt_descript, mt_manufact,

mt_model, mt_serial, mt_location, mt_date

Preventive pv_id, pv_code, pv_type, pv_mame, pv_descript, pv_date, pv_issue,

pv_location, pv_status, pv_remark

Software sw_id, sw_code, sw_name, sw_type, sw_descript, sw_manufact,

sw_quantity, sw_date

Users ur_id, ur_login, ur_pass, ur_fname, ur_lname, ur_tel, ur_descript,

ur_dept, ur_status

Workorder wo_id, wo_code, wo_title, wo_problem, wo_requestor, wo_dept, wo_stdate,

wo_assign, wo_type, wo_location, wo_attahed, wo_issue, wo_remark, hd_id ( FK )

Config cf_id, cf_name, cf_ip, cf_type, cf_manufact, cf_location, cf_dept,

cf_status

Type type_id, type_name

Group grput_id, group_name

61

บทท 4

ผลการด าเนนงาน

4.1 เครองทใชในการด าเนนงาน เครองมอทใชในการพฒนาโปรแกรมทงหนาเวบและระบบฐานขอมล ในสวนของหนาเวบได

ใช Bootstrap Framework รวมกบ JQuery ในการสรางและตกแตงหนาเวบของโปรแกรม และฐานขอมลไดใชฐานขอมลของ MySQL และใชโปรแกรม phpmyadmin ซงเปนโปรแกรมประเภท GUI เขาไปจดการฐานขอมล ไมวาจะเปน สราง ลบ หรอแกไขขอมล

4.1.1 Hardware ทใชในการด าเนนงาน

คอมพวเตอร Notebook จ าลองเปน Web Server

4.1.2 Software ทใชในการด าเนนงาน

PHP

Bootstrap Framework

JQuery Library

MySQL ในการด าเนนงานแบงการท างานออกเปน 2 ระบบใหญคอ

1. ระบบ IT Assets แบงออกเปนระบบยอยดงน

ระบบ Hardware เปนระบบจดเกบประเภทอปกรณ หรอ Hardware

ระบบ Software เปนระบบจดเกบประเภทโปรแกรมหรอ Software

ระบบ Maintenance เปนระบบจดการการซอมบ ารงอปกรณ

ระบบ Preventive เปนระบบดแลรกษาอปกรณ

ระบบ Report เปนระบบเรยกดรายงานของอปกรณ

2. ระบบ Helpdesk แบงออกเปนระบบยอยดงน

ระบบ Helpdesk เปนระบบจดการการแจงซอม

ระบบ Report เปนระบบเรยกดรายงานการแจงซอม

62

4.2 ระบบเขาใชงาน หรอ Login

หนาเวบส าหรบเขาระบบเพอใชงาน ( login ) ในหนานสามารถใชไดทงผดแลระบบและ

ผใชงาน

รปท 4.1 รปแสดงหนา Login

4.3 ระบบส าหรบ Admin (ผดแลระบบ)

ในสวนของผดแลระบบนจะสามารถบรหารจดการระบบไดทงหมดเชน ระบบทรพยสน

ระบบงานแจงซอมและระบบ Configuration ซงเปนสวนทใชปรบแตงระบบเชน ระบบ Setup และ

ระบบ Manage Users

รปท 4.2 รปแสดงหนาโปรแกรมส าหรบผดแลระบบ

63

ในสวนของผดแลระบบสามารถทจะจดการได 3 ระบบคอ

1. ระบบ Asset เปนระบบทดแลและจดการสวนทเปนอปกรณ IT ทงหมด

2. ระบบ Helpdesk เปนระบบทจดการเกยวกบการแจงซอม

3. ระบบ Configuration เปนระบบทใชส าหรบปรบแตงระบบและจดการผใช

ระบบ Hardware สามารถดรายละเอยดตางๆของระบบไดดงน

1. รหสของทรพยสน

2. ชนดของทรพยสนวาเปนชนดไหน

3. ชอของทรพยสน

4. IP Address ของเปนคอมพวเตอรหรอปรนเตอรทรองรบระบบเครอขาย

5. แสดงรายละเอยดของทรพยสน

6. แสดงยหอของอปกรณหรอผผลตของทรพยสน

7. แสดงรนของทรพยสน

8. แสดงหมายเลขเครองของทรพยสน

9. แสดงสถานทจดเกบ

10. วนทซอทรพยสน

11. แสดงรปภาพของทรพยสน

รปท 4.3 รปแสดงหนาโปรแกรมระบบ Hardware

64

รปท 4.4 รปแสดงหนา New Device ของ Hardware

ระบบ Software สามารถดรายละเอยดตางๆของระบบไดดงน

1. แสดงชนดของโปรแกรม

2. แสดงรายชอของโปรแกรม

3. แสดงรายละเอยดของโปรแกรมวาเปนโปรแกรมเกยวกบอะไร

4. แสดงชอของผผลตโปรแกรม

5. แสดงหมายเลข License Key ของแตละโปรแกรม

6. แสดงวนทซอโปรแกรม

รปท 4.5 รปแสดงหนาโปรแกรมระบบ Software

65

ระบบ Maintenance เปนระบบทจดการการซอมและบ ารงรกษาอปกรณตางๆ

ของ IT สามารถดไดดรายละเอยดไดดงน

1. รหสของทรพยสน

2. ชนดของทรพยสนวาเปนชนดไหน

3. ชอของทรพยสน

4. แสดงยหอของอปกรณหรอผผลตของทรพยสน

5. แสดงรายละเอยดของการซอม

6. สถานทตงของทรพยสน

7. วนทไดท าการซอม

รปท 4.6 รปแสดงหนาโปรแกรมระบบ Maintenance

66

ถาตองการทจะเพมขอมลการ Maintenance กคลกท Maintenance -> New กจะดงรป

รปท 4.7 รปแสดงหนาโปรแกรม New Maintenance

หรอถาตองการทจะแกไขหรอลบขอมลกคลกท Code No. ทตองการกจะแสดงดงรปท 4.8

รปท 4.8 รปแสดงหนาโปรแกรมแกไข Maintenance

67

ระบบ Preventive Maintenance เปนระบบทดแลรกษาเพอปองกนไมใหอปกรณช ารด

หรอเสยหาย หลกการท างานคอเจาหนาท IT จะท าการก าหนดตารางเขาตรวจสอบการ

ท างานของอปกรณวายงมการใชงานไดดอยหรอไม

รปท 4.9 รปแสดงหนาโปรแกรม Preventive Maintenance

หากตองการทจะแกไขขอมลกท าเชนเดยวกนกบระบบ Maintenance กจะไดดงรป

รปท 4.10 รปแสดงหนาโปรแกรมแกไข Preventive Maintenance

68

ระบบ Helpdesk เปนระบบส าหรบจดการดแลปญหาของผใชงาน สามารถเปดการใชงานไดโดย

คลกท Helpdesk -> SR Requests ระบบกจะแสดงดงรป

รปท 4.11 รปแสดงหนาโปรแกรมระบบ Service Requests

มแบบฟอรมส าหรบกรอกขอมลการแจงซอมหรอแจงปญหาของผใชงาน ในแบบฟอรมม

รายละเอยดดงน

1. มชองส าหรบใสวนทแจงซอม

2. มชองส าหรบใสชอผแจงซอม

3. มชองบอกวาผแจงอยแผนกไหน

4. มชองส าหรบใสปญหาของผแจง

5. มชองแสดงสถานทของผอปกรณทเสย

6. สามารถแนบไฟลภาพได เพอใหผดและระบบสามารถเหนภาพของปญหา

7. สามารถเลอกชนดของอปกรณไดวาเปนอปกรณชนดไหนเชน PC, Labtop หรอ

Printer เปนตน

69

รปท 4.12 รปแสดงฟอรมกรอกขอมล

หนาเวบแสดงผลของผใชงาน หนาแสดงผลนจะแสดงรายละเอยดของการแจงซอม เราจะ

สามารถดไดวาสถานะของการซอมเปนอยางไร โดยมรายละเอยดดงน

1. แสดงวนทแจงซอม

2. แสดงชอผแจงซอม

3. แสดงรายชออปกรณทผใชไดแจงซอมไว

4. แสดงปญหาทไดแจงไว

รปท 4.13 รปแสดงผลของผใชงาน

70

4.4 ขนตอนการท างานของระบบ

การใชงานเรมจากผใชงานหรอผดแลระบบเปด Browser ขนมาและพมพท url

http://localhost:8000/sitenb จะไดดงรป

รปท 4.14 รปแสดงหนาเวบ login

หนา Login นสามารถเลอกผใชงานไดโดยเลอกทชอง Select User Login ระบบ

จะแสดงรายชอของผใชเพอความสะดวกของผใชจะไดไมตองเสยเวลาพมพชอ และเพยงแค

ใสรหสผานใหถกกจะสามารถเขาใชงานได และถาใสรหสผดระบบจะไมไปหนาอนจะอยหนา

นนจนกวาจะใสรหสถก

71

ถาหากเปนดแลระบบระบบหลงจากท Login แลวจะเขาสหนาบรหารจดการระบบไดดงรป

รปท 4.15 รปแสดงหนาเวบของ Admin

ถาเปนผใชงานระบบจะแสดงหนาของผใชงานไมสามารถจดการระบบไดดงรป

รปท 4.16 รปแสดงหนาเวบ User

72

การใชงานส าหรบผใชระบบ หลงจากทผใชงานหรอ User เขาไปในระบบไดแลวและตองการ

ทจะแจงปญหากจะคลกทปม New Request ระบบกจะแสดงผลดงรป

รปท 4.17 รปแสดงหนาเวบกรอกขอมลแจงซอม

ถาตองการดรายละเอยดหรอตองการแกไขขอมลและยกเลกการแจงซอมกสามารถท าไดโดย

คลกทรปซองจดหมายแถบขวามอสด

รปท 4.18 รปแสดงหนาเวบแกไขขอมล

73

การใชงานส าหรบผดแลระบบ หลงจากทได Login แลวจะเขาสหนาทสามารถจดการระบบ

ได ซงจะเรมจากระบบ Helpdesk ดงรป

รปท 4.19 รปแสดงระบบ Helpdesk

ระบบ Helpdesk ในสวนของผดและระบบ เวลาทผใชงานไดแจงปญหาเขามาจะแสดง

สถานะเปน 4 สถานะ คอ

1. ถามการแจงซอมเขามาระบบกจะแสดงรป New ในวงกลมสแดง ซงหมายถง

ขอความใหมทแจง เขามาดงรป

2. หลงจากทมการแจงซอมเขาและเจาหนาท IT ก าลงท าการแกปญหาอยงานยงไม

เสรจจะแสดงสถานะ In Progress เปนวงกลมหมน ตลอดเวลาดง

รป

3. ถางานทท าอยแลวเกดปญหาทยงไมสามารถซอมใหเสรจไดเชน ฮารดดสเสยตองรอ

เงนจากแผนกบญช ไมสามารถแกไขใหเสรจไดจะมสถานะ Pending

ดงรป

4. หลงทงานไดรบการแกไขเสรจแลวจะแสดงสถานะ Complete เปนรปเครองหมาย

ถกดง รป

74

ในระบบ Helpdesk หลงจากทผใชงานไดแจงงานซอมเขามาระบบจะท าการสรางหมายเลข

งานใหอตโนมต และขนตนดวย SR# เชน SR# - 00001 หมายถงหมายเลขงานแจงซอมท 1 เปนตน

และระบบยงสรางอกหมายเลขงานหนงเพอใหเจาหนาท IT ทเปนหวหนางานหรอผจดการ IT

สามารถทจะก าหนดให IT ทเปนลกนองหรอทเรยกวา IT Support ไปท างานได และเรยกระบบนวา

Work Order ซงหมายเลขงานจะชนตนดวย WO# เชน WO# - 00001 ดงรป

รปท 4.20 รปแสดงระบบ Work Order

ในสวนนเปนสวนทระบบไดสรางขนอตโนมตหลงจากทผใชงานไดท าการแจงซอมเขามา เพอ

อ านวยความสะดวกใหกบหวหนางาน IT ไมตองเสยเวลามาสรางเอง หลงจากทระบบสรางขนมาแลว

หวหนางานเพยงแคก าหนดให IT ไปท างานทชอง Issued by ระบบกจะแสดงรายชอของ IT ขนมาดง

รป

รปท 4.21 รปแสดงระบบ Assigned Job

75

ระบบนหวหนางานจะสามารถก าหนดงานให IT และยงสามารถทจะก าหนดเวลา

การท างานของ IT ไดอกดวยโดยคลกทหมายเลขงานกจะแสดงขนมาดงรป

รปท 4.22 รปแสดงระบบ Assigned Date and Time

ในสวนของ ASSIGN JOB นมรายละเอยดดงน

1. ชอง Created Job จะแสดงวนและเวลาทไดแจงงานซอมเขามา

2. ชอง Job Issued by ชองนหวหนางานสามารถทจะก าหนดให IT ไปแกไขงานได

3. ชอง Assigned Work Time หวหนางานสามารถทจะก าหนดเวลาการท างานของ

IT ได

4. ชอง Expected Complete Job ชองนเปนชองทระบบจะแสดงจ านวนของวนและ

เวลาทหวหนางานก าหนดวางานนใชเวลากวนหรอกชวโมงงานควรจะเสรจ เอาไวใช

ส าหรบจะทดสอบความสามารถของ IT วามความสามารถปดงานไดตามความ

ตองการของหวหนางานหรอไม

5. Priority เปนชองส าหรบก าหนดความส าคญของงานวางานไหนทส าคญและควรท

จะท ากอน

76

หลกจากทก าหนดงานให IT ไปท าแลวระบบจะสงการแจงเตอนวาให IT คนไหนเปนคนท า

โดยจะสงเขา Line กลมของ IT ดงรป

รปท 4.23 รปแสดงระบบสงการแจงเตอนเขา Line

ระบบจะสงการแจงซอมเขา Line กลมของ IT โดยมรายละเอยดดงน

1. Assigned to จะก าหนดวางานน IT คนไหนเปนคนท า

2. Subject ปญหาทผใชงานแจงเขามา

3. Department ปญหาอยแผนกอะไร

4. Location สถานทอยทไหน

77

ในสวนของ Work Order นถาตองการทจะดรายละเอยดกคลกทรปซองจดหมายทแถบ

Details จะแสดงดงรป

รปท 4.24 รปแสดงรายละเอยด Job Details

Job Details มรายละเอยดดงน

1. ชอของงานทไดแจงเขามา

2. ผทแจงงานซอม

3. แผนกของผแจงปญหา

4. รายละเอยดของปญหา

5. ชนดของอปกรณทเสย

6. สถานทตงของอปกรณทเสย

7. งานนหวหนางานก าหนดให IT คนไหนไปแกไข

8. วนและเวลาทแจงซอมและปดงานซอม

9. จ านวนวนและชวโมง ท IT ไดแกไขงานซอม

78

ในระบบของ Helpdesk จะสามารถเรยกดรายงานของการแจงงานซอมไดโดยคลกท

Helpdesk -> Report กจะแสดงหนารายงานใหเลอกวาจะดรายงานอะไรบาง

รปท 4.25 รปแสดงเลอกรายการของ Helpdesk

ในรายงานนสามารถทจะอธบายรายละเอยดไดดงน

1. From Date เลอกวนทจากวนไหน

2. To Date เลอกวนทถงวนไหน

3. Type เลอกชนดของอปกรณทตองการ

4. Requestor เลอกวาใครเปนผแจง

5. Location เลอกสถานทตงของอปกรณ

6. Status เลอกดสถานะของการแจงซอม

รปท 4.26 รปแสดงรายงานของ Helpdesk

79

ระบบ Assets เปนระบบทจดเกบอปกรณ IT สามารถเพมขอมลทเปน Hardware โดยคลกท

IT Assets -> Hardware -> Hardware -> New Device ระบบกจะแสดงดงรป

รปท 4.27 รปแสดงการเพมขอมล Hardware

ระบบ Hardware เวลาเพมขอมลไมอนญาตใหขอมลทเปนชอของ Device Name, IP

Address หรอ Serial Number มชอซ ากน ถามการเพมขอมลทซ ากนระบบกจะแจงเตอน

ดงรป

รปท 4.28 รปแสดงการแจงเตอนการซ าของขอมล Hardware

80

ระบบ Software เปนระบบจดเกบขอมลทเปนลขสทธตางๆของโปรแกรม และวธการเพม

ขอมลกจะเหมอนกบระบบ Hardware โดยคลกท IT Assets -> Software -> Software -> NEW

รปท 4.29 รปแสดงการเพมขอมล Software

หลงจากทคลก NEW ระบบกจะแสดงดงรป

รปท 4.30 รปแสดงหนาโปรแกรม New Software

81

หากตองการทจะแกไขหรอลบขอมลกสามารถท าไดโดยคลกทหมายเลข Code No. ทตองการระบบ

จะแสดงดงรป

รปท 4.31 รปแสดงหนาโปรแกรมแกไข Software

ระบบ Configuration เปนระบบส าหรบเพมขอมลทเกยวกบระบบเชน ขอมลเกยวกบอปกรณ และ

ขอมลเกยวกบผใชงาน วธใชงานกคลกท Configuration

รปท 4.32 รปแสดงหนาระบบ Configuration

82

ระบบ Configuration จะมระบบจดการอปกรณหรอเรยกวาระบบ Setup และระบบจดการผใชงาน

หรอระบบ Manages

1. ระบบ Setup จะสามารถเพมขอมลทเกยวกบอปกรณไดดงน

ชออปกรณ

ชนดของอปกรณ

IP Address

ผผลตอปกรณ

สถานทตง

ชอแผนก

สถานะ

รายละเอยดดงรปท 4.33

รปท 4.33 รปแสดงหนาระบบ Setup

83

หากตองการทจะแกไขระบบกสามารถท าไดโดยคลกทรปดนสอขวามอสด

รปท 4.34 รปแสดงหนาแกไขระบบ Setup

2. ระบบ Manages เปนระบบจดการขอมลของผใชงานระบบเชน สราง แกไข และ ลบ

ผใชงาน โดยมรายละเอยดขอมลของผใชงานดงน

ชอของผใชงาน

นามสกลของผใชงาน

ชอส าหรบ Login เขาระบบ

รหสผาน

รายละเอยดของผใชงาน

แผนกทผใชงานอย

สถานะของผใชงานวาเปนผดแลระบบหรอผใชระบบ

เบอรโทรศพทของผใชงานจะเปนเบอรทโตะท างานหรอเปนเบอรโทรศพทมอถอก

ได

84

รปท 4.35 รปแสดงหนาระบบ Manages

หากตองการทจะแกไขขอมลกสามารถทจะท าไดเชนเดยวกบระบบ Setup โดยคลกทรป

ดนสอเขนเดยวกนระบบกจะแสดงดงรป

รปท 4.36 รปแสดงหนาแกไขระบบ Manages

85

ระบบ Report เปนระบบออกรายงานสามารถออกรายงานไดทงระบบ Hardware และระบบ

Helpdesk

รายงานระบบ Hardware Report คลกท Report ดงรป

รปท 4.37 รปแสดงการใชงานระบบ Hardware Report

ระบบจะแสดงหนาส าหรบเลอกดรายงานวาจะดรายงานอะไร

รปท 4.38 รปแสดงเลอก Hardware Report

86

จากรปท 4.43 จะสามารถเลอกดรายงานจากวนทอะไร ถงวนทอะไร เลอกชนดของอปกรณ

และเลอกผผลตอปกรณ หลงงจากคลก Apply ระบบจะแสดงดงรปท 4.43

รปท 4.39 รปแสดง Hardware Report

รายงานระบบ Helpdesk Report คลกท Report ดงรป

รปท 4.40 รปแสดงการใชงานระบบ Helpdesk Report

87

ระบบจะแสดงหนาส าหรบเลอกดรายงานวาจะดรายงานอะไรบางดงน

From Date และ To Date เรมจากวนไหน ถงวนไหน

Type อปกรณเปนชนดอะไร

Location เลอกสถานทตงของอปกรณ

Requestor เลอกดวาแจงงานโดยใคร

Status เลอกดสถานะของงาน

รปท 4.41 รปแสดงเลอก Helpdesk Report

หลงจากคลก Apply ระบบจะแสดงดงรปท 4.42

รปท 4.42 รปแสดง Helpdesk Report

ห

88

บทท 5

สรปผลการด าเนนงาน

โครงการระบบงานน ไดน าเสนอระบบบรหารจดการงานรบแจงปญหาการใหบรการของผาย IT โดยไดกลาวถงความสาคญและความเปนมา วตถประสงคของโครงการ ขอบเขตของโครงการ ขนตอนการพฒนาระบบ ประโยชนทคาดวาจะไดรบ ความรและเทคโนโลยทเกยวของ การท างานของระบบปจจบนปญหาทเกดขนในระบบงานปจจบน การวเคราะหความตองการของผใช การออกแบบระบบใหมเพอปรบปรงระบบเกาใหดขน

5.1 ผลการทดสอบระบบ

จากการศกษาและพฒนาระบบบรหารจดการงานรบแจงปญหาของฝาย IT พบวา ผลทดสอบ

การใชโปรแกรม และรายละเอยดของการด าเนนงานมดงน

1. โปรแกรมสามารถท างานไดเปนอยางทหนาพอใจ

2. โปรแกรมสามารถแสดงแบบฟอรมแจงปญหาได

3. สามารถสงขอมลไปทฐานขอมลได

4. โปรแกรมสามารถน าขอมลทกรอกมาแสดงผลทหนาเวบเพจได

5. โปรแกรมสามารถทจะลงคไปเพจอนทตองการได

6. โปรแกรมสามารถทจะแนบไฟลรปแลวสงไปได

7. โปรแกรมสามารถน ารปมาแสดงผลทหนาเวบเพจได

8. โปรแกรมสามารถบอกการแจงเตอนการแจงซอมได

9. หลงจากผใชงานแจงการซอมเขามาแลวระบบสามารถแจงเตอนผาน Line ได

10. โปรแกรมสามารถคนหาขอมลทตองการได

89

สงทตองปรบปรงแกไช

1. หนาตาของโปรแกรมยงไมคอยสวยงามนก

2. รปแบบการใชงานยงนอยไป

3. ยงไมสามารถสราง Application การแจงซอมบนมอถอได

5.2 ปญหาและขอจ ากด ในการจดท าโครงงานมปญหา ดงน 5.2.1 ผพฒนายงไมมประสบการณในการพฒนาโปรแกรมท าใหเจอปญหามากมาย 5.2.2 ผพฒนายงออนประสบการณการออกแบบและพฒนาโปรแกรมท าใหใชเวลานาน

พอสมควรในการศกษาคนควาหาขอมล 5.2.3 โปรแกรมมรายละเอยดเยอะและมความซบซอนเวลาทใชพฒนาโปรแกรมมคอนขาง

จ ากด ท าใหการออกแบบไมคอยสวยเทาทควร 5.2.4 เนองจากโปรแกรมตองท างานอยบนเวบไซดตองใชภาษาในการเขยนโปรแกรมหลาย

ภาษา ท าใหตองใหตองเรยนรและใขเวลาศกษานาน

90

เอกสารอางอง

[1] https://getbootstrap.com (สบคนวนท 14/2/2560)

[2] https://jquery.com/ (สบคนวนท 14/2/2560)

[3] https://www.w3schools.com (สบคนวนท 15/2/2560)

[4] https://en.wikipedia.org/wiki/Unified_Modeling_Language (สบคนวนท 15/2/2560)

[5] https://www.apachefriends.org/index.html (สบคนวนท 15/2/2560)

[6] https://netbeans.org (สบคนวนท 15/2/2560)

[7] http://moo-mieng.freetzi.com/page%208(6).html (สบคนวนท 8/10/2560)

[8] ความสมพนธระหวางคลาส (Class Relationship) ชาครต กลไกรศร (สบคนวนท 10/3/2560)

[9] การวเคราะหและออกแบบเชงวตถ รศ. ดร. อษฏาพร ทรพยสมบรณ