CHƯƠNG 4: CHƯƠNG 4 : THIẾT KẾ
4.2 Thiết kế giao diện
4.2.6 Trang tin nhắn
4.2.6.1 Giao diện tin nhắn
Hình 4-27: Trang tin nhắn
Mô tả chi tiết các thành phần giao diện:
STT Tên Kiểu Chức năng
1 txtSearchMessage Button Tìm kiếm cuộc trò chuyện trong tin nhắn.
2 listConversations list Liệt kê danh sách các cuộc trò chuyện
2.1 btnConversation Button Mở một cuộc trò chuyện.
3 boxMessage Chứa tin nhắn của người dùng
3.1 btnEmoji Button Thêm emoji vào tin nhắn.
3.2 txtMessage TextBox Nhận tin nhắn cần gửi của người dùng nhập vào.
3.3 btnImg Button Gửi ảnh vào tin nhắn.
3.4 btnSend Button Gửi tin nhắn vào cuộc trò chuyện. 3.5 btnLikeMessage Button Thể hiện yêu thích đối với tin
nhắn.
3.6 btnSettingMessage Button Hiện các chức năng đối với tin nhắn.
3.7 btnDeleteMessage Button Xóa tin nhắn.
3.8 btnForwardMessage Button Chuyển tiếp tin nhắn đó với người dùng khác.
3.9 btnCallVideo Button Thực hiện cuộc gọi giữa các người dùng trong 1 cuộc trò chuyện. 3.10 btnSettingConversation Button Di chuyển qua lại giữa phần cài
đặt cuộc hội thoại và tin nhắn của cuộc hội thoại.
4.2.6.2 Giao diện cài đặt cuộc trò chuyện trong một nhóm
Hình 4-28: Giao diện cài đặt cuộc trò chuyện nhóm
Mô tả chi tiết các thành phần giao diện:
Bảng 4-23: Mô tả thành phần cài đặt cuộc trò chuyện nhóm
STT Tên Kiểu Chức năng
1 listMembers ListView Hiện thị các thành viên trong cuộc trò chuyện.
on
3 btnAddMember Button Thêm thành viên mới vào cuộc trò chuyện .
4 btnDelete Button Xóa cuộc trò chuyện này. 5 btnBlock Button Chặn người lên hệ này . 6 btnReport Button Báo cáo người liên hệ này. 7 btnExitConversation Button Thoát khỏi cuộc trò chuyện này. 8 btnSettingMember Button Admin của nhóm tùy chỉnh một số
chức năng đối với các thành viên khác của nhóm.
Hình 4-29: Popup cài đặt thành viên
Mơ tả chi tiết các thành phần giao diện:
Bảng 4-24: Mô tả thành phần Popup xóa thành viên
STT Tên Kiểu Chức năng
1 Notification box for setting member
Popup box Admin của nhóm tùy chỉnh một số chức năng đối với các thành viên khác của nhóm.
1.1 btnRemoveFromGroup Button Admin của nhóm xóa thành viên khỏi cuộc trò chuyện.
1.2 btnMakeAdmin Button Cấp quyền cho thành viên làm admin của nhóm.
1.3 btnBlock Button Admin của nhóm chăn thành viên khác .
hành động nào.