แนวทางการประยุกต์ใช้ workflow ขั้น ... ·...

67
แนวทางการประยุกต์ใช้ Workflow ขั้นสูง สวัสดีครับ วันนี ้ผมจะขอยกตัวอย่างการพัฒนา Workflow application ตัวอย่างหนึ ่งขึ ้นมา ซึ ่ง Scenario ที ่ยกตัวอย่างมานี เชื ่อว่าหลายๆ องค์กรต้องมี Process คล้ายๆกันนี ้ใช้งานในองค์กรกันอยู ่แล้วบ้าง แต่อาจเป็นแบบ Manual หรือ หรือทาผ่าน โปรแกรมแบบ Windows Application หรือ Web Application ก็สุดแล้วแต่จะพัฒนากันขึ ้นมาครับ สาหรับตัวอย่างหรือฉาก เหตุการณ์สมมุตินี ้คือ การสร้างระบบ IT Service Request ครับ ซึ ่งผมเชื ่อว่าหลายๆองค์กร จะต้องมี Process คล้ายๆกัน ในการที ่จะให้บริการกับหน่วยงานอื ่นภายในองค์กรของตัวเองอยู ่แล้ว เพื ่อให้ง่ายและมองภาพให้เห็นชัดเจนผมจะสมมุติ Workflow ของตัวอย่างดังนี Flow อย่างง่ายของระบบ IT Service Request พิจารณาจาก Flow ก็จะเห็นว่ามันธรรมดาและง่ายมากที ่จะเข้าใจ และ แผนกไอทีก็สามารถเขียนโปรแกรมหรือพัฒนา โปรแกรมประยุกต์มาช่วยงานได้อย่างง่าย แต่วันนี ้ผมจะให้ท่านผู้อ่านได้เห็นการประยุกต์ใช้งาน SharePoint Workflow อีก รูปแบบหนึ ่ง ซึ ่งในทางเทคนิคถือว่าเป็นขั้น Advanced เพราะผมจะออกแบบระบบ Workflow นี ้แบบ State Machine Workflow ซึ ่งจาเป็นต้องใช้เครื ่องมือคือ Visual Studio เท่านั้น และใช้ InfoPath มาช่วยในการ Design Initiation Form และ Task Form รวมถึง IT Service Request Form เองด้วยครับ การทางานของ workflow จะต้องถูกเขียนด้วย Code (C#) รวมถึงการ Config องค์ประกอบต่างๆ ดังนั้นผมจึงบอกว่าในทางเทคนิคแล้ว มันเป็นการใช้งานขั ้นสูงแบบหนึ ่งครับ เนื ่องจากบทความนี ้ผมเน้นให้แนวคิดหรือ Concept ในการเปิดมุมมองความเข้าใจเทคโนโลยี SharePoint Workflow ใน มุมมองการประยุกต์ใช้งาน ผมจึงไม่ขออธิบายเกี ่ยวกับองค์ประกอบต่างๆในการพัฒนาขึ ้นมานะครับ แต่จะให้เห็นโครงสร้าง อย่างคร่าวๆเท่านั้น งั้นเรามาเริ่ม Scenario กันเลยดีกว่าครับ Scenario: สมมุติว่าองค์กรหนึ ่งมี Site ทางาน 3 ที ่คือ กรุงเทพ, บางพลี และระยอง Start เปิด IT Service Request Manager Comment & Approve IT Manager Comment & Select operator Operator takes action and close job Stop

Upload: others

Post on 17-Jan-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

แนวทางการประยกตใช Workflow ขนสง

สวสดครบ วนนผมจะขอยกตวอยางการพฒนา Workflow application ตวอยางหนงขนมา ซง Scenario ทยกตวอยางมาน

เชอวาหลายๆ องคกรตองม Process คลายๆกนนใชงานในองคกรกนอยแลวบาง แตอาจเปนแบบ Manual หรอ หรอท าผาน

โปรแกรมแบบ Windows Application หรอ Web Application กสดแลวแตจะพฒนากนขนมาครบ ส าหรบตวอยางหรอฉาก

เหตการณสมมตนคอ การสรางระบบ IT Service Request ครบ ซงผมเชอวาหลายๆองคกร จะตองม Process คลายๆกน

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

Workflow ของตวอยางดงน

Flow อยางงายของระบบ IT Service Request

พจารณาจาก Flow กจะเหนวามนธรรมดาและงายมากทจะเขาใจ และ แผนกไอทกสามารถเขยนโปรแกรมหรอพฒนา

โปรแกรมประยกตมาชวยงานไดอยางงาย แตวนนผมจะใหทานผอานไดเหนการประยกตใชงาน SharePoint Workflow อก

รปแบบหนง ซงในทางเทคนคถอวาเปนขน Advanced เพราะผมจะออกแบบระบบ Workflow นแบบ State Machine

Workflow ซงจ าเปนตองใชเครองมอคอ Visual Studio เทานน และใช InfoPath มาชวยในการ Design Initiation Form และ

Task Form รวมถง IT Service Request Form เองดวยครบ การท างานของ workflow จะตองถกเขยนดวย Code (C#)

รวมถงการ Config องคประกอบตางๆ ดงนนผมจงบอกวาในทางเทคนคแลว มนเปนการใชงานขนสงแบบหนงครบ

เนองจากบทความนผมเนนใหแนวคดหรอ Concept ในการเปดมมมองความเขาใจเทคโนโลย SharePoint Workflow ใน

มมมองการประยกตใชงาน ผมจงไมขออธบายเกยวกบองคประกอบตางๆในการพฒนาขนมานะครบ แตจะใหเหนโครงสราง

อยางคราวๆเทานน งนเรามาเรม Scenario กนเลยดกวาครบ

Scenario:

สมมตวาองคกรหนงม Site ท างาน 3 ทคอ กรงเทพ, บางพล และระยอง

Start

เปด IT Service

Request

Manager

Comment &

Approve

IT Manager

Comment &

Select operator

Operator takes

action and close

job

Stop

Page 2: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

สมมตตวละครคอ คณนฤมล เปน User ทตองการแจงปญหาไปยงฝายไอท ผานระบบ SharePoint

คณพเศษ เปน Manager ในหนวยงานของคณนฤมล

คณสมตร เปน Manager ของฝายไอท

คณศยามพลเปนเจาหนาททไดรบการ assign จากคณสมตรใหเปนผแกไขปญหา

รปท. 1 เมอเขามาในระบบ

เรามาดโครงสรางในชนการใชงานกนเลยครบ จะไดเขาใจและมองเหนภาพกน เมอ login เขาสระบบ SharePoint แลว

ผมจะออกแบบ Page โดยใช standard web part ทมใน SharePoint มาชวย โดยแบงกลมขอมลออกเปน 2 สวน

ดงน

1

2

3

4

Page 3: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

พนทสวนท 1 (วงกลมสแดงมเลข 1 ก ากบ) จะแสดงใหเหนวาในเวลานน ฝายไอทมปรมาณ IT Service Request ท

ยงคงคาง หรอพดงายๆคอยงท าไมเสรจ หรอยงไมไดปด Job นนเอง

พนทสวนท 2 (วงกลมสแดงมเลข 2 ก ากบ) คองาน หรอ Task ทระบบ Workflow ก าหนดใหเราตองปฏบต ซงในทาง

ปฏบต กเหมอนกบวามเอกสารมากองอยตรงหนาเรา หรอบนโตะท างานของเรา ทเราจ าเปนตองท า ซงถาเปนจรงเราอาจม

หลายๆ Page link เขาดวยกน และแตละ page กจะบงบอกถงงานในแตละเรองทเราจะตอง handle หรอจดการมน

แตเพอใหงาย ในตวอยางนจะเหนวา ผท login เขามาคอคณสมตร ซงเปน IT Manager ดงนนรายการท Show กคอ

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

รปท. 2 โครงสราง Custom List แสดงถง IT Staff

พนทสวนท 3 (วงกลมสแดงมเลข 3 ก ากบ) เมอคลก Link ไปท IT Team จะ แสดงถงรายชอของเจาหนาท IT ในฝายไอ

ท ตามรปท 2 และเมอคลก Link ไปท ApproveAuthority กจะแสดงรายชอของ Manager ทมอ านาจในการอนมต

request กอนสงไปยงฝายไอท ( ในทางปฏบตกข นสามารถใชขอมลจาก AD หรอจะออกแบบเองตามความเหมาะสมของ

แตองกรกสดแลวแตการสรางสรรคครบ)

Page 4: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

พนทสวนท 4 (วงกลมสแดงมเลข 4 ก ากบ) เมอคลกท Link นจะเปนการเปด IT Service Request เพอกรอกขอมล

และเปนจดเรมตนในระบบของเรา ครบ

รปท. 3 แสดงรายชอของ Manager ทมอ านาจ อนมต

เรามาเรมเขาส Process กนเลยดกวาครบ ตอนนผมจะจ าลองสถานการณและสาธตการท างานแลวนะครบ สมมตวาตอนน

คณนฤมล ซงอยท Site ระยอง มปญหาตองการใหฝายไอทชวยแกปญหา ดงนนกอนอนผมตองขอเปลยน User ใชงาน

เปนคณนฤมล กอนครบ ดตามภาพประกอบเลยครบ

Page 5: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 4 เปลยน User login ใชงาน

Page 6: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 5 ปอน User ในระบบ AD เปนคณนฤมล

Page 7: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 6 หนาจอระบบเมอ คณนฤมล Login เขามา

เมอคณนฤมลคลกท Quick Launch ทชอ ServiceRequestForm ภายใตกลม Documents กจะปรากฏขอมล

แสดงในรปท 7 ซงแสดงถง IT Service Request ทงหมด ซงในความเปนจรงทานอาจใช View เพอแสดงผลขอมล

เฉพาะรายการทยงคงคาง หรอแสดงเฉพาะของผท login เขามากไดเพอไมใหเกะกะรกตามากเกนไปครบ

Page 8: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 7 รายการแสดง IT Service Request ทงหมดของฝายไอท

Page 9: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 8 เรมตนเปด IT Service Request

คลกท New -> ITSR จะเปนการเปดฟอรมเปลาขนมาเพอใชกรอก ดงรปท 9 มาถงจดนผมตองขออธบายเพมเตมเพอให

ทานผอานวเคราะห ดงนครบ โดยปกตถาเราม IT Service Request แบบ Manual ซงผมเชอวาหลายทยงคงมอย

การออกแบบฟอรมกจะออกแบบใหมการกรอกโดย User เสรจแลวให Manager ลงนามอนมต และเมอสงมาถงไอท IT

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

update เอกสารกนวาท าอะไร ท าอยางไร จงท าใหเอกสารสวนใหญไมคอยสมบรณ ดงนนระบบนจะชวยกระตนให ไอท ม

ความสะดวกในการ update ขอมล ซงจดนมความส าคญทจะท าใหขอมลเหลานสามารถใชเปน Knowledge Base ใน

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

โดยให User กรอกเฉพาะสงทตนเองจ าเปนเทานน ทานสามารถออกแบบซบซอนไดตามความเหมาะสมครบ จดเดนอก

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

เขามาโดยอตโนมต ผานระบบ Workflow ในจงหวะทเหมาะสมนนเอง ทส าคญคอแบบ Form เมอสงมาแลว

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

Page 10: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

ตวอยางนใหสงเกตสพนหลงของหวแบบ Form จะมสน าเงน แตเมอระบบ workflow เขาควบคมกระบวนการแลว มนจะ

เปลยนสเปนสเขยว หมายถงขอมลน view ไดอยางเดยวเทานน!

รปท. 9 แบบ Form เปลาของ IT Service Request

Page 11: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 10 เมอคลกเพอแตกสวนของฝายไอท เพอใหเหน layout ของ Form ทงหมด

Page 12: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 11 เรมกรอกขอมลลง Form

Page 13: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 12 เรมกรอกขอมลลง Form ตอ.

Page 14: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 13 เรมกรอกขอมลลง Form ตอ.

Page 15: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 14 เรมกรอกขอมลลง Form ตอ.

Page 16: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 15 เมอกรอกเสรจจะพบรายการใหมเกดขนหนงรายการ

Page 17: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 16 คลก dropdown list ในรายการทเกดขนใหม

Page 18: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 17 คลก Workflows

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

ไว

Page 19: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 18 คลกป มตามรปสเหลยมสแดง

Page 20: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 19 เลอก Manager ของตนเองเพอใหอนมต

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

และยดหยน แตทานสามารถ Link เขากบ AD เพอใหไดขอมลโยอตโนมตกไดครบ

Page 21: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 20 เลอก Manager ของตนเองเพอใหอนมต ตอ

Page 22: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 21 เลอก Manager ของตนเองเพอใหอนมต ตอ

Page 23: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 22 ขอมลถกสงกลบยงระบบเพอ update

Page 24: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 23 ระบบ Workflow เรมควบคมกระบวนการท างานแลว

เมอเหนรปท 23 กจะเปนการเสรจสนขนตอนการเปด IT Service Request ทสมบรณแลวครบ จะเหนวาจะมขอความ

ใน Column ชอ workflow ปรากฏขอความวา In Progress

งานของคณนฤมล เสรจสนลงแลวครบ! งายไหมครบ

Page 25: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 24 แสดงหนาจอเมอคลกท In Process

เมอคลก Link ท In Process ในรายการทสรางขนมาใหมนน จะเปนหนาจอเพอท User สามารถใช Track ด

รายละเอยดของ Workflow ในแตละรายการนนเอง จากตวอยางตอนนจะเหนวาระบบ Workflow ไดก าหนดงานให

คณพเศษ ทเปน Manager ของคณนฤมล นนเอง ซงใน status จะบอกวา Not Started หมายความวาคณพเศษยง

ไมได take action ใดๆ

Page 26: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 25 เปลยนเปน คณพเศษ

รปท 25 จะเปนการเปลยน login จ าลองสถานการณเปนคณพเศษ

Page 27: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 26 login ดวย userคณพเศษ

Page 28: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 27 หนาจอเมอคณพเศษ login เขามา

รปท 27 แสดงหนาจอเมอคณพเศษ login เขามา จะเหนวาในการออกแบบใช standard web part เพอแสดงใหเหน

งานทตองท าเฉพาะเกยวกบเรอง IT Service Request เทานน จะเหนวาถาเปรยบทยบกบระบบ Mannual กจะคลาย

กบวานคอถาดเอกสารทพนกงานเอามาวางรอใหหวหนาเซนต ซงใครมฝมอกสามารถออกแบบหนาจอใช graphic ให

สวยงามแลวแตจนตนาการและฝมอในการ customize SharePoint ไดตามความสามารถครบ

Page 29: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 28 ระบบแจง Alert ทางเมล

ระบบ SharePoint จะสง Alert ใหคณพเศษรบรไดอกทางโดยผานทาง email ดงนนเราจะมาพสจนด ผมจะเปด

email ของคณพเศษใหดกน

Page 30: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 29 ระบบแจง Alert ทางเมล ตอ

Page 31: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 30 ระบบแจง Alert ทางเมล ตอ

เมอเขามาใน mailbox กจะเหนอเมลทระบบสงมาให ซงคณพเศษสามารถทจะคลกไปท Edit This Task บน Ribbon

กจะสามารถเขามาหนาจอเพอ update ขอมลตามทระบบ workflow ออกแบบไว ไดเชนกน เนองจาก Microsoft

SharePoint ได Integrate กนกบ Microsoft Outlook อยแลวครบ

Page 32: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 31 เมอเปดด IT Service Request เพออานรายละเอยด

รปท 31 เมอคณพเศษคลกเปดเอกสาร เพออานด กจะปรากฏดงรปท 31 แตสงหนงทเราไดออกแบบไวคอตอนนเอกสาร

จะไมสามารถเปลยนแปลงแกไข Original ไดโดยตรง เพราะเอกสารนจะ view ไดอยางเดยวเทานน! อยาลมทผมเคย

บอกกอนหนานนวา ขอมลทเหลอใน Form น ตอไปจะถก Capture ผานทางกลไกของระบบ Workflow นนคอผาน

Task Form เทานนครบ

Page 33: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 32 เรมข นตอนการอนมต

ตอไปเรามาจ าลองสถานการณการท างานเปนคณพเศษกนนะครบ วาจะงายหรอยากอยางไร เรมตนเมอคณพเศษมาท

หนาจอน กจะพบวามเอกสาร 4 ใบ (เสมอนหนงวาในถาดทเกบเอกสาร IT Service Request นนมเอกสารวางอย 4 ใบ

นนเอง) รายการลาสดหรอใหมสดจะอยดานลางสดนะครบ ดงนนคณพเศษกจะคลก Link ในเสนประสแดง

Page 34: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 33 กรอกขอมลใหระบบ Workflow ทราบ

เมอคลกเขามา กจะปรากฏหนาจอดงรปท 33 คอ ระบบ Workflow ตองการให คณพเศษอนมต โดยการกรอกสงท

เรยกวา Manager Comment ลงในความเหนผจดการ และตก ท าขนตอนนเสรจ? แลวกด Submit แคนเองครบ!

Page 35: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 34 ขอมลถก update ไปท SharePoint

Page 36: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 35 หลงจาก Submit ขอมลแลว

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

เมอคณพเศษ หรอใครกไดในระบบ คลกท ServiceRequestForm ซงท าหนาทเปน document library เกบ

เอกสาร IT Service Request ทงหมดของฝายไอท เพอ Track ดสถานะของเอกสารใบน

Page 37: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 36 คลกท link - In Progress

หลงจากทลองคลกท ServiceRequestForm และตอจากนน คลกท In Progress ในรายการลางสด จะเขามาทหนา

ดงรปท 37

Page 38: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 37 แสดง status ของ workflow ในรายการน

Page 39: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 38 เปลยน login เปน user ชอคณสมตร

Page 40: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 39 เปลยน login เปน user ชอคณสมตร ตอ

Page 41: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 40 หนาจอหลงจากคณสมตร login เขามาแลว

หลงจาก User ชอคณสมตรซงเปน IT Manager ในเหตการณสมมตนได login เขามาในระบบ SharePoint แลว ก

จะเหนหนาจอเหมอนกบคนอน สงทคณสมตรซงเปน IT Manager จะไดประโยชนจากระบบนคอเพอประโยชนในงาน

บรหารจดการฝายกคอ

o ทราบจ านวน IT Service Request ทยงคงคาง ยงไมสามารถปด job ไดวามจ านวนเทาไร

o ทราบ Load หรอปรมาณ IT Service Request ในแตละพนทคอ

o Site กรงเทพ (ส านกงานใหญ)

o Site บางพล

o Site ระยอง

o ทราบ Work Load ของผใตบงคบบญชา

o สามารถทราบจ านวน IT Service Request ในแตละเดอนได

Page 42: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

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

ภาพ จากรปท 40 ใหคลก links – ด Request แยกตาม Site

รปท. 41 รายการ IT Service Request แยกตาม Site

รปท 41 แสดงใหเหนวาเราสามารถแยกจ านวน IT Service Request ทยงคงคางอยตาม Site ได คอ

o จ านวน IT Service Request ท กทม ม 1 รายการ

o จ านวน IT Service Request ท บางพล ม 7 รายการ

o จ านวน IT Service Request ท ระยอง ม 5 รายการ

เมอเราคลกตรงเครองหมาย + Place:… กจะแสดงรายการ IT Service Request ในแตละ Site/Location ดงแสดง

ในรปท 42

Page 43: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 42 รายการ IT Service Request แจกแจงตาม Site

เอาละครบเรากลบมาในการ Process การท างานของเรากนตอครบ ยงคงจ า Process เดมคณพเศษท าไดอยนะครบ

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

มตร สามารถทราบไดจากรายการสดทาย ทแสดงในหวขอ “งานทตองปฏบต” ในรปท 40 ถาคณสมตร คลกเพอเปดด

รายละเอยดของ IT Service Request ใบลาสดน กจะเหนเอกสารดงปรากฏในรปท 43

Page 44: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 43 IT Service Request ณ. ขณะทคณสมตรเปดดเรองทรองขอมา

จะเหนวาทกๆคนทเกยวของในกระบวนการจะปฏบต หรอท าขนตอนเหมอนๆกนในระบบ Workflow ดงนนเมอคณสมตร

คลก link อนมตค ารองขอรบบรการดานไอท ตามรปท 42 หรอคลก Edit This Task จากโปรแกรม Outlook

กจะเปดหนาจอ Task Form เพอปอนขอมลใหระบบ Workflow รบรเพอด าเนนการในขนตอนตอๆไป

Page 45: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 44 หนาจอทคณสมตรตองใหขอมลแก Workflow เพอด าเนนการ

Page 46: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 45 หนาจอทคณสมตรตองใหขอมลแก Workflow เพอด าเนนการ ตอ

Page 47: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 46 หนาจอทคณสมตรตองใหขอมลแก Workflow เพอด าเนนการ ตอ

รปท 46 คณสมตร ไดก าหนดหรอระบตวให คณศยามพล เปนผปฏบต หรอ take action job น และไดเปด ticket

หมายเลข 701002 และใส Manager Comment ลงไป เสรจแลวตก เสรจงานในขนตอน เพอเปน signal บอกให

ระบบ Workflow รวางานทคณสมตรถกระบบ Workflow assign มานนไดกระท าเสรจสนแลว เสรจแลวกดป ม

Submit เพอ Update ขอมลใน SharePoint

Page 48: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 47 ขอมลถกสงไป update ใน SharePoint

Page 49: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 48 หนาจอเมอท างานเสรจแลว

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

งานทยงคงคาง

Page 50: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 49 รายการใน Document library ทเกบ IT Service Request

เราจะลองกลบมาเพอ Track ด status วาตอนน IT Service Request แสดงสถานะอยางไร วธการกเหมอนเดมครบ

คอคลก link – In Progress ท column ชอ Workflow

Page 51: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 50 แสดงรายละเอยดของสถานะในรายการทก าลงพจารณาอยในขณะน

พจารณาด เมอเราออกแบบ Workflow โดยก าหนดค าอธบายใหด เราสามารถใชมนเพอ Track และอธบายความหมาย

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

“IT Manager ก าหนดคนรบผดชอบแลวคอ SAMTHAI\sam ใหเปนผก าเนนการ”

และใน column Outcome มขอความวา

“IT Manager เลอกผรบผดชอบแลว”

ซงสามารถเขาใจไดโดยงาย เมอถก Audit กจะอธบายใหเหนภาพไดงายเลยวา IT Manager ก าหนดใหใครท า อนน

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

ตอมาถาดท Tasks กจะเหนวา user ทม login ใน AD ชอ sam ซงกคอคณศยามพลนนเองครบ

Page 52: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 51 เปลยน login เปน ของคณศยามพล

Page 53: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 52 หนาจอเมอ คณศยามพล login เขามา

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

ตามภาพกจะเรมเขาใจโดยงายครบ

Page 54: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 53 ขอมลทปรากฏในหนาจอ IT service Request หลงจากคณสมตรก าหนดผรบผดชอบแลว

จากรปท 53 จะเหนวาขอความตางๆถกระบบ Workflow ท าการ Capture น ามาใสใหเองโดยอตโนมต และอยาลมท

ส าคญนะครบคอเอกสารนใช View ไดอยางเดยว ไมสามารถเปลยนแปลงแกไขใดๆไดทงสน (เนนแลวเนนอก)

กลบมาในเหตการณการท างานกนตอครบ เมอคณศยามพล ไดรบมอบหมายงานใหเปนผปฏบต กไปด าเนนการแกไขให

เสรจ เมอแกไขเปนทเรยบรอยแลว คณศยามพล กจะเขามาปด Job โดยคลกเปด Task Form เพอใหขอมลในระบบ

Workflow รบร ผมจะไมอธบายวาเขาไปยงไงอกนะครบ อานดกอนหนานนกจะรครบ

Page 55: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 54 หนาจอทคณศยามพลจะตองปอนใหระบบ Workflow

Page 56: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 55 หนาจอทจะตองปอน (ตอ)

รปท 55 คณศยามพล มโอกาสทจะโอนงานไปใหคนอนท าได ถาพบวางานทตนเองถก assign มาม load มากหรอ

จ าเปนตองลางานในชวงนน การออกแบบระบบ Workflow แบบนกจะท าใหเกดความยดหยน และเปนจรงในทางปฏบต

ครบ

แตในตวอยางสมมตวาคณศยามพลสามารถท างานไดเอง

Page 57: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 56 ขอมลเมอคณศยามพล กรอกเสรจแลว

Page 58: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 57 ขอมลถกสงไป update ท SharePoint

Page 59: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 58 เมอ update เสรจแลวจะกลบมาทหนาน

Page 60: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 59 แสดงสถานะ Completed

เมอกลบมายง document library ทเกบ IT service Request ทรายการสดทาย จะพบวาสถานะของ Column

ชอ Workflow เปลยนเปน Completed แสดงวางานนไดด าเนนการเสรจเปนทเรยบรอย! = ปด Job!

Page 61: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 60 ขอมลทปรากฏใน IT Service Request เมอปด job แลว

อกครงนะครบจะเหนวาขอมลทปรากฏในเอกสาร IT Service Request นนไดถกใสใหโดยระบบ Workflow

ตามทเราไดออกแบบเอาไว และย าอกครงหนงคอ View ไดอยางเดยวนะครบ ไมสามารถเปลยนแปลงแกไขใดๆ

ได ขอมลมทง Manager Comment และวธแกไขปญหา ซงเราสามารถตอยอดไปเปนขอมลในระบบ

Knowledge Base เพอไอทคนอนสามารถ search ดอาการของปญหา และวธการแกไขทเคยท ามาได จะท า

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

Page 62: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 61 เมอ Track ดในรายละเอยด

รปท 61 เมอคลกท link – Completed จากรปท 59 จะพบรายละเอยดทสมบรณ สามารถ Track ไดวาใครท าอะไร

และเสรจสนเวลาอะไร ซงสามารถน ามาวเคราะหค านวณชวงเวลาทเหมาะสมในการแกปญหา เพอก าหนดหรอปรบคา KPI

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

มองเหนประโยชนของระบบ Workflow วามประสทธภาพเพยงใดเมอน ามาใชในองคกร

Behind The Scenes

เบองหลงการท างาน เนองจากเปนการออกแบบระบบ Workflow แบบ State Machine Workflow จงตองใช

เครองมอคอ Visual Studio ไดอยางเดยว

Page 63: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 62 หนาจอ Visual studio

Page 64: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 63 หนาจอทใช config Form ตางๆทใชในตวอยาง

Page 65: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 64 ตวแปรรบสง ทใชแลกเปลยนระหวาง InfoPath Form กบ Site Column ใน document library

ผมใหดคราวๆนะครบวาเบองหลงนนตองสรางและประกอบหลายๆโดยเฉพาะอยางยงถามคนมาเกยวของจ านวนมากหรอ

ขนตอนมนซบซอนกจะตองสราง Task Form เพอ Capture ขอมลมากเชนเดยวกน การ coding กจะมความ

ซบซอนดวยเชนกน แตเมอมองในชน Application แลวดเหมอนงายครบใชไหมครบ

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

Workflow ดวยเทคโนโลยของ Microsoft

ศยามพล เชอแพทย MCTS(MOSS 2007 Configuration)

[email protected]

Page 66: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 65 ตวอยาง Task Form ทออกแบบใน InfoPath

Page 67: แนวทางการประยุกต์ใช้ Workflow ขั้น ... · 2017-05-22 · แนวทางการประยุกต์ใช้ Workflow ขั้นสูง

รปท. 66 ตวอยาง Task Form ท Userใช