40 Thiết kế giao diện thông tin tài khoản

Một phần của tài liệu Đồ án xây dựng website quản lý nhân sự (Trang 53)

CHƯƠNG 3: CÀI ĐẶT HỆ THỐNG VÀ MỘT SỐ KẾT QUẢ 3.1 Công nghệ và môi trường đã sử dụng

3.1.1 Công nghệ

Hiện nay có rất nhiều công nghệ được sử dụng để phát triển và thiết kế website (PHP, ASP, ASP.NET)

PHP là viết tắt của từ Hypertext Preprocessor. Ngôn ngữ này được phát triển từ năm 1994 và cho đến nay đã được nhiều người sử dụng để phát triển các ứng dụng phần mềm thông qua lập trình web. Đặc điểm của ngôn ngữ lập trình này là sử dụng mã nguồn mở, dễ dàng nhúng vào HTML và tích hợp với web.

Do được tối ưu hóa cho các ứng dụng web, tốc độ nhanh, nhỏ gọn, cú pháp giống C và Java, dễ học và thời gian xây dựng sản phẩm tương đối ngắn hơn so với các ngôn ngữ khác nên PHP đã nhanh chóng trở thành một ngôn ngữ lập trình web phổ biến nhất thế giới.

PHP chạy trên môi trường Webserver và lưu trữ dữ liệu thông qua hệ quản trị cơ sở dữ liệu nên PHP thường đi kèm với Apache, MySQL và hệ điều hành Linux (LAMP).

● Apache là một phần mềm web server có nhiệm vụ tiếp nhận request từ trình duyệt người dùng sau đó chuyển giao cho PHP xử lý và gửi trả lại cho trình duyệt.

● MySQL cũng tương tự như các hệ quản trị cơ sở dữ liệu khác (PostgreSQL, Oracle, SQL server...) đóng vai trò là nơi lưu trữ và truy vấn dữ liệu.

● Linux: Hệ điều hành mã nguồn mở được sử dụng rất rộng rãi cho các webserver. Thông thường các phiên bản được sử dụng nhiều nhất là RedHat Enterprise Linux, Ubuntu.

Một trong web có thể được viết ra bằng nhiều các ngôn ngữ lập trình khác nhau. Tuy nhiên, sử dụng ngôn ngữ lập trình PHP để thiết kế web là một giải pháp rất tốt. Có rất nhiều lý do để chọn PHP để lập trình web. Tiêu biểu như:

Ứng dụng của các ngôn ngữ lập trình PHP hiện nay rất lớn. Có thể sử dụng PHP để tạo ra những trang báo điện tử, trang mạng xã hội, thậm chí như cài đặt các ứng dụng trên các trang mạng xã hội như Zalo, Facebook ...

Ngôn ngữ PHP có thể sử dụng trên mọi hệ điều hành, dễ dàng kết hợp với các cơ sở dữ liệu và được sử dụng rộng rãi.

Tài liệu học PHP rất nhiều, cộng đồng PHP lớn nên khi gặp bất kỳ khó khăn nào cần giải đáp sẽ được hỗ trợ. Đây chính là ưu điểm nổi bật khiến nhiều người lựa chọn ngôn ngữ PHP.

Cơ sở dữ liệu của PHP rất lớn nên khi thiết kế website có thể sử dụng nhiều hệ cơ sở dữ liệu khác nhau.

3.1.2 Môi trường

Visual Studio Code là một trình biên tập lập trình code miễn phí dành cho Windows, Linux và macOS, Visual Studio Code được phát triển bởi Microsoft. Nó được xem là một sự kết hợp hoàn hảo giữa IDE và Code Editor.

Visual Studio Code hỗ trợ chức năng debug, đi kèm với Git, có syntax highlighting, tự hoàn thành mã thông minh, snippets, và cải tiến mã nguồn. Nhờ tính năng tùy chỉnh, Visual Studio Code cũng cho phép người dùng thay đổi theme, phím tắt, và các tùy chọn khác.

Lý do bạn nên sử dụng Visual Studio Code là vì nó có rất nhiều ưu điểm vượt trội so với bất kỳ IDE nào khác:

- Hỗ trợ đa nền tảng: Windows, Linux, Mac

- Hỗ trợ đa ngôn ngữ: C/C++, C#, F#, Visual Basic, HTML, CSS, JavaScript, JSON

- Ít dung lượng

- Tính năng mạnh mẽ

- Intellisense chuyên nghiệp - Giao diện thân thiện

- Là phần mềm miễn phí, được đông đảo lập trình viên trên thế giới sử dụng.

Xampp

Xampp là một chương trình được sử dụng để tạo máy chủ web (web

server) được tích hợp sẵn với FTP Server, Apache, PHP, MySQL

và phpMyAdmin. Xampp có giao diện tương đối dễ hiểu và tiện lợi, tạo điều kiện cho người dùng trong việc bật tắt hay khởi động lại dịch vụ máy chủ. Xampp là một mã nguồn mở web server đa nền bao gồm Apache HTTP Server, Interpreters và MariaDB database chủ yếu dành cho các đối tượng sử dụng các ngôn ngữ lập trình như Perl hay là PHP có thể dễ dàng tạo ra máy chủ web local với mục đích kiểm tra và triển khai website.

Xampp được thiết lập, phát triển dựa trên cơ sở mã nguồn mở, là công cụ hoàn hảo để thiết kế và phát triển website. Hiện chương trình này được ứng dụng trên khá nhiều hệ điều hành như Windows, Linux, MacOS, Cross- platform, Solaris.

MySQL là chương trình dùng để quản lý hệ thống cơ sở dữ liệu (CSDL), trong đó CSDL là một hệ thống lưu trữ thông tin, được sắp xếp rõ ràng, phân lớp ngăn nắp những thông tin mà mình lưu trữ.

MySQL đã được tích hợp sẵn trong Xampp, nên rất thuận tiện cho người sử dụng. (adsbygoogle = window.adsbygoogle || []).push({});

3.2 Hoạt động của hệ thống

o Về trang chủ:

▪ Trang này hiển thị toàn bộ những nội dung chính, người dùng có thể thực hiện tất cả các thao tác mà họ muốn bằng cách click vào những mục tương ứng, hệ thống sẽ liên kết đến các trang tương ứng với thao tác của người dùng.

▪ Menu dọc của trang liệt kê các chức năng của hệ thống như “Quản lý nhân viên”, “Quản lý nhóm nhân viên”, “Quản lý công tác”, “Quản lý lương”, “Kỷ luật và khen thưởng”, “Quản lý tài khoản”.

▪ Nội dung chính của trang chủ được thành 6 phần chính: Danh sách nhân viên, tài khoản người dùng, phòng ban, danh sách nghỉ việc, xuất báo cáo danh sách nhân viên, xuất báo cáo danh sách lương. Ngoài ra người dùng có thể nhìn thấy rõ các phòng ban và các chức vụ của công ty ngay ở trang chủ.

o Đăng nhập

▪ Ngay khi đăng nhập vào hệ thống thì một form đăng nhập sẽ hiện ra. Có hai loại tài khoản để đăng nhập, tài khoản của người quản lý và tài khoản của nhân viên. Mỗi tài khoản sau khi đăng nhập sẽ có những chức năng riêng biệt.

o Sửa thông tin cá nhân:

▪ Nếu có gì sai sót trong thông tin đã điền, người dùng cũng có thể xem lại thông tin cá nhân và sửa thông tin trong mục “Thông tin tài khoản” ở danh mục quản lý tài khoản.

o Trang view của nhân viên: Nhân viên có Username và password để đăng nhập vào hệ thống để thực hiện các công việc của mình. Khi đăng

nhập thành công người nhân viên có thể thực hiện các chức năng như sau:

▪ Quản lý nhân viên: Nhân viên có thể xem danh sách của nhân viên trong công ty như, nhân loại, phòng ban, chức vụ, chuyên môn, trình độ, bằng cấp, phân loại.

▪ Quản lý nhóm nhân viên: Nhân viên có thể xem các nhóm nhân viên trong công ty.

▪ Quản lý công tác: Nhân viên có thể xem lịch công tác của mình và nhân viên khách.

▪ Quản lý lương: Nhân viên có thể xem lương của mình qua các tháng. ▪ Kỷ luật và khen thưởng: Nhân viên có thể xem các khen thưởng và kỷ luật của công ty.

▪ Quản lý tài khoản: Nhân viên có thể chỉnh sửa thông tin và đổi mật khẩu tài khoản của mình.

o Trang quản trị hệ thống: Người quản trị có Username và password để đăng nhập vào hệ thống để thực hiện các công việc của mình. Khi đăng nhập thành công người quản trị có thể thực hiện các chức năng như sau: ▪ Quản lý nhân viên: Người quản trị có chức năng thêm, sửa, xóa, tìm kiếm nhân viên, loại nhân viên, phòng ban, chức vụ, chuyên môn, trình độ, bằng cấp.

▪ Quản lý nhóm nhân viên: Người quản trị có chức năng tạo thêm, sửa, xóa các nhóm nhân viên.

▪ Quản lý công tác: Người quản trị có chức năng tạo mới, thêm, sửa, xóa, tìm kiếm, quản lý công tác cho nhân viên.

▪ Quản lý lương: Người quản trị có chức năng tạo mới, thêm, sửa, xóa, tìm kiếm, quản lý lương, tính lương cho từng nhân viên.

▪ Kỷ luật và khen thưởng: Người quản trị có chức năng tạo mới, thêm, sửa, xóa, tìm kiếm, quản kỷ luật và khen thưởng cho từng nhân viên.

▪ Quản lý tài khoản: Người quản trị có chức năng tạo mới, thêm, sửa, xóa, tìm kiếm, quản lý tài khoản cho mình và nhân viên.

3.3 Kết quả đạt được, hình ảnh chương trình

Hoàn thành được nhiệm vụ: Xây dựng website quản lý nhân sự cho

công ty TNHH Omega.

Giao diện dành cho quản trị viên và nhân viên.

Giao diện đăng nhập

Giao diện có form để quản trị viên đăng nhập vào hệ thống theo tài khoản và mật khẩu đã tạo trước đó.

- Đăng nhập

Hình 3. 1 Giao diện đăng nhập (adsbygoogle = window.adsbygoogle || []).push({});

Hình 3. 2 Giao diện màn hình chính

Tại giao diện đăng nhập người quản trị hoặc nhân viên sẽ nhập email và mật khẩu rồi nhấn nút “Đăng nhập”.Nếu email hoặc mật khẩu nhập sai thì hệ thống sẽ báo sai mật khẩu hoặc email vui lòng thử lại.Còn nếu mật khẩu và tài khoản không được nhập thì hệ thống sẽ đưa ra các cảnh bảo chấm than để cảnh báo.Khi tài khoản và mật khẩu đã được nhập thành công thì quản trị viên và nhân viên sẽ được vào trang chính (hình 3.2)

Tại trang chủ quản trị viên hoặc nhân viên có thể xem danh sách nhân viên, tài khoản người dùng, phòng ban, công tác, xuất danh sách nhân viên, xuất danh sách lương, chức vụ, danh sách lương tháng tuy nhiên khi nhấn truy cập vào từng phần thì quyền chỉnh sửa, thêm, sửa xóa các mục thì chỉ có quản trị viên thao tác được.

Quản lý nhân viên:

Hình 3. 3 Giao diện thêm thành viên

Tại giao diện thêm nhân viên khi quản trị viên hoặc nhân viên nhấn vào phần thêm nhân viên thì ở bên nhân viên sẽ chỉ có thể xem được các trường và sẽ có dòng bạn không có quyền thực hiện chức năng này xuất hiện. Nếu truy cập với quyền quản trị viên thì có thể điền thông tin, nếu bị thiếu sẽ có thông báo nhập thiếu sau đó hoàn thành thì có thể nhấn thêm mới nhân viên để hoàn thành thao tác thêm nhân viên mới.

Hình 3. 4 Giao diện danh sách nhân viên

Tại giao diện danh sách nhân viên khi người quản trị hoặc nhân viên nhấn vào danh sách nhân viên thì đều có thể thực hiện nhấn vào nút thêm nhân viên và xuất danh sách nhân viên và xem danh sách nhân viên. Người quản trị thì có thể xem thông tin chi tiết từng nhân viên, sửa, xóa nhân viên khỏi danh sách.

- Các loại nhân viên

Hình 3. 5 Giao diện các loại nhân viên

Tại giao diện các loại nhân viên khi người quản trị hoặc nhân viên nhấn vào loại nhân viên thì đều có thể điền thông tin vào các trường và xem danh sách loại nhân viên. Tuy nhiên người quản trị mới có thể nhấn nút tạo loại nhân viên để tạo loại nhân viên mới và có thể sửa, xóa được thông tin của loại nhân viên.

- Phòng ban

Tại giao diện phòng ban khi người quản trị hoặc nhân viên nhấn vào phòng ban thì đều có thể điền thông tin vào các trường và xem danh sách phòng ban. Tuy nhiên người quản trị mới có thể nhấn nút tạo phòng ban viên để tạo phòng ban mới và có thể sửa, xóa.

- Chức vụ

Hình 3. 7 Giao diện chức vụ nhân viên

Tại giao diện chức vụ khi người quản trị hoặc nhân viên nhấn vào phòng ban thì đều có thể điền thông tin vào các trường và xem danh sách phòng ban. Tuy nhiên người quản trị mới có thể nhấn nút tạo phòng ban để tạo phòng ban mới và có thể sửa, xóa thông tin các phòng ban.

- Chuyên môn

Hình 3. 8 Giao diện chuyên môn nhân viên

Tại giao diện chuyên môn người quản trị hoặc nhân viên nhấn vào phòng ban thì đều có thể điền thông tin vào các trường và xem danh sách chuyên môn. Tuy nhiên người quản trị mới có thể nhấn nút thêm chức vụ để tạo phòng ban mới và có thể sửa, xóa thông tin các chuyên môn.

- Trình độ

Hình 3. 9 Giao diện trình độ nhân viên

- Bằng cấp

Hình 3. 10 Giao diện bằng cấp

Tại giao diện bằng cấp người quản trị hoặc nhân viên nhấn vào phòng ban thì đều có thể điền thông tin vào các trường và xem danh sách bằng cấp. Tuy nhiên người quản trị mới có thể nhấn nút thêm bằng cấp để thêm bằng cấp mới và có thể sửa, xóa thông tin các bằng cấp.

Quản lý nhóm nhân viên:

- Tạo nhóm

Tại giao diện tạo nhóm thì cả người quản trị và nhân viên đều xem được danh sách thông tin các trường nhập dữ liệu và có thể nhập dữ liệu, còn về ở phía người quản trị có thể nhấn vào nút thêm công tác để có thể hoàn thành thêm công tác của nhân viên vào danh sách.

- Danh sách nhóm

Hình 3. 12 Giao diện danh sách nhómHình 3. 11 Giao diện tạo nhóm Hình 3. 11 Giao diện tạo nhóm

Tại giao diện danh sách nhóm thì cả người quản trị và nhân viên đều có thể xem được danh sách các nhóm, xem danh sách thành viên trong nhóm, các trường nhập dữ liệu và có thể xóa nhóm, còn về ở phía người quản trị thì có thể nhập liệu và chỉnh sửa thông tin của nhóm và thêm nhân viên hoặc xóa nhân viên khỏi nhóm. (adsbygoogle = window.adsbygoogle || []).push({});

●Quản lý công tác:

- Tạo công tác

Hình 3. 13 Giao diện tạo công tác

Tại giao diện tạo công tác thì cả người quản trị và nhân viên đều xem được danh sách thông tin các trường nhập dữ liệu và có thể nhập dữ liệu, còn về ở phía người quản trị có thể nhấn vào nút thêm công tác để có thể hoàn thành thêm công tác của nhân viên vào danh sách.

- Danh sách công tác

Hình 3. 14 Giao diện danh sách công tác

Tại giao diện danh sách công tác cả người quản trị và nhân viên đều có thể xem danh sách công tác hiển thị thông tin những nhân viên đang công tác bên cạnh đó thì người quản trị có thể chỉnh sửa thông tin của công tác và có thể xóa các công tác khỏi danh sách.

Quản lý lương:

- Bảng tính lương

Tại phần giao diện bảng tính lương cả người quản trị và nhân viên đều có thể xem danh sách bảng lương của nhân viên và nhấn vào nút tính lương và xuất file lương ra excel. Bên cạnh đó thì người quản trị có thêm chức năng xem chi tiết thông tin của nhân viên và lương của nhân viên và có thể xóa phần lương khỏi danh sách.

- Tính lương

Hình 3. 16 Giao diện tính lương

Tại giao diện tính lương thì cả người quản trị và nhân viên đều xem được danh sách thông tin các trường nhập dữ liệu và có thể nhập dữ liệu còn về ở phía người quản trị có thể nhấn vào nút tính lương để có thể hoàn thành tính lương cho nhân viên.

Quản lý kỷ luật và khen thưởng:

- Kỷ luật

Hình 3. 17 Giao diện kỷ luật

Tại giao diện kỷ luật thì cả người quản trị và nhân viên đều xem được danh sách thông tin cơ bản các trường nhập dữ liệu và danh sách kỷ luật và những người bị kỷ luật, còn ở phía người quản trị sẽ có thể thêm, sửa, xóa các loại kỷ luật và những nhân viên đang bị kỷ luật vào danh sách.

- Khen thưởng

Tại giao diện khen thưởng thì cả người quản trị và nhân viên đều xem được danh sách thông tin cơ bản các trường nhập dữ liệu và danh sách khen thưởng và những người được khen thưởng, còn ở phía người quản trị sẽ có thể thêm, sửa, xóa các loại khen thưởng và những nhân viên đang được khen thưởng vào danh sách.

Quản lý tài khoản:

- Danh sách tài khoản

Hình 3. 19 Giao diện danh sách tài khoản

Tại giao diện danh sách tài khoản thì cả người quản trị và nhân viên

Một phần của tài liệu Đồ án xây dựng website quản lý nhân sự (Trang 53)