1. CHƯƠNG 1: GIỚI THIỆU ĐỀ TÀI
Nghiên cứu, xây dựng Web bán hàng trực tuyến các
chương trình đào tạo Athena bằng OpenCart
I. Hoàn cảnh:
Với tốc độ phát triển của Internet như hiện nay, website đã trở thành một trong những
kênh quảng bá sản phẩm, dịch vụ không thể thiếu đối với doanh nghiệp. Đối thủ cạnh
tranh của bạn luôn tìm cách kiểm soát phần thị phần đáng kể trên mạng Internet và
nếu họ giành được thị phần đó sớm hơn, bạn sẽ khó có thể giành lại nó. Phát triển một
website bán hàng chuyên nghiệp, bạn sẽ tạo được lợi thế cạnh tranh bền vững trong
tương lai.
OpenCart là chương trình được thiết kế tính năng phong phú, dễ sử dụng, công cụ tìm
kiếm thân thiện và một giao diện trực quan hấp dẫn sẽ hỗ trợ bạn tạo nên một Website
hoàn hảo mà bạn cần.
II. Mục tiêu – yêu cầu:
1. Mục tiêu:
2. Yêu cầu:
- Đăng kí tài khoản ngân hàng có tính năng Internet Banking(thanh toán online, kết
hợp với ngân lượng,Bạc kim)
- Tối ưu hóa (SEO) cho web, tối ưu hóa tìm kiếm các chương trình đào tạo Athena
trên google.
- Thực hiện Marketing online trên mạng xã hội facebook, youtube, Zing me các
chương trình Athena
- Đưa Web chay trên VPS (Server) trên Internet. Học cách khai báo domain, CSDL
trên Server VPS.
III. OPENCART:
1. Khái niệm OpenCart:
OpenCart là một mã nguồn mở, sử dụng ngôn ngữ PHP, cung cấp các giải pháp
thương mại điện tử mạnh mẽ với khả năng tạo kinh doanh trực tuyến,ngoài tính
năng free thì opencart được biết đên với các tinh năng vốn có của 1 opensource,
là có thể sửa đổi,dễ hiệu chỉnh, dễ cải tiến theo hướng phát triển của bản thân
ngưởi sử dụng. Trong lĩnh vực Thiết kế site bán hàng, Opencart quản lý hệ
thống CMS lớn với phần mua hàng, điểm thưởng. Điều mà người viết tâm đắc
nhất ở Opensource là chế độ tự build Themes, tạo khả năng sáng tạo cho người
dùng, cùng với chế độ quản lý điểm cộng, điểm thưởng, quản lý gian hàng cực
2. kì rõ ràng và hiệu quả, tính dễ sử dụng cũng là một điều ngưởi viết cũng cân
nhắc.
2. Tính năng :
Opencart đầu tư khá công phu cho việc sử dụng , quản lý các gian hàng, và khách
hàng. Nó chứa các module cho phép bạn sử dụng các mục đích khác nhau, như giới thiệu
sản phẩm, sản phẩm được đưa ra trưng bày, liệt kê sản phẩm theo các tính năng.
Ngoài ra Opencart còn có các chức năng như :
+ Hệ thống tính điểm Coupon
+ Thẻ quà tặng
+ Xếp hạng các hạng mục sản phẩm
+ SEO
+ Tiền tệ
+ Đơn hàng ……
3. Ưu, nhược điểm :
a. Ưu điểm :
- Cài đặt đơn giản nhanh chóng
- Dễ dàng cấu hình và tùy chỉnh theo ý thích
- Coder dể dàng nắm bắt và phát triển
- Template nhẹ nhàng, hỗ trợ nhiều Jquery
- Thân thiện với người sử dụng
- Hỗ trợ tốt về Đa ngôn ngữ
- Format code rõ ràng theo chuẩn MVC
- Cộng đồng phát triển mạnh
- Hỗ trợ mutilstore
b. Nhược điểm:
- Không hỗ trợ Hooks. Khi thêm một modules mới cần phải tác động đến phần
code mặc định.
3. Cấu Trúc Của OpenCart
Đây là cây thư mục mô tả các thư mục trong opencart
Hiện tại chúng ta sẽ chỉ quan tâm đến 2 thư mục là admin và catelog, còn các thư
mục khác chúng ta tạm thời gác sang một bên. Quan sát bằng mắt thường chúng ta
cũng có thể thấy 2 thư mục này có cấu trúc khá giống nhau. Bởi chúng thực hiện 2
nhiệm vụ hoàn toàn độc lập với nhau. Thư mục admin là website dành cho người
quản lý web, còn thư mục catelog là website dành cho người dùng.
website ADMIN lấy thông tin từ database và xử lý nó theo ý người quản lý rồi lại
lưu vào database.
website CATELOG lấy thông tin từ databse và xuất ra cho người dùng xem.
Cách làm việc của ADMIN và CATELOG như thế nào thì chúng ta hãy cùng xem
nhé.
Trong Catelog và Admin có các thư mục:
4. - Controller: Trong thư mục này sẽ chứa các file điều khiển. Các file này sẽ có
nhiệm vụ lấy thông tin từ database, lấy ngôn ngữ từ thư mục "Language" và truyền
vào thư mục "View"
- Language: Chả cần phải nói cũng biết là trong này chứa ngôn ngữ. Với mô hình
MVC, chúng ta có thể thay đổi ngôn ngữ website rất dễ dàng. Hoặc thậm chí tạo ra
1 loại ngôn ngữ cho riêng mình cũng không phải khó khăn.
- Module: Chứa các hàm xử lý. Nó chứa các function và sẽ được gọi ở trong
Controller.
- View: Nhận các biến từ controller và xuất ra thành giao diện web
IV. Các bước cài đặt OpenCart:
Vàotrangwww.oldapps.comđể download bản XAMPP 1.7.3.
Nhấn Install để bắt đầu quá trình cài đặt
Sau khi chạy xong cửa sổ CMD sẽ tự động bật lên
7. Enter lần 2
Nhấn X để thoát khỏi cửa sổ CMD
8. Vào trang http://localhost/ chọn ngôn ngữ English để kiểm tra
Click vào admin của dòng MySQL
9. ấn vào tab Database để tạo database
Tại ô Create New Database điền thông tin Database mà bạn muốn tạo
,cuối cùng ấn Create để hoàn thành
Coppy và đổi tên file source Opencart vào thư mục cài đặt
C:xampphtdocs
10. Mở trình duyệt bất kì nhấn vào địa chỉ “localhost/athena 1”
Lưu ý: athena 1 là Database mà bạn tạo lúc đầu.
Chọn ngôn ngữ là tiếng việt
11. Click vào “tôi đồng ý cấp giấy phép” Tiếp tục
Tiếp tục
12. Điền các thông tin cần thiết vào
Tiếp tục
Hoàn thành
ở bước này bạn phải xóa thư mục Install trong thư mục gốc
14. Đây là bảng quản trị Website
Bấm vào Menu "Hệthống" -> "Cấuhình". Bấm vào nút "sửa"
Thayđổithông tin tổngquan:
Têncửahàng
Chủcửahàng:
Địachỉ: “LàđịachỉCty, Shop”
16. Chuyển qua "Nútthanhtoán"
Open cart hổ trợ thanh toán qua trung gian là NgânLượng và Bảo Kim. Bạn cần phải
đăng ký dịch vụ thanh toán trên trang chủ của NgânLượng (nganluong.vn) và Bảo Kim
(baokim.vn) để lấy các thông tin: Mã merchant, mật khẩu giao tiếp, tài khoản nhận tiền.
Sang thẻ hình để thay đổi logo web như mong muốn
Tùy chỉnh Danh mục sản phẩm, sản phẩm.
17. Truy cập vào Menu "Sảnphẩm", "Danhmục". Bạn có thể thêm, xóa, hoặc chỉnh
sửa danh mục.
Bấm vào Menu "Sản phẩm", "Sản phẩm". Bạn có thể thêm, xóa, Sao chép, hoặc chỉnh
sửa thông tin của các sản phẩm.
Tạo một danh mục sản phẩm
18. Vào Menu "Sản phẩm", "danh mục"
Bấm vào nút "Thêm" để tạo danh mục sản phẩm mới
Hiển thị nội dung ra trang chủ
Vào Menu "Phần mở rộng", "Mô-đun"
19. Vàodòng: "sản phẩm theo danh mục", bấm "sửa"
Nhấn vào nút "xem cửa hàng" để xem kết quả cuối cùng.
20. Chỉnhsửa Mod Hỗtrợtrựctuyến
Vào Menu "Phần mở rộng", "Mô-đun"
Dòng Hỗ trợ, bấm vào nút "Sửa"
Chỉnhsửathông tin Yahoo ID, Sốđiệnthoại. Bấmnút "Lưu"
21. Đăng tin tức, chỉnhsửa
Tạo danh mục tin tức: Vào Menu "Nội dung", "Danhmục"
Đăng tin, chỉnhsửa tin
Vào Menu "Nội dung", "Tin tức"
Thêm, sao chép, xóa tin tức.
22. Bấm nút "Thêm" để tạo một tin tức mới.
Tên tin tức:
Môtảtừkhóa:
TừKhóa
Môtả: Nội dung thông tin
--------
Chuyển qua thẻ "Dữliệu"
23. Hình: nhấn vào "Đường dẫn", up hình và chọn hình phù hợp.
--------------------
Chuyểnthẻ "Liênkết"
Chọn danh mục muốn tin hiển thị, ví dụ "Tin công ty". Bấm nút "Lưu" để . Xem kết quả:
Hiệu chỉnh Slide trình diễn quảng cáo đầu trang
24. Vào Menu "Công cụ", "Liên kết-Slide-Banner"
Bấm vào Slide trang chủ, chọn "Sửa"
Tiêuđề:
Liên kết: Trỏ về website bấtkỳ
Hình ảnh: Bấm "chọn hình", tải hình và chọn hình phù hợp.
Lưu ý: Ảnh chọn tải lên phải có kích thước Ngang: 920, Dọc: 342.
Có thể xóa bớt các Link nếu không thích
Bấm "Lưu" đểhoànthành.
25. Tùy chỉnh quảng cáo hai bên
Truy cập vào Menu Công cụ>Liên kết- Slide - Banner. Click sửa Banner quảng cáo 1
Bạn có thể thêm, xóa một liên kết hoặc chọn hình, xóa hình một liên kết bất kì.
26. Tạo banner quảng cáo trượt hai bên
Truy cập vào Menu Công cụ>Liên kết-Slide-Banner. Click “Thêm” để tạo mới.
Đặt tên cho banner cần quản lý, thêm liên kết. Sau đó click “Lưu”.
27. Copy 2 thư mục ( folder) admin, catalog vào thư mục gốc
Thư mục gốc: C:xampphtdocsshop
Bạn vào: Phần mở rộng >Mô-đun>tìm Left-Right-Scroll Banner> ChọnCài đặt
modun.
28. Sau khi cài đặt xong: Sửa (Left-right-scoll banner)
Chọn Thêm mô-đun và làm theo hướng dẫn bên dưới
29. Chọn Cài đặt cho modun chạy trên web thuộc những phần nào:
(1), (2): Chọn định dạng trượt
(3): Chọn kích thước hình ảnh chạy dọc theo trang web
(4): Phần banner chạy. Chỉ xuất hiện trên các trang mình cho phép chạy.
(5): Hiển thị (bật) / không hiển thị (tắt)
(6): Hoàn tất quá trình.
30. Đưa video vào website
Copy 2 thư mục ( folder) admin, catalog vào thư mục gốc
Thư mục gốc: C:xampphtdocsshop
31. Bạn vào: Phần mở rộng >Mô-đun>tìm Youtube> Chọn Cài đặt modun
Sau khi cài đặt xong: Sửa (Youtube)
32. Chọn Thêm mô-đun và làm theo hướng dẫn bên dưới
Chọn Cài đặt cho modun chạy trên web thuộc những phần nào:
(1): Lấy code từ youtube
(2): Chọn kích thước hiển thị video
(3): Chỉ xuất hiện trên các trang mình chon.
(4): Vị trí hiển thị video
(5): Hiển thị (bật) / không hiển thị (tắt)
33. (6): Hoàn tất quá trình.
Hướng dẫn làm tooltip (zoom ảnh khi rê chuột vào sản phẩm)
trong Opencart
Cài đặt Vqmod
Copy thư mục vqmod vào thư mục gốc
Thư mục gốc: C:xampphtdocsshop
34. Mở trình duyệt và gõ vào thanh địa chỉ: localhost/shop/vqmod/install
Cài đặt thành công
Cài đặt Vqmod manager
Copy 2 thư mục admin và vqmod vào thư mục gốc
Thư mục gốc: C:xampphtdocsshop
35. Truy cập vào trang quản trị, chọn Menu Phần mở rộng> Mô-đun>tìm VQMod
Manager>Chọn install
Chọn Menu Phần mở rộng> VQMod Manager
36. Click Save (phía góc phải)để lưu lại
Tạo thư mục js trong theme opencart
Vào thư mục default theo đường dẫn: C:xampphtdocsshopcatalogviewthemedefault
Tạo thư mục có tên js
Copy file wz_tooltip.js vào thư mục js vừa tạo ở trên.
37. Zoom ảnh cho phần danh mục sản phẩm
Truy cập vào trang quản trị, chọn Menu Phần mở rộng> VQMod Manager
Chọn Browse và tìm đến file image-tooltips-tnt_productcat.xml > tiến hành upload.
38. Kiểm tra kết quả!
Zoom ảnh cho phần chi tiết sản phẩm
Copy 2 thư mục catalog và vqmod vào thư mục gốc
Thư mục gốc: C:xampphtdocsshop
39. Kiểm tra kết quả!
Zoom ảnh cho phần sản phẩm ngẫu nhiên, sản phẩm mới và sản phẩm tiêu biểu
Truy cập vào trang quản trị, chọn Menu Phần mở rộng > VQMod Manager
Chọn Browse và upload lần lượt từng file theo hướng dẫn
40. (1): image-tooltips-featured.xml : sản phẩm tiêu biểu
(2): image-tooltips-lasted.xml : sản phẩm mới
(3): image-tooltips-tnt_random.xml : sản phẩm ngẫu nhiên.