DỊCH VỤ CUNG CẤP THÔNG TIN TỔNG HỢP TRÊN CTNET KHOÁ LUẬN TỐT NGHIỆP

ĐẠI HỌC QUỐC GIA HÀ NỘI TRƢỜNG ĐẠI HỌC CÔNG NGHỆ Lại Thế Anh DỊCH VỤ CUNG CẤP THÔNG TIN TỔNG HỢP TRÊN CTNET KHOÁ LUẬN TỐT NGHIỆP ĐẠI HỌC HỆ CHÍNH QUY Ngành: Cơng nghệ thơng tin HÀ NỘI - 2011 ĐẠI HỌC QUỐC GIA HÀ NỘI TRƢỜNG ĐẠI HỌC CÔNG NGHỆ Lại Thế Anh DỊCH VỤ CUNG CẤP THƠNG TIN TỔNG HỢP TRÊN CTNET KHỐ LUẬN TỐT NGHIỆP ĐẠI HỌC HỆ CHÍNH QUY Ngành: Cơng nghệ thơng tin Cán hƣớng dẫn: ThS.Nguyễn Nam Hải HÀ NỘI - 2011 LỜI CẢM ƠN Trước tiên em xin gửi lời cảm ơn sâu sắc tới thầy giáo ThS Nguyễn Nam Hải – thầy trực tiếp hướng dẫn em hoàn thành khóa luận Em xin chân thành cảm ơn tới toàn thể giáo viên nhà Trường, đặc biệt thầy cô khoa CNTT bảo em suốt năm vừa qua suốt trình làm khóa luận Em xin gửi lời cảm ơn tới bạn lớp K52CC K52HTTT ủng hộ, khuyến khích em thời gian em học tập Trường Và cuối em xin tỏ lòng biết ơn vô hạn tới bố mẹ, anh chị em người bạn thân bên cạnh, động viên em suốt q trình thực khóa luận tốt nghiệp Tóm tắt nội dung Mục tiêu đề tài xây dựng hệ thống website tin tức có khả lấy tin tức tự động từ nguồn tin định trước thông qua rss Hệ thống chia làm thành phần chính: Phần quản lý hiển thị tin tức, phần có chức trang web tin tức bình thường; phần thứ phần tự động cập nhật tin tức, phần dựa vào rss để lấy thông tin viết, sau vào viết cụ thể lấy nội dung Lựa chọn hệ quản trị nội dung mã mở Wordpress cho phần quản lý, hiển thị tin tức framework mã mở CodeIgniter cho phần tự động cập nhật tin tức Sau nghiên cứu thành phần bản, plugin, hệ thống file giao diện Wordpress thành phần, url, model, controller, views CodeIgniter tiến hành thiết kế giao diện để tạo trang tin tức với Wordpress, tiếp tiến hành xây dựng hệ thống tự động cập nhật với CodeIgniter Kết xây dựng thành công dịch vụ cung cấp thông tin tổng hợp Lời cam đoan Khóa luận viết nhằm mục đích bảo vệ tốt nghiệp sinh viên Lại Thế Anh trường Đại học Công Nghệ - Đại học Quốc gia Hà Nội Tôi xin cam đoan kiến thức viết khóa luận có tài liệu cơng trình nghiên cứu người khác ghi rõ nguồn tham khảo Nếu tơi làm sai điều xin chịu hình thức kỉ luật nhà trường Mục lục Mở đầu Chƣơng Giới thiệu Wordpress, CodeIgniter RSS 1.1 Giới thiệu Wordpress 1.1.1 Wordpress gì? .4 1.1.2 Lịch sử 1.1.3 Các thành phần 1.1.3.1 Post(Bài viết) .4 1.1.3.2 Page(Trang) .4 1.1.3.3 Media(Thư viện hình ảnh/nhạc/video) 1.1.3.4 Links(Liên kết) 1.1.3.5 Comments(Bình luận) 1.1.3.6 Themes(Giao diện) 1.1.3.7 Plugins 1.1.3.8 Users(thành viên) 1.1.4 Tìm hiểu Plugins 1.1.4.1 Quản lý plugins 1.1.4.2 Viết plugin 1.1.5 Tìm hiểu Themes 1.1.5.1 Sử dụng Themes 1.1.5.2 Lập trình giao diện 10 1.2 Giới thiệu Codeigniter 14 1.2.1 Giới thiệu chung 14 1.2.2 Tính 14 1.2.3 Các khái niệm 15 1.2.3.1 Đường dẫn CodeIgniter 15 1.2.3.2 Controllers 16 1.2.3.3 Views 17 1.2.3.4 Models 19 1.3 Giới thiệu RSS 21 1.3.1 RSS gì? 21 1.3.2 Cách sử dụng 21 Chƣơng Xây dựng trang tin tức với Wordpress 23 2.1 Thiết kế giao diện 23 2.1.1 Các yêu cầu giao diện 23 2.1.2 Các thành phần giao diện 23 2.1.3 Thiết kế bố cục 23 2.1.3.1 Trang chủ: 23 2.1.3.2 Menu 24 2.1.3.3 Feature slide 24 2.1.3.4 Home cat 24 2.1.3.5 Chuyên mục 25 2.1.3.6 Bài viết 25 2.1.4 Giao diện sau thiết kế xong 25 2.1.4.1 Phần header 25 2.1.4.2 Phần menu 25 2.1.4.3 Phần Feature slide 26 2.1.4.4 Phần Home category 26 2.1.4.5 Phần News list News list 26 2.1.4.6 Phần sidebar1 27 2.1.4.7 Phần footer 27 2.1.4.8 Toàn trang chủ 28 2.1.4.9 Breadcrumbs 28 2.1.4.10 Bài viết category 29 2.1.4.11 Tin cũ 29 2.1.4.12 Toàn trang chuyên mục 30 2.1.4.13 Giao diện viết 31 2.1.4.14 Giao diện trang viết 32 2.2 Chuyển giao diện thiết kế vào wordpress 33 2.2.1 Các file giao diện 33 2.2.2 Một số plugin cần thiết 33 Chƣơng Xây dựng phần tự động cập nhật tin tức với CodeIgniter 34 3.1 Phân tích yêu cầu 34 3.1.1 Phần quản lý rss 34 3.1.2 Phần cập nhật tin tức 34 3.1.2.1 Duyệt rss 34 3.1.2.2 Đọc rss 34 3.1.2.3 Phân tích rss 34 3.1.2.4 Xử lý 34 3.1.2.5 Kiểm tra 34 3.1.2.6 Lưu trữ 35 3.2 Phân tích thiết kế 35 3.2.1 Thiết kế sở liệu 35 3.2.1.1 Mơ hình ERD 35 3.2.1.2 Chi tiết bảng 35 3.2.2 Thiết kế lớp 38 3.2.2.1 Model http 38 3.2.2.2 Model rss 38 3.2.2.3 Model rss_process 39 3.2.2.4 Model post_process 39 3.2.2.5 Model downloader 39 3.2.2.6 Model post_check 40 3.2.2.7 Model post 40 3.2.2.8 Model auto 40 Chƣơng Cài đặt triển khai 43 4.1 Cài đặt trang tin tức 43 4.1.1 Cài đặt Wordpress 43 4.1.2 Cài đặt Giao diện 46 4.1.3 Cài đặt Plugin 46 4.2 Cài đặt phần tự động cập nhật 46 4.2.1 Cấu hình CodeIgniter 46 4.2.2 Quản lý rss 47 4.2.2.1 Kích hoạt plugin Automatic news update 47 4.2.2.2 Menu quản lý RSS 47 4.2.2.3 Thêm RSS 47 4.2.2.4 Một số cài đặt khác 48 4.2.3 Thiết lập chạy tự động 48 4.2.3.1 Trên windows 48 4.2.3.2 Trên linux 48 4.3 Cấu hình auto 49 4.3.1 Cấu hình Rss 49 4.3.2 Các cài đặt khác 51 4.4 Cấu hình giao diện website 52 Kết 53 TÀI LIỆU THAM KHẢO 57 Danh mục hình ảnh Hình 1.1 Quản lý plugins Hình 1.2 Cài đặt plugin Hình 1.3 Quản lý giao diện .9 Hình 1.4 Cài đặt giao diện 10 Hình 1.5 Cài đặt giao diện từ file zip 10 Hình 1.6 Cấu trúc giao diện 11 Hình 2.1 Bố cục trang chủ 23 Hình 2.2 Bố cục menu 24 Hình 2.3 Bố cục feature slide 24 Hình 2.4 Bố cục chuyên mục trang chủ 24 Hình 2.5 Bố cục trang chuyên mục 25 Hình 2.6 Bố cục trang viết 25 Hình 2.7 Giao diện header 25 Hình 2.8 Giao diện menu 25 Hình 2.9 Giao diện Feature slide 26 Hình 2.10 Giao diện chuyên mục trang chủ 26 Hình 2.11 Giao diện danh sách tin tức 26 Hình 2.12 Giao diện cho sidebar thứ 27 Hình 2.13 Giao diện phần cuối trang web 27 Hình 2.14 Giao diện trang chủ 28 Hình 2.15 Giao diện điều hướng 28 Hình 2.16 Giao diện viết trang chuyên mục 29 Hình 2.17 Danh sách tin cũ 29 Hình 2.18 Tồn trang chun mục 30 Hình 2.19 Giao diện viết 31 Hình 2.20 Giao diện trang viết 32 Hình 3.1 Mơ hình ERD 35 Hình 4.1 Cài đặt wordpress 43 Hình 4.2 Tạo file cấu hình 43 Hình 4.3 Thơng tin kết nối CSDL 44 Hình 4.4 Cài đặt sẵn sàng 44 Hình 4.5 Các thơng tin cần thiết trước cài đặt 45 Chƣơng Cài đặt triển khai 4.1 Cài đặt trang tin tức 4.1.1 Cài đặt Wordpress Khi cho chạy wordpress chưa cài đặt tự hỏi cài đặt Hình 4.1 Cài đặt wordpress Chọn Create a Configuration file Hình 4.2 Tạo file cấu hình Chọn Let‟s go! 43 Hình 4.3 Thơng tin kết nối CSDL Điền đầy đủ thông tin CSDL chọn submit Hình 4.4 Cài đặt sẵn sàng Chọn Run the install 44 Hình 4.5 Các thơng tin cần thiết trước cài đặt Điền tên trang web, username, mật khẩu, email quản trị viên chọn install Hình 4.6 Cài đặt thành cơng Thơng báo việc cài đặt hoàn tất, bấm Log In để đăng nhập vào bảng điều khiển 45 4.1.2 Cài đặt Giao diện Vào trang quản lý giao diện kích hoạt giao diện CtNet News Hình 4.7 Giao diện danh sách 4.1.3 Cài đặt Plugin Các plugin quan trọng có sẵn, việc vào Trang quản lý plugin kích hoạt plugin sau - wp-pagenavi: Tạo phân trang - yet-another-related-posts-plugin: Lấy viết có liên quan - nicer-permalinks-for-vietnamese: loại bỏ dấu tiếng việt đường dẫn - WP-PostViews: Thống kê số lượng xem viết 4.2 Cài đặt phần tự động cập nhật 4.2.1 Cấu hình CodeIgniter - Mở file application/config/config.php sửa giá trị sau $config['base_url']= đường dẫn đến CodeIgniter gốc - Mở file index.php thêm vào trước dòng require_once BASEPATH.'core/CodeIgniter'.EXT; dòng 46 require_once 'PATH_TO_WORDPRESS/wp-load.php'; PATH_TO_WORDPRESS đường dẫn đến thư mục chứa wordpress 4.2.2 Quản lý rss 4.2.2.1 Kích hoạt plugin Automatic news update Vào trang quản lý plugin kích hoạt plugin Automatic news update 4.2.2.2 Menu quản lý RSS Menu quản lý RSS xuất hình Hình 4.8 Quản lý RSS 4.2.2.3 Thêm RSS Hình 4.9 Thêm RSS 47 4.2.2.4 Một số cài đặt khác Hình 4.10 Tùy chọn 4.2.3 Thiết lập chạy tự động 4.2.3.1 Trên windows Tạo file bat với nội dung: PHP_PATH\php.exe -f "AUTO_PATH\index.php" Trong PHP_PATH đường dẫn đến thư mục cài đặt PHP AUTO_PATH đường dẫn đến thư mục chứa auto Vào control panel -> Task Scheduler, tạo task với file cần chạy file bat vừa tạo 4.2.3.2 Trên linux - Định dạng crontab # Minute Hour Day of Month # (0-59) (0-23) - (1-31) 12 Month Day of Week User Command (1-12 or Jan-Dec) (0-6 or Sun-Sat) * 0,6 Để chạy Auto phút ta làm sau: Mở file /etc/crontab, thêm vào dịng sau * * * * * root php /path/to/auto/index.php 48 root touch /test.txt 4.3 Cấu hình auto 4.3.1 Cấu hình Rss Yêu cầu: Cần có trình duyệt firefox cài addon Firebug Chọn News-> Add Rss để thêm Rss  Rss name: Tên Rss, dùng để phân biệt Rss với quản lý Ví dụ: VnExpress Xã Hội  Rss url: Đường dẫn đến Rss Ví dụ: http://vnexpress.net/rss/gl/xa-hoi.rss  HTML node Vào xem viết từ rss chọn Sử dụng Firebug để tìm thẻ HTML chứa viết Tại trang chứa viết, bấm F12 để mở Firebug, cửa sổ firebug phía trang web Hình 4.11 Firebug Chọn cơng cụ tìm kiếm phần tử hình 49 Hình 4.12 Tìm kiếm phần tử Tiếp di chuyển chuột lên phần viết cho khung xuất bao toàn nội dung viết Hình 4.13 Chọn tin tức Nhìn xuống phía khung firebug ta thấy thẻ HTML chứa viết 50 Hình 4.14 Phần tử tìm thấy Cụ thể trường hợp Điền vào HTML node theo cấu trúc sau: Thẻ_HTML[Thuộc_Tính=Giá_Trị], ta cần chọn cho Thẻ_HTML, Thuộc_Tính, Giá_Trị xuất trang Ví dụ: Trong trường hợp ta chọn div[cpms_content=true]  Mục HTML node index Nếu trường hợp xuất nhiều ba Thẻ_HTML, Thuộc_Tính, Giá_Trị, ta cần rõ thứ tự có chứa nội dung đây, số thứ tự đánh từ Ví dụ: trường hợp tìm thẻ div giống sau: [Không chứa nội dung tin tức] [Nội dung tin tức] Thì ta cần điền vào mục HTML node index  Mục Check for new news every: Thiết lập thời gian kiểm tra định kỳ cho rss, tính phút  Mục Categories: Chọn chuyên mục cho viết cập nhật từ rss, chọn nhiều chuyên mục  Source Name: Tên nguồn tin mà ta cập nhật 4.3.2 Các cài đặt khác Từ bảng điều khiển chọn News->Setting để vào phần cài đặt  Match threshold: Thiết lập ngưỡng để lọc viết giống - Match type: Kiểu so sánh, word so sánh theo từ, sentence so sánh theo câu 51 - Title Match: Độ giống tiêu đề viết tính theo tỉ lệ % số từ giống tổng số từ - Excerpt Match: Độ giống phần giới thiệu cho viết tính theo tỉ lệ % số câu(từ) giống tổng số câu(từ) - Content Match: Độ giống nội dung viết, tính theo tỉ lệ % số câu(từ) giống tổng số câu(từ) - Average Match: Giá trị trung bình giá trị - Một viết bị loại bỏ có ngưỡng vượt ngưỡng khai báo  Download: Thiết lập nơi lưu trữ cho file tải - Download path: Thư mục lưu file tải - Full url to download path: Đường dẫn tới thư mục lưu file tải vể - Organize my downloads into month- and year-based folders: Phân chia thư mục dựa năm tháng Ví dụ tất hình ảnh tải tháng 5/2011 lưu thư mục 2011/05  Rss: Cài đặt cho rss - Max rss process: Số lượng rss tối đa xử lý cho lần Để khơng muốn giới hạn 4.4 Cấu hình giao diện website Từ trang quản trị, vào mục Themes -> CtNews theme option để tùy chỉnh giao diện Hình 4.15 Tùy chọn giao diện  Home page: tùy chỉnh cho trang chủ 52 - News list colunm 1: Tiêu đề cho cột tin tức thứ trang chủ, mặc định Việt Nam - Select categories for List 1: Lựa chọn chuyên mục lấy tin cho cột - News list column title: Tiêu đề cho cột tin tức thứ trang chủ - Select categories for List 2: Lựa chọn chuyên mục lấy tin cho cột  Menubar: Tùy chọn cho menu - Wordpress nav menu: Sử dụng menu wodpress - Show categories as menu: Sử dụng chuyên mục để làm menu  Top Ads: Phần quảng cáo đầu trang web Giao diện có cột chính, cột thứ cột thứ tương ứng với sidebar1 sidebar phần Widget Vào Theme -> Widget, đê kéo thả thành phần cần thiết vào sidebar tương ứng Hình 4.16 Chọn widget Kết Đã xây dựng thành công dịch vụ cấp tin tự động, chạy thử nghiệm localhost, cho kết tốt, tin tức lấy hoàn chỉnh chuẩn xác Một số hình ảnh chạy thử nghiệm 53 Trang chủ 54 Trang chuyên mục 55 Trang viết 56 TÀI LIỆU THAM KHẢO [1] http://codeigniter.com/ [2] http://codex.wordpress.org/ [3] http://vi.wikipedia.org/ [4] http://wordpressvn.net/ 57 ... theo từ chuyên mục 1.1.3.5 Comments(Bình luận) - Bình luận người xem viết trang - Gồm trường thơng tin người bình luận( tên, email, website) nội dung bình luận 1.1.3.6 Themes(Giao diện) - Giao diện... khuyến khích em thời gian em học tập Trường Và cuối em xin tỏ lịng biết ơn vơ hạn tới bố mẹ, anh chị em người bạn thân bên cạnh, động viên em suốt q trình thực khóa luận tốt nghiệp Tóm tắt nội dung... Lời cam đoan Khóa luận viết nhằm mục đích bảo vệ tốt nghiệp sinh viên Lại Thế Anh trường Đại học Công Nghệ - Đại học Quốc gia Hà Nội Tôi xin cam đoan kiến thức viết khóa luận có tài liệu cơng