BaoCaoTTTN (Nguyen)

I HC NNG
TRNG I HC BCH KHOA
KHOA CNG NGH THNG TIN

Tel. (84-511) 736 949, Fax. (84-511) 842 771
Website: itf.ud.edu.vn, E-mail: cntt@edu.ud.vn
BO CO THC TP TT NGHIP
NGNH CNG NGH THNG TIN
M NGNH: 05115
TI
NG DNG GOOGLE MAP

XY DNG WEBSITE BT NG SN
SINH VIN : Nguyn Quang

Lp
: 08T1
N V
CBHD
: Cng ty phn mm AXON ACTIVE

chi nhnh ti Nng
: ng Ngc Hi
L V Nguyn
NNG, 01/2013
LI CM N
Trong t thc tp va qua, chng em nhn c s hung dn, gip
v ng vin tn tnh t nhiu pha. Tt c nhng iu tr thnh mt
ng lc rt ln gip chng em c th hon thnh tt mi cng vic c giao.
Vi tt c s cm kch v trn trng, chng em xin c gi li cm n n tt
c mi ngi.
Trc tin cho chng em c gi li cm n n Ban lnh o Cng ty
AxonActive Nng to iu kin cho chng em c tham gia thc tp ti
cng ty cng nh cung cp tt c cc c s vt cht v trang thit b c th cho
chng em trong thi gian va qua. Xin cm n anh ng Ngc Hi, anh L V
Nguyn v cc anh ch trong cng ty tn tnh hng dn gip chng em
trong sut thi gian em tham gia thc tp.
Em cng xin c gi li cm n n lnh o trng i hc Bch Khoa
Nng, lnh o khoa Cng ngh thng tin t chc cc bui giao lu
gia cc doanh nghip v sinh vin tht s b ch, gip chng em c c hi tm
c mt n v thc tp tt.
Em xin chn thnh cm n cc thy c gio ca trng i hc Bch Khoa
Nng, xin cm n qu thy c tn tnh dy bo, gip em trong sut
thi gian em hc ti trng cng nh trong thi gian em thc tp va qua.
Xin c cm n tt c cc sinh vin tham gia thc tp ti AxonActive
Nng trong t thc tp va qua, nhng ngi lun st cnh cng mnh,
chia s, ng h v gip mnh trong thi gian thc tp va qua.
Xin trn trng cm n!
L Xun Nguyn 11TLT MSV: 102110048
LI CAM OAN
Ti xin cam oan :
1 Nhng ni dung trong bo co ny l do ti thc hin di s
hng dn trc tip ca anh ng Ngc Hi, anh L V Nguyn.
2 Mi tham kho dng trong bo co ny u c trch dn r rng
tn tc gi, tn cng trnh, thi gian, a im cng b.
3 Mi sao chp khng hp l, vi phm quy ch o to, hay gian tr,
ti xin chu hon ton trch nhim.
Sinh vin,
Nguyn Quang
BNG ANH GIA

KT QUA THC TP TT NGHIP
Ho va tn sinh vin: Nguyn Quang
Lp: 08T1
Khoa: Cng ngh thng tin
H ao tao: i hc
Khoa: 2011 - 2013
Thi gian thc tp tt nghip: t ngay: 10/12/2012 n ngay: 08/02/2013

Tai c quan: Cng ty AxonActive chi nhnh ti Nng
Ni dung thc tp: ng dng Google Map xy dng website bt ng sn
Ngi hng dn: Ks. NG NGC HI
Ks. L V NGUYN
Nhn xet v thai , tinh thn trach nhim, chp hanh ni quy, quy ch cua
c quan thc tp:
Nhn xt v chuyn mn:
a Nng, ngay . thang nm 2013

CN B HNG DN
C QUAN TIP NHN SINH VIN THC TP
(Ky, ghi ro ho tn)
(Ky tn, ong du)
MC LC
M U..........................................................................................................7
.I Gii thiu v n v thc tp......................................................................................7
.II ti.......................................................................................................................12
CHNG 1................................................................................................................14
Qu trnh thc tp ti cng ty.......................................................................14

.I o to cng ngh...................................................................................................14
.II D n thc hin.......................................................................................................15
L Th Minh Chu 11TLT.......................................................................................15
Phan Th Ngn H 08T2..........................................................................................15
Phan Xun Nguyn 11TLT......................................................................................15
Nguyn Quang 08T1...............................................................................................15
Nguyn Hiu 08T4..................................................................................................15
ng dng Google Map xy dng website bt ng sn..............................30

.I Gii thiu ti........................................................................................................30
.II KT QU ..............................................................................................................35
.........................................................................................................................35
.........................................................................................................................36
.........................................................................................................................36
.........................................................................................................................37
.........................................................................................................................37
.........................................................................................................................38
.........................................................................................................................38
.........................................................................................................................39
KT LUN....................................................................................................40
.I Kt qu t c......................................................................................................40
.II Hng pht trin ca Website:...............................................................................40
Xy dng thm cc module nh:................................................................................40
Cho php ngi dng ng k cc thng tin v nh, t, nhn cc thng bo khi
c cc thng tin mi c ng ln, hoc cc thng tin c c cp nht, v c th nhn
thng tin trn in thoi di ng......................................................................................40
Thm module qun l s kin.....................................................................................40
TI LIU THAM KHO............................................................................41

[1]
[2]
Trang web : http://www.grails.org/doc/latest/.......................................................41

Trang web : https://www.developers.google.com/................................................41
6
[3]
Trang web : http://www.stackoverflow.com/........................................................41
Gii thiu cng ngh
M U
.I
Gii thiu v n v thc tp

Axon Active VietNam thuc Cng ty c phn Axon Active, c thnh lp
2008 bi Stefan Muff v Tin s Ulrich Sigg ti Thu S. c thnh lp khi Axon
Active tm kim cc ngun lc pht trin. Nhng ngun lc ny khng th c
tm c 1 cch nhanh chng v c cht lng cn thit Thu S, nhng li c tm
thy Vit Nam. Thng 8 2011, Axon m 1 chi nhnh Nng, ni c ch vi
s lng ln cc lp trnh vin c o to cc trng i hc . Hin ti Axon
Active ang c 2 chi nhnh TP H Ch Minh v TP Nng vi gn 300 lp trnh
vin.
Axon Active VietNam chuyn cung cp cc dch v chuyn nghip da trn
phng n "Trung tm pht trin ngoi nc" (Offshore Development Center: ODC),
v vi tham vng tr thnh cng ty hng u Vit Nam trong lnh vc dch v ODC.
ODC l g? ODC l s b sung t xa cho cc nhn vin cng ngh thng tin
trong nc. N c coi nh mt b phn o, mt nhm nhn vin ngoi c s
trong nc, c dnh ring cho pht trin phn mm. Mt ODC c lp nn gm
nhng lp trnh vin, c chn la cn thn h tr cho vic thnh lp yu cu
v vn ho ca khch hng. Mt i ng duy nht c th c cho php lin h vi
cc nh cung cp dch v khc hoc l nhng g thuc s hu ca team trong 1 mi
trng an ton. C s h tng v bo mt c th c thit k gp g nhng khch
hng.
Axon Active Nng l mt chi nhnh ca Cng Ty Phn Mm AXON
ACTIVE. a ch Tng 11, Cng vin phn mm, S 2, Quang Trung, qun Hi
Chu, Nng.
Mt s cng ngh v ngn ng c s dng ch yu Axon Active
EJB 3.0, JSF, Java SE hoc J2EE, HTML/JSP, Ajax, Spring Framework,
Grails Framework, Google Map API,
Quy trnh pht trin phn mm theo m hnh Scrum

M u
1. Scrum l g ?
l mt quy trnh pht trin phn mm theo m hnh linh hot (agile). Cng
ngh Agile cung cp rt nhiu phng php lun, quy trnh v cc thc nghim
cho vic pht trin phn mm tr nn nhanh chng v d dng. Hin nay ti Vit Nam,
quy trnh cc ny ang c th nghim ti i pht trin phn mm ca mt s cng
ty ln. Cng ty Axon Active Viet Nam s dng m hnh ny trong qu trnh pht trin
phn mm.
Scrum chia d n thnh cc vng lp pht trin gi l cc sprint. Mi sprint
thng mt 2- 4 tun (30 ngy) hon thnh. N rt ph hp cho nhng d n c
nhiu s thay i v yu cu tc cao.
Mt sprint hon thnh mt s chc nng, mc ch no trong ton b h

thng. Cc tc v trong sprint c chia ra thnh cc danh mc, i lm vic s pht
trin v nh gi li sao cho t c mc ch ban u trong khong thi gian ra.
2. Thnh phn chnh quan trng ca scrum ( role)

Scrum c cc role chnh l: PO, Scrum Master, Team
M u
+ Product Owner (PO): l ngi lm nhng cng vic bt u cho d n, to ra

cc yu cu trong qu trnh pht trin d n. Phn tch mc tiu, gii phng cc
k hoch. PO chu trch nhim ti a ha gi tr ca sn phm v cng vic ca
Nhm Pht trin. Cch thc t c iu c th rt khc nhau gia cc
t chc,nhm Scrum hay cc c nhn.
PO l mt ngi ch yu chu trch nhim v vic qun l Product Backlog
+ Scrum Master (SM): l ngi h tr cho Team , m bo mi ngi hiu v
dng c Scrum. Scrum Master thc hin vic ny bng cch m bo nhm
tun th l thuyt, thc tin v cc quy tc ca Scrum.
+ Team: thng t 5-9 ngi, ty theo quy m d n n c th c rt nhiu
i, nhiu ngi tham gia.
Team chu trch nhim v vic a ra sn phm cho mi sprint
Team l ch ca sprint backlog
Team phi bo co tin v qu trnh lm vic ca mi sprint
3. Sprint
Tri tim ca Scrum chnh l Sprint, mt khung-thi-gian (time-box) c thi
gian mt thng hoc ngn hn to ra cc phn tng trng ca sn phm c th
M u
10
pht hnh c. Sprint c khong thi gian nht qun trong sut qu trnh pht trin.
Mt Sprint mi bt u ngay khi Sprint trc khp li.
Sprint bao gm: Sprint Planning Meeting, Daily Meeting, Sprint Review
Meeting, Sprint Retrospective
+ Planning Meeting : l cuc hp din ra trc khi bt u mi sprint. Bao gm
planning 1 v planning 2 .
Planning 1 : c s tham gia ca PO, SM v Team. Trong planning 1, Team xc
nh cc user stories s lm trong sprint ny v PO s h tr Team hiu r cc user
stories .
Planning 2: ch c s tham gia ca SM v Team. Trong planning 2 , Team v
SM s tin hnh estimate cc user stories s lm trong sprint ny.
Thi gian cho planning: 1 gi cho mt sprint ko di trong mt tun
+ Daily meeting : l cuc hp ko di 15 pht mi ngy. Trong mi ln daily
meeting, mi thnh vin trong team phi trnh by r 3 iu:
Vic g lm trong ngy hm qua
Hm nay s lm nhng vic g
Cng vic hm nay s c lm nh th no
+ Sprint Review : l cuc hp c t chc khi Sprint kt thc r sot li
phn tng trng va lm ra trong Sprint , v thc hin cc bin php thch nghi
nu cn.
Cc Team member phi trnh by cho Product Owner v sn phm lm trong
Sprint va ri.
+ Sprint Retrospective : l bui c t chc ngay sau S kt Sprint v trc
khi ln k hoch cho Sprint tip theo. Cuc hp ny c ng khung trong phm vi
M u
11
ba gi cho cc Sprint mt thng. Sprint ngn hn th cuc hp s c rt ngn li cho

ph hp.
Burndown charts :
DashBoard :
4. Cc im mnh
im mnh nht l vic linh hot, d n khng c c nh t u v thi
gian hon thnh hay nhng yu cu m n s c xc nh khi pht trin thc t.
M u
12
Phn phi sn phm mm do: ni dung sn phm chuyn giao c xc nh

linh hot theo mi trng s dng thc t.
Thi gian biu linh hot: c th mun hoc sm hn so vi k hoch ban u.
Cht lng sn phm tt v gim ri ro sn xut, chi ph thp. Kh nng trao
i gia khch hng v nh pht trin, gia nhng thnh vin trong i c t ln
mc cao.
Tc pht trin nhanh, tit kim thi gian. Vic chun b hnh ng cho
nhng thay i trong qu trnh pht trin tt hn v hu nh hng ngy lun c nhng
bui hp nh gi li nhng vng lp pht trin.
Cc bugs (li) v cc vn c pht hin sm hn rt nhiu so vi cc
phng php truyn thng bi v khch hng c tham gia nh gi rt nhiu v u
ra ca sn phm rt nhanh. V khi i sai hng, c th hy ngay sprint quay li
vi bn k hoch.
.II ti
.II.1.
Bi cnh
Trong qu trnh pht trin ca x hi, cng ngh thng tin v ang pht trin
mnh m, ngy cng thm nhp su, tr thnh mt cng c h tr c lc cho con
ngi trong mi lnh vc.
Trc bi cnh , nhm a ra ti ng dng Google Map xy dng website
bt ng sn nh mt phng tin c th gip cng vic kinh doanh bt ng sn
tr nn d dng v th v hn.
.II.2.
Mc ch v ngha
Website thng tin nh t l mt ng dng trn nn Web cho php ngi s dng
ng hoc tm kim thng tin v nh t trong phm vi thnh ph Nng. Gip
ngi s dng c c nhng thng tin chnh xc v nhanh chng hn.
.II.3.
Nhim v trong d n
M u
13
Tm hiu qui trnh pht trin phn mm ti cng ty.
Tm hiu cng ngh Grail, cng ngh Google Map v h qun tr c s d

liu PostgreSQL.
Xy dng website Realstate.com.
Lm quen vi mi trng lm vic mi theo m hnh Scrum.

o
.II.4.
Lch thc tp, hc tp v lm vic ti cng ty

Thi gian bt u t ngy: 10/12/2012 n ngy 08/2/2013
Tun 1: Training v Framework Grails
Tun 2: Training v Cng ngh Google Map,SVN
Tun 3-7: Bt u lm d n
Gii thiu cng ngh
CHNG 1
Qu trnh thc tp ti cng ty

.I
o to cng ngh
Trong thi gian thc tp ti cng ty, chng ti c cng ty giao cho nghin cu
v framework Grails v Google Map chun b cho vic xy dng ng dng web.
Vi s gip ca cc anh ch c kinh nghim trong cng ty, sau 2 tun nghin cu
v lm quen cng vi kin thc sn c chng ti hon thnh cng vic nghin cu
ca mnh.
.I.1.
Cng c qun l phin bn m ngun
S dng SVN ca cng ty qun l v kim tra cc phin bn m ngun khc

nhau trong qu trnh pht trin phn mm, c ci thm plugin trn IDE s dng
SVN ny
.I.2.
15
Cng c trao i gia cc thnh vin trong d n

Chat thng qua Skype : thng bo, trao i
Email: Cc ti liu, phn mm, bo co
Remote Desktop : review hng tun v h tr sa li thng qua mng lan
Hp nhm: trao i, tho lun
.II D n thc hin

.II.1.
Danh sch nhm thc hin

L Th Minh Chu 11TLT
Phan Th Ngn H 08T2
Phan Xun Nguyn 11TLT
Nguyn Quang 08T1
Nguyn Hiu 08T4
.II.2.
#
609
4
609
3
609
0
608
1
608
0
607
9
607
8
607
7
607
6
607
5
607
4
607
3
607
2
Bng phn cng cng vic

Status
Not
started
Not
started
Not
started
Done
Done
Not
started
Done
Done
Done
Not
started
Done
Not
started
Done
Priority
-
Subject
sign up with null email
Color of listing and text in a listing
Validate images upload
Assigned to
Ha Phan Thi
Ngan
Ha Phan Thi
Ngan
Hieu Nguyen
0 Must
0 Must
1 Should
0 Must
0 Must
0 Must
1 Should
0 Must
1 Should
0 Must
Quick delete place by delete icon
Hieu Nguyen
Thumbnail image
Nguyen Le Xuan
Have option to go to My Place after

adding a place
When enter free data when add place,
ISE return
Validation for Add Place
Hieu Nguyen
Hieu Nguyen
Button "Return on Main Page" does not

work
Currency type
Hieu Nguyen
Back to map menu
Hieu Nguyen
Multilingual support
Link between list and map in My Place
and Favourite
607
1
607
0
606
9
606
8
606
7
597
3
597
2
597
1
595
4
575
6
573
6
573
2
572
6
572
5
572
4
571
2
570
2
570
1
570
0
569
6
569
5
569
4
569
3
569
2
569
0
568
9
568
8
568
7
Done
Not
started
Verify
Blocked
Done
Done
Done
Done
Done
Done
Done
Done
Done
Done
Done
Done
Not
started
Not
started
Not
started
Not
started
Not
started
Not
started
Not
started
Done
Not
started
Done
Done
Void
0 Must
0 Must
0 Must
0 Must
1 Should
0 Must
0 Must
0 Must
0 Must
0 Must
0 Must
0 Must
0 Must
1 Should
1 Should
2 Could
3 Won't
2 Could
2 Could
3 Won't
3 Won't
3 Won't
1 Should
2 Could
1 Should
1 Should
1 Should
16
GUI - Redesign search bar
Chau Le Thi Minh
Relative search
Advance search does not work
Chau Le Thi Minh
Ajax load for searching

Validation for Sign Up and Login page
Calculate velocity and update
committ men t
standardize CSS
Quang Nguyen
Result list
Nguyen Le Xuan
[Timebox] Check- point meeting for

database model
Training about Jquery and analysis
domain
Analysis Bussiness Model
Nguyen Le Vu
research about how to use bizagi

application ?
Bizagi
Ha Phan Thi
Ngan
Ha Phan Thi
Ngan
Hieu Nguyen
Set up Basamiq
Update Backlog to Redmind
Hieu Nguyen
User forgot password
Nguyen Le Xuan
Delete user by Admin

Cancel Account
easy for using
Auto display when move bouding box
Top list rent
move list when move into mouse/ move mouse into list and
map with other color
Config map style Form
Info window when i move mouse to a
place
Compare form ( 3 item)
Nguyen Le Xuan
Domain Ananlysis
Business Model (BPMN)
Galerry image in detail form
Chau Le Thi Minh
568
6
568
5
568
4
568
3
568
2
568
1
568
0
567
9
567
6
567
5
567
4
567
3
566
8
566
6
566
2
566
1
566
0
565
9
565
8
565
6
565
4
Not
started
Done
Done
Not
started
Done
Done
Void
Done
Done
Done
Done
Done
Done
Not
started
Not
started
Done
Not
started
Done
Done
Not
started
Done
3 Won't
1 Should
0 Must
2 Could
0 Must
0 Must
0 Must
0 Must
0 Must
0 Must
0 Must
0 Must
0 Must
2 Could
2 Could
0 Must
3 Won't
0 Must
0 Must
1 Should
0 Must
17
A form to add some information about a place i need Notification

Team wiki page
Ha Phan Thi
Ngan
Development Server
View number of member comment/ view
comment
Definition of Done
Create Project and SVN
Quang Nguyen
Prototype
Wireframe
Quang Nguyen
main page
Quang Nguyen
Delete Place
Chau Le Thi Minh
Edit My place information
Nguyen Le Xuan
Add Place
Hieu Nguyen
Show place's details
Chau Le Thi Minh
View user's places with other color or

icon
Approve article
User Login
Set Role
Register User
Nguyen Le Xuan
Update User Profile
Hieu Nguyen
Interactive map
Search information
Quang Nguyen
Gii thiu cng ngh
CHNG 2
.II.3.
Tm hiu v Grails
D n Grails c gy cm hng t s thnh hnh ca Ruby on Rails framework

em li nhiu thay i mi m trong cch thc lp trnh web. Vi Ruby on
Rails (RoR), nhng cng vic lp i lp li thng thy c t ng ha, mt s m
hnh v giao din c th c t pht sinh, v mi trng lp trnh c h tr ti a.
Tt c nhng iu nhanh chng a RoR ln mt v tr c trng vng trong
th gii programmer.
Vi mong mun c mt RoR kt hp c sc mnh nhng nn tng Java kinh
in: Spring, Hibernate, SiteMesh Peter Ledbrook v ng nghip quyt nh
xy dng Groovy on Grails. Mt framework dn thnh hnh v pht trin mnh
m t .
Phin bn 0.1 ca Grails c pht hnh vo thng 3/2006. n nay Grails ln

n phin bn 1.3.7 (2/2011). Qua gn 5 nm, tc , s n nh ca Grails c
cng ng s dng tha nhn v nh gi cao.
ng dng Google Map xy dng website bt ng sn
19
Grails l mt framework dng pht trin web hin i gn vi cc cng ngh

quen thuc ca Java nh Spring v Hibernate cng vi cc kinh nghim thc tin
ng thi nh quy c so vi cu hnh. Grails to l s tch hp thng sut i vi
m Java c sn m vn tng thm tnh linh hot v nng ng ca ngn ng vit. Sau
khi bn hc Grails bn s khng bao gi nhn pht trin Web theo cch c na.
Kin trc Grails
Sc mnh ca Grails c th tm gn li nhng yu t sau:

Tng nng sut lp trnh. Grails gip t ng ha nhng cng vic v cc cu
truy vn n gin(dynamic finder), h tr scaffolding, v h thng taglib gip
lp trnh vin x l html mt cch rt d dng.
n gin ha nhng cng ngh lp trnh nh Spring, Hibernate. Gip cho
vic hc v s dng d dng vi nhng ng dng n gin; m vn m bo
tnh linh hot, kh chuyn ca nhng cng ngh gc khi cn thit.
Quen thuc vi lp trnh vin Java: lp trnh vin c th lp trnh bng hai
ngn ng Groovy v Java, thm ch trn chung ln nhau chng trnh cng vn
chy. iu ny gip rt ngn thi gian hc Grails cho Java-developer.
Cng ng s dng Grails rt tch cc . Mi vn ny sinh u c nhanh
chng thng bo; cc phin bn Grails cng lin tc c cp nht p ng
kp thi cc nhu cu ca mi trng cng nghip.
20
Th vin plug-in pht trin phong ph: C ch plug-in ca Grails cho php
ngi s dng c th d dng m rng cc tnh nng ca web-application, ng
thi cng c th public cc plugin ny chia s vi cng ng.
Groovy: Groovy l mt ngn ng ng chy trn JVM v ha nhp thng sut
i vi ngn ng Java. Groovy cho php bn gim mnh m s lng m
JAVA m thng thng bn phi vit.
.II.4.
H qun tr c s d liu PostgreSQL
PostgreSQL l mt h qun tr c s d liu quan h v i tng da trn

POSTGRES, bn 4.2, c khoa in ton ca i hc California ti Berkeley pht
trin. POSTGRES m ng cho nhiu khi nim quan trng m cc h qun tr d
liu thng mi rt lu sau mi c. H qun tr c s d liu thuc tnh PostgreSQL
ang pht trin mnh m v nhanh chng trn th gii v l i th cnh tranh vi h
qun tr c s d liu thuc tnh PostgreSQL. c bit trong lnh vc GIS th h qun
tr c s d liu thuc tnh PostgreSQL c li th hn h qun tr c s d liu thuc
tnh MySQL v n c kh nng tch hp vi h qun tr c s d liu bn PostGIS.
21
PostgreSQL l mt chng trnh m ngun m xy dng theo chun SQL99 v c

nhiu c im hin i:
Cu truy vn phc hp (complex query)
Kha ngoi (foreign key)
Th tc s kin (trigger)
Cc khung nhn (view)
Tnh ton vn ca cc giao dch (integrity transactions)
Vic kim tra truy cp ng thi a phin bn (multiversion concurrency

control)
Hn na, PostgreSQL c th dng trong nhiu trng hp khc, chng hn nh to
ra cc kh nng mi nh:
Kiu d liu
Hm
Ton t
Hm tp hp
Phng php lit k

Ngn ng theo th tc
PostgreSQL c ph bin bng giy php BSD c in. N khng quy nh nhng
hn ch trong vic s dng m ngun ca phn mm. Bi vy PostgreSQL c th c
dng, sa i v ph bin bi bt k ai cho bt k mc ch no.
22
C s d liu PostgreSQL l mt dng c s d liu quan h. N rt manh v lu

tr theo dang bang quan h, mt iu kha thu vi na la no chay trn nn h iu hanh
linux va min phi, chay rt n inh va khng thua kem nhng c s d liu thng
mi, Nu ban lp trinh mang thi la chon c s d liu PostgreSQL l khuyn dng.
H qun tr c s d liu PostgreSQL co y u tinh nng cua mt c s d liu
quan h nh s dung cac cu truy vn SQL, cac bang quan h, cac khoa,va c bit
y la tc cua PostgreSQL la rt cao va cho phep nhiu ngi truy cp cung mt
luc, no thich ng cho ban xy dng nhng ng dung trn mang Internet.
Giao din qun l ca h qun tr C s d liu PostgreSQL
.II.5.
Google Map
Google Map API l g?

Google Maps l mt dch v ng dng v cng ngh bn trc tuyn trn web
min ph c cung cp bi Google, h tr nhiu dch v khc ca Google ni bt l
23
dn ng. N cho php thy bn ng s, ng i cho xe p, cho ngi i b

v xe hi, v nhng a im kinh doanh trong khu vc cng nh khp ni trn th
gii.
Map API l g?
l mt phng thc cho php 1 website B s dng dch v bn ca site A
(gi l Map API) v nhng vo website ca mnh (site B). Site A y l google map,
site B l cc web site c nhn hoc t chc mun s dng dch v ca google, c th
r chut, room, nh du trn bn ...
Cc ng dng xy dng trn maps c nhng vo trang web c nhn thng qua
cc th javascripts do vy vic s dng API google rt d dng.
Google Map API c nng cp ln phin bn th 3. Phin bn ny h tr
khng ch cho cc my bn truyn thng m cho c cc thit b di ng. Nhanh hn
v nhiu hn cc ng dng.
iu quan trng l cc dch v hon ton min ph vi vic xy dng mt ng
dng nh. Tr ph nu l vic s dng cho mc ch kinh doanh, doanh nghip.
Cc thnh phn ca Google Map
24
Bn c hin th thng qua Google Maps API c cha cc thnh phn giao
din ngi dng cho php ngi dng tng tc vi bn . Nhng thnh phn ny
c gi l cc trnh iu khin v bn c th ty bin cc iu khin trong ng dng
Google Maps API ca bn. Ngoi ra, bn c th map load ch mc nh
Maps API xy dng 1 s cng c s dng trong map:
Zoom control hin th dng thanh trt, hoc nt +/- thay i cp
zoom bn .
C th xoay map
c th thay i cch hin th ca map nhiu ch khc nhau nh:
ROAD, SATELLITE
Street View control c cha biu tng Pegman c th c ko th ln bn
kch hot tnh nng street view
Vic kim sot Rotate cha mt biu tng nh hnh trn cho php bn
xoay bn c cha hnh nh xin.
Overview Map control : c th hin th tng quan bn ti khu vc ln
Mt s ng dng c th xy dng
nh du cc a im trn bn cng cc thng tin cho a im: cc khu vui
chi gii tr, nh hng khch sn, cc qun n ngon, cc shop qun o, n trang...
Ch dn ng n cc a im cn tm,ch dn ng giao thng cng cng, c
th l cc a im cung cp nh trn. y s dng cc service google cung cp.
Khoanh vng khu vc: cc trung tm kinh t, khu th, khu nhim...
Tnh trng giao thng cc khu vc. a ra cc gii php c th.
Cn rt nhiu ng dng cho php bn xy dng. Quan trng l u mang li li ch
cho ngi cung cp dch v v ngi s dng dch v. C th em li li ch kinh t
nu nh ng dng p dng tt trong thc t.
Load bn v trang web c nhn
Khi c key google cung cp ta s dng key trong on m javascripts trong
th <head>:
<script type="text/javascript"
25
src="http://maps.googleapis.com/maps/api/js?
key=YOUR_API_KEY&sensor=SET_TO_TRUE_OR_FALSE">
</script>
To mt hm trong javascripts:
''<script type="text/javascript">
function initialize() {
var myOptions = {
center: new google.maps.LatLng(-34.397, 150.644),
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
}
</script>''
u tin to mt i tng bn cha cc bin khi to bn

var myOptions = {
zoom: 8,
};
center: mt im lm trung tm ca bn Latitudes(v ) vLongitudes(kinh

). Tng t nh trn khi ta nh ngha 1 im l ta trong Map ta n
nm trong new google.maps.LatLng(lat,lng). Mt im c xc nh bi v
v kinh .
zoom: zoom c quy nh khi Map c load.
Map type: loi Map c hin th sau khi load xong. c 4 loi chn:
ROADMAP, SATELLITE, HYBRID, TERRAIN
Map object:
myOptions);
Xc nh id html cha i tng Map vi ty chn "myOptions" nh trn.

M javascripts:
''''<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"
/>
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map_canvas { height: 100% }
</style>
<script type="text/javascrip">
src="http://maps.googleapis.com/maps/api/js?
key=YOUR_API_KEY&sensor=SET_TO_TRUE_OR_FALSE">
</script>
<script type="text/javascript">
function initialize() {
var myOptions = {
zoom: 8,
};
26
27
var map = new

google.maps.Map(document.getElementById("map_canvas"),
myOptions);
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>
Lp ph trn bn (Overlays)
Sau khi load c bn ta thm cc on code xy dng lp ph sau khi i
tng map c khi to:
myOptions);.
Sau ny cng vy cc ng dng khc nu mun c thm vo th cc
on code c khai bo sau khi i tng map c khi to.

Tng quan: Lp ph(overlays) l cc i tng trn bn v c gn vi v ,
kinh cho nn n s di chuyn cng bn khi ta ko hoc zoom bn . Overlays
phn nh cc i tng m bn thm vo bn nh points, line, areas, hoc cc
"collections of object" tm gi l b su tp i tng, cc i tng m bn mun
xy dng. Vd: 1 khu vc cng nghip, khu vc sng, khu vui chi gii tr...
Cc loi lp ph: markers, polylines, areas, info windows, polygons.
Thm cc lp ph: u tin phi xc nh lp ph no cn xy dng c th hin
th trn Map. Thm lp ph trc tip ln bn s dng phng thc setmap(). V d
sau thm lp ph Markers nh giu im trn map.
M javascripts
var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
28
var myOptions = {
zoom: 4,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
}
myOptions);
var marker = new google.maps.Marker({

position: myLatlng, //v tr ny s xut hin im nh du vi
icon mc nh ca google.
title:"Hello World!"
});
marker.setMap(map);// i tng map c khi to trn
Lp ph Markers c thm vo bi i tng trong javascripts cng cc ty chn

ca lp ph:
position: myLatlng,// v tr ny s xut hin im nh du vi
icon mc nh ca google.
title:"Hello World!"
});
Maker
Markers dng xc nh mt im trn bn hoc nh du a im da trn
v v kinh . Theo mc nh s dng icon ca google lm hnh nh hin ln im
nh du. Hoc mun mt icon ca mnh th ta gi phng thc setIcon().
Sau y l cc trng c xy dng trong new google.maps.Marker:
Position(bt buc): quy nh l ta LatLng ca im c nh du.
29
map(ty chn): quy nh i tng bn c nh du. nu thuc tnh

ny c khai bo trong y n s thay th cho Markers.setMap(map).
Icon(ty chn): hnh nh ty chn m bn mun hin th thay th hnh nh
mc nh. Dng ty chn ny thay th cho marker.setIcon(link n hnh nh
trong th mc).
Title(ty chn): tiu ca a im.
draggable(ty chn): thuc tnh ng ca im nh du, th hin s
chuyn ng ca im c nh du. Nu TRUE tnh ng c khi
ng.
animation: cch thc chuyn ng ca im nh du. C 2 cch thc
DRAG, Bounce.
var myLatlng = new google.maps.LatLng(25.363882,131.044922);

var myOptions = {
zoom: 4,
center: myLatlng,
}
var map = new
google.maps.Map(document.getElementById("map_canvas"),
myOptions);
var icon = "link n hnh nh";
position: myLatlng,
map: map,
icon:icon,
30
title:"Hello World!",
draggable:true,
animation:google.maps.Animation.DROP
});
S kin
Mt s i tng trong Maps API c thit k p ng vi s kin ngi s
dng chng hn nh cc s kin chut hoc bn phm . Mt i tng
google.maps.Marker c th lng nghe ngi s dng cc s kin sau y 'click'
dblclick()
mouseup()
mousedown()
mouseover()
mouseout()
CHNG 3
ng dng Google Map xy dng website bt

ng sn
.I
1.
Gii thiu ti
M t ti
ti ng dng Google Map xy dng website bt ng sn nh mt

phng tin c th gip cng vic kinh doanh bt ng sn tr nn d dng v th
v hn.Cc doanh nghip c nhn c th ng k ti khon rao bn hoc cho thu
31
bt ng sn. Vi giao din Map trc quan ngi dng c th tm kim nhanh chng,
d dng .
2. Yu cu chc nng
-
Xy dng website n tng v thit k trong lnh vc bt ng sn, tnh

chuyn nghip cao.
Cho php ngi dng, doanh nghip c th ng k ti khon trn

website v s dng ti khon ng nhp vo website.
Ngi dng c th xem danh sch tt c place (nh , t, vn phng,

chung c, bit th cho thu hoc bn ) trong khu vc Nng vi y
thng tin, hnh nh.
C th tm kim lc theo thnh ph, qun, gi c, tin nghi
Ngi dng sau khi ng k ti khon c th a tin rao bn hoc cho

thu cc loi hnh bt ng sn. Qun l cc loi hnh bt ng sn ca
mnh (thm, sa, xa).
Admin qun l cc user v loi hnh bt ng sn c rao tin trn

website.
3.
Yu cu giao din
Chng trnh yu cu giao din phi:
4.
Thn thin d s dng.
Hin th thng tin y v chnh xc.
T chc tt cc chc nng.
D dng tm kim thng tin

Phn tch yu cu
a. Thit k c s d liu
b. Xy dng s hot ng:
32
c. Pht tho prototype cho h thng

Giao din chnh
33
34
.II KT QU
Hnh nh v ng dng
35
36
37
38
39
40
KT LUN
.I
Kt qu t c
Nhm hon thnh vic xy dng Website thng tin nh t thnh ph Nng
vi nhng chc nng cn thit nh : ng tin , Tm kim thng tin , Qun l tin ng ,
cho php thnh vin c thay i thng tin ca mnh khi cn thit. Ngoi ra Website
cn c nhng tnh nng mi nh like, comment. H tr tm kim nhanh theo tng
khu vc trong thnh ph Nng.
.II Hng pht trin ca Website:

o Xy dng thm cc module nh:
o Cho php ngi dng ng k cc thng tin v nh, t, nhn
cc thng bo khi c cc thng tin mi c ng ln, hoc cc
thng tin c c cp nht, v c th nhn thng tin trn in thoi
di ng
o Thm module qun l s kin
Gii thiu cng ngh
TI LIU THAM KHO

[1]
Trang web : http://www.grails.org/doc/latest/
[2]
Trang web : https://www.developers.google.com/
[3]
Trang web : http://www.stackoverflow.com/

V mt s ngun khc trn internet

BaoCaoTTTN (Nguyen)

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

BaoCaoTTTN (Nguyen)

Uploaded by

Copyright:

Available Formats

I HC NNG

TRNG I HC BCH KHOA

KHOA CNG NGH THNG TIN

NG DNG GOOGLE MAP

SINH VIN : Nguyn Quang

: Cng ty phn mm AXON ACTIVE

L Xun Nguyn 11TLT MSV: 102110048

L Xun Nguyn 11TLT MSV: 102110048

BNG ANH GIA

Khoa: Cng ngh thng tin

Khoa: 2011 - 2013

Thi gian thc tp tt nghip: t ngay: 10/12/2012 n ngay: 08/02/2013

Nhn xt v chuyn mn:

a Nng, ngay . thang nm 2013

C QUAN TIP NHN SINH VIN THC TP

(Ky, ghi ro ho tn)

L Xun Nguyn 11TLT MSV: 102110048

(Ky tn, ong du)

Qu trnh thc tp ti cng ty.......................................................................14

ng dng Google Map xy dng website bt ng sn..............................30

TI LIU THAM KHO............................................................................41

Trang web : http://www.grails.org/doc/latest/.......................................................41

L Xun Nguyn 11TLT MSV: 102110048

Trang web : http://www.stackoverflow.com/........................................................41

L Xun Nguyn 11TLT MSV: 102110048

Gii thiu cng ngh

Gii thiu v n v thc tp

Quy trnh pht trin phn mm theo m hnh Scrum

Mt sprint hon thnh mt s chc nng, mc ch no trong ton b h

2. Thnh phn chnh quan trng ca scrum ( role)

L Xun Nguyn 11TLT MSV: 102110048

+ Product Owner (PO): l ngi lm nhng cng vic bt u cho d n, to ra

L Xun Nguyn 11TLT MSV: 102110048

ba gi cho cc Sprint mt thng. Sprint ngn hn th cuc hp s c rt ngn li cho

L Xun Nguyn 11TLT MSV: 102110048

Phn phi sn phm mm do: ni dung sn phm chuyn giao c xc nh

L Xun Nguyn 11TLT MSV: 102110048

Tm hiu qui trnh pht trin phn mm ti cng ty.

Tm hiu cng ngh Grail, cng ngh Google Map v h qun tr c s d

Xy dng website Realstate.com.

Lm quen vi mi trng lm vic mi theo m hnh Scrum.

Lch thc tp, hc tp v lm vic ti cng ty

L Xun Nguyn 11TLT MSV: 102110048

Gii thiu cng ngh

Qu trnh thc tp ti cng ty

Cng c qun l phin bn m ngun

S dng SVN ca cng ty qun l v kim tra cc phin bn m ngun khc

L Xun Nguyn 11TLT MSV: 102110048

Qu trnh thc tp ti cng ty

Cng c trao i gia cc thnh vin trong d n

.II D n thc hin

Danh sch nhm thc hin

Bng phn cng cng vic

Color of listing and text in a listing

Validate images upload

Quick delete place by delete icon

Have option to go to My Place after

Button "Return on Main Page" does not

Back to map menu

L Xun Nguyn 11TLT MSV: 102110048

Qu trnh thc tp ti cng ty

GUI - Redesign search bar

Chau Le Thi Minh