Thiết kế website tin tức bằng joomla

Bỏo cỏo ỏn tt nghip r-ờng Đại học Vinh Khoa Công nghệ thông tin ******************** trịnh văn kiệm tôn l-ơng đồ án tốt nghiệp Thiết kế website tin tøc b»ng joomla Vinh, 05/2010 Trị nh vă n Kiệ m – Tôn lương Bằ ng Báo cáo Đồ án tốt nghiệp MỤC LỤC MỤC LỤC LỜI MỞ ĐẦU Chương 1: GIỚI THIỆU CÀI ĐẶT APPSEVER VÀ JOOMLA! CÀI ĐẶT APPSEVER ĐỂ TẠO LOCALHOST 1.1 Giới thiệu chung Appsever 1.2 Cài đặt Appsever để tạo localhost CÀI ĐẶT JOOMLA! TRÊN LOCALHOST 11 DÙNG QUYỀN QUẢN TRỊ ĐỂ QUẢN LÝ THÀNH VIÊN XÂY DỰNG WEBSITE 15 Chương 2: 18 THIẾT KẾ CÁC THÀNH PHẦN CHÍNH 18 CHO WEBSITE 18 CÀI ĐẶT TEMPLATE 18 1.1 Giới thiệu template 18 1.2 Cài đặt template cho Joomla! 18 PHÂN LOẠI TIN TỨC 19 2.1 Tạo Section 19 2.2 Tạo Category 20 TẠO MENU CHO WEBSITE 20 TẠO BÀI VIẾT VÀ LIÊN KẾT BÀI VIẾT ĐẾN MENU 22 4.1 Tạo viết 22 4.2 Tạo liên kết viết đến Menu 23 Chương 3: TẠO CÁC MODULE CHO WEBSITE 25 Giới thiệu module 25 Cài đặt module 26 2.1 Module Login 26 2.2 Module footer show copyright website 27 2.4 Module show thành viên l nh đạo 29 2.5 Module show banner Hình ảnh hoạt động 30 2.5.1 Tạo Client banner 30 2.5.2 Tạo Catelogies Banner: 31 2.5.3 Tạo Banner 31 2.5.4 Show Banner giao diện website 32 2.6 Tạo menu Contact cho website 33 2.7 Module show vị trí truy cập 35 Chương 4: TẠO TRANG THƯ VIỆN HÌNH ẢNH VÀ TÀI LIỆU CHO WEBSITE 37 Tạo thư viện hình ảnh cho website 37 Xây dựng trang quản lý tài liệu upload/download DocMan cho website 38 2.1 Giới thiệu DocMAN: 38 Trị nh vă n Kiệ m – Tôn lương Bằ ng Báo cáo Đồ án tốt nghiệp 2.2 Cài đặt Docman 38 2.3 Chỉnh sửa cấu hình cho Docman 39 2.4 Thêm chủng loại tài liệu (category) Docman: 41 2.5 Tạo trang download/upload tài liệu: 41 Việt hoá cho DocMan 42 KẾT LUẬN 46 TÀI LIỆU THAM KHẢO 48 Trị nh vă n Kiệ m – Tôn lương Bằ ng Báo cáo Đồ án tốt nghiệp LỜI MỞ ĐẦU Ngày nay, Internet đ trở thành phần thiếu lĩnh vực phát triển x hội Theo thống kê vào tháng 03/2010 số lượng người đ tiếp cận với internet toàn giới xấp xỉ 400 triệu người, để thiết lập diện tổ chức, cá nhân với phần số này, website lựa chọn hiệu Bên cạnh tác dụng to lớn tổ chức khác nhau, website nơi chia sẻ kiến thức kết nối cộng đồng, thực đem lại nhiều lợi ích thiết thực Từ hiệu mà website mang lại, chúng em muốn tìm hiểu cách "Xây dựng thiết kế website" Có nhiều phần mềm, cơng cụ hỗ trợ thực thiết kế website, Joomla! hệ thống quản trị nội dung m nguồn mở số giới viết ngôn ngữ PHP kết nối đến sở liệu SQL Linh hoạt, đơn giản, tính tuỳ biến cao mạnh mẽ, nói Joomla!, sử dụng toàn giới từ trang web đơn giản ứng dụng phức tạp Việc cài đặt dễ dàng, quản lý đơn giản, đáng tin cậy Đó lý chúng em chọn Joomla để "Xây dựng thiết kế website" Giới thiệu tổng quan Joomla! : Joomla! có đặc tính bản: đệm trang (page caching) để tăng tốc độ hiển thị, lập mục, đọc tin RSS (RSS feeds), trang dùng để in, tin nhanh, blog, diễn đàn, bình chọn, bảng biểu, hỗ trợ tìm kiếm site hỗ trợ đa ngôn ngữ + Hiện Joomla! ứng dụng đối với: Các cổng thông tin điện tử, thương mại trực tuyến, báo chí trực tuyến, website cá nhân tổ chức + Dòng phiên 1.0.x: phiên phát hành ổn định sử dụng rộng r i Có nhiều thành phần mở rộng (component, module, ) Phiên (1.0.0) đời ngày 15.09.2005 Phiên tốt dòng 1.0.x 1.0.13 đời ngày 21.07.2007 + Dòng phiên 1.5.x đ phát triển Joomla! 1.5 RC1 vào cuối tháng năm 2007, đến đ nâng cấp đến 1.5.15 vào tháng năm 2009 Trị nh vă n Kiệ m – Tôn lương Bằ ng Báo cáo Đồ án tốt nghiệp Báo cáo gồm chương: Chương 1: Giới thiệu cài đặt Appsever Joomla! Chương 2: Thiết kế thành phần cho website Chương 3: Tạo module cho website Chương 4: Tạo trang thư viện hình ảnh load tài liệu cho website Chúng em xin gửi lời cảm ơn chân thành đến thầy giáo Tiến sỹ Nguyễn Trung Hòa đ giúp đỡ chúng em hoàn thành báo cáo Mặc dù có nhiều cố gắng Joomla hệ thống quản trị nội dung m nguồn mở tương đối nay, vốn kiến thức chưa sâu nên chắn báo cáo chúng em cịn nhiều thiếu sót, mong đóng góp ý kiến Thầy, Cơ giảng viên tồn thể bạn sinh viên Vinh, tháng 05 năm 2010 Sinh viên thực hiện: Trịnh văn Kiệm Tôn lương Bằng Trị nh vă n Kiệ m – Tôn lương Bằ ng Báo cáo Đồ án tốt nghiệp Chương 1: GIỚI THIỆU CÀI ĐẶT APPSEVER VÀ JOOMLA! CÀI ĐẶT APPSEVER ĐỂ TẠO LOCALHOST 1.1 Giới thiệu chung Appsever Để xây dựng website Joomla! localhost, cần phải có server ảo máy tính, Appsever software công cụ giả lập sever, hosting PC, ngồi Appsever cịn nhiều trình giả lập khác EasyPHP, Xampp, Wamp, VertrigoServ Appsever tích hợp sẵn tính Apache, MySQL, PHP phpMyadmin Ưu điểm Appsever chương trình hồn tồn miễn phí, dễ sử dụng nhẹ, phù hợp với máy cấu hình trung bình, tương thích cao đầy đủ chức để chạy PHP Tải chương trình trang chủ: www.appservnetwork.com 1.2 Cài đặt Appsever để tạo localhost a Các bước cài đặt Bư c 1: Chạy tập tin chương trình Bư c 2: Xuất giao diện chương trình Nhấn NEXT Bư c 3: Xuất License, chọn I argee Nhấn NEXT Trị nh vă n Kiệ m – Tôn lương Bằ ng Báo cáo Đồ án tốt nghiệp Bư c 4: Chọn đường d n cài đặt (mặc định C:\AppSev) Nhấn NEXT Bư c 5: Chọn Components, Ở Appsever đ tổ hợp cài đặt Apache, MySQL, PhpMyadmin Nhấn NEXT Trị nh vă n Kiệ m – Tôn lương Bằ ng Báo cáo Đồ án tốt nghiệp Bư c 6: Điền thông tin sever SeverName : localhost Email: Email quản trị viên Apache HTTP Port: 80 Nhấn NEXT Bư c 7: Tên mật MySQL Name: Root (mức ưu tiên cao nhất) Nhập password confirm password Nhấn NEXT Bư c 8: Chương trình tiến hành cài đặt Trị nh vă n Kiệ m – Tôn lương Bằ ng Báo cáo Đồ án tốt nghiệp Bư c 9: Hoàn tất cài đặt Chọn Start Apache Start MySQL để chương trình khởi động Nhấn FINISH Với cài đặt mặc định: C:\AppServ\www địa webroot, nơi copy file php vào C:\AppServ\mysql\data\ chứa CSDL MySQL, CSDL folder, để lưu liệu MySQL, copy folder thành nhiều b Kiểm tra Mở trình duyệt web, g địa chỉ: "http://localhost/ "(hoặc "http://127.0.0.1") Trình duyệt sau: Để xem đầy đủ thông tin sever vừa cài đặt, ta truy cập trang "http://localhost/phpinfo.php" Kết quả: Trị nh vă n Kiệ m – Tôn lương Bằ ng Báo cáo Đồ án tốt nghiệp Để đăng nhập sở liệu, vào trình duyệt "localhost/phpmyadmin", Hộp thoại xuất yêu cầu nhập User Name Password (User Name Password nhập cài đặt Appsever, mặc định User Name root) Kết quả: Trị nh vă n Kiệ m – Tôn lương Bằ ng 10 Báo cáo Đồ án tốt nghiệp Tittle: Tên chủ liên hệ Catelogies: Chọn nhóm liên hệ Linked to user: Chọn liên kết đến người dùng Infomation: Điền thông tin người liên hệ Contact's Position: Vị trí thư liên hệ Email : Email thư liên hệ Street Address: Địa đường Town/Suburb: Thị trấn/Tỉnh State/Country: Bang/Quốc gia Postal Code/Zip: Mã vùng Country: Quốc gia Telephone: Điện thoại Mobile Phone Number: Số di động Fax: Số máy Fax Web URL: Đường d n đến trang chủ Miscellaneous Information: Thông tin cá nhân Contact Image: Chọn hình liên hệ Contact Parameters: Cho phép ẩn/hiện thông số liên hệ Advanced Parameters: Tham số nâng cao Icon/ Text: Biểu tượng/chữ (văn bản/biểu tượng/No) Address Icon: Biểu tượng địa Email Icon: Biểu tượng thư Telephone Icon: Biểu tượng điện thoại Mobile Icon: Biểu tượng di động Trị nh vă n Kiệ m – Tôn lương Bằ ng 34 Báo cáo Đồ án tốt nghiệp Fax Icon: Biểu tượng Fax Miscellaneous Icon: Biểu tượng cá nhân Email Parameters: Thông số email E-mail Form: Biểu m u thư Description Tittle: Dịng miêu tả Banned e-mail: Đình email Banned Subject: Đình chủ đề Banned Text: Đình nội dung Nhấn Apply Save để kết thúc b Tạo menu Li n hệ cho website: Mở menu Menus/Main Menu chọn New: Select Menu Item Type/InteralLinks/Contacts/Contact/Standar Contact Layout Title: Liên Hệ (tên menu) Display in: chọn menu Parren Item: chọn menu chứa Parameters: Select contact: Chọn contact đ tạo Nhấn Apply Save để kết thúc Kết quả: 2.7 Module show vị trí truy cập Mở menu Extensions/ Module Manager chọn New/Breadcrumbs Trị nh vă n Kiệ m – Tôn lương Bằ ng 35 Báo cáo Đồ án tốt nghiệp Module Parameters: Show Home : Chọn Yes muốn đường d n trang chủ, chọn No muốn đường d n trang Text for Home Entry: Viết giới thiệu trang chủ ( hiển thị đường d n ) Show Last : Yes trang trước đó, chọn No khơng Nhấn Save để kết thúc Kết quả: Trị nh vă n Kiệ m – Tôn lương Bằ ng 36 Báo cáo Đồ án tốt nghiệp Chương 4: TẠO TRANG THƯ VIỆN HÌNH ẢNH VÀ TÀI LIỆU CHO WEBSITE Tạo thư viện hình ảnh cho website a Tạo thư viện hình ảnh com_imagesbrowser Mở menu Extensions/Install /Uninstall chọn đường d n đến com_imagesbrowser nhấn Upload File & Install Tạo Các Folder chứa event: Mở menu Components/Image Browser nhập tên folder nhấn Create Add ảnh theo event tên folder: Mở folder event nhấn Browser để chọn link ảnh Nhấn Upload để tải ảnh vào folder b Tạo menu "Thư viện ảnh": Tạo menu trỏ đến Components Image Browser: Trị nh vă n Kiệ m – Tôn lương Bằ ng 37 Báo cáo Đồ án tốt nghiệp Mở menu Menus/Main Menu chọn New Phần Select Menu Item Type chọn Image Browser/Gallery/ Default Gallery Layout Kết quả: Xây dựng trang quản lý tài liệu upload/download DocMan cho website 2.1 Giới thiệu DocMAN: Là thành phần mở rộng Joomla, DocMAN hệ thống quản lý tài liệu cung cấp dịch vụ Download tài liệu có tích hợp hệ thống tìm kiếm thống kê 2.2 Cài đặt Docman Mở menu Extensions/ Install/ Unistall Chọn đường d n vào file vừa tải nhấn Upload File& Install để tiến hành cài đặt Trị nh vă n Kiệ m – Tôn lương Bằ ng 38 Báo cáo Đồ án tốt nghiệp 2.3 Chỉnh sửa cấu hình cho Docman Mở menu Components/DocMan/Home/Configuration Tab General: Version: Phiên DocMAN 1.5.1 nhiên báo cáo em xin dùng 1.4.0 Path for storing files: Mặc định tài liệu DocMAN lưu thư mục AppServ\www\Joomla\dmdocuments Joomla! Tab Frontend: General Settings: Section is down: Nếu chọn "Yes" DocMAN cảnh báo người dùng truy cập vào tài liệu Mục cần dùng nâng cấp DocMAN muốn tạm thời vơ hiệu hóa việc Download tài liệu Extensions for viewing: Các kiểu file xem trực tiếp từ trình duyệt Number of per page: Số tài liệu hiển thị trang Nên chọn từ 10-20 Default Listing Order: Thứ tự liệt kê mặc định (theo tên hay theo ngày cập nhật ) Theme Icon Size: Kích thước icon gắn với kiểu file Trị nh vă n Kiệ m – Tôn lương Bằ ng 39 Báo cáo Đồ án tốt nghiệp Trim WhiteSpace: Chọn "Yes" muốn DocMAN tự động cắt bỏ ký tự trắng Extra Document Information Days for new: Khoảng thời gian để tài liệu đánh dấu tài liệu Downloads to be hot: Số lần download để tài liệu đánh dấu tài liệu hot Display licences: Hiện/Ẩn giấy phép kèm theo Permissions: Guest Permissions: Thiết lập quyền hạn guest danh sách "Guest" Frontend Permisions: Thiết lập nhóm người phép "Upload", phép "Approve" (phê duyệt), "Publish" (xuất bản) tài liệu Document Permissions: Thiết lập nhóm người phép "View" (xem), "Maitain" (bảo trì, cập nhật) Creator Permissions: Thiết lập quyền hạn người đ tạo tài liệu Tab Upload General Settings Upload methods: Phương thức upload (Upload file từ máy tính, Link từ server khác, Copy file từ server khác) Max filesize allowed when uploading: Kích thước tối đa phép upload Overwrite files: Ghi đè file trùng tên File Extensions Extensions Allowed: Các kiểu file phép upload User can upload all file types: Người sử dụng upload tất loại file Tùy chọn vô hiệu hóa tùy chọn File names Lowercase names: Tự động chuyển tên file sang dạng chữ thường (khơng có ký tự in hoa) Filenames with blanks: Cho phép/không cho phép tên file có khoảng trắng Trị nh vă n Kiệ m – Tôn lương Bằ ng 40 Báo cáo Đồ án tốt nghiệp Rejects filenames: Các tên file không phép upload Tab "Security" Anti-leech System: Cho phép chống lại site ăn cắp băng thông Allowed hosts: Danh sách host phép (chỉ có hiệu lực tùy chọn bật) Log views: Bật/không bật hệ thống theo d i việc download tài liệu 2.4 Th m ch ng loại tài liệu (category) tr n Docman: Mở trang quản trị Jooma! Mở menu Components/DocMAN Categories/Add: thêm chủng loại (category) Category Title: Nhập tiêu đề chủng loại (VD: Sách Văn học) Category Name: Nhập tên chủng loại (VD: Sách Văn học) Parent Item: Chọn mức chủng loại Image: Chọn ảnh đại diện cho chủng loại mục Access Level : Thiết lập mức quyền hạn truy cập vào tài liệu Published: Để bật chủng loại chọn "Yes" Description: Nhập thông tin chi tiết chủng loại tài liệu Nhấn Save để lưu lại 2.5 Tạo trang download/upload tài liệu: Mở menu Menus/Main Menu/New chọn DocMan Title: đặt tên menu (VD: Download) Parrent Item: vị trí menu Apply Save để kết thúc Kết quả: Trị nh vă n Kiệ m – Tôn lương Bằ ng 41 Báo cáo Đồ án tốt nghiệp Việt hoá cho DocMan Mở notepad++ copy đoạn code: