Đồ á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ử

Song thực tiễn luôn đặt ra những yêu cầu mới đòi hỏi ngành công nghệ 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ộc sống.. Ngày nay, ứng dụng công nghệ t

TRUONG DAI HOC THU DAU MOT

VIEN KY THUAT CONG NGHE

XAY DUNG UNG DUNG DI DONG

BAN HANG DIEN TU

GVHD: ThS NGUYEN HUU VINH

Nhóm thực hiện:

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

Đình Dương, Tháng 04/2020

PHAT TRIEN UNG DUNG DI DONG

VIEN KY THUAT CONG NGHE NHAN XET VA CHAM DIEM CUA GIANG VIEN

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:

GIANG VIEN CHAM

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

NGUYÊN HỮU VINH

2 Mục tiêu nghiên CỨU L2 2211222111211 1 11112111211 11111 1111101111811 811 1111k Tn HH xen cú 9

3 Nhiệm vụ nghiên CỨU L2 2222122112121 2211 1151112111111 181120111811 811 0111 KH se 10

4 Đối tượng và khách thể nghiên cửu - 5 2 1E 1121121111021 21110.1 2121111 rrrre 10

5 Phurong tién nghién 1n Ố 10

6 Phuong phap va pham vi nghién CU cece cece cece ccetee see ceseeereeeeseeesseeectaeeeesteeene 10

a Phuong phap nghién ctru tài lIỆU 122 1221221122115 115 2111111511 11 xxx cười 10 b Phương pháp nghiên cứu thực tiến 1 SE EEEE2121111211 2111 ng 10

c Phuong pháp tổng hợp và phân tích số liệu 5 - St SE SE E121 E71E1111111 2x cre 10

7 Đóng góp của đề tài nh HH HH H1 H1 n1 nga 11

8 Gidi thigu vé Android Studio cecceescssescssseessssesssiesesseeecsssecesseecsssecsusecsimnecreesienssiecnsecs II CHUONG 2 PHAN TICH THIET KẾ HỆ THÓNG 5-2 se <=ecseseesrs 15

1 Tổng quan về bải toán - s1 1111211 E1121111 22 11 12111 1111 n1 ng ng 15

d Lập hóa đơn L1 0112211121112 1 1211151111511 51111111 91H 1511k xe Hhệy 24

LÍ? am 25

Quản lý tài khoản Q0 0 22.1122 Hye

Lập hĩa đơn 2 2201112111222 11H ae,

Biểu đồ lớp c2 tr erưyt

Giao dién man hinh chinhw 2 ccccsss s2

Giao dién chi tiét san pham leveeeesteesetseeeeeeececcecenseeeeenana

Giao dién san pham theo loat ccc cceeeecccccceeeeeeee

Giao điện thanh tộn 2k2

Giao điện giỏ hàng 22c 2212 sex

Giao điện quản lý tài khoản à 2c 2c ccc

GIao diện hĩa đơn 2n x2

T LUẬN VÀ HUONG PHAT TRIEN

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

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

TÀI LIỆU THAM KHẢO

DANH MỤC HÌNH

Hình I: Use Case đăng nhập - L0 0222122112121 112111 1111211101111 118111011 118111 11511152 kh 14 Hinh 2: Use Case đăng kí Q20 12011122221 1121115 1011195115111 1 111128111 HE Ha ch 15

Hinh 3: Use Case dat hang 15

Hình 4: Sơ đồ hoạt động đăng nhập 2-2 SE 1121211212121 121 11ha 21 Hình 5: Sơ đồ hoạt động đăng ký 5 St TH HH H11 1n 12 ri 21 Hình 6: Sơ đồ hoạt động quản lý tài khoản 52 9 E1 11121121 11 11 TH He 22 Hình 7: Sơ đồ hoạt động lập hĩa đơn 1 SEE 11121111 1121111 E111 Hee 23 Hình §: Sơ đồ tuần tự đăng nhập - 52 1 SE 12112111121 110122211 2n tre 24 Hình 9: Sơ đồ tuần tự quản lý khách hàng c S ST E221 112111 11 12 He HH Hới 25 Hình 10: Sơ đồ tuần tự quản lý tài khoản - 5c SE E122 11 12111 tr reg 26 Hình 11: Sơ đồ tuần tự lập hĩa đơn - S1 1 11111222 11 12111 ng ngày 27 Hình 12: Biểu đồ lớp - ST 1n TỰ n1 12H 12121 11 n1 tr tr gu 28

Hình 13: Ciao điện đăng nhậtp - L0 0221212111211 1121112111181 11211 1011118181111 111k 29 Hình 14: Giao điện đăng kí 2 200221111 11221151 1151115111011 1 51H 1H HE KH ke 30

Hình 15: Giao điện màn hình chính L0 6222221111115 1111555111111 k ke He ng se 31

Hình 16: Giao điện chi tiết sản phâm 52 1S 1 1 E1211111121111112111E.1 E1 E1 gu 32

Hình 17: Giao diện sản phâm theo ÍOạH G011 ng S TS 0 511511 n ng ng 33 Hình 18: Giao diện thanh tộn LH S999 91 9011 ST ST ng g1 1155 15116 k ky ng ng nà 34

Hình 19: Cao điện giỏ hàng 0 00212111211 11211 2211112111011 11 111811501111 nn 21x15 xxx ke 35 Hình 20: Cao diện quản lý tài khoản 0 0 2211112111211 1 0111121221111 111 1811101111118 1 11k kea 36 Hình 2l: Giao điện quản lý hĩa đơn 20 1222121211121 1 112112 1 11181110111 11111110111 kệ 37

DANH MUC BA

Bang 1: Dac ta Use Case đăng nhập L- Q0 1222112111221 122111 1151251111111 15115111 ke 15 Bang 2 Đặc tả Use Case đăng xuất St TH HH1 H101 2121 11a 16 Bang 3: Dac ta Use Case đăng ký Q01 n1 1n 111110110111 1111011111 x khe re 17 Bảng 4: Đặc tả Use Case thêm sản phẩm 22-1 s11 E1 1111221211212 212121 Eg treo 18 Bảng 5: Đặc tả Use Case xóa sản phẩm 2-1 S11 1211112112121 E1 tre 19

LOI MO DAU

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ằng ngà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 được vai 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ĩnh vự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 qua 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ông nghệ 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ộc số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 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á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át

triển mạnh mẽ

Việc sử dụng ứng dụng đi động đề xem thông tin sản phẩm với giao điệ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ây dự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ửa hàng được đễ 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 TONG QUAN VE UNG DUNG

2 PHAN TICH HE THONG

3 THIET KE HE THONG

CHUONG 1 TONG QUAN VE UNG DUNG

1 Lido chon dé tai

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 cơn người trong mọ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 đị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ười mua 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 đang hoạ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ời gian, 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ạp nên dung lượng cao, khó tải, giao điện không phù hợp với màn hình smartphone Trong khi đó, 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 điện được tùy chính với màn hình smartphone một

cá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 Android Studio đề xây dựng ứng dụng đi động bán hàng điện tử

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

- _ Xây dựng app ban hang str dung image view va buton view :

+ Image view : su dung 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 ảnh Drawable 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) vao anh, 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 vu nghién ciru

- 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

- Su dung Draw.io đề vẽ các sơ đô chức năng

6 Phương pháp và phạm vỉ 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 điển đàn công nghệ thông tin (hiepsHt.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ửa

lỗ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 ;

- Phuong phap quan sat: 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

- _ 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ủa phầ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úp cho 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 phan 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ụng chương trình

- Y 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ản phâm

§ — 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ột

má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ìm hiểu về Android Studio, cách cài đặt và sử dụng Android Studio dé tạo một ứng dụng đơn giả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ạn

- Android Studio La Gi?

Android Studio là một phầm mềm bao gồm các bộ công cu khac nhau ding dé phat triển ứng dụng chạy trên thiết bi sử dụng hệ điều hành Android như các loại điện thoại smartphone, cac tablet Android Studio được đóng gói với một bộ code editor, debugger, cac céng cu performance tool va một hệ thống build/deploy (trong đó có trình giả lập simulator đề 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ép cá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ạn khá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ặc laptop Sau đó chúng ta cần build ứng dụng dé tao file cai dat Sau khi build xong thi chung ta can copy file cai dat nay vao thiét bị mobile (hoặc table) để tiến hành cài đặt ứng dụ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òng

code 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ác

vấ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ột

má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é tim hiéu cach cai dat Android Studio trén Windows, Mac OSX

va Linux

Trước khi tiền hành cài đặt Android Studio bạn cần tải Android Studio về máy bằng

cá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ều hà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ản Andoid 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

dup vao file cai dat dé 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ương

trình Android Studio dé ban 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á đơn

giả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 dup vao file nay Ở cửa sé bat ra ban can nhap chuột và kéo Android Studio vào thư

muc 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ện các bước sau:

Bước l: 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 tap tinh

này Chương trình Archive Manager co 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 /sr/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 thu myc bin trên bằng cách nhập tên tập tin nay

và gõ Enfer

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

va ban cé thé dé đàng thực hiện các công đoạn còn lại dé cai Android Studio

Sau khi cài đặt xong Android Studio thì đối với hệ điều hành Linux 64-bit thi ban cần

tiễ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 Android

CHƯƠNG 2 PHAN TICH THIET KE HE THONG

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

Phần mễn xây dựng bằng Android Studio giao điện đơn giản đễ sử dụng gồm các chứ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ử ly giỏ hàng và tìm kiếm thông tin sả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 để đàng hơn

9, Sơ đồ Use Case

Hình 2: Use Case dang ki

oe

Hinh 3: Use Case dat hang

10 Dac ta Use Case

ký tài khoản

Basic flow

Actor Hệ thông

1 Tạo form kết quả tìm kiêm của hệ 2 Hệ thông hiện thị form yêu câu

thống, người dùng click vào nút nhập tên đăng nhập và mật khẩu đăng ký

Poscondition(vi tri): + 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 Nguoi ding 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 3 Hệ thông tự động kiếm tra và

đăng xuất khỏi hệ thống

Altermale 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ông

tin 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ông

xác nhận thong tin thi hệ thống sẻ giữ

nguyên hiện trạng

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

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ý

Bang 3: Dac ta Use Case dang ky

Basic flow

Actor Hệ thông

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