![Page 1: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/1.jpg)
ระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชา
Electric Power Usage Logging System for Apartment
มาโนช เปยฉา
ธวชชย กลปพฤกษชย
นราธร ขจรฤทธ
ปรญญานพนธนเปนสวนหนงของการศกษาตามหลกสตรปรญญาวศวกรรมศาสตรบณฑต
ภาควชาวศวกรรมคอมพวเตอร
คณะวศวกรรมศาสตร
มหาวทยาลยสยาม
ปการศกษา 2560
![Page 2: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/2.jpg)
![Page 3: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/3.jpg)
![Page 4: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/4.jpg)
![Page 5: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/5.jpg)
ง
กตตกรรมประกาศ
โครงงานระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชาน ไดรบความสาเรจ
ดวยความชวยเหลอแนะนาอยางดจากอาจารยภสษฐ วงศเจตจนทร ซงเปนอาจารยทปรกษา
โครงงาน ตลอดจนอาจารยประจาภาควชาวศวกรรมคอมพวเตอรทานอนทไดแนะนา และให
คาปรกษาพรอมขอคดเหนในการทาโครงงานในครงนเปนอยางดตลอดมา
สดทายน คณะผจดทาขอขอบคณเพอนๆทกคนทชวยใหคาปรกษาและคอยใหความ
ชวยเหลอเกยวกบการดาเนนโครงงานเปนอยางด และขอบคณทกๆทานทใหการชวยเหลอแต
ไมไดระบรายชอไว ณ ทน ปรญญานพนธนสาเรจลงได ยอมเปนผลมาจากการชวยเหลอของทก
ทานทกลาวมาแลวในขางตน คณะผจดทารสกทราบซงเปนอยางยง และขอกราบขอบพระคณทก
ทานเปนอยางสง
คณะผจดทาโครงงาน
![Page 6: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/6.jpg)
สารบญ
หนา
บทคดยอ (ภาษาไทย) ข
บทคดยอ (ภาษาองกฤษ) ค
กตตกรรมประกาศ ง
สารบญตาราง ช
สารบญรปภาพ ซ
บทท 1 บทนา
1.1 ทมาของโครงงาน 1
1.2 คาสาคญ (Keyword) 2
1.3 วตถประสงคของโครงงาน 2
1.4 ขอบเขตความสามารถของโครงงาน 2
1.5 ประโยชนทคาดวาจะไดรบ 2
1.6 เครองมอ เครองวด และอปกรณทใช 3
1.7 แผนการดาเนนงาน 4
บทท 2 แนวคดหลกการและทฤษฎทเกยวของ
2.1 ภาษาพเอชพ (PHP) 6
2.2 มายเอสควแอล (MySQL) 8
2.3 เวบไซต (Web Site) 9
2.4 อะโดบดรมเวฟเวอร (Adobe Dreamweaver) 12
2.5 แอพเซรฟ (AppServ) 17
2.6 อาดโน ยโน (Arduino Uno R3) 18
2.7 AC Volt+Amp+Power+Energy Meter Module 19
2.8 อาดโน เซนเซอร ชล (Arduino Sensor Shield V5.0) 20
2.9 LCD (Yellow Screen) 20x4 21
2.10 keypad 4x4 22
2.11 Active Buzzer Module 3.3 - 5V 23
2.12 เทอรมนอล (Terminal) 24
![Page 7: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/7.jpg)
ฉ
บทท 3 การวเคราะหและออกแบบ
3.1 โครงสรางของระบบ 25
3.2 แผนภาพของระบบจดการสนคารานขายจกรยานผานเวบแอปพลเคชน 26
3.3 แผนภาพของระบบจดเกบขอมลการใชพลงงานไฟฟาสาหรบหองเชา 29
บทท 4 การทดลอง
4.1 เวบไซตของระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชา 32
4.2 ระบบสมาชก 34
4.3 ขนตอนการก รหสผาน 36
4.4 ขนตอนการเปลยนรหสผาน 37
4.5 ขนตอนการเปลยนอเมล 38
4.6 ทดลองวดคากระแสของระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชา 38
4.7 ทดลองวดคาแรงดนของระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชา 40
4.8 การทดลองใชงานกบเครองใชไฟฟา 41
บทท 5 สรปและขอเสนอแนะ
5.1 สรปผลการดาเนนโครงงาน 44
5.2 ปญหาการดาเนนงาน 44
5.3 ขอเสนอแนะ 44
บรรณานกรม 45
ประวตผจดทา 47
![Page 8: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/8.jpg)
สารบญตาราง
หนา
ตารางท 1.1 การวางแผนการดาเนนงาน 4
![Page 9: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/9.jpg)
สารบญรปภาพ
หนา
รปท 2.1 ระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชา 5
รปท 2.2 ตวอยางโคดภาษาพเอชพ 6
รปท 2.3 ผลลพธตวอยางโคดภาษาพเอชพ 6
รปท 2.4 สวนประกอบหนาโปรแกรมอะโดบดรมเวฟเวอร 13
รปท 2.5 แถบเมนหลก 14
รปท 2.6 แถบเครองมอ insert bar 14
รปท 2.7 มมมองบนบราวเซอร 15
รปท 2.8 มมมองโคด 16
รปท 2.9 มมมองโคดและออกแบบ 16
รปท 2.10 Arduino Uno R3 SMD แบบ SMD 18
รปท 2.11 AC Volt+Amp+Power+Energy Meter Module 20
รปท 2.12 อาดโน เซนเซอร ชล 20
รปท 2.13 LCD (Yellow Screen) 20x4 22
รปท 2.14 Keypad 4x4 23
รปท 2.15 Active Buzzer Module 23
รปท 2.16 เทอรมนอล (Terminal) 24
รปท 3.1 การทางานของระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชา 25
รปท 3.2 แผนภาพบลอกไดอะแกรม 27
รปท 3.3 แผนภาพผงงาน 28
รปท 3.4 Context Diagram 29
รปท 3.5 แผนภาพการไหลของขอมล 30
รปท 3.6 ความสมพนธแบบ E-R Diagram 31
![Page 10: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/10.jpg)
สารบญรปภาพ
หนา
รปท 4.1 หนาหลก 32
รปท 4.2 รายละเอยดของสมครสมาชก 33
รปท 4.3 หนาเขาสระบบของโปรแกรม 33
รปท 4.4 หนาแสดงขอมล 34
รปท 4.5 หนาเขาสระบบของแอดมน 35
รปท 4.6 หนาแสดงขอมล 35
รปท 4.7 ก รหสผาน 36
รปท 4.8 เปลยนรหสผานใหม 37
รปท 4.9 เปลยนอเมลใหม 38
รปท 4.10 การวดคากระแสจาก Meter Module 38
รปท 4.11 หนาจอ LCD 39
รปท 4.12 การวดคาแรงดนจาก Meter Module 40
รปท 4.13 หนาจอ LCD 40
รปท 4.14 โบเวอรเปาลมรอน 41
รปท 4.15 คาเฉลย 0.1 ยนต 42
รปท 4.16 คาเฉลย 0.5 ยนต 42
รปท 4.17 คาเฉลย 1 ยนต 43
![Page 11: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/11.jpg)
บทท 1
บทนา
1.1 ทมาของโครงงาน
หอพก คอนโด และอพารทเมนท เปดบรการใหผ ทมความตองการพกอาศยไดใชบรการ
โดยมเงอนไขใหผ เชา ตองทาการชาระคานาและคาไฟฟา โดยเรยกเกบคานาและคาไฟฟา ซงผ
เชาจะไดรบการแจงคาใชจาย นอกจากนผ เชาอาจถกเอารดเอาเปรยบจากผ ใหเชา เพราะการแจง
ยอดคาไฟฟาผ เชาไดรบขอมลเฉพาะยอดรวมของคาไฟทใชไปทงหมดและสามารถตรวจสอบ
ขอมลไดคอชวงสนเดอนเทานน ซงผ เชาไมสามารถทราบยอดการใชงานในแตละวนวาไดใชคา
ไฟฟาไปวนละกหนวยและมยอดทตองชาระสะสมเทาไร ทางผพฒนาจงมแนวคดในการทาเครอง
บนทกคาไฟฟาขนมา เพอใหผ เชาสามารถทราบวาหองของตนวนนใชไปแลวเทาไรและยอดเงนท
ตองชาระเทาไร และสามารถตรวจสอบการใชคาไฟฟายอนหลงไดซงจะแกปญหาการถกเอารด
เอาเปรยบจากผ ใหเชา นอกจากนผ เชาสามารถทราบถงสถตการใชไฟฟาใน 1 สปดาห ผ ใหเชา
ไดรบประโยชนโดยไมตองเดนไปจดคาไฟฟาหนามเตอรวดไฟในแตละชน ลดการคานวณคา
ไฟฟาผดพลาด สามารถลดการจางบคลากรเพอรบผดชอบตรวจเชคคาไฟในแตละชนหรอแตละ
หอง สงผลใหลดคาใชจายและเพมความสะดวกและรวดเรวตอการชาระคาไฟ สงผลใหผ เชาม
ความเชอมน ในการใหบรการผใหเชาไดมากยงขน
1.2 คาสาคญ(Keyword)
วตตฮาวมเตอร / อาดอโน / เวบเซรฟเวอร / ดาตาลอคเกอร
Watt Hour Meter / Arduino / Web Server / Data Logger
![Page 12: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/12.jpg)
2
1.3 วตถประสงคของโครงงาน
1.3.1 เพอสรางระบบจดเกบขอมลการใชพลงงานไฟฟาสาหรบหองเชา
1.3.2 เพอศกษาการเขยนโปรแกรม Arduino IDE
1.3.3 เพอศกษาการเขยนเวบแอปพลเคชน
1.3.4 เพอศกษาการสอสารระหวางเวบแอปพลเคชนกบ บอรด Arduino
1.3.5 เพอศกษาการเกบหนวยคาไฟฟาและคานวณคาไฟฟาผานบอรด Arduino
1.4 ขอบเขตความสามารถของโครงงาน
1.4.1 พกดกระแส 30 แอมแปร
1.4.2 ทนแรงดนไฟฟาได 220 โวลต +/- 20% (176โวลต -264โวลต)
1.4.3 การใชงานผานจอแอลซด
1) แสดงขอมล แอมแปร,โวลต,หนวย,ราคาตอหนวย,ราคาคา
ไฟฟา รวมคาไฟฟาทใชไป,เวลาเรมตนและเวลาสนสดของการวดผาน
จอ LCD20x4
2) กาหนดคาราคาตอหนวย (Default 5 บาท)
3) สงเปด-ปด (Default เปด)
1.5 ประโยชนทคาดวาจะไดรบ
1.5.1 ไดระบบจดเกบขอมลการใชพลงงานไฟฟาสาหรบหองเชาทนาไปพฒนาตอ
และสามารถนาไปตดตงใชงานไดจรง
1.5.2 สามารถนาความรทไดเรยนรมาประยกตใชงานไดจรง
1.5.3 สามารถเชคการใชกระแสไฟฟา แรงดนไฟฟา และคาไฟฟาผานจอแอลซด
1.5.4 มทกษะในการพฒนากบการควบคมและใชงานคาสงตดตอสอสารบนบอรด
อาดอโน
1.5.5 มทกษะในการออกแบบและพฒนาการรบสงขอมล
![Page 13: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/13.jpg)
3
1.5.6 ไดเรยนรการแกปญหาหรออปสรรคตางๆในการทางาน
1.6 เครองมอ,เครองวดและอปกรณทใช
1.6.1 ฮารดแวร
1.6.1.1 คอมพวเตอรจานวน CPU corei5 2.5 GHz
RAM 4 GB HDD 500 GB 1 ชด
1.6.2 ซอฟตแวร
1.6.2.1 ระบบปฏบตการวนโดว 7 จานวน 1 ชด
1.6.2.2 โปรแกรมอะโดบดรมวฟเวอร CS6 จานวน 1 ชด
1.6.2.3 อาดอโน ไอดอ จานวน 1 ชด
1.6.2.4 โปรแกรมแอพพเซรฟ 2.5.10 จานวน 1 ชด
![Page 14: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/14.jpg)
4
![Page 15: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/15.jpg)
บทท 2
แนวคด หลกการ และทฤษฎทเกยวของ
ในสวนนจะเปนรายละเอยดเนอหาทเกยวกบโครงงานทไดทาการศกษาคนควาเพอ
นามาใชเปนความร สาหรบการสรางระบบจดเกบขอมลการใชพลงงานไฟฟาสาหรบหองเชา จาก
รปท 2.1 ระบบจดเกบขอมลการใชพลงงานไฟฟาสาหรบหองเชา
รปท 2.1 ระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชา
![Page 16: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/16.jpg)
6
2.1 ภาษาพเอชพ (PHP) [1]
ภาษาพเอชพ มลกษณะเปนสครปตทฝงตว (embedded script) กลาวคอ
สามารถฝงคาสงพเอชพ ไวในเวบเพจรวมกบคาสง (Tag) ของเอชทเอมแอล (HTML) ได และ
สรางไฟลทมนามสกลเปนพเอชพ (.php) พเอชพสาม (.php3) หรอพเอชพส (.php4) ซง
ไวยากรณทใชในภาษาพเอชพเปนการนารปแบบของภาษาตางๆ มารวมกนไดแก ภาษาซ (C),
ภาษาเพรล (Perl) และ ภาษาจาวา (Java) ทาใหผใชทมพนฐานของภาษาเหลานอยแลวสามารถ
ศกษาและใชงานภาษานไดไมยาก
รปท 2.2 ตวอยางโคดภาษาพเอชพ
จาก รปท 2.2 บรรทด 6-8 เปนสวนของสครปตภาษาพเอชพซงเรมตนดวย <?
ตามดวยคาสงทเรยกฟงกชนหรอขอความ และปดทายดวย ?> สาหรบตวอยางนเปนสครปตท
แสดงขอความวา "Hi, I'm a PHP script!" โดยใชคาสงแอคโค (echo) ซงเปนคาสงทใชในการ
แสดงผลของสครปตภาษาพเอชพซงจะแสดงผล ดงน
รปท 2.3 ผลลพธตวอยางโคดภาษาพเอชพ
![Page 17: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/17.jpg)
7
ความสามารถของภาษาพเอชพ
• เปนภาษาทมลกษณะเปนแบบเปดเผยรายละเอยดซอรสโคด (open source)
สามารถดาวนโหลดและนาซอรสโคด (source code) ของภาษาพเอชพไปใชได
โดยไมเสยคาใชจาย
• เปนสครปตททางานทฝงเซรฟเวอร (server side script) ดงนน จงทางานบนเวบ
เซรฟเวอร ไมสงผลกบการทางานของเครองลกขาย (client) โดยภาษาพเอชพจะ
อานโคดและทางานทเซรฟเวอร จากนนจงสงผลลพธทไดจากการประมวลผลมาท
เครองของผ ใชในรปแบบของเอชทเอมแอล ซงโคดของภาษาพเอชพนผ ใชจะไม
สามารถมองเหนได
• ภาษาพเอชพสามารถทางานไดในระบบปฏบตการทตางชนดกน เชน ยนก (Unix)
วนโดวแมกโอเอส (Mac OS) อยางมประสทธภาพ เนองจากภาษาพเอชพเปน
สครปตทตองทางานบนเซรฟเวอร ดงนนคอมพวเตอรสาหรบเรยกใชคาสงภาษาพ
เอชพ จงจาเปนตองตดตงโปรแกรมเวบเซรฟเวอรไวดวยเพอใหสามารถ
ประมวลผลภาษาพเอชพได
• ภาษาพเอชพสามารถทางานไดในเวบเซรฟเวอรหลายชนด เชน เวบเซรฟเวอรสวน
บคคล (personal web server) อาปา เ ช (Apache) ไ อไ อ เ อส (IIS / Internet
Information Service) เปนตน
• ภ าษาพ เอช พ ส นบส นน ก าร เ ข ยน โ ปร แ กรม เ ช ง วตถ (Object Oriented
Programming)
• ภาษาพเอชพมความสามารถในการทางานรวมกบระบบจดการฐานขอมลท
หลากหลาย ซงระบบจดการฐานขอมลทสนบสนนการทางานของภาษาพเอชพเชน
โอราเคล (Oracle) มายเอสแอล (MySQL) เปนตน
• ภาษาพเอชพอนญาตใหผ ใชสรางเวบไซตซงทางานผานโปรโตคอลชนดตางๆ ได
เชน แอลแดป (LDAP) ไอเอมเอพ (IMAP) เอสเอนเอมพ (SNMP) ปอปสาม
(POP3) และเอชททพ (HTTP) เปนตน
• โคดภาษาพเอชพสามารถเขยน และอานในรปแบบของ เอกเอมแอล (XML) ได
![Page 18: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/18.jpg)
8
2.2 มายเอสควแอล (MySQL) [3]
มายเอสควแอลคอ ระบบจดการฐานขอมลทมหนาทเกบขอมล เพอใชในการเกบขอมลท
ไดจากระบบงานทโปรแกรมเมอรไดสรางขน โดยใชภาษาเอสควแอล (ภาษาเอสควแอลคอภาษาท
ใชในการจดการกบฐานขอมลโดยเฉพาะ เชน สรางฐานขอมล เพมขอมล แกไขขอมล ลบขอมล
เปนตน )โดยมายเอสควแอลจะทาหนาทเปนตวกลางระหวางผ ใชกบฐานขอมล ซงมายเอสควแอล
เปนระบบจดการฐานขอมล (database management system / DBMS) สาหรบฐานขอมลเชง
สมพนธ ซงสามารถตดตอกบมายเอสควแอลโดยการเขยนโปรแกรมภาษาตาง ๆ ไดเชน ภาษาพ
เอชพ ภาษาเพรล ภาษาจาวา ภาษาซชารป ภาษาซพลสพลสเปนตน
มายเอสควแอลเปนโปรแกรมทเปดเผยรายละเอยดซอรสโคด (open source) กลาวคอผ
ทสนใจพฒนามายเอสควแอลและสามารถเขยนโปรแกรมดวยภาษาซได สามารถนาเอาซอรสโคด
ของโปรแกรมมายเอสควแอลซงเขยนดวยภาษาซไปดดแปลง อพเดท แกไข ใหตรงกบทตองการได
ทนทโดยไมผดกฎหมายใชไดกบทกระบบปฏบตการ
ขอดและขอเสยของมายเอสควแอล
เมอเปรยบเทยบกบไมโคซอฟทแอกเซส (Microsoft Access) และเอสควแอลเซรฟเวอร (SQL
Server)
• ขอด
- สามารถนาซอรสโคดโปรแกรมไปพฒนาตอยอดได
- สามารถนาไปใชไดกบทกระบบทกแพลตฟอรมใชกบเอเอสพ (ASP) หรอเจเอสพ (JSP)
ได แตทนยมคอการใชงานรวมกบภาษาพเอชพเพราะวามายเอสควแอลกบภาษาพเอชพเปน
โปรแกรมทเปดเผยรายละเอยดซอรสโคดเหมอนกน มความนาเชอถอสง สามารถทางานรวมกน
ไดอยางเสถยรมากทสด รองรบการใชงานหลายแพลตฟอรมและคาใชจายนอย
- สามารถหาขอมลการใชงานไดงายกวาแอกเซสและเอสควแอลเซรฟเวอร เพราะเปนท
นยมใชงานในกลมผพฒนาซอฟตแวร
- สามารถใหผลการดาเนนงาน (Performance) สง แตใชทรพยากรเครองนอย
![Page 19: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/19.jpg)
9
- ผใหบรการเซรฟเวอรสวนใหญรองรบฐานขอมลมายเอสควแอลมากกวาฐานขอมลแบบ
อน
• ขอเสย
- ใชงานยากกวาสองตวขางตน ซงจะเปนการสรางฐานขอมลดวยการพมพคาสง
(command line) แตมการพฒนาเครองมอชวยออกแบบฐานขอมลแบบมหนาจอจยไอ (GUI) ท
เรยกวา พเอชพมายแอดมน (phpmyadmin) ทชวยในการสรางมายเอสควแอลไดอยางงายขน ซง
สามารถโหลดเพมเตมได
- เครองมอใหใชไดนอยกวาแอกเซสและเอสควแอลเซรฟเวอร จะเหมาะสาหรบใชงานใน
ระบบงานขนาดเลกถงขนาดกลาง และจะใชงานไดด ถาเขยนโปรแกรมเชอมตอมายเอสควแอล
ดวยภาษาพเอชพ
2.3 เวบไซต (Web Site)
2.3.1 ความหมายของเวบไซต
เวบไซต คอ แหลงทเกบรวบรวมขอมลเอกสารและสอประสมตาง ๆ เชน ภาพ เสยง ขอความ ของ
แตละบรษทหรอหนวยงานโดยเรยกเอกสารตาง ๆ เหลานวา เวบเพจ (web page) และเรยกเวบ
หนาแรกของแตละเวบไซตวา โฮมเพจ (home page) หรออาจกลาวไดวา เวบไซตคอเวบเพจ
อยางนอยสองหนาทมลงค (link) ถงกน ตามหลกคาวาเวบไซตจะใชสาหรบผ ทมคอมพวเตอรแบบ
เซรฟเวอรหรอจดทะเบยนเปนของตนเองเรยบรอยแลว เชน www.google.co.th ซงเปนเวบไซตท
ใหบรการสบคนขอมลเปนตน
เวบไซต หมายถง หนาเวบเพจหลายหนา ซงเชอมโยงกนผานทางไฮเปอรลงค สวนใหญจดทาขน
เพอนาเสนอขอมลผานคอมพวเตอร โดยถกจดเกบไวในเวลดไวดเวบ หนาแรกของเวบไซตทเกบ
ไวทชอหลกจะเรยกวา โฮมเพจ เวบไซตโดยทวไปจะใหบรการแกผใชโดยไมเสยคาใชจาย แตใน
ขณะเดยวกนบางเวบไซตจาเปนตองมการสมครสมาชกและเสยคาบรการเพอทจะดขอมล ใน
เวบไซตนน ซงไดแกขอมลทางวชาการ ขอมลตลาดหลกทรพย หรอขอมลสอตางๆ ผ ทาเวบไซตม
หลากหลายระดบ ตงแตสรางเวบไซตสวนตว จนถงระดบเวบไซตสาหรบธรกจหรอองคกรตางๆ
การเรยกดเวบไซตโดยทวไปนยมเรยกดผานซอฟตแวรในลกษณะของเวบบราวเซอร
![Page 20: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/20.jpg)
10
2.3.2 โดเมนเนม (Domain Name)
โดเมนเนม [4] เชน www.yourdomain.com ทสามารถเปนเจาของไดโดยจะตองไมซากบคนอน
เพอการเรยกหาเวบไซตทตองการ “ชอเวบไซต” คอ สงแรกทแสดง หรอประกาศความมตวตนบน
อนเทอรเนตใหคนทวไปไดรจก สามารถมไดชอเดยวในโลกเทานน โดยการจดทะเบยนโดเมนจะม
คาบรการในการจดทะเบยนเปนรายปเปนอยางตา หรอมากกวานนตามความตองการ เมอใกล
ครบกาหนดทโดเมนหมดอาย หากมความประสงคจะใชงานเวบไซตนตองดาเนนการตออาย
โดเมน กอนทโดเมนจนหมดอายไปและไมสามารถใชงานโดเมนนนไดอก ซงราคาและเงอนไข
หรอหลกฐานทใชในการจดโดเมนกตางกนตามประเภทของโดเมน แตหากเปน .com ทคนทวไป
นยมจดทะเบยนกนจะมคาใชจายและขนตอนการจดทไมยงยากนก
โดนเมนเนมมดอทอยหลายประเภทแตทนยมมากทสดนนกคอ .com เพราะเปนดอทในยคแรกๆ
ทเรมใชกน และงายตอการจดจาประเภทของ โดเมนเนม แบงไดเปน 2 ประเภทไดแก
1. โดเมน 2 ระดบ ชอโดเมน. ประเภทของโดเมนจะประกอบดวย www.ชอโดเมน
ประเภทของโดเมน เชน www.b2ccreation.com ประเภทของโดเมน คอ คายอขององคกร โดย
ประเภทขององคกรทพบบอย ไดแก
* .com คอ บรษท หรอองคกรพาณชย
* .org คอ องคกรเอกชนทไมแสวงผลกาไร
* .net คอ องคกรทเปนเกตเวย หรอจดเชอมตอเครอขาย
* .edu คอ สถาบนการศกษา
* .gov คอ องคกรของรฐบาล
* .mil คอ องคกรทางทหาร
2. โดเมน 3 ระดบ ชอโดเมน.ประเภทของโดเมน.ประเทศจะประกอบดวย www.
ชอโดเมน.ประเภทของโดเมน.ประเทศ เชน www.kmitnb.ac.th, www.nectec.or.th,
www.google.co.th ประเภทขององคกร และประเทศทตงขององคกรไดแก
* .co คอ บรษท หรอ องคกรพาณชย
* .ac คอ สถาบนการศกษา
* .go คอ องคกรของรฐบาล
* .net คอ องคกรทใหบรการเครอขาย
* .or คอ องคกรเอกชนทไมแสวงผลกาไร
* .th คอ ประเทศไทย
* .cn คอ ประเทศจน
![Page 21: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/21.jpg)
11
* .uk คอ ประเทศองกฤษ
* .jp คอ ประเทศญป น
* .au คอ ประเทศออสเตรเลย
2.3.3 สแตตก (Static) และแบบไดนามก (Dynamic)
สแตตก [5] หรอเวบ 1.0 (Web 1.0) เปนเวบไซตทไมมการตดตอกบฐานขอมลและไมสามารถ
เกบขอมลได เปนการนาเสนอเวบไซตแบบทางเดยว เหมอนกบการอานหนงสอ (Read Only) ซง
สามารถพฒนาไดดวยภาษาเอชทเอมแอล (HTML) ซงยงยากตอการดแลและปรบปรง จงทาให
เวบไซตทพฒนาดวยวธน ไมคอยไดรบความนยม
ไดนามกหรอเวบ 2.0 (web 2.0) เปนเวบไซตทสามารถโตตอบกบผชมได มการตดตอกบ
ฐานขอมลและเกบบนทกขอมล ซงเวบไซตประเภทนสามารถพฒนาไดดวยเวบโปรแกรมมง
(Web Programming: ASP, PHP, ASP.Net, etc.) เปนเวบไซตทมระบบจดการขอมลสาหรบให
ผดแลเวบไซตหรอเจาของเวบไซตใหสามารถแกไขขอมลไดโดยงายผานทางการรกษาความ
ปลอดภยการเขาสระบบ (security login) จากหนาเวบไซต โดยผใชงานจะตองมชอผใชงาน
(username) และรหสผาน (password) สวนตวสาหรบเขาไปแกไขขอมลในเวบไซต
2.3.4 เวบดอกควเมนท (Web Document) แบงไดเปน 3 ประเภทไดแก
1. เวบดอกควเมนทแบบสแตตก [6] (Static Web Document) เปนเวบเพจทเขยนดวยภาษา
เอชทเอมแอลเปนตน เวบเอกสารแบบคงทมลกษณะเดนคอ ขอมลจะเปนไฟลขอความ (text file)
หรอเปนเอชทเอมแอลทงหมด ขอมลของเวบจะไมเปลยนจนกวา ผ เขยนเวบแกไขขอมล และอพ
โหลดขนไปใหม แสดงผลผานเวบบราวเซอรไดเรวแคโหลดขอมลมาแสดงผลเทานน โดยเวบ
บราวเซอรจะตองมความสามารถในการประมวลผล ภาษาทใชคอ ภาษาเอชทเอมแอลซงพฒนา
ไดงายเพราะเปนภาษาทไมซบซอน เวบดอกควเมนทแบบสแตตกเหมาะกบเวบทวไปทขอมล
คอนขางนงไมมการเปลยนแปลง
2. เวบดอกควเมนทแบบไดนามก (Dynamic Web Document) เปนเวบเพจทสามารถ
เปลยนแปลงขอมลไดโดยไมตองเขยนแตละหนาเวบเพจเอง เชน กระดานขาว (web board)
ระบบสบคนขอมล สงเกตไดวา เมอมผมาตงกระทและตอบกระท จะเกดหนาเวบเพจนนๆ ขนได
เอง โดยทไมไดเปนคนสรางหนาเวบเพจเหลานนเอง เวบไซตรปแบบนจะถกสรางดวยภาษา
สครปต (Script) แบบสครปตททางานทฝงเซรฟเวอร (server side script) เชน พเอชพ(PHP)
เอเอชพ (ASP) เอเอพดอทเนต (ASP.Net) เจเอชพ (JSP) และอนๆ ไฟลเอกสารทไดจะมนามสกล
ดอทพเอชพ (.php) ดอทเอเอชพ (.asp) เปนตน และจะมการตดตอกบฐานขอมลเพอบนทก
ขอมลลงในฐานขอมล หรอนาขอมลจากฐานขอมลขนมาแสดงผลเปนหนาเวบเพจ สวนการ
![Page 22: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/22.jpg)
12
ทางานของเวบไซตรปแบบนจะตางจากแบบสแตตกเวบไซต (static website) โดยเมอมผชม
เรยกดหนาเวบเพจ ไฟลหนาเวบเพจนนจะถกแปลและประมวลผลคาสงโดยตวแปลทฝงเซรฟเวอร
ใหอยในรปแบบดอกควเมนทเอชทเอมแอลกอน จงสงกลบใหเวบเซรฟเวอร (web server) เพอสง
ตอไปใหโปรแกรมเวบบราวเซอรของผใชงานตอไป การสรางเวบไซตรปแบบนตองอาศยความรใน
การเขยนโปรแกรมมากกวาแบบแรกมาก นอกจากจะตองมความรพนฐานเอชทเอมแอลแลว ยง
ตองเขยนภาษาสครปตททางานทฝงเซรฟเวอรเปนอยางนอย 1 ภาษา ตองรเรองการจดการ
ฐานขอมลเพอจดการกบขอมลในฐานขอมลได และในปจจบนมระบบทจะชวยใหจดการเนอหา
เวบไซตไดอยางสะดวกเรยกวาเวบซเอมเอส (web CMS) ทาใหสามารถสรางเวบไซตแบบได
นามกไดโดยไมตองเขยนโปรแกรม สามารถทจะสรางเวบไซตโดยใหบางหนาเวบเพจเปน
แบบสแตตกโดยใชเอสทเอมแอลธรรมดาเขยน และใหบางหนาสรางเปนแบบไดนามกโดยใช
ภาษาสครปทได เวบดอกควเมนทแบบไดนามกเหมาะกบเวบทขอมลมการเปลยนแปลงสมาเสมอ
แตไมบอยมากนก อาจมตดตอกบฐานขอมลหรอนาขอมลภายนอกมาแสดงผล
3. เวบดอกควเมนทแบบแอคทฟ (Active Web Document) เปนเวบเพจทมสวนของจาวา
แอปเพลต (Java applet) แอคทฟเอก (Active X) เปนตน โดยสวนใหญจะเนนจาวา (Java) เปน
หลก เวบดอกควเมนทแบบแอคทฟมลกษณะเดนคอ การโหลดเวบจะเปนการโหลดซอรสโปรแก
รมมาประมวลทเครองไคลแอนต (client) ดวยเวบบราวเซอรตองมตวประมวลผลซอรสโปรแกรม
เชน วาจารนไทม (Java runtime) หรออนๆ นอกเหนอจากเอชทเอมแอลจะสามารถเขยนซอร
สโปรแกรมใหรเฟรชเฉพาะขอมลไดโดยไมตองโหลดหนาเวบมาใหมเหมอนเวบแบบไดนามกแลว
เมอประมวลผลผานเวบบราวเซอรซอรสโปรแกรมสามารถทาไดทกอยางภายในกรอบทวาจารน
ไทมกาหนด เวบดอกควเมนทแบบแอคทฟเหมาะกบเวบทขอมลมการเปลยนแปลงสมาเสมอ อาจ
มตดตอกบฐานขอมลดวย เวบไซตสวนใหญทเลอกใชเวบดอกควเมนทแบบแอคทฟจะเปนเวบ
เกยวกบเรองการเงน เชน เวบไซตตลาดหนเวบไซตคาเงนสกลตางๆ
2.4 อะโดบดรมเวฟเวอร (Adobe Dreamweaver)
2.4.1 ความหมายของอะโดบดรมเวฟเวอร [12]
อะโดบดรมเวฟเวอรเปนโปรแกรมสาหรบพฒนาเวบไซต ซงมคณสมบตครอบคลมตงแตการ
ออกแบบและสรางเวบและสรางเวบเพจ การบรหารจดการเวบไซต ตลอดไปจนถงการพฒนาเวบ
แอปพลเคชนเบองตน โปรแกรมนไดรบความนยมเปนอยางมากเพราะมคณสมบตเดน คอใชงาน
งาย มเครองมอสาหรบวางขอความ ภาพกราฟก ตาราง แบบฟอรม มลตมเดย รวมทง
![Page 23: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/23.jpg)
13
องคประกอบตางๆเพอโตตอบกบผชมลงบนเวบเพจไดงาย โดยผใชไมจาเปนตองรจกภาษา
เอชทเอมแอล ซเอสเอส(CSS) จาวาสครปตเปนตน ดงนน จงเหมาะสาหรบผ เรมตนและผใชทวไป
นอกจากนยงมคณสมบตขนสงอกมากมายสาหรบนกพฒนาเวบไซตมออาชพดวยเชนกน
2.4.2 สวนประกอบของ welcome screen จะแบงเปน 3 กลม หลกๆ ดงน
รปท 2.4 สวนประกอบหนาโปรแกรมอะโดบดรมเวฟเวอร [12]
• เปดไฟลงานเกาทเคยเรยกใชงาน ใชสาหรบเปดงานเกาทเคยเรยกใชงาน โดย
โปรแกรมจะแสดงรายชอไฟลทเคยใชทงหมด (เรยงลาดบจากทเปดลาสดเปนตน
ไป) แตถาเปนการเปดโปรแกรมขนมาครงแรกและยงไมเคยเรยนใชงานใดๆ จะไม
แสดงชอไฟลขนมาในสวนน โดยการเรยกงานเกาสามารถทาไดโดยคลกเลอกจาก
รายชอไฟลทแสดงอยหรอคลกป มเปด (open) เพอเปดไฟลอนทตองการขนมาได
• สรางงานใหม ในสวนนใชสาหรบสรางไฟลงานใหม ซงสามารถเลอกสรางไฟลได
หลายชนด ไมวาจะเปนไฟลเอชทเอมแอล ซเอสเอสจาวาสครปตเปนตน
• สรางงานสาเรจรป เปนการสรางเวบเพจใหมโดยใชไฟลตวอยางทโปรแกรม
จดเตรยมเอาไวให หรอทเรยกกนวา เทมเพลต (template) ซงมใหเลอกใช
มากมาย
![Page 24: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/24.jpg)
14
2.4.3 แถบเมนหลก
แถบเมนหลกคอ แถบรวบรวมคาสงทงหมดของโปรแกรม อะโดบดรมเวฟเวอรเอาไว
โดยจะแบงคาสงทงหมดออกเปนหมวดหมตามลกษณะการใชงาน เพอใหสะดวกตอการทางาน
ซงภายในแตละหมวดหมของคาสง จะประกอบไปดวยคาสงยอยทเกยวของกน
รปท 2.5 แถบเมนหลก [12]
2.4.4 แถบเครองมออนเสรทบาร (insert bar)
อนเสรทบารคอ แถบรวมเครองมอซงใชในการวางออบเจกตตางๆ ลงบนเวบเพจ เชน
ขอความ รปภาพ ลงก และภาพเคลอนไหว โดยแบงเปนกลมคาสงเพอใหใชงานไดสะดวก ซงบาง
กลมสงจะมเมนยอยอยภายใน โดยมลกศรเลกๆ อยดานขางป มนน
รปท 2.6 แถบเครองมอ insert bar [12]
![Page 25: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/25.jpg)
15
2.4.5 มมมองออกแบบ
มมมองออกแบบสามารถแกไขและจดการเนอหาตางๆ ลงบนเวบเพจได ซงจะ
แสดงผลบนเวบเพจคลายกบเปดบนบราวเซอร
รปท 2.7 มมมองบนบราวเซอร [12]
2.4.6 มมมองโคด
มมมองโคดใชสาหรบเปดดสรปตคาสงภาษาตางๆ ของเวบเพจ เชน เอชทเอมแอล พ
เอชพ เอเอสพ และเจเอสพ ซงสามารถตรวจสอบและแกไขคาสงตางๆ ไดตามตองการ โดยการ
แกไขจะสงผลกลบไปยงมมมองออกแบบ โดยอตโนมต
![Page 26: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/26.jpg)
16
รปท 2.8 มมมองโคด [12]
2.4.7 มมมองโคดและออกแบบ
มมมองโคดและออกแบบจะแสดงทงแบบมมมองออกแบบ และมมมองโคดพรอมกน
เมอคลกมมมอง Split จะแบงพนทสรางงานออกเปน 2 สวน คอ สวนหนาตางโคด และสวน
มมมองออกแบบ นอกจากนนยงสามารถปรบขนาด พนทของแตละสวนได โดยการคลกลากทเสน
แบงระหวางทง 2 สวนน
รปท 2.9 มมมองโคดและออกแบบ [12]
![Page 27: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/27.jpg)
17
2.5 แอพเซรฟ (AppServ)
2.5.1 กาเนดโปรแกรมแอพเซรฟ [15]
โปรแกรมแอพเซรฟไมไดเกดการสนบสนนจากหนวยงานรฐบาล หรอหนวยงานเอกชน หรอ
องคกรอสระ ใดๆ เลยทงสน แตไดกาเนดจากแรงบนดาลใจจากเพอนของผพฒนาคนหนงทไดเรม
ศกษาภาษาพเอชพและฐานขอมลมายเอชควแอลและมปญหาทกครงในการตดตง กวาจะตดตง
ไดกใชเวลาไมนอยกวา 3 ชวโมง บางททาไดบางไมไดบาง และทกครงทตดตงไมไดกจะมาขอ
ความชวยเหลอจากผพฒนาเปนประจาทกครง จงทาใหผพฒนาไดสรางโปรแกรมทสะดวกในการ
ตดตงเพอใหเพอนของผพฒนาสามารถนาไปใชงานไดทนท โดยไมตองมาปวดหวกบการตดตงท
ยงยากอกตอไป ในชวงแรกทแจกจายนน ผพฒนาไดแจกจายในเวบไซตทเปนภาษาองกฤษ
ผใชงานตางประเทศใหความสนใจและมการใชงานเปนจานวนมาก และในปจจบนไดเพมเตมใน
สวนของเวบไซตภาษาไทย ในอนาคตผพฒนาจะจดทาเวบไซตสามารถรองรบทกภาษา และ
เขาถงผใชงานทกคนทวโลก
2.5.2 ความหมายของโปรแกรมแอพเซรฟ
แอพเซรฟคอโปรแกรมทรวบรวมเอาโอเพนซอรสโปรแกรมหลายๆ อยางมารวมกนโดยมแพกเกต
หลกดงน
• อะปาเช (Apache)
• พเอชพ
• มายเอสควแอล
• พเอชพมายแอดมน (phpMyAdmin)
จดประสงคหลกของการรวมรวบโอเพนซอรสโปรแกรมเหลานเพอทาใหการตดตงโปรแกรมตางๆ
ทไดกลาวมาใหงายขน เพอลดขนตอนการตดตงทแสนจะยงยากและใชเวลานาน โดยผใชงาน
เพยงดบเบลคลกตดตง (setup) ภายในเวลา 1 นาท ทกอยางกตดตงเสรจสมบรณระบบตางๆ ก
พรอมทจะทางานไดทนททงเวบเซรฟเวอรและเซรฟเวอรฐานขอมลเหตผลนจงเปนเหตผลหลกท
หลายๆ คนทวโลก ไดเลอกใชโปรแกรมแอพเซรฟ แทนการทจะตองมาตดตงโปรแกรมตางๆ ทละ
สวน
![Page 28: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/28.jpg)
18
2.6 อาดโน ยโน (Arduino Uno R3)
2.6.1 Arduino Uno R3 SMD แบบ SMD เปนบอรด Arduino ทไดรบความนยมมาก
ทสด เนองจากราคาไมแพง สวนใหญโปรเจคและ Library ตางๆ ทพฒนาขนมา Support จะ
อางองกบบอรดนเปนหลก เนองจากเปนขนาดทเหมาะสาหรบการเรมตนเรยนร Arduino และม
Shields ใหเลอกใชงานไดมากกวาบอรด Arduino รนอนๆทออกแบบมาเฉพาะมากกวา โดย
บอรด Arduino Uno ไดมการพฒนาเรอยมา ตงแต R2 R3 และรนยอยทเปลยนชปไอซเปนแบบ
SMD และขอดอกอยางคอ กรณท MCU เสย ผใชงานสามารถซอมาเปลยนเอง
รปท 2.10 Arduino Uno R3 SMD แบบ SMD
ขอมลจาเพาะ
ชปไอซไมโครคอนโทรเลอร ATmega328
ใชแรงดนไฟฟา 5V
รองรบการจายแรงดนไฟฟา (ทแนะนา) 7 – 12V
รองรบการจายแรงดนไฟฟา (ทจากด) 6 – 20V
พอรต Digital I/O 14 พอรต (ม 6 พอรต PWM output)
พอรต Analog Input 6 พอรต
กระแสไฟทจายไดในแตละพอรต 40mA
![Page 29: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/29.jpg)
19
กระแสไฟทจายไดในพอรต 3.3V 50mA
พนทโปรแกรมภายใน 32KB พนทโปรแกรม, 500B ใชโดย Booloader
พนทแรม 2KB
พนทหนวยความจาถาวร (EEPROM) 1KB
ความถครสตล 16MHz
ขนาด 68.6x53.4 mm
นาหนก 25 กรม
2.7 AC Volt+Amp+Power+Energy Meter Module
2.7.1 โมดลวดการใชพลงงานไฟฟา ใชวดแรงดนไฟฟาของไฟบาน วดคากระแสไฟฟา
ของอปกรณไฟฟาทใช วดคากาลงไฟฟา และวดคากาลงไฟฟาตอชวโมง (Wh) ซง
สามารถนาคาเหลานไปใชคานวณคาไฟฟาได หรอวดการใชพลงงานของเครองใชไฟฟา
แตละชน
• ใชวดแรงดนไฟฟาของไฟบาน วดคากระแสไฟฟาของอปกรณไฟฟาทใช วดคา
กาลงไฟฟา และวดคากาลงไฟฟาตอชวโมง (Wh)
• วดคาแรงดนไฟฟาได 80 - 260VAC และวดคากระแสไฟฟาได 0 - 100A ทางานไดท
ความถ 45 - 65Hz
• แยกไฟสงออกจากไฟตาดวยออปโต ทาใหเมอใชกบไมโครคอนโทรลเลอรแลวไมเสยง
โดนไฟดด
• วดคากระแสไฟฟาดวย CT Current Transformer
• สอสารกบไมโครคอนโทรลเลอรดวย UART (หรอ Serial)
• ผานการทดสอบมาจากโรงงาน
![Page 30: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/30.jpg)
20
รปท 2.11 AC Volt+Amp+Power+Energy Meter Module
2.8 อาดโน เซนเซอร ชล (Arduino Sensor Shield V5.0)
2.8.1 Arduino Shield เวอรชน 5 บอรดขยายพอรท Arduino สาหรบเสยบกบสาย
เซนเซอร หรออปกรณตอพวงตาง ๆ ไดอยางสะดวก Arduino ทกเวอรชน (ยกเวนพวกทเปน SMD
และ เวอรชนททาขนกนเอง) จะถกออกแบบใหม Layout ของ Pin ตางๆในรปแบบเดยวกน เพอให
สามารถใชอปกรณเสรมหลายๆอยางรวมกนได โดยวธ Plug n' play หมายถงแคเสยบลงไปแลวก
นาไปใชงานได ทาใหอปกรณเสรมทนามาใชตอพวงรวมกนเรยกวา Shield
รปท 2.12 อาดโน เซนเซอร ชล
![Page 31: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/31.jpg)
21
Shield สวนใหญจะใช ICSP Connector ในการเชอมตอกบ Arduino board (หรอ
Galileo board) โดยเมอเชอมตอ Shield แลวเรายงสามารถใชงาน Digital pin และ Analog pin
บางอนไดอย (หมายถงวา เราจะเสยการเชอมตอบางอนไปให Shield ทางาน) ในปจจบนมการ
ออกแบบให S h i e l d ใชทรพยากรในการเชอมตอกบบอรดนอยทสด ทาใหสามารถเชอมตอกบ
อปกรณอนๆไดมากขน
2.9 LCD (Yellow Screen) 20x4
2.9.1 คาวา LCD ยอมาจากคาวา Liquid Crystal Display ซงเปนจอททามาจากผลก
ครสตอลเหลว หลกการคอดานหลงจอจะมไฟสองสวาง หรอทเรยกวา Backlight อย เมอมการ
ปลอยกระแสไฟฟาเขาไปกระตนทผลก กจะทาใหผลกโปรงแสง ทาใหแสงทมาจากไฟ Backlight
แสดงขนมาบนหนาจอ สวนอนทโดนผลกปดกนไว จะมสทแตกตางกนตามสของผลกครสตอล
เชน สเขยว หรอ สฟา ทาใหเมอมองไปทจอกจะพบกบตวหนงสอสขาว แลวพบกบพนหลงส
ตางๆกน
จอ LCD จะแบงเปน 2 แบบใหญๆตามลกษณะการแสดงผลดงน
1. Character LCD เปนจอทแสดงผลเปนตวอกษรตามชองแบบตายตว เชน จอ LCD ขนาด
16x2 หมายถงใน 1 แถว มตวอกษรใสได 16 ตว และมทงหมด 2 บรรทดใหใชงาน สวน 20x4 จะ
หมายถงใน 1 แถว มตวอกษรใสได 20 ตว และมทงหมด 2 บรรทด
2. Graphic LCD เปนจอทสามารถกาหนดไดวาจะใหแตละจดบนหนาจอกนแสง หรอปลอยแสง
ออกไป ทาใหจอนสามารถสรางรปขนมาบนหนาจอได การระบขนาดจะระบในลกษณะของ
จานวนจด (Pixels) ในแตละแนว เชน 128x64 หมายถงจอทมจานวนจดตามแนวนอน 128 จด
และมจดตามแนวตง 64 จด
ในบทความนจะกลาวถง Character LCD เพยงอยางเดยว เนองจากใชงานไดงาย และนยมใช
งานในโปรเจคทวๆไปมากกวาครบ
![Page 32: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/32.jpg)
22
การเชอมตอกบจอ Character LCD
การเชอมตอจะมดวยกน 2 แบบ คอ
• การเชอมตอแบบขนาน เปนการเชอมตอจอ LCD เขากบบอรด Arduino โดยตรง โดย
จะแบงเปนการเชอมตอแบบ 4 บต และการเชอมตอแบบ 8 บต ใน Arduino จะนยม
เชอมตอแบบ 4 บต เนองจากใชสายในการเชอมตอนอยกวา
• การเชอมตอแบบอนกรม เปนการเชอตอกบจอ LCD ผานโมดลแปลงรปแบบการ
เชอมตอกบจอ LCD จากแบบขนาน มาเปนการเชอมตอแบบอนทใชสายนอยกวา เชน
การใชโมดล I2C Serial Interface จะเปนการนาโมดลเชอมเขากบตวจอ LCD แลวใช
บอรด Arduino เชอมตอกบบอรดโมดลผานโปรโตคอล I2C ทาใหใชสายเพยง 4 เสน ก
ทาใหหนาจอแสดงผลขอความตางๆออกมา
รปท 2.13 LCD (Yellow Screen) 20x4
2.10 keypad 4x4
2.10.1 แปนป มกดหรอ Keypad เปนอปกรณสาหรบรบอนพตจากผ ใช มลกษณะเปน
ป มกดหลายป ม ถกจดเรยงกนในลกษณะเปนอารเรย แบงเปนแถวแนวนอน (Rows) และแถว
แนวตง (Columns) เชน 3x4 (= 12 ป ม) หรอ 4x4 (= 16 ป ม) เปนตน แตละป มกจะมสญลกษณ
เขยนกากบไว เชน ตวเลข 0-9, #, * เปนตน โดยปรกต ถาตอป มกดแยกจานวน 16 ตว จะตองใช
ขาสญญาณทงหมด 16 ขา แตถาใชการจดเรยงแบบ 4x4 จะใชขาสญญาณเพยง 8 ขา แตตองม
เทคนคในการตรวจดวา ป มกดใดถกกดบางในขณะนน วธการนเรยกวา การสแกนป มกด (key
scan) การใชงาน 4x4 Keypad รวมกบบอรด Arduino เพอคอยตรวจดวา (การสแกนป มกด) ผ
![Page 33: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/33.jpg)
23
ใชไดกดป มใดบาง อปกรณทใชเปน 4x4 Keypad มสายเชอมตอและคอนเนกเตอรจานวน 8 ขา
แบบตวเมย (Female) ถาตองการเสยบขาลงบนเบรดบอรด กสามารถใช Pin Header ตวผ เปน
ตวเชอมตอได
รปท 2.14 keypad 4x4
2.11 Active Buzzer Module 3.3 - 5V
2.11.1 โมดล Active Buzzer ใชไฟเลยง 3.3 - 5V สามารถสรางเสยงเตอนไดอยาง
งาย ๆ เพยงแคจายไฟ เขาไปท ขา I/O โมดลนมทรานซสเตอรเบอร 9012 ชวยขยาย
สญญาณจงมความดงเปนพเศษ
รปท 2.15 Active Buzzer Module
![Page 34: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/34.jpg)
24
• module USES 9012 transistor driver
• working voltage 3.3 V-5 V
• has fixed bolt hole and easy installation
• Seven little board PCB size: 3.3 cm * 1.3 cm
2.12 เทอรมนอล (Terminal)
2.12.1 อปกรณทใชสาหรบตอสาย หรอจดตอสายไฟนนเอง ซงมดวยกนหลายชนดการ
ใชงานของเทอรมนอลนน ขนอยกบหลายๆองคประกอบ อาทเชน ลกษณะหนางานพนททมจากด
กระแสไฟ
รปท 2.16 เทอรมนอล (Terminal)
![Page 35: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/35.jpg)
บทท 3
การวเคราะหและการออกแบบ
โครงงานนไดศกษาและพฒนาระบบจดเกบขอมลการใชพลงงานไฟฟาสาหรบหองเชา
เพอพฒนาระบบใหมประสทธภาพตอการตรวจสอบอตราใชงานไฟฟา อาท เชน ตรวจสอบ อตรา
คาบรการไฟฟา หอพก คอนโด และอพารทเมนท
3.1 โครงสรางของระบบ
การทางานของระบบจดเกบขอมลการใชพลงงานสาหรบหองเชาประกอบดวยการรบ
ขอมล แรงดนและกระแสจาก โมดลมายงบอรด อาดอโน เพอคานวนหาคา ยนตและคานวน
คาใชจายไปแสดงบนหนาจอ LCD จงสงขอมลไปยงฐานขอมลเพอแสดงบน Web Application
เพอใหผใชงานทราบถงขอมลการใชงานไฟฟาวาอตราการใชไปกหนวยบรโภค
รปท 3.1 การทางานของระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชา
![Page 36: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/36.jpg)
26
การทางานของระบบจดเกบขอมลการใชพลงงานสาหรบหองเชาสามารถแบงได 3ขนตอนดงน
• การรบสงขอมล
ขอมลการใชงานไฟฟาจะถกสงมายงอาดอโนเพอแสดงขอมลใหผ ใชบรการ
ทราบถงอตราการใชงานผานหนาจอ LCD และWeb Application
• การกาหนดสทธการใชงาน
ผดแลระบบสามารถกาหนดสทธการใชงานคอ อนญาตใหใชงาน หรอไม
อนญาตใหใชงาน และสามารถกาหนดสถานะการใชงานของผใชบรการระบบจดเกบขอมลการใช
พลงงานสาหรบหองเชาสามารถกาหนดการใชงาน บลอกการใชงาน ปลดลอกการใชงาน และลบ
ผใชบรการ
• ผใชบรการ
ผใชงานทใชบรการระบบจะตองสมครสมาชกไวทฐานขอมลผานผดแลระบบ
เพอโปรแกรมจะสงขอมลอตราการใชพลงงานมาแสดงบน Web Application
3.2 แผนภาพของระบบจดเกบขอมลการใชพลงงานไฟฟาสาหรบหองเชา
3.2.1 แผนภาพบลอกไดอะแกรม (Block Diagram)
แผนภาพบลอกไดอะแกรมของระบบระบบจดเกบขอมลการใชพลงงานไฟฟาสาหรบหอง
เชา ไดแก รปแบบการเชอมตออปกรณระหวางบอรด อาดอโน ไปยงอปกรณตางๆภายในระบบ
โดยการทบอรดอาดอโนจะรบคาจาก Energy Meter มาคานวนแสดงหาคา Unit เพอคานวน
ราคาของคาไฟ และแสดงคาขนบน LCD
![Page 37: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/37.jpg)
27
Keypad
LCD
321
654
987
#0*
A
B
C
D
SDA SCL
Arduino Uno R3
220VN L
Energy Meter
Buzzer Module
รปท 3.2 แผนภาพบลอกไดอะแกรม
3.2.2 แผนภาพผงงาน (Flowchart)
แผนภาพผงงานของระบบจดเกบขอมลการใชพลงงานไฟฟาสาหรบหองเชา เรมตน
กาหนดคาเรมตนของอปกรณเพอเปดฟงกชนการทางานของอปกรณโดยการเรมตนกาหนดคาให
LCD กอนแสดงคาบนหนาจอ LCD ตอมาจงกาหนดคา Module ใหกบ Energy Meter อานคา
Unit และอานคา Ft ทเกบไวใน EEPROM เพอคานวนคาใชไฟฟา
![Page 38: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/38.jpg)
28
Start
หใ น ตม� รเา คดนหากLCD
KeyPad
แสดงขอความบนหนาจอ LCD
าคนาอ Unit ท�เกบไวจาก EEPROM
บก หใ น ตม�ร เ า คดนหา กModule
กด
ไมกด
าคง � ตftKey = ‘A’Y
N
ร ย ลคเUnit = 0Key = ‘B’Y
N
า คนา อV,I,P,E ล ดมโ กาจ
า ฟฟไ ชใา คนวนา ค
คานวน Unit ง องาอา คกาจปไ ชใ� ท
า ฟฟไ ชใา คนวนา ค
าคนาอ ft ท�เกบไวจาก EEPROM
อจา นหนบ งๆ า ตา คงดสแLCD
รปท 3.3 แผนภาพผงงาน
![Page 39: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/39.jpg)
29
3.3 แผนภาพของระบบจดเกบขอมลการใชพลงงานไฟฟาสาหรบหองเชา
3.3.1 แผนภาพคอนเทกซ (Context Diagram)
แผนภาพคอนเทกซของระบบจดเกบขอมลการใชพลงงานไฟฟาสาหรบหองเชา
ประกอบดวยเอนทต 4 เอนทต ไดแก เอนทตมเตอรไฟฟา คอการสงขอมลอตราการใชไฟฟามายง
ฐานขอมลเอนทตการตรวจสอบขอมลการใชไฟฟา คอการจดเกบขอมลการใชงานของอตราไฟฟา
เพอรอรบสงขอมลไปยงผ ดแลระบบและลกคา เอนทตผดแลระบบ คอผ ทตองตรวจสอบขอมล
ขอมลดแลระบบ เอนทตลกคา คอผ ใชบรการทตองการใชงานระบบ โดยทง 4 เอนทตเชอมตอ
การทางานกบระบบจดเกบขอมลการใชพลงงานไฟฟาสาหรบหองเชา
รปท 3.4 Context Diagram
![Page 40: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/40.jpg)
30
3.2.2 แผนภาพการไหลของขอมล
แผนภาพการไหลของขอมลระดบ 0 ประกอบเอนทต 3 เอนทตไดแก เอนทตระบบบนทก
ขอมลมเตอรไฟฟา เอนทตจดการขอมลลกคา เอนทตจดการขอมลผดแลระบบ แฟมขอมล 3
แฟมขอมลไดแก แฟมขอมลลกคา เกบขอมลของผดแลระบบ แฟมขอมลอตราการใชไฟฟา เกบ
รายละเอยดขอมลทงหมด
รปท 3.5 แผนภาพการไหลของขอมล
![Page 41: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/41.jpg)
31
รปท 3.6 แสดงความสมพนธแบบ E-R Diagram
![Page 42: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/42.jpg)
บทท 4
การทดลอง
โครงงานระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชา ผ ทตองการใชบรการ
โดยจะตองลงทะเบยนเปนสมาชก เพอใหไดเวบไซตระบบบนทกขอมลการใชพลงงานไฟฟา
สาหรบหองเชา ซงทาใหผ ใชงานในระบบอนเทอรเนตสามารถเขาใชบรการได เมอลงทะเบยน
เสรจแลวสมาชก สามารถเขาตรวจสอบอตราการใชพลงงานและอตราคาใชจายจากเวบไซตและ
ผานหนาจอ LCD ทตดตงอยบนระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชา
4.1 เวบไซตของระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชา
ผ ทตองการใชบรการระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชาตองกรอก
รหสผ ใชงานลงไป ดงรปท 4.1 และเมอตองการสมครสมาชกใหเขาหนา ลงทะเบยน(Register)
ดงรป 4.2
รปท 4.1 หนาหลก
![Page 43: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/43.jpg)
33
จากรปท 4.2 ชอผ ใชงาน อเมล จะตองไมซากบสมาชกอน จงจะสามารถลงทะเบยนได
เมอผ ใชงานลงทะเบยนเรยบรอยรอย สามารถเขาสระบบเพอทาการตรวจสอบและแกไขขอมล
การทะเบยนได ดงท 4.2
รปท 4.2 รายละเอยดของสมครสมาชก
จากรปท 4.2 เมอสมาชกเขาสระบบจะปรากฏมขอมลทไดทาการลงทะเบยนไว ไดแก ยส
เซอร รหสผาน ชอ-นามสกล และ อเมล จะปรากฏได เมอสมาชกลงทะเบยนไวทเครอง
คอมพวเตอรหรอสมารทโฟน และขอมลสมาชกจะถกสงไปฐานขอมลผดแลระบบ
รปท 4.3 สมครสมาชกสาเรจ
![Page 44: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/44.jpg)
34
4.2 ระบบสมาชก
สมาชกของระบบชอระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชาสามารถเขา
บรการเวบไซต สมาชกสามารถเขาสระบบของโปรแกรมไดดวยยสเซอรและรหสผานทลงทะเบยน
ดงรปท 4.2 รายละเอยดของสมครสมาชก
รปท 4.4 หนาเขาสระบบของผใชบรการ
![Page 45: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/45.jpg)
35
รปท 4.5 หนาเขาสระบบของแอดมน
เมอสมาชกทาการเขาสระบบแลว สถานะการเขาสระบบ ดงรปท 4.6
รปท 4.6 หนาแสดงขอมล
![Page 46: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/46.jpg)
36
จากรปท 4.6 โปรแกรมจะทาการแสดงขอมลของผ ใชบรการ สถานะการใชบรการ และ
แสดงอตราการใชพลงงาน และคาใชจายในปจจบน
4.3 ขนตอนการกรหสผาน
ถาสมาชกลมรหสผานสามารถขอรหสผานคน ดงรปท 4.7
รปท 4.7 ก รหสผาน
![Page 47: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/47.jpg)
37
4.4 ขนตอนการเปลยนรหสผาน
กรณทผใชบรการตองการจะเปลยนรหสผานกสามารถเขาไปแกไขได ดงรปท 4.8
รปท 4.8 เปลยนรหสผานใหม
![Page 48: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/48.jpg)
38
4.5 ขนตอนการเปลยนอเมล
กรณสมาชกเขาสระบบกสามารถแกไขอเมลเพอการใชงานได ดงรปท 4.9
รปท 4.9 เปลยนอเมลใหม
4.6 ทดลองวดคากระแสของระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชา
รปท 4.10 การวดคากระแสจาก Meter Module
![Page 49: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/49.jpg)
39
จากรปท 4.10 การวดคากระแสจาก Meter Module การทดลองวดคาแรงดนผาน
ดจตอล มลตมเตอร (digital multimeter) เพอทดสอบความเสถยรของการวดคากระแสกบผลท
แสดงผานหนาจอLCD กอนจะนาไปทดลองใชงานจรง รปท 4.11 หนาจอLCD
รปท 4.11 หนาจอLCD
![Page 50: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/50.jpg)
40
4.7 ทดลองวดคาแรงดนของระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชา
รปท 4.12 การวดคาแรงดนจาก Meter Module
จากรปท 4.12 การวดคาแรงดนจาก Meter Module การทดลองวดคาแรงดนผาน
ดจตอล มลตมเตอร (digital multimeter) เพอทดสอบความเสถยรของการวดคาแรงดนกบผลท
แสดงผานหนาจอLCD กอนจะนาไปทดลองใชงานจรง รปท 4.13 หนาจอLCD
รปท 4.13 หนาจอLCD
![Page 51: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/51.jpg)
41
4.8 การทดลองใชงานกบเครองใชไฟฟา
ทดลองการทางานของระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชาโดยการ
ทดลองกบเครองมอโบเวอรเปาลมรอน 1800 w จากรปท 4.14 โบเวอรเปาลมรอน เพอทดสอบ
ความเสถยรของระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชาจงแบงการทดสอบเปน
หนวยไฟฟาเพอคานวณอตราคาใชจายของผ ใชบรการ โดยแบงการทดสอบเปน 3 ตวอยาง โดย
จะวดคาหนวยไฟฟา เรมจาก 0.1 ยนต รปท 4.15 คาเฉลย , 0.5 ยนต รปท 4.16 คาเฉลย 0.5 ย
นต และ 1 ยนต รปท 4.17 คาเฉลย 1 ยนต เพอตรวจสอบอตราการใชพลงงานนนมความเสถยร
หรอไม
รปท 4.14 โบเวอรเปาลมรอน
![Page 52: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/52.jpg)
42
รปท 4.15 คาเฉลย 0.1 ยนต
รปท 4.16 คาเฉลย 0.5 ยนต
![Page 53: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/53.jpg)
43
รปท 4.17 คาเฉลย 1 ยนต
![Page 54: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/54.jpg)
บทท 5
สรปและขอเสนอแนะ
5.1 สรปผลการดาเนนโครงงาน
ในการพฒนาโครงงานระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชาผจดทาได
แบงการทดสอบการทางานของระบบ ไดแก ทดสอบการทางานของการวดหนวยไฟฟาและ
คานวณอตราคาบรการ เพอสามารถใหผใชงานสามารถรอตราคาบรการทถกตองแมนยาเพอ
แกไขปญหาการเอาเปรยบจากผใหบรการ
5.2 ปญหาการดาเนนโครงงาน
ปญหาทเกดขนในระหวางการพฒนาโครงงานระบบบนทกขอมลการใชพลงงานไฟฟา
สาหรบหองเชา สามารถสรปไดดงน
5.2.1 การทาใหระบบจดเกบขอมลการใชพลงงานไฟฟาสาหรบหองเชา ยงไมเสรจสมบรณ ถง
100% เพราะบางสวนของโคด PHP. HTML ทไมเขาใจ ทาใหเกดลาชา
5.2.2 การเชอมตอระหวางฮารดแวรกบฐานขอมลตดปญหาไมสามารถสงคาขอมลไปแสดงบน
ฐานขอมลได
5.3 ขอเสนอแนะ
ระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชาเปนทนยมในหมผ ทอยอาศยใน
หอพก คอนโด และอพารทเมนท ฉะนนสงทควรพฒนาเพมเตมคอ
5.3.1 พฒนาระบบจดเกบขอมลการใชพลงงานไฟฟาสาหรบหองเชาสามารถจดเกบขอมลไดมาก
ขนสาหรบตรวจสอบยอนหลง
5.3.2 พฒนาระบบจดเกบขอมลการใชพลงงานไฟฟาสาหรบหองเชาใหสามารถตรวจสอบอตรา
การใชไฟฟานอกสถานทได
![Page 55: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/55.jpg)
บรรณานกรม
[1] ปญญรสม ขอหอมกลาง. รปการทางานของเวบไซต (Web Site). สบคน 14 มถนายน 2561,
จาก
http://panyaras.blogspot.com/2010/05/web-site-web-page-home-page-links-www.html
[2] Admin Arduinoclub. เรมเขยนโปรแกรมแรกกบ Arduino UNO R3. สบคน 14 มถนายน
2561, จาก https://thaiarduino.club/first-program-with-arduino-uno-r3/
[3] NETPIE. การเชอมตอ NodeMCU กบเครอขาย WiFi. สบคน 21 มถนายน 2561, จาก
https://netpie.gitbooks.io/nodemcu-esp8266-on-netpie/content/lab-6.html
[4] รศ.ดร.ววฒน เรองเลศปญญากล. โครงสรางของภาษา PHP. สบคน 21 มถนายน 2561,
จาก http://www.mwit.ac.th/~jeab/40201/ch3.php
[5] มหาวยาลยราชภฏรอยเอด. ภาษา JAVA. สบคน 21 มถนายน 2561, จาก
http://nongtha57.wordpress.com/ความเปนมา-java/
[6] settawut Namkam. การโปรแกรมภาษาจาวา. สบคน 29 มถนายน 2561, จาก
http://settawut123456.blogspot.com/2013/05/java.html
[7] นายสวรรณ บญคง. Adobe Dreamweaver. สบคน 4 กรกฎาคม 2561, จาก
http://www.chaiwit.ac.th/krutoon/dreamcs5/บทท%202%20รจก%20Dreamweaver.pdf
[8] ARDUINO TEAM. ARDUINO 1.8.7. สบคน 10 กรกฎาคม 2561, จาก
https://www.arduino.cc/en/Main/Software
![Page 56: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/56.jpg)
46
[9] NETPIE. วธตดตง Arduino IDE และทดสอบการทางานเบองตน. สบคน 15 กรกฎาคม 2561,
จาก
https://netpie.gitbooks.io/netpie-lab-4-arduino-on-netpie/content/introduction.html
[10] Phanupong Panyadee. AppServ - AppServNetwork - Content. สบคน 21 กรกฎาคม
2561, จาก
http://www.appservnetwork.com/modules.php?name=Content&pa=showpage&pid=3
[11] บรษท วนส ซพพลาย. ตวอยางการใชงาน Current Sensors (เซนเซอรวดกระเเส) ประเภท
Hall Effect Current Sensor. สบคน 4 สงหาคม 2561, จาก
https://www.thaieasyelec.com/article-wiki/review-product-article/ต ว อ ย า ง ก า ร ใ ช ง า น -
current-sensors-เซนเซอรวดกระเเส-ประเภท-hall-effect-sensor.html
[12] 9Arduino. Arduino เชอมตอกบ Database. สบคน 7 สงหาคม 2561, จาก
https://www.9arduino.com/article/11/arduino-เชอมตอกบ-database-database-to-arduino
![Page 57: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/57.jpg)
ประวตผจดทา
นายมาโนช เปยฉา
วนเดอนปเกด 27 มถนายน พ.ศ 2534
ทอย 121 ซอยเอกชย86 ถนนเอกชย เขตบางบอน แขวงบางบอน จงหวด
กรงเทพมหานคร 10150
ประวตการศกษา
• ปพทธศกราช 2554 ประกาศนยบตรวชาชพชนสง สาขาวชา
อเลกทรอนกส สาขางาน อเลกทรอนกสอตสาหกรรม วทยาลย
เทคโนโลยสยาม
นายธวชชย กลปพฤกษชย
วนเดอนปเกด 26 พฤศจกายน พ.ศ 2533
ทอย 5/5 ถนนบรรกษบารง ต.ทายชาง อ.เมอง จ.พงงา 82000
ประวตการศกษา
• ปพทธศกราช 2554 ประกาศนยบตรวชาชพชนสง สาขาวชา
อ เลกทรอนกส สาขางาน อ เลกทรอนกสอตสาหกร รม
วทยาลยเทคนคพงงา
![Page 58: ระบบบันทึกข้อมูลการใช้ ...e-research.siam.edu/wp-content/uploads/2019/03/...ง ก ตต กรรมประกาศ โครงงานระบบบ](https://reader031.vdocuments.pub/reader031/viewer/2022011813/5e3769840e9098009e4f7b3e/html5/thumbnails/58.jpg)
48
นายนราธร ขจรฤทธ
วนเดอนปเกด 10 ตลาคม 2533
ทอย 9/167 หมบานซ.เค.วลล ต.แคราย อ.กระทมแบน จ.สมทรสาคร
74100
ประวตการศกษา
• ปพทธศกราช 2554 ประกาศนยบตรวชาชพชนสง สาขาวชา
อเลกทรอนกส สาขางาน อเลกทรอนกสอตสาหกรรม วทยาลย
เทคโนโลยหมบานคร