baocaocuoikyviet

1. BÁO CÁO THỰC
TẬP TỐT NGHIỆP
THIẾT KẾ WEB BÁN HÀNG TRỰC TUYẾNBẰNG
OPENCART
Trung Tâm Đào Tạo Quản Trị Mạng và An Ninh
Mạng Quốc Tế ATHENA
8/22/2014

2. BÁO CÁO THỰC TẬP TỐT NGHIỆP
2
ĐỀ TÀI:
THIẾT KẾ WEB BÁN HÀ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: Ngô Hoàng Tâm
Ngành: Công Nghệ Thông Tin
Khóa: 2010 – 2014

3. NETWORK ADMINISTRATOR AND NETWORK SECURITY TRAINNG
CENTER ATHENA
INTERNSHIP EVALUATION
3
STUDENT NAME: Ngô Hoàng Tâm
SUPERVISOR NAME: Võ Đỗ Thắng
INTERNSHIP START DATE INTERNSHIP END DATE
23/06/2014 06/09/2014
Please CHECK the category which best describes the student’s performance in each of these areas.
1. FULFILMENT OF INTENHSIP OBJECTIVES
 All objectives adequately objectives
 Most objectives fulfilled
 Few objectives fulfilled
 Objectives not met
Comments:
2. ACADEMIC PREPARATION OF THE STUDENTS
 Excellent
 Very good
 Good
 Average
 Below average
Comments:
3. INTEREST IN WORK/RESEARCH
 Very enthusiastic
 Generally interested
 Sometimes interested
 Little interest or enthusiasm

4. 4
Comments:
4. ABILITY TO LEARN
 Exceptional ability to learn new concepts or tasks very quickly
 Generally capable of learning new concepts or tasks within reasonable time frame
 Can learn with appropriate mentorship and guidance within reasonable time
frame
 Requires more time to learn new concepts or takes even with mentorship
Comments:
5. INITIATIVE
 Consistent self-starter and always strives to add value
 emonstrates some initiative on selected challenges
 Acts voluntarily only in routine time matters
 Always waits to be told what to do next
Comments:
6.INDEPENDENCE
 Requires minimal supervision, very independent
 Can usually work independently
 Works well under adequate supervision
 Requires constant mentorship or instruction
Comments:
7. ORGANIZATION/PLANNING
 Very organized and always equipped with a plan of action
 Generally organized and usually plans ahead
 Occasionally not organized and unprepared for the tasks at hand
 Generally not organized and ill-prepared for the tasks at hand.
Comments:
8. QUALITY OF WORK/RESEARCH
 Very thorough. Outstanding attention to detail
 Usually thorough. Generally, good work with very few errors
 Work usually required review, satisfactory work, but may contain some errors

5.  Work usually completed in careless manner and constantly plagued with errors
5
Comments:
9. ANALYTICAL/PROBLEM SOLVING SILLS
 Always understands the problems at hand; regularly exercises critical thinking and
systematic problem solving. Carefully evaluates and selects among alternatives and successfully solvers
problems with little assistance.
Generally understands the problems at hand; good analytically skills but may require
assistance in solving problems.
 Sometimes understands the problems at hand; analytical skills are satisfactory and usually
requires assistance in solving problems
 Usually poorly understanding of the problems at hand; experiences difficulty in evaluating
and selecting among alternatives; consistently gets stuck in the problem-solving process.
Comments:
10. DEPENDABILITY
 Completely dependable; worry-free
 Usually dependable
Sometimes neglectful or careless
 Unreliable
Comments:
11. ACCEPTANCE OF SUGGESTIONS AND CRITICSMS
 Takes prompt action in response to suggestions and feedback from supervisor
 Accepts suggestions and criticisms by supervisor and usually implements corrective
behavior over time
 Reluctantly accepts suggestions and criticisms by supervisor; very little demonstrated effort
to improve.
 Resents suggestions and criticisms by supervisor; no demonstrated effort to improve
Comments:
12. RELATIONS WITH OTHERS
 Works very well with others
 Work with other satisfactorily
 Has difficulty with some individuals
 General difficulty working with others

6. 6
Comments:
13. ATTENDANCE AND PUNCTUALITY
Poor Fair Satisfactory Good Excellent
Attendance     
Punctuality     
Comments:
OVERALL PERFORMANCE
 Outstanding
 Very Good
 Good
 Average
 Marginal
Comments:
EVALUATED BY:
OVERALL SCORE:

7. COMMENTS FROM STUDENT (If any)
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________
_____________________________________
7

8. LỜI NÓI ĐẦU
-----------------------------
Hiện nay trên thế giới thương mại điện tử đang phát triển rất mạnh mẽ. Kỹ thuật số giúp
chúng ta tiết kiệm đáng kể các chi phí nhờ chi phí vận chuyển trung gian, chi phí giao dịch. và
đặc biệt là giúp tiết kiệm thời gian để con người đầu tư vào các hoạt động khác. Hơn nữa
thương mại điện tử còn giúp con người có thể tìm kiếm tự động theo nhiều mục đích khác nhau,
tự động cung cấp thông tin theo nhu cầu và sở thích của con người. Giờ đây, con người có thể
ngồi tại nhà để mua sắm mọi thứ theo ý muốn và các website bán hàng trên mạng sẽ giúp ta
làm được điều đó. Chính vì vậy các công nghệ mã nguồn mở trở lên được chú ý vì các tính
năng của nó.
Giá thành rẻ và được hỗ trợ rất nhiều trên mạng sẽ giúp ta nhanh chóng xây dựng các
website bán hàng thân thiện và dễ sử dụng với người dùng. Chính vì vậy trong đồ án này em
chọn đề tài về: “Xây dựng Website bán hàng trực tuyến bằng Opencart”. Đây là 1 hệ thống
đơn giản nhưng đủ mạnh để cho phép nhanh chóng xây dựng các ứng dụng bán hàng trên
Internet.
8

9. 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.
9
Em xin chân thành cảm ơn!
TP.HCM, ngày 20 tháng 08 năm 2014
Ngô Hoàng Tâm

10. LỜI CẢM ƠN TRUNG TÂM ATHENA
-----------------------------
Em xin chân thành cảm ơn Ban Giám Đốc Trung Tâm Đào Tạo Quản Trị Mạng và An
Ninh Mạng Quốc Tế Athena, thầy Võ Đỗ Thắng và các anh chị ở trung tậmđã giúp đỡ em trong
thời gian thực tập vừa qua.
Trong đợt thực tập này em đã thu được nhiều kinh nghiệm quý báu giúp em hoàn thiện
hơn trong công việc và môi trường làm việc sau này.
Mặc dù em đã có gắng hết sức hoàn thành bản báo cáo này nhưng với hiểu biết và kinh
nghiệm của bản than thì khó tránh khỏi nhưng sai sót nhất định. Em rất mong nhận được sự
thông cảm và chia sẻ tận tình để hoàn thành bản báo cáo thực tập. Em xin cam đoan là tất cả
nhưng điều em ghi trong bản báo cáo này điều là tự mình làm, không sao chép của ai.
10

11. Mục Lục
Contents
CHƯƠNG 1: SƠ LƯỢC VỀ NƠI THỰC TẬP:................................................................................... 14
1. GIỚI THIỆU VỀ TỔ CHỨC CỦA NƠI THỰC TẬP ................................................................. 14
a. Giới thiệu chung về trung tâm: ............................................................................................... 14
b. Lĩnh vực hoạt động chính: ...................................................................................................... 14
c. Đội ngũ giảng viên: .................................................................................................................. 14
2. TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG VÀ AN NINH MẠNG QUỐC TẾ ATHENA: 15
a. Cơ Sở vật chất: ........................................................................................................................ 15
b. Dịch vụ hỗ trợ: .......................................................................................................................... 15
CHƯƠNG 2: PHÂN TÍCH YÊU CẦU XÂY DƯNG WEBSITE........................................................... 18
1. PHÂN TÍCH YẾU CẦU : ............................................................................................................. 18
a. Bài toán đưa ra: ........................................................................................................................ 18
b. Sơ đồ user goal: ....................................................................................................................... 19
c. Sơ đồ class diagram: ............................................................................................................... 20
d. Sơ đồ website: .......................................................................................................................... 21
2. Tìm hiểu về mã nguồn mở: ...................................................................................................... 21
a. Khái niệm: .................................................................................................................................. 21
b. Giới thiệu một số mã nguồn mở: ........................................................................................... 21
3. TÌM HIỂU VỀ OPENCART ......................................................................................................... 22
a. Kiến trúc của OPENCART: ..................................................................................................... 22
b. OPENCART là hệ thống giỏ hàng: ........................................................................................ 26
4. CÔNG CỤ LẬP TRÌNH ............................................................................................................... 27
a. XAMPP: ..................................................................................................................................... 27
b. Filezilla client: ............................................................................................................................ 27
c. Cài đặt Xampp: ......................................................................................................................... 27
d. Cài đặt OPENCART: ............................................................................................................... 28
5. CHỈNH SỬA WEBSITE ............................................................................................................... 31
a. Cấu hình website: ..................................................................................................................... 31
b. Danh mục sản phẩm ................................................................................................................ 38
c. Sản phẩm .................................................................................................................................. 40
11

12. d. Tạo banner: ............................................................................................................................... 43
e. Các module ............................................................................................................................... 44
CHƯƠNG 3: ĐƯA WEBSITE LÊN HOSTING VÀ TÍCH HỢP CÁC CHỨC NĂNG KHÁC .......... 48
1. Đăng ký hosting ......................................................................................................................... 48
2. Backup data từ localhost ......................................................................................................... 51
3. Upload database và sources của website lên host ........................................................... 52
4. Cấu hình trên host ..................................................................................................................... 58
5. Tích hợp cổng thanh toán trực tuyến Bảo Kim ................................................................. 62
CHƯƠNG 4: GIỚI THIỆU VỀ WEBSITE BÁN SẢN PHẨM ĐÀO TẠO ATHENA .......................... 67
1. Giao diện chính ........................................................................................................................... 67
2. Giao diện các danh mục sản phẩm ....................................................................................... 67
3. Giao diện tài khoản .................................................................................................................... 69
KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN ................................................................................................. 71
TÀI LIỆU THAM KHẢO ........................................................................................................................... 72
12

13. NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN
  
13
Giáo viên hướng dẫn: Võ Đỗ Thắng
Sinh viên thực tập: Ngô Hoàng Tâm
Đề tài: Thiết kết website bán sản phẩm đào tạo Athena
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
.......................................................................................................................................................
Tp.HCM, ngày …. tháng …. năm 2014
Giáo viên hướng dẫn
VÕ ĐỖ THẮNG
Điểm

14. CHƯƠNG 1: SƠ LƯỢC VỀ NƠI THỰC TẬP:
1. GIỚI THIỆU VỀ TỔ CHỨC CỦA NƠI THỰC TẬP
14
a. Giới thiệu chung về trung tâm:
Trung Tâm Đào Tạo Quản Trị Mạng & An Ninh Mạng Quốc Tế ATHENA được
thành lập từ năm 2004, là một tổ chức qui tụ nhiều trí thức trẻ Việt Nam đầy
năng động, nhiệt huyết và kinh nghiệm trong lãnh vực CNTT, với tâm huyết góp
phần vào công cuộc thúc đẩy tiến trình đưa công nghệ thông tin là ngành kinh tế
mũi nhọn, góp phần phát triển nước nhà.
b. Lĩnh vực hoạt động chính:
i. Trung tâm ATHENA đã và đang tập trung chủ yếu vào đào tạo chuyên
sâu quản trị mạng, an ninh mạng, thương mại điện tử theo các tiêu chuẩn
quốc tế của các hãng nổi tiếng như Microsoft, Cisco, Oracle, Linux LPI,
CEH… Song song đó, trung tâm ATHENA còn có những chương trình
đào tạo cao cấp dành riêng theo đơn đặt hàng của các đơn vị như Bộ
Quốc Phòng, Bộ Công An , ngân hàng, doanh nghiệp, các cơ quan chính
phủ, tổ chức tài chính..
ii. Sau gần 10 năm hoạt động,nhiều học viên tốt nghiệp trung
tâm ATHENA đã là chuyên gia đảm nhận công tác quản lý hệ thống
mạng, an ninh mạng cho nhiều bộ ngành như Cục Công Nghệ Thông Tin
- Bộ Quốc Phòng , Bộ Công An, Sở Thông Tin Truyền Thông các tin, bưu
điện các tỉnh...
iii. Ngoài chương trình đào tạo, Trung tâm ATHENA còn có nhiều chương
trình hợp tác và trao đổi công nghệ với nhiều đại học lớn như đại học
Bách Khoa Thành Phố Hồ CHính Minh, Học Viện An Ninh Nhân Dân
(Thủ Đức), Học Viện Bưu Chính Viễn Thông, Hiệp hội an toàn thông tin
(VNISA), Viện Kỹ Thuật Quân Sự ,......
c. Đội ngũ giảng viên:
i. Tất cả các giảng viên trung tâm ATHENA có điều tốt nghiệp từ các
trường đại học hàng đầu trong nước.... Tất cả giảng viên ATHENA đều
phải có các chứng chỉ quốc tế như MCSA, MCSE, CCNA, CCNP,
Security+, CEH,có bằng sư phạm 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
ii. 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,

15. 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
2. TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG VÀ AN NINH MẠNG QUỐC TẾ ATHENA:
15
a. Cơ Sở vật chất:
i. Thiết bị đầy đủ và hiện đại.
ii. 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.
iii. Phòng máy rộng rãi, thoáng mát.
b. Dịch vụ hỗ trợ:
i. Đảm bảo việc làm cho học viên tốt nghiệp khóa dài hạn.
ii. Giới thiệu việc làm cho mọi học viên.
iii. Thực tập có lương cho học viên khá giỏi.
iv. 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.
v. 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.
vi. Hỗ trợ thi Chứng chỉ Quốc tế.

16. Trung Tâm ATHENA - 2 Bis Đinh Tiên Hoàng, ĐaKao, Q1 , Tp HCM
16

17. Trung tâm ATHENA - 92 Nguyễn Đình Chiểu, DaKao, Q1 , Tp HCM
TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA
Cơ sở 1: 92 Nguyễn Đình Chiểu, phường Đa Kao, Q1. Điện thoại: (08)38244041 - 090 78
79 477-094 323 00 99(Gần ngã tư Đinh Tiên Hoàng - Nguyễn Đình Chiểu)
Cơ sở 2: 2 Bis Đinh Tiên Hoàng, phường Đa Kao, Q1. Điện thoại: (08)22103801 - 094 320
00 88(Cạnh sân vận động Hoa Lư - Cách đài truyền hình Tp HTV 50 mét)
Website: http://athena.edu.vn - http://athena.com.vn
E-mail : support@athena.edu.vn - tuvan@athena.edu.vn
17

18. CHƯƠNG 2: PHÂN TÍCH YÊU CẦU XÂY DƯNG WEBSITE
1. PHÂN TÍCH YẾU CẦU :
18
a. Bài toán đưa ra:
Cửa hàng bán sản phẩm đào tạo chuyên cung cấp chương trình đào tạo: an
ninh mạng, quản trị mạng, web. Hiện nay cửa hàng có nhu cầu xây dựng
Website giới thiệu các mặt hàng. Trong mỗi loại gồm có:
- Những chương trình dạy về an ninh mạng.
- Những chương trình dạy về quản trị mạng.
- Những chương trình dạy về website.
Yêu cầu mỗi loại phải mô tả cụ thể. Hệ thống phải cho phép khách hàng đặt
hàng và gửi đơn đặt hàng cho người quản lý. Trên web có các tiện ích như: sản
phẩm tiêu biểu, sản phẩm mới nhất, thống kê lượt truy cập… Để xây 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.
i. 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 tì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ó chứ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 hay
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ó một 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 hay giá cả, bạn có thể nhập
địa chỉ email vào, bạn có thể nhận được các thông tin cập nhật từ
website.
ii. Phía cửa hàng

19.  Thông tin luôn cần đến hệ thống menu rõ ràng và nghiêm túc.
Hệ thống menu này sẽ là nơi người dùng chú ý đầu tiên vì ở đó
chứa hầu hết các đề mục quan trọng mà họ đang tìm hiểu.
 Là người làm chủ ứng dụng, có quyền kiểm soát mọi hoạt động
của hệ thống. Người này được cấp một username và password
để đăng nhập vào hệ thống thực hiện những chức năng của mình.
 Có thể quản lý được các chức năng (thêm, xóa, sửa) của các
mặt hàng trong web.
19
b. Sơ đồ user goal:
Mô hình user goal

20. 20
c. Sơ đồ class diagram:
Sơ đồ class diagram
o Mỗi khách hàng sẽ quản lý nhiều đơn hàng, nhiều phản hồi từ website
bán hàng và có 1 tài khoản duy nhất
o Một lần giao hàng có thể có nhiều hóa đơn hoặc chỉ có 1 hóa đơn
o Loại sản phẩm sẽ có nhiều sản phẩm và 1 sản phẩm chỉ thuộc về 1 loại
sản phẩm
o Một nhà cung cấp sẽ cung cấp nhiều loại sản phẩm
o Đơ hàng và sản phẩm sẽ lằm trong rất hiều chi tiêt đơn hàng

21. 21
d. Sơ đồ website:
2. Tìm hiểu về mã nguồn mở:
a. 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 triển
của mã nguồn mở.
b. Giới thiệu một số mã nguồn mở:
o Joomla
 Joomla là một hệ 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ất bản các nội dung của họ lên Internet.
o WordPress
 WordPress là một CMS, một mã nguồn mở và hoàn toàn miễn phí để làm
blog, trang web cá nhân hoặc bất cứ gì mà bạn thích. WordPress được
viết bằng ngôn ngữ lập trình PHP và sử dụng MySQL database.
WordPess là “con” của B2/Cafelog, được xây dựng trên sự tiện dụng,
cùng các mặc định chuẩn web.

22. 22
o OpenCart
 Ngoài tính năng free thì Opencart được biết đến với các tính năng vốn có
của nó của 1 Opensource, là có thể sửa đổi, dễ dàng 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ự buid 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.
 Các Opensource mỗi loại đều có điểm 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ì ngạc nhiên với
tính năng mà nó đem lại:
 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ệ
3. TÌM HIỂU VỀ OPENCART
a. Kiến trúc của OPENCART:
- Opencart là một giải pháp thương mại điện tử dựa trên kiến trúc MVC (Model
View Controller). MVC có nghĩa là mô hình (Model), xem (View), điều khiển
(Controller).
- Các mô hình MVC (Model View Controller) là sự tách biệt của một ứng
dụng giao diện người dùng đồ họa (GUI) từ cốt lõi logic của nó. Không có
thiết kế tuyệt đối cho MVC, nhưng như với bất kỳ mẫu thiết kế nào, nên
thích ứng với tình huống đang phải đối mặt khi phát triển.
- MVC là một mẫu kiến trúc phần mềm trong kỹ nghệ phần mềm. Khi sử đúng
cách, mẫu MVC giúp cho nhà phát triển phần mềm tách biệt các pha phát
triển phần mềm riêng rẽ với các nguyên tắc nghiệp vụ và giao diện người
dùng. Phần mềm phát triển theo mẫu MVC tạo nhiều thuận lợi cho việc bảo
trì vì các nguyên tắc nghề nghiệp và giao diện ít liên quan với nhau.

23. Hình 2.7 : Kiến trúc mô hình MVC
- Khi người dùng cần tương tác hoặc thay đổi trạng thái của đối tượng đồ họa
thì sẽ tương tác thông qua Controller của đối tượng đồ họa. Controller sẽ
thực hiện việc thay đổi trên Model. Khi có thay đổi ở Model, sẽ có một thông
điệp được phát thông báo cho View và Controller biết. Nhận được thông điệp
từ Model, View sẽ cập nhật lại thể hiện của mình, đảm bảo luôn thể hiện
trực quan chính xác của Model. Còn Controller khi nhận được thông điệp tử
Model, sẽ có những tương tác phản hồi lại người sử dụng.
Hình 2.8: Mô hình Tuần tự của MVC
23

24. 24
i. Ưu điểm
Ưu điểm mạnh nhất của MVC là nó giúp cho ứng dụng dễ bảo trì, module
hóa các chức năng, và được xây dựng nhanh chóng. MVC tách các tác
vụ của ứng dụng thành các phần riêng rẽ Model, View, Controller giúp
cho việc xây dựng ứng dụng nhanh hơn. Dễ thêm các tính năng mới, dễ
thay đổi các tính năng cũ. Có được ưu điểm đó vì MVC tách biệt sự phụ
thuộc giữa các thành phần trong một đối tượng đồ họa, làm tăng tình linh
động. Lúc đó có thể dễ dang thay đổi giao diện bằng cách thay đổi
thành phần View trong khi cách thức lưu trữ (Model) cũng như xử lý
(Controller) không hề thay đổi. Tương tự có thể thay đổi Model và
Controller mà những thành phần còn lại vẫn giữ nguyên.
ii. Nhược điểm
Đối với dự án nhỏ thì việc áp dụng mô hình MVC gây cồng kềnh, tốn thời
gian trong quá trình phát triển, tốn thời gian chuyển dữ liệu giữa các tầng.
iii. So sánh MVC và Three Layer
Một mô hình không thể không nhắc đến khi nhắc đến MVC đó là mô hình
Three Layer. Khá phổ biến và có nhiều điểm tương đồng với MVC.

25. Mô hình Three Layer
1. Presentation Layer: Lớp này làm nhiệm vụ giao tiếp với người
dùng để thu thập dữ liệu và hiển thị kết quả.
2. Business Logic Layer: Lớp này xử lý chính các dữ liệu
trước khi chuyển xuống Data Access Layer. Đây là nới kiểm tra
các yêu cầu nghiệp vụ, tính toán, xử lý các yêu cầu và lựa chọn
kết quả trả về cho Presentation Layer.
3. Data Access Layer: Lớp này thực hiện các nghiệp vụ liên quan
đến lưu trữ và truy xuất dữ liệu của ứng dụng.
4. Có những điểm tương đồng với MVC như đều có 3 lớp nhưng
vẫn có những điểm khác nhau cơ bản giữa hai mô hình này.
5. Sự khác biệt rõ nhất là cách xử lý yêu cầu của Three Layer khác
25
so với MVC:
6. Ở Three Layer yêu cầu được nhận từ Presentation Layer rồi
chuyển qua Business Logic Layer để xử lý và được lưu trữ ở Data
Access Layer.

26. 7. Còn MVC khi yêu cầu được gửi từ Controller, Controller sẽ thực
hiện việc thay đổi trên Model. Lúc đó Model sẽ có thông điệp đồng
thời cho View và Controller biết.
8. Ở MVC thành phần Model giữ chức năng giống như của cả lớp
Business và Data Access của Three Layer.
9. Three Layer được sử dụng trong lập trình ứng dụng, còn MVC
được sử dụng nhiều trong lập trình Website.
So sánh MVC với Three Layer
b. OPENCART là 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…
Ưu điểm và nhược điểm của opencart :
26
 Ưu điểm:
 Cài đặt đơn giản và 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

27.  Cộng đồng phát triển mạnh
 Hỗ trợ mutilstore
27
 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.
4. CÔNG CỤ LẬP TRÌNH
a. XAMPP:
i. Xampp là một ứng dụng để chạy Webserver trên máy tính mà không cần
phải mua hosting và domain
ii. Mọi người thường sử dụng để thực hành và phát triển web phục vụ cho
việc học tập và giải trí.
iii. Xampp là viết tắt của X + Apache + Mysql + PHP + Perl
iv. Chữ X là cross (platfrom) ám chỉ dùng được cho cả 4 hệ điều hành khác
nhau: Windows, Linux, Solaris và MAC.
b. Filezilla client:
i. FileZilla Client là chương trình hỗ trợ truyền tải tập tin thông qua mạng
Internet sử dụng giao thức FTP (File Transfer Protocol). FileZilla Client là
chương trình miễn phí, có giao diện thân thiện, dễ sử dụng và tốc độ
nhanh nên được nhiều người sử dụng. Đây là giải pháp dùng tải dữ liệu
giữa máy tính cá nhân và các máy chủ web.
ii. Sử dụng FileZilla Client để quản lý dữ liệu cũng giống như quản lý tập tin
bằng trương trình Explorer của Windows hoặc các chương trình quản lý
tập tin thông dụng khác.
c. Cài đặt Xampp:
Đầu tiên ta cần cài đặt Xampp để thiết lập môi trường
Các bước cài đặt Xampp
- Bước 1: Tải Xampp: https://www.apachefriends.org/download.html
- Bước 2: Trước tiên bạn cần phải tắt bức tường lửa hay chương trình diệt
virut. Mở file cài đặt để tiến hành cái đặt. Chọn next để tiếp tục.
- Bước 4: Chọn next để tiếp tục cài đặt.
- Bước 5: Chọn đường dẫn để cài đặt, đường dẫn mặc định là C:xampp.
Chọn next để tiếp tục cài đặt.
- Bước 6: Chọn next để tiếp tục cài đặt
- Bước 7: Chọn next để tiếp tục cài đặt
- Bước 8: Nhấn Finish để kết thúc. Mở bảng điều khiển XAMPP. Ở đó,
chúng ta sẽ thấy điều khiển riêng biệt cho Apache, MySQL, FileZilla, và Mercury.
Nhấp vào Startbutton để bắt đầu tính năng tương ứng. Có một thông báo trạng thái
của trạng thái hiện tại của các tính năng được lựa chọn. (Lưu ý: Apache và MySql
phải luôn ở trạng thái ‘running’ thì trang web mới chạy được. Nếu Apache không thể
Run được thì các bạn có thể kiểm tra port xem đã có chương trình nào sử dụng

28. chưa bằng cách vào Port-Check. Port 80 và 443 phải free thì Apache mới có thể
Run được).
Quá trình cài đặt Xampp đã thành công
28
d. Cài đặt OPENCART:
 Download Opencart từ link : http://www.opencart.com
 Download thêm các module cần thiết :
http://www.opencart.com/index.php?route=extension/extension
 Giải nén và copy tất cả vào thư mục tự tạo nằm trong htdocs của Xampp.
(Mình đặt tên thư mục đó là shop).
 Mở trình duyệt và vào đường link : http://localhost/phpmyadmin để tạo
database cho website.

29. 29
1 : điền tên database.
2 : click Create để hoàn tất.
 Vào đường link : htpp://localhost/<tên thư mục tạo trong htdocs của Xampp>
 Click Continue để tiếp tục, chắc chắn rằng các lựa chọn đều có dấu tích và
writeable.

30. 30
 Click Continue để tiếp tục.
Mục 1 :
 Database Host : để nguyên.
 User : root
 Password : để trống.
 Database Name : tên database đã tạo ở các bước trên.

31.  Databse Prefix : không quan trọng.
31
Mục 2 :
 Username : tên tài khoản sử dụng database (dùng để đăng nhập
vào database, trang quản trị khi muốn chỉnh sửa).
 Password : mật khảu để sử dụng database.
 Email : email của bạn.
 Hoàn tất bước khởi tạo opencart. Vào thư mục mình đã tạo trong htdocs nằm
trong Xampp xoá thư mục installation.
5. CHỈNH SỬA WEBSITE
a. Cấu hình website:
Vào trang quản trị bằng link : http://localhost/shop/admin/

32. Đăng nhập với username và password đã đăng ký ở trên.
Vào System/Localisation/Languages.
32

33. 33
Chọn insert.
Language Name : Vietnamese
Code : vi

34. Locale : vi_VN.UTF-8,vi_VN,vi-vn,vietnamese
Image : vn.png
Directory : vietnamese
Filename : vietnamese
Status : Enable
Vào System/Localisation/Currencies
34
Chọn Insert
Currency Title : Vietnam Dong
Code : VND
Symbol Right : Đồng
Value : tỉ giá so vơi USD

35. 35
Status : Enable
Vào mục System/Settings.
Chọn Edit.
Ở mục General là nhưng thông tin cơ bản về gian hàng gồm : tên gian hàng, tên
chủ cửa hàng, địa chỉ cửa hàng…

36. Ở mục store gồm nhưng thông tin cơ bản về cửa hàng như mô tả về cửa hàng,
36
giao diện website.
Ở mục Local gồm nhưng thông tin về đất nước, ngôn ngữ sử dụng, loại tiền sử
dụng, hệ thống đo lường.

37. Ở mục Image thay đổi hình ảnh về cửa hàng.
Ở mục mail : tự động gửi mail đến khách hàng đã đăng ký(mình dùng SMTP của
google mail).
Mail Protocol : SMTP
SMTP Host : ssl://smtp.gmail.com
SMTP Username : tài khoản gmail(username@gmail.com)
SMTP Password : mật khảu gmail.
SMTP Port : 465
Sau đó bấm Save
37

38. 38
b. Danh mục sản phẩm
Trong mục này gồm những mục chính trong trang web
Click vào thêm

39. 39
Tên danh mục: An Ninh Mạng
Click vào Dữ Liệu
Mục này để điền tên danh mục cha (nếu có), thêm hình ảnh của danh mục, số
thứ tự danh mục, trạng thái danh mục, stick vào Phía trên nếu muốn đặt nó
ngoài Trang Chủ…
Khi đã hoàn tất tên danh mục và vị trí cầm thêm thì click vào Lưu, các danh mục
không cần thiết nên xoá đi.

40. 40
c. Sản phẩm

41. 41
Tổng quan về sản phẩm
Thông tin chi tiết về sản phẩm, hình ảnh đại diện cho sản phẩm, giá sản phẩm
(USD)

42. Xếp loại danh mục sản phẩm
Sau khi đã điền đầy đủ thông tin cho sản phẩm chọn Lưu
Những sản phẩm không cần thiết hãy xoá đi.
42

43. 43
d. Tạo banner:
Vào Hệ Thống/Thiết Kế/Banner
Chọn Thêm
Sau khi tạo xong click vào Lưu

44. 44
e. Các module
Vào phần Mở Rộng/Các mô-đun
Gồm 1 số module đã được tích hợp sẵn
Click vào Sửa của module Banner Quảng Cáo

45. Sau đó click Lưu
Module Bán Chạy Nhất dùng để đặt trên trang chủ để cho xem những sản phẩm
được bán nhiều nhất của website
Gồm số lượng sản phẩm đặt trong mục Bán Chạy Nhất, cũng như vị trí đặt mục
Bán Chạy Nhất trên trang Home như trong hình minh hoạ.
Module Sản Phẩm Nổi Bậc để liệc kê những sản phẩm chủ yếu của website
45

46. Module Sản Phẩm Mới Nhất để liệt kê nhưng sản phẩm vừa được thêm vào
website
Sau khi hoàn tất các, click vào Xem Cửa Hàng để xem giao diện của website
46
sau khi chỉnh sửa

47. 47

48. CHƯƠNG 3: ĐƯA WEBSITE LÊN HOSTING VÀ
TÍCH HỢP CÁC CHỨC NĂNG KHÁC
48
1. Đăng ký hosting
 Vào website: http://www.hostinger.vn/order để đăng ký 1 tài khoản sử dụng
bằng email thực để có thể kích hoạt tài khoản
 Sauk hi hoàn tất bước kích hoạt, vào Home chọn Hosting Mới

49.  Sau đó chọn Tài Khoản Hosting Mới
 Chọn 1 trong 3 loại Host có sẵn
 Chọn tên miền có 2 dạng domain và subdomain. Với domain có dạng như
domain.com còn subdomain có dạng abc.esy.es (abc tên tùy ý – không được
trùng với của người khác nếu trùng thì phải đăng kí với “abc – tên web” bằng
một tên khác. Phần sau .esy.es có thể thay đổi thành kiểu khác bằng cách
nhấp chỏ xuống)
49

50.  Xác thực đơn hàng bằng cách nhập captcha và đồng ý điều kiện
50
 Đăng ký thành công

51. 51
2. Backup data từ localhost
 Vào đường link: http://localhost/phpmyadmin/
 Chọn database muốn lấy ra trong cột bên trái sau đó click Export

52. 52
 Check vào 2 mục:
o Add Drop TABLE/VIEW/PROCEDURE/FUNCTION/EVENT
o Add CREATE PROCEDURE/FUNCTION/EVENT
 Sau đó click go và lưu vào máy
3. Upload database và sources của website lên host
 Upload database
 Vào website http://hostinger.vn và đăng nhập
 Click vào Hosting chọn Host vừa đăng ký

53.  Cuộn trang đến mục database và click vào MYSQL Database
 Điền tên database (tối đa 5 ký tự), tên user (tối đa 5 ký tự) và password. Sau
53
đó click vào Tạo

54.  Click vào phpMyAdmin để tiến hành upload database
54
 Chọn Importer

55.  Chọn tệp xong click Executer
 Import thành công, hoàn tất bước upload database lên host
55

56. 56

57. 57
 Upload sources của website
 Mở FileZilla lên
Host: full Host FTP nhà cung cấp host gửi vào mail
Username: nhà cung cấp host gửi vào mail
Password: nhà cung cấp host gửi vào mail
 Sau đó click vào Quickconnect

58.  Xoá 2 files ở khoanh tròn số 1. Chọn tất cả bên mục số 2, sau đó giữ chuột
58
và kéo thả vào ô số 1.
 Chờ đến khi FileZilla upload tất cả.
 Hoàn thành bước upload sources lên host
4. Cấu hình trên host
 Vào website http://hostinger.vn, đăng nhập. Click vào Hosting chọn Host mà
mình đã đăng ký. Cuộn trang web đến mục File chọn Quản Lý File (hoặc
Quản Lý File 2 nếu không vào được)

59. Quản lý file 2
59

60.  Click vào public_html, tìm file config.php và click vào Edit
60

61.  Copy đoạn code sau và dán vào
DB_USERNAME: username đăng ký lúc tạo database.
DB_PASSWORD: password lúc tạo database.
DB_DATABASE: tên database lúc tạo database.
DB_PREFIX: để giống như lúc cài đặt opencart bước 3.
 Save lại, sau đó vào thư mục admin, tìm và chọn edit file config.php
61

62.  Copy và paste đoạn code sau đây lên đoạn code cũ, phần database giống
62
như bước trên
 Chọn save. Hoàn tất bước config. Bây giờ đã có thể vào website trên host để
xem kết quả. Giao diện website trên host lúc này giống như trên Local
5. Tích hợp cổng thanh toán trực tuyến Bảo Kim
 Vào link: http://www.baokim.vn/, đăng ký 1 tài khoản và đăng nhập, click vào
Quản Lý Website Tích Hợp

63. 63
 Chọn đăng ký website mới
 Điền thông tin vào cá mục *

64. Địa chỉ website: http://địachỉwebsite/
Lĩnh vực kinh doanh: tuỳ chọn.
IP máy chủ: host cấp qua mail.
Chọn phương thức thanh toán mong muốn và đăng ký.
 Click vào Xác Minh để download file html của bảo kim. Copy vào thư mục
public_html. Sau đó mở trang web mới vào đường link mà bảo kim cung cấp
để tiến hành xác nhận website. Sau đó click vào nút Xác Minh để hoàn tất.
64

65. Bảo Kim cung cấp mã website và mật khẩu để sử dụng
 Vào đường link: https://www.baokim.vn/developers/module/4/open-cart , click
65
vào download
 Giải nén sau đó copy tất cả file trong từng thư mục vào đúng vị trí của nó
trong thư mục public_html của host.
Ví dụ trong
D:StudyOpencartbaokim_opencartbaokim_opencartuploadadmincontroll
erpayment có 1file tên là baokim.php thì các bạn phải copy file đó vào
public_html admincontrollerpayment

66.  Sau khi hoàn tất bước copy, vào link địachỉwebkhởitạo/admin. Đăng nhập,
sau đó vào Phần Mở Rộng/Thanh Toán
66
 Chọn Edit
Merchant ID: Bảo Kim cung cấp khi tích hợp website.
Mã bảo mật: Bảo Kim cung cấp khi tích hợp website.
Email Bảo Kim: email sử dụng để đăng nhập vào website Bảo Kim.
 Chọn Lưu. Hoàn tất bước tích hợp module thanh toán Bảo Kim vào website.

67. CHƯƠNG 4: GIỚI THIỆU VỀ WEBSITE BÁN SẢN
PHẨM ĐÀO TẠO ATHENA
67
1. Giao diện chính
2. Giao diện các danh mục sản phẩm

68. 68

69. 69
3. Giao diện tài khoản

70. 70

71. KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN
71
 Hướng phát triển
- Hoàn thiện phương thức thanh toán trực tuyến an toàn giúp khách hàng tin tưởng vào
website hơn.
- Tiếp tục tối ưu hóa SEO dúp khách hàng có thể tìm thấy website mình dễ dàng hơn.
- Thực tiện tích hợp thêm các modul mới dúp cho khách hàng cảm thấy thân thiện hơn.
- Tích cực thực hiện maketing onlice cho web để thu hút nhiều khách hàng hơn
- Tiến hành phân quyền cho các user cấp dưới…
 Kết luận
- Kết quả nghiên cứu đề tài giúp em có thêm một phương pháp xây dựng một Website,
góp phần làm cho môi trường làm việc thuận tiện và dẽ dàng hơn. Vì vậy tiếp cận đề tài là
hướng đi đúng đắn.
- Vì thời gian không cho phép nên em chưa tìm hiểu rõ và kỹ hơn đề tài này hơn nữa. Vì
thế đè tài cũng còn có nhiều thiếu sót, mong các thầy cô giúp đỡ em nhiều hơn.
- Một lần nữa em xin chân thành cảm ơn các thầy cô giáo, các bạn học sinh và đặc biệt
em xin cám ơn thầy Võ Đỗ Thắng tại trung tâm đào tạo ATHENA quản trị mạng và an ninh quốc
tê rất nhiều vì đã giúp đỡ em trong thời gian qua.

72. TÀI LIỆU THAM KHẢO
Tham khảo và khắc phục các lỗi: http://forum.opencart.com/
72