Manual

การพฒนาเวบไซต เร�องการขายอปกรณเดนปา

นายสมคร ทบทมนาค

โครงการน# เปนสวนหน�งของวชา การพฒนาเวบเพจช#นสง รหสวชา 3204 – 2204 หลกสตรประกาศนยบตรวชาชพช#นสง

แผนกคอมพวเตอรธรกจ วทยาลยเทคนคจนทบร ปการศกษา 2555

ก

ช�อผจดทา :นายสมคร ทบทมนาค ช�อเร�อง :การพฒนาเวบไซต เร�องการขายอปกรณเดนปา แผนกวชา :คอมพวเตอรธรกจ สาขางาน :การพฒนาเวบเพจ ท�ปรกษา :นางพรญา ดนขนทด ปการศกษา :2555

บทคดยอ

********โครงงานการพฒนาเวบไซต เร�องการขายอปกรณเดนปาน3 มจดมงหมายเพ�อการทาธรกจขายสนคาในรปแบบกรขายสนคาออนไลน โดยไดทาการสรางเวบไซตเก�ยวกบการขายสนคาออนไลนท�สามารถส�งซ3อสนคาจากทางรานคาโดยส�งซ3อผานทางเวบไซตซ� งจะเช�อมโยงไปยงฐานขอมลของเวบไซต ในการใชงานน3นผเขาใชบรการสามารถเขาตรวจดสนคาภายในรานคาวามสนคาชนดในบาง ราคาเทาไร และมลกษณะการใชงานเปนอยางไรซ� งสนคาในรายการของเวบไซตน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

สารบญ(ตอ)

หนา *****4.3**หนารายละเอยดสนคา 21

*****4.4**หนาสมดเย�ยมชม 22

*****4.5**หนาตดตอ 23

*****4.6**หนาผดแลระบบ 24

*****4.7**หนาเพ�มรายการสนคา 24

*****4.8**หนาแกไข-ลบรายการสนคา 25

*****4.9**หนาการออกจากระบบ 25

*****4.10**หนาปรบปรงรายการสนคา 26

บทท� 5 สรปผลและขอเสนอแนะ 27

*****5.1**สรปผลจากการทดสอบเวบไซต 27

*****5.2**ปญหาและอปสรรคในการทดลอง 27

*****5.3**การแกไขปญหา 27

เอกสารอางอง 28

ภาคผนวก 29

ประวตผจดทา 60

****

ข

สารบญตาราง

ตารางท หนา

********ตารางท 3-1 ฐานขอมล counterdb 12

********ตารางท 3-2 ฐานขอมล product 12

********ตารางท 3-3 ฐานขอมล guest 12

ค

สารบญภาพ ภาพท� หนา *****ภาพท 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

บทท� 1 บทนา

1.1**ความเปนมาและความสาคญของปญหา

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

ดงน+นผประกอบการ นกลงทน จงไดเลงเหนความสาคญของอนเตอรเนตจงไดมการนาเทคโนโลยสารสนเทศมาใชเพ อประโยชนในดานตาง**ๆ**ไมวาจะเปน**ภาคธรกจ***เทคโนโลยสารสนเทศชวยเพ มผลผลต**ลดตนทน**เพ มประสทธภาพในการทางานประชาชนสวนใหญกใหความสาคญกบเทคโนโลยสารสนเทศอนเตอรเนตเปนอยางมากในปจจบน เน องจากมการใชงานท สะดวกสบาย เขาถงไดงาย และมกนอยเกอบทกบาน****สวนดานการศกษากระทรวงศกษาธการไดมการใชเทคโนโลยสารสนเทศในสถาบนการศกษาเพ อใหนกศกษาสามารถคนควาหาความรไดทดเทยมกน

ในการสรางระบบการขายสนคาหรอบรการบนอนเตอรเนตน+ นจะตองอยภายใตพระราชบญญตวาดวยการกระทาผดเก ยวกบคอมพวเตอรซ งจะตองไมมการละเมดกฎใดๆท+งส+นเพ อเปนท ยอมรบในการใหบรการและความปลอดภยในการใชบรการของลกคาเองดวยในพระราชบญญตน+ “ระบบคอมพวเตอร” หมายความวา อปกรณหรอชดอปกรณของคอมพวเตอรท เช อมการทางานเขาดวยกน โดยไดมการกาหนดคาส งชดคาส ง หรอ ส งอ นใด**และแนวทางป ฏ บ ต ง า น ใ ห อ ป ก ร ณ ห ร อ * * ช ด อ ป ก ร ณ ทา ห น า ท ป ร ะ ม ว ล ผ ล ขอ ม ล โ ด ย อต โ น ม ต “ขอมลคอมพวเตอร” หมายความวาขอมล ขอความ คาส ง ชดคาส ง หรอส งอ นใดบรรดาท อยในระบบคอมพวเตอรในสภาพท ระบบคอมพวเตอรอาจประมวลผลได และใหหมายความรวมถงขอมลอเลกทรอนกสตามกฎหมายวาดวยธรกรรมทางอเลกทรอนกสดวย

2

********ระบบการขายอปกรณอปกรณเดนปา เปนระบบท�สรางข�นมาเพ�อจาหนายอปกรณเดนปา เพ�อใหลกคาสามารถส�งซ�อสนคาไดไมวาจะอยท�ใดของประเทศซ�งเปนวธท�สะดวกสบายในการเลอกซ�อซ�อเพยงแคมการใสช�อท�อยลงไปแลวมการโอนเงนเขามาในบญชของทางรานและทางรานจะทาการย�นยนการโอนเงนเขาบญชและทาการสงสนคาไปใหตามท�อยในการสมครสมาชก และระบบมการเกบขอมลสนคาภายในรานวามสนคาตวใดเหลออยบาง ********ดงน�นการทาระบบการขายอปกรณเดนปา จงมความสาคญและสงผลตอ ประสทธภาพของการทาธรกจ เน�องจากจะชวยประหยดคาใชจายไดอยางมาแลวยงชวยใหลกคาสามารถเขาถงขอมลของสนคาไดอยางสะดวกสบายทกท�

1.2**วตถประสงค

********1.2.1**เพ�อศกษาถงวธการสรางระบบการขายสนคาบนอนเตอรเนต ********1.2.2**เพ�อลดตนทนในการเปดรานขายหรอเปนตวแทนขาย ********1.2.3**เพ�อนาไปสการสรางอาชพและรายไดในอนาคต ********1.2.4**เพ�อนาระบบท�สรางไปใชงานไดจรง

1.3**ขอบเขต

********ระบบการขายอปกรณเดนปามฐานขอมลไวสาหรบเกบขอมลอปกรณเดนปา รวมท�งขอมลของลกคาท�สมครเปนสมาชกเปน รหสสมาชก ซ� งจะสามารถส�งสนคาภายในระบบไดและมการเกบขอมลอปกรณชนดตาง ๆ ท�มการวางจาหนาย จานวนท�วางจาหนาย ราคาของอปกรณตางๆ และระบบส�งซ�อสนคาท� สามารถระบท�อย ปลายทางท�จาทาการสงสนคาไปให ********1.3.1**เคร�องมอท�ใช

1.3.1.1**เคร�องคอมพวเตอร intel R Pentium R 4 CPU 3.20 GHz, 0.99 GB of RAM

*************1.3.1.2**ระบบปฏบตการ Microsoft Windows XP Professional ข�นไป *************1.3.1.3**Dreamwaver CS3 *************1.3.1.4**EditPlus 3 *************1.3.1.5**Microsoft Office *************1.3.1.6**AppServ *************1.3.1.7**Photoshop CS3

1.4**สถานท�ดาเนนการ

********วทยาลยเทคนคจนทบร 44/3 จนทคามวถ ต.ตลาด อ.เมอง จ.จนทบร 22000

3

1.5**ระยะเวลาดาเนนการ

********ต�งแตเดอน พฤษภาคม-กนยายน 2555

1.6**ประโยชนท�คาดวาจะไดรบ

********1.6.1**ไดรบความรใหมๆในการสรางระบบการขายสนคาทางอนเตอรเนต ********1.6.2**ระบบท�สรางสามารถลดตนทนการขายได ********1.6.3**สามารนาความรท�ไดไปใชประกอบอาชพหรอสรางรายได ********1.6.4**ระบบการขายสนคาบนอนเตอรเนตสามารถนาไปใชงานไดจรง

บทท� 2

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

********การสรางระบบการขายอปกรณเดนปาผานทางอนเตอรเนตผศกษาไดทาการศกษาคนควาเอกสารและงานวจยท'เก'ยวของโดยนาเสนอตามลาดบหวขอดงน+ ********2.1**ความหมายและความเปนมาของอนเตอรเนต ********2.2**ประเภทของระบบสารสนเทศ ********2.3**วงจรการพฒนาระบบ ********2.4**ความรเก'ยวกบฐานขอมลและการออกแบบฐานขอมล ********2.5**ความหมายของเวบไซต

2.1**ความหมายและความเปนมาของอนเตอรเนต

********อนเทอรเนต ( Internet ) คอ เครอขายของคอมพวเตอรขนาดใหญท'เช'อมโยงเครอขายคอมพวเตอรท'วโลกเขาดวยกน***โดยอาศยเครอขายโทรคมนาคมเปนตวเช'อมเครอขาย***ภายใตมาตรฐานการเช'อมโยงดวยโปรโตคอลเดยวกนคอ TCP/IP (Transmission Control Protocol / Internet Protocol) เพ'อใหคอมพวเตอรทกเคร'องในอนเทอรเนตสามารถส'อสารระหวางกนได นบวาเปนเครอขายท'กวางขวางท'สดในปจจบน เน'องจากมผนยมใช โปรโตคอลอนเทอรเนตจากท'วโลกมากท'สดอนเทอรเนตจงมรปแบบคลายกบเครอขายคอมพวเตอรระบบ WAN แตมโครงสรางการทางานท'แตกตางกนมากพอสมควร**เน'องจากระบบ***WAN เปนเครอขายท'ถกสรางโดยองคกรๆ เดยวหรอกลมองคกร เพ'อวตถประสงคดานใดดานหน'ง และมผดแลระบบท'รบผดชอบแนนอน แตอนเทอรเนตจะเปนการเช'อมโยงกนระหวางคอมพวเตอรนบลานๆ**เคร'องแบบไมถาวรข+นอยกบเวลาน+นๆ วาใครตองการเขาสระบบอนเทอรเนตบาง ใครจะตดตอส'อสารกบใครกได จงทาใหระบบอนเทอรเนตไมมผใดรบผดชอบหรอดแลท+งระบบ

5

2.2**ประเภทของระบบสารสนเทศ

********ระบบสารสนเทศเพ�อการจดการ (Management Information Systems) (MIS) เปนระบบเก�ยวกบการจด หาคน หรอขอมลท�สมพนธกบขอมล เพ�อการดาเนนงานขององคการ เชน การใช MIS เพ�อชวยเหลอกจกรรมของลกจาง เจาของกจการ ลกคา และบคคลอ�นท�เจามาเก�ยวของกบองคการ การประมวลผลของขอมลจะชวยแบงภาระการ ทางานและยงสามารถนา สารสนเทศมา ชวยในการตดสนใจของผบรหาร**หรอ**MIS**เปนระบบซ�งรวมความสามารถของผใชงาน*และคอมพวเตอรเขาดวยกน โดยมจดมงหมาย เพ�อใหไดมาซ� งสารสนเทศเพ�อการดาเนนงานการจดการ และการตดสนใจในองคการ หรอ MIS หมายถงการเกบรวบรวมขอมล การ ประมวลผล และการสรางสารสนเทศขDนมาเพ�อชวยในการตดสนใจ การประสานงาน และการควบคม นอกจากนDนยงชวยผบรหาร และ พนกงานในการวเคราะหปญหา แกปญหา และสรางผลตภณฑใหม โดย MIS จะตองใชอปกรณทางคอมพวเตอร*(Hardware)**และ**โปรแกรม**(Software)**รวมกบผใช (Peopleware) เพ�อกอใหเกดความสาเรจในการไดมาซ� งสารสนเทศท�มประโยชน

2.3**วงจรการพฒนาระบบ

********ระบบสารสนเทศทDงหลายมวงจรชวตท�เหมอนกนตDงแตเกดจนตายวงจรนD จะทาเปนขDนตอนท�เปนลาดบตDงแตตนจนเสรจเรยนรอย เปนระบบท�ใชงานได ซ� งนกวเคราะหระบบตองทาความเขาใจใหดวาในแตละขDนตอนจะตองทาอยางไร ********ขDนตอนการพฒนาระบบมอยดวยกน 7 ขDนดวยกนคอ ********1.**เขาใจปญหา (Problem Recognition) ********2.** ศกษาความเปนไปได (Feasibility Study) ********3.**วเคราะห (Analysis) ********4.**ออกแบบ (Design) ********5.**สรางหรอพฒนาระบบ (Construction) ********6.**การปรบเปล�ยน (Conversion) ********7.**บารงรกษา (Maintenance) ********2.3.1**เขาใจปญหา**(Problem**Recognition)**ระบบสารสนเทศจะเกดขDนไดกตอเม�อผบรหารหรอผใชตระหนกวา ตองการระบบสารสนเทศหรอระบบจดการเดม ไดแกระบบเอกสารในตเอกสาร**ไมมประสทธภาพเพยงพอท�ตอบสนองความตองการในปจจบนปจจบนผบรหารต�นตวกนมากท�จะใหมการพฒนาระบบสารสนเทศมาใชในหนวยงานของตน**ในงานธรกจ อตสาหกรรม หรอใชในการผลต ตวอยางเชน บรษทของเรา จากด ตดตอซDอสนคาจากผขายหลายบรษท ซ� งบรษทของเราจะมระบบ MIS ท�เกบขอมลเก�ยวกบหนD สนท�บรษทขอเราตดคางผขายอย แตระบบเกบขอมลผขายไดเพยง 1,000 รายเทานDน แตปจจบนผขายมระบบเกบขอมลถง 900 ราย

6

และอนาคตอนใกลนDจะเกน 1,000 ราย ดงนDนฝายบรหารจงเรยกนกวเคราะหระบบเขามาศกษา แกไขระบบงานปญหาท�สาคญของระบบสารสนเทศในปจจบน คอ ระบบเขยนมานานแลว สวนใหญเขยนมาเพ�อตดตามเร�องการเงน ไมไดมจดประสงคเพ�อใหขอมลขาวสารในการตดสนใจ แตปจจบนฝาย บรหารตองการดสถตการขายเพ�อใชในการคาดคะเนในอนาคต หรอความตองการอ�นๆ เชน สนคาท�มยอดขายสง หรอสนคาท�ลกคาตองการสง หรอการแยกประเภทสนคาตางๆท�ทาไดไมงายนกการท�จะแกไขระบบเดมท�มอยแลวไมใชเร�องท�งายนก หรอแมแตการสรางระบบใหม ดงนDนควรจะมการศกษาเสยกอนวา ความตองการของเราเพยงพอท�เปนไปไดหรอไม ไดแก "การศกษาความเปนไปได" (Feasibility Study) ********2.3.2** ศกษาความเปนไปได (Feasibility Study)จดประสงคของการศกษาความเปนไปไดกคอ***การกาหนดวาปญหาคออะไรและตดสนใจวาการพฒนาสรางระบบสารสนเทศ หรอการแกไขระบบสารสนเทศเดมมความเปนไปไดหรอไมโดยเสยคาใชจายและเวลานอยท�สด และไดผลเปนท�นาพอใจ ********ปญหาตอไปคอ**นกวเคราะหระบบจะตองกาหนดใหไดวาการแกไขปญหาดงกลาวมความเปนไปไดทางเทคนคและบคลากร ปญหาทางเทคนคกจะเก�ยวของกบเร�องคอมพวเตอร และเคร�องมอเกาๆถาม รวมทDงเคร�องคอมพวเตอรซอฟตแวรดวย ตวอยางคอ คอมพวเตอรท�ใชอยในบรษทเพยงพอหรอไม คอมพวเตอรอาจจะมเนDอท�ของฮารดดสกไมเพยงพอ รวมทDงซอฟตแวร วาอาจจะตองซDอใหม หรอพฒนาขDนใหม เปนตน ความเปนไปไดทางดานบคลากร คอ บรษทมบคคลท�เหมาะสมท�จะพฒนาและตดตDงระบบเพยงพอหรอไม ถาไมมจะหาไดหรอไม จากท�ใด เปนตน นอกจากนDนควรจะใหความสนใจวาผใชระบบมความคดเหนอยางไรกบการเปล�ยนแปลง รวมทDงความเหนของผบรหารดวย ********2.3.3**การวเคราะห (Analysis) เร�มเขาสการวเคราะหระบบ การวเคราะหระบบเร�มตDงแตการศกษาระบบการทางานของธรกจนDน***ในกรณท�ระบบเราศกษานDนเปนระบบสารสนเทศอยแลวจะตองศกษาวาทางานอยางไร**เพราะเปนการยากท�จะออกแบบระบบใหมโดยท�ไมทราบวาระบบเดมทางานอยางไร หรอธรกจดาเนนการอยางไร หลงจากนDนกาหนดความตองการของระบบใหม ซ� งนกวเคราะหระบบจะตองใชเทคนคในการเกบขอมล (Fact-Gathering Techniques) ดงรป ไดแก ศกษาเอกสารท�มอย**ตรวจสอบวธการทางานในปจจบน สมภาษณผใชและผจดการท�มสวนเก�ยวของกบระบบ เอกสารท�มอยไดแก คมอการใชงาน แผนผงใชงานขององคกร รายงานตางๆท�หมนเวยนใน**ระบบการศกษาวธการทางานในปจจบนจะทาใหนกวเคราะหระบบรวาระบบจรงๆ ทางานอยางไรซ� งบางครD งคนพบขอผดพลาดได ตวอยาง เชน เม�อบรษทไดรบใบเรยกเกบเงนจะมขDนตอนอยางไรในการจายเงน ขDนตอนท�เสมยนปอนใบเรยกเกบเงนอยางไร เฝาสงเกตการทางานของผเก�ยวของ เพ�อใหเขาใจและเหนจรงๆ วาขDนตอนการทางานเปนอยางไร ซ� งจะทาใหนกวเคราะหระบบคนพบจดสาคญของระบบวาอยท�ใด

7

********2.3.4**การออกแบบ (Design)ในระยะแรกของการออกแบบ นกวเคราะหระบบจะนาการตดสนใจ ของฝายบรหารท�ไดจากขDนตอนการวเคราะหการเลอกซDอคอมพวเตอร ฮารดแวรและซอฟตแวรดวย (ถามหรอเปนไปได) หลงจากนDนนกวเคราะหระบบจะนาแผนภาพตางๆ ท�เขยนขDนในขDนตอนการวเคราะหมาแปลงเปนแผนภาพลาดบขDน (แบบตนไม) ดงรปขางลาง เพ�อใหมองเหนภาพลกษณท�แนนอนของโปรแกรมวามความสมพนธกนอยางไร และโปรแกรมอะไรบางท�จะตองเขยนในระบบ**หลงจากนDนกเร�มตดสนใจวาควรจะจดโครงสรางจากโปรแกรมอยางไร*การเช�อมระหวางโปรแกรมควรจะทาอยางไร ในขDนตอนการวเคราะหนกวเคราะหระบบตองหาวา"จะตองทาอะไร(What)"แตในขDนตอนการออกแบบตองรวา**"จะตองทาอยางไร*(How)"**ในการออกแบบโปรแกรมตองคานงถงความปลอดภย (Security) ของระบบดวย เพ�อปองกนการผดพลาดท�อาจจะเกดขDน เชน "รหส" สาหรบผใชท�มสทธn สารองไฟลขอมลทDงหมดเปนตนนกวเคราะหระบบจะตองออกแบบฟอรมสาหรบขอมลขาเขา (Input Format) ออกแบบรายงาน (Report Format) และการแสดงผลบนจอภาพ (Screen Fromat) หลกการการออกแบบฟอรมขอมลขาเขาคอ งายตอการใชงาน และปองกนขอผดพลาดท�อาจจะเกดขDน ********2.3.5**การพฒนาระบบ**(Construction)***ในขDนตอนนD โปรแกรมเมอรจะเร�มเขยนและทดสอบ โปรแกรมวา ทางานถกตองหรอไม ตองมการทดสอบกบขอมลจรงท�เลอกแลว ถาทกอยางเรยบรอย เราจะไดโปรแกรมท�พรอมท�จะนาไปใชงานจรงตอไป หลงจากนDนตองเตรยมคมอการใชและการฝกอบรมผใชงานจรงของระบบระยะแรกในขDนตอนนDนกวเคราะหระบบตองเตรยมสถานท�สาหรบ***เคร�องคอมพวเตอรแลวจะตองตรวจสอบวาคอมพวเตอรทางานเรยบรอยโปรแกรมเมอร เขยนโปรแกรมตามขอมลท�ไดจากเอกสารขอมลเฉพาะของการออกแบบ (Design*Specification)**ปกตแลวนกวเคราะหระบบไมมหนาท�เก�ยวของในการเขยนโปรแกรม***แตถาโปรแกรมเมอรคดวาการเขยนอยางอ�นดกวาจะตองปรกษานกวเคราะหระบบเสยกอน***เพ�อท�วานกวเคราะหจะบอกไดวาโปรแกรมท�จะแกไขนDนมผลกระทบกบระบบทDงหมดหรอไม***โปรแกรมเมอรเขยนเสรจแลวตองมการทบทวนกบนกวเคราะหระบบและผใชงาน เพ�อคนหาขอผดพลาด วธการนD เรยกวา "Structure Walkthrough"**การทดสอบโปรแกรมจะตองทดสอบกบขอมลท�เลอกแลวชดหน�ง ซ� งอาจจะเลอกโดยผใช การทดสอบเปนหนาท�ของโปรแกรมเมอร แตนกวเคราะหระบบตองแนใจวา โปรแกรมทDงหมดจะตองไมมขอผดพลาด ********2.3.6**การปรบเปล�ยน(Construction)ขDนตอนนDบรษทนาระบบใหมมาใชแทนของเกาภายใตการดแลของนกวเคราะหระบบ การปอนขอมลตองทาใหเรยบรอย และในท�สดบรษทเร�มตนใชงานระบบใหมนDไดการนาระบบเขามาควรจะทาอยางคอยเปนคอยไปทละนอย ท�ดท�สดคอ ใชระบบใหมควบคไปกบระบบเกาไปสกระยะหน�ง*โดยใชขอมลชดเดยวกนแลวเปรยบเทยบผลลพธ วาตรงกนหรอไม ถาเรยบรอยกเอาระบบเกาออกได แลวใชระบบใหมตอไป

8

********2.3.7**บารงรกษา**(Maintenance)**การบารงรกษาไดแก**การแกไขโปรแกรมหลงจากการใชงานแลว สาเหตท�ตองแกไขโปรแกรมหลงจากใชงานแลว สาเหตท�ตองแกไขระบบสวนใหญม 2 ขอ คอ มปญหาในโปรแกรม (Bug) และ การดาเนนงานในองคกรหรอธรกจเปล�ยนไป จากสถตของระบบท�พฒนาแลวทDงหมดประมาณ 40% ของคาใชจายในการแกไขโปรแกรม เน�องจากม "Bug" ดงนDนนกวเคราะหระบบควรใหความสาคญกบการบารงรกษา ซ� งปกตจะคดวาไมมความสาคญมากนก**เม�อธรกจขยายตวมากขDน ความตองการของระบบอาจจะเพ�มมากขDน เชน ตองการรายงานเพ�มขDน ระบบท�ดควรจะแกไขเพ�มเตมส�งท�ตองการได***การบารงรกษาระบบควรจะอยภายใตการดแลของนกวเคราะหระบบ**เม�อผบรหารตองการแกไขนกวเคราะหระบบตองเตรยมแผนภาพตาง ๆ และศกษาผลกระทบตอระบบ และใหผบรหารตดสนใจตอไปวาควรจะแกไขหรอไม

2.4**ความรเก ยวกบฐานขอมลและการออกแบบฐานขอมล

****2.4.1**ความของขอมลและสารสนเทศ **********ขอมล (Data) หมายถง กลมตวอกขระท�เม�อนามารวมกนแลวมความหมายอยางใดอยางหน�งและมความสาคญควรคาแกการจดเกบเพ�อนาไปใชในโอกาสตอ ๆ ไป ขอมลมกเปนขอความท�อธบายถงส�งใดส�งหน�ง อาจเปนตวอกษร ตวเลข หรอสญลกษณใด ๆ ท�สามารถนาไปประมวลผลดวยคอมพวเตอรได (ทกษณา สวนานนท และฐานศรา เกยรตบารม, 2546, หนา 165) **********สารสนเทศ หมายถง ขอมลท�เปนประโยชนตอการดาเนนชวตของมนษย มนษยแตละคนตDงแตเกดมาไดเรยนรส�งตางๆ จานวนมาก เรยนรสภาพสงคมความเปนอย กฎเกณฑและวชาการ (จรณต แกวกงวาน :2538, หนา 124) ****2.4.2**ประเภทของขอมล **********2.4.2.1**ขอมลตวอกษร คอ ขอมลท�ประกอบดวยตวอกษรและตวเลขท�ไมใชในการคานวณ ทDงภาษาไทย ภาษาองกฤษ และภาษาตางประเทศ เชน ทะเบยนรถยนต ช�อ นามสกล หมายเลขโทรทศน บานเลขท� เปนตน **********2.4.2.2**ขอมลท�เปนตวเลข คอ ขอมลท�ประกอบดวยตวเลข 0 ถง 9 ใชในการคานวณได เชน คะแนน จานวนเงน ราคาสนคา เปนตน **********2.4.2.3**ขอมลภาพ คอขอมลท�เปนภาพอาจเปนภาพน�ง เชนภาพถาย ภาพวาด ภาพเคล�อนไหว เชน ภาพจากวดทศน เปนตน อาจเกบไวในคอมพวเตอร หรอแผนซด เปนตน

9

****2.4.3**ลกษณะของขอมลท�ด **********ลกษณะของขอมลท�ดควรมดงตอไปนD **********2.4.3.1**ขอมลท�มความถกตองและเช�อถอได (accuracy) ขอมลจะมความถกตองและเช�อถอไดมากนอยเพยงใดนDน ขDนกบวธการท�ใชในการควบคมขอมลนาเขา และการควบคมการประมวลผลการควบคมขอมลนาเขาเปนการกระทาเพ�อใหเกดความม�นใจวา***ขอมลนาเขามความถกตองเช�อถอได***เพราะถาขอมลนาเขาไมมความถกตองแลว***ถงแมจะใชวธการวเคราะหและประมวลผลขอมลท�ดเพยงใด ผลลพธท�ไดกจะไมมความถกตอง หรอนาไปใชไมได ขอมลนาเขาจะตองเปนขอมลท�ผานการตรวจสอบวาถกตองแลว ขอมลบางอยางอาจตองแปลงใหอยในรปแบบท�เคร�องคอมพวเตอรสามารถเขาใจไดอยางถกตอง***ซ� งอาจตองพมพขอมลมาตรวจเชคดวยมอกอน***การประมวลผลถงแมวาจะมการตรวจสอบขอมลนาเขาแลวกตาม**กอาจทาใหไดขอมลท�ผดพลาดได เชน เกดจากการเขยนโปรแกรมหรอใชสตรคานวณผดพลาดได ดงนDนจงควรกาหนดวธการควบคมการประมวลผลซ�งไดแก***การตรวจเชคยอดรวมท�ไดจากการประมวลผลแตละครD ง หรอการตรวจสอบผลลพธท�ไดจากการประมวลผลดวยเคร�องคอมพวเตอรกบขอมลสมมตท�มการคานวณดวยวามความถกตองตรงกนหรอไม **********2.4.3.2**ขอมลตรงตามความตองการของผใช (relevancy) ไดแก การเกบเฉพาะขอมลท�ผใชตองการเทานDน ไมควร เกบขอมลอ�น ๆ ท�ไมจาเปนหรอไมเก�ยวของกบการใชงาน เพราะจะทาใหเสยเวลาและเสยเนDอท�ในหนวยเกบขอมล แตทDงนDขอมลท�เกบจะตองมความครบถวนสมบรณ **********2.4.3.3**ขอมลมความทนสมย (timeliness) ขอมลท�ดนDนนอกจากจะเปนขอมลท�มความถกตองเช�อถอไดแลวจะ ตองเปนขอมลท�ทนสมย ทDงนD เพ�อใหผใชสามารถนาเอาผลลพธท�ไดไปใชไดทนเวลา น�นคอจะตองเกบขอมลไดรวดเรวเพ�อทนความตองการของผใช ********2.4.4**การออกแบบฐานขอมล **********ขอมลท�ดควรเปนขอมลท�มคณลกษณะดงตอไปนD **********2.4.4.1**การออกแบบฐานขอมลดวยวธอปนย หรอ การออกแบบฐานขอมลจากลางขDนบน (bottom-up design) เปนการออกแบบฐานขอมลจากแนวคดพDนฐานท�วา ลกษณะงานในแตละหนวยงานยอมม ความสมบรณและความซบซอนแตกตางกน ฉะนDน รปแบบของฐานขอมลท�ดควรเกดจากการรวบรวมขอดของขอมลและ/หรอโปรแกรมตาง**ๆ**ท�มการใชงานอยแลวภายในหนวยงานตาง ๆ มาจดทาเปนรปแบบฐานขอมลขององคกร เน�องจากขอมลและ/หรอโปรแกรมดงกลาวสามารถตอบสนองความตองการของผใชงานในหนวยงานนDน***ๆ**อยแลวดงนDน***การออกแบบฐานขอมลดวยวธอปนยจงเปนการออกแบบฐานขอมลดวยการเกบรวบรวม***ขอมลและ/หรอโปรแกรมท�มการใชงานอยแลวภายในหนวยงานตาง ๆ ขององคกรมาเช�อมโยงเขาดวยกนเพ�อจดทาเปนระบบฐานขอมลขององคกรหากทวาขอจากดในการออกแบบฐานขอมลดวยวธอปนย

10

คอ การนากรรมวธยอย ๆ จากการทางานของหนวยงานตาง ๆ มารวมเขาดวยกนเปนเร�องท�ทาไดไมงายนก และตองใชเวลาอยางมากจงจะสามารถออกแบบและสรางระบบฐานขอมลท�สมบรณได **********2.4.4.2**การออกแบบฐานขอมลดวยวธนรนย หรอ การออกแบบฐานขอมลจากบนลงลาง (top-down design) เปนการออกแบบฐานขอมลดวยการเกบรวบรวมขอมลพDนฐาน ขDนตอนการทางานของหนวยงาน ตาง ๆ ภายในองคกร และความตองการใชงานฐานขอมล จากการสงเกตการณ สอบถาม และ/หรอ สมภาษณบคลากรท�เก�ยวของกบการใชงานฐานขอมล ตลอดจนรวบรวมขอมลจากแบบฟอรมตาง ๆ ท�มใชอยภายในหนวยงาน เพ�อนามาออกแบบโครงสรางฐานขอมลขององคกรหากทวาขอจากดในการออกแบบฐานขอมลดวยวธนรนย คอ บคลากรท�เก�ยวของกบการใชงานฐานขอมลควรตองเขาใจใหความสาคญและความรวมมอในการเกบรวบรวมขอมล จงจะทาใหไดระบบฐานขอมลท�ถกตองและครอบคลมระบบงานตาง ๆ ภายในองคกร ซ� งขอดของการออกแบบฐานขอมลดวยวธนรนย คอ เปนวธการออกแบบท�เหมาะกบการจดวางระบบฐานขอมลในองคกรท�มความหลากหลายของหนวยงาน ตวอยางเชน ในแตละหนวยงานมการอางถงขอมลเดยวกนดวยช�อท�แตกตางกน เปนตน

2.5**ความหมายของเวบไซต

********เวบไซต (website, web site, หรอ Web site) หมายถง หนาเวบเพจหลายหนา ซ� งเช�อมโยงกนผานทางไฮเปอรลงก สวนใหญจดทาขDนเพ�อนาเสนอขอมลผานคอมพวเตอร โดยถกจดเกบไวในเวลดไวดเวบ หนาแรกของเวบไซตท�เกบไวท�ช�อหลกจะเรยกวา โฮมเพจ เวบไซตโดยท�วไปจะใหบรการตอผใชฟรแตในขณะเดยวกนบางเวบไซตจาเปนตองมการสมครสมาชกและเสยคาบรการเพ�อท�จะดขอมล ในเวบไซตนDน ซ� งไดแกขอมลทางวชาการ ขอมลตลาดหลกทรพย หรอขอมลส�อตางๆ ผทาเวบไซตมหลากหลายระดบ ตDงแตสรางเวบไซตสวนตว จนถงระดบเวบไซตสาหรบธรกจหรอองคกรตางๆ***การเรยกดเวบไซตโดยท�วไปนยมเรยกดผานซอฟตแวรในลกษณะของเวบเบราวเซอร

บทท� 3

วธการดาเนนงาน

ในการพฒนาเวบไซต การขายสนคาประเภท อปกรณเดนปาผ ศกษาไดดาเนนการตามลาดบข)นตอนดาเนนการตางๆตามลาดบข)นตอน ดงน) ตอไปน) 3.1 การศกษา และ รวบรวมขอมลตางๆ 3.2 ออกแบบฐานขอมล 3.3 กาหนดโครงสรางของเวบไซต 3.4 กาหนดการเช8อมโยงระหวางเวบเพจ 3.5 ออกแบบเวบแตละหนาภายในเวบไซต

3.1**การศกษา และ รวบรวมขอมลตางๆ

********ผศกษาไดออกแบบเวบเพจ การขายสนคา ประเภท อปกรณเดนปา โดยเร8มจากการรวมรวมขอมลสนคาประเภทตาง ๆ คณสมบตของสนคา ราคา ความคงทน วสดท8ใชทา ความนยมในหมนกเดนปา และนามาวางขายในรานคา และจดทาเวบไซตแสดงขอมลสนคาท8วางขายภายในรานผจดทาไดทาการศกษาและรวบขอมลสาคญท8ใชในการทาเวบไซต ดงตอไปน) ******๕3.1.1**ความหมายและความเปนมาของอนเตอรเนต ********3.1.2**ประเภทของระบบสารสนเทศ ********3.1.3**วงจรการพฒนาระบบ ********3.1.4**ความรเก8ยวกบฐานขอมลและการออกแบบฐานขอมล ********3.1.5**ความหมายของเวบไซต

3.2**ออกแบบฐานขอมล

********ผศกษาไดทาการออกแบบฐานขอมลโดย ดงตอไปน) ********3.2.1**ฐานขอมล counterdb ********3.2.2**ฐานขอมล product ********3.2.3**ฐานขอมล guest

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 เปนโปรแกรมท�ใหผเขามาชมเวบไซตสามารถท�จะเขามาเขยนคา แนะนา ตชม หรอเขยนคาทกทาย ทาใหระบบงานมจดดงดดแกผเย�ยมชม หลกการทางาน คอ สรางตารางฐานขอมลเพ�อเกบรายการในสมดเย�ยม

13

3.3 กาหนดโครงราง

********ผศกษาไดทาการกาหนดโครงรางของเวบไซตทบทมนาค อปกรณการเดนปาไวดงน<

ภาพท� 3-1 ภาพโครงรางเวบไซต

********โครงรางของเวบไซตจะมการเช�อมโยงกบหนาหลก ๆ โดยท�หนาหลก ๆ จะมการเช�อมโยงตอไปอกซ�งผจดทาไดกาหนดโครงรางเวบไซตไวดงภาพท� 3-1 ซ� งมการเช�อมโยงกบ

index.php

home.php

guest.php

contact.php

Login_form.php

par

14

3.4**การกาหนดการเช�อมโยงระหวางเพจ

ภาพท� 3-2 การเช�อมโยงระหวางเพจ

********จากภาพท� 3-2 แสดงการเช�อมโยงระหวางเพจของเวบทบทมนาค อปกรณเดนปา ไว คอ หนาแรกจะมหนาเช�อมโยงไปยงหนา product.php ซ� งเปนหนาโปรแกรมแสดงขอมลสนคาอปกรณ

index.php

product.php guest.php contact.php

home.php

login_form.php

admin.php

insert_admin.php

load_product_admin.php

logout_admin.php

load_product.php

show.php

delete.php

update.php

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 และดานลางจะมโปรแกรมการนบจานวนผเขาชมเวบไซต

16

3.5.2**การออกแบบหนา home

ภาพท� 3-4 การออกแบบหนา home

********จากภาพท� 3-4 ในหนา home จะมการแสดงรปภาพของสนคาท�มการวางจาหนายในรานบอกถงรายละเอยดราน ดานขวาจะมการเช�อมโยงไปยงหนาตาง ๆ ดานขวาลางจะเปนการใสรหสสมาชกหรอรหสผดแลระบบ

3.5.3**การออกแบบหนา product

ภาพท� 3-5 การออกแบบหนา product

********จากภาพท� 3-5 ในหนาของ product จะมการแสดงสนคารายละเอยดสนคา ราคาของสนคาและรปภาพของสนคา ดานขวาบนจะเปนจดเช�อมโยงไปยงหนาตาง ๆ ของเวบไซตดานขวาลางเปนการเขาสระบบสมาชก

17

3.5.4**การออกแบบหนา guest

ภาพท� 3-6 การออกแบบหนา guest

********จากภาพท� 3-6 ในหนาของ guest เปนหนาท�มไวสาหรบการตดตอใหคาแนะนาแสดงความคดเหนตอเวบไซต ขวาบนเปนสวนท�เช�อมตอไปยงหนาตางๆ ดานขวาลางเปนสวนเขาสระบบสมาชก

3.5.5**การออกแบบหนา contact

ภาพท� 3-7 การออกแบบหนา contact

********จากภาพท� 3-7 ในหนาของ contact เปนหนาตดตอกบทางรานโดยตรงซ�งจะมการแสดงแผนท�ทางไปรานคาโดยตรงขวาบนเปนสวนท�เช�อมตอไปยงหนาตางๆ ดานขวาลางเปนสวนเขาสระบบสมาชก

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 ของผดแลระบบจงจะสามารถทาการแกไขได

บทท� 4

ผลการดาเนนงาน

********จากการดาเนนงานสรางเวบไซตผจดทาไดทาการออกแบบฐานขอมล ทาการกาหนดโครงรางเวบไซต และ ทาการออกแบบเวบไซตซ& งจากการดาเนนงานตาง ๆ สารมารถจดทาเวบไซตไดดงน* 4.1**หนาแรก

ภาพท& 4-1 หนาแรก

********จากภาพท& 4-1 เปนหนาหลกของเวบไซตท&มการนบจานวนคนเขาชมและเช&อมตอไปยงหนาหลกของเวบไซตโดยคลกท& เขาสหนาหลก

20

4.2**หนาหลก

ภาพท 4-2 หนาหลก

********จากภาพท 4-2 คอหนาหลกของเวบไซตซ งจะแสดงรปภาพสนคาทมวางขายในรานและมการแนะนารานวาขายสนคาใด มการประกนคณภาพ และมจดเชอมโยงไปยงหนาแรก สนคาและราคา สมดเยยมชม ตดตอ และมระบบ login เขาสระบบ ดานลางจะเปนสวนของผดแลระบบจงจะสามารถเขาไปแกไขขอมลได

21

4.3**หนารายละเอยดสนคา

ภาพท 4-3 หนารายละเอยดสนคา

********จากภาพท 4-3 เปนหนาแสดงรายละเอยดสนคาตางๆทไดทาการเพมลงไปหรอทางรานมขายจะมการแสดง รายละเอยดสนคา ราคาสนคา และรปภาพของสนคาทมวางขายภายในรานคณภาพ และมจดเชอมโยงไปยงหนาแรก สนคาและราคา สมดเยยมชม ตดตอ และมระบบ login เขาสระบบ ดานลางจะเปนสวนของผดแลระบบจงจะสามารถเขาไปแกไขขอมลได

22

4.4**หนาสมดเย�ยมชม

ภาพท 4-4 หนาสมดเยยมชม

********จากภาพท 4-4 เปนหนาสมดเยยมชมจะมแบบฟอรมการเยยมชมหรอการแสดงความคดเหนทมตอเวบไซตขอมลจากการกรอกคาตชมหรอการแสดงความคดเหนจะถกสงไปยงฐานขอมล guest เพอเกบไวและสามารถดงลงมาแสดงใหทราบไดวาใครเปนผแสดงความคดเหน มการระบบเลข IP อกดวย

23

4.5**หนาตดตอ

ภาพท 4-5**หนาตดตอ

********จากภาพท 4-5 ในหนานFจะเปนหนาตดตอกบทางรานโดยตรงซงจะมการแสดงแผนทหรอทตFงของรานขายสนคาโดยตรงและมจดเชอมโยงไปยงหนาแรก สนคาและราคา สมดเยยมชม ตดตอ และมระบบ login เขาสระบบ ดานลางจะเปนสวนของผดแลระบบจงจะสามารถเขาไปแกไขขอมลได

24

4.6**หนาผดแลระบบ

ภาพท 4-6 หนาผดแลระบบ

********จากภาพท 4-6 เปนหนาของผดแลระบบซงจะแสดงขFนมาหลงจากการทาการ login เขาสระบบโดยใช user ของผดแลระบบ ซ งในหนาจะสามารถเขาไปทาการแกไขเพมเตมขอมลไดโดยการคลกเลอกจดเชอมโยงทางดานขวา

4.7**หนาเพ�มรายการสนคา

ภาพท 4-7**หนาเพมรายการสนคา

********จากภาพท 4-7**เปนหนาของการทาการเพมรายการสนคาซ งจะเขาหนานFไดจะตองทาการเขาสระบบโดยใชรหสผานของผดแลระบบ ในหนานF จะสามารถทาการเพมขอมลรายการสนคา ประเภทของสนคา ราคาของสนคา รปภาพของสนคา ได เมอทาการเพมลงไปแลวขอมลจะถกสงไปยงฐานขอมล product

25

4.8**หนาแกไข-ลบรายการสนคา

ภาพท 4-8**หนาแกไข-ลบรายการสนคา

********จากภาพท 4-8**เปนหนาทมไวสาหรบการแกไขและลบรายการสนคาจะมการแสดงรายละเอยดสนคา สามารถทาการเพมขอมลและทาการลบขอมลออกไดโดยการคลกทเครองหมายกากบาทเมอคลกแลวจะทาการลบขอมลออกจากฐานขอมล product

4.9**หนาการออกจากระบบ

ภาพท 4-9**หนาการออกจากระบบ

********จากภาพท 4-9 เปนหนาทจะแสดงขFนมาหลงจากทาการออกจากระบบโดยการ logout ซ งจะปรากฏขอความ คณไดออกจากรสวนของผดแลระบบแลวเมอทาการออกแลวจะไมสามารถแกไขหรอลบขอมลใดๆในระบบไดจะตองทาการเขาสระบบอกครF ง

26

4.10**หนาปรบปรงรายการสนคา

ภาพท 4-10**หนาปรบปรงรายการสนคา

********จากภาพท 4-10**จะเปนหนาทไว สาหรบการแกไขและลบขอมลสนคาออกจากฐานขอมล product โดยการคลกทเครองหมายกากบาทและจะสามารถเพมขอมลไดโดยการคลกทเครองหมายถกเมอคลกแลวจะมฟอรมการเพมเตมขอมล ในสวนของหนานFหากไมไดทาการเขาสระบบโดยรหสของผดแลระบบ

บทท� 5

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

5.1**สรปผลจากการทดสอบเวบไซต

********การทาโครงงานการพฒนาเวบไซต เร�องการขายอปกรณเดนปา มหลกการท�จะพฒนาในเร�องของการขายสนคาใหกบลกคา โดยจะแสดงรายละเอยดของสนคา ราคาของสนคา รปของสนคาทาใหสะดวกตอการตดสนใจเลอกของลกคา และมแผนท�แสดงท�ต.งของรานคาทาใหลกคาสามารถตดตอกบทางรานไดโดยตรง ********จากการทาโครงงานการพฒนาเวบไซต เร�องการขายอปกรณเดนปา ระบบของเวบไซตสามารถทาการตรวจดสนคาท�มวางจาหนายภายในรานและสามารถทาการส�งซ.อสนคาโดยการพมพในแบบฟอรมการเย�ยมชมซ�งเม�อกรอกลงไปขอมลการส�งซ.อจะถกสงไปยงฐานขอมลและทางรานจะสงสนคาไปใหโดยท�ลกคาจะตองทาการโอนเงนเขามาในบญชของทางราน ซ� งระบบสามารถทาการขายสนคากบลกคาไดจรง ********จากการทาโครงงานการพฒนาเวบไซต เร�องการขายอปกรณเดนปา ไดมการทดสอบเวบไซตการขายอปกรณเดนปาซ� งการจดทาเวบไซตข.นมาในคร. งน. เปนไปตามวตถประสงคของโครงการ ทาใหไดเวบไซตตามท�กาหนดและยงสามารถนาไปใชงานไดงายและสะดวก อยางไรกตามการพฒนาเวบไซตสามารถทาการพฒนาระบบเวบไซตตอยอดใหมความสมบรณและครบถวนไดอก หรอมประสทธภาพมากข.นกวาเดม

5.2**ปญหาและอปสรรคในการทดลอง

********5.2.1**ปญหาการสรางเวบไซตใหสามารถเช�อมตอกบฐานขอมล ********5.2.2**ปญหาการออกแบบเวบไซตเน�องจากเปนโปรแกรมท�จะตองพมพโคดเองจงทาใหเวบไซตออกมาไมสวยงามเทาท�ควร

5.3**การแกไขปญหา

********5.3.1**ในการสรางเวบไซตใหสามารถเช�อตอกบฐานขอมลควรสรางฐานขอมลไวกอนแลวจงเขยนโคดใหเช�อตอกบฐานขอมล ********5.3.2**ในการออกแบบเวบไซตใหสวยงามควรใชโปรแกรมตวอ�นเขามาชวยในการออกแบบรปภาพใหมความสวยงาม

28

เอกสารอางอง

สรยน ศรสวสด� กล. ระบบส�อสารขอมลคอมพวเตอร. พมพคร� งท� 2, กรงเทพฯ : สกายบค, 2540.

ลอง, ลาร� . เทคโนโลยคอมพวเตอรและสารสนเทศ. กรงเทพฯ : เพยรสน เอดดเคช�น อนโดไชนา, ********2543.

วเศษศกด� โคตรอาษา. เทคโนโลยสารสนเทศเพ�อการเรยนร. กรงเทพฯ : เธรดเวฟ เอดดเคช�น, 2542

ชาญชย ศภอรรถกร. การพฒนาเวบเพจช$นสง. พมพคร� งท� 1. กรงเทพฯ : บรษท ซคเซค มเดย จากด, ********2540.

สนนทา วเชยรชม. (2553). หลกการออกแบบเวบเพจ. 26. (ออนไลน). สบคนเม�อ 2 กนยายน 2555. ********จาก http://rcccom.blogspot.com/.

เวบไซต. 1.(ออนไลน). สบคนม�อ 2 กนยายน 2555. จาก http://th.wikipedia.org/wiki/เวบไซต

29

ภาคผนวก ก

โคด เวบไซต การขายอปกรณเดนปา

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");

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>เพeมขอมลรายการหอง</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(); ?>

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>สมดเยeยม</a></li>

<li><a href = contact.php>ตดตอ</a></li>

</ul><p>";

include "login_form.php";

echo"</td>

</tr>

</table>";

?>

33

Counter.php

<?

ob_start();



<rt>




</td>

</tr>


session_start();


{

if(!$send)

{









</form>";

}

else

{



34








if($result)

{


mysql_close($link);

}

else

{


}

}

}

else

{


}


echo"</td>





</ul>

</td></table>";

ob_end_flush(); ?>

35

Date.php

<?

ob_start();



<rt>




</td>

</tr>


session_start();


{

if(!$send)

{









</form>";

}

else

{


36









if($result)

{


mysql_close($link);

}

else

{


}

}

}

else

{


}


echo"</td>





</ul>

</td></table>";

37

ob_end_flush();

?>

Delete.php

<?

ob_start();



<rt>




</td>

</tr>


session_start();


{

if(!$send)

{









</form>";

}

else

38

{










if($result)

{


mysql_close($link);

}

else

{


}

}

}

else

{


}


echo"</td>





39

</ul>

</td></table>";

ob_end_flush();

?>

Guest.php

<?

ob_start();



<rt>




</td>

</tr>


session_start();


{

if(!$send)

{









</form>";

40

}

else

{










if($result)

{


mysql_close($link);

}

else

{


}

}

}

else

{


}


echo"</td>



41



</ul>

</td></table>";

ob_end_flush();

?>

Guest_book.php

<?

ob_start();



<rt>




</td>

</tr>


session_start();


{

if(!$send)

{








42


</form>";

}

else

{










if($result)

{


mysql_close($link);

}

else

{


}

}

}

else

{


}


echo"</td>

43





</ul>

</td></table>";

ob_end_flush();

?>

Home.php

<?





include "date.php";

echo "</td>

<td width=43 rowspan=2> </td>

</tr>

<tr><td width=1007 bgcolor=#FFFFFF>

<img src=http://localhost/par/p3.jpg width=300 height=230>







<img src=http://localhost/par/p10.jpg width=300 height=230><p>

จาหนายอปกรณเดนปาไมวาจะเปน หมวกนรภย เตาแกสพกพา มดพก เปสะพายหลง ไฟ

ฉาย กลองสองทางไกล เตนท<br>รบประกนคณภาพสงตรงจากตางประเทศของมแบรนเนม<p> ม

ประกนคณภาพ<p>

44

เชญชมหองตวอยางไดทกวน <a href=contact.php>ตดตอสอบถาม</a></td>

<td width =190 bgcolor=#FFFF66><ul>

<li><a href=home.php>หนาแรก</a></li>

<li><a href=product.php>สนคา&ราคา</a></li>

<li><a href=guest.php>สมดเยeยม</a></li>

<li><a href=contact.php>ตดตอ</a></li></ul><p>";


echo "</td>

</tr>

</table>"

?>

Index.php

<?

echo "<body bgcolor = #000000><table width=1238 height=530 border = 0>




echo "<body bgcolor=#FFFFFF>";

echo "<center><img src=http://localhost/par/anigif.gif width=640 height=428

></center><p>";

echo "<center><a href = home.php>เขาสหนาหลก</a></center>";

echo "<hr>";

echo "<p><center><img src=http://localhost/par/i1.png width=50 height=50><b>You

are visitor number"; include "counter.php";

?>

Insert.php

<?

ob_start();


45


<rt>




</td>

</tr>


session_start();


{

if(!$send)

{









</form>";

}

else

{







46




if($result)

{


mysql_close($link);

}

else

{


}

}

}

else

{


}


echo"</td>





</ul>

</td></table>";

ob_end_flush();

?>

Insert_admin.php

<?

47

ob_start();



<rt>




</td>

</tr>


session_start();


{

if(!$send)

{









</form>";

}

else

{





48






if($result)

{


mysql_close($link);

}

else

{


}

}

}

else

{


}


echo"</td>





</ul>

</td></table>";

ob_end_flush();

?>

49

Load_product.php

<?

session_start();

if (($user=="root") && ($password =="123456"))

{

$path = "http://localhost/par/images/";

echo "<h3><b>แกไข - ลบรายการสนคา </b></h3>";

echo "<table border=1>

<tr>

<td><center>ลบ-แกไข</center></td>

<td><center>รายละเอยดประเภทสนคา</center></td>

<td><center>ราคา (บาท)</center></td>

<td><center>รปภาพ</center></td>

</tr>";

$link = mysql_connect("localhost", "root","123456");



$sql = "Select * From product_data;";


while ($dbarr = mysql_fetch_array($result))

{

echo "<tr>

<td><center><a

href=update.php?id=$dbarr[product_id]&product_type=$dbarr[product_type]

&price=$dbarr[price]>

<img src=".$path."modify.bmp></a><a

href=delete.php?id=$dbarr[product_id]&room_type=$dbarr[room_type]>

<img src=".$path."delete.bmp>

</a></center>

</td>

<td><center>$dbarr[product_type]</center></td>

50

<td><center>$dbarr[price]</center></td>

<td><center><img src=".$path.$dbarr[picture]." width=150 height=100>

</center></td>

</tr>";

}

echo "</table>";

}

else

{

echo "Invalid to entry the Admin Page";

}

?>

Load_product_admin.php

<?

ob_start();



<tr>


<font color=#FFFFFF>ผดแลระบบ</font></center></h1><br>

</td>

</tr>



echo "</td>

<td width=190 bgcolor=#FFFF66>

<ul>

<li><a href=insert_admin.php>เพeมขอมลหองพก</a></li>

<li><a href=load_product_admin.php>แกไข - ลบขอมลสนคา</a></li>

51

<li><a href=index.php>กลบไปหนาแรก</a></li>


</ul>

</td></table>";

ob_end_flush();

?>

Login_form.php

<?

echo "<form method = post action = admin.php target=_blank>

User : <input type=text name=user><br>

Password : <input type= text name=password><br>

<input type=submit value = ตกลง name=send>

<input type=reset value = ยกเลก name=cancel>

</form>";

?>

<?

ob_start();



<tr>

<td height = 70 colspan = 2 bgcolor=#006600><h1><center>

<font color = #FFFFFF> ผดแลระบบ </font></center></h1>

</td>

</tr>";

if (($user == "root") && ($password == "123456"))

{

session_register("user");

session_register("password");

echo "<td width=1007 bgcolor = #FFFFFF>

<h3>ยนดตอนรบเขาสสวนของผดแลระบบ</h3>

52

</td>";

}

else

echo "<td width = 190 bgcolor=#FFFF66>

<ul><li><a href=insert_admin.php>เพeมขอมลรายการสนคา</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();

?>

<?

session_start();

session_destroy();

echo"คณไดออกจากสวนของผดแลระบบแลว";

?>

Logout_admin.php

<?

ob_start();


<table width = 1238 height=480 border=0>

<tr>

<td height = 119 colspan=2 bgcolor=#006600><h1><center>

<font color = #FFFFFF>ผดแลระบบ</font></center></h1><br>

</td>

</tr>


include "logout.php";

53

echo"</td>



<li><a href=load_product_admin.php>แกไข-ลบยอมลรายการสนคา</a></li>


<li><a href=index.php>กลบไปหนาแรก</a></li>

</ul>

</td></table>";

ob_end_flush();

?>

Product.php

<?

echo "<body bgcolor = #000000><table width=1238 height=530 border = 0>




include "date.php";

echo "</td>

<td width=2 rowspan=2> </td>

</tr>

<tr>

<td width = 1007 bgcolor=#FFFFFF>";

include "show_product.php";

echo "</td>

<td width =190 bgcolor=#FFFF66><ul>




<li><a href=contact.php>ตดตอ</a></li>

54

</ul><p>";


echo "</td>

</tr>

</table>";

?>

Show.php

<?





include "date.php";

echo "</td>

<td width = 43 rowspan=2> </td>

</tr>

<tr>


include "show_guest.php";

echo "</td>

<td width=190 bgcolor =#FFFF66><ul>




<li><a href=contact.php>ตดตอ</a></li>

</ul><p>";


echo "</td>

</tr>

</table>";

55

?>

Show_guest.php

<?


mysql_query("Use guest;");


$sql = "Select * From guestdata Order By date Desc;";


while($dbarr = mysql_fetch_array($result))

{

echo "<Table Border=1>";

echo "<TR>";

echo "<Td><b>ชeอ - สกล :</b></Td>";

echo "<Td>$dbarr[name]</Td>";

echo "</Tr>";

echo "<Tr>";

echo "<Td><b> E-mail Address :</b></Td>";

echo "<Td><a href=mailto:$dbarr[email]>$dbarr[email]</Td>";

echo "</Tr>";

echo "<Tr>";

echo "<Td><b>คาแนะนา ตชม:</b></Td>";

echo "<Td>$dbarr[comment]</Td>";

echo "</Tr>";

echo "<Tr>";

echo "<Td><b> วนเวลาเขามาเยeยม : </b></Td>";

echo "<Td>$dbarr[date]</Td>";

echo "</Tr>";

echo "<Tr>";

echo "<Td><b>IP Address : </b></Td>";

echo "<Td>$dbarr[ip] </Td>";

echo "</Tr>";

56

echo "</Table><p>";

}

mysql_close($link);

?>

Show_product.php

<?

$path = "http://localhost/par/images/";

echo "<center><h1><u>รายละเอยดสนคา</u></h1></center>";

echo "<hr>";

echo "<table border = 1>

<tr>

<td><center>ประเภทสนคา</center></td>

<td><center>ราคาสนคา(บาท)</center></td>

<td><center>รปภาพ</center></td>

</tr>";



mysql_query("Set NAMES tis620");

$sql = "Select * From product_data;";


while ($dbarr = mysql_fetch_array($result))

{

echo "<tr>

<td><center>$dbarr[product_type]</center></td>

<td><center>$dbarr[price]</center></td>

<td><center><img src=".$path.$dbarr[picture]." width = 150

height=100></center></td> </tr>";

}

echo "</table>";

mysql_close($link);

57

?>

Update.php

<?

ob_start();



<rt>




</td>

</tr>


session_start();


{

if(!$send)

{









</form>";

}

else

{

58










if($result)

{


mysql_close($link);

}

else

{


}

}

}

else

{


}


echo"</td>





</ul>

59

</td></table>";

ob_end_flush();

?>

60

ประวตผจดทา

ช�อ นายสมคร ทบทมนาค แผนกวชา คอมพวเตอรธรกจ สาขางาน การพฒนาเวบเพจ วนเดอนปเกด วนท� 3 มถนายน พ.ศ. 2535 อาย 20 ป ปจจบนศกษา ณ วทยาลยเทคนคจนทบรช/น ปวส.2/1 เลขท� 13 เขารบการศกษา นกศกษาวชาทหาร จบ ระดบช/นปท� 3 ภาระทางทหาร ปลดเปนทหารกองหนน อยบานเลขท� 22/22 ม.7 ต. จนทนมต อ.เมอง จ.จนทบร 22000 ความสามารถพเศษ ตรวจเชคความเสยหายของคอมพวเตอร และ สามารถแกไขปญหาได ***************** วาดรป โดยใชโปรแกรม SAI ***************** สราง Animation จากโปรแกรม Flash ***************** เลนกฬา

Education

Manual