ใบงานที่ 1.1
วิชาการโปรแกรมเว็บเบื้องต้น (Basic Web Programming) รหัสวิชา 20901-2202
บทที่ 1 ความรู้พื้นฐานเกี่ยวกับการเขียนโปรแกรมเบื้องต้น
ชื่องาน : ติดตั้งโปรแกรม Visual Studio Code และโปรแกรม XAMPP (ใช้เวลา 40 นาที)
จุดประสงค์การเรียนรู้
จุดประสงค์ทั่วไป
เพื่อให้มีความรู้ ความเข้าใจเกี่ยวกับขั้นตอนการติดตั้งโปรแกรม Visual Studio Code และโปรแกรม XAMPP
จุดประสงค์เชิงพฤติกรรม
- เลือกไฟล์โปรแกรมที่ใช้ในการติดตั้งได้
- ติดตั้งโปรแกรม Visual Studio Code และโปรแกรม XAMPP ได้
- ใช้เครื่องมือและอุปกรณ์ในการติดตั้งโปรแกรม Visual Studio Code และโปรแกรม XAMPP ได้
- นำหลักการในการติดตั้งโปรแกรมไปประยุกต์ใช้งานในชีวิตประจำวันได้
- มีคุณธรรม จริยธรรม ค่านิยมและคุณลักษณะอันพึงประสงค์
เครื่องมือและอุปกรณ์
- ไฟล์โปรแกรม Visual Studio Code จำนวน 1 ไฟล์
- ไฟล์โปรแกรม XAMPP จำนวน 1 ไฟล์
- อุปกรณ์บันทึกข้อมูลแบบพกพา จำนวน 1 ตัว
- คอมพิวเตอร์และอุปกรณ์ จำนวน 1 ชุด
ข้อควรระวัง
- ระหว่างการติดตั้งโปรแกรมอ่านคำอธิบายให้เข้าใจก่อนคลิกเลือกปุ่มใด ๆ
- เลือกตำแหน่งในการจัดเก็บข้อมูลโปรแกรมในเครื่องคอมพิวเตอร์ให้ถูกต้องเพื่อง่ายต่อการปฏิบัติงาน
ข้อเสนอแนะ
- ศึกษาการติดตั้งโปรแกรมจากเนื้อหาบทที่ 1 หัวข้อ การติดตั้งชุดพัฒนาโปรแกรมภาษาพีเอชพี (PHP) ให้เข้าใจก่อนติดตั้ง
- ในขณะติดตั้งโปรแกรม ศึกษาจากเนื้อหาบทที่ 1 ทีละขั้นตอน หากมีข้อสงสัยให้ปรึกษาครูผู้สอน
ลำดับขั้นการปฏิบัติงาน
1. นักศึกษาแต่ละคนคัดลอกโปรแกรม สำหรับติดตั้ง บันทึกไว้ในเครื่องคอมพิวเตอร์ของแต่ละคน ดังรูปที่ 1.36
2. ติดตั้งโปรแกรม Visual Studio Code ตามขั้นตอนในเนื้อหาบทที่ 1 หัวข้อการติดตั้งโปรแกรม Visual Studio Code
3. ตรวจสอบความสำเร็จในการติดตั้งโปรแกรม Visual Studio Code โดยการเปิดโปรแกรม Visual Studio Code ดังรูปที่ 1.37
4. ติดตั้งโปรแกรม XAMPP ตามขั้นตอนในเนื้อหาบทที่ 1 หัวข้อการติดตั้งโปรแกรม XAMP
5. ตรวจสอบความสำเร็จในการติดตั้งโปรแกรม XAMPP โดยการ Start Service Apache
และ MySQL ดังรูปที่ 1.38
6. ทดสอบการติดตั้งโปรแกรมโดยการเปิดเว็บเบราว์เซอร์ เช่น Google Chrome แล้วพิมพ์ http://localhost หรือ http://127.0.0.1 ดังรูปที่ 1.39
เกณฑ์การประเมินผล
คะแนนรวมตามแบบประเมินผลใบงาน ไม่ต่ำกว่าร้อยละ 80