Nhằm mang tới một cái nhìn mới mẻ cho dạng thương mại điện tử truyền thống, nhóm thể hiện các cửa hàng trên nền bản đồ giúp người dùng có được cái nhìn khá tổng quan về chợ điện tử nhằm tìm được sản phẩm ưng ý ở cửa hàng thuận tiện nhất. Đây là chức năng thể hiện nét đặc trưng của một website mua bán hàng dựa trên vị trí. Mô tả chi tiết về chức năng này được thể hiện trong phần 3.5 của khóa luận này. Dưới đây là kết quả nhóm đạt được sau khi tiến hành cài đặt:
Hình 3: Hiển thị cửa hàng trên bản đồ
Để người dùng có cái nhìn tổng quan về các cửa hàng trên bản đồ, nhóm cài đặt chức năng tooltip cho các marker. Khi người dùng rê chuột qua các marker đại diện cho các cửa hảng, những thông tin cơ bản của cửa hàng đó, bao gồm logo, tên, địa chỉ, email, số điện thoại, sẽ được hiển thị.
Hình 3: Hiển thị thông tin cửa hàng dưới dạng tooltip
Với chức năng này, người dùng có thể xem thông tin của cửa hàng trực tiếp trên bản đồ bằng cách nhấp chuột vào biểu tượng của cửa hàng. Hệ thống sẽ hiển thị một số thông tin của cửa hàng như thông tin các sản phẩm mới; thông tin liên hệ: địa chỉ, email, điện thoại; thông tin của cửa hàng: giờ mở cửa, giờ đóng cửa, mô tả chi tiết, hình ảnh, video, …
Hình 3: Xem thông tin các sản phẩm mới của cửa hàng trên bản đồ
Người dùng cũng có thể xem thông tin cửa hàng và video giới thiệu về cửa hàng:
Hình 3: Xem thông tin cửa hàng trên bản đồ
liên kết xem chi tiết cửa hàng khi người dùng đang xem thông tin của cửa hàng trên bản đồ, hệ thống sẽ chuyển sang trang xem chi tiết của cửa hàng mà người dùng vừa chọn:
Hình 3: Trang xem thông tin chi tiết cửa hàng
Ở trang xem chi tiết cửa hàng, hệ thống hiển thị các thông tin liên hệ, mô tả, hình ảnh, video cũng như vị trí của cửa hàng trên bản đồ.
Ngoài ra, trang này cũng hiển thị các sản phẩm mới nhất của cửa hàng và các sản phẩm được xem nhiều nhất của cửa hàng, người dùng có thể xem các thông tin sơ lược của sản phẩm, liên kết sang trang xem chi tiết sản phẩm, hoặc liên hệ để mua sản phẩm:
Hình 3: Tìm kiếm sản phẩm của cửa hàng theo danh mục sản phẩm
Người dùng vẫn có thể xem vị trí cửa hàng trên trang bản đồ khi chọn chức năng “Xem trên bản đồ”, khi đó hệ thống sẽ di chuyển bản đồ tới vị trí cửa hàng và phóng to bản đồ để người xem có thể thấy rõ hơn:
Hình 3: Xem cửa hàng trên bản đồ
Ở chức năng này, thông tin chi tiết của sản phẩm được thể hiện. Ngoài những thông tin chung như giá sản phẩm, số lượt xem, mô tả sản phẩm, …, người dùng có thể thấy được các thông số sản phẩm, các sản phẩm liên quan và các sản phẩm cùng hãng sản xuất. Nếu ưng ý với sản phẩm, người dùng có thể liên hệ đặt mua. Nếu có ý kiến về sản phẩm, người dùng có thể đánh giá hoặc để lại bình luận cho sản phẩm.
Hình 3: Thông số sản phẩm
Khi người dùng chọn nút “Mua” một sản phẩm, hệ thống sẽ hiển thị màn hình mua bao gồm thông tin của sản phẩm, thông tin cửa hàng bán sản phẩm đó và yêu cầu người dùng nhập vào thông tin liên hệ: địa chỉ, điện thoại, email và ghi chú thêm để chủ cửa hàng có thể liên lạc trực tiếp:
Hình 3: Xác định vị trí bằng cách nhập vào địa chỉ