ݺߣ

ݺߣShare a Scribd company logo
การออกแบบ User Interface




ส่วนแรก คือ หน้าเข้าสู่ฟังก์ชั่นต่างๆ ซึงมีด้วยกัน ٣ ฟัง
                                         ่
ก์ชั่น มีส่วนแก้ไข และส่วนออกจากโปรแกรม โดย ٣ ฟัง
ก์ชั่น มีรายละเอียดและรูปแบบดังนี้
   1. ฟังก์ชัน การจัดตารางเรียน ซึงมีสวนย่อยดังนี้
                                       ่    ่




           ส่วนที่١ หน้า กรุณาระบุรายวิชา ประกอบ
  ด้วยรายละเอียด ดังนี้
  -ช่องให้ระบุจำานวนรายวิชาที่ลงทะเบียน ซึงเราจะกรอก
                                          ่
  จำานวนจำานวนรายวิชาที่ทำาการลงทะเบียน ซึงจะเชื่อม
                                            ่
  ต่อในส่วนที่ ٢ โดยปุ่ม OK
  -ช่องแสดงรายละเอียดข้อมูลวิชาที่ลงทะเบียนที่ทำาการ
  กรอกข้อมูลแล้ว
-ปุ่มพิมพ์รายงานข้อมูล
  -ปุ่มบันทึก
  -ปุ่มออกจากโปรแกรม




  ส่วนที่ 2 รายละเอียดรายวิชา ประกอบด้วยราย
  ละเอียด ดังนี้
  -ช่องกรอกรหัสรายวิชา
  -ชื่อกรอกชื่อวิชา
  -ช่องกรอกแผนการเรียน
  -ช่องจำานวนหน่วยกิต
  -ช่องกรอกจำานวนชั่วโมงใน ١ สัปดาห์
  -ช่องคลิกวัน
    -และปุ่ม OK ยืนยันข้อมูลรายวิชาที่ทำาการจัดตาราง
 เรียน และนำาข้อมูลนี้ไปแสดงที่       ช่องแสดงราย
 ละเอียดข้อมูลที่ลงทะเบียน
      -โดยการกรอกข้อมูลจะวน Loop ตามจำานวนการก
รอกจำานวนรายวิชาซึ่งกรอกลงในส่วนแรก
٢. กรุณาระบุรายละเอียดรายวิชาที่จะทำาการจัก
ตารางการอ่านก่อน-หลังเรียน




            ส่วนที่١ หน้า กรุณาระบุรายละเอียด
  รายวิชาที่จะทำาการจัดตารางการอ่านก่อน-หลัง
  เรียนประกอบด้วยรายละเอียด ดังนี้
  -ช่องให้ระบุจำานวนรายวิชาที่จะทำาการจัดการอ่านก่อน-
  หลังเรียน ซึงเราจะกรอกจำานวนจำานวนรายวิชาที่ทำาการ
               ่
  ลงทะเบียน ซึ่งจะเชื่อมต่อในส่วนที่ ٢ โดยปุ่ม OK
  -ช่องแสดงรายละเอียดข้อมูลรายวิชาการอ่านก่อน-หลัง
  เรียนที่ทำาการกรอกข้อมูลแล้ว
  -ปุ่มพิมพ์รายงานข้อมูล
  -ปุ่มบันทึก
  -ปุ่มออกจากโปรแกรม
ส่วนที่٢ รายละเอียดการอ่านก่อน-หลังเรียน
  ประกอบด้วยรายละเอียด ดังนี้
  -ช่องกรอกรหัสรายวิชา
  -ชื่อกรอกชื่อวิชา
  -ช่องระบุช่วงเวลาอ่านก่อนเรียน
  -ช่องระบุช่วงเวลาอ่านหลังเรียน
  -ช่องคลิกวัน
    -และปุ่ม OK ยืนยันข้อมูลรายวิชาที่ทำาการจัดตาราง
 การอ่าน และนำาข้อมูลนี้ไปแสดงที่ช่องแสดงรายละเอียด
 ข้อมูลรายวิชาการอ่านก่อน-หลังเรียน
      -โดยการกรอกข้อมูลจะวน Loop ตามจำานวนการก
รอกจำานวนรายวิชาซึ่งกรอกลงในส่วนแรก
3.แผȨาร๶รียนในระบบหน่วยกิต




    หน้าแผนการเรียนในระบบหน่วยกิต ประกอบด้วยราย
ละเอียด ดังนี้
ส่วนที่١ ดูตารางเรียน
ส่วนที่٢ ดูตารางการอ่าน
-ปุ่มออกจากโปรแกรม




ส่วนแสดงข้อมูลก่อนพิมพ์รายงาน
ส่วนนี้จะประกอบด้วย
-ช่องแสดงผลข้อมูลตารางเรียน
-ปุมพิมพ์รายงาน
   ่
-ปุมออกจากโปรแกรม
     ่




           ส่วนนี้จะประกอบด้วย
-ช่องแสดงผลข้อมูลการอ่านก่อน-หลังเรียน
-ปุมพิมพ์รายงาน
   ่
-ปุมออกจากโปรแกรม
     ่
การออกแบบ User interface

More Related Content

Similar to การออกแบบ User interface (13)

PPTX
บทที่ 2
pianojrtk
PDF
Projectcom2
ThamonwanSamakketkan
PDF
Lesson 4 การใช้คำสั่งในการเขียนโปรแกรม
Errorrrrr
PDF
กำ๶Ȩึϸาษาซี
เทวัญ ภูพานทอง
PDF
งานนำเสนอ1 คอม
nuknook
DOC
ใบความรู้ การเขียนโปรแกรม
คุณครู ผู้น่ารัก
DOC
ความหมายของเทคโนโลยีสารสȨทศ
Paweena Kittitongchaikul
PDF
งานนำเสนอ1 คอม
Passawan' Koohar
PDF
Microsoft office excel 2007
Wee Jay
PDF
Microsoft office excel 2007
Wee Jay
PDF
การใช้โปรแกรมตารางงาน-การเริ่มใช้โปรแกรม Microsoft Excel 2007
sudachit maneechote
PPT
งานนำเสนอ1 คอม
nuknook
PDF
ใบความรู้ที่2
Orapan Chamnan
บทที่ 2
pianojrtk
Lesson 4 การใช้คำสั่งในการเขียนโปรแกรม
Errorrrrr
กำ๶Ȩึϸาษาซี
เทวัญ ภูพานทอง
งานนำเสนอ1 คอม
nuknook
ใบความรู้ การเขียนโปรแกรม
คุณครู ผู้น่ารัก
ความหมายของเทคโนโลยีสารสȨทศ
Paweena Kittitongchaikul
งานนำเสนอ1 คอม
Passawan' Koohar
Microsoft office excel 2007
Wee Jay
Microsoft office excel 2007
Wee Jay
การใช้โปรแกรมตารางงาน-การเริ่มใช้โปรแกรม Microsoft Excel 2007
sudachit maneechote
งานนำเสนอ1 คอม
nuknook
ใบความรู้ที่2
Orapan Chamnan

การออกแบบ User interface

  • 1. การออกแบบ User Interface ส่วนแรก คือ หน้าเข้าสู่ฟังก์ชั่นต่างๆ ซึงมีด้วยกัน ٣ ฟัง ่ ก์ชั่น มีส่วนแก้ไข และส่วนออกจากโปรแกรม โดย ٣ ฟัง ก์ชั่น มีรายละเอียดและรูปแบบดังนี้ 1. ฟังก์ชัน การจัดตารางเรียน ซึงมีสวนย่อยดังนี้ ่ ่ ส่วนที่١ หน้า กรุณาระบุรายวิชา ประกอบ ด้วยรายละเอียด ดังนี้ -ช่องให้ระบุจำานวนรายวิชาที่ลงทะเบียน ซึงเราจะกรอก ่ จำานวนจำานวนรายวิชาที่ทำาการลงทะเบียน ซึงจะเชื่อม ่ ต่อในส่วนที่ ٢ โดยปุ่ม OK -ช่องแสดงรายละเอียดข้อมูลวิชาที่ลงทะเบียนที่ทำาการ กรอกข้อมูลแล้ว
  • 2. -ปุ่มพิมพ์รายงานข้อมูล -ปุ่มบันทึก -ปุ่มออกจากโปรแกรม ส่วนที่ 2 รายละเอียดรายวิชา ประกอบด้วยราย ละเอียด ดังนี้ -ช่องกรอกรหัสรายวิชา -ชื่อกรอกชื่อวิชา -ช่องกรอกแผนการเรียน -ช่องจำานวนหน่วยกิต -ช่องกรอกจำานวนชั่วโมงใน ١ สัปดาห์ -ช่องคลิกวัน -และปุ่ม OK ยืนยันข้อมูลรายวิชาที่ทำาการจัดตาราง เรียน และนำาข้อมูลนี้ไปแสดงที่ ช่องแสดงราย ละเอียดข้อมูลที่ลงทะเบียน -โดยการกรอกข้อมูลจะวน Loop ตามจำานวนการก รอกจำานวนรายวิชาซึ่งกรอกลงในส่วนแรก
  • 3. ٢. กรุณาระบุรายละเอียดรายวิชาที่จะทำาการจัก ตารางการอ่านก่อน-หลังเรียน ส่วนที่١ หน้า กรุณาระบุรายละเอียด รายวิชาที่จะทำาการจัดตารางการอ่านก่อน-หลัง เรียนประกอบด้วยรายละเอียด ดังนี้ -ช่องให้ระบุจำานวนรายวิชาที่จะทำาการจัดการอ่านก่อน- หลังเรียน ซึงเราจะกรอกจำานวนจำานวนรายวิชาที่ทำาการ ่ ลงทะเบียน ซึ่งจะเชื่อมต่อในส่วนที่ ٢ โดยปุ่ม OK -ช่องแสดงรายละเอียดข้อมูลรายวิชาการอ่านก่อน-หลัง เรียนที่ทำาการกรอกข้อมูลแล้ว -ปุ่มพิมพ์รายงานข้อมูล -ปุ่มบันทึก -ปุ่มออกจากโปรแกรม
  • 4. ส่วนที่٢ รายละเอียดการอ่านก่อน-หลังเรียน ประกอบด้วยรายละเอียด ดังนี้ -ช่องกรอกรหัสรายวิชา -ชื่อกรอกชื่อวิชา -ช่องระบุช่วงเวลาอ่านก่อนเรียน -ช่องระบุช่วงเวลาอ่านหลังเรียน -ช่องคลิกวัน -และปุ่ม OK ยืนยันข้อมูลรายวิชาที่ทำาการจัดตาราง การอ่าน และนำาข้อมูลนี้ไปแสดงที่ช่องแสดงรายละเอียด ข้อมูลรายวิชาการอ่านก่อน-หลังเรียน -โดยการกรอกข้อมูลจะวน Loop ตามจำานวนการก รอกจำานวนรายวิชาซึ่งกรอกลงในส่วนแรก
  • 5. 3.แผȨาร๶รียนในระบบหน่วยกิต หน้าแผนการเรียนในระบบหน่วยกิต ประกอบด้วยราย ละเอียด ดังนี้ ส่วนที่١ ดูตารางเรียน ส่วนที่٢ ดูตารางการอ่าน -ปุ่มออกจากโปรแกรม ส่วนแสดงข้อมูลก่อนพิมพ์รายงาน
  • 6. ส่วนนี้จะประกอบด้วย -ช่องแสดงผลข้อมูลตารางเรียน -ปุมพิมพ์รายงาน ่ -ปุมออกจากโปรแกรม ่ ส่วนนี้จะประกอบด้วย -ช่องแสดงผลข้อมูลการอ่านก่อน-หลังเรียน -ปุมพิมพ์รายงาน ่ -ปุมออกจากโปรแกรม ่