โครงงานเว็บไซต์ Hello Phuket

โครงงานคอมพวิ เตอร์
เร่อื ง

HELLO PHUKET!

จัดทำโดย

1. นาย เกยี รตกิ ุล ทพิ ย์รอด ชั้น ม.5/3 เลขที่ 12
2. น.ส.ญาณศิ า แซ่ตนั ชน้ั ม.5/3 เลขที่ 17
3. น.ส.ธนัชญา ภูมคิ ง ชั้น ม.5/3 เลขท่ี 20
4. น.ส.ปรนิ ทรา ตันติปาลพี ันธ์ ชั้น ม.5/3 เลขที่ 24
5. น.ส.วรางคณา วชั รบี รริ ักษ์ ชน้ั ม.5/3 เลขท่ี 26
6. น.ส.อัญชสา อัครพัฒนวงศ์ ชั้น ม.5/3 เลขท่ี 29

เสนอ
ครูคณศิ ร เสมพชื

โครงงานน้เี ป็นส่วนหนึ่งของวิชาการสรา้ งผลงานด้วยคอมพิวเตอร์ (ว30284)
ภาคเรยี นที่ 1 ปีการศกึ ษา 2565
โรงเรียนภูเกต็ วิทยาลัย

คำนำ

รายงานเล่มนี้จัดทำขึ้นเพื่อเป็นส่วนหนึ่งของวิชาการสร้างผลงานด้วยคอมพิวเตอร์ (ว30284)
ชั้นมัธยมศึกษาปีที่ 5 โดยมีจุดประสงค์เพื่อนำความรู้ทางด้านคอมพิวเตอร์มาประยุกต์ใช้ในการสร้าง
ผลงานนำเสนอเรื่องราวในจังหวัดภูเก็ต โดยจัดทำเว็บไซต์ขึ้นมา เพื่อใช้ถ่ายทอดเรื่องราวในจังหวัดภูเก็ต
และเพอ่ื ใชเ้ ป็นแนวทางในการพัฒนาโครงงานอ่นื ๆ ตอ่ ไปในอนาคต

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

คณะผูจ้ ัดทำ

บทที่ 1
บทนำ

1. ที่มาและความสำคัญ

จังหวัดภูเก็ตเป็นจังหวัดที่อยู่ทางภาคใต้ของประเทศไทย ซึ่งเป็นจังหวัดเดียวที่มีสภาพ
เป็นเกาะตั้งอยู่ในทะเลอันดามันและถือว่าเป็นจังหวัดที่เป็นแหล่งท่องเที่ยวสําคัญของประเทศไทย
ภูเก็ตถือได้ว่าเป็นเมืองที่มีวัฒนธรรมและสถาปัตยกรรมที่มี ความโดดเด่นเป็นของตนเอง โดยเฉพาะ
สถาปัตยกรรมชิโน-โปรตุกีส และมีอาหารพื้นเมืองทั้งคาวหวานที่มีรูปแบบ วิธีการปรุงและรสชาติ
แตกต่างจากที่อื่นหลายชนิดด้วยกัน ซึ่งเป็นเอกลักษณ์อย่างหนึ่งของภูเก็ต ที่ทำให้นักท่องเที่ยวนิยม
มาลิ้มลองรสชาติ และหาซื้อกลับไปเป็นของฝาก จังหวัดภูเก็ตจึงเป็นจังหวัดหนึ่งที่ทํารายได้
เข้าสู่ประเทศเป็นจํานวนมาก โดยรายได้ส่วนใหญ่นั้นจะมาจากอุตสาหกรรมการท่องเที่ยวเป็นหลัก
(สำนกั งานจังหวดั ภเู ก็ต. 2559)

Gauntlett D. and Horsley R. (2004 : 296) กล่าวว่าเว็บไซต์ หมายถึงกลุ่มเว็บเพจที่เชื่อมโยงกัน
ท่สี รา้ งบุคคลหรือองค์กรซึ่งมีความเช่ือมโยงกันภายในจากการให้ความหมายในขา้ งต้นสามารถสรุปคำจำกัดคว
ามของเว็บไซต์ได้ว่าเว็บไซต์เป็นกลุ่มของเว็บเพจที่สร้างขึ้นโดยบุคคล หรือกลุ่มองค์กร เพื่อนำเสนอข้อมูล
ข่าวสารโดยมีข้อมูลต่างๆ ที่เชื่อมโยงกันภายในเว็บไซต์ เว็บไซต์ส่วนบุคคล เป็นเว็บไซต์ของบุคคลเพื่อเสนอ
แนวคิดหรือเพื่อ ประชาสัมพันธ์ตัวเองในด้านต่างๆ ปกติที่อยู่ของเว็บไซต์เหล่านี้ อาจลงท้ายด้วย .com
และมักจะมีเครื่องหมายปรากฏในที่อยู่ด้วยการสร้างเว็บไซต์มีความจำเป็นอย่างมากในการกำหนดกรอบ
และทิศทางของเว็บไซต์นั้นๆ ให้อยู่ในลักษณะหนึ่งลักษณะใดข้างต้น เพื่อให้การใช้งานที่จะเกิดขึ้น
ระหวา่ งเว็บไซต์และผเู้ ยี่ยมชมเป็นไปตามวตั ถุประสงค์ไดต้ ้งั ไวอ้ ยา่ งมีประสิทธภิ าพ

ทางผจู้ ัดทำจงึ ไดจ้ ัดทำโครงงานนีข้ ้ึนเพ่อื ให้ผู้ที่สนใจเกี่ยวกบั จังหวัดภเู ก็ตหรอื นักท่องเที่ยวท่ีจะมาท่อง
เที่ยวไดม้ เี วบ็ ไซต์ท่ีรวบรวมข้อมูลสำคัญของจงั หวัดภูเกต็ ทำให้สะดวกในการค้นหาและสบื คน้

2. วตั ถปุ ระสงค์

2.1 เพื่อจัดตงั้ โครงงานเก่ียวกับจังหวัดภเู ก็ตไปเผยแพร่ให้กบั นักทอ่ งเทีย่ วและประชาชนท่ีสนใจ
2.2 เพื่อรวบรวมข้อมูลท่ีน่าสนใจในจังหวดั ภเู กต็
2.3 เพอ่ื สะดวกต่อการเดินทางไปทอ่ งเทย่ี วในจังหวัดภเู กต็
2.4 เพอื่ ได้แนะนำสถานที่ทอ่ งเท่ยี วทง่ี ดงามและนา่ ชนื่ ชมในจงั หวดั ภเู ก็ต

3. ขอบเขตของโครงงาน

3.1 ประเพณสี ำคัญ สถานทีท่ อ่ งเท่ียว ร้านอาหาร ประวตั ิในจงั หวัดภูเก็ตเท่าน้นั
3.2 เว็บแอพพลเิ คชันสามารถเขา้ ถึงได้ผา่ นอนิ เทอรเ์ น็ต ทกุ แพลตฟอร์ม

บทท่ี 2
หลักการ ทฤษฎี และงานทเี่ ก่ยี วขอ้ ง

1. โปรเเกรม Glide คือ Platform ที่สามารถทำง่ายๆ โดยไม่ต้องเขียนโปรแกรม โดยผู้ที่จะสร้างแอป
สามารถสร้างแอปผ่านทางเว็บไซต์ของ Glide ได้เลย โดยไม่ต้องติดตั้งโปรแกรมหรือระรบบพัฒนาใดๆ
ที่สำคัญกว่านั้นคือ สร้างแค่ครั้งเดียวยแต่สามาราถใช้งานได้ทั้งในโทรศัพท์ระบบ Androin และ iphone
การจะเผยแพรแ่ อปทสี่ ร้างนั้นเพยี งแค่ส่งลงิ ค์ ทาง line, e-mail, facebook, website หรือผ้ใู ชส้ ามารถ scan
QR Code ที่พิมพ์ออกมา ที่สำคัญแอปที่ทำไม่กินหน่วยความจำ Progressive Web Application
หรอื เวบ็ ไซต์สำหรบั มือถือที่ทำตัวเหมือนแอป คือมี icon ใหค้ ลกิ เรยี กใช้งาน สามารถปรับปรุงเนื้อหาในแอปได้
แอปที่สรา้ งจะอาศยั Google sheet เป็นฐานขอ้ มลู (มายดพ์ เี อชพี.2564)

2. เว็บไซต์ หมายถึง หน้าเว็บ เพจที่จัดทำขึ้นเพื่อนำเสนอข้อมูลผ่านทางคอมพิวเตอร์ และอินเทอร์เน็ต
โดยจะมีหน้าเว็บเพจหลายๆ หน้าที่เชื่อมโยงเข้ากับไฮเปอร์ลิ้งค์เพื่อให้สามารถเปิดไปยังหน้าเพจต่าง ๆ
ไดอ้ ย่างงา่ ยดายและถูกจัดเกบ็ ไว้ใน www. โดยเวบ็ ไซตส์ ่วน ใหญน่ ัน้ กม็ ที ัง้ เว็บไซตท์ ่ีเปดิ ใหเ้ ข้าชมได้ฟรี
และเว็บไซต์ที่ต้องสมัครสมาชิกและเสียค่าบริการจึง จะเข้าชมได้ฟรีและเว็บไซต์ที่ต้องสมัครสมาชิก
และเสียค่าบริการจึงจะเข้าใช้งานเว็บ ได้ซึ่งข้อมูล ในเว็บก็จะมีหลากหลายแบบ ขึ้นอยู่กับความต้องการ
นำเสนอของเจ้าของเว็บไซต์การเรียกดู เว็บไซตจ์ะเรียกดูผ่านทางซอฟต์แวร์ในลักษณะของเบราว์เซอร์
(นภัสวรรณ อินนา และคณะ. 2563)
3. Google Sheet คือ เป็นแอปพลิเคชันในกลุ่มของ Google Drive (กูเกิล ไดรฟ์) ซึ่งเป็นนวัตกรรมของ
Google (กูเกิล) มีลักษณะการทำงานคล้ายกันกับ Microsoft Excel (ไมโครซอฟท์ เอ็กเซล) คือสามารถสร้าง
Column, Row สามารถใส่ขอ้ มลู ต่างๆ ลงไปใน Cell (เซลล์) ได้ และ คำนวณสูตรต่างๆได้
(ภาคภูมิ มาตรทอง.2559)

บทท่ี 3
วิธกี ารดำเนนิ งาน

1. วิธกี ารดำเนนิ งาน
1.1 คิดหัวขอ้ โครงงานเพื่อนำเสนอครูท่ีปรึกษาโครงงาน
1.2 ศึกษาเเละคน้ ควา้ ข้อมูลทเ่ี ก่ยี วข้องกบั หัวข้อทีส่ นใจ
1.3 ศึกษาการทำเว็บไซตโ์ ดยใชโ้ ปรเเกรม Glide ผ่านเอกสารเเละเว็บไซตต์ ่างๆ
1.4 จัดทำโครงร่างโครงงานคอมพวิ เตอร์เพอ่ื นำเสนอครูที่ปรกึ ษาโครงงาน
1.5 ปฎิบตั กิ ารทำโครงงานคอมพิวเตอร์ เร่อื ง HELLO PHUKET!
โดยนำเสนอความก้าวหนา้ ของโครงงานเป็นระยะๆเเก่ครทู ี่ปรึกษา
เพ่อื นำคำเเนะนำมาพฒั นาโครงงานอย่างมปี ระสิทธภิ าพ
1.6 จัดทำรูปเลม่ รายงานโครงงานคอมพวิ เตอร์
1.7 นำเสนอโครงงาน

2. แผนปฏิบัติงาน ผ้รู บั ผิดชอบ สัปดาห์
กจิ กรรม 4 56 78

1. การวางแผน นายเกยี รตกิ ุล ทิพย์รอด 123
นางสาวญาณศิ า แซ่ตัน ✓
นางสาวธนชั ญา ภมู ิคง
นางสาวปรนิ ทรา
ตันตปิ าลพี ันธ์
นางสาววรางคณา
วัชรีบริรกั ษ์
นางสาวอญั ชสา
อคั รพัฒนวงศ์

2. การสำรวจ/คน้ หา นางสาวธนชั ญา ภมู ิคง ✓✓
นางสาวปรินทรา
ตันตปิ าลีพนั ธ์ ✓✓
นางสาววรางคณา ✓✓
วัชรบี ริรักษ์ ✓✓
นางสาวอญั ชสา
อคั รพัฒนวงศ์

3. นางสาวปรินทรา
การศกึ ษาเทคนิคทเ่ี กี่ ตันตปิ าลพี ันธ์
ยวข้อง นางสาวอัญชสา

อัครพัฒนวงศ์

4. นางสาวธนชั ญา ภูมิคง
การพฒั นาโปรแกรม นางสาววรางคณา

วัชรีบรริ กั ษ์

5. นางสาวญาณิศา แซ่ตนั

การทดสอบและปรับ นางสาวธนัชญา ภูมิคง

ปรุงโปรแกรม นางสาววรางคณา

วัชรีบรริ กั ษ์

6. นายเกยี รติกลุ ทิพยร์ อด ✓
การทำรปู เลม่ โครงงา นางสาวญาณิศา แซ่ตัน
น นางสาววรางคณา

วชั รีบริรกั ษ์

7. นางสาวธนชั ญา ภมู คิ ง ✓
การทำโปสเตอร์นำเ นางสาวปรินทรา ✓
สนอ ตันตปิ าลพี ันธ์
นางสาวอัญชสา ✓
อัครพัฒนวงศ์

8. การทำเวบ็ ไซต์ นางสาวธนชั ญา ภมู คิ ง
นางสาวปรินทรา
ตันติปาลพี ันธ์
นางสาววรางคณา
วชั รีบริรักษ์
นางสาวอญั ชสา
อัครพัฒนวงศ์

9. นำเสนอโครงงาน นายเกียรตกิ ุล ทิพย์รอด
นางสาวญาณศิ า แซต่ นั
นางสาวธนัชญา ภูมคิ ง
นางสาวปรนิ ทรา
ตันตปิ าลพี นั ธ์
นางสาววรางคณา
วชั รีบริรักษ์
นางสาวอญั ชสา
อคั รพฒั นวงศ์

3. โปรแกรมทีใ่ ชใ้ นการพัฒนา

3.1 โปรเเกรม Glide
3.2 เว็บไซต์
3.3 Google Maps

บทที่ 4
การทดลองและผลการทดลอง

1. ผลท่ีคาดวา่ จะได้รับ
1.1 เพ่อื แนะนำเส้นทางการทอ่ งเทีย่ วในเขตจังหวัดภเู ก็ต
1.2 เพอ่ื ได้เรียนรู้สถานทที่ ่องเท่ียวในจงั หวัดภเู ก็ต
1.3 เพื่อสะดวกต่อการเดนิ ทางไปท่องเทยี่ วในจังหวดั ภเู ก็ต

2. ตัวอยา่ งการใช้งานโปรแกรม (รปู ประกอบ)

หน้าแรกของเว็บ Hello Phuket

หนา้ ทีส่ องของเว็บ Hello Phuket : อธิบายประวัติความเปน็ มาในจงั หวัดภเู กต็

หนา้ ที่สามของเวบ็ Hello Phuket : ประเพณแี ละวัฒนธรรมในจงั หวัดภเู กต็
หน้าที่สข่ี องเว็บ Hello Phuket : อาหารท้องถน่ิ

หน้าทห่ี ้าของเว็บ Hello Phuket : สถานท่ีทอ่ งเทยี่ ว

หน้าที่หกของเว็บ Hello Phuket : About ME
โดยในแตล่ ะหนา้ เม่ือกดเขา้ มาจะแสดงรายละเอยี ดของขอ้ มูล

บทท่ี 5
สรปุ ผล วิเคราะห์ และขอ้ เสนอแนะ

1. สรปุ ผล

คณะผู้จัดทำโครงงานได้จัดทำเว็บไวต์ Hello Phuket ขี้น ตามขั้นตอนการดำเนินงาน
ที่กล่าวมาในบทที่ 3 ของรายงานโครงงานเล่มนี้ แล้วนำเสนอผ่านทางเว็บไซต์ https://hello-
phuket.glide.page เ ม ื ่ อ ท ด ล อ ง ใ ช ้ ง า น ต ั ว เ ว ็ บ ไ ซ ต ์ ก ็ ส า ม า ร ถ ท ำ ง า น ไ ด ้ ดี
และสามารถบอกเล่าเรื่องราวของจังหวัด รวมถึงสถานที่ต่าง ๆ ที่ได้รับความสนใจในจังหวัดได้พอสมควร
ถือวา่ ดำเนินการแลว้ เสรจ็ และบรรลุตามวตั ถปุ ระสงคข์ องโครงงานนท้ี ุกประการ

2. ขอ้ เสนอแนะ
2.1 พัฒนาเป็นเเอพพลิเคชั่นในโทรศัพท์มือถือหรือไอเเพด ในรูปเเบบของระบบปฎิบัติการ ios เเละ

android ได้
2.2 พฒั นาเว็บไซตไ์ ปประยกุ ต์ใชก้ บั ความร้ใู นดา้ นอ่นื ๆได้ เช่น เส้นทางคมนาคม
2.3 พัฒนาเว็บไซต์ให้มีความครบครันมากขึ้น เช่น เพิ่มสถานที่ท่องเที่ยวให้มีความหลากหลายมากขึ้น

เเละเพมิ่ เสน้ ทางคมนามคมภายในภเู ก็ตโดยอาศัยเสน้ ทางจาก โพท้องภูเกต็ Airport bus เเละสองเเถวภเู กต็

บรรณานุกรม

นภัสวรรณ อนิ นา และคณะ. 2563. โครงงานเเอพทอ่ งเที่ยวจังหวดั น่าน.
(ออนไลน์). เเหล่งที่มา : http://www.atc.ac.th . 26 มถิ นุ ายน 2565.

สำนักงานจงั หวดั ภเู ก็ต. 2559. บรรยายสรปุ ข้อมลู จังหวัดภูเกต็ . (ออนไลน์). แหล่งท่ีมา :
https://www.phuket.go.th/webpk/file_data/intropk/dataPK59.pdf. 26 มิถุนายน 2565.

แทนเจอรนิ . 2563. ทำความรู้จกั Google Maps Platform ที่ชว่ ยคุณเพ่ิมโอกาสทางธรุ กิจ. (ออนไลน์).
แหล่งทม่ี า : https://www.tangerine.co.th . 2 กรกฎาคม 2565.

มายดพ์ เี อชพ.ี 2564. แนะนำ GLIDE. (ออนไลน์). แหลง่ ท่ีมา : https://www.mindphp.com . 2 กรกฎาคม
2565.

มหาวิทยาลัยราชภัฏบรุ รี มั ย์. 2565. แนวคิดเกย่ี วกับเว็บไซต.์ (ออนไลน์). แหลง่ ที่มา :
http://dspace.bru.ac.th/xmlui/bitstream/handle/123456789/421/chapter2.pdf?sequen
ce=6&isAllowed=y . 3 กรกฎาคม 2565.

ภาคภูมิ มาตรทอง. 2559. โปรแกรม Google Sheet. (ออนไลน)์ . แหลง่ ท่ีมา : http://www.lib.buu.ac.th.
13 สิงหาคม 2565.

ภาคผนวก