Thiết kế giao diện
Hình 3.4: Giao diện “Đăng ký”
Danh sách các đối tượng
Bảng 3.4: Danh sách các đối tượng giao diện “Đăng ký”
STT Tên Loại control Ghi chú
1 Label Đăng ký Text 2 Khung chọn hình ảnh Image 3 Khung nhập liệu tên tài
khoản Edit Text
4 Khung nhập liệu password Edit Text Password in ra màn hình là các “*” 5 Khung nhập liệu nhập lại
password Edit Text
Password in ra màn hình là các “*” 6 Khung nhập liệu tên tài
khoản Edit Text
7 Khung nhập liệu tên tài
khoản Edit Text
59
Thiết kế xử lý
Hình 3.5: Đánh số các xử lý giao diện “Đăng ký” Bảng 3.5: Danh sách các xử lý giao diện “Đăng ký”
STT Tên xử lý Điều kiện gọi thực hiện Ghi chú
1 Validate hình ảnh
2 Validate tên tài khoản Textbox username focus out 3 Validate password Textbox password focus out
4 Validate nhập lại password Textbox nhập lại password focus out 5 Validate họ và tên Textbox fullname focus out
6 Validate số điện thoại Textbox phone focus out 7 Tạo tài khoản mới Nhấn vào buttton “Đăng ký”
60
Bảng 3.6: Sơ đồ luồng – Mô tả dữ liệu giao diện “Đăng ký”
Sơ đồ luồng dữ liệu Mô tả dữ liệu
Hình 3.6: Sơ đồ luồng dữ liệu giao diện “Đăng ký”
D1: Thông tin đăng ký (họ và tên, email, tên đăng nhập, mật khẩu, nhập lại mật khẩu, ngày sinh, hình ảnh).
D3: Danh sách user cũ. D4: D1.
D6: Thông báo đăng ký thành công hay thất bại, thông báo username đã tồn tại, biểu mẫu đăng ký tài khoản.
Thuật toán:
- Bước 1: Đưa biểu mẫu BM_G_Register 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 cũ.
- Bước 5: Kiểm tra mật khẩu và nhập lại mật khẩu có giống nhau không?
+ Có: xuống bước 6.
+ Không: thông báo mật khẩu không khớp và quay lại bước 1.
- Bước 6: Kiểm tra tài khoản có tồn tại chưa?
+ Có: thông báo tài khoản đã tồn tại và quay lại bước 1.
+ Không: xuống bước 7.
- Bước 7: Mã hoá MD5 với mật khẩu.
- Bước 8: Lưu D1 (đã mã hoá mật khẩu) xuống CSDL.
- Bước 9: Đóng kết nối CSDL.
- Bước 10: Thông báo đăng ký thành công.
61