- Tự động xác nhận đơn hàng qua tin nhắn: Khi người bán xác nhận đơn hàng
đã được xác nhận, tin nhắn tự động sẽ được gửi về cho người mua thơng qua API của bên thứ 3.
Hình 62. Tự động xác nhận đơn hàng qua tin nhắn
Khóa luận tốt nghiệp Xây dựng và phát triển website thương mại điện tử tại cửa hàng thời trang Bích Lụa
Hình 63. Tải lên nhiều ảnh đồng thời
- Messenger plugin cho website: Sử dụng Messenger plugin kết hợp cùng với JavaScript SDK của Facebook để triển khai Messenger trên trang web, giúp cho việc tương tác giữa người mua và người bán trở nên thuận tiện hơn. Công cụ này giúp giải quyết công việc một cách nhanh chóng nhất khi người dùng có nhu cầu đặt hàng hay có vấn đề cần khiếu nại, giải quyết thắc mắc.
First Contentful Paint S 0.6 Time to Interactive 2.5 S
■Speed Index 2.0 s
Total Blocking Time 50 ms
■Largest Contentful Painte 1.6
s ■ Cumulative Layout Shifte 0.191
- ■ r B ⅜ f ^
n J ɪ 1 ∙ - ∙ , ∙ ? 2 * Ĩ ∙ M j .1 V,
■Remove unused JavaScript -------------- 0.72 s v
■Serve images in next-gen formats — 0.48 s v
■Efficiently encode images — 0.28 s v
Khóa luận tốt nghiệp Xây dựng và phát triển website thương mại điện tử tại cửa hàng thời trang Bích Lụa
Hình 64. Messenger plugin cho website
1.4. Triển khai hệ thống
Sau khi cơ bản hồn thiện dự án trên local thì em tải website lên hosting để tiến hành thực nghiệm và sử dụng các trang đo hiệu năng để tính tốn hiệu năng của trang web
Khóa luận tốt nghiệp Xây dựng và phát triển website thương mại điện tử tại cửa hàng thời trang Bích Lụa
Lab Data
Opportunities - These suggestions can help your page load faster. They don't directly affect the
Performance score.
Performance Scores Page Details
PageSpeed Score YSIow Score Fully Loaded Time Total Page Size estsRequ
C(79%)∙ w(75%)φ 3.3s^ 1.83MB^ 7 4-
Hình 65. Hiệu năng của website theo Googple Pagespeed Insight
Latest Performance Report for: https∣√bichluastore.OOOwebhostapρ.com/
Report generated: Sunj Jun 7, 2020 10:11 PM -0700 dξ⅛ be usins a cdn
. I 3 . . , yg⅛∕ Whvshouki I use a CDN? ⅞
Test Server Region: H Vancouver, Canada
Using: Chrome (Desktop) 75.03770.100, PageSpeed 1.15-gt13,
+ Tốc độ load trang ban đầu cao.
+ Tối ưu hóa được CSS và JavaScript giúp trang web load nhanh hơn + Hạn chế được các hidden element, giảm thiểu thời gian tải trang. + Hạn chế chuyển hướng sang các trang khác.
+ Sử dụng video thay thế cho các file gif nặng, giúp tăng hiệu năng trang web và tiết kiệm được dữ liệu mạng.
+ Tránh kích thước của DOM quá lớn + Thời gian chạy JavaScript ngắn
+ Sử dụng các hỗ trợ của bên thứ 3 một cách hiệu quả, chỉ sử dụng khi trang đã được load đầy đủ.
Passed audits (17) ʌ
• Eliminate render-blocking resources — Potential savings of 100 ms V
• Properlysizeimages V
• Defer offscreen images V
Minify CSS - Potential savings of 6 KB V
Minify JavaScript - Potential savings of 47 KB V
Enabletextcompression V
Preconnect to required origins V
Avoid multiple page redirects V
Preload key requests V
Use video formats for animated content V
Avoids enormous network payloads — Total size was 1,901 KB V
Avoids an excessive DOM size — 277 elements V
User Timing marks and measures V
• JavaScript execution time — 0.5 S V
• Minimizes main-thread work — 1.5 S V
• Minimizethird-Partyusage -Third-PartycodebIockedthemainthreadforTOms V
Hình 66. Hiệu năng của website theo Gmetrix
Từ các thông số ở trên ta thấy được các điểm mạnh và điểm yếu của website khi Khóa luận tốt nghiệp Xây dựng và phát triển website thương mại điện tử tại cửa
hàng thời trang Bích Lụa
- Điêm yếu:
+ Tốc độ di chuyên giữa các trang chỉ ở mức trung bình + Có nhiều file CSS và JS dư thừa, khơng sử dụng
+ Có nhiều file có nội dung nặng gây ảnh hưởng tới tốc độ tải của trang.
+ Nhiều layout có kích thước q lớn do chưa tách ra làm các component nhỏ hơn làm tăng độ trễ của trang
+ Các file tĩnh chưa được lưu trữ hợp lý làm tăng cache của website
Diagnostics - More information about the performance of your application. These numbers don't directly
affect the Performance score.
A Ensuretextremainsvisiblecluringwebfontload V
A Doesnotusepassivelistenerstoimprovescrollingperformance V
A Serve static assets with an efficient cache policy - 27 resources found V
• Avoid chaining critical requests - 18 chains found V
• Keep request counts low and transfer sizes small - 76 requests ∙ 1,901 KB V
• Largest Contentful Paint element - 1 element found V
• Avoid large layout shifts - 5 elements found V
Hình 68. Điểm yếu của website
Khóa luận tốt nghiệp Xây dựng và phát triên website thương mại điện tử tại cửa hàng thời trang Bích Lụa
Khóa luận tốt nghiệp Xây dựng và phát triên website thương mại điện tử tại cửa hàng thời trang Bích Lụa
RECOMMENDATION
τ Leverage browser caching
v Defer parsing of Java Script
v MinifyJavaScript
v Avoid bad requests
v Optimize images
v Specify image dimensions
v MinifyCSS
v Specify a character set early
v Avoid landing page redirects
v Enable compression
v Enable Keep-Alive
▼ Inline small CSS
v Inline small JavaScript
τ Minimize redirects
▼ Minimize request size
τ PutCSSinthedocumenthead
v Serve resources from a consistent URL
v Serve scaled images
v Specify a cache validator
v Combine images using CSS sprites
v Avoid CSS ©import
v Prefer asynchronous resources
v Avoid a character set in the meta tag
GRADE TVPE SERVER JS JS CONTENT IMAGES IMAGES CSS CONTENT SERVER SERVER SERVER CSS JS CONTENT CONTENT CSS CONTENT IMAGES SERVER IMAGES CSS JS CONTENT PRIORITY HIGH HIGH HIGH HIGH HIGH MEDIUM HIGH MEDIUM HIGH HIGH HIGH HIGH HIGH HIGH HIGH HIGH HIGH HIGH HIGH HIGH MEDIUM MEDIUM LOW
Hình 69. Chấm điểm và khuyến nghị cho website
Từ những điêm mạnh và điêm yếu, em có thê xác định được những điêm mà website nên cần cải thiện
- Giảm thiêu các file JS và CSS không sử dụng.
- Sử dụng các đuôi ảnh như JPEG 2000 hay WebP thay thế cho PNG và JPG, giúp cải thiện tốc độ tải trang cũng như tải ảnh
- Tối ưu hóa hình ảnh cải thiện thời gian tải trang và giảm lượng dữ liệu cần sử dụng
- Cải thiện host
1.5. Đánh giá hệ thống
Khóa luận tốt nghiệp Xây dựng và phát triển website thương mại điện tử tại cửa hàng thời trang Bích Lụa
- Trang quản trị đáp ứng được phân quyền chức năng, người dùng chỉ có thể sử dụng được cơng việc của mình, tránh tình trạng chồng chéo cơng việc cũng như
sai sót
trong xử lý.
- Các chức năng bán hàng, thanh toán, và quản lý hàng đều hoạt động tốt, đã xử lý
được các lỗi trong quá trình vận hành, cải thiện được tốc độ làm việc, và thông
báo được
lỗi đến người dùng khi xảy ra vấn đề.
- Giao diện dễ sử dụng, giúp khách hàng cũng như người quản trị có thể dễ dàng thao tác trên website.
Bên cạnh các ưu điểm, hệ thống vẫn còn tồn tại một số nhược điểm còn tồn tại: - Giao diện còn chưa gây được cuốn hút với người dùng.
- Hệ thống được build từ các host và domain miễn phí, do đó băng thơng cũng như
Khóa luận tốt nghiệp Xây dựng và phát triển website thương mại điện tử tại cửa hàng thời trang Bích Lụa
KẾT LUẬN
1. Ket quả đạt được của đề tài
Xuất phát từ yêu cầu xây dựng một hệ thống bán hàng và quản lý hàng thời trang trên nền tảng website, đề tài đã trình bày một cách tổng quan về tình hình thực tế của cửa hàng, qua đó đưa ra được các phương hướng giải quyết vấn đề. Sau q trình phân tích, thiết kế và xây dựng website, đề tài đã thu được sản phẩm khá hoàn thiện, đầy đủ các chức năng cần thiết của một website bán hàng cần có, đồng thời bổ sung được các chức năng thông minh mới nhằm cải thiện trải nghiệm người dùng với website.
2. Những điểm yếu cịn tồn tại
Bên cạnh những điểm tích cực thì hệ thống vẫn cịn những điểm yếu do nhiều yếu tố như kiến thức hay thời gian:
- Tính năng xử lý trả hàng và một phần của tính năng nhập hàng chưa được xây dựng.
- Hệ thống thanh toán trực tuyến chưa được tối ưu. - Giao diện vẫn còn đơn giản, dữ liệu vẫn cịn ít
- Một số tính năng chạy khơng ổn định trên host. Do là host miễn phí nên băng thơng, phiên bản cũng như dung lượng rất kém, dễ gây những lỗi khơng đáng có.
3. Hướng phát triển của đề tài
- Xây dựng xong hoàn toàn hệ thống nhập hàng, xử lý trả hàng và thanh toán trực tuyến.
- Thêm các chức năng thông minh cho trang web như chatbot tự động bán hàng và
trả lời khách hàng.
- Hỗ trợ thêm giao diện cho thêm nhiều thiết bị. - Tối ưu tốc độ của trang web.
Khóa luận tốt nghiệp Xây dựng và phát triển website thương mại điện tử tại cửa hàng thời trang Bích Lụa
TÀI LIỆU THAM KHẢO
Tiếng Việt
[1] Nguyễn Văn Vinh, Phạm Hồng Thái, Trần Quốc Long, Giáo trình lập trình
nâng cao, Nhà xuất bản Đại học Quốc gia Hà Nội, 2019.
Tiếng Anh
[2] Robin Nixon, Learning PHP, MySQL & JavaScript- With jQuery, CSS &
HTML5, 2018
[3] Matt Zandstra, PHP Objects, Patterns, and Practice, Apress, 2015
[4] Stig Sæther Bakken, Alexander Aulbach, Egon Schmid, Jim Winstead, Lars Torben Wilson, Rasmus Lerdorf, Andrei Zmievski, Jouni Ahto, PHP Manual, 2003
[5] Netflix, How Netflix’s Recommendations System Works,
https://help.netflix.com/en/node/100639
https://towardsdatascience.com/deep-dive-into-netflixs-recommender-system- 341806ae3b48 , 2020.