SKKN 2011: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC

MỞ ĐẦU
1.

LÝ DO CHỌN ĐỀ TÀI:

- Trong những năm gần đây sự bùng nổ của công nghệ thông tin là rất
nhanh chóng, tin học được ứng dụng rất rộng rãi trong tất cả các lĩnh vực từ
thương mại, cơ khí, du lịch, giáo dục, … Một trong những yếu tố giúp công
nghệ thông tin phát triển vượt bậc là Internet, mà Website là một trong những
công cụ giúp Internet đến với mọi người, mọi nhà, mọi lĩnh vực. Các công ty,
doanh nghiệp, cơ sở sản xuất lớn nhỏ hay nhà nông muốn mọi người biết đến
sản phẩm, lĩnh vực của mình thì đều cần phải có trang web. Trong sự bùng nổ
đó các trường học củng không thể đứng ngoài cuộc, trường cần thông báo
tuyển sinh, giới thiệu với mọi người về cơ sở vật chất của trường mình thì
củng cần phải có trang web.
Nhưng đối với những doanh nghiệp lớn việc bỏ ra khoảng 10 triệu
đồng để thuê các công ty thiết kế Web viết trọn gói thì rất dễ dàng, còn với
trường học việc có trang web chỉ mang mục đích giới thiệu mà bỏ ra từng đó
tiền là khó khăn. Mặt khác, đa số giáo viên tin học ở các trường là những
người không chuyên về viết Web. Vậy thì có giải pháp nào cho việc vừa tiết
kiệm tiền vừa có được trang web chuyên nghiệp để nhà trường giới thiệu
trường mình trên Internet. Xin giới thiệu giải pháp “Mã nguồn mỡ Jomla –
Giải pháp cho Website trường học”.
Vì sao chọn giải pháp này? Vì với Jomla người thiết kế web không cần
phải có kiến thức sâu về ngôn ngữ lập trình Web như ASP, PHP, ASP.NET
… Mà chỉ cần có những kỹ năng cơ bản về thiết kế trang web mà thôi, còn mã
nguồn đã có sẳn chúng ta chỉ đóng vai trò Design(thiết kế) lại theo đúng tiêu
chí của một website giáo dục và phù hợp với điều kiện của trường mình là
được. Với yêu cầu chỉ cần biết thiết kế bố cục trang web, nên với những giáo

viên tin học của các trường có thể làm được một trang web và Upload lên
mạng giới thiệu với cộng đồng mạng về trường của mình. Việc tự thiết kế sẽ
giảm được chi phí thuê lập trình web, mặt khác việc tự thiết kế sẽ giúp chúng
THPT TRƯỜNG CHINH

-

GV: NGUYỄN QUANG ÁNH

1


SKKN 2011: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC

ta có thể chọn lựa bố cục và các đề mục phù hợp với điều kiện thực tế của
trường.
2.

LỊCH SỬ VẤN ĐỀ NGHIÊN CỨU:

- Trong khoảng thời gian từ năm 2003 đến nay, từ khi mới ra trường tôi
luôn quan tâm đến Website. Và luôn trăn trở tìm hiểu, học hỏi làm sao để có
một Website vừa chuyên nghiệp, vừa đẹp, vừa tiện sử dụng và phù hợp với
điều kiện thực tế của trường. Sau nhiều lần lang thang trên mạng tôi phát hiện
mã nguồn mở Jomla chuyên dùng để thiết kế trang web được cả cộng đồng
người dùng trên mạng cùng nhau phát triển. Nên tôi quyết định sử dụng Jomla
để làm trang web cho trường, các bạn có thể xem trang web của trường tôi với
mã nguồn mở Jomla tại địa chỉ: www.thpttruongchinhdl.edu.vn hoặc website
của Sở Giáo Dục và Đào Tạo ĐăkLăk tại địa chỉ: www.daklak.edu.vn.
Jomla là một mã nguồn rất dễ sử dụng và được phát triển rổng rải,

nhưng để có thể làm chủ được nó chúng ta cần phải có thời gian và công sức
đầu tư cho nó. Chứ không phải cứ nói bắt tay vào là làm được ngay, nhưng
với tin thần “không có gì là không thể” thì tôi tin bất cứ giáo viên tin học nào
chịu khó thì có thể làm được Website với mã nguồn mở Jomla.

THPT TRƯỜNG CHINH

-

GV: NGUYỄN QUANG ÁNH

2


SKKN 2011: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC

NỘI DUNG
1.

MỤC TIÊU NGHIÊN CỨU:
- “Mã nguồn mở - Giải pháp cho Website trường học” xác định mục

tiêu là sau khi nghiên cứu xong thì bất kỳ ai củng có thể tự mình thiết kế được
một Website cho trường học không kém phần chuyên nghiệp so với bỏ ra một
số tiền lớn để thuê các công ty thiết kế web viết. Phải tự làm trang web hoàn
chỉnh trên localhost(máy ở nhà), rồi sau đó Upload lên Hosting và cấu hình
cho website chạy được thì bạn đã đi được nữa chặng đường vinh quang rồi
đó. Sau đó phải phân quyền và bảo mật cho website là một công việc đòi hỏi
thời gian và công sức rất nhiều, người nào không kiên nhẫn và chịu khó thì
nữa đường đứt gánh là chuyện bình thường.

2.

PHẠM VI NGHIÊN CỨU:
- Chúng ta chỉ cần quan tâm đến những vấn đề cần thiết để có thể thiết

kế được một Website, các công cụ hổ trợ, các bước cài đặt, và bố cục của một
Website giáo dục là như thế nào? Mà chủ yếu ở đây chính là thao tác với mã
nguồn mở Jomla.
Thời gian nghiên cứu sẽ phụ thuộc vào người nghiên cứu, với tôi thì đã
nghiên cứu về Jomla từ năm 2008, và cho upload website chạy được 2 năm.
Để có thể lập trình được một Website chuyên nghiệp thì cần có nhiểu
người(mỗi người làm một công đoạn), ở đây chúng ta muốn một mình làm
nên tất cả thì cần sử dụng mã nguồn mở, vì mã nguồn mở có nhiều người
cùng phát triển, nên có rất nhiều lợi thế nhưng củng có rất nhiều nhược điểm
cần phải khắc phục. Sau đây xin phân tích một số ưu và nhược điểm của mã
nguồn mở Jomla.

 Ưu điểm:
+ Mã nguồn mở nên miễn phí không phải mua bản quyền.
+ Sử dụng ngôn ngữ lập trình Web miễn phí là PHP.
+ Sử dụng hệ cơ sở dữ liệu miễn phí là My SQL.

THPT TRƯỜNG CHINH

-

GV: NGUYỄN QUANG ÁNH

3



SKKN 2011: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC

+ Có nhiều người cùng cùng phát triển hợp thành cộng đồng rộng lớn trên
Internet.
+ Dễ dàng tiếp cận và thiết kế, chỉnh sữa mã nguồn.

 Nhược điểm:
+ Mã nguồn mở nên có nhiều người biết thì dễ bị phát hiện lỗ hỏng.
+ Mẫu Website phát triển chung cho nhiều lĩnh vực nên sẽ dư thừa các đoạn
code khi ứng dụng vào một lĩnh vực, cụ thể ở đây là giáo dục thì sẽ có những
mục không bao giờ dùng tới.
3.

ĐỐI TƯỢNG NGHIÊN CỨU:
- Việt hóa mã nguồn mở Jomla và thiết kế theo cấu trúc của một

Website giáo dục là những đối tượng cần nghiên
cứu. Chúng ta cần hoàn chỉnh về nội dung và
giao diện của Website trên localhost trước khi
xuất bản trang web trên internet. Để có thể cài
đặt trên Jomla trên máy, chúng cần chuẩn bị một số thứ sau:

 Chuẩn bị:
+ Wamp5 là chương trình tạo máy dịch vụ Web(Web Sever) trên máy cá
nhân. Địa chỉ Dowload như sau: />+ Gói mã nguồn mở Jomla phiên bản chính thức mới nhất tại địa chỉ:
hoặc />
Click vào đây để
Download
+ Gói việt hóa Dowload tại địa chỉ: />

THPT TRƯỜNG CHINH

-

GV: NGUYỄN QUANG ÁNH

4


SKKN 2011: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC

+ Một số Modul cần thiết tại địa chỉ: />
+ Một số template joomla(giao diện cho Jomla) tại địa chỉ:
/>
THPT TRƯỜNG CHINH

-

GV: NGUYỄN QUANG ÁNH

5


SKKN 2011: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC

4.

NHIỆM VỤ NGHIÊN CỨU:
- Cài đặt Jomla trên máy cá nhân, việt hóa, chỉnh sửa cho phù hợp là


nhiệm vụ của chúng ta. Để cài đặt thành công chúng ta cần chuẩn bị đầy đủ
các phần mềm cần thiết như nói ở trên.
 Cài đặt máy chủ dịch vụ:
Wamp5 là chương trình tạo máy dịch vụ Web (Web Server) trên máy
tính cá nhân (Localhost) được tích hợp sẵn Apache, PHP, MySQL và các
công cụ như PHPmyadmin, SQLitemanager. Ưu điểm của Wamp5 là đơn
giản, dễ sử dụng.

Sau khi download về xong chúng ta vào nơi lưu trữ để cài đặt, chạy tập
tin WampServer2.1e-x32.exe và làm theo hướng dẫn là ta
đã có một máy cá nhân có thể chạy được Jomla. Nếu chưa
rõ bạn có thể xem thêm phần phụ lục bài 1.
THPT TRƯỜNG CHINH

-

GV: NGUYỄN QUANG ÁNH

6


SKKN 2011: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC

 Tạo cơ sở dữ liệu cho Website:
- Database là cơ sở dữ liệu được tạo ra để sử dụng cho các trang web
động, nó chứa các thông tin và nội dung do người sử dụng hoặc do các ứng
dụng web tạo ra. Các Web Site động sẽ truy xuất các dữ liệu trong Database
để hiển thị lên trang web khi được
yêu cầu.
* Các bước tạo Database cho Jomla:

 Vào Internet Explore gõ
localhost-> Enter.
 Click vào phpmyadmin.
 Gõ tên cơ sở dữ liệu(ví dụ:
truongchinh_database).
 Click nút Create.

- Tới đây thì việc chuyển bị cho máy chủ cá nhân đã xong, bây giờ chúng ta
chỉ cần cài đặt Jomla và có thể bắt đầu chỉnh sửa thiết kế Website được rồi.
Có thể tham khảo thêm bài 2 ở phần phụ lục.
5.
PHƯƠNG PHÁP NGHIÊN CỨU:
- Phương pháp hiệu quả nhất để tìm
hiểu một vấn đề gì đó về công nghệ công tin
THPT TRƯỜNG CHINH

-

GV: NGUYỄN QUANG ÁNH

7


SKKN 2011: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC

là tự thực hành và trải nghiệm. Hãy tự mình thực hành và tự mày mò để tự
tìm ra chân lí. Đây là một phương pháp hiệu quả nhất để nghiên cứu đề tài
này.
Tiếp theo chúng ta sẽ cài đặt Jomla lên máy chủ vừa cài và bắt đầu trải
nghiệm với Jomla 1.5.22.

1. Cài đặt Jomla 1.5.22 trên máy cá nhân:

5.

- Để cài đặt Jomla chúng ta vào nơi download về tìm phiên bản jomla
cần cài đặt. Ở đây ta chọn phiên bản 1.5.22, copy vào thư mục jomla của đĩa
D:\Wamp\www và giải nén. Xong mới tiến hành cài đặt jomla. Hoặc có thể
tạo thư mục Jomla trong www và giải nén tất các tập tin vào trong thư mục
Jomla.







Vào Internet Explore gõ localhost-> Enter.
Click vào Next.
Click vào Next.
Click vào Next.
Gõ các thông tin như
hình bên.
 Click vào Next.
THPT TRƯỜNG CHINH

-

GV: NGUYỄN QUANG ÁNH

8



SKKN 2011: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC

 Click vào Next.
 Điền các thông tin như tên Website, địa chỉ email người quản trị
Website, tên tài khoản và mật khẩu người quản trị.
Click nút Install Defaul Sample Data.
Tới đây chúng ta đã hoàn thành cài đặt jomla vào thư mục chứa
Website xóa thư mục installation đi và chạy lại trang web để xem thử, lúc này
một trang web mặc định sẽ chạy lên. Chúng ta cần vào phần quản trị(phần
Admin) để chỉnh sửa lại. Có thể tham khảo thêm bài 3 ở phần phục lục.

5.

2. Việt hóa Website:
- Sau khi cài đặt xong vào trình duyệt web gõ http://localhost/jomla thì

một trang web xuất hiệu với giao diện tiếng Anh như trên. Việc tiếp theo là
chúng ta phải việt hóa cho trang web. Có hai phần front-end(phần tiền sảnh)
và back-end(phần quản trị) tương ứng với hai tập tin: joomla-1.5_viVN_front-end.zip và joomla-1.5_vi-VN_back-end.zip download trên mạng
về.
- Tiến hành việt hóa: Có hai cách việt hóa là tự việt hóa hoặc sử dụng hai tập
tin đã làm sẳn, ở đây ta tiến hành theo cách thứ hai.
 Vào trình duyệt web gõ http://localhost/jomla/administrator
 Gõ tài khoản là: admin và mật khẩu khi cài đặt là abc123.

THPT TRƯỜNG CHINH

-


GV: NGUYỄN QUANG ÁNH

9


SKKN 2011: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC

 Click vào Extension->Install/Uninstall.

 Click vào nút Browse… Chọn nơi lưu trữ các tập tin joomla1.5_vi-VN_front-end.zip và joomla-1.5_vi-VN_back-end.zip.

THPT TRƯỜNG CHINH

-

GV: NGUYỄN QUANG ÁNH

10


SKKN 2011: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC

 Click nút Upload File & Install.
 Click vào Extension->Language Manager.
 Bấm chọn vào Viet Nam.
 Click nút Default và kiểm tra kết quả.

5.


3. Chỉnh sửa các menu và nội dung trang web:
- Trước khi tiến hành thiết kế Website cho trường mình chúng ta cần

hình dung xem thử trang web của trường cần có những mục gì, cần có menu
gì, cần truyền tải những nội dung gì? Chúng ta có thể tham khảo một số mẫu
website sau đây trước khi tiến hành thiết kế.

THPT TRƯỜNG CHINH

-

GV: NGUYỄN QUANG ÁNH

11


SKKN 2011: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC

Baner
Logo

Menu Top
(Danh mục trên)

Menu chính
(Danh mục chính)

Modul trái(left)

Nội dung tin mới đưa


Danh mục chính

Các tin mới đưa.

Các Modul phải(Right)

THPT TRƯỜNG CHINH

-

GV: NGUYỄN QUANG ÁNH

12


SKKN 2011: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC

Chúng ta hãy quan sát trang chủ Joomla và dễ nhận thấy rằng, các module,
component đã được bố trí như sau:

Tùy vào điều kiện của từng trường mà chúng ta sẽ thiết kế giao diện và
các danh mục cho phù hợp, nhưng vì đều là trường học nên xin đề nghị một
mẫu dạng web cho giáo dục, các danh mục chính này có thể dùng chung cho
các trường học(đây chỉ mang tính chất gợi ý).

THPT TRƯỜNG CHINH

-


GV: NGUYỄN QUANG ÁNH

13


SKKN 2011: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC

Trước khi tạo các menu chính thì hãy tạo các chủ đề(Section) và chủ đề
con(Category) trước, cách tạo như tạo cây thư mục vậy. Ví dụ(tham khảo chi
tiết ở bài 4 phần phụ lục):
Chủ đề

Chủ đề con

SÁNG KIẾN KINH NGHIỆM
SKKN
SKKN-TIN HỌC

SKKN-TOÁN HỌC

SKKN-HÓA HỌC

* Tạo chủ đề như sau:
 Đăng nhập vào quản trị chọn Section Manager.
 Bấm nút New và gõ tên chủ đề như hình sau.

 Bấm nút Save.
* Tạo chủ đề con như sau:
 Đăng nhập vào quản trị chọn Category Manager.
 Bấm nút New và gõ tên chủ đề con như hình sau.


THPT TRƯỜNG CHINH

-

GV: NGUYỄN QUANG ÁNH

14


SKKN 2011: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC

 Bấm nút Save
* Tạo danh mục chính(Main menu):

- Sau khi đã tạo đầy đủ các chủ đề và chủ đề con phù hợp với đặc thù
của trường mình ta sẽ tiến hành tạo các danh mục chính cho website.
Menu Item là những mục Menu cho phép người sử dụng truy cập vào
các chuyên mục của trang web. Joomla! cho phép tạo ra nhiều Menu Item
giống hoặc khác nhau với các kiểu hiển thị có các chức năng đa dạng. Sau đây
là cách tạo một số Menu Item cơ bản(tham khảo chi tiết ở bài 5 phụ lục).
* Tạo Menu Item hiển thị nội dung - Article:
 Đăng nhập vào quản trị chọn Menus->main menu*.
 Bấm nút New sẽ hiện ra hình sau:

THPT TRƯỜNG CHINH

-

GV: NGUYỄN QUANG ÁNH


15


SKKN 2011: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC

Hiển thị danh sách các nội dung-Article có thuộc tính lưu trữ
Hiển thị toàn bộ nội dung của một bài viết-Article
Hiển thị khung soạn thảo để viết bài viết mới-Article
Hiển thị nội dung của một chủ đề con dưới dạng tóm tắt-Blog
Hiển thị nội dung của một chủ đề con dưới dạng danh sách
Hiển thị các nội dung được chọn hiển thị trên Front Page
Hiển thị nội dung của một chủ đề dưới dạng tóm tắt-Blog
Hiển thị nội dung của một chủ đề dưới dạng danh sách

 Chọn một loại Menu trong danh mục hiện ra.
 Điền thông tin cho đây đủ tùy theo từng loại menu.
 Bấm save để hoàn thành tạoMenu.
* Thiết lập thông số căn bản cho menu
Category: Chọn một category để hiển thị tất cả bài viết trong category đó.
Tên chọn lúc này có dạng ten_section/Ten_category.
Description: Hiển thị mô tả của category đó. Giá trị Hide là ẩn, và show là
hiển thị. Mô tả được lấy ra khi tạo category

THPT TRƯỜNG CHINH

-

GV: NGUYỄN QUANG ÁNH


16


SKKN 2011: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC

Description Image: Hiển thị ảnh đại diện của category. Ảnh đại diện được
lấy ra khi tạo category
#Leading: Số lượng bài viết mở đầu. Nếu menu được qui định nhiều cột thì
bài viết mở đầu sẽ chạy ngang qua tất cả các cột ở dưới và luôn luôn nằm ở
trên cùng của phần hiển thị nội dung các bài viết
#Intro: Số lượng bài viết giới thiệu trên 1 trang. Số lượng này sẽ được phân
bố theo kiểu 1 cột hay nhiều .
Colums: Số cột hiển thị nội dung. Nếu số cột lớn hơn 1, số lượng các bài viết
trong #Intro sẽ được phân chia thành nhiều cột khi chọn tham số Columns.
#Links: Số lượng bài viết liên quan. Hiển thị danh sách liên kết những bài
viết khác nếu số lượng bài viết nhiều hơn số lượng khai báo trong #intro.
* Một số loại menu khác:
 Menu Item hiển thị phần liên hệ - Contact:

Hiển thị tất cả các liên hệ trong chủ đề con
Hiển thị phần liên hệ

 Menu Item cấp tin News Feeds:

THPT TRƯỜNG CHINH

-

GV: NGUYỄN QUANG ÁNH


17


SKKN 2011: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC

• Một số thiết lập cho Menu:

•
•
•

•
•
•

•

ID: Đây là mã số danh định của Menu Item, được đánh số tự động.
Title: Tên của Menu Item, tên này sẽ xuất hiện trên Menu của trang
Web.
Alias: Tên dành cho Joomla! quản lý, có thể tự đặt còn nếu để trống thì
Joomla! sẽ tự đặt theo Title nhưng không có dấu và khoảng cách. Tên
này thường dùng trong chức năng SEO/SEF.
Link: Địa chỉ liên kết của Menu Item này.
Display in: Chọn hiển thị trong Menu nào.
Parent Item: Chọn cấp độ cho Menu Item, Top là cao nhất còn nếu
chọn tên Menu Item nào thì Menu Item này sẽ là Menu Item phụ (Sub)
của Menu Item được chọn.
Published: Trạng thái hiển thị để sử dụng, No là không hiển thị và Yes
là hiển thị.


THPT TRƯỜNG CHINH

-

GV: NGUYỄN QUANG ÁNH

18


SKKN 2011: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC

Order: Sắp xếp thứ tự vị trí cho Menu Item, thứ tự này có thể thay đổi
được trong Menu Item Manager.
• Access Level: Chọn mức độ truy cập, Publish: bất cứ ai cũng truy cập
được Menu Item này, Registered: Những thành viên sau khi đăng nhập
mới truy cập được, Special: Chỉ có các thành viên được cấp quyền đặc
biệt mới truy cập được.
• On Click, Open in: Chọn các trạng thái mở của trình duyệt khi nhấn
•

vào Meu Item này.
* Tạo bài viết mới:
- Các bài viết(Content) trong joomla được tổ chức vào các Nhóm tin(Session
hay Chủ đề) và các Chủ đề con(category). Việc bố trí và sắp xếp các bài viết
vào các đơn vị trên phụ thuộc vào cấu trúc nội dung của từng website. Chúng
ta nên tổ chức thông tin theo dạng cây từ Session -> category -> Content và
định hình cấu trúc trước khi bắt tay vào tạo các đơn vị thông tin trên website.
Khi đã định hình được cấu trúc thông tin của website thì chúng ta tạo lần lượt
từ trên xuống. Tạo các Session trước rồi đến các category trong Session đó.

Sau khi hoàn thiện các Session và category rồi mới tiến hành viết bài viết vào
các đơn vị thông tin này.
Để viết bài mới hoặc đưa lại tin trên một số báo mạng về hình thức là
như nhau thay vì gõ từng chữ thì chúng ta sẽ copy các nội dung từ báo mạng
về để đưa tin trên website của mình. Lưu ý khi đưa tin thì đề nguồn gốc của
bài là được. Bây giờ chúng ta cùng trãi nghiệm việc lấy tin trên báo mạng.
 Đăng nhập vào quản trị và chọn Add New Article.

 Copy tiêu đề bài viết dán vào dòng Tile.
 Chọn chủ đề ở dòng Section.
 Chọn Yes ở dòng Pulished để bài viết được hiện thị.
 Chọn Yes ở dòng Front Page để bài viết hiện thị ở trang chủ, No là
trang con.
 Chọn chủ đề con ở dòng Category.
THPT TRƯỜNG CHINH

-

GV: NGUYỄN QUANG ÁNH

19


SKKN 2011: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC

 Chèn ảnh rồi bấm save. (Tham khảo thêm bài 6 phụ lục).
* Lưu ý: Bài viết khi copy trên mạng nên Paste vao Word và loại bỏ các định
dạng web trước(Clear Formatting), để có thể hiểu thị được trên Jomla.
5.


4. Thay đỗi giao diện của trang web(template):
- Giao diện quyết định tính thẩm mỹ của Website, nên việc thay đổi

giao diện là một việc không thể thiếu. Có thể tự thiết kế giao diện hoặc có thể
tìm kiếm trên mạng, vì jomla là mã nguồn mở nên trên mạng không thiếu thứ
gì. Có thể vào www.jomla24.com để download về cài đặt và sử dụng cho
nhanh.

 Đăng nhập vào phần quản trị và chọn Extensions->Install/Uninstall.

THPT TRƯỜNG CHINH

-

GV: NGUYỄN QUANG ÁNH

20


SKKN 2011: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC

 Bấm Browse… chọn nơi lưu trữ tập tin
template download về.
 Bấm Upload file & install.
 Chọn Extensions-> Template manager.
 Chọn template thích hợp.
 Click nút Default và thử chạy lại trang chủ
để xem kết quả..
- Chúng ta có thể chỉnh sửa code của template
bằng cách bấm chọn template->Edit->Edit HTML-> rồi chỉnh sửa(nếu biết về

lập trình web).
5.

5. Thêm các modul(mở rộng) vào website:
- Để website thêm sinh động chúng ta cần cài đặt thêm những đoạn

chương trình mở rộng dành cho jomla có sẳn hoặc tự tạo. Ví dụ như phần thay
đỗi hình ảnh ngẫu nhiên, chiếu đoạn phim, hiển thị những tin mới đưa, hiển
thị những bài viết đọc nhiều nhất hay mặt yahoo hổ trợ trực tuyến… Để cài
đặt ta phải vào địa chỉ download modul cần thiết
về hoặc ở một số diễn đàn khác.

Download modul
về và cài đặt.

 Đăng nhập vào phần quản trị.
 Mở menu "Extensions" --> "Install/Uninstall"

 Nhấn nút [Browser...] để chọn Module (được đóng gói trong một

file nén *.zip).
THPT TRƯỜNG CHINH

-

GV: NGUYỄN QUANG ÁNH

21



SKKN 2011: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC

 Nhấn nút [Upload File & Install] để cài đặt Module
Nếu Joomla! thông báo việc cài đặt thành công, nhấn nút [Extension->Modul
manager] để tới trang quản lý các Module. Chọn modul cần chỉnh sửa và bấm
vào thì vào chỉnh sửa như hình bên dưới(tùy theo modul).

Chọn Yes để hiển
thị và chọn vị trí
đặt modul

5.

6. Tải website lên mạng:
- Sau khi đã cài đặt và cấu hình cho Joomla! tại Localhost, công việc

tiếp theo là đưa Website lên Web Host (Host) để bắt đầu hoạt động trong hệ
thống mạng toàn cầu. Đến thời điểm này thì chúng ta đã có một website tạm
ưng ý, ta phải đưa lên mạng cho mọi người xem, rồi từ từ hoàn thiện.

THPT TRƯỜNG CHINH

-

GV: NGUYỄN QUANG ÁNH

22


SKKN 2011: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC


Để website chạy được trên mạng thì cần phải có máy chủ, chúng ta
không thể đầu tư máy chủ để chạy website được mà phải thuê server của một
công ty nào đó hoạt động về hosting. Ví dụ như VDC 3 địa chỉ
/>
Hoặc nhà cung cấp hosting giá rẻ mắt bảo tại địa chỉ />hoặc một số nhà cung cấp miễn phí khác. Lưu ý là khi chúng ta thuê hosting
thì phải chọn máy chủ Linux để có thể chạy được web jomla. Sau khi đăng ký
nhà cung cấp sẽ cung cấp cho chúng ta về thông tin tài khoản, mật khẩu đăng
THPT TRƯỜNG CHINH

-

GV: NGUYỄN QUANG ÁNH

23


SKKN 2011: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC

nhập, địa chỉ Ip, địa chỉ truy cập FTP, … những thông tin này rất quan trọng
về bảo mật website cho nên không để lộ hoặc phải thay đổi lại.

* Tạo cơ sở dữ liệu cho website:
 Đây nhập vào phần quản trị do VDC3 cung cấp chọn Database->Add
New Database User -> gõ tên cơ sở dữ liệu, mật khẩu.

 Bấm Webadmin để vào trang quản trị cơ sở dữ liệu.

Đưa cơ sở dữ liệu
vào từ máy cá nhân

hay sao lưu dữ liệu
từ server về máy

THPT TRƯỜNG CHINH

-

GV: NGUYỄN QUANG ÁNH

24


SKKN 2011: MÃ NGUỒN MỞ JOMLA – GIẢI PHÁP CHO WEBSITE TRƯỜNG HỌC

 Bấm vào nút Import và chọn file cơ sở dữ
liệu nén lại sau khi cấu hình xong Website
trên localhost như hình bên(xem cách nén bài 2 phần phụ lục):
* Tải Website lên mạng:
- Để đưa jomla lên server chúng ta có hai cách upload thủ công từ trang
quản trị và upload bằng phần mềm hổ trợ FTP. Để upload thủ công chỉ cần
đăng nhập vào phần quản trị chọn File manager và tải lên từng file.

Chúng ta thấy rằng là các tập tin và thư mục trong jomla là rất nhiều
nên để có thể làm thủ công thì rất khó khăn nên sử dụng một phần mềm hổ trợ
upload file bằng FTP như FileZilla Client là một ví dụ(download tại
Sau khi cài đặt xong chúng ta chạy chương trình
lên, vào menu File -> Site Manager->điều đầy thông tin về tài khoản FTP,
host, … Thông tin này do nhà cung cấp hosting cung cấp cho chúng ta khi
đăng ký thuê máy chủ. Khi đã kết nối được với host thì việc upload file lên
mạng chỉ giống như chúng ta copy tập tin và thư mục trong máy các nhân

bằng Window Explore mà thôi. Chúng ta chỉ có việc nhấp chuột chọn, kéo thả
và chờ cho phần mềm tải file lên là xong. Khi mà đã tải lên hết tập tin và thư
mục chúng ta cần cấu hình tập tin configuration.php trong thư mục gốc.
THPT TRƯỜNG CHINH

-

GV: NGUYỄN QUANG ÁNH

25