TRNG I HC BCH KHOA H NI

VIN IN T - VIN THNG

BI TP LN PROJECT 1
TI: NG DUNG GOOGLE MAPS
QUN L VA TIM KIM THNG TIN CA HNG
Gio vin hng dn: PGS.TS.V Vn Ym
Sinh vin thc hin:
Hong Thanh Tng

SHSV:20082996 Lp T7-K53

Phm Vn Lam

SHSV:2008

Dng Th Thanh Phng SHSV:2008

Lp T 9-K53

Nguyn Hn V

Lp T 7-K53

V Thanh Tng

38

Lp T 8-K53

SHSV

Bi tp ln Project I

Vin in t - Vin thng

H Ni thng 12/2011

Bi tp ln Project I

Vin in t - Vin thng

MUC LUC
CHNG 1: M U..............................................................................................4
1.1 Khai nim ban .............................................................................................4
1.2 Google Maps.....................................................................................................4
1.3 Ban s..........................................................................................................5
1.4 ng dung ban s..........................................................................................6
1.5 Ni dung an..................................................................................................8
CHNG 2: GII THIU CNG NGH S DNG.............................................9
2.1 Mi trng lp trnh..........................................................................................9
2.2 Ngn ng lp trnh............................................................................................9
2.3 H qun tr c s d liu.................................................................................10
2.4 Google Map API.............................................................................................11
CHNG 3: PHN TCH H THNG..................................................................13
3.1 Yu cu ca h thng......................................................................................13
3.2 Phn tch cc yu cu v d liu.....................................................................13
3.3 Phn tch cc yu cu v chc nng................................................................14
3.3.1 Function diagram.........................................................................................14
3.3.2 Data flow diagram....................................................................................16
CHNG 4: THIT K H THNG.....................................................................20
4.1 Thit k c s d liu.....................................................................................20
4.2 Thit k giao din...........................................................................................23
Chc nng tim kim theo 4 tiu chi:.........................................................................36
KT LUN...............................................................................................................37
Ti liu tham kho:...................................................................................................38

Bi tp ln Project I

Vin in t - Vin thng

CHNG 1: M U
1.1 Khai nim ban
Bn l bn v n gin miu t mt khng gian, a im v hin th
nhng thng s lin quan trc tip n v tr y c lin quan n khu vc xung
quanh.
Theo cc nh bn : Bn l s miu t khi qut, thu nh b mt tri t
hoc b mt thin th khc trn mt phng trong mt php chiu xc nh, ni dung
ca bn c biu th bng h thng k hiu quy c.
Bn hay c dng nht trong lnh vc a l. Bn a l thng c hai
chiu nhng vn biu din mt khng gian c ba chiu ng n. Mn bn hc
l mn khoa hc v ngh thut v bn .
Bn cn l mt khi nim c s dng trong sinh hc biu th mt h
thng no , v d nh bn gen.
T l ca mt bn a l l t s gia mt khong cch o trn bn v
khong cch ngoi thc a. Chng hn, nu 1 cm trn bn ng vi 1 km ngoi
thc a th bn c t l 1:100000, v 1 km = 100000 cm. K hiu ca t l c
dng 1: M, trong s M ch khong cch thc t ln gp bao nhiu ln khong
cch tng ng o trn bn . Bn c t l ln th cng chi tit hn v tng
ng vi s M nh hn. Bn c t l nh km chi tit hn v c s M ln.

1.2 Google Maps

Google Maps (thi gian trc cn gi l Google Local) l mt dch v ng
dng v cng ngh bn trc tuyn trn web min ph c cung cp bi Google
v h tr nhiu dch v da vo bn nh Google Ride Finder v mt s c th
dng nhng vo cc trang web ca bn th ba thng qua Google Maps API. N
cho php thy bn ng x, ng i cho xe p, cho ngi i b (nhng

Bi tp ln Project I

Vin in t - Vin thng

ng i ngn hn 6.2 dm (6.2x1.609~10km)) v xe hi, v nhng a im kinh

doanh trong khu vc cng nh khp ni trn th gii.

1.3 Ban s
Khai nim ban s
Bn s l mt dng ca bn c th hin bng my tnh (bn my
tnh). Cc d liu c qun l di dng s ho. Bn c bin tp v thnh
lp trn s h tr ca my tnh v cc thit b ngoi vi khc.
c im bn s v nhng u im hn hn ca n
Mi bn s c mt h quy chiu nht nh thng l h quy chiu phng.
Mc y cc thng tin v ni dung v chnh xc cc yu t trong bn
s hon ton p ng yu cu cc tiu chun bn theo thit k ban u.
Bn s thc cht l mt tp hp c t chc cc d liu trong mt h quy
chiu nht nh. T l ca bn s khng ging nh t l ca bn thng
thng.
H thng k hiu trong bn s thc cht l cc k hiu ca bn thng
thng c s ho.
Bn s c tnh linh hot hn hn bn truyn thng c th d dng thc
hin cc cng vic nh:
- Cp nht v hin chnh thng tin
- Chng xp hoc tch lp thng tin theo mun
- D dng bin tp v to ra phin bn mi ca bn
- D dng in ra vi s lng v t l tu
- C kh nng lin kt v s dng trong mng my tnh.
Vic s dng bn s thun li v c hiu qu kinh t cao, v th hin ny
trong thc t ch yu s dng nhiu trong cac ng dung cng ngh mi nh inh vi,
tra cu ia im, d bao khi tng thuy vn,...

Bi tp ln Project I

Vin in t - Vin thng

1.4 ng dung ban s

Hin nay, co nhiu phn mm, website ng dung ban s vi giao din trc
quan sinh ng giup ngi s dung linh hoat khng chi trong vic tim ng ma
con tim ia im vui chi, giai tri, n ung va du lich. Nhng website tiu biu nh:
www.vietbando.com, www.diadiem.com, www.1650km.com

Bi tp ln Project I

Vin in t - Vin thng

Hinh 1.1 Giao din website www.1650km.com

Mt s chc nng ca website cn hc tp:
7

Bi tp ln Project I

Vin in t - Vin thng

Tim kim thng tin theo danh muc

Khi kich vao icon cua ca hang thi hin thng tin cua ca hang o

1.5 Ni dung an
Qua vic tm hiu v bn s v tng l mun cung cp cho ngi dng
thng tin ca hang mt cch chnh xc v trc quan, chung em hnh thnh c
nhng ni dung n, l:
Tn ti:
ng dung Google Maps quan ly va tim kim thng tin ca hang
Yu cu t ra:
Chc nng quan ly: Phn mm giup quan ly thng tin cua ca hang thng
qua vic thm, sa, xoa.
Chc nng tim kim: Kt qua tim kim tra v thng tin va vi tri cua ia im
ma khach hang mong mun.

Bi tp ln Project I

Vin in t - Vin thng

CHNG 2: GII THIU CNG NGH S DNG

2.1 Mi trng lp trnh
Microsoft.NET Framework SDK v3.0
Microsoft Visual Studio 2010
Microsoft SQL Server 2005

2.2 Ngn ng lp trnh

Ngn ng C#
Ngn ng C# l mt ngn ng thnh hnh hin nay, nu ngi no theo hng
lp trnh th t nhiu g cng bit n b Visual Studio ca Microsoft h tr rt
mnh cho lp trnh giao din. Tuy nhin, ngn ng C# c ngha cao khi n thc
thi nhng khi nim lp trnh hin i. C# bao gm tt c nhng h tr cho cu trc,
thnh phn component, lp trnh hng i tng. Nhng tnh cht hin din
trong mt ngn ng lp trnh hin i. V ngn ng C# hi nhng iu kin nh
vy, hn na n c xy dng trn nn tng ca hai ngn ng mnh nht l C++
v Java.
Tnh cht ca lp trnh hng i tng l, nhng lp th nh ngha nhng
kiu d liu mi, cho php ngi pht trin m rng ngn ng to m hnh tt
hn gii quyt vn . Ngn ng C# cha nhng t kho cho vic khai bo
nhng kiu lp i tng mi v nhng phng thc hay thuc tnh ca lp, v cho
vic thc thi ng gi, k tha, v a hnh, ba thuc tnh c bn ca bt c ngn
ng lp trnh hng i tng. Ngn ng C# h tr kiu XML, cho php chn cc
tag XML pht sinh t ng cc document cho lp.
Ngn ng C# cng h tr giao din interface, n c xem nh mt cam kt
vi mt lp cho nhng dch v m giao din quy nh.
9

Bi tp ln Project I

Vin in t - Vin thng

Ti sao phi s dng ngn ng C#

Ngn ng C# l mt ngn ng c dn xut t C v C++, nhng n c to
t nn tng pht trin hn. Microsoft bt u vi cng vic trong C v C++ v thm
vo nhng c tnh mi lm cho ngn ng ny d s dng hn. Nhiu trong s
nhng c tnh ny kh ging vi nhng c tnh c trong ngn ng Java.
Mt s tin li khi s dng ngn ng ny l:
C# l mt ngn ng n gin.
C# l ngn ng lp trnh hng i tng.
C# lp trnh theo hng module v hin i.
C# l ngn ng mnh m v mn do d s dng.
C# ngn ng mang tnh cht ph bin, thng dng.

2.3 H qun tr c s d liu

Microsoft SQL Server 2005 Express l mt h thng qun l c s d liu. S
dng SQL trao i d liu thc hin cc cu kt ni v truy vn vo bn trong d
liu nhm lu tr d liu mt cch an ton hn. Mt h thng qun tr c s d liu
bao gm Databases, database engine v cc ng dng dng qun l d liu.
SQL Server 2005 c ti u c th chy trn mi trng c s d liu rt
ln (Very Large Database Environment) ln n Tera-Byte v c th phc v cng
lc cho hng ngn user. SQL Server 2005 c th kt hp "n " vi cc server khc
nh Microsoft Internet Information Server (IIS), E-Commerce Server, Proxy
Server....
SQL Server 2005 c rt nhiu phin bn cho tng i tng s dng. Hin
nay SQL Server pht trin ln n phin bn Microsoft SQL Server 2008, nhng
chng ti s dng phin bn 2005 l v c s d liu ca phn mm chng ti
khng ln v do gii hn v cu hnh my, gi tr kinh t.

10

Bi tp ln Project I

Vin in t - Vin thng

2.4 Google Map API

Google a ra Google Maps API cho php cc nh pht trin tch hp
Google Maps vo trang web ca h vi cc im d liu ring ca h. y l mt
dch v min ph, v hin nay khng cha qung co hay Geocoding, nhng cc
trng thi Google trong cc iu khon ca h s dng cho thy rng rng h c
quyn hin th cc qung co trong tng lai.
Bng vic s dng Google Maps API chng ta c th nhng ton b Google
Maps trang web vo mt trang web bn ngoi. Cc nh pht trin c yu cu
yu cu mt m kha API, m l b rng buc vo trang web v th mc nhp
khi to kha. Kha Google Maps API l khng cn cn thit cho API phin bn 3.
Khi to ra mt bn ty chnh giao din ca Google yu cu thm m JavaScript
vo mt trang, v sau bng cch s dng chc nng Javascript thm im vo
bn .
Khi API u tin a ra, n thiu kh nng m a l a ch, i hi ngi dng c
th t thm im trong (v , kinh ) nh dng. Tnh nng ny c thm vo
cho t u.
ng thi l vic pht hnh ca Google Maps API, Yahoo! pht hnh bn
ca ring mnh API. Cc bn pht hnh trng vi trang Web O'Reilly 2.0 Hi ngh.
Yahoo! Bn , m thiu s h tr quc t, bao gm mt Geocoder trong bn pht
hnh u tin.
Tnh n thng 10 2006, vic thc hin ca Google Gadgets 'Google Maps l
n gin, ch cn mt dng lnh, nhng n khng phi l ty bin nh API y .
Trong nm 2006, Yahoo! bt u mt chin dch nng cp cc bn ca mnh
cnh tranh tt hn vi Google v cc cng ty bn trc tuyn khc. Mt s cc
bn c s dng trong mt cuc iu tra c tng t nh bn ca
Google.

11

Bi tp ln Project I

Vin in t - Vin thng

Google Maps tch cc khuyn khch vic s dng thng mi ca cc API ca n.

Mt s u tin ca n ln quy m c chp nhn bt ng sn mash-up cc
trang web. Google thc hin mt nghin cu trng hp v Nestoria, mt cng c
tm kim bt ng sn Anh v Ty Ban Nha.

12

Bi tp ln Project I

Vin in t - Vin thng

CHNG 3: PHN TCH H THNG

3.1 Yu cu ca h thng
Mt phn mm ng dung ban thc hin cac yu cu sau:

Quan ly thng tin ca hng

Tim kim

Tim kim nng cao

Trong khun kh bai tp ln va thi gian co han, chung em c gng hoan thanh 2
chc nng la: quan ly thng tin va tim kim.

3.2 Phn tch cc yu cu v d liu

ST

Tn phn t

T
d liu
1 Ma ca hang

ngha
Ma s ca

Gi tr v d
01DG01

Min gi tr
hp l
Chui ki t

Tn hm kim
tra d liu
Check_string

hang trn ban

va s nguyn

2 Tn ca hang

Tn ca hang

Lam Shop

dng
Chui ki t

Check_string

3 ia im

trn ban
ia chi ca

S 14, phng

Chui k t

Check_string

Vinh Hng
Hoang Mai
29.075375

Chui ki t
S thc

Check_string
Check_num

-106.171875

S thc

Check_num

01689936258

S nguyn

Check_num

hang
4 Qun
5 Kinh

Kinh cua
ca hang trn

6 Vi

Google Maps
Vi cua ca
hang trn

7 ST lin h

Google Maps
S in thoai
lin h cua ca

dng

13

Bi tp ln Project I

Vin in t - Vin thng

hang

10

11

M kiu ngnh K hiu kiu

AU

Chui k t

Check_string

An ung

Chui k t

Check_string

hang

nghnh hng

Tn kiu

Tn kiu

ngnh hng

ngnh hng

M ngnh

K hiu ngnh 01AU

Chui k t Check_string

hang

hng

v s

Tn ngnh

Tn ngnh

hang

hng

Mn n

Chui k t

Check_string

3.3 Phn tch cc yu cu v chc nng

3.3.1 Function diagram

14

Bi tp ln Project I

Vin in t - Vin thng

Hinh 3.1: S chc nng

Phn mm co 3 chc nng chinh: Quan ly ca hang, Tim kim va H tr ngi s
dung.
Quan ly ca hang: l kh nng cho php ngi ph trch nhp d liu c th
thm mi thng tin ca hang, chnh sa va co th xoa chung.
Tim kim: la kha nng cho phep ngi s dung tim kim ia im va thng tin
v 1 ca hang nao o, co th tim thy s ca hang trong 1 qun, va co th tim
kim theo nganh hang va theo toa .
H tr: vi chc nng nay, ngi s dung co th tim hiu thng tin v phn
mm ng dung ban

15

Bi tp ln Project I

Vin in t - Vin thng

3.3.2 Data flow diagram

3.3.2.1. Context diagram

Hinh 3.2: S mc ng canh

16

Bi tp ln Project I

Vin in t - Vin thng

3.3.2.2. Other lever data flow diagram

Hnh 3.3: Data flow Diagram High Level

17

Bi tp ln Project I

Vin in t - Vin thng

Hnh 3.4: Data flow Diagram - Function 1

Hnh 3.5: Data flow Diagram - Function 2

18

Bi tp ln Project I

Vin in t - Vin thng

Hnh 3.6 Data flow Diagram - Function 3

19

Bi tp ln Project I

Vin in t - Vin thng

CHNG 4: THIT K H THNG

4.1 Thit k c s d liu
4.1.1 D liu nhn vin:
STT

Tn thuc tnh

Khoa chinh

M ca hng

PK

Tn ca hng

a ch

S in thoi lin h

Qun

Kinh

M ngnh hng

Tn ngnh hng

10

M kiu ngnh hng

11

Tn kiu ngnh hng

PK
CK

Bng c cc kha chnh l:M ca hng v M ngnh hng

Kha c:M kiu ngnh hng
20

Bi tp ln Project I

Vin in t - Vin thng

Ta c cc thuc tnh c chia lm 3 bng gm

-Bng table_cuahang:Tn ca hng,a ch,Qun,S in thoi lin h,Kinh
,v ph thuc hm y vo M ca hng.
-Bng table_nganhhang:Tn ngnh hng,M kiu ngnh hng ph thuc hm
vo M ngnh hng.
-Bng table_kieunganhhang:Tn kiu ngnh hng ph thuc hm vo M kiu
ngnh hng.
Nh vy ta c c s thc th lin kt nh hnh di(Tt c u dng
chun 3NF)

4.1.2 S thc th lin kt:

21

Bi tp ln Project I

Vin in t - Vin thng

Hinh 4.1 S ERD

22

Bi tp ln Project I

Vin in t - Vin thng

4.2 Thit k giao din

Hinh 4.2 Giao din chinh cua phn mm

23

Bi tp ln Project I

Vin in t - Vin thng

24

Bi tp ln Project I

Vin in t - Vin thng

Hinh 4.2 Giao din chinh cua phn mm

Menu chinh cua phn mm gm:
Chc nng
Tim kim
Thng tin cua toan b ca hang

25

Bi tp ln Project I

Vin in t - Vin thng

26

Bi tp ln Project I

Vin in t - Vin thng

Hinh 4.3 Giao din chc nng Thm ca hang

27

Bi tp ln Project I

Vin in t - Vin thng

28

Bi tp ln Project I

Vin in t - Vin thng

Hinh 4.4 Giao din chc nng Sa ca hang

29

Bi tp ln Project I

Vin in t - Vin thng

Hinh 4.5 Giao din chc nng Xoa ca hang

Chc nng thm va xoa ca hang thng qua cac trng thng tin:
Ma ca hang
Tn ca hang
ia chi
S in thoai lin h
Ma nganh hang
Qun
Toa : kinh va vi
Chc nng xoa thng qua xoa ma ca hang co trong c s d liu

30

Bi tp ln Project I

Vin in t - Vin thng

31

Bi tp ln Project I

Vin in t - Vin thng

Hinh 4.6 Giao din chc nng Tim kim theo nganh hang

32

Bi tp ln Project I

Vin in t - Vin thng

Hinh 4.7 Giao din chc nng Tim kim theo tn ca hang

33

Bi tp ln Project I

Vin in t - Vin thng

Hinh 4.8 Giao din chc nng Tim kim theo qun

34

Bi tp ln Project I

Vin in t - Vin thng

35

Bi tp ln Project I

Vin in t - Vin thng

Hinh 4.9 Giao din chc nng Tim kim theo toa
Chc nng tim kim theo 4 tiu chi:
Theo nganh hang
Theo tn ca hang
Theo qun
Theo toa
Kt qua tim kim se hin thng tin ca hang va vi tri trn ban nu ca hang co
trong c s d liu cua phn mm .
36

Bi tp ln Project I

Vin in t - Vin thng

KT LUN
Sau mt thi gian thc hin, vi s n lc ca c nhm c th ni sn phm
p ng c c bn cc tiu ch t ra ban u. Sn phm n gin nhng hiu
qu, giao din thn thin vi ngi dng, cc chc nng c bn c xy dng kh
tt . Bn canh o, chung em hc hi c rt nhiu v chp ni kh tt cc
kin thc c hc trn lp v lp trnh. Qu trinh lm n gip chung em tch
ly v hc hi c cc kinh nghim trong cuc sng, trong mi trng lm vic v
bn b.
Tuy nhin do iu kin thi gian v kin thc cn hn hp sn phm khng th
trnh khi cn nhiu thiu st. Nhm rt mong mun c th tip tc pht trin phn
mm ny trong thi gian ti, nng cao hiu qu, ci thin cc chc nng, thm vo
mt s chc nng m rng p ng cc yu cu mi ca chng trnh. Nu c
u t v pht trin nhm tin rng sn phm hon ton c kh nng ng dng trong
thc t.
Nhm chng em xin chn thnh cm n PGS-TS Vu Vn Ym va anh Quang
trn phng RD. Lab nhit tnh hng dn nhm,cung cp ti liu,st sao nhc
nh tnh hnh nhm nhm c th hon thnh sn phm ny.

37

Bi tp ln Project I

Vin in t - Vin thng

Ti liu tham kho:

1. PGS,TS Nguyn Kim Anh, Nguyn l ca cc h c s d liu, Nh xut
bn i hc Quc gia, 2004.
2. Gio trnh c s d liu Hc vin Cng ngh bu chnh vin thng
3. Cc ti liu hng dn v C# v ASP.Net trn cc din n v forum.
4. Lp trnh WEB dng ASP.net v C#-Tp 5Dng Quang Thin

38