Step 3 ออกแบบหน้าตาของโปรแกรม

ส่วนประกอบต่างๆของโปรแกรม
1. เมนูหลักของโปรแกรม
เป็นหน้าจอหลัก สามารถคลิกปุ่มต่างๆ เช่น Help, About เพื่อเลือกการทำงาน ส่วนการ ศึกษาบทเรียนต่างๆ ให้คลิกที่หัวข้อย่อย เช่น คลิกที่ ลักษณะของโปรแกรม หรือการเข้าโปรแกรม

2. ปุ่ม About Us เกี่ยวกับผู้จัดทำ
แสดงข้อมูลเกี่ยวกับผู้จัดทำ จะมีปุ่ม Exit เพื่อออกจากหน้าจอนี้และกลับเมนูหลักของ โปรแกรม
3. ปุ่ม Help วิธีใช้โปรแกรมนี้
เป็นส่วนแสดงวิธีใช้โปรแกรมนี้ จะใช้ไอคอน Framework ช่วยในการเลื่อนหน้าต่างๆ

4. หัวข้อ ลักษณะของโปรแกรม
เป็นลักษณะการนำเสนอ ในตัวอย่าง ผู้เรียนสามารอ่านข้อความต่างๆ หรือคลิกรูปลำโพง เพื่อ ฟังเสียงบรรยายก็ได้

5. หัวข้อการเข้าโปรแกรม (Avi)
จะเป็นการนำเสนอแบบภาพเคลื่อนไหวประกอบเสียงบรรยายด้วยไฟล์แบบ Avi จะมีปุ่ม ควบคุม เช่น Play เพื่อเล่นไฟล์ภาพยนตร์ Pause หยุดเล่นชั่วคราว Continue เริ่มเล่นต่อหลังจากที่ หยุดชั่วคราว และ Stop หยุดเล่นและกลับไปที่เมนูหลักของโปรแกรม
ส่วนภาพเคลื่อนไหวอีกแบบ จะใช้ไฟล์แบบ .scm ที่สร้างด้วยโปรแกรม Lotus Screen Cam

6. ปุ่ม Exit
เมื่อออกจากโปรแกรมก็จะแสดงข้อความเกี่ยวกับลิขสิทธิ์ของโปรแกรม แล้วก็กลับไปที่ โปรแกรม Windows