ใบงานที่ 6.1
วิชาการโปรแกรมเว็บเบื้องต้น (Basic Web Programming) รหัสวิชา 20901-2202
บทที่ 6 การสร้างฟอร์มเพื่อติดต่อกับผู้ใช้
ชื่องาน : ชื่องาน การสร้างฟอร์มรับสมัครสมาชิก ใช้เวลา 30 นาที
จุดประสงค์การเรียนรู้
จุดประสงค์ทั่วไป
เพื่อให้มีความรู้ ความเข้าใจเกี่ยวกับการใช้คำสั่งในการสร้างฟอร์มเพื่อรับข้อมูลแบบต่าง ๆ
จุดประสงค์เชิงพฤติกรรม
1. สามารถใช้คำสั่งการสร้างฟอร์มได้ถูกต้อง
2. สามารถใช้คำสั่งในการสร้างฟอร์มเพื่อรับข้อมูลแบบต่าง ๆ ได้
3. แสดงผลการเขียนโปรแกรมภาษาพีเอชพีได้ถูกต้อง
4. มีคุณธรรม จริยธรรม ค่านิยม และคุณลักษณะอันพึงประสงค์
เงื่อนไข
จงเขียนโปรแกรมเพื่อออกแบบฟอร์มรับสมัครสมาชิก ตั้งชื่อไฟล์ว่า Chapter6_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