file word athena

107
BỘ LAO ĐỘNG - THƯƠNG BINH VÀ XÃ HỘI TRƯỜNG CAO ĐẲNG NGHỀ KỸ THUẬT CÔNG NGHỆ LADEC KHOA CÔNG NGHỆ THÔNG TIN CHUYÊN ĐỀ THỰC TẬP Tên đề tài: Nghiên cứu, xây dựng Web bán hàng trực tuyến các chương trình đào tạo Athena bằng OpenCart Họ và tên sinh viên: Nguyễn Trọng Nghĩa Chuyên ngành:Công Nghệ Thông Tin Lớp:11CTCI02 Khóa:2011 Giáo viên hướng dẫn:Võ Đỗ Thắng

Upload: nguyen-trong-nghia-sama

Post on 30-Oct-2014

419 views

Category:

Technology


1 download

DESCRIPTION

ahthena

TRANSCRIPT

Page 1: File Word Athena

BỘ LAO ĐỘNG - THƯƠNG BINH VÀ XÃ HỘI

TRƯỜNG CAO ĐẲNG NGHỀ KỸ THUẬT CÔNG NGHỆ LADEC

KHOA CÔNG NGHỆ THÔNG TIN

CHUYÊN ĐỀ THỰC TẬP

Tên đề tài: Nghiên cứu, xây dựng Web bán hàng trực tuyến các chương trình đào tạo Athena

bằng OpenCart

Họ và tên sinh viên: Nguyễn Trọng Nghĩa

Chuyên ngành:Công Nghệ Thông Tin

Lớp:11CTCI02

Khóa:2011

Giáo viên hướng dẫn:Võ Đỗ Thắng

Page 2: File Word Athena

Báo Cáo Th c T pự ậ Page 2

Page 3: File Word Athena

TP.HCM, tháng 4 năm 2014

BỘ LAO ĐỘNG - THƯƠNG BINH VÀ XÃ HỘI

TRƯỜNG CAO ĐẲNG NGHỀ KỸ THUẬT CÔNG NGHỆ LADEC

KHOA CÔNG NGHỆ THÔNG TIN

CHUYÊN ĐỀ THỰC TẬPTên đề tài: Nghiên cứu, xây dựng Web bán hàng trực

tuyến các chương trình đào tạo Athena bằng OpenCart

Họ và tên sinh viên: Nguyễn Trọng Nghĩa

Chuyên ngành:Công Nghệ Thông Tin

Lớp:11CTCI02

Khóa:2011

Giáo viên hướng dẫn:Võ Đỗ Thắng

NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN

Báo Cáo Th c T pự ậ Page 3

Page 4: File Word Athena

................................................................................................................................

................................................................................................................................

................................................................................................................................

................................................................................................................................

................................................................................................................................

................................................................................................................................

................................................................................................................................

................................................................................................................................

................................................................................................................................

................................................................................................................................

................................................................................................................................

................................................................................................................................

................................................................................................................................

................................................................................................................................

Chữ kí giảng viên hướng dẫn: Điểm Thực Tập:

Báo Cáo Th c T pự ậ Page 4

Page 5: File Word Athena

NHẬN XÉT CỦA TRUNG TÂM ATHENA

................................................................................................................................

................................................................................................................................

................................................................................................................................

................................................................................................................................

................................................................................................................................

................................................................................................................................

................................................................................................................................

................................................................................................................................

................................................................................................................................

................................................................................................................................

................................................................................................................................

................................................................................................................................

................................................................................................................................

................................................................................................................................

Chữ kí của giảng viên hướng dẫn: Điểm Thực Tập:

Báo Cáo Th c T pự ậ Page 5

Page 6: File Word Athena

M C L CỤ ỤChương 1: Cơ Sở Lý Luận Cho Báo Cáo Thực Tập..........................................................4

I. Hoàn Cảnh Ra Đời:............................................................................................................4II. OPENCART:.....................................................................................................................4

1. Khái niệm :.....................................................................................................................4

2. Tính năng :.....................................................................................................................4

3. Ưu, nhược điểm :............................................................................................................5

4. Các Phiên bản khác của Opencart :...............................................................................5

Chương 2: Giới thiệu về đơn vị thực tập............................................................................8

Giới thiệu trung tâm Athena.....................................................................................8 Lĩnh vực hoạt động chính:........................................................................................8

Chương 3: Thực trạng về vấn đề cần nghiên cứu............................................................11

I. Các bước cài đặt OpenCart:...................................................................................11II. Tạo Database cho Web site local............................................................................15III. (Upload) Source Opencart......................................................................................16IV. Truy cập trang cài đặt Opencart............................................................................17V. Chỉnh sửa thông tin của trang Web Opencart......................................................21

1)Bấm vào Menu "Hệthống" -> "Cấuhình". Bấm vào nút "Sửa"...................................21

2)Tùy chỉnh phần Danh mục sản phẩm...........................................................................23

3)Tạo một Danh mục sản phẩm.......................................................................................24

4)Hiển thị nội dung ra trang chủ......................................................................................25

5)Chỉnh sửa Mod Hỗtrợ trựctuyến..................................................................................27

Báo Cáo Th c T pự ậ Page 6

Page 7: File Word Athena

6)Đăng tin tức, chỉnh sửa.................................................................................................28

7)Hiệu chỉnh Slide trình diễn quảng cáo đầu trang..........................................................31

8)Tùy chỉnh quảng cáo hai bên........................................................................................32

9)Tạo banner quảng cáo trượt hai bên.............................................................................33

10)Đưa video vào website.................................................................................................37

11)Hướng dẫn làm tooltip (zoom ảnh khi rê chuột vào sản phẩm) trong Opencart.........41

VI.Đưa toàn bộ trang Web lên mạng Internet......................................................................49

Backup (Export) Database:............................................................................................49

Bước 1: Đăng ký hosting và domain.................................................................................51

Bước 2: Tạo Database và Upload (Restore) Database......................................................55

Bước 3: Upload (Restore) Website Opencart...................................................................59

Bước 4: Tối ưu hóa SEO cho Website..............................................................................64

Bước 5: Tối ưu hóa tìm kiếm website trên Google...........................................................67

Chương 4: Kết Luận và Kiến Nghị.................................................................................68

Kết luận:...................................................................................................................68 Kiến Nghị:.................................................................................................................68

Báo Cáo Th c T pự ậ Page 7

Page 8: File Word Athena

Chương 1: Cơ S ở Lý L uậ n Cho Báo Cáo T hự c T ập I. Hoàn Cảnh Ra Đời:

Với tốc độ phát triển của Internet như hiện nay, website đã trở thành một trong những kênh quảng bá sản phẩm, dịch vụ không thể thiếu đối với doanh nghiệp. Đối thủ cạnh tranh của bạn luôn tìm cách kiểm soát phần thị phần đáng kể trên mạng Internet và nếu họ giành được thị phần đó sớm hơn, bạn sẽ khó có thể giành lại nó. Phát triển một website bán hàng chuyên nghiệp, bạn sẽ tạo được lợi thế cạnh tranh bền vững trong tương lai.OpenCart là chương trình được thiết kế tính năng phong phú, dễ sử dụng, công cụ tìm kiếm thân thiện và một giao diện trực quan hấp dẫn sẽ hỗ trợ bạn tạo nên một Website hoàn hảo mà bạn cần.

II. OPENCART:

1. Khái niệm :OpenCart là một mã nguồn mở, sử dụng ngôn ngữ PHP, cung cấp các giải

pháp thương mại điện tử mạnh mẽ với khả năng tạo kinh doanh trực tuyến,ngoài tính năng free thì opencart được biết đên với các tinh năng vốn có của 1 opensource, là có thể sửa đổi,dễ hiệu chỉnh, dễ cải tiến theo hướng phát triển của bản thân ngưởi sử dụng. Trong lĩnh vực Thiết kế site bán hàng, Opencart quản lý hệ thống CMS lớn với phần mua hàng, điểm thưởng. Điều mà người viết tâm đắc nhất ở Opensource là chế độ tự 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.

2. Tính năng :Opencart đầu tư khá công phu cho việc sử dụng , quản lý các gian hàng, và

khách hàng. Nó chứa các module cho phép bạn sử dụng các mục đích khác nhau, như giới thiệu sản phẩm, sản phẩm được đưa ra trưng bày, liệt kê sản phẩm theo các tính năng.Ngoài ra Opencart còn có các chức năng như :

+ Hệ thống tính điểm Coupon

+ Thẻ quà tặng

+ Xếp hạng các hạng mục sản phẩm

+ SEO

+ Tiền tệ

+ Đơn hàng ……

Báo Cáo Th c T pự ậ Page 8

Page 9: File Word Athena

3. Ưu, nhược điểm :

a. Ưu điểm :- Cài đặt đơn giản nhanh chóng

- Dễ dàng cấu hình và tùy chỉnh theo ý thích

- Coder dể dàng nắm bắt và phát triển

- Template nhẹ nhàng, hỗ trợ nhiều Jquery

- Thân thiện với người sử dụng

- Hỗ trợ tốt về Đa ngôn ngữ

- Format code rõ ràng theo chuẩn MVC

- Cộng đồng phát triển mạnh

- Hỗ trợ mutilstore

b. Nhược điểm:- Không hỗ trợ Hooks. Khi them một modules mới cần phải tác động đến

phần code mặc định.

4. Các Phiên bản khác của Opencart :- Phiên bản mới nhất : 1.5.6.1 xuất bản ngày 18-08-2013

- Phiên bản hiện đang được sử dụng nhiều : v1.5.2.1 xuất bản tháng 4-2012.

Báo Cáo Th c T pự ậ Page 9

Page 10: File Word Athena

Sơ Đồ Cấu Trúc Của OpenCart

Đây là cây thư mục mô tả các thư mục trong opencartHiện tại ta sẽ chỉ quan tâm đến 2 thư mục là admin và catelog, còn các thư mục khác chúng ta tạm thời gác sang một bên. Quan sát bằng mắt thường ta cũng có thể thấy 2 thư mục này có cấu trúc khá giống nhau. Bởi chúng thực hiện 2 nhiệm vụ hoàn toàn độc lập với nhau. Thư mục admin là website dành cho người quản lý web, còn thư mục catelog là website dành cho người dùng.

Báo Cáo Th c T pự ậ Page 10

Page 11: File Word Athena

Website ADMIN lấy thông tin từ database và xử lý nó theo ý người quản lý rồi lại lưu vào database.Website CATELOG lấy thông tin từ databse và xuất ra cho người dùng xem.

Trong Catelog và Admin có các thư mục:

Controller: Trong thư mục này sẽ chứa các file điều khiển. Các file này sẽ có nhiệm vụ lấy thông tin từ database, lấy ngôn ngữ từ thư mục "Language" và truyền vào thư mục "View"

Language: Chả cần phải nói cũng biết là trong này chứa ngôn ngữ. Với mô hình MVC, chúng ta có thể thay đổi ngôn ngữ website rất dễ dàng. Hoặc thậm chí tạo ra 1 loại ngôn ngữ cho riêng mình cũng không phải khó khăn.

Module: Chứa các hàm xử lý. Nó chứa các function và sẽ được gọi ở trong Controller.

View: Nhận các biến từ controller và xuất ra thành giao diện web.

Báo Cáo Th c T pự ậ Page 11

Page 12: File Word Athena

Chương 2: Giới thiệu về đơn vị thực tập Giới thiệu trung tâm Athena

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 tỉnh, 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ự ,......

Báo Cáo Th c T pự ậ Page 12

Page 13: File Word Athena

Đội ngũ giảng viên :+Tất cả các giảng viên trung tâm ATHENA có đề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

+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, bảo đảm học viên luô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 khoá 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ờ học chính thức, học viên được thực hành thêm 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ế.

Báo Cáo Th c T pự ậ Page 13

Page 14: File Word Athena

Địa chỉ:

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

HCM

Báo Cáo Th c T pự ậ Page 14

Page 15: File Word Athena

Trung tâm ATHENA - 92 Nguyễn Đình Chiểu ,DaKao, Q1 , Tp

HCM

Chương 3: Thực trạng về vấn đề cần nghiên cứu

I. Các bước cài đặt OpenCart:

Vàotrangwww.oldapps.comđể download bản XAMPP 1.7.3.Giới thiệu sơ lược về Xampp:Xampp là 1 gói cài đặt có sẵn apache, mysql, php và nhiều tiện ích khác giúp bạn có thể setup 1 webserver 1 cách nhanh chóng. Do tính dễ dàng trong cài đặt, đầy đủ chức năng và thường xuyên cập nhật các phiên bản mới của php, apache, mysql... nên xampp là 1 trong số những bộ cài đặt tích hợp được sử dụng nhiều nhất. Là 1 công cụ hỗ trợ đắc lực cho Opencart

Nhấn Install để bắt đầu quá trình cài đặt

Báo Cáo Th c T pự ậ Page 15

Page 16: File Word Athena

Sau khi chạy xong cửa sổ CMD sẽ tự động được bật lên

Chọn (Y)

Chọn (Y) Tiếp

Báo Cáo Th c T pự ậ Page 16

Page 17: File Word Athena

Chọn (Y)

Nhấn Enter để tiếp tục

Báo Cáo Th c T pự ậ Page 17

Page 18: File Word Athena

Enter lần 2 Nhấn X để thoát khỏi cửa sổ CMD

Vào trang http://localhost/ chọn ngôn ngữ English để kiểm tra

Báo Cáo Th c T pự ậ Page 18

Page 19: File Word Athena

Click vào admin của dòng MySQLTrang chủ localhost sẽ tự động được bật lên

II. Tạo Database cho Web site local Ấn vào tab Database để tạo 1 database mới.

Báo Cáo Th c T pự ậ Page 19

Page 20: File Word Athena

1. Tại ô Create New Database điền thông tin Database mà bạn muốn tạo,cuối cùng ấn Create để hoàn thành

III. (Upload) Source Opencart

2. Coppy và đổi tên file source Opencart vào thư mục cài đặt C:\xampp\htdocs

Báo Cáo Th c T pự ậ Page 20

Page 21: File Word Athena

IV. Truy cập trang cài đặt OpencartMở trình duyệt bất kì nhấn vào địa chỉ “localhost/monhocathena 2”Lưu ý: monhocathena 2 là Database mà bạn tạo lúc đầu.Có 2 loại ngôn ngữ cho bạn chọn

3. Chọn ngôn ngữ là tiếng việt

4. Click vào “tôi đồng ý cấp giấy phép” Tiếp tục

Báo Cáo Th c T pự ậ Page 21

Page 22: File Word Athena

Báo Cáo Th c T pự ậ Page 22

Page 23: File Word Athena

5. Tiếp tục

6. Điền các thông tin cần thiết vào1) Tiếp tục

Báo Cáo Th c T pự ậ Page 23

Page 24: File Word Athena

7. Hoàn thànhở bước này bạn phải xóa thư mục Install trong thư mục gốc

Báo Cáo Th c T pự ậ Page 24

Page 25: File Word Athena

Báo Cáo Th c T pự ậ Page 25

Page 26: File Word Athena

8. Quay lại trang localhost/monhocathena 2/admin2) Nhập name/password Đăng nhập

Đây là trang quản trị của Website

Báo Cáo Th c T pự ậ Page 26

Page 27: File Word Athena

V. Chỉnh sửa thông tin của trang Web Opencart

1) Bấm vào Menu "Hệthống" -> "Cấuhình". Bấm vào nút "Sửa"

Thay đổi thông tin mục tổngquan:

Têncửahàng

Chủcửahàng:

Địachỉ: “LàđịachỉCty, Shop”

Email:

Điệnthoại

Báo Cáo Th c T pự ậ Page 27

Page 28: File Word Athena

Ở mụcCửahàng:

Tiêuđề:

Môtảtừkhóa Meta:

Giaodiện: default

Bốcục: Mặcđịnh

Chuyển qua "Nút thanh toán"

Open cart hổ trợ thanh toán qua trung gian là NgânLượng và Bảo Kim. Bạn cần phải đăng ký dịch vụ thanh toán trên trang chủ của NgânLượng (nganluong.vn) và Bảo

Báo Cáo Th c T pự ậ Page 28

Page 29: File Word Athena

Kim (baokim.vn) để lấy các thông tin: Mã merchant, mật khẩu giao tiếp, tài khoản nhận tiền.

Báo Cáo Th c T pự ậ Page 29

Page 30: File Word Athena

Sang thẻ “Hình” để thay đổi logo web như mong muốn

2) Tùy chỉnh phần Danh mục sản phẩm.Truy cập vào Menu "Sảnphẩm", "Danhmục". Bạn có thể Thêm, xóa, hoặc chỉnh sửa danh mục.

Báo Cáo Th c T pự ậ Page 30

Page 31: File Word Athena

Bấm vào Menu "Sản phẩm", "Sản phẩm". Bạn có thể Thêm, xóa, Sao chép, hoặc chỉnh sửa thông tin của các sản phẩm.

3) Tạo một Danh mục sản phẩm

Báo Cáo Th c T pự ậ Page 31

Page 32: File Word Athena

Vào Menu "Sản phẩm", "danh mục"

Bấm vào nút "Thêm" để tạo danh mục sản phẩm mới

4) Hiển thị nội dung ra trang chủVào Menu "Phần mở rộng", "Mô-đun"

Báo Cáo Th c T pự ậ Page 32

Page 33: File Word Athena

Vàodòng: "sản phẩm theo danh mục", bấm "sửa"

Nhấn vào nút "xem cửa hàng" để xem kết quả cuối cùng.

Báo Cáo Th c T pự ậ Page 33

Page 34: File Word Athena

Báo Cáo Th c T pự ậ Page 34

Page 35: File Word Athena

Báo Cáo Th c T pự ậ Page 35

Page 36: File Word Athena

5) Chỉnh sửa Mod Hỗtrợ trựctuyến

Vào Menu "Phần mở rộng", "Mô-đun"

Dòng Hỗ trợ, bấm vào nút "Sửa"

Báo Cáo Th c T pự ậ Page 36

Page 37: File Word Athena

Chỉnh sửa thông tin Yahoo ID, Số điện thoại. Bấm nút "Lưu"

6) Đăng tin tức, chỉnh sửa

Tạo danh mục tin tức: Vào Menu "Nội dung", "Danh mục"

Đăng tin, chỉnh sửa tin

Vào Menu "Nội dung", "Tin tức" Để “Thêm, sao chép, xóa” tin tức.

Báo Cáo Th c T pự ậ Page 37

Page 38: File Word Athena

Bấm nút "Thêm" để tạo một tin tức mới.

Tên tin tức:

Môtảtừkhóa:

TừKhóa

Môtả: Nội dung thông tin

--------

Chuyển qua thẻ "Dữ liệu"

Hình: nhấn vào "Đường dẫn", up hình lên hoặc chọn hình có sẵn cho phù hợp.

Báo Cáo Th c T pự ậ Page 38

Page 39: File Word Athena

--------------------

Báo Cáo Th c T pự ậ Page 39

Page 40: File Word Athena

Chuyển tới thẻ "Liênkết"

Chọn danh mục muốn tin hiển thị, ví dụ "Tin Tức Công nghệ". Bấm nút "Lưu" để . Xem kết quả:

Báo Cáo Th c T pự ậ Page 40

Page 41: File Word Athena

7) Hiệu chỉnh Slide trình diễn quảng cáo đầu trang

Vào Menu "Công cụ", "Liên kết-Slide-Banner"

Bấm vào “Slide trang chủ”, chọn "Sửa"

Báo Cáo Th c T pự ậ Page 41

Page 42: File Word Athena

Tiêuđề:

Liên kết: Trỏ về website bấtkỳ

Hình ảnh: Bấm "chọn hình", tải hình và chọn hình phù hợp.

Lưu ý: Ảnh chọn tải lên phải có kích thước Ngang: 920, Dọc: 342.

Có thể xóa bớt các Link nếu không thích

Bấm "Lưu"

đểhoànthành.

Báo Cáo Th c T pự ậ Page 42

Page 43: File Word Athena

8) Tùy chỉnh quảng cáo hai bên

Truy cập vào Menu Công cụ>Liên kết- Slide - Banner. Click sửa Banner quảng cáo 1

Bạn có thể thêm, xóa một liên kết hoặc chọn hình, xóa hình một liên kết bất kì.

Báo Cáo Th c T pự ậ Page 43

Page 44: File Word Athena

Báo Cáo Th c T pự ậ Page 44

Page 45: File Word Athena

9) Tạo banner quảng cáo trượt hai bên

Truy cập vào Menu Công cụ>Liên kết-Slide-Banner. Click “Thêm” để tạo mới.

Đặt tên cho banner cần quản lý, thêm liên kết. Sau đó click “Lưu”.

Báo Cáo Th c T pự ậ Page 45

Page 46: File Word Athena

Copy 2 thư mục ( folder) admin, catalog vào thư mục gốc

Thư mục gốc: C:\xampp\htdocs\monhocathena2

Báo Cáo Th c T pự ậ Page 46

Page 47: File Word Athena

Báo Cáo Th c T pự ậ Page 47

Page 48: File Word Athena

Bạn vào: Phần mở rộng >Mô-đun>tìm Left-Right-Scroll Banner> Chọn Cài đặt modun.

Sau khi cài đặt xong:  Sửa (Left-right-scoll banner)

Báo Cáo Th c T pự ậ Page 48

Page 49: File Word Athena

Báo Cáo Th c T pự ậ Page 49

Page 50: File Word Athena

Chọn Thêm mô-đun và làm theo hướng dẫn bên dưới

Chọn Cài đặt cho modun chạy trên web thuộc những phần nào:

(1), (2): Chọn định dạng trượt

(3): Chọn kích thước hình ảnh chạy dọc theo trang web

(4): Phần banner chạy. Chỉ xuất hiện trên các trang mình cho phép chạy.

Báo Cáo Th c T pự ậ Page 50

Page 51: File Word Athena

(5): Hiển thị (bật) / không hiển thị (tắt)

(6): Hoàn tất quá trình.

10) Đưa video vào websiteCopy 2 thư mục ( folder) admin, catalog vào thư mục gốc

Thư mục gốc: C:\xampp\htdocs\shop

Báo Cáo Th c T pự ậ Page 51

Page 52: File Word Athena

Bạn vào: Phần mở rộng >Mô-đun>tìm Youtube> Chọn Cài đặt modun

Báo Cáo Th c T pự ậ Page 52

Page 53: File Word Athena

Sau khi cài đặt xong:  Sửa (Youtube)

Chọn Thêm mô-đun

Báo Cáo Th c T pự ậ Page 53

Page 54: File Word Athena

Báo Cáo Th c T pự ậ Page 54

Page 55: File Word Athena

Chọn Cài đặt cho modun chạy trên web thuộc những phần nào:

(1): Lấy code từ youtube

(2): Chọn kích thước hiển thị video

(3): Chỉ xuất hiện trên các trang mình chon.

(4): Vị trí hiển thị video

(5): Hiển thị (bật) / không hiển thị (tắt)

(6): Hoàn tất quá trình.

Kiểm Tra Kết Quả

Báo Cáo Th c T pự ậ Page 55

Page 56: File Word Athena

Báo Cáo Th c T pự ậ Page 56

Page 57: File Word Athena

11) Hướng dẫn làm tooltip (zoom ảnh khi rê chuột vào sản phẩm) trong Opencart

Cài đặt VqmodCopy thư mục vqmod vào thư mục gốc

Báo Cáo Th c T pự ậ Page 57

Page 58: File Word Athena

Mở trình duyệt và gõ vào thanh địa chỉ: (http://localhost/shop/vqmod/install)

Báo Cáo Th c T pự ậ Page 58

Page 59: File Word Athena

Cài đặt thành công

Cài đặt Vqmod managerCopy 2 thư mục admin và vqmod vào thư mục gốc

Báo Cáo Th c T pự ậ Page 59

Page 60: File Word Athena

Truy cập vào trang quản trị, chọn Menu Phần mở rộng> Mô-đun>tìm VQMod Manager>Chọn install

Chọn Menu Phần mở rộng> VQMod Manager

Click Save (phía góc phải)để lưu lại

Tạo thư mục js trong theme opencart

Báo Cáo Th c T pự ậ Page 60

Page 61: File Word Athena

Vào thư mục default theo đường dẫn: C:\xampp\htdocs\monhocathena2\catalog\view\theme\default

Báo Cáo Th c T pự ậ Page 61

Page 62: File Word Athena

Tạo thư mục có tên js

Copy file wz_tooltip.js vào thư mục js vừa tạo ở trên.

Zoom ảnh cho phần danh mục sản phẩm

Báo Cáo Th c T pự ậ Page 62

Page 63: File Word Athena

Truy cập vào trang quản trị, chọn Menu Phần mở rộng> VQMod Manager

Chọn Browse và tìm đến file image-tooltips-tnt_productcat.xml > tiến hành upload.

Kiểm tra kết quả!

Báo Cáo Th c T pự ậ Page 63

Page 64: File Word Athena

Báo Cáo Th c T pự ậ Page 64

Page 65: File Word Athena

Zoom ảnh cho phần chi tiết sản phẩm

Copy 2 thư mục catalog và vqmod vào thư mục gốc

Zoom ảnh cho phần sản phẩm ngẫu nhiên, sản phẩm mới và sản phẩm tiêu biểu

Truy cập vào trang quản trị, chọn Menu Phần mở rộng > VQMod Manager

Báo Cáo Th c T pự ậ Page 65

Page 66: File Word Athena

Chọn Browse và upload lần lượt từng file

(1): image-tooltips-featured.xml : sản phẩm tiêu biểu

(2): image-tooltips-lasted.xml : sản phẩm mới

(3): image-tooltips-tnt_random.xml : sản phẩm ngẫu nhiên.

Báo Cáo Th c T pự ậ Page 66

Page 67: File Word Athena

Kiểm tra kết quả cuối cùng!

Báo Cáo Th c T pự ậ Page 67

Page 68: File Word Athena

Báo Cáo Th c T pự ậ Page 68

Page 69: File Word Athena

VI. Đưa toàn bộ trang Web lên mạng Internet Backup (Export) Database:

Truy cập vào địa chỉ: "Localhost/phpmyadmin/". Bằng cách click vào Admin của MySQl

Tìm Database của Monhocathena 2 ở cột bên trái.

Báo Cáo Th c T pự ậ Page 69

Page 70: File Word Athena

Báo Cáo Th c T pự ậ Page 70

Page 71: File Word Athena

Nhấn vào nút "Export"

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"

Báo Cáo Th c T pự ậ Page 71

Page 72: File Word Athena

Lưu file về máy Local

Bạn đã xong phần Backup (export) database

Bước 1: Đăng ký hosting và domainTruy cập Website: http://www.hostinger.vn/Click tạo tài khoản mới

Điền các thông tin mà họ yêu cầu:+Tên của bạn+Email của bạn+Password+Nhập lại pass+Điền đúng các kí tự xuất hiện trên màn hìnhCheck vào “Tôi đồng ý điều khoản dịch vụ”Click “Tạo Tài Khoản”

Báo Cáo Th c T pự ậ Page 72

Page 73: File Word Athena

Báo Cáo Th c T pự ậ Page 73

Page 74: File Word Athena

Sau khi đăng kí hoàn tất bạn cần vào email để kích hoạt tài khoản.

Báo Cáo Th c T pự ậ Page 74

Page 75: File Word Athena

Chọn host mà mình muốn đăng kí, ấn “Đặt hàng”

Nhập tên miền và mật khẩu

Điền tên domain bạn muốn tạo

+Chọn đuôi trang web mà bạn muốn

+Điền password,nhập lại pass

click “Tiếp tục”

Báo Cáo Th c T pự ậ Page 75

Page 76: File Word Athena

Xác thực thông tin domain

Sau đó nhấn đặt hàng để hoàn thành

Báo Cáo Th c T pự ậ Page 76

Page 77: File Word Athena

Bước 2: Tạo Database và Upload (Restore) DatabaseClick vào dấu (+) trước tên domain, trang web sẽ tự động chạy tới trang Cpanel.hostinger.vn

Click “Thông tin chi tiết” để biết thông tin về tên miền, namesevers,email…..

Báo Cáo Th c T pự ậ Page 77

Page 78: File Word Athena

Nhấn vào “MySQL Databases”

Điền đầy đủ thông tin về database

Báo Cáo Th c T pự ậ Page 78

Page 79: File Word Athena

Ấn “Tạo”Để hoàn thành.

Tiếp tục nhấn vào tab php MyAdmin

Báo Cáo Th c T pự ậ Page 79

Page 80: File Word Athena

Click vào “Enter phpMyAdmin”

Báo Cáo Th c T pự ậ Page 80

Page 81: File Word Athena

Tại thẻ Importer nhấn “Chọn tệp tin”

Tìm đến tệp tin "monhocathena2.sql" đã backup từ bước chuẩn bị.

Sau đó nhấn vào nút "Go" và chờ đến khi import xong

Báo Cáo Th c T pự ậ Page 81

Page 82: File Word Athena

Bạn đã xong phần tạo và import database

Bước 3: Upload (Restore) Website Opencart.Ở bước này bạn cần tải phần mềm FileZilla về máy https://filezilla-project.org/download.php?type=client

Sau khi tải về ta bắt đầu tiến trình cài đặt như các phần mềm khác

Đây là giao diện chương trình sau khi đã cài đặt xong

Báo Cáo Th c T pự ậ Page 82

Page 83: File Word Athena

Để lấy thông tin upload Website, ta vào lại trang http://cpanel.hostinger.vn/

Điền những thông tin trên vào filezilla, sau đó nhấn Quickconnect để bắt đầu

Báo Cáo Th c T pự ậ Page 83

Page 84: File Word Athena

Việc đầu tiên là phải xóa file default trong thư mục Public

Báo Cáo Th c T pự ậ Page 84

Page 85: File Word Athena

Ở cột bên trái ta mở thư mục monhocathena2, sau đó coppy hết toàn bộ những gì có trong đó mà past vào thư mục public bên phải

Quá trình này diễn ra khá lâu khoảng (20’-30’)

Sau khi Upload xong ta bắt đầu sửa file config.php trong thư mục public bên tay phải

Báo Cáo Th c T pự ậ Page 85

Page 86: File Word Athena

Ta coppy đoạn code mặc định này vào thay cho đoạn code cũ

// HTTP

define('HTTP', $_SERVER['HTTP_HOST'].dirname($_SERVER['PHP_SELF']));

define('HTTP_SERVER', 'http://'.HTTP);

define('HTTP_IMAGE', 'http://'.HTTP.'image/');

define('HTTP_ADMIN', 'http://'.HTTP.'admin/');

// HTTPS

define('HTTPS_SERVER', 'http://'.HTTP);

define('HTTPS_IMAGE', 'http://'.HTTP.'image/');

// DIR

define('BASE_DIR', realpath(dirname(__FILE__)));

define('DIR_APPLICATION', BASE_DIR.'/catalog/');

Báo Cáo Th c T pự ậ Page 86

Page 87: File Word Athena

define('DIR_SYSTEM', BASE_DIR.'/system/');

define('DIR_DATABASE', BASE_DIR.'/system/database/');

define('DIR_LANGUAGE', BASE_DIR.'/catalog/language/');

define('DIR_TEMPLATE', BASE_DIR.'/catalog/view/theme/');

define('DIR_CONFIG', BASE_DIR.'/system/config/');

define('DIR_IMAGE', BASE_DIR.'/image/');

define('DIR_CACHE', BASE_DIR.'/system/cache/');

define('DIR_DOWNLOAD', BASE_DIR.'/download/');

define('DIR_LOGS', BASE_DIR.'/system/logs/');

Riêng phần DB bạn cần điền những thông tin giống như trong mục “MySQL Databases” mà ta tạo lúc nãy

// DB

define('DB_DRIVER', 'mysql');

define('DB_HOSTNAME', 'mysql.hostinger.vn');

define('DB_USERNAME', 'u254119107_itc');

define('DB_PASSWORD', 'p@ssw0rd');

define('DB_DATABASE', 'u254119107_itc');

9. Cuối cùng bạn làm các bước tương tự như trên đối với file “config.php” trong thư mục Admin với đoạn code dưới đây

// HTTP

define('HTTP', $_SERVER['HTTP_HOST'].str_replace('/admin', '',dirname($_SERVER['PHP_SELF'])));

define('HTTP_SERVER', 'http://'.HTTP.'/admin/');

define('HTTP_CATALOG', 'http://'.HTTP.'/');

define('HTTP_IMAGE', 'http://'.HTTP.'/image/');

// HTTPS

define('HTTPS_SERVER', 'http://'.HTTP.'/admin/');

define('HTTPS_IMAGE', 'http://'.HTTP.'/image/');

Báo Cáo Th c T pự ậ Page 87

Page 88: File Word Athena

// DIR

define('BASE_DIR', str_replace(DIRECTORY_SEPARATOR.'admin', '', realpath(dirname(__FILE__))));

define('DIR_APPLICATION', BASE_DIR.'/admin/');

define('DIR_SYSTEM', BASE_DIR.'/system/');

define('DIR_DATABASE', BASE_DIR.'/system/database/');

define('DIR_LANGUAGE', BASE_DIR.'/admin/language/');

define('DIR_TEMPLATE', BASE_DIR.'/admin/view/template/');

define('DIR_CONFIG', BASE_DIR.'/system/config/');

define('DIR_IMAGE', BASE_DIR.'/image/');

define('DIR_CACHE', BASE_DIR.'/system/cache/');

define('DIR_DOWNLOAD', BASE_DIR.'/download/');

define('DIR_LOGS', BASE_DIR.'/system/logs/');

define('DIR_CATALOG', BASE_DIR.'/catalog/');

Vậy là ta đã hoàn thành xong phần Upload Website !

Bây giờ ta có thể vào Website tự nhiên mà không phải thông qua phần mềm Xampp nữa.

Bước 4: Tối ưu hóa SEO cho Website.1. Sử dụng Tiêu đề:

+ Tại tab “Sản phẩm” phần “mô tả” ta bôi đen phần tiêu đề đầu trang sau đó nhấp chuột phải chọn “Sửa liên kết”

Báo Cáo Th c T pự ậ Page 88

Page 89: File Word Athena

Ta gán địa chỉ website mà từ khóa cần trỏ đến, sau đó ấn đồng ý để hoàn thành

2. Sử dụng hình ảnh sản phẩm:

Báo Cáo Th c T pự ậ Page 89

Page 90: File Word Athena

Tương tự như phần sử dụng từ khóa ta cũng nhấp chuột phải vào hình ảnh và chọn “Sửa liên kết” để trỏ đến địa chỉ website mong muốn

3. Sử dụng link liên kết:Chọn 1 từ thông dụng mà bạn muốn sau đó click vào hình quả địa cầu phía trên để dẫn tới địa chỉ Url Website.

Báo Cáo Th c T pự ậ Page 90

Page 91: File Word Athena

4. Sử dụng từ khóa SEO Tại tab “Dữ liệu” Opencart sẽ tự động mặc định các từ khóa SEO theo thông tin từ tên sản phẩm.

Báo Cáo Th c T pự ậ Page 91

Page 92: File Word Athena

Báo Cáo Th c T pự ậ Page 92

Page 93: File Word Athena

Bước 5: Tối ưu hóa tìm kiếm website trên Google.1. Vào trang http://www.google.com/webmasters/ để đăng kí

cho website.2. Nhập tên Web mà ta đã tạo, ấn “Thêm trang web”

Báo Cáo Th c T pự ậ Page 93

Page 94: File Word Athena

Chương 4: Kết Luận và Kiến Nghị

Kết luận:

Nhận Xét Cá NhânƯu Điểm Nhược Điểm

+Có thể tạo ra một trang Web dù ít kiến thức về mã code+Thao tác dễ dàng, đơn giản+Thay thế sản phẩm, danh mục hay hình ảnh nhanh gọn ít tốn thời gian+Tối ưu hóa SEO tương đối đơn giản, dễ thực hiện.

+ Quá trình Upload Website khá mất thời gian.+Thanh toán các sản phẩm còn gặp nhiều vướng mắc.

Kiến Nghị:

Hướng phát triển: OpenCart không chỉ nhìn tuyệt vời mà còn dễ mở rộng. Bạn có

thể tạo không giới hạn các danh mục hàng hóa, bán không giới hạn số lượng sản phẩm, chấp nhận nhiều loại tiền tệ, sử dụng nhiều ngôn ngữ và chọn lựa từ hơn 20 phương thức thanh toán và 8 phương thức giao hàng.

OpenCart còn rất thân thiện với người dùng và thân thiện với các công cụ tìm kiếm, do đó sẽ giúp bạn nỗi bật trên Google. Khách hàng có thể viết nhận xét và đánh giá về các sản phẩm bạn bán. OpenCart không phổ biến như osCommerce nên trợ giúp và hướng dẫn không nhiều, nhưng có một giao diện nhìn đẹp hơn.

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 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 lập trình có thể sử dụng được đễ dàng.

Báo Cáo Th c T pự ậ Page 94

Page 95: File Word Athena

Đường Link file Báo cáo Thực Tập

link file word:

http://www.slideshare.net/nguyentrongnghiakun/nguyentrongnghia-32384961

link video:

http://youtu.be/asks--QWKO4

http://youtu.be/F-7hB5fsH2g

http://youtu.be/bx9Us-GPvdQ

link video tự giới thiệu bản thânhttps://www.youtube.com/watch?v=1uyYfil7huI

Báo Cáo Th c T pự ậ Page 95