Tải bản đầy đủ - 0 (trang)
2 Sơ đồ thuật toán chương trình

2 Sơ đồ thuật toán chương trình

Tải bản đầy đủ - 0trang

Khóa luận tốt nghiệp

3.3



GVHD: ThS. Lê Viết Mẫn



Giao diện chương trình

3.3.1



Giao diện đăng nhập



Đ



ẠI



H





C



KI



N

H



TẾ



H



U







Hình 3. 2 Giao diện đăng nhập



G



Hình 3.2 thể hiện trang đăng nhập, khi người dùng truy cập vào đường dẫn







N



http://localhost:5000 giao diện đăng nhập sẽ xuất hiện. Ở giao diện đăng nhập có hai



TR



Ư



trường nhập dữ liệu Email và Password

- Nếu đã có tài khoản thì người dùng có thể đăng nhập vào giao diện trang chủ sau

khi điền đầy đủ thông tin và nhấn vào nút Login.

- Nếu người dùng nhập Email hoặc tài khoản khơng đúng thì sẽ xuất hiện thơng báo

"Khơng tìm thấy tài khoản, kiểm tra lại username hoặc password."

- Nếu chưa có tài khoản thì người dùng click vào đường dẫn "Create an account" để

chuyển sang trang đăng kí.



SVTH: Nguyễn Đình Tiến

34



Khóa luận tốt nghiệp

3.3.2



GVHD: ThS. Lê Viết Mẫn



Giao diện đăng ký







N



G



Đ



ẠI



H





C



KI



N

H



TẾ



H



U







Hình 3. 3 Giao diện đăng ký



Ư



Hình 3.3 thể hiện trang đăng kí gồm ba trường Username, Email, Password



TR



- Ở trường Username nếu tên người dùng dưới 5 kí tự hoặc tên người dùng đã

tồn tại thì sẽ xuất hiện dấu "X" ở bên cạnh và kèm theo thông báo "Tên người dùng nên

có từ 5 kí tự trở lên" hoặc "Tên người dùng đã tồn tại"

- Ở trường Email nếu Email nhập không hợp lệ hoặc đã tồn tại thì sẽ xuất hiện

dấu "X" ở bên cạnh, đồng thời xuất hiện thơng báo "Vui lòng nhập Email hợp lệ" hoặc

"Email này đã tồn tại"



SVTH: Nguyễn Đình Tiến

35



Khóa luận tốt nghiệp



GVHD: ThS. Lê Viết Mẫn



- Ở trường Password thì phải có ít nhất từ 5 kí tự trở lên mới được coi là hợp

lệ, nếu không hợp lệ sẽ xuất hiện dấu "X" ở bên cạnh kèm theo thông báo "mật khẩu phải

có ít nhất 5 kí tự"

3.3.3



Giao diện chính



TR



Ư







N



G



Đ



ẠI



H





C



KI



N

H



TẾ



H



U







Hình 3. 4 Giao diện chính



Hình 3.4 Người sau khi đăng nhập thành cơng giao diện chính sẽ xuất hiện gồm:

- Tên người dùng

- Số lượng người "Online" thời điểm hiện tại

- Nút đăng xuất

- Bảng bên trái sẽ hiển thị thơng báo và thao tác chính

- Bảng bên phải hiển thị danh sách người dùng



SVTH: Nguyễn Đình Tiến

36



Khóa luận tốt nghiệp



GVHD: ThS. Lê Viết Mẫn



TẾ



H



U







Hình 3. 5 Giao diện Chat Group



N

H



Hình 3.5 Sau khi bấm vào Group:



KI



- Người dùng sẽ thấy được nội dung tin nhắn, ngươi gửi, thời gian gửi





C



- Người dùng có thể gửi tin nhắn hoặc tài liệu



H



- Khi có người dùng khác đang nhập tin nhắn ở góc phải sẽ xuất hiện thơng báo



Đ



ẠI



"đang nhập".



TR



Ư







N



G



Hình 3. 6 Giao diện Chat User



SVTH: Nguyễn Đình Tiến

37



Khóa luận tốt nghiệp



GVHD: ThS. Lê Viết Mẫn



Hình 3.6 Giao diện Chat User

- Người dùng sẽ thấy được nội dung tin nhắn, ngươi gửi, thời gian gửi

- Người dùng có thể gửi tin nhắn hoặc tài liệu

- Khi có người dùng khác đang nhập tin nhắn ở góc phải sẽ xuất hiện thơng báo

"đang nhập".

3.3.4



Cơ sở dữ liệu của ứng dụng



Ư







N



G



Đ



ẠI



H





C



KI



N

H



TẾ



H



U







Hình 3. 7 Cơ sở dữ liệu ứng dụng



TR



Hình 3.7 Cơ sở dữ liệu của ứng dụng, dựa vào thao tác trên Robo 3T, Admin có thể

thêm, sửa, xóa người dùng hoặc nội dung chat.

3.4



Vận hành hệ thống

Sau khi hoàn thành ứng dụng, người quản lí sẽ tiến hành khởi động chương trình



gồm các bước sau:

-



Bước 1: Vào thư mục cài đặt MongoDB khởi chạy CSDL, đường dẫn mặc định

(C:/Program Files\MongoDB\Server\3.6\bin)



SVTH: Nguyễn Đình Tiến

38



Khóa luận tốt nghiệp

-



GVHD: ThS. Lê Viết Mẫn



Bước 2: Mở hai cửa sổ Command prompt từ thư mục bin chạy lần lượt câu lệnh

mongod và mongo.



H





C



KI



N

H



TẾ



H



U







Hình 3. 8 Chạy lệnh mongod



TR



Ư







N



G



Đ



ẠI



Hình 3. 9 Chạy lệnh mongo



SVTH: Nguyễn Đình Tiến

39



Tài liệu bạn tìm kiếm đã sẵn sàng tải về

2 Sơ đồ thuật toán chương trình

Tải bản đầy đủ ngay(0 tr)

×