การออกแบบสวนตดตอผใชใหม ของระบบสารสนเทศนสต มหาวทยาลย

เกษตรศาสตรRedesigning user interfaces

of student information system of Kasetsart University

อาจารยทปรกษา รศ.ดร.พนธปต เปยมสงา

จดทำาโดยนางสาวปารชาต ชยธชวงค 49051097นางสาวเพญพร ฉนทกตต 49051147นายภควต อมรวฒนสวสด 49051154นายสมภพ กละปาลานนท 49051220

หวขอ

• ความเปนมา• ปญหาทเปนเหตผลใหควร

พฒนาโครงงาน• วตถประสงค• ภาพรวมของระบบ• โครงสรางของระบบ

• ขอบเขตการดำาเนนงาน• เครองมอทใชในการ

ดำาเนนงาน• แผนการดำาเนนงาน• ประโยชนทคาดวาจะได

รบ• วธการประเมน

2

ความเปนมา

3

ประกาศตางๆ

ความเปนมา

www.eng.ku.ac.th www.cpe.ku.ac.th

User

www.ku.ac.th

4

ลงทะเบยนเรยน

ความเปนมา

www.registrar.ku.ac.th www.regis.ku.ac.th

User 5

สอการเรยนร

ความเปนมา

http://course.ku.ac.th

User6

กจกรรมตางๆ

ความเปนมา

http://nisit.kasetsart.org

User7

ปญหาทเปนเหตผลใหควรพฒนาโครงงาน

8

ปญหาทเปนเหตผลใหควรพฒนาโครงงาน• แตละระบบไมมการเชอมโยงถงกน

www.ku.ac.th

www.eng.ku.ac.th www.cpe.ku.ac.th

www.regis.ku.ac.th

nisit.kasetsart.org

9

ปญหาทเปนเหตผลใหควรพฒนาโครงงาน• แตละระบบไมมการเชอมโยงถงกน• ขนตอนการใชงานมความยงยากซบซอน

www.regis.ku.ac.thwww.registrar.ku.ac.th

10

ปญหาทเปนเหตผลใหควรพฒนาโครงงาน• แตละระบบไมมการเชอมโยงถงกน• ขนตอนการใชงานมความยงยากซบซอน

http://course.ku.ac.th

• ขาดสอและเครองมอทชวยสนบสนนการเรยนรรวมกนของนสต

11

วตถประสงค

12

วตถประสงค

• ลดปญหาความซำ4าซอนของขอมล• อำานวยความสะดวกในการจดตารางเรยน และลง

ทะเบยนเรยน• เพอใหผเรยนสามารถเขาถงสอการเรยนการสอน

ไดหลากหลายรปแบบ และสรางสงคมการเรยนรรวมกน

• แสดงผลขอมลรวมถงจดการขอมลในรปแบบทสามารถเขาใจงาย

• ผพฒนาระบบมชองทางใหสามารถนำาไปพฒนาเพมเตมได

13

ภาพรวมของระบบ

14

ภาพรวมของระบบ

ระบบลงทะเบยนเรยน

ขอมลสารสนเทศนสตตาราง

กจกรรมสนบสนนการเรยน

การสอน

Student Network15

ภาพรวมของระบบ (ตอ) สวนท 1 : Web Service

16Student Network

ภาพรวมของระบบ (ตอ)

ADMIN

สวนท 2 : ระบบจดตารางเรยน และลงทะเบยนเรยน

ระบบการจดตารางเรยน และลงทะเบยนเรยน

Rule

Rule

Rule

Rule

17

ภาพรวมของระบบ (ตอ) สวนท 2 : ระบบจดตารางเรยน และลงทะเบยนเรยน(ตอ)

User

ระบบการจดตารางเรยน

Rule

Plan 1 Plan 2

Thai Communica

tion

Thai Communica

tion

Math I Health for

lifeProgramming

Math IHealth for lifeProgramming

ตารางสอบ

Thai Communica

tionHealth for

life

Math I

Programming

18

ภาพรวมของระบบ (ตอ) สวนท 2 : ระบบจดตารางเรยน และลงทะเบยนเรยน(ตอ)

User

User

UserUser

19

Thai Communica

tionMath IHealth for lifeProgramming

ภาพรวมของระบบ (ตอ) สวนท 2 : ระบบจดตารางเรยน และลงทะเบยนเรยน(ตอ)

User Student Network

รายงานการลงทะเบยน

20

ภาพรวมของระบบ (ตอ) สวนท 3 : แสดงผลรายงานขอมลสารสนเทศนสต

User

Personal Information

Activity

Portfolio

AGrade

21

FavouriteTitle

ภาพรวมของระบบ (ตอ) สวนท 4 : จดการระบบสนบสนนการเรยนการสอน

User

Chapter1.avi

Chapter1.pdf

22

BookmarkTitle

บทท 1 โปรโตคอลเนตเวรคแบงไดมหลายประเภท

ภาพรวมของระบบ (ตอ) สวนท 4 (ตอ) : วดโอ และบนทกยอ

User

User

TCP/TP 2.43 Sec

VOIP 30.23 Sec

23

+ Note

Subject : Network

New Event

ภาพรวมของระบบ (ตอ) ระบบสวนกลาง

User

University

24

Mock Up

25

โครงสรางของระบบ

26

โครงสรางของระบบ สวนท 1 : Web Service

KU Authenticate

Logic Module

SocialNetwork

AuthenticateModule

twitter Google Calendar

DB

RequestClient

ApplicationService

Interface

(A)

27

โครงสรางของระบบ (ตอ) สวนท 2 : ระบบจดตารางเรยน และลงทะเบยนเรยน

Class Schedule

ManagementRegistration

Filtering

Web Interface

UsersDB

Service Interface

(A)

28

Request

โครงสรางของระบบ (ตอ) สวนท 3 : แสดงผลรายงานขอมลสารสนเทศนสต และจดการระบบสนบสนนการเรยนการสอน

Users

Service Interface

Web Interface

Personal Information E-Classroom

Activity

File Server

Request

(A)

DB

(B)

29

โครงสรางของระบบ (ตอ) สวนท 4 : วดโอ และบนทกยอ

Users

Service Interface

FlashPlayer

Bookmark

Lecture Note

Flash Media Server

(A)

DB(B)

30

Request

Converter

Audio

Video

File Server

งานทเกยวของ

31

งานทเกยวของ

32

• http://www.ku.ac.th• http://www.regis.ku.ac.th• http://www.registrar.ku.ac.th• http://nisit.kasetsart.org• http://course.ku.ac.th

ขอบเขตการดำาเนนงาน

33

ขอบเขตการดำาเนนงาน

• มเอพไอ (API) สำาหรบเรยกใชขอมล เชน ขอมลสวนตวของนสต ขอมลการลงทะเบยนเรยน ขอมลชวโมงกจกรรม

• มระบบเครอขายทางสงคม(Social Network) สำาหรบผใชภายใน

• มการเชอมตอกบเครอขายทางสงคมภายนอก (Twitter, Google Calendar) เพอใชในการกระจายขาวสาร

• มหนาควบคมสำาหรบผดแลระบบ

สวนท 1 : Web Service

34

ขอบเขตการดำาเนนงาน (ตอ) สวนท 2 : ระบบจดตารางเรยน และลงทะเบยนเรยน

• ผดแลระบบสามารถต4งกฎเกณฑในการลงทะเบยนเรยนได

• มการตรวจสอบกฎเกณฑทไดต4งไวกอนทจะอนญาตใหลงทะเบยนเรยน

หรอจดตารางเรยน• มการตรวจสอบความซำ4าซอนของเวลาเรยนและ

ตารางสอบ35

ขอบเขตการดำาเนนงาน (ตอ) สวนท 3 : แสดงผลรายงานขอมลสารสนเทศนสต และจดการระบบสนบสนนการเรยนการสอน

• นำาเสนอขอมลสวนตว ผลการเรยน กจกรรม และแฟมสะสมผลงาน

• มการจดทำารายการโปรด (Favourite) ในสวนของสอการเรยนการสอน

• มการจดการไฟล (Download, Upload) ในสวนของสอการเรยนการสอน

• มการรองรบสอในรปแบบไฟลวดโอและไฟลเสยง 36

ขอบเขตการดำาเนนงาน (ตอ)

• สามารถสรางจดคน (Bookmark) ในไฟลวดโอ และไฟลเสยงได

• สามารถเรมตนเลนไฟลวดโอและไฟลเสยงตรงจดคนได

• แบงปนจดคนของไฟลวดโอ และไฟลเสยง• มเครองมอทใชในการบนทก และแบงปนเลคเชอร

โนต (Lecture Note)

สวนท 4 : วดโอ และบนทกยอ

37

ขอบเขตการดำาเนนงาน (ตอ) สวนกลาง

• ระบบสามารถสอสารกบผใชผานเครอขายทางสงคมได

• มระบบการสรางเหตการณ และแจงเตอนเหตการณผานชองทางตางๆ

38

เครองมอทใชในการดำาเนนงาน

39

เครองมอทใชในการดำาเนนงาน

• ฮารดแวร• เครองคอมพวเตอร

สวนบคคล

• Framework• Django 1.1

• ระบบปฏบตการ• Linux Ubuntu• Microsoft

Windows XP

• ซอฟตแวร• MySQL Server 5.0

• Apache 2.2 • Adobe Flex • Adobe Flash• Flash Media Server Red5

• ภาษาทใชในการพฒนา   • python 2.6.2• Action Script 3• Java

   

40

แผนการดำาเนนงาน

41

แผนการดำาเนนงาน

ลำาดบ

กจกรรม พ.ศ. 2552ม.ย. ก.ค. ส.ค.

1 ศกษาและวเคราะหระบบงานปจจบน ผลสรปขอบกพรองของระบบงานปจจบน

2 รวบรวมความตองการของระบบ ฟงกชนตางๆ ทระบบเรยกใชงาน

3 ศกษาแนวโนมและเลอกใชเทคโนโลยในการพฒนาระบบ เทคโนโลยทใชพฒนาระบบ

4 วเคราะห ออกแบบระบบ และสรางฐานขอมล รายงานสรปขอบเขตและวธการทำางาน

42

แผนการดำาเนนงาน (ตอ)ลำาดบ

กจกรรม พ.ศ. 2552ส.ค.

ก.ย.

ต.ค.

พ.ย.

ธ.ค.

5 พฒนาระบบสวนทรบผดชอบโมดลในแตละสวน

6 ทดสอบระบบสวนทรบผดชอบและแกไขระบบรายงานขอผดพลาดและวธการแกปญหา

7 ทดสอบความเขากนไดของระบบตางๆและแกไขระบบ รายงานขอผดพลาดและวธการแกปญหา

43

แผนการดำาเนนงาน (ตอ)ลำาดบ

กจกรรม พ.ศ. 2552

พ.ศ. 2553

พ.ย.

ธ.ค.

ม.ค.

ก.พ.

8 ทดสอบการใชงานและแกไขขอผดพลาดผลการพฒนาระบบตามแผน

9 ประเมนผลผลการประเมน

10 จดทำาเอกสารเอกสารการใชงานและเอกสารสำาหรบนกพฒนา

44

ประโยชนทคาดวาจะไดรบ

45

ประโยชนทคาดวาจะไดรบ

• นสตวางแผนการลงทะเบยนเรยนไดสะดวกและรวดเรวข4น

• เกดสงคมการเรยนรทมนสตเปนศนยกลาง• นสตและอาจารยมเครองมอ และสอการเรยนการ

สอนทมประสทธภาพ• ลดภาระงานของผดแลระบบ• เพมชองทางการประชาสมพนธขาวสารใหกบนสต• ผพฒนาระบบสามารถนำาระบบไปพฒนาเพมเตม

ได46

วธการประเมน

47

วธการประเมน

• ทดสอบระบบ โดยการทดลองการใชงานแตละฟงกชนเปรยบเทยบกบวตถประสงค และเปาหมาย

• ทดสอบความสะดวกในการใชงานของระบบท4งหมด โดยใหนสตกลมตวอยางทดลองใช โดยประเมนตามหวขอดงน4o เวลาทใชในการเรยนร (Time to learn)o ความพงพอใจของผใชระบบ (Subjective satisfaction)

48

คำาถาม และขอสงสย

49