báo cáo đề tài phát triển ứng dụng đặt đồ ăn trên mobile

Kiểm tra giỏ hàng o Người dùng nhấn vào hình giỏ hàng ,sau đó sẽ chuyển sang những sản phẩm đã chọn.o Nếu người dùng muốn hủy sản phẩm nào thì chọn xóa sản phẩm muốn bỏ .Trường hợp 1:Nếu

PHÂN HIỆU TRƯỜNG ĐẠI HỌC THUỶ LỢIBỘ MÔN CÔNG NGHỆ THÔNG TIN

-

-BÁO CÁO

Đề tài : Phát triển ứng dụng đặt đồ ăn trên mobile

Giảng viên giảng dạy: Ths Trần Ngọc DânNhóm Sinh viên: Cùng nhau qua môn

Lớp : S21-61TH1

1 Nguyễn Quý Văn mssv: 1951065673

3 Lê Quang Đạt mssv: 19510656914 Trần Thanh Tú mssv: 1951065645

Hồ Chí Minh 12-2022

3 Use-case Model (Mô hình use-case) 12

4.Use-case Specifications (Đặc tả use-case) 13

4.1.Use-case: Đăng nhập 13

4.2.Use-case: Đăng kí 14

4.3.Use-case: Tìm kiếm sản phẩm 16

4.4.Use-case: Quản lý tài khoản 17

4.5.Use-case: Thêm giỏ hàng 18

4.6.Use-case: Đặt hàng 19

4.7.Use-case: Đánh giá sản phẩm 20

4.8.Use-case: Phản hồi 21

III.Xây dựng ứng dụng: 22

IV.Triển Khai Ứng Dụng: 22

1 Tổng quan luồng giao diện 22

2 Mô tả chi tiết 23

2.1 Màn hình splash 23

2.2 Màn hình xin chào 23

2.3 Giao diện đăng nhập : 24

2.4 Giao diện đăng ký: 25

2.5 Giao diện trang chủ: 27

2.6 Giao diện trang chi tiết món ăn: 29

2.7 Giao diện trang giỏ hàng: 29

2.8 Giao diện trang đặt hàng: 30

2.9 Giao diện trang cá nhân: 31

V Tài liệu tham khảo: 34

Lời nói đầu:

Công nghệ thông tin trong giai đoạn hiện nay đã có những bước phát triển như vũ bão trên mọi lĩnh vực hoạt động, các nước tiến hành hầu như đều đầu tư ồ ạt vào công nghệ Tin học đóng vai trò ngày càng quan trọng trong tất cả mọi vấn đề trong mọi lĩnh vực và đời sống Ở Việt Nam những năm gần đây, vai trò của các hệ công nghệ tin trong doanh nghiệp đã ngày càng lớn mạnh Từ chỗ chỉ đ ợcƣsử dụng để hỗ trợ một số hoạt động trong văn phòng, công nghệ thông tin đã trở nên có vai trò chiến lược trong doanh nghiệp Đặc biệt những thành tựu trong côngnghệ thông tin (CNTT) đã khiến doanh nghiệp ngày càng chú ý hơn tới việc áp dụng những nó để gia tăng ưu thế cạnh tranh và tạo cơ hội cho mình Hiện nay, trào lưu ứng dụng thành tựu CNTT không chỉ giới hạn trong các doanh nghiệp lớn,tầm cỡ đa quốc gia mà còn lan rộng trong tất cả các doanh nghiệp, kể cả những doanh nghiệp vừa và nhỏ

Chúng em đã quan sát và nhận thấy rằng có nhiều trở ngại khi người ta muốn đi ra đường mua thức ăn như thời tiết xấu, kẹt xe hay không có phương tiện đi lại vì vậy xu hướng hiện nay là đặt đồ ăn online Hiện nay trên thị trường đã có nhiều ứng dụng đặt thức ăn online, tuy nhiên nhận thấy tiềm năng to lớn của mô hình kinh doanh này nhóm em đã tự phát triển một ứng dụng đặt thức ăn trên mobile để nắm bắt được xu thế thị trường.

Lời Cảm Ơn

Nhóm chúng em xin gửi lời cảm ơn sâu sắc đến Ths Trần Ngọc Dân đã dànhnhiều thời gian, công sức để hướng dẫn nghiên cứu và giúp tác giả hoàn thành báo cáo của mình.

Weekly-report:

I.Cơ Sở Lý Thyết1 Thiết kế database

Table Hóa đơn (hoa_don)

null

Thời gian thanh Thoi_gian_thanh_toan Datetime null

toán

Table Đặt hàng (dat_hang)

null

Table Người dùng (nguoi_dung)

null Tên người dùng Ten_nguoi_dung Nvarchar(255) Not null

Table Đơn hàng (don_hang)

null

Phương thức thanh

toán Phuong_thuc_thanh_toan Varchar(255) Not null

Table Giỏ hàng (gio_hang)

null

Table Sản phẩm (sanpham)

null

Table Nhà hàng (nha_hang)

null Tên nhà hàng Ten_nha_hang Nvarchar(255) Not null

Thời gian giao Thoi_gian_giao Datetime Null

Hình thức mua Hinh_thuc_mua Varchar(255) Not null

2 Diễn tả2.1.Nguoi_dung

- Nguoi_dung bao gồm các thuộc tính:

o maNguoiDung:type: int

o tenNguoiDung:type: navarchar(255)o email: type:type: navarchar(255)o password:type: navarchar(255)

- Gio_hang bao gồm các thuộc tính:

o maGioHang: type: int

o maMonAn: type: into soLuong: type: int

- Gio_hang kế thừa toàn bộ thuộc tính của Nguoi-dung 2.3.San_pham

- San_pham bao gồm các thuộc tính:

o maMonAnDouong: type: navarchar(255)o tenMonAnDouong: type: navarchar(255)o gia: type: type: int

o theLoai: type: navarchar(255)o moTa: type: navarchar(255)o thanhPhan: type: navarchar(255)o hinhAnh: type: navarchar(255)

- Gio_hang kế thừa toàn bộ thuộc tính của San_pham.2.4.Don_hang

- Don_hang bao gồm các thuộc tính sau:

o maDonHang: type: into maMonAnDoUong: type: into maNguoiDung: type: into soTien: int

o soLuong: type: int

o phuongThucThanhToan: type: navarchar(255)o

- Don_hang kế thừa các thuộc tính của San_pham2.5.Dat_hang

- Dat_hang bao gồm các thuộc tính:

o maDonHang: type: into maMonAnDoUong: type: into soLuong: type: into tongSoTien: type: floato giamGia: type: floato trangThai: type: bito tG: type: date

- Dat_hang và Hoa_don có cùng kế thừa thuộc tính của Don_hang, 1 trong 2 cái mất

thì cái còn lại cũng sẽ mất.

- Hoa_don bao gồm các thuộc tính sau:

o maHoaDon: type: navarchar(255)o maDonHang: type: navarchar(255)o soTien: type: int

o tGThanhToan: type: Date

- Dat_hang và Hoa_don cùng kế thừa Don_hang, 1 trong 2 mất thì cái còn lai sẽ mất2.7.Nha_hang

- Nha_hang bao gồm các thuộc tính sau:

maNhaHang: type: int

tenNhaHang: type: navarchar(255)diaChi: type: type: navarchar(255)khoangCach: type: int

TGGiao: type: datetags: type: navarchar(255)hinhThucMua: type: navarchar(255)hinhAnh: type: navarchar(255)

- Dat_hang và Don_hang có cùng kế thừa thuộc tính của Nha_hang, 1 trong 2 cái

mất thì cái còn lại cũng sẽ mất.

3 Use-case Model (Mô hình use-case)

Kiểm tra giỏ hàng

o Người dùng nhấn vào hình giỏ hàng ,sau đó sẽ chuyển sang những sản phẩm đã chọn.

o Nếu người dùng muốn hủy sản phẩm nào thì chọn xóa sản phẩm muốn bỏ

Trường hợp 1:Nếu thiếu thông tin cá nhân, thông tin thanh toán

Khách hàng phải cập nhập các thông tin đầy đủ

Trường hợp 2:Nếu đầy đủ các thông tin cá nhân, thông tin thanh toán, hình thức thanh toán

Hệ thống thông báo đặt hàng thành công

Trường hợp 3:Khi khách hàng hủy đơn đặt hàng trong trạng thái chờ xác nhận

Hệ thống thông báo hủy đặt hàng thành côngLúc này use-case kết thúc

Pre-conditions(Điều kiện đầu vào)

Đã đăng nhập thành công vào hệ thốngKhách hàng cần đặt mua hàng

Đầy đủ thông tin cá nhân,thông tin thanh toánThiết bị vẫn đang kết nối với internetPost-conditions

(Điều kiện đầu ra)

Dữ liệu của hệ thống có sự thay đổi

Hệ thống hiển thị lại thông tin đơn đặt hàng cho khách hàng

4.7.Use-case: Đánh giá sản phẩm

Use case Name(Tên use-case)

Đánh giá sản phẩmBrief description

(Mô tả) thể lại các lời bình tốt hoặc không tốt để góp ý cho cửa hàngSau khi khách hàng sử dụng các sản phẩm của cửa hàng, có

Đánh giá bằng cách xếp hạng 5 sao hoặc có thể thấp tùy theo sản phẩm mà khách hàng mua

o Rất là Tốt 5 saoo Tốt 4 saoo Tạm ổn 3 sao

o Sản phẩm bình thường 2 saoo Rất tệ 1 sao

Thả like vào review

o Người dùng nhấn vào nút like sau nó nút like sẽ chuyển sang màu , nếu người dùng nhấn thêm 1 lần nữa sẽ hủy like

Bình luận

o Người dùng nhấn vào nút bình luận sau đó sẽ chuyển sang trang bình luận ở đó sẽ có ô nhập bình luậno Khi người dùng nhập nội dung và nhấn vào nút gửiXem bài đánh giá

Alternative Flows(Các luồng thay thế)

Khi khách hàng gửi nội dung và đánh giá sao :o Hệ thống thông báo đánh giá sản phẩm thành côngNgười dùng ấn vào nút đăng bài,bình luận, thả cảm xúc

o Khi người dùng không đăng nhập sẽ chuyển sang trang đăng nhập, đăng ký để người dùng thực hiện việc đăng nhập, đăng ký

o Lúc này use-case kết thúcPre-conditions

(Điều kiện đầu vào)

Đã đăng nhập thành công vào hệ thống

Khách hàng muốn đánh giá sản phẩm sau khi sử dụng sản phẩm

Thiết bị vẫn đang kết nối với internetPost-conditions

(Điều kiện đầu

Dữ liệu của hệ thống có sự thay đổi

Hệ thống hiển thị lại thông tin đánh giá sản phẩm của khách

ra) hàng lên trang web

4.8.Use-case: Phản hồi

Use case Name(Tên use-case)

Phản hồiBrief description

Khách hàng nhập nội dung phản hồiChọn gửi cho cửa hàng

Alternative Flows(Các luồng thay thế)

Khi khách hàng gửi nội dung:

o Hệ thống thông báo phản hồi thành côngo Lúc này use-case kết thúc

Pre-conditions(Điều kiện đầu vào)

Đã đăng nhập thành công vào hệ thốngKhách hàng muốn gửi phản hồi cho cửa hàng Thiết bị vẫn đang kết nối với internetPost-conditions

(Điều kiện đầu ra)

Dữ liệu của hệ thống có sự thay đổi

Hệ thống hiển thị lại thông tin phản hồi cho cửa hàng

III.Xây dựng ứng dụng:

- Phân tích chức năng giúp xác định các chức năng cần thiết một cách rõ ràng

đầy đủ , hạn chế phân tích lại trong quá trình phát triển phần mềm

- Chức năng đăng nhập , tạo tài khoản để sử dụng ứng dụng trọn vẹn và đầy đủ

chức năng nhất.(page login)

- Chức năng giỏ hàng để khách có thể click sản phẩm vô giỏ dùng để đặt hàng

hoặc để check giá tổng sản phẩm đã đặt (giỏ hàng)

- Chức năng Tab có thể chọn loại đồ ăn thức uống muốn mua ở trang (chi tiết

nhà hàng)

- Chức năng xem tất cả đơn đặt hàng của chính mình ở trong (trang cá nhân)

dùng để theo dõi các đơn đã đặt.

- Chức năng ưu đãi và khuyến mãi xem ở (trang cá nhân) dùng để áp dụng các

mã giảm giá sản phẩm

- Chức năng quản lý hồ sơ (trang cá nhân )dùng để cập nhật thông tin cá nhân

của mình.(vd phương thức thanh toán ).

IV.Triển Khai Ứng Dụng:UI Prototype

1 Tổng quan luồng giao diện

Giao diện được tổ chức gồm 7 trang chính là:

- Đăng nhập- Đăng kí- Trang chủ- Chi tiết món ăn- Giỏ hàng

- Nhà hàng yêu thích- Trang cá nhân

2 Mô tả chi tiết 2.1 Màn hình splash

- Khi ứng dụng khởi chạy thì đây là giao diện mà người dùng tiếp cận đầu tiên

2.2 Màn hình xin chào

- Khoảng 3 giây sau, sẽ xuất hiện màn hình xin chào lần lượt

2.3 Giao diện đăng nhập :

- Khi click vào nút bắt đầu ở màn hình xin chào thứ 3, sẽ chuyển đến màn hình đăng nhập

o Có ô nhập tên đăng nhập của người dùngo Có ô nhập mật khẩu của người dùngo Có nút xác nhận đăng nhậpo Có link đăng ký tài khoản mới

o Có nút link đăng nhập bằng số điện thoại o Có nút link đăng nhập bằng facebook o Có nút link đăng nhập bằng google - Kiểm tra người dùng chưa nhập thông tin đăng nhập

- Kiểm tra tên người dùng chưa đăng ký

- Kiểm tra mật khẩu của người dùng chưa đúng

2.4 Giao diện đăng ký:

- Nếu người dùng chưa có tài khoản, click vào nút link đăng ký ở màn hình

đăng nhập, sẽ chuyển đến trang đăng ký

- Kiểm tra tên người dùng chưa nhập thông tin đăng ký

- Kiểm tra tên người dùng đã tồn tại

- Kiểm tra tài khoản email đã tồn tại

2.5 Giao diện trang chủ:

- Sau khi đăng nhập thành công, sẽ chuyển đến màn hình Trang chủ

- Thanh tab phía dưới để chuyển sang các trang Nhà hàng yêu thích, Giỏ hàng, Trang cá nhân

- Click chọn nhà hàng như hướng mũi tên để chuyển đến trang chi tiết nhà hàng và tìm kiếm món ăn, đồ uống

o Hiển thị tên nhà hàng ,đánh giá nhà hàng, khoảng cách nhà hàng, thời gian dự kiến giao, giảm giá giao hàng

- Thanh tab để chọn loại món ăn, đồ uống có sẵn trong nhà hàng

- Click vào dấu “-“ hoặc dấu “+” để tăng giảm số lượng món thêm vào giỏ hàng

- Click vào món ăn như hướng mũi tên để xem chi tiết món ăn

2.6 Giao diện trang chi tiết món ăn:

- Màn hình chi tiết món ăn

o Hiển thị tên món ăn, giá tiền, đánh giá, mô tả chi tiết món ăno Có nút tăng giảm số lượng món

o Có nút để chuyển đến giỏ hàng

2.7 Giao diện trang giỏ hàng:

- Click vào nút đến giỏ hàng để chuyển đến trang Giỏ hàng

o Hiển thị tên món ăn,số lượng món ăn đã chọn, tổng giá tiền, áp dụng mã giảm giá, phí giao hàng

o Có nút xác nhận đặt hàng

2.8.Giao diện trang đặt hàng:

- Click vào nút đặt hàng để chuyển đến trang Thanh toán

o Có nút Tick để chọn phương thức thanh toán

o Có nút xác nhận đặt hàng

- Giao diện khi click vào nút Xác nhận đặt hàng nếu đặt hàng thành công

2.9 Giao diện trang cá nhân:

- Click vào icon trên thanh tab để chuyển đến trang cá nhân

o Tất cả đơn đặt hàng: để theo dõi các đơn hàng đã đặt

+ Giao diện khi chưa có đơn đặt hàng nào

o Ưu đãi và khuyến mãi: xem các ưu đãi và khuyến mãi của nhà hàng

o Địa chỉ giao hàng: cập nhập địa chỉ của người dùng

o Quản lý hồ sơ: chỉnh sửa, cập nhập thông tin người dùng(tên người dùng,

email,password)

o Thanh toán: cập nhật thông tin thẻ thanh toán, phương thức thanh toán

o Thông báo: khi người dùng muốn nhận thông báo từ nhà hàng

o Đăng xuất: khi người dùng cần thoát tài khoản để đăng nhập tài khoản

khác vào

V.Tài liệu tham khảo:

Tìm kiếm tài liệu tại thư viện trường (sách, các bài báo cáo khóa trước)Các tài nguyên miễn phí có sẵn trên Internet: Google Scholar, Google Books, google