manual 120924025728-phpapp02
TRANSCRIPT
การพฒนาเวบไซต เร�องการขายอปกรณเดนปา
นายสมคร ทบทมนาค
โครงการน# เปนสวนหน�งของวชา การพฒนาเวบเพจช#นสง รหสวชา 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();
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");
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>เพ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(); ?>
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/";
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>เพeมขอมลรายการหอง</a></li>
<li><a href=load_product_admin.php>แกไข-ลบยอมลรายการหอง</a></li>
<li><a href=logout_admin.php>ออก</a></li>
</ul>
</td></table>";
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
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>เพeมขอมลรายการหอง</a></li>
<li><a href=load_product_admin.php>แกไข-ลบยอมลรายการหอง</a></li>
<li><a href=logout_admin.php>ออก</a></li>
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>";
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>เพeมขอมลรายการหอง</a></li>
41
<li><a href=load_product_admin.php>แกไข-ลบยอมลรายการหอง</a></li>
<li><a href=logout_admin.php>ออก</a></li>
</ul>
</td></table>";
ob_end_flush();
?>
Guest_book.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>
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>
43
<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();
?>
Home.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/p3.jpg width=300 height=230>
<img src=http://localhost/par/p4.jpg width=300 height=230>
<img src=http://localhost/par/p5.jpg width=300 height=230>
<img src=http://localhost/par/p6.jpg width=300 height=230>
<img src=http://localhost/par/p7.jpg width=300 height=230>
<img src=http://localhost/par/p8.jpg width=300 height=230>
<img src=http://localhost/par/p9.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>";
include "login_form.php";
echo "</td>
</tr>
</table>"
?>
Index.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>";
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();
echo "<body bgcolor=#CC990>
45
<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");
$image = $type.".jpg";
$link = mysql_connect("localhost","root","123456");
mysql_query("Use product;");
mysql_query("set NAMES tis620");
46
$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();
?>
Insert_admin.php
<?
47
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");
$image = $type.".jpg";
$link = mysql_connect("localhost","root","123456");
48
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();
?>
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");
mysql_query("Use product;");
mysql_query("set NAMES tis620");
$sql = "Select * From product_data;";
$result = mysql_query($sql);
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();
echo "<body bgcolor=#CC9900>
<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>
<td width=1007 bgcolor=#FFFFFF>";
include "load_product.php";
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>
<li><a href=logout_admin.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();
echo "<body bgcolor=#CC9900>
<table width=250 height=480 border=0>
<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();
echo "<body bgcolor=#CC9900>
<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>
<td width=1007 bgcolor=#FFFFFF>";
include "logout.php";
53
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>
<li><a href=logout_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>
<tr><td width=23 rowspan=2> </td>
<td height=11 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=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=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>
54
</ul><p>";
include "login_form.php";
echo "</td>
</tr>
</table>";
?>
Show.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>";
include "show_guest.php";
echo "</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>";
include "login_form.php";
echo "</td>
</tr>
</table>";
55
?>
Show_guest.php
<?
$link = mysql_connect("localhost","root","123456");
mysql_query("Use guest;");
mysql_query("set NAMES tis620");
$sql = "Select * From guestdata Order By date Desc;";
$result = mysql_query($sql);
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>";
$link = mysql_connect("localhost","root","123456");
mysql_query("Use product;");
mysql_query("Set NAMES tis620");
$sql = "Select * From product_data;";
$result = mysql_query($sql);
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();
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
{
58
$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>เพeมขอมลรายการหอง</a></li>
<li><a href=load_product_admin.php>แกไข-ลบยอมลรายการหอง</a></li>
<li><a href=logout_admin.php>ออก</a></li>
</ul>
59
</td></table>";
ob_end_flush();
?>
60
ประวตผจดทา
ช�อ นายสมคร ทบทมนาค แผนกวชา คอมพวเตอรธรกจ สาขางาน การพฒนาเวบเพจ วนเดอนปเกด วนท� 3 มถนายน พ.ศ. 2535 อาย 20 ป ปจจบนศกษา ณ วทยาลยเทคนคจนทบรช/น ปวส.2/1 เลขท� 13 เขารบการศกษา นกศกษาวชาทหาร จบ ระดบช/นปท� 3 ภาระทางทหาร ปลดเปนทหารกองหนน อยบานเลขท� 22/22 ม.7 ต. จนทนมต อ.เมอง จ.จนทบร 22000 ความสามารถพเศษ ตรวจเชคความเสยหายของคอมพวเตอร และ สามารถแกไขปญหาได ***************** วาดรป โดยใชโปรแกรม SAI ***************** สราง Animation จากโปรแกรม Flash ***************** เลนกฬา