III. Phân tích thiết kế ứng dụng
5.3 Mô tả chi tiết từng đối tượng
5.3.1.1 Danh sách thuộc tính
MẠNG XÃ HỘI ĐỒ ĂN, THỨC UỐNG 23
STT Tên thuộc tính Loại Ràng buộc Ý nghĩa/ghi chú
1 email String public Email
2 user String Public Tên đăng nhập
3 password String public Mật khẩu
4 fullname String public Tên người dùng
5 imageUrl Number public Đường dẫn ảnh
6 address String public Địa chỉ
7 mobile String public Số điện thoại
8 gender String public Giới tính
9 birthday Date Public Ngày sinh
10 following userID Public Người theo dõi
11 follower userID Public Người đang theo dõi
12 saved postID Public Bài đăng đã lưu
13 story String Public Giới thiệu
5.3.2 Post
STT Tên thuộc tính Loại Ràng buộc Ý nghĩa/ghi chú
1 Image String public Đường dẫn ảnh bài đăng
2 Likes Array public Những người like bài đăng
3 Comment String public Bình luận
4 User userID public Người đăng bài
5.3.3 Conversation
STT Tên thuộc tính Loại Ràng buộc Ý nghĩa/ghi chú
1 Recipients Array public Những người nhận
2 Text String public Văn bản
3 Media Array public Phương tiện
4 Call Object public Cuộc gọi
MẠNG XÃ HỘI ĐỒ ĂN, THỨC UỐNG 24
5.3.4 Message
STT Tên thuộc tính Loại Ràng buộc Ý nghĩa/ghi chú
1 Conversation String public Mã hội thoại
2 Sender String public Người gửi
3 Recipient userID public Người nhận
4 Text String public Văn bản
5 Media Array public Phương tiện
6 Call Object public Cuộc gọi
5.3.5 Comment
STT Tên thuộc tính Loại Ràng buộc Ý nghĩa/ghi chú
1 User String public Người bình luận
2 Content String public Nội dung
3 Tag Object public Gắn thẻ
4 Reply String public Trả lời
5 Likes Array public Người thích bình luận
6 postId postID public Người đăng bài
5.3.6 Notify
STT Tên thuộc tính Loại Ràng buộc Ý nghĩa/ghi chú
1 User String public Người tạo thông báo
2 Recipients Array public Những người nhận thông báo
3 Url String public Đường dẫn
4 Text String public Tiêu đề thông báo
5 Content String public Nội dung thông báo
6 Image String public Đường dẫn ảnh
6. Cài đặt và demo giải thích các chức năng chính 6.1. Cài đặt
• Các thiết bị có hỗ trợ duyệt web trên các trình duyệt như Edga, Firefox, Chrome, Safari, v.v..
MẠNG XÃ HỘI ĐỒ ĂN, THỨC UỐNG 25
6.2. Demo giải thích các chức năng chính 6.2.1. Đăng nhập
- Sau khi chạy chương trình lên thì ta có màn hình đăng nhập, người dùng đăng nhập bằng tài khoản và mật khẩu mình đã đăng ký. Khi đăng nhập thành công chương trình sẽ hiển thị những tác vụ có thể thực hiện tùy theo quyền mà tài khoản đăng nhập đó có được.
Hình 13 Màn hình đăng nhập
- Email: tên đăng nhập vào hệ thống - Password: mật khẩu truy cập
- Nút Log In: thực hiện đăng nhập vào hệ thống - Nút Register Now: chuyển trang đăng kí
MẠNG XÃ HỘI ĐỒ ĂN, THỨC UỐNG 26
6.2.2. Đăng ký (Khách hàng tạo tài khoản)
Hình 14 Màn hình đăng kí
- Bạn có thể quay lại màn hình đăng nhập khi nhấn nút “Login Now”
nếu đã có tài khoản.
- Full name: tên người dùng - User Name: tên đăng nhập
- Email address: tài khoản đăng nhập - Password: mật khẩu
- Confirm password: xác nhận mật khẩu - Nút Register : chọn để tạo tài khoản
- Nút Sign In : chọn để quay về trang đăng nhập 6.2.3. Trang chính
Mô tả: Trong màn hình home hiển thị các bài đăng từ những người mà người dùng đã follow, gợi ý những người dùng khác và thanh header có thể tìm kiếm chuyển qua trang tuỳ chỉnh khác.
MẠNG XÃ HỘI ĐỒ ĂN, THỨC UỐNG 27 Hình 15 Màn hình trang Home
- Thanh header:
• Enter to Search: tìm kiếm người dùng khác.
• Button Home: khi ở trang khác thì sẽ chuyển về trang chủ
• ButtonMessage: chuyển sang trang tin nhắn
• Button Notify: hiện các thông báo
Hình 15a Notify
• Button Profile: hiện các tuỳ chọn Profile/Dark mode/ Logout
MẠNG XÃ HỘI ĐỒ ĂN, THỨC UỐNG 28 Hình 15b Profile menu
- Text box đăng bài: nhấn vào sẽ hiện chức năng đăng bài viết, người dùng có thể viết nội dung và tải ảnh
- Nút tuỳ chọn trong: hiển thị tuỳ chọn copy link bài viết
- Các chức năng khác trong bài viết như like, comment, chia sẻ, lưu bài viết hay vào trang người đăng bằng cách nhấn vào tên người dùng hoặc avatar người dùng của bài viết đó.
6.2.4. Trang tin nhắn
Hình 16 Trang tin nhắn
MẠNG XÃ HỘI ĐỒ ĂN, THỨC UỐNG 29
- Sau khi nhấn nút Message ở Header sẽ chuyển sang trang nhắn tin - Enter to search: Search người dùng để nhắn tin, chỉ tìm được những
người mà người dùng đó đã follow.
- Ô hội thoại: nhấn vào hội thoại người dùng cần xem.
- Sau khi nhấn vào một người để nhắn tin hoặc 1 ô hội thoại, các tin nhắn sẽ hiện ở bên phải.
- Nút Call: chức năng gọi điện.
- Nút Video Call: chức năng gọi video call - Nút Xoá: xoá hội thoại.
- Nút Icon: hiện các icon cho soạn tin nhắn.
- Nút Ảnh: chọn ảnh để gửi.
- Nút Gửi: gửi tin nhắn đã soạn.
6.2.5. Trang Profile
Hình 17 Trang Profile
Mô tả: Màn hình sẽ hiển thị thông tin của mình gồm các thông tin cá nhân và bài đã đăng, đã lưu kèm các chức năng liên quan.
- Button Edit Profile: người có thể chỉnh sửa thông tin, sau đó ấn Save để lưu
MẠNG XÃ HỘI ĐỒ ĂN, THỨC UỐNG 30 Hình 18 Chỉnh sửa thông tin cá nhân
- Button Post/ Save: chuyển sang các bài đã đăng/ đã lưu tương ứng.
- Sau khi ấn vào các bài viết thì sẽ chuyển hướng trang sang bài viết đó
Hình 19 Bài viết