1 ระบบซื้อขายเครื่องใช้ไฟฟ้ าออนไลน์ นางสาวอุศมา อูเซง ็ โครงงานนีเ้ป็ นส่วนหน่ึงของการศึกษาตามหลักสูตรวิทยาศาสตรบัณฑิต สาขาวิชาเทคโนโลยีสารสนเทศและการสื่อสารเพื่อการจัดการ คณะวิทยาการสื่อสาร มหาวิทยาลัยสงขลานครินทร์ ปี การศึกษา 2551
31 บทที่ 3 การวิเคราะห์ (Analysis) การวิเคราะห์และการออกแบบฐานข้อมูล ในบทนี ้กล่าวถึงการวิเคราะห์ระบบของการซื ้อขายเครื่องใช้ไฟฟ้ า โดยการวิเคราะห์นั ้นจะ ใช้แผนภูมิต่างๆเพื่อน าเสนอกระบวนการท างานต่างๆของระบบ ไม่ว่าจะเป็ น กระแสข้อมูล การ ออกแบบฐานข้อมูลเป็ นต้น ซึ่งมีหัวข้อดังนี ้ แผนภาพกระแสข้อมูล (Data Flow Diagram) เป็ นแผนภาพที่แสดงถึงกระบวนการ หรือกิจกรรมที่ปฏิบัติการ รวมถึงการแสดงการเคลื่อนไหวของข้อมูลในระบบ เป็ นแบบจ าลอง กระบวนการที่น ามาใช้กับการวิเคราะห์และออกแบบเชิงโครงสร้าง โดยแผนภาพกระแสข้อมูลจะ แสดงความสัมพันธ์ระหว่างโปรเซส (Processes) กับข้อมูล (Data) ที่เกี่ยวข้อง โดยข้อมูลใน แผนภาพจะท าให้เราทราบถึงแหล่งที่มาของข้อมูล ข้อมูลไปที่ไหน ข้อมูลจะเก็บไว้ที่ใด และเกิด เหตุการณ์ใดกับข้อมูลในระหว่างทาง แผนภาพที่ 3.1 สัญลักษณ์ท่ีใช้สา หรับการเขียนแผนภาพกระแสข้อมูล D1 2.0 Process DataFlow External Entity Data Store
32 ระบบซื ้อขายเครื่องใช้ ไฟฟ้ าออนไลน์ได้มีการน าความต้องการต่างๆ มาวิเคราะห์หา รายละเอียดเพื่อเตรียมไว้ส าหรับเขียนแผนภาพกระแสข้อมูลดังนี ้ ภาพที่ 3.2 แสดง List OF External Entities, List OF Data, list OF Processes Context Diagram List of External Entities 1. ลูกค้า 2. ผู้ดูแลระบบ 3. บริษัทผู้ผลิต List of Data 1. ข้อมูลลูกค้า 2. ข้อมูลสินค้า 3. ข้อมูลพนักงาน 4. ข้อมูลรายละเอียดสินค้า 5. ข้อมูลการสั่งซื ้อสินค้า 6. ข้อมูลใบสั่งซื ้อ 7. ข้อมูลการช าระเงิน List of Processes 1. สมัครสมาชิก 2. ซื ้อขายสินค้า 2.1 ค้นหาสินค้า 2.2 แสดงรายละเอียดสินค้า 2.3 บันทึกการสั่งซื ้อ 2.4 ค านวณราคาสินค้า 2.5 พิมพ์ใบสั่งซื ้อ 3. แจ้งการช าระเงิน 3.1 ตรวจสอบการสั่งซื ้อ 3.2 ยืนยันการช าระเงิน 4. ปรับปรุงแฟ้ มข้อมูล 5. สั่งซื ้อสินค้าเข้า
33 0 3.3 Context Diagram
34 Level0 (Context) 1 2 4 Level1 (Top Level) Level 2 3.1 3.2 3.3 3.4 3.5 5 5.1 5.2 3 4.1 4.2 4.3 4.4 5.2 ภาพที่ 3.4 Process Decomposition Diagram ของระบบการขายเครื่องใช้ไฟฟ้ าผ่านอินเทอร์เน็ต
35 1.0 D1| 2.0 D3| D2| D4| 3.0 - - - - - - - - D1| D2| D4| D5| 5.0 D1| D2| D4| D5| 3.5 Data Flow Diagram Level 1 D6| D3| 4.0 D6| D2| D3|
36 1.2 1.1 1.3 D1| 3.6 Data Flow Diagram Level 2
37 D1| D3| D2| D4| D3| D2| 3.7 Data Flow Diagram Level 2 2.1 2.2 2.3 2.4
38 4.1 D5 D1 D2 D3 D4 4.2 D1 D2 D3 D4 D5 3.8 Data Flow Diagram Level 2
39 D1| 3.9 Data Flow Diagram Level 2 D2| D4| D5| D3| 4.1 4.2 4.3
proid_product id_type name_prd 1 1 have brand id_brand name_brand total_order has general_order date id_order sent id_member 1 buy pay in_time Total Bank id_order id_pay Pay Time Date member Province address_member sex_member usename date email_mem district id_member surname_member name_member password idcard_mem zipcode tel_mem 1 question id_ques name title detail date id_ques id_ans has id_brand detail 1 1 M M 1 has M delivery email status_sent tel 3.10 ER Di
40 name_supplier address id_supplier supplier 1 orderin id_supplier id_product oduct M stockbuy_prd stock_prd price_product photo M have type name_type id_type order_detail price amount id_product id_order has new id_new title time date detail Id_type photo admin 1 username pass ans date tel date amount price id_orderin title 1 1 M M receiverd paid detail_product email email address name_product tel id_supplier 1 total2 M name have type name_type_new id_type_new M 1iagram
47 พจนานุกรมข้อมูลของแฟ้มข้อมูล(Data Dictionary) พจนานุกรมข้อมูลแสดงถึงรายละเอียดต่าง ๆ ของข้อมูลที่ใช้งานในระบบ เพื่อให้ผู้พัฒนา ระบบเข้าใจระบบมากขึ ้น ซึ่งประกอบด้วย ชื่อข้อมูล (Data name) ค าอธิบาย (Description) ชนิด ของข้อมูล (Type) ความยาวของข้อมูล (Length) ค่าความเป็ นไปได้ของข้อมูล (Permissible value) และคีย์ของข้อมูล (Key) พจนานุกรมข้อมูลของระบบซื ้อขายเครื่องใช้ไฟฟ้ าออนไลน์ ประกอบไปด้วยแฟ้ มข้อมูล ทั ้งสิ ้น 14 แฟ้ มข้อมูล สัญลักษณ์ท่ีใช้ในการกา หนดชนิดข้อมูล ได้แก่ TEXT แทน ข้อมูลชนิดอักขระ VARCHAR แทน ข้อมูลชนิดที่เป็ นอักขระ INT แทน ข้อมูลชนิดตัวเลขที่เป็ นจ านวนเต็ม DECIMAL แทน ข้อมูลชนิดตัวเลขที่มีจุดทศนิยม สัญลักษณ์ที่ใช้แทนคีย์ ได้แก่ PK แทน คีย์หลัก (Primary Key) FK แทน คีย์นอก (Foreign Key) 1. ช่ือแฟ้มข้อมูล tb_type ความหมาย ประเภทสินค้า ช่ือเขตข้อมูล ค าอธิบาย ชนิดข้อมูล ขนาดพื้นที่ คีย์ id_type รหัสประเภทสินค้า Int 10 Primary key name_type ชื่อประเภทสินค้า Varcha 200 - ตารางที่ 1 แสดงตารางประเภทสินค้า
48 2. ช่ือแฟ้มข้อมูล tb_brand ความหมาย ยี่ห้อสินค้า ช่ือเขตข้อมูล ค าอธิบาย ชนิดข้อมูล ขนาดพื้นที่ คีย์ id_brand รหัสยี่ห้อสินค้า Int 10 Primary key name_brand ชื่อยี่ห้อสินค้า Varcha 200 - ตารางที่ 2 แสดงตารางยี่ห้อสินค้า 3. ช่ือแฟ้มข้อมูล tb_product ความหมาย รายละเอียดของสินค้า ตารางที่ 3 แสดงตารางรายละเอียดของสินค้า ช่ือเขตข้อมูล ค าอธิบาย ชนิดข้อมูล ขนาดพื้นที่ คีย์ id_product รหัสสินค้า varchar 40 Primary key name_product ชื่อสินค้า Varchar 60 - id_brand รหัสยี่ห้อสินค้า Int 10 id_type ประเภทสินค้า Int 10 - detail_product รายละเอียดสินค้า Varchar 500 - price_product ราคาสินค้า Decemal (10,2) (10,2) - id_supplier รหัสบริษัท Varchar 30 - stock_prd จ านวนสินค้าในคลัง Int 50 - stockbuy_prd จ านวนสินค้าที่ต้อง สั่งซื ้อ Int 50 - photo รูปภาพ Varchar 50 -
49 4. ช่ือแฟ้มข้อมูล tb_member ความหมาย รายละเอียดของลูกค้า ช่ือเขตข้อมูล ค าอธิบาย ชนิดข้อมูล ขนาดพื้นที่ คีย์ id_member รหัสลูกค้า Int 10 Primary key name_member ชื่อลูกค้า Varchar 50 - surname_member นามสกุล Varchar 50 - sex_member เพศ Text - - idcard_mem หมายเลขบัตร ประชาชน Int 15 - address_member บ้านเลขที่ varchar 10 - locality ต าบล varchar 50 - district อ าเภอ varchar(30) 30 - Province จังหวัด text - - date วันที่สั่งซื ้อ Date - - zipcode_mem รหัสไปรษณีย์ Int 10 - tel_mem เบอร์โทรศัพท์ Int 10 - email_mem อีเมล์ Varchar 40 - old_mem อายุ Int 10 - usename ชื่อล็อกอิน Varchar 20 - password รหัสผ่าน Varchar 20 - ตารางที่ 4 แสดงตารางรายละเอียดของข้อมูลลูกค้า
50 5. ช่ือแฟ้มข้อมูล general_order ความหมาย ใบสั่งซื ้อของลูกค้า ช่ือเขตข้อมูล ค าอธิบาย ชนิดข้อมูล ขนาดพื้นที่ คีย์ id_order รหัสใบสั่งซื ้อ Int 10 Primary key id_member รหัสลูกค้า int 10 Foreign Key total_order ราคารวมทั ้งหมด Int - - date วันที่สั่งซื ้อ Date - - sent ส่งสินค้า tinyint 6 - delivery ค่าขนส่ง int 10 - status_sent สถานะการส่งสินค้า text - - e-mail อีเมล์ text - - tel เบอร์โทรศัพท์ Int 10 - ตารางที่ 5 แสดงตารางใบส่ังซือ้ของลูกค้า 6. ช่ือแฟ้มข้อมูล tb_order_detail ความหมาย รายละเอียดของใบสั่งซื ้อของลูกค้า ช่ือเขตข้อมูล ค าอธิบาย ชนิดข้อมูล ขนาดพื้นที่ คีย์ id_order เลขที่ใบสั่งซื ้อ Int 10 Primary key id_product รหัสสินค้า Varchar 30 Foreign Key amount จ านวนสินค้า Int 50 - price ราคาสินค้า Decimal 10,2 30 - total2 ราคารวม int 20 - ตารางที่ 6 แสดงตารางรายละเอียดของใบส่ังซือ้ของลูกค้า
51 7. ช่ือแฟ้มข้อมูล tb_new ความหมาย ข่าวสาร ช่ือเขตข้อมูล ค าอธิบาย ชนิดข้อมูล ขนาดพื้นที่ คีย์ id_new รหัสข่าว Int 10 Primary key id_type_new รหัสประเภทข่าว Int 10 - title_new หัวข้อข่าว Varchar 300 - detail_new รายละเอียดข่าว Text - - photo รูปภาพ Varchar 200 - ตารางที่ 7 แสดงตารางเก็บข่าวสาร 8. ช่ือแฟ้มข้อมูล tb_type_new ความหมาย ประเภทข่าวสาร ช่ือเขตข้อมูล ค าอธิบาย ชนิดข้อมูล ขนาด พื้นที่ คีย์ id_type_new รหัสประเภทข่าว Int 10 Primary key name_type_new ชื่อประเภทข่าว text 30 - ตารางที่ 8 แสดงประเภทข่าวสาร
52 9. ช่ือแฟ้มข้อมูล tb_supplier ความหมาย รายละเอียดของบริษัทจ าหน่าย ช่ือเขตข้อมูล ค าอธิบาย ชนิดข้อมูล ขนาดพื้นที่ คีย์ id_supplier รหัสบริษัท Int 30 Primary key name_supplier ชื่อบริษัท text 30 - address ที่อยู่บริษัทจ าหน่าย text 50 - e-mail อีเมล์ text 50 - tel เบอร์โทรศัพท์ Int 10 - ตารางที่ 9 แสดงรายละเอียดของบริษัทจัดจ าหน่าย 10. ช่ือแฟ้มข้อมูล tb_orderin ความหมาย รายละเอียดการสั่งซื ้อ ช่ือเขตข้อมูล ค าอธิบาย ชนิดข้อมูล ขนาดพื้นที่ คีย์ id_orderin รหัสใบน าเข้า Int 10 Primary key id_product รหัสสินค้า Int 10 - name_product ชื่อสินค้า text 30 - id_supplier รหัสบริษัท Int 10 - amount จ านวน Int 10 - price ราคา Decimal (10,2) 30 - date วันที่สั่งซื ้อสินค้า Date - - received สถานะของการรับ สินค้าเข้าร้าน tinyint 10 -
53 paid สถานะของการช าระเงิน tinyint 10 - ตารางที่ 10 แสดงรายละเอียดการสั่งซื้อ 11. ช่ือแฟ้มข้อมูล question ความหมาย เก็บข้อมูลรายละเอียดการตั ้งกระทู้ ช่ือเขตข้อมูล ค าอธิบาย ชนิด ข้อมูล ขนาดพื้นที่ คีย์ id_ ques รหัสความคิดเห็น Int 10 Primary key title หัวข้อ text 50 - detail ข้อความ text - - name ชื่อ text 50 - date วันที่ Date - - e-mail อีเมล์ text - - ตารางที่ 11 แสดงตารางเก็บรายละเอียดการตัง้กระทู้ 12. ช่ือแฟ้มข้อมูล ans ความหมาย เก็บข้อมูลรายละเอียดการตอบกระทู้ ช่ือเขตข้อมูล ค าอธิบาย ชนิดข้อมูล ขนาดพื้นที่ คีย์ id_ans รหัสตอบ Int 10 Primary key id_ques รหัสความคิด Int 60 - title หัวข้อ Varchar 30 - date วันที่ Date - - e-mail อีเมล์ Varchar - -
54 detail ข้อความ text 15 - ตารางที่ 12 แสดงตารางเก็บข้อมูลรายละเอียดการตอบกระทู้ 13. ช่ือแฟ้มข้อมูล tb_pay ความหมาย แจ้งการช าระเงิน ช่ือเขตข้อมูล ค าอธิบาย ชนิดข้อมูล ขนาดพื้นที่ คีย์ id_pay รหัสการช าระเงิน Int 10 Primary key id_order รหัสใบสั่งซื ้อ Int 10 - bank ธนาคาร text 20 - total จ านวนเงินที่ต้องช าระ decimal 20,0 - date วันที่ช าระ Date - - time เวลาที่ช าระ text 20 - time2 เวลาที่ช าระ text 20 - pay สถานะการช าระเงิน tinyint 5 - in_time การแจ้งช าระเงิน Int 4 - ตารางที่ 13 แสดงตารางการช าระเงิน 14. ช่ือแฟ้มข้อมูล tb_admin ความหมาย ผู้ดูแลระบบ ช่ือเขตข้อมูล ค าอธิบาย ชนิดข้อมูล ขนาดพื้นที่ คีย์ user ชื่อล็อกอิน text 20 Primary key pass รหัสผ่าน text 12 - ตารางที่ 14 แสดงตารางรายละเอียดผู้ดูแลระบบ
55 บทที่ 4 การออกแบบระบบ จากขั ้นตอนการเก็บรวบรวมและวิเคราะห์ความต้องการของระบบซื ้อขาย เครื่องใช้ไฟฟ้ าออนไลน์ จะมีลักษณะการท างานซึ่งประกอบด้วยระบบย่อยต่างๆ หลายระบบโดย แบ่งเป็ นการออกแบบเว็บเพจและการออกแบบฐานข้อมูลดังนี ้ 4 .1 หลักในการออกแบบโครงสร้างเว็บไซต์ การออกแบบเว็บไซต์นั ้นไม่ได้หมายถึงลักษณะหน้าตาของเว็บไซต์เพียงอย่างเดียว แต่ เกี่ยวข้องตั ้งแต่การเริ่มต้นก าหนดเป้ าหมายของเว็บไซต์ ระบุกลุ่มผู้ใช้ การจัดระบบข้อมูล การ ออกแบบหน้าเว็บ รวมไปถึงการใช้กราฟิ ก การเลือกใช้สีและการจัดรูปแบบตัวอักษร นอกจากนั ้น ยังต้องค านึงถึงความแตกต่างของสื่อกลางในการแสดงผลเว็บไซต์ด้วย สิ่งเหล่านี ้ได้แก่ชนิดและรุ่น ของบราวเซอร์ขนาดของหน้าจอมอนิเตอร์ ความละเอียดของสีในระบบ รวมไปถึง Plug-in ชนิด ต่าง ๆ ที่ผู้ใช้มีอยู่ เพื่อให้ผู้ใช้เกิดความสะดวกและความพอใจที่จะท่องไปในเว็บไซต์นั ้น ดังนั ้นทุก สิ่งทุกอย่างในเว็บไซต์ทั ้งที่คุณมองเห็นและมองไม่เห็นล้วนเป็ นผลมาจากกระบวนการออกแบบ เว็บไซต์ทั ้งสิ ้น องค์ประกอบต่อไปนี้ถือเป็ นพื้นฐานที่ส าคัญของเว็บไซต์ที่ได้รับการออกแบบมา อย่างมีประสิทธิภาพ 1. ความเรียบง่าย (Simplicity) หลักที่ส าคัญของความเรียบง่าย คือการสื่อสารเนื ้อหาถึงผู้ใช้โดยจ ากัดองค์ประกอบเสริม ที่เกี่ยวข้องกับการน าเสนอให้เหลือเฉพาะสิ่งที่จ าเป็ นเท่านั ้น 2. ความสม ่าเสมอ (Consistency) ใช้รูปแบบเดียวกันตลอดทั ้งเว็บไซต์เนื่องจากผู้ใช้จะรู้สึกกับเว็บไซต์เป็ นเสมือนสถานที่จริง ถ้าลักษณะของแต่ละหน้าในเว็บไซต์เดียวกันนั ้นแตกต่างกันมาก ผู้ใช้ก็จะเกิดความสับสนและไม่ แน่ใจว่าก าลังอยู่ในเว็บเดิมหรือไม่ ดังนั ้นรูปแบบของหน้า สไตล์ของกราฟิ ก และโทนสีที่ใช้ควรจะ มีความคล้ายคลึงกันตลอดทั ้งเว็บไซต์
56 3. ความเป็ นเอกลักษณ์(Identity) การออกแบบต้องค านึงถึงลักษณะขององค์กร เนื่องจากรูปแบบของเว็บไซต์สามารถ สะท้อนถึงเอกลักษณ์และลักษณะขององค์กรนั ้นได้ 4. เนื้อหาที่มีประโยชน์(Useful Content) เนื ้อหาถือเป็ นสิ่งที่ส าคัญที่สุดในเว็บไซต์ ดังนั ้นในเว็บไซต์ควรจัดเตรียมเนื ้อหาและข้อมูล ที่ผู้ใช้ต้องการให้ถูกต้องและสมบูรณ์ โดยมีการปรับปรุงและเพิ่มเติมให้ทันต่อเหตุการณ์อยู่เสมอ เนื ้อหาที่ส าคัญที่สุดคือ เนื ้อหาที่สร้างขึ ้นมาเองโดยทีมงานของคุณและไม่ซ ้ากับเว็บอื่น เพราะจะ เป็ นสิ่งที่ดึงดูดผู้ใช้ให้เข้ามาในเว็บไซต์อยู่เสมอ 5. ระบบเนวิเกชันที่ใช้งานง่าย (User-Friendly Navigation) ระบบเนวิเกชันเป็ นองค์ประกอบที่ส าคัญมากของเว็บไซต์จะต้องออกแบบให้ผู้ใช้เข้าใจได้ ง่ายและใช้งานสะดวก โดยใช้กราฟิ กที่สื่อความหมายร่วมกับค าอธิบายที่ชัดเจน รวมทั ้งมีรูปแบบ และล าดับของรายการที่สม ่าเสมอ 6. มีลักษณะที่น่าสนใจ (Visual Appeal) เป็ นเรื่องยากที่จะตัดสินว่าลักษณะหน้าตาของเว็บไซต์น่าสนใจหรือไม่ เพราะเกี่ยวข้องกับ ความชอบของแต่ละบุคคลอย่างไรก็ตามหน้าตาของเว็บไซต์จะมีความสัมพันธ์กับคุณภาพของ องค์ประกอบต่าง ๆ 7. การใช้งานอย่างไม่จ ากัด (Compatibility) ควรออกแบบเว็บไซต์ให้ผู้ใช้ส่วนใหญ่เข้าถึงได้มากที่สุด โดยไม่มีการบังคับให้ผู้ใช้ต้อง ติดตั ้งโปรแกรมใด ๆ เพิ่มเติม หรือต้องเลือกใช้บราวเซอร์ชนิดใดชนิดหนึ่งจึงจะสามารถเข้าถึง เนื ้อหาได้สามารถแสดงผลได้ในทุกระบบปฏิบัติการและที่ความละเอียดหน้าจอต่างกันอย่างไม่มี ปัญหา 8. คุณภาพในการออกแบบ (Design Stability) ถ้าต้องการให้ผู้ใช้รู้สึกว่าเว็บไซต์ที่มีคุณภาพ ถูกต้อง และเชื่อถือได้ก็ควรให้ความส าคัญ กับการออกแบบเว็บไซต์อย่างมาก 9. ระบบการใช้งานท่ีถูกต้อง (Functional Stability) ระบบการท างานต่าง ๆ ในเว็บไซต์จะต้องมีความแน่นอน และท าหน้าที่ได้อย่าถูกต้อง (กิตติ ภักดีวัฒนะกุล, 2547)
57 4.1 การออกแบบหน้าจอหลัก ภาพที่ 4.1 แสดงหน้าหลักของระบบการขายเครื่องใช้ไฟฟ้ าออนไลน์ ภาพที่ 4.2 แสดงหน้าหลักของสมาชิก
58 ภาพที่ 4.3 แสดงหน้าหลักของผู้ดูแลระบบ (Admin) ภาพที่ 4.4 แสดงตะกร้าสินค้า
59 ภาพที่ 4.5 แสดงใบสั่งซื้อสินค้า ภาพที่ 4.6 แสดงการแจ้งช าระ
60 ภาพที่ 4.7 แสดงสินค้าทั้งหมด ภาพที่ 4.8 แสดงสินค้าตามประเภท
61 ภาพที่ 4.9 แสดงแบรนด์สินค้า ภาพที่ 4.10 แสดงประเภทสินค้า
62 ภาพที่ 4.11 แสดงประเภทสินค้า ภาพที่ 4.12 แสดงข้อมูลการแจ้งชา ระ
63 ภาพที่ 4.13 แสดงรายการสั่งซื้อที่ช าระแล้ว ภาพที่ 4.14 แสดงรายการสั่งซื้อที่ยังไม่ช าระ
64 ภาพที่ 4.15 แสดงประวัติการสั่งซื้อ ภาพที่ 4.16 แสดงรายการที่ต้องสั่งซื้อ
65 ภาพที่ 4.17 แสดงข้อมูลการส่งัซือ้สนิค้าเข้า
66 การออกแบบอินพุต (Input Design) ภาพที่ 4.18 แสดงแบบฟอร์มในการสมัครสมาชิก ภาพที่ 4.19 แสดงแบบฟอร์มในการแก้ไขข้อมูลสมาชิก
67 ภาพที่ 4.20 แสดงแบบฟอร์มในการเปลี่ยนรหัสผ่าน ภาพที่ 4.21 แสดงแบบฟอร์มในการล็อกอนิเข้าสู่ระบบของสมาชิก ส าหรับ Login เข้าสู่ระบบ
68 ภาพที่ 4.22 แสดงแบบฟอร์มในการเพิ่มสินค้า ภาพที่ 4.23 แสดงแบบฟอร์มในการแก้ไขข้อมูลสนิค้า
69 ภาพที่ 4.24 แสดงแบบฟอร์มในการเพิ่มแบรนด์สินค้า ภาพที่ 4.25 แสดงแบบฟอร์มในการเพิ่มประเภทสินค้า
70 ภาพที่ 4.26 แสดงแบบฟอร์มในการเพิ่มบริษัทจัดจ าหน่าย ภาพที่ 4.27 แสดงแบบฟอร์มในการแก้ไขข้อมูลบริษัทจัดจ าหน่าย
71 4.3 การออกแบบโครงสร้างการท างานของเว็บไซต์ การเขียน Programming Flow Chart Programming Flow Chart เป็ นแผนผังที่ใช้ส าหรับเก็บรวบรวมข้อมูล และแสดงการ ท างานของโปรแกรมว่ามีการท างาน โดยเริ่มต้นจากส่วนใดมีการไหลของข้อมูลเช่นไร และมีการ เก็บข้อมูลลงในแฟ้ มข้อมูลเมื่อท างานเสร็จในส่วนใดโดยการเขียน Programming Flow Chart ของระบบการขายเครื่องใช้ไฟฟ้ าออนไลน์นั ้น จะประกอบด้วย Programming Flow Chart อยู่ หลายรายการ อาทิเช่น หน้าจอแสดงเนื ้อหาสาระวิธีการสั่งซื ้อสินค้าในตะกร้ า ตรวจสอบสินค้า การเพิ่มสินค้า เป็ นต้น
72 Program Flow Chart หน้าจอหลัก ภาพที่ 4.28 แสดง Program Flow Chart หน้าจอหลัก
73 Program Flow Chart สมัครสมาชิก member member ภาพที่ 4.29 แสดง Program Flow Chart การสมัครสมาชิก
74 Program Flow Chart การสั่งซื้อเครื่องใช้ไฟฟ้ า ? order_detail product ภาพที่ 4.30 แสดง Program Flow Chart การสั่งซื้อเครื่องใช้ไฟฟ้ า
75 Program Flow Chart แจ้งการช าระเงิน pay ภาพที่ 4.31 แสดง Program Flow Chart แจ้งการช าระเงิน
76 Program Flow Chart หน้าหลักในส่วนของผู้ดูแลระบบ admin ภาพที่ 4.32 แสดง Program Flow Chart หน้าหลกัในส่วนของผู้ดูแลระบบ
77 Program Flow Chart เพิ่มสินค้า product ภาพที่ 4.33 แสดง Program Flow Chart เพ่ิมหนังสือในส่วนผู้ดูแลระบบ
78 Program Flow Chart เพิ่มแบรนด์สินค้า supplier ภาพที่ 4.34 แสดง Program Flow Chart เพิ่มแบรนด์สินค้าในส่วนผู้ดูแลระบบ
79 Program Flow Chart เพิ่มประเภทสินค้า supplier ภาพที่ 4.35 แสดง Program Flow Chart เพิ่มประเภทสินค้าในส่วนผู้ดูแลระบบ
80 Program Flow Chart แก้ไขสินค้า product product ภาพที่ 4.30 แสดง Program Flow Chart แก้ไขสินค้าในส่วนผ้ดู ูแลระบบ
81 Program Flow Chart ลบสินค้า product product ภาพที่ 4.31 แสดง Program Flow Chart ลบหนังสือในส่วนผ้ดู ูแลระบบ
82 การออกแบบโครงสร้างเมนูระบบงาน / / ภาพที่4.32 แสดงการออกแบบโครงสร้างเมนูระบบงาน
83 บทที่ 5 การพัฒนาและการบ ารุงรักษา หลังจากที่ได้มีการด าเนินงานตามขั ้นตอนการท างานต่าง ๆ ดังที่ได้กล่าวมาในตอนต้น ไม่ ว่าจะเป็ น การศึกษาความเป็ นไปได้ การวิเคราะห์ระบบ การออกแบบระบบ การออกแบบ ฐานข้อมูล และการออกแบบหน้าจอ จนมาถึงในขั ้นตอนนี ้ซึ่งจะเป็ นการพัฒนาและการบ ารุงรักษา ระบบ อาจกล่าวได้ว่าเป็ นขั ้นตอนสุดท้ายของการด าเนินงานเกี่ยวกับระบบขายเครื่องใช้ไฟฟ้ า ออนไลน์ ในส่วนของรายละเอียดนั ้นสามารถแบ่งได้ดังนี ้ 5.1 ทางเลือกในการพัฒนาระบบ จากที่ได้มีการพัฒนาระบบขายเครื่องใช้ไฟฟ้ าออนไลน์ตามการออกแบบระบบและความ ต้องการของผู้ใช้แล้ว สิ่งที่น่าสนใจที่สุดในการพัฒนาระบบนี ้ในอนาคตก็คือ ส่วนของระบบการ ช าระเงิน ซึ่งระบบการช าระเงิน ที่ได้พัฒนาขึ ้นในขณะนี ้สามารถช าระเงินได้ทางเดียวคือทาง ธนาคาร ซึ่งยังคงไม่เอื ้ออ านวยต่อลูกค้ามากเท่าไหร่ จึงเกิดทางเลือกหนึ่งที่จะพัฒนาระบบขายเครื่องใช้ไฟฟ้ าออนไลน์ในอนาคตก็คือ พัฒนา ให้ระบบสามารถช าระเงินได้หลายทาง เพื่ออ านวยความสะดวกในการซื ้อขาย 5.2 วิธีพัฒนาระบบ จากการที่ได้ท าการวิเคราะห์ระบบมาในตอนต้นแล้ว วิธีที่ดีที่สุดในการพัฒนาระบบขาย เครื่องใช้ไฟฟ้ าออนไลน์ ให้สามารถใช้งานได้อย่างมีประสิทธิภาพในที่นี ้ก็คือ วิธีการพัฒนาระบบ แบบน ้าตก (Water Fall Model ที่ผ่านการปรับปรุงด้วยการเพิ่มคุณสมบัติการทวนซ ้าเป็ นรอบ) ก็ คือจะเป็ นการเริ่มจากส ารวจปัญหาและความต้องการจากผู้ใช้ วิเคราะห์ระบบ ออกแบบระบบ เขียนโปรแกรม ทดสอบระบบ และบ ารุงรักษาระบบ
84 แผนภาพ Waterfall Model ภาพที่ 5.1 แสดงขั้นตอนการพัฒนาระบบ SDLC แบบ Waterfall Model จากทฤษฏีสามารถน าวิธีการพัฒนาระบบดังกล่าวมาปรับใช้กับการด าเนินงานพัฒนา ระบบขายเครื่องใช้ไฟฟ้ าออนไลน์ได้ตามขั ้นตอนดังต่อไปนี ้ 1. ส ารวจและวิเคราะห์ความต้องการของผู้ใช้เกี่ยวกับระบบใหม่ที่จะพัฒนา 2. ท าการหาข้อเท็จจริงเกี่ยวกับปัญหาในการเก็บและบันทึกความรู้ต่าง ๆ ของผู้ใช้ 3. แบ่งระบบออกเป็นส่วน ๆ เพื่อตอบสนองความต้องการของผู้ใช้ให้ได้มากที่สุด 4. พัฒนาระบบตามการวิเคราะห์และความต้องการ 5. ทดสอบระบบเพื่อให้สามารถใช้งานได้อย่างมีประสิทธิภาพสูงสุด 6. บ ารุงรักษาระบบ