1
00:00:00,000 --> 00:00:03,388
>> [MUSIC Playing]

2
00:00:03,388 --> 00:00:09,196

3
00:00:09,196 --> 00:00:10,180
>> DAVID J. Malan: Përshëndetje.

4
00:00:10,180 --> 00:00:12,600
Le të bëjmë një shëtitje nëpër
Problem Set 8 mashup,

5
00:00:12,600 --> 00:00:15,880
i cili është duke shkuar për të sfiduar ju për të
barazim në elementeve për Google Maps

6
00:00:15,880 --> 00:00:20,905
me elemente nga Google News dhe pure
ata së bashku në një web applet që

7
00:00:20,905 --> 00:00:24,150
lejon një përdorues të kërkuar
një hartë për lajme lokale

8
00:00:24,150 --> 00:00:26,780
në qytete të veçanta,
qytetet, dhe kodet zip.

9
00:00:26,780 --> 00:00:31,040
Për ta bërë këtë, ne jemi duke shkuar për
integrohen disa HTML, CSS, PHP, SQL,

10
00:00:31,040 --> 00:00:34,390
JavaScript, dhe një teknikë
përgjithësisht i njohur si AJAX, në mënyrë

11
00:00:34,390 --> 00:00:36,850
për të krijuar këtë immersive
përvojë përdorues.

12
00:00:36,850 --> 00:00:38,920
>> Le të parë për Google Maps vetë.

13
00:00:38,920 --> 00:00:41,220
Kjo, sigurisht, është ndoshta
një ndërfaqe të njohur.

14
00:00:41,220 --> 00:00:45,070
Por kjo rezulton se Google Maps
gjithashtu ofron një aplikacion API--

15
00:00:45,070 --> 00:00:48,360
programimit interface-- nëpërmjet cili
ju mund të marrë elemente të Google Maps

16
00:00:48,360 --> 00:00:50,740
dhe integrimin e tyre në
aplikacionet tuaja.

17
00:00:50,740 --> 00:00:52,650
Në të vërtetë, gjatë gjithë kjo
proces, ju do të jeni

18
00:00:52,650 --> 00:00:55,140
për të gjetur një çift të URLs
veçanërisht e dobishme që

19
00:00:55,140 --> 00:00:57,820
janë përmendur në
Specifikim për Problem Set 8,

20
00:00:57,820 --> 00:01:00,980
në mënyrë të veçantë kjo T'ia Fillohet
Udhëzues ose e zhvilluesit Guide

21
00:01:00,980 --> 00:01:07,640
për Google Maps API Version 3, si dhe
si API Google Maps JavaScript

22
00:01:07,640 --> 00:01:10,260
reference V3, e cila eshte nje
pak më të errët të lexuar

23
00:01:10,260 --> 00:01:14,600
por në të vërtetë ka të gjitha të nivelit më të ulët
detaje rreth asaj funksioneve ose metodat

24
00:01:14,600 --> 00:01:18,220
dhe objektet dhe pronat dhe
ngjarjet në të vërtetë vijnë me API,

25
00:01:18,220 --> 00:01:20,720
shumë të ngjashme në frymë
për të [e padëgjueshme] faqeve.

26
00:01:20,720 --> 00:01:23,480
>> Tani në qoftë se ne të merrni një vështrim
në Google News, ju do të

27
00:01:23,480 --> 00:01:25,370
ndoshta shihni një ndërfaqe të njohura këtu.

28
00:01:25,370 --> 00:01:29,350
Por kjo rezulton nga ju gjithashtu mund të kërkoni
Google News për geographies specifike

29
00:01:29,350 --> 00:01:32,000
nëpërmjet një HTTP parametër të quajtur gjeo.

30
00:01:32,000 --> 00:01:35,100
Në fakt, në qoftë se unë zoom në
deri këtu, ju do të shihni se

31
00:01:35,100 --> 00:01:41,672
Unë jam në
news.google.com/news/section?geo=02138.

32
00:01:41,672 --> 00:01:43,630
Dhe, me të vërtetë, në qoftë se unë zoom
jashtë, ju do të shihni se unë jam

33
00:01:43,630 --> 00:01:47,090
duke kërkuar në një faqe me një bandë e tërë e
shikime rreth Cambridge, Massachusetts.

34
00:01:47,090 --> 00:01:50,620
>> Ndërkohë, në qoftë se unë në të vërtetë të ndryshojë
URL nuk të jetë një kod zip si kjo,

35
00:01:50,620 --> 00:01:55,580
por diçka një çrregullt pak
si Cambridge, + Massachusetts,

36
00:01:55,580 --> 00:02:00,740
ku plus është mënyra që ju të shifroj një
karakter hapësirë ​​në një URL dhe hit Enter,

37
00:02:00,740 --> 00:02:02,907
ju do të shihni se unë në të vërtetë
shoh pothuajse të njëjtin lajm.

38
00:02:02,907 --> 00:02:05,489
Ndoshta kjo është pak e ndryshme
sepse në të vërtetë Cambridge

39
00:02:05,489 --> 00:02:06,910
ka kode të shumta zip.

40
00:02:06,910 --> 00:02:09,410
Tani si do e di se dhe,
në të vërtetë, si mund unë disi

41
00:02:09,410 --> 00:02:12,940
lidhin qytetet dhe qytetet
të kodeve zip në rast se unë

42
00:02:12,940 --> 00:02:15,064
duan për të lejuar përdoruesit
të kërkoni as?

43
00:02:15,064 --> 00:02:17,480
E pra, ajo rezulton se nuk ka
një website atje i quajtur

44
00:02:17,480 --> 00:02:20,060
geonames.org cila është
një iniciativë që të ketë

45
00:02:20,060 --> 00:02:23,760
një bazë të dhënash të lirë në dispozicion të gjithë
llojet e informacionit gjeografik,

46
00:02:23,760 --> 00:02:27,040
jo vetëm për SHBA, por edhe
për vendet e tjera.

47
00:02:27,040 --> 00:02:30,430
Në fakt, nëse unë shkoj në këtë URL këtu, që
është përmendur edhe në problemin e përcaktuar

48
00:02:30,430 --> 00:02:34,510
specifikim, ju do të shihni atë tre
listë e një bandë e tërë e dosjeve zip

49
00:02:34,510 --> 00:02:36,400
ndonjë prej të cilëve mund të shkarkohet nga ju.

50
00:02:36,400 --> 00:02:39,900
Në fakt, për këtë problem vendosur
ju jeni do të shkarkoni us.zip.

51
00:02:39,900 --> 00:02:43,790
Tani brenda këtij file, është një e tërë
bandë e të dhënave në format tekst.

52
00:02:43,790 --> 00:02:47,760
Dosjet është shumë e ngjashme me një
CSV-- Comma Separated Vlerat file--

53
00:02:47,760 --> 00:02:51,294
por ajo në të vërtetë përdor
tabs për demarkimin fusha.

54
00:02:51,294 --> 00:02:53,710
Tani, ndërkohë, në qoftë se ju shikoni
këtu në atë që unë e kam theksuar,

55
00:02:53,710 --> 00:02:56,459
fushat në këtë skedë janë duke shkuar
të jenë gjëra të tilla si kodeve të vendit,

56
00:02:56,459 --> 00:02:58,980
Kodet postare, emra vendesh,
dhe pastaj, në disa forma

57
00:02:58,980 --> 00:03:04,230
apo të tjera, shtetet dhe qarqet,
komunitetet, dhe më shumë.

58
00:03:04,230 --> 00:03:06,630
Në fakt, unë kam tashmë
shkarkuar këtë fotografi paraprakisht.

59
00:03:06,630 --> 00:03:09,750
Më lejoni të shkoj përpara dhe të hapur atë here--
us.text-- dhe, në të vërtetë, ju do të

60
00:03:09,750 --> 00:03:16,660
të shohim nëse unë lëvizni poshtë për të vijë 16.792
ju do të shihni një evidencë pak për Cambridge,

61
00:03:16,660 --> 00:03:19,120
Massachusetts dhe kodet e ndryshme të saj zip.

62
00:03:19,120 --> 00:03:22,150
Çfarë ju gjithashtu të shihni se ka qarkut,
disa numra që unë nuk e bëjnë me të vërtetë

63
00:03:22,150 --> 00:03:24,500
kuptoj, por edhe të gjithë
Mënyra në të djathtë,

64
00:03:24,500 --> 00:03:27,170
disa GPS coordinates--
gjerësi dhe gjatësi.

65
00:03:27,170 --> 00:03:30,440
Kjo është e madhe për shkak se një nga
tiparet e Google Maps API

66
00:03:30,440 --> 00:03:33,670
është aftësia për të zbuluar
ku ju jeni gjeografikisht

67
00:03:33,670 --> 00:03:36,850
në aspektin e GPS koordinatat.

68
00:03:36,850 --> 00:03:40,210
>> Tani le të fillojnë të kuptoj se si për të
të fillojë i lidhur këto gjëra së bashku.

69
00:03:40,210 --> 00:03:42,900
Ne kemi dhënë ju një e tërë
bandë e kodit të shpërndarjes,

70
00:03:42,900 --> 00:03:44,970
si dhe MySQL database.

71
00:03:44,970 --> 00:03:49,100
Në fakt, në qoftë se unë tërheq një phpMyAdmin paturit
importuar tashmë, si ju së shpejti do të,

72
00:03:49,100 --> 00:03:54,800
pset8.SQL, ju do të shihni një tabelë MySQL që
duket si kjo, një fushë ID, vend

73
00:03:54,800 --> 00:03:57,400
Kodi, kodi postar, emrin vend dhe më shumë.

74
00:03:57,400 --> 00:04:00,490
Llojet e të gjithë ata
kolona unë rrjedh thjesht

75
00:04:00,490 --> 00:04:03,870
duke lexuar readme.text
paraqesë këtu që specifikohen

76
00:04:03,870 --> 00:04:07,330
nëse një fushë është një numër i plotë,
ose VARCHAR apo si.

77
00:04:07,330 --> 00:04:10,510
>> Pra, ne kemi krijuar këtë tryezë për
ju dhe të ju dhënë komandat e SQL

78
00:04:10,510 --> 00:04:12,770
për të ekzekutuar të krijuar që
tavolinë në bazën e të dhënave tuaj,

79
00:04:12,770 --> 00:04:15,290
por ka në të vërtetë ka të dhëna në atë ende.

80
00:04:15,290 --> 00:04:19,600
Përkundrazi, ju jeni do të duhet të
shkarko us.zip ose zip çdo vend

81
00:04:19,600 --> 00:04:21,500
ngrejë nga ajo URL atje.

82
00:04:21,500 --> 00:04:24,940
Dhe atëherë ju jeni do të duhet për të shkruar
një skenar command line në PHP që është

83
00:04:24,940 --> 00:04:28,420
duke shkuar për të hapur se teksti
paraqesë, iterate mbi linjat e saj,

84
00:04:28,420 --> 00:04:31,180
dhe pastaj për secilin prej
ato linja të bëjë një insert

85
00:04:31,180 --> 00:04:34,940
në se vendos tryezë
në bazën e të dhënave MySQL tuaj.

86
00:04:34,940 --> 00:04:37,880
Pra, në fund të këtij procesi, ju do të
kanë drejtuar atë dorëshkrim në fund të fundit

87
00:04:37,880 --> 00:04:39,610
vetëm një herë në teori.

88
00:04:39,610 --> 00:04:41,780
Në të vërtetë ju do të ndoshta
të drejtuar atë një bandë e herë

89
00:04:41,780 --> 00:04:45,460
ndërsa duke u përpjekur për të rregulluar mete të ndryshme.

90
00:04:45,460 --> 00:04:48,440
>> Në fund të fundit, ju jeni do të ketë një
Baza e të dhënave me të vërtetë e madhe me mijëra

91
00:04:48,440 --> 00:04:50,139
dhe mijëra rreshtave gjeografike.

92
00:04:50,139 --> 00:04:52,930
Atëherë ju do të jeni për të vënë atë të importit
script mënjanë një herë se është duke punuar

93
00:04:52,930 --> 00:04:55,140
dhe bazës së të dhënave juaj është e bukur
dhe i saktë, dhe pastaj

94
00:04:55,140 --> 00:04:58,880
ju jeni do të lëvizin për në të vërtetë
zbatimin e mashup vetë.

95
00:04:58,880 --> 00:05:01,670
Mashup do të shikojmë
një diçka të vogël si kjo.

96
00:05:01,670 --> 00:05:05,165
Në mashup.cs50.net, ne
të ketë një zgjidhje të stafit

97
00:05:05,165 --> 00:05:06,990
që duket një diçka të vogël si kjo.

98
00:05:06,990 --> 00:05:11,070
Në të vërtetë, në qoftë se unë klikoni në këtë gazetë
ikonën për Cambridge, Massachusetts,

99
00:05:11,070 --> 00:05:13,300
ju do të shihni një tjerrje
icon shkurtimisht dhe pastaj

100
00:05:13,300 --> 00:05:16,370
një listë urdhëruar, një
listë bulleted i artikujve

101
00:05:16,370 --> 00:05:18,280
e lidhur me Cambridge, Massachusetts.

102
00:05:18,280 --> 00:05:20,352
Nëse unë klikoni në Charlestown,
Massachusetts,

103
00:05:20,352 --> 00:05:21,685
Unë do të shoh të njëjtën gjë për atë qytet.

104
00:05:21,685 --> 00:05:24,174
Dhe Nëse unë klikoni në
Watertown, Massachusetts,

105
00:05:24,174 --> 00:05:26,090
nuk mund të mos jetë ndonjë
lajm i nga Watertown,

106
00:05:26,090 --> 00:05:28,630
kështu që ju do të shihni diçka
si ditë të ngadalshëm të lajmeve.

107
00:05:28,630 --> 00:05:32,140
>> Tani, ndërkohë, në krye të majtë janë
disa të njohur Google Maps kontrollet

108
00:05:32,140 --> 00:05:34,980
për të ju lejojnë të zoom out, pan
lart, poshtë, majtas, dhe të djathtë,

109
00:05:34,980 --> 00:05:37,360
por edhe një kuti kërkimi që ne kemi vënë atje.

110
00:05:37,360 --> 00:05:40,910
Pra, në qoftë se unë të kërkuar për, sinqerisht,
vetëm kod tjetër zip unë e di,

111
00:05:40,910 --> 00:05:45,020
90.210, ne do të shohim në të vërtetë
Beverly Hills, California.

112
00:05:45,020 --> 00:05:48,550
Kur klikuar ajo shpie mua të
Kaliforni dhe një bandë e tërë

113
00:05:48,550 --> 00:05:50,369
i lajmeve rreth Beverly Hills.

114
00:05:50,369 --> 00:05:51,910
Tani vini re, gjithashtu, se çfarë ka ndodhur atje.

115
00:05:51,910 --> 00:05:57,040
Nëse unë këtë kërkim koha për 02.138 apo edhe
Cambridge presje Massachusetts apo disa

116
00:05:57,040 --> 00:06:00,300
variant të saj, ju merrni një
pak dropdown autocomplete.

117
00:06:00,300 --> 00:06:03,840
Tani kjo është duke përdorur një plugin
për një bibliotekë të quajtur jQuery,

118
00:06:03,840 --> 00:06:05,732
dhe kjo plugin quhet typeahead.

119
00:06:05,732 --> 00:06:07,440
Ne thjesht lexoj përmes
dokumentacioni,

120
00:06:07,440 --> 00:06:13,150
shkarkuar .js paraqesë integruar
në kodin e shpërndarjes në mënyrë që ju

121
00:06:13,150 --> 00:06:16,900
në fund të fundit mund të shkruani kodin që
mbush atë dropdown menu me auto

122
00:06:16,900 --> 00:06:19,350
Zgjedhje apo sugjerimet auto.

123
00:06:19,350 --> 00:06:23,820
>> Tani kodin e shpërndarjes, edhe pse, se
ju mori nuk e bëj gati sa më shumë.

124
00:06:23,820 --> 00:06:26,860
Ju merrni Google Map ngulitur, dhe
ju merrni kontrollet lartë të majtë,

125
00:06:26,860 --> 00:06:28,240
dhe ju merrni kutinë e kërkimit.

126
00:06:28,240 --> 00:06:32,760
Por në qoftë se unë lloji diçka si
02138, nuk ka vende janë gjetur ende.

127
00:06:32,760 --> 00:06:34,730
Kështu që do të jetë
një nga qëllimet tona këtu.

128
00:06:34,730 --> 00:06:37,430
Për më tepër, në qoftë se ju bëni një hap
prapa dhe të shikoni në hartë në vetvete,

129
00:06:37,430 --> 00:06:38,950
nuk ka asnjë lajm whatsoever.

130
00:06:38,950 --> 00:06:41,780
Edhe në qoftë se unë klikoni dhe
drag, nuk ka shënuesit vërtetë

131
00:06:41,780 --> 00:06:45,560
shfaqen për lajme sepse që
Sfida është lënë për ju si.

132
00:06:45,560 --> 00:06:48,490
>> Le të marrin një sy pastaj
në kodin e shpërndarjes.

133
00:06:48,490 --> 00:06:51,460
Pasi të keni shkarkuar
pset8.zip dhe Unzipped atë

134
00:06:51,460 --> 00:06:54,430
në directory tuaj vhost
në CS50 Appliance,

135
00:06:54,430 --> 00:06:56,550
ju do të shihni këto
directories këtu brenda.

136
00:06:56,550 --> 00:07:00,200
Bin-- cila përgjithësisht qëndron për
binar për programs-- ekzekutues

137
00:07:00,200 --> 00:07:04,870
përfshin, si në pset7, disa PHP
fotografi që fotografi të tjera përfshijnë,

138
00:07:04,870 --> 00:07:06,710
atëherë publik, i cili është
dosjet që kanë nevojë

139
00:07:06,710 --> 00:07:09,369
që të jenë të qasshme publikisht
për një përdorues me një shfletues.

140
00:07:09,369 --> 00:07:11,410
Le të marrin një vështrim në
Lista bin, dhe ne do të

141
00:07:11,410 --> 00:07:13,890
shoh se ka një skedë
ka quajtur tashmë Import.

142
00:07:13,890 --> 00:07:17,591
Nëse ne hapim këtë me gedit, ne do të shohim
që, për fat të keq, nuk ka shumë

143
00:07:17,591 --> 00:07:18,090
atje.

144
00:07:18,090 --> 00:07:20,250
E gjithë kjo është atje, edhe pse,
është një mesele në krye

145
00:07:20,250 --> 00:07:23,410
e cila specifikon që
interpreter-- në këtë rast PHP--

146
00:07:23,410 --> 00:07:25,759
duhet të përdoret për të vërtetë
ekzekutuar këtë fotografi.

147
00:07:25,759 --> 00:07:27,550
Por pastaj ku ai thotë se
TODO është ajo ku ju jeni

148
00:07:27,550 --> 00:07:31,130
do të duhet të shkruani disa kodin
që ndoshta kërkon config

149
00:07:31,130 --> 00:07:35,820
fotografi që është në përfshin direktori
siç kemi bërë më parë me fotografi PHP.

150
00:07:35,820 --> 00:07:38,180
Dhe pastaj ju do të jeni për
të duhet të disi të hapur

151
00:07:38,180 --> 00:07:41,920
us.text cila ju me sa duket
kanë Unzipped tashmë.

152
00:07:41,920 --> 00:07:44,690
Atëherë ju jeni do të duhet të
iterate mbi linjat në këtë dosje,

153
00:07:44,690 --> 00:07:47,800
ndoshta duke përdorur disa nga funksionet
sugjeruar në specifikimet.

154
00:07:47,800 --> 00:07:51,390
Pastaj futur secili prej atyre
Linjat në MySQL database

155
00:07:51,390 --> 00:07:54,940
duke përdorur funksionin e query, të cilat
ne kemi të ju dhënë përsëri with--

156
00:07:54,940 --> 00:07:58,010
ose të paktën një variant
saj në functions.php,

157
00:07:58,010 --> 00:07:59,560
që ne do të shohim në vetëm një moment.

158
00:07:59,560 --> 00:08:04,430
>> Tani le të mbyllë importit dhe të kthehemi në
directory tonë dhe këtë herë shkojnë në

159
00:08:04,430 --> 00:08:05,300
përfshin.

160
00:08:05,300 --> 00:08:09,210
Dhe në qoftë se unë bëj ls atje, ju do të shihni
Tre fotografi mjaft si Problem Set 7.

161
00:08:09,210 --> 00:08:13,760
Dhe le të marrin një vështrim të shpejtë,
për shembull, në config.php.

162
00:08:13,760 --> 00:08:16,730
Në atje, është më pak linja
se më parë, dhe atë

163
00:08:16,730 --> 00:08:20,712
Duket kjo skedë përfshin
constants.php dhe functions.php.

164
00:08:20,712 --> 00:08:23,670
Ne jemi duke përdorur një pak më të ndryshme
Teknika këtë herë në të vërtetë

165
00:08:23,670 --> 00:08:30,910
specifikojnë se këto dosje janë relative
në dosjen aktuale __ DIR__

166
00:08:30,910 --> 00:08:35,280
përfaqëson çfarëdo directory kjo
file, config.php, është vetë në.

167
00:08:35,280 --> 00:08:37,600
Pra, kjo është një më shumë
mënyrë eksplicite e specifikuar

168
00:08:37,600 --> 00:08:40,100
çfarë fotografi tjetër që ju doni të kërkojë.

169
00:08:40,100 --> 00:08:44,020
>> Tani në qoftë se unë të mbyllur këtë fotografi dhe
hapur deri constants.php në vend të kësaj,

170
00:08:44,020 --> 00:08:47,430
ju do të shihni një fotografi shumë të kujton
deri Problem Set 7-të, si dhe, megjithëse

171
00:08:47,430 --> 00:08:50,050
me një bazë të dhënash të ndryshëm të quajtur pset8.

172
00:08:50,050 --> 00:08:54,020
Së fundi, në functions.php,
ne do të shohim vetëm një funksion

173
00:08:54,020 --> 00:08:55,942
këtë herë i quajtur query.

174
00:08:55,942 --> 00:08:59,150
Kjo është pothuajse e njëjtë me përjashtim të kemi trajtuar
Gabimet Këtë herë pak

175
00:08:59,150 --> 00:09:02,860
ndryshe, por është përdorimi është
njëjtë si në problemin vendosur shtatë.

176
00:09:02,860 --> 00:09:08,090
>> Tani le të kthehemi në pset8 tonë
directory, shkoni në publik, dhe në atje

177
00:09:08,090 --> 00:09:14,420
në qoftë se unë bëj ls, ju do të shihni this--
articles.php, index.html, search.php,

178
00:09:14,420 --> 00:09:16,940
dhe update.php-- të gjitha dosjet.

179
00:09:16,940 --> 00:09:22,010
Dhe pastaj fonts css, img, dhe
Lista js fare si pset7.

180
00:09:22,010 --> 00:09:24,660
>> Le të bëjmë një vështrim në
index.html, i cili është

181
00:09:24,660 --> 00:09:27,290
do të jetë me të vërtetë
Pika e hyrjes në smashup.

182
00:09:27,290 --> 00:09:31,820
Tani në index.html, ju do të shihni një e tërë
bandë e elementeve Lidhje në kokë,

183
00:09:31,820 --> 00:09:36,540
në mënyrë specifike, për metodologji ndihmëse për vetën tonë
CSS ndjekur nga një bandë e tërë e shkrimit

184
00:09:36,540 --> 00:09:41,520
tags për gjëra të tilla si harta, API
vetë, një shënues të veçantë me etiketë

185
00:09:41,520 --> 00:09:44,950
gjë e dobishme që ne të përmendur në
specifikim është në dispozicion për ju,

186
00:09:44,950 --> 00:09:48,420
vetë jQuery, bootstrap
vetë, dhe një tjetër bibliotekë

187
00:09:48,420 --> 00:09:50,990
i quajtur nënvizojnë që
ne flasim për në spekulim.

188
00:09:50,990 --> 00:09:57,031
Underscore.js si jquery.js
është një bibliotekë JavaScript

189
00:09:57,031 --> 00:10:00,280
që ka një bandë e tërë e funksionalitetit
se shumë njerëz në dëshirën botëror

190
00:10:00,280 --> 00:10:02,020
ekzistuar në vetë JavaScript.

191
00:10:02,020 --> 00:10:04,560
Pra, të gjitha këto janë
në të vërtetë mjaft popullore.

192
00:10:04,560 --> 00:10:07,140
Ne e kemi përmendur edhe typeahead
cila është biblioteka që

193
00:10:07,140 --> 00:10:11,180
bën që dropdown autocomplete dhe
më në fund një lidhje me vet tonë JavaScript.

194
00:10:11,180 --> 00:10:13,880
>> Ndërkohë, dhe ndoshta
fatmirësisht, ky mashup

195
00:10:13,880 --> 00:10:17,550
është i shtyrë nga relativisht pak
HTML poshtë këtu në pjesën e poshtme.

196
00:10:17,550 --> 00:10:22,330
Njoftim se ne kemi përcaktuar një div në
trupi ynë i lëngjeve klasë-enë.

197
00:10:22,330 --> 00:10:24,610
Kjo, për bootstrap-së
Dokumentacioni, vetëm

198
00:10:24,610 --> 00:10:29,840
do të thotë se kjo div do të mbushë
dritare të pamjes apo dritare të shfletuesit plotësisht.

199
00:10:29,840 --> 00:10:33,020
>> Ndërkohë, më poshtë se ne kemi një div
që është e hapur dhe e mbyllur menjëherë

200
00:10:33,020 --> 00:10:34,790
me ID unike të hartë kanavacë.

201
00:10:34,790 --> 00:10:37,400
Kjo tani është nga Google
Maps dokumentacioni

202
00:10:37,400 --> 00:10:42,490
për API e saj, me të cilin unë thjesht duhet të
kanë një div bosh në të cilat për të injektuar,

203
00:10:42,490 --> 00:10:44,470
në fund të fundit, një Google Maps aktuale.

204
00:10:44,470 --> 00:10:46,310
Por më shumë se në vetëm pak.

205
00:10:46,310 --> 00:10:48,850
>> Së fundi, ka një formë
brenda i cili këtu

206
00:10:48,850 --> 00:10:52,930
zbaton kuti teksti lart majtas top
në ndërfaqe tonë për kërkim.

207
00:10:52,930 --> 00:10:54,730
Njoftim se ne kemi përdorur
pak e metodologji ndihmëse

208
00:10:54,730 --> 00:10:57,670
këtu too-- gjëra të tilla si
formë-inline dhe formë-grup.

209
00:10:57,670 --> 00:11:00,080
Ne kemi dhënë ish-
ID unike e formës.

210
00:11:00,080 --> 00:11:04,510
Dhe pastaj, në fund të fundit, unë në fakt kanë
një lloj input, e cila është shumë e njohur,

211
00:11:04,510 --> 00:11:06,440
ID cilit është q.

212
00:11:06,440 --> 00:11:07,230
Vetëm një konventë.

213
00:11:07,230 --> 00:11:09,234
Q për query-- mund të ketë
është quajtur asgjë.

214
00:11:09,234 --> 00:11:11,400
Dhe pastaj placeholder,
ndërkohë, është qyteti, shteti,

215
00:11:11,400 --> 00:11:16,200
dhe kod postar që ju mund të kujtojnë
duke parë në mashup tonë demo më herët.

216
00:11:16,200 --> 00:11:17,980
Le të mbyllim këtë fotografi.

217
00:11:17,980 --> 00:11:24,460
>> Tani të marrë një vështrim në dosjet PHP që
presin dhe pastaj fotografi JavaScript.

218
00:11:24,460 --> 00:11:27,700
Në dosjet tona PHP, ne kemi
tashmë zbatohet për ju,

219
00:11:27,700 --> 00:11:29,960
për shembull, updates.

220
00:11:29,960 --> 00:11:35,060
Update.php-- ne nuk do të kalojnë një të madhe
sasia e kohës në here-- në një fjalë

221
00:11:35,060 --> 00:11:38,400
është skedari që tonë
Kodi JavaScript është duke shkuar

222
00:11:38,400 --> 00:11:41,610
të kontaktoni nëpërmjet AJAX se
teknikë asinkron kjo është

223
00:11:41,610 --> 00:11:45,980
ndërtuar në JavaScript këto ditë kjo është
do të na lejojë të pyes update.php

224
00:11:45,980 --> 00:11:47,410
për më shumë informacion.

225
00:11:47,410 --> 00:11:50,045
>> Në mënyrë të veçantë, në çdo kohë
përdorues tërheq hartën

226
00:11:50,045 --> 00:11:53,310
ose kryen një kërkim që hedhje
përdorues në një vend tjetër,

227
00:11:53,310 --> 00:11:55,250
Kodi ynë JavaScript,
si ne do të shohim së shpejti, është

228
00:11:55,250 --> 00:11:59,610
do të thërrasë update.php
dhe kërkoni për 10 apo më shumë shënuesve

229
00:11:59,610 --> 00:12:02,630
brenda dritares së pamjes bazuar
në GPS koordinon

230
00:12:02,630 --> 00:12:06,510
e krye dhe në fund
qoshet e asaj harte.

231
00:12:06,510 --> 00:12:10,520
Ne pastaj mund të ripopulluar hartën tani që
përdorues ka lëvizur në ekran në mënyrë

232
00:12:10,520 --> 00:12:14,210
për të parë se 10 ndoshta i ri
shënuesit për qytete të ndryshme.

233
00:12:14,210 --> 00:12:18,340
Ndërkohë, kjo fotografi është në fund të fundit
shkuar për të ekzekutuar një SQL query

234
00:12:18,340 --> 00:12:21,680
kundër database tonë
tabelë të quajtur vende që

235
00:12:21,680 --> 00:12:26,380
do të kthehen ato
10 ose më pak vende.

236
00:12:26,380 --> 00:12:32,620
>> Ndërkohë, në articles.php, është një tjetër
paraqesë ne kemi shkruar në tërësinë e saj.

237
00:12:32,620 --> 00:12:35,820
Ajo është shumë e ngjashme në frymë të
Funksioni Problemi Set 7-së lookup,

238
00:12:35,820 --> 00:12:39,450
cila kontaktuar Yahoo Finance për ju.

239
00:12:39,450 --> 00:12:43,710
Kjo skedë kontaktet Google Lajme
për ju, në fund të fundit grabbing

240
00:12:43,710 --> 00:12:46,050
një makinë të lexueshme
version-- në diçka

241
00:12:46,050 --> 00:12:49,720
i quajtur RSS format-- i lajmeve
për Kembrixh apo Beverly Hills

242
00:12:49,720 --> 00:12:52,880
ose çfarëdo qyteti që ju keni kontrolluar
për të bazuar në atë geoparameter.

243
00:12:52,880 --> 00:12:57,250
Ne kuptoj se RSS, e cila është vetëm një
lloj i gjuhës markup quajtur XML,

244
00:12:57,250 --> 00:13:00,740
dhe pastaj ne fakt
kthejë atë në shfletuesin tënd

245
00:13:00,740 --> 00:13:03,570
dhe në kodin tuaj JavaScript,
në mënyrë specifike, në një format të quajtur

246
00:13:03,570 --> 00:13:06,097
JSON, JavaScript Object simbol.

247
00:13:06,097 --> 00:13:08,180
Tani ju do të shihni në
specification-- ne ju pikë

248
00:13:08,180 --> 00:13:10,720
se si ju në fakt mund të shihni
disa nga back-- ardhshëm JSON

249
00:13:10,720 --> 00:13:15,210
se ky funksionalitet në fund të fundit
ju lejon të populloj këto menutë popup kështu

250
00:13:15,210 --> 00:13:16,960
se kur ju klikoni
në një shënues në hartë

251
00:13:16,960 --> 00:13:19,430
ju në të vërtetë të shihni një bandë e tërë
i plumbat, secila prej të cilave

252
00:13:19,430 --> 00:13:21,020
lidhje me një artikull.

253
00:13:21,020 --> 00:13:25,000
>> Tani le të marrin një vështrim në atë të fundit
PHP skedar të cilat, për fat të mirë, nuk ka

254
00:13:25,000 --> 00:13:27,970
kanë shumë duke shkuar on--
vetëm një TODO goxha i madh.

255
00:13:27,970 --> 00:13:32,170
Tani për tani kjo skedë deklaron
një grup i quajtur vende.

256
00:13:32,170 --> 00:13:35,980
Dhe pastaj në fund të fundit printime
se array në JSON format--

257
00:13:35,980 --> 00:13:38,720
goxha-shtypjen atë pikërisht kështu që
gjërat janë më të lehta për të korrigjoj.

258
00:13:38,720 --> 00:13:41,480
Për fat të keq, në
mesme ka kjo TODO,

259
00:13:41,480 --> 00:13:46,890
e cila bën thirrje për ju që të kërkoni
baza e të dhënave për vendet që përputhen një gjeo HTTP

260
00:13:46,890 --> 00:13:47,490
parametër.

261
00:13:47,490 --> 00:13:49,865
>> Dhe, me të vërtetë, kjo do të
të jetë një nga challenges-- tuaj

262
00:13:49,865 --> 00:13:54,240
për të zbatuar këtë funksionalitet këtu
kështu që kur ju të kontaktoni këtë skedë me

263
00:13:54,240 --> 00:14:00,610
një URL si kërkim. php? geo = diçka,
Kodi juaj përfundimisht do të kthehet një JSON

264
00:14:00,610 --> 00:14:05,020
grup i të gjitha vendeve në tuaj
Tabela e bazës së të dhënave që të përputhen me atë input.

265
00:14:05,020 --> 00:14:08,960
Pra, nëse llojet e përdoruesve në Kembrixh,
dosja juaj këtu search.php

266
00:14:08,960 --> 00:14:12,680
në fund të fundit duhet të kthehet një rrjet JSON
për të gjitha ndeshjet për Cambridge,

267
00:14:12,680 --> 00:14:16,990
e cila mund të jetë në Massachusetts
por mund të jetë edhe diku tjetër.

268
00:14:16,990 --> 00:14:21,040
>> Së fundi, le të marrin një vështrim në dy
Dosjet që janë ultimately-- statike

269
00:14:21,040 --> 00:14:23,680
dosja juaj CSS dhe dosja juaj JavaScript.

270
00:14:23,680 --> 00:14:26,779
Nëse unë shkoj në directory tonë CSS,
ka një bandë e tërë e dosjeve atje,

271
00:14:26,779 --> 00:14:28,070
por shumica e tyre janë bibliotekat.

272
00:14:28,070 --> 00:14:31,530
Unë jam duke shkuar për të marrë një sy,
në mënyrë specifike, në styles.css,

273
00:14:31,530 --> 00:14:35,440
e cila është vetë CSS tonë globale që është
shkuar për të stilizoj tërë këtë mashup.

274
00:14:35,440 --> 00:14:38,840
Unë do të lënë atë për ju për të lexuar përmes
komentet këtu, por, me pak fjalë,

275
00:14:38,840 --> 00:14:43,490
kjo është CSS që siguron se tonë
mashup, parazgjedhje të dalë nga kutia,

276
00:14:43,490 --> 00:14:46,950
duket pikërisht ashtu siç dëshirojmë it--
me hartë të plotësojë pamjen port

277
00:14:46,950 --> 00:14:49,720
dhe me kërkimin
kuti në të majtë të lartë.

278
00:14:49,720 --> 00:14:52,870
Ne kemi marrë edhe lirinë e
stylizing se dropdown typeahead

279
00:14:52,870 --> 00:14:55,170
menu pak si.

280
00:14:55,170 --> 00:14:58,030
>> Dosja më e rëndësishme
ndoshta për këtë problem të caktuar

281
00:14:58,030 --> 00:15:01,070
është kjo e fundit, scripts.js.

282
00:15:01,070 --> 00:15:03,800
Brenda directory tuaj JS
është edhe fotografi më shumë.

283
00:15:03,800 --> 00:15:08,090
Të gjithë ata janë fotografi e bibliotekës
përveç kësaj një, scripts.js.

284
00:15:08,090 --> 00:15:11,460
Nëse ne hapim këtë ide, le të marrin tonë
Turneu final përmes funksioneve që

285
00:15:11,460 --> 00:15:13,820
janë ndërtuar në këtë skedë
për ju dhe vëmendje thirrjes

286
00:15:13,820 --> 00:15:16,200
të todos që shtrihen përpara.

287
00:15:16,200 --> 00:15:19,110
>> Në krye të këtij file,
janë tre variabla globale.

288
00:15:19,110 --> 00:15:22,910
Një për një hartë, i cili do të
të jetë një referencë për Google hartë tonë.

289
00:15:22,910 --> 00:15:25,510
Ju mund të mendoni për atë
lloj i si një tregues.

290
00:15:25,510 --> 00:15:27,710
Ndërkohë, ne kemi
një tjetër variabël globale

291
00:15:27,710 --> 00:15:31,500
i quajtur info, e cila duket të jetë
ruajtjen e vlerës së kthimit të një thirrjeje

292
00:15:31,500 --> 00:15:34,170
të google.maps.InfoWindow ri.

293
00:15:34,170 --> 00:15:37,835
JavaScript mbështet objekte të cilat
janë shumë të ngjashme në frymë të Struts.

294
00:15:37,835 --> 00:15:40,250
Dhe çfarë kjo linjë për
qëllimet tona është duke bërë

295
00:15:40,250 --> 00:15:42,820
është krijuar një info të re
dritare në kujtesë dhe pastaj

296
00:15:42,820 --> 00:15:46,330
duke e mbajtur rreth një referencë
me to në një ndryshore të quajtur Informacion.

297
00:15:46,330 --> 00:15:48,330
Dhe në mes atyre,
ndërkohë, është ajo që shfaqet

298
00:15:48,330 --> 00:15:51,060
të jetë një JavaScript bosh
array quajtur shënuesve.

299
00:15:51,060 --> 00:15:55,392
Të gjitha këto ikona të gazetave, apo ju
mund të zgjidhni një tjetër ikonë krejt,

300
00:15:55,392 --> 00:15:57,350
do të jetë i ruajtur
në fund të fundit në këtë grup

301
00:15:57,350 --> 00:16:01,570
kështu që ne shumë lehtë mund të shtoni në
Harta dhe largimin e tyre nga harta.

302
00:16:01,570 --> 00:16:03,990
>> Tani le të lëvizni poshtë
pak dhe kampion

303
00:16:03,990 --> 00:16:07,690
përmes kodit që do të jetë
ekzekutuar sapo DOM ose dokument

304
00:16:07,690 --> 00:16:10,480
Modeli objekt ose
faqe vetvete është gati.

305
00:16:10,480 --> 00:16:12,942
Kujtojnë se këtë sintaksë
këtu thjesht specifikon

306
00:16:12,942 --> 00:16:14,900
që kodit mëposhtëm
duhet të ekzekutohet vetëm

307
00:16:14,900 --> 00:16:17,840
kur shfletuesi ka mbaruar
ngarkimit çdo gjë tjetër.

308
00:16:17,840 --> 00:16:19,750
>> Ne së pari të deklarojë një
e tërë bandë e stileve,

309
00:16:19,750 --> 00:16:22,410
që përfundojnë stylizing
hartë si për spekulim.

310
00:16:22,410 --> 00:16:24,790
Ne pastaj të deklarojë një
e tërë bandë e opsioneve,

311
00:16:24,790 --> 00:16:28,630
e cila më tej rregulloje Google
Harta që ne jemi gati për të mbjell.

312
00:16:28,630 --> 00:16:32,090
Ne atëherë përdorni një grimë e kodit jQuery,
e cila është shpjeguar në një grimë më shumë detaje

313
00:16:32,090 --> 00:16:35,000
në spekulim, për të rrëmbyer
se element, map-canvas

314
00:16:35,000 --> 00:16:36,980
që ne aq unike identifikuar.

315
00:16:36,980 --> 00:16:40,640
Dhe pastaj kjo linjë këtu është
çfarë duket të magjike të na dhënë

316
00:16:40,640 --> 00:16:43,560
një hartë Google në brendësi të
vet aplikimi ynë,

317
00:16:43,560 --> 00:16:47,020
ruajtjen e një referencë lidhje me këtë
në atë të ndryshueshme quajtur hartë.

318
00:16:47,020 --> 00:16:50,550
>> Së fundi, poshtë këtu ne regjistrohem
atë që quhet një dëgjues.

319
00:16:50,550 --> 00:16:54,690
Mendoni mënyrë back--, mënyrë
back-- të javës zero në CS50

320
00:16:54,690 --> 00:16:57,430
kur kemi shikuar në Scratch dhe
mbështetja e saj përmes një shëtitje

321
00:16:57,430 --> 00:16:59,935
përmes për gjëra të quajtur
ngjarjet dhe transmetimet.

322
00:16:59,935 --> 00:17:01,810
Ju nuk mund të ketë përdorur
ajo vetë, por është e

323
00:17:01,810 --> 00:17:03,900
një mekanizëm ku një
shfletues në këtë rast

324
00:17:03,900 --> 00:17:07,940
mund të merrni vëmendjen tonë kur është e
të gatshëm për të vërtetë të ekzekutuar disa kodin.

325
00:17:07,940 --> 00:17:12,170
Në këtë rast, ajo do të dëgjoj
në hartë për një ngjarje të quajtur boshe.

326
00:17:12,170 --> 00:17:14,930
Kjo do të thotë se shfletuesi ka
përfunduar ngarkimit hartën Google.

327
00:17:14,930 --> 00:17:18,380
Në këtë pikë një funksion të quajtur
configure duhet në fund të fundit

328
00:17:18,380 --> 00:17:19,339
të ekzekutohet.

329
00:17:19,339 --> 00:17:22,510
Që funksion, konfigurim,
ne do të shohim, është shkruar nga ne.

330
00:17:22,510 --> 00:17:24,550
>> Tani poshtë këtu është një funksion
që, për fat të keq,

331
00:17:24,550 --> 00:17:25,871
është vetëm një shënues TODO add.

332
00:17:25,871 --> 00:17:28,620
Per spec. ju do të jeni nevojë
për të shkruar kodin që në të vërtetë

333
00:17:28,620 --> 00:17:32,840
shton një marker-- nëse ajo duket
si një gazetë, ose një litar thumb,

334
00:17:32,840 --> 00:17:35,360
ose diçka else-- në hartë Google.

335
00:17:35,360 --> 00:17:37,720
Këtu tani është se funksioni
i quajtur configure.

336
00:17:37,720 --> 00:17:40,390
Unë do të lënë atë për ju për të lexuar
nëpër këtë në mënyrë më të detajuar,

337
00:17:40,390 --> 00:17:42,600
por të kuptojë se ne shtoni
një bandë më shumë Dëgjuesit

338
00:17:42,600 --> 00:17:46,620
kështu që ne mund të ekzekutojë kodin kur
përdorues klikimeve në dhe tërheq hartën.

339
00:17:46,620 --> 00:17:50,730
Ne gjithashtu kemi kodin në këtu që
initializes se typeahead plugin

340
00:17:50,730 --> 00:17:53,120
kështu që dropdown
menu në të vërtetë punon.

341
00:17:53,120 --> 00:17:55,690
>> Por le të përqëndrohet në vetëm një
disa vende këtu.

342
00:17:55,690 --> 00:17:57,590
Në mënyrë të veçantë, kjo për të bërë këtu.

343
00:17:57,590 --> 00:18:00,410
Unë do të shtyjë për online
Dokumentacioni dhe specifikimi

344
00:18:00,410 --> 00:18:02,530
për mënyrën se si për të mbushur në këtë Todo.

345
00:18:02,530 --> 00:18:05,890
Por me pak fjalë, kjo bibliotekë
typeahead ju lejon të kalojë

346
00:18:05,890 --> 00:18:09,790
në atë që është e njohur përgjithësisht si një template,
e cila ka disa placeholders ndryshueshme

347
00:18:09,790 --> 00:18:13,690
shumë të ngjashme në frymë në% printf-së. * s.

348
00:18:13,690 --> 00:18:16,030
Por në këtë rast,
template për spekulim

349
00:18:16,030 --> 00:18:18,760
ju lejon të specifikoni
çfarë variabla të doni

350
00:18:18,760 --> 00:18:24,880
për të injektuar nga të dhënat që po vijnë
prapa nga diçka si PHP

351
00:18:24,880 --> 00:18:29,810
fotografi që ju keni shkruar
që janë të emitting prodhimit JSON.

352
00:18:29,810 --> 00:18:35,170
>> Tani poshtë këtu kuptojmë se jemi
dëgjuar për zgjedhje typeahead

353
00:18:35,170 --> 00:18:38,050
kur përdoruesi në fakt kryen
a kërko dhe përzgjedh një vlerë.

354
00:18:38,050 --> 00:18:40,270
Kjo është se si ne jemi në të vërtetë
duke shkuar për të dëgjuar për atë

355
00:18:40,270 --> 00:18:42,250
dhe ekzekutuar disa kodin si rezultat.

356
00:18:42,250 --> 00:18:45,300
Atëherë ne vazhdojmë të konfiguroni
mashup vetëm pak.

357
00:18:45,300 --> 00:18:48,000
Dhe, në fund të fundit, ne e quajmë
ky përditësim funksion.

358
00:18:48,000 --> 00:18:49,640
Ajo përditëson shënuesve në ekran.

359
00:18:49,640 --> 00:18:51,529
Më shumë për atë në vetëm një moment.

360
00:18:51,529 --> 00:18:53,570
Ndërkohë, ka disa
Funksionet e vogla në këtu.

361
00:18:53,570 --> 00:18:56,820
Një prej të cilave është hideInfo cila
thjesht mbyllet InfoWindow.

362
00:18:56,820 --> 00:19:00,020
Një funksion tjetër këtu, e cila në fund të fundit
nuk do të jetë shumë e gjatë, hiqni shënuesve.

363
00:19:00,020 --> 00:19:03,580
Kjo do të prish çdo gjë
Funksioni shënues tuaj add bën.

364
00:19:03,580 --> 00:19:04,960
Dhe pastaj poshtë këtu është kërkimi.

365
00:19:04,960 --> 00:19:08,610
Dhe kjo është interesante sepse ne
kanë shkruar kodin JavaScript që është

366
00:19:08,610 --> 00:19:13,490
do të flasim për të search.php në
server dhe të kthehemi disa përgjigje.

367
00:19:13,490 --> 00:19:16,110
>> Ju, natyrisht, do të ende
nevojë për të zbatuar search.php,

368
00:19:16,110 --> 00:19:18,310
por ne kemi zbatuar
Kodi JavaScript që është

369
00:19:18,310 --> 00:19:22,480
shkuar për të trajtuar në të vërtetë kryerjen
kërkimet nga ajo kutinë e tekstit.

370
00:19:22,480 --> 00:19:25,340
Në veçanti, njoftimin
se ky funksion këtu,

371
00:19:25,340 --> 00:19:29,160
kërko, nuk e quajnë search.php
me një metodë të quajtur

372
00:19:29,160 --> 00:19:31,072
merrni JSON, që pamë në leksionin.

373
00:19:31,072 --> 00:19:32,780
Dhe sintaksë këtu
është pak më ndryshe

374
00:19:32,780 --> 00:19:37,110
nga leksioni ne se ne jemi duke përdorur
jQuery ashtuquajtura ndërfaqe premtim.

375
00:19:37,110 --> 00:19:38,479
Më shumë se në spekulim.

376
00:19:38,479 --> 00:19:40,520
Kjo thjesht do të thotë për tonë
Qëllimet tani se atje

377
00:19:40,520 --> 00:19:43,870
janë dy funksione të veçanta ne
nevojë për të thirrur me dot simbol

378
00:19:43,870 --> 00:19:46,230
këtu menjëherë pas thirrje merrni JSON.

379
00:19:46,230 --> 00:19:47,510
Njëri është quajtur bërë.

380
00:19:47,510 --> 00:19:49,870
Njëri është quajtur dështojnë.

381
00:19:49,870 --> 00:19:51,790
Ju mund të mendoj për këto
si mbajtësit të suksesit

382
00:19:51,790 --> 00:19:54,960
dhe mbajtës dështim vetëm
në rast diçka shkon keq.

383
00:19:54,960 --> 00:19:57,760
>> Tani le të shohim në të fundit
disa funksione në këtë skedë.

384
00:19:57,760 --> 00:20:00,180
Poshtë këtu është një funksion
i quajtur showInfo, e cila

385
00:20:00,180 --> 00:20:03,090
tregon informacion në një nga ato
pak dritaret info se

386
00:20:03,090 --> 00:20:05,380
pops up kur përdoruesi klikimeve një shënues.

387
00:20:05,380 --> 00:20:08,470
Poshtë këtu më tej është
që funksion përditësim

388
00:20:08,470 --> 00:20:10,510
që ne kemi zbatuar për ju.

389
00:20:10,510 --> 00:20:15,250
Ajo përcakton kufijtë e hartës.

390
00:20:15,250 --> 00:20:19,360
Cilat janë koordinatat GPS të saj
verilindje dhe jugperëndim qoshet këtu.

391
00:20:19,360 --> 00:20:22,780
Ne kemi përgatitur disa parametra HDP
këtu dhe pastaj kaloi ato në fund të fundit

392
00:20:22,780 --> 00:20:26,160
të update.php, të cilat ne kemi
zbatohet edhe për ju.

393
00:20:26,160 --> 00:20:31,390
Që në fund të fundit merr prapa disa JSON
nga file i quajtur update.php

394
00:20:31,390 --> 00:20:34,050
dhe pastaj heq ndonjë
shënuesit në ekran

395
00:20:34,050 --> 00:20:36,650
dhe pastaj iterates mbi
Të dhënat që ka ardhur përsëri

396
00:20:36,650 --> 00:20:40,350
nga update.php, e cila
përsëri është vetëm një koleksion JSON.

397
00:20:40,350 --> 00:20:45,130
Dhe pastaj kjo në fund të fundit shton një shënues për
secili nga ato vende, trajtimin dështim

398
00:20:45,130 --> 00:20:47,750
ose gabime të cilat mund shumë mirë të ndodhë.

399
00:20:47,750 --> 00:20:51,550
>> Tani vetëm për të ju jap një shije të se si ju
mund të shkoni në lidhje me debugging këtë projekt,

400
00:20:51,550 --> 00:20:55,420
të kuptojë se unë e kam hapur në
të çuar përpara këtë skedë këtu për këtë URL,

401
00:20:55,420 --> 00:21:01,320
pset8 / articles.php? gjeo = 02.138.

402
00:21:01,320 --> 00:21:04,050
Tani, përsëri, artikuj rreth
PHP ne zbatohet për ju

403
00:21:04,050 --> 00:21:06,320
kështu që kjo nuk është aq shumë
çfarë ju do të jetë duke përdorur

404
00:21:06,320 --> 00:21:08,190
të korrigjoj, por në vend të teknikës.

405
00:21:08,190 --> 00:21:10,590
Njoftim se unë e kam kërkuar për
Kodi Kembrixh-it zip këtu,

406
00:21:10,590 --> 00:21:15,260
dhe unë kam marrë përsëri, në të vërtetë, një JSON
grup i JSON objekteve brenda të cilave

407
00:21:15,260 --> 00:21:17,640
janë dy lidhje keys-- dhe titulli.

408
00:21:17,640 --> 00:21:19,860
>> Pra ky funksionalitet
punon tashmë për ju.

409
00:21:19,860 --> 00:21:24,330
Por kjo teknikë e manualisht duke shkuar
në një URL si kjo për diçka si

410
00:21:24,330 --> 00:21:31,710
search.php? geo = cambridge ose 02.138 ose
çfarëdo përdorues ka shtypur në duhet

411
00:21:31,710 --> 00:21:35,770
të provojë të paçmuar si ju, veten, provoni
të kuptoj se saktësisht se nëse apo pse

412
00:21:35,770 --> 00:21:38,510
search.php është duke punuar apo jo.

413
00:21:38,510 --> 00:21:41,720
>> Në fund të fundit pastaj, ju keni
a todos pak përpara jush.

414
00:21:41,720 --> 00:21:44,250
Ju jeni do të zbaton parë
se script importit që

415
00:21:44,250 --> 00:21:46,520
lexon në us.text në bazën e të dhënave tuaja.

416
00:21:46,520 --> 00:21:48,760
Ju jeni pastaj do të duhet
për të zbatuar search.php

417
00:21:48,760 --> 00:21:51,320
kështu që ajo sillet tamam si specifikohet.

418
00:21:51,320 --> 00:21:54,170
Ju jeni pastaj do të duan
të përqëndrohet në scripts.js

419
00:21:54,170 --> 00:21:57,520
dhe në fund të fundit zbaton
ato çift i todos,

420
00:21:57,520 --> 00:21:59,950
përfshirë për konfigurim
dhe se template,

421
00:21:59,950 --> 00:22:03,220
shtoni shënuesve, hiqni shënuesve, dhe
pastaj të zgjasë, por jo më pak, një

422
00:22:03,220 --> 00:22:04,330
kontakt personal.

423
00:22:04,330 --> 00:22:07,477
>> Pasi të keni të punës tuaj mashup
krejt si e jona, qëllimi në dorë

424
00:22:07,477 --> 00:22:09,560
është për ju që të shtoni një personal
prek në mashup tuaj,

425
00:22:09,560 --> 00:22:11,290
nëse kjo është estetike apo funksionale.

426
00:22:11,290 --> 00:22:13,950
Merrni mashup ndonjëherë kështu
pak për nivelin tjetër.

427
00:22:13,950 --> 00:22:18,330
Për sa kohë që ju të shtyjë veten përtej
njohja juaj me spec vetë

428
00:22:18,330 --> 00:22:20,840
dhe i bie në një teknikë
i ri, madje edhe nëse është vetëm

429
00:22:20,840 --> 00:22:25,610
diçka estetike si ndryshon
paraqitjen e hartës që ju jeni duke përdorur,

430
00:22:25,610 --> 00:22:28,070
Shtrirja që ne presim
do të jenë të kënaqur.

431
00:22:28,070 --> 00:22:30,260
Që atëherë është Problem Set 8 mashup.

432
00:22:30,260 --> 00:22:33,070
Stay tuned për më shumë në
Specifikimi dhe mirë e fat

433
00:22:33,070 --> 00:22:36,400
trajtimin kjo, e fundit e juaj
Problemi CS50 vendosur ndonjëherë.

434
00:22:36,400 --> 00:22:39,750
>> [MUSIC Playing]

435
00:22:39,750 --> 00:22:43,542