Project-3-เล่มสมบูรณ์ (2)

35

แผนภาพกระแสขอ มูล ระดบั ท่ี level 0 แผนภาพกระแสขอมลู
ระดับท่ี level 0 ของเว็บแอปพลเิ คชันวิเคราะหการนอนหลบั โดยมีกระบวนการทำงานดงั น้ี
ก. กระบวนการ 1 นำเขาขอมูล เปนขั้นตอนการนำเขาขอมูลจากแอปพลิเคชัน Snore Lab ที่
เปนขอมูลการนอนหลบั ของผใู ชและสงไปยงั เว็บแอปพลิเคชัน
ข. กระบวนการ 2 จัดการขอมูลผูใช เปนขั้นตอนการรวบรวมขอมูลตาง ๆ ของผูใช ไดแก
รายละเอียดเชน ชื่อ-นามสกุล น้ำหนัก สวนสูง อายุ เพศ และ ขอมูลการนอนหลับเพื่อ
นำไปใชในการวเิ คราะหก ารนอนหลบั ของผูใช
ค. กระบวนการที่ 3 วิเคราะหป ระเมินผลขอมูลผใู ช เปนขน้ั ตอนการวิเคราะหการนอนหลับของ
ผใู ชเพอื่ ทำการแสดงขอ มลู ระดับคุณภาพการนอนหลบั ของผใู ชและประเมนิ ผลขอมูลคุณภาพ
การนอนหลบั ของผูใชเพ่ือจดั ประเภทขอ มลู การนอนหลบั
ง. กระบวนการที่ 4 ออกรายงาน เปนขั้นตอนการเก็บรวบรวมขอมูลรายละเอียดคุณภาพการ
นอนหลับของผูใชและผลการวินิจฉัยและขอมูลแสดงความคิดเห็นของแพทยมาสรุปผลการ
ประเมินคุณภาพการนอนหลับและออกรายงานใหกับแพทยและผูใชงานทั่วไปสามารถดู
ประวตั กิ ารนอนหลับยอ นหลัง

36

ภาพที่ 4.4 แผนภาพกระแสขอ มูล ระดบั ท่ี 0

37

แผนภาพกระแสขอมูล ระดบั ท่ี level 1 แผนภาพกระแสขอมลู
ระดบั ท่ี level 1 ของเวบ็ แอปพลเิ คชนั วิเคราะหก ารนอนหลับ โดยมีกระบวนการทำงานดังนี้
ก.กระบวนการที่ 1.1 ขอมูลการนอนหลับจากแอปพลิเคชัน เปนขั้นตอนที่ผูใชงานทั่วไปจะทำการสง

ขอมูลการนอนหลับจากแอปพลิเคชัน Snore Lab ไปยังเว็บแอปพลิเคชันเพื่อที่จะวิเคราะหและประเมินผล
ขอมูลการนอนหลับ ซึ่งจะประกอบไปดวย ขอมูลการนอนหลับ ปจจัยในการนอนหลับ ขอมูลการนอนกรน
โดยจะมีขอมูลตาง ๆ ไดแก ขอมูลการนอนหลับ ขอมูลการกรน รายละเอียดปจจัยการนอนหลับ ที่จัดเก็บอยู
ในฐานขอมูลของแอปพลิเคชัน Snore Lab และ แอปพลิเคชัน Snore Lab สามารถสงขอมูลระยะเวลาการ
นอนหลบั ไปใหก บั ผูใชท ่วั ไป

ข.กระบวนการท่ี 1.2 ขอมลู จาก SnoreLab จะถูกสงออกและใหผูใชอปั โหลดไฟลขอ มลู การนอนหลับ
ไปยงั เวบ็ แอปพลเิ คชนั วิเคราะหการนอนหลับเพื่อทำการวเิ คราะห

ภาพท่ี 4.5 แผนภาพกระแสขอ มูล ระดบั ท่ี 1

38

แผนภาพกระแสขอมูล ระดับท่ี level 3 แผนภาพกระแสขอมลู
ระดบั ที่ level 3 ของเวบ็ แอปพลเิ คชนั วเิ คราะหการนอนหลับ โดยมกี ระบวนการทำงานดงั น้ี
ก.กระบวนการท่ี 3.1 เปนขัน้ ตอนทเี่ ก่ียวขอ งกับการวิเคราะหขอ มลู การนอนหลบั
ข.กระบวนการที่ 3.2 เปนขน้ั ตอนท่ีเกย่ี วของกบั การประเมนิ ผลขอมูลการนอนหลับ
ค.กระบวนการท่ี 3.3 เปน ขั้นตอนท่ีเกย่ี วของกับการสรุปผลขอมูลการนอนหลับ
ง.กระบวนการท่ี 3.4 เปน ขนั้ ตอนทีเ่ ก่ยี วขอ งกับการออกรายงานขอมูลการนอนหลับ

ภาพท่ี 4.6 แผนภาพกระแสขอมูล ระดบั ที่ 3

39

แผนภาพกระแสขอมลู ระดบั ท่ี level 4 แผนภาพกระแสขอมลู
ระดบั ท่ี level 4 ของเวบ็ แอปพลเิ คชนั วเิ คราะหการนอนหลบั โดยมีกระบวนการทำงานดงั นี้
ก.กระบวนการที่ 4.1 เปนขน้ั ตอนท่ีเกี่ยวขอ งกบั ขอ มลู ระดบั คุณภาพการนอนหลับ
ข.กระบวนการที่ 4.2 เปน ข้นั ตอนทเ่ี กยี่ วของกับการวนิ จิ ฉยั และแสดงความคดิ เห็น

ภาพที่ 4.7 แผนภาพกระแสขอมูล ระดับที่ 4

40

4.3 การออกแบบฐานขอ มูล

ภาพท่ี 4.8 รปู ภาพการออกแบบฐานขอ มูล

41

4.3.1 พจนานกุ รมการออกแบบฐานขอ มูล

ก. ผูใชง านระบบ (User)
ตารางที่ 4.1 ผใู ชง านระบบ (User)

ลำดบั ชื่อ Attribute คำอธิบาย รูปแบบ/ขนาด Key Not ตวั อยา งขอมลู
Null
1. personal_id รหสั บตั ร Varchar (13) PK Y 1809910008234
ประชาชน
2. username รหัสผใู ช Varchar (10) Y Somsom_21
3. firstName ช่ือจรงิ Varchar (30) Y สม แปน
4. lastName นามสกลุ Varchar (30) Y ขาวนวน
5. birthdate วนั เดือนปเกดิ Date (6) Y 21-10-2004
6. height สว นสงู Number (3) Y 156
7. weight น้ำหนกั Number (3) Y 45
8. position ตำแหนง Int (20) Y user
9. password รหัสผา น Varchar (10) Y 08234
10. email อีเมลล Int (10) Y [email protected]
11. gender เพศ Int (5) Y หญงิ

ข. ผใู ชงานระบบ (Doctor)
ตารางที่ 4.2 ผูใชงานระบบ (Doctor)

ลำดบั ชอื่ Attribute คำอธิบาย รปู แบบ/ขนาด Key Not ตัวอยา งขอมลู
PK Null
1. docter_id ช่อื แพทย Varchar (60) FK(user) Y Dr.somrak
2. username รหสั ผูใช Varchar (10) Y Dr.somrak
3. HN เลขHN Varchar (6) N HN001
4. firstName ชื่อจริง Varchar (30) Y สมรัก
5. lastName นามสกุล Varchar (30) Y ใจดี
6. position ตำแหนง Int (20) Y doctor
7. password รหัสผา น Varchar (10) Y Drsomrak21
8. email อเี มลล Int (10)
9. gender เพศ Int (5) Y [email protected]
Y ชาย

42

ค. ขอ มูลผลการนอนหลบั จากเวบ็ แอปพลิเคชัน (History)

ตารางท่ี 4.3 เว็บแอปพลิเคชนั วิเคราะหก ารนอนหลับ (Web Application)

ลำดับ ชือ่ Attribute คำอธิบาย รูปแบบ/ Key Not ตวั อยาง
ขนาด PK Null ขอมูล
1. id ลำดับ Int (11) FK(user) Y1
2. user_id ชือ่ ผูใช Int (11) FK(history_detail) Y Somsom_21
3. history _id ลำดบั ขอมูล Int (11) Y1
ปจจยั Datetime Y 09:30
4. time_sleep เวลาเขานอน Datetime Y 07:00
5. tme_wake เวลาต่ืนนอน Double Y 54.23
6. sleep_percentage เปอรเซน็ การ Double Y 14
นอนหลบั Double Y6
7. snoring_score คะแนนการ Double Y คุณภาพการ
กรน
8. snoring_volume ระดับเสียง Datetime นอนหลับดี
การกรน มาก
9. sleep_quality คณุ ภาพการ Y 22-08-2565
นอนหลบั

10. date_time วนั ที่

43

ง. ขอ มลู รายละเอียด (History_detail)

ตารางท่ี 4.4 ขอมูลรายละเอียด (History_detail)

ลำดบั ชื่อ Attribute คำอธิบาย รูปแบบ/ Key Not ตัวอยางขอมูล
ขนาด Null
1. history_id ลำดบั ขอ มลู ปจจัย Int (11) PK Y1
2. user_id ลำดับของผูใช Int (11) FK(user) Y1
3. alcohol แอลกอฮอล Int (11) N 1 = ใชงาน
4. tired ความเหน่ือย Int (11) N 1 = ใชง าน
5. late_night_meal นอนดึก Int (11) N 1 = ใชงาน
6. exercise ออกกำลังกาย Int (11) N 1 = ใชงาน
7. smoking สบู บหุ รี่ Int (11) N 1 = ใชง าน
8. sedative ยาระงับ Int (11) N 1 = ใชง าน
9. fever มีไข Int (11) N 1 = ใชง าน
10. cannot_sleep นอนไมหลับ Int (11) N 0 = ไมใ ชงาน
11. caffeine กาแฟอนี Int (11) N 0 = ไมใชง าน
12. taking_bath การอาบน้ำ Int (11) N 0 = ไมใชง าน
13. water_loss การสูญเสียนำ้ Int (11) N 0 = ไมใ ชงาน
14. bathing_shower การอาบนำ้ โดยฝกบวั Int (11) N 0 = ไมใ ชงาน

จ. ขอมลู คำแนะนำ (description)

ตารางท่ี 4.5 ขอ มูลคำแนะนำ (description)

ลำดบั ชือ่ Attribute คำอธิบาย รูปแบบ/ขนาด Key Not ตวั อยา งขอมลู
Null
1. id ลำดับ Int (11) PK Y1
2. docter_id ชอ่ื แพทย Varchar (60) FK(doctor) Y Dr.somrak
3. user_id ลำดบั ของผูใ ช Int (11) FK(user) Y 1
4. date_time วนั ท่ี Datetime Y 22-08-2565
5. description คำแนะนำ Varchar (500) Y

44

4.4 การออกแบบสวนติดตอกบั ผใู ช
เปน ขัน้ ตอนที่เก่ียวของกับการออกแบบสว นหนาจอการติดตอ สว นใชงานใหก ับผูใชบนเว็บแอปพลิเค

ชันวเิ คราะหก ารนอนหลับ
4.4.1 การออกแบบหนาจอเร่มิ ตน
เปนการออกแบบหนาจอที่สวนของผูติดตอกับผูใชงาน โดยผูที่ไดใชสิทธิ์ในการใชงานระบบจัดเก็บ

ขอมูลการนอนหลบั มีท้ังหมด 2 กลุม ผูใชงาน คือ ผใู ชท ั่วไปและแพทย

ภาพท่ี 4.9 หนา จอเขา สูระบบของผูใ ชง าน

45

4.4.2 การออกแบบหนาจอการเขาสรู ะบบและหนา จอการลงทะเบียน
เปนการออกแบบหนาจอที่สวนของผูตดิ ตอกับโดยการเขาสูระบบถาหากผูที่ไมไดลงทะเบียน ตองทำ
การลงทะเบยี นกอ นที่จะเขา ใชง าน โดยทีผ่ ูใชงานสามารถกดลงทะเบยี นได กอนที่จะทำการเขาสูระบบ

ภาพที่ 4.10 หนาจอเขาสูร ะบบและหนา จอลงทะเบียน

46

4.4.3 หนาจอเมนูผใู ชงาน
เปนการออกแบบหนาจอในสวนของแถบเมนูผูใ ชงาน โดยแบงเมนูใหผ ูใชเลือกทั้งหมด 4 เมนูดวยกนั
ไดแก หนา หลกั อปั โหลดไฟล ปฏิทินยอ นหลัง ออกจากระบบ

ภาพท่ี 4.11 หนาจอเมนผู ูใชงาน
4.4.4 หนา จออัปโหลดไฟล
การออกแบบหนา จออัปโหลดไฟลโ ดยเปน หนึ่งในเมนทู ่ีสรางใหผ ูใ ชไดใชงาน หนาจออปั โหลดไฟล
สรา งขึ้นมาใหผูใชทำการอปั โหลดไฟลบ ันทึกการนอนหลับจากแอปพลเิ คชนั SnoreLab มายงั เว็บแอปพลิเค
ชันวิเคราะหก ารนอนหลับ

ภาพท่ี 4.12 หนาจออปั โหลดไฟล

47

4.4.7 หนาจอประเมนิ ผล
การออกแบบหนา จอประเมนิ ผลเปน หน่งึ ในเมนทู ่ีสรางใหผูใ ชไ ดใชงาน หนา จอประเมนิ ผลสรา งข้นึ มา
เพอ่ื ทำการประเมินผลและระบุระดับคุณภาพการนอนหลับของผใู ช ซึ่งจะแสดงผลออกมาท้ังหมด 3 ระดับ
ดว ยกนั ไดแก ดีมาก ปานกลาง แย

ภาพที่ 4.13 ระบบกำลงั ประมวลผล

ภาพที่ 4.14 หนา จอผลการวินิจฉัย

48

4.4.8 หนา จอปฏทิ ินยอนหลงั
เปน การออกแบบหนาจอปฏิทินยอนหลังทส่ี ามารถดูขอมูลประเมินผลยอนหลังได ตามวันทอ่ี ปั โหลด
ไฟล และสามารถกดเขาดูขอมลู ประเมนิ ผลและกดดูคำแนะนำจากแพทยได

ภาพที่ 4.15 หนาจอปฏิทนิ ยอนหลงั
4.4.9 หนา จอเขาสรู ะบบของแพทย
เปนการออกแบบหนาจอที่สวนของผูติดตอกับผูใชงาน โดยผูที่ไดใชสิทธิ์ในการใชงานระบบจัดเก็บ
ขอ มลู การนอนหลับ มที ัง้ หมด 2 กลุมผใู ชงาน คอื ผใู ชท ว่ั ไปและแพทย

ภาพที่ 4.16 หนาจอเขาสรู ะบบของแพทย

49

4.4.10 หนาจอลงทะเบยี นของแพทย
เปนการออกแบบหนาจอที่สวนของผูต ิดตอกับโดยการเขาสูระบบถาหากผูที่ไมไดลงทะเบียน ตองทำ
การลงทะเบียนกอนทจ่ี ะเขาใชง าน โดยทผ่ี ูใชง านสามารถกดลงทะเบียนได กอ นทีจ่ ะทำการเขา สรู ะบบ

ภาพท่ี 4.17 หนา จอลงทะเบียนของแพทย
4.4.11 หนาจอเมนแู พทย
เปนการออกแบบหนาจอในสวนของแถบเมนูแพทย โดยแบงเมนูใหผูใชเลือกทั้งหมด 3 เมนูดวยกัน
ไดแก หนาหลัก คน หารายช่อื ออกจากระบบ

ภาพที่ 4.18 หนา จอเมนแู พทย

50

4.4.12 หนา จอเมนคู น หารายชอ่ื
การออกแบบหนาจอเมนูคนหารายชื่อเปนหนาจอที่แพทยสามารถเลือกกดคนหารายชื่อผูปวย โดย
การกรอกขอ มูลชอื่ หรือนามสกลุ หรือเลขบตั รประชาชน ก็จะแสดงขอ มูลน้ันขึ้นมา

ภาพที่ 4.19 หนาจอเมนคู น หารายชือ่
4.4.13 หนา จอรายละเอียดหนารายงานผลและแพทยใ หค ำแนะนำ
เปนการออกแบบหนา จอรายละเอียดหนา รายงานผลและแพทยใ หคำแนะนำท่ีสามารถดูขอมูล
ประเมนิ ผลยอ นหลงั ได ตามวันท่อี ปั โหลดไฟล และสามารถกดเขาดูขอ มูลประเมนิ ผลและกดดคู ำแนะนำจาก
แพทย สว นแพทยส ามารถใสร ายละเอียดคำแนะนำลงไปไดดวย

ภาพที่ 4.20 หนา จอรายละเอยี ดหนา รายงานผลและแพทยใ หค ำแนะนำ

51

บทที่ 5

การพัฒนาและทดสอบระบบ

โดยในบทนี้จะเปนสวนของการออกแบบเว็บแอปพลิเคชันวิเคราะหการนอนหลับ โดยทางผูจัดทำ
โครงงานไดแบงออกเปน 4 หัวขอ ดังนี้ สถาปตยกรรมของระบบ การออกแบบกระบวนการ การออกแบบ
ฐานขอ มูล และการออกแบบสวนตดิ ตอกบั ผใู ช

5.1 การพฒั นาโปรแกรม
ขน้ั ตอนของการวเิ คราะหแ ละการนิยามความตอ งการ ซึ่งจะเปนข้ันตอนในการวเิ คราะหค วามตอ งการ

ของผูใชง านโดยการวิเคราะหความตอ งการ ผใู ชงานวา ผใู ชง านตอ งการใหระบบในรปู ไหนการจัดเกบ็ ขอ มูลซง่ึ
ทางผจู ัดทาํ ไดท ำการวิเคราะหค วามตองการของผูใชงาน

5.1.1 โครงสรางของไฟลโ ปรแกรม

ภาพท่ี 5.1 รปู ภาพโครงสรา งของโปรแกรมไฟล
5.2 การตดิ ตงั้ ระบบ

5.2.1 วธิ ีการดาวนโ หลด Vistula Studio Code
1) ทำการดาวนโ หลด Vistula Studio Code สาํ หรบั Windows
2) ทำการติดตัง้ คลิก Next

5.2.2 วิธีการดาวนโหลด XMAPP สาํ หรบั Windows

52

1) ทำการดาวนโ หลด XMAPP สําหรับ Windows

ภาพที่ 5.2 การดาวนโหลด XMAPP
2) ทำการตดิ ตัง้ คลิก Next

ภาพที่ 5.3 การติดตง้ั XMAPP

53

3) ทำการเลือก Folder ท่ีเราตองการเลอื ก

ภาพท่ี 5.4 เลือก Folder
4) เลือก Language ในการติดต้งั XAMPP

ภาพท่ี 5.5 เลือกภาษา

54

5) คลิก Next

ภาพที่ 5.6 รอตดิ ต้งั

6) รอทำการตดิ ตั้ง

ภาพที่ 5.7 รอติดตง้ั

55

7) ทำการตดิ ตง้ั เรยี บรอย และทำการ Restart Computer 1 ครั้ง

ภาพที่ 5.8 ตดิ ต้ังสำเร็จ
8) จากน้นั เขา Control Panel ของ XAMPP และทำการคลกิ Start Apache และ MySQL
ตามลำดับ

ภาพท่ี 5.9 Run Xampp

56

9) จากน้นั ลองเขา PhpMyAdmin และ localhost ดู
10) สําหรบั Code ตาง ๆ ในการทำ Website ใหเอามาไวที่ D:\xampp\htdocs\Note:
หลงั จากทเี่ ราลง Xampp เราสามารถ Folders และไฟลตาง ๆไดใน htdocs

ภาพที่ 5.10 D:\xampp\htdocs\Note:

5.3 การทดสอบระบบ

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

ตาราง 5.1 การสมคั รสมาชิกทไ่ี มถ ูกตอง

Test case id SW-UI-001
Test case description ตรวจสอบความถูกตอ งของคาท่ี Input ลงทะเบียน
Pre-Condition สมคั รสมาชกิ
Step

Test steps 1. ปอนขอมูลชอื่ ผูใชง าน ชือ่ สกุล วันเดือนปเก
Stub Data ID 2. ปอ นขอมูลรหัสผาน ยืนยนั รหสั ผาน
Stub Data description 3. กดปมุ ลงทะเบยี น
Stub Data Detail Stub-SW-UI-001
ขอมลู สำหรับทดสอบแลว ใหผ ลลัพธในกรณีท่ีไมถกู ตอ
Parameters name
ชอื่ ผูใชงาน
รหัสผา น

57

Expected result Actual Test
result Status
กดิ หนา จอมกี ารแจงเตือนขอความ กรอกขอมลู
ไมค รบ

อง
Values
JN001
12345

ตาราง 5.2 การสมคั รสมาชกิ ทถ่ี ูกตอ ง

Test case id SW-UI-002
Test case description ตรวจสอบความถูกตองของคา ท่ี Input ลงทะเบียน
Pre-Condition สมัครสมาชิก
Test steps Step
Stub Data ID
Stub Data description 1. ปอนขอมลู ชือ่ ผูใชงาน ช่ือ สกุล น้ำหนกั สวน
Stub Data Detail E-mail วันเดอื นปเ กดิ เพศ

2. ปอนขอมลู รหสั ผาน ยืนยันรหสั ผา น
3. กดปมุ ลงทะเบยี น
Stub-SW-UI-002
ขอมูลสำหรับทดสอบแลว ใหผลลัพธในกรณที ่ีถูกตอง
Parameters name
ช่ือผูใชง าน
ชื่อ
สกุล
น้ำหนัก
สวนสูง
E-mail
วันเดือนปเกดิ
เพศ
รหัสผา น

58

Expected result Actual result Test Status

นสูง หนา จอมกี ารแจง เตือนขอความสมัครสมาชิก

Values
JN001
12345
12345
[email protected]

5.3.2 การเขา สูระบบการใชงาน

ตาราง 5.3 การเขา สูระบบการใชงาน

Test case id SW-UI-003
Test case description ตรวจสอบความถูกตอ งของคา ที่ Input เขา สรู ะบบ
Pre-Condition มกี ารเขา สรู ะบบในสทิ ธ์ิการใชง านของผใู ชร ะบบ
Test steps Step
Stub Data ID
Stub Data description 1. ปอนขอมลู ชอ่ื ผูใชง าน ช่ือ สกุล วันเดือนปเ ก
Stub Data Detail 2. ปอ นขอมูลรหสั ผา น ยืนยนั รหสั ผา น
3. กดปมุ ลงทะเบียน
Stub-SW-UI-003
ขอ มลู สำหรับทดสอบแลวใหผลลพั ธใ นกรณีท่ีขอ มลู ถกู
Parameters name
ชอื่ ผูใชง าน
รหสั ผา น

59

Expected result Actual result Test Status

กดิ หนา จอแสดงการเขา สรู ะบบสำเร็จ

กตอง
Values
JN001
12345

5.3.3 การประเมินผล

ตาราง 5.4 การประเมนิ ผลในระดับดีมาก (ระดับที่ 1)

Test case id SW-UI-004
Test case description ตรวจสอบความถูกตองของคา ท่ี Input เขาสรู ะบบ
Pre-Condition มกี ารเขา สรู ะบบในสทิ ธ์ิการใชง านของผใู ชร ะบบ
Step

Test steps 1. ปอ นขอมลู เวลานอนและเวลาต่นื นอน
Stub Data ID 2. เลือกขอมูลปจจยั ตาง ๆ (ถา มี)
Stub Data description 3. กดปุมอปั โหลดไฟล เพื่อทำการประเมนิ ผล
Stub Data Detail Stub-SW-UI-004
ขอ มลู สำหรบั ทดสอบแลว ใหผลลัพธในกรณที ่ีขอมลู ถกู
Parameters name
ระดบั คุณภาพการนอนหลบั
สที บี่ อกถงึ คา ในระดบั ตา ง ๆ

60

Expected result Actual Test
หนา จอทำการประเมนิ ผลระดับคุณภาพการ result Status
นอนหลับ

กตอง
Values
ระดบั ดมี าก
สเี ขยี ว

ตาราง 5.5 การประเมินผลในระดบั ปานกลาง (ระดบั ท่ี 2)

Test case id SW-UI-005
Test case description ตรวจสอบความถูกตอ งของคา ท่ี Input เขาสรู ะบบ
Pre-Condition มกี ารเขา สรู ะบบในสิทธิ์การใชงานของผูใชร ะบบ
Step

Test steps 1. ปอนขอมูลเวลานอนและเวลาตื่นนอน
Stub Data ID 2. เลือกขอมูลปจจัยตา ง ๆ (ถา มี)
Stub Data description 3. กดปมุ อัปโหลดไฟล เพื่อทำการประเมินผล
Stub Data Detail Stub-SW-UI-005
ขอ มลู สำหรับทดสอบแลวใหผ ลลพั ธใ นกรณที ่ีขอ มลู ถกู
Parameters name
ระดบั คุณภาพการนอนหลับ
สีทบี่ อกถึงคาในระดับตาง ๆ

61

Expected result Actual Test
หนาจอทำการประเมินผลระดับคุณภาพการ result Status
นอนหลบั

กตอง
Values
ระดบั ปานกลาง
สีเหลอื ง

ตาราง 5.6 การประเมนิ ผลในระดับแย (ระดับที่ 3)

Test case id SW-UI-006
Test case description ตรวจสอบความถูกตอ งของคาที่ Input เขา สูระบบ
Pre-Condition มีการเขา สรู ะบบในสทิ ธ์ิการใชงานของผูใชระบบ
Step

Test steps 1. ปอ นขอมูลเวลานอนและเวลาตืน่ นอน
Stub Data ID 2. เลือกขอมูลปจ จัยตา ง ๆ (ถา มี)
Stub Data description 3. กดปมุ อปั โหลดไฟล เพื่อทำการประเมนิ ผล
Stub Data Detail Stub-SW-UI-006
ขอ มลู สำหรบั ทดสอบแลว ใหผ ลลพั ธใ นกรณที ี่ขอมลู ถกู
Parameters name
ระดับคุณภาพการนอนหลับ
สที บ่ี อกถึงคาในระดบั ตา ง ๆ

62

Expected result Actual Test
หนา จอทำการประเมินผลระดับคณุ ภาพการ result Status
นอนหลับ

กตอง
Values
ระดบั แย
สแี ดง

5.3.4 ออกรายงาน

ตาราง 5.7 ออกรายงาน

Test case id SW-UI-007
Test case description ตรวจสอบความถูกตองของคา ที่ Input เขาสรู ะบบ
Pre-Condition มกี ารเขา สูระบบในสิทธ์ิการใชง านของผูใชร ะบบ
Test steps Step
Stub Data ID
Stub Data description 1. ปอนขอมูลชอื่ ผใู ชง าน
Stub Data Detail 2. ปอนขอมูลรหสั ผาน ยืนยนั รหัสผาน
Stub-SW-UI-007
ขอมลู สำหรบั ทดสอบแลวใหผ ลลพั ธใ นกรณีท่ีขอ มลู ถูก
Parameters name
ชื่อผูใชงาน
รหสั ผา น

63

Expected result Actual result Test Status
หนา จอมกี ารแจงเตือน

กตอง
Values
JN001
12345

64

บทท่ี 6

สรุปผลการดำเนนิ งาน

6.1 สรปุ ผลการดำเนินงาน
เพื่อตองการใหผูใชงานทั่วไปไดทราบผลระดับคุณภาพการนอนหลับของตนเอง ทำใหการที่ไดขอมูล

การนอนหลับจากแอปพลิเคชัน SnoreLab มาทำการประเมินเปนระดับคุณภาพการนอนหลับในแตละระดับ
ทำใหผใู ชไดทราบผลการนอนหลับของตนเอง ทำใหเขา ใจไดงาย และสามารถอำนวยความสะดวกใหกับผูใชได
อกี ดว ย

เพื่ออำนวยความสะดวกใหกับผูใชงานทั่วไป ทำใหผูใชทั่วไปเขาใจการใชงานเว็บแอปพลิเคชันไดงาย
มีสีสันของหนาเว็บที่เปนมิตรตอผูใช มคี ำสัง่ ปุมตา ง ๆ ท่ดี ูแลวเขาใจไมยุงยากไมซับซอน ใชงานไดงายและเปน
ประโยชนต อ ผใู ช

6.2 ปญ หาในการดาํ เนินงาน
เว็บแอปพลิเคชันวิเคราะหการนอนหลับนี้ สามารถใชงานไดในเว็บแอปพลิเคชันเทานั้น ซึ่งไม

เหมาะสมกับผูใชที่ตองการใชงานในรูปแบบของแอปพลิเคชันบนสมารทโฟน และเนื่องจากแอปพลิเคชัน
วิเคราะหก ารนอนหลับสามารถคำนวณระดบั คุณภาพการนอนหลบั ของผใู ชไ ดส ำหรับผูใ ชท ่ีใชงานแอปพลิเคชัน
SnoreLab ทต่ี อ งการจะทราบผลระดบั คุณภาพการนอนหลับเทานน้ั เนื่องจากวาการทำงานของเว็บแอปพลิเค
ชันวิเคราะหการนอนหลับนั้นจะตองทำการอัปโหลดไฟลท่ีไดมาจากแอปพลิเคชัน SnoreLab จึงเปนผลทำให
เว็บแอปพลเิ คชนั วิเคราะหก ารนอนหลับมขี อจำกดั ในการทำงาน
6.3 ขอ เสนอแนะ

เว็บแอปพลิเคชนั วิเคราะหการนอนหลับจัดทำข้ึนใหมีรูปแบบการใชงานไดในเว็บแอปพลิเคชันซ่ึงการ
ใชงานจะใชงานไดผานเว็บบราวเซอร โดยขนาดหนาจอเปนขนาดของคอมพิวเตอร ในอนาคตสามารถพัฒนา
ระบบใหเขาถึงผูใชไดงาย และใชงานสะดวกมากยิ่งขึ้น ในรูปแบบของแอปพลิเคชันบนสมารทโฟน และใน
อนาคตจะพฒั นาการทำงานของเวบ็ แอปพลิเคชนั วเิ คราะหการนอนหลับใหผ ใู ชส ามารถอัปโหลดไฟลขอมูลการ
นอนหลับไดโดยไมตองผานการใชงานแอปพลิเคชัน SnoreLab เพียงแอปพลิเคชันเดียว ก็สามารถใชในการ
คำนวณผลระดับคุณภาพการนอนหลับไดเชนกัน

65

บรรณานุกรม

เกียรตพิ งษ อดุ มธนะธีระ. (22 พฤษภาคม 2562). วงจรการพฒั นาระบบ (System Development Life
Cycle). สำนกั พมิ พโลจิสติกส.

จีราวุธ วารินทร. (25 พฤษภาคม 2562). พัฒนาเว็บไซตสมัยใหมดว ย HTML 5 JavaScript+CSS3 ฉบบั
สมบรู ณ. บรษิ ัท รีไววา จำกัด.

ณฐั พงศ สวุ รรณรตั น. (4 มิถนุ ายน 2560). Web Server Xampp.
ณฐั พงศ แสนคำ. (14 ธนั วาคม 2563). Visual Studio Code.
วิจิตรา นุชอย.ู (16 ธนั วาคม 2558). การเขียนผงั งาน Flowchart. งานจดั การความรู คณะแพทยศาสตรศิริ

ราช.
สพุ รรษา ยวงทอง. (21 ตุลาคม 2555). การเขยี นโปรแกรมบนฐานขอ มูล MySQL. บรรณาธิการหนงั สอื กลุม

คอมพวิ เตอรบริษัท ซเี อด็ ยูเคชน่ั จำกดั (มหาชน).
Ameen, M. S., Cheung, L. M., Hauser, T., Hahn, M. A., & Schabus, M. (2019). About the accuracy

and problems of consumer devices in the assessment of sleep. Sensors, 19(19), 4160.

Bayes, D. M., & Bullock, B. (2020). Sleep problems in school aged children: a common process
across internalising and externalising behaviours. Clocks & Sleep, 2(1), 7-18.

Camacho, M., Robertson, M., Abdullatif, J., Certal, V., Kram, Y. A., Ruoff, C. M., ... & Cpasso, R.
(2015). Smartphone apps for snoring. The Journal of Laryngology & Otology, 129(10),
974-979.)

Patel, P., Kim, J., & Brooks, L. (2017). Accuracy of a smartphone application in estimating sleep
in children. Sleep & Breathing, 21(2).

SnoreLab Ltd. (2021). SnoreLab (Version 3.5.10) [Mobile application software]. Retrieved from
https://www.snorelab.com/terms-of-use/

Vhaduri, S., Van Kessel, T., Ko, B., Wood, D., Wang, S., & Brunschwiler, T. (2019, June). Nocturnal
cough and snore detection in noisy environments using smartphone-microphones.
In 2019 IEEE International Conference on Healthcare Informatics (ICHI) (pp. 1-7). IEEE.

66

บรรณานกุ รม (ตอ)

Werner-Seidler, A., Wong, Q., Johnston, L., O’Dea, B., Torok, M., & Christensen, H. (2019).
Pilot evaluation of the Sleep Ninja: a smartphone application for adolescent insomnia
symptoms. BMJ open, 9(5), e026502.

67

ภาคผนวก

68

ภาคผนวก ก
สรุปวิธีการเกบ็ ขอ มลู

69

ผูจัดทำโครงงานตอ งการศกึ ษาระบบเดิมทเ่ี ก่ียวกับการนอนหลบั ทางผจู ดั ทำโครงงานเลอื กศึกษาแอป
พลิเคชัน Snore Lab เพื่อจะศึกษาถึงปญหาที่เกิดขึ้น จึงไดเลือกวิธีการทดลองใชงานแอปพลิเคชัน Snore
Lab โดยการศึกษาผานคูมือ จึงเริ่มตนโดยการเก็บขอมูลการนอนกรนผานแอปพลิเคชัน Snore Lab และหา
กลุมผทู ดลองใชง าน เพอ่ื ท่ีจะรวบรวมขอมูลและปญหาทเ่ี กิดขนึ้ จากการจัดเก็บขอมูลการนอนกรน

โดยการใชงานแอปพลิเคชัน Snore Lab นั่นเพื่อตองการที่จะจัดเก็บขอมูลการนอนกรน และมี
เงื่อนไขของการทำงานที่นำมาสรางเปนเวบ็ แอปพลเิ คชัน

ก. การใชงานแอปพลเิ คชนั Snore Lab
ผูใชง านแอปพลเิ คชนั SnoreLab : นายจริ เมธ อยูคะเชนทร และ นางสาวจฬุ าลักษณ หนสู ุวรรณ
ตำแหนง : นกั ศึกษา
มีการเก็บขอมูลการนอนหลับในแอปพลิเคชนั เปน เวลา 1 อาทติ ย ต้งั แตวนั ท่ี 11 ตลุ าคม พ.ศ.
2564 - 23 ตุลาคม พ.ศ. 2564

ข. วัตถปุ ระสงคในการใชง านแอปพลเิ คชัน Snore Lab
1) เพ่อื ท่จี ะเขาใจกระบวนการในการจัดเกบ็ ขอมูลการนอนหลบั ของแอปพลิเคชัน Snore Lab
2) เพอื่ ทจ่ี ะทราบถึงการแสดงผลขอ มลู ระดบั คุณภาพของการนอนหลบั
3) เพื่อท่จี ะทราบถึงช่วั โมงเวลาการนอนหลบั และทราบคะแนนในการนอนกรน
4) เพอื่ ทจ่ี ะศกึ ษาถงึ หาปญหาและสาเหตุของการนอนกรน

ค. ข้ันตอนในการดำเนนิ การในการใชง านแอปพลิเคชนั Snore Lab
1) เขาสรู ะบบการใชง านแอปพลเิ คชนั Snore Lab
2) กดปมุ เริ่มบันทึกเพ่ือบันทึกการนอนหลับ
3) Slide เพ่ือทำการหยุดการบันทกึ
4) แสดงขอมลู ในหนา ผลลพั ธและแสดงคะแนนการนอนกรนใหผ ใู ชง านไดทราบ
5) สงออกขอมลู เปน ไฟล xls.

70

ปญหา
การที่จะสามารถแจงเตือนระดับการนอนกรนแบบเปน สีๆ เชน สเี ขียว, สีเหลอื ง, สแี ดง จะใชข อ มูล

อะไรบา งมาใชในการวเิ คราะหเพ่ือทจี่ ะบอกถงึ คุณภาพการนอนหลับ และเพมิ่ ฟง กช นั การแจงเตือนใหกบั ผใู ช
ท่วั ไป
วตั ถปุ ระสงค

- เพอื่ ใหผ ใู ชท ่วั ไปไดท ราบผลการวิเคราะหข อมลู การนอนหลับจากเว็บแอปพลิเคชัน
- เพ่อื ใหผ ูใชท ่ัวไปไดรับการเตือนจากเว็บแอปพลิเคชนั
- เพอื่ อำนวยความสะดวกใหกบั แพทยในการติดตามผลการนอนหลบั ของผูป วยตอ เน่ืองได

ขอบเขตของงาน

ผใู ชท ีจ่ ะทำการเก็บขอ มูลจะเก็บขอ มลู ในชว ง วยั รุนถึงวัยผูใหญว ยั ทำงาน อายตุ ้ังแต 14-60 ป

ตารางเปรียบเทียบจากผเู ช่ยี วชาญคนที่ 1

หัวขอ สีเขียว เกณฑในการแบง สแี ดง
นอ ยกวา 50 สีเหลือง มากกวา หรือเทา กบั 70
1. เปอรเซ็นในการนอนหลับ
2. ระดบั เสยี งการกรน <1 50-70 (>= or <)

>1 - <3 >= 3

3. คะแนนการกรน <= 25 >50 แต <100 >=100 ข้นึ

นพ.อวริ ทุ ธิ์ นรุ ักษ นายแพทยช ำนาญการ กมุ ารเวชกรรม โรงพยาบาลทาศาลา

71

ตารางเปรยี บเทยี บจากผูเช่ียวชาญคนท่ี 2

หวั ขอ สีเขยี ว เกณฑในการแบง สีแดง
นอยกวา 50 สีเหลอื ง มากกวาหรือเทากบั 70
1. เปอรเซ็นในการนอนหลับ
2. ระดบั เสียงการกรน <1 50-70 (>= or <)
3. คะแนนการกรน <= 25
>1 - <3 >= 3

>50 แต <100 >=100 ขึน้ ไป
(บางกรณีคะแนนการ
นอนกรนอาจสงู ถึง

200)

นางลดั ดาวลั ย ทองเกลยี้ ง ตำแหนง พยาบาลวิชาชีพ ชำนาญการ โรงพยาบาลสรุ าษฎรธ านี
คำนวณสตู ร

เปอรเซน็ ตในการนอนหลับ = [(เวลาในการตืน่ นอน - เวลาในการนอนหลับ) * 1440]/100

72

ภาคผนวก ข
ภาพประกอบการใชงาน Application Snore Lab

73

รูปประกอบการใชง านแอปพลิเคชัน SnoreLab

74

รูปประกอบการใชง านแอปพลิเคชัน SnoreLab

75

รูปประกอบการใชง านแอปพลิเคชัน SnoreLab

76

รูปประกอบการใชง านแอปพลิเคชัน SnoreLab

77

รูปประกอบการใชง านแอปพลิเคชัน SnoreLab