Xây dựng website khoa công nghệ thông tin trường đại học vinh

Đồ án tốt nghiệp Xây dựng website Khoa CNTT-Trường ĐHV Tr-ờng đại học vinh Khoa cntt ==== o0o ==== đồ ¸n tèt nghiƯp XÂY DỰNG WEBSITE KHOA CƠNG NGHỆ THƠNG TIN TRNG I HC VINH Giáo viên h-ớng dẫn : ThS Vũ Chí Cƣờng Sinh viªn thùc hiƯn : Lê Thị An Lê Quang Trung Vinh 5/2011 GVHD : Th.S Vũ Chí Cường Trang1 Đồ án tốt nghiệp Xây dựng website Khoa CNTT-Trường ĐHV MỤC LỤC Danh mục từ viết tắt, thuật ngữ…………………………………… LỜI NÓI ĐẦU CHƢƠNG 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 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ả 1.5.2 Yêu cầu hệ thống 1.6 Mục tiêu đề CHƢƠNG CÁC CÔNG CỤ ĐỂ PHÁT TRIỂN ĐỀ TÀI 2.1 Giới thiệu ASP.NET 2.1.1 Sự khác web tĩnh web động 2.1.2 Giới thiệu ASP.NET 2.2 Giới thiệu hệ quản trị CSDL SQL Server 2005 11 2.3 Ngơn ngữ lập trình C# 15 CHƢƠNG PHÂN TÍCH HỆ THỐNG 17 3.1 Phân tích hệ thống chức 17 3.1.1 Biểu đồ phân cấp chức 17 3.1.2 Biểu đồ luồng liệu mức khung cảnh 19 3.1.3 Biểu đồ luồng liệu mức đỉnh 20 3.1.4 Biểu đồ luồng liệu mức dƣới đỉnh 25 3.2 Thiết kế bảng liệu 30 3.3 Các thực thể : 35 3.4 Sơ đồ liên kết thực thể 38 GVHD : Th.S Vũ Chí Cường Trang2 Đồ án tốt nghiệp Xây dựng website Khoa CNTT-Trường ĐHV 3.5 Sơ đồ website: 39 CHƢƠNG THIẾT KẾ 39 4.1 Giao diện ngƣời dùng 39 4.1.1 Giao diện trang chủ 39 4.1.2 Giao diện mục download 40 4.1.3 Giao diện mục xem điểm 40 4.1.4 Giao diện mục liên hệ 41 4.1.5 Giao diện mục tin tức 41 4.1.6 Giao diện giảng viên, cán 44 4.1.7 Mục tìm kiếm 42 4.1.8 Mục liên kết website 43 4.2 Giao diện quản trị 46 4.2.1 Giao diện 46 4.2.2 Giao diện chuyên mục 46 4.2.3 Giao diện viết 45 4.2.4 Giao diện quản lý giảng viên, cán 45 4.2.5 Giao diện quản lý hình ảnh 46 4.2.6 Giao diện mục download 46 4.2.7 Giao diện mục liên hệ 47 4.2.8 Giao diện mục quản lý điểm 47 4.2.9 Giao diện quản lý tài khoản 48 CHƢƠNG KẾT LUẬN 49 5.1 Những kết đạt đƣợc…………………………………………………….….49 5.2 Những khó khăn………………………………………………………… …….49 5.3 Hƣớng phát triển ……………………………………………………………….49 Lời cảm ơn……… ……………………………………………………………… .50 Tài liệu tham khảo……………………………………………………………………51 GVHD : Th.S Vũ Chí Cường Trang3 Đồ án tốt nghiệp Xây dựng website Khoa CNTT-Trường ĐHV Danh mục viết tắt, thuật ngữ STT 10 11 12 13 14 15 Từ viết tắt,thuật ngữ CSDL CNTT CM DL TBM CB CN LH XML ASP HTML DLL HTTP CSS ADO GVHD : Th.S Vũ Chí Cường Giải nghĩa Cơ sở liệu Công nghệ thông tin Chuyên mục Download Tổ môn Cán Cập nhật Liên hệ Extended Markup Language Active Server Page HyperText Markup Language Dyamic Link Library Hypertext Transfer Protocol Cascading Style Sheets Active Data Object Trang4 Đồ án tốt nghiệp Xây dựng website Khoa CNTT-Trường ĐHV LỜI NÓI ĐẦU Hiện công nghệ thông tin lĩnh vực phát triển nhanh mạnh mẽ Với phát triển nhảy vọt công nghệ thông tin tác động sâu sắc đến lĩnh vực đời sống xã hội Phạm vi ứng dụng công nghệ thông tin ngày mở rộng nhiều lĩnh vực, lĩnh vực có mạnh riêng nó.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 Khoa CNTT trường Đại Học Vinh thành lập vào năm 1998 sau 10 năm xây dựng phát triển khoa giao nhiệm vụ giảng dạy Tin học sở cho tất ngành học trường đào tạo cho 1900 sinh viên khoa Là sinh viên học tập khoa mong muốn mang kiến thức học để giới thiệu khoa để cung cấp thông tin từ thầy cô giáo tới sinh viên, người quan tâm có mong muốn tìm hiểu khoa nên chọn đề tài “Xây dựng website Khoa CNTT-Trường Đại Học Vinh ” Do kiến thức kinh nghiệm thân nhiều hạn chế nên đề tài khơng tránh khỏi thiếu sót Rất mong đóng góp q thầy giáo bạn để đề tài hồn thiện Chúng tơi xin chân thành cảm ơn thầy giáo Th.S Vũ Chí Cường tận tình chu đáo hướng dẫn chúng tơi q trình thực đề tài Chúng xin chân thành cảm ơn! GVHD : Th.S Vũ Chí Cường Trang5 Đồ án tốt nghiệp Xây dựng website Khoa CNTT-Trường ĐHV 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úng tơi chọn đề tài “ Xây dựng website Khoa CNTT trường Đại Học Vinh” để quảng bá giới thiệ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 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ả GVHD : Th.S Vũ Chí Cường Trang6 Đồ án tốt nghiệp Xây dựng website Khoa CNTT-Trường ĐHV Các chức website khoa CNTT:  Quản lý chuyên mục lĩnh vực nội dung có chuyên 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 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ý cập nhật điểm cho sinh viên  Quản lý cập nhật file download  Trang web cịn liên kết đến trang web khác  Hệ thống phân quyền quản trị cho admin để quản lý chuyên mục 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 tổ môn, giáo viên Cập nhật tin tức cho sinh viên người dùng Cập nhật điểm cho sinh viên lớp Cập nhật file downlload Phân quyền cho admin để quản lý chuyên mụ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 góp ý để trang web hoàn thiện 1.5.2.3 Đối với sinh viên Xem viết đăng website Tìm kiếm thơng tin viết GVHD : Th.S Vũ Chí Cường Trang7 Đồ án tốt nghiệp Xây dựng website Khoa CNTT-Trường ĐHV Xem điểm mơn học Có thể download file cần thiết Gửi góp ý để giúp trang web hoàn thiện 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 tử Hiểu rõ quy trình thiết kế cổng thông tin điện 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  Hoàn thiện website đưa vào sử dụng GVHD : Th.S Vũ Chí Cường Trang8 Đồ án tốt nghiệp Xây dựng website Khoa CNTT-Trường ĐHV CHƢƠNG CÁC CÔNG CỤ ĐỂ PHÁT TRIỂN ĐỀ TÀI 2.1 Giới thiệu ASP.NET 2.1.1 Sự khác web tĩnh web động Website tĩnh : website 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 - Chứa nội dung cố định HTML - Không cho phép Người Sử Dụng tương tác, cập nhật - Một trang web chứa hình ảnh chuyển động chưa trang web động Nhược đ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 : website 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 Tóm lại web động web: - Kết hợp HTML mã lệnh - Mã lệnh thực thi server, gửi kết HTML Người Sử Dụng - Có khả tương tác với Người Sử Dụng Ư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 GVHD : Th.S Vũ Chí Cường Trang9 Đồ án tốt nghiệp Xây dựng website Khoa CNTT-Trường ĐHV 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 ASP.NET 2.1.2.1 Tìm hiểu ASP.NET Từ khoảng cuối thập niên 90, ASP (Active server Page ) nhiều lập trìn viên chọn để xây dựng phất triển ứng dựng web động máy chủ sử dụng hệ điều hành Windows ASP thể ưu điểm với mơ hình lập trình thủ tục đơn giản, sử dụng hiệu đối tượng COM: ADO ( Activex Data Object) – xử lý liệu, FSO (File System Object) – làm việc với hệ thống tập tin đồng thời ASP hổ trợ nhiều ngơn ngữ: VBScript, JavaScript Chính ưu điểm đó, ASP u thích thời gian lâu dài Tuy nhiên, ASP tồn đọng số khó khăn Code ASP HTML lẫn lộn, điều làm cho trình viết code khó khăn, thể trình bày code khơng sáng, hạn chế khả sử dụng lại code Bên cạnh triển khai cài đặt, khơng biên dịch trước nên dễ bị source code Thêm vào đó, ASP khơng có hỗ trợ cache, khơng biên dịch trước nên phần hạn chế mặt tốc độ thực hiện.Qúa trình xử lý Postback khó khăn,… Đầu năm 2002, Microsoft giới thiệu kỹ thuật lập trình web mẻ với tên gọi ASP+, tên thức sau ASP.NET Với ASP.NET, khơng khơng cần địi hỏi phải biết tag HTML , thiết kế web, mà cịn hỗ trợ mạnh lập trình hướng đối tượng trình xây dựng phát triển ứng dụng web ASP.NET kỹ thuật lập trình phát triển ứng dụng web phía Server (Server- side) dựa tảng Microsoft.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 hồ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 GVHD : Th.S Vũ Chí Cường Trang10 Đồ án tốt nghiệp Xây dựng website Khoa CNTT-Trường ĐHV CANBO TOBOMON Mã tổ môn Tên tổ môn Mã cán Mã tổ mơn Tên cán Chức vụ Trình độ Địa Điện thoại Thư điện tử Hình ảnh Lý lÞch Ghi chó GVHD : Th.S Vũ Chí Cường Trang39 Đồ án tốt nghiệp Xây dựng website Khoa CNTT-Trường ĐHV 3.5 Sơ đồ website: Tổng quan Trang chủ Giới thiệu Cơ cấu tổ chức Nghiên cứu Hợp tác Chuyên ngành đào tạo Đào tạo Hệ đào tạo Chƣơng trình đào tạo Thơng báo chung Tin tức Kế hoạch đào tạo Lịch học-Lịch thi Tuyển dụng-Học bổng Sổ tay cán đoàn Nghiên cứu khoa học Hôi thảo khoa học Đảng phận Tổ chức đảng, đồn thể Cơng đồn Liên chi đồn Quy chế học vụ Góc sinh viên Sinh viên tốt nghip Kinh nghim hc Hình ảnh hoạt động N cƣời IT Tìm kiếm GVHD : Th.S Vũ Chí Cường Trang40 Đồ án tốt nghiệp Xây dựng website Khoa CNTT-Trường ĐHV CHƢƠNG IV THIẾT KẾ 4.1 Giao diện ngƣời dùng 4.1.1 Giao diện trang chủ GVHD : Th.S Vũ Chí Cường Trang41 Đồ án tốt nghiệp Xây dựng website Khoa CNTT-Trường ĐHV 4.1.2 Giao diện mục download 4.1.3 Giao diện mục xem điểm GVHD : Th.S Vũ Chí Cường Trang42 Đồ án tốt nghiệp Xây dựng website Khoa CNTT-Trường ĐHV 4.1.4 Giao diện mục liên hệ 4.1.5 Giao diện mục tin tức GVHD : Th.S Vũ Chí Cường Trang43 Đồ án tốt nghiệp Xây dựng website Khoa CNTT-Trường ĐHV 4.1.6 Giao diện giảng viên, cán 4.1.7 Mục tìm kiếm GVHD : Th.S Vũ Chí Cường Trang44 Đồ án tốt nghiệp Xây dựng website Khoa CNTT-Trường ĐHV 4.1.8 Mục liên kết website GVHD : Th.S Vũ Chí Cường Trang45 Đồ án tốt nghiệp Xây dựng website Khoa CNTT-Trường ĐHV 4.2 Giao diện quản trị 4.2.1 Giao diện 4.2.2 Giao diện chuyên mục GVHD : Th.S Vũ Chí Cường Trang46 Đồ án tốt nghiệp Xây dựng website Khoa CNTT-Trường ĐHV 4.2.3 Giao diện viết 4.2.4 Giao diện quản lý giảng viên, cán GVHD : Th.S Vũ Chí Cường Trang47 Đồ án tốt nghiệp Xây dựng website Khoa CNTT-Trường ĐHV 4.2.5 Giao diện quản lý hình ảnh 4.2.6 Giao diện mục download GVHD : Th.S Vũ Chí Cường Trang48 Đồ án tốt nghiệp 4.2.7 Giao diện mục liên hệ : 4.2.8 Giao diện mục quản lý điểm GVHD : Th.S Vũ Chí Cường Xây dựng website Khoa CNTT-Trường ĐHV Trang49 Đồ án tốt nghiệp Xây dựng website Khoa CNTT-Trường ĐHV 4.2.9 Giao diện quản lý tài khoản GVHD : Th.S Vũ Chí Cường Trang50 Đồ án tốt nghiệp Xây dựng website Khoa CNTT-Trường ĐHV CHƢƠNG KẾT LUẬN 5.1 Những kết đạt đƣợc Trong trình thực đồ án tốt nghiệp, cố gắng để tìm hiểu cài đặt chương trình thời gian có hạn nên chưa giải tất vấn đề đặt Chúng tơi mong nhận thơng cảm q thầy cô bạn Chúng xin chân thành cảm ơn Những kết đạt được: + Về mặt lý thuyết :    Hiểu chất, đặc điểm tầm quan trọng cổng thông tin điện tử Hiểu số khái niệm cổng thông tin điện tử Hiểu mơ hình hoạt động website động + Về mặt ứng dụng : Hoàn thành việc thiết kế sở liệu, thiết kế giao diện xây dựng website với đầy đủ tính website cổng thơng tin điện tử  Website cho phép quản lý chuyên mục, viết hiển thị nội dung viết lên website cách logic  Cho phép người quản trị tự quản lý thông tin chuyên mục, viết( cập nhật thơng tin nhanh, xác… )  Hỗ trợ người dùng tìm kiếm nội dung viết  Hỗ trợ sinh viên download tài liệu cần  Đưa thông tin trang website  Ghi nhận ý kiến phản hồi, phê bình, góp ý người dùng  Thực việc liên kết trang website với trang websit khác  Có chuyên mục xem bảng điểm cho sinh viên 5.2 Những khó khăn Do kiến thức cịn hạn chế chưa có kinh nghiệm thực tế nhiều nên đồ án chúng em không tránh khỏi thiếu sót chưa hồn thiện đầy đủ chức 5.3 Hƣớng phát triển đề tài + Tạo tài khoản cho sinh viên để sinh viên đăng ký học tra cứu điểm theo tín thuận lợi GVHD : Th.S Vũ Chí Cường Trang51 Đồ án tốt nghiệp Xây dựng website Khoa CNTT-Trường ĐHV LỜI CÁM ƠN Với tốc độ phát triển ngày tăng mạng máy tính việc thiết kế cài đặt ứng dụng cho người dùng cần thiết Vì ý tưởng xây dựng web khoa phần giúp cho sinh viên, thầy cô giáo thuận tiện việc học tập giảng dạy Với kiến thức tảng học trường nỗ lực mình, chúng em hồn thành đề tài “Xây dựng website Khoa CNTT trường Đại Học Vinh ” Mặc dù cố gắng đầu tư nhiều thời gian có hạn, khơng thực internet kiến thức có hạn nên đề tài cịn nhiều hạn chế, khơng tránh khỏi thiếu sót Chúng tơi mong nhận thơng cảm góp ý q thầy bạn để đề tài ngày hoàn thiện Một lần xin chân thành cảm ơn thầy giáo Th.S Vũ Chí Cƣờng thầy giáo Khoa CNTT trường Đại Học Vinh tận tình giúp đỡ suốt thời gian thực đồ án tốt nghiệp Chúng xin chân thành cảm ơn! Nghệ An, năm 2011 Sinh viên thực Lê Thị An Lê Quang Trung GVHD : Th.S Vũ Chí Cường Trang52 Đồ án tốt nghiệp Xây dựng website Khoa CNTT-Trường ĐHV Tài liệu tham khảo [1] Nguyễn Văn Lân, “Kỹ thuật xây dựng ứng dụng ASP.NET ”, NXB Lao Động – Xã hội, Hà Nội, 2008 [2] Nguyễn Phương Lan, “Giáo trình tin học lý thuyết tập ASP.NET ”, NXB Giáo dục, Hà Nội, 2001 [3] Nguyễn Ngọc Bình Phương “Các giải pháp lập trình ASP.NET”, NXB Hồng Đức, Hà Nội, 2007 [4] Phạm Hữu Khang, “C# 2005 Lập trình bản”, NXB Lao Động Xã Hội, Hà Nội, 2006 [5] Thạc Bình Cường, “Phân tích thiết kế hệ thống thông tin”, NXB KH&KT, Hà Nội, 2002 GVHD : Th.S Vũ Chí Cường Trang53 ... lớn Trong website dịch vụ phổ biến internet Khoa CNTT trường Đại Học Vinh thành lập vào năm 1998 sau 10 năm xây dựng phát triển khoa giao nhiệm vụ giảng dạy Tin học sở cho tất ngành học trường đào... cổng thông tin điện tử Hiểu rõ quy trình thiết kế cổng thơng tin điện 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... Trang4 Đồ án tốt nghiệp Xây dựng website Khoa CNTT -Trường ĐHV LỜI NĨI ĐẦU Hiện cơng nghệ thông tin lĩnh vực phát triển nhanh mạnh mẽ Với phát triển nhảy vọt công nghệ thông tin tác động sâu sắc