Thiết kế website môn lập trình mạng 1 với servlet và JSP

Chương 3: UDP Chương 4: URL 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. 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 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. PHÂN TÍCH HOẠT ĐỘNG WEB SITE: 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. 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. PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG VỚI RATIONAL ROSE Xây dựng mô hình Use- Case : 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. 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 Hình 1. 1. Mô hình Use Case.  Xây dựng sơ đồ lớp (Class Diagram): 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. Xây dựng Class Diagram : Hình 1. 2. Sơ đồ lớp ( Class Diagram ). Lược đồ tuần tự ( Sequence Diagram ) và lược đồ hoạt động (Activity Model ) : Lược đồ tuần tự (Sequence Diagram) : 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 Hình 1.3 . Lược đồ tuần tự thứ nhất của học viên Kế đến Học viên sẽ đăng nhập vào hệ thống bằng Usernames và Password mà họ đã đăng ký Hình 1.4 . Lược đồ tuần tự thứ hai của học viên Sau khi đăng nhập vào hệ thống thành công học viên sẽ bắt đầu học Hình 1.5 . Lược đồ tuần tự thứ ba của học viên 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 Hình 1.6 . Lược đồ tuần tự thứ tư của học viên Đồ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 đó Hình 1.7 . Lược đồ tuần tự thứ năm của học viên 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 Hình 1.8 . Lược đồ tuần tự thứ nhất của giáo viên 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 Hình 1.9 . Lược đồ tuần tự thứ hai của giáo viên 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 Hình 1.10 . Lược đồ tuần tự thứ ba của giáo viên 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 Hình 1.11 . Lược đồ tuần tự thứ nhất của Admin 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 Hình 1.12 . Lược đồ tuần tự thứ hai của Admin Ngoài ra Admin có quyền cập nhật giáo viên mới vào hệ thống Hình 1.13 . Lược đồ tuần tự thứ ba của Admin Sau cùng Admin cũng có quyền thay đổi thông tin Password của chính mình Hình 1.14 . Lược đồ tuần tự thứ tư của Admin Sơ đồ hoạt động (Activity Model): 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. 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 THIẾT KẾ DỮ LIỆU: Mô tả chi tiết các Table trong cơ sở dữ liệu 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) 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 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 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 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 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ó) 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 Noidungtieumuc 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ó ) Table Hocvienduthi Hocvienduthi(Mahocvien,Madethi,Lanthicuoi,Diem) 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 (trong kỳ thi cuối khóa) 2 Madethi Not Null Int(4) Ứng với mã học viên có một mã đề thi riêng 3 Lanthicuoi Not Null Int(4) Số thứ tự lần thi sau mỗi khóa học 4 Diem Null Float Điểm thuộc lần thi đó Table Chitietdethi Chitietdethi(Macauhoi,Madethi) STT THUỘC TÍNH GIÁ TRỊ KIỂU RÀNG BUỘC DIỄN GIẢI 1 Macauhoi Not null Int(4) Khóa chính Mã câu hỏi thuộc nhiều đề thi, phân biệt với những câu hỏi khác 2 Madethi Not null Int(4) Khóa chính Một đề thi gồm nhiều câu hỏi , phân biệt với những đề thi khác. Table Đề thi Dethi(Madethi,Socaukho,Socaude,Socautrungbinh, Machuong,Magiaovien) STT THUỘC TÍNH GIÁ TRỊ KIỂU RÀNG BUỘC DIỄN GIẢI 1 Madethi Not null Int(4) Khóa chính Mỗi đề thi có một mã số riêng để phân biệt với đề thi khác 2 Socaukho Null Int(4) Số câu hỏi khó thuộc về mã đề thi 3 Socaude Null Int(4) Đề thi gồm bao nhiêu câu hỏi dễ ? 4 Socautrungbinh Null Int(4) Số câu hỏi trung bình có trong đề thi 5 Machuong Null Int(4) Đề thi thuộc mã chương gì ? 6 Magiaovien Null Int(4) Gíao viên nào ra đề thi ? Table Cauhoi Cauhoi(Macauhoi,Noidungcauhoi,Machuong,Magiaovien,Mucdo) STT THUỘC TÍNH GIÁ TRỊ KIỂU RÀNG BUỘC DIỄN GIẢI 1 Macauhoi Not null Int(4) Khóa chính Mỗi câu hỏi có moat mã số riêng để phân biệt với câu hỏi khác 2 Noidungcauhoi Null Varchar (7000) Mỗi câu hỏi có nội dung riêng 3 Machuong Null Int(4) Khóa ngọai Câu hỏi thuộc về mã chương nào . 4 Magiaovien Null Int(4) Khóa ngoại Mã giáo viên soạn câu hỏi 5 Mucdo Null Int(4) Mỗi câu hỏi có mức độ khó riêng Table Cautraloi Cautraloi(Macauluachon,Noidungcauluachon,Macauhoi) STT THUỘC TÍNH GIÁ TRỊ KIỂU RÀNG BUỘC DIỄN GIẢI 1 Macauluachon Not null Int(4) Khóa chính Mỗi câu lựa chọn có một mã riêng phân biệt với những câu lựa chọn khác 2 Noidungcauluachon Null Varchar (7000) Ứng với mỗi mã câu lựa chọn có nội dung câu lựa chọn Table Chonlua Chonlua(Macauhoi,Macauluachon,Ghichu) STT THUỘC TÍNH GIÁ TRỊ KIỂU RÀNG BUỘC DIỄN GIẢI 1 Macauhoi Not null Int(4) Khóa chính Mỗi câu hoỉ có mã câu hoỉ riêng 2 Macauluachon Not Null Int(4) Khóa chính Ứng với mỗi mã câu hoỉ có nhiều mã câu lựa chọn 3 Ghichu Null Int(4) Đáp áp đúng ứng với mỗi mã câu hoỉ CHƯƠNG II : CÀI ĐẶT CHƯƠNG TRÌNH SƠ ĐỒ PHÂN RÃ CHỨC NĂNG HỆ THỐNG : WEB SITE HỌC QUA MẠNG CHỨC NĂNG ADMIN CHỨC NĂNG HỌC VIÊN CHỨC NĂNG GIÁO VIÊN ĐĂNG KÍ HỌC HỌC THI ĐĂNG KÍ THI XEM ĐIỂM THI CẬP NHẬT THÔNG TIN DẠO XEM WEB CẬP NHẬT CHƯƠNG TRÌNH HỌC CẬP NHẬT GIÁO VIÊN CẬP NHẬT ĐỀ THI THAY ĐỔI MẬT KHẨU THAY ĐỔI PASSWORD Hình 2. 1. Sơ đồ phân rã chức năng hệ thống CÀI ĐẶT CHƯƠNG TRÌNH : Phần học viên : Từ sơ đồ tuần tự ứng với phần học viên (hình 1. 3) ở chương 1 , ứng với lược đồ đầu tiên thì học viên muốn vào học phải đăng ký vào học , để làm rõ hơn chức năng này ta có đọan xử lý sau: Xử lý đăng ký Bước 1: khai báo kết nối cơ sở dữ liệu Khai báo trình điều khiển và thông tin cần thiết để kết nối với cơ sở dữ liệu Drivername=”sun. jdbc. Odbc. jdbcOdbcDriver” URL=”jdbc: odbc: HOCQUAMANG” Usernames=”sa” Password =”” Bước 2 : Khai báo các tham số nhận từ request như : Tenhocvien=request. getParameter(“txtTenhocvien”) Tương tự cho email, tên đăng nhập(Usernames) , mật khẩu (Password) ., đồng thời cấp quyền cho học viên bằng 0 ( Int quyen=0) Bước 3 : Khai báo các đối tượng cần thiết để tạo kết nối Class. forName(Drivername). newInstace(); Connection Cn=null Cn = DriverManage. getConnection(URL,”Usernames”,”Password”) Statement st=null ResultSet Rs=null Bước 4 : Thực thi câu lệnh SQL xem học viên đã đăng ký chưa String SQL=” Select Usernames From Hocvien where Usernames=’”+tendangnhap+”’ String SQL1=” Select Usernames From Hocvien where Usernames=’”+tendangnhap+”’ Rs=st. executeQuery(SQL) Rs=st. executeQuery(SQL1) Kiểm tra nếu nếu tên đăng nhập (Usernames) này đã có rồi thì chuyển hướng nhảy đến trang báo lỗi If( rs.next()) { response. SendRedirect(“Loi.html”) } Và mời học viên đăng ký lại Kiểm tra nếu chưa tồn tại thì ta thực hiện thêm học viên này vào cơ sở dữ liệu Else { sql=Insert into Hocvien(Tenhocvien,Email ,Usernames) Value (‘”+tenhocvien+”’, ‘”+email+”’,’”+tendangnhap+”’) Sql1=Insert into Users(Usernames, Password, quyen) Value(’”+tendangnhap+”’, ‘”+matkhau+”’,”+quyen+”) Sau khi cập nhập học viên mới thành công sẽ chuyển đấn trang thành công Bước 5 : Cuối cùng đóng các kết nối lại Rs. close Cn . close Sau khi đã đăng nhập vào hệ thống với Usernames và Password của mình là họ đã có đầy đủ quyền tương ứng(hình 1.4). Đoạn Chương trình sau đây minh họa xử lý việc login của học viên khi đăng nhập vào hệ thống. Xử lý Login vào hệ thống của học viên Tương tự như đọan xử lý trên Bước 1 : Khai báo kết nối cơ sở dữ liệu Bước 2 : Khai báo các tham số nhận từ request User=requesr. getParameter(“txtTendangnhap”) Pass=requesr. getParameter(“txtPassword”) Bước 3 : Khai báo các đối tượng cần thiết để kết nối Bước 4 : Thực thi câu lệnh SQL so sánh xem có học viên này không nếu có thì chấp nhận và cho học viên này vào hệ thống Select Mahocvien Form Hocvien Where Usernames=’”+User+”’ Nếu không có học viên này thì báo lỗi và mời học viên này đăng nhập lại hoặc đăng ký làm học viên thì mới được vào học Bước 5 : Đóng các kết nối Khi vào hệ thống với quyền tương ứng của mình học viên có quyền học và thi chương trình học(hình 1.5 ) để minh họa cho chức năng này ta có đọan xử lý Xử lý chức năng học Bước 1: Kết nối cơ sở dữ liệu Bước 2 : Thực thi câu lệnh truy vấn cho việc chọn học phần cuả học viên sql="SELECT Machuong,Tenchuong FROM Chuong" Trong khi đã chọn được chương ta lấymã chương và tên chương hiển thị cho học viên chọn while (rs.next()){ } Bước 3 :Sau khi chọn học phần ,đối tượng request sẽ nhận tham số từ trang chuong1.jsp gởi đến bằng câu lệnh String machuong=request.getParameter("Machuong") và gởi trả về trang kqdemuc.jsp với các đề mục thuộc về chương mà học viên đã chọn . String sql="SELECT 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 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 t=(int)Math.random()*10+1; out.println("De thi so "+t) Truy xuất câu hoỉ từ câu lệnh truy vấn sql: String sql="Select Macauhoi,Noidungcauhoi From CauHoi "; Khai báo 2 biến và 2 mảng chứa mã câu hoỉ và nội dung câu hoỉ : String ma,noidung int a[]=new int[100] //Mảng chứa mã câu hỏi String b[]=new String[100] //Mảng chứa mã nội dung Tạo recordset để lấy về mã câu hỏi và nội dung câu hỏi chưá vào 2 mảng while( rs.next() ) { ma=rs.getString("Macauhoi"); a[i]=Integer.parseInt(ma); //phân tích mã câu hỏi thành số và đưa vào mảng b[i]=rs.getString("Noidungcauhoi") //phân tích nội dung câu hỏi và đưa vào mảng 2 i++; } Bước 4 : So sánh đáp án Ứng với mỗi câu hỏi , cần hiển thị Ghichu , Macauluachon , Noidungcauluachon bằng câu lệnh truy vấn sql1="SELECT Chonlua.Ghichu AS Ghichu, Cautraloi.Macauluachon, Cautraloi.Noidungcauluachon FROM Chonlua INNER JOIN Cautraloi ON Chonlua.Macauluachon = Cautraloi.Macauluachon Where Chonlua.Macauhoi="+a[r]+" And Chonlua.Macauluachon=Cautraloi.Macauluachon" Bước 5 : Hiển thị kết quả Bước 6 : Đóng kết nối Ứ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ữ liệu Bước 2 : xử lý câu lệnh sql Lấy tên đăng nhập và mật khẩu cũ và mật khẩu mới do học viên nhập vào String username=request.getParameter("txtUsername") String oldPass=request.getParameter("txtOldPass") String newPass=request.getParameter("txtNewPass") Cập nhật lại mật khẩu mới dựa trên mật khẩu cũ và tên đăng nhập thông qua câu lệnh SQL2="UPDATE Users SET Passwords='" + newPass + "'"; SQL2=SQL2 +" WHERE Passwords='" + oldPass + "'"; Nếu 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 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") con = DriverManager.getConnection("jdbc:odbc:HOCQUAMANG","sa","") stmt = con.createStatement() Bước 2 : Khai báo các tham số nhận từ request String Ma=request.getParameter("txtMa") String Ten=request.getParameter("txtTen") String EM=request.getParameter("txtEmail") String SQL="" Bước 3 : Thực thi câu lệnh SQL SQL="UPDATE Hocvien SET Tenhocvien='"+Ten+"',Email='"+EM+"'"; SQL=SQL+ " WHERE Mahocvien="+Ma; Nếu có học viên này thì hệ thống sẽ cập nhật lại thông tin cho học viên đó Ngược lại hệ thống sẽ trảvề trang thông báo lỗi cho học viên để họ đăng nhập lai Bước 4 : Đóng kết nối Phần giáo viên : Để minh họa các chức năng của giáo viên từ sơ đồ tuần tự ở chương 1 ta sẽ vào phần cài đặt cho mỗi một chức năng riêng ứng với quyền của giáo viên. Một giáo viên khi muốn vào hệ thống thì họ đăng nhập vào hệ thống (hình 1.8) với quyền tương ứng của mình thì họ mới vào được , để làm rõ hơn chức năng đăng nhập vào hệ thống với quyền tương ứng ta có đoạn xử lý sau Xử lý đăng nhập vào quản trị hệ thống Bước 1: Kết nối cơ sở dữ liệu Bước 2: Khai báo các tham số nhận từ request user=request.getParameter("txtuser") pass= request.getParameter("txtpass") quyen=request.getParameter("txtquyen") Bước 3: Xử lý câu lệnh sql String strSQL="select * from Users where Usernames='" +user+ "' and Passwords='" +pass+ "' and Quyen='"+quyen+"'" rs=stmt.executeQuery(strSQL) Bước 4 : So sánh quyền tương ứng với mỗi User Nếu quyền = Admin hệ thống sẽ trả về trang quản trị cuả Admin với các chức năng tương ứng cuả Admin Nếu qyuền = Giáo vien hệ thống sẽ trả về trang quản trị của Gíaovien Nếu quyền = Hocvien hệ thống sẽ trả về trang ứng các chức năng cuả học viên Ngược lại hệ thống trả về trang báo lỗi và mời bạn đăng nhập lại Bước 4: Đóng kết nối Sau khi đăng nhập vào hệ thống thành công thì giáo viên có quyền cập nhật mới câu hỏi vào ngân hàng câu hỏi để sinh ra đề thi mới cho học viên thi (hình 1.9), để làm rõ hơn điều này ta có đoạn chương trình sau Xử lý cập nhật câu hỏi thi vào ngân hàng câu hỏi Bước 1: kết nối cơ sở dữ liệu Bước 2 : khai báo các tham số nhận từ request String mch,nd,md,mc,mgv,sqlStr=""; mch=""+request.getParameter("txtMch") nd=""+request.getParameter("txtNdung") md=""+request.getParameter("txtmucdo") mc=""+request.getParameter("txtCh") mgv=""+request.getParameter("txtgv") Bước 3: Thực thi câu lệnh sql sqlStr="INSERT INTO Cauhoi(Noidungcauhoi,Mucdo,Machuong,Magiaovien)" +"VALUES('"+nd+"','"+md+"',"+mc+","+mgv+")" khi cập nhật nếu câu hỏi này đã có sẽ trả về trang lỗi còn nếu chưa có thì cập nhật câu hỏi mới vào ngân hàng câu hỏi Sau cùng hệ thống sẽ trả về trang thành công khi ta cập nhật xong Bước 4: Đóng kết nối Tương tự như Học viên Giáo viên cũng có quyền thay đổi Password của mình (hình 1.10) khi cần thiết. Phần Admin : Tương tự đối với Admin là người có chức vụ cao nhất trong hệ thống ,sau khi đăng nhập vào hệ thống với quyền tương ứng , thì họ có quyền cập nhật vào chương trình học mới vào hệ thống ( hình 1.12) làm rõ chức năng này ta có đoạn xử lý sau Xử lý cập nhật chương trình học mới vào hệ thống Bước 1: kết nối cơ sở dữ liệu Bước 2 : khai báo các tham số nhận từ request String mc,tc,nd,hi,ct,cs,sqlStr=""; mc=""+request.getParameter("txtMchuong") tc=""+request.getParameter("txtTchuong") nd=""+request.getParameter("txtNdung") ct=""+request.getParameter("txtCtruoc") cs=""+request.getParameter("txtCsau") hi=""+request.getParameter("txtHinh") Bước 3: Thực thi câu lệnh sql rsKiemtra=stmt.executeQuery("SELECT * FROM Chuong WHERE Machuong="+mc) // neu chua ton tai thi chen chuong moi vao if(!rsKiemtra.next()){ sqlStr="INSERT INTO Chuong(Tenchuong,Noidungtomtat,Chuongtruoc,Chuongsau,Hinh)”+"VALUES('"+tc+"','"+nd+"',"+ct+","+cs+",'"+hi+"')"; stmt.executeQuery(sqlStr) khi cập nhật nếu chương này đã có sẽ trả về trang lỗi còn nếu chưa có thì cập nhật chương mới vào hệ thống Sau cùng hệ thống sẽ trả về trang thành công khi ta cập nhật xong Bước 4: Đóng kết nối Ngoài chức năng cập nhật chương trình học mới Admin còn có thể cập nhật giáo viên mới vào hệ thống (hình 1.13) khi có một giáo viên mới vào. Điều này được thể hiện thông qua đoạn mã xử lý sau Xử lý cập nhật giáo viên mới vào hệ thống Bước 1: kết nối cơ sở dữ liệu Bước 2 : khai báo các tham số nhận từ request String tengiaovien=request.getParameter("tengiaovien") String email=request.getParameter("email") String tendangnhap=request.getParameter("usernames") String matkhau=request.getParameter("passwords") String quyen ="1" String sql="" Bước 3: Thực thi câu lệnh sql String sql2="Select Usernames From Giaovien Where Usernames='"+tendangnhap+"'" String sql3="Select Usernames From Users Where Usernames='"+tendangnhap+"'" rs=stmt.executeQuery(sql3) if(!rs.next()){ String sql1 = "INSERT INTO Users(Usernames,Passwords,Quyen) values('"+tendangnhap+"','"+matkhau+"',"+quyen+")"; stmt.executeUpdate(sql1) rs=stmt.executeQuery(sql2) if(!rs.next()){ sql="INSERT INTO Giaovien(Tengiaovien,Email,usernames)values('"+tengiaovien+"','"+email+"','"+tendangnhap+"')" stmt.executeUpdate(sql) } Ngược lại khi cập nhật nếu giáo viên này đã có hệ thống sẽ trả về trang lỗi còn nếu chưa có thì cập nhật giáo viên mới vào hệ thống Sau cùng hệ thống sẽ trả về trang thành công khi ta cập nhật xong Bước 4: Đóng kết nối Đồng thời Admin cũng có quyền thay đổi Password của mình (hình 1. 14) khi cần , phần xử lý này tương tự như phần xử lý password cuả học viên. CHƯƠNG III : DEMO WEB SITE DẠY HỌC TRỰC TUYẾN Đến với Web Site Dạy học qua mạng , phía trình duyệt cần khởi động Internet Explorer gõ điạ chỉ Web Site học qua mạng môn Lập Trình Mạng được bắt đầu . Tại trang chủ ,nếu chỉ dạo xem thông tin học phần , học viên chọn chức năng sang trang khaiquathocphan.html. chọn tại trang khaiquathocphan.html để vào trang xemhocphan.html.Trang này tóm tắt các học phần sẽ được giảng dạy phục vụ cho môn Lập Trình Mạng Cơ Sở . Khi chọn học phần (trang hocphan.jsp), các đề mục thuộc học phần đó được liệt kê tại trang (kqdemuc.jsp) hiển thị 4 phần học (Client Side Networking ,Server Side Networking, URL ,UDP), tương tự khi chọn đề mục thuộc học phần đã chọn ,tất cả tiểu mục được hiển thị (ở trang kqtieumuc..jsp ). Vì học viên không đăng kí học nên tại trang kqtieumuc.jsp không hiển thị nội dung tiểu mục ,và hiện thông báo sẽ được xem chi tiết nếu học viên đăng kí học Nếu muốn đăng kí học ,học viên có thể chọn hoặc đăng kí tại trangchu.html . Tại trang chủ ,nếu muốn đăng kí học ,học viên có thể chọn để vào trang đăng kí và nhập thông tin về học viên đăng kí sau cùng chọn để được lưu trữ thông tin đã nhập. Trang Dangkythanhcong.html hiển thị thông báo về việc lưu trữ thông tin đăng kí thành công .Ngược lại sẽ trả về trang Loidangky.html. Học viên có thể chọn chức năng để được hứớng dẫn đăng kí học qua mạng Khi đăng kí thành công ,học viên có thể vào trang dayhoc.html bằng việc chọn Next hoặc trở về trang đăng kí để tiếp tục đăng kí học viên tiếp theo bằng nút Back Vào trang dayhoc.html , bạn chọn học phần cần theo học Sau khi chọn học phần , học viên có thể xem đề mục cuả từng học phần và tiểu mục cuả từng đề mục thuộc học phần đó . Phần hiển thị nội dung tiểu mục ,nếu học viên cần xem SourceCode cuả mỗi chương có thể chọn , trang SouceCode.html sẽ minh hoạ : Sau từng học phần ,học viên có thể kiểm tra kiến thức sau từng chương bằng chức năng , trang kiemtrachuong.jsp hiển thị câu hỏi dành cho học viên muốn kiểm tra kiến thức . Sau khoá học , học viên có thể kiểm tra lại tất cả kiến thức đã học bằng chức năng ,trang kiemtra1.jsp thực thi tác vụ này . Nếu đăng ký không thành công ,học viên chọn để đăng ký lại Khi học viên chọn chức năng , danh sách các giáo viên được hiển thị ,học viên có thể xem thêm thông tin về giáo viên như : tên ,email ,… Tương tự khi học viên chọn chức năng ,học viên xem được danh sách học viên đã đăng ký học . Khi chọn giao diện trang web hiển th ị như sau: Có 3 quyền khi đăng nhập vào hệ thống : Nếu là Admin (người quản trị hệ thống ) , chọn chế độ quyền ưu tiên là Admin ,nhập đầy đủ thông tin về Admin và nhấn nút Submit để có quyền đăng nhập . Nếu đăng nhập thành công , giao diện trang web indexAdmin như sau: Tại đây , người quản trị hệ thống có quyền xem danh sách giáo viên ,cập nhật giáo viên mới ,cập nhật học phần ,cập nhật đề mục ,cập nhật tiểu mục . Trang hiển thị giáo viên hienthigvt.jsp sẽ liệt kê danh sách các giáo viên sẵn có. Giáo viên mới có thể được cập nhật ,trang AddGV.jsp xử lý tác vụ này, giao diện trang AddGV.html như sau : Nếu thành công sẽ trả về trang thanhcongAddGV.html ngược lại trả về trang loiAddGV.html (Nếu tên đăng nhập cuả giáo viên đã có sẵn,…) Giáo viên được phân quyền ưu tiên là 1 , khi thêm giáo viên mới ,hệ thống tự động phân quyền là 1 và cập nhật giáo viên mới Thêm một học phần mới ,Admin có thể chọn chức năng thêm học phần tại trang indexAdmin.jsp Để lưu trữ thông tin cập nhật học phần , trang AddChapter.jsp sẽ xử lý việc lưu trữ thông tin học phần. Trang AddChapter.jsp sau khi xử lý thành công sẽ trả về trang AddChapterthanhcong.html thông báo đến người sử dụng về việc thêm học phần mới thành công. Nếu học phần thêm vào đã có trong hệ thống a(trang loiAddChapter.html sẽ được hiển thị . Trang AddHeading.jsp cập nhật đề mục thuộc học phần cần chọn Nếu đề mục đã có sẽ trả về trang Loiaddheading.html ngược lại sẽ trả về trang Addheadingthanhcong.html đề mục được cập nhật Tác vụ cập nhật tiểu mục tương tự như cập nhật đề mục ,chọn đề mục có tiểu mục cần cập nhật . Nếu thành công trang AddTMthanhcong.html sẽ được trả về và tiểu mục được cập nhật thành công ngược lại trang LoiAddTM.html hiển thị lỗi cập nhật tiểu mục Nếu là giáo viên , nhập thông tin đăng nhập giáo viên và quyền ưu tiên khi đăng nhập là Quyền Giáo viên . Sau khi chọn nút Submit , thông tin đăng nhập cuả giáo viên sẽ được xử lý . Nếu đăng nhập không thành công , trang web FaiLogin.html trả lại thông báo Nếu đăng nhập thành công , trang đăng nhập thành công(indexGV.jsp) cuả giáo viên được hiển thị như sau : Trang indexGV.jsp thực thi các công việc cuả giáo viên : Xem danh sách các câu hỏi . Cập nhật câu hỏi . Cập nhật đề thi . Giáo viên được quyền xem danh sách câu hỏi có trong ngân hàng câu hỏi , giáo viên chỉ được quyền chỉnh sửa , cập nhật câu hỏi do chính giáo viên đó soạn . Nếu là học viên , nhập thông tin đăng nhập học viên và quyền ưu tiên khi đăng nhập là Quyền Học viên . Nếu lỗi đăng nhập trang FaiLogin.html sẽ được trả về ,học viên có thể trở về trang trước để ngược lại trang indexHV.jsp hiển thị các chức năng cuả học viên . Tại đây ,học viên có thể xem danh sách học viên ,thay đổi thông tin học viên ,thay đổi mật khẩu . Học viên vào trang thaydoithongtinhv.jsp để nhập thông tin mới. Nếu việc thay đổi thành công trang thaydoithanhcong.html được trả về ,nếu lỗi xảy ra trang loithaydoitt.html . Trang ThaydoiPW.jsp học viên thay đổi mật khẩu Nếu thay đổi thành công trang thaydoithanhcong.html hiển thị ,ngược lại trang loithaydoi.html đượ._.