HƯỚNG DẪN XÂY DỰNG WEB BÁN HÀNG TRỰC TUYẾN

1





HƯỚNG DẪN XÂY DỰNG WEB BÁN HÀNG TRỰC TUYẾN









2

LỜI NÓI ĐẦU
Trong những năm gần đây với sự phát triển vượt trội của khoa học kỹ thuật đặt biệt
là công nghệ thông tin, với những ứng dụng của công nghệ thông tin vào các lĩnh vực đã
đóng góp phẩn to lớn cho sự nghiệp phát triển của con người. Trong các lĩnh vực đó thì lĩnh
vực quản lý là thật sự giúp ích được rất nhiều cho con người, việc áp dụng quản lý và mua
bán bằng máy tính thay cho quản lý và mua bán bằng thủ công ở các doanh nghiệp, công ty,
cá nhân là rất cần thiết và thật sự cần thiết. Do đó, việc “quản lý mua bán hàng qua mạng
” là không thể thiếu được trong mọi doanh nghiệp, cửa hàng vừa và nhỏ .
Năm 2008 là năm đẩu tiên Việt Nam có sự phát triển lớn mạnh về lĩnh vực thương
mại khi chính thức trở thành thành viên thứ 150 của tổ chức thương mại thế giới WTO. với
sự phát triển mạnh mẽ đó không thể phủ nhận sự đóng góp của thương mại điện tử, một
lĩnh vực nóng bỏng hiện nay! Một đất nước đang phát triển mạnh mẽ, cuộc sống con người

càng ngày nâng cao, mức tiêu thụ sản phẩm ngày càng tăng .Tóm lại nhu cầu con người
ngày càng cao. Vì thế việc trao đổi mua bán cũng như quản lý hàng hóa cần phải có sự thay
đổi từ thủ công sang máy móc.
Chương trình chạy trên môi trường hệ điểu hành WinXP, WinServer, Linux sử dụng
ngôn ngữ chuẩn về xử lý dữ liệu như PHP, HTML, JavaScript, XML, css và hệ quản trị cơ
sở dữ liệu MySQL. Dùng Xampp làm môi trường Webserver hỗ trợ sẵn Apacher, PHP,
MySQL.
Sau hai tháng thực tập đề tài “Xây dựng trang web bán tablet bằng joomla” tại trung
tâm Athena đã giúp em có thêm nhiều kiến thức về thương mại điện tử cũng như kiến thức
về joomla. Để hoàn thành đề tài này ngoài nhưng cố gắng nỗ lực của bản thân còn có sự
giúp đỡ nhiệt tình của các thầy cô trong trung tâm Athena đặc biệt là thầy Võ Đỗ Thắng.
Vì khả năng và thời gian còn hạn chế, Website không tránh khỏi có những thiếu sót nhất
định, rất mong sự góp ý kiến của quý thầy cô và các bạn để Website được hoàn thiện hơn.
Xin chân thành cảm ơn.


TP. HỒ CHÍ MINH, 12/08/2012

3

NHẬN XÉT CỦA GIÁO VIÊN HƢỚNG DẪN VÀ ĐƠN VỊ THỰC TẬP:

4

Mục Lục
LỜI NÓI ĐẦU 1
I. Tổng Quan Về Đề Tài 6
1.1. Lý Do Chọn Đề Tài 6
1.2. Mục Đích Của Bài Báo Cáo 7
1.3. Phạm Vi Đối Tƣợng Đề Tài 7
II. Tổng Quan Về Joomla Và Virtuemart 8
2.1. Joomla (Open Source Content Management Systems - CMS) 8
2.2. Vài Nét Về Lịch Sử Joomla 9
2.3. Tại Sao Lại Chọn Joomla 9
2.4. Kiến Trúc Joomla 10
2.4.1. Component 11
2.4.2. Cấu Trúc Của Một Component 11

2.4.3. Module 12
2.4.4. Cấu Trúc Gói Cài Đặt Template 14
2.4.5. Cách Cài Đặt Component, Module và Template Cho Joomla 15
2.5. Sử Dụng Webserver Chạy Joomla(Xampp) 16
2.6. Cài Đặt Joomla_2.5.6 16
2.7. Giới Thiệu Sơ Lƣợc Về Component Virtuemart 20
2.8. Cài Đặt Virtuemart 21
III. Xây Dựng Trang Web Bán Tablet Trên Localhost 22
3.1. Cài Đặt Và Cấu Hình Template Cho Joomla 22
3.2. Cấu Hình VirtueMart 26
3.3. Nhập Sản Phẩm Cho VirtueMart 28

5

3.4. Tích Hợp Thanh Toán Ngân Lƣợng Cho VirtueMart 32
3.5. Tạo Main Menu (Menu Chính) Cho Website. 37
3.6. Tạo Các Module Cần Thiết 42
IV. Upload Website Lên host free summerhost.info 51
4.1. Tạo Tài Khoản Trên summerhost.info 51
4.2. Giới Thiệu Cách Sử Dụng Phầm Mềm CuteFTP 52
4.3. Upload Source Code Website Lên Host 58
4.4. Tạo Database 60
4.5. Kết Nối Cơ Sở Dữ Liệu 61
V. Tông Kết 62
VI. Tài Liệu Tham Khảo 64

6

I. Tổng Quan Về Đề Tài
1.1. Lý Do Chọn Đề Tài
Hàng ngày, mỗi người trong chúng ta đều có thể có những nhu cẩu thiết yếu như : ăn
uống, mua sắm, tư vấn, Và để đáp ứng những yêu cẩu đó, chỉ đơn giản là chúng ta
buộc phải đi đến các cửa hàng, các quán ăn, các công ty hay các trung tâm tư vấn, tại
đây, chúng ta mới có thể tùy ý chọn lựa những thứ mình thích, những thông tin mình
cần,
Dĩ nhiên, điều này ai trong chúng ta cũng đều có thể làm được. Tuy nhiên, việc này
có thể sẽ tốn kém rất nhiều thời gian mà đối với số nhiều người thì thời gian vô cùng
quan Trọng.
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 thương mại 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 thương mại 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ủa bạn 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 WEB

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ề Joomla quản lý trang web bán hàng, nó có thể đáp ứng
đầy đủ các chức năng trên.

7

1.2. Mục Đích Của Bài Báo Cáo
Khảo sát hệ thống thông tin “Thương Mại Điện Tử” theo yêu cầu của các cá nhân,
cơ quan, công ty .Việc bán hàng đòi hỏi cẩn phải có tư duy, đầu óc kinh doanh và khả
năng nhạy bén nắm bắt thị trường. Một cửa hàng bán các mặt hàng không cẩn nhiều
nhân viên, khách hàng không cẩn trực tiếp đến mua hàng mà có thể tại nhà dùng vài cái
click chuột thì có thể có được sản phẩm mình cần.
Việc tạo ra một website thương mại điện tử bán hàng trực tuyến sẽ gặp nhiều khó
khăn trong việc bảo mật thông tin, cũng như uy tín đến khách hàng. Joomla là một hệ
thống quản ừị 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ố 1 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ẽ, đó là những gì có thể nói về Joomla! đượ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.
Xây dựng được một website “Quản lý bán hàng trực tiếp qua mạng” tương đối hoàn
chỉnh, phục vụ một cách có hiệu quả cho người dùng dựa trên việc sử dụng phẩn mềm
quản trị CSDL MySQL và xây dựng ứng dụng dựa trên kết hơp các ngôn ngữ ngôn ngữ
PHP, HTML, XML, css.
1.3. Phạm Vi Đối Tƣợng Đề Tài

Website được xây dựng nhằm hỗ trợ cho các cá nhân, công ty, cơ quan, có nhu
cầu quản bá sản phẩm, cũng như quản lý trong việc bán sản phẩm.
Đối tượng phục phụ:
 Cá nhân, công ty, cửa hàng vừa và nhỏ,
 Nhà quản trị website
 Sinh viên nghiên cứu về thiết kế web dựa trên Joomla


8

II. Tổng Quan Về Joomla Và Virtuemart
2.1. Joomla (Open Source Content Management Systems - CMS)
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ố 1 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ẽ, đó là những gì có thể nói về Joomla! đượ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 (Portal).
 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,
còn điều gì tuyệt vời hơn đằng sau khiến cho Joomla phát triển mạnh và được nhiều

người yêu thích như vậy ? 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 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í, đó
chính là điều tuyệt vời nhất.
Hiện nay Joomla phát triển theo 2 dòng phiên bản: dòng phiên bản Joomla 2.5.X. và
dòng phiên bản Joomla 1.5.X.

9


2.2. Vài Nét Về Lịch Sử Joomla
Joomla là "sản phẩm anh em" với Mambo của tập đoàn Miro Software Solutions
- Úc (hãng đang nắm giữ Mambo) với những người phát triển nòng cốt. Ban đầu công ty
Miro đã phát ừiể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 OpenSourceMatters, 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. Tin trên đã nhanh chóng
được đăng tải trên các tạp chí newsforge.com, eweek.com và ZDnet.com.
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 thì họ cho ra đời Joomla 1.0.0

2.3. Tại Sao Lại Chọn Joomla
Tại sao lại chọn Joomla CMS ? liệu có thể tin tưởng được, Joomla có đủ mạnh ? nếu
chưa đọc bạn hãy đọc bài viết giới thiệu về Joomla bạn sẽ biết Joomla tuyệt vời như thế
nào .
Joomla là một hệ thống quản trị nội dung (CMS - Content Management System) mã
nguồn mở dùng ngôn ngữ PHP và cơ sở dữ liệu MySQL.

10

Joomla là một sân chơi, giao lưu học tập hoàn toàn miễn phí, tồn tại dựa trên sự hỗ
trợ, tham gia phát triển của tất cả mọi người, những người yêu thích Joomla và những
người muốn góp phần nhỏ kiến thức của mình thúc đẩy sự phát triển CNTT Việt Nam.
Hiện nay đang phát triển song song với Joomla là DotNetNuke, Dotnetnuke là một
portal mã nguồn mở viết trên công nghệ .Net hay còn gọi DotNetNuke là một Portal mã
nguồn mở, có nhiều tính năng gần giống như Joomla, nhưng nó phát triển rộng hơn. Để
biết rỏ giữa Joomla và DotNetNuke như thế nào, chúng ta làm một phép so sánh :
- Giá thuê host Joomla rẻ hơn (DotNetNuke phải chạy trên Windows server tốn tiền
hơn Joomla chạy trên Linux server).
- Cộng đồng Joomla lớn hơn (bạn cứ thử gõ "DotNetNuke" trên Google rồi sau đó
gõ Joomla trên Google sẽ có kết quả ngay ấy mà).
- Các phân luồng thông tin và phân quyền trong Joomla rõ ràng hơn, dễ sử dụng
hơn với người cập nhập thông tin.
2.4. Kiến Trúc Joomla


 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: Jlnstallation, 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.
JApplication: Lớp này đại diện cho ứng dụng Joomla và được thực hiện như một

11

nhà máy qui định mọi ứng dụng giữa những đối tượng. Lớp này bao gôm các lớp con
như: Jlnstallation, JAdministrator và JSite.
Mambot (Plug-in): Là các chức năng được bổ sung thêm cho Com, các Mambot
này sẽ can thiệp, bổ sung vào nội dung của trang Web trước hoặc sau khi nó được hiển
thị. Mambot có thể được cài đặt thêm vào Web Site. Hay nói cách khác Mambot là
phương tiện giao tiếp với component.
2.4.1. Component
Component (Com): 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. Com có thể có thêm Mod
để hỗ trợ cho việc hiển thị các chức năng và nội dung của Com. Com có thể được cài
đặt thêm vào Web Site. Thông thường sau khi cài đặt Joomla! có sẵn các
Component: Banners (quản lý các bảng quảng cáo), Contacts (quản lý việc liên hệ
giữa người dùng với Ban quản ữị Web Site), Search (quản lý việc tìm kiếm), News
Feeds (quản lý các tin tức), Polls (quản lý việc bình chọn, ý kiến của người dùng),
Web Links (quản lý các liên kết ngoài Web Site) và các Com quản lý nội dung của
trang Web.
2.4.2. Cấu Trúc Của Một Component
Backend thông thường sẽ gồm những file cơ bản sau:
 1 file admin.yourcom.php,
 1 file admin.yourcom.html.php,
 1 file toolbar.yourcom.php,
 1 file toolbar.yourcom.html.php.

Frontend sẽ gồm 2 file cơ bản (thông thường):
 1 file yourcom.php,
 1 file yourcom.html.php.
Chú ý: không nhất thiết một component của bạn phải hoặc chỉ bao gổm các
file trên, các file bắt buộc là admin.yourcom.php và yourcom.php (folder chứa

12

com cả trong frontend và backend sẽ là com_yourcom). Ngoài ra bạn có thể có các
file khác (vd yourcom.class.php chẳng hạn), các folder, các file .js, file ảnh tùy
thuộc vào mức độ bạn cần ở com này và mức độ bạn hiểu.
Một file .XML để phục vụ cho việc cài đặt khi bạn đóng gói. File XML này
sẽ mang tất cả các thông số về tên com; tên tác giả, địa chỉ email, license
(optional). Mục đích chính của file này là khai báo các file trong frontend và
backend (đường dãn đầy đủ của các file này) để upload khi cài đặt, khai báo các
query tạo và insert database (nếu bạn phải thêm database) và các query uninstall
Một điểm quan trọng là phải hiểu các object, class, function cơ bản trong
joomla thì mới sử dụng được chúng để viết (ví dụ như object vể database ).
Khi đóng gói thì nhớ ở dạng .zip, .tar nếu ở dạng .zar thì joomla ko hiểu đc.
Nếu chưa đóng gói được đủ làm manual bằng cách insert trong database và copy các
file vào các folder tương úng (không khuyến cáo sd cách này).
2.4.3. Module
Module (Mod) Là bộ phận mở rộng thêm chức năng cho Web Site, các Mod
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 Mod giống và khác
nhau, Mod có thể được cài đặt thêm vào Web Site.Thông thường sau khi cài đặt
Joomla! có sẵn các Module: Main Menu (menu chính), Top Menu (menu phụ, nằm
ngang), Search (hiển thị công cụ tìm kiếm), Poll (hiển thị bảng bình chọn, lấy ý
kiến), Newsflash (hiển thị các bản tín nổi bật), Hit Counter (hiển thị số lượng truy
cập Web Site), Banners (hiển thị các bảng quảng cáo)

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 có thể có thêm thư mục ảnh, Java Script hỗ trợ
thêm cho Module.

Ví dụ: module helloword
mod_helloworld .xml chứa các thông số cài đặt

13

<?xml
version="1.0" encoding="utf-8"
?>

<install
type="module" version="1.5.0"
>


<name>
Hello, World!
</name>


<author>
John Doe
</author>


<version>
1.5.0

</version>


<description>
A simple Hello, World! module.
</description>


<files>


<filename>
mod_helloworld.xml
</filename>


<filename

module="mod_helloworld"
>
mod_helloworld.php
</filename>


<filename>
index.html
</filename>


<filename>

helper.php
</filename>


<filename>
tmpl/default.php
</filename>


<filename>
tmpl/index.html
</filename>


</files>


<params>


</params>

</install>


helper.php chứa các lớp có nhiệm vụ lấy dữ liệu để hiện thị ra ngoài
<?php

/**
* Helper class for Hello World! module

*
* @package Joomla.Tutorials
* @subpackage Modules
* @link />wiki/Itemid,31/id,tutorials:modules/
* @license GNU/GPL, see LICENSE.php
* mod_helloworld is free software. This version may have
been modified pursuant
* to the GNU General Public License, and as distributed it
includes or
* is derivative of works licensed under the GNU General
Public License or
* other free or open source software licenses.
*/

class
modHelloWorldHelper
{

/**
* Retrieves the hello message

14

*
* @param array $params An object containing the module
parameters
* @access public
*/

function
getHello( $params )
{
return 'Hello, World!';
}
}
?>


default.php là template hiển thị module
<?php

// no direct access

defined( '_JEXEC' ) or die( 'Restricted access' );
?>

<?php
echo $hello;
?>

2.4.4. Cấu Trúc Gói Cài Đặt Template
Template : Là giao diện, khuông dạng, kiểu mẫu, hình thứ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 Temp cho Web
Site hay cho từng trang Web khác nhau một cách dễ dàng.
Một gói cài đặt template Joomla gồm các file bắt buộc sau:
 index.php
 templateDetail.xml
 template.css

 template_thumbnail.png
 và các file, thư mục khác
File index.php
File này gồm các mã lệnh PHP, thẻ <head>, thẻ <body> và các bảng <table>
hoặc các thẻ <div>để định vị các module và tạo nên bố cục của template.

15

File templateDetail.xml
Được sử dụng trong quá trình cài đặt. File này chứa các thông số về template và
giúp Joomla! biết được trong quá trình cài đặt cần tạo các thư mục và truyền các file
CSS, php, ảnh nào lên thư mục templates.
File template.css
Đầy chính là css chính của Joomla. File này kết hơp với index.php để tạo nên
template.
File template_thumbnail.png
File này chính là ảnh chụp minh họa của template. Nó giúp bạn dễ hình dung khi
lựa chọn template hoặc trong phần quản trị hoặc ở mặt tiền của Website (nếu bạn
cho phép mọi người có thể tùy chọn template).
Các thƣ mục và file khác
Ngoài các file chính nói trên trong gói cài đặt template có thể có thêm thư mục
css để chứa các file css bổ sung, thư mục ảnh để chứa các ảnh được sử dụng cho
template, thư mục javascript để chứa các javascript (nếu có)

2.4.5. Cách Cài Đặt Component, Module và Template Cho Joomla
Để có thể tích hợp component, module và template vào Joomla ngoài việc
dựa vào chuẩn cấu trúc của từng phần, kiến trúc của Joomla mà còn theo một số
phương pháp sau:
 Các com, mod, template được tạo ra phải nén dưới dạng file.zip khi đó mới
được cài đặt vào.

 Các com, mod, temp phải phù hợp với từng phiên bản của Joomla.
 Dùng lệnh Installation tương ứng với com, mod, temp để cài đặt.
 Sau khi đã cài đặt thành công thì kích hoạt com, mod, temp để có thể chạy
ứng dụng bằng cách Publish.

16


2.5. Sử Dụng Webserver Chạy Joomla(Xampp)
Để chạy được Joomla ta cần phải có một Webserver với Apache, MySQL, PHP and
Perl, việc cấu hình và cài đặt Webserver gặp nhiều khó khăn và tốn kém thời gian. Hiện
nay có nhiều phần mềm cấu hình sẳn và ứng dụng như một Webserver như Xamp,
Wamp,
Trong phần này em sử dụng Webserver Xampp để chạy Joomla.
Xampp dùng để giả lập máy tính thành một máy chủ web (máy tính khi được giả
lập máy chủ web sẽ được gọi là: localhost, để phân biệt với các máy chủ đang hoạt động
trên web là host server.
Truy cập vào địa chỉ:
để tải gói Xamp.
Đầu tiên, bung nén gói Xampp vào một thư mục gốc của máy tính. Ở đây mình
dùng ổ C: Cẩn lưu ý là các file trong gói Xampp phải nằm ngay trong thư mục cấp 1 ở
ổ C:\xampp.
2.6. Cài Đặt Joomla_2.5.6
 Chúng ta có thể truy cập vào trang web www.joomla.org để tải về các phiển
bản joomla. Trong đề tài nay em sử dụng joomla phiên bản mới nhất 2.5.6
 Giải nén tập tin vừa download về tại thư mục C:\xampp\htdocs. Đặt tên cho
thư mục là joomla_2.5.6
 Khởi động chương trình xampp-control để chạy Apache và Mysql

17

 Mở trình duyệt web truy cập vào đường dẫn http://localhost/phpmyadmin tạo
ra cơ sở dữ liệu mới icetea_shop, đây là cơ sở dữ liệu để lưu trữ dữ liệu cho
trang joomla sau này.

 Dùng trình duyệt truy cập vào địa chỉ http://localhost/joomla_2.5.6 trình
duyệt hiển thị ra màn hình trình cài đặt joomla:
Bƣớc 1: chọn ngôn ngữ, chúng ta chọn English và click Next
Bƣớc2: Kiểm tra các thông số trước khi cài đặt, click next Next








Bƣớc 3: License, click Next

18

Bƣớc 4: Cấu hình database. Tiến hành điền đầy đủ thông tin về database đã tạo ở
trên để joomla cài đặt cơ sở dữ liệu. Sau khi điền đầy đủ click Next

Bƣớc 5: Cấu hình FTP, có thể bỏ qua click Next
Bƣớc 6: Cấu hình cho site. Tiến hành điền đầy đủ thông tin sau đó click Next

19

Bƣớc 7: Cài đặt hoàn tất, tiến hành xóa thư mục cài đặt, click vào Remove

installation folder.
Joomla có 2 khu vực:
 Khu vực administrator dành cho người quản trị (backend)
 Khu vực site dừng để hiển thị thông tin bài viết, hình ảnh, tin tức cho người
truy cập… (frontend)

Click vào Site:
Đây là giao diện Joomla sau khi cài đặt.


20

2.7. Giới Thiệu Sơ Lƣợc Về Component Virtuemart
Có nhiều nguờỉ là chủ một cửa hàng nhỏ, doanh nghiệp mới muốn phát triển một
trang website giối thiệu sản phẩm của mình mà không có tiền thuê thiết kế website, hoặc
mua các sản phẩm thương mại. Một giải pháp khá tốt để các bạn lựa chọn. Đó là sự kết
hợp giữa joomla và phần mở rộng chuyên về bán hàng trực tuyến VirtueMart. Đây là
thành phần mở rộng mã nguồn mở và miễn phí và bạn có thể xem và tải vể tại
.








Công thức của một trang web thương mại đện tử
Website bán hàng qua mạng internet (VirtueMart Solution) là một trong những giải
pháp bán hàng trực tuyến đa chức năng, ổn định và bảo mật cao.

Các tính năng nổi bật:
 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ư một cửa hàng reên mạng.
 Tìm kiếm thông tin sản phẩm, danh mục hay nhà cung cấp một 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ể hiện 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.

21

 Hỗ trợ thanh tóan 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 )
 Khách hàng có thể thực hiện thanh toán qua hình thức mà họ muốn (trực tuyến, tiền
mặt).
 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 vận dựa trền hình thức vận chuyển và trọng lượng của từng loại sản
phẩm.
 Quản lý tòan vẹn quy trình bán hàng: từ lúc đặt hàng cho đến khi đơn hàng hòan tất
(đã chuyển, đã thu)
 An toàn, bảo mật, đã được kiểm chứng qua nhiều dự án triển khai thành công.

2.8. Cài Đặt Virtuemart
Trong tài liệu này em sử dụng virtuemart phiên bản mới nhất 2.0.8e. Có thể truy cập
vào website www.virtuemart.net để download phiên bản này về
Bƣớc 1: Sau khi download bạn sẽ nhận được một file
com_virtuemart.2.0.6_extract_first.zip. Tiến hành EXTRACT file này ra bạn sẽ được 2
file:

 com_virtuemart.2.0.8e.zip – các file lưu trữ của virtuemart
 com_virtuemart.2.0.8e_ext_aio.zip – Trình cài đặt và cấu hình
Bƣớc 2: Cài đặt virtuemart trên joomla
 Login vào trang administrator
 Trên thanh điều hướng của trang administrator click Extension – Extension
Manager. Click Browser và chọn file đầu tiên trong hai file nói ở trên.
 Click Upload & Install cho file đầu tiên
 Lặp lại cách làm với file thứ 2

22

 Bạn sẽ nhận được thông điệp “Install Component Was Successful!” nếu cài đặt
thành công
III. Xây Dựng Trang Web Bán Tablet Trên Localhost
3.1. Cài Đặt Và Cấu Hình Template Cho Joomla
Template chính là giao diện người dùng của joomla. Như đã nói ở trên Joomla có hai
khu vực trang backend dành cho người quản trị và trang frontend danh cho người
dùng, do đó joomla có hai loại template dành riêng cho mỗi khu vực. Ở đây chúng ta
chỉ cần quan tâm tới template trang frontend danh cho người dùng truy cập. Mục
đích của đề tài này là xây dựng website thương mại điện tử vì vậy chúng ta sẽ tìm
một template phù hợp với mục đích đó. Mặc dù Joomla! đã cung cấp sẵn giao diện
người dùng nhưng không phù hợp với mục đích thương mại điện tử. Ở đây em sử
dụng template icetheme the shop version 1.7.
Chúng ta có thể download template này tại địa chỉ />templates/e-commerce/it-theshop.html.
3.1.1. Cài Đặt Template Icetheme The Shop Version 1.7
Bƣớc 1: tiến hành giải nén file vừa download về ta được một tập các file.
Bƣớc 2: Đăng nhập vào trang administrator click Extensions->Extension Manager

23

Click Browser chọn từng file trong số các file đã giải nén ra click install & upload













Thứ tự install các file như sau:
1. tpl_it_theshop_v.1.7.x.zip
2. mod_icemgamenu_v.1.6.x.zip
3. mod_icetabs_v.6.x.zip
4. mod_ice_carousel_v1.7.x.zip
5. mod_iyosis_facebook_j1.6_v1.2.zip
6. mod_iceaccordion_v.1.6.x.zip

7. plg_icem egamenu_v.1.6.x.zip
8. plg_icespeed_v.1.6.x.zip
Bƣớc 3: Click Extension-> Template Manager. Click vào ngôi sao màu trắng ngang
hàng với it_theshop để sử dụng template.

24













3.1.2. Cấu Hình Template
Click it_theshop-Default để vào trang cấu hình cho template

25

Các tham số hiện ra ở đây gồm có:
 Default Template Style : Chọn màu sắc cho website theo phong cách của bạn
 Left Column Width (px): Tùy chỉnh độ rộng của cột bên trái nơi đặt các
module với position left (đơn vị pixel)
 Right Column Width (px): Tương tự như trên nhưng dành cho cột bên phải
(đơn vị pixel)

 Site Logo: Chọn logo cho website
 Go To Top Link: Nút nhấn cho phép user trở về đầu trang
Sau khi thành xong cấu hình cho template click “save” để lưu lại.
Tiến hành Enable các Module đã được cài đặt ở trước:
1. mod_icemgamenu.zip
2. mod_icecarousel.zip
3. mod_iyosis_facebook.zp
4. mod_iceaccordion.zip
5. mod_icetabs.zip