TRUNG TÂM ĐÀO TẠO ATHENA
QUẢN TRỊ MẠNG & AN NINH MẠNG
QUỐC TẾ ATHENAĐỀ TÀI:
THIẾT KẾ WEBSITE BÁN HÀNG DÂN DỤNG
TRỰC TUYẾN BẰNG OPENCART
Giáo viên hướng dẫn: Võ Đỗ Thắng
Sinh viên thực tập: Nguyễn Thành Trung
Lâm Hoài Nhân
Triệu Văn Phú
Ngành: Công Nghệ Thông Tin
Khóa: 2011 – 2014
TP.HCM, ngày 16 tháng 5 năm 2014

LỜI CẢM ƠN

Trong lời đầu tiên của báo cáo đồ án tốt nghiệp “Xây dựng Web bán chương trình đào tạo
Athena bằng Opencart ” này, em muốn gửi những lời cám ơn và biết ơn chân thành nhất của
mình tới tất cả những người đã hỗ trợ, giúp đỡ em về kiến thức và tinh thần trong quá trình
thực hiện đồ án. Trước hết, em xin chân thành cám ơn Thầy Võ Đỗ Thắng Giám đốc Trung
Tâm Athena đã hướng dẫn, nhận xét, giúp đỡ em trong suốt quá trình thực hiện đồ án. Xin
chân thành cảm ơn các bạn thực tập ở trung tâm Athena và các anh (chị ) trong trung tâm đã
hỗ trợ em trong suốt thời gian học tập và làm tốt nghiệp. Cuối cùng em xin gửi lời cảm ơn
đến gia đình, bạn bè, người thân đã giúp đỡ động viên em rất nhiều trong quá trình học tập và
làm Đồ án Tốt Nghiệp. Do thời gian thực hiện có hạn, kiến thức còn nhiều hạn chế nên Đồ án
thực hiện chắc chắn không tránh khỏi những thiếu sót nhất định. Em rất mong nhận được ý
kiến đóng góp của thầy cô giáo và các bạn để em có thêm kinh nghiệm và tiếp tục hoàn thiện
đồ án của mình. Em xin chân thành cảm ơn!
TP.HCM, ngày 16 tháng 04 năm 2014

6. Khả năng làm việc nhóm
 Xuất sắc  Giỏi  Khá  Trung bình  Yếu
7. Khả năng giao tiếp
 Xuất sắc  Giỏi  Khá  Trung bình  Yếu
8. Các ý kiến đóng góp cho Khoa – Trường:9. Đánh giá kết quả thực tập:……… /10 điểm
Tên đơn vị nhận xét:
Địa chỉ:
Email: Điện thoại:
Loại hình đơn vị:  Nhà nước  Tư nhân  Liên doanh  Nước ngoài
XÁC NHẬN CỦA ĐƠN Vị
(Ký tên và đóng dấu xác nhận)
CÁN BỘ HƯỚNG DẪN
(Ký tên và ghi họ tên)
NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN
  
Giáo viên hướng dẫn: Võ Đỗ Thắng
Sinh viên thực tập: NGUYỄN TRUNG THÀNH
Đề tài:

Cài đặt Opencart 2.0 22
Chỉnh sửa website tại trang quản trị 27
Chỉnh sửa cấu hình web 27
Tùy chỉnh danh mục sản phẩm, sản phẩm 30
Tùy chỉnh các modul cho website 35
Tùy chỉnh danh mục tin tưc, tin tức 37
Tùy chỉnh lien kết – silde – banner 38
CHƯƠNG III: ĐƯA WEBSITE LÊN HOSTING VÀ TÍCH HỢP CÁC CHỨC NĂNG KHÁC CHO
WEBSITE PHÁT TRIỂN 39
3.1 Đưa Website Lên Hosting 39
Backup (Export) database của Website trên máy Local 44
2. Tạo database mới và upload (Restore) database trên hosting đã đăng ký 46
3. Tiến hành upload soucre web 49
1. Cấu hình file config 50
CHƯƠNG IV. TỐI ƯU HÓA SEO VÀ TẠO 1 SỐ PLUGINS XÃ HỘI CỦA FACEBOOK CHO
WEBSITE 52
IV. Tạo Like Box Cho Website Trên Fanpage 52
1. Tạo facepage cho website 52
c. Tạo like box cho website 54
d. Đưa code like box vào website (product) 55
2 Tối Ưu Hóa SEO 57
1.Dùng SEO URL’s 57
2. Tối ưu hóa seo tên sản phẩm và danh mục 57
CHƯƠNG V. GIỚI THIỆU VỀ WEBSITE BÁN HÀNG DÂN DỤNG 58
5.1 Nội Dung Website 58
1. Giao diện trang chủ 58
2. Giao dien trang giới thiệu 59
3. Giao diện trang tuyển dụng 60
4. Giao diện sản phẩm điện tử 60
5. Giao diện chi tiết sản phẩm 61


Quốc tế (Microsoft Certified Trainer).Đây là các chứng chỉ chuyên môn bắt buộc
để đủ điều kiện tham gia giảng dạy tại trung tâm ATHENA
+ Bên cạnh đó,Các giảng viên ATHENA thường đi tu nghiệp và cập nhật kiến
thức công nghệ mới từ các nước tiên tiến như Mỹ , Pháp, Hà Lan, Singapore,
và truyền đạt các công nghệ mới này trong các chương trình đào tạo tại trung
tâm ATHENA
Cơ sở vật chất:
+ Thiết bị đầy đủ và hiện đại.
+Chương trình cập nhật liên tục, đảm bảo học viên tiếp cận với những công nghệ
mới nhất.
+ Phòng máy rộng rãi, thoáng mát.
Dịch vụ hỗ trợ:
+ Đảm bảo việc làm cho học viên tốt nghiệp khóa dài hạn.
+ Giới thiệu việc làm cho mọi học viên.
+ Thực tập có lương cho học viên khá giỏi.
+ Ngoài giờ chính thức, học viên được thực hành miễn phí, không giới hạn thời
gian.
+ Hỗ trợ kỹ thuật không thời hạn trong tất cả các lĩnh vực liên quan đến máy tính,
mạng máy tính, bảo mật mạng.
+ Hỗ trợ thi Chứng chỉ Quốc tế.
SVTH: Nguyễn Trung Thành - Hoài Nhân - Văn Phú Trang 2.

Trung Tâm ATHENA - 2 Bis Đinh Tiên Hoàng , ĐaKao, Q1 , Tp HCM
SVTH: Nguyễn Trung Thành - Hoài Nhân - Văn Phú Trang 3.

Trung tâm ATHENA - 92 Nguyễn Đình Chiểu ,DaKao, Q1 , Tp HCM
Khóa học quản trị hệ thống mạng Cisco cho ngân hàng MHB Bank
SVTH: Nguyễn Trung Thành - Hoài Nhân - Văn Phú Trang 4.


dựng được Website này em sử dụng hệ mã nguồn mở Opencart, hiện đang là một hệ
mã nguồn rất phổ biến và được hỗ trợ rất nhiều trên các cộng đồng mạng.
SVTH: Nguyễn Trung Thành - Hoài Nhân - Văn Phú Trang 8.

a. Yêu cầu khách hàng
Là những người có nhu cầu cần xem và tìm hiểu các loại mặt hàng. Họ sẽ tìm
kiếm các thông tin cần thiết từ hệ thống và đặt mua các mặt hàng này. Vì thế trang
web phải thỏa mãn các chức năng sau sở hữu tổng thể. Những gì nhiều hơn, cải tiền
mới cho phép các ứng dụng chạy nhanh hơn.
- Hiển thị các mặt hàng để khách hàng có thể lựa chọn và xem các mặt hàng
cần lựa chọn.
- Cung cấp chức năng tiềm kiếm các mặt hàng. Với nhu cầu của người sử
dụng khi truy cập vào trang web là tìm kiếm các mặt hàng mà họ cần và muốn
xem. Đôi lúc cũng có nhiều khách hàng vào website này mà không có ý định xem
hay không biết xem gì thì yêu cầu đặt ra cho hệ thống là làm thế nào để khách
hàng có thể tìm kiếm nhanh và hiệu quả các mặt hàng mà họ cần tìm.
- Sau khi khách hàng lựa chọn xong những mặt hàng cần đặt mua thì hệ thống
phải có
c
h
ức
năng hiển thị đơn đặt hàng để khách hàng nhập vào những thông tin
cần thiết, tránh những đòi hỏi h
a
y những thông tin yêu cầu quá nhiều từ phía khách
hàng, tạo cảm giác thoải mãi, riêng tư cho khách h
à
ng.
- Ngoài ra, còn có 1 số chức năng như đăng kí, đăng nhập. Khách hàng có thể
thay đổi mật khẩu của mình. Khi bạn quan tâm đến thông tin về website như: tin tức

Hình 2.3: Bảng nhà sản xuât
d. Thông tin tuyển dụng
SVTH: Nguyễn Trung Thành - Hoài Nhân - Văn Phú Trang 11.

Hình 2.4: Bảng thông tin tuyển dụng
e. Csdl danh muc tin tức
Hinh 2.5: danh mục tin tức
f. Danh mục sản phẩm
Hình 2.6: danh mục sản phẩm
g. Nhóm uer
Hình 2.7: nhóm user
SVTH: Nguyễn Trung Thành - Hoài Nhân - Văn Phú Trang 12.

II. Tìm hiểu về mã nguồn mở
2.1 Khái niệm
Mã nguồn mở là thuật ngữ chỉ các sản phẩm, phần mềm công khai mã nguồn
mở (source code). Người dùng không phải trả một khoản chi phí nào, hơn thế nữa
họ có quyền xem, sửa đổi, cải tiến, nâng cấp theo một con số nguyên tắc chung quy
định trong giấy phép phần mềm nguồn mở General Public Licence – GPL. Ông tổ
của mã nguồn mở là Richard Stallman, người xây dựng dự án GNU, và cho ra giấy
phép mã nguồn mở GPL, hai nền tảng then chốt cho sự phát chiển của mã nguồn
mở
2.2 Giới thiệu về một số mã nguồn mở
a. Joomla
Joomla là một hệ điều quản trị nội dung mã nguồn mở (Tiếng anh: Open source
content Mangment Stystems). Joomla được viết bằng ngôn ngữ PHP và kết nối cơ
sở dữ liệu MySQL, cho phép người sử dụng có thể dễ dàng xuấ bản các nội dung
của họ lêm Internet.
b. WordPress
WordPress là một CMS, một mã nguồn mở và hoàn toàn miễn phí để làm blog,

như tin tức, giúp website hoàn thiện hơn trong mắt người dùng hiện nay, ở việt
nam hiện tại cũng khá nhiều công ty sử dụng mã nguồn này để thiết kế website và
phát triển các module của opencart để bán lại cho những người nào mà không
chuyên về lập trình.
Hình 2.1 Giao diện Source Opencart 2.0
Opencart là một mã nguồn mở miễn phí nó có thể dùng để sử đổi, dễ điều chỉnh,
dễ cải thiệ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. Opencart có tính năng rất độc đáo đó là tự buil theme, 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 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.
SVTH: Nguyễn Trung Thành - Hoài Nhân - Văn Phú Trang 15.

Opencart có những chức năng rất đã dạng: các opencartsource mỗi loại đều có
thế mạnh riêng, không có loại nào hơn loại nào, nhưng từ khi người viết sử dụng
Opencart thì thấy ngạc nhiên với các chức năng nó mang lại. Opencart cho phép
điểm thưởng, quà tặng, có thể sắp xếp các hạng danh mục của sản phẩm, có hỗ trợ
SEO URL, SEO TAG, SEO KEYWORD, tiền tệ đa dạng.
Opencart rất dễ sử dụng các module trong opencart rất trực quan và dễ sử dụng,
giúp các bạn có thể tùy chỉnh một cách đơn giản nhất có thể. Cộng đồng phát triển
mạnh (cả miễn phí và thương mại), cộng đồng ngày càng được phát triển mạnh ở
Việt Nam, vì thế sự hỗ trợ là rất lớn, và nhanh chóng. Đặc biệt nhà phát triển có thể
tùy chỉnh những gì mình thích, có thể đào sâu nghiên cứu, và không giới hạn tập
tin. Người sử dụng biết ít nhiều về photoshop và một ít về lập trình có thể sử dụng
được dễ dàng.
3.2 Opencart là một hệ thống giỏ hàng
Như đã nói trên, 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 modul 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…

Ngoài các trức năng kéo và thả giúp chúng ta xây dựng các trang web,
Dreamweaver còn cung cấp một môi trường viết mã truyên nghiệp bao gồm các
công cụ biên tập mã (chẳng hạn như, màu cú pháp, tự động đóng tab, và thu mã
thành một dòng), các bản tham khảo CSS, javacript, ColdFusion,… Công nghệ
RoundTrip HTML sẽ chèn vào những tài liệu viết tay mà không hề định dạng lại
mã, sau đó có thể chỉnh lại mã theo cách viết tùy thích.
Dreamweaver còn dúp chúng ta xây dựng các ứng dụng web dựa trên cơ sở dữ
liệu, và các trang web động chẳng hạn như CFML (Confusion), ASP.NET, ASP,
JSP, và PHP. Nếu như có sở thích dùng cơ sở dữ liệu SML, thì Dreamweaver sẽ
đưa cho người lập các công cụ mà giúp chúng ta dẽ dàng tạo da các trang XSLT,
các tập tin XML, và thể hiện được dữ liệu XML trên trang web.
Trong thực tế với Dreamweaver, chúng ta có thể tạo ra các đối tượng và các lệnh
cho riêng bàn thân mình, chúng ta còn có thề chỉnh sửa các phím tắt ứng dụng, hay
thậm chí viết thê mã javascript vào phần Extend Dreamweaver tạo ra các behavior
mới, các thanh thuộc tính mới, và các báo cáo site.
SVTH: Nguyễn Trung Thành - Hoài Nhân - Văn Phú Trang 17.

4.2 Công cụ đồ họa
Adobe Photoshop là phần mềm xử lý hình ảnh (image-proceesing software)
chuyên nghiệp, Photoshop cho phép người sử dụng sử ảnh (retouching), ghép ảnh
(composing), phục chế ảnh (retoration), tô màu ảnh (painting) một cahs dễ dàng và
hiệu quả. Phần mềm này là một cong cụ không thể thiếu của cá nhiếp ảnh gia, các
nhà thiết kế đồ họa, thiết kế web và biên tập video.
Ngoài ra Adobe Photoshop còn phối hợp rất tốt với cá phần mềm của Adobe
như:
- Phần mềm vẽ trang trí và minh họa (illustration software) Adobe Illustrator.
- Phần mềm sắp chữ và chình bày (typesetting and layout software) Adobe
InDesign.
- Phần mềm tạo hình ảnh động (Animation software) Adobe Flash.
- Phần mềm thiết kế trang web (Web design software) Adobe Dreamweaver