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

BỘ LAO ĐỘNG - THƯƠNG BINH VÀ XÃ HỘITRƯỜNG CAO ĐẲNG NGHỀ KỸ THUẬT CÔNG NGHỆ LADEC KHOA CÔNG NGHỆ THÔNG TIN CHUYÊN ĐỀ THỰC TẬP tuyến các chương trình đào tạo Athena bằng OpenCart Họ và tên

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

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

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

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

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

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:

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: 4

II 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: 11

II Tạo Database cho Web site local 15

III (Upload) Source Opencart 16

IV Truy cập trang cài đặt Opencart 17

V 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

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

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ộttrong những kênh quảng bá sản phẩm, dịch vụ không thể thiếu đối với doanhnghiệ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ìmkiế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ênmộ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àití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ư :

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

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

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

Đây là cây thư mục mô tả các thư mục trong opencart

Hiện tại 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úngthự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ànhcho người dùng

Website ADMIN lấy thông tin từ database và xử lý nó theo ý người quản

lý rồi lại lưu vào database.Website CATELOG lấy thông tin từ databse

và xuất ra cho người dùng xem

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

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ự ,

Độ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 thamgia 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ế

Địa chỉ:

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

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àotrang www.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ácgiúp bạn có thể setup 1 webserver 1 cách nhanh chóng Do tính dễ dàngtrong cài đặt, đầy đủ chức năng và thường xuyên cập nhật các phiên bảnmới của php, apache, mysql nên xampp là 1 trong số những bộ cài đặttích hợp được sử dụng nhiều nhất Là 1 công cụ hỗ trợ đắc lực choOpencart

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

 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

 Chọn (Y)

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

 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

 Click vào admin của dòng MySQL

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

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

IV. Truy cập trang cài đặt Opencart

Mở 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

5 Tiếp tục

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

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

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

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

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

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

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

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

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ấ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

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"

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.

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"

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ấm nút "Thêm" để tạo một tin tức mới.

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

-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ả:

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 "

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

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

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ạ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)

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.

(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 website

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

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

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

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

Chọn Thêm mô-đun

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.

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 Vqmod

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

Mở trình duyệt và gõ vào thanh địa chỉ:

(http:// localhost/shop/vqmod/install)

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

 Cài đặt Vqmod manager

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

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

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

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

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ả!

 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

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.

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

Đư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.

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"