คณะนักวิจัย ผศ.ดร.สุวิทย์...
TRANSCRIPT
รายงานวจยฉบบสมบรณ
แอพพลเคชนระบบสบคนแหลงทองเทยวเชงนเวศ : อทยานนกน าทะเลนอยจงหวดพทลง
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%
ก
บทคดยอ
อทยานนกน าทะเลนอยจงหวดพทลง เปนสถานทสาหรบการทองเทยวเชงนเวศซงเปนแหลงรวมความ
งามอนหลากหลายทยงคงสภาพทางธรรมชาต จากความอดมสมบรณของพชน าและสตวน าชนดตางๆ ทาให
อทยานนกน าทะเลนอยเปนแหลงอาศย หากน และทารงวางไขของนกหลายชนด โดยเฉพาะนกน าทอศยประจา
ถน และทอพยพมาในชวงฤดหนาว จากการสารวจแลวพบวามนกชนดตางๆในทะเลนอยประมาณ 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.29 หนาเมน กจกรรม 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.34 หนาเมน กจกรรม 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 ทใชงานอย พรอมทงสามารถทจะจดการกบรหสอกขระทใชในการเกบขอมล างเมนดานซาย
ห น า | 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
ห น า | 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
Area : Laynoi Application
Actor(s) : ผดแลระบบ
Description : ปอน Username และ Password ในการเขาใชงานภายในระบบ
Triggering Event : ผดแลระบบ มการปอน Username และ Password และกดปม Sign In เพอเขาใชงาน
Steps Performed (Main Path) Information for Steps
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 : โพสตขาวประชาสมพนธ
Area : Laynoi Application
Actor(s) : ผดแลระบบ
Description : เปนการโพสตขาวประชาสมพนธตางๆทเกยวของกบอทยานนกน าทะเลนอยโดยจะ
น าไปแสดงอยในสวนประชาสมพนธ เพอเผยแพรขอมล ขาวสารเกยวกบอทยานนกน าทะเลนอย
Triggering Event : ถา user ตองการใช Use case โพสตขาวประชาสมพนธน ตองผานการพสจนตวตน
ของ user กอนเขาสระบบโดยใช Username และ Password ของ user กอน
Steps Performed (Main Path) Information for Steps
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 : แกไขขอมลสวนตว
Area : Laynoi Application
Actor(s) : เจาหนาท
Description : เมอมการสมครสมาชกและเขาสระบบเรยบรอยแลว สามารถทจะกลบไปแกไขขอมล
สวนตวภายหลงได
Triggering Event : ถา user ตองการใช Use case แกไขขอมลสวนตวนตองมการพสจนตวตนของ user
กอนเขาสระบบโดยใช Username และ Password
Steps Performed (Main Path) Information for Steps
1. เขาสระบบ
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
Area : Laynoi Application
Actor(s) : ผดแลระบบ
Description : เมอมการสมครสมาชกและเขาสระบบเรยบรอยแลว สามารถทจะเพมเนอหาภายใน
Application ได
Triggering Event : ถา user ตองการใช Use case เพมเนอหาภายใน Application นตองมการพสจน
ตวตนของ user ผานการกรอก Username และ Password เพอเขาสระบบ
Steps Performed (Main Path) Information for Steps
1. เขาสระบบ
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
Area : Laynoi Application
Actor(s) : ผดแลระบบ
Description : เมอมการสมครสมาชกและเขาสระบบเรยบรอยแลว สามารถทจะลบเนอหาภายใน
Application ได
Triggering Event : ถา user ตองการใช Use case ลบเนอหาภายใน Application นตองมการพสจน
ตวตนของ user ผานการกรอก Username และ Password เพอเขาสระบบ
Steps Performed (Main Path) Information for Steps
1. เขาสระบบ
2. กดปม “ลบขอมล”
3. ลบเนอหาภายใน Application ขอมลทะเลนอย
4. กดยนยนการท ารายการ ขอมลทะเลนอย
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
Area : Laynoi Application
Actor(s) : ผดแลระบบ
Description : เมอมการสมครสมาชกและเขาสระบบเรยบรอยแลว สามารถทจะแกไขเนอหาภายใน
Application ได
Triggering Event : ถา user ตองการใช Use case แกไขเนอหาภายใน Application นตองมการพสจน
ตวตนของ user ผานการกรอก Username และ Password เพอเขาสระบบ
Steps Performed (Main Path) Information for Steps
1. เขาสระบบ
2. กดปม “แกไขขอมล”
3. แกไขเนอหาภายใน Application ขอมลทะเลนอย
4. กดยนยนการท ารายการ ขอมลทะเลนอย
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
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
Column Type Null Default Comments
ActivityID int(10) No ไอดกจกรรม
PlaceID int(10) No ไอดสถานท
Animal
ตารางท 3.10 Data dictionary : Animal
Column Type Null Default Comments
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
Column Type Null Default Comments
AnimalID int(10) No ไอดสตว
PlaceID int(10) No ไอดสถานท
Amount int(10) No จ านวนสตวพพบ
StartDate date No ชวงวนทพบ
EndDate date No สนสดวนทพบ
AnimalType
ตารางท 3.12 Data dictionary : AnimalType
Column Type Null Default Comments
AnimalTypeID int(11) No ไอดประเภทสตว
Name varchar(20) No ชอประเภทสตว
Gift
ตารางท 3.13 Data dictionary : Gift
Column Type Null Default Comments
GiftID int(10) No ไอดของาาก
Name varchar(20) No ชอของาาก
Detail varchar(1000) No รายละเอยดของาาก
Picture varchar(1000) No ภาพของาาก
ห น า | 40
NewsPR
ตารางท 3.14 Data dictionary : NewsPR
Column Type Null Default Comments
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
Column Type Null Default Comments
NeighborPlaceID int(10) No ไอดสถานทใกลเคยง
PlaceID int(10) No ไอดสถานท
Name varchar(100) No ชอสถานทใกลเคยง
Picture varchar(100) No ภาพสถานทใกลเคยง
Detail varchar(10000) No รายละเอยดสถานทใกลเคยง
ห น า | 41
Place
ตารางท 3.16 Data dictionary : Place
Column Type Null Default Comments
PlaceID int(10) No ไอดสถานท
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
Column Type Null Default Comments
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
Column Type Null Default Comments
PlantsID int(10) No ไอดพช
PlaceID int(10) No ไอดสถานท
Amount varchar(10) No จ านวนทพบ
StartDate date No วนเรมตนทพบ
EndDate date No วนสนสดการพบ
PlantsType
ตารางท 3.19 Data dictionary : PlantsType
Column Type Null Default Comments
PlantsTypeID int(10) No ประเภทพช
Name varchar(20) No ชอประเภทพช
User
ตารางท 3.20 Data dictionary : User
Column Type Null Default Comments
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
Column Type Null Default Comments
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.5.9 กจกรรม
ภาพท 3.29 หนาเมน กจกรรม
เมอผใชงานเขามายงหนาเมน กจกรรม จะปรากฏหนา 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 : เพมขอมลในแอพพลเคชน
Login เพอเขาสระบบ
เลอกหวขอทตองการ
ห น า | 53
เพมขอมล โดยใสรายละเอยดทงหมด
ยนยนขอมล
Scenario 4 : แกไขขอมลในแอพพลเคชน
Login เพอเขาสระบบ
ท าการเลอกประเภทของขอมลทตองการแกไข
ท าการเลอกขอมลทตองการแกไข
ยนยนการแกไขขอมล
Scenario 5 : ลบขอมลในแอพพลเคชน
Login เพอเขาสระบบ
ท าการเลอกประเภทของขอมลทตองการลบ
ท าการเลอกขอมลทตองการลบ
ยนยนการลบขอมล
สรปผลกำรประเมนควำมพงพอใจในกำรใช 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
3.1.8 กจกรรม
ภาพท 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 หนาเมน ขอมลสตว ทใชลบขอมล
ภาพท 4.34 หนาเมน กจกรรม
ห น า | 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).
ห น า | 86
ภำคผนวก ก.
แบบประเมนกำรใชงำนแอพพลเคชน
ภาพท ก.1 แบบประเมนการใชงาน App Lay Noi
ห น า | 87
ภาพท ก.2 แบบประเมนการใชงาน App Lay Noi (ตอ)
ห น า | 88
สรปผลกำรประเมน
ภาพท ก.3 สรปจ านวนผเขาชม และผประเมน
ภาพท ก.4 แสดงจ านวนเพศ สถานะของผประเมน
ห น า | 89
ภาพท ก.5 ผลการประเมนรปแบบ และเนอหา
ภาพท ก.6 ผลการประเมนภาพรวมของ App Lay Noi
ห น า | 90
ภาพท ก.7 รายละเอยดขอมลตอบกลบ
ภาพท ก.8 กราฟแสดงแนวโนมจ านวนผประเมน
ภาพท ก.9 กราฟแสดงแหลงทมาของผประเมน