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

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


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

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

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).

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)

</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>

*
* @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
*/
 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.


 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

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:


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

 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

Trích đoạn Tông Kết

---