HTML gán thẻ cho kiểu chữ, chèn file ảnh đồ hoạ, âm thanh, video vào văn tạo mối liên kết hình thức gọi siêu văn (Hypertext) Siêu văn đặc tính quan trọng HTML Điều có nghiã văn hay đồ hoạ chỗ liên kết với tài liệu khác 1.2.1 Đặc điểm ngôn ngữ HTML HTML thiết kế để dùng cho Web : phần lớn chương trình xử lý văn rắc rối số tiểu tiết -ví dụ chọn font - HTML, thiết kế để dùng kiểu máy tính Nó thiết kế vừa để dễ vận chuyển internet, vừa thích hợp với loại máy tính HTML chuẩn mở:ngoài thẻ chuẩn, HTML mở rộng nhiều cách : Mở rộng thêm thẻ HTML, sử dụng Javascript, VBScript ngơn ngữ lập trình khác HTML dễ đọc, dễ hiểu, có chứa liên kết hỗ trợ Multimedia HTML ngôn ngữ thông dịch : coi nhược điểm ngôn ngữ làm giảm tốc độ thực ứng dụng khác Web đồng thời khó đảm bảo tính an tồn, bảo mật SVTH: Trịnh Hồng Qn Trang Thiết kế website quản lý sinh viên GVHD: Th.S Lê Văn Mỹ 1.2.2 Phương pháp thiết kế trang Web Khi nói đến xây dựng trang Web đồng nghĩa với việc xây dựng trang chủ Theo quan niệm chung, trang chủ trang Web chứa liên kết đến hay nhiều trang khác thường trang cung cấp thông tin tổng quát cho người xem Vì việc thiết kế trang Web không thiết kế trang HTML đơn lẻ, mà thiết kế mối liên kết tới tài liệu HTML khác ( chưa kể đến việc phải xây dựng nhiều trang Web liên kết với nhau) Để xây dựng trang Web với kết nối trước tiên nên xác định xem thiết kế nội dung gì, cho xem mơi trường thể Web Thơng thường có bước sau: • Xác định chủ đề • Xác định nội dung • Thiết kế sơ đồ hoạt động (Flow diagram) • Thiết kế sơ đồ giao diện với người xem trang chủ • Thiết kế xây dựng chi tiết Chi tiết bước: - Xác định chủ đề: Xác định chủ đề trang Web bước giúp cho việc định hướng cho thao tác thiết kế xây dựng sau không chệch mục tiêu Chủ đề trang Web quan trọng song dễ xác định hồn tồn dựa vào mục đích thiết kế trang Web - Xác định nội dung: Xác định nội dung trang Web bước quan trọng Nó cho phép ta hình dung cơng việc phải làm xây dựng quy mô trang chủ, qua quy định khn khổ cơng tác thiết kế giao diện xây dựng trang HTML Khi xác định nội dung cần nhận rõ điểm yếu phải giới thiệu trang Web Những thông tin giới thiệu phải phân loại theo hai tiêu chí: tính kế thừa mức độ SVTH: Trịnh Hồng Quân Trang Thiết kế website quản lý sinh viên GVHD: Th.S Lê Văn Mỹ quan trọng Việc xây dựng nội dung phải định trước phong cách khác nhau: trang nghiêm hay hài hước, cứng rắn hay mềm mại - Thiết kế sơ đồ hoạt động: Sơ đồ hoạt động mơ hình xếp nội dung (được xác định bước trên) bước ta xếp thông tin cần giới thiệu theo thứ tự ưu tiên xác định Công việc xếp bao gồm thứ tự Trên - Dưới, Trước - Sau, thông tin cần nêu rõ trang Web thành phần riêng, thơng tin mô tả trang chủ - Thiết kế giao diện với người xem: Sơ đồ giao diện với người xem sơ đồ khái quát mà người đến thăm trang chủ thấy Giao diện với người xem thiết kế theo sơ đồ Yêu cầu giao diện nêu bật chủ đề chính, bố trí liên kết cho hợp lý, phân bố mạng thông tin, đồ hoạ cho cân đối - Thiết kế xây dựng chi tiết : công tác thiết kế xây dựng chi tiết phần việc đồ sộ xây dựng trang Web Nó phần việc đưa kết cuối cùng, nói công tác quan trọng Trong công tác thiết kế xây dựng chi tiết, việc lựa chọn hình ảnh(để minh hoạ, để làm liên kết)là quan trọng Đây gây ấn tượng mạnh đến người xem Vì thiết kế lựa chọn hình ảnh quan trọng 1.3 Giới thiệu ngơn ngữ ASP.NET Hiện ASP 3.0 trở thành kịch nhiều người sử dụng để thiết kế ứng dụng thương mại điện tử nhiều hình thức khác Chúng hỗ trợ mạnh ngơn ngữ lập trình C#, VB.NET… sở liệu SQL Server 2005 với đời công nghệ COM DCOM, ứng dụng trở nên SVTH: Trịnh Hồng Quân Trang Thiết kế website quản lý sinh viên GVHD: Th.S Lê Văn Mỹ hoàn hảo ưu việt q trình trao đổi thơng tin mạng Internet Intranet Tuy nhiên, Microsoft nổ lực cho công nghệ Web xử lý phía máy chủ hồn tồn ASP.NET độc lập với trình duyệt Điều có nghĩa trình duyệt khơng cần phải cài đặt cơng cụ hỗ trợ để duyệt trang Web dạng ASP.NET(.aspx) Với kỹ thuật cho phép thực thi nằm trình chủ (Server), có nghĩa trình duyệt xử lý nhiều vấn đề lúc cho nhiều người dùng, địi hỏi cấu hình máy chủ có cấu hình mạnh địi hỏi băng thơng có khả truyền liệu với khối lượng lớn tốc độ truy cập nhanh ASP.NET thiết kế tương thích với phiên ASP trước Bạn triển khai ứng dụng phát triển ASP.NET chung với ứng dụng phát triển ASP máy chủ mà khơng cần thay đổi cấu hình ứng dụng ASP Những ngôn ngữ dùng để viết ASP.NET VBScript, Jscript, C# Tùy thuộc vào khai báo mục đối tượng dẫn đầu trang ASP.NET, bạn rõ ngơn ngữ lập trình bạn sử dụng để xây dựng trang ASP.NET Công nghệ ASP.NET hướng lập trình viên Web vào quỹ đạo chúng lý sau : - Độc lập ngôn ngữ cho phép bạn không biên dịch ngôn ngữ, thực tối ưu ngôn ngữ kết hợp - Dễ phát triển: ASP.NET cho phép bạn khai báo viết mã đơn giản hóa vấn đề - Tách mã nội dung hai phần khác nhau: Trong mở Web form bạn khai báo số thủ tục tập tin với tên mở rộng SVTH: Trịnh Hồng Quân Trang 10 Thiết kế website quản lý sinh viên GVHD: Th.S Lê Văn Mỹ 2.5 Mơ hình sở liệu SVTH: Trịnh Hồng Qn Trang 58 Thiết kế website quản lý sinh viên Chương GVHD: Th.S Lê Văn Mỹ THIẾT KẾ GIAO DIỆN WEBSITE QUẢN LÝ 3.1 Giao diện người dùng bình thường 3.1.1 Trang khởi động Hình 3.1 Giao diện trang khởi động 3.1.2 Danh sách lớp Hình 3.2 Giao diện trang danh sách sinh viên SVTH: Trịnh Hồng Quân Trang 59 Thiết kế website quản lý sinh viên GVHD: Th.S Lê Văn Mỹ 3.1.3 Trang Thơng tin sinh viên Hình 3.3 Giao diện trang thơng tin sinh viên 3.1.4 Thời khóa biểu Hình 3.4 Giao diện trang thời khóa biểu SVTH: Trịnh Hồng Quân Trang 60 Thiết kế website quản lý sinh viên GVHD: Th.S Lê Văn Mỹ 3.1.5 Tra cứu điểm Hình 3.5 Giao diện trang thời khóa biểu 3.2 Giao diện người quản lý 3.2.1 Giao diện Admin Admin có nhiệm vụ phân quyền cho phép thêm xóa người quản lý Cấp quyền hạn cho người quản lý Hình 3.6 Giao diện trang phân quyền người dùng SVTH: Trịnh Hồng Quân Trang 61 Thiết kế website quản lý sinh viên GVHD: Th.S Lê Văn Mỹ 3.2.2 Trang đăng nhập Hình 3.7 Giao diện trang đăng nhập hệ thống 3.2.3 Trang Thơng tin người quản lý Hình 3.8 Giao diện trang thông tin người quản lý SVTH: Trịnh Hồng Quân Trang 62 Thiết kế website quản lý sinh viên GVHD: Th.S Lê Văn Mỹ 3.2.4 Thông tin lớp học Hình 3.9 Giao diện trang thơng tin lớp học 3.2.5 Trang cập nhật mơn học Hình 3.10 Giao diện trang CN môn học SVTH: Trịnh Hồng Quân Trang 63 Thiết kế website quản lý sinh viên GVHD: Th.S Lê Văn Mỹ 3.2.6 Trang cập nhật ngành học Hình 3.11 Giao diện trang CN ngành học 3.2.7 Trang tổng kêt điểm Hình 3.12 Giao diện trang CN ngành học SVTH: Trịnh Hồng Quân Trang 64 Thiết kế website quản lý sinh viên GVHD: Th.S Lê Văn Mỹ KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Kết đạt Sau thời gian dài nghiên cứu với giúp đỡ tận tình Thầy Lê Văn Mỹ em phân tích thiết kế website quản lý sinh viên khoa Tin học – Trường Đại học Sư phạm Đà Nẵng Tuy website chưa hoàn thiện thu số kết sau: a Về mặt lý thuyết Nắm kiến thức ngôn ngữ lập trình, sử dụng như: C Shap(C#), HTML, ASP.NET… kiến thức để sau học tập làm việc Chi tiết trình bày Chương “Cơ sở lý thuyết” đề tài b Về thực nghiệm Xây dựng website quản lý thu số kết cụ thể: Giao diện thân thiện, dễ sử dụng Người dùng thông thường tra cứu nhũng thông tin cần thiết Liên kết trang liên quan Quản trị viên sử dụng chức thêm, sửa, xóa thơng tin, cập nhật sở liệu Thêm thông báo cần thiết Hạn chế Do thời gian có hạn, kiến thức chun mơn cịn non nên đề tài cịn có hạn chế: Chương trình chạy thử máy đơn lẻ Tính bảo mật Một số chức chưa sử dụng Hướng phát triển đề tài Xây dựng website đa ngôn ngữ Xây dựng website chạy nhiều loại sỡ dự liệu khác Xây dựng thêm diễn đàn đễ sinh viên thầy cô thảo luận upload phần mềm học Phát triển chức chưa làm Cuối cùng, hạn chế thiếu sót khơng tránh khỏi, mong đóng góp ý kiến quý thầy cô bạn đễ website hoàn thiện SVTH: Trịnh Hồng Quân Trang 65 TÀI LIỆU THAM KHẢO [1] Dương Anh Đức 2005 Phân tích & thiết kế hướng đối tượng UML Nhà xuất thống kê [2] Mai Văn Cường- Phạm Nguyễn Cương 2003 Nhập môn sở liệu Khoa CNTT- ĐHKHTN [3] Phạm Cơng Ngơ 2007 Lập trình C# từ đến nâng cao Nhà xuất giáo dục [4] Dương Quang Thiện Net toàn tập Nhà xuất tổng hợp TP HCM [5] Các website hướng dẫn: Http://www.ebook.edu.com Http://www.cuasotinhoc.net Http://www.diendantinhoc.vn Http://www.thuvien-ebook.com Http://www.youtube.com MỤC LỤC PHẦN MỞ ĐẦU 1 Lý chọn đề tài Mục tiêu đề tài Đối tượng phạm vi nghiên cứu Phương pháp nghiên cứu Kết mong muốn Cấu trúc đề tài Chương CƠ SỞ LÝ THUYẾT 1.1 Tổng quan hệ quản trị sở liệu Microsoft SQL Server 2005 1.2 Giới thiệu ngôn ngữ HTML 1.2.1 Đặc điểm ngôn ngữ HTML 1.2.2 Phương pháp thiết kế trang Web 1.3 Giới thiệu ngôn ngữ ASP.NET 1.3.1 Ưu điểm ASP.NET 11 1.3.2 Trang aspx 12 1.4 Sơ lượt Csharp (C#) 13 1.4.1 Cách khai báo, câu lệnh thường sử dụng 15 1.4.2 Lớp, thủ tục hàm 16 Chương PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 20 2.1 Sơ đồ chức tổng quát 20 2.2 Chức người dùng (Tìm kiếm) 20 2.3 Chức Admin 22 2.3.1 Chức đăng nhập 22 2.3.2 Chức cập nhật thông tin 23 2.4 Tổ chức Cơ sở liệu 51 2.4.1 Ngành học: 51 2.4.2 Lớp học: 51 2.4.3 Sinh viên: 52 2.4.4 Môn học: 53 2.4.5 Học kỳ: 53 2.4.6 Bảng điểm sinh viên: 53 2.4.7 Giảng viên: 54 2.4.8 Lịch thi: 54 2.4.9 Thời khóa biểu: 55 2.4.10 Trung bình học kỳ: 55 2.4.11 Thông báo: 56 2.4.12 Xếp loại: 56 2.4.13 Users: 57 Chương THIẾT KẾ GIAO DIỆN WEBSITE QUẢN LÝ 59 3.1 Giao diện người dùng bình thường 59 3.1.1 Trang khởi động 59 3.1.2 Danh sách lớp 59 3.1.3 Trang Thông tin sinh viên 60 3.1.4 Thời khóa biểu 60 3.1.5 Tra cứu điểm 61 3.2 Giao diện người quản lý 61 3.2.1 Giao diện Admin 61 3.2.2 Trang đăng nhập 62 3.2.3 Trang Thông tin người quản lý 62 3.2.4 Thông tin lớp học 63 3.2.5 Trang cập nhật môn học 63 3.2.6 Trang cập nhật ngành học 64 3.2.7 Trang tổng kêt điểm 64 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 65 LỜI CẢM ƠN Trước tiên, em muốn gửi lời cảm ơn sâu sắc đến thầy giáo ThS Lê Văn Mỹ, người tận tình hướng dẫn em suốt q trình nghiên cứu hồn thành khóa luận tốt nghiệp Em xin bày tỏ lời cảm ơn sâu sắc đến thầy cô giáo giảng dạy em bốn năm qua, kiến thức mà em nhận giảng đường đại học hành trang giúp em vững bước tương lai Cuối cùng, em muốn gửi lời cảm ơn sâu sắc đến gia đình bạn bè, người ln kịp thời động viên giúp đỡ em vượt qua khó khăn sống, trình thực đề tài Em xin chân thành cảm ơn! Đà Nẵng, tháng năm 2012 Sinh viên Trịnh Hồng Quân NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN .. .Thiết kế website quản lý sinh viên GVHD: Th.S Lê Văn Mỹ Mục tiêu đề tài - Hệ thống website xây dựng với mục tiêu chủ yếu hỗ trợ công tác quản lý điểm, quản lý sinh viên, cập nhật... thông báo nhà trường, khoa Tin học, v.v… lên website xác nhanh Đối tượng phạm vi nghiên cứu Sinh viên, giảng viên hệ thống điểm sinh viên khoa Tin học trường Đại học Sư phạm – Đại học Đà Nẵng Phương... thông tin sinh viên giảng viên - Tìm hiểu cách thức đánh giá kết học tập sinh viên trường Đại học Sư phạm – Đại học Đà Nẵng - Tổng hợp thông tin, phân tích thiết kế hệ thống -Tìm hiểu tài liệu thiết