BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC MỞ BÁN CÔNG TPHCM
KHOA CÔNG NGHỆ THÔNG TIN
oOo
LUẬN VĂN TỐT NGHIỆP ĐỀ TÀI:

XÂY DỰNG WEBSITE GII THIU
CÁC TNH THÀNH VIT NAM GVHD : Ts. PHAN T PHÚC
SVTH : NGƠ THÀNH TIN – 106H1281
PHM NGƠ HỒNG YN – 10460138
Xây dng website gii thiu các tnh thành Vit nam Trang 3/69

SVTH: Ngô Thành Tin và Phm Ngô Hoàng Yn Trang 3/69 B CC LUN VN
OoO
Lun vn đc t chc thành 7 phn :
Phn I : Gii thiu tng quan v đ tài .
Phn II : Trình bày v mc tiêu ca đ tài “Xây dng website gii thiu
các tnh thành Vit nam” .
Phn III : Xut phát t mc tiêu nh đã trình bày  phn th hai đa ra
các vn đ cn gii quyt.
Phn IV : Trình bày các gii pháp nhm gii quyt các vn đ ca đ tài.
Phn V : Trình bày các ni dung thc hin ca đ tài.
Phn VI : Trình bày các kt qu thc hin ca đ tài.
Phn VII : Kt lun v nhng kt qu đt đc ca đ tài , nhng vn đ
còn tn đng và hng phát trin ca đ tài trong tng lai.


5. Thit k c s d liu
6. Tìm hiu và nhúng Vit bn đ vào web
Phn VI : KT QU THC HIN
1. Giao din trang web
2. Xây dng công c tìm kim
3. Bn đ các tnh thành
4. Cung cp đy đ thông tin gii thiu v các tnh thành vit nam51
Xây dng website gii thiu các tnh thành Vit nam Trang 5/69

SVTH: Ngô Thành Tin và Phm Ngô Hoàng Yn Trang 5/69

5. Cng thông qua giao din web, ngi qun tr có th d dàng cp nht thông
tin cho c s d liu mt cách linh đng
Phn VII : KT LUN
1. Kt qu gii quyt các vn đ đt ra
2. Hng phát trin đ tài Ph Lc
1. Gii thích các khái nim trong mô hình truyn thông
2. Gii thích các khái nim trong mô hình ý nim x lý
3. Gii thích các khái nim trong mô hình ý nim d liu
www.hanoi.gov.vn Chính vì lý do thông tin mi tnh không đc tp trung và mt
nhiu thi gian tìm kim làm cho ngi s dng phi duyt qua tng trang web, nên
em quyt đnh chn đ tài “Xây dng website gii thiu các tnh thành Vit nam”.
T trang web này ngi dùng có th tìm thy thông tin khái quát gii thiu ca
mi tnh ,bn đ ca tng min ,tng tnh.Không mt quá nhiu thi gian đ tìm hiu
thông tin gii thiu v mt tnh thành nào đó.
Xây dng website gii thiu các tnh thành Vit nam Trang 7/69

SVTH: Ngô Thành Tin và Phm Ngô Hoàng Yn Trang 7/69
PHN II – MC TIÊU
Theo dòng chy ca công ngh thông tin, mi lnh vc ca đi sng đu đc
tin hc hóa. Và thông tin v các tnh không nm ngoài qui lut đó. Vic thit lp mt
website nhm qung bá thông tin v đt nc con ngi ,điu kin t nhiên,kinh t xã
hi và v trí đa lý ca mi tnh Vit Nam là mt nhu cu cn thit cho mt đt nc
nh ngày nay.
Vì vy, chúng em chn đ tài “Xây dng website gii thiu các tnh thành Vit nam”
vi mong mun:
• Giúp Ngi vit nam hiu rõ hn v đt nc ,các tnh,thành ph…ca Vit
Nam mà li tn rt ít thi gian:Thông qua website, ngi s dng có th có
đc nhiu thông tin v tnh thành ca Vit Nam, giúp h có nhiu thông tin
v tnh mà mình mun tìm hiu hoc giúp cho nhiu ngi mun di c đn
Xây dng website gii thiu các tnh thành Vit nam Trang 9/69

SVTH: Ngô Thành Tin và Phm Ngô Hoàng Yn Trang 9/69 PHN III – CÁC VN  CN GII QUYT
sau khi phân tích nhng thông tin trên ,đ trang web đc nh vy chúng em
đa ra mt s vn đ cn gii quyt nh:
1. Trang web phi có giao din đp, màu sc hài hòa, hình nh bt mt:
Mt yu t không th thiu trong quá trình xây dng và thit k website
là vic thit k giao din đ ha. Mt website hay cha đng nhng thông tin
hp dn mà không đc tô đim bng giao din đ ha, trong site không s
dng bt kì hình nh nào, màu sc thì nht nho s khin ngi xem mau cm
thy nhàm chán vì không đáp ng đc nhu cu v thm m, vì vy s không
th thu hút đc ngi xem. Vic thit k web không nhng phi đm bo tha
mãn yêu cu v mt thông tin mà còn phi tha mãn yêu cu v mt thm m.
Mt website nói v tnh thành Vit nam s có màu sc hình nh khác vi mt
website v ngh thut. Vì vy khi thit k trang web phi làm sao cho ngi
xem ch cn nhìn vào giao din ca trang web là bit trang web làm v lnh

mt nht. Không nhng th, chúng em còn phi chnh sa xây dng và kim
th nhiu ln đ đm bo trang web chy tt và có giao din thit k không thay
đi trên nhiu phiên bn trình duyt khác nhau.
Dù là trang HTML đn thun, s dng hiu ng JavaScript, "nhúng"
trong Php và có "giao dch d liu" nhiu hay ít, s thành tho và nm vng k
nng dàn trang và công c thit k nh Macromedia Dreamweaver, Microsoft
FrontPage, Adobe Photoshop, Macromedia Flash ca chúng em là mt yu t
đm bo cht lng cho trang web chy tt và nhanh.
3. Xây dng công c tìm kim :
Vì là trang web gii thiu các Tnh thành Vit nam th hin 64 tnh nên
có khi lng lu tr d liu ln vì vy không tránh khi vic xây dng công
c tìm kim thông tin là vn đ rt quan trng.T trang web ngi xem có th
d dàng tìm kim thông tin theo hai cách :
Trc ht là tìm kim theo tên tnh,thành ph,huyn.  đây, khi ngi
s dng cha bit rõ hoc mun nhanh chóng tìm tên tnh,thành ph,huyn ch
Xây dng website gii thiu các tnh thành Vit nam Trang 11/69

SVTH: Ngô Thành Tin và Phm Ngô Hoàng Yn Trang 11/69

cn nhp ô tìm kim mt t hay tên tnh,thành ph,huyn ch sau vài giây trang
kt qu s cho ra các tnh,thành ph,huyn va tìm đc.
Th hai là vic tìm kim ni dung thuc tnh.Mt tnh hay thành ph có
th có nhiu ni dung .Khi kt qu đc tr v ni dung thuc mt tnh hay
nhiu tnh khác nhau.
C hai vic tìm kim trên đu phi tr v kt qu là danh sách các ni
dung và các tnh tha điu kin tìm kim.  cho ngi dùng có th nhìn thy
rõ ràng tt c các kt qu tìm kim, danh sách các ni dung và tnh đc trình
bày di dng tóm tt.Mi kt qu đu có mt đng link đ đi vào chi tit ni
dung kt qu đó.
4. Ni dung trang web ch yu đi sâu v gii thiu các tnh thành :

đnh s dng nhng gii pháp sau đ đáp ng yêu cu ca mt Website gii
thiu các tnh thành Vit Nam .
1. Chn ngôn ng lp trình ?
Hin nay có rt nhiu ngôn ng lp trình có th làm web nh
asp.net,php,java…Mi ngôn ng điu có nhng th mnh quen giúp ngi lp
trình có th xây dng mt trang web t đn gin cho ti chuyên nghip.
Sau khi nghiên cu và tìm hiu chúng em quyt đnh chn php đ làm
ngôn ng lp trình chính cho đ “Xây dng website gii thiu các tnh thành
Vit nam“.
Vy php là gì? PHP (vit tt hi quy "PHP: Hypertext Preprocessor") là
mt ngôn ng lp trình kch bn hay mt loi mã lnh ch yu đc dùng đ
phát trin các ng dng vit cho máy ch, mã ngun m, dùng cho mc đích
tng quát. Nó rt thích hp vi web và có th d dàng nhúng vào trang HTML.
Do đc ti u hóa cho các ng dng web, tc đ nhanh, nh gn, cú pháp
ging C và Java, d hc và thi gian xây dng sn phm tng đi ngn hn so
vi các ngôn ng khác nên PHP đã nhanh chóng tr thành mt ngôn ng lp
trình web ph bin nht th gii.
2. S phi hp gia ngi lp trình và ngi thit k giao din:
Vì đây là mt trang web d liu đng nên cn phi có s phi hp n ý
gia ngi lp trình và ngi thit k giao din. ây là điu c bn đu tiên cn
phi thc hiên khi thc hin đ tài này: phi làm sao đ đa đc Mã ca ngi
Xây dng website gii thiu các tnh thành Vit nam Trang 13/69

SVTH: Ngô Thành Tin và Phm Ngô Hoàng Yn Trang 13/69

lp trình vào giao din ca ngi thit k. Có nh vy thì mi có th thc hin
đc song song va vit Mã va thit k giao din. ngi thit k và ngi lp
trình có th làm vic đc lp vi nhau giúp gim bt thi gian. Vì vy, trc
tiên ngi thit k và ngi lp trình phi có s thng nht vi nhau v site map
,b cc, cng nh các chc nng ca chng trình.

nh cho web (slide), s dng Macromedia Dreamweaver đ layout website
bng ngôn ng HTML và đ lp trình.
4.1 Macromedia Dreamweaver:
S dng Macromedia Dreamweaver đ thit k trang web vì đây
là mt phn mm chuyên dng đ thit k web, có th thit k trang web
mt cách đn gin nh vào hai ch đ màn hình design và Mã.
Vì vy ngi thit k có th nhìn thy ngay đc giao din mà
mình mun thit k, không nhng th ngi thit k còn có th vào ngay
màn hình Mã đ chnh sa giao din ca mình vi ngôn ng html đn
gin mà không cn trình đ lp trình cao. Macromedia Dreamweaver còn
có s tng tác vi chng trình Php giúp ngi lp trình và ngi thit
k giao din có th làm vic đc lp vi nhau.
ây cng chính là đim mnh ca Macromedia Dreamweaver và
Php. Và đây cng là chng trình chúng em đã đc tìm hiu trong
chng trình hc ca trng đi hoc.
4.2 Adobe Photoshop
 trang web có giao din đp và rõ ràng có b cc cht ch
chúng em chn s dng nhng phn mm chuyên dng v thit k web
adobe Photoshop cs đ thit k và ct các layout, vì đây là chng trình
ni ting trong vic x lý đ ha chuyên nghip: thit k mu, x lý,
ghép nh đ to nhng mu đ ha ngh thut, nh phc v cho trang
web…thông qua mt s công c v, hiu chnh, đ màu và tp hiu ng
giúp d dàng to ra đc nhng layout đp.
 có đc nhng hình nh đp vi kích thc nh s dng phn
mm Adobe Photoshop đ x lí s to ra đc nhng file hình nh vi
kích thc khá nh nh vào công c ct hình Slice và ch đ lu save for
web. Nhm đáp ng đc mc tiêu ca trang web tnh thành vit , nhng
đa đim du lch ni ting ca Vit Nam.
4.3 Flash Slideshow Maker
S dng Flash Slideshow Maker thit k nhng hiu ng hình nh

thuc nhóm qun tr cng đu có th thay đi, xóa, sa tt c d liu. Ngi
qun tr phi đc phân quyn nht đnh khi đng nhp vào h thng. Tòan h
thng s có ngi qun tr có toàn quyn cho c s d liu. Ngi này s cp
quyn tip theo cho nhng ngi qun tr khác.
6. Sao lu và phc hi d liu :
Xây dng website gii thiu các tnh thành Vit nam Trang 16/69

SVTH: Ngô Thành Tin và Phm Ngô Hoàng Yn Trang 16/69

ó là mt phn rt quan trng mà tt c nhng ngi qun tr web cn
phi làm thng xuyên.Vic sao lu d liu theo đnh k s giúp cho d liu
trang web đc an toàn và phc hi khi có s c xy ra làm mt d liu.
7. Dùng Map API ca Vit bn đ :
Trên mng có rt nhiu trang web cung cp cho ngi lp trình có th
nhúng vit bn đ trc tuyn và các hàm Map API đ cho ngi lp trình chnh
sa và nhúng vào trang web ca mình nh Vietbando,Googlemap…
Vì đây là đ tài “Xây dng website gii thiu các tnh thành Vit nam”
nên cn chn bn đ chi tit v Vit nam và đ đáp ng yêu cu đó nên chúng
em chn Vietbando đ nhúng vào trang web.Vietbando là trang web cung cp
chi tit v bn đ Vit nam,các tnh,các huyn.Vietbando cung cp cho ngi
lp trình các hàm Map API và ví d mu cho phép ngi lp trình có th nhúng
vào trang web phát trin theo hng riêng.
c bit, nh Website gii thiu các tnh thành Vit nam, va có đy đ
chc nng tìm kim, va có th giúp ngi dùng tìm kim thông tin nhanh
chóng và bn đ online, li va phi có giá tr thm m cao.
Chính vì vy, vic kt hp tt gia hai công c lp trình web và thit k
giao din web là Dreamweaver,photoshop rt quan trng.
Ngi lp trình xây dng nhng đon Mã đ tng tác vi giao din mà
ngi thit đa cho và vit các đan mã lnh đ xây dng chc nng cho
chng trình. Mt nguyên tc chúng làm vic gia ngi lp trình và ngi
thit k giao din đó là: nhng id ca các control mà ngi lp trình s dng thì
ngi thit k không đc thay đi đ tránh vic phát sinh li t phía các đon
Xây dng website gii thiu các tnh thành Vit nam Trang 18/69

SVTH: Ngô Thành Tin và Phm Ngô Hoàng Yn Trang 18/69

mã  Mã ca trang web.
 có th đa đc d liu t mysql vào web php và hin th cho ngi
dùng thy cn phi xây dng mt hàm kt ni c s d liu.
 đ tài này, chúng em s dng nhiu hàm và nhng đon Mã nào dùng
nhiu ln chúng em tách ra thành mt file riêng đ các trang web có th include
vào s dng mà không cn vit Mã li. Làm cách này không ch là có th s
dng li đon mã lnh mà còn d dàng cho ngi thit k. Khi cn thay đi
cách thc th hin, ch cn vào điu khin ngi dùng thay đi thì nhng phn
nào trong website có s dng điu khin đó lp tc thay đi theo. Ngi thit
k khi s dng điu khin ngi dùng s kim soát đc vic hin th ca toàn
website đi vi ngi dùng.
Khi phn ng dng cho ngi qun tr cha hoàn thành, có th nhp d
liu trc tip vào các bng ca c s d liu. n khi chc nng này đc hoàn
thin, chúng em nhp liu và sa d liu t các trang ng dng ca ngi qun
tr. Khi d liu nhp vào và hin th ra phn ngi dùng, c ngi thíêt k và
ngi lp trình s chnh sa li các trang cho phù hp đ đi đn mt chng

Sitemap website gii thiu các tnh thành Vit nam
T s đ trên ta có th nhn thy tng quan trang web có bao nhiêu trang
và chc nng ca tng trang s làm nhng gì .
Xây dng website gii thiu các tnh thành Vit nam Trang 20/69

SVTH: Ngô Thành Tin và Phm Ngô Hoàng Yn Trang 20/69

- Trang ch : cung cp cho ngi s dng cái nhìn tng quan v
mc đích ca trang web nên phn gii thiu ca trang web rt quan
trng,nhìn vào phn gii thiu ngi s dng có th bit đc ni dung
trang web này vit ra đ làm gì ? .Vì là trang web gii thiu các tnh
thành Vit nam nên t trang ch ngi s dng có th bit đc nc
Vit nam đc chia thành bao nhiêu min và có bao nhiêu tnh thành.có
link chi tit v các tnh,các min.
- Trang min : Gii thiu s lc ,nhng đc đim chung ca
min.Th hin danh sách các tnh thuc min ,mt s hình nh đc trng
ca min đó.Ngoài ra t trang min ngi s dng có th link ti bn đ
min,chi tit v các tnh.
- Trang tnh : Cng nh trang min ,th hin danh sách các huyn
thuc tnh ,mt s hình nh gii thiu tnh .khác vi trang min là có các
danh sách bài vit v các tnh nh phn gii thiu ,điu kin t nhiên
,kinh t ,vn hóa xã hi ,lch s…v tnh đó.có các link ti trang huyn
và bn đ chi tit ca tnh.
- Trang huyn : Ging nh trang tnh v danh sách các huyn
,hình nh gii thiu ,link bn đ chi tit các huyn đu nh trang tnh
.trang huyn ch có phn gii thiu s lc v huyn đó.
- Trang tin tc (chi tit th loi) : Nêu lên thông tin đy đ ca
mt th loi hay mt tin ca mt tiêu đ th loi ca tnh.
- Trang kt qu tìm kim : Th hin các kt qu va tìm đc t
t khóa tìm kim.

các tnh và có th lc ly ra các bài vit thuc mt tnh nào đó.Cho phép
thêm, xóa, sa các bài vit.
4. Thit k giao din tng tác vi c s d liu :
4.1 Thit k layout:
T bn phác tho bng tay và s đ site vi các chc nng ca tùng
trang web chúng em s dng chng trình Adobe Photoshop đ đi vào thit k
các giao din cho trang web.
a. Layout ngi s dng :
Trang web có 6 layout:
Layout trang ch:

Xây dng website gii thiu các tnh thành Vit nam Trang 22/69

SVTH: Ngô Thành Tin và Phm Ngô Hoàng Yn Trang 22/69 T trang ch ngi s dng có th thy đc danh sách các tnh
thành Vit nam,gii thiu s lc v trang web .Ngi s dng d dàng đi vào
chi tit tng min bng cách click vào link các min hoc chn vào bng đ ca
theo tng min.Ngoài ra ngi dùng có th d dàng nhp t khóa tìm kim.
Layout trang min :

Xây dng website gii thiu các tnh thành Vit nam Trang 23/69

SVTH: Ngô Thành Tin và Phm Ngô Hoàng Yn Trang 23/69 Trang min th hin ni dung danh sách các tnh thành thuc
min đó,gii thiu min và mt s hình nh tiêu biu nói v min.Ngoài ra t
trang min ngi dùng có th xem đc bn đ nhng tình thuc min và có