1. TRƯỜNG ĐẠI HỌC NGOẠI THƯƠNG
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: Nguyễn Hồng Quân

2. Phần 1.
HƯỚNG DẪN CÀI ĐẶT
WEBSITE JOOMLA

3. Các tài nguyên cần thiết
Website: joomla

4. Bước 1: Các tài
nguyên cần thiết để
cài đặt website
Joomla

5. Phần 1 . 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

6. 1. Cài đặt Xampp

7. 1. Cài đặt Xampp

8. 1. Cài đặt Xampp

9. 1. Cài đặt Xampp

10. 1. Cài đặt Xampp

11. 1. Cài đặt Xampp (OK)

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

13. 2. Cài đặt Joomla
Lưu ý 1.
Thư mục Xampp sau khi cài
đặt có thể được đặt tại ổ C
( hoặc trong C:Program Files )

14. 2. Cài đặt Joomla
Lưu ý 2.
Giải nén và Copy nội dung
website Joomla vào trong
thư mục Xampp/htdocs/
Và đổi tên tùy ý, vd:
ecom12

15. 2. Cài đặt Website Joomla
Copy nội dung website vào thư mục chứa máy chủ
web
C:xampphtdocs
Sau đó đổi tên thư mục này thành ecom12

16. TẠO CƠ SỞ DỮ LiỆU

17. Tạo cơ sở dữ liệu
Mở IE, vào địa chỉ: Localhost/xampp
Sau đó chọn English

18. Tạo cơ sở dữ liệu
Bước 1. Tạo database cho website
(Vào phpMyAdmin)

19. Tạo cơ sở dữ liệu
Bước 2. Tạo database cho website
-Tên database: ecom12_data
-Chuẩn font: utf8_general_ci
-Nhấn vào Creat

20. Tạo cơ sở dữ liệu
Bước 3. Tạo database cho website
Hoàn thành việc tạo cơ sở dữ liệu
cho website

21. Cài đặt website Ecom12
trên nền Joomla

22. Bước 1. gõ địa chỉ website để cài đặt
http://localhost/ecom12

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

24. Bước 3. Kiểm tra License
Nếu OK kích vào Tiếp/Next

25. Bước 4. Tạo database cho website
Lưu ý: Tên máy chủ: localhost
Tên đăng nhập: root
Mật khẩu: ĐỂ TRỐNG
Tên cơ sở dữ liệu vừa tạo: ecom12_data

26. Bước 5. Tiếp

27. Nhập tên website (tùy ý)
Địa chỉ email
Mật khẩu quản trị website (phải nhớ
mật khẩu này)
Lưu ý bước 6
Bước 6. Lưu ý – Cài đặt dữ liệu mẫu
trước khi bấm Next

28. Xóa thư mục Installation trong thư mục:
C:xampphtdocsECom12

29. Hướng dẫn cài đặt một số
module và component

30. Mở website
Mở website tại địa chỉ:
Localhost/ecom12
Giao diện website mẫu

31. Mở 1 trang web khác quản trị
Localhost/ecom12/administrator
Nhập tên và mật khẩu quản trị

32. Giao diện quản trị

33. Hướng dẫn Cấu hình và Quản
trị website

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

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

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

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

38. Đổ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ủ

39. Đổi tên MAIN MENU thành TRANG CHỦ
Hướng dẫn:
Màn hình biên tập

40. Đổi tên MAIN MENU thành TRANG CHỦ
Màn hình kết quả

41. Task 2. Chỉnh sửa đường dẫn Home
thành Trang chủ
Hướng dẫn: Biên tập module
Breadcrumbs

44. Breadcrumbs
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ở

45. Task 3. Disable/Enable một số modules
(Không hiển thị/Hiển thị)
Ví dụ: Disable module: Resources và Key
Concepts

46. Task 3. Disable/Enable một số modules
Disable module: Resources và Key
Concepts
Hướng dẫn: Extensions  Module
Manager  Dùng nút Enabled bên phải
các Modules

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

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

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

50. 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)
Chọn Category Manager

51. 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Ụ

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

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

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

55. 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 với tên là CÁC
DỊCH VỤ gắn với Section 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

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

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

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

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

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

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

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

63. 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!

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

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

66. 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ó

67. 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ó

68. 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ệ

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

70. 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 đó

71. Kết quả 3 Categories đã được tạo
trong Section TOP MENU

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

73. Kết quả

74. Tạo tiếp các Menu tương ứng để
Kết quả như trên

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

76. Task 6. Quản lý Media

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

78. Task 7. Quản lý Articles

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

80. Task 8. Thay đổi Welcome
Menu manager
Main menu
Parameter Systems

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

82. Hướng dẫn cài đặt
Virtue Mart 13 cho Joomla 1.5

83. Bước 1. Mở giao diện cài đặt
Extensions
Install/Uninstall

84. Cài đặt VirtueMart (đã giải nén)
Lưu ý: cài Com trước

85. Lưu ý: Cài đặt dữ liệu mẫu cho cửa
hàng ảo.
Sau khi hoàn thành, có thể lặp lại
bước trước để cài các Mod

86. Đã cài đặt xong cửa hàng VirtueMart

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

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

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

90. Hướng dẫn
Tạo các Category
Tạo các Sản phẩm cho từng
Category

91. 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
joomlaadministratorcomponentscom_virtuemartlanguage
• Đổi tên English thành English 1, đổi tên Vietnam thành English

92. Một số hướng dẫn khác
• Chỉnh sửa font trong templates
(contentheading, component heading)

93. Hướng dẫn
Kết quả sau khi Việt hóa
cửa hàng trực tuyến

95. 3.1
Cài đặt module
BeInvoled

96. 3.1 Cài đặt module
BeInvoled
Sửa lỗi trong Helper
Dòng 96

97. 3.1 Cài đặt module
BeInvoled
Enabled module

98. 3.1 Cài đặt module
BeInvoled
Cấu hình module

99. 3.1 Cài đặt module
BeInvoled
Cấu hình module

100. 3.1 Cài đặt module
BeInvoled
Cấu hình module

101. 3.1 Cài đặt module
BeInvoled
Cấu hình module

102. 3.1 Cài đặt module
BeInvoled
Cấu hình module

103. 3.1 Cài đặt module
BeInvoled
Cấu hình module

104. Blue:
Chỉnh sửa đường dẫn đến
Logo

105. NewFlash
Chỉnh sửa thành Nguyên
tắc hoạt động
Menu: Right