Với ngân sách chi tiêu dự kiến cho các kênh quảng cáo trực tuyến (Google Ads, Facebook Ads, Chat bot Fanpage), tối ưu website, và căn cứ vào tỷ lệ tiếp cận khách hàng mục tiêu, tỷ lệ tương tác bài viết, và tỷ lệ người dùng truy cập website PnSsport.glitch.me từ hoạt động marketing đã thực hiện trước đó, nhóm đề ra thống kê dự kiến về tỷ lệ chuyển đổi và doanh thu có thể đạt được trong 3 tháng tới dựa trên các số liệu từ hoạt động quảng cáo thu được.
- Kênh Facbook Ads: Ngân sách chi tiêu dự kiến cho kênh này là 3000.000 vnđ để thực hiện chạy quảng cáo tương tác đến khách hàng tiềm năng. Với ngân sách này, quảng cáo được tối ưu về nội dung bài viết và nhắm đúng tệp đối tượng khách hàng mục tiêu có thể tiếp cận từ 30.000 – 40.000 người. Lượt nhấp vào liên kết trong bài viết đến website dự kiến là 15% tương ứng với khoảng 5.500 người truy cập website, với tỷ lệ chuyển đổi dự kiến thấp nhất (sử dụng dịch vụ đặt sân tại website) là 3%, tương ứng với 165 lượt đặt
62
sân, với giá trị mỗi chuyển đổi thu được là 10% Giá trị 1 giờ đặt sân. ( Từ bảng 3.1 giá trị trung bình ước tính trên 1h đặt sân là 300.000 vnđ ), và số giờ đặt sân ước tính / lượt đặt sân là 2 giờ
Doanh thu mang lại ước tính từ kênh Facebook: 9.900.000 vnđ.
- Kênh Google Ads: Với ngân sách chi tiêu dự kiến là 3.000.000 vnđ cho kênh Google Ads, tiếp cận người dùng bằng quảng cáo tìm kiếm từ khóa bằng công cụ tìm kiếm Google. Căn cứ vào tỷ lệ nhấp chuột (CTR) đã đạt được trong chiến dịch quảng cáo trước, cùng với việc tối ưu lại mẫu quảng cáo và trải nghiệm người dùng trên website, lượt nhấp chuột CTR dự kiến đạt 20%, ứng với là 2000 nhấp chuột vào quảng cáo dẫn về website, với mức chi phí tối ưu 1500 vnđ/ lần nhấp, tỷ lệ chuyển đổi ước tính thấp nhất là 3% / lượt nhấp.
Doanh thu mang lại từ kênh Google Ads: 3.600.000 vnđ
- Công cụ chat bot có chức năng hỗ trợ thắc mắc khách hàng, hỗ trợ đặt sân từ Fanpage và điều hướng khách hàng vào website thực hiện đặt sân nên được tính vào chi phí marketing, không được tính vào doanh thu.
- Kết quả: Doanh thu dự kiến đạt được trong kế hoạch 3 tháng là 13.500.000 vnđ và lợi
nhuận đạt được sau các chi phí là: 3.150.000 vnđ.
63 CHƯƠNG 4. ĐẶC TẢ THIẾT KẾ HỆ THỐNG CÔNG NGHÊ THÔNG TIN – HẠN
CHẾ VÀ HƯỚNG PHÁT TRIỂN TRONG TƯƠNG LAI 4.1 Mô hình hệ thống
• Liệt kê các thông tin cụ thể:
Khách hàng gồm những thông tin sau: Giới tính (GT), ngày sinh (NS), số điện thoại (SDT), địa chỉ (DC), Email, họ tên (HT).
Chủ sân gồm những thông tin sau: Họ tên (HT), email, số điện thoại (SDT), mã doanh nghiệp (MDN), ngày cấp (NgC), nơi cấp (NC), tình trạng xác thực (TNXT).
Đơn đặt sân gồm những thông tin: Mã đặt sân (MDS), Ngày giờ đặt (NGD), Mã giao dịch (MGD), Loại sân (LS).
64
Hình 4.1. Mô hình lớp quan hệ các thực thể
“Nguồn: Nhóm thực hiện”
65 4.2 Thông số kỹ thuật thiết kế hệ thống
Một Website thường được bao gồm bởi 4 phần chính:
✓ Code: Mã nguồn website, chứa hàng loạt tệp lệnh trích xuất HTML
✓ Hosting: Bộ nhớ lưu trữ website
✓ Database: Dữ liệu nội dung website
✓ Domain: tên miền website
4.2.1 Code
Khi ta truy cập vào một website bất kì và nhấn tổ hợp Ctrl+U. Trình duyệt sẽ tự động view source (xem code) ở một Tab mới của chính Page (trang) mà ta đang xem. Một trang được kết hợp với hàng trăm tệp lệnh HTML được trích xuất dó được gọi là code.
Ở phương diện một lập trình viên. Code là tập hợp của hàng loạt các tệp mã lệnh có cấu trúc nhằm xây dựng thiết kế giao diện web cũng như các tính năng mở rộng của website.
Ở thời điểm hiện tại, có rất nhiều ngôn ngữ lập trình được sử dụng trong mục đích thiết kế website:
• HTML/CSS
• PHP
• ASP
• JAVA
P&S Sport được nhóm tự code trên nền tảng ngôn ngữ JAVA, với cấu trúc là HTML/CSS được viết theo định dạng EJS (express javascript). Đây là ngôn ngữ lập trình phổ biến nhất trên thế giới trong suốt 20 năm qua. Nó cũng là một trong ba số ngôn ngữ chính của lập trình web:
- HTML: Giúp thêm nội dung cho trang web.
- CSS: Định dạng thiết kế, bố cục, phong cách, canh lề của trang web. - JAVA (Javascript): Cải thiện hoạt động của website.
Lý do, P&S Sport chọn JAVA là do có thể học, tiếp thu kiến thức nhanh và dễ dàng áp dụng cho các mục đích khác nhau, cải thiện tính năng của website.
66
Ưu điểm:
✓ Dễ học hơn, dễ tìm hiểu vì bao gồm các cú pháp gần với Tiếng Anh so với các ngôn ngữ lập trình khác.
✓ Lỗi dễ phát hiện hơn nhờ vậy mà sửa lỗi dễ dàng hơn.
✓ Nhanh hơn và nhẹ hơn các ngôn ngữ lập trình khác.
✓ Giúp website tương tác tốt hơn với khách hàng truy cập.
✓ JAVA hoạt động trên nhiều trình duyệt, nền tảng,…
✓ Sự tương tác Server ít hơn, có thể xác nhận đầu vào (input) người sử dụng trước khi gửi trang đến Server. Điều này làm tiết kiệm lưu lượng tải ở Server, nghĩa là Server tải ít hơn.
✓ Khả năng tương tác tăng lên, có thể tạo các giao diện mà phản ứng lại khi người sử dụng rê chuột qua chúng hoặc kích hoạt chúng thông qua bàn phím.
67
Hình 4.2. Hệ thống code trang chủ được tạo bởi nhóm
“Nguồn: view-source:http://pnssport.glitch.me/”
Giao diện với bố cục đơn giản, hiện rõ chức năng cần thiết để khách hàng tìm sân nhanh chóng, với màu sắc chủ đạo là đen trăng, và nhân vật chính là cầu thủ Ronaldo.
68
Hình 4.3. Trang chủ của P&S Sport
“Nguồn: http://pnssport.glitch.me/”
Không những vậy, P&S Sport còn tối ưu website nhằm mục đích sử dụng cho các thiết bị có màn hình nhỏ như điện thoại, máy tính bảng (Ipad),…
69
Hình 4.4. Giao diện P&S Sport trên điện thoại galaxy s5
“Nguồn: http://pnssport.glitch.me/”
Hình 4.5. Giao diện P&S Sport trên điện thoại iphone
70
Hình 4.6. Giao diện P&S Sport trên Ipad.
“Nguồn: http://pnssport.glitch.me/”
4.2.2 Hosting
Hosting (hay web hosting) là một dịch vụ online giúp bạn xuất bản website hoặc ứng dụng
web lên internet. Khi ta đăng ký dịch vụ hosting, tức là ta thuê một chỗ đặt trên server chứa tất cả các thư mục và dữ liệu cần thiết để website của mình có thể chạy được.
Hay hiểu theo một cách khác, hosting là dịch vụ trực tuyến lưu trữ và chứa tất cả các tệp dữ liệu của website như bài viết, hình ảnh, video, mã nguồn…Không có một website nào có thể hoạt động mà không được gắn kết với một dịch vụ hosting nào đó.
71
Ở khía cạnh vật lý, hosting là một máy chủ - giống như máy tính vật lý chạy xuyên suốt để website của bạn có thể luôn hoạt động mọi lúc cho tất cả mọi người có thể truy cập vào. Chính vì vậy cấu hình, lẫn hệ thống của máy này thật sự kiên cố và bền bỉ. Người ta đặt tên cho nó là SERVER (máy chủ), các server này được đặt ở nhiều vị trí khác nhau trên thế giới trong điều kiện được bảo vệ kỹ càng về mặt nhiệt độ lẫn hệ thống làm mát.
Tại các server, sau quá trình cài đặt. Người ta sẽ chia nhỏ ổ cứng thành nhiều phân vùng khác nhau. Các phân vùng này có một giá trị bộ nhớ nhất định (5GB, 10GB, 15GB, 20GB,…). Mỗi phân vùng được cài lên đó một hệ điều hành riêng và được chia nhỏ bộ nhớ truy cập ngẫu nhiên (RAM) trong tổng số dung lượng thực của RAM. Mỗi gói như vậy ta gọi là VPS (máy chủ ảo).
Vì nhu cầu sử dụng tiêu dùng khác nhau. Không phải ai cũng đủ tiền để thuê VPS (máy củ ảo) hay 1 server (máy chủ). Bởi chi phí của nó khá cao so với mức thu nhập bình quân lại Việt Nam. Chính vì thế, tại các VPS (máy chủ ảo) này người ta lại chia nhỏ các gói theo các thông số về bộ nhớ đĩa cứng + băng thông. Các gói chia nhỏ của VPS này được gọi là Hosting.
Website pnssport.glitch.me được xây dựng trên nền tảng của một port free của hosting glitch. Vì nó cho phép xây dựng hệ thống hoàn toàn miễn phí, hỗ trợ tốt cho việc xây dựng website.
Đăng ký ngày: 03/04/2019.
72
Hình 4.7. Server IP của máy chủ Glitch.
“Nguồn: Command Prompt”
Hình 4.8. Các thông số Server của host Glitch
73
Hình 4.9. Các thông tin khác của host Glitch
“Nguồn: https://check-host.net/”
4.2.3 Database
Database (Cơ sở dữ liệu) là một ô chứa dữ liệu ở mức vật lý (physical), thường được dùng
dưới dạng như bảng biểu, lược đồ, truy vấn, báo cáo, những đối tượng khác….Cơ sở dữ liệu (Database) tồn tại dưới dạng tập tin trong hệ điều hành máy tính hoặc những hệ quản trị cơ sở dữ liệu, và được lưu trữ trên các thiết bị có chức năng ghi nhớ như ổ cứng, đĩa CD hoặc USB. Database có vai trò rất quan trọng trong công tác làm việc với dữ liệu, không có Database thì mọi thao tác kết nối sẽ không thể thực hiện thành công được.
Cơ sở dữ liệu (Database) mà nhóm đang sử dụng là của MongoDB, đây là một mã nguồn mở và là một tập tài liệu dùng cơ chế NoSQL (None-Relational SQL) để truy vấn, nó được viết
74
bởi ngôn ngữ C++ nên nó có khả năng tính toán với tốc độ cao chứ không giống như các hệ quản trị cơ sở dữ liệu hiện nay.
Ưu điểm:
✓ MongoDB sử dụng lưu trữ dữ liệu dưới dạng Document JSON nên mỗi một collection sẽ có các kích cỡ và các document khác nhau, linh hoạt trong việc lưu trữ dữ liệu.
✓ Dữ liệu trong MongoDB không có sự ràng buộc lẫn nhau, nên khi thêm, xóa hay sửa nó không cần phải mất thời gian kiểm tra xem có thỏa mãn các ràng buộc dữ liệu như trong RDBMS.
✓ MongoDB rất dễ mở rộng.
✓ Tốc độ truy vấn thông tin đạt hiệu xuất cao.
75
Hình 4.10. Giao diện database của website trên hosting
“Nguồn: https://pnssport-admin.glitch.me/admin/users/transactions”
4.2.4 Tên miền (Domain)
Tên miền là tên của một website hoạt động trên internet, đóng vai trò là một địa chỉ vậy lý.
Nó giống như là địa chỉ nhà hay zip code để giúp các thiết bị định tuyến vệ tinh dẫn đường, một trình duyệt cũng cần có một tên miền để dẫn đường tới website của bạn. Nếu không có tên miền, mọi người phải nhớ chính xác địa chỉ IP của Server mỗi khi truy cập (ví dụ: pnssport.glitch.me có IP Server là 52.5.221.248) – việc này rất khó xảy ra và khó nhớ.
Tên miền có 2 loại:
• Tên miền quốc gia: thường thì sẽ có đuôi “.vn” đằng sau, ví dụ org.vn, .com.vn, biz.vn,…
• Tên miền quốc tế: .net, .me, .biz, .org, .info,…
Thay vì truy cập vào website theo giải IP của hosting bằng dãy số. Chỉ cần một tên miền được trỏ DNS về đúng địa chỉ IP của hosting đó. Người dùng có thể truy cập website dưới dạng tương tự như sau: pnssport.glitch.me.
76
Hình 4.11. Truy cập website bằng tên miền
“Nguồn: http://pnssport.glitch.me/”
4.2.5 Chứng chỉ bảo mật SSL
SSL là viết tắt của từ “Secure Sockets Layer”. Đây là một tiêu chuẩn an ninh công nghệ
toàn cầu tạo ra một liên kết được mã hóa giữa máy chủ web và trình duyệt. Liên kết này đảm bảo tất cả các dữ liệu trao đổi giữa máy chủ web và trình duyệt luôn được bảo mật và an toàn. SSL đảm bảo rằng tất cả dữ liệu được truyền giữa các máy chủ web và các trình duyệt được mang tính riêng tư, tách rời. SSL là một chuẩn công nghiệp được sử dụng bởi hàng triệu trang web trong việc bảo vê các giao dịch trực tuyến với khách hàng của họ.
Chứng chỉ bảo mật SSL cài trên website cho phép khách hàng khi truy cập có thể xác minh được tính xác thực, tin cậy của website, đảm bảo mọi dữ liệu, thông tin trao đổi giữa website và khách hàng được mã hóa, tránh nguy cơ bị can thiệp.
SSL bảo vệ website và khách hàng của bạn:
✓ Bảo mật dữ liệu: dữ liệu được mã hóa và chỉ người nhận đích thực mới có thể giải mã.
✓ Toàn vẹn dữ liệu: dữ liệu không bị thay đổi bởi tin tặc.
✓ Chống chối bỏ: đối thượng thực hiệ gửi dữ liệu không thể phủ nhận dữ liệu của mình. Không những vậy SSL còn có những lợi ích sau:
✓ Xác thực website, giao dịch.
✓ Nâng cao hình ảnh, thương hiệu và uy tín doanh nghiêp.
✓ Bảo mật các giao dịch giữa khách hàng và doanh nghiệp, các dịch vụ truy cập hệ thống.
77
✓ Bảo mật webmail và các ứng dụng như Outlook Web Access, Exchange và Office Communication Server.
✓ Bảo mật các ứng dụng ảo như Citrix Delivery Platform hoặc các ứng dụng điện toán đám mây.
✓ Bảo mật dịch vụ FTP.
✓ Bảo mật truy cập control panel.
✓ Bảo mật các dịch vụ truyền dữ liệu trong mạng nội bộ, file sharing, extranet.
✓ Bảo mật VPN Access Servers, Citrix Access Gateway,…
Hình 4.12. Thông báo kết nối không bảo mật trước khi đăng ký SSL
Hình 4.13. Thông báo kết nối an toàn, bảo mật sau khi đăng ký SSL
“Nguồn: pnssport.glitch.me”
4.3 Đặc tả chức năng
Hình 4.14. Quy trình tổng quát tiếp nhận và triển khai dịch vụ
78
Hình 4.15. Quy trình đặt thuê sân
“Nguồn: Nhóm thực hiện”
Mô tả: Người dùng muốn đặt một sân bất kì, thì khách hàng cần chọn sân, chọn ngày, chọn
79
khách hàng cần điền chính xác họ tên, số điện thoại để P&S Sport gọi điện lại xác nhận khi cần. Sau đó, P&S Sport sẽ xử lý và tiến hành báo về chủ sân lịch đặt, giao dịch để chủ sân nắm và giao sân cho người dùng khi đến sân.
Bước 1: Chọn khu vực sân.
- Khách hàng lựa chọn khu vực sân mà mình muốn đặt: Thành phố Hồ Chí Minh, Bình Dương.
- Khách hàng lựa chọn quận, huyện mà mình muốn đặt:
+ Đối với TP.HCM: Quận 1 → Quận 12, quận Thủ Đức, Bình Thạnh, Gò Vấp, Tân Bình, Bình Tân.
+ Đối với Bình Dương: Thủ Dầu Một, Dĩ An, Thuận An, Bến Cát, Tân Uyên. - Khách hàng lựa chọn phường, xã cần đặt ứng với quận, huyện vừa thêm ở trên. - Sau khi lựa chọn khu vực xong, bấm “Tìm Ngay”.
Bước 2: Lựa chọn sân.
- Xem thông tin các sân vừa tìm kiếm và nhấp vào lựa chọn sân mà mình cần đặt. - Xem thông tin chi tiết về sân cần đặt.
Bước 3: Lựa chọn thời gian đặt - Chọn ngày cần đặt. - Chọn thời gian cần đặt. - Chọn loại sân.
- Tìm sân trống và chờ hệ thống phản hồi. - Chọn sân muốn đặt.
Bước 4: Thêm phương thức thanh toán. - Điền mã số thẻ thanh toán. - Điền ngày hết hạn thẻ. - Chờ hệ thống xác nhận.
80
Bước 5: Thanh toán và quản lý sân đặt. - Sau khi đã thêm thẻ → thanh toán.
- Hệ thống xác nhận thanh toán thành công.
- Chuyển về quản lý sân, xem thông tin sân đặt và hủy nếu cần.
Hình 4.16. Quy trình hủy sân
“Nguồn: Nhóm thực hiện”
Mô tả: Nếu khách hàng muốn hủy sân thì thì chọn lịch muốn hủy, nếu thỏa điều khoản hủy
sân thì hệ thống sẽ gửi thông báo hủy đặt sân đến với quản trị viên. Quản trị viên sẽ liên hệ trực tiếp lại khách hàng xác nhận chắc chắn là khách hàng có hủy sân hay không, nếu khách hàng
81
hủy thì quản trị viên sẽ xác nhận, hoàn tiền, làm mới lịch đặt sân và thông báo hủy sân về lại cho chủ sân lẫn khách hàng.
4.4 Đặc tả phi chức năng
Tốc độ tải trang của website trước và sau khi tối ưu
Hình 4.17. Tốc độ tải trang trên thiết bị di động trước khi tối ưu
82
Hình 4.18. Tốc độ tải trang trên thiết bị di động sau khi tối ưu
“Nguồn: https://developers.google.com/speed/pagespeed/insights/”
Hình 4.19. Tốc độ tải trang của website trên máy tính trước khi tối ưu