Xây dựng website giới thiệu n¬ớc lào

Đại học vinh
khoa công nghệ thông tin
--- ---

Đề tài:

Xây dựng website Giới thiệu nớc Lào

Đồ án tốt nghiệp nghành kü s CNTT

1


Lời nói đầu
Trong su thế toàn cầu hóa hiện nay máy tính và các
hệ thống mạng thông tin ngày càng đợc sử dụng rộng rÃi.
Hầu hết mọi lĩnh vực trong đời sống xà hội đều chịu tác
động to lớn của nghành công nghệ thông tin. Website là
một phần quan trọng của lĩnh vực này. Ngày càng có
nhiều Website ra đời và vai trò của nó trong đời sống
của xà hội là không thể thiếu. Thông tin trên các trang
web rất đa dạng và phong phú, nội dung cập nhật liên
tục nhanh nhất, hiệu quả nhất.
Từ khi website ra đời nó đà mang đến cho con ngời
biết bao nhiêu là kiến thức, giúp con ngời hiểu biết thêm nhiều
về các mặt của đời sống. Website còn là nơI giao lu chia sẽ
thông tin giữa ngời này với ngời kia giữa những nhóm ngời với
nhau, khi trao đổi thông tin qua website thì hiệu quả hơn
nhiều vì có đợc sự góp ý của nhiều ngời.
Chúng ta có thể ngồi một nơI mà biết đợc bao nhiêu là tin
tức của xà hội từ mọi nơI trên tráI đất mà không phảI tốn nhiều

chi phí. Website còn là nơI quảng bá hình ảnh một cách hiệu
quả nhất về đất nớc, con ngời, du lịch, thể thao, giảI trí
Đề tài thiết kế website giới thiệu về nớc Lào đợc viết bằng
công nghệ ASP.NET cũng không nằm ngoài mục đích là giới
thiệu hình ảnh đất nớc và con ngời Lào đến với đông đảo mọi
ngời từ đó thêm thắt chặt tình đoàn kết Việt Nam-Lào anh
em.
Đề tài đợc hoàn thành vào tháng 05 năm 2009. chúng em
xin chân thành cảm ơn sự tận tình giúp đỡ của Thạc sỹ: Trần
Thị Kim Oanh cùng các thầy cô giáo trong khoa CNTT, các bạn
trong lớp 45k Tin đà động viên, giúp đỡ và tạo mọi điều kiện
thuận lợi nhất để chúng em có thể hoàn thành đề tài của
mình.
Vì khả năng và thời gian còn hạn chế nên quá trình thiết
kế website còn cha đợc tối u và không thể tránh khỏi những
thiếu sót. Do đó sự góp ý bổ sung của các thầy cô và bạn bè là
rất quý báu với chúng em.

2


Vinh ngày 07 tháng 05 năm
2009
Sinh viên thực tập:
Nguyễn Anh TuÊn - Sucsavat
Khunnhotha

Néi dung trang web gåm cã 7 ch¬ng:
- Chơng 1: Giới thiệu tổng quan về để tài thiết kế web giới
thiệu đất nớc và con ngời Lào.

- Chơng 2: Hệ thống tổ chức và đặc tả yêu cầu
- Chơng 3: Phân tích và thiết kế cơ sở dữ liệu
- Chơng 4: Giới thiệu các công cụ hổ trợ thiêt kế Web
- Chơng 5: Lập trìnhCSDL và xử lý các chức năng
- Chơng 6: Thiết kế giao diện website
- Chơng 7: Cài đặt và thử nghiệm
- Chơng 8: Đánh giá và kết luận

3


Chơng 1: Giới thiệu tổng quan về đề
tài
I Lý do chọn đề tài
Việt Nam và Lào là hai nớc láng giếng từ lâu đà có mối
quan hệ nh anh em trong một nhà nh qua câu hát Việt-Lào
hai nớc chúng ta, tình xâu hơn nớc Hồng Hà, Cữu Long. Hai
đất nớc sông liền sông, nuối liền núi, trÃI qua bao thé hệ lÃnh
đạo và nhân dân hai nớc đà không chỉ giữ đợc mối quan hệ
anh em bạn bè mà còn ngày càng đa mối quan hệ đó lên một
tầm cao mới, trong thời đại mới.
Cũng trong su thế héi nhËp cđa qc tÕ, ViƯt Nam ®· më
réng cưa đón chào các sinh viên trên khắp thế giới đến để học
tập và nghiên cứu, trong số đó cũng có nhứng ngời bạn Lào anh
em. Đại học Vinh là Trờng Đại học lớn trong cả nớc và số lợng sinh
viên Lào đến đây theo học cũng không nhỏ và ngày càng có
nhiều sinh viên đến đây theo học. Trong su thế phát triển mới
của thế giới thì việc giao lu tìm hiểu nền văn hóa của các nớc
là một việc làm cần thiết. Internet ra đời từ lâu cùng với sự ra
đời của nó mà hàng loạt các chơng trình cũng đà xuất hiện

tiêu biểu trong đó là nhng trang web, website là nơI chia sẻ,
trao đổ thông tin một cách hiện đại nó vừa đa dạng vừa nhanh
trong quá trình cập nhật thông tin.
Cũng với mục đích tìm hiểu về nền văn hóa của các nớc
trên thế giới, là một sinh viên khoa công nghệ thông tin và nhóm
làm đồ án của chúng em vừa có sinh viên Việt Nam vừa có sinh
viên Lào nên chúng em nghĩ mình nên tận dụng kiến thức đÃ
4


häc ®Ĩ thiÕt kÕ mét trang web giíi thiƯu vỊ đất nớc Lào với
mục đích giới thiệu hình ảnh con ngời và đất nớc Lào đến với
mọi ngời, để ngời VIệt Nam biết đến nền văn hóa của nớc bạn
Lào và những ngời Lào biết rõ hơn về đất nớc mình để thêm
yêu tổ quốc mình hơn.

II Giới thiệu về đề tài
Đề tài thiết kế web giới thiệu về đất nớc Lào đợc viết bằng
công nghệ ASP.net ngôn ngứ C# cở sở dữ liệu sử dụng công cụ
Microsoft SQL 2005Expres tất cả nằm trong phần mềm
Microsoft Visual Web Developer 2008 Express Edition của hảng
Microsoft.
Để tạo cho website sinh động về mặt giao diện chúng em
đà sử dụng các công cụ thiết kế nh Photoshop, Flash và sử dụng
CSS để định dạng văn bản.
Để sử lý một số chức năng làm cho website thêm đa dạng
và phong phú chúng em đà đa vào ứng dụng đề tài của mình
ngôn ngữ JavaScript.
Để hổ trợ cho công việc lập trình đồ án ®· sư dơng ®Õn
c«ng nghƯ Ajax mét c«ng nghƯ hiƯn đại. Dữ liệu đợc thiết kế

và lu trữ trong SQL2005 có sẳn trong phần mềm
VisualStudio2008.
Chức năng của Website giới thiệu nớc Lào đợc chia thành hai
phần:
- Phần Ngời quản trị(Administrator) gåm c¸c nhiƯm vơ:
5


+ ThiÕt kÕ giao diƯn.
+ LËp tr×nh giao diƯn hiĨn thị dữ liệu và các chức năng.
+ Tạo và Quản lý CSDL.
+
+
+
+
+
+

Phần ngời Dùng gồm các chức năng sau:
lựa chọn ngôn ngữ để duyệt tin.
Duyệt tin.
Nhận Xét, góp ý.
Tìm kiếm.
Liên hệ.
Tải dữ liệu: ảnh , nhạc hình, nhạc tiếng, âm nhạc.

Trang web giới thiệu về đất nớc Lào mà chúng em xây
dựng có nội dung chính là giới thiệu với mọi ngời về các mặt
văn hóa, xà hội, các địa điểm du lịch, con ngời và cuộc sông
nơI đây.

la trang da ngon ngu gom 2 thu tieng Vietnam va Lao nên
rất thuật lợi cho những ai muốn duyệt web.
Website sẽ đem đến cho bạn xem một cái nhìn tổng
quan và sinh động về đất nớc Lào thông qua những bài viết
những hình ảnh, các ca khúc nhạc tiếng , nhạc hình, âm nhạc.

III Các bớc thực hiện đề tài
1. Chuẩn bị:
- Lập đề cơng chi tiết cho đồ án.
- Nghiên cứu, tham khảo các tài liệu về:
+ Microsoft Visual Web Developer 2008 Express Edition
+ Sql Server 2005 Express.
+ Photoshop
+ Flash
+ Các cơ chế mà hóa thông tin trên cơ së dù liƯu.
+ C«ng nghƯ Asp.net - Ajax
+ Ng«n ngư định dạng văn bản cho Web là CSS.
+ JavaScript.
- Tìm hiểu các cơ chế tổ chức, và cách thức thực hiện website
giới thiệu nớc Lào.
- Tìm hiểu, tổng hợp thông tin, chn bÞ néi dung cho trang
web néi.

2 .Thùc hiƯn:
6


- Xây dựng sơ đồ chức năng tơng tác giữa các trang trong
trang Web.
- Xây dựng cơ sở dữ liệu và mô hình quan hệ dữ liệu.

- Thiết kế giao diện cho Website.
- Lập trình hiển thị nội dụng website.
- phân quyền cho ngời quản trị và ngời dùng
- Tạo trang quản trị để cập nhật nội dung đậu cho webstite.
- MÃ hóa thông tin đối với những thông tin nhạy cảm.
- Tạo trang web có thể hiển thị hai ngôn ngữ Việt Nam và Lào
- Tạo các trang hiển thị cơ bản.

3. Hoàn tất:
- Kiểm tra tính chính xác của việc lập trình hiển thị nội dung
Website.
- Kiểm tra việc tìm kiếm thông tin.
- Kiểm tra việc thực hiện cập nhật động.
- Kiểm tra phân quyền ngời quản trị.
- Kiểm tra tính an toàn và toàn vẹn thông tin.
- Kiểm tra tính toàn diện của website.

Chơng 2: Hệ thống tổ chức và đặc tả
yêu cầu:
I- Môhìnhdữ liệu:
II- Đặc tả yêu cầu:
1-Yêu cầu đối với ngời quản trị Admin:
- Đăng nhập hệ thông để quản trị website.
- Quản trị nội dung của website.
- Bảo đảm sự đứng đắn của thông tin.
- Thiết kế giao diện.
- Giải đáp thắc măc cũng nh lắng nghe ý kiến phản hồi
của độc giả.

2-Yêu cầu đối với ngời sử dụng- User:

-

Duyệt tin theo ngôn ngữ mà mình lựa chọn
Liên hệ với ngời quản trị để biết thêm thông tin.
Nhận xét bài viết hay vấn đề gì liên quan đến tin.
Tìm kiếm thông tin trong trang web.
7


- Download th viện ảnh và các bài hát.
- Xem trợ giúp để dể sử dụng.
- Xem quảng cáo.
- Xem các thông tin cần thiết.
- Chuyển nhanh đến các website khác bằng liên kêt
website.

Chơng 3: Phân tích và thiết kế CSDL:
I-

Trình bày nội dung phân tích:

1. Nội dung phân tích
Trang web giíi thiƯu níc Lµo lµ mét trang web mang
tÝnh chất tin tức nên cơ sở dữ liệu chủ yếu là dới dạng
text và hình ảnh đợc lu trữ trong Cơ sở dữ liệu
SQL2005.
Th viện tài nguyên gồm hình ảnh, nhạc hình, nhạc
tiếng chúng đợc lu trữ trong các th mục của website và
đợc lu trữ trong cơ sở dữ liệu dời dạng đờng dẫn.

2. Sơ đồ quan hệ:

8


II-

Thiết Kế cơ sở dữ liệu:

Bảng tblMainMenu (Bảng Menu cha):
khóa

trờng

Diễn giải

Kiểu

null

khóa

M_id
M_Name

ID Menu cha
Tên Menu cha

not
not

M_Status
M_File

Trạng thái
Tên File

M_Order

Thứ tự SX

Int
nvarchar(50
)
Int
nvarchar(50
)
Int

9

not
not


Bảng tblSubMenu (Bảng Menu con):
khóa

trờng

Diễn giải

Kiểu

null

khóa

S_id
M_id
S_Name

ID Menu con
ID Menu cha
Tên Menu con

not
not
not

S_Status
S_File

Trạng thái
Tên File

S_Order

Thứ tự SX

Int
Int
nvarchar(50
)
Int
nvarchar(50
)
Int

not
not

Bảng tblContent (Bảng nội dung):
khóa

trờng

Diễn giải

Kiểu

null

khóa

ContentIdD
M_id
S_id
Subject

ID nội dung
ID Menu cha
ID Menu con
Tiêu đề

not
not
not
not

Abstract

Tóm Tắt

Contents
ImageUrl

nội dung
URL hình ảnh

Int
int
int
nvarchar(40
0)
nvarchar(10
00)
ntext
nvarchar(10
0)

int
int
datetime

C_View
số lần xem
C_Status
Trạng thái
C_Datetime ngày đăng

not
not

not
not

Bảng tblLink (Bảng Liên kết):
khóa

trờng

Diễn giải

Kiểu

null

khóa

LinkId

Title

ID liên kết
Tiêu đề

not
not

Url

Đờng dẫn liên kết

int
nvarchar(50
)
nvarchar(50
)

Bảng tblttcb (Bảng thông tin cần biết ):
10

not


khóa

trờng

Diễn giải

khóa

ID_ttcb
Name_ttcb

ID thông tin cấn biết Int
Tên thông tin cần Nvarchar(50)
biết
Đờng dẫn ảnh
Nvarchar(50)

ImageURL_tt
cb

Kiểu

null
not
not
not

Bảng tblSubttcb (Bảng nội dung chính thông tin cần
biêt):
khóa

trờng

Diễn giải

Kiểu

null

khóa

SubId_ttcb
ID_ttcb

MÃ thông tin chi tiết
MÃ thông tin cần
biết
ID Menu con
ngày đăng
Tiêu đề thông tin
cần biết
Nội dung thông tin
cần biêt
Đờng dẫn ảnh

Int
int

not
not

int
datetime
Nvarchar(50)

not

Not
Not

Ntext

Not

S_id
Date_ttcb
Title_ttcb
Contents_ttcb
ImagesURL

Nvarchar(50

Bảng tblImages (Bảng Hình ảnh):
khóa

trờng

khóa

PhotoId
ID ảnh
NamePhoto Tên ảnh
Url

Diễn giải

Đờng dẫn

Kiểu

null

int
nvarchar(50
)
nvarchar(50
)

not
not

Kiểu

null

int
nvarchar(50
)
nvarchar(50

not
not

not

Bảng tblAdver (Bảng Quảng cáo):
khóa

trờng

khóa

PhotoId
ID ảnh
NamePhoto Tên ảnh
Url

Diễn giải

Đờng dẫn

11

not


)

Bảng tblIntroduce (Bảng Giới thiệu):
khóa

trờng

Diễn giải

Kiểu

null

khóa

IntroID
Photo

ID Giới thiệu
tên ảnh

not
not

Content

Đờng dẫn

int
nvarchar(50
)
nvarchar(50
)

not

Bảng tblIComment (B¶ng NhËn xÐt):
khãa

trêng

DiƠn gi¶i

KiĨu

null

khãa

CommentI
D
PostID

ID NhËn xÐt

Int

not

E_mail
Subject
Contents

chØ sè m· nhËn Int
xét
địa chỉ E_mail
nvarchar(50)
Tiêu đề
nvarchar(35
0)
Đờng dẫn

Ntext

not
not
not
not

Bảng tblContact (Bảng liên hệ):
khóa

trờng

Diễn giải

Kiểu

null

khóa

ContactID
FullName

ID liên hệ
Tên ngời liên hệ

not
not

Subject

Tiêu đề

Comment
Contact_Da
te
E_mail
Phone

nội dung nhận xét
Ngày gởi liên hệ

Int
nvarchar(10
0)
nvarchar(15
0)
Ntext
Datetime

địa chỉ E_mail
số điện thoại

nvarchar(50) not
nvarchar(50)

bảng tblAdmin ( Quan tri)

12

not
not
not


khóa

trờng

Diễn giải

khóa

AdminID
A_UserNam
e
A_passwor
d
A_Email
A_Question

IdAdmin
Tên ngời quản trị

A_Answer
A_Phone
A_Address

Kiểu

Int
nvarchar(10
0)
Mật khẩu
nvarchar(15
0)
Địa chỉ E_mail
Ntext
Câu hỏi bí mật
Nvarchar(10
0)
Câu trả lời bí mật nvarchar(10
0)
số điện thoại
nvarchar(50)
Địa chỉ
Nvarchar(10
0)

null
not
not
not
not
not
not

Bảng tblIBriefNew Bảng tin vắn):
khóa

trờng

Diễn giải

Kiểu

null

khóa

BriefNewI
D
B_Subject
B_Abstract

ID Nhận xét

Int

not

Tiêu đề
Tóm Tắt

B_Contents
B_Images

Nội dung
Đờng dẫn ảnh

nvarchar(350) not
nvarchar(100 not
0)
Ntext
not
Nvarchar(50)

Chơng 4 : Giới thiệu các công cụ hỉ trỵ thiÕt
kÕ web
I1.

Giíi thiƯu HTML
Giíi thiƯu HTML:
13


HTML trong tiếng Anh là chử viết tắt của Hyper Text
Markup Language tức là ngôn ngữ đánh dấu siêu văn bản là
một ngôn ngữ đợc tạo ra để thiết kế các trang web nghĩa là
các mẫu thông tin đợc trình bày trên Word Wide Web. Đợc định
nghĩa nh là một ứng dụng đơn giản để thiết kế web vốn đợc
sử dụng trong các tổ chức cần đến các yêu cầu xuất bản phức
tạp, HTML giờ đây đà trở thành một chn cđa INTERNET, do
tỉ chøc Word Wide Web Consortium( W3C) duy trì. Hiện nay
phiên bản mới nhất của nó là HTML 4.01 nhng nó không còn đợc
phát triển tiếp, ngời ta ®· thay thÕ nã b»ng XHTML.

2.

CÊu tróc mét trang HTML.

Mét trang HTML cã cÊu tróc nh sau:

<html>
<head>
http-equiv="Content-Type"
charset=utf-8">
<title>New Page 1</title>
</head>
<body >
<!-- Nội dung trình bày tại đây --!>
</body>
</html>

content="text/html;

IIGiới thiệu Visual Studio 2008 Express
Edition và ngôn ngữ C#
1- Giới thiệu Visual Studio 2008 Express Edition:
Trong bé c«ng cơ Visual Studio 2008 Express Edition
nh hình dới có các ngôn ngữ lập trình nh Visual C#, Visual
Bacsic, Visual C++. Và công nghệ Asp.net Visual Web
14


Developer là phiên bản mới nhất hiện nay, phần mềm này đợc
phép tải về miển phí.

2- Giới thiệu Microsoft Visual C# 2008 Express
Edition

C# là một ngôn ngữ lập trình theo kiểu lập trình hớng
đối tợng nằm trong bộ phần mềm Visual Studio.Net của hảng
Microsoft qua nhiều phiên bản hiện nay míi nhÊt lµ Visual Studio
2008.Net.
15


Cùng với Java thì C# hiện nay đang là công cụ đợc a
chuộng và sử dụng rộng rÃi nhất hiện nay, C# tạo ra nhiều
thuận lợi hơn Java cho ngời lập trình viên trong việc thiết kế
giao diện cũng nh lập trình. Nhng nhớc điểm của C# là giá cả
đắt nên làm cho C# không đợc sử dụng rộng rÃi hơn Java trong
giới sinh viên cũng nh trong công nghiệp.

III-

Giới thiệu JavaScript

1. Giới thiệu JavaScript
JavaScript là một ngôn ngữ phức tạp hơn HTML, trong khi
HTML là một ngôn ngữ Markup thì JavaScript là một ngôn ngữ
lập trình. JavaScript không liên quan gì đến Java. Nguyên thủy
JavaScript còn có tên gọi là LiveScript đợc phát triển bới Brenda
Eich của tập đoàn NetsCrape và năm 1995 và đợc tích hợp vào
NetsCrape Navaragror phiên bản thử nghiệm 2.0. JavaScript nó
16


có thể chạy hầu hết trên các máy tính và phần cứng độc lập.
Ngôn ngữ này đợc tích hợp trực tiếp vào trình duyệt.

JavaScript làm trang web thêm hấp dẫn và sinh động, biến một
trang web tỉnh(Static) thành một trang web động (Dynamic)
có khả năng truy cập nhiều đối tợng trong tài liệu HTML và làm
cho chúng hoạt động. JavaScript là một ngôn ngữ dựa vào đối
tợng (Object-based language) có nghĩa là nó dùng nhiều ý niệm
của lập trình hớng đối tợng (Object-Oriented programming) nhng nó không hoàn toàn theo hớng đối tợng. Về cú pháp
JavaScript tơng tự nh C.
JavaScript cho chúng ta nhiều khả năng điều khiển trang
web. JavaScript là ngôn ngữ viết sao chạy vậy nghĩa là nó đợc
viết và chạy theo các đoạn codes. Các codes này không đợc
dịch ra thành mà máy giống nh Java. Do đó khác với Java thì
JavaScript không cần chuyển mà trớc khi trình duyệt có thể
hiểu và thực thi nó, đối với các trình duyệt hổ trợ Script(IE4 trở
lên). Khi một trang web đợc yêu cầu Server sẽ chuyển toàn bộ
mà viết trong trang đó bao gôm HTMLCodes và JavaScriptCodes
về trình duyệt và trình duyệt sẽ dịch các mà HTML cho đến
khi đụng mà khai báo JavaScript, trình duyệt sẽ dịch các mÃ
JavaScript và khi gặp tag đóng Script thì trình duyệt tiếp tục
dịch các mà HTML. Do đó trong một trang mà có nhiều
JavaScript, đôi khi gặp lỗi Scripting và chúng ta sẽ thấy lỗi đó
đợc thông báo ở dới thanh tình trạng (Status bar) của trình
duyệt.

2. Khai báo JavaScript vào Website:
Có hai cách truyền JavaScript vào trong các thẻ HTML cđa
trang web nh sau:
LËp tr×nh trùc tiÕp trong trang HTML
<head runat="server">
<title>Untitled Page</title>
<script language="javascript" >

<!Lệnh JavaScript đánh trực tiếp ở ®©y--!>
</script>

17


</head>
- Lập trình và tạo thành một tệp có phần mở rộng có đuôi JS
<head runat="server">
<title>Untitled Page</title>
<!Bắt đầu sử dụng mà JavaScript--!>