ระบบลางานออนไลน์ กรณีศึกษา บริษทั...
49
ระบบลางานออนไลน์ กรณีศึกษา บริษัท เอส พี การไฟฟ้า อิมปอร์ต จํากัด Online leave system, Case study SP Electric Import Company Limited นายสันต์ชัย อเนกไพบูรณ์ 5704800065 นายอนันตชัย คงรอด 5704800091 ภาคนิพนธ์นี ้เป็นส่วนหนึ ่งของการศึกษาตามหลักสูตรปริญญาวิทยาศาสตรบัณฑิต ภาควิชาวิทยาการคอมพิวเตอร์ คณะวิทยาศาสตร์ มหาวิทยาลัยสยาม ปีการศึกษา 2561
Transcript of ระบบลางานออนไลน์ กรณีศึกษา บริษทั...
ระบบลางานออนไลน กรณศกษา บรษท เอส พ การไฟฟา อมปอรต จากด
Online leave system, Case study SP Electric Import Company Limited
นายสนตชย อเนกไพบรณ 5704800065 นายอนนตชย คงรอด 5704800091
ภาคนพนธนเปนสวนหนงของการศกษาตามหลกสตรปรญญาวทยาศาสตรบณฑต ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร
มหาวทยาลยสยาม ปการศกษา 2561
ก
หวขอภาคนพนธ ระบบลางานออนไลน กรณศกษา บรษท เอส พ การไฟฟาอมปอรต จากด Online leave system, Case study SP Electric Import Company Limited
หนวยกตของภาคนพนธ 3 หนวยกต รายชอผจดท า นายสนตชย อเนกไพบรณ 5704800065
นายอนนตชย คงรอด 5704800091 อาจารยทปรกษา อาจารยวนา โชตชวง ระดบการศกษา วทยาศาสตรบณฑต ภาควชา วทยาการคอมพวเตอร ปการศกษา 2561
บทคดยอ
บรษท เอส พ การไฟฟาอมปอรต จากด เปนผนาธรกจตวแทนจาหนายนาเขาอปกรณไฟฟา
ใหกบหางราน องคกร ตางๆ ทงภาครฐ และเอกชน โดยบรษทมการบรหารจดการเกยวกบขอมลการลางานของพนกงานโดยกรอกมการกรอกขอมลของพนกงานลงในแบบฟอรมทเปนเอกสาร แลวสงใหแผนกทรพยากรบคคลเพอทจะเซนอนมตการลา จดเกบเอกสารขอมลในรปแบบของใบลา ในการดประวตการลางานยงคงตองคนหาจากเอกสารทบนทกการลางานของพนกงาน อกทงพนกงานไมสามารถดประวตการลางานและวนทเหลอไดดวยตนเอง ทาใหเสยเวลาและเกดความผดพลาด ระบบลางานออนไลน กรณศกษา บรษท เอส พ การไฟฟาอมปอรต จากด ไดมการพฒนาขนเพอแกไขปญหาดงกลาว มการพฒนาดวยภาษาพเอชพ และมการจดการขอมลโดยใชโปรแกรมมายเอสควแอล และพฒนาในรปแบบของเวบแอปพลเคชน พนกงานสามารถบนทก หรอกรอกขอมลการลาไดดวยตนเอง ฝายบคคลสามารถเขามาอนมตวนลาไดผานทางระบบ พนกงานสามารถดประวตการลางานของตนเองไดเพอใหทราบถงจานวนวนทลา และจานวนวนคงเหลอ ซงทาใหเกดความสะดวก และมประสทธภาพในการทางานมากขน ค าส าคญ : ใบลา/ ภาษาพเอชพ/ บรษท เอส พ การไฟฟา อมปอรต จากด
ค
กตตกรรมประกาศ (Acknowledgment)
การจดท าภาคนพนธฉบบนส าเรจลงไดนน คณะผจดท าไดรบความกรณาจาก อาจารยผสอนทก
ทานทใหการชวยเหลอในทกๆ ดานและทางบรษท เอส พ การไฟฟา อมปอรต จ ากด ทใหขอมลมาเพอใหจดท าภาคนพนธน สงผลใหผจดท าไดรบความรและประสบการณตางๆ ทมคามากกมาย ส าหรบภาคนพนธฉบบนส าเรจลงไดดวยดจากความรวมมอและสนบสนนจากหลายฝายดงน
1. คณสภาพร แซแต พนกงานบรษท เอส พ การไฟฟา อมปอรต จ ากด 2. อาจารยวนา โชตชวง อาจารยทปรกษา
ผจดท าขอขอบคณคณะกรรมการสอบภาคนพนธ ทไดใหค าแนะน าส าคญในการสอบภาคนพนธฉบบน และผทมสวนรวมทกทานรวมทงบคคลทานอนๆ ทไมไดกลาวนาม ทมสวนรวมในการใหขอมล ใหความชวยเหลอดานตางๆ และเปนทปรกษาใหค าแนะน าตางๆ จนท าใหงานทกอยางประสบความส าเรจไปดวยด
ทายสดน ผจดท าภาคนพนธขอกราบขอบพระคณบดา มารดา ทไดใหการสนบสนนสงเสรมทง ก าลงทรพยและก าลงใจมาตลอดจนส าเรจการศกษา
คณะผจดท า นายสนตชย อเนกไพบรณ นายอนนตชย คงรอด
สารบญ หนา
บทคดยอ............................................................................................................................................ก
Abstract.............................................................................................................................................ข
กตตกรรมประกาศ.............................................................................................................................ค
บทท 1 บทน า
1.1 ความเปนมาและความส าคญของปญหา...............................................................................1
1.2 วตถประสงคของโครงงาน...................................................................................................2
1.3 ขอบเขตโครงงาน.................................................................................................................2
1.4 ประโยชนทไดรบ.................................................................................................................3
1.5 ขนตอนและวธการด าเนนงาน..............................................................................................3
1.6 แผนการด าเนนงาน...............................................................................................................5
1.8 อปกรณและเครองมอทใชพฒนาโครงงาน...........................................................................6
บทท 2 แนวทฤษฎทเกยวของ
2.1 ทฤษฏและแนวคดทเกยวของ...............................................................................................7
บทท 3 วเคราะหออกแบบระบบ
3.1 วเคราะหระบบงานปจจบน ................................................................................................12
3.2 รายละเอยดระบบงานใหม .................................................................................................14
3.3 ขนตอนการท างานของระบบงานใหม (New System Work Flow Diagram) ....................14
3.4 แผนภาพการไหลของขอมล ..............................................................................................16
3.5 ค าอธบายการประมวลผล (Process Description)……………………………....................19
3.6 ความสมพนธระหวางเอนทต (Entity Relationship Diagram)……………………………22
บทท 4 การออกแบบทางกายภาพ
4.1 การออกแบบฐานขอมล (Database Design).......................................................................23
4.2 แผนผงโครงสรางเวบไซต (Site Map)................................................................................26
4.3 การออกแบบสวนตดตอผใช (Use Interface Design).........................................................27
บทท 5 สรปผลและขอเสนอแนะ ....................................................................................................40
บรรณานกรม ..................................................................................................................................41
สารบญตาราง
หนา
ตารางท 1.1 แผนและระยะเวลาด าเนนงาน.......................................................................................5 ตารางท 3.1 Process Description : Process 1.0 ลงทะเบยนพนกงาน..............................................19 ตารางท 3.2 Process Description : Process 2.0 เขาสระบบ.............................................................19 ตารางท 3.3 Process Description : Process 3.0 แกไขขอมลพนกงาน.............................................20 ตารางท 3.4 Process Description : Process 4.0 การลา....................................................................20 ตารางท 3.4 Process Description : Process 5.0 ออกรายงาน...........................................................21 ตารางท 4.1 ผดแลระบบ.................................................................................................................23 ตารางท 4.2 ประเภทการลา.............................................................................................................23 ตารางท 4.3 ขอมลการลา................................................................................................................24 ตารางท 4.4 ผใชงาน.......................................................................................................................25
สารบญรปภาพ
หนา
รปท 3.1 ขนตอนการท างานเดม บรษท เอส พ การไฟฟา อมปอรต จ ากด......................................13 รปท 3.2 ขนตอนการรบพนกงานใหม ในระบบงานใหม...............................................................14
รปท 3.3 ขนตอนการลงชอเขางาน ในระบบงานใหม.....................................................................15
รปท 3.4 Context Diagram …………….........................................................................................16
รปท 3.5 Data Flow Diagram Level 0 ............................................................................................17
รปท 3.6 Data Flow Diagram Level 1 ............................................................................................18
รปท 3.7 ความสมพนธระหวางเอนทต............................................................................................22
รปท 4.1 แผนผงแสดงเวบไซต (Site Map) .....................................................................................26
รปท 4.2 แสดงหนาจอการเขาสระบบ.............................................................................................27
รปท 4.3 แสดงหนาแรกเมอเขาสระบบ...........................................................................................28
รปท 4.4 เมนบนทกการลาของผใช.................................................................................................29
รปท 4.5 เมนตรวจสอบสถานะการลา.............................................................................................30
รปท 4.6 เมนยกเลกการลา...............................................................................................................31
รปท 4.7 เมนสรปการลาของผใช....................................................................................................32
รปท 4.8 เมนเปลยนรหสผาน..........................................................................................................33
รปท 4.9 หนาจอเขาสระบบของผดแล............................................................................................34
รปท 4.10 เมนจดการขอมลพนกงาน..............................................................................................35
รปท 4.11 เมนอนมตการลา.............................................................................................................36
รปท 4.12 เมนแสดงสถตการลา......................................................................................................37
รปท 4.13 หนาออกรายงาน.............................................................................................................38
รปท 4.14 หนาออกจากระบบ.........................................................................................................39
บทท 1 บทน ำ
1.1 ควำมเปนมำและควำมส ำคญของปญหำ
บรษท เอส พ การไฟฟา อมปอรต จากด เปนองคกรขนาดกลางมพนกงาน 50 คน ซงยงไมม
ระบบจดการบคคลทเปนระเบยบนก ยงไมมฐานขอมลของบคลากร ทาใหเมอตองการใชงานใน
ดานใดกตามจะหยบมาใชงานไดยากเนองจากระบบงานเดมมเพยงการเกบขอมลของบคลากรใน
รปแบบของกระดาษ บรษทจงตองการระบบจดการบคคลทมความเปนระบบ โดยพนกงาน
สามารถลางานไดในระบบ แลวสงใหฝายทรพยากรบคคลเกบประวตการลาไวในระบบ
เทคโน โลยเวบ แอ ปพ ลเคชน (WEB APPLICATION TECHNOLOGY) เปน การใชงาน
แอปพลเคชน ผานระบบเครอขายอนเทอรเนต (INTERNET) ดวยโปรแกรมเวบบราวเซอร (WEB
BROWSER) ซงไมตองตดตงตวโปรแกรมบนเครองคอมพวเตอรของผใช ใหการบรหารจดการ
แอ พ พ ลเค ชน และขอม ลทาไดงาย จาก ทใดกไดตลอดเวลา และเทค โน โลยฐาน ขอม ล
(DATABASE TECHNOLOGY) ชวยใหการ จดเกบขอมลเปนระบบระเบยบมากขน สามารถ
แบงปนขอมล รวมถงสามารถกาหนดสทธการใชงานใหกบผใชแตละกลมไดโดยไม ขนกบ
โปรแกรมคอมพวเตอร
ดงนนผจดทาจงไดประยกตเทคโนโลยเวบแอปพลเคชนและฐานขอมลพนกงาน ของบรษท
เอส พ การไฟฟา อมปอรต จากด โดยจะสามารถจดเกบและคนหาไดงาย เพอเปนการรถงขอมล
ของพนกงานแตละคน การลางาน เปนตน
2
1.2 วตถประสงคของโครงงำน
เพอพฒนาระบบลางานออนไลน กรณศกษา บรษท เอส พ การไฟฟาอมปอรต จากด
1.3 ขอบเขตของโครงงำน
แบงผใชเปน 2 กลม
1.3.1 กลมพนกงาน
1.3.1.1 สามารถลางานออนไลนได
1.3.1.2 สามารถเขาสระบบ และเปลยนรหสผานได
1.3.1.3 สามารถตรวจสอบสถานะการลาได
1.3.1.4 สามารถดประวตการลายอนหลงของตนเองได
1.3.1.5 สามารถยกเลกการลาได
1.3.1.6 สามารถดผลอนมตการลาได
1.3.1.7 สามารถเปลยนรหสผานได
1.3.1.8 สามารถยกเลกการลาลวงหนาทผานการอนมตไปแลวได
1.3.2 ผดแลระบบ
1.3.2.1 สามารถคนหาพนกงาน
1.3.2.2 สามารถเพม /ลบ ขอมลพนกงาน
1.3.2.3 สามารถแกไขขอมลพนกงาน
1.3.2.4 สามารถเพม /แกไข ประเภทการลา
1.3.2.5 สามารถอนมต /ไมอนมตการลาของพนกงาน
1.3.2.6 สามารถอนมต / ไมอนมตการยกเลกการลาทอนมตไปแลวได
1.3.2.7 สามารถตรวจสอบสถตการลาตามปงบประมาณได
1.3.2.8 สามารถเปลยนรหสผานได
1.3.2.9 สามารถออกรายงานสถตการลาประจาป
1.3.2.10
3
1.4 ประโยชนทไดรบ
1.4.1 ระบบการลางานของพนกงานมความสะดวกรวดเรวขน
1.4.2 ระบบจะชวยลดระยะเวลาและขนตอนในการลาของพนกงาน
1.4.3 ระบบจะชวยลดระยะเวลา การเดนทางของของเอกสารใบลา
1.4.4 ฝายบคคลสามารถนาขอมลในการลา ไปสรปผลออกรายงานการลาของพนกงาน
ไดอยางถกตองและรวดเรว
1.4.5 ระบบจะชวยลดการใชกระดาษ
1.4.6 ระบบจะชวยเพมความสามารถในการตดสนใจของบรษท
1.5 ขนตอนและวธกำรด ำเนนงำน
1.5.1 ศกษำและรวบรวมขอมล (Requirement gathering and study)
เกบขอมลทจาเปนตอการสรางระบบจดการขนมา โดยเรมเกบความตองการจาก
คณสภาพร แซแต แผนกทรพยากรบคคล ซงจะสอบถามเสนทางการดาเนนงาน ตงแต
ขนตอนแรกทรบพนกงานเขามา เพอใหมความใกลเคยงกบระบบงานเดมใหมากทสด จง
จะทาใหสามารถพฒ นาระบบออกมาไดดและครบถวนความตองการทบรษทจะ
จาเปนตองใช การเกบความตองการในทมมท งการเกบความตองการจากผใชระบบเอง
และเอกสารตางๆ ทเกยวของกบขอมลของพนกงานเชน แบบฟอรมการสมครงาน
แบบฟอรมใบลา
1.5.2 กำรวเครำะหระบบ (System Analysis)
นาขอมลทรวบรวมมา เพอนามาวเคราะหและออกแบบสวนตางๆ ของระบบโดย
นาเสนอผานทางแผนการภาพตางๆ ประกอบดวย Workflow Diagram , Context Diagram
,Data Flow Diagram, Entity Relationship Diagram เพอเปนแนวทางในการออกแบบและ
พฒนาระบบ
4
1.5.3 กำรออกแบบระบบ (System Design)
มการนาเอาผลลพธทไดจากการวเคราะหระบบมาพฒนารปแบบทางกายภาพ
(Physical Model) การออกแบบสวนนาขอมลเขา (Input) สวนการประมวลผล (Process)
และสวนแสดงผลลพธ (Output) เพอออกแบบสวนหนาจอผใชและวางแทบคาสงตางๆ
เพอใหผใชสามารถใชงานไดงายทสด
1.5.4 กำรพฒนำระบบ (System Development)
พฒนาระบบดวยการใชฐานขอมล โดยใช MySQL รวมกบ phpMyAdmin ซง
เปนเครองมอในการจดการ Database จะชวยใหทางานไดงายขน จะอยในชดโปรแกรม
Appserv
1.5.5 กำรทดสอบระบบ (System Testing)
การทดสอบระบบจะสามารถเรมทาไดกตอเมอโปรแกรมทถกจดทาขนมาน น
สามารถใชงานไดจรง โดยใหผทใชงานจรงเปนผทดสอบการใชงาน วาสามารถใชงานได
ตรงความตองการหรอไม เชนผดแลระบบ และพนกงาน โดยจะกลบไปเกบความขาดตก
บกพรองของตวโปรแกรมอกครงและ นาโปรแกรมนนกลบมาแกไข
1.5.6 กำรจดท ำเอกสำรประกอบกำรใชงำนระบบ (System Documentation)
จดทาคมอการใชงานโปรแกรมเพอใหการปฏบตงานเปนมาตราฐานเดยวกน โดย
จะบอกสวนประกอบตาง ๆ พนฐานของโปรแกรม และวธการใชงานในสวนตาง ๆ ออก
โปรแกรม โดยละเอยด
5
1.6 แผนกำรด ำเนนงำน
ตารางท 1.1 แผนและระยะเวลาการดาเนนงาน
ขนตอนกำรด ำเนนงำน 2561 2562
พฤศจกำยน ธนวำคม มกรำคม กมภำพนธ
1. การศกษาระบบเบองตนและศกษาความเปนไปได (System Feasibility)
2. การวเคราะหระบบ (System Analysis)
3. การออกแบบวเคราะห (System Design)
4. การพฒนาระบบ (System Development)
5. การทดสอบระบบ (System Testing)
6. การจดทาเอกสาร (System Document)
6
1.7 อปกรณและเครองมทใชในกำรพฒนำโครงงำน
1.7.1 อปกรณทใชในการพฒนา
1.7.1.1 ฮารดแวร
1.7.1.1.1 เครองคอมพวเตอร CPU Intel I7 3.6GHz , Ram 8.00GB
1.7.1.2 ซอรฟแวรทใชในการพฒนา
1.7.1.2.1 AppServ v.2.5.10
1.7.1.2.2 Web browser ไดแก Google Chrome
1.7.1.2.3 Microsoft Window 10
1.7.1.2.4 Adobe Illustrator
1.7.1.2.5 Edit Plus
1.7.2 อปกรณทรองรบระบบ
1.7.2.1 ฮารดแวร
1.7.2.1.1 เครองคอมพวเตอรความเรวมากกวา 2GHz ขนไป
1.7.2.1.2 หนวยความจาอยางนอย 4GB ขนไป
1.7.2.2 ซอรฟแวร
1.7.2.2.1 Microsoft Window 7
1.7.2.2.2 โปรแกรม Web browser ไดแก Internet Explorer , Google
Chrome เปนตน
บทท 2
ทบทวนวรรณกรรม และ แนวคดทเกยวของ
2.1 ทฤษฎและแนวคดทเกยวของ
2.1.1 สทธการลาตามกฎหมายแรงงาน[1]
การลาคลอด
ลกจาง ซงเปนหญงมครรภมสทธลาคลอดกอนและหลงคลอดครรภหนงไมเกน 90 วนโดยใหนบรวมวนหยดทมระหวางวนลาดวย และใหนายจางจายคาจางแกลกจาง ซงลาคลอดเทากบคาจางในวนท างานตลอดระยะเวลาทลา แตไมเกน 45 วน
การลาเพอท าหมน
ลกจาง มสทธลาเพอท าหมนไดและมสทธลาเนองจากการท าหมนตามระยะ เวลาทแพทยแผนปจจบนชนหนงก าหนด และออกใบรบรองใหโดยลกจางมสทธไดรบคาจางในวนลานนดวย
การลากจ
ลกจางมสทธลาเพอกจธระอนจ าเปนไดตามขอบงคบเกยวกบการท างานการ
ลาเพอรบราชการทหาร
ลกจาง มสทธลาเพอรบราชการทหารในการเรยกพลเพอตรวจสอบ เพอฝก วชาทหาร หรอ เพอทดสอบความพรงพรอม โดยลาไดเทากบจ านวนวนททางการทหารเรยก และไดรบคาจางตลอดเวลาทลาแตไมเกน 60 วนตอป
การลาเพอฝกอบรม
ลกจาง มสทธลาเพอการฝกอบรมหรอพฒนาความรความสามารถตามหลกเกณฑและวธการทก าหนดในกฎกระทรวงโดยไมไดรบคาจางในวนลานน
8
วนหยดประจ าสปดาห
ตองไมนอยกวาสปดาหละ 1 วน โดยมระยะหางกนไมเกน 6 วน ลกจางมสทธไดรบคาจางในวนหยดประจ าสปดาห (ยกเวนลกจางรายวน รายชวโมง หรอตามผลงานโดยค านวณเปนหนวย) นายจางและลกจางจะตกลงกนลวงหนา ก าหนดใหมวนหยดประจ าสปดาหวนใดกไดงาน โรงแรม งานขนสง งานในปา งานในททรกนดาร (งานประมงงานดบเพลง) งานอนตามทกฎกระทรวงฯ ก าหนด นายจางและลกจางจะตกลงกนลวงหนา สะสมและเลอนวนหยดประจ าสปดาหไปเมอไดกไดแตตองอยในระยะเวลา ไมเกน 4 สปดาหตดตอกน กรณวนหยดประจ าสปดาห ไมแนนอน ใหนายจางประกาศวนหยดใหลกจางทราบลวงหนา ไมนอยกวา 3 วนและแจงเปนหนงสอใหพนกงานตรวจแรงงานทราบภายใน 7 วน นบแตวนท ประกาศก าหนด
วนหยดตามประเพณ
ตอง ไมนอยกวาปละ 13 วน โดยรวมวนแรงงานแหงชาตดวย ถาวนหยด ตามประเพณตรงกบวนหยดประจ าสปดาห ใหหยดชดเชยในวนท างานถดไป ลกจางมสทธไดรบคาจางในวนหยดตามประเพณ
วนหยดพกผอนประจ าป
ลกจางซงท างานตดตอกนมาครบ 1 ป มสทธหยดพกผอนประจ าปไมนอยกวาปละ 6 วนท างาน ลกจางมสทธไดรบคาจางในวนหยดพกผอนประจ าป ถาลกจางทท างานยงไมครบ 1 ป จะใหหยดตามสวนกได ใหนายจางเปนผก าหนดวนหยดพกผอนประจ าปใหลกจางทราบลวงหนาหรอก าหนดตามทตกลงกนนายจางและลกจางจะตกลงกนลวงหนาสะสมและเลอนวนหยดพกผอนประจ าปไปรวมหยดในปอนกได
9
2.1.2 ขอมลบรษท[2]
บรษท เอส.พ.การไฟฟา อมปอรต จ ากด เปนผน าในการเปนตวแทนจ าหนายและน าเขาอปกรณไฟฟา ทไดรบการไววางใจจากหาง ราน องคกร ตางๆ ทงภาครฐ และเอกชน บรษทด าเนนกจการดานการน าเขาอปกรณไฟฟา และอปกรณไฟฟาทมสนคาครบถวน เชน หลอดไฟ ปลก โคมไฟชนดตางๆ มอเตอรไฟฟา มเตอรวดไฟ ซงมตามความตองการ และยงมความเชยวชาญในการตดตงตลอดจนใหค าปรกษา ตงอยท 635-7 ถนนซอยกรงธนบร 4 แขวงบางล าภลาง เขตคลองสาน กรงเทพมหานคร
พนกงานของบรษท เอส.พ.การไฟฟา อมปอรต จ ากด มจ านวนประมาณ 50 คน เปนธรกจทมเจาของ และคนดแลเปนคนในครอบครว โดยในบรษทจะมการแบงสวนงานกนอยางชดเจน ยกตวอยางพนกงานขบรถ ,พนกงานบญช ,พนกงานแพคกงสนคา แตยงไมมการเกบขอมลของพนกงานอยางเปนระบบระเบยบ
10
2.1.3 ภาษาทใชในการพฒนา
2.1.3 HTML[3]
ภาษาหลกทใชในการเขยนเวบเพจ โดยใช Tag ในการก าหนดการแสดงผล HTML ยอมาจากค าวา Hypertext Markup Language โดย Hypertext หมายถง ขอความทเชอมตอกนผานลง (Hyperlink) Markup language หมายถงภาษาทใช Tag ในการก าหนดการแสดงผลสงตางๆทแสดงอยบนเวบเพจ
2.1.2.2 PHP[4]
ภาษาคอมพวเตอรในลกษณะเซรฟเวอร-ไซด สครปต โดยลขสทธอยในลกษณะโอเพนซอรส ภาษาพเอชพใชส าหรบจดท าเวบไซต และแสดงผลออกมาในรปแบบ HTML โดยมรากฐานโครงสรางค าสงมาจากภาษา ภาษาซ ภาษาจาวา และ ภาษาเพรล ซง ภาษาพเอชพ นนงายตอการเรยนร ซงเปาหมายหลกของภาษาน คอใหนกพฒนาเวบไซตสามารถเขยน เวบเพจ ทมการตอบโตไดอยางรวดเรว
2.1.2.3 JavaScript[5]
ภาษาคอมพวเตอรส าหรบการเขยนโปรแกรมบนระบบอนเทอรเนต ทก าลงไดรบความนยมอยางสง Java JavaScript เปน ภาษาสครปตเชงวตถ (ทเรยกกนวา "สครปต" (script) ซงในการสรางและพฒนาเวบไซต (ใชรวมกบ HTML) เพอใหเวบไซตของเราดมการเคลอนไหว สามารถตอบสนองผใชงานไดมากขน
2.1.2.4 phpMyAdmin[6]
เปนสวนตอประสานทสรางโดยภาษาพเอชพ ซงใชจดการฐานขอมล MySQL ผานเวบเบราวเซอร โดยสามารถทจะท าการสรางฐานขอมลใหม หรอท าการสราง TABLE ใหมๆ และยงม function ทใชส าหรบการทดสอบการ query ขอมลดวยภาษา SQL พรอมกนนน ยงสามารถท าการ insert delete update หรอแมกระทงใช ค าสงตางๆ เหมอนกบกนการใชภาษา SQL ในการสรางตารางขอมล
11
2.1.4 งานวจยทเกยวของ
นทประดษฐ พลอยวเศษ(2555)[7] ไดพฒนาระบบลางานออนไลน มวตถประสงคเพอเพมประสทธภาพใหกบองคกรในการด าเนนธรกจซงท าใหองคกรมการพฒนาในการบรหารจดการเพมมากขน ผใชสามารถใชงานไดงายและท างานไดรวดเรวยงขน ลดพนทในการเกบเอกสารและงายตอการส ารองขอมล เพออ านวยความสะดวกแกเจาของกจการ
พรชย ธรรมวรยสต (2555)[8] ไดพฒนาระบบบรหารจดการ เวลาทท างานออนไลนขององคกร เพอชวยเพมประสทธภาพใหกบกระบวนการท างาน ณ ปจจบนขององคกร โดยจะลดขนตอนของการท างานใหนอยลง และเปนการน าเอาระบบมาชวยเสรมในการพฒนาบคลากรในการท างาน โดยน าระบบเวรกโฟลว? เขามาชวยพฒนา ในการอนมตขอมล เชน การบนทกขอมลตางๆ , การบนทกขอมลการท างานทไมไดเกดจากการแสกนนวเปนตน เพมความสะดวก รวดเรว และแมนย าในการเกบขอมล
นนดา สรอยดอกสน, ณฐพน สวสดนาวน, ปยนช ขนตศข (2557)[9] ไดพฒนาระบบลางานออนไลน ส าหรบฝายทรพยากรบคคลส าหรบองคกร ชวยเพมประสทธภาพในการท างานดานการบรหารจดการ การตดสนใจ และความสะดวก ใหกบฝายทรพยากรบคคล และยงชวยลดปรมาณกระดาษเพอชวยรกษาสงแวดลอม ทถกพฒนาดวยภาษา PHP จดการฐานขอมลดวยโปรแกรม MySQL ออกแบบหนาจอดวย โปรแกรม Adobe Dreamweaver
บทท 3
วเคราะหออกแบบระบบ
3.1 วเคราะหระบบงานปจจบน
3.1.1 รายละเอยด
การลางานในระบบงานปจจบน ของบรษท เอส.พ.การไฟฟา อมปอรต จ ากด นนไมม
ระบบคอมพวเตอรมาใชงาน โดยวธลางานนนจะตองเขยนใบลาแลวน าไปใหฝายบคคลเซน
อนมตและเกบเอกสารใบลานนไวเพอเอาไวใชท าขอมล พนกงานไมสามารถตรวจสอบวนลา
ยอนหลงไดดวยตนเองท าใหเกดปญหาตองใหฝายบคคลเปนผตรวจสอบให
3.1.2 ปญหาทพบในระบบงานเดม
3.1.2.1 ไมสามารถตรวจสอบประวตของตวเองไดดวยตวเอง
3.1.2.2 ออกรายงานไดยาก ใชเวลาในการจดท า
3.1.2.3 ขอมลไมถกตองและไมครบถวน
3.1.2.4 เอกสารมการสญหาย
3.1.2.5 บนทกเวลาการเขางานไมตรงกบความจรง
13
3.1.3 ขนตอนการท างานของระบบงานปจจบน (Current System Work Flow
Diagram)
รปท 3.1 ขนตอนการท างานเดม บรษท เอส พ การไฟฟา อมปอรต จ ากด
3.1.4 แนวทางการแกไขปญหา
ทางผจดท า ไดน าเทคโนโลยเวบแอปพลเคชนและฐานขอมลเขามประยกตใช
ซงประกอบดวยฟงกชนการท างานดงน
3.1.4.1 การใชระบบตรวจสอบผใชดวยรหสผานเพอเปนการยนยนบคคลในการเขาใช
งาน
3.1.4.2 ใชระบบในการเกบขอมล เอกสารตางๆ และออกรายงานใหกบ ผดแลระบบ
3.1.4.3 ใชระบบอนเทอรเนตในการเขาใชไดตลอด 24 ชวโมง ซงท าใหเกดความ
สะดวกแกผใช
14
3.2 รายละเอยดของระบบงานใหม
ระบบลางานออนไลน กรณ บรษท เอส พ การไฟฟา อมปอรต จ ากด ไดมการน าระบบ
คอมพวเตอรเขามามบทบาทในการใชงาน ไมวาจะเปนสวนทมการจดสงประวตของพนกงาน
เกบไว เพอใชในการบนทกประวตของพนกงานไดรายบคคลไดเปนระบบ ระเบยบใหมความ
สะดวกตอการเรยกขนมาใชงาน
ในสวนระบบงานนแบงออกเปน 2 สวนคอ
3.2.1 สวนของผใชจะเกยวกบการตรวจสอบประวตของตวเอง
3.2.2 สวนของผดแลระบบ จะท างานจดการขอมล เพม ลบขอมล อนมตการลา
3.3 ขนตอนการท างานของระบบงานใหม (New System Work Flow Diagram)
รปท 3.2 ขนตอนการรบพนกงานใหม ในระบบงานใหม
15
รปท 3.3 ขนตอนการลงชอเขางาน ในระบบงานใหม
16
3.4 แผนภาพการไหลของขอมล
รปท 3.4 Context Diagram ของระบบลางานออนไลน บรษท เอส พ การไฟฟา
อมปอรต จ ากด
17
รปท 3.5 Data Flow Diagram Level 0 ของระบบลางานออนไลน บรษท เอส พ
การไฟฟา อมปอรต จ ากด
18
รปท 3.6 Data Flow Diagram Level 1 ของการบนทกขอมลพนกงานใหม
รปท 3.6 Data Flow Diagram Level 1 ของการเขาสระบบ
19
3.5 ค าอธบายการประมวลผล (Process Description)
ตารางท 3.1 Process Description : Process 1.0 ลงทะเบยนพนกงาน
SYSTEM : ระบบลางานออนไลน กรณศกษา บรษท เอส พ การไฟฟา อมปอรต จ ากด
DFD Number : Process Name :
1.0 ลงทะเบยนพนกงาน
Input Data Flow : ขอมลพนกงาน
Output Data Flow : ชอผใชและรหสผาน เพอเขาสระบบ
Data Store : ขอมลพนกงาน
Description : ผดแลระบบสามารถลงทะเบยนใหพนกงานไดเทานน โดยขอมลพนกงานจะมาจากใบสมครเขาท างาน
ตารางท 3.3 Process Description : Process 2.0 เขาสระบบ
SYSTEM : ระบบลางานออนไลน กรณศกษา บรษท เอส พ การไฟฟา อมปอรต จ ากด
DFD Number : Process Name :
2.0 ลงทะเบยนพนกงาน
Input Data Flow : ชอผใชและรหสผานเขาสระบบ
Output Data Flow : ผลการเขาสระบบ
Data Store : ขอมลพนกงาน
Description : พนกงานกรอกขอมลชอผใชและรหสผานทลงทะเบยนไว และระบบจะ
ตอบกลบผลการเขาสระบบ
20
ตารางท 3.4 Process Description : Process 3.0 แกไขขอมลสวนตว
SYSTEM : ระบบลางานออนไลน กรณศกษา บรษท เอส พ การไฟฟา อมปอรต จ ากด
DFD Number : Process Name :
3.0 แกไขขอมลพนกงาน
Input Data Flow : ค าขอแกขอมล
Output Data Flow : ขอมลทแกไขแลว
Data Store : ขอมลพนกงาน
Description : พนกงานไมสามารถแกไขขอมลตวเองได ตองใหฝายบคคลเปนผแกไขให
ตารางท 3.5 Process Description : Process 4.0 การลา
SYSTEM : ระบบลางานออนไลน กรณศกษา บรษท เอส พ การไฟฟา อมปอรต จ ากด
DFD Number : Process Name :
4.0 การลา
Input Data Flow : ขอมลการลา
Output Data Flow : ผลอนมตการลา
Data Store : ขอมลการลา
Description : พนกงานสามารถลางานไดดวยตนเองผานระบบ โดยจะตองกรอกขอมลการลาเขาไปในแบบฟอรม
21
ตารางท 3.6 Process Description : Process 5.0 ออกรายงาน
SYSTEM : ระบบลางานออนไลน กรณศกษา บรษท เอส พ การไฟฟา อมปอรต จ ากด
DFD Number : Process Name :
5.0 ออกรายงาน
Input Data Flow : ค าขอรายงานสรปขอมลการลา
Output Data Flow : รายงานสรปขอมลการลา
Data Store : ขอมลการลา
Description : ฝายบคคลจะสามารถออกรายงานสรปขอมลการลาไดเทานน
22
3.6 ความสมพนธระหวางเอนทต (Entity Relationship Diagram)
รปท 3.7 ความสมพนธระหวางเอนทต ของระบบลางานออนไลน กรณศกษา
บรษท เอส พ การไฟฟา อมปอรต จ ากด
บทท 4
การออกแบบทางกายภาพ
4.1 การออกแบบฐานขอมล
การออกแบบฐานขอมลเชงสมพนธ (Relational Database System) เปนการจดการขอมลตางๆ
ใหอยในรปของตารางฐานขอมล โดยรปแบบของฐานขอมลคอ โปรแกรม AppServ ในการจดการ
ฐานขอมลทออกแบบขนมา
ตารางท 4.1 ผดแลระบบ
Table Name : admin Attribute Description Attribute Domain Type
a_id รหสไอด Int(11) a_username ผใช Varchar(15) a_password รหสผาน Varchar(15) Primary Key : a_id
ตาราง 4.2 ประเภทการลา
Table Name : catalog Attribute Description Attribute Domain Type
c_id รหสประเภทการลา Int(11) c_name ชอประเภทการลา Varchar(50) Primary Key : c_id
24
ตาราง 4.3 ขอมลการลา
Table Name : la Attribute Description Attribute Domain Type
l_id รหสสถานะการลา int(11) l_code รหสของใบลา varchar(100) c_id รหสประเภทการลา int(11) m_id รหสไอดผใช int(11) l_start วนเรมตนลา date l_end วนสนสดการลา date l_num จ านวนวนทลา float l_detail รายละเอยดการลา text l_status สถานะการลา varchar(100) l_regis วนทสงเรองลา date l_year ปทลา varchar(4) l_image แทรกรปเอกสารลา varchar(1000) Primary Key : l_id Foreign Key : c_id , m_id
25
ตาราง 4.4 ผใชงาน
Table Name : members Attribute Description Attribute Domain Type
m_id รหสไอดผใช int(11) m_card รหสบตรปชช. varchar(13) m_sir ชอน าหนา varchar(10) m_name ชอ varchar(50) m_lastname นามสกล varchar(50) m_address ทอย text m_tel เบอรตดตอ varchar(10) m_username ยสเซอรเนมลอคอน varchar(15) m_password พาสเวรดลอคอน varchar(15) m_regis วนทบนทก date m_email อเมลล varchar(100) m_image รปพนกงาน varchar(100) m_sec แผนก varchar(50) m_position ต าแหนง varchar(50) Primary Key : m_id
26
4.2 การออกแบบแผนผงของเวบไซต (Site Map)
รปท 4.1 แผนผงแสดงเวบไซต (Site Map)
27
4.3 การออกแบบสวนตดตอกบผใช (User Interface Design)
ในการออกแบบการแสดงขอมลของเวบไซต ผพฒนาจะตองออกแบบการน าเขาของ
ขอมล ซงสวนมากแลวจะมการรบขอมลน าเขาผานฟอรม ดงนนการออกแบบฟอรมในการรองรบขอมลตางๆ จงเปนสงส าคญ เพราะจะท าใหเหนกจกรรมตางๆ ของเวบไซต หลงจาก
นนจงน าขอมลทกรอกผานฟอรมแลวท าการเกบขอมลลงฐานขอมล โดยสามารถกรอกขอมลไดทงพนกงาน และฝายบคคล โดยแบงออกเปนสวนตางๆ ดงน
รปท 4.2 แสดงหนาจอการเขาสระบบ
จากรปท 4.2 ขนตอนการเขาสระบบคอ ผใชจะตองใส username และ password เพอเขาส
ระบบ ถาผใชกรอกไมถกตองกจะไมสามารถเขาสระบบได
28
รปท 4.3 แสดงหนาแรกเมอเขาสระบบ เมอเขาสระบบมาแลว
รปท 4.3 หนาจอจะแสดงรปของผเขาใชงาน ทไดลงทะเบยนไว และมเมนอยทางดานบน ให
เลอกสงทตองการจะท า
29
รป 4.4 เมนบนทกการลาของผใช
รปท 4.4 จะเปนหนาทใชลงบนทกการลา โดยจะเลอกไดวาตองการลาในเรองอะไร
1. มตารางใหสามารถเลอกประเภทการลาได และกรอกเหตผลในการลา
2. วนทตองการจะลา
3. แนบไฟลใบรบรองแพทย
30
รปท 4.5 เมนตรวจสอบสถานะการลา
รปท 4.5 จะแสดงใหเหนวาสถานะการลาทลาไปแลวมอะไรบางโดยจะแสดง
1. รหสการลา จะเปนรหสทแสดงการลา เพอใชอางองในการยกเลก หรอตดตามสถานะ
2. ประเภทการลา จะแสดงประเภทการลา เชนการลาปวยเปนตน
3. วนลา จะแสดงวนลาทเรมตนและสนสด
4. จ านวนวนทลา จะนบจากวนลา โดยไมนบวนอาทตยเพราะเปนวนหยด
5. วนทบนทกการลา เปนวนทกรอกแบบฟอรมและกดสงมา
6. สถานะ จะแสดงสถานะวาถกอนมต หรอไมอนมต
31
รปท 4.6 เมนยกเลกการลา
รปท 4.6 เปนเมนทผใชกดลงใบลาแตตองการทจะยกเลก ใบลาทถกยกเลกจะถกน ามาแสดงท
เมนน หากผใชงานตองการจะเขามายกเลกการลา จะตองเขามายงหนาเมนยกเลกการลา แลวสามารถกด
ยกเลกการลาไดทนท โดยจะขนทผดแลระบบวาการลานนไดถกยกเลก
32
รปท 4.7 เมนสรปการลาของผใช
รปท 4.7 จะเปนหนาสรปการลาของตนเอง เมอกดเลอกปงบประมาณและเดอนทตองการด
ยอนหลง จากในภาพเปนตวอยางของเดอนกมภาพนธ ทงเดอนมการอนมต โดยหนานสามารถเลอกตว
กรองวาตองการใหแสดงเฉพาะการลาชนดใด หรอการลาทผานการอนมต และทไมผานการอนมต
33
รปท 4.8 เปลยนรหสผาน
รปท 4.8 ยกตวอยางในกรณทจะเปลยนรหสผานจากรหสผานเรมตนทผดแลระบบสรางขนมา
ให โดยจะตองกรอกรหสผานเดม และรหสผานใหมเพอเปนการยนยนอกดวย
34
รปท 4.9 แสดงหนาแรกเมอเขาสระบบ
รปท 4.9 เมอเขาสระบบมาแลว หนาจอจะแสดงบอกวาเปนผดแลระบบ หนาแสดงรปภาพของ
แอดมนทเขาสระบบ ดานบนจะเปนชอผเขาใชงานระบบเมนดานบนของผดแลระบบจะไมเหมอนกบ
ของผใชงาน
35
รปท 4.10 เมนจดการขอมลพนกงาน
รปท 4.10 แสดงขอมลพนกงานทงหมดทมอยในระบบ และจะมกลองคนหาชออยดานบน และ
มชองเพอเพมพนกงานใหม
1. กลองใชคนหาขอมลในฐานขอมล จะตองกรอกชอ หรอนามสกล เชนกรอกค าวา ชย ระบบก
จะแสดงทกรายชอ และนามสกลทมค าวาชยอย ออกมาทงหมด
2. รายชอพนกงานทงหมดในระบบ จะแสดงรายชอทงหมดทมอยในระบบโดยจะแสดงไลลงมา
เปนรายการ ผดแลสามารถเขาไปกดแกไขขอมล หรอลบขอมลทงได
3. ชองกรอกขอมลเพอเพมขอมลพนกงานใหม จะประกอบดวยชองส าคญ เชน หมายเลข
ประจ าตวประชาชน ชอ สกล ทอย เบอรตดตอ ชอผใชและรหสผาน เปนตน เมอเรยบรอยแลว
ใหกด เพมขอมล
36
รปท 4.11 เมนอนมตการลา
รปท 4.11 จะเปนหนาแสดงรายการทถกบนทกใบลาเขามา และยงไมไดเลอกวาอนมต หรอยง
ไมอนมต แตถากดเลอกไดแลวจะหายไปจากรายการ
1. รหสการลา จะเปนรหสทแสดงการลา เพอใชอางองในการยกเลก หรอตดตามสถานะ
2. ประเภทการลา จะแสดงประเภทการลา เชนการลาปวยเปนตน
3. วนลา จะแสดงวนลาทเรมตนและสนสด
4. ชอคนทลา จะ แสดงชอและนามสกล ของผทจะลา
5. จ านวนวนทลา จะนบจากวนลา โดยไมนบวนอาทตยเพราะเปนวนหยด
6. เหตผล จะแสดงเหตผลในการลาทพนกงานกรอกเขามา
7. รปภาพ จะแนบเปนการดเชญ หรอเปนใบรบรองแพทยเปนตน
8. สถานะ โดยจะใหเลอกวาอนมตหรอไมอนมต
9. สถานะ จะแสดงสถานะวาถกอนมต หรอไมอนมต
37
รปท 4.12 เมนแสดงสถตการลา
รปท 4.12 ใชเพอดสถตการลา ตามปงบประมาณ โดยจะตองเลอกวาจะดของป จะมปม Print
ถาเลอกจะสามารถพมพเปนรายงานออกมาได โดยจะแสดงอยในรปแบบของตารางโดยมรายละเอยด
ดงน
1. ชองชอนามสกล จะแสดงชอและนามสกลของพนกงาน
2. ประเภทการลา คอประเภทการลาทมอยในระบบ
3. จ านวนการลา จะแสดงจ านวนการลาทงหมดทอนมต ของพนกงานในแถวนน
38
รปท 4.13 รายงานสถตการลา ประจ าป 2562
รปท 4.13 จะแสดงใหเหนวาตวรายงานจะสามารถดไดบนหนาเวบหรอสามารถทจะบนทกลง
ในคอมพวเตอรไดในรปแบบของไฟล pdf หรอสามารถเลอกเครองพมพเพอพมพออกมาไดเพอน าไป
ใหผบรหารจดการตรวจสอบสถตการลาของปงบประมาณนนๆ เพอน าไปตดสนใจในนโยบายตางๆ
39
รปท 4.13 ออกจากระบบ
รปท 4.13 จะแสดงเมอกดเมนออกจากระบบเทานน โดยระบบจะแสดงขนมาใหผใชไดทราบ
วาตอนนไดออกจากระบบเรยบรอยแลว ใหผใชกดปมตกลงเพอกลบไปยงหนาแรกของระบบ
บทท 5
สรปผลและขอเสนอแนะ
5.1 สรปผล
ระบบลางานออนไลน กรณศกษา บรษท เอส พ การไฟฟา อมปอรต จากด โดยนาเทคโนโลยเวบแอปพลเคชนมาเพมประสทธภาพในการทางานของระบบ งายในการบรหารจดการของฝายทรพยากรบคคล ซงสามารถแกปญหาในการจดเกบเอกสารการลาและงายตอการคนหาขอมลพนกงาน สามารถดรายงานการลาไดตลอดเวลา นอกจากนยงสามารถแสดงรายงานไดผานระบบ ซงจะชวยใหการดาเนนงานของการลามประสทธภาพ สะดวกรวดเรวยงขน
5.2 ขอดของระบบ 5.2.1 ระบบการลางานของพนกงานมความสะดวกรวดเรวขน 5.2.2 ชวยลดระยะเวลาและขนตอนในการลาของพนกงาน 5.2.3 ฝายบคคลทางานไดรวดเรวขน 5.2.4 หวหนาสามารถทาการอนมตใบลาไดงายและเรว 5.2.5 ฝายบคคลสามารถนาขอมลในการลา ไปสรปผลออกรายงานการลาของบคลากร
ไดอยางถกตองและรวดเรว
5.3 ขอจ ำกดของระบบ ขอจากดของระบบลางานออนไลนยงไมรองรบกบระบบ Responsive และยงไม
สามารถแจงเตอนผานเบราวเซอรถาหากไมไดลอคอน กจะไมเหนการแจงเตอน
5.4 ขอเสนอแนะ การพฒนาระบบลางานออนไลน กรณศกษา บรษท เอส พ การไฟฟา อมปอรต จากด
ยงขาดระบบทจะนามาทางานรวมกน ไดแกระบบบนทกเวลาเขา-ออกงาน การคานวณระยะเวลาในการทางานลวงเวลา ซงจะชวยเพมความสะดวกในการทางานของฝายทรพยากรบคคล และยงไมสามารถแสดงปฎทนวนหยดใหพนกงานทราบได ดงนนในอนาคตควรมการพฒนาระบบเหลานนเพมเตม เพอเพมประสทธภาพในการทางาน
บรรณานกรม
กระทรวงแรงงาน. (2554). ความหมายของการบรหารทรพยากรมนษย. เขาถงไดจาก http://www.tpa.or.th/writer/read_this_book_topic.php?pageid=2&bookID=2295&rea
d=true&count=true
กระทรวงแรงงาน. (2554). สทธการลาตามกฎหมายแรงงาน.เขาถงไดจาก www.mol.go.th/employee/rihgt_labor%20low โคดดงเบสค.(2562). เอชทเอมแอล เขาถงไดจาก: www.codingbasic.com/html.html. โคดดงเบสค.(2562). พเอชพออนไลน .เขาถงไดจาก: www.codingbasic.com/html.html /ภาษา
พเอชพ. มายดพเอชพ. (2561). ซเอสเอส. เขาถงไดจาก http://www.mindphp.com/คมอ/73-คอ
อะไร/2193-css-คออะไร.html
มายดพเอชพ. (2561). จาวาสครปต. เขาถงไดจาก http://www.mindphp.com/คมอ/73-คอ อะไร/2187-java-javascript-คออะไร.html
มายดพเอชพ. (2561). ดาตาเบสคออะไร .เขาถงไดจาก http://www.mindphp.com/คมอ/73-คอ
อะไร/2055-database-คออะไร.html
บรษท เอส.พ.การไฟฟา อมปอรต จ ากด.(2562). ประวตบรษท.เขาถงไดจาก
http://www.spelectric.co.th
