รูปเล่มวิชาโครงงาน

ก

เว็บแอพพลิเคชันแนะนาสถานที่ท่องเที่ยวจังหวัดเลย
่

Loei Travel Guide

โดย

นายทศพล ชูใส 52015642

นางสาวนันทยา กุญแจทอง 52017440

โครงงานนี้เป็ นส่ วนหนึ่งของการศึกษาหลักสู ตรวิทยาศาสตรบัณฑิต
สาขาวิชาเทคโนโลยีสารสนเทศและการสื่ อสารคณะเทคโนโลยีสารสนเทศ
มหาวิทยาลัยศรี ปทุม
ปี การศึกษา 2555

ก

มหาวิทยาลัยศรี ปทุม
คณะเทคโนโลยีสารสนเทศ

โครงงาน
ของ
นายทศพล ชูใส รหัส 52015642
นางสาวนันทยา กุญแจทอง รหัส 52017440

เรื่ อง
เว็บไซต์แนะนาสถานที่ท่องเที่ยว ที่พก และร้านอาหารจังหวัดเลย
ั
(Loei Travel Guide)

ได้รับการตรวจสอบและอนุ มติให้เป็ นส่ วนหนึ่งของการศึกษาตามหลักสู ตรวิทยาศาสตร์ บณฑิต
ั ั
สาขาวิชาเทคโนโลยีสารสนเทศและการสื่ อสาร

เมื่อวันที่

ประธานกรรมการ _____________________________
( )

กรรมการ _____________________________
( )

กรรมการและอาจารย์ที่ปรึ กษา _____________________________
( )

กรรมการและเลขานุการ _____________________________
( )

ข

บทคัดย่อ ระบบเว็บไซต์แนะนาสถานที่ท่องเที่ยว ที่พก และร้านอาหารจังหวัดเลย
ั
(Loei Travel Guide, จานวน 53 หน้า)
โดย นายทศพล ชูใส รหัส 52015642
นางสาวนันทยา กุญแจทอง รหัส 52017440
อาจารย์ทปรึกษา อาจารย์ชฎาพร เกตุมณี
ี่

โครงงาน ระบบเว็บ ไซต์แนะนาสถานที่ ท่ องเที่ ย ว ที่ พ ก และร้ า นอาหารจังหวัดเลยมี
ั
จุ ดประสงค์ในการจัดทาเพื่อเป็ นเว็บไซต์เพื่อศึ กษาระบบ เว็บแอพพลิ เคชัน และเป็ นการพัฒนา
่
ทางด้านการให้บริ การอีกทางด้านหนึ่ งที่ช่วยให้ผูที่สนใจท่องเที่ยวในจังหวัดเลยได้คนหาข้อมูลที่
้ ้
ง่าย และมีขอมูลมากมาย หลากหลาย ผูจดทาได้มีการแนะนาสถานที่ท่องเที่ยว ที่พกร้านอาหารที่
้ ้ั ั
น่ าสนใจบนเว็บไซต์ เพื่อเป็ นการให้ความสะดวกรวดเร็ วในการใช้บริ การและสามารถวางแผน
เตรี ยมการเดินทางได้ และไม่ตองกังวลว่าจะไปเที่ยวจุดไหนดี
้
เว็บไซต์ที่ได้พฒนาขึ้นมานี้เป็ นการทางานผ่านทางอินเตอร์ เน็ต โดยใช้ภาษา Ruby ในการ
ั
เขียนโปรแกรม ซึ่งสามารถเชื่อมต่อกับฐานข้อมูล SQLite ได้
ในการจัดทาโครงงานนี้ ได้นาโปรแกรมสาเร็ จรู ปมาใช้ในการเขียนโปรแกรมเช่น Ruby on
Rails, Adobe Photoshop CS4, Oracle, Microsoft Word 2007 เข้ามาช่วยในการพัฒนาระบบซึ่ ง
ประกอบไปด้วย 2 ส่ วนคื อส่ วนแรกจะนาโปรแกรมสาเร็ จรู ปมาช่ วยในการออกแบบหน้าจอ
(Webpage) ที่ใช้ติดต่อกับผูใช้ส่วนที่สองตัวโปรแกรมของระบบนาเอาภาษา HTML, Ruby มาช่วย
้
ในการเขียนโปรแกรมในส่ วนต่างๆเช่นการเข้าสู่ ระบบการอัพโหลดรู ปภาพการแสดงความคิดเห็น
ต่างๆเป็ นต้น ซึ่งสามารถทาการติดต่อกับฐานข้อมูลได้อย่างสมบูรณ์และมีประสิ ทธิ ภาพ
จากการพัฒนาโครงงานนี้ ทาให้สามารถให้บริ การแก่ผูใช้งานด้านการให้ความรู้ทางด้าน
้
การท่องเที่ยวในจังหวัดเลยได้อย่างสะดวกสบายและรวดเร็ วระบบสามารถตอบสนองความต้องการ
ของผูใช้งานได้
้

ค

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

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

ง

คานา

การจัดทาโครงงาน “เว็บไซต์แนะนาสถานที่ท่องเที่ยว ที่พก และร้านอาหารจังหวัดเลย” นี้
ั
เป็ นส่ วนหนึ่ งของวิชา ICT 492 โครงงานคอมพิวเตอร์ (Computer Project Preparation) ของ
หลักสู ตรวิทยาศาสตร์ บณฑิตคณะเทคโนโลยีสารสนเทศ มหาวิทยาลัยศรี ปทุมสาหรับนักศึกษาปี
ั
สุ ดท้ายเพื่อให้นกศึกษาได้นาความรู ้ ที่เรี ยนมาทั้งหมดมาประยุกต์ใช้ในการพัฒนาระบบเป็ นการ
ั
ทดสอบความรู ้ความสามารถและการเพิ่มประสบการณ์ก่อนสาเร็ จการศึกษาจากสถาบัน
โครงงาน “เว็บไซต์แนะนาสถานที่ท่องเที่ยว ที่พก และร้ านอาหารจังหวัดเลย” จัดทาขึ้น
ั
เพื่อเป็ นการเพิ่มช่องทางในการหาข้อมูลสถานที่ท่องเที่ยว ที่พก และร้านอาหารจังหวัดเลย แก่ผูที่
ั ้
สนใจท่องเที่ยวในจังหวัดเลย เป็ นอีกช่ องทางหนึ่ งที่ช่วยอานวยความสะดวก สบาย ลดค่าใช้จ่าย
ในการค้นหาสถานที่ต่างๆ
ทั้งนี้ผจดทาโครงงานหวังเป็ นอย่างยิงว่าเว็บไซต์น้ ีอาจเป็ นประโยชน์ต่อผูที่มีความสนใจใน
ู้ ั ่ ้
การพัฒนาเว็บไซต์หรื อผูที่สนใจได้มาศึกษาเพิ่มเติมพร้อมทั้งได้นาแนวทางไปพัฒนาต่อยอดให้เกิด
้
ประโยชน์ยงๆขึ้นไป
ิ่
นายทศพล ชูใส
นางสาวนันทยา กุญแจทอง
กันยายน 2555

จ

สารบัญ
หน้ า
หน้าอนุมติั ก
บทคัดย่อ ข
กิตติกรรมประกาศ ค
คานา ง
สารบัญ จ
สารบัญรู ป ช
สารบัญตาราง ฌ
บทที่ 1 บทนา
1.1 ความเป็ นมาและความสาคัญของปั ญหา 1
1.2 วัตถุประสงค์การศึกษา 1
1.3 ขอบเขตการศึกษา 1
1.4 นิยามศัพท์เฉพาะ 2
1.5 ประโยชน์ที่คาดว่าจะได้รับ 2
1.6 แผนการดาเนินงาน 2
1.7 เครื่ องมือที่คาดว่าจะต้องใช้ 3
บทที่ 2 แนวคิด ทฤษฎีและเอกสารที่เกี่ยวข้อง
2.1 ทฤษฎีที่เกี่ยวข้อง 5
2.2 เทคโนโลยีที่ใช้ 5
บทที่ 3 การวิเคราะห์และออกแบบ
3.1 แผนภาพบริ บท( Context Diagram ) 11
3.2 แผนภาพกระแสข้อมูล( Data Flow Diagram ) 11
3.3แผนภาพความสัมพันธ์ระหว่างเอนทิตี (Entity-Relationship Diagram) 13
3.4 ตารางฐานข้อมูล( Data Table ) 15
3.5 ผังงานโครงสร้างระบบ (Flow Chart) 19
3.6 การออกแบบส่ วนเชื่ อมประสานกับผูใช้ (User Interface Design)
้ 22
บทที่ 4 การพัฒนาโปรแกรม
4.1 อุปกรณ์และโปรแกรมที่ใช้ 26
4.2 การทางานทั้งหมดของโปรแกรม 27

ฉ

สารบัญ(ต่ อ)
หน้ า
บทที่ 5 สรุ ปผลการศึกษา การอภิปรายผล และข้อเสนอแนะ
5.1 สรุ ปโครงงาน 30
5.2 ปั ญหาที่เกิดขึ้น 30
5.3 วิธีแก้ปัญหา 31
5.4 ข้อเสนอแนะ 31
บรรณานุกรม 32
ภาคผนวก 33
ประวัติผจดทาโครงงาน
ู้ ั 43

ช

สารบัญรู ป
หน้ า
รู ปที่ 2.1 ตัวอย่างโค้ดภาษารู บี 6
รู ปที่ 2.2 รู ปหน้าเว็ปเมื่อทาการติดตั้ง ruby on rails 7
รู ปที่ 2.3 ตัวอย่างการสร้างฐานข้อมูล 8
รู ปที่ 2.4 ตัวอย่างโค้ด HTML 9
รู ปที่ 2.5 ตัวอย่างโค้ด CSS 10
รู ปที่ 3.1 แผนภาพบริ บท 11
รู ปที่ 3.2 แสดงการสมัครสมาชิก 12
รู ปที่ 3.3 แสดงการเข้าสู่ ระบบสมาชิก 12
รู ปที่ 3.4 แสดงการแก้ไขข้อมูลสมาชิก 12
รู ปที่ 3.5 แสดงการอัพโหลดรู ปภาพ 12
รู ปที่ 3.6 แสดงการแสดงความคิดเห็น 12
รู ปที่ 3.7 แสดงการเลือกใช้ 2 ภาษา 13
รู ปที่ 3.8 เว็บบอร์ ด 13
รู ปที่ 3.9 แสดงความสัมพันธ์ 13
รู ปที่ 3.10 ER Diagram 14
รู ปที่ 3.11 ผังงานโครงสร้างเว็บไซต์โดยรวม 19
รู ปที่ 3.12 ผังงานโครงสร้างผูใช้งานทัวไป
้ ่ 20
รู ปที่ 3.13 ผังงานโครงสร้างการใช้งานของสมาชิก 21
รู ปที่ 3.14 ผังงานโครงสร้างการใช้งานของผูดูแลระบบ
้ 22
รู ปที่ 3.15 แสดงหน้าจอการทางานหน้าแรก 23
รู ปที่ 3.16 แสดงการสมัครสมาชิก 23
รู ปที่ 3.17 แสดงการล็อกอินเข้าสู่ ระบบ 24
รู ปที่ 3.18แสดงการใช้งาน 2 ภาษาคือ ภาษาไทย – อังกฤษ 24
รู ปที่ 3.19 แสดงการพูดคุยสนทนาในเว็บบอร์ด 25
รู ปที่ 3.20 แสดงการอัพโหลดรู ปภาพ 25
รู ปที่ ก.1 หน้าเว็บแนะนาสถานที่ท่องเที่ยว ที่พก ร้านอาหาร จังหวัดเลย
ั 34
รู ปที่ ก.2 แสดงการค้นหาแบบ down drop list 35
รู ปที่ ก.3 แสดงการค้นหาแบบพิมพ์คาในช่องค้นหา 35

ซ

สารบัญรู ป(ต่ อ)
หน้ า
รู ปที่ ก,4 แสดงหน้าเว็บเป็ นภาษาไทย 36
รู ปที่ ก.5 แสดงหน้าเว็บเป็ นภาษาอังกฤษ 36
รู ปที่ ก.6 สมัครสมาชิก 37
รู ปที่ ก.7 ฟ้ อง error กรณี password ไม่เหมือนกัน 37
รู ปที่ ก.8 ฟ้ อง error กรณี e-mail ซ้ ากัน 38
รู ปที่ ก.9 ฟ้ อง error กรณี ชื่อซ้ ากัน 38
รู ปที่ ก.10 ฟ้ อง error กรณี กรอกข้อมูลไม่ครบ 39
รู ปที่ ก.11 แสดงหน้า login 39
รู ปที่ ก.12 แสดงหน้า Login แล้ว 40
รู ปที่ ก.13 เว็บบอร์ ด 40
รู ปที่ ก.14 อัพโหลดรู ปภาพขึ้นเว็บบอร์ ด 41
รู ปที่ ก.15 แก้ไขข้อมูลที่โพสต์ไว้ 41
รู ปที่ ก.16 เว็บบอร์ ดส่ วนของผูใช้งานทัวไป
้ ่ 42

ฌ

สารบัญตาราง
หน้ า
ตารางการดาเนินงาน 3
ตารางที่ 3.1 แสดงรายละเอียดของตารางสมาชิก 15
ตารางที่ 3.2 แสดงรายละเอียดของตารางรู ปภาพ 15
ตารางที่ 3.3 แสดงรายละเอียดของตารางผูดูและระบบ
้ 16
ตารางที่ 3.4 แสดงรายละเอียดของตารางที่พกั 16
ตารางที่ 3.5 แสดงรายละเอียดของตารางร้านอาหาร 17
ตารางที่ 3.6 แสดงรายละเอียดของตารางสถานที่ท่องเที่ยว 17
ตารางที่ 3.7 แสดงรายละเอียดของตารางแสดงความคิดเห็น 18

1

บทที่ 1
บทนา

1.1 ความเป็ นมาและความสาคัญของปัญหา
สังคมปั จจุบนเทคโนโลยีเข้ามามีบทบาทในการดาเนิ นชี วิตของมนุ ษย์มากขึ้น ทาให้การ
ั
ดาเนิ นชี วิตของมนุ ษย์ในปั จจุบนนี้ ได้รับความสะดวกสบาย รวดเร็ ว และทันยุคทันสมัย ด้วย
ั
เทคโนโลยีที่ได้เข้ามามี ส่วนร่ วมในชี วิตประจาวันทางด้านการท่องเที่ยวผูท่ีตองการท่องเที่ ยวใน
้ ้
จังหวัดเลย ผูจดทาได้มีการแนะนาสถานที่ท่องเที่ยว ที่พกร้านอาหารที่น่าสนใจบนเว็บไซต์ เพื่อ
้ั ั
เป็ นการให้ความสะดวกรวดเร็ วในการใช้บริ การและสามารถวางแผนเตรี ยมการเดิ นทางได้ และไม่
ต้องกังวลว่าจะไปเที่ยวจุดไหนดี
เว็บไซต์ที่ได้พฒนาขึ้นมานี้เป็ นการทางานผ่านทางอินเตอร์ เน็ต โดยใช้ภาษา Ruby ในการ
ั
เขียนโปรแกรม ซึ่งสามารถเชื่อมต่อกับฐานข้อมูล SQLite ได้
ผูจดทาได้สนใจด้านการให้บริ การกับผูที่ใช้บริ การ หรื อนักท่องเที่ยว ทางด้านการแนะนา
้ั ้
สถานที่ท่องเที่ยวของจังหวัดเลยเป็ นการเพิ่มช่ องทางให้กบผูใช้บริ การหรื อนักท่องเที่ยวในการหา
ั ้
สถานที่ท่องเที่ยวที่ข้ ึนชื่ อของจังหวัดเลยที่พกที่ดีที่สุดของจังหวัดเลย และร้านอาหารที่ข้ ึนชื่ อของ
ั
จังหวัดเลยผูที่เ ข้ามาใช้บริ การเว็บไซต์ของเราสามารถอัพโหลดรู ปภาพที่ได้ไปท่องเที่ยวมาและ
้
แสดงความคิดเห็ นพร้ อมทั้งสามารถโหวตสถานที่ท่องเที่ยวที่ดีท่ีสุดในจังหวัดเลยขึ้นบนเว็บไซต์
ของเราได้อีกด้วย
1.2 วัตถุประสงค์ การศึกษา
1.2.1 เพื่อแนะนาสถานที่ท่องเที่ยว ที่พก และร้านอาหารในจังหวัดเลย
ั
1.2.2 เพื่อให้ผูใช้บริ การสามารถอัพโหลดรู ปภาพ แสดงความคิดเห็นและสามารถโหวต
้
สถานที่ท่องเที่ยวในจังหวัดเลยได้
1.2.3 เพื่อเป็ นการเพิ่มช่องทางในการค้นหาสถานที่ท่องเที่ยว
1.3 ขอบเขตการศึกษา
1.3.1 ส่ วนของผู้ใช้ งานทัวไป ่
1.3.1.1 สามารถค้นหาสถานที่ท่องเที่ยว ที่พก และร้านอาหารจังหวัดเลยได้
ั
1.3.1.2 สามารถสมัครสมาชิกได้
1.3.2 ส่ วนของผู้ใช้ งานทีเ่ ป็ นสมาชิ ก
1.3.2.1 การลงทะเบียนเป็ นสมาชิก
- ผูใช้สามารถกาหนดชื่อผูใช้ รหัสผ่านได้ในการเข้าสู่ ระบบ
้ ้

2

- ส่ วนของข้อมูลสมาชิก ผูใช้สามารถระบุชื่อ – นามสกุล และอีเมล์ได้
้
1.3.2.2 การใช้ งาน
- สามารถค้นหาสถานที่ท่องเที่ยว ที่พก และร้านอาหารจังหวัดเลย
ั
- สามารถอัพโหลดรู ปภาพได้
- สามารถแสดงความคิดเห็นต่อรู ปภาพต่างๆที่นามาโพสต์ไว้ได้
- สามารถแก้ไขข้อมูลส่ วนตัวได้
- สามารถเลือกภาษาในการเข้าชมเว็บไซต์ได้ 2 ภาษา คือ
ภาษาไทยและภาษาอังกฤษ
- สามารถพูดคุยกับสมาชิกอื่นๆได้ภายในเว็บบอร์ ด
1.3.3 ส่ วนผู้ดูแลระบบ
1.3.3.1.สามารถเพิ่ม ลบ แก้ไข ข้อมูลสถานที่ท่องเที่ยว ที่พก และ
ั
ร้านอาหารได้
1.3.3.2สามารถลบ user ได้
1.4 นิยามศัพท์เฉพาะ
Loei Travel Guide หมายถึง เป็ นการแนะนาสถานที่ท่องเที่ยวจังหวัดเลย รวมถึ งที่พก ั
และร้านอาหารด้วย
1.5 ประโยชน์ ทคาดว่าจะได้ รับ
ี่
1.5.1 คาดว่าผูใช้จะได้รับความพึงพอใจกับข้อมูลต่างๆที่ได้แนะนาเกี่ยวกับจังหวัดเลยไป
้
ทั้งหมด
1.5.2 ผูใช้เกิดความสะดวก รวดเร็ วและทันสมัยในการใช้บริ การการแนะนาสถานที่ต่างๆที่
้
ขึ้นชื่อของจังหวัดเลย
1.6 แผนการดาเนินงาน
1.6.1 ศึกษาแนวคิด ทฤษฎีและเอกสารที่เกี่ยวข้อง
ใช้ระยะเวลา 1 เดือน คือ 13 มกราคม 2555 – 31 มกราคม 2555
1.6.2 ศึกษาเทคโนโลยีที่ใช้
ใช้ระยะเวลา 2 เดือน คือ 17 มกราคม 2555 – 31 กุมภาพันธ์ 2555
1.6.3 การระบุปัญหา
ใช้ระยะเวลา 2 เดือน คือ 17 มกราคม 2555 – 31 กุมภาพันธ์ 2555
1.6.4 การรวบรวมข้อมูลและการจัดการข้อมูล
ใช้ระยะเวลา 1 เดือน คือ 1 มีนาคม 2555 – 15 มีนาคม 2555

3

1.6.5 การวิเคราะห์ขอมูลหรื อการออกแบบระบบและโปรแกรม
้
ใช้ระยะเวลา 1 เดือน คือ 15 มีนาคม 2555 – 31 มีนาคม 2555
1.6.6 การสร้างตัวแบบหรื อการพัฒนาโปรแกรม
ใช้ระยะเวลา 2 เดือน คือ 1 เมษายน 2555 – 31 พฤษภาคม 2555
1.6.7 ทดสอบติดตั้งระบบหรื อการทดสอบตัวแบบ
ใช้ระยะเวลา 2 เดือน คือ 1 มิถุนายน 2555 – 31 กรกฎาคม 2555
1.6.8 จัดทาเอกสาร
ใช้ระยะเวลา 9 เดือน คือ 13 มกราคม 2555 – 10 กันยายน 2555
ตารางการดาเนินงาน
ตารางแสดงผลและดาเนินการ ระยะเวลาดาเนินการ ปี 2555
ตารางแสดงผลและดาเนินการ ระยะเวลาดาเนินการ ปี 2555
ลาดับ กิจกรรม ม.ค. ก.พ. มี.ค. เม.ย. พ.ค. มิ.ย. ก.ค. ส.ค. ก.ย.
1. ศึกษาแนวคิดทฤษฎีและ
เอกสารที่เกี่ยวข้อง
2. ศึกษาเทคโนโลยีที่จะใช้
3. การระบุปัญหา
4. การรวบรวมข้อมูลและการ
จัดการข้อมูล
5. การวิเคราะห์ขอมูลหรื อการ
้
ออกแบบระบบและโปรแกรม
6. การสร้างตัวแบบหรื อการ
พัฒนาโปรแกรม
7. ทดสอบติดตั้งระบบหรื อการ
ทดสอบตัวแบบ
8. จัดทาเอกสาร
ตารางที่ 1.1 ตารางแสดงการดาเนินงาน
1.7เครื่องมือทีคาดว่าจะต้ องใช้
่
1.7.1 ฮาร์ ดแวร์
1.7.1.1 Computer PC
1.7.1.2 Notebook Intel® Core™ i5 RAM 4.00 GB

4

1.7.1.3 Printer
1.7.2 ซอฟต์ แวร์
1.7.2.1 ระบบปฏิบติการใช้ Ubuntu ( 11.10 ) Linux
ั
1.7.2.2 สาหรับเก็บฐานข้อมูลใช้ SQLite
1.7.2.3ภาษาที่ใช้สร้างเว็บไซต์ Ruby On Rail
1.7.2.4ตกแต่งรู ปภาพใช้ Photoshop

5

บทที่ 2
แนวคิด ทฤษฎีและเอกสารที่เกียวข้ อง
่

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

2.2 เทคโนโลยีทใช้ ี่
2.2.1 Ruby
ภาษารู บีสร้างโดย YukihiroMatsumoto หรื อ "Matz"ซึ่ งเริ่ มพัฒนาเมื่อ 24 กุมภาพันธ์ค.ศ.
1993 และออกรุ่ นแรกสู่ สาธารณะใน ค.ศ.1995 ชื่อ "รู บี" ที่แปลว่า ทับทิม นั้นเป็ นหิ นประจาเดือน
เกิดของเพื่อนร่ วมงานของ Matsumoto โดยรู บีไม่ได้ต้ งใจตั้งชื่ อล้อกับ Perl (แปลว่า ไข่มุก) ซึ่ งเป็ น
ั
หินประจาเดือนมิถุนายน ในขณะที่ทบทิมเป็ นหินของเดือนกรกฎาคม
ั
รุ่ นล่าสุ ดคือรู บีคือ 1.9.2
ภาษารู บี เป็ นโอเพนซอร์ ส web application framework ที่พฒนาด้วยภาษา Ruby มีลกษณะ
ั ั
ของ Model-View-Controller(MVC) architecture สนับสนุนให้แอพลิเคชันในโลกถูกพัฒนา
ด้วยโค้ดที่นอยลงกว่าเฟรมเวิร์คอื่น และมี configuration น้อยที่สุด เพื่อความง่ายต่อการประยุกต์ใช้
้
มีหลักการของ "Don't Repeat Yourself" (DRY) คือ สิ่ งไหนที่รู้แล้ว ก็จะไม่ทาซ้ า เช่น ถ้ามอง
ในโค้ดภาษา JAVA, C++ จะเห็น semicolons (;) ทุกๆที่ เพื่อบอกว่าจบบรรทัด แต่ Ruby จะรู ้วาจบ ่
บรรทัด เพราะผูเ้ ขีย นได้กดแป้ น Enter เพื่อที่ จะเริ่ มบรรทัดใหม่ ดังนั้นมันจึ งบันทึ กการเคาะ
แป้ นพิมพ์ ซึ่งใน Rails มีบางข้อตกลงที่เข้าใจระหว่างผูใช้และคอมพิวเตอร์
้

6

Ruby เป็ นภาษาคอมพิวเตอร์ ที่มีลกษณะเป็ นโปรแกรมแปลภาษา (interpreter) เหมือนกับ
ั
Perl , Python, Java เป็ นภาษา script object oriented Ruby มักมีรูปแบบ Syntax คล้ายกับภาษา Perl
และ Python โดยรวมข้อดีของ Perl และ Python ไว้ สิ่ งไหนที่มีใน Perl แต่ไม่มีใน Python หรื อสิ่ ง
่
ไหนที่มีใน Python แต่ไม่มีใน Perl มักจะพบอยูในภาษา Ruby

classUser<ActiveRecord::Base
attr_accessible:name,:email
validates:name,:presence=>true
end

รู ปที่ 2.1 ตัวอย่างโค้ ดภาษารู บี
ที่มา : ( http://th.wikipedia.org เวลา 10.10 น. 25 มีนาคม 2555)

จากตัวอย่าง เป็ นโค้ดในส่ วนของการเช็ครู ปแบบของ name และ email ที่กรอกข้อมูลลง
ไปว่าถูกต้องหรื อเปล่า

2.2.2 Rails
รู บีออนเรลส์ (อังกฤษ: Ruby on Rails: RoR) หรื อนิ ยมเรี ยกสั้นๆ ว่า เรลส์ (Rails) เป็ น
ระบบเฟรมเวิ ร์ ก ส าหรั บ web application แบบโอเพนซอร์ ส ที่ พ ัฒ นาด้ว ยภาษารู บี โดยอิ ง
แนวความคิดแบบ Model-View-Controller (MVC)เป็ นสถาปั ตยกรรมพื้นฐาน
รู บีออนเรลส์ มีชื่อเสี ยงจากความง่ายในการใช้งาน โดยใช้การเขียนโปรแกรมจานวนน้อย
บรรทัด กว่ า และมี ก ารระบุ ค่ า ตั้ง น้อ ยกว่า เฟรมเวิ ร์ ก ที่ อ อกมาก่ อ นหน้ า ตัว อื่ น ๆ การติ ด ตั้ง รู บี
ออนเรลส์ ทาได้โดยผ่านระบบ RubyGems ซึ่ งเป็ นระบบการจัดการส่ วนประกอบในภาษารู บ้ ีอย่าง
เป็ นทางการ
รู บี อ อนเรลส์ เริ่ ม พัฒ นาโดย DavidHeinemeier Hansson เพื่ อ ใช้ก ับ เครื่ อ งมื อ จัด การ
โครงการชื่ อ Basecamp ของบริ ษท 37 Signals ที่เขาทางานอยูรูบีออนเรลส์ ได้เผยแพร่ สู่สาธารณะ
ั ่
ชนเมื่อเดือนกรกฎาคม ค.ศ. 2004 โดยรุ่ นปั จจุบนนั้นคือรุ่ น 2.3 ออกเมื่อวันที่ 15 มีนาคมพ.ศ. 2552
ั

7

รู ปที่ 2.2 รู ปหน้ าเว็ปเมื่อทาการติดตั้ง ruby on rails
ที่มา : ( http://th.wikipedia.org เวลา 21.10 น. 26 มีนาคม 2555)

2.2.3 SQLite
SQLite เป็ นฐานข้อมูลฉบับกระเป๋ าทานองเดียวกับ Access สิ่ งที่แตกต่างกันคือ ฟรี ติดตั้ง
ง่าย ไม่จากัดระบบปฎิ บติการทั้งวินโดวส์ แมค และลิ นุกซ์ สาหรับฐานข้อมูลของ SQLite เป็ น
ั
ลักษณะไฟล์ขอมูลธรรมดา กล่าวคือ เก็บข้อมูลไว้ในไฟล์เพียงไฟล์เดี ยวเช่ นเดี ยวกับ *.mdb ของ
้
Access และ *.mdf ของ SQL Server ดังนั้นเพื่อไม่ให้สับสนก็ควรตั้งชื่ อนามสกุลของไฟล์ที่ไม่ไป
ชนกับฐานข้อมูลตระกูลอื่น ยกตัวอย่างเช่น .db, .dat, .sdb, .s3db เป็ นต้น SQLite เหมาะกับแอป
พลิเคชันแบบ Standalone แต่สามารถนาไปประยุกต์ใช้งานได้หลากหลาย เช่ น ดิ กชิ นนารี แคตา
ล็อคสิ นค้า โปรแกรมแบบสอบถาม การเก็บข้อมูลที่ตองการส่ งเป็ นไฟล์ขอมูลทางเมล์หรื อมือถื อ
้ ้
เป็ นต้น
SQLite เหมาะกับแอปพลิ เคชันแบบ Standalone แต่สามารถนาไปประยุกต์ใช้งานได้
หลากหลาย เช่น ดิกชิ นนารี แคตาล็อคสิ นค้า โปรแกรมแบบสอบถาม การเก็บข้อมูลที่ตองการส่ ง ้
เป็ นไฟล์ขอมูลทางเมล์หรื อมือถือ เป็ นต้น
้
ข้ อดีของ SQLite
 พัฒนาโดย D. Richard Hipp ด้วยภาษา C จานวนโค๊ดรวมๆแล้วประมาณสามหมื่นกว่า

บรรทัด ซึ่ งผูพฒนาได้รับคาชมว่าเป็ นผูที่เข้าใจในวิทยาการด้านคอมพิวเตอร์ อย่างลึกซึ้ ง
้ ั ้

8

 ั
สาหรั บ SQLite น่ า จะเป็ นฐานข้อมู ลที่ นิยมใช้ก นมากที่ สุ ดในโลก เนื่ องจาก เล็ก เร็ ว
แรง และที่สาคัญมากคือ เสถียรและข้อดีอีกที่ไม่พูดไม่ได้คือ ฟรี และ cross-platform เป็ น
ั ้ ้ ุ่
ฐานข้อมูลที่จดเก็บในไฟล์เดียว ไม่ตองมีฝั่ง Server ไม่ตองตั้งค่าใดๆให้ยงยาก
 สามารถใช้ภาษาโปรแกรมได้เกื อบทุกภาษาในโลกนี้ โดยเฉพาะ Lazarus จะมี component

ที่ติดตั้งมาให้พร้อมใช้งานได้เลย
ตัวจัดการ SQLite ก็มีหลายตัว เช่ น
1. ตัวจัดการแบบ Command Line สามารถดาวน์โหลดได้
ที่ http://www.sqlite.org/download.html
2. ตัวจัดการแบบ Program Manager มีหลายตัวครับที่ผมพอรู ้จก เช่น SQLite
ั
Manager FireFox ตัวนี้เด็ดครับ เป็ นตัว Extendtions เสริ มของ FireFox
3. ตัวจัดการแบบ Web Base แนวเดียวกับ phpMyAdmin เช่น phpSQLiteAdmin หรื อหาก
ใครไม่ได้ใช้ AppServ ใช้ตว Wamp ก็จะมีตวจัดการที่เป็ น Web Base แถมมาเช่นกัน
ั ั

ในโปรเจคนี้ ได้นา SQLite มาใช้ในส่ วนของการจัดเก็บข้อมูลต่างๆ เช่ น ข้อมูลของ
ผูใช้งาน สถานที่ท่องเที่ยว ร้านอาหาร เป็ นต้น
้
$ rails generate model User name:string email:string
$rails s

รู ปที่ 2.3 ตัวอย่ างการสร้ างฐานข้ อมูล
ที่มา : ( www.3mistscript.com เวลา 10.10 น. 25มีนาคม 2555
http://my.thaifox.net เวลา 10.20 น. 25มีนาคม 2555)

จากตัวอย่างเป็ นการสร้างฐานข้อมูล โดยใช้ command line ในการสร้างตารางฐานข้อมูล
โดยมีรูปแบบคาสั่งในการสร้างดังนี้
$rails generate model ชื่อตาราง ชื่อคอลัม:ประเภทของข้อมูล ชื่อคอลัม:ประเภทของข้อมูล
่ ่
เช่น$rails generate model User name:string email:string
หมายความว่า$ rails generate model User คือ สร้างตารางเก็บข้อมูลชื่อ User
name:string คือ เก็บชื่อของผูใช้งาน เป็ นข้อความ(String)
้
email:string คือ เก็บอีเมล์ เป็ นข้อความ(String)
$rails sคือ คาสั่งในการรันserver

9

2.2.4 HTML( Hypertext Markup Language )
เป็ นภาษาประเภท Markup Language ที่ใช้ในการสร้างเว็บเพจ HTML ย่อมาจากคาว่า
Hypertext Markup Language โดย Hypertext หมายถึง ข้อความที่เชื่ อมต่อกันผ่านลิ้งค์ (Hyperlink)
Markup หมายถึง วิธีในการเขียนข้อความ language หมายถึงภาษา ดังนั้น HTML จึงหมายถึง ภาษา
่
ที่ใช้ในการเขียนข้อความ ลงบนเอกสารที่ตางก็เชื่อมถึงกันใน cyberspace ผ่าน Hyperlink
HTML มีโครงสร้างประกอบไปด้วย tag และ attribute ต่างๆ ที่ใช้ในการควบคุ มการ
แสดงผลของข้อความ รู ปภาพ หรื อวัตถุอื่น โดยอาศัย tag ต่างๆ สร้างเป็ นเว็บเพจ และให้โปรแกรม
เว็บบราวเซอร์ เช่น IE, Firefox ตีความและแสดงผลเป็ นหน้าเว็บเพจ

<h1>Edit user</h1>
<%=form_for(@user)do|f|%>
<%=render'shared/error_messages',:object=>f.object%>
<divclass="field">
<%=f.label:name%><br/>
<%=f.text_field:name%>
</div>
<divclass="field">
<%=f.label:email%><br/>
<%=f.text_field:email%>
</div>

รู ปที่ 2.4 ตัวอย่างโค้ ดHTML
ที่มา : ( http://www.mindphp.com เวลา 21.55 น. 28 มีนาคม 2555
http://www.w3schools.com เวลา 22.15 น. 28 มีนาคม 2555 )

จากตัวอย่างเป็ นโค้ดในส่ วนของการให้ user สามารถแก้ไขข้อมูลของตัวเองได้ โดย
สามารถแก้ชื่อผูใช้(user) อีเมล์(email) รหัสผ่าน(password) ยืนยันรหัสผ่าน(conconfirmpassword)
้
โดยใช้HTML ร่ วมกับ ภาษา Ruby เพื่อควบคุมการแสดงผลของหน้าเว็บตามที่ตองการ ้

10

2.2.5 CSS (Cascading Style Sheets)
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
body {
margin: 0;
padding: 0;
background: #F7F7F7 url(/images/img01.jpg) repeat left top;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
color: #5A554E;
}
h1, h2, h3 {
margin: 0;
padding: 0;
font-weight: normal;

รู ปที่ 2.5 ตัวอย่างโค้ ด CSS
ที่มา : ( http://www.w3schools.com เวลา 20.45 น. 29 มีนาคม 2555 )

จากตัวอย่างเป็ นโค้ดบางส่ วนที่ใช้ตกแต่งในส่ วนของรู ปแบบหน้าเว็บเพจ ให้ทุกหน้าเว็บ
เพจมีรูปแบบของพื้นหลัง ขนาดของตัวอักษร สี ตวอักษร หัวข้อ ที่มีรูปแบบเหมือนกัน
ั

11

บทที่ 3
การวิเคราะห์ และออกแบบ

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

ค้นหาสถานที่ท่องเที่ยวที่พก ร้านอาหาร
ั

ผูใช้งานทัวไป
้ ่ เลือกใช้ 2 ภาษา
สมัครสมาชิก

แก้ไขเปลี่ยนแปลงและปรับปรุ งเว็บ
ค้นหาสถานที่ท่องเที่ยว ที่พก ร้านอาหาร
ั

แสดงความคิดเห็น
เว็บแนะนาสถานที่
ท่องเที่ยว ที่พก
ั ผูดูแลระบบ
้
อัพโหลดรู ป
เลือกใช้ 2 ภาษา ร้านอาหาร จังหวัดเลย
สามารถลบ user

สมาชิก เข้าสู่ระบบ
แก้ไขข้อมูลส่วนตัว

รู ปที่ 3.1 แผนภาพบริบท

3.2แผนภาพกระแสข้ อมูล( Data Flow Diagram )
แผนภาพกระแสข้อมูลแสดงรายละเอียดต่างๆของการทางานของเว็บแนะนาสถานที่
ท่องเที่ยว

12

ผูใช้งาน
้ ข้อมูล สมัครสมาชิก ข้อมูล แฟ้ มข้อมูล
สมาชิก สมาชิก สมาชิก

รู ปที่ 3.2 แสดงการสมัครสมาชิก

เมล์ และรหัส ข้อมูลสมาชิก
สมาชิก เข้าสู่ระบบ แฟ้ มข้อมูลสมาชิก
่
ผ่าน และไม่ผาน ส่งชื่ อ และรหัส

รู ปที่ 3.3 แสดงการเข้ าสู่ ระบบสมาชิ ก

แก้ไขข้อมูล ข้อมูลสมาชิกใหม่
สมาชิกผูใช้งาน
้ แก้ไขข้อมูลผูใช้
้ แฟ้ มข้อมูลสมาชิก
ข้อมูลสมาชิก ข้อมูล

รู ปที่ 3.4 แสดงการแก้ ไขข้ อมูลสมาชิ ก

รู ปภาพ ข้อมูล
้ อัพโหลดรู ปภาพ ฐานข้อมูล
ข้อมูล
แสดงผล อัพเดท
สถานะ

รู ปที่ 3.5 แสดงการอัพโหลดรู ปภาพ

แสดงความ
แสดงความ ข้อมูล
้ คิดเห็น ฐานข้อมูล
ข้อมูล คิดเห็น ข้อมูล
แฟ้ มข้อมูลความคิดเห็น

รู ปที่ 3.6 แสดงการแสดงความคิดเห็น

13

เลือก ข้อมูล
้ เลือกใช้ 2 ภาษา ฐานข้อมูล
ภาษา ข้อมูล

รู ปที่ 3.7 แสดงการเลือกใช้ 2 ภาษา

แสดงความ
ข้อมูล
ผูใช้งาน
้ คิดเห็น เว็บบอร์ด ฐานข้อมูล
ข้อมูล
ข้อมูล

รู ปที่ 3.8 เว็บบอร์ ด
3.3แผนภาพความสั มพันธ์ ระหว่างเอนทิตี (Entity-Relationship Diagram)
แผนผังแสดงความสัมพันธ์ระหว่างเอนทิตี คือ แผนภาพที่ใช้เป็ นเครื่ องมือสาหรับจาลอง
ข้อมูลประกอบไปด้วยเอนทิตีและความสัมพันธ์ระหว่างข้อมูล ที่เกิดขึ้นทั้งหมดและเป็ นการแสดง
ความสัมพันธ์ระหว่างตารางข้อมูล (Data Table)

Photo Users Comment

Vote

รู ปที่ 3.9 แสดงความสั มพันธ์

14

3.3.2 ER Diagram

RESTAURANT
PK ID_ RESTAURANT
FK NAME_ RESTAURANT
DETAIL
COMMENT
PK ID_ COMMENT
DETAIL
FK1 ID_USER
ACCOMMODATION FK2 ID_LOCATION
PK ID_ACC FK3 ID_RESTAURANT
FK NAME_ACC FK4 ID_ ACC USER
DETAIL
PK ID_USER
FK NAME
LOCATION FK EMAIL
PK ID_ LOCATION PASSWORD
FK1 NAME_ LOCATION
DETAIL
FK2 ID_ ACC
FK3 ID_ RESTAURANT
FK4 ID_PICTURE

ADMIN Picture
PK ID_ ADMINS PK ID_PICTURE
FK ADMINS_USERNAME URL_PICTURE
ADMINS_PASSWORD FK ID_USER

รู ปที่ 3.10 ER Diagram

15

3.4ตารางฐานข้ อมูล( Data Table )
การออกแบบแฟ้ มข้อมูลเป็ นการออกแบบโดยนาข้อมูลนาเข้า และข้อมูลนาออกทั้งหมดมา
ออกแบบแฟ้ มข้อมูล โดยมีการกาหนด ชื่ อเขตข้อมูล คาอธิ บาย ประเภทของข้อมูล ขนาดของข้อมูล
และการกาหนดความสัมพันธ์ของข้อมูล ซึ่ งตารางแฟ้ มข้อมูลมีดงนี้
ั
ชื่อตาราง USER
วัตถุประสงค์ เพื่อบันทึกข้อมูลสมาชิก
ตารางที่ 3.1แสดงรายละเอียดของตารางสมาชิก
ลาดับ คุณสมบัติ คาอธิบาย ขนาด ประเภท ค่าเริ่มต้ น ตรวจสอบ ประเภทคีย์
(Sequence (Attribute) (Description) (Width) (Type) (Default) ความถูกต้ อง (Key
No.) (Validation Type)
Check)
1 ID_USER รหัสผูใช้
้ 15 Character - NOT NULL PK
2 NAME ชื่อ 30 Character - NOT NULL FK
3 EMAIL อีเมล์ 30 Character - NOT NULL FK
4 PASSWORD รหัสผ่าน 15 INT - NOT NULL

ตารางที่ 3.1แสดงรายละเอียดของตารางสมาชิก

ชื่อตาราง Picture
วัตถุประสงค์ เพื่อบันทึกข้อมูลรู ปภาพ
ตารางที่ 3.2แสดงรายละเอียดของตารางรู ปภาพ
Check)
ID_
1 รหัส 30 Character - NOT NULL PK
PICTURE
URL_
2 urlรู ปภาพ 30 Character - NOT NULL
PICTURE
้ 15 Character - NOT NULL FK

ตารางที่ 3.2 แสดงรายละเอียดของตาราง

16

ชื่อตาราง ADMIN
วัตถุประสงค์ เพื่อบันทึกข้อมูลผูดูและระบบ
้
ตารางที่ 3.3แสดงรายละเอียดของตารางผูดูและระบบ
้
ลาดับ คุณสมบัติ คาอธิบาย ขนาด ประเภท ค่าเริ่มต้ น ตรวจสอบ ประเภท
(Sequence (Attribute) (Description) (Width) (Type) (Default) ความถูกต้ อง คีย์
No.) (Validation (Key
Check) Type)
เลขที่ของ NOT
1 ID_ ADMINS 10 Character PK
ผูดูแล
้ NULL
ADMINS_ ชื่อผูใช้ของ
้ NOT
2 30 Character FK
USERNAME ผูดูแล
้ NULL
รหัสผ่าน NOT
3 ADMINS_PASSWORD 30 Character
ของผูดูแล ้ NULL

ตารางที่ 3.3 แสดงรายละเอียดของตารางผู้ดูและระบบ

ชื่อตาราง ACCOMMODATION
วัตถุประสงค์ เพื่อบันทึกข้อมูลที่พก
ั
ตารางที่ 3.4แสดงรายละเอียดของตารางที่พก
ั
Check)
1 ID_ ACC รหัสที่พก
ั 30 Character - NOT NULL PK
2 NAME_ACC ชื่อสถานที่ 30 Character - NOT NULL FK
3 DETAIL รายละเอียด 300 Character - NOT NULL

ตารางที่ 3.4แสดงรายละเอียดของตารางทีพก
่ ั

17

ชื่อตาราง RESTAURANT
วัตถุประสงค์ เพื่อบันทึกข้อมูลร้านอาหาร
ตารางที่ 3.5แสดงรายละเอียดของตารางร้านอาหาร
Check)
ID_ รหัส
1 15 Character - NOT NULL PK
RESTAURANT ร้านอาหาร
NAME_
2 ชื่อสถานที่ 30 Character - NOT NULL FK
RESTAURANT

ตารางที่ 3.5 แสดงรายละเอียดของตารางร้ านอาหาร

ชื่อตาราง LOCATION
วัตถุประสงค์ เพื่อบันทึกข้อมูลสถานที่ท่องเที่ยว
ตารางที่ 3.6แสดงรายละเอียดของตารางสถานที่ท่องเที่ยว
(Sequence (Attribute) (Description) (Width) (Type) (Default) ความถูกต้ อง (Key Type)
No.) (Validation
Check)

1 ID_ LOCATION รหัสสถานที่ 15 Character - NOT NULL PK
NAME_
2 ชื่อสถานที่ 30 Character - NOT NULL FK1
LOCATION
ั 30 Character - NOT NULL FK2
ID_ รหัส
5 15 Character - NOT NULL FK3
RESTAURANT ร้านอาหาร
6 ID_PICTURE รหัส 30 Character - NOT NULL FK4

ตารางที่ 3.6แสดงรายละเอียดของตารางสถานที่ท่องเที่ยว

18

ชื่อตาราง COMMENT
วัตถุประสงค์ เพื่อบันทึกข้อมูลการแสดงความคิดเห็น
ตารางที่ 3.7แสดงรายละเอียดของตารางแสดงความคิดเห็น
Check)

รหัสแสดง NOT
1 ID_ COMMENT 15 Character - PK
ความคิดเห็น NULL
NOT
2 DETAIL รายละเอียด 300 Character -
NULL
NOT
้ 15 Character - FK1
NULL
รหัสสถานที่ NOT
4 ID_ LOCATION 30 Character - FK2
ท่องเที่ยว NULL
ID_ รหัส NOT
5 15 Character - FK3
RESTAURANT ร้านอาหาร NULL
NOT
ั 15 Character - FK4
NULL

ตารางที่ 3.7แสดงรายละเอียดของตารางแสดงความคิดเห็น

19

3.5ผังงานโครงสร้ างระบบ (Flow Chart)

3.5.1 ผังงานโครงสร้ างเว็บไซต์ โดยรวม

Start

หน้าแรกของเว็บไซต์

Y ค้นหาสถานที่ท่องเที่ยว ที่พก
ั
ผูใช้งานทัวไป
้ ่ และร้านอาหารจังหวัดเลยได้ ,
ดูขอมูลในเว็บบอร์ด, สมัครสมาชิก
้

N
ค้นหาสถานที่ท่องเที่ยว ที่พก ร้านอาหาร,
ั
Y พูดคุยในเว็บบอร์ด, แสดงความคิดเห็น,
สมาชิก
อัพโหลดรู ปภาพได้, แก้ไขข้อมูลส่ วนตัว

N

Y แก้ไขข้อมูล ข่าวสาร ภายในเว็บไซต์,
admin จัดการกับผูใช้งาน
้

N

End

รู ปที่ 3.11 ผังงานโครงสร้ างเว็บไซต์ โดยรวม

20

3.5.2 ผังงานโครงสร้ างผู้ใช้ งานทัวไป
่

Start


Y แสดงข้อมูลสถานที่ท่องเที่ยว
ค้นหา ที่พก ร้านอาหารจังหวัดเลย
ั

N

Y แสดงข้อมูลในการพูดคุย
เว็บบอร์ด ในเว็บบอร์ด

N

แสดงรายละเอียดในการสมัคร กรอก
Y
สมัครสมาชิก ข้อมูล ทาการบันทึกข้อมูล

N

End

รู ปที่ 3.12ผังงานโครงสร้ างผู้ใช้ งานทัวไป
่

21

3.5.3 ผังงานโครงสร้ างการใช้ งานของสมาชิก

Start


Y แสดงข้อมูลสถานที่ท่องเที่ยว
ค้นหา
ที่พก ร้านอาหารจังหวัดเลย
ั

N

Y แสดงข้อมูลในการพูดคุย
เว็บบอร์ด
ในเว็บบอร์ด

N

Y
อัพโหลดรู ปภาพ แสดงรู ปภาพที่อพ โหลด
ั

N

แสดงความ Y แสดงข้อความที่แสดง
คิดเห็น ความคิดเห็น
N

Y
แก้ไขข้อมูล แสดงข้อมูลที่แก้ไขเรี ยบร้อย

N

End
รู ปที่ 3.13 ผังงานโครงสร้ างการใช้ งานของสมาชิก

22

3.5.4 ผังงานโครงสร้ างการใช้ งานของผู้ดูแลระบบ

Start

กรอก username และ password

N
ตรวจสอบ

Y

จัดการข้อมูลต่างๆ

End

รู ปที่ 3.14 ผังงานโครงสร้ างการใช้ งานของผู้ดูแลระบบ

3.6 การออกแบบส่ วนเชื่ อมประสานกับผู้ใช้ (User Interface Design)
การออกแบบการเชื่อมประสานกับผูใช้งานคือการออกแบบส่ วนของเว็บไซต์ที่เกี่ยวข้องกับ
้
การมองเห็นการได้ยนหรื อการสัมผัสกับผูใช้โดยส่ วนนี้สร้างขึ้นเพื่อแสดงข้อมูลที่สามารถติดต่อกับ
ิ ้
ผูใช้
้

23

รู ปที่ 3.15แสดงหน้ าจอการทางานหน้ าแรก

รู ปที่ 3.15 แสดงหน้าจอการทางานหน้าแรก ผูใช้งานทัวไป และผูใช้งานที่เป็ นสมาชิก
้ ่ ้
สามารถเข้าใช้งานได้ในส่ วนของการค้นหาสถานที่ท่องเที่ยว ที่พก และร้านอาหารจังหวัดเลยได้
ั
เท่านั้น

รู ปที่ 3.16แสดงการสมัครสมาชิก

รู ปที่ 3.16แสดงการสมัครสมาชิก ผูใช้งานกรอกชื่อ อิเมล์ พาสเวิร์ด และคอนเฟิ ร์มพาส
้
เวิร์ด โดยชื่ อผูใช้สามารใช้ซ้ ากันได้ อิเมล์หามซ้ ากันได้
้ ้

24

รู ปที่ 3.17 แสดงการล็อกอินเข้ าสู่ ระบบ

รู ปที่ 3.17 แสดงการล็อกอินเข้าสู่ ระบบ เพื่อสมาชิกสามารถใช้งานได้ในส่ วนของการอัพ
โหลดรู ปภาพ แสดงความคิดเห็นต่อรู ป โหวตสถานที่ต่างๆ และสามารถแก้ไขข้อมูลส่ วนตัวได้

รู ปที่ 3.18 แสดงการใช้ งาน 2 ภาษาคือ ภาษาไทย – อังกฤษ

รู ปที่ 3.18แสดงการใช้งาน 2 ภาษาคือ ภาษาไทย – อังกฤษผูใช้งานสามารถเลือกใช้ได้ตาม
้
ความถนัด

25

รู ปที่ 3.19แสดงการพูดคุยสนทนาในเว็บบอร์ ด

รู ปที่ 3.19แสดงการพูดคุยสนทนาในเว็บบอร์ ด ผูใช้งานทัวไปและสมาชิกสามารถพูดคุย
้ ่
แลกเปลี่ยนความคิดเห็น ข้อมูลต่างๆได้

รู ปที่ 3.20แสดงการอัพโหลดรู ปภาพ
รู ปที่ 3.20แสดงการอัพโหลดรู ปภาพ เป็ นการใช้งานส่ วนของสมาชิก สามารถอัพโหลด
รู ปภาพต่างๆที่สมาชิกอื่นๆได้ทาการมาโพสต์ไว้ได้เพื่อเป็ นข้อมูลในการจะเดินทางไป

26

บทที่4
การพัฒนาโปรแกรม

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

4.1 อุปกรณ์ และโปรแกรมทีใช้ ่
4.1.1 อุปกรณ์ ทใช้
่ี
4.1.1.1Processor: Intel® Core™ i5-2430M CPU @ 2.40GHz 2.40 GHz
4.1.1.2 Installed memory (RAM) 4.00 GB
4.1.1.3 System type: 32-bit Operating System
4.1.1.4การ์ดจอNVIDIAGeForce with CUDA™

4.1.2โปรแกรมทีใช้ ในการพัฒนาโครงงานประกอบด้ วย
่
โปรแกรมที่ใช้ในการพัฒนาเว็บไซต์แนะนาสถานที่ท่องเที่ยว ที่พก ร้านอาหาร จังหวัดเลย
ั
(Loei TravelGuide)ประกอบไปด้วยโปรแกรมต่าง ดังตารางที่ 4.1

ตารางที่ 4.1 โปรแกรมที่ใช้ในการพัฒนาเว็บไซต์แนะนาสถานที่ท่องเที่ยว ที่พก ร้านอาหาร จังหวัดเลย
ั
ชื่อโปรแกรม นามาใช้ เพือ
่ เลือกเพราะ
Adobe Photoshop CS4 ใช้ในการตกแต่งภาพ เป็ นโปรแกรมที่ใช้งานง่าย มี
ความสามารถในการตกแต่งรู ปภาพ
ต่างๆได้อย่างมีประสิ ทธิ ภาพและ
สวยงาม
Microsoft Office Word2007 ใช้ในการจัดทาเอกสาร เป็ นโปรแกรมที่ใช้งานง่ายในการ
โครงงาน จัดทาเอกสารโครงงาน

27

Ruby on Rails ใช้ในการเขียนโปรแกรม เป็ นเทคโนโลยีที่ไม่เคยใช้งาน และมี
เว็บไซต์แนะนาสถานที่ มีความน่าสนใจในการใช้งาน
ั
ร้านอาหารจังหวัดเลย
Microsoft Office Visio2007 ใช้ในการจัดทาแผนภาพ เป็ นโปรแกรมที่ใช้งานง่ายในการ
ตารางไดอะแกรม สร้างแผนภาพไดอะแกรม และตาราง
ในการแสดงความสัมพันธ์ของแต่ล่ะ
ตาราง
Microsoft Office ใช้ในการทาเอกสาร เป็ นโปรแกรมที่ใช้งานง่ายในการ
PowerPoint2007 ประกอบการนาเสนอ นาเสนอข้อมูลต่างๆของโครงงาน
และมีลูกเล่นมากมายในการนาเสนอ
เพื่อความเข้าใจที่มากขึ้น
SQLite ใช้ในการจัดเก็บข้อมูลลง เป็ นโปรแกรมที่ใช้งานง่ายในการ
ฐานข้อมูล จัดการกับฐานข้อมูล และใช้ควบคู่กบ
ั
Ruby on Rails

4.2 การทางานทั้งหมดของโปรแกรมมีกระบวนการทั้งหมดดังนี้

ตารางที่ 4.2แสดงกระบวนการการทางานของกระบวนการ1.0หน้าหลัก
กระบวนการ 1.0 หน้าหลัก
ชื่อกระบวนการ อธิบายการทางาน หมายเหตุ
ผูใช้งานทัวไป - สามารถเลือกภาษาได้ 2 ภาษา คือ ภาษาไทย และ
้ ่
ภาษาอังกฤษ
- สามารถค้นหาสถานที่ท่องเที่ยว ที่พก และ
ั
ร้านอาหารจังหวัดเลยได้
สมาชิก - สามารถเลือกภาษาได้ 2 ภาษา คือ ภาษาไทย และ
ภาษาอังกฤษ
- สามารถค้นหาสถานที่ท่องเที่ยว ที่พก และ
ั
- สามารถแสดงความคิดเห็นรู ปภาพสถานที่ท่องเที่ยว

28

ที่พก และร้านอาหารจังหวัดเลยได้
ั
- สามารถโหวตสถานที่ท่องเที่ยว ที่พก และ
ั
- สามารถอัพโหลดรู ปภาพสถานที่ท่องเที่ยว ที่พก
ั
และร้านอาหารจังหวัดเลยได้
- สามารถแสดงความคิดเห็นต่างๆภายในเว็บบอร์ ดได้

ตารางที่ 4.3แสดงกระบวนการการทางานของกระบวนการ2.0สมัครสมาชิก

กระบวนการ2.0สมัครสมาชิก
สมัครสมาชิก เป็ นกระบวนการในการสมัครสมาชิกเพื่อเข้าสู่ ระบบ
การทางานต่างๆของเว็บไซต์ โดยกรอกข้อมูลในการ
สมัครสมาชิกดังนี้ ชื่อสามารถซ้ ากันได้
1. ชื่อผูใช้
้ ไม่สามารถซ้ ากันได้
2. e-mail อย่างน้อย 6 ตัวอักษร
3. พาสเวิร์ดในการเข้าระบบ
4. คอนเฟิ ร์มพาสเวิร์ด

ตารางที่ 4.4 แสดงกระบวนการการทางานของกระบวนการ3.0 ค้นหาสถานที่ท่องเที่ยว ที่พก และ
ั
ร้านอาหารจังหวัดเลย

กระบวนการ 3.0 ค้ นหาสถานที่ท่องเทียว ทีพก และร้ านอาหารจังหวัดเลย
่ ่ ั
ค้นหาสถานที่ เป็ นกระบวนการในการค้นหาสถานที่ท่องเที่ยว ที่
ท่องเที่ยว ที่พก พัก และร้านอาหารจังหวัดเลย ซึ่งจะมีวธีการ
ั ิ
และร้านอาหาร ค้นหา 2 แบบ คือ 1. ค้นหาแบบพิมพ์คาค้นหาใน
จังหวัดเลย ช่อง2. ค้นหาแบบDropdownlistตามอาเภอต่างๆ

29

ตารางที่ 4.5 แสดงกระบวนการการทางานของกระบวนการ4.0 อัพโหลดรู ปภาพสถานที่ท่องเที่ยว
ที่พก และร้านอาหารจังหวัดเลย
ั

กระบวนการ 4.0 อัพโหลดรู ปภาพสถานที่ท่องเที่ยว ที่พก และร้านอาหารจังหวัดเลย
ั
อัพโหลดรู ปภาพ เป็ นกระบวนการในอัพโหลดรู ปภาพสถานที่ท่องเที่ยว
สถานที่ ที่พก และร้านอาหารจังหวัดเลย เพื่อเป็ นการแนะนา
ั
ท่องเที่ยว ที่พก สถานที่ท่องเที่ยว ที่พก และร้านอาหารในมุมที่ใคร
ั ั
และร้านอาหาร บางคนไม่เคยได้ไป หรื อไปมาแล้วมาแชร์ กน ั
จังหวัดเลย

ตารางที่ 4.6 แสดงกระบวนการการทางานของกระบวนการ5.0 แสดงความคิดเห็นต่อรู ปภาพ
สถานที่ท่องเที่ยว ที่พก และร้านอาหารจังหวัดเลย
ั

กระบวนการ 5.0 แสดงความคิดเห็นต่อรู ปภาพสถานที่ท่องเที่ยว ที่พก และร้านอาหารจังหวัดเลย
ั
แสดงความ เป็ นกระบวนการในการแสดงความคิดเห็นต่อรู ปภาพ
คิดเห็นต่อ สถานที่ท่องเที่ยว ที่พก และร้านอาหารจังหวัดเลย ที่
ั
รู ปภาพสถานที่ สมาชิกได้นามาโพสต์ไว้
ั
และร้านอาหาร
จังหวัดเลย

ตารางที่ 4.7 แสดงกระบวนการการทางานของกระบวนการ6.0 เว็บบอร์ ด

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

30

บทที่ 5
สรุ ปผลการศึกษา การอภิปรายผล และข้ อเสนอแนะ

5.1 สรุ ปโครงงาน
โครงงานเว็ บ ไซต์ แ นะน าสถานที่ ท่ อ งเที่ ย ว ที่ พ ัก ร้ า นอาหาร จั ง หวัด เลย (Loei
ั
TravelGuide)จัดทาขึ้นโดยออกแบบโครงสร้างในรู ปแบบของเว็บไซต์กบฐานข้อมูลเพื่อรองรับการ
ใช้งานของผูใช้งาน
้
โครงงานเว็ บ ไซต์ แ นะน าสถานที่ ท่ อ งเที่ ย ว ที่ พ ัก ร้ า นอาหาร จั ง หวัด เลย (Loei
TravelGuide)เป็ นอีกช่ องทางเลือกหนึ่ งที่ให้ผใช้ที่สนใจในการท่องเที่ยวจังหวัดเลยได้รับข่าวสาร
ู้
ต่างๆ
โดยเว็บไซต์ท่ีจดทาขึ้นเป็ นเว็บไซต์ที่ผใช้สามารถเลือกใช้ได้ 2 ภาษา คือ ภาษาไทยและ
ั ู้
ภาษาอังกฤษ โดยทางเว็บไซต์จะมีผใช้งาน 2 แบบ คือ ผูใช้งานที่เป็ นผูใช้งานทัวไป สามารถเข้า
ู้ ้ ้ ่
ชมข้อมูลของสถานที่ท่องเที่ยว ที่พก ร้านอาหารจังหวัดเลยได้ และสามารถสมัครสมาชิ กได้ ส่ วน
ั
ผูใช้งานที่เป็ นสมาชิก สามารถดูขอมูลสถานที่ท่องเที่ยว ที่พก ร้านอาหาร จังหวัดเลยได้ สามารถ
้ ้ ั
พูดคุ ยกับสมาชิ กผูอื่นได้ผ่านทางเว็บบอร์ ด สามารถอัพโหลดรู ปภาพ แสดงความคิ ดเห็ น และ
้
โหวตสถานที่ท่องเที่ยว ที่พก ร้านอาหารจังหวัดเลยได้ แต่ยงมีบางส่ วนที่ยงไม่สมบูรณ์เนื่ องจาก
ั ั ั
ได้ใช้โปรแกรมและภาษาที่ใช้ในการสร้างเว็บไซต์ที่ไม่เคยได้ใช้มาก่อนนันคือ ภาษารู บี ซึ่ งต้อง
่
ท างานบนระบบปฏิ บ ัติ ก ารอู บุ น ตู ( ubuntu) อี ก ทั้ง ยัง ขาดการวางแผนในการท างานในด้า น
ระยะเวลาในการทางานอีกด้วย

5.2 ปัญหาทีเ่ กิดขึน
้
5.2.1 ปั ญหาในเรื่ องการใช้โปรแกรม และภาษาที่ใช้ในการเขียนเว็บไซต์ เพราะเป็ น
โปรแกรมและภาษาที่ไม่เคยได้ใช้มาก่อน ทาให้ตองเสี ยเวลาในการเรี ยนรู ้ใหม่ค่อนข้างเยอะ แต่ได้
้
อาจารย์ที่ปรึ กษาโครงงานเป็ นผูสอนหลักการเบื้องต้น และคอยชี้ แนะ ช่วยเหลือตลอดเวลาในการ
้
ใช้โปรแกรม
5.2.2 ปั ญหาในการลงโปรแกรมที่ใช้ในการเขียนโปรแกรม เพราะเวอร์ ชนบางตัวไม่มี
ั่
ความเสถียรในการใช้งานควบคู่กบโปรแกรมในการจัดการฐานข้อมูล ทาให้ตองอัพเดตโปรแกรม
ั ้
ตลอดเวลา
5.2.3 ปั ญหาในการเขียนโปรแกรมเว็บไซต์ 2 ภาษา คือ ภาษาไทยและภาษาอังกฤษ ใน
ส่ วนของภาษาอังกฤษเป็ นส่ วนที่ทาได้ยาก เพราะผูจดทาโครงงานไม่มีความสามารถเพียงพอใน
้ั

31

การใช้ภาษาอังกฤษ ทาให้ตองเสี ยเวลาในการหาข้อมูลที่เป็ นภาษาอังกฤษ และให้เพื่อนๆที่มีความ
้
ถนัดทางด้านภาษาอังกฤษช่วยเหลือ
5.2.4 ปัญหาในการจัดทาเอกสารเพราะผูจดทาโครงงานขาดความรู้ความเข้าใจในการจัดทา
้ั
เอกสาร ทาให้ตองแก้ไขเอกสารตลอดเวลา แต่ได้อาจารย์ที่ปรึ กษาโครงงานคอยช่วยเหลือ แนะนา
้
ชี้แจงตลอดเวลา ทาให้การจัดทาเอกสารผ่านไปได้ดวยดี
้

5.3วิธีแก้ปัญหา
5.3.1 ศึกษา สอบถามอาจารย์ เกี่ยวกับภาษาและโปรแกรมที่ใช้ในการเขียนโปรแกรมว่า
ควรเขียนในลักษณะไหน
5.3.2 ปัญหาทางด้านการลงโปรแกรมได้ทาการค้นหาโปรแกรมทางอินเตอร์เน็ตและได้รับ
ความอนุเคราะห์จากอาจารย์ที่ปรึ กษาในการให้คาแนะนาในการลงโปรแกรม
5.3.3 ปัญหาในด้านการเขียนเว็บไซต์ 2 ภาษา ได้ทาการใช้อินเตอร์ เน็ตช่วยในการแปละ
ภาษา และโปรแกรมสาเร็ จรู ปในการแปลภาษาต่างๆ
5.3.4 ปั ญหาด้านการจัดทาเอกสาร ได้ทาการศึกษารู ปแบบการจัดทาจากโครงงานของรุ่ น
ก่อนๆ และศึกษาแบบฟอร์ มจากอินเตอร์ เน็ต

5.4 ข้ อเสนอแนะ
5.4.1 ควรศึกษาภาษาและโปรแกรมที่ใช้ในการเขียนเว็บไซต์ให้มากขึ้นเพื่อให้เกิ ดความ
ชานาญและความเข้าใจในการใช้งานได้อย่างมีประสิ ทธิ ภาพ
5.4.2 ควรศึ กษาถึ งการทางานในการจัดการฐานข้อมูลให้เหมาะสมกับเว็บไซต์หรื อเว็บ
แอพพลิเคชันที่ตองการทาขึ้น
่ ้
5.4.3 ผูพฒนาเว็บ ไซต์หรื อเว็บแอพพลิ เคชันควรตระหนักถึ งการจัดรู ปแบบของSource
้ ั ่
code การเขียนคอมเม้นไว้ในแต่ละส่ วนการทางาน เพื่อง่ายต่อการนาไปพัฒนาต่อ หรื อแก้ไข

32

บรรณานุกรม

ข้อมูลจังหวัดเลย. เข้าถึงได้จาก :http://thai.tourismthailand.org.

(วันที่คนข้อมูล : 29 เมษายน 2555).
้

นวรัตน์ ธนะรุ่ งรักษ์ และ ประเวศน์ วงษ์คาชัย. การพัฒนาเว็บแอปพลิเคชันแบบ Agile ด้วย Rails
่

และ Ruby. พิมพ์ครั้งที่ 1. สานักพิมพ์ เคทีพี. 2549.

วิกิพีเดีย สารานุกรมเสรี . เข้าถึงได้จาก :http://th.wikipedia.org/wiki.

(วันที่คนข้อมูล : 29 เมษายน 2555).
้

วีระศักดิ์ ซึ งถาวร. Ruby on Rails. พิมพ์ครั้งที่ 1. สานักพิมพ์ ไอนิม. 2552.

Ruby on Rails . เข้าถึงได้จาก : http://ruby.railstutorial.org/ .

(วันที่คนข้อมูล : 19 พฤษภาคม 2555).
้

34

คู่มือการใช้ งาน

6.1 โปรแกรมทีต้องใช้ ในระบบ
่

6.1.1 Ruby on rails

6.1.2 SQLite

6.1.3 Computer Notebook

- Notebook Intel® Core™ i5

- หน่วยความจา 4.00 GB

6.2 คู่มือการใช้ งาน

หน้าเว็บแนะนาสถานที่ท่องเที่ยว ที่พก ร้านอาหาร จังหวัดเลย
ั

รู ปที่ ก.1 หน้ าเว็บแนะนาสถานที่ท่องเทียว ทีพก ร้ านอาหาร จังหวัดเลย
่ ่ ั

35

ค้นหาสถานที่ท่องเที่ยว ที่พก และร้านอาหาร จังหวัดเลย ในแบบ down drop listโดย
ั
ค้นหาตามอาเภอ สามารถใช้งานได้ท้ งผูใช้งานทัวไปและสมาชิก
ั ้ ่

รู ปที่ ก.2 แสดงการค้ นหาแบบ down drop list

ค้นหาสถานที่ท่องเที่ยว ที่พก และร้านอาหาร จังหวัดเลย ในช่องค้นหาสาหรับผูท่ีทราบ
ั ้
ชื่อสถานที่ท่องเที่ยว ที่พก ร้านอหาร จังหวัดเลย เพื่อประหยัดเวลาในการค้นหา สามารถใช้งานได้
ั
ทั้งผูใช้งานทัวไปและสมาชิก
้ ่

รู ปที่ ก.3แสดงการค้ นหาแบบพิมพ์คาในช่ องค้ นหา

36

เลือกภาษาในการรับชมเว็บไซต์ได้ 2 ภาษา คือ ภาษาไทย และ ภาษาอังกฤษ สามารถใช้
งานได้ท้ งที่เป็ นผูใช้งานทัวไปและสมาชิก
ั ้ ่

รู ปที่ ก,4แสดงหน้ าเว็บเป็ นภาษาไทย

รู ปที่ ก.5แสดงหน้ าเว็บเป็ นภาษาอังกฤษ

37

สมัครสมาชิกเพื่อสามารถแลกเปลี่ยนความคิดเห็นต่างๆได้ในเว็บบอร์ ด สามารถอัพโหลด
รู ปภาพได้โดยกรอกรายละเอียดในการสมัครสมาชิกดังนี้ คือ ชื่อ (ไม่สามารถซ้ ากันได้) อีเมล์ (ไม่
สามารถซ้ ากันได้) พาสเวิร์ด และคอนเฟิ ร์ มพาสเวิร์ด รู ปภาพประจาตัว

รู ปที่ ก.6สมัครสมาชิก

รู ปที่ ก.7 ฟอง error กรณี passwordไม่ เหมือนกัน
้

38

รู ปที่ ก.8 ฟอง error กรณี e-mail ซ้ากัน
้

รู ปที่ ก.9ฟอง error กรณี ชื่อซ้ากัน
้

39

รู ปที่ ก.10ฟอง error กรณีกรอกข้ อมูลไม่ ครบ
้

รู ปที่ ก.11Login เข้ าระบบ

รู ปที่ ก.11 แสดงหน้ า login

40

รู ปที่ ก.12แสดงหน้ า Login แล้ว

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

รู ปที่ ก.13เว็บบอร์ ด

41

ส่ วนของการอัพรู ปภาพขึ้นบนเว็บบอร์ ดสมาชิกใช้ได้เท่านั้นโดยการเพิมรู ปภาพและหัวข้อ
่
ต่างๆ

รู ปที่ ก.14อัพโหลดรู ปภาพขึนเว็บบอร์ ด
้

รู ปที่ ก.15แก้ ไขข้ อมูลที่โพสต์ ไว้

42

้ ่ ่ ั
เว็บบอร์ ดส่ วนของผูใช้งานทัวไปสามารถดูได้วามีหวข้อพูดคุยอะไรบ้าง แต่ไม่สามารถ
แสดงความคิดเห็นต่างๆลงไปได้

รู ปที่ ก.16เว็บบอร์ ดส่ วนของผู้ใช้ งานทัวไป
่

43

ประวัติผ้ ูจัดทาโครงงาน

นายทศพล ชู ใส เกิ ดเมื่อวันที่ 24 ตุลาคม 2532 ที่จงหวัดนนทบุรี
ั
สาเร็ จการศึกษามัธยมศึกษาตอนปลายสายวิทย์ – คณิ ต จากโรงเรี ยนเตรี ยม
อุดมศึกษาพัฒนาการนนทบุรีและเข้าศึกษาต่อที่มหาวิทยาลัยศรี ปทุม วิทยาเขต
บางเขน ในคณะเทคโนโลยีสารสนเทศ สาขาเทคโนโลยีสารสนเทศและการ
สื่ อสาร เมื่อพุท ธศักราช 2552 ปั จจุ บนอาศัย อยู่บานเลขที่ 84/144 หมู่ 10
ั ้
ตาบลบางกร่ าง อาเภอเมือง จังหวัดนนทบุรี

นางสาวนันทยา กุญแจทอง เกิดเมื่อวันที่ 7 มกราคม 2533 ที่
จังหวัดลพบุรี สาเร็ จการศึกษามัธยมศึกษาตอนปลาย สายวิทย์ – คณิ ต จาก
โรงเรี ยนพิบูลวิทยาลัย จังหวัดลพบุ รี และเข้าศึ กษาต่อที่ มหาวิทยาลัยศรี
ปทุม วิทยาเขตบางเขน ในคณะเทคโนโลยีสารสนเทศ สาขาเทคโนโลยี
สารสนเทศและการสื่ อสาร เมื่ อ พุ ท ธศัก ราช 2552 ปั จ จุ บ ัน อาศัย อยู่
บ้านเลขที่ 35/264 หมู่ที่ 6 ตาบลเขาสามยอด อาเภอเมือง จังหวัดลพบุรี

รูปเล่มวิชาโครงงาน

More Related Content

What's hot

Viewers also liked

Similar to รูปเล่มวิชาโครงงาน

More from AjBenny Pong

รูปเล่มวิชาโครงงาน