ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN □&□ BÁO CÁO ĐỒ ÁN MÔN HỌC KỸ THUẬT PHÁT TRIỂN HỆ THỐNG APP ĐỀ TÀI XÂY DỰNG APP BÁN ĐỒ Giảng Viên Hướng Dẫn Võ Ngọc Tân Sinh vi[.]
ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN □&□ BÁO CÁO ĐỒ ÁN MÔN HỌC KỸ THUẬT PHÁT TRIỂN HỆ THỐNG APP ĐỀ TÀI: XÂY DỰNG APP BÁN ĐỒ Giảng Viên Hướng Dẫn: Võ Ngọc Tân Sinh viên thực hiện: Nhóm STT Họ tên Trần Hùng Đào Vĩnh Kỳ h MSSV 19521584 19521730 LỜI CẢM ƠN Trước tiên, nhóm chúng em xin gửi lời cảm ơn đến khoa Khoa học Kỹ thuật thông tin – trường Đại học Công nghệ Thông tin – ĐHQG-HCM tạo điều kiện cho nhóm chúng em thực đồ án Chúng em xin gửi lời cảm ơn chân thành đến thầy Võ Ngọc Tân trang bị cho chúng em kiến thức, kỹ cần có để hồn thành đề tài nghiên cứu Tuy nhiên trình nghiên cứu đề tài, kiến thức chuyên ngành hạn chế nên chúng em nhiều thiếu sót tìm hiểu, đánh giá trình bày đề tài Rất mong nhận quan tâm, góp ý thầy/cơ giảng viên mơn để đề tài em đầy đủ hoàn chỉnh Nhóm chúng em xin chân thành cảm ơn h MỤC LỤC CHƯƠNG GIỚI THIỆU CHUNG 1.1 Mục đích tài liệu 1.2 Phạm vi hệ thống 1.3 Mô tả tài liệu .6 1.4 Kế hoạch thực đồ án 1.4.1 CHƯƠNG Công cụ thực KHẢO SÁT HIỆN TRẠNG* 2.1 Báo cáo khảo sát trạng 2.1.1 Giới thiệu sơ lược ứng dụng bán hàng .9 2.1.2 Khảo sát nhu cầu sử dụng app bán hàng .10 2.2 Danh sách yêu cầu .11 2.2.1 Yêu cầu chức năng: 11 2.2.2 Yêu cầu phi chức 11 CHƯƠNG CHƯƠNG 3: THIẾT KẾ DỮ LIỆU .12 3.1 Sơ đồ mối quan hệ thực thể: 12 CHƯƠNG GIAO DIỆN VÀ CHI TIẾT TÍNH NĂNG APP 13 4.1 Navigation drawer .13 4.1.1 Giao diện 13 4.1.2 Các tính 13 4.2 Tabbed layout part .13 4.2.1 Giao diện 13 4.2.2 Các tính 13 4.3 Trang home .14 h 4.3.1 Giao diện 14 4.3.2 Các tính 15 4.4 Trang giỏ hàng 16 4.4.1 Giao diện 16 4.4.2 Các tính 17 4.5 Trang chi tiết sản phẩm .18 4.5.1 Giao diện 18 4.5.2 Các tính 18 4.6 Trang đăng nhập, đăng ký, quên mật 19 4.6.1 Giao diện 19 4.6.2 Các tính 20 4.7 Trang đơn hàng 21 4.7.1 Giao diện 21 4.7.2 Các tính 22 4.8 Trang sản phẩm yêu thích 23 4.8.1 Giao diện 23 4.8.2 Các tính 23 CHƯƠNG HIỆN THỰC ĐỀ TÀI 24 5.1 Mơ hình MVVC 24 5.1.1 Khái niệm 24 5.1.2 Các thành phần mơ hình MVC .24 5.1.3 Lí sử dụng mơ hình MVC 25 5.2 Công nghệ sử dụng 25 CHƯƠNG NHẬN XÉT VÀ KẾT LUẬN 27 h 6.1 Nhận xét 27 6.1.1 Kết đạt được: 27 6.1.2 Ưu điểm: 27 6.1.3 Nhược điểm: 28 6.2 Hướng phát triển 28 CHƯƠNG TÀI LIỆU THAM KHẢO 29 CHƯƠNG PHÂN CÔNG CÔNG VIỆC 30 h MỤC LỤC HÌNH ẢNH Hình 3.1 Sơ đồ mối quan hệ thực thể 12 Hình 4.1 Giao diện sidebar .13 Hình 4.2 Giao diện Tabbed layout 13 Hình 4.3 giao diện trang Home .14 Hình 4.4 Giao diện trang giỏ hàng khơng có hàng 16 Hình 4.4 Giao diện trang giỏ hàng có hàng .17 Hình 4.5 Giao diện trang chi tiết sản phẩm .18 Hình 4.6 Giao diện trang đăng nhập, đăng ký 19 Hình 4.9 Giao diện trang danh sách đơn hàng có đơn hàng 21 Hình 4.9 Giao diện trang danh sách đơn hàng đơn hàng 21 Hình 5.1 Mơ hình MVC 24 h CHƯƠNG GIỚI THIỆU CHUNG 1.1 Mục đích tài liệu Sự phát triển mạnh mẽ công nghệ 4.0, từ diễn dịch bệnh COVID19 đến khiến hành vi tiêu dùng người có nhiều thay đổi Trong đó, đặt hàng online lên ngơi trở thành xu hướng mua sắm thay kênh truyền thống trước Để tận dụng thời “vàng” này, nhà bán hàng cần thay đổi đưa chiến lược kinh doanh để thích ứng thu hút khách hàng, gia tăng doanh số Trong bối cảnh đại dịch Covid 19, lệnh giãn cách, phong tỏa, làm “đóng băng” hoạt động nhu cầu người tiêu dùng hữu, đặc biệt nhu cầu thiết yếu ăn, mặc, bảo vệ nâng cao sức khỏe Điều khiến cho người tiêu dùng buộc phải tìm đến từ kênh mua hàng khác để đáp ứng nhu cầu thân Khi hoạt động mua sắm bên siêu thị, cửa hàng hay chợ truyền thống người tiêu dùng giảm thiểu tối đa; thay vào xu hướng đặt hàng online mà cụ thể đặt thực phẩm online tăng cường tập trung cho chi tiêu thực nhà, hạn chế giao dịch, mua bán tập trung đông người nhằm tuân thủ quy định phòng chống dịch Nắm nhu cầu thiết yếu nên nhóm định xây dựng appside bán đồ hàng điện tử, qua người tiêu dùng cần nhà, lên mạng chọn mua chờ vận chuyển hàng đến nhà mà chen lấn, xếp hàng mua hàng kênh truyền thống Hệ thống ứng dụng nhóm cung cấp chức khác người dùng, với chức để quản lý hệ thống bán hàng hàng điện tử online h 1.2 Phạm vi hệ thống Phần mềm quản lý bán hàng điện tử phát triển ứng dụng đa tảng, giúp thận tiện cho người dùng, với giao diện bắt mắt, thiết kế đơn giản, trực quan giúp người sử dụng dễ dàng Ngoài ra, với platform đa tảng, ứng dụng nhanh chóng tiếp cận nhiều đối tượng khách hàng hơn, từ nâng cao doanh số cá nhân doanh nghiệp sở hữu Phần mềm xây dựng nhằm mô lại hệ thống bán đồ hàng điện tử số chức quy mô vừa nhỏ 1.3 Mô tả tài liệu Tài liệu gồm phần sau: Phần 1: Giới thiệu chung Phần 2: Khảo sát trạng Phần 3: Thiết kế liệu Phần 4: Giao diện chi tiết tính ứng dụng Phần 5: Hiện thực đề tài Phần 6: Nhận xét kết luận Phần 7: Tài liệu tham khảo Phần 8: Bảng phân công công việc h 1.4 Kế hoạch thực đồ án 1.4.1 Công cụ thực Microsoft Teams Microsoft Teams cơng cụ nhóm dùng q trình thực đồ án với mục đích trao đổi thông tin, tổ chức họp hàng tuần họp đột xuất nhằm sửa chữa lỗi có đồ án, nhóm có lưu trữ lại thông tin họp Visual Studio Visual Studio Code nhóm lựa chọn để lập trình ứng dụng đa tảng miễn phí, có kho tiện ích mở rộng đa dạng giúp q trình code thuận tiện nhanh hơn, hỗ trợ nhiều ngôn ngữ lập trình, h Github GitHub hệ thống quản lý dự án phiên code, hoạt động giống mạng xã hội cho lập trình viên Các thành viên nhóm clone lại mã nguồn từ repository Github dịch vụ máy chủ repository công cộng, người tạo tài khoản để tạo repository branch riêng để làm việc quản lý code Ngồi có sử dụng github desktop để dễ tương tác sử dụng github Draw.io Draw.io dùng để vẽ sơ đồ cần có q trình phát triển Draw.io cơng cụ vẽ sơ đồ mạnh mẽ, hỗ trợ nhiều hình khối, hoạt động online khơng cần cài đặt mà lại miễn phí khơng bị giới hạn số biểu đồ nhiều tool vẽ app khác Draw.io cho phép vẽ nhiều sơ đồ thiết kế sơ đồ sở liệu có thư viện template phong phú để bạn bắt đầu nhanh hơn, khơng phải tự vẽ lại hết tự đầu FIGMA Figma là ứng dụng gồm nhiều công cụ thiết kế mạnh mẽ tảng app Với Figma, bạn sáng tạo khơng giới hạn giao diện người dùng (UI/UX), thiết kế tạo mẫu, tạo đăng mạng xã hội nhiều dự án thiết kế khác Trong đồ án này, figma dùng để chỉnh sửa màu sắc, tạo trang giao diện, từ mà thành viên dựa vào design figma mà lập trình nên giao diện hệ thống h 4.4 Trang giỏ hàng 4.4.1 - Giao diện Khi khơng có hàng Hình 4.5 Giao diện trang giỏ hàng khơng có hàng - Khi có hàng 16 h Hình 4.6 Giao diện trang giỏ hàng có hàng 4.4.2 Các tính Thay đổi số lượng sản phẩm giỏ hàng Xoá sản phẩm khỏi giỏ hàng Xem thông tin đặt hàng Nhấn nút đặt hàng 17 h 4.5 Trang chi tiết sản phẩm 4.5.1 Giao diện Hình 4.7 Giao diện trang chi tiết sản phẩm 4.5.2 Các tính Được thêm vào giỏ hàng Xem mơ tả sản phẩm Xem bình luận Thêm sản phẩm vào danh sách ưa thích (wishlist) 18 h