Tìm hiểu mã nguồn mở Joomla trong việc thiết kế website

Tìm hiểu mã nguồn mở Joomla trong việc thiết kế website Đồ án học phần
MỤC LỤC
SV thưc hiện: Lê Văn Đạo – 10007823 GVHD:ThS.Trần Bá Ánh 1
Tìm hiểu mã nguồn mở Joomla trong việc thiết kế website Đồ án học phần
LỜI NÓI ĐẦU
Ngày nay, với sự bùng nổ của hệ thống mạng toàn cầu Internet và những lợi ích vô
cùng to lớn của nó mang lại đã thực sự thu hút và chinh phục con người. Tận dụng
những tính năng mạnh mẽ của Internet, những công nghệ mới về thông tin và
truyền thông, người ta đã xây dựng nên những hệ thống đặc biệt để mọi người có
thể có thể ứng dụng đưa vào đời sống thực tiễn, và điều đó thực sự sẽ làm thay đổi
cuộc sống của xã hội chúng ta theo chiều hướng tiện lợi hơn, văn minh hơn. Thế là
những hệ thống website ra đời. Và giờ đây, cùng với việc Internet đang nhanh
chóng lan rộng khắp toàn cầu thì website sẽ trở thành công cụ chủ yếu và đắc lực
cho việc kinh doanh mua bán trên phạm vi toàn cầu. Bây giờ thì hầu như bất cứ
nhu cầu nào cũng đều có thể được đáp ứng ngay tức khắc, với một máy tính cá
nhân có kết nối mạng, bạn có thể lướt trên các trang website của các công ty, dịch
vụ thoải mái chọn lựa các mặt hàng mình thích, các thông tin mình cần ngay tại chỗ.
Các công ty, các doanh nghiệp có thể quảng cáo các sản phẩm, các dịch vụ của
mình trên các website. Điều này sẽ giúp tăng doanh thu, tăng khách hàng và đặc
biệt là dễ dàng tìm các đối tác kinh doanh. Và việc chi trả thanh toán trực tuyến rất
nhanh chóng và đơn giản thông qua các loại thẻ tín dụng. Cho nên cần phải có
những công nghệ mới để quản lý, quản trị website, để đáp ứng những nhu cầu trên
vì lý do đó mà em đã chọn đề tài về ” Tìm hiểu mã nguồn mở joomla trong việc
thiết kế website”.
SV thưc hiện: Lê Văn Đạo – 10007823 GVHD:ThS.Trần Bá Ánh 2
Tìm hiểu mã nguồn mở Joomla trong việc thiết kế website Đồ án học phần
CHƯƠNG 1 . TỔNG QUAN VỀ JOOMLA
1.1. Giới thiệu sơ lược về Joomla
Joomla là một hệ thống quản trị nội dung (CMS - Content Management
System) giúp bạn thực hiện các website động một cách nhanh chóng và dễ dàng.
Là hệ thống quản trị nội dung mã nguồn mở số một thế giới hiện nay. Linh hoạt,

đơn giản, thanh nhã, tính tuỳ biến rất cao và cực kỳ mạnh mẽ. Được sử dụng ở trên
toàn thế giới từ những trang web đơn giản cho đến những ứng dụng phức tạp. Việc
cài đặt Joomla! rất dễ dàng, đơn giản trong việc quản lý và đáng tin cậy. Ứng dụng
Joomla trong nhiều lĩnh vực như:
- Trang Web của các tổ chức hoặc của các cổng thông tin.
- Thương mại điện tử.
- Trang Web cho các công ty cỡ nhỏ.
- Ứng dụng cho các cơ quan hành chính.
- Trang Web cho các trường học và nhà thờ.
- Trang Web cá nhân và gia đình.
- Các cổng thông tin cộng đồng.
- Trang Web báo điện tử và tạp chí.
- Và nhiều ứng dụng khác
Ngoài các vấn để là mã nguồn mở miễn phí, khả năng bảo mật cao, dễ dàng sử
dụng, với Joomla việc xây dựng (lập trình) thêm các thành phần, module, các chức
năng cho nó là một việc rất dễ dàng đối với các lập trình viên, do đó Joomla có rất
nhiều các chức năng mở rộng được viết bởi các nhà lập trình trên khắp thế giới, và
hầu hết tất cả các ứng dụng, thành phần này đều được chia sẻ miễn phí.
SV thưc hiện: Lê Văn Đạo – 10007823 GVHD:ThS.Trần Bá Ánh 3
Tìm hiểu mã nguồn mở Joomla trong việc thiết kế website Đồ án học phần
1.2. Vài nét về lịch sử của Joomla
Joomla là "sản phẩm anh em" với Mambo của tập đoàn MiroSoftware
Solutions - Úc với những người phát triển nòng cốt. Ban đầu công ty Miro đã phát
triển Mambo theo dạng ứng dụng mã nguồn đóng. Đến tháng 4 năm 2001, công ty
đã thông qua một chính sách bản quyền kép, nghĩa là phát hành Mambo theo cả
giấy phép GPL.
Đến ngày 17 tháng 8 năm 2005, do sự tranh chấp về mặt pháp lý cũng như
mong muốn vào sự phát triển của Mambo dựa trên quỹ tài trợ và sự hỗ trợ của
cộng đồng nên toàn bộ đội phát triển nòng cốt của Mambo đã rời khỏi dự án trong
khi đang làm việc với phiên bản 4.5.3.

Nhờ sự trợ giúp của trung tâm luật tự do phần mềm (Software Freedom Law
Center - SFLC), 20 thành viên nòng cốt cũ của Mambo đã thành lập một tổ chức
phi lợi nhuận khác lấy tên là Open Source Matters, để hỗ trợ về mặt tổ chức, pháp
lý và kinh phí cho dự án mã nguồn mở còn chưa được đặt tên của họ. Ngay ngày
hôm sau, 1000 người đã gia nhập diễn đàn Open Source Matters, hầu hết các bài
viết cho diễn đàn đều khuyến khích và đồng tình vối hành động của nhóm phát
triển.
Trong một thông báo của Eddie (người đứng đầu dự án) 2 tuần sau đó, các
nhóm đã được tổ chức lại và cộng đổng Joomla tiếp tục tăng trưởng. Tới ngày 1
tháng 9 năm 2005 tên mới của dự án đã đưỢc thông báo cho khoảng 3000 người
theo dõi đội Phát triển và đến ngày 16 tháng 9 đù họ cho ra đời Joomla 1.0.
Hiện nay Joomla! đã có 4 dòng phiên bản chính:
 Phiên bản Joomla 1.0.X(được phát hành vào ngày 15 tháng 9 năm 2005)
 Phiên bản Joomla 1.5.X(được phát hành vào ngày 21 tháng 1 năm 2008)
 Phiên bản Joomla 2.0.X(được phát hành vào ngày 10 tháng 1 năm 2011)
 Phiên bản Joomla 3.0.X(được phát hành vào ngày 12 tháng 7 năm 2012)
SV thưc hiện: Lê Văn Đạo – 10007823 GVHD:ThS.Trần Bá Ánh 4
Tìm hiểu mã nguồn mở Joomla trong việc thiết kế website Đồ án học phần
1.3. Kiến trúc của website joomla
Joomla bao gồm 3 tầng hệ thống:
 Tầng dưới cùng là mức nền tảng, chứa các thư viện và các plugin (còn được
biết với tên gọi mambot).
 Tầng thứ hai là mức ứng dụng và chứa lớp JApplication. Hiện tại tầng này
gồm 3 lớp con: JInstallation, JAdministrator và JSite.
 Tầng thứ ba là mức mở rộng. Tại tầng này có các thành phần (component),
mô đun (module) và giao diện (template) được thực thi và thể hiện.
1.4. Cấu trúc các gói cài đặt thành phần trong Joomla
1.4.1. Gói cài đặt Component
Component: Là thành phần chính của trang Web, nó quyết định đến chức năng,
hình thức, nội dung chính của mỗi trang Web. Component có thể có thêm module

để hỗ trợ cho việc hiển thị các chức năng và nội dung của Component. Thông
thường sau khi cài đặt Joomla! có sẵn các Component: Banners, Contacts, Search,
News Feeds, Polls, Web Links và các Component quản lý nội dung của trang Web.
1.4.2. Gói cài đặt Module
Module: Là bộ phận mở rộng thêm chức năng cho Web Site, các module này có
các chức năng khác nhau, được hiển thị trên trang Web tại các vị trí qui định và có
thể thay đổi được. Một trang Web có thể hiển thị nhiều module giống và khác
nhau, module có thể được cài đặt thêm vào WebSite. Thông thường một Mod sẽ
gồm có 2 file chính là .php (chương trình) và file .xml (thông số cài đặt), ngoài ra
SV thưc hiện: Lê Văn Đạo – 10007823 GVHD:ThS.Trần Bá Ánh 5
Tìm hiểu mã nguồn mở Joomla trong việc thiết kế website Đồ án học phần
có thể có thêm thư mục ảnh, Java Script hỗ trợ thêm cho module.
1.4.3. Gói cài đặt Template
Template : Là giao diện, khung dạng, kiểu mẫu, hình thức được thiết kế để trình
bày nội dung của trang Web và có các vị trí định sẵn để tích hợp các bộ phận,
thành phần của trang Web. Joomla! cho phép cài đặt và thay đổi Template cho
Web Site hay cho từng trang Web khác nhau một cách dễ dàng.
SV thưc hiện: Lê Văn Đạo – 10007823 GVHD:ThS.Trần Bá Ánh 6
Tìm hiểu mã nguồn mở Joomla trong việc thiết kế website Đồ án học phần
CHƯƠNG 2 : CÀI ĐẶT JOOMLA
2.1. Điều kiện để cài đặt joomla
Joomla là một CMS mã nguồn mở rất dễ sử dụng, cấu hình và khả năng phát triển
linh hoạt. Nó rất thích hợp với các ứng dụng vừa và nhỏ.
Điều kiện để có thể cài đặt joomla là mày tính của bạn cần được cài đặt:
- Server: Apache Server 2.x
- Cơ sở dữ liệu: MySQL 5.0
- PHP 5.x
Ba điều kiện trên phải được cấu hình với nhau để có thể phục vụ lẫn nhau. Chúng
ta có thể cài đặt riêng lẻ hoặc dùng gói chung cho cả 3 loại trên như Xampp hoặc
Appsev.

2.2 Cài đặt Appserv
Mục đích chính của việc cài đặt Appserv là tạo localhost,một hosting ảo ngay trên
máy tính để có thể dễ dàng thay đổi,chỉnh sửa website.
 Bước 1: Chạy file appserv-win32-2.5.10.exe xuất hiện cửa sổ setup - Chọn
Next
SV thưc hiện: Lê Văn Đạo – 10007823 GVHD:ThS.Trần Bá Ánh 7
Tìm hiểu mã nguồn mở Joomla trong việc thiết kế website Đồ án học phần
 Bước 2: Xuất hiện cửa sổ thông tin bản quyền AppServ - Chọn Next
 Bước 3 : Lựa chọn vi trí cài đặt - Chọn Next
SV thưc hiện: Lê Văn Đạo – 10007823 GVHD:ThS.Trần Bá Ánh 8
Tìm hiểu mã nguồn mở Joomla trong việc thiết kế website Đồ án học phần
 Bước 4: Tiếp tục xuất hiện cửa sổ chọn Select Componets - Chọn Next
SV thưc hiện: Lê Văn Đạo – 10007823 GVHD:ThS.Trần Bá Ánh 9
Tìm hiểu mã nguồn mở Joomla trong việc thiết kế website Đồ án học phần
 Bước 5 :Điền các thông số để tạo localhost
- Server Name : localhost
- Administrator’s Emai Address: admin@localhost
 Bước 6: Điền mật khẩu cho localhost và chọn Insatall
SV thưc hiện: Lê Văn Đạo – 10007823 GVHD:ThS.Trần Bá Ánh 10
Tìm hiểu mã nguồn mở Joomla trong việc thiết kế website Đồ án học phần
 Bước 7 : Chọn Finish để hoàn tất quá trình cài đặt
SV thưc hiện: Lê Văn Đạo – 10007823 GVHD:ThS.Trần Bá Ánh 11
Tìm hiểu mã nguồn mở Joomla trong việc thiết kế website Đồ án học phần
2.3. Cài đặt Joomla
Bước 1: Download & Upload bộ cài đặt Joomla
- Download Joomla 1.5.26 : link download:
- Upload Joomla : Upload lên Server và giải nén vào thư mục gốc chứa Web
và đặt lại tên. Thư mục gốc chứa Web thường có tên là: C:\Appserv\www\
Bước 2: Tạo cơ sở dữ liệu cho Web
Mở trình duyệt và gõ vào: localhost sau đó chọn phpMyAdmin Database Manager

Version 2.10.3
SV thưc hiện: Lê Văn Đạo – 10007823 GVHD:ThS.Trần Bá Ánh 12
Tìm hiểu mã nguồn mở Joomla trong việc thiết kế website Đồ án học phần
Điền tên database. Ví dụ ở đây em tạo qldl - Chọn Create
Bước 3: Mở trình duyệt và gõ vào địa chỉ .VD: http://localhost/vandaopc
Màn hình cài đặt xuất hiện cửa sổ Select Language và ta có thể chọn một ngôn
ngữ trong quá trình đặt - chọn Next
SV thưc hiện: Lê Văn Đạo – 10007823 GVHD:ThS.Trần Bá Ánh 13
Tìm hiểu mã nguồn mở Joomla trong việc thiết kế website Đồ án học phần
Bước 4: Kiểm tra cấu hình hệ thống - chọn Next.
Bước 5: Thông tin bản quyền - Chọn Next để tiếp tục cài đặt.
SV thưc hiện: Lê Văn Đạo – 10007823 GVHD:ThS.Trần Bá Ánh 14
Tìm hiểu mã nguồn mở Joomla trong việc thiết kế website Đồ án học phần
Bước 6: Thiết lập các thông số để kết nối tới Cơ sở dữ liệu - Chọn Next
- Hostname: localhost
- User name: root
- Password: Mật khẩu
- Database Name: qldl
Bước 7: Thiết lập các thông số FTP
Tiếp tục chọn Next
SV thưc hiện: Lê Văn Đạo – 10007823 GVHD:ThS.Trần Bá Ánh 15
Tìm hiểu mã nguồn mở Joomla trong việc thiết kế website Đồ án học phần
Bước 8: Thiết lập cấu hình site Joomla
- Site name: Đặt tên cho trang Web
- Your Email:
- Admin Password: Mật khẩu để quản trị Joomla
- Install Default Sample Data: click vào Install Sample Data
SV thưc hiện: Lê Văn Đạo – 10007823 GVHD:ThS.Trần Bá Ánh 16
Tìm hiểu mã nguồn mở Joomla trong việc thiết kế website Đồ án học phần
SV thưc hiện: Lê Văn Đạo – 10007823 GVHD:ThS.Trần Bá Ánh 17

Tìm hiểu mã nguồn mở Joomla trong việc thiết kế website Đồ án học phần
Bước 9: Kết thúc cài đặt
Lựa chọn đổi tên thư mục Installation hoặc xóa hẳn để đảm bảo tính bảo mật cho
joomla : C:\AppServ\www\vandaopc\ Installation
SV thưc hiện: Lê Văn Đạo – 10007823 GVHD:ThS.Trần Bá Ánh 18
Tìm hiểu mã nguồn mở Joomla trong việc thiết kế website Đồ án học phần
Tiến hành song các bước thực hiện trên ta sẽ được:
Trang giao diện người quản trị
Trang giao diện người dùng
SV thưc hiện: Lê Văn Đạo – 10007823 GVHD:ThS.Trần Bá Ánh 19
Tìm hiểu mã nguồn mở Joomla trong việc thiết kế website Đồ án học phần
SV thưc hiện: Lê Văn Đạo – 10007823 GVHD:ThS.Trần Bá Ánh 20
Tìm hiểu mã nguồn mở Joomla trong việc thiết kế website Đồ án học phần
CHƯƠNG 3. GIỚI THIỆU VÀ CÀI ĐẶT VIRTUEMART
3.1.Giới thiệu Virtuemart
VirtueMart là thành phần mở rộng do Joomla phát triển trên nền tảng của
Jommla cho phép mở rộng ứng dụng website bán hàng trực tuyến.
Cũng như Joomla, VirtueMart cũng là mã nguồn mở, được viết bằng ngôn
ngữ PHP và kết nối đến cơ sở dữ liệu MySQL và đương nhiên là VirtueMart được
phát triển dựa trên nền tảng của Joomla.
VirtueMart là dạng component được cài thêm vào Joomla thuộc tầng hệ
thống thứ 3 Extention Tier.Chức năng chủ yếu của VirtueMart là một công cụ bao
gồm tất cả các chức năng cần thiết của một website thương mại điện tử.
Virtuemart cung cấp rất nhiều chức năng phục vụ cho việc quản lý sản phẩm
(products), danh mục sản phẩm, phương thức vận chuyển, phương thức thanh
toán và các phương thức trình diễn sản phẩm như: danh sách danh mục sản
phẩm, sản phẩm mới, sản phẩm đặc biệt
Các tính năng của Virtuemart:
- Quản lý số lượng sản phẩm và danh mục không giới hạn với số lượng lớn.
- Bán hàng qua mạng nên có thể dùng như 1 của hàng trên mạng,

- Tìm kiếm thông tin sản phẩm, danh mục hay nhà cung cấp 1 cách nhanh
chóng.
- Có thể sắp xếp theo từng thuộc tính của sản phẩm nếu muốn.
- Đánh dấu ghi nhận là sản phẩm “đặc biệt” để thể nổi bật sản phẩm riêng biệt
của từng cửa hàng.
- Thông báo số lượng sản phẩm còn tồn tại trong kho cho khách hàng khi lựa
chọn sản phẩm.
SV thưc hiện: Lê Văn Đạo – 10007823 GVHD:ThS.Trần Bá Ánh 21
Tìm hiểu mã nguồn mở Joomla trong việc thiết kế website Đồ án học phần
- Hỗ trợ thanh toán trực tuyến người quản trị có thể nhập các hình thức thanh
toán cho các loại thẻ (như authorize.net®, PayPal, 2Checkout, eWay,
Worldpay, PayMate và NoChex, Visa ).
- Cung cấp đầy đủ các hình thức vận chuyển hàng (như: UPS, DHL, cảng…)
và giá cho từng loại hình thức vận chuyển.
- Quản lý toàn vẹn quy trình bán hàng từ lúc đặt hàng cho đến khi đơn hàng
hoàn tất.
- An toàn bảo mật với thuật toán mã hóa nâng cao AES và nhiều thiết lập bảo
mật.
3.2. Cài đặt Virtuemart
Bước 1: Dowload bộ cài VirtueMart_1.1.9 về máy
Bước2: Đăng nhập trang Admin đến Extensions chọn Install / Uninstall. Xuất
hiện trang Extension Manager
SV thưc hiện: Lê Văn Đạo – 10007823 GVHD:ThS.Trần Bá Ánh 22
Tìm hiểu mã nguồn mở Joomla trong việc thiết kế website Đồ án học phần
Bước 3: Chọn tệp tin để tìm đến File: VirtueMart 1.1.9
Open để chọn. Tiếp tục chọn Upload file & Install
SV thưc hiện: Lê Văn Đạo – 10007823 GVHD:ThS.Trần Bá Ánh 23
Tìm hiểu mã nguồn mở Joomla trong việc thiết kế website Đồ án học phần
Bước 4: Lần lượt chọn Dowload Component và Download Module
Click vào Install để cài đặt

SV thưc hiện: Lê Văn Đạo – 10007823 GVHD:ThS.Trần Bá Ánh 24
Tìm hiểu mã nguồn mở Joomla trong việc thiết kế website Đồ án học phần
Bước 5: Sau khi cài xong sẽ xuất hiện thông báo việc cài đặt bước đầu đã thành
công.
Tiếp theo phải chọn một trong hai lựa chọn:
- Go directly to the Shop: Để bắt đầu cấu hình mới cho Virtuemart mà không
có bất cứ dữ liệu mẫu nào.
- Install SAMPLE DATA: Để chọn cài đặt các dữ liệu mẫu cho Virtuemart,
nếu lần đầu tiên sử dụng VM thì nên chọn lựa chọn này để tham khảo cách
làm việc của Virtuemart, sau đó có thể sửa các dữ liệu mẫu này tùy ý.
- Sau khi chọn sẽ xuất hiện cảnh báo của Virtuemart, nhấn OK để đồng ý.
SV thưc hiện: Lê Văn Đạo – 10007823 GVHD:ThS.Trần Bá Ánh 25