TRƯỜNG ĐẠI HỌC SƯ PHẠM – ĐẠI HỌC ĐÀ NẴNG KHOA TIN HỌC BÁO CÁO KHOÁ LUẬN TỐT NGHIỆP TÊN ĐỀ TÀI:XÂY DỰNG HỆ THỐNG WEBSITE ORDER HÀNG TRUNG QUỐC SYNCVI CBHD : TS Phạm Anh Phương Sinh viên : Lê Đình Huân Mã sinh viên : 312024161117 Lớp : 16CNTT3 ĐÀ NẴNG , 05 / 2020 KHÓA LUẬN TỐT NGHIỆP GVHD: PHẠM ANH PHƯƠNG LỜI CẢM ƠN Trong trình ba tháng thực tập vừa qua, em nhận hướng dẫn, giúp đỡ động viên tận tình từ nhiều phía Tất điều trở thành động lực lớn giúp em hồn thành tốt đợt thực tập tốt nghiệp Với tất cảm kích trân trọng, em xin gửi lời cảm ơn đến tất người Trước tiên cho em gửi lời cảm ơn đến Công ty TNHH Neolab Việt Nam tạo điều kiện cho em tham gia thực tập đơn vị cung cấp tất sở vật chất trang thiết bị cho em thời gian vừa qua Xin cảm ơn anh chị cơng ty tận tình hướng dẫn giúp đỡ em suốt thời gian em tham gia thực tập Em xin gửi lời cảm ơn đến ban lãnh đạo trường Đại học Sư phạm Đà Nẵng, ban lãnh đạo khoa Tin học tổ chức buổi giao lưu doanh nghiệp sinh viên thật bổ ích, giúp em có hội tìm đơn vị thực tập tốt phù hợp với lực thân Cuối cùng, em xin chân thành cảm ơn thầy Phạm Anh Phương thầy cô giáo Khoa Tin học, Trường Đại học Sư Phạm Đà Nẵng xin cảm ơn quý thầy tận tình dạy bảo, giúp đỡ em suốt thời gian em học tập trường thời gian em thực tập vừa qua Xin trân trọng cảm ơn! Đà Nẵng, ngày 06 tháng 05 năm 2020 Sinh viên thực Lê Đình Huân SVTH: Lê Đình Hn KHĨA LUẬN TỐT NGHIỆP GVHD: PHẠM ANH PHƯƠNG NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Đà Nẵng, ngày….tháng….năm 2020 Cán hướng dẫn Phạm Anh Phương SVTH: Lê Đình Hn KHĨA LUẬN TỐT NGHIỆP GVHD: PHẠM ANH PHƯƠNG LỜI CAM ĐOAN Tôi xin cam đoan: Những nội dung báo cáo tốt nghiệp thực hướng dẫn trực tiếp thầy Phạm Anh Phương Mọi tham khảo dùng đồ án thực tập trích dẫn rõ ràng trung thực tên tác giả, tên cơng trình, thời gian, địa điểm công bố Mọi chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trá, tơi xin chịu hồn tồn trách nhiệm Đà Nẵng, ngày tháng năm 2020 Sinh viên thực Lê Đình Hn SVTH: Lê Đình Hn KHĨA LUẬN TỐT NGHIỆP GVHD: PHẠM ANH PHƯƠNG MỤC LỤC LỜI MỞ ĐẦU CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1 Tổng quan mơ hình hoạt động 1.2 Ngôn ngữ lập trình 1.2.1 MYSQL 1.2.3 VueJS CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 Phân tích thiết kế 2.1.1 Mơ tả tốn 2.1.2 Yêu cầu chức 2.1.3 Yêu cầu phi chức 2.1.4 Biểu đồ Use Case 2.2 Biểu đồ hoạt động 24 2.2.1 Đăng nhập 25 2.2.2 Đăng Ký 26 2.2.3 Thêm sản phẩm 27 2.2.4 Cập nhật sản phẩm 28 2.2.5 Xoá sản phẩm 29 2.2.6 Đặt hàng 30 2.2.7 Xác nhận đơn hàng người dùng 31 2.2.8 Huỷ đơn hàng người dùng 32 2.2 Mơ hình quan hệ liệu 33 CHƯƠNG 3: CÀI ĐẶT CHƯƠNG TRÌNH VÀ DEMO 34 3.1 Demo chương trình 34 3.1.1 Giao diện người dùng 34 3.1.2 Giao diện shop 39 3.1.3 Giao diện admin 43 KẾT LUẬN 45 TÀI LIỆU THAM KHẢO 46 SVTH: Lê Đình Hn KHĨA LUẬN TỐT NGHIỆP GVHD: PHẠM ANH PHƯƠNG LỜI MỞ ĐẦU Lý chọn đề tài Ngày với phát triển không ngừng internet ứng dụng công nghệ thông tin vào đời sống khơng thể thiếu Nó mang lại nhiều lợi ích, rút ngắn thời gian mua hàng toán 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 Hiện có nhiều mặt hàng tìm kiếm trang Amazon, Tmall, Alibaba… có giá rẻ nhiều so với mặt hàng nước, nhiên việc order mặt hàng khó, cần phải có Visa đợi lâu hàng về, có nhiều trang web bán hàng trực tuyến không hỗ trợ ship hàng Việt Nam gây khó khăn cho người mua Chính điều em chọn đề tài order hàng hoá từ Trung Quốc làm cho việc order hàng hoá trở nên dễ dàng, chi phí thấp, thời gian giao hàng nhanh chóng • • • • • • Đối tượng nghiên cứu phạm vi nghiên cứu Đối tượng nghiên cứu - Người dùng nước - Chủ shop người trực tiếp lấy hàng từ bên Trung Quốc Phạm vi nghiên cứu - Tất shop Hà Nội, Đà Nẵng, TP Hồ Chí Minh - Người dùng có nhu cầu order hàng mà khơng có visa chưa biết cách order hàng hố từ nước Mục tiêu nghiên cứu Mục tiêu tổng quan - Trên sở tìm hiểu lý thuyết cách thức order hàng online từ nước ngoài, nghiên cứu cách tính phí thủ tục để order hàng hố dễ dàng Mục tiêu cụ thể - Tìm hiểu ưu nhược điểm loại hình order hàng hố từ bên nước ngồi - Nghiên cứu cách tính thuế, phí giao hàng order - Nghiên cứu ngơn ngữ lập trình áp dụng vào project để cho phù hợp với toán khả mở rộng project lớn lên - Xây dựng giao diện đẹp mắt, thân thiện với người dùng Phương pháp nghiên cứu Phương pháp thu thập thông tin - Nghiên cứu tài liệu từ mạng internet tham khảo báo cáo anh chị năm trước để áp dụng phát triển website hồn chỉnh - Quan sát cách thức, quy trình order hàng online website lớn - Trực tiếp vấn shop có nhu cầu order hàng từ nước ngồi Phương pháp phát triển hệ thống thông tin - Sử dụng mô hình Agile Scrum để phân tích chia nhỏ chức theo mức độ ưu tiên - Phân tích thiết kế dựa thơng tin thu thập thơng qua sơ đồ hoạt động từ đưa phương án phát triển website phù hợp SVTH: Lê Đình Hn KHĨA LUẬN TỐT NGHIỆP GVHD: PHẠM ANH PHƯƠNG CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1 Tổng quan mơ hình hoạt động Mơ hình Agile Scrum mơ hình phát triển phần mềm linh hoạt theo hướng tiếp cận dự án gồm quy trình làm việc tương tác tích hợp để đưa tới người dùng sản phẩm chất lượng nhanh chóng Những phương pháp phát triển phần mềm truyền thống bộc lộ nhiều khuyết điểm khiến cho dự án chất lượng, chậm tiến độ khó mở rộng có u cầu Bản chất quy trình phát triển phần mềm gồm: + Individuals and interactions over processes and tools: Cá nhân tương tác quy trình cơng cụ + Working software over comprehensive documentation: Phần mềm chạy tốt tài liệu đầy đủ + Customer collaboration over contract negotiation: Cộng tác với khách hàng đàm phán hợp đồng + Responding to change over following a plan: Phản hồi với thay đổi bám theo kế hoạch 1.2 Ngơn ngữ lập trình 1.2.1 MYSQL MySQL hệ quản trị sở liệu tự nguồn mở phổ biến giới nhà phát triển ưa chuộng trình phát triển ứng dụng Vì MySQL sở liệu tốc độ cao, đơn giải, linh hoạt, ổn định dễ sử dụng, có tính khả chuyển, đặc biệt miễn phí tốn phí, hoạt động nhiều hệ điều hành cung cấp hệ thống lớn hàm tiện ích mạnh Với tốc độ tính bảo mật cao, MySQL thích hợp cho ứng dụng có truy cập CSDL internet MySQL miễn phí hồn tồn bạn tải MySQL từ trang chủ Nó có nhiều phiên cho hệ điều hành khác nhau: phiên Win32, Win 64 cho hệ điều hành dòng Windows, Linux, Mac OS X, Unix, FreeBSD, NetBSD, Novell NetWare, SGI Irix, Solaris, SunOS MySQL ví dụ Hệ Quản trị Cơ sở liệu quan hệ sử dụng Ngơn ngữ truy vấn có cấu trúc (SQL) MySQL sử dụng cho việc bổ trợ PHP, Perl, nhiều ngơn ngữ khác, làm nơi lưu trữ thông tin trang web viết PHP hay Perl Việc kết hợp sở liệu với ứng dụng web, liệu xử lý php tương tác với csdl lấy liệu, làm nội dung trang web từ trạng thái tĩnh sang động Sự linh hoạt cốt lõi ứng dụng web động (dynamic web application) 1.2.2 Laravel Laravel PHP Framework mã nguồn mở miễn phí, phát triển Taylor Otwell nhắm mục tiêu hỗ trợ phát triển ứng dụng web theo cấu trúc model- view- controller (MVC) Những tính bật Laravel bao gồm cú pháp dễ hiểu- rõ ràng, hệ thống đóng gói Modular quản lý gói phụ thuộc, SVTH: Lê Đình Hn KHĨA LUẬN TỐT NGHIỆP GVHD: PHẠM ANH PHƯƠNG nhiều cách khác để truy cập vào sở liệu quan hệ, nhiều tiện ích khác hỗ trợ việc triển khai vào bảo trì ứng dụng Vào khoảng Tháng năm 2015, lập trình viên có bình chọn PHP framework phổ biến nhất, Laravel giành vị trí quán quân cho PHP framework phổ biến năm 2015, theo sau Symfony2, Nette, CodeIgniter, Yii2 vào số khác Trước đó, Tháng năm 2014, Laravel trở thành project PHP phổ biến theo dõi nhiều Github 1.2.3 VueJS Theo trang chủ Vue.js VueJS JS Framework dùng để xây dựng giao diện người dùng Vue thiết kế từ đầu theo hướng cho phép khuyến khích việc phát triển ứng dụng theo bước Có thể đáp ứng nhu cầu SPA (Single-Page Applications) Khác với framework nguyên khối (monolithic), Vue thiết kế từ đầu theo hướng cho phép khuyến khích việc phát triển ứng dụng theo bước Khi phát triển lớp giao diện (view layer), người dùng cần dùng thư viện lõi (core library) Vue, vốn dễ học tích hợp với thư viện dự án có sẵn Cùng lúc đó, kết hợp với kĩ thuật đại SFC (single file components) thư viện hỗ trợ, Vue đáp ứng dễ dàng nhu cầu xây dựng ứng dụng trang (SPA - Single-Page Applications) với độ phức tạp cao nhiều SVTH: Lê Đình Hn KHĨA LUẬN TỐT NGHIỆP GVHD: PHẠM ANH PHƯƠNG CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG 2.1 Phân tích thiết kế 2.1.1 Mơ tả tốn Phát triển triển khai mơ hình kinh doanh theo hướng online dần thay bán hàng theo kiểu truyền thống, thay tốn hàng chục triệu hàng tháng để thuê mặt cần khoản tiền nhỏ kinh doanh bn bán, Việt Nam mơ hình order hàng online từ nước ngồi mẻ có nhiều tiềm phù hợp với shop có nhu cầu nhập hàng phù hợp với người có nhu cầu mua hàng mà khơng cần thơng qua thủ tục rườm rà SyncVi tạo website để hỗ trợ người mong muốn có sản phẩm chất lượng giá thành hợp lý Hiện website gồm đối tượng sử dụng gồm admin, shop người dùng Admin: có quyền cao đối tượng, admin quản lý thông tin shop user, admin có quyền thêm, sửa, xố shop user Shop: quản lý đơn hàng mà người dùng đặt từ trang Tmall Khi có đơn hàng, shop kiểm tra xem order sản phẩm mà người dùng yêu cầu hay không, có chấp nhận báo cho người dùng biết để tiến hành tốn, cịn khơng huỷ đơn hàng phản hồi lại cho người dùng Sau tiếp nhận đơn hàng, shop tiến hành order giùm cho người dùng, cách tính thuế, chi phí ship… shop tính đơn hàng Người dùng: phải tải công cụ đặt hàng mà bên SyncVi cung cấp, sau tiến hành vào trang Tmall, chọn sản phẩm mà muốn mua tiến hành thêm vào giỏ hàng Trường hơp người dùng chưa đăng nhập SyncVi yêu cầu đăng nhập, sau đăng nhập thành cơng, người dùng xem sản phẩm mà đặt giỏ hàng, tiến hành nhập thông tin giao hàng chờ đợi shop phản hồi Sau shop phải hồi thành công, người dùng tiến hành toán số tiền đơn hàng, tối thiểu 60% tổng giá trị đơn hàng 2.1.2 Yêu cầu chức - Website có đầu đủ chức dành cho admin, shop user - Các chức giành cho người dùng: đăng nhập, đăng ký, xem giỏ hàng, thêm sản phẩm, xoá sản phẩm khỏi giỏ hàng, tiến hành đặt hàng, quản lý đơn hàng, xem chi tiết đơn hàng, comment đơn hàng với shop - Chức giành cho shop: đăng nhập, đăng ký, quản lý đơn hàng, thống kê đơn hàng, comment đơn hàng với người dùng - Chức giành cho Admin: Đăng nhập, quản lý user, quản lý shop 2.1.3 Yêu cầu phi chức - Giao diện đẹp mắt, thân thiện với người sử dụng Hệ thống xử lý ổn định, bị gặp lỗi gây khó chịu An tồn bảo mật thông tin người dùng Tốc độ truy cập nhanh, độ trễ thời gian 2.1.4 Biểu đồ Use Case 2.1.4.1 Khái niệm SVTH: Lê Đình Hn KHĨA LUẬN TỐT NGHIỆP GVHD: PHẠM ANH PHƯƠNG Một biểu đồ Use case số lượng tác nhân ngoại cảnh mối liên kết chúng Use case mà hệ thống cung cấp Một Use case lời miêu tả chức mà hệ thống cung cấp Lời miêu tả Use case thường văn tài liệu, kèm theo biểu đồ hoạt động Các Use case miêu tả theo hướng nhìn từ vào tác nhân (hành vi hệ thống theo mong đợi người sử dụng), không miêu tả chức cung cấp hoạt động nội bên hệ thống Các Use case định nghĩa yêu cầu mặt chức hệ thống Hệ thống: Với vai trò thành phần biểu đồ use case, hệ thống biểu diễn ranh giới bên bên chủ thể phần mềm xây dựng.Một hệ thống biểu đồ use case không thiết hệ phần mềm; máy,hoặc hệ thống thực doanh nghiệp, trường đại học,… Tác nhân(actor):là người dùng hệ thống, tác nhân người dùng thực hệ thống máy tính khác có vai trị hoạt động hệ thống Như vậy, tác nhân thực use case Một tác nhân thực nhiều use case ngược lại use case thực nhiều tác nhân 2.1.4.2 Danh sách tác nhân - Admin - Shop - Người dùng 2.1.4.3 Danh sách ca sử dụng - - Đăng nhập - Đăng ký - Thêm sản phẩm vào giỏ hàng - Xem giỏ hàng - Xoá sản phẩm - Cập nhật số lượng sản phẩm - Đặt hàng - Xem đơn hàng - Xem chi tiết đơn hàng - Comment đơn hàng cụ thể - Quản lý tài khoản user + Xố user + Vơ hiệu hố user - Quản lý tài khoản shop + Xố shop + Vơ hiệu hố shop - Quản lý đơn hàng + Xem chi tiết đơn hàng + Xác nhận tiến trình đơn hàng + Comment đơn hàng với khách hàng + Thống kê danh thu đơn hàng SVTH: Lê Đình Hn KHĨA LUẬN TỐT NGHIỆP GVHD: PHẠM ANH PHƯƠNG 2.2.8 Huỷ đơn hàng người dùng SVTH: Lê Đình Hn 31 KHĨA LUẬN TỐT NGHIỆP GVHD: PHẠM ANH PHƯƠNG 2.2 Mơ hình quan hệ liệu Đây mơ hình quan hệ liệu sau thu thập thông tin thiết kế biểu đồ use case, biển đồ hoạt động SVTH: Lê Đình Hn 32 KHĨA LUẬN TỐT NGHIỆP GVHD: PHẠM ANH PHƯƠNG CHƯƠNG 3: CÀI ĐẶT CHƯƠNG TRÌNH VÀ DEMO 3.1 Demo chương trình 3.1.1 Giao diện người dùng 3.1.1.1 Trang chủ Trang chủ bao gồm thông tin cần thiết hệ thống, quy định, giới thiệu, báo thông tin website cung cấp 3.1.1.2 Đăng nhập Nhập thơng tin Email, mật có tài khoản hệ thống SVTH: Lê Đình Hn 33 KHĨA LUẬN TỐT NGHIỆP 3.1.1.3 GVHD: PHẠM ANH PHƯƠNG Đăng ký Nhập thơng tin email, password, address, phone để đăng ký sử dụng dịch vụ 3.1.1.4 Thêm sản phẩm Thêm sản phẩm từ trang web Tmall SVTH: Lê Đình Hn 34 KHĨA LUẬN TỐT NGHIỆP GVHD: PHẠM ANH PHƯƠNG Sản phẩm thêm thành công 3.1.1.5 Xem giỏ hàng Xem thông tin giỏ hàng gồm thông tin sản phẩm, số tiền tốn SVTH: Lê Đình Hn 35 KHÓA LUẬN TỐT NGHIỆP 3.1.1.6 GVHD: PHẠM ANH PHƯƠNG Cập nhật giỏ hàng Cập nhật số lượng sản phẩm, bạn bỏ qua sản phẩm để lần order 3.1.1.7 Đặt hàng Chọn địa mặc định nhập thông tin địa vào để tiến hành đặt hàng SVTH: Lê Đình Huân 36 KHÓA LUẬN TỐT NGHIỆP 3.1.1.8 GVHD: PHẠM ANH PHƯƠNG Xem đơn hàng Thông tin đơn hàng xử lý đơn hàng hoàn thành 3.1.1.9 Xem chi tiết đơn hàng Thông tin chi tiết đơn hàng, địa giao hàng, thơng tin tốn SVTH: Lê Đình Huân 37 KHÓA LUẬN TỐT NGHIỆP GVHD: PHẠM ANH PHƯƠNG 3.1.1.10 Comment đơn hàng Những comment người dùng shop hiển thị 3.1.2 Giao diện shop 3.1.2.1 Đăng nhập Nhập địa email password đăng nhập SVTH: Lê Đình Hn 38 KHĨA LUẬN TỐT NGHIỆP 3.1.2.2 GVHD: PHẠM ANH PHƯƠNG Quản lý đơn hàng Shop quản lý đơn hàng từ người dùng order 3.1.2.3 Xác nhận đơn hàng Trước tiên cần xác nhận với người dùng toán tiền đặt cọc SVTH: Lê Đình Hn 39 KHĨA LUẬN TỐT NGHIỆP GVHD: PHẠM ANH PHƯƠNG Sau xác nhận tiền đặt cọc tiến hành gom hàng giao hàng 3.1.2.4 Huỷ đơn hàng Nếu người dùng khơng muốn mua hàng shop cancel đơn hàng SVTH: Lê Đình Hn 40 KHĨA LUẬN TỐT NGHIỆP 3.1.2.5 GVHD: PHẠM ANH PHƯƠNG Xem thơng tin đơn hàng Shop xem chi tiết đơn hàng mà người dùng đặt 3.1.2.6 Comment đơn hàng Shop phản hồi comment khác hàng 3.1.2.7 Thống kê đơn hàng doanh thu Tổng số đơn hàng, thu nhập lợi nhuận mà shop SVTH: Lê Đình Hn 41 KHĨA LUẬN TỐT NGHIỆP GVHD: PHẠM ANH PHƯƠNG 3.1.3 Giao diện admin 3.1.3.1 Đăng nhập 3.1.3.2 Quản lý thông tin user shop SVTH: Lê Đình Hn 42 KHĨA LUẬN TỐT NGHIỆP SVTH: Lê Đình Hn GVHD: PHẠM ANH PHƯƠNG 43 KHĨA LUẬN TỐT NGHIỆP GVHD: PHẠM ANH PHƯƠNG KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Kết đạt Nắm vừng kiến thức HTML, CSS, Javascript, PHP framework Xây dựng hệ thơng cung cấp gần đầy đủ nhu cầu cho người mua người bán Giao diện thân thiện đẹp mắt, dễ sử dụng Hạn chế đề tài Chưa phát triển tính order qua nhiều trang alibaba, amazon… Chưa có tính tốn qua VNPAY nút tốn tự động trang detail Chưa phát triển tính huỷ đơn hàng đặt cọc Giao diện admin shop chưa đẹp Mới giới hạn trang web Tmall để demo Hướng phát triển đề tài Mở rộng trang web order hàng online Nâng cấp thêm tính tích hợp tốn mà shop khơng cần phải liên hệ trực tiếp Tạo tính theo dõi đơn hàng (Tracking) Thêm chức chat khách hàng chủ shop SVTH: Lê Đình Hn 44 KHĨA LUẬN TỐT NGHIỆP GVHD: PHẠM ANH PHƯƠNG TÀI LIỆU THAM KHẢO [1] https://viblo.asia/p/phan-tich-thiet-ke-he-thong-thong-tin-su-dung-bieu-do-uml-phan-20bDM6wpAG2X4 [2] https://vuejs.org/v2/guide/ SVTH: Lê Đình Huân 45 ... đợi lâu hàng về, có nhiều trang web bán hàng trực tuyến không hỗ trợ ship hàng Việt Nam gây khó khăn cho người mua Chính điều em chọn đề tài order hàng hoá từ Trung Quốc làm cho việc order hàng. .. trò thành phần biểu đồ use case, hệ thống biểu diễn ranh giới bên bên chủ thể phần mềm xây dựng. Một hệ thống biểu đồ use case không thiết hệ phần mềm; máy,hoặc hệ thống thực doanh nghiệp, trường... vào tác nhân (hành vi hệ thống theo mong đợi người sử dụng), không miêu tả chức cung cấp hoạt động nội bên hệ thống Các Use case định nghĩa yêu cầu mặt chức hệ thống Hệ thống: Với vai trò thành