Top Banner
กกกกกกกกกกกก กกกกกกกกกกกก ธธธธธ ธธธธธธ [email protected]
46

การออกแบบและพัฒนาโปรแกรม Week4

Apr 11, 2017

Download

Education

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: การออกแบบและพัฒนาโปรแกรม Week4

การออกแบบและพฒันาโปรแกรม

ธนสาร รุจริา[email protected]

Page 2: การออกแบบและพัฒนาโปรแกรม Week4

Week 4

Concept of Programing

Page 3: การออกแบบและพัฒนาโปรแกรม Week4

ทบทวนความหลัง Week 3

Page 4: การออกแบบและพัฒนาโปรแกรม Week4
Page 5: การออกแบบและพัฒนาโปรแกรม Week4
Page 6: การออกแบบและพัฒนาโปรแกรม Week4
Page 7: การออกแบบและพัฒนาโปรแกรม Week4
Page 8: การออกแบบและพัฒนาโปรแกรม Week4
Page 9: การออกแบบและพัฒนาโปรแกรม Week4

รูปแบบการเขยีนโปรแกรม1. ตามลำาดับ (Sequence)

เป็นสว่นงานท่ีต้องทำาตามลำาดับ ก่อน-หลัง

Command A

Command B

Command C

END

Page 10: การออกแบบและพัฒนาโปรแกรม Week4

ตัวอยา่งตามลำาดับ (Sequence)

Page 11: การออกแบบและพัฒนาโปรแกรม Week4

รูปแบบการเขยีนโปรแกรม2. เลือกทำา(Selection)

การเลือกทำาแบบเลือกทำาทางเดียว เรยีกวา่ if-then

Command A

เง่ือนไขจรงิ เท็จ

Page 12: การออกแบบและพัฒนาโปรแกรม Week4

ตัวอยา่งเลือก

ทำา(Selection)

การเลือกทำาแบบเลือกทำาทางเดียว เรยีกวา่ if-

then

Page 13: การออกแบบและพัฒนาโปรแกรม Week4

รูปแบบการเขยีนโปรแกรม2. เลือกทำา(Selection)

การเลือกทำาแบบเลือกทำาสองทาง เรยีกวา่ if-then-else

Command A

เง่ือนไขจรงิ เท็จ

Command A

Page 14: การออกแบบและพัฒนาโปรแกรม Week4

ตัวอยา่งเลือก

ทำา(Selection)

การเลือกทำาแบบเลือกทำาสองทาง เรยีกวา่ if-then-else

Page 15: การออกแบบและพัฒนาโปรแกรม Week4

เลือกแบบซบัซอ้น

Page 16: การออกแบบและพัฒนาโปรแกรม Week4

รูปแบบการเขยีนโปรแกรม2. เลือกทำา(Selection)

การเลือกทำาแบบเลือกทำามากกวา่สองทาง เรยีกวา่ case

Command A Command D

Condition

Command B Command C

Page 17: การออกแบบและพัฒนาโปรแกรม Week4

รูปแบบการเขยีนโปรแกรม3. การทำาซำ)า (LOOPING)

การทำางานซำ)าแบบตรวจสอบเง่ือนไขก่อนทำา เรยีกวา่ Do-While(ทำาในขณะท่ี เชน่ X<=10) Command B

Conditionจรงิ

เท็จ

Command A

Page 18: การออกแบบและพัฒนาโปรแกรม Week4

ตัวอยา่งการทำาซำ)า

(LOOPING)

การทำางานซำ)าแบบตรวจสอบเง่ือนไขก่อนทำา เรยีกวา่ Do-While

Page 19: การออกแบบและพัฒนาโปรแกรม Week4

รูปแบบการเขยีนโปรแกรม3. การทำาซำ)า (LOOPING)

การทำางานซำ)าแบบตรวจสอบเง่ือนไขหลังทำา เรยีกวา่ Repeat-Until(ทำาในขณะท่ี เชน่ X=10)

Command B

Condition

จรงิ

เท็จ

Command A

Page 20: การออกแบบและพัฒนาโปรแกรม Week4

ตัวอยา่งการทำาซำ)า

(LOOPING)

การทำางานซำ)าแบบตรวจสอบเง่ือนไขหลังทำา เรยีกวา่ Repeat-Until

Page 21: การออกแบบและพัฒนาโปรแกรม Week4

ขั)นตอนการเขยีนโปรแกรม1. กำาหนดและวเิคราะห์ปัญหา2. เขยีนผังงานและซูโดโค้ด3. เขยีนโปรแกรม4. ทดสอบและแก้ไขโปรแกรม5. ทำาเอกสารและบำารุงรกัษาโปรแกรม

Page 22: การออกแบบและพัฒนาโปรแกรม Week4

ตัวอยา่ง 1จงเขยีนโปรแกรมรบัค่า

เลขจำานวนเต็ม 2 จำานวนและหาผลบวกของเลข

ทั)ง 2 จำานวนนั)น

Page 23: การออกแบบและพัฒนาโปรแกรม Week4

1 กำาหนดและวเิคราะห์ปัญหา

1. ปัญหา คือ รบัค่าเลขจำานวนเต็ม 2 จำานวนและหาผลบวก ผลรวม

2. ตัวแปรท่ีใช ้คือX ใชเ้ก็บเลขจำานวนเต็มตัวท่ี 1 Y ใชเ้ก็บเลขจำานวนเต็มตัวท่ี 2SUM ใชเ้ก็บผลรวม

= เลขจำานวนเต็มตัวท่ี 1 + เลขจำานวนเต็มตัวท่ี 2

Page 24: การออกแบบและพัฒนาโปรแกรม Week4

1 กำาหนดและวเิคราะห์ปัญหา

3. ขอ้มูลนำาเขา้ คือ ค่าของ X และ Y

4. ผลลัพธ ์คือ คำานวณหาผลบวก จากสตูร SUM =

X + Y

Page 25: การออกแบบและพัฒนาโปรแกรม Week4

1 กำาหนดและวเิคราะห์ปัญหา

ขั)นตอนการทำางาน1. รบัค่า X และ Y เขา้มาในโปรแกรม2. คำานวณหาผลบวก

จากสตูรSUM = X + Y

Page 26: การออกแบบและพัฒนาโปรแกรม Week4

2 เขยีนผังงานและซูโดโค้ด

ซูโดโค้ด (Pseudocode)STARTREAD XREAD YCOMPUTE SUM=x + YPRINT SUMSTOP

เขยีนลำาดับการทำางานของโปรแกรม โดยใช้ประโยคภาษาอังกฤษท่ีสื่อความหมายง่าย ๆ

Page 27: การออกแบบและพัฒนาโปรแกรม Week4

2 เขยีนผังงานและซูโดโค้ดผังงาน (Flowchart)

เขยีนลำาดับการทำางานของการเขยีนโปรแกรม โดยแทนด้วยสญัลักษณ์เป็นตัวสื่อความหมาย

START

INPUT X,Y

SUM=X+Y

PRINT SUM

STOP

Page 28: การออกแบบและพัฒนาโปรแกรม Week4

ตัวอยา่ง 2จงเขยีนโฟลวชารต์แสดงขั)นตอน

การหาพื)นท่ีของรูปสีเ่หล่ียมคางหมู

Page 29: การออกแบบและพัฒนาโปรแกรม Week4

1. ปัญหา คือ ต้องการคำานวณหาพื)นท่ีของรูปสีเ่หล่ียมคางหมู จากสตูร

พื)นท่ีสีเ่หล่ียมคางหมู = 1/2 x ผลบวกของด้านคู่ขนาน x สงู

2. ตัวแปรท่ีใช ้คือw1 ใชเ้ก็บความยาวของด้านคู่ขนานด้านที่ 1w2 ใชเ้ก็บความยาวของด้านคู่ขนานด้านที่ 2h ใชเ้ก็บความสงูของรูปสีเ่หล่ียมคางหมูArea ใชเ้ก็บพื)นท่ีของรูปสีเ่หล่ียมคางหมู

ตัวอยา่งท่ี 1 จงเขยีนโฟลวชารต์แสดงขั)นตอนการหาพื)นท่ีของรูปสีเ่หล่ียมคางหมู

1 กำาหนดและวเิคราะห์ปัญหา

Page 30: การออกแบบและพัฒนาโปรแกรม Week4

ตัวอยา่งท่ี 1 จงเขยีนโฟลวชารต์แสดงขั)นตอนการหาพื)นท่ีของรูปสีเ่หล่ียมคางหมู

3. ขอ้มูลนำาเขา้ คือ ค่าของ W1,W2 และh4. ผลลัพธ ์คือ คำานวณพื)นท่ีของรูปสีเ่หล่ียมคางหมู จากสตูรArea= 1/2 x (w1+w2) x h

1 กำาหนดและวเิคราะห์ปัญหา

Page 31: การออกแบบและพัฒนาโปรแกรม Week4

ตัวอยา่งท่ี 1 จงเขยีนโฟลวชารต์แสดงขั)นตอนการหาพื)นท่ีของรูปสีเ่หล่ียมคางหมู

2 เขยีนผังงานและซูโดโค้ดSTART

INPUT w1,w2,h

Area = 1/2 x (w1+w2) x h

STOP

Page 32: การออกแบบและพัฒนาโปรแกรม Week4

START

INPUT w1,w2,h

Area =1/2 x(w1+w2)x h

STOP

Area

INPUT w1,w2,h

START

Area =1/2 x(w1+w2)x h

STOP

Area

Page 33: การออกแบบและพัฒนาโปรแกรม Week4

ตัวอยา่งท่ี 1 จงเขยีนโฟลวชารต์แสดงขั)นตอนการหาพื)นท่ีของรูปสีเ่หล่ียมคางหมู

3 เขยีนโปรแกรม #include <stdio.h>

viod main(viod){

int x,y,sum;printf(“Value of x is : ”); scanf(“%d”,&x);printf(“Value of y is : ”); scanf(“%d”,&y);sum=x+y;printf(“Sum of %d+%d is %d\n”,x,y,sum);

}

Page 34: การออกแบบและพัฒนาโปรแกรม Week4

ตัวอยา่งท่ี 1 จงเขยีนโฟลวชารต์แสดงขั)นตอนการหาพื)นท่ีของรูปสีเ่หล่ียมคางหมู

3 เขยีนโปรแกรม #include <stdio.h>

viod main(viod){

int x,y,sum;printf(“Value of x is : ”); scanf(“%d”,&x);printf(“Value of y is : ”); scanf(“%d”,&y);sum=x+y;printf(“Sum of %d+%d is %d\n”,x,y,sum);

}

INPUT X

INPUT YSUM X+Y

PRINT SUM

Page 35: การออกแบบและพัฒนาโปรแกรม Week4

ตัวอยา่งท่ี 1 จงเขยีนโฟลวชารต์แสดงขั)นตอนการหาพื)นท่ีของรูปสีเ่หล่ียมคางหมู

4 ทดสอบและแก้ไขโปรแกรม

เป็นการนำาผลลัพธจ์ากขั)นตอนท่ี 3 มาทำาการ Run แล้วทดสอบโดยการป้อนค่า x และ y เขา้ไปในโปรแกรม และตรวจสอบผลลัพธท่ี์ได้วา่ถกูต้องหรอืไม ่หากไมถ่กูต้องก็กลับไปทำาการแก้ไขโปรแกรมอีกครั)ง

Page 36: การออกแบบและพัฒนาโปรแกรม Week4

ตัวอยา่งท่ี 1 จงเขยีนโฟลวชารต์แสดงขั)นตอนการหาพื)นท่ีของรูปสีเ่หล่ียมคางหมู

5 ทำาเอกสารและบำารุงรกัษาโปรแกรม

จุดประสงค์ท่ีสำาคัญของการจดัทำาคู่มอืเพื่อชว่ยให้ผู้อ่ืนศึกษาซอรส์โค้ดของโปรแกรมได้ง่ายขึ)น จะเป็นประโยชน์สำาหรบัการพฒันาเพิม่เติมในอนาคต สิง่ท่ีสำาคัญสำาหรบัการจดัทำาคู่มอื คือ

“คู่มอืมรีายละเอียดมากท่ีสดุ”

Page 37: การออกแบบและพัฒนาโปรแกรม Week4

แบบฝกึหัด การเขยีนผังงาน

Page 38: การออกแบบและพัฒนาโปรแกรม Week4

START

นำาเขา้คะแนน

เกรด 1

STOP

คะแนน < 50

เกรด 0

จรงิเท็จ

Page 39: การออกแบบและพัฒนาโปรแกรม Week4
Page 40: การออกแบบและพัฒนาโปรแกรม Week4
Page 41: การออกแบบและพัฒนาโปรแกรม Week4
Page 42: การออกแบบและพัฒนาโปรแกรม Week4
Page 43: การออกแบบและพัฒนาโปรแกรม Week4
Page 44: การออกแบบและพัฒนาโปรแกรม Week4
Page 45: การออกแบบและพัฒนาโปรแกรม Week4
Page 46: การออกแบบและพัฒนาโปรแกรม Week4

Homework