การสร้างเว็บไซต์สำหรับธุรกิจดิจิทัล

21910-2016    การสร้างเว็บไซต์สำหรับธุรกิจดิจิทัล    Creating website for digital business 2-2-3

ความรู้เบื้องต้นเกี่ยวกับเว็บไซต์สำหรับงานธุรกิจดิจิทัล
สาระการเรียนรู้
1.1  ความหมายของเว็บไซต์
1.2  ประวัติและวิวัฒนาการของเว็บไซต์
1.3  ประเภทของเว็บไซต์
1.4  ความหมายของงานธุรกิจดิจิทัล
1.5  การสร้างเว็บไซต์สำหรับงานธุรกิจดิจิทัล

---

การติดตั้งโปรแกรมจำลองเว็บเซิร์ฟเวอร์ XAMPP

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

ดาวน์โหลด XAMPP เข้าไปที่เว็บไซต์ https://www.apachefriends.org/index.html และดาวน์โหลดตัวติดตั้งที่เหมาะกับระบบปฏิบัติการ Windows คลิก XAMPP for Windows

---

การเตรียมความพร้อมในการติดตั้ง WordPress และการสร้างฐานข้อมูล

ก่อนทำการติดตั้งต้องสร้างฐานข้อมูลก่อน เตรียมไฟล์ที่ต้องการติดตั้งที่คลิกที่ ไดร์ฟ C: ดับเบิลคลิกโฟล์เดอร์ xampp ดับเบิลคลิกโฟลเดอร์ htdocs  คลิกขวาพื้นที่ว่าง คลิกNew เลือก  Folder เพื่อสร้างโฟล์เดอร์ใหม่ที่ใช้ในการติดตั้งไฟล์ wordpress และมีขั้นตอนในการเตรียมไฟล์ดังนี้

การติดตั้ง WordPress

    WordPress หมายถึง ระบบการจัดการเนื้อหา (Content Management System – CMS) ที่ใช้ในการสร้างและจัดการเว็บไซต์ โดยมีความยืดหยุ่นสูงและใช้งานง่าย ทำให้มีความนิยมมากในการใช้งานเป็นเครื่องมือในการสร้างเว็บไซต์ต่าง ๆ ตั้งแต่เว็บไซต์ส่วนตัว เว็บไซต์ข่าว เว็บไซต์ธุรกิจ และอื่น ๆ อีกมากมาย ในรูปแบบโอเพนซอร์ส (Open Source) ซึ่งทำให้สามารถเข้าถึงและใช้งานได้ฟรี และมีชุมชนผู้ใช้และนักพัฒนาที่ใหญ่ขึ้นที่สนับสนุนและพัฒนาต่อยอด WordPress อย่างต่อเนื่อง WordPress การดาวน์โหลดโปรแกรม WordPress สามารถทำได้โดยตรงจากเว็บไซต์หลักของ WordPress.org โดยมีขั้นตอนดังนี้

การเปลี่ยนภาษา และติดตั้ง Theme Storefront  

Storefront ซึ่งเป็นธีมอย่างเป็นทางการจาก WooCommerce ทำให้เข้ากันได้ดีเป็นพิเศษกับปลั๊กอิน WooCommerce และมีการออกแบบที่เรียบง่ายแต่มีประสิทธิภาพ เมื่อค้นหาโปรแกรมจะทำการแสดงรายการธีมจากคำค้น คลิกเลือก Storefront สามารถคลิกดูรายละเอียดและตัวอย่างที่ รายละเอียด &  ดูก่อน คลิกที่ปุ่ม ติดตั้ง เพื่อติดตั้งธีม

การปรับแต่งหัวเว็บไซต์ โดยใช้โปรแกรม Canva ในการออกแบบกราฟิกสำหรับเว็บไซต์

การเพิ่มพื้นหลังส่วนหัวเว็บไซต์

              การเพิ่มภาพพื้นหลังส่วนหัวสามารถอัปโหลดไฟล์ภาพจากคอมพิวเตอร์ โดยธีม Storefront จะสามารถใช้งานได้ดีที่สุดกับรูปภาพที่มีขนาด 1950 × 500 พิกเซลและสามารถครอบตัดรูปภาพได้เมื่ออัปโหลด (Upload) เพื่อให้มีขนาดที่พอดี มีขั้นตอนดังนี้

การทำ Smart Slider แนะนำสินค้าขายดีของร้าน โปรโมชัน และสินค้าแนะนำ

Smart Slider 3 คือ ปลั๊กอินที่สามารถนำมาใช้สร้างสไลด์นำเสนอสินค้าที่สนับสนุนการสร้างภาพสไลด์ที่มีความสวยงาม และมีความสามารถในการปรับแต่งอย่างหลากหลาย เพื่อนำเสนอสินค้าให้ดูน่าสนใจและโดดเด่นขึ้น      ในการนำเสนอหรือการตลาดสินค้าปลั๊กอิน Smart Slider3 จะมีฟังก์ชันการเพิ่มภาพ ข้อความ อนิเมชั่น และปรับเปลี่ยนการนำเสนออย่างมีประสิทธิภาพ เพื่อดึงดูดความสนใจของผู้ชมและเพิ่มโอกาสในการขายสินค้า ช่วยให้การสร้างสไลด์นำเสนอสินค้าเป็นเรื่องที่ง่ายและมีประสิทธิภาพมากยิ่งขึ้นได้ มีขั้นตอนการติดตั้งและแก้ไขสไลด์ดังนี้

การติดตั้ง WooCommerce

WooCommerce เป็นปลั๊กอิน (Plugin) WordPress ซึ่งเป็นระบบการจัดการเว็บไซต์ที่ใช้กันอย่างแพร่หลายออกแบบมาเพื่อให้สามารถเพิ่มฟังก์ชันการขายออนไลน์ไปยังเว็บไซต์ช่วยให้สามารถสร้างร้านค้าออนไลน์ได้

การติดตั้งตัวอย่างสินค้า WooCommerce

การติดตั้งตัวอย่างสินค้า WooCommerceนั้นจะใช้ปลั๊กอิน ตัวนำเข้าเวิร์ดเพรส Importer เพื่อดาวน์โหลดรูปภาพและข้อมูลสินค้ามาจาก ซึ่งมีขั้นตอนต่อไปนี้

การแก้ไขปัญหา MySQL หยุดทำงานโดยไม่ได้รับคำสั่งให้หยุด

ข้อผิดพลาด “MySQL shutdown unexpectedly” หมายความว่า MySQL หยุดทำงานโดยไม่ได้รับคำสั่งให้หยุด มีหลายสาเหตุที่อาจทำให้ MySQL หยุดทำงานอย่างไม่ได้รับคำสั่ง บางครั้งเป็นไปได้ที่จะเกิดจากปัญหาของโปรแกรม MySQL หรือปัญหาในระบบเซิร์ฟเวอร์เอง ดังนี้

1. ข้อผิดพลาดในการกำหนดค่า: บางครั้ง MySQL อาจหยุดทำงานเมื่อมีข้อผิดพลาดในการกำหนดค่า ที่เกี่ยวข้องกับไฟล์การกำหนดค่า (เช่น my.cnf) หรือข้อผิดพลาดในการกำหนดค่าที่เกี่ยวข้องกับการเชื่อมต่อฐานข้อมูล.

2. ปัญหาในการเชื่อมต่อฐานข้อมูล: ปัญหาในการเชื่อมต่อฐานข้อมูลอาจทำให้ MySQL หยุดทำงาน อาทิเช่น การปรับเปลี่ยนรหัสผ่านผู้ใช้ MySQL หรือการเปลี่ยนแปลงการอนุญาตการเข้าถึงฐานข้อมูล.

3. ข้อผิดพลาดของโปรแกรม MySQL: บางครั้ง MySQL อาจหยุดทำงานเนื่องจากข้อผิดพลาดภายในโปรแกรม MySQL เอง ซึ่งอาจต้องการการแก้ไขหรือการปรับปรุงโปรแกรม.

4. แหล่งข้อมูลหรือเครื่องแม่ข่ายปัญหา: การปัญหาในระบบเครือข่ายหรือปัญหาในการเข้าถึงแหล่งข้อมูลอาจทำให้ MySQL หยุดทำงาน ตัวอย่างเช่น ปัญหาในการเชื่อมต่อกับฐานข้อมูลหรือการเข้าถึงแหล่งข้อมูล.

5. เมื่อเกิดข้อผิดพลาด “MySQL shutdown unexpectedly” ควรตรวจสอบบันทึกข้อผิดพลาดของ MySQL (MySQL error log) เพื่อดูข้อมูลเพิ่มเติมเกี่ยวกับข้อผิดพลาดที่เกิดขึ้น และทำการวินิจฉัยสาเหตุและแก้ไขปัญหาตามนั้นในการดำเนินการต่อไป.

สอนการใช้โปรแกรม Canva ในการออกแบบภาพกราฟิกสำหรับเว็บไซต์

การเพิ่มสินค้าประเภททั่วไป

การเพิ่มสินค้าทั่วไป

      สินค้าทั่วไป คือ ประเภทหรือหมวดหมู่ของสินค้าที่ไม่มีคุณสมบัติพิเศษหรือคุณลักษณะเฉพาะเจาะจงใด ๆ นอกจากนี้ยังเรียกว่า “สินค้าปกติ” หรือ “สินค้าทั่วไป” ได้เช่นกัน เช่น สินค้าเสื้อผ้าทั่วไป อาหารและเครื่องดื่ม อุปกรณ์อิเล็กทรอนิกส์ เป็นต้น การเพิ่มสินค้าใหม่ใน WooCommerce เป็นกระบวนการที่ใช้เพื่อเพิ่มสินค้าใหม่ลงในร้านค้าออนไลน์ กระบวนการนี้ประกอบด้วยขั้นตอนการกำหนดข้อมูลต่าง ๆ ให้สินค้า เช่น ชื่อสินค้า รายละเอียด รูปภาพ ราคา และหากมีส่วนลดสามารถจัดการส่วนลดของสินค้าได้ รวมถึงการกำหนดคุณสมบัติเพิ่มเติมเช่น ขนาด สี หรือคุณสมบัติอื่น ๆ ของสินค้าได้ การเพิ่มสินค้าใหม่สามารถทำได้ดังนี้

การเพิ่มสินค้าที่มีหลายแบบหลายรายการ

สินค้าบางรายการมีคุณสมบัติของสินค้าทั่วไป เช่น หูฟังที่มีหลายขนาด หรือมีหลายสี การเพิ่มสินค้าในลักษณะนี้ ไม่จำเป็นต้องนำเข้าข้อมูลในทุก ๆ แบบทุกรายการ โดยจะเลือกใช้ประเภทของสินค้าที่มีหลายแบบหลายราคา เรียกว่า Variable product ซึ่งลูกค้าสามารถเลือกคุณสมบัติจากสินค้าที่สนใจได้มีขั้นตอนในการจัดการสินค้าที่มีหลายแบบหลายราคาดังนี้

สอนการเพิ่มสินค้าที่สามารถดาวน์โหลด

ในการขายสินค้าผ่านเว็บไซต์ออนไลน์ สินค้าที่วางขายในเว็บไซต์ไม่เพียงแต่เป็นสินค้าทั่วไปเท่านั้นแต่ยังมีที่อนุญาตให้ลูกค้าสั่งซื้อสินค้าและดาวน์โหลดสินค้าที่ซื้อผ่านทางเว็บไซต์ได้ เช่น ไฟล์เสียง ไฟล์วิดีโอ ซอฟต์แวร์ หนังสืออิเล็กทรอนิกส์ รูปภาพ โปรแกรมคอมพิวเตอร์ เป็นต้น ก่อนที่จะเริ่มศึกษาสินค้าประเภทนี้จะต้องเตรียมไฟล์สำหรับการดาวน์โหลด 1  ขั้นตอนการจัดการสินค้าประเภทไฟล์มีดังนี้

ผลลัพธ์การเรียนรู้ระดับรายวิชา

อ้างอิงมาตรฐาน
      มาตรฐานคุณวุฒิวิชาชีพ สถาบันคุณวุฒิวิชาชีพ (องค์การมหาชน) อาชีพสมรรถนะสนับสนุนการทำงานด้านการใช้ดิจิทัล ระดับ 3

      ออกแบบเว็บเพจ ติดตั้งโปรแกรมจำลองเว็บเซิฟเวอร์ (Web Server) ใช้โปรแกรมสำเร็จรูปสร้างเว็บไซต์ ใส่ข้อความ ใส่รูปภาพ ใส่สื่อมัลติมีเดีย อัปโหลดเว็บไซต์ (Upload) เผยแพร่เว็บไซต์ สร้างเว็บไซต์ด้วยโปรแกรมสำเร็จรูปตามหลักการ ด้วยความละเอียด รอบคอบ

จุดประสงค์รายวิชา เพื่อให้

1. เข้าใจเกี่ยวกับกระบวนการ และโครงสร้างการทำงานของเว็บไซต์
2. มีทักษะในการสร้างเว็บไซต์ด้วยโปรแกรมสำเร็จรูป
3. มีความสามารถประยุกต์ใช้เว็บไซต์สำหรับงานธุรกิจดิจิทัล
4. มีเจตคติและกิจนิสัยที่ดีในการปฏิบัติงานด้วยความละเอียด รอบคอบ

สมรรถนะรายวิชา

1. แสดงความรู้เกี่ยวกับกระบวนการและโครงสร้างการทำงานของเว็บไซต์ตามหลักการ
2. สร้างเว็บไซต์สำหรับงานธุรกิจดิจิทัลด้วยโปรแกรมสำเร็จรูปตามหลักการและกระบวนการ
3. ประยุกต์ใช้เว็บไซต์สำหรับงานธุรกิจดิจิทัล

คำอธิบายรายวิชา  

           ศึกษาและปฏิบัติเกี่ยวกับกระบวนการพัฒนาเว็บไซต์โครงสร้างการทำงานของเว็บไซต์ การออกแบบเว็บเพจ การติดตั้งโปรแกรมจำลองเว็บเซิฟเวอร์ (Web Server) การใช้โปรแกรมสำเร็จรูปสร้างเว็บไซต์การใส่ข้อความ การใส่รูปภาพ การใส่สื่อมัลติมีเดีย การอัปโหลดเว็บไซต์ (Upload) การเผยแพร่เว็บไซต์การประยุกต์ใช้เว็บไซต์สำหรับงานธุรกิจดิจิทัล