Báo cáo thực tập cuối kỳ

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
Sinh viên thực hiện:
NGUYỄN TRUNG THÀNH
LÂM HOÀI NHÂN
TRIỆU VĂN PHÚ

TRƯỜNG CAO ĐẲNG KINH TẾ - KỸ THUẬT
VINATEX TP. HCM
KHOA NGOẠI NGỮ - TIN HỌC
CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM
Độc lập – Tự do – Hạnh phúc
TP. Hồ Chí Minh, ngày tháng năm 2013
PHIẾU NHẬN XÉT SINH VIÊN
THỰC TẬP TỐT NGHIỆP
Họ tên sinh viên:...........................................................................................................
Khóa: ..............................................................................................................................
Khoa Công nghệ Thông tin, Trường cao Đẳng Kinh tế - Kỹ Thuật Vinatex TP.HCM
chân thành cảm ơn Quý Công ty, Nhà máy, Cơ quan đã chấp thuận cho sinh viên Khoa chúng
tôi được thực tập tốt nghiệp tại Quý đơn vị.
Nhằm đánh giá chất lượng, kết quả thực tập của sinh viên của Khoa và đưa ra phương
hướng cải tiến chương trình đào tạo trong thời gian tới. Khoa kính đề nghị Quý đơn vị nhận
xét sinh viên thực tập tốt nghiệp theo các tiêu chí như sau:
1. Thái độ chấp hành Nội quy – Qui định của cơ quan:
 Rất nghiêm túc  Nghiêm túc  Chưa nghiêm túc
2. Đánh giá năng lực chuyên môn:
 Xuất sắc  Giỏi  Khá  Trung bình  Yếu
3. Đánh giá khả năng tiếp cận với thực tiễn của cơ quan:
4. Đánh giá khả năng ngoại ngữ:
5. Đánh giá khả năng tin học:
6. Khả năng làm việc nhóm
7. Khả năng giao tiếp
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:
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
................................................................................................................................................
TP.HCM, ngày …. tháng …. năm 2013
Giáo viên hướng dẫn
Võ Đỗ Thắng
Điểm

M C L CỤ Ụ
CHƯƠNG 1 : GIỚI THIỆU VỀ NƠI THỰC TÂP...............................................................1
Lĩnh vực hoạt động chính:..................................................................................................................1
Đội ngũ giảng viên :............................................................................................................................1
Cơ sở vật chất: ...................................................................................................................................2
Dịch vụ hỗ trợ:....................................................................................................................................2
TRUNG TÂM ĐÀO TẠO QUẢN TRỊ MẠNG & AN NINH MẠNG QUỐC TẾ ATHENA.............7
CHƯƠNG II: PHÂN TÍCH YÊU CẦU XÂY DỰNG WEBSITE.......................................8
I.Phân Tích Yêu Cầu...........................................................................................................................8
1.1 Bài toán đưa ra.................................................................................8
1. Sơ đồ trang web ...............................................................................10
Các bảng cơ sở dữ liệu tiêu biểu.........................................................10
II.Tìm hiểu về mã nguồn mở............................................................................................................13
2.1 Khái niệm........................................................................................13
III. Tìm Hiểu Về OpenCart 2.0.........................................................................................................15
3.1 OpenCart là mã nguồn mở.............................................................15
3.2 Opencart là một hệ thống giỏ hàng................................................16
VI. Công Cụ Lập Trình.....................................................................................................................17
4.1 DreamWeaver................................................................................17
4.2 Công cụ đồ họa..............................................................................18
V. XAMPP ............................................................................................19
5.1 FileZilla Client.................................................................................19
5.2 Cài đặt Xampp Control Panel v3.2.1..............................................19
Cài đặt Opencart 2.0............................................................................23
Chỉnh sửa website tại trang quản trị.....................................................28
Chỉnh sửa cấu hình web.......................................................................29
Tùy chỉnh danh mục sản phẩm, sản phẩm..........................................31
Tùy chỉnh các modul cho website.........................................................36
Tùy chỉnh danh mục tin tưc, tin tức......................................................38
Tùy chỉnh lien kết – silde – banner .....................................................39
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....................................................................................................40
3.1 Đưa Website Lên Hosting...........................................................................................................40
Backup (Export) database của Website trên máy Local......................45
2. Tạo database mới và upload (Restore) database trên hosting đã đăng ký...47
3. Tiến hành upload soucre web..........................................................50
1. Cấu hình file config............................................................................51
CHƯƠNG IV. TỐI ƯU HÓA SEO VÀ TẠO 1 SỐ PLUGINS XÃ HỘI CỦA FACEBOOK CHO
WEBSITE............................................................................................................................53
IV. Tạo Like Box Cho Website Trên Fanpage.................................................................................53
1. Tạo facepage cho website................................................................53
c. Tạo like box cho website...................................................................56
d. Đưa code like box vào website (product)..........................................57
2 Tối Ưu Hóa SEO............................................................................................................................58
1.Dùng SEO URL’s..........................................................................................................................58
2. Tối ưu hóa seo tên sản phẩm và danh mục......................................59
CHƯƠNG V. GIỚI THIỆU VỀ WEBSITE BÁN HÀNG DÂN DỤNG...........................60
5.1 Nội Dung Website......................................................................................................................60
1. Giao diện trang chủ...........................................................................60

2. Giao dien trang giới thiệu..................................................................61
3. Giao diện trang tuyển dụng...............................................................61
4. Giao diện sản phẩm điện tử..............................................................62
5. Giao diện chi tiết sản phẩm...............................................................62
6. Giao diện trang đăng nhập tài khoản................................................63
7. Giao diện đăng ký..............................................................................64
VI. KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN....................................................................65

CHƯƠNG 1 : GIỚI THIỆU VỀ NƠI THỰC TÂP
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à.
Lĩnh v c ho t đ ng chính:ự ạ ộ
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..
+ 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...
+ 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ự ,......
Đội ngũ giảng viên :
+ 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
SVTH: Nguyễn Trung Thành - Hoài Nhân - Văn Phú Trang 1.

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

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

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

Phát chứng chỉ cho các học viên hoàn thành khóa học

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

CHƯƠNG II: PHÂN TÍCH YÊU CẦU XÂY DỰNG WEBSITE
I. Phân Tích Yêu Cầu
1.1 Bài toán đưa ra
Cửa hàng điện máy Trung Thành chuyên cung cấp thiết bị dân dụng: Điện thoại,
máy tính, điện tử các loại, tivi các loại, thiết bị nhà bếp các loại, Gia dụng các loại.
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ó:
- Máy tính các loại.
- Tivi các loại.
- Điện thoại các loại.
Yêu cầu mỗi loại phải có ảnh đại diện và 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.

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ó 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ó 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
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.
b. Phía cửa hàng
- 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.
1. S đ trang webơ ồ
Sơ đồ 2.1: Sơ đồ trang web
Các bảng cơ sở dữ liệu tiêu biểu
a. Bảng user
Hình 2.1: Bản csdl user
b. Sản phẩm

Hình 2.2: bảng sản phẩm
c. Csdl nhà sản xuât
Hình 2.3: Bảng nhà sản xuât
d. Thông tin tuyển dụng

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

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,
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, cung các mặc định chuẩn web.
h. 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 chiể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

hang cực kì rõ ràng và hiệu quả, tính dễ sử dụng cũng là một diều người viết cũng
cân nhắc.
Các Opensource mỗi loại đều có 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ệ

III. Tìm Hiểu Về OpenCart 2.0
3.1 OpenCart là mã nguồn mở
Opencart là source nguồn được thiết kế dưới dạng open source cho phép bạn có
thể sử dụng free, đay là một bộ code được viết bằng PHP được phát triển lên để
giành cho giải pháp bán hàng trực tuyến, gồm gần như đầy đủ các chức năng cho
một website bán hàng, hiện này opencart đã phát triển hơn có thêm những module
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.
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…
a. Ưu điểm và nhược điểm của opencart
- Ư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
 Cộng đồng phát triển mạnh
 Hỗ trợ mutilstore
- 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.
VI. Công Cụ Lập Trình
4.1 DreamWeaver
Dreamweaver là một trương trình biên tập HTML chuyên nghiệp, nhằm phục vụ
cho việc thiết kế, lập trình, phat triển các website, các trang web và các ứng dụng
web, cho dù là người thích viết mã bằng tay hay là thực hiện công việc làm web
bằng công cụ trực quan, thì Dreamweaver cũng cung cấp cho bạn công cụ hữu ích
để cải tiến kinh nghiệm thiết kế web.
Các tính năng của các công cụ thiết kế trực quan trong Dreamweaver giúp người
lập trình tạo ra một trang web mà không cần phải viết bất kỳ một dòng mã nào. Có
thể quan sat tất cả các thành phân site hay tài nguyên web và kéo chúng vào tào liệu
một cách dễ dàng từ một panel. Ngoài ra, chúng ta còn có thể luồng dây phat triển
vào website bằng cách tạo ra và chỉnh sửa các tấm ảnh trong các ứng dụng đồ họa
khác, Dreamweaver còn cung cấp các công cụ giúp người tacos thể dễ dàng thêm
các tài nguyên Flash vào trong các web.
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.
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

V. XAMPP
- 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
- 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í.
- Xampp là viết tắt của X + Apache + Mysql + PHP + Perl
- 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.
5.1 FileZilla Client
- FileZilla Client là trươ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à trươ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ữu máy tính cá nhân và các máy
chủ web.
- Sử dụng FileZilla Client để quản lý dữ liệu cũng giống nhue quản lý tập tin
bằng trương trình Explorer của Windows hoặc các trương trình quản lý tập tin
thông dụng khác.
5.2 Cài đặt Xampp Control Panel v3.2.1
Đầ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 Control Panel v3.2.1 về máy.
- Bước 2: Trước tiên bạn cần phải tắt bức tường lửa hay trương trình diệt virut.

- Bước 3: Tiến hành cài đặt. Chọn next để tiếp tục.
Hình 2.1 Bắt đầu cài đặt
- Bước 4: Chọn next để tiếp tục cài đặt.
Hình 2.2 Chọn các ứng dụng trên Xampp
- 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.

Hình 2.5.3 Chọn đường dẫn cài đặt
- Bước 6: Chọn next để tiếp tục cài đặt
Hình 2.5.5 ch n next đ ti p t c cài đ tọ ể ế ụ ặ

- Bước 7: Chọn next để tiến hành cài đặt tự động
Hình 2.5.6 Tiến trình cài đặt tự động
- 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)
-

Hình 2.5.7 Quá trình cài đặt Xampp đã thành công
Cài đặt Opencart 2.0
Tiến hành tải phần mềm mã nguồn mở Opencart:
- Truy cập địa chỉ để download Opencart:
http://www.Opencart.com/index.php?ro...nload/download

- Sau khi tải xong tiến hành giải nén tập tin : nhấp chuột phải lên tập tin
- Chọn Extract Here.
- Copy thư mục “ Upload ” vừa giải nén ra và paste vào “C:xampphtdocs”
Tiến hành cài đặt opencart 2.0
- Chạy đường dẫn “ http://localhost/phpmyadmin ” tiến hành tạo một database
như hình sau: điền tên database vào ô Create new database rồi ấn Create
Hình 2.6.1 Tạo database
- Bắt đầu các thao tác để đưa web lên localhost
- Chạy đường dẫn http://localhost/ tên soucre web vừa coppy vô file htdocs
trong xampp /index.php. Màn hình hiện lên như hình dưới đây.
- Bước 1: Chọn ngôn ngữ

Hình: 2.6.2 Chọn ngôn ngữ cho web
- Bước 2: Chọn “ Tôi đồng ý cấp giấy phép ” -> “ Tiếp tục ”
Hình 2.5.3 Đồng ý với điều kiện của nhà cung cấp
- Bước 3: Chuẩn bị cài đặt

Hình 2.6.4 Kiểm tra thủ tục
- Bước 4: Tùy chỉnh các thông số sau:
Databasehost: localhost (để nguyên)
User: root
Password: (để trống)
Database name: dandung (điền tên database vừa tạo lúc nãy)
Database prefix: (để trống)
Username: admin (tên truy cập vào trang quản trị)
Password: 12345 (pass để đăng nhập trang quản trị)
E-mail: vietkimthanhcd11i1@gmail.com (điền tên Email)

Hình 2.6.5 Nhập thông tin
- Bước 5. Vào “C:xampphtdocstên web của mình” xóa thư mục “Install”
hoặc có thể đổi tên file thành tên khác. Chọn “Goto your Online Shop” để vào shop
và chọn “Login to your Administration” để vào trang quản trị.
Hình 2.6.6 Cài đặt thành công
- Bước 6: Đăng nhập vào trang quản trị. Với tài khoản và mật khẩu cài đặt ở
bước trên.

Hình 2.6.7 Đăng nhập trang quản tri
Chỉnh sửa website tại trang quản trị
Truy cập trang quản trị qua đường dẫn: “localhost/tên web/admin”
Điền thông tin username/password
Hình 3.7.1 Bảng quản trị: Hiển thị tổng quan về cửa hàng

Chỉnh sửa cấu hình web
 Bấm vào Menu “Hệ thống”  ”Cấu hình”. Bấm vào nút “sửa”
- Tên cửa hàng, chủ cửa hàng, địa chỉ, email, điện thoại. Chỉnh sửa tùy ý chủ
website.
Hình 3.7.2 Thay đổi thông tin tổng quan
 Chọn “Khu vực”  hiển thị trang quản trị khu vực để cài đặt cho website
Hình 3.7.3 Thay đổi thông tin khu vực: Quốc gia, tỉnh/ thành phố…
 Chọn “Thư” hiển thị trang quản trị thư để cài đặt cho phần thư của website

- Chỉnh sửa: giao thức gửi thư, tham số thư, máy chủ SMTP, tài koản SMTP,
tài khoản SMTP…
Hình 3.7.3 Thay đổi thông tin mục thư
 Chọn “Hình”  hiển thị trang quản trị hình của cấu hình hệ thống cho website
- Chúng ta có thể chỉnh sửa hình ảnh logo và icon của website bên cạnh đó
chúng ta có thể hiệu chỉnh khích thước của các hình ảnh.

Hình 3.6.4 Chỉnh sửa thông tin thẻ hình
Tùy chỉnh danh mục sản phẩm, sản phẩm
 Bấm vào menu ”Sản phẩm”  “Danh mục”
- Thêm hoặc xóa các danh mục hiển thị tại menu trong phần danh mục. Nhấp
xóa sửa hoặc thêm để hiệu chỉnh.
Hình 3.7.5 Danh mục sản phẩm
 Chọn “thêm” để thêm mới một danh mục sản phẩm  hiển thị nhập dữ liệu
tổng quan của danh mục trên trang quản trị
- Mục tổng quan:
- Tên danh mục: Theo ý chủ website
- Mô tả từ khóa, từ khóa: Tùy ý
- Mô tả: Tùy ý

Hình 3.7.6 Thêm danh mục mới
 Chọn “Dữ liệu”  hiển thị phần dữ liệu để chỉnh sửa dữ liệu của phần danh
mục trên trang quản trị
- Chuyên mục: Để là không nếu muốn là danh mục cha và chọn tich vô danh
mục khác nếu muốn nó là danh mục con của danh mục đó.
- Cửa hàng: Mặc định
- Từ khóa SEO: Tùy chọn (Từ khóa SEO đơn giản sẽ dúp website được tìm
kiếm dễ dàng hơn)
- Hình: có hoặc không
- Lên trên: tích hoặc không tích, nếu tích danh mục sẽ được hiện trên thanh
menu.
- Sắp xếp: vị trí hiển thị của danh mục trên menu của website.
- Nhấp lưu để hoàn thành

Hình 2.7.7 Phần dữ liệu
 Bấm vào menu chọn “Sản phẩm”  “Sản phẩm” hiển thị mục sản phẩm trên
trang quản trị
Hình 2.7.8 Quản trị sản phẩm
 Bấm “Thêm” để thêm mới sản phẩm  hiển thị phần tổng quan sản phẩm trên
trang quản trị.
- Tên sản phẩm: Tên sản phẩm muốn thêm mới
- Mô tả từ khóa, mô tả: Tùy chọn
- Mô tả: Dùng mô tả thông tin sản phẩm

Hình 2.7.9 Tổng quan thêm một sản phẩm mới
 Chọn “Dữ liệu”  hiển thị phần dữ liệu để chỉnh sửa dữ liệu của sản phẩm mới
trên trang quản trị
Hình 2.7.10 Dữ liệu thêm mới một sản phẩm
- Mã hàng: Mỗi sản phẩm có một mã hàng đuy nhất, và không bị trùng lặp
- SKU: Tương tự mã hàng

- UPC: Tương tự mã hàng
- Bảo hành: Tùy chọn
- Đơn giá: Giá của sản phẩm
- Thếu xuất: Không hoặc giá trị %
- Số lượng: Số lượng sản phẩm còn trong cửa hàng
- Số lượng tối thiểu: Số lượng có thể mua
- Phần trừ đi: Có hoặc không
- Hết hàng: Thông báo hết hàng, còn hàng, đợi 2, 3 ngày, đặt hàng trước
- Vận chuyển: Có hoặc không
- Từ khóa SEO: Dúp sản phẩm được người dùng rễ dàng tìm thấy nếu được tối
ưu hóa.
- Hình: Hiển thị hình ảnh sản phẩm tại website
 Chọn “Liên kết”  hiển thị phần liên kết của sản phẩm
- Nhà sản suất: Hiển thị nhà sản xuất của sản phẩm khi xem chi tiết sản phẩm.
- Danh mục: Sản phẩm sẽ hiện lên phần danh mục được chọn.
- Cửa hàng: Mặc định.
- Sản phẩm cùng loại: hiển thị sản phẩm được chọn theo sản phẩm đang thiết
lập khi nhấp vô chi tiết.

Hình 2.7.11 Liên kết sản phẩm
 Một số thẻ khác tại thêm mới sản phẩm:
- Liên kết: Chọn danh mục mà muốn hiến thị sản phẩm tại đó
- Thuộc tính: Thuộc tinh của sản phẩm
- Giảm giá: Thêm giảm giá cho sản phẩm
- Điểm thưởng: Thêm điểm thưởng công thêm cho khách hàng khi họ mua sản
phẩm đó tại website
Tùy chỉnh các modul cho website
 Vào menu chọn “Phần mở rộng”  “Mô-đun”
- Bằng cách nhấp vào gỡ bỏ để gỡ bỏ modul không muốn có, nhấp sửa để sủa
thông tin theo ý mình hoặc nhập cài đặt để cài đặt thêm modul vô website.

Hình 3.7.12 Chỉnh sửa modul
 Chọn “VQMod Menager”  hiển thị trang quản trị VQMod
- VQMod Menager giúp chúng ta upload các chức năng Zoom hình ảnh cho
các sản phẩm ở các modul cũng như hình ảnh chi tiết sản phẩm.
Hình 3.7.13 Quản trị VQMod

Tùy chỉnh danh mục tin tưc, tin tức
 Chọn “Nội dung”  “Danh mục” hiển thị danh mục tin tức
Hình 3.6.13 Chỉnh sửa nội dung tin tức
Chúng ta có thể hiệu chỉnh các danh mục tin tức hiển thị tại trang web bằng
cách nhấp sửa và chọn nơi hiển thị.
 Tại menu trang quản trị chọn “Nội dung”  “Tin tức” hiển thị các tin tức
- Để hiệu chỉnh tin tức bằng cách nhấn vô sửa hoặc thêm mới bằng cách nhấn
vô thêm và chọn danh mục tin tức cần hiển thị.

Hình 3.7.14 Nội dung tin tức
Tùy chỉnh lien kết – silde – banner
 Chọn “Công cụ” tại menu trang quản trị  “Liên kết – Silde – Banner” hiển thị
các mục hiệu chỉnh silde cung các banner quảng cáo được cài đặt tại modul
- Tại đây có thể chỉnh sủa hay sóa banner quản cáo, slide banner cho webdite
bằng cách nhấp vô “sửa”, “xóa” hoặc thêm mới bằng cách nhấp vô “thêm”

Hình 3.7.15 Chỉnh sửa liên kết – slide – banner
 Chọn “Silde trang chủ” hiển thị liên kết trang tại bảng quản trị
- Liên kết: Chỏ về về website nào đó khi nhấp vô banner
- Hình ảnh: Tải hình chọn hình phù hợp cho banner của website bằng cách
nhấp chọn hình
- Lưu ý kích thước hình ảnh phải phù hợp với kích thước cài đặt của banner
của website, có thể xóa bớt link. Bấm lưu đẻ hoàn tất.
Hình 3.7.16 Hiệu chỉnh slide banner trang chủ
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
3.1 Đưa Website Lên Hosting
1. Đăng ký hosting
- Đăng ký hosting tại trang web hostinger.vn (Sử dụng hosting miễn phí)
 Nhập thông tin để đăng ký và sác nhận tài khoản

Hình 3.1.1 Đăng ký tài khoản
- Lưu ý: Dùng E-mail của mình để xác nhận đăng ký và nhận thông tin về
hosting đã đăng ký
 Nhấp chọn hosting mới
Hình 3.1.2 Đăng nhập vô hostinger.vn

Nhấp tạo hosting mới tại tài khoản hosting
Hình 3.1.3 Danh sách tài khoản hosting
Chọn gói hosting muốn đăng ký (chọn free)
- Tùy theo các gói hosting sẽ có các giới hạn khác nhau. Gói hosting giá cang
cao thì các tiện ích cũng như chất lượng càng cao.
- Với hosting free có
 Dung lượng 2000 MB
 Băng thông 100 GB
 Tạo tối đa 2 Database MySQL cho 1 hosting
 2 tài khoản E-mails
 Website Builder
 Script Autoinstaller – tự động cài đặt

Hình 3.1.4 Các gói hosting của nhà cung cấp
 Bắt đầu đăng kí bằng cách nhập tên miền và mật khẩu
- 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)
- Mật khẩu tùy ý

Hình 3.1.5: Bảng nhập tên miền mật khẩu
 Xác thực đơn hàng bằng cách nhập captcha và đồng ý điêu kiện
Hình 3.1.6: Xác thực đơn hàng

 Đăng kí thành công
Hình 3.1.6: Đăng kí thành công
Backup (Export) database của Website trên máy Local
 Đến đường dẫn Localhost/PhpMyAdmin
- Chọn database muốn backup (bên cột trái)
Hình 3.1.7: Trang PhpMyAdmin

 Tiến hành Export database
- Chọn Export để tiến hành.
Hình 3.1.8: Các bảng trong database
- Check vào hai mục:
Add DROP TABLE / VIEW / PROCEDURE / FUNCTION / EVENT
Add CREATE PROCEDURE / FUNCTION / EVENT
Cuộn trang và nhấn "Go"
Hình 3.1.9: Tiến hành backup
 Lưu tệp tin về máy – backup thành công

Hình 3.1.10: Lưu tệp tin
2. Tạo database mới và upload (Restore) database trên
hosting đã đăng ký
 Đăng nhập hosting vừa đăng ký
- Nhấp vô quản lý file để tới quản lý database
- Sẽ có yêu cầu đăng nhập tài khoản nhập tài khoản vừa đăng nhập
Hình 3.1.11: Cpanel.hostinger
 Tìm đến database

Hình 3.1.12: MySQL Database của hosting
 Điền các thông tin
- Tên MySQL database (u602075551_ chính là tiền tố của database, tiền tố
này là username của hosting)
- Mật khẩu nhập độ dài ít nhất 6 ký tự
Hình 3.1.13: Quản trị MySQL Database

 Tiến hành upload database
Hình 3.1.14: Vào PhpMyAdmin
 Chọn tệp tin vừa exporter để upload database
Hình 3.1.15: Upload cơ sở dữ liệu
 Chọn Improter  nhấp “chọn tập tin“  chỏ đường dẫn tới tập tin vừa backup
nhấn Excécuter và chờ đợi
- Improter thành công

Hình 3.1.16: Improter thành công
3. Tiến hành upload soucre web
 Mở FileZilla để upload file
Hình 3.1.17: Màn hình làm việc của FileZilla
- Bước 1: điền Host là Full FTP Hostname nhà cung cấp gửi qua mail
- Bước 2: điền Username là FTP Username nhà cung cấp gửi qua mail
- Bước 3: điền Password là FTP Password nhà cung cấp gửi qua mail
- Bước 4: Quickconnect chạy tới quản lý file của hosting vừa nhập

- Bước 5 : Nhấp vô public_html
- Bước 6 : Xóa 2 file .htaccess và default.php
- Bước 7 : Tìm đến file chứa suocre web nhấn ctrl + A nhấp chuột phải và
chọn upload
 Upload thành công
Hình 3.1.18 : Upload thành công
1. Cấu hình file config
 Vô quản lý file cuả host

Hình 3.1.19: Mở quản lý file
 Tìm đến file config
- Tìm file config chọn Edit file
Hình 3.1.20: Quản lý file
- Tiến hành cấu hình file config tại public_html/config và
public_html/admin/confing

Hình 3.1.21 : Cấu hình file config
 Đã upload thành công website tại địa chỉ http://sieuthidienmay.esy.es/
CHƯƠNG IV. TỐI ƯU HÓA SEO VÀ TẠO 1 SỐ PLUGINS XÃ HỘI
CỦA FACEBOOK CHO WEBSITE
IV. Tạo Like Box Cho Website Trên Fanpage
1. T o facepage cho websiteạ
a. Lý do tạo fanpage
Để đáp ứng nhu cầu tạo ra một trang riêng cho doanh nghiệp trong thế giới
mạng xã hội. Fanpage có thể được xem là website tóm lược của doanh nghiệp,
thông qua fanpage, doanh nghiệp có thể “giao tiếp” với khách hàng của mình một
cách gần gũi và thân thiện. Hiện nay, hầu hết các doanh nghiệp lớn trên thế giới đều
lập hẵn một fanpage cho mình để tiếp cận với khách hàng.
b. Tạo fanpage
- Vào đường dẫn https://www.facebook.com/pages/create.php

- Chọn loại fanpage facebook muốn tạo, và nhập thông tin fanpage
- Viết tên công ty
Hình 4.1 Tạo fanpage
- Thiết lập thông tin cho fanpage qua 4 bước
- Bước 4 đồng ý và sẽ phải chả phí để fanpage nhiêu lượt like hơn

Hình 4.2: Thiết lập thông tin
- Tạo fanpage thành công
- Địa chỉ fanpage đã tạo https://www.facebook.com/Sieuthidienmaytrungthanh
Hình 4.3 Tạo fanpage thành công

c. Tạo like box cho website
- Chuy cập địa chỉ https://developers.facebook.com/docs/plugins/like-button
- Chọn kiểu like box
- Facebook page URL là địa chỉ url của fanpage
- Width chiều rộng của box chứa like như domo phía dưới
- Height chiều dài và color scheme là phối màu
- Show Frienfs’ Faces là hiện những ai đã thích fanpage
- Show header hiện tìm chúng tôi trên facebook như demo
- Show posts là hiện các bài được đăng trên fanpage của website lên box demo
hay không
- Show border là hiện đường viền bên ngoài box hay không
Hình 4.4 Nhập thông tin box

- Chọn get code để coppy code chèn vô website
Hình 4.5 Code like box
d. Đưa code like box vào website (product)
- Truy cập quản lý file trong hosting tìm đến file product theo đường dẫn
catalogviewthemedefaulttemplateproduct chọn product.php edit file
- Dán code like box vô
Hình 4.6: Dán code vo product.php
- Kết quả đạt được

Hình 4.7 kết quả đạt được
2 Tối Ưu Hóa SEO
1. Dùng SEO URL’s
- Vào trang quản trị Admin  Hệ thống chọn sửa và chọn máy chủ
- Tại máy chủ chọn dùng SEO URL’s là có
- Muốn sử dung SEO URL’s thì Apache phải được cài đặt modul mod-rewrite
và đổi tên htaccess.txt thành
- Tiến hành cài đặt mod-rewrite bằng cách mở xampp/apache/conf/httpd.conf
- Tìm tới dòng LoadModule rewrite_module modules/mod_rewrite.so chuyển
thành #LoadModule rewrite_module modules/mod_rewrite.so

Hình 4.8: Dùng SEO URL’s
2. Tối ưu hóa seo tên sản phẩm và danh mục
- Đăng nhập trang quản trị tìm đến mục sản phẩm nhấn sửa sau đó chọn dữ
liệu tìm đến từ khóa seo, viết từ khóa seo sao cho không bị chùng lặp với các
sản phẩm khác
Hình 4.9: Từ khóa seo sản phẩm
- Chọn quản lý danh mục tìm đến mục dữ liệu và tối ưu hóa tên danh mục
bằng cách viết từ khóa seo và đảm bảo từ khóa không bị trùng lặp với từ
khóa khác

CHƯƠNG V. GIỚI THIỆU VỀ WEBSITE BÁN HÀNG DÂN DỤNG
5.1 Nội Dung Website
1. Giao diện trang chủ
Hiển thị ngay đầu trang chủ là logo trang web cùng like facebook. Bên phải
trang chủ chính là hệ thống giỏ hàng tìm kiếm và đăng ký đăng nhập. Tiếp theo là
menu chuyển trang để tới các trang khác, gồm các menu về sản phẩm, giới thiệu
công ty, tuyển dụng và liên hệ. Bên trái là box hỗ trợ trực tuyến cùng quảng cáo và
phần show sản phẩm tiêu biểu, sản phẩm mới. Phần trính giữa trang chủ chứa slide
banner cùng các sản phẩm được sắp sếp hiển thị theo danh mục và video
Hình 5.1: Giao diện trang chủ

2. Giao dien trang giới thiệu
Gới thiệu với khách hàng về cửa hang, những sản phẩm có trong cửa hàng trực
tuyến
Hình 5.2: Giao diện trang giới thiệu
3. Giao diện trang tuyển dụng
Những khách hàng có quan tâm tới tuyển dụng của cửa hàng trực tuyến. Sẽ có
đầy đủ thông tin tuyển dung qua mục tuyển dụng của website
Hình 5.3: giao diện trang tuyển dụng

4. Giao diện sản phẩm điện tử
Hiển thị toàn bộ sản phẩm liên quan đến điện tử do nhà cung cấp đưa da. Khách
hàng có thể xem chi tiết và mua sản phẩm bằng cách nhấp vô hình sản phẩm.
Hình 5.4: Sản phẩm điện tử
5. Giao diện chi tiết sản phẩm
Khách hàng sẽ được xem toàn bộ thông tin về sản phẩm. Quan sát sản phẩm rõ
hơn nhờ chức năng zoom sản phẩm. Bên cạnh đó khách hàng có thể like trang web
trên fanpage. Quan trong nhất là khách hàng có thể mua sản phẩm qua phương thức
thanh toán trực tuyến ngân lượng hoặc bảo kim.

Hình 5.5: Chi tiết sản phẩm
6. Giao diện trang đăng nhập tài khoản
Hình 5.6: Đăng nhập tài khoản

7. Giao diện đăng ký
Khách hàng dùng để đăng ký tài khoản nhận tin, mua hàng
Hình 5.7: Đăng ký tài khoản

VI. KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN
 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 cii giáo và các bạn học sinh
tại trường Trung Tâm Đào Tạo Quản Trị Mạng ATHENA rất nhiều đã giúp
đỡ em trong thời gian qua.

Báo cáo thực tập cuối kỳ

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Báo cáo thực tập cuối kỳ

Similar to Báo cáo thực tập cuối kỳ (20)

More from vanphu2103

More from vanphu2103 (6)

Báo cáo thực tập cuối kỳ