Đồ Án Cơ Sở 3 Đề Tài Xây Dựng App Bán Thực Phẩm Hữu Cơ.pdf

Đặc biệt sau giai đoạn dịch bệnh covid 19, xu hướng -mua các sản phẩm bằng hình thức trực tuyến cũng trở nên phổ biến hơn đặc biệt là các sản phẩm hữu cơ tốt cho sức khỏe để bổ sung sức

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN&

TRUYỀN THÔNG VIỆT HÀN KHOA KHOA HỌC MÁY TÍNH

ĐỒ ÁN CƠ SỞ 3

ĐỀ TÀI: XÂY DỰNG APP BÁN THỰC PHẨM

HỮU CƠ

Sinh viên thực hiện: Lê Thị Ngọc Ly – 21IT090

Lê Nhật Linh – 21IT085 Giảng viên hướng dẫn: ThS Trịnh Thị Ngọc Linh

Đà Nẵng, tháng 4 năm 2023

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN&

TRUYỀN THÔNG VIỆT HÀN KHOA KHOA HỌC MÁY TÍNH

ĐỒ ÁN CƠ SỞ 3

ĐỀ TÀI: XÂY DỰNG APP BÁN THỰC PHẨM

HỮU CƠ

Sinh viên thực hiện: Lê Thị Ngọc Ly – 21IT090

Lê Nhật Linh – 21IT085 Giảng viên hướng dẫn: ThS Trịnh Thị Ngọc Linh

Đà Nẵng, tháng 4 năm 2023

MỞ ĐẦ U

Công nghệ 4.0 hiện nay đã có mặt mọi đời sống của chúng ta Các thiết bị như máy tính, điện thoại hay laptop … trở thành một công cụ thiết yếu của người dân Và qua đó đời sống con người cũng trở nên thoải mái, tiện nghi

Khi công nghệ còn chưa phát triển, mọi hoạt động mua bán đều phải được diễn

ra trực tiếp và điều đó không phải lúc nào cũng dễ dàng Cùng với sự phát triển nhanh chóng của Internet thì các hình thức mua và bán hàng hóa cho mọi người ngày càng đa dạng và phát triển hơn Đặc biệt sau giai đoạn dịch bệnh covid 19, xu hướng -mua các sản phẩm bằng hình thức trực tuyến cũng trở nên phổ biến hơn đặc biệt là các sản phẩm hữu cơ tốt cho sức khỏe để bổ sung sức đề kháng cho bản thân và gia đình.Chính vì vậy, nhóm chúng chúng em đã quyết định thực hiện đồ án: “XÂY DỰNG APP BÁN THỰC PHẨM HỮU CƠ”, qua đó giúp cho mọi người có nhanh chóng xem thông tin chi tiết các loại thực phẩm hữu cơ và đặt mua chúng một cách thật nhanh chóng và không cần lo lắng về chất lượng của sản phẩm

LỜI C ẢM ƠN

Để xây dựng được app này, nhóm chúng em đã nhận được sự hỗ trợ, giúp đỡ ất nhiều r

từ giảng viên hướng d n - ThS Trẫ ịnh Th Ngị ọc Linh

Đồng thời cũng cho phép em được bày tỏ lòng biết ơn đến cô cũng với tất cả những thành viên trong nhóm đã cùng nhau làm vi c, cùng nhau nghiên c u trong su t quá ệ ứ ốtrình th c hiự ện đề tài này Với điều ki n thệ ời gian cũng như kinh nghiệm còn h n ch , ạ ếbản báo cáo này không thể tránh được nh ng thi u sót Chúng em r t mong nhữ ế ấ ận được

sự chỉ b o, nh n xét ả ậ đóng góp ý kiế ừn t các th y cô, tầ ừ đó chúng em có thể ả c i thi n ệcác h n chạ ế đồng th i nâng cao kinh nghi m c a mình ph c v tờ ệ ủ để ụ ụ ốt hơn cho các dự

án sau này

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

NHẬN XÉT

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

Chữ ký của giảng viên

MỤC LỤC

MỞ ĐẦU I LỜI CẢM ƠN II NHẬN XÉT III MỤC LỤC IV DANH MỤC HÌNH V

CHƯƠNG 1 GIỚI THIỆU TỔNG QUAN 1

1.1 Lý do chọn đề tài 1

1.2 Mục tiêu 1

1.3 Nội dung nghiên cứu 1

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

1.5 Ngôn ngữ lập trình 2

1.6 Bố cục báo cáo 2

CHƯƠNG 2 PHÂN TÍCH THIẾT KẾ HỆ THỐNG 4

2.1 Mô tả bài toán 4

2.2 Phân tích và thiết kế hệ thống 4

2.2.1 Đặc tả yêu cầu của người dùng 4

2.2.2 Biểu đồ use-case 4

2.2.3 Đặc tả use-case 5

2.2.4 Biểu đồ lớp 8

2.2.5 Biểu đồ hoạt động 8

2.2.6 Biểu đồ trạng thái 10

2.2.7 Biểu đồ tuần tự 11

2.2.8 Biểu đồ giao tiếp 13

CHƯƠNG 3 XÂY DỰNG HỆ THỐNG 15

3.1 Giao diện Trang chủ 15

3.2 Giao diện Trang chi tiết sản phẩm 17

3.3 Giao diện Trang kết quả tìm kiếm 19

3.4 Giao diện Trang liên hệ 21

3.5 Giao diện trang login/signup 22

3.6 Giao diện Trang giỏ hàng 25

3.7 Giao diện Trang thanh toán đơn hàng 26

3.8 Giao diện Trang profile 28

3.9 Giao diện trang admin 30

KẾT LUẬN 36

Kết luận 36

Hướng phát triển 36

DANH M C HÌNH Ụ

Hình 2.1 Biểu đồ use-case 5

Hình 2.2 Biểu đồ lớp của hệ th ng 8ố Hình 2.3 Biểu đồ hoạt động xem sản phẩm 8

Hình 2.4 Biểu đồ hoạt động mua hàng 9

Hình 2.5 Biểu đồ hoạt động thanh toán sản phẩm 9

Hình 2.6 Biểu đồ hoạt động quản lí sản phẩm 9

Hình 2.7 Biểu đồ trạng thái hoạt động xem sản phẩm 10

Hình 2.8 Biểu đồ trạng thái hoạt động mua hàng 10

Hình 2.9 Biểu đồ trạng thái hoạt động thanh toán 10

Hình 2.10 Biểu đồ ạ tr ng thái hoạt động qu n lí s n ph m 11ả ả ẩ Hình 2.11 Biểu đồ ầ ự ủa hoạt độ tu n t c ng xem s n ph m 11ả ẩ Hình 2.12 Biểu đồ ầ ự ủa hoạt độ tu n t c ng mua hàng 12

Hình 2.13 Biểu đồ ầ ự ủa hoạt độ tu n t c ng thanh toán 12

Hình 2.14 Biểu đồ ầ ự ủa hoạt độ tu n t c ng qu n lí s n ph m 13ả ả ẩ Hình 2.15 Biểu đồ giao ti p cế ủa hoạt động xem s n ph m 13ả ẩ Hình 2.16 Biểu đồ giao ti p cế ủa hoạt động mua hàng 13

Hình 2.17 Biểu đồ giao ti p cế ủa hoạt động thanh toán 14

Hình 2.18 Biểu đồ giao ti p cế ủa hoạt động qu n lí s n ph m 14ả ả ẩ Hình 3.1 Trang chủ-1 15

Hình 3.2 Trang chủ-2 16

Hình 3.3 Trang chi tiết s n ph m-1 17ả ẩ Hình 3.4 Trang chi tiết s n ph m-2 18ả ẩ Hình 3.5 Trang k t qu tìm ki m-1 19ế ả ế Hình 3.6 Trang k t qu tìm ki m-2 20ế ả ế Hình 3.7 Trang liên h 21ệ Hình 3.8 Trang Login 22

Hình 3.9 Trang Signup 1 23

Hình 3.10 Trang Signup-2 24

Hình 3.11 Trang giỏ hàng-1 25

Hình 3.12 Trang thanh toán-1 26

Hình 3.13 Trang thanh toán-2 27

Hình 3.14 Trang profile-1 28

Hình 3.15 Trang profile-2 29

Hình 3.16 Giao diện trang admin-1 30

Hình 3.17 Giao diện trang admin-2 31

Hình 3.18 Giao diện trang admin-3 32

Hình 3.19 Giao diện trang admin-4 33

Hình 3.20 Giao diện trang admin-5 34

Hình 3.21 Giao diện trang admin-6 35

Chương 1 GIỚI THI U T NG QUAN Ệ Ổ

1.1 Lý do chọn đề tài

Khi Internet còn chưa phát triển tại Việt Nam Việc mua sắm đều phải diễn ra một cách trực tiếp Việc này bây giờ trở nên cực kì bất tiện ì mọi người đều rất bận rộn vvới công việc và ít có thời gian rảnh để đi lại mua sắm Và khi chúng ta có Internet mọi thứ trở nên dễ dàng hơn khi mà các ứng dụng android trở thành một công cụ hữu ích để mọi người có thể tìm kiếm và đặt hàng các sản phẩm mình muốn mua một cách nhanh chóng Và đây cũng là một môi trường cực kì thuận lợi để kinh doanh Chính vì vậy nhóm em quyết định thực hiện đồ án “app bán hoa quả” Qua đó giúp mọi người có thể xem được thông tin cũng như mua sắm các sản phẩm một cách thuận lợi

1.2 M ục tiêu

- Thiết kế app với giao diện bắt mắt, thân thiện với người dùng

- Tạo ra app có đầy đủ các chức năng của 1 app bán hàng mà người dùng muốn có trong app

- Cung cấp đầy đủ và chính xác thông tin sản phẩm tới người dùng

1.3 N ội dung nghiên c u ứ

Trên cơ sở mục tiêu nghiên cứu, nhóm chúng em đã triển khai các nội dung nghiên cứu cụ thể như sau:

- Nghiên cứu lý thuyết về cách tạo một trang app bán hàng

- Thiết kế app, tạo giao diện và chức năng cho app

- Triển khai thực nghiệm

- Đánh giá mô hình thực nghiệm đã triển khai

- Tổng hợp và báo cáo kết quả thực hiện

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

- Phương pháp nghiên cứu lý thuyết:

● Tham khảo các trang app bán hàng có sẵn trên thị trường

● Tìm hiểu và nghiên cứu cách vận hành app

● Tìm hiểu và vận dụng các kiến thức đã học để xây dựng app

● Tham khảo ý kiến của người dùng, lấy ý kiến góp ý của giảng viên nhằm hoàn thiện và nâng cao hiệu quả của app đã xây dựng

- Phương pháp nghiên cứu thực nghiệm:

● Dựa vào các phương pháp nghiên cứu lý thuyết để xây dựng app bán hoa quả, đánh giá và chỉnh sửa

● Triển khai thực nghiệm hệ thống để kiểm chứng mô hình lý thuyết đã nghiên cứu

1.5 Ngôn ngữ l p trình ậ

Để xây dựng ứng dụng này, chúng tôi chọn sử dụng Java làm ngôn ngữ để lập trình Java được phát hành năm 1995 bởi Sun Microsystems, Java là ngôn ngữ then chốt của Android

Bộ công cụ phát triển phần mềm Android SDK (Software Development Kit) sử dụng Java như ngôn ngữ nền tảng cho các ứng dụng Android

Java được đánh giá là khá dễ dàng để sử dụng, đặc biệt là trong Android Studio IDE dùng phát triển các ứng dụng dành cho Android vì:

- Ngôn ngữ Java được thiết kế để có nền tảng độc lập & an toàn, được sử dụng cho các máy ảo

- Ngôn ngữ lập trình Java hướng đối tượng Android chủ yếu dựa vào các nguyên tắc cơ bản Java

- SDK Android có nhiều thư viện Java chuẩn như thư viện cấu trúc dữ liệu, thư viện đồ họa, thư viện toán học, thư viện mạng… nhiều thứ khác bạn có thể cần đến Bên cạnh

đó, còn có thư viện Android đặc biệt giúp bạn phát triển các ứng dụng Android tốt hơn

1.6 Bố cục báo cáo

Báo cáo bao gồm các phần chính như sau:

Chương 1: Giới thiệu tổng quan

Giới thiệu về lý do chọn đề tài, mục tiêu, nội dung, phương pháp nghiên cứu, ngôn ngữ lập trình sử dụng và bố cục của báo cáo.

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

Nội dung chương gồm có mô tả bài toán, phân tích và thiết kế hệ thống

Chương 3: Xây dựng website

Nội dung chương bao gồm kết quả thực hiện và giải thích về app

Kết luận:

Đánh giá chung về đề tài: các kết quả chính đạt được, mức độ đáp ứng của đề tài theo yêu cầu đề ra Trên cơ sở đó, nêu các đề xuất, kiến nghị cũng như định hướng phát triển đề tài trong tương lai

Chương 2 PHÂN TÍCH THI T K H TH NG Ế Ế Ệ Ố

2.1 Mô t bài toán ả

Tên bài toán: “Xây dựng app bán thực phẩm hữu cơ”

Đây là app được xây dựng để giúp mọi người có thể mua được các loại thực phẩmhữu cơ App được chia làm 2 phần:

- Quản trị viên: Quản lí được thông tin của tất cả các sản phẩm đang bày bán trên app

- Khách hàng: Khách hàng có xem được tất cả thông tin của sản phẩm có trên app Khách hàng cũng có thể gửi tin nhắn phản hồi đến cho quản trị viên về đơn hàng, sản phẩm được giao,…

+ Với vai trò là khách hàng, tôi muốn có thể đặt các sản phẩm muốn mua vào giỏ hàng (chức năng giỏ hàng= Use-case MUAHANG)

+ Với vai trò là khách hàng tôi muốn có thể thanh toán trực tiếp hoặc gián tiếp (chức , năng thanh toán = Use-case THANHTOAN)

+ Với vai trò là khách hàng, tôi muốn có thể liên hệ được với admin qua trang web để phản hồi về sản phẩm (chức năng liên hệ = Use-case LIENHE)

-Hình 2.1 Biểu đồ use-case 2.2.3 Đặc tả use-case

Tên Xem s n ph m ả ẩ

Các tác nhân Người dùng

Mục đích Để người dùng có thể xem các sản phẩm hiện đang được bày

bán

Mô t ả Người dùng sẽ thấy được danh sách các sản phẩm,hoặc tìm

kiếm s n phả ẩm đó Khi chọn m t s n ph m sộ ả ẩ ẽ có thể xem được thông tin chi ti t cế ủa sản phẩm đó

Điều kiện trước Người dùng cần đăng nhập để ực hiện ch th ức năng này

Tên Mua hàng

Các tác nhân Người dùng

Mục đích Để người dùng có thể thêm các sản phẩm mình muốn mua vào

trong gi hàng ỏ

Mô t ả Người dùng ch n sản phẩm mình muốn mua và ấn mua hàng thì ọ

sản ph m sẩ ẽ được thêm vào gi hàng cỏ ủa người dùng

Điều kiện trước Người dùng cần đăng nhập để ực hiện ch th ức năng này

Các tác nhân Người dùng

Mục đích Để xác thực thông tin và chọn phương thức thanh toán để đơn

hàng được giao đến

Mô t ả Người dùng nhập đầy đủ các thông tin cần thiết và ch n hình ọ

thức thanh toán sau đó ấn nút thanh toán

Điều kiện trước Người dùng cần đăng nhập để ực hiện ch th ức năng này

Tên Quản lí s n ph m ả ẩ

Các tác nhân Quản trị viên

Mục đích Để quản tr viên có thể quị ản lí được thông tin của sản phẩm như

thêm s a xóa thông tin s n ph m, bày bán các s n ph m m i ử ả ẩ ả ẩ ớcũng như tạo các mã gi m giá cho s n phẩm vào những d p ả ả ịthích h p ợ

Mô t ả Quản trị viên vào danh sách s n ph m và ch n s n ph m mình ả ẩ ọ ả ẩ

muốn chỉnh sửa sau đó thực hiện các bước ch nh sỉ ửa và cập nhật l i thông tin cạ ủa sản ph m Khi thêm s n ph m m i, qu n ẩ ả ẩ ớ ảtrị viên c n nhầ ập đầy đủ thông tin các s n phả ẩm sau đó cập nh t ậ

lạ ểi đ hoàn t t thêm s n ph m ấ ả ẩĐiều kiện trước Cần phải đăng nhập b ng tài khoằ ản admin để ực hiệ th n ch c ứ

năng này

Các tác nhân Quản trị viên

Mục đích Để quản tr viên có thể quị ản lí được thông tin và tình trạng của

các đơn hàng

Mô t ả Quản trị viên vào danh sách đơn hàng và chọn đơn hàng mình

muốn chỉnh sửa sau đó thực hiện các bước ch nh sỉ ửa và cập nhật l i thông tin cạ ủa đơn hàng

Điều kiện trước Cần phải đăng nhập b ng tài khoằ ản admin để ực hiệ th n ch c ứ

năng này

Hoạt động mua hàng:

Hình 2.4 Biểu đồ hoạt động mua hàng

Hoạt động thanh toán:

Hình 2.5 Biểu đồ hoạt động thanh toán sản phẩm Quản lí sản phẩm

Hình 2.6 Biểu đồ hoạt động quản lí sản phẩm

Hình 2.12 Biểu đồ tuần tự của hoạt động mua hàng

Hình 2.13 Biểu đồ tuần tự của hoạt động thanh toán

Hình 2.14 Biểu đồ tuần tự của hoạt động quản lí sản phẩm

2.2.8 Biểu đồ giao ti p ế

Hình 2.15 Biểu đồ giao tiếp của hoạt động xem sản phẩm

Hình 2.16 Biểu đồ giao tiếp của hoạt động mua hàng

Hình 2.17 Biểu đồ giao tiếp của hoạt động thanh toán

Hình 2.18 Biểu đồ giao tiếp của hoạt động quản lí sản phẩm

Chương 3 XÂY D NG H TH NG Ự Ệ Ố

3.1 Giao di n Trang ch ệ ủ

- Đây là giao diện chính của app là nơi người dùng sẽ được tiếp tương tác tới các trang khác của app Trang có thanh menu, thanh tìm kiếm, giới thiệu các sản phẩm đang bày bán

Hình 3.1 Trang chủ-1

Hình 3.2 Trang chủ-2

3.2 Giao di n Trang chi ti t s n phệ ế ả ẩm

- Trang này sẽ hiển thị chi thông tin mô tả sản phẩm mà khách hàng muốn mua Trang này sẽ hiện ra khi người dùng ấn vào sản phẩm họ mà muốn xem thông tin Và khi ấn vào Description, thông tin mô tả về sản phẩm sẽ hiện ra cho người dùng Ở phía bên dưới của sản phẩm chính là danh sách các sản phẩm có liên quan đến sản phẩm người dùng đang muốn mua

Hình 3.4 Trang chi tiết sản phẩm-2

3.3 Giao di n Trang kệ ết quả tìm ki m ế

- Đây là trang hiển thị kết quả tìm kiếm sau khi người dùng nhập tên sản phẩm cần , tìm và bấm vào nút tìm kiếm, trang sẽ hiển thị ra các sản phẩ có thông tin tương m ứng với thông tin mà người dùng đã nhập Người dùng có thể ấn vào sản phẩm để xem thông tin chi tiết của sản phẩm đó

Hình 3.5 Trang kết quả tìm kiếm-1

Hình 3.6 Trang kết quả tìm kiếm-2

3.4 Giao di n Trang liên h ệ ệ

- Đây là trang web cho phép người dùng biết thông tin của admin như email, địa chỉ,

số điện thoại và có form cho người dùng có thể nhập những ý kiến, đóng góp về sản phẩm để gửi đến bộ phận quản lý

Hình 3.7 Trang liên hệ

3.5 Giao di n trang login/signup ệ

- Trang này cho phép người dùng đăng nhập tài khoản của mình để dùng các chức năng mua hàng của website Hoặc cũng có thể đăng ký để tạo tài khoản nếu là khách hàng mới

Hình 3.8 Trang Login

Hình 3.9 Trang Signup 1

- Khi người dùng đăng kí sẽ nhận được 1 mã xác nhận tài khoản gửi về mail đã được người dùng đăng kí Nếu nhập đúng mã xác nhận này tài khoản sẽ được tạo

Hình 3.10 Trang Signup-2

3.6 Giao di n Trang gi hàng ệ ỏ

Trang này hiển thị thông tin về tất cả các sản phẩm mà người dùng đã thêm vào giỏ hàng, tổng số tiền mà người dùng cần phải trả cho đơn hàng Người dùng cũng có thể bỏ những sản phẩm không còn muốn mua nữa ra khỏi giỏ hàng trước khi thanh toán

3.7 Giao di n Trang thanh ệ toán đơn hàng

Đây là trang để người dùng nhập thông tin địa chỉ nhận hàng, chọn phương thức thanh toán, xem được tổng giá của đơn hàng cũng như phí vận chuyển

Hình 3.12 Trang thanh toán-1

Sau khi xác nhận các thông tin thanh toán, hệ thống sẽ gửi mail về cho người dùng để xác nhận đơn hàng đã được đặt thành công

Hình 3.13 Trang thanh toán-2