Giới thiệu về 000webhost
000webhost.com là nhà cung cấp dịch vụ hosting nổi bật với gói miễn phí cho người dùng khi đăng ký tài khoản Gói này bao gồm 1GB dung lượng lưu trữ và 10GB băng thông, cho phép cài đặt tên miền riêng mà không có quảng cáo Ngoài ra, dịch vụ còn hỗ trợ PHP và MySQL, đáp ứng nhu cầu đa dạng của người dùng.
Tên miền mặc định được định dạng là Subdomain.000webhostapp.com, trong đó Subdomain là tên do người dùng tự chọn, còn phần còn lại là tên miền của nhà cung cấp Nếu bạn đã sở hữu một tên miền riêng, bạn có thể trỏ nó về hosting của mình; nếu không, bạn sẽ sử dụng tên miền mặc định này để truy cập vào website.
2.2 Đăng kí host và tên miền miễn phí
Truy cập vào địa chỉ : https://vn.000webhost.com/ bấm chọn nút đăng kí ở ngay trang chủ
Hình 2.1 Trang chủ tiếng việt 000webhost.com
Tại giao diện đăng ký, người dùng có thể lựa chọn phương thức đăng ký để tạo tài khoản miễn phí Tôi sẽ đăng ký một tên miền miễn phí với địa chỉ: http://tranvandungct1701.000webhostapp.com.
Hình 2.2 Giao diện đăng kí 000webhost
Lựa chọn một tên cho website của chúng ta, và đặt mật khẩu cho tài khoản:
Hình 2.3 Giao diện tạo website của 000webhost.com
Sau khi hoàn tất quá trình tạo website, chúng ta có thể truy cập vào địa chỉ của website và chọn mục quản lý để vào trang quản trị Tại đây, chúng ta sẽ bắt đầu tải lên mã nguồn của website và khởi tạo cơ sở dữ liệu.
Dưới đâylà phần địa chỉ sẽ sử dụng để cài đặt Alegrocart chạy website trên internet: http://tranvandungct1701.000webhostapp.com
Hình 2.4 Giao diện sau khi khởi tạo website thành công
Hình 2.5 Trang quản trị website của chúng ta
Hình 2.4, 2.5 là trang quản trị hosting của tên miềnvừa tạo, tại đây chúng ta có thể quản chị Source Files, Database, Domain(tên miền website) : http://tranvandungct1701.000webhostapp.com
2.3 Upload file và cài đặt alegrocart trên hosting
Có nhiều phương pháp để tải tệp lên hosting, bao gồm việc nén tệp thành định dạng zip hoặc sử dụng phần mềm FTP như FileZilla hoặc SmartFTP để thực hiện quá trình upload.
Tải lên file nén của Alegrocart và giải nén vào thư mục public_html Sau đó, di chuyển các phần tử từ thư mục upload ra ngoài thư mục public_html và xóa các phần tử không cần thiết.
Hình 2.6 upload file nén Alertgrocart lên hosting
Hình 2.7 Các phần tử thu được sau khi giải nén
Hình 2.8 Xóa các phần tử không dùng đến Đến đây các file cần thiết của Alegrocart đã sẵn sàng cho quá trình cài đặt
Vào phần Quản lý Databaseở trang quản trị host, bấm vào tạo Database để tạo một
Database và tài khoản người dùng Database mới mới
Hình 2.9 Giao diện tạo Database và tài khoản người dùng Database
Hình 2.10 Database và tài khoản người dùng Database đã tạo
To initiate the installation process of Alegrocart, visit the URL: http://tranvandungct1701.000webhostapp.com, where you will find the installation form Fill in the required Database information and user details, then select the option for a clean install.
Hình 2.11 Form thông tin kết nối Database
Để tiếp tục, hãy nhấn "Continue" và điền thông tin vào biểu mẫu quản trị website, bao gồm tài khoản quản trị và tên thư mục truy cập.
Hình 2.12 Form điền thông tin trang quản trị
Bấm Continue để hoàn tất việc cài đặt.
Hình 2.13 Hình ảnh sau khi cài đặt Alegrocart thành công
Hình 2.14 Giao diện trang chủ sau khi cài đặt
Để truy cập trang quản trị của Alegrocart, bạn hãy vào địa chỉ http://tranvandungct1701.000webhostapp.com/admin_hlc/ Sau đó, đăng nhập bằng tài khoản mà bạn đã tạo ở bước trước để vào giao diện quản trị website.
Hình 2.15 Giao diện trang login quản trị
Hình 2.16 Giao diện trang quản trị
2.5 Việt hóa các chức năng người dùng Đầu tiền chúng ta phải đăng nhập vào trang quản trị website, chọn mục Configuration-
>Localization->Language chọn Insert để tạo ngôn ngữ tiếng Việt Nhập vào form thông tin ngôn ngữ tiếng Việt.
Bước 1: Cài đặt ngôn ngữ tiếng Việt Điền và form với thông tin như sau:
Language : Tiếng Việt –Tên của ngôn ngữ
Code : vn –Mã của ngôn ngữ
Directory: tiengviet –Tên thư mục chứa ngôn ngữ tiếng Việt
Main Filename: vietnamese.php –Tên file điều khiển chính của ngôn ngữ
Language Status: Enabled –Trạng thái của ngôn ngữ, chúng ta sẽ để bật
Bấm vào save để lưu lại thông tin
Hình 2.18 Form tạo ngôn ngữ mới
Tiếp theo, truy cập vào trình quản lý file của hosting và sao chép thư mục admin_hlc/language/english Sau đó, đổi tên thư mục vừa sao chép thành tiengviet Tiến hành vào thư mục tiengviet và đổi tên file english.php thành vietnamese.php.
Hình 2.19 Cài đặt thư mục chứa ngôn ngữ tiếng Việt ở trang quản trị
Làm tương tự, copy thư mục catalog/language/english đổi tên thư mục vừa copy thành tiengviet , vào thư mục tiengviet đổi tên file english.php thành vietnamese.php
Hình 2.20 Cài đặt thư mục chưa ngôn ngữ tiếng Việt ở trang chủ Bước 2: Việt hóa
Công việc tiếp theo là mở từng file trong hai thư mục admin_hlc/language/tiengviet và catalog/language/tiengviet để dịch từ tiếng Anh sang tiếng Việt Nhiệm vụ này yêu cầu khả năng đọc hiểu tiếng Anh cơ bản và tính kiên nhẫn, vì có hàng trăm file cần được Việt hóa với nhiều thuật ngữ chuyên ngành khác nhau.
Hình 2.21 Việt hóa controller account ở trang chủ
Hình 2.22 Việt hóa controller product ở trang quản trị
Kết quả: Thu được sau khi Việt hóa ta sẽ được một trang web đa ngôn ngữ bao gồm cả trang quản trị và trang chủ.
Hình 2.23 Trang chủ sau khi được Việt hóa
Hình 2.24 Trang quản trị sau khi được Việt hóa
Bước 3: Đặt tiếng Việt làm ngôn ngữ mặc định
Chọn Cài đặt/ Thiết lập chọn tab thứ 2 bên trái, mục ngôn ngữ mặc định chọn Tiếng Việt để đặt mặc định cho trang quản trị
Hình 2.25 ngôn ngữ mặc định tiếng Việtcho trang quản trị.
Bấm vào tab thứ 3 bên trái để:
- Chọn ngôn ngữ mặc địnhTiếng Việt cho vùng địa lý
- Chọn quốc gia mặc định là Viet Nam
- Chọn khu vực mặc địnhlà Hai Phong
- Chọn tiền tệ mặc định Vietnamese Dong
Sau khi hoàn tất website sẽ trở lên gần gũi và thân thiện hơn với người dùng Việt.
Hình 2.26 Cài đặt thông tin vùng địa lý cho phù hợp với người Việt.
Alegrocart đã cung cấp đầy đủ các loại tiền tệ từ khắp nơi trên thế giới, giúp người dùng dễ dàng chỉnh sửa và bắt đầu xây dựng website cho người Việt.
Vào Cài đặt / Địa điểm / Tiền tệ tìm kiếm Vietnamese Dong, tại cột hành động bấm vào nút chỉnh sửa
Hình 2.27 Tìm kiếm Vietnamese Dong tại giao diện tiền tệ
27 Ở mục kí tự phảichúng ta thêm “vnđ” là kí hiệu viết tắt của Việt Nam Đồng
Mục Số thập phânta bỏ trống hoặc điền giá trị 0
Hình 2.28 Giao diện chỉnh sửa tiền tệ 2.7 Thêm plugin facebook fanpage, messager
Fanpage trên mạng xã hội Facebook là một công cụ hiệu quả để nâng cao thương hiệu trực tuyến Do đó, việc cài đặt plugin do Facebook cung cấp để nhúng fanpage vào website là rất cần thiết.
Bước 1: Đầu tiên là tại một fanpage trên facebook có tên HL coffee
Hình 2.29 Fanpage Facebook được tạo
Bước 2: Truy cập vào địa chỉ : https://developers.facebook.com/docs/plugins/page- plugin/?locale=vi_VN
Copy link fanpage vừa tạo ở trên và dán vào ô URL Trang Facebook
Hình 2.30 khởi tạo giá trị cho plugin fanpage Facebook
Click the button to obtain the code, then copy the source from step 1 and paste it into public_html/catalog/template/default/module/header.tpl within the uploaded source code.
Hình 2.31 Lấy mã nhúng của plugin
Hình 2.32 Cài đặt Facebook JDK trên website
In step 2, paste the code into the desired location to display the fan page on the website; for this example, I have chosen the footer section in the public_html/catalog/template/default/module/footer.tpl file of the website's source code.
Hình 2.33 Dán mã Facebook Fanpage vàochân trang
Bước 1: truy cập vào địa chỉ: https://developers.facebook.com/docs/messenger- platform/discovery/send-to-messenger-plugin?locale=vi_VN
Copy đoạn mã setup và dán vào public_html/catalog/teamlate/default/module/footer.tpl (Hình 2.31)
Hình 2.34 Copy mã cài đặt của plugin messenger
Trong đó messenger_app_id, page_id : điền vào Id của fanpage chúng ta vừa tạo vào tham số này Clolor:blue, size:large
Hình 2.35link cài đặt plugin chia sẻ AddThis
Truy cập vào trang chủ https://addthis.com tạo một plugin cho riêng mình, copy đoạn mã và nhúng vào public_html/catalog/teamlate/default/module/footer.tpl (Hình 2.31)
* Và cuối cùng là thành quả sau khi hoàn tất cài đặt 3 plugin trên
Hình 2.36 Kết quả sau khi cài đặt thành công Socical plugins
2.8 Thêm chức năng gửi tin nhắn thông báo qua zalo sử dụng API zalo
Cài đặt ALEGROCART
Vào phần Quản lý Databaseở trang quản trị host, bấm vào tạo Database để tạo một
Database và tài khoản người dùng Database mới mới
Hình 2.9 Giao diện tạo Database và tài khoản người dùng Database
Hình 2.10 Database và tài khoản người dùng Database đã tạo
Step 2: Access the address http://tranvandungct1701.000webhostapp.com to initiate the Alegrocart installation process In the installation form, enter the information for the newly created database and user, then select the option for a clean install.
Hình 2.11 Form thông tin kết nối Database
Bấm "Continue" để tiến đến bước tiếp theo, tại đây bạn cần điền thông tin tài khoản quản trị và tên thư mục để truy cập vào trang quản trị website.
Hình 2.12 Form điền thông tin trang quản trị
Bấm Continue để hoàn tất việc cài đặt.
Hình 2.13 Hình ảnh sau khi cài đặt Alegrocart thành công
Hình 2.14 Giao diện trang chủ sau khi cài đặt
Truy cập vào địa chỉ http://tranvandungct1701.000webhostapp.com/admin_hlc/ để vào giao diện đăng nhập của trang quản trị Sử dụng tài khoản đã tạo ở bước trước để đăng nhập và truy cập vào trang quản trị của website Alegrocart.
Hình 2.15 Giao diện trang login quản trị
Hình 2.16 Giao diện trang quản trị
Việt hóa các chức năng người dùng
Đầu tiền chúng ta phải đăng nhập vào trang quản trị website, chọn mục Configuration-
>Localization->Language chọn Insert để tạo ngôn ngữ tiếng Việt Nhập vào form thông tin ngôn ngữ tiếng Việt.
Bước 1: Cài đặt ngôn ngữ tiếng Việt Điền và form với thông tin như sau:
Language : Tiếng Việt –Tên của ngôn ngữ
Code : vn –Mã của ngôn ngữ
Directory: tiengviet –Tên thư mục chứa ngôn ngữ tiếng Việt
Main Filename: vietnamese.php –Tên file điều khiển chính của ngôn ngữ
Language Status: Enabled –Trạng thái của ngôn ngữ, chúng ta sẽ để bật
Bấm vào save để lưu lại thông tin
Hình 2.18 Form tạo ngôn ngữ mới
Tiếp theo, trong trình quản lý file của hosting, hãy sao chép thư mục admin_hlc/language/english và đổi tên thư mục đã sao chép thành tiengviet Sau đó, vào thư mục tiengviet và đổi tên file english.php thành vietnamese.php.
Hình 2.19 Cài đặt thư mục chứa ngôn ngữ tiếng Việt ở trang quản trị
Làm tương tự, copy thư mục catalog/language/english đổi tên thư mục vừa copy thành tiengviet , vào thư mục tiengviet đổi tên file english.php thành vietnamese.php
Hình 2.20 Cài đặt thư mục chưa ngôn ngữ tiếng Việt ở trang chủ Bước 2: Việt hóa
Công việc tiếp theo là mở từng file trong hai thư mục admin_hlc/language/tiengviet và catalog/language/tiengviet để dịch từ tiếng Anh sang tiếng Việt Nhiệm vụ này yêu cầu khả năng đọc hiểu tiếng Anh cơ bản và tính kiên nhẫn, do có rất nhiều file cần Việt hóa với nhiều thuật ngữ chuyên ngành Tổng số file cần dịch lên đến hàng trăm, bao gồm cả file ngắn và dài.
Hình 2.21 Việt hóa controller account ở trang chủ
Hình 2.22 Việt hóa controller product ở trang quản trị
Kết quả: Thu được sau khi Việt hóa ta sẽ được một trang web đa ngôn ngữ bao gồm cả trang quản trị và trang chủ.
Hình 2.23 Trang chủ sau khi được Việt hóa
Hình 2.24 Trang quản trị sau khi được Việt hóa
Bước 3: Đặt tiếng Việt làm ngôn ngữ mặc định
Chọn Cài đặt/ Thiết lập chọn tab thứ 2 bên trái, mục ngôn ngữ mặc định chọn Tiếng Việt để đặt mặc định cho trang quản trị
Hình 2.25 ngôn ngữ mặc định tiếng Việtcho trang quản trị.
Bấm vào tab thứ 3 bên trái để:
- Chọn ngôn ngữ mặc địnhTiếng Việt cho vùng địa lý
- Chọn quốc gia mặc định là Viet Nam
- Chọn khu vực mặc địnhlà Hai Phong
- Chọn tiền tệ mặc định Vietnamese Dong
Sau khi hoàn tất website sẽ trở lên gần gũi và thân thiện hơn với người dùng Việt.
Hình 2.26 Cài đặt thông tin vùng địa lý cho phù hợp với người Việt.
Alegrocart đã tích hợp đầy đủ các loại tiền tệ từ khắp nơi trên thế giới, giúp người dùng dễ dàng điều chỉnh và bắt đầu xây dựng website cho người Việt.
Vào Cài đặt / Địa điểm / Tiền tệ tìm kiếm Vietnamese Dong, tại cột hành động bấm vào nút chỉnh sửa
Hình 2.27 Tìm kiếm Vietnamese Dong tại giao diện tiền tệ
27 Ở mục kí tự phảichúng ta thêm “vnđ” là kí hiệu viết tắt của Việt Nam Đồng
Mục Số thập phânta bỏ trống hoặc điền giá trị 0
Hình 2.28 Giao diện chỉnh sửa tiền tệ 2.7 Thêm plugin facebook fanpage, messager
Fanpage trên mạng xã hội Facebook là một công cụ hiệu quả để phát triển thương hiệu trực tuyến Do đó, việc cài đặt plugin do Facebook cung cấp để nhúng fanpage vào website là rất cần thiết.
Bước 1: Đầu tiên là tại một fanpage trên facebook có tên HL coffee
Hình 2.29 Fanpage Facebook được tạo
Bước 2: Truy cập vào địa chỉ : https://developers.facebook.com/docs/plugins/page- plugin/?locale=vi_VN
Copy link fanpage vừa tạo ở trên và dán vào ô URL Trang Facebook
Hình 2.30 khởi tạo giá trị cho plugin fanpage Facebook
Click the button to obtain the code, then copy the source code from step 1 and paste it into public_html/catalog/template/default/module/header.tpl within the uploaded source code.
Hình 2.31 Lấy mã nhúng của plugin
Hình 2.32 Cài đặt Facebook JDK trên website
In Step 2, the code should be pasted in the location where you want to display the fan page on the website For this example, I chose the footer section in the file public_html/catalog/template/default/module/footer.tpl of the website's source code.
Hình 2.33 Dán mã Facebook Fanpage vàochân trang
Bước 1: truy cập vào địa chỉ: https://developers.facebook.com/docs/messenger- platform/discovery/send-to-messenger-plugin?locale=vi_VN
Copy đoạn mã setup và dán vào public_html/catalog/teamlate/default/module/footer.tpl (Hình 2.31)
Hình 2.34 Copy mã cài đặt của plugin messenger
Trong đó messenger_app_id, page_id : điền vào Id của fanpage chúng ta vừa tạo vào tham số này Clolor:blue, size:large
Hình 2.35link cài đặt plugin chia sẻ AddThis
Truy cập vào trang chủ https://addthis.com tạo một plugin cho riêng mình, copy đoạn mã và nhúng vào public_html/catalog/teamlate/default/module/footer.tpl (Hình 2.31)
* Và cuối cùng là thành quả sau khi hoàn tất cài đặt 3 plugin trên
Hình 2.36 Kết quả sau khi cài đặt thành công Socical plugins
2.8 Thêm chức năng gửi tin nhắn thông báo qua zalo sử dụng API zalo
Với sự phát triển của xã hội và đời sống tinh thần ngày càng nâng cao, tỉ lệ người dùng smartphone ở Việt Nam đã vượt quá 70% Sự gia tăng này đã thúc đẩy mạng xã hội Zalo phát triển mạnh mẽ, với tỉ lệ người dùng Zalo để trao đổi thông tin vượt trội hơn so với Email, chủ yếu được sử dụng bởi giới công chức và văn phòng Do đó, tôi quyết định sử dụng API của Zalo để tích hợp chức năng gửi tin nhắn thông báo đặt hàng thành công đến khách hàng.
Hiện tại tính năng này chưa có trong Alegrocart chính về thế chúng ta phải đi xây dựng mới hoàn toàn
Sử dụng:Api Zalo do nhà phát triển cung cấp, Javascript với thư việ jquery và kĩ thuật Cross Domain
Sau đây chúng ta sẽ tiến hàng xây dựng tính năng này theo từng bước.
Bước 1: Tạo một Official Account(OA)
OA trên Zalo tương tự như Fanpage trên Facebook, đóng vai trò đại diện cho thương hiệu của người dùng Để tạo một OA cho thương hiệu, bạn hãy truy cập vào địa chỉ https://zalo.me/pc, sau đó chọn OFFICIAL ACCOUNT từ thanh menu Tiến hành theo các bước hướng dẫn để tạo OA với tên HL Coffee, giúp cửa hàng của bạn hiện diện trên ứng dụng Zalo.
Bước 2 Tạo ứng dụng mới, truy cập https://developers.zalo.me/ Chọn ứng dụng của tôi -> tạo ứng dụng mới.
Hình 2.38 tạo ứng dụng mới
Hình 2.39 tạo ứng dụng mới
Bước 3 Liên kết ứng dụng với Official Account
To link an Official Account on the Zalo Developer page, select the application in the top right corner of the page at https://developers.zalo.me/ Then, from the left menu, choose "Official Account," select the desired Official Account you want to link, and click "Link."
Hình 2.40 Liên kết ứng dụng với Official Account
Bước 4 Xin xét duyệt quyền để sử dụng các API
Khi sử dụng API của Zalo, bạn cần chọn các quyền tương ứng và nộp yêu cầu xét duyệt Quá trình phê duyệt sẽ diễn ra nhanh chóng, trong vòng 1 phút.
Hình 2.41 Xin xét duyệt quyền để sử dụng các API Bước 5 Lấy Official Account Access Token
To request access to the Official Account, please send the following link to the Admin: https://oauth.zaloapp.com/v3/oa/permission?app_id=&redirect_uri=.
The app_id serves as the unique identifier for our application, while the redirect_uri is the URL configured in the settings of the Official Account linked to our application This URL will direct users to the permission granting page for the application.
Hình 2.42 trang cấp quyền cho ứng dụng.
Sau khi người dùng chọn Official Account và nhấn “Cho phép”, trình duyệt sẽ chuyển hướng đến Official Account Callback Url đã liên kết với ứng dụng Tại đây, OA Callback Url sẽ nhận một yêu cầu http get kèm theo các tham số access_token và oaId để lưu trữ và sử dụng.
Bước 6: Lập trình đoạn mã thực thi request
Truy cập vào file /public_html/catalog/template/default/content/success.tpl trên host Tạo modal thông báo sau khi khách hàng đặt hàng thành công
Access the public_html/catalog/template/default/module/footer.tpl file and utilize JavaScript along with the jQuery library to create a POST request that sends a message to the Zalo API.
Hình 2.43Hộp thoại thông báogửi tin nhắn Zalo
Khi khách hàng đồng ý, hệ thống sẽ chuyển hướng đến trang cấp quyền (Hình 2.39) Sau khi hoàn tất việc cấp quyền, hệ thống tự động gửi thông báo qua Zalo App cho khách hàng và trở về trang chủ của website.
Hình 2.44 Tin nhắn nhận được từ phái khách hàng
Phần này em đã sử dụng kĩ thuật Cross domain trong javascript để tạo các request từ 2 domain khác nhau, từ website đên api của Zalo.
Thêm plugin facebook fanpage, messager
Fanpage trên mạng xã hội Facebook là một công cụ hiệu quả để phát triển thương hiệu trực tuyến Để tối ưu hóa sự hiện diện của thương hiệu, chúng ta sẽ cài đặt plugin do Facebook cung cấp nhằm nhúng fanpage vào website.
Bước 1: Đầu tiên là tại một fanpage trên facebook có tên HL coffee
Hình 2.29 Fanpage Facebook được tạo
Bước 2: Truy cập vào địa chỉ : https://developers.facebook.com/docs/plugins/page- plugin/?locale=vi_VN
Copy link fanpage vừa tạo ở trên và dán vào ô URL Trang Facebook
Hình 2.30 khởi tạo giá trị cho plugin fanpage Facebook
Click the button to obtain the code, then copy the source from step 1 and paste it into public_html/catalog/template/default/module/header.tpl in the uploaded source code.
Hình 2.31 Lấy mã nhúng của plugin
Hình 2.32 Cài đặt Facebook JDK trên website
In step 2, the code should be pasted in the location where we want to display the fan page on the website; in this case, I chose the footer section within the file public_html/catalog/template/default/module/footer.tpl of the website's source code.
Hình 2.33 Dán mã Facebook Fanpage vàochân trang
Bước 1: truy cập vào địa chỉ: https://developers.facebook.com/docs/messenger- platform/discovery/send-to-messenger-plugin?locale=vi_VN
Copy đoạn mã setup và dán vào public_html/catalog/teamlate/default/module/footer.tpl (Hình 2.31)
Hình 2.34 Copy mã cài đặt của plugin messenger
Trong đó messenger_app_id, page_id : điền vào Id của fanpage chúng ta vừa tạo vào tham số này Clolor:blue, size:large
Hình 2.35link cài đặt plugin chia sẻ AddThis
Truy cập vào trang chủ https://addthis.com tạo một plugin cho riêng mình, copy đoạn mã và nhúng vào public_html/catalog/teamlate/default/module/footer.tpl (Hình 2.31)
* Và cuối cùng là thành quả sau khi hoàn tất cài đặt 3 plugin trên
Hình 2.36 Kết quả sau khi cài đặt thành công Socical plugins
Thêm chức năng gửi tin nhắn thông báo qua zalo sử dụng API zalo
Xã hội phát triển, đời sống tinh thần con người ngày càng nâng cao, dẫn đến tỷ lệ người dùng smartphone tại Việt Nam vượt quá 70% Sự phát triển mạnh mẽ của mạng xã hội Zalo cũng nhờ vào xu hướng này, với tỷ lệ người dùng Zalo để trao đổi tin tức cao hơn so với người dùng Email, chủ yếu là giới công chức Do đó, tôi muốn sử dụng API của Zalo để tích hợp chức năng nhắn tin thông báo đặt hàng thành công cho khách hàng.
Hiện tại tính năng này chưa có trong Alegrocart chính về thế chúng ta phải đi xây dựng mới hoàn toàn
Sử dụng:Api Zalo do nhà phát triển cung cấp, Javascript với thư việ jquery và kĩ thuật Cross Domain
Sau đây chúng ta sẽ tiến hàng xây dựng tính năng này theo từng bước.
Bước 1: Tạo một Official Account(OA)
OA (Official Account) trên Zalo tương tự như Fanpage trên Facebook, được sử dụng để đại diện cho thương hiệu của người dùng Để tạo một OA, bạn truy cập vào https://zalo.me/pc và chọn mục OFFICIAL ACCOUNT trong thanh menu Sau đó, làm theo hướng dẫn để tạo OA với tên HL Coffee, giúp đại diện cho thương hiệu cửa hàng của bạn trên ứng dụng Zalo.
Bước 2 Tạo ứng dụng mới, truy cập https://developers.zalo.me/ Chọn ứng dụng của tôi -> tạo ứng dụng mới.
Hình 2.38 tạo ứng dụng mới
Hình 2.39 tạo ứng dụng mới
Bước 3 Liên kết ứng dụng với Official Account
To link your desired Official Account, select the application in the top right corner of the page at https://developers.zalo.me/ Then, in the left menu, choose "Official Account," select the specific Official Account you wish to connect, and click on "Link."
Hình 2.40 Liên kết ứng dụng với Official Account
Bước 4 Xin xét duyệt quyền để sử dụng các API
Khi sử dụng API của Zalo, việc xin cấp quyền tương ứng là rất quan trọng Hãy chọn các quyền cần thiết và gửi yêu cầu xét duyệt Quá trình phê duyệt sẽ được hoàn tất trong vòng 1 phút.
Hình 2.41 Xin xét duyệt quyền để sử dụng các API Bước 5 Lấy Official Account Access Token
Step 5.1: We will send the link below to the Admin of the Official Account to request access code for that Official Account: https://oauth.zaloapp.com/v3/oa/permission?app_id=&redirect_uri=.
The app_id parameter represents the unique identifier for our application, while the redirect_uri is the URL configured in the settings of the Official Account linked to our application This URL directs users to the authorization page for granting permissions to the application.
Hình 2.42 trang cấp quyền cho ứng dụng.
Sau khi người dùng chọn Official Account và nhấn “Cho phép”, trình duyệt sẽ tự động chuyển hướng về URL Callback của Official Account liên kết với ứng dụng Tại đây, OA Callback Url sẽ nhận một yêu cầu HTTP GET kèm theo các tham số access_token và oaId để lưu trữ và sử dụng.
Bước 6: Lập trình đoạn mã thực thi request
Truy cập vào file /public_html/catalog/template/default/content/success.tpl trên host Tạo modal thông báo sau khi khách hàng đặt hàng thành công
Access the public_html/catalog/template/default/module/footer.tpl file and utilize JavaScript along with the jQuery library to create a POST request that sends a message to the Zalo API.
Hình 2.43Hộp thoại thông báogửi tin nhắn Zalo
Khi khách hàng đồng ý, hệ thống sẽ chuyển đến trang cấp quyền (Hình 2.39) Sau khi có đủ quyền, hệ thống tự động gửi thông báo qua Zalo App cho khách hàng và quay lại trang chủ của website.
Hình 2.44 Tin nhắn nhận được từ phái khách hàng
Phần này em đã sử dụng kĩ thuật Cross domain trong javascript để tạo các request từ 2 domain khác nhau, từ website đên api của Zalo.
Kết luận: Việc triển khai tính năng nhắn tin thông báo qua Zalo không chỉ là bước tiến quan trọng trong việc cải thiện phương thức thông báo cho người dùng, mà còn mở ra cơ hội phát triển các tính năng mới như gửi đơn hàng và thông báo sản phẩm khuyến mãi, góp phần thay thế dần việc sử dụng Email truyền thống.
Giới thiệu về cửa hàng HighLand Coffee
Tên cửa hàng: HighLand Coffee
Sản phẩm kinh doanh: Cafe, thực phẩm, các sản phẩm liên quan đến cafe Địa chỉ: 275Lạch Tray –Ngô Quyền –Hải Phòng
Hiện tại, cửa hàng chỉ có website giới thiệu sản phẩm mà chưa có chức năng bán hàng trực tuyến Trong tương lai, cửa hàng dự định phát triển hệ thống đặt hàng và giao hàng qua mạng để nâng cao hiệu quả kinh doanh Do đó, việc xây dựng website bán hàng sẽ giúp giải quyết những vấn đề hiện tại mà cửa hàng đang gặp phải.
Lợi ích sử dụng website điện tử so với cách bán hàng thông thường
Chúng ta đang sống trong thời đại 4.0, nơi công nghệ và khoa học phát triển mạnh mẽ Sự phát triển của cơ sở hạ tầng internet đã giúp khách hàng dễ dàng tiếp cận thế giới trực tuyến Thương mại điện tử trở thành xu hướng tất yếu, khi nhu cầu rút ngắn thời gian mua sắm ngày càng cao Đối với thương hiệu cà phê Highland Coffee, việc xây dựng website bán hàng là cần thiết để bắt kịp xu hướng và tận dụng cơ hội phát triển kinh doanh.
Chúng ta có thể thấy rõ các ưu điểm và lợi thế khi cửa hàng xây dưng website bán hàng như sau:
Tiết kiệm thời gian và chi phí quản lý là lợi ích lớn khi đầu tư vào website bán hàng Thay vì mở rộng cửa hàng và thuê thêm nhân viên, doanh nghiệp có thể giảm thiểu chi phí và thời gian bằng cách xây dựng một trang web bán hàng với chi phí thấp hơn nhiều lần Điều này giúp tăng cường khả năng thu hút khách hàng hiệu quả hơn.
Khách hàng có thể dễ dàng đặt đồ uống và sản phẩm từ cửa hàng mà không bị giới hạn địa điểm, chỉ cần ngồi ở bất kỳ đâu với thiết bị kết nối internet và truy cập trình duyệt.
Tiết kiệm thời gian cho khách hàng là một lợi ích lớn trong cuộc sống bận rộn hiện nay Nhiều người không thể đến trực tiếp để xếp hàng mua đồ uống yêu thích, vì vậy việc đặt hàng online qua website bán hàng trở thành giải pháp lý tưởng giúp họ dễ dàng tiếp cận sản phẩm mà không mất thời gian.
Phát triển thương hiệu online mang lại chi phí marketing thấp hơn và hiệu quả cao hơn so với các phương pháp truyền thống Các doanh nghiệp có thể tận dụng Google Ads, Facebook Ads và xây dựng nội dung chất lượng để thu hút khách hàng hiệu quả.
Nghiệp vụ quản lí bán hàng cà phê shop
cho thương hiệukèm với đưa sản phẩm mà khách hàng quan tâm từ đó tăng số lượng đơn hàng, tăng doanh thu đồng thời phát triển được thương hiệu
Quản lý dữ liệu tập trung thông qua Alegrocart cho phép tự động hóa quy trình, thay thế việc ghi chép sổ sách truyền thống Phương pháp này không chỉ tiết kiệm thời gian mà còn nâng cao độ chính xác trong việc quản lý dữ liệu online.
Độ bảo mật qua mạng hiện vẫn còn hạn chế, khiến thông tin dễ bị đánh cắp Bảo mật thông tin là một thách thức lớn đối với các nhà phát triển hệ thống, vì chưa có giải pháp nào đảm bảo an toàn tuyệt đối Do đó, nguy cơ bị hacker xâm nhập và lấy cắp dữ liệu luôn hiện hữu.
Khách hàng vẫn ưa chuộng phương thức mua sắm truyền thống, bởi họ muốn trực tiếp cầm nắm, nhìn và cảm nhận sản phẩm trước khi quyết định Tâm lý này khiến việc chỉ xem hình ảnh trên website chưa đủ để tạo sự yên tâm khi lựa chọn sản phẩm.
Quy định về thương mại điện tử hiện nay chưa đủ linh hoạt, mặc dù nhà nước đang chú trọng vấn đề này, nhưng vẫn chưa tìm ra giải pháp hiệu quả.
3.3 Nghiệpvụ quản lí bán hàng cà Highland Coffee (Bài toán bán hàng)
Quản lý cửa hàng sẽ thực hiện việc nhập thông tin về các sản phẩm hiện có, bao gồm giá cả, hình ảnh và chủng loại Quy trình này cũng áp dụng cho các sản phẩm mới của cửa hàng.
3.3.2 Quản lí danh mục sản phẩm
Các mặt hàng được phân loại thành nhiều nhóm sản phẩm nhằm tối ưu hóa công tác quản lý Mỗi sản phẩm có thể được gán cho một hoặc nhiều loại khác nhau, giúp dễ dàng phân cấp và quản lý các sản phẩm trong tương lai.
Khi có chương trình khuyến mãi hoặc ra mắt sản phẩm mới, nhân viên marketing sẽ triển khai các chiến lược quảng cáo thông qua các mặt hàng như chương trình quà tặng và giảm giá.
Thiết kế marketxây dựng hình ảnh thương hiệu
Viết nội dung quảng cáo trên facebook, zalo, websitephục vụ cho marketing online, chạy quảng cáo online trên Google Ads, Facebook Ads
3.3.4 Tiếp cần khách hàng & bán hàng
Các chiến dịch quảng cáo giúp khách hàng dễ dàng tiếp cận website qua mạng xã hội và công cụ tìm kiếm, từ đó họ có thể ghé thăm cửa hàng online và chọn lựa sản phẩm phù hợp để đặt mua.
Sau khi khách hàng hoàn tất đặt hàng, chủ cửa hàng sẽ nhận thông báo và tiến hành giao hàng Khách hàng có thể lựa chọn hình thức thanh toán qua COD (thanh toán khi nhận hàng) hoặc chuyển khoản ngân hàng.
Báo cáo thống kê bán hàng, sản phẩm đã xem và đã mua, cùng với nhật ký làm việc của cửa hàng, giúp nắm bắt tình hình kinh doanh một cách hiệu quả Việc này thay thế cho phương pháp thống kê truyền thống dễ thất lạc, vì mọi hoạt động trên website được ghi lại tự động và chỉ người quản trị website mới có quyền truy cập.
Lý do chọn Alegrocart xây dựng website bán hàng trực tuyến cho cửa hàng highland coffee
Alegrocart là một nền tảng mã nguồn mở được phát triển bằng ngôn ngữ PHP, mang đến giải pháp thương mại điện tử mạnh mẽ cho việc xây dựng kinh doanh trực tuyến Với tính năng miễn phí và các ưu điểm của phần mềm mã nguồn mở, Alegrocart cho phép người dùng dễ dàng sửa đổi, điều chỉnh và cải tiến theo nhu cầu phát triển của họ.
Alegrocart sở hữu một hệ thống giỏ hàng được phát triển kỹ lưỡng, tích hợp đầy đủ các tính năng cần thiết cho một website thương mại điện tử và bán hàng online.
Alegrocart cung cấp các tính năng tích hợp sẵn như mô-đun sản phẩm, loại sản phẩm, đặt hàng, giao hàng, báo cáo và quản lý khách hàng, giúp bạn xây dựng một website bán hàng hoàn chỉnh và hiệu quả.
Alegrocart cung cấp các module quản lý linh hoạt như thiết lập, đa ngôn ngữ, tiền tệ và giao diện, rất phù hợp cho việc xây dựng cửa hàng trực tuyến cho thương hiệu như Highland Coffee một cách đầy đủ và hiệu quả.
Kết luận, việc áp dụng Alegrocart để xây dựng website bán hàng cho Highland Coffee sẽ tận dụng tối đa các ưu điểm của phần mềm nguồn mở này, với tất cả các tính năng đã được thiết kế sẵn nhằm cải thiện hoạt động kinh doanh Mặc dù Alegrocart vẫn tồn tại một số nhược điểm chung của phần mềm nguồn mở, nhưng những vấn đề này sẽ không ảnh hưởng quá lớn và có thể được khắc phục trong tương lai.
