> For the complete documentation index, see [llms.txt](https://www.saladpuk.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://www.saladpuk.com/beginner-1/csharp101/basic/img-solving.md).

# 13.การแก้โจทย์จากรูป

## 😢 ปัญหา

เหล่าแมวน้ำทั้งหลายพออ่านมาจนถึงจุดนี่และได้ลองหัดเขียนโปรแกรมกันจริงๆ หลายๆคนน่าจะมีคำถามในใจกันอยู่เช่น ที่เรียนมาก็เข้าใจดีอยู่นะ แต่พอเห็นโจทย์จริงๆก็มองไม่ออกเลยว่ามันควรจะเขียนโค้ดเริ่มจากตรงไหน หรือในบางทีก็ไม่รู้ว่าควรจะใช้ loop แบบไหนดี หรือในบางทีแม้จะเลือกชนิดตัวแปรที่จะใช้ก็ยังไม่รู้เลยว่าควรจะทำแบบไหนดี

## 😄 วิธีแก้ปัญหา

**ดช.แมวน้ำ** ขอเสนอวิธีการแก้โจทย์โดยการวาดรูปดูนะครับ น่าจะไม่มีที่ไหนสอนแบบนี้ในโลกเลยนะผมมโนขึ้นมาเองล้วนๆ + พบว่ามันช่วยให้หลายๆคนเข้าใจได้ง่ายขึ้นเยอะเลย

{% embed url="<https://www.youtube.com/watch?v=iE3DXkucD4A&list=PLUjAn8nwWnijERZ3HpzBk7NfSrau74_lQ&index=27>" %}

{% hint style="info" %}
ปรกติวิธีการคิดเพื่อแก้โจทย์ เขาจะสอนให้เราเขียนสิ่งที่เรียกว่า flow chart หรือที่เรียกว่าแผนภาพการทำงานของโปรแกรมนั่นแหละ ซึ่งผมมองว่า (ขี้เกียจสอนเฟร้ย) มันวุ่นวายเกินไป เพราะเราต้องไปทำความเข้าใจเรื่อง flow chart ก่อนถึงจะมาทำต่อได้ แต่ทุกคนวาดภาพได้แน่นอนอยู่ล่ะ โดยไม่สนใจนะว่าสวยหรือเปล่า ดังนั้นผมเลยเลือกให้ทุกท่านลองหยิบดินสอกระดาษมาลองทำตามกันดูครับ
{% endhint %}

## 🎯 สรุปสั้นๆ

### 👨‍🚀 ขั้นตอนในการแก้โจทย์จากรูป

1. เขียนออกมาก่อนว่าโปรแกรมต้องทำอะไรบ้าง
2. ลองวาดรูปการทำงานในแต่ละขั้นตอนออกมา
3. ลองเขียนดูว่าแต่ละขั้นตอนเราต้องใช้ความรู้เรื่องอะไรบ้าง เช่น ชนิดตัวแปร, loop แบบไหน
4. เลือกว่าในแต่ละขั้นตอนควรจะคำสั่งแบบไหน
5. เอาของที่ได้จากขั้นตอนที่ 4 ไปลองเขียนโค้ดทีละขั้นตอนดู