BÁO CÁO THỰC TẬP TỐT NGHIỆP: Xây dựng website tin tức

TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP HÀ NỘI
KHOA: CÔNG NGHỆ THÔNG TIN
š&›

BÁO CÁO THỰC TẬP
TỐT NGHIỆP
Đề tài: Xây dựng website tin tức

Giáo viên hướng dẫn: Ths.Nguyễn Thái Cường
Sinh viên thực hiện: Đặng Văn Thanh – Nguyễn Phi Hùng
Lớp: Tin1 – K15

Hà Nội - 2016
1

1


LỜI NÓI ĐẦU
Với sự phát triển nhảy vọt của công nghệ thông tin hiện nay, Internet ngày
càng giữ vai trò quan trọng trong các lĩnh vực khoa học kĩ thuật và đời sống. Dĩ
nhiên các bạn đã được nghe nói nhiều về Internet, nói một cách đơn giản,
Internet là một tập hợp máy tính nối kết với nhau, là một mạng máy tính toàn
cầu mà bất kì ai cũng có thể kết nối bằng máy PC của họ. Với mạng Internet, tin
học thật sự tạo nên một cuộc cách mạng trao đổi thông tin trong mọi lĩnh vực
văn hóa, xã hội, chính trị, kinh tế...
Trong thời đại ngày nay, thời đại mà “người người làm Web, nhà nhà làm
Web” thì việc có một Website để quảng bá công ty hay một Website cá nhân
không còn là điều gì xa xỉ nữa. Thông qua Website khách hàng có thể tìm kiếm
những thông tin mà mình cần một cách nhanh chóng và hiệu quả.
Với công nghệ Word Wide Web, hay còn gọi là Web sẽ giúp bạn đưa

những thông tin mong muốn của mình lên mạng Internet cho mọi người cùng
xem một cách dễ dàng với các công cụ và những ngôn ngữ lập trình khác nhau.
Sự ra đời của các ngôn ngữ lập trình cho phép chúng ta xây dựng các trang Web
đáp ứng được các yêu cầu của người sử dụng.
Tuy nhiên, do thời gian hạn hẹp, mặc dù đã nỗ lực hết sức mình nhưng
chắc rằng đồ án khó tránh khỏi thiếu sót. Em rất mong nhận được sự thông cảm,
những lời góp ý và chỉ bảo tận tình của quý Thầy Cô.

1

2


MỤC LỤC
Nội dung

1

3


CHƯƠNG 1. KẾ HOẠCH PHÁT TRIỂN
1.1 Thiết kế giao diện
•

Có thể lựa chọn các mẫu thiết kế trong thư viện theo nhiều lĩnh vực khác
nhau

•

Dựa theo tông màu của Logo

•

Dựa theo yêu cầu về ý nghĩa website cần thể hiện

•

Dựa theo lĩnh vực của website

1.2 Xây dựng tính năng chính của website
•

Xây dựng các tính năng chính và cơ bản của website theo yêu cầu đã
được thống nhất

•

Kiểm tra các tính năng đã xây dựng và yêu cầu chỉnh sửa nếu cần

1.3 Hoàn thiện website
•

Hoàn thiện các tính năng chi tiết của website, cập nhật nội dung cơ bản

•

Nghiệm thu sản phẩm

•

Bàn giao sourcode

1.4 Bảng mô tả các yêu cầu chức năng của hệ thống
TT
I
1
2
3
4

5

MÔ TẢ YÊU CẦU
Đăng nhập
Admin đăng nhập vào hệ thống
Admin thoát khỏi hệ thống
Xem tin
Người dùng xem tin tức tại trang web
Admin xem tin tức tại trang web
Người dùng
Gửi thông tin phản hồi lên trang web
Quản lí bài viết
admin thêm mới bài viết
admin xóa bài viết
admin sửa bài viết
Danh mục
1

4

6

admin thêm mới danh mục
admin xóa danh mục
Liên hệ
admin sửa thông tin liên hệ
admin xóa thông tin liên hệ

1.5 Cây phân rã các chức năng của hệ thống

1

5


1.6 Bảng cơ sở dữ liệu
aboutus
IdAu(pk)
int(11)
Name
varchar(50)
Description text
active
int(11)

category
IdCat(pk) int(11)
Name

varchar(255)
news
IdNews(pk)
int(11)
Name
text
Description
text
Picture
varchar(255)
DateCreat
date
Detail
text
IdCat
int(11)
CreateBy
int(11)
users
IdUser
int(11)
username
varchar(50)
password
varchar(50)
FullName
varchar(50)
Address
varchar(255)
Phone

int(11)

contact
IdContact(pk
)
int(11)
FullName
varchar(50)
Email
varchar(50)
Phone
int(11)
Website
varchar(255)
Content
text
DateCreate
date

1.7. Sơ đồ thực thể liên kết

1

6


CHƯƠNG 2. XÂY DỰNG ỨNG DỤNG THỰC TẾ
2.1. Phân tích yêu cầu đề tài
2.1.1. Tóm tắt hoạt động của hệ thống mà dự án sẽ được ứng dụng:
- Là một Website chuyên cung cấp thông tin về bóng đá.

- Là một Website động, các thông tin được cập nhật theo định kỳ.
1

7


- Người dùng truy cập vào Website có thể xem, gửi phản hồi lên website
2.1.2. Phạm vi dự án được ứng dụng
- Dành cho mọi đối tượng có nhu cầu.
2.1.3. Đối tượng sử dụng
Có 2 đối tượng sử dụng cơ bản là người dùng và nhà quản trị:
* Người dùng: Qua Website, độc giả có thể xem thông tin mà mình yêu
thích
* Nhà quản trị: Nhà quản trị có toàn quyền sử dụng và cập nhật tin tức
2.2 Yêu cầu giao diện của website
2.2.1. Giao diện người dùng
Phải có một giao diện thân thiện dễ sử dụng:
 Màu sắc hài hoà làm nổi bật hình ảnh của bài viết, font chữ thống nhất,
tiện lợi khi sử dụng.
 Giới thiệu những thông tin về website: Địa chỉ liên hệ ,số điện thoại liên
hệ, email liên hệ.
 Nội dung trang web: bài viết mới nhất

2.2.2. Giao diện người quản trị:
- Giao diện đơn giản, dễ quản lý dữ liệu.
- Phải được bảo vệ bằng User & Password riêng của Admin.
2.3. Phân tích các chức năng của hệ thống
Các tác nhân của hệ thống gồm có:

Customer

Administrator

 Administrator: là thành viên quản trị của hệ thống, có các quyền và chức
năng như: tạo các tài khoản, quản lý tin tức, quản trị người dùng, …
1
8


 Customer: xem thông tin tại trang web, gửi thông tin liên hệ.

Hình 1. Biểu đồ Use Case
1

9


Các chức năng quản lý tin tức
• Chức năng xoá tin tức:
+ Description: Giúp Admin có thể xóa tin tức ra khỏi CSDL.
+ Input: Chọn tin cần xóa.
+ Output: Load lại danh sách tin để biết được đã xoá thành công tin đó ra
khỏi CSDL
Các chức năng quản trị người dùng
• Chức năng xoá với người dùng:
+ Description: Giúp Admin có thể xoá người dùng.
+ Input: Tìm User cần xoá và chọn biểu tượng xoá .
+ Process: Xoá User ra khỏi CSDL
+ Output: Load lại danh sách người dùng để xem thông tin vừa thay đổi.

2.4. Biểu đồ phân tích thiết kế hệ thống
2.4.1. Biểu đồ hoạt động
 Đăng nhập

1

10


Hình 2. Biểu đồ hoạt động đăng nhập vào hệ thống

1

11


 Đăng xuất

Hình 3. Biểu đổ hoạt động thoát ra khỏi hệ thống

1

12




Xoá User

Hình 4. Biểu đồ chức năng xoá user

1

13




Thêm tin tức

Hình 5. Biểu đồ chức năng thêm tin tức

1

14


 Sửa tin tức

Hình 6. Biểu đồ chức năng sửa tin tức

1

15




Xoá tin tức

Hình 7. Biểu đồ chức năng xoá tin tức

CHƯƠNG 3: THIẾT KÊ WEBSITE TIN TỨC
1

16


Hình 1: Trang chủ
Trang chủ hiển thị tất cả tin tức
Code:
<%@ Page Title="" Language="C#"
MasterPageFile="~/Page/MasterPage.master"
AutoEventWireup="true" CodeFile="Home.aspx.cs"
Inherits="Page_Home" %>
ContentPlaceHolderID="main_body" Runat="Server">
DataKeyField="Title" RepeatColumns="3" Width="1280px" >
<ItemTemplate>
<table class="myBox">

runat="server"
NavigateUrl='<%# "DetailNews.aspx?
Title=" + Eval("Title").ToString() %>'
Text='<%# Eval("Title") %>'
ToolTip="Xem chi tiết..." >
</asp:HyperLink>

<tr>
<td style="width: 100px">
1

17


ImageUrl='<%# Eval("Img") %>'
ToolTip="Xem chi tiết..."
Height="70px" /> </td>

Text='<%# Eval("MT") %>' ></asp:Literal>
</td>
</tr>

</table>
</ItemTemplate>
</asp:DataList>
</asp:Content>
using
using
using
using
using
using

System;

System.Collections.Generic;
System.Linq;
System.Web;
System.Web.UI;
System.Web.UI.WebControls;

public partial class Page_Home : System.Web.UI.Page
{
Xuly xl = new Xuly();
public void HienThi()
{
DataList1.DataSource = xl.Hien();
DataList1.DataBind();
}
protected void Page_Load(object sender, EventArgs e)
{
HienThi();
}
}

1

18


Hình 2: Trang kinh tế
Hiển thị các tin tức kinh tế
<%@ Page Title="" Language="C#"
MasterPageFile="~/Page/MasterPage.master"
AutoEventWireup="true" CodeFile="Loaitin.aspx.cs"

Inherits="Page_Loaitin" %>
ContentPlaceHolderID="main_body" Runat="Server">
DataKeyField="Title" RepeatColumns="3" Width="1280px" >
<ItemTemplate>
<table class="myBox">

runat="server"
NavigateUrl='<%# "DetailNews.aspx?
Title=" + Eval("Title").ToString() %>'
Text='<%# Eval("Title") %>'
ToolTip="Xem chi tiết..." >
</asp:HyperLink>

<tr>
<td style="width: 110px">
ImageUrl='<%# Eval("Img") %>'
ToolTip="Xem chi tiết..."
Height="70px" /> </td>
1

19

Text='<%# Eval("MT") %>' ></asp:Literal>
</td>
</tr>

</table>
</ItemTemplate>
</asp:DataList>
</asp:Content>
using
using
using
using
using
using

System;
System.Collections.Generic;
System.Linq;
System.Web;
System.Web.UI;
System.Web.UI.WebControls;

public partial class Page_Loaitin : System.Web.UI.Page
{
Xuly xl = new Xuly();
protected void Page_Load(object sender, EventArgs e)
{
string ID =
Request.QueryString["Loai"].ToString();
DataList1.DataSource = xl.Theoloai(ID); ;

DataList1.DataBind();
}
}

1

20


Hình 3: Trang văn hóa hiển thị tin tức văn hóa

Hình 4: Trang xã hội hiển thị tin tức xã hội

1

21


Hình 5.1. Trang hiển thị chi tiết tin tức

Hình 5.2: Hiển thị chi tiết tin tức (tiếp)
1

22


<%@ Page Title="" Language="C#"
MasterPageFile="~/Page/MasterPage.master"
AutoEventWireup="true" CodeFile="DetailNews.aspx.cs"
Inherits="Page_DetailNews" %>

ContentPlaceHolderID="main_body" Runat="Server">
<form id="form1" runat="server">
DataKeyField="Title" RepeatColumns="1" Width="1280px" >
<ItemTemplate>
<table>
<caption>

</asp:Label>

<tr>
<td style="width: 1000px ;textalign:center">
runat="server"
ImageUrl='<%# Eval("Img") %>'
ToolTip="Xem chi tiết..." Width="1280px" />
</td>


</tr>
<tr style="font-size:15px">
<td class="name" style="textalign:justify">
runat="server" Text='<%# Eval("Mota") %>'></asp:Literal>
</td>
</tr>
</caption>

</table>
</ItemTemplate>
1

23


</asp:DataList>
</form>
</asp:Content>
using
using
using
using
using
using

System;
System.Collections.Generic;
System.Linq;
System.Web;
System.Web.UI;
System.Web.UI.WebControls;

public partial class Page_DetailNews : System.Web.UI.Page
{
Xuly xl = new Xuly();
protected void Page_Load(object sender, EventArgs e)
{
string ID =

Request.QueryString["Title"].ToString();
DataList1.DataSource = xl.HienCT(ID);
DataList1.DataBind();
}
}

Hình 6: Trang đăng nhập vào trang quản trị
Tên:Dangthanh MK 12345678
<%@ Page Title="" Language="C#"
MasterPageFile="~/Page/MasterPage.master"
1

24


AutoEventWireup="true" CodeFile="Login.aspx.cs"
Inherits="Page_Login" %>
ContentPlaceHolderID="main_body" Runat="Server">
<form id="frm" runat="server">
<table align="center" width="200px">
<tr>
style="background-color:#66FF33; color:#FF0000;
font-weight:bold">
Đăng nhập
</td>
</tr>
<tr>
<td>

User name:
Width="98%"></asp:TextBox>

Password:
TextMode="Password" Width="97%"></asp:TextBox>

</td>
</tr>
<tr>
<td align="center">
Height="33px" ImageAlign="Middle"
ImageUrl="~/images/Login.png"
onclick="cmdLogin_Click1" Width="77px" />
</td>
</tr>
</table>
</form>
</asp:Content>
using
using
using
using
using
using

System;
System.Collections.Generic;

System.Linq;
System.Web;
System.Web.UI;
System.Web.UI.WebControls;

public partial class Page_Login : System.Web.UI.Page
1

25