Tổng quan về giao diện Giao diện chi tiết và chức năng

Một phần của tài liệu Tìm hiểu ngôn ngữ lập trình scala, xây dựng website chia sẻ ảnh trực tuyến (Trang 40 - 44)

- Phần trên của trang web:

1.3.2 Tổng quan về giao diện Giao diện chi tiết và chức năng

1.3.2.1 Giao diện người dùng

Menu ngang

Tại menu ngang bao gồm các liên kết đến với trang chủ, danh mục hình ảnh, giới thiệu, hướng dẫn và liên hệ. Ngoài ra phía bên trái còn có thanh tìm kiếm.

Với danh mục hình ảnh, người dùng có thể lựa chọn để xem theo mỗi thể loại hình ảnh khác nhau.

Hình 3.: Giao diện hình ảnh theo danh mục

- Thanh tìm kiếm:

Người dùng có thể tìm kiếm theo tên các hình ảnh mà mình muốn, kết quả sẽ trả về danh sách các hình có tên gần giống với từ khóa tìm kiếm. Bên dưới là kết quả tìm kiếm với từ “ mèo”

Hình 3.: Giao diện tìm kiếm

- Chi tiết hình ảnh

Khi người dùng nhấn vào hình ảnh nào đó, nó sẽ chuyển đến trang hiển thị chi tiết sản phầm đó với tên ảnh, ngày đăng, số lần xem, số lần thích, người đăng, nút like và share facebook.

Hình 3.: Giao diện chi tiết hình ảnh

Khi đặt chuột lên hình, nó sẽ phóng to hình bên cạnh để người dùng thấy nó ở kích thước lớn hơn.

Hình 3.: Hình ảnh phóng lớn khi rê chuột vào

Ngoài ra trang chi tiết sản phẩm còn có hiển thị những hình ảnh cùng người đăng để người dùng dễ dàng xem

- Đăng ký thành viên

Người dùng có thể đăng ký làm thành viên của trang web để có thể đăng hình và thực hiên nhiều chức năng hơn. Để đăng ký người dùng nhấn vào chức năng đăng ký ở menu phần đầu trang web. Sau đó cung cấp những thông tin cần thiết như tài khoản, mật khẩu, email… để hoàn tất đăng ký.

Hình 3.: Giao diện đăng ký thành viên

Một phần của tài liệu Tìm hiểu ngôn ngữ lập trình scala, xây dựng website chia sẻ ảnh trực tuyến (Trang 40 - 44)

Tải bản đầy đủ (DOCX)

(54 trang)
w