Lập trình web động với asp net website tin tức hưng yên

Website tin tức Hưng Yên 2010 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT HƯNG YÊN KHOA CÔNG NGHỆ THÔNG TIN BÀI TẬP LỚN HỌC PHẦN LẬP TRÌNH WEB ĐỘNG VỚI ASP.NET ĐỀ TÀI Website tin tức Hưng Yên Giảng viên: Vũ Xuân Thắng Người thực hiện: Bùi Thị Liên Đỗ Quang Ninh Lê Mậu Thìn Lớp: TK7LC2 (201092) GVHD: Vũ Xuân Thắng SVTT: B.T.Liên – Đ.Q.Ninh – L.M.Thìn Website tin tức Hưng Yên 2010 Mục lụcc lục lụcc LỜI MỞ ĐẦU Chương 1: Giới thiệu đề tài Lý chọn đề tài: Mục tiêu xây dựng đề tài : Chương 2: Khảo sát đề tài I Địa điểm khảo sát II Kết khảo sát Chương 3: Thiết kế sở liệu .9 Chương 4:Thiết kế tổng thể 15 I Thiết kế trang master page 15 Bố cục giao diện trang master page 15 Chức trang Master page 19 II Các trang Web hệ thống Webside tin tức Hưng Yên ( HungYen Inform) .19 Trang chủ ( trangchu.aspx ) .19 Trang đăng ký (Dky.aspx) .20 Trang đăng nhập (Dnhap.aspx) 21 Trang chuyên đề, lĩnh vực (trangchuyende.aspx) 21 Trang thông tin chi tiết tin (chitiet.aspx) 22 Trang danh mục loại tin(DMLoaiTin.aspx): 24 Trang danh mục tin (DMBanTin.aspx) .24 Trang danh mục tài khoản (DMTaiKhoan.aspx) .26 Trang danh liên kết Website (DMTaiKhoan.aspx) 27 Chương 5: Hướng dẫn sử dụng 29 Kết luận 30 * Kết thực website: 30 Hướng phát triển đề tài 30 Danh mục tài liệu tham khảo: .31 GVHD: Vũ Xuân Thắng SVTT: B.T.Liên – Đ.Q.Ninh – L.M.Thìn Website tin tức Hưng Yên 2010 LỜI MỞ ĐẦU Hiện Việt Nam, với phát triển bùng nổ, mạnh mẽ công nghệ thông tin truyền thông, Internet bước vào giai đoạn phát triển rộng khắp tồn quốc Do việc tìm hiểu tin tức cần thiết đặc biệt Internet với mạnh tốc độ gia tăng nhanh tương lai Song song với phát triển dịch vụ Internet yêu cầu phát triển nhanh chóng website tin tức cập nhật thông tin thiết thực, vần đề dư luận Nhận thức nhu cầu chúng em định tìm hiều để xây dựng website tin tức mà cụ thể trang “Website tin tức Hưng Yên” dựa vào công nghệ ASP.NET môi trường C# Do thời gian thực đề tài có hạn kiến thức chúng em nhiều hạn chế nên kết báo cáo đề tài nhiều thiếu xót Chúng em mong nhận góp ý bảo thầy bạn để đề tài chúng em hồn thiện Trong thời gian thực đề tài chúng em nhận nhiều giúp đỡ từ thầy cô bạn, đặc biệt thầy Vũ Xuân Thắng - giảng viên khoa Công nghệ thông tin- Trường Đại học SPKT Hưng Yên Chúng em xin chân thành cảm ơn! GVHD: Vũ Xuân Thắng SVTT: B.T.Liên – Đ.Q.Ninh – L.M.Thìn Website tin tức Hưng Yên 2010 NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… ……………………………………………………………………………………… GVHD: Vũ Xuân Thắng SVTT: B.T.Liên – Đ.Q.Ninh – L.M.Thìn Website tin tức Hưng Yên 2010 Chương 1: Giới thiệu đề tài Lý chọn đề tài: Trong năm gần đây, với phát triển mạnh mẽ công nghệ thông tin truyền thông, đặc biệt phát triển bùng nổ mạng Internet việc update thơng tin cách nhanh chóng liên tục ngày trở lên cần thiết Do nhu cầu xây dựng website tin tức trực tuyến tăng cao số lượng yêu cầu tính thẩm mỹ tính đa chức năng, tính tiện dụng Website tin tức đem lại nhìn nhanh thiết thực lĩnh vực, vấn đề dư luận địa phương, nước giới nhiều thông tin bật khác Tuy có nhiều website tin tức hầu hết website chưa có tính tiện dụng thân thiện cao người dùng Qua tìm hiểu trên, chúng em định tìm hiều xây dựng website tin tức: Website tin tức Hưng Yên dựa vào công nghệ ASP.NET môi trường C# – công nghệ mạnh đáp ứng tốt cho việc xây dựng website có tính thẩm mỹ cao hỗ trợ nhiều chức dễ dàng Mục tiêu xây dựng đề tài : - Mục tiêu nhóm chúng em xây dựng website nhằm phục vụ cho người có thơng tin cách nhanh xác vấn đề đời sống xã hội thông qua Internet - Website cho phép quản trị viên dễ dàng thao tác tin, tùy chọn hình ảnh cách sinh động đẹp mắt - Đối với người dùng độc giả, trang web cung cấp giao diện thân tiện, hấp dẫn,có tính thẩm mĩ cao thông tin hiển thị đa dạng Các GVHD: Vũ Xuân Thắng SVTT: B.T.Liên – Đ.Q.Ninh – L.M.Thìn Website tin tức Hưng Yên 2010 chức hỗ trợ tới người dùng độc quản trị viên bố trí hợp lý, thuận tiện sử dụng - Website hỗ trợ phím tắt, hiệu ứng kỹ thuật cao để người dùng tương tác với website cách trực quan dễ dàng - Nội dung trang web phong phú, đa dạng, hỗ trợ nhiều liên kết tới dịch vụ khác mà người đọc thường quan tâm Chương 2: Khảo sát đề tài I Địa điểm khảo sát - Chúng em tìm hiểu tham khảo số website tin tức trực tuyến : báo điện tử Hưng Yên, Quảng Ninh, Dân trí, VnExpress… - Tra cứu thông tin website: google.com.vn II Kết khảo sát  Sau q trình tìm hiểu, tham khảo, phân tích chúng em đưa cấu trúc chung website tin tức (mô tả phần thiết kế trang masterpage)  Các liệu nhập vào cho nội dung trang web, liệu hiển thị lên phía website độc giả , liệu hiển thị phần quản trị cho quản trị viên  Một số nhận xét, đánh giá ưu điểm nhược điểm website tin tức có website xây dựng hầu hết đáp ứng chức website tin tức Tuy nhiên giao diện chưa hấp dẫn người sử dụng , hỗ trợ cho người dùng độc giả cịn đơn giản nên chưa lơi độc giả lại lâu xem trang web III Yêu cầu hệ thống GVHD: Vũ Xuân Thắng SVTT: B.T.Liên – Đ.Q.Ninh – L.M.Thìn Website tin tức Hưng Yên 2010 Từ thực tế trên, chúng em cần thấy cần có hệ thống website tin tức Website chúng em có phạm vi giới thiệu Hưng Yên mặt như: tình hình kinh tế, trị-xã hội, làng nghề… Các yêu cầu người quản trị - website có giao diện đẹp, nội dung phong phú, hình ảnh sinh động, ln cập nhật thơng tin - Có nhập, xuất liệu cho lần - Xử lý việc sửa liệu nhập sai - Xử lý xóa liệu liệu khơng cần thiết Các yêu cầu độc giả - website có giao diện đẹp, hình ảnh sinh động, thể loại phong phú… - Cỡ chữ - Độ sâu website IV Chiến lược điều tra - Các nguồn thông tin điều tra: tham khảo từ sách báo, hệ thống website… - Quan sát hoạt động hệ thống sử dụng - Tự đặt vào vị trí người đọc để thấy rõ yêu cầu thực tế mà hệ thống cần thực V Các chức hệ thống Hệ thống website tin tức Hưng Yên chúng em thiết kế mơ tả khái qt bao gồm chức sau: + Trang quản trị: - Quản lý tin gồm chức thêm, sửa, xóa tin - Quản lý phân loại tin gồm chức thêm, sửa, xóa loại tin GVHD: Vũ Xuân Thắng SVTT: B.T.Liên – Đ.Q.Ninh – L.M.Thìn Website tin tức Hưng Yên 2010 - Quản lý người dùng gồm chức thêm, sửa, xóa người dùng - Quản lý Linkweb gồm chức thêm, sửa, xóa đường linkweb + Trang chủ Menu dọc gồm có: hệ thống menu thiết kế nguồn từ CSDL với giao diện thân thiện dễ dàng sử dụng Chương 3: Thiết kế sở liệu I Mơ hình thực thể liên kết Mabanti n Maloai tin Tieude Maloaitin Anhminhho a NDchin h Ban tin Phânlo ại Tenloaiti n Loaitin NDchiti et Ngaydang GVHD: Vũ Xuân Thắng Tacgia SVTT: B.T.Liên – Đ.Q.Ninh – L.M.Thìn Ghichu Website tin tức Hưng Yên 2010 Thực thể tin Lưu trữ thông tin chi tiết tin: mã tin, mã loại tin, tiêu đề, nội dung chính, nội dung chi tiết, ngày đăng, tác giả, ảnh minh họa Mabanti n Maloai tin Tieude Anhminhho a NDchin h Ban tin NDchiti et Tacgia Ngaydang Thực thể phân loại tin Phân loại cho loại tin: trị - xã hội, kinh tế, cơng nghiệp Hưng yên, Văn hóa – văn nghệ,… Maloaitin Tenloaiti n Loaitin Ghichu GVHD: Vũ Xuân Thắng SVTT: B.T.Liên – Đ.Q.Ninh – L.M.Thìn Website tin tức Hưng Yên 2010 Thực thể liên kết Web Chứa đường link web tới trang web khác Malienket Tenlienket LienKetWeb websit e Ghichu Image Thực thể người dùng Chứa thông tin người dùng id password User email II Các bảng sở liệu tblBanTin(MaBanTin, MaLoaiTin, TieuDe, NoiDungChinh, NoiDungChiTiet, NgayDang, TacGia, AnhMinhHoa ) tblLoaiTin(MaLoaiTin, TenLoaiTin, GhiChu) tblLienKetWeb(MaLienKet, TenLienKet, Website, GhiChuLK, Image) GVHD: Vũ Xuân Thắng SVTT: B.T.Liên – Đ.Q.Ninh – L.M.Thìn Website tin tức Hưng Yên 2010 - Phần “Right menu”:chưa thơng tin bật “Tin nóng – Hot News” , liên kết với báo khác, thông tin quảng cáo GVHD: Vũ Xuân Thắng SVTT: B.T.Liên – Đ.Q.Ninh – L.M.Thìn Website tin tức Hưng Yên 2010 - Phần “Footer” : hiển thị nội dung gồm thông tin quyền ,thương hiệu địa liên hệ , thông tin liên lạc trang HungYen Inform Kèm theo menungang đề cập phần * Mô tả kỹ thuật sử dụng css ASP Net thiết kế giao diện trang master page - Để đáp ứng nhu cầu thẩm mĩ cao cho giao diện trang web ,chúng em sử dụng CSS ASP.NET để mơ tả giao diện trang master page CSS kỹ thuật áp dụng cho xây dựng giao diện website mạnh - Chúng em sử dụng CSS kết hợp với thẻ HTM thẻ div,thẻ a,thẻ body, nhằm : - Phân chia bố cục giao diện cho trang master page - Thiết lập kích thước hiển thị cho trang master page kích thước cho phần trang - Định dạng hiển thị cho thành phần trang master page như: phơng chữ, màu chữ, lề, màu nền, hình ảnh nền, đường viền, độ giãn cách đối tượng hiển thị, hiệu ứng hiển thị click chọn, di chuyển mouse qua - Sử dụng thẻ HTML kết hợp với CSS điều khiển sẵn có ASP.NET để xây dựng menu thực tương tác người sử dụng - Bảng màu , chủ điểm màu trắng xanh lục Font chư màu đen… GVHD: Vũ Xuân Thắng SVTT: B.T.Liên – Đ.Q.Ninh – L.M.Thìn Website tin tức Hưng Yên 2010 - Các bảng màu phối hợp với cách hài hoà ,lam bật nội dung cần thể thông qua việc sử dụng CSS để mô tả - Một số liên kết từ website tới trang khác gắn vào trang thông qua thẻ a sử dụng Hyperlink Chức trang Master page  Trong Master page không sử dụng trực tiếp để hiển thị lên phía trình duyệt, mà khung sườn chung cho trang Web kế thừa từ thêm phần riêng trang tuỳ theo chức cụ thể trtang  Trang Master page chứa tất menu thường sử dụng để hỗ trợ cho người dung tương tác với Webside họ trang hệ thống, GVHD: Vũ Xuân Thắng SVTT: B.T.Liên – Đ.Q.Ninh – L.M.Thìn Website tin tức Hưng Yên 2010 II Các trang Web hệ thống Webside tin tức Hưng Yên ( HungYen Inform) Trang chủ ( trangchu.aspx ) - Trang chủ trang hiển thị người sử dụng tới thăm hệ thống - Nội dung trang chủ hiển thị phần nội dung mô tả trang Masterpage menu tác vụ, thông tin quảng cáo nội dung riêng trang chủ, hiển thị thông tin hầu hết lĩnh vực đời sống xã hội GVHD: Vũ Xuân Thắng SVTT: B.T.Liên – Đ.Q.Ninh – L.M.Thìn