Thiết kế trang web động hỗ trợ dạy học

Đồ án tốt nghiệp Tăng Thanh Cao Mục lục Lời nói đầu Chơng 1: Giới thiệu đề tài I Mô tả đề tài II Khảo sát sơ III Cấu trúc đồ án IV Phơng pháp nghiên cứu Chơng 2: Các vấn đề mạng máy tính I Internet ? II Intranet ? 10 III Internet Information Server ? 10 Chơng 3: Ngôn ngữ lập trình ASP chuỗi kết nối ADO 19 I Giíi thiƯu ASP………………………………………………… 19 Active Server Page lµ 19 Hoạt động Active Server Page 19 Các hoạt động ASP 20 Cấu trúc c¸c File ASP………………………………………….22 C¸c tÝnh chÊt cđa ASP………………………………………….22 II Ngôn ngữ sử dụng lập trình với ASP 23 Các lệnh Script ASP.23 Ngôn ngữ Script Script Engine 24 Viết thủ tục với ngôn ngữ 26 III Những vấn đề liên quan đến xây dùng øng dông ASP……………27 File Global.asa……………………………………………… 27 Khai báo đối tợng biến cố 29 Đồ án tốt nghiệp Tăng Thanh Cao IV Các đối tợng ASP32 Đối tợng Request 33 Đối tợng Response 34 Đối tợng Session 35 Đối tợng Application 36 Đối tợng Server 37 V ADO (ActiveX Data Object).38 A Thành phần truy cập sở liệu 38 B Giao diện ADO 38 C Các đối tợng ADO 39 Đối tợng Connection 39 Đối tợng Command.43 Đối tợng Recordset 46 Chơng 4: Phân tích thiết kế hệ thống Website 51 Sơ đồ phân cấp chức năng.51 Định nghĩa chức năng.52 2.1 Chức trang phổ biến kiến thức52 2.2 Chức trang báo điện tử53 2.3 Chức đăng nhập53 2.4 Chức quản trị hệ thống.54 2.4.1 Chức quản lý ngời dùng 54 2.4.2 Chức quản lý học 55 2.4.3 Chức quản lý trang tin56 Thiết kế sở liệu.57 Đồ án tốt nghiệp Tăng Thanh Cao 3.1 Bảng user57 3.2 Bảng phân quyền57 3.3 Bảng môn học57 3.4 Bảng học 58 3.5 Bảng cấu hình58 3.6 Bảng chủ đề tin 58 3.7 Bảng nội dung tin 58 3.8 Các quan hệ bảng sở liệu.59 Chơng 5: Cài đặt sử dụng Website.60 Bảo mật Password hệ thống website 60 1.1 Quá trình xử lý Password tạo ngời dùng 60 1.2 Quá trình kiểm tra Password ngời dùng đăng nhập.60 1.3 Bảo mật trang .61 Các Modul sở liệu63 2.1 Trang ADO.asp63 2.2 Các modul phần trang báo điện tử 63 2.3 Các trang web đợc xuất để truy cập 64 Các trang mô tả chức quản trị ngời dùng66 3.1 Trang mô tả chức thêm ngời dùng mới66 3.2 Trang tìm kiếm, update xoá user 67 Các trang mô tả chức quản trị môn học68 4.1 Trang mô tả chức thêm môn học 68 4.2 Trang mô tả chức tìm kiếm, update xoá môn học.69 Các trang mô tả chức quản trị học 70 Đồ án tốt nghiệp Tăng Thanh Cao 5.1 Trang mô tả chức thêm học mới70 5.2 Trang mô tả chức tìm kiếm, update xoá học.71 Các trang mô tả chức quản trị trang báo 72 6.1 Trang mô tả chức soạn tin mới.72 6.2 Trang mô tả chức hiển thị, cập nhật xoá tin bài75 Lời nói đầu Trong thời đại ngày nay, mà sống kỷ nguyên tin học với phát triển vợt bậc ngành công nghệ thông tin bùng nổ mạng Internet toàn cầu Công nghệ thông tin không dừng lại mục đích phục vụ cho khoa học kỹ thuật mà sâu vào đời sống xà hội trở thành cần thiết với lợi ích mà mang lại Trong nghiệp giáo dục đào tạo nớc nhà, công nghệ thông tin mang lại đóng góp quan trọng Những ứng dụng công nghệ thông tin vào ngành giáo dục quản lý đào tạo, xây dựng giảng máy vi tính, xây dựng website trợ giúp giảng dạy v.v Với ngành giáo dục , trang web hỗ trợ nhiều cho công tác giáo dục đào tạo trờng đại học, khoa ngành Khi có trang web, thông tin đợc cập nhật, sinh viên giáo viên trờng hay khoa vào trang web để cập nhật tình hình hoạt động, trao đổi nhiệm vụ học tập Giáo viên thông báo tới sinh viên vể tiến trình giảng dạy, đa lên trang web giảng giáo trình mình, sinh viên vào trang web để trao đổi với vấn ®Ị häc tËp, ®ång thêi cã thĨ cËp nhËt c¸c giảng giáo trình mạng để tự học Đồ án tốt nghiệp Tăng Thanh Cao Em sinh viên Khoa S Phạm Kỹ Thuật, em đợc giao nhiệm vụ làm đồ án tốt nghiệp với đề tài: Thiết kế trang web động hỗ trợ dạy học, trang web đợc thiết kế nhằm phục vụ cho công tác học tập nghiên cứu thầy trò khoa S Phạm Kỹ Thuật-ĐHBKHN, em mong trang web giúp đợc công tác dạy học khoa, thành mà em đạt đựơc suốt trình học tập Trong thời gian tháng liên tục nghiên cứu thực với hớng dẫn thầy giáo em đà hoàn thành đợc trang web mình, sản phẩm đầu tay đời sinh viên em Trang web đợc thiết kế với giao diện thân thiện, chức đợc thiết kế dễ sử dụng Cho phép em đợc gửi lời cảm ơn chân thành đến thầy giáo Vũ Đức Vợng - giáo viên Khoa Công Nghệ Thông Tin Thầy đà hớng dẫn em tận tình suốt trình làm đồ án Và em chân thành cảm ơn thầy cô giáo đà giảng dạy giúp đỡ em năm học trờng, để em có đợc kiến thức, công nghệ kỹ thuật để em hoàn thành đồ án tốt nghiệp Cũng cho phép em đợc gửi lời cảm ơn tới Khoa S Phạm Kỹ Thuật, Khoa Công nghệ Thông Tin, đơn vị đà tạo điều kiện để em đợc hoàn thành đồ án tốt nghiệp cách tốt Tuy nhiên, hạn chế thời gian nh trình độ nhận thức nên đồ án em gặp phải thiếu sót, em mong nhận đợc góp ý thầy cô bạn bè để em hoàn thiện đề tài Em xin chân thành cảm ơn! Sinh viên : Tăng Thanh Cao Lớp : SPKT_TinK46 Đồ án tốt nghiệp Tăng Thanh Cao Chơng 1: Giới thiệu đề tài I Mô tả đề tài Khoa S Phạm Kỹ Thuật khoa thành lập trờng Đại Học Bách Khoa Hà Nội Khoa nhằm mục đích đào tạo giáo viên dạy môn kỹ thuật công nghiệp cho trờng dạy nghề, trờng trung học chuyên nghiệp, trờng cao đẳng nghề Mọi thông tin khoa s phạm kỹ thuật cha thực rõ ràng đến sinh viên, nên việc cập nhật thông tin khoa đến sinh viên ngời quan tâm đến khoa cần thiết Công tác dạy học khoa giảng đờng, sinh viên vấp phải thụ động trình học tập giảng lớp Việc có mét trang web giíi thiƯu vỊ khoa lµ hÕt søc cần thiết, thông tin khoa đợc cập nhật, thông tin cấu tổ chức, lịch sử phát triển, tơng lai phát triển, dự án kế hoạch học tập cập nhật tới sinh viên, ®Ĩ hä cã thĨ dƠ dµng vµo trang web ®ã để cập nhật thông tin khoa tình hình hoạt động lịch học tập Quan trọng hơn, trang web hỗ trợ công tác đào tạo dạy học khoa, trang web cung cấp giáo trình giảng môn thầy giáo môn Ngời thầy giáo đa giảng giáo trình lên Website thông qua hệ thống upload tải giảng vể để chỉnh sửa, update thêm vào sở liệu giảng giáo trình Là sinh viên vào trang web để xem thông tin,cập nhật giảng giáo trình cho phép download giảng ®Ĩ tù häc… Ngoµi trang web cịng cung cÊp forum để thầy trò khoa trao đổi với nhiệm vụ học tập nghiệp vụ s phạm thông qua hệ thống đăng ký thành viên diễn đàn Trang web đợc xây dựng ngôn ngữ lập trình web ASP, kết hợp với hệ quản trị sở liệu đợc tổ chực Micrsoft ACCESS Đồ án tốt nghiệp Tăng Thanh Cao II Khảo sát sơ Mục tiêu xây dựng - Website xây dựng hỗ trợ lớp ngời sử dụng : admin, thầy giáo viewer - Những ngời quản trị thực thao tác sở liệu nh: thêm, xoá, chỉnh sửa, thay đổi Các yêu cầu đặt với hệ thống - Đối với ngời quản trị hệ thống (admin) có quyền sau: thêm, sửa, xoá user, quản lý trang tin, quản lý thành viên, quản lý học, quản lý forum - Đối với thầy giáo (user) có quyền: thêm, xoá giảng vµ cã thĨ download vỊ chØnh sưa vµ update bµi học - Đối với thành viên (sinh viên) có quyền vào xem thông tin đăng ký tham gia diễn đàn, quyền sửa đổi sở liệu III Cấu trúc đồ án Đồ án có cấu trúc gồm chơng : Chơng 1: Giới thiệu đề tài Chơng 2: Các vấn đề mạng máy tính Internet Intranet Chơng 3: Ngôn ngữ lập trình ASP chuỗi kết nối ADO Chơng 4: Phân tích thiết kế hệ thống Chơng 5: Cài đặt sử dụng Website IV Phơng pháp nghiên cứu Để thực tốt đồ án với yêu cầu đó, em đà sử dụng phơng pháp nghiên cứu : Phơng pháp phân tích tổng hợp lý thuyết Phơng pháp nghiên cứu tài liệu Phơng pháp lấy ý kiến chuyên gia Đồ án tốt nghiệp Tăng Thanh Cao Phơng pháp điều tra (phỏng vấn, lấy ý kiến, yêu cầu) Chơng : Các vấn đề mạng máy tính Internet Intranet I Internet ? Internet mạng máy tính toàn cầu sử dụng ngôn ngữ truyền thông chung tơng tự nh hệ thống điện thoại quốc tế đợc kết nối theo cách làm việc mạng lớn World Wide Web cho ta hình ảnh dễ dàng giao tiếp tìm kiếm liệu Internet Các liệu đợc liên kết với thông qua trang web Các file, trang đợc nối kết với thông qua mối liên kết text hình ảnh đợc gọi Hyperlink Các trang web chứa văn bản, hình ảnh, âm Các trang đợc đặt máy tính vị trí mạng(server) Khi ta nối kết tới Internet ta truy xuất thông tin toàn cầu Hyperlink text hay hình ảnh mà đợc gắn địa Web đó, cách click vào hyperlink ta nhảy tới trang thành phần website Mỗi website có trang chủ Website có địa gọi URL( Uniform Resource Locator ) URL xác định xác tên máy tính đờng dẫn tới trang Web định II Intranet ? Intranet dựa vào TCP/IP Network nhng không nối kết tới Internet mà sử dụng chuẩn truyền thông Internet công cụ dùng để cung cấp thông tin tới ngời sử dụng mạng riêng Ví dụ công ty cài đặt Web server cho thành viên công ty trao đổi th từ tin tức thông tin thơng mạiCác thành viên truy xuất thông tin cách dùng web browser III Internet Information Server (IIS) ? Internet Information Server Web server cho phép ta công bố thông tin mạng Intranet hay Internet Internet Information Server(IIS) truyền tải thông tin cách dùng Hyperlink Transfer Protocol(HTTP), Đồ án tốt nghiệp Tăng Thanh Cao Internet Information Server cịng cã thĨ dïng ph¬ng thøc FPT(File Transfer Protocol) Gopher Internet Information Server làm việc nh ? Web hệ thống yêu cầu ( Request ) đáp ứng ( Response ) Web browser yêu cầu thông tin cách gửi URL tới Web Server, Web server đáp ứng lại cách trả lại trang HTML cho Web browser Web browser Internet vµ Intranet Web server Se rv er Client HTML trang web tĩnh đựơc lu sẵn Web server trang động mà server tạo đáp ứng yêu cầu ngời sử dụng trang th mục server Web Browser URL Request Đồ án tốt nghiệp Tăng Thanh Cao Mỗi trang Web mạng Intranet Internet có có URL Web browser yêu cầu trang cách gửi mét URL tíi mét Web server Web server sư dơng thông tin URL để xác định cho hiển thị trang Web theo yêu cầu Web browser Cú pháp URL chuỗi văn gồm có : Protocol, Domain Name, đờng dẫn (Path) tới thông tin yêu cầu Protocol chuẩn truyền thông dùng để truyền tải thông tin nh : HTP, FTP, vµ Gopher Domain Name chÝnh lµ Domain Name System (DNS) máy tính chứa thông tin Path đờng dẫn chứa thông tin yêu cầu máy tính Ví dụ : Phơng thức Tên Domain Đờng dẫn (Path) Http:// www.microsoft.com /backoffice Https:// (sourseHTT P) www.truongthi.com /catalog/orders.htm Gopher:// Gopher.university.edu Research/astronnmy /index.htm ftp:// Orion.bureau.gov /stars/alpha quadrant/starlist.txt Mét URL cịng cã thĨ chøa thông tin mà Web server cần phải xử lý trớc trả lại trang, liệu URL đợc gắn thêm vào cuối đờng dẫn Web server gửi liệu tới chơng trình hay script để xử lý trả lại kết cho trang web VÝ dô : Request Type Static HTML URL http://www.microsoft.com/backoffice/default.ht 10