ผลงานทเปนผลการด าเนนงานทผานมา เรอง พฒนาระบบ Mobile Application บรการประชาชน
กระทรวงแรงงาน ระยะท ๒ (Smart Labour 2)
และ
ขอเสนอแนวความคดเพอพฒนางานใหมประสทธภาพ เรอง การพฒนา Mobile Application ดวยเทคนค Responsive Web
โดย
นางสาวผองพรรณ ขนนารตน นกวชาการคอมพวเตอรปฏบตการ
ขอรบการประเมนเพอแตงตงใหด ารงต าแหนงนกวชาการคอมพวเตอรช านาญการ ต าแหนงเลขท ๒๐๘ ศนยเทคโนโลยสารสนเทศและการสอสาร
ส านกงานปลดกระทรวงแรงงาน
ก
บทคดยอ
การจดท าเอกสารผลงานทางวชาการเขารบการประเมนเพอแตงตงใหด ารงต าแหนงนกวชาการคอมพวเตอรช านาญการในครงน ผขอรบการประเมนขอน าเสนอผลงานออกเปน ๒ สวน ประกอบดวย
สวนท ๑ ผลการด าเนนงานทผานมา เรอง “พฒนาระบบ Mobile Application บรการประชาชน กระทรวงแรงงาน ระยะท ๒ (Smart Labour 2)”
วตถประสงค เพอเพมประสทธภาพการใหบรการดานแรงงานแบบเบดเสรจผานระบบ Mobile Application และเพอใหประชาชนสามารถเขาถงบรการผานอปกรณเคลอนทสมารทโฟน (Smartphone) แทบเลต (Tablet) ไดอยางสะดวก ทกท ทกเวลา รองรบทงระบบปฏบตการแอนดรอยด (Android) และไอโอเอส (iOS) โดยมบรการลกจางหรอประชาชาชน สามารถคนหาต าแหนงงานวางและสมครงาน ทวประเทศ คนหาหลกสตรฝกอบรมและสมครฝกอบรม คนหาสาขาอาชพและสมครทดสอบมาตรฐานฝมอแรงงาน ตรวจสอบขอมลผประกนตนตามมาตรา ๓๓, ๓๙, ๔๐ รองเรยน/รองทกขกระทรวงแรงงาน และ บรการนายจาง สามารถหาคนท างาน และตรวจสอบผลการยนขอรบสทธประโยชนและคาใชจายในการฝกอบรม
สาระส าคญและขนตอนด าเนนงาน กลาวโดยสรป คอ ขนตอนท ๑ ศกษาความตองการ และวเคราะหระบบทจะพฒนาทงหมดตามงานบรการ
ของแตละกรม ขนตอนท ๒ ออกแบบระบบ เพอก าหนดรายละเอยดขององคประกอบตางๆ ของระบบให
สอดคลองกบความตองการทงออกแบบเชงกายภาพไดแกออกแบบฐานขอมล และออกแบบเชงตรรกะไดแกออกแบบสวนตดตอประสานกบผใช (User Interface)
ขนตอนท ๓ พฒนาระบบ Mobile Application ตามทไดออกแบบไวใหรองรบ ๒ ระบบไดแก ระบบปฏบตการแอนดรอยด (Android) และระบบปฏบตการไอโอเอส (iOS) และพฒนา Web Service ส าหรบเชอมโยงขอมลระหวางหนวยงาน
ขนตอนท ๔ ทดสอบระบบ เพอหาขอผดพลาดของโปรแกรมทพฒนาขน โดยการทดสอบระบบ ม ๒ แบบ ไดแก System Test ทดสอบการท างานรวมกนทงระบบ และ User Acceptance Test ทดสอบระบบกอนใชงานจรง เพอตรวจสอบวามนสามารถตอบสนองตรงตามความตองการ
ขนตอนท ๕ ตดตงระบบ เปนการน าสง Application ทพฒนาเสรจแลวขนไปสสโตร (App Store ของระบบแอนดรอย และ Play Store ของระบบไอโอเอส) เพอใหผใชงานโหลดไปตดตง ใชงานได
ขนตอนท ๖ บ ารงรกษาระบบ ใหระบบงานทพฒนาท างานไดถกตอง หากมความบกพรองผดพลาดตอง แกไข หรอหากมความตองการเพมขนตองปรบปรงระบบ เพอใหผใชงานสามารถใชงานระบบไดอยางตอเนองและมประสทธภาพ
ผลส าเรจของงาน ไดระบบ Mobile Application บรการประชาชน กระทรวงแรงงาน ภายใตชอ “Smart Labour 2” จ านวน ๒ ระบบปฏบตการ ไดแก ระบบปฏบตการแอนดรอยด (Android) และระบบปฏบตการไอโอเอส (iOS) เปนการบรณาการระบบฐานขอมลสารสนเทศของหนวยงานในสงกด
ข
กระทรวงแรงงาน ส าหรบบรการประชาชนใหสามารถเขาถงบรการดานแรงงานไดทกท ทกเวลา ผานอปกรณ Smart Phone และ Tablet โดยไมเสยคาใชจาย
ขอเสนอแนะ ควรมการประชาสมพนธ Mobile Application อยางตอเนอง เพอกระตน ใหประชาชนและสงคมไดรบร ใชประโยชน และเขาถงชองทางบรการดานแรงงานผานอปกรณ Smart Phone และ Tablet ไดทกท ทกเวลา โดยไมเสยคาใชจาย ลดระยะเวลาการเดนทาง และรองรบคนท างานใน ยคดจทล รวมถงควรพฒนาระบบ Mobile Application ใหรองรบหลากหลายภาษา เชน ภาษาไทย และภาษาองกฤษ เปนตน เพอรองรบกลมเปาหมายผใชบรการผานอปกรณเคลอนททงในประเทศและตางประเทศ
สวนท ๒ ขอเสนอแนวคดในการพฒนาปรบปรงงานใหมประสทธภาพ เรอง “การพฒนา Mobile Application ดวยเทคนค Responsive Web” ดวยนโยบายของรฐบาลในปจจบนไดใหความส าคญอยางยงกบการสงเสรมการสรางบรการดจทลในกระบวนการท างานของภาครฐ (e-Government) เพอเพมประสทธภาพในการใหบรการประชาชน มการบรณาการขอมลและบรการระหวางหนวยงานใหเปนรปธรรมอยางรวดเรว ถกตอง ทนสมยและโปรงใส เพอใหประชาชนสามารถเขาถงสารสนเทศและการบรการภาครฐอยางทวถงและเทาเทยมกน โดยกระทรวงแรงงาน ไดใหความส าคญกบนโยบายดงกลาวจงมการพฒนาระบบ Mobile Application บรการประชาชน กระทรวงแรงงาน เพอเพมชองทางการใหบรการประชาชนของทกกรมในสงกดกระทรวงแรงงานใหเขาถงกลมผใช Smartphone/Tablet รองรบทงระบบไอโอเอส (iOS) และแอนดรอยด (Android) ดวยใชเทคนค Native ซงการพฒนาดงกลาวรองรบการใชงานผานอปกรณเคลอนทบาง Platform เทานน
ดงนน เพมประสทธภาพของการใหบรการดานแรงงานผานอปกรณเคลอนท (Mobile Device) ทหลากหลาย Platform กระทรวงแรงงานจงควรพฒนา Mobile Application ดวยการใชเทคนค Responsive Web แทนการพฒนาระบบ Mobile Application ดวยเทคนค Native เพอใหกระทรวงแรงงานมเวบไซตส าหรบประชาชนทมความยดหยนรองรบ Mobile Devices ไดหลายขนาดหนาจอ ใชงานงาย สามารถเขาถงบรการบนหนาจอขนาดตางๆ ในอปกรณทหลากหลาย เชน คอมพวเตอร โนตบค โทรศพทเคลอนท แทบเลต เปนตน ซงเปนการลดตนทนในการพฒนาระบบและเพมประสทธภาพ การใหบรการดานแรงงานของกระทรวงแรงงานใหเขาถงกลมผใชงานในยคดจทลไดอยางสะดวกและรวดเรว และเปนการประยกตใชเพอการพฒนางานใหมประสทธภาพมากยงขน
ค
ค ำน ำ
การด าเนนงานพฒนาระบบ Mobile Application บรการประชาชน กระทรวงแรงงาน ระยะท ๒ (Smart Labour 2) เปนการด าเนนงานเพอเพมชองทางใหประชาชนสามารถเขาถงบรการดานแรงงานแบบบรณาการสารสนเทศของหนวยงานในสงกดกระทรวงแรงงานผานอปกรณเคลอนท ดงนน การใหบรการดงกลาวจะตองมการเชอมโยงบรการทส าคญของหนวยงานในสงกดกระทรวงแรงงาน เพออ านวยความสะดวกใหประชาชนเขาถงบรการแบบเบดเสรจผานอปกรณเคลอนทสมารทโฟน (Smartphone) แทบเลต (Tablet) ซงรองรบทงระบบปฏบตการแอนดรอยด (Android) และไอโอเอส (iOS) ผขอรบการประเมนจงไดเสนอผลงานวชาการ เรอง พฒนาระบบ Mobile Application บรการประชาชน กระทรวงแรงงาน ระยะท ๒ (Smart Labour 2) ซงเปนผลงานของผรบการประเมนในป พ.ศ. ๒๕๕๙ และน าขอเสนอแนวคดเพอพฒนางานหรอปรบปรงงาน เรอง การพฒนา Mobile Application ดวยเทคนค Responsive Web โดยรวบรวมขอมล แนวคดทฤษฎทเกยวของมาท าการศกษาวเคราะหเพอใหการด าเนนการพฒนาระบบ Mobile Application ของกระทรวงแรงงานมประสทธภาพยงขน ผขอรบการประเมน จงหวงเปนอยางยงวาผลงานวชาการดงกลาวจะเปนประโยชนตอหนวยงาน และประชาชนทรบบรการดานแรงงานจากกระทรวงแรงงาน
ผองพรรณ ขนนารตน มกราคม ๒๕๖๑
ง
สำรบญ หนำ
บทคดยอ ก ค ำน ำ ค สำรบญ ง สำรบญภำพ จ สวนท ๑ ผลงำนทเปนผลกำรด ำเนนงำนทผำนมำ
๑. ชอผลงาน พฒนาระบบ Mobile Application บรการประชาชน กระทรวงแรงงาน ๑ ระยะท ๒ (Smart Labour 2)
๒. ระยะเวลาด าเนนการ ๑ ๓. ความรทางวชาการหรอแนวความคดทใชในการด าเนนการ ๑ ๓.๑ หลกการและเหตผล ๑ ๓.๑ ความรทางวชาการหรอแนวความคดทใชในการด าเนนการ ๑ (๑) แนวความคดการวเคราะหและออกแบบระบบ ๑ (๒) แนวความคดการพฒนา Mobile Application ๖ (๓) มาตรฐานแอพพลเคชนภาครฐส าหรบอปกรณเคลอนท ๙ ๔. สรปสาระและขนตอนการด าเนนการ ๑๑ ๕. ผรวมด าเนนการ ๗๘ ๖. สวนของงานทผเสนอเปนผปฏบต ๗๘ ๗. ผลส าเรจของงาน ๗๙ ๘. การน าไปใชประโยชน ๘๐ ๙. ความยงยากในการด าเนนการ/ปญหา/อปสรรค ๘๐ ๑๐. ขอเสนอแนะ ๘๐ สวนท ๒ ขอเสนอแนวควำมคดเพอพฒนำงำนใหมประสทธภำพ
ชอเรอง การพฒนา Mobile Application ดวยเทคนค Responsive Web ๘๒ ๑. หลกการและเหตผล ๘๒ ๒. บทวเคราะห/แนวความคด/ขอเสนอ ๘๒ ๒.๑ บทวเคราะห ๘๒ ๒.๒ แนวความคด ๘๓ ๒.๓ ขอเสนอ ๘๗ ๓. ผลทคาดวาจะไดรบ ๘๗ ๔. ตวชวดความส าเรจ ๘๗ บรรณำนกรม ๘๘
๘๘
สารบญภาพ หนา
ภาพท ๑ วงจรการพฒนาระบบ (System Development Life Cycle : SDLC) ...................................... ๒ ภาพท ๒ ประเภทการพฒนา Mobile Application .................................................................................. ๗ ภาพท ๓ เปรยบเทยบคณสมบต Application ........................................................................................... ๘ ภาพท ๔ การแบงระบบงาน Mobile Application ระยะท ๒ .................................................................๑๑ ภาพท ๕ สถาปตยกรรมระบบ (System Architecture) .........................................................................๑๕ ภาพท ๖ Business Process Diagram กรมการจดหางาน .....................................................................๑๖ ภาพท ๗ แผนภาพยสเคส (Use Case Diagram) หาคน หางาน .............................................................๑๗ ภาพท ๘ Business Process Diagram กรมพฒนาฝมอแรงงาน .............................................................๒๐ ภาพท ๙ แผนภาพยสเคส (Use Case Diagram) การพฒนาฝมอแรงงาน ...............................................๒๑ ภาพท ๑๐ Business Process Diagram กรมสวสดการและคมครองแรงงาน .........................................๒๕ ภาพท ๑๑ แผนภาพยสเคส (Use Case Diagram) คนหาทตงหนวยงานกรมสวสดการและคมครองแรงงาน ......... ๒๕ ภาพท ๑๒ Business Process Diagram ส านกงานประกนสงคม ...........................................................๒๗ ภาพท ๑๓ แผนภาพยสเคส (Use Case Diagram) ตรวจสอบขอมลผประกนตน ....................................๒๘ ภาพท ๑๔ Business Process Diagram ส านกงานปลดกระทรวงแรงงาน .............................................๓๐ ภาพท ๑๕ แผนภาพยสเคส (Use Case Diagram) รองเรยนรองทกข กระทรวงแรงงาน ........................๓๑ ภาพท ๑๖ แสดงการออกแบบ Entity Relationship Diagram (E-R Diagram) .....................................๓๓ ภาพท ๑๗ หนาจอหลก ส าหรบผใชงานทวไป ..........................................................................................๓๔ ภาพท ๑๘ หนาจอหลก ส าหรบนายจาง ..................................................................................................๓๕ ภาพท ๑๙ หนาจอภาพรวมการลงทะเบยน .............................................................................................๓๗ ภาพท ๒๐ หนาจอหางานทสนใจ .............................................................................................................๓๘ ภาพท ๒๑ หนาจอลงทะเบยนหางาน .......................................................................................................๓๙ ภาพท ๒๒ หนาจองานของคณ ................................................................................................................๔๐ ภาพท ๒๓ หนาจอลงทะเบยนนายจาง .....................................................................................................๔๑ ภาพท ๒๔ หนาจอหาคนท างาน – นายจาง/สถานประกอบการ .............................................................๔๒ ภาพท ๒๕ หนาจอแสดงขอมลคนท างานจากการคดลอก และจากการยนสมครโดยตรง ..........................๔๓ ภาพท ๒๖ หนาจอบนทกต าแหนงงานวาง ...............................................................................................๔๔ ภาพท ๒๗ หนาจอส านกงานประกนสงคม ...............................................................................................๔๕ ภาพท ๒๘ หนาจอคนหาแผนทน าทางไปยงหนวยงานสงกดกรมสวสดการและคมครองแรงงาน ..............๔๗ ภาพท ๒๙ หนาจอการพฒนาฝมอแรงงาน ...............................................................................................๔๘ ภาพท ๓๐ หนาจอรองเรยน/รองทกข ส านกงานปลดกระทรวงแรงงาน ...................................................๕๐ ภาพท ๓๑ Stat a new Android Studio project ................................................................................๕๑
จ
๘๙
หนา ภาพท ๓๒ เลอก Minimum SDK ...........................................................................................................๕๒ ภาพท ๓๓ เลอกหนาจอ Activity ............................................................................................................๕๒ ภาพท ๓๔ ตงชอ Activity และ Layout .................................................................................................๕๓ ภาพท ๓๕ คลาส MainActivity ..............................................................................................................๕๓ ภาพท ๓๖ มมมอง Design และมมมอง Text ของ Layout ..................................................................๕๔ ภาพท ๓๗ ไฟล AndroidManifest.xml .................................................................................................๕๔ ภาพท ๓๘ เวบเซอรวสลกจาง (wsOED_Employee) .................................................................................๕๖ ภาพท ๓๙ เวบเซอรวสหลกสตรฝกอบรม (wsTraining.asmx) ....................................................................๕๖ ภาพท ๔๐ สรางโปรเจค WSDL ...............................................................................................................๕๗ ภาพท ๔๑ ระบชอ URL ของเอกสาร WSDL ...........................................................................................๕๗ ภาพท ๔๒ เลอกโอเปอเรชนทตองการเรยกใช .........................................................................................๕๗ ภาพท ๔๓ ผลลพธการทดลองเรยกใชเวบเซอรวสตรวจสอบสถานะผประกนตน ......................................๕๘ ภาพท ๔๔ เครองคอมพวเตอรแมขาย (Web Sever) ส าหรบการตดตงระบบ ..............................................๕๘ ภาพท ๔๕ แสดงหนาจอลงทะเบยนเขาใชงานระบบ ................................................................................๕๙ ภาพท ๔๖ แสดงหนาจอหางานทสนใจ ....................................................................................................๕๙ ภาพท ๔๗ แสดงหนาจอระบบคดเลอกงานทเหมาะสมกบคณสมบต ........................................................๖๐ ภาพท ๔๘ แสดงหนาจอ Update ขอมลการสมครงานในระบบ Smart Job Center .............................๖๐ ภาพท ๔๙ แสดงหนาจอลงทะเบยนหางาน ..............................................................................................๖๐ ภาพท ๕๐ แสดงหนาจอเชอมโยงขอมลการสมครงานผาน Web service เขากบ Smart Job Center ..๖๑ ภาพท ๕๑ แสดงหนาจอสมครงานผาน Mobile Application ...............................................................๖๑ ภาพท ๕๒ แสดงหนาจอการยนยนตวตนของผใชจากขอมลกรมการปกครอง ..........................................๖๒ ภาพท ๕๓ แสดงหนาจองานของคณ ........................................................................................................๖๒ ภาพท ๕๔ แสดงหนาจอระบบสงขอมลทนายจางสนใจคดขอมล ไปทระบบ Smart Job Center ...........๖๓ ภาพท ๕๕ แสดงหนาจอลงทะเบยนนายจาง ............................................................................................๖๓ ภาพท ๕๖ แสดงหนาจอระบบ Smart Job Center ยงไมไดท าการอนมตใหใชงาน ................................๖๔ ภาพท ๕๗ แสดงหนาจอระบบ Smart Job Center ตรวจสอบขอมลนายจาง ........................................๖๔ ภาพท ๕๘ แสดงหนาจอระบบ Smart Job Center อนมตนายจาง ........................................................๖๔ ภาพท ๕๙ แสดงหนาจอสถานะอนมตนายจางใหเขาใชงานบนระบบ Mobile Application .........................๖๕ ภาพท ๖๐ แสดงหนาจอการตรวจสอบเลขทะเบยนนตบคคล ๑๓ หลก กบกรมพฒนาธรกจการคา ................๖๕ ภาพท ๖๑ แสดงหนาจอบนทกต าแหนงงานวาง ......................................................................................๖๕ ภาพท ๖๒ แสดงหนาจอต าแหนงทนายจางบนทกต าแหนงงานเขาสระบบ Smart Job Center.................๖๖ ภาพท ๖๓ แสดงหนาจอหาคนท างาน ........................................................................................................๖๖
ฉ
๙๐
หนา ภาพท ๖๔ แสดงหนาจอแจงเตอนนายจางกรณคดขอมลเกนจ านวนทก าหนด .............................................๖๗ ภาพท ๖๕ แสดงหนาจอบนทกผลการคดลอก/สมครงาน ........................................................................๖๗ ภาพท ๖๖ แสดงหนาจอขอมลประกนตน ................................................................................................๖๘ ภาพท ๖๗ แสดงหนาจอขอมลผประกนตน ..............................................................................................๖๘ ภาพท ๖๘ แสดงหนาจอเงนสมทบผประกนตน ........................................................................................๖๙ ภาพท ๖๙ แสดงหนาจอตรวจสอบสทธประโยชน ....................................................................................๖๙ ภาพท ๗๐ แสดงหนาจอเงนสะสมชราภาพ ..............................................................................................๗๐ ภาพท ๗๑ แสดงหนาจอแสดงผลการคนหาทตงของกรมสวสดการและคมครองแรงงาน ..........................๗๑ ภาพท ๗๒ แสดงหนาจอแสดงผลระบบจดการขอมลหนวยงานกรมสวสดการและคมครองแรงงาน .........๗๑ ภาพท ๗๓ แสดงหนาจอการคนหาสถานทฝกอบรม/ทดสอบมาตรฐานฝมอแรงงาน ................................๗๒ ภาพท ๗๔ แสดงหนาจอต าแหนงทตงของหนวยงานในสงกดกรมพฒนาฝมอแรงงาน .........................................๗๒ ภาพท ๗๕ แสดงหนาจอการเลอกหลกสตรทตองการสมคร .....................................................................๗๒ ภาพท ๗๖ แสดงหนาจอการสมครฝกอบรม/ทดสอบ ...............................................................................๗๓ ภาพท ๗๗ แสดงหนาจอเสนทางไปยงสถาบน/ส านกงานพฒนาฝมอแรงงาน ...........................................๗๓ ภาพท ๗๘ แสดงหนาจอตรวจสอบการยนรบรองหลกสตรและคาใชจาย กรณฝกเอง ...............................๗๔ ภาพท ๗๙ แสดงหนาจอการตรวจสอบการยนรบรองหลกสตรและคาใชจาย กรณสงฝก ..........................๗๔ ภาพท ๘๐ แสดงหนาจอแสดงผลระบบรองเรยนรองทกข ........................................................................๗๕ ภาพท ๘๑ แสดงหนาจอแสดงผลระบบตดตามเรองรองเรยน ...................................................................๗๕ ภาพท ๘๒ แสดงหนาจอผลการน าสงแอพพลเคชนขนไปยง Google Play ..............................................๗๖ ภาพท ๘๓ แสดงหนาจอผลการน าสงแอพพลเคชนขนไปยง App Store .................................................๗๗ ภาพท ๘๔ แสดงหนาจอการตดตง Smart Labour 2 .............................................................................๗๗ ภาพท ๘๕ Responsive Web Design ....................................................................................................๘๕
ช
๑
สวนท ๑ ผลงานทเปนผลการด าเนนงานทผานมา
๑. ชอผลงาน พฒนาระบบ Mobile Application บรการประชาชน กระทรวงแรงงาน ระยะท ๒
(Smart Labour 2) ๒. ระยะเวลาทด าเนนการ ปงบประมาณ พ.ศ. ๒๕๕๙ ๓. ความรทางวชาการหรอแนวความคดทใชในการด าเนนการ ๓.๑ หลกการและเหตผล กระทรวงแรงงาน โดยส านกงานปลดกระทรวงแรงงาน ไดพฒนาระบบ Mobile Application บรการประชาชน กระทรวงแรงงาน ระยะท ๑ ในชอวา “Smart Labour” มบรการดานแรงงาน ๔ บรการประกอบดวย คนหาต าแหนงงานวาง (กรมการจดหางาน) ตรวจสอบเงนสะสมกรณชราภาพ (ส านกงานประกนสงคม) รองเรยน/รองทกขดานสวสดการแรงงาน (กรมสวสดการและคมครองแรงงาน) ก าหนดฝกอบรมและทดสอบมาตรฐานฝมอแรงงาน (กรมพฒนาฝมอแรงงาน) และขอมลประชาสมพนธทจ าเปน ประกอบดวย ขาวกระทรวงแรงงาน ทอยตดตอกระทรวงแรงงาน สายดวนกระทรวงแรงงานรวมถงระบบแผนทน าทาง ซงบรการในระยะท ๑ เปนการบรการเฉพาะขอมลใหประชาชนสามารถเขาถงแตไมสามารถใหบรการแบบเบดเสรจผานระบบ Mobile Application ไดทนท ส านกงานปลดกระทรวงแรงงาน จงไดพฒนาระบบ Mobile Application บรการประชาชน กระทรวงแรงงาน ระยะท ๒ เพอเพมบรการดานแรงงานทส าคญของหนวยงานในสงกดกระทรวงแรงงานส าหรบบรการประชาชนแบบเบดเสรจผานระบบ Mobile Application ใหเขาถงกลมผใช Smartphone และ Tablet ไดทกท ทกเวลาทงในระบบปฏบตการไอโอเอส (iOS) และแอนดรอยด (Android) ๓.๒ ความรทางวชาการหรอแนวความคด
การด าเนนการพฒนาระบบ Mobile Application บรการประชาชน กระทรวงแรงงาน ระยะท ๒ ผขอรบการประเมนไดใชความรทางวชาการและแนวความคดในดานตางๆ ส าหรบน าไปประยกตใชในการด าเนนงานใหเกดความส าเรจ ดงน
(๑) แนวความคดการวเคราะหและออกแบบระบบ (System Analysis and Design) การวเคราะหระบบ (System Analysis) เปนการศกษา วเคราะห และแยกแยะถงปญหา
ทเกดขนในระบบ พรอมทงเสนอแนวทางเสนอแนวทางแกไขตามความตองการของผใชงานและความเหมาะสม ตอสถานะทางการเงนขององคกร
การออกแบบระบบ (System Design) คอ การสรางแบบพมพเขยวของระบบใหมตามความตองการในเอกสารความตองการระบบ ก าหนดสงทจ าเปน เชน อนพท เอาทพท สวนตอประสานผใช และการประมวลผล เพอประกนความนาเชอถอ ความถกตองแมนย า การบ ารงรกษาได และความปลอดภยของระบบ นอกจากนนการออกแบบระบบเปนวธการออกแบบ และก าหนดคณสมบตทางเทคนคโดยน าระบบคอมพวเตอรมาประยคใช เพอแกปญหาทท าการวเคราะหมาแลว
๒
วงจรการพฒนาระบบ (System Development Life Cycle : SDLC) คอ กระบวนการ ทางความคด (Logical Process) ในการพฒนาระบบสารสนเทศเพอแกปญหาทางธรกจและตอบสนองความตองการของผใชได โดยระบบทจะพฒนานน อาจเรมดวยการพฒนาระบบใหมหรอน าระบบเดมทมอยแลวมาปรบเปลยนใหดยงขน ภายในวงจรนจะแบงกระบวนการพฒนาออกเปนระยะ (Phases) ไดแก ระยะการวางแผน (Planning Phase) ระยะการวเคราะห (Analysis Phase) ระยะการออกแบบ (Design Phase) และระยะการสรางและพฒนา (Implementation Phase) โดยแตละระยะจะประกอบไปดวยขนตอน (Steps) ตางๆ แตกตางกนไปตาม Methodology ทนกวเคราะหน ามาใช เพอใหเหมาะสมกบสถานะทางการเงนและความพรอมขององคกรในขณะนน ส าหรบวงจรการพฒนาระบบ (System Development Life Cycle : SDLC) ในหนงสอวเคราะหและออกแบบระบบ (อรยา ปรชาพานช, ๒๕๕๗. น. ๔๑-๔๖.) ประกอบดวย ๖ ขนตอน ดงภาพท ๑
ภาพท ๑ วงจรการพฒนาระบบ (System Development Life Cycle : SDLC)
โดยวงจรการพฒนาระบบ (System Development Life Cycle : SDLC) แตละขนตอนมรายละเอยดดงน ขนตอนท ๑ การส ารวจเบองตน (Preliminary Investigation)
ขนตอนการส ารวจเบองตนเปนการระบถงปญหาทเกดขนในองคกรเพอก าหนดทางเลอกในการแกปญหาและเลอกวธการแกไขปญหาทเหมาะสมกบองคกรมากทสด โดยมกจกรรมยอยดงน
๑. การศกษาขอเทจจรงและสรปปญหาทเกดขนจากการปฏบตงานขององคกร เพอใชก าหนดขอบเขตการด าเนนงานโครงการ
๒. การพจารณาวธการแกไขปญหาทเหมาะสมทสดภายใตสภาพแวดลอมปจจบน โดยทวไปวธการแกไขปญหาจะม ๓ แนวทางคอ ๒.๑ ยงใชระบบเดม แตปรบเปลยนกระบวนการปฏบตงานประจ า ๒.๒ ปรบปรงระบบเดม ใหสอดคลองกบความตองการใชงานมากยงขน มกใชในกรณทระบบ
เดมสวนใหญยงคงท างานไดอยางมประสทธภาพ มเพยงบางฟงกชนทอาจตองปรบปรงใหถกตองหรออาจเปนการเปลยนแปลงเทคโนโลยสารสนเทศทจะน ามาประยกตใชกบระบบเดมกได
๒.๓ พฒนาระบบใหม เนองจากระบบเดมลาสมยและพบขอผดพลาดบอยครงจากกการใชงานดงนน การปรบปรงระบบเดมอาจท าใหเสยเวลาและคาใชจายสงกวาการพฒนาระบบใหม
๓
๓. การศกษาความเปนไปได (Feasibility Study) ของแตละทางเลอกเพอประกอบการตดสนใจของผบรหาร
๔. การจดท าแผนการพฒนาระบบ (System Development Plan) ตามวธการแกไขปญหาทผบรหารอนมต ซงจะก าหนดรายละเอยดและระยะเวลาการด าเนนงาน รวมไปถงทรพยากรตางๆ ทจ าเปนตองใชในแตละขนตอน
ผลลพธทไดในขนตอนท ๑ ดงน ประเดนปญหาและทางเลอกในการแกปญหา รายงานการศกษาความเปนไปได รายงานการศกษาเบองตน แผนการพฒนาระบบ
ขนตอนท ๒ การวเคราะหระบบ (System Analysis)
ขนตอนการวเคราะหระบบ เปนการรวบรวมความตองการใชงานของผใชทกฝายทเกยวของกบระบบ และน ามาวเคราะหเปนความตองการของระบบทพฒนาขนเพอใชงานในองคกร โดยมกจกรรมยอยดงน
๑. การรวบรวมความตองการใชงานของผใช (User Requirement) ตงแตผบรหาร หวหนาแผนก และเจาหนาททกฝายทเกยวของ ซงนกวเคราะหระบบจะตองรวบรวมความตองการในสวนนใหครบถวน เพอน ามาสรปเปนความตองการของระบบ โดยอาศยวธการรวบรวมขอมลหลายวธการประกอบกน เพอใหไดขอมลทครบถวนทกประเดนตามขอบเขตโครงการ เชน การศกษาจากเอกสารทเกยวของกบการปฏบตงาน การคนควาขอมลจากแหลงตางๆ การสมภาษณ การใชแบบสอบถาม การสงเกตการณในระหวางการปฏบตงานของผทเกยวขอกบระบบ
๒. การวเคราะหขอมลความตองการของระบบ (System Requirement) จากผลสรปความตองการ ใชงานระบบทไดรวบรวมไวแลว นกวเคราะหระบบพจารณาวาความตองการสวนใดทควรพฒนาเปนระบบสารสนเทศ และความตองการใดทไมเหมาะสม หรอไมมความส าคญเรงดวนในการพฒนาเปนฟงกชนเพอใชงานในโครงการน โดยจะตองสอดคลองกบสญญาวาจ างของโครงการและรายงานการศกษาเบองตนทไดจดท าไวกอนหนาน ซงเอกสารส าคญทไดจากขนตอนนคอ ขอก าหนดเกยวกบความตองการของระบบ (System Requirement Specification: SRS)
เพอสรางความเขาใจรวมกนระหวางทมงานพฒนาระบบ รวมไปถงผทมสวนเกยวของกบระบบ นกวเคราะหระบบมกจะมการสรางแบบจ าลองเปนแผนภาพทแสดงให เหนถงความสมพนธขององคประกอบตางๆ ของระบบ ประกอบดวย
แบบจ าลองกระบวนการ (Process Model) เชน แผนภาพกระแสงาน (Work Flow Diagram) แผนภมโครงสราง (Structure Chart) แผนภาพกระแสขอมล (Data Flow Diagram) เปนตน
แบบจ าลองขอมล (Data Model) แบงเปน ๓ ระดบ ดงน
๔
๑. แบบจ าลองขอมลเชงแนวคด (Conceptual Data Model) ส าหรบแสดงโครงสรางขอมล ขอก าหนดของขอมล และความสมพนธของขอมล โดยไมค านงถงระบบจดการฐานขอมล หรอปจจยทางกายภาพ เชน การสรางแผนภาพ E-R Diagrams
๒. แบบจ าลองขอมลเชงตรรกะ (Logical Data Model) เปนการน าแบบจ าลองขอมลเชงแนวคดมาแปลงใหอย ในรปแบบทเกยวของกบการจดการฐานขอมล เชน แบบจ าลองฐานขอมลเชงสมพนธ (Relational Database Model) และแบบจ าลองฐานขอมลเชงวตถ (Object-Oriented Database Model)
๓. แบบจ าลองขอมลเชงกายภาพ (Physical Data Model) เปนแบบจ าลองทถกสรางขนเปนล าดบสดทาย เพอออกแบบรายละเอยดของขอมล เชน ชนดและขนาดของขอมล ความสมพนธระหวางขอมล
ผลลพธทไดในขนตอนท ๒ ดงน แบบจ าลองเชงตรรกะของระบบงานปจจบน ขอก าหนดเกยวกบความตองการของระบบ (System Requirement Specification: SRS)
ขนตอนท ๓ การออกแบบเชงตรรกะ (Logical Design)
ขนตอนการออกแบบเชงตรรกะ เปนการก าหนดรายละเอยดขององคประกอบตางๆ ของระบบใหสอดคลองกบ SRS โดยไมค านงถงฮารดแวรและซอฟตแวรทจ าเปนตองใชในระบบ กจกรรมยอยในขนตอนนจะแบงออกเปน ๔ สวน ดงน
๑. การออกแบบในสวนของรปแบบผลลพธทไดจากระบบ (Output) เชน ผลลพธจากการคนหาขอมล แบบฟอรมและรายงานตางๆ ทสามารถเรยกดหรอสงพมพจากระบบ เปนตน
๒. การออกแบบในสวนของรปแบบการน าเขาขอมล (Input) เชน รปแบบของขอมล และชวงของคาทเปนไปไดของขอมลกอนน าเขาสระบบ เปนตน
๓. การออกแบบในสวนของกระบวนการท างาน (Process) วาประกอบดวยฟงกชนการท างานใดและมวธการท างานอยางไร
๔. การออกแบบในสวนของสวนตอประสานกบผใช (User Interface) เชน รปแบบและวธการน าเสนอขอมลใหเหมาะสมกบผใชแตละบทบาท เปนตน
ผลลพธทไดในขนตอนท ๓ ดงน แบบจ าลองกระบวนการของระบบทจะพฒนา พจนานกรมขอมลและค าอธบาย แบบจ าลองขอมลของระบบทจะพฒนา เอกสารสรปการออกแบบเชงตรรกะของระบบทจะพฒนา
ขนตอนท ๔ การออกแบบเชงกายภาพ (Physical Design)
ขนตอนการออกแบบเชงกายภาพ เปนการน าผลออกแบบระบบเชงตรรกะมาระบลกษณะการท างานของระบบทางกายภาพ โดยประกอบดวย
๑. การก าหนดคณลกษณะเฉพาะของฮารดแวรและซอฟตแวรทเหมาะสม ในสวนของความตองการขนต าของฮารดแวร ความตองการดานซอฟตแวร และการบ ารงรกษาหลงการตดตงใชงาน
๕
๒. การออกแบบฐานขอมลของระบบ เปนการก าหนดรายละเอยดและโครงสรางฐานขอมลส าหรบรองรบการท างานของระบบทจะพฒนา
๓. การออกแบบคณลกษณะเฉพาะของโปรแกรม โดยท ว ไปมกอย ในรปแบบซ โดโคด (Pseuducode) ผงงานโปรแกรม (Program Flowchart) และผงงานระบบ (System Flowchart)
๔. การออกแบบระบบรกษาความปลอดภย ทงในสวนของสถานททตดตงระบบคอมพวเตอร สวนของเครองคอมพวเตอร สวนของขอมล และสวนของระบบเครอขาย
ปจจบนมกจะสรางโปรแกรมตนแบบ (Prototype) เปนแบบจ าลองของระบบทจะพฒนา เพอน าเสนอใหผใชไดมองเหนภาพรวมการท างานทงระบบ โดยผใชสามารถแสดงความคดเหนรวมกนวาโปรแกรมตนแบบทสรางขนมสวนใดทตองการใหมการปรบเปลยนรปแบบหรอวธการใชงานหรอไม กอนด าเนนการพฒนาระบบจรง
ผลลพธทไดในขนตอนท ๔ ดงน เอกสารก าหนดคณลกษณะเฉพาะของฮารดแวรและซอฟตแวรทใชงาน โปรแกรมตนแบบ โครงสรางฐานขอมล คณลกษณะเฉพาะโปรแกรม ระบบรกษาความปลอดภย
ขนตอนท ๕ การพฒนาระบบ (System Implementation)
ขนตอนการพฒนาระบบ เปนการน าผลทไดจากขนตอนการวเคราะหและออกแบบระบบมาท าใหเกดเปนผลลพธทใชไดจรง ประกอบดวยกจกรรมยอยดงน
๑. การเขยนโปรแกรม เพอใหไดระบบทสามารถท างานไดจรงตามทไดออกแบบไวแลว ๒. การทดสอบระบบ เปนการทดสอบระบบเพอหาขอผดพลาดของโปรแกรมทพฒนาขน จะได
แกไขใหถกตอง รวมไปถงการตรวจสอบระบบวาตรงกบความตองการใชงานขององคกรทระบไวใน SRS หรอไม
๓. การตดตงระบบ เปนการตดตงระบบใหมแทนทระบบเดมดวยวธการทเหมาะสมกบสภาพการท างานขององคกรใหมากทสด
๔. การถายโอนขอมลจากระบบเดมเขาสระบบใหม เพอเตรยมความพรอมของขอมลส าหรบใชงานในระบบใหม
๕. การจดเอกสารของระบบ ประกอบดวยคมอการพฒนาระบบ คมอการตดตงระบบ และคมอการใชงานระบบ
๖. การฝกอบรมการใชงานระบบ เปนการจดฝกอบรมการใชงานใหแกผใชระบบ ในขนตอนนอาจใหผใชระบบประเมนผลการใชงานระบบในเบองตนดวย เพอใชในการปรบปรงกระบวนการท างานใหดยงขนภายใตขอก าหนดใน SRS
๗. การประเมนผลระบบ เพอตดตามผลวาระบบทพฒนาขนมประสทธภาพมากนอยเพยงใด และยงมสวนใดของระบบทยงไมถกตองหรอไมสอดคลองกบความตองการใชงานภายใตขอก าหนด SRS
ผลลพธทไดในขนตอนท ๕ ดงน
๖
คมอการพฒนาระบบ/คมอการตดตงระบบ/คมอการใชงานระบบ เอกสารสรปผลการทดสอบระบบ เอกสารสรปผลการตดตงและอบรมการใชระบบ เอกสารสรปผลการประเมนระบบ ระบบทพรอมสงมอบงาน
ขนตอนท ๖ การบ ารงรกษาระบบ (System Maintenance)
ขนตอนการบ ารงรกษาระบบ เปนการตดตามผลการใชงานระบบและใหความชวยเหลอแกผใชงานระบบเพอใหสามารถใชงานระบบไดอยางตอเนอง และมประสทธภาพตามทก าหนดไวใน SRS โดยทวไปสญญาวาจางพฒนาระบบมกก าหนดระยะเวลาการบ ารงรกษาระบบโดยไมเสยคาใชจายไว ๑ ป หลงจากนนแลวถาองคกรตองการใหบ ารงเพมเตมอาจมคาใชจายเกดขนแลวแตกรณ
ผลลพธทไดในขนตอนท ๓ ดงน เอกสารสรปผลการบ ารงรกษาระบบ ความตองการใชงานทเปลยนแปลงไปจากเดม เอกสารสรปผลการด าเนนงานเกยวกบความตองการใชงานทเปลยนแปลงไปจากเดม
(๒) แนวความคดการพฒนา Mobile Application
๑. ความหมายของ Mobile Application Mobile Application ประกอบขนดวยค าสองค า คอ Mobile กบ Application มความหมายดงน Mobile คออปกรณสอสารทใชในการพกพา ซงนอกจากจะใชงานไดตามพนฐานของโทรศพทแลว ยงท างานไดเหมอนกบเครองคอมพวเตอร เนองจากเปนอปกรณทพกพาไดจงมคณสมบตเดน คอ ขนาดเลกน าหนกเบาใชพลงงานคอนขางนอย ปจจบนมกใชท าหนาทไดหลายอยางในการตดตอแลกเปลยนขาวสารกบคอมพวเตอร ส าหรบ Application หมายถงซอฟตแวรทใชเพอชวยการท างานของผใช (User) โดย Application จะตองมสงทเรยกวา สวนตดตอกบผใช (User Interface หรอ UI) เพอเปนตวกลางการใชงานตาง ๆ
Mobile Application เปนการพฒนาโปรแกรมประยกตส าหรบอปกรณเคลอนท เชน โทรศพทมอถอ แทบเลต โดยโปรแกรมจะชวยตอบสนองความตองการของผบรโภค อกทงยงสนบสนน ใหผใชโทรศพทไดใชงายยงขน ในปจจบนโทรศพทมอ หรอ สมารทโฟน มหลายระบบปฏบตการทพฒนาออกมาใหผบรโภคใช สวนทมคนใชและเปนทนยมมากกคอ iOS และ Android จงท าใหเกดการเขยนหรอพฒนา Application ลงบนสมารทโฟนเปนอยางมาก เชน แผนท, เกมส, โปรแกรมคยตางๆ และหลายธรกจกเขาไปเนนในการพฒนา Mobile Application เพอเพมชองทางในการสอสารกบลกคามากขน ตวอยาง Application ทตดมากบโทรศพท อยางแอพพลเคชนเกมสชอดงทชอวา Angry Birds หรอ Facebook ทสามารถแชรเรองราวตางๆ ไมวาจะเปน ความรสก สถานท รปภาพ ผานทางแอพพลเคชนไดโดยตรงไมตองเขาเวบบราวเซอร Mobile Application เหมาะส าหรบธรกจและองคกรตางๆในการเขาถงกลมคนรนใหม รวมถงขยายการใหบรการผานมอถอ สะดวกงาย ทกท ทกเวลา
๗
๒. การพฒนา Mobile Application ปจจบนอปกรณพกพา (Mobile Devices) ทนยมใชมอยหลายระบบ (Platform) ไดแก iOS,
Android, Windows Phone ฯลฯ ส าหรบประเภทการพฒนา Mobile Application โดยทวไปแบงไดออกเปน ๓ ประเภท ดงภาพท ๒
ภาพท ๒ ประเภทการพฒนา Mobile Application
โดยแตละประเภทการพฒนา Mobile Application มคณสมบตดงน ๑. Native Apps พฒนาโดยใชภาษาหลกของ Platform นนๆ อาจเรยกวาภาษาแทๆ กได เชน Objective-C, Swift ส าหรบ iOS หรอ Java ส าหรบ Android ฯลฯ มขอดคอ เปนภาษาแท ท าใหการท างานมประสทธภาพดความเรวสง การจดการ Memory ท าไดดสามารถเขาถงฮารดแวร เซนเซอร และระบบปฏบตการ (OS) ไดสมบรณ ๒. Web Apps หรอ HTML5 เปน App ทพฒนาขนโดยใชภาษาทเปนเทคโนโลยเวบ HTML5 CSS และ JavaScript สวนใหญมกใชงานแบบ Online เปนหลก โดยสคลปและ Resource ตางๆ เชน ภาพ วดโอ จะอยบนเวบ ไมสามารถใชงาน OS ของระบบได สวนระบบเซนเซอรและฮารดแวรจะใชไดบางอยางเทานน เนองจากอาศยคณสมบตเวบบราวเซอรเปนหลก ๓. Hybrid Apps เปน App ทไมไดใชภาษาแทๆ ของ Platform แตเปนการผสมผสานเอาภาษาอนเขามาพฒนา สามารถเขาถง API เซนเซอรและฮารดแวรของระบบไดเกอบครบ ไดแก กลอง ระบบไฟลเกบขอมล เขมทศ เซนเซอร Acellerometer ฯลฯ (ขนอยกบตว Plugin เสรมทมใหใชงาน) เชน PhoneGap/Cordova ใช HTML5 + CSS + JavaScript ม Plugin เสรมทมใหสามารถใชงาน กลองเซนเซอร เขมทศ Geolocation แผนท และอนๆ ไดโดยไมตองเขยนโคดภาษาทเปน Native (กอบเกยรต สระอบล, ๒๕๕๗. น. ๑๔-๑๕.)
๘
ภาพท ๓ เปรยบเทยบคณสมบต Application
ทมา: salesforce. About Native, HTML5, and Hybrid Development. (ออนไลน). เขาถงไดจาก: https://developer.salesforce.com/docs/atlas.en-us.mobile_sdk.meta/mobile_sdk/ intro_choose_scenario.htm สบคนเมอ ๔ พฤศจกายน ๒๕๖๐. จากตารางเปรยบคณสมบต Application ดงภาพท ๓ จะเหนวาการพฒนา Mobile Application นนมหลากหลายวธ ซงแตละวธมคณสมบตทตางกน ยกตวอยางดงน
๑. Native Apps, React Native พฒนาโดยใชภาษาหลกของ Platform นนๆ เชน Objective-C, Swift ส าหรบ iOS หรอ Java ส าหรบ Android ฯลฯ สามารถเขาถงจาก App Store มขอดคอ ท าใหการท างานมประสทธภาพดความเรวสงสามารถเขาถงฟงกชนการท างานของ Platform นน ๆ ไดครบถวน สามารถเขาถงลกเลนของมอถอไดทงหมด เชน กลองถายรป GPS การแจงเตอน รายชอผตดตอ ปฏทน เปนตน การท างานไดทงแบบออนไลนและออฟไลน
๒. Web Apps หรอ HTML5 พฒนาดวย HTML5, CSS และ Javascript แสดงผลผาน Browser โดยไมจ าเปนตองท าการตดตงแอพบนมอถอท าใหใชงานงาย ถกปรบแตงใหแสดงผลแตสวนทจ าเปนเพอเปนการลดทรพยากรในการประมวลผลของตวเครองสามารทโฟน หรอแทบเลต ท าใหโหลดหนาเวบไซตไดรวดเรวขน สามารถใชงานไดทกแพลตฟอรม แตขอเสย HTML5 คอไมสามารถเขาถงประสทธภาพของมอถอไดอยางแทจรง เชน กลองถายรป การแจงเตอน รายชอผตดตอ ปฏทน และ Function พเศษอนๆ สวนใหญ การเชอมตอเปนแบบออนไลน
๓. Hybrid เปนการพฒนาแบบลกผสมระหวาง Web App กบ Mobile App ซงภาษาพนฐานทใชในการพฒนาเปน HTML5, CSS และ JavaScript ท าใหการพฒนาไมยงยาก และยงสามารถท าเปนรปแบบแอพใหสามารถตดตงลงบนมอถอได สามารถเรยกลกเลนมอถอไดหลายอยาง เชน กลองถายรป การแจงเตอน รายชอผตดตอ เปนตน ใชเวลาการพฒนานอยลง สามารถดาวนโหลดผาน App Store ตดตงลงเครองได การเชอมตอไดทงแบบออนไลนและออฟไลน แตประสทธภาพการท างานจะต ากวาแบบ Native
๙
(๓) มาตรฐานแอพพลเคชนภาครฐส าหรบอปกรณเคลอนท ส านกงานรฐบาลอเลกทรอนกส (องคกรมหาชน) (สรอ.) ไดจดท ามาตรฐานแอพพลเคชน
ส าหรบอปกรณเคลอนท เพอใหการพฒนา Mobile Application ของภาครฐใหเปนไปในทศทางเดยวกน รวมถงการก าหนดมาตรฐานเชงเทคนคและขอก าหนดในดานตาง ๆ เชน การคมครองขอมลสวนบคคล (Privacy Information) การรกษาความมนคงปลอดภย (Security Policy) เปนตน และสรอ. ไดจดตงศนยกลางแอพพลเคชนภาครฐ (Government Application Center: GAC) ในการรวมรวม Mobile Application ของหนวยงานภาครฐเพอใหบรการประชาชนท าใหประชาชนผรบบรการภาครฐสามารถเขาถงไดสะดวก ทกท ทกเวลา จากอปกรณเคลอนท (Mobile Device) ตางๆ ได
มาตรฐานแอปพลเคชนภาครฐส าหรบอปกรณเคลอนท มเนอหาหลกดงน ๑. คณสมบตดานการใหบรการ (Application Functional Requirement) ประกอบดวย
๑.๑ ลกษณะทวไปของแอพพลเคชน ในสวนตดตอผใชงานและการใชงานแอพพลเคชน (User Interface and Usability) ทมการก าหนดคณสมบตเบองตน จนไปถงการก าหนดโครงสรางของ แอพพลเคชน ทตองจดล าดบความส าคญของหนาจอโดยค านงถงความตองการของผใชงานหรอรบบรการตางๆ ผานแอพพลเคชนเปนหลก หรอการก าหนดใหแตละหนาจอตองมปายชอก ากบหนาจออยางชดเจน โดยทหนาหลกของแอพพลเคชนควรแสดงใหเหนถงภาพรวมความสามารถหลกของแอพพลเคชนและมชองทางการเขาถงความสามารถหลกอยางชดเจน เปนตน สวนขอก าหนดอนๆ เชน การควบคมการเขาถงและการเปลยนหนาจอ (Navigation), การรองรบขนาดหนาจอ (Supported Resolution), การสรางปมและองคประกอบทสมผสเพอควบคมได (Buttons & Touchable elements), ความสามารถในการอานได (Readability), ความสอดคลองกบแอพพลเคชนอนๆ (Platform Consistency) กมการก าหนดไวในมาตรฐานนอยางละเอยด
๑.๒ การรกษาขอมลสวนบคคล (Privacy) เปนเรองสทธของผใชงาน ความเปนสวนตวของผใชงาน และขอตกลงในการใชงาน (User’s Right), การเกบขอมลชวคราวไวในอปกรณของผใชงาน (Cache Data, Caching), การเกบขอมลถาวรไวในอปกรณของของผใชงาน (Local Storage), การใชงานชดเครองมอในการพฒนาซอฟตแวรจากภายนอก (3rd Party Software Development Kit; SDK) ซงถอวาเปนเรองทผใชงานโทรศพทมอถอในปจจบนใหความส าคญและแอพพลเคชนภาครฐตองไมละเลยในเรองเหลาน
๑.๓ สวนตดตอเพอพฒนาโปรแกรม (Application Programming Interface: API) และการเปดเผยขอมลเพอพฒนาตอยอด (Open Data) เนองจากรฐบาลมนโยบายในการใหหนวยงานภาครฐเปดเผยขอมลเพอใหทกภาคสวน สามารถน าขอมลไปบรณาการ และน าไปพฒนาตอยอดไดในโครงการ Open Data ดงนนจงจ าเปนตองก าหนดมาตรฐานในสวนตดตอเพอพฒนาโปรแกรม (Application Programming Interface; API) และการเปดขอมลเพอพฒนาตอยอด (Open Data) ใหกบผจะพฒนาแอพพลเคชนภาครฐ
มาตรฐานในการท า API นไดระบใหแอพพลเคชนทจะมการตดตอกบระบบแมขายขอมลตองมการพฒนาสวนของ API ทระบบแมขายขอมลขนมาท างานควบคกนไปดวยเสมอ ขณะทแอพพลเคชนทมการตอตดกบระบบแมขายขอมล ไมวาจะเปนการตดตอเพอขอขอมล สงขอมลหรอขอใหระบบแมขายด าเนนการประมวลผลตองท างานผาน API เสมอ โดยท API ทพฒนาขนควรรบสงขอมลโดยใชรปแบบ และเทคโนโลยทใชกนอยางกวางขวาง (เปน De Facto Standard) ในขณะพฒนา เชน รบสงขอมลในรปแบบ JSON ในปจจบน เปนตน สวนทส าคญคอ การท า API เพอการเขาถงและการแสดงขอมลสาธารณะ (Public Contents’ Accessing API) โดยแอพพลเคชนทมการแสดงขอมลสาธารณะ เชน
๑๐
ขาวสารสาธารณะทส าคญ ขอมลทางสถตทเปนสาธารณะ รายการตาง ๆ ทเปนขอมลสาธารณะทประชาชนและผใชงานทวไปสามารถเขาถงได ควรขอขอมลดงกลาวไปยง Public API ของหนวยงาน ซง Public API นควรเปดใหนกพฒนาโปรแกรมโดยทวไปสามารถเรยกใชงานได โดยอาจจะมขนตอนการขอสทธในการใชงาน ขณะทหนวยงานควรพจารณา Public API เพอใหนกพฒนาทวไปสามารถน าขอมลสาธารณะทถกตองเชอถอไดจากหนวยงานไปใชงานไดโดยตรงอยางมประสทธภาพ นอกจากนน Public API ควรเขาถงไดโดยงาย มรปแบบการรบสงขอมลทใชกนอยางกวางขวางในชวงทพฒนาขณะนน และ Public API ทเขาถงขอมลไดทนท ไมควรมการละเมดความเปนสวนตวของผใชงานภายในระบบ และไมควรสามารถเขาถงขอมลอนเปนสวนตวของผใชงานได
๑.๔ การทดสอบคณสมบตของแอพพลเคชน (Funtion Testing) แอพพลเคชนตองไดรบการทดสอบอยางละเอยดถถวน โดยการทดสอบตองครอบคลมถงสถานการณตางๆ ทเกดขนไดในการใชงานจรง ประกอบดวย การทดสอบสวนตดตอผใชงาน (User Interface Testing), การทดสอบการท างานรวมกบระบบแจงเตอน (Notification System), การทดสอบการท างานกบระบบเครอขาย (Network delay and loss of connection) และการทดสอบการท างานกบ API และ/หรอระบบแมขายขอมล (API Testing)
๑.๕ สทธและขอตกลงในการใชเครองมอและองคประกอบตางๆ จากภายนอก ผพฒนาทมการใชเครองมอตางๆ เชน โปรแกรมจากภายนอก สวนตดตอเพอพฒนาจากภายนอก ชดพฒนาซอฟตแวรจากภายนอก ตองไดรบอนญาตใหใชเครองมอเหลานนในการพฒนาแอพพลเคชนและสามารถแสดงสทธในการใชเครองมอดงกลาวได และแอพพลเคชน สามรรถมองคประกอบตางๆ จากภายนอก เชน เพลง ภาพถายภาพกราฟก ฟอรน ตองไดรบอนญาตใหใชองคประกอบเหลานนในการพฒนาแอพพลเคชนและสามารถแสดงสทธในการใชงานดงกลาวได ๒. คณสมบตดานความมนคงปลอดภย (Security Functional Requirement) ขอมลทเปน Sensitive Information ตองมการเขารหสเสมอแมวาจะเปนการเกบไวชวคราวในเครองของผใชงานในระบบแมขายขอมลและการสงขอมลผานระบบเครอขายทงหมดเชนขอมลสวนตวของผใชงานขอมลบตรเครดตขอมลบญชธนาคาร เปนตน เมอมการปดแอพพลเคชนตองพจารณาไมใหเขาถงขอมลส าคญ (Sensitive Information) โดยไมใสรหสผานเพอยนยนตวตนอกครง แมผใชงานจะยงคงเขาระบบคางอยกตามการแสดงผลตองมการแทนขอมลจรงดวยเครองหมาย * เสมอโดยแทนทงขอความหรอในกรณทเปนขอมลทตองการใหผใชงานเหนบางสวนกจะตองแทนดวย * อยางนอย ๒๕% ของขอมลทงหมด (ส านกงานรฐบาลอเลกทรอนกส (องคมหาชน) (สรอ.), ๒๕๕๘. น.๑-๓๕)
๑๑
๔. สรปสาระและขนตอนการด าเนนการ การด าเนนงานเพอพฒนาระบบ Mobile Application บรการประชาชน กระทรวงแรงงาน ระยะท ๒ ส าหรบใหบรการดานแรงงานแบบบรณาการระบบสารสนเทศ เพมชองทางการใหบรการประชาชนของหนวยงานในสงกดกระทรวงแรงงานใหเขาถงกลมผใช Smartphone/Tablet รองรบทงระบบ iOS และ Android โดยมผงแสดงขนตอนการด าเนนงาน ดงน
โดยมรายละเอยดขนตอนการด าเนนงานดงน ๔.๑ การศกษาความตองการ และวเคราะหระบบ
(๑) มมมองของระบบทพฒนา (Product Perspective) จากการศกษาความตองการในหลกการและเหตผลของการพฒนาระบบ
Mobile Application บรการประชาชน กระทรวงแรงงาน ระยะท ๒ ซงเปนระบบบรณาการสารสนเทศของหนวยงานในสงกดกระทรวงแรงงาน สามารถแบงระบบการท างานออกเปน ๕ สวน ดงภาพท ๔
ภาพท ๔ การแบงระบบงาน Mobile Application ระยะท ๒
ขนตอนท 1 การศกษาความตองการ และวเคราะหระบบ
ขนตอนท 2 การออกแบบระบบ
ขนตอนท 3 การพฒนาระบบ Mobile Application
ขนตอนท 4 การทดสอบระบบ
ขนตอนท 5 การตดตงระบบ
ขนตอนท 6 การบ ารงรกษาระบบ
๑๒
โดยมบรการทส าคญของทกกรมส าหรบบรการประชาชน ดงน ๑. กรมการจดหางาน
๑.๑ บรการคนหาต าแหนงงานวางทวประเทศ และสมครงานไดทน ๑.๒ บรการนายจางคนหาคนงาน และสามารถ Matching ต าแหนงงานวางได
๒. กรมพฒนาฝมอแรงงาน ๒.๑ บรการคนหาก าหนดการฝกอบรมฝมอแรงงานและทดสอบมาตรฐานฝมอแรงงานใหสามารถสมครฝกอบรมฝมอแรงงานและทดสอบมาตรฐานฝมอแรงงานไดทนท และพกด GPS ของทกสถาบนพฒนาฝมอแรงงานและส านกงานพฒนาฝมอแรงงานจงหวดทวประเทศ ๒.๒ ตรวจสอบผลการลงทะเบยนฝกอบรมฝมอแรงงานและทดสอบมาตรฐานฝมอแรงงาน ๒.๓ ตรวจสอบผลการยนขอรบสทธประโยชนของสถานประกอบกจการในการยนขอรบรองหลกสตรและคาใชจายในการฝกอบรมตามพระราชบญญตสงเสรมการพฒนาฝมอแรงงาน พ.ศ. ๒๕๔๕ ๓. กรมสวสดการและคมครองแรงงาน บรการคนหาพกด GPS ของหนวยงานสวสดการและคมครองแรงงานทวประเทศ ๔. ส านกงานประกนสงคม บรการขอมลผประกนตน ดงน
๔.๑ ตรวจสอบสถานะผประกนตน ตามมาตรา ๓๓, ๓๙, ๔๐ ๔.๒ ตรวจสอบสถานพยาบาลทเลอก ๔.๓ ตรวจสอบสทธประโยชน ๔.๔ ตรวจสอบเงนสะสม (กรณชราภาพ)
๕. ส านกงานปลดกระทรวงแรงงาน บรการรองเรยน/รองทกข ของกระทรวงแรงงาน
(๒) คณสมบตของระบบทพฒนา (Product Features) การพฒนาระบบ Mobile Application บรการประชาชน กระทรวงแรงงาน ระยะท ๒ ม
คณสมบตของระบบโดยแบงเปนความตองการหลก (Functional Requirement) และความตองการเสรม (Nonfunctional Requirement) ดงน
ความตองการหลก (Functional Requirement)
๑. กรมการจดหางาน ๑.๑ ผหางาน
๑) ฟงกชน ลงทะเบยน ๒) ฟงกชน เขาสระบบ ๓) ฟงกชน คนหางาน ๔) ฟงกชน สมครงาน ๕) ฟงกชน ตรวจสอบการสมครงาน ๖) ฟงกชน ตรวจสอบผลการสมครงาน
๑๓
๑.๒ นายจาง/สถานประกอบการ ๑) ฟงกชน ขนทะเบยนนายจาง ๒) ฟงกชน เขาสระบบ ๓) ฟงกชน บนทกต าแหนงงาน ๔) ฟงกชน คดขอมลคนหางาน ๕) ฟงกชน บนทกผลการคดขอมลคนหางาน
๑.๓ Web Services เชอมฐานขอมล Smart Job Center ๑) ฟงกชน บนทกขอมลการลงทะเบยนนายจาง ๒) ฟงกชน บนทกขอมลการลงทะเบยนผหางาน ๓) ฟงกชน ดงขอมลนายจาง /ผประกอบการจากกรมพฒนาธรกจการคา ๔) ฟงกชน ตรวจสอบขอมลบคคลจากกรมการปกครอง ๕) ฟงกชน User Authentication ๖) ฟงกชน บนทกขอมลต าแหนงงาน ๗) ฟงกชน Auto Matching ๘) ฟงกชน บนทกขอมลผลการคดขอมลคนหางาน ๙) ฟงกชน บนทกขอมลการสมครงาน ๑๐) ฟงกชน ขอมลการสมครงาน
๒. กรมพฒนาฝมอแรงงาน ๒.๑ ผใชงาน
๑) ฟงกชน ลงทะเบยน ๒) ฟงกชน คนหาต าแหนงทตงของหนวยงาน ๓) ฟงกชน คนหาหลกสตร ๔) ฟงกชน เขาสระบบ ๕) ฟงกชน สมครฝก/ทดสอบมาตรฐานฝมอแรงงาน ๖) ฟงกชน ประวตการสมครฝก/ทดสอบ
๒.๒ Web Service เชอมฐานขอมลการพฒนาฝมอแรงงานผานศนยขอมลแรงงานแหงชาต ๑) ฟงกชน บนทกขอมลการลงทะเบยน ๒) ฟงกชน ขอมลต าแหนงทตงของหนวยงาน ๓) ฟงกชน ขอมลหลกสตรการเปดฝก/ทดสอบ ๔) ฟงกชน User Authentication ๕) ฟงกชน บนทกขอมลการสมครฝก/ทดสอบ ๖) ฟงกชน ขอมลผลการยนขอรบสทธประโยชน
๒.๓ ระบบ ๑) ฟงกชน แสดงขอมลหนวยงานทาง Google Map ๒) ฟงกชน น าทางไปยงหนวยงานทตองการ ๓) ฟงกชน บนทกขอมลการสมครฝก/ทดสอบ
๒.๔ สถานประกอบกจการ ๑) ฟงกชน เขาสระบบ ๒) ฟงกชน ตรวจสอบผลการยนขอรบสทธประโยชน
๑๔
๓. กรมสวสดการและคมครองแรงงาน ๓.๑ ผใชงาน
๑) ฟงกชน คนหาหนวยงาน ๒) ฟงกชน สงสถานทใหบคคลอนทาง e-mail
๓.๒ ระบบ ๑) ฟงกชน แสดงขอมลหนวยงานทาง Google Map ๒) ฟงกชน น าทางไปยงหนวยงานทตองการ
๓.๓ เจาหนาท ๑) ฟงกชน จดการขอมลหนวยงานในสงกด
๔. ส านกงานประกนสงคม ๔.๑ ผใชงานทเปนผประกนตน
๑) ฟงกชน ลงทะเบยน ๒) ฟงกชน เขาสระบบ ๓) ฟงกชน สถานะผประกนตน ๔) ฟงกชน สถานพยาบาลทเลอก ๕) ฟงกชน การสงเงนสมทบของผประกนตน ๖) ฟงกชน การเบกสทธประโยชน ๗) ฟงกชน การสงเงนสะสม (กรณชราภาพ)
๔.๒ Web Services เชอมฐานขอมลผประกนตน ๑) ฟงกชน ตรวจสอบสถานะผประกนตน ๒) ฟงกชน ตรวจสอบสถานพยาบาลทเลอก ๓) ฟงกชน ตรวจสอบการสงเงนสมทบของผประกนตน ๔) ฟงกชน ตรวจสอบการเบกสทธประโยชน ๕) ฟงกชน ตรวจสอบเงนสะสม (กรณชราภาพ)
๕. ส านกงานปลดกระทรวงแรงงาน ๑.๑ ผใชงาน
๑) ฟงกชน คนหาขอมลการรองเรยน/รองทกข ๒) ฟงกชน รองเรยน/รองทกข
๑.๒ ระบบ ๑) ฟงกชน บนทกขอมล (การใชงานผาน mobile)
๑.๓ Web Service เชอมฐานขอมลรองเรยนรองทกข ๑) ฟงกชน บนทกขอมลระบบ Mobile App เดม ๒) ฟงกชน บนทกขอมล Website กระทรวงแรงงาน
๑.๔ เจาหนาทส านกงานปลดกระทรวงแรงงาน ๑) ฟงกชน รายงานสถตการรองเรยน/รองทกขผานทาง Mobile Application
๑.๕ เจาหนาทกรมสวสดการและคมครองแรงงาน ๑) ฟงกชน ตอบค าถาม/ใหค าแนะน า พรอมเลอกหนวยงานทแนะน า
๑๕
ความตองการเสรม (Nonfunctional Requirement) ไดแก ๑. การคนหาขอมลตาง ๆ ขณะก าลงโหลดขอมล ใหแสดงสญลกษณเตอนการรอโหลด ๒. ระบบสามารถรองรบอปกรณ iPhone และ iPad ทใชระบบปฏบตการ iOS ๗ ขนไป ๓. ระบบสามารถรองรบอปกรณ Smartphone และ Tablet ทใชระบบปฏบตการ
Android ๔.๐.๓ ขนไป ๔. ระบบสามารถแสดงผลไดเตมหนาจอทงเปนแนวตงและแนวนอน ๕. สามารถรายงานสถตการใชบรการของผใชงานผานระบบ Mobile Application
(๓) สถาปตยกรรมระบบ (System Architecture)
ภาพท ๕ สถาปตยกรรมระบบ (System Architecture)
๑๖
(๔) การวเคราะหระบบ ๑. กรมการจดหางาน
๑.๑) Business Process Diagram
ภาพท ๖ Business Process Diagram กรมการจดหางาน
๑๘
๑.๓) ค าอธบายยสเคส (Usecase Description) หมายเลขยสเคส
ชอ ผปฏบต ค าอธบาย
UC๐๑๐๑ ขนทะเบยนนายจาง นายจาง/ สถานประกอบการ
นายจางสามารถลงทะเบยน และแนบรายละเอยดเอกสารประกอบการลงทะเบยนผาน Mobile Application ได โดยจะตองมการสงขอมลการลงทะเบยนและเอกสารแนบจากระบบ Mobile Application ไปใหระบบ Smart Job เพอตรวจสอบ ขอมลของนายจาง
UC๐๑๑๙ บนทกขอมล การลงทะเบยนนายจาง
Web Service
UC๐๑๐๒ ดงขอมลนายจาง/ ผประกอบการจาก DBD
นายจาง/ สถานประกอบการ
นายจางทลงทะเบยน ผานระบบ Mobile Application จะตองสามารถแลกเปลยนเชอมโยงขอมลโดยการตรวจสอบเลขทะเบยนนตบคคล ๑๓ หลก และดงขอมลของนายจางทจดทะเบยนกบกรมพฒนาธรกจการคาได เพออนมตนายจางใหเขาใชงานบนระบบ Mobile Application
UC๐๑๐๓ ตรวจสอบขอมลนายจาง/ ผประกอบการจาก ปค
นายจาง/ สถานประกอบการ
UC๐๑๐๔ เขาสระบบนายจาง นายจาง/ สถานประกอบการ
การ Login เขาสระบบ นายจาง/ สถานประกอบการ UC๐๑๐๕ User Authentication
UC๐๑๐๖ บนทกต าแหนงงาน นายจาง/ สถานประกอบการ
นายจางสามารถบนทกต าแหนงงานผาน Mobile Application โดยระบบจะตองสามารถสงต าแหนงทนายจางบนทกต าแหนงงาน หรอแกไขต าแหนงงาน เขาสระบบ Smart Job ได
UC๐๑๐๗ บนทกขอมลต าแหนงงาน Web Service เรยก Web Service ส าหรบ บนทกขอมลต าแหนงงานไปยงระบบ Smart Job
UC๐๑๐๘ คดขอมลคนหางาน นายจาง/ สถานประกอบการ
- นายจางสามารถคดขอมลคนหางานไดจากต าแหนงงานทบนทกไวไมเกน ๕ ต าแหนง ๆ ละไมเกน ๒๐ คนผาน Mobile Application ไดโดยจะตองมการ Update ในระบบ Smart Job ดวย
- จะตองมการแจงเตอนใหนายจางทราบกรณคดขอมลเกนจ านวนทก าหนด
- ระบบจะตองมการสงขอมลใหผใชทราบวามนายจางสนใจคดขอมลทงจาก Mobile Application และบนระบบ Smart Job
UC๐๑๐๙ Auto Matching Web Service
๑๙
หมายเลขยสเคส
ชอ ผปฏบต ค าอธบาย
UC๐๑๑๐ บนทกผลการคด ขอมลคนหางาน
นายจาง/ สถานประกอบการ
นายจางจะตองใสผลการคดขอมลคนหางานผานมอถอได และจะตอง Update ขอมลในระบบ Smart Job ดวย UC๐๑๑๑ บนทกขอมลผล
การคดขอมลคนหางาน Web Service
UC๐๑๑๒ ลงทะเบยนผหางาน ผใชงาน(หางาน) - การสมครงานผาน Mobile Application จะตองมการยนยนตวตนของผใชจากขอมลกรมการปกครองได
- ผสมครทไมเคยมประวต จะตองลงทะเบยนเพอสมครงาน และเชอมโยงขอมลการสมครงานผาน Web service เขากบ Smart Job ได
UC๐๑๒๐ บนทกขอมล การลงทะเบยนผหางาน
Web Service
UC๐๑๑๓ เขาสระบบผหางาน ผใชงาน(หางาน) การ Login เขาสระบบ ผหางาน UC๐๑๑๔ คนหางาน ผใชงาน(หางาน) ผสมครทมประวตแลวสามารถสมครงาน
ผานมอถอและสามารถคนหาต าแหนงงานวางไดทงแบบการคนหางานดวยตนเอง และแบบระบบคดเลอกงานทเหมาะสมกบคณสมบตใหแบบอตโนมต (Automatching) ได โดยขอมลทมการสมครจาก Mobile Application จะตองสงเขาไป Update ในระบบ Smart Job ดวย
UC๐๑๑๕ สมครงาน UC๐๑๑๖ บนทกขอมลการสมคร
งาน Web Service
UC๐๑๑๗ ตรวจสอบการสมครงาน ผใชงาน(หางาน) การตรวจสอบผลการคดลอกรายชอ UC๐๑๑๘ ขอมลการสมครงาน Web Service
๒๐
๒. กรมพฒนาฝมอแรงงาน ๒.๑) Business Process Diagram
ภาพท ๘ Business Process Diagram กรมพฒนาฝมอแรงงาน
๒๒
๒.๓) ค าอธบายยสเคส (Usecase Description)
หมายเลขยสเคส
ชอ ผปฏบต ค าอธบาย
UC๐๒๐๑ ลงทะเบยน ผใชงาน ลงทะเบยนส าหรบผใชงานทตองการสมครฝก/ทดสอบตามมาตรฐานฝมอแรงงาน UC๐๒๐๒ บนทกขอมลการ
ลงทะเบยน Web Service
UC๐๒๐๓ คนหาต าแหนงทตงของหนวยงาน
ผใชงาน เพมการแสดงผลต าแหนงทตงของ สถาบนพฒนาฝมอแรงงาน/ศนยพฒนาฝมอแรงงานทวประเทศ ในระบบแผนท (GPS) โดยยดต าแหนงของผใชเปนหลก เพอใหทราบวาสถาบน/ศนยทใกลผใชมทไหนบาง และเมอผใชแตะทต าแหนงทตงของสถาบนพฒนาฝมอแรงงาน/ศนยพฒนาฝมอแรงงานทใกลนน สามารถแสดงหลกสตรการเปดฝก/ทดสอบและรายละเอยด อยางนอยดงตอไปน การฝกอบรม ๑) ชอหลกสตร ๒) จ านวนชวโมงฝก ๓) วนทเปดฝก-จบฝก ๔) สถานทฝก ๕) หนวยงานทรบสมคร การทดสอบ ๑) ชอสาขาทดสอบฯ ๒) วนททดสอบ ๓) สถานททดสอบ ๔) หนวยงานทรบสมคร ๕) เบอรโทรศพทตดตอ ๖) อเมลตดตอ ขนมาใหผใชทราบ รวมถงแสดงเสนทางทเดนทางไปยงสถาบนพฒนาฝมอแรงงาน/ศนยพฒนาฝมอแรงงานทใกลนน (โดยขอมลทอย สถานทตง หมายเลขโทรศพท
UC๐๒๐๔ ขอมลต าแหนงทตงของหนวยงาน
Web Service
UC๐๒๐๕ แสดงขอมลหนวยงานทาง Google Map
ผใชงาน
UC๐๒๐๖ น าทางไปยงหนวยงานทตองการ
ผใชงาน
๒๓
หมายเลขยสเคส
ชอ ผปฏบต ค าอธบาย
และ พกด ของหนวยงาน ทางกรมพฒนาฝมอแรงงานเปนผรบผดชอบในการตรวจสอบและรวบรวมขอมลส าหรบน าเขาระบบ)
UC๐๒๐๗ คนหาหลกสตร ผใชงาน เพมการคนหาหลกสตรโดยแสดงผลในลกษณะ จดหรอเครองหมายใดๆ บนแผนทประเทศไทย ซงบอกถงจงหวดทมการเปดฝก/ทดสอบในหลกสตรทคนหา และเมอแตะทจดหรอเครองหมายใดๆนน กจะบอกรายละเอยดอยางนอยดงตอไปน การฝกอบรม ๑) ชอหลกสตร ๒) จ านวนชวโมงฝก ๓) วนทเปดฝก-จบฝก ๔) สถานทฝก ๕) หนวยงานทรบสมคร การทดสอบ ๑) ชอสาขาทดสอบฯ ๒) วนททดสอบ ๓) สถานททดสอบ ๔) หนวยงานทรบสมคร ๕) เบอรโทรศพทตดตอ ๖) อเมลตดตอ
UC๐๒๐๘ ขอมลหลกสตรการเปดฝก/ทดสอบ
Web Service
UC๐๒๐๙ เขาสระบบ ผใชงาน เพมการสมครฝก/ทดสอบมาตรฐานฝมอแรงงาน ผาน Mobile Application โดยเมอผใชคนหาหลกสตรทตองการฝกอบรม/ทดสอบมาตรฐานฝมอแรงงาน สามารถสมครฝกไดตอเนองทนท และเมอผใชสมครเสรจเรยบรอยแลว ขอมลการสมครฝก/ทดสอบมาตรฐาน ตองไปบนทกเขาในฐานขอมลของกรมพฒนาฝมอแรงงานซงเปนฐานเดยวกนกบการสมครผานเวบไซตระบบ e-service ของกรมพฒนาฝมอแรงงานในทนท โดยผาน Web Service และผสมครสามารถเรยกดประวตการสมครฝก/ทดสอบมาตรฐานฝมอแรงงานไดดวย
UC๐๒๑๐ User Authentication Web Service UC๐๒๑๑ สมครฝก/ทดสอบ
มาตรฐานฝมอแรงงาน ผใชงาน
UC๐๒๑๒ บนทกขอมลการสมครฝก/ทดสอบ
Web Service
๒๔
หมายเลขยสเคส
ชอ ผปฏบต ค าอธบาย
UC๐๒๑๓ ประวตการสมครฝก/ทดสอบ
ผใชงาน เพมการตรวจสอบผลการสมครฝกและทดสอบมาตรฐานฝมอแรงงานของผใชทไดสมครไวผาน Mobile Application โดยดงขอมลจากฐานขอมลระบบคอมพวเตอรศนยขอมลแรงงานแหงชาต
UC๐๒๑๔ เขาสระบบ สถานประกอบกจการ
เพมการตรวจสอบผลการสมครฝกและทดสอบมาตรฐานฝมอแรงงานของผใชทไดสมครไวผาน Mobile Application โดยดงขอมลจากฐานขอมลระบบคอมพวเตอรศนยขอมลแรงงานแหงชาต
UC๐๒๑๕ ตรวจสอบผลการยนขอรบสทธประโยชน
สถานประกอบกจการ
UC๐๒๑๖ ขอมลผลการยนขอรบสทธประโยชน
Web Service
๒๕
๓. กรมสวสดการและคมครองแรงงาน ๓.๑) Business Process Diagram
ภาพท ๑๐ Business Process Diagram กรมสวสดการและคมครองแรงงาน
๓.๒) แผนภาพยสเคส (Use Case Diagram)
ภาพท ๑๑ แผนภาพยสเคส (Use Case Diagram) คนหาทตงหนวยงานกรมสวสดการและคมครองแรงงาน
๒๖
๓.๓) ค าอธบายยสเคส (Usecase Description)
หมายเลขยสเคส
ชอ ผปฏบต ค าอธบาย
UC๐๓๐๑ จดการขอมลหนวยงานในสงกด
เจาหนาท การเพม แกไข ลบ และคนหาขอมลหนวยงาน
UC๐๓๐๒ คนหาหนวยงาน ผใชงาน สามารถคนหาหนวยงานได UC๐๓๐๓ แสดงขอมลหนวยงานทาง
Google Map ผใชงาน - ระบบแผนท (GPS) ของกรมสวสดการ
และคมครองแรงงานและหนวยงานในสงกด ตามทก าหนด
- แสดงขอมลลกษณะแผนท ระบต าแหนงทตง หมายเลขโทรศพทของกรมสวสดการและคมครองแรงงานและหนวยงานในสงกด
UC๐๓๐๔ น าทางไปยงหนวยงานทตองการ
ผใชงาน สามารถคนหาเสนทาง/น าทางผานระบบน าทาง Google Map หรอ ระบบน าทางทเชอถอได (โดยขอมลทอย สถานทตง หมายเลขโทรศพท และ พกด ของหนวยงาน ทางกรมสวสดการและคมครองแรงงานเปนผรบผดชอบในการตรวจสอบและรวบรวมขอมลส าหรบน าเขาระบบ)
๒๗
๔. ส านกงานประกนสงคม ๔.๑) Business Process Diagram
ภาพท ๑๒ Business Process Diagram ส านกงานประกนสงคม
๒๙
๔.๓) ค าอธบายยสเคส (Usecase Description)
หมายเลขยสเคส
ชอ ผปฏบต ค าอธบาย
UC๐๔๐๑ ลงทะเบยน ผประกนตน ตรวจสอบขอมลผประกนตน โดยใหมการลงทะเบยนก าหนดรหสผใช (USER) และรหสผาน (Password) และใหมการใสรหสผใชและรหสผานทกครงทสอบถามขอมล เพอยนยนตวตนและความเปนเจาของขอมล โดยใหมการตรวจสอบขอมลเฉพาะขอมลตนเองเทานน
UC๐๔๐๒ เขาสระบบ ผประกนตน
UC๐๔๐๓ ขอมลผประกนตน ผประกนตน - การแสดงผลหนาจอ จะตองปดตวเลขบางสวนของเลขบตรประจ าตวประชาชน
- ตรวจสอบสถานะผประกนตน ตามมาตรา ๓๓, ๔๐
- ตรวจสอบสถานพยาบาลทเลอก
UC๐๔๐๔ ตรวจสอบสถานะและสถานพยาบาลทเลอกของผประกนตนม.๓๓/๓๙
Web Service
UC๐๔๐๕ ตรวจสอบสถานะ ผประกนตน ม.๔๐
Web Service
UC๐๔๐๖ การสงเงนสมทบของผประกนตน
ผประกนตน ตรวจสอบการสงเงนสมทบของผประกนตน
UC๐๔๐๗ ตรวจสอบการสงเงนสมทบของผประกนตน ม.๓๓/๓๙, ม.๔๐
Web Service
UC๐๔๐๘ การเบกสทธประโยชน ผประกนตน การเบกสทธประโยชน UC๐๔๐๙ ตรวจสอบการเบกสทธ
ประโยชน ม.๓๓/๓๙, ม.๔๐
Web Service
UC๐๔๑๐ เงนสะสม (กรณชราภาพ) ผประกนตน ตรวจสอบเงนสะสม (กรณชราภาพ) UC๐๔๑๑ ตรวจสอบเงนสะสม (กรณ
ชราภาพ) ตาม ม.๓๓/๓๙, ม.๔๐
Web Service
๓๐
๕. ส านกงานปลดกระทรวงแรงงาน ๕.๑) Business Process Diagram
ภาพท ๑๔ Business Process Diagram ส านกงานปลดกระทรวงแรงงาน
๓๑
๕.๒) แผนภาพยสเคส (Use Case Diagram)
ภาพท ๑๕ แผนภาพยสเคส (Use Case Diagram) รองเรยนรองทกข กระทรวงแรงงาน
๓๒
๕.๓) ค าอธบายยสเคส (Usecase Description)
หมายเลขยสเคส
ชอ ผปฏบต ค าอธบาย
UC๐๕๐๑ คนหา ตดตาม ขอมลการรองเรยน/รองทกข
ผใชงาน จดท าบรการรองเรยน/รองทกขของกระทรวงแรงงาน
UC๐๕๐๒ สงเรองรองเรยน/รองทกขใหผอนทาง e-mail
ผใชงาน
UC๐๕๐๓ รองเรยน/รองทกข ผใชงาน UC๐๕๐๔ บนทกขอมลไปยงระบบ
Mobile App เดม ของ กสร.
Web Service
UC๐๕๐๕ บนทกขอมล (เพมการใชงานผาน mobile)
เจาหนาทสป.
UC๐๕๐๖ รายงานสถตการ รองเรยน/รองทกข ผานทางแตละชองทาง
UC๐๕๐๗ ตอบค าถาม/ใหค าแนะน า พรอมเลอกหนวยงานทแนะน า
เจาหนาทกสร.
UC๐๕๐๘ บนทกขอมลกลบเขาระบบ Website กระทรวงแรงงาน
Web Service
UC๐๕๐๙ แสดงขอมลหนวยงานทาง Google Map
ระบบ
UC๐๕๑๐ น าทางไปยงหนวยงานทตองการ
ระบบ
๓๓
๔.๒ การออกแบบระบบ
จากการศกษาความตองการ และวเคราะหระบบ ในขนตอนท ๑ แลว จงไดมการออกแบบระบบ ประกอบดวย ๒ สวน ไดแก ออกแบบฐานขอมล (Database Design) และออกแบบสวนตดตอกบผใช (User Interfaces Design)
(๑) ออกแบบฐานขอมล (Database Design)
ภาพท ๑๖ แสดงการออกแบบ Entity Relationship Diagram (E-R Diagram)
๓๔
(๒) ออกแบบสวนตดตอกบผใช (User Interfaces Design) เพอน าเสนอลกษณะของจอภาพของระบบซงจะท าใหสามารถเขาใจขนตอนการ
ท างานของระบบไดชดเจนมากยงขน ดงน ๑. หนาจอหลกระบบงาน (Screen Layout)
ภาพท ๑๗ หนาจอหลก ส าหรบผใชงานทวไป
๓๕
ภาพท ๑๘ หนาจอหลก ส าหรบนายจาง หนา home เปนหนาแรกทเมอเปดโปรแกรม แสดงเมนส าหรบเขาใชงานบรการของกรมตางๆ โดยจะแบงเปนหนา home ส าหรบผใชงานทวไป และนายจาง/ผประกอบการดงน
- ส าหรบผใชงานทวไป o “หางาน”
หางานทสนใจ ลงทะเบยนหางาน งานของคณ
๓๖
o “ตรวจสอบขอมลผประกนตน” ขอมลผประกนตน เงนสมทบผประกนตน เงนสะสมชราภาพ ตรวจสอบการเบกสทธประโยชน
o “การพฒนาฝมอแรงงาน” คนหาสถานทฝก/ทดสอบ สมครฝกอบรมฝมอแรงงาน สมครทดสอบมาตรฐานฝมอแรงงาน ตรวจสอบผลการสมครฝก/ทดสอบ
o “รองเรยน/รองทกข” รองเรยนรองทกข คนหาและตดตาม คนหาทตงของกรมสวสดการและคมครองแรงงาน
- ส าหรบนายจาง/ผประกอบการ o “หาคน”
บนทกต าแหนงงานวาง หาคนท างาน บนทกผลการคดลอก ผสมครงานกบบรษท
o “การพฒนาฝมอแรงงาน” คนหาสถานทฝก/ทดสอบ สมครฝกอบรมฝมอแรงงาน สมครทดสอบมาตรฐานฝมอแรงงาน ตรวจสอบการยนรบรองหลกสตรและคาใชจาย
o “รองเรยน/รองทกข” รองเรยนรองทกข คนหาและตดตาม คนหาทตงของกรมสวสดการและคมครองแรงงาน
และมแถบเมนส าหรบใชงานทวไป และแกไขขอมลเฉพาะตนซงจะปรากฏอยตลอดทางดานลางของจอ
o “หนาหลก” : ใชส าหรบยอนกลบมาทหนา home เสมอ o “ขอมลสวนตว” : ใชส าหรบแสดงขอมลของผใชงาน และเปนทางเขาส าหรบการแกไข
ขอมลนนๆ และหากยงไมได login จะขนหนา login ขนมาให o “เวบไซต”: ใชเปดหนาจอเวบไซตกระทรวงแรงงาน ใหบรการใน mobile แตแสดงผลบน web page o “ตดตอ” : ใชเปดหนาจอแสดงเบอรโทรตดตอของหนวยงานทใหบรการบนงานตางๆท
ปรากฏบน mobile
๓๗
๒. หนาจอการลงทะเบยน
ภาพท ๑๙ หนาจอภาพรวมการลงทะเบยน Login: เมอมการกดปม “ขอมลสวนตว” ทแถบเมนดานลางของจอ ระบบจะแสดงหนาจอให Login เขาสระบบ ลงทะเบยน : ผใชงานสามารถกดปมลงทะเบยนเพอท าการลงทะเบยนเปนลกจาง หรอเปนนายจาง
๓๙
เมอเลอกบรการ “หางานทสนใจ” จะมหนาตาง Search job#๑ ปรากฏ มการคนหา ๒ ประเภท เปนทางเลอก
๑. “การคนหาตามเงอนไข” คอ ชอบรษท ต าแหนงงาน ภมภาค จงหวด เงนเดอน (>=) เพศ วฒการศกษา ชวงอาย เฉพาะผพการ โดยสามารถระบขอมลใดขอมลหนงในการคนหาได
๒. “คนหางานทเหมาะกบคณสมบต” คอ Auto matching ทจะคนหาขอมลใหอตโนมตโดยไมตองใสเงอนไขในการคนหา
ผลการคนหาจะปรากฏในหนาตาง Search job#๒ ททายผลรายการคนหาจะมปม “สมคร” เพอใหกดสมครผานระบบ smart job ไดทนท (ถาเปนผสมครทยงไมไดลงทะเบยนเขาใชงานระบบ หรอ login เขาสระบบ โปรแกรมจะแสดงหนาจอให สมคร หรอ login เขาสระบบกอน) ส าหรบผลการกดสมครจะไปแสดงทฝงของนายจางดวย
ภาพท ๒๑ หนาจอลงทะเบยนหางาน
๔๐
การลงทะเบยนหางาน (Resume) เปนขนตอนการสราง resume เกดขนหลงจากลงทะเบยนผใชเสรจเรยบรอยแลว เนองจากขอมลใน resume มจ านวนมากจงแบงออกเปนหนาจอยอย เปลยนหนาจอโดยการ swipe ซาย หรอ ขวา โดยสามารถเพมรปถายส าหรบการสมครงานโดยกดทรปกลองถายรป
resume#๑ : ขอมลประวตพนฐาน เปนหนาแรก resume#๒ : ขอมลส าหรบทอยปจจบนทตดตอได โดยสามารถอพโหลดไฟลประกอบการสมคร
ท างานได resume#๓ : ขอมลสถานะภาพทางสงคมเพมเตม รวมทงการระบประเภทความพการ resume#๔ : ขอมลประวตการศกษา เพมขอมลวฒการศกษาอนๆไดโดยกดทเครองหมาย + resume#๔-๑ resume#๕ : ขอมลประวตการท างาน เพมขอมลประวตการท างานอนๆไดโดยกดทเครองหมาย + resume#๕-๑ resume#๖ : ขอมลงานทสนใจ เพมขอมลต าแหนงงานทสนใจอนๆไดโดยกดทเครองหมาย + resume#๖-๑
ภาพท ๒๒ หนาจองานของคณ
หลงจากกดเมน “งานของคณ” จะแสดงผลหนา Job result job result ใชเปนหนาจอส าหรบจดการต าแหนงทมการคนหาแลวตางๆ รวมถงแจงสถานะของผลการสมครงาน โดยเรยงขอมลอตโนมตจากวนทมการอพเดตขอมลลาสด โดยแบงออกเปน ๑.งานทสมครเอง และ ๒.งานทบรษทใหความสนใจ เมอแตะทรายการแสดงรายละเอยดการนดหมายสมภาษณงาน หรอ นดรายงานตวเขาท างาน เปดขนเมอแตะทรายการงานนนๆ
๔๒
การลงทะเบยนนายจาง (Company profile) เปนขนตอนการสรางขอมลพนฐาน เกดขนหลงจากลงทะเบยนผใชเสรจเรยบรอยแลว เนองจากขอมลใน company profile มจ านวนมากจงแบงออกเปนหนาจอยอย เปลยนหนาจอโดยการ swipe ซาย หรอ ขวา
Company profile#๑ ขอมลพนฐานของนายจางทถกดงมาตอนลงทะเบยนผใชครงแรก และแนบเอกสารประกอบการสมครใชงานได
Company profile#๒ สามารถแกไขใสทอยปจจบนทสามารถตดตอทางบรษท Company profile#๓ เนองจากเปนนตบคคลจงตองมผตดตอประสานงาน สามารถเพมผตดตอ
ประสานงานได ** ในการสมครกรณของนายจาง หลงจากกรอกขอมลและอพโหลดเอกสารการสมครครบจะไม
สามารถใชงานไดทนท ตองรอการอนมตจากหนวยงานทเกยวของกอน โดยระบบจะมการอพเดตสถานะวา “รอการอนมตให”
ภาพท ๒๔ หนาจอหาคนท างาน – นายจาง/สถานประกอบการ
๔๓
เปนหนาจอสวนของนายจาง/ผประกอบการตองการหาคนเขาท างาน และตอบรบคนทตองการงาน ท างานใน ๒ ลกษณะคอ
๑. คนหาคนท างาน ๒. แสดงรายชอคนทเคยคดลอกไว และรายชอคนทสมครงานเขามาเอง
โดยมหนาจอแสดงผลดงน Search human#๑: คนหาผตองการงานตามเงอนไข Search human#๒: แสดงผลผสมครทเขาเงอนไขการคนหา โดยมปมตอบรบ (คดลอก) และใสขอมล
นดหมายเมอแตะทหนาจอจะแสดงรายละเอยดคณสมบตของผสมคร และปมตอบรบ (คดลอก) และใสขอมลนดหมายพรอมหนาจอนดหมายสมภาษณงาน โดยมชองใหใสขอความ
Search human#๓: แสดงรายชอบคคลในกรปทเคยคดลอกไว และแบบทสมครเขามาเอง ระบบเปนคนจบคแสดงผลโดยอางจากชอของต าแหนงงาน
ภาพท ๒๕ หนาจอแสดงขอมลคนท างานจากการคดลอก และจากการยนสมครโดยตรง
๔๔
ภาพท ๒๖ หนาจอบนทกต าแหนงงานวาง
การบนทกต าแหนงงานวาง(Position) เปนขนตอนการสรางขอมลพนฐาน เกดขนหลงจากลงทะเบยนผใชเสรจเรยบรอยแลว เนองจากขอมลใน Position มจ านวนมากจงแบงออกเปนหนาจอยอย เปลยนหนาจอโดยการ swipe ซาย หรอ ขวา โดยสามารถเพมรปถายส าหรบการสมครงานโดยกดทรปกลองถายรป
Position#๑ เปนหนาจอแสดงต าแหนงงานรวมทเคยสราง สามารถเพมใหมโดยการกดปม + หรอแกไขโดยการแตะไปทรายการนนๆ จะแสดงหนารายละเอยดงาน Position#๒
Position#๒ แสดงรายละเอยดต าแหนงงานทเคยประกาศสมครหรอสรางใหม Position#๓ แสดงขอมลของต าแหนงงานเพมเตม Position#๔ แสดงขอมลของต าแหนงงานเพมเตม
๔๖
ทหนา Home เมอกดตรวจสอบขอมลผประกนตนแลว ระบบจะแสดงเมนยอยดงน “ขอมลผประกนตน” “เงนสมทบผประกนตน” “เงนสะสมชราภาพ” “ตรวจสอบการเบกสทธประโยชน”
sso : เมนของระบบประกนสงคม sso#๑ : หนาหลกแสดงขอมลการจายเงนสมทบผประกนตน ตามมาตร ๓๓/๓๙ และทางเลอกดมาตรา ๔๐ sso#๑-๑ : แสดงขอมลสมทบผประกนตนมาตรา ๔๐ sso#๑-๒ : แสดงขอมลเงนสะสมชราภาพมาตรา ๓๓/๓๙ sso#๑-๓ : แสดงขอมลเงนสะสมชราภาพมาตรา ๔๐ sso#๒ : เปนหนาจอ แสดงขอมลการเบกสทธประโยชนคนหาตามป
๔๗
๕. กรมสวสดการและคมครองแรงงาน
ภาพท ๒๘ หนาจอคนหาแผนทน าทางไปยงหนวยงานสงกดกรมสวสดการและคมครองแรงงาน
เปนสวนงานส าหรบคนหาสถานทตงและน าทางไปยงหนวยงานกรมสวสดการและคมครองแรงงานทระบหรอทใกลทสดได
Labour#๐ : ใสเงอนไขในการคนหาทตงหนวยงานตามจงหวด หรอใชต าแหนงปจจบนอตโนมต Labour#๑ : แสดงผลลพธการคนหา Labour#๒ : แสดงรายละเอยดพรอมขอมลทตองหนวยงาน และเบอรโทรศพท Labour#๓ : แผนทแสดงสถานทตงหนวยงาน Labour#๔ : แผนทแสดงการน าทางไปยงหนวยงานทเลอก
๔๙
ในภาพเปนการแสดง Flow การท างานโดยรวม โดยถายงไมได login หรอ login เขามาเปนประชาชนทวไป ระบบจะถอวาเปนผใชงานทวไป และถา login มาเปนนายจาง/ผประกอบการ ระบบจะถอวาเปนนายจาง/ผประกอบการ
dsd#๐ เปนหนาแรกมเมน แยกส าหรบ ผใชงานทวไป ๑ คนหาสถานทฝก / ทดสอบ ๒ สมครฝกอบรมฝมอแรงงาน ๓ สมครทดสอบมาตรฐานฝมอแรงงาน ๔ ตรวจสอบผลการขอสมครฝก/ทดสอบ นายจาง/สถานประกอบการ ๑ คนหาสถานทฝก / ทดสอบ ๒.ตรวจสอบผลการยนขอรบสทธประโยชน (นายจาง/ผประกอบการ) สวนของผหางานทวไป dsd#๐๐ เปนหนาแสดงผลสถานะการยนสมครขอฝกหลกสตร / ทดสอบ ของผใชงาน dsd#๑ เปนหนาเปดแสดงทตงปจจบนของผใชงานและ กรมสวสดการและคมครองแรงงานทใกลทสด dsd#๒ กดปมคนหาทมมดานขวาบนของจอ เพอหาสถานทตงของกรมพฒนาฝมอแรงงานอนๆ dsd#๓ แสดงรายละเอยดพรอมขอมลทตองหนวยงาน ,เบอรโทรศพท และทางเลอกส าหรบเขาไปด
รายละเอยด dsd#๔ แสดงก าหนดการฝกอบรม พรอมปมสมคร และปมแสดงแผนท (ถาเปนผสมครทยงไมได
ลงทะเบยนเขาใชงานระบบ หรอ login เขาสระบบ โปรแกรมจะแสดงหนาจอให สมคร หรอ login เขาสระบบกอน)
dsd#๕ แสดงก าหนดการทดสอบ พรอมปมสมคร และปมแสดงแผนท (ถาเปนผสมครทยงไมไดลงทะเบยนเขาใชงานระบบ หรอ login เขาสระบบ โปรแกรมจะแสดงหนาจอให สมคร หรอ login เขาสระบบกอน)
dsd#๖ แสดงขอมลแผนทตดตอกรมพฒนาฝมอแรงงานเจาของหลกสตรฝกอบรม/ทดสอบ dsd#๗ แผนทแสดงการน าทางไปยงหนวยงานทเลอก dsd#๘ แผนทแสดงการน าทางไปยงหนวยงานทเลอก
๕๐
๗. ส านกงานปลดกระทรวงแรงงาน
ภาพท ๓๐ หนาจอรองเรยน/รองทกข ส านกงานปลดกระทรวงแรงงาน
complain#๑: หนาหลกเปนเมนยอยแยก “เรองรองเรยน รองทกข”, “คนหาและตดตามเรอง” และ”
คนหาทตงของกรมสวสดการและคมครองแรงงาน” complain#๒: หนาเมน“เรองรองเรยน รองทกข” พรอมใหใสเรองและขอความโดยดง ขอมลพนฐาน เชน
ชอ นามสกล เลขทบตรประชาชน ผรอง อตโนมตจาก profile ท login สามารถเลอกสงค ารองไปยงกรมตางๆได โดยกดทตวเลอกประเภท หากไมทราบเลอกอนๆได
complain#๓: หนาเมน แสดงสถานะเรองทเคยรองเรยนเอาไวอตโนมต โดยใชขอมลจาก profile ท login และเรยงล าดบเรองจากวนทรบเรองรองเรยน และสถานะเรอง
complain#๔: แสดงรายละเอยดเรองรองเรยน/รองทกข เมอแตะทเรองผลลพธจาก complain#๓
๕๑
๔.๓ พฒนาระบบ Mobile Application พฒนาระบบ Mobile Application ดงทไดออกแบบระบบไวตามขนตอนการท ๒ ในสวน
การออกแบบสวนตดตอผใชงาน โดยขอน าเสนอการพฒนาระบบในระบบปฏบตการ Android ดงน (๑) เครองมอและภาษาในการพฒนา
- โปรแกรม Android Studio เวอรชน ๒.๒.๓ สามารถดาวนโหลดไดท https://developer.android.com/studio/index.html (เลอกเวอรชนลาสด)
- ใชภาษา java (๒) การพฒนาระบบ
เมอท าการตดตงโปรแกรมเรยบรอยแลว กสามารถเปดโปรแกรมเพอเรมใชงานและสราง Activity ดงน
๑. คลกท Stat a new Android Studio project จากนน จะมขอมลของ Application ใหกรอกดงน
- Application Name จะใชชอวา SmartLabour - Company Domain คอ mol.go.th - Project Location คอ ต าแหนงทใชจดเกบโปรเจคต
ภาพท ๓๑ Stat a new Android Studio project
๕๒
๒. ตอไปเลอก version ของ Android ต าสดทจะรองรบ Application ของโปรเจคต คอ API ๑๕: Android ๔.๐.๓ (IceCreamSandwich)
ภาพท ๓๒ เลอก Minimum SDK
๓. ส าหรบ Android Studio จะม Activity หลายรปแบบใหเลอกใช จากรปจะ
ท าการเลอก Empty Activity
ภาพท ๓๓ เลอกหนาจอ Activity
๕๓
๔. สดทาย จะเปนการตงชอ Activity และ Layout จากรปจะตงชอ Activity วา MainActivity และตงชอ Layout วา activity_main จากนน คลก Finish
ภาพท ๓๔ ตงชอ Activity และ Layout
เมอท าการสรางโปรเจคเสรจเรยบรอยแลว จะพบวาม class ทชอ MainActivity.java อยใน
Folder ชอ java และ Layout ทชอ acticity_main.xml อยใน Folder ชอ res > layout ตามทไดตงคาไว ซงจะใช MainActivity.java ส าหรบสรางการตอบสนองการใชงานองคประกอบตางๆบนหนา Application
ภาพท ๓๕ คลาส MainActivity
๕๔
ในสวนของ Layout จะใชเพอจดองคประกอบบนหนา Application ซงสามารถมองในมมมองได ๒ รปแบบ ไดแก มมมอง Design ทสามารถลากองคประกอบตางๆ จาก Palette แลวลากมาไวบนหนา application และมมมอง Text ซงใช XML ในการสรางองคประกอบตางๆใหกบหนา Application ยกตวอยางในรปดานลางเปน Layout ของหนาจอเงนสะสมกรณชราภาพ ตงชอ Layout วา activity_old_add_on
ภาพท ๓๖ มมมอง Design และมมมอง Text ของ Layout
ส าหรบไฟล AndroidManifest.xml แอนดรอยดก าหนดวาทกๆ แอพตองมไฟล AndroidManifest.xml
โดยขอมลในไฟลนจะบอกรายละเอยดพนฐานเกยวกบแอพ ซงแอนดรอยดจ าเปนตองรขอมลเหลานกอนจงจะสามารถตดตงและรนแอพได เปนตนวา ชอแอพ ไอคอนของแอพ แอพประกอบดวย Activity ใดบาง และ Activity ใดเรมตนท างานเมอผใชรนแอพ ฯลฯ Android Studio เกบไฟล AndroidManifest.xml ไวทโฟลเดอร app\src\main ของโปรเจค SmartLabour มรายละเอยดในไฟลดงรป
ภาพท ๓๗ ไฟล AndroidManifest.xml
มมมอง Text
มมมอง Design
๕๕
(๓) พฒนาระบบ Web Service การพฒนาระบบ Web Service ส าหรบ Mobile Application ใหรองรบระบบปฏบตการทงแบบ Android และ iOS บรการแตละกรมในสงกดกระทรวงแรงงาน โดยมเครองมอทใชในการพฒนาดงน
- Operation System: Windows Server 2012 - Internet Service: IIS8, .Net Frame Work 4.5 - Tools: Visual Studio 2013 - Language: VB.Net - Protocol: SOAP+XML, RESTful+JSON - Database: SQL Server 2012, Oracle 11g +12c
จากการพฒนาไดชอ Web service บรการของแตละกรมประกอบดวย ดงน ๑. กรมการจดหางาน
- WsEmployee.asmx - WsEmployer.asmx
- wsJob.asmx - wsOED_Employee.asmx - wsOED_Hitlog.asmx - wsOED_JobAnnounce.asmx - wsSSO_Insurance.asmx - wsUser.asmx ๒. กรมพฒนาฝมอแรงงาน
- wsCertificate.asmx - wsMaster.asmx - wsOrganization.asmx - wsPersonail.asmx - wsTesting.asmx - wsTraining.asmx
๓. ส านกงานประกนสงคม (WSDL) - SelectHospital
- EmployeeStatus - BenefitAll - EmployeeCntr - Oldage
๔. ส านกงานปลดกระทรวงแรงงาน - wsOPS_Petition.asmx
๕๖
การเรยกใชเวบเซอรวส (Web Service) มดงน - การเรยกใชเวบเซอรวสดวย URL ไฟลนามสกล .asmx โดยขอยกตวอยางการเรยกใชเวบเซอรวสลกจาง ชอ wsOED_Employee ของกรมการจดหางาน
ดงภาพท ๓๘ และเวบเซอรวสหลกสตรฝกอบรม ชอ wsTraining.asmx ของพฒนาฝมอแรงงาน ดงภาพท ๓๙
ภาพท ๓๘ เวบเซอรวสลกจาง (wsOED_Employee)
ภาพท ๓๙ เวบเซอรวสหลกสตรฝกอบรม (wsTraining.asmx)
๕๗
- การเรยกใชเวบเซอรวสเอกสาร WSDL (Web Service Description Language) เครองมอในการเรยกใชเวบเซอรวสรปแบบ WSDL โดยใชโปรแกรม Soap UI ๕.๒.๑ โดยการ
ระบชอ URL ของเอกสาร WSDL ของเวบเซอรวสทตองการเรยกใช ในทนจะทดลองเรยกใชเวบเซอรวสตรวจสอบสถานะผประกนตน ของส านกงานประกนสงคม โดยมวธการดงน ๑. สรางโปรเจค WSDL
ภาพท ๔๐ สรางโปรเจค WSDL
๒. ระบชอ URL ของเอกสาร WSDL ของเวบเซอรวสทตองการเรยกใช
ภาพท ๔๑ ระบชอ URL ของเอกสาร WSDL
๓. คลกชอ Project ของเวบเซอรวส และคลกชอโอเปอเรชนทตองการเรยกใช และคลกท Request1
ภาพท ๔๒ เลอกโอเปอเรชนทตองการเรยกใช
๕๘
๔. แกไข/ใสขอมลในขอความ SOAP และกดปม Submit ผลลพธทไดตามภาพท ๔๓
ภาพท ๔๓ ผลลพธการทดลองเรยกใชเวบเซอรวสตรวจสอบสถานะผประกนตน
(๔) เครองคอมพวเตอรแมขาย (Web Sever) ส าหรบการตดตงระบบ ส านกงานปลดกระทรวงแรงงานมเครองคอมพวเตอรแมขาย (Web Sever) กลาง
ส าหรบบรหารจดการระบบ Mobile Application บรการประชาชน กระทรวงแรงงาน ระยะท ๒ โดยมคณสมบตดงน
- เครองคอมพวเตอรแมขาย (Web Sever) ชนด Blade ส าหรบต Enclosere/Chasis ยหอ HP รน BL460c Gen9
- ระบบปฏบตการ Microsoft Windows Server 2012 R2 Standard - มหนวยความจ าหลก (RAM) ชนด DDR4 ขนาด 8GB - มหนวยจดเกบขอมล (Hard Disk) ชนด SAS ขนาดความจ 146GB จ านวน ๒ หนวย - IP Address XX.XX.XX.96
ภาพท ๔๔ เครองคอมพวเตอรแมขาย (Web Sever) ส าหรบการตดตงระบบ
๕๙
(๕) ผลการพฒนาระบบ จากการพฒนาระบบขางตนไดผลการพฒนาระบบ Mobile Application บรการ
ประชาชน กระทรวงแรงงาน ระยะท ๒ ตามงานบรการของแตละกรม ดงน ๑. ลงทะเบยนเขาใชงานระบบ เมน : Login ก าหนดรหสผใช (USER) และรหสผาน (Password)
ภาพท ๔๕ แสดงหนาจอลงทะเบยนเขาใชงานระบบ ๒. บรการหางาน (กรมการจดหางาน) เมน : หางาน > หางานทสนใจ
ภาพท ๔๖ แสดงหนาจอหางานทสนใจ
๖๐
ภาพท ๔๗ แสดงหนาจอระบบคดเลอกงานทเหมาะสมกบคณสมบต
โดยขอมลทมการสมครจาก Mobile Application จะตองสงเขาไป Update ในระบบ Smart Job Center
ภาพท ๔๘ แสดงหนาจอ Update ขอมลการสมครงานในระบบ Smart Job Center
เมน : หางาน > ลงทะเบยนหางาน
ภาพท ๔๙ แสดงหนาจอลงทะเบยนหางาน
๖๑
ภาพท ๕๐ แสดงหนาจอเชอมโยงขอมลการสมครงานผาน Web service เขากบ Smart Job Center เมน : หางาน > ลงทะเบยนคนหางาน
การสมครงานผาน Mobile Application จะมการยนยนตวตนของผใชจากขอมลกรมการปกครอง
ภาพท ๕๑ แสดงหนาจอสมครงานผาน Mobile Application
๖๒
ภาพท ๕๒ แสดงหนาจอการยนยนตวตนของผใชจากขอมลกรมการปกครอง เมน : หางาน > งานของคณ ระบบจะมการสงขอมลใหผใชทราบวามนายจางสนใจคดขอมลทงจาก Mobile Application และบนระบบ Smart Job Center
ภาพท ๕๓ แสดงหนาจองานของคณ
๖๓
ภาพท ๕๔ แสดงหนาจอระบบสงขอมลทนายจางสนใจคดขอมล ไปทระบบ Smart Job Center
เมน : หาคน > ลงทะเบยนนายจาง นายจางสามารถลงทะเบยน และแนบรายละเอยดเอกสารประกอบการลงทะเบยนผาน Mobile Application
ภาพท ๕๕ แสดงหนาจอลงทะเบยนนายจาง
โดยขอมลการลงทะเบยนและเอกสารแนบจากระบบ Mobile Application สงไปใหระบบ Smart Job Center เพอตรวจสอบขอมลของนายจาง
๖๔
ภาพท ๕๖ แสดงหนาจอระบบ Smart Job Center ยงไมไดท าการอนมตใหใชงาน
ภาพท ๕๗ แสดงหนาจอระบบ Smart Job Center ตรวจสอบขอมลนายจาง
ภาพท ๕๘ แสดงหนาจอระบบ Smart Job Center อนมตนายจาง
๖๕
ภาพท ๕๙ แสดงหนาจอสถานะอนมตนายจางใหเขาใชงานบนระบบ Mobile Application
ภาพท ๖๐ แสดงหนาจอการตรวจสอบเลขทะเบยนนตบคคล ๑๓ หลก กบกรมพฒนาธรกจการคา เมน : หาคน > บนทกต าแหนงงานวาง นายจางสามารถบนทกต าแหนงงานผาน Mobile Application โดยระบบจะสงต าแหนงทนายจางบนทกต าแหนงงาน หรอแกไขต าแหนงงาน เขาสระบบ Smart Job Center
ภาพท ๖๑ แสดงหนาจอบนทกต าแหนงงานวาง
๖๖
ภาพท ๖๒ แสดงหนาจอต าแหนงทนายจางบนทกต าแหนงงานเขาสระบบ Smart Job Center
เมน : หาคน > หาคนท างาน นายจางสามารถคดขอมลคนหางานจากต าแหนงงานทบนทก และคดขอมลคนหางานไดจากต าแหนงงานทบนทกไวไมเกน ๕ ต าแหนง ๆ ละไมเกน ๒๐ คนผาน Mobile Application
ภาพท ๖๓ แสดงหนาจอหาคนท างาน
๖๗
ภาพท ๖๔ แสดงหนาจอแจงเตอนนายจางกรณคดขอมลเกนจ านวนทก าหนด
เมน : หาคน > บนทกผลการคดลอก/สมครงาน
ภาพท ๖๕ แสดงหนาจอบนทกผลการคดลอก/สมครงาน
๖๘
๓. บรการตรวจสอบขอมลผประกนตน (ส านกงานประกนสงคม)
การตรวจสอบขอมลผประกนตน ตองมการลงทะเบยนเขาใชงาระบบกอน เพอยนยนตวตนและความเปนเจาของขอมล โดยใหมการตรวจสอบขอมลเฉพาะขอมลตนเองเทานน
เมน : ตรวจสอบขอมลประกนตน > ขอมลผประกนตน
ภาพท ๖๖ แสดงหนาจอขอมลประกนตน
เมน : ขอมลประกนตน > ขอมลผประกนตน ตามมาตรา ๓๓, ๓๙, ๔๐
ภาพท ๖๗ แสดงหนาจอขอมลผประกนตน
๖๙
เมน : ขอมลประกนตน > เงนสมทบผประกนตน
ภาพท ๖๘ แสดงหนาจอเงนสมทบผประกนตน
เมน : ขอมลประกนตน > การเบกสทธประโยชน
ภาพท ๖๙ แสดงหนาจอตรวจสอบสทธประโยชน
๗๐
เมน : ตรวจสอบขอมลประกนตน > เงนสะสมชราภาพ
ภาพท ๗๐ แสดงหนาจอเงนสะสมชราภาพ
๔. บรการคนหาทตงกรมสวสดการและคมครองแรงงาน
เมน : รองเรยน/รองทกข > คนหาทตงของกรมสวสดการและคมครองแรงงาน
๗๑
ภาพท ๗๑ แสดงหนาจอแสดงผลการคนหาทตงของกรมสวสดการและคมครองแรงงาน
ภาพท ๗๒ แสดงหนาจอแสดงผลระบบจดการขอมลหนวยงานกรมสวสดการและคมครองแรงงาน ๕. บรการการพฒนาฝมอแรงงาน
เมน : การพฒนาฝมอแรงงาน > คนหาสถานทฝก/ทดสอบ
แสดงผลต าแหนงทตงของสถาบนพฒนาฝมอแรงงาน/ศนยพฒนาฝมอแรงงานทวประเทศ ในระบบแผนท (GPS) และเมอผใชแตะทต าแหนงทตงของสถาบนพฒนาฝมอแรงงาน/ศนยพฒนาฝมอแรงงานนน สามารถแสดงหลกสตรการเปดฝกอบรม/ทดสอบมาตรฐานฝมอแรงงานขนมาใหผใชทราบ รวมถงแสดงเสนทางทเดนทางไปยงสถาบนพฒนาฝมอแรงงาน/ศนยพฒนาฝมอแรงงานนนได
๗๒
ภาพท ๗๓ แสดงหนาจอการคนหาสถานทฝกอบรม/ทดสอบมาตรฐานฝมอแรงงาน
ภาพท ๗๔ แสดงหนาจอต าแหนงทตงของหนวยงานในสงกดกรมพฒนาฝมอแรงงาน
ภาพท ๗๕ แสดงหนาจอการเลอกหลกสตรทตองการสมคร
๗๔
เมน : การพฒนาฝมอแรงงาน > ตรวจสอบการยนรบรองหลกสตรและคาใชจาย
ภาพท ๗๘ แสดงหนาจอตรวจสอบการยนรบรองหลกสตรและคาใชจาย กรณฝกเอง
ภาพท ๗๙ แสดงหนาจอการตรวจสอบการยนรบรองหลกสตรและคาใชจาย กรณสงฝก
๗๕
๖. บรการรองเรยน/รองทกขของกระทรวงแรงงาน (ส านกงานปลดกระทรวงแรงงาน)
เมน : รองเรยน/รองทกข > รองเรยนรองทกข
ภาพท ๘๐ แสดงหนาจอแสดงผลระบบรองเรยนรองทกข
ภาพท ๘๑ แสดงหนาจอแสดงผลระบบตดตามเรองรองเรยน
๗๖
๔.๔ การทดสอบระบบ การทดสอบระบบเปนการทดสอบระบบเพอหาขอผดพลาดของโปรแกรมทพฒนาขน
จะไดแกไขระบบและ User Interface ใหถกตองเพอประสทธภาพการใชงานทดยงขน รวมไปถงการตรวจสอบระบบวาตรงกบความตองการใชงานทระบไวใน SRS หรอไม โดยมการทดสอบระบบดงน
(๑) System Test ทดสอบการท างานรวมกนทงระบบ โดยเนนการประสานเชอมโยงกนระหวางระบบยอย รวมทงการตรวจสอบในภาพรวมของระบบวา ระบบไดตอบสนองความตองการใชงานทางธรกจไดครบถวนหรอไม โดยอางองจากขอก าหนด SRS หากทดสอบแลวพบขอผดพลาดและด าเนนการแกไขเรยบรอยแลว จะตองทดสอบทงระบบซ าอกครง เพอใหแนใจวาการปรบแกโปรแกรมในครงนไมไดสรางผลกระทบหรอปญหาใหมกบระบบ
(๒) User Acceptance Test ทดสอบระบบกอนใชงานจรง เพอตรวจสอบวามนสามารถตอบสนองตรงตามความตองการ (Requirement) ในระดบทยอมรบได โดยทดสอบการเชอมโยง Web Service งานบรการของแตละกรม และทดสอบแอพพลเคชนทงระบบปฏบตการแอนดรอยด (Android) และระบบปฏบตการไอโอเอส (iOS) ทรองรบผานอปกรณเคลอนท Smartphone/Tablet
๔.๕ การตดตงระบบ
เมอพฒนาและทดสอบ Application เสรจเรยบรอยแลว กมาถงขนตอนการตดตงระบบ และน าสง App ขนไปสสโตร (App Store ของแอนดรอย และ Play Store ของไอโอเอส) เพอใหผใชงานโหลดไปตดตงใชงานได โดยมรายละเอยดขนตอนการด าเนนงานดงน
(๑) น าสงแอพพลเคชน ภายใตชอ “Smart Labour 2” ขนไปยง Google Play ส าหรบระบบแอนดรอยด (Android) ทจดทะเบยนในชอของกระทรวงแรงงาน “Ministry of Labour” โดยการจดทะเบยนสามารถเขาไปท https://play.google.com/apps/publish/ เพอสมครเปน Google Play Developer อานและยอมรบเงอนไขของ Developer Distribution Agreement จากนนจะเขาสกระบวนการจายเงนคาธรรมเนยม ๒๕ เหรยญ (ประมาณ ๘๗๐ บาท) ซงจะจายเพยงครงเดยวเทานน จากนนกน าสงแอพพลเคชนขนไปยง Google Play
ภาพท ๘๒ แสดงหนาจอผลการน าสงแอพพลเคชนขนไปยง Google Play
๗๗
(๒) น าสงแอพพลเคชน ภายใตชอ “Smart Labour 2” ขนไปยง App Store ส าหรบระบบไอโอเอส (iOS) ทจดทะเบยนในชอของกระทรวงแรงงาน “Ministry of Labour” ซงการพฒนาโปรแกรมของ iPhone จะม Development Certificate ส าหรบพฒนาโปรแกรม (ตองมเครอง Mac) และตองเสยเงนเปนสมาชกปละ ๙๙ USD ส าหรบการกระจาย Application ไป iPhone หรอ iPad ใหใชงานจะตองผาน App Store เทานน โดยจะม iTune เปนตวจดการในการซอขาย หรอ Download ไปท https://developer.apple.com/ จากนนกน าสงแอพพลเคชนขนไปยง App Store
ภาพท ๘๓ แสดงหนาจอผลการน าสงแอพพลเคชนขนไปยง App Store
ผใชงานสามารถตดตง Smart Labour 2 บนอปกรณเคลอนท โดยสามารถดาวนโหลดได
ท App Store (iOS) และ Google Play (Android) คนหาชอค าวา “Smart Labour 2”
ภาพท ๘๔ แสดงหนาจอการตดตง Smart Labour 2
๗๘
๔.๖ การบ ารงรกษาระบบ การบ ารงรกษาหรอดแลใหระบบงานทพฒนาท างานไดถกตอง หากมความบกพรองผดพลาดตองแกไข หรอหากมความตองการเพมขนตองปรบปรงระบบ เพอใหผใชงานสามารถใชงานระบบไดอยางตอเนองและมประสทธภาพ โดยด าเนนการดงน (๑) ตดตามผลการใชงานระบบ (๒) ใหค าปรกษาทางเทคนคเกยวกบระบบ (๓) ปรบปรงแกไขขอบกพรองหรอจดทท างานผดพลาดในระบบ (๔) การปรบปรงระบบใหสมบรณในขณะทพฒนานนยงไมไดจดท าใหสมบรณใหมฟงกชนตางๆ ครบถวนเทาทควร ๕. ผรวมด าเนนการ (ถาม) -ไมม- ๖. สวนของงานทผเสนอเปนผปฏบต ผ เสนอเปนผปฏบตมสดสวนของผลงานคดเปนรอยละ ๑๐๐ ท าหนาทรบผดชอบในทกกระบวนงาน และขนตอนการด าเนนงานในการพฒนาระบบ Mobile Application บรการประชาชน กระทรวงแรงงาน ระยะท ๒ ซงผเสนอมสวนของงานทปฏบต ดงน ๖.๑ การศกษาความตองการ และวเคราะหระบบ ๑. ศกษาความตองการบรการสารสนเทศของหนวยงานในสงกดกระทรวงแรงงานทสามารถใหบรการผาน Mobile Application ๒. ขออนมตหลกการด าเนนโครงการและจดท าค าสงแตงตงคณะกรรมการภายใตโครงการพฒนาระบบ Mobile Application บรการประชาชน กระทรวงแรงงาน ระยะท ๒ ๓. ด าเนนการจดประชมคณะกรรมการตรวจรบพสดการจางพฒนาระบบ Mobile Application บรการประชาชน กระทรวงแรงงาน ระยะท ๒ เพอก าหนดแผนการด าเนนงาน ๔. จดท าหนงสอขอเชอมโยงฐานขอมลสารสนเทศแตละบรการของหนวยงานในสงกดกระทรวงแรงงาน ๕. เกบรวบรวมความตองการใชงานและการใหบรการจากทกกรมทเกยวของกบระบบ ๖. วเคราะหระบบรวมกบบรษททรบจางพฒนาระบบ ๗. ตรวจสอบเอกสารการสงมอบแผนการด าเนนงาน ๖.๒ การออกแบบระบบ ๑. ควบคมการออกแบบกระบวนการท างานของระบบ ๒. ควบคมการออกแบบฐานขอมล (Database Design) ๒. ควบคมการออกแบบสวนตดตอผใชงาน (User Interface Design) ๓. ตรวจสอบเอกสารการออกแบบระบบ
๗๙
๖.๓ การพฒนาระบบ Mobile Application ๑. ท าหนงสอขอตรวจสอบขอมลสวนบคคลเพอยนยนความมตวตนของผใชขอมลจากกรมการปกครอง และขอใช API ของ สรอ. ๒. คมควบการพฒนาระบบ ๖.๔ การทดสอบระบบ ๑. ควบคมการทดสอบระบบ ๒. ด าเนนการทดสอบการเชอมโยง (Web Service) ตามงานบรการแตละกรม ๓. ด าเนนการทดสอบทงระบบ (System Test) เพอทดสอบการท างานรวมกนของทงระบบ การเชอมโยงระหวางระบบยอย รวมทงการตรวจสอบในภาพรวมของระบบวา ระบบไดตอบสนองความตองการใชงานตรงตามขอก าหนด Software Requirements Specification (SRS) - ด าเนนการทดสอบแอพพลเคชนของระบบปฏบตการแอนดรอยด (Android) ใหรองรบ Smartphone และ Tablet โดยการน าแอพพลเคชนทเปน APK (ไฟล .apk) ตดตงทอปกรณในระบบปฏบตการแอนดรอยด (Android) - ด าเนนการทดสอบแอพพลเคชนของระบบปฏบตการไอโอเส ( iOS) ใหรองรบทง iPhone และ iPad ดวยโปรแกรม TestFlight ทตดตงบนอปกรณในระบบปฏบตการไอโอเอส (iOS) ๔. ทดสอบเพอการยอมรบ (User Acceptance Test (UAT)) รวมกบบรษททรบจางพฒนาระบบแบบ เพอใหเกดความมนใจและยอมรบระบบกอนการตดตงใชงาน ๕. ตรวจสอบเอกสารสรปผลการทดสอบระบบ ๖.๕ การตดตงระบบ ๑. ท าการลงทะเบยนนกพฒนากบ Google Play Development และ Apple Development ๒. ก ากบและตดตามการน า Application ทผานการทดสอบแลว สงขนไปยง Google Play เพอใหผใชมาคนหาและตดตงไดโดยผานแอพ Play Store บนเครองแอนดรอยด และสงขนไปยง iTunes เพอใหผใชมาคนหาและตดตงไดโดยผานแอพ App Store บนเครองไอโอเอส ๓. ตรวจสอบเอกสารสรปผลการตดตงระบบ ๖.๖ การบ ารงรกษาระบบ ๑. ก าหนดระยะเวลาของการบ ารงรกษาระบบตามสญญาจางเปนระยะเวลา ๑ ป เมอเกดขอบกพรองของระบบในชวงระยะเวลาดงกลาว ไดแจงปญหากบนกพฒนาระบบเรงด าเนนการปรบปรงระบบใหสามารถใชงานไดเปนปกต ๒. จดท าสอเพอเผยแพรประชาสมพนธ Mobile Application บรการประชาชน กระทรวงแรงงาน ภายใตชอ “Smart Labour 2” ๓. สรปรายงานผลการด าเนนงานและรายงานจ านวนการใชงานแอพพลเคชน ๗. ผลส าเรจของงาน (เชงปรมาณ/คณภาพ) เชงปรมาณ : ไดระบบ Mobile Application บรการประชาชน กระทรวงแรงงาน ภายใตชอ “Smart Labour 2” จ านวน ๒ ระบบปฏบตการ ไดแก ระบบปฏบตการแอนดรอยด (Android) และระบบปฏบตการไอโอเอส (iOS)
๘๐
เชงคณภาพ : ๑) ประชาชนสามารถเขาถงบรการดานแรงงานของหนวยงานในสงกดกระทรวงแรงงานไดทกท
ทกเวลา ผานอปกรณ Smart Phone และ Tablet ทงระบบปฏบตการแอนดรอยด (Android) และ ไอโอเอส (iOS) โดยไมเสยคาใชจาย
๒) เกดการบรณาการระบบฐานขอมลสารสนเทศของหนวยงานในสงกดกระทรวงแรงงาน โดยการเชอมโยงขอมลแบบ Web Service
๘. การน าไปใชประโยชน
๘.๑ เพมชองทางใหบรการดานแรงงานผาน Mobile Application: แอพพลเคชนบนมอถอใหบรการดานแรงงานแบบบรณาการระบบสารสนเทศของหนวยงานในสงกดกระทรวงแรงงาน เพอเพม ชองทางการใหบรการประชาชนของทกหนวยงานในสงกดกระทรวงแรงงานให เขาถงกลมผ ใช Smartphone/Tablet รองรบทงในระบบปฏบตการแอนดรอยด (Android) และไอโอเอส (iOS)
๘.๒ ไดรปแบบ/แนวทางการบรณาการระบบสารสนเทศของหนวยงานในสงกด : โดยการเชอมโยงขอมลงานบรการของแตละกรมดวยเทคโนโลย Web Service ซงชวยใหการแลกเปลยนขอมลระหวางระบบทตางกนไดอยางสะดวก รวดเรว และปลอดภย
๙. ความยงยากในการด าเนนการ/ปญหา/อปสรรค ๙.๑ การประสานงานและขนตอนการด าเนนงานมความยงยากและซบซอนเนองจากเปนงาน บรณาการระหวางหนวยงานในสงกดกระทรวงแรงงาน และบางหนวยงานระบบสารสนเทศทใหบรการยงไมม Web Service จงตองศกษาและท าความเขาในโครงสรางระบบกอนถงจะพฒนาเปน Web Service เพอน าขอมลมาแสดงผลผาน Mobile Application ไดอยางปลอดภย ๙.๒ การน าแอพพลเคชนในระบบปฏบตการไอโอเอส (iOS) ขน App Store ตองใชเวลานานเนองจากตองรอใหทางบรษทแอปเปลรววระบบตาม Policy ของบรษทกอนถงจะอนมตใหแอพพลเคชนสามารถดาวนโหลดไดผาน App Store ๙.๓ การพฒนาระบบ Mobile Application นน ถงแมผใชจะสามารถเขาถงเนอหาไดรวดเรว การแสดงผลบนหนาจอดสวยงาม เพราะการเขยนโปรแกรมนนเขยนดวยเทคนค Native แตการพฒนา Mobile Application ดวยวธนมคาใชจายในการพฒนาคอนขางสง ตองมโปรแกรมเมอรผพฒนาระบบทช านาญการเฉพาะดานทงระบบปฏบตการแอนดรอยด (Android) และไอโอเอส (iOS) และตองพฒนา แอพพลเคชนใหรองรบไดหลาย platform เชน iOS Android และ Windows Phone เปนตน เพอรองรบกลมผใชงานอปกรณเคลอนททหลากหลาย รวมถงผใชงานตองดาวนโหลดแอพพลเคชนมาตดตงทอปกรณเคลอนทกอนถงจะสามารถใชบรการได สงผลใหจ านวนผใชงานคอนขางนอย ๑๐. ขอเสนอแนะ
๑๐.๑ ควรมการประชาสมพนธ Mobile Application อยางตอเนอง เพราะเปนความจ าเปนอยางยงในการกระตนใหประชาชนและสงคมไดรบร ใชประโยชน และเขาถงชองทางบรการดานแรงงานผานอปกรณ Smart Phone และ Tablet ทงระบบปฏบตการแอนดรอยด (Android) และไอโอเอส (iOS) ไดทกท ทกเวลา โดยไมเสยคาใชจาย ลดระยะเวลาการเดนทาง และรองรบคนท างานในยคดจทล
๘๑
๑๐.๒ เจาหนาทผปฏบตงานจ าเปนอยางยงทจะตองมความรเกยวกบการพฒนาระบบ Mobile Application ทงระบบปฏบตการ Android และระบบปฏบตการ iOS รวมถงการเชอมโยงขอมล (Web Service) ในรปแบบทหลากหลาย ซงเปนกระบวนการส าคญยงตอการพฒนาระบบสารสนเทศเพอใหรองรบอปกรณเคลอนท และเพมประสทธภาพการใหบรการทางระบบสารสนเทศในการอ านวยการความสะดวกใหประชาชนเขาถงงานบรการทหลากหลาย สะดวกและรวดเรว
๑๐.๓ ควรพฒนาระบบ Mobile Application ใหรองรบหลากหลายภาษา เชน ภาษาไทย และภาษาองกฤษ เปนตน เพอรองรบกลมเปาหมายผใชบรการผานอปกรณเคลอนททงในประเทศและตางประเทศ
๘๒
สวนท ๒ ขอเสนอแนวความคดเพอพฒนางานใหมประสทธภาพ
เรอง การพฒนา Mobile Application ดวยเทคนค Responsive Web
๑. หลกการและเหตผล นโยบายของรฐบาลไดใหความส าคญอยางยงกบการสงเสรมการสรางบรการดจทล น าเทคโนโลยสารสนเทศและการสอสาร (ICT) มาใชในกระบวนการท างานของภาครฐ (e-Government) โดยเฉพาะอยางยง หนวยงานภาครฐทใหบรการประชาชนและภาคธรกจ จะตองด าเนนการพฒนาเพอเพมประสทธภาพในการใหบรการประชาชน มการบรณาการขอมลและบรการระหวางหนวยงานใหเปนรปธรรมอยางรวดเรว ถกตอง ทนสมยและโปรงใส เพอใหประชาชนสามารถเขาถงสารสนเทศและการบรการภาครฐอยางทวถงและเทาเทยมกน ซงกระทรวงแรงงาน โดยส านกงานปลดกระทรวงแรงงานไดตอบสนองนโยบายดงกลาวโดยการพฒนาระบบ Mobile Application บรการประชาชน กระทรวงแรงงาน ใหบรการดานแรงงานแบบบรณาการระบบสารสนเทศของหนวยงานในสงกดกระทรวงแรงงาน เพอเพมชองทางการใหบรการประชาชนของทกกรมในสงกดกระทรวงแรงงานใหเขาถงกลมผใช Smartphone/Tablet รองรบทงระบบ iOS และ Android โดยใชเทคนค Native ในการพฒนา แตการพฒนา Mobile Application ดวยเทคนค Native นน มตนทนในการพฒนาคอนขางสง ตองมโปรแกรมเมอรผพฒนาระบบทช านาญการเฉพาะดาน และตองท าแอพพลเคชนใหรองรบไดหลาย Platform เชน iOS Android และ Windows Phone เปนตน รวมถงผใชงานตองดาวนโหลดแอพพลเคชนมาตดตงทอปกรณเคลอนทกอนถงจะสามารถใชบรการของกระทรวงแรงงานได ดงนน ผขอรบการประเมนจงมแนวคดในการน าเสนอเทคนคการเพมประสทธภาพในการพฒนาระบบ Mobile Application บรการประชาชน กระทรวงแรงงาน จากเทคนค Native เปนเทคนค Responsive Web เพอรองรบกลมเปาหมายทใชอปกรณเคลอนททหลากหลาย Platform ผใชงานไมตองดาวนโหลดแอพพลเคชนมาตดตงทอปกรณเคลอนท และสามารถใชบรการผานเวบบราวเซอรไดโดยไมตองค านงถงขนาดของหนาจอหรอชนดของอปกรณสอสาร ๒. บทวเคราะห/แนวความคด/ขอเสนอ ๒.๑ บทวเคราะห
ปจจบนเทคโนโลยการสอสารไรสายผานอปกรณเคลอนท ไดแก สมารทโฟน และแทบเลต มพฒนาการอยางรวดเรว และไดรบความนยมมาก เพราะเปนการสอสารแบบจอสมผส (Touch-screen media) ท าใหพกพาสะดวก ใชงานงาย สงผลใหโปรแกรมประยกตตางๆ ส าหรบอปกรณเคลอนทไดถกพฒนาขนอยางรวดเรวเพอตอบสนองความตองการของมนษยและชวยอ านวยความสะดวกในดานตางๆ ท าใหองคกรหรอหนวยงานหลายแหงหนมาใหความส าคญกบการพฒนาระบบเพอใหรองรบการแสดงผล ทกขนาดหนาจอของอปกรณเคลอนท เพอเพมชองทางการสอสารกบลกคาหรอผรบบรการมากขน และปจจบนอปกรณเคลอนท (Mobile Devices) ทนยมใชมอยหลาย Platform ไดแก iOS, Android, Windows Phone และอนๆ แตละรนขนาดหนาจอไมเทากน และการพฒนา Mobile Application เพอ
๘๓
รองรบอปกรณเคลอนทนนมหลายเทคนคไดแก Native App, Web App หรอ HTML5 และ Hybrid App เปนตน
ส าหรบการพฒนาระบบ Mobile Application บรการประชาชน กระทรวงแรงงาน ระยะท ๒ นนพฒนาเพอรองรบระบบปฏบตการแอนดรอยด (Android) และไอโอเส (iOS) พฒนาดวยเทคนค Native ซงเปนการพฒนาโดยใชภาษาหลกของ Platform นน ๆ เชน Objective-C, Swift ส าหรบ iOS หรอ Java ส าหรบ Android มขอดคอ เปนภาษาแทท าใหการท างานมประสทธภาพด ความเรวสง การจดการ Memory ท าไดด สามารถเขาถงฮารดแวร เซนเซอร และระบบปฏบตการ (iOS) ไดสมบรณ แตท าใหมขอจ ากดในการแสดงผลบนขนาดหนาจอทหลากหลายของอปกรณเคลอนท การพฒนามตนทนสง ตองมโปรแกรมเมอรผพฒนาระบบทช านาญการเฉพาะดานหรอเฉพาะระบบปฏบตการ และตองพฒนา แอพพลเคชนใหรองรบไดหลาย Platform เพอรองรบกลมผใชงานอปกรณเคลอนททหลากหลาย ท าให ใชเวลาในการพฒนานาน รวมถงผใชงานตองดาวนโหลดแอพพลเคชนมาตดตงบนอปกรณเคลอนทกอน ถงจะสามารถใชบรการได
โดยในปจจบนการพฒนา Application นนตองค านงถงการใชงานกบอปกรณเคลอนททหลากหลาย ไมวาจะเปนการใชงานทวไปบนเครองเดสทอป (Desktop) การใชงานบนมอถอ หรอ สมารทโฟน (Smartphone) และการใชงานบนแทบเลต (Tablet) ซงการพฒนา Web Application ปจจบนมการน าเทคนค Responsive Web มาเขยนเพอปรบรปแบบการแสดงผลใหเหมาะกบอปกรณพกพา เชน มการปรบเปลยนขนาดตวอกษร หรอปรบเปลยนรปแบบการจดวางใหเหมาะกบการแสดงผลในแนวแคบ และรองรบการสมผสดวยนวมอไดดกวา สามารถเขยนขนโดยใชภาษาทเปนเทคโนโลยเวบ HTML5, CSS และ JavaScript เปนตน หรอใช Bootstrap ทไดเตรยมเครองมอในการท า Responsive มาใหเราไดเลอกใชงาน ชวยใหการออกแบบเวบไซตท าไดงายยงขน สามารถสรางหนาจอ User Interface ไดสะดวก สวยงาม และรวดเรว ลดเวลาในการออกแบบ Design หนาจอ Layout หรอรายการ Element อนๆ ทเกยวของกบหนา Form ทงหมดได ท าใหเราออกแบบเวบไซตและเขยนค าสงตางๆ สามารถทจะรองรบอปกรณทงหมดเชน PC, Desktop, Tablet, Mobile หรออปกรณอนๆ ทเกยวของได
ดงนนการพฒนา Mobile Application ดวยเทคนค Responsive Web จงเปนทางเลอกหนงสามารถทดแทนการพฒนา Mobile Application ดวยเทคนค Native ทเปนการพฒนาโดยใชภาษาหลกของ Platform นน ๆ ได เพอรองรบการแสดงผลตามขนาดหนาจอของอปกรณเคลอนททหลากหลาย Platform ลดตนทนในการพฒนาและเพมประสทธภาพการใหบรการดานแรงงานของกระทรวงแรงงานใหเขาถงกลมผใชงานในยคดจทลไดอยางสะดวกและรวดเรวมากยงขน
๒.๒ แนวความคด
แนวความคดในการพฒนา Mobile Application ดวยเทคนค Responsive Web ม ๓ แนวความคด
๑. ความแตกตางของ Mobile App, Mobile Site และเวบ Responsive ๑.๑ Mobile App คอ Application บนอปกรณพกพา ทเหนใน App Store, Google Play จะมแอพพลเคชนหลายประเภท ทงแอพเลนเกม แอพเครองมอตางๆ และสามารถท าเวบใหกลายเปน Mobile App ได ตวอยางเชน Facebook, Twitter เปนตน ขอดของการท า Mobile App กคอ ผใชจะสามารถเขาถงเนอหาไดรวดเรว สวยงาม เพราะในเชงการเขยนโปรแกรมนน สามารถเขยนแบบ Native ได
๘๔
โหลดเรว เพราะไมตองดาวนโหลด CSS หรอ JavaScript แบบเวบไซตแลว แตการท า Mobile App ในปจจบนมขอเสยกคอ คาใชจายในการท าคอนขางสง และจะตองท าแอพพลเคชนใหกบทก Platform (iOS, Android, Windows Phone และอนๆ) ซงในความเปนจรงนนเราสามารถแสดงผลคอนเทนตในเบราเซอรบนทกอปกรณพกพาไดโดยไมจ าเปนตองท าแอพพลเคชนเลย เชน Mobile site และการท าเวบแบบ Responsive
๑.๒ Mobile Site คอการแยกเวบไซตมาเปนอนใหมอก ๑ เวอรชน เปนคนละเวบกบตวหลกทมอยซงจะมการออกแบบฟเจอร (Feature) ใหเหมาะสมกบการใชงานบนโทรศพทมอถอดวย เชน อาจมการเปลยนรปแบบเมน ปมกดตางๆ ใหใชงานไดงายขน นอกจากนอาจตดหนาเวบบางหนาทไมจ าเปนออก เหลอไวเฉพาะหนาทเปนเนอหาหลกส าคญๆ เทานน Mobile Site จะเหมาะกบเวบยค Desktop คอไมไดออกแบบเวบมาเพออานงายในอปกรณพกพามาตงแตตน และเหมาะกบเวบทมฟงกชน เยอะ แตตองการจะแสดงเนอหาบางสวนในอปกรณพกพา การท าเวบเปน Mobile Site ขอเสยกคอจะตองท า CMS (Content Management System) ทท ามาเพอ update เนอหาใน Mobile Site ใหเทากบหนาเวบปจจบนทมอย (จะตองเสยเวลาในการจดการ Content เพมขน)
๑.๓ เวบแบบ Responsive เปนเทคนคการเขยนเพอปรบรปแบบการแสดงผลใหเหมาะกบอปกรณพกพา เชน มการปรบเปลยนขนาดตวอกษร หรอปรบเปลยนรปแบบการจดวางใหเหมาะกบการแสดงผลในแนวแคบ และรองรบการสมผสดวยนวมอไดดกวา ขอดคอ อพเดทขอมลแคครงเดยว สามารถแสดงผลไดครบทกๆ Platform แตเวบแบบ Responsive นน “ไมไดเหมาะกบเวบทกประเภท” การท าเวบแบบ Responsive นนเหมาะแกการปรบแตงรปแบบการแสดงผล แตมบางเวบไซตทน าขอดของการท า Mobile Site และการท าเวบแบบ Responsive มาอยในเวบเดยวกนได (ไอทจเนยส, ๒๕๕๗)
๒. การจดท าเวบไซตดวย Responsive Web Design การจดท าเวบไซตดวย Responsive Web Design เปนการออกแบบเวบไซตใหรองรบ
ขนาดหนาจอของอปกรณทกชนด ตงแตคอมพวเตอรทมขนาดหนาจอหลากหลาย ไปจนถงโทรศพทมอถอ Smart Phone และ Tablet ตางๆ ทมมาตรฐานขนาดหนาจอทแตกตางกน เปนการออกแบบครงเดยวสามารถน าไปใชไดกบหนาจอทกขนาด ทงน Responsive Web Design เปนการออกแบบเวบไซต โดยใชเทคนคของ CSS , CSS3 และ JavaScript ในการออกแบบเพอใหเวบไซตสามารถจดล าดบ เรยงขอมลบนเวบไซตใหรองรบการแสดงผลผานหนาจอทมขนาดแตกตางกนไดโดยอตโนมต โดยผใชงานเวบไซตสามารถเปดใชงานเวบไซตได โดยไมตองค านงถงขนาดของหนาจอหรอชนดของอปกรณสอสาร (ส านกงานรฐบาลอเลกทรอนกส (องคมหาชน) (สรอ.), ๒๕๖๐. น. ๘๒-๘๓)
๘๕
ภาพท ๘๕ Responsive Web Design ทมา : What is Responsive Web Design (RWD). (ออนไลน). เขาถงไดจาก: https://www.resourcetechniques.co.uk/Services/Responsive-Web-Design-for-Estate-Agents สบคนเมอ ๔ พฤศจกายน ๒๕๖๐.
๓. Bootstrap Framework เครองมอในการท า Responsive Bootstrap เปน Front-end Framework ทประกอบดวยโครงสราง CSS , HTML และ
JavaScript เขาดวยกนส าหรบพฒนา Web ทรองรบทก Smart Device หรอ เรยกวา Responsive Web ทชวยใหเราสามารถสรางหนาจอ User Interface ไดสะดวก สวยงาม และรวดเรว ลดเวลาในการออกแบบ Design หนาจอ layout หรอรายการ Element อนๆ ทเกยวของกบหนา Form ทงหมดได ท าใหเราออกแบบเวบไซตและเขยนค าสงตางๆ สามารถทจะรองรบอปกรณทงหมดเชน PC, Desktop, Tablet, Mobile หรออปกรณอนๆ ทเกยวของได เนองจากหนาจอของ Smart Device นนมหลากหลาย การออกแบบหนาเวบใหตอบสนองกบทกหนาจอ (Responsive Web Design) นนเปนเรองยาก Twitter จงไดพฒนา Bootstrap ขนมาเพอตอบโจทยในดาน Responsive Web Design โดยเฉพาะ ซงมระบบ Grid มาชวย และมการค านวณคาหนาจอพรอมกบปรบขนาดของ Web ใหแสดงผลกบทกๆ หนาจอโดยอตโนมต ซงเราสามารถปรบแตงใหแตละหนาจอแสดงผลตางๆ กนไดตามขนาดของหนาจอ
๓.๑ เกยวกบ Bootstrap Bootstrap เปนเครองมอทชวยใหเราสามารถพฒนาเวบแอพพลเคชนไดอยาง
รวดเรวและดสวยงาม UI (User Interface) ถกออกแบบมาเพอใหทนสมยตลอดเวลา สามารถน าไปใชกบเวบทวไปและเวบส าหรบมอถอ (โดยใช Responsive utilities) ในการเรยนร Bootstrap นน งายมากเราไมจ าเปนตองเกง CSS กสามารถสรางเวบทสวยงามได ไมวาจะเปนปม (Buttons) สตางๆ ฟอรมคอนโทรลตางๆ, ตาราง, ไอคอน, เมนบาร, Dropdown, เมน, หนาตาง Popup (Model) และอกหลายๆ รายการทพรอมใหเราเลอกใชงาน (สถตย เรยนพศ, ๒๕๕๖)
๘๖
จดเดนของของ Bootstrap Framework ม UI เรมตนแบบทสวยงามและใชงานงาย มการปรบปรงและพฒนาอยางตอเนอง ปจจบนเปนเวอรชน ๓.๓.๐ เปนทนยมของนกพฒนาทวโลก ท าใหสามารถเรยนรและแกปญหาไดงาย โคดหรอชดค าสงตาง ๆ คอนขางสะอาดมโฟลเดอรตนแบบแค ๓ สวนคอ JS,
CSS, Fonts ประหยดเวลาในการพฒนาเวบไซตและน าไปพฒนาตอไดงาย เปน Responsive Framework พฒนาเวบไซตทรองรบการแสดงผลได
หลากหลาย Device
๓.๒ โครงสรางไฟล Bootstrap หลงจากดาวนโหลดไฟล Bootstrap มาแลว สามารถดาวนโหลดไดจากเวบไซต Bootstrap
(http://www.getbootstrap.com) จะไดมา ๓ โฟลเดอรส าหรบใชงานหลก ๆ ดงน CSS เปนโฟลเดอรเกบไฟล CSS ทงหมด วธใชงานใหเรยกใชงาน
bootstrap.css เขาไปใน html ไฟลหลก
JS เปนโฟลเดอรเกบไฟล Java Script ทงหมด วธใชงานใหเรยกใชงาน bootstrap.js เขาไปใน html ไฟลหลก
Fonts เปนโฟลเดอรเกบ Fonts ตนแบบและ icon ตาง ๆ ของ bootstrap จะ
ถกเรยกใชงานผาน id และ class ในไฟล bootstrap.css ตวอยางเชน ถาเราตองการใชงานไอคอนแวนขยาย กจะสามารถเรยกใชงานผาน class ดงน
ทมา: Bootstrap คออะไร รจกเครองมอท าเวบไซตยอดนยม. (ออนไลน). เขาถงไดจาก: https://www.codebee.co.th/labs/bootstrap-คออะไร/ สบคนเมอ ๒๕ มนาคม ๒๕๖๑.
๓.๓ เวบเบราเซอรทสามารถใชงานได Bootstrap นนถกออกแบบมาเพอใหสามารถรองรบการท างานไดทกเบราเซอร
และสามารถรนไดทกระบบเปน Windows, Linux, Mac, iOS, Android เบราเซอรทรองรบการท างานของ Bootstrap ไดแก
Google Chrome (ทงบน Windows, Mac, iOS และ Android) Safari (บน Mac และ iOS) Internet Explorer (บน Windows และ Windows Phone) ขอแนะน าควร
จะเปนเวอรชน ๙ ขนไป Opera (บน Windows, Mac)
(สถตย เรยนพศ, ๒๕๕๖)
๘๗
๒.๓ ขอเสนอ ผขอรบการประเมนจงขอเสนอแนวทางการพฒนา Mobile Application บรการประชาชน กระทรวงแรงงานจากเทคนค Native ซงมคาใชจายทสง และใชเวลาในการพฒนานาน เนองจากพฒนาดวยภาษาตาม Platform นน ๆ เปนการพฒนา Mobile Application ดวยการใชเทคนค Responsive Web ซงใชภาษาสากล HTML5, CSS, JAVASCRIPT ในการพฒนา เปนเทคนคการเขยนเวบเพอปรบรปแบบการแสดงผลใหเหมาะกบอปกรณพกพา เชน มการปรบเปลยนขนาดตวอกษร หรอปรบเปลยนรปแบบการจดวางใหเหมาะกบการแสดงผลบนหนาจอขนาดตางๆ ในอปกรณทแตกตางกน เชน คอมพวเตอรตงโตะ โนตบค โทรศพทเคลอนท แทบเลต เปนตน รองรบการสมผสดวยนวมอไดดกวา อพเดทขอมลแคครงเดยวสามารถแสดงผลไดครบทกๆ Platform ชวยลดตนทนการพฒนา และอ านวยความสะดวกใหประชาชนสามารถเขาถงบรการดานแรงงานของหนวยงานในสงกดกระทรวงแรงงานผานเวบบราวเซอรไดอยางสะดวก รวดเรว ลดการเดนทางเขามาใชบรการดวยตนเอง และเปนการตอบสนองความตองการ ของคนท างานในยคดจทล ประชาชนสามารถเขาถงสารสนเทศและการบรการภาครฐอยางทวถงและ เทาเทยมกน ๓. ผลทคาดวาจะไดรบ
๓.๑ ไดระบบ Mobile Application บรการประชาชน กระทรวงแรงงาน ทเปนเวบไซตแบบ Responsive Web เพอรองรบการแสดงผลหนาจอใหเหมาะกบทกอปกรณเคลอนท
๓.๒ ประชาชนสามารถเขาถงบรการดานแรงงาน ไดแก บรการหาคน บรการหางาน บรการตรวจสอบขอมลผประกนตน บรการพฒนาฝมอแรงงาน และบรการรองเรยนรองทกข ผานอปกรณเคลอนททหลากหลายไดอยางสะดวกและรวดเรวมากยงขน
๔. ตวชวดความส าเรจ
เชงปรมาณ : เวบไซตบรการประชาชนกระทรวงแรงงาน แบบ Responsive Web จ านวน ๑ ระบบ เชงคณภาพ : กระทรวงแรงงานมเวบไซตส าหรบบรการประชาชนทมความยดหยนรองรบ Mobile
Devices ไดหลายขนาดหนาจอ ใชงานงาย ผใชสามารถเขาถงบรการดานแรงงาน ไดแก บรการหาคน บรการหางาน บรการตรวจสอบขอมลผประกนตน บรการพฒนาฝมอแรงงาน และบรการรองเรยนรองทกข ผานอปกรณเคลอนททหลากหลายไดอยางสะดวกและรวดเรวมากยงขน
๘๘
บรรณานกรม
กอบเกยรต สระอบล. พฒนา Cross-Platform Mobile App ส าหรบ iOS Android. สถานทพมพ: มเดย เนทเวรค, ๒๕๕๗. น. ๑๔-๑๕.
บรษท โคดบ จ ากด. Bootstrap คออะไร รจกเครองมอท าเวบไซตยอดนยม. (ออนไลน). เขาถงไดจาก: https://www.codebee.co.th/labs/bootstrap-คออะไร/ สบคนเมอ ๒๕ ธนวาคม ๒๕๖๐.
วรฤทธ วงรจนนท และคณะ. ความหมายของ Mobile Application. (ออนไลน). เขาถงไดจาก: https://sites.google.com/a/bumail.net/mobileapplication/khwam-hmay-khxng-mobile-application สบคนเมอ ๔ พฤศจกายน ๒๕๖๐.
สถตย เรยนพศ. Bootstrap and jQuery. (ออนไลน). เขาถงไดจาก: https://leanpub.com/bootstrapjquery/read สบคนเมอ ๒๕ มนาคม ๒๕๖๑.
ส านกงานรฐบาลอเลกทรอนกส (องคมหาชน) (สรอ.). มาตรฐานเวบไซตภาครฐ เวอรชน ๒. (ออนไลน). เขาถงจาก https://www.ega.or.th สบคนเมอ ๔ พฤศจกายน ๒๕๖๐.
ส านกงานรฐบาลอเลกทรอนกส (องคมหาชน) (สรอ.). มาตรฐานแอปพลเคชนภาครฐส าหรบอปกรณเคลอนท. สถานทพมพ: บรษท พ.เอม.มเดย พรนท จ ากด, ๒๕๕๘. น.๑-๓๕.
ศภชย สมพานช. คมอสรางเวบไซตแบบ Responsive ดวย ASP.NET & NET Core MVC ฉบบโปรแกรมเมอร. สถานทพมพ: ไอดซฯ, ๒๕๖๐. น. ๓.
อรยา ปรชาพานช. คมอเรยน การวเคราะหและออกแบบระบบ (System Analysis and Design) ฉบบสมบรณ. สถานทพมพ: ไอดซฯ, ๒๕๕๗. น. ๔๑-๔๖.
ไอทจเนยส. ความแตกตางของ Mobile App, Mobile Site และเวบ Responsive. (ออนไลน). เขาถงไดจาก : https://www.itgenius.co.th สบคนเมอ ๕ พฤศจกายน ๒๕๖๐.
resourcetechniques. What is Responsive Web Design (RWD). (ออนไลน). เขาถงไดจาก: https://www.resourcetechniques.co.uk/Services/Responsive-Web-Design-for-Estate-Agents สบคนเมอ ๔ พฤศจกายน ๒๕๖๐.
salesforce. About Native, HTML5, and Hybrid Development. (ออนไลน). เขาถงไดจาก: https://developer.salesforce.com/docs/atlas.en-us.mobile_sdk.meta/mobile_sdk/ intro_choose_scenario.htm สบคนเมอ ๔ พฤศจกายน ๒๕๖๐.
Top Related