บทที่3 การออกแบบระบบงานด้วยคอมพิวเตอร์ 3.1 การออกแบบผังโครงสร้างแอพพลิเคชั่น (Site Map) รูปที่ 3.1 แสดงการออกแบบ Sitemap บทเรียน เนื้อหาที่ 1.ภาษา C+ คืออะไร เนื้อหาที่ 2.คอมไพเลอร์ เนื้อหาที่ 3.การเขียนโปรแกรม ภาษา C+ เนื้อหาที่ 4.โครงสร้างภาษา C+ เนื้อหาที่ 5.STATEMENT เนื้อหาที่ 6.คอมเม้นต์ เนื้อหาที่ 7.WHITESPACE เนื้อหาที่ 8.KEYWORD เนื้อหาที่ 9.ตัวแปรและประเภท ข้อมูล เนื้อหาที่ 10.ประเภทข้อมูล แบบทดสอบ สรุปผลการรวมคะแนน เนื้อหาที่ 11.แบบทดสอบ หน้าแรก หน้า Login ผู้จัดทำ
24 3.2 การออกแบบแผนภาพแนวความคิด (Story Board Design) รูปที่ 3.2 หน้าแรก Login รูปที่ 3.3 หน้ารวมเนื้อหา
25 รูปที่ 3.4 เนื้อหาที่ 1 ภาษาC+คืออะไร รูปที่ 3.5 เนื้อหาที่ 2 คอมไพเลอร์
26 รูปที่ 3.6 เนื้อหาที่ 3 การเขียนโปรแกรมภาษาC+ รูปที่3.7เนื้อหาที่ 4 โครงสร้างภาษาC+
27 รูปที่ 3.8 เนื้อหาที่ 5 Statement(คำสั่งการทำงาน) รูปที่ 3.9 เนื้อหาที่ 6 คอมเมนต์
28 รูปที่3.10 เนื้อหาที่ 7 Whitespace รูปที่ 3.11 เนื้อหาที่ 8 Keyword
29 รูปที่ 3.12 เนื้อหาที่ 9 ตัวแปรและประเภทข้อมูล รูปที่ 3.13 เนื้อหาที่ 10 ประเภทข้อมูล
30 รูปที่ 3.14 บททดสอบข้อ 1 รูปที่ 3.15 คะแนนในการตอบ
31 รูปที่3.16 บททดสอบข้อที่ 2 รูปที่ 3.17 คะแนนในการตอบ
32 รูปที่ 3.18 บททดสอบข้อที่ 3 รูปที่ 3.19 คะแนนในการตอบ
33 รูปที่ 3.20 บททดสอบข้อที่ 4 รูปที่ 3.21 คะแนนในการตอบ
34 รูปที่ 3.22 บททดสอบข้อที่ 5 รูปที่ 3.23 คะแนนในการตอบ
35 รูปที่ 3.24 บททดสอบข้อที่ 6 รูปที่ 3.25 คะแนนในการตอบ
36 รูปที่ 3.26 บททดสอบข้อที่ 7 รูปที่ 3.27 คะแนนในการตอบ
37 รูปที่ 3.28 บททดสอบข้อที่ 8 รูปที่ 3.29 คะแนนในการตอบ
38 รูปที่ 3.30 บททดสอบข้อที่ 9 รูปที่ 3.31 คะแนนในการตอบ
39 รูปที่ 3.32 บททดสอบข้อที่ 10 รูปที่ 3.33 คะแนนในการตอบ
40 รูปที่ 3.34 ผู้จัดทำ
41 3.3 การออกแบบสิ่งนำเข้า(Input Desing) 1. แนะนำบทเรียน 2. ข้อมูลบทเรียน 3. แบบทดสอบออนไลน์หลังเรียน 4. ข้อมูล Login 5. การคำควณคะแนน 3.4 การออกแบบสิ่งนำเข้า(Input Desing) 1.ข้อมูลแสดงทางจอคอมพิวเตอร์ 2. เครื่องฉายโปรเจ็คเตอร์ คือ การนำเสนอเพื่อสอบวิชาโครงงาน 3. เอกสารประกอบโครงการ