Xây dựng website bán hàng trực tuyến cho cửa hàng giày rovi

- ĐẠI HỌC HUẾ TRƯỜNG ĐẠI HỌC KINH TẾ KHOA HỆ THỐNG THÔNG TIN KINH TẾ ́ tế Hu ê  nh KHÓA LUẬN TỐT NGHIỆP ĐẠI HỌC Ki XÂY DỰNG WEBSITE BÁN HÀNG TRỰC TUYẾN Đa ̣i h ọc CHO CỬA HÀNG GIÀY ROVI NGUYỄN LINH LINH Huế, tháng 05 năm 2020 - ĐẠI HỌC HUẾ TRƯỜNG ĐẠI HỌC KINH TẾ KHOA HỆ THỐNG THÔNG TIN KINH TẾ ́ tế Hu ê  nh KHÓA LUẬN TỐT NGHIỆP ĐẠI HỌC Ki XÂY DỰNG WEBSITE BÁN HÀNG TRỰC TUYẾN ̣i h ọc CHO CỬA HÀNG GIÀY ROVI Giảng viên hướng dẫn: Nguyễn Linh Linh TS Nguyễn Thanh Tuấn Đa Sinh viên thực hiện: Lớp: K50B – Tin học kinh tế MSV: 16K4081040 Huế, tháng 05 năm 2020 - LỜI CÁM ƠN Bắt đầu từ ngày ngồi ghế nhà trường, nhận bảo tận tình thầy cơ, em học nhiều điều Với lòng biết ơn sâu sắc nhất, em xin gửi lời cảm ơn chân thành đến quý thầy, cô trường Đại học Kinh Tế Huế, đặc biệt thầy, cô khoa Hệ Thống ThôngTin Kinh Tế, kề vai sát cánh em hôm Thầy cô truyền lửa, truyền động lực vốn kiến thức quý báu cho em suốt thời gian qua ́ Hu ê Đặc biệt, em xin gửi lời cảm ơn chân thành đến thầy Nguyễn Thanh Tuấn, bên cạnh em suốt tháng thực tập Công ty trách nhiệm hữu hạn thành viên Dự án công nghệ thông tin Việt (VITPR) Nếu khơng có lời hướng dẫn, dạy bảo thầy báo cáo khó để hồn thiện tế Đồng thời, em xin tỏ lòng biết ơn đến anh giám đốc, anh, chị Công ty trách nhiệm hữu hạn thành viên Dự án công nghệ thông tin Việt (VITPR) giúp nh đỡ nhiệt tình, tạo điều kiện thuận lợi hỗ trợ trình thực tập cơng ty Trong q trình thực tập làm báo cáo, kiến thức hạn chế nên khơng Ki tránh khỏi thiếu sót, kính mong q thầy, bỏ qua Bên cạnh đó, em mong nhận ý kiến đóng góp quý thầy, để em hồn thiện ọc tương lai Đa ̣i h Em xin chân thành cảm ơn! - Khóa luận tốt nghiệp MỤC LỤC MỤC LỤC i DANH MỤC THUẬT NGỮ v DANH MỤC HÌNH ẢNH vi DANH MỤC BẢNG BIỂU vii A PHẦN MỞ ĐẦU .1 ́ Hu ê Lý chọn đề tài .1 Mục tiêu nghiên cứu Đối tượng nghiên cứu phạm vi nghiên cứu Phương pháp nghiên cứu tế Một số cơng trình liên quan nh Cấu trúc đề tài B PHẦN NỘI DUNG Ki CHƯƠNG 1: CƠ SỞ LÝ THUYẾT VỀ XÂY DỰNG WEBSITE BÁN HÀNG TRỰC TUYẾN ọc 1.1 Tổng quan Website hoạt động bán hàng trực tuyến 1.1.1 Khái niệm bán hàng trực tuyến ̣i h 1.1.2 Website bán hàng trực tuyến .6 Đa 1.1.3 Ưu điểm hạn chế bán hàng trực tuyến 1.1.3.1 Ưu điểm hoạt động bán hàng trực tuyến 1.1.3.2 Hạn chế hoạt động bán hàng trực tuyến 1.2 Thực trạng tình hình bán hàng trực tuyến Việt Nam .8 1.3 Những quy định nhà nước việc bán hàng trực tuyến 10 1.4 Tổng quan công cụ xây dựng Website 11 1.4.1 Mơ hình thác nước 11 1.4.2 Ngơn ngữ lập trình C# .12 SVTH: Nguyễn Linh Linh i - Khóa luận tốt nghiệp 1.4.3 Nền tảng lập trình NET Framework 4.5 .13 1.4.4 Tổng quan SQL Server 2014 13 1.4.5 Visual studio 2019 15 1.4.6 Ngôn ngữ đánh dấu siêu văn (HTML) .16 1.4.7 Ngôn ngữ tạo phong cách cho trang Web (CSS) 16 CHƯƠNG 2: TÌNH HÌNH KINH DOANH CỦA CỬA HÀNG GIÀY 18 ́ Hu ê ROVI VÀ BÀI TOÁN XÂY DỰNG WEBSITE .18 BÁN HÀNG TRỰC TUYẾN 18 2.1 Tổng quan cửa hàng giày Rovi 18 tế 2.1.1 Giới thiệu cửa hàng giày Rovi .18 2.1.2 Cơ cấu tổ chức 19 nh 2.1.3 Tình hình kinh doanh cửa hàng Rovi 20 Ki 2.2 Hoạt động bán hàng cửa hàng Rovi 20 2.2.1 Mô tả hoạt động kinh doanh cửa hàng .20 ọc 2.2.2 Phân tích mơi trường hoạt động kinh doanh cửa hàng Rovi 22 2.2.2.1 Đối thủ cạnh tranh 22 ̣i h 2.2.2.2 Sản phẩm 22 Đa 2.2.2.3 Khách hàng 23 2.2.3 Phân tích mơ hình SWOT 23 2.3 Bài toán xây dựng Website bán hàng trực tuyến 25 2.4 Yêu cầu tính kỹ thuật 27 2.4.1 Yêu cầu chung 27 2.4.2 Yêu cầu giao diện .27 2.4.3 Yêu cầu bảo mật 27 CHƯƠNG 3: XÂY DỰNG WEBSITE BÁN HÀNG TRỰC TUYẾN 29 SVTH: Nguyễn Linh Linh ii - Khóa luận tốt nghiệp CHO CỬA HÀNG GIÀY ROVI 29 3.1 Phân tích thiết kế Website bán hàng trực tuyến 29 3.1.1 Xác định tác nhân 29 3.1.2 Xác định chức 29 3.1.3 Biểu đồ gói tổng quát 30 ́ Hu ê 3.1.4 Biểu đồ Usecase 30 3.1.5 Biểu đồ 32 3.1.6 Biểu đồ hoạt động 35 3.1.7 Biểu đồ lớp 38 tế 3.2 Thiết kế hệ thống 39 nh 3.2.1 Thiết kế sở liệu 39 3.2.2.1 Chuẩn hóa sở liệu .39 Ki 3.2.1.2 Mơ hình sở liệu 44 3.2.2 Thiết kế giao diện 45 ọc 3.2.2.1 Giao diện trang chủ .45 ̣i h 3.2.2.2 Giao diện đăng nhập Website .46 3.2.2.3 Giao diện thông tin sản phẩm .47 Đa 3.2.2.4 Giao diện giỏ hàng 47 3.2.2.5 Giao diện đặt hàng 48 3.3 Đánh giá kết 48 3.3.1 Những điểm đạt 48 3.3.2 Những điểm hạn chế 49 C KẾT LUẬN 50 Kết đạt 50 Hạn chế đề tài 51 SVTH: Nguyễn Linh Linh iii - Khóa luận tốt nghiệp Hướng phát triển đề tài 51 TÀI LIỆU THAM KHẢO 52 PHỤ LỤC 1: KẾT QUẢ ĐẠO VĂN 54 PHỤ LỤC 3: CÁC BIỂU ĐỒ TUẦN TỰ 58 PHỤ LỤC 4: CÁC BIỂU ĐỒ HOẠT ĐỘNG 66 ́ Đa ̣i h ọc Ki nh tế Hu ê PHỤ LỤC 5: GIAO DIỆN 73 SVTH: Nguyễn Linh Linh iv - Khóa luận tốt nghiệp DANH MỤC THUẬT NGỮ STT Chữ viết tắt Nội dung đầy đủ Artificial Intelligence – Trí thơng minh nhân tạo COD Cash On Delivery – Giao hàng tiền thu hộ CSS Cascading Style Sheet – Ngôn ngữ tạo phong cách cho trang Web GUI Graphical User Interface – Giao diện đồ họa người dùng HTML Hypertext Markup Language – Ngôn ngữ đánh dấu siêu văn LINQ Language Integrated Query – Ngơn ngữ truy vấn tích hợp SQL Structure Query Language – Ngôn ngữ truy vấn liệu SWOT Strengths – Weaknesses – Opportunities – Threats UI User Interface – Giao diện người dùng 10 UX User Experience – Trải nghiệm người dùng Đa ̣i h ọc Ki nh tế ́ AI Hu ê SVTH: Nguyễn Linh Linh v - Khóa luận tốt nghiệp DANH MỤC HÌNH ẢNH Hình 1.1 Bảng xếp hạng doanh nghiệp thương mại điện tử Việt Nam quý I/2018 .9 Hình Sơ đồ quy trình phát triển website mơ hình thác nước 11 Hình Giao diện SQL Server 2014 14 Hình Giao diện Visual studio 2019 15 Hình Cửa hàng giày Rovi .18 Hình 2 Sơ dồ cấu tổ chức cửa hàng Rovi .19 ́ Hu ê Hình Biểu đồ gói 30 Hình Biều đồ usecase tổng quát .30 Hình 3 Biểu đồ usecase quản lý hệ thống 31 Hình Biều đồ usecase quản lý danh mục 32 tế Hình Biểu đồ đăng nhập 32 Hình Biểu đồ quản lý loại hàng hóa 33 nh Hình Biểu đồ quản lý giỏ hàng 34 Hình Biểu đồ hoạt động đăng nhập 36 Ki Hình Biểu đồ hoạt động thêm loại hàng hóa 37 Hình 10 Biểu đồ hoạt động đặt hàng 38 ọc Hình 11 Biểu đồ lớp 38 Hình 12 Mơ hình sở liệu 44 ̣i h Hình 13 Giao diện trang chủ .45 Hình 14 Giao diện đăng nhập 46 Đa Hình 15 Giao diện thông tin sản phẩm 47 Hình 16 Giao diện giỏ hàng .47 Hình 17 Giao diện đặt hàng .48 SVTH: Nguyễn Linh Linh vi - Khóa luận tốt nghiệp DANH MỤC BẢNG BIỂU Bảng Mơ hình SWOT cửa hàng giày Rovi 24 Bảng Mô tả chức đăng nhập 33 Bảng Mô tả chức thêm loại hàng hóa 34 Bảng 3 Mô tả chức quản lý giỏ hàng 35 Bảng Dữ liệu Slide 39 Bảng Dữ liệu liên hệ khách hàng 39 ́ Hu ê Bảng Dữ liệu giới thiệu 39 Bảng Dữ liệu liên hệ .39 Bảng Dữ liệu người dùng .39 tế Bảng Dữ liệu nhóm tài khoản .40 Bảng 10 Dữ liệu Module 40 nh Bảng 11 Dữ liệu Form .40 Bảng 12 Dữ liệu phân quyền module cho nhóm .40 Bảng 13 Dữ liệu phân quyền form cho nhóm 41 Ki Bảng 14 Phân quyền form cho người dùng .41 Bảng 15 Dữ liệu khách hàng .41 ọc Bảng 16 Dữ liệu đơn hàng .41 Bảng 17 Dữ liệu chi tiết đơn hàng 42 ̣i h Bảng 18 Dữ liệu giỏ hàng 42 Bảng 19 Dữ liệu chi tiết giỏ hàng 42 Đa Bảng 20 Dữ liệu sản phẩm 43 Bảng 21 Dữ liệu loại sản phẩm 43 Bảng 22 Dữ liệu tin tức .43 SVTH: Nguyễn Linh Linh vii - Khóa luận tốt nghiệp ́ Ki Hình 5: Biểu đồ liên hệ nh tế Hu ê Biểu đồ liên hệ (khách hàng) Bảng 5: Mô tả chức liên hệ Liên hệ Khách hàng ̣i h Tác nhân ọc Tên chức Đa Điều kiện đầu vào Các luồng kiện Kết trả Không - Tác nhân chọn vào liên hệ - Tác nhân nhập thông tin chọn nút gửi liên hệ Hệ thống thông báo liên hệ thành công SVTH: Nguyễn Linh Linh 62 - Khóa luận tốt nghiệp ́ nh Hình 6: Biểu đồ đặt hàng tế Hu ê Biểu đồ đặt hàng Bảng 6: Mô tả chức đặt hàng Đặt hàng Khách hàng ọc Tác nhân Ki Tên chức - Tác nhân đăng nhập vào hệ thống - Tác nhân thực thao tác thêm sản phẩm vào giỏ hàng ̣i h Điều kiện đầu vào Đa - Tác nhân chọn vào quản lý giỏ hàng Sự kiện đặt hàng - Tác nhân chọn nút tiến hành đặt hàng Sau điền thơng tin giao hàng đặt lần đầu tiên, đặt hàng trước thơng tin có sẵn cập nhật lại muốn Tiếp theo nhấn nút giao hàng địa Kết trả Hệ thống thông báo đặt hàng thành công SVTH: Nguyễn Linh Linh 63 - Khóa luận tốt nghiệp ́ nh tế Hu ê Biểu đồ xem tin tức Ki Hình 7: Biểu đồ xem tin tức ọc Bảng 7: Mô tả chức xem tin tức Tên chức Khách hàng Điều kiện đầu vào Không Đa ̣i h Tác nhân Xem tin tức - Tác nhân chọn xem tin tức Kết trả Hệ thống hiển thị tin tức mà tác nhân chọn Các luồng kiện - Tác nhân kích chọn tin tức muốn xem SVTH: Nguyễn Linh Linh 64 - Khóa luận tốt nghiệp ́ Hu ê Biểu đồ đăng xuất Bảng 8: Mô tả chức đăng xuất nh Tên chức tế Hình 8: Biểu đồ đăng xuất Đăng xuất Admin, nhân viên Điều kiện đầu vào Tác nhân đăng nhập vào hệ thống ọc Ki Tác nhân - Tác nhân chọn vào chức đăng xuất - Hệ thống thực chức đăng xuất ̣i h Các luồng kiện - Hệ thống trả giao diện đăng nhập Đa Kết trả Q trình đăng xuất thành cơng SVTH: Nguyễn Linh Linh 65 - Khóa luận tốt nghiệp PHỤ LỤC 4: CÁC BIỂU ĐỒ HOẠT ĐỘNG Biểu đồ hoạt động đổi mật Đặc tả quy trình đổi mật khẩu: - Người dùng muốn đổi mật Hệ thống hiển thị giao diện đổi mật - Hệ thống yêu cầu nhập mật cũ, mật mới, xác nhận mật - Hệ thống kiểm tra liệu mà người dùng nhập vào: + Nếu nhập mật cũ xác nhận lại mật hệ thống ́ Hu ê thông báo đổi mật thành công + Nếu nhập sai mật cũ xác nhận lại lại sai mật hệ thống thơng báo mật cũ nhập không mật nhập lại không khớp Đa ̣i h ọc Ki nh tế Người dùng nhập lại khỏi quy trình Hình 1: Biểu đồ hoạt động đổi mật Biểu đồ hoạt động sửa loại hàng hóa Đặc tả quy trình sửa loại hàng hóa: - Admin nhân viên yêu cầu sửa loại hàng hóa SVTH: Nguyễn Linh Linh 66 - Khóa luận tốt nghiệp - Hệ thống hiển thị giao diện quản lý loại hàng hóa - Admin nhân viên chọn loại hàng hóa cần sửa, kích chọn chi tiết Hệ thống hiển thị giao diện sửa loại hàng hóa - Admin nhân viên nhập thông tin muốn sửa, nhấn lưu Hệ thống kiểm tra giá trị xem phù hợp hay khơng: + Nếu phù hợp hệ thống chấp nhận cập nhật lại thông tin, sau thơng báo cập nhật thành cơng ́ Đa ̣i h ọc Ki nh tế - Kết thúc quy trình sửa loại hàng hóa Hu ê + Nếu khơng phù hợp hệ thống thơng báo lỗi đồng thời yêu cầu nhập lại Hình 2: Biểu đồ hoạt động sửa loại hàng hóa Biểu đồ hoạt động xóa loại hàng hóa Đặc tả quy trình xóa loại hàng hóa: - Admin nhân viên yêu cầu xóa loại hàng hóa - Hệ thống hiển thị giao diện quản lý loại hàng hóa - Admin nhân viên chọn loại hàng hóa muốn xóa, kích chọn nút xóa Hệ thống SVTH: Nguyễn Linh Linh 67 - Khóa luận tốt nghiệp hỏi lại chắn muốn xóa chưa + Nếu xác nhận hệ thống thơng báo xóa thành cơng + Nếu khơng xác nhận hệ thống hủy việc xóa ́ Ki nh tế Hu ê - Kết thúc q trình xóa loại hàng hóa Hình 3: Biểu đồ hoạt động xóa loại hàng hóa ọc Biểu đồ hoạt động tìm kiếm loại hàng hóa Đặc tả quy trình tìm kiếm loại hàng hóa: ̣i h - Admin nhân viên yêu cầu tìm kiếm loại hàng hóa - Hệ thống hiển thị giao diện quản lý loại hàng hóa Đa - Admin nhân viên tiến hành nhập thơng tin muốn tìm kiếm vào tìm kiếm - Việc tìm kiếm hệ thống vào ký tự mà admin nhân viên nhập vào để trả kết + Nếu thơng tin tìm kiếm có sở liệu hệ thống hiển thị danh sách loại hàng hóa có chứa ký tự liên quan + Nếu thơng tin tìm kiếm khơng có sở liệu hệ thống thơng báo liệu trống - Kết thúc quy trình tìm kiếm loại hàng hóa SVTH: Nguyễn Linh Linh 68 - ́ Ki nh tế Hu ê Khóa luận tốt nghiệp ọc Hình 4: Biểu đồ hoạt động tìm kiếm loại hàng hóa Biểu đồ hoạt động liên hệ ̣i h Đặc tả quy trình liên hệ: - Khách hàng yêu cầu liên hệ Đa - Hiển thị giao diện liên hệ, khách hàng tiến hành điền thông tin vào form liên hệ nhấn gửi - Hệ thống kiểm tra thông báo gửi liên hệ thành công khách hàng nhập tất thông tin hợp lệ Ngược lại hệ thống báo lỗi khách hàng nhập thơng tin chưa hợp lệ - Kết thúc quy trình liên hệ SVTH: Nguyễn Linh Linh 69 - ́ nh tế Hu ê Khóa luận tốt nghiệp Hình 5: Biểu đồ hoạt động liên hệ Ki Biểu đồ hoạt động thống kê Đặc tả quy trình thống kê: thống kê ọc - Admin nhân viên yêu cầu quản lý thống kê Hệ thống hiển thị giao diện ̣i h - Hệ thống hiển thị danh mục thống kê, admin nhân viên tìm kiếm tổng doanh thu theo ngày, tháng, năm Admin nhân viên tiếp tục cách tìm kiếm ngày, tháng, năm khác Đa - Kết thúc quy trình thống kê SVTH: Nguyễn Linh Linh 70 - ́ Ki nh tế Hu ê Khóa luận tốt nghiệp Hình 6: Biểu đồ hoạt động quản lý thống kê ọc Biểu đồ hoạt động thêm sản phẩm vào giỏ hàng Đặc tả quy trình thêm sản phẩm vào giỏ hàng: ̣i h - Khách hàng yêu cầu thêm sản phẩm vào giỏ hàng Hệ thống hiển thị form Website, khách hàng tiến hành kích chọn vào sản phẩm muốn thêm Sau hệ thống Đa hiển thị form chi tiết sản phẩm - Khi khách hàng kích chọn nút thêm xảy trường hợp sau: + Hệ thống kiểm tra số lượng sản phẩm với điều kiện phải lớn + Hệ thống kiểm tra sản phẩm có giỏ hàng chưa - Nếu đáp ứng đủ yếu tố thơng báo thêm sản phẩm thành công Nếu yếu tố không đáp ứng thơng báo lỗi: - Kết thúc quy trình thêm sản phẩm vào giỏ hàng SVTH: Nguyễn Linh Linh 71 - ́ ọc Ki nh tế Hu ê Khóa luận tốt nghiệp Đa ̣i h Hình 7: Biểu đồ hoạt động thêm sản phẩm vào giỏ hàng SVTH: Nguyễn Linh Linh 72 - Khóa luận tốt nghiệp PHỤ LỤC 5: GIAO DIỆN ́ Hình 1: Giao diện đăng ký khách hàng tế Hu ê Giao diện đăng ký khách hàng nh Khách hàng kích vào mục đăng nhập để đăng ký tài khoản Hệ thống hiển thị form đăng ký gồm thông tin Sau nhập đầy đủ thông tin nhấn đăng ký, hệ Ki thống thông báo đăng ký thành công Đa ̣i h ọc Giao diện quản lý sản phẩm Hình 2: Giao diện quản lý sản phẩm Giao diện hiển thị thơng tin tên nhóm sản phẩm, tên sản phẩm, hình ảnh, giá thành Bao gồm chức thêm sản phẩm, cập nhật sản phẩm, xóa sản phẩm tìm kiếm sản phẩm SVTH: Nguyễn Linh Linh 73 - Khóa luận tốt nghiệp ́ ọc Ki nh tế Hu ê Giao diện quản lý phân quyền ̣i h Hình 3: Giao diện phân quyền Admin người có quyền quản trị cao nhất, tiến hành phân quyền cho nhân Đa viên thực chức để quản trị hệ thống Nhân viên dựa vào chức mà admin cấp phép để thực nhiệm vụ SVTH: Nguyễn Linh Linh 74 - Khóa luận tốt nghiệp ́ Hu ê Giao diện quản lý đơn hàng hồn thành Hình 4: Giao diện quản lý đơn hàng hồn thành Admin nhân viên quản lý đơn hàng thông qua việc theo dõi tình tế trạng đơn hàng Trong mục quản lý đơn hàng hoàn thành gồm mục chi tiết đơn hàng, ngày đặt hàng, tên khách hàng, số điện thoại, địa chỉ, mail, lời nhắn trạng nh thái Đa ̣i h ọc Ki Giao diện quản lý khách hàng Hình 5: Giao diện quản lý khách hàng Admin nhân viên chỉnh sửa thơng tin tìm kiếm khách hàng Trong mục quản lý khách hàng admin nhân viên quản lý tên tài khoản, tên khách hàng, số điện thoại email SVTH: Nguyễn Linh Linh 75 - Khóa luận tốt nghiệp ́ Hu ê Giao diện quản lý thống kê tế Hình 6: Giao diện quản lý thống kê Admin nhân viên phân quyền tìm kiếm khoảng thời gian muốn nh thống kê bất kì, để xem tổng doanh thu sản phẩm bán chạy Đa ̣i h ọc Ki thời gian SVTH: Nguyễn Linh Linh 76