ĐẠ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[.]
GIỚI THIỆU CHUNG
Mục đích tài liệu
Sự phát triển mạnh mẽ của công nghệ 4.0, nhất là từ khi diễn ra dịch bệnh COVID-
Từ năm 2019 đến nay, hành vi tiêu dùng đã có nhiều thay đổi, với việc đặt hàng online trở thành xu hướng mua sắm chủ đạo, thay thế cho các kênh truyền thống Để tận dụng cơ hội này, các nhà bán hàng cần điều chỉnh và triển khai những chiến lược kinh doanh mới nhằm thu hút khách hàng và gia tăng doanh số.
Trong bối cảnh đại dịch Covid-19, nhu cầu tiêu dùng, đặc biệt là các nhu cầu thiết yếu như ăn uống, bảo vệ sức khỏe, vẫn tồn tại mạnh mẽ Người tiêu dùng đã chuyển hướng sang các kênh mua sắm trực tuyến để đáp ứng nhu cầu của mình, khi mà việc mua sắm tại siêu thị, cửa hàng hay chợ truyền thống bị hạn chế Xu hướng đặt thực phẩm online gia tăng, cho thấy sự tập trung vào chi tiêu tại nhà và giảm thiểu giao dịch đông người nhằm tuân thủ các quy định phòng chống dịch.
Nhằm đáp ứng nhu cầu thiết yếu của người tiêu dùng, nhóm đã quyết định phát triển một ứng dụng bán đồ điện tử Với ứng dụng này, người tiêu dùng có thể dễ dàng chọn mua sản phẩm ngay tại nhà và chờ nhận hàng mà không cần phải chen chúc hay xếp hàng như ở các kênh mua sắm truyền thống.
Hệ thống ứng dụng của nhóm sẽ cung cấp nhiều chức năng cho người dùng, đồng thời hỗ trợ quản lý hiệu quả hệ thống bán hàng điện tử trực tuyến.
Phạm vi hệ thống
Phần mềm quản lý bán hàng điện tử đa nền tảng mang lại sự tiện lợi cho người dùng với giao diện bắt mắt và thiết kế đơn giản, giúp người mới dễ dàng sử dụng Nhờ vào khả năng tiếp cận rộng rãi, ứng dụng này có thể thu hút nhiều đối tượng khách hàng, từ đó tăng cường doanh số cho cá nhân hoặc doanh nghiệp.
Phần mềm được xây dựng nhằm mô phỏng lại hệ thống bán đồ hàng điện tử và một số chức năng trong quy mô vừa và nhỏ.
Mô tả tài liệu
Tài liệu gồm các phần chính như sau:
Phần 2: Khảo sát hiện trạng.
Phần 3: Thiết kế dữ liệu.
Phần 4: Giao diện và chi tiết tính năng ứng dụng
Phần 5: Hiện thực đề tài.
Phần 6: Nhận xét và 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.
Kế hoạch thực hiện đồ án
Microsoft Teams là một công cụ hữu ích cho việc quản lý nhóm trong quá trình thực hiện đồ án, giúp trao đổi thông tin hiệu quả Nó cho phép tổ chức các cuộc họp hàng tuần và các cuộc họp đột xuất để khắc phục lỗi trong đồ án, đồng thời lưu trữ thông tin cuộc họp để tham khảo sau này.
Visual Studio Code là lựa chọn hàng đầu cho lập trình ứng dụng đa nền tảng nhờ vào tính miễn phí, kho tiện ích mở rộng phong phú, giúp tăng cường hiệu suất lập trình và hỗ trợ nhiều ngôn ngữ lập trình khác nhau.
GitHub là nền tảng quản lý dự án và phiên bản mã nguồn, hoạt động như một mạng xã hội cho lập trình viên Người dùng có thể sao chép mã nguồn từ các repository và tạo tài khoản để quản lý các repository và branch riêng Ngoài ra, GitHub Desktop giúp người dùng tương tác và sử dụng GitHub một cách dễ dàng hơn.
Draw.io là một công cụ vẽ sơ đồ mạnh mẽ, hỗ trợ nhiều hình khối và cho phép người dùng vẽ các sơ đồ cần thiết trong quá trình phát triển Với tính năng hoạt động online, Draw.io không yêu cầu cài đặt và hoàn toàn miễn phí, không giới hạn số lượng biểu đồ như nhiều công cụ vẽ khác Ngoài ra, Draw.io cung cấp thư viện template phong phú, giúp người dùng bắt đầu nhanh chóng mà không cần phải tự vẽ lại từ đầu.
Figma là một ứng dụng gồm nhiều công cụ thiết kế mạnh mẽ trên nền tảng app.
Với Figma, bạn có thể thoải mái sáng tạo giao diện người dùng (UI/UX), thiết kế mẫu và tạo nội dung cho mạng xã hội Figma cũng hỗ trợ chỉnh sửa màu sắc và tạo các trang giao diện, giúp các thành viên dựa vào bản thiết kế để lập trình giao diện hệ thống.
KHẢO SÁT HIỆN TRẠNG*
Báo cáo khảo sát hiện trạng
2.1.1 Giới thiệu sơ lược ứng dụng bán hàng
Một cấu trúc app chuẩn seo thường bao gồm các phần quan trọng sau đây:
Header là khu vực giới thiệu về ứng dụng, cung cấp thông tin chi tiết về tất cả các trang để người dùng có thể tìm hiểu sâu hơn về nội dung Một số yếu tố quan trọng cần có trong header của ứng dụng hiện nay bao gồm nhận diện thương hiệu, chức năng đăng nhập/đăng ký và menu điều hướng.
Site ID là tên hoặc định dạng của ứng dụng, thường được đặt ở góc trái giao diện Thông thường, Site ID có thể là hình logo hoặc một đoạn slogan ngắn của ứng dụng.
Home Link: là đường dẫn liên kết đến trang chủ Thường được gắn trực tiếp vào logo hoặc được gắn vào đoạn chữ.
Menu điều hướng là khu vực chứa các liên kết dẫn đến các trang chính của ứng dụng Nó có thể được đặt ở nhiều vị trí khác nhau, chẳng hạn như trong header hoặc footer của ứng dụng.
Hộp tìm kiếm là công cụ quan trọng giúp người dùng nhanh chóng tìm thấy thông tin mong muốn Nó cho phép khách hàng dễ dàng truy cập vào nội dung và sản phẩm trong kho dữ liệu phong phú của ứng dụng Thông thường, hộp tìm kiếm được đặt ở đầu trang trong phần header để thuận tiện cho người sử dụng.
Biểu tượng giỏ hàng là một yếu tố thiết yếu trong ứng dụng bán hàng, giúp khách hàng theo dõi số lượng sản phẩm đã chọn và tổng số tiền khi thực hiện mua sắm.
Để tối ưu hóa lợi ích của trang ứng dụng bán hàng và thu hút nhiều khách hàng tiềm năng, việc triển khai các chiến dịch quảng cáo trực tuyến như Facebook Ads và Google Adwords là rất cần thiết.
Bên cạnh đó một app bán hàng cũng cần phải có những tính năng quan trọng sau:
2.1.2 Khảo sát về nhu cầu sử dụng app bán hàng
Theo Sách trắng TMĐT, năm 2020, Việt Nam ghi nhận khoảng 49,3 triệu người tiêu dùng tham gia mua sắm trực tuyến, trở thành quốc gia dẫn đầu khu vực về tỷ lệ người tham gia hình thức mua sắm này.
Tỷ lệ người sử dụng Internet tham gia mua sắm trực tuyến cũng tăng từ 77% năm
2019 lên con số 88% vào năm 2020.
Sự gia tăng số lượng người tham gia mua sắm trực tuyến và giá trị mua sắm tăng từ 229 lên 240 USD đã nâng tỷ trọng doanh thu thương mại điện tử B2C so với tổng mức bán lẻ hàng hóa và doanh thu dịch vụ tiêu dùng cả nước lên 5,5%, so với 4,9% của năm 2019.
Đại dịch Covid-19 đã góp phần thay đổi thói quen tiêu dùng của nhiều người Việt Nam khi chuyển dịch sang mua sắm trực tuyến
Nhu cầu sử dụng ứng dụng mua sắm ngày càng gia tăng, khi người tiêu dùng không còn phải chen chúc xếp hàng tại các cửa hàng truyền thống Thay vào đó, họ chỉ cần ở nhà, truy cập internet để chọn mua sản phẩm và chờ nhận hàng tận nơi Xuất phát từ nhu cầu này, nhóm đã quyết định phát triển một ứng dụng bán hàng.
Danh sách yêu cầu
Các chức năng hỗ trợ quản lý ứng dụng bán hàng điện tử trực tuyến và giúp người dùng trong việc mua sắm bao gồm: đăng nhập, lưu sản phẩm yêu thích và thêm sản phẩm vào giỏ hàng.
Sửa sản phẩm Xem danh sách các sản phẩm đã thích
Tìm kiếm sản phẩm Đặt hàng Xóa sản phẩm khỏi danh sách đã thích
Thêm sản phẩm vô giỏ hàng Thanh toán Viết review cho sản phẩm đã mua
Chỉnh số lượng sản phẩm
2.2.2 Yêu cầu phi chức năng
Xây dựng app có giao diện dễ nhìn, dễ sử dụng
Thuận tiện cho người dùng sử dụng
Xây dựng hệ thống có tính bảo mật, đảm bảo độ tin cậy của thông tin
Cập nhật thông tin nhanh chóng qua các chức năng
Đáp ứng được yêu cầu tiến hóa của chương trình, phục vụ việc bảo trì hệ thống
CHƯƠNG 3: THIẾT KẾ DỮ LIỆU
Sơ đồ mối quan hệ thực thể
Hình 3.1 Sơ đồ mối quan hệ thực thể
GIAO DIỆN VÀ CHI TIẾT TÍNH NĂNG APP
Navigation drawer
Chuyển người dùng qua những màn hình tương ứng với mỗi item khi chúng ta nhấp chọn
Tabbed layout part
Hình 4.3 Giao diện Tabbed layout
Điều hướng tới các trang khác
Hình 4.4 giao diện trang Home
Hiển thị danh sách các sản phẩm kèm theo tên sản phẩm, giá sản phẩm
Bao gồm: Sản phẩm vừa cập bến (Arrival), sản phẩm khuyến nghị (recommended),
Trang giỏ hàng
- Khi không có món hàng nào
Hình 4.5 Giao diện trang giỏ hàng khi không có hàng
Hình 4.6 Giao diện trang giỏ hàng khi có hàng
Thay đổi số lượng sản phẩm trong giỏ hàng
Xoá sản phẩm khỏi giỏ hàng
Xem thông tin đặt hàng
Trang chi tiết sản phẩm
Hình 4.7 Giao diện trang chi tiết sản phẩm
Được thêm vào giỏ hàng
Xem mô tả sản phẩm
Thêm sản phẩm vào danh sách ưa thích (wishlist)
Trang đăng nhập, đăng ký, quên mật
Hình 4.7 Giao diện trang quên mật khẩu
Đăng kí tài khoản người mua
Đăng nhập tài khoản người mua
Kiểm tra thông tin tài khoản nhập vào có tồn tại hay không
Trang đơn hàng
Hình 4.9 Giao diện trang danh sách đơn hàng khi có đơn hàng
Xem những đơn hàng đã đặt
Trang sản phẩm yêu thích
Hình 4.13 Giao diện trang thêm danh sách yêu thích
- Thêm sửa sản phẩm yêu thích vào giỏ hàng
- Chỉnh số lượng sản phẩm
HIỆN THỰC ĐỀ TÀI
Mô hình MVVC
MVC, viết tắt của "Model-View-Controller", là một mô hình thiết kế trong kỹ thuật phần mềm, được sử dụng để phát triển giao diện người dùng trên máy tính Mô hình này chia thành ba thành phần chính: Model (dữ liệu), View (giao diện) và Controller (bộ điều khiển), tất cả đều được kết nối chặt chẽ với nhau.
5.1.2 Các thành phần trong mô hình MVC
Mô hình MVC gồm 3 loại chính là thành phần bên trong không thể thiếu khi áp dụng mô hình này:
Model là thành phần lưu trữ toàn bộ dữ liệu của ứng dụng, đóng vai trò cầu nối giữa View và Controller Một model có thể là cơ sở dữ liệu, file XML hoặc một đối tượng đơn giản, như biểu tượng hay nhân vật trong game.
View là giao diện dành cho người sử dụng, đóng vai trò là phương tiện hiển thị các đối tượng trong ứng dụng Nó có thể hiển thị cửa sổ, nút, hoặc văn bản trong một cửa sổ khác, bao gồm tất cả những gì mà người dùng có thể nhìn thấy.
Controller là thành phần chịu trách nhiệm xử lý các yêu cầu từ người dùng thông qua View Nó bao gồm cả Model và View, nhận đầu vào và thực hiện các cập nhật tương ứng.
5.1.3 Lí do sử dụng mô hình MVC
Kiểm tra đơn giản và dễ dàng, kiểm tra lỗi phần mềm trước khi bàn giao lại cho người dùng.
Một lợi thế chính của MVC là nó tách biệt các phần Model, Controller và View với nhau.
Sử dụng mô hình MVC chức năng Controller có vai trò quan trọng và tối ưu trên các nền tảng ngôn ngữ khác nhau
Ta có thể dễ dàng duy trì ứng dụng vì chúng được tách biệt với nhau.
Có thể chia nhiều developer làm việc cùng một lúc Công việc của các developer sẽ không quá ảnh hưởng đến nhau
Công nghệ sử dụng
NHẬN XÉT VÀ KẾT LUẬN
Nhận xét
Xây dựng trang app thỏa mãn các yêu cầu ban đầu mà nhóm đặt ra.
Học cách làm việc nhóm một cách hiệu quả.
Hiểu và xây dựng thành công trang app theo mô hình MVC.
Tạo được một sản phẩm app với đầy đủ các chức năng cơ bản.
Học hỏi được nhiều kiến thức, công nghệ mới khi tạo hoàn thành một trang app.
Thành lập nhóm và đưa ra các nguyên tắc khi làm việc để đạt hiệu suất tốt nhất.
Các thành viên tích cực học hỏi và cố gắng hoàn thành nhiệm vụ được giao.
Chủ động tạo những cuộc họp trao đổi về những thắc mắc, khó khăn khi làm việc nhóm.
Các thành viên trong nhóm luôn chủ động trong công việc, kêu gọi sự giúp đỡ khi cần thiết và được mọi người giúp đỡ.
Học hỏi được kiến thức mới cũng như cách làm việc từ các thành viên.
Tạo được một app như nhóm đã đề xuất.
Học và sử dụng công nghệ liên quan để hoàn thành đồ án.
Biết cách thiết kế, xây dựng một hệ thống cơ sở dữ liệu cơ bản.
Hình thức: Giao diện tương đối rõ ràng và thân thiện với người dùng.
App có khá đầy đủ các chức năng yêu cầu để đáp ứng nhu cầu của người dùng.
Khó khăn trong thống nhất thời gian họp nhóm Thời gian chung cả nhóm là ít.
Thời gian họp nhóm chưa được linh động.
Đôi khi các thành viên vẫn còn trì trệ, thiếu chủ động trong công việc.
Một số chức năng vẫn ở mức cơ bản vì nhóm nhóm chỉ mới học hỏi và tìm cách tìm hiểu cách tạo nên một trang app.
Vẫn còn một số chức năng vẫn chưa thực hiện được.
Một số chức năng bị lỗi do gộp code các bạn trong nhóm vào.
Hướng phát triển
Hoàn thiện các chức năng còn lại và có thể chỉnh sửa các chức năng ở trình độ cao hơn.
Chúng tôi cung cấp file Excel chứa thông tin khách hàng, doanh thu và thống kê số lượng truy cập vào các sản phẩm, nhằm hỗ trợ việc thống kê dữ liệu và phát triển các chức năng khác.
Tạo điều kiện cho người dùng dễ liên lạc, trao đổi với người bán hơn thông qua các chat box trực tiếp tại trang app.
Thêm các lựa chọn về giao diện cho phù hợp với từng cá nhân.
Tìm hiểu thêm các công nghệ mới để có thể đáp ứng nhiều hơn nữa nhu cầu của người dùng, phát triển và tối ưu hoá hệ thống.
