Xây dựng trang web bán hàng điện tử bằng opencart

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƢỜNG ĐẠI HỌC DÂN LẬP HẢI PHÒNG -o0o ĐỒ ÁN TỐT NGHIỆP NGÀNH CƠNG NGHỆ THƠNG TIN HẢI PHỊNG 2012 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƢỜNG ĐẠI HỌC DÂN LẬP HẢI PHÒNG -o0o - XÂY DỰNG TRANG WEB BÁN HÀNG ĐIỆN TỬ BẰNG OPENCART ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC HỆ CHÍNH QUY Ngành: Cơng Nghệ Thơng Tin BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƢỜNG ĐẠI HỌC DÂN LẬP HẢI PHÒNG -o0o XÂY DỰNG TRANG WEB BÁN HÀNG ĐIỆN TỬ BẰNG OPENCART ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC HỆ CHÍNH QUY Ngành: Cơng Nghệ Thơng Tin Sinh viên thực hiện: Nguyễn Bá Tú Giáo viên hƣớng dẫn: Thạc sĩ Nguyễn Trịnh Đông Mã số sinh viên: 121239 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƢỜNG ĐẠI HỌC DÂN LẬP HẢI PHỊNG CỘNG HỊA XÃ HỘI CHỦ NGHÍA VIỆT NAM Độc lập – Tự – Hạnh phúc -o0o NHIỆM VỤ THIẾT KẾ TỐT NGHIỆP Sinh viên: Nguyễn Bá Tú Mã số sinh viên: 121239 Lớp: CT1201 Ngành: Công nghệ thông tin Tên đề tài: Xây dựng trang Web bán hàng điện tử Opencart NHIỆM VỤ ĐỀ TÀI Nội dung yêu cầu cần giải nhiệm vụ đề tài tốt nghiệp a Nội dung: b Các yêu cầu cần giải Các số liệu cần thiết để thiết kế, tính tốn Địa điểm thực tập CÁN BỘ HƢỚNG DẪN ĐỀ TÀI TỐT NGHIỆP Ngƣời hƣớng dẫn thứ nhất: Họ tên:………………………………………………………………… Học hàm, học vị: ………………………………………………………… Cơ quan công tác: …………………………………………………………… Nội dung hƣớng dẫn: ………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………………… ………………………………………………………………………… Ngƣời hƣớng dẫn thứ hai: Họ tên: …………………………………………………………………… Học hàm, học vị: …………………………………………………………… Cơ quan công tác: …………………………………………………………… Nội dung hƣớng dẫn: ……………… ………………………………………………………………………………… …………………………………………………………………………… Đề tài tốt nghiệp đƣợc giao ngày tháng năm 2012 Yêu cầu phải hoàn thành trƣớc ngày tháng năm 2012 Đã nhận nhiệm vụ: Đ.T.T.N Sinh viên Hải phòng, ngày Đã nhận nhiệm vụ: Đ.T.T.N Cán hƣớng dẫn Đ.T.T.N tháng HIỆU TRƢỞNG năm 2012 GS.TS.NGƢT Trần Hữu Nghị PHẦN NHẬN XÉT TÓM TẮT CỦA CÁN BỘ HƢỚNG DẪN Tinh thần thái độ sinh viên trình làm đề tài tốt nghiệp: ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………… Đánh giá chất lƣợng đề tài tốt nghiệp (so với nội dung yêu cầu đề nhiệm vụ đề tài tốt nghiệp) ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………… Cho điểm cán hƣớng dẫn: ( Điểm ghi số chữ ) ……………………………………………………………………………………… ………………………………………………………………… …………………………………………………………………………… Ngày tháng năm 2012 Cán hƣớng dẫn ( Ký, ghi rõ họ tên ) PHẦN NHẬN XÉT ĐÁNH GIÁ CỦA CÁN BỘ CHẤM PHẢN BIỆN ĐỀ TÀI TỐT NGHIỆP Đánh giá chất lƣợng đề tài tốt nghiệp ( mặt nhƣ sở lý luận, thuyết minh chƣơng trình, giá trị thực tế,…) Cho điểm cán phản biện: ( Điểm ghi số chữ ) ……………………………………………………………………………………… …………………………………………………………… ………………………………………………………………………… Ngày tháng năm 2012 Cán chấm phản biện ( Ký, ghi rõ họ tên ) MỤC LỤC MỤC LỤC DANH SÁCH CÁC HÌNH BẢNG DANH SÁCH VIẾT TẮT LỜI CẢM ƠN MỞ ĐẦU 10 CHƢƠNG 1: CÔNG NGHỆ WEB 11 1.1 Giới thiệu Web 11 1.1.1 Phân loại 11 1.1.2 Các mơ hình mạng .12 1.1.3 Mơ hình vật lý .12 1.2 Các giao thức .17 1.2.1 OSI .17 1.2.2 TCP/IP 17 1.2.3 Giao thức HTTP 18 1.3 HTML 19 1.4 CSS 20 1.5 Javascript .23 1.6 Apache IIS 25 1.7 Tổng quan MySQL .25 1.7.1 Khởi động sử dụng 25 1.7.2 Một số thuật ngữ 26 1.7.3 Loại liệu MySQL 26 1.7.4 Những cú pháp 26 1.8 Tổng quan PHP 28 1.8.1 Lịch sử phát triển 28 1.8.2 Cấu trúc 29 1.8.3 Xuất giá trị trình duyệt 30 1.8.4 Biến, hằng, chuỗi kiểu liệu 30 1.8.5 Các phƣơng thức đƣợc sử dụng lập trình PHP 32 1.8.6 Cookie Session PHP .32 1.8.7 Hàm .34 1.9 Kết hợp PHP MySQL ứng dụng website 35 CHƢƠNG 2: OPENCART 36 2.1 Kiến trúc Opencart .36 2.1.1 Tầng mơ hình (Business process layer) 39 2.1.2 Tầng biểu diễn (Presentation layer) .39 2.1.3 Tầng điều khiển (Control layer) 39 2.2 Cấu trúc thƣ mục tệp tin Opencart 40 2.3 Cài đặt việt hóa Opencart .43 2.3.1 Cài đặt XAMPP .43 2.3.2 Cài đặt Opencart 44 2.3.3 Việt hóa Opencart 47 CHƢƠNG 3: ỨNG DỤNG OPENCART 49 Bài toán 49 3.1 Lý chọn Opencart 49 3.1.1 Opencart mã nguồn mở .49 3.1.2 Opencart hệ thống giỏ hàng .50 3.1.3 Opencart có tính phong phú 50 3.1.4 Opencart thân thiện với ngƣời dùng 50 3.2 Sử dụng Opencart xây dựng trang web .51 3.2.1 Đăng kí tên miền Hosting 51 3.2.2 Cài đặt lên host 52 46 - Database prefix: (để trống) - Username: admin (tên truy cập vào trang quản trị ) - Password: 123456 (pass để đăng nhập trang quản trị ) - E-mail: 121239nguyentu@gmail.com (điền tên Email) Nhấn “Continue” Hình 14: Bƣớc cài đặt Opencart Vào “C:\xampp\htdocs\upload” xóa thƣ mục “Install” đổi tên file thành tên khác - Chọn “Goto your Online Shop” để vào shop chọn “Login to your Administration” để vào trang quản trị 47 Hình 15: Bƣớc cài đặt Opencart 2.3.3 Việt hóa Opencart Tải thƣ mục ngơn ngữ tiếng Việt Giải nén copy thƣ mục vừa giải nén đƣợc vào thƣ mục C:\xampp\htdocs\upload Đăng nhập vào trang quản trị Admin cách chạy đƣờng dẫn: “ http://localhost/upload/admin ” User: admin Pass : 123456 Chọn Panel: System/Localisation/Languages/ chọn Insert để thêm ngôn ngữ điền vào thông tin sau: Language Name: Vietnamese Code: vi Locale: vi_VN.UTF-8,vi_VN,vi-vn,vietnamese Image: vn.png Directory: vietnamese Filename: vietnamese Status: Enabled Chọn save để lƣu lại 48 Vào System/Settings chọn Edit, chọn tab Local: Language: vietnamese(là ngơn ngữ bên ngồi site) Administration Language: vietnamese (là ngơn ngữ trang quản lý) Nhƣ toàn trang Web đƣợc việt hóa Hình 16: Giao diện trang admin Việt hóa Hình 17: Giao diện trang chủ Việt hóa 49 CHƢƠNG 3: ỨNG DỤNG OPENCART Bài toán Cửa hàng HD Shop địa 4B/132 An Đà chuyên cung cấp thiết bị: đầu HD, thiết bị lƣu trữ, Tivi loại, phim HD loại Hiện cửa hàng có nhu cầu xây dựng Website giới thiệu mặt hàng Trong loại gồm có: - Đầu HD: ASUS, COEX, DATAGE, DUNE, EAGET, XTREAMER, DVICO TVIX, TIZZBIRD, EGREAT, HD LIFE, HDX, HIMEDIA, IAMM, KAIBOER, MEDEBER, POPCORN, TYCO HD, WD - Thiết bị lƣu trữ: HITACHI, IOMEGA, SASUNG, SEAGATE, WESTERN DIGITAL - Tivi loại Phim HD loại Yêu cầu loại phải có ảnh đại diện mô tả cụ thể Hệ thống phải cho phép khách hàng đặt hàng gừi đơn đặt hàng cho ngƣời quản lý Trên web có tiện ích nhƣ: sản phẩm tiêu biểu, sản phẩm bán chạy, sản phẩm nhất, thống kê lƣợt truy cập… Để xây dựng đƣợc Website em sử dụng hệ mã nguồn mở Opencart, hệ mã nguồn phổ biến đƣợc hỗ trợ nhiều cộng đồng mạng 3.1 Lý chọn Opencart 3.1.1 Opencart mã nguồn mở Opencart mã nguồn mở, sử dụng ngôn ngữ PHP, cung cấp giải pháp thƣơng mại điện tử mạnh mẽ với khả tạo kinh doanh trực tuyến Ngồi tính free Opencart đƣợc biết đến với tính vốn có Opensource, sửa đổi, dễ hiệu chỉnh, dễ cải tiến theo hƣớng phát triển thân ngƣởi sử dụng Trong lĩnh vực thiết kế Website bán hàng, Opencart quản lý hệ thống CMS (Content Management System) lớn với phần mua hàng, điểm thƣởng Điều mà nhà phát triển tâm đắc OpenCart chế độ tự build Theme, tạo khả sáng tạo cho ngƣời dùng, với chế độ quản lý điểm cộng, điểm thƣởng, quản lý gian hàng rõ ràng hiệu 50 3.1.2 Opencart hệ thống giỏ hàng Nhƣ nói trên, Opencart đầu tƣ công phu cho việc sử dụng, quản lý gian hàng, khách hàng Nó chứa module cho phép sử dụng mục đích khác nhau, nhƣ giới thiệu sản phẩm, sản phẩm đƣợc đƣa trƣng bày 3.1.3 Opencart có tính phong phú Các Opensource loại mạnh riêng, khơng có loại loại nào, nhƣng từ nhà phát triển sử dụng Opencart thấy ngạc nhiên với tính mà đem lại - Hệ thống tính điểm thƣởng (Coupon) - Thẻ quà tặng - Xếp hạng hạng mục sản phẩm - SEO (Senior Executive Officer) - Tiền tệ 3.1.4 Opencart thân thiện với ngƣời dùng Đầu tiên, xem qua trang quản lý ADMIN, tác thẻ tab đƣợc xếp dƣới dạng trƣợt xuống, thuận tiện chúng đƣợc đóng gói lại khu vực với nhau, điều có vừa tốt lại khơng tốt Tốt việc truy cập nhanh, cú rê chuột, điều không tốt phức tạp, kéo thả lại điều khó sử dụng Opencart Nhƣng ngƣời viết đánh giá cao cách bố trí trực quan hợp lý Opensource Cộng đồng phát triển mạnh (cả miễn phí thƣơng mại), cộng đồng ngày phát triển mạnh Việt Nam, hỗ trợ lớn nhanh chóng Đặc biệt nhà phát triển tùy chỉnh thích, đào sâu nghiên cứu, không giới hạn tập tin Ngƣời sử dụng biết nhiều PhotoShop lập trình sử dụng đƣợc đễ dàng Cấu trúc Opencart để làm theo hiểu dễ dàng so với giải pháp thƣơng mại điện tử Đó lý phổ biến nhanh chóng Opencart nguồn giải pháp thƣơng mại điện tử mở Nó đƣợc phát triển với mẫu thiết kế MVC Opencart giải pháp thƣơng mại điện tử mạnh mẽ cho thƣơng gia Internet với khả tạo kinh doanh trực tuyến họ Mã 51 Opencart xếp hợp lý dễ dàng theo dõi so với số mã nguồn mở cồng kềnh, giải pháp thƣơng mại điện tử khác nhƣ OsCommerce Zencart Hiện nay, Opencart hỗ trợ 20 cổng toán methods, modules vận chuyển Opencart đƣợc phổ biến ngày Các tính Opencart: - Opencart mã nguồn mở - Hệ thống Templatable - Opencart hỗ trợ tải sản phẩm - Opencart mang lại xếp hạng đánh giá sản phẩm - Tối ƣu hóa cơng cụ tìm kiếm - Hỗ trợ tính tự động thay đổi kích thƣớc hình ảnh - Có hỗ trợ cho nhiều cổng toán module vận chuyển 3.2 Sử dụng Opencart xây dựng trang web 3.2.1 Đăng kí tên miền Hosting Đăng ký qua dịch vụ cung cấp tên miền hosting nhƣ http://www.matbao.net với nguyên tắc : - Tên miền không đƣợc vƣợt 63 ký tự, bao gồm phần com, net, org Tên miền bao gồm ký tự bảng chữ (a-z), số (0-9) dấu trừ (-) Các khoảng trắng ký tự đặc biệt tên miền khác không hợp lệ Không thể bắt đầu kết thúc tên miền dấu trừ (-) Tên miền ngắn tốt, dễ nhớ, khơng gây nhầm lẫn, khó viết sai Tên miền phải liên quan đến tên chủ thể lĩnh vực hoạt động doanh nghiệp Chủ động nộp phí trì trƣớc tên miền hết thời hạn sử dụng, tự chịu trách nhiệm tên miền bị hết hạn sử dụng mà khơng đóng phí để tránh thời gian gián đoạn sử dụng 52 3.2.2 Cài đặt lên host - Tiến hành upload Opencart lên host http://haiphonghd.com/ Tiến hành cài đặt sử dụng phần mềm Filezilla - Nhấn Filezilla tiến hành đăng nhập vào host haiphonghd Hình 1: Cài đặt lên host - Tiến hành upload thƣ mục Opencart lên host cách kéo thả - Đăng nhập vào host import sở liệu - Gõ đƣờng link haiphonghd.com/index.php làm theo hƣớng dẫn để cấu hình hệ thống cài đặt sở liệu - Quá trình cài đặt Opencart lên host thành công 3.2.3 Cài đặt module(extensions) Sau cài đặt xong, ta tiến hành thêm module (extensions) nhƣ sau: Ví dụ cài đặt module thống kê lƣợt truy cập Tải module hống kê lƣợt truy cập Visiter Counter sau giải nén Dùng Filezilla để upload thƣ mục thống kê lƣợt truy cập lên host haiphonghd.com 53 Đăng nhập vào trang quản lý Admin http://haiphonghd.com/admin Nhấn Phần mở rộng/Các mơ đun Hình 2: Các module Nhấn “Cài đặt” để cài đặt tƣơng ứng với module Visiter Counter Nhấn “Sửa” để chỉnh sửa module thống kê lƣợt truy cập theo yêu cầu nhấn “Lƣu” Hình 3: Module khảo sát lƣợt truy cập 54 Vậy module thống kê lƣợt truy cập đƣợc cài đặt thành công 3.2.4 Nhập liệu quản lý đơn đặt hàng Tiến hành đăng nhập vào trang admin - Để nhập danh mục sản phẩm nhấn vào menu sản phẩm/danh mục, nhấn thêm - Để nhập sản phẩm nhấn vào menu sản phẩm/sản phẩm, nhấn thêm - Để nhập hãng sản xuất vào menu sản phẩm/hãng sản xuất, nhấn thêm - Quản lý đơn đặt hàng vào menu bán hàng/đơn đặt hàng 3.2.5 Thêm giao diện Tiến hành tải giao diện mạng Tiến hành giải nén Dùng Firezilla đăng nhập vào host haiphonghd.com Hình 4: Đăng nhập vào host Nhấn vào thƣ mục Public_html/catalog/View/theme 55 Hình 5: Upload giao diện Tiến hành kéo thƣ mục giao diện chỉnh sửa vào: Public_html/catalog/View/theme Đăng nhập vào trang quản trị Admin http://haiphonghd.com/admin Nhấn vào menu Hệ thống/Thiết lập Hình 6: Thiêt lập Nhấn “Sửa” chọn tab “Cửa hàng” 56 Hình 7: Đổi giao diện Nhấn chọn Template chọn giao diện cần cài đặt Nhấn “Lƣu” Nhấn “Xem cửa hàng” để xem giao diện vừa thay đổi 3.3 Một số kết thử nghiệm Web haiphonghd.com Hình 8: Giao diện trang chủ giới thiệu sản phẩm 57 Hình 9: Giao diện khách hàng đăng nhập Hình 10: Giao diện đặt hàng 58 Hình 11: Hóa đơn Hình 12: Giao diện đơn đặt hàng 59 KẾT LUẬN: Đồ án xây dựng trang Web bán hàng điện tử Opencart cho cửa hàng HD shop lên Internet Qua trình thực đồ án, em tổng hợp lại đƣợc kiến thức thời gian học Trƣờng Đồng thời, em tìm hiểu nắm đƣợc quy trình cài đặt ứng dụng Opencart, chủ động việc tìm kiếm thơng tin để phục vụ cơng việc Sau hồn thành đồ án, đồ án tập trung xử lí kĩ thuật liên quan đến thƣơng mại điện tử, đó, cho phép đặt yêu cầu dịch vụ trực tuyến Đây mặt hàng đặc biệt lĩnh vực thƣơng mại điện tử mà kỹ thuật bán hàng mạng có chƣa đáp ứng đƣợc Đồ án xử lí hết chức theo yêu cầu cửa hàng đƣa lên mạng thử nghiệm thật cho kết nhƣ mong muốn Hƣớng phát triển đồ án tích hợp việc tốn trực tuyến Internet thơng qua nhà cung cấp dịch vụ Việt Nam nhƣ: Onepay, SmartLink, 60 TÀI LIỆU THAM KHẢO: Opencart 1.4 Template Design Cookbook HTTP Pocket Reference by Clinton Wong HTML_and_CSS,_Design_and_Build_Websites_by_Jon_Duckett Sams.Ajax.for.Web.Application.Developers.Oct.2006byKris Hadlock Web Application Architecture: Principles, Protocols and PracticesbyLeon Shklarand Rich Rosen