หลักการเขียน flowchart และ storyboard ที่ดี

27
หหหหหหหหหหหห หหหหหหหหหหหห Flowchart Flowchart หหห หหห Storyboard Storyboard หหหหห หหหหห Flowcharts Flowcharts Storyboard Storyboard

Upload: ovid

Post on 05-Jan-2016

59 views

Category:

Documents


0 download

DESCRIPTION

หลักการเขียน Flowchart และ Storyboard ที่ดี. Flowcharts. Storyboard. FLOW CHARTS. Flowcharts. ผังงาน คือ แผนภาพที่มีการใช้สัญลักษณ์รูปภาพและลูกศรที่แสดงถึงขั้นตอนการทำงานของโปรแกรมหรือระบบทีละขั้นตอน รวมไปถึงทิศทางการไหลของข้อมูลตั้งแต่แรกจนได้ผลลัพธ์ตามที่ต้องการ - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: หลักการเขียน  Flowchart  และ  Storyboard  ที่ดี

หลั�กการเขียน หลั�กการเขียน Flowchart Flowchart แลัะแลัะ Storyboard Storyboard ที่�ดีที่�ดี

หลั�กการเขียน หลั�กการเขียน Flowchart Flowchart แลัะแลัะ Storyboard Storyboard ที่�ดีที่�ดี

FlowchartsFlowcharts

StoryboardStoryboard

Page 2: หลักการเขียน  Flowchart  และ  Storyboard  ที่ดี

FLOW CHARTSFLOW CHARTS

Page 3: หลักการเขียน  Flowchart  และ  Storyboard  ที่ดี

Flowcharts• ผั�งงาน คื�อ แผันภาพที่�มีการใช้�สั�ญลั�กษณ์!ร"ปภาพ

แลัะลั"กศรที่�แสัดีงถึ&งขี�'นตอนการที่)างานขีองโปรแกรมีหร�อระบบที่ลัะขี�'นตอน รวมีไปถึ&งที่.ศที่างการไหลัขีองขี�อมี"ลัต�'งแต/แรกจนไดี�ผัลัลั�พธ์!ตามีที่�ต�องการ

• ใช้�ในการอธ์.บายกระบวนการที่�ต�องมีการต�ดีสั.นใจ หร�อมีที่างเลั�อก

Page 4: หลักการเขียน  Flowchart  และ  Storyboard  ที่ดี

ประเภทของผั�งงาน• ผั�งงานระบบ(System Flowchart)

• ผั�งงานโปรแกรม(Programming Flowchart)

Page 5: หลักการเขียน  Flowchart  และ  Storyboard  ที่ดี

ประโยช้น!ขีองผั�งงาน

ช่�วยลำ�าดั�บข��นตอนการท�างานของโปรแกรม แลำะสามารถน�าไปเข ยนโปรแกรมไดั!โดัยไม�ส�บสน

ช่�วยในการตรวจสอบ แลำะแก!ไขโปรแกรมไดั!ง�าย เม$%อเก&ดัข!อผั&ดัพลำาดั

ช่�วยให้!การดั�ดัแปลำง แก!ไข ท�าไดั!อย�างสะดัวกแลำะรวดัเร)ว

ช่�วยให้!ผั*!อ$%นสามารถศึ,กษาการท�างานของโปรแกรมไดั!อย�างง�าย แลำะรวดัเร)วมากข,�น

Page 6: หลักการเขียน  Flowchart  และ  Storyboard  ที่ดี

ว.ธ์การเขียนผั�งงานที่�ดี

ใช่!ส�ญลำ�กษณ์0ตามท %ก�าห้นดัไว!

ใช่!ลำ*กศึรแสดังท&ศึทางการไห้ลำของข!อม*ลำจากบนลำงลำ�าง ห้ร$อจากซ้!ายไปขวา

คำ�าอธิ&บายในภาพคำวรส��นกระท�ดัร�ดั แลำะเข!าใจง�าย

ท4กแผันภาพต!องม ลำ*กศึรแสดังท&ศึทางเข!า - ออก

ไม�คำวรโยงเส!นเช่$%อมผั�งงานท %อย*�ไกลำมาก ๆ คำวรใช่!ส�ญลำ�กษณ์0จ4ดัเช่$%อมต�อแทน

ผั�งงานคำวรม การทดัสอบคำวามถ*กต!องของการท�างานก�อนน�าไปเข ยนโปรแกรม

Page 7: หลักการเขียน  Flowchart  และ  Storyboard  ที่ดี

สั�ญลั�กษณ์!ที่�ใช้�ในการเขียน สั�ญลั�กษณ์!ที่�ใช้�ในการเขียน Flowchart Flowchart ((แผันผั�งลั)าดี�บงานแผันผั�งลั)าดี�บงาน)) ขีอง ขีอง PowerPointPowerPoint

Page 8: หลักการเขียน  Flowchart  และ  Storyboard  ที่ดี

สั�ญลั�กษณ์!ที่�ใช้�ในการเขียน สั�ญลั�กษณ์!ที่�ใช้�ในการเขียน FlowchartFlowchart((แผันผั�งแผันผั�งลั)าดี�บงานลั)าดี�บงาน))ขีอง ขีอง PowerPointPowerPoint

ข��นตอน

ข��นตอนการส�ารอง

การต�ดัส&นใจ

ข!อม*ลำ

ข��นตอนท %น&ยามไว!

ท %เก)บภายใน

เอกสาร

ห้ลำายเอกสาร

ส&�นส4ดั

การเตร ยม

ป7อนข!อม*ลำดั!วยต!นเอง

ข��นตอนท %ท�าดั!วยตนเอง

ต�วเช่$%อม

ต�วเช่$%อมไปห้น!าอ$%น

บ�ตร

เทปเจาะร*

จ4ดัร�วมการเช่$%อมต�อ

ห้ร$อ

ตรวจเท ยบ

เร ยงลำ�าดั�บ

แยก

ผัสาน

ข!อม*ลำท %เก)บอย*�

ห้น�วงเวลำา

ท %เก)บแบบเข!าถ,งโดัยลำ�าดั�บ

ดั&สก0แม�เห้ลำ)ก

ท %เก)บแบบเข!าถ,งโดัยตรง

จอภาพ

Page 9: หลักการเขียน  Flowchart  และ  Storyboard  ที่ดี

สั�ญลั�กษณ์!ที่�น.ยมีใช้�งานสั�ญลั�กษณ์!ที่�น.ยมีใช้�งาน

ในการออกแบบงานน)าเสันอดี�วย ในการออกแบบงานน)าเสันอดี�วย PowerPointPowerPoint

Page 10: หลักการเขียน  Flowchart  และ  Storyboard  ที่ดี

                                                                                              ต�วแรก Terminal ใช่!บอกจ4ดัเร&มต!นแลำะจ4ดัส&�นส4ดัของงานคำร�บต�วที่�สัอง Process Box ใช่!อธิ&บายงานต�าง ๆ เช่�น การพ&มพ0งาน, การคำ!นห้าว�สดั4โสต ฯ ,การซ้�อมเคำร$%อง เป9นต!นต�วที่�สัามี Dicision Box ใช่!อธิ&บายการต�ดัส&นใจของงานห้ร$อข��นตอนต�าง ๆ ก�อนจะไปท�างานข��นตอนต�อไป เช่�น ตรวจสอบข!อม*ลำถ*กต!องใช่�ห้ร$อไม� ถ!าใช่�ให้!ไปท�างานอะไรต�อ ไม�ไช่�ไปท�างานอะไรต�อต�วที่�สั� Input/Output ใช่!อธิ&บายการร�บข!อม*ลำเข!าห้ร$อส�งข!อม*ลำออกเช่�น ร�บบ�ตรน�กศึ,กษา , เข ยนใบเสร)จร�บเง&นเป9นต!นต�วที่�ห�า Connecting disjoint ใช่!เป9นจ4ดัเช่$%อมต�อของส�ญลำ�กษณ์0ต�าง ๆในผั�งลำ�าดั�บงานต�วที่�หก Direction of flow ใช่!ส�าห้ร�บแสดังท&ศึทางการท�างานของผั�งลำ�าดั�บงาน

สั�ญลั�กษณ์!ที่�น.ยมีใช้�งานสั�ญลั�กษณ์!ที่�น.ยมีใช้�งาน

ในการออกแบบงานน)าเสันอดี�วย ในการออกแบบงานน)าเสันอดี�วย PowerpointPowerpoint

Page 11: หลักการเขียน  Flowchart  และ  Storyboard  ที่ดี

ต�วอย/าง ต�วอย/าง FlowchartsFlowcharts

Page 12: หลักการเขียน  Flowchart  และ  Storyboard  ที่ดี

ต�วอย/าง ต�วอย/าง FlowchartFlowchart

Page 13: หลักการเขียน  Flowchart  และ  Storyboard  ที่ดี

การเข ยน การเข ยน Flowchart Flowchart แบบโคำรงสร!างแบบโคำรงสร!างการเข ยน Flowchart แบบโคำรงสร!างม ประโยช่น0คำ$อท�าให้!การไลำ�ข� �นตอนการท�างานท�าไดั!ง�ายแลำะเป9นระเบ ยบ ซ้,%งม ห้ลำ�กการเข ยนอย*� สามข!อ คำ$อ

•Sequence•Selection•Iteration

Page 14: หลักการเขียน  Flowchart  และ  Storyboard  ที่ดี

ร*ปท % 2

ร*ปท % 1

SEQUENCEคำ$อการเข ยนให้!เป9นลำ�าดั�บ ดั�งร*ปท % 1. ไม�ใช่�เข ยนข!ามไปข!ามมาดั�งร*ปท % 2.

Page 15: หลักการเขียน  Flowchart  และ  Storyboard  ที่ดี

YN

ร*ปท % 3

SELECTIONเป9นทางเลำ$อกของโปรแกรมซ้,%ง จะต�องมีเพยงสัองที่างเลั�อกเที่/าน�'น แลำะ หลั�งจากน�'นที่างเลั�อกที่�'งสัองต�องมีาพบก�น แลำะท�างานในข��นตอนต�อไป

Page 16: หลักการเขียน  Flowchart  และ  Storyboard  ที่ดี

ร*ปท % 4.

ITERATIONคำ$อการท�าซ้��า เป9นการเข ยน flowchart ให้!กลำ�บมาท�างานในข��นตอนอย�างเก�า จะเห้)นว�า flowchart ม ลำ�กษณ์ะวน ซ้,%งเร ยกว�า loop แลำะจะส�งเกตว�า การวน loop ดั�ง ร*ปท % 4 จะไม�ม ทางออกไปท�างานในข��นตอนต�อไปไดั!เลำย เพ$%อท %จะท�าให้!ออกจาก loop ไดั!จะต!องม การ เช่)คำเพ$%ออกจาก loop ดั�งจะไดั!กลำ�าวต�อไป

Page 17: หลักการเขียน  Flowchart  และ  Storyboard  ที่ดี

ในการเข ยน flowchart จะม loop ให้!เลำ$อกใช่!ไดั!สองประเภทคำ$อ DO WHILE แลำะ DO UNTIL

Y

N

ร*ปท % 5.

•DO WHILE จะ ที่)าการเช้2คืเพ��อที่�จะออกจาก loop ก/อนที่�จะที่)างานตามีคื)าสั��งใน loop•แลำะ เง��อนไขีเพ��อที่�จะออกจาก loop จะต�องเป3นเที่2จ ดั�งร*ปท % 5.

Page 18: หลักการเขียน  Flowchart  และ  Storyboard  ที่ดี

Y

N

ร*ปท % 6.

DO UNTIL จะ ที่)าการเช้2คืเพ��อที่�จะออกจาก loop ณ์ ต)าแหน/งสั4ดีที่�ายขีอง loop แลำะ เง��อนไขีเพ��อที่�จะออกจาก loop จะต�องเป3นจร.ง ดั�งร*ปท % 6.

Page 19: หลักการเขียน  Flowchart  และ  Storyboard  ที่ดี

STORYBOARDSTORYBOARD

Page 20: หลักการเขียน  Flowchart  และ  Storyboard  ที่ดี

  การเข ยนสตอร %บอร0ดั การเข ยนสตอร %บอร0ดั ((StoryboardStoryboard ) )•การเขียนสัตอร�บอร!ดีเป3นขี�'นตอนขีองการเตรการเขียนสัตอร�บอร!ดีเป3นขี�'นตอนขีองการเตรยมีการน)าเสันอขี�อคืวามี ภาพ รวมีที่�'ง สั��อในร"ปยมีการน)าเสันอขี�อคืวามี ภาพ รวมีที่�'ง สั��อในร"ปขีองมี�ลัต.มีเดียต/างๆ ลังในกระดีาษ เพ��อให�การขีองมี�ลัต.มีเดียต/างๆ ลังในกระดีาษ เพ��อให�การน)าเสันอขี�อคืวามี แลัะสั��อในร"ปแบบต/างๆ เหลั/าน)าเสันอขี�อคืวามี แลัะสั��อในร"ปแบบต/างๆ เหลั/าน'เป3นไปอย/างเหมีาะสัมีบนหน�าจอคือมีพ.วเตอร!น'เป3นไปอย/างเหมีาะสัมีบนหน�าจอคือมีพ.วเตอร!ต/อไป ขีณ์ะที่�ผั�งงานน)าเสันอลั)าดี�บ แลัะขี�'นตอนต/อไป ขีณ์ะที่�ผั�งงานน)าเสันอลั)าดี�บ แลัะขี�'นตอนขีองการต�ดีสั.นใจ สัตอร�บอร!ดีน)าเสันอเน�'อหา ขีองการต�ดีสั.นใจ สัตอร�บอร!ดีน)าเสันอเน�'อหา แลัะลั�กษณ์ะขีองการน)าเสันอ ขี�'นตอนการสัร�างแลัะลั�กษณ์ะขีองการน)าเสันอ ขี�'นตอนการสัร�างสัตอร�บอร!ดีรวมีไปถึ&งการเขียนสัคืร.ปต! สัตอร�บอร!ดีรวมีไปถึ&งการเขียนสัคืร.ปต! ((ซึ่&�งซึ่&�งสัคืร.ปต!ในที่�น' คื�อ เน�'อหาสัคืร.ปต!ในที่�น' คื�อ เน�'อหา ) ) ที่�ผั"�ใช้�จะไดี�เห2นบนที่�ผั"�ใช้�จะไดี�เห2นบนหน�าจอซึ่&�งไดี�แก/ เน�'อหา ขี�อมี"ลั คื)าถึามี ผัลัป7อนหน�าจอซึ่&�งไดี�แก/ เน�'อหา ขี�อมี"ลั คื)าถึามี ผัลัป7อนกลั�บ คื)าแนะน)า คื)าช้'แจง ขี�อคืวามีเรยกคืวามีกลั�บ คื)าแนะน)า คื)าช้'แจง ขี�อคืวามีเรยกคืวามีสันใจ ภาพน.�ง แลัะภาพเคืลั��อนไหว ฯลัฯสันใจ ภาพน.�ง แลัะภาพเคืลั��อนไหว ฯลัฯ

Page 21: หลักการเขียน  Flowchart  และ  Storyboard  ที่ดี

Story board• Storyboard คำ$อ การสร!างภาพให้!เห้)นลำ�าดั�บ

ข��นตอนตามเน$�อเร$%องท %ต!องการ โดัยเฉพาะการสร!างภาพเคำลำ$%อนไห้ว

• รายลำะเอ ยดัท %คำวรม ใน Storyboard– ภาพร�าง– คำ�าอธิ&บายแต�ลำะส$%อท %ใช่! (ข!อคำวาม

ร*ปภาพ ภาพเคำลำ$%อนไห้ว เส ยง ว ดั&โอ)– เวลำาท %ใช่!– ห้ลำายเลำขห้น!าจอ– การเปลำ %ยนภาพ (Transition)– เคำร$%องม$อห้ร$อโปรแกรมท %ใช่!– งบประมาณ์– ระบบน�าทาง (Navigation)– คำ�าอธิ&บายเพ&%มเต&ม (Comments)

Page 22: หลักการเขียน  Flowchart  และ  Storyboard  ที่ดี

การจ�ดัท�า การจ�ดัท�า StoryboardStoryboardต�วอย�างเช่�นในห้�วข!อ ต�วอย�างเช่�นในห้�วข!อ Presentations Presentations จากโฟลำว0ช่าร0ตก)เป9นการแจงแจงจากโฟลำว0ช่าร0ตก)เป9นการแจงแจงรายลำะเอ ยดัลำงไปว�าในส�วนน �ประกอบรายลำะเอ ยดัลำงไปว�าในส�วนน �ประกอบดั!วยภาพ ข!อคำวาม ภาพเคำร$%องไห้ว ม เส ยงห้ร$อเพลำงประกอบห้ร$อไม� แลำะม ดั!วยภาพ ข!อคำวาม ภาพเคำร$%องไห้ว ม เส ยงห้ร$อเพลำงประกอบห้ร$อไม� แลำะม การเร ยงลำ�าดั�บการท�างานอย�างไร การเร ยงลำ�าดั�บการท�างานอย�างไร ม การวางห้น!าจออย�างไรรวมท��งการก�าห้นดัแห้ลำ�งของข!อม*ลำ เช่�น ภาพแลำะม การวางห้น!าจออย�างไรรวมท��งการก�าห้นดัแห้ลำ�งของข!อม*ลำ เช่�น ภาพแลำะเส ยงว�าไดั!มาอย�างไรจากแห้ลำ�งไห้นเส ยงว�าไดั!มาอย�างไรจากแห้ลำ�งไห้น

การเตร ยมข!อม*ลำส�าห้ร�บ การเตร ยมข!อม*ลำส�าห้ร�บ Storyboard Storyboard ข!อม*ลำส�าห้ร�บ ข!อม*ลำส�าห้ร�บ Storyboard Storyboard อาจม ท��งภาพ เส ยง ข!อคำวาม ภาพเคำลำ$%อนไห้วอาจม ท��งภาพ เส ยง ข!อคำวาม ภาพเคำลำ$%อนไห้ว (Animation(AnimationMovies) Movies) ห้ร$ออ$%นๆ ซ้,%งจะต!องม การจ�ดัเตร ยมข,�นมาก�อนท %จะน�าไปใส�โปรแกรม ม รายลำะเอ ยดัท %เก %ยวข!องดั�งน �ห้ร$ออ$%นๆ ซ้,%งจะต!องม การจ�ดัเตร ยมข,�นมาก�อนท %จะน�าไปใส�โปรแกรม ม รายลำะเอ ยดัท %เก %ยวข!องดั�งน �

Page 23: หลักการเขียน  Flowchart  และ  Storyboard  ที่ดี

1 1 การจ�ดีเตรยมีภาพสั)าหร�บโปรแกรมีการจ�ดีเตรยมีภาพสั)าหร�บโปรแกรมีข!อม*ลำต�าง ๆ อาจจะมาจากการวาดัดั!วยโปรแกรม ข!อม*ลำต�าง ๆ อาจจะมาจากการวาดัดั!วยโปรแกรม Graphic Editor Graphic Editor เช่�น โปรแกรม เช่�น โปรแกรม PC Paint Brush PC Paint Brush ท %ม ท %ม Microsoft WindowsMicrosoft Windows ห้ร$ออ$%น ๆ โปรแกรม ห้ร$ออ$%น ๆ โปรแกรม Authoring System Authoring System บางต�วจะม คำ�าส�%งส�าห้ร�บการวาดัร*ปห้ร$อในส�วนของ บางต�วจะม คำ�าส�%งส�าห้ร�บการวาดัร*ปห้ร$อในส�วนของ Graphics Editor Graphics Editor ไว!ให้!ดั!วยไว!ให้!ดั!วยท�าให้!ท�างานไดั!สะดัวกข,�น แต�อย�างไรก)ดั โปรแกรมแต�ลำะต�วม คำวามสามารถแตกต�างก�น ดั�งน��นอาจต!องม การใช่!โปรแกรมท�าให้!ท�างานไดั!สะดัวกข,�น แต�อย�างไรก)ดั โปรแกรมแต�ลำะต�วม คำวามสามารถแตกต�างก�น ดั�งน��นอาจต!องม การใช่!โปรแกรมห้ลำายต�วช่�วยก�น การท�างานภายใต!ระบบ ห้ลำายต�วช่�วยก�น การท�างานภายใต!ระบบ Microsoft Windows Microsoft Windows ท�าให้!สามารถแลำกเปลำ %ยนข!อม*ลำก�นไดั!โดัยง�าย นอกจากท�าให้!สามารถแลำกเปลำ %ยนข!อม*ลำก�นไดั!โดัยง�าย นอกจากน �อาจจะน�าเข!ามาจากแห้ลำ�งอ$%น เช่�น การ น �อาจจะน�าเข!ามาจากแห้ลำ�งอ$%น เช่�น การ Scan Scan จากห้น�งส$อห้ร$อวารสารดั!วยการใช่!เคำร$%อง จากห้น�งส$อห้ร$อวารสารดั!วยการใช่!เคำร$%อง Scanner Scanner ห้ร$ออาจน�ามาจากห้ร$ออาจน�ามาจากกลำ!องถ�ายว ดั โอ ในกรณ์ น �จะต!องม การ0ดัพ&เศึษท %ท�าห้น!าท %จ�บส�ญญาณ์ว ดั โอเข!ามาในเคำร$%องคำอมพ&วเตอร0 เร ยกว�าการ0ดักลำ!องถ�ายว ดั โอ ในกรณ์ น �จะต!องม การ0ดัพ&เศึษท %ท�าห้น!าท %จ�บส�ญญาณ์ว ดั โอเข!ามาในเคำร$%องคำอมพ&วเตอร0 เร ยกว�าการ0ดั Video Capture Video Capture เช่�น การ0ดั เช่�น การ0ดั Video Blaster Video Blaster ของบร&ษ�ท ของบร&ษ�ท Creative Technology Creative Technology ดั!วยว&ธิ น �ท�าให้!สามารถน�าภาพต�าง ๆ ดั!วยว&ธิ น �ท�าให้!สามารถน�าภาพต�าง ๆ เข!ามาใช่!ในโปรแกรมไดั!อย�างมากมายเข!ามาใช่!ในโปรแกรมไดั!อย�างมากมาย

Page 24: หลักการเขียน  Flowchart  และ  Storyboard  ที่ดี

2 2 การจ�ดีเตรยมีเสัยงการจ�ดีเตรยมีเสัยงการบ�นท,กเส ยงเข!ามาในเคำร$%องคำอมพ&วเตอร0น��น เคำร$%องคำอมพ&วเตอร0จะต!องม การ0ดั การบ�นท,กเส ยงเข!ามาในเคำร$%องคำอมพ&วเตอร0น��น เคำร$%องคำอมพ&วเตอร0จะต!องม การ0ดั Sound Generator Card Sound Generator Card เช่�น เช่�น Sound Blaster Card Sound Blaster Card การ0ดัน �ม คำวามจ�าเป9นในการบ�นท,กเส ยง ท %ม การแปลำงส�ญญาณ์เส ยงเป9นข!อม*ลำคำอมพ&วเตอร0แลำะท�างานในทางตรงข!ามเม$%อโปรแกรมการ0ดัน �ม คำวามจ�าเป9นในการบ�นท,กเส ยง ท %ม การแปลำงส�ญญาณ์เส ยงเป9นข!อม*ลำคำอมพ&วเตอร0แลำะท�างานในทางตรงข!ามเม$%อโปรแกรมเร ยกใช่!แฟ7มเส ยงท %จะให้!ออกลำ�าโพงในโปรแกรม เร ยกใช่!แฟ7มเส ยงท %จะให้!ออกลำ�าโพงในโปรแกรม Microsoft Windows 3.1 Microsoft Windows 3.1 ซ้,%งเป9น ซ้,%งเป9น Multimedia Version Multimedia Version ก)ม โปรแกรม ก)ม โปรแกรม Sound RecorderSound Recorder ส�าห้ร�บบ�นท,กเส ยง ส�าห้ร�บบ�นท,กเส ยง Media Player Media Player ส�าห้ร�บ ส�าห้ร�บ Playback Playback เส ยงบ�นท,กไปแลำ!วจะเก)บเป9นแฟ7มข!อม*ลำเพ$%อให้! เส ยงบ�นท,กไปแลำ!วจะเก)บเป9นแฟ7มข!อม*ลำเพ$%อให้! Authoring System Authoring System เร ยกใช่!โดัยเร ยกใช่!โดัยสามารถก�าห้นดัเวลำาในการเลำ�น สามารถก�าห้นดัเวลำาในการเลำ�น Playback Playback เพ$%อให้!คำวามส�มพ�นธิ0ก�บการแสดังภาพเพ$%อให้!คำวามส�มพ�นธิ0ก�บการแสดังภาพการน�าเส ยงเข!าไปใช่!ในบางคำร��งอาจใช่!ว&ธิ ให้!โปรแกรมคำวบคำ4มการเลำ�นเคำร$%อง การน�าเส ยงเข!าไปใช่!ในบางคำร��งอาจใช่!ว&ธิ ให้!โปรแกรมคำวบคำ4มการเลำ�นเคำร$%อง CD CD ส�มพ�นธิ0ก�บเน$�อเร$%องก)ไดั!โปรแกรม ส�มพ�นธิ0ก�บเน$�อเร$%องก)ไดั!โปรแกรม Authoring System Authoring System เช่�น โปรแกรม เช่�น โปรแกรม Authorwar Professional Authorwar Professional ของบร&ษ�ท ของบร&ษ�ท Macromedia Macromedia เป9นต�วอย�างห้น,%งท %ม คำวามสามารถน � ข!อม*ลำท %ม ลำ�กษณ์ะเป9นภาพเป9นต�วอย�างห้น,%งท %ม คำวามสามารถน � ข!อม*ลำท %ม ลำ�กษณ์ะเป9นภาพเคำลำ$%อนไห้วการน�าภาพเคำลำ$%อนไห้วเข!ามาใช่!ก�บโปรแกรมอาจท�าไดั!ห้ลำายว&ธิ เช่�นเคำลำ$%อนไห้วการน�าภาพเคำลำ$%อนไห้วเข!ามาใช่!ก�บโปรแกรมอาจท�าไดั!ห้ลำายว&ธิ เช่�น1. 1. การต�อเคำร$%องเลำ�นเลำเซ้อร0เข!าก�บคำอมพ&วเตอร0 แลำ!วใช่!โปรแกรมคำวบคำ4มการเลำ�นให้!ส�มพ�นธิ0ก�บเน$�อห้าการต�อเคำร$%องเลำ�นเลำเซ้อร0เข!าก�บคำอมพ&วเตอร0 แลำ!วใช่!โปรแกรมคำวบคำ4มการเลำ�นให้!ส�มพ�นธิ0ก�บเน$�อห้า2. 2. การจ�บภาพจากว&ดั โอเข!ามา เป9นข!อม*ลำประเภท การจ�บภาพจากว&ดั โอเข!ามา เป9นข!อม*ลำประเภท Movied file Movied file โดัยม การก�าห้นดัเป9นจ�านวนเฟรมต�อว&นาท ท�าไดั!ดั!วยโปรแกรม โดัยม การก�าห้นดัเป9นจ�านวนเฟรมต�อว&นาท ท�าไดั!ดั!วยโปรแกรม เช่�น เช่�น Microsoft Video For windows Microsoft Video For windows จากน��นจ,งเร ยกใช่!โฟลำ0ดั!วยโปรแกรม จากน��นจ,งเร ยกใช่!โฟลำ0ดั!วยโปรแกรม Video CaptureVideo Capture

Page 25: หลักการเขียน  Flowchart  และ  Storyboard  ที่ดี

3. 3. สัร�างภาพเคืลั��อนไหว สัร�างภาพเคืลั��อนไหว (Animation File) (Animation File) ขี&'นใช้�เอง เช้/น จากโปรแกรมี ขี&'นใช้�เอง เช้/น จากโปรแกรมี Autodesk Animation, 3D Studio Autodesk Animation, 3D Studio แลัะอ��น ๆ แลัะอ��น ๆ ที่�สัามีารถึที่)าภาพที่�สัามีารถึที่)าภาพเคำลำ$%อนไห้วท��งสองแลำะสามม&ต&โปรแกรม เคำลำ$%อนไห้วท��งสองแลำะสามม&ต&โปรแกรม Authoring System Authoring System ส�วนให้ญ�จะม คำวามสามารถท�าภาพ ส�วนให้ญ�จะม คำวามสามารถท�าภาพ Animation Animation เป9นพ$�นฐานอย*�แลำ!วเป9นพ$�นฐานอย*�แลำ!ว

ขี�อมี"ลัที่�เป3นขี�อคืวามีอาจจะป7อนลังไปใน ขี�อมี"ลัที่�เป3นขี�อคืวามีอาจจะป7อนลังไปใน Authoring ProgramAuthoring Programหร�อ หร�อ Power Point Power Point การป7อนขี�อมี"ลัดี�งกลั/าวน' อาจจะป7อนโดียตรงหร�อบางโปรแกรมีสัามีารถึอ/านขี�อมี"ลัจากการป7อนขี�อมี"ลัดี�งกลั/าวน' อาจจะป7อนโดียตรงหร�อบางโปรแกรมีสัามีารถึอ/านขี�อมี"ลัจาก Text FileText File เขี�าไปใช้�ในงานไดี�เขี�าไปใช้�ในงานไดี�

Page 26: หลักการเขียน  Flowchart  และ  Storyboard  ที่ดี

ต�วอย/าง ต�วอย/าง StoryboardStoryboard

Page 27: หลักการเขียน  Flowchart  และ  Storyboard  ที่ดี

Title : ………………………

File Name : ……………………

From :………………Link to frame :………..

Sound : …………………………………

Picture : …………………………………

Video : …………………………………

narrations : ………………………………… ………………………………………………. ………………………………………………. ………………………………………………. ……………………………………………….

Other : …………………………….……

Animation : ……………………………