ระบบการจัดการบุคลากรภายในองค์กร...
TRANSCRIPT
ระบบการจดการบคลากรภายในองคกร กรณศกษา บรษท เอาทซอรสซฟาย จ ากด
Human Resource Management System
: A Case Study of Outsourcify Co., Ltd.
นางสาวศศวรรณ ฉ าชาวนา 5704800062
นายณฐกานต พฒนโพธ 5704800063
ภาคนพนธนเปนสวนหนงของการศกษาตามหลกสตรปรญญาวทยาศาสตรบณฑต ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร
มหาวทยาลยสยาม ปการศกษา 2561
ก
หวขอภาคนพนธ ระบบการจดการบคลากรภายในองคกร กรณศกษา บรษท เอาทซอรสซฟาย จ ากด
หนวยกตของภาคนพนธ 3 หนวยกต
คณะผจดท า นางสาวศศวรรณ ฉ าชาวนา 5704800062 นายณฐกานต พฒนโพธ 5704800063
อาจารยทปรกษา อาจารยวนา โชตชวง
ระดบการศกษา วทยาศาสตรบณฑต
ภาควชา วทยาการคอมพวเตอร
ปการศกษา 2561
บทคดยอ
บรษท เอาทซอรสซฟาย จ ากด เปนบรษททประกอบกจการพฒนาซอฟตแวรเพอใชในเชงธรกจและการเรยนร ประกอบกจการซอขายสนคาหรอบรการโดยวธการใชสออเลกทรอนกสผานระบบเครอขายอนเตอรเนต ประสบปญหาในการจดการกบบคลากรภายในบรษท ยงขาดการจดการอยางเปนระบบ การจดเกบขอมลตาง ๆ เชน ขอมลพนกงาน, ขอมลเกยวกบการเงน, ตารางวนหยดและวนลาของพนกงานซงเดมอยในรปแบบเอกสาร ท าใหเกดความผดพลาดของขอมล และการเรยกดขอมลตาง ๆ ยอนหลงจะท าไดยาก เพราะตองเสยเวลาในการคนหาขอมล สงผลใหขอมลมความเสยหายหรอสญหายได ระบบการจดการบคลากรภายในองคกร กรณศกษา บรษท เอาทซอรสซฟาย จ ากด นมรปแบบเปนเวบแอปพลเคชนเพอใหสามารถจดการงานตาง ๆ ไดอยางเปนระบบและมประสทธภาพมากขน ชวยลดทรพยากรและลดขนตอนการท างานลง ระบบนพฒนาโดย การน า Symfony Framework , PHP, Bootstrap, NodeJS และ MySQL มาประยกตใชในการพฒนาระบบ และเมอน าระบบไปใชโดยผบรหาร, ผจดการ และพนกงานภายในบรษท เอาทซอรสซฟาย ไดใช สรปไดวาระบบสามารถท างานไดตามขอบเขต ตรงตามความตองการของผใชงาน สามารถจดการกบงานตาง ๆ ไดอยางสะดวกและรวดเรว รวมถงชวยลดความผดพลาดของขอมลทอาจเกดขนไดอกดวย
ค าส าคญ: การบรหารทรพยากรมนษย / เวบแอปพลเคชน / บรษท เอาทซอรสซฟาย จ ากด
ค
กตตกรรมประกาศ
(Acknowledgement)
การจดท าภาคนพนธฉบบนส าเรจลงไดนน คณะผจดท าไดแนวทางการพฒนาระบบจากอาจารยผสอนทกทาน และขอมลตาง ๆ ทเกยวกบการพฒนาโปรแกรมสงผลใหคณะผจดท าไดรบความรความเขาใจ และประสบการณตาง ๆ ภาคนพนธฉบบนส าเรจลงดวยดจากความรวมมอและสนบสนนจากหลายฝายดงน
1. อาจารย วนา โชตชวง อาจารยทปรกษา 2. คณ ขวญฤด สงเขป กรรมการผจดการ 3. คณ พงศธร งามพรพมล โปรแกรมเมอร
คณะผจดท าขอขอบคณคณะกรรมการการสอบภาคนพนธ ทไดใหค าแนะน าทดส าคญในการสอบภาคนพนธ รวมถงผทมสวนรวมทไมไดกลาวมา ณ ทนทกทานดวย
ทายสด คณะผจดท าภาคนพนธขอกราบขอบพระคณบดา มารดา ทไดใหการสนบสนนสงเสรมทงก าลงใจและก าลงทรพยตลอดจนส าเรจการศกษา
คณะผจดท า
น.ส.ศศวรรณ ฉ าชาวนา นายณฐกานต พฒนโพธ
สารบญ
หนา
บทคดยอ............................................................................................................................................ก Abstract.............................................................................................................................................ข กตตกรรมประกาศ.............................................................................................................................ค บทท 1 บทน า
1.1 ความเปนมาและความส าคญของปญหา........................................................................1 1.2 วตถประสงคของโครงงาน............................................................................................1 1.3 ขอบเขตของโครงงาน ...................................................................................................2 1.4 ขนตอนและวธการด าเนนงาน.......................................................................................2 1.5 ประโยชนทคาดวาจะไดรบ…………………………………………………………...4 1.6 ระยะเวลาการด าเนนการ...............................................................................................4 1.7 อปกรณและเครองมอทใชในการพฒนาโครงงาน.........................................................5 1.8 อปกรณและเครองมอทรองรบระบบ............................................................................5
บทท 2 การทบทวนวรรณกรรมและแนวคดทเกยวของ 2.1 การบรหารทรพยากรมนษย............................................................................................6 2.2 บรษท เอาทซอรสซฟาย จ ากด.......................................................................................6 2.3 เวบแอปพลเคชน............................................................................................................7 2.4 ระบบฐานขอมล.............................................................................................................8 2.5 Symfony Framework.....................................................................................................8 2.6 CSS 4.............................................................................................................................9
2.7 JavaScript......................................................................................................................9 2.8 Bootstrap and Front-end Framework.............................................................................9 2.9 UI/UX Design..............................................................................................................10 2.10 Flat Design.................................................................................................................10 2.11 งานวจยทเกยวของ......................................................................................................10
สารบญ (ตอ)
หนา
บทท 3 การวเคราะหระบบงาน 3.1 วเคราะหระบบงานปจจบน ..........................................................................................12 3.2 วเคราะหระบบงานใหม................................................................................................17 3.3 Use Case Diagram........................................................................................................21 3.4 Class Diagram..............................................................................................................27 3.5 Sequence Diagram .......................................................................................................28 3.6 Entity Relationship Diagram........................................................................................34 บทท 4 การออกแบบทางกายภาพ 4.1 การออกแบบฐานขอมล (Database Design)..................................................................35 4.2 แผนผงโครงสรางเวบไซต............................................................................................42 4.3 อธบายโครงสรางเวบไซต ............................................................................................43 4.4 การออกแบบสวนตดตอผใช........................................................................................44 บทท 5 สรปผลและขอเสนอแนะ 5.1 สรปผลภาคนพนธ........................................................................................................56 5.2 ขอด..............................................................................................................................56 5.3 ขอจ ากด........................................................................................................................56 5.4 ขอเสนอแนะ................................................................................................................56 บรรณานกรม...................................................................................................................................57
สารบญตาราง
หนา
ตารางท 1.1 แสดงระยะเวลาในการด าเนนงานของโครงงาน.............................................................4 ตารางท 3.1 แสดงรายละเอยด Use Case : Login..............................................................................22 ตารางท 3.2 แสดงรายละเอยด Use Case : Profile.............................................................................23 ตารางท 3.3 แสดงรายละเอยด Use Case : Calendar..........................................................................24 ตารางท 3.4 แสดงรายละเอยด Use Case : Salary..............................................................................25 ตารางท 3.5 แสดงรายละเอยด Use Case : Probation........................................................................26 ตารางท 4.1 ตารางขอมล Employee.................................................................................................35 ตารางท 4.2 ตารางขอมล Fos User...................................................................................................37 ตารางท 4.3 ตารางขอมล Occupation...............................................................................................37 ตารางท 4.4 ตารางขอมล Address Sub District.................................................................................37 ตารางท 4.5 ตารางขอมล Address District......................................................................................38
ตารางท 4.6 ตารางขอมล Address Province....................................................................................38
ตารางท 4.7 ตารางขอมล Address Postalcode.................................................................................38
ตารางท 4.8 ตารางขอมล Calendar..................................................................................................39
ตารางท 4.9 ตารางขอมล Leaveday….............................................................................................39
ตารางท 4.10 ตารางขอมล Salary ....................................................................................................40
ตารางท 4.11 ตารางขอมล Benefits Detail.......................................................................................40
ตารางท 4.12 ตารางขอมล Employee Benefits.................................................................................40
ตารางท 4.13 อธบายโครงสรางของเวบไซต....................................................................................42
สารบญรปภาพ
หนา
รปท 2.1 แผนผงองคกร บรษท เอาทซอรสซฟาย จ ากด......................................................................7 รปท 3.1 Work Flow Diagram การท างานของฟงกชนการอนมตผานงาน (ระบบงานปจจบน).......14 รปท 3.2 Work Flow Diagram การท างานของฟงกชน Holiday (ระบบงานปจจบน).......................15 รปท 3.3 Work Flow Diagram การท างานของฟงกชน Salary (ระบบงานปจจบน)..........................16 รปท 3.4 Work Flow Diagram การท างานของฟงกชนการอนมตผานงาน (ระบบงานใหม)............18 รปท 3.5 Work Flow Diagram การท างานของฟงกชน Holiday (ระบบงานใหม)............................19 รปท 3.6 Work Flow Diagram การท างานของฟงกชน Salary (ระบบงานใหม)...............................20 รปท 3.7 Use Case Diagram ของระบบบรหารจดการภายในองคกร................................................21
รปท 3.8 Class Diagram ของระบบการจดการบคลากรภายในองคกร.......................................27 รปท 3.9 Sequence Diagram ของ Login...........................................................................................28 รปท 3.10 Sequence Diagram ของ Profile........................................................................................29 รปท 3.11 Sequence Diagram ของ Calendar....................................................................................30 รปท 3.12 Sequence Diagram ของ Salary........................................................................................31 รปท 3.13 Sequence Diagram ของ Probation...................................................................................32 รปท 3.14 Sequence Diagram ของ Print Report...............................................................................33 รปท 3.15 แผนภาพแสดงความสมพนธระหวางเอนทต...................................................................34 รปท 4.1 แผนผงโครงสรางเวบไซต.................................................................................................41 รปท 4.2 หนาจอเขาสระบบของผใช................................................................................................43 รปท 4.3 หนาแรกเมอผใชท าการ Login เขามาในระบบ...................................................................43 รปท 4.4 แถบเมน............................................................................................................................44 รปท 4.5 หนาจอเมน Profile แสดงขอมลสวนตว............................................................................45 รปท 4.6 หนาจอการแกไขขอมลสวนตว..........................................................................................46 รปท 4.7 หนาจอเมน Calendar แสดงปฏทน....................................................................................47 รปท 4.8 หนาจอการขอวนลาหยด...................................................................................................48 รปท 4.9 หนาจอการก าหนดวนหยดหรอกจกรรมของบรษท..........................................................48 รปท 4.10 หนาจอแสดงตารางวนท..................................................................................................49 รปท 4.11 หนาจอเมน Add Salary...................................................................................................50 รปท 4.12 หนาจอการบนทกจ านวนเงนเดอน..................................................................................50 รปท 4.13 หนาจอเมน Salary แสดงรายละเอยดเงนเดอน................................................................51
สารบญรปภาพ (ตอ)
หนา
รปท 4.14 หนาจอเมน Reset Password............................................................................................52 รปท 4.15 หนาจอเมน Employee แสดงรายชอพนกงาน.................................................................52 รปท 4.16 หนาจอการเพมขอมลพนกงานใหม................................................................................53 รปท 4.17 หนาจอเมน Add Benefits................................................................................................54 รปท 4.18 หนาจอเมน Add Occupation...........................................................................................54 รปท 4.19 หนาจอเมน Add Leave Type..........................................................................................55 รปท 4.20 หนาจอเมน Address........................................................................................................55
บทท 1
บทน ำ
1.1 ควำมเปนมำและควำมส ำคญของปญหำ
บรษท เอาทซอรสซฟาย จ ากด เปนบรษททประกอบกจการพฒนาซอฟตแวรเพอใชในเชง
ธรกจและการเรยนร ประกอบกจการซอขายสนคาหรอบรการโดยวธการใชสออเลกทรอนกสผาน
ระบบเครอขายอนเตอรเนต และในปจจบนทางบรษทยงไมมระบบทชวยในการจดการบคลากร
ภายในองคกร ขอมลของพนกงานถกจดเกบไมเปนระบบ ท าใหหาขอมลไดยาก การจดการ
เงนเดอนอาจมความผดพลาดได เพราะเงนเดอน คาลวงเวลา และคาสวสดการของพนกงานแตละ
คนไมเทากน การอนมตวนหยดและวนลาของพนกงานซอนทบกนท าใหมผลกระทบตองาน
และถาตองการดขอมลของเดอนทผานมาแลวนน จะตรวจสอบไดยากและขอมลอาจสญหายได
จากเหตผลดงกลาว คณะผจดท าโครงการจงพฒนาระบบทชวยในการจดการบคลากร
ภายในองคกร โดยน าเทคโนโลย Symfony Framework มาประยกตใชในการพฒนาระบบ
ซง Symfony Framework นเปน PHP Framework ตวหนง ทมประสทธภาพสง เปน Opensource
ทไมมคาใชจาย ชวยใหนกพฒนาหรอนกออกแบบหลายคนท างานพรอม ๆ กนเปนกลมในโครงการ
ขนาดใหญได มองคประกอบดานความปลอดภยทมความยดหยนสงทสามารถก าหนดคาไดตาม
ความจ าเปนในการท างาน สามารถรองรบการประมวลผลขนาดใหญและการใชงานเวบทมการ
ประมวลผลหนก ๆ ได
การน าระบบการจดการบคลากรภายในองคกรมาใชในบรษท เอาทซอรสซฟาย จ ากด
จะชวยในเรองของการจดการขอมลพนกงาน การจดการเงนเดอนใหกบพนกงาน ทงเงนเดอนในแต
ละเดอน คาลวงเวลา หรอคาสวสดการพนกงาน การจดการตารางวนหยดและวนลาของพนกงาน
เพอใหการท างานมประสทธภาพ ชวยลดขนตอนในการท างานใหกบผดแลระบบ สามารถจดการ
ไดงายและรวดเรวยงขน สามารถดขอมลทงปจจบนและขอมลยอนหลงได อกทงยงสามารถออก
รายงานไดอกดวย
1.2 วตถประสงคของโครงงำน
เพอพฒนาระบบการจดการบคลากรภายในองคกร กรณศกษา บรษท เอาทซอรสซฟาย
จ ากด
2
1.3 ขอบเขตของโครงงำน
1.3.1 พฒนาโดยใชสถาปตยกรรมเวบแอบพลเคชน (Web Application Architecture)
1.3.2 กลมผใชแบงเปน 2 กลม
1.3.2.1 ผดแลระบบ (Admin) โดย
1.3.2.1.1 สามารถจดการกบขอมลพนกงานได
1.3.2.1.2 สามารถจดการกบขอมลนกศกษาฝกงานได
1.3.2.1.3 สามารถจดการเงนเดอนของพนกงานได
1.3.2.1.4 สามารถจดการปฏทนของบรษทได
1.3.2.1.5 สามารถอนมตวนลาของพนกงานได
1.3.2.1.6 สามารถอนมตการทดลองงานของพนกงานได
1.3.2.1.7 สามารถดประวตการลาของพนกงานได
1.3.2.2 พนกงาน (Staff) โดย
1.3.2.2.1 สามารถแกไขประวตสวนตวได
1.3.2.2.2 สามารถดผลการอนมตการทดลองงานได
1.3.2.2.3 สามารถเลอกขอวนลาได
1.3.2.2.4 สามารถดผลการอนมตวนลาได
1.3.2.2.5 สามารถดปฏทนวนหยดของบรษทได
1.3.2.2.6 สามารถดรายละเอยดเงนเดอนของตวเองได
1.4 ขนตอนและวธกำรด ำเนนงำน
1.4.1 รวบรวมความตองการ
เกบรวบรวมขอมลความตองการดวยการสมภาษณจาก คณขวญฤด สงเขป
ต าแหนง กรรมการผจดการ บรษท เอาทซอรสซฟาย จ ากด จากนนจงเรยบเรยงขอมลตาง ๆ
และสรปความตองการออกมาเพอก าหนดเปนขอบเขตของการท างาน รวมทงศกษาและท า
ความเขาใจเกยวกบขนตอนการท างานตาง ๆ ของบรษท ตงแตการรบสมครพนกงาน,
การผานการทดลองงาน, การค านวณเงนเดอน รวมถงการจดการตารางวนหยด และการ
อนมตวนลาของพนกงาน
3
1.4.2 ออกแบบหนาเวบไซต
การออกแบบเวบไซตใช CSS (Cascading Style Sheet) เพอรางหนาจอการท างาน
และ การออกแบบจะค านงถงผใชงานเปนหลก ออกแบบหนาเวบไซตในรปแบบ Flat
Design เนนความเรยบงายเปนหลก เพอใหงายตอการใชงาน ประยกตใชสญลกษณไอคอน
แทนขอความตาง ๆ เชน คนหา, พมพรายงาน และปมออกจากระบบ เปนตน ออกแบบให
เปนเวบไซตแบบ Responsive ทสามารถรองรบกบขนาดของหนาจออปกรณไดทกชนด
ไมวาจะเปนเครองคอมพวเตอร, โนตบค, สมารทโฟน และแทบเลต
1.4.3 ออกแบบฐานขอมล
ออกแบบฐานขอมลโดยใชสถาปตยกรรมฐานขอมลเชงสมพนธ (Relational
Database) ทมการเกบขอมลใหอยในรปแบบตาราง โดยใชโปรแกรม MySQL Version 5.7
ในการจดการกบขอมลตาง ๆ ในฐานขอมล จดท า Data Dictionary เพอแสดงรายละเอยด
ของตารางขอมล เชน ชอตาราง (Table Name), ชอตวแปร (Attribute), รายละเอยดขอมล
(Data Description) และชนดขอมล (Data Type) เปนตน
1.4.4 พฒนาระบบ
ในขนตอนของการพฒนาระบบ เรมจากการเขยนหนาเวบไซตทเปนสวนตดตอกบผใช (GUI : Graphical User Interface) โดยการออกแบบเคาโครงหนาเวบไซตใช Bootstrap เขยนหนาเวบไซตขนมา จากนนจงเขยนโคดโปรแกรมสวนของฟงกชนการท างานของแตละหนาในเวบไซตเพอใหระบบใชงานไดตามขอบเขตของโครงงาน โดยเขยนในรปแบบของ Symfony Framework ซงเปนกลมของ PHP Components ( Components คอ Library ทเขยนขนมาเพอท าหนาทอยางใดอยางหนง ) ทสามารถใชงานซ าได และประยกตใช MySQL ในการจดการกบขอมล
1.4.5 ทดสอบและแกไขระบบ เมอการพฒนาระบบเสรจสนลง ไดมการทดสอบระบบแบบ Unit Test ซงเปนการ
ทดสอบฟงกชนของระบบในแตละสวนยอย ๆ โดยผใชทเปนพนกงานในบรษท มาท าการ
ทดสอบระบบวาสามารถตอบสนองตอความตองการของผใชไดหรอไม ตรงตามความ
ตองการมากนอยเพยงไร มจดผดพลาดหรอขอบกพรองอยางไรบาง ขอมลมความถกตอง
และแมนย ามากแคไหน รวมทงผใชมขอเสนอแนะหรอขอแนะน าอยางไรบาง จากนนท า
การรวบรวมขอมลและสรปขอผดพลาดหรอขอเสนอแนะจากผใชทท าการทดสอบระบบ
แลว มาปรบปรงแกไขระบบใหตรงตามความตองการและมประสทธภาพมากยงขน
4
1.4.6 ประเมนผลและจดท าเอกสาร
ประเมนผลโดยใหผใชทดลองใชระบบและสอบถามความพงพอใจหลงการใชงาน วาผใชพบขอผดพลาดและมขอเสนอแนะอยางไรบาง จดท าเอกสารโดยท าเปนรปเลมโครงงาน ใหอยในรปแบบทเปนมาตรฐาน ซงประกอบไปดวยรายละเอยด, วธการหรอขนตอนการด าเนนงาน รวมถงฟงกชนการท างานตาง ๆ ของระบบทพฒนาขนมา
1.5 ประโยชนทคำดวำจะไดรบ
1.5.1 ชวยลดขนตอนในการท างานใหกบผดแลระบบ
1.5.2 ชวยลดทรพยากรในการท างาน
1.5.3 ขอมลมความถกตองและแมนย ามากขน
1.5.4 ระบบมความนาเชอถอและมประสทธภาพมากขน
1.5.5 ชวยใหจดการกบขอมลไดอยางเปนระบบ งายตอการตรวจสอบขอมลยอนหลง 1.6 ระยะเวลำกำรด ำเนนกำร
ตารางท 1.1 แสดงระยะเวลาในการด าเนนงานของโครงงาน
หวขอ ระยะเวลำ
ต.ค. 60 พ.ย. 60 ธ.ค. 60 ม.ค. 61 ก.พ. 61 ม.ค. 61 เม.ย.61
1. รวบรวมความตองการ
2. ออกแบบหนาเวบไซต
3. ออกแบบฐานขอมล
4. พฒนาระบบ
5. ทดสอบและแกไข
ระบบ
6. ประเมนผลและจดท า
เอกสาร
5
1.7 อปกรณและเครองมอทใชในกำรพฒนำโครงงำน
1.7.1 ฮารดแวร 1.7.1.1 เครองคอมพวเตอรโนตบค รน Asus ROG GL552 CPU Core i7 Ram
16GB 1.7.1.2 เครองคอมพวเตอรโนตบค รน Asus Core i5 Ram 6GB
1.7.2 ซอฟตแวร 1.7.2.1 โปรแกรม Git version 2.13.0 1.7.2.2 โปรแกรม NodeJS version 6.11.1 1.7.2.3 โปรแกรม Yarn version 0.27.51 1.7.2.4 โปรแกรม Visual Studio Code version 1.24 1.7.2.5 โปรแกรม WampServer version 3.0.6
1.8 อปกรณและเครองมอทรองรบระบบ
1.8.1 ฮารดแวร 1.8.1.1 เครองคอมพวเตอร CPU Core i3, Ram 4GB, HDD 500 GB 1.8.1.2 เครองคอมพวเตอรโนตบค CPU Core i3, Ram 4GB, HDD 500 GB
1.8.2 ซอฟตแวร 1.8.2.1 ระบบปฏบตการ 32 bit หรอ 64 bit ตงแต Windows 7, Windows 8 และ
Windows 10 1.8.2.2 Web Browser
บทท 2
การทบทวนวรรณกรรมและแนวคดทเกยวของ
2.1 การบรหารทรพยากรมนษย[1]
การบรหารทรพยากรมนษย (Human Resource Management: HRM) หมายถง กระบวนการ
วธการ หรอกลยทธทผบรหารน ามาประยกตใชในการจดการกบบคลากร ใหสามารถปฏบตงานได
ส าเรจตามวตถประสงคขององคกร เพอใหองคกรไดบคลากรทมความร ความสามารถ เขามา
ปฏบตงานและสรางความเจรญเตบโตกาวหนาใหแกองคกร พรอมทงรองรบการเปลยนแปลงของ
โลกธรกจและเทคโนโลยยคใหมได
โดยการบรหารทรพยากรมนษยนนตองครอบคลมทง 7 ดาน คอ การวางแผนดานก าลงคน,
การสรรหาและการคดเลอกบคลากร, การฝกอบรมพฒนาบคลากร, การจายคาตอบแทนและ
ผลประโยชนเกอกล, การดแลสขภาพความปลอดภย, ดานแรงงานสมพนธ และการวจยดาน
ทรพยากรมนษย รวมทงการจดการความสมพนธระหวางผบรหารกบบคลากร ตงแตระดบสงสด
จนถงลางสด รวมตลอดถงการด าเนนการตาง ๆ อนเกยวของกบบคลากรทกคนในองคกร
2.2 บรษท เอาทซอรสซฟาย จ ากด[2]
บรษท เอาทซอรสซฟาย จ ากด คอ บรษททประกอบกจการพฒนาซอฟตแวร เปน
ผเชยวชาญดานการออกแบบและพฒนาเวบไซต, แอปพลเคชน รวมทงโมบายแอปพลเคชน เพอใช
ในเชงธรกจและการเรยนร ประกอบกจการซอขายสนคาหรอบรการโดยวธการใชสออเลกทรอนกส
ผานระบบเครอขายอนเตอรเนต เปนบรษททไดรบความรบรองจาก BOI ถกสรางขนโดยคคาจาก
ไทย ฝรงเศส และสวเดน ประกอบดวยบคลากรภายในบรษทรวม 35 คน
ในสวนของการจดการบคลากรนน ผจดการจะด าเนนการจดการขอมลทเกยวของกบ
พนกงานภายในบรษท ตงแตการรบสมครพนกงาน การทดลองงานของพนกงานซงจะทดลองงาน
เปนเวลา 120 วน การลาหยดของพนกงานโดยแบงตามประเภท ไดแก การลากจ, ลาปวย และการลา
แบบไมรบเงนเดอน รวมถงการจดการทเกยวของกบการเงน ไดแก เงนเดอนของพนกงาน, เงนคา
ลวงเวลา และเงนคาสวสดการ เปนตน
7
รปท 2.1 แผนผงองคกร บรษท เอาทซอรสซฟาย จ ากด
2.3 เวบแอปพลเคชน[3]
เวบแอปพลเคชน (Web Application) หรอโปรแกรมประยกตบนเวบ คอ การพฒนาแอป
พลเคชนทถกเขยนขนมาเพอเปน Browser ส าหรบการใชงาน Webpage ตาง ๆ โดยไมตองแจกจาย
หรอตดตงซอฟตแวรบนเครองของผใช ซงมระบบมการไหลเวยนในแบบ Online ทงแบบ Local
(ภายในวง LAN เดยวกน) และแบบ Global (ออกไปยงเครอขายอนเตอรเนต) ท าใหเหมาะส าหรบ
งานทตองการขอมลแบบ Real-Time ขอดของเวบแอปพลเคชน คอ ระบบมประสทธภาพมากขน
ชวยลดการใชทรพยากร สามารถใชงานระบบไดงาย มความสะดวก รวดเรว เพราะสามารถเขาถง
ระบบไดทกท ทกเวลา และทกแพลตฟอรม
8
2.4 ระบบฐานขอมล[4]
ฐานขอมล (Database) คอ กลมของขอมลซงถกเกบรวบรวมไวในทเดยวกน โดยเกบขอมลตามระดบจากหนวยใหญไปจนถงหนวยยอย ซงประกอบไปดวย แฟมขอมล (File) ,ระเบยน (Record) ,เขตขอมล (Field) ไปจนถงหนวยไบตหรออกขระ (Character) ซงขอมลทงหมดนอาจตองเกบไวในแฟมขอมลเดยวกนหรอแยกเกบหลาย ๆ แฟมขอมลกได และขอมลตองมความสมพนธซงกนและกน ระบบฐานขอมล (Database System) คอ ระบบทรวบรวมขอมลหรอแฟมขอมลตาง ๆ ทมความเกยวของกนและมความสมพนธกน เพอชวยใหผใชสามารถสราง แกไข หรอจดการกบขอมลในฐานขอมลได โดยมระบบจดการฐานขอมล หรอ DBMS (Database Management System) เปนสอกลางระหวางผใชกบโปรแกรม ซงมหนาทชวยใหผใชเขาถงขอมลไดงาย สะดวก รวดเรว และมประสทธภาพ
2.5 Symfony Framework[5]
Symfony Framework คอ PHP Framework ตวหนง ซงเปน Object และ Function ทเจาของ
Framework นน ๆ เขยนค าสงพนฐานทตองใชบอย ๆ ไวแลว ท าใหผใชสามารถเรยกใชงานไดโดย
ไมตอง เ ขยนค าส ง ใหม Symfony Framework ได รบความนยมเพราะ เ ปน Framework ท ม
ประสทธภาพสง ถกพฒนาโดย Sensio Labs จากประเทศฝรงเศส
Symfony Framework ใชรปแบบการท างานแบบ MVC คอ มลกษณะเปนรปแบบการเขยน
OOP (Object Oriented Programming) ชนดหนง โดยแบงการท างานออกเปน 3 สวนใหญ คอ สวน
Controller ท าหนาทรบ Request พรอมกบควบคมค าสงการท างานจากผใช, สวน Model ท าหนาท
เชอมตอกบ Database และสวน View ท าหนาทตดตอกบผใชงานโดยตรง
ขอดของ Symfony Framework คอการเขยนโคดโปรแกรมเปนแบบ Reusable คอการเขยน
ครงเดยว แลวสามารถเรยกใชซ าได เมอตองการแกไขโคดโปรแกรมบางสวน จะไมสงผลกระทบ
ไปยงสวนอน ๆ และมการวางโครงสรางของไฟลและโฟลเดอรอยางเปนระเบยบ
9
2.6 CSS 4[6] CSS (Cascading Style Sheet) version 4 คอ ภาษาทใชในการจดรปแบบการแสดงผลของ
เอกสาร HTML โดยท CSS นนสามารถก าหนดรปแบบ หรอ Style ของเนอหาในเอกสาร เชน
สของขอความ, สพนหลง, ประเภทของตวอกษร และการจดวางขอความ เปนตน ซงการก าหนด
รปแบบ หรอ Style นจะใชหลกการของการแยกเนอหาของเอกสาร และค าสงก าหนดรปแบบออก
จากกน เพอใหเวลาแกไขสวนใดสวนหนงแลวไมสงผลกระทบตอกน และการแสดงผลของเอกสาร
HTML มความสม าเสมอกนทกหนา เอกสารไปในรปแบบและทศทางเดยวกนภายในเวบไซต
เดยวกน
2.7 JavaScript[7]
JavaScript คอ ภาษาคอมพวเตอรส าหรบการเขยนโปรแกรมบนระบบอนเทอรเนต เปน
ภาษาสครปตเชงวตถ ซงในการสรางและพฒนาเวบไซตมการประยกตใชกบ HTML ชวยให
เวบไซตดมการเคลอนไหว สามารถตอบสนองผใชงานไดมากขน มรปแบบการท างานในลกษณะ
แปลความและด า เ นนงานไปทละค าส ง ( Interpret) ห รอ เ รยกวา OOP (Object Oriented
Programming) ทสามารถออกแบบและพฒนาโปรแกรมในระบบอนเทอรเนต ส าหรบผทเขยนดวย
ภาษา HTML สามารถท างานขามแพลตฟอรมได โดยท างานรวมกบ ภาษา HTML และภาษา Java
ไดทงจากทางฝง Client และ ทางฝง Server
2.8 Bootstrap and Front-end Framework[8]
Bootstrap คอ Front-end Framework ชนดหนงทรวม HTML, CSS และ JS เขาดวยกน
ส าหรบการพฒนาเวบไซตใหรวดเรวขน งายขน และเปนระบบมากขน ซงค าวา Bootstrap ใน
ภาษาองกฤษมกจะหมายถง “สงทชวยท าใหงายขน” หรอ “สงทท าไดดวยตวของมนเอง” ซงในกรณ
นหมายความวา ถาใช Bootstrap ในการท างานแลว กไมจ าเปนตองไปหาอะไรมาเพมอก
สวน Front-end Framework นน ค าวา front-end หมายถง สวนทแสดงผลให User ทวไป
เหน หรอหนาเวบไซต และค าวา framework นนจะหมายถง สงทเขามาชวยก าหนดกรอบหรอ
ขอบเขตของการท างานใหเปนไปในทศทางเดยวกน
10
2.9 UI/UX Design[9]
UI (User Interface) คอ สวนทตดตอกบผใชงาน เนนในเรองของการออกแบบหนาจอหรอ
แพลทฟอรมตาง ๆ ใหสวยงามและเขาใจงาย ไมวาจะเปน เมน ปม การใชส สญลกษณ การจดวาง
ภาพ ขนาดตวอกษร ของแตละหนาเวบไซต แอปพลเคชน หรอโปรแกรม
UX (User Experience) คอ ประสบการณของผใชงาน เนนในเรองของการมปฏสมพนธกบ
ผใช วาเมอผใชใชระบบทพฒนาขนมาแลว ผใชมความรสกอยางไรกบระบบ สามารถเขาใจระบบ
ไดหรอไม มความพงพอใจและความยากงายในระดบไหน
2.10 Flat Design[10]
Flat design คอ การออกแบบใหดแบนราบ โดยเนนความเรยบงาย เนนการใชงาน
ลดกราฟกทไมจ าเปนลง เชน วตถทมมต การใสพนผวใหกบวตถ หรอการใชแสงและเงา เปนตน
เพอใหผใชงานโฟกสไปทจดส าคญมากยงขน มการใชสสนสดใสหรอฉดฉาด เพราะการท าให
ทกอยางดแบนราบ อาจท าใหผใชจดจ าและแยกแยะออกไดยากวาองคประกอบตาง ๆ มไวท าอะไร
ดงนนจงจ าเปนตองใชสเขามาชวย ขอดของ Flat Design คอ สามารถใชงานไดงาย มความสวยงาม
หนาเวบไซตดทนสมย และเหมาะส าหรบการท า Responsive website เพราะสามารถจดรปแบบ
องคประกอบใหเขากบหนาจอในขนาดตาง ๆ ไดงาย
2.11 งานวจยทเกยวของ[11]
อารษา แกวเปย, สรพล ชมกลน, พชต พวงภาคศร คณะวทยาศาสตรและเทคโนโลย
มหาวทยาลยราชภฏอตรดตถ(2559) การพฒนาระบบฐานขอมลบคลากรออนไลน กรณศกษา
เทศบาลต าบลบานดานนาขาม อ าเภอเมอง จงหวดอตรดตถ ทมวจยไดพฒนาระบบฐานขอมล
ออนไลน ซงสามารถจดการขอมลประวตบคลากร ต าแหนง เงนเดอน การศกษา การลา การอบรม
เครองราชอสรยาภรณ โทษทางวนย และการจดการขาว โดยน าโมเดลวงจรการพฒนาระบบ
(System Development Life Cycle : SDLC) มาประยกตใชในการวเคราะหและออกแบบระบบ
พฒนาระบบดวยภาษา PHP, HTML, JavaScript และใชการจดการฐานขอมล MySQL ระบบท
พฒนาขนมาถกประเมนโดยผใชงานระบบแบงเปน 4 ประเภท ไดแก ผดแลระบบ, เจาหนาท,
พนกงาน และผบรหาร ซงผลการประเมนอยในระดบด ระบบทพฒนาใหมสามารถใชแทนระบบ
เดมได ชวยลดปญหาความซบซอนของขอมล, ปญหาความขดแยงของขอมล, ปญหาการคนคน
ขอมล และสามารถแสดงรายงานของระบบเพอเปนขอมลชวยในการตดสนใจแกผบรหารไดอก
ดวย
11
อบดลเลาะ บากา คณะวทยาการสอสาร สาขาวชาเทคโนโลยสารสนเทศและการสอสาร
เพอการจดการ มหาวทยาลยสงขลานครนทร(2551) ระบบการจดการทรพยากรมนษย กรณศกษา
โรงเรยนธรรมวทยามลนธ จงหวดยะลา เปนโรงเรยนเอกชนสอนศาสนาอสลามขนาดใหญ ม
คณาจารย บคลากร และนกเรยนจ านวนมาก แตไมมระบบการจดการทรพยากรบคคลทด ท าใหการ
จดการท าไดยากและลาชา มการเกบขอมลตาง ๆ อยในรปแบบของเอกสาร ท าใหเกดปญหาไดงาย
ทงการทเอกสารสญหาย, ความถกตองของขอมล, การคนหาขอมล, การประมวลผลขอมล, การ
เปรยบเทยบขอมล และการจดท ารายงานเพอเสนอตอผบรหาร ดงนนจงพฒนาระบบนขนมาเพอให
สามารถจดการกบขอมลไดสะดวก รวดเรว และมประสทธภาพมากยงขน
12
บทท 3
การวเคราะหระบบงาน
3.1 วเคราะหระบบงานปจจบน
ปจจบนบรษท เอาทซอรสซฟาย จ ากด ยงไมมระบบสารสนเทศทชวยในเรองของการ
จดการขอมลตาง ๆ ของพนกงาน การท างานสวนใหญใชเอกสาร ในการจดการขอมลของพนกงาน
นนมขนตอนดงน
1. เมอมการสมครเขามาเปนพนกงานใหม จะมการเกบบนทกประวตพนกงานและ
เอกสารส าคญตาง ๆ เกยวกบผสมคร เชน ส าเนาบตรประชาชน, ส าเนาทะเบยนบาน,
ส าเนาวฒการศกษา เปนตน
2. พนกงานใหมจะมการทดลองงานเปนเวลา 120 วน ถาผานชวงทดลองงานแลวจะได
บรรจเปนพนกงานประจ าและขนเงนเดอน
3. การบนทกเวลาเขา-ออกงาน เปนการลงเวลาและเซนชอในเอกสารของในแตละวน
4. วนหยด ในสวนของวนหยดประจ าปหรอวนหยดนกขตฤกษ ผดแลระบบจะเปนผ
ก าหนดวาหยดวนไหนบางและประกาศใหพนกงานทราบ
5. วนลา ในสวนของวนลาน พนกงานจะตองระบวนทตองการลา และแจงใหผดแลระบบ
ทราบและท าการอนมต หากผดแลระบบไมอนมต พนกงานสามารถระบวนทและแจง
อกรอบได โดยการลาหยดแบงตามประเภทไดดงน
1) ลาพกรอน สามารถลาพกรอนได 5 วนตอป และวนลาพกรอนจะเพมตามอาย
การท างานของพนกงานแตละคน
2) ลากจธระหรอลาปวย ผดแลระบบจะเปนผก าหนดวาสามารถลากจธระหรอลา
ปวยไดเปนจ านวนกวน
3) ลาแบบไมรบเงนเดอน เมอพนกงานลากจธระหรอลาปวยครบตามจ านวน
วนทไดรบแลว จะสามารถลาแบบไมรบเงนเดอนได แตตองแจงผดแลระบบ
และรอการอนมตตามขนตอนการลางานดวย
6. เงนเดอน ผดแลระบบจะค านวณเงนเดอนใหพนกงาน ซงประกอบไปดวย เงนเดอน,
เงนคาลวงเวลา, เงนโบนสพเศษ, คาสวสดการพนกงานตาง ๆ และออกใบเสรจแจง
รายละเอยดทงหมดใหกบพนกงาน
13
3.1.1 ปญหาของระบบงานปจจบน
3.1.1.1 การจดการขอมลทยงไมเปนระบบ ท าใหจดการหรอแกไขกบขอมลตาง ๆ
ไดยากและสนเปลองทรพยากร
3.1.1.2 การคนหาขอมลยอนหลงจะสามารถท าไดยาก ตองเสยเวลาในการคนหา
ขอมลตาง ๆ และขอมลอาจเกดความเสยหายหรอสญหายได
3.1.1.3 ไมมระบบแจงเตอนเมอพนกงานใกลครบก าหนดการทดลองงาน
3.1.1.4 การอนมตวนลาของพนกงาน ผดแลระบบตองดวนในตารางปฏทนเพอ
เปรยบเทยบวาพนกงานขอวนลาทบซอนกนหรอตรงกบวนหยดหรอไม
3.1.1.5 ขอมลเกยวกบการเงน อาจมความผดพลาดได เพราะเงนเดอน คาลวงเวลา
และคาสวสดการของพนกงานแตละคนไมเทากน
14
3.1.2 Work Flow Diagram ระบบงานปจจบน
รปท 3.1 Work Flow Diagram การท างานของฟงกชนการอนมตผานงาน (ระบบงานปจจบน)
15
รปท 3.2 Work Flow Diagram การท างานของฟงกชน Holiday (ระบบงานปจจบน)
16
รปท 3.3 Work Flow Diagram การท างานของฟงกชน Salary (ระบบงานปจจบน)
17
3.2 วเคราะหระบบงานใหม
ระบบการจดการบคลากรภายในองคกร เปนระบบทอยในรปแบบของเวบแอพพลเคชนทม
ความสะดวกและรวดเรวตอการใชงาน น าระบบสารสนเทศมาชวยในการจดการกบขอมลตาง ๆ
อยางเปนระบบมากขนส าหรบผใชท ง 2 ฝาย ดงน
1. ผดแลระบบหรอผจดการ
- สามารถจดการกบขอมลพนกงานได
- สามารถจดการกบขอมลการเงนได
- สามารถจดการกบปฏทนวนหยดได
- สามารถอนมตการทดลองงานของพนกงานได
- สามารถอนมตวนลาหยดของพนกงานได
- ออกเอกสารรายงานขอมลตาง ๆ ได เชน รายงานแสดงขอมลเกยวกบการเงน
รายงานแสดงปฏทนวนหยดและวนลาของพนกงาน เปนตน
2. พนกงาน
- สามารถแกไขขอมลสวนตวของพนกงาน
- สามารถดผลการอนมตการผานการทดลองงานได
- สามารถดปฏทนวนหยดของบรษท
- สามารถเลอกวนทเพอขอลาหยด และดผลการอนมตได
- สามารถดเงนเดอนของตวเองได
ในขนตอนการวเคราะหระบบงานนน ผพฒนาระบบไดศกษาและท าการรวบรวมขอมล
ของระบบงานปจจบน เพอพฒนาเปนระบบใหม โดยวเคราะหความตองการ (Functional And Non
Functional Requirement) ของทางบรษท ใชการออกแบบเชงวตถ (UML) เขามาชวยในการอธบาย
การท างานของระบบอยางเปนขนตอนดวยแผนภาพ Use Case Diagram พรอมทงรายละเอยดจาก
Use Case Detail และ Sequence Diagram รวมถงการใช Entity Relationship Diagram ในการแสดง
ถงความสมพนธของขอมลตาง ๆ ทเกยวของกนในระบบการจดการบคลากรภายในองคกร
18
3.2.1 Work Flow Diagram ระบบงานใหม
รปท 3.4 Work Flow Diagram การท างานของฟงกชนการอนมตผานงาน (ระบบงานใหม)
19
รปท 3.5 Work Flow Diagram การท างานของฟงกชน Holiday (ระบบงานใหม)
20
รปท 3.6 Work Flow Diagram การท างานของฟงกชน Salary (ระบบงานใหม)
3.2.2 Functional Requirement
FR 1 ระบบสามารถก าหนดสทธในการเขาใชงานได
FR 2 ระบบสามารถจดการขอมลพนกงานได
FR 3 ระบบสามารถจดการขอมลเงนเดอนได
FR 4 ระบบสามารถแจงวนครบก าหนดการทดลองงานของพนกงานและอนมต
การผานการทดลองงานได
FR 5 ระบบสามารถจดการปฏทนวนหยดได
FR 6 ระบบสามารถระบวนลาและอนมตวนลาได
21
3.2.3 Non - Functional Requirement
NFR 1 สามารถดผลการอนมตวนหยดได
NFR 2 สามารถแกไขวนหยดหลงจากอนมตแลวไดภายใน 7 วน
NFR 3 สามารถดรายละเอยดเงนเดอนได
3.3 Use Case Diagram
รปท 3.7 Use Case Diagram ของระบบบรหารจดการภายในองคกร
22
3.3.1 Use Case Detail
ตารางท 3.1 แสดงรายละเอยด Use Case : Login
Use Case Name Login Use Case ID UC01 Brief Descriptions เขาสระบบ Primary Actors Admin, Staff Secondary Actors - Preconditions ไดรบสทธเขาสระบบ Main Flow : 1. ระบบจะเรมท างานเมอ Admin หรอ Staff เลอกเขาใชงาน 2. ระบบจะแสดงหนาส าหรบปอน Username และ Password 3. ถา Admin หรอ Staff ปอน Username และ Password ถกตอง
3.1 ระบบจะแสดงหนาแรกของการใชงาน 4. else 4.1 ระบบจะแสดง Dialog แจงวา Username หรอ Password ไมถกตอง Post Conditions Admin หรอ Staff สามารถเขาใชงานฟงกชนตาง ๆ ของระบบได Alternative Flows -
23
ตารางท 3.2 แสดงรายละเอยด Use Case : Profile
Use Case Name Profile Use Case ID UC02 Brief Descriptions การจดการขอมลสวนตว Primary Actors Admin, Staff Secondary Actors - Preconditions หลงจากเขาสระบบส าเรจ Main Flow : 1. ระบบจะเรมท างานเมอ Admin หรอ Staff เลอกเมน Profile 2. ระบบจะแสดงหนาจอขอมลของบคลากรคนนน 3. Admin หรอ Staff สามารถเขากดปม Edit เพอท าการแกไขขอมลสวนตวของตนเองได 4. เมอกดปม Edit แลว Admin หรอ Staff สามารถ เพม ลบ หรอแกไข ขอมลในสวนตาง ๆ ได 5. หลงจากทท าการแกไขขอมลเสรจแลว ให Admin หรอ Staff ท าการกดปมบนทก เพอท า
การ Update ขอมลตาง ๆ Post Conditions Admin หรอ Staff ไดขอมลสวนตวทท าการ Update แลว Alternative Flows -
24
ตารางท 3.3 แสดงรายละเอยด Use Case : Calendar
Use Case Name Calendar Use Case ID UC03 Brief Descriptions การจดการวนหยดของบรษทและวนลาของพนกงาน Primary Actors Admin, Staff Secondary Actors - Preconditions หลงจากเขาสระบบส าเรจ Main Flow : 1. ระบบจะเรมท างานเมอ Admin หรอ Staff เลอกเมน Holiday 2. ระบบจะแสดงปฏทนวนหยดของบรษทในแตละเดอนขนมา 3. เมอ Admin เขามาจะไดปม Edit เพอทจะสามารถแกไขวนหยดตาง ๆ ของบรษทได 4. ในสวนของ Staff จะเปนการเขาไปดวนหยดตาง ๆ ของบรษท และสามารถของวนลาได 5. เมอ Staff ตองการขอวนลาไดโดย
5.1 Staff ตองท าการเลอกประเภทของการลา 5.2 Staff ท าการเลอกวนทตองการลา ตงแตวนท ถง วนท 5.3 Staff การกรอกหมายเหตของการลา 5.4 Staff ท าการสงค าขอไปยง Admin 5.5 Admin ไดรบค าขอจาก Staff ทสงมา 5.6 if Admin ท าการพจารณาค าขอทสงมา
5.6.1 Admin อนมตค าขอทสงมา 5.7 else
5.7.1 Admin ไมอนมตค าขอทสงมา พรอมสงเหตผลทไมสามารถอนมตใหหยดไดในวนทขอมาใหกบ Staff
6. Staff ไดผลลพธในการขอวนลาทสงไป Post Conditions Admin และ Staff ไดขอมลวนหยดของบรษทและวนหยดของพนกงาน Alternative Flows -
25
ตารางท 3.4 แสดงรายละเอยด Use Case : Salary
Use Case Name Salary Use Case ID UC04 Brief Descriptions การจดการเงนเดอน Primary Actors Admin, Staff Secondary Actors - Preconditions หลงจากเขาสระบบส าเรจ Main Flow : 1. ระบบจะเรมท างานเมอ Admin หรอ Staff เลอกเมน Profile 2. ระบบจะแสดงหนาจอขอมลของบคลากรคนนน 3. Admin หรอ Staff สามารถเขากดปม Edit เพอท าการแกไขขอมลสวนตวของตนเองได 4. เมอกดปม Edit แลว Admin หรอ Staff สามารถ เพม ลบ หรอแกไข ขอมลในสวนตาง ๆ ได 5. หลงจากทท าการแกไขขอมลเสรจแลว ให Admin หรอ Staff ท าการกดปมบนทก เพอท า
การ Update ขอมลตาง ๆ Post Conditions Admin ไดรายงานเงนเดอนของพนกงานแตละคน
Staff ไดรายละเอยดเกยวกบเงนเดอนในแตละเดอน Alternative Flows -
26
ตารางท 3.5 แสดงรายละเอยด Use Case : Probation
Use Case Name Probation
Use Case ID UC05 Brief Descriptions การอนมตการผานการทดลองงาน Primary Actors Admin, Staff Secondary Actors - Preconditions หลงจากเขาสระบบส าเรจ Main Flow : 1. ระบบจะเรมท างานเมอมการแจงเตอนไปยง Admin วามพนกงานทดลองครบ 120 วนแลว 2. if Admin อนมตใหผานการทดลองงาน
2.1 สงขอความแสดงความยนด 3. else
3.1 สงความขอความแสดงความเสยใจ พรอมเหตผลไปยงพนกงานคนดงกลาว 4. Staff จะสามารถเขาไปดผลลพธไดโดยการกดปม Profile 5. ระบบจะท าแสดงผลลพธท Admin นนสงมาให
Post Conditions Staff ไดรวาตนเองนนผานการทดลองงานหรอไม Alternative Flows -
27
3.4 Class Diagram
รปท 3.8 Class Diagram ของระบบการจดการบคลากรภายในองคกร
28
3.5 Sequence Diagram
รปท 3.9 Sequence Diagram ของ Login
29
รปท 3.10 Sequence Diagram ของ Profile
30
รปท 3.11 Sequence Diagram ของ Calendar
31
รปท 3.12 Sequence Diagram ของ Salary
32
รปท 3.13 Sequence Diagram ของ Probation
33
รปท 3.14 Sequence Diagram ของ Print Report
34
3.6 Entity Relationship Diagram
รปท 3.15 แผนภาพแสดงความสมพนธระหวางเอนทต
35
บทท 4
การออกแบบทางกายภาพ
4.1 การออกแบบฐานขอมล (Database Design)
การออกแบบฐานขอมลเชงสมพนธ (Relational Database) เปนการเกบขอมลใหอยในรปแบบของตาราง และประกอบดวยรายละเอยดตาง ๆ ของขอมล เชน ชอตาราง, ชอตวแปร และชนดขอมล เปนตน โดยใชโปรแกรม MySQL ในการจดการกบขอมลในฐานขอมล
ตารางท 4.1 ตารางขอมล Employee
Relation : Employee
Attribute Description Attribute Domain
Type PK FK Reference
id รหสขอมล Int Yes user_id รหสผใช Int Yes Fos User emp_id รหสพนกงาน Int
emp_title ค าน าหนาชอ Varchar(15) emp_id_card เลขประจ าตวบตร
ประชาชน Varchar(13)
emp_name_th ชอ (ไทย) Varchar(63) emp_sername_th นามสกล (ไทย) Varchar(63) emp_name_en ชอ (องกฤษ) Varchar(63) emp_sername_en นามสกล(องกฤษ) Varchar(63) emp_gender เพศ Varchar(6) emp_birthday วนเกด Date emp_age อาย Int emp_race เชอชาต Varchar(31) emp_nation สญชาต Varchar(31) emp_religion ศาสนา Varchar(31) emp_address ทอย Varchar(255) sub_district_id แขวง/ต าบล Int Yes Address
Subdistrict
36
Attribute Description Attribute Domain
Type PK FK Reference
district_id เขต/อ าเภอ Int Yes Address District
province_id จงหวด Int Yes Address Province
postal_code_id รหสไปรษณย Int Yes Address Postalcode
emp_tel เบอรโทรศพท Varchar(15) emp_graduate_ institution
ระดบการศกษา Varchar(127)
emp_institution ชอสถานศกษา Varchar(127) emp_marital สถานภาพ Varchar(31) emp_military สถานะการเกณฑ
ทหาร Varchar(31)
occ_id รหสต าแหนง Int Yes Occupation emp_emergency_ name
ชอบคคลทตดตอไดยามฉกเฉน
Varchar(127)
emp_ emergency _relation
ความสมพนธ Varchar(31)
emp_emergency _tel
เบอรโทรศพท Varchar(15)
emp_status สถานะพนกงาน Varchar(31) emp_start_work_ date
วนทเรมงาน Date
emp_end_probation_date
วนสนสดการทดลองงาน
Date
emp_img_profile รปภาพ Varchar(255) updated_at เวลาทท าการ
บนทกขอมล Datetime
37
ตารางท 4.2 ตารางขอมล Fos User
Relation : Fos User
Attribute Description Attribute Domain
Type PK FK Reference
id รหสขอมล Int Yes email อเมล Varchar(254)
password รหสผาน Varchar(4096) role ระดบการเขาถง
ขอมล Longtext
ตารางท 4.3 ตารางขอมล Occupation
Relation : Occupation
Attribute Description Attribute Domain
Type PK FK Reference
id รหสขอมล Int Yes occ_name ชอต าแหนง Varchar(31)
ตารางท 4.4 ตารางขอมล Address Sub District
Relation : Address Sub District
Attribute Description Attribute Domain
Type PK FK Reference
id รหสขอมล Int Yes name ชอเขต/ต าบล Varchar(63) district_id รหสแขวง/
อ าเภอ Int Yes Address
District
38
ตารางท 4.5 ตารางขอมล Address District
Relation : Address District
Attribute Description Attribute
Domain
Type PK FK Reference
id รหสขอมล Int Yes
name ชอแขวง/อ าเภอ Varchar(63)
province_id รหสจงหวด Int Yes Address Province
ตารางท 4.6 ตารางขอมล Address Province
Relation : Address Province
Attribute Description Attribute
Domain
Type PK FK Reference
id รหสขอมล Int Yes
name ชอจงหวด Varchar(63)
ตารางท 4.7 ตารางขอมล Address Postalcode
Relation : Address Postalcode
Attribute Description Attribute
Domain
Type PK FK Reference
id รหสขอมล Int Yes
code รหสไปรษณย Varchar(10)
district_id รหสเขต/ต าบล Int Yes Address District
39
ตารางท 4.8 ตารางขอมล Calendar
Relation : Calendar
Attribute Description Attribute Domain
Type PK FK Reference
id รหสเหตการณ Int Yes type ประเภทวนลา Int Yes Leaveday employee_id รหสพนกงาน Int Yes Employee start_date วนทเรมหยด Date end_date วนทสนสด
วนหยด Date
description_user รายละเอยดการลาของพนกงาน
Varchar(255)
description_ admin
เหตผลทไมอนมตวนหยดจาก Admin
Varchar(255)
status สถานะ Varchar(255) Approve_date วนทอนมต Datetime
ตารางท 4.9 ตารางขอมล Leaveday
Relation : Leaveday Attribute Description Attribute
Domain Type PK FK Reference
id รหสขอมล Int Yes lea_name ชอประเภทวน
ลางาน Varchar(30)
event_admin เปนการก าหนดสทธการใชงาน
Boolean
40
ตารางท 4.10 ตารางขอมล Salary
Relation : Salary Attribute Description Attribute
Domain Type PK FK Reference
id รหสขอมล Int Yes emp_id รหสพนกงาน Int Yes Employee sal_base เงนเดอนประจ า Int sal_ot เงนคาลวงเวลา Int sal_total เงนเดอนสทธ Int sal_date วนทออก
เงนเดอน Date
ตารางท 4.11 ตารางขอมล Benefits Detail
Relation : Benefits Detail Attribute Description Attribute
Domain Type PK FK Reference
id รหสขอมล Int Yes ben_name ชอสวสดการ Varchar(31)
ตารางท 4.12 ตารางขอมล Employee Benefits
Relation : Employee Benefits Attribute Description Attribute
Domain Type PK FK Reference
id รหสขอมล Int Yes emp_id รหสพนกงาน Int Yes Employee benefits_id รหสสวสดการ Int Yes Benefits
Detail employee_ Benefits
รหสเงนเดอน Int Yes Salary
amount จ านวนเงน Float
41
4.2 แผนผงโครงสรางเวบไซต
รปท 4.1 แผนผงโครงสรางเวบไซต
42
4.3 อธบายโครงสรางเวบไซต
ตารางท 4.13 อธบายโครงสรางของเวบไซต ล าดบท หวขอ อธบาย
1 เขาสระบบ แสดงหนาลงชอเพอเขาใชงานระบบ
2 ผดแลระบบ แสดงหนาเมนทผดแลระบบสามารถเขาใชงานได
3 ผใช แสดงหนาเมนทผใชสามารถเขาใชงานได
4 จดการขอมลบคคล แสดงหวขอการจดการขอมลบคคล
5 จดการเงนเดอน แสดงหวขอการจดการเงนเดอน
6 จดการปฏทน แสดงหวขอการจดการปฏทน
7 ขอมลบคคล แสดงหนาขอมลพนกงาน
8 เงนเดอน แสดงหนารายละเอยดเงนเดอนของพนกงาน
9 ปฏทน แสดงหนาปฏทน
10 ขอมลพนกงาน แสดงหนาขอมลพนกงาน
11 ขอมลนกศกษาฝกงาน แสดงหนาขอมลนกศกษาฝกงาน
12 การอนมตการทดลองงาน แสดงหนารายละเอยดการทดลองงานของพนกงาน
13 เงนเดอนประจ า แสดงหนารายการเงนเดอนประจ า
14 เงนคาลวงเวลา แสดงหนารายการเงนคาลวงเวลา
15 เงนคาสวสดการ แสดงหนารายการเงนคาสวสดการ
16 รายงานแสดงเงนเดอน แสดงหนารายงานแสดงเงนเดอนและพมพใบเสรจ
17 สรางวนหยดของบรษท แสดงหนากรอกรายละเอยดวนหยดของบรษท
18 สรางกจกรรมของบรษท แสดงหนากรอกรายละเอยดกจกรรมของบรษท
19 การอนมตวนลาหยด แสดงหนารายละเอยดวนลาหยดของพนกงาน
20 แกไขประวตสวนตว แสดงหนาแกไขประวตสวนตว
21 ดผลการอนมตการทดลองงาน แสดงหนารายละเอยดผลการอนมตการทดลองงาน
22 ดปฏทน แสดงปฏทนเพอดวนหยดหรอกจกรรมของบรษท
23 วนลาหยด แสดงเมนยอยของวนลาหยด
24 ยนวนลาหยด แสดงหนากรอกรายละเอยดการขอวนลาหยด
25 ดผลการอนมตวนลาหยด แสดงหนารายละเอยดผลการอนมตวนลาหยด
43
4.4 การออกแบบสวนตดตอผใช
รปท 4.2 หนาจอเขาสระบบของผใช
รปท 4.2 หนาจอเขาสระบบของผใช โดยผใชงานจะตองม Email และ Password ทผดแลระบบไดท าการบนทกลงฐานขอมลแลว ถงจะสามารถเขาใชงานระบบได
รปท 4.3 หนาแรกเมอผใชท าการ Login เขามาในระบบ
รปท 4.3 หนาแรกเมอผใชท าการ Login เขามาในระบบ จะแสดงประกาศตาง ๆ ของบรษท ผใชตองท าการคลกทไอคอน ทอยบนแถบเมนดานบน เพอไปยงหนา Profile ของผใช ดงภาพท 4.5
44
รปท 4.4 แถบเมน
รปท 4.4 แถบเมนจะแสดงอยดานซายของหนาจอในแตละหนา มขอแตกตางกนดงน 1) เมนทางฝง Super Admin และ Admin จะประกอบไปดวยเมน 2 สวน คอ Extra และ
Components 2) เมนทางฝง User จะประกอบไปดวยเมนเพยงสวนเดยว คอ Extra เทานน ไมสามารถท
จะใชงานในสวนของ Components ได
45
รปท 4.5 หนาจอเมน Profile แสดงขอมลสวนตว
รปท 4.5 หนาจอเมน Profile แสดงขอมลสวนตวของผใช จะแสดงขอมลสวนตวของผใช โดยแบงขอมลออกเปน 2 สวนดงน
1) ขอมลทางดานซายมอจะประกอบไปดวยรปภาพ, ชอ-นามสกลภาษาองกฤษและภาษาไทย, ต าแหนงงาน และ วนทเรมงาน
2) ขอมลทางดานซายมอจะประกอบไปดวยขอมล 3 กลม ไดแก - General Data ขอมลทวไปของผใช - Address ขอมลทอยของผใช - Emergency Contact Person ขอมลบคคลทตดตอไดเมอเกดกรณฉกเฉน
และผใชสามารถแกไขขอมลสวนตวไดโดยการคลกทปม Edit ระบบจะพาไปยงหนาแกไขขอมลสวนตว ดงภาพท 4.6
46
รปท 4.6 หนาจอการแกไขขอมลสวนตว
รปท 4.6 หนาจอการแกไขขอมลสวนตว ผใชสามารถเปลยนภาพ Profile และขอมลสวนตวตาง ๆ ได โดยการเลอกตวเลอกหรอกรอกขอมลลงไปในระบบ แตผใชจะไมสามารถแกไขต าแหนงงานกบวนทเรมท างานได เมอผใชแกไขขอมลเสรจเรยบรอยแลวคลกทปม Save เพอบนทกขอมลลงในฐานขอมล
47
รปท 4.7 หนาจอเมน Calendar แสดงปฏทน
รปท 4.7 หนาจอเมน Calendar แสดงปฏทน ผใชสามารถคลกเลอกวนทเพอก าหนด โดยแบงการใชงานเปน 2 ระดบ ดงน
1) Admin และUser สามารถเลอกวนทเพอขอลาหยดได ดงรปท 4.8 2) Super Admin และ Admin สามารถก าหนดวนหยดหรอกจกรรมของบรษทได ดงรปท 4.9
48
รปท 4.8 หนาจอการขอวนลาหยด
รปท 4.8 หนาจอการขอวนลาหยด โดยผใชสามารถเลอกประเภทวนลาหยด, วนท เรมลา-วนทสนสดการลา และรายละเอยด จากนนคลกทปม Save เพอสงค าขอไปยง Super Admin ดงรปท 4.10
รปท 4.9 หนาจอการก าหนดวนหยดหรอกจกรรมของบรษท
รปท 4.9 หนาจอการก าหนดวนหยดหรอกจกรรมของบรษท โดย Admin สามารถเลอกประเภทวน หยด, วนทเรม-วนทสนสดวนหยดหรอกจกรรม และรายละเอยด จากนนคลกทปม Save เพอบนทกขอมลลงในตาราง ดงรปท 4.10
49
รปท 4.10 หนาจอแสดงตารางวนท
รปท 4.10 หนาจอแสดงตารางวนท โดยมตารางขอมล 2 ตาราง ดงน 1) ตาราง Request leave day คอ ตารางรายการขอมลทผใชท าการขอวนลาหยด ซง Super
Admin สามารถเลอกอนมตหรอไมกได และระบบจะสงผลการอนมตไปใหผใช 2) ตาราง Vacation and Activities คอ ตารางขอมลวนหยดหรอกจจกรรมของบรษทท Admin
บนทกไว โดย Super Admin สามารถแกไขหรอลบรายการได
50
รปท 4.11 หนาจอเมน Add Salary
รปท 4.11 หนาจอเมน Add Salary เปนฟงกชนของฝง Super Admin และ Admin ซงในหนานจะแสดงรายชอพนกงานภายในบรษท ให Super Admin หรอ Admin เลอกพนกงานเพอกรอกจ านวนเงน เดอน ให กบพนกงานโดยค ลก ท ป ม Add Salary ระบบจะพ าไปยงหน า Add Salary ดงภาพท 4.12
รปท 4.12 หนาจอการบนทกจ านวนเงนเดอน
51
รปท 4.12 หนาจอการกรอกจ านวนเงนเดอน โดย Super Admin หรอ Admin ระบวนทและกรอกจ านวนเงนเดอนเปนตวเลขลงในระบบใหครบทกรายการ ซงประกอบไปดวย เงนเดอนประจ า, เงนคาลวงเวลา และเงนคาสวสดการตาง ๆ จากนนคลกทปม Save เพอบนทกขอมลลงในฐานขอมล
รปท 4.13 หนาจอเมน Salary แสดงรายละเอยดเงนเดอน
รปท 4.13 หนาจอเมน Salary แสดงรายละเอยดเงนเดอนท Super Admin หรอ Admin ไดท าการบนทกไว
52
รปท 4.14 หนาจอเมน Reset Password
รปท 4.14 หนาจอเมน Reset Password โดยผใชกรอกรหสผานเกาใหถกตอง และกรอกรหสผานใหมพรอมทงยนยนรหสผานใหม จากนนคลกทปม Save เพอบนทกขอมลลงในฐานขอมล
รปท 4.15 หนาจอเมน Employee แสดงรายชอพนกงาน
รปท 4.15 หนาจอเมน Employee แสดงรปและรายชอพนกงาน โดย Super Admin หรอ Admin สามารถเพมขอมลพนกงานใหมไดโดย คลกทไอคอน + แลวระบบจะพาไปยงหนา Add Salary ดงภาพท 4.16
53
รปท 4.16 หนาจอการเพมขอมลพนกงานใหม
รปท 4.16 หนาจอแสดงเพมขอมลพนกงานใหม โดยกรอกชอ-นามสกลภาษาองกฤษและภาษาไทย, ต าแหนงงาน, สถานะพนกงาน, วนทเรมท างาน, อเมล, รหสผาน และระดบผใชงานระบบ จากนนคลกทปม Save เพอบนทกขอมลลงในฐานขอมล
54
รปท 4.17 หนาจอเมน Add Benefits
รปท 4.17 หนาจอเมน Add Benefits โดย Super Admin หรอ Admin สามารถเพมหรอลบ รายการชอสวสดการ ทจะน าไปแสดงในหนา Add Salary ได
รปท 4.18 หนาจอเมน Add Occupation
รปท 4.18 หนาจอเมน Add Occupation โดย Super Admin หรอ Admin สามารถเพมหรอลบ รายการชอต าแหนงงาน ทจะน าไปแสดงในหนา Employee และหนา Profile ได
55
รปท 4.19 หนาจอเมน Add Leave Type
รปท 4.16 หนาจอเมน Add Leave Type โดย Super Admin หรอ Admin สามารถเพมหรอลบ รายการชอประเภทการลา และถาหากคลกเลอกชอง Is leave type for admin จะเปนการก าหนดวาเปนรายการชอประเภทการลาของฝง Admin ทจะน าไปแสดงในหนา Calendar ได
รปท 4.20 หนาจอเมน Address
รปท 4.17 หนาจอเมน Address โดย Super Admin หรอ Admin สามารถเพมหรอลบ รายการชอจงหวด, เขต/อ าเภอ, แขวง/ต าบล และเลขรหสไปรษณย ทจะน าไปแสดงในหนา Profile ได
บทท 5
สรปผลและขอเสนอแนะ
5.1 สรปผลภาคนพนธ
ภาคนพนธ น เปนการพฒนาระบบการจดการบคลากรภายในองคกร กรณศกษา
บรษท เอาทซอรสซฟาย จ ากด โดยระบบสามารถลดปญหาทเกดขนได ในการจดการกบขอมลของ
พนกงาน, การจดการขอมลปฏทนวนหยดของบรษทและวนลาหยดของพนกงาน รวมถงการจดการ
ขอมลเงนเดอนของพนกงาน นอกจากนระบบยงสามารถชวยลดความสบสน และมความสะดวกใน
การจดการกบขอมลอยางมประสทธภาพมากยงขน
5.2 ขอด
5.2.1 ท าใหสามารถจดการกบขอมลตาง ๆ ไดอยางเปนระเบยบมากขนและงายตอการตรวจสอบขอมล
5.2.2 ระบบชวยลดขนตอนในการจดการกบขอมล 5.2.3 ขอมลตาง ๆ ถกจดเกบไวอยางเปนระบบ มการเกบส ารองขอมล และหากขอมล
สญหาย กสามารถกคนขอมลได
5.3 ขอจ ากด
5.3.1 เมอขอมลในระบบมมากขน แหลงเกบขอมลตองมพนทมากพอทจะรองรบขอมล 5.3.2 การใชงานระบบจ าเปนตองเชอมตอกบเครอขายอนเทอรเนต
5.4ขอเสนอแนะ
ภายในอนาคตหากมการพฒนาระบบตออาจมการปรบปรงใหระบบสามารถรองรบกบ
อปกรณหลากหลายชนดได และเพมฟงกชน ในการบนทกเวลาเขา-ออกงานของพนกงาน รวมทง
บนทกเวลาการท างานลวงเวลาของพนกงานดวย เพอใหการจดการขอมลเงนเดอนมความถกตอง
และแมนย ามากยงขน
บรรณานกรม
ณฐกานต. (2554). ความหมายของการบรหารทรพยากรมนษย. เขาถงไดจาก http://www.tpa.or.th
/writer/read_this_book_topic.php?pageid=2&bookID=2295&read=true&count=true
ทดซคอนเนค.(2561). ยเอกซอไอดไซน. เขาถงไดจาก https://www.tcdcconnect.com/content/10582/
บรษท เอาทซอรสซฟาย จ ากด(2561).ประวตและความเปนมา. เขาถงไดจาก https://outsourcify.net/
มายดพเอชพ. (2561). ดาตาเบสคออะไร .เขาถงไดจาก http://www.mindphp.com/คมอ/73-คอ
อะไร/2055-database-คออะไร.html
มายดพเอชพ. (2561). ซมโฟนเฟรมเวรค. เขาถงไดจาก
http://www.mindphp.com/developer/symfony-frame work/3261-what-is-symfony.html
มายดพเอชพ. (2561). ซเอสเอส. เขาถงไดจาก http://www.mindphp.com/คมอ/73-คออะไร/2193-
css-คออะไร.html
มายดพเอชพ. (2561). จาวาสครปต. เขาถงไดจาก http://www.mindphp.com/คมอ/73-คอ
อะไร/2187-java-javascript-คออะไร.html
สยามเอชทเอมแอล.(2561).บตสแตรปและฟรอนเอนเฟรมเวรค. เขาถงไดจาก
http://www.siamhtml.com/bootstrap-คออะไร-สอนวธใช/
สยามเอชทเอมแอล.(2561). แฟรตดไซน. เขาถงไดจาก http://www.siamhtml.com/what-is-flat-
design-how-to-resources/
อารษา แกวเปย, สรพล ชมกลน, พชต พวงภาคศร. (2559). การพฒนาระบบฐานขอมลบคลากร
ออนไลน กรณศกษา เทศบาลต าบลบานดานนาขาม อ าเภอเมอง จงหวดอตรดตถ. เขาถงจาก http://gs.nsru.ac.th/NSRUNC/research/pdf/46.pdf
อบดลเลาะ บากา. (2551) ระบบการจดการทรพยากรมนษย กรณศกษาโรงเรยนธรรมวทยามลนธ
จงหวดยะลา. เขาถงไดจาก http://www.commsci.pn.psu.ac.th/uploads/spd_files
/421_ICP09_2551.pdf