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 [...]... 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... viên khác Ứng với mỗi mã giáo viên là tên của giáo viên Email của giáo viên Tên đăng nhập của giáo viên khi vào hệ thống 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 1 Mahocvien 2 GIÁ TRỊ... Bước 5 : Hiển thò kết quả Bước 6 : Đóng kết nối SVTH : Mai Kỷ Tuyên – Nguyễn Thò Mỹ Hạnh 33 ĐT : Thiết kế Web Site môn Lập Trình Mạng 1 GVHD: Nguyễn Việt Cường Ứng với đường đi từ sơ đồ học viên còn có thể login vào hệ thống để thay đổi thông tin và thay đổi Password của mình(hình 1.6 & hình 1.7) , đọan chương trình sau sẽ làm rõ chức năng này Xử lý chức năng thay đổi Password Bước 1:kết nối cơ sở dữ... THI CẬP NHẬT CẬP NHẬT CHƯƠNG TRÌNH CHƯƠNG TRÌNH HỌC HỌC CẬP NHẬT CẬP NHẬT GIÁO VIÊN GIÁO VIÊN THAY ĐỔI PASSWORD THAY ĐỔI PASSWORD THAY ĐỔI MẬT KHẨU THAY ĐỔI MẬT KHẨU CẬP NHẬT THÔNG TIN CẬP NHẬT THÔNG TIN Hình 2 1 Sơ đồ phân rã chức năng hệ thống SVTH : Mai Kỷ Tuyên – Nguyễn Thò Mỹ Hạnh 29 ĐT : Thiết kế Web Site môn Lập Trình Mạng 1 II GVHD: Nguyễn Việt Cường CÀI ĐẶT CHƯƠNG TRÌNH : 1 Phần học viên : Từ... 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 b GVHD: Nguyễn Việt Cường Sơ đồ hoạt động (Activity Model): Vào trang web Học viên Login Dăng ký học Điểm Học kiểm tra chương Không đạt Lưu kết quả kiểm tra chương Đạt Đãõ đạt điểm kiểm tra 4 chương Thi cuối khóa Đạt Không đạt Cập nhật lại kết quả thi Kết thúc Hình 1 15 Sơ đồ hoạt động Với sơ đồ (hình 1 15)... 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 : Admin : Login : Capnhatchuongtrinhhoc : Database 1: Usernames, Password 2: Login... Mademuc,Tendemuc FROM Demuc WHERE Machuong=" +machuong Bước 4 : Tương tự như học viên chọn tiểu mục và nội dung tiểu mục Bước 5 : Đóngkết nối SVTH : Mai Kỷ Tuyên – Nguyễn Thò Mỹ Hạnh 32 ĐT : Thiết kế Web Site môn Lập Trình Mạng 1 GVHD: Nguyễn Việt Cường Xử lý chức năng Thi Bước 1: kết nối cơ sở dữ liệu Bước 2 : Thực thi câu lệnh sql và xử lý các giải thuật • Tạo đề thi với số thứ tự đề thi là ngẫu nhiên int... DIỄN GIẢI Mỗi câu h có mã câu h riêng Ứng với mỗi mã câu h có nhiều mã câu lựa chọn Đáp áp đúng ứng với mỗi mã câu h 28 ĐT : Thiết kế Web Site môn Lập Trình Mạng 1 GVHD: Nguyễn Việt Cường CHƯƠNG II : CÀI ĐẶT CHƯƠNG TRÌNH I SƠ ĐỒ PHÂN RÃ CHỨC NĂNG HỆ THỐNG : WEB SITE HỌC QUA MẠNG CHỨC NĂNG CHỨC NĂNG HỌC VIÊN HỌC VIÊN CHỨC NĂNG CHỨC NĂNG GIÁO VIÊN GIÁO VIÊN CHỨC NĂNG CHỨC NĂNG ADMIN ADMIN DẠO XEM WEB... thay đồi thành công trả về trang thành công , nếu Usernames và Password cũ sai hệ thống sẻ trả về trang lỗi Bước 3 : Đóng kết nối SVTH : Mai Kỷ Tuyên – Nguyễn Thò Mỹ Hạnh 34 ĐT : Thiết kế Web Site môn Lập Trình Mạng 1 GVHD: Nguyễn Việt Cường Xử lý chức năng thay đổi thông tin Bước 1: Kết nối cơ sở dữ liệu Statement stmt = null ResultSet rs=null Connection con = null Class.forName("sun.jdbc.odbc.JdbcOdbcDriver")... 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 : Giaovien : Login : Thaydoimatkhau : Database 1: Usernames, Password 2: Login vao thay . Đ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ê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