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

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.

TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP HÀ NỘIKHOA: 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

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àncầ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, tinhọ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ựcvă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àmWeb” thì việc có một Website để quảng bá công ty hay một Website cá nhânkhông còn là điều gì xa xỉ nữa Thông qua Website khách hàng có thể tìm kiếmnhữ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 đưanhững thông tin mong muốn của mình lên mạng Internet cho mọi người cùngxem 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ưngchắ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

M C L C ỤC LỤC ỤC LỤC

Nội dung

LỜI NÓI ĐẦU

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

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

1.3 Hoàn thiện website

1.4 Bảng mô tả các yêu cầu chức năng của hệ thống

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

1.6 Bảng cơ sở dữ liệu

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

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:

2.1.2 Phạm vi dự án được ứng dụng

2.1.3 Đối tượng sử dụng

2.2 Yêu cầu giao diện của website

2.2.1 Giao diện người dùng………

2.2.2 Giao diện người quản trị:………

2.3 Phân tích các chức năng của hệ thống

2.4 Biểu đồ phân tích thiết kế hệ thống

2.4.1 Biểu đồ hoạt động……… CHƯƠNG 3: THIẾT KÊ WEBSITE TIN TỨC

1

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

I

1 Đăng nhập

Admin đăng nhập vào hệ thống

Admin thoát khỏi hệ thống

2 Xem tin

Người dùng xem tin tức tại trang web

Admin xem tin tức tại trang web

3 Người dùng

Gửi thông tin phản hồi lên trang web

4 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

5 Danh mục

admin thêm mới danh mục

admin xóa danh mục

6 Liên hệ

admin sửa thông tin liên hệ

admin xóa thông tin liên hệ

1

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

1

DateCreate date

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

- 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

Hình 1 Biểu đồ Use Case

1

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 đó rakhỏ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

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

1

 Xoá User

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

1

 Thêm tin tức

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

1

 Sửa tin tức

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

1

 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

<asp:Content ID="Content1"

ContentPlaceHolderID="main_body" Runat="Server">

<asp:DataList ID="DataList1" runat="server"

DataKeyField="Title" RepeatColumns="3" Width="1280px"

>

<ItemTemplate>

<table class="myBox">

<h3 style=" text-decoration:none ;

<asp:Literal ID="Literal1" runat="server"

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

Xuly xl = new Xuly();

public void HienThi()

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" %>

<asp:Content ID="Content1"

ContentPlaceHolderID="main_body" Runat="Server">

<asp:DataList ID="DataList1" runat="server"

DataKeyField="Title" RepeatColumns="3" Width="1280px"

>

<ItemTemplate>

<table class="myBox">

<h3 style=" text-decoration:none ;

ToolTip="Xem chi tiếEt "

Height="70px" /> </td>

<td class="name" style="width: 250px ;text-align:justify" >

<asp:Literal ID="Literal1" runat="server"

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

Xuly xl = new Xuly();

protected void Page_Load(object sender, EventArgs

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

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

<%@ Page Title="" Language="C#"

MasterPageFile="~/Page/MasterPage.master"

AutoEventWireup="true" CodeFile="DetailNews.aspx.cs"

Inherits="Page_DetailNews" %>

<asp:Content ID="Content1"

ContentPlaceHolderID="main_body" Runat="Server">

<form id="form1" runat="server">

<asp:DataList ID="DataList1" runat="server" DataKeyField="Title" RepeatColumns="1" Width="1280px" > <ItemTemplate> <table> <caption> <h1 style=" text-decoration:none ;text-align:center;"> <asp:Label runat="server" Text='< %# Eval("Title") %>'></asp:Label> </h1> <tr> <td style="width: 1000px ; text-align:center"> <asp:Image ID="Image1" runat="server" ImageUrl='<%# Eval("Img") %>' ToolTip="Xem chi tiếEt " Width="1280px" /> </td> <br /> </tr> <tr style="font-size:15px"> <td class="name" style=" text-align:justify"> <asp:Literal ID="Literal1" runat="server" Text='<%# Eval("Mota") %>'></asp:Literal> </td> </tr> </caption>

</table>

1

Xuly xl = new Xuly();

protected void Page_Load(object sender, EventArgs

<%@ Page Title="" Language="C#"

MasterPageFile="~/Page/MasterPage.master"

AutoEventWireup="true" CodeFile="Login.aspx.cs"

Inherits="Page_Login" %>

<asp:Content ID="Content1"

ContentPlaceHolderID="main_body" Runat="Server">

<form id="frm" runat="server">

<table align="center" width="200px">

<asp:TextBox runat="server" ID="txtUserName"

Width="98%"></asp:TextBox> <br />

Password:

<asp:TextBox runat="server" ID="txtPassword"

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

</td>

</tr>

<tr>

<td align="center">

<asp:ImageButton ID="cmdLogin" runat="server"

Height="33px" ImageAlign="Middle"

Hình 7: Trang quản trị

Thực hiện quyền quản trị thêm, xóa , sửa tin tức

<%@ Page Title="" Language="C#"

MasterPageFile="~/Page/MasterPage.master"

AutoEventWireup="true" CodeFile="Quantri.aspx.cs"

Inherits="Page_Quantri" %>

<asp:Content ID="Content1"

ContentPlaceHolderID="main_body" Runat="Server">

<form id="frm" runat="server">

<table border="1px" cellpadding="0" cellspacing="0"

style="width: 100%; height: 800px; font-weight:bold;

font-size:medium ">

<tr style="width:500px">

<td style="width: 187px; height: 14px;">

<asp:Label ID="Label1" runat="server" Text="Tiếu đếY"></asp:Label></td>

<td style="width: 604px; height: 14px;">

<asp:TextBox ID="txtTieude" runat="server"

Width="324px" Height="37px"></asp:TextBox></td></tr> <tr>

1

<td style="height: 59px" >

Mô ta[:</td>

<td style="height: 59px" >

<asp:TextBox ID="txtNoidung"

runat="server" TextMode="MultiLine" Width="352px"

Font-Bold="True"

Font-Names="Times New Roman"

Font-Size="Medium" Rows="7"

Height="109px"></asp:TextBox>

runat="server" Width="314px" Height="35px"

Font-Bold="True"

Font-Names="Times New Roman" Font-Size="Medium" />

Font-Names="Times New Roman"

Font-Size="Medium" Width="369px"></asp:TextBox>

<asp:Button ID="btnThem"

runat="server" onclick="btnThem_Click" Text="Thếm" Width="77px" />

&nbsp;&nbsp;

<asp:Button ID="btnXoa"

runat="server" Text="Xóa" Width="77px"

onclick="btnXoa_Click" />

&nbsp;

<asp:Button ID="btnSua"

runat="server" Text="Sử[a" Width="77px"

onclick="btnSua_Click" />

&nbsp;

<asp:Button ID="btnGhi"

runat="server" Text="Ghi" Width="77px"

onclick="btnGhi_Click" />

&nbsp;

<asp:Button ID="btnKhong"

runat="server" Text="Hu[y" Width="77px"

onclick="btnKhong_Click" />

&nbsp;<br />

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp

;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<asp:Label ID="lblThongbao"

runat="server" Text="Label"></asp:Label>

<asp:Button ID="btnKo" runat="server"

Text="Không" Width="77px"

onclick="btnKo_Click" />

</td>

</tr>

1

string sLoai = Droploai.SelectedValue; string sAnh = FileUploadAnh.FileName;

Xuly xl = new Xuly(txtTieude.Text, sAnh, txtNoidung.Text, sLoai, txttom.Text);

int dong = GridView1.SelectedIndex;

Xuly xl = new Xuly();

DataTable dt = new DataTable();

dt = xl.Hien();

txtTieude.Text = dt.Rows[dong][0].ToString(); txtNoidung.Text = dt.Rows[dong]

btnXoa.Enabled = false;

btnSua.Enabled = false;

}

}

Code trang master page

<%@ Master Language="C#" AutoEventWireup="true"

<li><a href="News.aspx">Trang chu[</a></li>

<li><a href="Loaitin.aspx?Loai=1">Kinh tếE</

<asp:ContentPlaceHolder ID="main_body"

runat="server">

Nội dung tin ở[

đây</asp:ContentPlaceHolder>

public DataTable Bang(string sql)

{

SqlConnection con = KetNoi(); con.Open(); SqlDataAdapter ad = new SqlDataAdapter(sql, con);

DataTable dt = new DataTable();

sqlUpdate.ExecuteNonQuery();

1

string _tit, _des, _pt, _m, _l;

public string loai

{ get { return _l; } set { _l = value; } } public string title

{ get { return _tit; } set { _tit = value; } } public string description

{ get { return _des; } set { _des = value; } } public string ta

{ get { return _m; } set { _m = value; } } public string photo

{ get { return _pt; } set { _pt = value; } }

string sql = "INSERT INTO

News(Title,Img,Mota,Loai,MT) VALUES(N'" + title +

1

"',Mota=N'" + description + "',Loai='" + loai +

"',MT=N'" + ta + "' where Title=N'" + tit + "'"; dl.CapNhat(sql);

#menu ul li

{

list-style-type:none; float:left;

width:1280px;

margin:auto;

background-color:#99FF00; text-align:center;