ระบบประมลสนคาออนไลน ELECTRONIC AUCTION

นายกตตพชญ ดหน นายจกรกฤษณ อทยรศม นายเดชธพล ถงลาภ

ปรญญานพนธนเปนสวนหนงของการศกษาตามหลกสตรวศวกรรมศาสตรบณฑต

ภาควชาวศวกรรมคอมพวเตอร คณะวศวกรรมศาสตร มหาวทยาลยเทคโนโลยราชมงคลธญบร

พ.ศ. 2554

ระบบประมลสนคาออนไลน

นายกตตพชญ ดหน นายจกรกฤษณ อทยรศม นายเดชธพล ถงลาภ

ปรญญานพนธนเปนสวนหนงของการศกษาตามหลกสตรวศวกรรมศาสตรบณฑต ภาควชาวศวกรรมคอมพวเตอร คณะวศวกรรมศาสตร

มหาวทยาลยเทคโนโลยราชมงคลธญบร พ.ศ. 2554

ELECTRONIC AUCTION

MR. KITTIPEET DEENU MR. JAKKRIT UTHAIRASAMEE MR. DETTSPHON TUENGLAB

THIS PROJECT SUBMITTED IN PARTIAL FULFILLMENT OF THE REQUIREMENTS FOR THE BACHELOR DEGREE OF ENGINEERING

DEPARTMENT OF COMPUTER ENGINEERING FACULTY OF ENGINEERING

RAJAMANGALA UNIVERSITY OF TECHNOLOGY THANYABURI YEAR 2011

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

ภาควชาวศวกรรมคอมพวเตอร คณะวศวกรรมศาสตร มหาวทยา ลยเทคโนโลยราชมงคลธญบร อนมตใหปรญญานพนธนเปนสวนหนงของการศกษาตามหลกสตรวศวกรรมศาสตรบณฑต ..............................................................หวหนาภาควชาฯ (อาจารยมาโนช ประชา) คณะกรรมการสอบปรญญานพนธ ………………………………………...…..ประธานกรรมการ (อาจารยมาโนช ประชา) ………………………………………...…..กรรมการ (อาจารยเจษฎา อรณฤกษ) ………………………………………...…..กรรมการ (อาจารยสมรรถชย จนทรตน) ………………………………………...…..กรรมการและอาจารยทปรกษา (อาจารยเดชรชต ใจถวล)

ลขสทธของภาควชาวศวกรรมคอมพวเตอร คณะวศวกรรมศาสตร มหาวทยาลยเทคโนโลยราชมงคลธญบร

ง

หวขอปรญญานพนธ ระบบประมลสนคาออนไลน นกศกษา นายกตตพชญ ดหน รหส 115130462003-2 นายจกรกฤษณ อทยรศม รหส 115130462006-5 นาย เดชธพล ถงลาภ รหส 115130462022-2 อาจารยทปรกษา อาจารยเดชรชต ใจถวล ปการศกษา 2554

บทคดยอ

ปรญญานพนธฉบบนเปนการน าเสนอ “ระบบประมลสนคาออนไลน ” จดท าขนโดยมวตถประสงค เพอตองการใหน าแนวคดของระบบ ธรกจพาณชยอเลกทรอนกส (E-Commerce) มาประยกต ใชกบการประมลสนคา เพอทจะไดคร อบคลมธรกจเชงพาณชย ในทกดาน โดยทงผเปดประมล และผเขารวมการประมล สามารถเขาใชงานระบบไดทกททกเวลา ผานทางระบบ Internet วธการด าเนนงาน “ระบบประมลสนคาออนไลน ” นจะตองด าเนนการศกษา เนอหาในดานระบบธรกจพาณชยอเลกทรอนกส (E-Commerce) ศกษาการเขยนโปรแกรม ศกษาระบบฐานขอมล และท าการออกแบบระบบฐานขอมลของระบบ ประมลสนคาออนไลน ทงหมด แลวจงทดสอบการท างานของระบบประมลสนคาออนไลน ทงหมดเพอหาขอผดพลาดทจะตองท าการปรบปรงแกไขระบบประมลสนคาออนไลน จากการท างานสามารถสรปผลของงานโดย ผใชสามารถสมครสมาชกได และท าการเปดประมลสนคาได นอกจากนนยงสามารถ ฝากขายสนคา เขยนบทความ และใชระบบเวบบอรด ในระบบประมลสนคาออนไลนได ค าส าคญ E-Auction ระบบประมล ประมลสนคา ประมลออนไลน

จ

กตตกรรมประกาศ

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

ฉ

สารบญ

หนา บทคดยอ ง กตตกรรมประกาศ จ สารบญ ฉ สารบญตาราง ซ สารบญรป ญ บทท 1 บทน า 1 1.1 ความเปนมาและความส าคญ 1 1.2 วตถประสงค 2 1.3 ขอบเขต 2 1.4 ประโยชนทคาดวาจะไดรบ 3 บทท 2 ทฤษฎทเกยวของ 4 2.1 นยามค าศพท 4 2.2 ทฤษฎ Apache

2.3 ทฤษฎ HTTP (Hypertext Transfer Protocol) 2.4 ทฤษฎ HTML5 (Hypertext Transfer Protocol 5)

5 6 8

2.5 ทฤษฎ AJAX (Asynchronous JavaScript And XML) 2.6 ทฤษฎ JavaScript 2.7 ทฤษฎ jQuery 2.8 ทฤษฎ PHP (Hypertext Preprocessor) 2.9 ทฤษฎ MySQL

12 13 17 18 21

บทท 3 วธด าเนนงาน 26 3.1 แผนการด าเนนงาน 26 3.2 การออกแบบ / เครองมอ

3.3 ขนตอนการสราง / ขนตอนการด าเนนงาน 27 39

บทท 4 ผลการด าเนนงาน 85 4.1 ผลการด าเนนงานของระบบประมลสนคาออนไลน 85

ช

สารบญ (ตอ)

หนา 4.2 การทดสอบการใชงานระบบประมลสนคาออนไลน

4.3 สรปการด าเนนงาน 86

112 บทท 5 สรปและขอเสนอแนะ 113 5.1 สรปโครงงาน 113 5.2 ขอเสนอแนะ

5.3 อปสรรคในการท างาน 114 114

บรรณานกรม 115 ภาคผนวก ก 116 ประวตผจดท าปรญญานพนธ

117

ซ

สารบญตาราง

ตารางท หนา 2.1 ตาราง Persons SELECT 22 2.2 ตาราง Persons INSERT INTO 22 2.3 ตาราง Persons UPDATE 23 2.4 ตาราง Persons DELETE 23 2.5 ตารางการเปรยบเทยบนพจนทางคณตศาสตร 23 2.6 ตารางการเปรยบเทยบนพจนทางคณตศาสตร (ตอ) 24 2.7 ตารางProduct ORDER BY 24 2.8 ตาราง Original Table BETWEEN 25 3.1 ตารางแผนการด าเนนงานของโครงการ 26 3.2 ตารางแสดงระบบสมาชก 39 3.3 ตารางแสดงฟลดในตาราง member 41 3.4 ตารางแสดงฟลดในตาราง member (ตอ) 42 3.5 ตารางแสดงเพจตางๆของระบบประมลสนคา 51 3.6 ตารางแสดงระบบสนคาประมล 52 3.7 ตาราง auction_catagory เกบประเภทของการประมล 53 3.8 ตาราง aucting ใชเกบขอมลการประมลสนคา 53 3.9 ตารางแสดงระบบฝากขายสนคา 58 3.10 ตาราง selltable เกบขอมลสนคาฝากขาย 59 3.11 ตาราง selltable เกบขอมลสนคาฝากขาย (ตอ) 60 3.12 ตาราง guestbook เกบขอมลสมดเยยมชม 60 3.13 ตารางแสดงการสรางระบบเวบบอรด 73 3.14 ตารางแสดง question เกบขอมลสนคาฝากขาย 74 3.15 ตารางแสดง answer เกบขอมลค าตอบ 75 4.1 ผลการทดสอบการสมครสมาชก จ านวน 10 คน 91 4.2 ผลการทดสอบการเขาสระบบ โดยใชรหสผานทถกตอง จ านวน 10 คน 94 4.3 ผลการทดสอบการเขาสระบบ โดยใชรหสผานทไมถกตอง จ านวน 10 คน 94 4.4 ผลการทดสอบการแกไขขอมลของสมาชก จ านวน 10 คน 98 4.5 ผลการทดสอบการเปลยนรหสผานของสมาชก จ านวน 10 คน 100

ฌ

สารบญตาราง (ตอ)

ตารางท หนา 4.6 ผลการทดสอบการเปดประมลสนคาของสมาชก จ านวน 5 คน 104 4.7 ผลการทดสอบการประมลสนคาของสมาชก จ านวน 5 คน 104 4.8 ผลการทดสอบการประมลสนคาของสมาชก จ านวน 5 คน (ตอ) 105 4.9 ผลการทดสอบการฝากขายสนคา จ านวน 5 คน 107

ญ

สารบญรป

รปท หนา 2.1 รปแบบการท างานของ HTTP (Hypertext Transfer Protocol) 7 2.2 รปแบบการใช div 8 2.3 รปแบบทไมใช div 8 2.4 ตวอยาง HTML5 แบบทใช div 9 2.5 โคดตวอยาง HTML5 แบบทใช div 9 2.6 ตวอยาง HTML5 แบบไมใช div 10 2.7 โคดตวอยาง HTML5 แบบไมใช div 10 2.8 ตวอยางชอตวแปรทถกตอง 15 2.9 รปแบบของเลขยกก าลง 16 2.10 ตวอยางโปรแกรม PHP 19 3.1 แผนผงเวบไซต 27 3.2 สวนของผดแลระบบ 28 3.3 เมนสมาชก 29 3.4 สวนแสดงผลหลกของเวบ 30 3.5 เมนดานบน 31 3.6 โมเดลความสมพนธของระบบสมาชก 32 3.7 โมเดลความสมพนธของระบบประมลสนคา 33 3.8 โมเดลความสมพนธของระบบฝากขายสนคา 34 3.9 โมเดลความสมพนธของระบบกระดานถาม-ตอบ 34 3.10 แผนงานของระบบสมาชก 35 3.11 แผนงานของระบบประมลสนคา 36 3.12 แผนงานของระบบฝากขานสนคา 37 3.13 แผนงานของระบบกระดานถาม-ตอบ 38 3.14 การเชอมโยงของระบบสมาชก 40 3.15 โครงสรางตาราง member 43 3.16 การสราง Register_form.php 45 3.17 การสราง forgot_password_form.php สวนลมรหสผาน 46

ฎ

สารบญรป (ตอ)

รปท หนา 3.18 การสราง แสดงการสราง login.php 47 3.19 การสราง forgot_password_form.php สวน login 47 3.20 การสราง profile_data.php 48 3.21 การสราง change_profile_form.php 49 3.22 หนา change_avata.php 50 3.23 การเชอมโยงของระบบประมลสนคา 51 3.24 การสราง post_form.php 54 3.25 การสรางหมวดหมสนคาทจะแสดงในหนาแรก 55 3.26 หนาหลกของการประมล auction.php 56 3.27 หนา auction_show.php 56 3.26 หนา Auction_room.php 57 3.29 การเชอมตอกนระหวางเพจตางๆ ในระบบฝากขายสนคา 59 3.30 หนา product_show.php 61 3.31 ขอมลทกรอกในการกรอกขอมลสนคาฝากขาย 62 3.32 หนา Post_Sell.php 63 3.33 หนา Product_Sell.php 64 3.34 หนา Edit_Product.php 65 3.35 หนา Product_Sell.php ในสวนของสมดเยยมชม 66 3.36 การท างานหนาขอมลสนคา (product_show.php) 67 3.37 การท างานหนากรอกขอมลสนคาฝากขาย (Post_Sell.php) 68 3.38 สวนแสดงสนคาฝากขาย (Product_Sell.php) 69 3.39 สวนแสดงความคดเหนของสมดเยยมชม (Product_Sell.php) 70 3.40 สวนของแกไขขอมลสนคา (Edit_Product.php) 72 3.41 ค าสงเรยกคามาแสดงใน TextBox 73 3.42 เพจตางๆในระบบเวบบอรด 74 3.43 หนา main_webboard.php 75 3.44 เพจ new_topic.php 76

ฏ

สารบญรป (ตอ)

รปท หนา 3.45 หนา topic_details.php สวนของหวกระท 77 3.46 หนา topic_details.php สวนของกระดานตอบค าถาม 77 3.47 หนา passdel_topic.php 78 3.48 หนา passdel_answer.php 79 3.49 ต าแหนงการวางโปรแกรมหนาเวบบอรด (main_webboard.php) 80 3.50 ต าแหนงการกรอกขอมลตงกระท (new_topic.php) 81 3.51 ต าแหนงแสดงขอมลกระท (topic_details.php) 82 3.52 ต าแหนงขอมลค าตอบ (topic_details.php) 83 4.1 การทดสอบหนาหลกของเวบ (index.php) 86 4.2 การทดสอบแบบฟอรมสมครสมาชก 87 4.3 การทดสอบแบบฟอรมการสมครสมาชก 88 4.4 การทดสอบความผดพลาดในการสมครสมาชก 89 4.5 การทดสอบความถกตองในการสมครสมาชก 89 4.6 การทดสอบการสมครสมาชก 90 4.7 การทดสอบอเมลทระบบสงลงคยนยนการสมครสมาชกมาให 90 4.8 การทดสอบเขาสระบบสมาชก 92 4.9 การทดสอบขอความตอนรบเมอเขาสระบบถกตอง 92 4.10 การทดสอบขอความตอนรบเมอเขาสระบบผดพลาด 93 4.11 การทดสอบสถานะ การเขาสระบบ 93 4.12 การทดสอบหนาโปรไฟลสวนตว 95 4.13 การทดสอบเมนสมาชก 96 4.14 การทดสอบดรายละเอยดขอมลสวนตว 96 4.15 การทดสอบแกไขขอมลสวนตว 97 4.16 การทดสอบขอความเมอแกไขขอมลสวนตวเสรจสน 97 4.17 การทดสอบเปลยนรปภาพประจ าตว 98 4.18 การทดสอบการเลอกขอบเขตภาพประจ าตว 99 4.19 การทดสอบเปลยนพาสเวรด 99

ฐ

สารบญรป (ตอ)

รปท หนา 4.20 การทดสอบเปดประมลสนคา 101 4.21 การทดสอบแบบฟอรมเปดประมลสนคา 101 4.22 ตวอยางการกรอกแบบฟอรมเปดประมลสนคา 102 4.23 ตวอยางผลการทดสอบกรอกแบบฟอรม 103 4.24 ผลการทดสอบเปดประมลสนคา 103 4.25 การทดสอบแบบฟอรมฝากขายสนคา 106 4.26 การทดสอบกรอกแบบฟอรมฝากขายสนคา 106 4.27 การทดสอบการแสดงสนคาฝากขาย 107 4.28 การทดสอบดรายละเอยดสนคาฝากขาย 107 4.29 การทดสอบแสดงความคดเหนสนคาฝากขาย 108 4.30 การทดสอบใชงานในสวนของเวบบอรด 108 4.31 การทดสอบตงกระทใหม 109 4.32 การทดสอบกระททตงไว 109 4.33 การทดสอบการตอบกระท 110 4.34 การทดสอบการเขยนบทความ 111 4.35 การทดสอบแสดงผลบทความ และระบบ FACEBOOK COMMENT 111

บทท 1 บทน า

โครงงาน ระบบประมลสนคาออนไลน น เปนโครงงานทไดน าแนวคดของระบบ ธรกจ

พาณชยอเลกทรอนกส (E-Commerce) มาประยกตใชกบการประมลสนคา เพอทจะไดครอบคลมธรกจเชงพาณชยในทกดาน โดยทงผเปดประมล และผเขารวมการประมล สามารถเขาใชงานร ะบบไดทกททกเวลา ผานทางเครอขายอนเตอรเนต 1.1 ความเปนมาและความส าคญ การประมล มมานานในประวตศาสตรของมนษยชาต ถาพดถงค าวาประมลคนสวนใหญจะนกถงภาพของพอคาน าสนคามาแสดง และ จดเวทใหผทสนใจซอเขามาดสนคา และท าการเสนอราคาแขงกน เมอผใดเสนอราคาดทสดกจะไดรบสทธในการซอสนคาชนดงกลาวไปทนท ซงนนคอค าวา Auction หรอ ประมล ซงเปนความคนเคย และเขาใจเชนเดยวกนทวโลก เมอรปแบบการประมลขายแพรหลายไปตามพนทตางๆทวโลก กเกดการดดแปลงกฎระเบยบก ารประมลใหเขากบความตองการ ความเคยชนของผซอผขาย มาจนถ งปจจบนในย คสารสนเทศขยายต วไปท วโลกก ไดมการน า เอาระบบประม ลมาดดแปลงให กลายเปน Software เพอใหสามารถใชประโยชนผานเครอขายอนเทอรเน ตและการสอสารอนๆไดจงเกด Software ชนดตางๆเลยนแบบการประม ลทบรรพบรษยคสมยกอนไดสรางและก าหนดกฎเกณฑไวซงผใชสามารถเลอกชนด Software ทตนเองตองการน าไปจดประมล กถอวาเปนสงส าคญอยางหนงเปนปจจยส าคญตอความส าเรจในการจดประมล E-Auction มากทเดยว ระบบประมลสนคาออนไลน (E-Auction) เกดจากแนวคดทตองการรวบรวมผซอ และผขายทวโลกใหมาท าการประมลซอขายสนคาผานเครอขายอนเตอรเนต ซงสามารถน าสนคาทกชนดมาประกาศขายได ไมวาจะเปนสนคาใหม สนคามอสอง สนคาหายาก หรอของสะสม เปนตน (ยกเวนการขายสนคาทผดกฎหมา ย) จดเดนของระบบประม ลสนคาออนไลน คอ มความสะดว ก ประหยดเวลา เพราะสามารถเลอกซอสนคาไดตลอด 24 ชวโมง และคนหาสนคาทตองการไดอยางงายดาย นอกจากนยงชวยสรางจดเปลยนในเรองของราคาสนคา ซงผซอ และผขายสามารถซอขายสนคานนๆ ไดในราคาททง 2 ฝายพงพอใจ

2

1.2 วตถประสงค 1.2.1 เพอพฒนาระบบ E-Auction 1.2.2 เพอใหทกคนทวโลกสามารถเปดประมลและเขารวมการประมลได 1.2.3 เพอใหการจดประมลมความโปรงใส และสามารถตรวจสอบได 1.2.4 เพอน าความรทไดในการศกษาไป ประยกต ใชในการออกแบบพฒนาโปรแกรม

แอปพลเคชน ของระบบประมลตอไป 1.3 ขอบเขตของโครงงาน โครงงานระบบ ประมลสนคาออนไลน เปนระบบทสามารถท างานไดบน Web Based Application ซงประกอบดวยขอบเขตการท างาน ดงน 1.3.1 ระบบสมครสมาชก

1) สามารถสมครสมาชก, เขาสระบบสมาชก และแกไขขอมลสวนตวได 2) มระบบสง Email แจงขาวสารไปยงสมาชก 3) มการจดระดบความนาเชอถอของสมาชก 4) สามารถเกบขอมลการใชงานระบบของสมาชกได

1.3.2 ระบบประมลสนคา 1) มแบบฟอรมในการกรอกขอมลสนคาเพอเปดประมล 2) มเวลานบถอยหลงในขณะท าการประมล 3) มหนาตางสนทนาในหองประมล เพอใหผเขารวมการประมล และผเปดประมล

สามารถคยกนได 4) สามารถเกบขอมลทงหมดลงในฐานขอมล MySQL ได 5) สามารถแจงผลการประมล รายละเอยดการช าระคาสนคา ไปยง Email ได 6) สามารถเกบผลการประมลเขาสประวตการประมลของสมาชกได

1.3.3 ระบบฝากขายสนคา 1) มแบบฟอรมในการกรอกขอมลสนคา เพอท าการฝากขายสนคา 2) สามารถก าหนดระยะเวลาทใหสนคาอยในระบบ 3) มระบบแสดงความคดเหน ในสนคาทฝากขาย 4) สามารถแจงไปยงผฝากขาย ผาน Email ไดเมอมผสนใจซอสนคา

3

1.3.4 ระบบกระดานถามตอบ 1) เพอใหสมาชกเขามาสอบถามปญหาการใชงานระบบ 2) สมาชกสามารถตงกระทในกระดานถามตอบได 3) สมาชกสามารถแสดงความคดเหนในกระดานถามตอบได

1.4 ประโยชนทคาดวาจะไดรบ

1.4.1 เพมโอกาสใหทกคนทวโลกไดมโอกาสเขารวมการประมล และท าการเปดประมลได 1.4.2 เปนเครองมอ ในการตอรองราคาทมประสทธภาพ 1.4.3 มความโปรงใส สามารถตรวจสอบได 1.4.4 กระบวนการทกขนตอน ในการประมล สามารถท าไดอยางรวดเรว และม

ประสทธภาพ

บทท 2 ทฤษฎทเกยวของ

กอนจะเขาสการวเคราะหระบบงานเดมในบทนจะ ท าการอธบายถงทฤษฎของการประมล

สนคาออนไลนดวยอเลกทรอนกส (E-Auction) อกทงกลาวถงวรรณกรรมทเกยวของทผานมาจากอดตจนถงปจจบน โดยจะอธบายถงรายละเอยดความส าคญและอธบา ยถงหลกการท า งานทส าคญตางๆ ดงน

ระบบประมลสนคาดวยอเลกทรอนกส (E-Auction) เปนระบบสารสนเทศทสนบสนนการใหบรการทเกยวของในกจกรรมการจดซอจดจาง เชน การตกลงราคา การสอบราคา การประกวดราคา และการจดซอรวมแบบออนไลน รวมถงการลงทะเบยนบรษทผคา จดซอทเปน Web Based Application เพอท าใหระบบการจดซอจดจาง มประสทธภาพมากยงขน กลาวคอ ใชระยะเวลาจดหาพสดนอยลง และไดพสดทมคณภาพ ในราคาทเหมาะสม รวมทงเพมความโปรงใสของกระบวนการจดหาและสามารถตดตามตรวจสอบกระบวนการท างานได 2.1 นยามค าศพท การประมล (Auction) หมายถง การเสนอซอเสนอขาย สนคา หรอบรการ ระหวางผซอกบ ผขาย (อาจมมากกวา 1 คน) ทเขามาแขงขนกนเสนอราคาในชวงเวลาทก าหนด การประมลอเลกทรอนกส (Electronic Auction : E-Auction) หมายถง การเสนอซอเสนอขาย สนคา หรอบรการ ผานสออเลกทรอนกส เชน เครอขายอนเตอรเนต ระหวางผซ อกบผขาย (อาจมมากกวา 1 คน) ทเขามาแขงขนกนเสนอราคาในชวงเวลาทก าหนด ผเสนอซอ หมายถง ผทเอาสนคามาใหกบระบบท าการประมล ผเสนอขาย หมายถง ผเขารวมการประมล ผเสนอขายสนคา หรอผประมล ลกคา หมายถง ผซอ เชน ผขายปลกเปนล กคาของผขายสง ผอดหนนในเชงธรกจ เชน ลกคาของธนาคาร ผดแลระบบ หมายถง ผทท าการตดตอ หรอสอสารกบผทจะมาท าการประมล

การสมครสมาชก หมายถง เปนกระบวนการทท าขนเพอจะไดเปนสมาชกของระบบ และจะไดมสทธในการซอสนคา หรอใชบรการของทางระบบได

การใหบรการ หมายถง เปนกระบวนการการใหบรการของระบบทใหบรการแกสมาชก หรอลกคา

5

สนคา หมายถง สงของทซอขายกนตามทองตลาดเพอแลกมาซงเงนตราเชนรานนมสนคานานาชนด

การแจงจาย ช าระเงน หมายถง กระบวนการสงมอบ หรอโอนสอการ ช าระเงนทเกดขนระหวางสมาชก หรอลกคากบรานคา หรอองคกรอางองจาก : (http://www.fpo.go.th/)

การจาย ช าระเงน หมายถง กระบวนการ ช าระเงนทเกดขนระหวางรานคา หรอองคกรกบตวแทนจ าหนาย

รายงาน หมายถง เอกสารทแสดงผลลทธจากการท างาน ขอมล หมายถง กลมตวอกขระทเมอน ามารวมกนแลวมความหมายอยางใดอยางหนง และม

ความส าคญควรคาแกการจดเกบเพอ น าไปใชในโอกาสตอๆ ไป ขอมลมกเปนขอความทอธบายถงสงใดสงหนงอาจเปนตวอกษรตวเลข หรอสญลกษณใดๆ ทส ามารถ น าไปประมวลผลดวยคอมพวเตอรได (ทกษณาสวนานนท , และฐานศราเกยรตบารม , บทความขอมล . กรงเทพฯ : อมรนทร, 2546.)

2.2 ทฤษฎ Apache Apache ทท าหนาทเปน Web server ทมผใชทวโลกมากกวา 60% มหนาทในการจดเกบ Homepage และสง Homepage ไปยง Browser ทมการเรยกเขา ไปยง Web server ทเกบ Homepage นนอยในปจจบนจดไดวา Apache เปน Web server ทมความนาเชอถอมากซงสามารถหามา Download ไดจากเวบไซต www.apache.org Apache พฒนามาจาก HTTPD Web server ทมกลมผพฒนาอยกอนแลวโดยรอบแมคคล(Rob McCool) ท NCSA (National Center for Supercomputing Applications) มหาวทยาลยอลลนอยสเออรแบนาแชมเปญจนสหรฐอเมรกาแตหลงจากทแมคคลออกจาก NCS และหนไปใหความสนใจกบโครงการอนๆ มากกวาท าให HTTPD Web server ถกปลอยทงไมมผพฒนาตอแตเนองจากเปนซอฟตแวรทอยภายใตลขสทธ คอ ทกคนมสทธทจะน าเอาซอรสโคดไปพฒนาตอไดท าใหมผใชกลมหนงได ท าการพฒนาโปรแกรมขนมาเพออดชองโหวทมอยเดม (Patch) และยงไดรวบรวมเอาขอมลการพฒนา และการแกไขตางๆ แตขอมลเหลานอยตามทตางๆ ไมไดรวมอยในทเดยวกนจนในทสดไบอนบเลนดอรฟ (Brian Behlendorf) ไดสรางจดหมายกลม (Mailing list) ขนมาเพอน าเอาขอมลเหลานเขาไวเปนกลมเดยวกนเพอใหสามา รถเขาถงขอมลเหลานไดงายยงขนและในทสดกลมผพฒนาไดเรยกตวเองวา Apache group และไดปลอยซอฟตแวร HTTPD Web Server ทพฒนาโดยการน าเอา Patch หลายๆ ตวทผใชไดพฒนาข นเพอปรบปรงการท างานของซอฟตแวรตวเดมใหมประสทธภาพมากยงขนตงแตป พ.ศ. 2539 Apache ไดรบความนยมขนเรอยๆ

6

จนปจจบนไดรบความนยมเปนอนดบหนงมผใชงานอยประมาณ 65% ของ Web server ทใหบรการอยทงหมด

การท Apache เปนซอฟตแวรทอยในลกษณะของ Open Source ทเปดใหบคคลทวไปสามารถเขามารวมพฒนาสวนตางๆ ของ Apache ไดซงท าใหเกดเปนโมดลทเกดประโยชนมากมาย เชนmod_perlmod_python และ mod_php ซงเปนโมดลทท าให Apache สามารถใชประโยชน และท างานรวมกบภาษาอนไดแทนทจะเปนเพยง Server ทใหบรการเพยงแค HTML อยางเดยวนอกจากน Apache เองยงมความสามารถอนๆ อกมากมาย ซงจะยกตวอยาง เชน การยนยนตวบคคล (mod_authmod_accessmod_digest) หรอเพมความปลอดภยในการสอสารผานโปรโตคอล HTTPs (mod_ssl) นอกจากนกยงมโมดลอนๆ ทไดรบความนยมใช เชน mod_vhost ท าใหสามารถสราง Host เสมอน www.sample.comwiki.sample.commail.sample.com หรอ www.ilovewiki.org ภายในเครองเดยวกนได หรอ mod_rewrite เปนเครองมอทจะชวยให URL ของเวบนนอานงายขน

2.3 ทฤษฎ HTTP (Hypertext Transfer Protocol)

ไฮเปอรเทกซ (Hypertext Transfer Protocol : HTTP) ใชส าหรบการสงเอกสาร Hypertext ทถกเขยนดวยภาษา HTML จากเครองหนงไปแสดงบนเวบบราวเซอรในคอมพวเตอรอกเครองหนง

2.3.1 กฎเกณฑการสงไฮเปอรเทกซ (Hypertext Transport Protocol : HTTP) ไฮเปอรเทกซ (Hypertext Transport Protocol : HTTP) เปนมาตรฐานอนเทอรเนตท

ก าหนดขนมาไวใชสนบสนนการแลกเปลยนขอมลบนเวลดไวดเวบ (WWW) โดยการก าหนดทตงทรพยากรทสอดคลองกน (Uniform Resource Locators : URLs) และวธการใช ในการสบคนขอมลทใดกไดในอนเตอรเนต โดยไมเพยงแตเอกสารในเวบเทานน แตรวมถงแฟมทเขาถงไดในกฎเกณฑการถายโอนแฟม (File Transfer Protocol : FTP)กลมอภปรายในยสเนตและรายการเลอกในโกเฟอร (Gopher) ดวย นอกจากน กฎเกณฑการสงไฮเปอรเทกซยงใหผเขยนในเวบสามารถฝงจดเชอมโยงหลายมต (Hyperlink) ในเอกสารในเวบไดอกดวย เมอคลกแลว จดเชอมโยงจะเรมกระบวนการถายโอนขอมลซงเขาถงและคนคนเอกสารใหโดยทผใชไมตองท าสงใดใหยงยากเลย (หรอกลาวไดวาไมจ าเปนตองทราบวาเอกสารนนมาจากทใด หรอเขาถงไดอยางไร) กลาวอยางสนๆ คอ กฎเกณฑการสงไฮเปอรเท กซไดวางรากฐานส าหรบการเขาถง อนเตอรเนตอยางโปรงใสเขาใจไดงายมากนนเอง

7

2.3.2 การท างานของ HTTP โพรโตคอล การท างานของกฎเกณฑการสงไฮเปอรเทกซนนมหนาททจะตองก าหนดวาขอมลจะ

เปนไปในรปแบบไหนและขอมลจะสงไปอยางไรอกทงยงตองก าหนดดวยวา เวบทใหบรการ (Web server) และเวบบราวเซอร มหนาทรบผดชอบค าสงทงหมดอยางไร ตวอยางเชนเมอใสรหสทตงทรพยากร (Uniform Resource Locator : URL) ลงในเครองมอชวยเรยกดเพอสงให เวบบราวเซอร คนหาขอมลจากอนเตอรเนตตามรหสคนหาทก าหนดซงเมอท าดงน เวบบราวเซอรกจะสงค ารองขอตามกฎเกณฑการสงไฮเปอรเทกซนนไปท Web server เมอ Web server รบการรองขอนนมากจะท าการประมวลผล และสงขอมลกลบมาเปนในรปแบบของเอกสาร (Web page) เมอเวบบราวเซอรไดรบขอมลกลบมากจะน ามาสรางเปนรปแบบเอกสารน าเสนอตอผใชซงมาตรฐานในการก าหนดและควบคมวาเอกสารเปนรปแบบไหน คอ รปแบบทใชแสดงผลแบบเอกสารเวบ (HTML) ซงจะควบคมทงหมดวาเอกสารนนเปนไปในรปแบบไหน และจะถกจดแสดงอยางไร

กฎเกณฑการสงไฮเปอรเทกซนนเปนแบบทไมมการเกบสถานะของเกาไวเลยแตละค ารองขอทถกสงโดยกฎเกณฑการสงแบบไฮเปอรเทกซนนถกน าไปใชงานอยางอสร ะนนจงเปนเหตผลหนงทท าใหยากในการน ามาปรบใชกบระบบคอมพวเตอรทท าหนาทเกบเอกสารเวบเพอใหผอนน าไปใชเพราะมนเปนการยากทจะปรบปรงใหมนสามารถทจะตอบสนองความตองการทผใชรองขอเขามาไดอยางชาญฉลาดเพราะขอจ ากดของกฎเกณฑการสงไฮเปอรเท กซน จงท าใหเกดเทคโนโลยมากมาย เพอก าจดขอจ ากดเหลานใหหมดไป เชน การใชอปกรณเพมเตมใหกบเวบ หรอฝงภาษาคอมพวเตอรขนาดเลก ไวกบเอกสารเวบซงสงเหลานมความสามารถในการรองรบความตองการทผใชรองขอไดมากกวา

หากจะเปรยบเทยบกฎเกณฑการสงไฮเปอรเทกซกบ กฎเกณฑการถายโอนแฟม ความแตกตาง คอ กฎเกณฑการสงไฮเปอรเทกซเปนการสอสารทางเดยวเพยงแคถายโอนเนอหาของเอกสารเวบมายง เวบบราวเซอร เชน Internet Explorer เพอทจะน ามาดซงตางกบกฎเกณฑการถายโอนขอมลซงเปนแบบสอสารสองทางระหวางเครองคอมพวเตอรเครองหนงกบเครองคอมพวเตอรและจดเกบขอมลลงในสอบนทก

รปท 2.1 รปแบบการท างานของ HTTP (Hypertext Transfer Protocol)

8

2.4 ทฤษฎ HTML5 (Hypertext Transfer Protocol 5)

HTML5 เปนภาษาทถกพฒนาขนเพอเปนภาษามารกอปส าหรบ WWW รนตอไปของ HTML ถกพฒนาขนในป 2004 โดยกลม WHATWG(The Web Hypertext Application Technology Working Group) โดยเรยกชอวา Web applications 1.0 โดยดราฟตแรกไดปรากฏออกมาเมอ 22 มกราคม พ.ศ. 2551 โดย HTML5 จะชวยลดการใชพวกปลกอนพเศษอยางพวก Adobe Flash, Microsoft Silverlight, Apache Pivot และ Sun JavaFX HTML5 มาพรอมกบองคประกอบ และคณลกษณะใหมๆ ทแสดงใหเหนการใชงานทวๆ ไปของเวบไซตตางๆ ในปจจบน หรอพดงาย ๆ คอ เอามาแทนทตวเดมๆ ทเคยใชกนอยางเชน div และ span ตวอยางเชน ปกตถาจะสรางเมนบารกจะใช

รปท 2.2 แสดงรปแบบการใช div

รปท 2.3 รปแบบทไมใช div

9

แลวกยงมตวอนอก คอ Header, Section, Article, Aside และ Footer สวนองคระกอบอนๆ ทเคยใช และไดพวก Search Engine ใหความส าคญ อยางเชน Title, h1 ถง h6, p เปนตน กยงคงใชอย

รปท 2.4 HTML5 แบบทใช div

รปท 2.5 โคดตวอยาง HTML5 แบบทใช div

10

รปท 2.6 ตวอยาง HTML5 แบบไมใช div

รปท 2.7 โคดตวอยาง HTML5 แบบไมใช div

11

แลวกยงมแทกจ าพวก Video, Audio และอนๆ ทท าใหเวบไซตของเรามความหมายทเขาใจงายส าหรบพวก Search Engine สามารถท าใหรไดวาใครพดอะไร อนไหนคอรปภาพ อนไหนคอหวขอหลกของเวบไซตแลวนอ กจากนยงท าใหหนาเวบไซตตาง ๆ มมาตรฐานทเหมอนกนไมเหมอนรปแบบเกาทขนอยกบผพฒนาเวบไซตจะสรางขน ความสามารถเดนๆ ของ HTML5 คอ

Semantic Markup : โคดเปนระเบยบท าให Search Engine เกบขอมลไดงาย Form Enhancement : เพมประสทธภาพของฟอรม เสยง / วดโอ : หลายคนอาจเคยไดยนเรองทวา HTML5 Video จะมาแทน Flash

Video (.flv) Canvas : เอาไววาดรป ตกแตงรปซงวากนวาอาจมาแทนการวาดรปในแฟลช

(Adobe Flash) ContentEditable : สามารถคลกบนขอความในเวบเพอแกไขไดจากตรงนนเลย Drag and Drop : ลากของมาวาง Persistent Data Storage : การเกบขอมลบนเครองผใชซงสามารถเกบไดถง

ระดบฐานขอมลเลยทเดยว ความแตกตางระหวาง HTML5 กบ HTML คอ

Doctype เขยนงายขนปกตตอนเขยน HTML เวอรชนเกาตองขน <!DOCTYPE แลวกตามดวยรายละเอยดยาว ๆ แตพอเปน HTML5 แลว จะเขยนแบบไมมก าหนดเวอรชนเพอใหน าไปใชไดกบเวอรชนอนๆ ในอนาคตโดยเขยนแคสนๆ แบบน : <!DOCTYPE html>

การก าหนดภาษาท าไดงายขนเมอกอนจะตองเขยน xmln หรอ xml:lang ในแทก <html> เพอก าหนดภาษาของหนา แตส าหรบ HTML5 จะเหลอแคน : <html lang=”en”>

การก าหนดชดตวอกษรท าไดงายขนเมอกอนจะตองเขยนแทก meta ยาวๆ เพอก าหนด Character Set เปน UTF-8 แตตอนนเราสามารถก าหนดโดยเขยนแคน : <meta charset=”utf-8” />

ไมตองม “/” ส าหรบแทกเดยวแลวแทกเดยวหมายถงแทกทไมมแทกปด เชน<img>, <input>, <br> ซงจะตางกบแทกทเปนแทกเปดปดอยาง <div> </div>, <strong></strong> โดยถาเปนเมอกอน แทกเดยวจะบงคบใหม “/” ปดทาย

12

เชน <img /> หรอ <br /> แตใน HTML5 นแทกเดยวไมจ าเปนตองม “/” ปดทายแลว

แทกบางสวนจะไมรองรบใน HTML5 แลวแทกเกา ๆบางสวนจะถกตดทงไป โดยมดงน (บางแทกเรายงไมเคยใชกนเลยครบและบางแทกสามารถใช CSS แทนได):<acronym>, <applet>, <basefont>, <big>, <center>, <dir>, <frame> , <frameset>, <noframes>, <s>, <strike>, <tt>, <u> และ <xmp>

2.5 การใชงาน AJAX (Asynchronous JavaScriptAndXML) AJAX นมนยอมาจาก Asynchronous JavaScript And XML คอ เปนเทคนคหนงทจะท าใหเวบสามารถปฏสมพนธกบผใชงานไดเรวขนเพราะวาเทคนค AJAX นใช JavaScript เปนตวสงขอมลไปประมวลผลทฝง Server และรบขอมลผลลพธกลบมาแสดงทฝง Client คอ ประมวลผลเสรจ มนกเอาผลลพธมาแสดงทหนาเวบเลย โดยไมตอง Refresh ใหม AJAX จงไมใชเทคโนโลยในตวของมนเอง แตวาเปนการน าเทคโนโลยหลายๆ ตวมารวมกนเชน JavaScript, DHTML, XML, Css, Dom และ XML, HTTP Request, Ajax Engine ท าหนาทเปนตวกลางระหวาง Client และ Server ฉะนนเมอ Client ม Request แทนทจะสง HTTP Request ไปยง Server โดยตรง Client จะสง JavaScript call ไปยง Ajax Engine เพอโหลดขอมลท User ตองการ และหาก Ajax Engine ตองการขอมลเพมเตมในการตอบสนองตอ User Ajax Engine จะสง Request ไปยง Server โดยใช XML การเรตไดกลาวถงเทคโนโลยตาง ๆ ทเปนสวนประกอบของ Ajax ซงไดแก

HTML/XHTML เปนภาษาในการจดแสดงขอมล CSS เปนรปแบบการจดแตง XHTML Document Object Model (DOM) ส าหรบ dynamic display and interaction XML เปนรปแบบการแลกเปลยน data XSLT ส าหรบ แปลง XML เปน XHTML XMLHTTPRequest ส าหรบ asynchronous data retrieval JavaScript เปนภาษาในการใชงาน Ajax engine

ขอดของ AJAX ตอบสนองตอผใชไดอยางรวดเรวเนองจากการ Update แบบบางสวน ผใชไมตองหยดรอคอยการประมวลของ Server เนองจากการตดตอแบบ

Asynchronous

13

รองรบกบบราวเซอรหลกๆทสามารถใช JavaScript ได ท าใหการประมวลผลท Server มความรวดเรวขนเนองจากการประมวลผลท

Server ลดลง ไมตองท าการตดตง หรอใช Plugs-in ไมยดตดกบ Platform หรอภาษาทใชในการเขยนโปรแกรม เปนเทคโนโลยใหมทไมไดเปนของนกพฒนาเวบแอพลเคชนคนใดนน คอ ทก

คนมสทธเขามาพฒนาแอพลเคชนตวน

2.6 ทฤษฎ JavaScript JavaScript ไมใช Java JavaScript ไมใช HTML JavaScript เปนภาษาสครปตเชงวตถ หรอเรยกวา ออบเจกโอเรยลเตด (Object Oriented Programming) ทมเปาหมายในการออกแบบ และพฒนาโปรแกรมในระบบอนเทอรเนตส าหรบผเขยนดวยภาษา HTML สามารถท างานขามแพลตฟอรมได โดยท างานรวมกบภาษา HTML และภาษา Java ไดทงทางฝงไคลเอนต (Client) และทางฝงเซรฟเวอร (Server)

JavaScript คอ ภาษายคใหมทถกพฒนาขนโดย เนตสเคปคอมมวนเคชนส (Netscape Communications Corporation) โดยใชชอวา Live Script ออกมาพรอมกบ Netscape Navigator 2.0 เพอใชสรางเวบเพจโดยตดตอกบเซรฟเวอรแบบ Live Wire ตอมาเนตสเคปจงไดรวมมอกบบรษท ซนไมโครซสเตมส ปรบปรงระบบของบราวเซอรเพอใหสามารถตดตอใชงานกบภาษาจาวาไดและไดปรบปรง LiveScript ใหมเมอป 2538 แลวตงชอใหมวา JavaScript

JavaScript สามารถท าใหการสรางเวบเพจมลกเลนตางๆ มากมาย และยงสามารถโตตอบกบผใชไดอยางทนท เชน การใชเมาสคลก หรอการกรอกขอความในฟอรม เปนตน

2.6.1 Dynamic HTML (DHTML) เปนเทคนคทชวยเพมความสามารถให Browser สามารถท าการโตตอบการผใชงาน

เองได โดยไมตองจ าเปนตองไปขอขอมลจาก Web Server ทกครงไปเปนตวเลอกทจะใหผใชสรางเวบเพจใหมภาพเคลอนไหวมากขน และตอบสนองผใชแบบ Interactive มากกวา HTML เวอรชนกอน สวนใหญของ Dynamic HTML ไดรบการระบใน HTML 4.0 ตวอยางของเพจ Dynamic HTML

1) สตวอกษรของหวขอเปลยนเมอเมาสเคลอนผาน

2) ยนยอมใหผใชในการ Drag and drop ภาพไปยงทอนบนเวบเพจ Dynamic HTML ยอมใหเอกสารสามารถด และท างานเหมอนโปรแกรมประยกตบน Desktop หรอมลตมเดย

14

ซงวธการสรางเปนแบบ DHTML จะเปนการใช เทคโนโลยของ JavaScript และ Cascading Style Sheets เหลานชวยในการก าหนดคาตางๆ ของความสงความกวาง หรอต าแหนงของสวนตางๆ ซงอยบนเวบเพจ หรออาจจะเปนการรบขอมล User Interface ไดดวย JavaScript กเปนได

3) กญแจส าคญทท าให JavaScript Accessible

ถาเปนไปไดไมควรใช JavaScript เพราะเปนการท างานทางฝง Client ควรเลอกใช Script ทท างานทางฝง Server จะดกวา

จดเตรยมขอมลทมความหมายเหมอนกบ การใช JavaScript ไวในสวนของ<noscript> เพอแสดงในกรณท Browser ไมสนบสนน JavaScript

อยาเขยน JavaScript ทรบ Input จาก Mouse ไดเพยงอยางเดยวควรเพมฟงกชนการรบ Input จาก Keyboard ดวย

อยาเขยน JavaScript ใหมการ Redirect

หากมการสราง link ดวย JavaScript ใหเพมชอ URL จรงของ link ทสรางดวย ตวอยาง (<a href="http://www.nectec.or.th/atc" onClick="javascript(this)">)

หลกเลยงการสราง Popup Windows

แจงเตอนผใชลวงหนากอนจะเปด Windows ใหม

ใหระวงการเปลยนต าแหนงโฟกสของ Object ตางๆ โดยทผ ใชไมไดเปนผเปลยนเอง

JavaScript กเหมอนภาษาทใชเขยนโปรแกรมทวไปตรงทมตวแปรส าหรบเกบคา จากสวนหนงของ Program แลวกเอาไปใชในสวนอนๆ ไดตวแปร คอ ชอทเราก าหนดขนมาส าหรบเกบคา อยางเชนเราอาจก าหนดตวแปรชอวา imageName เพอไปเกบชอไฟลภาพๆ หนง หรอ อาจก าหนดให Amount ไปเกบจ านวนเตม เปนตน

2.6.2 การตงชอตวแปร ชอของตวแปรใน JavaScript สามารถขนตนดวยตวอกษรใหญ A-Z ตวอกษรเลก (a-z)

และเครองหมาย_ตามดวย ตวอกษร ตวเลข หรอ เครองหมาย _ กไดตวอยางชอตวแปรทถกตอง ดงรปท 2.8

15

รปท 2.8 ตวอยางชอตวแปรทถกตอง

ขอควรจ าชอตวแปรใน JavaScript จะเขมงวดในการใชตวอกษรใหญ หรอเลกดวย (case sensitive) เชน Sum SUMsum จะถอวาไมเปนตวแปรเดยวกน

2.6.3 ชนดของตวแปร

สงทตางจาก Java และภาษาบางภาษา คอ ผใชภาษา JavaScript ไมจ าเปนตองก าหนดชนดของตวแปร ซง JavaScript จะสามารถรไดเองวาในการน าตวแปรไปใชนน ผใชตองการใหมนเปนตวแปรชนดไหน เชน ถาก าหนดใหตวแปร Ahha มคาเปน 1 ตวแปร Ahha อาจจะใหคาเปน True ได ถาผใช ใชมนไปในทาง ตรรกะ หรออาจจะเปน 1.0000 กไดแตความสามารถแบบนกเปรยบเสมอนดาบ 2 คม ในแงหนงผใชสามารถใชตวแปรไดอยางอสระ เพราะไมมขอจ ากดในดานชนดตวแปร และในอกแงหน ง ผใชตองจ าไดวาตวแปรของ ผใชจะเปนชนดไหนในแตละขนตอนของการค านวณ

JavaScript สนบสนนการใชตวแปรเกบคาขอมล 4 ชนด คอ

Integer คอ เลขจ านวนเตม

Floating-point numbers คอ เลขจ านวนจรง

Logic or boolean values คอ ตรรกะ(มคาแคถกกบผด)

String คอ ขอความ

1) ตวแปรชนดตวเลข : Integer and Floating-Point

ในการท างานกบตวเลข JavaScript สามารถสนบสนนไดทง Integer และ Float โดยทง 2 ชนด สามารถแปลงไปหากนไดโดยอตโนมต

ตวแปร Integer ใน JavaScript จะอยในรปของเลขฐานได 3 ฐาน คอ 10, 8 และ 16

16

ฐาน 10 โดยปกตแลวตวเลขทใชใน JavaScript จะเปนเลขฐาน 10 อยแลวฐาน 8 จะมเลขโดดอยแค 8 ตว คอ 0-7 การเขยนเลขฐาน 8 จะใช 0 น าหนาฐาน 16 จะมเลขโดดอย 16 ตว คอ 0-9 และใช A-F แทน 10 - 15 การเขยนเลขฐาน 16 จะใช 0x น าหนา สวน Float จะใชกบ เลขทศนยม หรอเลขทมคามากๆ และนอยมากๆ จนตองเขยนในรปของเลขยกก าลง ดงรปท 2.9

รปท 2.9 รปแบบของเลขยกก าลง

2) ตวแปรชนดตรรกะ : Logical Values

ตวแปรชนด JavaScript มความสามารถในการเปลยนชนดตวแปรโดยอตโนมตคาตวแปรชนดทเปน ตรรกะ คอ True และ False จะถกแทนทดวยค าอนทนทถา ถกเอามาใชแบบเลขจ านวนเตม

3) ตวแปรชนดขอความ : String

ตวแปรหลกอกตวหนงก คอ String หรอขอความ การใสคาตวแปร String ใน JavaScript ใชเครองหมาย " หรอ ' ครอม ขอความนน เชน "Hello String", 'I am String' ปญหากจะเกดตรงทวาถา ตองการเขยนเครองหมาย ' หรอ " ใน String กมทางแกอย 2 วธ วธแรก คอ ถาตองการแสดง ' กเลยงไปใช " เปนตวครอม เชน "What's New" ถาตองการแสดงทง 2 ตวพรอมๆ กนตองใชสญลกษณพเศษมาแทน (คลายกบการใช &lt; มาแทน < ใน HTML) ซงจะใช \" แทนตว " และ \' แทนตว ' นอกจากน JavaScript ยงมสญลกษณพเศษทส าคญอก 2 ตว คอ \n ขนบรรทดใหม และ \t tab

17

JavaScript ท าอะไรไดบาง JavaScript ท าใหสามารถใชเขยนโปรแกรมแบบงายๆ ได โดยไมตองพงภาษา

อน เชน PHP เนนวาแบบงายๆ โดยสวนใหญจะเปนรปแบบของการแสดงผลมากกวา

JavaScript มค าสงทตอบสนองกบผใชงาน เชน เมอผใชคลกทปม หรอ Checkbox กสามารถสงใหเปดหนาใหมได ท าใหเวบไซต มปฏสมพนธกบผใชงานมากขน คอ ขอดของ JavaScript ทท าใหเวบไ ซตหลาย เวบ เชน Google Map น าไปใชงาน

JavaScript สามารถเขยน หรอเปลยนแปลง HTML Element ไดนน คอ สามารถเปลยนแปลงรปแบบการแสดงผลของเวบไซตไดนนเอง ท าให เมนตางๆ ในเวบไซต สามารถเลอนขนลงได หรอหนาแสดงเนอหาสามารถซอน หรอแสดงเนอหาไดแบบงายๆ

JavaScript สามารถใชตรวจสอบขอมลได เมอ มการกรอกขอมลบางเวบไซตเชน Email เมอกรอกขอมลผดจะมหนาตางฟองขนมาวากรอกผด หรอลมกรอกอะไรบางอยาง สวนใหญเกอบทงหมดใช JavaScript ตรวจสอบ

JavaScript สามารถใชในการตรวจสอบผใชได เชน ตรวจสอบวาผใช ใชเวบบราวเซอรอะไร

JavaScript สราง Cookies (เกบขอมลของผใชในคอมพวเตอรของผใชเอง) ได 2.7 ทฤษฎ jQuery

jQuery คอ JavaScript Library ทบรรจเอา Function และค าสงตางๆ ทท าใหไมตองมาเขยนเองใหมทงหมดตงแตตน นกพฒนาสามารถทจะเขยน Ajax ไดแบบงายๆ เพยง Code ไมกบรรทด หรอจะเขยน Javascript เพอดก Event (เหตการณ )ตางๆ ทตองการ เชน การ Click, Rollover, Mouse

18

2.7.1 คณสมบตของ jQuery

jQuery มความสามารถท าอะไรไดครอบคลมหลากหลายมความยดหยนท าไดหลายอยางมากมาย

ความสามารถในการท างานแบบ Ajax

การสราง Animation ไดแบบงายๆ ไมวาจะท ารปใหเคลอนท หรอ DIV เชน เอา Mouse จบ DIV ลากไปมา

ความสามารถในการ Binds หรอการผก หรอจบ Function ทเขยนขนใหท างานรวมกบ Function อนๆ

สามารถจดการกบ Css (style sheet) ของ Element นนๆ ได

คนหา Element ทตองการ และจดการเพม หรอลบ Attributes ทตองการ

ท า Effect ตางๆ กบ Element ทเราตองการ เชน การ Hide DIV ทตองการ

การดก Event (เหตการณ) ตางๆ

jQuery นนม Plugin มากหลายเลยทสามารถน ามาใชในงานได ประโยชนจาก jQuery Plugin เชน Plugin ส าหรบการเชค Form เชค Email วารปแบบถกตองหรอไม หรอ Plugin ปฏทนใชส าหรบให User คลกเลอกวนทเอาโดยไมตอ งกรอกเอง หรอไมวาจะเปนการดงเอาขอมล XML, JSON, TEXT

2.8 ทฤษฎ PHP (Hypertext Preprocessor) PHP เปนค ายอจาก Hypertext Preprocessor คอ ภาษาคอมพวเตอร แบบ Open Source ทใชกนอยางแพรหลาย ในการจดท าเวบ และสามารถประมวลผลออกมาเปนรปแบบ HTML การพฒนาเวบไซต ดวย PHP จะเปนลกษณะของ Server-side script คอในทกๆ ครงกอนทเครองคอมพวเตอรซงใหบรการเปน Web Server จะสงหนาเวบเพจทเขยนดวย PHP ใหจะท าการประมวลผลตามค าสงทมอยใหเสรจเสยกอน แลวจงคอยสงผลลพธทไดใหเวบบราวเซอร

19

รปท 2.10 ตวอยางโปรแกรม PHP จากรปท 2.10 ขอสงเกตของความแตกตางในการเขยนสครปต PHP กบภาษาอนๆ เชน Perl

หรอ C คอ แทนทจะเขยนค าสงหลายๆ ค าสงเพอแสดงผล HTML จะสามารถเขยนสครป ต HTML ควบคกบสครปต PHP ได (จากตวอยางจะเปนการสงคาขอความทอยใน Textbox จากฟอรมเมอมการคลกปม Send มาแสดงผลผานตวแปรทชอ $txtname โดยเมอไมมการสงขอความหนาเวบเพจจะแสดงผลค าวา Hi, I'm a script! แตในกรณทมการพมพขอความลงไปใน Textbox ยกตวอยางเชนพมพค าวา PHP แลวคลกปม Send หนาเวบเพจจะแสดงผลค าวา Hi, I’m a PHP script!) ภาษา PHP จะใชแทกเรมและจบคลมภาษา PHP เพอใหไดเรมใชภาษา และออกจากการใชภาษา PHP สงทท าให PHP แตกตางจากภาษา Client-side script เชน Javascript คอ การท PHP ประมวลผลบน Server ถามสครปตทคลายกนบน Server แลว Client ทเปดจะไดรบผลทเหมอนกน และไมมทางประมวลผลผดเพยน อยางแนนอน สามารถท าแมกระท ง เปลยนไฟล HTML แลวมาเขยนดวย PHP แทน ผทเขาชมเวบไซต จะไมมทางรไดเลยวามนไมเหมอนกน

20

อยางไรกตาม หลกๆ ของ PHP แลว อยทการเขยนสครปต ประมวลผลบน Server ซงหมายความวาสามารถท าอะไรกไดทโปรแกรม CGI อนๆ ท าได เชน การรบขอมลจากฟอรมสรางเนอหาแบบโตตอบไดหรอการสง และรบ Cookie แต PHP ยงท าไดมากกวานน การประมวลผลตามบรรทดค าสง (Command line scripting) สามารถสรางสครปต PHP โดยไมตองผาน Server หรอ Browser เพยงตองการตวประมวลผล PHP (PHP parser) เทานนเอง ในการใชรปแบบนอาจเป รยบเทยบไดกบ Cron (บนระบบปฏบตการ Unix หรอ Linux) หรอ Task scheduler (บนระบบปฏบตการ Windows) สครปต เหลาน ยงสามารถใชในแบบ Simple Text Processing Tasks สรางโปรแกรมประยกต (Writing desktop applications) แนนอนวา PHP ไมใชภาษาทดทสดทใชเขยนโปรแกรมประยกตแบบ Windows แตถารจก PHP มากขน และอยากใชความสามารถ PHP ในรปแบบของการประมวลผลบนเครอง (Client-side applications) กสามารถใช PHP-GTK เพอเขยนโปรแกรม อกทงยงสามารถสรางโปรแกรมแบบขามระบบ (Cross-platform) โดยท PHP-GTK นนไมไดรวมอยในตวหลกของตวตดตง PHP สามารถใชในระบบป ฏบตการหลกๆ ไดทงหมด รวมถง Linux Unix หลายๆ ตว (รวมถง HP-UXSolaris และ OpenBSD), Microsoft Windows, Mac OS X, RISC OS และอนๆ อกหลายตว PHP ยงรองรบใน Web Server เกอบทกตวแลวอกดวย ในทนรวมถง Apache, Microsoft Internet Information Server (IIS), Personal Web Servernetscape และ iPlanet Servers Oreilly Website Pro Server, Caudiumm Xitamim OmniHTTPd และอนๆ อกมากมาย ส าหรบสวนหลกของ PHP ยงม Module ในการรองรบ CGI มาตรฐาน ซง PHP สามารถท างานเปนตวประมวลผล CGI ดวย ดวยเหตท PHP มอสรภาพในการเลอก ระบบปฏบตการ และ Web Server นอกจากนยงสามารถใชสรางโปรแกรม หรอสรางโปรแกรมเชงวตถ (OOP) หรอสรางโปรแก รมทรวมทงสองอยางเขาดวยกน แมวาความสามารถของค าสง OOP มาตรฐานในเวอรชนนยงไมสมบรณ แตตว Library ทงหลายของโปรแกรม และตวโปรแกรมประยกต (รวมถง PEAR Library) ไดถกเขยนขนโดยใชรปแบบการเขยนแบบ OOP เทานน ดวย PHP จะไมถกจ ากดในการแสดงผลแบบ HTML ความสามารถของ PHP ยงรวมถงการแสดงผลทางดานภาพไฟล PDF และแมกระทง Flash movie (โดยใช Libswf และ Ming) กยงสามารถสรางได ยงสามารถแสดงผลไฟลขอความงายๆ อยา ง XHTML และไฟล XML ตางๆ PHP สามารถสรางไฟลเหลานเอง และเกบใหอยในระบบไฟลสรางฟอรมโตตอบผาน Server-side

21

หนงในความสามารถหลก และความสามารถทเปนจดเดนของ PHP คอ ความสามารถในการตดตอกบ ฐานขอมล ซงสามารถเขยนเวบเพจทตดตอกบฐานข อมลไดอยางงายดายซงฐานขอม ลทรองรบมดงน Adabas D, dBase, Empress, FilePro (read-only), Hyperwave, IBM DB2, Informix, Ingres, InterBase, FrontBase, mSQL, Direct MS-SQL, MySQL, ODBC, Oracle (OCI7 and OCI8), Ovrimos, PostgreSQL, SQLite, Solid, Sybase, Velocis และ Unix dbm PHP ยงคงโครงสรางของฐานขอมลแบบ DBX ท าใหสามารถใช รวมกบฐานขอมลอะไรกไดทรองรบรปแบบน และ PHP ยงรองรบ ODBC (ODBC : Open Database Connection) ท าใหสามารถเชอมตอกบฐานขอมลตางๆ ทรองรบมาตรฐานโลกนได PHP ยงสามารถรองรบการสอสารกบการบรการในโปรโตคอลอนๆ เชน LDA, PIM, APSN, MPN, NTP, POP3, HTTP, COM (บน Windows) และอนๆ อกมากมาย สามารถเปด Socket บนเครอขายโดยตรง และตอบโตโดยใชโปรโตคอลใดๆ กได PHP มการรองรบส าหรบการแล กเปลยนขอมลแบบ WDDX Complex กบ Web Programming อนๆ ทวไปในสวน Interconnection PHP มการรองรบส าหรบ Java objects ใหเปลยนมนเปน PHP object แลวใชงาน ยงสามารถใชรปแบบ CORBA เพอเขาส Remote object ไดเชนกน PHP มความสามารถอยางมากในการท างานประมวลผลขอความ จาก POSIX Extended หรอรปแบบ Perl ทวไป เพอแปลงเปนเอกสาร XMLในการแปลงและเขาสเอกสาร XML รองรบมาตรฐาน SAX และ DOM สามารถใชรปแบบ XSLT นน เพอแปลงเอกสาร XML

เมอใช PHP ในการท าการคาอเลกทรอนกส (E-Commerce) สามารถหา Cybercash payment, CyberMUT, VeriSign Payflow Pro และ CCVS functions เพอใชในการสรางโปรแกรมท าธรกรรมทางการเงน สดทายยงมรปแบบตางๆ อกหลายรปแบบทนาสนใจ เชน mnoGoSearch ฟงกชน Search Engine ฟงกชน IRC gateway รปแบบการบบอดหลายๆ รปแบบ (gzipbz2) Calendar conversion ฟงกชนการแปล และอนๆ อกมากมาย 2.9 ทฤษฎ MySQL

MySQL อานวา มาย-เอส-คว-แอล หรอ MY-ESS-QUE-ELL MySQL เปนโปรแกรมบรหารจดการฐานขอมล หรอเรยกวา Database Management System ซงมกจะใช ค ายอเปน DBMS (ฐานขอมล คอ การรวบรวมเอาขอมลตางๆ เชน รายการสนคา , ขอมลนกศกษาเปนตนมาเกบเ อาไวสวนการบรหารจดการขอมล คอ การจดเกบ, การเรยกคน, การเพม, การแกไข หรอการท าลายขอมลโดยในทน MySQL คอ โปรแกรมทจะท าหนาทบรหารการจดการฐานขอมลนนเอง)

22

MySQL ท างานในลกษณะฐานขอมลเชงสมพนธ (Relational Database Management System : RDBMS) ค าวาฐานขอมลเชงสมพนธ คอ ฐานขอมลทแยกขอมลไปเกบไวในหนวยยอยซงเรยกวาตารางขอมล (table) และขอมลในแตละตารางกจะถกแยกดวยเขตขอมล (field) การทเราจะเขาไปจดการกบขอมลตองอาศยภาษาคอมพวเตอรทเรยกกนวา SQL ซงยอมาจาก Structured Query Language ชอ MySQL กสอใหทราบวามความเกยวของกบภาษา SQL อยแลวดงนน MySQL จงท างานตามค าสงภาษา SQL ไดอนเปนไปตามมาตรฐานของโปรแกรมทางดานฐานขอมลในยคนทตองมความสามารถรองรบค าสงทเปนภาษา SQL

2.9.1 โครงสราง SQL 1) SELECT

SELECT LastName, FirstName FROM Persons;

ตารางท 2.1 ตาราง Persons SELECT

LastName FirstName Address City Hansen Ola Timoteivn 10 Timoteivn 10 Svendson Tove Borgvn 23 Borgvn 23 Pettersen Kari Storgt 20 Storgt 20

2) INSERT INTO

INSERT INTO Persons (LastName, Address) VALUES ('Rasmussen', 'Storgt 67'); ตารางท 2.2 ตาราง Persons INSERT INTO

LastName FirstName Address City Pettersen Kari Storgt 20 Stavanger Hetland Camilla Hagabakka 24 Sandnes Rasmussen Storgt 67

23

3) UPDATE UPDATE table_name

SET column_name = new_value WHERE column_name = some_value; ตารางท 2.3 ตาราง PersonsUPDATE

LastName FirstName Address City

Nilsen Fred Kirkegt 56 Stavanger

Rasmussen Storgt 67 4) DELETE DELETE FROM table_name WHERE column_name = some_value; ตารางท 2.4 ตาราง Persons DELETE

LastName FirstName Address City Nilsen Fred Kirkegt 56 Stavanger Rasmussen Nina Stien 12 Stavanger

5) WHERE

SELECT column FROM table WHERE column operator value; ตารางท 2.5 ตารางการเปรยบเทยบนพจนทางคณตศาสตร

Operator Description = Equal <> Not equal

24

ตารางท 2.6 ตารางการเปรยบเทยบนพจนทางคณตศาสตร (ตอ)

Operator Description > Greater than < Less than >= Greater than or equal <= Less than or equal BETWEEN Between an inclusive range

LIKE Search for a pattern

IN If you know the exact value you want to return for at least one of the columns

6) ORDER BY SELECT Company, OrderNumber FROM Orders ORDER BY Company; ตารางท 2.7 ตาราง Product ORDER BY

Company OrderNumber ABC Shop 5678 Sega 3412 W3Schools 6798 W3Schools 2312

25

7) BETWEEN SELECT FirstName, Address, City FROM table Original WHERE salary

Between 10000 and 20000; ตารางท 2.8 ตาราง Original Table BETWEEN

FirstName Address salary Ola Timoteivn 10 10,000 Anna Neset 18 15,0000 Kari Storgt 20 20,0000

บทท 3 วธการด าเนนงาน

รายละเอยดขนตอนการวเคราะห และออกแบบในการสรางระบบประมลสนคาออนไลน

ไดน า ทฤษฎ และแนวคดตางๆจากการทไ ดศกษามาแลวในบททสอง มาประย กตใชงาน โดยมขนตอนดงตอไปน 3.1 แผนการด าเนนงาน

แสดงผลการด าเนนงานโดยเทยบระหวางแผนงานทไดวางไวกบการด าเนนงานจรง ตารางท 3.1 ตารางแผนการด าเนนงานของโครงการ

หวขอการด าเนนงาน

การด าเนนงาน พ.ศ. 2554

เม.ย. พ.ค. ม.ย. ก.ค. ส.ค. ก.ย. ต.ค. ศกษารวบรวมขอมล ศกษาการใชงานโปรแกรม ทเกยวของ

วเคราะหขอมลและออกแบบระบบงาน

ออกแบบฐานขอมล สรางระบบ พฒนาระบบ ทดสอบระบบ แกไขระบบ จดท ารปเลมปรญญานพนธ

แสดงแผนการด าเนนงาน แสดงการด าเนนงานจรง

27

3.2 การออกแบบ / เครองมอ

รปท 3.1 แผนผงเวบไซต

ในสวนของการออกแบบจากรปท 3.1 แผนผงเวบไซตจะมสวนทตองออกแบบ 4 สวนใหญ ไดแก สวนของผดแลระบบ (Administration) สวนของระบบสมาชก (User control) สวนของระบบหลกของเวบ (Main) และสวนของบรการชวยเหลอตางๆ มรายละเอยดการออกแบบ ดงน

28

รปท 3.2 สวนของผดแลระบบ

3.2.1 สวนของผดแลระบบ (Administration) เปนสวนทจะจดการขอมลทงหมดข องเวบไซต โดยจะตองเขาสระบบในนาม ผดแลระบบ เพอทจะไดเขามา จดการด แลเวบไซต ซงจะประกอบดวยเมนตางๆ ดงน

1) แกไขขอมลเวบ เปนสวนทจะใชแกไขขอมล ตางๆ ของเวบ 2) แกไขดแลระบบสมาชก คอ สวนทท าหนาทดแลสวนของระบบสมาชก 3) ระบบความปลอดภย คอ สวนทจะท าหนาทดแลสอดสอง เวบไซต 4) ดแลไมใหเวบลม แสดงรายละเอยดการท างานของ Server วาปกตหรอไม 5) จดการระบบประมล คอยดแลจดการใหระบบประมลท างานอยางถกตอง 6) ตรวจดรายการประมล วาเปนไปตามกฎระเบยบหรอไม 7) จดการปฏทนการประมล สราง และจดการปฏทนการประมล 8) จดการหมวดหมการประมล จดการการประมลใหถกตองตามหมวดหม 9) จดการระบบฝากขาย คอยดแลจดการใหระบบฝากขายท างานอยางถกตอง 10) ตรวจดรายการสนคาฝากขาย สอบรายการสนคา วาเปนไปตามกฎระเบยบหรอไม 11) แกไขรายละเอยดสนคา หากมค าทไมควร หรอภาษาทไมสภาพ 12) จดการหมวดหมสนคาฝากขาย คอยดแลจดการใหสนคาตรงตามหมวดหม

29

รปท 3.3 เมนสมาชก 3.2.2 สวนของระบบสมาชก ซงผใชงานตองสมครเปนสมาชกกอนถงจะเ ขาใชงานสวนนไดแบงออกเปนเมนตางๆ ดงน

1) แกไขขอมลสวนตว สมาชกสามารถแกไขขอมลสวนตวของตนเองได 2) เปลยนรปประจ าตว สมาชกสามารถเปลยนรปแทนตวเองได 3) เปลยน PASSWORD สมาชกสามารถเปลยน Password ในการ Login ได 4) ออกจากระบบ กดปมนเพอออกจากระบบสมาชก 5) เปดประมลสนคา กดเพอเปดประมลสนคา 6) คนหาสนคาประมล สมาชกสามารถคนหาสนคาได 7) ปฏทนการประมล สมาชกสามารถดรายการประมลในวนและเวลา ตางๆได 8) MY AUCTION เมนแสดงสนคาประมลของสมาชก 9) ฝากขายสนคา สมาชกสามารถน าสนคามาฝากขายกบทางเวบไดผานเมนน 10) คนหาสนคา สมาชกสามารถคนหาสนคาฝากขายได 11) รายการสนคา สมาชกสามารถดรายการสนคาทงหมดได 12) สนคาของทาน สมาชกสามารดสนคาทตนเองน ามาฝากขายกบเวบได 13) เขยนบทความ สมาชกสามารถเขยนบทความได 14) คนหาบทความ สมาชกสามารถคนหาบทความได 15) บทความทงหมด แสดงบทความทงหมดของสมาชก 16) บทความของทาน ดและแกไขบทความทสมาชกเขยนไว

30

รปท 3.4 สวนแสดงผลหลกของเวบ 3.2.3 สวนแสดงผลหลกของเวบ แบงออกเปนสามสวนใหญๆ คอ ระบบประมลสนคา แสดงผลใหผใชงา นทกทานสามารถดได แตไมสามารถเปดประมลสนคาและเขารวมการประมลสนคาได ผใชงานตองสมครสมาชกกอนเทานน จงจะเปดประมลได ระบบฝากขายสนคา แสดงผลใหผใชงานทกทานสามารถดได แตไมสามารถน าสนคามาฝากขายไดเนองจากเปดใหสมาชกเทานน ทสามารถน าสนคามาฝากขายกบระบบ ระบบบทความ ผใชงานทกทานสามารถเขามาอานบทความได แตสมาชกเทานนทสามารถแสดงความคดเหนบนบทความ หรอสามารถเขยนบทความใหมได ซงระบบทงหมดจะแบงเปนหมวดหมชดเจน ผใชงานสามารถเลอกหมวดหมทตนสนใจเพอทจะเขาไปประมลสนคา เลอกซอสนคาฝากขาย หรอเลอกอานบทความทตนเองสนใจ ไดถกตองตามหมวดหมของสนคา และบทความนนๆ ทงน จะมการแสดงผลทหนาแรก และหนาหลกของแตละระบบ โดยมการควบคม และดแลอยางถถวนจากผดแลระบบ

31

รปท 3.5 เมนดานบน 3.2.4 สวนของ เมนชวยเหลอเพมเตม อยทางดานบนของเวบ หรอทเรยกวา Top Menu นนเองเมนนมหนาท ชวยเหลอสมาชก ในการใชงานเวบ และเปนเมนทมอยทกหนาของการใชงาน ประกอบดวย 5 สวนหลก คอ

1) HOME ใชในการกลบสหนาแรก 2) REGISTER ใชในการสมครสมาชก (กรณเขาสระบบแลว เมนนจะเปลยนเปน

PROFILE เพอเขาสหนา เมนสมาชก) 3) SERVICES ใชในการรวบรวมลงคระบบตางๆของเวบ และบรการตางๆ 4) WEBBOARD ใชในการแจงและสอบถาม ปญหาการใชงานเวบ 5) CONTACT ตดตอโดยตรงกบผจดท าเวบ

32

3.2.5 โมเดลความสมพนธของระบบประมลสนคาออนไลน แบงเปน 4 สวน คอ 1) โมเดลความสมพนธของระบบสมาชก

รปท 3.6 โมเดลความสมพนธของระบบสมาชก

33

2) โมเดลความสมพนธของระบบประมลสนคา

รปท 3.7 โมเดลความสมพนธของระบบประมลสนคา

34

3) โมเดลความสมพนธของระบบฝากขายสนคา

รปท 3.8 โมเดลความสมพนธของระบบฝากขายสนคา

4) โมเดลความสมพนธของระบบกระดานถาม-ตอบ

รปท 3.9 โมเดลความสมพนธของระบบกระดานถาม-ตอบ

35

3.2.6 ระบบประมลสนคาออนไลนวางแผนงานใหมการด าเนนงาน 4 ระบบหลกๆ คอ 1) ระบบสมาชก โดยมแผนงานดงรปท 3.10

รปท 3.10 แผนงานของระบบสมาชก

36

2) ระบบประมลสนคา โดยมแผนงาน ดงรปท 3.11

รปท 3.11 แผนงานของระบบประมลสนคา

37

3) ระบบฝากขายสนคา โดยมแผนงาน ดงรปท 3.12

รปท 3.12 แผนงานของระบบฝากขายสนคา

38

4) ระบบกระดานถาม-ตอบ โดยมแผนงาน ดงรปท 3.13

รปท 3.13 แผนงานของระบบกระดานถาม-ตอบ

39

3.3 ขนตอนการสราง / ขนตอนการด าเนนงาน ขนตอนการสรางจะเปนการน าในสวนของการออกแบบน ามาสรางตามทไดออกแบบไวโดยภายในขนตอนการสรางจะแบงออกเปนทงหมด 3 สวน ไดแก การสรางชดควบคมหลกการสรางชดควบคมปายชอ และการสรางเวบ 3.3.1 การสรางสวนของระบบสมาชก ระบบสมาชกถอเปนโครงสรางหลกของระบบทงหมด ซงการจะด าเนนการใดๆในเวบจ าเปนตองด าเนนการสมครสมาชก และเขาสระบบสมาชกกอนทงสน จงนบเปนระบบทส าคญเปนอนดบแรกทจะสราง ตารางท 3.2 ตารางแสดงระบบสมาชก

หนาท เพจทเกยวของ สมครสมาชก register_form.php,register.php เปดใชบญช activate.php ลมรหสผาน forgot_passwort_form.php, forgot_password.php ลงชอเขาใช login_form.php, login.php หนาแรก Index.php เปลยนรหสผาน change_password_form.php, change_password.php เปลยนขอมลสวนตว change_profile_form.php, change_profile.php ลงชอออก logout.php

40

ระบบสมาชกหนาตางๆในระบบจะเชอมโยงกน แสดงดงรปท 3.14

รปท 3.14 การเชอมโยงของระบบสมาชก

1) การท างานของระบบเรมจากทผใชกรอกขอม ลการสมครเปนสมาชกลงในแบบฟอรมหนา login_form.php ซงเมอ Submit แลวกจะไปเรยก register.php อยางไรแลวหลงจากทผใชสมครแลวจะยงไมสามารถลงชอเขาใช (login) ไดทนท เพราะระบบจะสง ลงคส าหรบเปดใชไปทางอเมลกอน (ลงคไปท activate.php) เมอผใชคลก ลงค ระบบกจะเปดใหใชบรการ หลงจากเปดใช บรการผานอเมลแลว ผใชสามารถลงชอเขาใชไดท login_form.phpในกรณทลมรหสผาน ผใชงานสามารถเขาไปกรอกอเมลทใชในการสมครสมาชก เพอขอรหสผานไดใน forget_password_form.php ระบบกจะสงรหสผานไปใหในอเมลททานสมครสมาชก ในกรณทลงชอเขาใชไดส าเรจระบบจะไปท index.php ผใชสามารถเขาไปยงหนา user_profile.php เพอใชงานเมนตางๆของระบบสมาชกซงจะม เมน เปลยนรหสผาน (change_password_form.php), เปลยนขอมลสวนตว (change_profile_form.php) และเปลยนรปประจ าตว (profile_avata.php)

41

2) ฐานขอมลระบบสมาชกใชฐานขอมลเพอบนทกขอมลสมาชกลงในตาราง member เกบขอมลเกยวกบสมาชก ตารางนมทงหมด 32 ฟลด ดงน

ตารางท 3.3 ตารางแสดงฟลดในตาราง member

ชอฟลด ชนด ค าอธบาย หมายเหต Id

Int

หมายเลขสมาชก (หลก)

PK , auto_increment

u_username varchar(255) ชอบญชสมาชก unique u_password varchar(255) รหสผาน Email varchar(255) อเมลสมาชก unique credit int เครดต (คะแนนสมาชก) count int จตพสย (ค าชม) UserID int หมายเลขสมาชก (รอง) SID varchar(255) คยทใชยนยนการสมครสมาชก Active

enum('Yes', 'No')

แสดงวาสมาชกยนยนผาน Emailแลวหรอยง Yes = ยนยน Emailแลว No = ยงไมไดยนยน

Status_id

Enum ('online', 'offline')

ระบวา สมาชกก าลง online อยในระบบหรอไม

user_toppic Varchar (255) ก าหนดสถานะสวนตวของสมาชก creat_consignment

Enum ('Yes', 'No')

ความสามารถในการฝากขายสนคา

creat_auctions Enum ('Yes', 'No')

ความสามารถในการเปดประมล

Name Varchar (255) ชอ Surname Varchar (255) นามสกล Idcard Varchar (255) รหสประจ าตวประชาชน Gender Enum ('m', 'f') เพศ

42

ตารางท 3.4 ตารางแสดงฟลดในตาราง member (ตอ)

ชอฟลด ชนด ค าอธบาย หมายเหต date_birthdate Varchar (255) วนเกด month_birthdate Varchar (255) เดอนเกด year_birthdate Varchar (255) ปเกด address1 Varchar (255) ทอยหนง address2 Varchar (255) ทอยสอง District Varchar (255) อ าเภอ Country Varchar (255) จงหวด Province Varchar (255) ประเทศ Zipcode Varchar (255) รหสไปรษณย Mobile Varchar (255) เบอรโทรศพทมอถอ Homephone Varchar (255) เบอรโทรศพทบาน Officephone Varchar (255) เบอรโทรศพททท างาน Create Date วนทสมครสมาชก file_name Varchar (255) ชอไฟลรปสวนตว (ขนาดใหญ) thumbnail_name Varchar (255) ชอไฟลรปสวนตว (ขนาดเลก)

43

เมอสรางเสรจ จะได ดงรปท 3.15

รปท 3.15 โครงสรางตาราง member

44

3) ขนตอนการท างานในสวนทเปนสครปต ในระบบสมาชก ฟงกชนตางๆ จะแ บงออกเปนสองสวนแยกจากกนเปนสองไฟล ดงน

สวนทเปนสครปตลวนๆ สวนนเขยนกอน <html> และมขนตอน คอ รบอนพท

และเตรยมตวแปร รบคาทสงมาจาก POST หรอ GET มาเกบไวในตวแปร และ

ก าหนดคาเรมตนใหกบตวแปรอนๆ ตรวจสอบอนพท ตรวจสอบคาทรบมาวา

ผใชลมกรอกอะไรหรอไม หรอวากรอกผดรปแบบ เชน ถา Email กควรจะม

เครองหมาย @ แลวตามดวยเวบไซตประมวลผล เชน ตดตอกบฐานขอมล หรอ

สงอเมล เกบผลการท างาน โดยเกบไวทตวแปรเพอแสดงผลในสวนถดไป

สวนทเปน <!DOCTYPE> และ <html> รบขอมลจากผใช แสดง ฟอรมรบ

ขอมลตางๆจากผใชงาน แสดงผลการท างาน โดยน าผลลพธทเกบไวมาเขยน

รวมกบโคด HTML

4) ล าดบการสรางระบบสมาชก ประกอบดวยเพจ จ านวน 17 เพจ ดงน Register_form.php แบบฟอรมส าหรบลงทะเบยน ส าหรบเพจนใช

Dreamweaver สรางฟอรม โดยก าหนด method="post" และมการเชค Email

และ Username วาซ ากนหรอไม โดยการใช AJAX มาชวยในการเชค

45

รปท 3.16 การสราง Register_form.php

Register.php ท าหนาทบนทกขอมลเกยวกบสมาชกลงในฐานขอมล หลงจากกรอกแบบฟอรมจากหนา Register_form.php และกด ปม สมครสมาชก แลว ฟอรมจะสงขอมลมา เปนรปแบบ $_POST ซงในสวนแรกของ เพจน คอ การรบคา $_POST จากฟอรมแลวเอามาเกบลงใน ตวแปรตางๆ เมอรบขอมลมาแลวกใหตรวจสอบวามขอมลมาครบหมดทกขอมลหรอไม และ เมอตรวจสอบขอมลแลว กใหท าการเกบขอมลทงหมดลงในฐานขอมล และสงอเมลไปยงสมาชกเพอ ยนยนการสมครสมาชก

Activate.php เพจนใชส าหร บเปดใชบรการ ผใชทเพงสมครสมาชกจะไดรบอเมลทมลงคมายงเพจน ในลงคจะมพารามเตอรชอบญช และรหส โดยทรหส ในทนหมายถงรหสทเกดจากการสมขนไมใชรหสผาน ทสมาชกกรอกไปตอน

46

สมคร เมอผใชคลกลงคกจะเรยกเพจน และเพจนกจะน าบญช uid และรหส sid มาตรวจสอบกบฐานขอมลวามอยจรง หรอไม ถาตรงกบฐานขอมลสมาชกคนไหน กจะไป Update ในฟลดสวนของ Active ใหเปน Yes ซงจากเดมตงไวเปน No

forgot_password_form.php ฟอรมลมรหสผาน เปนฟอรมใหกรอก อเมลทใชในการสมครสมาชก เพอขอใหระบบสงรหสผานไปทางอเมล

รปท 3.17 การสราง forgot_password_form.php สวนลมรหสผาน

forgot_password.php เรยกใชโดย forgot_password_form.php หลงจากกดปมตกลง

login_form.php เปนฟอรมใหกรอกเพอ login เขาสระบบ สามารถน าไปวางไวตรงสวนใดของเวบกได รปแบบฟอรม จะมชองใหกรอก Username, Password และรหสลบ ซงรหสลบจะเกดจากฟงกชนการสม ตวเลขและตวอกษร มาแสดงเปนรปภาพ และใหพมพตวเลข และตวอกษรในรปภาพ ใหถกตอง ถาพมพไมถกตองจะไ มสามารถ เขาสระบบไดเปนการ กนแสปม (Spam) เขามากอกวนระบบ

47

รปท 3.18 การสราง login.php

login.php เรยกใชโดย login_form หลงกดปม login โดย น าคาทสงจากแบบ ฟอรมหนาทแลว มาเกบไวในตวแปร $u_username และ $u_password เพอน าไปเปรยบเทยบกบ ฐานขอมล ถ าขอมลตรงกบฐานขอมล กใหน า คาของ username และ id ไปเกบไวใน SESSION โดยใชค าสง $_SESSION

รปท 3.19 การสราง forgot_password_form.php สวน login

48

change_password_form.php แบบฟอรมส าหรบเปลยน รหสผาน โดยม Text box ใหกรอกสามชอง คอ ชองส าหรบใสรหสผานเดม ชองส าหรบใสรหสผานใหม และชองส าหรบยนยนรหสผานใหม

Reset_password.php ในสวนแรกจะเปนสวนของการรบคามาจากฟอรม มาเกบไวในตวแปร ในสวนทสองจะเปนการเชคคาในต วแปรวาถกตองหรอไม และท าการเปลยนขอมลพาสเวรด ในฐานขอมล โดยเชคจากคา session ซงหมายความวาจะตองเขาสระบบสมาชกกอนเทานนจงจะเปลยนพาสเวรดได

profile_data.php จากรปท 3.20 เปนหนาแสดงขอมลสวนตวของสมาชก โดยจะเรยกขอมลมาจากฐานขอมล ซงสมาชกสามารถ แกไขขอมลสวนตวได โดยการกดปมแกไขขอมลสวนตว

รปท 3.20 การสราง profile_data.php

49

change_profile_form.php เปนฟอรมการแกไขขอมลสวนตว ซงขอมลเดม จะมปรากฏอยในฟอรมอยแลว สามารถ แกไขขอมลสวนตวได และ ผใชตอง ใส รหสผาน เพอยนยนการแกไขขอมลสวนตว

รปท 3.21 การสราง change_profile_form.php

50

change_profile.php สวนแรกรบคาจากฟอรม เกบคาทงหมดมาไวในตวแปร สวนทสอง ตรวจสอบ และอพเดทคาในฐานขอมล

change_avata.php เปลยนรปแทนตวสมาชก โดยใช AJAX ชวยในการอพโหลดรปไปยง Server

รปท 3.22 หนา change_avata.php

change_avata_complets.php เรยกใชโดย change_avata.php เพอเกบขอมลลงในฐานขอมล

Logout.php ออกจากระบบสมาชกเมอกดปม logout จะเรยกเพจนขนมา ซงเพจนมหนาทเคลยคาใน Session ทงหมด

51

3.3.2 การสรางระบบประมลสนคาออนไลน ระบบประมลสนคา เปนระบบทเปดใหสมาชกเขามาประมลสนคากนภายในระบบ ซงจะประกอบดวยสวนตางๆ ดงน ตารางท 3.5 ตารางแสดงเพจตางๆ ของระบบประมลสนคา

หนาท เพจทเกยวของ หนาหลกประมลสนคา index_auction.php เปดประมล post_form.php, post_auctioncomplet.php แสดงสนคาประมล auction.php รายละเอยดสนคาประมล auction_show.php แกไขสนคาประมล change_auction_form.php, change_auction.php ลบการประมล del_auction_form.php,del_auction.php

เพจตางๆในระบบจะเชอมโยงกนแสดงดงรปท 3.23

รปท 3.23 การเชอมโยงของระบบประมลสนคา

index_auction.php

post_form

del_auction_form

Auction_room

post_auctioncomplet

edit_auction_form

edit_auction del_auction

auction_show

52

1) การท างานเรมจากทผใชกรอกขอมลเพอเปดประมลใน post_form.php ซงจะเรยกใชงานเพจ post_auctioncomplet.php ขนมาเพอท าการบนทกลงในฐานขอมลการประมลผใชงานสามารถดสนคาทงหมดไดในหนา auction_show.php เขาไป หนา ประมลสนคาไดท auction_room.php แกไขไดท edit_auction_form.php และลบสนคาไดท del_auction.php

2) ฐานขอมลระบบประมลสนคาออนไลน ใชฐานขอมลเพอบนทกขอมลการประมล ลงในตาราง auction_item,auction_catagory และตาราง aucting ตาราง auction_item เกบขอมลเกยวกบสนคาประมลตารางนมทงหมด 18 ฟลด ดงน ตารางท 3.6 ตารางแสดงระบบสนคาประมล

ชอฟลด ชนด ค าอธบาย หมายเหต

id Int หมายเลขประมล PK, auto_increment

name Varchar (255) ชอการประมล catagory_id int(11) ประเภทของการประมล bid Varchar (255) ราคาทเพมขนเมอกดประมล price_start Int ราคาเรมตนประมล price_stop Int ราคาสนสดการประมล user_creat_id Int Id ของผเปดประมล user_complete_id Int Id ของผทชนะการประมล time_up Datetime เวลาทเปดประมล time_start Datetime เวลาเรมประมล detail_edit Varchar (255) รายละเอยดการประมล date Date วนทประมล time_stop Datetime เวลาทประมลส าเรจ file_name Varchar (255) ชอรปสนคา thumbnail_name Varchar (255) ชอรปสนคาขนาดเลก aucting_id Int (11) Id รายงานการประมล time_reload Int (11) เวลาทเพมขนเมอกดประมล

53

ตารางท 3.7 ตาราง auction_catagory เกบประเภทของการประมล

ชอฟลด ชนด ค าอธบาย หมายเหต

id Int (11) หมายเลขประเภท PK, auto_increment

name Varcha r(255) ชอประเภท

id_ac Int (11) บอกวาเปนการประมล

ตารางท 3.8 ตาราง aucting ใชเกบขอมลการประมลสนคา

ชอฟลด ชนด ค าอธบาย หมายเหต id Int หมายเลขประมล PK, auto_increment

user Varchar (255) ผประมล auction_id Varchar (255) หมายเลขสนคา

ประมล

time Varchar (255) เวลาทประมล detel Varchar (255) รายละเอยด price_up Int (11) ราคาทประมล

54

post_form.php หนาเปดประมลสนคาซงจะมรายละเอยด ดงรปท 3.24

รปท 3.24 การสราง post_form.php

55

การแสดงผลในหนาแรก index.php โดยจะแสดงสวนนในหนาแรก เพอบอกวา มสนคาประมลอยเทาไหรในแตละหมวดหม และสามารถกดเขาไปเพอดสนคาในแตละหมวดหมได

รปท 3.25 การสรางหมวดหมสนคาทจะแสดงในหนาแรก

auction.php แสดงรายล ะเอยด หนาหลกของการประมลสน คาโดยการแบงสนคาออกเปน หมวดหมอยางชดเจน และมการบอกสวนประกอบยอยของแตละหมวดหมวาควรจะเปนสนคาชนดใดบางเพอเปนการจดประเภทของสนคาใหงายตอการคนหา และแบงหมวดหมชดเจน ผใชง านสามารถเขามาดสนคาประมลไดจากเมนหนาแรก ซงจะมการออกแบบ ดงรปท 3.26

56

รปท 3.26 หนาหลกของการประมล auction.php

auction_show.php เปนหนาทแสดงรายการประมล

รปท 3.27 หนา auction_show.php

57

Auction_room.php แสดงสวนของหองประมล

รปท 3.28 หนา Auction_room.php

เปนสวนแสดงหองประมล ซงจะแสดงเวลาทเหลอในการประมล และนบถอยหลงไปเรอยๆ นอกจากนยงมระบบ Chat และปมในการกดประมลสนคา เพอใหสมาชกเขามารวมประมลสนคากน ในระบบ จะใช JAVASCRIPT ในการนบถอยหลงเวลาประมล และเมอหมดเวลา คนทกดประมลคนสดทาย

58

จะปนผไดรบสนคาไป โดยจะท าการสงรายละเอยดการช าระคาสนคาพรอมดวยชองทางการ รบสงสนคาไปยง อเมลของสมาชกทานทปดประมล และทานทชนะการประมล โดย JAVASCRIPT ทใชนบถอยหลงเวลาการประมล

3.3.3 การสรางระบบฝากขายสนคา เปนระบบทเปดใหสมาชกน าสนคามาฝากขายกบทางเวบ ซงสมาชกเทานนทจะมสทธในการฝากขายสนคา สวนผใชงานทวไป สามารถเปดดเพอหาสนคาทตองการและตดตอไปยงสมาชกทโพสตฝากขายสนคาโดยตรง ตารางท 3.9 ตารางแสดงระบบฝากขายสนคา

หนาท เพจทเกยวของ แสดงสนคาทฝากขาย product_show.php โพสตสนคาฝากขาย Post_Sell.php, Add_Sell.php แสดงรายละเอยดสนคาฝากขาย Product_Sell.php แกไขขอมลสนคาฝากขาย Edit_Product.php, Edit_Save.php, Check_Password.php ลบขอมลสนคาฝากขาย Delete_Product.php, Pass_Delete.php สมดเยยมชมสนคาฝากขาย Product_Sell.php, Add_Guest.php ตรวจสอบการกรอกขอมล โพสตสนคาฝากขายไมถกตอง

TextError.php

ตรวจสอบการกรอกขอมลสมดเยยมชมสนคาฝากขาย

GuestError.php

59

ระบบฝากขายสนคาหนาตางๆ ในระบบจะเชอมโยงกน แสดงดงรปท 3.29

รปท 3.29 การเชอมตอกนระหวางเพจตางๆ ในระบบฝากขายสนคา

1) ฐานขอมล ระบบฝากขายสนคาใชฐานขอมลเพอบนทกขอมลสนค าและสมดเยยม

ชมในตารา ง selltable ตารางนมทงหมด 14 ฟลด และ guestbook ตารางนมทงหมด 6 ฟลด ตารางท 3.10 ตาราง selltable เกบขอมลสนคาฝากขาย

ชอฟลด ชนด ค าอธบาย หมายเหต ProductID Int (6) รหสสนคา PK, auto_increment Name Varchar (100) ชอสนคา Price Double ราคาสนคา Detail Text รายละเอยดของสนคา ImageName Varchar (100) ชอทอยทเกบรปนไวบน

Server

Image01 Varchar (100) ชอทอยทเกบรปนไวบน Server

60

ตารางท 3.11 ตาราง selltable เกบขอมลสนคาฝากขาย (ตอ)

ชอฟลด ชนด ค าอธบาย หมายเหต Image02 Varchar (100) ชอทอยทเกบรปนไวบน

Server

Catalog Int (11) ประเภทสนคา ProductType Varchar (100) ชนดสนคา Contact Varchar (100) ชอผขายสนคา NumPhone Varchar (100) เบอรโทรศพทผขายสนคา Email Varchar (100) Email ผขายสนคา Date Date วนทตงขายสนคา PassEdit Varchar (100) Password ส าหรบการแกไข

ขอมลสนคา และลบสนคา

ตารางท 3.12 ตาราง guestbook เกบขอมลสมดเยยมชม

ชอฟลด ชนด ค าอธบาย หมายเหต GuestID Int (6) รหสขอความ PK, auto_increment ProductID Int (6) รหสสนคาฝากขาย PK Text Text ขอความแสดงความ

คดเหน

Name Varchar (100) ชอผแสดงความคดเหน

DateGuest Varchar (10) วนทแสดงความคดเหน

TimeGuest Time เวลาทแสดงความคดเหน

61

2) การท างานของระบบฝากขาย จะท างานโดยการทสมาชกตองเขาสระบบเพอทจะท าการฝากขายสนคา และเมอฝากขายแลว สนคาจะอยในระบบฝากขายตามระยะเวลาทก าหนด

3) การแสดงสนคาทฝากขาย การท างานของระบบฝากขายเรมจากระบบท าการเปดเพจ product_show.php ขนมาเพอแสดงขอมลสนคาฝากขาย โดยแสดงขอมลดงน รหสสนคา , รปภาพ, รายละเอยดสนคา, ชนดสนคา และราคาสนคา โดยจะเรยงล าดบตามรหสสนคา กอน- หลง แตถาไมมสนคาฝากขายอยในระบบกจะไมมขอมลของสนคาฝากขายแสดงขนมา ใน เพจ product_show.php นมปมส าหรบโพสตฝากขายสนคา และลงคส าหรบเขาไปดขอมลของสนคาฝากขายทผใชงานสนใจ ทขอความในสวนของรายละเอยดของสนคาฝากขาย

รปท 3.30 หนา product_show.php

62

4) การโพสต ฝากขายสนคาในระบบฝากขาย เมอท าการกดปม POST ในเพจ product_show.php แลวระบบจะ ลงคไปยง เพจ Post_Sell.php ในเพจนประกอบดวยชองกรอกขอมล และปมตกลงส าหรบยนยนการ โพสตขอมล และปม Reset ขอมลทกรอกไว ในการกรอกขอมลสนคาฝากขายจ าเปนตองกรอกขอมล ดงรปท 3.31

รปท 3.31 ขอมลทกรอกในการกรอกขอมลสนคาฝากขาย

หลงจากกรอกขอมลเรยบรอยแลวจงสามารถกดปมตกลงเพอยนยนการ โพสตฝากขายขอมลสนคาเขาในระบบได หรอถาผใชกรอกขอมลผด สามารถกดปม Reset เพอกรอกขอมลใหมได เมอกดปมตกลงระบบจะท าการตรวจสอบขอมลวาขอมลทจ าเปนส าหรบการโพสตฝากขายสนคามการกรอกขอมลครบถวนหรอไม ถาไมระบบจะท าการ Return เพจเพอใหทานกรอกขอมลใหมโดยใช Add_Sell.php เขามาตรวจสอบและสงไปยง เพจ TextError.php แตถาการกรอกขอมลครบถวนระบบจะท าการบนทกขอมลโดยผาน เพจ Add_Sell.php เขาสฐานขอมล และกลบไปยงเพจ product_show.php เพอแสดงสนคาทผใชฝากขายใหผใชเหน

63

รปท 3.32 หนา Post_Sell.php

5) การแสดงรายละเอยดสนคาฝากขาย ในการแสดงสนคาฝากขายอยางละเอยดในแตละสนคานน จะแสดงอยใน เพจ Product_Sell.php โดยในหนานเปน ลงคมาจากการกดขอความรายละเอยดของสนคานนๆ จาก เพจ product_show.php ซง มขอมลดงน รปภาพประกอบ , รหสสนคา, ชอสนคา, รายละเอยดสนคา, ประเภทสนคา, ราคาสนคา, ชอผขาย, เบอรโทรศพทผขาย, Emailผขาย , วนทลงรายการ และมปม 3 ปม คอ ปมกลบหนาหลก โดยจะกลบไปท เพจ product_show.php ปมแกไขขอมลเพอเขาไปแกไขขอมลสนคา และปมลบขอมลเพอลบสนคาออกจากระบบ ในเพจ Product_Sell.php นยงม GuestBook เปนสมดเยยมชมสนคาเพอใหผทตองการซอสนคา และผขายสนคาสามารถตกลงซอขายกนไดภายใน เพจนนๆ เพจนผโพสต ฝากขายสนคา

64

สามารถท าการแกไขขอมลสน คา และลบสนคาออกจากระบบได โด ยการใส Password ลบขอมล และแกไข ขอมลทตนเองตงไวตอน โพสตฝากขาย สนคา สวนผใชทเขาชมสนคาสามารถแสดงความคดเหนผาน GuestBook ได

รปท 3.33 หนา Product_Sell.php

6) การแกไขขอมลสนคาในระบบฝากขาย การแกไขขอมลของสนคาเปนการกด ลงคจากเพจ Product_Sell.php เพอมายงเพจ Edit_Product.phpโดยภายในตว เพจประกอบดวยการแสดงขอมลเกาของสนคาเพอใหแกไข ซงขอมลทสามารถแกไขได คอ ชอหวขอประกาศขาย / ชอสนคา, ประเภทสนคา , หมวดหมสนคา , ราคาสนคา , รายละเอยดสนคา , ชอผขาย , เบอรโทรศพท ผขาย,

65

Email ผขาย และมปม 2 ปม คอ ปม Edit เพอยนยนการแกไข และปม Reset เพอคนคาเดมของขอมลสนคาในระบบ เมอแกไขขอมล และใส Password ส าหรบแกไขขอมลแลวกดปม Edit ระบบจะท าการสงคาไปยง เพจ Edit_Save.php เพอตรวจสอบ Password ทถกตองถา Password ถกตองระบบจะท าการ Update ขอมลใหม แตถา Password ผดพลาดระบบจะท าการแจงวารหสผานไมถกตอง

รปท 3.34 หนา Edit_Product.php

7) การแสดงความคดเหนในสมดเยยมชมสนคาใน เพจ Product_Sell.php มกระดานส าหรบแสดงความคดเหนเกยวกบสนคา หรอจะใชในการตดตอซอขายกไดโดยจะมชองส าหรบใสชอผแสดงความคดเหน กบชองส าหรบกรอกขอความ และมปมตกลงส าหรบยนยนการแสดงควา มคดเหน เมอท าการกดปมตกลง ระบบจะท าการสงขอมลทผใชกรอกไปยง เพจ Add_Guest.php เพอท าการเพมความค ดเหนของผใชเขาสฐานขอมล และมการตรวจสอบขอมลวาผใชกรอกขอมล

66

ครบถวนหรอไม ถาไมระบบจะท าการเรยก เพจ GuestError.php เพอแจงกลบผใชวากรอกขอมลไมถกตอง

รปท 3.35 หนา Product_Sell.phpในสวนของสมดเยยมชม 8) กระบวนการท างานของระบบฝากขายสนคา

product_show.php เรมตนโดยการเปด เพจ product_show.php ซงเปนหนาโชวสนคาทฝากขายทงหมด โดยระบบ จะท าการเชอมตอฐานขอมล MySQL ในสวนของตารางแสดงขอมลใชค าสง while( mysql_fetch_array() ) ของ PHP ปดหวปดทายตาราง เพอใหเกดการวน loop แสดงขอมลทงหมดออกมาหนาเพจ และในสวนของตารางทใชภาษา HTML ในการเขยนจะตองแทรกค าสง <?=$objResult[“ชอคอลมน”];?> ในตารางเพอระบต าแหนงใหขอมลใดแสดงทจดใด ดงรปท 3.36

67

รปท 3.36 การท างานหนาขอมลสนคา (product_show.php)

Post_Sell.php และ Add_Sell.php เรมตนการท างานโดยการกดปม POST จากเพจ product_show.php มายงเพจ Post_Sell.php ซงเพจนมแบบฟอรมส าหรบใหกรอกขอมลสนคาฝากขา ยทผใชตองการฝากขายกบระบบ โดยระบบจะท าการรบขอมลจากท ผใชกรอกขอมลลงในแบบฟอรม และสงคาไปยง เพจAdd_Sell.phpโดยรปแบบการสงคาในฟอรมเปนแบบ $_Post โดยระบบจะรบขอมลจากแบบฟอรม ตามรปท 3 . 37 เมอท าการสงขอมลไปยง เพจ Add_Sell.php โดยการกดปมตกลง ระบบจะท าการเชอมตอฐานขอมล และท าการตรวจเชคความผดพลาดของการกรอกขอมลจากคา $_Post ทไดรบมาจากฟอรมกรอกขอมลหลงจากตรวจสอบขอมล เรยบรอยแลว จงท าการเกบคาจาก $_Post ของฟอรมไปไวในตวแปรตางๆ เมอท าการเกบคาไวในตวแปรเรยบรอยจงท าการ INSERT คาในตวแปรทงหมดไวในฐานขอมล และยตการเชอมตอกบฐานขอมล

68

รปท 3.37 การท างานหนากรอกขอมลสนคาฝากขาย (Post_Sell.php)

Product_Sell.php และ Add_Guest.php เรมท างานเมอกด ลงคทขอความทเปนหวขอของ เพจ product_show.php จะไปยง เพจ Product_Sell.php เปนเพจทแสดงขอมลสนคา และแสดงความคดเหนของสมดเยยมชมสนคา ในสวนของการแสดงขอมลสนคาจะแสดงภาพและรายละเอยดตางๆของสนคาฝากขายนนๆ สวนของสมดเยยมชมสนคาจะแสดงชอผเยยมชม และขอความแสดงความคดเหน กระบวนการท างานของระบ บนเรมจากการเชอมตอฐานขอมลเพอเรยกขอมลออกมาแสดง ในสวนของการแสดงขอมลใชภาษา HTML ในการเขยนแสดงขอมล และดงขอมลจากภาษา PHP ขนมาแสดงยง เพจโดยการดงขอมลในฐานขอมลสนคาใชค าสง <?=$objReuslt[“ชอคอลมน ”]?;> และการดงขอมลจากฐานขอมลสมดเยยมชมเปนการดงขอมลมาแสดงทงหมดจงตองใชค าสง while($objResult1 = mysql_fetch_array($objQuery1)) ปดหว ปดทายตารางทเขยนดวยภาษา HTML สวนของตารางทใชภาษา HTML ในการ

69

เขยนจะตองแทรกค าสง <?=$objResult[“ชอคอลม น”];?> ในตารางเพอระบต าแหนงใหขอมลใดแสดงทจดใด ดงรปท 3.38

รปท 3.38 สวนแสดงสนคาฝากขาย (Product_Sell.php)

ในสวนของสมดเยยมชมนนท าหนาทแสดงขอมลทเปนขอความทงหมดเฉพาะของสนคานน โดยการยดจากรหสของสนคาท เพจไดรบมาน าไปคนหาใน

70

ฐานขอมล และแสดงออกมายงตารางแสดงขอมลของสมดเยยมชม โดยตองใชค าสง while( mysql_fetch_array() ) ของภาษา PHP ปดหวปดทายตาราง เพอใหเกดการวน loop แสดงขอมลทงหมดออกมา ยงเพจ และในตารางทเขยนดวยภาษา HTML จะตองแทรกค าสง <?=$objResult1[“ชอคอลมน ”];?> ในตารางเพอระบต าแหนงใหขอมลใดแสดงทจดใด ดงรปท 3.39 การแสดงความคดเหนบนกระดาน ขอความของสมดเยย มชม ท าไดโด ยการกรอกชอผแสดงความคดเหน และขอความลงในฟอรมทเพจจดไวให เมอกรอกขอมลเรยบรอยจงกดปม ตกลง เพอแสดงความคดเหนบนสมดเยยมชม ระบบจะท าการสงขอมลจากฟอรมออกไปแบบ $_Post ไปยงเพจ Add_Guest.php กระบวนการการท างานของ Add_Guest.php เรมจากการเชอมตอกบฐานขอมล จากนนรบคาจากจากฟอรมมาเกบไวในตวแปรแตละตวทงหมด และตรวจสอบความผดพลาดของการกรอกขอมลวาวางเปลาหรอไม ตวแปรทเกบจะเกบคา ชอผแสดงความคดเหน , ขอความแสดงความคดเหน , วนททแสดงความคดเหน และเวลาทแสดงความคดเหน หลงจากเกบคาตางๆไวในตวแปรเรยบรอยแลว ระบบจะท าการ INSERT ขอมลในตวแปรลงในฐานขอมลสมดเยยมชม

รปท 3.39 สวนแสดงความคดเหนของสมดเยยมชม (Product_Sell.php)

71

Edit_Product.php และ Edit_Save.php การแกไขขอมลสนคาฝากขายนนมกระบวนการโดย เรมจากการกดปม แกไขขอมล จาก เพจ Product_Sell.php ระบบจะท าการสงคา id ทเปนรหสสนคาไปในรปแบบ ของ $_Get ไปยงเพจEdit_Product.php เพอใหเพจ Edit_Product.php ใชคา id ในการเรยกขอมลจากฐานขอมลมาแกไขได โดยเรมจากการเชอมตอฐานข อมลเพอเรยกขอมลสนคาออกมาโดยอางจากคา id ทไดรบมาจากฟอรมของ เพจ Product_Sell.php และดงขอมลออกมาจากฐานขอมลโดยอางจากรหสสนคาหลงจากนน ระบบจะท าการดงขอมลมาใสไวในฟอรมใน เพจ Edit_Product.php ทเขยนดวยภาษา HTML เพอใหผใชสามารถแกไขขอมลในแบบฟอรมได คลายๆกบการ โพสตสนคาใหม โดยใน Textbox ของฟอรมแตละอน จะตองก าหนดคณสมบตเปน value="<?=$objResult["ชอคอลมน"]"; ดงรปท 3.40 หลงจากแกไขขอมลแลวใหใส Password ลงใน TextBox การใส Password เพอเปนตวยนยนวาเปนผโพสตสนคานจรงหรอไม จากนนกดปม Edit เพอแกไขขอมลโดยระบบจะสงขอมลทแกไขออกไปเปนแบบ $_Post ไปยงเพจ Edit_Save.php กระบวนการท างานของ เพจ Edit_Save.php เรมจากการเชอมตอกบฐานขอมล และเกบคา $_Post ทไดจากฟอรมของเพจ Edit_Product.php ไปไวในตวแปรตางๆ จากนนท าการตรวจสอบ Password ในตวแปร $Pass กบ Password วาตรงกนหรอไม ถาตรงกนระบบจะท าการ Update ขอมลทแกไข แตถาไมตรงกนระบบจะแจงวารหสผานไมถกตอง

72

รปท 3.40 สวนของแกไขขอมลสนคา (Edit_Product.php)

Pass_Delete.php และ Delete_Product.php เรมการท างานจากการก ดปมลบ

ขอมลทเพจ Product_Sell.php ระบบจะท าการสง คาใน DelID ไปในรปแบบของ $_Get ไปยงเพจ Pass_Delete.php เพอให เพจ Pass_Delete.phpใช DelID ในการเรยกชอรปภาพหลก และภาพประกอบอก 2 ภาพ มาไวในฟอรมเพอเตรยมสงไปให เพจ Delete_Product.php เพอใชในการลบรปภาพออกจาก Server หลงจากการตรวจสอบ Password ถกตองกระบวนการดงกลาวเรมจากการเชอมตอฐานขอมลจากนนเกบคาทไดมาจากรปแบบ $_Get ไวในตวแปรเพอน าไปเปรยบเทยบกบ Password ทรบเขามาใหม จากนนเกบคา ID และเกบชอรปภาพทง 3 รปไวในฟอรมโดยใสไวใน Textbox ท Hidden เอาไว 3 Textbox ดงรปท 3.37 ในเพจ Pass_Delete.php หลงจากใส Password และกด

73

ปม Delete ระบบจะสงคาทอยในฟอรมและ Password ทไดรบทงหมดไปยงเพจ Delete_Product.php ในรปแบบของ Post และเมอระบบสงคามายง เพจ Delete_Product.php กระบวนการลบขอมลสนคาจะเรมจากการเชอมกบฐานขอมลจากนนเกบคา Post ทไดจากฟอรมใน เพจ Pass_Delete.php ไปไวในตวแปรใหม และตรวจเชค Password ทรบมาใหมกบ Password ในฐานขอมลวาตรงกนหรอไม ถาตรงกนระบบจะท าการลบรปภาพ สามภาพใน Server ออกกอนดวยค าสง unlink("ทอยของรปภาพ "); และท าการลบขอมลสนคาในฐานขอมลโดยยดจากคาใน $DelID ตรงกบคา ProductID ทเปน Primary Key ในฐานขอมล แตถา Password ไมตรงกน ระบบจะท าการแจงวารหสผานไมถกตอง

รปท 3.41 ค าสงเรยกคามาแสดงใน TextBox 3.3.4 การสรางระบบเวบบอรด ใชส าหรบสมาชกมา โพสต แจงปญหา หรอแสดงความคดเหนเพอทผดแลระบบ หรอผทรมาตอบค าถามได โดยจะอยท Top Menu ตารางท 3.13 ตารางแสดงการสรางระบบเวบบอรด

หนาท เพจทเกยวของ แสดงกระทค าถาม main_webboard.php ตงกระทค าถาม new_topic.php , add_question.php แสดงรายละเอยดกระท topic_details.php ตอบค าถามกระท add_answer.php ลบกระทค าถาม Delete_topic.php , passdel_webboard.php ลบค าตอบกระท Delete_answer.php , passdel_answer.php เชอมตอฐานขอมล config.inc.php

74

เพจตางๆในระบบจะเชอมโยงกน ดงรปท 3.42

รปท 3.42 เพจตางๆในระบบเวบบอรด

1) ฐานขอมลระบบเวบบอรดใชฐานขอมลเพอบนทกขอมลกระทค าถาม และค าตอบในตาราง question มทงหมด 7 ฟลด และ answer มทงหมด 5 ฟลด ตารางท 3.14 ตารางแสดง question เกบขอมลกระท

ชอฟลด ชนด ค าอธบาย หมายเหต qid Int (4) รหสกระท PK, auto_increment qtopic Text หวขอกระท qmessage Longtext ขอความในกระท qname Varchar (20) ชอผตงกระท qdate Varchar (20) วนทตงกระท qreply Int (4) จ านวนผตอบกระท passdel Varchar (12) Password ส าหรบลบ

กระท

75

ตารางท 3.15 ตารางแสดง answer เกบขอมลสนคาฝากขาย

ชอฟลด ชนด ค าอธบาย หมายเหต aid Int (4) รหสค าตอบ PK, auto_increment qid Int (4) รหสกระท PK aname Varchar (20) ชอผตอบ amessage Longtext ค าตอบ adate Varchar (20) วนทตอบค าถาม

2) การท างานของระบบเวบบอรด การแสดงกระทค าถามการท างานของระบบเวบ

บอรด เรมจากระบบท าการเปด เพจ main_webboard.php ขนมาเพอแสดงกระทค าถามทงหมดทมผใชอนๆ โพสตไว หรอยงไมมกตามในเพจนจะแสดงรายละเอยดของกระท ดงน ล าดบกระท , ชอกระท, ชอผโพสตกระท , วนทโพสตกระท และจ านวนผ ตอบกระท นอกจากนนยงมปมตงกระทเพอใหผใชตงกระทใหมได

รปท 3.43 หนา main_webboard.php

76

3) การตงกระทค าถาม ตองกดปมตงกระท จากเพจ main_webboard.php เพอลงคไปยงเพจ new_topic.php เพอกรอกขอมลในการตงกระทค าถาม โดยขอมลทจ าเปนตองกรอก คอ หวขอกระท , รายละเอยดกระท , ชอผโพสตกระท และรหสส าหรบลบกระท หลงจากกรอกขอมลเรยบรอยใน เพจนจะมปมอย 2 ปม คอ ปมตงกระทใหมเพอตงกร ะทค าถามทผใชกรอกขอมลไป และปมลบให มเพอลบขอมลทผใชกรอกไป หลงจากกดปมตงกระทใหมระบบจะ สงขอมลไปยงเพจ add_question.php เพอท าการตรวจสอบการกรอกขอมลทถกตอง และบนทกขอมลลงในฐานขอมล และกลบไปยงเพจ main_webboard.php เพอแสดงกระทใหมทผใชสราง

รปท 3.44 เพจ new_topic.php 4) การแสดงรายละเอยดของกระทค าถาม เปนการเปด เพจจากการกด ลงค จากขอความรายละเอยดของ เพจ main_webboard.php เมอผใชกดแลว ระบบจะเปด เพจ topic_details.php โดยการดงขอมลทงหมดของกระทค า ถามนนจากฐานขอมลขนมาแสดง โดยแสดงรายละเอยดดงน หวขอกระท, รายละเอยดกระท, ชอผโพสต และวนทโพสต นอกจากนนยงแสดงค าตอบของกระทดานลาง

77

รปท 3.45 หนา topic_details.php สวนของหวกระท

รปท 3.46 หนา topic_details.php สวนของกระดานตอบค าถาม

78

5) การโพสตตอบค าถามในกระท การโพสตตอบค าถามนนมแบบฟอรมส าหรบกรอกขอมลอยท เพจ topic_details.php ซงสามารถกรอกขอมลไดเลย โดยตองกรอกชอผตอบค าถาม และค าตอบลงในแบบฟอรม นอกจากนนยงมปมอก 3 ปม คอ ปมตอบค าถามส าหรบ โพสตค าตอบโดยการสงขอมลไปยง เพจ add_answer.php เพอบนทกขอมลลงในฐานขอมล และกลบมายงเพจ topic_details.php เพอแสดงค าตอบทผใชตอบไป สวนปม Reset เพอลางขอมลทกรอกไป และปมกลบหนาแรกเพอกลบไปทเพจ main_webboard.php จะเหนไดดงรปท 3.46

6) การลบกระทค าถาม และการลบค าตอบ การลบกระทค าถามสามารถลบไดใน เพจ topic_details.phpโดยการกดปมลบ ระบบจะลงคไปยงเพจ passdel_webboard.php ในเพจนระบบจะใหผใชใสรหสส าหรบลบขอมลโดยผ โพสตกระท เทานนทรรหสลบกระทน หลงจากใสรหส และกดปม Delete ระบบจะท าการสงขอมลไปยง เพจ Delete_topic.php เพอลบกระทนออกจากฐานขอมล และกลบไปยงเพจ main_webboard.php

การลบค าตอบท าโดยวธการเชนเดยวกบการลบกระทค าถาม แตเพยงเลอกกดค าวา “ลบ” ทค าตอบทผใชตองการลบ ระบบจะ ลงคไปยงเพจ passdel_answer.php ในเพจนระบบจะใหผใชใสรหสส าหรบลบขอมลโดยผโพสตกระทเทานนทรรหสลบค าตอบน หลงจากใสรหส และกดปม Delete ระบบจะท าการสงขอมลไปยง เพจ Delete_answer.php เพอลบค าตอบนออกจากฐานขอมล และกลบไปยงเพจ topic_details.php จะเหนวาค าตอบทลบนนหายไปเรยบรอย

รปท 3.47 หนา passdel_topic.php

79

รปท 3.48 หนา passdel_answer.php 7) กระบวนการท างานของระบบเวบบอรด

config.inc.php และ main_webboard.php เรมตนโดยท าการเปด เพจหลกของระบบ คอ เพจ main_product.php ซงเปนหนาโชวกระทค าถามทงหมดทมผตงไว โดยระบบท าการเชอมตอฐานขอมล MySQL โดย include config.inc.php มาใชงา น ใน config.inc.php มค าสงในการเชอมตอฐานขอมลเมอท าการเชอมตอฐานขอมลโดยการใชค าสง include config.inc.php จากนนระบบจะท างานในเพจ main_webboard.php ตอ โดยการเรยกขอมลในฐานขอมลออกมาแสดงยงตารางทเขยนแสดงผลไวดวยภาษา HTMLในสวนของตารางแสดงขอมลใชค าสง while( mysql_fetch_array() ) ของ PHP ปดหวปดทายตาราง เพอใหเกดการวน loop แสดงขอมลทงหมดออกมาหนา เพจ และในสวนของตารางทใชภาษา HTML ในการเขยนจะตองแทรกค าสง <?=$objResult[“ชอคอลมน”];?> ในตางรางเพอระบบต าแหนงใหขอมลใดแสดงทจดใด

80

รปท 3.49 ต าแหนงการวางโปรแกรมหนาเวบบอรด (main_webboard.php)

new_topic.php และ add_question.php เรมโดยการกดปมตงกระทจาก เพจ main_webboard.php มายงเพจ new_topic.php ซงเพจนมแบบฟอรมส าหรบการตงกระทค าถาม โดยระบบจะท าการรบขอม ลจากผใชกรอกขอมลลงในฟอรม และสงคาไปยง เพจ add_question.php โดยรปแบบการสงคาในแบบฟอรมเปนแบบ $_Post โดยระบบจะรบขอมลจากแบบฟอรม ดงรปท 3.50 เมอท าการสงขอมลไปยง เพจ add_question.php โดยการกดปมตงกระทใหม ระบบจะท าการเชอมตอฐานขอมลโดยการ include config.inc.php จากนนท าการตรวจเชคความผดพลาดของการกรอกขอมลจากคา $_Post ทไดรบมาจากฟอรมกรอกขอมล และท าการเกบคาจาก $_Post ของฟอรมไปไวในตวแปรตางๆเมอท าการเกบคาไวในตวแปรเรยบรอยจงท าการ INSERT คาในตวแปรทงหมดไวในฐานขอมล และยตการเชอมตอกบฐานขอมล

81

รปท 3.50 ต าแหนงการกรอกขอมลตงกระท (new_topic.php)

topic_details.php และ add_answer.php เรมท างานเมอกดลงคทขอความทเปนหวขอของเพจ main_webboard.php จะไปยงเพจ topic_details.php ซงเปนเพจทแสดงขอมลกระทค า ถาม และแสดงค าตอบของกระทนน ในสวนของการแสดงขอมลก ระทจะแสดงรายละเอยดของกระท , ชอผตงกระท แล ะวนทตงกระท สวนของกลองแสดงค าตอบจะแสดงชอผตอบ และค าตอบ กระบวนการท างานของระบบนเรมจากการเชอมตอฐานขอมลโดยการ include config.inc.php เพอเรยกขอมลออกมาแสดงในสวนของการแสดงขอมลใชภาษา HTML ในการเขยนแสดงขอมล และดงขอมลจากภาษา PHP ขนมาแสดงยงเพจโดยการดงขอมลในฐานขอมลเวบบอรด จะใชค าสง <?=$objReuslt[“ชอคอลมน”]?;> และการดงขอมลจากฐานขอมลแสดงความคดเหนเปนการดงขอมลมาแสดงทงหมดจงตองใชค าสง while($objResult1 = mysql_fetch_array ($objQuery1)) ปดหวปดทายตารางทเขยนดวยภาษา HTML สวนของตารางทใชภาษา HTML ในการเขยนจะตองแทรกค าสง <?=$objResult[“ชอคอลมน”];?> ในตารางเพอระบต าแหนงใหขอมลใดแสดงทจดใด ดงรปท 3.51

82

รปท 3.51 ต าแหนงแสดงขอมลกระท (topic_details.php)

ในสวนของกลองแสดงค าตอบ จะท าหนาทแสดงขอมลทเปนค าตอบทงหมดเฉพาะของกระทค าถามนน โดยการยดจากรหสของกระทท เพจไดรบมาน าไปคนหาในฐานขอมล และแสดงออกยงตารางแสดงขอมลของกลองแสดงค าตอบตองใชค าสง while( mysql_fetch_array() ) ของภาษา PHP ปดหวปดทายตาราง เพอใหเกดการวน loop แสดงขอมลทงหมดออกมา ยงเพจ และในตารางทเขยนดวยภาษา HTML จะตองแทรกค าสง <?=$objResult1[“ชอคอลมน ”];?> ในตารางเพอระบต าแหนงใหขอมลใดแสดงทจดใดดงรปท 3.52 การแสดงค าตอบบนกระดานขอความ ท าไดโดยการกรอกชอผตอบ และค าตอบลงในฟอรมทเพจจดไวใหเมอกรอกขอมลเรยบรอยจงกดปมตอบค าถาม เพอแสดงค าตอบบนกระดานขอความ ระบบจะท าการสงขอมลจากฟอรมออกไปแบบ $_Post ไปยงเพจ add_answer.php กระบวนการการท างานของ add_answer.php เรมจากการเชอมตอกบฐานขอมล โดยการ include config.onc.php จากนนรบคาจากจากฟอรมมาเกบไวในตวแปรแตละตวทงหมด และตรวจสอบความผดพลาดของการกรอกขอมลวาวางเปลาหรอไม ต วแปรทเกบจะเกบคา ชอผตอบ, ค าตอบ และวนททแสดงค าตอบหลงจากเกบคาตางๆไวในตวแปรเรยบรอยแลว ระบบจะท าการ INSERT ขอมลในตวแปรลงในฐานขอมลค าตอบ

83

รปท 3.52 ต าแหนงขอมลค าตอบ (topic_details.php)

passdel_webboard.php และ Delete_topic.php เรมการท างานจากการกดปม ลบทเพจ topic_details.php ในสวนของกระทค าถาม ระบบจะท าการสง delid ในรปแบบของ Get ไปยงเพจ passdel_webboard.php มาไวในฟอรมเพอเตรยมสงไปให เพจ Delete_topic.php เพอใชในการลบกระทค าถาม หลงจากการตรวจสอบ Password ถกตอง กระบวนการดงกลาวเรมจากการเชอมตอฐานขอมลจากนนเกบคาทไดมาจากรปแบบ ของ $_Get ไวในตวแปรเพอน าไปเปรยบเทยบกบ Password ทรบเขามาใหม ดงนน เพจ passdel_webboard.php จะตองสงคา delid ทเปนรหสของกระทค าถามกบ Password ใหมทรบเขามาจากฟอรมกรอกรบ Password สงไปยงเพจ Delete_topic.php ในรปแบบของ $_Post เพอใชในการลบกระทค าถาม และค าตอบในกระทค าถามนนทงหมด กระบวนการท างานของ เพจ Delete_topic.php เรมจากการเชอมตอฐานขอมล จากนนเกบคา $_Post ทไดจากฟอรม ในเพจ passdel_webboard.php ไปไวในตวแปรใหม และตรวจเชค Password ทรบมาใหมกบ Password ในฐานขอมลวาตรงกนหรอไม ถาตรงกนระบบจะท าการลบขอมลกระทค าถาม และค าตอบของกระทค าถามนนในฐานขอมลโดยยดจากคาใน $delid ตรงกบคา qid ทเปน

84

Primary Key ในฐานขอมลแตถา Password ไมตรงกน ระบบจะท าการแจงวา ไมสามารถลบกระท

passdel_answer.php และ Delete_answer.php เรมการท างานจากการกดปม ลบ ทเพจ topic_details.php ในสวนของกลองแสดงค าตอบ ระบบจะท าการสง delaid ไปในรปแบบของ $_Get สงไปยงเพจ passdel_webboard.php มาไวในฟอรมเพอเตรยมสงไปให เพจ Delete_answer.php เพอใชในการลบค าตอบ หลงจากการตรวจสอบ Password ถกตอง กระบวนการดงกลาวเรมจากการเชอมตอฐานขอมลจากนนเกบคาทไดมาจากรปแบบ $_Get ไวในตวแปรเพอน าไปเปรยบเทยบกบ Password ทรบเขามาใหมดงนนเพจ passdel_answer.phpจะตองสงคา delaid ทเปนรหสของค าตอบ กบ Password ใหมทรบเขามาจากฟอรมกรอกรบ Password สงไปยง เพจ Delete_answer.php ในรปแบบของ $_Post เพอใชในการลบค าตอบในกระทค าถามนนเพยงค าตอบเดยว กระบวนการท างานของเพจ Delete_answer.php เรมจากการเชอมตอฐานขอมล จากนนเกบคา $_Post ทไดจากฟอรมใน เพจ passdel_answer.php ไปไวในตวแปรใหม และตรวจเชค Password ทรบมาใหมกบ Password ในฐานขอมลวาตรงกนหรอไม ถาตรงกนระบบจะท าการลบค าตอบของกร ะทค าถามนนในฐานขอมลโดยยดจากคาใน $delaid ตรงกบคา aid ทเปน Primary Key ในฐานขอมล แตถา Password ไมตรงกน ระบบจะท าการแจงวาไมสามารถลบค าตอบได

บทท 4 ผลการด าเนนงาน

การทดสอบการใชง านเปนสวนส าคญในการพฒนาระบบ ประมลสนคาออนไลน และอยในหลกการ SDLC เพราะเมอมการวเคราะห วางแผนก าหนดขอบเขต ออกแบบ และทดสอบการท างานของระบบ ประมลสนคาออนไลน แลว ก จะสามารถสรปผลการใชงานของระบบ ประมลสนคาออนไลน ได วามความ ประสบผลส าเรจ หรอตองปรบปรงแกไขอยางไรบาง ซงใน ระบบประมลสนคาออนไลนนนมผลการด าเนนงาน ดงน 4.1 ผลการด าเนนงานของระบบประมลสนคาออนไลน แบงการท างานของระบบประมลสนคาออกเปน 3 ระดบ คอ

4.1.1 ระดบผใชงานทวไป ในระดบ ผใชงานทวไป คอ ผทเขามา อานขาวสาร หรอใชบรการตางๆของเวบ จะสามารถใชงานระบบไดแคบางสวน คอ การอานบทความขาวสาร การดประกาศฝากขายสนคา การดสนคาประมล แตไมมสทธในการเปด และเขารวมประมลสนคา ไมมสทธในการฝาก และดรายละเอยดสนคาฝากขาย

4.1.2 ระดบสมาชก ในระดบสมาชกผใชงานจะตองสมครเปนสมาชกโดยการเขาไปท เมนสมครสมาชกเมอสมคสมาชกแลว ผใชงานสามารถเขาสระบบสมาชกเพอใชงานระบบ โดยมสทธใชงานระบบไดทกอยางไมวาจะเปนการเปดประมลสนคา เขารวมการประมล น าสนคามาฝากขาย ดรายละเอยดสนคาฝากข าย เขยนบทความ ดบทความทงหมด แตจะจ ากดปรมาณขนอยกบระดบเครดตของสมาชกแตละคน 4.1.3 ระดบผดแลระบบ ในระดบผดแลระบบ สามารถท าการลอกอนเขาสระบบ เพอจดการกบระบบทงหมดได โดยมเมนซพพอรทการใชงานตางๆ ไวมากมายเพอจดการกบสวนตางๆของ เวบ อกทงยงมเมน ตดตอกบคอนโทรลพาเนลของเวบเซรฟเวอรทเวบใชบรการ

86

4.2 การทดสอบการใชงานระบบประมลสนคาออนไลน การทดสอบการใชงาน ระบบประมลสนคาออนไลน มผลการด าเนนงานตามขนตอนตางๆ ดงน 4.2.1 หนาหลกของเวบ การเขาสหนาแรกของระบบทงหมดดงรปท 4.1 ในหนานจะมสสวน คอ สวนของเมนดานบน สวนของเมนดานขาง สวนของการแสดงเนอหาตรงกลาง และสวนประกอบอนๆ หนาหลกจะเปนหนาทมลงคเชอมตอไปยงสวนตางๆ ของระบบ และมลงคขาวสารจากระบบ เพออพเดทใหผใชงานไดทราบ ซงการทดสอบการใชงานสามารถแสดงผลไดด ใชงานไดทกอยาง

รปท 4.1 การทดสอบหนาหลกของเวบ (index.php)

87

4.2.2 หนาสมครสมาชก (register) การสมครสมาชกเพอใชงานระบบ เขามาใชง าน ดงรปท 4.2 ไดโดยการเลอกท เมนดานบนสดของเวบล าดบทสอง ชอวา register เมอคลกทเม นจะเขามาสหนาสมครสมาชก ซงจะมแบบฟอรมการสมครสมาชกใหกรอกรายละเอยด ดงรปท 4.3

รปท 4.2 การทดสอบแบบฟอรมสมครสมาชก

88

รปท 4.3 การทดสอบแบบฟอรมการสมครสมาชก จากรปท 4.3 แสดงแบบฟอรมการสมครสมาชก โดยจะมชองใหกรอกรายละเอยดตางๆ ถากรอกไมถกตอง จะมค าเตอนมาเตอนในพนทวางหลงชอง โดยชองสเหลอง คอ ขอมลส าคญทตองกรอก และมการเชคความถกตองของขอมล สวนชองสขาว คอ ขอมลทวไปของสมาชก ทงนสมาชกควรทจะกรอกขอมลทถกตอง และครบถวนทกชองเพอสทธ และประโยชนของสมาชก โดยถาหากสมาชกกรอกขอมลชองสเหลองไมถกตอง ระบบจะแจงเตอน และไมยอมใหสมครสมาชก ดงรปท 4.4 และถาขอมลทงหมดถกตองระบบจะแจงวาถกตอง ดงรปท 4.5

89

รปท 4.4 การทดสอบความผดพลาดในการสมครสมาชก

รปท 4.5 การทดสอบความถกตองในการสมครสมาชก

จากรปท 4.4 และ 4.5 แสดงการตรวจเชคความถกตองของ การสมครสมาชก โดย ทอย Email จะตองกรอกรปแบบ Email ทถกตองจงจะผาน และตองไมซ า กบ Email ทมอยแลวในระบบ และตองยนยน Email เดมอกครงเพอแนใจวาไมไดพมพผด ชอผใชกเชนเดยวกน ตองไมซ ากบชอผใชทมอยแลวในระบบ ตามดวยรหสผานอกสองครง

90

รปท 4.6 การทดสอบการสมครสมาชก

จากรปท 4.6 แสดงการกรอกขอมลการสมครสมาชกครบ เสรจแลวท าการกดปมตรง REGISTER จากนนระบบจะบนทกขอมลลงฐานขอมล และสงลงคยนยนการสมค รสมาชก ไปยงอเมลทใชสมคร ดงแสดงในรปท 4.7 เมอกดลงคยนยนแลว สมาชกกสามารถเขาสระบบเพอใชงานสวนตางๆของเวบไดตอไป

รปท 4.7 การทดสอบอเมลทระบบสงลงคยนยนการสมครสมาชกมาให

91

ตารางท 4.1 ผลการทดสอบการสมครสมาชก จ านวน 10 คน

ครงท ชอ User Email SID ผลลพธ 1 aragon_k20 aragon_k20@hotmail.com 6f7da78bda17b1f9c

a6a386b8971bfc7

2 wariswong kaquinova@hotmail.com 97c91352fb381c1298734add5cdd3aaf

3 Kittikorn hlan_tom@hotmail.com 45744ba7682f1d9bb36d68fa240f8553

4 sakunphot chijaez@gmail.com b1d3451db9aa7f2f023968f7c473e022

5 Deow pitsanupotajan@gmail.com fdbdf24e412a13c81ebcd38772677f35

6 kittipeet Junctionaof@hotmail.com 189169428e6c0864126d18c8d3b979aa

7 dragon peachaof.dragon@gmail.com df62ee672d27637c882ff7210c7b7240

8 anabiz anabiz@hotmail.com 5b9be48730750e26afcc599ecda7fa80

9 narapj nnp_j@hotmail.com 5b9be48730750e26afcc599ecda7fa80

10 Bowling xloger@hotmail.com 5b9be48730750e26afcc599ecda7fa80

ผลรวมความถกตองของขอมล 100 %

92

4.2.3 การเขาสระบบ ในระดบสมาชก แบบฟอรมการเขาสระบบ ดงรปท 4.8 ซงจะมอยในทกๆหนา หากยงไมไดเขาสระบบ สามารถกรอก Username และ Password เพอเขาสระบบ และมการเชควาเปนผใชงานจรงๆ ไมใช SPAM โดยการกรอกรหสภาพ ซงจะปรากฏขนด านลาง ชองใหกรอก พาสเวรด ใหใสรหสใหตรงกบรปภาพ ในชอง Code แลวกด Login เพอเขาสระบบได หากการเขาสระบบของทานถกตอง จะม POPUP ขนมา ดงรปท 4.9 แตถาผดพลาดระบบจะแจงเตอน ดงรปท 4.10

รปท 4.8 การทดสอบเขาสระบบสมาชก

รปท 4.9 การทดสอบขอความตอนรบเมอเขาสระบบถกตอง

93

รปท 4.10 การทดสอบขอความตอนรบเมอเขาสระบบผดพลาด

รปท 4.11 การทดสอบสถานะ การเขาสระบบ

จากรปท 4.11 เมอขอมลการเขาสระบบถกตอง รหสลบตรงกบรปภาพ ระบบจะขน POPUP ขอความยนดตอนรบเขาสระบบ เม อกดตกลง ระบบจะน าทานไปยงหนา โปรไฟลสวนตว ดงรปท 4.6 เมอใชงานสวนตางๆตอไป และแบบฟอรมเขาสระบบจะเปลยนมาเปนแบบฟอรมแสดงสถานะ การเขาสระบบแทน ดงรปท 4.11 แตถากรอก Username ผด หรอ Password ผด หรอ รหสลบไมตรงกบภาพ ระบบจะแจงเตอน ดงรปท 4.10 และพาทานกลบไป Login ใหม

94

ตารางท 4.2 ผลการทดสอบการเขาสระบบ โดยใชรหสผานทถกตอง จ านวน 10 คน

ครงท ชอ User Password ชอ – นามสกล ผลลพธ 1 aragon_k20 201230 อาจณรงค เกดผล

2 wariswong 115130462021 วรศวงษ วสรตนธวชกล

3 Kittikorn kittikorn51 Kittikorn Sukchan

4 sakunphot 039327954 สกลพจน ยมขลบ

5 Deow pit3128 Pitsanu Potajan

6 kittipeet l6fmujiyd กตตพชญ ดหน

7 dragon l6fmujiyd กตตพชญ ดหน

8 anabiz 123456789 ภรวฒน เลศวรยะปต

9 narapj 123456 นราทพย ปงใจ

10 Bowling 1234 จกรกฤษณ อทยรศม

ผลรวมความถกตองของขอมล 100 %

ตารางท 4.3 ผลการทดสอบการเขาสระบบ โดยใชรหสผานทไมถกตอง จ านวน 10 คน

ครงท ชอ User Password ชอ – นามสกล ผลลพธ 1 aragon_k20 201123 อาจณรงค เกดผล

2 wariswong 115130462021-7 วรศวงษ วสรตนธวชกล

3 Kittikorn kotikorn52 Kittikorn Sukchan

4 sakunphot จ-ต-/ตถภ สกลพจน ยมขลบ

5 Deow pot3127 Pitsanu Potajan

6 kittipeet สดทรก กตตพชญ ดหน

7 dragon l6fmujiyddd กตตพชญ ดหน

8 anabiz /-ภถคต ภรวฒน เลศวรยะปต

9 narapj /-ภถ นราทพย ปงใจ

10 Bowling 123456 จกรกฤษณ อทยรศม

ผลรวมความผดพลาดของขอมล 100 %

95

รปท 4.12 การทดสอบหนาโปรไฟลสวนตว

จากรปท 4.12 เปนหนาโปรไฟล ซง ประกอบดวยขอมลของ USER และ User Menu ซงสมาชกสามารถท าทกอยางไดผานทางเมนน โดยเมนนแบงออกเปนสสวน ไดแก

1) สวนของขอมลสวนตว สมาชก สามารถแกไ ขขอมลสวนตว เปลยนรปประจ าตว เปลยน Password และออกจากระบบสมาชกได

2) สวนของระบบประมลสนคา สมาชกสามารถเปดปร ะมลสนคา คนหาสนคาประมล ปฏทนการประมล และคนหาการประมลของตนเองไดผานทางเมนน

3) สวนของ ระบบประมลสนคาออนไลน สามารถ เปดปร ะมลสนคา คนหาสนคาประมล ดปฏทนการประมล และดสนคาประมลทตนเองเปดไวได

4) สวนของระบบฝากขายสนคา สามารถน าสนคามาฝากขาย คนหาสนคาฝากข าย ดรายการสนคาฝากขายทงหมด และดสนคาฝากขายของตนเองได

5) สวนของระบบบทความขาวสาร สามารถ เขยนบทความ คนหาบทค วาม ดบทความทงหมด สามารถลบ และแกไขบทความทตนเองเคยเขยนได

96

รปท 4.13 การทดสอบเมนสมาชก

รปท 4.14 การทดสอบดรายละเอยดขอมลสวนตว

97

รปท 4.15 การทดสอบแกไขขอมลสวนตว

เมอสมาชกกดปม แกไขขอมลสวนตว ระบบจะแสดงขอมลส วนตวของสมาชก ถาตองการจะแก กใหคลกทแกไขขอมลสวนตว ระบบกจ ะแสดงฟอรมใหแกไขขอมลสวนตว ซงจะคลายกบฟอรมสมครสมาชก แตสงทแกไขไมได คอ ชอสมาชก และอเมล เมอคลกปม Edit จะม POPUP แสดงขอความวาแกไขขอมลเสรจสน ดงรปท 4.16

รปท 4.16 การทดสอบขอความเมอแกไขขอมลสวนตวเสรจสน

98

ตารางท 4.4 ผลการทดสอบการแกไขขอมลของสมาชก จ านวน 10 คน

ครงท ชอ User แสดงขอมลเดม แกไขขอมลใหม ผลลพธ 1 aragon_k20 Tel. 0845256541 Tel. 0876729415

2 wariswong เพศ.ญ เพศ.ช

3 Kittikorn สญชาต Korea สญชาต Thailand

4 sakunphot Tel. 039548562 Tel. 039327954

5 Deow จงหวด ปทมธาน จงหวด อบลราชธาน

6 kittipeet 199/158 ม.3 อาคารบานเรา เลขท 130/49 หม 4 ซอย บญชา-ปราณ

7 dragon วนเกด 17/07/2535 วนเกด 08/05/2530

8 anabiz สญชาต Indea สญชาต Thailand

9 narapj จงหวด ปทมธาน จงหวด เชยงราย

10 Bowling Tel. 085478524 Tel. 0847817728

ผลรวมความถกตองของขอมล 100 %

รปท 4.17 การทดสอบเปลยนรปภาพประจ าตว

99

จากรปท 4.17 แสดงหนาเปลยนรปภาพแสดงตว โดยการคลกทลงค เพอเรยกไฟลรปภาพจากเครองของค ณอพโหลดไปยงเวบ โดยเมอกดอพโหลดแลว จะเปนดงรปท 4.18 ใหท าการ Crop รปภาพ เพอใชโชว เปนภาพขนาดเลก แทนตวคณ โดยการคลก เมาสคางแลวลากก าหนดขอบเขตในการ Crop เสรจแลวใหกดปม Save Thumbnail ตามดวยกดปม Upload

รปท 4.18 การทดสอบการเลอกขอบเขตภาพประจ าตว

รปท 4.19 การทดสอบเปลยนพาสเวรด

100

จากรปท 4.19 แสดงการเปลยนพาสเวรด โดยตองใส พา สเวรดเดม และใสพาสเวรดใหมสองครงเพอยนยนการเปลยนหากเปลยนเสรจสนจะม POPUP ขนมาแจงเตอนวาท าการเปลยนพาสเวรดเรยบรอยแลว ตารางท 4.5 ผลการทดสอบการเปลยนรหสผานของสมาชก จ านวน 10 คน

ครงท ชอ User รหสผานเดม รหสผานใหม ผลลพธ 1 aragon_k20 aragon 201230

2 wariswong kit1234 115130462021

3 Kittikorn tompt kittikorn51

4 sakunphot jaeza 039327954

5 Deow iloveiphone pit3128

6 kittipeet 1234 l6fmujiyd

7 dragon dragon l6fmujiyd

8 anabiz 51346cpe 123456789

9 narapj narapj 123456

10 Bowling rmutt 1234

ผลรวมความถกตองของขอมล 100 % 4.2.4 การเปดระบบประมล เมอสมาชกคลกเลอกเมนประมลสนคา จะไปยงแบบฟอรมเพอเปดประมลสนคา ดง

รปท 4.21 โดยสมาชกตองกรอกขอมลใหครบถวนเพอผลประโยชนของสมาชกเอง โดยตวอยางการทดสอบกรอกขอมลเปดประมลสนคาเปน ดงรปท 4.22

101

รปท 4.20 การทดสอบเปดประมลสนคา

รปท 4.21 การทดสอบแบบฟอรมเปดประมลสนคา

102

รปท 4.22 ตวอยางการกรอกแบบฟอรมเปดประมลสนคา

103

รปท 4.23 ตวอยางผลการทดสอบกรอกแบบฟอรม เมอท าการกรอกขอมลเสรจสน และกดปมตกลง ระบบจะท าการบนทกขอมลสนคาประมลและแสดงผล ดงรปท 4.24

รปท 4.24 ผลการเปดประมลสนคา

104

ตารางท 4.6 ผลการทดสอบการเปดประมลสนคาของสมาชก จ านวน 5 คน

ครงท ชอ User สนคาเปดประมล วนท-เวลา เรมตน

วนท-เวลา สนสด

ผลลพธ

1 anabiz คอมพวเตอร ครบเซต แรงๆ

2011-09-25 09:00:00

2011-09-26 00:26:59

2 dragon Acer 2.5Inch_Slim

2011-09-25 17:00:00

2011-09-02 20:26:00

3 junctionaof Samsung Galaxy S2

2011-10-01 05:00:00

2011-10-01 08:43:50

4 narapj LG Optimus EX SU880

2011-10-01 08:30:00

2011-10-01 08:30:00

5 Deow PHILIPS 31 นว 2011-10-02 04:00:00

2011-10-02 05:25:00

ผลรวมความถกตองของขอมล 100 % จากนเปนการทดสอบระบบประมลสนคา โดยการเปดประมลสนคาทชอ Casio G-

Shock Limited รน G-312RL-4ADR เรมตนทราคา 3,500 บาท และมบตการเพม ราคาครงละ 100 บาทโดยเรมเปดประมลในวนท 01/10/2011 ตงแตเวลา 19:00:00 – 19:30:00 เปนเวลา 30 นาท ซงมผลการทดสอบ ดงตารางท 4.7 ตารางท 4.7 ผลการทดสอบการประมลสนคาของสมาชก จ านวน 5 คน

ครงท ชอ User ชอสนคาประมล เวลาทกด

ประมลสนคา ราคาการประมล

ผลลพธ

1 Bowling Casio G-Shock Limited รน G-312RL-4ADR

19:01:47 3600

2 dragon Casio G-Shock Limited รน G-312RL-4ADR

19:03:24 3700

105

ตารางท 4.8 ผลการทดสอบการประมลสนคาของสมาชก จ านวน 5 คน (ตอ)

ครงท ชอ User ชอสนคาประมล เวลาทกด

ประมลสนคา ราคาการประมล

ผลลพธ

3 junctionaof Casio G-Shock Limited รน G-312RL-4ADR

19:04:52 3800

4 Bowling Casio G-Shock Limited รน G-312RL-4ADR

19:08:35 3900

5 Deow Casio G-Shock Limited รน G-312RL-4ADR

19:09:41 4000

6 dragon Casio G-Shock Limited รน G-312RL-4ADR

19:11:57 4100

7 Bowling Casio G-Shock Limited รน G-312RL-4ADR

19:15:13 4200

8 xloger Casio G-Shock Limited รน G-312RL-4ADR

19:20:44 4300

9 junctionaof Casio G-Shock Limited รน G-312RL-4ADR

19:25:59 4400

10 Bowling Casio G-Shock Limited รน G-312RL-4ADR

19:28:20 4500

11 dragon Casio G-Shock Limited รน G-312RL-4ADR

19:29:24 4600

12 xloger Casio G-Shock Limited รน G-312RL-4ADR

19:29:32 4700

13 Bowling Casio G-Shock Limited รน G-312RL-4ADR

19:29:49 4800

14 junctionaof Casio G-Shock Limited รน G-312RL-4ADR

19:29:50 4900

ผลรวมความถกตองของขอมล 100 %

106

4.2.5 การฝากขายสนคา เมอสมาชกเลอกเมนฝากขายสนคา กจะมแบบฟอรมฝากขายสนคา ดงรปท 4.25 เมอ

ท าการกรอกขอมลครบ ดงรปท 4.26 แลวกดตกลง ระบบจะจดเกบขอมลของทานลงใน ฐานขอมลสนคาฝากขาย

รปท 4.25 การทดสอบแบบฟอรมฝากขายสนคา

รปท 4.26 การทดสอบกรอกแบบฟอรมฝากขายสนคา

107

รปท 4.27 การทดสอบการแสดงสนคาฝากขาย ตารางท 4.9 ผลการทดสอบการฝากขายสนคา จ านวน 5 คน

ครงท ชอ User สนคาฝากขาย วนทลงรายการ ระยะเวลา ผลลพธ 1 Bowling แจคเกตสทสเทา

มฮด 28/09/2554 3 วน

2 Kittikorn ขายกลองใสแวนตา LEVI'S

29/09/2554 7 วน

3 puangtong iPhone4 29/09/2554 15 วน

4 xloger ขายชดพวงกญแจ Onepiece

30/09/2554 7 วน

5 narapj กางเกงยนสด า 1/01/2554 30 วน

ผลรวมความถกตองของขอมล 100 %

รปท 4.28 การทดสอบดรายละเอยดสนคาฝากขาย

108

จากรปท 4.28 เปนหนาแสดงรายละเอยดส นคาฝากขาย ซงดานลางสดจะม ชองใหแสดงความคดเหนเกยวกบตวสนคาได ดงรปท 4.29 เปนการทดสอบการแสดงความคดเหน

รปท 4.29 การทดสอบแสดงความคดเหนสนคาฝากขาย 4.2.6 การตงกระทในระบบเวบบอรด เวบบอรด หรอกระดานสนทนา คอ สวนทไวใชส าหรบสอบถามปญหา การใชง านตางๆ ของเวบ โดยสมาชกสามารถ เขามาเปดกระทได โดยกดเขาไปท เมน Webboard ตรงเมนดานบน เมอเขามาแลวจะเปนดงรปท 4.30

รปท 4.30 การทดสอบใชงานในสวนของเวบบอรด

109

เมอท าการกดปมตงกระท ระบบจะใหท าการกรอกแบบฟอรมของกระท ดงรปท 4.31 ใหท าการกรอกขอมลใหครบถวน และกดปมตงกระทใหมจะไดกระท ดงรปท 4.32

รปท 4.31 การทดสอบตงกระทใหม

รปท 4.32 การทดสอบกระททตงไว

110

ตอไปเปนการทดสอบการตอบกระท โดยในกระทจะมฟอรมส าหรบตอบกระทอยดานลาง ดงรปท 4.33 โดยสามารถกรอกค าตอบ และกดปมตอบค าถามได

รปท 4.33 การทดสอบการตอบกระท

4.2.6 การเขยนบทความในระบบบทความ สมาชกสามารถเขาไปเขยนบทความไดโดย กดปม ARTICLE ทอยดานซายของเวบ เมอเขามาในระบบบทคว ามจะแสดงหนาตา ดงรปท 4.34 จะมแบบฟอรมใหกรอกบทความ เมอกรอกเรยบรอยใหกดปม Submit ระบบจะแสดงบทความทสมาชกกรอก ดงรปท 4.35

111

รปท 4.34 การทดสอบการเขยนบทความ

รปท 4.35 การทดสอบแสดงผลบทความ และระบบ FACEBOOK COMMENT

112

4.3 สรปผลการด าเนนงาน จากขนตอนการวเคราะห ออกแบบ และพฒนาโครงงาน จนไดด าเนนการจดท าเปน Web Pages จนแลวเสรจทผานกา รทดสอบ และทดลองใชงานแลว ผลปรากฏ วาการท างานของระบบเปนไปตามทไดก าหนดขอบเขต และออกแบบไว และมสวนประกอบบางสวนทไมไดก าหนดขอบเขตไวแตเมอไดด าเนนการจดท าแลวไดน าเขามาเปนสวนประกอบใน Web Pages ดวย เพอเพมความนาสนใจ และเปนทางเลอกใหกบผใชระบบอกทางหนง รวมถงอ านวยความสะดวกใหกบผใชงานระบบ

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

ระบบนจดท าขนเพอ ทตองการรวบรวมผซอ และผขายทวโลกใหมาท าการประมลซอขายสนคาผานเครอขายอนเตอรเนต ซงสามารถน าสนคาทกชนดมาประกาศขายได ไมวาจะเปนสนคาใหม สนคามอสอง สนคาหายาก หรอของสะสม เปนตน (ยกเวนการขายสนคาทผดกฎหมาย ) จดเดนของระบบประม ลสนคาออนไลน คอ มความสะดว ก ประหยดเวลา เพราะสามารถเลอกซอสนคาไดตลอด 24 ชวโมง และคนหาสนคาทตองการไดอยางงายดาย นอกจากน ยงชวยสรางจดเปลยนในเรองของราคาสนคา ซงผซอ และผขายสามารถซอขายสนคานนๆ ไดในราคาททง 2 ฝายพงพอใจโดย จดท าอยภายใตพนฐานของ Web 2.0 มการใชเทคโนโลยใหมๆเพอทจะท าใหการใชงานสะดวกมากขน 5.1 สรปผลโครงงาน

จากการท างานสามารถสรปผลของงานได ดงน 5.1.1 ทกคนสามารถสมครเปนสมาชกได มการยนยนการสมครสมาชกผาน อเมล และเมอ

ยนยนแลวสามารถลอกอนเขาสระบบสมาชกได 5.1.2 สมาชกสามารถเปดประมล คนหาการ ประมล เขารวมการประมล ลบ และ แกไขการ

ประมลของตนเองได 5.1.3 สมาชกสามารถ น าสนคามาฝากขาย คนหาสนคา ลบ และแกไขสนคาฝากขายของ

ตนเองได 5.1.4 สมาชกสามารถ เขยนบทความ คนหาบทความ อานบทความ ลบ และแกไขบทความ

ของตนเองได 5.1.5 สมาชกสามารถตงกระท และโพสตแสดงความคดเหนบนกระท ในเวบบอรดได 5.1.6 ผดแลระบบสามารถตรวจสอบ ลบ และระงบการใชงาน สมาชกทงหมดได 5.1.7 ผดแลระบบสามารถตรวจสอบ ลบ และระงบการประมล ได 5.1.8 ผดแลระบบสามารถตรวจสอบ ลบ และระงบสนคาฝากขายได 5.1.9 ผดแลระบบสามารถตรวจสอบ ลบ และแกไขบทความได

114

5.2 ขอเสนอแนะ กรณทตองการพฒนาระบบประมลสนคาออนไลน ตอนนสงทสามารถสามารถท าการพฒนา

ไดแก 5.2.1 การท าระบบความปลอดภยของเวบ HTTPS เพอทจะท าใหการสง ถายขอมลปลอดภยมากขน โดยใชโปรโตคอล SSL (Secure Socket Layer) ในการรบสง 5.2.2 การเพมชองทางการท าธรกรรมทางการเงน ไมวาจะเปน ระบบ PayPal, True money หรอการหกบตรเครดต 5.3 อปสรรคในการท างาน ในการจดท าระบบประมลสนคาออนไลนนนมปญหา และอปสรรคในการท างาน คอ เมอท าการเขยนโปรแกรมไปแลวท าการอพโหลดไฟลทงหมดไปยง Server เกด Bug จ านวนมาก เนองจาก ขณะเขยนโปรแกรมใช Server จ าลอง เมอใช Server จรง จงท าใหฟงกชนบางอยางท างานผดเพยน ตองใชเวลานานจงจะแกปญหาไดจนใชงานไดปกต

บรรณานกรม [1] สมศกด โชคชยชตกล. 2550. Insight PHP ฉบบสมบรณ. พมพครงท 7. กรงเทพฯ : โปรวชน. [2] อนรรฆนงค คณมณ. 2553. Basic & workshop PHP + AJAX. พมพครงท 1. กรงเทพฯ : บรษท ไอดซพรเมยร จ ากด. [3] บญชา ปะสสะเตสง. 2551. พฒนาเวบดวยเทคนค Ajax และ PHP. พมพครงท 1. กรงเทพฯ

: ซเอดยเคชน. [4] ผชวยศาสตราจารย ดร. คะชา ชาญศลป. 2553. คมอเรยน WEB Programming ดวย

PHP,MySQLและ AJAX. พมพครงท 1. กรงเทพ :โปรวชน. [5] ทศพล ธนะทพานนท, และวรเศรษฐสวรรณก. 2553. PHP ส าหรบงาน E-Commerce. พมพครงท1. กรงเทพฯ : วรรณก [6] พรอมเลศ หลอวจตร. 2550. คมอเรยน PHP และ MySQL ส าหรบผเรมตน. พมพครงท 3. กรงเทพฯ : โปรวชน. [7] Philip Olson. 2008. PHP Manual. [Online] Available : http://www.thaicreate.com/php-manual/index.html (15 สงหาคม 2551).

ภาคผนวก ก

ซอรสโคด, วธการตดตง, คมอการใชงาน ระบบประมลสนคาออนไลน (อยในแผน CD ดานหลงของปรญญานพนธ)

ประวตผจดท าปรญญานพนธ

118

ประวตผจดท าปรญญานพนธ

ชอ นาย กตตพชญ ดหน รหส 115130462003-2 สาขาวชา/ภาควชา ภาควชาวศวกรรมคอมพวเตอร วน-เดอน-ป เกด วนท 8 พฤษภาคม 2530 สถานทเกด จงหวดนครศรธรรมราช ทอย 432/3 หมท 15 ต าบล รอนพบลย อ าเภอ รอนพบลย จงหวด

นครศรธรรมราช 80130 ประวตการศกษา ประกาศนยบตรวชาชพ (ปวช.) วทยาลยเทคนคนครศรธรรมราช 2548

ประกาศนยบตรวชาชพชนสง (ปวส.) วทยาลยเทคนคนครศรธรรมราช 2550

119

ประวตผจดท าปรญญานพนธ

ชอ นาย จกรกฤษณ อทยรศม รหส 115130462006-5 สาขาวชา/ภาควชา ภาควชาวศวกรรมคอมพวเตอร วน-เดอน-ป เกด วนท 14 กนยายน 2530 สถานทเกด จงหวดเพชรบรณ ทอย 199/158 หมท 3 ต าบล บางกะจะ อ าเภอ เมอง จงหวด จนทบร 22000 ประวตการศกษา ประกาศนยบตรวชาชพ (ปวช.) วทยาลยเทคนคจนทบร 2548

ประกาศนยบตรวชาชพชนสง (ปวส.) วทยาลยเทคนคจนทบร 2550

120

ประวตผจดท าปรญญานพนธ

ชอ นาย เดชธพล ถงลาภ รหส 115130462022-2 สาขาวชา/ภาควชา ภาควชาวศวกรรมคอมพวเตอร วน-เดอน-ป เกด วนท 10 พฤษภาคม 2531 สถานทเกด จงหวดสระบร ทอย 51/3 ซอย 15 ถนน สดบรรทด ต าบล ปากเพรยว อ าเภอ เมอง จงหวด

สระบร 18000 ประวตการศกษา ประกาศนยบตรวชาชพ (ปวช.) วทยาลยเทคนคสระบร 2548

ประกาศนยบตรวชาชพชนสง (ปวส.) วทยาลยเทคนคสระบร 2550