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ý
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
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 ý
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
- Chọn database muốn backup (bên cột trái)
Hình 3.8: Trang PhpMyAdmin
Tiến hành Export database (adsbygoogle = window.adsbygoogle || []).push({});
- 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
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 nhập hosting vừa đăng ký
- Nhấp vô quản lý file để tới quản lý database
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)
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
- 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 (adsbygoogle = window.adsbygoogle || []).push({});
- 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
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
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
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
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
- 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
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 (adsbygoogle = window.adsbygoogle || []).push({});
- 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
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
Hình 4.7: kết quả đạt được
II. Tối Ưu Hóa SEO1. 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
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
Hình 4.10: Tối ưu hóa databas
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
- 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 (adsbygoogle = window.adsbygoogle || []).push({});
- 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
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
- Đăng nhập vào trang quản trị đến phần mở rộng thanh toán nhấn vài đặt
- Chọn sửa điền thông tin mã id, mật khẩu, email và chọn trang thái đơn hàng là chờ sử lý để thanh toán an toàn. Chọn trang thái kích hoạt là bật sau đó lưu để kết thúc.
Hình 4.14: Cấu hình modul thanh toán bảo kim
d. Kết quả đạt được
- Khi nhấp vô thanh toán bảo kim tại trna chi tiết sản phẩm của website sẽ thấy được một số thông tin tài khoản đã tích hợp.
- Người đại diện mặc định theo tên tài khoản nhận tiền. Hiển thị tình chạng đã xác thực bằng cách liên hệ trực tiếp tới nhân viên bảo kim bảo họ xác thực cho mình hoặc bằng cách mua một sản phẩm nào đó hệ thống sẽ tự động xác thực cho mình.
- Có thể chỉnh sửa hiện email và điện thoại có hoặc không, bằng cách chỉnh ‘tùy chọn thông tin cá nhân trên trang thanh toán’ của mục dành cho người bán trong tài khoản bảo kim.
Hình 4.15 : Tích hợp thanh toán thành công
CHƯƠNG V. GIỚI THIỆU VỀ WEBSITE BÁN HÀNG DÂN DỤNG I. Nội Dung Website
1. Giao diện trang chủ
Hiển thị ngay đầu trang chủ là logo trang web cùng like facebook. Bên phải trang chủ chính là hệ thống giỏ hàng tìm kiếm và đăng ký đăng nhập. Tiếp theo là menu chuyển trang để tới các trang khác, gồm các menu về sản phẩm, giới thiệu công ty, tuyển dụng và liên hệ. Bên trái là box hỗ trợ trực tuyến cùng quảng cáo và phần show sản phẩm tiêu biểu, sản phẩm mới. Phần trính giữa trang chủ chứa slide banner cùng các sản phẩm được sắp sếp hiển thị theo danh mục và video
Hình 5.1: Giao diện trang chủ
2. Giao diện trang giới thiệu
Gới thiệu với khách hàng về cửa hang, những sản phẩm có trong cửa hàng trực tuyến (adsbygoogle = window.adsbygoogle || []).push({});
Hình 5.2: Giao diện trang giới thiệu
3. Giao diện trang tuyển dụng
Những khách hàng có quan tâm tới tuyển dụng của cửa hàng trực tuyến. Sẽ có đầy đủ thông tin tuyển dung qua mục tuyển dụng của website
Hình 5.3: Giao diện trang tuyển dụng
4. Giao diện sản phẩm điện tử
Hiển thị toàn bộ sản phẩm liên quan đến điện tử do nhà cung cấp đưa da. Khách hàng có thể xem chi tiết và mua sản phẩm bằng cách nhấp vô hình sản phẩm.
5. Giao diện chi tiết sản phẩm
Khách hàng sẽ được xem toàn bộ thông tin về sản phẩm. Quan sát sản phẩm rõ hơn nhờ chức năng zoom sản phẩm. Bên cạnh đó khách hàng có thể like trang web trên fanpage. Quan trong nhất là khách hàng có thể mua sản phẩm qua phương thức thanh toán trực tuyến ngân lượng hoặc bảo kim.
Hình 5.5: Chi tiết sản phẩm
6. Giao diện trang đăng nhập tài khoản
7. Giao diện đăng ký
Khách hàng dùng để đăng ký tài khoản nhận tin, mua hàng
KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN
Hướng phát triển
- Hoàn thiện phương thức thanh toán trực tuyến an toàn giúp khách hàng tin tưởng vào website hơn.
- Tiếp tục tối ưu hóa SEO dúp khách hàng có thể tìm thấy website mình dễ dàng hơn.
- Thực tiện tích hợp thêm các modul mới dúp cho khách hàng cảm thấy thân thiện hơn.
- Tích cực thực hiện maketing onlice cho web để thu hút nhiều khách hàng hơn
- Tiến hành phân quyền cho các user cấp dưới…
Kết luận
- Kết quả nghiên cứu đề tài giúp em có thêm một phương pháp xây dựng một Website, góp phần làm cho môi trường làm việc thuận tiện và dẽ dàng hơn. Vì vậy tiếp cận đề tài là hướng đi đúng đắn.
- Vì thời gian không cho phép nên em chưa tìm hiểu rõ và kỹ hơn đề tài này hơn nữa. Vì thế đè tài cũng còn có nhiều thiếu sót, mong các thầy cô giúp đỡ em nhiều hơn.
- Một lần nữa em xin chân thành cảm ơn các thầy cô giáo, các bạn học sinh và đặc biệt em xin cám ơn thầy Đỗ Võ Thắng tại trung tâm đào tạo ATHENA quản trị mạng và an ninh quốc tê rất nhiều vì đã giúp đỡ em trong thời gian qua.
TÀI LIỆU THAM KHẢO
[1]. Hướng dẫn thêm nút like facebook vào website:
http://thuthuattienich.com/seo/them-nut-like-cua-facebook-vao-website/
[2]. Download Opencart:
http://www.opencart.com/?route=download/download
[3]. Hướng dẫn tích hợp thanh toán chực tuyến lên Opencart:
http://www.youtube.com/watch?v=ZhR5vgNuSxY&hd=1 (adsbygoogle = window.adsbygoogle || []).push({});
[4]. Hướng dẫn cài đặt và chỉnh sửa Opencart: