(Đồ án hcmute) ứng dụng ruby on rails xây dựng website cookgram

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN ỨNG DỤNG RUBY ON RAILS XÂY DỰNG WEBSITE COOKGRAM GVHD: LÊ THỊ MINH CHÂU SVTH: TÔ NGỌC ÁNH MSSV:16126003 SVTH: MÃ NGỌC TÚ MSSV:16110254 SKL 0 7 Tp Hồ Chí Minh, tháng 07/2020 an TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH KHOA ĐÀO TẠO CHẤT LƯỢNG CAO ĐỒ ÁN TỐT NGHIỆP ỨNG DỤNG RUBY ON RAILS XÂY DỰNG WEBSITE COOKGRAM SVTH1: TÔ NGỌC ÁNH MSSV1: 16126003 SVTH2: MÃ NGỌC TÚ MSSV2: 16110254 Khóa: 2016 Nghành: CÔNG NGHỆ THÔNG TIN GVHD: THS LÊ THỊ MINH CHÂU Tp Hồ Chí Minh, tháng 07 năm 2020 an CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc -*** - Tp Hồ Chí Minh, ngày tháng năm 2020 NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Họ tên sinh viên 1: Tô Ngọc Ánh Họ tên sinh viên 2: Mã Ngọc Tú Nghành: Công Nghệ Thông Tin Giảng viên hướng dẫn: ThS Lê Thị Minh Châu Ngày nhận đề tài: 25/02/2020 MSSV1: 16126003 MSSV2: 16110254 Lớp: 16110CLST4 ĐT: 090.2200.557 Ngày nộp đề tài: 01/07/2020 Tên đề tài: Ứng dụng ruby on rails xây dựng website cookgram Các số liệu, tài liệu ban đầu: Đồ án phát triển dựa đề tài Tiểu luận chuyên ngành Nội dung thực đề tài: - Ứng dụng Ruby on Rails xây dựng website chia sẻ công thức nấu ăn: Cải thiện, phát triển thêm chức hoàn thiện sản phẩm có từ tiểu luận chuyên nghành - Tìm hiểu cài đặt thêm chức như: Gợi ý ăn, tìm kiếm chatbot để hỗ trợ người dùng Sản phẩm: Webistie Cookgram – website chia sẻ công thức nấu ăn TRƯỞNG NGHÀNH GIẢNG VIÊN HƯỚNG DẪN an CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc ***** PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Họ tên sinh viên 1: Tô Ngọc Ánh MSSV1: 16126003 Họ tên sinh viên 2: Mã Ngọc Tú MSSV2: 16110254 Nghành: Công Nghệ Thông Tin Tên đề tài: Ứng dụng ruby on rails xây dựng website cookgram Họ tên giảng viên hướng dẫn: ThS Lê Thị Minh Châu NHẬN XÉT Về nội dung đề tài & khối lượng thực hiện: Ưu điểm: Khuyết điểm: Đề nghị cho bảo vệ hay không? Đánh giá loại: Điểm: (Bằng chữ: ) Tp Hồ Chí Minh, ngày tháng Giảng viên hướng dẫn (Ký & ghi rõ họ tên) an năm 2020 CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc ***** PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN Họ tên sinh viên 1: Tô Ngọc Ánh MSSV1: 16126003 Họ tên sinh viên 2: Mã Ngọc Tú MSSV2: 16110254 Nghành: Công Nghệ Thông Tin Tên đề tài: Ứng dụng ruby on rails xây dựng website cookgram Họ tên giảng viên phản biện: NHẬN XÉT Về nội dung đề tài & khối lượng thực hiện: Ưu điểm: Khuyết điểm: Đề nghị cho bảo vệ hay không? Đánh giá loại: Điểm: (Bằng chữ: ) Tp Hồ Chí Minh, ngày tháng Giảng viên phản biện (Ký & ghi rõ họ tên) an năm 2020 LỜI CẢM ƠN Để hồn thành tốt đề tài khóa luận tốt nghiệp này, ngồi nỗ lực từ thân, nhóm em nhận quan tâm giúp đỡ, bảo tận tình nhiều cá nhân, tập thể Người mà chúng em không quên gửi lời cảm ơn sâu sắc Đầu tiên, nhóm em xin chân thành cảm ơn khoa Đào tạo Chất lượng cao – nghành Công nghệ thông tin, trường Đại học Sư Phạm Kỹ Thuật TP Hồ Chí Minh thầy Nguyễn Đăng Quang – trưởng nghành CNTT tạo điều kiện thuận lợi cho chúng em thực đề tài Chúng em xin gửi lời cảm ơn chân thành đến cô Lê Thị Minh Châu, người tận tình bảo hướng dẫn nhóm em suốt q trình thực đề tài Bên cạnh đó, chúng em xin gửi lời cảm ơn đến thầy cô giảng viên trường Đại học Sư Phạm Kỹ Thuật TP Hồ Chí Minh nói chung thầy giảng viên khoa Đào tạo Chất lượng cao, nghành Cơng nghệ thơng tin nói riêng, người giảng dạy, tích lũy cho chúng em kiến thức quý báu năm học vừa qua Đó tảng giúp chúng em làm nên đề tài tiền đề giúp chúng em tiến xa tương lai Dù cố gắng hoàn thành đề tài khóa luận yêu cầu, thời gian hạn hẹp khả hạn chế nên chắn nhóm khơng tránh khỏi nhiều thiếu sót Chúng em mong nhận thông cảm tận tình bảo thầy bạn Nhóm chúng em lần xin chân thành cảm ơn Trân trọng i an TÓM TẮT ĐỒ ÁN TỐT NGHIỆP Đề tài: ỨNG DỤNG RUBY ON RAILS XÂY DỰNG WEBSITE COOKGRAM Ngày với phát triển công nghệ thông tin, nhu cầu chia sẻ, cập nhật thông tin thiếu người sống ngày Từ đó, giới mang tên Mạng xã hội đời, nơi mà người, đặc biệt giới trẻ yêu thích Và với xu hướng đó, nhóm chúng em tạo Cookgram – mạng xã hội nho nhỏ chuyên nấu ăn, dành cho người có sở thích bếp núc cập nhật cơng thức mới, chia sẻ, giao lưu, kết bạn ii an MỤC LỤC TRANG NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP i PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN .ii PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN iii LỜI CẢM ƠN i TÓM TẮT ĐỒ ÁN TỐT NGHIỆP ii MỤC LỤC .iii DANH MỤC CÁC TỪ VIẾT TẮT vi DANH MỤC CÁC BẢNG BIỂU vii DANH MỤC CÁC BIỂU ĐỒ VÀ HÌNH ẢNH ix CHƯƠNG 1: TỔNG QUAN 1.1 Tính cấp thiết đề tài 1.1.1 Vấn đề đặt 1.1.2 Khảo sát trạng 1.1.3 Hướng giải 1.2 Mục tiêu đề tài 1.3 Đối tượng nghiên cứu CHƯƠNG 2: YÊU CẦU HỆ THỐNG 2.1 Yêu cầu người dùng 2.2 Yêu cầu hệ thống 2.2.1 Yêu cầu chức 2.2.2 Yêu cầu phi chức 16 CHƯƠNG 3: THIẾT KẾ HỆ THỐNG 17 3.1 Tổng quan hệ thống 17 3.1.1 Mơ hình MVC 17 3.1.2 Mơ hình MVC Ruby on rails 17 3.1.3 Class Diagram 19 3.2 Database 20 3.2.1 ERD 20 iii an 3.2.2 Physical diagram 21 3.2.3 Đặc tả chi tiết database 21 3.3 Sequence diagram 25 3.3.1 SQ001_UC002 Đăng ký 25 3.3.2 SQ002_UC001a Đăng nhập 25 3.3.3 SQ003_UC005 Xem chi tiết ăn 25 3.3.4 SQ004_ UC007 Quản lý tài khoản 26 3.3.5 SQ005_UC0011a Quản lý ăn (user) 26 3.4 Đặc tả API 27 3.4.1 Graph API 27 3.5 Thiết kế giao diện 29 3.5.1 Giao diện Guest 29 3.5.2 Giao diện User 41 3.5.3 Giao diện Admin 52 CHƯƠNG 4: TRIỂN KHAI HỆ THỐNG 57 4.1 Nền tảng phát triển 57 4.1.1 Nền tảng công nghệ 57 4.1.2 Framework, thư viện 57 4.2 Công nghệ sử dụng 58 4.2.1 Ruby on rails 58 4.2.2 Database MySQL [2] 60 4.2.3 Google Dialogflow [3] 61 4.2.4 Recommendation systems [4] 62 4.2.5 Search engine elasticsearch [5] 64 CHƯƠNG 5: KIỂM THỬ VÀ CÀI ĐẶT HỆ THỐNG 67 5.1 Kiểm thử phần mềm 67 5.1.1 Kế hoạch kiểm thử 67 5.1.2 Thiết kế kiểm thử 67 5.1.3 Trường hợp kiểm thử 67 5.1.4 Kết kiểm thử 77 5.2 Cài đặt môi trường hệ thống 79 iv an 5.2.1 Cài đặt framework Ruby on Rails 79 5.2.2 Cài đặt Yarn 80 5.2.3 Cài đặt MySQL Server 80 5.2.4 Cấu hình tích hợp chatbot 80 5.2.5 Cài đặt chạy website Cookgram 81 CHƯƠNG 6: KẾT LUẬN 82 6.1 Tiến độ thực 82 6.2 Kết đạt 82 6.2.1 Kiến thức thực nghiệm 82 6.2.2 Ưu điểm nhược điểm 83 6.3 Thách thức 83 6.4 Kế hoạch phát triển tương lai 83 TÀI LIỆU THAM KHẢO v an ngoctutu11@gmail.com Nhập password: Xoadi997 Click button “Đăng nhập” Vào trang Login theo link: https://cooksocial.herokuapp com/vn/users/sign_in Nhập email: ngoctutu1102@gmail.com Nhập password: Xoadi998 Click button “Đăng nhập” LOGIN_022 Đăng nhập email, mật Đăng nhập thành công chuyển đến trang https://cooksocial.h erokuapp.com/vn 5.1.3.2 Testcase Đăng công thức Điều kiện tiên quyết: - Đã cài đặt đầy đủ môi trường phần mềm - Thiết bị có kết nối internet Dữ liệu đầu vào: - Trang web: https://cooksocial.herokuapp.com/vn - Đăng nhập với tài khoản: ngoctutu1102@gmail.com/Xoadi998 Bảng 5.2 Testcase Đăng công thức Testcase ID Mô tả POST_01 Kiểm tra tổng thể giao diện POST_02 POST_03 POST_04 POST_05 Kiểm tra thứ tự di chuyển chuột nhấn phím Tab Kiểm tra thứ tự di chuyển chuột nhấn phím ShiftTab Kiểm tra thực chức hình nhấn Enter Kiểm tra responsive Thực Nhấn phím tab liên tục Nhấn phím shift-tab liên tục Kết mong đợi Giao diện theo yêu cầu requirement Con trỏ di chuyển từ trái qua phải, từ xuống Con trỏ di chuyển từ phải qua trái, từ lên Nhấn phím Enter Con trỏ chuột focus vào button Login thực chức button Kiểm tra giao diện dùng mobile Kiểm tra giao diện dùng tablet Kiểm tra giao diện dùng desktop Bố cục tương thích với mobile, tablet, desktop 71 an POST_06 Kiểm tra button “Tạo công thức” POST _07 Kiểm tra tải hình ảnh POST _08 Kiểm tra giá trị mặc định textbox Kiểm tra nhập giá trị trống Kiểm tra nhập Nhập kí tự đặc ký tự đặc biệt biệt vào trường (VD: @#$%) Giá trị mặc định của trường rỗng Kiểm tra nhập ký tự chữ viết hoa, chữ viết thường Kiểm tra nhập giá trị khoảng trắng (space) Kiểm tra nhập chữ tiếng việt có dấu Kiểm tra nhập chữ số Kiểm tra nhập thẻ html Kiểm tra linktext “Thêm nguyên liệu” Nhập kí tự chữ viết hoa, viết thường vào trường Hiển thị yêu cầu không nhập Nhập kí tự "Space" vào trường Hiển thị yêu cầu không nhập Nhập chữ tiếng việt vào trường Chấp nhận nhập Nhập chữ số vào trường Nhập thẻ html vào trường Email Click vào linktext “Thêm nguyên liệu” Chấp nhận nhập POST_09 POST_010 POST_011 POST_012 POST_013 POST_014 POST_015 POST_016 Vào trang Login theo link: https://cooksocial.her okuapp.com/vn/ thực đăng nhập Click button “Tạo công thức” Vào trang Login theo link: https://cooksocial.her okuapp.com/vn/ thực đăng nhập Click button “Tạo công thức” Click tải hình ảnh Màn hình chuyển sang trang tạo cơng thức Hình ảnh tải lên thành cơng Chấp nhận nhập Hiển thị yêu cầu không nhập Hiển thị yêu cầu không nhập Hiển thị thêm textbox nhập nguyên liệu 72 an POST_017 POST_018 Kiểm tra linktext “Thêm bước thực hiện” Kiểm tra button “Lên sóng” Click vào linktext “Thêm bước thực hiện” Click vào button “Lên sóng” Hiển thị thêm textbox nhập bước thực -Thành cơng: Chuyển đến hình chi tiết cơng thức - Thất bại: Hiện thông báo thất bại 5.1.3.3 Testcase Chi tiết công thức Điều kiện tiên quyết: - Đã cài đặt đầy đủ môi trường phần mềm - Thiết bị có kết nối internet Dữ liệu đầu vào: - Trang web: https://cooksocial.herokuapp.com/vn - Đăng nhập với tài khoản: ngoctutu1102@gmail.com/Xoadi998 - Đã đăng công thức Bảng 5.3 Testcase Chi tiết công thức Testcase ID RECIPE_01 Mô tả Kiểm tra tổng thể giao diện RECIPE_02 Kiểm tra thứ tự di chuyển chuột nhấn phím Tab Kiểm tra thứ tự di chuyển chuột nhấn phím ShiftTab Kiểm tra thực chức hình nhấn Enter Kiểm tra responsive RECIPE_03 RECIPE_04 RECIPE_05 Thực Nhấn phím tab liên tục Nhấn phím shift-tab liên tục Kết mong đợi Giao diện theo yêu cầu requirement Con trỏ di chuyển từ trái qua phải, từ xuống Con trỏ di chuyển từ phải qua trái, từ lên Nhấn phím Enter Con trỏ chuột focus vào button Login thực chức button Kiểm tra giao diện dùng mobile Kiểm tra giao diện dùng tablet Kiểm tra giao diện dùng desktop Bố cục tương thích với mobile, tablet, desktop 73 an RECIPE_06 Kiểm tra nội dung hình ảnh RECIPE_07 Kiểm tra chức thích Kiểm tra chức chia sẻ Kiểm tra chức đánh giá Kiểm tra chức lưu bookmark Kiểm tra chức follow người dùng Kiểm tra giá trị mặc định textbox Kiểm tra nhập giá trị trống Kiểm tra nhập ký tự đặc biệt Click vào button “Thích” Click vào button “Chia sẻ” Click vào đánh giá Click vào button “Bookmark” Kiểm tra nhập ký tự chữ viết hoa, chữ viết thường Kiểm tra nhập giá trị khoảng trắng (space) Kiểm tra nhập chữ tiếng việt có dấu Kiểm tra nhập chữ số Kiểm tra nhập thẻ html Kiểm tra chức bình luận Nhập kí tự chữ Hiển thị yêu cầu viết hoa, viết thường không nhập vào trường RECIPE_08 RECIPE_09 RECIPE_010 RECIPE_011 RECIPE_012 RECIPE_013 RECIPE_014 RECIPE_015 RECIPE_016 RECIPE_017 RECIPE_018 RECIPE_019 RECIPE_020 Click vào button “Follow” Giao diện hiển thị đầy đủ thông tin theo yêu cầu requirement Button đổi màu Chuyển đến hình chia sẻ viết Icon tô màu theo lượt đánh giá Button đổi màu Button chuyển đổi Giá trị mặc định của trường rỗng Chấp nhận nhập Nhập kí tự đặc Hiển thị yêu cầu biệt vào trường (VD: khơng nhập @#$%) Nhập kí tự "Space" vào trường Hiển thị yêu cầu không nhập Nhập chữ tiếng việt vào trường Chấp nhận nhập Nhập chữ số vào trường Nhập thẻ html vào trường Email Nhập vào bình luận nhấn enter Chấp nhận nhập Hiển thị u cầu khơng nhập Bình luận hiển thị hình 74 an RECIPE_021 RECIPE_022 Kiểm tra chức like bình luận Kiểm tra chức thơng báo Nhấp vào bình luận click “like” +1 lượt thích bình luận Nhấp vào button “chng thông báo” Hiển thị thông báo 5.1.3.4 Testcase Trang cá nhân Điều kiện tiên quyết: - Đã cài đặt đầy đủ môi trường phần mềm - Thiết bị có kết nối internet Dữ liệu đầu vào: - Trang web: https://cooksocial.herokuapp.com/vn - Đăng nhập với tài khoản: ngoctutu1102@gmail.com/Xoadi998 Bảng 5.4 Testcase Trang cá nhân Testcase ID PROFILE_01 Mô tả Kiểm tra tổng thể giao diện Thực PROFILE_02 Kiểm tra thứ tự di chuyển chuột nhấn phím Tab Kiểm tra thứ tự di chuyển chuột nhấn phím ShiftTab Kiểm tra thực chức hình nhấn Enter Kiểm tra responsive Nhấn phím tab liên tục PROFILE_03 PROFILE_04 PROFILE_05 PROFILE_06 Nhấn phím shifttab liên tục Kết mong đợi Giao diện theo yêu cầu requirement Con trỏ di chuyển từ trái qua phải, từ xuống Con trỏ di chuyển từ phải qua trái, từ lên Nhấn phím Enter Con trỏ chuột focus vào button Login thực chức button Kiểm tra giao diện dùng mobile Kiểm tra giao diện dùng tablet Kiểm tra giao diện dùng desktop Bố cục tương thích với mobile, tablet, desktop Kiểm tra giá trị mặc định textbox Giá trị mặc định của trường rỗng 75 an PROFILE_07 PROFILE_08 PROFILE_09 PROFILE_010 PROFILE_011 PROFILE_012 PROFILE_013 PROFILE_014 PROFILE_015 PROFILE_016 PROFILE_017 PROFILE_018 PROFILE_019 PROFILE_020 PROFILE_021 PROFILE_022 PROFILE_023 Kiểm tra nhập giá trị trống Kiểm tra nhập Nhập kí tự đặc ký tự đặc biệt biệt vào trường (VD: @#$%) Kiểm tra nhập ký tự chữ viết hoa, chữ viết thường Kiểm tra nhập giá trị khoảng trắng (space) Kiểm tra nhập chữ tiếng việt có dấu Kiểm tra nhập chữ số Kiểm tra nhập thẻ html Kiểm tra button “Cập nhật” thông tin cá nhân Kiểm tra tải Avatar Kiểm tra tải Ảnh bìa Kiểm tra tab “Bếp tơi” Kiểm tra tab “Người theo dõi” Kiểm tra tab “Người theo dõi” Kiểm tra tab “Bookmark” Kiểm tra tab “Giới thiệu” Kiểm tra button “Truy cập” Kiểm tra button “Xóa” Chấp nhận nhập Hiển thị yêu cầu không nhập Nhập kí tự chữ Hiển thị yêu cầu viết hoa, viết không nhập thường vào trường Nhập kí tự "Space" vào trường Hiển thị u cầu khơng nhập Nhập chữ tiếng Chấp nhận nhập việt vào trường Nhập chữ số vào trường Nhập thẻ html vào trường Email Click vào button “Cập nhật” Click vào tab “Bếp tôi” Click vào tab “Người theo dõi” Click vào tab “Người theo dõi” Click vào tab “Bookmark” Click vào tab “Giới thiệu” Click vào button “Truy cập” Click vào button “Xóa” Chấp nhận nhập Hiển thị yêu cầu không nhập Chuyển đến trang cập nhật thơng tin Tải hình ảnh thành cơng Tải hình ảnh thành công Chuyển đến tab Bếp Chuyển đến tab Người theo dõi Chuyển đến tab Người theo dõi Chuyển đến tab bookmark Chuyển đến tab giới thiệu Chuyển đến trang đối tượng truy cập Xóa đối tượng khỏi list 76 an 5.1.4 Kết kiểm thử 5.1.4.1 Kết tổng quan Số testcase thực hiện: 85 Số testcase PASS: 80/85 Số testcasse FASLE: 05/85 Kết kiểm thử FASLE 5% PASS 95% PASS FASLE Hình 5.1 Kết tổng quan kiểm thử 5.1.4.2 Kết chi tiết Với kết 100% PASS 50% FASLE (đã fix lần 1) 5.1.4.2.1 Testcase Đăng nhập Testcase Đăng nhập 100 100 100 100 100 100 100 100 100 100 100 100 100 100 100 100 100 100 100 100 100 100 LOGIN_021 LOGIN_019 LOGIN_017 LOGIN_015 LOGIN_013 LOGIN_011 LOGIN_09 LOGIN_07 LOGIN_05 LOGIN_03 LOGIN_01 10 20 30 40 50 60 70 80 90 100 Hình 5.2 Kết testcase Đăng nhập 77 an 5.1.4.2.2 Testcase Đăng công thức Testcase Đăng công thức 100 POST_017 50 100 100 100 100 100 POST_015 POST_013 POST_011 50 100 100 100 100 100 100 100 100 100 100 POST_09 POST _07 POST_05 POST_03 POST_01 10 20 30 40 50 60 70 80 90 100 Hình 5.3 Kết testcase Đăng cơng thức 5.1.4.2.3 Testcase Chi tiết công thức Testcase Chi tiết công thức RECIPE_022 RECIPE_021 RECIPE_020 RECIPE_019 RECIPE_018 RECIPE_017 RECIPE_016 RECIPE_015 RECIPE_014 RECIPE_013 RECIPE_012 RECIPE_011 RECIPE_010 RECIPE_09 RECIPE_08 RECIPE_07 RECIPE_06 RECIPE_05 RECIPE_04 RECIPE_03 RECIPE_02 RECIPE_01 100 50 100 100 100 100 50 100 100 100 100 100 100 100 100 100 100 100 100 100 100 100 10 20 30 40 50 60 70 80 90 100 Hình 5.4 Kết testcase Chi tiết công thức 78 an 5.1.4.2.4 Testcase Trang cá nhân Testcase Trang cá nhân PROFILE_023 50 PROFILE_022 100 PROFILE_021 100 PROFILE_020 100 PROFILE_019 100 PROFILE_018 100 PROFILE_017 100 PROFILE_016 100 PROFILE_015 100 PROFILE_014 100 PROFILE_013 100 PROFILE_012 100 PROFILE_011 100 PROFILE_010 100 PROFILE_09 100 PROFILE_08 100 PROFILE_07 100 PROFILE_06 100 PROFILE_05 100 PROFILE_04 100 PROFILE_03 100 PROFILE_02 100 PROFILE_01 100 10 20 30 40 50 60 70 80 90 100 Hình 5.5 Kết testcase Trang cá nhân 5.2 Cài đặt môi trường hệ thống 5.2.1 Cài đặt framework Ruby on Rails Bước 1: Cài đặt Ruby - Truy cập http://rubyinstaller.org/downloads/ để tải gói cài đặt Ruby+Devkit 2.6.X (x64) tiến hành cài đặt - Mở command prompt nhập ruby –v - Nếu Ruby trả giá trị ruby 2.6.5, gõ gem -v Nếu Gem trả giá trị 3.0.6, Ruby cài đặt thành công Bước 2: Cài đặt Rails - Mở command prompt nhập gem install rails –v để tải rails phiên 6.0.0 - Kiểm tra cài đặt thành công cách nhập lệnh rails –v command promp 79 an 5.2.2 Cài đặt Yarn Bước 1: Cài đặt NodeJS để sử dụng Yarn Bước 2: Dùng lệnh npm install –g yarn để cài đật yarn 5.2.3 Cài đặt MySQL Server Download MySQL Community tại: https://downloads.mysql.com/archives/community/ Và tiến hành cài đặt theo hướng dẫn 5.2.4 Cấu hình tích hợp chatbot Bước 1: Truy cập vào https://dialogflow.cloud.google.com/ để tạo chatbot với kịch xây dựng trước Tải key file thông qua Json từ SERVICE ACCOUNT Google Dialogflow Bước 2: Truy cập tiếp vào https://www.kommunicate.io/ để tạo tài khoản cấu hình bot Bước 3: Từ Kommunicate chọn Bot Integrations chọn tiếp Google Dialogflow Bước 4: Upload file Json vừa tải vào website theo hướng dẫn 80 an Bước 5: Vào tiếp Setting/Install/Web để tải file Javascript nhúng thẳng vào website Ví dụ: 5.2.5 Cài đặt chạy website Cookgram Bước 1: Tải source code https://github.com/NgocAnhs/Cookgram Bước 2: Mở command promt thư mục source code gõ lệnh sau: - gem install bundler - Bundle install - rails db: migrate: create - rails s Bước 3: Mở trình duyệt truy cập http://localhost:3000/ Hoặc truy cập website: https://cooksocial.herokuapp.com/vn 81 an CHƯƠNG 6: KẾT LUẬN 6.1 Tiến độ thực Bảng 6.1 Tiến độ công việc STT 1.1 1.2 1.3 2.1 2.2 3.1 3.2 4.1 4.2 4.3 5.1 5.2 6.1 Tên công việc Thiết kế Requirement Use case Class diagram Sequence Xây dựng Font-end Tìm hiểu thiết kế bảng vẽ UI Tiến hành code Xây dựng back-end Thiết kế ERD Code Machine Learning Tìm hiểu recommendation systems Collaborative Filtering Recommendation Search engine elasticsearch Google Dialogflow Xây dựng kịch bot Tích hợp bot vào website Báo cáo Viết báo cáo Tiến trình Người thực Đã hồn thành Đã hoàn thành Đã hoàn thành Tú Ánh Tú Đã hoàn thành Đã hoàn thành Tú Ánh Đã hoàn thành Đã hoàn thành Tú Ánh Đã hoàn thành Ánh Đã hoàn thành Ánh Đã hoàn thành Ánh Đã hoàn thành Đã hoàn thành Tú Tú Đã hoàn thành Tú, Ánh 6.2 Kết đạt 6.2.1 Kiến thức thực nghiệm 6.2.1.1 Về kiến thức - Nắm cú pháp ngôn ngữ Ruby - Hiểu cấu trúc cách vận hành ứng dụng xây dựng framework Ruby on Rails - Kỹ phát triển webistie - Biết sử dụng github để quản lý sourcecode q trình làm việc nhóm - Các thuật tốn Recommendation systems - Tìm hiểu Google Dialogflow Google Clouds 6.2.1.2 Về thực nghiệm Áp dụng kiến thức tìm hiểu vào xây dựng website với chức năng: 82 an - Authenticate Authorize Quản lý công thức nấu ăn Quản lý thông tin cá nhân Tương tác với viết người dùng khác (Bình luận, like, bookmark, follow, đánh giá) Ứng dụng công nghệ Search engine elasticsearch chức tìm kiếm Dashboard admin quản lý Hệ thống đề xuất theo hành vi người dùng Áp dụng thuật tốn Recommendation systems Tích hợp Q&A bot bot gợi ý 6.2.2 Ưu điểm nhược điểm 6.2.2.1 Ưu điểm - Giao diện đơn giản, dễ sử dụng - Đáp ứng đầy đủ chức - Có bot hướng dẫn 6.2.2.2 Nhược điểm - Code chưa tối ưu hóa - Chatbot chưa lấy liệu từ database - Chưa có kênh giao tiếp người dùng với người dùng - Chưa có video hướng dẫn chi tiết 6.3 Thách thức - Tìm hiểu công nghệ - Cách để thiết kế phần mềm cách chuyên nghiệp - Xử lý hình ảnh chưa thật tối ưu 6.4 Kế hoạch phát triển tương lai - Thiết kế cải thiện giao diện, trải nghiệm người dùng Tạo kênh giao tiếp người dùng với người dùng Cải thiện công nghệ Search (tiếng Việt khơng dấu) Tích hợp bán ngun liệu Cải thiện tối ưu chatbot Đánh giá kèm hình ảnh Video hướng dẫn nấu ăn 83 an TÀI LIỆU THAM KHẢO [1] Wikipedia, "Ruby on Rails," 06 2020 [Online] Available: https://en.wikipedia.org/wiki/Ruby_on_Rails [Accessed 20 06 2020] [2] H G., “MySQL gì: giải thích tường tận MySQL cho người bắt đầu,” hostinger, 17 05 2019 [Trực tuyến] Available: https://www.hostinger.vn/huongdan/mysql-la-gi/ [Đã truy cập 20 06 2020] [3] BOSS, “Dialogflow – Các khái niệm,” Dialogflow Việt Nam, 18 11 2017 [Trực tuyến] Available: https://dialogflowvn.wordpress.com/2017/11/18/dialogflowcac-khai-niem/ [Đã truy cập 20 04 2020] [4] N T K Chi, “Giới thiệu hệ thống gợi ý (Recommender systems Recommendation systems),” viblo.asia, 26 10 2017 [Trực tuyến] Available: https://viblo.asia/p/gioi-thieu-ve-he-thong-goi-y-recommender-systems-hoacrecommendation-systems-maGK78yOZj2 [Đã truy cập 15 05 2020] [5] t le, "Elasticsearch gì? Tìm hiểu Elasticsearch," Topdev.vn, [Online] Available: https://topdev.vn/blog/elasticsearch-la-gi/#cac-cong-ty-lon-dang-sudung [Accessed 18 06 2020] an S an K L 0 ... tài: Ứng dụng ruby on rails xây dựng website cookgram Các số liệu, tài liệu ban đầu: Đồ án phát triển dựa đề tài Tiểu luận chuyên ngành Nội dung thực đề tài: - Ứng dụng Ruby on Rails xây dựng website. .. Áp dụng ngơn ngữ cơng nghệ Ruby on Rails lập trình Web application - Nắm bắt nghiệp vụ cần có triển khai xây dựng website, đặc biệt mô hình mạng xã hội - Phân tích, thiết kế xây dựng ứng dụng. .. THÀNH PHỐ HỒ CHÍ MINH KHOA ĐÀO TẠO CHẤT LƯỢNG CAO ĐỒ ÁN TỐT NGHIỆP ỨNG DỤNG RUBY ON RAILS XÂY DỰNG WEBSITE COOKGRAM SVTH1: TÔ NGỌC ÁNH MSSV1: 16126003 SVTH2: MÃ NGỌC TÚ MSSV2: 16110254 Khóa: