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

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 ()

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 ()

lOMoARcPSD|9234052

LỜI CAM ĐOAN

Nhóm em xin được 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” là kết quả dựa trên sự cố gắng, nỗ lực của cả nhóm với sự
hướng dẫn nhiệt tình của thầy Huỳnh Tuấn Anh. Các số liệu và kết quả nghiên cứu
trong đề tài là trung thực và hồn tồn khơng sao chép hoặc sử dụng kết quả của đề tài
nghiên cứu nào tương tự.

Những phần sử dụng tài liệu tham khảo trong đồ án đã được trích dẫn đầy đủ.

Nếu phát hiện có sự sao chép kết quả nghiên cứu của đề tài khác, nhóm em xin
chịu hoàn toàn trách nhiệm và chịu kỷ luật của Khoa và Nhà trường đề ra.

Khánh Hòa, ngày 27 tháng 05 năm 2023

Nhóm sinh viên thực hiện

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 ()

lOMoARcPSD|9234052

LỜI CẢM ƠN
Để hoàn thành bài 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 hoàn thành đề tài tốt nghiệp này lời cảm ơn sâu sắc nhất.
Trong quá trình nghiên cứu thực hiện đề tài, cũng như là trong quá trình làm bài
báo cáo tốt nghiệp, khó tránh khỏi sai sót, rất mong các thầy, cô bỏ qua. Đồng thời do
kiến thức cũng như kinh nghiệm thực tiễn của bản thân tụi em cịn hạn chế nên đề tài,
bài tập nhóm cuối kỳ lần này khó thể khơng tránh khỏi những thiếu sót, nhóm em rất

mong nhận được ý kiến đóng góp từ quý thầy, cô để tụi em học hỏi thêm được nhiều
kinh nghiệm, cũng như kỹ năng cần thiết.
Nhóm em xin chân thành cảm ơn!

ii

Downloaded by Heo Út ()

lOMoARcPSD|9234052

TÓM TẮT ĐỒ ÁN
Vớ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 mua
sắ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ức
năng xem danh sách các 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ý và sử dụng firebase để liên kết dữ liệu.
Mục đích của việc tạo ra ứng dụng này để mọi người có thể 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 cái
nhìn hệ thống tổng thể và tồn diện có thể hỗ trợ việc cung cấp cũng như tiếp cận
thông tin các linh kiện được tiến hành nhanh hơn, kết quả tốt hơn, từ đó có thể dễ dàng
đưa ra quyết định mua hàng trực tuyến một cách hiệu quả hơn.
Do khả năng của bản thân còn hạn chế nên các chức năng của ứng dụng vẫn
chưa được hoàn thiện. Rất mong nhận được sự thơng cảm và đóng góp ý kiến từ Q
Thầy/Cơ và các bạn.

iii

Downloaded by Heo Út ()

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....................................................................................................................... 1
Chương 1. TỔNG QUAN VỀ VẤN ĐỀ NGHIÊN CỨU...........................................2

1.1 CƠ SỞ LÝ THUYẾT.........................................................................................2
1.1.1 Tổng quan về lập trình thiết bị di động.....................................................2
1.1.2 Các nền tảng lập trình phổ biến hiện nay (Android, iOS, …).................2
1.1.3 Các công cụ và ngôn ngữ lập trình............................................................3

1.2 CÁC NGƠN NGỮ ĐƯỢC SỬ DỤNG..............................................................3
1.2.1 Java..............................................................................................................3
1.2.2 Flutter..........................................................................................................3

Chương 2. PHÂN TÍCH YÊU CẦU...........................................................................4
2.1 PHÂN TÍCH NHU CẦU NGƯỜI DÙNG........................................................4
2.2 XÁC ĐỊNH CHỨC NĂNG CHÍNH CỦA ỨNG DỤNG.................................4

Chương 3. THIẾT KẾ ỨNG DỤNG...........................................................................6
3.1 THIẾT KẾ..........................................................................................................6
3.1.1 Thiết kế dữ liệu............................................................................................6
3.1.2 Thiết kế giao diện........................................................................................6
3.1.2.1 Sơ đồ màn hình......................................................................................6
3.1.2.2 Mô tả chi tiết một số màn hình tiêu biểu................................................7

Chương 4. 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 ()

lOMoARcPSD|9234052

MỞ ĐẦU
 Lý do chọn đề tài:

Nhu cầu mua sắm linh kiện máy tính đang tăng cao. Việc cung cấp một giải
pháp tiện lợi và đáng tin cậy cho người dùng khi mua sắm linh kiện máy tính. Việc
mua sắm linh kiện máy tính có thể khó khăn đối với những người không am hiểu về
công nghệ, và việc sử dụng một ứng dụng di động để mua sắm sẽ giúp họ dễ dàng tìm
kiếm và lựa chọn sản phẩm phù hợp với nhu cầu của mình. Ngồi ra, ứng dụng cịn có
thể cung cấp các thơng tin hữu ích về sản phẩm và hỗ trợ người dùng trong quá trình
mua sắm.

Từ những lý do trên nên nhóm em đã quyết định thực hiện đề 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 một ứng dụng mua sắm linh kiện máy tính.
 Mục tiêu cụ thể:
- Xây dựng cơ sở dữ liệu firebase.
- Thiết kế giao diện ứng dụng, kết nối cơ sở dữ liệu firebase.

- Thiết kế các chức năng như xem chi tiết, thêm vào giỏ hàng, đăng nhập, đăng
ký.
 Nội dung và phương thức thực hiện:
 Nội dung thực hiện:
- Khảo sát các tiêu chí mua sắm linh kiện máy tính của người dùng.
- Thu thập thông tin, xây dựng cơ sở dữ liệu linh kiện máy tính.
- Xây dựng ứng dụng hiển thị danh sách các sản phẩm, các chức năng kể trên
như: xem chi tiết, thêm vào giỏ hàng…
 Phương pháp:

1

Downloaded by Heo Út ()

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.

2

Downloaded by Heo Út ()

lOMoARcPSD|9234052

 Cấu trúc của báo cáo bao gồm:
Chương 1: Tổng quan về vấn đề nghiên cứu.
Chương 2: Khảo sát thông tin các mặt hàng linh kiện điện tử, xây dựng mô

phỏng các chức năng của ứng dụng.
Chương 3: Thu thập, tiền xử lý dữ liệu để xây dụng ứng dụng
Chương 4: Trình bày những kết quả đã thực hiện được và 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 và mặt hạn chế của ứng dụng phục vụ các

chức năng đã thiết kế ở chương 2. Từ đó đưa ra hướng phát triển để hệ thống được
hoàn thiện hơn.

Chương 1. TỔNG QUAN VỀ VẤN ĐỀ NGHIÊN CỨU

1.1 CƠ SỞ LÝ THUYẾT
1.1.1 Tổng quan về lập trình thiết bị di động

Lập trình trên thiết bị di động là quá trình tạo ra phần mềm cho điện thoại thơng
minh, máy tính bảng và trợ lý số. Phần mềm có thể được cài đặt sẵn trên thiết bị, tải
xuống từ cửa hàng ứng dụng di động hoặc truy cập thơng qua trình duyệt web di động.
Ngơn ngữ lập trình và đánh dấu được sử dụng cho loại phát triển phần mềm này bao
gồm Java, Swift, C# và HTML5. Lập trình thiết bị di động là một lĩnh vực đang phát
triển nhanh chóng và có tiềm năng lớn trong tương lai.

Một ứng dụng di động thường bao gồm nhiều thành phần khác nhau như giao
diện người dùng, logic xử lý dữ liệu và 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 các nút nhấn, menu và các thành phần
nhập liệu khác. Logic xử lý dữ liệu giúp xử lý các yêu cầu từ người dùng và cung cấp
kết quả phù hợp. Kết nối mạng giúp ứng dụng truy cập dữ liệu từ internet hoặc các
thiết bị khác.

3

Downloaded by Heo Út ()

lOMoARcPSD|9234052

1.1.2 Các nền tảng lập trình phổ biến hiện nay (Android, iOS, …)
Hiện nay có hai nền tảng lập trình phổ biến nhất là Android và iOS. Android là

hệ điều hành do Google phát triển và được sử dụng rộng rãi trên các thiết bị di động
của nhiều hãng sản xuất khác nhau. iOS là hệ điều hành do Apple phát triển và chỉ
được sử dụng trên các thiết bị của Apple như iPhone và iPad.

Mỗi nền tảng có những ưu và 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 của họ cho Android trước. Lý do là phần lớn -
khoảng 70% - điện thoại thông minh chạy Android và Google Play Store có ít hạn chế
hơn so với Apple App Store. Mặt khác, các ứng dụng di động được phát triển cho iOS
có ít thiết bị cần hỗ trợ hơn, khiến việc tối ưu hóa trở nên đơn giản hơn. Và sự giữ
chân người dùng thường cao hơn đối với các ứng dụng iOS.
1.1.3 Các công cụ và ngôn ngữ lập trình

Có nhiều cơng cụ và ngơn ngữ lập trình khác nhau được sử dụng để phát triển
ứng dụng di động. Đối với nền tảng Android, Java và Kotlin là hai ngôn ngữ lập trình
chính được sử dụng. Cơng cụ phát triển chính thức của Android là Android Studio. Đối
với nền tảng iOS, Swift và Objective-C là hai ngơn ngữ lập trình chính được sử dụng.
Cơng cụ phát triển chính thức của iOS là Xcode.
1.2 CÁC NGÔN NGỮ ĐƯỢC SỬ DỤNG
1.2.1 Java

Java là một ngôn ngữ lập trình cấp cao, dựa trên lớp, hướng đối tượng được

thiết kế để có ít phụ thuộc vào triển khai càng tốt. Nó là một ngơn ngữ lập trình đa
năng nhằm cho phép lập trình viên viết một lần, chạy ở bất cứ đâu (WORA), có nghĩa
là mã Java được biên dịch có thể chạy trên tất cả các nền tảng hỗ trợ Java mà không
cần phải biên dịch lại.
1.2.2 Flutter

Flutter là một khung phát triển mã nguồn mở của Google để xây dựng các ứng
dụng đẹp, biên dịch tự nhiên, đa nền tảng từ một cơ sở mã duy nhất. Flutter biến đổi
tồn bộ q trình phát triển ứng dụng. Xây dựng, kiểm tra và triển khai các ứng dụng

4

Downloaded by Heo Út ()

lOMoARcPSD|9234052

di động, web, máy tính để bàn và nhúng đẹp từ một cơ sở mã duy nhất. Flutter sử dụng
ngơn ngữ lập trình Dart để tạo ra ứng dụng. Ngơn ngữ lập trình Dart chia sẻ nhiều tính
năng giống như các ngơn ngữ lập trình khác như Kotlin và Swift và có thể được biên
dịch thành mã JavaScript.

Chương 2. PHÂN TÍCH YÊU CẦU

2.1 Phân tích nhu cầu người dùng
Ngày nay, mọi người có nhu cầu sử dụng mua sắm trực tuyến vì nhiều lý do khác

nhau. Một trong những lý do chính là sự tiện lợi của việc mua sắm trực tuyến. Người
dùng có thể đặt hàng, xác nhận thanh toán và theo dõi trạng thái giao hàng chỉ trong
vài phút mà không cần phải ra khỏi nhà.

Ngoài ra, mua sắm trực tuyến còn giúp người dùng tiết kiệm được chi phí. Khi
mua sắm trực tuyến, người dùng có thể so sánh giá cả của nhiều sản phẩm khác nhau
để tìm ra sản phẩm rẻ nhất. Nhiều người dùng còn chọn mua sắm trực tuyến vì họ
muốn tận dụng các chương trình khuyến mãi và miễn phí vận chuyển.

Một lý do khác là 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 hơn. Người dùng có thể so sánh giá cả, đánh giá và tính năng của nhiều sản
phẩm khác nhau để tìm ra sản phẩm phù hợp nhất với nhu cầu của họ.

Vì thế cần có ứng dụng mua sắm trực tuyến để mọi người có thể làm quen với
các thao tác trên ứng dụng. Từ đó mọi người sẽ dễ dàng hơn trong việc lựa chọn và
mua sắm các sản phẩm theo nhu cầu.
2.2 Xác định chức năng chính của ứng dụng

Dưới đây là mô tả chi tiết và cách thức hoạt động của mỗi chức năng trong ứng
dụng mua sắm linh kiện điện tử:

 Xem danh sách sản phẩm: Chức năng này cho phép người dùng xem danh sách
các sản phẩm có sẵn trên ứng dụng. Khi người dùng truy cập vào ứng dụng, họ sẽ thấy
một danh sách các sản phẩm được hiển thị theo thứ tự ngẫu nhiên hoặc theo một tiêu
chí nào đó (ví dụ: sản phẩm bán chạy nhất, sản phẩm mới nhất, …). Người dùng có thể
cuộn danh sách để xem thêm các sản phẩm khác.

5

Downloaded by Heo Út ()

lOMoARcPSD|9234052

 Xem chi tiết sản phẩm: Khi người dùng nhấp vào một sản phẩm trong danh

sách, họ sẽ được chuyển đến trang chi tiết sản phẩm. Tại đây, họ có thể xem thông tin
chi tiết về sản phẩm, bao gồm hình ảnh, giá cả, mơ tả và đánh giá của người dùng
khác. Người dùng có thể xem các hình ảnh của sản phẩm ở các góc độ khác nhau và
đọc các đánh giá để có thêm thơng tin về chất lượng sản phẩm.

 Thêm vào giỏ hàng: Nếu người dùng muốn mua một sản phẩm, họ có thể nhấp
vào nút “Thêm vào giỏ hàng” để thêm sản phẩm vào giỏ hàng của họ. Sau khi thêm
sản phẩm vào giỏ hàng, người dùng có thể tiếp tục mua sắm hoặc truy cập vào giỏ
hàng để xem lại các sản phẩm đã chọn và tiến hành thanh toán.

 Mua hàng: Khi người dùng đã chọn xong các sản phẩm và muốn thanh tốn, họ
có thể truy cập vào giỏ hàng và nhấp vào nút “Mua hàng”. Tại đây, họ sẽ được yêu cầu
nhập thông tin giao hàng và chọn phương thức thanh tốn. Sau khi hồn tất các bước
này, đơn hàng của người dùng sẽ được xử lý và giao hàng đến địa chỉ đã cung cấp.

 Tìm kiếm: Chức năng tìm kiếm cho phép người dùng tìm kiếm sản phẩm theo
từ khóa hoặc danh mục sản phẩm. Người dùng có thể nhập từ khóa vào ơ tìm kiếm và
nhấn Enter để tìm kiếm. Kết quả tìm kiếm sẽ hiển thị danh sách các sản phẩm phù hợp
với từ khóa đã nhập.

 Đăng nhập/Đăng ký: Chức năng đăng nhập/đăng ký cho phép người dùng đăng
nhập vào tài khoản của họ hoặc đăng ký một tài khoản mới trên ứng dụng. Khi người
dùng nhấp vào nút “Đăng nhập”, họ sẽ được yêu cầu nhập tên đăng nhập và mật khẩu
để đăng nhập. Nếu người dùng chưa có tài khoản, họ có thể nhấp vào liên kết “Đăng
ký” để tạo một tài khoản mới bằng cách nhập thông tin cá nhân và tạo mật khẩu.

6

Downloaded by Heo Út ()

lOMoARcPSD|9234052

Chương 3. THIẾT KẾ ỨNG DỤNG

3.1 THIẾT KẾ
3.1.1 Thiết kế dữ liệu
3.1.2 Thiết kế giao diện
3.1.2.1 Sơ đồ màn hình

7

Downloaded by Heo Út ()

lOMoARcPSD|9234052

3.1.2.2 Mô tả chi tiết một số màn hình tiêu biểu
Màn hình đăng nhập:

Ở màn hình đăng nhập, người dùng nhập email đã đăng kí và mật khẩu để đăng
nhập vào ứng dụng. Nếu chưa có tài khoản, người dùng có thể đăng ký tài khoản mới
bằng cách ấn vào dòng chữ “Đăng ký tài khoản mới”.

8

Downloaded by Heo Út ()

lOMoARcPSD|9234052

Màn hình đăng ký:

Màn hình đăng ký gồm 7 TextField để người dùng nhập vào thông các 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 tại và đăng ký hợp lệ, người dùng được đưa tới trang
đăng nhập và thông báo đăng ký thành công.

9

Downloaded by Heo Út ()

lOMoARcPSD|9234052

Màn hình trang chủ:

Màn hình trang chủ gồm danh sách các sản phẩm gồm hình ảnh, tên sản phẩm
và giá tiền. Người dùng có thể ấn vào sản phẩm mình muốn xem chi tiết để đặt sản
phẩm, hiển thị màn hình xem chi tiết sản phầm.

10

Downloaded by Heo Út ()

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 của 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 2 nút bấm với chức năng thêm vào giỏ hàng và mua
ngay. Nếu người dùng ấn vào thêm giỏ hàng, sản phẩm sẽ được thêm vào giỏ hàng
(cập nhật số lượng trong giỏ hàng ở góc trên appbar). Nếu người dùng ấn mua ngay,
sản phẩm sẽ được thêm vào giỏ hàng và chuyển đến màn hình giỏ hàng.

11

Downloaded by Heo Út ()

lOMoARcPSD|9234052

Màn hình giỏ hàng:

Các sản phẩm sau khi đặt sẽ xuất hiện trong giỏ hàng, người dùng có thể chỉnh
sửa số lượng sản phẩm mua. Tổng tiền được tính dựa trên tổng của từng sản phẩm
nhân với số lượng của sản phẩm đó. Sau khi ấn nút thanh tốn, hệ thống sẽ thơng báo
thanh tốn thành cơng và xoá hết sản phẩm trong giỏ hàng.

12

Downloaded by Heo Út ()

lOMoARcPSD|9234052

Màn hình hồ sơ:

13

Downloaded by Heo Út ()

lOMoARcPSD|9234052

Hiển thị thông tin hồ sơ tài khoản của người dùng đã đăng ký và 2 nút chức
năng đăng xuất và chỉnh sửa thông tin hồ sơ.

Màn hình chỉnh sửa hồ sơ:

14

Downloaded by Heo Út ()