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 2.15: Bảng quản trị: Hiển thị tổng quan về cửa hàng
1. Chỉnh sửa cấu hình web
SVTH: Lâm Hoài Nhân Trang 26.
- 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 2.16: 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 2.17: 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,
SVTH: Lâm Hoài Nhân Trang 27.
Hình 2.18: 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 kích thước của các hình ảnh.
SVTH: Lâm Hoài Nhân Trang 28. 2. 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 2.20: 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 ” tên menu của website”, mô tả từ khóa, từ khóa” Tùy ý” và mô tả “tùy ý”
SVTH: Lâm Hoài Nhân Trang 29.
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 tích 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ẽ giú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.22: 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ị
SVTH: Lâm Hoài Nhân Trang 30.
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.24: 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ị
SVTH: Lâm Hoài Nhân Trang 31.
- Mã hàng: Mỗi sản phẩm có một mã hàng duy 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 - Thuế 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: Giúp sản phẩm được người dùng dễ 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 xuấ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.26: Liên kết sản phẩm
Một số thẻ khác tại thêm mới sản phẩm:
SVTH: Lâm Hoài Nhân Trang 32.
- Thuộc tính: Thuộc tính 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
3. 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 2.27: 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.
SVTH: Lâm Hoài Nhân Trang 33.
Hình 2.28: Quản trị VQMod
4. 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 2.29: 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
SVTH: Lâm Hoài Nhân Trang 34.
Hình 2.30: Nội dung tin tức
5. Tùy chỉnh liên 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 cùng các banner quảng cáo được cài đặt tại modul - Tại đây có thể chỉnh sửa hay xóa banner quảng 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 2.31: 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: Liên kết về website nào đó khi nhấp vô banner
SVTH: Lâm Hoài Nhân Trang 35.
- 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 2.32: Hiệu chỉnh slide banner trang chủ
Chọn “Banner quảng cáo 1” hiển thị quản trị quảng cáo
SVTH: Lâm Hoài Nhân Trang 36. 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 I. Đư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à xác nhận tài khoản
Hình 3.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ý
SVTH: Lâm Hoài Nhân Trang 37.
Hình 3.2: Đăng nhập vô hostinger.vn
Nhấp tạo hosting mới tại tài khoản hosting
Hình 3.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á càng 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
SVTH: Lâm Hoài Nhân Trang 38.
Website Builder
Script Autoinstaller – tự động cài đặt
Hình 3.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 ý
SVTH: Lâm Hoài Nhân Trang 39.
Xác thực đơn hàng bằng cách nhập captcha và đồng ý điều kiện
Hình 3.6: Xác thực đơn hàng
Đăng kí thành công
Hình 3.7: Đăng kí thành công
2. 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)
SVTH: Lâm Hoài Nhân Trang 40.
Hình 3.8: Trang PhpMyAdmin
Tiến hành Export database - Chọn Export để tiến hành.
Hình 3.9: Các bảng trong database - Check vào hai mục:
Add DROP TABLE / VIEW / PROCEDURE / FUNCTION / EVENT
Add CREATE PROCEDURE / FUNCTION / EVENT
SVTH: Lâm Hoài Nhân Trang 41.
Hình 3.10: Tiến hành backup
Lưu tệp tin về máy – backup thành công
Hình 3.11: Lưu tệp tin
3. Tạo database mới và upload (Restore) database trên hosting đã đăng ký đăng ký
Đăng nhập hosting vừa đăng ký
- Nhấp vô quản lý file để tới quản lý database
SVTH: Lâm Hoài Nhân Trang 42.
Hình 3.12: Cpanel.hostinger
- Tìm đến database
Hình 3.13: 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)
SVTH: Lâm Hoài Nhân Trang 43.
Hình 3.14: Quản trị MySQL Database
Tiến hành upload database
Hình 3.15: Vào PhpMyAdmin
Chọn tệp tin vừa exporter để upload database
Hình 3.16: 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
SVTH: Lâm Hoài Nhân Trang 44.
- Improter thành công
Hình 3.17: Improter thành công
6. Tiến hành upload soucre web
Mở FileZilla để upload file
Hình 3.18: 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
SVTH: Lâm Hoài Nhân Trang 45.
Upload thành công
Hình 3.19 : Upload thành công
7. Cấu hình file config
Vô quản lý file cuả host
SVTH: Lâm Hoài Nhân Trang 46.
Tìm đến file config
- Tìm file config chọn Edit file
Hình 3.21: 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.22 : Cấu hình file config
SVTH: Lâm Hoài Nhân Trang 47. CHƯƠNG IV: TỐI ƯU HÓA SEO, TẠO 1 SỐ PLUGINS XÃ HỘI CỦA
FACEBOOK CHO WEBSITE VÀ TÍCH HỢP CỔNG THANH TOÁN TRỰC TUYẾN BẢO KIM
I. Tạo Like Box Cho Website Trên Fanpage 1. Tạo fanpage cho website 1. Tạo fanpage 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
SVTH: Lâm Hoài Nhân Trang 48.
- 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
SVTH: Lâm Hoài Nhân Trang 49. 2. 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
SVTH: Lâm Hoài Nhân Trang 50.
Hình 4.5: Code like box
3. Đư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
catalog\view\theme\default\template\product 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
SVTH: Lâm Hoài Nhân Trang 51.
Hình 4.7: kết quả đạt được
II. Tối Ưu Hóa SEO 1. Dùng SEO URL’s 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
SVTH: Lâm Hoài Nhân Trang 52. 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
3. Tối ưu hóa databas
SVTH: Lâm Hoài Nhân Trang 53. III. Tích Hợp Cổng Thanh Toán Trực Tuyến Bảo Kim
1. Tạo website cần tích hợp
- Đăng ký tài khoản thanh toán trực tuyến bảo kim
- Vào quản lý tài khoản chon tích hợp quản lý website tích hợp chọn đăng ký web site mới
- Nhậ thông tin website
Hình 4.11: Nhập thông tin website tích hợp
2. Xác minh website
- Tải file xác minh về lơi chứa thư mục gốc của website - Chạy đường dẫn sau đó nhấn xác minh
SVTH: Lâm Hoài Nhân Trang 54.
Hình 4.12: Xác minh website
3. Tích hợp website
a. Tải thư mục tích hợp về quản lý file của website chọn ngôn ngữ php
- Đưa thư mục vừa download về đường dẫn
Hình 4.13: Tích hợp website
b. Tiến hành cấu hình file tích hợp
- Mở file
- Điền thông tin mã website và mật khẩu như hình dưới
c. Cài đặt modul thanh toán bảo kim
- Tại tích hợp chọn thư viện tích hợp chọn modul tích hợp của opencart - Download modul thanh toán
- Đưa 2 file admin và catalog vào thư mục public_html