XÂY DỰNG TRANG WEB TIN TỨC

TRƢỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN ĐỀ TÀI: XÂY DỰNG TRANG WEB TIN TỨC Giáo viên hƣớng dẫn: GV Phạm Đức Hồng Sinh viên thực hiện: Dƣ Văn Nguyện Hà Nội, ngày 28/ 06/ 2012 TRƢỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN ĐỀ TÀI: XÂY DỰNG TRANG WEB TIN TỨC Giáo viên hƣớng dẫn: GV Phạm Đức Hồng Sinh viên thực hiện: Dƣ Văn Nguyện Hà Nội, ngày 28/ 06/ 2012 LỜI CÁM ƠN Đƣợc học tập khoa Công Nghệ Thông Tin điều vinh dự em Trong kỳ học này, em học hỏi tìm hiểu đƣợc cách xây dựng trang báo điện tử online Qua kỳ học em nắm đƣợc thêm nhiều kiến thức môn học lập trình web nhờ hƣớng dẫn, bảo tận tình thầy Phạm Đức Hồng Nhờ mà em hoàn thành tốt đƣợc tập lần Em xin gửi lời cảm ơn sâu sắc tới thầy Phạm Đức Hồng! Thầy bảo hƣớng dẫn tận tình cho em suốt trình học tập để em hoàn thành tập lần Em chân thành cảm ơn thầy cô khoa Công Nghệ Thông Tin tạo điều kiện thuận lợi cho em suốt trình thực đồ án Em chân thành cảm ơn thầy cô ! Sinh viên : Dư Văn Nguyện Mục lục LỜI NÓI ĐẦU CHƢƠNG 1: GIỚI THIỆU VỀ CHƢƠNG TRÌNH Giới thiệu Trang chủ Các trang tin tức Module quảng cáo Module thống kê Công cụ tìm kiếm Ngôn ngữ lập trình công nghệ sử dụng CHƢƠNG 2: PHÂN TÍCH, THIẾT KẾ HỆ THỐNG Mô hình nghiệp vụ 1.1 Biểu đồ ngữ cảnh hệ thống 1.2 Biểu đồ phân rã chức Mô tả chi tiết chức nút lá: Phân tích mô hình quan niệm 2.1 Mô hình luồng liệu mức đỉnh 2.2 Mô hình luồng liệu mức dƣới đỉnh 2.2.1 Quản lý menu 2.2.2 Quản lý ngƣời dùng 2.2.3 Quản lý nhóm tin 2.2.4 Quản lý tin 2.2.5 Quản lý quảng cáo 10 2.2.6 Thống kê 10 Mô hình thực thể liên kết E – R 11 3.1 Xác định thực thể, gán thuộc tính cho xác định định danh 11 3.2 Xác định mối quan hệ thuộc tính 11 3.3 Vẽ biểu đồ rút gọn 12 CHƢƠNG 3: THIẾT KẾ CƠ SỞ DỮ LIỆU 13 Chuyển từ mô hình E R sang mô hình quan hệ 13 Biểu đồ quan hệ mô hình liệu 13 Cơ sở liệu vật lý 14 3.1 Bảng Advertise 14 3.2 Bảng Advertised 14 3.3 Bảng GroupNews 15 3.4 Bảng menu 16 3.5 Bảng News 16 3.6 Bảng User 17 Nhập liệu cho form 17 4.1 Quản lý menu 18 4.2 Quản lý ngƣời dùng 19 4.3 Quản lý nhóm tin 19 4.4 Quản lý tin 20 4.5 Thống kê tin tức 21 4.6 Thống kê quảng cáo 21 4.7 Quản lý quảng cáo 22 4.8 Quản lý ngƣời đăt quảng cáo 22 CHƢƠNG 4: CHƢƠNG TRÌNH 23 Trang đăng nhập 23 Trang chủ quản trị 24 Trang quản lý menu 24 Trang quản lý tin tức 25 Trang chủ view 26 CHƢƠNG KẾT LUẬN VÀ HƢỚNG PHÁT TRIỂN 27 5.1 Kết đạt đƣợc 27 5.2 Hạn chế đề tài 27 5.3 Hƣớng phát triển 27 Danh sách hình ảnh Hình vẽ 2.1 Biểu đồ ngữ cảnh Hình vẽ 2.2 Mô hình phân rã chức Hinh vẽ 2.3 Mô hình mức đỉnh Hình vẽ 2.4 Quản lý menu Hình vẽ 2.5 Mô hình mức dƣới đỉnh(ngƣời dùng) Hình vẽ 2.6 Quản lý nhóm tin Hình vẽ 2.7 Quản lý tin tức Hình vẽ 2.8 Quản lý quảng cáo 10 Hình vẽ 2.9 Thống kê 10 Hình vẽ 3.10 Mô hình E - R 12 Hình vẽ 4.1 Trang đăng nhập 23 Hình vẽ 4.2 Trang chủ quản trị 24 Hình vẽ 4.3 Quản lý menu 24 Hình vẽ 4.4 Quản lý tin tức 25 Hình vẽ 4.5 Trang chủ hiển thị 26 Danh sách bảng biểu Bảng 3.1: Bảng Advertise để lƣu thông tin quảng cáo 14 Bảng 3.2: Bảng Advertised chứa thông tin ngƣời đặt quảng cáo 14 Bảng 3.3: Bảng GroupNews chứa thông tin nhóm tin 15 Bảng 3.4: Bảng menu lƣu thông tin menu 16 Bảng 3.5: Bảng News chứa thông tin tin 16 Bảng 3.6: Bảng User lƣu thông tin ngƣời dùng 17 LỜI NÓI ĐẦU Ngày tin học phát triển đạt đến mức độ cao, đƣợc ứng dụng vào ngành, lĩnh vực kinh tế đất nƣớc góp phần quan trọng làm cho ngành phát triển nhanh hơn, hiệu Tin học quản lý nhằm nâng cao suất tốc độ xử lý lƣợng thông tin lớn, phức tạp để đƣa thông tin kịp thời nhanh chóng đáp ứng yêu cầu đặt Lý chọn đề tài: Với phát triển mạnh mẽ Công nghệ thông tin, ngày nhiều trang web đời với mục tiêu quảng bá thƣơng hiệu, thông tin cho công ty, cho lĩnh vực Chính cần phải có trang tin tức để tóm tắt lại nội dung kiện diễn Tên đề tài: “Xây dựng trang web tin tức” Cấu trúc chương trình: Cấu trúc gồm có chƣơng: - Chƣơng 1: Giới thiệu chƣơng trình - Chƣơng 2: Phân tích, thiết kế hệ thống - Chƣơng 3: Thiết kế sở liệu - Chƣơng 4: Chƣơng trình - Chƣơng 5: Kết luận hƣớng phát triển Sinh viên thực hiện: Dƣ Văn Nguyện Lớp D4 – CNTT Giáo viên hƣớng dẫn: GV.Phạm Đức Hồng CHƢƠNG 1: GIỚI THIỆU VỀ CHƢƠNG TRÌNH Giới thiệu Web tin tức giải pháp tạo lập trang báo điện tử với khả tiếp cận đọc giả toàn cầu liên tục Khả xuất thông tin nhanh chóng tính cập nhật đa dạng Website tin tức bao gồm hệ thống quản lý nội dung – cho phép biên tập tin tức, hình ảnh, xếp theo chuyên mục, phân quyền đến chức biên tập, duyệt tin… Trang chủ Đƣợc thiết kế theo bố cục hài hòa, định hƣớng cung cấp thông tin Hệ thống menu cho phép bố trí linh hoạt Mục tin, Nhóm tin Phân nhóm tin … Hệ thống cho phép hiển thị thông tin theo nhóm tin Các trang tin tức Hiển thị viết với hình ảnh thông tin Bài viết đƣợc biên tập với công cụ FCK Editor Cho phép tùy chỉnh đơn giản nhƣ làm việc vớI MSWord Module quảng cáo Cho phép quản lý banner, logo, liên kết website Cung cấp dịch vụ quảng cáo trực tuyến Module thống kê Thống kê số ngƣờI truy cập vào website, Số ngƣời truy cập vào chuyên mục số ngƣời truy cập viết, số lƣợng click vào quảng cáo Cung cấp báo cáo chuyên mục đƣợc đăng, hình ảnh đƣợc quảng cáo Công cụ tìm kiếm Tìm kiếm với tiêu chí: tiêu đề viết, nội dung viết, ngƣời đăng Sinh viên thực hiện: Dƣ Văn Nguyện Lớp D4 – CNTT Giáo viên hƣớng dẫn: GV.Phạm Đức Hồng Ngôn ngữ lập trình công nghệ sử dụng  Sử dụng công nghệ Framework 4.0 với hỗ trợ Visual Studio 2010 kết hợp với hệ quản trị sở liệu SQL 2008  Sử dụng javascript để tạo slide ảnh tin trang chủ, sử dụng javascript để hiển thị ảnh lƣới Repeater phần quản trị  Sử dụng css để trang trí web  Sử dụng công cụ FCK editor để soạn thạo nội dung tin Sinh viên thực hiện: Dƣ Văn Nguyện Lớp D4 – CNTT Giáo viên hƣớng dẫn: GV.Phạm Đức Hồng CHƢƠNG 2: PHÂN TÍCH, THIẾT KẾ HỆ THỐNG Mô hình nghiệp vụ 1.1 Biểu đồ ngữ cảnh hệ thống Hình vẽ 2.1 Biểu đồ ngữ cảnh Các tác nhân hệ thống gồm: ngƣời quản trị phần nhỏ(quản lý quảng cáo, quản lý tin tức), ngƣời quản trị toàn hệ thống, ngƣời dùng, ngƣời đặt quảng cáo 1.2 Biểu đồ phân rã chức Hình vẽ 2.2 Mô hình phân rã chức Sinh viên thực hiện: Dƣ Văn Nguyện Lớp D4 – CNTT Giáo viên hƣớng dẫn: GV.Phạm Đức Hồng CHƢƠNG 3: THIẾT KẾ CƠ SỞ DỮ LIỆU Chuyển từ mô hình E R sang mô hình quan hệ Biểu diễn thực thể Ngƣời đặt quảng cáo Advertised(ID, Nameadv, Address, Phone) Quảng cáo Advertise(ID, AdvertisedId, Name, Image, Width, Height, Link, Target, Position, GroupNewsId, Click, Ord, Active, Money) Nhóm tin Tin tức GroupNews(ID, Name, Ord, Active, Index) News(ID, Name, Image, Content, Detail, Date, Index, Active, GroupNewsId, Views, UpNews Biểu đồ quan hệ mô hình liệu Hình vẽ 3.11 Liên kết bảng 13 Sinh viên thực hiện: Dƣ Văn Nguyện Lớp D4 – CNTT Giáo viên hƣớng dẫn: GV.Phạm Đức Hồng Cơ sở liệu vật lý 3.1 Bảng Advertise Bảng 3.1: Bảng Advertise để lƣu thông tin quảng cáo Tên trƣờng Kiểu liệu Mô tả Id Int Tự tăng, khóa AdvertisedId Int Chứa mã ngƣời đặt quảng cáo Name Nvarchar(250) Tên quảng cáo Image Nvarchar(250) Lƣu đƣờng dẫn ảnh Width Int Chiều dài ảnh Height Int Chiều cao ảnh Link Nvarchar(250) Liên kết Target Nvarchar(50) Kiểu liên kết(_self _blank) Position Int Vị trí(1 2) Mã nhóm tin, đặt quảng cáo theo nhóm tin Số lần click vào quảng cáo Thứ tự quảng cáo GroupNewsId Int Click Int Ord Int Active Bit Kích hoạt(0 1) Money Nvarchar(250) Số tiền quảng cáo 3.2 Bảng liên kết Advertised GroupNews Bảng Advertised Bảng 3.2: Bảng Advertised chứa thông tin ngƣời đặt quảng cáo 14 Sinh viên thực hiện: Dƣ Văn Nguyện Lớp D4 – CNTT Giáo viên hƣớng dẫn: GV.Phạm Đức Hồng 3.3 Tên trƣờng Kiểu liệu Mô tả Id Int Tự tăng, khóa Nameadv Nvarchar(250) Address Nvarchar(250) Địa ngƣời đặt Phone Nvarchar(250) Số điện thoại liên hệ Bảng liên kết Tên ngƣời đặt quảng cáo Bảng GroupNews Bảng 3.3: Bảng GroupNews chứa thông tin nhóm tin Tên trƣờng Kiểu liệu Mô tả Id Int Tự tăng, khóa Name Nvarchar(250) Tên nhóm tin Level Nvarchar(250) Phân cấp nhóm tin Ord Int Thứ tự nhóm tin Active Int Kích hoạt Index Int Bảng liên kết Xuất trang chủ hay không? 15 Sinh viên thực hiện: Dƣ Văn Nguyện Lớp D4 – CNTT Giáo viên hƣớng dẫn: GV.Phạm Đức Hồng 3.4 Bảng menu Bảng 3.4: Bảng menu lƣu thông tin menu 3.5 Tên trƣờng Kiểu liệu Mô tả Id Int Tự tăng, khóa Tenmenu Nvarchar(250) Tên menu LienKet Nvarchar(550) Liên kết ThuTu Int Thứ tự menu KichHoat Int Kích hoạt Bảng liên kết Bảng News Bảng 3.5: Bảng News chứa thông tin tin Tên trƣờng Kiểu liệu Mô tả Id Int Tự tăng, khóa Name Nvarchar(256) Tiêu đề tin Image Nvarchar(250) Lƣu đƣờng dẫn ảnh Content Ntext Mô tả bên Detail Ntext Nội dung chi tiết Date Datetime Ngày đăng Index Int Active Int Kích hoạt GroupNewsId Int Mã nhóm tin Bảng liên kết Xuất trang chủ GroupNews 16 Sinh viên thực hiện: Dƣ Văn Nguyện Lớp D4 – CNTT Giáo viên hƣớng dẫn: GV.Phạm Đức Hồng 3.6 Views Float Upnews Nvarchar(250) Lƣu số ngƣời xem tin Ngƣời đƣa tin Bảng User Bảng 3.6: Bảng User lƣu thông tin ngƣời dùng Tên trƣờng Kiểu liệu Mô tả Id Int Tự tăng, khóa Name Nvarchar(256) Tên ngƣời dùng Username Nvarchar(250) Tên đăng nhập Password Nvarchar(250) Mật Active Int Bảng liên kết Kích hoạt tài khoản hay ko? Nhập liệu cho form Các form đƣợc thiết kế tƣơng tự nhau, gồm nút thêm, sửa, xóa, refresh panel, panel view(gồm nút thêm mới, xóa, refresh lƣới gridview để hiển thị liệu), panel update(gồm control nhập liệu, nút ghi lại nút trở về) Nghiệp vụ chung cho sƣ kiện ngƣời dùng click vào nút thêm mới, sửa, xóa nhƣ sau:  Khi ngƣời dùng click vào nút thêm mới: o Chuyển biến insert=true o Reset control nhập liệu o Ẩn, panel  Khi ngƣời dùng click vào nút sửa: o Chuyển insert=false o Lấy đƣợc Id liệu cần sửa o Truyền Id cho biến Id toàn cục o Lấy nguồn theo Id 17 Sinh viên thực hiện: Dƣ Văn Nguyện Lớp D4 – CNTT Giáo viên hƣớng dẫn: GV.Phạm Đức Hồng 4.1 o Đổ liệu lên control nhập o Ẩn, panel  Khi click vào nút ghi lại o Kiểm tra liệu nhập control, sai báo lỗi o Kiểm tra biến insert( true thêm mới, false update) o Gọi hàm insert update o Load lại liệu gridview o Ẩn, panel o Chuyển insert=false  Khi click vào nút xóa o Lấy Id cần xóa o Xóa liệu theo Id o Load lại liệu Quản lý menu Yêu cầu: phải nhập đầy đủ thông tin form, trƣờng thứ tự phải nhập số Trƣờng kiểu liên kết liên kết liên kết trong, chọn liên kết nhập tên link vào ô textbox bên dƣới, liên kết chọn nhóm tin cần link tới, nhóm tin xuất dropdowlist để chọn Trƣờng kiểu liên kết, chọn _self _blank 18 Sinh viên thực hiện: Dƣ Văn Nguyện Lớp D4 – CNTT Giáo viên hƣớng dẫn: GV.Phạm Đức Hồng 4.2 Quản lý ngƣời dùng Yêu cầu: nhập đầy đủ thông tin form 4.3 Quản lý nhóm tin Yêu cầu: bắt buộc phải nhập tên nhóm tin thứ tự nhóm tin, thứ tự nhóm tin không đƣợc nhập trùng 19 Sinh viên thực hiện: Dƣ Văn Nguyện Lớp D4 – CNTT Giáo viên hƣớng dẫn: GV.Phạm Đức Hồng 4.4 Quản lý tin Yêu cầu: phải nhập tiêu để tin ngƣời đăng tin Ngày đăng đƣợc lấy mặc định ngày 20 Sinh viên thực hiện: Dƣ Văn Nguyện Lớp D4 – CNTT Giáo viên hƣớng dẫn: GV.Phạm Đức Hồng 4.5 Thống kê tin tức Sau chọn tiêu chí thống kê nhƣ thống kê tin theo nhóm theo ngày, hệ thống thống kế theo tiêu chí chọn 4.6 Thống kê quảng cáo Sau chọn ngƣời đặt quảng cáo, hệ thống thống kê quảng cáo theo ngƣời đặt, ko chọn ngƣời đặt hệ thống thống kê toàn tất quảng cáo 21 Sinh viên thực hiện: Dƣ Văn Nguyện Lớp D4 – CNTT Giáo viên hƣớng dẫn: GV.Phạm Đức Hồng 4.7 Quản lý quảng cáo Yêu cầu: liên kết phải nhập đúng, thứ tự số tiền phải nhập số Khi bấm vào nút ghi lại kiểm tra thông tin nhập( vị trí, liên kết, thứ tự, số tiền), nhập lƣu lại thông tin, sai thông báo lỗi vị trí sai để sửa 4.8 Quản lý ngƣời đăt quảng cáo Yêu cầu: nhập đầy đủ thông tin, số điện thoại phải nhập số Sau nhập xong thông tin, bấm nút ghi lại để lƣu thông tin, hệ thống kiểm tra trƣờng số điện thoại có số chƣa, lƣu lại thông tin, sai thông báo lỗi để nhập lại 22 Sinh viên thực hiện: Dƣ Văn Nguyện Lớp D4 – CNTT Giáo viên hƣớng dẫn: GV.Phạm Đức Hồng CHƢƠNG 4: CHƢƠNG TRÌNH Dƣới số giao diện chƣơng trình: Trang đăng nhập Hình vẽ 4.1 Trang đăng nhập 23 Sinh viên thực hiện: Dƣ Văn Nguyện Lớp D4 – CNTT Giáo viên hƣớng dẫn: GV.Phạm Đức Hồng Trang chủ quản trị Hình vẽ 4.2 Trang chủ quản trị Trang quản lý menu Hình vẽ 4.3 Quản lý menu 24 Sinh viên thực hiện: Dƣ Văn Nguyện Lớp D4 – CNTT Giáo viên hƣớng dẫn: GV.Phạm Đức Hồng Trang quản lý tin tức Hình vẽ 4.4 Quản lý tin tức 25 Sinh viên thực hiện: Dƣ Văn Nguyện Lớp D4 – CNTT Giáo viên hƣớng dẫn: GV.Phạm Đức Hồng Trang chủ view Hình vẽ 4.5 Trang chủ hiển thị 26 Sinh viên thực hiện: Dƣ Văn Nguyện Lớp D4 – CNTT Giáo viên hƣớng dẫn: GV.Phạm Đức Hồng CHƢƠNG KẾT LUẬN VÀ HƢỚNG PHÁT TRIỂN Sau thời gian tìm hiểu nghiên cứu đề tài “Xây dựng trang tin tức online” em phát triển hoàn thành theo yêu cầu nội dung thời gian định Trong trình nghiên cứu thực đề tài với tâm cao nhƣng hạn chế kinh nghiệm kiến thức nên đề tài em chắn tránh khỏi thiếu xót Em mong nhận đƣợc ý kiến đóng góp từ quý thầy cô bạn để đề tài đƣợc hoàn thiện 5.1 Kết đạt đƣợc Hoàn thiện đƣợc số chức trang báo điện tử Lập trình thành thạo với ASP.NET hệ quản trị sở liệu Sql 2008 5.2 Hạn chế đề tài Do thời gian làm có hạn lên em chƣa thể hoàn thiện đầy đủ chức chƣơng trình 5.3 Hƣớng phát triển - Mở rộng thêm nhiểu chức nhƣ đọc tin tự động từ trang khác, thống kê số lƣợng ngƣời truy cập trang web,… Em mong tiếp tục nhận đƣợc giúp đỡ tạo điều kiện quý thầy cô nhà trƣờng để nhóm mở rộng đề tài Ngƣời làm: Dƣ Văn Nguyện – D4 CNTT – ĐH Điện Lực SĐT: 01695 935 024 Yahoo: nguyend4tin 27 Sinh viên thực hiện: Dƣ Văn Nguyện Lớp D4 – CNTT Giáo viên hƣớng dẫn: GV.Phạm Đức Hồng