Wองเpยน

kบทราบ

เaอกไซij

ห"าแรก 'เคระ+,เ-ยน 0อง3จฉ6ยะในศตวรรษ 21 ผลงาน>กเ-ยน ภาพAจกรรมการเ-ยน 0องCอมเส6ม กEบห"าหEก

ห"าแรก
Unit-04 การแTUญหาWวยเทคโนโลZ ​ > ​โปรแกรมภาษา ​ > ​
'อ)บายราย,ชา
+งงาน Flowchart
.ณ0กษณะ3น5งประสง9
สมรรถนะของ=เ?ยน

Gงงาน (Flowchart)
สาระการเ?ยน@
ทะเBยนแหCงDนคFา
GองสอบHอนเ?ยน
.อ แผนภาพแสดงการ5งานของโปรแกรม โดยใ;<ญ>กษ@แสดงAน
ตอนและ>กษณะการ5งานแบบGางๆ <ญ>กษ@เหJาKจะMกเNอมโยงOวยQกศร
Gองเ?ยน

เSอแสดงTUบการ
Gองเ?ยนI2560

,JการสKางไซN

การสKาง QR Code 5งาน VวยใWมองเXนภาพการ5งานโดยรวมของโปรแกรม สะดวกGอการ

พรบ.คอมPวเตอS ตรวจสอบความMกZองของTUบการ5งานและการไหลของ(อ\ลในโปรแกรม
Gองเ?ยนClaasroom
การเ]ยน+งงานจะใ;<ญ>กษ@^อสารความหมายใWเ(าใจตรง_นของสถาIน
ส"#การเ(าชม
มาตรฐานแKงชาติ อเม6Mน (The American National Standard Institute,
web counter
ANSI) ไOaหนด<ญ>กษ@ไbเcนมาตรฐาน eงf
ghโอ YouTube

Flowchart

รายละเiยดjปแบบและความหมายkควรทราบตามตารางGอไปK

ตารางแสดงOญEกษQRใSในการเTยนGงงาน

โครงสKางของ\งงาน (Sequence Structure) โครงสKาง]นฐานของ\งงาน

แ_งเ`น 3 ประเภท aงb

1. โครงสmางแบบTUบ (Sequential Structure) หมายnง โครงสmางkแสดง

Aนตอนการ5งานเcนไปตามTUบoอนห>ง

C 1. โครงสVางแบบWXบ
YวอZาง TUบAนตอนการวางแผนไปโรงเpยน
เ[ม\น
qนนอน
อาบrแGงsว
ไปโรงเpยน
จบ
J การ]ลองความ^ดเ_นGงงาน (แบบWXบ)

2. โครงสmางแบบfทางเtอก (Selection Structure) หมายnง โครงสmางkf

เuอนไข Aนตอนการ5งานบางAนตอน Zองfการsดvนใจ

C 2. โครงสVางแบบทางเaอก
YวอZาง TUบAนตอนการประเwนผลสอบ
เ[ม\น
ทดสอบ
ตรวจผลการสอบและxดคะแนนkไO
ตรวจสอบคะแนนkไOyาzอยกyาmอยJะ 50 ห{อไ|
}าzอยกyา ใWสอบแ~sว
}าไ|zอยกyา ใWสอบ•าน
จบ
J การ]ลองความ^ดเ_นGงงาน (แบบทางเaอก)

3. โครงสmางแบบ5Ä (Repetition Structure) หมายnง โครงสmางkAน

ตอนการ5งานบางAนตอนไOÅบการประมวลผลมากกyา 1 คÇง
C 3. โครงสVางแบบbc
YวอZาง TUบการsกrจากÉมคÇงJะ 1 ÑนใÖจนÜงrเáม
เ[ม\น
sกrจากÉม 1 Ñน
เทrใÖÜง
ตรวจสอบrเáมÜง ห{อไ|
}าไ|เáม ใWsกrGอไป
}าเáม ใWหàดsกr
จบ
J การ]ลองความ^ดเ_นGงงาน (แบบbc)

ประโยชeของGงงาน

1. VวยอâบายTUบAนตอนการ5งานของโปรแกรม

2. 5ใWตรวจสอบ(อäดพลาดของโปรแกรมไOãาย

3. 5ใWåçนสามารถèกษาการ5งานของโปรแกรมและแ~ไขโปรแกรม

ไOãาย
ในการเ]ยนโปรแกรมOวยภาษาคอมêวเตอë โดยíวไปจะfห>กการห{อAนตอนkสาìญîงหมด 5 AนตอนไOแo

1. การgเคราะïñญหา
2. การออกแบบโปรแกรม
3. การเ]ยนโปรแกรม
4. การทดสอบและแ~ไขโปรแกรม
5.5เอกสารประกอบโปรแกรม

Uงóนoอนkจะลงòอเ]ยนโปรแกรมในAนตอนk 3 ห>งจากทาการgเคราะïñญหาแôว จะZองfการออกแบบโปรแกรม

เSอเcนการวางแผนการทางานoอน +งงาน Flowchart เcนเคöองòอหõงkใ;อâบายลาUบAนตอนการทางานในjปแบบแผน
ภาพ โดยใ;<ญ>กษ@jปúางGาง ๆ kfความหมายแทนคาùง และใ;(อความใน<ญ>กษ@แทน(อ\ลsวแปร sวดาเûนการ
ทางการคานวณ และการเปpยบเüยบ นอกจากóน+งงาน†งใ;แสดงความ<ม°น¢ระหyางAนตอนการทางานGาง ๆ โดยสามารถ
แ£ง>กษณะการทางานและความ<ม°น¢เcนjปแบบGางๆ ไOแo การทางานแบบfลาUบ การทางานแบบfเuอนไข และการทา
งานแบบทา§าภายใZเuอนไขGาง ๆ ห>งจากóน•งนา+งงาน Flowchart kออกแบบไbนาไปเ]ยนเcนภาษาคอมêวเตอë Uงóน
+งงาน•งเcนเคöองòอkVวยใWåเ]ยนโปรแกรมและåใ; สามารถ
มองเXนภาพการทางานของโปรแกรมkกา>งจะสmางไOอ¶างเcนระบบและãายßน

ประเภทของ*งงาน โดย0วไป*งงานคอม5วเตอ7แ9งเ:น 2 ประเภทให=

1. *งงานระบบ (System Flowchart)

เ:น*งงาน?แสดงAงBนตอนการทางานภายในระบบหDง ๆ เFอใG
เHนโครงสIางโดยภาพรวมของระบบ KงจะแสดงAงความเMยวNองของOวน?สาPญ
Rางๆ ในระบบSน เTน เอกสารNอUลเWองXน YอZน[กNอUล?ใ\ NอUลจะOง]านไป
^งห_วยงานใด `aจกรรมประมวลผลNอUลอะไรในห_วยงานSน แcวจะOงRอไป
ห_วยงานใด เ:นXน dงSน*งงานระบบอาจเMยวNองeบNอUล YอหfอแหgงZน[ก
NอUล hสiปกรj คน หfอkายงาน?เMยวNอง KงแRละlดจะประกอบไปmวย
การนาNอUลเNา noการประมวลผล และการแสดงผลpพq (Input – Process -
Output) dงภาพ

ภาพแสดงrวอsาง*งงานระบบ

2. *งงานโปรแกรม (Program Flowchart) หfอเtยกuนๆ vา *งงาน

*งงานประเภทwแสดงAงBนตอนของคาxง?ใ\ในโปรแกรม *งงานwอาจ
สIางจาก*งงานระบบโดยyเzยน*งงานจะ{งเอาแRละlด ?เMยวNองeบการทางาน
ของเค|องคอม5วเตอ7?ปรากฏใน*งงานระบบมาเzยน เFอใGทราบvา~าจะใ\
คอม5วเตอ7ทางานควร?จะ`Bนตอนคาxงอsางไร เFอใGไmผลpพqตาม?Xองการ
และจะไmนามาเzยนโปรแกรมคอม5วเตอ7Rอไป
dงSนการเzยน*งงาน•จะ`ประโยชÅ เหมาะสาหÇบyบÉหาร ynเคราะÑระบบ
yเzยนโปรแกรม และÖคคลÜน?Xองการáกษา ทาใGทราบAงความâมäนqของระบบ
ãงแRเåมXน vา`การปçZéแRละBนตอนอsางไร ใ\noการอะไรèาง êดëายจะไm
ผลpพqอะไรèาง เíอเNาใจระบบงานหfอìง?กาpงáกษา•จะTวยใGสามารถปçZé
งานและแïñญหาไmอsาง`ประóทòภาพมากôงöน dงภาพ

ภาพแสดงrวอsางการõหนดlดเåมXนและúนêดของการเzยน*งงาน

ประโยชÅของ*งงาน

*งงานเ:นเค|องùอ?TวยใGการáกษาลาdบBนตอนของโปรแกรมûายöน üง†ยม
เzยน*งงานประกอบการเzยนโปรแกรม mวยเห°ผลdงw
1. คนOวนให=สามารถเtยน¢และเNาใจ*งงานไmûาย เพราะ*งงานไ£öน
อ§eบภาษาคอม5วเตอ7ภาษาใดภาษาหDง เ:นเค|องùอ?ใ\ในการYอสารไm•ก
ภาษา
2. *งงานเ:นการYอความหมายmวยภาพ TวยลาdบBนตอนการทางานของ
โปรแกรมใGûายและสะดวกRอการทาความเNาใจ สามารถนาไปเzยนโปรแกรมไm
โดยไ£âบสน Kง~าหากใ\Nอความหfอคา¶ดอาจจะYอความหมายßดไปไm
3. ในงานโปรแกรม?ไ£สpบ®บ©อน Tวยในการตรวจสอบความ™กXองของ
ลาdบBนตอน และแïไขโปรแกรมไmûาย เíอเaดNอßดพลาด
4. TวยใGyÜนสามารถáกษาการทางานของโปรแกรมไmอsางûาย สะดวก
และรวดเ´วมากöน
5. การบา¨งÇกษาโปรแกรมหfอการเป-ยนแปลงแïไขโปรแกรมในภาย
หpง ใG`ประóทòภาพ ~า5จารณาจาก*งงานจะTวยใGสามารถทบทวนงานใน
โปรแกรมØอนปÇบป¨ง แïไขไmสะดวกและûายöน

Nอจาeดของการเzยน*งงาน

°กเzยนโปรแกรมบางคนไ£†ยมการเzยน*งงานØอน?จะเzยนโปรแกรม เพราะ
เ±ยเวลา ในการเzยนเ:น²ปภาพหfอâญpกษjRางๆ นอกจากw^ง`เห°ผลÜนๆ
ไmแØ
1. *งงานเ:นการYอความหมายระหvางÖคคลRอÖคคลมากกvา?จะYอ
ความหมายÖคคลeบเค|องคอม5วเตอ7 เพราะ*งงานไ£öนอ§eบภาษาคอม5วเตอ7
ภาษาใดภาษาหDง ทาใGเค|องคอม5วเตอ7ไ£สามารถÇบ¢และเNาใจvา*งงาน
Xองการอะไร
2. *งงานไ£สามารถแทนpกษณะคาxงของภาษาคอม5วเตอ7บางคาxงไm
อsาง³ดเจน
3. กร¥?งาน`ขนาดให= *งงานจะ`ขนาดให=mวย ~า`การเป-ยนแปลง
แïไขจะทาไmยาก ควรเzยนแยกเ:นOวน ๆ แcวµอยสIางlดเ¶อมโยงในแRละOวน
4. การเzยน*งงานอาจเ:นการúนเป·องกระดาษและ¸ปกรjÜนๆ ประกอบ
การเzยนภาพ ¹ง ๆ ?การอòบายงานหfอการเzยนโปรแกรมจะใ\เºอ?เªยง 3 -
4 บรรºดเ½าSน

noการเzยน*งงาน?æ

การเzยน*งงานควรคาøงAงìงRาง ๆ dงw
1. ใ\âญpกษjตาม?กาหนดไ¿
2. *งงานจะXอง`lดเåมXน (Start)และúนêด (Stop/End/Finish)
3. ใ\¡ว¬กศรแสดงƒศทางการไหลของNอUลจากบนลงgางหfอ©ายไปขวา
(ยกเ¿น?Xองทา©า)
4. •กแผนภาพXอง`¬กศรแสดงƒศทางเNา 1 เÅนและออก 1 เÅนโดยไ£`
การปgอยlดใดlดหDงไ¿
5. เzยนคาอòบายการทางานในแRละBนตอนโดยใ\Nอความ?uน กะºดÇด
³ดเจนและเNาใจไmûาย
6. ควรหÆกเ-ยงโยงเÅนไปมาทาใGเaดlดrดมากเพราะจะทาใGเaดNอßด
พลาดûาย ควรใ\âญpกษjเ¶อมlดRอเ«องแทน
7. ไ£ควรโยงเÅนเ¶อม*งงาน?อ§ไกลมาก ๆ ควรใ\âญpกษjlดเ¶อมRอ
แทน
8. *งงาน?æควร`ความเ:นระเ»ยบเtยบIอย สะอาดและ³ดเจน สามารถ
เNาใจและéดตามBนตอนไmûาย
9. *งงานควร`การทดสอบความ™กXองของการทางานØอนไปเzยน
โปรแกรม

âญpกษjและความหมายของ*งงาน

การเzยน*งโปรแกรมจะ`Bนตอนในการเzยน?สาPญประกอบeนdงw

1. การõหนดlดเåมXนและúนêดโปรแกรม
โดยการเåมXน*งงานจะใ\คาvา Start และการúนêดจะใ\คา
vา Stop KงNอความdงกgาวจะอ§ในâญpกษj dงภาพ

ภาพแสดงrวอsางการกาหนดlดเåมXนและúนêดของการเzยน*งงาน

2. การõหนดµาเåมXนและการ…นวณ
ในการเzยน*งงานโปรแกรม จะ`การกาหนดµาเåมXน หfอ
การกาหนดµาคง? ใGeบNอUล รวมAงจะ`การคานวณNอUลใน²ปของ ตรสมการ
คÀตศาสต7 KงBนตอนเหgาwจะเzยนNอความภายในâญpกษjกรอบÃเห-ยมÕนŒา
dงภาพ

ภาพแสดงการกาหนดµาเåมเåมXน µาคง? และ การคานวณ

3. การÇบNอUลนาเNา
เ:นการÇบNอUลเNาœโปรแกรม หfอNอUล?Xอง–อนใG
คอม5วเตอ7นาไปใ\ในการคานวณ หfอประมวลผลNอUล หากไ£ระÖvาจะÇบเNา
ทาง¸ปกรjใด จะเzยนNอความÇบµา หfอ Read NอUล ภายในâญpกษjÃเห-ยม
mานขนาน dงภาพ

ภาพแสดงการÇบNอUล a , b เNาœโปรแกรมโดยไ£ระÖ¸ปกรjนาเNา

ภาพแสดงการÅบ(อ\ล a , b เ(า®โปรแกรมทาง©™บอëด

4. การแสดงผลNอUล
เ:นการนาNอUล?ไmจากการกาหนดµา หfอ การคานวณ
หfอการประมวลผลใดใด มาแสดงผลออกทาง¸ปกรj?กาหนด จะเzยนNอความ
แสดงผล หfอ Print ภายในâญpกษj dงภาพ

ภาพแสดงการแสดงผลNอUล x , y โดยไ£ระÖ¸ปกรjแสดงผล

ภาพการแสดงผลNอUล x , y ออกทางจอภาพ
ภาพการแสดงผลNอUล x , y ออกทางเค|อง5ม—

5. การตรวจสอบเ“อนไข
เ:นการเปtยบเ”ยบเFอตรวจสอบเ“อนไข Kงจะไmผลpพq
จากการตรวจสอบเ:นตรรกะ จÉงหfอเ‘จอsางใดอsางหDงเ½าSน โดยจะเzยน
Nอความเ“อนไข?Xองการเปtยบเ”ยบภายในâญpกษjÃเห-ยมขนมเ’ยก÷น dง
ภาพ

ภาพแสดงการเปtยบเ”ยบเFอตรวจสอบNอUล G `µามากกvา 100 ใTหfอไ£

~าหากมากกvาจÉงใGแสดงNอความ “Over” ~าหากเ‘จ ใGแสดงNอความ “Ok”

6. lดRอและการเ¶อมโยง*งงาน
ในการเzยน*งงานอาจ`ลาdบการทางานหลายBนตอน
Xองใ\กระดาษมากกvา 1 แ]น หfอ`lดRอหลายlดในห×าเæยวeนüงจาเ:นXองใ\
âญpกษjเ¶อมโยง*งงานdงกgาวเFอÿางŸงlดเ¶อมRอSนไป^งตาแห_ง?`¶อหfอ
⁄กษรเæยวeน dงภาพ

ภาพแสดง´ดGอ A เNอมโยง+งงานในหzาเhยว_น

ภาพแสดง´ดGอ A เNอมโยง+งงานkอ¨คนละหzา

7.เ-นแสดงÆศทาง
เcน<ญ>กษ@แสดงÆศทางการ5งานของ Flowchart

8.การอòบาย*งงาน
เ:นâญpกษjแสดงการอòบาย*งงาน เ¤ม
เéมหfอเ:นการหมายเห° (Comment)

sวอ¶างการเ]ยน+งงาน Flowchart

sวอ¶างk 1 +งงานการZมบะหØ°าเ±จjป

Translate