การใช้งาน Visio 2010dmj.ac.th/phoori/file/55-2-visio.pdf · 1....

การใชงาน Visio 2010

โดยครภรวฒน เกอทาน

เรมการใชงาน Microsoft Visio 2010

โดยจะมหวขอในการนาเสนอดงตอไปน

1. แนะนาโปรแกรมไมโครซอฟท วซโอ 20102. แนะนาเครองมอทใชงาน3. แสดงการปรบแตงเชพ4. แสดงการทางานของคอนเนกเตอร (Connector)5. เรมตนสรางผงงานดวย Visio 2010

แนะนาโปรแกรมไมโครซอฟท วซโอ 2010

ไมโครซอฟท วซโอ 2010 (Microsoft Visio 2010) หรอโปรแกรมสรางแผนผงสารพดชนด เปนโปรแกรมทมคณสมบตสาหรบการวาดแผนภาพตาง ๆ ไมวาจะเปนภาพวงจรทางไฟฟาและอเลคทรอนกสม, Flow Char, ภาพองคกร, แผนผงอาคาร หรอหองทางาน เปนตน ซงในโปรแกรมจะมรปรางของอปกรณ สงของตาง ๆ เพอใชเปนเครองมอสาหรบการวาดรปทหลากหลาย ตงแตรปพนฐาน จนถงรปเฉพาะทาง 1มต หรอ 3 มต อกทงสามารถใชรวมกบโปรแกรมอน ๆ ในชดของ ไมโครซอฟท ออฟฟศ (Microsoft Office) ไดดวย

แนะนาโปรแกรมไมโครซอฟท วซโอ 2010 (ตอ)เนองจาก Visio เปนเครองมอในการสรางไดอะแกรม, โฟวชารท, แบบแปลน

ทใชงานงายและราคาไมแพงจนเกนไป จนไดรบความนยมในการนาไปใชงานดานตาง ๆ ดงน

1. ไดอะแกรมทวไป 2. ผงองคกร และงานดานธรกจ3. ระบบเครอขาย 4. แผนภม ชารท กราฟ5. แผนงานโครงงาน 6. โครงรางเวบไซต7. แปลนบาน ออฟฟศ โรงงาน 8. วงจรไฟฟา วงจรอเลกทรอนกส9. โมดลซอฟทแวร

แนะนาเครองมอทใชงานองคประกอบสาคญของการใชงานโปรแกรม

แมแบบทมใหเลอก

แมแบบทใชกบงานดานตาง ๆ

แนะนาเครองมอทใชงาน (ตอ)องคประกอบสาคญของการใชงานโปรแกรม

แมแบบ (Template) คอ แบบตาง ๆ ทโปรแกรมเตรยมไวรองรบรปแบบการสรางงานโฟลชารต หรอไดอะแกรมไวใหแลว จงสามารถเลอกแมแบบไดตงแตตอนเปดโปรแกรมครงแรก (ดงรปท) ใหตรงกบความตองการการใชงาน

แนะนาเครองมอทใชงาน (ตอ)

Drawing Area

Stencils

Shape

องคประกอบสาคญของการใชงานโปรแกรม

แนะนาเครองมอทใชงาน (ตอ)

องคประกอบสาคญของการใชงานโปรแกรมDrawing Area คอ เปนพนททใชในการออกแบบงานเชพ (Shape) คอ รปภาพตาง ๆ ทโปรแกรมเตรยมไวใชในการวาดชนงาน

โดยการลากไปวางบน Drawing Areaสเตนซล (Stencils) คอ กลมของ Shape ซงจะถกกาหนดมาใหหลงจาก

การเลอกเทมเพลท แตเราสามารถเพม Stencils เขาไปไดอกตามความตองการใชงาน

แนะนาเครองมอทใชงาน (ตอ)แถบเมน

แนะนาเครองมอทใชงาน (ตอ)แถบเมนเมน (Menu) คอ สวนทรวบรวมคาสงทงหมดทเรยกใชได สาหรบเมนใน

โปรแกรม Visio 2010 น มดงน- เมน File ทางานกบไฟลงานไดอะแกรม เชน การสรางไฟลใหม การ

เปดไฟลขนมาแกไข การบนทกไฟล การปดไฟลงาน เปนตน- เมน Home เปนเครองมอแสดงคาสงทใชบอย ๆ โดยแทนปมรปภาพ- เมน Insert แทรกวตถตาง ๆ ลงในไฟลงาน เชน รปภาพ

แนะนาเครองมอทใชงาน (ตอ)

- เมน Design กลองรวบรวมคาสง (Task Pane) รวมคาสงเกยวกบงานทเรากาลงทาอยเพอชวยใหเราทางานไดสะดวกขน

- เมน Data ทเครองมอทชวยในการลงขอมลจากเอกสารอน เชน Microsoft Excel workbook

- เมน Process เปนเครองมอทใชสาหรบ Check Diagram Import และ Export

- เมน Review เปนเครองมอสาหรบนาเสนอ- เมน View กาหนดมมมองในการทางานกบไฟลขอมล

แนะนาเครองมอทใชงาน (ตอ)แถบเครองมอ

คอ แถบของปมไอคอนทใชแทนคาสงการทางานตาง ๆ ซงเราสามารถเรยกใชงานไดโดยการคลกเมาสทปมนน ทาใหไมตองเลอกคาสงจากเมนทมขนตอนมาก

แสดงการปรบแตงเชพ

การเปลยนแปลงรปเชพControl Point จะเกดขนเมอเราใชเครองมอ Pencil Tool

แลวคลกทเชพ ซงชวยใหเราสามารถเปลยนแปลงรปรางของเชพได (ใชไดเฉพาะเชพซงไมไดกาหนดรปรางไวตายตว)

1. ลากเชพมาวางบนพนทวาด

แสดงการปรบแตงเชพ (ตอ)2. คลกเลอก Pencil Tool จะเหนไดวาจดรอบ ๆ เปลยนไป

แสดงการปรบแตงเชพ (ตอ)3. จะเหน Control Point ทเชพ เราสามารถใชเมาสปรบทจดนได เพอเปนการเปลยนแปลงเชพ

แสดงการปรบแตงเชพ (ตอ)4. รปเชพทเปลยนแปลงไป

แสดงการปรบแตงเชพ (ตอ)

Eccentricity Point ใชในการปรบมมและขนาดความโคงของภาพ จะปรากฏอยบนเสนทเราวาด โดยใชเครองมอ Arc Tool,

Freefrom Tool รวมกบการใชเครองมอ Pencil Tool

1. ลากเสนโดยใช Arc Tool

แสดงการปรบแตงเชพ (ตอ)2. คลกท Pencil Tool แลวคลกทจดเสนโคง

แสดงการปรบแตงเชพ (ตอ)3. เสนทเปลยนแปลงไป

การทางานกบคอนเนกเตอร

ในไดอะแกรมบางประเภท คอนเนกเตอร (Connector) มความสาคญเปนอยางมาก เพราะคอนเนกเตอรเปนเสนทใชบอกทศทางความสมพนธระหวางเชพตาง ๆ บนไดอะแกรม

รปแบบของคอนเนกเตอรแบงได 2 รปแบบ คอ การเชอมตอแบบ Dynamic และการเชอตอแบบ

Static ซงแตละรปแบบมคณสมบตการใชงานทแตกตางกน ดงน

การทางานกบคอนเนกเตอร (ตอ)

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

Static Connector การเชอมตอแบบน ไมวาเราจะเปลยนแปลงตาแหนงของเชพไวทใด จดทเชอมตอกยงเปนจดเดมเสมอ

การทางานกบคอนเนกเตอร (ตอ)

การเชอมแบบ Dynamic Connector สรางเสนคอนเนกเตอรจาก Connector Tool

1. เลอนเมาสไปทเชพหมายเลข 1 จะเหนกรอบสแดงลอมรอบเชพ

การทางานกบคอนเนกเตอร (ตอ)

2. คลกทเชพเลข 1 ลากเมาสมายงเชพเลข 2 ใหปรากฏกรอบสแดง

3. เสนคอนเนกเตอรทไดจะเปนแบบ Dynamic

การทางานกบคอนเนกเตอร (ตอ)

การเชอมแบบ Static Connector สรางเสนคอนเนกเตอรจาก Connector Tool

1. เลอนเมาสไปทเชพหมายเลข 1 ใหเหนเปนจดแดง

การทางานกบคอนเนกเตอร (ตอ)

2. คลกเมาสทเชพหมายเลข 1 ลากเมาสมายงเชพหมายเลข 2 ใหเหนจดสแดง

การทางานกบคอนเนกเตอร (ตอ)

3. เสนคอนเนกเตอรทไดจะเปนแบบ Static เมอเราทาการเคลอนยายเชพ จดทเชอมตอกยงอยทจดเดมเสมอ

การทางานกบคอนเนกเตอร (ตอ)

การเปลยนรปของคอนเนกเตอร

การทางานกบคอนเนกเตอร (ตอ)

Right Angle Connector เปนคอนเนกเตอรชนดมมฉาก ใชในการเชอมตอเชพทตาแหนงการวางไมตรงกน โดยเราสามารถทาการปรบขนาดของคอนเนกเตอรไดเหมอนเชพ

การทางานกบคอนเนกเตอร (ตอ)

Straight Connector เปนคอนเนกเตอรชนดเสนตรง หรอเสนเฉยง มกใชเปนลกศรทบอกทศทาง หรอเสนตรงทเชอมตอระหวางเชพ

การทางานกบคอนเนกเตอร (ตอ)

Curved Connector เปนคอนเนกเตอรชนดเสนโคง คอนเนกเตอรแบบนสามารถดดความโคงของเสนคอนเนกเตอรใหมรปทรงตามตองการ และเหมาะกบงานของเราได

เรมตนสรางผงงานดวย Visio 2010ขนตอนในการสรางผงงาน

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

เรมตนสรางผงงานดวย Visio 2010 (ตอ)กาหนดโครงรางของผงงาน

เลอก Template ใน Visio

สรางผง และปรบแตง

นาผงงานไปใชงานตามจดประสงค

เรมตนสรางผงงานดวย Visio 2010 (ตอ)

ขนตอนท 1 กาหนดโครงสรางของผงงานเปนการรางโครงสรางของผงงานทเราตองการจะสรางไวในกระดาษกอน เพอ

ปองกนความผดพลาดเมอตองสรางงานโดยใชโปรแกรม Visio

ขนตอนท 2 เลอกเทมเพลตใน Visioการเลอกเทมเพลต โปรแกรม Visio จะนาเอาสเตนชลและเชพทเหมาะสมกบ

งาน ทเราตองการสรางใหโดยอตโนมตเพอความสะดวกในการทางาน ดงตวอยางเปนการสราง UML Activity ซงเราจะเลอกเทมเพลตทอยในหมวดหม Softwave and Database

เรมตนสรางผงงานดวย Visio 2010 (ตอ)การสรางไดอะแกรมขนมาใหมในโปรแกรม Visio สามารถทาได 2 วธ

1. เลอกจากเทมเพลต (Template)

เรมตนสรางผงงานดวย Visio 2010 (ตอ)

2. เลอกจากแถบเครองมอ โดยการเลอกท More Shape > Softwave and Database > UML Activity

เรมตนสรางผงงานดวย Visio 2010 (ตอ)

ขนตอนท 3 สรางผง และปรบแตงเรมตนสรางผงงานในโปรแกรม Visio จากการนาเชพในสเตนซลตาง ๆ ทอย

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

1. สรางโฟวชารท โดยเรมจากคลกเลอกเชพจากสเตนซลทางดานซายมอมาวางบนพนทวาดตามจานวนทเราไดกาหนดโครงรางเอาไว แลวจดวางตาแหนงใหเหมาะสม

เรมตนสรางผงงานดวย Visio 2010 (ตอ)

เลอกท Shap Swimlane

เรมตนสรางผงงานดวย Visio 2010 (ตอ)

เลอกท Initial State พรอมลากมาวางเพอสรางจดเรมตน

เรมตนสรางผงงานดวย Visio 2010 (ตอ)

เลอกท State และลากไปวาง โดยขนาดของ State จะขนอยทตวอกษรขางใน

เรมตนสรางผงงานดวย Visio 2010 (ตอ)

เลอกท Decision และลากไปวาง เพอใชเปนสญลกษณในการตรวจสอบ

เรมตนสรางผงงานดวย Visio 2010 (ตอ)

เลอกท Final State และลากไปวาง เพอใชเปนสญลกษณบอกวาจบกระบวนการ

เรมตนสรางผงงานดวย Visio 2010 (ตอ)

2. คลกเมาสทปม เพอสรางขอความบรรยายในแตละเชพ

เลอกท A และคลกทเชพเพอเปนการใสขอความ

เรมตนสรางผงงานดวย Visio 2010 (ตอ)

3. คลกเมาสทปม และ เพอสรางคอนเนกเตอรสาหรบเชอมตอแตละเชพ

เลอกท Connector และเลอกท Control Flow จากนนจงลากไปเชอมตอกบเชพ

เรมตนสรางผงงานดวย Visio 2010 (ตอ)

4. ใหคลกเมาสทเชพตวแรก แลวลากมายงเชพตวถดไป จะพบวามเสนลกศรเชอมตอระหวางเชพทงสอง หลงจากนนใหลากเสนเชอมตอใหครบทกเชพ

เลอกท Control Flow และลากไปวาง เพอเปนการเชอมตอเชพในแตละเชพ

เรมตนสรางผงงานดวย Visio 2010 (ตอ)5. ลากเสนเชอมตอใหครบทกเชพ เมอลากเสนจากเชพตวแรกไปยงเชพสด

ทายจนครบแลว เรากจะได Activity ทเสรจสมบรณ