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

เพื่อให้มีความรู้ ความเข้าใจเกี่ยวกับขั้นตอนการติดตั้งโปรแกรม Visual Studio Code และโปรแกรม XAMPP

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

1. เลือกไฟล์โปรแกรมที่ใช้ในการติดตั้งได้
2. ติดตั้งโปรแกรม Visual Studio Code และโปรแกรม XAMPP ได้
   
3. ใช้เครื่องมือและอุปกรณ์ในการติดตั้งโปรแกรม Visual Studio Code และโปรแกรม XAMPP ได้
   
4. นำหลักการในการติดตั้งโปรแกรมไปประยุกต์ใช้งานในชีวิตประจำวันได้
   
5. มีคุณธรรม จริยธรรม ค่านิยมและคุณลักษณะอันพึงประสงค์
   

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

1. ไฟล์โปรแกรม Visual Studio Code จำนวน 1 ไฟล์
2. ไฟล์โปรแกรม XAMPP จำนวน 1 ไฟล์
   
3. อุปกรณ์บันทึกข้อมูลแบบพกพา จำนวน 1 ตัว
   
4. คอมพิวเตอร์และอุปกรณ์ จำนวน 1 ชุด
   

ข้อควรระวัง

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

ข้อเสนอแนะ

1. ศึกษาการติดตั้งโปรแกรมจากเนื้อหาบทที่ 1 หัวข้อ การติดตั้งชุดพัฒนาโปรแกรมภาษาพีเอชพี (PHP) ให้เข้าใจก่อนติดตั้ง
2. ในขณะติดตั้งโปรแกรม ศึกษาจากเนื้อหาบทที่ 1 ทีละขั้นตอน หากมีข้อสงสัยให้ปรึกษาครูผู้สอน
   

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

1. นักศึกษาแต่ละคนคัดลอกโปรแกรม สำหรับติดตั้ง บันทึกไว้ในเครื่องคอมพิวเตอร์ของแต่ละคน  ดังรูปที่  1.36

รูปที่ 1.36 โปรแกรมสำหรับติดตั้ง Visual Studio Code

2. ติดตั้งโปรแกรม Visual Studio Code ตามขั้นตอนในเนื้อหาบทที่ 1 หัวข้อการติดตั้งโปรแกรม Visual Studio Code

3. ตรวจสอบความสำเร็จในการติดตั้งโปรแกรม Visual Studio Code โดยการเปิดโปรแกรม Visual Studio Code ดังรูปที่ 1.37

รูปที่ 1.37 เปิดโปรแกรม Visual Studio Code

4. ติดตั้งโปรแกรม XAMPP ตามขั้นตอนในเนื้อหาบทที่ 1 หัวข้อการติดตั้งโปรแกรม XAMP

5. ตรวจสอบความสำเร็จในการติดตั้งโปรแกรม XAMPP โดยการ Start Service Apache

และ MySQL ดังรูปที่ 1.38

รูปที่ 1.38 Start Service Apache และ MySQL ในโปรแกรม XAMPP

6. ทดสอบการติดตั้งโปรแกรมโดยการเปิดเว็บเบราว์เซอร์ เช่น Google Chrome แล้วพิมพ์ http://localhost หรือ http://127.0.0.1 ดังรูปที่ 1.39

รูปที่ 1.39  ทดสอบการติดตั้งโปรแกรม XAMPP

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

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