ระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชา

Electric Power Usage Logging System for Apartment

มาโนช เปยฉา

ธวชชย กลปพฤกษชย

นราธร ขจรฤทธ

ปรญญานพนธนเปนสวนหนงของการศกษาตามหลกสตรปรญญาวศวกรรมศาสตรบณฑต

ภาควชาวศวกรรมคอมพวเตอร

คณะวศวกรรมศาสตร

มหาวทยาลยสยาม

ปการศกษา 2560

ง

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

โครงงานระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชาน ไดรบความสาเรจ

ดวยความชวยเหลอแนะนาอยางดจากอาจารยภสษฐ วงศเจตจนทร ซงเปนอาจารยทปรกษา

โครงงาน ตลอดจนอาจารยประจาภาควชาวศวกรรมคอมพวเตอรทานอนทไดแนะนา และให

คาปรกษาพรอมขอคดเหนในการทาโครงงานในครงนเปนอยางดตลอดมา

สดทายน คณะผจดทาขอขอบคณเพอนๆทกคนทชวยใหคาปรกษาและคอยใหความ

ชวยเหลอเกยวกบการดาเนนโครงงานเปนอยางด และขอบคณทกๆทานทใหการชวยเหลอแต

ไมไดระบรายชอไว ณ ทน ปรญญานพนธนสาเรจลงได ยอมเปนผลมาจากการชวยเหลอของทก

ทานทกลาวมาแลวในขางตน คณะผจดทารสกทราบซงเปนอยางยง และขอกราบขอบพระคณทก

ทานเปนอยางสง

คณะผจดทาโครงงาน

สารบญ

หนา

บทคดยอ (ภาษาไทย) ข

บทคดยอ (ภาษาองกฤษ) ค

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

สารบญตาราง ช

สารบญรปภาพ ซ

บทท 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

ฉ

บทท 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

สารบญตาราง

หนา

ตารางท 1.1 การวางแผนการดาเนนงาน 4

สารบญรปภาพ

หนา

รปท 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

สารบญรปภาพ

หนา

รปท 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

บทท 1

บทนา

1.1 ทมาของโครงงาน

หอพก คอนโด และอพารทเมนท เปดบรการใหผ ทมความตองการพกอาศยไดใชบรการ

โดยมเงอนไขใหผ เชา ตองทาการชาระคานาและคาไฟฟา โดยเรยกเกบคานาและคาไฟฟา ซงผ

เชาจะไดรบการแจงคาใชจาย นอกจากนผ เชาอาจถกเอารดเอาเปรยบจากผ ใหเชา เพราะการแจง

ยอดคาไฟฟาผ เชาไดรบขอมลเฉพาะยอดรวมของคาไฟทใชไปทงหมดและสามารถตรวจสอบ

ขอมลไดคอชวงสนเดอนเทานน ซงผ เชาไมสามารถทราบยอดการใชงานในแตละวนวาไดใชคา

ไฟฟาไปวนละกหนวยและมยอดทตองชาระสะสมเทาไร ทางผพฒนาจงมแนวคดในการทาเครอง

บนทกคาไฟฟาขนมา เพอใหผ เชาสามารถทราบวาหองของตนวนนใชไปแลวเทาไรและยอดเงนท

ตองชาระเทาไร และสามารถตรวจสอบการใชคาไฟฟายอนหลงไดซงจะแกปญหาการถกเอารด

เอาเปรยบจากผ ใหเชา นอกจากนผ เชาสามารถทราบถงสถตการใชไฟฟาใน 1 สปดาห ผ ใหเชา

ไดรบประโยชนโดยไมตองเดนไปจดคาไฟฟาหนามเตอรวดไฟในแตละชน ลดการคานวณคา

ไฟฟาผดพลาด สามารถลดการจางบคลากรเพอรบผดชอบตรวจเชคคาไฟในแตละชนหรอแตละ

หอง สงผลใหลดคาใชจายและเพมความสะดวกและรวดเรวตอการชาระคาไฟ สงผลใหผ เชาม

ความเชอมน ในการใหบรการผใหเชาไดมากยงขน

1.2 คาสาคญ(Keyword)

วตตฮาวมเตอร / อาดอโน / เวบเซรฟเวอร / ดาตาลอคเกอร

Watt Hour Meter / Arduino / Web Server / Data Logger

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 มทกษะในการออกแบบและพฒนาการรบสงขอมล

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 ชด

4

บทท 2

แนวคด หลกการ และทฤษฎทเกยวของ

ในสวนนจะเปนรายละเอยดเนอหาทเกยวกบโครงงานทไดทาการศกษาคนควาเพอ

นามาใชเปนความร สาหรบการสรางระบบจดเกบขอมลการใชพลงงานไฟฟาสาหรบหองเชา จาก

รปท 2.1 ระบบจดเกบขอมลการใชพลงงานไฟฟาสาหรบหองเชา

รปท 2.1 ระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชา

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 ผลลพธตวอยางโคดภาษาพเอชพ

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) ได

8

2.2 มายเอสควแอล (MySQL) [3]

มายเอสควแอลคอ ระบบจดการฐานขอมลทมหนาทเกบขอมล เพอใชในการเกบขอมลท

ไดจากระบบงานทโปรแกรมเมอรไดสรางขน โดยใชภาษาเอสควแอล (ภาษาเอสควแอลคอภาษาท

ใชในการจดการกบฐานขอมลโดยเฉพาะ เชน สรางฐานขอมล เพมขอมล แกไขขอมล ลบขอมล

เปนตน )โดยมายเอสควแอลจะทาหนาทเปนตวกลางระหวางผ ใชกบฐานขอมล ซงมายเอสควแอล

เปนระบบจดการฐานขอมล (database management system / DBMS) สาหรบฐานขอมลเชง

สมพนธ ซงสามารถตดตอกบมายเอสควแอลโดยการเขยนโปรแกรมภาษาตาง ๆ ไดเชน ภาษาพ

เอชพ ภาษาเพรล ภาษาจาวา ภาษาซชารป ภาษาซพลสพลสเปนตน

มายเอสควแอลเปนโปรแกรมทเปดเผยรายละเอยดซอรสโคด (open source) กลาวคอผ

ทสนใจพฒนามายเอสควแอลและสามารถเขยนโปรแกรมดวยภาษาซได สามารถนาเอาซอรสโคด

ของโปรแกรมมายเอสควแอลซงเขยนดวยภาษาซไปดดแปลง อพเดท แกไข ใหตรงกบทตองการได

ทนทโดยไมผดกฎหมายใชไดกบทกระบบปฏบตการ

ขอดและขอเสยของมายเอสควแอล

เมอเปรยบเทยบกบไมโคซอฟทแอกเซส (Microsoft Access) และเอสควแอลเซรฟเวอร (SQL

Server)

• ขอด

- สามารถนาซอรสโคดโปรแกรมไปพฒนาตอยอดได

- สามารถนาไปใชไดกบทกระบบทกแพลตฟอรมใชกบเอเอสพ (ASP) หรอเจเอสพ (JSP)

ได แตทนยมคอการใชงานรวมกบภาษาพเอชพเพราะวามายเอสควแอลกบภาษาพเอชพเปน

โปรแกรมทเปดเผยรายละเอยดซอรสโคดเหมอนกน มความนาเชอถอสง สามารถทางานรวมกน

ไดอยางเสถยรมากทสด รองรบการใชงานหลายแพลตฟอรมและคาใชจายนอย

- สามารถหาขอมลการใชงานไดงายกวาแอกเซสและเอสควแอลเซรฟเวอร เพราะเปนท

นยมใชงานในกลมผพฒนาซอฟตแวร

- สามารถใหผลการดาเนนงาน (Performance) สง แตใชทรพยากรเครองนอย

9

- ผใหบรการเซรฟเวอรสวนใหญรองรบฐานขอมลมายเอสควแอลมากกวาฐานขอมลแบบ

อน

• ขอเสย

- ใชงานยากกวาสองตวขางตน ซงจะเปนการสรางฐานขอมลดวยการพมพคาสง

(command line) แตมการพฒนาเครองมอชวยออกแบบฐานขอมลแบบมหนาจอจยไอ (GUI) ท

เรยกวา พเอชพมายแอดมน (phpmyadmin) ทชวยในการสรางมายเอสควแอลไดอยางงายขน ซง

สามารถโหลดเพมเตมได

- เครองมอใหใชไดนอยกวาแอกเซสและเอสควแอลเซรฟเวอร จะเหมาะสาหรบใชงานใน

ระบบงานขนาดเลกถงขนาดกลาง และจะใชงานไดด ถาเขยนโปรแกรมเชอมตอมายเอสควแอล

ดวยภาษาพเอชพ

2.3 เวบไซต (Web Site)

2.3.1 ความหมายของเวบไซต

เวบไซต คอ แหลงทเกบรวบรวมขอมลเอกสารและสอประสมตาง ๆ เชน ภาพ เสยง ขอความ ของ

แตละบรษทหรอหนวยงานโดยเรยกเอกสารตาง ๆ เหลานวา เวบเพจ (web page) และเรยกเวบ

หนาแรกของแตละเวบไซตวา โฮมเพจ (home page) หรออาจกลาวไดวา เวบไซตคอเวบเพจ

อยางนอยสองหนาทมลงค (link) ถงกน ตามหลกคาวาเวบไซตจะใชสาหรบผ ทมคอมพวเตอรแบบ

เซรฟเวอรหรอจดทะเบยนเปนของตนเองเรยบรอยแลว เชน www.google.co.th ซงเปนเวบไซตท

ใหบรการสบคนขอมลเปนตน

เวบไซต หมายถง หนาเวบเพจหลายหนา ซงเชอมโยงกนผานทางไฮเปอรลงค สวนใหญจดทาขน

เพอนาเสนอขอมลผานคอมพวเตอร โดยถกจดเกบไวในเวลดไวดเวบ หนาแรกของเวบไซตทเกบ

ไวทชอหลกจะเรยกวา โฮมเพจ เวบไซตโดยทวไปจะใหบรการแกผใชโดยไมเสยคาใชจาย แตใน

ขณะเดยวกนบางเวบไซตจาเปนตองมการสมครสมาชกและเสยคาบรการเพอทจะดขอมล ใน

เวบไซตนน ซงไดแกขอมลทางวชาการ ขอมลตลาดหลกทรพย หรอขอมลสอตางๆ ผ ทาเวบไซตม

หลากหลายระดบ ตงแตสรางเวบไซตสวนตว จนถงระดบเวบไซตสาหรบธรกจหรอองคกรตางๆ

การเรยกดเวบไซตโดยทวไปนยมเรยกดผานซอฟตแวรในลกษณะของเวบบราวเซอร

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 คอ ประเทศจน

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) เปนตน และจะมการตดตอกบฐานขอมลเพอบนทก

ขอมลลงในฐานขอมล หรอนาขอมลจากฐานขอมลขนมาแสดงผลเปนหนาเวบเพจ สวนการ

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]

อะโดบดรมเวฟเวอรเปนโปรแกรมสาหรบพฒนาเวบไซต ซงมคณสมบตครอบคลมตงแตการ

ออกแบบและสรางเวบและสรางเวบเพจ การบรหารจดการเวบไซต ตลอดไปจนถงการพฒนาเวบ

แอปพลเคชนเบองตน โปรแกรมนไดรบความนยมเปนอยางมากเพราะมคณสมบตเดน คอใชงาน

งาย มเครองมอสาหรบวางขอความ ภาพกราฟก ตาราง แบบฟอรม มลตมเดย รวมทง

13

องคประกอบตางๆเพอโตตอบกบผชมลงบนเวบเพจไดงาย โดยผใชไมจาเปนตองรจกภาษา

เอชทเอมแอล ซเอสเอส(CSS) จาวาสครปตเปนตน ดงนน จงเหมาะสาหรบผ เรมตนและผใชทวไป

นอกจากนยงมคณสมบตขนสงอกมากมายสาหรบนกพฒนาเวบไซตมออาชพดวยเชนกน

2.4.2 สวนประกอบของ welcome screen จะแบงเปน 3 กลม หลกๆ ดงน

รปท 2.4 สวนประกอบหนาโปรแกรมอะโดบดรมเวฟเวอร [12]

• เปดไฟลงานเกาทเคยเรยกใชงาน ใชสาหรบเปดงานเกาทเคยเรยกใชงาน โดย

โปรแกรมจะแสดงรายชอไฟลทเคยใชทงหมด (เรยงลาดบจากทเปดลาสดเปนตน

ไป) แตถาเปนการเปดโปรแกรมขนมาครงแรกและยงไมเคยเรยนใชงานใดๆ จะไม

แสดงชอไฟลขนมาในสวนน โดยการเรยกงานเกาสามารถทาไดโดยคลกเลอกจาก

รายชอไฟลทแสดงอยหรอคลกป มเปด (open) เพอเปดไฟลอนทตองการขนมาได

• สรางงานใหม ในสวนนใชสาหรบสรางไฟลงานใหม ซงสามารถเลอกสรางไฟลได

หลายชนด ไมวาจะเปนไฟลเอชทเอมแอล ซเอสเอสจาวาสครปตเปนตน

• สรางงานสาเรจรป เปนการสรางเวบเพจใหมโดยใชไฟลตวอยางทโปรแกรม

จดเตรยมเอาไวให หรอทเรยกกนวา เทมเพลต (template) ซงมใหเลอกใช

มากมาย

14

2.4.3 แถบเมนหลก

แถบเมนหลกคอ แถบรวบรวมคาสงทงหมดของโปรแกรม อะโดบดรมเวฟเวอรเอาไว

โดยจะแบงคาสงทงหมดออกเปนหมวดหมตามลกษณะการใชงาน เพอใหสะดวกตอการทางาน

ซงภายในแตละหมวดหมของคาสง จะประกอบไปดวยคาสงยอยทเกยวของกน

รปท 2.5 แถบเมนหลก [12]

2.4.4 แถบเครองมออนเสรทบาร (insert bar)

อนเสรทบารคอ แถบรวมเครองมอซงใชในการวางออบเจกตตางๆ ลงบนเวบเพจ เชน

ขอความ รปภาพ ลงก และภาพเคลอนไหว โดยแบงเปนกลมคาสงเพอใหใชงานไดสะดวก ซงบาง

กลมสงจะมเมนยอยอยภายใน โดยมลกศรเลกๆ อยดานขางป มนน

รปท 2.6 แถบเครองมอ insert bar [12]

15

2.4.5 มมมองออกแบบ

มมมองออกแบบสามารถแกไขและจดการเนอหาตางๆ ลงบนเวบเพจได ซงจะ

แสดงผลบนเวบเพจคลายกบเปดบนบราวเซอร

รปท 2.7 มมมองบนบราวเซอร [12]

2.4.6 มมมองโคด

มมมองโคดใชสาหรบเปดดสรปตคาสงภาษาตางๆ ของเวบเพจ เชน เอชทเอมแอล พ

เอชพ เอเอสพ และเจเอสพ ซงสามารถตรวจสอบและแกไขคาสงตางๆ ไดตามตองการ โดยการ

แกไขจะสงผลกลบไปยงมมมองออกแบบ โดยอตโนมต

16

รปท 2.8 มมมองโคด [12]

2.4.7 มมมองโคดและออกแบบ

มมมองโคดและออกแบบจะแสดงทงแบบมมมองออกแบบ และมมมองโคดพรอมกน

เมอคลกมมมอง Split จะแบงพนทสรางงานออกเปน 2 สวน คอ สวนหนาตางโคด และสวน

มมมองออกแบบ นอกจากนนยงสามารถปรบขนาด พนทของแตละสวนได โดยการคลกลากทเสน

แบงระหวางทง 2 สวนน

รปท 2.9 มมมองโคดและออกแบบ [12]

17

2.5 แอพเซรฟ (AppServ)

2.5.1 กาเนดโปรแกรมแอพเซรฟ [15]

โปรแกรมแอพเซรฟไมไดเกดการสนบสนนจากหนวยงานรฐบาล หรอหนวยงานเอกชน หรอ

องคกรอสระ ใดๆ เลยทงสน แตไดกาเนดจากแรงบนดาลใจจากเพอนของผพฒนาคนหนงทไดเรม

ศกษาภาษาพเอชพและฐานขอมลมายเอชควแอลและมปญหาทกครงในการตดตง กวาจะตดตง

ไดกใชเวลาไมนอยกวา 3 ชวโมง บางททาไดบางไมไดบาง และทกครงทตดตงไมไดกจะมาขอ

ความชวยเหลอจากผพฒนาเปนประจาทกครง จงทาใหผพฒนาไดสรางโปรแกรมทสะดวกในการ

ตดตงเพอใหเพอนของผพฒนาสามารถนาไปใชงานไดทนท โดยไมตองมาปวดหวกบการตดตงท

ยงยากอกตอไป ในชวงแรกทแจกจายนน ผพฒนาไดแจกจายในเวบไซตทเปนภาษาองกฤษ

ผใชงานตางประเทศใหความสนใจและมการใชงานเปนจานวนมาก และในปจจบนไดเพมเตมใน

สวนของเวบไซตภาษาไทย ในอนาคตผพฒนาจะจดทาเวบไซตสามารถรองรบทกภาษา และ

เขาถงผใชงานทกคนทวโลก

2.5.2 ความหมายของโปรแกรมแอพเซรฟ

แอพเซรฟคอโปรแกรมทรวบรวมเอาโอเพนซอรสโปรแกรมหลายๆ อยางมารวมกนโดยมแพกเกต

หลกดงน

• อะปาเช (Apache)

• พเอชพ

• มายเอสควแอล

• พเอชพมายแอดมน (phpMyAdmin)

จดประสงคหลกของการรวมรวบโอเพนซอรสโปรแกรมเหลานเพอทาใหการตดตงโปรแกรมตางๆ

ทไดกลาวมาใหงายขน เพอลดขนตอนการตดตงทแสนจะยงยากและใชเวลานาน โดยผใชงาน

เพยงดบเบลคลกตดตง (setup) ภายในเวลา 1 นาท ทกอยางกตดตงเสรจสมบรณระบบตางๆ ก

พรอมทจะทางานไดทนททงเวบเซรฟเวอรและเซรฟเวอรฐานขอมลเหตผลนจงเปนเหตผลหลกท

หลายๆ คนทวโลก ไดเลอกใชโปรแกรมแอพเซรฟ แทนการทจะตองมาตดตงโปรแกรมตางๆ ทละ

สวน

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

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)

• ผานการทดสอบมาจากโรงงาน

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 อาดโน เซนเซอร ชล

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 เพยงอยางเดยว เนองจากใชงานไดงาย และนยมใช

งานในโปรเจคทวๆไปมากกวาครบ

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 เพอคอยตรวจดวา (การสแกนป มกด) ผ

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

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)

บทท 3

การวเคราะหและการออกแบบ

โครงงานนไดศกษาและพฒนาระบบจดเกบขอมลการใชพลงงานไฟฟาสาหรบหองเชา

เพอพฒนาระบบใหมประสทธภาพตอการตรวจสอบอตราใชงานไฟฟา อาท เชน ตรวจสอบ อตรา

คาบรการไฟฟา หอพก คอนโด และอพารทเมนท

3.1 โครงสรางของระบบ

การทางานของระบบจดเกบขอมลการใชพลงงานสาหรบหองเชาประกอบดวยการรบ

ขอมล แรงดนและกระแสจาก โมดลมายงบอรด อาดอโน เพอคานวนหาคา ยนตและคานวน

คาใชจายไปแสดงบนหนาจอ LCD จงสงขอมลไปยงฐานขอมลเพอแสดงบน Web Application

เพอใหผใชงานทราบถงขอมลการใชงานไฟฟาวาอตราการใชไปกหนวยบรโภค

รปท 3.1 การทางานของระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชา

26

การทางานของระบบจดเกบขอมลการใชพลงงานสาหรบหองเชาสามารถแบงได 3ขนตอนดงน

• การรบสงขอมล

ขอมลการใชงานไฟฟาจะถกสงมายงอาดอโนเพอแสดงขอมลใหผ ใชบรการ

ทราบถงอตราการใชงานผานหนาจอ LCD และWeb Application

• การกาหนดสทธการใชงาน

ผดแลระบบสามารถกาหนดสทธการใชงานคอ อนญาตใหใชงาน หรอไม

อนญาตใหใชงาน และสามารถกาหนดสถานะการใชงานของผใชบรการระบบจดเกบขอมลการใช

พลงงานสาหรบหองเชาสามารถกาหนดการใชงาน บลอกการใชงาน ปลดลอกการใชงาน และลบ

ผใชบรการ

• ผใชบรการ

ผใชงานทใชบรการระบบจะตองสมครสมาชกไวทฐานขอมลผานผดแลระบบ

เพอโปรแกรมจะสงขอมลอตราการใชพลงงานมาแสดงบน Web Application

3.2 แผนภาพของระบบจดเกบขอมลการใชพลงงานไฟฟาสาหรบหองเชา

3.2.1 แผนภาพบลอกไดอะแกรม (Block Diagram)

แผนภาพบลอกไดอะแกรมของระบบระบบจดเกบขอมลการใชพลงงานไฟฟาสาหรบหอง

เชา ไดแก รปแบบการเชอมตออปกรณระหวางบอรด อาดอโน ไปยงอปกรณตางๆภายในระบบ

โดยการทบอรดอาดอโนจะรบคาจาก Energy Meter มาคานวนแสดงหาคา Unit เพอคานวน

ราคาของคาไฟ และแสดงคาขนบน LCD

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 เพอคานวนคาใชไฟฟา

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 แผนภาพผงงาน

29

3.3 แผนภาพของระบบจดเกบขอมลการใชพลงงานไฟฟาสาหรบหองเชา

3.3.1 แผนภาพคอนเทกซ (Context Diagram)

แผนภาพคอนเทกซของระบบจดเกบขอมลการใชพลงงานไฟฟาสาหรบหองเชา

ประกอบดวยเอนทต 4 เอนทต ไดแก เอนทตมเตอรไฟฟา คอการสงขอมลอตราการใชไฟฟามายง

ฐานขอมลเอนทตการตรวจสอบขอมลการใชไฟฟา คอการจดเกบขอมลการใชงานของอตราไฟฟา

เพอรอรบสงขอมลไปยงผ ดแลระบบและลกคา เอนทตผดแลระบบ คอผ ทตองตรวจสอบขอมล

ขอมลดแลระบบ เอนทตลกคา คอผ ใชบรการทตองการใชงานระบบ โดยทง 4 เอนทตเชอมตอ

การทางานกบระบบจดเกบขอมลการใชพลงงานไฟฟาสาหรบหองเชา

รปท 3.4 Context Diagram

30

3.2.2 แผนภาพการไหลของขอมล

แผนภาพการไหลของขอมลระดบ 0 ประกอบเอนทต 3 เอนทตไดแก เอนทตระบบบนทก

ขอมลมเตอรไฟฟา เอนทตจดการขอมลลกคา เอนทตจดการขอมลผดแลระบบ แฟมขอมล 3

แฟมขอมลไดแก แฟมขอมลลกคา เกบขอมลของผดแลระบบ แฟมขอมลอตราการใชไฟฟา เกบ

รายละเอยดขอมลทงหมด

รปท 3.5 แผนภาพการไหลของขอมล

31

รปท 3.6 แสดงความสมพนธแบบ E-R Diagram

บทท 4

การทดลอง

โครงงานระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชา ผ ทตองการใชบรการ

โดยจะตองลงทะเบยนเปนสมาชก เพอใหไดเวบไซตระบบบนทกขอมลการใชพลงงานไฟฟา

สาหรบหองเชา ซงทาใหผ ใชงานในระบบอนเทอรเนตสามารถเขาใชบรการได เมอลงทะเบยน

เสรจแลวสมาชก สามารถเขาตรวจสอบอตราการใชพลงงานและอตราคาใชจายจากเวบไซตและ

ผานหนาจอ LCD ทตดตงอยบนระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชา

4.1 เวบไซตของระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชา

ผ ทตองการใชบรการระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชาตองกรอก

รหสผ ใชงานลงไป ดงรปท 4.1 และเมอตองการสมครสมาชกใหเขาหนา ลงทะเบยน(Register)

ดงรป 4.2

รปท 4.1 หนาหลก

33

จากรปท 4.2 ชอผ ใชงาน อเมล จะตองไมซากบสมาชกอน จงจะสามารถลงทะเบยนได

เมอผ ใชงานลงทะเบยนเรยบรอยรอย สามารถเขาสระบบเพอทาการตรวจสอบและแกไขขอมล

การทะเบยนได ดงท 4.2

รปท 4.2 รายละเอยดของสมครสมาชก

จากรปท 4.2 เมอสมาชกเขาสระบบจะปรากฏมขอมลทไดทาการลงทะเบยนไว ไดแก ยส

เซอร รหสผาน ชอ-นามสกล และ อเมล จะปรากฏได เมอสมาชกลงทะเบยนไวทเครอง

คอมพวเตอรหรอสมารทโฟน และขอมลสมาชกจะถกสงไปฐานขอมลผดแลระบบ

รปท 4.3 สมครสมาชกสาเรจ

34

4.2 ระบบสมาชก

สมาชกของระบบชอระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชาสามารถเขา

บรการเวบไซต สมาชกสามารถเขาสระบบของโปรแกรมไดดวยยสเซอรและรหสผานทลงทะเบยน

ดงรปท 4.2 รายละเอยดของสมครสมาชก

รปท 4.4 หนาเขาสระบบของผใชบรการ

35

รปท 4.5 หนาเขาสระบบของแอดมน

เมอสมาชกทาการเขาสระบบแลว สถานะการเขาสระบบ ดงรปท 4.6

รปท 4.6 หนาแสดงขอมล

36

จากรปท 4.6 โปรแกรมจะทาการแสดงขอมลของผ ใชบรการ สถานะการใชบรการ และ

แสดงอตราการใชพลงงาน และคาใชจายในปจจบน

4.3 ขนตอนการกรหสผาน

ถาสมาชกลมรหสผานสามารถขอรหสผานคน ดงรปท 4.7

รปท 4.7 ก รหสผาน

37

4.4 ขนตอนการเปลยนรหสผาน

กรณทผใชบรการตองการจะเปลยนรหสผานกสามารถเขาไปแกไขได ดงรปท 4.8

รปท 4.8 เปลยนรหสผานใหม

38

4.5 ขนตอนการเปลยนอเมล

กรณสมาชกเขาสระบบกสามารถแกไขอเมลเพอการใชงานได ดงรปท 4.9

รปท 4.9 เปลยนอเมลใหม

4.6 ทดลองวดคากระแสของระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชา

รปท 4.10 การวดคากระแสจาก Meter Module

39

จากรปท 4.10 การวดคากระแสจาก Meter Module การทดลองวดคาแรงดนผาน

ดจตอล มลตมเตอร (digital multimeter) เพอทดสอบความเสถยรของการวดคากระแสกบผลท

แสดงผานหนาจอLCD กอนจะนาไปทดลองใชงานจรง รปท 4.11 หนาจอLCD

รปท 4.11 หนาจอLCD

40

4.7 ทดลองวดคาแรงดนของระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชา

รปท 4.12 การวดคาแรงดนจาก Meter Module

จากรปท 4.12 การวดคาแรงดนจาก Meter Module การทดลองวดคาแรงดนผาน

ดจตอล มลตมเตอร (digital multimeter) เพอทดสอบความเสถยรของการวดคาแรงดนกบผลท

แสดงผานหนาจอLCD กอนจะนาไปทดลองใชงานจรง รปท 4.13 หนาจอLCD

รปท 4.13 หนาจอLCD

41

4.8 การทดลองใชงานกบเครองใชไฟฟา

ทดลองการทางานของระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชาโดยการ

ทดลองกบเครองมอโบเวอรเปาลมรอน 1800 w จากรปท 4.14 โบเวอรเปาลมรอน เพอทดสอบ

ความเสถยรของระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชาจงแบงการทดสอบเปน

หนวยไฟฟาเพอคานวณอตราคาใชจายของผ ใชบรการ โดยแบงการทดสอบเปน 3 ตวอยาง โดย

จะวดคาหนวยไฟฟา เรมจาก 0.1 ยนต รปท 4.15 คาเฉลย , 0.5 ยนต รปท 4.16 คาเฉลย 0.5 ย

นต และ 1 ยนต รปท 4.17 คาเฉลย 1 ยนต เพอตรวจสอบอตราการใชพลงงานนนมความเสถยร

หรอไม

รปท 4.14 โบเวอรเปาลมรอน

42

รปท 4.15 คาเฉลย 0.1 ยนต

รปท 4.16 คาเฉลย 0.5 ยนต

43

รปท 4.17 คาเฉลย 1 ยนต

บทท 5

สรปและขอเสนอแนะ

5.1 สรปผลการดาเนนโครงงาน

ในการพฒนาโครงงานระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชาผจดทาได

แบงการทดสอบการทางานของระบบ ไดแก ทดสอบการทางานของการวดหนวยไฟฟาและ

คานวณอตราคาบรการ เพอสามารถใหผใชงานสามารถรอตราคาบรการทถกตองแมนยาเพอ

แกไขปญหาการเอาเปรยบจากผใหบรการ

5.2 ปญหาการดาเนนโครงงาน

ปญหาทเกดขนในระหวางการพฒนาโครงงานระบบบนทกขอมลการใชพลงงานไฟฟา

สาหรบหองเชา สามารถสรปไดดงน

5.2.1 การทาใหระบบจดเกบขอมลการใชพลงงานไฟฟาสาหรบหองเชา ยงไมเสรจสมบรณ ถง

100% เพราะบางสวนของโคด PHP. HTML ทไมเขาใจ ทาใหเกดลาชา

5.2.2 การเชอมตอระหวางฮารดแวรกบฐานขอมลตดปญหาไมสามารถสงคาขอมลไปแสดงบน

ฐานขอมลได

5.3 ขอเสนอแนะ

ระบบบนทกขอมลการใชพลงงานไฟฟาสาหรบหองเชาเปนทนยมในหมผ ทอยอาศยใน

หอพก คอนโด และอพารทเมนท ฉะนนสงทควรพฒนาเพมเตมคอ

5.3.1 พฒนาระบบจดเกบขอมลการใชพลงงานไฟฟาสาหรบหองเชาสามารถจดเกบขอมลไดมาก

ขนสาหรบตรวจสอบยอนหลง

5.3.2 พฒนาระบบจดเกบขอมลการใชพลงงานไฟฟาสาหรบหองเชาใหสามารถตรวจสอบอตรา

การใชไฟฟานอกสถานทได

บรรณานกรม

[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

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

ประวตผจดทา

นายมาโนช เปยฉา

วนเดอนปเกด 27 มถนายน พ.ศ 2534

ทอย 121 ซอยเอกชย86 ถนนเอกชย เขตบางบอน แขวงบางบอน จงหวด

กรงเทพมหานคร 10150

ประวตการศกษา

• ปพทธศกราช 2554 ประกาศนยบตรวชาชพชนสง สาขาวชา

อเลกทรอนกส สาขางาน อเลกทรอนกสอตสาหกรรม วทยาลย

เทคโนโลยสยาม

นายธวชชย กลปพฤกษชย

วนเดอนปเกด 26 พฤศจกายน พ.ศ 2533

ทอย 5/5 ถนนบรรกษบารง ต.ทายชาง อ.เมอง จ.พงงา 82000

ประวตการศกษา

• ปพทธศกราช 2554 ประกาศนยบตรวชาชพชนสง สาขาวชา

อ เลกทรอนกส สาขางาน อ เลกทรอนกสอตสาหกร รม

วทยาลยเทคนคพงงา

48

นายนราธร ขจรฤทธ

วนเดอนปเกด 10 ตลาคม 2533

ทอย 9/167 หมบานซ.เค.วลล ต.แคราย อ.กระทมแบน จ.สมทรสาคร

74100

ประวตการศกษา

• ปพทธศกราช 2554 ประกาศนยบตรวชาชพชนสง สาขาวชา

อเลกทรอนกส สาขางาน อเลกทรอนกสอตสาหกรรม วทยาลย

เทคโนโลยหมบานคร