ใบงานที่ 6.1

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

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

ชื่องาน : ชื่องาน การสร้างฟอร์มรับสมัครสมาชิก ใช้เวลา 30 นาที

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


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

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


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

1.  สามารถใช้คำสั่งการสร้างฟอร์มได้ถูกต้อง

2.  สามารถใช้คำสั่งในการสร้างฟอร์มเพื่อรับข้อมูลแบบต่าง ๆ ได้

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

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


เงื่อนไข

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

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

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

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

ข้อควรระวัง

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

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

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


ข้อเสนอแนะ

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

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


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

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

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

3.  สร้างแบบฟอร์มตามตัวอย่างที่กำหนดให้

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

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

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


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

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