GIỚI THIỆU VỀ OPENCART
Khái niệm Opencart
OpenCart là mã nguồn mở
Opencart là một mã nguồn mở miễn phí được phát triển bằng PHP, chuyên dành cho bán hàng trực tuyến Nó cung cấp đầy đủ các chức năng cần thiết cho một website thương mại điện tử, bao gồm tích hợp module tin tức và hỗ trợ chuẩn SEO, giúp tăng khả năng tìm kiếm trên Google Người dùng có thể tùy chỉnh theo ý muốn để phù hợp với nhu cầu sử dụng Opencart quản lý hệ thống CMS lớn với các tính năng như mua hàng và điểm thưởng, đồng thời cho phép người dùng tự xây dựng giao diện (theme), tạo điều kiện cho sự sáng tạo Tính dễ sử dụng và hiệu quả trong quản lý gian hàng cũng là những ưu điểm nổi bật của Opencart.
OpenCart là một hệ thống giỏ hà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 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…
1.1.2 Cấu trúc thư mục của Opencart Ý nghĩa của các thư mục là:
Admin: Chứa các thư mục và tập tin trang quản trị Website
Catalog: Chứa các thư mục và tập tin của trang hiển thị nội dung
Image: Chứa các loại ảnh của Website khi upload lên
System: Chứa các thư mục và tập tin của hệ thống Opencart, đóng vai trò như một framework
File index.php: Thư mục này và các file index.php ở các thư mục khác chứa rất nhiều khai báo từ system và điều hướng
Hai folder Admin và Catalog có 4 cấu trúc giống nhau như sau:
Mô hình MVC được mở rộng với một thư mục Language, trong đó chứa các thư mục ngôn ngữ Mỗi thư mục ngôn ngữ này sẽ bao gồm các tệp tin dành riêng cho từng trang và từng module, giúp quản lý và tổ chức nội dung đa ngôn ngữ một cách hiệu quả.
1.1.3 Cách làm việc trong mô hình MVC(L) của Opencart
Thư mục Catalog chính là ứng dụng Frontend
Thư mục Admin chính là ứng dụng trong Admin
Trong mô hình MVC của Opencart, mọi yêu cầu sẽ được gửi đến file index.php, từ đó tải thư viện CORE và Controller tương ứng Khi trang được truy cập, Controller sẽ được xử lý trước, tiếp theo là Model và Views Controller sẽ gọi Model để truy xuất dữ liệu từ cơ sở dữ liệu, sau đó tải ngôn ngữ tương ứng và cuối cùng truyền dữ liệu sang View để hiển thị dưới dạng HTML Kết quả là Client nhận được mã HTML giống như các trang web thông thường.
Mô hình MVC có nhiều ưu điểm nổi bật, bao gồm khả năng dễ bảo trì và xây dựng ứng dụng nhanh chóng thông qua việc phân chia các tác vụ thành ba phần riêng biệt: Model, View và Controller Sự tách biệt này giúp module hóa các chức năng, cho phép dễ dàng thêm hoặc thay đổi tính năng mà không ảnh hưởng đến các phần khác của ứng dụng Nhờ vào việc giảm thiểu sự phụ thuộc giữa các thành phần trong đối tượng đồ họa, MVC mang lại tính linh động cao; người dùng có thể thay đổi giao diện chỉ bằng cách điều chỉnh phần View, trong khi phương thức lưu trữ (Model) và xử lý (Controller) vẫn được giữ nguyên, và ngược lại.
Mô hình MVC có nhược điểm là gây cồng kềnh và tốn thời gian trong phát triển, đặc biệt với các dự án nhỏ, do phải chuyển dữ liệu giữa các tầng Khi so sánh với mô hình Three Layer, một mô hình phổ biến và có nhiều điểm tương đồng với MVC, ta nhận thấy rằng mỗi mô hình đều có ưu và nhược điểm riêng, ảnh hưởng đến hiệu quả phát triển dự án.
Các đặc tính nổi bật của Opencart
Quản lý đa cửa hàng
Dễ sử dụng và phát triển đối với cả người dùng và developer
Nguồn tài nguyên phong phú từ internet và hỗ trợ gần như bất cứ vấn đề gì gặp phải - một điều khá quan trọng với developer
Hỗ trợ nhiều module và template miễn phí
Hỗ trợ backup và restore
Hỗ trợ đa ngôn ngữ và affiliate marketing (chương trình cộng tác viên để tăng doanh số bán hàng)
Rất dễ sử dụng opencart :
Opencart cho phép sử dụng các theme opencart khác nhau nên rất dễ thay đổi giao diện website
Các module trong opencart rất trực quan và dễ sử dụng, 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 mẽ tại Việt Nam, bao gồm cả các công cụ miễn phí và thương mại, mang đến sự hỗ trợ nhanh chóng và hiệu quả cho người dùng Các nhà phát triển có khả năng tùy chỉnh theo sở thích cá nhân, nghiên cứu sâu hơn và không bị giới hạn về tập tin Người dùng có kiến thức cơ bản về PhotoShop và lập trình có thể dễ dàng sử dụng các công cụ này.
Giới thiệu phần mềm Wamp
Wamp, viết tắt của Windows, Apache, MySQL và PHP, là phần mềm giả lập server miễn phí, cho phép người dùng chạy các website ngay trên máy tính thông qua địa chỉ http://localhost.
Apache: Chương trình sử dụng máy chủ, cho phép máy chủ phân phát các trang web, nhưng chỉ hiểu HTML
PHP hoạt động như một “plugin” cho Apache, yêu cầu Apache để có thể hoạt động hiệu quả Nhờ có PHP, Apache có khả năng xử lý các trang PHP, tạo thành một server PHP hoàn chỉnh khi kết hợp với nhau.
MySQL: Một chương trình cho phép sử dụng cơ sở dữ liệu (CSDL)
PhpMyAdmin: Dùng để quản lý CSDL
Wamp dễ dàng cấu hình từ Version của MySQL cho tới bật các Module của Apache Ngoài ra, có thể chọn phiên bản cho MySQL:
Cấu hình version cho Mysql và các thứ khác
Với PHP cũng tương tự, có thể bật tắt các chức năng của PHP, mà không cần phải mở file PHP.ini lên.
Việt hóa Opencart
Để tối ưu hóa việc sử dụng các chức năng của Opencart và cải thiện trải nghiệm người dùng tại Việt Nam, việc Việt hóa toàn bộ nội dung của Opencart là cần thiết Bạn có thể tải file Việt hóa Opencart miễn phí tại địa chỉ: http://www.opencart.com/index.php?route=extension/extension&filter_search=viet%20hoa%20opencart.
Trước tiên ta tải về và giải nén
Copy các file trong thư mục upload và up lên thư mục gốc trên website
Vào System/Localisation/Languages/ chọn Insert để thêm ngôn ngữ Điền vào các thông tin sau:
– Locale: vi_VN.UTF-8,vi_VN,vi-vn,vietnamese
Cài đặt tiếng Việt cho Opencart
Vào Settings chọn tab Local sửa:
Language: là ngôn ngữ của shop -> chọn Vietnamese
Administration Language: là ngôn ngữ trang quản trị -> chọn Vietnamese
Giao diện sau khi đã được Việt hóa
Như vậy, trong chương 1 đã giới thiệu bao quát toàn bộ khái niệm về Opencart, cách thức cài đặt, sử dụng Opencart và Wamp.
KHẢO SÁT PHÂN TÍCH VÀ XÂY DỰNG WEB KÍ GỬI ĐỒ CỔ
Mục tiêu và yêu cầu xây dựng hệ thống
Tất cả mọi người có nhu cầu tìm hiểu, mua bán, trao đổi đồ cổ chất lượng tốt, giá rẻ tại
Nơi giao lưu của những người muốn bán, trao đổi, học hỏi kinh nghiệm đồ cũ, đồ cổ
2.1.2 Yêu cầu xây dựng hệ thống
- Trang giới thiệu cửa hàng
- Trang tin tức về đồ cổ
- Trang admin quản lý bán hàng
Khảo sát hiện trạng của trang web kí gửi đồ cổ
2.2.1 Hiện trạng của trang web kí gửi đồ cổ
Hiện nay, thị trường Thành phố Vinh chưa có website bán hàng ký gửi đồ cổ chính thức, dẫn đến nhu cầu của người tiêu dùng chưa được đáp ứng đầy đủ Một số trang diễn đàn và mạng xã hội như chovinh.com và Facebook có một vài người bán lẻ, nhưng việc này không đảm bảo tính tập trung và an toàn cho giao dịch.
2.2.2 Yêu cầu đặt ra để phát triển trang web
Kí gửi đồ cổ là một khái niệm mới mẻ tại TP Vinh – Nghệ An, vì vậy doanh nghiệp tập trung phát triển một trang web chuyên nghiệp và bền vững nhằm quảng bá thương hiệu, tạo dựng uy tín và niềm tin với khách hàng.
Phân tích hệ thống
2.3.1 Yêu cầu chi tiết về Website
Website là công cụ quan trọng giúp công ty quảng bá thương hiệu một cách hiệu quả, tăng cường niềm tin của người tiêu dùng và khuyến khích họ lựa chọn sản phẩm, dịch vụ của công ty Nhờ đó, doanh nghiệp sẽ cải thiện hiệu quả kinh doanh và thu hút được nhiều khách hàng hơn.
2.3.2 Đối với truy cập là người dùng
Website giúp người dùng dễ dàng tìm kiếm thông tin về công ty và các sản phẩm, dịch vụ cần thiết Điều này không chỉ tiết kiệm thời gian mà còn giảm chi phí, vì người dùng có thể lựa chọn sản phẩm trực tuyến mà không cần đến trực tiếp công ty.
Để đảm bảo tính bảo mật thông tin tối đa, cần phân loại người dùng khi đăng nhập vào hệ thống và cấp quyền truy cập phù hợp cho từng người dùng.
Giao diện dễ sử dụng và quản lý web site cũng như hỗ trợ tối đa quản lý bán hàng, sản phẩm và hỗ trợ khách hàng
Website phải đáp ứng được các thao tác về dữ liệu như, thêm mới, update thông tin, quản lý thành viên, quản trị dữ liệu…
Các chức năng cụ thể
2.4.1 Mô tả các chức năng
1 Quản trị danh mục sản phẩm
3 Quản trị thông tin thành viên/khách hàng
4 Quản trị và xử lý đơn hàng
5 Tích hợp thanh toán trực tuyến
6 Hệ thống thống kê thương mại
2.4.2 Phân tích các chức năng
1 Quản trị danh mục sản phẩm Đặc trưng nổi bật trong tính năng quản trị sản phẩm của Website là hỗ trợ linh hoạt trong tổ chức nhóm sản phẩm, cho phép một sản phẩm có thể được sao chép và xuất hiện ở nhiều nhóm khác nhau Đồng thời, có thể cài đặt nhiều loại sản phẩm trong quản trị để các biểu mẫu dữ liệu phù hợp với đặc thù từng loại sản phẩm
Hệ thống cung cấp khả năng điều khiển các thuộc tính hiển thị, cho phép sản phẩm được trình bày theo những đặc trưng khác nhau tại các vị trí nội dung trên giao diện Tính năng này rất quan trọng cho việc triển khai các mục tiêu và chương trình quảng cáo, khuyến mại của trang web.
Hệ thống quản trị giá sản phẩm cho phép quản trị giá tham chiếu dành riêng cho người bán (giá nhập gốc), giá bán, giá khuyến mãi
Giỏ hàng giúp người mua dễ dàng đặt nhiều sản phẩm với số lượng khác nhau Hệ thống tự động tính toán tổng giá trị giỏ hàng và cập nhật thông tin khuyến mãi cho từng sản phẩm.
Quá trình đặt hàng qua giỏ hàng điện tử giúp thu thập đầy đủ thông tin của người mua và thông tin thanh toán, hỗ trợ bộ phận bán hàng trong quản trị và xử lý đơn hàng hiệu quả.
3 Quản trị thông tin thành viên/khách hàng
Các thành viên đăng ký và khách hàng mua hàng trên website cung cấp thông tin quan trọng, giúp người bán hàng xây dựng và triển khai các chương trình bán hàng hiệu quả, thăm dò thị trường và thực hiện các chiến dịch khuyến mãi.
Trang web cung cấp tính năng quản lý thông tin thành viên và khách hàng, cho phép người quản trị quản lý danh mục, xuất thông tin và theo dõi đơn hàng của các thành viên Đồng thời, các thành viên cũng có thể đăng nhập để chỉnh sửa thông tin cá nhân và xem lịch sử mua hàng của mình.
4 Quản trị và xử lý đơn hàng
Tính năng quản trị cho phép quản trị viên xuất các thống kê về đơn hàng, số lượng sản phẩm bán ra và các thành viên liên quan Quản trị viên cũng có thể cập nhật tình trạng xử lý đơn hàng và ghi chú liên quan Trong trường hợp có nhiều người bán, quản trị viên có thể chuyển đơn hàng cho người bán phù hợp Người dùng khi đăng ký và đăng nhập tài khoản có thể theo dõi thống kê đơn hàng của mình, và nếu được kích hoạt, họ có thể xem lịch sử xử lý đơn hàng.
5 Tích hợp thanh toán trực tuyến
Giỏ hàng hỗ trợ tích hợp với các cổng thanh toán điện tử phổ biến như Baokim và Nganluong, cho phép nhận thanh toán bằng thẻ tín dụng hoặc thẻ ghi nợ trực tiếp trên website Kết quả thanh toán sẽ được cập nhật ngay lập tức vào thông tin đơn hàng khi khách hàng thực hiện đặt hàng.
6 Hệ thống thống kê thương mại
Trang web còn tích hợp nhiều tính năng nâng cao nhằm hỗ trợ quy trình xử lý đơn hàng, thanh toán và quản lý bán hàng, đồng thời tạo điều kiện thuận lợi cho sự tương tác giữa khách hàng và nhà cung cấp.
Giải pháp chuyên nghiệp cho hệ thống website thương mại điện tử cung cấp tính năng hỗ trợ mạnh mẽ cho người dùng trong việc duyệt web, mua sắm, đặt hàng và thanh toán thuận tiện Đồng thời, nó cũng giúp người quản trị quản lý nội dung sản phẩm, xử lý đơn hàng và khai thác thông tin thương mại hiệu quả, hỗ trợ triển khai các chương trình marketing đến khách hàng mục tiêu một cách dễ dàng.
2.4.3 Phân tích sơ đồ website mức ngữ cảnh
1 Sơ đồ tổng quát Đây là mô hình hệ thống ở mức tổng quát, xem cả hệ thống như một chức năng với các luồng dữ liệu vào ra từ các tác nhân bên ngoài
2 Sơ đồ luồng dữ liệu Đây là sơ đồ phân cấp mức 2 của hệ thống với chi tiết các chức năng của hệ thống
3 Sơ đồ phân rã chức năng a Chức năng bán hàng b Chức năng Thanh toán.
Cài đặt Opencart trên Localhost
2.5.1 Cài đặt Opencart với Wamp
Chạy chương trình cài đặt WAMP2 Setup, khi xuất hiện bảng Welcome to the Wamp2
Trong màn hình License Agrement chọn I accept the Agreement và nhấn Next để tiếp tục
Chuyển sang màn hình Select Start Menu Folder, (Hoặc có thể để như mặc định) nhấn Next để tiếp tục
Chuyển sang màn hình Select Addition Task tạo shortcut khởi động nhanh từ Desktop hoặc Quick Launck Nhấn Next để tiếp tục
Chuyển đến màn hình cài đặt, Nhấn Install để tiếp tục
Khi chọn trình duyệt web để sử dụng với Wamp, bạn có thể tìm đến tệp exe của trình duyệt mong muốn, chẳng hạn như Firefox tại C:\Program Files\Mozilla Firefox\firefox.exe Nếu không, bạn có thể nhấn nút Open để sử dụng mặc định là Internet Explorer của Windows.
Trong màn hình PHP mail parameters, giữ nguyên các thông số và nhấn Next
Nhấn finish để hoàn thành cài đặt WampServer2
Thư mục gốc để lưu trữ các trang web là C://www Bạn có thể sao chép các tệp từ thư mục C://wamp/www vào thư mục C://www Sau đó, mở trình duyệt web như Internet Explorer hoặc Firefox và nhập địa chỉ http://localhost Hoặc bạn có thể nhấp chuột trái vào biểu tượng Wamp 2 trong khay hệ thống và chọn Localhost Nếu bảng thông số của Wamp2 hiển thị, điều đó có nghĩa là việc cài đặt đã thành công.
Để thay đổi các thông số của PHP (php.ini) trong Wamp2, bạn chỉ cần nhấn chuột trái vào biểu tượng Wamp5 ở khay hệ thống, nằm ở góc dưới bên phải màn hình, sau đó chọn mục PHP.
Settings -> nhấn vào thông số muốn thay đổi, thông số nào được chọn (Enable ) sẽ xuất hiện dấu mũi tên phía trước
Download và giải nén Opencart trên máy tính cá nhân đã cài đặt Wampserver Đây là Opencart là phiên bản v1.5.6.3
Sau khi download và giải nén sẽ có cấu trúc thư mục như sau:
“ upload ” folder – Nơi chứa tất cả những file cài đặt cần thiết để “copy” vào thư mục
“www” của localhost hoặc tải lên host golive
“ license.txt ” file – tập tin chứa các thỏa thuận cấp phép liên quan đến việc sử dụng OpenCart trên trang web
“ upgrade.txt ” file – Chứa thông tin hướng dẫn upgade opencart website
“ readme.txt ” file – tập tin cung cấp liên kết đến các cài đặt và hướng dẫn nâng cấp hiện tại trên trang web OpenCart
Copy hết tất cả nội dung trong thư mục “Upload” vào thư mục lưu trữ của server localhost (WAMP, XAMP, LAMP and others) Trên WAMP SERVER là thư mục
Cài đặt website bằng cách mở trình duyệt và chạy đường dẫn : http://localhost/opencart-156/install Check vào “I agree license” và nhấn vào nút
“Continue” Đến bước này Opencart sẽ kiểm tra lại các yêu cầu cho phép và service cần thiết mà còn thiếu để Opencart có thể setup
Để cấu hình OpenCart, cần đổi tên file mặc định "config-dist.php" thành "config.php" trong cả thư mục gốc và thư mục Admin.
Sau khi xong được bước trên quay lại màn hình cài đặt opencart để cấu hình kết nối Database vừa tạo với website opencart đang cài đặt
After clicking the "Continue" button, you will receive a notification confirming the successful installation of the OpenCart website, along with a warning to delete or rename the "Install" directory To access the admin panel, use the following link: http://localhost/opencart-156/admin.
Cài đặt Opencart Trên Hosting
2.6.1 Đăng kí Hosting và Domain
Hiện nay có rất nhiều trang web cho thuê hosting với giá rẻ nên em đã thuê một hosting tại hostvn.net với main domain khodoco.top
Sau khi thanh toán và tiến hành kích hoạt ta có giao diện quản lý như sau:
2.6.2 Cài đặt Website trên Hosting
Trước hết tiến hành Export database ở localhost/phpmyadmin
Sau đó Import databse vào database của hosting
Sau đó copy toàn bộ file web trong C:\wamp64\www rồi tải vào thư mục public_html trong server hosting
Cuối cùng chỉnh sửa file config.php trong public_html và public_html/admin sao cho đúng với thông số của hosting
Chương 2 đã tóm tắt chi tiết các phương pháp cài đặt website và quản lý tài nguyên web trên local host và hosting Ngoài ra, chương này còn trình bày rõ ràng các cách thức hoạt động trong các ngữ cảnh khác nhau.
THIẾT KẾ WEBSITE KÍ GỬI ĐỒ CỔ
Giao diện trang chủ
Đây là toàn bộ giao diện hiển thị trang web sau khi gõ địa chỉ Bao gồm :
- Danh mục chính (Trang chủ , Đồ gốm sứ , Đồ gỗ …, Tin tức cổ vật)
- Các sản phẩm mới nhất , mua nhiểu, xem nhiều nhất
- Thông tin của cửa hàng (Facebook , địa chỉ , bản đồ v.v.)
Giao diện trang sản phẩm
Giao diện của trang web khi chọn danh mục sản phẩm sẽ hiển thị tất cả các sản phẩm có trong danh mục đó Khi nhấn vào một sản phẩm, trang web cung cấp đầy đủ thông tin chi tiết về sản phẩm Người dùng có thể nhấn "Thêm vào giỏ" để chọn sản phẩm và tiến hành thanh toán, hoặc nhấn "Thêm yêu thích" để lưu sản phẩm vào mục yêu thích của tài khoản Ngoài ra, chức năng "Thêm so sánh" cho phép người dùng so sánh sản phẩm với các sản phẩm khác.
Sau khi chọn sản phẩm sẽ xuất hiện ở “Giỏ hàng” ấn “Thanh toán” để thực hiện thanh toán.
Giao diện trang liên hệ
Đây là nơi hiển thị địa chỉ của cửa hàng trên bản đồ Google map.
Giao diện trang đăng kí
Đây là nơi khách hàng đăng kí tài khoản để có thể mua hàng cũng như nhận các thông tin từ cửa hàng.
Giao diện trang quản lý admin
Đây là trang quản lý chính của trang web Bao gồm các mục chính Sản phẩm, Bán hàng, Hệ thống, Báo cáo
Sản phẩm: Là nơi của hàng đưa sản phẩm lên cùng các thông tin, giá cả của sản phẩm
Bán hàng: Là nơi kiểm tra đơn đặt hàng, thanh toán, thông tin hóa đơn của khách hàng
Hệ thống: Là nơi thiết lập, cấu hình các đặc điểm của trang web
Báo cáo là tài liệu tổng hợp thông tin về doanh thu, lượt truy cập và số lượng khách hàng Đây là chương cuối cùng của đề tài, trong đó đã trình bày các hình ảnh minh họa về giao diện và kết quả đạt được.