Đồ án tốt nghiệp đại học Xây dựng Website Khoa CNTT Trường Đại Học Vinh =================================================== LỜI NĨI ĐẦU Cơng nghệ thông tin ngành mũi nhọn đất nước Hàng năm nguồn nhân lực công nghệ thông tin đào tạo đáp ứng số lượng lớn yêu cầu xã hội nhiều mặt : Kinh tế, văn hóa, xã hội Do đó, việc ứng dụng rộng rãi ngành cơng nghệ thông tin xã hội điều tất yếu Từ Internet đời, kéo theo bùng nổ thông tin Internet, loạt dịch vụ Internet khiến sống người trở nên thú vị hơn, khoảng cách địa lý khơng cịn vấn đề gây khó khăn Những lợi ích mà Internet mạng lại lớn Trong Website dịch vụ phổ biến Internet Trước tình hình đó,với hướng dẫn thầy Phan Anh Phong, Tôi định chọn đề tài xây dựng website khoa CNTT trường Đại học Vinh, nhằm phục vụ nhu cầu người có mong muốn tìm hiểu khoa CNTT Tơi xin gửi lời cảm ơn chân thành đến thầy giáo hướng dẫn Ths Phan Anh Phong, Ths Lê Văn Tấn thầy cô tổ Hệ thống thông tin giúp đỡ hướng dẫn tơi hồn thành đề tài Dù cố gắng tránh khỏi sai sót, tơi mong nhận giúp đỡ đóng góp q thầy cơ, anh chị toàn thể sinh viên Vinh, Ngày tháng 05 năm 2010 Nguyễn Văn Hải 46E2-KSCNTT Giáo viên hướng dẫn Ths.Phan Anh Phong Sinh viên thực hiện: Nguyễn Văn Hải Đồ án tốt nghiệp đại học Xây dựng Website Khoa CNTT Trường Đại Học Vinh =================================================== MỤC LỤC LỜI NÓI ĐẦU……………………………………………………… ………1 CHƯƠNG I TỔNG QUAN VỀ ĐỀ TÀI…………………………… …… 1.1 Lí chọn đề tài………………………………………………… …… 1.2 Phạm vi đề tài…………………………………………………… …… 1.3 Yêu cầu người sử dụng Website Cổng thông tin trực tuyến… ….….5 1.4 Yêu cầu bên phía quản trị Website……………………………… …… 1.5 Mơ tả tốn………………………………………………… …….… 1.5.1 Mô tả……………………………………………………… … ……….6 1.5.2 Yêu cầu hệ thống……………….………………………… .……… 1.5.2.1 Đối với Quản trị Website…………………………………… ………7 1.5.2.2 Đối với người sử dụng…………………………….……… …………7 1.5.2.3 Đối với Sinh viên………………………………………… .………7 1.6 Mục tiêu đề ra……………….…………………………….……… …… CHƯƠNG II GIỚI THIỆU NGƠN NGỮ LẬP TRÌNH ASP.NET… …… 2.1 Giới thiệu ngơn ngữ lập trình ASP.NET………………………… …… 2.1.1 Sự khác Website tĩnh Website động …………….………9 2.1.2 Giới thiệu ngơn ngữ lập trình ASP.NET……………………….………10 2.2 Giới thiệu Hệ quản trị sở liệu SQL Server 2005………….……….10 2.2.1 Các tính cao cấp SQL Server 2005………………… ………12 CHƯƠNG III PHÂN TÍCH HỆ THỐNG VÀ THIẾT KẾ WEBSITE 18 3.1 Phân tích hệ thống chức năng…………………………………… …18 3.1.1 Biểu đồ phân cấp chức năng………………………………… ………18 3.1.2 Biểu đồ luồng liệu mức khung cảnh……………………… …… 20 Giáo viên hướng dẫn Ths.Phan Anh Phong Sinh viên thực hiện: Nguyễn Văn Hải Đồ án tốt nghiệp đại học Xây dựng Website Khoa CNTT Trường Đại Học Vinh =================================================== 3.1.3 Biểu đồ luồng liệu mức đỉnh…………………………….……… 21 3.1.3.1 Phân rã chức Quản lý Nội dung…………………….……… 21 3.1.3.2 Phân rã chức Quản lý Liên hệ……………………… ……….22 3.1.3.3 Phân rã chức Quản lý Sinh viên…………………… ……… 23 3.1.3.4 Phân rã chức Quản lý Khoa………………………… …….24 3.1.4 Biểu đồ luồng liệu mức đỉnh……………………… ……….25 3.1.4.1 Phân rã chức quản lý Nội dung……………………… ……25 3.1.4.2 Phân rã chức quản lý liên hệ……………………….…………26 3.1.4.3 Phân rã chức quản lý Sinh viên……………………….………27 3.1.4.4 Phân rã chức quản lý Khoa………………………….……… 28 3.2 Thiết kế bảng liệu…………………………………… ……….29 3.2.1 Bảng lưu trữ liệu TblCategory………………………… ……….29 3.2.2 Bảng lưu trữ liệu TblSubCategory……………………… …… 30 3.2.3 Bảng lưu trữ liệu TblArticle…………………………… ………31 3.2.4 Bảng lưu trữ liệu TblTeacher………………………… ……… 32 3.2.5 Bảng lưu trữ liệu TblStudent………………………… ………33 3.2.6 Bảng lưu trữ liệu TblClass……………………………… …… 33 3.2.7 Bảng lưu trữ liệu TblContacts………………………… ……… 34 3.2.8 Bảng lưu trữ liệu TblMessage…………………………… …… 34 3.2.9 Bảng lưu trữ liệu TblGallery…………………………… ………35 3.2.10 Bảng lưu trữ liệu TblTeam…………………………… ………35 3.3 Sơ đồ Website………………………………………………… …….36 3.4 Các thực thể : ……………………………………………… ……….35 3.4Giao diện quản trị 37 3.4.1Giao diện đăng nhập hệ thống 37 Giáo viên hướng dẫn Ths.Phan Anh Phong Sinh viên thực hiện: Nguyễn Văn Hải Đồ án tốt nghiệp đại học Xây dựng Website Khoa CNTT Trường Đại Học Vinh =================================================== 3.4.2 Giao diện chính…………………………………………… …… 37 3.4.3 Giao diện Chuyên mục……………………………………… ……38 3.4.4 Giao diện cập nhật chuyên mục……………………………… …39 3.4.5 Giao diện viết………………………………………… ………39 3.4.6 Giao diện cập nhật viết………………………………………….40 3.4.7 Giao diện liên hệ…………………………………………………….41 3.4.8Giao diện lớp…………………………………………………………41 3.4.9 Giao diện Sinh viên………………………………………………….41 3.4.10 Giao diện tổ môn……………………………………………… 42 3.4.11 Giao diện quản lý hình ảnh……………………………………… 42 3.4.12 Giao diện cập nhật giáo viên……………………………………….43 3.4.13 Giao diện thay đổi mật 43 3.4.14 Giao diện quản lý tin dành cho sinh viên 44 3.4.15 Giao diện hỗ trợ trực tuyến .44 3.4.16 Giao diện sinh viên đăng nhập 44 3.4.17 Giao diện hình ảnh hoạt động 45 TỔNG KẾT………………………… ……………46 Giáo viên hướng dẫn Ths.Phan Anh Phong Sinh viên thực hiện: Nguyễn Văn Hải Đồ án tốt nghiệp đại học Xây dựng Website Khoa CNTT Trường Đại Học Vinh =================================================== CHƯƠNG I TỔNG QUAN VỀ ĐỀ TÀI 1.1 Lí chọn đề tài Với nhu cầu thiết yếu người sử dụng thêm vào phát triển mạnh mẽ Internet Chính chọn đề tài “ Xây dựng Website khoa CNTT trường Đại Học Vinh”, với hi vọng website giới thiệu rộng rãi khoa cho toàn thể sinh viên trường Đại học Vinh người muốn tìm hiểu khoa 1.2 Phạm vi đề tài Vì bắt đầu làm quen với lập trình web nên đề tài nhiều hạn chế chưa chưa liên kết rộng rãi, nằm phạm vi hẹp 1.3 Yêu cầu người sử dụng Website Cổng thông tin trực tuyến Trong thời đại CNTT nay, tin tức xã hội đóng vai trị vơ quan trọng Bằng việc cung cấp kịp thời, nhanh chóng xác tin tức xảy hàng ngày nhiều lĩnh vực : Xã hội, văn hóa, trị, pháp luật, thể thao v v cổng thông tin điện tử thật trở thành nhu cầu thiết yếu xã hội Không phục vụ nhu cầu tìm kiếm thơng tin mà cổng thơng tin điện tử đem lại nhiều kiến thức bổ ích cho người việc chia sẻ kiến thức khổng lồ lên Internet Đối với người sử dụng, để tìm kiếm thơng tin có ích cho thân địi hỏi Website phải đáp ứng mặt thẩm mỹ, giao diện dễ sử dụng, tin tức đưa lên phải xác, kịp thời đầy đủ nội dung lẫn hình ảnh Mặt khác, tính tương tác hai mặt Cổng thông tin điện tử phải Giáo viên hướng dẫn Ths.Phan Anh Phong Sinh viên thực hiện: Nguyễn Văn Hải Đồ án tốt nghiệp đại học Xây dựng Website Khoa CNTT Trường Đại Học Vinh =================================================== nâng cao nhằm thu thập nhiều ý kiến nguyện vọng người sử dụng nội dung, chủ đề mà Website đưa 1.4 u cầu bên phía quản trị Website Cổng thơng tin điện tử địi hỏi độ xác cao tin đưa lên, yêu cầu quản trị website phải cung cấp công cụ đủ mạnh để quản lý viết, chuyên mục hình ảnh hiển thị website Đồng thời , song song với việc đảm bảo nội dung, quản trị website cịn cần phải đảm bảo an tồn cho hệ thống việc bảo mật thông tin 1.5 Mơ tả tốn 1.5.1 Mơ tả Các chức Website khoa CNTT: • Quản lý chuyên mục lĩnh vực nội dung có chun mục • Cập nhật tin tức lên Website • Khi người dùng xem viết cần phải có mục tìm kiếm để người dùng dễ dàng tìm thấy nội dung cần tìm • Hệ thống cho phép đăng hình ảnh lên website quản lý hình ảnh • Quản lý thơng tin phản hồi, thơng tin liên hệ người dùng • Trình bày tin tức hợp lý với chuyên mục xếp logic • Quản lý thơng tin tổ mơn • Quản lý thơng tin cán • Quản lý thơng tin lớp học • Quản lý thông tin sinh viên theo lớp Giáo viên hướng dẫn Ths.Phan Anh Phong Sinh viên thực hiện: Nguyễn Văn Hải Đồ án tốt nghiệp đại học Xây dựng Website Khoa CNTT Trường Đại Học Vinh =================================================== 1.5.2 Yêu cầu hệ thống 1.5.2.1 Đối với Quản trị Website Cập nhật chuyên mục Cập nhật viết Cập nhật hình ảnh Quản lý thông tin phản hồi, liên hệ khách hàng Quản lý thông tin tổ môn, giáo viên Quản lý thông tin lớp học sinh viên theo lớp Cập nhật tin tức dành riêng cho sinh viên Tạo tài khoản sinh viên cho phép đăng nhập để xem tin tức 1.5.2.2 Đối với người sử dụng Xem viết đăng Website Tìm kiếm thơng tin viết Gửi phản hồi, liên hệ 1.5.2.3 Đối với Sinh viên Xem viết đăng Website Tìm kiếm thơng tin viết Gửi phản hồi, liên hệ Đăng nhập để xem thông tin khoa tài khoản cấp Giáo viên hướng dẫn Ths.Phan Anh Phong Sinh viên thực hiện: Nguyễn Văn Hải Đồ án tốt nghiệp đại học Xây dựng Website Khoa CNTT Trường Đại Học Vinh =================================================== 1.6 Mục tiêu đề Về mặt lý thuyết: • Nắm sở lý thuyết chung xây dựng cổng thơng tin điện • Hiểu rõ quy trình thiết kế Cổng thơng tin điện tử tử Về mặt ứng dụng: • Xây dựng Website Khoa CNTT để cập nhật thông tin thường xuyên khoa, thông tin cán giảng dạy, tin tức cho sinh viên v.v • Hồn thiện Website demo để bảo vệ đồ án Giáo viên hướng dẫn Ths.Phan Anh Phong Sinh viên thực hiện: Nguyễn Văn Hải Đồ án tốt nghiệp đại học Xây dựng Website Khoa CNTT Trường Đại Học Vinh =================================================== CHƯƠNG II GIỚI THIỆU NGƠN NGỮ LẬP TRÌNH ASP.NET 2.1 Giới thiệu ngơn ngữ lập trình ASP.NET 2.1.1 Sự khác Website tĩnh Website động Website tĩnh : Website tĩnh thường bị nhầm lẫn với website khơng có hình ảnh động thay đổi, thực chất website tĩnh trang văn (có thể bao gồm hình ảnh âm thanh) gắn kết với có hệ thống Khuyết điểm: Thay đổi thơng tin khó khăn (mất nhiều thời gian địi hỏi có số kỹ sử dụng html, phần mềm ftp) Do khơng có mã lệnh lập trình việc cập nhật, thay đổi nội dung thơng tin website mang nặng tính thủ công nên cần nhiều thời gian Số lượng trang thông tin theo lý thuyết không giới hạn với số trang lớn tốn nhiều thời gian chẳng hạn cần thêm trang thơng tin phải sửa tất trang lại Website động là: Web động thuật ngữ dùng để website hỗ trợ phần mềm sở web, nói chương trình chạy với giao thức http Thực chất, website động có nghĩa website tĩnh "ghép" với phần mềm web (các modules ứng dụng cho Web) Với chương trình phần mềm này, người chủ website thực có quyền điều hành nó, chỉnh sửa cập nhật thơng tin website mà khơng cần phải nhờ đến người chuyên nghiệp Ưu điểm: Người quản trị dễ dàng thay đổi cập nhật thông tin lúc cách đơn giản gần tất người dùng internet làm Giáo viên hướng dẫn Ths.Phan Anh Phong Sinh viên thực hiện: Nguyễn Văn Hải Đồ án tốt nghiệp đại học Xây dựng Website Khoa CNTT Trường Đại Học Vinh =================================================== Có thực vấn đề phức tạp tính háa đơn, quản lý đơn hàng, tốn online, so sánh, tìm kiếm sản phẩm theo yêu cầu cụ thể Số lượng trang phụ thuộc vào số lượng thông tin mà khách hàng cập nhật trang tự động phát sinh theo mục tương ứng có liên kết với 2.1.2 Giới thiệu ngơn ngữ lập trình ASP.NET ASP.NET cơng nghệ tảng công nghệ NET sử dụng Net Framework Là tổng hợp tất kỹ thuật cần thiết cho việc xây dựng ứng dụng Desktop, Website, Web Services.v.v ASP.NET kỹ thuật Server-Side Hầu hết người lập trình web bắt đầu làm việc Client-Side : HTML, JavaScript, CSS v v Khi trình duyệt Web yêu cầu, trang Web tạo kỹ thuật Client-Side Lúc Webserver đơn giản lấy Files yêu cầu gửi chúng xuống Client Phía Client chịu hoàn toàn trách nhiệm việc đọc biên dịch file, đồng thời xuất hình Với kỹ thuật Server-Side ASP.NET hồn tồn khác Thay việc biên dịch Client, đoạn mã Webserver biên dịch phát sinh mã HTML, JavaScript, CSS gửi cho trình duyệt hiển thị Do đó, tốc độ Website sử dụng công nghệ ASP.NET nhanh gấp lần công nghệ ASP cũ ASP.NET hỗ trợ XML, Webservices, giao tiếp với CSDL cách đơn giản, nhanh chóng đảm bảo tồn vẹn liệu 2.2 Giới thiệu Hệ quản trị sở liệu SQL Server 2005 Hệ quản trị sở liệu phần mềm cho phép định nghĩa, khởi tạo, bảo trì sở liệu cung cấp truy xuất điều khiển đến liệu 10 Giáo viên hướng dẫn Ths.Phan Anh Phong Sinh viên thực hiện: Nguyễn Văn Hải Đồ án tốt nghiệp đại học Xây dựng Website Khoa CNTT Trường Đại Học Vinh =================================================== 3.2.5 Bảng TblStudent Tên trng ID(k) Name Password ClassID Kiểu d÷ liƯu Varchar(50) Nvarchar(200) Nvarchar(50) Varchar(50) Ràng buộc Primary key Mô tả MÃ tài khoản Mật Họ tên §Þa chØ Ý nghĩa : - Lưu trữ liệu thụng tin v sinh viờn 3.2.1.6 Bảng TblClass Tên trng ID Name KiĨu d÷ liƯu Varchar(50) Nvarchar(200) Ràng buộc Primary key Mô tả MÃ lớp Tên lớp í ngha: - Lưu trữ liệu lớp 3.2.7 B¶ng TblContacts Tên trng ContactID Name Kiểu liệu Int NVarchar(300) Rng buc Primary key Mô tả MÃ liên hệ Tên ngời liªn hƯ 32 Giáo viên hướng dẫn Ths.Phan Anh Phong Sinh viên thực hiện: Nguyễn Văn Hải Đồ án tốt nghiệp đại học Xây dựng Website Khoa CNTT Trường Đại Học Vinh =================================================== Address Phone Email Content Nvarchar(1000) Varchar(20) Nvarchar(200) Nvarchar(2000) Địa Điện thoại Th điện tử Nội dung liªn hƯ Ý nghĩa: - Lưu trữ liệu thơng tin tập thể cá nhân gửi yêu cầu liên hệ 3.2.8 Bảng TblMessage Tên trng msgID Title From To Status Content Ý nghĩa: KiĨu d÷ liƯu Int NVarchar(300) Nvarchar(200) NVarchar(200) Int Nvarchar(2000) Mô tả MÃ tin nhắn Tiêu đề Ngời gửi Ngời nhận Trạng thái Nội dung - Lu tr liệu thông tin báo cáo nội dành cho sinh viờn 3.2.9 Bảng TblGallery Tên trng ID Img Link Kiểu liệu Int Varchar(200) Nvarchar(200) Mô tả MÃ hình ảnh Hình ảnh Liên kết í ngha: - Lu tr thụng tin qun lý hỡnh nh 3.2.10 Bảng TblTeam Tên trường ID Name KiĨu d÷ liƯu Varchar(50) Nvarchar(200) Ràng buộc Primary key Mô tả MÃ tổ môn Tên tổ bé m«n 33 Giáo viên hướng dẫn Ths.Phan Anh Phong Sinh viên thực hiện: Nguyễn Văn Hải Đồ án tốt nghiệp đại học Xây dựng Website Khoa CNTT Trường Đại Học Vinh =================================================== Ý Nghĩa: - Lưu trữ thông tin quản lý tổ môn 3.3 Sơ đồ Website Trang chđ Giới thiệu chung Giíi thiƯu Cơ cấu tổ chức C s vt cht o to i hc Đào tạo Đào tạo cao đẳng Đào tạo trung cấp,tại chức Nghiªn cøu khoa häc Sinh hoạt chuyên đề Hôi thảo khoa học Häc bỉng Học bổng tồn phần Kỹ đồn-hội-đội Liên chi đoàn S tay cỏn b on Ngõn hng trò chơi 34 Giáo viên hướng dẫn Ths.Phan Anh Phong Sinh viên thực hiện: Nguyễn Văn Hải Đồ án tốt nghiệp đại học Xây dựng Website Khoa CNTT Trường Đại Hc Vinh =================================================== Lịch công tác tuần Liên hệ Hình ảnh hoạt động Sinh viên đăng nhập Tìm kiếm Hỗ trỵ trùc tun 3.4 Giao diện quản trị 3.4.1 Giao diện đăng nhập hệ thống 3.4.2 Giao diện 35 Giáo viên hướng dẫn Ths.Phan Anh Phong Sinh viên thực hiện: Nguyễn Văn Hải Đồ án tốt nghiệp đại học Xây dựng Website Khoa CNTT Trường Đại Học Vinh =================================================== 3.4.3 Giao diện Chuyên mục 36 Giáo viên hướng dẫn Ths.Phan Anh Phong Sinh viên thực hiện: Nguyễn Văn Hải Đồ án tốt nghiệp đại học Xây dựng Website Khoa CNTT Trường Đại Học Vinh =================================================== 3.4.4 Giao diện cập nhật chuyên mục 37 Giáo viên hướng dẫn Ths.Phan Anh Phong Sinh viên thực hiện: Nguyễn Văn Hải Đồ án tốt nghiệp đại học Xây dựng Website Khoa CNTT Trường Đại Học Vinh =================================================== 3.4.5 Giao diện viết 38 Giáo viên hướng dẫn Ths.Phan Anh Phong Sinh viên thực hiện: Nguyễn Văn Hải Đồ án tốt nghiệp đại học Xây dựng Website Khoa CNTT Trường Đại Học Vinh =================================================== 3.4.6 Giao diện cập nhật viết 39 Giáo viên hướng dẫn Ths.Phan Anh Phong Sinh viên thực hiện: Nguyễn Văn Hải Đồ án tốt nghiệp đại học Xây dựng Website Khoa CNTT Trường Đại Học Vinh =================================================== 3.4.7 Giao diện liên hệ 3.4.8 Giao diƯn líp 3.4.9 Giao diện Sinh viên 40 Giáo viên hướng dẫn Ths.Phan Anh Phong Sinh viên thực hiện: Nguyễn Văn Hải Đồ án tốt nghiệp đại học Xây dựng Website Khoa CNTT Trường Đại Học Vinh =================================================== 3.4.10 Giao diện tổ môn 3.4.11 Giao diện quản lí hình ảnh 41 Giáo viên hướng dẫn Ths.Phan Anh Phong Sinh viên thực hiện: Nguyễn Văn Hải Đồ án tốt nghiệp đại học Xây dựng Website Khoa CNTT Trường Đại Học Vinh =================================================== 3.4.12 Giao diÖn cập nhật giáo viên 42 Giỏo viờn hng dn Ths.Phan Anh Phong Sinh viên thực hiện: Nguyễn Văn Hải Đồ án tốt nghiệp đại học Xây dựng Website Khoa CNTT Trường Đại Học Vinh =================================================== 3.4.13 Giao diện thay đổi mật 3.4.14Giao diện quản lý tin dành cho sinh viên 43 Giáo viên hướng dẫn Ths.Phan Anh Phong Sinh viên thực hiện: Nguyễn Văn Hải Đồ án tốt nghiệp đại học Xây dựng Website Khoa CNTT Trường Đại Học Vinh =================================================== 3.4.15 Giao diện hỗ trợ trực tuyến 3.4.16 Giao diện sinh viên đăng nhập 3.4.17 Giao diện hình ảnh hoạt động 44 Giáo viên hướng dẫn Ths.Phan Anh Phong Sinh viên thực hiện: Nguyễn Văn Hải Đồ án tốt nghiệp đại học Xây dựng Website Khoa CNTT Trường Đại Học Vinh =================================================== 3.4.18 Giao diện sơ đồ website 45 Giáo viên hướng dẫn Ths.Phan Anh Phong Sinh viên thực hiện: Nguyễn Văn Hải Đồ án tốt nghiệp đại học Xây dựng Website Khoa CNTT Trường Đại Học Vinh =================================================== TỔNG KẾT 46 Giáo viên hướng dẫn Ths.Phan Anh Phong Sinh viên thực hiện: Nguyễn Văn Hải ... tơi chọn đề tài “ Xây dựng Website khoa CNTT trường Đại Học Vinh? ??, với hi vọng website giới thiệu rộng rãi khoa cho toàn thể sinh viên trường Đại học Vinh người muốn tìm hiểu khoa 1.2 Phạm vi... nghiệp đại học Xây dựng Website Khoa CNTT Trường Đại Học Vinh =================================================== Tin tức nội sinh viên Thông tin cập nhật CM, BV, TK Sinh viên Đăng nhập Thông tin. .. thuyết chung xây dựng cổng thơng tin điện • Hiểu rõ quy trình thiết kế Cổng thơng tin điện tử tử Về mặt ứng dụng: • Xây dựng Website Khoa CNTT để cập nhật thông tin thường xuyên khoa, thông tin cán