การเขียนผังงาน - burapha universityบทท 6 การเข ยนผ...

19
บทที่ 6 การเขียนผังงาน หน้า 1 บทที่ 6 การเขียนผังงาน โดยทั่วไปแล้ว flowchart หรือ ผังงาน เป็นรูปภาพ หรือ สัญลักษณ์ ที่ใช้เขียนแทนขั้นตอนของงานหรือ สิ่งที่กาลังอธิบาย ที่อาจประกอบไปด้วยคาอธิบาย ข้อความ หรือคาพูด แบบย่อ ของงานหนึ่งๆ โดยใช้สัญลักษณ์ทีเป็นมาตรฐานเดียวกัน เพราะการนาเสนอขั้นตอนของงานให้เข้าใจตรงกันระหว่างผู้เกี่ยวข้อง ด้วยคาพูด หรือ ข้อความทาได้ยากกว่า ผังงานถูกใช้มากในสายงานเทคโนโลยีสารสนเทศเพื่อสร้างเอกสารเกี่ยวกับชุดคาสั่งของ คอมพิวเตอร์ พนักงานสายงานเทคโนโลยีสารสนเทศจะใช้ผังงานสาหรับการอธิบายถึงการทางานที่เชื่อมโยงกัน ระหว่างฮาร์ดแวร์และระบบคอมพิวเตอร์ ผังงานถูกจัดเป็นหมวดหมู่ตามจุดประสงค์ของการใช้งาน ดังนี System flowcharts สาหรับผู้ใช้ที่ต้องการมองเห็นภาพรวมของระบบสารสนเทศ เช่น กระบวนการ ดาเนินงานของผู้ใช้ที่ลงทะเบียนเรียนในแต่ละภาคเรียน Program flowcharts แสดงการเชื่อมโยงกันอย่างเป็นเหตุเป็นผลด้วยชุดคาสั่งของคอมพิวเตอร์ Document flowcharts แสดงถึงความเปลี่ยนแปลงของเอกสารที่เกี่ยวข้องกันภายในระบบอย่างเป็น ขั้นตอน เช่น แสดงถึงภาษีที่ได้รับคืน Hardware flowcharts แสดงถึงเครื่องคอมพิวเตอร์ เครื่องพิมพ์ จอแสดงผล อุปกรณ์รับข้อมูลเข้า (เช่น เมาส์ คีย์บอร์ด) และฮาร์ดแวร์อื่น ๆ กับระบบสารสนเทศ ผังงานที่สามารถอ่านเข้าใจได้ง่ายควรมีคุณสมบัติดังนี จะอ่านจากด้านบนลงสู่ด้านล่าง และอ่านจากด้านซ้ายไปยังด้านขวาภายในหน้ากระดาษเดียวกัน และค่า สุดท้ายที่ได้รับคืนมาจากผังงานจะเป็นผลลัพธ์ โดยผู้ใช้สามารถนาค่านั้นไปใช้เพื่อประโยชน์อื่นต่อได้ ผังงานจะมีพื้นที่สีขาวเว้นระหว่างข้อความหนึ่งกับอีกข้อความหนึ่ง ตัวหนังสือจะไม่แออัดกัน ถ้าพบผังงาน ที่แออัดกัน จะต้องแบ่งส่วนบางส่วนไฟเขียนบนหน้ากระดาษใหม่ เพื่อให้ผังงานนั้นสามารถอ่านได้ง่ายขึ้น ผังงานจะต้องมีหัวเรื่อง เครื่องหมายต่าง ๆ ที่อยู่กันเป็นกลุ่มบนหน้ากระดาษเป็นสิ่งที่ทาให้เกิดความ สับสนในการอ่านและการประเมินผล ถ้ามีหลายส่วนที่เชื่อมโยงกันและเป็นผังงานเดียวกัน ควรจะเขียนว่า “(ชื่อผังงาน 1 จาก จานวนทั้งหมด) ผังงานควรจะจัดให้อยู่ในรูปแบบคอลัมน์ การร่างผังงานควรจะต้องปรึกษาผู้มีส่วนเกี่ยวข้อง ต้องมีการตรวจสอบเพื่อให้แน่ใจผังงานนั้นสามารถทา ความเข้าใจได้ง่าย การเขียนผังงานที่ดีจะต้อง

Upload: others

Post on 17-Jun-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: การเขียนผังงาน - Burapha Universityบทท 6 การเข ยนผ งงาน หน า 7 เร มต น ส นส ด ร ศม = 2 พ นท

บทท 6 การเขยนผงงาน หนา 1

บทท 6 การเขยนผงงาน

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

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

Program flowcharts แสดงการเชอมโยงกนอยางเปนเหตเปนผลดวยชดค าสงของคอมพวเตอร

Document flowcharts แสดงถงความเปลยนแปลงของเอกสารทเกยวของกนภายในระบบอยางเปนขนตอน เชน แสดงถงภาษทไดรบคน

Hardware flowcharts แสดงถงเครองคอมพวเตอร เครองพมพ จอแสดงผล อปกรณรบขอมลเขา (เชนเมาส คยบอรด) และฮารดแวรอน ๆ กบระบบสารสนเทศ

ผงงานทสามารถอานเขาใจไดงายควรมคณสมบตดงน

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

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

ผงงานจะตองมหวเรอง เครองหมายตาง ๆ ทอยกนเปนกลมบนหนากระดาษเปนสงทท าใหเกดความสบสนในการอานและการประเมนผล ถามหลายสวนทเชอมโยงกนและเปนผงงานเดยวกน ควรจะเขยนวา “(ชอผงงาน 1 จาก จ านวนทงหมด)

ผงงานควรจะจดใหอยในรปแบบคอลมน

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

การเขยนผงงานทดจะตอง

Page 2: การเขียนผังงาน - Burapha Universityบทท 6 การเข ยนผ งงาน หน า 7 เร มต น ส นส ด ร ศม = 2 พ นท

บทท 6 การเขยนผงงาน หนา 2

เขยนผงงานโดยใชสญลกษณทก าหนด และสามารถเขาใจไดอยางเปนสากล

ใชลกศรแทนการแสดงทศทางการไหลของขอมล โดยจะตองชจากบนลงลาง และซายไปขวา

ค าอธบายภายในสญลกษณ ควรสน กะทดรด และเขาใจไดงาย

ทกผงงานตองมลกศรแสดงทศทางการเขา และออก

ไมควรโยงเสนเชอมระหวางผงงานทอยไกลกนมาก ๆ ควรใชสญลกษณการเชอมตอแทน ผงงานสามารถออกแบบและสรางไดทงดวยเทคโนโลยโดยการใชซอฟตแวรส าเรจรป หรอเครองมอออนไลน

โดยเครองมอเหลานจะมรปแบบส าเรจรปส าหรบการเขยนผงงานอยแลว และสรางผงงานแบบไรเทคโนโลยโดยการเขยนลงบนกระดาษ ดวยปากกาหรอดนสอ บทเรยนนจะใชการเขยนผงงานโปรแกรม (Flowcharts program) ดวยปากกาและกระดาษ โดยสญลกษณทใชในผงงาน จะใชรปแบบทเหมอนกนตามมาตรฐานทสถาบน ANSI ก าหนดเพอสอความหมายเดยวกน แมวาจะเหนผงงานทมภาษาแตกตางกน กจะสามารถเขาใจตรงกน และท างานตามขนตอนทระบไวได ดงน

สญลกษณ ชอ ความหมาย

Terminator จดเรมตนและจดสนสดของการ

ท างาน

Flow line / Direction

เสนแสดงทศทางของการท างาน (แตละเสนตองมหวลกศรเดยว

เทานน)

Process

การปฏบตงาน / การประมวลผล หรอก าหนดคาขอมลใหกบตวแปร

Page 3: การเขียนผังงาน - Burapha Universityบทท 6 การเข ยนผ งงาน หน า 7 เร มต น ส นส ด ร ศม = 2 พ นท

บทท 6 การเขยนผงงาน หนา 3

สญลกษณ ชอ ความหมาย

Input / Output รบ / แสดงขอมลในกรณทไมระบ

อปกรณรบขอมล

Predefined Process การท างานยอย (ฟงกชน)

Decision

การเปรยบเทยบเพอใหตดสนใจเลอก

Connector

จดเชอมตอของผงงาน (ภายในหนากระดาษเดยวกน)

Between-page Connector

จดเชอมตอของผงงาน (กรณขนหนากระดาษใหม)

ผงงานแบบแรก คอผงงานแบบเรยงล าดบ (Sequence) เปนรปแบบผงงานทงายทสด ไมซบซอน และไมมการเปรยบเทยบเงอนไขใด ๆ โดยแสดงขนการท างานไปตามล าดบตงแตเรมตนจนสนสดการบวนการการท างาน เชน การท างานโดยผานการท างาน 1 การท างาน 2 และการท างาน 3 จะสามารถเขยนผงงานไดดงน

Page 4: การเขียนผังงาน - Burapha Universityบทท 6 การเข ยนผ งงาน หน า 7 เร มต น ส นส ด ร ศม = 2 พ นท

บทท 6 การเขยนผงงาน หนา 4

ตวอยางผงงานน เมอเรมตนท างานแลว จะท างานตอทการท างานท 1 ตอดวยการท างานท 2 และการท างานท 3 เปนการท างานสดทาย เปนการจบกระบวนการการท างาน ตวอยางการท างานแบบเรยงล าดบขนทนสตชนปท 1 ผานมาไดไมนานอยางการด ารงชวตในตอนเชา คอ ตนนอน อาบน า-แตงตว เดนทางไปโรงเรยน ขอมลเหลานสามารถน ามาเขยนเปนผงงานไดเชนกน ดงน

เรมตน

การท างาน 1

การท างาน 2

การท างาน 3

สนสด

เรมตน

ตนนอน

อาบน า-แตงตว

เดนทางไปโรงเรยน

สนสด

Page 5: การเขียนผังงาน - Burapha Universityบทท 6 การเข ยนผ งงาน หน า 7 เร มต น ส นส ด ร ศม = 2 พ นท

บทท 6 การเขยนผงงาน หนา 5

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

1. ยกหโทรศพท 2. รอฟงสญญาณ 3. กดเลขหมายปลายทาง 4. สนทนา 5. วางหโทรศพท

ขนตอนทงหมด เปนขนตอนทท าตามล าดบตงแต 1 – 5 และสามารถเขยนในรปแบบผงงานได ดงน ผงงานน ยงเปนผงงานแบบงาย เพราะผงงานมเพยงสญลกษณส าหรบการประมวลผล หรอ Process เพยงอยางเดยว ตวอยางตอไปจะมการใชสญลกษณส าหรบการรบคาเขาและคนคา หรอ Input/Output ดวย

เรมตน

สนสด

ยกหโทรศพท

ฟงเสยงสญญาณ

วางหโทรศพท

กดหมายเลข

สนทนา

ตวอยาง : การใชงานโทรศพท

Page 6: การเขียนผังงาน - Burapha Universityบทท 6 การเข ยนผ งงาน หน า 7 เร มต น ส นส ด ร ศม = 2 พ นท

บทท 6 การเขยนผงงาน หนา 6

เรมตน

สนสด

น าอาหารเขาเตาไมโครเวฟ

ตงระดบความรอนและเวลา

น าอาหารทอนออกจากเตาไมโครเวฟ

เตาไมโครเวฟเรมอนอาหาร

เตอนอาหารสกดวยเสยงสญญาณ

ตวอยางการอนอาหารดวยไมโครเวฟ โดยจะมองวามเพยงขณะทไมโครเวฟก าลงท างานดวยการท างานของเครองเองเทานนเปนการประมวลผล หรอ Process นอกเหนอจากนนคอขนตอนทมนษยควบคมและสงการเครองไมโครเวฟจะถอเปนการใส Input/Output และจะสามารถเขยงผงงานแสดงการอนอาหารดวยไมโครเวฟได ดงน

จากผงงานแสดงการอนอาหารดวยไมโครเวฟ จะพบวาการท างานทใชสญลกษณ Process ม 2 ขนตอน คอขนตอน “เตาไมโครเวฟเรมอนอาหาร” และ “เตอนอาหารสกดวยเสยงสญญาณ” นนเปนขนตอนการท างานของไมโครเวฟ สวนสญลกษณ Input/Output จะใชแสดงแทนการท างานของผใชกบเตาไมโครเวฟ โดยจะมองการท างานนวาเตาไมโครเวฟรบคาเปนอาหารจากการวางอาหารของผใชลงในเตาไมโครเวฟทขนตอน “น าอาหารเขาเตาไมโครเวฟ” และไมโครเวฟกยงรบความรอนทมนษยหรอผใชปอนให ตรงขนตอน “ตงระดบความรอนและเวลา” ดวย ตอจากนนผใชจะรบ Output จากไมโครเวฟเปนอาหารทอนเรยบรอยแลวทขนตอน “น าอาหารทอนออกจากเตาไมโครเวฟ” ตวอยางนอาจจะเขาใจไดเฉพาะนสตทเคยใชเครองไมโครเวฟเทานน แตตวอยางตอไป

ตวอยาง : การอนอาหารดวยไมโครเวฟ

Page 7: การเขียนผังงาน - Burapha Universityบทท 6 การเข ยนผ งงาน หน า 7 เร มต น ส นส ด ร ศม = 2 พ นท

บทท 6 การเขยนผงงาน หนา 7

เรมตน

สนสด

รศม = 2

พนททรงกระบอก = 4

3 ∗ 3.14 ∗ 23

พนททรงกระบอก = 33.49

คาดวานสตทก ๆ คนเคยพบในชนเรยน ชวยระดบชนมธยมศกษาแนนอน นนคอการหาพนทและปรมาตรของรปทรงเลขาคณตตาง ๆ โดยจะยกตวอยางการหาพนททรงกระบอก

โดยสตรการหาพนทของทรงกระบอก =

4

3𝜋𝑟3 และขนตอนการหาพนททรงกระบอกเปนไปดงน

1. รบคา r หรอรศมของทรงกระบอก

2. ค านวณหาพนททรงกรบอกตามสตร พนททรงกระบอก = 4

3𝜋𝑟3

3. คนคาผลลพธเปนพนทของทรงกระบอก จากขนตอนทง 3 ขนตอน สามารถเขยนผงงานไดดงน

จากผงงานการหาพนททรงกระบอกพบวาสญลกษณ Input/Output จะถกใชเมอรบคาเขาทขนตอน “รศม = 2”

และคนคาผลลพธทขนตอน “พนททรงกระบอก = 33.49” สวนขนตอน “พนททรงกระบอก = 43

ตวอยาง : หาพนททรงกระบอก

Page 8: การเขียนผังงาน - Burapha Universityบทท 6 การเข ยนผ งงาน หน า 7 เร มต น ส นส ด ร ศม = 2 พ นท

บทท 6 การเขยนผงงาน หนา 8

3.14 ∗ 23” จะใชสญลกษณ Process เพราะเปนขนตอนการประมวลผล หรอการค านวณ เพอหาผลลพธของพนททรงกระบอก

เนองจากตวอยางตอไปจะตองใชการ Mod จงจะอธบายการท างานเพอหาผลลพธของการ Mod กอน โดยการ Mod สามารถเขยนแทนไดดวยค าวา Mod หรอเครองหมาย % คอเศษจากการหารนนเอง ตวอยางเชนถาน า 4/2 ผลลพธของการหารคอ 2 และเศษจากการหารนคอ 0 ดงนนผล Mod คอ 0 หรอถาน า 5/2 ผลลพธเปนจ านวนเตมคอ 2 และจะเหลอเศษจากการหารคอ 1 ดงนนผล Mod คอ 1 และถาน า 10/7 ผลลพธจากการหารคอ 7 สามารถหาร 10 ไดลงตว 1 ครง ดงนนผลหารคอ 1 และเมอ 7 หาร 10 ลงตวแลวจะเหลอเศษคอ 3 ท าใหผล Mod ของ 10/7 = 3 และตวอยางหาร Mod ในรปแบบเครองหมายเชน 10%7 = 3 หรอ 5%2=1 เปนตน

ก าหนดใหรบตวเลข 1 จ านวน โดยจะตองเปนตวเลข 2 หลก เชน 29, 32, 10 จากนนท าการสลบต าแหนงของตวเลข เชน จาก 29 เปน 92 หรอ จาก 10 เปน 01 เปนตน โดยใชการ Mod ชวย จะสามารถล าดบขนตอนการท างานได ดงน

1. รบคา 1 คา สมมตใหใสตวเลขนนลงในแกว (ตวอยาง รบเลขเขามาเปนเลข 59)

2. เนองจากคาทรบเขามาม 2 ต าแหนง หรอเปนเลขหลกสบเทานน จะตองด าเนนการเพอใหไดเลขหลก

หนวยออกมากอน โดยการน า 10 Mod กบจ านวนทรบเขามา เพอใหไดผลลพธเปนตวเลขหลกหนวย (ตวอยาง น า 59%10 = 9) สมมตใหน าเลข 9 ใสลงในแกวอกใบหนง

อธบายการ Mod

ตวอยาง : สลบต าแหนง

59

Page 9: การเขียนผังงาน - Burapha Universityบทท 6 การเข ยนผ งงาน หน า 7 เร มต น ส นส ด ร ศม = 2 พ นท

บทท 6 การเขยนผงงาน หนา 9

3. จากนนน าเลขทรบเขามา หารดวย 10 เพอใหเลขหลกสบมา (ตวอยาง 59/10 = 5) สมมตใหน าผลลพธ

ของการหารใสลงในแกวอก 1 ใบ

ตอนนแกวใบท 1 จะเปนจ านวนทรบเขามา แกวใบท 2 เปนจ านวนหลกหนวยทไดจากการ Mod และแกวใบท 3 เปนจ านวนหลกสบทไดจากการหาร

4. เมอไดเลขในหลกหนวยและหลกสบมาแลว จากนน น าเลขหลกหนวยคณดวย 10 เพอปรบเลขจากหลกหนวยใหกลายเปนหลกสบ (ตวอยาง 9*10 = 90) สมมตใหน าผลลพธใสลงในแกวใบเดม คอแกวใบท 2

5. จากนนน าตวเลขหลกสบจากขอท 4. บวกกบเลขในแกวใบท 3 เพอใหไดคาทกลบของคาทรบเขามา

(ตวอยาง 90+5 = 95) สมมตใหน าผลลพธใสลงในแกวใบท 2

59 9

59 9 5

59 90 5

Page 10: การเขียนผังงาน - Burapha Universityบทท 6 การเข ยนผ งงาน หน า 7 เร มต น ส นส ด ร ศม = 2 พ นท

บทท 6 การเขยนผงงาน หนา 10

6. สดทายจะไดผลลพธเปนเลขทสลบต าแหนงเรยบรอยแลว (จาก 59 เปน 95)

ขนทง 6 ขนตอนสามารถเขยนผงงานไดดงน

เรมตน

รบคาตวเลข 59

หาคาหลกหนวยจาก 59%10 = 9

ไดคาหลกหนวย = 9

หาคาหลกสบจาก 59/10 = 5

ไดคาหลกสบ = 5

สลบตวเลขโดยน า (9*10)+5 = 95

ผลลพธ = 95

สนสด

59 95 5

Page 11: การเขียนผังงาน - Burapha Universityบทท 6 การเข ยนผ งงาน หน า 7 เร มต น ส นส ด ร ศม = 2 พ นท

บทท 6 การเขยนผงงาน หนา 11

จากผงงานของตวอยางน พบวาสวนแสดงผลจะใชสญลกษณ Input/Output ในขนตอน “รบคาตวเลข = 59” เปนการรบคาเพอน ามาด าเนนการ และในขนตอน “ไดคาหลกหนวย = 9” “ไดคาหลกสบ = 5” และ “ผลลพธ = 95” เปนการแสดงผลของคาทด าเนนการเรยบรอยแลวจากขนตอนตาง ๆ และใชสญลกษณ Process ในขนตอน “หาคาหลกหนวยจาก 59%10 = 9” “หาคาหลกสบจาก 59/10 = 5” และสลบตวเลขโดยน า (9*10)+5 = 95” เพราะขนตอนเหลานเปนการค านวณทางคณตศาสตรเพอหาผลลพธตาง ๆ นอกจากตวอยางผงงานอยางงายขางตนแลว ผงงานยงมรปแบบทมเงอนไข และรปแบบทวนซ าอกดวย ตวอยางผงงานแบบมเงอนไขและผงงานแบบวนซ าเชน

ผงงานรปแบบมเงอนไข เปนผงงานทแสดงถงการทางเลอกเพอการ

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

ตวอยาง : ผงงานแบบมเงอนไข

เรมตน

สนสด

หองน าชาย หองน าหญง

เพศ

ผชาย ผหญง

Page 12: การเขียนผังงาน - Burapha Universityบทท 6 การเข ยนผ งงาน หน า 7 เร มต น ส นส ด ร ศม = 2 พ นท

บทท 6 การเขยนผงงาน หนา 12

ผงงานแบบวนซ า เปนผงงานรปแบบทมการกระท ากระบวนการใดกระบวนการหนงซ าหลายครง โดยมเงอนไขในการควบคมวาจะหยดวนซ าเมอไร หรอวนซ าตอเมอใด ตวอยางการท างานแบบวนซ า เชน การวงเกบรอบ โดยมเงอนไขในการวนซ าคอ ครบ 10 รอบหรอยง ถายงไมครบจะตองวนซ าตอจนกวาจะครบ 10 รอบ และในการวงแตละรอบจะตองนบเพมขน 1 รอบทก ๆ รอบดวย ตวอยางผงงานแบบวนซ าการวงเกบรอบสามารถเขยนผงงานได ดงน จากผงงานแสดงใหเหนวา เมอผานสญลกษณ Decision แลวจะมลกศรสองเสน โดยเสนทครบ 10 รอบจะชมาท “สนสด” แสดงแทนการหยดวง เพราะวงครบ 10 รอบแลวนนเอง สวนอก 1 เสนจะชไปทาง “วงรอบสนามเพม” เพราะยงวงไมครบ 10 รอบ จงตองวงเพมไปเรอย ๆ จนกวาจะครบ 10 รอบนนเอง หลงจากแนะน าผงงานอยางงายหลากหลายตวอยาง และสามารถเขยนผงงานไดแลว จะน าผงงานทเขยนไดนน มาใชประโยชนตอโดยแสดงออกมาในรปของชนงานทสามารถแสดงล าดบขนของการท างานตามผงงานไดจรง โดยใชโปรแกรม Scratch ในการสรางชนงาน โดยสามารถเขาใชโปรแกรม Scratch ได 3 ชองทางคอ

1. ใชโปรแกรม Scratch Online 2. ดาวนโหลดโปรแกรม Scratch ตดตงลงบนเครองคอมพวเตอร 3. เปดใชงานโปรแกรม Scratch ทตดตงบนคอมพวเตอรแลว

โดยสามารถใชงานโปรแกรม Scratch Online ไดดงน

ตวอยาง : ผงงานแบบวนซ า

เรมตน

สนสด

วงรอบสนามเพม

ครบ 10

ครบ

ไมครบ

Page 13: การเขียนผังงาน - Burapha Universityบทท 6 การเข ยนผ งงาน หน า 7 เร มต น ส นส ด ร ศม = 2 พ นท

บทท 6 การเขยนผงงาน หนา 13

เปด web browser > พมพ https://scratch.mit.edu/ > ไปท Join Scratch

จากนนกรอกขอมลเพอสมครเขาใชงานใหครบถวน ดงน

กรอกชอผใชส าหรบการลงชอเขาใช และรหสผาน

กรอกวน เดอน ปเกด เพศ และประเทศทอาศยอย

Page 14: การเขียนผังงาน - Burapha Universityบทท 6 การเข ยนผ งงาน หน า 7 เร มต น ส นส ด ร ศม = 2 พ นท

บทท 6 การเขยนผงงาน หนา 14

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

หลงจากขนตอนการสมคร จะตองลงชอเขาใชงานอเมลเพอยนยนการสมครใชงาน Scratch Online เมอเขาไปทอเมลจาก Scratch แลว ท าการกดปม Confirm email address

เมอสามารถเขาใชงาน Scratch Online ไดแลว ตอไปเปนการสรางชนงานดวยโปรแกรม Scratch โดยจะเปนตวอยางการสรางชนงานส าหรบการแนะน าตว เครองมอหลกส าหรบการสรางชนงานนคอ บลอกค าสงส าหรบรบขอมลจากผใช และบลอกค าสงส าหรบการเชอมขอความ แสดงดงตอไปน เรมตนการสรางชนงาน กดทปม Create บรเวณดานบนของหนาจอ จากนนจะปรากฏหนาตางส าหรบสรางชนงาน โดยหนาตางส าหรบสรางชนงานจะประกอบไปดวยสวนตาง ๆ ดงภาพ

Page 15: การเขียนผังงาน - Burapha Universityบทท 6 การเข ยนผ งงาน หน า 7 เร มต น ส นส ด ร ศม = 2 พ นท

บทท 6 การเขยนผงงาน หนา 15

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

Page 16: การเขียนผังงาน - Burapha Universityบทท 6 การเข ยนผ งงาน หน า 7 เร มต น ส นส ด ร ศม = 2 พ นท

บทท 6 การเขยนผงงาน หนา 16

เมอเลอกตวละครทตองการเรยบรอยแลว สวนทแสดงผลตวละครทงหมด จะประกอบไปดวยตวละคร 2 ตว คอตวละครทท าการเพมเขามาใหม แลวตวละครเดม (ตวละครแมว) ใหท าการลบตวละครทไมตองการ โดยคลกขวาทตวละครทไมตองการ จากนนเลอก Delete

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

Page 17: การเขียนผังงาน - Burapha Universityบทท 6 การเข ยนผ งงาน หน า 7 เร มต น ส นส ด ร ศม = 2 พ นท

บทท 6 การเขยนผงงาน หนา 17

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

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

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

ขนตอนตอไป ตวละครจะตองขอใหผใชตงชอให โดยใชบลอกค าสงสฟา ดงน การท างานของบลอกค าสงสฟา จะแสดงผลตามขอความทก าหนด คอ “เธอชวยตงชอใหฉนหนอย” และแสดงขอความคางอยแบบนน จนกวาผใชจะกรอกขอความ แลวกดเครองหมายถกหลงกลองขอความ หรอกดปม Enter ทคยบอรด ตวละครจงจะด าเนนการตอไป ตอจากนน ตวละครจะตองแสดงขอความแนะน าชอตนเองตามทผใชตงให

พรอมกบบอกวา “ฉนชอบชอ.....” ดวย โดยสามารถวางบลอกค าสงเพอใหตวละครกลาววา “ฉนชอบชอ.....” ไดดงน

Page 18: การเขียนผังงาน - Burapha Universityบทท 6 การเข ยนผ งงาน หน า 7 เร มต น ส นส ด ร ศม = 2 พ นท

บทท 6 การเขยนผงงาน หนา 18

บลอกค าสงดานลางสด คอบลอกค าสงส าหรบแสดงผลวา “ฉนชอบชอ.....” บลอกค าสงสเขยว หรอบลอกค าสง join จะท างานโดยการแสดงผลของการเชอมขอความระหวางขอความในสวนแรก กบขอความในสวนทสอง ออกมาพรอมกน ตามเวลาทถกก าหนดไวบรเวณหลงสดของบลอกค าสง จากบลอกค าสง สวนแรกจะพมพขอความวา “ฉนชอบชอ” แลว สวนชอทรบเขามาจากผใชนน สามารถน าบลอกค าสงสฟา หรอ Answer มาวางลง

บรเวณสวนทสองของบลอกค าสง join ไดเลย จากบลอกค าสงน ถาผใชตงชอใหปวา “แดง” ผลลพธทตวละครจะแสดงคอ “ฉนชอบชอแดงนะ” การแสดงผลดงขอความน ไดจากการวางซอนกนของบลอกค าสง join สองชน ดงภาพดานซาย

ตวอยางชนงานการตงชอใหตวละครปสแดง เมอปสแดงแสดงขอความ “ฉนชอบชอ.....นะ”

สามารถชมตวอยางชนงานนไดท https://scratch.mit.edu/projects/111858052/ และสามารถชมบลอกค าสงทงหมดของการสรางชนงานไดโดยกดปม see inside บรเวณดานขวาบนของหนาจอ

Page 19: การเขียนผังงาน - Burapha Universityบทท 6 การเข ยนผ งงาน หน า 7 เร มต น ส นส ด ร ศม = 2 พ นท

บทท 6 การเขยนผงงาน หนา 19