ใบงานที่ 5 เรื่อง : การตลาดดิจิทัลและการพัฒนาเว็บไซต์เชิงธุรกิจ

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

• เข้าใจหลักการตลาดดิจิทัล
• วิเคราะห์การประชาสัมพันธ์เว็บไซต์ได้
• วางแผนการเพิ่มยอดขายผ่านเว็บไซต์ได้

คำชี้แจง

ให้นักเรียนวิเคราะห์และออกแบบแนวทางการตลาดออนไลน์สำหรับเว็บไซต์ธุรกิจ

ข้อที่ 1 วิเคราะห์การตลาดออนไลน์

ให้นักเรียนอธิบายช่องทางการตลาดออนไลน์ที่เหมาะสมกับธุรกิจ

ข้อที่ 2 การออกแบบคอนเทนต์เว็บไซต์

ให้นักเรียนออกแบบเนื้อหาที่ควรมีบนเว็บไซต์

ข้อที่ 3 การวิเคราะห์ SEO

ให้นักเรียนศึกษาหลักการทำ SEO และตอบคำถาม

ข้อที่ 4 วิเคราะห์พฤติกรรมลูกค้าออนไลน์

ให้นักเรียนวิเคราะห์พฤติกรรมผู้ใช้งานเว็บไซต์

ข้อที่ 5 วางแผนพัฒนาเว็บไซต์เชิงธุรกิจ

ให้นักเรียนออกแบบแผนการพัฒนาเว็บไซต์ระยะสั้นและระยะยาว

ใบงานที่ 2 เรื่อง : การออกแบบโครงสร้างเว็บไซต์ (Website Structure Design)

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

• ออกแบบโครงสร้างเว็บไซต์ได้อย่างเหมาะสม
• วางแผนเมนูและลำดับการเข้าถึงข้อมูลได้
• ออกแบบ Sitemap และ Wireframe ได้

คำชี้แจง

ให้นักเรียนออกแบบโครงสร้างเว็บไซต์สำหรับธุรกิจที่เลือก พร้อมตอบคำถามต่อไปนี้

ข้อที่ 1 ออกแบบ Sitemap

ให้นักเรียนออกแบบผังเว็บไซต์ (Sitemap)

ตัวอย่างเมนูหลัก

• หน้าแรก
• เกี่ยวกับเรา
• สินค้า/บริการ
• ข่าวสาร
• ติดต่อเรา
• สมัครสมาชิก

วาดผังโครงสร้างเว็บไซต์....................................................................................................................................................................................................................

ข้อที่ 2 ออกแบบหน้าแรกของเว็บไซต์

ให้นักเรียนออกแบบองค์ประกอบของหน้าแรก (Homepage)

อธิบายแนวคิดการออกแบบ..........................................................................................................

ข้อที่ 3 ออกแบบประสบการณ์ผู้ใช้งาน (UX/UI)

ให้นักเรียนวิเคราะห์และออกแบบประสบการณ์ผู้ใช้งาน

• สีหลักของเว็บไซต์ : ..........................................................
• รูปแบบตัวอักษร : ..........................................................
• รูปแบบปุ่มกด : ..........................................................
• แนวคิดการใช้งานง่าย (User Friendly) : ..........................................................
• การรองรับมือถือ (Responsive Design) : ..........................................................

อธิบายเพิ่มเติม..........................................................................................................

ข้อที่ 4 การวางระบบนำทาง (Navigation)

ให้นักเรียนออกแบบระบบเมนูและการเข้าถึงข้อมูล

สรุปผล

..........................................................................................................

ข้อที่ 5 ออกแบบ Wireframe

ให้นักเรียนวาด Wireframe ของหน้าเว็บอย่างน้อย 1 หน้า พร้อมอธิบายตำแหน่งขององค์ประกอบต่าง ๆ

พื้นที่สำหรับวาด Wireframe....................................................................................................................................................................................................................

คำอธิบาย..........................................................................................................

ใบงานที่ 1

เรื่อง : การวิเคราะห์เว็บไซต์ทางธุรกิจและกลุ่มเป้าหมาย

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

• วิเคราะห์ลักษณะของเว็บไซต์ทางธุรกิจได้
• จำแนกกลุ่มเป้าหมายของเว็บไซต์ได้อย่างถูกต้อง
• อธิบายองค์ประกอบที่สำคัญของเว็บไซต์ธุรกิจได้

คำชี้แจง

ให้นักเรียนศึกษาธุรกิจที่สนใจ 1 ธุรกิจ และตอบคำถามต่อไปนี้โดยละเอียด พร้อมอธิบายเหตุผลประกอบ

ข้อที่ 1 วิเคราะห์ประเภทธุรกิจ

ให้นักเรียนเลือกธุรกิจ 1 ประเภท เช่น ร้านค้าออนไลน์ ร้านอาหาร โรงแรม วิทยาลัย หรือบริษัทเอกชน แล้วตอบคำถามต่อไปนี้

• ชื่อธุรกิจ : ..........................................................
• ประเภทของธุรกิจ : ..........................................................
• สินค้าหรือบริการหลัก : ..........................................................
• จุดเด่นของธุรกิจ : ..........................................................
• ปัญหาที่เว็บไซต์สามารถช่วยแก้ไขได้ : ..........................................................

ข้อที่ 2 วิเคราะห์กลุ่มเป้าหมาย (Target Audience)

ให้นักเรียนวิเคราะห์กลุ่มเป้าหมายของเว็บไซต์ธุรกิจที่เลือก

• อายุของกลุ่มเป้าหมาย : ..........................................................
• เพศ : ..........................................................
• พฤติกรรมการใช้งานอินเทอร์เน็ต : ..........................................................
• อุปกรณ์ที่นิยมใช้ : ..........................................................
• ความต้องการหลักของผู้ใช้งาน : ..........................................................

อธิบายเพิ่มเติม..........................................................................................................

ข้อที่ 3 วิเคราะห์คู่แข่งทางธุรกิจ

ให้นักเรียนค้นหาเว็บไซต์คู่แข่งอย่างน้อย 2 เว็บไซต์ และเปรียบเทียบข้อดีข้อเสีย

สรุปผลการวิเคราะห์..........................................................................................................

ส่งชิ้นงานโปรเจ็คเว็บแอ็พ
ส่งชิ้นงานโปรเจ็คเว็บแอ็พ ระบบ 3 ส่วน ดังนี้

1. หน้าโชว์ข้อมูล (ในสิทธิ์ของผู้ใช้งานทั่วไป)

2. เข้าสู่ระบบ ,ออกจากระบบ ,สมัครสมาชิก

3. ระบบหลังบ้าน (เพิ่ม ,ลบ ,แก้ไข) CRUD

ชื่อหัวข้อโปรเจ็ค : ..................................

ลิงค์โปรเจ็ค : .........................................

ส่งชิ้นงานโปรเจ็คเว็บแอ็พ เฟรส 2
ส่งชิ้นงานโปรเจ็คเว็บแอ็พ ระบบ 3 ส่วน ดังนี้

เฟรส 1

1. หน้าโชว์ข้อมูล (ในสิทธิ์ของผู้ใช้งานทั่วไป)

2. เข้าสู่ระบบ ,ออกจากระบบ ,สมัครสมาชิก

3. ระบบหลังบ้าน (เพิ่ม ,ลบ ,แก้ไข) CRUD

เฟรส 2

4. ระบบจัดการสมาชิก

5. ระบบจัดการหน้าโชว์ข้อมูล

6. ระบบบริหารจัดการหลังบ้าน

ชื่อหัวข้อโปรเจ็ค : ..................................

ลิงค์โปรเจ็ค : .........................................

ใบงานที่ 4 เรื่อง : การพัฒนาเว็บไซต์และเทคโนโลยีที่เกี่ยวข้อง

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

• เข้าใจเทคโนโลยีที่ใช้ในการพัฒนาเว็บไซต์

• เลือกเครื่องมือและภาษาโปรแกรมได้เหมาะสม

• วิเคราะห์การทำงานของระบบเว็บไซต์ได้

ให้นักเรียนศึกษาการพัฒนาเว็บไซต์ธุรกิจ และตอบคำถามต่อไปนี้
ข้อที่ 1 วิเคราะห์เทคโนโลยีที่ใช้
ข้อที่ 2 เปรียบเทียบ Front-end และ Back-end
ข้อที่ 3 วิเคราะห์ระบบ Responsive Design
ข้อที่ 4 การเลือก Hosting และ Domain
ข้อที่ 5 การทดสอบเว็บไซต์

ใบงานที่ 3 เรื่อง : การออกแบบฐานข้อมูลและระบบเว็บไซต์
จุดประสงค์การเรียนรู้

• วิเคราะห์ข้อมูลที่จำเป็นในระบบได้

• ออกแบบฐานข้อมูลได้อย่างเหมาะสม

• เชื่อมโยงความสัมพันธ์ของข้อมูลได้

ให้นักเรียนออกแบบฐานข้อมูลสำหรับเว็บไซต์ธุรกิจ พร้อมตอบคำถามต่อไปนี้

1 วิเคราะห์ข้อมูลในระบบ

2 ออกแบบตารางฐานข้อมูล

3 วิเคราะห์ความสัมพันธ์ของข้อมูล (Relationship)ข้อที่

4 ออกแบบระบบการทำงานผู้ใช้งานสมัครสมาชิก

5 การรักษาความปลอดภัยของระบบ

ส่งชิ้นงานโปรเจ็คเว็บแอ็พ เฟรส 3
ส่งชิ้นงานโปรเจ็คเว็บแอ็พ ระบบ 3 ส่วน ดังนี้

เฟรส 3

7. ด้านความปลอดภัยของระบบ

8. ด้านความปลอดภัยของฐานข้อมูล

9. ด้านความสวยงาม UX | UI

ชื่อหัวข้อโปรเจ็ค : ..................................

ลิงค์โปรเจ็ค : .........................................