Senior project

1. เว็บไซต์สังคมท่องเที่ยว
Buddy Travel
โดย
1. นางสาววรรณิภา สดศรี รหัส 51062669
2. นายจักรพันธ์ ศรีเคน รหัส 52045031
โครงงานนี้เป็นส่วนหนึ่งของการศึกษาตามหลักสูตรวิทยาศาสตรบัณฑิต
สาขาเทคโนโลยีสารสนเทศและการสื่อสาร คณะเทคโนโลยีสารสนเทศ
มหาวิทยาลัยศรีปทุม
พ.ศ. 2553

2. ก
คณะเทคโนโลยีสารสนเทศ
โครงงาน
ของ
นางสาววรรณิภา สดศรี รหัส 51062669
นายจักรพันธ์ ศรีเคน รหัส 52045031
เรื่อง
เว็บไซต์สังคมท่องเที่ยว
ได้รับการตรวจสอบและอนุมัติให้เป็นส่วนหนึ่งของการศึกษาตามหลักสูตรวิทยาศาสตรบัณฑิต
สาขาวิชาเทคโนโลยีสารสนเทศและการสื่อสาร
เมื่อ วันที่ 13 เดือน กุมภาพันธ์ พ.ศ. 2554
ประธานกรรมการ _____________________________
( อาจารย์กัญธิณี กัจฉปคีรินทร์ )
กรรมการ _____________________________
( อาจารย์ยงยศ แก้วพิทักษ์คุณ )
กรรมการและอาจารย์ที่ปรึกษา _____________________________
( อาจารย์ประสิทธิ์ ช่วยเกื้อ )
กรรมการและเลขานุการ _____________________________
( อาจารย์ประสิทธิ์ ช่วยเกื้อ )

3. ข
บทคัดย่อ สังคมท่องเที่ยว(Buddy travel, จานวนหน้า 68)
โดย นางสาววรรณิภา สดศรี รหัส 51062669
นายจักรพันธ์ ศรีเคน รหัส 52045031
อาจารย์ที่ปรึกษา อาจารย์ประสิทธิ์ ช่วยเกื้อ
โครงงานเว็บไซต์สังคมท่องเที่ยว ได้ถูกพัฒนาด้านการให้บริการและเพื่อเผยแพร่ทาง
ระบบอินเทอร์เน็ต ให้แก่ผู้ที่มีความสนใจ โดยใช้เทคโนโลยี Web 2.0 แก่บุคคลโดยทั่วไปได้ใช้
บริการได้อย่างสะดวกและรวดเร็วมากขึ้น และระบบสามารถจัดการเก็บฐานข้อมูลของสมาชิกแต่
ละคนและข้อมูล การท่องเที่ยว อย่างเป็นระบบเพื่อความสะดวกสบายในการใช้บริการและเพิ่ ม
ประสิทธิภาพ ของระบบจัดเก็บข้อมูลด้านต่างๆ
นอกจากนี้โครงงานเว็บไซต์สังคมท่องเที่ยว ยังสามารถให้สมาชิกได้มีส่วนร่วมกับระบบ
โดยมีให้สมาชิกสามารถสร้างประวัติส่วนตัวของตัวเองได้ด้วยซึ่งในการจัดทาโครงงานนี้ได้นา
โปรแกรมสาเร็จรูป เช่น Adobe Dreamweaver CS4, Adobe Photoshop CS4, Oracle, Microsoft
Word 2007 เข้ามาช่วยในการพัฒนาระบบซึ่งประกอบไปด้วย 2 ส่วนคือ ส่วนแรก จะนาโปรแกรม
สาเร็จรูปมาช่วยในการออกแบบหน้าจอ (Webpage) ที่ใช้ติดต่อกับผู้ใช้ ส่วนที่สอง ตัวโปรแกรม
ของระบบนาเอาภาษา PHP, AJAX, HTML ซึ่งเป็นเทคโนโลยีที่ได้รับความนิยมในการเขียน
เว็บไซต์มาช่วยในการเขี ยนโปรแกรมในส่วนต่างๆ เช่น การเข้าสู่ระบบ ระบบเพื่อน ระบบกลุ่ม
การบรรจุรูปภาพ การบรรจุวีดีโอ การติดป้ายชื่อของรูปภาพ การแสดงความคิดเห็นต่างๆ การส่ง
ข้อความหาผู้ใช้ด้วยกัน ซึ่งสามารถทาการติดต่อกับฐานข้อมูลได้อย่างสมบูรณ์และมีประสิทธิภาพ
มากขึ้น
จากการพัฒนาโครงงานที่ทาให้ได้รับจากเว็บไซต์สังคมท่องเที่ยว ที่สามารถให้บริการ
ด้ า นการให้ ค วามรู้ ท างด้ า นการท่ อ งเที่ ย ว ได้ อ ย่ า งสะดวกสบายและรวดเร็ ว ระบบสามารถ
ตอบสนองความต้องการของผู้ใช้งานได้

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

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

6. จ
สารบัญ
หน้า
หน้าอนุมัติ ก
บทคัดย่อ ข
กิตติกรรมประกาศ ค
คานา ง
สารบัญ จ
สารบัญรูป ช
สารบัญตาราง ญ
บทที่ 1 บทนา
1.1 ภูมิหลังและความเป็นมาของปัญหา 1
1.2 วัตถุประสงค์ของโครงงาน 1
1.3 ขอบเขตการศึกษา 1
1.4 ผลที่คาดว่าจะได้รับ 2
1.5 แผนการดาเนินงาน 2
1.6 อุปกรณ์และโปรแกรมที่ใช้ในการทาโครงงาน 3
บทที่ 2 ระบบปัจจุบันและทฤษฎีที่เกี่ยวข้อง
2.1 เครื่อข่ายสังคม 4
2.1 เทคโนโลยีที่เกี่ยวข้อง
2.2.1 ความหมายของโปรแกรม Appserv 4
2.2.2 CSS (Cascading Style Sheets) 5
2.2.3 PHP (Personal Home Page) 7
2.2.4 ฐานข้อมูล (Database) 7
2.2.5 AJAX (Asynchronous JavaScript and XML) 8
2.2.6 jQuery 8
บทที่ 3 การออกแบบระบบ
3.1 แผนภาพบริบท (Use Case) 9
3.2 แผนภาพกระแสข้อมูล (Data Flow Diagram) 11

7. ฉ
สารบัญ (ต่อ)
หน้า
3.3 แผนภาพแสดงความสัมพันธ์ระหว่างเอนทิตี
(Entity-Relationship Diagrams: ERD) 12
3.4 ตารางฐานข้อมูล (Data Table) 12
3.5 แผนการทางาน (Flowchart) 17
3.7 การออกแบบส่วนเชื่อมประสานกับผู้ใช้ (User Interface Design) 25
บทที่ 4 การพัฒนาโปรแกรม
4.1 อุปกรณ์และโปรแกรมที่ใช้ 35
4.2 การทางานทั้งหมดของโปรแกรมมีทั้งหมดดังนี้ 36
4.3 การออกแบบการเข้าใช้ระบบและใช้งานของเว็บไซต์ (Screen Design) 40
บทที่ 5 สรุปโครงงาน ปัญหาและข้อเสนอแนะ
5.1 สรุปโครงงาน 49
5.2 ปัญหาที่เกิดขึ้น 49
5.3 ข้อเสนอแนะ 49
บทที่ 6 คู่มือการใช้งาน
6.1 โปรแกรมที่ต้องใช้ในระบบ 51
6.2 วิธีการใช้งาน 51
บรรณานุกรม 59
ภาคผนวก
ภาคผนวก ก วิธีการติดตั้งโปรแกรม 60
ประวัติผู้จัดทาโครงงาน 68

8. ช
สารบัญรูป
รูปที่ หน้า
2.1 แผนภาพแสดงเครือข่ายสังคม 6
3.1 แผนภาพบริบท 9
3.2 แสดงการสมัครสมาชิก 10
3.3 แสดงขบวนการลืมรหัสผ่านของสมาชิก 10
3.4 แสดงการแก้ไขข้อมูลของสมาชิก 10
3.5 แสดงการร้องขอเป็นเพื่อน 11
3.6 แสดงการจัดกลุ่มของสมาชิก 11
3.7 แสดงการประกาศข่าวสารของสมาชิก 11
3.8 แผนภาพแสดงความสัมพันธ์ระหว่างเอนทิตี 12
3.9 แผนภาพการทางานของทั้งระบบ 17
3.10แผนภาพการทางานของการของผู้ดูแลระบบ 18
3.11 แผนภาพการทางานของการสมัครสมาชิก 19
3.12 แผนภาพการทางานของสมาชิกทั่วไป 19
3.13 แผนภาพการทางานของการลืมรหัสผ่าน 20
3.14 แผนภาพการทางานของการแสดงการทางานของผู้ใช้ 20
3.15 แผนภาพการทางานของการแสดงข้อมูลส่วนตัว 21
3.16 แผนภาพการทางานของจัดการเพื่อน 22
3.17 แผนภาพการทางานของสร้างกลุ่ม 22
3.18 แผนภาพการทางานของการสร้างกลุ่มท่องเที่ยว 23
3.19 แผนภาพการทางานของการเข้ากลุ่มท่องเที่ยว 23
3.20 แผนภาพการทางานค้นหาเพื่อนท่องเที่ยว 24
3.21 แผนภาพการทางานของการลงคะแนน 24
3.22 แผนภาพการทางานของการของผู้ดูแลกลุ่มท่องเที่ยว 25
3.23 แสดงตัวอย่างข้อมูลหน้าแรก 26
3.24 แสดงตัวอย่างการลืมรหัสผ่าน 27
3.25 แสดงตัวอย่างข้อมูลหน้าสมัครสมาชิก 28
3.26 แสดงตัวอย่างหน้าผู้ใช้งาน 29
3.27 แสดงตัวอย่างหน้าข้อมูลส่วนตัว 30

9. ซ
สารบัญรูป(ต่อ)
รูปที่ หน้า
3.28 แสดงตัวอย่างอัลบั้มรูป 31
3.29 แสดงตัวอย่างหน้าเพื่อน 32
3.30 แสดงตัวอย่างหน้าเพิ่มเพื่อน 33
3.31 แสดงตัวอย่างหน้าค้นหาเพื่อน 34
4.1 แสดงหน้าแรกของเว็บไซต์ 40
4.2 แสดงหน้าสมัครสมาชิก 41
4.3 แสดงหน้าลืมรหัสผ่าน 41
4.4 แสดงหน้าแรกของสมาชิก 42
4.5 แสดงหน้าข้อมูลประวัติบุคคล 42
4.6 แสดงหน้าแก้ไขข้อมูลส่วนตัว 43
4.7 แสดงหน้ารายชื่อเพื่อน 43
4.8 แสดงหน้าตอบรับเพื่อน 44
4.9 แสดงหน้าค้นหาเพื่อน 44
4.10 แสดงหน้ากลุ่ม 45
4.11 แสดงหน้าเพิ่มประวัติท่องเที่ยว 45
4.12 แสดงหน้าประวัติท่องเที่ยว 46
4.13 แสดงหน้าสร้างกลุ่มท่องเที่ยว 46
4.14 แสดงหน้าค้นหากลุ่มท่องเที่ยว 47
4.15 แสดงหน้ากลุ่มเดินทางท่องเที่ยวของเรา 47
4.16 แสดงหน้าผู้ดูแลระบบ 48
6.1 หน้าแรกของเว็บไซต์ 51
6.2 แสดงหน้าสมัครสมาชิก 52
6.3 แสดงหน้าแรกของสมาชิก 52
6.4 แสดงหน้าการบรรจุภาพของผู้ใช้ 53
6.5 แสดงหน้าข้อมูลส่วนตัว 53
6.6 แสดงหน้าเปลี่ยนรหัสผ่าน 54
6.7 แสดงหน้าเพิ่มประวัติท่องเที่ยว 54
6.8 แสดงหน้าประวัติท่องเที่ยว 55
6.9 แสดงหน้ารายชื่อเพื่อน 55

10. ฌ
สารบัญรูป(ต่อ)
รูปที่ หน้า
6.10 แสดงหน้าจัดการเพื่อน 56
6.11 แสดงหน้าจัดการเพื่อน 56
6.12 แสดงหน้าสร้างกลุ่มท่องเที่ยว 57
6.13 แสดงหน้าค้นหากลุ่มท่องเที่ยว 57
6.14 แสดงหน้ากลุ่มเดินทางท่องเที่ยวของเรา 58
ก.1 ขั้นตอนการเริ่มติดตั้งโปรแกรม 61
ก.2 เลือกไดร์ฟเวอร์ (Driver) ที่จะทาการจัดเก็บโปรแกรม 61
ก.3 หน้าการเลือกแบบชุดคาสั่งที่จะลง 62
ก.4 แสดงการกรอกข้อมูลชื่อเครื่องแม่ข่าย 62
ก.5 ภาพแสดงกาหนดชื่อผู้ใช้ และรหัสผ่านในการเข้าใช้งาน Mysql 63
ก.6 ภาพแสดงกระบวนการเริ่มติดตั้ง 63
ก.7 ภาพแสดงการดาเนินการติดตั้งเสร็จสิ้น 64
ก.8 การทดสอบระบบที่ติดตั้ง 64
ก.9 หน้าแรกของโปรแกรม Oracle10g 65
ก.10 หน้าสาระสาคัญของโปรแกรม Oracle10g 65
ก.11 โปรแกรม Oracle10g ทาการติดตั้ง 66
ก.12 แสดงการตั้งค่าโปแกรม Oracle10g 66
ก.13 แสดงหน้าจอขั้นตอนสิ้นสุดการติดตั้งโปรแกรม Oracle10g 67

11. ญ
สารบัญตาราง
ตารางที่ หน้า
1.1 ตารางแสดงแผนดาเนินงาน 3
3.1 แสดงแฟ้มสมาชิก 13
3.2 เก็บรายละเอียดของข้อความ 13
3.3 แสดงแฟ้มรายละเอียดข้อความย่อย 14
3.4 แสดงแฟ้มรายละเอียดรูป 14
3.5 แสดงแฟ้มรายละเอียดของเพื่อน 15
3.6 แสดงแฟ้มรายละเอียดการเข้าร่วมกลุ่มท่องเที่ยว 15
3.7 แสดงแฟ้มรายละเอียดการท่องเที่ยว 16
3.8 แสดงแฟ้มรายละเอียดการท่องเที่ยวและตัวบ่งชี้ตาแหน่ง 17

12. 1
บทที่ 1
บทนา
1.1 ความเป็นมาและความสาคัญของโครงการ
นักท่องเที่ยวไทยที่เดินทางท่องเที่ยวอยู่ภายในประเทศทั้งๆ ที่นักท่องเที่ยวคนไทยเหล่านี้มี
จานวนเพิ่ ม มากขึ้ น ทุ ก ปี เพราะการเดิน ทางท่ องเที่ ย วอยู่ ภ ายในประเทศเป็น การผ่ อ นคลาย
ความเครียดพร้อมๆ กับการได้รับความรู้เกี่ยวกับวัฒนธรรม ได้เห็นภูมิประเทศที่แปลกตาและได้
สร้างความสัมพันธ์กับคนต่างถิ่นด้วย เมื่อการคมนาคมสะดวก การเดินทางท่องเที่ยวอาจเป็นความ
นิยม ประเทศไทยมีแหล่งท่องเที่ยวที่น่าสนใจอยู่มากมายในทุกจังหวัดทั่วทุกภูมิภาค และเพื่อความ
สะดวกรวดเร็วในการหาข้อมูลของนักท่องเที่ยว การท่องเที่ยวแห่งประเทศไทย จึงได้จัดรวบรวม
ข้อมูลของสถานที่ท่องเที่ยวในแต่ละจังหวัด
เว็บไซต์นี้จึงทาขึ้นเพื่อเป็นสื่อกลางในการพูดคุยแนะนา แสดงความคิดเห็น เกี่ยวกับ
สถานทีท่องเที่ยวที่มีอยู่ในประเทศไทยเพื่อแบ่งปันความรู้ และส่งเสริมการท่องเที่ยวภายในประเทศ
ให้กับผู้คนที่สนใจตามที่ได้มีบุคคลต่างๆ แนะนามา
1.2 วัตถุประสงค์ของโครงการ
1.2.1 เพื่อให้เป็นสื่อกลางของสังคมการท่องเที่ยว
1.2.2 เพื่ออานวยความสะดวกให้นักท่องเที่ยว
1.2.3 เพื่อให้ผู้ใช้เข้ามาร่วมแสดงความคิดเห็นเกี่ยวกับที่ท่องเที่ยว
1.2.4 เพื่อให้บุคคลที่ชอบการท่องเที่ยวได้มาแลกเปลี่ยนความคิด
1.2.5 เพื่ออานวยความสะดวกในการท่องเที่ยวและการเดินทาง
1.3 ขอบเขตของโครงการ
1.3.1 เป็นเว็บไซต์เครือข่ายสังคม (Social Network) ของคนชอบท่องเที่ยว โดยใช้
ลักษณะแบบเฟสบุ๊ค (Face book)
1.3.2 ผู้ใช้งานทั่วไป
- สามารถสมัครสมาชิกได้
- ดูข้อมูลทั่วไป

13. 2
1.3.3 ระบบสมาชิก
- สามารถแสดงข้อความ
- สามารถบรรจุขึ้นรูปได้
- สามารถแก้ไขข้อมูลส่วนตัวของสมาชิกเองได้
- สามารถสร้างกลุ่มท่องเที่ยว
- ลงคะแนน
- สามารถค้นหากลุ่มท่องเที่ยว
- มีระบบ แจ้งตอบรับ เมื่อมีคนต้องการเหมือนเรา
- สามารถเพิ่มเพื่อนได้
- สามารถเข้าร่วมกลุ่มได้
- สามารถค้นหาสมาชิกได้
- บอกตาแหน่งที่จะเดินทาง
1.3.4 ระบบผู้ดูแล
- เพิ่มเนื้อหาข้อมูลการท่องเที่ยว
- ระบบจัดการสมาชิก
1.4 ประโยชน์ที่คาดว่าจะได้รับ
1.4.1 ได้เพื่อนร่วมการเดินทาง
1.4.2 ได้รู้จักแหล่งท่องเที่ยวในประเทศไทย
1.4.3 แบ่งปันประสบการณ์ในการเดินทาง
1.4.4 เพื่อให้ทราบเส้นทางในการเดินทาง
1.5 แผนการดาเนินงานของโครงงาน
ในการดาเนินการของระบบเว็บไซต์ท่องเที่ยว จะต้องมีการศึกษาเทคโนโลยีที่นามาใช้ใน
ระบบ การเก็บรวบรวมข้อมูล การวิเคราะห์ระบบงาน การออกแบบงาน พร้อมทั้งการพัฒนาและ
ทดสอบโปรแกรม รวมถึง การติดตั้งระบบและการจัดทาเอกสารประกอบการใช้งาน โดยการ
ดาเนินงานมี ดังตารางที่ 1.1

14. 3
ตารางที่ 1.1 ตารางแสดงแผนดาเนินงาน
สัปดาห์ที่
กิจกรรม
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
1. การศึกษาทฤษฎีและ
เทคโนโลยีที่ใช้
2. การรวบรวมข้อมูล
3. การวิเคราะห์ข้อมูล
4. เขียนโปรแกรม
5. ทดสอบและแก้ไขโปรแกรม
6. การทดสอบติดตั้งระบบ
7. ประเมินผลและจัดทาเอกสาร
1.6 อุปกรณ์และโปรแกรมที่ใช้
1.6.1 ส่วนของอุปกรณ์ที่ใช้ในโครงงาน
1.6.1.1 เครื่องคอมพิวเตอร์
1.6.1.2 เครื่องพิมพ์
1.6.2 ส่วนของโปรแกรมที่ใช้ในโครงงาน
1.6.2.1 Microsoft Windows 7 Ultimate
1.6.2.2 Microsoft Office 2007
1.6.2.3 Adobe Photoshop CS4
1.6.2.4 Adobe Dreamweaver cs4
1.6.2.5 PHP Version 5.0
1.6.2.6 Oracle 10g

15. 4
บทที่ 2
ทฤษฎีที่เกี่ยวข้อง
2.1 ความหมายของเครือข่ายสังคม (Social Network)
เครื อ ข่ า ยสั ง คม หมายถึ ง กลุ่ ม ของความสั ม พั น ธ์ ที่ บุ ค คลกลุ่ ม หนึ่ ง มี ต่ อ กั น และกั น
ลักษณะของความสัมพันธ์ที่เกิดขึ้นสามารถนาไปใช้อธิบายพฤติกรรมของบุคคลเหล่านี้ได้ หรืออีก
ความหมายหนึ่งคือ ชุดของการเชื่อมโยงซึ่งกันและกันระหว่างบุคคล ที่ก่อให้เกิดสายใยผูกพันของ
ครอบครัว เพื่อน และคนรู้จักในช่วงชีวิตของคน เครือข่ายสังคมอาจเปรียบได้กับภาพของจุด ต่างๆ
ที่มีการเชื่อมโยงกันด้วยเส้นตรงหลายๆ เส้น จุดคือบุคคล และเส้นตรงคือสายสัมพันธ์ บุคคลแต่ละ
คนจึงเป็ นเสมื อนจุดศูนย์ กลางที่มีส ายสัมพันธ์กับจุดหรือบุคคลอื่นที่มีส ายสัมพั นธ์กั บคนอื่นๆ
ต่อไปอีกที่บุคคลตรงจุดศูนย์กลางไม่รู้จักแนวทางการวิเคราะห์เครือข่ายสามารถนามาใช้อธิบาย
ความสัมพันธ์ระหว่างสรรพสิ่งต่างๆ ได้ตั้งแต่ระดับครอบครัวจนถึงระดับโลก สรรพสิ่งต่างๆ ที่อยู่
ในเครือข่ายความสัมพันธ์เราเรียกว่า จุด (Node) ถ้ามีการเชื่อมโยงระหว่างจุดต่างๆ ความสัมพันธ์
ของจุดเหล่านี้ก็คือ เครือข่าย (network)
2.2 ทฤษฎีเครือข่ายสังคม
เครือข่ายเป็นรูปแบบความสัมพันธ์ทางสังคมอย่างหนึ่งที่แตกต่างไปจากกลุ่ม โดยที่กลุ่ม
จะมีขอบเขตที่ชัดเจน รู้ว่าใครเป็นสมาชิก ใครไม่ใช่สมาชิก มีความเป็นรูปธรรม มองเห็นได้ มี
โครงสร้างทางสังคมในระดับหนึ่ง แต่เครือข่ายเป็นรูปแบบความสัมพันธ์ทางสังคมที่ไม่มีขอบเขต
การเชื่อมความสัมพันธ์ระหว่างสมาชิกเครือข่ายอาจจะมองเห็นและมองไม่เห็นเป็นรูปธรรมก็ได้
สาระของการเชื่ อมโยงระหว่างกั นที่จะช่วยให้มองเห็นรูปธรรมของเครือข่ายมี 3 ลักษณะคือ
เครือข่ายการแลกเปลี่ยน เครือข่ายการติดต่อสื่อสาร และเครือข่ายความสัมพันธ์ในการอยู่ร่วมกัน
เครือข่ า ยไม่ มี โครงสร้างที่ แน่นอนตายตัว อาจมีก ารออกแบบโครงสร้างขึ้นมาทาหน้าที่ส าน
ความสัมพันธ์ระหว่างคนกับกลุ่มองค์กรให้ต่อเนื่อง แต่ในเครือข่ายไม่มีใครบังคับให้ใครกระทา
อะไรได้ แต่ละคน กลุ่มองค์กรต่างก็เป็นศูนย์กลางของเครือข่ายได้ ดังนั้นรูปแบบความสัมพันธ์ทาง
สังคมของเครือข่ายจึงมีความซับซ้อนกว่ากลุ่มองค์กรมากนัก
2.3 การวิจัยเครือข่ายสังคม
ศูนย์การวิจัยประเมินว่าเว็บไซต์เครือข่ายสังคมจะเป็นช่องทางสร้างโอกาสสาคัญในการ
เติบโตของโฆษณาออนไลน์ โดยมีจุดแข็ง คือ สามารถเข้าถึงกลุ่มเป้าหมายได้อย่างชัดเจนและมี

16. 5
ประสิทธิภาพ โดยสามารถเจาะกลุ่มเป้าหมายได้ตามลักษณะของกลุ่มเครือข่ายสังคมที่หลากหลาย
และซับซ้อน เป็นการโฆษณาโดยใช้พลังทางเครือข่ายสังคม ซึ่งเป็นลักษณะการบอกต่อปากต่อปาก
(Words of Mouth) โดยจะสร้างความน่าเชื่อถือของผลิตภัณฑ์ผ่านการบอกเล่าของสมาชิกใน
เครือข่ายสังคม ทาให้ลูกค้าไม่รู้สึกถูกบังคับให้ต้องรับฟัง ผู้ประกอบการสามารถใช้เว็บเครือข่าย
สังคมเป็นเครื่องมือการทา CRM (Customer Relationship Management) ในงานประชาสัมพันธ์
ทางการตลาด เนื่องจากจะมีการแสดงความคิดเห็นผ่านเว็บ ทาให้ผู้ประกอบการรับรู้ การตอบรับ
(Feedback) ของกลุ่มเป้าหมายได้อย่างชัดเจน
2.4 ตัวชี้วัดในการวิเคราะห์เครือข่ายสังคม
1. ตัวกลางเชื่อมต่อ (Betweenness)
ขอบเขตที่ จุ ด เชื่ อ มต่ อ หรื อบุ ค คลอยู่ ร ะหว่ า ง ความสัม พั น ธ์ กั บ ผู้ อื่ น ในเครื อ ข่ า ย
ตัวชี้วัดนี้จะแสดงถึงจานวนที่ผู้คนมีการติดต่อทางอ้อม ผ่านการติดต่อโดยตรงจากบุคคลนั้นๆ
2. สะพาน (Bridge)
เป็นเสมือนสะพานที่เชื่อมต่อบุคคลเข้าด้วยกัน ถ้าถูกตัดขาดจะทาให้ จุดที่เกิดการ
เชื่อมต่อ หลุดออกจากส่วนประกอบต่างๆของความสัมพันธ์
3. ศูนย์กลาง (Centrality)
แสดงถึงความเป็นศูนย์กลางการเชื่อมต่อ ของบุคคลภายในเครือข่ายสังคม
4. การรวบรวม (Centralization)
เป็นการรวบรวมความแตกต่างระหว่างจุดเชื่อมต่อ ซึ่งมีความกระจัดกระจายกันในแต่
ละจุดเชื่อมต่อ ซึ่งมีความเปลี่ยนแปลงไปเพียงเล็กน้อยระหว่างจานวนของการเชื่อมโยงกันใน แต่ละ
จุดเชื่อมต่อ
5. ความสนิทสนม (Closeness)
เป็นตัวแปรที่นามาวิเคราะห์ความสนิทสนมของ จานวนบุคคลที่มีก ารเชื่อมต่อใน
ทางตรง หรือทางอ้อม แสดงถึงความสามารถในการเข้าถึงข้อมูลผ่านเครือข่ายสังคม จากการที่มี
ความสัมพันธ์ในระดับที่ใกล้ที่สุด ย่อมต้องมีการเข้าถึงข้อมูลได้ดี
6. การติดต่อกัน (Cohesion)
แสดงถึง การติด ต่อ ซึ่ งกั นและกั นของบุ คคล เช่น การติ ดต่ อกั น ทางตรง และโดย
ทางอ้อมซึ่งต้องผ่านบุคคลอื่นที่เป็นจุดเชื่อมต่อได้
7. ระดับ (Degree)
เป็นตัวชี้วัดโดยนับจานวนความสัมพันธ์ของบุคคลหนึ่งต่อบุคคลอื่นๆ ในเครือข่าย

17. 6
8. ความหนาแน่น (Density)
ความหนาแน่นในเครือข่ายสังคม ซึ่งวิเคราะห์จากความสัมพันธ์ในระดับบุคคล
2.5 ระบบเครือข่ายสังคม
หากพิ จ ารณาในรู ป แบบที่ ง่ า ยขึ้ น เครื อ ข่ า ยสั ง คมจะถู ก มองเป็ น แผนที่ ของทุ ก
ความสัมพันธ์ ที่เกี่ยวข้องกันระหว่าง จุดเชื่อมต่อ แนวคิดเหล่านี้อธิบายได้ดังรูปที่ 2.1
รูปที่ 2.1 แผนภาพแสดงเครือข่ายสังคม (Social network diagram)
2.6 เว็บเครือข่ายสังคม (Web social network)
ในปัจจุบันได้มีการใช้เครือข่ายสังคมงานผ่านระบบอินเทอร์เน็ต อย่างแพร่หลาย เว็บ
เครือข่ายสังคมนั้น ใช้เทคโนโลยี web 2.0 เข้ามามีบทบาทสาคัญอย่างมาก กับการ ปฎิสัมพันธ์ทาง
สังคม และชุมชน ในปัจจุบันบุคคลสามารถโต้ตอบกันผ่าน เว็บไซต์ที่เรียกว่าเป็น เว็บเครือข่าย
สังคม นั่นก็คือเว็บไซต์ที่ เชื่อมโยงผู้คนไว้ด้วยกั น ซึ่งสามารถที่จะสร้างพื้นที่ส่วนตัวขึ้นมา เพื่ อ
แนะนาตัวเองได้ เช่น Hi5, Friendster, My Space, FaceBook เป็นต้นซึ่งจะมีการใช้งานแตกต่างกัน
ไปยกตัวอย่างเช่น
1. เน้นที่บุคคล (people focus)
เป็นการมุ่งเน้นที่ บุคคล ส่งเสริมการปฎิสัมพันธ์ทางสังคม การสร้างตัวตนออนไลน์
(Online identity) และ ประวัติส่วนตัว (Profile) ซึ่งจะสร้างโดยบุคคลที่อยู่ในสังคมนั้นๆ
2. เน้นงานอดิเรก (hobby focus)

18. 7
มุ่งเน้นที่ความสนใจในงานอดิเรก ศิลปินที่ชื่นชอบ หรือเป็ นการรวมกลุ่มเพื่อทางาน
ในแต่ละแขนง ยกตัวอย่างเช่น Flickr, Kodak Gallery และ Photo bucket.
2.7 เทคโนโลยีที่เกี่ยวข้อง
2.7.1 PHP
เป็นภาษาจาพวกแปลความและดาเนินงานไปทีละคาสั่ง คาสั่งต่างๆ นั้นจะเก็บอยู่
ในเอกสารที่เรียกว่า สคริปต์(Script) และเมื่อใช้งานต้องอาศัยตัวแปลชุดคาสั่ง ตัวอย่างของภาษา
สคริปต์ เช่น JavaScript, Perl เป็นต้น ลักษณะของ PHP ที่แตกต่างจากภาษาสคริปต์แบบอื่นๆ คือ
PHP ได้รับการพัฒนาและออกแบบมา เพื่อใช้งานในการสร้างเอกสารแบบ HTML(Hypertext
Markup Language) โดยสามารถสอดแทรกหรือแก้ไขเนื้อหาได้โดยอัตโนมัติ ดังนั้นจึงกล่าวว่า PHP
เป็นภาษาที่มี การทางานในส่วนของเครื่องแม่ข่าย (server-side) ซึ่งเป็นเครื่องมือที่สาคัญชนิดหนึ่งที่
ช่วยให้สามารถสร้างเอกสารโดยไม่ต้องติดต่อกับเครื่องแม่ข่ายตลอดเวลา หรือ DHTML (Dynamic
Hypertext Markup Language) ได้อย่างมีประสิทธิภาพและมีลูกเล่นมากขึ้น
2.7.2 ฐานข้อมูล
คานิยามของฐานข้อมูลนั้นมีหมายถึงการเก็บรวบรวมข้อมูลของผู้ใช้และสามารถที่
จะนาข้อมู ลนั้นออกมาใช้ร่วมกั นได้โดยไม่มีการซ้าซ้อนของข้อมูลหรือความขัดแย้ งของข้อมูล
ปัจจุบันมีการกล่าวถึงมาตรฐานโครงสร้างฐานข้อมูล เพื่อให้สามารถเชื่อมโยงฐานข้อมูลต่างระบบ
ให้ สื บ ค้ น รวมกั น เสมื อ นเป็ น ฐานข้ อมู ล เดี ย วกั น และการสื บ ค้ น ต้ อ งแสดงผลตรงตามค าถาม
มาตรฐานดังกล่าว ได้แก่ XML (Extensible Markup Language), RDF (Resource Description
Framework), Dublin, Core, Metadata เป็นต้น และสิ่งสาคัญอีกประการหนึ่งที่จะช่วยให้การ
แลกเปลี่ยนข้อมูลระหว่างต่างหน่วยงานได้ดี
2.7.3 ระบบจัดการฐานข้อมูล
องค์กรจะต้องมีการวางแผนในการจัดการบริหารฐาน ข้อมูลที่ดีจึงจะได้ประโยชน์
จากข้อมูลที่จัดเรียบเรียงไว้ โปรแกรมสาหรับจัดการฐานข้อมูลนั้น โดยทั่วไปเรียกว่า ระบบจัดการ
ฐานข้อมูล หรือ DBMS (Database Management System) สถาปัตยกรรมซอฟต์แวร์ (Software
architecture) ระบบจัดการฐานข้อมูลนั้น อาจมีได้หลายแบบ เช่น สาหรับฐานข้อมูลขนาดเล็กที่มี
ผู้ใช้คนเดียว ส่วนฐานข้อมูลขนาดใหญ่ที่มีผู้ใช้จานวนมากนั้น ปกติจะประกอบด้วยโปรแกรมหลาย
โปรแกรมด้วยกัน และโดยทั่วไปส่วนใหญ่จะใช้สถาปัตยกรรมแบบรับ-ให้บริการ (client-server)

19. 8
โปรแกรมส่วนหน้า (Front-end) ของระบบจัดการฐานข้อมูล ได้แก่โปรแกรมรับ
บริการ จะเกี่ยวข้องเฉพาะการนาเข้าข้อมูล, การตรวจสอบ, และการรายงานผลเป็นสาคัญ ในขณะที่
โปรแกรมส่วนหลัง (back-end) ซึ่งได้แก่ โปรแกรมให้บริการ จะเป็นชุดของโปรแกรมที่ดาเนินการ
เกี่ยวกับการควบคุม, การเก็บข้อมูลและการตอบสนองการร้องขอจากโปรแกรมส่วนหน้า โดยปกติ
แล้ ว การค้ น หา และการเรี ย งล าดับ จะด าเนิ น การโดยโปรแกรมให้บ ริ ก าร รูป แบบของระบบ
ฐานข้อมูล มีหลากหลายรูปแบบด้วยกัน นับตั้งแต่การใช้ตารางอย่างง่าย ที่เก็บในแฟ้มข้อมูลแฟ้ม
เดียว ไปจนกระทั่งฐานข้อมูลขนาดใหญ่
2.7.4 AJAX (Asynchronous JavaScript and XML)
เอแจ็กซ์ เป็นเทคนิคในการพัฒนาเว็บ ไซต์ เพื่อให้โต้ตอบกับผู้ใช้ได้ดีขึ้น โดยการ
รับส่งข้อมูลในฉากหลัง ทาให้ไม่ต้องดึงหน้าเว็บไซต์ทั้งหน้า ใหม่ทุกครั้งที่มีการเปลี่ยนแปลง ซึ่ง
ช่วยทาให้เพิ่มการตอบสนอง ความรวดเร็ว ในการเข้าถึงข้อมูลได้อย่างดี โดยปกติแล้วเมื่อผู้ใช้ทา
การร้องขอข้อมูลจากเครื่องแม่ข่าย โดยเครื่องลูกข่ายจะทาการส่งข้อมูลการร้องขอโดย HTTP
(Hypertext Transfer Protocol) เพื่อติดต่อกับเครื่องแม่ข่ายเพื่อให้ทาการประมวลผลจากการร้องขอ
ที่ได้รับ และส่งผลลัพธ์เป็น HTML (Hypertext Markup Language) กลับไปให้ผู้ใช้ วิธีการข้างต้น
เป็นวิธีการแบบการร้องขอและการตอบรับ ซึ่งผู้ใช้จะต้องรอระหว่างที่เครื่องแม่ข่ายประมวลผลอยู่
ซึ่งเป็นหลักการทางานแบบต่อเนื่อง
แต่การทางานของ เทคนิคเอแจ็กซ์ จะเป็นการทางานแบบที่ไม่ต่อเนื่อง โดยเครื่อง
แม่ ข่ า ยจะท าการส่ ง ผลลั พ ธ์ เ ป็ น หน้ า เว็ บ ให้ ผู้ ใ ช้ ทั น ที โ ดยไม่ ต้อ งรอให้ ป ระมวลผลเสร็ จ ก่ อ น
หลังจากนั้นหน้าเว็บที่ผู้ใช้ได้รับจะทาการดึงข้อมูลในส่วนต่างๆ ทีหลัง หรือจะดึงข้อมูลก็ต่อเมื่อ
ผู้ใช้ต้องการเท่านั้น
2.7.5 JQuery
JQuery นั้นเป็น JavaScript Library ที่บรรจุเอาคาสั่งต่างๆ รวมเอาความสามารถ
ของ JavaScript, XML (Extensible Markup Language), CSS(Cascading Style Sheets) และ
XHTML(Extensible Hypertext Markup Language) ไว้ด้วยกัน โดย JQuery จะทางานในลักษณะ
ของเอแจ็กซ์ และยัง สามารถรวมการทางานเข้าด้วยกัน ค้นหาและจัดการ องค์ประกอบรวมถึง
คุณลักษณะด้วยตนเองได้ หรือเขียน JavaScript เพิ่มเติมเพื่อดักเหตุการณ์ต่างๆ ที่ต้องการ

20. 9
บทที่ 3
การออกแบบระบบ
การออกแบบเว็บไซต์สังคมท่องเที่ยว ต้องการให้ผู้ใช้มีส่วนร่วมกับทางเว็บมากขึ้น เพื่อให้
เว็บมีความน่าสนใจ และมีประสิทธิภาพมากขึ้น
3.1 แผนภาพบริบท (Use Case)
แสดงให้เห็นถึงการติดต่อการใช้ข้อมูล ระหว่างผู้ใช้งานระบบกับเว็บไซต์ สังคมท่องเที่ยว
และผู้ดูแลระบบกับเว็บไซต์สังคมท่องเที่ยว และการเรียกใช้ข้อมูลต่างๆ บนเว็บไซต์
, ,
รูปที่ 3.1 แผนภาพบริบท (Use Case)

21. 10
3.2 แผนภาพกระแสข้อมูล (Data Flow Diagram)
แผนภาพกระแสข้ อ มู ล แสดงรายละเอีย ดต่ า งๆ ของการท างานของระบบเว็ บ สั ง คม
ท่องเที่ยว เพื่อให้รู้ขั้นตอนการทางานของแต่ละขั้นตอ นของระบบเว็บสังคมท่องเที่ยว
รูปที่ 3.2 แสดงการสมัครสมาชิก
2.0
D1 Members
รูปที่ 3.3 แสดงขบวนการลืมรหัสผ่านของสมาชิก
รูปที่ 3.4 แสดงการแก้ไขข้อมูลของสมาชิก

22. 11
รูปที่ 3.5 แสดงการร้องขอเป็นเพื่อน
D2 Messages
5.0
D4 Groups
D1 Members
D3 Memberships
รูปที่ 3.6 แสดงการจัดการกลุ่มของสมาชิก
D5 NewsTopics
6.0
D4 Groups
D1 Members
D6 Pictures
รูปที่ 3.7 แสดงการประกาศข่าวสารของสมาชิก

23. 12
3.3 แผนภาพแสดงความสัมพันธ์ระหว่างเอนทิตี้ (Entity-Relationship Diagrams: ERD)
M M Tip
Tip
M M
M
Tip
M
M M
M
M
M M M
M
รูปที่ 3.8 แผนภาพแสดงความสัมพันธ์ระหว่างเอนทิตี
3.4 ตารางฐานข้อมูล (Data Table)
น ามาใช้ ใ นการวิ เ คราะห์ โ ครงสร้ า งของระบบ เพื่ อ ประโยชน์ ใ นการบ ารุ ง รั ก ษาและ
ปรับปรุงแก้ไขระบบได้ถูกต้อง และแสดงการรวมกลุ่มของคุณสมบัติในฐานข้อมูล ระบบเว็บไซต์
สังคมท่องเที่ยวมีตารางฐานข้อมูล ดังนี้

24. 13
ชื่อตาราง TB_MEMBER
วัตถุประสงค์ เก็บรายละเอียดของสมาชิก
แฟ้มที่เกี่ยวข้อง ไม่มี
ตารางที่ 3.1 แสดงแฟ้ม Members
ลาดับ คุณสมบัติ คาอธิบาย ขนาด ประเภท คาเบื้องต้น ตรวจสอบ ประเภทคีย์
(Sequence (Attribute) (Descripti (Width) (Type) (Default) ความถูกต้อง (Key
No.) on) (Validation Type)
Check)
1 ID รหัสมาชิก - varchar2 ตัวเลข PK
2 M_NAME ชื่อสมาชิก 80 varchar2 ตัวอักษร
3 M_EMAIL อีเมล์ 40 varchar2 ตัวอักษร
4 M_BIRTH วันเกิด - date ตัวเลข
5 M_SEX เพศ 10 varchar2 ตัวอักษร
6 M_ADDRESS ที่อยู่ 200 varchar2 ตัวเลขและ
ตัวอักษร
7 M_PHONE โทรศัพท์ 10 varchar2 ตัวเลข
8 M_USERNAME ชื่อผู้ใช้ 20 varchar2 ตัวเลขและ
9 M_PASSWORD รหัสผ่าน 32 varchar2 ตัวอักษร
10 M_PHOTO รูป 50 varchar2 ตัวเลข
ชื่อตาราง TB_MSG
วัตถุประสงค์ เก็บรายละเอียดข้อความ
แฟ้มที่เกี่ยวข้อง ไม่มี
ตารางที่ 3.2 แสดงแฟ้ม TB_MSG
ลาดับ คุณสมบัติ คาอธิบาย ขนาด ประเภท คาเบื้องต้น ตรวจสอบ ประเภทคีย์
(Sequence (Attribute) (Description) (Widt (Type) (Default) ความถูกต้อง (Key
No.) h) (Validation Type)
Check)
1 MSG_ID รหัสข้อความ - number ตัวเลข PK
2 Msg_detail me หัวข้อข้อความ 200 nvarchar2 ตัวอักษร
3 MSG_DATE วันที่ส่ง - date ตัวเลข
4 Msg_id_user สร้างข้อความ - number ตัวตัวเลข

25. 14
ชื่อตาราง TB_MSG_DETAIL
วัตถุประสงค์ เก็บรายละเอียดข้อความย่อย
แฟ้มที่เกี่ยวข้อง ไม่มี
ตารางที่ 3.3 แสดงแฟ้ม TB_MSG_DETAIL
ลาดับ คุณสมบัติ คาอธิบาย ขนาด ประเภท คาเบื้องต้น ตรวจสอบ ประเภทคีย์
(Sequence (Attribute) (Descripti (Width) (Type) (Default) ความถูกต้อง (Key
No.) on) (Validation Type)
Check)
1 Msg_comm_ รหัสความ - number ตัวเลข PK
คิดเห็น
2 Msg_comm_idus รหัสผู้ใช้ - number ตัวเลข
er
3 Msg_comm_post ความ 200 nvarchar2 ตัวอักษร
คิดเห็น
ชื่อตาราง TB_PHOTO
วัตถุประสงค์ เก็บรายละเอียดรูป
แฟ้มที่เกี่ยวข้อง ไม่มี
ตารางที่ 3.4 แสดงแฟ้ม TB_PHOTO
ลาดับ คุณสมบัติ คาอธิบาย ขนาด ประเภท คาเบื้องต้น ตรวจสอบ ประเภท
(Sequenc (Attribute) (Descripti (Width) (Type) (Default) ความถูกต้อง คีย(Key
์
e on) (Validation Type)
No.) Check)
1 PHOTO_ID รหัสรูป 50 nvarchar2 ตัวเลขและ PK
ตัวอักษร
2 PHOTO_NAME ชื่อรูป 50 nvarchar2 ตัวเลขและ
ตัวอักษร
3 PHOTO_TYPE รายละเอีย 50 nvarchar2 ตัวเลขและ
ด ตัวอักษร
4 PHOTO_SIZE ขนาดรูป 50 nvarchar2 ตัวอักษร

26. 15
ชื่อตาราง TB_FRIEND
วัตถุประสงค์ เก็บรายละเอียดเพื่อน
แฟ้มที่เกี่ยวข้อง ไม่มี
ตารางที่ 3.5 แสดงแฟ้ม TB_FRIEND
ลาดับ คุณสมบัติ คาอธิบาย ขนาด ประเภท คาเบื้องต้น ตรวจสอบ ประเภท
(Sequenc (Attribute) (Descripti (Width) (Type) (Default) ความถูกต้อง คีย(Key
์
e on) (Validation Type)
No.) Check)
1 idfriend รหัสเพื่อน - number ตัวเลข PK
2 member_add เพิ่มเพื่อน - number ตัวเลข
3 member_accept ร้องขอ - number ตัวเลข
เป็นเพื่อน
4 member_status สถานะ 10 nvarchar2 ตัวเลขและ
ตัวอักษร
ชื่อตาราง TB_JOINTRAVEL
วัตถุประสงค์ เก็บรายละเอียดเข้าร่วมกลุ่มท่องเที่ยว
แฟ้มที่เกี่ยวข้อง ไม่มี
ตารางที่ 3.6 แสดงแฟ้ม TB_JOINTRAVEL
ลาดับ คุณสมบัติ คาอธิบาย ขนาด ประเภท คาเบื้องต้น ตรวจสอบ ประเภท
(Sequenc (Attribute) (Descripti (Width) (Type) (Default) ความถูกต้อง คีย(Key
์
e on) (Validation Type)
No.) Check)
1 Jointip_id รวม - number ตัวเลข PK
เดินทาง
2 Jointip_idgtra รหัสการ - number ตัวเลข
สร้างกลุ่ม
3 Jointip_iduser ท่องเที่ยว - number ตัวเลข
รหัสของผู้
เข้ากลุ่ม
4 Jointip_status สถานะ - varchar2 ตัวเลข

27. 16
ชื่อตาราง TB_GTRAVEL
วัตถุประสงค์ เก็บรายละเอียดการท่องเที่ยว
แฟ้มที่เกี่ยวข้อง ไม่มี
ตารางที่ 3.7 แสดงแฟ้ม TB_GTRAVEL
ลาดับ คุณสมบัติ คาอธิบาย ขนาด ประเภท คาเบื้องต้น ตรวจสอบ ประเภท
(Sequence (Attribute) (Description (Widt (Type) (Default) ความถูกต้อง คีย(Key
์
No.) ) h) (Validation Type)
Check)
1 Gtra_id รหัสกลุ่ม - number ตัวเลข PK
ท่องเที่ยว
2 Gtra_loc สถานที่ 100 varchar2 ตัวเลขและ
ตัวอักษร
3 Gtra_lat พิกัด - number ตัวเลข
4 Gtra_lon พิกัด - number ตัวเลข
5 Gtra_count จานวนคนที่ - number ตัวเลข
ไปท่องเที่ยว
6 Gtra_detail รายละเอียด 500 varchar2 ตัวเลขและ
ของการ ตัวอักษร
ท่องเที่ยว
7 Gtra_idcreate ผู้สร้างกลุ่ม - number ตัวเลขและ
ท่องเที่ยว ตัวอักษร
8 Gtra_imgtra รูปภาพ 50 varchar2 ตัวเลขและ
ตัวอักษร
9 Gtra_sincetime เริ่มการ - date ตัวเลขและ
เดินทาง ตัวอักษร
ท่องเที่ยว
10 Gtra_endtime สิ้นสุดการ - date ตัวเลขและ
เดินทาง ตัวอักษร
ท่องเที่ยว
ชื่อตาราง TB_MARKER_MAP
วัตถุประสงค์ เก็บรายละเอียดเกี่ยวกับการท่องเที่ยวและตัวบ่งชี้ตาแหน่ง
แฟ้มที่เกี่ยวข้อง ไม่มี

28. 17
ตารางที่ 3.8 แสดงแฟ้ม TB_MARKER_MAP
ลาดับ คุณสมบัติ คาอธิบาย ขนาด ประเภท คาเบื้องต้น ตรวจสอบ ประเภท
(Sequenc (Attribute) (Descripti (Width) (Type) (Default) ความถูกต้อง คีย(Key
์
e on) (Validation Type)
No.) Check)
1 Marker_id รหัสพิกัด - number ตัวเลข PK
ท่องเที่ยว
2 Marker_userid - number ตัวเลข
3 Marker_loc ชื่อสถานที่ 50 varchar2 ตัวเลขและ
ตัวอักษร
4 Marker_lat เคริ่องบ่งชี้ - number ตัวเลข
5 Marker_lon เคริ่องบ่งชี้ - number ตัวเลข
6 Marker_detail เก็บ 200 varchar2 ตัวเลขและ
รายละเอีย ตัวอักษร
ดการ
ท่องเที่ยว
3.5 แผนการทางาน (Flowchart)
Start
Y
N
Y
N
Y
N
Y
N
Y
N
End
รูปที่ 3.9 แสดงแผนผังระบบเว็บ

29. 18
Star
N
Y
Y
N
Y
N
Y ,
N
End
รูปที่ 3.10 แผนภาพของผู้ดูแลระบบ

30. 19
Start
,
N
,
Y
End
รูปที่ 3.11 แผนภาพแสดงการเข้าใช้งานของสมาชิก
Start
- ,
,
N
,
,
Y
End
รูปที่ 3.12 แผนภาพแสดงการสมัครสมาชิก

31. 20
Start
N
Y
End
รูปที่ 3.13 แผนภาพลืมรหัสผ่าน
Start
N
Y
Y
N
Y
N
Y
N
End
รูปที่ 3.14 แผนภาพแสดงแผนผังการทางานผู้ใช้งาน

32. 21
Start
Y
N
Y
N
N Y
,
Y
,
N N Y
End
รูปที่ 3.15 แผนภาพแสดงการใช้งานหน้าข้อมูลส่วนตัว

33. 22
Start
Y
N
Y
N Y N
Y
N
N Y
End
รูปที่ 3.16 แผนภาพแสดงการใช้งานหน้าจัดการเพื่อน
Start
N
Y
Y
Y
N
End
รูปที่ 3.17 แผนภาพแสดงการใช้งานหน้าสร้างกลุ่มท่องเที่ยว

34. 23
Start
N
Y
Y
End
รูปที่ 3.18 แผนภาพการใช้งานหน้าสร้างกลุ่มเพื่อนท่องเที่ยว
Start
N
Y
End
รูปที่ 3.19 แผนภาพการใช้งานหน้าเข้ากลุ่มเพื่อนท่องเที่ยว

35. 24
Start
N
Y
Y
End
รูปที่ 3.20 แผนภาพการใช้งานหน้า ค้นหาเพื่อนท่องเที่ยว
Start
,
N
Y
Y
End
รูปที่ 3.21 แผนภาพการใช้งานหน้าลงคะแนน

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

37. 26
Code สังคมท่องเที่ยว 1
Name หน้าแรก
Member Login
user
& Password
Login
Forgot Password Registered
&
Sound ไม่มี
Picture มี
Video ไม่มี
Animation ไม่มี
Link to ใช้ปุ่มเชื่อมต่อ (Link) ไปยังหน้าต่างๆ
รูปที่ 3.23 หน้าแรก
Code สังคมท่องเที่ยว 2

38. 27
Name ลืมรหัสผ่าน
...............................
E-mail
Sound ไม่มี
Picture มี
Video ไม่มี
Animation ไม่มี
Link to ใช้ปุ่มเชื่อมต่อ (Link) ไปยังหน้าต่างๆ
รูปที่ 3.24 หน้าลืมรหัสผ่าน
Code สังคมท่องเที่ยว 3

39. 28
Name สมัครสมาชิก
Logo
...............................
UserName *
*
E-mail *
Sound ไม่มี
Picture มี
Video ไม่มี
Animation ไม่มี
Link to ใช้ปุ่มเชื่อมต่อ (Link) ไปยังหน้าต่างๆ
รูปที่ 3.25 หน้าสมัครสมาชิก
Code สังคมท่องเที่ยว 4

40. 29
Name ผู้ใช้งาน
Logo
Sound ไม่มี
Picture มี
Video ไม่มี
Animation ไม่มี
Link to ใช้ปุ่มเชื่อมต่อ (Link) ไปยังหน้าต่างๆ
รูปที่ 3.26 หน้าผู้ใช้งาน
Code สังคมท่องเที่ยว 5

41. 30
Name ข้อมูลส่วนตัว
Logo
TEXT
TEXT
TEXT
TEXT
E-mail TEXT
TEXT
TEXT
Sound ไม่มี
Picture มี
Video ไม่มี
Animation ไม่มี
Link to ใช้ปุ่มเชื่อมต่อ (Link) ไปยังหน้าต่างๆ
รูปที่ 3.27 หน้าข้อมูลส่วนตัว
Code สังคมท่องเที่ยว 6

42. 31
Name อัลบั้มรูปภาพ
Logo
1 | 2 | 3 >>
Sound ไม่มี
Picture มี
Video ไม่มี
Animation ไม่มี
Link to ใช้ปุ่มเชื่อมต่อ (Link) ไปยังหน้าต่างๆ
รูปที่ 3.28 หน้าอัลบั้มรูปภาพ
Code สังคมท่องเที่ยว 7

43. 32
Name เพื่อน
Logo
X
X
X
Sound ไม่มี
Picture มี
Video ไม่มี
Animation ไม่มี
Link to ใช้ปุ่มเชื่อมต่อ (Link) ไปยังหน้าต่างๆ
รูปที่ 3.29 แสดงหน้าเพื่อนเรา
Code สังคมท่องเที่ยว 8

44. 33
Name เพิ่มเพื่อน
Logo
Sound ไม่มี
Picture มี
Video ไม่มี
Animation ไม่มี
Link to ใช้ปุ่มเชื่อมต่อ (Link) ไปยังหน้าต่างๆ
รูปที่ 3.30 หน้าเพิ่มเพื่อน
Code สังคมท่องเที่ยว 9

45. 34
Name ค้นหาเพื่อน
Logo
Search
X
X
X
Sound ไม่มี
Picture มี
Video ไม่มี
Animation ไม่มี
Link to ใช้ปุ่มเชื่อมต่อ (Link) ไปยังหน้าต่างๆ
รูปที่ 3.31 หน้าค้นหาเพื่อน

46. 35
บทที่ 4
การพัฒนาโปรแกรม
บทนี้จะกล่าวถึงเครื่องมือและอุปกรณ์ที่ใช้ในการพัฒนาเว็บไซต์สังคมท่องเที่ยว การพัฒนา
โปรแกรมนี้ จะทาให้เข้าใจถึงระบบการทางาน วิธีการประมวลผลและระบบการทางานโดยรวม ซึ่ง
ในการกาหนดรายละเอียดต่างๆ ที่เป็นองค์ประกอบสาคัญในการพัฒนาและปรับปรุงระบบ ซึ่งจะ
เป็นการพัฒนาระบบในอนาคต รวมถึงปัญหาที่อาจเกิดขึ้น เพื่อแก้ไขได้ง่าย และสามารถบารุงรักษา
ระบบในอนาคต และสามารถบารุงรักษาระบบงานให้มีประสิทธิภาพเหมาะกับงานที่ทาด้วย ซึ่ง
ผู้จัดทาได้พัฒนาเว็บไซต์สังคมท่องเที่ยว มีการใช้งานทางด้านอุปกรณ์และโปรแกรมต่างๆ ดังนี้
4.1 อุปกรณ์และโปรแกรมที่ใช้
1. อุปกรณ์ที่ใช้
ได้น าเครื่อ งคอมพิ วเตอร์ และอุป กรณ์ที่ ใ ช้ใ นการพั ฒนาเว็ บไซต์ สั งคมท่อ งเที่ย ว
ประกอบไปด้วยอุปกรณ์ต่างๆ ดังนี้
1.1 ซีพียู Intel(R) Core(TM) 2 Duo CPU P7450 @ 2.13GHz 2.13GHz
1.2 แรม (Ram) DDR3 ขนาดหน่วยความจา 4 GB
1.3 ฮาร์ดดิสก์ (Hard disk) ขนาดความจุ 500 GB
1.4 การ์ดจอ NVIDIA GeForce GT 130M
2. โปรแกรมที่ใช้ในการพัฒนาโครงงาน ประกอบด้วย
โปรแกรมที่ใช้ในการพัฒนาเว็ปไซต์สังคมท่องเที่ยวประกอบไปด้วย โปรแกรมต่าง ๆ
ดังในตารางที่ 4.1
ตารางที่ 4.1 โปรแกรมที่ใช้ในการพัฒนาโครงงาน
ชื่อโปรแกรม นามาใช้เพื่อ เลือกเพราะ
Adobe Dreamweaver CS4 ใช้ในการพัฒนาและออกแบบ เป็นโปรแกรมที่สนับสนุนงานทางด้านการ
หน้าจอ, ดึง ไฟล์แฟชและจัดวาง ออกแบบเว็บที่ง่ายและมีเครื่องมือหลากหลาย
หน้าเว็บ
ตารางที่ 4.1 โปรแกรมที่ใช้ในการพัฒนาโครงงาน (ต่อ)