ĐỒ ÁN CƠ SỞ 3ĐỀ TÀI: XÂY DỰNG APP ẨM THỰC FOOD RECIPES

ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT-HÀN ĐỒ ÁN CƠ SỞ ĐỀ TÀI: XÂY DỰNG APP ẨM THỰC FOOD RECIPES Giảng viên hướng dẫn : PGS.TS.HUỲNH CÔNG PHÁP Sinh viên thực hiện: PHAN VĂN PHÙNG CÁP VĂN ĐỨC Lớp : 19IT1 Đồ án sở – Xây dựng app ẩm thực food recipes Đà Nẵng, ngày tháng năm 2021 Sinh viên thực hiện: Phan Văn Phùng – Cáp Văn Đức ĐẠI HỌC ĐÀ NẴNG TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT-HÀN ĐỒ ÁN CƠ SỞ ĐỀ TÀI XÂY DỰNG APP ẨM THỰC FOOD RECIPES Giảng viên hướng dẫn : PGS.TS.HUỲNH CÔNG PHÁP Sinh viên thực hiện: PHAN VĂN PHÙNG CÁP VĂN ĐỨC Lớp : 19IT1 Đà Nẵng, ngày tháng năm 2021 Đồ án sở – Xây dựng app ẩm thực food recipes LỜI MỞ ĐẦU Ngày nay, ứng dụng công nghệ thông tin việc tin học hóa xem yếu tố mang tính định hoạt động phủ, tổ chức, cơng ty, đóng vai trị quan trọng, tạo bước đột phá mạnh Cùng với phát triển khơng ngừng kỹ thuật máy tính mạng điện tử, công nghệ thông tin cơng nghệ có đẳng cấp cao chinh phục đỉnh cao đến đỉnh cao khác Mạng Internet sản phẩm có giá trị lớn lao ngày trở nên cơng cụ khơng thể thiếu, tảng cho truyền tải, trao đổi thơng tin tồn cầu Giờ đây, việc liên quan đến thông tin trở nên thật dễ dàng cho người sử dụng, cần có máy tính kết nối internet dịng liệu truy tìm gần giới vấn đề mà bạn quan tâm ra, có đầy đủ thơng tin, hình ảnh âm Trong xã hội phát triển ngày nay, nhiều người muốn học thêm lạ, nhiều bà nội trợ muốn nấu ăn ngon để người thân thưởng thức Nhưng họ lại khơng có thời gian để đến lớp học thêm nấu ăn, ngại đến lớp nấu ăn hay hồn cảnh, điều kiện nên họ khơng thể đến lớp học nấu ăn Vì vậy, chúng em thực đồ án “ XÂY DỰNG APP ẨM THỰC FOOD RECIPES” Tại đây, người xem cách chế biến ăn mà không cần phải tới lớp học thêm chia sẻ cơng thức ăn đến với người Với hướng dẫn tận tình thầy giáo Huỳnh Cơng Pháp giúp em hoàn thành báo cáo đề tài Tuy cố gắng tìm hiểu, phân tích thiết kế cài đặt hệ thống khơng tránh khỏi thiếu sót Em mong nhận thơng cảm góp ý q thầy cô Em xin chân thành cảm ơn ! Sinh viên thực hiện: Phan Văn Phùng – Cáp Văn Đức Đồ án sở – Xây dựng app ẩm thực food recipes LỜI CẢM ƠN Để hoàn thành chuyên đề báo cáo học phần đồ án sở trước tiên em xin gửi đến thầy cô giáo TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG VIỆT - HÀN lời cảm ơn chân thành sâu sắc Đặc biệt cảm ơn thầy giáo Huỳnh Cơng Pháp, người tận tình hướng dẫn giúp đỡ nhóm em suốt q trình thực đồ án để nhóm em hồn thành báo cáo cách hồn thiện Với việc tìm hiểu báo cáo học phần đồ án sở với trình độ kiến thức kinh nghiệm cịn hạn chế nên chúng em khơng thể tránh khỏi sai sót Em mong nhận nhận xét, đánh giá, đóng góp ý kiến từ thầy để báo cáo học phần chúng em hoàn thiện cách tốt Em xin chân thành cảm ơn! Sinh viên thực hiện: Phan Văn Phùng – Cáp Văn Đức Đồ án sở – Xây dựng app ẩm thực food recipes NHẬN XÉT ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… …………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ……………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… Sinh viên thực hiện: Phan Văn Phùng – Cáp Văn Đức Đồ án sở – Xây dựng app ẩm thực food recipes MỤC LỤC Chương GIỚI THIỆU 10 1.1 Giới thiệu 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 11 1.2.1 Phương pháp triển khai thực đề tài 11 1.2.2 Đặc điểm 11 1.2.3 Chức 11 1.2.4 Ưu điểm 12 1.2.5 Nhược điểm 12 1.3 Khảo sát số app có 12 1.3.1 App Cookpad: 12 1.3.2 Ứng dụng “công thức nấu ăn ngon” .15 1.3.3 Ứng dụng “hơm ăn gì” 17 1.3.4 Ứng dụng “công thức ăn” 19 1.4 Cấu trúc đồ án 20 1.5 Kết 21 1.5.1 Đặc điểm 21 1.5.2 Chức 21 Chương PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 22 2.1 Phân tích thiết kế hệ thống .22 2.1.1 Công cụ thiết kế .22 2.1.2 Xác định tác nhân 22 2.1.3 Xác định trường hợp sử dụng (user case) 22 2.1.4 Đặc tả trường hợp sử dụng 22 2.1.5 Biểu đồ 24 2.2 Thiết kế sở liệu 27 2.2.1 Phân tích sở liệu 27 Chương THIẾT KẾ VÀ XÂY DỰNG HỆ THỐNG 31 3.1 Trang chủ 31 3.2 Trang danh mục 32 3.3 Trang chi tiết 32 3.4 Trang đăng nhập 33 3.5 Trang đăng ký .33 3.6 Trang tìm kiếm .34 3.7 Trang cập nhật thông tin người dùng 34 3.8 Trang đăng công thức 35 Kết luận: 35 Sinh viên thực hiện: Phan Văn Phùng – Cáp Văn Đức Đồ án sở – Xây dựng app ẩm thực food recipes DANH MỤC CỤM TỪ VIẾT TẮT STT Viết tắt Nghĩa CNTT Công nghệ thông tin CSDL Cơ sở liệu Sinh viên thực hiện: Phan Văn Phùng – Cáp Văn Đức Đồ án sở – Xây dựng app ẩm thực food recipes DANH MỤC CÁC BẢNG Bảng 2.2.1: Bảng user 29 Bảng 2.2.2: Bảng danh mục .29 Bảng 2.2.3: Bảng ăn 29 Bảng 2.2.4: Bảng bình luận 30 Bảng 2.2.5: Bảng trả lời bình luận .30 Bảng 2.2.6: Bảng xem sau 30 Bảng 2.2.7: Bảng tin tức 30 Bảng 2.2.8: Bảng yêu thích 30 Bảng 2.2.9: Bảng đánh giá 31 Sinh viên thực hiện: Phan Văn Phùng – Cáp Văn Đức Đồ án sở – Xây dựng app ẩm thực food recipes DANH MỤC HÌNH Hình 1.1: Trang chủ ứng dụng Cookpad 14 Hình 1.2: Giao diện phần tìm kiếm 15 Hình 1.3: Trang chủ ứng dung cơng thức nấu ăn ngon 16 Hình 1.4: Ảnh thể ứng dụng công thức nấu ăn ngon 17 Hình 1.5: Ảnh trang chủ ứng dụng hơm ăn .18 Hình 1.6: Ảnh cơng thức ăn ứng dụng hơm ăn 19 Hình 1.7: ảnh trang chủ ứng dụng cơng thức ăn 20 Hình 1.8: ảnh thể chức ứng dụng công thức ăn 21 Hình 2.1: Sơ đồ usecase tổng quát .25 Hình 2.2: Mơ hình usecase tác nhân khách hàng 26 Hình 2.3: Mơ hình usecase tác nhân người quản trị 26 Hình 2.4: Biểu đồ hoạt động đăng ký 27 Hình 2.5: Biểu đồ hoạt động đăng nhập .28 Hình 2.6: Quan hệ sở dũ liệu 31 Hình 3.1: Trang chủ 32 Hình 3.2: Trang danh mục 33 Hình 3.3: Trang chi tiết 33 Hình 3.4: Trang đăng nhập 34 Hình 3.5: Trang đăng ký 34 Hình 3.6: Trang tìm kiếm 35 Hình 3.7: Trang cập nhật thơng tin 35 Hình 3.8: Trang đăng cơng thức 36 Sinh viên thực hiện: Phan Văn Phùng – Cáp Văn Đức Đồ án sở – Xây dựng app ẩm thực food recipes - Luồng kiện chính:  Khách thăm chọn mục đăng ký thành viên  Form đăng ký thành viên hiển thị  Khách thăm đăng nhập thông tin cá nhân vào form đăng ký  Nhấn nút đăng ký  Nếu tên đăng nhập trùng với với tài khoản đăng ký trước mật lỗi ( mật mật nhập lại khơng trùng ) hệ thống yêu cầu khách hàng phải nhập lại ngược lại hệ thống thơng báo cho khách hàng đăng nhập thành công Đăng nhập hệ thống: - Tác nhân: khách hàng thành viên , người quản trị - Mô tả: hệ thống cho phép khách hàng thành viên người quản trị đăng nhập vào trang web - Điều kiện: người dùng chưa đăng nhập vào hệ thống - Luồng kiện chính:  Người dùng chọn chức đăng nhập  Form đăng nhập hiển thị  Nhập tên tài khoản, mật vào form đăng nhâp  Hệ thống kiểm tra tên tài khoản mật thành viên Nếu tài khoản mật khơng hệ thống mời người dùng nhập lại Còn tài khoản mật hệ thống thơng báo đăng nhập thành công hệ thống đưa người dùng đến trang chủ trang web Và người dùng dùng chức hệ thống tùy theo quyền người dùng Thêm cơng thức ăn: - Tác nhân: người quản trị, Khách hàng thành viên - Mô tả: hệ thống cho phép người quản trị khách hàng thành viên thêm cơng thức ăn - Điều kiên: người dùng phải người quản trị khách hàng thành viên - Luồng kiện chính: Sinh viên thực hiện: Phan Văn Phùng – Cáp Văn Đức Đồ án sở – Xây dựng app ẩm thực food recipes  Người dùng nhấn vào nút ”thêm ăn” để thêm đến trang thêm cơng thức ăn  Form thêm ăn xuất người dùng cần điền đầy đủ thông tin form ăn  2.1.5 Khách hàng nhấn nút thêm để hồn thành việc thêm ăn kết thúc Biểu đồ Biểu đồ usecase: hình 2.1 thể sơ đồ usecase tổng qt Hình PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG.9: Sơ đồ usecase tổng quát Sinh viên thực hiện: Phan Văn Phùng – Cáp Văn Đức Đồ án sở – Xây dựng app ẩm thực food recipes Hình PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG.10: Mơ hình usecase tác nhân khách hàng Sinh viên thực hiện: Phan Văn Phùng – Cáp Văn Đức Đồ án sở – Xây dựng app ẩm thực food recipes Hình PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG.11: Mơ hình usecase tác nhân người quản trị Sinh viên thực hiện: Phan Văn Phùng – Cáp Văn Đức Đồ án sở – Xây dựng app ẩm thực food recipes Biểu đồ hoạt động: bao gồm biểu đồ hoạt động đăng ký biểu đồ hoạt động đăng nhập Hình PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG.12: Biểu đồ hoạt động đăng ký Hình PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG.13: Biểu đồ hoạt động đăng nhập Sinh viên thực hiện: Phan Văn Phùng – Cáp Văn Đức Đồ án sở – Xây dựng app ẩm thực food recipes 2.2 Thiết kế sở liệu Phần thiết kế sở liệu ứnng dụng ẩm thực sử dụng hệ quản trị sở liệu mysql phần mềm Xampp để thiết kế 2.2.1 Phân tích sở liệu Cở sở liệu ứng dụng ẩm thực Food Recipes gồm bảng: Tên trường id ten password email quyen trangthai img_user sdt ho_va_ten about gioi_tinh dia_chi Kiểu int(11) varchar(20) varchar(20) varchar(50) int(11) int(5) text tarchar(10) varchar(50) text varchar(10) text Mô tả Mã khách hàng Họ tên Mật Email khách hàng Quyền truy cập Trạng thái Ảnh đại diện khách hàng Số điện thoại Họ tên khách hàng Giới thiệu khách hàng Giới tính Địa khách hàng Bảng Thiết kế sở liệu 1: Bảng user Tên trường id idUser tenDanhmuc img Kiều int(11) int(11) varchar(10) varchar(50) Mô tả Mã danh mục Mã khách hàng Tên danh mục Ảnh mô tả danh mục Bảng Thiết kế sở liệu 2: Bảng danh mục Tên trường id idDanhmuc idUser ten_monAn ngayDang moTa img step Kiểu int(11) int(11) int(11) varchar(30) timestamp varchar(50) varchar(20) text Sinh viên thực hiện: Phan Văn Phùng – Cáp Văn Đức Mô tả Mã cơng thức ăn Mã danh mục Mã khách hàng Tên ăn Thời gian đăng cơng thức Mơ tả ăn Ảnh minh họa ăn Hướng dẫn chi tiết nấu ăn Đồ án sở – Xây dựng app ẩm thực food recipes nguyenLieu trangThai varchar(50) int(11) Nguyên liệu ăn Trạng thái đăng Bảng Thiết kế sở liệu 3: Bảng ăn Tên trường id idUser idMon_an noiDung Kiểu int(11) int(11) int(11) varchar(50) timestamp Mô tả Mã bình luận Mã khách hàng Mã ăn Nội dung bình luận Ngày viết bình luận Bảng Thiết kế sở liệu 4: Bảng bình luận Tên trường id idBinh_luan idUser noiDung Kiểu int(11) int(11) int(11) varchar(50) timestamp Mơ tả Mã trả lời bình luận Mã bình luận Mã khách hàng Nội dung trả lời bình luận Ngày trả lời bình luận Bảng Thiết kế sở liệu 5: Bảng trả lời bình luận Tên trường id idMon_an idUser Kiểu int(11) int(11) int(11) Mô tả Mã xem sau Mã ăn Mã khách hàng Bảng Thiết kế sở liệu 6: Bảng xem sau Tên trường id ten_tin_tuc tac_gia nguon noi_dung nguoi_dang ngay_dang Kiểu int(11) tarchar(200) varchar(50) text text varchar(50) timestamp Mô tả Mã tin tức Tiêu đề tin tức Tác giả Nguồn tin tức Nội dung tin tức Người đăng tin tức Ngày đăng tin tức Bảng Thiết kế sở liệu 7: Bảng tin tức Tên trường id idUser idMon_an Kiểu int(11) int(11) int(11) timestamp Bảng Thiết kế sở liệu 8: Bảng yêu thích Sinh viên thực hiện: Phan Văn Phùng – Cáp Văn Đức Mơ tả Mã u thích Mã khách hàng Mã ăn Ngày Đồ án sở – Xây dựng app ẩm thực food recipes Tên trường Kiểu Mơ tả id int(11) Mã u thích idMon_an idUser kq_danh_gia int(11) int(11) int(11) Mã ăn Mã khách hàng Mã đánh giá Bảng Thiết kế sở liệu 9: Bảng đánh giá Mối quan hệ bảng Hình PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG.14: Quan hệ sở dũ liệu Sinh viên thực hiện: Phan Văn Phùng – Cáp Văn Đức Đồ án sở – Xây dựng app ẩm thực food recipes Chương THIẾT KẾ VÀ XÂY DỰNG HỆ THỐNG 3.1 Trang chủ Hình THIẾT KẾ VÀ XÂY DỰNG HỆ THỐNG.15: Trang chủ Sinh viên thực hiện: Phan Văn Phùng – Cáp Văn Đức Đồ án sở – Xây dựng app ẩm thực food recipes 3.2 Trang danh mục Hình THIẾT KẾ VÀ XÂY DỰNG HỆ THỐNG.16: Trang danh mục 3.3 Trang chi tiết Hình THIẾT KẾ VÀ XÂY DỰNG HỆ THỐNG.17: Trang chi tiết Sinh viên thực hiện: Phan Văn Phùng – Cáp Văn Đức Đồ án sở – Xây dựng app ẩm thực food recipes 3.4 Trang đăng nhập Hình THIẾT KẾ VÀ XÂY DỰNG HỆ THỐNG.18: Trang đăng nhập 3.5 Trang đăng ký Hình THIẾT KẾ VÀ XÂY DỰNG HỆ THỐNG.19: Trang đăng ký Sinh viên thực hiện: Phan Văn Phùng – Cáp Văn Đức Đồ án sở – Xây dựng app ẩm thực food recipes 3.6 Trang tìm kiếm Hình THIẾT KẾ VÀ XÂY DỰNG HỆ THỐNG.20: Trang tìm kiếm 3.7 Trang cập nhật thơng tin người dùng Hình THIẾT KẾ VÀ XÂY DỰNG HỆ THỐNG.21: Trang cập nhật thông tin Sinh viên thực hiện: Phan Văn Phùng – Cáp Văn Đức Đồ án sở – Xây dựng app ẩm thực food recipes 3.8 Trang đăng cơng thức Hình THIẾT KẾ VÀ XÂY DỰNG HỆ THỐNG.22: Trang đăng công thức Kết luận: Qua trình thực đồ án kiến thức thời gian học trường, nhóm em tìm hiểu nắm quy trình để làm ứng dụng với đầy đủ chức chủ động việc tìm kiếm thông tin để phục vụ công việc Đồ án xử lí hết chức theo yêu cầu ứng dụng ẩm thực: đăng cơng thức ăn, hiển thị ăn theo loại danh mục, người quản trị Sinh viên thực hiện: Phan Văn Phùng – Cáp Văn Đức Đồ án sở – Xây dựng app ẩm thực food recipes kiểm duyệt công thức đưa lên Ứng dụng đưa lên mạng thử nghiệm thật cho kết mong muốn Hướng phát triển đồ án tìm kiếm thơng tin ăn theo hương vị, thành phần hiển thị ăn phù hợp cho người, lứa tuổi, người bệnh, Sinh viên thực hiện: Phan Văn Phùng – Cáp Văn Đức Đồ án sở – Xây dựng app ẩm thực food recipes DANH MỤC TÀI LIỆU THAM KHẢO [1] Hướng dẫn cài đặt giao diện chức App: https://www.youtube.com/playlist?list=PLzrVYRai0riTN9jdZdVFxIcsAZ4mYPrN Sinh viên thực hiện: Phan Văn Phùng – Cáp Văn Đức