คณะนักวิจัย ผศ.ดร.สุวิทย์ สุวรรณโณ ดร.ณัฐธิดา สุวรรณโณ · ภาพที่ 3.17 Activity

รายงานวจยฉบบสมบรณ

แอพพลเคชนระบบสบคนแหลงทองเทยวเชงนเวศ : อทยานนกน าทะเลนอยจงหวดพทลง

Application for Ecotourism Searching System : THALAE NOI Waterfowl Park Pattalung province

คณะนกวจย

ผศ.ดร.สวทย สวรรณโณ

ดร.ณฐธดา สวรรณโณ

โครงการนไดรบเงนสนบสนนจากเงนงบประมาณแผนดน

คณะการจดการสงแวดลอม มหาวทยาลยสงขลานครนทร

ประจ าปงบประมาณ 2555

ชอโครงการวจย แอพพลเคชนระบบสบคนแหลงทองเทยวเชงนเวศ : อทยานนกน าทะเลนอยจงหวดพทลง

Application for Ecotourism Searching System : THALAE NOI Waterfowl Park Pattalung province

คณะนกวจยและหนวยงานตนสงกด

1. หวหนาโครงการวจย ผศ.ดร.สวทย สวรรณโณ

หมายเลขบตรประจ าตวประชาชน 3900900002286

คณะการจดการสงแวดลอม มหาวทยาลยสงขลานครนทร

ต.คอหงส อ.หาดใหญ จ.สงขลา 90110

โทรศพท 074-286831 e-mail : [email protected]

สดสวนการท าวจย 50%

2. ผรวมโครงการวจย ดร.ณฐธดา สวรรณโณ

หมายเลขบตรประจ าตวประชาชน 4860100002302

ภาควชาบรหารธรกจ คณะวทยาการจดการ มหาวทยาลยสงขลานครนทร

ต.คอหงส อ.หาดใหญ จ.สงขลา 90110

โทรศพท 074-287935 โทรสาร 074-558855 e-mail : [email protected]

สดสวนการท าวจย 50%

mailto:[email protected]

ก

บทคดยอ

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

งามอนหลากหลายทยงคงสภาพทางธรรมชาต จากความอดมสมบรณของพชน าและสตวน าชนดตางๆ ทาให

อทยานนกน าทะเลนอยเปนแหลงอาศย หากน และทารงวางไขของนกหลายชนด โดยเฉพาะนกน าทอศยประจา

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

โดยเฉพาะในฤดอพยพจะมนกน ามากมายมาอาศยมากกวาแสนตว ดงน นเพอเปนการนาเสนอขอมลแหลง

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

สาหรบการทองเทยวเชงนเวศของอทยานนกน าทะเลนอยทสามารถคนหาขอมลเกยวกบกจกรรมตางๆในแตละ

เทศกาล การแสดงแผนทและภาพของพชพนธและสตวทอยในตาแหนงตาๆงของเขตอทยาน รายละเอยดการ

เดนทาง ของฝาก สถานทนาสนใจทอยใกลเคยง นอกจากน นนกทองเทยวสามารถแลกเปลยนประสบการณ

ตางๆไดผานเครอขายสงคมออนไลน

สาหรบการออกแบบและพฒนาระบบของงานวจยน ใชหลกการในการพฒนาซอฟตแวรแบบอะไจล

(Agile Methodology) และใชซอฟตแวรอคลปส (Eclipse) ในการพฒนา โดยวธการแบบอะไจลเปนแนวคดใหม

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

ประหยดงบประมาณ การพฒนาซอฟตแวรแบบอะไจล มหลายวธ ซงสวนใหญแลวจะเปนการพฒนาใน

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

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

ทรองรบประสทธภาพและความพงพอใจตอการใชงานของผใช (usability) ซงยงรวมไปถงคณภาพในการวด

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

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

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

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

เชงนเวศมากข นอนจะนาไปสการทองเทยวอยางยงยนในอนาคต

ข

Abstract

THALAE NOI Waterfowl Park located in Pattalung province is the eco place that plenty of various

beautiful natural sources. According to abundance of aquatic plants and aquatic animals, THALAE NOI

Waterfowl Park becomes habitat, nesting and spawning of various kinds of bird particularly local waterfowl

and migratory waterfowl in winter time. The survey found that there are approximate 186 kinds of bird in

THALAE NOI Waterfowl Park and in migration season there are exceed ten thousand birds in this area. In

order to provide information of THALAE NOI Waterfowl Park and recommend appropriate visiting season

for tourists, research team had implemented mobile application on android platform for ecotourism of

THALAE NOI Waterfowl Park. The features of this application include searching feature for activities of each

ceremony in THALAE NOI Waterfowl Park, map and pictures of plants and animal in various locations

around THALAE NOI Waterfowl Park, how to access, souvenirs, nearby interesting places and moreover

there is also sharing feature via social network.

The process of design and software development of this application used Agile methodology

and implemented by Eclipse software. Agile methodology is a new approach of project management that

combines original approach for shortened task, save time and save budget. The Agile software development

has several processes, mostly short time development. The whole projects include user requirement, analysis,

design, testing and documentation. In addition, this research integrated usability approach to develop

application. Usability focuses on efficiency, user satisfaction, evaluation of user interface’s ease of use, and

simplicity of design.

Finally, mobile application for ecotourism of THALAE NOI Waterfowl Park is an alternative

channel to disseminate ecotourism information for tourists and respond to nowadays tourists searching

behavior which is mainly using smartphone. Tourists can plan their journey and have more understand in

ecotourism that will lead to sustainable tourism in the future.

ค

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

คณะผวจยขอขอบพระคณศนยสงเสรมและบรหารจดการแหลงทองเทยวเพอการพฒนาการทองเทยว

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

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

คณ ะ ก า ร จ ด ก า ร ส ง แ ว ด ล อ ม ม ห า ว ท ย า ล ย ส ง ข ล า น ค ร น ท ร แ ล ะ คณ ะ ว ท ย า ก า ร จ ด ก า ร

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

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

คณะผวจยหวงเปนอยางยงวาผลของงานวจยช นน จะเปนประโยชนตอผทสนใจและผทตองการคนควา

เพมเตมเพอพฒนาตอยอดงานวจยตอไป

คณะผวจย

30 กนยายน พ.ศ. 2557

ง

สารบญ หนา

บทคดยอ ก Abstract ข กตตกรรมประกาศ ค สารบญ ง สารบญตาราง ฉ สารบญภาพ ช บทท 1 บทน า 1 1.1 ทมาและความส าคญของโครงการ 1 1.2 วตถประสงค 1 1.3 ประโยชนทคาดวาจะไดรบ 2 1.4 การบรณาการกบการเรยนการสอน 2 บทท 2 เอกสารทเกยวของ 3 2.1 การตรวจเอกสาร 3

2.2 เครองมอทใชในการสรางแอพพลเคชน 6 2.3 Agile Methodology 12

2.4 ระบบปฏบตการแอนดรอยด 13 บทท 3 ระเบยบวธวจย 16 3.1 กรอบแนวคดและกระบวนการท างานของระบบ 17 3.2 วธด าเนนการวจย 17 3.3 Use case diagram 17 3.4 Use case diagram ของแอพพลเคชนทะเลนอย 21 3.5 การออกแบบ user interface ฉบบราง 21 3.6 การทดสอบและประเมนผล 52 บทท4 ผลการวจย 55 4.1 ผลการแสดงสวนตดตอผใชของแอพพลเคชน 55 4.2 สวนการตดตอของผดแลระบบ 68 บทท5 บทสรปและขอเสนอแนะ 83 5.1 สรปผลการด าเนนงาน 83 5.2 ปญหาและอปสรรค 84 5.3 ขอเสนอแนะ 84

จ

สารบญ (ตอ) หนา

บรรณานกรม 85 ภาคผนวก ก แบบประเมนการใชงานแอพพลเคชน 86

ฉ

สารบญตาราง

หนา

ตารางท 3.1 Use Case Scenario : ดเนอหาภายใน Application 22

ตารางท 3.2 Use Case Scenario : verify identity 24

ตารางท 3.3 Use Case Scenario : โพสตขาวประชาสมพนธ 26

ตารางท 3.4 Use Case Scenario : แกไขขอมลสวนตว 28

ตารางท 3.5 Use Case Scenario : เพมเนอหาภายใน Application 30

ตารางท 3.6 Use Case Scenario : ลบเนอหาภายใน Application 32

ตารางท 3.7 Use Case Scenario : แกไขเนอหาภายใน Application 34

ตารางท 3.8 Data dictionary : Activity 38

ตารางท 3.9 Data dictionary : ActivityDetail 38

ตารางท 3.10 Data dictionary : Animal 38

ตารางท 3.11 Data dictionary : AnimalDetail 39

ตารางท 3.12 Data dictionary : AnimalType 39

ตารางท 3.13 Data dictionary : Gift 39

ตารางท 3.14 Data dictionary : NewsPR 40

ตารางท 3.15 Data dictionary : NeignborPlace 40

ตารางท 3.16 Data dictionary : Place 41

ตารางท 3.17 Data dictionary : Plants 41

ตารางท 3.18 Data dictionary : PlantsDetail 42

ตารางท 3.19 Data dictionary : PlantsType 42

ตารางท 3.20 Data dictionary : User 42

ตารางท 3.21 Data dictionary : Gallery 43

ช

สารบญภาพ

หนา

ภาพท 2.1 สญลกษณ Adobe Photoshop CS4 6

ภาพท 2.2 สญลกษณ phpMyAdmin 6

ภาพท 2.3 สญลกษณ Apache 7

ภาพท 2.4 สญลกษณ MySQL 8

ภาพท 2.5 สญลกษณ Eclipse 8

ภาพท 2.6 สญลกษณ Editplus 9

ภาพท 2.7 สญลกษณ SSH 10

ภาพท 2.8 สญลกษณ Adobe Dreamweaver 10

ภาพท 2.9 สญลกษณ PhoneGap 11

ภาพท 2.10 การพฒนาซอฟตแวรแบบ Agile Methodology 12

ภาพท 2.11 ภาพแสดงโครงสรางของ Android 14

ภาพท 3.1 กระบวนการท างานของระบบ 16

ภาพท 3.2 แสดงตวอยาง Use Case Diagram 18

ภาพท 3.3 แสดงสญลกษณ Actor 18

ภาพท 3.4 แสดงสญลกษณ Use Case Name 18

ภาพท 3.5 แสดงสญลกษณ Relationship 18

ภาพท 3.6 แสดงสญลกษณ System Name 19

ภาพท 3.7 แสดง Generalization Use Case 19

ภาพท 3.8 Included Use Case 20

ภาพท 3.9 Extending Use Case 20

ภาพท 3.10 Use Case Diagram of Application 21

ภาพท 3.11 Activity Diagram of ดเนอหาภายใน Application 23

ภาพท 3.12 Activity Diagram of verify identity 25

ภาพท 3.13 Activity Diagram of โพสตขาวประชาสมพนธ 27

ภาพท 3.14 Activity Diagram of แกไขขอมลสวนตว 29

ภาพท 3.15 Activity Diagram of เพมเนอหาภายใน Application 31

ซ


หนา

ภาพท 3.16 Activity Diagram of ลบเนอหาภายใน Application 33

ภาพท 3.17 Activity Diagram of แกไขเนอหาภายใน Application 35

ภาพท 3.18 ER – Diagram 37

ภาพท 3.19 หนา Welcome Screen เปนแผนทอทยานแหงชาตนกน าทะเลนอย 44

ภาพท 3.20 หนาเมน App Lay Noi 44

ภาพท 3.21 หนาเมน ขอมลทวไป 45

ภาพท 3.22 หนาเมน ขอมลพช ในประเภทรายการยอย 46

ภาพท 3.23 หนาเมน ขอมลพช แสดงรายละเอยดของพช 46

ภาพท 3.24 หนาเมน ขอมลสตว ในประเภทรายการยอย 47

ภาพท 3.25 หนาเมน ขอมลสตว แสดงรายละเอยดของสตว 47

ภาพท 3.26 หนาเมน สนคา 48

ภาพท 3.27 หนาเมน กจกรรม 48

ภาพท 3.28 หนาเมน ประชาสมพนธ 49


ภาพท 3.30 หนาเมน การเดนทาง 50

ภาพท 3.31 หนาเมน สถานทใกลเคยง 50

ภาพท 3.32 หนาเมน ปฏทน 51

ภาพท 3.33 หนาเมน แผนททะเลนอย 51

ภาพท 4.1 หนา Welcome Screen เปนแผนทอทยานแหงชาตนกน าทะเลนอย 55

ภาพท 4.2 หนาแกลอร 56

ภาพท 4.3 หนาเมน App Lay Noi 57

ภาพท 4.4 หนาเมน ขอมลทวไป 58

ภาพท 4.5 หนาเมน ประชาสมพนธ ในประเภทขาวยอย 59

ภาพท 4.6 หนาเมน ประชาสมพนธ แสดงรายละเอยดขาว 59

ภาพท 4.7 หนาเมน ขอมลพช ในประเภทรายการยอย 60

ภาพท 4.8 หนาเมน ขอมลพช แสดงรายละเอยดของพช 61

ฌ


หนา

ภาพท 4.9 หนาเมน ขอมลสตว ในประเภทรายการยอย 61

ภาพท 4.10 หนาเมน ขอมลสตว แสดงรายละเอยดของสตว 62

ภาพท 4.11 หนาเมน กจกรรม ในประเภทรายการยอย 63

ภาพท 4.12 หนาเมน กจกรรม แสดงรายละเอยดกจกรรม 63

ภาพท 4.13 หนาเมน การเดนทาง 64

ภาพท 4.14 หนาเมน สถานทใกลเคยง ในประเภทรายการยอย 64

ภาพท 4.15 หนาเมน สถานทใกลเคยง แสดงรายละเอยดสถานท 65

ภาพท 4.16 หนาเมน ปฏทน 65

ภาพท 4.17 หนาเมน ของฝาก ในประเภทรายการยอย 66

ภาพท 4.18 หนาเมน ของฝาก แสดงรายละเอยดสนคา 67

ภาพท 4.19 หนาเมน ตดตอ-สอบถาม 67

ภาพท 4.20 หนาเมน Login เขาสระบบ 68

ภาพท 4.21 หนาเมน Login เขาสระบบ 69

ภาพท 4.22 หนาเมน ประชาสมพนธ 69

ภาพท 4.23 หนาเมน ประชาสมพนธ ทใชเพมขอมล 70

ภาพท 4.24 หนาเมน ประชาสมพนธ ทใชแกไขขอมล 70

ภาพท 4.25 หนาเมน ประชาสมพนธ ทใชลบขอมล 71

ภาพท 4.26 หนาเมน ขอมลพช 71

ภาพท 4.27 หนาเมน ขอมลพช ทใชเพมขอมล 72

ภาพท 4.28 หนาเมน ขอมลพช ทใชแกไขขอมล 72

ภาพท 4.29 หนาเมน ขอมลพช ทขอมล ใชลบ 73

ภาพท 4.30 หนาเมน ขอมลสตว 73

ภาพท 4.31 หนาเมน ขอมลสตว ทใชเพมขอมล 74

ภาพท 4.32 หนาเมน ขอมลสตว ทใชแกไขขอมล 74

ภาพท 4.33 หนาเมน ขอมลสตว ทใชลบขอมล 75


ญ


หนา

ภาพท 4.35 หนาเมน กจกรรม ทใชเพมขอมล 76

ภาพท 4.36 หนาเมน กจกรรม ทใชแกไขขอมล 76

ภาพท 4.38 หนาเมน สถานทใกลเคยง 77

ภาพท 4.39 หนาเมน สถานทใกลเคยง ทใชเพมขอมล 77

ภาพท 4.40 หนาเมน สถานทใกลเคยง ทใชแกไขขอมล 78

ภาพท 4.41 หนาเมน สถานทใกลเคยง ทใชลบขอมล 78

ภาพท 4.42 หนาเมน ของฝาก 79

ภาพท 4.43 หนาเมน ของฝาก ทใชเพมขอมล 79

ภาพท 4.44 หนาเมน ของฝาก ทใชแกไขขอมล 80

ภาพท 4.45 หนาเมน ของฝาก ทใชลบขอมล 80

ภาพท 4.46 หนาเมน ขอมลผใช 81

ภาพท 4.47 หนาเมน ขอมลผใช ทใชเพมขอมล 82

ภาพท ก.1 แบบประเมนการใชงาน App Lay Noi 86

ภาพท ก.2 แบบประเมนการใชงาน App Lay Noi (ตอ) 87

ภาพท ก.3 สรปจ านวนผเขาชม และผประเมน 88

ภาพท ก.4 แสดงจ านวนเพศ สถานะของผประเมน 88

ภาพท ก.5 ผลการประเมนรปแบบ และเนอหา 89

ภาพท ก.6 ผลการประเมนภาพรวมของ App Lay Noi 89

ภาพท ก.7 รายละเอยดขอมลตอบกลบ 90

ภาพท ก.8 กราฟแสดงแนวโนมจ านวนผประเมน 90

ภาพท ก.9 กราฟแสดงแหลงทมาของผประเมน 90

ห น า | 1

บทท 1

บทน ำ

1.1 ทมำและควำมส ำคญของโครงกำร

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

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

เทคโนโลยสอสารโทรคมนาคม ในยคของ 3G ท าใหเราสามารถเขาถงการใชงานของอนเตอรเนตไดทกท

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

มาก โดยมแรงขบเคลอนหลกมาจากอปกรณเคลอนทรนใหมๆทมฟงกชนการท างานทหลากหลาย ท าให

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

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

แอพพลเคชนบนสมารทโฟน

ธรกจการทองเทยวมบทบาทส าคญในการสรางรายไดใหแกประเทศไทยมากทสดในปจจบน

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

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

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

นเวศซงเปนแหลงรวมความงามอนหลากหลายทยงคงสภาพทางธรรมชาต จากความอดมสมบรณของพชน า

และ สตวน าชนดตางๆ ท าใหอทยานนกน าทะเลนอยเปนแหลงอาศย หากน และ ท ารงวางไขของนกหลาย

ชนด โดยเฉพาะนกน าทอาศยประจ าถน และทอพยพมาในชวงฤดหนาว จากการส ารวจแลวพบวา มนกชนด

ตางๆในทะเลนอยประมาณ 186 ชนด โดยเฉพาะในฤดอพยพจะมนกน ามากมายมาอาศยมากกวาแสนตว

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

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

ระบบปฏบตการแอนดรอยดส าหรบการทองเทยวเชงนเวศของอทยานนกน าทะเลนอยทสามารถคนหา

ขอมลเกยวกบกจกรรมตางๆในแตละเทศกาล การแสดงแผนทและภาพของพชพนธและสตวทอยใน

ต าแหนงตางๆของเขตอทยาน รายละเอยดการเดนทาง ของาาก สถานทนาสนใจทอยใกลเคยง นอกจากนน

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

ห น า | 2

1.2 วตถประสงค

1. เพอศกษาและรวบรวมขอมลการทองเทยวเชงนเวศของอทยานนกน าทะเลนอย

2. เพอน าขอมลทรวบรวมไดมาวเคราะห ออกแบบ และสรางฐานขอมลการทองเทยวเชงนเวศของ

อทยานนกน าทะเลนอย

3. เพอสรางระบบสบคนการทองเทยวเชงนเวศของอทยานนกน าทะเลนอยบนระบบปฏบตการแอน

ดรอยดทสามารถแสดงผลไดบนโทรศพทมอถอสมารทโฟน และแทปเลต

1.3 ประโยชนทคำดวำจะไดรบ

1.ไดฐานขอมลเกยวกบการทองเทยวเชงนเวศของอทยานนกน าทะเลนอย

2. ไดแอพพลเคชนระบบสบคนการทองเทยวเชงนเวศของอทยานนกน าทะเลนอย และ

ประชาสมพนธใหคนทสนใจดาวนโหลดมาใชไดจาก app store ของระบบปฎบตการแอนตรอยด

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

1.4 กำรบรณำกำรกบกำรเรยนกำรสอน

1. สามารถน าหลกการออกแบบ การเกบขอมลมาใชสอนนกศกษาไดในหลายวชา เชน การเขยน

โปรแกรมบนมอถอ (Mobile Application) และวชาโครงงาน

2. เปนกรณศกษาใหกบนกศกษาระดบบณฑตศกษาได

ห น า | 3

บทท 2

เอกสำรทเกยวของ

2.1 กำรตรวจเอกสำร

การทองเทยวเชงนเวศ และการทองเทยวเชงวฒนธรรม เปนรปแบบหนงของการทองเทยวทหลายๆ

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

เปนเครองมอในการอนรกษสงแวดลอมของทรพยากรแหลงทองเทยวนนๆ มงเนนการจดการรกษา

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

ทองเทยวเฉพาะกลมเปนการทองเทยวทางเลอกแบบหนง จากการส ารวจพฤตกรรมการทองเทยวป 56

(ส านกงานสถตแหงชาต, 2556) พบวาในการทองเทยวแตละครง นกเดนทางจะท ากจกรรมระหวางเดนทาง

เปนการทองเทยวทวไปรอยละ 66 เชงศาสนารอยละ 51.1 ไมท ากจกรรมรอยละ 33.2 เชงวฒนธรรมรอยละ

19.2 เชงเกษตรกรรมรอยละ 6 เชงนเวศและผจญภยรอยละ 3 และเชงสขภาพรอยละ 0.7 ซงจะเหนไดวาการ

ทองเทยวเชงวฒนธรรมและการทองเทยวเชงนเวศมตวเลขอยในอตราทต า ดงนนจงควรสนบสนนใหมการ

สงเสรมการทองเทยวเชงวฒนธรรมและการทองเทยวเชงนเวศใหมากขน แนวทางหนงในการสงเสรมการ

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

เพอใหนกทองเทยวเกดความสนใจและเดนทางมายงแหลงทองเทยวนนๆ

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

ยงขน อกทงความกาวหนาของเทคโนโลย 3G ชวยใหเราสามารถเขาถงขอมลไดทกททกเวลาดวย

Smartphone และ Tablet โดยทางส านกงานสถตแหงชาต กระทรวงเทคโนโลยสารสนเทศและการสอสาร

(ส านกงานสถตแหงชาต, 2556) ไดมการส ารวจการใชเทคโนโลยสารสนเทศและการสอสารในครวเรอน

พ.ศ.2555 พบวา ในป 2555 ประเทศไทยมผใชอนเตอรเนต 16.6 ลานคน หรอรอยละ 26.5 ซงเมอยอนดสถต

4 ปยอนหลง พบวา ในป 2551 - 2554 มผใชอนเตอรเนตรอยละ 18.2 , 20.1 , 22.4 , และ 23.7 ตามล าดบ

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

มากในอนาคต แตทวา ในการส ารวจพฤตกรรมเรองการหาขอมลจากแหลงขอมลส าหรบการเดนทางจาก

ส านกงานสถตแหงชาต (ส านกงานสถตแหงชาต, 2556) พบวานกทองเทยวจะหาขอมลจากญาตถงรอยละ

41.7 เวบไซตการทองเทยวแหงประเทศไทยรอยละ 9.6 นตยสารการทองเทยว 9.2 สวนเวบไซตอนๆมเพยง

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

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

นาสนใจ

ห น า | 4

ในการศกษาพฤตกรรมการแสวงหาขอมลการทองเทยวผานสออนเทอรเนตเพอการตดสนใจ

ทองเทยว (นภสวณจ ศกดชชวาล, 2553) โดยมกลมตวอยาง 400 คน สวนใหญอาย 26-30 ป มพฤตกรรมการ

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

ทองเทยวจากอนเทอรเนตนน จะมความถในการคนหาขอมลดานสถานทพก ดานบรษทน าเทยว ดานการ

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

คนหาขอมลทเกยวกบการเดนทางทองเทยวนนมความถอยในอนดบตนๆ เลยทเดยว และเมอไดท าการ

คนหาขอมลการทองเทยวจากเวบเซตการทองเทยวแหงประเทศไทย (www.tat.or.th) พบวา ภายในเวบไซต

การทองเทยวแหงประเทศไทยมการใหขอมลเกยวกบขอเสนอพเศษ กจกรรมงานประเพณ และขาวการ

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

การทองเทยว ขอเสนอพเศษ สถานททองเทยว รายชอบรษทน าเทยวและแพคเกจบรษทน าเทยว อาหารและ

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

เดนทางนนจะใหขอมลการเดนทางไปยงจงหวดนนๆเทานน ไมไดมขอมลทเกยวของกบแหลงทองเทยวท

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

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

ในการตดสนใจเดนทางมาทองเทวกไมสามารถไดรบขอมลตางๆทเกยวของกบแหลงทองเทยวนนไดมาก

นก

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

สงขลา จากการส ารวจขอมลแหลงทองเทยวรอบลมน าทะเลสาบสงขลา (ปารชาต วสทธสมาจาร และคณะ,

2548) พบวามแหลงทองเทยวทางธรรมชาตจ านวน 79 แหลง จ าแนกออกได เปนกลมยอยตามลกษณะของ

สถานท ไดแก ภเขา น าตก หาดทราย พนทชมน า เกาะ จ านวน 54 แหลง และถ าจ านวน 25 แหลง และใน

สวนของแหลงทองเทยวทางโบราณคด ศลปวฒนธรรมมจ านวน 133 แหลง ไดแก ศาสนสถานจ านวน 76

แหลง เมองและชมชนโบราณจ านวน 22 แหลง และโบราณสถานอนๆจ านวน 35 แหลง ดงทไดกลาวไป

แลววาขอมลเกยวกบการทองเทยวเชงนเวศทเผยแพรอยบนเครอขายอนเตอรเนตยงมนอย ดงนนคณะผวจย

จงไดเลอกอทยานนกน าทะเลนอยเปนตนแบบของแหลงทองเทยวเชงนเวศ เนองจากอทยานนกน าทะเลนอย

จงหวดพทลง เปนสถานทส าหรบการทองเทยวเชงนเวศซงเปนแหลงรวมความงามอนหลากหลายทยงคง

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

เปนแหลงอาศย หากน และ ท ารงวางไขของนกหลายชนด โดยเฉพาะนกน าทอาศยประจ าถน และทอพยพ

มาในชวงฤดหนาว การรวบรวมขอมลเกยวการแหลงทองเทยวเชงนเวศของอทยานนกน าทะเลนอยเพอ

ห น า | 5

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

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

ของการทองเทยวเชงนเวศทจะสรางจตส านกในการรกษาทรพยากรธรรมชาตในแหลงทองเทยว ท าให

แหลงทองเทยวนนสามารถด ารงอยไดอยางยงยนตอไป

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

กระทบในทางลบนอยทสด แนวคดนไดรบความสนใจจากประเทศตางๆนบตงแต พ.ศ. 2530 เปนตนมา

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

แนวคดนมาศกษาและด าเนนการจนปรากฏผลเปนรปธรรมมากพอสมควร จากการศกษาถงผลกระทบของ

อตสาหกรรมการทองเทยวทมตอประเทศไทยในระยะเวลาทผานมา จะเหนไดวามทงผลกระทบในทางบวก

และผลกระทบในทางลบ

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

ยง ถาเปนนกทองเทยวชาวตางประเทศจะท าใหประเทศไทยมรายไดเปนเงนตราตางประเทศเพมขนอกทาง

หนง นอกเหนอไปจากการสงสนคาออก นอกจากนเงนทนกทองเทยวน าไปจบจายใชสอยยอมกระจายไปส

ทองถนทมแหลงทองเทยวตงอย ท าใหเศรษฐกจของทองถนดขน นอกจากผลดทางดานเศรษฐกจแลวยง

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

ระหวางนกทองเทยวกบคนในทองถน

สวนผลกระทบในทางลบ คอ อาจท าใหสงแวดลอมในแหลงทองเทยวเกดความเสอมโทรมจากการ

ไมระมดระวงของนกทองเทยว หรอจากการขาดการวางแผนทดของหนวยงานในทองถนในดานการพฒนา

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

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

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

เงนทนมากและอยนอกแหลงชมชนนนๆ สวนชมชนในทองถนกลบตองประสบกบปญหาตางๆท

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

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

พฒนาการทองเทยว โดยอาศยหลกการทส าคญ 2 ประการ คอ ประการแรก ตองเปนการทองเทยวอยางยงยน

และประการท 2 ตองเปนการทองเทยวเชงอนรกษ

ห น า | 6

2.2 เครองมอทใชในกำรสรำงแอพพลเคชน

2.2.1 Adobe Photoshop CS5

Adobe Photoshop CS5 นนน ามาใชในการแกไขและตกแตงรปภาพ เชน ลบ

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

ภาพท 2.1 สญลกษณ Adobe Photoshop CS4

ทมา : http://teacherjaray.blogspot.com/2014/05/blog-post.html

Photoshop เปนโปรแกรมประยกตทมความสามารถในการจดการแกไขและตกแตงรปภาพ (photo

editing and retouching) แบบแรสเตอร ซง Photoshop Cs5 คอ รนปจจบนทผลตโดยบรษท Adobe Systems

สามารถใชในการตกแตงภาพเลกนอย เชน ลบตาแดง, ลบรอยแตกของภาพ ไปจนถงการตกแตงภาพแบบ

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

ภาพ อกทง Photoshop สามารถท างานกบระบบส RGB, CMYK, Lab และ Gray scale และสามารถจดการ

กบไฟลรปภาพทส าคญได เชน ไฟลนามสกล JPG, GIF, PNG, TIF, TGA โดยไฟลท Photoshop จดเกบใน

รปแบบเฉพาะของตวโปรแกรมเอง จะใชนามสกลของไฟลวา PSD จะสามารถจดเกบคณลกษณะพเศษของ

ไฟลทเปนของ Photoshop เชน เลเยอร, ชนแนล, โหมดส รวมทงสไลส ไดครบถวน

2.2.2 phpMyAdmin 3.5.8

phpMyAdmin น ามาใชในการจดการฐานขอมล เชน การสรางตารางฐานขอมล การ

เพม ลบ แกไข หรอปรบปรงขอมลตางๆทอยในฐานขอมล ซง phpMyAdmin นจะมา

พรอมการตดตง AppServ อยแลว

ภาพท 2.2 สญลกษณ phpMyAdmin

ทมา : http://docs.phpmyadmin.net/en/latest/intro.html

phpMyAdmin เปนสวนตอประสานทสรางโดยภาษาพเอชพ ซงใชจดการฐานขอมล MySQL ผาน

เวบเบราวเซอร โดยสามารถทจะท าการสรางฐานขอมลใหม หรอท าการสราง TABLE ใหมๆ และยงม

function ทใชส าหรบการทดสอบการ query ขอมลดวยภาษา SQL พรอมกนนน ยงสามารถท าการ insert

delete update หรอแมกระทงใช ค าสงตางๆ เหมอนกบกนการใชภาษา SQL ในการสรางตารางขอมล

ในสวนของการแสดงผลหนาแรกเมอเขาสหนา แสดงผล phpMyAdmin จะแสดงรนของ

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

http://teacherjaray.blogspot.com/2014/05/blog-post.html

ห น า | 7

จะแสดงขอมลของฐานขอมลปจจบน (DATABASE NAME) และเมอท าการเลอกแลวจะแสดงโครงสราง

ของ ตารางขอมลphpMyAdmin เปนโปรแกรมประเภท MySQL Client ตวหนงทใชในการจดการขอมล

MySQL ผาน Web Browser ไดโดยตรง phpMyAdmin ตวนจะท างานบน Web Server เปน PHP

Application ทใชควบคมจดการ MySQL Server ความสามารถของ phpMyAdmin คอ

1) สรางและลบ Database

2) สรางและจดการ Table เชน แทรก record, ลบ record, แกไข record, ลบ Table, แกไข field

3) โหลดเทกซไฟลเขาไปเกบเปนขอมลในตารางได

4) หาผลสรป (Query) ดวยค าสง SQL

2.2.3 Apache 2.2.22

โปรแกรม Apache ท าหนาทเปน Webserver ในการทดสอบการแสดงผลของ

แอพพลเคชนเปน web server ทมผใชกนทวโลก มหนาทในการจดเกบ Homepage

ไปยง Browser ทมการเรยกเขายง web server ทเกบ Homepage ซงปจจบนจดไดวา

เปน web server ทนาเชอถอเปนอยางมาก

ภาพท 2.3 สญลกษณ Apache

ทมา http://www.apache.org/

Apache เปนซอฟตแวรทอยในลกษณะของ Opensource ทเปดใหบคคลทวไปสามารถเขามาพฒนา

สวนตางๆได ท าใหเกดเปน Module ทเกดประโยชนมาก เชน mod_perl, mod python, mod_php ซงท าให

Apache สามารถใชประโยชน และสามารถท างานรวมกบภาษาอนได แทนทจะเปนเพยง Server ท

ใหบรการเพยงแค HTML อยางเดยว นอกจากนยงมความสามารถอนๆ ดวย เชน การยนยนตวบคคล

(mod_auth, mod access, mod digest) หรอเพมความปลอดภยในการสอสารผาน โปรโตคอล https

(mod_ssl)

นอกจากน ยงม Module อนๆ อกทไดรบความนยมใชกน เชน mod_vhost ท าใหสามารถสราง Host

เสมอน เชน www.sample.com, wiki.sample.com, mail.sample.com ภายในเครองเดยวกนได หรอ mod

rewrite เปนเครองมอทชวยให URL ของเวบสามารถอานงายขน

ห น า | 8

2.2.4 MySQL 5.5.32

MySQLเปนฐานขอมลส าหรบ Application เพราะสามารถใชงานรวมกบภาษา

PHPได รวมถงมการใชงานไดงาย มายเอสควแอล (MySQL) คอ โปรแกรม

ระบบจดการฐานขอมล ทพฒนาโดยบรษทมายเอสควแอลเอบ (MySQL AB)

ภาพท 2.4 สญลกษณ MySQL

ทมา https://www.mysql.com/

มหนาทเกบขอมลอยางเปนระบบ รองรบค าสงเอสควแอล (SQL = Structured Query Language)

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

ระบบงานทรองรบความตองการของผใช เชนท างานรวมกบเครองบรการเวบ (Web Server) เพอใหบรการ

แกภาษาสครปตทท างานางเครองบรการ (Server-Side Script) เชน ภาษาพเอชพ ภาษาเอเอสพดอทเนต หรอ

ภาษาเจเอสพ เปนตน หรอท างานรวมกบโปรแกรมประยกต (Application Program) เชน ภาษาวชวลเบสก

ดอทเนต ภาษาจาวา หรอภาษาซชารป เปนตน โปรแกรมถกออกแบบใหสามารถท างานไดบน

ระบบปฏบตการทหลากหลาย และเปนระบบฐานขอมล Opensource ทถกน าไปใชงานมากทสด

การใชงาน MySQL เปนทนยมใชกนมากส าหรบฐานขอมล Application เชน มเดยวก และ phpBB

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

จะสอนการใชงาน MySQL และ PHP ควบคกนไป นอกจากน หลายภาษาโปรแกรมทสามารถท างาน

รวมกบฐานขอมล MySQL ซงรวมถง ภาษาซ ซพลสพลส ปาสคาล ซชารป ภาษาจาวา ภาษาเพรล พเอชพ

ไพทอน รบ และภาษาอน ใชงานผาน API ส าหรบโปรแกรมทตดตอผาน ODBC หรอ สวนเชอมตอกบ

ภาษาอน (database connector) เชน เอเอสพ สามารถเรยกใช MySQL ผานทาง MyODBC , ADO ,

ADO.NET เปนตน

2.2.5 Eclipse Kepler Release

Eclipse คอโปรแกรมทใชส าหรบพฒนาภาษา Java ซงโปรแกรม Eclipse

เปนโปรแกรมหนงทใชในการพฒนา Application Server ไดอยางมประสทธภาพ

และเนองจาก Eclipse เปนซอฟตแวร OpenSource ทพฒนาขนเพอใชโดยนกพฒนา

เอง ท าใหความกาวหนาในการพฒนาของ Eclipse เปนไปอยางตอเนองและรวดเรว

ภาพท 2.5 สญลกษณ Eclipse

ทมา : http://help.eclipse.org

http://help.eclipse.org/

ห น า | 9

Eclipse มองคประกอบหลกทเรยกวา Eclipse Platform ซงใหบรการพนฐานหลกส าหรบรวบรวม

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

เรยกวา Plug-in Development Environment (PDE) ซงใชในการเพมความสามารถในการพฒนาซอฟตแวร

มากขน เครองมอภายนอกจะถกพฒนาในรปแบบทเรยกวา Eclipse plug-ins ดงนนหากตองการให Eclipse

ท างานใดเพมเตม กเพยงแตพฒนา plugin ส าหรบงานนนขนมา และน า Plug-in นนมาตดตงเพมเตมใหกบ

Eclipse ทมอยเทานน Eclipse Plug-in ทมมาพรอมกบ Eclipse เมอเรา download มาครงแรกกคอ

องคประกอบทเรยกวา Java Development Toolkit (JDT) ซงเปนเครองมอในการเขยนและ Debug

โปรแกรมภาษา Java

ขอดของโปรแกรม Eclipse

ตดตงงาย สามารถใชไดกบ J2SDK ไดทกเวอรชน รองรบภาษาตางประเทศอกหลายภาษา ม plugin

ทใชเสรมประสทธภาพของโปรแกรม สามารถท างานไดกบไฟลหลายชนด เชน HTML, Java, C, JSP, EJB,

XML และ GIF ใชงานไดกบระบบปฏบตการ Windows, Linux และ Mac OS

2.2.6 Editplus V3.50

Editplus คอโปรแกรม text editor ตวหนง คลายกบโปรแกรม Notepad,

Dreamweaver (ซงมคณสมบตเปนทงโปรแกรมส าเรจรปในการสรางเวบเพจดวย)

ทใชในการพฒนาสครปตโปรแกรมตาง ๆ ไมวาจะเปน เขยนและแกไข Source

code ในการสรางเวบเพจ ดวยภาษา HTML, PHP, Java เปนตน เปน tools ทรน

บน windows เทานน

ภาพท 2.6 สญลกษณ Editplus

ทมา https://www.editplus.com/

ขอดของ Editplus

- สามารถใชกบภาษาไทยได

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

ค าสงไหน

- สามารถท าตวเองเปน web browser ไดดวย (IE 5.XX Compatible)

- เมอเขยน Web ดวยภาษา HTML เสรจแลว สามารถดการแสดงผลไดเลยทนท โดยใชเมน View >

View in Browser หรอ Ctrl-B หรอ ใชวธคลกปมไอคอน View in Browser

- เปดไฟลไดทละหลายๆไฟลพรอมกน

ห น า | 10

- สามารถคนหาและแทนท (Find & Replace) ขอความเดยวกนไดทละหลายๆไฟลพรอมกน

- สามารถคนหาขอความทตองการ วาปรากฏอยในไฟลไหนบาง (แสดงหมายเลขบรรทดดวย) ใน

ไดเรคทอรเดยวกน

2.2.7 SSH Secure Shell Client

เนองดวยมการพฒนาระบบบน Server ทออนไลนอยตลอดเวลา ดงนนการเขา

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

Remote และ SSH Shell กเปนโปรแกรมอกตวทใชงานไดงายและสะดวก

ภาพท 2.7 สญลกษณ SSH

ทมา http://rocketdock.com/addon/icons/12333

SSH (Secure Shell) คอ Network Protocal ทสามารถแลกเปลยนขอมลโดยชองทางทปลอดภย

(Secure Channel) ระหวางอปกรณเครอขายสองตว ใช Linux หรอ Unix เปนระบบปฏบตการพนฐานในการ

เขาถงบญชผใช (Shell Accounts) ซง SSH ไดรบการออกแบบใหมาแทนการ Telnet, Rlogin, RSH ดวย

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

เปนความลบและใหสามารถสงขอมลผานเครอขาย Internet ไดอยางสมบรณ สามารถใชงาน SSH ผาน

โปรแกรมประยกตไดมากมายบนระบบปฏบตการ UNIX, Microsoft Windows, Apple Mac และ Linux

2.2.8 Adobe Dreamweaver CS5.5

Adobe Dreamweaver CS5.5 นบไดวาเปนโปรแกรมสรางโฮมเพจทมความทนสมย

เนองจากสามารถสนบสนนการสรางเวบเพจ ดวยเทคโนโลย DHTML (Dynamic

HTML) และ XML (Extensible Markup Language)

ภาพท 2.8 สญลกษณ Adobe Dreamweaver

ทมา http://adobe-dreamweaver-cs5-5.software.informer.com/

สามารถใสสวนเพมเตม เชน Active X Applet และ Shockwave ได และสามารถใช CSS (Cascading

Style Sheet) ซงเปนเทคโนโลยใหมของการสรางเวบเพจใหนาสนใจ มภาพเคลอนไหว และสามารถโตตอบ

กบผเขาชมเวบไซตไดดยงขน Dreamweaver สามารถท างานพนฐานเกยวกบการสรางโฮมเพจในสวนตาง ๆ

ไดอยางดเยยม Source Code ของ HTML ทไดกจดอยางเรยบรอย และสามารถแกไข Source Code ท

Dreamweaver สรางขนไดโดยไมสงผลใหตวโปรแกรมท างานผดพลาดในภายหลง

ห น า | 11

2.2.9 PhoneGap

ทางนกวจยเลอกใช PhoneGap ในการพฒนาแอพพลเคชนรวมกบ Eclipse ซง

จะพฒนาในรปแบบของ Web Application

ภาพท 2.9 สญลกษณ PhoneGap

ทมา http://phonegap.com/

phonegap คอ mobile application development framework หรอเครองมอทสามารถสราง App บนมอ

ถอไดอยางงายๆ โดยไมตองเรยนรภาษาอยาง java หรอ objective-c ของ apple แตเพยงแคท าเวบไซตเปน ก

สามารถสราง application ไดทนท

PhoneGap ตวนเปน Framework ทใชท า Hybrid Application ส าหรบ Mobile Phone เหตทเปน

เชนนกเพราะวา เราสามารถเขยน Application ดวย ภาษา HTML หรอ HTML5 หรอ JavaScript แลว

สามารถท าการแปลงใหเปน Mobile Application ไดหลากหลาย Platform อาทเชน iOS, Android,

BlackBerry, Symbian, webOS, bada, Windows Phone

หลกการของ phonegap คอ จะท าการรนหนาเวบทเปน html ของเราขนมาบน application ทตอง

install ลงไปในเครอง หรอทภาษาเทคนคจะเรยกกนวา nativeapp ถาคณตองการทจะใชความสามารถตางๆ

บนมอถอ เชนสง sms ถายรป ถายวดโอ ดงรายชอเพอน หรอ สงใหเครองสน คณกสามารถท าไดโดยการ

เรยกใช javascript ท phonegap เตรยมมาให phonegap ยงเปดโอกาสใหนกพฒนาสามารถพฒนา plugin

ตางๆเขาไปเชอม กบ phonegap ได อยาง plugin ทเหนกนตอนนกจะม barcodescan pushnotification หรอ

แมแต nfc reader ของ Android ขอดอยางนงของ phonegap กคอ code หรออะไรกตามทใช javascript หรอ

html อยแลว สามารถน ามาปรบใชกบ phonegap ไดทนท

phonegap ยงม บรการหนงทชอวา phonegap build ทท าใหเราสามารถสราง applicaion ใหกบ

หลายๆระบบปฎบตการ โดยเพยงแคอพโหลดไฟลขนไปยง phonegap build หลกจากนนตวระบบจะสราง

ไฟลทพรอมทจะเอาไปเขา market หรอ appstore ทนท และหลกฐานทยนยนวา phonegap ดจรง คอ การท

Adobe ประกาศให dreamweaver support การท างานของ phonegap อยางเตมระบบ

ขอด

พฒนางายและรวดเรว เพราะ ใช ภาษา html ทเขาใจงาย

ไมตองเรยนรภาษาใหม

ห น า | 12

นกพฒนาสามารถเขาไปเขยน plugin เสรมไดเรอยๆ ท าใหเรามอะไรใหมๆใหเราใชตลอดเวลา

ขอเสย

phonegap ไมใช native application เตมตวจงท าใหไมสามารถเรยกความสามารถบางอยางมาใช

ไมได เชน user interface หรอ system function บางอยางและไมไดรนบน server

2.3 Agile Methodology

ในการวเคราะหและการออกแบบระบบนนคณะผวจยใชหลกการในการพฒนาซอฟตแวรแบบ

Agile Methodology ซงเปนแนวคดใหมส าหรบการพฒนาซอฟตแวรทพยายามจะแทรกตวเขาไปในวธการ

แบบเดม เพอใหงานสนลง ประหยดเวลา และประหยดงบประมาณ การพฒนาซอฟตแวรแบบ Agile ม

หลายวธซงสวนใหญแลวจะเปนการพฒนาในชวงเวลาสน ๆ โดยโครงงานทงหมดจะประกอบดวย กจกรรม

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

ซอฟทแวรแบบ Agile จะเนนเรองการสอสารแบบตวตอตวมากกวาการใชเอกสาร ทมงานอยางนอยตอง

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

Agile ยงเนนใหการพฒนาซอฟตแวรมความกาวหนาและเปนไปตามมาตรฐานทไดวางไว รวมกนกบการ

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

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

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

ภาพท 2.10 การพฒนาซอฟตแวรแบบ Agile Methodology (Agile Methodology, 2557)

ห น า | 13

การวเคราะหระบบและการออกแบบ (System Analysis and Design) เปนวธการทใชในการสราง

ระบบสารสนเทศขนมาใหมในงานใดงานหนงหรอระบบยอยของงาน นอกจากการสรางระบบสารสนเทศ

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

ระบบ คอ การหาความตองการ (Requirements) ของระบบสารสนเทศวาคออะไร หรอตองการเพมเตมอะไร

เขามาในระบบ เปนขนตอนคนหาและรวบรวมขอมลทเกยวของกบระบบทจะพฒนา คนหาปญหาจาก

ระบบงาน และวเคราะหวนจฉยปญหาตาง ๆ ทเกดขน เพอหาแนวทางพฒนาปรบปรงระบบงานใหดขน

นอกจากนนการวเคราะหยงตองท าการศกษาความตองการของระบบงานใหมทจะไดรบจากการพฒนาใน

อนาคต ประเดนส าคญของการวเคราะหระบบ คอ หาปญหา เสนอแนวทางปรบปรง หรอแนวทางการ

แกปญหาบอกทศทางการพฒนาระบบงานใหมวาควรพฒนาแลวระบบงานใหมอะไรบาง

2.4 ระบบปฏบตกำรแอนดรอยด

เปนระบบปฏบตการส าหรบอปกรณพกพา เชน โทรศพทเคลอนท แทบเลต เนตบค ท างานบน ลนกซ

เคอรเนล เรมพฒนาโดยบรษท แอนดรอยด ( Android Inc. ) ภายหลงถกพฒนาในนามของ Open Handset

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

ชด Java libraries ทกเกลพฒนาขน (นท พลภกด, 2554)

โครงสรางของแอนดรอยด สามารถแสดงไดดงรปท 1.2 จากโครงสรางของระบบปฏบตการแอน

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

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

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

สามารถอธบายไดดงน

Applications สวน Application หรอสวนของโปรแกรมทมมากบระบบปฏบตการ หรอเปนกลมของ

โปรแกรมทผใชงานไดท าการตดตงไว โดยผใชงานสามารถเรยกใชโปรแกรมตางๆไดโดยตรง ซงการ

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

Application Frameworkเปนสวนทมการพฒนาขนเพอใหนกพฒนาสามารถพฒนาโปรแกรมได

สะดวก และมประสทธภาพมากยงขน โดยนกพฒนาไมจ าเปนตองพฒนาในสวนทมความยงยากมากๆ เพยง

แคท าการศกษาถงวธการเรยกใชงาน Application Framework ในสวนทตองการใชงาน แลวน ามาใชงาน ซง

มหลายกลมดวยกน ตวอยางเชน

ห น า | 14

ภาพท 2.11 ภาพแสดงโครงสรางของ Android (นท พลภกด, 2554)

Activities Manager เปนกลมของชดค าสงทจดการเกยวกบวงจรการท างานของหนาตางโปรแกรม

(Activity)

Content Providers เปนกลมของชดค าสง ทใชในการเขาถงขอมลของโปรแกรมอน และสามารถ

แบงปนขอมลใหโปรแกรมอนเขาถงได

View System เปนกลมของชดค าสงทเกยวกบการจดการโครงสรางของหนาจอทแสดงผลในสวนท

ตดตอกบผใชงาน (User Interface)

Telephony Manager เปนกลมของชดค าสงทใชในการเขาถงขอมลดานโทรศพท เชนหมายเลข

โทรศพท เปนตน

Resource Manager เปนกลมของชดค าสงในการเขาถงขอมลทเปน ขอความ, รปภาพ

Location Manager เปนกลมของชดค าสงทเกยวกบต าแหนงทางภมศาตร ทระบบปฏบตการไดรบ

คาจากอปกรณ

Notification Manager เปนกลมของชดค าสงทจะถกเรยกใชเมอโปรแกรม ตองการแสดงผลใหกบ

ผใชงานผานทางแถบสถานะ(Status Bar) ของหนาจอ

Libraries เปนสวนของชดค าสงทพฒนาดวย C/C++ โดยแบงชดค าสงออกเปนกลมตาม

วตถประสงคของการใชงาน เชน Surface Manage จดการเกยวกบการแสดงผล, Media Framework จดการ

เกยวกบการการแสดงภาพและเสยง, Open GL | ES และ SGL จดการเกยวกบภาพ 3มต และ 2มต, SQLite

จดการเกยวกบระบบฐานขอมล เปนตน

ห น า | 15

Android Runtime จะม Darvik Virtual Machine ทถกออกแบบมา เพอใหท างานบนอปกรณทม

หนวยความจ า (Memmory), หนวยประมวลผลกลาง(CPU) และพลงงาน(Battery)ทจ ากด ซงการท างานของ

Darvik Virtual Machine จะท าการแปลงไฟลทตองการท างาน ไปเปนไฟล .DEX กอนการท างาน เหตผลก

เพอใหมประสทธภาพเพมขนเมอใชงานกบ หนวยประมวลผลกลางทมความเรวไมมาก สวนตอมาคอ Core

Libraries ทเปนสวนรวบรวมค าสงและชดค าสงส าคญ โดยถกเขยนดวยภาษาจาวา (Java Language)

Linux Kernel เปนสวนทท าหนาทหวใจส าคญ ในจดการกบบรการหลกของระบบปฏบตการ เชน

เรองหนวยความจ า พลงงาน ตดตอกบอปกรณตางๆ ความปลอดภย เครอขาย โดยแอนดรอยดไดน าเอาสวน

นมาจากระบบปฏบตการลนกซ รน 2.6 (Linux 26. Kernel) ซงไดมการออกแบบมาเปนอยางด

Android SDK ยอมาจาก Android Software Development Kit ซงเปนชดโปรแกรมททาง Google

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

คาใชจาย ซงนกเปนหนงในปจจยทท าใหแอปพลเคชนบน Android นนเพมขน อยางรวดเรว ซงในชด SDK

นนจะมโปรแกรมและไลบรารตางๆ ทจ าเปนตอการพฒนาแอปพลเคชนบน Android อยางเชน Emulator ซง

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

มอถอทรนระบบปฏบตการ Android (Android Programming, 2555)

ห น า | 16

บทท 3

ระเบยบวธวจย

3.1 กรอบแนวคดและกระบวนกำรท ำงำนของระบบ

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

ภาพท 3.1 กระบวนการท างานของระบบ

กระบวนการท างานของระบบสามารถอธบายไดดงน

1. การท างานของระบบเรมจากการส ารวจขอมลการทองเทยวเชงนเวศโดยใชอทยานนกน าทะเล

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

และผน าชมชน รวมถงการรวบรวมขอมลจากสอสงพมพตางๆ วารสาร เปนตน

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

3. สรางฐานขอมลการทองเทยวเชงนเวศของอทยานนกน าทะเลนอย

4. สรางแอปพลเคชนเพอการสบคนการทองเทยวเชงนเวศบนระบบปฏบตการแอนดรอยดจาก

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

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

5. ผใชงานสามารถเขาถงและคนหาขอมลการทองเทยวเชงนเวศของอทยานนกน าทะเลนอยจาก

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

ดวยกน คอ

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

สวนท 2 ผดแลระบบ สามารถเขาไปเพมเตม แกไขขอมลตางๆของระบบผานทางเวบบราวเซอร

ห น า | 17

3.2 วธด ำเนนกำรวจย

1. ศกษา รวบรวมขอมลการทองเทยวเชงนเวศของอทยานนกน าทะเลนอย อนประกอบดวย

เสนทางการเขาถง กจกรรม ขาวสาร ฤดการดนก พชพนธ สตว เปนตน โดยรวบรวมจากเอกสารขอมลท

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

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

2. ท าการลงพนทเพอสอบถามขอมลจากเจาหนาทอทยานนกน าทะเลนอยและผรในชมชน เพอ

ส ารวจขอมลตางๆเพมเตมซงอาจะไมปรากฏในสอตางๆ

3. น าขอมลทรวบรวมได มาวเคราะหเพอจดหมวดหมและแบงประเภทส าหรบสบคนขอมล และท า

การออกแบบฐานขอมล

4. สรางฐานขอมลการทองเทยวเชงนเวศของอทยานนกน าทะเลนอย

5. ออกแบบกระบวนการสรางแอพพลเคชน โดยใชหลกการของ agile methodology เพอตอบสนอง

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

6. สรางโมบายลแอพพลเคชนบนระบบปฏบตการแอนดรอยด โดยใชภาษา html 5

7. ทดสอบการใชงานของแอพพลเคชน โดยใชผทดสอบจ านวน 10 คน

8. ปรบปรงแอพพลเคชน จากผลการทดสอบในขอ 3 เพอใหสามารถตอบสนองการใชงานของผใช

ไดมากทสด

9. ประชาสมพนธใหดาวนโหลดแอพพลเคชนไปใชงานตามชองทางเวปไซตตางๆ และตดตง QR

code ในแหลงทองเทยว

10. จดอบรมเชงปฏบตการเพอใหความรเกยวกบการใชงานแอพพลเคชนแกชมชนทอยรอบอทยาน

นกน าทะเลนอย รวมถงเจาหนาทของอทยานนกน าทะเลนอย จ านวน 30 คนระยะเวลา 1 วน และส ารวจ

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

3.3 Use case diagram

Use Case Diagram คอ แผนภาพทแสดงการท างานของผใชระบบ (User) และความสมพนธกบระบบ

ยอย (Sub systems) ภายในระบบใหญ ในการเขยน Use Case Diagram ผใชระบบ (User) จะถกก าหนดให

เปน Actor และ ระบบยอย (Sub systems) คอ Use Case จดประสงคหลกของการเขยน Use Case Diagram

เพอเลาเรองราวทงหมดของระบบวามการท างานอะไรบาง เปนการดง Requirement หรอเรองราวตาง ๆ ของ

ระบบจากผใชงาน ซงถอวาเปนจดเรมตนในการวเคราะหและออกแบบระบบ ดงภาพท 3.2

ห น า | 18

ภาพท 3.2 แสดงตวอยางUse Case Diagram

Use Case Diagram ประกอบดวย

1. Actor คอ ผทกระท ากบระบบ อาจเปนผทท าการสงขอมล รบขอมล หรอ แลกเปลยนขอมลกบระบบ

นนๆ เชน ลกคากบระบบสงซอสนคาทางโทรศพท

ภาพท 3.3 แสดงสญลกษณ Actor

2. Use Case Name คอ ชอหนาทหรองานตางๆในระบบ เชน การเชคสตอก การสงซอสนคา เปนตน

ภาพท 3.4 แสดงสญลกษณ Use Case Name

3. Relationship คอ ความสมพนธระหวาง Use Case กบ Actor

<<relationship name>>

ภาพท 3.5 แสดงสญลกษณ Relationship

R e g i s t r a t i o n S y s t e m

R e g i s t e r C o u r s e

C h e c k o u t C o u r s e

R e c o r d B i l l i n g

S t u d e n t

F i n a n c i a l S t a f f

R e g i s t r a t i o n S t a f f

U s e C a s e N a m e

ห น า | 19

4. System name กรอบของ Use Case ทก ๆตวจะตองอยภายในสเหลยมเดยวกนซงมชอของระบบระบอย

ดวย

ภาพท 3.6 แสดงสญลกษณ System Name

ความสมพนธใน Use Case Diagram หมายถง ความสมพนธทแตละ Use Case ภายใน Use Case

Diagram สามารถมความสมพนธระหวาง Use Case จ าแนกออกเปน 3 ประเภท ไดแก

1. Generalization/Specialization สามารถใชในกรณทตองการแสดงความสมพนธในการจ าแนก

ประเภทของ Use Case

ภาพท 3.7 แสดง Generalization Use Case

ตวอยาง Use Case และความสมพนธระหวาง Use Case ทจ าลองสถานการณ “การตรวจสอบความ

ถกตองของผใชงานระบบ (Validate User) สามารถกระท าไดหลายวธ ไดแก การตรวจสอบจาก Password

(Verify Password) และการตรวจจากลายนวมอ (Fingerprint Recognition)

2. Includes เปนความสมพนธในกรณท Use Case หนงไปเรยกใชหรอดงเอากจกรรมของอก Use

Case หนง เพอใหกจกรรมนนเกดขนจรงในตนเอง หรอกลาวโดยสรปคอ กจกรรมใน Use Case หนงอาจจะ

ถกผนวกเขาไปรวมกบกจกรรมของอก Use Case หนง เรยกความสมพนธระหวาง Use Case ในลกษณะนวา

“Include” โดย Use Case ทท าหนาทดงกจกรรมมาจาก Use Case อนๆ เรยกวา “Base Use Case” ในขณะท

Use Case ทถกเรยกใชหรอถกดงกจกรรม เรยกวา “Included Use Case”

ห น า | 20

ภาพท 3.8 Included Use Case

3. Extends เปนความสมพนธระหวาง Use Case อกลกษณะหนง ทสามารถเกดขนไดคอ กรณทบาง

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

กจกรรมตามปกตของ Use Case นน ถกรบกวนจนเบยงเบนไปสามารถแสดงเงอนไขหรอสงกระตน

เหลานนไดในรปของ Use Case เรยกความสมพนธระหวาง Use Case ในลกษณะนวาความสมพนธแบบ

“Extend” เรยก Use Case ทถกรบกวนหรอถกกระตนวา “Base Use Case” และเรยก Use Case ทท าหนาท

รบกวนหรอกระตน Base Use Case วา “Extending Use Case”เราจะใชความสมพนธแบบ Extend เพอแสดง

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

เพยงหนงเดยวในขณะทเหตการณทางเลอกอาจมไดมากกวาหนงไดใชสญลกษณลกศรทม stereotype เปน

<<extend>> ลากจาก Extending Use Case ไปยง Base Use Case

ภาพท 3.9 Extending Use Case

ประโยชนของ Use case diagram

1. ชวยใหผพฒนาระบบสามารถแยกแยะกจกรรมทอาจจะเกดขนในระบบ

2. เปน diagram พนฐาน ทสามารถอธบายสงตาง ๆ ไดโดยใชรปภาพทไมซบซอน

3. Use Case Diagram จะมประสทธภาพ หากผเขยนมความเขาใจใน problem domain อยางแทจรง

ห น า | 21

3.4 Use case diagram ของแอพพลเคชนทะเลนอย

ภาพท 3.10 Use Case Diagram of Application

ผใชงานทวไป สามารถดเนอหาภายใน Application สวนผดแลระบบ สามารถดเนอหาภายใน

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

เขาระบบโดยการ Verify identity ดงภาพท 3.10

ห น า | 22

Use Case Scenario

ตารางท 3.1 Use Case Scenario : ดเนอหาภายใน Application

Use case name : ดเนอหาภายใน Application

Area : Laynoi Application

Actor(s) : ผใชงานทวไป, ผดแลระบบ

Description : User ทกประเภทสามารถทจะเขาดเนอหาภายใน Applicationได ซงไดแก ขอมลทวไป,

ปฎทน, ประชาสมพนธ,สถานทใกลเคยง, ของาาก, กจกรรม, การเดนทาง, ตดตอสอบถาม, ขอมลพช,

ขอมลสตว,

Triggering Event : เขาส Application

Steps Performed (Main Path) Information for Steps

1. เปด Application หนา Application

2. กดเลอก “เมนหลก” หนาเมนหลกของ Application

3. เลอก เมน ทตองการดขอมล หนา Application ท user ตองการ

Preconditions : เขาส Application

Postconditions : user ทกประเภทสามารถดเนอหาภายใน Application ไดครบถวนแลว

Assumptions : user จะตองม Application บนอปกรณทรองรบได

Requirement met : อนญาตให user ทกประเภทสามารถดเนอหาภายใน Application ไดตามตองการ

Priority : Advanced

Risk : Low

ห น า | 23

Activity Diagram ดเนอหำภำยใน Application

ภาพท 3.11 Activity Diagram of ดเนอหาภายใน Application

ห น า | 24

ตารางท 3.2 Use Case Scenario : verify identity

Use Case Scenario

Use case name : verify identity


Actor(s) : ผดแลระบบ

Description : ปอน Username และ Password ในการเขาใชงานภายในระบบ

Triggering Event : ผดแลระบบ มการปอน Username และ Password และกดปม Sign In เพอเขาใชงาน


1. เปดหนาเวบไซต

2. กด Sign In หนาเวบไซต

3. พมพ Username และ Password จากนนกด Sign

In เพอท าการตรวจสอบ

Username และ Password

Preconditions : ผดแลระบบมการ Login หนาเวบไซต

Postconditions : ผดแลระบบมการ Login หนาเวบไซตทประสบความส าเรจ

Assumptions : ผดแลระบบม username และ password ทถกตอง

Requirement met : ใหผดแลระบบสามารถ Login โดยใชเวบไซตทมความปลอดภย

Priority : Advanced

Risk : Low

ห น า | 25

Activity Diagram of verify identity

ภาพท 3.12 Activity Diagram of verify identity

ห น า | 26

ตารางท 3.3 Use Case Scenario : โพสตขาวประชาสมพนธ

Use Case Scenario

Use case name : โพสตขาวประชาสมพนธ



Description : เปนการโพสตขาวประชาสมพนธตางๆทเกยวของกบอทยานนกน าทะเลนอยโดยจะ

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

Triggering Event : ถา user ตองการใช Use case โพสตขาวประชาสมพนธน ตองผานการพสจนตวตน

ของ user กอนเขาสระบบโดยใช Username และ Password ของ user กอน


1. เขาสระบบ

2. กดปม เพมขอมลประชำสมพนธ

3. ใส ขาวประชาสมพนธ ขาวประชาสมพนธ

4. กด ยนยน การท ารายการ ขาวประชาสมพนธ

Preconditions : user มหนาเวบไซตแสดงขอมลขาวประชาสมพนธและขอมลทจะโพสต

Postconditions : user สามารถโพสตขาวประชาสมพนธเรยบรอยแลว

Assumptions : user จะตองม username และ password เพอเขาสระบบน

Requirement met : อนญาตให user สามารถโพสตขาวประชาสมพนธไดตามตองการ

Priority : Advanced

Risk : Medium

ห น า | 27

Activity Diagram of โพสตขำวประชำสมพนธ

ภาพท 3.13 Activity Diagram of โพสตขาวประชาสมพนธ

ห น า | 28

ตารางท 3.4 Use Case Scenario : แกไขขอมลสวนตว

Use Case Scenario

Use case name : แกไขขอมลสวนตว


Actor(s) : เจาหนาท

Description : เมอมการสมครสมาชกและเขาสระบบเรยบรอยแลว สามารถทจะกลบไปแกไขขอมล

สวนตวภายหลงได

Triggering Event : ถา user ตองการใช Use case แกไขขอมลสวนตวนตองมการพสจนตวตนของ user

กอนเขาสระบบโดยใช Username และ Password



2. กดปม แกไขขอมลสวนตว

3. แกไขขอมลสวนตว ขอมลสวนตว

4. กด ยนยน การท ารายการ ขอมลสวนตว

Preconditions : user มหนาเวบไซตแสดงขอมลสวนตวและขอมลทจะแกไข

Postconditions : user สามารถแกไขขอมลสวนตวเรยบรอยแลว

Assumptions : user จะตองม username และ password เพอเขาสแกไขขอมลสวนตวน

Requirement met : อนญาตให user สามารถแกไขขอมลสวนตวไดตามตองการ

Priority : Advanced

Risk : Medium

ห น า | 29

Activity Diagram of แกไขขอมลสวนตว

ภาพท 3.14 Activity Diagram of แกไขขอมลสวนตว

ห น า | 30

ตารางท 3.5 Use Case Scenario : เพมเนอหาภายใน Application

Use Case Scenario

Use case name : เพมเนอหาภายใน Application



Description : เมอมการสมครสมาชกและเขาสระบบเรยบรอยแลว สามารถทจะเพมเนอหาภายใน

Application ได

Triggering Event : ถา user ตองการใช Use case เพมเนอหาภายใน Application นตองมการพสจน

ตวตนของ user ผานการกรอก Username และ Password เพอเขาสระบบ



2. กดปม “เพมขอมล”

3. เพมเนอหาภายใน Application ขอมลทะเลนอย

4. กดยนยนการท ารายการ ขอมลทะเลนอย

Preconditions : user มหนาเวบไซตแสดงขอมลทะเลนอยและขอมลทจะเพม

Postconditions : user สามารถเพมเนอหาภายใน Application เรยบรอยแลว

Assumptions : user จะตองม username และ password เพอเพมเนอหาภายใน Application น

Requirement met : อนญาตให user สามารถเพมเนอหาภายใน Application ไดตามตองการ

Priority : Medium

Risk : Medium

ห น า | 31

Activity Diagram of เพมเนอหำภำยใน Application

ภาพท 3.15 Activity Diagram of เพมเนอหาภายใน Application

ห น า | 32

ตารางท 3.6 Use Case Scenario : ลบเนอหาภายใน Application

Use Case Scenario

Use case name : ลบเนอหาภายใน Application



Description : เมอมการสมครสมาชกและเขาสระบบเรยบรอยแลว สามารถทจะลบเนอหาภายใน

Application ได

Triggering Event : ถา user ตองการใช Use case ลบเนอหาภายใน Application นตองมการพสจน




2. กดปม “ลบขอมล”

3. ลบเนอหาภายใน Application ขอมลทะเลนอย


Preconditions : user มหนาเวบไซตแสดงขอมลทะเลนอยและขอมลทตองการลบ

Postconditions : user สามารถลบเนอหาภายใน Application เรยบรอยแลว

Assumptions : user จะตองม username และ password เพอเขาสลบเนอหาภายใน Application น

Requirement met : อนญาตให user สามารถลบเนอหาภายใน Application ไดตามตองการ

Priority : Advanced

Risk : Medium

ห น า | 33

Activity Diagram of ลบเนอหำภำยใน Application

ภาพท 3.16 Activity Diagram of ลบเนอหาภายใน Application

ห น า | 34

ตารางท 3.7 Use Case Scenario : แกไขเนอหาภายใน Application

Use Case Scenario

Use case name : แกไขเนอหาภายใน Application



Description : เมอมการสมครสมาชกและเขาสระบบเรยบรอยแลว สามารถทจะแกไขเนอหาภายใน

Application ได

Triggering Event : ถา user ตองการใช Use case แกไขเนอหาภายใน Application นตองมการพสจน




2. กดปม “แกไขขอมล”

3. แกไขเนอหาภายใน Application ขอมลทะเลนอย


Preconditions : user มหนาเวบไซตแสดงขอมลทะเลนอยและขอมลทตองการแกไข

Postconditions : user สามารถแกไขเนอหาภายใน Application เรยบรอยแลว

Assumptions : user จะตองม username และ password เพอเขาสการแกไขเนอหาภายใน Application น

Requirement met : อนญาตให user สามารถแกไขเนอหาภายใน Application ไดตามตองการ

Priority : Advanced

Risk : Medium

ห น า | 35

Activity Diagram of แกไขเนอหำภำยใน Application

ภาพท 3.17 Activity Diagram of แกไขเนอหาภายใน Application

ห น า | 36

ER-Diagram

Plants

PK

FK

PlantsID

PlantsTypeID

Name

Picture

Detail

Animal

PK

FK

AnimalID

AnimalTypeID

Name

Picture

Detail

AnimalType

PK AnimalTypeID

Name

PlantsType

PK PlantsTypeID

Name

Place

PK PlaceID

Latitude

Longitude

Address

Road

Tambol

Ampher

Province

Post

AnimalDetail

FK1

FK2

AnimalID

PlaceID

Amount

StartDate

EndDate

PlantsDetail

FK1

FK2

PlantsID

PlaceID

Amount

StartDate

EndDate

Activity

PK ActivityID

Name

Detail

Time

Picture

NeighborPlace

PK

FK

NeighborPlaceID

PlaceID

Name

Picture

Detail

ActivityDetail

FK1

FK2

ActivityID

PlaceID

ห น า | 37

News & PR

PK

FK

News & PR.ID

UserID

Topic

Detail

CrateBy

Date

ภาพท 3.18 ER - Diagram

User

PK

FK

UserID

UserType

Password

Name

E-mail

Phone Gift

PK GiftID

Name

Detail

Picture

UserType

PK UserTypeID

Name

ห น า | 38

Data dictionary

Activity

ตารางท 3.8 Data dictionary : Activity

Column Type Null Default Comments

ActivityID int(100) No ไอดกจกรรม

Name varchar(100) No ชอกจกรรม

Detail varchar(1000) No รายละเอยดของกจกรรม

Picture varchar(1000) No ภาพกจกรรม

ActivityDetail

ตารางท 3.9 Data dictionary : ActivityDetail


ActivityID int(10) No ไอดกจกรรม

PlaceID int(10) No ไอดสถานท

Animal

ตารางท 3.10 Data dictionary : Animal


AnimalID int(10) No ไอดสตว

Name varchar(100) No ชอสตวทพบ

AnimalTypeID varchar(5) No ประเภทสตว

Picture varchar(500) No ภาพสตว

Detail varchar(5000) No รายละเอยดสตว

ห น า | 39

AnimalDetail

ตารางท 3.11 Data dictionary : AnimalDetail


AnimalID int(10) No ไอดสตว


Amount int(10) No จ านวนสตวพพบ

StartDate date No ชวงวนทพบ

EndDate date No สนสดวนทพบ

AnimalType

ตารางท 3.12 Data dictionary : AnimalType


AnimalTypeID int(11) No ไอดประเภทสตว

Name varchar(20) No ชอประเภทสตว

Gift

ตารางท 3.13 Data dictionary : Gift


GiftID int(10) No ไอดของาาก

Name varchar(20) No ชอของาาก

Detail varchar(1000) No รายละเอยดของาาก

Picture varchar(1000) No ภาพของาาก

ห น า | 40

NewsPR

ตารางท 3.14 Data dictionary : NewsPR


NewsPR.ID int(10) No ไอดขาวและประชาสมพนธ

UserID int(10) No ไอดผประกาศ

Topic varchar(50) No หวขอขาว และประชาสมพนธ

Detail varchar(500) No รายละเอยดขาว

Picture varchar(100) No ภาพขาวและประชาสมพนธ

CreateBy varchar(100) No ผประกาศ

Date date No วนทประกาศ

NeighborPlace

ตารางท 3.15 Data dictionary : NeignborPlace


NeighborPlaceID int(10) No ไอดสถานทใกลเคยง


Name varchar(100) No ชอสถานทใกลเคยง

Picture varchar(100) No ภาพสถานทใกลเคยง

Detail varchar(10000) No รายละเอยดสถานทใกลเคยง

ห น า | 41

Place

ตารางท 3.16 Data dictionary : Place



Latitude varchar(20) No ละตจด

longitude varchar(20) No ลองจจด

Tambol varchar(20) No ต าบล

Ampher varchar(20) No อ าเภอ

Province varchar(20) No จงหวด

Post varchar(5) No รหสไปรษณย

Plants

ตารางท 3.17 Data dictionary : Plants


PlantsID int(10) No ไอดพช

Name varchar(100) No ชอพช

PlantsTypeID varchar(10) No ประเภทพช

Picture varchar(10000) No ภาพพช

Detail varchar(1000) No รายละเอยดพช

ห น า | 42

PlantsDetail

ตารางท 3.18 Data dictionary : PlantsDetail


PlantsID int(10) No ไอดพช


Amount varchar(10) No จ านวนทพบ

StartDate date No วนเรมตนทพบ

EndDate date No วนสนสดการพบ

PlantsType

ตารางท 3.19 Data dictionary : PlantsType


PlantsTypeID int(10) No ประเภทพช

Name varchar(20) No ชอประเภทพช

User

ตารางท 3.20 Data dictionary : User


UserID int(10) No ไอดผใช

Password varchar(10) No รหสผานผใช

Name varchar(20) No ชอผใช

Picture varchar(1000) No รปภาพ

ห น า | 43

E-mail varchar(50) No อเมลลผใช

Phone varchar(10) No เบอรตดตอผใช

UserType varchar(10) No ประเภทผใช

Gallery

ตารางท 3.21 Data dictionary : Gallery


GalleryID int(3) No

CategoryID int(1) No

Thumbnail varchar(100) No

ImageFull varchar(100) No

Description varchar(150) No

ห น า | 44

3.5 กำรออกแบบ user interface ฉบบรำง

3.5.1 เมน welcome screen

ภาพท 3.19 หนา Welcome Screen เปนแผนทอทยานแหงชาตนกน าทะเลนอย

หนาแรกของ Application จะแสดงเปนแผนทอทยานนกน าทะเลนอย ทสามารถแสดงต าแหนงของ

สตว พช และรวมถงกจกรรมตางๆทมภายในอทยานนกน าทะเลนอย

3.5.2 เมนหลก

ภาพท 3.20 หนาเมน App Lay Noi

การใชงาน Application Lay Noi จะมการ Login เขาสระบบส าหรบเจาหนาท และผดแลระบบ

แบงออกเปน 8 เมนหลกตามการใชงาน ดงน

- ขอมลทวไป : ขอมล และรายละเอยดเกยวกบอทยานนกน าทะเลนอย

ห น า | 45

- สนคำ : สนคาทมชอเสยงและเปนทนยมภายในอทยานนกน าทะเลนอย

- กจกรรม : กจกรรมทมภายในอทยานนกน าทะเลนอย

- กำรเดนทำง : เสนทาง / รายละเอยดของการเดนทางมายงอทยานนกน าทะเลนอย

- สถำนทใกลเคยง : สถานททองเทยวบรเวณใกลเคยงกบอทยานนกน าทะเลนอย

- แผนท : แผนทของอทยานนกน าทะเลนอย

- ปฏทน : ชวงเวลาทสามารถพบเหนสตวและพชภายในอทยานนกน าทะเลนอย

- ประชำสมพนธ : ขาวสาร / ประกาศเกยวกบอทยานนกน าทะเลนอย

3.5.3 ขอมลทวไป

ภาพท 3.21 หนาเมน ขอมลทวไป

เมอผใชงานเขามายงหนาเมน ขอมลทวไป จะปรากฏหนา 3.17 โดยในแถบดานบนจะมปม Back

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

ห น า | 46

3.5.4 ขอมลพช

ภาพท 3.22 หนาเมน ขอมลพช ในประเภทรายการยอย

เมอผใชงานเขามายงหนาเมน ขอมลพช จะปรากฏหนา 3.18 โดยในแถบดานบนจะมปม Back

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

รายการยอย

ภาพท 3.23 หนาเมน ขอมลพช แสดงรายละเอยดของพช

เมอผใชงานเลอกรายการพช จะปรากฏหนา 3.19 โดยในแถบดานบนจะมปม Back เพองายตอ

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

ของพช

ห น า | 47

3.5.5 ขอมลสตว

ภาพท 3.24 หนาเมน ขอมลสตว ในประเภทรายการยอย

เมอผใชงานเขามายงหนาเมน ขอมลสตว จะปรากฏหนา 3.20 โดยในแถบดานบนจะมปม Back

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

เปนรายการยอย

ภาพท 3.25 หนาเมน ขอมลสตว แสดงรายละเอยดของสตว

เมอผใชงานเลอกรายการขอมลสตว จะปรากฏหนา 3.21 โดยในแถบดานบนจะมปม Back เพอ

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

รายละเอยด ของสตว

ห น า | 48

3.5.6 สนคำ

ภาพท 3.26 หนาเมน สนคา

เมอผใชงานเขามายงหนาเมน สนคา จะปรากฏหนา 3.22 ในแถบดานบนจะมปม Back เพองาย

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

3.5.7 กจกรรม

ภาพท 3.27 หนาเมน กจกรรม

เมอผใชงานเขามายงหนาเมน กจกรรม จะปรากฏหนา 3.23 โดยในแถบดานบนจะมปม Back

เพองายตอการกลบสหนาเมนหลก ถดลงมากจะแสดงรปภาพ ชอ และรายละเอยดของกจกรรม

ห น า | 49

3.5.8 ประชำสมพนธ

ภาพท 3.28 หนาเมน ประชาสมพนธ

เมอผใชงานเขามายงหนาเมน ประชาสมพนธ จะปรากฏหนา 3.34 โดยในแถบดานบนจะมปม

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



เมอผใชงานเขามายงหนาเมน กจกรรม จะปรากฏหนา 3.25 โดยในแถบดานบนจะมปม Back

เพองายตอการกลบสหนาเมนหลก ถดลงมากจะแสดงรปภาพ ชอ และรายละเอยดของกจกรรม

ห น า | 50

3.5.10 กำรเดนทำง

ภาพท 3.30 หนาเมน การเดนทาง

เมอผใชงานเขามายงหนาเมน การเดนทาง จะปรากฏหนา 3.26 โดยในแถบดานบนจะมปม Back

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

ทะเลนอย

3.5.11 สถำนทใกลเคยง

ภาพท 3.31 หนาเมน สถานทใกลเคยง

เมอผใชงานเขามายงหนาเมน สถานทใกลเคยง จะปรากฏหนา 3.27 โดยในแถบดานบนจะมปม

Back เพองายตอการกลบสหนาเมนหลก ถดลงมากจะแสดงชอ รปภาพ และรายละเอยดของสถานท

ห น า | 51

3.5.12 ปฏทน

ภาพท 3.32 หนาเมน ปฏทน

เมอผใชงานเขามายงหนาเมน ปฏทน จะปรากฏหนา 3.28 ในแถบดานบนจะมปม Back เพองาย

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

3.5.13 แผนท

ภาพท 3.33 หนาเมน แผนททะเลนอย

เมอผใชงานเลอกรายการของาาก จะปรากฏหนา 3.29 โดยในแถบดานบนจะมปม Back เพองาย

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

ห น า | 52

3.6 กำรทดสอบและประเมนผล

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

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

ประเมนผลระบบมดงน

1. ทดสอบการใชงานแอพพลเคชนส าหรบผใชงานทวไป

2. ทดสอบการเขาสระบบส าหรบผดแลระบบ

3. ทดสอบการแกไขขอมลสวนตวส าหรบผดแลระบบ

4. ทดสอบการเพมขอมลภายในแอพพลเคชนส าหรบผดแลระบบ

5. ทดสอบการแกไขขอมลภายในแอพพลเคชนส าหรบผดแลระบบ

6. ทดสอบการลบขอมลภายในแอพพลเคชนส าหรบผดแลระบบ

ส าหรบ Test Scenario ไดแบงออกไปสองกลมผใชงาน ดงตอไปน

1. ผใชงำนทวไป

Scenario 1 : การใชงานแอพพลเคชน

ดาวนโหลดแอพพลเคชน

เขาใชงานแอพพลเคชน

2. ผดแลระบบ

Scenario 1 : เขำสระบบ

กรอก Username และ Password

ท าการยนยนเพอเขาสระบบ

Scenario 2 : แกไขขอมลสวนตว

Login เพอเขาสระบบ

ท าการแกไขขอมลสวนตว

ยนยนการแกไขขอมลสวนตว

Scenario 3 : เพมขอมลในแอพพลเคชน


เลอกหวขอทตองการ

ห น า | 53

เพมขอมล โดยใสรายละเอยดทงหมด

ยนยนขอมล

Scenario 4 : แกไขขอมลในแอพพลเคชน


ท าการเลอกประเภทของขอมลทตองการแกไข

ท าการเลอกขอมลทตองการแกไข

ยนยนการแกไขขอมล

Scenario 5 : ลบขอมลในแอพพลเคชน


ท าการเลอกประเภทของขอมลทตองการลบ

ท าการเลอกขอมลทตองการลบ

ยนยนการลบขอมล

สรปผลกำรประเมนควำมพงพอใจในกำรใช Application Lay Noi

1. รปแบบกำรใชงำน

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

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

พอใจทด

2. ดำนกำรออกแบบ

ความพงพอใจดานความสวยงานและความทนสมยของหนาตาแอพพลเคชน มความสวยงาม

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

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

3. ดำนกำรสนบสนนและกำรใหบรกำรใชงำน

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

ตางๆ อยในระดบความพงพอใจทด

ห น า | 54

4. ขอเสนอแนะ/แนวทำงแกไข

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

Icon หรอบางเมนหลกยงคงท าใหผใชงานเกดความสบสน

ห น า | 55

บทท 4

ผลกำรวจย

4.1 ผลกำรแสดงสวนตดตอผใชของแอพพลเคชน

4.1.1 Interface ของ APP Lay Noi

ภาพท 4.1 หนา Welcome Screen เปนแผนทอทยานแหงชาตนกน าทะเลนอย

หนาแรกของ Application จะแสดงเปนแผนทอทยานนกน าทะเลนอย ทสามารถแสดงต าแหนงของ

สตว พช และรวมถงกจกรรมตางๆทมภายในอทยานนกน าทะเลนอย

ห น า | 56

4.1.2 แกลลอรรปภำพ

ภาพท 4.2 หนาแกลอร

เมอผใชงานเขามายงหนาเมน แกลอร จะปรากฏหนา 4.2 โดยในแถบดานบนจะมปม Back เพองาย

ตอการกลบสหนาเมนหลก ถดลงมากจะแสดงรปภาพของอทยานนกน าทะเลนอย

ห น า | 57

4.1.3 เมนหลก

ภาพท 4.3 หนาเมน App Lay Noi

การใชงาน Application Lay Noi จะมการ Login เขาสระบบส าหรบเจาหนาท และผดแลระบบ

แบงออกเปน 13 เมนหลกตามการใชงาน ดงน

- ขอมลทวไป : ขอมล และรายละเอยดเกยวกบอทยานนกน าทะเลนอย

- ประชำสมพนธ : ขาวสาร / ประกาศเกยวกบอทยานนกน าทะเลนอย

- ขอมลพช : รายละเอยดของพชภายในอทยานนกน าทะเลนอย

- ขอมลสตว : รายละเอยดของสตวภายในอทยานนกน าทะเลนอย

- กจกรรม : กจกรรมทมภายในอทยานนกน าทะเลนอย

- กำรเดนทำง : เสนทาง / รายละเอยดของการเดนทางมายงอทยานนกน าทะเลนอย

- สถำนทใกลเคยง : สถานททองเทยวบรเวณใกลเคยงกบอทยานนกน าทะเลนอย

- ปฏทน : ชวงเวลาทสามารถพบเหนสตวและพชภายในอทยานนกน าทะเลนอย

- ของฝำก : สนคาทมชอเสยงและเปนทนยมภายในอทยานนกน าทะเลนอย

- ตดตอ-สอบถำม : ขอมลของศนยบรการตางๆภายในอทยานนกน าทะเลนอย

- Login เขำสระบบ : การเขาระบบของผดแลระบบและเจาหนาท

- เกยวกบผลงำน : รายละเอยดเบองตนเกยวกบ Application Lay Noi

ห น า | 58

- ตดตอผพฒนำ : ขอมลของผพฒนา Application Lay Noi

4.1.4 ขอมลทวไป

ภาพท 4.4 หนาเมน ขอมลทวไป

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

Back เพองายตอการกลบสหนาเมนหลก ถดลงมากจะแสดงรปภาพของทะเลนอยพรอมกบรายละเอยด

เกยวกบอทยานนกน าทะเลนอย

ห น า | 59

4.1.5 ประชำสมพนธ

ภาพท 4.5 หนาเมน ประชาสมพนธ ในประเภทขาวยอย

เมอผใชงานเขามายงหนาเมน ประชาสมพนธ จะปรากฏเมนดงภาพ 4.5 โดยในแถบดานบนจะม

ปม Back เพองายตอการกลบสหนาเมนหลก ถดลงมากจะแสดงขาวสาร / ประกาศของอทยานนกน า

ทะเลนอยเปนรายการยอย โดยจะเรยงล าดบตามการบนทกขอมล

ภาพท 4.6 หนาเมน ประชาสมพนธ แสดงรายละเอยดขาว

ห น า | 60

เมอผใชงานเลอกรายการขาวสาร / ประกาศ จะปรากฏภาพท 4.6 โดยในแถบดานบนจะมปม Back

เพองายตอการกลบสหนาเมน ประชาสมพนธ ประเภทรายการยอย โดยในหนานจะแสดงรปภาพ ,

หวขอขาว , รายละเอยด , ผประกาศ และวนททประกาศขาวสารประชาสมพนธ

4.1.6 ขอมลพช

ภาพท 4.7 หนาเมน ขอมลพช ในประเภทรายการยอย

เมอผใชงานเขามายงหนาเมน ขอมลพช จะปรากฏหนาท 4.7 โดยในแถบดานบนจะมปม Back

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

รายการยอย

ห น า | 61

ภาพท 4.8 หนาเมน ขอมลพช แสดงรายละเอยดของพช

เมอผใชงานเลอกรายการพช จะปรากฏหนา 4.8 โดยในแถบดานบนจะมปม Back เพองายตอการ

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

ของพช

4.1.7 ขอมลสตว

ภาพท 4.9 หนาเมน ขอมลสตว ในประเภทรายการยอย

ห น า | 62

เมอผใชงานเขามายงหนาเมน ขอมลสตว จะปรากฏหนา 4.9 โดยในแถบดานบนจะมปม Back

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

เปนรายการยอย

ภาพท 4.10 หนาเมน ขอมลสตว แสดงรายละเอยดของสตว

เมอผใชงานเลอกรายการขอมลสตว จะปรากฏดงภาพท 4.10 โดยในแถบดานบนจะมปม Back

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

รายละเอยด ของสตว

ห น า | 63


ภาพท 4.11 หนาเมน กจกรรม ในประเภทรายการยอย

เมอผใชงานเขามายงหนาเมน กจกรรม จะปรากฏหนาดงภาพท 4.11 โดยในแถบดานบนจะมปม

Back เพองายตอการกลบสหนาเมนหลก ถดลงมากจะแสดงรปภาพ พรอมกบชอของกจกรรมเปน

ประเภทรายการยอย

ภาพท 4.12 หนาเมน กจกรรม แสดงรายละเอยดกจกรรม

เมอผใชงานเลอกรายการกจกรรม จะปรากฏดงภาพ 4.12 โดยในแถบดานบนจะมปม Back เพอ

งายตอการกลบสหนาเมน กจกรรม ประเภทรายการยอย ถดลงมากจะแสดงรปภาพ ชอ พรอมกบ

รายละเอยดของกจกรรม

ห น า | 64

3.1.9 กำรเดนทำง

ภาพท 4.13 หนาเมน การเดนทาง

เมอผใชงานเขามายงหนาเมน การเดนทาง จะปรากฏหนา 4.13 โดยในแถบดานบนจะมปม Back

เพองายตอการกลบสหนาเมนหลก ถดลงมากจะแสดงรปภาพเสนทางการเดนทางพรอมกบรายละเอยด

เกยวกบการเดนทางสอทยานนกน าทะเลนอย

4.1.10 สถำนทใกลเคยง

ภาพท 4.14 หนาเมน สถานทใกลเคยง ในประเภทรายการยอย

ห น า | 65

เมอผใชงานเขามายงหนาเมน สถานทใกลเคยง จะปรากฏหนา 4.14 โดยในแถบดานบนจะมปม

Back เพองายตอการกลบสหนาเมนหลก ถดลงมากจะแสดงชอและรปภาพสถานทเปนรายการยอย

ภาพท 4.15 หนาเมน สถานทใกลเคยง แสดงรายละเอยดสถานท

เมอผใชงานเลอกรายการสถานท จะปรากฏหนา 4.15 โดยในแถบดานบนจะมปม Back เพองาย

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

รายละเอยดของสถานทใกลเคยงอทยานนกน าทะเลนอย

4.1.1 ปฏทน

ภาพท 4.16 หนาเมน ปฏทน

ห น า | 66

เมอผใชงานเขามายงหนาเมน ปฏทน จะปรากฏหนา 4.16 โดยในแถบดานบนจะมปม Back เพอ

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

นอย

4.1.12 ของฝำก

ภาพท 4.17 หนาเมน ของาาก ในประเภทรายการยอย

เมอผใชงานเขามายงหนาเมน ของาาก จะปรากฏหนา 4.17 โดยในแถบดานบนจะมปม Back

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

นอยเปนรายการยอย

ห น า | 67

ภาพท 4.18 หนาเมน ของาาก แสดงรายละเอยดสนคา

เมอผใชงานเลอกรายการของาาก จะปรากฏหนา 4.18 โดยในแถบดานบนจะมปม Back เพองาย

ตอการกลบสหนาของาาก ในประเภทรายการยอย โดยในหนานจะแสดงชอ รปภาพ และรายละเอยด

ของาากอทยานนกน าทะเลนอย

4.1.13 ตดตอ – สอบถำม

ภาพท 4.19 หนาเมน ตดตอ-สอบถาม

ห น า | 68

เมอผใชงานเขามายงหนาเมน ตดตอ-สอบถาม จะปรากฏหนา 4.19 โดยในแถบดานบนจะมปม

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

อทยานนกน าทะเลนอย

4.2 สวนกำรตดตอของผดแลระบบ

ภาพท 4.20 หนาเมน Login เขาสระบบ

เมอผดแลระบบเขามายงหนาเมน Login จะปรากฏหนา 4.20 โดยในแถบดานบนจะมปม Back

เพองายตอการกลบสหนาเมนหลก ถดลงมากจะมชองใหกรอก Username กบ Password ส าหรบผดแล

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

ปรากฏหนา 4.20 โดยในแถบดานบนจะมปม Back เพองายตอการกลบสหนา Login หลก

ห น า | 69

ภาพท 4.21 หนาเมน Login เขาสระบบ

เมอผใชงานเขามายงหนาเมน Login จะปรากฏหนา 4.21 โดยในแถบดานบนจะมปม Back เพอ

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

ระบบและเจาหนาท

ภาพท 4.22 หนาเมน ประชาสมพนธ

ห น า | 70

ภาพท 4.23 หนาเมน ประชาสมพนธ ทใชเพมขอมล

ภาพท 4.24 หนาเมน ประชาสมพนธ ทใชแกไขขอมล

ห น า | 71

ภาพท 4.25 หนาเมน ประชาสมพนธ ทใชลบขอมล

ภาพท 4.26 หนาเมน ขอมลพช

ห น า | 72

ภาพท 4.27 หนาเมน ขอมลพช ทใชเพมขอมล

ภาพท 4.28 หนาเมน ขอมลพช ทใชแกไขขอมล

ห น า | 73

ภาพท 4.29 หนาเมน ขอมลพช ทขอมล ใชลบ

ภาพท 4.30 หนาเมน ขอมลสตว

ห น า | 74

ภาพท 4.31 หนาเมน ขอมลสตว ทใชเพมขอมล

ภาพท 4.32 หนาเมน ขอมลสตว ทใชแกไขขอมล

ห น า | 75

ภาพท 4.33 หนาเมน ขอมลสตว ทใชลบขอมล


ห น า | 76

ภาพท 4.35 หนาเมน กจกรรม ทใชเพมขอมล

ภาพท 4.36 หนาเมน กจกรรม ทใชแกไขขอมล

ห น า | 77

ภาพท 4.37 หนาเมน กจกรรม ทใชลบขอมล

ภาพท 4.38 หนาเมน สถานทใกลเคยง

ห น า | 78

ภาพท 4.39 หนาเมน สถานทใกลเคยง ทใชเพมขอมล

ภาพท 4.40 หนาเมน สถานทใกลเคยง ทใชแกไขขอมล

ห น า | 79

ภาพท 4.41 หนาเมน สถานทใกลเคยง ทใชลบขอมล

ภาพท 4.42 หนาเมน ของาาก

ห น า | 80

ภาพท 4.43 หนาเมน ของาาก ทใชเพมขอมล

ภาพท 4.44 หนาเมน ของาาก ทใชแกไขขอมล

ห น า | 81

ภาพท 4.45 หนาเมน ของาาก ทใชลบขอมล

ภาพท 4.46 หนาเมน ขอมลผใช

ห น า | 82

ภาพท 4.47 หนาเมน ขอมลผใช ทใชเพมขอมล

ห น า | 83

บทท 5

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

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

ด าเนนงาน โดยอธบายแยกเปนแตละขนตอนในการท าวจยไดดงตอไปน

5.1 สรปผลกำรด ำเนนงำน

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

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

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

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

เนนถง การเปนสอกลางในการประชาสมพนธอทยานนกน าทะเลนอย และเพอเปนศนยกลางในการ

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

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

ผใชงานใหมากทสด

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

play store ซงอยในระบบปฏบตการแอนดรอยดได โดยพมพขอความวา laynoi ตามตวอยางดงรปดานลาง

ห น า | 84

5.2 ปญหำและอปสรรค

1. การพฒนาแอพในสวนของลงคในการเชอมโยงขอมลตางๆ นนถงแมรปแบบการเขยน

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

บน JQM กพบปญหาเชนเดยวกน

2. การน าเอาแผนทมาใสในแอพพลเคชนทพฒนาบน JQM นนถงแมสามารถท าไดกจรง

แตกมขอจ ากดหลายๆ เรองเชน การก าหนดขนาดอตรายอขยายของแผนท และขนาดของความกวางความ

ยาวของแผนท

3. การเรยกใชงาน Library ตางๆของ JQM นนบางครงอาจจะมขอผดพลาด เพราะบาง

หนาเพจนนทางคณะผวจยจะอางองแบบ URL ซงจ าเปนตองมการเชอมตออนเตอรเนต

4. ความเรวในการเขาถงขอมลของแอพพลเคชนอาจจะชาเพราะถกพฒนาขนในรปแบบ

ของ WebApp โดยทางกลมเลอกใช Hosting เพอใชในการเขาถงขอมล

5.3 ขอเสนอแนะ

ในการพฒนาแอพพลเคชนใหนาสนใจนน การเกบขอมลเปนสงส าคญ และควรมการปรบปรง

เนอหาใหทนสมยอยตลอดเวลา นอกจากนนในการพฒนาแอพพลเคชนนนควรศกษาเนอหาเกยว HTML,

HTML5, PHP, JQM และการจดการฐานขอมล และตองมการศกษาตวอยางแอพพลเคชนทมในทองตลาด

เพอศกษารปแบบ หรอแนวโนมในการพฒนา เพอหาแนวทางในการพฒนาดวยเทคนคใหมๆ

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

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

ใชในการสบคนไดอก

ห น า | 85

บรรณำนกรม

โกศล โสฬสรงเรอง. (2556). การสรางเวบแอพให IPhone, iPad และ Android ดวย jQuery Mobile. พมพ

ครงท1. กรงเทพฯ.

นภสวณจ ศกดชชวาล. 2553. พฤตกรรมกำรแสวงหำขอมลกำรทองเทยวผำนสออนเทอรเนต เพอกำร

ตดสนใจทองเทยวภำยในประเทศ. รายงานโครงการเฉพาะบคคลปรญญาวารสารศาสตรมหา

บณฑต สาขาวชาการจดการการสอสารองคกร มหาวทยาลยธรรมศาสตร

พรอมเลศ หลอวจตร. (2556). คมอเขยนแอพ Android ฉบบรวมโคด. พมพครงท 1. กรงเทพฯ.

สถานพฒนาและสงเสรมการอนรกษสตวปาทะเลนอย. (2550). คมอศกษาธรรมชาตทะเลนอย. พทลง.

ส านกสถตเศรษฐกจและสงคม ส านกงานสถตแหงชาต. 2556. ส ำรวจกำรมกำรใชเทคโนโลยสำรสนเทศและ

กำรสอสำรในครวเรอน พ.ศ.2555. กรงเทพฯ:ส านกสถตพยากรณ ส านกงานสถตแหงชาต.

ส านกสถตเศรษฐกจและสงคม ส านกงานสถตแหงชาต. 2556. กำรส ำรวจพฤตกรรมกำรเดนทำงทองเทยว

ของชำวไทย พ.ศ.2556. กรงเทพฯ:ส านกสถตพยากรณ ส านกงานสถตแหงชาต.

สบคนออนไลน

แกปญหาภาษาไทย php กบ MySQL. (2556). [ออนไลน]. เขาถงไดจาก : http://www.thaicreate.com.

(สบคนเมอ : 20 ตลาคม 2556).

เครองมอในกำรสรำงแบบสอบถำมออนไลนไดเองอยำงมออำชพ. (2554). [ออนไลน]. เขำถงไดจำก :

https://www.surveycan.com. (สบคนเมอ : 1 มนาคม 2557).

Agile Methodology, 2557 . Online. http://www.techjini.com/ourapproach-methodologies.html (สบคนเมอ

3 มถนายน 2557)

Android Programming. 2555. Online. http://www.sourcecode.in.th/articles.php?id=71 (สบคนเมอ 4

กมภาพนธ 2557).

jQuery Mobile. (2556). [ออนไลน]. เขาถงไดจาก : http://demos.jquerymobile.com/. (วนทสบคนขอมล :

15 พฤศจกายน 2556).

Skyscanner. 2556.Online. http://www.skyscanner.co.th/news/skyscanner-ฉลองความส าเรจกบยอดผใช

แอปพลเคชนบนมอถอทะล-20-ลาน (สบคนเมอ 15 กนยายน 2556).

http://www.techjini.com/ourapproach-methodologies.html

http://www.sourcecode.in.th/articles.php?id=71

http://www.skyscanner.co.th/news/skyscanner-ฉลองความสำเรจกบยอดผใชแอพพลเคชนบนมอถอทะล-20-ลาน

http://www.skyscanner.co.th/news/skyscanner-ฉลองความสำเรจกบยอดผใชแอพพลเคชนบนมอถอทะล-20-ลาน

ห น า | 86

ภำคผนวก ก.

แบบประเมนกำรใชงำนแอพพลเคชน

ภาพท ก.1 แบบประเมนการใชงาน App Lay Noi

ห น า | 87

ภาพท ก.2 แบบประเมนการใชงาน App Lay Noi (ตอ)

ห น า | 88

สรปผลกำรประเมน

ภาพท ก.3 สรปจ านวนผเขาชม และผประเมน

ภาพท ก.4 แสดงจ านวนเพศ สถานะของผประเมน

ห น า | 89

ภาพท ก.5 ผลการประเมนรปแบบ และเนอหา

ภาพท ก.6 ผลการประเมนภาพรวมของ App Lay Noi

ห น า | 90

ภาพท ก.7 รายละเอยดขอมลตอบกลบ

ภาพท ก.8 กราฟแสดงแนวโนมจ านวนผประเมน

ภาพท ก.9 กราฟแสดงแหลงทมาของผประเมน

Documents

คณะนักวิจัย ผศ.ดร.สุวิทย์ สุวรรณโณ ดร.ณัฐธิดา สุวรรณโณ · ภาพที่ 3.17 Activity