More Related Content
Similar to Manual 120924025728-phpapp02
Similar to Manual 120924025728-phpapp02 (20)
More from Sitanan Norapong
More from Sitanan Norapong (15)
Manual 120924025728-phpapp02
- 2. ก
ชือผู้จัดทํา :นายสมัคร ทับทิมนาค
ชือเรือง :การพัฒนาเว็บไซต์ เรืองการขายอุปกรณ์เดินป่า
แผนกวิชา :คอมพิวเตอร์ธุรกิจ
สาขางาน :การพัฒนาเว็บเพจ
ทีปรึกษา :นางพีรญา ดุนขุนทด
ปีการศึกษา :2555
บทคัดย่อ
********โครงงานการพัฒนาเว็บไซต์ เรืองการขายอุปกรณ์เดินป่านีมีจุดมุ่งหมายเพือการทําธุรกิจ
ขายสินค้าในรูปแบบกรขายสินค้าออนไลน์ โดยได้ทําการสร้างเว็บไซต์เกียวกับการขายสินค้า
ออนไลน์ทีสามารถสังซือสินค้าจากทางร้านค้าโดยสังซือผ่านทางเว็บไซต์ซึงจะเชือมโยงไปยัง
ฐานข้อมูลของเว็บไซต์ ในการใช้งานนันผู้เข้าใช้บริการสามารถเข้าตรวจดูสินค้าภายในร้านค้าว่ามี
สินค้าชนิดในบ้าง ราคาเท่าไร และมีลักษณะการใช้งานเป็นอย่างไรซึงสินค้าในรายการของเว็บไซต์
นันจะทําการเพิมเข้าไปโดยผู้ดูแลระบบ เพือให้สินค้ามีการปรับปรุงให้เป็นปัจจุบัน
- 3. สารบัญ
หน้า
บทคัดย่อ ก
สารบัญตาราง ข
สารบัญภาพ ค
บทที 1บทนํา 1
****1.1**ความเป็นมาและความสําคัญของปัญหา 1
****1.2**วัตถุประสงค์ 2
****1.3**ขอบเขต 2
****1.4**สถานทีดําเนินการ 2
****1.5**ระยะเวลาดําเนินการ 3
****1.6**ประโยชน์ทีคาดว่าจะได้รับ 3
บทที 2 เอกสารและงานวิจัยทีเกียวข้อง 4
*****2.1**ความหมายและความเป็นมาของอินเทอร์เน็ต 4
*****2.2**ประเภทของระบบสารสนเทศ 5
*****2.3**วงจรการพัฒนาระบบ 5
*****2.4**ความรู้เกียวกับฐานข้อมูลและการออกแบบฐานข้อมูล 8
*****2.5**ความหมายของเว็บไซต์ 10
บทที 3 วิธีการดําเนินงาน 11
*****3.1**การศึกษาและรวบรวมข้อมูลต่างๆ 11
*****3.2**ออกแบบฐานข้อมูล 11
*****3.3**กําหนดโครงร่าง 13
*****3.4**การกําหนดการเชือมโยงระหว่างเพจ 14
*****3.5**ออกแบบเว็บเพจ 15
บทที 4 ผลการดําเนินงาน 19
*****4.1**หน้าแรก 19
*****4.2**หน้าหลัก 20
- 6. ค
สารบัญภาพ
ภาพที หน้า
*****ภาพที 3-1 ภาพโครงร่างเว็บไซต์ 13
*****ภาพที 3-2ภาพการกําหนดการเชือมโยงระหว่างเพจ 14
*****ภาพที 3-3 การออกแบบหน้า index 15
*****ภาพที 3-4 การออกแบบหน้า home 16
*****ภาพที 3-5 การออกแบบหน้า product 16
*****ภาพที 3-6 การออกแบบหน้า guest 17
*****ภาพที 3-7 การออกแบบหน้า contact 17
*****ภาพที 3-8 การออกแบบหน้า admin 18
*****ภาพที 3-9 การออกแบบหน้า product edit 18
*****ภาพที 4-1 หน้าแรก 19
*****ภาพที 4-2 หน้าหลัก 20
*****ภาพที 4-3 หน้ารายละเอียดสินค้า 21
*****ภาพที 4-4 หน้าสมุดเยียมชม 22
*****ภาพที 4-5 หน้าติดต่อ 23
*****ภาพที 4-6 หน้าผู้ดูแลระบบ 24
*****ภาพที 4-7 หน้าเพิมรายการสินค้า 24
*****ภาพที 4-8 หน้าแก้ไข – ลบรายการสินค้า 25
*****ภาพที 4-9 หน้าการออกจากระบบ 25
*****ภาพที 4-10 หน้าปรับปรุงรายการสินค้า 26
- 7. บทที 1
บทนํา
1.1**ความเป็นมาและความสําคัญของปัญหา
ความก้าวหน้าทางด้านวิทยาศาสตร์**และเทคโนโลยีทําให้มีการพัฒนาคิดค้นสิงอํานวย
ความสะดวกสบายต่อการดําชีวิตเป็นอันมากเทคโนโลยีได้เข้ามาเสริมปัจจัยพืนฐานการดํารงชีวิต
ได้เป็นอย่างดี**เทคโนโลยีทําให้การสร้างทีพักอาศัยมีคุณภาพมาตรฐาน สามารถผลิตสินค้า**และ
ให้บริการต่างๆเพือตอบสนองความต้องการของมนุษย์มากขึน เทคโนโลยีทําให้ระบบการผลิต
สามารถผลิตสินค้าได้เป็นจํานวนมากมีราคาถูกลงสินค้าได้คุณภาพเทคโนโลยีทําให้มีการ
ติดต่อสือสารกันได้สะดวกการเดินทางเชือมโยงถึงกันทําให้ประชากรในโลกติดต่อรับฟังข่าวสาร
กันได้ตลอดเวลา
ดังนันผู้ประกอบการ นักลงทุน จึงได้เล็งเห็นความสําคัญของอินเตอร์เน็ตจึงได้มีการนํา
เทคโนโลยีสารสนเทศมาใช้เพือประโยชน์ในด้านต่าง**ๆ**ไม่ว่าจะเป็น**ภาคธุรกิจ***
เทคโนโลยีสารสนเทศช่วยเพิมผลผลิต**ลดต้นทุน**เพิมประสิทธิภาพในการทํางานประชาชน
ส่วนใหญ่ก็ให้ความสําคัญกับเทคโนโลยีสารสนเทศอินเตอร์เน็ตเป็นอย่างมากในปัจจุบัน เนืองจาก
มีการใช้งานทีสะดวกสบาย เข้าถึงได้ง่าย และมีกันอยู่เกือบทุกบ้าน****ส่วนด้านการศึกษา
กระทรวงศึกษาธิการได้มีการใช้เทคโนโลยีสารสนเทศในสถาบันการศึกษาเพือให้นักศึกษาสามารถ
ค้นคว้าหาความรู้ได้ทัดเทียมกัน
ในการสร้างระบบการขายสินค้าหรือบริการบนอินเตอร์เน็ตนันจะต้องอยู่ภายใต้
พระราชบัญญัติว่าด้วยการกระทําผิดเกียวกับคอมพิวเตอร์ซึงจะต้องไม่มีการละเมิดกฎใดๆทังสิน
เพือเป็นทียอมรับในการให้บริการและความปลอดภัยในการใช้บริการของลูกค้าเองด้วยใน
พระราชบัญญัตินี “ระบบคอมพิวเตอร์” หมายความว่า อุปกรณ์หรือชุดอุปกรณ์ของคอมพิวเตอร์ที
เชือมการทํางานเข้าด้วยกัน โดยได้มีการกําหนดคําสังชุดคําสัง หรือ สิงอืนใด**และแนวทาง
ปฏิบัติงานให้อุปกรณ์หรื อ**ชุดอุปกรณ์ทําหน้าทีประมวลผลข้อมูลโดยอัตโนมัติ
“ข้อมูลคอมพิวเตอร์” หมายความว่าข้อมูล ข้อความ คําสัง ชุดคําสัง หรือสิงอืนใดบรรดาทีอยู่ใน
ระบบคอมพิวเตอร์ในสภาพทีระบบคอมพิวเตอร์อาจประมวลผลได้ และให้หมายความรวมถึง
ข้อมูลอิเล็กทรอนิกส์ตามกฎหมายว่าด้วยธุรกรรมทางอิเล็กทรอนิกส์ด้วย
- 11. 5
2.2**ประเภทของระบบสารสนเทศ
********ระบบสารสนเทศเพือการจัดการ (Management Information Systems) (MIS) เป็นระบบ
เกียวกับการจัด หาคน หรือข้อมูลทีสัมพันธ์กับข้อมูล เพือการดําเนินงานขององค์การ เช่น การใช้
MIS เพือช่วยเหลือกิจกรรมของลูกจ้าง เจ้าของกิจการ ลูกค้า และบุคคลอืนทีเจ้ามาเกียวข้องกับ
องค์การ การประมวลผลของข้อมูลจะช่วยแบ่งภาระการ ทํางานและยังสามารถนํา สารสนเทศมา
ช่วยในการตัดสินใจของผู้บริหาร**หรือ**MIS**เป็นระบบซึงรวมความสามารถของผู้ใช้งาน*และ
คอมพิวเตอร์เข้าด้วยกัน โดยมีจุดมุ่งหมาย เพือให้ได้มาซึงสารสนเทศเพือการดําเนินงานการจัดการ
และการตัดสินใจในองค์การ หรือ MIS หมายถึงการเก็บรวบรวมข้อมูล การ ประมวลผล และการ
สร้างสารสนเทศขึนมาเพือช่วยในการตัดสินใจ การประสานงาน และการควบคุม นอกจากนันยัง
ช่วยผู้บริหาร และ พนักงานในการวิเคราะห์ปัญหา แก้ปัญหา และสร้างผลิตภัณฑ์ใหม่ โดย MIS
จะต้องใช้อุปกรณ์ทางคอมพิวเตอร์*(Hardware)**และ**โปรแกรม**(Software)**ร่วมกับผู้ใช้
(Peopleware) เพือก่อให้เกิดความสําเร็จในการได้มาซึงสารสนเทศทีมีประโยชน์
2.3**วงจรการพัฒนาระบบ
********ระบบสารสนเทศทังหลายมีวงจรชีวิตทีเหมือนกันตังแต่เกิดจนตายวงจรนีจะทําเป็น
ขันตอนทีเป็นลําดับตังแต่ต้นจนเสร็จเรียนร้อย เป็นระบบทีใช้งานได้ ซึงนักวิเคราะห์ระบบต้องทํา
ความเข้าใจให้ดีว่าในแต่ละขันตอนจะต้องทําอย่างไร
********ขันตอนการพัฒนาระบบมีอยู่ด้วยกัน 7 ขันด้วยกันคือ
********1.**เข้าใจปัญหา (Problem Recognition)
********2.** ศึกษาความเป็นไปได้(Feasibility Study)
********3.**วิเคราะห์ (Analysis)
********4.**ออกแบบ (Design)
********5.**สร้างหรือพัฒนาระบบ (Construction)
********6.**การปรับเปลียน (Conversion)
********7.**บํารุงรักษา (Maintenance)
********2.3.1**เข้าใจปัญหา**(Problem**Recognition)**ระบบสารสนเทศจะเกิดขึนได้ก็ต่อเมือ
ผู้บริหารหรือผู้ใช้ตระหนักว่า ต้องการระบบสารสนเทศหรือระบบจัดการเดิม ได้แก่ระบบเอกสาร
ในตู้เอกสาร**ไม่มีประสิทธิภาพเพียงพอทีตอบสนองความต้องการในปัจจุบันปัจจุบันผู้บริหาร
ตืนตัวกันมากทีจะให้มีการพัฒนาระบบสารสนเทศมาใช้ในหน่วยงานของตน**ในงานธุรกิจ
อุตสาหกรรม หรือใช้ในการผลิต ตัวอย่างเช่น บริษัทของเรา จํากัด ติดต่อซือสินค้าจากผู้ขายหลาย
บริษัท ซึงบริษัทของเราจะมีระบบ MIS ทีเก็บข้อมูลเกียวกับหนีสินทีบริษัทขอเราติดค้างผู้ขายอยู่
แต่ระบบเก็บข้อมูลผู้ขายได้เพียง 1,000 รายเท่านัน แต่ปัจจุบันผู้ขายมีระบบเก็บข้อมูลถึง 900 ราย
- 12. 6
และอนาคตอันใกล้นีจะเกิน 1,000 ราย ดังนันฝ่ายบริหารจึงเรียกนักวิเคราะห์ระบบเข้ามาศึกษา
แก้ไขระบบงานปัญหาทีสําคัญของระบบสารสนเทศในปัจจุบัน คือ ระบบเขียนมานานแล้ว ส่วน
ใหญ่เขียนมาเพือติดตามเรืองการเงิน ไม่ได้มีจุดประสงค์เพือให้ข้อมูลข่าวสารในการตัดสินใจ แต่
ปัจจุบันฝ่าย บริหารต้องการดูสถิติการขายเพือใช้ในการคาดคะเนในอนาคต หรือความต้องการอืนๆ
เช่น สินค้าทีมียอดขายสูง หรือสินค้าทีลูกค้าต้องการสูง หรือการแยกประเภทสินค้าต่างๆทีทําได้ไม่
ง่ายนักการทีจะแก้ไขระบบเดิมทีมีอยู่แล้วไม่ใช่เรืองทีง่ายนัก หรือแม้แต่การสร้างระบบใหม่ ดังนัน
ควรจะมีการศึกษาเสียก่อนว่า ความต้องการของเราเพียงพอทีเป็นไปได้หรือไม่ ได้แก่ "การศึกษา
ความเป็นไปได้" (Feasibility Study)
********2.3.2** ศึกษาความเป็นไปได้ (Feasibility Study)จุดประสงค์ของการศึกษาความเป็นไป
ได้ก็คือ***การกําหนดว่าปัญหาคืออะไรและตัดสินใจว่าการพัฒนาสร้างระบบสารสนเทศ หรือการ
แก้ไขระบบสารสนเทศเดิมมีความเป็นไปได้หรือไม่โดยเสียค่าใช้จ่ายและเวลาน้อยทีสุด และได้ผล
เป็นทีน่าพอใจ
********ปัญหาต่อไปคือ**นักวิเคราะห์ระบบจะต้องกําหนดให้ได้ว่าการแก้ไขปัญหาดังกล่าวมี
ความเป็นไปได้ทางเทคนิคและบุคลากร ปัญหาทางเทคนิคก็จะเกียวข้องกับเรืองคอมพิวเตอร์ และ
เครืองมือเก่าๆถ้ามี รวมทังเครืองคอมพิวเตอร์ซอฟต์แวร์ด้วย ตัวอย่างคือ คอมพิวเตอร์ทีใช้อยู่ใน
บริษัทเพียงพอหรือไม่ คอมพิวเตอร์อาจจะมีเนือทีของฮาร์ดดิสก์ไม่เพียงพอ รวมทังซอฟต์แวร์ ว่า
อาจจะต้องซือใหม่ หรือพัฒนาขึนใหม่ เป็นต้น ความเป็นไปได้ทางด้านบุคลากร คือ บริษัทมีบุคคล
ทีเหมาะสมทีจะพัฒนาและติดตังระบบเพียงพอหรือไม่ ถ้าไม่มีจะหาได้หรือไม่ จากทีใด เป็นต้น
นอกจากนันควรจะให้ความสนใจว่าผู้ใช้ระบบมีความคิดเห็นอย่างไรกับการเปลียนแปลง รวมทัง
ความเห็นของผู้บริหารด้วย
********2.3.3**การวิเคราะห์ (Analysis) เริมเข้าสู่การวิเคราะห์ระบบ การวิเคราะห์ระบบเริมตังแต่
การศึกษาระบบการทํางานของธุรกิจนัน***ในกรณีทีระบบเราศึกษานันเป็นระบบสารสนเทศอยู่
แล้วจะต้องศึกษาว่าทํางานอย่างไร**เพราะเป็นการยากทีจะออกแบบระบบใหม่โดยทีไม่ทราบว่า
ระบบเดิมทํางานอย่างไร หรือธุรกิจดําเนินการอย่างไร หลังจากนันกําหนดความต้องการของระบบ
ใหม่ ซึงนักวิเคราะห์ระบบจะต้องใช้เทคนิคในการเก็บข้อมูล (Fact-Gathering Techniques) ดังรูป
ได้แก่ ศึกษาเอกสารทีมีอยู่**ตรวจสอบวิธีการทํางานในปัจจุบัน สัมภาษณ์ผู้ใช้และผู้จัดการทีมีส่วน
เกียวข้องกับระบบ เอกสารทีมีอยู่ได้แก่ คู่มือการใช้งาน แผนผังใช้งานขององค์กร รายงานต่างๆที
หมุนเวียนใน**ระบบการศึกษาวิธีการทํางานในปัจจุบันจะทําให้นักวิเคราะห์ระบบรู้ว่าระบบจริงๆ
ทํางานอย่างไรซึงบางครังค้นพบข้อผิดพลาดได้ ตัวอย่าง เช่น เมือบริษัทได้รับใบเรียกเก็บเงินจะมี
ขันตอนอย่างไรในการจ่ายเงิน ขันตอนทีเสมียนป้ อนใบเรียกเก็บเงินอย่างไร เฝ้าสังเกตการทํางาน
ของผู้เกียวข้อง เพือให้เข้าใจและเห็นจริงๆ ว่าขันตอนการทํางานเป็นอย่างไร ซึงจะทําให้
นักวิเคราะห์ระบบค้นพบจุดสําคัญของระบบว่าอยู่ทีใด
- 13. 7
********2.3.4**การออกแบบ (Design)ในระยะแรกของการออกแบบ นักวิเคราะห์ระบบจะนําการ
ตัดสินใจ ของฝ่ายบริหารทีได้จากขันตอนการวิเคราะห์การเลือกซือคอมพิวเตอร์ ฮาร์ดแวร์และ
ซอฟต์แวร์ด้วย (ถ้ามีหรือเป็นไปได้) หลังจากนันนักวิเคราะห์ระบบจะนําแผนภาพต่างๆ ทีเขียนขึน
ในขันตอนการวิเคราะห์มาแปลงเป็นแผนภาพลําดับขัน (แบบต้นไม้) ดังรูปข้างล่าง เพือให้มองเห็น
ภาพลักษณ์ทีแน่นอนของโปรแกรมว่ามีความสัมพันธ์กันอย่างไร และโปรแกรมอะไรบ้างทีจะต้อง
เขียนในระบบ**หลังจากนันก็เริมตัดสินใจว่าควรจะจัดโครงสร้างจากโปรแกรมอย่างไร*การเชือม
ระหว่างโปรแกรมควรจะทําอย่างไร ในขันตอนการวิเคราะห์นักวิเคราะห์ระบบต้องหาว่า"จะต้องทํา
อะไร(What)"แต่ในขันตอนการออกแบบต้องรู้ว่า**"จะต้องทําอย่างไร*(How)"**ในการออกแบบ
โปรแกรมต้องคํานึงถึงความปลอดภัย (Security) ของระบบด้วย เพือป้ องกันการผิดพลาดทีอาจจะ
เกิดขึน เช่น "รหัส" สําหรับผู้ใช้ทีมีสิทธิสํารองไฟล์ข้อมูลทังหมดเป็นต้นนักวิเคราะห์ระบบจะต้อง
ออกแบบฟอร์มสําหรับข้อมูลขาเข้า (Input Format) ออกแบบรายงาน (Report Format) และการ
แสดงผลบนจอภาพ (Screen Fromat) หลักการการออกแบบฟอร์มข้อมูลขาเข้าคือ ง่ายต่อการใช้งาน
และป้ องกันข้อผิดพลาดทีอาจจะเกิดขึน
********2.3.5**การพัฒนาระบบ**(Construction)***ในขันตอนนีโปรแกรมเมอร์จะเริมเขียนและ
ทดสอบ โปรแกรมว่า ทํางานถูกต้องหรือไม่ ต้องมีการทดสอบกับข้อมูลจริงทีเลือกแล้ว ถ้าทุกอย่าง
เรียบร้อย เราจะได้โปรแกรมทีพร้อมทีจะนําไปใช้งานจริงต่อไป หลังจากนันต้องเตรียมคู่มือการใช้
และการฝึกอบรมผู้ใช้งานจริงของระบบระยะแรกในขันตอนนีนักวิเคราะห์ระบบต้องเตรียมสถานที
สําหรับ***เครืองคอมพิวเตอร์แล้วจะต้องตรวจสอบว่าคอมพิวเตอร์ทํางานเรียบร้อยโปรแกรมเมอร์
เขียนโปรแกรมตามข้อมูลทีได้จากเอกสารข้อมูลเฉพาะของการออกแบบ (Design*Specification)**
ปกติแล้วนักวิเคราะห์ระบบไม่มีหน้าทีเกียวข้องในการเขียนโปรแกรม***แต่ถ้าโปรแกรมเมอร์คิด
ว่าการเขียนอย่างอืนดีกว่าจะต้องปรึกษานักวิเคราะห์ระบบเสียก่อน***เพือทีว่านักวิเคราะห์จะบอก
ได้ว่าโปรแกรมทีจะแก้ไขนันมีผลกระทบกับระบบทังหมดหรือไม่***โปรแกรมเมอร์เขียนเสร็จ
แล้วต้องมีการทบทวนกับนักวิเคราะห์ระบบและผู้ใช้งาน เพือค้นหาข้อผิดพลาด วิธีการนีเรียกว่า
"Structure Walkthrough"**การทดสอบโปรแกรมจะต้องทดสอบกับข้อมูลทีเลือกแล้วชุดหนึง ซึง
อาจจะเลือกโดยผู้ใช้ การทดสอบเป็นหน้าทีของโปรแกรมเมอร์ แต่นักวิเคราะห์ระบบต้องแน่ใจว่า
โปรแกรมทังหมดจะต้องไม่มีข้อผิดพลาด
********2.3.6**การปรับเปลียน(Construction)ขันตอนนีบริษัทนําระบบใหม่มาใช้แทนของเก่า
ภายใต้การดูแลของนักวิเคราะห์ระบบ การป้ อนข้อมูลต้องทําให้เรียบร้อย และในทีสุดบริษัทเริมต้น
ใช้งานระบบใหม่นีได้การนําระบบเข้ามาควรจะทําอย่างค่อยเป็นค่อยไปทีละน้อย ทีดีทีสุดคือ ใช้
ระบบใหม่ควบคู่ไปกับระบบเก่าไปสักระยะหนึง*โดยใช้ข้อมูลชุดเดียวกันแล้วเปรียบเทียบผลลัพธ์
ว่าตรงกันหรือไม่ ถ้าเรียบร้อยก็เอาระบบเก่าออกได้แล้วใช้ระบบใหม่ต่อไป
- 14. 8
********2.3.7**บํารุงรักษา**(Maintenance)**การบํารุงรักษาได้แก่**การแก้ไขโปรแกรม
หลังจากการใช้งานแล้ว สาเหตุทีต้องแก้ไขโปรแกรมหลังจากใช้งานแล้ว สาเหตุทีต้องแก้ไขระบบ
ส่วนใหญ่มี 2 ข้อ คือ มีปัญหาในโปรแกรม (Bug) และ การดําเนินงานในองค์กรหรือธุรกิจ
เปลียนไป จากสถิติของระบบทีพัฒนาแล้วทังหมดประมาณ 40% ของค่าใช้จ่ายในการแก้ไข
โปรแกรม เนืองจากมี "Bug" ดังนันนักวิเคราะห์ระบบควรให้ความสําคัญกับการบํารุงรักษา ซึงปกติ
จะคิดว่าไม่มีความสําคัญมากนัก**เมือธุรกิจขยายตัวมากขึน ความต้องการของระบบอาจจะเพิมมาก
ขึน เช่น ต้องการรายงานเพิมขึน ระบบทีดีควรจะแก้ไขเพิมเติมสิงทีต้องการได้***การบํารุงรักษา
ระบบควรจะอยู่ภายใต้การดูแลของนักวิเคราะห์ระบบ**เมือผู้บริหารต้องการแก้ไขนักวิเคราะห์
ระบบต้องเตรียมแผนภาพต่าง ๆ และศึกษาผลกระทบต่อระบบ และให้ผู้บริหารตัดสินใจต่อไปว่า
ควรจะแก้ไขหรือไม่
2.4**ความรู้เกียวกับฐานข้อมูลและการออกแบบฐานข้อมูล
****2.4.1**ความของข้อมูลและสารสนเทศ
**********ข้อมูล (Data) หมายถึง กลุ่มตัวอักขระทีเมือนํามารวมกันแล้วมีความหมายอย่างใดอย่าง
หนึงและมีความสําคัญควรค่าแก่การจัดเก็บเพือนําไปใช้ในโอกาสต่อ ๆ ไป ข้อมูลมักเป็นข้อความที
อธิบายถึงสิงใดสิงหนึง อาจเป็นตัวอักษร ตัวเลข หรือสัญลักษณ์ใด ๆ ทีสามารถนําไปประมวลผล
ด้วยคอมพิวเตอร์ได้(ทักษิณา สวนานนท์ และฐานิศรา เกียรติบารมี, 2546, หน้า 165)
**********สารสนเทศ หมายถึง ข้อมูลทีเป็นประโยชน์ต่อการดําเนินชีวิตของมนุษย์ มนุษย์แต่
ละคนตังแต่เกิดมาได้เรียนรู้สิงต่างๆ จํานวนมาก เรียนรู้สภาพสังคมความเป็นอยู่ กฎเกณฑ์และ
วิชาการ (จรณิต แก้วกังวาน :2538, หน้า 124)
****2.4.2**ประเภทของข้อมูล
**********2.4.2.1**ข้อมูลตัวอักษร คือ ข้อมูลทีประกอบด้วยตัวอักษรและตัวเลขทีไม่ใช้ในการ
คํานวณ ทังภาษาไทย ภาษาอังกฤษ และภาษาต่างประเทศ เช่น ทะเบียนรถยนต์ ชือ นามสกุล
หมายเลขโทรทัศน์ บ้านเลขที เป็นต้น
**********2.4.2.2**ข้อมูลทีเป็นตัวเลข คือ ข้อมูลทีประกอบด้วยตัวเลข 0 ถึง 9 ใช้ในการคํานวณ
ได้เช่น คะแนน จํานวนเงิน ราคาสินค้า เป็นต้น
**********2.4.2.3**ข้อมูลภาพ คือข้อมูลทีเป็นภาพอาจเป็นภาพนิง เช่นภาพถ่าย ภาพวาด
ภาพเคลือนไหว เช่น ภาพจากวิดีทัศน์ เป็นต้น อาจเก็บไว้ในคอมพิวเตอร์ หรือแผ่นซีดี เป็นต้น
- 15. 9
****2.4.3**ลักษณะของข้อมูลทีดี
**********ลักษณะของข้อมูลทีดีควรมีดังต่อไปนี
**********2.4.3.1**ข้อมูลทีมีความถูกต้องและเชือถือได้ (accuracy) ข้อมูลจะมีความถูกต้องและ
เชือถือได้มากน้อยเพียงใดนัน ขึนกับวิธีการทีใช้ในการควบคุมข้อมูลนําเข้า และการควบคุมการ
ประมวลผลการควบคุมข้อมูลนําเข้าเป็นการกระทําเพือให้เกิดความมันใจว่า***ข้อมูลนําเข้ามีความ
ถูกต้องเชือถือได้***เพราะถ้าข้อมูลนําเข้าไม่มีความถูกต้องแล้ว***ถึงแม้จะใช้วิธีการวิเคราะห์และ
ประมวลผลข้อมูลทีดีเพียงใด ผลลัพธ์ทีได้ก็จะไม่มีความถูกต้อง หรือนําไปใช้ไม่ได้ ข้อมูลนําเข้า
จะต้องเป็นข้อมูลทีผ่านการตรวจสอบว่าถูกต้องแล้ว ข้อมูลบางอย่างอาจต้องแปลงให้อยู่ในรูปแบบ
ทีเครืองคอมพิวเตอร์สามารถเข้าใจได้อย่างถูกต้อง***ซึงอาจต้องพิมพ์ข้อมูลมาตรวจเช็คด้วยมือ
ก่อน***การประมวลผลถึงแม้ว่าจะมีการตรวจสอบข้อมูลนําเข้าแล้วก็ตาม**ก็อาจทําให้ได้ข้อมูลที
ผิดพลาดได้ เช่น เกิดจากการเขียนโปรแกรมหรือใช้สูตรคํานวณผิดพลาดได้ ดังนันจึงควรกําหนด
วิธีการควบคุมการประมวลผลซึงได้แก่***การตรวจเช็คยอดรวมทีได้จากการประมวลผลแต่ละครัง
หรือการตรวจสอบผลลัพธ์ทีได้จากการประมวลผลด้วยเครืองคอมพิวเตอร์กับข้อมูลสมมติทีมีการ
คํานวณด้วยว่ามีความถูกต้องตรงกันหรือไม่
**********2.4.3.2**ข้อมูลตรงตามความต้องการของผู้ใช้ (relevancy) ได้แก่ การเก็บเฉพาะข้อมูล
ทีผู้ใช้ต้องการเท่านัน ไม่ควร เก็บข้อมูลอืน ๆ ทีไม่จําเป็นหรือไม่เกียวข้องกับการใช้งาน เพราะจะ
ทําให้เสียเวลาและเสียเนือทีในหน่วยเก็บข้อมูล แต่ทังนีข้อมูลทีเก็บจะต้องมีความครบถ้วนสมบูรณ์
**********2.4.3.3**ข้อมูลมีความทันสมัย (timeliness) ข้อมูลทีดีนันนอกจากจะเป็นข้อมูลทีมี
ความถูกต้องเชือถือได้แล้วจะ ต้องเป็นข้อมูลทีทันสมัย ทังนีเพือให้ผู้ใช้สามารถนําเอาผลลัพธ์ทีได้
ไปใช้ได้ทันเวลา นันคือจะต้องเก็บข้อมูลได้รวดเร็วเพือทันความต้องการของผู้ใช้
********2.4.4**การออกแบบฐานข้อมูล
**********ข้อมูลทีดีควรเป็นข้อมูลทีมีคุณลักษณะดังต่อไปนี
**********2.4.4.1**การออกแบบฐานข้อมูลด้วยวิธีอุปนัย หรือ การออกแบบฐานข้อมูลจากล่าง
ขึนบน (bottom-up design) เป็นการออกแบบฐานข้อมูลจากแนวคิดพืนฐานทีว่า ลักษณะงานในแต่
ละหน่วยงานย่อมมี ความสมบูรณ์และความซับซ้อนแตกต่างกัน ฉะนัน รูปแบบของฐานข้อมูลทีดี
ควรเกิดจากการรวบรวมข้อดีของข้อมูลและ/หรือโปรแกรมต่าง**ๆ**ทีมีการใช้งานอยู่แล้วภายใน
หน่วยงานต่าง ๆ มาจัดทําเป็นรูปแบบฐานข้อมูลขององค์กร เนืองจากข้อมูลและ/หรือโปรแกรม
ดังกล่าวสามารถตอบสนองความต้องการของผู้ใช้งานในหน่วยงานนัน***ๆ**อยู่แล้วดังนัน***
การออกแบบฐานข้อมูลด้วยวิธีอุปนัยจึงเป็นการออกแบบฐานข้อมูลด้วยการเก็บรวบรวม***ข้อมูล
และ/หรือโปรแกรมทีมีการใช้งานอยู่แล้วภายในหน่วยงานต่าง ๆ ขององค์กรมาเชือมโยงเข้าด้วยกัน
เพือจัดทําเป็นระบบฐานข้อมูลขององค์กรหากทว่าข้อจํากัดในการออกแบบฐานข้อมูลด้วยวิธีอุปนัย
- 16. 10
คือ การนํากรรมวิธีย่อย ๆ จากการทํางานของหน่วยงานต่าง ๆ มารวมเข้าด้วยกันเป็นเรืองทีทําได้ไม่
ง่ายนัก และต้องใช้เวลาอย่างมากจึงจะสามารถออกแบบและสร้างระบบฐานข้อมูลทีสมบูรณ์ได้
**********2.4.4.2**การออกแบบฐานข้อมูลด้วยวิธีนิรนัย หรือ การออกแบบฐานข้อมูลจากบนลง
ล่าง (top-down design) เป็นการออกแบบฐานข้อมูลด้วยการเก็บรวบรวมข้อมูลพืนฐาน ขันตอนการ
ทํางานของหน่วยงาน ต่าง ๆ ภายในองค์กร และความต้องการใช้งานฐานข้อมูล จากการ
สังเกตการณ์ สอบถาม และ/หรือ สัมภาษณ์บุคลากรทีเกียวข้องกับการใช้งานฐานข้อมูล ตลอดจน
รวบรวมข้อมูลจากแบบฟอร์มต่าง ๆ ทีมีใช้อยู่ภายในหน่วยงาน เพือนํามาออกแบบโครงสร้าง
ฐานข้อมูลขององค์กรหากทว่าข้อจํากัดในการออกแบบฐานข้อมูลด้วยวิธีนิรนัย คือ บุคลากรที
เกียวข้องกับการใช้งานฐานข้อมูลควรต้องเข้าใจให้ความสําคัญและความร่วมมือในการเก็บรวบรวม
ข้อมูล จึงจะทําให้ได้ระบบฐานข้อมูลทีถูกต้องและครอบคลุมระบบงานต่าง ๆ ภายในองค์กร ซึง
ข้อดีของการออกแบบฐานข้อมูลด้วยวิธีนิรนัย คือ เป็นวิธีการออกแบบทีเหมาะกับการจัดวางระบบ
ฐานข้อมูลในองค์กรทีมีความหลากหลายของหน่วยงาน ตัวอย่างเช่น ในแต่ละหน่วยงานมีการอ้าง
ถึงข้อมูลเดียวกันด้วยชือทีแตกต่างกัน เป็นต้น
2.5**ความหมายของเว็บไซต์
********เว็บไซต์ (website, web site, หรือ Web site) หมายถึง หน้าเว็บเพจหลายหน้า ซึงเชือมโยง
กันผ่านทางไฮเปอร์ลิงก์ ส่วนใหญ่จัดทําขึนเพือนําเสนอข้อมูลผ่านคอมพิวเตอร์ โดยถูกจัดเก็บไว้ใน
เวิลด์ไวด์เว็บ หน้าแรกของเว็บไซต์ทีเก็บไว้ทีชือหลักจะเรียกว่า โฮมเพจ เว็บไซต์โดยทัวไปจะ
ให้บริการต่อผู้ใช้ฟรีแต่ในขณะเดียวกันบางเว็บไซต์จําเป็นต้องมีการสมัครสมาชิกและเสียค่าบริการ
เพือทีจะดูข้อมูล ในเว็บไซต์นัน ซึงได้แก่ข้อมูลทางวิชาการ ข้อมูลตลาดหลักทรัพย์ หรือข้อมูลสือ
ต่างๆ ผู้ทําเว็บไซต์มีหลากหลายระดับ ตังแต่สร้างเว็บไซต์ส่วนตัว จนถึงระดับเว็บไซต์สําหรับธุรกิจ
หรือองค์กรต่างๆ***การเรียกดูเว็บไซต์โดยทัวไปนิยมเรียกดูผ่านซอฟต์แวร์ในลักษณะของเว็บ
เบราว์เซอร์
- 17. บทที 3
วิธีการดําเนินงาน
ในการพัฒนาเว็บไซต์ การขายสินค้าประเภท อุปกรณ์เดินป่ าผู้ศึกษาได้ดําเนินการ
ตามลําดับขันตอนดําเนินการต่างๆตามลําดับขันตอน ดังนีต่อไปนี
3.1 การศึกษา และ รวบรวมข้อมูลต่างๆ
3.2 ออกแบบฐานข้อมูล
3.3 กําหนดโครงสร้างของเว็บไซต์
3.4 กําหนดการเชือมโยงระหว่างเว็บเพจ
3.5 ออกแบบเว็บแต่ละหน้าภายในเว็บไซต์
3.1**การศึกษา และ รวบรวมข้อมูลต่างๆ
********ผู้ศึกษาได้ออกแบบเว็บเพจ การขายสินค้า ประเภท อุปกรณ์เดินป่า โดยเริมจากการรวม
รวมข้อมูลสินค้าประเภทต่าง ๆ คุณสมบัติของสินค้า ราคา ความคงทน วัสดุทีใช้ทํา ความนิยมใน
หมู่นักเดินป่า และนํามาวางขายในร้านค้า และจัดทําเว็บไซต์แสดงข้อมูลสินค้าทีวางขายภายในร้าน
ผู้จัดทําได้ทําการศึกษาและรวบข้อมูลสําคัญทีใช้ในการทําเว็บไซต์ ดังต่อไปนี
******๕3.1.1**ความหมายและความเป็นมาของอินเตอร์เน็ต
********3.1.2**ประเภทของระบบสารสนเทศ
********3.1.3**วงจรการพัฒนาระบบ
********3.1.4**ความรู้เกียวกับฐานข้อมูลและการออกแบบฐานข้อมูล
********3.1.5**ความหมายของเว็บไซต์
3.2**ออกแบบฐานข้อมูล
********ผู้ศึกษาได้ทําการออกแบบฐานข้อมูลโดย ดังต่อไปนี
********3.2.1**ฐานข้อมูล counterdb
********3.2.2**ฐานข้อมูล product
********3.2.3**ฐานข้อมูล guest
- 18. 12
ตารางที 3-1 ฐานข้อมูล counterdb
********3.2.1**ฐานข้อมูล counterdb เป็นโปรแกรมทีใช้เก็บสถิติผู้เยียมชม เริมจากการดึงจํานวน
ผู้เข้ามาภายในเว็บไซต์ ณ ปัจจุบันจากฐานข้อมูล counterdb ซึงมีตาราง countertbl ไว้สําหรับเก็บ
จํานวนผู้เข้าชม หลังจากนันก็ทําการเพิมจํานวนผู้เข้ามาชมภายในเว็บไซต์ขึน 1 และสุดท้ายทําการ
แก้ไขกลับลงไปยังตาราง countertbl ตามเดิม
ตารางที 3-2 ฐานข้อมูล product
********3.2.3**ฐานข้อมูล product ประกอบไปด้วยการแสดงข้อมูล ประเภทสินค้าและ
รายละเอียด ราคาสินค้า รูปภาพสินค้า มีหลักการทํางาน คือ ดึงข้อมูลทุกเรคคอร์ดจากฐานข้อมูล
product ซึงมีตาราง product_data มาแสดงผลโดยใช้แท็ก Tabla มาจัดข้อมูลให้สวยงาม
ตารางที 3-3 ฐานข้อมูล guest
********3.2.3**ฐานข้อมูล guest เป็นโปรแกรมทีให้ผู้เข้ามาชมเว็บไซต์สามารถทีจะเข้ามาเขียนคํา
แนะนํา ติชม หรือเขียนคําทักทาย ทําให้ระบบงานมีจุดดึงดูดแก่ผู้เยียมชม หลักการทํางาน คือ สร้าง
ตารางฐานข้อมูลเพือเก็บรายการในสมุดเยียม
- 21. 15
เดินป่ า หน้าสมุดเยียมชมหรือ guest.php เป็นโปรแกรมสมุดเยียมชมและมีการเชือมโยงกับ
show.php เป็นโปรแกรมแสดงข้อมูลการเยียมชม หน้าติดต่อ contact.php เป็นหน้าทีใช้สําหรับ
ติดต่อกับผู้พัฒนาเว็บไซต์ หน้า ฟอร์ม login.php หรือ login_form.php จะมีการเชือมโยงกับหน้า
ผู้ดูแลระบบซึงหน้าผู้ดูแลระบบจะมีการเชือมโยงกับโปรแกรมเพิมข้อมูล insert_admin.php หน้า
แก้ไข-ลบข้อมูล load_product.php หน้าออก logout_admin.php ในส่วนของหน้าแก้ไข-ลบข้อมูลจะ
มีการเชือมโยงกับ load_product.php ซึงจะเป็นโปรแกรมลบข้อมูลรายการสินค้า delete.php และ
เชือมโยงกับโปรแกรมแก้ไขข้อมูลรายการห้อง update.php
3.5**ออกแบบเว็บเพจ
3.5.1**การออกแบบหน้า index
ภาพที 3-3 การออกแบบหน้า index
********จากภาพที 3-3ในหน้า index จะมีการเชือมโยงไปยังหน้า home และด้านล่างจะมี
โปรแกรมการนับจํานวนผู้เข้าชมเว็บไซต์
- 22. 16
3.5.2**การออกแบบหน้า home
ภาพที 3-4 การออกแบบหน้า home
********จากภาพที 3-4 ในหน้า home จะมีการแสดงรูปภาพของสินค้าทีมีการวางจําหน่ายในร้าน
บอกถึงรายละเอียดร้าน ด้านขวาจะมีการเชือมโยงไปยังหน้าต่าง ๆ ด้านขวาล่างจะเป็นการใส่รหัส
สมาชิกหรือรหัสผู้ดูแลระบบ
3.5.3**การออกแบบหน้า product
ภาพที 3-5 การออกแบบหน้า product
********จากภาพที 3-5 ในหน้าของ product จะมีการแสดงสินค้ารายละเอียดสินค้า ราคาของ
สินค้าและรูปภาพของสินค้า ด้านขวาบนจะเป็นจุดเชือมโยงไปยังหน้าต่าง ๆ ของเว็บไซต์ด้านขวา
ล่างเป็นการเข้าสู่ระบบสมาชิก
- 23. 17
3.5.4**การออกแบบหน้า guest
ภาพที 3-6 การออกแบบหน้า guest
********จากภาพที 3-6 ในหน้าของ guest เป็นหน้าทีมีไว้สําหรับการติดต่อให้คําแนะนําแสดง
ความคิดเห็นต่อเว็บไซต์ ขวาบนเป็นส่วนทีเชือมต่อไปยังหน้าต่างๆ ด้านขวาล่างเป็นส่วนเข้าสู่
ระบบสมาชิก
3.5.5**การออกแบบหน้า contact
ภาพที 3-7 การออกแบบหน้า contact
********จากภาพที 3-7 ในหน้าของ contact เป็นหน้าติดต่อกับทางร้านโดยตรงซึงจะมีการแสดง
แผนทีทางไปร้านค้าโดยตรงขวาบนเป็นส่วนทีเชือมต่อไปยังหน้าต่างๆ ด้านขวาล่างเป็นส่วนเข้าสู่
ระบบสมาชิก
- 24. 18
3.5.6**การออกแบบหน้า admin
ภาพที 3-8 การออกแบบหน้า admin
********จากภาพที 3-8 ในหน้า admin เป็นหน้าทีจะแสดงหลังจากทีทําการ Login เข้าสู่ระบบโดย
ใช้ User ของ admin เมือ เข้าสู่ระบบแล้วจะจะปรากฏหน้าดังภาพที 8 ซึงทางซ้ายจะเป็นข้าความ
ต้อนรับและทางด้านขวาจะเป็นการเชือมต่อไปสู่โปรแกรมแก้ไขและเพิมรายละเอียดสินค้า
3.5.7**การออกแบบหน้า product edit
ภาพที 3-9 การออกแบบหน้า product edit
********จากภาพที 3-9 ในหน้าการแก้ไขรายละเอียดสินค้าจะเป็นโปรแกรมการแก้ไขและเพิม
รายละเอียดสินค้าเมือทําการเข้าสู่ระบบโดย User ของผู้ดูแลระบบจึงจะสามารถทําการแก้ไขได้
- 26. 20
4.2**หน้าหลัก
ภาพที 4-2 หน้าหลัก
********จากภาพที 4-2 คือหน้าหลักของเว็บไซต์ซึงจะแสดงรูปภาพสินค้าทีมีวางขายในร้านและมี
การแนะนําร้านว่าขายสินค้าใด มีการประกันคุณภาพ และมีจุดเชือมโยงไปยังหน้าแรก สินค้าและ
ราคา สมุดเยียมชม ติดต่อ และมีระบบ login เข้าสู่ระบบ ด่านล่างจะเป็นส่วนของผู้ดูแลระบบจึงจะ
สามารถเข้าไปแก้ไขข้อมูลได้
- 27. 21
4.3**หน้ารายละเอียดสินค้า
ภาพที 4-3 หน้ารายละเอียดสินค้า
********จากภาพที 4-3 เป็นหน้าแสดงรายละเอียดสินค้าต่างๆทีได้ทําการเพิมลงไปหรือทางร้านมี
ขายจะมีการแสดง รายละเอียดสินค้า ราคาสินค้า และรูปภาพของสินค้าทีมีวางขายภายในร้าน
คุณภาพ และมีจุดเชือมโยงไปยังหน้าแรก สินค้าและราคา สมุดเยียมชม ติดต่อ และมีระบบ login
เข้าสู่ระบบ ด่านล่างจะเป็นส่วนของผู้ดูแลระบบจึงจะสามารถเข้าไปแก้ไขข้อมูลได้
- 29. 23
4.5**หน้าติดต่อ
ภาพที 4-5**หน้าติดต่อ
********จากภาพที 4-5 ในหน้านีจะเป็นหน้าติดต่อกับทางร้านโดยตรงซึงจะมีการแสดงแผนที
หรือทีตังของร้านขายสินค้าโดยตรงและมีจุดเชือมโยงไปยังหน้าแรก สินค้าและราคา สมุดเยียมชม
ติดต่อ และมีระบบ login เข้าสู่ระบบ ด่านล่างจะเป็นส่วนของผู้ดูแลระบบจึงจะสามารถเข้าไปแก้ไข
ข้อมูลได้
- 30. 24
4.6**หน้าผู้ดูแลระบบ
ภาพที 4-6 หน้าผู้ดูแลระบบ
********จากภาพที 4-6 เป็นหน้าของผู้ดูแลระบบซึงจะแสดงขึนมาหลังจากการทําการ login เข้าสู่
ระบบโดยใช้ user ของผู้ดูแลระบบ ซึงในหน้าจะสามารถเข้าไปทําการแก้ไขเพิมเติมข้อมูลได้โดย
การคลิกเลือกจุดเชือมโยงทางด้านขวา
4.7**หน้าเพิมรายการสินค้า
ภาพที 4-7**หน้าเพิมรายการสินค้า
********จากภาพที 4-7**เป็นหน้าของการทําการเพิมรายการสินค้าซึงจะเข้าหน้านีได้จะต้องทํา
การเข้าสู่ระบบโดยใช้รหัสผ่านของผู้ดูแลระบบ ในหน้านีจะสามารถทําการเพิมข้อมูลรายการสินค้า
ประเภทของสินค้า ราคาของสินค้า รูปภาพของสินค้า ได้เมือทําการเพิมลงไปแล้วข้อมูลจะถูก
ส่งไปยังฐานข้อมูล product
- 33. บทที 5
สรุปผลและข้อเสนอแนะ
5.1**สรุปผลจากการทดสอบเว็บไซต์
********การทําโครงงานการพัฒนาเว็บไซต์ เรืองการขายอุปกรณ์เดินป่า มีหลักการทีจะพัฒนาใน
เรืองของการขายสินค้าให้กับลูกค้า โดยจะแสดงรายละเอียดของสินค้า ราคาของสินค้า รูปของ
สินค้าทําให้สะดวกต่อการตัดสินใจเลือกของลูกค้า และมีแผนทีแสดงทีตังของร้านค้าทําให้ลูกค้า
สามารถติดต่อกับทางร้านได้โดยตรง
********จากการทําโครงงานการพัฒนาเว็บไซต์ เรืองการขายอุปกรณ์เดินป่า ระบบของเว็บไซต์
สามารถทําการตรวจดูสินค้าทีมีวางจําหน่ายภายในร้านและสามารถทําการสังซือสินค้าโดยการพิมพ์
ในแบบฟอร์มการเยียมชมซึงเมือกรอกลงไปข้อมูลการสังซือจะถูกส่งไปยังฐานข้อมูลและทางร้าน
จะส่งสินค้าไปให้โดยทีลูกค้าจะต้องทําการโอนเงินเข้ามาในบัญชีของทางร้าน ซึงระบบสามารถทํา
การขายสินค้ากับลูกค้าได้จริง
********จากการทําโครงงานการพัฒนาเว็บไซต์ เรืองการขายอุปกรณ์เดินป่า ได้มีการทดสอบ
เว็บไซต์การขายอุปกรณ์เดินป่าซึงการจัดทําเว็บไซต์ขึนมาในครังนีเป็นไปตามวัตถุประสงค์ของ
โครงการ ทําให้ได้เว็บไซต์ตามทีกําหนดและยังสามารถนําไปใช้งานได้ง่ายและสะดวก อย่างไรก็
ตามการพัฒนาเว็บไซต์สามารถทําการพัฒนาระบบเว็บไซต์ต่อยอดให้มีความสมบูรณ์และครบถ้วน
ได้อีก หรือมีประสิทธิภาพมากขึนกว่าเดิม
5.2**ปัญหาและอุปสรรค์ในการทดลอง
********5.2.1**ปัญหาการสร้างเว็บไซต์ให้สามารถเชือมต่อกับฐานข้อมูล
********5.2.2**ปัญหาการออกแบบเว็บไซต์เนืองจากเป็นโปรแกรมทีจะต้องพิมพ์โค้ดเองจึงทําให้
เว็บไซต์ออกมาไม่สวยงามเท่าทีควร
5.3**การแก้ไขปัญหา
********5.3.1**ในการสร้างเว็บไซต์ให้สามารถเชือต่อกับฐานข้อมูลควรสร้างฐานข้อมูลไว้ก่อน
แล้วจึงเขียนโค้ดให้เชือต่อกับฐานข้อมูล
********5.3.2**ในการออกแบบเว็บไซต์ให้สวยงามควรใช้โปรแกรมตัวอืนเข้ามาช่วยในการ
ออกแบบรูปภาพให้มีความสวยงาม
- 34. 28
เอกสารอ้างอิง
สุริยัน ศรีสวัสดิกุล. ระบบสือสารข้อมูลคอมพิวเตอร์. พิมพ์ครังที 2, กรุงเทพฯ : สกายบุ๊ค, 2540.
ลอง, ลารี. เทคโนโลยีคอมพิวเตอร์และสารสนเทศ. กรุงเทพฯ : เพียร์สัน เอ็ดดูเคชัน อินโดไชน่า,
********2543.
วิเศษศักดิ โคตรอาษา. เทคโนโลยีสารสนเทศเพือการเรียนรู้. กรุงเทพฯ : เธิร์ดเวฟ เอ็ดดูเคชัน, 2542
ชาญชัย ศุภอรรถกร. การพัฒนาเว็บเพจชันสูง. พิมพ์ครังที 1. กรุงเทพฯ : บริษัท ซัคเซค มีเดีย จํากัด,
********2540.
สุนันทา วิเชียรชม. (2553). หลักการออกแบบเว็บเพจ. 26. (ออนไลน์). สืบค้นเมือ 2 กันยายน 2555.
********จาก http://rcccom.blogspot.com/.
เว็บไซต์. 1.(ออนไลน์). สืบค้นมือ 2 กันยายน 2555. จาก http://th.wikipedia.org/wiki/เว็บไซต์
- 36. 30
Admin.php
<?
ob_start();
echo "<body bgcolor=#CC990>
<table width=700 height=480 border=0>
<rt>
<td height=119 colspan=2 bgcolor=#006600><h1><center>
<font color=#FFFFFF>
ผู้ดูแลระบบ </font></center><h1><br>
</td>
</tr>
<td width=1007 bgcolor=#FFFFFF>";
session_start();
if (($user=="root") &&($password =="123456"))
{
if(!$send)
{
echo "<form method=post action=$PHP_SELF>
<input type=hidden name=code value=$id>
รายละเอียดประเภทสินค้า : <input type=text name=type
value$product_type><br>
ราคา : <input type=text name=price value=$price><br>
รูปภาพ : <input type = file name=picture><br>
<input type=submit value=ตกลง name=send>
<input type=reset value=ยกเลิก name=cancel>
</form>";
}
else
{
$path_pic="c:/AppServ/www/par/images/";
copy ($picture, "$path_pic/$type.jpg");
- 37. 31
$image = $type.".jpg";
$link = mysql_connect("localhost","root","123456");
mysql_query("Use product;");
mysql_query("set NAMES tis620");
$sql = "Update product_data Set product_type = '$type', price = '$price', picture
= '$image' Where product_id = '&code';";
$result = mysql_query($sql);
if($result)
{
echo "แก้ไขรายการสินค้าได้แล้ว<p>";
mysql_close($link);
}
else
{
echo "ไม่สามารถแก้ไขรายการสินค้าได้<p>";
}
}
}
else
{
echo "Incalid to entry the Admin Page";
}
include "load_product.php";
echo"</td>
<td width=190 bgcolor=#FFFF666><ul>
<li><a href=insert_admin.php>เพิมข้อมูลรายการห้อง</a></li>
<li><a href=load_product_admin.php>แก้ไข-ลบย้อมูลรายการห้อง</a></li>
<li><a href=logout_admin.php>ออก</a></li>
</ul>
</td></table>";
ob_end_flush(); ?>
- 38. 32
contact.php
<?
echo "<body bgcolor =#000000><table width=1238 height=530 border = 0>
<tr><td width=23 rowspan=2> </td>
<td height=119 colspan = 2 bgcolor=#FFFFFF><h1><center>
<img src=http://localhost/par/h1.jpg width=1100 height=250></center></h1>";
include "date.php";
echo "</td>
<td width= 43 rowspan=2> </td>
</tr>
<tr><td width=1007 bgcolor=#FFFFFF><img src= http://localhost/par/images/map.jpg>
</td>
<td width= 190 bgcolor=#FFFF66><ul>
<li><a href = home.php>หน้าแรก</a>
</li>
<li><a href = guest.php>สมุดเยียม</a></li>
<li><a href = contact.php>ติดต่อ</a></li>
</ul><p>";
include "login_form.php";
echo"</td>
</tr>
</table>";
?>
- 39. 33
Counter.php
<?
ob_start();
echo "<body bgcolor=#CC990>
<table width=700 height=480 border=0>
<rt>
<td height=119 colspan=2 bgcolor=#006600><h1><center>
<font color=#FFFFFF>
ผู้ดูแลระบบ </font></center><h1><br>
</td>
</tr>
<td width=1007 bgcolor=#FFFFFF>";
session_start();
if (($user=="root") &&($password =="123456"))
{
if(!$send)
{
echo "<form method=post action=$PHP_SELF>
<input type=hidden name=code value=$id>
รายละเอียดประเภทสินค้า : <input type=text name=type
value$product_type><br>
ราคา : <input type=text name=price value=$price><br>
รูปภาพ : <input type = file name=picture><br>
<input type=submit value=ตกลง name=send>
<input type=reset value=ยกเลิก name=cancel>
</form>";
}
else
{
$path_pic="c:/AppServ/www/par/images/";
copy ($picture, "$path_pic/$type.jpg");
- 40. 34
$image = $type.".jpg";
$link = mysql_connect("localhost","root","123456");
mysql_query("Use product;");
mysql_query("set NAMES tis620");
$sql = "Update product_data Set product_type = '$type', price = '$price', picture
= '$image' Where product_id = '&code';";
$result = mysql_query($sql);
if($result)
{
echo "แก้ไขรายการสินค้าได้แล้ว<p>";
mysql_close($link);
}
else
{
echo "ไม่สามารถแก้ไขรายการสินค้าได้<p>";
}
}
}
else
{
echo "Incalid to entry the Admin Page";
}
include "load_product.php";
echo"</td>
<td width=190 bgcolor=#FFFF666><ul>
<li><a href=insert_admin.php>เพิมข้อมูลรายการห้อง</a></li>
<li><a href=load_product_admin.php>แก้ไข-ลบย้อมูลรายการห้อง</a></li>
<li><a href=logout_admin.php>ออก</a></li>
</ul>
</td></table>";
ob_end_flush(); ?>
- 41. 35
Date.php
<?
ob_start();
echo "<body bgcolor=#CC990>
<table width=700 height=480 border=0>
<rt>
<td height=119 colspan=2 bgcolor=#006600><h1><center>
<font color=#FFFFFF>
ผู้ดูแลระบบ </font></center><h1><br>
</td>
</tr>
<td width=1007 bgcolor=#FFFFFF>";
session_start();
if (($user=="root") &&($password =="123456"))
{
if(!$send)
{
echo "<form method=post action=$PHP_SELF>
<input type=hidden name=code value=$id>
รายละเอียดประเภทสินค้า : <input type=text name=type
value$product_type><br>
ราคา : <input type=text name=price value=$price><br>
รูปภาพ : <input type = file name=picture><br>
<input type=submit value=ตกลง name=send>
<input type=reset value=ยกเลิก name=cancel>
</form>";
}
else
{
$path_pic="c:/AppServ/www/par/images/";
- 42. 36
copy ($picture, "$path_pic/$type.jpg");
$image = $type.".jpg";
$link = mysql_connect("localhost","root","123456");
mysql_query("Use product;");
mysql_query("set NAMES tis620");
$sql = "Update product_data Set product_type = '$type', price = '$price', picture
= '$image' Where product_id = '&code';";
$result = mysql_query($sql);
if($result)
{
echo "แก้ไขรายการสินค้าได้แล้ว<p>";
mysql_close($link);
}
else
{
echo "ไม่สามารถแก้ไขรายการสินค้าได้<p>";
}
}
}
else
{
echo "Incalid to entry the Admin Page";
}
include "load_product.php";
echo"</td>
<td width=190 bgcolor=#FFFF666><ul>
<li><a href=insert_admin.php>เพิมข้อมูลรายการห้อง</a></li>
<li><a href=load_product_admin.php>แก้ไข-ลบย้อมูลรายการห้อง</a></li>
<li><a href=logout_admin.php>ออก</a></li>
</ul>
</td></table>";
- 43. 37
ob_end_flush();
?>
Delete.php
<?
ob_start();
echo "<body bgcolor=#CC990>
<table width=700 height=480 border=0>
<rt>
<td height=119 colspan=2 bgcolor=#006600><h1><center>
<font color=#FFFFFF>
ผู้ดูแลระบบ </font></center><h1><br>
</td>
</tr>
<td width=1007 bgcolor=#FFFFFF>";
session_start();
if (($user=="root") &&($password =="123456"))
{
if(!$send)
{
echo "<form method=post action=$PHP_SELF>
<input type=hidden name=code value=$id>
รายละเอียดประเภทสินค้า : <input type=text name=type
value$product_type><br>
ราคา : <input type=text name=price value=$price><br>
รูปภาพ : <input type = file name=picture><br>
<input type=submit value=ตกลง name=send>
<input type=reset value=ยกเลิก name=cancel>
</form>";
}
else
- 44. 38
{
$path_pic="c:/AppServ/www/par/images/";
copy ($picture, "$path_pic/$type.jpg");
$image = $type.".jpg";
$link = mysql_connect("localhost","root","123456");
mysql_query("Use product;");
mysql_query("set NAMES tis620");
$sql = "Update product_data Set product_type = '$type', price = '$price', picture
= '$image' Where product_id = '&code';";
$result = mysql_query($sql);
if($result)
{
echo "แก้ไขรายการสินค้าได้แล้ว<p>";
mysql_close($link);
}
else
{
echo "ไม่สามารถแก้ไขรายการสินค้าได้<p>";
}
}
}
else
{
echo "Incalid to entry the Admin Page";
}
include "load_product.php";
echo"</td>
<td width=190 bgcolor=#FFFF666><ul>
<li><a href=insert_admin.php>เพิมข้อมูลรายการห้อง</a></li>
<li><a href=load_product_admin.php>แก้ไข-ลบย้อมูลรายการห้อง</a></li>
<li><a href=logout_admin.php>ออก</a></li>
- 45. 39
</ul>
</td></table>";
ob_end_flush();
?>
Guest.php
<?
ob_start();
echo "<body bgcolor=#CC990>
<table width=700 height=480 border=0>
<rt>
<td height=119 colspan=2 bgcolor=#006600><h1><center>
<font color=#FFFFFF>
ผู้ดูแลระบบ </font></center><h1><br>
</td>
</tr>
<td width=1007 bgcolor=#FFFFFF>";
session_start();
if (($user=="root") &&($password =="123456"))
{
if(!$send)
{
echo "<form method=post action=$PHP_SELF>
<input type=hidden name=code value=$id>
รายละเอียดประเภทสินค้า : <input type=text name=type
value$product_type><br>
ราคา : <input type=text name=price value=$price><br>
รูปภาพ : <input type = file name=picture><br>
<input type=submit value=ตกลง name=send>
<input type=reset value=ยกเลิก name=cancel>
</form>";
- 46. 40
}
else
{
$path_pic="c:/AppServ/www/par/images/";
copy ($picture, "$path_pic/$type.jpg");
$image = $type.".jpg";
$link = mysql_connect("localhost","root","123456");
mysql_query("Use product;");
mysql_query("set NAMES tis620");
$sql = "Update product_data Set product_type = '$type', price = '$price', picture
= '$image' Where product_id = '&code';";
$result = mysql_query($sql);
if($result)
{
echo "แก้ไขรายการสินค้าได้แล้ว<p>";
mysql_close($link);
}
else
{
echo "ไม่สามารถแก้ไขรายการสินค้าได้<p>";
}
}
}
else
{
echo "Incalid to entry the Admin Page";
}
include "load_product.php";
echo"</td>
<td width=190 bgcolor=#FFFF666><ul>
<li><a href=insert_admin.php>เพิมข้อมูลรายการห้อง</a></li>
- 48. 42
<input type=reset value=ยกเลิก name=cancel>
</form>";
}
else
{
$path_pic="c:/AppServ/www/par/images/";
copy ($picture, "$path_pic/$type.jpg");
$image = $type.".jpg";
$link = mysql_connect("localhost","root","123456");
mysql_query("Use product;");
mysql_query("set NAMES tis620");
$sql = "Update product_data Set product_type = '$type', price = '$price', picture
= '$image' Where product_id = '&code';";
$result = mysql_query($sql);
if($result)
{
echo "แก้ไขรายการสินค้าได้แล้ว<p>";
mysql_close($link);
}
else
{
echo "ไม่สามารถแก้ไขรายการสินค้าได้<p>";
}
}
}
else
{
echo "Incalid to entry the Admin Page";
}
include "load_product.php";
echo"</td>