xây dựng trang web tin tức

Website tin tức bao gồm một hệ thống quản lý nội dung – cho phép biên tập tin tức, hình ảnh, sắp xếp theo chuyên mục, phân quyền đến từng chức năng biên tập, duyệt tin… Module quảng cáo

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 trong khoa Công Nghệ Thông Tin là một điều rất vinh dự đối với em Trong kỳ học này, em đã học hỏi và tìm hiểu được cách xây dựng một trang báo điện tử online Qua kỳ học em đã nắm được thêm rất nhiều kiến thức về môn học lập trình web nhờ sự hướng dẫn, chỉ bảo tận tình của thầy Phạm Đức Hồng Nhờ vậy mà em mới có thể hoàn thành tốt được bài tập lần này

Em xin gửi lời cảm ơn sâu sắc tới thầy Phạm Đức Hồng! Thầy đã chỉ bảo và hướng dẫn tận tình cho em trong suốt quá trình học tập để em có thể hoàn thành bài tập lần này

Em cũng chân thành cảm ơn các thầy cô trong khoa Công Nghệ Thông Tin đã tạo điều kiện thuận lợi cho em trong suốt quá trình thực hiện đồ án

Em chân thành cảm ơn các thầy cô !

Sinh viên : Dư Văn Nguyện

Mục lục

LỜI NÓI ĐẦU 1

CHƯƠNG 1: GIỚI THIỆU VỀ CHƯƠNG TRÌNH 2

Giới thiệu 2

Trang chủ 2

Các trang tin tức 2

Module quảng cáo 2

Module thống kê 2

Công cụ tìm kiếm 2

Ngôn ngữ lập trình và các công nghệ sử dụng 3

CHƯƠNG 2: PHÂN TÍCH, THIẾT KẾ HỆ THỐNG 4

1 Mô hình nghiệp vụ 4

1.1 Biểu đồ ngữ cảnh của hệ thống 4

1.2 Biểu đồ phân rã chức năng 4

Mô tả chi tiết chức năng nút lá: 5

2 Phân tích mô hình quan niệm 6

2.1 Mô hình luồng dữ liệu mức đỉnh 6

2.2 Mô hình luồng dữ liệu mức dưới đỉnh 7

2.2.1 Quản lý menu 7

2.2.2 Quản lý người dùng 8

2.2.3 Quản lý nhóm tin 8

2.2.4 Quản lý tin 9

2.2.5 Quản lý quảng cáo 10

2.2.6 Thống kê 10

3 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 nó và xác định định danh 11

3.2 Xác định mối quan hệ và 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

1 Chuyển từ mô hình E R sang mô hình quan hệ 13

2 Biểu đồ quan hệ của mô hình dữ liệu 13

3 Cơ sở dữ 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

4 Nhập dữ liệu cho các 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

1 Trang đăng nhập 23

2 Trang chủ quản trị 24

3 Trang quản lý menu 24

4 Trang quản lý tin tức 25

5 Trang chủ view 26

CHƯƠNG 5 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 27

5.1 Kết quả đạt được 27

5.2 Hạn chế của đề 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 4

Hình vẽ 2.2 Mô hình phân rã chức năng 4

Hinh vẽ 2.3 Mô hình mức đỉnh 6

Hình vẽ 2.4 Quản lý menu 7

Hình vẽ 2.5 Mô hình mức dưới đỉnh(người dùng) 8

Hình vẽ 2.6 Quản lý nhóm tin 8

Hình vẽ 2.7 Quản lý tin tức 9

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 các quảng cáo 14

Bảng 3.2: Bảng Advertised chứa thông tin của người đặt quảng cáo 14

Bảng 3.3: Bảng GroupNews chứa thông tin các nhóm tin 15

Bảng 3.4: Bảng menu lưu các thông tin về menu 16

Bảng 3.5: Bảng News chứa thông tin của các tin 16

Bảng 3.6: Bảng User lưu thông tin về người dùng 17

LỜI NÓI ĐẦU

Ngày nay tin học đã phát triển đạt đến mức độ cao, được ứng dụng vào mọi ngành, mọi lĩnh vực của nền kinh tế đất nước góp phần quan trọng làm cho các ngành này phát triển nhanh hơn, hiệu quả hơn Tin học quản lý nhằm nâng cao năng suất và tốc độ xử lý một lượng thông tin lớn, phức tạp để đưa ra thông tin kịp thời và nhanh chóng đáp ứng những yêu cầu đặt ra

Lý do chọn đề tài:

Với sự phát triển mạnh mẽ của Công nghệ thông tin, ngày nay rất nhiều trang web ra đờ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 nào đó Chính

vì vậy cần phải có một trang tin tức để tóm tắt lại nội dung các sự kiện diễn ra

Tên đề tài: “Xây dựng trang web tin tức”

Cấu trúc của chương trình:

Cấu trúc gồm có 5 chương:

- Chương 1: Giới thiệu về chương trình

- Chương 2: Phân tích, thiết kế hệ thống

- Chương 3: Thiết kế cơ sở dữ liệu

- Chương 4: Chương trình

- Chương 5: Kết luận và hướng phát triển

CHƯƠNG 1: GIỚI THIỆU VỀ CHƯƠNG TRÌNH Giới thiệu

Web tin tức là giải pháp tạo lập một trang báo điện tử với khả năng tiếp cận đọc giả toàn cầu và liên tục Khả năng xuất bản thông tin nhanh chóng và tính cập nhật đa dạng Website tin tức bao gồm một hệ thống quản lý nội dung – cho phép biên tập tin tức,

hình ảnh, sắp xếp theo chuyên mục, phân quyền đến từng chức năng biên tập, duyệt tin…

Module quảng cáo

Cho phép quản lý các banner, logo, liên kết trên 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 từng chuyên mục và

số người truy cập từng bài viết, số lượng click vào các quảng cáo Cung cấp báo cáo về những chuyên mục đã được đăng, những hình ảnh được quảng cáo

Công cụ tìm kiếm

Tìm kiếm với những tiêu chí: tiêu đề bài viết, nội dung bài viết, người đăng bài

Ngôn ngữ lập trình và các công nghệ sử dụng

 Sử dụng công nghệ Framework 4.0 với sự hỗ trợ của Visual Studio 2010 kết hợp với hệ quản trị cơ sở dữ liệu SQL 2008

 Sử dụng javascript để tạo slide ảnh của tin ở trang chủ, sử dụng javascript

để hiển thị ảnh trên lưới Repeater trong 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

CHƯƠNG 2: PHÂN TÍCH, THIẾT KẾ HỆ THỐNG

1.2 Biểu đồ phân rã chức năng

Hình vẽ 2.2 Mô hình phân rã chức năng

Mô tả chi tiết chức năng nút lá:

(1.1) Quản lý ngưởi đặt quảng cáo: quản lý thông tin những người đăng ký đặt quảng

cáo trên trang web

(1.2) Quản lý việc đặt quảng cáo: quản lý việc đặt quảng cáo của những đối tác đã đăng

ký đặt quảng cáo Người đăng ký có thể đăng ký đặt quảng cáo tại trang chủ, đặt tại các trang nhóm tin và tại những trang tìm kiếm Với mỗi trang đặt quảng cáo đều có 2 vị trị đặt

(1.3) Quản lý danh mục quảng cáo: quản lý thông tin về các quảng cáo như người đặt

quảng cáo, nội dung quảng cáo, trang đặt quảng cáo, vị trí đặt quảng cáo, thứ tự đặt quảng cáo,

(2.1) Quản lý đăng tin: quản lý việc đăng tin như tin nào được đăng trước, tin nào đăng

sau, tin đăng theo chuyên mục nào, …

(2.2) Quản lý danh mục tin: quản lý danh sách các tin, thông tin các tin,

(3.1) Quản lý danh mục menu: quản lý danh sách các menu, việc ân hiện menu

(3.2) Quản lý việc đặt menu: quản lý việc đặt menu trên web, gồm quản lý xem menu

nào được ẩn, hiên, và vị trí của các menu

(4.1) Quản lý danh mục nhóm tin: quản lý danh sách các nhóm tin và vị trí của các

nhóm tin trên web

(4.2) Phân cấp nhóm tin: vì mỗi nhóm tin có các nhóm tin con nên phải phân cấp nhóm

tin Phân cấp nhóm tin dựa vào thuộc tính level của nhóm tin

(5.1) Tạo người dùng: tạo thêm 1 người dùng, đồng thời phân quyền cho người dùng

đó Việc này chỉ có người quản trị toàn bộ hệ thống mới có quyền

(5.2) Đổi mật khẩu: cho phép những người đăng nhập có thể đổi mật khẩu của họ (5.3) Kiểm tra thông tin đăng nhập: khi người quản trị đăng nhập vào hệ thống thì sẽ

kiểm tra thông tin đăng nhập của họ, đồng thời lưu quyền của họ vào biến Session (6.1) Thống kê tin đã đăng: thống kê các tin đã đăng theo ngày hoặc thống kê tất cả (6.2) Thống kê quảng cáo: thống kê các quảng cáo đã được đặt và số tiền thu được từ

việc đặt quảng cáo

2 Phân tích mô hình quan niệm

2.1 Mô hình luồng dữ liệu mức đỉnh

Hinh vẽ 2.3 Mô hình mức đỉnh

2.2 Mô hình luồng dữ liệu mức dưới đỉnh

2.2.1 Quản lý menu

Hình vẽ 2.4 Quản lý menu

2.2.2 Quản lý người dùng

Hình vẽ 2.5 Mô hình mức dưới đỉnh(người dùng)

2.2.3 Quản lý nhóm tin

Hình vẽ 2.6 Quản lý nhóm tin

2.2.4 Quản lý tin

Hình vẽ 2.7 Quản lý tin tức

2.2.5 Quản lý quảng cáo

Hình vẽ 2.8 Quản lý quảng cáo

2.2.6 Thống kê

Hình vẽ 2.9 Thống kê

3 Mô hình thực thể liên kết E – R

3.1 Xác định thực thể, gán thuộc tính cho nó và xác định định danh

Người đặt quảng cáo: có các thuộc tính

3.2 Xác định mối quan hệ và thuộc tính

3.2.1 Mối quan hệ tương tác

- Động từ: Đặt quảng cáo

Đặt cái gì? Ảnh quảng cáo

Đặt ở vị trí nào? Phụ thuộc vào người đặt

Đặt ở những trang nào? Trang chủ, tìm kiếm, nhóm tin, các tin

- Động từ: Đăng ký

Ai đăng ký? Người muốn đătn quảng cáo?

Đăng ký cái gì? Đặt quảng cáo

3.2.2 Mối quan hệ phụ thuộc

Tin phải thuộc nhóm tin

3.3 Vẽ biểu đồ rút gọn

Hình vẽ 3.10 Mô hình E - R

CHƯƠNG 3: THIẾT KẾ CƠ SỞ DỮ LIỆU

1 Chuyển từ mô hình E R sang mô hình quan hệ

Advertise(ID, AdvertisedId, Name, Image, Width,

Height, Link, Target, Position, GroupNewsId, Click, Ord, Active, Money)

GroupNewsId, Views, UpNews

3 Cơ sở dữ liệu vật lý

3.1 Bảng Advertise

Bảng 3.1: Bảng Advertise để lưu thông tin các quảng cáo

quảng cáo Advertised

Target Nvarchar(50) Kiểu liên kết(_self

hoặc _blank)

Mã nhóm tin, vì đặt quảng cáo theo nhóm tin

cáo

3.2 Bảng Advertised

Bảng 3.2: Bảng Advertised chứa thông tin của người đặt quảng cáo

Tên trường Kiểu dữ liệu Mô tả Bảng liên kết

Nameadv Nvarchar(250) Tên người đặt quảng

cáo

Address Nvarchar(250) Địa chỉ người đặt

Phone Nvarchar(250) Số điện thoại liên hệ

3.3 Bảng GroupNews

Bảng 3.3: Bảng GroupNews chứa thông tin các nhóm tin

chủ hay không?

3.4 Bảng menu

Bảng 3.4: Bảng menu lưu các thông tin về menu

3.5 Bảng News

Bảng 3.5: Bảng News chứa thông tin của các tin

chủ

Views Float Lưu số người đã

xem tin

3.6 Bảng User

Bảng 3.6: Bảng User lưu thông tin về người dùng

hay ko?

4 Nhập dữ liệu cho các form

Các form được thiết kế tương tự nhau, đều gồm các nút thêm, sửa, xóa, refresh

và 2 panel, một panel view(gồm nút thêm mới, xóa, refresh và một lưới gridview

để hiển thị dữ liệu), một panel update(gồm những control nhập dữ liệu, nút ghi lại

và 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 các control nhập dữ liệu

o Ẩn, hiện panel

 Khi người dùng click vào nút sửa:

o Chuyển insert=false

o Lấy được Id của dữ 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

o Đổ dữ liệu lên các control nhập

o Ẩn, hiện panel

 Khi click vào nút ghi lại

o Kiểm tra dữ liệu nhập trên các control, nếu sai thì báo lỗi

o Kiểm tra biến insert( nếu là true thì là thêm mới, nếu là false thì là update)

o Gọi hàm insert hoặc update

o Load lại dữ liệu trên gridview

o Ẩn, hiệ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 dữ liệu theo Id

o Load lại dữ liệu

Trường kiểu liên kết, chọn _self hoặc _blank

4.4 Quản lý tin

Yêu cầu: phải nhập tiêu để tin và người đăng tin

Ngày đăng được lấy mặc định là ngày hiện tại

4.5 Thống kê tin tức

Sau khi chọn tiêu chí thống kê như thống kê tin theo nhóm hoặc theo ngày, hệ thống sẽ thống kế theo các tiêu chí chọn

4.6 Thống kê quảng cáo

Sau khi chọn người đặt quảng cáo, hệ thống sẽ thống kê những quảng cáo theo người đặt, nếu ko chọn người đặt thì hệ thống sẽ thống kê toàn bộ tất cả các quảng cáo

4.7 Quản lý quảng cáo

Yêu cầu: liên kết phải nhập đúng, thứ tự và số tiền phải nhập số

Khi bấm vào nút ghi lại sẽ kiểm tra các thông tin nhập( vị trí, liên kết, thứ tự, số tiền), nếu nhập đúng thì sẽ lưu lại thông tin, sai sẽ thông báo lỗi tạ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 khi nhập xong thông tin, bấm nút ghi lại để lưu thông tin, hệ thống sẽ kiểm tra trường số điện thoại có đúng là số chưa, nếu đúng thì sẽ lưu lại thông tin, nếu sai sẽ thông báo lỗi để nhập lại

CHƯƠNG 4: CHƯƠNG TRÌNH

Dưới đây là một số giao diện trong chương trình:

1 Trang đăng nhập

Hình vẽ 4.1 Trang đăng nhập

2 Trang chủ quản trị

Hình vẽ 4.2 Trang chủ quản trị

3 Trang quản lý menu

Hình vẽ 4.3 Quản lý menu

4 Trang quản lý tin tức

Hình vẽ 4.4 Quản lý tin tức

5 Trang chủ view

Hình vẽ 4.5 Trang chủ hiển thị

CHƯƠNG 5 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN

Sau một thời gian tìm hiểu và nghiên cứu đề tài “Xây dựng trang tin tức online” em đã phát triển và hoàn thành về cơ bản theo đúng những yêu cầu về nội dung và thời gian đã định Trong quá trình nghiên cứu và thực hiện đề tài với quyết tâm cao nhưng do hạn chế

về kinh nghiệm và kiến thức nên đề tài của em chắc chắn sẽ không thể tránh khỏi những thiếu xót Em rất mong nhận được ý kiến đóng góp từ quý thầy cô và các bạn để đề tài được hoàn thiện hơn

5.1 Kết quả đạt được

Hoàn thiện được một số chức năng cơ bản của một trang báo điện tử

Lập trình thành thạo với ASP.NET và hệ quản trị cơ sở dữ liệu Sql 2008