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

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT - HÀNBÁ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 Sinh viên thực hiệ

ĐẠ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

Sinh viên thực hiện : NGUYỄN THỊ HỒNG HẠNH

NGUYỄN PHƯỚC THỊNH Giảng viên hướng dẫn: TS NGUYỄN HOÀNG HẢI

Lớp : 20SE6 – 20SE2

Đà 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àngtrở 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êntoàn cầ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ột má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ệcvớ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ắpthế giới, làm biế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ệcquả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ần thiế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ửahàng của mì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ÁN LAPTOP”

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ìnhchỉ 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ộtcách tốt nhấ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ình thự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

Mở đầu

1 Tổng quan

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

- Đơn vị khảo sát: cửa hàng VKU LAPTOP – cửa hàng Laptop và phụ kiện điện tử chính hãng

uy tín hàng đầu khu vực Miền Trung - Tây Nguyên

- Hình thức kinh doanh: mua bán trực tiếp tại cửa hàng

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

- 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ềukhá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ựctuyến qua ứ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

thực - Tốn kém, mất nhiều thời gian - Kém ưu việtNghiên cứu qua sách báo - Thông tin cô đọng,

dễ tiếp thu - Nguồn thông tin chưa nhiều, không

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áttriể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ụngmobile 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áodụ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ạingôn ngữ 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ậpwebsite 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, cho phé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ọngyế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)

- Perl

1.1.4 Tổng quan về Firebase

Hình 4 - Logo Firebase

Ở mỗi góc độ quan điểm người dùng, Firebase được định nghĩa theo các cách khác nhau Đây

là hai khái niệm cơ bản và tổng quan nhất về Firebase

- Một là, Firebase là một nền tảng để phát triển ứng dụng di động và trang web Nềntảng này bao gồm các API đơn giản, không cần backend hay server

5

- 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 Mobilenhanh hơ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ết kiệm thời gian, đơn giản hóa các thao tác với cơ sở dữ liệu

Java được phát hành năm 1994, đến năm 2010 được Oracle mua lại từ Sun MicroSystem.Java được tạo ra với tiêu chí “Viết (code) một lần, thực thi khắp nơi” (Write Once, RunAnywhere – WORA) Chương trình phần mềm viết bằng Java có thể chạy trên mọi nền tảng(platform) khác nhau thông qua một môi trường thực thi với điều kiện có môi trường thực thithích hợp hỗ trợ nền tảng đó

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ụng trong 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ủa mình và các file nằm trong dự án đó Đồng thời, Android Studio còn cung cấp quyền truy cập và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ựavà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úp ngườ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ời gian 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

- 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ậndiệ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

8

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

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

3 Xem sản phẩm - 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

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

5 Quản lý giỏ hàng

- 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

7 Xem lịch sử mua hàng - Liệt kê các đơn hàng đã mua

8 Xem thông tin liên hệ - 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