ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ 3 ĐỀ TÀI APP ORDER FOOD MỞ ĐẦU Trong cuộc sống hiện đại ngày nay, việc mua bán online đã trở thành nhu cầu phổ biến và không chỉ vi[.]
ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG ĐỒ ÁN CƠ SỞ ĐỀ TÀI: APP ORDER FOOD MỞ ĐẦU Trong sống đại ngày nay, việc mua bán online trở thành nhu cầu phổ biến không việc mua sắm, việc mua đồ ăn online trở nên phổ biến Hiện nay, xu hướng khách hàng mua hàng mong muốn giao nhanh, họ không muốn chờ đợi lâu đồ ăn để lâu bị nhanh hỏng ăn khơng cịn ngon Nắm bắt nhu cầu khách hàng, cụ thể nhu cầu muốn thỏa mãn cách nhanh chóng, thay lại điều kiện thời tiết khơng thuận lợi, xe cộ đơng đúc khách hàng đặt thơng qua ứng dụng giao đồ ăn Q trình để có bữa ăn đơn giản sử dụng điện thoại thơng minh máy tính có kết nối internet lựa chọn, đặt hàng ngồi chờ ăn đưa đến tận tay Đặc biệt hơn, khách hàng mục tiêu dịch vụ giới trẻ, nhân viên văn phịng- người khơng có nhiều thời gian lại không muốn lại để ăn uống có thời gian rảnh Chính nhờ khả phục vụ lượng lớn khách hàng nên ngành dịch vụ đặt giao hàng qua ứng dụng ngày phát triển thay đổi cách thức mua bán thị trường Mạng Internet bao phủ rộng khắp nơi, chất lượng đường truyền không ngừng nâng cao giúp doanh nghiệp bán hàng mạng cách dễ dàng Điều lúc khiến dịch vụ giao hàng nở rộ không doanh nghiệp không sử dụng dịch vụ giao hàng Áp dụng công nghệ bước lớn, mang lại nhiều lợi ích cho doanh nghiệp khách hàng, nay, mạng internet gần trở thành công cụ thiếu sống cá nhân Khách hàng có xu hướng chi tiêu nhiều nhìn vào hình ảnh ăn hấp dẫn trang web Chính vậy, ngành dịch vụ đặt đà phát triển khách hàng có nhu cầu mua sắm Do đó, tơi tạo ứng dụng gọi đồ án để đảm bảo tiêu chí Một app đơn giản giúp chủ nhà hang, quán ăn giao hàng LỜI CẢM ƠN Để hoàn thành đồ án công nghệ web này, trước tiên phải cảm ơn thầy cô giáo giảng dạy môn công nghệ web trường Khoa Công nghệ thông tin truyền thông – Đại học Đà Nẵng truyền đạt cho em kiến thức vững để xây dựng trang web đầy đủ chức cảm ơn bạn bè lớp giúp đỡ nhiệt tình Cùng với bảo tận tình Thầy giáo Huỳnh Ngọc Thọ em hoàn thành website Em xin cảm ơn thầy nhiều Mặc dù em cố gắng hoàn thiện thật tốt đồ án kiến thức có hạn khơng thể tránh khỏi sai sót, em mong nhận cảm thơng, ý kiến đóng góp q Thầy Cơ bạn! Em xin chân thành cảm ơn! MỤC LỤC Trang Chương Giới thiệu .10 1.1 Tổng quan .10 1.1.1 Bối cảnh thực đề tài .10 1.1.2 Vấn đề cần giải 10 1.1.3 Đề xuất nội dung thực 10 1.2 Phương pháp, kết 11 1.2.1 Phương pháp 11 1.2.2 Kết 11 1.3 Cấu trúc đồ án 11 Chương Phân tích thiết kế hệ thống .12 2.1 Các yêu cầu chức 12 2.1.1 Yêu cầu chức 12 2.1.2 Yêu cầu phi chức 12 2.2 Mô hình hóa u cầu 12 2.2.1 Xác định actor hệ thống 12 2.2.2 Biểu đồ use case 12 2.2.3 Biểu đồ hoạt động 14 2.2.4 Biểu đồ 17 2.2.5 Biểu đồ lớp 18 Chương Xây dựng ứng dụng 20 3.1 Phương án thực 20 3.2 Kết đạt 21 3.2.1 Giao diện đăng nhập 21 3.2.2 Giao diện trang chủ .22 3.2.3 Giao diện sản phẩm .23 3.2.4 Giao diện giỏ hàng 24 3.2.5 Giao diện trang chủ Website 25 Chương Kết luận hướng phát triển 26 4.1 Kết luận 26 4.2 Hướng phát triển 26 Tiếng Việt: 27 Tiếng Anh: 27 DANH MỤC HÌNH Trang Hình 1.1 – App Now 13 Hình 2.1 – Biểu đồ Usecase 13 Hình 2.2 – Biểu đồ Usecase bán hàng 14 Hình 2.3 – Biểu đồ Usecase thống kê 14 Hình 2.4 – Biểu đồ đăng nhập 15 Hình 2.5 – Biểu đồ thêm sản phẩm 15 Hình 2.6 – Biểu đồ sửa sản phẩm .16 Hình 2.7 – Biểu đồ xóa sản phẩm .16 Hình 2.8 – Biểu đồ đăng ký tài khoản 17 Hình 2.9 – Biểu đồ lớp 17 Hình 3.1 – App Now 18 Hình 3.2 – Giao diện Android studio 18 Hình 3.3 – Giao diện đăng nhập 19 Hình 3.4 – Giao diện trang chủ 19 Hình 3.5 – Giao diện sản phẩm 20 Hình 3.6 – Giao diện giỏ hàng 21 Hình 3.7 – Giao diện trang quản trị 22 DANH MỤC CỤM TỪ VIẾT TẮT STT Cụm từ Công nghệ phần mềm Công nghệ thông tin Viết tắt CNPM CNTT Chương Giới thiệu 1.1 Tổng quan 1.1.1 Bối cảnh thực đề tài Do nhu cầu đặt đồ ăn online ngày phổ biến với đối tượng học sinh, sinh viên, người làm việc văn phòng, người không muốn xa để ăn quán 1.1.2 Vấn đề cần giải - Tạo ứng dụng giúp người chủ nhà hang, quán ăn tạo danh sách ăn có nhà hàng - Có trang web để quản lí - Giúp người mua xem đặt - Giao diện đẹp mắt, dễ dàng sử dụng 1.1.3 Đề xuất nội dung thực Để giải vấn đề đặt phương pháp thực gồm số bước sau: Nghiên cứu hệ thống app order food tồn tại, tìm ưu điểm để sử dụng, khai thác… Hình 1.1 App Now Để thực bước thiết kế cần số ngôn ngữ, công cụ cần nghiên cứu để sử dụng Vì cơng cụ sử dụng Visual Code, Android Studio, Navicat Premium Ngôn ngữ sử dụng:JAVA, PHP, HTML5, CSS3, JAVASCRIPT thư viện bổ trợ như:Laravel 1.2 Phương pháp, kết 1.2.1 Phương pháp Để giải vấn đề đặt phương pháp thực sau: - Nghiên cứu app bán hang tiếng Việt Nam Now, Grab… - Sử dụng công nghệ cách tối ưu - Thiết kế liệu chi tiết, xác tránh lãng phí liệu 1.2.2 - Kết Tạo app order food đáp ứng nhu cầu khách hàng Tạo website quản trị giúp chủ nhà hang, qn ăn quản lí ăn, order Chức đa dạng 1.3 Cấu trúc đồ án - Chương : Nêu tổng quan trang app, phương pháp, định hướng, kết thực Chương : Phân tích thiết kế hệ thống cho ứng dụng giúp việc thiết kế liệu tường minh xác Chướng 3: Xây dựng ứng dụng Chương Phân tích thiết kế hệ thống 2.1 Các yêu cầu chức 2.1.1 u cầu chức Có tính cho đối tượng khác sử dụng Cụ thể khách hang, chủ kinh doanh a) Đối với khách hàng Khách hàng người mua bán đồ ăn ứng dụng Họ chọn ăn u thích bao gồm số lượng, ghi chú, địa giao hàng để chủ biết thơng tin vận chuyển ăn đến tận tay khách hàng b) Đối với chủ nhà hang, quán ăn … Là người nhận yêu cầu, từ liên hệ ship đồ ăn đến khách hàng Họ làm việc với website liên kết với app Do họ thêm sửa xóa danh mục sản phẩm, loại sản phẩm… Và cuối theo dõi đơn hàng 2.1.2 - Yêu cầu phi chức Khả tương tác dễ dàng Dễ sử dụng, bảo trì Sản phẩm đa dạng Độ tin cậy cao 2.2 Mơ hình hóa u cầu 2.2.1 Xác định actor hệ thống Khách hàng Chủ quán Xác định use case hệ thống - Đăng ký thành viên, đăng nhập - Đặt món, mua tốn - Quản lí khách hàng - Quản lí ăn, loại ăn 2.2.2 Biểu đồ use case Use case kỹ thuật dùng kỹ thuật phần mềm hệ thống để nắm bắt yêu cầu chức hệ thống Use case mô tả tương tác đặc trưng người dùng bên ngồi (actor) hệ thống Nó thể ứng xử hệ thống bên ngoài, hoàn cảnh định, xét từ quan điểm người sử dụng Biểu đồ Usecase chính: - Gồm actor khách hàng chủ quán - Actor khách hàng mua hàng đăng ký - Actor chủ qn quản lí khách hàng, ăn, thống kê Hình 2.1 Biểu đồ Usecase Biểu đồ Usecase bán hàng Hình 2.2: Biểu đồ Usecase bán hàng Người dung đăng nhập, sau chọn cung cấp thông tin địa giao hàng cho chủ quán Chủ quán xác nhận chế biến, vận chuyển thu tiền khách hàng Biểu đồ Usecase thống kê Hình 2.3 Biểu đồ Usecase thống kê 2.2.3 Biểu đồ hoạt động Đổi mật khẩu: (Hình 2.4) - Sau đăng nhập, người dùng đổi mật việc xác nhận mật cũ, nhập mật đổi mật - Chỉ đổi mật nhập mật cũ - Khách hàng nhân viên đổi mật Hình 2.4: Biểu đồ đăng nhập - Thêm sản phẩm: (Hình 2.5) Chủ shop thêm sản phẩm muốn bán cách đăng nhập, điền thông tin sản phẩm thêm Trong thực phải điền đầy đủ thơng tin có form Chỉ chủ shop quyền thêm sản phẩm Hình 2.5 Biểu đồ thêm sản phẩm - Xóa sản phẩm: (Hình 2.6) Khi muốn xóa sản phẩm, chủ shop việc nhấn biểu tượng xóa sản phẩm xóa Sau xác nhận xóa, liệu bị biến Chỉ chủ shop quyền xóa sản phẩm Hình 2.6 Biểu đồ xóa sản phẩm - Sửa sản phẩm: (Hình 2.6) Chủ shop chọn sản phẩm cần sửa, nhấn biểu tượng sửa, thay đổi xác nhận Sau xác nhận sửa, liệu sửa lại Chỉ chủ shop có quyền sửa sản phẩm Hình 2.7 Biểu đồ sửa sản phẩm 2.2.4 Biểu đồ Đăng ký tài khoản: (Hình 2.12) - Khi khách hàng muốn đăng ký thành viên, họ vào mục đăng ký, hình hiển thị form đăng ký, người dùng nhập đầy đủ thông tin đăng ký Thông tin gửi lên serve lưu lại - Các bước đăng ký sau: Chọn mục đăng ký -> Hiển thị -> Nhập thông tin -> Gửi thông tin -> Lưu thông tin -> Trả thông tin hiển thị thơng báo Hình 2.8 Biểu đồ đăng ký tài khoản 2.2.5 Biểu đồ lớp - Bao gồm bảng, bảng thể loại thuộc tính trường - Có nhiều bảng liên qua với - Mỗi bảng chứa đầy đủ trường thông tin liệu Hình 2.9 Biểu đồ lớp Chương Xây dựng ứng dụng 3.1 Phương án thực - Sau phân tích thiết kế hệ thống, dựa vào để thực việc lập trình Về giao diện: Dùng phần mềm Android Studio kéo thả giao diện Sử dụng framework Boostrap, Jquery để code giao diện trang web Hình 3.1 Giao diện Android Studio 3.2 Kết đạt 3.2.1 Giao diện đăng nhập Hình 3.2 Giao diện đăng nhập 3.2.2 Giao diện trang chủ Hình 3.3 Giao diện trang 3.2.3 Giao diện sản phẩm