Bài 2 Cài Đặt Joomla

Bài 2Cài Đặt Joomla

Nhắc lại bài cũ

• Thế nào là 1 hệ thống quản trị nội dung?• Thế nào là một web CMS?• Joomla CMS bao gồm những thành phần nào?

Bài 2 - Cài đặt Joomla

Mục tiêu bài học

• Hiểu rõ cách thức thiết lập web server trên máy tính cánhân để chạy Joomla bằng phần mềm Wampserver;

• Hướng dẫn cài đặt website Joomla trên web server đượcthiết lập trên máy tính cá nhân;

• Hướng dẫn khởi tạo và cấu trúc nội dung websiteJoomla;

• Hướng dẫn tạo hệ thống menu và điều hướng websiteJoomla

• Hiểu rõ cách thức thiết lập web server trên máy tính cánhân để chạy Joomla bằng phần mềm Wampserver;

• Hướng dẫn cài đặt website Joomla trên web server đượcthiết lập trên máy tính cá nhân;

• Hướng dẫn khởi tạo và cấu trúc nội dung websiteJoomla;

• Hướng dẫn tạo hệ thống menu và điều hướng websiteJoomla


Cài đặt và sử dụng Wampserver

- WampServer là 1 phần mềm nguồn mở được phát triểnbởi Romain Bourdon và là phần mềm được cài đặt trênhệ điều hành Windows giúp tạo ra web server trên máytính cá nhân để làm môi trường chạy các ứng dụng webđược lập trình bằng ngôn ngữ PHP và kết nối với cơ sởdữ liệu mySQL như Joomla.

- Wampserver là 1 bộ bao gồm: PHP, Apache và mySQL.Phiên bản Wampserver 2.0i là phiên bản được sử dụngphổ biến nhất vì khả năng tương thích với nhiều mãnguồn. Có thể tải Wampserver 2.0i tại địa chỉhttp://wampserver.com

- WampServer là 1 phần mềm nguồn mở được phát triểnbởi Romain Bourdon và là phần mềm được cài đặt trênhệ điều hành Windows giúp tạo ra web server trên máytính cá nhân để làm môi trường chạy các ứng dụng webđược lập trình bằng ngôn ngữ PHP và kết nối với cơ sởdữ liệu mySQL như Joomla.

- Wampserver là 1 bộ bao gồm: PHP, Apache và mySQL.Phiên bản Wampserver 2.0i là phiên bản được sử dụngphổ biến nhất vì khả năng tương thích với nhiều mãnguồn. Có thể tải Wampserver 2.0i tại địa chỉhttp://wampserver.com



Sau khi tải wampserver 2.0i (file WampServer2.0i.exe) về máy,Click đúp vào file cài đặt WampServer2.0i.exe để tiến hành cài đặt.Sau khi Click đúp vào file WampServer2.0i.exe, xuất hiện mànhình như sau, Click vào nút Next:



• Tiếp tục chọn I accept the agreement và bấm Next.



•Chọn nơi cài đặt, mặc định C:\wamp, khuyến cáo nên cài đặt ở ổ đĩakhông phải ổ đĩa hệ thống. Tránh trường hợp máy cài lại Hệ Điều Hành, cóthể chạy trực tiếp luôn mà không cần cài đặt lại phiền phức, và không mấtdữ liệu:



• Nhập email của bạn sau đó bấm Next



• Nhấn Finish để hoàn thành quá trình cài đặt



Khởi động Wampserver

Khi cài đặt thành công hãy kíchhoạt biểu tượng Wampservertrên Desktop, bạn sẽ thấy mộtbiểu tượng hình tròn nhỏ bên gócdưới tay phải của màn hình. Clickchuột trái vào đó và chọn StartAll Services để khởi động hệthống web server.


Khi cài đặt thành công hãy kíchhoạt biểu tượng Wampservertrên Desktop, bạn sẽ thấy mộtbiểu tượng hình tròn nhỏ bên gócdưới tay phải của màn hình. Clickchuột trái vào đó và chọn StartAll Services để khởi động hệthống web server.

Cài đặt Joomla

-Tải gói cài đặt Joomla phiên bản 1.5 tại địa chỉhttp://joomla.org - Gói cài đặt tải về máy ở dạng filenén định dạng .zip-Giải nén file vừa tải về vào trong một thư mục, giả sử thưmục có tên là duan1.-Sao chép thư mục duan1, và dán vào bên trong thư mụcwww (thư mục www nằm trong thư mục cài đặtwampsever - Có thể mở thư mục www bằng cách Clickchuột trái vào biểu tượng wampserver hình tròn góc dướibên tay phải (taskbar) rồi chọn www directory

-Tải gói cài đặt Joomla phiên bản 1.5 tại địa chỉhttp://joomla.org - Gói cài đặt tải về máy ở dạng filenén định dạng .zip-Giải nén file vừa tải về vào trong một thư mục, giả sử thưmục có tên là duan1.-Sao chép thư mục duan1, và dán vào bên trong thư mụcwww (thư mục www nằm trong thư mục cài đặtwampsever - Có thể mở thư mục www bằng cách Clickchuột trái vào biểu tượng wampserver hình tròn góc dướibên tay phải (taskbar) rồi chọn www directory


Cài đặt Joomla

Click chuột tráivào biểu tượngwampserverhình tròn gócdưới bên tayphải (taskbar)rồi chọnLocalhost,trang chủ củawamp sẽ hiệnra như sau:


Click chuột tráivào biểu tượngwampserverhình tròn gócdưới bên tayphải (taskbar)rồi chọnLocalhost,trang chủ củawamp sẽ hiệnra như sau:

Cài đặt Joomla

Tại trang chủ của wampserver (http://localhost) tìm đến mục Your Projectsvà Click chuột vào mục duan1 để tiến hành cài đặt Joomla với màn hình hiệnra như trong hình, đây là bước 1, lựa chọn ngôn ngữ cài đặt, chọnEnglish(US) để sử dụng tiếng Anh cho phần cài đặt sau đó chọn Next:


Cài đặt Joomla

Bước 2: Kiểm tra cấu hình hệ thống, chọn Next


Cài đặt Joomla

Bước 3: Đọc thông tin bản quyền, chọn Next


Cài đặt Joomla

Bước 4:Thiết lập các thông số kết nối cơ sở dữ liệu, rồi chọn Next


Cài đặt Joomla

Bước 5: Thiết lập thông số FTP, rồi chọn Next


Cài đặt Joomla

Bước 6: Thiết lập thông số cấu hình website Joomla, rồi chọn Next


Cài đặt Joomla

Kết thúc quá trình cài đặt Joomla, trên màn hình xuất hiện dòng thông báobằng tiếng Anh yêu cầu phải xóa hoặc đổi tên thư mục installation


Cài đặt Joomla

Sau khi xóa hoặc đổi tên thư mục installation, websiteJoomla đã được khởi tạo trên web sever của máy tính cánhân. Chúng ta có thể truy cập trang Frontend của web vàtrang Backend của web bằng cách sau:-Truy cập trang Frontend theo đường dẫn:http://localhost/duan1-Truy cập trang Backend theo đường dẫn:http://localhost/duan1/administratorĐể đăng nhập vào trang Backend, sử dụng User Namemặc định sau khi cài đặt Joomla là admin, và Passwordđể đăng nhập là Password đã khai báo trong bước 6 củaquá trình cài đặt Joomla

Sau khi xóa hoặc đổi tên thư mục installation, websiteJoomla đã được khởi tạo trên web sever của máy tính cánhân. Chúng ta có thể truy cập trang Frontend của web vàtrang Backend của web bằng cách sau:-Truy cập trang Frontend theo đường dẫn:http://localhost/duan1-Truy cập trang Backend theo đường dẫn:http://localhost/duan1/administratorĐể đăng nhập vào trang Backend, sử dụng User Namemặc định sau khi cài đặt Joomla là admin, và Passwordđể đăng nhập là Password đã khai báo trong bước 6 củaquá trình cài đặt Joomla


Cài đặt Joomla

Sau khi đăng nhập, màn hình trang Backend như sau:


Xây dựng cấu trúc nội dung web Joomla

Nội dung website Joomla ở dạng các bài viết được quản lýtại mục Content, trong mục Content có các trình đơn:-Article Manager: quản lý các bài viết;-Article Trash: Lưu những bài viết đã bị xóa, những bài viếttrong mục này có thể được khôi phục;-Section Manager: Quản lý các nhóm tin (section) - Bêntrong nhóm tin chứa các chuyên mục (category);-Category Manager: Quản lý các chuyên mục (category), -Bên trong mỗi chuyên mục là những bài viết và mỗi chuyênmục đều nằm trong một nhóm tin nào đó.

Nội dung website Joomla ở dạng các bài viết được quản lýtại mục Content, trong mục Content có các trình đơn:-Article Manager: quản lý các bài viết;-Article Trash: Lưu những bài viết đã bị xóa, những bài viếttrong mục này có thể được khôi phục;-Section Manager: Quản lý các nhóm tin (section) - Bêntrong nhóm tin chứa các chuyên mục (category);-Category Manager: Quản lý các chuyên mục (category), -Bên trong mỗi chuyên mục là những bài viết và mỗi chuyênmục đều nằm trong một nhóm tin nào đó.


Cấu trúc nội dung web Joomla

• Nội dung website Joomla các phiên bản 1.0 và 1.5 có cấu trúc 3tầng: Section/Category/Article

• Nội dung website Joomla các phiên bản 1.6, 1.7, 2.5 có cấu trúcđa tầng không giới hạn: Category/.../Category/.../Article.

• Các bài viết trong website Joomla có thể nằm trong 1 chuyên mụcnhất định, cũng có thể nằm tự do không thuộc chuyên mục nào.

Cấu trúc phân tầng nội dung website Joomla• Nội dung website Joomla các phiên bản 1.0 và 1.5 có cấu trúc 3

tầng: Section/Category/Article• Nội dung website Joomla các phiên bản 1.6, 1.7, 2.5 có cấu trúc

đa tầng không giới hạn: Category/.../Category/.../Article.• Các bài viết trong website Joomla có thể nằm trong 1 chuyên mục

nhất định, cũng có thể nằm tự do không thuộc chuyên mục nào.


Hệ thống điều hướng web Joomla

Hệ thống điều hướng web Joomla được quản lý tại mục Menu,với các trình đơn:•-Menu Manager: quản lý các khối trình đơn trên website;•-Menu Trash: Lưu các trình đơn đã bị xóa;•-Phía dưới 2 trình đơn trên là các khối trình đơn trên website.

Đặc điểm hệ thống điều hướng website JoomlaHệ thống điều hướng web Joomla được quản lý tại mục Menu,với các trình đơn:•-Menu Manager: quản lý các khối trình đơn trên website;•-Menu Trash: Lưu các trình đơn đã bị xóa;•-Phía dưới 2 trình đơn trên là các khối trình đơn trên website.


Hệ thống điều hướng web Joomla

Các loại trình đơn


Các loại trình đơn

Trình biên tập (Editor)• Trình biên tập WYSIWYG được tích hợp sẵn trong Joomla là Tiny MCE (hình

dưới). Người dùng Joomla có thể cài thêm các trình biên tập khác vàoJoomla để sử dụng


Tổng kết bài học

• Với CMS mà cụ thể ở đây là Joomla, người dùng dễ dàngcó thể khởi tạo một website trên web server cho dù làweb server trên domain thật hay trên loclahost.

• Nội dung của website Joomla 1.5 có cấu trúc 3 tầng gồmSection - Category - Article. Việc khởi tạo và quản lý nộidung web Joomla được triển khai tại mục Content

• Website Joomla có nhiều khối danh mục (menu), mỗikhối lại có nhiều trình đơn bên trong, có nhiều loại trìnhđơn khác nhau. Việc quản lý các khối danh mục hay cáctrình đơn được thực hiện tại mục Menu.

• Với CMS mà cụ thể ở đây là Joomla, người dùng dễ dàngcó thể khởi tạo một website trên web server cho dù làweb server trên domain thật hay trên loclahost.

• Nội dung của website Joomla 1.5 có cấu trúc 3 tầng gồmSection - Category - Article. Việc khởi tạo và quản lý nộidung web Joomla được triển khai tại mục Content

• Website Joomla có nhiều khối danh mục (menu), mỗikhối lại có nhiều trình đơn bên trong, có nhiều loại trìnhđơn khác nhau. Việc quản lý các khối danh mục hay cáctrình đơn được thực hiện tại mục Menu.


Documents

Bài 2 Cài Đặt Joomla