20
1 บทที่ 1 บทนำ 1.ควำมเป็นมำของโครงงำน เขตปทุมวัน เป็น 1 ใน 50 เขตการปกครองของกรุงเทพมหานคร อยู่ในกลุ่มเขตกรุงเทพใต้ ซึ่งถือเป็นเขตศูนย์กลางธุรกิจ การค้า การบริการ การพยาบาล วัฒนธรรม การศึกษา การทูต และการท่องเที่ยว เป็นเขตหนึ่งที่มีที่ตั้งอยู่บริเวณใจกลางที่สุดของกรุงเทพมหานครและมีการคมนาคม หลากหลายช่องทาง ในเขตปทุมวันมีหลายสถานที่ที่สาคัญและน่าท่องเที่ยว เช่น พิพิธภัณฑ์ หุ่นขี้ผึ้ง มาดามทุสโซ พิพิธภัณฑ์บ้านไทยจิม ทอมป์สัน สถานเสาวภา และหอศิลปวัฒนธรรม แห่งกรุงเทพมหานคร เป็นต้น เพื่อเป็นการส่งเสริมและเผยแพร่ข้อมูลให้ผู้ที่สนใจและนักท่องเที่ยว ได้รู้จักหรือมาท่องเที่ยว คณะผู้จัดทาเล็งเห็นความสาคัญ จึงได้จัดทาสื่อข้อมูลเกี่ยวกับสถานที่ท่องเที่ยวในเขตปทุมวัน กรุงเทพมหานครขึ้นมา โดยใช้ความสามารถทางด้านเทคโนโลยีคอมพิวเตอร์และโปรแกรม Adobe Dreamweaver CS6 พัฒนาเว็บไซต์ เพื่อเผยแพร่ข้อมูลสถานที่ท่องเที่ยวและประชาสัมพันธ์ ให้ผู้คนรู้จักและมาท่องเที่ยวอีกช่องทางหนึ่ง 2. วัตถุประสงค์ของโครงงำน 2.1 เพื่อพัฒนาสื่อเว็บไซต์ เรื่อง สถานที่ท่องเที่ยวในเขตปทุมวัน กรุงเทพมหานคร 2.2 เพื่อเป็นสื่อให้ความรู้แก่ผู้สนใจ เรื่องสถานที่ท่องเที่ยวในเขตปทุมวัน กรุงเทพมหานคร 2.3 เพื่อนาความรู้เกี่ยวกับคอมพิวเตอร์ มาประยุกต์ใช้สร้างสื่อเรียนรู2.4 เพื่อส่งเสริมการท่องเที่ยวในเขตปทุมวัน กรุงเทพมหานคร ให้เป็นที่รู้จักมากยิ่งขึ้น 3. ขอบเขตของโครงงำน 3.1 ขอบเขตด้านเนื้อหา โครงการพัฒนาเว็บไซต์เพื่อการศึกษา ในหัวข้อเรื่อง สถานที่ท่องเที่ยวในเขตปทุมวัน กรุงเทพมหานคร แบ่งเนื้อหาออกเป็น 4 หัวข้อ ดังนี3.1.1 ประวัติของสถานที่ท่องเที่ยว 3.1.2 สถานที่ตั้ง/แผนที3.1.3 การเดินทาง

บทที่ 1 บทน ำ...2 3.2 โปรแกรมท ใช ในการด าเน นงาน ได แก 3.2.1 โปรแกรม Adobe Dreamweaver CS6 3.2.2

  • Upload
    others

  • View
    3

  • Download
    0

Embed Size (px)

Citation preview

Page 1: บทที่ 1 บทน ำ...2 3.2 โปรแกรมท ใช ในการด าเน นงาน ได แก 3.2.1 โปรแกรม Adobe Dreamweaver CS6 3.2.2

1

บทที่ 1

บทน ำ

1.ควำมเป็นมำของโครงงำน เขตปทุมวัน เป็น 1 ใน 50 เขตการปกครองของกรุงเทพมหานคร อยู่ในกลุ่มเขตกรุงเทพใต้

ซึ่งถือเป็นเขตศูนย์กลางธุรกิจ การค้า การบริการ การพยาบาล วัฒนธรรม การศึกษา การทูต

และการท่องเที่ยว เป็นเขตหนึ่งที่มีที่ตั้งอยู่บริเวณใจกลางที่สุดของกรุงเทพมหานครและมีการคมนาคม

หลากหลายช่องทาง ในเขตปทุมวันมีหลายสถานที่ที่ส าคัญและน่าท่องเที่ยว เช่น พิพิธภัณฑ์

หุ่นขี้ผึ้ ง มาดามทุสโซ พิพิธภัณฑ์บ้านไทยจิม ทอมป์สัน สถานเสาวภา และหอศิลปวัฒนธรรม

แห่งกรุงเทพมหานคร เป็นต้น

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

คณะผู้จัดท าเล็งเห็นความส าคัญ จึงได้จัดท าสื่อข้อมูลเกี่ยวกับสถานที่ท่องเที่ยวในเขตปทุมวัน

กรุงเทพมหานครขึ้นมา โดยใช้ความสามารถทางด้านเทคโนโลยีคอมพิวเตอร์แล ะโปรแกรม

Adobe Dreamweaver CS6 พัฒนาเว็บไซต์ เพื่อเผยแพร่ข้อมูลสถานที่ท่องเที่ยวและประชาสัมพันธ์

ให้ผู้คนรู้จักและมาท่องเที่ยวอีกช่องทางหนึ่ง

2. วัตถุประสงค์ของโครงงำน

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

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

3.1 ขอบเขตด้านเนื้อหา

โครงการพัฒนาเว็บไซต์เพ่ือการศึกษา ในหัวข้อเรื่อง สถานที่ท่องเที่ยวในเขตปทุมวัน

กรุงเทพมหานคร แบ่งเนื้อหาออกเป็น 4 หัวข้อ ดังนี้

3.1.1 ประวัติของสถานที่ท่องเที่ยว

3.1.2 สถานที่ตั้ง/แผนที่

3.1.3 การเดินทาง

Page 2: บทที่ 1 บทน ำ...2 3.2 โปรแกรมท ใช ในการด าเน นงาน ได แก 3.2.1 โปรแกรม Adobe Dreamweaver CS6 3.2.2

2

3.2 โปรแกรมท่ีใช้ในการด าเนินงาน ได้แก่

3.2.1 โปรแกรม Adobe Dreamweaver CS6

3.2.2 โปรแกรม Adobe Photoshop CS6

3.2.3 โปรแกรม File Zilla

3.2.4 โปรแกรม Web Browser

3.2.5 ชุดค าสั่ง Bootstrap

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

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

5. วิธีด ำเนินงำน การด าเนินงานเพื่อจัดท าโครงงานพัฒนาเว็บไซต์นี้ มีวิธีการตามล าดับขั้นตอนดังนี้

5.1 ประชุมสมาชิกในกลุ่มเพ่ือศึกษาและเลือกหัวข้อทีส่นใจในการท าโครงงาน 5.2 น าเสนอหัวข้อโครงงานที่ได้จากการเลือกหัวข้อที่สนใจต่อครูที่ปรึกษาโครงงาน 5.3 วางแผนการจัดท าโครงงาน โดยเขียนแบบร่างโครงงาน 5.4 น าแบบร่างโครงงานมาจัดท าโครงงานที่สมบูรณ์ 5.5 น าโครงงานที่สมบูรณ์แล้วมาจัดท าเว็บไซต์ โดยใช้โปรแกรม Adobe Dreamweaver CS6

จัดท าส่วนโครงสร้างของเว็บไซต์ และตกแต่งภาพและตัวหนังสือใช้โปรแกรม Adobe Photoshop CS6 พัฒนาเว็บไซต์ ตามหัวข้อโครงงาน

5.6 น าเสนอผลงานตามโครงงานในรูปแบบของเว็บไซต์ 5.7 ประเมินผลงานการจัดท าโครงงาน

6. นิยำมศัพท์

6.1 เขตปทุมวัน กรุงเทพมหานคร หมายถึง เขตการปกครองของกรุงเทพมหานคร อยู่ใน

กลุ่มเขตกรุงเทพใต้ ซึ่งถือเป็นเขตเขตหนึ่งที่มีที่ตั้งอยู่บริเวณใจกลางที่สุดของกรุงเทพมหานครและมี

การคมนาคมหลากหลายช่องทาง ในเขตปทุมวันมีหลายสถานที่ที่ส าคัญและน่าท่องเที่ยว เช่น

พิพิธภัณฑ์หุ่นขี้ผึ้งมาดามทุสโซ พิพิธภัณฑ์บ้านไทยจิม ทอมป์สัน สถานเสาวภา เป็นต้น

Page 3: บทที่ 1 บทน ำ...2 3.2 โปรแกรมท ใช ในการด าเน นงาน ได แก 3.2.1 โปรแกรม Adobe Dreamweaver CS6 3.2.2

3

6.2 เว็บไซต์ หมายถึง หน้าเว็บเพจที่จัดท าขึ้นเพ่ือน าเสนอข้อมูลต่าง ๆ ผ่านทางคอมพิวเตอร์

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

ไปยังหน้าเพจต่าง ๆ ได้อย่างง่ายดาย

6.3 โปรแกรม Adobe Dreamweaver CS6 หมายถึงเป็นโปรแกรมที่ช่วยในการสร้าง

เว็บไซต์ และเหมาะสมส าหรับนักพัฒนาเว็บไซต์มือใหม่ โดยสามารถน ารูปภาพหรือข้อความ

มาประกอบเป็นเว็บเพจ

6.4 โปรแกรม Adobe Photoshop CS6 หมายถึง โปรแกรมที่สามารถสร้างออกแบบ

กราฟฟิกแก้ไขภาพเคลื่อนไหวรวมทั้งการออกแบบหน้าเว็บเพจ

Page 4: บทที่ 1 บทน ำ...2 3.2 โปรแกรมท ใช ในการด าเน นงาน ได แก 3.2.1 โปรแกรม Adobe Dreamweaver CS6 3.2.2

4

บทที่ 2

เอกสำรที่เกี่ยวข้อง

การท าโครงงานพัฒนาเว็บไซต์ เพ่ือการศึกษา เรื่องสถานที่ท่องเที่ยวในเขตปทุมวัน กรุงเทพมหานคร ผู้จัดท าได้ศึกษาเอกสารที่เก่ียวข้องดังต่อไปนี้ 1. สถานที่ท่องเที่ยวในเขตปทุมวัน กรุงเทพมหานคร 2. เว็บไซต์ 3. โปรแกรมที่ใช้ในการด าเนินงาน 1. สถำนทีท่่องเที่ยวในเขตปทุมวัน กรุงเทพมหำนคร

1.1 พิพิธภัณฑ์หุ่นขี้ผึ้งมาดามทุสโซ พิพิธภัณฑ์หุ่นขี้ผึ้งมาดามทุสโซ (Madame Tussauds) มาดามทุสโซ พิพิธภัณฑ์

หุ่นขี้ผึ้ งต้นแบบเจ้าของต านานกว่า 200 ปีที่ผู้คนทั่วโลกชื่นชอบ ได้เปิดพิพิธภัณฑ์แห่งที่ 10 ทีก่รุงเทพฯ พร้อมด้วยหุ่นขี้ผึ้งมากกว่า 75 ตัว

ภาพที่ 1 โปสเตอร์มาดามทุสโซ กรุงเทพฯ

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

Page 5: บทที่ 1 บทน ำ...2 3.2 โปรแกรมท ใช ในการด าเน นงาน ได แก 3.2.1 โปรแกรม Adobe Dreamweaver CS6 3.2.2

5

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

สิ่งท่ีน่ำสนใจ 1) ยินดีต้อนรับสู่ความรุ่งเรืองแห่งพระราชวงศ์จักรี 2) นั่งถกเหตุบ้านการเมืองกับ โอบามา ในโอเวิล ออฟฟิส 3) ท้านับแต้มสแลมดังค์กับเหยาหมิง 4) วาดลวดลายแดนซ์ให้เวทีสะท้านไปกับไมเคิล แจ็คสัน 5) โพสต์ท่าท้าปาปารัซซี่กับแพนเค้ก 6) ประกบเคน ธีรเดช กระทบไหล่แอน ทองประสม ในฉากละครโปรด 7) ดื่มด่ ากับดินเนอร์แสนโรแมนติกเคียงข้างจอร์จ คลูนีย์ 8) พบสุดยอดต านานประติมากรชั้นเอก แบบตัวจริงเสียงจริง

ที่ตั้ง : สยามดิสคัฟเวอรี่เซ็นเตอร์ 989 ชั้น 6 ถนนพระราม 1 ปทุมวัน กรุงเทพฯ 10330 วันและเวลำเปิดปิดท ำกำร : เปิดทุกวัน เวลา 10:00-21:00 น. กำรเดินทำง : รถไฟฟ้า : สถานีสยาม

รถยนต์ส่วนบุคคล : ลานจอดรถสยาม รถประจ าทางที่ผ่าน : รถปรับอากาศสาย 25, 34, 59, 79, 141, 159, 162, 183, 204, 501, 508 รถธรรมดาสาย 15, 16, 25, 29, 34, 40, 47, 54, 59, 73, 73ก

1.2 หอศิลปวัฒนธรรมแห่งกรุงเทพมหานคร ประวัติความเป็นมา โครงการก่อการสร้างหอศิลป์ได้เริ่มขึ้นเมื่อ ดร.พิจิตต รัตตกุล

ผู้ว่าราชการกรุงเทพฯ ได้มีมติร่วมกับคณะกรรมการโครงการเฉลิมพระเกียรติฯ ศิลปะแห่งรัชกาลที่ 9 เมื่อปี 2538 ให้กรุงเทพมหานครจัดสร้างหอศิลปะร่วมสมัยแห่งกรุงเทพมหานคร ณ สี่แยกปทุมวัน โดยมีรูปแบบที่ผ่านการคิดและการตัดสินใจร่วมกัน อย่างไรก็ตามโครงการต้องมาสดุดหยุดลง เมื่อนายสมัคร สุนทรเวช เข้ารับต าแหน่งผู้ว่าราชการกรุงเทพมหานครคนต่อมา ในปี 2544 และล้มเลิกโครงการหอศิลป์ตามรูปแบบเดิม ให้มีลักษณะเป็นอาคารพาณิชย์มากขึ้น พร้อมทั้งเปลี่ยนแปลงจากเดิมกรุงเทพมหานครเป็นผู้ลงทุนมาเป็นให้เอกชนสร้าง องค์กรด้านศิลปะ ศิลปิน อาจารย์ นักศึกษา และสื่อมวลชน ได้ร่วมกันด าเนินกิจกรรมคัดค้านการระงับโครงการเดิม มีการจัดกิจกรรมเคลื่อนไหวและเรียกร้องให้ผู้บริหารกรุงเทพมหานครในสมัยนั้น ทบทวนโครงการรวมทั้ง การจัดกิจกรรมวาดภาพเขียนยาว 4 กิโลเมตร ในหัวข้อ ฉันเรียกร้องหอศิลป์ไม่เอาศูนย์การค้า การด าเนินการทางกฎหมายต่อผู้มีส่วนเกี่ยวข้องกับการระงับโครงการฯ และการจัด ART VOTE โหวตเพ่ือหอศิลป์ กระทั่งนายอภิรักษ์ โกษะโยธิน ได้รับเลือกตั้งเป็นผู้ว่าราชการกรุงเทพมหานคร

Page 6: บทที่ 1 บทน ำ...2 3.2 โปรแกรมท ใช ในการด าเน นงาน ได แก 3.2.1 โปรแกรม Adobe Dreamweaver CS6 3.2.2

6

ในปี 2547 เครือข่ายศิลปินและประชาชนจึงได้น าโครงการหอศิลป์เข้าหารือ และได้รับการพิจารณาเห็นชอบให้ด าเนินการจัดสร้างหอศิลปวัฒนธรรมแห่งกรุงเทพมหานคร ตามโครงการเดิม พ้ืนที่แสดงศิลปะ จัดแสดงงานทัศนศิลป์บนพ้ืนที่ 3,000 ตารางเมตร ที่ชั้น 7-9 และอีก 1,000 ตารางเมตร ในพ้ืนที่ต่าง ๆ ของชั้น L ถึงชั้น 5

ภาพที่ 2 อาคารหอศิลปวัฒนธรรมแห่งกรุงเทพมหานคร ที่ตั้ง : อยู่ที่สี่แยกปทุมวัน หัวมุมถนนพระราม 1 และถนนพญาไท ตรงข้ามห้างมาบุญครอง

และสยามดิสคัฟเวอรี่ โทร. 0-2214-6630-8 เวลำเปิดบริกำร : วันอังคาร-วันอาทิตย์ เวลา 10.00-21.00 น. (หยุดวันจันทร์)

ส่วนส านักงาน เปิดท าการตั้งแต่เวลา 9.30-18.30 น. กำรเดินทำง : รถประจ าทางที่ผ่าน : สาย 15, 16, 21, 25, 29, 34, 36, 40, 47, 48, 50,

54, 73, 73ก, 79, 93, 141, 159, 204, ปอ.501, ปอ.508 และ ปอ.529 เรือ : เรือสายในคลองแสนแสบ เส้นทางสะพานผ่านฟ้า-ประตูน้ า ขึ้นที่ท่าเรือสะพานหัวช้าง เดินเลียบถนนพญาไทประมาณ 300 เมตร ถึงหอศิลปฯ สี่แยกปทุมวัน รถไฟฟ้า : ลงสถานีสนามกีฬาแห่งชาติ โดยชั้น 3 ของหอศิลปฯ มีทางเดินเชื่อมต่อกับทางยกระดับสถานี รถไฟฟ้า BTS สนามกีฬาแห่งชาติ รถยนต์ : เดินทางได้ 2 เส้นทาง คือ

- เส้นทางถนนพญาไท (จากอนุสาวรีย์ชัยสมรภูมิ) ข้ามสะพานหัวช้าง ชิดขวาเข้าทางเข้า หอศิลปฯ (ก่อนข้ามสี่แยกปทุมวัน)

- เส้นทางถนนพระราม 1 (จากสนามกีฬาแห่งชาติ) เลี้ยวซ้ายเข้าถนนพญาไท และเลี้ยวซ้าย เข้าทางเข้าหอศิลปฯ

Page 7: บทที่ 1 บทน ำ...2 3.2 โปรแกรมท ใช ในการด าเน นงาน ได แก 3.2.1 โปรแกรม Adobe Dreamweaver CS6 3.2.2

7

1.3 สถานเสาวภา

เป็นหน่วยงานสังกัดสภากาชาดไทยที่ผลิตวัคซีนและให้บริการฉีดวัคซีนป้องกันพิษ

สุนัขบ้า และยังมีสวนงูเพ่ือผลิตเซรุ่มแก้พิษงู ประวัติของหน่วยงานที่ท าการป้องกันโรคพิษสุนัขบ้า

ในประเทศไทยนั้นเริ่มต้นขึ้นเป็นครั้งแรกในปี พ.ศ.2455 โดยสมเด็จกรมพระยาด ารงราชานุภาพ

ที่ท าการอยู่ ณ ตึกหลวงที่ ถ.บ ารุงเมืองท าหน้าที่ผลิตและฉีดวัคซีน และย้ายงานท าพันธ์หนองฝี กันไข้

ทรพิษ มารวมกันโดยใช้ชื่อว่า "ปาตุรสภา" ตามชื่อ หลุยส์ปาสเตอร์ ผู้ค้นพบวัคซีนป้องกันโรคพิษสุนัข

บ้า ต่อมาในปี พ.ศ.2460 ได้เปลี่ยนชื่อเป็น "สถานปาสเตอร์" และอยู่ในสังกัดสภากาชาดไทย

ในปี พ.ศ.2463

รัชกาลที่ 6 ทรงพระราชทาน พระราชทรัพย์ส่วนพระองค์เพ่ือจัดสร้างสถานเสาวภา

เช่น ในปัจจุบันเพ่ือถวายให้เป็นพระบรมราชานุสรณ์ แด่สมเด็จพระศรีพัชรินทราบรมราชินีนาถฯ

ส่วนสวนงู จัดสร้างขึ้นในปี พ.ศ.2466 โดย ดร.เลโอโปลด์โรแบรต์ ผู้อ านวยการคนแรกของสถานเสาว

ภา จัดเป็นสวนงูที่เก่าแก่ เป็นอันดับที่ 2 ของโลก รองจากสวนงูในประเทศบราซิล ในการเข้าชมจะมี

การฉายสไลด์ประกอบค าอธิบาย การแสดงการจับงู และการรีดพิษงู รวมทั้งยังมีพิพิธภัณฑ์งูให้ชม

ภาพที่ 3 สถานเสาวภา

ที่ตั้ง : 1871 ถ.พระรามที่ 4 แขวงลุมพินี เขตปทุมวัน

เวลำเปิดบริกำร : วันจันทร์ – ศุกร์ (เว้นวันหยุดราชการ) 9.30 – 15.30 น.

กำรเดินทำง : รถประจ าทางที่ผ่าน : ถนนพระรามที่ 4 (สถานเสาวภา) 4, 45, 46, 47, 50,

67, 93, 109, 141, 163, 172, 177

รถไฟฟ้ำใต้ดิน MRT : สถานีสามย่าน ระยะทาง 400 เมตร ถึงสถานเสาวภา เดินหรือ

รถจักรยานยนต์รับจ้าง

Page 8: บทที่ 1 บทน ำ...2 3.2 โปรแกรมท ใช ในการด าเน นงาน ได แก 3.2.1 โปรแกรม Adobe Dreamweaver CS6 3.2.2

8

1.4 พิพิธภัณฑ์บ้านไทยจิม ทอมป์สัน

พิพิธภัณฑ์บ้านไทยจิม ทอมป์สัน เดิมเป็นที่พ านักของ จิม ทอมป์สัน "ราชาไหมไทย"

ผู้ก่อตั้งร้านผ้าไหมจิม ทอมป์สัน ซึ่งมีชื่อเสียงโด่งดังทั่วโลก เพราะได้อุทิศตนท างานกับชาวชุมชนบ้าน

ครัวผลิตผ้าไหมคุณภาพดีมีการออกแบบพิเศษสู่ตลาดโลก สร้างอาชีพให้แก่ชุมชนจนเป็นปึกแผ่นมา

จนทุกวันนี้ นอกจากนั้น จิมได้ซื้อบ้านทรงไทยภาคกลางจ านวน 6 หลัง จากจังหวัดพระนครศรีอยุธยา

มาปลูกใหม่ในกรุงเทพฯ ที่ริมคลองแสนแสบภายในตกแต่งด้วยศิลปวัตถุจ านวนมากเนื่องจากจิมสนใจ

ศิลปวัฒนธรรมของเอเชียเป็นอย่างมากและเก็บสะสมไว้เป็นจ านวนมาก

หลังจากการหายตัวไปอย่างลึกลับในประเทศมาเลเซีย ของ จิม ทอมป์สัน ได้มีการจัดตั้งบ้าน

หลังนี้เป็นพิพิธภัณฑ์ ซึ่งนอกจากจะแสดงให้เห็นถึงการผสมผสานระหว่างโบราณวัตถุ และตะวันตก

อันงดงาม ยังจัดแสดงโบราณวัตถุและศิลปวัตถุท่ี จิม ทอมป์สัน สะสมเอาไว้เป็นจ านวนมากอีกด้วย

ภาพที่ 4 พิพิธภัณฑ์บ้านไทยจิม ทอมป์สัน

ที่ตั้ง : เลขท่ี 6 ซอยเกษมสันต์ 2 ถนนพระรามที่ 1 แขวงวังใหม่ เขตปทุมวัน

เวลำเปิดบริกำร : เปิดทุกวัน เวลา: 9.00 - 17.00 น.

กำรเดินทำง : รถประจ าทางที่ผ่าน : ถนนพระรามที่1 (บ้านไทยจิม ทอมป์สัน) 47, 48, 73

รถไฟฟ้าบีทีเอส : สนามกีฬาแห่งชาติ

Page 9: บทที่ 1 บทน ำ...2 3.2 โปรแกรมท ใช ในการด าเน นงาน ได แก 3.2.1 โปรแกรม Adobe Dreamweaver CS6 3.2.2

9

1.5 สวนลุมพินี

สวนลุมพินี ที่ดิน 360 ไร่ นี้ เดิมมีชื่อเรียกว่า “ทุ่งศาลาแดง” พระราชมรดก

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

ในปีพ.ศ. 2468 ซึ่งทรงครองราชสมบัติครบ 15 ปี ประกอบกับเศรษฐกิจตกต่ าหลังสงครามโลก

ครั้งที่ 1 จึงทรงมี พระราชด าริที่จะจัดงาน “สยามรัฐพิพิธภัณฑ์” เป็นงานแสดงพิพิธภัณฑ์สรรพสินค้า

และทรัพยากรธรรมชาติ ดังเช่นประเทศตะวันตกท าได้ผลมาแล้วโดยก าหนดจัดในฤดูหนาว ปลายปี

พ.ศ. 2468 และมีพระราชด าริว่าเมื่อเลิกจัดงานแล้ว สถานที่นั้นควรจัดท าเป็นสวนพฤกษชาติ เพ่ือให้

ประชาชนได้ศึกษาและใช้พักผ่อน

ภาพที่ 5 สวนลุมพินี

ที่ตั้ง : แยกศาลาแดง ถนนพระรามท่ี 4 แขวงลุมพินี เขตปทุมวัน กรุงเทพมหานคร

กำรเดินทำง : รถประจ าทางที่ผ่าน : ถนนพระรามที่4 (สวนลุมพินี) 4, 14, 45, 46, 47, 50,

67, 74, 76, 141, 113, 115, 505

รถไฟฟ้าใต้ดิน MRT : สถานีสีลม ระยะทาง 100 เมตร ถึงสวนลุมพินี

1.6 วัดบรมนิวาสราชวรวิหาร

เป็นพระอารามหลวงชั้นโท ชนิดราชวรวิหาร ตั้งอยู่ริมสี่แยกคลองมหานาค เดิมเรียก

กันว่า วัดนอก เนื่องจากอยู่นอกเขตก าแพงเมือง พระบาทสมเด็จพระจอมเกล้าเจ้าอยู่หัวรัชกาลที่ 4

ทรงโปรดเกล้าฯ ให้สร้างขึ้นเมื่อครั้งยังทรงผนวชอยู่ที่วัดบวรนิเวศ ฯ เมื่อปี พ.ศ. 2377 เพ่ือให้เป็น

วัดอรัญวาสี (ฝ่ายวิปัสสนา) คู่กับวัดบวรนิเวศ ฯ

Page 10: บทที่ 1 บทน ำ...2 3.2 โปรแกรมท ใช ในการด าเน นงาน ได แก 3.2.1 โปรแกรม Adobe Dreamweaver CS6 3.2.2

10

ภาพที่ 6 วัดบรมนิวาสราชวรวิหาร

ที่ตั้ง : วัดบรมนิวาส ราชวรวิหาร เลขที่ 2 ถนนพระราม 1 แขวงรองเมือง เขตปทุมวัน

กำรเดินทำง : รถประจ าทางที่ผ่าน : ถนนพระรามที่ 1 : 15,47,48, 54, 204, 508

1.7 วัดปทุมวนาราม ราชวรวิหาร

เป็นพระอารามหลวงชั้นตรี ชนิดราชวรวิหาร ตั้งอยู่ในแขวงปทุมวัน เขตปทุมวัน

มีประวัติความเป็นมาดังนี้ พระบาทสมเด็จพระจอมเกล้าเจ้าอยู่หัว รัชกาลที่ 4 ทรงมีพระราชประสงค์

ให้จัดท ารมณียสถาน หรือ สถานตากอากาศ ที่อยู่นอกพระนคร โดยทรงมีนาหลวงอยู่บริเวณทุ่งพญา

ไท ริมคลองบางกะปิ ซึ่งเป็นที่ลุ่มต่ ามีน้ าขังตลอดเวลาและมีบัวขึ้นอยู่ทั่วไป บริเวณดังกล่าวเป็นที่อยู่

ของชาวล้านช้าง หรือชาวลาวที่ถูกกวาดต้อนเข้ามาตั้งแต่สมัยกบฏเจ้าอนุวงศ์เวียงจันทน์

ภาพที่ 7 วัดปทุมวนาราม ราชวรวิหาร

ที่ตั้ง : อยู่ระหว่างศูนย์การค้าสยามพารากอน และห้างเซ็นทรัลเวิลด์ พลาซ่า

กำรเดินทำง : รถประจ าทางที่ผ่าน : 15,25, 40, 48, 54,73, 73ก, 79, 162,183, 204, 508

Page 11: บทที่ 1 บทน ำ...2 3.2 โปรแกรมท ใช ในการด าเน นงาน ได แก 3.2.1 โปรแกรม Adobe Dreamweaver CS6 3.2.2

11

1.8 ศาลท้าวมหาพรหมเอราวัณ

ตามความเชื่อของศาสนาฮินดู พระพรหมเป็นพระผู้สร้างซึ่งเป็นหนึ่งในสามเทพ

สูงสุด ท้าวมหาพรหมทรงมีสี่พระพักตร์ แต่ละพระพักตร์เป็นดั่งสัญลักษณ์แทนทิศทั้งสี่ คือ เหนือ ใต้

ตะวันออก และตะวันตก ท าให้พระองค์สามารถมองเห็นและปกปักรักษาได้ทั้งโลกมนุษย์และสวรรค์

พระองค์ทรงมีชื่อเสียงในเรื่องทรงเปี่ยมไปด้วยเมตตา เนื่องจากมีพระอารมณ์เย็นและทรงรับฟังค าขอ

และค าสวดภาวนาของทุกคนและทรงท าให้ผู้สักการะที่มีจิตศรัทธาสมปรารถนา

ภาพที่ 8 ศาลท้าวมหาพรหมเอราวัณ

ที่ตั้ง : สี่แยก ถนนเพลินจิต (โรงแรมแกรนด์ไฮแอท เอราวัณ)

กำรเดินทำง : รถประจ าทางที่ผ่าน : 2, 17, 25, 40, 48, 501, 508, 511 รถไฟฟ้าบีทีเอส : ชิดลม(สายสุขุมวิท) ใช้ทางออกท่ี 8

1.9 พระบรมราชานุสาวรีย์ รัชกาลที่ 6

สมเด็จพระมงกุฎเกล้าเจ้าอยู่หัว พระราชสมภพเมื่อวันที่ 1 มกราคม พ.ศ. 2423 ทรงเป็นพระราชโอรสองค์ที่ 29 ของพระบาทสมเด็จพระจุลจอมเกล้าเจ้าอยู่หัว รัชกาลที่ 5 และสมเด็จพระศรีพัชรินทร์ทราพระบรมราชินีนาถ สวรรคตเมื่อวันที่ 25 พฤศจิกายน พ.ศ. 2468 ทุกวันที่ 25 พฤศจิกายน ซึ่งเป็นวันคล้ายวันสวรรคตของพระองค์ ได้มีการวางพวงมาลาเป็น การร าลึกถึงพระองค์ ทุกปีบริเวณหน้าสวนลุมพินี ซึ่งเป็นสถานที่ตั้งพระบรมราชานุสาวรีย์ ของพระองค์ท่าน สมเด็จพระมงกุฎเกล้าเจ้าอยู่หัว รัชกาลที่ 6 ทรงเป็นพระมหากษัตริย์ที่ทรงพระราชกรณียกิจเพ่ือประเทศชาติ ทรงต่อตั้งกิจการเสือป่า และทรงได้รับการถวายพระสมัญญานามว่า "สมเด็จพระมหาธีรราชเจ้า" ซึ่งแต่เดิมพ้ืนที่บริเวณนี้เป็นที่ดินส่วนพระองค์ของพระองค์ท่านที่ทรงมอบให้เป็นที่สาธารณะประโยชน์ของพสกนิกรชาวไทยสร้างโดยคณะนักเรียนเก่าวชิราวุธ โดยได้รับเงิน

Page 12: บทที่ 1 บทน ำ...2 3.2 โปรแกรมท ใช ในการด าเน นงาน ได แก 3.2.1 โปรแกรม Adobe Dreamweaver CS6 3.2.2

12

สมทบจากรัฐบาลสมับจอมพล ป. พิบูลสงคราม และประชาชนที่ร่วมกันบริจาค ผู้ที่ปั้นพระบรมรูปนี้ คือ ศาสตราจารย์ศิลป พีระศรี ชาวอิตาเลียน ผู้ก่อตั้งมหาวิทยาลัยศิลปะแห่งแรกของไทย

ภาพที่ 9 พระบรมราชานุสาวรีย์ รัชกาลที่ 6

ที่ตั้ง : ด้านถนนราชด าริ ตัดกับถนนพระราม 4 บริเวณหน้าสวนลุมพินี

กำรเดินทำง : รถประจ าทางที่ผ่าน : 4, 14, 45, 46, 47, 50, 67, 74, 76, 141, 115, 505 รถไฟฟ้าใต้ดิน MRT : สถานีสีลม

2. เว็บไซต์ 2.1 ความหมายของเว็บไซต์

เว็บไซต์ (Web Site) คือ แหล่งที่เก็บรวบรวมข้อมูลเอกสารและสื่อประสมต่าง ๆ เช่น ภาพ เสียง ข้อความ ของแต่ละบริษัทหรือหน่วยงาน โดยเรียกเอกสารต่าง ๆ เหล่านี้ว่า เว็บเพจ (Web Page) และเรียกเว็บหน้าแรกของแต่ละเว็บไซต์ว่า โฮมเพจ (Home Page) หรืออาจกล่าวได้ว่า เว็บไซต์ก็คือเว็บเพจอย่างน้อยสองหน้าที่มีลิงค์ (Links) ถึงกันตามหลักค าว่า เว็บไซต์จะใช้ส าหรับ ผู้ที่มีคอมพิวเตอร์แบบเซิร์ฟเวอร์หรือจดทะเบียนเป็นของตนเองเรียบร้อยแล้ว

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

เว็บเพจ (Web Page) คือ ค าที่ใช้เรียกหน้าเอกสารต่าง ๆ ที่อยู่ ในรูปแบบไฟล์ HTML (Hyper Text Markup Language) เปรียบเสมือนหน้ากระดาษแต่ละหน้าที่มีเรื่องราวต่าง ๆมากมายบรรจุอยู่ในนิตยสาร แต่แตกต่างกันตรงที่มีการเชื่อมโยง (Link) ซึ่งเราสามารถคลิกไปที่หน้าใดของโฮมเพจก็ได้

Page 13: บทที่ 1 บทน ำ...2 3.2 โปรแกรมท ใช ในการด าเน นงาน ได แก 3.2.1 โปรแกรม Adobe Dreamweaver CS6 3.2.2

13

เว็บไซต์ (Web Site) คือ ค าที่ใช้เรียกกลุ่มของเว็บเพจ (ดังนั้นภายในเว็บไซต์จะ ประกอบไปด้วยโฮมเพจและเว็บเพจ) โดยเรามักใช้เรียกเว็บที่มีขนาดใหญ่และมีการจดทะเบียนชื่อเว็บ ไซต์นั้ น ๆ ไว้แล้ ว เรียกว่า โดเมน เนม(Domain Name) ตั วอย่ างเช่น www.google.com, www.youtube.com, www.facebook.com เป็นต้น สรุป เว็บไซต์ คือ ชื่อเรียกหรือที่อยู่ของเครื่องคอมพิวเตอร์ที่ให้บริการเว็บเพจ คือ หน้าแต่ละหน้าที่มีการเชื่อมโยงถึงกัน

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

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

ภาพที่ 10 Site Map

ขั้นตอนที่ 3 ก าหนดการเชื่อมโยงระหว่างเว็บเพจ

เป็นการก าหนดการเชื่อมโยงในแต่ละหน้าเว็บเพจให้สามารถเชื่อมโยงกลับไปกลับมาระหว่างหน้าเว็บเพจต่าง ๆ ได้ จากตัวอย่าง จะเห็นว่าหน้า index.html สามารถเชื่อมโยงไปยังหน้าต่าง ๆ ได้และแต่ละหน้าก็สามารถเชื่อมโยงกลับมายังหน้า index.html ได้ตัวอย่างดังรูป

Page 14: บทที่ 1 บทน ำ...2 3.2 โปรแกรมท ใช ในการด าเน นงาน ได แก 3.2.1 โปรแกรม Adobe Dreamweaver CS6 3.2.2

14

ภาพที ่11 โครงสร้างเว็บไซต์

ขั้นตอนที่ 4 ออกแบบหน้าเว็บเพจแต่ละหน้า ออกแบบโครงสร้างหน้าเว็บเพจในแต่ละหน้าเพ่ือจะได้รู้ว่าในเว็บเพจแต่ละหน้า มีรายละเอียดอะไรบ้าง ไม่ว่าจะเป็น ข้อมูล รูปภาพ จากนั้นท าการออกแบบหน้าเว็บเพจหน้าต่อไปส่วนประกอบของหน้าเว็บเพจที่ดี จะมีอยู่ด้วยกันทั้งหมด 3 ส่วนหลัก ๆ ดังนี้ 1. ส่วนหัวของหน้า (Header) เป็นส่วนที่อยู่บนสุดของหน้า มักใส่ภาพกราฟิกเพ่ือสร้างความประทับใจ เช่น ภาพโลโก้ (Logo) เมนูหลักหรือลิงก์ (Navigation Bar) เพ่ือเป็นจุดเชื่อมโยงไปสู่เนื้อหาของเว็บไซต์ในหน้าต่อไป 2. ส่วนของเนื้อหา (Body) เป็นส่วนที่อยู่ตอนกลางของหน้า ใช้แสดงข้อมูลเนื้อหาของเว็บไซต์ ประกอบด้วยข้อความ ตารางข้อมูล ภาพกราฟิก วีดีโอ และอ่ืน ๆ และอาจมีเมนูหลัก หรือเมนูเฉพาะกลุ่มวางอยู่ในส่วนนี้ด้วย 3. ส่วนท้ายของหน้า (Footer) เป็นส่วนที่อยู่ด้านล่างสุดของหน้า มักวางระบบน าทางที่เป็นลิงค์ข้อความง่าย ๆ และอาจแสดงข้อมูลเพ่ิมเติมเกี่ยวกับเนื้อหาภายในเว็บไซต์ เช่น เจ้าของเว็บไซต์ ข้อความแสดงลิขสิทธิ์ วิธีการติดต่อกับผู้ดูแลเว็บไซต์ ค าแนะน าการใช้เว็บไซต์ เป็นต้น โดยปกติส่วนหัวและส่วนท้ายมักแสดงเหมือนกันในทุกหน้าของเว็บเพจ

3. โปรแกรมที่ใช้ในกำรด ำเนินงำน

3.1 โปรแกรม Adobe Dreamweaver CS6

เป็นโปรแกรมส าหรับออกแบบและพัฒนาเว็บไซต์ ด้วยการสร้างเว็บเพจและเว็บแอพพลิเคชัน

ที่ก าลังเป็นที่นิยมน ามาสร้างเว็บเพจ ในปัจจุบันเนื่องจากใช้งานง่าย สามารถที่จัดวางข้อความ รูปภาพ

ตารางข้อมูล แบบฟอร์ม เป็นต้น ลงไปในเว็บเพจได้อย่างง่ายดายโดยไม่จ าเป็นต้องใช้โค้ด HTML

ใน Adobe Dreamweaver CS6 มีเครื่องมือมากมายให้ใช้ในการพัฒนาเว็บได้อย่างรวดเร็ว สวยงาม

Page 15: บทที่ 1 บทน ำ...2 3.2 โปรแกรมท ใช ในการด าเน นงาน ได แก 3.2.1 โปรแกรม Adobe Dreamweaver CS6 3.2.2

15

และมีประสิทธิภาพสูง Adobe Dreamweaver CS6 มีเครื่องมือในการจัดการและบริหารเว็บไซต์

ที่ช่วยให้จัดการกบั Site และไฟล์ที่เกี่ยวข้องกบั Site เช่น สร้าง ลบ ย้าย และเปลี่ยนชื่อไฟล์ เป็นต้น

3.2 โปรแกรม Adobe Photoshop CS6

โปรแกรมที่สามารถสร้างออกแบบกราฟิคแก้ไข ภาพเคลื่อนไหว รวมทั้งการออกแบบ

หน้าเว็บเพจซึ่งโปรแกรม Adobe Photoshop CS6 มีเครื่องมือเพ่ือสนับสนุนการสร้างชิ้นงาน

ประเภทต่าง ๆ ได้แก่ประเภทสิ่งพิมพ์งานน าเสนอตลอดจนการออกแบบเว็บเพจ ดังนั้นโปรแกรม

Adobe Photoshop CS6 จึงเป็นโปรแกรมที่มีความนิยมสูงและเหมาะสมกับการสร้างชิ้นงาน

ด้านกราฟิกการแก้ไขภาพและการออกแบบประเภทต่าง ๆ

3.3 โปรแกรม File Zilla

โปรแกรมที่ใช้ในการถ่ายโอนไฟล์ระหว่างเครื่องคอมพิวเตอร์ของเรากับเว็บเซิฟเวอร์

เป็นโปรแกรมที่ส าคัญในการท าเว็บไซต์ เราเรียกกระบวนการนี้ว่า FTP นอกจากนี้โปรแกรม FileZilla

ยังรองรับการถ่ายโอนไฟล์อย่างปลอดภัยผ่าน SSH (SFTP)

3.4 โปรแกรม Web Browser

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

ในหน้าเว็บที่สร้างด้วยภาษาเฉพาะ เช่น ภาษาเอชทีเอ็มแอล ที่จัดเก็บไว้ที่ เว็บเซอร์วิซ หรือ

เว็บเซิร์ฟเวอร์หรือระบบคลังข้อมูลอ่ืน ๆ โดยโปรแกรมค้นดูเว็บเปรียบเสมือนเครื่องมือในการติดต่อ

กับเครือข่ายคอมพิวเตอร์ขนาดใหญ่ที่เรียกว่าเวิลด์ไวด์เว็บ World Wide Web (WWW) ซึ่งโปรแกรม

เว็บเบราว์เซอร์ที่นิยมในปัจจุบันมีหลายโปรแกรม เช่น โปรแกรม Chrome, โปรแกรม Firefox เป็นต้น

3.5 ชุดค าสั่ง Bootstrap

ชุดค าสั่งที่ประกอบด้วยภาษา CSS, HTML และ JavaScript เป็นชุดค าสั่งที่ถูกพัฒนา

ขึ้นมาเพ่ือก าหนดกรอบหรือรูปแบบการพัฒนาเว็บไซต์ในส่วนของการปฏิสัมพันธ์กับผู้ใช้งานเว็บไซต์

(User Interface) เราจึงสามารถเรียก Bootstrap ว่าเป็น Front-end framework คือใช้ส าหรับ

พัฒนาเว็บไซต์ส่วนการแสดงผล ซึ่งแตกต่างจากภาษาประเภท Server Side Script อย่าง PHP,

Python หรือภาษาอื่น ๆ

Page 16: บทที่ 1 บทน ำ...2 3.2 โปรแกรมท ใช ในการด าเน นงาน ได แก 3.2.1 โปรแกรม Adobe Dreamweaver CS6 3.2.2

16

บทที่ 3

วิธีด ำเนินโครงงำน

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

1. วัสดุอุปกรณ์ เครื่องมือ หรือโปรแกรมหรือที่ใช้ในกำรพัฒนำ

1.1 เครื่องคอมพิวเตอร์ พร้อมเชื่อมต่อระบบเครือข่ายอินเทอร์เน็ต

1.2 โปรแกรม Adobe Dreamweaver CS6

1.3 โปรแกรม Adobe Photoshop CS6

1.4 โปรแกรม FileZilla

1.5 โปรแกรม Web Browser

1.6 ชุดค าสั่ง Bootstrap

2. วิธีกำรด ำเนินโครงงำน

2.1 ประชุมสมาชิกในกลุ่มเพ่ือศึกษา และเลือกหัวข้อสนใจในการท าโครงงาน 2.2 ศึกษาและค้นคว้าข้อมูลที่ เกี่ยวข้องกับเรื่องที่สนใจ คือเรื่อง สถานที่ท่องเที่ยว ในเขตปทุมวัน กรุงเทพมหานคร และศึกษาค้นคว้าเพ่ิมเติมจากเว็บไซต์ต่าง ๆ และจัดเก็บข้อมูล เพ่ือจัดท าเนื้อหาต่อไป 2.3 ศึกษาการสร้างเว็บ ไชต์ โดยใช้ โปรแกรม Adobe Dreamweaver CS6, Adobe Photoshop CS6, โปรแกรม FileZilla และชุดค าสั่ง Bootstrap 2.4 วางแผนการจัดท าโครงงาน โดยเขียนแบบโครงร่างโครงงาน 2.5 น าแบบโครงร่างโครงงานเสนอครูที่ปรึกษา 2.6 จัดท าโครงงานพัฒนาเว็บไซต์ตามแบบโครงร่างโครงงาน 2.7 น าเสนอรายงานความก้าวหน้าให้ครูที่ปรึกษาโครงงานได้ตรวจสอบ ซึ่ งครูที่ปรึกษา ให้ข้อเสนอแนะต่าง ๆ เพ่ือให้จัดท าเนื้อหาและการน าเสนอน่าสนใจ ทั้งนี้เมื่อได้รับค าแนะน าก็ได้น ามาปรับปรุงแก้ไข 2.8 จัดท าเอกสารรายงานโครงงานคอมพิวเตอร์ 2.9 ประเมินผลการจัดท าโครงงานโดยครูที่ปรึกษาโครงงาน

Page 17: บทที่ 1 บทน ำ...2 3.2 โปรแกรมท ใช ในการด าเน นงาน ได แก 3.2.1 โปรแกรม Adobe Dreamweaver CS6 3.2.2

17

บทที่ 4

ผลของกำรด ำเนินโครงงำน

การจัดท าโครงงานคอมพิวเตอร์ การพัฒนาเว็บไซต์เพ่ือการศึกษา เรื่อง สถานที่ท่องเที่ยว ในเขตปทุมวัน กรุงเทพมหานคร มีผลการด าเนินโครงงานดังนี้ 1. ผลการพัฒนาเว็บไซต์ 2. การทดสอบการพัฒนาเว็บไซต์ 3. ผลการประเมินประสิทธิภาพ

1. ผลกำรพัฒนำเว็บไซต์ ผลการพัฒนาเว็บไซต์เพ่ือการศึกษา เรื่อง สถานที่ท่องเที่ยวในเขตปทุมวัน กรุงเทพมหานคร

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

ตามขั้นตอนที่ได้วางแผนไว้ และได้น าเสนอเผยแพร่ผลงานผ่านทางเครือข่ายระบบอินเทอร์เน็ต

URL : www.watchaimongkol.ac.th/pathumwan ที่สามารถเข้าถึงได้ทุกเวลาและทุกสถานที่

เป็นแหล่งเรียนรู้ในโลกออนไลน์และรวดเร็วในการรับข้อมูล โดยเว็บไชต์มีรายละเอียดดังนี้

1.1 เว็บไซต์เพ่ือการศึกษา เรื่อง สถานที่ท่องเที่ยวในเขตปทุมวัน กรุงเทพมหานคร สามารถเข้าศึกษาข้อมูลได้ที่ URL : www.watchaimongkol.ac.th/pathumwan

ภาพที่ xx หน้าจอเว็บไซต์ เรื่อง สถานที่ท่องเที่ยวในเขตปทุมวัน กรุงเทพมหานคร

Page 18: บทที่ 1 บทน ำ...2 3.2 โปรแกรมท ใช ในการด าเน นงาน ได แก 3.2.1 โปรแกรม Adobe Dreamweaver CS6 3.2.2

18

1.2 เมนูเว็บไซต์

ภาพที่ xx เมนเูว็บไซต์ เรื่อง สถานที่ท่องเที่ยวในเขตปทุมวัน กรุงเทพมหานคร

1.3 ข้อมูลเว็บไซต์ เกี่ยวกับสถานที่ท่องเที่ยวในเขตปทุมวัน กรุงเทพมหานคร

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

Page 19: บทที่ 1 บทน ำ...2 3.2 โปรแกรมท ใช ในการด าเน นงาน ได แก 3.2.1 โปรแกรม Adobe Dreamweaver CS6 3.2.2

19

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

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

วิเคราะห์หาประสิทธิภาพของเว็บไซต์ โดยผลการวิเคราะห์แสดงได้ ดังตารางที่ 1

ตำรำงท่ี 1 ประสิทธิภำพของเว็บไซต์เพื่อกำรศึกษำ เรื่อง สถำนที่ท่องเที่ยวในเขตปทุมวัน

กรุงเทพมหำนคร

รำยกำรประเมิน ระดับกำรประเมิน ควำมหมำย

1. ความสะดวก ชัดเจนในการสืบค้นข้อมูล 4 ดี 2. ความรวดเร็วในการเข้าถึงข้อมูล 4 ดี 3. ความน่าสนใจ (สี อักษร ภาพประกอบ) 4 ดี 4. ความทันสมัย 5 ดีมาก 5. เนื้อหาถูกต้อง ครอบคลุม ชัดเจน 5 ดีมาก 6. ภาพประกอบสอดคล้องกับเนื้อหา 4 ดี 8. รูปแบบน าเสนอน่าสนใจ 4 ดี 9. สอดคล้องกับวัตถุประสงค์ 5 ดีมาก 10. สามารถน าไปใช้งานได้จริง 5 ดีมาก

คะแนนเฉลี่ย (X ) 4.44 ดี

จากตารางที่ 1 พบว่า คะแนนประสิทธิภาพของเว็บไซต์เพ่ือการศึกษา เรื่อง สถานที่

ท่องเที่ยวในเขตปทุมวัน กรุงเทพมหานคร มีค่าคะแนนเฉลี่ยอยู่ในเกณฑ์ดี (X =4.44)

Page 20: บทที่ 1 บทน ำ...2 3.2 โปรแกรมท ใช ในการด าเน นงาน ได แก 3.2.1 โปรแกรม Adobe Dreamweaver CS6 3.2.2

20

บทที่ 5

สรุปผลและข้อเสนอแนะ

การจัดท าโครงงานพัฒนาเว็บไซต์ เรื่อง สถานที่ท่องเที่ยวในเขตปทุมวัน กรุงเทพมหานคร

สามารถสรุปผลการด าเนินโครงงานและข้อเสนอแนะได้ ดังนี้

1. สรุปผลการด าเนินโครงการ

2. จุดเด่น/ประโยชน์ของโครงงาน

3. ข้อเสนอแนะและแนวทางในการพัฒนา

1. สรุปผลกำรด ำเนินโครงกำร

1.1 ได้ศึกษาเรื่องสถานที่ท่องเที่ยวในเขตปทุมวัน กรุงเทพมหานคร ซึ่งเป็นเรื่องที่สมาชิก ในกลุ่มสนใจ

1.2 ได้พัฒนาเว็บไซต์เรื่องสถานที่ท่องเที่ยวในเขตปทุมวัน กรุงเทพมหานคร ได้เผยแพร่ความรู้เรื่องสถานที่ท่องเที่ยวในเขตปทุมวัน กรุงเทพมหานคร ให้ผู้สนใจได้ศึกษา โดยสามารถเปิดเว็บไซต์ได้ทุกที่ทุกเวลาที่ URL : www.watchaimongkol.ac.th/pathumwan

1.3 ได้น าความรู้เกี่ยวกับคอมพิวเตอร์ มาประยุกต์ใช้สร้างสื่อเรียนรู้ ให้ เกิดประโยชน์ ในรูปแบบของโครงงาน

2. จุดเด่น/ประโยชน์ของโครงงำน

2.1 เป็นผลงานที่สามารถใช้งานได้ในชีวิตจริง 2.2 เป็นประโยชน์ต่อผู้สนใจและนักท่องเที่ยว ที่ต้องการทราบข้อมูลสถานที่ท่องเที่ยว 2.3 สามารถเข้าถึงข้อมูลได้ทุกท่ีทุกเวลา

3. ข้อเสนอแนะและแนวทำงในกำรพัฒนำ

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

3.2 ควรมีการเพ่ิมเนื้อหาที่มีความหลากหลาย ไม่จ ากัดเฉพาะบางพ้ืนที่ 3.3 ควรมีเนื้อหาหรือข้อมูลที่เป็นภาษาต่างประเทศ เพ่ือนักท่องเที่ยวชาวต่างชาติ