Xây dựng website bán túi xách

MỤC LỤC DANH MỤC HÌNH ẢNH DANH MỤC BẢNG NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… Giáo viên hướng dẫn LỜI MỞ ĐẦU Trong năm gần đây, phát triển mạnh mẽ thương mại điện tử giới góp phần làm thay đổi cách thức kinh doanh, giao dịch truyền thống đem lại lợi ích to lớn cho xã hội Sự đời thương mại điện tử đánh dấu bắt đầu hệ thống nhằm phát triển kinh tế, điều kiện có ý nghĩa định việc phát triển thương mại điện tử việc đời website thương mại điện tử với chất lượng tốt đáp ứng nhu cầu người quản trị người dùng Thương mại điện tử giúp giảm thấp chi phí bán hàng chi phí tiếp thị Bằng Internet/web, nhân viên bán hàng giao dịch với nhiều khách hàng, catalogue thường xuyên cập nhật so với catalogue in ấn khuôn khổ giới hạn luôn lỗi thời Qua thương mại điện tử tạo điều kiện cho việc thiết lập củng cố mối quan hệ nhân tố tham gia vào trình thương mại Thơng qua mạng Internet, đối tượng tham gia giao tiếp trực tiếp liên tục với nhờ hợp tác lẫn quản lý tiến hành nhanh chóng liên tục Nhận thấy tầm quan trọng thương mại điện tử việc tăng doanh số bán hàng tăng thương hiệu cho công ty, em chọn đề tài “Xây dựng website bán túi xách thời trang” để hiểu thêm đóng góp phần nhỏ vào việc hồn thiện phát triển hệ thống thương mại điện tử Việt Nam sau Trong trình làm đồ án, tìm kiếm thơng tin đọc nhiều tài liệu tham khảo kiến thức hạn chế, chưa nắm bắt nhiều thông tin thương mại điện tử khả kỹ thuật hạn hẹp nên gặp nhiều thiếu sót Mong thầy bạn đóng góp ý kiến để em hồn thiện khóa luận tốt nghiệp Em xin chân thành cảm ơn LỜI CẢM ƠN Trước hết, em xin tỏ lòng biết ơn gửi lời cám ơn chân thành đến TS Trần Bửu Dung người trực tiếp hướng dẫn đồ án, tận tình bảo hướng dẫn em tìm hướng nghiên cứu, tiếp cận thực tế, tìm kiếm tài liệu, xử lý phân tích số liệu, giải vấn đề… nhờ em hồn thành đồ án tốt nghiệp Ngồi ra, q trình học tập, nghiên cứu thực đề tài em nhận nhiều quan tâm, góp ý, hỗ trợ quý báu quý thầy cô, đồng nghiệp, bạn bè người thân Em xin bày tỏ lòng biết ơn sâu sắc đến: Cha mẹ người thân gia đình hỗ trợ, tạo điều kiện thuận lợi cho em suốt thời gian qua đặc biệt thời gian em theo học ngành hệ thống thông tin quản lý trường Đại học Sư Phạm Kỹ Thuật Đà Nẵng Quý thầy cô Khoa Điện, ngành hệ thống thông tin quản lý truyền đạt cho em kiến thức bổ ích suốt ba năm học vừa qua BÁO CÁO ĐỒ ÁN CHUYÊN NGÀNH GVHD: ThS TRẦN BỬU DUNG CHƯƠNG I PHÂN TÍCH HỆ THỐNG Xác định tác nhân hệ thống -Tác nhân -  Admin  Khách hàng thành viên  Khách hàng viếng thăm Chức tác nhân Admin  o Đăng nhập o Xem thông tin đơn hàng o Cập nhật đơn hàng o Cập nhật sản phẩm o Cập nhật đơn giá o Xem danh sách đơn hàng Thành viên  o Xem danh sách sản phẩm o Xem thông tin chi tiết sản phẩm o Tìm kiếm sản phẩm o Đặt hàng o Xem danh sách đơn hàng o Quản lí đơn hàng o Đăng nhập SVTH: NGUYỄN THỊ ÁNH HỒNG MSV: 161250543114 BÁO CÁO ĐỒ ÁN CHUYÊN NGÀNH GVHD: ThS TRẦN BỬU DUNG Khách hàng viếng thăm  o Xem danh sách sản phẩm o Xem thông tin chi tiết sản phẩm o Đăng kí thành viên o Tìm kiếm sản phẩm Quy trình nghiệp vụ hệ thống Khách hàng viếng thăm: - Khách truy cập vào website cách gõ địa web công ty lên trình duyệt - Họ xem mặt hàng túi xách thông qua trang trang chủ, trang loại sản phẩm tìm kiếm túi xách mong muốn theo từ khóa - Để mua hàng khách phải đăng ký tài khoản, sau đăng nhập thêm sản phẩm vào giỏ hàng - Ở trang giỏ hàng, người dùng thay đổi số lượng đặt hàng xóa sản phẩm khỏi giỏ hàng muốn + Khách hàng thành viên : - Bao gồm chức khách hàng viếng thăm - Ở bước tiếp theo, khách xem lại thơng tin giỏ hàng sau nhập thơng tin giao hàng gửi xác nhận - Người dùng theo dõi trạng thái đơn hàng menu thành viên + Admin : - Người quản trị website cần đăng nhập vào hệ thống quản lý website, sau có nhiều chức cho họ lựa chọn - Người quản trị quản lý danh sách loại sản phẩm thêm, sửa, xóa loại sản phẩm muốn - Sau có loại sản phẩm rồi, người quản trị quản lý tiếp danh sách sản phẩm Nghiệp vụ thêm sửa xóa sản phẩm muốn - Thông tin quản lý sản phẩm bao gồm nhiều thông tin tên, giá, tồn kho, mô tả sản phẩm, ảnh… - Để quản lý đơn hàng người dùng, người quản trị website vào chức quản lý đơn hang duyệt đơn hàng + SVTH: NGUYỄN THỊ ÁNH HỒNG MSV: 161250543114 BÁO CÁO ĐỒ ÁN CHUYÊN NGÀNH GVHD: ThS TRẦN BỬU DUNG - - Ở liệt kê nhiều đơn hàng khác người dùng, người quản trị liên hệ khách để xác nhận lại đơn hàng, thực công việc giao hàng Sau giao hàng thành cơng vào sửa lại trạng thái giao hàng cách dễ dàng Sơ đồ USECARE SVTH: NGUYỄN THỊ ÁNH HỒNG MSV: 161250543114 BÁO CÁO ĐỒ ÁN CHUYÊN NGÀNH GVHD: ThS TRẦN BỬU DUNG Hình 1 Sơ đồ Usecase Đặc tả usecase SVTH: NGUYỄN THỊ ÁNH HỒNG MSV: 161250543114 BÁO CÁO ĐỒ ÁN CHUYÊN NGÀNH GVHD: ThS TRẦN BỬU DUNG 4.1 Usecase đăng ký : + Tóm tắt: Khách hàng viếng thăm sử dụng usecase “Đăng ký” để tạo tài khoản cho website + Actor: Khách hàng viếng thăm Các dòng kiện B1 Trên giao diện hình , Khách hàng viếng thăm chọn Đăng ký B2 Hệ thống hiển thị giao diện đăng ký Khách hàng viếng thăm nhập thông tin vào giao diện để lưu vào sở liệu B3 Kết thúc Usecase + Các dòng kiện khác: Nếu khơng muốn tạo tài khoản chọn Hủy + Các u cầu đặc biệt: Khơng có + Trạng thái hệ thống bắt đầu thực Use-case: Trước bắt đầu thực Use-case không cần điều kiện + Trạng thái hệ thống sau thực Use-case: Sau thực Usecase hệ thống thông báo tài khoản tạo thành công hay chưa + Điểm mở rộng : Khơng có 4.2 Usecase đưa sản phẩm vào giỏ hàng + Tóm tắt: Khách hàng thành viên sử dụng usecase “Đưa sản phẩm vào giỏ hàng” để đặt sản phẩm cần mua vào khơng gian lưu trữ tạm thời web + Actor: Khách hàng thành viên + Các dòng kiện B1 Trên giao diện hình chi tiết sản phẩm trang chủ trang danh mục sản phẩm , Khách hàng thành viên chọn Đưa vào giỏ hàng B2 Hệ thống lưu trữ thông tin sản phẩm mà khách hàng thành viên đưa vào giỏ B3 Kết thúc Usecase + Các dòng kiện khác: Khơng có + Các u cầu đặc biệt: Khơng có + Trạng thái hệ thống bắt đầu thực Use-case: Sau khách hàng thành viên xem danh sách sản phẩm thông tin sản phẩm + Trạng thái hệ thống sau thực Use-case: Sau thực Usecase hệ thống xuất thông tin sản phẩm giao diện giỏ hàng + Điểm mở rộng: Tại giao diện giỏ hàng có chức năng: Xóa giỏ hàng, Tiếp tục mua, Cập nhật số lượng cho sản phẩm đặt, Xóa nhiều sản phẩm 4.3 Usecase đăng nhập SVTH: NGUYỄN THỊ ÁNH HỒNG MSV: 161250543114 10 BÁO CÁO ĐỒ ÁN CHUYÊN NGÀNH GVHD: ThS TRẦN BỬU DUNG + Tóm tắt: Khách hàng thành viên sử dụng usecase “Đăng nhập” để tham gia mua hàng trực tuyến + Actor: Khách hàng thành viên + Các dòng kiện + + + + + B1 Trên giao diện hình , Khách hàng thành viên chọn Đăng nhập B2 Hệ thống hiển thị giao diện đăng nhập Khách hàng thành viên nhập thông tin vào giao diện để kiểm tra tài khoản có hay chưa B3 Kết thúc Usecase Các dòng kiện khác: Nếu Khách hàng thành viên không muốn đăng nhập chọn Thốt Các u cầu đặc biệt: Khơng có Trạng thái hệ thống bắt đầu thực Use-case: Trước bắt đầu thực Usecase yêu cầu phải Đăng ký Trạng thái hệ thống sau thực Use-case: Sau thực Use-case hệ thống thông báo đăng nhập thành công hay chưa Điểm mở rộng: Khách hàng thành viên chọn khỏi chế độ đăng nhập (yêu cầu trước đăng nhập thành cơng) 4.4 Usecase xem thơng tin sản phẩm + Tóm tắt: Khách hàng viếng thăm khách hàng thành viên sử dụng ussecase “xem thông tin sản phẩm”để biết chi tiết thông tin sản phẩm + Actor: Khách hàng thành viên , khách hàng viếng thăm + Các dòng kiện B1 Trên giao diện màng hình chính, Khách hàng viếng thăm khách hàng thành viên nhấn chọn sản phẩm cần xem B2 Hệ thống hiển thị giao diện thông tin chi tiết sản phẩm bao gồm tên sản phẩm, giá, hình ảnh, mơ tả chi tiết sản phẩm B3 Kết thúc Use-case + Các dòng kiện khác: : Nếu người dung không muốn xem thơng tin sản phẩm chuyển sang mục khác thoát trang muốn + Các yêu cầu đặt biệt: khơng có + Trạng thái hệ thống bắt đầu thực Use-case: Trước bắt đầu thực usecase khơng cần điều kiện + Trạng thái hệ thống sau thực Use-case: Sauk hi thực hệ thống hiển thị thành công trang thông tin chi tiết + Điểm mở rộng: Khơng có 4.5 Usecase đặt hàng SVTH: NGUYỄN THỊ ÁNH HỒNG MSV: 161250543114 11 BÁO CÁO ĐỒ ÁN CHUYÊN NGÀNH GVHD: ThS TRẦN BỬU DUNG Tóm tắt: Khách hàng thành viên sử dụng usecase “đặt mua” để nhập thông tin giao hàng đặt mua + Actor: Khách hàng thành viên + Các dòng kiện chính: B1 Trên giao diện giỏ hàng, khách hàng thành viên nhấn link “qua bước kế tiếp” B2 Hệ thống hiển thị lại thông tin gior hàng đặt form nhập thông tin người nhận hàng B3 Khách hàng thành viên nhập thông tin họ tên, địa chỉ, sdt người nhận hàng B4 Khách hàng thành viên nhấn nút đặt mua B5 Hệ thống ghi nhận thông tin đặt hàng sơ sở liệu B6 Kết thúc usecase + Các dòng kiện khác: Nếu người dung khơng muốn đặt mua trở sang trang khác thoát website + Các yêu cầu đặt biệt: Khơng có + Trạng thái hệ thống bắt đầu thực Use-case: Trước bắt đầu thực Use-case cần thêm sản phẩm vào giỏ hàng vào trang quản lí giỏ hàng + Trạng thái hệ thống sau thực Use-case: Sauk hi đặt hàng thành công hệ thống thông báo đặt hàng thành công , cửa hàng lien hệ lại + Điểm mở rộng : Khơng có 4.6 Usecase xem danh sách đơn hàng + Tóm tắt: Khách hàng thành viên sử dụng usecase “xem danh sách đơn hàng” để xem cụ thể thông tin đơn hàng đặt + Actor: Khách hàng thành viên + Các dòng kiện chính: B1 Trên giao diện màng hình , khách hàng thành viên chọn “xem đơn hàng” B2 Hệ hống thị giao diện đơn hàng mà khách hàng thành viên đặt B3 Kết thúc usecase + Các dòng kiện khác: Nếu người dung khơng muốn xem trang sang trang khác + Các yêu cầu đặt biệt: Khơng có + Trạng thái hệ thống bắt đầu thực Use-case : Khi bắt đầu thực usecase cần phải đăng nhập vào hệ thống + Trạng thái hệ thống sau tực Use-case : Sauk hi thực hệ thống liệt kê đơn hàng + Điểm mở rộng: Khơng có 4.7 Usecase quản lí đơn hàng + SVTH: NGUYỄN THỊ ÁNH HỒNG MSV: 161250543114 12 BÁO CÁO ĐỒ ÁN CHUYÊN NGÀNH GVHD: ThS TRẦN BỬU DUNG Tóm tắt: Người quản trị sử dụng usecase “quản lí đơn hàng” để xem danh sách đơn hàng mà khách hàng thành viên đặt, lien hệ lại họ để xác nhận thay đổi trạng thái đơn hàng + Actor: Người quản trị ( Admin) + Các dòng kiện chính: B1 Trên giao diện người quản trị chọn chức đơn hàng đặt B2 Hệ thống hiển thị giao diện đơn hàng đặt khách hàng thành viên, bao gồm mã đơn hàng , thông tin người đặt, thời gian đặt, trạng thái đơn hàng, xem chi tiết đơn hàng sửa trạng thái đơn hàng B3 Người quản trị nhấn vào “xem cụ thể” để xem chi tiết thông tin đơn hàng, bao gồm sản phẩm mà khách hàng thành viên mua với số lượng thành tiền cụ thể B4 Người quản trị sửa lại đơn hàng cách bấm vào “sửa tình trạng đơn hàng” B5 Kết thúc usecase + Các dòng kiện khác: Nếu người dung khơng muốn xem trang chuyển sang trang khác + Các u cầu đặt biệt: Khơng có + Trạng thái bắt đầu thực Use-case : Trước bắt đầu cần thực đăng nhập quản trị + Trạng thái sau thực Use-case : Sauk hi thực hệ thống thay đổi trạng thái tình trạng đơn hàng + Điểm mở rộng: Khơng có 4.8 Usecase quản lí sản phẩm + Tóm tắt: Người quản trị sử dụng usecase “quản lí sản phẩm ” để thêm sản phẩm mới, xem danh sách sản phẩm có, sửa xóa sản phẩm + Actor: Người quản trị (Admin) + Các dòng kiện chính: B1 Trên giao diện màng hình người quản trị chọn “xem túi xách” B2 Nhập thông tin sản phẩm tên túi xách , giá , hình ảnh … B3 Hệ thống lưu thông tin sản phẩm vào sở liệu chuyển hướng sang trang danh sách túi xách B4 Hệ thống hiển thị trang danh sách túi xách B5 Người quản trị chọn sửa sản phẩm B6 Hệ thống hiển thị form chứa thông tin sẳn có sản phẩm, người quản trị thay đổi nội dung khác lưu lại B7 Người quản trị xóa sản phẩm B8 Kết thúc usecase + Các dòng kiện khác: Khơng có + Các u cầu đặt biệt: Khơng có + SVTH: NGUYỄN THỊ ÁNH HỒNG MSV: 161250543114 13 BÁO CÁO ĐỒ ÁN CHUYÊN NGÀNH GVHD: ThS TRẦN BỬU DUNG Trạng thái hệ thống bắt đầu thực Use-case : Khi bắt đầu thực usecase cần phải đăng nhập vào trang quản trị + Trạng thái hệ thống sau tực Use-case : Khơng có + Điểm mở rộng: Khơng có + 4.9 Usecase tìm kiếm + + + + + + + + Tóm tắt: Khách hàng viếng thăm khách hàng thành viên sử dung usecase “tìm kiếm” để tìm sản phẩm muốn mua Actor: Khách hàng viếng thăm , khách hàng thành viên Các dòng kiện chính: B1 Trên màng hình khách hàng viến thăm khách hàng thành viên nhập từ khóa cần tìm vào tìm kiếm B2 Hệ thống hiển thị danh sách sản phẩm cần tìm dựa vào từ khóa tìm kiếm B3 Kết thúc usecase Các dòng kiện khác: Nếu người dung khơng muốn tìm kiếm bỏ qua Các u cầu đặt biệt: Khơng có Trạng thái hệ thống bắt đầu thực Use-case : Khi bắt đầu thực usecase khơng cần điều kiện Trạng thái hệ thống sau tực Use-case : Sau thực usecase thệ tống trả trang kết tìm kiếm Điểm mở rộng: Khơng có SVTH: NGUYỄN THỊ ÁNH HỒNG MSV: 161250543114 14 BÁO CÁO ĐỒ ÁN CHUYÊN NGÀNH GVHD: ThS TRẦN BỬU DUNG CHƯƠNG THIẾT KẾ HỆ THỐNG Bảng liệu: Bảng sản phẩm Số thứ tự Tên cột Kiểu liệu Mô tả cột Ràng buộc Idsanpham Integer Mã sản phẩm PK Tensanpham Varchar(100) Tên sản phẩm Thongtinsanpha m Text Thông tin sản phẩm Anh Text Ảnh Giaban Integer Giá bán Trangthai Integer Trạng thái idloaisanpham Integer Mã loại sản phẩm FK Bảng Bảng sản phẩm - Bảng loại sản phẩm Số thứ tự Tên cột Kiểu liệu Mô tả cột Ràng buộc idloaisanpham Interger Mã loại sản phẩm PK tenloaisanpham Varchar(50) Tên loại sản phẩm Bảng 2 Bảng loại sản phẩm SVTH: NGUYỄN THỊ ÁNH HỒNG MSV: 161250543114 15 BÁO CÁO ĐỒ ÁN CHUYÊN NGÀNH GVHD: ThS TRẦN BỬU DUNG - Bảng hóa đơn chi tiết Số thứ tự Tên cột Kiểu liệu Mô tả cột Ràng buộc Idhoadonchitiet Integer Mã hóa đơn chi tiết PK Idhoadon Integer Mã hóa đơn FK Idsanpham Integer Mã sản phẩm FK Soluongmua Integer Số lượng mua Bảng Bảng hóa đơn chi tiết - Bảng hóa đơn Số thứ tự Tên cột Kiểu liệu Mơ tả cột Ràng buộc Idhoadon Integer Mã hóa đơn PK Thoigian Date Thời gian Hoten_datmua Varchar(50) Họ tên đặt mua Diachi_datmu a Text Địa đặt mua Sdt_datmua Varchar(12) Số điện thoại đặt mua Trangthai Integer Trạng thái Idtaikhoan Integer Mã tài khoản FK Bảng Bảng hóa đơn SVTH: NGUYỄN THỊ ÁNH HỒNG MSV: 161250543114 16 BÁO CÁO ĐỒ ÁN CHUYÊN NGÀNH GVHD: ThS TRẦN BỬU DUNG - Bảng tài khoản Số thứ tự Tên cột Kiểu liệu Mô tả cột Ràng buộc Idtaikhoan Integer Mã tài khoản PK Tentaikhoan Varchar(50) Tên tài khoản Matkhau Varchar(50) Mật Phanquyen Integer Phân quyền Hoten Varchar(50) Họ tên Diachi Text Địa Sdt Varchar(12) Số điện thoại Email Varchar(30) Email Bảng Bảng tài khoản Sơ đồ erd SVTH: NGUYỄN THỊ ÁNH HỒNG MSV: 161250543114 17 BÁO CÁO ĐỒ ÁN CHUYÊN NGÀNH GVHD: ThS TRẦN BỬU DUNG Hình Sơ đồ ERD SVTH: NGUYỄN THỊ ÁNH HỒNG MSV: 161250543114 18 BÁO CÁO ĐỒ ÁN CHUYÊN NGÀNH GVHD: ThS TRẦN BỬU DUNG Sơ đồ relationship Hình Sơ đồ Relationship CHƯƠNG TRIỂN KHAI HỆ THỐNG SVTH: NGUYỄN THỊ ÁNH HỒNG MSV: 161250543114 19 BÁO CÁO ĐỒ ÁN CHUYÊN NGÀNH GVHD: ThS TRẦN BỬU DUNG Giao diện người dùng 1.1 Giao diện trang chủ Hình Giao diện trang chủ SVTH: NGUYỄN THỊ ÁNH HỒNG MSV: 161250543114 20 BÁO CÁO ĐỒ ÁN CHUYÊN NGÀNH GVHD: ThS TRẦN BỬU DUNG 1.2 Giao diện loại sản phẩm Hình Giao diện loại sản phẩm SVTH: NGUYỄN THỊ ÁNH HỒNG MSV: 161250543114 21 BÁO CÁO ĐỒ ÁN CHUYÊN NGÀNH GVHD: ThS TRẦN BỬU DUNG 1.3 Giao diện trang chi tiết sản phẩm Hình 3 Giao diện chi tiết sản phẩm SVTH: NGUYỄN THỊ ÁNH HỒNG MSV: 161250543114 22 BÁO CÁO ĐỒ ÁN CHUYÊN NGÀNH GVHD: ThS TRẦN BỬU DUNG 1.4 Giao diện giỏ hàng Hình Giao diện giỏ hàng SVTH: NGUYỄN THỊ ÁNH HỒNG MSV: 161250543114 23 BÁO CÁO ĐỒ ÁN CHUYÊN NGÀNH GVHD: ThS TRẦN BỬU DUNG 1.5 Giao diện thêm túi xách Hình Giao diện túi xách 1.6 Đơn hàng đặt Hình Giao diện đơn hàng đặt SVTH: NGUYỄN THỊ ÁNH HỒNG MSV: 161250543114 24 BÁO CÁO ĐỒ ÁN CHUYÊN NGÀNH GVHD: ThS TRẦN BỬU DUNG KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Kết luận - Ưu điểm • Hiểu số giải pháp xây dựng website thương mại điện tử • Xây dựng website bán hàng có chức khách hàng Hiều lập trình web - Hạn chế • Ngồi kết đạt số u cầu chưa nắm rõ website số khuyết điểm cần khắc phục Hướng phát triển Với thiếu sót phân tích trên, để website ngày hồn thiện, phục vụ tốt cho nhu cầu người dùng nên có cập nhật sau đây: • Thiết kế trang web đẹp hơn, tiện dụng hơn, có nhiều chức sinh động • Xây dựng trao đổi bình luận sản phẩm • Nâng cao khả bảo mật cho chương trình Ngăn ngừa tối đa trường hợp đột nhập liệu hệ thống • Chỉnh sữa liệu cho xác với thực tế nâng cấp dần website để đáp ứng nhu cầu khách hàng thời đại • SVTH: NGUYỄN THỊ ÁNH HỒNG MSV: 161250543114 25 ... • Hiểu số giải pháp xây dựng website thương mại điện tử • Xây dựng website bán hàng có chức khách hàng Hiều lập trình web - Hạn chế • Ngồi kết đạt số yêu cầu chưa nắm rõ website số khuyết điểm... thấy tầm quan trọng thương mại điện tử việc tăng doanh số bán hàng tăng thương hiệu cho công ty, em chọn đề tài Xây dựng website bán túi xách thời trang” để hiểu thêm đóng góp phần nhỏ vào việc... quản trị chọn “xem túi xách B2 Nhập thông tin sản phẩm tên túi xách , giá , hình ảnh … B3 Hệ thống lưu thông tin sản phẩm vào sở liệu chuyển hướng sang trang danh sách túi xách B4 Hệ thống hiển