(Tiểu luận) bài tập lớn học phần lập trình di động xây dựng ứng dụng di động hỗ trợ bán laptop

LỜI NÓI ĐẦUNgày nay, ứng dụng công nghệ thông tin và việc tin học hóa được xem là một trong những yếu tốmang tính quyết định trong hoạt động của các chính phủ, tổ chức, cũng như của các

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT - HÀN

BÁO CÁO BÀI TẬP LỚN HỌC PHẦN LẬP TRÌNH DI ĐỘNG

Đà Nẵng, tháng 5 năm 2022

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT - HÀN

BÁO CÁO BÀI TẬP LỚN HỌC PHẦN LẬP TRÌNH DI ĐỘNG

XÂY DỰNG ỨNG DỤNG

DI ĐỘNG HỖ TRỢ BÁN

LAPTOP

Đà Nẵng, tháng 5 năm 2022

LỜI NÓI ĐẦU

Ngày nay, ứng dụng công nghệ thông tin và việc tin học hóa được xem là một trong những yếu tốmang tính quyết định trong hoạt động của các chính phủ, tổ chức, cũng như của các công ty, nóđóng vai trò hết sức quan trọng, có thể tạo ra những bước đột phá mạnh mẽ

Cùng với sự phát triển không ngừng về kỹ thuật máy tính và mạng điện tử, công nghệ thông tincũng được những công nghệ có đẳng cấp cao và lần lượt chinh phục hết đỉnh cao này đến đỉnhcao khác Mạng Internet là một trong những sản phẩm có giá trị hết sức lớn lao và ngày càng trởnên một công cụ không thể thiếu, là nền tảng chính cho sự truyền tải, trao đổi thông tin trên toàncầu

Giờ đây, mọi việc liên quan đến thông tin trở nên thật dễ dàng cho người sử dụng: chỉ cần có mộtmáy tính kết nối internet và một dòng dữ liệu truy tìm thì gần như lập tức… cả thế giới về vấn đề

mà bạn đang quan tâm sẽ hiện ra, có đầy đủ thông tin, hình ảnh và thậm chí đôi lúc có cả những

âm thanh nếu bạn cần… Bằng internet, chúng ta đã thực hiện được nhiều công việc với tốc độnhanh hơn và chi phí thấp hơn nhiều so với cách thức truyền thống Chính điều này, đã thúc đẩy

sự khai sinh và phát triển của thương mại điện tử và chính phủ điện tử trên khắp thế giới, làmbiến đổi đáng kể bộ mặt văn hóa, nâng cao chất lượng cuộc sống con người

Trong hoạt động sản xuất, kinh doanh, giờ đây, thương mại điện tử đã khẳng định được vai tròxúc tiến và thúc đẩy sự phát triển của doanh nghiệp Đối với một cửa hàng hay shop, việc quảng

bá và giới thiệu đến khách hàng các sản phẩm mới đáp ứng được nhu cầu của khác hàng sẽ là cầnthiết Vậy phải quảng bá thế nào đó là xây dựng được một Ứng dụng di động cho cửa hàng củamình quảng bá tất cả các sản phẩm của mình bán

Vì vậy, chúng em đã thực hiện bài tập lớn “XÂY DỰNG ỨNG DỤNG DI ĐỘNG HỖ TRỢ BÁNLAPTOP”

LỜI CẢM ƠN

Chúng em xin gửi lời cảm ơn chân thành tới nhà trường, khoa Khoa học máy tính đã tận tình chỉbảo, góp ý và tạo điều kiện cho chúng em hoàn thành đề tài nghiên cứu Bài tập lớn một cách tốtnhất

Chúng em xin cảm ơn TS Nguyễn Hoàng Hải đã nhiệt tình hướng dẫn chúng em trong quá trìnhthực hiện báo cáo đề tài nghiên cứu

Trong quá trình thực hiện đề tài nghiên cứu, bản thân chúng em đã cố gắng nỗ lực, tuy nhiênkhông tránh khỏi sai sót Chúng em mong nhận được sự góp ý của thầy cô giáo, và từ phía hộiđồng để đề tài nghiên cứu của chúng em được hoàn thiện hơn

Chúng em xin chân thành cảm ơn!

Đà Nẵng, tháng 5 năm 2021

NHẬN XÉT

(Của giảng viên hướng dẫn)

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

………

MỤC LỤC Contents

Mở đầu 1

1 Tổng quan 1

1.1 Bối cảnh thực hiện 1

1.2 Vấn đề cần giải quyết 1

1.3 Nội dung cần thực hiện 1

2 Phương pháp nghiên cứu 1

2.1 Phương pháp 1 1

2.2 Phương pháp 2 2

2.3 Phương pháp 3 2

2.4 Kết luận 2

Chương 1 Cơ sở lý thuyết 3

1.1 Cơ sở lý luận và thực tiễn 3

1.1.1 Ứng dụng di động là gì? 3

1.1.2 Lợi ích của ứng dụng di động 4

1.1.3 Tổng quan về XAMPP 4

1.1.4 Tổng quan về Firebase 5

1.2 Tổng quan về công nghệ chính 6

1.2.1 Tổng quan về ngôn ngữ lập trình Java 6

1.2.2 Tổng quan về IDE Android Studio 6

Chương 2 Phân tích thiết kế hệ thống 8

2.1 Yêu cầu hệ thống và mô hình hóa yêu cầu hệ thống 8

2.1.1 Danh sách các tác nhân 8

2.1.2 Yêu cầu phi chức năng 8

2.1.3 Yêu cầu chức năng 8

2.1.4 Biểu đồ ca sử dụng 9

2.2 Mô hình hóa cấu trúc tĩnh 11

2.2.1 Danh sách các lớp 11

2.2.2 Biểu đồ lớp 11

2.3 Mô hình hóa hành vi 12

2.3.1 Biểu đồ hoạt động 12

2.3.2 Biểu đồ trạng thái 14

2.3.3 Biểu đồ trình tự 15

2.3.4 Biểu đồ giao tiếp 16

Chương 3 Triển khai xây dựng 17

3.1 Về phía người dùng 17

3.1.1 Chức năng đăng ký/đăng nhập 17

3.1.2 Chức năng xem sản phẩm 18

3.1.3 Chức năng tìm kiếm sản phẩm 21

3.1.4 Chức năng xem thông tin liên hệ 22

3.1.5 Chức năng quản lý giỏ hàng 23

3.1.6 Chức năng đặt hàng và thanh toán 24

3.1.7 Chức năng xem lịch sử mua hàng 25

3.2 Về phía người quản trị 26

3.2.1 Chức năng đăng nhập 26

3.2.2 Chức năng quản lý sản phẩm 27

3.2.3 Chức năng quản lý đơn hàng 31

Kết luận và hướng phát triển 34

1 Kết luận 34

2 Hướng phát triển 34

DANH MỤC CÁC BẢNG

Bảng 1 – So sánh các phương pháp nghiên cứu

Bảng 2 – Liệt kê các tác nhân

Bảng 3 – Yêu cầu chức năng đối với người dùng

Bảng 4 – Yêu cầu chức năng đối với admin

DANH MỤC HÌNH

Hình 1 – Các ngôn ngữ tạo nên ứng dụng di động 3

Hình 2 – Logo CHPlay và Android App 4

Hình 3 – Logo XAMPP 4

Hình 4 - Logo Firebase 5

Hình 5 – Logo Java 6

Hình 6 – Logo Android Studio 7

Hình 7 – Biểu đồ ca sử dụng của người dùng 10

Hình 8 – Biểu đồ ca sử dụng của admin 11

Hình 9 – Biểu đồ lớp 12

Hình 10 – Biểu đồ hoạt động cho ca sử dụng đăng nhập 13

Hình 11 – Biểu đồ hoạt động cho ca sử dụng tìm kiếm sản phẩm 13

Hình 12 – Biểu đồ hoạt động cho ca sử dụng quản lý sản phẩm 14

Hình 13 – Biểu đồ trạng thái cho ca sử dụng đăng nhập 14

Hình 14 – Biểu đồ trạng thái cho ca sử dụng tìm kiếm sản phẩm 15

Hình 15 – Biểu đồ trình tự cho ca sử dụng đăng nhập 15

Hình 16 – Biểu đồ trình tự cho ca sử dụng tìm kiếm sản phẩm 16

Hình 17 – Biểu đồ giao tiếp cho ca sử dụng đăng nhập 16

Hình 18 – Biểu đồ giao tiếp cho ca sử dụng tìm kiếm sản phẩm 16

Hình 19 – Chức năng đăng ký, đăng nhập 17

Hình 20 – Xem sản phẩm mới 18

Hình 21 – Xem sản phẩm theo danh mục phụ kiện 19

Hình 22 – Xem sản phẩm theo danh mục laptop 20

Hình 23 – Xem chi tiết sản phẩm 21

Hình 24 – Tìm kiếm sản phẩm 22

Hình 25 – Xem thông tin liên hệ 23

Hình 26 – Giỏ hàng 24

Hình 27 – Xác nhận đặt hàng 25

Hình 28 – Admin nhận thông báo khi có đơn hàng mới 25

Hình 29 – Lịch sử mua hàng 26

Hình 30 – Đăng nhập Admin 27

Hình 31 – Liệt liệt kê sản phẩm 28

Hình 32 – Thêm sản phẩm 29

Hình 33 – Popup chức năng sửa và xóa sản phẩm 30

Hình 34 – Sửa sản phẩm 31

Hình 35 – Liệt kê đơn hàng 32

Hình 36 – Cập nhật tình trạng đơn hàng 33

Hình 37 – Thông báo tình trạng đơn sau khi cập nhật cho user 33

DANH MỤC CỤM TỪ VIẾT TẮT

3 Integrated Development Environment IDE

4 Application Programming Interface API

- Chưa quảng bá rộng rãi thương hiệu của cửa hàng.

- Khách đến mua tốn thời gian để xem và lựa chọn sản phẩm phù hợp

- Chưa đáp ứng được nhu cầu đặt hàng trực tuyến, giao hàng tận nhà của khách hàng

1.3 Nội dung cần thực hiện

- Thiết kế một Ứng dụng di động giúp dễ dàng quảng bá thương hiệu của cửa hàng đến nhiều khách hàng hơn

- Trên ứng dụng còn phải thể hiện chi tiết các sản phẩm trong cửa hàng để khách hàng dễ dànglựa chọn sản phẩm phù hợp, kết hợp với các tính năng cho phép khách hàng đặt hàng trực tuyếnqua ứng dụng và nhận hàng tại nhà

2 Phương pháp nghiên cứu

2.1 Phương pháp 1

- Tên phương pháp: Nghiên cứu thực tế

1

- Cách thực hiện: Khảo sát tại các cửa hàng bán Laptop trong phạm vi khu vực khảo sát.

2.2 Phương pháp 2

- Tên phương pháp: Nghiên cứu qua sách báo

- Cách thực hiện: Mượn sách báo từ thư viện về nghiên cứu

2.3 Phương pháp 3

- Tên phương pháp: Nghiên cứu qua internet

- Cách thực hiện: thực hiện đọc thông tin, xem mã nguồn bằng trình duyệt

Nghiên cứu thực tế - Khách quan, trung

- Nguồn thông tin - Kém ưu việtchưa nhiều, không

được cập nhập

- Không biết chọn - Ưu việt nhấtlọc thông tin sẽ gây

rối thông tin

Bảng 1 – So sánh các phương pháp nghiên cứu

2.4 Kết luận

- Kết hợp thực hiện cả 3 phương pháp nghiên cứu nhưng ưu tiên sử dụng phương pháp 3 nhiều hơn

2

Chương 1 Cơ sở lý thuyết

1.1 Cơ sở lý luận và thực tiễn

1.1.1 Ứng dụng di động là gì?

Ứng dụng di động hay còn được biết đến với cái tên App mobile, có thể được xem như cácchương trình phần mềm được thiết kế tương thích trên từng hệ điều hành khác nhau Ứng dụngđược tạo ra nhằm phục vụ các nhu cầu của con người như: giải trí, mua sắm hay xem tin tức

Xã hội ngày càng phát triển, cùng với đó là lượng người sử dụng điện thoại di động tăng lên đáng

kể Nắm bắt được tình hình đó, các công ty chuyên về lĩnh vực công nghệ tập trung phát triển vềmảng này nhiều hơn để thỏa mãn nhu cầu sử dụng của khách hàng Các ứng dụng mobile cònđược áp dụng vào các ngành nghề như: thương mại điện tử, lĩnh vực làm đẹp, giáo dục, buôn bán

và trong hoạt động vận chuyển

Mỗi hệ điều hành sẽ có riêng một ngôn ngữ để viết các chương trình Khi sử dụng đúng loại ngônngữ lập trình của nó thì các ứng dụng mới có thể hoạt động tốt được

- Ngôn ngữ lập trình cho Android bao gồm: Java, Kotlin

- Đối với hệ điều hành iOS, sử dụng ngôn ngữ lập trình Swift, Objective-C

Hình 1 – Các ngôn ngữ tạo nên ứng dụng di động

3

1.1.2 Lợi ích của ứng dụng di động

Hình 2 – Logo CHPlay và Android App

- Marketing trực tiếp với khách hàng

- Mang lại lợi ích cho khách hàng

- Quảng cáo thương hiệu

- Nổi trội hơn đối thủ cạnh tranh

- Nuôi dưỡng sự trung thành của khách hàng

1.1.3 Tổng quan về XAMPP

Hình 3 – Logo XAMPP

4

Phần mềm Xampp là một trong những phần mềm được nhiều lập trình viên sử dụng để thiết lập website theo ngôn ngữ PHP XAMPP có công dụng thiết lập web server có cài đặt sẵn các công

cụ như PHP, Apache, MySQL… Xampp sở hữu thiết kế giao diện thân thiện với người dùng, chophép các lập trình viên có thể đóng mở hoặc reboot các tính năng của server mọi lúc Ngoài ra, Xampp cũng được xây dựng theo source code mở

Đánh giá một cách tổng thể, Xampp được đánh giá là một trong những phần mềm trọng yếu trong việc xây dựng website dành cho các lập trình viên PHP Xampp cài đặt các thành tố trọng yếu, hỗ trợ lẫn nhau bao gồm:

- Apache

- PHP (thiết lập nền tảng để các tập tin script *.php hoạt động);

- MySql (hệ quản trị dữ liệu)

- Hai là, Firebase là một dịch vụ hệ thống backend được Google cung cấp sẵn cho ứngdụng Dịch vụ này giúp bạn phát triển, triển khai và mở rộng quy mô của ứng dụng Mobile nhanhhơn Dù bạn sử dụng Android hay IOS, Firebase vẫn có thể hỗ trợ tốt.

Dù hiểu theo quan điểm nào, bản chất của Firebase vẫn là giúp các nhà lập trình (developer) tiếtkiệm thời gian, đơn giản hóa các thao tác với cơ sở dữ liệu

1.2.2 Tổng quan về IDE Android Studio

6

Android Studio là IDE chính thức được sử dụng trong phát triển ứng dụng Android dựa trên IntelliJ IDEA.

Chức năng chính của Android Studio là cung cấp các giao diện giúp người dùng có thể tạo cácứng dụng và xử lý các công cụ file phức tạp sau hậu trường Ngôn ngữ lập trình được sử dụngtrong Android Studio là Java và nó sẽ được cài đặt sẵn trên thiết bị của bạn

Khi sử dụng Android Studio thì bạn chỉ cần viết, chỉnh sửa và lưu trữ chúng trên các dự án củamình và các file nằm trong dự án đó Đồng thời, Android Studio còn cung cấp quyền truy cậpvào Android SDK

Ngoài ra, bạn có thể xem Android Studio là đuôi cho code Java cho phép nó chạy trơn tru trên các thiết bị Android rồi tận dụng được lợi thế của phần cứng gốc Bạn chỉ cần sử dụng ngôn ngữlập trình Java để có thể viết chương trình, khi đó Android SDK sẽ có nhiệm vụ kết nối các phần này lại với nhau

Khi đó, Android Studio sẽ kích hoạt để thực hiện chạy code và thông qua trình giả lập hoặc dựa vào bất kỳ phần cứng giúp kết nối với thiết bị Sau đó, bạn có thể gỡ rối cho chương trình của mình ngay khi nó chạy và nhận phản hồi giúp giải thích các sự cố,

Cho đến hiện nay, Google đã và đang rất nỗ lực để giúp cho Android Studio sẽ trở nên mạnh mẽ

và hữu ích hơn Khi bạn gõ code, nó sẽ giúp bạn cung cấp danh sách gợi ý hoàn thành để giúpngười dùng có thể hoàn thiện được dòng code đó Đây là một trong những chức năng rất hữuích đề phòng cho trường hợp người dùng không nhớ chính xác cú pháp giúp bạn tiết kiệm thờigian hiệu quả hơn

7

Chương 2 Phân tích thiết kế hệ thống

2.1 Yêu cầu hệ thống và mô hình hóa yêu cầu hệ thống

- Người dùng ở đây là những người truy cập vào ứngdụng, bắt buộc đăng nhập trước khi truy cập

- Người dùng chỉ có một số quyền nhất định đối với ứng dụng do Admin cung cấp

Bảng 2 – Liệt kê các tác nhân

- Hệ thống phải đáp ứng được những nhu cầu sau:

+ Hạn chế tối thiểu việc xử lý thủ công

+ Cho phép cập nhật thông tin kịp thời và nhanh chóng

+ Các yêu cầu được cập nhật và xử lý trong vòng 2 giây

+ Hiển thị kết quả tìm kiếm trong vòng 3 giây

+ Lưu giữ được thông tin trong một thời gian dài (1 năm, sau đó có hệ thống backup)

- Hệ thống sử dụng giao diện đồ họa và màu sắc tương đồng với hệ thống ứng dụng và nhận diện thương hiệu của Cửa hàng VKU LAPTOP

- Hệ thống phải đảm bảo tính bảo mật và an toàn thông tin cho người dùng hệ thống

2.1.3 Yêu cầu chức năng

- Sử dùng tài khoản đã tạo để đăng nhập vào hệ thống

để sử dụng đầy đủ các tính năng dành cho khách hàng

- Quên mật khẩu: người dùng lấy lại mật khẩu qua email của tài khoản đã đăng ký

- Xem sản phẩm mới nhất

- Xem sản phẩm theo danh mục

- Xem chi tiết sản phẩm

- Tìm kiếm theo tên sản phẩm

- Thêm sản phẩm vào giỏ hàng

- Cập nhật số lượng từng sản phẩm trong giỏ hàng

- Xóa sản phẩm khỏi giỏ hàng

- Đặt hàng

- Nhập thông tin để đặt hàng

- Gửi thông báo đến Admin khi hoàn thành đặt hàng

- Liệt kê các đơn hàng đã mua

- Xem thông tin liên hệ

Bảng 3 – Yêu cầu chức năng đối với người dùng

* Đối với admin (người quản trị):

2.1.4 Biểu đồ ca sử dụng

* Đối với người dùng (khách hàng):

Hình 7 – Biểu đồ ca sử dụng của người dùng

* Đối với admin (người quản trị):

10

2.2 Mô hình hóa cấu trúc tĩnh

2.3 Mô hình hóa hành vi

2.3.1 Biểu đồ hoạt động

- Biểu đồ hoạt động cho ca sử dụng “Đăng nhập”:

12

- Biểu đồ hoạt động cho ca sử dụng “Tìm kiếm sản phẩm”:

Hình 11 – Biểu đồ hoạt động cho ca sử dụng tìm kiếm sản phẩm

- Biểu đồ hoạt động cho ca sử dụng “Quản lý sản phẩm”:

13

2.3.2 Biểu đồ trạng thái

- Biểu đồ trạng thái cho ca sử dụng “Đăng nhập”:

Hình 13 – Biểu đồ trạng thái cho ca sử dụng đăng nhập

- Biểu đồ trạng thái cho ca sử dụng “Tìm kiếm sản phẩm”:

14

2.3.3 Biểu đồ trình tự

- Biểu đồ trình tự cho ca sử dụng “Đăng nhập”:

Hình 15 – Biểu đồ trình tự cho ca sử dụng đăng nhập

- Biểu đồ trình tự cho ca sử dụng “Tìm kiếm sản phẩm”:

15

2.3.4 Biểu đồ giao tiếp

- Biểu đồ giao tiếp cho ca sử dụng “Đăng nhập”:

Hình 17 – Biểu đồ giao tiếp cho ca sử dụng đăng nhập

- Biểu đồ giao tiếp cho ca sử dụng “Tìm kiếm sản phẩm”:

Hình 18 – Biểu đồ giao tiếp cho ca sử dụng tìm kiếm sản phẩm

16

Chương 3 Triển khai xây dựng

3.1 Về phía người dùng

3.1.1 Chức năng đăng ký/đăng nhập

Hình 19 – Chức năng đăng ký, đăng nhập

- Người dùng khi truy cập vào trang chủ ứng dụng bắt buộc phải đăng nhập vào hệ thống Tronglần đầu tiên truy cập người dùng sẽ tiến hành đăng ký tài khoản và dùng đăng nhập trong các lầntruy cập sau này

- Mỗi tài khoản email chỉ được sử dụng cho duy nhất 1 tài khoản

- Ngoài ra, khi quên mật khẩu, khách hàng có thể lấy lại nhờ email đã sử dụng khi đăng ký tài khoản

17

3.1.2 Chức năng xem sản phẩm

- Xem sản phẩm mới nhất: hiển thị sản phẩm mới nhất (dựa trên ID sản phẩn, sản phẩm thêm sau

sẽ có ID lớn hơn) nhằm giúp quảng bá những sản phẩm mới của shop đến khách hàng

Hình 20 – Xem sản phẩm mới

- Xem sản phẩm theo danh mục: hiện tại ứng dụng phân theo 2 danh mục chính là laptop và phụ kiện

18