KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNGĐỒ ÁN CƠ SỞ 2 ĐỀ TÀI:XÂY DỰNG WEBSITE QUẢN LÍSINH VIÊN NỘI TRÚ KÝ TÚC XÁ

ĐẠI HỌC ĐÀ NẴNG

KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THƠNG

ĐỒ ÁN CƠ SỞ 2

ĐỀ TÀI:
XÂY DỰNG WEBSITE QUẢN LÍ
SINH VIÊN NỘI TRÚ KÝ TÚC XÁ

Sinh viên thực hiện : BÙI XUÂN THIỆN
Giảng viên hướng dẫn : TS. NGUYỄN HÀ HUY CƯỜNG
Lớp
: 18IT3

Đà nẵng, tháng 12 năm 2019


ĐẠI HỌC ĐÀ NẴNG

KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THƠNG

ĐỒ ÁN CƠ SỞ 2
XÂY DỰNG WEBSITE QUẢN LÍ
SINH VIÊN NỘI TRÚ KÝ TÚC XÁ


Đà Nẵng, tháng 12 năm 2019

MỞ ĐẦU
Đề tài xây dựng webtsite quản lý sinh viên ký túc xá của Khoa Công Nghệ

Thông Tin và Truyền Thông – Đại Học Đà Nẵng.
Từ thực tiễn, nhận thức được nhu cầu tin học hóa. Một phần là Ký Túc Xá SICT
đã được xây dựng và được SICT quản lý. Vì mới vừa được thành lập nên chỉ
mới áp dụng tin học hóa vào quản lý thu chi về điện nước.
Qua một thời gian, Ký Túc xá cho thấy cần phải có một phần mềm tồn diện để
có thể quản lý dễ dàng, khả năng mở rộng và thay đổi sau này.
Trong quản lý Ký Túc Xá này tôi hướng đến phát triển website qua internet. Với
các hỗ trợ qua mạng như khâu đăng ký vào Ký Túc Xá, xem thơng tin phịng,
đăng ký phịng, theo dõi hóa đơn điện nước,… khơng chỉ hỗ trợ sinh viên có
được sự tiện lợi, tiết kiệm về thời gian, kinh tế mà còn trợ giúp cho việc quản lý
của ban quản lý trở nên dễ dàng, nhanh chóng và chính xác.


LỜI CẢM ƠN
Lời đầu tiên, cho tôi xin gửi lời cảm ơn đến Tiến Sĩ Nguyễn Hà Huy Cường, giảng
viên đã tận tâm hướng dẫn và giúp đỡ tôi rất nhiều trong q trình hồn thiện đồ án
này.
Đã là sinh viên năm 2 của Khoa Công Nghệ Thông Tin và Truyền Thông, tôi vô cùng
viết ơn thầy cô của Khoa đã giúp tơi có được những kiến thức nền tảng và dần dần
hồn thiện kỹ năng để có thể thực hiện được đồ án 2 và có thể hồn thiện 100% sản
phẩm trong những năm tháng sắp tới tại Khoa bằng chuyên ngành của mình.


NHẬN XÉT
(Của giảng viên hướng dẫn)


MỤC LỤC
(Chèn mục lục tự động: References/Table of Contents)
Trang

MỞ ĐẦU..............................................................................................................1
Chương 1
GIỚI THIỆU..................................................................................1
1.1
Tổng quan..............................................................................................1
1.2
Phương pháp, kết quả.............................................................................1
1.2.1 Công cụ hỗ trợ...................................................................................1
1.2.1.1 Ngơn ngữ lập trình PHP..............................................................1
1.2.1.2 Ngơn ngữ lập trình HTML..........................................................2
1.2.1.3 Ngơn ngữ lập trình CSS..............................................................3
1.2.1.4 Ngơn ngữ lập trình JavaScript.....................................................4
1.2.1.5 Giao thức Internet AJAX............................................................4
1.2.1.6 Laravel Frameword.....................................................................5
1.2.1.7 Cơ Sở Dữ Liệu SQL....................................................................6
1.2.1.8 Phần mềm hỗ trợ lập trình PHPStorm.........................................7
1.2.2 Ngơn ngữ thiết kế hệ thống UML......................................................8
Chương 2
GIỚI THIỆU CHUNG VỀ WEBSITE QUẢN LÝ SINH VIÊN
KÝ TÚC XÁ SICT...............................................................................................9
2.1
Giới thiệu chung về Ký Túc Xá SICT....................................................9
2.1.1 Cơ cấu tổ chức...................................................................................9
2.1.2 Hoạt động quản lý chung và các dịch vụ thông tin..........................10
2.2
Hiện trạng hoạt động............................................................................10
2.2.1 Một số quy trình quản lý..................................................................10
2.2.1.1 Quản lý sinh viên vào KTX......................................................10
2.2.1.2 Quản lý điện..............................................................................11
2.2.1.3 Quản lý nước.............................................................................11

2.2.1.4 Quản lí tài sản...........................................................................11
2.2.1.5 Quản lí thu chi...........................................................................11
2.2.2 Về cách thức hoạt động trước đây....................................................11
2.2.3 Một vài mảng tin học hóa khác cần được nâng cấp.........................12
2.3
Mơ hình nghiệp vụ...............................................................................12
2.3.1 Quản lý KTX...................................................................................12
2.3.1.1 Quy trình tiếp nhận sinh viên vào KTX....................................12
2.3.1.1.1 Đăng ký vào KTX...............................................................12
2.3.1.1.2 Thơng tin phịng..................................................................14
2.3.1.1.3 Đăng ký phịng....................................................................14
2.3.1.1.4 Duyệt danh sách..................................................................14
2.3.1.1.5 Làm thẻ...............................................................................14
2.3.1.1.6 Thông tin sinh viên.............................................................14
2.3.1.2 Quy trình quản lý điện nước......................................................15
2.3.1.2.1 Tính số điện nước...............................................................15
2.3.1.2.2 Thống kế và in danh sách....................................................15
2.3.1.2.3 Tính số hao hụt...................................................................15
2.3.1.2.4 Hiển thị hóa đơn điện nước.................................................16
2.3.1.3 Quy trình quản lý tài sản...........................................................16


2.3.1.3.1 Cập nhập thơng tin tài sản phịng........................................16
2.3.1.3.2 Cập nhập thông tin tài sản khu nhà.....................................16
2.3.1.3.3 Cập nhập tài sản chung.......................................................16
2.3.1.4 Quản lý thu chi..........................................................................17
2.3.1.4.1 Cập nhập danh mục thu chi.................................................17
2.3.1.4.2 Báo cáo thu chi...................................................................17
Chương 3
PHÂN TÍCH THIẾT KẾ HỆ THỐNG.....................................18

3.1
Biểu đồ các tiến trình...........................................................................18
3.1.1 Tiến trình sử dụng hệ thống.............................................................18
3.1.1.1 Đăng ký tài khoản người dùng..................................................18
3.1.1.2 Đăng nhập hệ thống..................................................................19
3.1.1.3 Lấy lại mật khẩu........................................................................19
3.1.1.4 Đổi mật khẩu.............................................................................20
3.1.2 Tiến trình nhận sinh viên vào KTX..................................................21
3.1.2.1 Đăng ký vào KTX.....................................................................21
3.1.2.2 Thông tin phòng........................................................................21
3.1.2.3 Đăng ký phòng..........................................................................22
3.1.2.4 Duyệt danh sách........................................................................22
3.1.2.5 Duyệt đăng ký phịng................................................................23
3.1.2.6 Làm thẻ.....................................................................................23
3.1.2.7 Thơng tin sinh viên...................................................................24
3.1.2.7.1 Tìm Kiếm............................................................................24
3.1.2.8 Hiển thị danh sách sinh viên trong KTX...................................24
3.1.3 Tiến trình loại sinh viên ra khỏi KTX..............................................25
3.1.3.1 Buộc ra khỏi KTX.....................................................................25
3.1.3.2 Thơng tin sinh viên ( như phần 2.2.2.6)....................................25
3.1.3.2.1 Tìm kiếm sinh viên.............................................................25
3.1.3.2.2 Cập nhập thơng tin..............................................................25
3.1.3.3 Thanh tốn ngay........................................................................26
3.1.3.4 Cập nhập thẻ.............................................................................27
3.1.4 Tiến trình quản lý điện nước............................................................27
3.1.4.1 Tính số điện nước phụ trội........................................................27
3.1.4.2 Thống kê và in danh sách phụ trội............................................28
3.1.4.3 Tính số hao hụt..........................................................................28
3.1.4.4 Thanh tốn ngay........................................................................29
3.1.5 Tiến trình quản lý tài sản.................................................................29

3.1.5.1 Cập nhập thơng tin tài sản phịng..............................................29
3.1.5.2 Cập nhập thơng tin tài sản khu nhà...........................................30
3.1.5.3 Cập nhập thông tin tài sản chung..............................................31
3.2
Biểu đồ Use case..................................................................................32
3.2.1 Biểu đồ Use Case tổng thể...............................................................32
3.2.2 Biểu đồ phân rã các Use Case cho sinh viên....................................32
3.2.2.1 Tiến trình sử dụng hệ thống......................................................32
3.2.2.2 Tiến trình đăng ký vào KTX.....................................................33
3.2.2.3 Tiến trình đăng ký phòng..........................................................33
3.2.3 Biểu đồ phân rã cho Use Case cho cán bộ quản lý...........................34
3.2.3.1 Tiến trình nhận sinh viên vào KTX...........................................34
3.2.3.2 Tiến trình loại sinh viên ra khỏi KTX.......................................34


3.2.3.3 Tiến trình quản lý thu chi..........................................................35
3.2.3.4 Tiến trình quản lý điện nước.....................................................35
3.2.3.5 Tiến trình quản lý tài sản...........................................................36
3.3
Biểu Đồ Tuần Tự.................................................................................36
3.3.1 Biểu đồ tuần tự cho ca sử dụng hệ thống.........................................36
3.3.1.1 Tạo tài khoản............................................................................36
3.3.1.2 Đăng nhập.................................................................................37
3.3.2 Biểu đồ tuần tự cho các ca sử dụng của sinh viên............................37
3.3.2.1 Đăng ký vào KTX.....................................................................37
3.3.2.2 Thơng tin phịng........................................................................38
3.3.2.3 Form hiển thị hóa đơn điện nước..............................................38
3.3.3 Biểu đồ tuần tự cho các ca sử dụng của người quản lý....................39
3.3.3.1 Nhận sinh viên vào KTX...........................................................39
3.3.3.1.1 Duyệt danh sách..................................................................39

3.3.3.1.2 Làm thẻ...............................................................................39
3.3.3.1.3 Hiển thị toàn bộ danh sách..................................................40
3.3.3.1.4 Báo cáo thu chi...................................................................40
3.3.3.2 Điện nước..................................................................................41
3.3.3.2.1 Tính số điện nước...............................................................41
3.3.3.3 Tài sản.......................................................................................41
3.3.3.3.1 Cập nhập tài sản phòng.......................................................41
Chương 4
THIẾT KẾ WEBSITE...............................................................42
4.1
Giao Diện Người Dùng........................................................................42
4.1.1 Đăng nhập........................................................................................42
4.1.2 Đăng ký ở Ký Túc Xá......................................................................43
4.1.3 Trang Chủ........................................................................................44
4.1.4 Tin Tức............................................................................................45
4.1.4.1 Trang Tin Tức...........................................................................45
4.1.4.2 Trang Chi Tiết Tin Tức..............................................................46
4.1.5 Trang hoạt động...............................................................................48
4.1.5.1 Trang Hoạt Động......................................................................48
4.1.5.2 Trang chi tiết hoạt động............................................................49
4.1.6 Đăng nhập tài khoản vào website....................................................50
4.1.7 Thơng tin phịng đã đăng ký (đối với sinh viên nội trú)...................51
4.1.8 Trang liên lạc...................................................................................52
4.1.9 Trang tìm kiếm................................................................................53
4.2
Giao diện admin...................................................................................54
4.2.1 Đăng nhập admin.............................................................................54
4.2.2 Giao diện quản lý sinh viên.............................................................55
4.2.2.1 Danh sách sinh viên..................................................................55
4.2.2.2 Sửa thông tin sinh viên..............................................................55

4.2.2.3 Thêm sinh viên..........................................................................56
4.2.2.4 Danh sách duyệt sinh viên.........................................................56
4.2.3 Giao diện quản lý phịng..................................................................57
4.2.3.1 Danh sách phịng.......................................................................57
4.2.3.2 Thơng tin sinh viên trong phòng...............................................57
4.2.4 Giao diện các hoạt động...................................................................58
4.2.4.1 Danh sách các hoạt động...........................................................58


4.2.4.2 Sửa thông tin hoạt động............................................................59
4.2.4.3 Thêm hoạt động........................................................................59
4.2.5 Giao diện các slide...........................................................................60
4.2.5.1 Danh sách các slide...................................................................60
4.2.5.2 Sửa thông tin slide.....................................................................61
4.2.5.3 Thêm slide.................................................................................62
4.2.6 Giao diện user..................................................................................63
4.2.6.1 Danh sách thông tin user...........................................................63
4.2.6.2 Sửa thông tin user.....................................................................63
Chương 5
KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN....................................64
DANH MỤC TÀI LIỆU THAM KHẢO.............................................................75


DANH MỤC HÌNH
Trang
Hình 1-1 Hình Ảnh Ngơn Ngữ Lập Trình PHP....................................................15
Hình 1-2 Ngơn Ngữ Lập Trình HTML................................................................16
Hình 1-3 Ngơn Ngữ Lập Trình CSS....................................................................17
Hình 1-4 Ngơn Ngữ Lập Trình JavaScript...........................................................18
Hình 1-5 Giao Thức Internet AJAX.....................................................................19

Hình 1-6 Laravel Frameword...............................................................................20
Hình 1-7 Cơ Sở Dữ Liệu SQL.............................................................................20
Hình 1-8 Phần Mềm Lập Trình PHP Storm.........................................................21
Hình 1-9 Ngơn Ngữ Thiết Kế Hệ Thống UML....................................................22
Hình 2-1 Quy Trình Tiếp Nhận Sinh Viên Vào KTX...........................................28
Hình 2-2 Mơ Hình Quản Lý Điện Nước..............................................................30
Hình 2-3 Mơ Hình Quản Lý Tài Sản...................................................................31
Hình 2-4 Mơ Hình Quản Lý Thu Chi...................................................................32
Hình 4-1 Đăng Nhập Người Dùng.......................................................................57
Hình 4-2 Đăng Ký Ở Ký Túc Xá........................................................................58
Hình 4-3 Trang Chủ.............................................................................................59
Hình 4-4 Trang Tin Tức.......................................................................................60
Hình 4-5 Trang Chi Tiết Tin Tức.........................................................................61
Hình 4-6 Trang Hoạt Động..................................................................................62
Hình 4-7 Trang Chi Tiết Hoạt Động....................................................................63
Hình 4-8 Đăng Nhập Vào Website.......................................................................64
Hình 4-9 Trang Theo Dõi Phịng..........................................................................65
Hình 4-10 Trang Liên Lạc...................................................................................66
Hình 4-11 Tìm Kiếm............................................................................................67
Hình 4-12 Giao Diện Đăng Nhập Admin.............................................................68
Hình 4-13 Trang Danh Sách Sinh Viên................................................................69
Hình 4-14 Trang Sửa Thơng Tin Sinh Viên.........................................................69
Hình 4-15 Trang Thêm Sinh Viên........................................................................70
Hình 4-16 Trang Danh Sách Duyệt Sinh Viên....................................................70
Hình 4-17 Trang Danh Sách Phịng....................................................................71
Hình 4-18 Trang Thơng Tin Sinh Viên Của Phịng..............................................71
Hình 4-19 Trang Danh Sách Hoạt Động..............................................................72
Hình 4-20 Trang Sửa Thơng Tin Hoạt Động........................................................73
Hình 4-21 Trang Thêm Hoạt Động......................................................................73
Hình 4-22 Trang Sửa Thơng Tin Slide.................................................................75

Hình 4-23 Trang Thêm Slide...............................................................................76
Hình 4-24 Trang Danh Sách Thơng Tin User.......................................................77
Hình 4-25 Trang Sửa Thông Tin User..................................................................77


DANH MỤC CỤM TỪ VIẾT TẮT
STT
1
2
3
4
5
6
7

Cụm từ
Công nghệ phần mềm
Công nghệ thông tin
Ký túc xá
Sinh viên
School Of Information
Communication and Technology
Tài Khoản
Đăng Ký

Viết tắt
CNPM
CNTT
KTX
SV

SICT
TK
ĐK



Chương 1

GIỚI THIỆU

1.1 Tổng quan
Phần tổng quan thơng thường trình bày tóm tắt các nội dung:
- Bối cảnh thực hiện đề tài
- Vấn đề cần giải quyết
- Đề xuất nội dung thực hiện
Ký túc xá (KTX) SICT là nơi cung cấp cho hơn 1000 sinh viên chổ ở mỗi năm.
KTX khơng chỉ là nơi ở mà cịn cung cấp cho sinh viên các dịch vụ khác trong đó
có dịch vụ khác như : phòng tự học, canteen, khu thể thao, …

1.2 Phương pháp, kết quả
1.2.1 Công cụ hỗ trợ
1.2.1.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ụng viết cho máy chủ, mã nguồn mở, dùng cho mục đích tổng
qt. 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.

PHP là ngơn ngữ lập trình kịch bản viết cho máy chủ mà được nhúng trong
HTML. Nó được sử dụng để quản lý nội dụng động, Database, Session tracking,
nó được tích hợp với một số Database thông dụng như MySQL, PostgreSQL,
Oracle, Sybase, Informix, và Microsoft SQL Server.

Hình GIỚI THIỆU-1 Hình Ảnh Ngơn Ngữ Lập Trình PHP

1


1.2.1.2 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 u 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.

Hình GIỚI THIỆU-2 Ngơn Ngữ Lập Trình HTML

2


1.2.1.3 Ngơn ngữ lập trình CSS
CSS là ngơn ngữ tạo phong cách cho trang web – Cascading Style Sheet
language. Nó dùng để tạo phong cách và định kiểu cho những yếu tố được viết
dưới dạng ngôn ngữ đánh dấu, như là HTML. Nó có thể điều khiển định dạng của
nhiều trang web cùng lúc để tiết kiệm công sức cho người viết web. Nó phân biệt
cách hiển thị của trang web với nội dung chính của trang bằng cách điều khiển bố
cục, màu sắc, và font chữ.
CSS được phát triển bởi W3C (World Wide Web Consortium) vào năm
1996, vì một lý do đơn giản. HTML không được thiết kế để gắn tag để giúp định
dạng trang web. Bạn chỉ có thể dùng nó để “đánh dấu” lên site.
Những tag như <font> được ra mắt trong HTML phiên bản 3.2, nó gây rất
nhiều rắc rối cho lập trình viên. Vì website có nhiều font khác nhau, màu nền và
phong cách khác nhau. Để viết lại code cho trang web là cả một quá trình dài, cực
nhọc. Vì vậy, CSS được tạo bởi W3C là để giải quyết vấn đề này.
Mối tương quan giữa HTML và CSS rất mật thiết. HTML là ngơn ngữ
markup (nền tảng của site) và CSS định hình phong cách (tất cả những gì tạo nên
giao diện website), chúng là khơng thể tách rời.

Hình GIỚI THIỆU-3 Ngơn Ngữ Lập Trình CSS

3


1.2.1.4 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ồi sau đó đổ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.

Hình GIỚI THIỆU-4 Ngơn Ngữ Lập Trình JavaScript

1.2.1.5 Giao thức Internet AJAX
AJAX (tiếng Anh: "Asynchronous JavaScript and XML" - nghĩa là
"JavaScript và XML không đồng bộ") là một nhóm các cơng nghệ phát triển
web được sử dụng để tạo các ứng dụng web động hay các ứng dụng giàu tính
Internet (rich Internet application). Từ Ajax được ơng Jesse James Garrett đưa ra
và dùng lần đầu tiên vào tháng 2 năm 2005 để chỉ kỹ thuật này, mặc dù các hỗ trợ
cho Ajax đã có trên các chương trình duyệt từ 10 năm trước. Ajax là một kỹ thuật
phát triển web có tính tương tác cao bằng cách kết hợp các ngôn ngữ:





HTML (hoặc XHTML) với CSS trong việc hiển thị thơng tin
Mơ hình DOM (Document Object Model), được thực hiện thông
qua JavaScript, nhằm hiển thị thông tin động và tương tác với những thông tin
được hiển thị
Đối tượng XMLHttpRequest để trao đổi dữ liệu một cách không đồng bộ
với máy chủ web. (Mặc dù, việc trao đổi này có thể được thực hiện với nhiều

định dạng như HTML, văn bản thường, JSON và thậm chí EBML,
nhưng XML là ngôn ngữ thường được sử dụng).
4




XML thường là định dạng cho dữ liệu truyền, mặc dù bất cứ định dạng nào
cũng có thể dùng, bao gồm HTML định dạng trước, văn bản thuần (plain
text), JSON và ngay cả EBML.

Giống như DHTML, LAMP hay SPA, Ajax tự nó khơng phải là một cơng
nghệ mà là một thuật ngữ mô tả việc sử dụng kết hợp một nhóm nhiều cơng nghệ
với nhau. Trong đó, HTML và CSS được kết hợp với nhau để đánh dấu và định
kiểu thông tin. DOM và JavaScript kết hợp lại để hiển thị thông tin động và cho
phép người dùng tương tác với các thông tin này. JavaScript cùng với đối
tượng XMLHttpRequest hỗ trợ việc trao đổi dữ liệu bất đồng bộ giữa trình
Hình GIỚI THIỆU-5 Giao Thức Internet AJAX

duyệt và máy chủ nhằm hạn chế việc tải lại nguyên trang.

1.2.1.6 Laravel Frameword
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 vào mục tiêu hỗ trợ phát triển các ứng dụng web
theo kiếm 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.
Vào khoảng Tháng 3 năm 2015, các lập trình viên đã có một cuộc bình
chọn PHP framework phổ biến nhất, Laravel đã giành vị trí quán quân cho PHP

framework phổ biến nhất năm 2015, theo sau lần lượt là Symfony2, Nette,
CodeIgniter, Yii2 vào một số khác. Trước đó, Tháng 8 2014, Laravel đã trở thành
project PHP phổ biến nhất và được theo dõi nhiều nhất trên Github.
Laravel được phát hành theo giấy phép MIT, với source code được lưu trữ
tại Github.

5


Hình GIỚI THIỆU-6 Laravel Frameword

1.2.1.7 Cơ Sở Dữ Liệu SQL
SQL hay ngơn ngữ truy vấn mang tính cấu trúc, là một loại ngơn ngữ máy
tính phổ biến để tạo, sửa, và lấy dữ liệu từ một hệ quản trị cơ sở dữ liệu quan hệ.
Ngôn ngữ này phát triển vượt xa so với mục đích ban đầu là để phục vụ các hệ
quản trị cơ sở dữ liệu đối tượng-quan hệ. Nó là một tiêu chuẩn ANSI/ISO.

Hình GIỚI THIỆU-7 Cơ Sở Dữ Liệu SQL

6


1.2.1.8 Phần mềm hỗ trợ lập trình PHPStorm
PhpStorm là một IDE thương mại, đa nền tảng (môi trường phát triển tích
hợp) cho PHP , được xây dựng bởi cơng ty JetBrains có trụ sở tại Cộng hịa Séc.
PhpStorm cung cấp trình soạn thảo cho PHP , HTML và JavaScript với
phân tích mã nhanh, ngăn ngừa lỗi và tái cấu trúc tự động cho mã PHP và
JavaScript. Hoàn thành mã của PhpStorm hỗ trợ PHP 5.3, 5.4, 5.5, 5.6, 7.0, 7.1,
7.2, 7.3 và 7.4 (các dự án hiện đại và cũ), bao gồm máy phát điện , coroutines , từ
khóa cuối cùng, liệt kê trong foreach, khơng gian tên , đóng cửa , đặc điểm và cú

pháp mảng ngắn. Nó bao gồm một trình soạn thảo SQL chính thức với các kết
quả truy vấn có thể chỉnh sửa
PhpStorm được viết bằng Java . Người dùng có thể mở rộng IDE bằng
cách cài đặt các plugin được tạo cho PhpStorm hoặc viết các plugin của riêng
họ. Phần mềm cũng giao tiếp với các nguồn bên ngồi như XDebug.
Tất cả các tính năng có sẵn trong WebStorm có trong PhpStorm, có thêm
hỗ trợ cho PHP và cơ sở dữ liệu. WebStorm vận chuyển với các plugin JavaScript
được cài đặt sẵn (chẳng hạn như đối với Node.js ).

Hình GIỚI THIỆU-8 Phần Mềm Lập Trình PHP Storm

7


1.2.2 Ngơn ngữ thiết kế hệ thống UML
UML có tên viết tắt là là một ngơn ngữ mơ hình gồm các ký hiệu đồ họa
mà các phương pháp hướng đối tượng sử dụng để thiết kế các hệ thống thông tin
một cách nhanh chóng.
Cách xây dựng các mơ hình trong UML phù hợp mô tả các hệ thống thông
tin cả về cấu trúc cũng như hoạt động. Cách tiếp cận theo mơ hình của UML giúp
ích rất nhiều cho những người thiết kế và thực hiện hệ thống thông tin cũng như
những người sử dụng nó; tạo nên một cái nhìn bao qt và đầy đủ về hệ thống
thơng tin dự định xây dựng. Cách nhìn bao quát này giúp nắm bắt trọn vẹn các
yêu cầu của người dùng; phục vụ từ giai đoạn phân tích đến việc thiết kế, thẩm
định và kiểm tra sản phẩm ứng dụng công nghệ thơng tin. Các mơ hình hướng đối
tượng được lập cũng là cơ sở cho việc ứng dụng các chương trình tự động sinh
mã trong các ngơn ngữ lập trình hướng đối tượng, chẳng hạn như ngôn ngữ C+
+, Java,... Phương pháp mơ hình này rất hữu dụng trong lập trình hướng đối
tượng. Các mơ hình được sử dụng bao gồm Mơ hình đối tượng (mơ hình tĩnh)
và Mơ hình động.

UML sử dụng một hệ thống ký hiệu thống nhất biểu diễn các Phần tử mơ
hình (model elements). Tập hợp các phần tử mơ hình tạo thành các Sơ đồ
UML (UML diagrams). Có các loại sơ đồ UML chủ yếu sau:














Sơ đồ lớp (Class Diagram)
Sơ đồ đối tượng (Object Diagram)
Sơ đồ tình huống sử dụng (Use Cases Diagram)
Sơ đồ trình tự (Sequence Diagram)
Sơ đồ cộng tác (Collaboration Diagram hay là Composite Structure
Diagram)
Sơ đồ trạng thái (State Machine Diagram)
Sơ đồ thành phần (Component Diagram)
Sơ đồ hoạt động (Activity Diagram)
Sơ đồ triển khai (Deployment Diagram)
Sơ đồ gói (Package Diagram)
Sơ đồ liên lạc (Communication Diagram)
Sơ đồ tương tác (Interaction Overview Diagram - UML 2.0)

Sơ đồ phối hợp thời gian (Timing Diagram - UML 2.0)

Hình GIỚI THIỆU-9 Ngôn Ngữ Thiết Kế Hệ Thống
UML

8


Chương 2
GIỚI THIỆU CHUNG VỀ WEBSITE
QUẢN LÝ SINH VIÊN KÝ TÚC XÁ SICT
2.1 Giới thiệu chung về Ký Túc Xá SICT
Ký Túc Xá(KTX) là đơn vị trực thuộc của Khoa Công Nghệ Thông Tin Và
Truyền Thông – Đại Học Đà Nẵng.
Các khu nhà dành cho sinh viên, với các phòng được trang bị khép kín và
đầy đủ tiện nghi với tiêu chuẩn. Ngoài ra riêng tầng 1 của các khu nhà là các
phòng chức năng như :
- Canteen : phục vụ các nhu cầu ăn uống của sinh viên nội trú.
- Phòng tự học : phục vụ cho việc học tập, trao đổi giữa các sinh viên và
nhiều hoạt động khác do ban quản lý tổ chức,…
- Phịng quản lí : nơi quản lý các công việc, chức năng của KTX
- Nơi đậu xe : sinh viên có thể gửi xe tại các vị trí này
- Phịng bảo vệ : là nơi dành cho các bảo vệ nghỉ ngơi, túc trực 24/24 tại
KTX.

2.1.1 Cơ cấu tổ chức
Cơ cấu tổ chức của Khoa Công nghệ Thông Tin và Truyền Thông(SICT)
như sau:
SICT (gồm có Trưởng Khoa và Phó Trưởng Khoa) điều hành chung các
hoạt động.

SICT có các phịng trực thuộc sau: phịng tổ chức- hành chính, phịng tài
chính – kế tốn và phịng cơng tác sinh viên, phịng y tế.
KTX bao gồm : Tổ quản lý KTX, phụ trách và điều hành các hoạt động,
cùng với đó là các tổ chức nghiệp vụ khác nhau: tổ văn phịng, tổ quản lí sinh
viên, tổ bảo vệ.
Sau đây là sơ đồ của SICT
(SƠ ĐỒ)

9


2.1.2 Hoạt động quản lý chung và các dịch vụ thơng tin
SICT có các hoạt động chính sau:
Quản lý cơ sở vật chất : bảo đảm cơ sở vật chất phục vụ cho sinh viên trong
sinh hoạt; Nâng cấp, sửa chữa các khu nhà ở cũng như mở rộng các cơng trình
sinh hoạt cơng cộng; Bảo đảm để có một cơ sở vật chất đầy đủ để phục vụ sinh
hoạt, học tập và nghiên cưu khoa học của sinh viên.
Bảo đảm an ninh trật tự: để sinh viên có một cuộc sống ổn định, an tồn.
Tổ chức đón tiếp và sắp xếp nơi ở cho sinh viên trong nước và sinh viên
nước ngoài.
Hàng năm số lượng sinh viên vào rất lớn, khơng chỉ có sinh viên
trong nước mà lượng sinh viên nước ngồi đến học tập và sinh hoạt. Vì vậy cơng
tác chuẩn bị đón tiếp, cũng như sắp xếp chỗ ăn chỗ ở là rất quan trọng.
Hỗ trợ tổ chức các hoạt động văn hóa, thể thao, nghệ thuật, giải trí, học tập:
để tạo cho sinh viên một cuộc sống với một nề nếp inh hoạt văn óa, văn minh.
Cũng cần có các hoạt động khác như tổ chức cho sinh viên được học tập giao lưu
giữa các sinh viên trong nước.
Cung cấp các dịch vụ y tế: khám sức khỏe định kỳ cho những người sinh
hoạt trong KTX, tuyên truyền và hướng dẫn sinh viên về vệ sinh và phịng bệnh.
Cung cấp các dịch vụ thơng tin: internet cho các phịng giúp sinh viên nắm

bắt được thơng tin cần thiết

2.2 Hiện trạng hoạt động
2.2.1 Một số quy trình quản lý
2.2.1.1 Quản lý sinh viên vào KTX
Đầu năm học, SICT xét duyệt cho các sinh viên có nhu cầu và đủ điều kiện
vào KTX, đồng thời xem xét việc ở lại của các sinh viên cũ đã ở KTX và có nhu
cầu tiếp tục được ở lại.
Đối với sinh viên đã ở KTX, có nhu cầu tiếp tục ở lại. Ban quản lí sẽ yêu
cầu sinh viên nộp đơn và các giấy tờ khác nếu cần thiết, cũng như phải hồn
thành các khoản chi phí phải thanh tốn mà sinh viên cịn phỉa hồn trả trong q
trình sinh hoạt tại KTX.
Đối với sinh viên mới nhập học, cần có giấy báo nhập học của trường. và
phải làm đơn xin vào KTX, các thông tin cần thiết như thông tin cá nhân, các yêu
cầu của Ban quản lý,… Sau đó nguyện vọng của sinh viên sẽ được xét với các
tiêu chuẩn uue tiên. Các tiêu chí theo thứ tự ưu tiên đối với sinh viên việt nam
quy định như sau:
- Con liệt sĩ, con thuong binh, gia đình có cơng với cách mạng
- Sinh viên dân tộc ít người
- Sinh viên có hồn cảnh khó khăn
Sau đó Ban quản lý sẽ đưa ra thông báo danh sách sinh viên không được ở
KTX và danh sách sinh viên được ở KTX.
10


2.2.1.2 Quản lý điện
Cứ mỗi tháng KTX sẽ kiểm tra đồng hồ điện và chốt số điện. Việc
chốt số sẽ tiến hành theo từng dãy của các khu. Chỉ số điện sẽ được ghi lại
và tính tốn chi phí.
Sau khu tổng hợp số điện của tất cả các phòng. Sau đó KTX sẽ tính ra

số điện hao hụt trên cơ sở so sánh với điện năng tiêu thụ trên công tơ tổng
đo được.
Các thông tin liên quan sẽ được báo cáo lại với ban quản lý KTX

2.2.1.3 Quản lý nước
Cứ mỗi tháng KTX sẽ kiểm tra đồng hồ nước và chốt số nước. Việc chốt số
nước sẽ được thực hiện theo từng phòng.
Sau khu tổng hợp số điện của tất cả các phịng. Sau đó KTX sẽ tính ra số
điện hao hụt trên cơ sở so sánh với nước tiêu thụ trên công tơ tổng đo được.
Các thông tin liên quan sẽ được báo cáo lại với ban quản lý KTX

2.2.1.4 Quản lí tài sản
Tài sản trong KTX được chia làm 2 là tài sản sử dụng chung và tài sản sử
dụng riêng.
Tài sản sử dụng riêng là tài sản được bàn giao riêng cho từng cá nhân. Cá
nhân có trách nhiệm sử dụng và quản lý tài sản riêng này.
Tài sản sự dụng chung là tài sản bàn giao cho một tập thể sử dụng và phảu
chịu trách nhiệm về tài sản được sử dụng đó.
Sau mỗi lần phân phòng cho sinh viên, hay mỗi lần nhập mới cho tài sản thì
các tài sản được phân chi theo dãy, theo phịng.
Trong q trình sử dụng nếu có hư hỏng hay bị mất. Khi đó Ban quản lý
làm việc tới các tập thể cá nhân phải chịu trách nhiệm để xử lý sự cố.
KTX thường phỉa sửa chữa, nâng cấp định kỳ, đưa ra các quyết định thanh
lý tài sản, cũng như khấu hao về tài sản

2.2.1.5 Quản lí thu chi
Việc quản lí thu chi sẽ được tổng hợp theo đầu kỳ và lập báo cáo về số dư
được chuyển sang kỳ trước.
Trong q trình hoạt động, nếu có khoản thu chi phát sinh cần lưu rõ số
chứng từ, ngày thu, lý do thu chi.

Tông hợp đưa ra báo cáo định kỳ hoặc đưa ra báo cáo trong trường hợp cần
đột xuất

2.2.2 Về cách thức hoạt động trước đây
Cách quản lý trước đây là sử dụng giấy tờ theo cách truyền thống.
Hiện nay việc quản lý sẽ khó khăn do vấn đề giấy tờ được lưu trữ rất nhiều
qua từng kỳ. Khó có thể truy xuất thơng tin nếu cần đột xuất.

11


2.2.3 Một vài mảng tin học hóa khác cần được nâng cấp
Như đã nêu, SICT không chỉ hỗ trợ việc ăn ở cho sinh viên KTX. Một hệ
thống thông tin cho phép hiện đain hóa các hoạt động hỗ trợ sinh viên và hoạt
động điều hành của SICT cần phải có:
Diễn đàn sinh viên : là nơi sinh viên thể trao đổi, thảo luận trực tiếp
với nhau, cũng là nơi có thể giúp cho ban quản lý có thể thu được ý kiến
đóng góp qua những chuyên mục trên diễn đàn. Diễn đàn sinh viên là cần
thiết phải xây dựng.

2.3 Mơ hình nghiệp vụ
2.3.1 Quản lý KTX
2.3.1.1 Quy trình tiếp nhận sinh viên vào KTX
2.3.1.1.1Đăng ký vào KTX
Sinh viên có thể đăng ký xin vào ở KTX thông qua việc đăng ký qua mạng.
Sinh viên sử dụng mẫu khai váo có sẵn để điền thơng tin vào đó. Sau khi
thơng tin được người dùng gửi lên, hệ thống thông báo cho người dùng rằng họ
đã gửi được hay chưa. Gửi lại thơng báo cho người đăng kí

12

Hình GIỚI THIỆU CHUNG VỀ WEBSITE QUẢN LÝ
SINH VIÊN KÝ TÚC XÁ SICT-10 Quy Trình Tiếp
Nhận Sinh Viên Vào KTX

13