บทท 1บทนำ

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

ยาวนานแทบจะทก ประเทศทกภาษา และมการพฒนาเปลยนแปลงไปบางตามความเหมาะสมของยคสมย เปนงานพธทเปนมงคล จงมกจะมพธกรรมทางศาสนารวมอยดวย ฉะนนพธแตงงานตามประเพณไทยเราจงยงเปนทนยมและยดถอปฏบตกนสบ ตอมาจนถงทกวนน และยงคงปฏบตสบตอกนไปอกนาน ไมวาสภาพทางสงคมจะเปลยนแปลงไปอยางไรกตาม

ในปจจบนมการบรการประเภทนจำนวนมากโดยมการใหเชาชดงานแตงงาน ชดไทยลานนา หรอชดไทยประยกต ฯลฯ มบรการแตงหนาทำผมใหกบเจาบาว - เจาสาว พรอมรบทำมาลย หรอพานบายศรตาง ๆ และพรอมทงบรการจดสถานทในงานพธกรรมตาง ๆ ในงานแตงงานดวย และยงมรบแตงหนาทำผมในงานสำคญตาง ๆ ตามโอกาสมากมาย โดยบรการทงหมดนภายในรานเดยว และมการแขงขนกนทางสอมากมาย ซงในปจจบนเทคโนโลยไดเขามามบทบาทในการใชชวตมากขน สามารถเพมความสะดวกสบายในการใชชวตไดเปนอยางด เทคโนโลยยงชวยในการอำนวยความสะดวกของการดำเนนงานในองคกร ทำใหการเขาถงขอมลขาวสารมความรวดเรว เมอเชอมตอกบอนเทอรเนต ปจจบนอนเทอรเนตมความตองการมากในสงคมทกวนน เพราะสามารถใชประโยชนไดหลายดาน เชน การขายของออนไลน ทสามารถทำใหเราไดทราบขาวมสารดานตาง ๆ ของทางรานได ทำใหเราเขาถงการบรการของรานไดมากขน สามารถดรวว ดราคา ดการบรการตาง ๆ ผานเวบไซตไดอยางสะดวก และรวดเรวมากกวามาทหนารานเอง

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

1.2 วตถประสงค1.2.1 เพอออกแบบและพฒนาเวบไซต ณภทรชดไทย1.2.2 เพอประเมนหาประสทธภาพของเวบไซต ณภทรชดไทยโดยผเชยวชาญ1.2.3 เพอศกษาความพงพอใจของผใชงานเวบไซต ณภทรชดไทย

1.3 ขอบเขตของงาน1.3.1 ขอบเขตดานเนอหา

1) ผดแลระบบ (Admin)1.1 เพม ลบ แกไข การบรการของรานได1.2 เพม ลบ แกไข รปภาพได1.3 เพม ลบ แกไข ราคาของการบรการได1.4 สามารถลงชอเขาใชงานได1.5 สามารถออกจากระบบได1.6 สามารถตรวจสอบขอมลของรานได1.7 สามารถตอบคอมเมนหรอขอความของลกคาได

2) ผใชงาน (ลกคาทเขามาใชบรการเวบไซต)2.1 สามารถตดตอหรอสอบถามการบรการของรานได2.2 สามารถคนหาการบรการของรานได2.3 สามารถคอมเมนการบรการของรานได2.4 สามารถดรปภาพการบรการของรานได2.5 สามารถดราคาการบรการของรานได

2.6 สามารถสงขอความผาน Facebook, LINE หรอตดตอผานเบอร โทรศพทของทางรานได

2.7 สามารถขอใบเสนอราคาจากทางรานได โดยกรอกชอ-สกล, อเมล, เบอรโทรศพท และรายเอยดตาง ๆ ได

1.4 ขนตอนในการดำเนนงานในการดาเนนโครงงานการสรางเวบไซตณภทรชดไทยมทงหมด 9 ขนตอน

ทรายการ

สปดาหทหมายเ

หต1 2 3 4 5 6 7 8 9 1

011

12

13

14

15

16

17

18

1 ศกษาขอมล✓ ✓

2 วเคราะหหวขอโครงการ ✓

3 เสนอโครงการ✓

4 เตร ยมข อม ลจดทำระบบ ✓

5 อ อ ก แ บ บระบบ ✓

6 ลงม อปฏ บ ต งาน ✓ ✓ ✓ ✓

7 ท ด ส อ บ ก า รท ำ ง า น /ปรบปรง

✓ ✓ ✓ ✓

8 จดทำรายงานโครงการ ✓ ✓

9 น ำ เ ส น อโครงการ ✓ ✓ ✓

ตารางท 1.1 ขนตอนในการดำเนนงาน

1.5 ประโยชนทไดรบเมอเสรจโครงการ1.5.1 สะดวกตอการใหบรการลกคา1.5.2 งายตอการเขาถงการบรการองรานณภทรชดไทย1.5.3 ลกคาสามารถดบรการ และรววจากลกคาคนอน ๆ ได1.5.4 ประหยดเวลาในการเดนทางมาทรานเพอสอบถามรายละเอยด

1.6 นยามศพทเฉพาะ

        การแตงงาน หมายถง วฒนธรรมและขนบธรรมเนยมประเพณทถอปฎบตกนมาอยางยาวนานแทบจะทก ประเทศทกภาษา และมการพฒนาเปลยนแปลงไปบางตามความเหมาะสมของยคสมย เปนงานพธทเปนมงคล จงมกจะมพธกรรมทางศาสนารวมอยดวย

        บรการ หมายถง การใหบรการตาง ๆ ของรานณถทรชดไทย เชน การใหเชาชดงานแตงงาน ชดไทยลานนา หรอชดไทยประยกต ฯลฯ การบรการแตงหนาทำผมใหกบเจาบาว - เจาสาว รบทำมาลย หรอพานบายศรตาง ๆ และการใหบรการจดสถานทในงานพธกรรมตาง ๆ ในงานแตงงานดวย และรบแตงหนาทำผมในงานสำคญตาง ๆ ตามโอกาสมากมาย

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

ชดไทย หมายถง ชดแตงงาน ชดไทยลานนา หรอชดไทยประยกต ฯลฯ ทรานณภทรชดไทยมใหบรการลกคา และเปนชดทรานณภทรชดไทยตดเยบขนเอง โดยมดไซนทไมเหมอนใคร ราคายอมเยาสามารถคยกนได

บทท 2

เอกสารและงานวจยทเกยวของ

ในการพฒนาเวบไซต รานณภทรชดไทย ผจดทำโครงการไดทำการศกษาหลกการหรอแนวคด จากทฤษฎ และเทคโนโลยทเกยวของเกยวกบการพฒนาระบบทสามารถนำมาประยกตใชกบงานไดโดยแบงออกเปนหวขอตาง ๆ ดงน

2.1 ความหมายและลกษณะทดของโครงการ2.2 การออกแบบโครงสรางเวบไซต2.3 ความหมายของฐานขอมล2.4 โปรแกรมทใหในการพฒนาเวบไซต

2.4.1 โปรแกรมเขยนเวบ Bootstrap 32.4.2 โปรแกรม Adobe Photoshop2.4.3 โปรแกรม Win SCP2.4.4 โปรแกรม Microsoft Office2.4.5 โปรแกรม Google Chrome2.4.6 โปรแกรม Visual Studio Code

2.5 ภาษาคอมพวเตอรทใชในการพฒนาเวบไซต2.5.1 ภาษา PHP2.5.2 ภาษา HTML2.5.3 ภาษา MySQL2.5.4 ภาษา Javascript2.5.5 ภาษา JSON2.5.6 ภาษา CSS

2.6 งานวจยทเกยวของ

2.1 ความหมายและลกษณะทดของโครงการ

โครงการ หมายถง กระบวนการทำงานทประกอบไปดวยกจกรรมหลายๆกจกรรม ซงมการทำโครงการเปนไปตามลำดบ และการทำงานจะตองเปนไปตามวตถประสงคทตงไว เชน งานบรการ โดยจะตองมการกำหนดระยะเวลาและงบประมาณทจำกด การดำเนนงานโครงการจะตองมผทมหนาทรบผดชอบตอโครงการ มหนาททำการบรหารงาน กจกรรมตางๆ ใหเปนไปตามแผนงาน เหมาะสมกบเวลา และงบประมาณทตงไว

ลกษณะการเขยนโครงการทด โครงการทดยอมทำใหประสทธภาพของการดำเนนงาน และผลตอบแทนทองคการหรอหนวยงานจะไดรบมความคมคา การเขยนโครงการทด ควรมลกษณะดงน

1. เนอหาของโครงการสามารถตอบสนองความตองการหรอแกปญหาขององคการหรอหนวยงานได

2. วตถประสงคและเปาหมายของโครงการตองชดเจน สามารถดำเนนงานและปฏบตได3. รายละเอยดของโครงการตองสอดคลองและสมพนธกน4. รายละเอยดของโครงการเขาใจไดงาย และสะดวกตอการดำเนนงานตามโครงการ5. เปนโครงการทสามารถนำไปปฏบตได สอดคลองกบแผนงานหลกขององคการและ

สามารถตดตามประเมนผลได6. โครงการตองกำหนดขนจากขอมลทมความเปนจรง และเปนขอมลทไดรบการวเคราะห

อยางรอบคอบจากทกฝายขององคกร7. โครงการตองไดรบการสนบสนนในดานทรพยากร และการบรหารอยางเหมาะสม8. โครงการตองมระยะเวลาในการดำเนนงาน คอตองระบถงวนเวลาทเรมตน และ สนสด

โครงการ9. สามารถตดตาม และประเมนผลไดการจดทำโครงการได

2.2 การออกแบบโครงสรางเวบไซต

การออกแบบโครงสรางเวบไซต คอ การวางแผนการจดลำดบ เนอหาสาระของเวบไซตออกเปนหมวดหม เพอจดทำเปนโครงสรางในการจดวางหนาเวบเพจทงหมด เปรยบเสมอนแผนท ททำใหเหนโครงสรางทงหมดของเวบไซต ชวยใหนกออกแบบเวบไซตไมใหหลงทาง การจดโครงสรางของเวบไซต มจดมงหมายสำคญคอ การทจะทำใหผเขาเยยมชม สามารถคนหาขอมลในเวบเพจไดอยางเปนระบบ ซงถอวาเปนขนตอนสำคญ ทสามารถสรางความสำเรจใหกบผททำหนาทในการออกแบบพฒนาเวบไซต (Webmaster) การออกแบบโครงสรางหรอจดระเบยบของขอมลทชดเจน แยกยอยเนอหาออกเปนสวนตาง ๆ ทสมพนธกนและใหอยในมาตรบานเดยวกน จะชวยใหนาใชงาน ตอการเขาอานเนอหาของผใชงานเวบไซต

2.3 ความหมายของฐานขอมล

ระบบฐานขอมล (Database System) คอ ระบบทรวบรวมขอมลตาง ๆ ทเกยวของกนเขาไวดวยกนอยางมระบบมความสมพนธระหวางขอมลตาง ๆ ทชดเจน ในระบบฐานขอมลจะประกอบดวยแฟมขอมลหลายแฟมทมขอมล เกยวของสมพนธกนเขาไวดวยกนอยางเปนระบบและเปดโอกาสใหผใชสามารถใชงานและดแลรกษาปองกนขอมลเหลาน ไดอยางมประสทธภาพ โดยมซอฟตแวรทเปรยบเสมอนสอกลางระหวางผใชและโปรแกรมตาง ๆ ทเกยวของกบการใชฐานขอมล เรยกวา ระบบจดการฐานขอมล หรอ DBMS (data base management system)มหนาทชวยใหผใชเขาถงขอมลไดงายสะดวกและมประสทธภาพ การเขาถงขอมลของผใชอาจเปนการสรางฐานขอมล การแกไขฐานขอมล หรอการตงคำถามเพอใหไดขอมลมา โดยผใชไมจำเปนตองรบรเกยวกบรายละเอยดภายในโครงสรางของฐานขอมล

2.4 โปรแกรมทใหในการพฒนาเวบไซต2.4.1 โปรแกรมเขยนเวบ Bootstrap 3

Bootstrap คออะไร จะใช Bootstrap กบการพฒนาเวบไซตและ Application จะตองทำอยางไร ??? ใครเวลานคงจะมไมกคนทยงไมรจก Bootstrap มนเปน Front-end Framework ทประกอบดวยโครงสราง CSS , HTML และ JavaScript ทชวยใหเราสามารถสรางหนาจอ User Interface ไดงาย และ สวยงาม และรวดเรว ลดเวลาในการทจะมานงออกแบบ Design หนาจอ layout หรอรายการ Element อนๆ ทเกยวของกบหนา Form ทงหมด กสามรรถใช Bootstrap เขามาจดการไดทงหมด สำหรบ Bootstrap เองมทง CSS Component และ JavaScript Plugin ททำงานรวมกบ jQuery ทสามารถเรยกใชงานไดมากมาย และทสำคญคอ Bootstrap มการแสดงผลในรปแบบของ Responsive ซงจะแสดงสภาพแวดลอมทเหมาะสมกบ

อปกรณททำการเปดอยในขณะนน เชน PC Desktop , Tablets , Mobile หรออปกรณอนๆ ทเกยวของ ซงทำใหเรานนออกแบบเวบและเขยนคำสงสงตางๆ กสามารถทจะรองรบอปกรณทงหมดได

Bootstrap ปจจบนมการพฒนาขนดวยกลมนกพฒนาจากทวทกหนแหงในโลก มการอปเดทแกไข bug อยตลอดเวลา เพอรองรบการทำงานไดอยางไมมปญหาพรอมๆ กบการพฒนาเทคโนโลยบน Web Browser เชน CSS , HTML และในปจจบนเราจะเหนวา Bootstrap มตวอยางธมใหดาวนโหลดมากมาย มทงทสามารถดาวนโหลดใชไดฟร และ แบบเสยเงนซอ และหลายๆ เวบกเลอกทจะใช Bootstrap กนมากขน

โครงสรางของ Bootstrap Framework

Scaffolding grid system จำนวน 12 คอลมน สามารถเลอกใชไดทงแบบ fixed และแบบ fluid เปนโครงสรางของ Layout ทจะแสดงผลในหนาจอ ซงจำนวน Column นจะแสดงผลตามความกวางของแตละอปกรณทเรยกใชงาน

Base CSS style sheets สำหรบ html elements พนฐาน เชน typography, tables, forms และ images เปน Stylesheet พนฐานทเราสามารถเรยกใชงานไดเลย เชน Button ทอยในรปแบบของ สตางๆ การแสดงรปภาพ ตาราง และอนๆ

Components style sheets สำหรบสงทเราตองใชบอยๆ ไมวาจะเปน navigation, breadcrumbs รวมไปถง pagination เปนโครงสรางพนฐานของ Bootstrap ทไวจดการ Menu , Navigation ซงจะแปรผนกบขนาดของหนาจอ ของอปกรณทเรยกใชงาน

JavaScript jQuery plugins ตางๆ ไมวาจะเปน modal, carousel หรอ tooltip ชวยในการสราง Popup, Dialog , Tooltip ตางๆ ซงบอกไดเลยวาเรยกใชงานไดงาย

2.4.2 โปรแกรม Adobe Photoshop

Photoshop เปนโปรแกรมในตระกล Adobe ทใชสำหรบตกแตงภาพถายและภาพกราฟฟก ไดอยางมประสทธภาพ ไมวาจะเปนงานดานสงพมพ นตยสาร และงานดานมลตมเดย อกทงยงสามารถ retouching ตกแตงภาพและสรางภาพ ซงกำลงเปนทนยมสงมากในขณะน เราสามารถนำโปรแกรม Photoshop ในการแตงภาพ การใส Effect ตาง ๆใหกบภาพและตวหนงสอ การทำภาพขาวดำและการทำภาพถายเปนภาพเขยน การนำภาพตางๆ มารวมกน การ Retouch ตกแตงภาพ เปนตน นอกจากนแลว โปรแกรม Photoshop ยงเปนโปรแกรมสรางและแกไขรปภาพอยางมออาชพโดยเฉพาะนกออกแบบในทกวงการยอมรจกโปรแกรมตวนด โปรแกรม Photoshop เปนโปรแกรมทมเครองมอมากมายเพอสนบสนนการสรางงานประเภทสงพมพ งานวดทศน งานนำเสนอ งานมลตมเดย ตลอดจนงานออกแบบและพฒนาเวบไซต ในชดโปรแกรม Adobe Photoshop จะประกอบดวยโปรแกรมสองตวไดแก Photoshop และ ImageReady การทจะใชงานโปรแกรม Photoshop คณตองมเครองทมความสามารถสงพอควร มความเรวในการประมวลผล และมหนวยความจำทเพยงพอ

ความสามารถพนฐานของ Adobe Photoshop

- ตกแตงหรอแกไขรปภาพ- ตดตอภาพบางสวน หรอทเรยกวา crop ภาพ- เปลยนแปลงสของภาพ จากสหนงเปนอกสหนงได- สามารถลากเสน แบบฟรสไตล หรอใสรปภาพ สเหลยม วงกลม หรอสรางภาพไดอยางอสระ- มการแบงชนของภาพเปน Layer สามารถเคลอนยายภาพไดเปนอสระตอกน- การทำ cloning ภาพ หรอการทำภาพซำในรปภาพเดยวกน- เพมเตมขอความ ใส effect ของขอความได- Brush หรอแปรงทาส ทสามารถเลอกรปแบบสำเรจรปในการสรางภาพไดและอนๆ อก

มากมาย2.4.3 โปรแกรม WinSCP

WinSCP (วนเอสซพ) เปนโปรแกรมสำเรจรป FTP Client (เอฟทพ ไครแอนท)(เอฟทพ ไครแอนท) ทเอาไวใชถายโอนขอมล คดลอกไฟลขอมล Upload (อพโหลด) Download (ดาวนโหลด) จากเครองลกขายหรอ Client (ไครแอนท) หรอคอมพวเตอรของผใชไปยงเครองแมขายหรอ Server สำหรบผดแลระบบหรอดแลเวบไซต จดเปนโปรแกรม FTP (เอฟทพ) SFTP (เอสเอฟทพ) โปรแกรม WinSCP (วนเอสซพ) สามารถดาวนโหลดไปใชไดฟรเพราะเปน Open Source (โอเพนซอรส) บนระบบปฏบตการ Windows (วนโดว) โดยใชมาตรฐาน FTP: File Transfer Protocol (เอฟทพ: ไฟล ทรานสเฟอร โปรโตคอล) ในการถายโอนขอมล โปรแกรม FTP (เอฟทพ) จะแบงเปน 2 สวน

1. FTP Server ตดตงไวบน Server (เซรฟเวอร) เพอใหบรการ Client (ไครแอนท) ทตดตอมาเขามา

2. FTP Client จะตดตงไวบนเครอง Client (ไครแอนท) หรอเครองของผใชทวไป เพอตดตอไปยง Server (เซรฟเวอร) เพอถายโอนขอมล จาก Client (ไครแอนท) ไปยง Server (เซรฟเวอร)

2.4.4 โปรแกรม Microsoft Office

ไมโครซอฟท ออฟฟศ (องกฤษ: Microsoft Office) เปนชดโปรแกรมสำนกงาน พฒนาโดยไมโครซอฟทซงสามารถใชงานไดในระบบปฏบตการไมโครซอฟท วนโดวส และแอปเปล แมคอนทอช ไมโครซอฟท ออฟฟศยงมการสงเสรมใหใชบรการผานระบบเครองแมขาย (Server) และ บรการผานหนาเวบ (Web Based) ในรนใหมๆ ของไมโครซอฟท ออฟฟศ เราจะเรยกมนวา ระบบสำนกงาน (Office system) แทนแบบเกาคอ ชดโปรแกรมสำนกงาน (Office Suite) ซงการเรยกวา ระบบสำนกงานจะรวมการทำงานกบเครองแมขายเอาไวดวย ในวนท 16 กมภาพนธ ค.ศ. 2006 ทผานมา ไมโครซอฟทไดประกาศเรอง "ไมโครซอฟท ออฟฟศ 2007" ทจะเปลยนแปลงหนาจอการใชงาน (User Interface) และ รปแบบไฟลแบบ XML เปนหลก รนเสถยรลาสด คอไมโครซอฟท ออฟฟศ 2007 ซงออกจำหนายในวนท 30 มกราคม พ.ศ. 2550โปรแกรมในตระกล Microsoft Office

● ไมโครซอฟทเวรด (Microsoft Word)● ไมโครซอฟทเอกเซล (Microsoft Excel)● ไมโครซอฟทพาวเวอรพอยด (Microsoft PowerPoint)● ไมโครซอฟทแอคเซส (Microsoft Access)● ไมโครซอฟทเอาทลค (Microsoft Outlook)● ไมโครซอฟทพบบลชเชอร (Microsoft Publisher)● ไมโครซอฟทวซโอ (Microsoft Visio)● ไมโครซอฟทวนโนต (Microsoft One Note)

2.4.5 โปรแกรม google chrome

Google Chrome คอ โปรแกรมเวบเบราเซอร (Web Browser) ทใชสำหรบเปดเวบไซตโดยม Google เปนผพฒนา ปจจบนเปนทนยมของผใชงาน Internet เปนอยางมากเพราะมความปลอดภยสง มโปรแกรมเสรมมากมาย โดยโปรแกรมเสรมเหลานมทงแบบ Download มาใชงานไดฟร และแบบมคาใชจาย นอกจากนยงสามารถใชบรการตาง ๆ ท Google พฒนาขนไดอยางหลากหลาย การเปดหนาเวบเพจทำไดอยางรวดเรว Google Chrome จงเปนทนยมอยางรวดเรว Google Chrome ยงมการ Update อยางสมำเสมอทำใหมขอบอกพรองนอยมาก ภาพดานลางเปนภาพรวมของ Google Chrome ซงจะเหนวามไอคอนแสดงอย 3 ไอคอน ประกอบดวย Store Docs Google Drive หากคณเคยสมคร และม Gmail Account อยแลวสามารถเขาสระบบและใชงานบรการตาง ๆ ไดอยางทนท

Google Chrome อาจเปนอกตวเลอกในการทองเวบของคณ กเกลโครมมงเนนในเรองทผใชตองการมากทสดอยางเรอง คาวมเรวในการทองเวบ กเกลจงใช JavaScript engine ตวใหม ทำใหมความเรวทสงกวาเวบเบราเซอรอนๆ อกทงยงสามารถตกแตง Theme (ธม) ในรปแบบของตวเอง ทำใหเวบเบราเซอรของเรานาใชมากยงขน

2.4.6 โปรแกรม visual studio code

isual Studio Code หรอ VSCode เปนโปรแกรม Code Editor ทใชในการแกไขและปรบแตงโคด จากคายไมโครซอฟท มการพฒนาออกมาในรปแบบของ OpenSource จงสามารถนำมาใชงานไดแบบฟร ๆ ทตองการความเปนมออาชพ ซง Visual Studio Code นน เหมาะสำหรบนกพฒนาโปรแกรมทตองการใชงานขามแพลตฟอรม รองรบการใชงานทงบน Windows, macOS และ Linux สนบสนนทงภาษา JavaScript, TypeScript และ Node.js สามารถเชอมตอกบ Git ได นำมาใชงานไดงายไมซบซอน มเครองมอสวนขยายตาง ๆ ใหเลอกใชอยางมากมาก ไมวาจะเปน 1.การเปดใชงานภาษาอน ๆ ทง ภาษา C++, C#, Java, Python, PHP หรอ Go 2.Themes 3.Debugger 4.Commands เปนตน

2.5 ภาษาคอมพวเตอรทใชในการพฒนาเวบไซต2.5.1 ภาษา PHP

PHP ยอมาจาก PHP Hypertext Preprocessor แตเดมยอมาจาก Personal Home Page Tools PHP คอภาษาคอมพวเตอรจำพวก scripting language ภาษาจำพวกนคำสงตาง ๆ จะเกบอยในไฟลทเรยกวา script และเวลาใชงานตองอาศยตวแปรชดคำสง ตวอยางของภาษาสครปกเชน JavaScript , Perl เปนตน ลกษณะของ PHP ทแตกตางจากภาษาสครปตแบบอน ๆ คอ PHP ไดรบการพฒนาและออกแบบมา เพอใชงานในการสรางเอกสารแบบ HTML โดยสามารถสอดแทรกหรอแกไขเนอหาไดโดยอตโนมต ดงนนจงกลาววา PHP เปนภาษาทเรยกวา server-side หรอ HTML-embedded scripting language นนคอในทก ๆ ครงกอนทเครองคอมพวเตอรซงใหบรการเปน Web server จะสงหนาเวบเพจทเขยนดวย PHP ใหเรา มนจะทำการประมวลผลตามคำสงทมอยใหเสรจเสยกอน แลวจงคอยสงผลลพธทไดใหเรา ผลลพธทไดนนกคอเวบเพจทเราเหนนนเอง ถอไดวา PHP เปนเครองมอทสำคญชนดหนงทชวยใหเราสามารถสราง Dynamic Web pages (เวบเพจทมการโตตอบกบผใช) ไดอยางมประสทธภาพและมลกเลนมากขน

PHP เปนผลงานทเตบโตมาจากกลมของนกพฒนาในเชงเปดเผยรหสตนฉบบ หรอ OpenSource ดงนน PHP จงมการพฒนาไปอยางรวดเรว และแพรหลายโดยเฉพาะอยางยงเมอใชรวมกบ Apache Web server ระบบปฏบตอยางเชน Linux หรอ FreeBSD เปนตน ในปจจบน PHP สามารถใชรวมกบ Web Server หลายๆตวบนระบบปฏบตการอยางเชน Windows 95/98/NT เปนตน

ลกษณะเดนของ PHP

1. ใชไดฟร2. PHP เปนโปร แกรมวงขาง Sever ดงนนขดความสามารถไมจำกด3. Conlatfun นนคอ PHP วงบนเครอง UNIX,Linux,Windows ไดหมด4. เรยนรงาย เนองจาก PHP ฝงเขาไปใน HTML และใชโครงสรางและไวยากรณภาษางายๆ5. เรวและมประสทธภาพ โดยเฉพาะเมอใชกบ Apach Xerve เพราะไมตองใชโปรแกรมจาก

ภายนอก6. ใชรวมกบ XML ไดทนท7. ใชกบระบบแฟมขอมลได8. ใชกบขอมลตวอกษรไดอยางมประสทธภาพ9. ใชกบโครงสรางขอมล แบบ Scalar,Array,Associative array10. ใชกบการประมวลผลภาพได

2.5.2 ภาษา HTML

HTML ยอมาจาก Hypertext Markup Language เปนภาษาคอมพวเตอรรปแบบหนง ทมโครงสรางการเขยนโดยอาศยตวกำกบ (Tag) ควบคมการแสดงผลขอความ รปภาพ หรอวตถ

อน ๆ ผานโปรแกรมเบราเซอร แตละ Tag อาจจะมสวนขยาย เรยกวา Attribute สำหรบระบ หรอควบคมการแสดงผล ของเวบไดดวย HTML เปนภาษาทถกพฒนาโดย World Wide Web Consortium (W3C) จากแมแบบของภาษา SGML (Standard Generalized Markup Language) โดยตดความสามารถบางสวนออกไป เพอใหสามารถทำความเขาใจและเรยนรไดงาย และดวยประเดนดงกลาว ทำใหบรการ www เตบโตขยายตวอยางกวางขวาง

Tag เปนลกษณะเฉพาะของภาษา HTML ใชในการระบรปแบบคำสง หรอการลงรหสคำสง HTML ภายในเครองหมาย less-than bracket (<) และ greater-than bracket (>) โดยท Tag HTML แบงได 4 ลกษณะ คอ

1. Tag เดยว เปน Tag ทไมตองมการปดรหส เชน <hr>(Tag กำหนดเสนคน), <br> (Tag กำหนดขนบนทดใหม) เปนตน

2. Tag เปด/ปด เปน Tag ทประกอบดวย Tag เปด และ Tag ปด โดย Tag ปด จะมเครองหมาย slash ( / ) นำหนาคำสงใน Tag นน ๆ เชน <B>……</B> (Tag กำหนดตวหนา), <a href=URL>…จด link..</a> (Tag กำหนดการเชอมโยงขอมล) เปนตน

3. Tag เปด/ปด บาง tag ละ tag ปดได เชน <tr> (Tag กำหนดแถวตาราง), <th> (Tag กำหนดคอลมตาราง)

4. คำสงใน Tag เขยนดวยอกษรตวใหญหรอเลกกได เชน <Body> หรอ <BODY> หรอ <body>

2.5.3 ภาษา MySQL

SQL ยอมาจาก structured query language คอภาษาทใชในการเขยนโปรแกรม เพอจดการกบฐานขอมลโดยเฉพาะ เปนภาษามาตราฐานบนระบบฐานขอมลเชงสมพนธและเปนระบบเปด (open system) หมายถงเราสามารถใชคำสง sql กบฐานขอมลชนดใดกได และ คำสงงานเดยวกนเมอสงงานผาน ระบบฐานขอมลทแตกตางกนจะได ผลลพธเหมอนกน ทำใหเราสามารถเลอกใชฐานขอมล ชนดใดกไดโดยไมตดยดกบฐานขอมลใดฐานขอมลหนง นอกจากนแลว SQL ยงเปนชอโปรแกรมฐานขอมล ซงโปรแกรม SQL เปนโปรแกรมฐานขอมลทมโครงสรางของภาษาทเขาใจงาย ไมซบซอน มประสทธภาพการทำงานสง สามารถทำงานทซบซอนไดโดยใชคำสงเพยงไมกคำสง โปรแกรม SQL จงเหมาะทจะใชกบระบบฐานขอมลเชงสมพนธ และเปนภาษาหนง ซงแบงการทำงานไดเปน 4 ประเภท ดงน

Select query ใชสำหรบดงขอมลทตองการ Update query ใชสำหรบแกไขขอมล Insert query ใชสำหรบการเพมขอมล Delete query ใชสำหรบลบขอมลออกไป

ปจจบนมซอฟตแวรระบบจดการฐานขอมล (DBMS ) ทสนบสนนการใชคำสง SQL เชน Oracle , DB2, MS-SQL, MS-Access นอกจากนภาษา SQL ถกนำมาใชเขยนรวมกบโปรแกรมภาษาตางๆ เชน ภาษา c/C++ , VisualBasic และ Java

ประโยชนของภาษา SQL

1. สรางฐานขอมลและ ตาราง 2. สนบสนนการจดการฐานขอมล ซงประกอบดวย การเพม การปรบปรง และการลบขอมล3. สนบสนนการเรยกใชหรอ คนหาขอมล

ประเภทของคำสงภาษา SQL

1. ภาษานยามขอมล(Data Definition Language : DDL) เปนคำสงทใชในการสรางฐานขอมล กำหนดโครงสรางขอมลวาม Attribute ใด ชนดของขอมล รวมทงการเปลยนแปลงตาราง และการสรางดชน คำสง : CREATE,DROP,ALTER

2. ภาษาจดการขอมล (Data Manipulation Language :DML) เปนคำสงทใชในการเรยกใช เพม ลบ และเปลยนแปลงขอมลในตาราง คำสง : SELECT,INSERT,UPDATE,DELETE

3. ภาษาควบคมขอมล (Data Control Language : DCL) เปนคำสงทใชในการกำหนดสทธการอนญาต หรอ ยกเลก การเขาถงฐานขอมล เพอปองกนความปลอดภยของฐานขอมล คำสง : GRANT,REVOKE

2.5.4 ภาษา Javascript

คอ ภาษาคอมพวเตอรสำหรบการเขยนโปรแกรมบนระบบอนเทอรเนต ทกำลงไดรบความนยมอยางสง JavaScript เปน ภาษาสครปตเชงวตถ (ทเรยกกนวา "สครปต" (script) ซงในการสรางและพฒนาเวบไซต (ใชรวมกบ HTML) เพอใหเวบไซตของเราดมการเคลอนไหว สามารถตอบสนองผใชงานไดมากขน

JavaScript เปนภาษาสครปตทมลกษณะดงน

1. เปนภาษาสครปตแบบ lightweight programming language (ภาษาสครปตแบบสนๆ)2. JavaScript สามารถใชรวมกบ HTML และ CSS เพอสรางเเละพฒนาเวบไซต ทใชไดกบ

web browser รนใหมๆ และใชไดทง PCs, laptops, tablets, smart phones, ดวย

ความสามารถของ Javascript

- ทำใหสามารถเขยนโปรแกรมแบบงายๆ ได โดยไมตองพงภาษาอน- มคำสงทตอบสนองตอผใชงาน- ใชตรวจสอบขอมลได เชน เตอนเมอกรอกรปแบบขอมลผดพลาด- ใชตรวจสอบผใชได เชน ตรวจสอบวาผใชงานใช Browser อะไร- สราง Cookies ได- สรางลกเลนใหเวบไซตได

ในบทเรยนเรอง JavaScript น จะอธบายพรอมทงยกตวอยางประกอบ การใช JavaScript เพอใหผศกษาเขาใจการทำงานรวมกนของ JavaScript กบ HTML และ CSS ซงกอนทจะเรมเรยนเรอง JavaScrip นน ผศกษาจำเปนตองมความรพนฐานเรอง HTML และ CSS เสยกอน

2.5.5 ภาษา JSON

JSON (JavaScript Object Notation) รปแบบการรบสงขอมลคอมพเตอรขนาดเลก เปนภาษาทอาน, เขยน และสรางเปนภาษาโปรแกรมทเขาใจงาย ถกสรางขนมาโดย ดกกลาส คลอฟอรด ตนกำเนดอยในรปแบบ ของ RFC 4627 and ECMA-404

JSON เปนรปแบบขอความภาษาอสระ แตตวภาษาจะใชเปนภาษาทางการเหมอนกบ ภาษา C รวมถง C, C++, C#, Java, JavaScript, Perl, Python และ อนๆ สวนใหญ JSON จะนยมใชมากกวา XML เพราะเขาใจงายกวา ไมซบซอน ทำให JSON รปแบบการรบสงขอมลทยอดเยยม JSON ถกสราง 2 รปแบบ คอ

1. ถาเปนรปแบบของชอหรอขอมลคกน จะบนทกมาเปนรปแบบของ Object, การบนทก , ประโยค, คำศพท, รายชอ, โครงสรางแบบแฮช หรอ associative array

2. ถาเปนรปแบบของรายชอขอมล โดยทวไป จะบนทกมาเปนรปแบบของ array, vector, list หรอ sequence

2.5.6 ภาษา CSS

CSS ยอมาจาก Cascading Style Sheet มกเรยกโดยยอวา "สไตลชต" คอภาษาทใชเปนสวนของการจดรปแบบการแสดงผลเอกสาร HTML โดยท CSS กำหนดกฏเกณฑในการระบรปแบบ (หรอ "Style") ของเนอหาในเอกสาร อนไดแก สของขอความ สพนหลง ประเภทตวอกษร และการจดวางขอความ ซงการกำหนดรปแบบ หรอ Style นใชหลกการของการแยกเนอหาเอกสาร HTML ออกจากคำสงทใชในการจดรปแบบการแสดงผล กำหนดใหรปแบบของการแสดงผลเอกสาร ไมขนอยกบเนอหาของเอกสาร เพอใหงายตอการจดรปแบบการแสดงผลลพธของเอกสาร HTML โดยเฉพาะในกรณทมการเปลยนแปลงเนอหาเอกสารบอยครง หรอตองการควบคมใหรปแบบการแสดงผลเอกสาร HTML มลกษณะของความสมำเสมอทวกนทกหนาเอกสารภายในเวบไซตเดยวกน โดยกฏเกณฑในการกำหนดรปแบบ (Style) เอกสาร HTML ถกเพมเขามาครงแรกใน HTML 4.0 เมอปพ.ศ. 2539 ในรปแบบของ CSS level 1 Recommendations ทกำหนดโดย องคกร World Wide Web Consortium หรอ W3C

ประโยชนของ CSS

1. CSS มคณสมบตมากกวา tag ของ html เชน การกำหนดกรอบใหขอความ รวมทงส รปแบบของขอความทกลาวมาแลว

2. CSS นนกำหนดทตนของไฟล html หรอตำแหนงอน ๆ กได และสามารถมผล กบเอกสารทงหมด หมายถงกำหนด ครงเดยวจดเดยวกมผลกบการแสดงผลทงหมด ทำใหเวลาแกไขหรอปรบปรงทำไดสะดวก ไมตองไลตามแก tag ตางๆ ทวทงเอกสาร

3. CSS สามารถกำหนดแยกไวตางหากจาก ไฟลเอกสาร html และสามารถนำมาใชรวม กบเอกสารหลายไฟลได การแกไขกแกเพยง จดเดยวกมผลกบเอกสารทงหมด

CSS กบ HTML / XHTML นนทำหนาทคนละอยางกน โดย HTML / XHTML จะทำหนาทในการวางโครงรางเอกสารอยางเปนรปแบบ ถกตอง เขาใจงาย ไมเกยวของกบการแสดงผล สวน CSS จะทำหนาทในการตกแตงเอกสารใหสวยงาม เรยกไดวา HTML /XHTML คอสวน coding สวน CSS คอสวน design

2.6 งานวจยทเกยวของ2.6.1 ฉตรทพย สงา และ ฆมภชา ตนตสนตสม (2560) ทำการศกษาวจยเรอง การพฒนา

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

พฒนาระบบ (System Development Life Cycle: SDLC) โดยใชภาษา PHP รวมกบระบบจดการฐานขอมล MySQL จากผลการวจยพบวาระบบสามารถทางานไดอยางถกตองและสอดคลองตามความตองการของลกคาและเจาของราน อกทงการประเมนประสทธภาพของระบบ 4 ดาน คอ 1) ดานการทางานตามความตองการของผใชงาน 2) ดานการทางานไดตามหนาท และ 3) ดานการรกษาความปลอดภยของขอมลนน ระบบสามารถตอบสนองความตองการในแตละดานไดอยางครบถวน สาหรบ 4) ดานความงายตอการใชงาน มผลการประเมนอยในระดบมากทสด (�� = 4.5)

2.6.2 นวต ศภมาตย (2549) งานวจยเรอง “ระบบบรหารจดการหองสมดวทยาลยสารพดชางชยภม” วตถประสงคเพอนาคอมพวเตอรเขาชวยในการปฏบตงานของเจาหนาทหองสมดวทยาลยสารพดชางชยภม ซงจะทาใหชวยลดระยะเวลาในการปฏบตงานลงได อกทงยงชวยในเรองความสะดวกและรวดเรวในการใหบรการสมาชกหองสมด ทเขามารบบรการยม-คน หนงสอหองสมดวทยาลยสารพดชางชยภม ระบบบรหารงานหองสมดวทยาลยสารพดชางชยภม ไดพฒนาขนโดยใชโปรแกรม Microsoft SQL Server 2000 เปนฐานขอมลเพอใชในการจดการดานขอมลและใชโปรแกรม Visual Basic6.0 ออกแบบหนาฟอรมในสวนของผใชระบบ เพอใหเกดความสะดวกในการใชงานของผใชระบบ

2.6.3 นรน ประทมเนตร, บษรนทร ปนทอง (2551) งานวจยเรอง “ระบบงานรานเชาหนงสอดอกฟา” วตถประสงคของการดาเนนงาน คอ การจดการฐานขอมล การเชาหนงสอ การคน การสงคนหนงสอ เพอเพมประสทธภาพในการบรหารระบบการเชา-คน หนงสอใหรดกม ซงมขนตอนในการดาเนนงานและพฒนาดงน คอ ศกษาปญหา ความเปนไปได ศกษาระบบงานเดม ออกแบบระบบงานใหม และวเคราะหความตองการของผใชระบบ วเคราะหและออกแบบระบบ พฒนาโปรแกรม ทดสอบและปรบปรงแกไขโปรแกรม ระบบฐานขอมลการยม-การสงหนงสอทพฒนาขนน ใชระบบจดการฐานขอมล Microsoft Access, Microsoft Visual Basic .Net เปนเครองมอในการพฒนาโปรแกรมเพอสรางฐานขอมลระบบการเชา-การคนหนงสอขนมา ระบบงานรานเชาหนงสอดอกฟาทพฒนาขนน สามารถเกบและรวบรวมขอมลของสมาชก ประเภทหนงสอ การเชา – การคน จงชวยเพมความ สะดวก รวดเรว และความถกตองแมนยาในการดาเนนงานจดการบรหารในรานเชาหนงสอดอกฟา

2.6.4 สพรรณ ซองทอง (2551) งานวจยเรอง “ระบบเชาหอพก” วตถประสงคเพอพฒนาระบบเชา-คนหองพก ใหการทางานมระบบและเปน ระเบยบมากขนและชวยใหการเชา-คน สะดวก รวดเรวขน เพอตอบสนองงานใน 5 ดานหลก คอ ดานความสามารถของระบบ ดานความถกตองของระบบงาน ดานความสะดวกและ งายตอการใชระบบ ดานความเรวในการทางานของระบบ และดานการรกษาความปลอดภยของระบบ โดยไดดาเนนการสอบถามความตองการของผใชระบบ เบองตนเปนกรณไป และนามาออกแบบระบบการเชาหอพก ออกแบบฐานขอมลและระบบงานฐานขอมล โดยใช MSSQL Server 2005 ในการจดการฐานขอมล และโปรแกรม Microsoft Visual Studio 2005 ในการ พฒนาระบบ จากนนไดใหผใชระบบไดทดลองใชระบบในเบองตนไปกอนแลว ปรากฏวาเกดความพงพอใจในระบบทไดทาขนเพอเพมความสะดวกในการทางาน วตถประสงคของการศกษาเฉพาะกรณน เปนการศกษาการใชงานโปรแกรม Microsoft Visual Studio 2005 รวมกบ Microsoft SQL Server 2005 บนระบบปฏบตการ Microsoft Windows XP ใน การจดทาแอพพลเคชนในดานการจดการฐานขอมล เพอนาไปใชใน การพฒนาระบบการเชา-คนหองพก ความสามารถ

ของโปรแกรม คอ สามารถเพม ลบ แกไขขอมล และยกเลกขอมลได ผล ทไดจากการศกษาและพฒนาระบบครงน คอ ทาใหทราบถงการจดทาโปรแกรมระบบการเชา-คนหองพก ซงโปรแกรมสามารถนาไปใชงานไดจรง

2.6.5 สนสา แซโคว (2550) งานวจยเรอง “ระบบเชาอปกรณเครองครว-เครองใช บานหนองสนวน อาเภอเมอง จงหวดบรรมย” วตถประสงคเพอ ศกษาและพฒนาระบบเชาอปกรณเครองครว-เครองใช บานหนองสนวน อาเภอเมอง จงหวดบรรมย ขอบเขตในการทางานของโปรแกรมคอ สามารถเพม แกไข ตรวจสอบ ขอมลลกคา ขอมลคณะกรรมการ ขอมลอปกรณเครองครว-เครองใช ขอมลการสงซออปกรณ ขอมลการสงซอมอปกรณ ขอมลการตรวจรบอปกรณ ขอมลการจองอปกรณ ขอมลการเชาอปกรณ รวมถงขอมลการสงคนอปกรณ ใหมความสะดวกและรวดเรวมากยงขน

2.6.6 ดวงพร ใบพลทอง (2559) การจดทาแผนธรกจเรอง โมบายแอพพลเคชนเวดดงแพลนเนอรไทย มวตถประสงคเพอวางแผนการทางานของบรษทในการลงทนและการบรหารจดการของบรษท กลยทธในการดาเนนการงาน และทศทางในการประกอบกจการในดานตาง ๆ ตลอดจนผลประโยชนทบรษทจะไดรบ และเพอเปนแนวทางในการประกอบธรกจใหสามารถดาเนนการไปไดอยางมทศทางตามแผนธรกจทไดวางเอาไว ผลจากการจดทาแผนธรกจครงนพบวา ประมาณการเงนลงทนขนตนอยท 1.5 ลานบาท โดยมาจากสวนของผถอหนทงสน ไมมการกยม โดยประมารการรายไดอยท 6.8 ลานบาท ในปแรก และเตบโตโดยเฉลยไมตากวา 10% ตอป ในปท 2-5 มกาไรจากการดาเนนงานในปแรกท 1.2 ลาน บาท และกาไรสทธท 1 ลานบาท และมอตราสวนผลตอบแทนจากสนทรพยรวม (ROA) โดยเฉลยท 42.20% และ อตราสวนผลตอบแทนจากผถอหน (ROE) โดยเฉลยท 43.82 % หากแผนธรกจนสามารถดาเนนไปตามทคาดการณในกรณปกต (Base Case) กจการจะสามารถคนทนไดใน 1 ป 4 เดอน สามารถสรางผลตอบแทนภายในโครงการน IRR= 90.48 % โดยกจการสามารถสรางมลคาปจจบนสทธ (NPV) เปนเงน 5,193,425.62 บาท เมอสนสดโครงการ 5 ป จากผลการวเคราะหทางดานการเงนจะเหนไดวาอตราผลตอบแทนภายใน (IRR) คอนขางสงและมลคาปจจบนสทธ (NPV) เปนบวก แสดงใหเหนวาโครงการนเปนโครงการทนาลงทน และคมคากบการลงทน คาสาคญ:โมบายแอพพลเคชน ,เวดดงแพลนเนอร