KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNGBÁO CÁO ĐỒ ÁN CƠ SỞ 2ĐỀ TÀI: XÂY DỰNG HỆ THỐNG QUẢN LÝKÍ TÚC XÁ

Vì vậy việc áp dụng tin học, đưa máy tính vào trợ giúp quản lý kí túc xá sinhviên là rất cần thiết, nó giúp cho người quản lý thu hẹp không gian lưu trữ, tránh đượcthất lạc dữ liệu, xử l

ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

BÁO CÁO ĐỒ ÁN CƠ SỞ 2

ĐỀ TÀI: XÂY DỰNG HỆ THỐNG QUẢN LÝ

KÍ TÚC XÁ

Giảng viên hướng dẫn: TS LÊ THỊ THU NGA

Sinh viên thực hiện: NGUYỄN THỊ THANH THÚY Lớp: 18IT5

Khóa: 2018 - 2023

Đà nẵng, tháng 1 năm 2020

ĐẠI HỌC ĐÀ NẴNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

BÁO CÁO ĐỒ ÁN CƠ SỞ 2

ĐỀ TÀI: XÂY DỰNG HỆ THỐNG QUẢN LÝ

KÍ TÚC XÁ

Giảng viên hướng dẫn: TS LÊ THỊ THU NGA

Sinh viên thực hiện: NGUYỄN THỊ THANH THÚY Lớp: 18IT5

Khóa: 2018 - 2023

Đà nẵng, tháng 1 năm 2020

Em xin gửi làm cảm ơn đến TS Lê Thị Thu Nga, giảng viên tại Khoa Công

nghệ thông tin và Truyền thông đã tận tình hướng dẫn em giúp em hoàn thành đồ án

và báo cáo đúng tiến độ

Trong thời gian nghiên cứu làm đồ án cơ sở 2 với đề tài xây dựng hệ thống quản lý kí túc xá, em đã gặp không ít khó khăn trong cấu trúc của đồ án và về cả kiến thức, nhờ sự hướng dẫn tận tình của cô, em đã tìm ra được hướng nghiên cứu và hoàn thành đồ án đúng tiến độ

Em xin chân thành cảm ơn cô !

NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN

Giảng viên hướng dẫn

TS Lê Thị Thu Nga

MỤC LỤC

DANH MỤC HÌNH VẼ 6

DANH MỤC BẢNG BIỂU 8

MỞ ĐẦU 13

1 Lý do chọn đề tài 13

2 Mục đích 13

3 Đối tượng và phạm vi nghiên cứu 14

4 Phương pháp nghiên cứu 14

CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 14

1.1 Các ngôn ngữ, công nghệ đã áp dụng để làm front-end 14

1.1.1 Ngôn ngữ lập trình HTML 14

1.1.2 CSS 15

1.1.3 Ngôn ngữ lập trình Javascript 16

1.1.4 Bootstrap framework 17

1.2 Các ngôn ngữ, công nghệ đã áp dụng để làm back-end 17

1.2.1 Ngôn ngữ lập trình PHP 17

1.2.2 Laravel framework 17

1.2.3 Hệ quản trị cơ sở dữ liệu MySQL 18

1.4 Các phần mềm, công cụ đã sử dụng trong quá trình nghiên cứu 18

CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐG QUẢN LÝ KÍ TÚC XÁ18 2.1 Xác định yêu cầu hệ thống quản lý kí túc xá 18

2.1.1 Chức năng của người dùng 18

2.1.2 Chức năng của hệ thống 18

2.2 Phân tích hệ thống quản lý kí túc xá 19

2.2.1 Biểu đồ use case 19

2.2.3 Biểu đồ lớp 21

2.3 Thiết kế hệ thống quản lý kí túc xá 22

2.3.1 Thiết kết cơ sở dữ liệu 22

2.3.2 Thiết kế giao diện 25

CHƯƠNG 3: KẾT QUẢ ĐẠT ĐƯỢC 27

3.1 Kết quả đạt được 27

3.2 Kết quả chưa đạt được 33

KẾT LUẬN 34

1 Những thuận lợi và khó khăn trong quá trình nghiên cứu 34

2 Những mặt còn hạn chế của hệ thống 34

3 Hướng phát triển 34

DANH M C HÌNH VẼ ỤC HÌNH VẼ

Hình 1: Biểu đồ use case (user)

Hình 2: Biểu đồ use case (admin)

Hình 3: Bi u đ l p ho t đ ng ểu đồ lớp hoạt động ồ lớp hoạt động ớp hoạt động ạt động ộng

DANH M C B NG BI U ỤC HÌNH VẼ ẢNG BIỂU ỂU

Các bảng trong cơ sở dữ liệu

1. Bảng sinh viên (students)

dân

11 id_relative Text 10 Số cmnd của người thân

2. Bảng người thân sinh viên (relative)

dân

2 fullname_rl Varchar 60 Họ tên người thân

3 birthday date 50 Ngày sinh

7 relationship Varchar 255 Mối quan hệ

4 category_room Varchar 12 Loại phòng

(Trống/ hết chỗ)

3 floor int 11 Tầng

5. Bảng điện nước (diennuoc)

(tháng/năm)

6. Bảng nhân viên (employees)

7. Bảng trang thiết bị (equipment)

2 equipment_name Varchar 255 Tên thiết bị

3 number_equipment int 11 Số lượng của môi thiết

bị

5 status_equipment Varchar 255 Trạng thái của thiết bị

Tại các trường đại học vấn đề quản lý chỗ ở của sinh viên là một trong nhữngvấn đề cần thiết và cấp bách Một sinh viên muốn đạt được thành quả cao trong hoctập phải có một môi trường sống và học tập tốt Thực tế các trường đại học việc quản lýchỗ ở hầu hết cũng chỉ quản lý trên giấy tờ,sổ sách

Vì vậy việc áp dụng tin học, đưa máy tính vào trợ giúp quản lý kí túc xá sinhviên là rất cần thiết, nó giúp cho người quản lý thu hẹp không gian lưu trữ, tránh đượcthất lạc dữ liệu, xử lý nhanh một khối lượng lớn về thông tin, tra cứu tìm kiếm mộtcách nhanh chóng với độ chính xác cao, tiết kiệm được nhiều thời gian và công sứckhông chỉ đối với người quản lý mà còn đối với cả người thân, bạn bè hay chính bảnthân sinh viên

Xuất phát từ nhận thức trên, với mong muốn áp dụng công nghệ thông tin vàoquản lý, dựa trên những hoạt động thực tiễn em xin mạnh dạn xây dựng những bước

đầu tiên của website "Quản lý kí túc xá sinh viên”, với các chức năng đăng kí nội trú

online, lưu trữ, xử lý thông tin về sinh viên và tình hình trong kí túc

2 Mục đích

Đề tài được nghiên cứu với 3 mục đích chính:

 Phần dành cho người dùng: Sinh viên đăng kí nội trú kí túc xá online

 Phần hệ thống: Quản lý thông tin sinh viên, phòng, thiết bị, nhân viên.

 Tính tiền điện nước mỗi tháng và in hóa đơn

3 Đối tượng và phạm vi nghiên cứu

Kí túc xá Trường cao đẳng Công nghệ thông tin – Đại học Đà Nẵng

4 Phương pháp nghiên cứu

Phương pháp hệ thống, phương pháp tư duy

Phân tích, tổng hợp: mục đích để chứng minh từng luận điểm của đề tài có tínhthuyết phục hơn

Phương pháp tin học hóa bằng công cụ lập trình để giải quyết vấn đề đã đượcphân tích và xây dựng giải pháp

CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1 Các ngôn ngữ, công nghệ đã áp dụng để làm front-end

1.1.1 Ngôn ngữ lập trình HTML

HTML (tiếng Anh, viết tắt cho HyperText Markup Language, hay là "Ngôn ngữ Đánh dấu Siêu văn bản") là một ngôn ngữ đánh dấu được thiết kế ra để tạo nên các trang web với các mẩu thông tin được trình bày trên World Wide Web Cùng với CSS và JavaScript, HTML tạo ra bộ ba nền tảng kỹ thuật cho World Wide Web HTML được định nghĩa như là một ứng dụng đơn giản của SGML và được sử dụng trong các tổ chức cần đến các yêu cầu xuất bản phức tạp HTML đã trở thành một chuẩn Internet do tổ chức World Wide Web Consortium (W3C) duy trì Phiên bản chính thức mới nhất của HTML là HTML 4.01 (1999) Sau đó, các nhà phát triển đã thay thế nó bằng XHTML Hiện nay, HTML đang được phát triển tiếp với phiên bản HTML5 hứa hẹn mang lại diện mạo mới cho Web

Bằng cách dùng HTML động hoặc Ajax, lập trình viên có thể được tạo ra và xử

lý bởi số lượng lớn các công cụ, từ một chương trình soạn thảo văn bản đơn giản – có thể gõ vào ngay từ những dòng đầu tiên – cho đến những công cụ xuất bản

WYSIWYG phức tạp.Hypertext là cách mà các trang Web (các tài liệu HTML) được kết nối với nhau Và như thế, đường link có trên trang Web được gọi là

Hypertext.Như tên gọi đã gợi ý, HTML là ngôn ngữ đánh dấu bằng thẻ (Markup Language), nghĩa là bạn sử dụng HTML để đánh dấu một tài liệu text bằng các thẻ (tag) để nói cho trình duyệt Web cách để cấu trúc nó để hiển thị ra màn hình

Cấu trúc trang HTML

1.1.2 CSS

Trong tin học, các tập tin định kiểu theo tầng – dịch từ tiếng Anh là Cascading Style Sheets (CSS) – được dùng để miêu tả cách trình bày các tài liệu viết bằng ngôn ngữ HTML và XHTML.[1] Ngoài ra ngôn ngữ định kiểu theo tầng cũng có thể dùng cho XML, SVG, XUL Các đặc điểm kỹ thuật của CSS được duy trì bởi World Wide Web Consortium (W3C) Thay vì đặt các thẻ quy định kiểu dáng cho văn bản HTML (hoặc XHTML) ngay trong nội dung của nó, bạn nên sử dụng CSS

Tác dụng của CSS

- Hạn chế tối thiểu việc làm rối mã HTML của trang Web bằng các thẻ quy định kiểu dáng (chữ đậm, chữ in nghiêng, chữ có gạch chân, chữ màu), khiến mã nguồn của trang Web được gọn gàng hơn, tách nội dung của trang Web và địnhdạng hiển thị, dễ dàng cho việc cập nhật nội dung

- Tạo ra các kiểu dáng có thể áp dụng cho nhiều trang Web, giúp tránh phải lặp lại việc định dạng cho các trang Web giống nhau.

- "External CSS": Đặt các thuộc tính CSS vào một tệp tin riêng biệt (*.css), khi

đó có thể tham chiếu đến từ nhiều trang Web khác nhau:

o Ví dụ về nội dung tệp style.css:

o Tham chiếu tới tệp tin CSS trên từ trang Web bằng đoạn mã (mã có thể nằm ngoài thẻ <head>):

1.1.3 Ngôn ngữ lập trình Javascript

JavaScript, theo phiên bản hiện hành, là một ngôn ngữ lập trình thông dịch được phát triển từ các ý niệm nguyên mẫu Ngôn ngữ này được dùng rộng rãi cho các trang web (phía người dùng) cũng như phía máy chủ (với Nodejs) Nó vốn được phát triển bởi Brendan Eich tại Hãng truyền thông Netscape với cái tên đầu tiên Mocha, rồisau đó đổi tên thành LiveScript, và cuối cùng thành JavaScript Giống Java,

JavaScript có cú pháp tương tự C, nhưng nó gần với Self hơn Java .js là phần mở rộng thường được dùng cho tập tin mã nguồn JavaScript

Phiên bản mới nhất của JavaScript là ECMAScript 7[3] ECMAScript là phiên

không đầy đủ cho E4X - phần mở rộng cho JavaScript hỗ trợ làm việc với XML, đượcchuẩn hóa trong ECMA-357.

1.1.4 Bootstrap framework

Bootstrap là 1 framework HTML, CSS, và JavaScript cho phép người dùng dễ dàng thiết kế website theo 1 chuẩn nhất định, tạo các website thân thiện với các thiết

bị cầm tay như mobile, ipad, tablet,

Bootstrap bao gồm những cái cơ bản có sẵn như: typography, forms, buttons, tables, navigation, modals, image carousels và nhiều thứ khác Trong bootstrap có thêm nhiều Component, Javascript hỗ trợ cho việc thiết kế reponsive của bạn dễ dàng,thuận tiện và nhanh chóng hơn

1.2 Các ngôn ngữ, công nghệ đã áp dụng để làm back-end

1.2.1 Ngôn ngữ lập trình PHP

PHP: Hypertext Preprocessor, thường được viết tắt thành PHP là một ngôn ngữlập trình kịch bản hay một loại mã lệnh chủ yếu được dùng để phát triển các ứng dụngviết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng quát Nó rất thích hợp với web và có thể dễ dàng nhúng vào trang HTML 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

1.2.2 Laravel framework

Laravel là một PHP Framework mã nguồn mở và miễn phí, được phát triển bởi Taylor Otwell và nhắm mục tiêu hỗ trợ phát triển các ứng dụng web theo cấu trúc model- view- controller (MVC) Những tính năng nổi bật của Laravel bao gồm cú pháp dễ hiểu- rõ ràng, một hệ thống đóng gói Modular và quản lý gói phụ thuộc, nhiều cách khác nhau để truy cập vào các cơ sở dữ liệu quan hệ, nhiều tiện ích khác nhau hỗ trợ việc triển khai vào bảo trì ứng dụng

1.2.3 Hệ quản trị cơ sở dữ liệu MySQL

MySQL là hệ quản trị cơ sở dữ liệu tự do nguồn mở phổ biến nhất thế giới và được các nhà phát triển rất ưa chuộng trong quá trình phát triển ứng dụng Vì MySQL

là cơ sở dữ liệu tốc độ cao, ổn định và dễ sử dụng, có tính khả chuyển, hoạt động trên nhiều hệ điều hành cung cấp một hệ thống lớn các hàm tiện ích rất mạnh Với tốc độ

và tính bảo mật cao, MySQL rất thích hợp cho các ứng dụng có truy cập CSDL trên internet Người dùng có thể tải về MySQL miễn phí từ trang chủ MySQL có nhiều phiên bản cho các hệ điều hành khác nhau: phiên bản Win32 cho các hệ điều hành dòng Windows, Linux, Mac OS X, Unix, FreeBSD, NetBSD, Novell NetWare, SGI Irix, Solaris, SunOS,

MySQL là một trong những ví dụ rất cơ bản về Hệ Quản trị Cơ sở dữ liệu quan

hệ sử dụng Ngôn ngữ truy vấn có cấu trúc (SQL)

MySQL được sử dụng cho việc bổ trợ NodeJs, PHP, Perl, và nhiều ngôn ngữ khác, làm nơi lưu trữ những thông tin trên các trang web viết bằng NodeJs, PHP hay Perl,

1.4 Các phần mềm, công cụ đã sử dụng trong quá trình nghiên cứu

Sublime Text 3, Visual Studio Code, Xampp, Navicat

CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐG QUẢN LÝ KÍ TÚC XÁ 2.1 Xác định yêu cầu hệ thống quản lý kí túc xá

2.1.1 Chức năng của người dùng

- Sinh viên có thể xem tin tức, các thông báo, hình ảnh từ ban quản lý kí túc xá trên hệ thống

- Sinh viên có thể đăng kí nội trú kí túc xá online và nhận thông báo qua mail Khi đăng kí sinh viên sẽ được chọn phòng, và phòng sẽ hiển thị ra số giường và cho biết giường đó còn trống hoặc đã có người ở để sinh viên đăng kí

- Quản lý thông tin phòng, sửa thông tin phòng, xóa thông tin phòng, lấy được thông tin sinh viên ở trong phòng đó

- Chức năng nhập số điện nước và tự động tính tiền, hiển thị ra danh sách để sinh viên có thể vào xem Khi nộp tiền điện nước thì sẽ có nút để tích vào và in ra hóa đơn.

2.2 Phân tích hệ thống quản lý kí túc xá

2.2.1 Biểu đồ use case

2.2.3 Biểu đồ lớp

2.3 Thiết kế hệ thống quản lý kí túc xá

2.3.1 Thiết kết cơ sở dữ liệu

Sau khi xem xét và phân tích từng khía cạnh của công tác “quản lý quản lý ký túc xá”, để giải quyết yêu cầu của bài toán đặt ra một cánh hợp lý và có hiệu quả thì phải tạo một cấu trúc dữ liệu hợp lý cho bài toán Cấu trúc này phải đảm bảo chứa đầy

đủ thông tin cần thiết và đảm bảo khi truy nhập, kết xuất thông tin phải nhanh chóng

Các bảng trong cơ sở dữ liệu

8. Bảng sinh viên (students)

dân

11 id_relative Text 10 Số cmnd của người thân

9. Bảng người thân sinh viên (relative)

STT Tên trường Kiểu Độ rộng Mô tả

dân

2 fullname_rl Varchar 60 Họ tên người thân

7 relationship Varchar 255 Mối quan hệ

4 category_room Varchar 12 Loại phòng

(Trống/ hết chỗ)

11.Bảng loại phòng (category_room)

STT Tên trường Kiểu Độ rộng Mô tả

12.Bảng điện nước (diennuoc)

(tháng/năm)

13.Bảng nhân viên (employees)

7 email Varchar 50 Email

dân

14.Bảng trang thiết bị (equipment)

2 equipment_name Varchar 255 Tên thiết bị

3 number_equipment int 11 Số lượng của môi thiết

bị

5 status_equipment Varchar 255 Trạng thái của thiết bị

2.3.2 Thiết kế giao diện

Yêu cầu về thiết kế giao diện:

Thiết kế giao diện phải phụ thuộc vào yêu cầu, kinh nghiệm và khả năng củangười sử dụng hệ thống

Người thiết kế cũng nên quan tâm đến những giới hạn vật lý và tinh thần củacon người và nên nhận ra rằng con người luôn có thể gây ra lỗi

Không phải tất cả các nguyên tắc thiết kế giao diện đều có thể được áp dụngcho tất cả các giao diện Sau đây là các nguyên tắc thiết kế giao diện:

- Sự quen thuộc của người sử dụng: giao diện phải được xây dựng dựa trên cácthuật ngữ và các khái niệm mà người sử dụng có thể hiểu được hơn là những kháiniệm liên quan đến máy tính Ví dụ: hệ thống văn phòng nên sử dụng các khái niệm

như thư, tài liệu, cặp giấy … mà không nên sử dụng những khái niệm như thư mục,danh mục …

- Thống nhất: hệ thống nên hiển thị ở mức thống nhất thích hợp Ví dụ: các câulệnh và menu nên có cùng định dạng …

- Tối thiểu hoá sự bất ngờ: nếu một yêu cầu được xử lý theo cách đã biết trướcthì người sử dụng có thể dự đoán các thao tác của những yêu cầu tương tự

- Khả năng phục hồi: hệ thống nên cung cấp một số khả năng phục hồi từ lỗi củangười sử dụng và cho phép người sử dụng khôi phục lại từ chỗ bị lỗi Khả năng này baogồm cho phép làm lại, hỏi lại những hành động như xoá, huỷ …

- Hướng dẫn người sử dụng: như hệ thống trợ giúp, hướng dẫn trực tuyến …

- Tính đa dạng: hỗ trợ nhiều loại tương tác cho nhiều loại người sử dung khácnhau Ví dụ: nên hiển thị phông chữ lớn với những người cận thị

Tương tác giữa người sử dụng và hệ thống được chia thành 5 loại sau:

Tạo ra được kết cấu giao diện hợp lý

Đăng kí nội trú kí túc xá online, sau khi đăng kí thành công sẽ tự động gửi mail

về cho người đăng kí

Thông tin sinh viên đăng kí sẽ được lưu vào cơ sở dữ liệu và đổ ra bảng danh sách sinh viên, người thân sinh viên và phòng

Sửa thông tin sinh sinh viên, người thân sinh viên, phòng, điện nước

Xóa thông tin sinh viên, người thân sinh viên, phòng, điện nước

Nhập được số điện nước, tự động tính ra số điện nước và đổ ra bảng danh sách điện nước, in hóa đơn điện nước xuất ra dạng file PDF

Một số kết quả của hệ thống

1 Giao diện chính

2 Đơn đăng kí nội trú

3 Danh sách sinh viên

4 Giao diện sửa thông tin sinh viên