Thiết kế website trung tâm tin học trực tuyến

Tr-ờng đai học Vinh Khoa Công Nghệ Thông Tin ĐỒ ÁN TỐT NGHIỆP THIẾT KẾ WEBSITE TRUNG TÂM TIN HC TRC TUYN 48K CNTT Giảng viên h-ớng dẫn:ThS: Vũ Văn Nam Sinh viên thực hiện:: Vũ Trọng Quý Hoàng Ngäc Hïng Líp: 48K - CNTT - §H Vinh Vinh 12/2011 Đề Tài: Thiết Kế Website “TTTH trực tuyến” GVHD:TH.s Vũ Văn Nam MỤC LỤC LỜI NÓI ĐẦU CHƯƠNG GIỚI THIỆU VỀ ASP.NET VÀ SQL SERVER 2005 1.1 Giới thiệu 1.2 Lý chọn ASP.NET 1.3 Giới thiệu hệ quản trị CSDL SQL Server 2005 .6 1.3.1 Giới thiệu .6 1.3.2 Những tính SQL 2005 CHƯƠNG ĐẶC TẢ YÊU CẦU CHỨC NĂNG 2.1 Người dùng 2.1.1 Xem tài liệu 2.1.2 Tìm kiếm .9 2.1.3 Tra cứu lớp học .9 2.1.4 Đăng ký thành viên, đăng nhập hệ thống 10 2.1.5 Đăng ký học trực tuyến .10 2.1.6 Theo dõi lớp học 10 2.1.7 Thay đổi mật .10 2.1.8 Thống kê 10 2.1.9 Hỗ trợ trực tuyến 10 2.1.10 Thăm dò ý kiến 11 2.2 Quản trị .11 2.2.1 Quản lý thông tin người dùng 11 2.2.2 Quản lý hệ thống quyền truy cập 11 2.2.3 Thống kê website 11 2.2.4 Cập nhật nhóm viết 11 2.2.5 Cập nhật viết 12 2.2.6 Cập nhật khóa học .12 CHƯƠNG THIẾT KẾ CƠ SỞ DỮ LIỆU, THỦ TỤC XỬ LÝ, GIAO DIỆN 13 3.1 Thiết kế CSDL .13 3.1.1 Phân tích hệ thống mặt chức 13 3.1.2 Phân tích hệ thống mặt liệu .17 3.2 Thiết kế thủ tục xử lý 20 3.3 Thiết kế giao diện .21 3.3.1 Cấu trúc trang phần giao diện người dùng 21 3.3.2 Danh sách trang phần giao diện người dùng .22 3.3.3 Cấu trúc trang phần giao diện quản trị 22 3.3.4 Danh sách trang phần giao diện quản trị .23 CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ .24 4.1 Chuẩn bị .24 4.2 Thực .25 4.3 Hoàn tất 25 CHƯƠNG GIỚI THIỆU SẢN PHẨM 26 5.1 Các trang thuộc giao diện người dùng .26 5.2 Giao diện thuộc người quản trị .33 KẾT LUẬN ĐÁNH GIÁ KẾT QUẢ ĐẠT ĐƯỢC VÀ HƯỚNG PHÁT TRIỂN 38 6.1 Kết đạt 38 Hoàng Ngọc Hùng Vũ Trọng Quý Đề Tài: Thiết Kế Website “TTTH trực tuyến” GVHD:TH.s Vũ Văn Nam 6.2 Hạn chế 38 6.3 Hướng phát triển 38 Hoàng Ngọc Hùng Vũ Trọng Quý Đề Tài: Thiết Kế Website “TTTH trực tuyến” GVHD:TH.s Vũ Văn Nam LỜI NĨI ĐẦU Ngày nay, cơng nghệ thơng tin có bước phát triển mạnh mẽ chiều rộng lẫn chiều sâu Máy tính điện tử khơng xa lạ mà ngày trở thành cơng cụ làm việc giải trí thơng dụng người, không công sở mà gia đình Đứng trước vai trị thơng tin hoạt động cạnh tranh gay gắt, tổ chức doanh nghiệp tìm biện pháp để xây dựng hồn thiện hệ thống thơng tin nhằm tin học hóa hoạt động tác nghiệp đơn vị Với phát triển nhanh chóng xã hội ngày nay, sách báo không đáp ứng cách đầy đủ, xác kịp thời lượng thơng tin khổng lồ hàng ngàn kiến thức xuất ngày Và người không đủ khả ngày chạy mua hàng đống sách báo nhà để cập nhật thông tin Vậy để giải vấn đề cách ổn thỏa? Câu trả lời tưởng rơi vào bế tắc khơng tìm phương án thích hợp Và mạng Internet trả lời câu hỏi tưởng lời đáp Hơn mạng Internet làm tốt công việc với trang báo điện tử Các trang báo điện tử phát triển ngày đa dạng, khơng đơn đọc tin tức, giải trí, học tập mà thơng qua mạng Internet cịn có tác dụng cầu nối giữ người với Các viết báo điện tử, học tập người đọc xong cịn để lại lời bình làm cho trang báo trở nên có khơng khí hơn, có tình cảm Để tiếp cận góp phần đẩy mạnh phổ biến báo điện tử, giáo dục Việt Nam dựa vào yêu cầu thực tế, chúng em tìm hiểu xây dựng website “Trung tâm tin học trực tuyến” Hoàng Ngọc Hùng Vũ Trọng Quý Đề Tài: Thiết Kế Website “TTTH trực tuyến” GVHD:TH.s Vũ Văn Nam Nội dung đề tài gồm sáu chương: Chương 1: Giới thiệu ASP.NET SQL Server 2005 Chương 2: Đặc tả chi tiết yêu cầu chức Chương 3: Thiết kế CSDL, thủ tục xử lý, giao diện Chương 4: Cài đặt kiểm thử Chương 5: Giới thiệu sản phẩm Chương 6: Đánh giá kết hướng phát triển Với hướng dẫn tận tình thầy giáo ThS Vũ Văn Nam, chúng em hoàn thành đề tài thực tập chuyên ngành Tuy chúng em cố gắng hết mình, tìm hiểu phân tích hệ thống khơng tránh khỏi sai sót Chúng em mong nhận thơng cảm góp ý q thầy cô Chúng em xin chân thành cảm ơn! Qua cho phép chúng em tỏ lòng biết ơn đến bảo, dạy dỗ thầy cô giáo khoa công nghệ thông tin, thầy cô giáo môn Đặc biệt thầy giáo Vũ Văn Nam, người trực tiếp hướng dẫn, bảo giúp đỡ chúng em thực đề tài thực tập này, chúng em xin chân thành cảm ơn hướng dẫn tận tình thầy Nhóm sinh viên thực hiện: Vũ Trọng Quý Hoàng Ngọc Hùng Hoàng Ngọc Hùng Vũ Trọng Quý Đề Tài: Thiết Kế Website “TTTH trực tuyến” GVHD:TH.s Vũ Văn Nam CHƯƠNG GIỚI THIỆU VỀ ASP.NET VÀ SQL SERVER 2005 1.1 Giới thiệu ASP.NET phiên Active Server Page (ASP), phát triển ứng dụng web hợp nhất, cung cấp nhiều dịch vụ cần thiết cho lập trình viên xây dựng ứng dụng chuyên nghiệp Cú pháp ASP.NET tương thích với cú pháp ASP, ngồi ASP.NET cịn cung cấp mơ hình lập trình mới, tảng an tồn, linh hoạt ổn định ASP.NET biên dịch, dựa mơi trường NET xây dựng ngơn ngữ tương thích với NET, bao gồm Visual Basic.NET, C#.NET, JScript.NET ASP.NET thiết kế làm việc với trình soạn thảo WYSIWYG HTML kèm cơng cụ lập trình khác đưa vào Microsoft Visual.NET Tất công cụ để phát ứng dụng web, nhiên sử dụng vài chức thông thương cho ứng dụng web, bao gồm GUI cho phép lập trình viên dễ dàng đặt server control trang web (web page), trình debug mạnh mẽ 1.2 Lý chọn ASP.NET Ta biết NET Framework ứng dụng tạo cách mạng kỹ thuật công nghệ tin học (Information Technology), thay đổi tận gốc rễ kiểu mẫu lập trình hay phát triển triển khai mạng giới, tạo bước ngoặt đáp ứng yêu cầu khẩn thiết cho ngành nghề kỹ thuật thương mại ASP.NET ứng dụng quan trọng để phát triển triển khai mạng cách dễ dàng chưa thấy từ xưa tới Không ASP kiểu cổ điển giới hạn với VBScript Jscript, ASP.NET hỗ trợ 25 ngôn ngữ lập trình (dĩ nhiên ngồi ngơn ngữ thiết lập cài sẵn hỗ trợ NET Framework VB.NET, C#, Jscript.NET cịn có MC++.NET, Smalltalk.NET, COMBOL.NET, …) Mặc dù ta cần tới Notepad để triển khai trang ASP.NET Visual Studio.NET giúp suất triển khai mạng thêm phần hiệu quả, ta quan sát Hoàng Ngọc Hùng Vũ Trọng Quý Đề Tài: Thiết Kế Website “TTTH trực tuyến” GVHD:TH.s Vũ Văn Nam kế hoạch ta dễ dàng phác họa (Design) thành phần ASP.NET hình ảnh với ASP.NET Web Forms hay Services theo phương pháp nhấp đúp chuột quen thuộc Windows Thêm nữa, lại hỗ trợ ta phát loại bỏ lỗi sai cách thuận lợi phát triển ứng dụng mạng (support for debugging and deploying ASP.NET Web application) ASP.NET chạy nhanh ASP cổ điển gấp năm lần mà cịn trì kiểu mẫu cập nhật gọi kiểu mẫu ‘just hit save’, nghĩa ASP.NET tự động dị tìm thay đổi compiler files cẩn thiết lưu trữ kết compiler để cung ứng dịch vụ cho yêu cầu sau, nhờ ứng dụng ln ln cập nhật hóa chạy nhanh ASP.NET có khẳ lưu trữ kết chung phần memory trang để gửi giải đáp cho yêu cầu từ nhiều cách khác nhờ khơng tiết kiệm lặp lặp lại công tác thi hành trang web mà gia tăng hiệu suất cách ngoạn mục giới hạn tối đa việc chất vấn CSDL (Eliminating the need to query the database on every request) tốn nhiều thời gian ASP.NET có khẳ dị tìm phục hồi (detects and recovers) trở ngại nghiêm trọng deadlocks hay nhớ (memory) bị rĩ để đảm bảo ứng bạn luôn sẳn sàng dùng mà không làm cản trở việc cung ứng dịch vụ cần thiết thường lệ ASP.NET cho phép cập nhật hóa (updates) thành phần compiled (compiled components) mà không cẩn phải khởi động lại (restart) web server 1.3 Giới thiệu hệ quản trị CSDL SQL Server 2005 1.3.1 Giới thiệu SQL viết tắt Structured Query Language – Ngơn ngữ truy vấn có cấu trúc chuẩn ANSI (American National Standard Institute – Viện tiêu chuẩn quốc gia Hoa Kỳ) truy xuất hệ thông CSDL Các câu lệnh SQL sử dụng để truy xuất cập nhật liệu CSDL Hoàng Ngọc Hùng Vũ Trọng Quý Đề Tài: Thiết Kế Website “TTTH trực tuyến” GVHD:TH.s Vũ Văn Nam SQL hoạt động với hầu hết chương trình CSDL MS Access, DB2, Informix, MS SQL Server… Một CSDL thường bao gồm nhiều bảng (tables) Mỗi bảng xác định thơng qua tên (ví dụ: Products Category) Dưới ví dụ bảng có tên Products: Products(ProductID, ProductName, CategoryID, Price, CreateDate, UserID) Với SQL ta truy vấn CSDL nhận lấy kết trả về, cập nhật – sửa đổi, chèn thêm xóa mẫu tin thơng qua câu truy vấn Danh sách lệnh truy vấn dạng DML (Data Manipulation Language): - Select: Lấy liệu từ bảng CSDL - Update: Cập nhật/ sửa đổi liệu bảng - Delete: Xóa liệu bảng - Insert into: Thêm liệu vào bảng 1.3.2 Những tính SQL 2005 Khi SQL 2005 đời, kiến thức SQL 2000 thực không đủ để ta làm chủ SQL 2005 Khả độ linh hoạt SQL 2005 phản ánh rõ công cụ Management studio BIDS a ) Nâng cao bảo mật Bảo mật trọng tâm cho tính SQL Server 2005 Điều phản ánh phản ứng lại Microsoft với sâu máy tính Slammer cơng SQL Server 2000 Nó cho thấy giới ngày có nhiều liệu kinh doanh có nguy bị lộ Internet b) Mở rộng T-SQL - Transact – SQL phiên SQL, dùng SQL Server 2005 Transact-SQL thường gọi T-SQL T-SQL có nhiều tính Microsoft phát triển khơng có SQL chuẩn Hồng Ngọc Hùng Vũ Trọng Quý Đề Tài: Thiết Kế Website “TTTH trực tuyến” GVHD:TH.s Vũ Văn Nam - Việc sử dụng khối try{…}catch{…} mã T-SQL cho phép bạn điều phải làm lỗi xảy c) Tăng cường hỗ trợ người phát triển - Các kiểu liệu - Truy cập http d) Tăng cường khả quản lý Các công cụ quản lý SQL Server 2005 có thay đổi lớn với SQL Server 2000 Thay đổi đến từ SQL Server management Studio - Những công cụ quản lý - SQL Server - Cấu hình tự động - Gửi mail từ CSDL e) Khả mở rộng CSDL - Cài đặt liên cung - Phân vùng liệu Hoàng Ngọc Hùng Vũ Trọng Quý Đề Tài: Thiết Kế Website “TTTH trực tuyến” GVHD:TH.s Vũ Văn Nam CHƯƠNG ĐẶC TẢ YÊU CẦU CHỨC NĂNG Cũng giống trang web động khác, trang “Trung tâm tin học trực tuyến” chia làm hai phần: - Người dùng: phần giao diện cho người dùng, trang cho phép thành viên trang web truy cập, sử dụng chức mà trang web cung cấp - Quản trị: phần giao diện dành cho quản trị website, cho phép người có quyền admin manager quản lý thông tin thay đổi web, thành viên bình thường khơng thể vào trang 2.1 Người dùng 2.1.1 Xem tài liệu Chức cho phép tất người dùng truy cập website để đọc viết hữu ích, thông tin lĩnh vực công nghệ thông tin Ngồi người dùng download tài liệu, giáo trình mà website cung cấp miễn phí Những viết hiển thị phần “các viết nhất” để bạn đọc đọc dễ dàng Bài viết hiển thị theo thứ tự trước, cũ sau Các viết đưa lên website phân loại rõ ràng theo chuyên mục để bạn đọc dễ dàng việc tìm kiếm thơng tin 2.1.2 Tìm kiếm Chức cho phép người dùng tìm kiếm viết cách dễ dàng nhanh chóng Mục tìm kiếm đặt “menu top” để người dùng thấy sử dụng dễ dàng 2.1.3 Tra cứu lớp học Danh sách khóa học khai giảng hiển thị trang chủ Tại người dùng đọc chi tiết thơng tin khóa học mà họ quan tâm, nội dung khóa học, thời gian học, học phí, giáo viên giảng dạy … Từ tạo niềm tin cho bạn quan tâm đến khóa học có điều kiện theo học Người dùng Hoàng Ngọc Hùng Vũ Trọng Quý Đề Tài: Thiết Kế Website “TTTH trực tuyến” GVHD:TH.s Vũ Văn Nam CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ - Website xây dựng dựa HTML, định dạng CSS, lập trình Visual Studio 2008 (C#) - Hệ điều hành: Window XP, Win Vista, Window - Hệ quản trị CSDL Microsoft SQL Server 2005 - Phương thức kết nối CSDL: ADO (Active Data Objects) - Các phần mềm, công cụ hỗ trợ khác: Macro DreamWeaver 8.0, Photoshop 9.0 Các bước thực đề tài 4.1 Chuẩn bị Tìm hiểu nội dung, cách thức tổ chức webstie: - http://CSharpvn.com - http://t3h.vn (Trung tâm Tin học Đại học Khoa học Tự nhiên – Đại học quốc gia TP Hồ Chí Minh) Nghiên cứu, tham khảo tài liệu về: - ASP.NET - SQL Server 2005 - DreamWeaver 8.0 - CSS, javascript, html Tìm kiếm, tham khảo số web template học tập trực tuyến, tổng hợp thông tin chuẩn bị nội dung cho website Hoàng Ngọc Hùng 24 Vũ Trọng Quý Đề Tài: Thiết Kế Website “TTTH trực tuyến” GVHD:TH.s Vũ Văn Nam 4.2 Thực - Đặc tả chi tiết chức website, phần người dùng phần quản trị, đặt yêu cầu thực giai đoạn - Trên sở chức đặc tả, danh sách thuộc tính liệt kê, ta thiết kế sở liệu cho website - Thiết kế giao diện website (dùng photoshop để định hình cấu trúc trang) - Tạo trang theo cấu trúc đưa - Viết thủ tục xư lý với sở liệu (Store procedure) - Lập trình theo chức đưa trang cụ thể 4.3 Hoàn tất - Kiểm tra toàn thủ tục - Kiểm tra tính xác việc lập trình hiển thị nội dung website - Kiểm tra chức tìm kiếm thơng tin - Kiểm tra việc thực cập nhật động - Nhập liệu cho website - Kiểm tra toàn hoàn tất website - Hoàn tất báo cáo đề tài Hoàng Ngọc Hùng 25 Vũ Trọng Quý Đề Tài: Thiết Kế Website “TTTH trực tuyến” GVHD:TH.s Vũ Văn Nam CHƯƠNG GIỚI THIỆU SẢN PHẨM Do số trang web đề tài nhiều, nên khơng thể trình bày hết đặc điểm trang Vì vậy, báo cáo chúng em giới thiệu số trang đặc trưng 5.1 Các trang thuộc giao diện người dùng - Giao diện trang chủ (Default.aspx) - Đây giao diện trang chủ website, trang cho phép người dùng cập nhật nhanh chống thông tin lớp học cách tổng quát Hiển thị thành phần website bao gồm: “bài viết nhất”, “danh mục viết”, “thống kê truy cập”, “tìm kiếm thơng tin”, “hỗ trợ trực tuyến” Và hệ thống menu trình bày cách rõ ràng bao gồm: menu top, menu left, menu header, menu footer Từ giao diện trang chủ, người dùng link tới trang khác tới danh mục viết khác Hoàng Ngọc Hùng 26 Vũ Trọng Quý Đề Tài: Thiết Kế Website “TTTH trực tuyến” GVHD:TH.s Vũ Văn Nam - Giao diện trang đăng ký học (DangKyHoc.aspx) - Hiển thị danh sách tất lớp học mở trung tâm để người dùng đăng ký học trực tiếp Hoàng Ngọc Hùng 27 Vũ Trọng Quý Đề Tài: Thiết Kế Website “TTTH trực tuyến” GVHD:TH.s Vũ Văn Nam - Giao diện trang lớp học đăng ký học viên (MyClass.aspx) - Hiển thị danh sách tất lớp học mà học viên đăng ký, kèm theo chức hủy lớp cần thiết Hoàng Ngọc Hùng 28 Vũ Trọng Quý Đề Tài: Thiết Kế Website “TTTH trực tuyến” GVHD:TH.s Vũ Văn Nam - Giao diện trang hiển thị viết theo chủ đề (DSTaiLieu.aspx) - Tại viết hiển thị theo danh sách nhóm theo thứ tự - tin hiển thị trước, tin cũ hiển thị sau Hồng Ngọc Hùng 29 Vũ Trọng Quý Đề Tài: Thiết Kế Website “TTTH trực tuyến” GVHD:TH.s Vũ Văn Nam - Giao diện trang chi tiết viết (ChiTietTaiLieu.aspx) - Hiển thị nội dung chi tiết viết Hoàng Ngọc Hùng 30 Vũ Trọng Quý Đề Tài: Thiết Kế Website “TTTH trực tuyến” GVHD:TH.s Vũ Văn Nam - Giao diện trang đăng ký thành viên website (DangKy.aspx) – Cho phép người dùng tạo tài khoản website Hoàng Ngọc Hùng 31 Vũ Trọng Quý Đề Tài: Thiết Kế Website “TTTH trực tuyến” GVHD:TH.s Vũ Văn Nam - Giao diện trang đăng nhập (DangNhap.aspx) Hoàng Ngọc Hùng 32 Vũ Trọng Quý Đề Tài: Thiết Kế Website “TTTH trực tuyến” GVHD:TH.s Vũ Văn Nam 5.2 Giao diện thuộc người quản trị - Trang giao diện admin (adminHome.aspx) – Hiển thị tất chức admin Hoàng Ngọc Hùng 33 Vũ Trọng Quý Đề Tài: Thiết Kế Website “TTTH trực tuyến” GVHD:TH.s Vũ Văn Nam - Trang quản lý người dùng (Users.aspx) – Hiển thị danh sách người dùng kèm theo chức thêm, sửa xóa để người quản trị thao tác với sở liệu Hoàng Ngọc Hùng 34 Vũ Trọng Quý Đề Tài: Thiết Kế Website “TTTH trực tuyến” GVHD:TH.s Vũ Văn Nam - Trang quản lý quyền (RoleAll.aspx) Hoàng Ngọc Hùng 35 Vũ Trọng Quý Đề Tài: Thiết Kế Website “TTTH trực tuyến” GVHD:TH.s Vũ Văn Nam - Trang quản lý danh mục viết (GroupLessions.aspx) Hoàng Ngọc Hùng 36 Vũ Trọng Quý Đề Tài: Thiết Kế Website “TTTH trực tuyến” GVHD:TH.s Vũ Văn Nam - Trang quản lý lớp học (LeassionsLearning.aspx) – Hiển thị danh sách lớp học kèm theo chức thêm, sửa xóa để người quản trị thao tác với sở liệu Hoàng Ngọc Hùng 37 Vũ Trọng Quý Đề Tài: Thiết Kế Website “TTTH trực tuyến” GVHD:TH.s Vũ Văn Nam KẾT LUẬN ĐÁNH GIÁ KẾT QUẢ ĐẠT ĐƯỢC VÀ HƯỚNG PHÁT TRIỂN Nhìn cách tổng thể đề tài mình, chúng em nhận thấy: 6.1 Kết đạt - Biết cách tổ chức xây dụng website - Trình bày chi tiết q trình phân tích thiết kế hệ thống - Hoàn thành hệ thống website học tập với yêu cầu đặt trung tâm - Website có giao diện thân thiện, khơng phức tạp người sử dụng - Qua trình làm việc, chúng em hình thành tác phong làm việc độc lập cách có hiệu 6.2 Hạn chế - Chưa xây dựng cách hoàn thiện chức tìm kiếm, in ấn thời khóa biểu - Chức phân quyền hệ thống chưa thực tốt, chưa phân quyền người dùng đến mức chi tiết, rõ ràng - Một số chức website cịn mang tính Demo chức thống kê truy cập, liên kết website, thăm dò ý kiến người dùng 6.3 Hướng phát triển - Ứng dụng bước đầu đáp ứng nhu cầu thực tế, tiếp tục phát triển dịch vụ thích hợp để phục vụ người dùng tốt - Cuối cùng, chúng em xin chân thành cảm ơn thầy giáo, cô giáo tất bạn, đặc biệt hướng dẫn trực tiếp thầy giáo ThS Vũ Văn Nam để chúng em hoàn thành đề tài này! Hoàng Ngọc Hùng 38 Vũ Trọng Quý ... yêu cầu thực tế, chúng em tìm hiểu xây dựng website ? ?Trung tâm tin học trực tuyến? ?? Hoàng Ngọc Hùng Vũ Trọng Quý Đề Tài: Thiết Kế Website “TTTH trực tuyến? ?? GVHD:TH.s Vũ Văn Nam Nội dung đề tài... Vũ Trọng Quý Đề Tài: Thiết Kế Website “TTTH trực tuyến? ?? GVHD:TH.s Vũ Văn Nam CHƯƠNG ĐẶC TẢ YÊU CẦU CHỨC NĂNG Cũng giống trang web động khác, trang ? ?Trung tâm tin học trực tuyến? ?? chia làm hai phần:... Tài: Thiết Kế Website “TTTH trực tuyến? ?? GVHD:TH.s Vũ Văn Nam e Biểu đồ liệu mức đỉnh - Chức cập nhật thông tin - Chức tìm kiếm Hồng Ngọc Hùng 15 Vũ Trọng Q Đề Tài: Thiết Kế Website “TTTH trực tuyến? ??