<span class="text_page_counter">Trang 1</span><div class="page_container" data-page="1">

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

---

<b>---BÁO CÁO</b>

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

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

</div><span class="text_page_counter">Trang 2</span><div class="page_container" data-page="2">

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

<b>4.Use-case Specifications (Đặc tả use-case) </b>...<b> 13 </b>

<b>4.1.Use-case: Đăng nhập</b> ... 13

<b>4.2.Use-case: Đăng kí</b> ... 14

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

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

<b>4.5.Use-case: Thêm giỏ hàng</b> ... 18

<b>4.6.Use-case: Đặt hàng</b> ... 19

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

<b>4.8.Use-case: Phản hồi</b> ... 21

<b>III.Xây dựng ứng dụng:</b> ... 22

<b>IV.Triển Khai Ứng Dụng:</b> ... 22

<b>1 . Tổng quan luồng giao diện</b> ... 22

<b>2. Mô tả chi tiết</b> ... 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

</div><span class="text_page_counter">Trang 3</span><div class="page_container" data-page="3">

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

<b>V. Tài liệu tham khảo:</b> ... 34

<b>Lời nói đầu:</b>

</div><span class="text_page_counter">Trang 4</span><div class="page_container" data-page="4">

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.

<b>Lời Cảm Ơn</b>

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ả hồn thành báo cáo của mình.

<b>Weekly-report:</b>

</div><span class="text_page_counter">Trang 5</span><div class="page_container" data-page="5">

<b>I.Cơ Sở Lý Thyết1. Thiết kế database</b>

Table Hóa đơn (hoa_don)

null

Thời gian thanh Thoi_gian_thanh_toan Datetime null

</div><span class="text_page_counter">Trang 6</span><div class="page_container" data-page="6">

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

</div><span class="text_page_counter">Trang 7</span><div class="page_container" data-page="7">

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

</div><span class="text_page_counter">Trang 9</span><div class="page_container" data-page="9">

<b>2. Diễn tả2.1.Nguoi_dung</b>

<b>- Nguoi_dung bao gồm các thuộc tính:</b>

o maNguoiDung:type: int

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

<b>- Gio_hang bao gồm các thuộc tính:</b>

o maGioHang: type: int

</div><span class="text_page_counter">Trang 10</span><div class="page_container" data-page="10">

o maMonAn: type: into soLuong: type: int

<b>- Gio_hang kế thừa tồn bộ thuộc tính của Nguoi-dung 2.3.San_pham</b>

<b>- San_pham bao gồm các thuộc tính:</b>

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)

<b>- Gio_hang kế thừa tồn bộ thuộc tính của San_pham.2.4.Don_hang</b>

<b>- Don_hang bao gồm các thuộc tính sau:</b>

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

o soLuong: type: int

o phuongThucThanhToan: type: navarchar(255)o

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

</div><span class="text_page_counter">Trang 11</span><div class="page_container" data-page="11">

<b>- Dat_hang bao gồm các thuộc tính:</b>

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

<b>- 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</b>

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

<b>- Hoa_don bao gồm các thuộc tính sau:</b>

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

o tGThanhToan: type: Date

<b>- 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</b>

</div><span class="text_page_counter">Trang 12</span><div class="page_container" data-page="12">

<b>- Nha_hang bao gồm các thuộc tính sau: </b>

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)

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

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

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

</div><span class="text_page_counter">Trang 21</span><div class="page_container" data-page="21">

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ỏ .

<b>Trường hợp 1:Nếu thiếu thơng tin cá nhân, thơng tin thanh tốn</b>

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

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

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

<b>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</b>

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

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

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àng^{Sau khi khách hàng sử dụng các sản phẩm của cửa hàng, có}

</div><span class="text_page_counter">Trang 22</span><div class="page_container" data-page="22">

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

</div><span class="text_page_counter">Trang 23</span><div class="page_container" data-page="23">

ra) hàng lên trang web

<b>4.8.Use-case: Phản hồi</b>

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ế)

<b>Khi khách hàng gửi nội dung:</b>

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

<b>III.Xây dựng ứng dụng:</b>

<b>- 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 </b>

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

<b>- 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 đủ </b>

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

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

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

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

nhà hàng)

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

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

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

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

<b>- 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 </b>

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

</div><span class="text_page_counter">Trang 24</span><div class="page_container" data-page="24">

<b>IV.Triển Khai Ứng Dụng:UI Prototype</b>

<b>1. Tổng quan luồng giao diện</b>

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

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

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

<b>2. Mơ tả chi tiết 2.1. Màn hình splash</b>

- 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

</div><span class="text_page_counter">Trang 25</span><div class="page_container" data-page="25">

<b>2.2. Màn hình xin chào</b>

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

<b>2.3. Giao diện đăng nhập : </b>

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

</div><span class="text_page_counter">Trang 26</span><div class="page_container" data-page="26">

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

</div><span class="text_page_counter">Trang 27</span><div class="page_container" data-page="27">

- 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

<b>2.4. Giao diện đăng ký:</b>

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

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

</div><span class="text_page_counter">Trang 28</span><div class="page_container" data-page="28">

- 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

</div><span class="text_page_counter">Trang 29</span><div class="page_container" data-page="29">

<b>2.5. Giao diện trang chủ:</b>

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

- <b>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</b>

- <b>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</b>

</div><span class="text_page_counter">Trang 30</span><div class="page_container" data-page="30">

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 <b>“-“</b> hoặc dấu <b>“+”</b> để 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

</div><span class="text_page_counter">Trang 31</span><div class="page_container" data-page="31">

<b>2.6. Giao diện trang chi tiết món ăn:</b>

- 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

<b>2.7. Giao diện trang giỏ hàng:</b>

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

</div><span class="text_page_counter">Trang 32</span><div class="page_container" data-page="32">

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

<b>2.8.Giao diện trang đặt hàng:</b>

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

</div><span class="text_page_counter">Trang 33</span><div class="page_container" data-page="33">

<b>o Có nút Tick để chọn phương thức thanh tốn</b>

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

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

</div><span class="text_page_counter">Trang 34</span><div class="page_container" data-page="34">

<b>2.9. Giao diện trang cá nhân:</b>

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

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

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

</div><span class="text_page_counter">Trang 35</span><div class="page_container" data-page="35">

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

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

<b>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, </b>

email,password)

</div><span class="text_page_counter">Trang 36</span><div class="page_container" data-page="36">

<b>o Thanh tốn: cập nhật thơng tin thẻ thanh tốn, phương thức thanh tốn</b>

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

</div><span class="text_page_counter">Trang 37</span><div class="page_container" data-page="37">

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

khác vào

<b>V.Tài liệu tham khảo:</b>

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 ngun miễn phí có sẵn trên Internet: Google Scholar, Google Books, google

</div>