Trang 5 TÓM TẮT ĐỒ ÁNVới thời gian thực hiện bài tập nhóm còn hạn chế nên đề tài “Ứng dụng muasắm linh kiện máy tính” chỉ dừng ở mức tạo ra một ứng dụng mua sắm với các chứcnăng xem danh
lOMoARcPSD|9234052 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC NHA TRANG KHOA CÔNG NGHỆ THÔNG TIN Đề tài: BÀI TẬP NHÓM CUỐI KỲ MƠN LẬP TRÌNH THIẾT BỊ DI ĐỘNG ỨNG DỤNG MUA SẮM LINH KIỆN MÁY TÍNH Giảng viên hướng dẫn: Thầy Huỳnh Tuấn Anh Nhóm sinh viên thực hiện: Nguyễn Thành Long 62133895 Hồ Nhựt Luân 62133112 Võ Thành Lộc 62131021 Võ Tiến Hưng 62133772 Khánh Hòa – 2023 Downloaded by Heo Út (quangutbin@gmail.com) lOMoARcPSD|9234052 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC NHA TRANG KHOA CÔNG NGHỆ THÔNG TIN BÀI TẬP NHÓM CUỐI KỲ MƠN LẬP TRÌNH THIẾT BỊ DI ĐỘNG Đề tài: ỨNG DỤNG MUA SẮM LINH KIỆN MÁY TÍNH Giảng viên hướng dẫn: Thầy Huỳnh Tuấn Anh Nhóm sinh viên thực hiện: Nguyễn Thành Long 62133895 Hồ Nhựt Luân 62133112 Võ Thành Lộc 62131021 Võ Tiến Hưng 62133772 Khánh Hòa – Tháng 05/2023 Downloaded by Heo Út (quangutbin@gmail.com) lOMoARcPSD|9234052 LỜI CAM ĐOAN Nhóm em xin cam đoan: Bài tập nhóm cuối kỳ với đề tài “Ứng dụng mua sắm linh kiện máy tính” kết dựa cố gắng, nỗ lực nhóm với hướng dẫn nhiệt tình thầy Huỳnh Tuấn Anh Các số liệu kết nghiên cứu đề tài trung thực hồn tồn khơng chép sử dụng kết đề tài nghiên cứu tương tự Những phần sử dụng tài liệu tham khảo đồ án trích dẫn đầy đủ Nếu phát có chép kết nghiên cứu đề tài khác, nhóm em xin chịu hoàn toàn trách nhiệm chịu kỷ luật Khoa Nhà trường đề Khánh Hòa, ngày 27 tháng 05 năm 2023 Nhóm sinh viên thực Nguyễn Thành Long Hồ Nhựt Luân Võ Thành Lộc Võ Tiến Hưng i Downloaded by Heo Út (quangutbin@gmail.com) lOMoARcPSD|9234052 LỜI CẢM ƠN Để hồn thành tập nhóm cuối kỳ, trước hết nhóm em xin gửi đến quý thầy, cô Khoa Công nghệ Thông tin - Trường Đại học Nha Trang lời cảm ơn chân thành Nhóm em xin gửi đến thầy Huỳnh Tuấn Anh, người tận tình hướng dẫn, giúp đỡ em hồn thành đề tài tốt nghiệp lời cảm ơn sâu sắc Trong trình nghiên cứu thực đề tài, trình làm báo cáo tốt nghiệp, khó tránh khỏi sai sót, mong thầy, cô bỏ qua Đồng thời kiến thức kinh nghiệm thực tiễn thân tụi em cịn hạn chế nên đề tài, tập nhóm cuối kỳ lần khó thể khơng tránh khỏi thiếu sót, nhóm em mong nhận ý kiến đóng góp từ q thầy, để tụi em học hỏi thêm nhiều kinh nghiệm, kỹ cần thiết Nhóm em xin chân thành cảm ơn! ii Downloaded by Heo Út (quangutbin@gmail.com) lOMoARcPSD|9234052 TÓM TẮT ĐỒ ÁN Với thời gian thực tập nhóm cịn hạn chế nên đề tài “Ứng dụng mua sắm linh kiện máy tính” dừng mức tạo ứng dụng mua sắm với chức xem danh sách loại linh kiện, xem chi tiết sản phẩm, thêm vào giỏ hàng, đăng nhập, đăng ký sử dụng firebase để liên kết liệu Mục đích việc tạo ứng dụng để người làm quen, thao với ứng dụng mua hàng trực tuyến, dễ tiếp cận, thơng tin truyền tải giàu hình ảnh, cho nhìn hệ thống tổng thể tồn diện hỗ trợ việc cung cấp tiếp cận thông tin linh kiện tiến hành nhanh hơn, kết tốt hơn, từ dễ dàng đưa định mua hàng trực tuyến cách hiệu Do khả thân hạn chế nên chức ứng dụng chưa hồn thiện Rất mong nhận thơng cảm đóng góp ý kiến từ Q Thầy/Cơ bạn iii Downloaded by Heo Út (quangutbin@gmail.com) lOMoARcPSD|9234052 MỤC LỤC LỜI CAM ĐOAN i LỜI CẢM ƠN ii TÓM TẮT ĐỒ ÁN iii MỤC LỤC iv MỞ ĐẦU Chương TỔNG QUAN VỀ VẤN ĐỀ NGHIÊN CỨU 1.1 CƠ SỞ LÝ THUYẾT .2 1.1.1 Tổng quan lập trình thiết bị di động 1.1.2 Các tảng lập trình phổ biến (Android, iOS, …) .2 1.1.3 Các công cụ ngơn ngữ lập trình 1.2 CÁC NGÔN NGỮ ĐƯỢC SỬ DỤNG 1.2.1 Java 1.2.2 Flutter Chương PHÂN TÍCH YÊU CẦU 2.1 PHÂN TÍCH NHU CẦU NGƯỜI DÙNG 2.2 XÁC ĐỊNH CHỨC NĂNG CHÍNH CỦA ỨNG DỤNG .4 Chương THIẾT KẾ ỨNG DỤNG 3.1 THIẾT KẾ 3.1.1 Thiết kế liệu 3.1.2 Thiết kế giao diện 3.1.2.1 Sơ đồ hình 3.1.2.2 Mô tả chi tiết số hình tiêu biểu Chương KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 14 4.1 KẾT QUẢ ĐẠT ĐƯỢC 14 4.2 ƯU ĐIỂM .14 4.3 HẠN CHẾ .14 4.4 HƯỚNG PHÁT TRIỂN 14 4.5 KẾT LUẬN .14 iv Downloaded by Heo Út (quangutbin@gmail.com) lOMoARcPSD|9234052 MỞ ĐẦU Lý chọn đề tài: Nhu cầu mua sắm linh kiện máy tính tăng cao Việc cung cấp giải pháp tiện lợi đáng tin cậy cho người dùng mua sắm linh kiện máy tính Việc mua sắm linh kiện máy tính khó khăn người không am hiểu công nghệ, việc sử dụng ứng dụng di động để mua sắm giúp họ dễ dàng tìm kiếm lựa chọn sản phẩm phù hợp với nhu cầu Ngồi ra, ứng dụng cịn cung cấp thơng tin hữu ích sản phẩm hỗ trợ người dùng trình mua sắm Từ lý nên nhóm em định thực đề tài: “Ứng dụng mua sắm linh kiện máy tính” Mục tiêu nghiên cứu: Mục tiêu chung: Xây dựng ứng dụng mua sắm linh kiện máy tính Mục tiêu cụ thể: - Xây dựng sở liệu firebase - Thiết kế giao diện ứng dụng, kết nối sở liệu firebase - Thiết kế chức xem chi tiết, thêm vào giỏ hàng, đăng nhập, đăng ký Nội dung phương thức thực hiện: Nội dung thực hiện: - Khảo sát tiêu chí mua sắm linh kiện máy tính người dùng - Thu thập thơng tin, xây dựng sở liệu linh kiện máy tính - Xây dựng ứng dụng hiển thị danh sách sản phẩm, chức kể như: xem chi tiết, thêm vào giỏ hàng… Phương pháp: Downloaded by Heo Út (quangutbin@gmail.com) lOMoARcPSD|9234052 Phương pháp nghiên cứu tài liệu Phương pháp phân tích Phương pháp thực hành Phương pháp tổng hợp Downloaded by Heo Út (quangutbin@gmail.com) lOMoARcPSD|9234052 Cấu trúc báo cáo bao gồm: Chương 1: Tổng quan vấn đề nghiên cứu Chương 2: Khảo sát thông tin mặt hàng linh kiện điện tử, xây dựng mô chức ứng dụng Chương 3: Thu thập, tiền xử lý liệu để xây dụng ứng dụng Chương 4: Trình bày kết thực hướng dẫn chi tiết cách cài đặt, sử dụng chương trình Chương 5: Những kết quả, ưu điểm mặt hạn chế ứng dụng phục vụ chức thiết kế chương Từ đưa hướng phát triển để hệ thống hoàn thiện Chương TỔNG QUAN VỀ VẤN ĐỀ NGHIÊN CỨU 1.1 CƠ SỞ LÝ THUYẾT 1.1.1 Tổng quan lập trình thiết bị di động Lập trình thiết bị di động trình tạo phần mềm cho điện thoại thơng minh, máy tính bảng trợ lý số Phần mềm cài đặt sẵn thiết bị, tải xuống từ cửa hàng ứng dụng di động truy cập thông qua trình duyệt web di động Ngơn ngữ lập trình đánh dấu sử dụng cho loại phát triển phần mềm bao gồm Java, Swift, C# HTML5 Lập trình thiết bị di động lĩnh vực phát triển nhanh chóng có tiềm lớn tương lai Một ứng dụng di động thường bao gồm nhiều thành phần khác giao diện người dùng, logic xử lý liệu kết nối mạng Giao diện người dùng giúp người dùng tương tác với ứng dụng thông qua nút nhấn, menu thành phần nhập liệu khác Logic xử lý liệu giúp xử lý yêu cầu từ người dùng cung cấp kết phù hợp Kết nối mạng giúp ứng dụng truy cập liệu từ internet thiết bị khác Downloaded by Heo Út (quangutbin@gmail.com) lOMoARcPSD|9234052 1.1.2 Các tảng lập trình phổ biến (Android, iOS, …) Hiện có hai tảng lập trình phổ biến Android iOS Android hệ điều hành Google phát triển sử dụng rộng rãi thiết bị di động nhiều hãng sản xuất khác iOS hệ điều hành Apple phát triển sử dụng thiết bị Apple iPhone iPad Mỗi tảng có ưu nhược điểm riêng Nhiều nhóm phát triển ứng dụng độc lập chọn xây dựng ứng dụng họ cho Android trước Lý phần lớn - khoảng 70% - điện thoại thông minh chạy Android Google Play Store có hạn chế so với Apple App Store Mặt khác, ứng dụng di động phát triển cho iOS có thiết bị cần hỗ trợ hơn, khiến việc tối ưu hóa trở nên đơn giản Và giữ chân người dùng thường cao ứng dụng iOS 1.1.3 Các cơng cụ ngơn ngữ lập trình Có nhiều cơng cụ ngơn ngữ lập trình khác sử dụng để phát triển ứng dụng di động Đối với tảng Android, Java Kotlin hai ngơn ngữ lập trình sử dụng Cơng cụ phát triển thức Android Android Studio Đối với tảng iOS, Swift Objective-C hai ngôn ngữ lập trình sử dụng Cơng cụ phát triển thức iOS Xcode 1.2 CÁC NGƠN NGỮ ĐƯỢC SỬ DỤNG 1.2.1 Java Java ngơn ngữ lập trình cấp cao, dựa lớp, hướng đối tượng thiết kế để có phụ thuộc vào triển khai tốt Nó ngơn ngữ lập trình đa nhằm cho phép lập trình viên viết lần, chạy đâu (WORA), có nghĩa mã Java biên dịch chạy tất tảng hỗ trợ Java mà không cần phải biên dịch lại 1.2.2 Flutter Flutter khung phát triển mã nguồn mở Google để xây dựng ứng dụng đẹp, biên dịch tự nhiên, đa tảng từ sở mã Flutter biến đổi tồn q trình phát triển ứng dụng Xây dựng, kiểm tra triển khai ứng dụng Downloaded by Heo Út (quangutbin@gmail.com) lOMoARcPSD|9234052 di động, web, máy tính để bàn nhúng đẹp từ sở mã Flutter sử dụng ngơn ngữ lập trình Dart để tạo ứng dụng Ngơn ngữ lập trình Dart chia sẻ nhiều tính giống ngơn ngữ lập trình khác Kotlin Swift biên dịch thành mã JavaScript Chương PHÂN TÍCH YÊU CẦU 2.1 Phân tích nhu cầu người dùng Ngày nay, người có nhu cầu sử dụng mua sắm trực tuyến nhiều lý khác Một lý tiện lợi việc mua sắm trực tuyến Người dùng đặt hàng, xác nhận toán theo dõi trạng thái giao hàng vài phút mà không cần phải khỏi nhà Ngồi ra, mua sắm trực tuyến cịn giúp người dùng tiết kiệm chi phí Khi mua sắm trực tuyến, người dùng so sánh giá nhiều sản phẩm khác để tìm sản phẩm rẻ Nhiều người dùng chọn mua sắm trực tuyến họ muốn tận dụng chương trình khuyến miễn phí vận chuyển Một lý khác mua sắm trực tuyến cung cấp cho người dùng nhiều lựa chọn sản phẩm Người dùng so sánh giá cả, đánh giá tính nhiều sản phẩm khác để tìm sản phẩm phù hợp với nhu cầu họ Vì cần có ứng dụng mua sắm trực tuyến để người làm quen với thao tác ứng dụng Từ người dễ dàng việc lựa chọn mua sắm sản phẩm theo nhu cầu 2.2 Xác định chức ứng dụng Dưới mô tả chi tiết cách thức hoạt động chức ứng dụng mua sắm linh kiện điện tử: Xem danh sách sản phẩm: Chức cho phép người dùng xem danh sách sản phẩm có sẵn ứng dụng Khi người dùng truy cập vào ứng dụng, họ thấy danh sách sản phẩm hiển thị theo thứ tự ngẫu nhiên theo tiêu chí (ví dụ: sản phẩm bán chạy nhất, sản phẩm nhất, …) Người dùng cuộn danh sách để xem thêm sản phẩm khác Downloaded by Heo Út (quangutbin@gmail.com) lOMoARcPSD|9234052 Xem chi tiết sản phẩm: Khi người dùng nhấp vào sản phẩm danh sách, họ chuyển đến trang chi tiết sản phẩm Tại đây, họ xem thơng tin chi tiết sản phẩm, bao gồm hình ảnh, giá cả, mô tả đánh giá người dùng khác Người dùng xem hình ảnh sản phẩm góc độ khác đọc đánh giá để có thêm thơng tin chất lượng sản phẩm Thêm vào giỏ hàng: Nếu người dùng muốn mua sản phẩm, họ nhấp vào nút “Thêm vào giỏ hàng” để thêm sản phẩm vào giỏ hàng họ Sau thêm sản phẩm vào giỏ hàng, người dùng tiếp tục mua sắm truy cập vào giỏ hàng để xem lại sản phẩm chọn tiến hành toán Mua hàng: Khi người dùng chọn xong sản phẩm muốn toán, họ truy cập vào giỏ hàng nhấp vào nút “Mua hàng” Tại đây, họ yêu cầu nhập thông tin giao hàng chọn phương thức tốn Sau hồn tất bước này, đơn hàng người dùng xử lý giao hàng đến địa cung cấp Tìm kiếm: Chức tìm kiếm cho phép người dùng tìm kiếm sản phẩm theo từ khóa danh mục sản phẩm Người dùng nhập từ khóa vào tìm kiếm nhấn Enter để tìm kiếm Kết tìm kiếm hiển thị danh sách sản phẩm phù hợp với từ khóa nhập Đăng nhập/Đăng ký: Chức đăng nhập/đăng ký cho phép người dùng đăng nhập vào tài khoản họ đăng ký tài khoản ứng dụng Khi người dùng nhấp vào nút “Đăng nhập”, họ yêu cầu nhập tên đăng nhập mật để đăng nhập Nếu người dùng chưa có tài khoản, họ nhấp vào liên kết “Đăng ký” để tạo tài khoản cách nhập thông tin cá nhân tạo mật Downloaded by Heo Út (quangutbin@gmail.com) lOMoARcPSD|9234052 Chương THIẾT KẾ ỨNG DỤNG 3.1 THIẾT KẾ 3.1.1 Thiết kế liệu 3.1.2 Thiết kế giao diện 3.1.2.1 Sơ đồ hình Downloaded by Heo Út (quangutbin@gmail.com) lOMoARcPSD|9234052 3.1.2.2 Mô tả chi tiết số hình tiêu biểu Màn hình đăng nhập: Ở hình đăng nhập, người dùng nhập email đăng kí mật để đăng nhập vào ứng dụng Nếu chưa có tài khoản, người dùng đăng ký tài khoản cách ấn vào dòng chữ “Đăng ký tài khoản mới” Downloaded by Heo Út (quangutbin@gmail.com) lOMoARcPSD|9234052 Màn hình đăng ký: Màn hình đăng ký gồm TextField để người dùng nhập vào thông thông tin để đăng ký tài khoản gồm: Username Name PhoneNumber Address Email Password Retype password Nếu tài khoản chưa tồn đăng ký hợp lệ, người dùng đưa tới trang đăng nhập thông báo đăng ký thành công Downloaded by Heo Út (quangutbin@gmail.com) lOMoARcPSD|9234052 Màn hình trang chủ: Màn hình trang chủ gồm danh sách sản phẩm gồm hình ảnh, tên sản phẩm giá tiền Người dùng ấn vào sản phẩm muốn xem chi tiết để đặt sản phẩm, hiển thị hình xem chi tiết sản phầm 10 Downloaded by Heo Út (quangutbin@gmail.com) lOMoARcPSD|9234052 Màn hình xem chi tiết sản phẩm: Màn hình xem sản phẩm hiển hình ảnh sản phầm, tên sản phẩm, đánh giá, lượt đánh giá, lượt bán, thông tin chi tiết Bottom navigation gồm nút bấm với chức thêm vào giỏ hàng mua Nếu người dùng ấn vào thêm giỏ hàng, sản phẩm thêm vào giỏ hàng (cập nhật số lượng giỏ hàng góc appbar) Nếu người dùng ấn mua ngay, sản phẩm thêm vào giỏ hàng chuyển đến hình giỏ hàng 11 Downloaded by Heo Út (quangutbin@gmail.com) lOMoARcPSD|9234052 Màn hình giỏ hàng: Các sản phẩm sau đặt xuất giỏ hàng, người dùng chỉnh sửa số lượng sản phẩm mua Tổng tiền tính dựa tổng sản phẩm nhân với số lượng sản phẩm Sau ấn nút tốn, hệ thống thơng báo tốn thành cơng xố hết sản phẩm giỏ hàng 12 Downloaded by Heo Út (quangutbin@gmail.com) lOMoARcPSD|9234052 Màn hình hồ sơ: 13 Downloaded by Heo Út (quangutbin@gmail.com) lOMoARcPSD|9234052 Hiển thị thông tin hồ sơ tài khoản người dùng đăng ký nút chức đăng xuất chỉnh sửa thông tin hồ sơ Màn hình chỉnh sửa hồ sơ: 14 Downloaded by Heo Út (quangutbin@gmail.com)