thiết kế website mua bán quần áo giày dép với opencart

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CẦN THƠ KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG LUẬN VĂN TỐT NGHIỆP ĐẠI HỌC NGÀNH KỸ THUẬT PHẦN MỀM Đề tài THIẾT KẾ WEBSITE MUA BÁN QUẦN ÁO GIÀY DÉP VỚI OPENCART Sinh viên: Lương Thiện Tâm MSSV: 1111333 Khóa: 37 Cần Thơ, 06/2015 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CẦN THƠ KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG BỘ MÔN CÔNG NGHỆ PHẦN MỀM LUẬN VĂN TỐT NGHIỆP ĐẠI HỌC NGÀNH KỸ THUẬT PHẦN MỀM Đề tài THIẾT KẾ WEBSITE MUA BÁN QUẦN ÁO GIÀY DÉP VỚI OPENCART CÁN BỘ HƯỚNG DẪN PGS.TS Huỳnh Xuân Hiệp SINH VIÊN THỰC HIỆN Lương Thiện Tâm MSCB: 1067 MSSV: 1111333 Khóa: K 37 Luận văn tốt nghiệp GVHD: Huỳnh Xuân Hiệp LỜI CẢM ƠN Lời em xin chân thành cám ơn đến quý thầy, cô trường Đại học Cần Thơ, người trực tiếp giảng dạy, truyền đạt kiến thức kinh nghiệm q báu, hành trang vơ quý giá để em bước vào nghiệp sau tương lai Trong suốt khoảng thời gian từ bắt đầu nhập học đến nay, em nhận nhiều quan tâm giúp đỡ khích lệ từ q thầy cơ, gia đình bạn bè Chính nhờ em giữ vững đam mê thu thập nhiều kiến thức để hoàn thành báo cáo luận văn Đặc biệt em xin gửi lời cám ơn sâu sắc đến thầy Huỳnh Xuân Hiệp – Giáo viên hướng dẫn quan tâm dạy cho em suốt trình làm luận văn Tuy nhiên, hạn chế kiến thức kinh nghiệm nên luận văn khơng tránh khỏi sai sót Vì vậy, em kính mong nhận bảo tận tình từ q thầy Một lần em xin cảm ơn xin chúc tất quý Thầy Cô dồi sức khỏe thành công nghiệp! Cần Thơ, ngày 18 tháng năm 2015 Sinh viên thực Lương Thiện Tâm Luận văn tốt nghiệp GVHD: Huỳnh Xuân Hiệp NHẬN XÉT CỦA CÁN BỘ PHẢN BIỆN Cần thơ, ngày…… tháng…… năm 2015 Cán phản biện Luận văn tốt nghiệp GVHD: Huỳnh Xuân Hiệp MỤC LỤC DANH MỤC BẢNG DANH MỤC TỪ VIẾT TẮT 12 TÓM TẮT 13 ABSTRACT 14 GIỚI THIỆU 15 I Đặt vấn đề 15 II Lịch sử giải vấn đề 15 III Mục tiêu đề tài 16 IV Phạm vi nghiên cứu 16 V Nội dung nghiên cứu 16 VI Kết đạt 17 VII.Bố cục luận văn 18 NỘI DUNG 19 CHƯƠNG 1: MƠ TẢ BÀI TỐN 19 I.1.Bối cảnh sản phẩm 19 I.2 Phân tích đánh giá giải pháp 19 I.3 Tiếp cận giải vấn đề, lựa chọn giải pháp .20 I.4 Môi trường vận hành 20 I.5 Các ràng buộc thực thi thiết kế 21 I.6 Các giả định phụ thuộc .21 I.7 Các yêu cầu giao tiếp bên 21 I.8 Các chức dành cho người quản trị 22 I.9 Các chức hệ thống 22 I.9.1 Chức đăng kí tài khoản 22 I.9.2 Chức đăng nhập .23 Luận văn tốt nghiệp GVHD: Huỳnh Xuân Hiệp I.9.3 Sửa thông tin tài khoản khách hàng 24 I.9.4 Tìm kiếm 24 I.9.5 Đặt hàng 25 I.9.6 Thanh toán 25 I.9.7 Xem tin tức .26 I.9.8 Hổ trợ trực tuyến .26 I.9.9 Góp ý .27 I.9.10 Đánh giá sản phẩm 27 I.9.11 Thêm sản phẩm .28 I.9.12 Sửa thông tin sản phẩm 29 I.9.13 Xóa sản phẩm 29 I.9.14 Thêm danh mục 30 I.9.15 Sửa thông tin danh mục 30 I.9.16 Xóa danh mục 31 I.9.17 Thêm thành viên .32 I.9.18 Sửa thành viên 32 I.9.19 Xóa thành viên 33 I.9.20 Thống kê 33 I.10 Các yêu cầu phi chức 34 I.10.1 Yêu cầu thực thi 34 I.10.2 Yêu cầu an toàn .34 I.10.3 Yêu cầu bảo mật .34 I.10.4 Các đặc điểm chất lượng phần mềm .34 I.10.5 Các yêu cầu khác 35 CHƯƠNG II THIẾT KẾ - CÀI ĐẶT 36 II.1 Tổng quan hệ thống 36 37 II.2 Kiến trúc hệ thống 38 II.2.1 Giới thiệu Opencart 38 Luận văn tốt nghiệp GVHD: Huỳnh Xuân Hiệp II.2.2 Cấu trúc thư mục Opencart 42 II.3 Thiết kế theo chức 43 II 3.1 Chức tạo tài khoản 43 II.3.2 Chức đăng nhập 45 II.3.3 Sửa thông tin tài khoản khách hàng 46 II.3.4 Chức tìm kiếm 48 II.3.5 Chức đặt hàng 49 II.3.6 Chức toán 50 .50 II.3.7 Xem tin tức 52 II.3.8 Hổ trợ trực tuyến .53 II.3.9 Góp ý .54 II.3.10 Chức đánh giá sản phẩm .55 II.3.11 Thêm sản phẩm 56 II.3.12 Sửa thông tin sản phẩm 58 II.3.13 Xóa sản phẩm 60 II.3.14 Thêm danh mục .61 II.3.15 Sửa thông tin danh mục 62 II.3.16 Xóa danh mục 63 II.3.17 Thêm thành viên 64 II.3.18 Sửa thành viên .65 II.3.19 Xóa thành viên .66 II.3.20 Thống kê 67 CHƯƠNG KIỂM THỬ VÀ ĐÁNH GIÁ 69 III.1 Giới thiệu .69 III.1.1 Mục tiêu 69 III.1.2 Phạm vi 69 III.2 Chi tiết kế hoạch kiểm thử 69 III.2.1 Các chức kiểm thử 69 Luận văn tốt nghiệp GVHD: Huỳnh Xuân Hiệp III.2.2 Cách tiếp cận 69 III.2.3 Tiêu chí kiểm thử thành cơng/thất bại 69 III.2.4 Tiêu chí đình u cầu bắt đầu lại 70 III.3.2.5 Sản phẩm bàn giao kiểm thử 70 III.3 Quản lý kiểm thử 70 III.3.1 Các hoạt động / công việc lập kế hoạch; tiến hành kiểm thử 70 III.3.2 Môi trường .70 III.3.3 Tài nguyên cấp phát chúng 70 III.3.4 Kế hoạch, dự đốn chi phí 70 III.4 Các trường hợp kiểm thử .71 III.4.1 Trường hợp kiểm thử 1: Đăng nhập .71 III.4.2 Trường hợp kiểm thử 2: Đăng kí tài khoản 71 III.4.3 Trường hợp kiểm thử 3: Tìm kiếm 72 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 74 Tài liệu tham khảo 76 PHỤ LỤC A 77 Hướng dẫn xử dụng chương trình 77 Nội dung CD-ROM 86 Luận văn tốt nghiệp GVHD: Huỳnh Xuân Hiệp DANH MỤC BẢNG Bảng Kế hoạch thực đề tài 16 Bảng Môi trường vận hành 20 Bảng Các chức hệ thống 22 Bảng Các hoạt động/ công việc lập kế hoạch; tiến hành kiểm thử 70 Bảng Kế hoạch, dự đốn chi phí 70 Bảng Các trường hợp kiểm thử 71 Luận văn tốt nghiệp GVHD: Huỳnh Xn Hiệp DANH MỤC HÌNH Hình 1.1 Mơ hình phân rã hệ thống 36 Hình 1.2 Mơ hình phân rã chức thống kê 36 Hình 1.3 Mơ hình phân rã chức cập nhật 37 Hình 1.4 Mơ hình phân rã chức khách hàng 37 Hình 1.5 Mơ hình MVC 39 Hình 1.6 So sánh hoạt động MVC 3-layer 40 Hình 1.7 Sơ đồ hoạt động kiến trúc 3-layer 41 Hình 1.8 Sơ đồ hoạt động kiến trúc MVC 42 Hình 1.9 Cấu trúc thư mục Opencart 42 Hình 1.10 Cơ chế hoạt động thư mục Admin Catalog 43 Hình 2.1 Giao diện đăng ký tài khoản 44 Hình 2.2 Giao diện đăng nhập 45 Hình 2.3 Giao diện sửa thông tin khách hàng 46 Hình 2.4 Giao diện thay đổi mật 47 Hình 2.5 Giao diện tìm kiếm sản phẩm 48 Hình 2.6 Giao diện tìm kiếm tin tức 48 Hình 2.7 Giao diện dặt hàng 49 Hình 2.8 Giao diện toán 50 Hình 2.9 Giao diện tốn 51 Hình 2.10 Giao diện xem tin tức 52 Hình 2.11 Giao diện hổ trợ trực tuyến 53 Hình 2.12 Giao diện góp ý 54 Hình 2.13 Giao diện đánh giá sản phẩm 55 Hình 2.14 Giao diện thêm sản phẩm 56 Hình 2.15 Giao diện thêm sản phẩm 57 Hình 2.16 Giao diện sửa thông tin sản phẩm 58 Hình 2.17 Giao diện sửa thơng tin sản phẩm 59 10 Luận văn tốt nghiệp GVHD: Huỳnh Xuân Hiệp Địa Giá trị 5: Mật Giá trị 6: Nhập lại mật Kết mong đợi Null Null Cái Cui Xã Hòa Lộc Null Null Null Null Đăng kí khơng thành cơng Đăng ký khơng thành cơng Thành công Thành công Null Null Đăng ký không thành công Kết thực tế ( khác so với mong đợi) Thành Thành công công/ thất bại Số ghi (nếu thất bại) Cui Xã Hòa Lộc 24021 992 24021992 Null 24021 992 24021992 Đăng ký không thành công Đăng ký khơng thành cơng Đăng kí khơng thành cơng Đăng kí thành cơng Thành cơng Thành cơng Thành cơng Thành công Kịch Giày dép nam Kịch Áo thun Kịch Giày da Tìm thấy Tìm thấy Tìm thấy III.4.3 Trường hợp kiểm thử 3: Tìm kiếm 1) Mơ tả Kiểm thử chức tìm kiếm 2) Tiền điều kiện 3) Kịch a) Kịch tìm kiếm sản phẩm Kịch Kịch Kịch ABCD Quần Giá trị 1: Null Từ khóa thể dục tìm kiếm Khơng Khơng Tìm Kết mong đợi tìm thấy tìm thấy thấy 72 Luận văn tốt nghiệp Kết thực tế( khác so với mong đợi) Thành công/ thất bại Số ghi chú( thất bại) Thành công GVHD: Huỳnh Xuân Hiệp Thành công Thất bại Thất bại Thành công Thành công b) Kịch tìm kiếm tin tức Kịch Giá trị 1: Null Từ khóa tìm kiếm Khơng Kết mong đợi tìm thấy Kết thực tế( khác so với mong đợi) Thành Thành công công/ thất bại Số ghi chú( thất bại) Kịch Kịch Kịch Kịch Kịch bản ABCD Thời Làm đẹp Street Trang phục trang style Không tìm thấy Tìm thấy Tìm thấy Tìm thấy Tìm thấy Thành công Thành công Thành công Thành công Thành công 73 Luận văn tốt nghiệp GVHD: Huỳnh Xuân Hiệp KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN  Kết đạt được: Qua trình nghiên cứu tìm hiểu để thực đề tài tích lũy thêm nhiều kiến thức sau:  Lý thuyết: - Tìm hiểu hệ thống trang web thương mại điện tử Hiểu phần lớn tảng Opencart, định nghĩa thành phần cách tổ chức quản lý nội dung Opencart - Cung cấp cho người đọc kiến thức tổng quan Opencart 1.5.6.4 - Nắm quy trình thiết kế hệ thống website theo chuẩn - Nắm cách cài đặt sử dụng Template, cách thay đổi CSS tập tin cho phù hợp với mục đích sử dụng - Nắm cách xây dựng danh mục qua Category, xây dựng Menu, xây dựng đa dạng kiểu mô đun qua ModuleManager, cài đặt thành phần tiện ích qua Extension Manager Qua hiểu tầm quan trọng thành phần cách thức hoạt động chúng Opencart - Quản lý người dùng Opencart với phân quyền khác - Tìm hiểu thành thạo phần mềm hỗ trợ thiết kế Photoshop, Banner maker - Học hỏi tích lũy thêm nhiều kinh nghiệm kỹ thuật lập trình  Chương trình: Thực ứng dụng web với thiết kế ban đầu Quản lý trình mua bán hàng khách hàng cửa hàng Hoàn thành chức bản: - Đăng nhập, đăng ký, quản lý tài khoản - Cập nhật sản phẩm, danh mục, người dùng - Đặt mua sản phẩm, xem giỏ hàng, tốn - Tìm kiếm sản phẩm theo tên, xem thông tin chi tiết sản phẩm - Bình luận, góp ý, chat trực tuyến - Thống kê - …  Thực tế: Trang web cài đặt sử dụng cho cửa hàng thời trang vừa nhỏ  Hạn chế khó khăn  Do thời gian có hạn lần tiếp cận công nghệ nên chức giao diện hệ thống dừng lại mức hoàn thành 74 Luận văn tốt nghiệp GVHD: Huỳnh Xuân Hiệp  Chưa có nhiều kinh nghiệm dự án  Chưa có kinh nghiệm quy trình mua bán trực tuyến  Website có tính bảo mật tương đối thấp  Hướng phát triển  Tiếp tục nghiên cứu phát triển website thương mại điện tử nói chung Opencart nói riêng  Cung cấp thêm nhiều Template, Icon phong phú cho người dùng lựa chọn  Cải tiến CSDL  Tìm hiểu số hình thức tốn khác  Tăng tính bảo mật cho website  Xây dựng trang web ngày nhiều chức mới, hữu ích, có lợi cho khách hàng, giao diện sinh động , thân thiện, hấp dẫn, lôi khách hàng 75 Luận văn tốt nghiệp GVHD: Huỳnh Xuân Hiệp Tài liệu tham khảo [1] Huỳnh Xuân Hiệp, Phan Phương Lan, Giáo trình Nhập môn công nghệ phần mềm, Nhà xuất Đại học Cần Thơ, 2011 [2] Võ Huỳnh Trâm, Bài giảng Phân tích u cầu phần mềm, Khoa Cơng nghệ Thơng tin Truyền thông, Đại học Cần Thơ, 2009 [3] Huỳnh Xuân Hiệp, Bài giảng Thiết kế phần mềm, Khoa Công nghệ Thông tin Truyền thông, Đại học Cần Thơ, 2009 [4] Trần Cao Đệ, Đỗ Thanh Nghị, Giáo trình Kiểm thử phần mềm, Nhà xuất Đại học Cần Thơ, 2012 [5] Trần Cao Đệ, Nguyễn Công Danh, Giáo trình Đảm bảo chất lượng phần mềm, Nhà xuất Đại học Cần Thơ, 2014 [6] Nguyễn Phú Trường, giảng Lập trình web, Khoa Cơng nghệ Thơng tin Truyền thông, Đại học Cần Thơ, 2009 [7] Lê Quyết Thắng, Bài giảng Phân tích thiết kế hệ thống thông tin, Khoa Công nghệ Thông tin Truyền thông, Đại học Cần Thơ, 2013 [8] Website: http://www.opencart.com [9] Website: http://www.opencartvn.com [10] Website: http://www.w3schools.com 76 Luận văn tốt nghiệp GVHD: Huỳnh Xuân Hiệp PHỤ LỤC A Hướng dẫn xử dụng chương trình I Sử dụng WebServer chạy Opencart (Xampp): Để chạy Opencart ta cần phải có WebServer với Apache, MySQL, PHP , việc cấu hình cài đặt WebServer gặp nhiều khó khăn tốn thời gian Hiện có nhiều phần mềm cấu hình sẳn ứng dụng WebServer Xamp, Wamp,… Trong phần sử dụng WebServer Xampp để chạy Opencart II Cài đặt WebServer Xampp Xampp dùng để giả lập máy tính thành máy chủ web (máy tính giả lập máy chủ web gọi là: localhost, để phân biệt với máy chủ hoạt động web host server Truy cập vào địa chỉ: http://www.apachefriends.org/en/xamppwindows.html#641 để tải gói Xamp Sau doawload tiến hành cài đặt: - Bước 1: Nhấp double vào biểu tượng down xuất cửa sổ nhấp next tiếp tục nhấp next với cửa sổ cịn lại Hình 3.1 Hướng dẫn cài đặt 77 Luận văn tốt nghiệp GVHD: Huỳnh Xuân Hiệp Hình 3.2.Hướng dẫn cài đặt Hình 3.3 Hướng dẫn cài đặt 78 Luận văn tốt nghiệp GVHD: Huỳnh Xuân Hiệp Hình 3.4 Hướng dẫn cài đặt - Bước : Click finish để hoàn tất cài đặt Sau cài đặt thành công nhấp vào biểu tượng Xampp Toolbars windown, nhấp start Apache MySQL đến tạo localhost thành cơng để cài đặt Joomla Hình 3.5 Hướng dẫn cài đặt III Cài đặt cấu hình Opencart Truy cập vào địa http://www.opencart.com/index.php?route=download/download để tải gói Opencart 79 Luận văn tốt nghiệp GVHD: Huỳnh Xuân Hiệp - Bước 1: Sau tải về, giải nén file Opencart doawload Sau copy tồn file thư mục upload folder htdocs tai địa C:\xampp\htdocs, địa chứa thư mục Xampp Hình 3.6 Hướng dẫn cài đặt - Bước 2: Đổi file config-dist.php folder htdocs htdocs/admin thành config.php - Bước3: Bật trình duyệt web truy cập vào địa http://localhost/phpmyadmin/ để tạo database, bạn điền tên database bạn muốn chọn Create (Lưu ý tên database khơng có dấu cách ký tự đặc biệt) 80 Luận văn tốt nghiệp GVHD: Huỳnh Xuân Hiệp Hình 3.7 Hướng dẫn cài đặt - Bước 4: Sau tạo database thành công, truy cập địa http://localhost/ để cài đặt Opencart + + + + + + + + + + + + + + Hình 3.8 Hướng dẫn cài đặt + Click Continue để tiếp tục 81 Luận văn tốt nghiệp GVHD: Huỳnh Xuân Hiệp Hình 3.9 Hướng dẫn cài đặt + Click Continue để tiếp tục Hình 3.10 Hướng dẫn cài đặt 10 82 Luận văn tốt nghiệp GVHD: Huỳnh Xuân Hiệp + Điền đầy đủ hình chọn Continue để hồn thành việc cài đặt Hình 3.11 Hướng dẫn cài đặt 11 + Sau cài đặt xong vào thư mục htdoc để xóa thư mục Install Hình 3.12 Hướng dẫn cài đặt 12 83 Luận văn tốt nghiệp GVHD: Huỳnh Xuân Hiệp + Truy cập địa http://localhost/webthoitrang để vào trang chủ website Hình 3.13 Hướng dẫn cài đặt 13 + Truy cập địa http://localhost/webthoitrang/admin để vào trang quản trị website, thông tin đăng nhập thông tin điền bước Hình 3.14 Hướng dẫn cài đặt 14 84 Luận văn tốt nghiệp GVHD: Huỳnh Xuân Hiệp + Giao diện quản trị: Hình 3.15 Hướng dẫn cài đặt 15 85 Luận văn tốt nghiệp GVHD: Huỳnh Xuân Hiệp PHỤ LỤC B Nội dung CD-ROM Trong CD-ROM gồm thư mục sau: - Thư mục “ BaoCao” : chứa file báo cáo silde báo cáo - Thư mục “ Database:: chứa CSDL trang web - Thư mục “ Demo” : chứa toàn nguồn trang web - Thư mục “ Phanmem”: chứa phần mềm Xampp 86 ... kinh doanh áp dụng phổ biến ? ?Website mua bán quần áo giày dép với Opencart “ hệ thống quản lý quy trình mua bán sản phẩm khách hàng cửa hàng Website xây dựng tảng Opencart phiên 1.5.6.4, sử dụng... PHP hệ quản trị sở liệu MySQL Giao diện website trình bày HTML CSS Opencart hoạt động ổn định, dễ bảo trì ? ?Website mua bán quần áo giày dép trực tuyến với Opencart? ?? phát triển hướng tới hai nhóm... slide báo cáo Kiểm thử website Hoàn thành mẫu trường hợp kiểm thử Báo cáo tiến độ lần Dự kiến báo cáo thử luận văn tốt nghiệp Hoàn thành báo cáo nộp phản biện Bảo vệ thức luận văn tốt nghiệp VI Kết