ใบงานที่ 6.3

วิชาการโปรแกรมเว็บเบื้องต้น (Basic Web Programming) รหัสวิชา 20901-2202

บทที่ 6 การสร้างฟอร์มเพื่อติดต่อกับผู้ใช้

ชื่องาน : ชื่องาน คำนวณหาพื้นที่สี่เหลี่ยมผืนผ้า ใช้เวลา 30 นาที

จุดประสงค์การเรียนรู้


จุดประสงค์ทั่วไป

เพื่อให้มีความรู้  ความเข้าใจเกี่ยวกับการใช้คำสั่งในการรับค่าจากฟอร์ม 


จุดประสงค์เชิงพฤติกรรม

1. สามารถใช้คำสั่งการรับค่าจากฟอร์มและคำนวณค่าที่ได้รับจากฟอร์มได้ถูกต้อง

2. สามารถใช้คำสั่งแสดงค่าที่รับจากฟอร์มได้ถูกต้อง

3.  แสดงผลการเขียนโปรแกรมภาษาพีเอชพีได้ถูกต้อง

4.  มีคุณธรรม จริยธรรม ค่านิยม และคุณลักษณะอันพึงประสงค์


เงื่อนไข

จงเขียนโปรแกรมเพื่อรับค่าจากแบบฟอร์มนำมาคำนวณหาพื้นที่สี่เหลี่ยมผื่นผ้า  แล้วตั้งชื่อไฟล์ว่า  Chapter5_3.php  โดยให้แสดงข้อมูลการรับค่าจากแบบฟอร์มตามรูปแบบที่กำหนดให้หรือออกแบบด้วยตัวเอง โดยต้องมีข้อมูลการรับค่า แล้วนำมาคำนวณ และแสดงค่าข้อมูลที่รับมาครบสมบูรณ์

ตัวอย่างการรับค่าจากแบบฟอร์มสมัครสมาชิก ดังนี้


เครื่องมือและอุปกรณ์

  1. คอมพิวเตอร์และอุปกรณ์ จำนวน 1 ชุด

ข้อควรระวัง

1.  การตั้งชื่อไฟล์ในโปรแกรม  Visual Studio Code  ต้องตั้งค่าให้ถูกต้องและไม่ซ้ำกับคีย์เวิร์ด 

2.  การพิมพ์คำสั่งโปรแกรมต้องพิมพ์ให้ถูกต้อง  ตรวจสอบความถูกต้องให้ดี  การพิมพ์คำสั่งผิดหรือพิมพ์เครื่องหมายไม่ครบ  จะทำให้เกิดข้อผิดพลาด

3.  เลือกตำแหน่งในการจัดเก็บข้อมูลโปรแกรมในเครื่องคอมพิวเตอร์ให้ถูกต้องเพื่อง่ายต่อการปฏิบัติงาน


ข้อเสนอแนะ

1.  ขณะแสดงผลลัพธ์ของโปรแกรม เมื่อเกิดข้อผิดพลาดควรอ่านข้อความที่แจ้งข้อผิดพลาด  เพื่อตรวจสอบหาสาเหตุ

2.  หากไม่สามารถแก้ไขข้อผิดพลาดได้ด้วยตัวเอง ให้ปรึกษาครูผู้สอน


ลำดับขั้นการปฏิบัติงาน

1.  ให้นักศึกษาใช้โปรแกรม  Visual Studio Code  เขียนโปรแกรมภาษาพีเอชพี  โดยการเปิดโปรแกรม  Visual Studio Code ไปที่เมนู  File –> New File

2.  ตั้งชื่อไฟล์ (File Name) ชื่อ Chapter6_3.php

3.  เขียนคำสั่งภาษาพีเอชพีรับค่าข้อมูลความกว้าง และความยาวของพื้นที่สี่เหลี่ยมผืนผ้า 

4.  เขียนคำสั่งคำนวณพื้นที่สี่เหลี่ยมผืนผ้า จากสูตร หาพื้นที่สี่เหลี่ยมผืนผ้า = กว้าง x ยาว   

5.  เขียนคำสั่งแสดงข้อมูลผลลัพธ์การคำนวณหาพื้นที่สี่เหลี่ยมผืนผ้า 

6.  บันทึกไฟล์โปรแกรมภาษาพีเอชพี

7.  เปิดโปรแกรมภาษาพีเอชพี  ผ่านโปรแกรม  Web Browser  ถ้ามีข้อผิดพลาด ต้องแก้ไขข้อผิดพลาดที่เกิดขึ้น

8.  ตรวจสอบความสำเร็จจากการแสดงผลผ่านโปรแกรม  Web Browser  


เกณฑ์การประเมินผล

คะแนนรวมตามแบบประเมินผลใบงาน ไม่ต่ำกว่าร้อยละ 80