PPTงานนำเสนอใบงานฝึกปฏิบัติ

วชิ ำกำรเขียนโปรแกรมคอมพวิ เตอร์ รหัสวชิ ำ 30204-2005 จดั ทำโดย อำจำรย์ วยิ ะดำ วงษ์สำแก้ว สำขำคอมพวิ เตอร์ วทิ ยำลยั เทคโนโลยลี ะโว้

เมนูหลกั Windows Forms Application ข้นั ตอนกำรติดต้ังโปรแกรม Microsoft Visual Studio 2010 ใบงำนฝึ กปฏิบัติหน่วยท่ี 11 ตวั อย่ำงข้นั ตอนกำรสร้ำง Class และเรียกใช้งำน Class Visual C# ข้นั ตอนกำรทำใบงำนฝึ กปฏบิ ัตหิ น่วยท่ี 13

ข้นั ตอนกำรตดิ ต้งั Microsoft Visual Studio 2010 Ultimate 1. ใส่แผน่ DVD โปรแกรมจะมี Autorun ดงั หมายเลข 1 ใหเ้ ลือก หรือ เลือก Setup.exe ดงั หมายเลข 2 รูปที่ 3.1 หน้ำจอแสดงกำรตดิ ต้งั โปรแกรม Visual Studio 2010 ยอ้ นกลบั ถดั ไป

2. เลือก Install Microsoft Visual Studio 2010 ดงั หมายเลข 3 รูปที่ 3.2 เลือก Install Microsoft Visual Studio 2010 ยอ้ นกลบั ถดั ไป

3. เอาเครื่องหมายถูกหนา้ Yes, send information… ออก แลว้ กดป่ ุม Next เพื่อทาการติดต้งั ดงั หมายเลข 4 4 รูปท่ี 3.3 เลือก Yes, send Information my setup ถดั ไป ยอ้ นกลบั

4. เลือก I have read and accept the license รูปที่ 3.4 เลือก I have read and accept the license terms ดงั หมำยเลข 5 เลือก Next ดังหมำยเลข 6 ยอ้ นกลบั ถดั ไป

5. เลือกการติดต้งั แบบ Full แลว้ เลือก Install รูปท่ี 3.5 เลือก Full แล้วเลือก Install ยอ้ นกลบั ถดั ไป

6. โปรแกรมจาทาการติดต้งั Visual Studio ใชเ้ วลานาน (ประมาณ 30 นาที) ติดต้งั เสร็จแลว้ จะข้ึนหนา้ จอน้ี ใหเ้ ลือก Finish รูปที่ 3.6 หน้ำจอแสดงกำรตดิ ต้งั Visual Studio 2010 เมื่อตดิ ต้งั เสร็จเรียบร้อย เลือก Finish เลือก Visual Basic Development Settings เลือก Start Visual Studio ยอ้ นกลบั ถดั ไป

รูปที่ 3.7 หน้ำจอกำรใช้งำน Windows Forms Application ยอ้ นกลบั ถดั ไป

10. ถงึ หน้าน้แี สดงวา่ โปรแกรม Visual Studio 2010 พรอ้ มใชง้ านแลว้ รูปท่ี 3.8 หน้ำจอ Visual Studio 2010 พร้อมใช้งำน ยอ้ นกลบั

ข้อที่ 1 บริษทั วรี ะ อิเลก็ ทรอนิกส์ จากดั ตอ้ งการคานวณหาส่วนลดของสินคา้ ของบริษทั โดยมีเงื่อนไขในการคานวณหาส่วนลดดงั น้ี ถา้ ซ้ือนอ้ ยกวา่ 500 บาท ไม่ลดราคา (หมายถึงนอ้ ยกวา่ หรือเท่ากบั 499) ถา้ ซ้ือระหวา่ ง 500 – 2,000 บาท ใหส้ ่วนลด 3% ถา้ ซ้ือระหวา่ ง 2,001 – 4,000 บาท ใหส้ ่วนลด 5% ถา้ ซ้ือระหวา่ ง 4,001 – 6,000 บาท ใหส้ ่วนลด 7% ถา้ ซ้ือมากวา่ 6,000 บาทข้ึนไป ใหส้ ่วนลด 10% รายละเอียดขอ้ มูลประกอบดว้ ย รหสั สินคา้ , รายการสินคา้ , จานวนสินคา้ , ราคาสินคา้ , ราคารวม, ส่วนลดสินคา้ , ราคาหลงั หกั ส่วนลด ผลลัพธโ์ ปรแกรม ยอ้ นกลบั ถดั ไป

ข้นั ตอนท่ี 1 ออกแบบหนา้ จอ โดยการลากคอนโทรลต่างๆ จาก Toolbox มาวางบน Form ดงั รูป label8 textBox1 label1 textBox2 label2 label3 textBox3 label4 textBox4 label5 textBox5 label6 textBox6 label7 textBox7 Button1 Button2 Button3 ยอ้ นกลบั ถดั ไป

ข้ันตอนที 2 นาโค้ดโปรแกรมมาใส่ ในป่ ุมโดยการดับเบิ้ลคลิกในป่ ุมคอนโทรลต่างๆ ดังน้ี Button1,Button2,Button3 โดยใหเ้ ปลี่ยน Text ใน Properties Button1 เป็ นคาวา่ “คานวณ” เปล่ียน Text ใน Properties Button2 ให้เป็ นคาวา่ “เคลียค่า” และเปลี่ยน Text ใน Properties Button3 เป็ นคาวา่ “จบการ ทางาน” ดบั เบิล้ คลิกที่ป่ ุมคานวณ แลว้ พิมพโ์ คด้ ดงั น้ี int code, quan; ในส่วนโคต๊ ตวั หนงั สือที่แดงจะพิมพไ์ วก้ อ่ น บรรทดั ดงั ลกู ศร double price, total, discount,nettotal; private void button1_Click(object sender, EventArgs e) { quan = int.Parse(textBox3.Text); price = double.Parse(textBox4.Text); total = quan * price; if (total <= 499) { discount = 0; nettotal = total - discount; textBox5.Text = total.ToString(\"##,###.00\"); textBox6.Text = discount.ToString(\"##,###.00\"); textBox7.Text = nettotal.ToString(\"##,###.00\"); } ยอ้ นกลบั ถดั ไป

else if (total <= 2000) { discount = total*0.03; nettotal = total - discount; textBox5.Text = total.ToString(\"##,###.00\"); textBox6.Text = discount.ToString(\"##,###.00\"); textBox7.Text = nettotal.ToString(\"##,###.00\"); } else if (total <= 4000) { discount = total * 0.05; nettotal = total - discount; textBox5.Text = total.ToString(\"##,###.00\"); textBox6.Text = discount.ToString(\"##,###.00\"); textBox7.Text = nettotal.ToString(\"##,###.00\"); } ยอ้ นกลบั ถดั ไป

else if (total <= 6000) { discount = total * 0.07; nettotal = total - discount; textBox5.Text = total.ToString(\"##,###.00\"); textBox6.Text = discount.ToString(\"##,###.00\"); textBox7.Text = nettotal.ToString(\"##,###.00\"); } else { discount = total * 0.10; nettotal = total - discount; textBox5.Text = total.ToString(\"##,###.00\"); textBox6.Text = discount.ToString(\"##,###.00\"); textBox7.Text = nettotal.ToString(\"##,###.00\"); } } ยอ้ นกลบั ถดั ไป

ดบั เบิล้ คลิกท่ีป่ ุมเคลียค่า แลว้ พิมพโ์ คด้ ดงั น้ี ถดั ไป textBox1.Clear(); textBox2.Clear(); textBox3.Clear(); textBox4.Clear(); textBox5.Clear(); textBox6.Clear(); ดบั เบิ้ลคลิกที่ป่ ุมจบการทางาน แลว้ พิมพโ์ คด้ ดงั น้ี Close(); ยอ้ นกลบั

ข้อท่ี 2 วทิ ยาลยั แห่งหน่ึง ตอ้ งการนาคอมพวิ เตอร์มาช่วยคิดเกรดของนกั ศึกษา ที่เรียนวชิ าการเขียน โปรแกรมคอมพิวเตอร์ โดยมีรายละเอียดของขอ้ มูล ดงั น้ี รหัสประจาตวั นกั ศึกษา,ชื่อนกั ศึกษา, คะแนนทดสอบยอ่ ย,คะแนนกลางภาค,คะแนนปลายภาค,คะแนนรวม,เกรด ซ่ึงมีเงื่อนไขในการคิด เกรดดงั น้ี (เพ่ิมเติมโจทย์ รหสั ประจาตวั นกั ศึกษา,ช่ือนกั ศึกษา,คะแนนรวม,เกรด) ถา้ คะแนนรวมอยรู่ ะหวา่ ง 0-49 ใหเ้ กรด F ถา้ คะแนนรวมอยรู่ ะหวา่ ง 50-54 ใหเ้ กรด D ถา้ คะแนนรวมอยรู่ ะหวา่ ง 55-59 ใหเ้ กรด D+ ถา้ คะแนนรวมอยรู่ ะหวา่ ง 60-64 ใหเ้ กรด C ถา้ คะแนนรวมอยรู่ ะหวา่ ง 65-69 ใหเ้ กรด C+ ถา้ คะแนนรวมอยรู่ ะหวา่ ง 70-74 ใหเ้ กรด B ถา้ คะแนนรวมอยรู่ ะหวา่ ง 75-79 ใหเ้ กรด B+ ถา้ คะแนนรวมอยรู่ ะหวา่ ง 80-100 ใหเ้ กรด A ยอ้ นกลบั ถดั ไป

ผลลพั ธ์โปรแกรม ยอ้ นกลบั ถดั ไป

ข้นั ตอนที 1 ออกแบบหนา้ จอ โดยการลากคอนโทรลต่างๆ จาก Toolbox มาวางบน Form ดงั รูป label8 textBox1 textBox2 label1 label2 textBox3 textBox4 label3 textBox5 label5 textBox6 label4 textBox7 label6 label7 Button1 Button2 Button3 ยอ้ นกลบั ถดั ไป

ข้ันตอนที 2 นาโค๊ตโปรแกรมมาใส่ ในป่ ุมโดยการดับเบิ้ลคลิกในป่ ุมคอนโทรลต่างๆ ดังน้ี Button1,Button2,Button3 โดยใหเ้ ปลี่ยน Text ใน Properties Button1 เป็ นคาวา่ “คานวณเกรด” เปล่ียน Text ใน Properties Button2 ใหเ้ ป็นคาวา่ “เคลียค่า” และเปล่ียน Text ใน Properties Button3 เป็นคาวา่ “จบการทางาน” ดบั เบิล้ คลิกท่ีป่ ุมคานวณเกรด แลว้ พมิ พโ์ คด๊ ดงั น้ี int code, test, midterm, final, mark; ในส่วนโคต๊ ตวั หนงั สือที่แดงจะพมิ พไ์ วก้ ่อนบรรทดั ดงั ลูกศร string grad; private void button1_Click(object sender, EventArgs e) { code = int.Parse(textBox1.Text); test = int.Parse(textBox3.Text); midterm = int.Parse(textBox4.Text); final = int.Parse(textBox5.Text); mark = test + midterm + final; if (mark <= 49) { grad = \"F\"; textBox6.Text = mark.ToString(\"##\"); textBox7.Text = grad; } ยอ้ นกลบั ถดั ไป

else ถดั ไป if (mark <= 54) { grad = \"D\"; textBox6.Text = mark.ToString(\"##\"); textBox7.Text = grad; } else if (mark <= 59) { grad = \"D+\"; textBox6.Text = mark.ToString(\"##\"); textBox7.Text = grad; } else if (mark <= 64) { grad = \"C\"; textBox6.Text = mark.ToString(\"##\"); textBox7.Text = grad; } ยอ้ นกลบั

else ถดั ไป if (mark <= 69) { grad = \"C+\"; textBox6.Text = mark.ToString(\"##\"); textBox7.Text = grad; } else if (mark <= 74) { grad = \"B\"; textBox6.Text = mark.ToString(\"##\"); textBox7.Text = grad; } else if (mark <= 79) { grad = \"B+\"; textBox6.Text = mark.ToString(\"##\"); textBox7.Text = grad; } else { grad = \"A\"; textBox6.Text = mark.ToString(\"##\"); textBox7.Text = grad; } } ยอ้ นกลบั

ดบั เบิล้ คลิกที่ป่ ุมเคลียค่า แลว้ พมิ พโ์ คด๊ ดงั น้ี ถดั ไป textBox1.Clear(); textBox2.Clear(); textBox3.Clear(); textBox4.Clear(); textBox5.Clear(); textBox6.Clear(); textBox7.Clear(); ดบั เบิ้ลคลิกท่ีป่ ุมจบการทางาน แลว้ พิมพโ์ คด๊ ดงั น้ี Close(); ยอ้ นกลบั

ตวั อย่ำงข้นั ตอนกำรสร้ำง Class และเรียกใช้งำน Class Visual C# 1. สร้าง Class ดงั น้ี Add Class ยอ้ นกลบั ถดั ไป

2. คลิก Add Add ยอ้ นกลบั ถดั ไป

3. จะได้ Class1 Class ยอ้ นกลบั ถดั ไป

4. พิมพ์ Code เพื่อทดสอบดงั น้ี 5. คลิกท่ี Form1 นาคอนโทรมาวางโดยใหเ้ ปลี่ยน Text ใน Properties Button1 เป็นคาวา่ “ทดสอบ” textBox1 textBox2 Button1 ยอ้ นกลบั ถดั ไป

6. ดบั เบิ้ลคลิกท่ีป่ ุม ทดสอบ พิมพ์ Code ดงั น้ี private void button1_Click(object sender, EventArgs e) { Class1 c1 = new Class1(); เรียกใช้ Class ที่เราไดส้ ร้างไวเ้ ม่ือสกั ครู่ int a = Convert.ToInt32(textBox1.Text); แปลง String จาก textBox ใหเ้ ป็น int เพ่อื ใช้ คานวณ int b = Convert.ToInt32(textBox2.Text); แปลง String จาก textBox ใหเ้ ป็น int เพอ่ื ใช้ คานวณ MessageBox.Show(a + \" + \" + b + \" = \" + c1.TotalSum(a, b).ToString()); เรียกใช้ Medthod ที่อยใู่ น Class1 } 7. Run ผลลพั ธโ์ ปรแกรม ยอ้ นกลบั ถดั ไป

ข้นั ตอนกำรทำใบงำนฝึ กปฏบิ ัติหน่วยที่ 13 1. จงเขียนโปรแกรมแสดงผลกราฟิ กโดยสามารถปรับรูปทรงและขนาดไดด้ งั ตวั อยา่ งในภาพ ยอ้ นกลบั ถดั ไป

1. ออกแบบหนา้ จอดงั น้ี label2 label3 label4 label1 numericUpDown1 numericUpDown3 numericUpDown2 panel1 Button1 ยอ้ นกลบั ถดั ไป

2. กาหนด Properties numericUpDown1 กาหนดให้ Value มีคา่ เริ่มตน้ เป็น 2 และ numericUpDown2, numericUpDown3 มีคา่ เร่ิมตน้ เป็น 0 ดงั ภาพ numericUpDown1 ยอ้ นกลบั ถดั ไป

3. นา panel1 มาลากวางดงั ภาพ panel1 panel1 ยอ้ นกลบั ถดั ไป

4. ดบั เบิล้ คลิกท่ี panel1 แลว้ พมิ พโ์ คต๊ ในขอ้ ที่ 5 หนา้ ถดั ไป ยอ้ นกลบั ดับเบลิ้ คลกิ panel1 แลว้ พมิ พโ์ ค๊ต ถดั ไป

5. โคต๊ panel1 private void panel1_Paint(object sender, PaintEventArgs e) { var graphics = e.Graphics; //Get the middle of the panel var x_0 = panel1.Width / 2; var y_0 = panel1.Height / 2; var n = (int)numericUpDown1.Value; var shape = new PointF[n]; var r = (int)numericUpDown2.Value; // px radius //Create 6 points for (int a = 0; a < n; a++) { shape[a] = new PointF( x_0 + r * (float)Math.Cos(a * (int)numericUpDown3.Value * Math.PI / 180f), y_0 + r * (float)Math.Sin(a * (int)numericUpDown3.Value * Math.PI / 180f)); } graphics.DrawPolygon(Pens.Red, shape); } ยอ้ นกลบั ถดั ไป

6. ดบั เบิล้ คลิกที่ numericUpDown1 แลว้ พมิ พโ์ คต๊ ดงั น้ี ดบั เบ้ิลคลิก numericUpDown1 โค้ด numericUpDown1 private void numericUpDown1_ValueChanged(object sender, EventArgs e) { panel1.Refresh(); } 7. ดบั เบิล้ คลิกที่ numericUpDown2 แลว้ พิมพโ์ คต๊ ดงั น้ี ดับเบ้ลิ คลกิ numericUpDown2 โค้ด numericUpDown2 private void numericUpDown2_ValueChanged(object sender, EventArgs e) { panel1.Refresh(); } ยอ้ นกลบั ถดั ไป

8. ดบั เบิ้ลคลิกท่ี numericUpDown3 แลว้ พมิ พโ์ คด้ ดงั น้ี ดบั เบิล้ คลิก numericUpDown3 โคด้ numericUpDown3 private void numericUpDown3_ValueChanged(object sender, EventArgs e) { panel1.Refresh(); } ยอ้ นกลบั ถดั ไป

9. Run โปรกรม และทดสอบโดยกาหนดตวั เลขดงั ภาพ แลว้ กดป่ ุม button1 จะไดผ้ ลลพั ธ์ดงั ภาพ ยอ้ นกลบั ถดั ไป

10. ทดสอบโดยกาหนดตวั เลขใหม่ ดงั ภาพ แลว้ กดป่ ุม button1 จะไดผ้ ลลพั ธ์ดงั ภาพ ยอ้ นกลบั ถดั ไป

11. ทดสอบโดยกาหนดตวั เลขใหม่ ดงั ภาพ แลว้ กดป่ ุม button1 จะไดผ้ ลลพั ธ์ดงั ภาพ ยอ้ นกลบั ถดั ไป

12. ทดสอบโดยกาหนดตวั เลขใหม่ ดงั ภาพ แลว้ กดป่ ุม button1 จะไดผ้ ลลพั ธ์ดงั ภาพ ยอ้ นกลบั