Project-3

เวบ็ แอปพลเิ คชนั วิเคราะหการนอนหลบั
(Sleep Analysis Web Application)

จริ เมธ อยคู ะเชนทร
Jirameth Yukachain
จุฬาลักษณ หนูสวุ รรณ
Julaluck Noosuwan

โครงงานนี้เปน สว นหน่ึงของการศึกษาตามหลกั สตู รปริญญา
วิทยาศาสตรบัณฑติ สาขานวตั กรรมสารสนเทศทางการแพทย

มหาวิทยาลัยวลัยลักษณ
A Project Submitted in Partial Fulfillment of the Requirements

for the Degree of Innovation of medical Informatics
Walailak University

2565

เวบ็ แอปพลเิ คชนั วิเคราะหการนอนหลบั
(Sleep Analysis Web Application)

จริ เมธ อยคู ะเชนทร
Jirameth Yukachain
จุฬาลักษณ หนูสวุ รรณ
Julaluck Noosuwan

โครงงานนี้เปน สว นหน่ึงของการศึกษาตามหลกั สตู รปริญญา
วิทยาศาสตรบัณฑติ สาขานวตั กรรมสารสนเทศทางการแพทย

มหาวิทยาลัยวลัยลักษณ
A Project Submitted in Partial Fulfillment of the Requirements

for the Degree of Innovation of medical Informatics
Walailak University

2565

ก

หวั ขอโครงงาน สำนกั วชิ าสารสนเทศศาสตร
ผจู ัดทำ มหาวิทยาลัยวลัยลกั ษณ

สาขา เวบ็ แอปพลิเคชันวเิ คราะหการนอนหลับ
ปการศกึ ษา นายจิรเมธ อยูค ะเชนทร
นางสาวจุฬาลกั ษณ หนสู ุวรรณ
นวัตกรรมสารสนเทศทางการแพทย
2565

บทคดั ยอ

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

คำสำคญั เวบ็ แอปพลเิ คชนั , ระดับคณุ ภาพการนอนหลับ , การนอนหลบั

ข

Project Title Sleep Analysis Web Application
Author Jiramate Yukachain
Julaluck Noosuwan
Major Program Innovation of Medical Informatic
Academic Year 2022

Abstract

This project has been prepared with the purpose of wanting users to know the results
of analyzing sleep data from a web application that the author has created and to allow users
to receive notifications from web applications and technology has been developed to
facilitate physicians in continuous monitoring of sleep results of patients. It has been
developed and built on the SnoreLab application that can record audio during sleep each
night and can display sleep data of users but it can't tell what level of sleep quality the users
are in. How is the information displayed and no more detailed advice from a doctor Therefore,
the organizers can see the problems that arise and came up with the idea to create a sleep
analysis web application. To allow users to know the effect of their sleep quality level and
designed to be easy to use convenience to users where users can evaluate their own
sleep and know the effect of their sleep quality level and if users want to take the results of
sleep quality levels to a doctor for diagnosis. Within the sleep analysis web app, results can
be reported as well. The doctor will be able to give advice to the users for the benefit of the
users to get detailed advice from a medical professional.
Keywords: web application, sleep quality level, sleep

ค

กิตตกิ รรมประกาศ

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

ขอขอบคุณอาจารย ผศ.ดร.สุภาภรณ ใจรังษี อาจารยที่ปรึกษาโครงงานไดแนะนำและชวยในการหา
แนวทางการแกป ญหาตลอดการทำโครงงานในคร้งั น้ี และคอยใหก าํ ลังใจกับทางทมี ผูจดั ทําอยา งเสมอ

ขอขอบพระคุณอาจารย บูคอรี ซาเหาะ ประธานกรรมการสอบโครงงาน ไดใหขอมูลและการแนะนำ
ใหบรรลุขอบเขต วัตถุประสงคของเปาหมายงาน และชวยหาแนวทางในการแกปญหาตาง ๆ คอยใหกำลังใจ
กบั ทางทีมผูจดั ทำอยา งเสมอ ผจู ดั ทำโครงงานจึงขอขอบพระคุณเปนอยา งมาก

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

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

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

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

สุดทา ยนี้ ถาหากโครงงานเลมน้ผี ิดพลาดประการใดทางทมี ผูจดั ทำก็ขออภัยไว ณ ทน่ี ้ี ดวย

นายจิรเมธ อยคู ะเชนทร
นางสาวจฬุ าลักษณ หนสู วุ รรณ

ก

สารบญั

เร่ือง หนา

บทคดั ยอ......................................................................................................................................................... ก
Abstract ........................................................................................................................................................ ข
กติ ตกิ รรมประกาศ .......................................................................................................................................... ค
บทที่ 1............................................................................................................................................................ 1

1.1 ความสำคญั และท่ีมาของปญหา.......................................................................................................... 1
1.2 วัตถปุ ระสงค......................................................................................................................................... 2
1.3 ขอบเขตของงาน................................................................................................................................... 2
1.4 ประโยชนท่คี าดวาจะไดรับ................................................................................................................... 2
1.5 ผลทจ่ี ะไดรับเมือ่ เสรจ็ สน้ิ โครงงาน........................................................................................................ 3
1.6 แผนการดำเนนิ งาน .............................................................................................................................. 3
1.7 เครือ่ งมือท่ีใชในการพฒั นา................................................................................................................... 7
บทท่ี 2............................................................................................................................................................ 8
2.1 ทฤษฎที ่ีเก่ยี วขอ ง ................................................................................................................................. 8
2.2 เทคโนโลยที ใ่ี ช.................................................................................................................................... 12
2.3 งานวจิ ัยหรือระบบท่ีใกลเ คียง............................................................................................................. 19
บทที่ 3.......................................................................................................................................................... 24
3.1 องคกรท่เี ก่ียวขอ ง............................................................................................................................... 24
3.2 วิธกี ารจัดเก็บขอมลู ............................................................................................................................ 24
3.3 การทำงานของระบบปจ จุบนั .............................................................................................................. 26
3.4 การวเิ คราะหความตองการของผใู ช.................................................................................................... 28
บทท่ี 4.......................................................................................................................................................... 31
การออกแบบระบบ ....................................................................................................................................... 31
4.1 สถาปต ยกรรมของระบบ .................................................................................................................... 31
4.2 การออกแบบกระบวนการ.................................................................................................................. 33
4.3 การออกแบบฐานขอมลู ...................................................................................................................... 40
4.4 การออกแบบสวนตดิ ตอ กับผูใช .......................................................................................................... 44

ข

สารบญั (ตอ )

เร่ือง หนา

บทท่ี 5.......................................................................................................................................................... 51
บทท่ี 6.......................................................................................................................................................... 64
บรรณานกุ รม ................................................................................................................................................ 65
บรรณานุกรม (ตอ)........................................................................................................................................ 66
ภาคผนวก ..................................................................................................................................................... 67
ประวัตผิ จู ดั ทำ............................................................................................................................................... 79

ค

สารบญั ตาราง

ตารางท่ี หนา

1.1 แสดงแผนการดำเนินงาน…….......................................................................................................................4

1.2 แสดงซอฟแวรท ่ใี ช… …..................................................................................................................................7

2.1 แสดงสัญลกั ษณ Flowchart……................................................................................................................10

2.2 แสดงสัญลักษณ ER…………..……................................................................................................................12

2.3 เปรียบเทยี บงานวจิ ัยท่ีใกลเคียง……...........................................................................................................24

4.1 ผูใ ชง านระบบ (User).…….........................................................................................................................41

4.2 ผูใชงานระบบ (Doctort).……....................................................................................................................41

4.3 เว็บแอปพลิเคชันวิเคราะหการนอนหลบั (Web Application).……..........................................................42

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

4.5 ขอมลู คำแนะนำ (Description).…............................................................................................................43

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

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

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

5.4 การประเมนิ ผลในระดบั ดีมาก (ระดบั ที่ 1)..…….........................................................................................61
5.5 การประเมินผลในระดบั ปานกลาง (ระดบั ที่ 2).……...................................................................................62
5.6 การประเมินผลในระดับแย (ระดับที่ 3).……..............................................................................................63
5.7 ออกรายงาน…….........................................................................................................................................64

ง

สารบัญภาพ

ภาพท่ี หนา

2.1 วงจรพัฒนาระบบ (System Development Life Cycle: SDLC) ……......................................................9
2.2 แสดงความสมั พันธหนงึ่ ตอหนงึ่ หรือแบบ 1:1…….....................................................................................12
2.3 แสดงความสัมพันธแบบหนึง่ ตอกลุม หรอื 1: M……..................................................................................13
2.4 แสดงความสมั พันธแบบกลมุ ตอ กลุม หรือ แบบ M:N……..........................................................................13
2.5 ความสมั พันธแบบยูนารี…….......................................................................................................................13
2.6 แสดงความสัมพนั ธแบบไบนารี……............................................................................................................14
2.7 แสดงความสัมพนั ธแ บบสามทาง……..........................................................................................................14
3.1 flowchart แสดงการทำงานระบบปจ จุบนั ……..........................................................................................26
3.2 Ishikawa Diagram แสดงการปญหาของระบบปจ จุบนั ……......................................................................27
4.1 สถาปต ยกรรมซอฟแวร……........................................................................................................................34
4.2 แผนผงั ลำดบั ขน้ั ตอนกระบวนการ…….......................................................................................................35
4.3 แผนภาพบรบิ ท……....................................................................................................................................36
4.4 แผนภาพกระแสขอมูล ระดบั ที่ 0……........................................................................................................38
4.5 แผนภาพกระแสขอมลู ระดบั ท่ี 1……........................................................................................................39
4.6 แผนภาพกระแสขอมลู ระดบั ท่ี 3……........................................................................................................40
4.7 แผนภาพกระแสขอมูล ระดับที่ 4…….........................................................................................................41
4.8 รปู ภาพการออกแบบฐานขอมูล……...........................................................................................................42
4.9 หนาจออเริ่มตน ……....................................................................................................................................44
4.10 หนา จอการเขา สูร ะบบและหนาจอการลงทะเบยี น……............................................................................45
4.11 หนาจอเมนผู ูใชง าน……............................................................................................................................46
4.12 หนา จออัปโหลดไฟล… …..........................................................................................................................46
4.13 ระบบกำลงั ประมวลผล……......................................................................................................................47
4.14 หนาจอผลการวนิ ิจฉยั ……........................................................................................................................47
4.15 หนาจอหนาจอปฏิทนิ ยอนหลงั ……….......................................................................................................48
4.16 หนาจอหนาจอเขา สูระบบของแพทย… ….................................................................................................48
4.17 หนา จอลงทะเบียนของแพทย… …............................................................................................................49
4.18 หนาจอเมนแู พทย……..............................................................................................................................49
4.19 หนาจอหนาจอเมนคู นหารายชื่อ……........................................................................................................50
4.20 หนา จอรายละเอียดหนา รายงานผลและแพทยใหคำแนะนำ....................................................................51
5.1 รปู ภาพโครงสรา งของโปรแกรมไฟล……………….........................................................................................52

จ

สารบัญภาพ (ตอ )

ภาพที่ หนา

5.2 การดาวนโ หลด XMAPP……......................................................................................................................53
5.3 การตดิ ตัง้ XMAPP……...............................................................................................................................53

5.4 เลอื ก Folder…….......................................................................................................................................54
5.5 เลือกภาษา……...........................................................................................................................................54
5.6 รอติดตงั้ ……...............................................................................................................................................55

5.7 รอติดตง้ั ……...............................................................................................................................................55
5.8 ติดตัง้ สำเร็จ……..........................................................................................................................................56
5.9 Run Xampp…….......................................................................................................................................56
5.10 D:\xampp\htdocs\Note......................................................................................................................57

ก

1

บทที่ 1

บทนำ

1.1 ความสำคญั และที่มาของปญหา
การกรน (Snoring) เกิดจากกลามเนื้อคอคลายตัวขณะหลับจนทำใหชองคอแคบลง ซึ่งสงผลใหตอง

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

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

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

2

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

1.3 ขอบเขตของงาน
โครงงานน้ตี อ งการทีจ่ ะแกไ ขปญ หาการนอนกรน ซง่ึ จะแบง กลมุ ผูใชร ะบบดงั น้ี
1.3.1) ผใู ชร ะบบแบง ออกเปน 2 กลมุ
ก. ผูใชทวั่ ไป
1) สามารถรับการเตือนจากเว็บแอปพลเิ คชัน
2) สามารถทราบผลการวิเคราะหขอมูลการนอนหลบั ไดจากเว็บแอปพลเิ คชัน
3) สามารถทราบผลคุณภาพการนอนหลับเบื้องตนของตนเองได
ข. แพทย
1) สามารถบันทกึ ผลการวินจิ ฉยั ของผปู วยตอ เนื่องได
2) สามารถตดิ ตามผลการนอนหลับของผูปว ยตอเนื่องได

1.3.2) เวบ็ แอปพลเิ คชนั วเิ คราะหการนอนหลบั จะแบงฟงกช นั ของการใชงานมีดังนี้
1. ฟง กชันการนำเขา ขอมลู การนอนหลับ (Import Data) จากแอปพลเิ คชัน SnoreLab และ

นำมาวเิ คราะหแปรผลขอ มูล
2. ฟงกชันในการวิเคราะหแปรผลขอมูลการนอนหลับจากแอปพลิเคชัน SnoreLab มาเปน

ระดบั คุณภาพของการนอนหลับ
3. ฟงกช ันการเตือนจากเวบ็ แอปพลิเคชันใหก ับผูใช
4. ฟง กช นั ที่ผใู ชส ามารถดปู ระวัตกิ ารนอนหลับยอ นหลงั ได
5. ฟงกชันการตดิ ตามการรักษาใหกับแพทยใ นการติดตามผลการนอนหลับของผปู ว ยตอเนื่อง

ได
6. ฟง กชันทแี่ พทยส ามารถใหค ำแนะนำและแกไขเพิม่ เติมผลการวินิจฉยั ของผูปวยตอ เน่ืองได

1.4 ประโยชนท ี่คาดวา จะไดรบั
1.4.1 ผูใชทัว่ ไป
1. ผูใชทั่วไปสามารถใชงานระบบไดง ายขน้ึ และสะดวกมากยิ่งข้ึน
2. ผใู ชท ัว่ ไปสามารถรรู ะดบั คุณภาพการนอนหลบั ของตนเอง

3

1.4.2 แพทย
1. สามารถดกู ารวินิจฉยั ของผูป วยตอเน่ืองได
2. สามารถตดิ ตามผลการนอนหลับของผูปว ยตอเนื่องได

1.5 ผลท่ีจะไดร ับเม่ือเสรจ็ สิ้นโครงงาน
ไดระบบวิเคราะหก ารนอนหลบั ในรปู แบบแอปพลิเคชันบนเว็บ ( Web Application )

1.6 แผนการดำเนินงาน
ระยะเวลาในการดำเนินงานทั้งสิ้นทั้งหมด 11 เดือน โดยมีการเริ่มตนตั้งแตเดือนมิถุนายน 2564

สนิ้ สุดในเดือนเมษายน 2565 รายละเอียดในการดำเนนิ งานของระบบวเิ คราะหการนอนหลบั มกี ารดำเนินงาน
ทง้ั หมด 7 ขนั้ ตอน ดงั นี้

รายละเอยี ดการดําเนนิ งาน ระยะเวลาในการดําเนินงาน 2564 - 2565 1.1 ตารางแสดงแผนการดำเนินงาน
1 วางแผนการทํางานและวางแผนระยะเวลา ม.ิ ย. ก.ค. ส.ค ก.ย. ต.ค. พ.ย. ธ.ค. ม.ค. ก.พ. ม.ี ค. เม.ย
1.1 ศึกษาหัวขอและประเด็นท่ใี หค วามสนใจ 12341234123412341234123412341234123412341234

วิเคราะหความตอ งการของผใู ช เกบ็ ขอ มลู ความ
1.2 ตองการ
1.3 วิเคราะหการทํางานหลักๆของแอปพลเิ คชันตน แบบ

กําหนดขอบเขตงานและกาํ หนดระยะเวลาในการ
1.4 ทํางาน
1.5 ประมาณการงบประมาณในการทาํ งาน

ศกึ ษาการใชงานเครอื่ งมอื เทคโนโลยที ่นี ําไปใชใน
1.6 โครงงาน
2 กลุม ทดลองใชงานแอปพลเิ คชันทีใ่ ชใ นปจ จบุ นั

จดั ประเภทของกลมุ ผูท ดลองใชต ามชว งอายุของ
2.1 ผใู ชง าน

4

ระยะเวลาในการดําเนนิ งาน 2564 - 2565 1.1 ตารางแสดงแผนการดำเนินงาน (ตอ )

ม.ิ ย. ก.ค. ส.ค ก.ย. ต.ค. พ.ย. ธ.ค. ม.ค. ก.พ. ม.ี ค. เม.ย

รายละเอยี ดการดําเนนิ งาน 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

3 รวบรวมขอมูลจากความตอ งการของผใู ช

ปญ หาทเ่ี กิดจากการใชงานตวั แอปพลเิ ค
3.1 ชันตวั ตน แบบทผ่ี ูใ ชม คี วามตองการจะให

แกไ ข

3.2 ฟงกชนั บางตวั ทผ่ี ใู ชต อ งการจะใหม ใี นตัว
แอปพลิเคชนั

4 การออกแบบระบบ

4.1 ออกแบบสถาปต ยกรรมของระบบ

4.2 ออกแบบโครงสรา งฐานขอมลู

4.3 ออกแบบกระบวนการทํางาน

4.4 ออกแบบและสรา งหนา UI ใหก บั ระบบที่
เราสราง

5

ระยะเวลาในการดําเนินงาน 2564 - 2565 1.1 ตารางแสดงแผนการดำเนินงาน (ตอ )

รายละเอยี ดการ ม.ิ ย. ก.ค. ส.ค ก.ย. ต.ค. พ.ย. ธ.ค. ม.ค. ก.พ. ม.ี ค. เม.ย
ดําเนนิ งาน 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

5 การพฒั นาระบบ

5.1 พัฒนาซอฟแวร

5.2 พัฒนาโปรแกรมของ
ระบบ

5.3 ปรับปรุงแกไ ขการใชง าน
ของระบบ

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

6.1 ทดสอบระบบแตล ะ
ฟง กช นั ของงาน

6.2 ทดสอบระบบท้ังระบบ

6.3 ตดิ ตงั้ ระบบและใชง าน

7 จดั ทําเอกสาร

6

7

1.7 เครอื่ งมอื ทีใ่ ชในการพัฒนา
1.7.1) ฮารดแวร
ก. เครอื่ งคอมพิวเตอรทีใ่ ชม ีลกั ษณะดงั น้ี
1) CPU intel® core (TM) I5-1035G1 CPU @ 1.00GHz 1.19GHz
2) System type 64-bit
3) RAM 8 GB
4) Windows 10 Home
ข. เครอ่ื งคอมพวิ เตอรท ีใ่ ชม ลี กั ษณะดงั นี้
1) CPU AMD Ryzen 7 3750H with Radeon Vega
2) System type 64-bit
3) RAM 8 GB
4) Windows 10 Home

1.7.2) ซอฟตแ วร
1.2 ตารางแสดงซอฟแวรท ีใ่ ช

ซอฟตแวรท ใี่ ช วัตถุประสงคท่ีใชง าน
MySQL Version 8.0.23 ใชส ำหรับจดั การฐานขอ มูล
Bootstrap Version 5.1 เปน เครื่องมอื สำหรับการออกแบบหนา เวบ็ ไซต
Visual Studio Code ใชในการแกไ ขซอรส โคด
HTML Version 5 ใชใ นการแสดงผลบนเว็บบราวเซอรบนอินเทอรเ น็ต
CSS Version 3.0 ใชใ นการตกแตงและออกแบบหนา เวบ็ บราวเซอร
PHP Version 7 ใชในการเขยี นโปรแกรมประมวลผลกอนแสดงหนาเว็บ
JavaScript 1.8.5 ใชในการพฒั นาโปรแกรม
Xampp Version 8.9.0 ใชในการจำลองเคร่ืองคอมพวิ เตอรใหท ำงานในลักษณะของ
Webserver
Application SnoreLab Version เปนแอปพลเิ คชนั ฐานขอ มูล
5.3.10

8

บทที่ 2

การทบทวนวรรณกรรม

โดยในบทนี้จะกลาวถึงทฤษฎีที่มีความหมายเกี่ยวของกับงานและเทคโนโลยีที่นำมาใชในการพัฒนา
เว็บแอปพลิเคชัน ซึ่งมีรายละเอียดหัวขอที่เกี่ยวของ ดังน้ี ทฤษฎีที่เกี่ยวของ เทคโนโลยีที่ใช และงานวิจัยหรือ
ระบบทใ่ี กลเคียง

2.1 ทฤษฎีทีเ่ กย่ี วของ
2.1.1 วงจรการพัฒนาระบบ
วงจรการพัฒนาระบบ (System Development Life Cycle : SDLC) เปนการแบงขั้นตอน

กระบวนการพัฒนาระบบงาน เพื่อชวยในการแกไขปญหา และเปนการพัฒนาหรือปรับปรุงระบบเดิมใหดีข้ึน
โดยการพัฒนาระบบแบง ออกเปน 7 ขน้ั ตอน ดังน้ี (เกียรติพงษ อุดมธนะธรี ะ , 2562)

1. การคนหาปญ หาขององคกร (Problem Recognition) เปนการกำหนดเปา หมายท่ีชัดเจน
ในการปรบั ปรงุ โดยการนำขอมลู มาจำแนกจัดกลุมและจัดลำดบั ความสำคญั เพื่อใชในการแกปญหาและใหเกิด
ประโยชนมากทีส่ ดุ

2. การศึกษาความเหมาะสม (Feasibility Study) วาเหมาะสมควรจะปรับเปลี่ยนหรือไม
โดยใหเ สียคา ใชจ าย (Cost) และเวลา (Time) นอยท่ีสดุ แตใ หไ ดผ ลลัพธท นี่ า พอใจ

3. การวิเคราะห (Analysis) เปนการรวบรวมขอมูลปญหาความตองการที่มีเพื่อนำไป
ออกแบบระบบ ซ่ึงทำการสัมภาษณจ ากผใู ช โดยวิเคราะหการทำงานของระบบเดิม (As Is) และความตองการ
ที่มีในระบบใหม (To Be) จากนั้นนำมาวิเคราะหเขียนเปนแผนภาพผังงานระบบ (System Flowchart) และ
การไหลของขอมูล (Data Flow Diagram)

4. การออกแบบ (Design) เปนการนำผลการวิเคราะหมาออกแบบเปนแนวคิด (Logical
Design) เพอื่ แกไ ขปญ หาเนนการออกแบบโครงรางบนกระดาษ แลว ผอู อกแบบระบบนำไปออกแบบ (System
Design) รายละเอียดของอุปกรณที่ใช เทคโนโลยีที่ใช ชนิดฐานขอมูลการออกแบบ การนำขอมูลเขา และ
ผลลพั ธท ่ไี ด

5. การพัฒนาและทดสอบ (Development & Test) เปนขั้นตอนการเขียนโปรแกรม
(Coding) เพ่ือพัฒนาระบบใหเปนไปตามที่กำหนดไว จากนั้นทำการทดสอบเพื่อหาขอ ผิดพลาด (Testing) เพื่อ
ตรวจสอบความถูกตอ ง หากพบวามีขอผิดพลาดจะตอ งปรบั แกไขใหเรยี บรอ ยพรอ มใชง านกอนนำไปใชจ รงิ

6. การติดตั้ง (Implementation) เปน ขน้ั ตอนการนำระบบที่พัฒนาจนสมบูรณแลวมาติดตั้ง
(Installation) และเริ่มใชงานจริงไดอยางสมบูรณ และมีบริการใหความชวยเหลือ (Support) เพื่อใหระบบ
สามารถใชง านไดอ ยา งตอเน่อื ง

9

7. การซอมบำรงุ ระบบ (System Maintenance) เปนขั้นตอนการบำรุงรกั ษาระบบหลังจาก
เริ่มดำเนินการ ผูใชระบบอาจจะพบปญหาที่เกิดข้ึนไดในภายหลังการใชงาน จึงควรกำหนดแผนเพ่ือแกปญ หา
ติดตามประเมินผล เก็บรวบรวมคำรองขอใหปรับปรงุ ระบบแกไขและติดตั้ง เพื่อใหผูใชงานระบบเกิดความพึง
พอใจมากทสี่ ดุ

ภาพที่ 2.1 วงจรพัฒนาระบบ (System Development Life Cycle : SDLC)
2.1.3 Flowchart
Flowchart หรอื ผังงาน เปนเครอ่ื งมือแสดงขั้นตอน หรือกระบวนการทำงานทกี่ ระชับ เขาใจงาย โดย
ใชสัญลักษณที่เปนมาตรฐานเดยี วกัน และใชขอความสั้น ๆ อธิบายขอมูล ผลลัพธ คำสั่ง หรือจุดตัดสินใจของ
ขั้นตอน และเชื่อมโยงขั้นตอนทุกขั้นตอนดวยเสนที่มีลูกศรชี้ทิศทางการทำงานตั้งแตเริม่ ตนจนจบ (วิโรจน ชัย
มูล และสุพรรษา ยวงทอง, 2558)

การเขยี นผังงาน (Flowchart)
1. ผังงาน (Flowchart) จะตองมีจุดเริ่มตนและจุดสิ้นสุดเสมอ โดยเลือกใชสัญลักษณ
แทนการสื่อความหมายอยางเหมาะสม และมีคำอธิบายในสัญลักษณสั้น กระชับ
เขา ใจงา ย
2. ใชลูกศรเปนตัวกำหนดทิศทางการทำงาน จากบนลงลาง, จากซายไปขวา โดยเรียง
ตามลำดับเหตุการณ รูปสัญลักษณทุกตัวตองมีลูกศรเขาและออก ยกเวน จุดเริ่มตน
จะมเี ฉพาะลกู ศรออก จุดสน้ิ สุดจะมีเฉพาะลูกศรเขา เทา นน้ั

10

ประเภท Flowchart

1. Top – Down คือ การเขียนกระบวนงาน (flow) เรียงลำดับจากบนลงลาง แบงเปน
3 ลักษณะ คอื
- Sequence (ตามลำดับ) เปน การเขียนแบบไลท ำไปทีละลำดับ
- Selection (ทางเลือก/เงื่อนไข) เปนการเขียนที่มีการเลือก หรือการ
ตดั สินใจ
- Iteration (ทำซ้ำ) เปน การเขยี นท่ีมกี ารกลบั ไปทำซ้ำในบางขน้ั ตอน

2. Swim Lane diagram การเขยี นกระบวนงาน flow จากซายไปขวา
สญั ลักษณ Flowchart โดยปกตทิ ่วั ๆ ไปจะใชส ัญลกั ษณ ดงั น้ี

ตารางที่ 2.1 แสดงสัญลกั ษณ Flowchart

สญั ลักษณ ชื่อ ความหมาย
Beginning block ใชเปน จุดเรม่ิ ตนของการทำ Flowchart

Termination ใชเปนจุดสนิ้ สดุ ของการทำ Flowchart

Process block ใชแ สดงกระบวนการทำงาน การประมวลผลทั่วไป

Decision block การตดั สนิ ใจท่ีตองใชค ำตอบ เมอ่ื ตองมีเง่ือนไขหรือ
ทางเลือกมากกวา 1

Connector ใชเชอ่ื มสวนหนึง่ ของ Flowchart กบั อีกสวนหนง่ึ โดยใช
Flow line สญั ลักษณ Connector
ใชบ อกลำดบั การทำงานวา มที ิศทางไปทางไหน

11

2.1.4 ความสัมพนั ธระหวางขอมลู
ความสัมพันธระหวางขอมูล (Unified Modeling Language) เปนภาษาที่ใชแบบจำลองและเปน
ภาษาทใี่ ชอธิบายแสดงความหมายของแผนภาพ และในการสรางแผนภาพนัน้ UML เปนการสรา งแบบจำลอง
ของระบบที่ไดรับการพัฒนาขึ้นมาเพื่อใชในการ วิเคราะหและออกแบบระบบเชิงวัตถุโดยเฉพาะแสดง
สัญลกั ษณก ารสรา งความสมั พนั ธไดด ังน้ี
1. Non-Identifying Relationship

ความสัมพันธ (relationship) แบบ 1:1 หรือ 1:M โดยมี key index เปนตัวเชื่อมบางครั้ง
จะรยี กความสมั พนั ธในลักษณะนว้ี า Foreign Key

ภาพที่ 2.2 แสดงความสัมพันธหนง่ึ ตอหนึง่ หรอื แบบ 1:1
ความสัมพันธ (relationship) แบบ 1:N หนึ่ง ตอ กลุม จะเปนความสัมพันธที่ซึ่งคียหลัก (Primary
key) ใน Entity A ใด ๆ จะทำหนาที่เปน foreign key ใน Entity B แตไมไดทำหนาที่เปนสวน ประกอบของ
คยี ห ลัก

ภาพท่ี 2.3 สัญลักษณค วามสมั พันธ Non-Identifying Relationship แบบ 1:N
2. Identifying Relationship
1:1 หน่งึ ตอ หนึง่ จะเปนความสมั พันธที่ซ่ึงคียหลัก ใน Entity A ใด ๆ จะทำหนาท่เี ปน foreign key
ใน Entity B และยังเปนสว นประกอบหน่ึงของคียหลักใน Entity B

ภาพที่ 2.4 แสดงความสัมพันธแ บบกลมุ ตอ กลมุ หรือ แบบ M:N
1:M หน่ึง ตอ กลุม จะเปนความสัมพนั ธท่ีซึ่งคยี ห ลกั ใน Entity A ใด ๆ จะทำหนาทเี่ ปน foreign
key ใน Entity B และยังเปน สวนประกอบหนึง่ ของคียห ลกั ใน Entity B

ภาพท่ี 2.5 สัญลกั ษณค วามสมั พันธ Identifying Relationship แบบ 1:M

12

สญั ลักษณ ER โดยปกติทั่ว ๆ ไปจะใชสัญลักษณ ดงั น้ี

ตารางที่ 2.2 แสดงสัญลักษณท ใ่ี ชในการแสดงแผนภาพ ER Diagram

สญั ลักษณ คําอธบิ าย
Attribute ทีใ่ ชแสดง Attribute แตล ะ Entity

ลกู ศรใชบอกทิศทางในการเชื่อมตอแตล ะ Entity

เสน เชอ่ื มความสัมพันธระหวาง Entity

1:1 เปน ความสัมพนั ธระหวา ง Entity หนง่ึ ไปยังมี ความสัมพันธกบั Entity หนงึ่
เพยี งรายการเดยี ว

1:N เปนความสัมพนั ธร ะหวาง Entity หนงึ่ ไปยงั มี ความสมั พนั ธก บั Entity หนง่ึ
มากกวาหนง่ึ รายการ

N : N เปนความสัมพันธร ะหวา ง Entity มีมากกวา หน่งึ รายการ

2.2 เทคโนโลยที ใ่ี ช
การใชงานเทคโนโลยีที่ใชในการพัฒนาระบบโดยที่จะใชโปรแกรมที่ชว ยในการคิดวิเคราะหระบบและ

การออกแบบระบบ เทคโนโลยีทน่ี ำมาใชใ นการทำโครงงานมีดังน้ี
2.2.1 phpMyAdmin (Version 5.1.1)
phpMyAdmin เปนโปรแกรมที่ถูกพัฒนาโดยใชภาษา PHP เพื่อใชในการบริหารจัดการฐานขอมูล

MySQL แทนการคยี ค ำสงั่ เน่อื งจากถา เราจะใชฐ านขอมลู ท่ีเปน MySQL บางครั้งจะมีความลาํ บากและยุงยาก
ในการใชงาน ดังนั้นจึงมีเครื่องมือในการจัดการฐานขอมูล MySQL ขึ้นมาเพื่อใหสามารถจัดการ ตัว DBMS ท่ี
เปน MySQL ไดงายและสะดวกย่งิ ขึ้น

phpMyAdmin เปนสวนประสานที่สรางโดยภาษา PHP ซึ่งใชในการจัดการฐานขอมูล MySQL ผาน
เว็บเบราวเซอร โดยสามารถที่จะทำการสรางฐานขอมูลใหม ทำการสราง TABLE ใหมๆ และ function ที่ใช
สําหรับการทดสอบการ query ขอมูลดวยภาษา SQL และยังสามารถทำการ insert delete update หรือ
แมกระทั่งการใช คำสั่งตาง ๆ เหมือนกับกันการใชภาษา SQL ในการสรางตารางขอมูล (phpMyAdmin,
2021) (วราภรณ ไพนรนิ ทร, 2563)

13

ความสามารถของ phpMyAdmin
1) สรา งและลบ Database ได
2) สรางและจัดการ Table เชน แทรก record, ลบ record, แกไข record, ลบ Table,

แกไข field
3) โหลดเทก็ ซไ ฟลเ ขา ไปเก็บเปนขอมลู ในตารางได
4) Query ดว ยคำส่ัง SQL

2.2.2 Visual Studio Code (Version 1.62.2)
Visual Studio Code จากบริษัทไมโครซอฟต เปนโปรแกรมประเภท Editor ใชในการแกไขโคดที่มี
ขนาดเล็ก แตมีประสิทธิภาพสูง เปน Open Source โปรแกรมจึงสามารถนำมาใชงานไดโดยไมมีคาใชจาย
เหมาะสำหรับนักพัฒนาโปรแกรมที่ตองการใชงานหลายแพลตฟอรม รองรับการใชงานทั้งบน Windows,
macOS และ Linux รองรับหลายภาษาทั้ง JavaScript, TypeScript และ Node.js ในตัว สามารถนำมาใช
งานไดงายไมซ บั ซอน
Visual Studio Code เปนโปรแกรมประเภท Editor ที่ใชในการแกไขโคดที่มีขนาดเล็ก แตมี
ประสิทธิภาพสูง เปน Open Source โปรแกรมจึงสามารถนำมาใชงานไดโดยไมมีคาใชจาย เหมาะสำหรับ
นักพัฒนาโปรแกรมที่ตองการใชงานหลายแพลตฟอรม รองรับการใชงานทั้งบน Windows , macOS
และ Linux รองรับหลายภาษาทั้ง JavaScript, TypeScript และ Node.js ในตัว และสามารถเชื่อมตอ
กับ Git ไดงาย สามารถนำมาใชงานไดงายไมซับซอน มีเครื่องมือและสวนขยายตาง ๆ ใหเลือกใชมากมาย
รองรับการเปดใชงานภาษาอื่น ๆ ทั้ง ภาษา C++ , C# , Java , Python , PHP หรือ Go สามารถ
ปรับเปล่ยี น Themes ได มีสว น Debugger และ Commands เปน ตน (ณฐั พล แสนคำ , 2563)

2.2.3 HTML (Version 5)

HTML ยอมาจาก Hyper Text Markup Language เปนภาษามารคอพั มาตรฐานสําหรับการสราง
หนา เว็บเพจ เพ่ือเก็บขอ มลู ขา วสารที่ตองการในรปู แบบไฮเปอรแท็กซเพื่อแสดงผลบนเว็บเพจซึ่งคุณสมบัติ
สามารถเชื่อมโยงเวบ็ เพจระหวา งเว็บเพจไดและแสดงรูป ขอความ เสียง และรปู แบบไฟล ซึ่งภาษา เอชทีเอ็ม
แอล มีสวนคำสง่ั ซ่ึงเปน สวนกำหนดรูปแบบแสดงขอความ โดยเรยี กวา แทก ซ (Tag) โดยมสี ัญลกั ษณ <...> (จี
ราวธุ วารนิ ทร, 2562)

1) สวนประกอบของภาษาเอชทเี อม็ แอล
• <!DOCTYPE html>ประกาศกำหนดวาเอกสารนเ้ี ปนเอกสาร HTML5
• <html>องคประกอบหลกั ของหนา เอชทีเอ็มแอล
• <head>องคประกอบมีขอมลู เกยี่ วกบั เมตาหนาเอชทีเอม็ แอล
• <title>องคป ระกอบระบุชอ่ื สําหรบั หนา เอชทีเอ็มแอล (ซงึ่ จะแสดงในแถบชอ่ื

เบราวเ ซอรห รอื ในแท็บหนาเวบ็ )

14

• <body>องคประกอบกำหนดรางกายของเอกสารและเปนสวนแสดงผลเนื้อหา เชน
รปู ภาพ ขอ ความเปนตน

• <h1>องคป ระกอบกำหนดหัวขอ ท่ีมีขนาดใหญ
• <p>องคป ระกอบกำหนดยอหนา

2.2.4 CSS (Version 3.0)
CSS ยอมาจาก Cascading Style Sheet เปนภาษาที่ใชเปนสวนของการจัดรูปแบบการแสดงผล
เอกสาร HTML โดยที่ CSS กำหนดกฎเกณฑในการระบรุ ูปแบบของเนื้อหาในเอกสาร อนั ไดแ ก สีของขอความ
สีพื้นหลัง ประเภทตัวอักษร และการจัดวางขอความ ซึ่งการกำหนดรูปแบบ หรือ Style นี้ใชหลักการของการ
แยกเนื้อหาเอกสาร HTML ออกจากคำสั่งที่ใชในการจัดรูปแบบการแสดงผล กำหนดใหรูปแบบของการ
แสดงผลเอกสาร ไมข น้ึ อยกู ับเน้อื หาของเอกสาร เพ่อื ใหงา ยตอการจดั รปู แบบการแสดงผลลัพธของเอกสาร
(วชิ าญ ทุมทอง, 2562)

การใชง าน CSS เพื่อใชแ กไขคุณสมบัติของเวบ็ เพจ เพื่อใหมีหนาตา สสี นั หรอื รปู แบบเปน ไปตามท่ี
ตอ งการของ CSS สำหรบั เปลีย่ นรปู รางหนา ตาของเว็บเพจใหม ีรูปแบบท่ีตางออกไป เชน การเปลีย่ นสสี ัน การ
จดั วางขอความ รูปแบบตัวอักษรท่ีใช ตำแหนง ของรูปภาพ ระยะหางจากขอบเว็บเพจ และ อน่ื ๆ หากใช CSS
รูปรา งหนาตาก็จะมีผลลัพธท ่ีตางออกไป (จรี าวธุ วารนิ ทร , 2019)

1. เวบ็ เพจพน้ื ฐานท่จี ะใชแท็กของ CSS

1) <div> ใชในการแสดงขอความ

2) {....} ใชเ ปน ตัวบอกขอบเขตของบลอ็ ก

3) <style>.... </style> ใชในการปรบั แตงโคด

4) <p>...</p> เวน ระยะขอบ

5) <header> กำหนดเปนหัวขอ หลกั

6) /* และ */ ใชใ นการเขยี น Comment เพอื่ อธิบายขอความ

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

ขอดีของการเขียนดวย ภาษา CSS คือ

1) สะดวกในการเขียนเวบ็ เพจ
2) สามารถปรบั แตง ขอความและกำหนดฟอนตของตัวอักษรไดต ามตอ งการ

15

ขอ เสยี ของการเขียนดว ย ภาษา CSS คอื

1) ตอ งเขยี นโคดเดมิ ซำ้ ๆกนั หลายครงั้

2) เมอื่ ตองการเปลยี่ นแปลงแกไ ขไฟลข อง CSS จำเปนตองมาแกไ ขทุกไฟลท ี่เกี่ยวของกบั CSS

2.2.5 Bootstrap (Version 5.1)
Bootstraps เปนกรอบการทำงานของ CSS ใชในการพัฒนาเปนฟรอนตเอนดเฟรมเวิรกฟรีสําหรับ
การพัฒนาเว็บที่รวดเร็วและงายขึ้นซึ่งประกอบดวยเทมเพลตการออกแบบที่ใช เอชทีเอ็มแอล และ CSS ใน
การ typography, forms, buttons, tables, navigation, modals, image carousels เปนตน และยังมี
ปลั๊กอิน JavaScript ท่ีเปนทางเลือกในการใชงานนอกจากนี้การใชงาน Bootstraps ยังชวยใหการออกแบบ
เวบ็ ไซตส ามารถรองรับการใชง านไดหลากหลายหนา จอ
Bootstrap ถูกพัฒนาขึ้นดวยกลุมนักพัฒนาโดยมีการอัพเดทอยูตลอดเวลาเพื่อรองรับการทำงานได
อยางทันสมัย และ การแกไขปญหาตาง ๆ หรือ Bug ก็ทำไดอยางรวดเร็ว ดังนั้น การเลือกใช Bootstrap ใน
การนำมาชวยพัฒนาโปรเจคทัง้ เว็บแอพลิเคชัน App บนมือถือ หนังสือเลมนี้ผูเ ขียนไดเขยี นจากประสบการณ
การใชงาน มาอยางยาวนาน ตั้งแตเ วอรช นั แรกๆ จนถึงเวอรช ันปจจบุ นั (W3School, 2021)

2.2.6 PHP (Version 7)
PHP คือ ภาษาคอมพิวเตอร Server-Side Script ซึ่งใชในการจัดทำเว็บไซตและสามารถประมวลผล
ออกมาในรูปแบบHTML โดยมีรากฐานโครงสรางคำสั่งมาจากภาษา ภาษาซี ภาษาจาวา และ ภาษาเพิรล
เปาหมายหลักของภาษา PHP คือใหนักพัฒนาเว็บไซตสามารถเขียนเว็บเพจ ที่มีความตอบโตไดอยางรวดเร็ว
(วทิ ยา ทองคำ, 2560)
PHP คือ ภาษาโปรแกรมรูปแบบหนึ่งที่ทำงาน อยูบน Server หรือ เรียกวา Server-Side Script
โดยค าสั่ง ภาษา PHP นั้นจะถูกนำไปประมวลผล ในฝง Server กอนและสงผลลัพธกลับมาแสดงผลให
ผูใชงานผานทางหนาจอของ เครื่อง Client ที่รองขอไฟล ภาษา PHP นั้นนถูกพัฒนาอยางตอเนื่อง มี library
และ Framework ตาง ๆ ใหเลือกใชมากมาย เปนภาษาที่ไดรับความนิยม มีผูใชงานเปนจำนวนมาก เหมาะ
สำหรบั เร่มิ ตนเรียนรกู ารเขยี นโปรแกรม (วิทยา ทองคำ, 2560)
เคร่ืองมือสำหรับการพฒั นาโปรแกรมภาษา PHP

1) โปรแกรม Text Editor เชน notepad ++ , sublime text 3 , NetBeans เปนตน
2) โปรแกรมจำลอง Web Server เชน Xampp , Wampp เปนตน โดยโปรแกรมจำลอง Web

Server นั้น คือ โปรแกรมท่ี รวมเอาโปรแกรมที่จำเปนการพัฒนา เชน Apache , MySQL ,
PhpMyAdmin และ อืน่ ๆเพือ่ ใหส ามารถพฒั นาโปรแกรมไดส ะดวกยิง่ ขึน้
3) โปรแกรม Web Browser Google Chrome หรือ Moziia Firefox

16

2.2.7 MySQL (Version 8.0.23)
MySQL เปนโปรแกรมระบบจัดการฐานขอมูล มีหนาที่เก็บขอมูลที่รองรับคำสั่ง SQL สำหรับเก็บ
ขอมูลใชรวมกับเครื่องมือหรือโปรแกรมอื่น เพื่อใหระบบรองรับความตองการของผูใช และ MySQL สามารถ
ทำงานรวมกับภาษาอื่น ๆ ได เชน ภาษา php ภาษา aps.net หรือ ภาษาเจเอสพี เปนตน หรือใชทำงาน
รวมกับโปรแกรมประยกุ ตได เชน ภาษาจาวา หรือ ภาษาซีชารป เปนตน โดยโปรแกรม MySQL ถูกออกแบบ
ใหสามารถทำงานไดบนระบบปฏิบัติการที่หลากหลาย MySQL จัดเปนระบบจัดการฐานขอมูลเชิงสัมพันธ
(RDBMS : Relational Database Management System) (IT Genius , 2021)
การเขียนโปรแกรมบน MySQL คือ การเขียนโปรแกรมที่มีขนาดเล็ก ซึ่งจะถูกคอมไพล (Compiled)
หรือแปลเปนโปรแกรมทสามารถทำงานกันไดบน Database Server ทำใหการทำงานนั้นมีความเร็วสูงกวา
การเขียนโปรแกรมแบบเดิมที่เขียนคำสั่ง SQL ไวในสตริง และใชคำสั่งในภาษาโปรแกรมนั้น ๆ เรียกให
ฐานขอมูลทำการแปรคำสั่ง SQL นั้นวาถูกตองตามหลักที่กำหนดไวหรือไม จากนั้นจะทำตามคำสั่ง SQL เปน
ลำดับตอไป แตโปรแกรมที่เขยี นบนฐานขอมลู จะถูกคอมไพลและจะถูกโหลดพรอมกบั Database Server ทำ
ใหไมตองเสียเวลาในการตรวจสอบใหมทุกครั้งที่มีการใชงาน สามารถทำงานไดทันที เมื่อมีการเรียกใช
โปรแกรม (สมพงษ อรสิ ริยวงศ)
MySQL จะคลายกับการเขยี นโปรแกรมทัว่ ไป คือ มีการประกาศตัวแปร มีคำสั่งเงื่อนไขเพ่ือเลอื กการ
ทำงานที่เหมาะสม มีคำสั่งในการทำซำ้ หรือทีเ่ รยี กวา Loop ตลอดจนคำสั่งในการจัดการขอผดิ พลาดที่เกิดขึ้น
ในขณะที่โปรแกรมกำลงั ทำงาน (สมพงษ อริสรยิ วงศ, 2555)

2.2.8 JavaScript (Version 1.8.5)

JavaScript หรือ JS เปนภาษาเขียนโปรแกรมทถี่ ูกพฒั นาและเปนภาษาระดบั สูง ซ่ึง JavaScript เปน
ภาษาเขยี นโปรแกรมทีม่ ีความหลากหลายในการเขยี นโปรแกรม เชน การเขียนโปรแกรมเชงิ ขัน้ ตน , การเขียน
โปรแกรมเชงิ วตั ถุ หรือ การเขียนโปรแกรมแบบ Functional ซึง่ JavaScript มหี ลักไวยากรณใ นการเขียนท่ี
เหมือนภาษา C นอกจากน้ี JavaScript เปนภาษาทมี่ ีประเภทขอ มลู แบบไดนามกิ ส แบบ Prototype-based
และ First-class function (JavaScript, 2021)

JavaScript เปน ภาษาคอมพิวเตอรท่เี ขยี นลงบนเวบ็ เพจโดยเว็บเบราวเซอรโดยจะเปน ทั้งผูทอ่ี านและ
ตีความหมายและแสดงผลออกมาทหี่ นาจอ ซ่ึง JavaScript เปน สคริปตฝง ไคลเอนตโดยจะมกี ารแปลโคดในฝง
ของไคลเอนต หรือ ผใู ชงานซ่ึงสามารถใชคอมพิวเตอรทดสอบได (จรี าวธุ วารนิ ทร, 2019)
การเขยี น JavaScript มีส่งิ ที่ตองเตรยี มมอี ยู 2 สวน

1) Text editor ใชส ำหรบั ใสโคด หรอื แกไขโคดคำสง่ั
2) Browser

คำส่งั ตาง ๆใน JavaScript ประกอบไปดวย

1) (;) Semi-colon ใชใ นการจบคำส่งั

17

2) // ใชในการ Comment ในขอความ
ตวั แปรท่ใี ชสำหรับ JavaScript ประกอบดวย

1) var เปน การประกาศตวั แปรใน JavaScript
2) $ การตง้ั ชอื่ ตัวแปร ไมม ีการเวนวรรค สามารถใชต วั อกั ษรและตัวเลข
3) Undefined ประกาศตวั แปรใหม
4) , แยกตัวแปรแตล ะตัวออกจากกัน
5) Integer ตวั เลข
6) Character ตัวอกั ษร
7) > มากกวา
8) < นอ ยกวา
9) == เทา กนั
10) === เทา กนั แบบเหมือนกนั
11) ! = ไมเ ทา กนั
ประเภทของคำสัง่ ใน JavaScript คือ
1) Assignment statement เปน การกำหนดคา ใหกับตวั แปร
2) Condition statement เปนชดุ คำสง่ั ท่ใี ชเพ่ือตรวจสอบคาวา เง่อื นไขนั้นเปน จรงิ หรือไม
3) Iteration statement เปนชดุ คำสง่ั ท่สี ั่งใหโ ปรแกรมทำงานซำ้ ๆกันตามเง่อื นไขทกี่ ำหนด
ตวั ดำเนนิ การ (Operator) ใน JavaScript ประกอบดวย

1. ตัวดำเนินการทางคณิตศาสตร ใชค ำนวนคา ตวั เลขทางคณิตศาสตร
• + เคร่ืองหมาย บวก
• - เครื่องหมาย ลบ
• * เคร่อื งหมาย คูณ
• / เครือ่ งหมาย หาร
• ^ ยกกำลัง

2. ตวั ดำเนนิ การเปรียบเทยี บ ใชเพอ่ื การเปรยี บเทียบคาสองคา
• > มากกวา
• < นอ ยกวา
• == เทากัน
• === เทา กนั แบบเหมือนกัน
• != ไมเ ทา กนั
• >= มากกวาหรอื เทากบั
• <= นอ ยกวา หรอื เทากบั

18

3. ตัวคำเนินการเชือ่ มขอความ การเช่ือมขอความใน JavaScript จะใชเ ครื่องหมาย & เพอื่
รวมหรือเช่อื มขอความหลายๆขอความใหกลายเปน ขอ ความเดียว

ดังนัน้ JavaScript เปน ภาษาที่ใชสำหรบั การคำนวณคาและแปรขอความผา นตัวแปรในเวบ็ เพจโดย
เว็บเบราวเซอรผ า นการแสดงผลออกมาทีห่ นา จอ

2.2.9 XAMPP (Version 8.9.0)
XAMPP คอื โปรแกรมที่มีไวเพ่ือจำลองใหเคร่ืองคอมพวิ เตอรเปน ทั้ง Client และ Server กลาวคือ มี
ทั้งการรับสงและประมวลผลขอมูลในเครื่องเดียวกันและไวใชสำหรับสรางเว็บไซตเพื่อใชงานในการจัดเก็บ
ขอมูลตาง ๆ ไวบนเซิรฟเวอร และ ใชแสดงผลบนเว็บเพจโดยมีภาษาโปรแกรมที่ใชเขียน ไดแก HTML, CSS,
Bootstrap, JavaScript และ jQuery บนเว็บเพจ (บญั ชา ปะสลี ะเตสงั , 2562)

XAMPP ประภอบดว ย Apache, PHP, MySQL, PHP, MyAdmin, Perl ซ่งึ เปนโปรแกรมพน้ื ฐานท่ี
รองรับการทำงาน การทำเวบ็ ไซตไ มวา จะในรูปแบบ ทเี่ ปน HTML ธรรมดา หรอื แบบท่ีเปน Database รวมถงึ
การเลอื กใช CMS (Content Management System) เปน ระบบท่นี ำมาชวยในการสรา งและบริหารเว็บไซต
แบบสำเร็จรูป ซึ่งเปน ชุดโปรแกรม สำหรบั ออกแบบเวบ็ ไซตทีไ่ ดร บั ความนิยม เชน Joomla, Wordpress เปน
ตน

โปรแกรม XAMPP สามารถใชงานได 4 OS ไดแก

1. Windows
2. Linux
3. Mac OS X
4. Solaris สำหรับ Solaris 8 และ Solaris 9

การเรยี กใชง าน XMAPP เปน โปรแกรมทีต่ องเรยี กใชงานซ่งึ จะมี Control Panel ในการเรยี กใชง าน
หลังจากเปด ใชงานคอมพวิ เตอรถงึ จะสามารถเรียกหนาเว็บไซตที่สรางขน้ึ ผา น URL ที่ขึน้ ตนดว ย localhost
หรอื ทเี่ ปน IP คือ 127.0.0.1 เปน localhost หลกั (ณัฐพงศ สุวรรณรตั น , 2560)

2.2.10 Application Snore Lab (Version 5.3.10)
Snore Lab คือแอปพลิเคชันที่เกี่ยวของกับการนอนกรน สามารถบันทึกเสียงและวิเคราะหเสียงกรน
ได และสามารถใหคะแนนการกรนวามีเสียงดังมากหรือเสียงดังนอยแคไหน ในชวงเวลาไหนบาง และสามารถ
ฟงการบันทึกเสียงยอนหลังได พรอมกับแสดงผลเปนกราฟเสนขอมูลอยางชัดเจน และสามารถสงออกขอมูล
การแสดงผลการจัดเก็บและวิเคราะหผลลัพธใน Snore Lab ผาน Excel Number, Google Docs หรือใน
โปรแกรมสเปรดชีสอ่นื ๆ เปน ตน

19

นอกจากนี้ Snore Lab ยังสามารถเชื่อมตอกับ Apple Health เพื่อติดตามปจจัยดานไลฟสไตล
พรอมทั้งบันทึกสถิติการนอนและสถิติรางกาย แลวจึงนำมาประมวลผลวามีปจจัยอะไรที่สงผลทำใหนอนกรน
(Snore Lab 5.3.10 , 2021)

2.3 งานวิจัยหรือระบบทีใ่ กลเคยี ง

2.3.1 About the Accuracy and Problems of Consumer Devices in the Assessment of
Sleep (Mohamed S. Ameen, Lok Man Cheung, Theresa

งานวิจยั นี้มวี ัตถุประสงคเพื่อใหผูวิจัยสามารถวจิ ยั ความผิดปกติในการนอนหลับของผูคนไดวามีสาเหตุ
มาจากอะไรที่ทำใหมีผลตอความผิดปกติในการนอนหลับ เชน สภาพแวดลอม การดำเนินชีวิต และโรค
ประจำตวั ซงึ่ งานวิจยั น้จี ะมกี ารบอกวธิ ีการใชโ ดยการทดลองการวัดโดยใช Polysomnography หรือ PSG ซ่ึง
เปนการตรวจวัดการนอนหลับและทำการบันทึกผลการนอนหลับตาง ๆ เชน เวลานอนหลับ (TIB) เวลานอน
หลบั ทง้ั หมด (TST) ประสทิ ธภิ าพในการนอนหลบั (SE) และติดตามความคบื หนาในการนอนหลับ และ มีแอป
พลิเคชันที่ชื่อวา Sleep Cycle ซึ่งจะเปนการวัดการนอนหลับโดยจะมีการติดตาม Motion watch เพื่อใชใน
การติดตามการนอนหลับในตอนกลางคนื โดยจะมีเซ็นเซอรในการตรวจการเคลื่อนไหวในการนอนหลับในตอน
กลางคนื โดยมีวิธกี าร ดังน้ี

1. ถานอนหลับแลว ไมข ยบั รางกาย แสดงวาหลับลกึ
2. ถานอนหลับและขยับรางกายนดิ หนอ ย แสดงวา หลบั ปกติ
3. ถานอนหลับและขยับรางกายทุกครั้งตอนนอน แสดงวา หลับนอย หรือ นอนไมหลับและอาจมีความ

ผดิ ปกตใิ นการนอนหลับได

ซึ่งทำใหไดคาในการนอนหลับที่ชัดเจนและสามารถบอกคาไดวา หลับลึก หลับปกติ หรือหลับนอย
อุปกรณส ำหรับผบู รโิ ภคที่มีอยใู นปจจบุ ันท่ีใชสำหรับติดตามการนอนหลบั ยังไมไดใหความนาเช่ือถือที่ใหขอมูล
เกี่ยวกับการนอนหลับ อยางไรก็ตาม อุปกรณประเภทนี้อาจเปนเครื่องมือที่นาติดตามมากที่สุด และการที่ให
นอนในหอง Lab จะมีผลดี เนื่องจากเปนไปตามมาตรฐานทางวิทยาศาสตรของการวิเคราะหการนอนหลับ
ยิ่งกวานั้น จะมีการปรับแตงอัลกอริทึม หรือ แมกระทั่งการเพิ่มเซ็นเซอรมากขึ้น ซึ่งอุปกรณเหลานี้อาจจะ
ตรวจสอบและจำแนกการนอนหลับไดอ ยา งนา เช่ือถือตง้ั แตความตื่นตวั เพ่ือการนอนหลับเบาและการนอนหลับ
ลกึ และการนอนหลบั ที่เรยี กวา “REM” (Hauser, Michael A. Hahn, Manuel Schabus, 2019)

2.3.2 Nocturnal Cough and Snore Detection in Noisy Environments Using Smartphone-
Microphones

งานวิจัยนี้มีวัตถุประสงคเพื่อตอ งการแยกเสียงไอและเสยี งกรน รวมไปถึงเสียงรบกวน ในระหวางการ
ทดสอบ โดยนำประเด็นปญ หาตาง ๆ ที่เปนหวั ขอของปญหาในเรื่อการนอนกรน โดยใชวิธีกำหนดเหตุการณท่ี

20

จะเเก็บขอมูลของเสียงกรน แบงออกเปน อาการไอ เสียงกรน วินาทีที่กรน การหายใจ และความรุนแรงของ
เสียงกรน โดยมีวัตถุประสงคทำขึ้นเพื่อบันทึกผล ติดตามความคืบหนา ซึ่งใชวิธีบันทึกเสียงในการเก็บขอมูล
และบนั ทกึ ผลผานสมารโ ฟนและสามารถทำการแยกเสยี งไอและเสยี งกรน รวมไปถึงเสียงรบกวนตาง ๆ ในการ
แยกเสียงจะตองพิจารณาในอัตราสวนสัญญาณเสียงตอสัญญาณรบกวน (SNR) ตามดวยการจัดประเภทของ
เสียงไอและระยะการนอนหลับ การสรางแบบจำลองเพื่อประเมินโดยละเอียดของตัวจำแนกไบนารี มีวิธีการ
สรางแบบจำลอง ดังนี้ Generalized Raw Model (GRM) Generalized Noise Model (GNM) Personal
Noise Model (PNM) แตการสรางแบบจำลองเกิดความไมสมดุลกัน แตละวิธีมีจำนวนที่ตางกัน มีเหตุการณ
ตา งกนั วธิ ีการสรา งแบบจำลอง GNM เปนแนวทางการสรางแบบจำลองท่ีมปี ระสิทธิภาพ แตโ ดยรวมแลวแนว
ทางการสรา งแบบจำลอง PNM ทำงานไดดีกวาแนวทางการสรา งแบบจำลอง GNM ดังน้ัน ผใู ชใหมอาจเริ่มตน
ดวยโมเดล GNM และเมื่อเวลาผานไปผูใ ชอาจเปลีย่ นมาใชแบบจำลอง PNM เพื่อฝกฝนและนำไปใชใหเกิดผล
ไดดีขึ้นและมีประสิทธิภาพ (Vhaduri, S., Van Kessel, T., Ko, B., Wood, D., Wang, S., & Brunschwiler,
T.,2019, June)

2.3.3 Accuracy of a smartphone application in estimating sleep in children

งานวิจัยนี้มีวัตถุประสงคเพื่อวิเคราะหปญหาการนอนหลับเรื้อรัง โดยจะวิเคราะหการนอนหลับจาก
เด็กชาวอเมริกันที่มีชวงอายุ 2-14 ป จะใชวิธีการโดยการใชแอปพลิเคชนั ที่มีชื่อวา Sleep Cycle ในโทรศัพท
เพื่อวดั การนอนหลับและประเมนิ ความถกู ตอง โดยจะมเี ด็กชาวอเมรกิ ันจำนวน 25 คน เขา ไปใชง านแอปพลิเค
ชันโดยการวางโทรศัพทไวบนที่นอนใกลกับหมอนเพื่อทำการวัดและบันทึกผลการนอนหลับโดยจะวัดเปน
ระยะเวลา 1-2 สัปดาห ทำใหไดผลลัพธ คือ ปญหาที่พบบอ ยจากการนอนหลับในวัยเดก็ ประมาณ 69% ของ
เด็กชาวอเมริกันมาจากการนอนหลับไมเพียงพอซึ่งสงผลใหเกิดโรคอวน เบาหวาน โรคเครียด และ โรคอัลไซ
เมอร ทำใหสามารถหาทางรักษาโรคตาง ๆ ท่จี ะสง ผลตอ การนอนหลับไดอยางทันเวลา (Patel, P., Kim, J., &
Brooks, L. , 2017)

2.3.4 Smartphone apps for snoring

งานวจิ ัยนม้ี ีวัตถปุ ระสงคเพ่ือศึกษาผลลพั ธท เี่ กีย่ วขอ งกบั การนอนกรนโดยการทดสอบการใชง านแอป
พลิเคชันการนอนกรนท้ังหมด 126 รายการ เพื่ออธิบายการพัฒนาเทคนิคการตรวจจบั การกรนที่ไมมขี อจาํ กัด
ซึ่งสามารถรวมเขากบั แอปพลิเคชนั สมารท โฟนไดแ ละสามารถตรวจสอบเสียงเพื่อวดั เสียงกรนได พรอมท้งั
สามารถวินจิ ฉัยภาวะหยุดหายใจขณะหลบั จากการอดุ ก้นั

โดยสรปุ แลวจากการใชงานแอปพลเิ คชนั การนอนกรนทั้ง 126 รายการ มี 13 รายการผานเกณฑก าร
รวมและการยกเวน คณุ สมบัติแอปพลเิ คชนั ท่ีสำคญั ที่สดุ คือ ความสามารถในการแสดงเหตุการณของเสียงกรน
แบบกราฟก แอปพลเิ คชนั Quit Snoring ไดรบั คะแนนโดยรวมสูงสุด เมอ่ื เปรียบเทียบการบันทกึ บนแอปนี้กับ
ขอ มลู การนอนหลบั ในหองปฏิบัติการ ความไวตอการกรนของแอปอยูระหวา ง 64 ถึง 96 เปอรเซ็นต และคา
พยากรณเ ชงิ บวกของการนอนกรนอยรู ะหวา ง 93 ถงึ 96 เปอรเซ็นตคนกรนเรือ้ รังใชแอปนที้ กุ คนื เปนเวลาหนงึ่
เดือนและติดตามการแทรกแซงทางการแพทย การนอนกรนลดลงจาก 200 เปน 10 ครง้ั ตอ ช่วั โมง

21

(Camacho, M., Robertson, M., Abdullatif, J., Certal, V., Kram, Y. A., Ruoff, C. M., ... & Capasso,
R., (2015.)

2.3.5 Sleep Problems in School Aged Children: A Common Process across Internalising
and Externalising Behaviours

งานวิจยั นม้ี ีวัตถปุ ระสงคเพ่ือวินิจฉัยการนอนหลับในเดก็ วัยเรียน จำนวน 114 คน จากโรงเรยี นประถม
4 แหงในเมลเบิรน ประเทศออสเตรเลยี โดยจะหาสาเหตตุ าง ๆ ท่ีทำใหเกดิ ปญหาในการนอนหลับ ไดแ ก ความ
วิตกกังวล, ภาวะซึมเศรา และ ความผดิ ปกติทางดานอารมณ ทำใหอาการดังกลาวจะสงผลใหเ กดิ ปญหาการ
นอนหลับในวยั เดก็ เชน งว งนอนในตอนกลางวนั , มีความวิตกกงั วลในการเรยี นการสอน, สมาธิส้ัน และ อารมณ
แปรปรวน, ภาวะหยดุ หายใจขณะหลบั ทำใหตองมีการวนิ ิจฉยั การนอนหลบั ในวัยเด็กโดยจะใชวิธกี ารตาง ๆ ใน
การวนิ จิ ฉัย ไดแก

1. การวดั โดยการใช PSG หรือ Polysomnography เพ่ือใชในการวัดการนอนหลบั ของเด็กโดย
จะไดผ ลลัพธวา เด็กชว งอายุ 5-11 ป จะมีปญหาดา นการนอนหลับโดยจะเก่ียวของกบั ภาวะ
ซมึ เศรา

2. ทำการทำแบบฟอรม สอบถามพฤติกรรมการนอนหลับในเด็กอายุ 6-18 ป โดยจะใชตวั แปรใน
การวดั คือ อารมณ พฤติกรรมทา ทาง สมาธิ โดยจะมีเกณฑคะแนนในการใหเ พ่ือบงบอกถึง
ระดับการนอนหลับของเด็ก

3. การใชก ารวิเคราะหทางสถิติ มีจดุ มงุ หมายเพอ่ื ทำการศึกษาปญ หาการนอนหลบั โดยดำเนิน
การศกึ ษาท้งั ภายนอกและภายในของพฤตกิ รรมในการนอนหลับโดยภายนอกจะศึกษา
เกี่ยวกบั สมาธแิ ละทาทางพฤติกรรม สว นภายใน คอื อารมณเพ่ือใหวิเคราะหและแสดงขอมูล
ออกมาในรปู แบบสถิติ

ผลลัพธที่ได คือ การทราบผลการวินิจฉัยการนอนหลับของเด็กในวัยเรียนโดยไดเห็นวาสาเหตุมาจาก
การทเี่ ด็กในวยั มีปญ หา ความวติ กกงั วล, ภาวะซมึ เศรา และ ความผิดปกตทิ างดา นอารมณทำใหเ กิดปญหาการ
นอนหลับในเด็กวัยเรียนจากโรงเรียนประถม 4 แหงในเมลเบิรน ประเทศออสเตรเลีย จำนวน 114 คน
(Bayes, D. M., & Bullock, B. , 2020)

ลาํ ดับ หวั ขอที่เปรียบเทียบ เครื่องมอื ที่ใช วิธกี ารตรวจวัดการนอนหลับ ฟงกชนั การทํางานของระบบ 2.3.1 การเปรียบเทยี บงานวจิ ัย
พัฒนา ตารางที่ 2.3 เปรียบเทียบงานวิจัยทีใ่ กลเ คยี ง

1 About the Accuracy and Problems of Consumer - Mi-band Polysomnography หรือ PSG - การตรวจวดั การนอนหลบั
Devices in the Assessment of Sleep - Sleep cycle - การบันทึกผลการนอนหลบั
- การติดตามการนอนหลับ
- ตรวจการเคล่อื นไหวในการนอน
หลับ

2 Nocturnal Cough and Snore Detection in Noisy ไมระบุ SNR (Signal to Noise Ratio) - แยกเสียงไอและเสยี งกรนรวมไปถงึ
Environments Using Smartphone-Microphones เสยี งรบกวน
- การเก็บขอมลู เสียงกรน
- การบนั ทึกเสียงและติดตามความ
คบื หนา

3 Accuracy of a smartphone application in - Sleep Cycle Polysomnography หรือ PSG - วดั การนอนหลับ
estimating sleep in children - นาฬกิ าขอมอื วดั - ประเมนิ ผลการนอนหลบั
การนอนหลับ

22

ลาํ ดับ หวั ขอที่เปรียบเทยี บ เครอ่ื งมอื ท่ใี ชพ ัฒนา วธิ กี ารตรวจวดั การนอนหลบั ฟงกชันการทํางานของระบบ ตารางท่ี 2.3 เปรียบเทียบงานวจิ ัยทใ่ี กลเคยี ง (ตอ)

4 Smartphone apps for snoring - มกี ารใชงานแอปพลเิ ค ไมร ะบุ - รวบรวมขอ มลู เทคนคิ การตรวจจบั
ชนั การนอนกรนทัง้ หมด การกรน
126 รายการ - เฝาติดตามผทู ดลองผา นการใชง าน
แอปพลเิ คชัน
- ผลสรปุ ผูใชมีการนอนกรนลดลง
จาก 200 เปน 10 ครั้งตอ ชั่วโมง

5 Sleep Problems in School Aged Children: A ไมระบุ Polysomnography หรอื PSG ทาํ - วัดการนอนหลับของเดก็
Common Process across Internalising and แบบฟอรม สอบถามพฤติกรรมการ - การใชตวั แปรในการวดั เพือ่ บงบอก
Externalising Behaviours นอนหลบั การวเิ คราะหทางสถิติ ถงึ ระดับการนอนหลบั ของเดก็
- ดําเนนิ การศกึ ษาทั้งภายนอกและ
ภายในของพฤติกรรมในการนอน
หลับ

23

24

บทที่ 3
การวิเคราะหระบบ

การจดั ทำโครงการในคร้ังนีผ้ จู ดั ทำไดทำการศึกษาระบบที่ตองการพฒั นาโดยจะประกอบไปดวย
วธิ ีการทไ่ี ดม าของขอมลู ทีเ่ กยี่ วขอ งกบั งานระบบเดมิ และงานท่เี กยี่ วของกับเวบ็ แอปพลเิ คชนั วเิ คราะหก ารนอน
หลับ โดยการใชทฤษฎีการวเิ คราะหระบบ (System Analysis) ประกอบไปดว ยหวั ขอ ดังนี้ องคกรที่เกย่ี วของ
วิธีการจดั เกบ็ ขอมูล การทำงานของระบบปจจบุ นั และการวิเคราะหค วามตองการของผูใช
3.1 องคกรทีเ่ กยี่ วของ

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

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

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

ละเอียด
3. ผใู ชงานแอปพลิเคชันสามารถตดิ ตามการนอนหลบั ของตนเองในแตละคืนไดอยา งตอเน่อื ง
3.2 วธิ กี ารจดั เก็บขอมลู

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

25

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

ก. การใชงานแอปพลิเคชัน Snore Lab
ผูใชงานแอปพลิเคชัน SnoreLab : นายจิรเมธ อยูคะเชนทร และ นางสาวจฬุ าลักษณ หนสู วุ รรณ
ตำแหนง : นักศึกษา

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

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

26

3.3 การทำงานของระบบปจจบุ นั
เปนการทำงานรวมกันของสวนประกอบแตละสวนโดยมีความสัมพันธกันอยางตอเนื่องเพื่อนำไปสู

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

3.3.1 Flowchart แสดงการทำงานระบบปจจุบนั
อธิบายกระบวนการทำงานของระบบปจ จบุ นั ซ่งึ กค็ ือ แอปพลเิ คชัน Snore Lab ซงึ่ จะมขี ้นั ตอนท่ี
ประกอบไปดว ย การบันทกึ ขอมูล การจดั เกบ็ ขอมลู การแสดงผลขอมลู การสงออกขอมูล

ก. การบนั ทกึ ขอ มลู จากการศึกษาและการทดลองใชง านแอปพลเิ คชัน Snore Lab สามารถสรปุ
ขั้นตอนการทำงานในปจจุบันโดยแบง ออกเปน ดังน้ี
1. ผใู ชจะใชงานแอปพลเิ คชนั Snore Lab เพอ่ื การบนั ทึกขอมูลในขณะนอนหลบั
2. แอปพลเิ คชนั Snore Lab จะทำการบนั ทึกขอมูลการนอนหลับในแตละคนื
3. เมื่อผใู ชต ่ืนจากการนอนหลบั จะทำใหแอปพลิเคชัน Snore Lab หยุดการบันทกึ
ขอมูล

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

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

ง. ขนั้ ตอนการสงออกขอ มูลจากการศึกษาและการทดลองใชง านแอปพลิเคชัน Snore Lab
สามารถสรปุ ขนั้ ตอนการทำงานในปจจุบันโดยแบง ออกเปนดงั นี้
1. ผใู ชส ามารถสงออกขอ มูลการนอนหลับไดโ ดยการอัพเกรดฟงกชนั การทำงานของ
Snore Lab
2. ผูใชส ามารถสง ออกขอมลู การนอนหลับในรปู แบบไฟลเอกสารไปยังเครื่องมืออืน่ ๆ

27

ภาพที่ 3.1 flowchart แสดงการทำงานระบบปจจุบัน

28

3.4 การวิเคราะหค วามตอ งการของผูใ ช
การวิเคราะหความตองการเปนกระบวนการของการสรางแผนงาน (Plan) เพื่อแสดงใหเห็นถึงโครง

รางและกระบวนการทำงานของระบบวาทำงานอยางไร (How) เพื่อใหสอดคลองกับจุดประสงคและความ
ตอ งการ จงึ สรุปไดว า การวเิ คราะหค วามตองการ คือ การรวบรวมรายละเอยี ดตา ง ๆ เพอื่ จดุ ประสงคในการหา
ขอสรปุ ทชี่ ัดเจนในดานของความตองการ (Requirements) ระหวางผพู ัฒนากับผูใชง าน เพอ่ื ใชในข้ันตอนของ
กระบวนการวเิ คราะหแ ละออกแบบระบบ

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

ภาพท่ี 3.2 Ishikawa Diagram แสดงปญ หาของระบบปจจุบัน

29

3.4.2 ความตองการของผใู ชง าน
จากการศึกษาและรวบรวมขอมูลตามความตองการของผูใชงาน เพื่อที่จะนํามาพัฒนาเปน

เว็บแอปพลิเคชันในการจัดเก็บขอ มลู การนอนหลับเพ่ือท่จี ะชว ยในการแกปญหาน้ี โดยจะมี
- ความตอ งการท่ีเปน ฟง กชันการทำงาน (Functional requirement)
- ความตอ งการท่ไี มเ ปน ฟง กช นั การทำงาน (Non-Functional Requirement)

1) ความตองการท่ีเปนฟง กช ันการทำงาน (Functional requirement)
ผูใชงานระบบแบง ออกเปน 2 กลุมผูใชงาน ไดแก

ก. ผูใชท ่วั ไป
1) สามารถรบั การแจงเตอื นจากเวบ็ แอปพลิเคชัน
2) สามารถทราบผลการวิเคราะหขอมลู การนอนหลับไดจากเว็บแอปพลิเคชนั
3) สามารถทราบผลคณุ ภาพการนอนหลบั เบื้องตนของตนเองได

ข. แพทย
1) สามารถออกรายงานการบันทกึ ผลการนอนหลบั ของผูป ว ยได
2) สามารถติดตามผลการนอนหลับของผูปว ยตอเน่ืองได

2) ความตองการท่ไี มเ ปน ฟง กชนั การทำงาน (Non-Functional Requirement)
ก. Operational Requirement
1) ระบบการแสดงผลของขอมูลท่ีสามารถแสดงขอมูลในรูปแบบที่เขา ใจงายข้ึน
2) ระบบการแสดงผลของขอมลู ท่ีสามารถจำแนกประเภทใหเ ขา ใจมากย่ิงข้ึน

ข. Performance Requirement
1) ระบบมคี วามพรอ มตอการนำไปใชงานไดตลอดเวลา

ค. Security Requirement
1) มกี ารสำรองขอ มลู ในการจัดเกบ็ ขอมลู การนอนหลับไวใ นฐานขอ มูล

ง. Cultural and political Requirement
1) รองรบั ภาษาอังกฤษ

30

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

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

>1 - <3 >= 3

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

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

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

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

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

200)

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

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

31

บทที่ 4

การออกแบบระบบ

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

4.1 สถาปต ยกรรมของระบบ
สถาปตยกรรมซอฟตแวรของเว็บแอปพลเิ คชนั วเิ คราะหการนอนหลับ โดยจะมผี ูใชง านระบบ 2 กลมุ

โดยสถาปตยกรรมซอฟตแวรจะแสดงโครงสรางการทำงานของเว็บแอปพลิเคชันวิเคราะหการนอนหลบั ซ่งึ แบง
รูปแบบการทำงานตามโครงสรางการพัฒนาเวบ็ แอปพลเิ คชันตามหลกั Model View Controller (MVC) โดย
มีรายละเอียดดังนี้

4. Model มีหนาท่ีติดตอ กับฐานขอมูลเพ่ือตอ งการนำขอมลู เขาและนำขอมูลออก และทำหนาที่
ในการแปลงขอ มลู อยใู นรปู แบบที่สามารถนำไปใชงานบนเวบ็ แอปพลิเคชัน

5. View มหี นาท่ีนำขอมลู จาก Model โดยผา น Controller ไปใชใ นการแสดงผลของเว็บแอป
พลิเคชันใหกบั ผใู ชง านโดยผา น Web Browser อยใู นรูปแบบของไฟล HTML

6. Controller ทำหนาท่เี ปน สว นในการเชือ่ มตอระหวา ง Model และ View เมอ่ื มีการเรียกใช
งานหนา เว็บแอปพลเิ คชนั Controller จะทำการแปลงชุดคำสง่ั และสง ชดุ คำสง่ั เพ่ือรองขอ
ขอ มูลที่ตอ งการจาก Model จากนนั้ Model ทำการ Query ขอ มูลและสงกลับไปยงั
Controller เพือ่ นำขอมูลทรี่ องขอจาก Client แสดงผลผา น View

32

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

1. วิเคราะหขอ มลู การนอนหลับ
2. ประเมินผลขอ มลู การนอนหลับ
3. ออกรายงานคุณภาพการนอนหลับ

33

4.2 การออกแบบกระบวนการ
4.2.1 แผนผงั ลำดับข้นั ตอนการกระบวนการ
จากการศึกษาและวิเคราะหถงึ ความตองการของผูใชงานเว็บแอปพลิเคชันวิเคราะหการนอน

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

ภาพที่ 4.2 รปู ภาพแผนผังลำดบั ข้ันตอนกระบวนการ
4.2.2 แผนภาพบรบิ ท (Context Diagram)
จากแผนภาพบริบทจะแสดงใหเห็นวามีการแบงกลุมผูใชงานออกเปน 2 กลุม คือ ผูใชทั่วไป และ
แพทย โดยกลมุ ผใู ชท ่วั ไปจะมสี ทิ ธ์ใิ นการเขาใชง านระบบ สามารถแบงไดด งั น้ี
ก. ผูใชท วั่ ไป

1) นำขอมูลอเี มลและรหัสผา นเพ่อื เขาสูระบบ
2) นำขอมูลสว นตัวของผูใชเ ขาสูระบบเพื่อใชง าน
3) นำขอมูลการนอนหลับจากแอปพลิเคชนั Snore Lab เขาสรู ะบบเพ่ือใชง าน
4) เรียกดูรายงานผลการประเมินคุณภาพการนอนหลับ
5) เรยี กดูขอมูลรายละเอยี ดคุณภาพการนอนหลับยอ นหลัง

34

ข. แพทย
1) กรอกรหัสผูปวยเพอื่ เรยี กดูขอมูลคณุ ภาพการนอนหลับของผปู ว ย
2) เรยี กดรู ายงานขอมลู การสรปุ ผลการนอนหลบั ได
3) จดั เก็บขอมูลรายละเอยี ดคำแนะนำเกี่ยวกับคุณภาพการนอนหลับ
4) ออกรายงานคณุ ภาพการนอนหลบั

ภาพท่ี 4.3 แผนภาพบรบิ ท (Context Diagram)

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