E-learning วิชาชีววิทยาของนักเรียน...

บทท 4 ผลการด าเนนงาน

เวบไซต E-learning วชาชววทยาของนกเรยนชนมธยมศกษาปท 6 เปนระบบจดการเนอหาบทเรยนหมวดวชาชววยาของนกเรยนชน ม.6 ซงสามารถแบงสทธการท างานใหกบผใชได 3 ระดบคอ ระดบผดแลระบบ ระดบอาจารย และระดบผเรยน ไดเขามาอานขอมลและเนอหาบทเรยนวชาชววทยา และขาวตางๆทเกยวของ จากผดแลระบบหรออาจารย ซงผศกษาไดพฒนาระบบ E-learning วชาชววยาของนกเรยนชนมธยมศกษาปท 6 โดยน าเอาระบบการเรยนรผานทางอนเตอรเนตเขามาใชเปนสอในการสอนบทเรยนในหมวดวชาชววทยา เพออ านวยความสะดวกรวดเรวและมประสทธภาพมากยงขน มรายละเอยดดงตอไปน 4.1 สวนของผเรยน 4.1.1 สวนหนาหลกของผเรยน

ภาพท 4-1 แสดงหนาจอหลกของเวบไซตสวนของผเรยน

4

84

85

จากภาพท 4-1 แสดงหนาหลกของเวบไซตสวนของผเรยน โดยมขนตอนการท างานดงน 1. เปนสวนแสดงเมนลอกอนเขาสระบบของผเรยน 2. เปนสวนแสดงเมนหลก ทสามารถ link ไปทเวบโรงเรยนทาขอนยาง และระบบ E-learning ของโรงเรยนทาขอนยางพทยาคม 3. เปนสวนแสดงเมนรายการสอการเรยนรลาสดทอาจารยหรอAdmin ท าการเพมเขาไป 4. เปนแสดงเนอหาของหนาหลก 4.1.2 สวนเขาสระบบของผเรยน

ภาพท 4-2 แสดงหนาจอเมนเขาสระบบ

จากภาพท 4-2 แสดงหนาจอเมนเขาสระบบ โดยมขนตอนการท างานดงน 1. ผเรยนกดทปม “สมครสมาชก” เพอท าการสมครสมาชกกอนเขาสระบบ 2. ผเรยนท าการกรอกชอผใช/รหสนกเรยน และรหสผานในการเขาสระบบตามทสมครสมาชก 3. เมอกรอกขอมลเรยบรอย ใหกดทปม “เขาสระบบ” เพอท าการเขาสระบบ

2

3

1

86

ภาพท 4-3 แสดงหนาจอการสมครสมาชก

จากภาพท 4-3 แสดงหนาจอเมนเขาสระบบ โดยมขนตอนการท างานดงน 1. นกเรยนท าการกรอกชอผใช/รหสนกเรยน ชอ-สกล เพศ เลอกอาจารยผสอน กลมเรยน ทอย เบอรโทรศพท อเมล และรหสผาน ในการสมครสมาชกเพอเขาสระบบ 2. เมอกรอกขอมลเรยบรอย ใหกดทปม “สมครสมาชก” เพอท าการสมครสมาชก

2

1

87

ภาพท 4-4 แสดงหนาจอเมนของผเรยนเมอเขาสระบบ

จากภาพท 4-4 แสดงหนาจอเมนของผเรยนเมอเขาสระบบ โดยมขนตอนการท างานดงน 1. นกเรยนสามารถกดทปม “ขอมลสวนตว” เพอท าการดขอมลสวนตวและแกไขขอมลสวนตว 2. นกเรยนสามารถกดทปม “เลอกบทเรยน” เพอท าการเลอกดบทเรยนทตองการเขาเรยน 3. นกเรยนสามารถคลกทปม “ขาวตางๆ” เพอท าการอานขาวประชาสมพนธและขาวชววทยาได 3. นกเรยนสามารถคลกทปม “แบบทดสอบ” เพอท าแบบฝกหดกอนและหลงเรยน 4. ผเรยนสามารถกดทปม “ออกจากระบบ” เพอท าการออกจากระบบ

1

2

3

4

5

88

ภาพท 4-5 แสดงหนาจอแกไขขอมลสวนตวของผเรยน

จากภาพท 4-5 แสดงหนาจอแกไขขอมลสวนตวของนกเรยน โดยมขนตอนการท างานดงน 1. ผเรยนสามารถท าการแกไขชอผใช/รหสนกเรยน ชอ-สกล เพศ อาจารยผสอน กลมเรยน ทอย เบอรโทร อเมล และรหสผาน 2. เมอแกไขขอมลเรยบรอย ใหกดทปม “แกไข” เพอท าการแกไขขอมลสวนตวของผเรยน

2

1

89

ภาพท 4-6 แสดงหนาจอขอมลสอการเรยนรทงหมด

จากภาพท 4-6 แสดงหนาจอขอมลสอการเรยนรทงหมด โดยมขนตอนการท างานดงน 1.ผเรยนสามารถเลอกรายวชาทตองการจะเขาเรยน ตามบทเรยนทแสดงตาม ภาพท 4-6 แสดงหนาจอขอมลสอการเรยนรทงหมด

90

ภาพท 4-7 แสดงหนาจอแสดงเนอหาของสอการสอน

จากภาพท 4-7 แสดงหนาจอแสดงเนอหาของสอการสอน โดยมขนตอนการท างานดงน 1.ผเรยนสามารถเลอกรายวชาทตองการจะเขาเรยน ตามหมวดหมทแสดงตาม ภาพท4-6 เมอเลอกวชาเรยนแลวกจะเขาสหนาจอแสดงเนอหาของสอการสอนทเลอก ตามภาพท 4-7

1

91

ภาพท 4-8 แสดงหนาจอขาวทางชววทยา และ ขาวประชาสมพนธ

จากภาพท 4-8 แสดงหนาจอขอมลขาวทงหมด โดยมขนตอนการท างานดงน 1.ผเรยนสามารถเลอกรายวชาทตองการจะเขาเรยน ตามบทเรยนทแสดงตาม ภาพท 4-6 แสดงหนาจอขอมลสอการเรยนรทงหมด

ภาพท 4-9 แสดงหนาจอรายละเอยดขาวทางชววทยา และ ขาวประชาสมพนธ

92

จากภาพท 4-9 แสดงหนาจอขอมลรายละเอยดของขาว โดยมขนตอนการท างานดงน 1.ผเรยนสามารถอานขาวทางชววทยา และ ขาวประชาสมพนธจากทางโรงเรยนได

ภาพท 4-10 แสดงหนาจอรายละเอยดแบบทดสอบในแตละบทเรยน

จากภาพท 4-9 แสดงหนาจอขอมลรายละเอยดของขาว โดยมขนตอนการท างานดงน 1.ชอบทเรยนส าหรบแบบทดสอบนน 2.ชอเรองบทเรยนของแบบทดสอบ 3.นกเรยนสามารถกดทไอคอนเพอท าแบบฝกหดกอนเรยนของบทเรยนนนๆ 3.นกเรยนสามารถกดทไอคอนเพอท าแบบฝกหดกอนเรยนของบทเรยนนนๆ

1 2 3

4

93

ภาพท 4-11 แสดงหนาจอการท าแบบฝกหดกอน-หลงเรยนของนกเรยน

จากภาพท 4-11 แสดงหนาจอการท าแบบฝกหดกอน-หลงเรยนของนกเรยน 1.นกเรยนเลอกค าตอบทคดวาถกตองจากค าถามในแตละขอ 2.กดปม “สงค าตอบ” ซงนกเรยนสามารถท าแบบทดสอบไดเพยงครงเดยว

ภาพท 4-12 แสดงหนาจอคะแนนของการท าแบบทดสอบ

1

2

94

4.2 สวนของอาจารย 4.2.1 สวนเขาสระบบ

ภาพท 4-13 แสดงหนาจอเมนเขาสระบบ

จากภาพท 4-13 แสดงหนาจอเมนเขาสระบบ โดยมขนตอนการท างานดงน 1. อาจารยท าการกรอกชอผใช และรหสผานในการเขาสระบบใหถกตอง 2. เมอกรอกขอมลเรยบรอย ใหกดทปม “เขาสระบบ” เพอท าการเขาสระบบ

ภาพท 4-14 แสดงหนาจอเมนของอาจารยเมอเขาสระบบ

2

2

3

4

1

1

5

95

จากภาพท 4-14 แสดงหนาจอเมนของอาจารยเมอเขาสระบบ โดยมขนตอนการท างานดงน 1. อาจารยสามารถกดทปม “ขอมลสวนตว” เพอท าการดขอมลสวนตวและแกไขขอมลสวนตวได 2. อาจารยสามารถกดทปม “ขอมลบทเรยน” เพอท าการเลอกจดการสอการเรยนรของตนเองได 3. อาจารยสามารถกดทปม “จดการขาว” เพอท าการจดการขาวทงหมดได ทง เพม ลบ และแกไข 3. อาจารยสามารถกดทปม “จดการแบบทดสอบ” เพอท าการจดการแบบทดสอบทงหมดได ทง เพม ลบ และแกไข 4. อาจารยสามารถกดทปม “ออกจากระบบ” เพอท าการออกจากระบบ

ภาพท 4-15 แสดงหนาจอแกไขขอมลสวนตวของอาจารย

จากภาพท 4-15 แสดงหนาจอแกไขขอมลสวนตวของอาจารย โดยมขนตอนการท างานดงน 1. อาจารยสามารถท าการแกไขชอเขาระบบ ชอ-สกล เพศ ทอย เบอรโทร อเมล รหสผาน 2. เมอแกไขขอมลเรยบรอย ใหกดทปม “แกไข” เพอท าการแกไขขอมลสวนตวของอาจารย

2

1

96

4.2.2 สวนการจดการสอการสอน

ภาพท 4-16 แสดงหนาจอสวนการจดการสอการเรยนรส าหรบอาจารย

จากภาพท 4-11 แสดงหนาจอสวนการจดการสอการเรยนร โดยมขนตอนการท างานดงน 1. เปนสวนแสดงล าดบของสอการสอนของอาจารย 2. เปนสวนแสดงชอของสอการสอนของอาจารย 3. เปนสวนแสดงผเขาชมสอการสอนนน อาจารยสามารถเขาไปดไดวามผเรยนคนไหนทเขาชมบาง 4. อาจารยสามารถกดทปม “เพมขอมลสอการสอน” เพอท าการเพมขอมลสอการสอน 5. อาจารยสามารถกดทปม “แสดงตวอยาง” เพอท าการดสอการสอนทท าการเพมเขาไป 6. อาจารยสามารถกดทปม “แกไข” เพอท าการแกไขสอการสอน 7. อาจารยสามารถกดทปม “ลบ” เพอท าการลบสอการสอน

2

3

4

5

6

7

1 1

1 1

97

ภาพท 4-17 แสดงหนาจอการเพมขอมลสอการเรยนรส าหรบอาจารย

จากภาพท 4-17 แสดงหนาจอการเพมขอมลสอการสอน โดยมขนตอนการท างานดงน 1. อาจารยกรอกชอสอการสอนทตองการเพม 2. อาจารยกรอกรายละเอยดของสอการสอนทตองการเพม 3. อาจารยเลอกประเภทบทเรยนของสอการสอนทตองการเพม 4. อาจารยเลอกไฟลทตองการอพโหลด ไดแก .JPEG .GIF .FLA .SWF .PDF WORD และ POWERPOINT 5. อาจารยสามารถกดทปม “เพม” เพอท าการเพมสอการสอน

1

2

3

4

5

98

ภาพท 4-18 แสดงหนาจอแสดงตวอยางสอการสอนส าหรบอาจารย

99

ภาพท 4-19 แสดหนาจอแกไขสอการสอนส าหรบอาจารย

จากภาพท 4-19 แสดงหนาจอแกไขสอการสอน โดยมขนตอนการท างานดงน 1. อาจารยแกไขชอสอการสอน รายละเอยด ประเภทสอการสอน และไฟลสอการสอนทตองการแกไข 2. อาจารยสามารถกดทปม “แกไข” เพอท าการแกไขสอการสอน 3.เปนตวอยางไฟลสอการสอน

1

2

3

100

ภาพท 4-20 แสดงหนาจอการลบสอการสอน

จากภาพท 4-20 แสดงหนาจอการลบสอการสอน โดยมขนตอนการท างานดงน 1. อาจารยสามารถลบสอการสอน โดยกดทปม“ลบ” เพอท าการลบสอการสอน 2. เมอกดปม“ลบ” จะม “MessageBox” วายนยนการลบ ถาตองการกดกดปม“OK” ถาไมตองการกดกดปม“Cancel”

ภาพท 4-21 แสดงหนาจอแสดงรายละเอยดของผเขาชมสอการสอน

จากภาพท 4-21 แสดงหนาจอแสดงรายละเอยดของผเขาชมสอการสอน โดยมขนตอนการท างานดงน 1. เปนสวนแสดงจ านวนของผเขาชมสอการสอน 2. เปนสวนแสดงชอผใช/รหสนกเรยน ของผเขาชมสอการสอน 3. เปนสวนแสดงชอ-สกล ของผเขาชมสอการสอน 4. เปนสวนแสดงวน-เวลา ของผเขาชมสอการสอน

1

2

1 2 3 4

101

4.2.3 สวนการจดการขาว

ภาพท 4-22 แสดงหนาจอสวนการจดการขาวส าหรบอาจารย

จากภาพท 4-22 แสดงหนาจอสวนการจดการขาว โดยมขนตอนการท างานดงน 1. เปนสวนแสดงล าดบของขาวของอาจารย 2. เปนสวนแสดงชอของขาวของอาจารย 3. เปนสวนแสดงผเขาชมขาวนน อาจารยสามารถเขาไปดไดวามผเรยนคนไหนทเขาชมบาง 4. อาจารยสามารถกดทปม “เพมขอมลขาว” เพอท าการเพมขอมลขาว 5. อาจารยสามารถกดทปม “แกไข” เพอท าการแกไขขาว 6. อาจารยสามารถกดทปม “ลบ” เพอท าการลบขาว

1

2

3 4

5

102

ภาพท 4-23 แสดงหนาจอการเพมขอมลขาวส าหรบอาจารย จากภาพท 4-23 แสดงหนาจอการเพมขาว โดยมขนตอนการท างานดงน 1. อาจารยกรอกชอขาวทตองการเพม 2. อาจารยกรอกรายละเอยดของขาวทตองการเพม 3. อาจารยเลอกประเภทของขาวทตองการเพม 4. อาจารยเลอกไฟลรปภาพทตองการอพโหลด 5. อาจารยสามารถกดทปม “เพม” เพอท าการเพมขาว

1

2

3

4

5

103

ภาพท 4-24 แสดหนาจอดขาวส าหรบอาจารย

104

ภาพท 4-25 แสดหนาจอแกไขขาวส าหรบอาจารย

จากภาพท 4-25 แสดงหนาจอแกไขขาว โดยมขนตอนการท างานดงน 1. อาจารยแกไขชอขาว รายละเอยด ประเภทของขาว และไฟลรปภาพสอการสอนทตองการแกไข 2. อาจารยสามารถกดทปม “แกไข” เพอท าการแกไขสอการสอน

ภาพท 4-26 แสดงหนาจอการลบสอการสอน

1

2

105

จากภาพท 4-26 แสดงหนาจอการลบขาว โดยมขนตอนการท างานดงน 1. อาจารยสามารถลบขาว โดยกดทปม“ลบ” เพอท าการลบขาว 2. เมอกดปม“ลบ” จะม “MessageBox” วายนยนการลบ ถาตองการกดปม“OK” ถาไมตองการกดปม“Cancel” 4.2.4 สวนการจดการแบบฝกหด

ภาพท 4-27 แสดงหนาจอสวนการจดการแบบฝกหดส าหรบอาจารย

จากภาพท 4-27 แสดงหนาจอสวนการจดการจดการแบบฝกหด โดยมขนตอนการท างานดงน 1. เปนสวนแสดงล าดบของแบบฝกหดของอาจารย 2. เปนสวนแสดงชอของแบบฝกหดของอาจารย 3. เปนสวนแสดงบทเรยนของแบบฝกหด 4. อาจารยสามารถกดทไอคอน เพอท าการเพมแบบฝกหดกอนเรยน 4. อาจารยสามารถกดทไอคอน เพอท าการเพมแบบฝกหดหลงเรยน

1 2

3 4

5

106

ภาพท 4-28 แสดงหนาจอแบบทดสอบกอน-หลงเรยน จากภาพท 4-28 แสดงหนาจอแบบทดสอบกอน-หลงเรยนโดยมขนตอนการท างานดงน 1.อาจารยกดทปม “เพมค าถาม” เพมค าคามกอนหรอหลงเรยน 2. อาจารยเลอกเพอท าการ “เพมค าตอบ” “เปลยนเฉลย” “แกไขค าถาม” 3. เปนค าตอบทถกตองของค าถามนน 4. ปดหนาตางนเมอไมตองการเพมและเปลยนแปลงแลว

ภาพท 4-29 แสดงหนาจอเพมค าถามแบบทดสอบกอน-หลงเรยน

1

2

3

4

1

2

3

107

จากภาพท 4-29 แสดงหนาจอแบบทดสอบกอน-หลงเรยนโดยมขนตอนการท างานดงน 1.อาจารยกรอกค าถาม 2. อาจารยเลอกไฟลเพอประกอบส าหรบค าถามนน(ถาม) 3. อาจารยกดปม “เพมค าถาม” เมอเพมเสรจเรยบรอยแลว

ภาพท 4-30 แสดงหนาจอเพมค าตอบแบบทดสอบกอน-หลงเรยน

จากภาพท 4-30 แสดงหนาจอเพมค าตอบแบบทดสอบกอน-หลงเรยนโดยมขนตอนการท างานดงน 1.อาจารยกรอกค าตอบ 2. อาจารยกรอกค าถาม 3. อาจารยเลอกวาค าตอบนนเปนค าตอบทถกตองใหม ถาใชกดเลอก “ค าตอบทถก” ถาไมกดปม “ค าตอบทไมถก”

ภาพท 4-31 แสดหนาจอเพมค าตอบแบบฝกหดกอน-หลงเรยน

108

ภาพท 4-32 แสดงหนาจอเปลยนค าเฉลยแบบทดสอบกอน-หลงเรยน

จากภาพท 4-32 แสดงหนาจอเปลยนค าเฉลยแบบทดสอบกอน-หลงเรยนโดยมขนตอนการท างานดงน 1.อาจารยท าการเลอกค าตอบของค าถามทถกตอง 2. อาจารยกดปม “เปลยนค าตอบ” เพอท าการเปลยนแปลงค าตอบนน

ภาพท 4-33 แสดงหนาจอเปลยนค าถามแบบทดสอบกอน-หลงเรยน

จากภาพท 4-33 แสดงหนาจอเปลยนค าถามแบบทดสอบกอน-หลงเรยนโดยมขนตอนการท างานดงน 1.อาจารยระบบกรอกค าถามใหม 2. อาจารยกดปม “เปลยนค าถาม” เพอท าการเปลยนแปลงค าถามนน

1

2

109

4.3 สวนของผดแลระบบ 4.3.1 สวนเขาสระบบ

ภาพท 4-34 แสดงหนาจอเมนเขาสระบบ

จากภาพท 4-34 แสดงหนาจอเมนเขาสระบบ โดยมขนตอนการท างานดงน 1. ผดแลระบบท าการกรอกชอผใช และรหสผานในการเขาสระบบใหถกตอง 2. เมอกรอกขอมลเรยบรอย ใหกดทปม “เขาสระบบ” เพอท าการเขาสระบบ

ภาพท 4-35 แสดงหนาจอเมนของผดแลเมอเขาสระบบ

1

2

2

3

1

4

5

6

110

จากภาพท 4-35 แสดงหนาจอเมนของผดแลเมอเขาสระบบ โดยมขนตอนการท างานดงน 1. ผดแลระบบสามารถกดทปม “จดการขอมลนกเรยน” เพอท าการดขอมลสวนตวและแกไขขอมลสวนตวของผเรยน 2. ผดแลระบบสามารถกดทปม “จดการขอมลอาจารย” เพอท าการดขอมลสวนตวและแกไขขอมลสวนตวของอาจารย 3. ผดแลระบบสามารถกดทปม “จดการสอการเรยนร” เพอท าการดและแกไขสอการสอนทงหมด 3. ผดแลระบบสามารถกดทปม “จดการขาวตาง” เพอท าการดและแกไขสอการขาวทงหมด 3. ผดแลระบบสามารถกดทปม “จดการแบบทดสอบ” เพอท าการดและแกไขแบบทดสอบทงหมด 4. ผดแลระบบสามารถกดทปม “ออกจากระบบ” เพอท าการออกจากระบบ 4.3.2 สวนของจดการขอมลผเรยน

ภาพท 4-36 แสดงหนาจอสวนการจดการขอมลผเรยน

จากภาพท 4-36 แสดงหนาจอสวนการจดการขอมลผเรยนโดยมขนตอนการท างานดงน 1. เปนสวนแสดงล าดบของขอมลผเรยน 2. เปนสวนแสดงชอ-สกลของผเรยน 3.เปนสวนแสดงกลมเรยนของผเรยน 4. เปนสวนแสดงเบอรโทรศพทของผเรยน 5. เปนสวนแสดงอเมลของผเรยน 6. ผดแลระบบสามารถกดทปม “เพมขอมลชนเรยน” เพอท าการเพมขอมลชนเรยน 7. ผดแลระบบสามารถกดทปม “เพมขอมลนกเรยน” เพอท าการเพมขอมลนกเรยน

1 2 3 4

7 6

5 8

9

111

8. ผดแลระบบสามารถกดทปม “แกไข” เพอท าการแกไขขอมลผเรยน 8. ผดแลระบบสามารถกดทปม “ลบ” เพอท าการลบขอมลผเรยน

ภาพท 4 -37 แสดงหนาจอเพมขอมลผเรยน

จากภาพท 4-37 แสดงหนาจอสวนการเพมขอมลผเรยน โดยมขนตอนการท างานดงน 1. ผดแลระบบกรอกชอผใช ชอ-สกล เพศ อาจารยผสอน หองเรยน ทอย เบอรโทร อเมล รหสผาน ของผเรยน 2. ผดแลระบบสามารถกดทปม “สมครสมาชก” เพอท าการเพมขอมลผเรยน

1

2

112

ภาพท 4 -38 แสดงหนาจอแกไขขอมลผเรยน

จากภาพท 4-38 แสดงหนาจอสวนการจดการขอมลผเรยน โดยมขนตอนการท างานดงน 1. ผดแลระบบแกไขชอผใช ชอ-สกล เพศ อาจารยผสอน หองเรยน ทอย เบอรโทร อเมล รหสผาน ของผเรยน 2. ผดแลระบบสามารถกดทปม “แกไข” เพอท าการแกไขขอมลผเรยน

ภาพท 4-39 แสดงหนาจอการลบขอมลผเรยน

1

2

1

2

113

จากภาพท 4-39 แสดงหนาจอการลบขอมลผเรยน โดยมขนตอนการท างานดงน 1. ผดแลระบบสามารถลบขอมลผเรยน โดยกดทปม“ลบ” เพอท าการลบขอมลผเรยน 2. เมอกดปม“ลบ” จะม “MessageBox” วายนยนการลบ ถาตองการกดกดปม“OK” ถาไมตองการกดกดปม“Cancel” 4.3.2.1 สวนของจดการหองเรยน

ภาพท 4-40 แสดงหนาจอการเพมขอมลหองเรยน

จากภาพท 4-40 แสดงหนาจอการเพมขอมลหองเรยน โดยมขนตอนการท างานดงน 1. ผดแลระบบสามารถเพมขอมลหองเรยน โดยกรอกหองเรยน เพอท าการเพมขอมลหองเรยน หลงขากนนกดปม “เพม”

1

114

ภาพท 4-41 แสดงหนาจอการแกไขขอมลหองเรยน

จากภาพท 4-41 แสดงหนาจอการแกไขขอมลหองเรยน โดยมขนตอนการท างานดงน 1. ผดแลระบบสามารถแกขอมลหองเรยน โดยกรอกหองเรยนหองใหมทตองการแกไข หลงขากนนกดปม “แกไข”

ภาพท 4-42 แสดงหนาจอการลบขอมลหองเรยน

จากภาพท 4-42 แสดงหนาจอการลบขอมลหองเรยน โดยมขนตอนการท างานดงน 1. ผดแลระบบสามารถลบขอมลหองเรยน โดยกดทปม“ลบ” เพอท าการลบขอมลหองเรยน 2. เมอกดปม“ลบ” จะม “MessageBox” วายนยนการลบ ถาตองการกดกดปม“OK” ถาไมตองการกดกดปม“Cancel”

1

2

1

115

4.3.3 สวนของจดการขอมลอาจารย

ภาพท 4-43 แสดงหนาจอสวนการจดการอาจารย

จากภาพท 4-43แสดงหนาจอสวนการจดการขอมลอาจารย โดยมขนตอนการท างานดงน 1. เปนสวนแสดงล าดบของขอมลอาจารย 2. เปนสวนแสดงชอ-สกลของอาจารย 3. เปนสวนแสดงเบอรโทรศพทของอาจารย 4. เปนสวนแสดงอเมลของอาจารย 5. ผดแลระบบสามารถกดทปม “เพมขอมลอาจารย” เพอท าการเพมขอมลอาจารย 6. ผดแลระบบสามารถกดทปม “แกไข” เพอท าการแกไขขอมลอาจารย 7. ผดแลระบบสามารถกดทปม “ลบ” เพอท าการลบขอมลอาจารย

1 2 3 4

7 6

5

116

ภาพท 4 -44 แสดงหนาจอเพมขอมลอาจารย

จากภาพท 4-44 แสดงหนาจอสวนการเพมขอมลอาจารย โดยมขนตอนการท างานดงน 1. ผดแลระบบกรอกชอผใช ชอ-สกล เพศ ทอย เบอรโทร อเมล รหสผาน ของอาจารย 2. ผดแลระบบสามารถกดทปม “สมครสมาชก” เพอท าการเพมขอมลอาจารย

ภาพท 4 -45 แสดงหนาจอเพมขอมลอาจารย

1

2

2

1

117

จากภาพท 4-45 แสดงหนาจอแกไขขอมลอาจารย โดยมขนตอนการท างานดงน 1. ผดแลระบบแกไขชอผใช ชอ-สกล เพศ ทอย เบอรโทร อเมล รหสผาน ของอาจารย 2. ผดแลระบบสามารถกดทปม “แกไข” เพอท าการแกไขขอมลอาจารย

ภาพท 4-46 แสดงหนาจอการลบขอมลอาจารย

จากภาพท 4-46 แสดงหนาจอการลบขอมลอาจารย โดยมขนตอนการท างานดงน 1. ผดแลระบบสามารถลบขอมลอาจารย โดยกดทปม“ลบ” เพอท าการลบขอมลอาจารย 2. เมอกดปม“ลบ” จะม “MessageBox” วายนยนการลบ ถาตองการกดกดปม“OK” ถาไมตองการกดกดปม“Cancel”

1 2

118

4.3.4 สวนของการจดการสอการเรยนร

ภาพท 4-47 แสดงหนาจอสวนการจดการสอการสอน

จากภาพท 4-47 แสดงหนาจอสวนการจดการสอการสอนโดยมขนตอนการท างานดงน 1. เปนสวนแสดงล าดบของขอมลสอการสอน 2. เปนสวนแสดงชอของสอการสอน 3. เปนสวนแสดงจ านวนนกเรยนทเขาชมของสอการสอน 4. เปนสวนแสดงตวอยางของสอการสอน 5. ผดแลระบบสามารถกดทปม “เพมขอมลสอการสอน” เพอท าการเพมขอมลสอการสอน 6. ผดแลระบบสามารถกดทปม “แกไข” เพอท าการแกไขขอมลสอการสอน 7. ผดแลระบบสามารถกดทปม “ลบ” เพอท าการลบขอมลสอการสอน

1 2 3 4

7

6

5

119

ภาพท 4-48 แสดงหนาจอการเพมขอมลสอการสอน จากภาพท 4-48 แสดงหนาจอการเพมขอมลสอการสอน โดยมขนตอนการท างานดงน 1. ผดแลระบบกรอกชอสอการสอนทตองการเพม 2. ผดแลระบบกรอกรายละเอยดของสอการสอนทตองการเพม 3. ผดแลระบบเลอกประเภทของบทเรยนสอการสอนทตองการเพม 4. ผดแลระบบเลอกไฟลทตองการอพโหลด ไดแก .JPEG .GIF .FLA .SWF .PDF WORD และ POWERPOINT 5. ผดแลระบบสามารถกดทปม “เพม” เพอท าการเพมสอการสอน

1

2

3

4

5

120

ภาพท 4-49 แสดงหนาจอแสดงตวอยางสอการสอน

121

ภาพท 4-50 แสดหนาจอแกไขสอการสอน

จากภาพท 4-50 แสดงหนาจอแกไขสอการสอน โดยมขนตอนการท างานดงน 1. ผดแลระบบแกไขชอสอการสอน รายละเอยด ประเภทบทเรยนสอการสอน และไฟลสอการสอนทตองการแกไข 2. ผดแลระบบสามารถกดทปม “แกไข” เพอท าการแกไขสอการสอน

1

2

3

4

5

122

ภาพท 4-51 แสดงหนาจอแสดงรายละเอยดของผเขาชมสอการสอน

จากภาพท 4-51 แสดงหนาจอแสดงรายละเอยดของผเขาชมสอการสอน โดยมขนตอนการท างานดงน 1. เปนสวนแสดงจ านวนของผเขาชมสอการสอน 2. เปนสวนแสดงชอผใช/รหสนกเรยน ของผเขาชมสอการสอน 3. เปนสวนแสดงชอ-สกล ของผเขาชมสอการสอน 4. เปนสวนแสดงวน-เวลา ของผเขาชมสอการสอน

ภาพท 4-52 แสดงหนาจอการลบขอมลสอการสอน

1 2 3

4

1

2

123

จากภาพท 4-52 แสดงหนาจอการลบขอมลอาจารย โดยมขนตอนการท างานดงน 1. ผดแลระบบสามารถลบขอมลสอการสอนโดยกดทปม“ลบ” เพอท าการลบขอมลสอการสอน 2. เมอกดปม“ลบ” จะม “MessageBox” วายนยนการลบ ถาตองการกดกดปม“OK” ถาไมตองการกดกดปม“Cancel”

4.3.5 สวนการจดการขาว

ภาพท 4-53 แสดงหนาจอสวนการจดการขาวส าหรบผดแลระบบ

จากภาพท 4-53 แสดงหนาจอสวนการจดการขาว โดยมขนตอนการท างานดงน 1. เปนสวนแสดงล าดบของขาวของผดแลระบบ 2. เปนสวนแสดงชอของขาวของผดแลระบบ 3. เปนสวนแสดงผเขาชมขาวนน อาจารยสามารถเขาไปดไดวามผเรยนคนไหนทเขาชมบาง 4. ผดแลระบบสามารถกดทปม “เพมขอมลขาว” เพอท าการเพมขอมลขาว 5. ผดแลระบบสามารถกดทปม “แกไข” เพอท าการแกไขขาว 6. ผดแลระบบสามารถกดทปม “ลบ” เพอท าการลบขาว

1

2

3 4

5

124

ภาพท 4-54 แสดงหนาจอการเพมขอมลขาวส าหรบผดแลระบบ จากภาพท 4-54 แสดงหนาจอการเพมขาว โดยมขนตอนการท างานดงน 1. ผดแลระบบกรอกชอขาวทตองการเพม 2. ผดแลระบบกรอกรายละเอยดของขาวทตองการเพม 3. ผดแลระบบเลอกประเภทของขาวทตองการเพม 4. ผดแลระบบเลอกไฟลรปภาพทตองการอพโหลด 5. ผดแลระบบสามารถกดทปม “เพม” เพอท าการเพมขาว

1

2

3

4

5

125

ภาพท 4-55 แสดหนาจอดขาวส าหรบผดแลระบบ

126

ภาพท 4-56 แสดหนาจอแกไขขาวส าหรบผดแลระบบ

จากภาพท 4-56 แสดงหนาจอแกไขขาว โดยมขนตอนการท างานดงน 1. ผดแลระบบแกไขชอขาว รายละเอยด ประเภทของขาว และไฟลรปภาพสอการสอนทตองการแกไข 2. ผดแลระบบสามารถกดทปม “แกไข” เพอท าการแกไขสอการสอน

ภาพท 4-57 แสดงหนาจอการลบสอการสอน

1

2

127

จากภาพท 4-57 แสดงหนาจอการลบขาว โดยมขนตอนการท างานดงน 1. ผดแลระบบสามารถลบขาว โดยกดทปม“ลบ” เพอท าการลบขาว 2. เมอกดปม“ลบ” จะม “MessageBox” วายนยนการลบ ถาตองการกดปม“OK” ถาไมตองการกดปม“Cancel”

4.3.6 สวนการจดการแบบฝกหด

ภาพท 4-58 แสดงหนาจอสวนการจดการแบบฝกหดส าหรบผดแลระบบ

จากภาพท 4-58 แสดงหนาจอสวนการจดการจดการแบบฝกหด โดยมขนตอนการท างานดงน 1. เปนสวนแสดงล าดบของแบบฝกหดของผดแลระบบ 2. เปนสวนแสดงชอของแบบฝกหดของผดแลระบบ 3. เปนสวนแสดงบทเรยนของแบบฝกหด 4. ผดแลระบบสามารถกดทไอคอน เพอท าการเพมแบบฝกหดกอนเรยน 4. ผดแลระบบสามารถกดทไอคอน เพอท าการเพมแบบฝกหดหลงเรยน

1 2

3 4

5

128

ภาพท 4-59 แสดงหนาจอแบบทดสอบกอน-หลงเรยน จากภาพท 4-59 แสดงหนาจอแบบทดสอบกอน-หลงเรยนโดยมขนตอนการท างานดงน 1.ผดแลระบบกดทปม “เพมค าถาม” เพมค าคามกอนหรอหลงเรยน 2. ผดแลระบบเลอกเพอท าการ “เพมค าตอบ” “เปลยนเฉลย” “แกไขค าถาม” 3. เปนค าตอบทถกตองของค าถามนน 4. ปดหนาตางนเมอไมตองการเพมและเปลยนแปลงแลว

ภาพท 4-60 แสดงหนาจอเพมค าถามแบบทดสอบกอน-หลงเรยน

1

2

3

4

1

2

3

129

จากภาพท 4-60 แสดงหนาจอแบบทดสอบกอน-หลงเรยนโดยมขนตอนการท างานดงน 1.ผดแลระบบกรอกค าถาม 2. ผดแลระบบเลอกไฟลเพอประกอบส าหรบค าถามนน(ถาม) 3. ผดแลระบบกดปม “เพมค าถาม” เมอเพมเสรจเรยบรอยแลว

ภาพท 4-61 แสดงหนาจอเพมค าตอบแบบทดสอบกอน-หลงเรยน

จากภาพท 4-62 แสดงหนาจอเพมค าตอบแบบทดสอบกอน-หลงเรยนโดยมขนตอนการท างานดงน 1.ผดแลระบบกรอกค าตอบ 2. ผดแลระบบกรอกค าถาม 3. ผดแลระบบเลอกวาค าตอบนนเปนค าตอบทถกตองใหม ถาใชกดเลอก “ค าตอบทถก” ถาไมกดปม “ค าตอบทไมถก”

ภาพท 4-63 แสดหนาจอเพมค าตอบแบบฝกหดกอน-หลงเรยน

130

ภาพท 4-64 แสดงหนาจอเปลยนค าเฉลยแบบทดสอบกอน-หลงเรยน

จากภาพท 4-65 แสดงหนาจอเปลยนค าเฉลยแบบทดสอบกอน-หลงเรยนโดยมขนตอนการท างานดงน 1.ผดแลระบบท าการเลอกค าตอบของค าถามทถกตอง 2. ผดแลระบบกดปม “เปลยนค าตอบ” เพอท าการเปลยนแปลงค าตอบนน

ภาพท 4-66 แสดงหนาจอเปลยนค าถามแบบทดสอบกอน-หลงเรยน

จากภาพท 4-66 แสดงหนาจอเปลยนค าถามแบบทดสอบกอน-หลงเรยนโดยมขนตอนการท างานดงน 1.ผดแลระบบกรอกค าถามใหม 2. ผดแลระบบกดปม “เปลยนค าถาม” เพอท าการเปลยนแปลงค าถามนน

1

2