Thiết kế Web với Joomla và một số thủ
thuật trong Joomla Collection by traibingo

1
Part 1

Thiết Kế Web Với JoomlaJoomla! là một hệ quản
trị nội dung mã nguồn mở (tiếng Anh: Open
Source Content Management Systems). Joomla! được viết bằng ngôn ngữ
PHP và kết nối tới cơ sở dữ liệu MySQL , cho phép người sử dụng có thể

Module có tên bắt đầu bằng mod_
Chúng ta có các module thông dụng:
 Lastest News (mod_latestnews): Module hiển thị các tin mới nhất
 Popular News (mod_mostreads): Module hiển thị các bài được quan
tâm nhiều nhất
 Related Items (mod_related_items): Module hiển thị các bài viết liên
quan
 Random Image (mod_random_image): Module hiển thị các ảnh
ngẫu nhiên
 Search Module (mod_search): Module công cụ tìm kiếm
 Login Module (mod_login): Module hiển thị form đăng nhập hệ thống
 Stats Module (mod_stats): Module hiển thị các thông tin thống kê về
hệ thống
 Menu Module (mod_mainmenu): Module hiển thị các menu của
website
 Banners Module (mod_banners): Moudule hiển thị các banner
quảng cáo

Khái niệm Front-end và Back-end
Front-end (tiền sảnh)
Front-end (tiền sảnh), còn được biết với tên gọi Public Front-end: phần
giao diện phía ngoài, nơi tiếp xúc với mọi người sử dụng. Bất cứ ai cũng
có thể trông thấy khi gõ đúng đường dẫn URL vào trình duyệt.
Front-end chứa 1 trang đặc biệt là FrontPage (homepage) - trang chủ.
Back-end (hậu sảnh)
Back-end, còn được biết với tên gọi Public Back-end, Administrator,
Control Pane: phần dành cho người quản trị. Những người bình thường

Collection by traibingo


VD2: Một Website về tin tức có thể bao gồm các Section: "Thể thao", "Văn
hóa", "Pháp luật"
Category là gì?
Category: Các chuyên mục, loại sản phẩm, loại dịch vụ được đề cập một
cách cụ thể hơn, chi tiết hơn.
VD1: Trong Section "Văn học" có các Category: "Tiểu thuyết", "Truyện
ngắn", "Hồi ký"
VD2: Trong Section "Thể thao" có các Category: "Bóng đá", "Quần vợt",
"Các môn thể thao khác"
Content là gì?
Content: Toàn bộ nội dung của một bài viết và thường gồm 2 phần:
 Phần giới thiệu (Intro Text): Phần này nêu ngắn gọn, tóm tắt hoặc là
ý mở đầu cho toàn bộ bài viết.
 Phần chi tiết (Description Text): Phần còn lại của bài viết.
Như vậy để tạo một bài viết chúng ta cần qua tối đa 3 bước và tối thiểu là 1
bước nếu đã co Section và Category:
1. Bước 1: Tạo Section: Vào Content > Section Manager
2. Bước 2: Tạo Category: Vào Content > Category Manager
3. Bước 3: Tạo Content: Vào Content > Article Manager > New

Collection by traibingo

5
Lựa chọn phiên bản của Joomla!

Một trong những thắc mắc thường gặp của
những người mới làm quen với Joomla là: Đâu là

Lựa chọn phiên bản để cài đặt

Cài đặt lần đầu, cài mới
Bạn nên chọn phiên bản Joomla 1.0.x, chọn bản mới nhất: Joomla 1.0.12
- Bước 1: Mở http://joomlacode.org/gf/project/joomla/frs/
- Bước 2: Chọn bản Joomla_1.0.12-Stable-Full_Package.zip (Stable: Ổn
định, Full: Đầy đủ)
Cài đặt ở chế độ nâng cấp
Nếu bạn đang dùng Joomla 1.0.x. VD: Joomla! 1.0.7 và muốn nâng cấp
lên Joomla! 1.0.12.
- Bước 1: Mở http://joomlacode.org/gf/project/joomla/frs/
- Bước 2: Chọn bản Joomla_1.0.7_to_1.0.12-Stable-Patch_Package.zip
(1.0.7 to 1.0.12)
- Bước 3: Giải nén và copy đè vào thư mục Joomla cũ.
Cài đặt ở chế độ phát triển, kiểm tra tính năng
Hiện tại Joomla đang phát triển dòng phiên bản Joomla! 1.5
Download link Joomla 1.5: http://dev.joomla.org/content/view/17/60/ Collection by traibingo

7
Part 2

Web Server là gì? HTML là gì? PHP là gì?

HTML là gì?
HTML (tiếng Anh, viết tắt cho HyperText Markup Language, tức là "Ngôn
ngữ Đánh dấu Siêu văn bản") là một ngôn ngữ đánh dấu được thiết kế ra
để tạo nên các trang web, nghĩa là các mẩu thông tin được trình bày trên

hay người thiết kế Web nói chung đó là cài đặt Web Server. Đa phần cảm
thấy rất chật vật trong việc cài đặt Apache (Web Server) + MySQL
(Database Server) + PHP và cấu hình sao cho chúng làm việc tốt với nhau.
Tuy nhiên có một giải pháp khá đơn giản và tiện lợi, đó là sử dụng gói cài
đặt tích hợp gồm Apache + MySQL + PHP + PHPMyAdmin (một công cụ
quản trị CSDL). Mọi việc cần làm chỉ còn là download bản cài đặt và tiến
hành cài đặt từng bước theo chỉ dẫn.
Chúng ta có 2 sản phẩm rất nổi tiếng là XAMPP và WAMP. Tuy nhiên với
mục đích cài đặt trên localhost để chạy thử thì WAMP chính là lựa chọn
đầu tiên và dễ dàng.
WAMP là gì?
WAMP: Một gói phần mềm Web Server tất cả trong một (All-in-One) gồm:
Apache, MySQL, PHP chạy trên nền Windows.

Collection by traibingo

9 Giao diện quản trị Webserver WAMP (Windows + Apache + MySQL +
PHP)
Các đặc điểm nổi trội của WAMP
 Có thể cài đặt WAMP dễ dàng.
 WAMP được cập nhật đều đặn.
 Cho phép lựa chọn các phiên bản PHP, MySQL khác nhau.

Collection by traibingo

10
 Rất tốt cho việc tạo máy chủ Web để chạy thử, thiết kế Website bằng

Nhấn nút [Finish] để hoàn tất quá trình cài đặt
Hoàn tất việc cài đặt và chạy thử
Sau khi cài đặt thành công, bạn sẽ thấy biểu tượng của WAMP ở góc màn
hình như dưới đây:

Collection by traibingo

13

 Để chạy thử, nhấn vào mục "localhost"
Hoặc mở trình duyệt và gõ địa chỉ http://localhost (hoặc http://127.0.0.1)

 Để quản lý cơ sở dữ liệu (database) nhấn vào mục "phpMyAdmin"
Hoặc mở trình duyệt và gõ vào địa chỉ http://localhost/phpMyAdmin
Hoặc http://127.0.0.1/phpMyAdmin

Collection by traibingo

14

Các chú ý khác:
Thư mục đặt website của bạn theo mặc định là "C:\wamp\www"
Để có thể truy cập từ máy tính khác nhấn vào mục "Put Online"

WAMP có thể cài đặt thành công trên IPhone
Collection by traibingo


16
Tham khảo thêm:
 Không truy cập được Joomla từ máy con
 Lỗi khi chạy web joomla ở 1 máy khác trong cùng mạng LAN
Dạng địa chỉ của Website
Thông thường bạn có thể sở hữu một trong 2 dạng địa chỉ Website:
1. Địa chỉ cơ bản. VD. yoursite.com, yoursite.vze.com
2. Địa chỉ con. VD. yoursite.com/web_cua_ban
Nếu Website của bạn ở dạng địa chỉ cơ bản
Khi thử nghiệm trên localhost bạn chỉ cần đặt toàn bộ hệ thống Website
trong "thư mục gốc chứa Web" mà phần mềm Web Server qui định.
Chẳng hạn đối với Apache, thư mục gốc chứa Web được khai báo thông
qua biến DocumentRoot trong file httpd.conf.
#
# DocumentRoot: The directory out of which you will serve your
# documents. By default, all requests are taken from this directory, but
# symbolic links and aliases may be used to point to other locations.
#
DocumentRoot "C:/wamp/www"
Nếu Website của bạn ở dạng địa chỉ con
Bạn có 2 cách để tạo website với dạng địa chỉ này
1. Cách 1: Tạo một thư mục con của "thư mục gốc chứa Web" với tên
là web_cua_ban. (Chẳng hạn thư mục gốc chứa Web: D:/www/ thì
thư mục chứa Website của bạn: D:/www/web_cua_ban/)
2. Cách 2 (khuyến cáo): Bạn có thể đặt thư mục chứa Web của bạn ở
bất cứ chỗ nào, không nhất thiết phải là một thư mục con của "thư
mục gốc chứa Web". Để triển khai theo giải pháp này bạn chỉ cần tạo
bí danh cho thư mục chứa Web của bạn.
Ở đây chỉ xin giới thiệu cách xử lý với Apache và WAMP:


+ PHPMyAdmin).
Các bước tiến hành như sau:

Collection by traibingo

18
Bước 1: Download
Download link: http://www.apachefriends.org/
Bước 2: Cài đặt
- Mở Linux shell và đăng nhập bằng tài khoản root
su
- Giải nén file cài đặt vào thư mục /opt
tar xvfz xampp-linux-1.5.3a.tar.gz -C /opt
Bước 3: Khởi động XAMPP
/opt/lampp/lampp start
Bước 4: Kiểm tra
Mở trình duyệt và gõ: http://localhost

Các chú ý khác
[1]. Sau khi cài đặt XAMPP khi gõ http://localhost trình duyệt sẽ tự động
chuyển hướng tới http://localhost/xampp. Để thay đổi mặc định ban đầu
này: Vào thư mục xampp/htdocs thay đổi (hoặc đổi tên hoặc xóa) file
index.php cho phù hợp với mục đích của mình.
[2]. Để tạo site dạng http://localhost/Joomla cần thêm đoạn code sau vào
file xampp/apache/conf/httpd.conf
Alias /Joomla/ "/www/Joomla/"
<Directory "/www/Joomla/">
Options Indexes FollowSymLinks MultiViews
AllowOverride all
Order allow,deny

// VD: root, yoursite

var $password = 'xxx'; // Mật khẩu của tài khoản MySQL nói trên.

var $db = 'xxx'; // Tên của database chứa website Joomla.
// VD: joomla, yoursite_joomla Collection by traibingo

20
var $dbprefix = 'jos_'; // Tiền tố của các bảng trong database. Mặc
định là: 'jos_'
Các thông số liên quan tới lưu trữ file
/* Server Settings */
var $absolute_path = 'xxx'; // Đường dẫn tuyệt đối tới nơi chứa Joomla.
// Các phiên bản Joomla 1.5 gần đây đã bỏ thông số
này
// VD: 'C:\\www\\joomla' (trên Windows)
// VD: '/home/yoursite.com/public_html' (trên Linux)

var $log_path = 'xxx'; // Đường dẫn lưu trữ các file log.
// VD: 'C:\\www\\joomla\\logs'
// Hoặc bạn có thể sử dụng một đường dẫn khác, miễn
là Writeable

var $tmp_path = 'xxx'; // Đường dẫn lưu trữ các file tạm.
// VD: '/home/yoursite.com/public_html/tmp'
// Hoặc bạn có thể sử dụng một đường dẫn khác, miễn
là Writeable

// VD: '/home/yoursite.com/public_html'

$mosConfig_cachepath = 'xxx'; // Đường dẫn tới nơi chứa các file cache.
// Sẽ sử dụng khi bật tính năng cache
// VD: 'C:\\www\\joomla\\cache'
// VD: '/home/yoursite.com/public_html/cache'
Thông số địa chỉ Website
$mosConfig_live_site = ''; // Địa chỉ Website.
// VD: 'http://yoursite.com/joomla', 'http://yoursite.com'
Collection by traibingo

22
Part 4

Upload Joomla 1.5 lên Server/Hosting
Rất nhiều bạn sau khi đã cài đặt Joomla thành công trên localhost và nay
muốn upload lên Server để chạy chính thức trên Internet nhưng đã phải
loay hoay rất lâu. Thực ra công việc rất đơn giản và chỉ mất vài phút, quan
trọng là bạn nắm được nguyên tắc và cẩn thận một chút. Bài viết sau hi
vọng sẽ giúp bạn cảm thấy làm việc với Joomla thật là dễ chịu.
Thao tác "upload Webstite Joomla" (hay website bất kỳ) lên
Server/Hosting chỉ gồm 3 bước:
 Upload thư mục chứa Website lên Server
 Nhập (import) dữ liệu từ localhost lên Server
 Chỉnh sửa các thông số
Bước 1: Upload thư mục chứa Website lên Server.
Bạn chỉ cần sử dụng một công cụ FTP (File Transfer Protocol) nào đó

'yoursite'
var $db = 'xxx'; //Tên database. VD: 'joomla'
var $dbprefix = 'xxx'; //Tiền tố của bảng. VD: 'jos_'
var $tmp_path = 'xxx'; //Đường dẫn tới thư mục tạm
var $log_path = 'xxx'; //Đường dẫn tới thư mục log
var $absolute_path = 'xxx'; //Địa chỉ tuyệt đối tới thư mục Joomla
?>
Nếu muốn hỗ trợ thêm truy cập FTP trong Joomla! bạn cần chỉnh sửa thêm
các thông số:
<?php
class JConfig {
var $ftp_host = 'xxx'; //IP của HOST. VD: '203.162.0.1'
var $ftp_port = 'xxx'; //Port FTP. Thường là '21'
var $ftp_user = 'xxx'; //Tên user có quyền upload file bằng FTP
var $ftp_pass = 'xxx'; //Mật khẩu FTP tương ứng
var $ftp_root = 'xxx'; //Đường dẫn tới thư mục Joomla
var $ftp_enable = 'x'; //'0': Disable, '1': Enable FTP
?>
Chú ý:

Collection by traibingo

24
 Nếu không cần thiết hãy tạm disbale các thông số liên quan tới FTP
$ftp_enable = '0';
 Địa chỉ Website của có thể là địa chỉ cơ bản (VD:
'http://yoursite.com') hoặc địa chỉ con (VD:
'http://yoursite.com/joomla') tùy theo bạn đặt Joomla ở thư mục
gốc trên Server hay lồng trong thư mục con.
 Địa chỉ tuyệt đối tới thư mục Joomla có thể là: