ĐẠI HỌC QUỐC GIA THÀNH QUỐC HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CƠNG NGHỆ THƠNG TIN KHOA MẠNG MÁY TÍNH VÀ TRUYỂN THƠNG - - KHĨA LUẬN TỐT NGHIỆP XÂY DỰNG WEBSITE ICANCOOK HỖ TRỢ NẤU ĂN KẾT HỢP TRUYỀN THÔNG TRÊN FACEBOOK Giáo viên hướng dẫn: TS NGUYỄN ANH TUẤN Sinh viên thực hiện: VÕ XUÂN THIÊN PHÚC - 08520290 TRƯƠNG THIÊN TOÀN - 08520511 Lớp: MMT03 Khóa: 2008 - 2013 TP Hồ Chí Minh, tháng năm 2013 ii LỜI CẢM ƠN - Trước hết, nhóm chúng em xin bày tỏ lòng biết ơn tha thiết đến gia đình mình, người khơng ngại bao năm tháng khó khăn, vất vả để tạo điều kiện cho chúng em có hội ngồi giảng đường đại học đến tận hơm nay, lúc để hồn thành cơng trình đời, khóa luận tốt nghiệp kĩ sư, biểu cho kết tinh tri thức Tiếp theo, chúng em chân thành cảm ơn thầy Khoa Mạng Máy Tính Truyền Thông thầy cô trường Đại học Công Nghệ Thông Tin – Đại học Quốc Gia thành phố Hồ Chí Minh, người trực tiếp giảng dạy gián tiếp tạo điều kiện cho chúng em có mơi trường thuận lợi để học tập rèn luyện, người lái đò đưa chúng em dòng tri thức Xin gửi lời cảm ơn sâu sắc đến Tiến sĩ Nguyễn Anh Tuấn, người tận tình hướng dẫn giảng dạy chúng em trình tìm hiểu, nghiên cứu thực đề tài, người truyền dẫn lửa nhiệt huyết để chúng em tự thắp sáng bước đường tương lai, góp thêm phần ánh sáng cho đường phát triển đất nước Sau cùng, cảm ơn tất bạn khoa, người gắn bó với bao năm tháng, chia sẻ học hỏi hiểu biết mình, giúp đỡ lẫn đường học vấn hồn thành cơng trình TP Hồ Chí Minh, ngày 24 tháng 02 năm 2013 Nhóm tác giả GVHD: TS Nguyễn Anh Tuấn SVTH: Thiên Phúc – Thiên Tồn iii LỜI CAM ĐOAN - Nhóm tơi, Võ Xn Thiên Phúc Trương Thiên Tồn xác nhận nội dung trình bày báo cáo dựa tổng hợp lý thuyết, trình tìm hiểu nghiên cứu thực tiễn nhóm tác giả Mọi thơng tin trích dẫn thích liệt kê rõ ràng thành tài liệu tham khảo Chúng xác nhận đề tài nghiên cứu cơng trình hướng dẫn Tiến sĩ Nguyễn Anh Tuấn giúp đỡ người khác ghi nhận báo cáo TP Hồ Chí Minh, ngày 24 tháng 02 năm 2013 Nhóm tác giả GVHD: TS Nguyễn Anh Tuấn SVTH: Thiên Phúc – Thiên Toàn iv LỜI NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN - GVHD: TS Nguyễn Anh Tuấn SVTH: Thiên Phúc – Thiên Toàn v LỜI NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN - GVHD: TS Nguyễn Anh Tuấn SVTH: Thiên Phúc – Thiên Toàn vi MỤC LỤC LỜI CẢM ƠN ii LỜI CAM ĐOAN iii LỜI NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN iv LỜI NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN v MỤC LỤC vi DANH MỤC BẢNG ix DANH MỤC HÌNH x TÓM TẮT xii CHƯƠNG TỔNG QUAN ĐỀ TÀI 1.1 Tên đề tài 1.2 Từ khóa 1.3 Mục tiêu đề tài 1.4 Ý nghĩa đề tài 1.5 Đối tượng, phạm vi phương pháp nghiên cứu đề tài 1.5.1 Đối tượng nghiên cứu 1.5.2 Phạm vi nghiên cứu 1.5.3 Phương pháp nghiên cứu 1.5.4 Thời gian nghiên cứu 1.5.5 Kế hoạch thực đề tài 1.6 Cấu trúc khóa luận CHƯƠNG TÌNH HÌNH NGHIÊN CỨU VÀ KHẢO SÁT 2.1 Tổng quan Wordpress GVHD: TS Nguyễn Anh Tuấn SVTH: Thiên Phúc – Thiên Toàn vii 2.1.1 Khái niệm Wordpress 2.1.2 Khảo sát trạng Wordpress 10 2.2 Cấu trúc Wordpress 15 2.2.1 Các thành phần 15 2.2.2 Cấu trúc theme Wordpress 17 2.3 Khảo sát hệ thống hỗ trợ nấu ăn 19 2.3.1 Hệ thống cung cấp ăn 19 2.3.2 Hệ thống cung cấp thêm tính 20 2.4 Kết chương 20 CHƯƠNG MƠ HÌNH THIẾT KẾ VÀ PHÁT TRIỂN 22 3.1 Mô hình sở liệu 22 3.1.1 Mô hình thiết kế sở liệu theo PDM 22 3.1.2 Mô hình sở liệu Wordpress 24 3.1.3 Đưa thiết kế vào sở liệu Wordpress 26 3.2 Mơ hình thiết kế xử lý 27 3.2.1 Mơ hình xây dựng Theme Wordpress 27 3.2.2 Mơ hình thiết kế xử lý 29 3.3 Kết chương 32 CHƯƠNG ĐẶC TẢ HỆ THỐNG 33 4.1 Hệ thống điều hướng 33 4.1.1 Thành phần điều hướng Header 33 4.1.2 Các Widget Sidebar 35 4.2 Dịch vụ phát sinh ăn 39 4.2.1 Cơ chế phát sinh ăn tổng quát 39 GVHD: TS Nguyễn Anh Tuấn SVTH: Thiên Phúc – Thiên Toàn viii 4.2.2 Giải thuật phát sinh ăn 41 4.2.3 Cơ chế tổng hợp nguyên liệu cần thiết 45 4.2.4 Tính thêm, xóa, sửa, lưu thực đơn 48 4.3 Tính chia sẻ bình luận 50 4.4 Hệ thống đóng góp 52 4.4.1 Hệ thống phân quyền Wordpress 52 4.4.2 Đặc tả hệ thống đóng góp 54 4.5 Đánh giá thảo luận 58 CHƯƠNG KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 60 5.1.Tổng kết đề tài 60 5.2.Những khó khăn, hạn chế 61 5.3.Kết luận 62 5.4.Hướng phát triển 63 TÀI LIỆU THAM KHẢO 64 PHỤ LỤC 65 PHỤ LỤC A: Thông tin giảng viên sinh viên thực 65 PHỤ LỤC B: Bảng phân công công việc 66 PHỤ LỤC C: Hướng dẫn cài đặt Wordpress Self-Hosted 67 PHỤ LỤC D: Giao diện hình 69 PHỤ LỤC E: Nơi lưu trữ mã nguồn 78 GVHD: TS Nguyễn Anh Tuấn SVTH: Thiên Phúc – Thiên Toàn ix DANH MỤC BẢNG Bảng - Kế hoạch thực đề tài Bảng - Top 10 ngôn ngữ viết Wordpress 14 Bảng - Bảng phân công công việc thực đề tài 66 GVHD: TS Nguyễn Anh Tuấn SVTH: Thiên Phúc – Thiên Tồn x DANH MỤC HÌNH Hình - Thống kê mức tiêu dùng tháng, năm 2011 cho người dân 16 tuổi Hình - Thống kê số lượt xem tháng (1/2007 - 1/2013) 10 Hình - Thống kê số Post tháng (1/2007 - 1/2013) 11 Hình - Thống kê số page tháng (1/2007 - 1/2013) 11 Hình - Thống kê số comment tháng (1/2007 - 1/2013) 12 Hình - Thống kê số lượt tải lên tháng (1/2007 - 1/2013) 12 Hình - Thống kê số lượt post XML-RPC tháng (1/2007 - 1/2013) 13 Hình - Thống kê xu hướng tìm kiếm CMS Google (1/2004 - 1/2013) 14 Hình - Các thành phần Wordpress 15 Hình 10 - Mơ hình sở liệu theo PDM 22 Hình 11 - Mơ hình sở liệu Wordpress 24 Hình 12 - Mơ hình thiết kế xử lý Wordpress 29 Hình 13 - Phần điều hướng Header Website 34 Hình 14 - Hệ thống điều hướng Sidebar trái, phải 36 Hình 15 - Form với thành phần sử dụng để phát sinh thực đơn 40 Hình 16 - Cơ chế phát sinh thực đơn tổng quát 41 Hình 17 - Lưu đồ đặc tả giải thuật phát sinh thực đơn 42 Hình 18 - Mảng phần ăn thuật toán phát sinh thực đơn 43 Hình 19 - Hiển thị thực đơn ăn Website 46 Hình 20 - Pop-up hiển thị ăn thay thực đơn ăn 48 Hình 21 - Trang quản lý người dùng cấp độ Subscriber 55 Hình 22 - Trang quản lý người dùng cấp độ Contributor 56 Hình 23 - Form đóng góp viết dạng ăn cho Website 57 Hình 24 - Giao diện trang chủ Website 69 Hình 25 - Giao diện xem lại thực đơn phát sinh 70 GVHD: TS Nguyễn Anh Tuấn SVTH: Thiên Phúc – Thiên Toàn 64 TÀI LIỆU THAM KHẢO [1] J S Bodenlos and B M Wormuth, “Watching a food-related television show and caloric intake A laboratory study,” Appetite, vol 61, no 0, pp 8–12, 2013 [2] J Kirwan, B Ilbery, D Maye, and J Carey, “Grassroots social innovations and food localisation: An investigation of the Local Food programme in England,” Global Environmental Change, Jan 2013 [3] P Rutsaert, Á Regan, and Z Pieniak, “The use of social media in food risk and benefit communication,” Trends in Food Science …, Oct 2012 [4] R L Bowen and C M Devine, “‘Watching a person who knows how to cook, you’ll learn a lot’ Linked lives, cultural transmission, and the food choices of Puerto Rican girls.,” Appetite, vol 56, no 2, pp 290–8, Apr 2011 [5] S Gunelius, “The Dashboard’s Left Menu,” in The Complete Idiot’s Guide to Wordpress, B Fields, C Wagner, K Dugger, and A Borrelli, Eds New York: Marie Butler-Knight, Mike Sanders, 2011, pp 66–69 [6] D Clifford, J Anderson, G Auld, and J Champ, “Good Grubbin’: Impact of a TV Cooking Show for College Students Living Off Campus,” Journal of Nutrition Education and Behavior, vol 41, no 3, pp 194–200, 2009 [7] S Leary, “Creating a Basic Theme,” in Beginning WordPress 3, B Renow-Clarke, L Becker, F Parnell, and M Behr, Eds New York: Apress, 2009, pp 125–171 GVHD: TS Nguyễn Anh Tuấn SVTH: Thiên Phúc – Thiên Toàn 65 PHỤ LỤC PHỤ LỤC A: Thông tin giảng viên sinh viên thực  Giảng viên hướng dẫn: Họ tên: Nguyễn Anh Tuấn Học vị: Tiến sĩ Khoa: Mạng máy tính truyền thông Điện thoại: 0932 215 030 Email: tuanna@uit.edu.vn  Sinh viên thực hiện: Họ tên: Võ Xuân Thiên Phúc Mã số sinh viên: 08520290 Lớp: MMT03 Niên khóa: 2008 – 2013 Điện thoại: 0977 310 488 Email: thienphucvx@gmail.com  Sinh viên thực hiện: Họ tên: Trương Thiên Toàn Mã số sinh viên: 08520511 Lớp: MMT03 Niên khóa: 2008 – 2013 Điện thoại: 0986 864 678 Email: toantt9999@gmail.com GVHD: TS Nguyễn Anh Tuấn SVTH: Thiên Phúc – Thiên Tồn 66 PHỤ LỤC B: Bảng phân cơng cơng việc Bảng phân công công việc thực đề tài mô tả chi tiết Bảng 3: Công việc Thiên Phúc Thiên Toàn Nghiên cứu khảo sát cơng trình liên quan X X Phân tích xác định yêu cầu đặt cho đề tài X X Tìm hiểu, khảo sát nghiên cứu Wordpress X X Thiết kế sở liệu theo mô hình PDM X Nghiên cứu mơ hình sở liệu Wordpress X Chuyển thiết kế PDM vào mô hình Wordpress X Tìm kiếm thu thập liệu cho Website X Thiết kế giao diện Photoshop, HTML, CSS, Javascipt X Chuyển thiết kế thành Theme Wordpress X Nghiên cứu mơ hình luồng xử lý Wordpress X Thiết kế hệ thống điều hướng cho Website X X Xây dựng dịch vụ phát sinh X Thiết kế xây dựng tính chia sẻ, bình luận hệ thống đóng góp cho Website Viết báo cáo chỉnh sửa X X X X Bảng - Bảng phân công công việc thực đề tài GVHD: TS Nguyễn Anh Tuấn SVTH: Thiên Phúc – Thiên Toàn 67 PHỤ LỤC C: Hướng dẫn cài đặt Wordpress Self-Hosted Các bước thực : 1/Upload toàn source code lên host 2/Sửa file wp-config.php sau : / ** MySQL settings - You can get this info from your web host ** // /** The name of the database for WordPress */ define('DB_NAME', 'icancook');// tên database /** MySQL database username */ define('DB_USER', 'root');//username /** MySQL database password */ define('DB_PASSWORD', 'your password');//password /** MySQL hostname */ define('DB_HOST', 'localhost'); //Không thay đổi /** Database Charset to use in creating database tables */ define('DB_CHARSET', 'utf8'); /** The Database Collate type Don't change this if in doubt */ define('DB_COLLATE', ''); 3/ Vào thư muc sourceCode/ajaxchat/lib/class/CustomAJAXChat.php Tìm đến function &getChannels() , &getAllChannels() thay đổi thơng tin kết nối đến database.Những trường in đậm trường cần thay đổi mysql_connect("localhost", "username Database", "password connect DB") or die(mysql_error()); mysql_select_db("tên database") or die(mysql_error()); GVHD: TS Nguyễn Anh Tuấn SVTH: Thiên Phúc – Thiên Toàn 68 4/ Chỉnh lại đường dẫn cho mục home điều hướng Đăng nhập vào trang web với quyền admin : yourhost/wp-admin Username: admin Password: admin123 Vào mục Appearance => Menus => Page Menu => Home URL: chỉnh lại đường dẫn đến host bạn sử dụng 5/Chỉnh lại đường dẫn đăng nhập cho SidebarLogin nằm phía bên phải trang web Vào mục Settings/SidebarLogin/Links: Chỉnh lại Logged in links sau : Dashboard Profile =>Save options GVHD: TS Nguyễn Anh Tuấn SVTH: Thiên Phúc – Thiên Toàn 69 PHỤ LỤC D: Giao diện hình Hình 24 - Giao diện trang chủ Website GVHD: TS Nguyễn Anh Tuấn SVTH: Thiên Phúc – Thiên Toàn 70 Hình 25 - Giao diện xem lại thực đơn phát sinh GVHD: TS Nguyễn Anh Tuấn SVTH: Thiên Phúc – Thiên Tồn 71 Hình 26 - Giao diện tổng hợp nguyên liệu chợ cho tổng số ngày GVHD: TS Nguyễn Anh Tuấn SVTH: Thiên Phúc – Thiên Tồn 72 Hình 27 - Giao diện hiển thị danh sách loại ăn GVHD: TS Nguyễn Anh Tuấn SVTH: Thiên Phúc – Thiên Tồn 73 Hình 28 - Giao diện hiển thị ăn loại ăn GVHD: TS Nguyễn Anh Tuấn SVTH: Thiên Phúc – Thiên Tồn 74 Hình 29 - Giao diện trang FAQs GVHD: TS Nguyễn Anh Tuấn SVTH: Thiên Phúc – Thiên Tồn 75 Hình 30 - Giao diện hiển thị kết tìm kiếm theo ăn GVHD: TS Nguyễn Anh Tuấn SVTH: Thiên Phúc – Thiên Toàn 76 Hình 31 - Giao diện thể chi tiết ăn GVHD: TS Nguyễn Anh Tuấn SVTH: Thiên Phúc – Thiên Tồn 77 Hình 32 - Giao diện hiển thị Form liên lạc GVHD: TS Nguyễn Anh Tuấn SVTH: Thiên Phúc – Thiên Toàn 78 PHỤ LỤC E: Nơi lưu trữ mã nguồn Địa Website: http://www.icancook.com.vn/ Địa trang quản trị: http://www.icancook.com.vn/wp-admin - - GVHD: TS Nguyễn Anh Tuấn SVTH: Thiên Phúc – Thiên Toàn ... ngữ Dựa lợi ích mà nhóm thấy được, nhóm định xây dựng Website hỗ trợ nấu ăn, không hỗ trợ cung cấp thông tin lĩnh vực nấu ăn mà xây dựng dịch vụ hỗ trợ cho người dùng sử dụng thơng tin cách dễ... hội Facebook Một số kết đạt đề tài bao gồm:  Phiên thử nghiệm Website hỗ trợ nấu ăn kết hợp với việc truyền thông mạng xã hội Facebook  Dịch vụ trực tuyến hỗ trợ người dùng lên lịch nấu ăn ngày... đề tài Xây dựng Website iCanCook hỗ trợ nấu ăn kết hợp truyền thơng Facebook 1.2 Từ khóa Hệ thống quản trị nội dung - Wordpress, Ngôn ngữ đánh dấu siêu văn HTML, Ngơn ngữ lập trình siêu văn - PHP,