BÁO cáo đồ án THIẾT kế lập TRÌNH WEB

TRƯỜNG CAO ĐẲNG KĨ THUẬT CÔNG NGHỆ VẠN XUÂN
  
BÁO CÁO MÔN HỌC
LẬP TRÌNH & THIẾT KẾ WEB
QUẢN LÝ
QUẢN LÝ
THANH THIẾU NIÊN
THANH THIẾU NIÊN
NHI ĐỒNG
NHI ĐỒNG
GVGD :
Thầy Trâ
Thầy Trâ
̀n Việt Khánh
̀n Việt Khánh


Sinh viên thực hiện :
Lê Quách Nguyên Khoa mssv: 11100010057
Lê Quốc Minh mssv: 1110010032
Nguyễn Võ Thanh Minh mssv: 1110010008

PHẦN A
1. Mở đầu:
1.1. Giới thiệu:
- Với sự phát triển vượt bậc của công nghệ thông tin, ngày nay việc quản lý
danh sách hồ sơ về tài nguyên con người đã là một việc cực kì dễ. Các tài liệu
quản lý giờ đây đã được xây dựng trên rất nhiều tiện ích đặt biệt là các WEBSITE
quản lý.
- Trong số đó, components Quản lý thanh thiếu niên nhi đồng được ra
đời và sử dụng rộng rãi bởi các ban đoàn thể thanh niên thành đoàn thành

phố.
- Khi components Quản lý này ra đời cho thấy được sự tiện dụng và
hữu ích của nó so với việc nhập liệu thủ công bằng giấy viết. Hơn nữa rất
tiết kiệm thời gian thay vì phải tốn nhiều thời gian để nhập liệu so với vài
cú click chuột.
1.2. Mô tả hiện trạng:
• Components về quản lý thanh thiếu niên nhi đồng là một website mang
tính xây dựng.
• Trong đó có một người quản lý tài liệu cho phép nhập xuất thông tin với
vai trò là admin của website.
• Components được cập nhật và chỉnh sửa trực tiếp trên website quản lý
dưới sự cho phép của admin ( người quản lý hoặc người có tài khoản đăng
nhập trên website).
• Mọi người có thể xem thông tin và tìm tiếm thông tin trên trang chủ của
website.
•
•
•
•
•
•
Hệ thống website quản lý sẽ có 5 phần :
- Phần 1 : Đăng nhập
- Phần 2 : Trang Chủ
- Phần 3 : Danh sách các đối tượng quản lý.
- Phần 4 : Xem Thông tin đối tượng quản lý.
- Phần 5 : Quảng cáo.
• Chi tiết các phần trong website :
- Phần 1 : Đăng nhập
Cho phép đăng nhập và xem thông tin chỉnh sửa thông tin các đối tượng cần quản lý

trong website.
Chỉ có admin và người có tài khoản đăng nhập dưới quyền giống admin mới được
xem thông tin chi tiết cũng như chỉnh sửa thông tin của các đối tượng có trong danh
sách quản lý.
- Phần 2 : Trang Chủ
Đây là phần giới thiệu của trang web hay nói cách khác là bộ mặt của trang web. Ở
trang này người xem có thể biết được các thông tin của trang web vừa cập nhật,
Website hiện đang quản lý cho khu vực nào, bộ phận nào, quản lý về vấn đề gì…v…
v.
Người lập ra trang web sẽ cập nhật các thông tin mới khi cần thiết và có thể chỉnh sửa
lại trang web nếu có yêu cầu.
Là đường dẫn đầu tiên cho việc tìm kiếm mọi thông tin trên web, nơi hiển thị toàn bộ
chức năng mà trang web quản lý này có.
- Phần 3 : Danh sách.
Cũng như đã giới thiệu ở trên, phần xem danh sách thông tin dành cho người quản lý
và người có tài khoản đăng nhập dưới quyền của admin, bởi vì đây là một trang web
quản lý về thông tin con người nên mọi việc cần phải chính xác và có tính bảo mật.
Cho nên trong phần danh sách này sẽ chỉ được xem khi bạn đăng nhập vào trang web.
Khi click vào mục liên kết Đăng nhập như trên sẽ hiện ra thông báo điền thông tin
đăng nhập như sau :
Sau khi đăng nhập xong chúng ta sẽ xem được danh sách thông tin các đối tượng cần
quản lý.
Trong trang danh sách sẽ có các nút như thêm mới, tải lại, tìm, chi tiết, sửa, xóa.
- Phần 4 : Xem thông tin
Ở phần này dành cho mọi người khi truy cập vào website thì có thể xem được thông
tin các đối tượng mình cần tìm bằng cách thức tìm mà người quản lý trang web đã
định sẵn cho dễ sử dụng là xem theo số chứng minh nhân dân.
- Phần 5 : Quảng cáo.
Phần này dành cho các công ty hoặc cá nhân đơn vị có nhu cầu đăng kí quảng cáo trên
website của người quản lý.

Qua đó người quản lý có thể thu thêm lợi nhuận để phát triển trang web và người xem
thông tin có thể nắm bắt kịp thời các sản phẩm mới trên thị trường.
1.3. Mô tả phần mềm “Quản lý Thanh Thiếu Niên Nhi Đồng”
• Phần mềm “Quản lý thanh thiếu niên nhi đồng ” bao gồm 2 module:
o Module Quản lý
o Module Người xem
• Với module quản lý dành cho người quản lý, họ có thể xem thông tin
truy cập và thêm xóa sửa các đối tượng có trong danh sách quản lý.
• Với module người xem dành cho người cần truy cập vào trang web để
xem thông tin của bản thân hay người thân. Module này giúp cho người
truy cập trang web xem thông tin một cách nhanh chóng dễ dàng, nhưng
họ ko được phép can thiệp vào thông tin sẵn có trên website của người
quản lý.
2. Mô tả yêu cầu:
2.1. Yêu cầu chức năng:
2.1.1. Danh sách các yêu cầu
• Module Người quản lý
STT Tên yêu cầu Biểu mẫu Quy định Ghi chú
1 Đăng nhập với quyền
admin
QD1
2 Đăng nhập với tài khoản
đã có trên hệ thống
Kết nối tới
server để lấy
và xem thông
tin gốc, chỉ cho
phép xem khi
đăng nhập
thành công

3 Nhận và xử lý thông tin QD3
4 Dừng hoạt động server QD4
5 Lưu lại file Log
6 Xem lại file Log
• Module Người xem
STT Tên yêu cầu Biểu mẫu Quy định Ghi chú
1 Khởi động server QD5
2 Nhận thông tin QD6
3 Xem thông tin QD7
2.1.2. Danh sách các quy định:
STT Mã
số
Tên quy
định
Mô tả chi tiết Ghi
chú
1 QD1 Quy định
đăng
nhập với
quyền
admin
Người có quyền quản lý phải đăng nhập với tài khoản
đã đăng kí thành công trên hệ thống
2 QD2 Quy định
đăng
nhập
thành
công
Màn hình đăng nhập :
3 QD3 Quy định

nhận và
xử lý
thông tin
- Sau khi đăng nhập thành công sẽ chuyển đến trang chủ
và có thể vào được trang danh sách giống hình.
4 QD4 Quy định
dừng hoạt
động
server
Người quản lý đăng xuất và tắt website
5 QD5 Quy định
khởi động
server với
người
xem
Người xem truy cập vào website
6 QD6 Quy định
nhận
thông tin
Người xem nhấp vào mục xem thông tin trên website sẽ
hiện rat rang giống hình
7 QD7 Quy Định
xem
thông tin
Người xem sau khi nhập vào số chứng minh sẽ xem
được thông tin như hình
2.1.3. Danh sách các biểu mẫu:
• BM1:
2.1.4. Bảng trách nhiệm yêu cầu nghiệp vụ:
• Module Quản lý :

STT Nghiệp
vụ
Người
dùng
Phần
mềm
Ghi chú
1 Đăng
nhập
với
quyền
admin
-
người
dung
là
người
có
quyển
quản
lý
mọi
thông
tin
trên
web
và
đăng
nhập
thành

công
với tài
khoản
có
trước.
- Nhận
thông
tin
đăng
nhập
từ
người
quản
lý
muốn
đăng
nhập
vào hệ
thống.
- Nếu
thông
tin
đăng
nhập
chính
xác thì
cho
phép
quyền
admin

trên hệ
thống.
Sẽ hiện ra màn hình báo lỗi nếu đăng nhập ko chính xác
2 Đăng
nhập
với tài
khoản
đã có
trên hệ
thống
-
Người
quản
lý
đăng
nhập
với tài
khoản
đã
được
cấp.
- Ghi
nhận
các
thông
tin vừa
nhập.
- Kiểm
tra tên
đăng

nhập
có
khác
rỗng?
Nếu
không
thì báo
cho
dùng
biết
tên
đăng
nhập
không
hợp lệ.
- Thực
hiện
kết nối
tới
server
theo
địa chỉ
và port
được
cung
cấp.
- Nếu
kết nối
không
thành

công
thì báo
cho
người
dùng
biết.
3 Đăng
nhập
thành
công
-
Người
quản
lý
đăng
nhập
đúng
thông
tin đã
được
cấp
- kiểm
tra
thông
tin
đăng
nhập
và bắt
đầu
cấp

quyền
cho
người
dung.
Sẽ vào được trang danh sách nếu đăng nhập thành công
4 Ngừng
hoạt
động
server
-
Người
dùng
dừng
hoạt
động
server
bằng
cách
- tắt
mọi
thông
tin
đang
hiển
thị khi
người
dùng
đăng
xuất
và tắt

trang
web
đăng
xuất
và tắt
trang
web
5 Khởi
động
server
với
người
xem
-
người
dung
mở
trang
web
quản
lý.
- Kiểm
tra địa
chỉ IP
và
hiện
toàn
bộ
thông
tin

dành
cho
quyền
người
xem
lên
trang
chủ.
6 Nhận
thông
tin từ
server
-
Người
dùng
nhận
thông
tin từ
trang
thông
tin
- Xử lý
yêu
cầu
của
người
dùng
và
chuyển
đến

trang
xem
thông
tin
7 Xem
thông
tin
thành
công
Người
dùng
nhập
số
chứng
minh
của
đối
tượng
cần
xem
- thực
hiện
nhận
số
chứng
minh
kiểm
tra
xem
đã có

trong
danh
sách
và
xuất ra
thông
tin cho
người
dùng
2.2. Yêu cầu phi chức năng:
2.2.1. Tính tiến hóa:
2.2.2. Tính hiệu quả:
2.2.3. Tính tiện dụng:
2.2.4. Tính tương thích:
2.3. Các yêu cầu khác:
Phần B
3. Sơ đồ luồn dữ liệu
3.1 Đăng nhập vào hệ thống
D1 D2
Mô tả
Dữ liệu:
• D1: Nhận thông tin đăng nhập của
người dung (Tên, Mật khẩu)
• D2: Màn hình trang chủ Component
(nếu đăng nhập thành công)
Người dùng
Đăng nhập vào
hệ thống
Xử lý:
• Nhận và kiểm tra D1: tên và mật khẩu

phải trùng khớp
• Hiển thị màn hình trang chủ để người
dung bắt đầu làm việc
3.2 Đăng xuất khỏi hệ thống
D1 D2
Mô tả
Dữ liệu:
• D1: Nhận thông tin yêu cầu đăng xuất
• D2: Màn hình trang chủ Component
(trạng thái chưa đăng nhập)
Xử lý:
• Nhận và xử lí D1
• Hiển thị màn hình trang chủ dưới trang
thái đa đăng xuất

3.3 Xem danh sách
D1 D2
Mô tả
Dữ liệu:
• D1: Nhận yêu cầu từ người dùng
• D2: Thông tin danh sách Thanh Thiếu
niên Nhi đồng
• D3: Giống D2
Người dùng
Đăng xuất khỏi
hệ thống
Người dùng
Xem danh sách
Xử lý:
• Nhận D1

• Lấy danh sách quản lý thanh thiếu niên
nhi đồng
• Hiển thị cho người dùng

3.4 Thêm mới
D1

D2
Database
Mô tả
Dữ liệu:
• D1: Yêu cầu thêm mới đối tượng và vị
trí lưu
• D2: thông tin chi tiết của đối tượng cần
thêm
Xử lý:
• Nhận D1
• Kiểm tra các thông tin của đối tượng
cần them có hợp lệ không?
• Nếu hợp lệ thì lưu xuống cơ sở dữ liệu
3.5 Chi tiết
D1 D4
Mô tả
Dữ liệu:
• D1: Nhận yêu cầu từ người dùng
• D2: Xử lý thông tin chi tiết của đối
tượng được yêu cầu
• D3: Xuất thông tin chi tiết của đối
tượng
• D4: giống D3

Người dùng
Thêm mới
Người dùng
Chi tiết
Xử lý:
• Nhận D1
• Kiểm tra xử lý thông tin dữ liệu
• Hiển thị thông tin chi tiết của đối
tượng cho người dùng
3.6 Sửa
D1

D2
Database
Mô tả
Dữ liệu:
• D1: Nhận yêu cầu từ người dùng
• D2: Xử lý dũ liệu chỉnh sửa
Xử lý:
• Nhận D1
• Kiểm tra xử lý thông tin được sửa có
bị trùng hay không?
• Lưu thông tin đã chỉnh sửa xuống
database
3.7 Xóa
D1

Mô tả
Dữ liệu:
• D1: Nhận yêu cầu từ người dùng

• D2: Xử lý yêu cầu xóa đối tượng
Người dùng
Sửa
Người dùng
Xóa
Xử lý:
• Nhận D1
• Kiểm tra thông tin đối tượng cần xóa
• Xóa đối tượng khỏi database
3.8 Tải lại
D1 D4

D2 D3
Database
Mô tả
Dữ liệu:
• D1: Nhận yêu cầu từ người dùng
• D2: Xử lý thông tin
• D3: Xuất danh sách thông tin ra ngoài
• D4: giống D3
Xử lý:
• Nhận D1
• Kiểm tra dữ liệu trong database
• Hiển thị toàn bộ dữ liệu thông tin đối
tượng ra cho người dùng
3.9 Tìm
D1 D4

Mô tả
Dữ liệu:

• D1: Nhận yêu cầu từ người dùng
• D2: Xử lý thông tin
• D3: Xuất thông tin ra ngoài
• D4: giống D3
Người dùng
Tải lại
Người dùng
Tìm
Xử lý:
• Nhận D1
• Kiểm tra dữ liệu chi tiết của đối tượng
trong database
• Hiển thị thông tin đối tượng cần tìm
cho người dùng
4. Sơ đồ lớp đối tượng (múc phân tích)
4.1 Sơ đồ lớp
4.2 Danh sách các đối tượng
4.2.1 Người dung
STT Tên thuộc tính Mô ta chi tiết Ghi chú
1 Tên người dùng Tên người dùng để
Quản lý thanh thiếu
niên nhi đồng
Thể hiện
Biểu mẫu điền thông
tin
Lưới thông tin thanh
thiếu niên nhi đồng
Người dùng
Tên người dung
Chọn danh sách ()

Chọn chi tiết ()
Chọn thêm mới ()
Chọn sửa ()
Chọn xóa ()
Chọn tìm ()
Chọn tải lại ()
Database
Dữ liệu
Nhận dữ liệu ()
Thêm dữ liệu ()
Xóa dữ liệu ()
phân biệt (định
danh) giữa những
người dùng với
nhau.
4.2.2 Database
STT Tên thuộc tính Mô ta chi tiết Ghi chú
1 Dữ liệu Chứa toàn bộ dữ
liệu của các trình
quản lý
4.2.3 Quản lý thanh thiếu niên nhi đồng
STT Tên thuộc tính Mô ta chi tiết Ghi chú
1 Thể hiện Cách thức thể hiện
của trình quản lý
thanh thiếu niên nhi
đồng
2 Biểu mẫu điền
thông tin
Dùng để cho người
dùng nhập liệu

3 Lưới thông tin
thanh thiếu niên nhi
đồng
Hiển thị toàn bộ
thông tin thanh
thiếu niên nhi đồng
4.3 Danh sách các quan hệ
4.3.1 Quan hệ giữa người dùng và database:
- Đây là quan hệ nhiều – 1:1 database có thể có nhiều người dung sử
dụng cùng một lúc nhưng người dung chỉ có thể sử dụng duy nhất một
database.
4.3.2 Quan hệ giữa người dung và quản lý thanh thiếu niên nhi
đồng
- Đây là quan hệ nhiều -1:1 trình quản lý thanh thiếu niên nhi đồng có
thể có nhiều người dùng cùng một lúc nhưng người dùng chỉ có thể sử dụng
duy nhất một trình quản lý thanh thiếu niên nhi đồng.
4.3.3 Quan hệ giữa quản lý thanh thiếu niên nhi đồng và database
- Đây là quan hệ 1-1:1 trình quản lý thanh thiếu niên nhi đồng chỉ sử
dụng một database và ngược lại.
Phần C