Giới thiệu đề tài
Lý do chọn đề tài:
Trong những năm gần đây, sự phát triển mạnh mẽ của công nghệ thông tin và truyền thông, đặc biệt là Internet, đã làm cho việc cập nhật thông tin nhanh chóng và liên tục trở nên cần thiết hơn bao giờ hết.
Nhu cầu xây dựng website tin tức trực tuyến ngày càng tăng, đòi hỏi không chỉ về số lượng mà còn về tính thẩm mỹ, đa chức năng và tiện dụng.
Website tin tức cung cấp cái nhìn nhanh chóng và thiết thực về các lĩnh vực, vấn đề dư luận trong nước và quốc tế, cùng với nhiều thông tin nổi bật khác Mặc dù có nhiều website tin tức hiện nay, nhưng hầu hết vẫn thiếu tính tiện dụng và thân thiện với người dùng.
Chúng em đã quyết định xây dựng website tin tức Hưng Yên dựa trên công nghệ ASP.NET với môi trường C#, vì đây là công nghệ mạnh mẽ, giúp tạo ra một website có tính thẩm mỹ cao và hỗ trợ nhiều chức năng một cách dễ dàng.
Mục tiêu xây dựng đề tài :
Nhóm chúng em xây dựng website này với mục tiêu cung cấp thông tin nhanh chóng và chính xác về các vấn đề xã hội, phục vụ nhu cầu của mọi người qua Internet.
- Website cho phép quản trị viên dễ dàng thao tác các bản tin, tùy chọn các hình ảnh một cách sinh động và đẹp mắt
Trang web này mang đến cho độc giả một giao diện thân thiện, hấp dẫn và thẩm mỹ cao, cùng với thông tin đa dạng Các chức năng hỗ trợ cho người dùng và quản trị viên được sắp xếp hợp lý, dễ dàng sử dụng.
Website cung cấp hỗ trợ cho các phím tắt, hiệu ứng và kỹ thuật tiên tiến, giúp người dùng tương tác với trang một cách trực quan và dễ dàng.
- Nội dung trang web phong phú, đa dạng, hỗ trợ nhiều liên kết tới các dịch vụ khác mà người đọc thường quan tâm.
Khảo sát đề tài
Địa điểm khảo sát
- Chúng em đã tìm hiểu và tham khảo 1 số website tin tức trực tuyến như : báo điện tử Hưng Yên, Quảng Ninh, Dân trí, VnExpress…
- Tra cứu thông tin trên website: google.com.vn
Kết quả khảo sát
Sau khi nghiên cứu và phân tích, chúng tôi đã xác định được cấu trúc chung của một website tin tức, được mô tả chi tiết trong phần thiết kế trang masterpage.
Các dữ liệu đầu vào cho nội dung trang web bao gồm thông tin mà độc giả sẽ thấy trên website, cũng như các dữ liệu hiển thị trên phần quản trị dành cho quản trị viên.
Các website tin tức hiện tại đã đáp ứng được các chức năng chính, nhưng giao diện vẫn chưa thu hút người sử dụng Hệ thống hỗ trợ cho độc giả còn hạn chế và đơn giản, dẫn đến việc chưa giữ chân được người đọc lâu trên trang web.
III Yêu cầu đối với hệ thống mới.
Dựa trên thực tế hiện tại, chúng tôi nhận thấy sự cần thiết phải xây dựng một hệ thống website tin tức Website của chúng tôi sẽ tập trung giới thiệu về Hưng Yên, bao gồm các lĩnh vực như tình hình kinh tế, chính trị-xã hội và các làng nghề đặc trưng.
1 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, luôn cập nhật những thông tin mới nhất.
- Có khá năng nhập, xuất dữ liệu cho mỗi lần.
- Xử lý được việc sửa dữ liệu khi nhập sai.
- Xử lý xóa dữ liệu khi dữ liệu đó là không cần thiết.
2 Các yêu cầu của độc giả.
- website có giao diện đẹp, hình ảnh sinh động, thể loại phong phú…
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 của hệ thống đang sử dụng.
- Tự đặt mình vào vị trí của người đọc để thấy được rõ những yêu cầu thực tế mà hệ thống cần thực hiện.
V Các chức năng chính của hệ thống.
Hệ thống website tin tức Hưng Yên do chúng em thiết kế có thể mô tả khái quát bao gồm những chức năng chính sau:
- Quản lý bản tin gồm các chức năng thêm, sửa, xóa các bản tin.
- Quản lý phân loại tin gồm các chức năng thêm, sửa, xóa các loại tin.
- Quản lý người dùng gồm các chức năng thêm, sửa, xóa các người dùng.
- Quản lý Linkweb gồm các chức năng thêm, sửa, xóa các đường linkweb.
Menu dọc gồm có: hệ thống menu được thiết kế nguồn từ CSDL với giao diện thân thiện và dễ dàng sử dụng.
Thiết kế cơ sở dữ liệu
I Mô hình thực thể liên kết.
Ban tin Phânlo Loaitin ại
Lưu trữ thông tin chi tiết của bản tin bao gồm mã bản tin, mã loại tin, tiêu đề, nội dung chính, nội dung chi tiết, ngày đăng, tác giả và ảnh minh họa.
2 Thực thể phân loại tin.
Phân loại cho các loại tin: chính trị - xã hội, kinh tế, công nghiệp Hưng yên, Văn hóa – văn nghệ,…
3 Thực thể liên kết Web
Chứa các đường link web tới các trang web khác.
Chứa các thông tin về người dùng.
II Các bảng cơ sở dữ liệu. tblBanTin(MaBanTin, MaLoaiTin, TieuDe, NoiDungChinh, NoiDungChiTiet, NgayDang, TacGia, AnhMinhHoa ). tblLoaiTin(MaLoaiTin, TenLoaiTin, GhiChu). tblLienKetWeb(MaLienKet, TenLienKet, Website, GhiChuLK, Image).
Image Ghichu id password emailUser tblUser( id, password, email)
Stt Tên trường Kiểu dl Độ rộng
1 MaBanTin int Khóa chính Not null Mã bản tin
2 MaLoaiTin Int Mã loại tin
4 NoiDungChinh Nvarchar 500 Nội dung chính
5 NoiDungChiTiet Nvarchar Max Nội dung chi tiết
8 AnhMinhHoa Nvarchar 500 Ảnh minh họa
Stt Tên trường Kiểu dl Độ rộng
1 MaLoaiTin int Khóa chính Not null Mã loại tin
2 TenLoaiTin Nvarchar 500 Tên loại tin
3 GhiChu Nvarchar max Ghi chú
Stt Tên trường Kiểu dl Độ rộng
1 MaLienKet int Khóa chính Not null Mã bản tin
2 TenLienKet Nvarchar 100 Tên liên kết
4 GhiChuLK Nvarchar 500 Ghi chú liên kết
Stt Tên trường Kiểu dl Độ rộng
1 id Nchar 20 Khóa chính Not null Tên user
IV Phân tích các ràng buộc.
Khi nhập, sửa, xóa thông tin từ một bảng thì các trường liên quan đến bảng đó cũng bị thay đổi theo.
+ Khi nhập bản ghi vào bảng tblBanTin: Kiểm tra xem MaLoaiTin đã tồn tại trong bảng tblLoaiTin chưa?
Nếu tồn tại thì cho nhập vào, ngược lại thì không cho nhập.
+ Khi sửa bản ghi vào bảng tblBanTin : Kiểm tra xem MaLoaiTin mới đã tồn tại trong bảng tblLoaiTin chưa?
Nếu tồn tại thì cho sửa, ngược lại thì không cho sửa.
+ Khi xóa bản ghi trong bảng tblBanTin thì xóa bản tin đó tương ứng trong CSDL.
+ Khi nhập bản ghi vào bảng tblLoaiTin thì cho phép nhập.
+ Khi sửa TenLoaiTin trong bảng tblLoaiTin thì các bản ghi tương ứng trong bảng tblBanTin cũng thay đổi theo.
+ Khi xóa MaLoaiTin trong bảng tblLoaiTin thì các bản ghi tương ứng trong bảng tblBanTin cũng bị mất theo.
kế tổng thể
Thiết kế trang master page
1 Bố cục giao diện trang master page
Mô tả các phần trong trang master page:
- Phần “Header”, hiển thị banner quảng cáo cho Website “HungYen Inform”.
Menu ngang nằm dưới banner và trên footer, bao gồm các danh mục trang và chức năng chính của website như Trang chủ, Đăng ký, Đăng nhập và Liên hệ.
Phần "Menu bên trái" bao gồm các danh mục tin tức đa dạng, thông tin liên hệ, số lượng người truy cập, cùng với các liên kết tới các trang báo điện tử của các tỉnh lân cận.
- Phần nội dung : sử dụng để hiện thị nội dung của các trang web content được kế thừa từ trang master page.
- Phần “Right menu”:chưa thông tin nổi bật nhất “Tin nóng – Hot News” ,các liên kết với các báo khác, các thông tin quảng cáo
Phần "Footer" trên trang HungYen Inform chứa thông tin quan trọng như bản quyền, thương hiệu, địa chỉ liên hệ và thông tin liên lạc Ngoài ra, phần này cũng bao gồm menu ngang như đã đề cập ở phần trên.
* Mô tả kỹ thuật sử dụng css của ASP Net thiết kế giao diện trang master page.
Để nâng cao tính thẩm mỹ cho giao diện trang web, chúng tôi đã áp dụng CSS trong ASP.NET để thiết kế giao diện của trang master page, vì CSS là một công nghệ mạnh mẽ trong việc xây dựng giao diện website.
- Chúng em đã sử dụng CSS kết hợp với các thẻ HTM như 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 và kích thước cho mỗi phần trong trang
Định dạng hiển thị cho các thành phần trên trang master page bao gồm các yếu tố như phông chữ, màu chữ, căn lề, màu nền, hình ảnh nền, đường viền, và độ giãn cách giữa các đối tượng Ngoài ra, các hiệu ứng hiển thị như khi click chọn và khi di chuyển chuột qua cũng cần được chú ý để nâng cao trải nghiệm người dùng.
Sử dụng thẻ HTML kết hợp với CSS và các điều khiển có sẵn trong ASP.NET giúp xây dựng menu hiệu quả và tối ưu hóa trải nghiệm người dùng.
- Bảng màu , chủ điểm màu trắng và xanh lục Font chư màu đen…
Các bảng màu được kết hợp hài hòa, giúp làm nổi bật những nội dung cần thể hiện thông qua việc sử dụng CSS để mô tả.
- Một số liên kết từ website tới các trang khác được gắn vào trang này thông qua thẻ a hoặc sử dụng Hyperlink
2 Chức năng của trang Master page
Master page không thể hiển thị trực tiếp trên trình duyệt; nó chỉ là khung sườn chung cho các trang web kế thừa Các trang này có thể tùy chỉnh và thêm các phần riêng biệt theo chức năng cụ thể của từng trang.
Trang Master là trang chứa tất cả các menu chính thường được sử dụng, giúp người dùng tương tác với website một cách dễ dàng, bất kể họ đang ở trang nào trong hệ thống.
Các trang Web trong hệ thống Webside tin tức Hưng Yên ( HungYen Inform)
- Trang chủ là trang được hiển thị đầu tiên khi người sử dụng tới thăm hệ thống này.
Nội dung trang chủ cung cấp mô tả chi tiết về các menu tác vụ, thông tin quảng cáo và nội dung riêng biệt, hiển thị những thông tin mới nhất từ nhiều lĩnh vực trong đời sống xã hội.
2 Trang đăng ký (Dky.aspx).
Người dùng có thể đăng ký tài khoản trên trang web "HungYen Inform", với giao diện được kế thừa từ trang MasterPage Phần khung giao diện đăng ký được thiết kế thân thiện và dễ sử dụng.
3 Trang đăng nhập (Dnhap.aspx).
Người dùng, bao gồm cả độc giả và quản trị viên, có thể đăng nhập vào hệ thống Webside khi chưa đăng nhập Hệ thống yêu cầu người dùng phải đăng nhập trước khi sử dụng một số chức năng nhất định.
4 Trang chuyên đề, lĩnh vực (trangchuyende.aspx).
Trang này hiển thị khi khách hàng chọn một lĩnh vực từ menu bên trái "chọn chuyên đề" Nội dung của trang sẽ thay đổi dựa trên lĩnh vực được chọn, cung cấp các bản tin liên quan đến chuyên đề đó.
- Để thực hiện được nhiệm vụ của trang thông tin lĩnh vực, chúng em sử dụng điều khiển datalist và điều khiển sqldatasource của ASP.NET.
Điều khiển datalist cho phép định dạng hiển thị và nội dung thông qua template Item, đồng thời cho phép lựa chọn nguồn dữ liệu để hiển thị một cách linh hoạt.
Điều khiển SQL datasource giúp lọc và lưu trữ dữ liệu từ cơ sở dữ liệu thông qua các Procedure hoặc Query, đồng thời cập nhật thông tin hàng hoá khi có thay đổi cần thiết.
Datalist và Grid View là hai điều khiển mạnh mẽ trong ASP.NET, hỗ trợ cơ chế Databinding và cho phép tùy biến template linh hoạt Vì vậy, chúng rất lý tưởng để hiển thị thông tin trên Website.
Trang lĩnh vực hiển thị thông tin qua nhiều trang nhỏ, sử dụng điều khiển Multi View Khi người dùng chọn một view, các bản tin sẽ được sắp xếp từ mới đến cũ, cụ thể là từ 1 đến 2 và các bản tin cũ hơn.
Khi nhấn vào menu bên trái và chọn mục thể thao, người dùng sẽ được chuyển đến trang chuyên đề hiển thị nội dung liên quan đến thể thao Tương tự, các lĩnh vực khác cũng được tổ chức theo cách như vậy để dễ dàng truy cập thông tin.
5 Trang thông tin chi tiết bản tin (chitiet.aspx).
Trang này cung cấp thông tin chi tiết và đầy đủ hơn về bản tin khi người sử dụng nhấp vào hình ảnh, tiêu đề, hoặc liên kết "Xem tiếp" trên trang lĩnh vực hoặc trang chủ.
Để thực hiện các chức năng trên, trang thông tin chi tiết hàng của chúng tôi sử dụng hai điều khiển Datalist và Sql Datasource trong ASP.NET, và chúng tôi đã cấu hình lại các điều khiển này để phù hợp với nội dung hiển thị.
Khi nhấn vào tiêu đề “Messi lập cú đúp, Barca thăng hoa tại La Romareda”, trình duyệt sẽ chuyển hướng đến trang chi tiết với nội dung đầy đủ của bản tin này.
6 Trang danh mục loại tin(DMLoaiTin.aspx):
Người dùng có thể đăng nhập vào trang sau khi truy cập với quyền hạn, từ đó thực hiện các thao tác thêm, sửa, xóa thông tin về Loại Tin Giao diện làm việc trực quan giúp người dùng dễ dàng thao tác.
7 Trang danh mục bản tin (DMBanTin.aspx).
Trang này chỉ cho phép quản trị viên thực hiện các thao tác sửa đổi, thêm mới hoặc xóa thông tin các bản tin sau khi đã đăng nhập vào hệ thống và được cấp quyền.
- Trang cập nhật thông tin có giao diện trực quan giúp quản trị viên dễ dàng thao tác.
Trang này cung cấp thông tin chi tiết từ cơ sở dữ liệu theo yêu cầu của Quản trị viên, cho phép họ chỉnh sửa thông tin bằng cách nhấn nút chỉnh sửa Sau khi thực hiện các thay đổi, nhân viên bán hàng cần nhấn nút cập nhật để lưu lại các thay đổi vào cơ sở dữ liệu.
Hướng dẫn sử dụng
Quyền hạn của Admin rất cao, cho phép họ thao tác với tất cả các chức năng của website, bao gồm việc cập nhật thông tin và tra cứu dữ liệu một cách dễ dàng.
Để trở thành quản trị viên (admin) trên website, người dùng cần đăng nhập bằng tài khoản có quyền Admin Trong phiên bản 1.0 của website, thông tin đăng nhập cho tài khoản admin là tên người dùng: admin và mật khẩu: admin123.
Ngay sau khi đăng nhập với quyền admin, người dùng sẽ được chuyển đến giao diện “Quản trị website” Tại đây, admin có thể chọn các chức năng của hệ thống bằng cách nhấn vào các nút chức năng ở đầu trang web Để chuyển sang hệ thống phục vụ khách viếng thăm hoặc khách hàng, admin chỉ cần nhấn vào nút “Trang chủ”.
Các tài khoản người dùng có thể được tạo bởi chính khách hàng hoặc bởi quản trị viên Người dùng sẽ sử dụng những tài khoản này để đăng nhập vào hệ thống, theo các quy định và hạn chế mà quản trị viên đã thiết lập.