Chương 2 KIẾN THỨC NỀN TẢNG
3.2. Phân tích thiết kế hệ thống
3.2.6. Thiết kế giao diện
3.2.6.1. Danh sách màn hình
STT Phân loại chức
năng Tên màn hình Ý nghĩa/Ghi chú
1 Trang chủ Trang chủ Trang chính của
trang web
145
3 Người dùng Đăng nhập Đăng nhập vào
trang web
4 Sửa thông tin tài
khoản
Sửa thông tin tài khoản của người dùng
5 Trang cá nhân
Trang cá nhân của người dùng
6
Bài viết
Danh sách bài viết
Xem danh sách toàn bộ bài viết.
7 Viết/Sửa bài Thêm/Sửa bài viết
8 Chi tiết bài viết
Xem chi tiết nội dung, comment trong bài viết
9 Nhân số học Xem nhân số học Xem kết quả nhân
số học
3.2.6.2. Mơ tả màn hình (a) Trang chủ
(i) Hình chụp màn hình
146
STT Các biến cố Xử lý
1
Nhấn nút Login - Hệ thống kiểm tra thông tin tài khoản đã nhập - Nếu tài khoản nhập đúng, hệ thống chuyển đến màn hình Trang chủ. - Nếu tài khoản nhập sai, hệ thống báo lỗi tại miền tương ứng. (b) Đăng ký (i) Hình chụp màn hình (ii) Các xử lý trên màn hình STT Các biến cố Xử lý 1
Nhấn nút Sign Up - Hệ thống kiểm tra thông tin tài khoản đã nhập
147
- Nếu tài khoản nhập đúng, hệ thống chuyển đến màn hình Trang chủ. - Nếu tài khoản nhập sai, hệ thống báo lỗi tại miền tương ứng. (c) Đăng nhập (i) Hình chụp màn hình (ii) Các xử lý trên màn hình STT Các biến cố Xử lý 1
Nhấn nút Login - Hệ thống kiểm tra thông tin tài khoản đã nhập - Nếu tài khoản nhập đúng, hệ thống chuyển đến màn hình Trang chủ.
148
- Nếu tài khoản nhập sai, hệ thống báo lỗi tại miền tương ứng. (d) Trang cá nhân (i) Hình chụp màn hình (ii) Các xử lý trên màn hình STT Các biến cố Xử lý 1
Nhấn nút Post - Hệ thống hiển thị danh sách các bài viết của người dùng
2
Nhấn nút Favorite Post - Hệ thống hiển thị danh sách các bài viết người
149
dùng đã like
3
Nhấn nút Saved Post - Hệ thống hiển thị danh sách các bài viết người dùng đã bookmark.
(e) Sửa thông tin cá nhân (i) Hình chụp màn hình
(ii) Các xử lý trên màn hình
STT Các biến cố Xử lý
1
Nhấn nút Save Changes -Hệ thống cập nhật các thay đổi về thông tin tài
150
khoản.
2
Nhấn nút General -Hiển thị form thay đổi thông tin chung
3
Nhấn nút Information -Hiển thị form thay đổi thông tin chi tiết
(f) Danh sách bài viết
151 (ii) Các xử lý trên màn hình
STT Các biến cố Xử lý
1
Nhấn vào bài viết - Hệ thống hiển thị màn hình chi tiết bài viết.
152 2
Nhấn vào số trang - Hệ thống hiển thị các bài viết ở trang tương ứng.
(g) Viết bài viết
(i) Hình chụp màn hình
(ii) Các xử lý trên màn hình
STT Các biến cố Xử lý
1
Nhấn nút Save Changes -Hệ thống lưu bài viết vào database và chuyển về màn hình danh sách bài viết
2
Nhấn nút Cancel -Hệ thống chuyền về màn hình danh sách bài viết
153 3
Nhấn nút Browse -Hiển thị popup để chọn hình ảnh
(h) Chi tiết bài viết
154 (ii) Các xử lý trên màn hình
STT Các biến cố Xử lý
155
comment của người dùng và cập nhật màn hình
(i) Xem nhân số học
(i) Hình chụp màn hình
(ii) Các xử lý trên màn hình
STT Các biến cố Xử lý
156