เวบ็ แอปพลเิ คชันวิเคราะหการนอนหลับ
(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 วางแผนการทํางานและวางแผนระยะเวลา 12341234123412341234123412341234123412341234
1.1 ศึกษาหัวขอและประเด็นท่ใี หค วามสนใจ
วิเคราะหความตอ งการของผใู ช เกบ็ ขอ มลู ความ
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