thiết kế website môn lập trình mạng

ĐT : Thiết kế Web Site môn Lập Trình Mạng 1 GVHD: Nguyễn Việt Cường
PHẦN A : PHÂN TÍCH THIẾT KẾ VÀ THỰC THI ĐỀ TÀI
CHƯƠNG I : PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG
I. PHÂN TÍCH YÊU CẦU ĐỀ TÀI :
1. Phạm vi đề tài:
Tìm hiểu về kỹ thuật lập trình JSP với cơ sở dữ liệu SQL Server
và triển khai ứng dụng JSP trên Web Site .Nhằm đáp ứng nhu
cầu học môn Lập Trình Mạng qua mạng của sinh viên, học sinh
và một số thành viên khác . Đề tài được giới hạn trong 4 chương
đầu tiên của môn Lập Trình Mạng phần cơ sở.
Chương 1: Client Side Networking.
Chương 2: Server Side Networking
Chương 3: UDP
Chương 4: URL

2. Yêu cầu đề tài:
• Website cung cấp đầy đủ các thông tin về: Học
viên,Giáo viên , Nội dung chương trình học , Đề thi phục
vụ cho việc học qua mạng .
• Hệ thống Website yêu cầu triển khai được trên hệ điều
hành Windows 2k , hệ quản trò cơ sở dữ liệu MicroSoft
SQL Server 2000.
3. Quản lý:
• Học viên đăng ký học
• Chương trình học
• Ngân hàng câu hỏi và đề thi
• Giáo viên ra đề thi
• Quản trò hệ thống
SVTH : Mai Kỷ Tuyên – Nguyễn Thò Mỹ Hạnh 1
ĐT : Thiết kế Web Site môn Lập Trình Mạng 1 GVHD: Nguyễn Việt Cường
4. Công nghệ sử dụng:

• Hệ thống sử dụng hệ điều hành Windows 2000 server
• Sử dụng SQL Server thiết kế cơ sở dữ liệu và Rational
Rose minh hoạ chức năng hệ thống
• Lập trình web với Servlet / JSP
• Với các chương trình hổ trợ : JDK1.3, Dreamweaver MX
• Web Server Tomcat, J2EE.
II. PHÂN TÍCH HOẠT ĐỘNG WEB SITE:
1. Giao diện với người sử dụng :
Khi người sử dụng vào trang Web nếu họ muốn học thì phải đăng ký
học chương trình học và từ bây giờ trở đi thông tin của họ đã được lưu trữ và
họ trở thành học viên chính thức của Web Site.
Chương trình học bao gồm 4 chương :
• Chương 1 : Client Side Networking
• Chương 2 : Server Side Networking
• Chương 3 : UDP
• Chương 4 : URL
Vào cuối mỗi chương học viên phải trải qua một bài kiểm tra kiến thức
của chương đó. Nếu đạt điểm >=5 học viên mới được học tiếp chương tiếp
theo. Nếu chưa đạt học viên có thể kiểm tra lần 2, nếu số lần không đạt mà
quá 3 lần thì buộc học viên đó phải học lại chương đó để lấy lại kiến thức để
thi tốt hơn.
Điểm thi của học viên sẽ được lưu lại để họ có thể xem vào bất kỳ lúc
nào khi họ vào Web Site.
Khi học viên đã học xong 4 chương và điểm kiểm tra của họ đã đạt thì
họ sẽ có kỳ thi cuối khoá học thông qua bộ đề thi mà giáo viên đưa ra từ
ngân hàng câu hỏi.
Nếu điểm thi cuối khóa đạt thì học viên đã hoàn thành khoá học và họ
có thể tin tưởng rằng họ có thêm một ít kiến thức về môn Lập Trình Mạng
này.
SVTH : Mai Kỷ Tuyên – Nguyễn Thò Mỹ Hạnh 2

ĐT : Thiết kế Web Site môn Lập Trình Mạng 1 GVHD: Nguyễn Việt Cường
2. Quản trò hệ thống :
Với hệ thống ta phân thành 3 cấp quyền , ứng với mỗi quyền thì user
đó có chức năng riêng tương ứng quyền của họ :
• Với học viên học có quyền : học , thi, xem điểm, cập
nhật thông tin
• Với giáo viên quyền của họ là : cập nhật câu hỏi vào
ngân hàng câu hỏi và cập nhật đề thi mới vào hệ thống,
đồng thời họ cũng có quyền học như một học viên.
• Còn Admin là người có quyền cao nhất trong hệ thống
nên họ có quyền : cấp quyền cho các user, xoá các user,
cập nhật giáo viên và cập nhật chương trình học và
đồng thời Admin cũng có quyền của cả học viên.
III. PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG VỚI RATIONAL
ROSE
1. Xây dựng mô hình Use- Case :
a) Nhận diện các Actor :
• Học viên là người có quền vào dạo xem Web, đăng ký
học , học ,thi, sau đó họ có thể đăng nhập vào hệ thống để
cập nhật lại thông tin của mình , đồng thời cũng có thể
xem điểm mà mình đã đạt được .
• Giáo viên là người mà họ có quyền ra câu hỏi , ra đề thi ,
sau đó họ đăng nhập vào hệ thống để thay đổi thông tin
của mình , đồng thời cũng có quyền cập nhật vào đề thi
mới để học viên thi.
• Admin là người có quyền cao nhất trong hệ thống nên họ
có quyền cập nhật giáo viên mới , đồng thời cập nhật
chương trình học mới vào cho học viên học.
SVTH : Mai Kỷ Tuyên – Nguyễn Thò Mỹ Hạnh 3
ĐT : Thiết kế Web Site môn Lập Trình Mạng 1 GVHD: Nguyễn Việt Cường

b) Xây dựng mô hình Use Case:
Từ yêu cầu thực tiển ta có mô hình Use Case như sau
Cậpnhậtđềthi
Cậpnhậtgiáoviên
Cậpnhậtchươngtrìnhhọc
Thaổimậtkhẩu
Đăngkýhọc
Học
Thi
DạoxemWeb
Cậpnhậtthôngtin
Xemđiểmthi
Admin
Login
Họcviên
Cậpnhậtthôngtin
Cậpnhậtđềthi
Giáoviên
Hình 1. 1. Mô hình Use Case.
SVTH : Mai Kỷ Tuyên – Nguyễn Thò Mỹ Hạnh 4
ĐT : Thiết kế Web Site môn Lập Trình Mạng 1 GVHD: Nguyễn Việt Cường
2. Xây dựng sơ đồ lớp (Class Diagram):
a) Nhận diện các lớp chính :
• Users : lưu trữ đầy đủ các thông tin về Usernames , Password và
cả quyền của tất cả các User khi vào hệ thống .
• Hocvien : lưu trữ thông tin về học viên khi họ đăng nhập vào học
.
• Giaovien : lưu trữ thông tin Tên, Email, Usernames của giáo
viên khi họ đăng nhập vào hệ thống.
• Chương : lưu trữ chương trình học bao gồm 4 chương.

• Demuc : lưu trữ số đề mục có trong mỗi chương đó .
• Tieumuc : lưu trữ số tiểu mục và nội dung chi tiết của mỗi đề
mục trong mỗi chương đó.
• Hocvienduthi : lưu trữ thông tin học viên khi vào thi đề thi đó ,
số lần vào thi và điểm của học viên ứng với mỗi lần thi.
• Cauhoi : lưu trữ chi tiết về nội dung câu hỏi có trong ngân hàng
câu hỏi do giáo viên ra và trong một chương cụ thể.
• Dethi : lưu trữ số đề thi trong đó bao nhiêu câu hỏi và thuộc
chương nào do giáo viên nào ra.
• Cautraloi : lưu trữ số câu trả lời có trong một câu hỏi để học viên
có thể chọn lựa khi thi.
• Luachon : lưu trữ số câu lựa chọn của học viên trong câu hỏi đó
và đáp án câu hỏi đó để so sánh kết quả đúng khi học viên đã
chọn.
SVTH : Mai Kỷ Tuyên – Nguyễn Thò Mỹ Hạnh 5
ĐT : Thiết kế Web Site môn Lập Trình Mạng 1 GVHD: Nguyễn Việt Cường
b) Xây dựng Class Diagram :
Chitietdethi
Luachon
Hocvienduthi
Tieumuc
Users
Hocvien
1
1
1
1
Demuc
n
1

n
1
Cautraloi
Chuong
n
n
n
n
n
1
n
1
Cauhoi
n
n
n
n
1
n
1
n
Giaovien
1
1
1
1
n
1
n
1

Dethi
n
n
n
n
nn nn
n
1
n
1
Hình 1. 2. Sơ đồ lớp ( Class Diagram ).
SVTH : Mai Kỷ Tuyên – Nguyễn Thò Mỹ Hạnh 6
ĐT : Thiết kế Web Site môn Lập Trình Mạng 1 GVHD: Nguyễn Việt Cường
3. Lược đồ tuần tự ( Sequence Diagram ) và lược đồ hoạt
động (Activity Model ) :
a. Lược đồ tuần tự (Sequence Diagram) :
(i) Chức năng Học Viên:
Lược đồ dưới đây mô tả chi tiết các chức năng của học
viên khi họ vào trang web
• Đầu tiên vào Học viên đăng ký vào hệ thống
: Hocvien
: DaoxemWeb : Database : Dang ky hoc
1: Dao xem Web
2: Dang ky hoc
3: Kiem tra dang ky
4: Dang ky thanh cong
Hình 1.3 . Lược đồ tuần tự thứ nhất của học viên
SVTH : Mai Kỷ Tuyên – Nguyễn Thò Mỹ Hạnh 7
ĐT : Thiết kế Web Site môn Lập Trình Mạng 1 GVHD: Nguyễn Việt Cường
• Kế đến Học viên sẽ đăng nhập vào hệ thống bằng

Usernames và Password mà họ đã đăng ký
1: Usernames, Password
: Login : Database
: Hocvien
2: Kiem tra Usernames, Password
3: Login thanh cong
Hình 1.4 . Lược đồ tuần tự thứ hai của học viên
SVTH : Mai Kỷ Tuyên – Nguyễn Thò Mỹ Hạnh 8
ĐT : Thiết kế Web Site môn Lập Trình Mạng 1 GVHD: Nguyễn Việt Cường
• Sau khi đăng nhập vào hệ thống thành công học
viên sẽ bắt đầu học
: Hocvien
: Login : Hoc : Thi : Database
1: Usernames, Password
2: Login thanh cong bat dau vao hoc
3: Thi
4: He thong cap nhat diem thi vao co so du lieu
5: Ket qua thi
Hình 1.5 . Lược đồ tuần tự thứ ba của học viên
SVTH : Mai Kỷ Tuyên – Nguyễn Thò Mỹ Hạnh 9
ĐT : Thiết kế Web Site môn Lập Trình Mạng 1 GVHD: Nguyễn Việt Cường
• Sau đó học viên cũng có thể đăng nhập vào hệ
thống để cập nhật thông tin của mình
: Xemdiemthi
: Hocvien
: Login : Capnhatthongtin : Database
1: Usernames, Password
2: Login vao xem diem thi
3: Login vao cap nhat lai thong tin
4: Kiem tra va cap nhat thong tin moi vao co so du lieu

5: Cap nhat thong tin thanh cong
Hình 1.6 . Lược đồ tuần tự thứ tư của học viên
SVTH : Mai Kỷ Tuyên – Nguyễn Thò Mỹ Hạnh 10
ĐT : Thiết kế Web Site môn Lập Trình Mạng 1 GVHD: Nguyễn Việt Cường
• Đồng thời học viên cũng có thể đăng nhập vào thay
đổi lại Password mà mình đã đăng ký trước đó
: Hocvien
: Login : Thaydoimatkhau : Database
1: Usernames, Password
2: Login vao thay doi Password moi
3: Kiem tra va cap nhat Password moi vao co so du lieu
4: Thay doi Password thanh cong
Hình 1.7 . Lược đồ tuần tự thứ năm của học viên
SVTH : Mai Kỷ Tuyên – Nguyễn Thò Mỹ Hạnh 11
ĐT : Thiết kế Web Site môn Lập Trình Mạng 1 GVHD: Nguyễn Việt Cường
(ii) hức năng Giáo Viên:
Lược đồ dưới đây mô tả chi tiết các chức năng của Giáo
viên khi họ vào trang web
• Đầu tiên giáo viên sẽ đăng nhập vào hệ thống để
thực hiện quyền của mình
: Login : Database
: Giaovien
2: Kiem tra Usernames, Password
1: Usernames, Password
3: Login thanh cong
Hình 1.8 . Lược đồ tuần tự thứ nhất của giáo viên
SVTH : Mai Kỷ Tuyên – Nguyễn Thò Mỹ Hạnh 12
ĐT : Thiết kế Web Site môn Lập Trình Mạng 1 GVHD: Nguyễn Việt Cường
• Sau Khi đã đăng nhập thành công thì giáo viên
thực thi chức năng cập nhật đề thi vào hệ thống

1: Usernames, Password
: Giaovien
: Login : Capnhatdethi : Database
2: Login vao cap nhat de thi
3: Kiem tra va cap nhat de thi vao co so du lieu
4: Cap nhat de thi thanh cong
Hình 1.9 . Lược đồ tuần tự thứ hai của giáo viên
SVTH : Mai Kỷ Tuyên – Nguyễn Thò Mỹ Hạnh 13
ĐT : Thiết kế Web Site môn Lập Trình Mạng 1 GVHD: Nguyễn Việt Cường
• Kế đến giáo viên cũng có thể đăng nhập vào hệ
thống để thay đổi Password của mình
: Login : Thaydoimatkhau : Database
: Giaovien
2: Login vao thay doi Password moi
3: Kiem tra va cap nhat Password moi vao co so du lieu
1: Usernames, Password
4: Thay doi Password thanh cong
Hình 1.10 . Lược đồ tuần tự thứ ba của giáo viên
SVTH : Mai Kỷ Tuyên – Nguyễn Thò Mỹ Hạnh 14
ĐT : Thiết kế Web Site môn Lập Trình Mạng 1 GVHD: Nguyễn Việt Cường
(iii)Chức năng Admin:
Lược đồ dưới đây mô tả chi tiết các chức năng của Admin
khi họ vào trang web
• Đầu tiên Admin cũng phải đăng nhập vào hệ thống
để thực hiện quyền của mình
: Admin
: Login : Database
1: Usernames, Password
2: Kiem tra Usernames, Password
3: Login thanh cong

Hình 1.11 . Lược đồ tuần tự thứ nhất của Admin
SVTH : Mai Kỷ Tuyên – Nguyễn Thò Mỹ Hạnh 15
ĐT : Thiết kế Web Site môn Lập Trình Mạng 1 GVHD: Nguyễn Việt Cường
• Sau khi đã đăng nhập thành công thì Admin thực
thi quyền đầu tiên của mình là cập nhật chương
trình học vào hệ thống để học viên có thể tiếp cận
những chương trình mới
3: Kiem tra va cap nhat chuong trinh hoc vao co so du lieu
: Admin
: Login : Database : Capnhatchuongtrinhhoc
1: Usernames, Password
2: Login vao cap nhat chuong trinh hoc
4: Cap nhat chuong trinh hoc thanh cong
Hình 1.12 . Lược đồ tuần tự thứ hai của Admin
SVTH : Mai Kỷ Tuyên – Nguyễn Thò Mỹ Hạnh 16
ĐT : Thiết kế Web Site môn Lập Trình Mạng 1 GVHD: Nguyễn Việt Cường
• Ngoài ra Admin có quyền cập nhật giáo viên mới
vào hệ thống
: Admin
: Login : Database : Capnhatgiaovien
1: Usernames, Password
4: Cap nhat giao vien thanh cong
2: Login vao cap nhat giao vien moi
3: Kiem tra va cap nhat giao vien vao co so du lieu
Hình 1.13 . Lược đồ tuần tự thứ ba của Admin
SVTH : Mai Kỷ Tuyên – Nguyễn Thò Mỹ Hạnh 17
ĐT : Thiết kế Web Site môn Lập Trình Mạng 1 GVHD: Nguyễn Việt Cường
• Sau cùng Admin cũng có quyền thay đổi thông tin
Password của chính mình
: Thaydoimatkhau : Login : Database

: Admin
2: Login vao thay doi Password moi
3: Kiem tra va cap nhat Password moi vao co so du lieu
1: Usernames, Password
4: Thay doi Password thanh cong
Hình 1.14 . Lược đồ tuần tự thứ tư của Admin
SVTH : Mai Kỷ Tuyên – Nguyễn Thò Mỹ Hạnh 18
ĐT : Thiết kế Web Site môn Lập Trình Mạng 1 GVHD: Nguyễn Việt Cường
b. Sơ đồ hoạt động (Activity Model):
Dăng ký học
Vào trang web
Học viên
Login
Học
kiểm tra chương
Thi cuối khóa
Kết thúc
Đạt
Không đạt
Lưu kết quả kiểm tra
chương
Đãõ đạt điểm kiểm tra 4 chương
Đạt
Điểm
Cập nhật lại kết quả
thi
Không đạt
Hình 1. 15 . Sơ đồ hoạt động
Với sơ đồ (hình 1. 15) trên đây cho ta thấy chi tiết hơn về họat động của hệ
thống kể từ khi học viên bắt đầu đăng ký vào học. Để làm rõ hơn nữa các

chức năng hệ thống ta bước vào phần thiết kế dữ liệu sẽ mô tả chi tiết các
class và xử lý cài đặt chương trình sau đây.
SVTH : Mai Kỷ Tuyên – Nguyễn Thò Mỹ Hạnh 19
ĐT : Thiết kế Web Site môn Lập Trình Mạng 1 GVHD: Nguyễn Việt Cường
4. Sơ Đồ Entity Relationship:
Để thể hiện rỏ hơn quan hệ giữa các lớp ta sữ dụng công cụ
Together tạo ra sơ sau
SVTH : Mai Kỷ Tuyên – Nguyễn Thò Mỹ Hạnh 20
ĐT : Thiết kế Web Site môn Lập Trình Mạng 1 GVHD: Nguyễn Việt Cường
IV. THIẾT KẾ DỮ LIỆU:
Mô tả chi tiết các Table trong cơ sở dữ liệu
1. Table Users
Users ( Usernames , Passwords , Quyen )
STT THUỘC
TÍNH
GIÁ
TRỊ
KIỂU RÀNG
BUỘC
DIỄN GIẢI
1 Usernames Not
null
Varchar(50) Khóa
chính
Têân đăng nhập vào hệ
thống phân biệt với
những tên đăng nhập
khác
2 Passwords Not
null

Varchar(50) Ứng với mỗi tên đăng
nhập có một mật khẩu
riêng
3 Quyen Null Int(4) Quyền được ưu tiên khi
đăng nhập (1:Admin;
2:Giáoviên;
3: Họcvien)
2. Table Giaovien
Giaovien(Magiaovien,Tengiaovien,Email,Usernames)
STT THUỘC
TÍNH
GIÁ
TRỊ
KIỂU RÀNG
BUỘC
DIỄN GIẢI
1 Magiaovien Not
null
Int (4) Khoá
chính
Mỗi giáo viên có một
Mã số riêng để phân
biệt với giáo viên khác
2 Tengiaovien Null Varchar(50) Ứng với mỗi mã giáo
viên là tên của giáo
viên
3 Email Null Varchar(50) Email của giáo viên
4 Usernames Not
null
Varchar(50) Tên đăng nhập của

giáo viên khi vào hệ
thống
SVTH : Mai Kỷ Tuyên – Nguyễn Thò Mỹ Hạnh 21
ĐT : Thiết kế Web Site môn Lập Trình Mạng 1 GVHD: Nguyễn Việt Cường
SVTH : Mai Kỷ Tuyên – Nguyễn Thò Mỹ Hạnh 22
ĐT : Thiết kế Web Site môn Lập Trình Mạng 1 GVHD: Nguyễn Việt Cường
3. Table Hocvien
Hocvien(Mahocvien,Tenhocvien,Email,Usernames)
STT THUỘC
TÍNH
GIÁ
TRỊ
KIỂU RÀNG
BUỘC
DIỄN GIẢI
1 Mahocvien Not
null
Int(4) Khóa
chính
Mỗi học viên có một mã số
riêng để phân biệt với học
viên khác
2 Tenhocvien Not
null
Varchar
(50)
Ứng với mỗi học viên là
tên của học viên
3 Email Null Varchar
(50)

Email của học viên
4 Usernames Not
null
Varchar
(50)
Tên đăng nhập của học
viên vào hệ thống
4. Table Hoc
Hoc(Machuong,Mahocvien,Lanthi,Diem)
STT THUỘC
TÍNH
GIÁ
TRỊ
KIỂU RÀNG
BUỘC
DIỄN GIẢI
1 Machuong Not
null
Int(4) Khóa
chính
Có nhiều chương được phân
biệt theo mã chương
2 Mahocvien Not
null
Int(4) Khóa
chính
Có nhiều học viên theo học
được phân biệt theo Mã học
viên
3 Lanthi Not

Null
Int(4) Khóa
chính
Số thứ tự lần thi sau khi học
mỗi chương
4 Diem Null Float Điểm thuộc về lần thi sau
mỗi chương
SVTH : Mai Kỷ Tuyên – Nguyễn Thò Mỹ Hạnh 23
ĐT : Thiết kế Web Site môn Lập Trình Mạng 1 GVHD: Nguyễn Việt Cường
5. Table Chuong
Chuong(Machuong,Tenchuong,Noidungtomtat,Hinh,Chuongtruoc,
Chuong sau)
STT THUỘC TÍNH GIÁ
TRỊ
KIỂU RÀNG
BUỘC
DIỄN GIẢI
1 Machuong Not
null
Int(4) Khoá
chính
Mỗi chương có một
mã số riêng để
phân biệt chương
khác
2 Tenchuong Null Varchar
(50)
Ứng với mỗi
chương là tên
chương

3 Noidungtomtat Null Varchar
(7000)
Mỗi chương có một
nội dung tóm tắt
4 Hinh Null Varchar(
50)
Hình vẽ của
chương ( nếu có )
5 Chuongtruoc Null Int (4) Mỗi chương có một
mã số chương liền
trước
6 Chuongsau Null Int(4) Mỗi chương có một
mã số chương liền
sau
SVTH : Mai Kỷ Tuyên – Nguyễn Thò Mỹ Hạnh 24
ĐT : Thiết kế Web Site môn Lập Trình Mạng 1 GVHD: Nguyễn Việt Cường
6. Table Demuc
Demuc(Mademuc,Tendemuc,Noidungdemuc,Machuong,Hinh)
STT
THUỘC
TÍNH
GIÁ
TRỊ
KIỂU RÀNG
BUỘC
DIỄN GIẢI
1 Mademuc Not
null
Int(4) Khóa
chính

Mỗi đề mục có một mã
đề mục riêng để phân biệt
với đề mục khác
2 Tendemuc Null Varchar
(50)
Ứng với mỗi đề mục có
tên đề mục
3 Noidungdemuc Null Varchar
(7000)
Mỗi đề mục có nội dung
đề mục
4 SourceCode Null Varchar
(7000)
Source Code cuả mỗi đề
mục
5 Machuong Null Int(4) Khóa
ngoại
Mã đề mục thuộc về mã
chương nào
6 Hinh Null Varchar
(50)
Hình vẽ ứng với mỗi đề
mục ( nếu có)
7. Table Tieumuc
Tieumuc(Matieumuc,Tentieumuc,Noidungtieumuc,Mademuc,Hinh)
STT THUỘC TÍNH GIÁ
TRỊ
KIỂU RÀNG
BUỘC
DIỄN GIẢI

1 Matieumuc Not
null
Int(4) Khóa
chính
Mỗi tiêu mục có một mã
số riêng để phân biệt
với tiểu mục khác
2 Tentieumuc Null Varchar
(50)
Mỗi tiểu mục có tên
tiểu mục
3 Noidungtieumu
c
Nul Varchar
(7000)
Ứng với mỗi tiểu mục
có nội dung
4 Mademuc Null Int(4) Tiểu mục thuộc về mã
đề mục nào ?
5 Hinh Null Varchar
(50)
Hình vẽ minh họa cho
tiểu mục ( nếu có )
SVTH : Mai Kỷ Tuyên – Nguyễn Thò Mỹ Hạnh 25