TRƯỜNG ĐẠI HỌC NGOẠI THƯƠNG

CHUYÊN ĐỀ
Hướng dẫn cài đặt và sử dụng
WEBSITE
CỔNG THÔNG TIN & THƯƠNG MẠI ĐIỆN TỬ
trong doanh nghiệp

“Joomla”

Giảng viên:
ThS. Nguyễn Văn Thoan
Trưởng Bộ môn Thương mại điện tử

Trường Đại học Ngoại thương Thương mại điện tử 5/2007

 Phần 1.
HƯỚNG DẪN CÀI ĐẶT
WEBSITE JOOMLA
 Các tài nguyên cần thiết
Website: joomla
PC
Windows
Programs: Web Server: Apache/IIS
Data MySQL/SQL/Oracle
Web Application: Joomla/Drupal
Online Shop: VirtueMart
Bước 1: Các tài
nguyên cần thiết để
cài đặt website
Joomla
 Phần 1 . Cài đặt
1. Cài đặt Xampp
- Php myadmin
- MySql
2. Cài đặt wesbite Joomla
1. Cài đặt Xampp (OK)
 Cài đặt
1. Cài đặt Xampp
- Php myadmin
- MySql
2. Cài đặt wesbite Joomla
3. Cấu hình và sử dụng
 Lưu ý 1.
Thư mục Xampp sau khi cài
đặt có thể được đặt tại ổ C
hoặc trong Program Files
 Lưu ý 2.
Copy nội dung website
Joomla vào trong thư mục
Xampp/htdocs/
Và đổi tên tùy ý, vd: ecom12
 2. Cài đặt Website Joomla

Bước 1: Copy nội dung website vào thư mục chưa máy
chủ web
C:\Program Files\xampp\htdocs

C:\xampp\htdocs
TẠO CƠ SỞ DỮ LiỆU
Bước 1. Tạo database cho website
Bước 2. Tạo database cho website
-Tên database: ecom12_data
-Chuẩn font: utf8_general_ci
Bước 3. Tạo database cho website
Hoàn thành việc tạo cơ sở dữ liệu
cho website
Cài đặt website Ecom12 trên
nền Joomla
Bước 1. gõ địa chỉ website để cài đặt
http://localhost/ecom12
Bước 2. Kiểm tra các thông số của
máy chủ
Nếu OK kích vào Tiếp/Next
Bước 3. Kiểm tra License
Nếu OK kích vào Tiếp/Next
Bước 4. Tạo database cho website
Hoàn thành việc tạo cơ sở dữ liệu cho website
Lưu ý: Tên cơ sở dữ liệu vừa tạo: ecom12_data
Bước 5. Tiếp
 Bước 3. Kiểm tra License
Nếu OK kích vào Tiếp/Next

Bước 6. Lưu ý – Cài đặt dữ liệu mẫu

Hướng dẫn cài đặt một số
module và component
Bước 1. Mở 1 trang web để xem
front-end của website
Bước 2. Mở 1 trang web khác để xem
back-end của website.
Nhập tên và mật khẩu quản trị
Giao diện quản trị
 Hướng dẫn cài đặt
Virtue Mart 13 cho Joomla 1.5
Bước 1. Mở giao diện cài đặt
Extensions
Install/Uninstall
Lưu ý: nếu hệ thống báo lỗi Legacy
Plugins thì phải enable lên
Extensions
Plugins Manager
Hướng dẫn enable System Legacy
Extensions
Plugins Manager
Hướng dẫn enable System
Legacy
Extensions
Plugins Manager
Tiếp tục công đoạn cài đặt VirtueMart
Lưu ý: cài Com trước, Mod sau
Lưu ý: Cài đặt dữ liệu mẫu cho cửa
hàng ảo
Đã cài đặt xong cửa hàng VirtueMart
Hướng dẫn Cấu hình và Quản
trị website
Task 1. Quản lý Main Menu
- Dịch các Menu sang tiếng Việt
- Đổi tên Main Menu thành GiỚI THIỆU
Task 1. Quản lý Main Menu
- Dịch các Menu sang tiếng Việt
Hướng dẫn:
Menu  Main Menu Kích vào từng
Menu con trong Main Menu để biên tập lại
bằng tiếng Việt
Task 1. Quản lý Main Menu
- Dịch các Menu sang tiếng Việt
Hướng dẫn:
Menu  Main Menu Kích vào từng
Menu con trong Main Menu để biên tập lại
bằng tiếng Việt
Giao diện Biên tập các Menu bằng
tiếng Việt
Lưu ý: Nếu database không theo chuẩn
utf8_general_ci, các menu có thể không
hiển thị đúng tiếng Việt
Đổi tên MAIN MENU thành TRANG CHỦ
Hướng dẫn:
Extensions  Module Manager  Chọn
Main Menu rồi biên tập tên của Module
thành Trang Chủ
Đổi tên MAIN MENU thành TRANG CHỦ
Hướng dẫn:
Màn hình biên tập
Đổi tên MAIN MENU thành TRANG CHỦ
Màn hình kết quả
Task 2. Chỉnh sửa đường dẫn Home
thành Trang chủ
Hướng dẫn: Biên tập module
Breadcrumbs
Đổi tên MAIN MENU thành TRANG CHỦ
Màn hình kết quả
Lưu ý: Module Breadcrumbs có chức
năng hiển thị đường link đến trang web
đang được mở
Task 3. Disable/Enable một số modules
Disable module: Resources và Key
Concepts
Task 3. Disable/Enable một số modules
Disable module: Resources và Key
Concepts
Hướng dẫn: Extensión  Module
Manager  Dùng nút Enbales bên phải
các Modules
Task 4. Tạo một Menu mới trên
Trang chủ với tên là: CÁC DỊCH VỤ
Lưu ý: Đây là task quan trọng và mất
nhiều bước để tạo
Task 4. Tạo một Menu mới trên Trang
chủ với tên là: CÁC DỊCH VỤ
B1. Tạo Section để lưu trữ tin của Menu
đang tạo
Task 4. Tạo một Menu mới trên Trang
chủ với tên là: CÁC DỊCH VỤ
B1. Tạo Section để lưu trữ tin của Menu
đang tạo
Task 4. Tạo một Menu mới trên Trang
chủ với tên là: CÁC DỊCH VỤ
B2. Tạo Category trong Section đã tạo
(category tương ứng với các Menu con)
Task 4. Tạo một Menu mới
trên Trang chủ với tên là:
CÁC DỊCH VỤ
B2. Tạo Category trong
Section đã tạo (category
tương ứng với các Menu con)
-Đào tạo
Lưu ý: Category Đào tạo phải
được đặt trong Section: CÁC
DỊCH VỤ
Task 4. Tạo một Menu mới
trên Trang chủ với tên là:
CÁC DỊCH VỤ
B3. Tạo thêm một số
Category khác trong Section
CÁC DỊCH VU
- Tư vấn
- Giải pháp TMĐT
Task 4. Tạo một Menu mới trên Trang
chủ với tên là: CÁC DỊCH VỤ
B3. Tạo thêm một số Category khác trong
Section CÁC DỊCH VU
- Tư vấn
- Giải pháp TMĐT
Task 4. Tạo một Menu mới trên Trang
chủ với tên là: CÁC DỊCH VỤ
B4. Tạo Menu gắn với Section CÁC DỊCH
VỤ với tên là CÁC DỊCH VỤ
Hướng dẫn:
Menu  Menu Manager
Task 4. Tạo một Menu mới
trên Trang chủ với tên là: CÁC
DỊCH VỤ
B4. Tạo Menu gắn với Section
CÁC DỊCH VỤ với tên là CÁC
DỊCH VỤ
Hướng dẫn:
Menu  Menu Manager
Lưu ý: Phải nhập đủ tên vào 4
trường
Task 4. Tạo một Menu mới
trên Trang chủ với tên là:
CÁC DỊCH VỤ
B4. Tạo Menu gắn với Section
CÁC DỊCH VỤ với tên là CÁC
DỊCH VỤ
Hướng dẫn:
Menu  Menu Manager
Lưu ý 1: Phải nhập đủ tên
vào 4 trường
Lưu ý 2: Sau khi tạo xong
Menu phải vào Module
Manager để enable Module
đó cho phép hiển thị trên
website
Task 4. Tạo một Menu mới trên
Trang chủ với tên là: CÁC DỊCH
VỤ
B4. Tạo Menu gắn với Section
CÁC DỊCH VỤ với tên là CÁC
DỊCH VỤ
Hướng dẫn:
Menu  Menu Manager
Lưu ý 1: Phải nhập đủ tên vào 4
trường
Lưu ý 2: Sau khi tạo xong Menu
phải vào Module Manager để
enable Module đó cho phép
hiển thị trên website
Task 4. Tạo một Menu mới trên
Trang chủ với tên là: CÁC DỊCH VỤ
Lưu ý 3: Nhập thông số cấu hình
Menu chính
Kết quả 1.
Chưa đẹp do chưa có các Menu con
Cần tạo tiếp các Menu con tương
ứng với các Category đã tạo ở trên
Tạo các Menu con trong Menu: CÁC
DỊCH VỤ
Hướng dẫn:
Menus  CÁC DỊCH VỤ
Tạo các Menu con nằm trong CÁC
DỊCH VỤ và gắn với các Category
tương ứng đã tạo ở bước trước
Tạo các Menu con trong Menu: CÁC
DỊCH VỤ
Lưu ý: Có 2 định dạng tin phổ biến là
Category Blog Layout và Category List
Layout
Tạo các Menu con trong Menu: CÁC
DỊCH VỤ
Lưu ý: Gắn từng Menu con với các
Category
Tạo các Menu con trong Menu: CÁC
DỊCH VỤ
Lặp lại các bước tạo Menu con cho các
Category tương ứng
Kết quả như minh họa!
Task 5. Việt hóa các menu trên Top
Menu và tạo thêm 1 menu mới
Hướng dẫn: Menu  Top Menu
Task 5. Việt hóa các menu trên Top
Menu và tạo thêm 1 menu mới
Hướng dẫn: Menu  Top Menu
Task 5. Việt hóa các menu trên Top
Menu và tạo thêm 1 menu mới
Hướng dẫn: Biên tập trực tiếp vào các
Menu đã có
Task 5. Việt hóa các menu trên Top
Menu và tạo thêm 1 menu mới
Hướng dẫn: Biên tập trực tiếp vào các
Menu đã có
Task 5. Việt hóa các menu trên Top Menu và tạo
thêm 1 menu mới
Kết quả
Sau khi đã quản lý được Top Menu, xóa các Menu
cũ, tạo 4 menu mới: Giới thiệu | Kinh nghiệm | Kiến
thức chung | Liên hệ
Sau khi đã quản lý được Top Menu, xóa các Menu
cũ, tạo 4 menu mới: Giới thiệu | Kinh nghiệm | Kiến
thức chung | Liên hệ
Hướng dẫn:
Tạo 1 section là TOP MENU
Tạo các Category tương ứng trước
Tạo các Menu gắn với các Category đó
Liên hệ có 1 Component riêng
Sau khi đã quản lý được
Top Menu, xóa các Menu
cũ, tạo 4 menu mới: Giới
thiệu | Kinh nghiệm | Kiến
thức chung | Liên hệ
Hướng dẫn:
Tạo 1 section là TOP MENU
Tạo các Category tương
ứng trước
Tạo các Menu gắn với các
Category đó
Kết quả 3 Categories đã được tạo
trong Section TOP MENU
Tạo Menu GiỚI THIỆU trong TOP
MENU gắn với Category Giới
thiệu đã được tạo ở bước trước
Kết quả
Tạo tiếp các Menu tương ứng để
Kết quả như trên
Lưu ý: Khi tạo menu CONTACT
chọn kiểu là Contact Category
Layout
Để biên tập các nội dung Contact,
sử dụng Component Contacts
Task 6. Quản lý Media
Task 6. Quản lý Media
Hướng dẫn tạo các thư mục
Video, Audio để lưu trữ file âm
thanh, hình ảnh của website
Task 7. Quản lý Articles
Lưu ý: Trước khi cập nhật tin cần
chỉnh sửa lỗi Pending trong
Joomla 1.5 RC4
 Sửa lỗi Article Pending (Joomla 1.5 RC4)

• Hướng dẫn:
• Mở file: ../libraries/joomla/utilities/date.php
• Thay dòng 107 bằng dòng lệnh sau:
• $this->_date = strtotime($date) - ($tzOffset*3600);
Xem màn hình minh họa

• Xem tham khảo thêm tại

• http://forum.joomla.org/index.php/topic,242011.0.html
Task 7. Quản lý
Articles
Lưu ý: Trước khi cập
nhật tin cần chỉnh sửa
lỗi Pending trong
Joomla 1.5 RC4
Task 7. Quản lý Articles
Hướng dẫn:
-Lưu tin mới vào đúng Category
-Sử dụng các chức năng chèn
ảnh, chia trang, readmore.
Task 8. Thay đổi Welcome
Menu manager
Main menu
Parameter Systems
 Hướng dẫn
Cấu hình và quản lý cửa hàng trực tuyến
VirtueMart 13
- 301 Cài đặt VirtueMart13
- 302 Cấu hình virtueMart13 sau khi cài đặt
- 303 Sửa lỗi hiển thị sản phẩm theo từng Category
- 304 Sửa lỗi hiển thị Order Details – Xem slide
- 305 Cài đặt tiếng Việt cho cửa hàng – Xem slide
- 306 Quản lý Category
- 307 Quản lý các mặt hàng
- 308 Quy trình mua hàng
- 309 Quản lý các đơn đặt hàng
- 310 Chỉnh sửa giao diện Website
Task 2.1. Quản lý
VirtueMart
Hướng dẫn:
-Sau khi cài đặt đủ các
component và modules
của VirtueMart, hiển thị
Module VirtueMart lên
trang chủ
-Lưu ý: Chỉnh sửa cấu hình
Module để hiển thị theo
đúng chuẩn
Task 2.1. Quản lý VirtueMart
Hướng dẫn:
Chỉnh sửa cấu hình Module để
hiển thị theo đúng chuẩn, như
hình minh họa
Task 2.1. Quản lý VirtueMart
Kết quả hiển thị Module cửa hàng
trực tuyến
 HƯỚNG DẪN
• Sửa lỗi hiện thị sản phẩm theo từng
Category trong VirtueMart13
• Sửa lỗi hiển thị Order Detail trong Menu
Quản trị

• Lưu ý: Đây là 2 lỗi nhỏ, cần fix trước khi

thao tác quản lý cửa hàng
 Hướng dẫn
•
Mở file: ../components/com_virtuemart/virtuemart.php

Thay câu lệnh tại dòng 19:

global $mosConfig_absolute_path, $product_id, $vmInputFilter;

Bằng câu lệnh sau

•
global $mosConfig_absolute_path, $product_id, $vmInputFilter,
$category_id;

• Xem minh họa tại Slide tiếp theo

• Tham khảo thêm tại: http://forum.virtuemart.net/index.php?

topic=33507.15
Lưu ý: dấu khi khai báo biến !!!
 HƯỚNG DẪN
• Sửa lỗi hiện thị sản phẩm theo từng
Category trong VirtueMart13
• Sửa lỗi hiển thị Order Detail trong Menu
Quản trị

• Lưu ý: Đây là 2 lỗi nhỏ, cần fix trước khi

thao tác quản lý cửa hàng
Sửa lỗi hiển thị đơn hàng trong
Menu Quản trị
Kết quả hiển thị Module cửa hàng
trực tuyến
Hướng dẫn
Login và mua thử 1 sản phẩm
Thực hiện đầy đủ 4 bước mua
hàng
Kết quả như minh họa
Hướng dẫn
Kiểm tra đơn hàng trong Menu
Quản trị.
Lỗi giống màn hình
 Hướng dẫn
• Khai báo thêm biến trong 2 file
Lỗi ở dòng 19 – order list
Lỗi ở dòng 19 – order print
 Lỗi ở dòng 19 – order print
xem thêm

http://forum.virtuemart.net/index.php?topic=22397
Hướng dẫn
Kết quả sau khi sửa lỗi
Hướng dẫn
Kết quả sau khi sửa lỗi
Chi tiết đơn hàng
Hướng dẫn
Kết quả sau khi sửa lỗi
Chi tiết đơn hàng
Hướng dẫn
Kết quả sau khi sửa lỗi
Chi tiết đơn hàng
Hướng dẫn
Tạo các Category
Tạo các Sản phẩm cho từng
Category
 Hướng dẫn Việt hóa cửa hàng
• Sử dụng gói Languagepack for virtuemart 13
• Copy file vietnam.php vào thư mục joomla\administrator\
components\com_virtuemart\language
• Đổi tên English thành English 1, đổi tên Vietnam thành English
 Một số hướng dẫn khác
• Chỉnh sửa font trong templates
(contentheading, component heading)
Hướng dẫn
Kết quả sau khi Việt hóa
cửa hàng trực tuyến
 TRƯỜNG ĐẠI HỌC NGOẠI THƯƠNG

CHUYÊN ĐỀ
Hướng dẫn cài đặt và sử dụng
WEBSITE THƯƠNG MẠI ĐIỆN TỬ
trong doanh nghiệp

“Joomla”

Giảng viên:
ThS. Nguyễn Văn Thoan
Trưởng Bộ môn Thương mại điện tử

Trường Đại học Ngoại thương Thương mại điện tử 5/2007

3.1
Cài đặt module
BeInvoled
3.1 Cài đặt module
BeInvoled
Sửa lỗi trong Helper
Dòng 96
3.1 Cài đặt module
BeInvoled
Enabled module
3.1 Cài đặt module
BeInvoled
Cấu hình module
3.1 Cài đặt module
BeInvoled
Cấu hình module
3.1 Cài đặt module
BeInvoled
Cấu hình module
3.1 Cài đặt module
BeInvoled
Cấu hình module
3.1 Cài đặt module
BeInvoled
Cấu hình module
3.1 Cài đặt module
BeInvoled
Cấu hình module
Blue:
Chỉnh sửa đường dẫn đến
Logo
NewFlash
Chỉnh sửa thành Nguyên
tắc hoạt động
Menu: Right