Thiết kế giao diện
Hình 3.1: Giao diện “Đăng nhập”
Danh sách các đối tượng
Bảng 3.1: Danh sách các đối tượng giao diện “Đăng nhập”
STT Tên Loại control Ghi chú
1 Label Đăng nhập Text 2 Khung nhập liệu số điện
thoại Edit Text
Đầu vào chuẩn theo số điện thoại, bắt đầu bằng số 0
3 Khung nhập liệu mật khẩu Edit Text Password in ra màn hình là các “*” 4 Đăng nhập Button
5 Tạo tài khoản mới Button 6 Quên mật khẩu TextView
56
Thiết kế xử lí
Hình 3.2: Đánh số các xử lý giao diện “Đăng nhập” Bảng 3.2: Danh sách các xử lý giao diện “Đăng nhập”
STT Tên xử lý Điều kiện gọi thực hiện Ghi chú
1 Validate số điện thoại Textbox số điện thoại focus out 2 Validate mật khẩu Textbox mật khẩu focus out 3 Đăng nhập Nhấn vào buttton “Đăng nhập”
4 Tạo tài khoản mới Nhấn vào button “Tạo tài khoản mới” 5 Quên mật khẩu Nhấn vào textview “Quên mật khẩu”
57
Bảng 3.3: Sơ đồ luồng – Mô tả dữ liệu giao diện “Đăng nhập”
Sơ đồ luồng dữ liệu Mô tả dữ liệu
Hình 3.3: Sơ đồ luồng dữ liệu giao diện “Đăng nhập”
D1: Thông tin đăng nhập (số điện thoại, mật khẩu). D3: Danh sách user.
D4: D1.
D6: Thông báo tài khoản không tồn tại, biểu mẫu BM_G_Login, biểu mẫu BM_U_ViewHome, biểu mẫu BM_A_ViewHome.
Thuật toán:
- Bước 1: Đưa biểu mẫu giao diện “Đăng nhập” cho người dùng thông qua D6.
- Bước 2: Nhận D1 từ Guest.
- Bước 3: Mở kết nối CSDL .
- Bước 4: Lấy danh sách các user.
- Bước 5: Kiểm tra số điện thoại và mật khẩu có tồn tại không?
+ Có: xuống bước 6.
+ Không: thông báo tài khoản không tồn tại và quay lại bước 1.
- Bước 6: Chuyển hướng Guest đến biểu mẫu BM_U_ViewHome hoặc BM_A_ViewHome.
- Bước 7: Đóng kết nối CSDL.
58