CƠ SỞ LÝ THUYẾT
GIẢI PHÁP THIẾT KẾ
2.1.1 Mô hình Client - Server a Giới thiệu mô hình Client - Server
Hình 2.1: Mô hình Client - Server
Mô hình mạng máy tính client-server bao gồm hai thành phần chính: máy khách (client) và máy chủ (server) Trong mô hình này, server chịu trách nhiệm lưu trữ tài nguyên, cài đặt các chương trình dịch vụ và xử lý yêu cầu từ client Client, bao gồm máy tính và các thiết bị điện tử khác, có nhiệm vụ gửi yêu cầu đến server để truy cập tài nguyên và dịch vụ.
Mô hình Client-Server tập trung các ứng dụng và chức năng tại một hoặc nhiều máy chủ dịch vụ tệp chuyên dụng, biến chúng thành trung tâm của hệ thống mạng.
Hệ điều hành của Client server cho phép người dùng chia sẻ đồng thời cùng một tài nguyên, không quan trọng vị trí địa lý
Mô hình web client-server là một trong những mô hình phổ biến nhất trong mạng máy tính, được áp dụng rộng rãi cho mọi trang web hiện tại Ngược lại, mô hình master-slaver hoạt động theo cách mà máy chủ (như một ông chủ) gửi dữ liệu đến máy con (như một nô lệ) mà không cần quan tâm đến nhu cầu của máy con.
Mô hình client/server là một cấu trúc tổng quát, trong đó một server có thể kết nối với nhiều server khác để tăng cường hiệu suất và tốc độ xử lý Khi nhận yêu cầu từ client, server có thể chuyển tiếp yêu cầu đó đến một server khác, chẳng hạn như database server, nếu nó không thể xử lý yêu cầu một cách độc lập Máy server có khả năng thực hiện cả nhiệm vụ đơn giản lẫn phức tạp, đảm bảo hoạt động hiệu quả trong hệ thống.
Quá trình giao tiếp giữa server và client phụ thuộc vào các giao thức chuẩn như TCP/IP, SAN (IBM), ISDN, OSI, X.25 và LAN-to-LAN Netbios, những giao thức này hiện đang được sử dụng phổ biến.
Mô hình Client-Server là giải pháp phần mềm hiệu quả giúp giải quyết tình trạng quá tải của hệ thống mạng, đồng thời vượt qua sự khác biệt về cấu trúc vật lý và hệ điều hành của các máy tính Mô hình này bao gồm hai thành phần chính: client và server.
- Client: Client hay chính là máy khách, máy trạm – là nơi gửi yêu cầu đến server
Client đóng vai trò quan trọng trong việc giao tiếp với người dùng, server và môi trường bên ngoài tại trạm làm việc Khi người dùng gửi yêu cầu, client sẽ tạo ra các query string để gửi đến server Sau khi nhận được kết quả từ server, client sẽ tổ chức và trình bày các kết quả đó một cách rõ ràng.
Server là thành phần xử lý các yêu cầu từ client, sau khi hoàn tất, server sẽ
2.1.2 Mô hình MVC trong việc xây dựng website a Giới thiệu mô hình MVC
Mô hình MVC, viết tắt của Model – View – Controller, là một phương pháp lập trình web phổ biến hiện nay, bao gồm ba thành phần chính cấu thành ứng dụng Mỗi phần trong kiến trúc này được thiết kế để xử lý các khía cạnh phát triển cụ thể của ứng dụng.
Hình 2.2: Mô hình MVC b Các thành phần cấu tạo trong mô hình MVC
View là thành phần trong ứng dụng đảm nhận việc trình bày dữ liệu, được xây dựng từ thông tin thu thập từ mô hình dữ liệu Thành phần này giúp người dùng có cái nhìn trực quan và dễ hiểu về trang web và ứng dụng.
View đại diện cho dữ liệu từ các cuộc trò chuyện, sơ đồ và bảng Mỗi View bao gồm tất cả các thành phần giao diện người dùng như nút bấm, khung nhập, menu và hình ảnh.
Phần Model trong kiến trúc MVC đóng vai trò quan trọng trong việc lưu trữ dữ liệu và xử lý logic của ứng dụng Model chịu trách nhiệm thực hiện các thao tác dữ liệu giữa Controller và các logic nghiệp vụ khác, như việc cho phép xem và truy xuất dữ liệu Chẳng hạn, khi Controller cần thông tin khách hàng, Model sẽ thực hiện các thao tác cần thiết với cơ sở dữ liệu và gửi kết quả trở lại cho Controller hoặc sử dụng thông tin đó cho View.
Controller là phần xử lý tương tác người dùng trong ứng dụng, tiếp nhận dữ liệu đầu vào từ bàn phím và chuột, sau đó thông báo cho View và Model Nó gửi lệnh tới Model để thay đổi trạng thái, chẳng hạn như lưu tài liệu, đồng thời cũng gửi lệnh tương tự đến View để thực hiện các thay đổi giao diện.
MVC là kiến trúc mà các nhà phát triển ứng dụng sử dụng trong dự án của họ Hãy cùng tìm hiểu cách luồng dữ liệu trong ứng dụng hoạt động.
Có rất nhiều kịch bản cho luồng xử lý MVC trên ứng dụng web Dưới đây là luồng xử lý căn bản và phổ biến nhất
- Bước 1: Client gửi yêu cầu đến server thông qua Controller, Controller sẽ tiếp nhận yêu cầu
Bước 2: Controller xử lý dữ liệu đầu vào và quyết định luồng yêu cầu tiếp theo Nó sẽ trả về kết quả hoặc tương tác với cơ sở dữ liệu để lấy dữ liệu Nếu cần, Controller sẽ gọi Model để lấy dữ liệu đầu ra; nếu không, nó sẽ trả về kết quả theo mũi tên số (8).
- Bước 3: Model tương tác với Database để truy xuất dữ liệu phù hợp với yêu cầu
- Bước 4: Database trả về cho Model dữ liệu theo yêu cầu của Model
- Bước 5: Model trả về dữ liệu cho Controller xử lý
CÔNG CỤ SỬ DỤNG
2.2.1 Các công cụ và công nghệ được sử dụng
- PHP: Ngôn ngữ lập trình phía máy chủ;
- MySQL: Lưu trữ cơ sở dữ liệu;
- Xampp: Host PHP server và MySQL server;
- Visual Studio Code: Viết code cho website;
- Google Chrome: Hiển thị website và kiểm lỗi;
- HTML, CSS, JS: Công nghệ thiết kế giao diện website;
- Bootstrap: Hỗ trợ thiết kế giao diện website;
- NicEdit: Soạn thảo văn bản trên website;
2.2.2 Giới thiệu một số công nghệ a Ngôn ngữ lập trình PHP
PHP, viết tắt của Personal Home Page, là một ngôn ngữ kịch bản được phát triển chủ yếu cho các ứng dụng trên máy chủ Khi lập trình viên sử dụng PHP, các lệnh sẽ được thực thi trên server để tạo ra mã HTML, giúp các ứng dụng web hoạt động một cách hiệu quả.
Ngôn ngữ PHP là lựa chọn lý tưởng cho lập trình web nhờ khả năng kết nối dễ dàng với các trang web sử dụng HTML trên trình duyệt Điều này khiến PHP trở thành ngôn ngữ lập trình dễ học, đồng thời là một trong những ngôn ngữ phát triển web phổ biến nhất mà lập trình viên mới vào nghề cần nắm vững.
Hình 2.6: Ngôn ngữ lập trình PHP b Hệ quản trị cơ sở dữ liệu MySQL
MySQL là hệ thống quản trị cơ sở dữ liệu mã nguồn mở (RDBMS) hoạt động theo mô hình client-server, viết tắt của Relational Database Management System Nó được tích hợp với Apache và PHP, cho phép quản lý dữ liệu thông qua các cơ sở dữ liệu Mỗi cơ sở dữ liệu có thể chứa nhiều bảng quan hệ, và MySQL sử dụng cú pháp truy xuất và mã lệnh tương tự như ngôn ngữ SQL.
Hình 2.7: Hệ quản trị cơ sở dữ liệu MySQL c Công cụ Xampp
XAMPP là công cụ phát triển web mạnh mẽ, với tên gọi được viết tắt từ 5 phần mềm chính: Cross-Platform (X), Apache (A), MariaDB (M), PHP (P) và Perl (P) Sự tích hợp của các phần mềm này giúp XAMPP hoạt động hiệu quả trên nhiều nền tảng khác nhau, phục vụ cho việc lập trình và phát triển ứng dụng web.
- Chữ X đầu tiên là viết tắt của hệ điều hành mà nó hoạt động với: Linux, Windows và Mac OS X
Máy chủ web mã nguồn mở Apache là một trong những ứng dụng phổ biến nhất trên thế giới, được sử dụng rộng rãi để phân phối nội dung trực tuyến Phần mềm này được phát triển và cung cấp miễn phí bởi Apache Software Foundation.
MySQL và MariaDB là hai hệ quản trị cơ sở dữ liệu quan hệ phổ biến, với MySQL được tích hợp trong XAMPP, một phần mềm máy chủ web Kết hợp cùng Web Server Apache và ngôn ngữ lập trình PHP, MySQL cung cấp khả năng lưu trữ dữ liệu hiệu quả cho các dịch vụ web Hiện tại, XAMPP đã thay thế MySQL bằng MariaDB, một nhánh phát triển của MySQL do cộng đồng hỗ trợ và các nhà phát triển ban đầu thực hiện.
PHP là ngôn ngữ lập trình phía máy chủ, cho phép người dùng phát triển các trang web và ứng dụng động Ngôn ngữ này có thể được cài đặt trên nhiều nền tảng khác nhau và hỗ trợ nhiều hệ thống cơ sở dữ liệu đa dạng.
Perl là một ngôn ngữ kịch bản phổ biến, được sử dụng rộng rãi trong quản trị hệ thống, phát triển web và lập trình mạng Tương tự như PHP, Perl cung cấp khả năng lập trình các ứng dụng web động, giúp người dùng dễ dàng tạo ra các trang web tương tác và linh hoạt.
Visual Studio Code là một trình biên tập mã nguồn miễn phí do Microsoft phát triển, tương thích với Windows, Linux và macOS Nó được coi là sự kết hợp hoàn hảo giữa môi trường phát triển tích hợp (IDE) và trình biên tập mã (Code Editor).
Visual Studio Code cung cấp các tính năng nổi bật như hỗ trợ debug, tích hợp Git, đánh dấu cú pháp, tự hoàn thành mã thông minh, và snippets, cùng với khả năng cải tiến mã nguồn Đặc biệt, nhờ vào tính năng tùy chỉnh, người dùng có thể thay đổi theme, phím tắt và nhiều tùy chọn khác để tối ưu hóa trải nghiệm lập trình của mình.
Hình 2.9: Phần mềm Visual Studio Code
- Một số tính năng của Visual Studio Code
Visual Studio Code hỗ trợ đa dạng ngôn ngữ lập trình như C/C++, C#, F#, Visual Basic, HTML, CSS và JavaScript, giúp người dùng dễ dàng phát hiện và nhận thông báo lỗi trong mã nguồn.
Visual Studio Code hỗ trợ đa nền tảng, cho phép người dùng sử dụng trên cả Windows, Linux và Mac Systems, điều này khác biệt so với nhiều trình viết code thông thường chỉ hoạt động trên một trong các hệ điều hành này.
Visual Studio cung cấp kho tiện ích mở rộng cho phép lập trình viên sử dụng các ngôn ngữ lập trình không được hỗ trợ sẵn Người dùng có thể tải xuống các tiện ích mở rộng mà không lo ảnh hưởng đến hiệu suất phần mềm, vì chúng hoạt động như các chương trình độc lập.
Kho lưu trữ an toàn là yếu tố quan trọng trong sự phát triển của lập trình Visual Studio Code mang đến sự yên tâm cho người dùng nhờ khả năng kết nối dễ dàng với Git và các kho lưu trữ hiện có khác.
Hỗ trợ web: Visual Studio Code hỗ trợ nhiều ứng dụng web Ngoài ra, nó cũng có một trình soạn thảo và thiết kế website
Lưu trữ dữ liệu theo dạng phân cấp là một phương pháp hiệu quả, khi mà hầu hết các tệp mã nguồn được tổ chức trong các thư mục tương tự nhau Bên cạnh đó, Visual Studio Code cũng hỗ trợ tạo ra các thư mục cho những tệp quan trọng đặc biệt, giúp người dùng dễ dàng quản lý và truy cập.
PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG
ĐẶC TẢ YÊU CẦU
Bảng 3.1: Yêu cầu chức năng
Tác nhân Chức năng Chức năng con Ghi chú
Xem danh sách tài khoản
Thêm tài khoản Chỉnh sửa tài khoản
Xem danh sách tài khoản
Thêm tài khoản Chỉnh sửa tài khoản
Xem danh sách hộ chiếu
Mở cập nhật hộ chiếu cho sinh viên
Admin sẽ mở cập nhật hộ chiếu trong một khoảng thời gian Trong thời gian này, sinh viên có thể chỉnh sửa lại hộ chiếu
Mở cập nhật visa cho sinh viên
Admin sẽ mở cập nhật visa trong một khoảng thời gian Trong thời gian này, sinh viên có thể chỉnh sửa lại visa
Xem danh sách thông báo
Thêm thông báo Chỉnh sửa thông báo
Gửi thông báo qua email
Lưu học sinh Đăng nhập
Xem thông tin hộ chiếu
Cập nhật thông tin hộ chiếu
Khi Admin mở đợt cập nhật thông tin hộ chiếu thì sinh viên được phép chỉnh sửa thông tin
Xem thông tin visa Cập nhật thông tin visa
Khi Admin mở đợt cập nhật thông tin visa thì sinh viên được phép chỉnh sửa thông tin
Xem danh sách thông báo
Thêm thông báo Chỉnh sửa thông báo
Gửi thông báo qua email Khách Đăng nhập
3.1.2 Yêu cầu phi chức năng
Bảng 3.2: Yêu cầu phi chức năng
STT Yêu cầu Chi tiết
- Bảo mật thông tin visa;
- Bảo mật thông tin hộ chiếu
- Tải trang web từ máy chủ nhanh, mất tối đa 5 giây để phản hồi;
- Tối ưu câu truy vẫn dữ liệu;
3 Chịu tải tốt Khi có nhiều người dùng truy cập thì website phải hoạt động tốt và không bị sập máy chủ.
PHÂN TÍCH YÊU CẦU
3.2.1 Các tác nhân sử dụng
- Admin: Người quản trị website;
- Sinh viên: Sinh viên đăng nhập sử dụng hệ thống;
- Người đăng bài: Đăng bài thông báo;
- Khách: Sử dụng trang website khi không đăng nhập
3.2.2 Phân tích chức năng admin a Đăng nhập
- Đầu vào: Tên tài khoản và mật khẩu
Hệ thống nhận yêu cầu xử lý;
Hệ thống chuyển công việc cho Controller đăng nhập xử lý;
Controller đăng nhập kiểm tra đăng nhập
Đăng nhập thành công: Thông báo đăng nhập thành công và chuyển trang;
Đăng nhập không thành công: Thông báo đăng nhập không thành công b Quản lý tài khoản
Xem danh sách tài khoản:
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của tài khoản;
Hệ thống chuyển công việc cho Controller quản lý tài khoản xử lý;
Truy xuất danh sách tài khoản trong CSDL
Truy xuất thành công: Trả về danh sách tài khoản;
Truy xuất không thành công: Thông báo quyền truy cập bị hạn chế
- Đầu vào: Tên tài khoản, mật khẩu và nhập lại mật khẩu
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của tài khoản;
Hệ thống chuyển công việc cho Controller quản lý tài khoản xử lý;
Controller quản lý tài khoản xác nhận form nhập và kiểm tra lỗi form;
Controller quản lý tài khoản thêm tài khoản mới vào CSDL
Thêm tài khoản thành công: Thông báo thêm tài khoản thành công;
Thêm tài khoản không thành công: Thông báo thêm tài khoản không thành
- Đầu vào: Tên tài khoản, mật khẩu, nhập lại mật khẩu và id tài khoản
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của tài khoản;
Hệ thống chuyển công việc cho Controller quản lý tài khoản xử lý;
Controller quản lý tài khoản xác nhận form nhập và kiểm tra lỗi form;
Controller quản lý tài khoản chỉnh sửa tài khoản trong CSDL
Chỉnh sửa tài khoản thành công: Thông báo chỉnh sửa tài khoản thành công;
Chỉnh sửa tài khoản không thành công: Thông báo chỉnh sửa tài khoản không thành công
- Đầu vào: Id tài khoản
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của tài khoản;
Hệ thống chuyển công việc cho Controller quản lý tài khoản xử lý;
Controller quản lý tài khoản kiểm tra id tài khoản;
Controller quản lý tài khoản xóa tài khoản trong CSDL
Xóa tài khoản thành công: Thông báo xóa tài khoản thành công;
Xóa tài khoản không thành công: Thông báo xóa tài khoản không thành công c Quản lý sinh viên
Xem danh sách sinh viên:
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của sinh viên;
Hệ thống chuyển công việc cho Controller quản lý sinh viên xử lý;
Truy xuất danh sách sinh viên trong CSDL
Truy xuất thành công: Trả về danh sách sinh viên;
Truy xuất không thành công: Thông báo quyền truy cập bị hạn chế
- Đầu vào: Mã sinh viên, họ tên, cmnd, giới tính, ngày sinh, dân tộc, quốc tịch, lớp, địa chỉ, số điện thoại và email
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của sinh viên;
Hệ thống chuyển công việc cho Controller quản lý sinh viên xử lý;
Controller quản lý sinh viên xác nhận form nhập và kiểm tra lỗi form;
Controller quản lý sinh viên thêm sinh viên mới vào CSDL
Thêm sinh viên thành công: Thông báo thêm sinh viên thành công;
Thêm sinh viên không thành công: Thông báo thêm sinh viên không thành công
- Đầu vào: họ tên, cmnd, giới tính, ngày sinh, dân tộc, quốc tịch, lớp, địa chỉ, số điện thoại, email và id sinh viên
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của sinh viên;
Hệ thống chuyển công việc cho Controller quản lý sinh viên xử lý;
Controller quản lý sinh viên xác nhận form nhập và kiểm tra lỗi form;
Controller quản lý sinh viên chỉnh sửa sinh viên trong CSDL
Chỉnh sửa sinh viên thành công: Thông báo chỉnh sửa sinh viên thành công;
Chỉnh sửa sinh viên không thành công: Thông báo chỉnh sửa sinh viên không thành công
- Đầu vào: Id sinh viên
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của sinh viên;
Hệ thống chuyển công việc cho Controller quản lý sinh viên xử lý;
Controller quản lý sinh viên kiểm tra id sinh viên;
Controller quản lý sinh viên xóa sinh viên trong CSDL
Xóa sinh viên thành công: Thông báo xóa sinh viên thành công;
Xóa sinh viên không thành công: Thông báo xóa sinh viên không thành công d Quản lý hộ chiếu
Xem danh sách hộ chiếu:
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của hộ chiếu;
Hệ thống chuyển công việc cho Controller quản lý hộ chiếu xử lý;
Truy xuất danh sách hộ chiếu trong CSDL
Truy xuất thành công: Trả về danh sách hộ chiếu;
Truy xuất không thành công: Thông báo quyền truy cập bị hạn chế
- Đầu vào: Số hộ chiếu, ngày cấp, ngày hết hạn và nơi cấp
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của hộ chiếu;
Hệ thống chuyển công việc cho Controller quản lý hộ chiếu xử lý;
Controller quản lý hộ chiếu xác nhận form nhập và kiểm tra lỗi form;
Controller quản lý hộ chiếu thêm hộ chiếu mới vào CSDL
Thêm hộ chiếu thành công: Thông báo thêm hộ chiếu thành công;
Thêm hộ chiếu không thành công: Thông báo thêm hộ chiếu không thành công
- Đầu vào: Số hộ chiếu, ngày cấp, ngày hết hạn, nơi cấp và id hộ chiếu
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của hộ chiếu;
Hệ thống chuyển công việc cho Controller quản lý hộ chiếu xử lý;
Controller quản lý hộ chiếu xác nhận form nhập và kiểm tra lỗi form;
Controller quản lý hộ chiếu chỉnh sửa hộ chiếu trong CSDL
Chỉnh sửa hộ chiếu thành công: Thông báo chỉnh sửa hộ chiếu thành công;
Chỉnh sửa hộ chiếu không thành công: Thông báo chỉnh sửa hộ chiếu không thành công
- Đầu vào: Id hộ chiếu
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của hộ chiếu;
Hệ thống chuyển công việc cho Controller quản lý hộ chiếu xử lý;
Controller quản lý hộ chiếu kiểm tra id hộ chiếu;
Controller quản lý hộ chiếu xóa hộ chiếu trong CSDL
Xóa hộ chiếu thành công: Thông báo xóa hộ chiếu thành công;
Xóa hộ chiếu không thành công: Thông báo xóa hộ chiếu không thành công e Quản lý visa
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của visa;
Hệ thống chuyển công việc cho Controller quản lý visa xử lý;
Truy xuất danh sách visa trong CSDL
Truy xuất thành công: Trả về danh sách visa;
Truy xuất không thành công: Thông báo quyền truy cập bị hạn chế
- Đầu vào: Số thẻ, số lần nhập cảnh, ngày phát hành và ngày hết hạn
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của visa;
Hệ thống chuyển công việc cho Controller quản lý visa xử lý;
Controller quản lý visa xác nhận form nhập và kiểm tra lỗi form;
Controller quản lý visa thêm visa mới vào CSDL
Thêm visa thành công: Thông báo thêm visa thành công;
Thêm visa không thành công: Thông báo thêm visa không thành công Chỉnh sửa visa:
- Đầu vào: Số thẻ, số lần nhập cảnh, ngày phát hành và ngày hết hạn và id visa
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của visa;
Hệ thống chuyển công việc cho Controller quản lý visa xử lý;
Controller quản lý visa xác nhận form nhập và kiểm tra lỗi form;
Controller quản lý visa chỉnh sửa visa trong CSDL
Chỉnh sửa visa không thành công: Thông báo chỉnh sửa visa không thành công
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của visa;
Hệ thống chuyển công việc cho Controller quản lý visa xử lý;
Controller quản lý visa kiểm tra id visa;
Controller quản lý visa xóa visa trong CSDL
Xóa visa thành công: Thông báo xóa visa thành công;
Xóa visa không thành công: Thông báo xóa visa không thành công f Quản lý thông báo
Xem danh sách thông báo:
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của thông báo;
Hệ thống chuyển công việc cho Controller quản lý thông báo xử lý;
Truy xuất danh sách thông báo trong CSDL
Truy xuất thành công: Trả về danh sách thông báo;
Truy xuất không thành công: Thông báo quyền truy cập bị hạn chế
- Đầu vào: Tiêu đề thông báo và nội dung thông báo
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của thông báo;
Hệ thống chuyển công việc cho Controller quản lý thông báo xử lý;
Controller quản lý thông báo xác nhận form nhập và kiểm tra lỗi form;
Controller quản lý thông báo thêm thông báo mới vào CSDL;
Controller quản lý thông báo thông báo qua email cho sinh viên
Thêm thông báo thành công: Thông báo thêm thông báo thành công;
Thêm thông báo không thành công: Thông báo thêm thông báo không thành công
- Đầu vào: Tiêu đề thông báo, nội dung thông báo và id thông báo
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của thông báo;
Hệ thống chuyển công việc cho Controller quản lý thông báo xử lý;
Controller quản lý thông báo xác nhận form nhập và kiểm tra lỗi form;
Controller quản lý thông báo chỉnh sửa thông báo trong CSDL
Chỉnh sửa thông báo thành công: Thông báo chỉnh sửa thông báo thành công;
Chỉnh sửa thông báo không thành công: Thông báo chỉnh sửa thông báo không thành công
- Đầu vào: Id thông báo
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của thông báo;
Hệ thống chuyển công việc cho Controller quản lý thông báo xử lý;
Controller quản lý thông báo kiểm tra id thông báo;
Controller quản lý thông báo xóa thông báo trong CSDL
Xóa thông báo thành công: Thông báo xóa thông báo thành công;
Xóa thông báo không thành công: Thông báo xóa thông báo không thành công
3.2.3 Phân tích chức năng sinh viên a Đăng nhập
- Đầu vào: Tên tài khoản và mật khẩu
Hệ thống nhận yêu cầu xử lý;
Hệ thống chuyển công việc cho Controller đăng nhập xử lý;
Controller đăng nhập kiểm tra đăng nhập
Đăng nhập thành công: Thông báo đăng nhập thành công và chuyển trang;
Đăng nhập không thành công: Thông báo đăng nhập không thành công b Xem thông báo
- Đầu vào: Id thông báo
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của thông báo;
Truy xuất thông báo trong CSDL
- Đầu ra: Trả về thông báo c Quản lý tài khoản
- Đầu vào: Id tài khoản
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của tài khoản;
Hệ thống chuyển công việc cho Controller quản lý tài khoản xử lý;
Truy xuất tài khoản trong CSDL
Truy xuất thành công: Trả về thông tin tài khoản;
Truy xuất không thành công: Thông báo quyền truy cập bị hạn chế
- Đầu vào: Họ tên, cmnd, giới tính, ngày sinh, dân tộc, quốc tịch, lớp, địa chỉ, số điện thoại, email và id tài khoản
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của tài khoản;
Hệ thống chuyển công việc cho Controller quản lý tài khoản xử lý;
Controller quản lý tài khoản xác nhận form nhập và kiểm tra lỗi form;
Controller quản lý tài khoản chỉnh sửa tài khoản trong CSDL
Chỉnh sửa tài khoản thành công: Thông báo chỉnh sửa tài khoản thành công;
Chỉnh sửa tài khoản không thành công: Thông báo chỉnh sửa tài khoản không thành công d Quản lý hộ chiếu
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của hộ chiếu;
Hệ thống chuyển công việc cho Controller quản lý hộ chiếu xử lý;
Truy xuất thông tin hộ chiếu trong CSDL
Truy xuất thành công: Trả về thông tin hộ chiếu;
Truy xuất không thành công: Thông báo quyền truy cập bị hạn chế
- Đầu vào: Số hộ chiếu, ngày cấp, ngày hết hạn, nơi cấp và id hộ chiếu
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của hộ chiếu;
Hệ thống chuyển công việc cho Controller quản lý hộ chiếu xử lý;
Controller quản lý hộ chiếu xác nhận form nhập và kiểm tra lỗi form;
Controller quản lý hộ chiếu chỉnh sửa hộ chiếu trong CSDL
Chỉnh sửa hộ chiếu thành công: Thông báo chỉnh sửa hộ chiếu thành công;
Chỉnh sửa hộ chiếu không thành công: Thông báo chỉnh sửa hộ chiếu không thành công e Quản lý visa
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của visa;
Hệ thống chuyển công việc cho Controller quản lý visa xử lý;
Truy xuất thông tin visa trong CSDL
Truy xuất thành công: Trả về thông tin visa;
Truy xuất không thành công: Thông báo quyền truy cập bị hạn chế
- Đầu vào: Số thẻ, số lần nhập cảnh, ngày phát hành, ngày hết hạn và id visa
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của visa;
Hệ thống chuyển công việc cho Controller quản lý visa xử lý;
Controller quản lý visa xác nhận form nhập và kiểm tra lỗi form;
Controller quản lý visa chỉnh sửa visa trong CSDL
Chỉnh sửa visa thành công: Thông báo chỉnh sửa visa thành công;
Chỉnh sửa visa không thành công: Thông báo chỉnh sửa visa không thành công
3.2.4 Phân tích chức năng người đăng bài a Đăng nhập
- Đầu vào: Tên tài khoản và mật khẩu
Hệ thống nhận yêu cầu xử lý;
Hệ thống chuyển công việc cho Controller đăng nhập xử lý;
Controller đăng nhập kiểm tra đăng nhập
Đăng nhập thành công: Thông báo đăng nhập thành công và chuyển trang;
Đăng nhập không thành công: Thông báo đăng nhập không thành công b Quản lý tài khoản
- Đầu vào: Id tài khoản
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của tài khoản;
Hệ thống chuyển công việc cho Controller quản lý tài khoản xử lý;
Truy xuất tài khoản trong CSDL
Truy xuất thành công: Trả về thông tin tài khoản;
Truy xuất không thành công: Thông báo quyền truy cập bị hạn chế
- Đầu vào: Tiêu đề thông báo, nội dung thông báo và id tài khoản
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của tài khoản;
Hệ thống chuyển công việc cho Controller quản lý tài khoản xử lý;
Controller quản lý tài khoản xác nhận form nhập và kiểm tra lỗi form;
Controller quản lý tài khoản chỉnh sửa tài khoản trong CSDL
Chỉnh sửa tài khoản thành công: Thông báo chỉnh sửa tài khoản thành công;
Chỉnh sửa tài khoản không thành công: Thông báo chỉnh sửa tài khoản không thành công c Quản lý thông báo
Xem danh sách thông báo:
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của thông báo;
Hệ thống chuyển công việc cho Controller quản lý thông báo xử lý;
Truy xuất danh sách thông báo trong CSDL
Truy xuất thành công: Trả về danh sách thông báo;
Truy xuất không thành công: Thông báo quyền truy cập bị hạn chế
- Đầu vào: Tiêu đề thông báo và nội dung thông báo
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của thông báo;
Hệ thống chuyển công việc cho Controller quản lý thông báo xử lý;
Controller quản lý thông báo xác nhận form nhập và kiểm tra lỗi form;
Controller quản lý thông báo thêm thông báo mới vào CSDL;
Controller quản lý thông báo thông báo qua email cho sinh viên
Thêm thông báo thành công: Thông báo thêm thông báo thành công;
Thêm thông báo không thành công: Thông báo thêm thông báo không thành công
- Đầu vào: Tiêu đề thông báo, nội dung thông báo và id thông báo
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của thông báo;
Hệ thống chuyển công việc cho Controller quản lý thông báo xử lý;
Controller quản lý thông báo xác nhận form nhập và kiểm tra lỗi form;
Controller quản lý thông báo chỉnh sửa thông báo trong CSDL
Chỉnh sửa thông báo thành công: Thông báo chỉnh sửa thông báo thành công;
Chỉnh sửa thông báo không thành công: Thông báo chỉnh sửa thông báo không thành công
- Đầu vào: Id thông báo
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của thông báo;
Hệ thống chuyển công việc cho Controller quản lý thông báo xử lý;
Controller quản lý thông báo kiểm tra id thông báo;
Controller quản lý thông báo xóa thông báo trong CSDL
Xóa thông báo thành công: Thông báo xóa thông báo thành công;
Xóa thông báo không thành công: Thông báo xóa thông báo không thành công
3.2.5 Phân tích chức năng khách a Đăng nhập
- Đầu vào: Tên tài khoản và mật khẩu
Hệ thống nhận yêu cầu xử lý;
Hệ thống chuyển công việc cho Controller đăng nhập xử lý;
Controller đăng nhập kiểm tra đăng nhập
Đăng nhập thành công: Thông báo đăng nhập thành công và chuyển trang;
Đăng nhập không thành công: Thông báo đăng nhập không thành công b Xem thông báo
- Đầu vào: Id thông báo
Hệ thống nhận yêu cầu xử lý;
Bộ xác thực kiểm tra quyền truy cập của thông báo;
Hệ thống chuyển công việc cho Controller quản lý thông báo xử lý;
Truy xuất thông báo trong CSDL
- Đầu ra: Trả về thông báo.
PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG
Hình 3.1: Sơ đồ usecase tổng quát
3.3.2 Sơ đồ tuần tự a Sơ đồ tuần tự đăng nhập
- Tác nhân: Admin, Sinh viên, Người đăng bài, Khách
Bước 1: Người dùng nhập tên tài khoản và email;
Bước 2: Người dùng gửi form;
Bước 3: Module Validate kiểm tra form nhập, trả về lỗi nếu form chưa hợp lệ;
Bước 4: Module Authentication đăng nhập từ form nhập;
Bước 5: Nếu đăng nhập thành công cho phép đăng nhập, ngược lại thông báo lỗi
Hình 3.2: Sơ đồ tuần tự đăng nhập b Sơ đồ tuần tự thêm tài khoản mới
Bước 1: Người dùng nhập tên tài khoản, mật khẩu, nhập lại mật khẩu và loại tài khoản;
Bước 2: Người dùng gửi form;
Bước 3: Module Validate kiểm tra form nhập, trả về lỗi nếu form chưa hợp lệ;
Bước 4: Controller thêm tài khoản mới từ form nhập;
Bước 5: Thông báo thêm tài khoản mới thành công
Hình 3.3: Sơ đồ tuần tự thêm tài khoản mới c Sơ đồ tuần tự chỉnh sửa tài khoản
- Tác nhân: Admin, Sinh viên, Người đăng bài
Bước 1: Người dùng nhập mật khẩu, nhập lại mật khẩu;
Bước 2: Người dùng gửi form;
Bước 3: Module Validate kiểm tra form nhập, trả về lỗi nếu form chưa hợp lệ;
Bước 4: Controller thêm tài khoản mới từ form nhập;
Bước 5: Thông báo thêm tài khoản mới thành công d Sơ đồ tuần tự xóa tài khoản
Bước 1: Người dùng lựa chọn xóa tài khoản;
Bước 2: Controller kiểm tra tài khoản trên CSDL có xóa được không;
Bước 3: Controller xóa tài khoản trên CSDL;
Bước 4: Thông báo thêm tài khoản mới thành công
Hình 3.5: Sơ đồ tuần tự xóa tài khoản e Sơ đồ tuần tự thêm sinh viên mới
Bước 1: Người dùng nhập mã sinh viên, họ tên, cmnd, giới tính, ngày sinh, dân tộc, quốc tịch, lớp, địa chỉ, số điện thoại và email;
Bước 2: Người dùng gửi form;
Bước 3: Module Validate kiểm tra form nhập, trả về lỗi nếu form chưa hợp lệ;
Bước 4: Controller thêm sinh viên mới từ form nhập;
Bước 5: Thông báo thêm sinh viên mới thành công
Hình 3.6: Sơ đồ tuần tự thêm sinh viên mới f Sơ đồ tuần tự chỉnh sửa sinh viên
- Tác nhân: Admin, Sinh viên
Bước 1: Người dùng nhập họ tên, cmnd, giới tính, ngày sinh, dân tộc, quốc tịch, lớp, địa chỉ, số điện thoại và email;
Bước 2: Người dùng gửi form;
Bước 3: Module Validate kiểm tra form nhập, trả về lỗi nếu form chưa hợp lệ;
Bước 4: Controller thêm sinh viên mới từ form nhập;
Bước 5: Thông báo thêm sinh viên mới thành công g Sơ đồ tuần tự xóa sinh viên
Bước 1: Người dùng lựa chọn xóa sinh viên;
Bước 2: Controller kiểm tra sinh viên trên CSDL có xóa được không;
Bước 3: Controller xóa sinh viên trên CSDL;
Bước 4: Thông báo thêm sinh viên mới thành công
Hình 3.8: Sơ đồ tuần tự xóa sinh viên h Sơ đồ tuần tự thêm hộ chiếu mới
Bước 1: Người dùng nhập số hộ chiếu, ngày cấp, ngày hết hạn và nơi cấp;
Bước 2: Người dùng gửi form;
Bước 3: Module Validate kiểm tra form nhập, trả về lỗi nếu form chưa hợp lệ;
Bước 4: Controller thêm hộ chiếu mới từ form nhập;
Bước 5: Thông báo thêm hộ chiếu mới thành công
Hình 3.9: Sơ đồ tuần tự thêm hộ chiếu mới i Sơ đồ tuần tự chỉnh sửa hộ chiếu
- Tác nhân: Admin, Sinh viên
Bước 1: Người dùng nhập số hộ chiếu, ngày cấp, ngày hết hạn và nơi cấp;
Bước 2: Người dùng gửi form;
Bước 3: Module Validate kiểm tra form nhập, trả về lỗi nếu form chưa hợp lệ;
Bước 4: Controller thêm hộ chiếu mới từ form nhập;
Bước 5: Thông báo thêm hộ chiếu mới thành công j Sơ đồ tuần tự xóa hộ chiếu
Bước 1: Người dùng lựa chọn xóa hộ chiếu;
Bước 2: Controller kiểm tra hộ chiếu trên CSDL có xóa được không;
Bước 3: Controller xóa hộ chiếu trên CSDL;
Bước 4: Thông báo thêm hộ chiếu mới thành công
Hình 3.11: Sơ đồ tuần tự xóa hộ chiếu k Sơ đồ tuần tự mở đợt cập nhật hộ chiếu
Bước 1: Người dùng nhập ngày mở cập nhật và ngày kết thúc cập nhật trên form;
Bước 2: Module Validate kiểm tra form nhập;
Bước 3: Controller mở đợt cập nhật hộ chiếu
Hình 3.12: Sơ đồ tuần tự mở đợt cập nhật hộ chiếu l Sơ đồ tuần tự thêm visa mới
Bước 1: Người dùng nhập số thẻ, số lần nhập cảnh, ngày phát hành và ngày hết hạn;
Bước 2: Người dùng gửi form;
Bước 3: Module Validate kiểm tra form nhập, trả về lỗi nếu form chưa hợp lệ;
Bước 4: Controller thêm visa mới từ form nhập;
Bước 5: Thông báo thêm visa mới thành công m Sơ đồ tuần tự chỉnh sửa visa
- Tác nhân: Admin, Sinh viên
Bước 1: Người dùng nhập số thẻ, số lần nhập cảnh, ngày phát hành và ngày hết hạn;
Bước 2: Người dùng gửi form;
Bước 3: Module Validate kiểm tra form nhập, trả về lỗi nếu form chưa hợp lệ;
Bước 4: Controller thêm visa mới từ form nhập;
Bước 5: Thông báo thêm visa mới thành công
Hình 3.14: Sơ đồ tuần tự chỉnh sửa visa n Sơ đồ tuần tự xóa visa
Bước 1: Người dùng lựa chọn xóa visa;
Bước 2: Controller kiểm tra visa trên CSDL có xóa được không;
Bước 3: Controller xóa visa trên CSDL;
Bước 4: Thông báo thêm visa mới thành công
Hình 3.15: Sơ đồ tuần tự xóa visa o Sơ đồ tuần tự mở đợt cập nhật visa
Bước 1: Người dùng nhập ngày mở cập nhật và ngày kết thúc cập nhật trên form;
Bước 2: Module Validate kiểm tra form nhập;
Bước 3: Controller mở đợt cập nhật visa
Hình 3.16: Sơ đồ tuần tự mở đợt cập nhật visa p Sơ đồ tuần tự thêm thông báo mới
- Tác nhân: Admin, Người đăng bài
Bước 1: Người dùng nhập tiêu đề thông báo và nội dung thông báo;
Bước 2: Người dùng gửi form;
Bước 3: Module Validate kiểm tra form nhập, trả về lỗi nếu form chưa hợp lệ;
Bước 4: Controller thêm thông báo mới từ form nhập;
Bước 5: Thông báo thêm thông báo mới thành công
Hình 3.17: Sơ đồ tuần tự thêm thông báo mới q Sơ đồ tuần tự chỉnh sửa thông báo
- Tác nhân: Admin, Người đăng bài
Bước 1: Người dùng nhập tiêu đề thông báo và nội dung thông báo;
Bước 2: Người dùng gửi form;
Bước 3: Module Validate kiểm tra form nhập, trả về lỗi nếu form chưa hợp lệ;
Bước 4: Controller thêm thông báo mới từ form nhập;
Bước 5: Thông báo thêm thông báo mới thành công
Hình 3.18: Sơ đồ tuần tự chỉnh sửa thông báo r Sơ đồ tuần tự xóa thông báo
- Tác nhân: Admin, Người đăng bài
Bước 1: Người dùng lựa chọn xóa thông báo;
Bước 2: Controller kiểm tra thông báo trên CSDL có xóa được không;
Bước 3: Controller xóa thông báo trên CSDL;
Bước 4: Thông báo thêm thông báo mới thành công
Hình 3.19: Sơ đồ tuần tự xóa thông báo s Xem thông tin tài khoản
- Tác nhân: Admin, Sinh viên, Người đăng bài
Bước 1: Người dùng truy cập trang xem thông tin tài khoản;
Bước 2: Controller truy xuất thông tin trên database;
Bước 3: Controller hiển thị thông tin tài khoản
Hình 3.20: Sơ đồ tuần tự xem thông tin tài khoản t Xem thông tin hộ chiếu
- Tác nhân: Admin, Sinh viên
Bước 1: Người dùng truy cập trang xem thông tin hộ chiếu;
Bước 2: Controller truy xuất thông tin trên database;
Bước 3: Controller hiển thị thông tin hộ chiếu
Hình 3.21: Sơ đồ tuần tự xem thông tin hộ chiếu u Xem thông tin visa
- Tác nhân: Admin, Sinh viên
Bước 1: Người dùng truy cập trang xem thông tin visa;
Bước 2: Controller truy xuất thông tin trên database;
Bước 3: Controller hiển thị thông tin visa
Hình 3.22: Sơ đồ tuần tự xem thông tin visa v Xem thông báo
- Tác nhân: Admin, Người đăng bài, Sinh viên, Khách
Bước 1: Người dùng truy cập trang xem thông báo;
Bước 2: Controller truy xuất thông báo trên database;
Bước 3: Controller hiển thị thông báo
Hình 3.23: Sơ đồ tuần tự xem thông tin hộ chiếu
Hình 3.24: Sơ đồ lớp Bảng 3.3: Giải thích sơ đồ lớp
STT Tên lớp Giải thích
1 TaiKhoan Quản lý tài khoản của người dùng
- MatKhau: Mật khẩu đăng nhập
- LoaiTaiKhoan: Loại tài khoản (Admin, Người đăng bài hoặc lưu học sinh)
- DangNhap(): Đăng nhập hệ thống
- DangXuat(): Đăng xuất hệ thống
2 SinhVien Quản lý tài khoản của sinh viên
- Id: Id tài khoản sinh viên
- HoTen: Họ và tên sinh viên
- CMND: Chứng minh nhân dân
3 Lop Quản lý lớp của sinh viên
4 ThongBao Quản lý các thông báo
- TieuDe: Tiêu đề thông báo
- NoiDung: Nội dung thông báo Các phương thức:
5 Visa Quản lý thông tin visa lưu học sinh
- SoLanNhapCanh: Số lần nhập cảnh
- MoChinhSua(): Mở chỉnh sửa visa
6 HoChieu Quản lý thông tin hộ chiếu
- MoChinhSua(): Mở chỉnh sửa hộ chiếu
3.3.4 Lược đồ cơ sở dữ liệu
Hình 3.25: Lược đồ cơ sở dữ liệu Bảng 3.4: Giải thích lược đồ cơ sở dữ liệu
STT Tên bảng Thuộc tính Khóa Mô tả
Ma_tai_khoan Ma_sinh_vien Ho_ten
CMND Gioi_tinh Ngay_sinh Dan_toc
Họ tên Chứng minh nhân dân Giới tính
Quoc_tich Ma_lop Dia_chi SDT Ma_ho_chieu Ma_visa Email
Ten_tai_khoan Mat_khau Loai_tai_khoan
Tên tài khoản Mật khẩu Loại tài khoản
Ten Noi_dung Ngay_dang
Tên thông báo Nội dung thông báo Ngày đăng
So_the So_lan_nhap_canh Ngay_phat_hanh Ngay_het_han
Số lần nhập cảnh Ngày phát hành Ngày hết hạn
So_ho_chieu Ngay_cap Ngay_het_han Noi_cap
Số hộ chiếu Ngày cấp Ngày hết hạn Nơi cấp
DEMO KẾT QUẢ
3.4.1 Frontend a Giao diện trang chủ
Giao diện trang chủ hiển thị các thông báo của hệ thống
Hình 3.26: Giao diện trang chủ
Hình 3.27: Giao diện trang chủ trên điện thoại b Giao diện đăng nhập
Người dùng nhập tên tài khoản và mật khẩu để đăng nhập
Hình 3.28: Giao diện đăng nhập c Giao diện thông tin sinh viên
Giao diện xem thông tin sinh viên của tài khoản hiện tại đang đăng nhập
Hình 3.29: Giao diện thông tin sinh viên d Giao diện thông tin hộ chiếu
Giao diện xem thông tin hộ chiếu gồm hình ảnh hộ chiếu và các thong tin
Hình 3.30: Giao diện thông tin hộ chiếu e Giao diện thông tin visa
Hiển thị giao diện thông tin visa
Hình 3.31: Giao diện thông tin visa f Giao diện chỉnh sửa thông tin tài khoản
Hiển thị giao diện chỉnh sửa thông tin tài khoản như hình dưới g Giao diện chỉnh sửa hộ chiếu
Hiển thị giao diện chỉnh sửa thông tin hộ chiếu, có thời gian mở và đóng chỉnh sửa hộ chiếu
Hình 3.33: Giao diện chỉnh sửa hộ chiếu h Giao diện chỉnh sửa visa
Hiển thị giao diện chỉnh sửa visa, có thời gian mở và đóng chỉnh sửa visa
Hình 3.34: Giao diện chỉnh sửa visa 3.4.2 Backend a Quản lý tài khoản Admin
- Danh sách tài khoản Admin: Hiển thị bảng các tài khoản gồm tên tài khoản, email
Hình 3.35: Giao diện danh sách tài khoản Admin
- Thêm tài khoản Admin: Hiển thị các input gồm tên tài khoản, email, mật khẩu và nhập lại mật khẩu
Hình 3.36: Giao diện thêm tài khoản Admin
- Chỉnh sửa tài khoản Admin: Hiển thị các input gồm email, đổi mật khẩu và nhập lại mật khẩu
Hình 3.37: Giao diện chỉnh sửa tài khoản Admin b Quản lý tài khoản Người đăng bài
- Danh sách tài khoản Người đăng bài: Tương tự như Admin
Hình 3.38: Giao diện danh sách tài khoản Người đăng bài
- Thêm tài khoản Người đăng bài: Tương tự như Admin
Hình 3.39: Giao diện thêm tài khoản Người đăng bài
- Chỉnh sửa tài khoản Người đăng bài: Tương tự như Admin
Hình 3.40: Giao diện chỉnh sửa tài khoản Người đăng bài c Quản lý tài khoản Sinh viên
Danh sách tài khoản sinh viên bao gồm các thông tin quan trọng như tên tài khoản, email, mã sinh viên, họ tên, CMND, giới tính, ngày sinh, dân tộc, quốc tịch, lớp học, địa chỉ, số điện thoại, số hộ chiếu và số thẻ visa.
- Thêm tài khoản Sinh viên:
Hình 3.42: Giao diện thêm tài khoản Sinh viên
- Chỉnh sửa tài khoản Sinh viên: d Quản lý lớp
- Danh sách lớp: Hiển thị bảng danh sách gồm tên lớp và số lượng sinh viên
Hình 3.44: Giao diện danh sách lớp
- Thêm lớp: Có một input là tên lớp
Hình 3.45: Giao diện thêm lớp
- Chỉnh sửa lớp: Có một input là tên lớp
Hình 3.46: Giao diện chỉnh sửa lớp e Quản lý mở chỉnh sửa
- Danh sách mở chỉnh sửa: Hiển thị danh sách mở chỉnh sửa
Hình 3.47: Giao diện danh sách mở chỉnh sửa
Giao diện chỉnh sửa bao gồm các trường nhập liệu như tiêu đề, ngày mở, ngày đóng, và lựa chọn mở cho các loại giấy tờ như hộ chiếu và visa, hộ chiếu riêng hoặc visa riêng Ngoài ra, còn có tùy chọn gửi thông báo qua email cho lưu học sinh.
Hình 3.48: Giao diện thêm chỉnh sửa
Hình 3.49: Nội dung email thông báo mở cập nhật
Chỉnh sửa thông tin mở chỉnh sửa bao gồm việc cập nhật các trường như tiêu đề, ngày mở, ngày đóng và các loại giấy tờ như Hộ chiếu và visa, Hộ chiếu, Visa.
Hình 3.50: Giao diện chỉnh sửa mở chỉnh sửa f Quản lý hộ chiếu
- Danh sách hộ chiếu: Hiển thị danh sách hộ chiếu
Hình 3.51: Giao diện danh sách hộ chiếu
- Chỉnh sửa hộ chiếu: Hiển thị giao diện các input chỉnh sửa hộ chiếu
Hình 3.52: Giao diện chỉnh sửa hộ chiếu g Quản lý visa
- Danh sách visa: Hiển thị danh sách các visa lưu học sinh
Hình 3.53: Giao diện danh sách visa
- Chỉnh sửa visa: Hiển thị giao diện các input chỉnh sửa visa
Hình 3.54: Giao diện chỉnh sửa visa h Quản lý thông báo
- Danh sách thông báo: Hiển thị danh sách các thông báo trên hệ thống
Hình 3.55: Giao diện danh sách thông báo
- Thêm thông báo: Hiển thị các input thêm thông báo gồm tiêu đề, nội dung và nút gửi thông báo qua email
Hình 3.56: Giao diện thêm thông báo
- Nội dung email thông báo
- Chỉnh sửa thông báo: Hiển thị giao diện chỉnh sửa thông báo
Hình 3.58: Giao diện chỉnh sửa thông báo
