การวิเคราะห์และออกแบบระบบcms.dru.ac.th/jspui/bitstream/123456789/1349/7/unit...
Post on 24-Jan-2020
6 Views
Preview:
TRANSCRIPT
มหาวท
ยาลยราชภฏธนบร
บทท 3
การวเคราะหและออกแบบระบบ
การวเคราะหและการออกแบบการพฒนาเวบไซตขายกระเปาออนไลน ราน The bag fashion shop ใหมประสทธภาพในการใชงานใหไดมากตามขนตอนในการดาเนนการ ดงตอไปน
3.1 ประชากรและกลมตวอยาง 3.2 เครองมอทใชในการพฒนาระบบ 3.3 แผนการดาเนนงาน 3.4 การวเคราะหระบบ 3.5 การออกแบบระบบ 3.6 การออกแบบฐานขอมล 3.7 การออกแบบหนาจอการใชงาน
3.1 ประชากรและกลมตวอยาง ประชากรทและกลมตวอยาง คอ อาจารยผเชยวชาญดานระบบ จานวน 4 คน ซงไดมาโดยการสมตวอยางแบบเฉพาะเจาะจง เพอเปนผทดลองใชระบบทสรางขนมาในงานวจยครงน
3.2 เครองมอทใชในการพฒนาระบบ 3.2.1 อปกรณ 1) เครองคอมพวเตอร 2 ชด 2) เครองปรนเตอร 1 ชด 3.2.2 โปรแกรม (Program/Software) 1) โปรแกรมทใชในการจาลองระบบฐานขอมล 2) โปรแกรมทใชพฒนาเวบไซต 3) โปรแกรมจดการเอกสาร 4) โปรแกรมตกแตงรปภาพ 5) โปรแกรมวาดแผนผงงาน
มหาวท
ยาลยราชภฏธนบร
35
3.2.3 เครองมอในการวจย/วธการวเคราะหขอมล 1) แบบประเมนประสทธภาพของระบบ 2) แบบประเมนคณภาพของผเชยวชาญจะกาหนดใหคะแนนตามระดบคณภาพของผตอบ คาถามทมตอการใชการพฒนาเวบไซตขายออนไลน โดยแตละคาถามจะกาหนดคะแนน เปน 5 ระดบ โดยมเกณฑการใหคะแนนทแสดงระดบคณภาพแบงออกเปน 5 ระดบ ดงน
คะแนน 5 หมายถง ดมาก คะแนน 4 หมายถง ด คะแนน 3 หมายถง ปานกลาง คะแนน 2 หมายถง นอย คะแนน 1 หมายถง นอยทสด
เกณฑการแปลความหมายของคะแนนเฉลย จากการประเมนคณภาพดานเนอหาและดานสอ มลตมเดย ตามวธของ Likert เปนมาตราสวน 5 ระดบ โดยการกาหนดความหมายคะแนนของ ตวเลอกในแบบประเมนแตละขอ มเกณฑ ดงน
คะแนนเฉลย 4.50 – 5.00 หมายถง ดมาก คะแนนเฉลย 3.50 – 4.49 หมายถง ด คะแนนเฉลย 2.50 – 3.49 หมายถง ปานกลาง คะแนนเฉลย 1.50 – 2.49 หมายถง นอย คะแนนเฉลย 1.00 – 1.49 หมายถง นอยทสด
สถตทใชในการวเคราะหความตองการของผใชไดแกคานวณหาคาเฉลย ( x ) และ คาเบยงเบนมาตรฐาน (S.D.)
3.3 แผนการด าเนนงาน 3.3.1 ระยะเวลาการดาเนนงาน ระยะเวลาทใชในการดาเนนงานการศกษาและพฒนาระบบ โดยใชเวลาดาเนนงานประมาณ 4 เดอน เรมตงแต เดอนธนวาคม 2559 ถงเดอน กมภาพนธ 2560
มหาวท
ยาลยราชภฏธนบร
36
ตารางท 3.1 แสดงระยะเวลาการดาเนนงาน
กจกรรม ระยะเวลา
ธ.ค. 60 ม.ค. 61 ก.พ. 61 ม.ค. 61 1. ศกษาเอกสาร และทฤษฎทเกยวของ 2. วเคราะหและออกแบบระบบใหม 3. สรางระบบใหมตามทออกแบบ 4. ทดสอบและแกไข 5. เกบขอมลการวจย 6. จดทารายงานและเตรยมเสนองาน
3.3.2 ขนตอนการดาเนนงาน การดาเนนงานในการศกษาโครงการ การพฒนาเวบไซตขายกระเปาออนไลน ม ขนตอนการดาเนนงานดงน 1) ศกษาเอกสาร และทฤษฎทเกยวของ 1.1) ศกษาระบบงานเดมทปฏบตงานในปจจบน 1.2) ทฤษฎและขอมลทเกยวของ 2) วเคราะหและออกแบบระบบใหม 2.1) รวบรวมขอมล 2.2) วเคราะหและศกษาปญหา 2.3) ออกแบบระบบงานใหม 3) สรางระบบใหมตามทออกแบบ 3.1) กาหนดขอบเขตของระบบ 4) ทดสอบและแกไข 4.1) ออกแบบรปรางหนาตาโปรแกรม 4.2) ทดสอบโปรแกรมเพอปรบปรงแกไขและใชงานได 5) เกบขอมลการวจย 5.1) การเกบขอมลจากแบบสอบถาม 6) จดทารายงานและเตรยมเสนองาน 6.1) ปรบปรงแกไขโปรแกรมใหสมบรณ 6.2) จดทาเอกสาร
มหาวท
ยาลยราชภฏธนบร
37
3.4 การวเคราะหระบบ (Analysis Phase) 3.4.1 การวเคราะหระบบงานเดม เนองจากรานขายกระเปาในปจจบนมขดในดานตาง ๆ เชน การขายกระเปาไดเฉพาะหนาราน และรานมการจดเกบขอมลสนคาโดยการจดลงสมดทมขอมลซบซอน ไมมการเกบขอมลลกคาทเปนสมาชก รานมบคคลทรจกนอยมาก เพราะขาดการประชาสมพนธ และลกคาตองมาเลอกชมสนคาดวยตนเอง จงทาใหลาบากในการเดนทางไกล และสถานทไมอานวยในการจอดรถ
ภาพท 3.1 แสดงแผนภมกางปลาทแสดงถงปญหาของระบบรานขายออนไลน
มหาวท
ยาลยราชภฏธนบร
38
3.5 การออกแบบระบบ 3.5.1 แผนภาพกระแสขอมลระดบสง (Context Diagram)
ภาพท 3.2 แสดงแผนภาพกระแสขอมล Data Flow Diagram Level 0
จากภาพท 3.2 แสดงใหเหนขอมลสมาชกและบคคลทวไปจะไดรบโดยสามารถคนหาสนคาและ
เรยกดขอมลสนคาได บคคลทวไปจะตองทาการสมครสมาชกและเขาสระบบกอนจงจะสามารถสงซอ
สนคาได เมอสงซอสนคาสมาชกกสามารถตรวจสอบการสงซอ ยนยนการชาระได ยงส ามารถด
สถานะการสงสนคา สวนผดแลระบบจะทาเกยวกบจดการขอมลตาง ๆ และเรยกดรายงานทตองการ
ไดโดยผดแลระบบ จะตองเขาสระบบกอนจงจะสามารถเขาไปจดการระบบได
0
The Bag Fashion Shop
มหาวท
ยาลยราชภฏธนบร
39
3.5.2 แผนภาพแสดงตาแหนงของโปรเซสในระบบ(Process Decomposition Diagram)
ภาพท 3.3 แผนภาพแสดงตาแหนงของโปรเซสในระบบรานขายกระเปาออนไลน
มหาวท
ยาลยราชภฏธนบร
40
3.5.3 แผนภาพขอมลระดบท 1 (Data Flow Diagram Leve 1)
/
/
/
3
2
/
1
/
4
D1
D2
D1
D2
D3
D4
ภาพท 3.4 แสดงแผนภาพกระแสขอมลระดบท 1 ระบบรานขายกระเปาออนไลน
มหาวท
ยาลยราชภฏธนบร
41
จากภาพท 3.4 แสดงใหเหนรายละเอยดของกระแสขอมลกระกอบดวย 4 โปรเซส คอ
โปรเซสท 1 แสดงขอมลสนคาใชสาหรบบคคลทวไป และสมาชกทตองการเขามาชมเวบไซต และ
ตองการทจะคนหาขอมลสนคา และประเภทสนคา โปรเซสท 2 สมาชกใชสาหรบบคคลทวไปไดสมคร
สมาชกเพอทจะไดสทธในการสงซอสนคา โปรเซสท 3 สงซอสนคาใชสาหรบสมาชกในการ เลอกซอ
สนคาตรวจสอบการสงซอสนคาแจงชาระเงนและตรวจสอบสถานะการสงสนคาโดยสมาชกจะตองเขา
สระบบกอน โปรเซส 4 จดการขอมลระบบใชสาหรบผดแลระบบจะตองเขาไปจดการขอมลสนคา
จดการขอมลการสงซอ จดการขอมลประเภทสนคา เรยกดรายงาน และตรวจสอบขอมลการชาระเงน
3.5.4 แผนภาพกระแสขอมลระดบท 2 โปรเซส 1 (Data Flow Diagram Level 2) 1) DFD Fragment 1: เรยกดสนคา
ภาพท 3.5 แสดงแผนภาพกระแสขอมลระดบท 2 โปรเซสท 1
จากภาพท 3.5 แสดงแผนภาพกระแสขอมลระดบท 2 โปรเซสแสดงขอมลสนคาทประกอบดวย 3 สวน คอ โปรเซสท 1 เปนโปรเซสยอยสาหรบแสดงขอมลสนคา โปรเซสท 2 เปนโปรเซสยอยสาหรบบคคลทวไป และสมาชกเลอกดสนคา โปรเซสท 3 เปนโปรเซสยอยสาหรบบคคลทวไป และสมาชกคนหาสนคา
มหาวท
ยาลยราชภฏธนบร
42
2) DFD Fragment 2: สมครสมาชก
ภาพท 3.6 แสดงภาพกระแสขอมลระดบท 2 โปรเซสท 2
จากภาพท 3.6 แสดงใหเหนรายละเอยดของกระแสขอมลระดบท 2 ของโปรเซสสมาชก ซงประกอบดวย 3 สวน คอ โปรเซสท 1 เปนโปรเซสทยอยสาหรบสมครสมาชก โปรเซสท 2 เปนโปรเซสยอยสาหรบเขาสระบบ โปรเซสท 3 เปนโปรเซสยอยสาหรบจดการขอมลสมาชก
มหาวท
ยาลยราชภฏธนบร
43
3) DFD Fragment 3: การสงซอสนคา
ภาพท 3.7 แสดงแผนภาพกระแสขอมลระดบท 2 โปรเซส 3
จากภาพท 3.7 แสดงใหเหนรายละเอยดกระแสขอมลระดบท 2 ของโปรเซสสงซอสนคาซงประกอบดวย 6 โปรเซส คอ โปรเซสท 1 เปนโปรเซสยอยสาหรบเขาสระบบ โปรเซสท 2 เปนโปรเซสยอยสาหรบเลอกซอสนคา โปรเซสท 3 เปนโปรเซสยอยสาหรบยนยนการสงซอสนคา โปรเซสท 4 เปนโปรเซสยอยสาหรบตรวจสอบการสงซอสนคา โปรเซสท 5 เปนโปรเซสยอยสาหรบยนยนการชาระ โปรเซสท 6 เปนโปรเซสยอยสาหรบตรวจสอบสภานะการสงสนคา
มหาวท
ยาลยราชภฏธนบร
44
4) DFD Fragment 4: การจดการขอมลระบบ
ภาพท 3.8 แสดงแผนภาพกระแสขอมลระดบท 2 โปรเซส 4 จากภาพท 3.8 แสดงใหเหนรายละเอยดของกระแสขอมลระดบท 2 ของโปรเซสจดการขอมลระบบซงประกอบดวย 5 โปรเซส คอ โปรเซสท 1 เปนโปรเซสยอยสาหรบเขาสระบบ โปรเซสท 2 เปนโปรเซสยอยสาหรบจดการขอมลการสงซอ โปรเซสท 3 เปนโปรเซสยอยสาหรบขอมลสนคา โปรเซสท 4 เปนโปรเซสยอยสาหรบจดการขอมลสมาชก โปรเซสท 5 เปนโปรเซสยอยสาหรบรายงาน
มหาวท
ยาลยราชภฏธนบร
45
3.5.5 คาอธบายการประมาลผล (Process Description) ตารางท 3.2 แสดงคาอธบายการประมวลผลของโปรเซสท 1 : เรยกดสนคา
Process Description System: การพฒนาเวบไซตขายกระเปาออนไลน DFD number: 1 Process name: - เขาสระบบ Input Data Flows: - ระบชอสนคา Output Data Flow: - สนคาทคนหา Data Stored Used: - ขอมลสนคา Description: เปนโปรเซสทเกยวกบการเรยกดสนคาประกอบดวยโปรเซสยอย ๆ ดงน
- คนหา/เรยกดขอมล - เลอกดสนคา - แสดงสนคา
ตารางท 3.3 แสดงคาอธบายการประมวลผลของโปรเซสท 2 : สมครสมาชก
Process Description System: การพฒนาเวบไซตขายกระเปาออนไลน DFD number: 2 Process name: - สมคร/เขาสระบบ Input Data Flows: - เพมขอมลสมาชก Output Data Flow: - ขอมลสมาชก Data Stored Used: - ขอมลสมาชก Description: เปนโปรเซสทเกยวกบการเรยกดสนคาประกอบดวยโปรเซสยอย ๆ ดงน
- สมครสมาชก - เขาสระบบ - จดการขอมลสมาชก
มหาวท
ยาลยราชภฏธนบร
46
ตารางท 3.4 แสดงคาอธบายการประมวลผลของโปรเซสท 3 : สงซอสนคา
Process Description System: การพฒนาเวบไซตขายกระเปาออนไลน DFD number: 3 Process name: - สงซอสนคา Input Data Flows: - ขอมลการสงสนคา
- ขอมลสถานะการชาระเงน Output Data Flow: - ขอมลการสงสนคา Data Stored Used: - ขอมลสนคา Description: เปนโปรเซสทเกยวกบการเรยกดสนคาประกอบดวยโปรเซสยอย ๆ ดงน
- เขาสระบบ - เลอกซอสนคา - ยนยนการสงซอสนคา - ตรวจสอบการสงซอสนคา - ยนยนการชาระเงน - ตรวจสอบสถานะการสงสนคา
มหาวท
ยาลยราชภฏธนบร
47
ตารางท 3.5 แสดงคาอธบายการประมวลผลของโปรเซสท 4 : การจดการขอมลระบบ
Process Description System: การพฒนาเวบไซตขายกระเปาออนไลน DFD number: 4 Process name: - จดการระบบ Input Data Flows: - ขอมลสนคาทขาย Output Data Flow: - รายละเอยดสนคา Data Stored Used: - ขอมลสนคา
ขอมลสมาชก - ขอมลการสงซอ - ขอมลรายละเอยดการสงซอสนคา
Description: เปนโปรเซสทเกยวกบการเรยกดสนคาประกอบดวยโปรเซสยอย ๆ ดงน - เขาสระบบ - จดการขอมลการสงซอ - จดการขอมลสนคา - รายงาน - จดการขอมลสมาชก
มหาวท
ยาลยราชภฏธนบร
48
3.6 การออกแบบฐานขอมล 3.6.1 แบบจาลองความสมพนธเอนทต (Entity Relationship Diagram)
ภาพท 3.9 แบบจาลองความสมพนธเอนทต (Entity Relationship Diagram)
มหาวท
ยาลยราชภฏธนบร
49
3.6.2 พจนานกรมขอมล (Data Dictionary) ตารางท 3.6 แฟมตารางทเกยวของในเวบไซต
ลาดบ ชอแฟมตารางภาษาไทย ชอแฟมตารางภาษาองกฤษ
1 อาเภอ amphur
2 ธนาคาร bank
3 ตดตอ Contact
4 ตงคาระบบ control
5 ลกคา customer
6 ตาบล district
7 สถานะการชาระเงน Payment_statatus
8 สนคา product
9 จงหวด province
10 สถานะ status
11 ออเดอร Ty_order
12 ออเดอรสนคา Ty_order_product
13 แจงชาระเงน Ty_payment
14 แอดมน users
15 รหสไปษณย zipcode
ตารางท 3.7 แสดงตารางอ าเภอ
Entity name: amphur
Description: ตารางอาเภอ
ลาดบ ชอฟลด ชนดขอมล ความยาว คาอธบาย หมายเหต
1 amphur_id int 5 รหสอาเภอ PK
2 amphur_name varchar 150 อาเภอ
3 province_id int 5 รหสจงหวด FK
มหาวท
ยาลยราชภฏธนบร
50
ตารางท 3.8 แสดงขอมลธนาคาร
Entity name: bank
Description: ตารางขอมลธนาคาร
ลาดบ ชอฟลด ชนดขอมล ความยาว คาอธบาย หมายเหต
1 id int 11 รหส PK
2 name varchar 100 ชอธนาคาร
3 img varchar 255 โลโก
4 no varchar 13 เลขทบญช
5 name_bun varchar 100 ชอบญช
6 branch varchar 100 สาขา
7 cat varchar 100 ประเภทบญช
ตารางท 3.9 แสดงขอมลระบบ
Entity name: control
Description: ตารางขอมลระบบ
ลาดบ ชอฟลด ชนดขอมล ความยาว คาอธบาย หมายเหต
1 id int 11 รหส PK
2 title varchar 100 แทกไตเตล FK
3 keyw varchar 200 คยเวรด
4 des text เดสคลปชน
5 logo varchar 255 โลโก
6 analytics text Google analytics
มหาวท
ยาลยราชภฏธนบร
51
ตารางท 3.10 แสดงขอมลลกคาทลงทะเบยน
Entity name: customer
Description: ตารางการลกคา
ลาดบ ชอฟลด ชนดขอมล ความยาว คาอธบาย หมายเหต
1 customer_id int 11 รหส PK
2 name varchar 50 ชอ
3 address_1 varchar 200 ทอย
4 province varchar 200 จงหวด
5 city varchar 200 อาเภอ
6 district varchar 200 ตาบล
7 postcode varchar 10 รหสไปษณย
8 email varchar 96 อเมล
9 telephone varchar 32 เบอรโทรศพท
10 password varchar 40 รหสผาน
11 line varchar 30 ไอดไลน
12 facebook varchar 50 เฟสบค
13 picture () varchar 500 รปภาพ
ตารางท 3.11 ตารางต าบล
Entity name: district
Description: ตารางตาบล
ลาดบ ชอฟลด ชนดขอมล ความยาว คาอธบาย หมายเหต
1 district_id int 5 รหส PK
2 district_name varchar 150 ตาบล
3 amphur_id int 5 รหสอาเภอ FK
4 province_id int 5 รหสจงหวด FK
มหาวท
ยาลยราชภฏธนบร
52
ตารางท 3.12 ตารางสถานการณชาระเงน
Entity name: payment_status
Description: ตารางสถานะการชาระเงน
ลาดบ ชอฟลด ชนดขอมล ความยาว คาอธบาย หมายเหต
1 payment_status_id int 11 รหส PK
2 name varchar 100 สถานะ
ตารางท 3.13 ตารางการสนคา
Entity name: product
Description: ตารางการสนคา
ลาดบ ชอฟลด ชนดขอมล ความยาว คาอธบาย หมายเหต
1 product_id int 11 รหส PK
2 product_content_th text รายละเอยด
3 price int 11 ราคา
4 price_preorder int 11 ราคา
5 product_picture varchar 255 รปภาพ
6 date date เวลา
7 promotion int 11 โปรโมชน
8 status_id int 11 สถานะ FK
ตารางท 3.14 ตารางจงหวด Entity name: province
Description: ตารางจงหวด
ลาดบ ชอฟลด ชนดขอมล ความยาว คาอธบาย หมายเหต
1 province_id int 5 รหส PK
2 province_name varchar 150 จงหวด
มหาวท
ยาลยราชภฏธนบร
53
ตารางท 3.15 ตารางการสถานะ
Entity name: status
Description: ตารางการสถานะ
ลาดบ ชอฟลด ชนดขอมล ความยาว คาอธบาย หมายเหต
1 status_id int 11 รหส PK
2 status_name varchar 255 สถานะ
ตารางท 3.16 ตารางออเดอร
Entity name: ty_order
Description: ตารางออเดอร
ลาดบ ชอฟลด ชนดขอมล ความยาว คาอธบาย หมายเหต
1 order_id int 11 รหส PK
2 invoice_no varchar 20 รหสสงซอ
3 customer_id int 11 รหสลกคา
4 shipping_name varchar 100 ชอ
5 shipping_address_1 varchar 200 ทอย
6 shipping_province varchar 200 จงหวด
7 shipping_city varchar 200 อาเภอ
8 shipping_district varchar 200 ตาบล
9 shipping_postcode varchar 10 รหสไปษณย
10 shipping_telephone varchar 15 เบอรโทรศพท
11 shipping_email varchar 150 อเมล
12 shipping_method varchar 128 การสง
13 total decimal 15,4 ราคารวม
14 payment_status_id int 5 สถานะการชาระเงน
15 date_added datetime เวลา
16 status_send varchar 20 สถานะการสง
17 tracking varchar 13 เลข ems
มหาวท
ยาลยราชภฏธนบร
54
ตารางท 3.17 ตารางการออเดอรสนคา
Entity name: ty_order_product
Description: ตารางการออเดอรสนคา
ลาดบ ชอฟลด ชนดขอมล ความยาว คาอธบาย หมายเหต
1 order_product_id int 11 รหส PK
2 order_id int 11 รหสออเดอร
3 product_id int 11 รหสสนคา
4 name varchar 255 ชอสนคา
5 quantity int 4 จานวน
6 price decimal 15,4 ราคา
7 total decimal 15,4 ราคารวม
8 date date เวลา
ตารางท 3.18 ตารางแจงชาระเงน
Entity name: ty_payment
Description: ตารางแจงชาระเงน
ลาดบ ชอฟลด ชนดขอมล ความยาว คาอธบาย หมายเหต
1 payment_idPrimary int 11 รหส PK
2 order_id int 11 รหสออเดอร
3 invoice_prefix varchar 20 เลขทสงซอ
4 name varchar 64 ชอ
5 email varchar 128 เมล
6 total_old int 11 จานวน
7 total decimal 15,2 รวม
8 arrearage int 11
9 bank varchar 64 ธนาคาร
10 paid_date varchar 255 วนท
11 paid_time varchar 255 เวลา
มหาวท
ยาลยราชภฏธนบร
55
12 enquiry text ตรวจสอบ
13 date_added datetime วนเวลาทารายการ
14 image varchar 255 สลป
15 payment_status_id varchar 11 สถานะ
ตารางท 3.21 ตารางการสงซอ
Entity name: users
Description: ตารางการสงซอ
ลาดบ ชอฟลด ชนดขอมล ความยาว คาอธบาย หมายเหต
1 id tinyint 4 รหส PK
2 username varchar 10 ชอผใช
3 password varchar 500 รหสผาน
4 level enum
ตารางท 3.22 ตารางรายละเอยดการสงซอ
Entity name: zipcode
Description: ตารางรายละเอยดการสงซอ
ลาดบ ชอฟลด ชนดขอมล ความยาว คาอธบาย หมายเหต
1 zipcode_idPrimary int 5 รหส PK
2 district_code varchar 100 รหสไปษณย FK
3 province_id varchar 100 รหสจงหวด
4 amphur_id varchar 100 รหสอาเภอ
6 zipcode varchar 5 รหสไปษณย
มหาวท
ยาลยราชภฏธนบร
56
3.7 การวางผงหนาเวบงาน 3.7.1 ผงหนาเวบสาหรบผเขาชมเวบไซต มรายละเอยดดงน
ภาพท 3.10 ผงหนาเวบสาหรบผเขาชมเวบไซต 3.7.2 ผงหนาเวบการสมครสมาชก มรายละเอยดดงน
ภาพท 3.11 ผงหนาเวบการสมครสมาชก
มหาวท
ยาลยราชภฏธนบร
57
3.7.3 ผงหนาเวบการเขาสระบบสาหรบผเขาชมเวบไซต มรายละเอยดดงน
ภาพท 3.12 ผงหนาเวบการเขาสระบบ
มหาวท
ยาลยราชภฏธนบร
58
3.7.4 ผงหนาเวบเพจแสดงการหยบสนคาใสตะกรา มรายละเอยดดงน
ภาพท 3.13 ผงหนาเวบเพจแสดงการหยบสนคาใสตะกรา
มหาวท
ยาลยราชภฏธนบร
59
3.7.5 ผงหนาเวบเพจแสดงการสงซอสนคา มรายละเอยดดงน
ภาพท 3.14 ผงหนาเวบเพจแสดงการสงซอสนคา
มหาวท
ยาลยราชภฏธนบร
60
3.7.6 ผงหนาเวบเพจแสดงแจงชาระเงน มรายละเอยดดงน
ภาพท 3.15 ผงหนาเวบเพจแสดงแจงชาระเงน
3.7.7 ระบบหนาแรกสาหรบผดแลระบบ มรายละเอยดดงน
ภาพท 3.16 ระบบหนาแรกสาหรบผดแลระบบ
มหาวท
ยาลยราชภฏธนบร
61
3.7.8 ผงหนาเวบเพจจดการแกไขขอมลสมาชกสาหรบผดแลระบบ มรายละเอยดดงน
ภาพท 3.17 แสดงหนาเวบเพจจดการแกไขขอมลสมาชกสาหรบผดแลระบบ
3.7.9 ผงหนาเวบเพจจดการขอมลสนคาสาหรบผดแลระบบ
ภาพท 3.18 แสดงหนาเวบเพจจดการขอมลสนคาสาหรบผดแลระบบ
มหาวท
ยาลยราชภฏธนบร
62
3.7.10 ผงหนาเวบเพจจดการ order สาหรบผดแลระบบ
The bag fashion shop
dashboaed� MemberOrder
-
xxxxxx xxxxxxx xxxxxxx xxxxxx xxxxxxxxxxxx xxxxxxxxxxxx xxxxxxx xxxxxxxx xxxxxxxxx xx moer
ภาพท 3.19 แสดงหนาเวบเพจจดการ order สาหรบผดแลระบบ
3.7.11 ผงหนาเวบเพจแสดงการแจงชาระสาหรบผดแลระบบ
ภาพท 3.20 แสดงหนาเวบเพจแสดงการแจงชาระสาหรบผดแลระบบ
มหาวท
ยาลยราชภฏธนบร
63
3.7.12 ผงหนาเวบเพจแสดงการแกไขสนคา สาหรบผดแลระบบ
ภาพท 3.21 หนาเวบเพจแสดงการแกไขสนคา สาหรบผดแลระบบ
3.7.13 ผงหนาเวบเพจแสดงการแกไขสมาชก สาหรบผดแลระบบ
The bag fashion shop
dashboaed� MemberOrder
- ........................................ .................................................... ........................................ ...............................................
ภาพท 3.22 หนาเวบเพจแสดงการแกไขสมาชก
top related