ĐỀ TÀI: XÂY DỰNG WEBSITE BẰNG MÃ NGUỒN MỞ DRUPAL GVHD: Phạm Thi Vương Nhóm 14: - Lê Vũ Hoài Thương 3107410197 - Hồ Thị Như Oanh 3107410180 - Trần Thị Bích Vân 3107410204 MỤC LỤC MỤC LỤC PHẦN 1: GIỚI THIỆU VÀ CÀI ĐẶT DRUPAL Lịch sử phát triển 1.2 Nền tảng .4 1.3 Ứng dụng 1.4 Đặc điểm .4 1.5 Liên kết .4 1.6 Các website thức từ drupal 1.7 Cài đặt sử dụng drupal PHẦN 2: CẤU HÌNH VÀ SỬ DỤNG MỘT TRANG WEB SỬ DỤNG DRUPAL 12 2.1 Giới thiệu trang Blog điện tử TOV! Plus 12 2.2 Quá trình cài đặt 13 2.3 Các module sử dụng .26 2.3.1 CCK (Content construction kit) .26 2.3.2 FCKeditor 28 2.3.3 IMCE .29 2.3.4 Mollom 30 2.3.5 Pathauto 32 2.3.6 Token .33 2.3.7 Service links 33 2.3.8 Fivestar 35 2.3.9.Voting API 37 PHẦN 1: GIỚI THIỆU VÀ CÀI ĐẶT DRUPAL Drupal khung sườn phát triển phần mềm hướng mô-đun, hệ quản trị nội dung miễn phí mã nguồn mở Cũng giống hệ quản trị nội dung đại khác, Drupal cho phép người quản trị hệ thống, tạo tổ chức liệu, tùy chỉnh cách trình bày, tự động hóa tác vụ điều hành quản lý hệ thống Drupal có cấu trúc lập trình tinh vi, dựa đó, hầu hết tác vụ phức tạp giải với đoạn mã viết, chí không cần Đôi khi, Drupal gọi "khung sườn phát triển ứng dụng web", kiến trúc thông minh uyển chuyển Drupal chạy nhiều môi trường khác nhau, bao gồm Windows, Mac OS X, Linux, FreeBSD, OpenBSD môi trường hỗ trợ máy phục vụ web Apache (phiên 1.3+) IIS (phiên 5+) có hỗ trợ ngôn ngữ PHP (phiên 4.3.3+) Drupal kết nối với sở liệu MySQL PostgreSQL để lưu nội dung thiết lập Lịch sử phát triển - Đầu tiên, Dries Buytaert, lập trình viên mã nguồn mở, tạo theo dạng hệ thống bảng tin (Tiếng Anh: bulletin board system) Đến năm 2001, Drupal trở thành chương trình mã nguồn mở Drupal, tiếng Anh, chuyển ngữ từ chữ "druppel" tiếng Hà Lan, nghĩa "giọt nước" - Từ tháng năm 2007 đến tháng sáu năm 2008, mã nguồn Drupal tải từ website http://drupal.org 1,4 triệu lần Hiện nay, có cộng đồng rộng lớn giúp đỡ phát triển Drupal - Tháng giêng năm 2009, Drupal 6.9, phiên nhất, công bố giải thưởng: * CMS nguồn mở danh giá năm 2009 nhà xuất Packt bình chọn, với giải CMS nguồn mở PHP tốt * CMS nguồn mở danh giá năm 2008 nhà xuất Packt bình chọn * CMS nguồn mở danh giá năm 2007 nhà xuất Packt bình chọn 1.2 Nền tảng * PHP * MySQL * PostgreSQL * Apache * JQuery * XMLRPC 1.3 Ứng dụng * Website thảo luận, website cộng đồng * Website nội (Intranet), website doanh nghiệp * Website cá nhân * Website thương mại điện tử * Thư mục tài nguyên * Hệ thống quản lý công trình phát triển phần mềm * Hệ thống quản lý quan hệ khách hàng 1.4 Đặc điểm * Hệ thống quản trị nội dung * PHP Framework * Blog * Môi trường cộng tác * Diễn đàn * Thư mục ảnh 1.5 Liên kết Các website hỗ trợ Drupal tiếng Việt: * Drupal Vietnam - Cộng đồng người Việt sử dụng Drupal * VietCO.OP - Chuyên trang dịch thuật Việt ngữ cho Drupal 1.6 Các website thức từ drupal * Website thức Drupal * DrupalSites - Danh mục Website sử dụng Drupal * Drupal Themes - Thư viện giao diện dành cho Drupal * Drupal Documentation - Tài liệu hỗ trợ cho phát triển viên 1.7 Cài đặt sử dụng drupal - Đầu tiên bạn cần code drupal ( tải địa chỉ: www.drupal.com) - Khi có code rùi bạn giải nén, tạo database host bạn (ở sử dụng XAMPP 1.6.0) , sau upload toàn folder Drupal 6.x lên host localhost ( xampp/htdocs/[folder Drupal 6.x) - Chọn Install in English - Thấy xuất hình, bạn làm sau Vào folder sites/default/default.settings.php , sau copy file default.settings.php thành file đổi tên file thành settings.php, lúc có file default.settings.php setttings.php - Khai báo thông tin database - Thiết lập thông tin trang web ( tên người quản trị, email, mật khẩu…) - Thiết lập thông tin admin - Bạn thấy giao diện thiết kế sau: - Chọn blocks vị trí bạn muốn thị giao diện website Ở chọn sau: Lưu ý: bạn muốn tự thiết kế block cho riêng bạn chọn tab Add Block tạo block theo ý muốn B12: Thêm tính cho web hoàn thiện giao diện ( admin người dùng) Hoàn tất website 2.3 Các module sử dụng 2.3.1 CCK (Content construction kit)  Giới thiệu: - Trước đây, loại liệu chính: Node, User, Comment, Taxonomy term (mỗi loại liệu có key (hay gọi property - thuộc tính) data) - Dữ liệu quản lý theo cách khác nhau, ví dụ Node có cách tương tác node (hook_nodeapi), User có cách tương tác user (hook_user) - Truy xuất theo cách khác - Lưu trữ theo cách khác - Điều dẫn đến truy xuất/mở rộng/chia khó khăn Hầu liệu mở rộng phụ thuộc vào node (vậy loại liệu phải phụ thuộc nhiều vào workflow cách tương tác node) Do vậy, CCK đời nhằm ghi ngắn gọn cấu trúc thông tin Drupal ( hay nói cách khác làm cho đường đẫn url trở nên trực quan hơn, dễ nhớ hơn)  Cài đặt cấu hình: - Tải gỏi CCK 6x máy địa www.drupal.com - Giải nén thư mục tạm, sau copy toàn thư mục vào xampp/localhost/htdocs/blogsite/all/modules - Trên giao diện admin, vào site building/ modules enable module CCK Trong đó: - Content: cho phép người quản trị định nghĩa kiểu liệu - Content copy: cho phép khả xuất/nhập định nghĩa trường liệu - Content Permissions: Thiết lập cấp quyền liệu - Fieldgroup: tạo nhóm hiển thị cho trường CCK - Node reference: định nghĩa kiểu để tham chiếu từ node đến node khác - Number: định nghĩa kiểu theo số thứ thự - Option Widgets: Định nghĩa vùng chọn,check box, radio button, hình ảnh cho chuỗi số - User reference: định nghĩa kiểu liệu tham chiếu đến người dùng từ node 2.3.2 FCKeditor  Giới thiệu - Bạn làm việc với CMS Wordpress, Joomla hay dotnetnuke, … thấy dễ dàng phần chúng tích hợp công cụ hỗ trợ soạn thảo trực quan gọi WYSIWYG giúp bạn dễ dàng tạo nội dung - Với người làm Drupal Khi cài Drupal bạn bỡ ngỡ thất vọng editor giúp bạn tạo nội dung cho viết Ngay lúc làm việc với Drupal vậy, công cụ giúp bạn mà bạn phải trình bày nội dung hoàn toàn tay với am hiểu HTML tốt tạo viết đẹp Và không kiên trì bạn bỏ qua Drupal - framework hoàn hoảo - công cụ editor Dùng FCKEditor bạn nên cài đặt với IMCE tốt IMCE giúp bạn quản lý file theo vai trò người dùng, quản lý hạn ngạch cấp phát cho người, … Tích hợp hai hiệu cho ứng dụng bạn  Cài đặt cấu hình - B1: vào link tải module FCKeditor http://drupal.org/project/fckeditor - B2: giải nén copy toàn thư mục fckeditor lên thư mục modules đường dẫn site/all/modules - B3: vào link tải fckeditor http://ckeditor.com/download, giải nén copy toàn thư mục vào đường dẫn: site/all/modules/fckeditor/fckeditor Sau đó, vào mục quản trị enable modules FCKeditor -B4 :Để upload file ảnh bạn mở file theo đường dẫn modules/fckeditor/fckeditor/editor/filemanager/connectors/php/config.php tìm dòng $Config['Enabled'] = false ; sửa thành $Config['Enabled'] = true ; B5: Mở file fckeditor.config.js thư mục /modules/fckeditor/ Server Bỏ dấu ghi phía trước dòng sau: FCKConfig.PluginsPath = ' / /plugins/' ; FCKConfig.Plugins.Add( 'drupalbreak' ) ; FCKConfig.Plugins.Add( 'drupalpagebreak' ) ; B6: Mở file config.php thư mục /modules/fckeditor/fckeditor/editor/filemanager/connectors/php/ Server tìm đến dòng: $Config['UserFilesAbsolutePath'] = '' ; thêm vào bên dòng lệnh sau: require_once " / / / / /filemanager.config.php"; B7: Mở file settings.php thư mục /sites/default/ tìm đến biến $cookie_domain đặt lại cho phù hợp với domain bạn B8: Để hiển thị nội dung soạn thảo bạn phải vào địa site/admin/settings/filters chọn Full HTML làm mặc định 2.3.3 IMCE  Giới thiệu - Chức đăng tin ban đầu Drupal đơn giản, không hỗ trợ chức chèn hình ảnh, định dạng Muốn dễ dàng soạn thảo nội dung, site sử dụng visual editor FCKEditor, TinyMCE, http://drupal.org/project/bueditor, Htmlarea Tuy nhiên, sử dụng add-on này, lại thấy phát sinh vấn đề: phải upload hình ảnh nơi trước internet, chèn ảnh vào trang nội dung, không tiện dụng cho lắm, không: - Chèn vào ảnh upload nào? - Chèn ảnh sau upload - - Giải trở ngại này, sử dụng module IMCE, việc giải vấn đề nêu trên, IMCE, có cung cấp số tính khác thú vị: - Mỗi role có thiết lập riêng: quota (giới hạn dung lượng upload), thư mục upload, chức resize ảnh - Mỗi người dùng có trang riêng để quản lý tập tin cá nhân upload - Upload tập tin ảnh - Chức tạo folder -  Cài đặt cấu hình Tải module IMCE tại: http://drupal.org/project/imce Giải nén upload lên thư mục: /sites/all/module Đăng nhập với tư admin, vào trang quản lý module, kích hoạt IMCE Cấu hình IMCE /admin/settings/imce 4.1 Common settings: Click chọn mục "Enable FCKEditor support" Phân quyền người dùng /admin/user/access Xác thực quyền sử dụng IMCE (access imce) cho số role định 2.3.4 Mollom  Giới thiệu - Mollom web dịch vụ kiểm duyệt nội dung thông minh Bằng cách giám sát hoạt động nội dung tất trang mạng Mollom, Mollom xác định vị trí có khả đăng thư rác hay không - Không nội dung đăng, mà hoạt động khứ danh tánh người gửi Trong thời gian ngắn, Mollom xử lý viết cách thông minh định nội dung không chấp nhận Do đó, Mollom cho phép bạn ,cho phép người dùng ẩn danh gửi bình luận nội dung khác trang web  Cài đặt cấu hình -Tải module mollom địa www.drupal.com - Giải nén thư mục tạm, sau copy toàn thư mục vào site/all/module - Sau đó, vào trang web mollom.com , đăng kí làm thành viên,vào manage site để lấy key: public private - Vào file configuration/ mollom /settings cop key vừa có lên access key 2.3.5 Pathauto  Giới thiệu - Module Pathauto module cho phép bạn ghi lại (rewrite) url viết (node) - VD: với module pathauto, viết thuộc kiểu blog bạn có chung dạng URL sau:/blog/[title] Tất nhiên bạn chỉnh 'blog' thành bạn muốn theo ý nghĩa riêng Mình để nguyên thêm /blog/dd-mm-yy/[title] cho có ngày tháng  Cài đặt cấu hình Trước tiên bạn cài module pathauto, token transliteration, sau tải file i18n-ascii.txt máy bạn, file thêm ký tự dành cho tiếng Việt Sau tải file về, bạn upload file vào thư mục sites/all server Vào thiết lập Automated alias settings đánh dấu chọn phần Transliterate prior to creating alias phần thiết lập chung (bạn phải có file i18n-ascii.txt copy chỗ đánh dấu chọn phần được) Từ trở pathauto tự động gán alias dựa theo tiêu đề viết bạn tự động xóa dấu tiếng Việt Giả sử tiêu đề viết bạn nội dung tự động gán alias noi-dung-chinh 2.3.6 Token  Giới thiệu - Hỗ trợ cho pathauto, tải cài đặt kèm theo pathauto  Cài đặt cấu hình -Tải module token địa www.drupal.com - Giải nén thư mục tạm, sau copy toàn thư mục vào site/all/module - Vào administrator để enable module token 2.3.7 Service links  Giới thiệu - Service links cho phép ngươì sử dụng dễ dàng chia sẻ nội dung website lên trang web xã hội khác như: facebook, twiter, yahoo  Cài đặt cấu hình -Tải module fivestar địa www.drupal.com - Giải nén thư mục tạm, sau copy toàn thư mục vào site/all/module - Vào administrator để enable module fivestar thiết lập tính Cấu hình cho kiểu nội dung bạn muốn sử dụng service links Chọn kiểu widget mà bạn muốn hiển thị 2.3.8 Fivestar  Giới thiệu - Fivestar module dùng để tạo giao diện bình chọn cho viêt với widget voting gọn nhẹ hấp dẫn cho website bạn  Cài đặt cấu hình -Tải module fivestar địa www.drupal.com - Giải nén thư mục tạm, sau copy toàn thư mục vào site/all/module - Vào administrator để enable module fivestar thiết lập tính - Để chèn biểu tượng vào viết, vào content types/[kiểu nội dung bạn muốn chèn bình luận]/fivestar setting enable fivestar rating: 2.3.9.Voting API  Giới thiệu - Một tảng hỗ trợ cho module voting rating (ở fivestar)  Cài đặt cấu hình -Tải module Voting API địa www.drupal.com - Giải nén thư mục tạm, sau copy toàn thư mục vào site/all/module - Vào administrator để enable module voting api thiết lập tính Lưu ý: tất module cần phải thiết lập quyền user Do vào administrator/user management