WHAT IS JOOMLA? See how easy it is! Author: Luong Khiem 11/9/2010 See how easy it is! WHAT IS JOOMLA? WHAT IS JOOMLA? See how easy it is! I) What is Joomla? Giới thiệu Joomla Ứng dụng Joomla Cài đặt Joomla II) Administrator Overview III) Tổng quan trang quản trị Cấu hình chung Quản lý ngơn ngữ Quản lý giao diện Quản trị nội dung Quản lý menu Quản lý Module, Component Advance Joomla Template Joomla Component SEO Bảo mật Website Joomla Trung tâm đào tạo an ninh mạng Tường Lửa | Luong Khiem 1 See how easy it is! WHAT IS JOOMLA? Trung tâm đào tạo an ninh mạng Tường Lửa | Luong Khiem 2 See how easy it is! WHAT IS JOOMLA? I) What is Joomla? Giới thiệu Joomla - Joomla phát âm theo tiếng Swahili 'jumla' nghĩa "đồng tâm hiệp lực" - Joomla! hệ quản trị nội dung mã nguồn mở (tiếng Anh: Open Source Content Management Systems) Joomla! viết ngôn ngữ PHP kết nối tới sở liệu MySQL , cho phép người sử dụng dễ dàng xuất nội dung họ lên Internet Intranet Joomla có đặc tính là: đệ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, lịch biểu, tìm kiếm Site hỗ trợ đa ngôn ngữ Joomla! sử dụng khắp nơi giới, từ website cá nhân hệ thống website doanh nghiệp có tính phức tạp cao, cung cấp nhiều dịch vụ ứng dụng Joomla dễ dàng cài đặt, dễ dàng quản lý có độ tin cậy cao Joomla có mã nguồn mở việc sử dụng Joomla hồn tồn miễn phí cho tất người giới - - - Ứng dụng Joomla - Các cổng thông tin điện tử website doanh nghiệp: Thương mại điện tử trực tuyến Báo điện tử, tạp chí điện tử Website doanh nghiệp vừa nhỏ Website quan, tổ chức phi phủ Website trường học Trung tâm đào tạo an ninh mạng Tường Lửa | Luong Khiem 3 See how easy it is! WHAT IS JOOMLA? - Website gia đình hay cá nhân Cài đặt Joomla 3.1 Cài đặt Home Server - - - - Joomla! Là hệ quản trị nội dung mã nguồn mở viết ngôn ngữ PHP kết nối với sở liệu MySQL để website Joomla chạy cần có server cài đặt PHP MySQL số module khác Thơng thường th Hosting từ nhà cung cấp dịch vụ Domain Hosting Để phục vụ cho việc học tập nghiên cứu tự minh xây dựng Home Server để chạy website Joomla máy Để xây dựng Home Server ta sử dụng nhiều ứng dụng khác như: Apache, XAMPP, Uniform Server, Với ưu điểm bật plugin tiện dụng dễ sử dụng Uniform Server lựa chọn Cài đặt Uniform Server:  Download Uniform Server tại: http://sourceforge.net/projects/miniserver/files/  Sau download ta chạy để giải nén Uniform Server:  Sau giải nén ta chạy file Start.exe để khởi động server Trung tâm đào tạo an ninh mạng Tường Lửa | Luong Khiem 4 See how easy it is! WHAT IS JOOMLA?  Start Server:  Như bạn cài đặt xong Home Server Trung tâm đào tạo an ninh mạng Tường Lửa | Luong Khiem 5 See how easy it is! WHAT IS JOOMLA? 3.2 Cài đặt Joomla Bước 1:Tạo sở liệu (CSDL) - Truy cập phpMyadmin để tạo CSDL cho website theo link: http://localhost/apanel/phpmyadmin Trung tâm đào tạo an ninh mạng Tường Lửa | Luong Khiem 6 See how easy it is! WHAT IS JOOMLA? Tạo CSDL cho website, ta đặt tên CSDL joomla - Bước 2: Cài đặt Joomla   Dowload source Joomla tại: http://www.joomla.org/download.html Giải nén source joomla vào thư mục WWW server Trung tâm đào tạo an ninh mạng Tường Lửa | Luong Khiem 7 See how easy it is! WHAT IS JOOMLA?  Để tiến hành cài đặt website ta chạy http://localhost/joomla/installation/index.php đường Trung tâm đào tạo an ninh mạng Tường Lửa | Luong Khiem dẫn: 8 See how easy it is! WHAT IS JOOMLA?    Bấm next để qua bước 2: Pre-installation Check Bước để kiểm tra cấu hình Server Bấm Next để qua bước 3: Licence Bước để giới thiệu quyền Joomla, Joomla mã nguồn mở nên khơng cần quan tâm bước nhấn Next để qua bước Ở bước khai báo thông tin CSDL cho website joomla Trung tâm đào tạo an ninh mạng Tường Lửa | Luong Khiem 9 See how easy it is! WHAT IS JOOMLA? Lời kết : HTML nói nguồn trang web , tất trang web dù ngôn ngữ phải sử dụng đến HTML 1.2 CSS 1.2.1 CSS CSS (Cascading Style Sheets) hiểu cách đơn giản cách mà thêm kiểu hiển thị (font chữ, kích thước, màu sắc ) cho tài liệu Web 1.2.2 Một số đặc tính CSS CSS quy định cách hiển thị thẻ HTML cách quy định thuộc tính thẻ (font chữ, màu sắc) Để cho thuận tiện bạn đặt tồn thuộc tính thẻ vào file riêng có phần mở rộng ".css" CSS phá vỡ giới hạn thiết kế Web, cần file CSS cho phép bạn quản lí định dạng layout nhiều trang khác Các nhà phát triển Web định nghĩa sẵn thuộc tính số thẻ HTML sau dùng lại nhiều trang khác Có thể khai báo CSS nhiều cách khác Bạn đặt đoạn CSS bạn phía thẻ , ghi file riêng với phần mở rộng ".css", ngồi bạn cịn đặt chúng thẻ HTML riêng biệt Tuy nhiên tùy cách đặt khác mà độ ưu tiên khác Mức độ ưu tiên CSS theo thứ tự sau Style đặt thẻ HTML riêng biệt Style đặt phần Style đặt file mở rộng css Style mặc định trình duyệt Mức độ ưu tiên giảm dần từ xuống CSS có tính kế thừa: giả sử bạn có thẻ khai báo đầu file css với thuộc tính sau: #vidu { width: 200px; height: 300px; } Trung tâm đào tạo an ninh mạng Tường Lửa | Luong Khiem 38 38 See how easy it is! WHAT IS JOOMLA? Ở chỗ file css bạn lại khai báo lần thẻ với thuộc tính #vidu { width: 400px; background-color: #CC0000; } Sau đoạn khai báo thẻ có thuộc tính: #vidu { width: 400px; /* Đè lên khai báo cũ */ height: 300px; background-color: #CC0000; } Template Joomla 2.1  Tổng quan template Joomla Hệ thống Template Joomla hệ thống dễ họ Content Managerment System (CMS) Dưới cấu trúc template Joomla: /templates /basic_template /css template_css.css /images index.php template_thumbnail.png templateDetails.xml Trong đó:  index.php Đây file giàn trang template  template_css.css Css stylesheet cho template (trang định kiểu)  templateDetails.xml File siêu liệu (metadata) theo định dạng XML  template_thumbnail.png Một mặt hình (screenshot) thu nhỏ template, thường khoảng rộng 140 pixel cao 90 pixel Trung tâm đào tạo an ninh mạng Tường Lửa | Luong Khiem 39 39 See how easy it is! WHAT IS JOOMLA? 2.2 Cài đặt template Joomla  Để cài đặt template Joomla bạn chọn: Phần mở rộng  Cài đặt/ Tháo gỡ  Chọn template  Tải lên cài đặt  Sau cài đặt template xong bạn cần chọn template làm mặc định để chạy template Bạn chọn: Phần mở rộng  Quản lý giao diện  Chọn giao diện  Chọn mặc định Trung tâm đào tạo an ninh mạng Tường Lửa | Luong Khiem 40 40 See how easy it is! WHAT IS JOOMLA? 2.3 Quản lý Template Với chức quản lý Template, Admin chỉnh sửa, cấu hình chức giao diện tồn trang web theo ý Để chỉnh sửa template trang “Quản lý giao diện” bạn click vào giao diện cần chỉnh sửa sau:        Chi tiết: Thông tin tên template mô tả template bạn Chỉ định menu: Chức giúp ta xây dựng trang website đa giao diện, chọn giao diện sử dụng menu giao diện chạy menu Các tham số: Khu vực để cấu hình giao diện mình, tùy theo giao diện cấu hình khác Xem trước: Chức xem trước giao diện để dễ dàng chỉnh sửa trước lưu lại giao diện Sửa HTML: Admin chỉnh sửa html template trực tiếp trang quản trị Sửa CSS: Chỉnh sửa CSS giao diện Lưu lại: Sau chỉnh sửa xong giao diện ta nhấn “Lưu lại” để hồn tất Trung tâm đào tạo an ninh mạng Tường Lửa | Luong Khiem 41 41 See how easy it is! WHAT IS JOOMLA?  Áp dụng: Bạn muốn lưu lại cấu hình muốn tiếp tục chỉnh sửa bạn chọn chức Component 3.1 Cài đặt Component Cài đặt Component tương tự việc cài đặt module, menu ta chọn: Phần mở rộng  Cài đặt/Tháo gỡ  Chọn component cần cài đặt  Tải lên cài đặt 3.2 Một số Component thông dụng 3.2.1 Component Gallery    Các “component gallery” Joomla giúp bạn xây dựng cho website biểu diễn hình ảnh website nội thất, thời trang, shop,… Joomla có cộng đồng phát triển component lớn, để download “component gallery” tại: http://extensions.joomla.org/extensions/photos-aimages/photo-gallery Joomla có nhiều “component gallery” có số component phổ biến thơng dụng như: Trung tâm đào tạo an ninh mạng Tường Lửa | Luong Khiem 42 42 See how easy it is! WHAT IS JOOMLA? Automicon Jphoto,… Gallery, sigPlus, Phoca Trung tâm đào tạo an ninh mạng Tường Lửa | Luong Khiem Gallery, 43 43 See how easy it is! WHAT IS JOOMLA? 3.2.2 Component Docman  Bạn muốn xây dựng trang web chia sẻ tài liệu,   bạn muốn xây dựng website giáo dục với giảng chia sẻ website bạn muốn chia sẻ tài liệu hướng dẫn sử dụng sản phẩm công ty,… Component Docman Component Joomla giúp chia sẻ tài liệu trực tuyến Component hỗ trợ chia sẻ loại file, thống kê file, số lượt download,… Bạn download component tại: http://www.joomlatools.eu/docman-14.html 3.2.3 Component Joomfish  Ngày website dần trở thành mặt doanh nghiệp, thông tin đến người dùng Trung tâm đào tạo an ninh mạng Tường Lửa | Luong Khiem 44 44 See how easy it is! WHAT IS JOOMLA?    truyền tải nhanh thông qua kênh website Cũng xu hội nhập website khơng ngơn ngữ mà địi hỏi cần thêm vài ngơn ngữ Joomfish xây dựng phục vụ cho việc xây dựng website đa ngơn ngữ, ngồi ngơn ngữ mặc định website Joomfish hỗ trợ cho bạn dịch ngơn ngữ khác Bạn muốn website chạy ngơn ngữ trước tiên bạn cần phải cài đặt gói ngơn ngữ “Quản lý ngơn ngữ” Joomfish có chức giúp bạn dịch từ ngôn ngữ mặc định sang ngôn ngữ khác Bạn download Joomfish tại: http://www.joomfish.net/downloads 3.2.4 Component Virtual Mart  Joomla khơng dừng lại CMS mà cịn phát triển website giới thiệu sản phẩm website thương mại điện tử Trung tâm đào tạo an ninh mạng Tường Lửa | Luong Khiem 45 45 See how easy it is! WHAT IS JOOMLA?    Virtual Mart component nói đứng đầu mảng component sản phẩm thương mại điện tử cho Joomla Virtual Mart hỗ trợ đầy đủ tính giới thiệu sản phẩm, bán hàng trực tuyến, quản lý đơn hàng, phiếu giảm giá,… Các bạn download Virtual Mart tại: http://virtuemart.net/downloads?task=view Trung tâm đào tạo an ninh mạng Tường Lửa | Luong Khiem 46 46 See how easy it is! WHAT IS JOOMLA? SEO 4.1 Giới thiệu SEO   SEO hay tối ưu hóa Website cho máy tìm kiếm nằm chiến dịch quảng bá Website từ viết tắt "Search Engine Optimization" "Search Engine Optimizers" Mục đích SEO nhằm cải thiện lượng truy cập chất lẫn lượng cho Website, trực tiếp đến từ trang kết máy tìm kiếm (Google, Yahoo, Microsoft) với số từ khóa định Phương pháp tối ưu SEO: Google, Yahoo hay Bing máy tìm kiếm xây dựng tiêu chuẩn để đánh giá, xếp hạng website Một website đáp ứng nhiều tiêu chuẩn máy tìm kiếm đánh giá tốt, hội lên TOP cao Hiện nay, có số cách thức quan trọng sau để thực SEO:  Title - Tiêu đề trang: khai báo thẻ Page Title website ngắn gọn, súc tích, webpage Các máy tìm kiếm đánh giá cao thẻ Page Title xúc tích, hàm chứa website  Description- Thẻ mơ tả: Nó giống đoạn tóm tắt nội dung website Khi khai báo Description phải viết ngắn gọn, xúc tích Desciption thơng thường đoạn text màu đen bên đường link, bên tiêu đề trang phần kết tìm kiếm  Từ khoá: Sử dụng thẻ meta keyword để thơng báo từ khóa website tối cơng cụ tìm kiếm Là cách giúp cơng cụ tìm kiếm nhanh chóng hiểu nội dung website  URL: Phải xây dựng URL tĩnh - hay URL thân thiện với người dùng máy tìm kiếm Trong URL thân thiện khơng nên có ký tự đặc biệt (%, $, ~, ) mà phải giống đường dẫn thư mục window Việc làm cơng cụ tìm kiếm dễ dàng việc tìm thu thập nội dung website Trung tâm đào tạo an ninh mạng Tường Lửa | Luong Khiem 47 47 See how easy it is! WHAT IS JOOMLA?      Dung lượng website: Máy tìm kiếm lưu trữ nội dung website Server riêng Nên website nhẹ (dưới 100KB) tốt cho việc lưu trữ thông tin quét thông tin máy tìm kiếm Xây dựng Backlink: Là việc trao đổi link, xây dựng liên kết tới website khác Việc trao đổi dựa trao đổi với website có nội dung chủ đề chất lượng tốt có hiệu cao Submit Website vào danh bạ web: danh bạ website tiếng cần thiết Google, Yahoo Hiện Google khơng cịn đánh giá cao việc khai báo vào danh bạ web sau chất lượng danh bạ web giảm, số danh bạ web bắt người đăng ký phải trả tiền Phát triển, xây dựng nội dung hướng tới Khách hàng: Content is King Máy tìm kiếm sinh để phục vụ người tìm kiếm Internet nên nội dung quan tâm Những Website có nội dung phong phú nằm TOP đầu Chọn lựa từ khóa: Là cách chọn cách từ khóa phù hợp với nội dung website, phù hợp với việc Search người dùng Từ khóa đề hỗ trợ máy tìm kiếm nên chọn lựa từ khóa đúng, xác bước vơ quan trọng, định thành công chiến dịch SEO 4.2 Tối ưu website Joomla cài đặt mod SEO 4.2.1 Tối ưu website Joomla  Tạo đường dẫn thân thiện với công cụ tìm kiếm: cấu hình “Cấu hình chung” Trung tâm đào tạo an ninh mạng Tường Lửa | Luong Khiem 48 48 See how easy it is! WHAT IS JOOMLA?  Bật tính nén website Gzip cấu hình chung  Bật Cache website  Việc tối ưu website quan trọng phần tối ưu giao diện website, cho giao diện nhẹ tốt, xóa bỏ tất lỗi CSS, Javascript  Tối ưu hình ảnh flash website Trung tâm đào tạo an ninh mạng Tường Lửa | Luong Khiem 49 49 See how easy it is! WHAT IS JOOMLA? 4.2.2 Cài đặt mod SEO  Plugin Jacompress: Plugin giúp nén tất CSS, Javascript website, giúp tối ưu tốc độ website, giảm dung lượng website Trung tâm đào tạo an ninh mạng Tường Lửa | Luong Khiem 50 50 See how easy it is! WHAT IS JOOMLA?  Component sh404SEF: Component giúp tạo đường link thân thiện với công cụ tìm kiếm, việc sử dụng cấu hình dễ dàng Bảo mật Website Joomla - Thường xuyên cập nhật phiên update cho website Joomla bạn - Nên download source Joomla http://joomlacode.org - Xóa tất template, module, component, plugin khơng sử dụng - Bảo vệ kỹ chức trang quản trị administrator để tránh truy cập trái phép - Tăng cường bảo vệ file “configuration.php” Trong trình xây dựng chỉnh sửa website cần kiểm tra kỹ source module, component, plugin, template trước tiến hành cài đặt sử dụng Chmod quyền thư mục 755 file 644 Chọn server an tồn để đặt website thuê server riêng để đặt website Trung tâm đào tạo an ninh mạng Tường Lửa | Luong Khiem 51 51 See how easy it is! WHAT IS JOOMLA? - Cài đặt số module, component security cho website joomla như: Jdefender, Ksecure,… The End! Trung tâm đào tạo an ninh mạng Tường Lửa | Luong Khiem 52 52 ... lực" - Joomla! hệ quản trị nội dung mã nguồn mở (tiếng Anh: Open Source Content Management Systems) Joomla! viết ngôn ngữ PHP kết nối tới sở liệu MySQL , cho phép người sử dụng dễ dàng xuất nội. .. IS JOOMLA? - Website gia đình hay cá nhân Cài đặt Joomla 3.1 Cài đặt Home Server - - - - Joomla! Là hệ quản trị nội dung mã nguồn mở viết ngôn ngữ PHP kết nối với sở liệu MySQL để website Joomla. .. IS JOOMLA? WHAT IS JOOMLA? See how easy it is! I) What is Joomla? Giới thiệu Joomla Ứng dụng Joomla Cài đặt Joomla II) Administrator Overview III) Tổng quan trang quản trị Cấu hình chung Quản