Đồ án môn học phát triển ứng dụng di động tên đề tài xây dựng ứng dụng di động bán hàng điện tử

Việc sử dụng ứng dụng di động để xem thông tin sản phẩm với giao diện thân thiệnđẹp mắt, đặt mua sản phẩm nhanh chóng, quản lý thông tin sản phẩm đã đặt một cách rõràng, cập nhật sản phẩ

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘTVIỆN KỸ THUẬT CÔNG NGHỆ

ĐỒ ÁN MÔN HỌC PHÁT TRIỂN ỨNG DỤNG DI ĐỘNG

TÊN ĐỀ TÀI:

XÂY DỰNG ỨNG DỤNG DI ĐỘNG

BÁN HÀNG ĐIỆN TỬ

GVHD: ThS NGUYỄN HỮU VĨNH Nhóm thực hiện:

Cao Văn Tâm – 1824801030183 Phan Thế Nhựt – 1824801030209 Lớp: D18PM03

VIỆN KỸ THUẬT CÔNG NGHỆ NHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN

Họ và tên giảng viên: ThS.Nguyễn Hữu Vĩnh

Tên đề tài: Xây dựng ứng dụng di động bán hàng điện tử

Nội dung nhận xét:

Điểm: Bằng số:

Bằng chữ:

GIẢNG VIÊN CHẤM

(Ký, ghi rõ họ tên)

NGUYỄN HỮU VĨNH

PHÁT TRIỂN ỨNG DỤNG DI ĐỘNG

MỤC L

LỜI MỞ ĐẦU 8

CHƯƠNG 1 TỔNG QUAN VỀ ỨNG DỤNG 9

1 Lí do chọn đề tài 9

2 Mục tiêu nghiên cứu 9

3 Nhiệm vụ nghiên cứu 10

4 Đối tượng và khách thể nghiên cứu 10

5 Phương tiện nghiên cứu 10

6 Phương pháp và phạm vi nghiên cứu 10

a Phương pháp nghiên cứu tài liệu 10

b Phương pháp nghiên cứu thực tiễn 10

c Phương pháp tổng hợp và phân tích số liệu 10

7 Đóng góp của đề tài 11

8 Giới thiệu về Android Studio 11

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

1 Tổng quan về bài toán 15

2 Sơ đồ Use Case 15

3 Đặc tả Use Case 17

a Đăng nhập 17

b Đăng xuất 18

c Đăng ký 19

d Thêm sản phẩm 20

e Xóa sản phẩm 21

4 Sơ đồ hoạt động 22

a Đăng nhập 22

b Đăng ký 22

c Quản lý tài khoản 23

d Lập hóa đơn 24

5 Sơ đồ tuần tự 25

a Đăng nhập 25

b Quản lý khách hàng 26

c Quản lý tài khoản 27

d Lập hóa đơn 28

6 Biểu đồ lớp 29

CHƯƠNG 3 THIẾT KẾ ỨNG DỤNG 30

1 Giao diện 30

a Đăng nhập 30

b Đăng kí 31

c Giao diện màn hình chính 32

d Giao diện chi tiết sản phẩm 33

e Giao diện sản phẩm theo loại 34

f Giao diện thanh toán 35

g Giao diện giỏ hàng 36

h Giao diện quản lý tài khoản 37

i Giao diện hóa đơn 38

KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 39

1 Kết quả đạt được 39

a Về mặt kiến thức 39

b Về chương trình 39

2 Hạn chế 39

3 Khuynh hướng phát triển 39

TÀI LIỆU THAM KHẢO 40

Y

DANH MỤC HÌNH

Hình 1: Use Case đăng nhập 14

Hình 2: Use Case đăng kí 15

Hình 3: Use Case đặt hàng 15

Hình 4: Sơ đồ hoạt động đăng nhập 21

Hình 5: Sơ đồ hoạt động đăng ký 21

Hình 6: Sơ đồ hoạt động quản lý tài khoản 22

Hình 7: Sơ đồ hoạt động lập hóa đơn 23

Hình 8: Sơ đồ tuần tự đăng nhập 24

Hình 9: Sơ đồ tuần tự quản lý khách hàng 25

Hình 10: Sơ đồ tuần tự quản lý tài khoản 26

Hình 11: Sơ đồ tuần tự lập hóa đơn 27

Hình 12: Biểu đồ lớp 28

Hình 13: Giao diện đăng nhập 29

Hình 14: Giao diện đăng kí 30

Hình 15: Giao diện màn hình chính 31

Hình 16: Giao diện chi tiết sản phẩm 32

Hình 17: Giao diện sản phẩm theo loại 33

Hình 18: Giao diện thanh toán 34

Hình 19: Giao diện giỏ hàng 35

Hình 20: Giao diện quản lý tài khoản 36

Hình 21: Giao diện quản lý hóa đơn 37

DANH MỤC BẢ

Y

Bảng 1: Đặc tả Use Case đăng nhập 15

Bảng 2 Đặc tả Use Case đăng xuất 16

Bảng 3: Đặc tả Use Case đăng ký 17

Bảng 4: Đặc tả Use Case thêm sản phẩm 18

Bảng 5: Đặc tả Use Case xóa sản phẩm 19

LỜI MỞ ĐẦU

Trong sự phát triển mạnh mẽ của khoa học công nghệ thế giới, có thể nói rằngngành công nghệ thông tin phát triển với tốc độ nhanh nhất và ngày càng thể hiện đượcvai trò to lớn, hết sức quan trọng đối với toàn bộ đời sống con người Hầu hết các lĩnhvực trong xã hộ điều ứng dụng công nghệ thông tin, nhiều phần mền đã mang lại hiệu quảkhông thể phủ nhận Song thực tiễn luôn đặt ra những yêu cầu mới đòi hỏi ngành côngnghệ thông tin không người phát triển để thỏa mãn và đáp ứng những thay đổi của cuộcsống 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 trongnhữ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ác công ty lớn và nhỏ, nó đóng vai trò hết sức quan trọng, có thể tạo ra những bước pháttriển mạnh mẽ

Việc sử dụng ứng dụng di động để xem thông tin sản phẩm với giao diện thân thiệnđẹp mắt, đặt mua sản phẩm nhanh chóng, quản lý thông tin sản phẩm đã đặt một cách rõràng, cập nhật sản phẩm mới mà không cần phải tốn thời gian để cập nhật ứng dụng …đang được người dùng rất quan tâm Vì vậy, trong đồ án này em sẽ đưa ra ý tưởng xâydựng một ứng dụng di động bán hàng điện tử nhằm giúp cho việc bán hàng của chủ cửahàng được dễ dàng hơn và người tiêu dùng yên tâm, hài lòng về sản phẩm mà mình sửdụng

Đồ án môn học được chia thành các phần như sau:

1 TỔNG QUAN VỀ ỨNG DỤNG

2 PHÂN TÍCH HỆ THỐNG

3 THIẾT KẾ HỆ THỐNG

CHƯƠNG 1 TỔNG QUAN VỀ ỨNG DỤNG

1. Lí do chọn đề tài

Trong quá trình phát triển của xã hội công nghệ thông tin đã và đang phát triển mạnh

mẽ ngày càng thâm nhập sâu, trở thành một công cụ hỗ trợi đắc lực cho con người trongmọi lĩnh vực Đặc biệt đó là ứng dụng phần mềm với nhiều chương trình ứng dụng cóhiệu quả

Thay vì tìm kiếm hàng trên các trang web, nhiều sàn giao dịch thương mại điện tử đãthiết kế ứng dụng (Application, viết tắt là App) chạy trên smartphone để tiện cho ngườimua lẫn người bán Các nhà kinh doanh thương mại điện tử cho rằng, App hiện là công

cụ mua sắm hữu hiệu khi thị trường Việt Nam có hơn 35 triệu chiếc smartphone đanghoạt động

Muốn và web bằng smartphone hay tablet, người dùng phải tốn nhiều thao tác và thờigian, từ việc gõ địa chỉ, chờ hiển thị trang web, mặt khác trang web có thiết kế phức tạpnên dung lượng cao, khó tải, giao diện không phù hợp với màn hình smartphone … Trongkhi đó, chỉ cần tốn thời gian để tải ứng dụng từ các kho ứng dụng, sau đó chỉ cần một cúchạm, ứng dụng sẽ hiển thịn với giao diện được tùy chỉnh với màn hình smartphone mộtcách thân thiện

Do đó, em đã vận dụng ngôn ngữ lập trình Android đã học và công dụng AndroidStudio để xây dựng ứng dụng di động bán hàng điện tử

2. Mục tiêu nghiên cứu

- Xây dựng app bán hàng sử dụng image view và buton view :

+ Image view : sử dụng image view để hiện thị các hình ảnh trong lập trình Android

Là loại View dùng để hiện thị tài nguyên hình ảnh như các ảnh Bitmap, các ảnhDrawable Nó cũng cung cấp các chức năng tùy biến khác nhau như đổ màu nhuộm(tint) vào ảnh, co kéo/cắt ảnh khi hiện thị trên View

+ Buton view : nút bấm hiện thị ảnh, ảnh được thu phóng phù hợp với mục đích sửdụng, nguồn ảnh Bitmap hay Drawable

3. Nhiệm vụ nghiên cứu

- Tích hợp được nhiều chức năng cần thiết của một ứng dụng bán hàng

- Đem lại sự thuận tiện cho người sử dụng

4. Đối tượng và khách thể nghiên cứu

- Đối tượng nghiên cứu:

+ Ngôn ngữ lập trình Android.

+ Công cụ lập trình Androd Studio.

+ Quy trình nghiệp vụ quản lý sản phẩm.

- Khách thể nghiên cứu:

+ Người dùng có nhu cầu bán hàng.

+ Tìm hiểu các linh kiện điện tử.

5. Phương tiện nghiên cứu

- Nghiên cứu cơ sở lý thuyết về phân tích và thiết kế hệ thống thông tin

- Sử dụng Draw.io để vẽ các sơ đồ chức năng

6. Phương pháp và phạm vi nghiên cứu

a Phương pháp nghiên cứu tài liệu

- Sử dụng tài liệu hướn dẫn lập trình Android từ các diễn đàn công nghệthông tin (hiepsiit.com, …)

- Sử dụng các video hướng dẫn có liên quan từ Youtube

- Sử dụng thông tin từ website Stackoverflow và một số website khác để sửalỗi phát sinh trong quá trình phát triển ứng dụng

b Phương pháp nghiên cứu thực tiễn

- Phương pháp quan sát: Quan sát việc quản lý của một số ứng dụng

c Phương pháp tổng hợp và phân tích số liệu

- Thu thập thông tin từ việc phỏng vấn

- Thống kê, tổng kết số liệu.

- Phân tích, đưa ra kết quả và thực hiện

Phạm vi quay quanh các nghiệp vụ quản lý đảm bảo đầy đủ các chức năng chính củaphần mềm và khai thác các chức năng mới có liên quan đến quản lý món ăn nhằm giúpcho phần mềm thêm phần tiện ích

7. Đóng góp của đề tài

- Ý nghĩa khoa học:

Kết quả nghiên cứu của đề tài góp phần nâng cao nhận thức, khả năng thu thập thông tin,phân tích yêu cầu của người dùng để xây dựng được ứng dụng dành cho khách hàng vàứng dụng dành cho người quản lý Bước đầu tiếp cận ngôn ngữ lập trình để xây dụngchương trình

- Ý nghĩa thực tiễn:

Ứng dụng giúp cho việc quản lý của chủ cửa hàng được dễ đang hơn, bên cạnh đó nócòn giúp cho người tiêu dùng cảm thấy tiện lợi và hài lòng khi sử dụng ứng dụng sảnphẩm

8. Giới thiệu về Android Studio

Để phát triển các ứng dụng mobile chạy trên hệ điều hành Android thì bạn cần mộtmáy tính trên đó có cài đặt Android Studio Trong bài viết này chúng ta sẽ cùng nhau tìmhiểu về Android Studio, cách cài đặt và sử dụng Android Studio để tạo một ứng dụng đơngiản có tên là Hello World Bài viết này áp dụng trên hệ điều hành Windows do đó bạncần một máy tính chạy hệ điều hành Windows

- Android Studio Là Gì?

Android Studio là một phầm mềm bao gồm các bộ công cụ khác nhau dùng để phát

triển ứng dụng chạy trên thiết bị sử dụng hệ điều hành Android như các loại điện thoạismartphone, các tablet Android Studio được đóng gói với một bộ code editor, debugger,các công cụ performance tool và một hệ thống build/deploy (trong đó có trình giả lậpsimulator để giả lập môi trường của thiết bị điện thoại hoặc tablet trên máy tính) cho phépcác lập trình viên có thể nhanh chóng phát triển các ứng dụng từ đơn giản tới phức tạp.Việc xây dựng một ứng dụng mobile (hoặc tablet) bao gồm rất nhiều các công đoạnkhác nhau Đầu tiên chúng ta sẽ viết code ứng dụng sử dụng máy tính cá nhân hoặclaptop Sau đó chúng ta cần build ứng dụng để tạo file cài đặt Sau khi build xong thìchúng ta cần copy file cài đặt này vào thiét bị mobile (hoặc table) để tiến hành cài đặt ứngdụng và chạy kiểm thử (testing) Bạn thử tưởng tượng nếu với mỗi lần viết một dòngcode bạn lại phải build ứng dụng, cài đặt trên điện thoại hoặc tablet và sau đó chạy thử thì

sẽ vô cùng tốn thời gian và công sức Android Studio được phát triển để giải quyết cácvấn đề này Với Android Studio tất cả các công đoạn trên được thực hiện trên cùng mộtmáy tính và các quy trình được tinh gọn tới mức tối giản nhất

Tiếp theo chúng ta sẽ tìm hiểu cách cài đặt Android Studio trên Windows, Mac OSX

và Linux

- Tải Android Studio

Trước khi tiền hành cài đặt Android Studio bạn cần tải Android Studio về máy bằngcách truy cạp vào đường link này và chọn phiên bản Android Studio phù hợp với hệ điềuhành mà bạn đang sử dụng Trang tải Android Studio ở trên có sử dụng một đoạn mãJavaScript được để phát hiện ra hệ điều hành máy tính của bạn và cung cấp phiên bảnAndoid Studio phù hợp Và do đó bạn chỉ việc nhấp vào link sẵn có trên trang để tải về.Cài Đặt Android Studio

Hệ Điều Hành Windows

Việc cài đặt Android Studio trên Windows khá đơn giản Sau khi tải xong bạn nhấpđúp vào file cài đặt để tiến hành cài đặt Quá trình cài đặt không có gì đặc biệt và bạn cóthể tự mình hoàn tất công đoạn này Sau khi cài đặt xong máy tính sẽ khởi động chươngtrình Android Studio để bạn có thể bắt đầu phát triển ứng dụng đầu tiên

Hệ Điều Hành Mac

Tương tự như Windows việc cài đặt Android Studio trên Mac OS X cũng khá đơngiản Sau khi tải về tập tin DMG dùng để cài đặt Android Studio trên Mac thì chúng ta sẽnhấp đúp vào file này Ở cửa sổ bật ra bạn cần nhấp chuột và kéo Android Studio vào thưmục Applications Sau đó click đúp vào biểu tượng Android Studio để tiến hành cài đặt.Quá trình cài đặt không có gì đặc biệt và bạn có thể tự mình hoàn tất công đoạn này

Hệ Điều Hành Linux

Để cài đặt Android Studio trên Linux thì sau khi tải tập tin zipvề máy bạn thực hiệncác bước sau:

Bước 1: Giải nén tập tin tải về sử dụng chương trình bằng cách nhấp đúp lên tập tinh

này Chương trình Archive Manager có sẵn trên Ubuntu sẽ được khởi động để hỗ trợ bạn

thực hiện việc giải nén

Bước 2: Chép thư mục vừa được giải nén vào bên trong thư mục /usr/local hoặc /opt.Bước 3: Mở cửa sổ dòng lệnh terminal (sử dụng tổ hợp phím tắt Ctrl + Alt + T).Bước 4: Di vào bên trong thư mục android-studio/bin của tập tin vừa được giải nén(sau bước 3 ở trên thì thư mục này bây giờ sẽ nằm bên trong /usr/local hoặc /opt)

Bước 5: Chạy tập tin studio.sh trong thư mục bin trên bằng cách nhập tên tập tin này

và gõ Enter

Sau bước 5, máy tính sẽ khởi động chương trình cài đặt Android Studio Setup Wizard

và bạn có thể dễ dàng thực hiện các công đoạn còn lại để cài Android Studio

Sau khi cài đặt xong Android Studio thì đối với hệ điều hành Linux 64-bit thì bạn cầntiến hành thêm một bước sau để cài đặt bổ sung một số bộ thư viện cần thiết cho AndroidStudio:

Với các máy tính chạy phiên bản 64-bit của Ubuntu thì chúng ta sẽ cần chạy câu lệnhsau:

sudo apt-get install libc6:i386 libncurses5:i386 libstdc++6:i386 lib32z1 1.0:i386 Với các máy tính chạy phiên bản 64-bit của Fedora thì chúng ta sẽ cần chạycâu lệnh

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

1. Tổng quan về bài toán

Phần mền xây dựng bằng Android Studio giao diện đơn giản dễ sử dụng gồm cácchức năng sau:

- Tất cả mọi người có nhu cần tìm kiếm các linh kiện điện tử

- Ứng dụng cung cấp cho người dùng đặt hàng, xử lý giỏ hàng và tìm kiếm thông tinsản phẩm

- Giúp người dùng thấy những sản phẩm mới được cập nhật liên tục

Qua đó, phần mềm sẽ giúp nghiệp vụ quản lý chuyên nghiệp dễ dàng hơn

9. Sơ đồ Use Case

Hình 1: Use Case đăng nhập

Hình 2: Use Case đăng kí

Hình 3: Use Case đặt hàng

10. Đặc tả Use Case

a Đăng nhập

Bảng 1: Đặc tả Use Case đăng nhập

Tên use case: Quản lý đăng nhập

Actor: Người dùng

Mô tả: Use case này mô tả các bước đăng nhập của các actor vào hệ thống

Precondition (điều kiện tiên quyết): Nhập tên đăng nhập và mật khẩu

Poscondition(vị trí): + Nếu đăng nhập thành công hiển thị giao diện chính Nếusai thì hệ thống sẻ yêu cầu nhập lại

+ Nếu khách hàng chưa có tài khoảng, thì hệ thống sẻ yêu cầu khách hàng đăng

ký tài khoản

Basic flow

1 Tạo form kết quả tìm kiếm của hệ

thống, người dùng click vào nút

đăng ký

2 Hệ thống hiển thị form yêu cầu nhập tên đăng nhập và mật khẩu.Alternale flow

b Đăng xuất

Tên use case: Đăng xuất

Actor: Các thành viên trong use case đăng nhập

Mô tả: Use case này mô tả các bước đăng xuất của các actor vào hệ thống

Precondition(điều kiện tiên quyết): Đăng xuất ra khỏi hệ thống

Poscondition(vị trí): + Actor thực hiện các chức năng đăng xuất khỏi hệ thống.+ Hệ thống yêu cầu xác nhận từ actor

1 Tạo form hiển thị chức năng đăng

xuất của hệ thống, người dùng

click nút đăng xuất

2 Hệ thống hiển thị form yêu cầu xác nhận đăng xuất

3 Người dùng kiểm tra lại thông tin

trước khi xác nhận đăng xuất

4 Nếu người dùng xác nhận

5 Hệ thống tự động kiểm tra và đăng xuất khỏi hệ thống

Alternale flow

Người dùng xác nhận lại thông tin trước

khi đăng xuất

+ Nếu người dùng đã xác nhận thôngtin xong và đăng xuất thì hề thống tựđộng đăng xuất tài khoản

+ Ngược lại nếu người dùng khôngxác nhận thống tin thì hệ thống sẻ giữnguyên hiện trạng

Bảng 2 Đặc tả Use Case đăng xuất

c Đăng ký

Tên use case: Đăng ký tài khoản

Actor : Người dùng đăng ký

Mô tả: Use case này cho phép actor đăng ký tài khoản

Precondition(điều kiện tiên quyết): Nhập tên đăng nhập, mật khẩu nhập lại mật khẩu giống với mật khẩu ban đầu

1 Nhấn vào nút “Đăng ký” 2 Hệ thống yêu cầu actor nhập vào

các thông tin tài khoản đăng ký

Bảng 3: Đặc tả Use Case đăng ký

d Thêm sản phẩm

Tên use case: Thêm sản phẩm

Actor: Người dùng

Mô tả: Use case cho phép người dùng thêm sản phẩm

Precondition(điều kiện tiên quyết): Nhập đầy đủ thông tin cần thiết của sản phẩmPoscondition(vị trí): Người dùng đăng nhập và hệ thống, ấn giữ và thêm sản phẩm

Basic flow

1 Người dùng chọn thêm sản phẩm 2 Hệ thống yêu cầu nhập thông tin

sản phẩm

3 Người dùng nhập thông tin 4 Hệ thống hiển thị thông tin cần

nhập và kiểm tra thông tin.Alternale flow

Bảng 4: Đặc tả Use Case thêm sản phẩm