ผลงานทเปนผลการด าเนนงานทผานมา เรอง พฒนาระบบ 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 กรมการจดหางาน

๑๗

๑.๒) แผนภาพยสเคส (Use Case Diagram)

ภาพท ๗ แผนภาพยสเคส (Use Case 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 กรมพฒนาฝมอแรงงาน

๒๑

๒.๒) แผนภาพยสเคส (Use Case Diagram)

ภาพท ๙ แผนภาพยสเคส (Use Case 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 ส านกงานประกนสงคม

๒๘

๔.๒) แผนภาพยสเคส (Use Case Diagram)

ภาพท ๑๓ แผนภาพยสเคส (Use Case 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 สบคนเมอ ๔ พฤศจกายน ๒๕๖๐.