Chương 3. HIỆN THỰC HỆ THỐNG
3.1. Tổng quan hệ thống mua sắm thông minh
3.1.8. Trang web so sánh giá
Web được xây dựng trên nền tảng ASP.NET MVC, lấy dữ liệu từ SQL Server lưu trữ các dữ liệu rút trích về.
1) Khuyến nghị sản phẩm
• Khuyến nghị dựa trên đánh giá của khách hàng
Hình 3.26: Hệ thống khuyến nghị
- Hệ thống sẽ lấy số lần khách hàng bấm vào sản phẩm cũng như để lại đánh giá sản phẩm sau đó sẽ tổng hợp lại dữ liệu sau đó cho qua hệ thống Recommend System để phân tích dữ liệu để dưa ra những sản phẩm thích hợp cho khách hàng.
- Mỗi khách hàng sẽ được khuyến nghị những sản phẩm khác nhau dựa vào sở thích cũng như đánh giá của khách hàng.
• Khuyến nghị dựa trên loại sản phẩm khách hàng đang xem
- Khi chúng ta nhấn vào trang sản phẩm Điện thoại thì hệ thống khuyến nghị sẽ ngẫu nhiên ra một danh sách sản phẩm là Laptop hoặc Máy tính bảng cứ vậy nếu chọn Laptop thì sẽ ngẫu nhiên Máy tính bảng hoặc Điện thoại và sẽ không trùng với loại sản phẩm đang chọn.
65
Hình 3.27: Hệ thống khuyến nghị dựa trên loại sản phẩm
- Cũng giống với khuyến nghị trên thì đây cũng hoạt động y như vậy nhưng chỉ hiển 3 sản phẩm.
Hình 3.28: Hệ thống khuyến nghị top 3 sản phẩm giá rẻ ngẫu nhiên
• Khuyến nghị dựa trên khi khách hàng bấm vào xem sản phẩm
Hình 3.29: Hệ thống khuyến nghị khi bấm vào xem một sản phẩm
- Khuyến nghị sản phẩm cho khách hàng khi khách hàng nhấn vào sản phẩm dựa vào loại sản phẩm mà khách hàng đang coi sau đó dùng công thức đê đưa ra khuyến nghị:
Point = diemrating*0.5 + Solanclick*0.3 + Search*0.2 <– Ratingam>
• Khuyến nghị dựa trên tìm kiếm khách hàng
- Khi nhấn tìm kiếm sẽ đến trang hiển thị các sản phẩm liên quan đến từ khóa tìm kiếm.
Hình 3.30: Layout tìm kiếm - Khuyến nghị theo từ khóa tìm kiếm.
67
Hình 3.31: Khung khuyến nghị sản phẩm dựa trên từ khóa tìm kiếm
- Hệ thống sẽ lấy từ khóa vừa mới tìm vào trong cơ sở dữ liệu tìm và tìm ra được CategoryID của san phẩm mới tìm.
- Sau đó sẽ lấy tất cả các sản phẩm thuộc Category mới tìm được và ngoại trừ các sản phẩm có cùng tên với từ khóa tìm.
- Hiển thị các sản phẩm mà khách tìm đồng thời hiện các sản phẩm khuyến nghị dựa vào từ khóa.
- Thừa hưởng hàm trên ta sẽ dựng thêm lấy 3 sản phẩm rẻ nhất.
Hình 3.32: Layout khung khuyến nghị sản phẩm giá rẻ dựa vào từ khóa tìm kiếm
2) Chức năng đăng nhập
Hình 3.33: Form đăng nhập - Sẽ có 3 hình thức đăng nhập trên web:
+ Đăng nhập bằng tài khoản tạo trên web.
+ Đăng nhập bằng tài khoản Facebook và Gmail, kiểm tra xem tài khoản đã từng lần nào đăng nhập trang web chưa nếu chưa thì lưu thông tin tài khoản đó vào cơ sở dữ liệu.
3) Chức năng đăng kí tài khoản
Hình 3.34: Form đăng ký
- Cho khách hàng có thể tạo tài khoản trên web, tích hợp đầy đủ bắt lỗi khi khách hàng nhập thông tin sai khi đang tạo tài khoản.
69 4) Chức năng quên mật khẩu
Hình 3.35: Form quên mật khẩu
- Chức năng dành cho khách hàng quên mật khẩu đăng nhập của mình, khách hàng nhập mail đã đăng kí cho tài khoản sau đó vô mail để lấy thông tin tài khoản.
Hình 3.36: Khôi phục mật khẩu 5) Chức năng đăng xuất
Kiểm tra xem tài khoản đăng nhập bằng hình thức nào nếu đăng nhập bằng tài khoản tự tạo thì sẽ đăng xuất bằng hàm đăng xuất dành cho tài khoản tự tạo. Nếu đăng nhập bằng facebook hoặc gmail sẽ có hàm đăng xuất riêng của hình thức đăng nhập này.
6) Các chức năng trong trang chủ
• Hiển thị 20 sản phẩm mới được đưa vào hệ thống
Hình 3.37: List sản phẩm mới
• Hiển thị Top 20 điện thoại có giá rẻ nhất được sắp xếp tăng dần
Hình 3.38: List 20 điện thoại giá rẻ nhất
• Hiển thị Top 6 sản phẩm rẻ nhất của 3 loại sản phẩm là Mobile, LapTop và Tablet
Hình 3.39: Ba list sản phẩm Top 6 các loại sản phẩm giá rẻ 7) Hiển thị trung bình các sao mà khách hàng đánh giá
Hình 3.40: Layout của một sản phẩm
- Mỗi một sản phẩm đều có chỗ thể hiện sao mà khách hàng đánh giá, nó sẽ
71
được tính tổng trung bình cộng các lượt đánh giá và làm tròn số.
- Chức năng này cho người dùng biết sản phẩm này được đánh giá như thế nào một cách nhanh nhất là nhìn số sao mà nó đạt được.
8) So sánh giá ở các web đang bán sản phẩm đó
Hình 3.41: Layout của một sản phẩm
- Mỗi ô sản phẩm đều có nút cho phép chúng ta biết chỗ nào bán sản phẩm này nhanh nhất mà không cần phải vô chi tiết sản phẩm để biết nó được bán ở đâu đồng thời so sánh giá ở các web bán sản phẩm đó và phần trăm khuyến mãi, khi chúng ta cuộn xuống sẽ thấy nút truy cập đến trang web bán sản phẩm đó.
Hình 3.42: Các chức năng trong Modal 9) Chức năng tìm kiếm có gợi ý và auto complete
Hình 3.43: Khung tìm kiếm
- Cho phép user khi gõ tìm kiếm thì sẽ xuất ra hàng loạt gợi ý với từ khóa mà khách đang tìm, nếu trỏ chuột vào từ gợi ý sẽ tự động complete chuỗi tìm kiếm người dùng nhấn vào để đến trang sản phẩm mong muốn.
10) Báo cáo lỗi hoặc đóng góp ý kiến từ khách hàng
- Khi gặp một lỗi nào đó hoặc một vấn đề cần góp ý hoặc cần giúp đỡ khách hàng có thể gửi đến admin để nhận được sự giúp đỡ nhanh chóng từ admin cũng như giúp web phát hiện ra những lỗi để kịp thời chỉnh sửa.
Hình 3.44: Báo cáo lỗi hoặc góp ý
- Sau khi bấm nút gửi thì nội dung sẽ được gửi đến email admin, sau đó admin sẽ tiếp nhận thông tin với nội dung cần giúp đỡ cũng như tài khoản đã gửi ý kiến
Hình 3.45: Nội dung ý kiến khách hàng gửi đến email quản lý 11) Chức năng hiển thị từng loại sản phẩm
- Trong thực hiện demo lên sever nhóm tổng hợp dữ liệu có 3 loại sản phẩm
73
là: Điện thoại, Máy tính bảng và Laptop.
Hình 3.46: Layout danh sách điện thoại
- Khi khách hàng đến đến Catepage loại nào thì sẽ hiện ra loại đó với đầy đủ các sản phẩm kèm theo được sắp xếp tăng dần.
12) Phân sản phẩm theo tên hãng
- Đối với mỗi loại sản phẩm sẽ có các hãng khác nhau, khi ở một trang category loại nào thì sẽ hiện ra các hãng bán điện thoại loại đó.
Hình 3.47: Sắp xếp theo hãng 13) Lọc sản phẩm theo giá
- Cho phép khách hàng lọc các sản phẩm theo giá.
- Lọc theo hãng: đầu tiên nhấn vào hãng mình muốn lọc sau đó kéo giá hợp lý rồi nhấn “Tìm kiếm”.
Hình 3.48: Layout sắp xếp theo giá và hang 14) Trang thông tin tài khoản
Hình 3.49: Layout của trang thông tin khách hàng
- Sẽ đưa ra thông tin của tài khoản cũng như số liệu thống kê về số lần bạn xem một sản phẩm cũng như sản phẩm bạn đã đánh giá.
75
Hình 3.50: Số lần click của khách hàng với sản phẩm - Đưa ra thông tin sản phẩm bạn đã Click vào xem.
Hình 3.51: Danh sách sản phẩm mà đã đánh giá
- Thống kê những sản phẩm bạn đã đánh giá cũng như số điểm của bạn đã đánh giá cho sản phẩm
Hình 3.52: Nút thay đổi mật khẩu đối với user tạo ở web
Đối với những tài khoản đăng ký trực tiếp trên web thì sẽ được đổi mật khẩu nếu như khách hàng muốn đổi, chỉ áp dụng đối với tài khoản được tạo trực tiếp trên web còn đăng nhập bằng facebook hoặc gmail sẽ không có chức năng này.
Hình 3.53: Layout thay đổi mật khẩu 15) Phân trang sản phẩm
Tất nhiên là một trang không thể nào hiển thị hết tất cả sản phẩm nếu hiển thị hết thì UI sẽ rất tệ nên cần phải có hệ thống phân trang.
Hình 3.54: Phân trang sản phẩm 16) Trang chi tiết sản phẩm
Hình 3.55: Layout một sản phẩm - Nhấn vào nút Xem Chi Tiết để đến chi tiết sản phẩm.
77
Hình 3.56: Layout trang chi tiết điện thoại
- Vào đến chính trang chi tiết sản phẩm của sản phẩm mình Click vào, thể hiện đầy đủ hình ảnh, tên sản phẩm, số sao, số bình luận, giá gốc, giá khuyến mãi cũng như phần trăm giảm, các trang web bán sản phẩm.
17) Bình luận và đánh giá sản phẩm
Hình 3.57: Hệ thống bình luận và đánh giá sản phẩm
- Khách hàng có thể để lại đánh giá bản thân về sản phẩm và cho sao đánh giá sản phẩm
- Tổng hợp lại các sao mà được khách hàng đánh giá bằng trung bình cộng các sao rồi chia tổng bình luận
- Hiển thị được bình luận cũng như đếm được sản phẩm có bao nhiêu 4 sao, 5 sao,…
- Dùng đoạn javacript đế lấy các giá trị bình luận.
<script type="text/javascript">
$(document).ready(function () {
$(".rating").click(function () {
$("#takevalue").val($(this).val());
});$("#submit-cmt").click(function () { var name = $("#name").val();
var email = $("#email").val();
var content = $("#content").val();
var rating =$("#takevalue").val();
$.post("/Comment/InsertCMT",{productID: @Model.ProductID, commentator: name, email:email, content:content,
cmtRank:rating},function(cmtResultID){
if(parseInt(cmtResultID) > 0) { alert("Comment thành công!");
}else{
alert("Comment thất bại!");
});} });});
function goTo(ids) { window.location = ids;
c. SQL Server Integration Services
Tổng hợp dữ liệu cào từ file .txt sang dạng SQL Server để hiển thị lên web cũng như có nhiệm vụ xuất dữ liệu cần thiết như danh sách sản phẩm mà khách hàng đã đánh giá, tính chất của một sản phẩm để cho hệ thống khuyến nghị thực hiện chức năng phân tích và đưa ra khuyến nghị thích hợp và nhiệm vụ cuối cùng của SSIS là nhận những dữ liệu mà hệ thống khuyến nghị phân tích ra sau đó thêm vào SQL Server để web lấy dữ liệu mà khuyến nghị cho khách hàng.
79
Hình 3.58: Một package sẽ là một quy trình biến đổi dữ liệu của SSIS
Hình 3.59: Nhiệm vụ của một task