1
00:00:00,000 --> 00:00:03,388
>> [Muzikos grojimo]

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

3
00:00:09,196 --> 00:00:10,180
>> David J. Malan: Sveiki.

4
00:00:10,180 --> 00:00:12,600
Paimkime pasivaikščioti
Problema rinkinys 8 Mashup,

5
00:00:12,600 --> 00:00:15,880
kurie ketina iššūkis jums
pasitelkti elementų "Google Maps"

6
00:00:15,880 --> 00:00:20,905
su elementais iš "Google News" ir košė
juos kartu į interneto programėlės, kad

7
00:00:20,905 --> 00:00:24,150
leidžia vartotojams ieškoti
Žemėlapis naujienas vietos

8
00:00:24,150 --> 00:00:26,780
konkrečių miestų
miestų, ir ZIP kodai.

9
00:00:26,780 --> 00:00:31,040
Norėdami tai padaryti, mes ketiname
integruoti šiek HTML, CSS, PHP, SQL,

10
00:00:31,040 --> 00:00:34,390
JavaScript ir technika
paprastai žinomas kaip AJAX, kad

11
00:00:34,390 --> 00:00:36,850
sukurti tai svaiginančius
vartotojo patirtį.

12
00:00:36,850 --> 00:00:38,920
>> Tegul pirmasis pati "Google Maps".

13
00:00:38,920 --> 00:00:41,220
Tai, žinoma, yra galbūt
susipažinęs sąsaja.

14
00:00:41,220 --> 00:00:45,070
Tačiau paaiškėja, kad "Google Maps"
taip pat suteikia API-- taikymą

15
00:00:45,070 --> 00:00:48,360
programavimo interface--, per kurį
galite imtis elementus "Google Maps"

16
00:00:48,360 --> 00:00:50,740
ir integruoti juos į
savo programas.

17
00:00:50,740 --> 00:00:52,650
Iš tiesų, per visą šį
procesas, jūs ketinate

18
00:00:52,650 --> 00:00:55,140
rasti URL pora
ypač naudinga, kad

19
00:00:55,140 --> 00:00:57,820
paminėti
specifikacija problemą, 8,

20
00:00:57,820 --> 00:01:00,980
specialiai tai Getting Started
Turistinis vadovas arba kūrėjas vadovas

21
00:01:00,980 --> 00:01:07,640
"Google Maps API Versija 3, taip pat
kaip "Google Maps" Java API

22
00:01:07,640 --> 00:01:10,260
v3 nuoroda, kuris yra
šiek tiek daugiau paslaptingą skaityti

23
00:01:10,260 --> 00:01:14,600
bet iš tikrųjų turi visas žemesnio lygio
Išsamiau apie tai, ką funkcijų ar metodų

24
00:01:14,600 --> 00:01:18,220
ir objektus ir savybes ir
įvykiai iš tikrųjų ateiti su API

25
00:01:18,220 --> 00:01:20,720
labai panaši dvasia
į [nesigirdi] puslapiuose.

26
00:01:20,720 --> 00:01:23,480
>> Dabar, jei mes pažvelgsime
ne "Google News", jums

27
00:01:23,480 --> 00:01:25,370
galbūt pamatyti pažįstamą sąsają čia.

28
00:01:25,370 --> 00:01:29,350
Tačiau paaiškėja, jūs taip pat galite ieškoti
"Google" naujienos konkrečių geografijos

29
00:01:29,350 --> 00:01:32,000
per HTTP parametras vadinamas Geo.

30
00:01:32,000 --> 00:01:35,100
Iš tiesų, jei aš padidinti
čia, pamatysite, kad

31
00:01:35,100 --> 00:01:41,672
Aš ne
news.google.com/news/section?geo=02138.

32
00:01:41,672 --> 00:01:43,630
Ir, iš tiesų, jei aš padidinti
, jūs pamatysite, kad aš

33
00:01:43,630 --> 00:01:47,090
žiūri puslapį su visa krūva
nuomonę apie Cambridge, Massachusetts.

34
00:01:47,090 --> 00:01:50,620
>> Tuo tarpu, jei aš iš tikrųjų keisti
URL negali būti pašto kodas, kaip tai,

35
00:01:50,620 --> 00:01:55,580
bet kažkas šiek tiek Messier
kaip Cambridge, + Massachusetts,

36
00:01:55,580 --> 00:02:00,740
kur pliusas yra būdas jums koduoti
tarpas per URL ir paspauskite Enter,

37
00:02:00,740 --> 00:02:02,907
Jūs pamatysite, kad aš iš tikrųjų
pamatyti beveik tą pačią žinią.

38
00:02:02,907 --> 00:02:05,489
Galbūt tai šiek tiek skiriasi
nes Kembridžo tikrųjų

39
00:02:05,489 --> 00:02:06,910
turi kelis zip kodus.

40
00:02:06,910 --> 00:02:09,410
Dabar kaip man žinoti, kad ir
Iš tiesų, kaip galėčiau kažkaip

41
00:02:09,410 --> 00:02:12,940
tie miestai ir miesteliai
zip kodai byloje I

42
00:02:12,940 --> 00:02:15,064
nori leidžia naudotojui
ieškoti bet?

43
00:02:15,064 --> 00:02:17,480
Na, paaiškėja, kad yra
svetainė ten vadinamas

44
00:02:17,480 --> 00:02:20,060
geonames.org kuris yra
iniciatyva turi

45
00:02:20,060 --> 00:02:23,760
laisvai prieinama duomenų bazė visų
rūšių geografinės informacijos

46
00:02:23,760 --> 00:02:27,040
ne tik JAV, bet taip pat
kitų šalių, taip pat.

47
00:02:27,040 --> 00:02:30,430
Iš tiesų, jei aš einu į šį URL čia, o
taip pat paminėtas problemos nustatytą

48
00:02:30,430 --> 00:02:34,510
specifikacija, pamatysite, kad tai trys
sąrašas visa krūva zip failus

49
00:02:34,510 --> 00:02:36,400
bet kurią galima atsisiųsti jums.

50
00:02:36,400 --> 00:02:39,900
Iš tiesų, dėl šios problemos, nustatyti
jūs ketinate atsisiųsti us.zip.

51
00:02:39,900 --> 00:02:43,790
Dabar per šį failą, yra sveiki
krūva teksto formato duomenyse.

52
00:02:43,790 --> 00:02:47,760
Failai yra labai panašus į
CSV-- kableliais atskirtos reikšmės file--

53
00:02:47,760 --> 00:02:51,294
bet ji iš tikrųjų naudoja
skirtukų atskiria laukus.

54
00:02:51,294 --> 00:02:53,710
Dabar, tuo tarpu, jei peržvelgsite
čia ne tai, ką aš pabrėžė,

55
00:02:53,710 --> 00:02:56,459
kad šioje byloje laukai vyksta
būti dalykų, pavyzdžiui, šalių kodų,

56
00:02:56,459 --> 00:02:58,980
pašto kodai, vietovardžiai,
ir tada, kai kuriose forma

57
00:02:58,980 --> 00:03:04,230
ar kitų, valstybės ir apskričių,
bendruomenės, ir dar daugiau.

58
00:03:04,230 --> 00:03:06,630
Tiesą sakant, aš jau ve
atsisiųsti šį failą, iš anksto.

59
00:03:06,630 --> 00:03:09,750
Leiskite man eiti į priekį ir jį atidaryti here--
us.text-- ir, tiesą sakant, jūs

60
00:03:09,750 --> 00:03:16,660
pamatyti, jei aš slinkite žemyn linija 16.792
pamatysite keletą įrašus Cambridge,

61
00:03:16,660 --> 00:03:19,120
Masačusetsas ir įvairių pašto kodai.

62
00:03:19,120 --> 00:03:22,150
Ką taip pat žr yra apskrities,
Kai kurie skaičiai, kad aš tikrai ne

63
00:03:22,150 --> 00:03:24,500
suprasti, bet ir visos
dešinėje būdas,

64
00:03:24,500 --> 00:03:27,170
kai GPS coordinates--
platuma ir ilguma.

65
00:03:27,170 --> 00:03:30,440
Tai yra didelis, nes vieną iš
"Google" žemėlapių API funkcijos

66
00:03:30,440 --> 00:03:33,670
yra gebėjimas nustatyti
kur esate geografiškai

67
00:03:33,670 --> 00:03:36,850
kalbant apie GPS koordinates.

68
00:03:36,850 --> 00:03:40,210
>> Dabar pradėkime išsiaiškinti, kaip
pradėti susiejimas šiuos dalykus kartu.

69
00:03:40,210 --> 00:03:42,900
Mes davė jums visa
krūva platinimo kodą,

70
00:03:42,900 --> 00:03:44,970
o taip pat MySQL duomenų bazės.

71
00:03:44,970 --> 00:03:49,100
Iš tiesų, jei aš traukti phpMyAdmin turintys
jau importavo, kaip jūs netrukus bus,

72
00:03:49,100 --> 00:03:54,800
pset8.SQL, pamatysite MySQL lentelę,
atrodo taip, ID laukas, šalis

73
00:03:54,800 --> 00:03:57,400
kodas, pašto kodas, vietovės pavadinimas ir dar daugiau.

74
00:03:57,400 --> 00:04:00,490
Visų tų tipų
stulpeliai aš kilęs tiesiog

75
00:04:00,490 --> 00:04:03,870
skaitant readme.text
pateikti, kad čia nurodyta

76
00:04:03,870 --> 00:04:07,330
ar laukas yra sveikasis skaičius,
arba varchar ar pan.

77
00:04:07,330 --> 00:04:10,510
>> Taigi, mes sukūrėme šią lentelę už
jūs ir davė jums SQL komandas

78
00:04:10,510 --> 00:04:12,770
vykdyti sukurti, kad
lentelę savo duomenų bazėje,

79
00:04:12,770 --> 00:04:15,290
bet ten tikrai nėra jame nepateikė.

80
00:04:15,290 --> 00:04:19,600
Atvirkščiai, jūs ketinate turi
parsisiųsti us.zip arba bet kurios šalies pašto

81
00:04:19,600 --> 00:04:21,500
failą iš šio URL ten.

82
00:04:21,500 --> 00:04:24,940
Ir tada jūs ketinate turi parašyti
komandinės eilutės scenarijų PHP tai

83
00:04:24,940 --> 00:04:28,420
ketina atverti tą tekstą
byla, pakartoti per savo linijas,

84
00:04:28,420 --> 00:04:31,180
ir tada kiekvieno iš
tie linijos padaryti intarpą

85
00:04:31,180 --> 00:04:34,940
į tą vietose lentelę
jūsų MySQL duomenų bazės.

86
00:04:34,940 --> 00:04:37,880
Taigi šio proceso pabaigoje, jums
buvo paleisti tą scenarijų, galiausiai

87
00:04:37,880 --> 00:04:39,610
tik vieną kartą teoriškai.

88
00:04:39,610 --> 00:04:41,780
Iš tikrųjų jums tikriausiai
paleisti jį keletą kartų krūva

89
00:04:41,780 --> 00:04:45,460
o bando išspręsti įvairias klaidas.

90
00:04:45,460 --> 00:04:48,440
>> Galų gale, jūs ketinate turėti
tikrai didelis duomenų bazė su tūkstančiais

91
00:04:48,440 --> 00:04:50,139
ir tūkstančiai geografinių eilučių.

92
00:04:50,139 --> 00:04:52,930
Tada jūs ketinate įdėti, kad importas
Scenarijus nuošalyje, kai jis dirba

93
00:04:52,930 --> 00:04:55,140
ir jūsų duomenų bazė yra gražus
ir teisinga, ir tada

94
00:04:55,140 --> 00:04:58,880
jūs ketinate pereiti, kad iš tikrųjų
Įgyvendinant pati Mashup.

95
00:04:58,880 --> 00:05:01,670
Mashup ketina ieškoti
tiek kažką panašaus į tai.

96
00:05:01,670 --> 00:05:05,165
Tuo mashup.cs50.net, mes
turėti darbuotojų sprendimą

97
00:05:05,165 --> 00:05:06,990
kad atrodo šiek tiek kažką panašaus į tai.

98
00:05:06,990 --> 00:05:11,070
Iš tiesų, jei aš spustelėkite šio laikraščio
piktograma, Cambridge, Massachusetts,

99
00:05:11,070 --> 00:05:13,300
pamatysite verpimo
trumpai ir tada piktogramą

100
00:05:13,300 --> 00:05:16,370
įsakė sąrašas
ženkleliais straipsnių sąrašas

101
00:05:16,370 --> 00:05:18,280
susiję su Cambridge, Massachusetts.

102
00:05:18,280 --> 00:05:20,352
Jei aš spustelėkite Charlestown,
Masačusetsas,

103
00:05:20,352 --> 00:05:21,685
Aš pamatysite tam miestui pats.

104
00:05:21,685 --> 00:05:24,174
Ir jei aš spustelėkite
Watertown, Masačusetsas,

105
00:05:24,174 --> 00:05:26,090
ten gali būti ne bet koks
naujienos iš Watertown,

106
00:05:26,090 --> 00:05:28,630
todėl jūs pamatysite kažką
kaip lėtai naujienų dieną.

107
00:05:28,630 --> 00:05:32,140
>> Dabar, tuo tarpu, viršuje kairėje yra
kai pažįstami Google Maps valdikliai

108
00:05:32,140 --> 00:05:34,980
kad jums nutolinti, visos
aukštyn, žemyn, į kairę, ir į dešinę,

109
00:05:34,980 --> 00:05:37,360
bet ir paieškos laukelio, kad mes įdėti ten.

110
00:05:37,360 --> 00:05:40,910
Taigi, jei aš ieškoti, tiesą sakant,
Vienintelis kitas Pašto kodas žinau,

111
00:05:40,910 --> 00:05:45,020
90210, mes iš tikrųjų matyti
Beverly Hills, Kalifornija.

112
00:05:45,020 --> 00:05:48,550
Kai paspaudžiate jis veda mane
Kalifornijoje ir visa krūva

113
00:05:48,550 --> 00:05:50,369
naujienų apie Beverly Hills.

114
00:05:50,369 --> 00:05:51,910
Dabar pastebėsite, taip pat, kas nutiko ten.

115
00:05:51,910 --> 00:05:57,040
Jei aš šį kartą paieška 02138 ar net
Kembridžo kablelis Masačusetsas arba kai

116
00:05:57,040 --> 00:06:00,300
variantas dalį, jūs gaunate
mažai Automatinis išskleidžiamajame.

117
00:06:00,300 --> 00:06:03,840
Dabar tai yra naudojant pluginą
už bibliotekos vadinamas JQuery,

118
00:06:03,840 --> 00:06:05,732
ir kad įskiepiai vadinamas typeahead.

119
00:06:05,732 --> 00:06:07,440
Mes tiesiog perskaityti
dokumentus,

120
00:06:07,440 --> 00:06:13,150
atsisiuntė js failą integruota
skirstomajame kodas, kad jums

121
00:06:13,150 --> 00:06:16,900
galiausiai gali rašyti kodą, kad
užpildo, kad išskleidžiamajame meniu su auto

122
00:06:16,900 --> 00:06:19,350
pasirinkimai arba auto pasiūlymus.

123
00:06:19,350 --> 00:06:23,820
>> Dabar paskirstymo kodas, nors, kad
gavote nedaro beveik tiek pat.

124
00:06:23,820 --> 00:06:26,860
Jūs gaunate Google žemėlapis integruotas ir
gausite kontrolę viršutiniame kairiajame,

125
00:06:26,860 --> 00:06:28,240
ir gausite paieškos langelį.

126
00:06:28,240 --> 00:06:32,760
Bet jei aš tipo kažkas panašaus
02138, nėra vietos randama dar.

127
00:06:32,760 --> 00:06:34,730
Taigi, kad tai bus
vienas iš mūsų tikslų čia.

128
00:06:34,730 --> 00:06:37,430
Be to, jei jūs žengti žingsnį
atgal ir pažvelgti į patį žemėlapį

129
00:06:37,430 --> 00:06:38,950
nėra naujiena kokia.

130
00:06:38,950 --> 00:06:41,780
Net jei aš spustelėkite ir
pasipriešinimas, nėra žymekliai iš tikrųjų

131
00:06:41,780 --> 00:06:45,560
pasirodo naujienų, nes tai
iššūkis paliekama jums taip pat.

132
00:06:45,560 --> 00:06:48,490
>> Paimkime pažvelgti tada
skirstymo kodu.

133
00:06:48,490 --> 00:06:51,460
Kai jūs įkėlėte
pset8.zip ir Išspausti ją

134
00:06:51,460 --> 00:06:54,430
į savo VHOST kataloge
į CS50 Appliance,

135
00:06:54,430 --> 00:06:56,550
pamatysite jų
katalogų čia viduje.

136
00:06:56,550 --> 00:07:00,200
Bin-- kuris paprastai reiškia
dvejetainę vykdomąjį programs--

137
00:07:00,200 --> 00:07:04,870
apima, kaip pset7, kai PHP
failai, kad kiti failai gali būti,

138
00:07:04,870 --> 00:07:06,710
tada viešasis, kuris yra
failai, kuriuos reikia

139
00:07:06,710 --> 00:07:09,369
turi būti viešai prieinami
į naudotojo naršyklėje.

140
00:07:09,369 --> 00:07:11,410
Paimkime į išvaizdą
bin, ir mes

141
00:07:11,410 --> 00:07:13,890
matyti, kad ten failą
ten jau vadinamas Importas.

142
00:07:13,890 --> 00:07:17,591
Jei mes atidaryti tai su gedit, matysime
kad, deja, nėra daug

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

144
00:07:18,090 --> 00:07:20,250
Visa tai ten, nors,
yra viršuje Szulernia

145
00:07:20,250 --> 00:07:23,410
kuriame nurodoma, kurios
interpreter-- šiuo atveju PHP--

146
00:07:23,410 --> 00:07:25,759
turėtų būti naudojama, kad iš tikrųjų
vykdyti šį failą.

147
00:07:25,759 --> 00:07:27,550
Bet tada, kai jis sako
TODO kur esate

148
00:07:27,550 --> 00:07:31,130
ketinate reikia rašyti tam tikrą kodą
kad tikriausiai reikia config

149
00:07:31,130 --> 00:07:35,820
failas, tai yra apima katalogą
kaip mes padarėme anksčiau su PHP failus.

150
00:07:35,820 --> 00:07:38,180
Ir tada jūs ketinate
turi kažkaip atverti

151
00:07:38,180 --> 00:07:41,920
us.text kuri jums turbūt
išarchyvavote jau.

152
00:07:41,920 --> 00:07:44,690
Tada jūs ketinate turi
pakartoti per šios bylos linijos,

153
00:07:44,690 --> 00:07:47,800
galbūt naudojant kai kurios funkcijos
siūloma specifikacijos.

154
00:07:47,800 --> 00:07:51,390
Tada įdėkite kiekvienas iš jų
linijos į MySQL duomenų bazės

155
00:07:51,390 --> 00:07:54,940
naudojant užklausos funkciją, kuri
mes vėl pateikėme jums with--

156
00:07:54,940 --> 00:07:58,010
arba bent jau variantas
jos į functions.php,

157
00:07:58,010 --> 00:07:59,560
kuri mes matome tik akimirką.

158
00:07:59,560 --> 00:08:04,430
>> Dabar galime uždaryti importą ir grįžti į
Mūsų katalogas ir šį kartą eiti į

159
00:08:04,430 --> 00:08:05,300
apima.

160
00:08:05,300 --> 00:08:09,210
Ir jei aš ls ten, pamatysite
trys failai gana kaip problemą, 7.

161
00:08:09,210 --> 00:08:13,760
Ir tegul priimti greitai pažvelgti,
Pavyzdžiui, tuo config.php.

162
00:08:13,760 --> 00:08:16,730
Ten yra mažiau linijos
nei anksčiau, ir tai

163
00:08:16,730 --> 00:08:20,712
Atrodo šį failą apima
constants.php ir functions.php.

164
00:08:20,712 --> 00:08:23,670
Mes naudojant šiek tiek skiriasi
technika šįkart iš tikrųjų

165
00:08:23,670 --> 00:08:30,910
nurodo, kad šie failai yra santykinė
į esamą katalogą __ DIR__

166
00:08:30,910 --> 00:08:35,280
atstovauja kokia katalogas ši
failą, config.php, pati į.

167
00:08:35,280 --> 00:08:37,600
Taigi, tai yra daugiau
aiškus būdas nurodant

168
00:08:37,600 --> 00:08:40,100
ką kiti failai norite reikalauti.

169
00:08:40,100 --> 00:08:44,020
>> Dabar, jei aš uždaryti šį failą ir
atverti constants.php vietoj to,

170
00:08:44,020 --> 00:08:47,430
pamatysite failą labai primena
į problemą, 7, o taip pat, nors ir

171
00:08:47,430 --> 00:08:50,050
su kitu duomenų bazė, vadinama pset8.

172
00:08:50,050 --> 00:08:54,020
Galiausiai, functions.php,
matysime tik vieną funkciją

173
00:08:54,020 --> 00:08:55,942
šį kartą vadinamas užklausa.

174
00:08:55,942 --> 00:08:59,150
Tai yra beveik vienodi, išskyrus mes rankena
klaidų šįkart truputį

175
00:08:59,150 --> 00:09:02,860
skirtingai, bet tai naudojimas yra
Tas pats kaip ir problemos nustatyti septyni.

176
00:09:02,860 --> 00:09:08,090
>> Dabar grįžkime į mūsų pset8
katalogas, eiti į visuomenę, o ten

177
00:09:08,090 --> 00:09:14,420
jei aš ls, pamatysite this--
articles.php, index.html, search.php,

178
00:09:14,420 --> 00:09:16,940
ir update.php-- visus failus.

179
00:09:16,940 --> 00:09:22,010
Ir tada css šriftai, img, ir
JS katalogas labai patiko pset7.

180
00:09:22,010 --> 00:09:24,660
>> Paimkime pažvelgti
index.html, kuris yra

181
00:09:24,660 --> 00:09:27,290
bus tikrai
įvažiavimo į smashup.

182
00:09:27,290 --> 00:09:31,820
Dabar index.html, pamatysite visą
krūva link elementų galvos,

183
00:09:31,820 --> 00:09:36,540
Konkrečiau, bootstrap mūsų pačių
CSS po visa krūva scenarijų

184
00:09:36,540 --> 00:09:41,520
žymės dalykų, pavyzdžiui, žemėlapiai, API
pati, specialiu žymekliu su etikete

185
00:09:41,520 --> 00:09:44,950
įrankis, kad mes paminėti
specifikacija yra prieinami jums,

186
00:09:44,950 --> 00:09:48,420
Pati JQuery, įkrovos
pati, o kitas biblioteka

187
00:09:48,420 --> 00:09:50,990
vadinamas pabraukimas, kuri
mes kalbame apie į spec.

188
00:09:50,990 --> 00:09:57,031
Underscore.js kaip jquery.js
yra įjungti biblioteka

189
00:09:57,031 --> 00:10:00,280
kad yra visa krūva funkcionalumą
kad daug žmonių pasaulyje nori

190
00:10:00,280 --> 00:10:02,020
egzistavo pati JavaScript.

191
00:10:02,020 --> 00:10:04,560
Taigi, visi iš jų yra
iš tikrųjų yra gana populiarus.

192
00:10:04,560 --> 00:10:07,140
Mes taip pat paminėjo typeahead
kuris yra biblioteka, kuri

193
00:10:07,140 --> 00:10:11,180
ar tai Automatinis išskleidžiamajame ir
pagaliau nuorodą į mūsų JavaScript.

194
00:10:11,180 --> 00:10:13,880
>> Tuo tarpu, ir galbūt
Laimei, tai Mashup

195
00:10:13,880 --> 00:10:17,550
yra varomas palyginti mažai
HTML žemyn čia apačioje.

196
00:10:17,550 --> 00:10:22,330
Atkreipkite dėmesį, kad mes nurodėte div
mūsų kūnas klasės konteinerių skysčio.

197
00:10:22,330 --> 00:10:24,610
Tai per savirankos s
dokumentus, tik

198
00:10:24,610 --> 00:10:29,840
reiškia, kad šis skyrius ketina užpildyti
peržiūros ar naršyklės langas visiškai.

199
00:10:29,840 --> 00:10:33,020
>> Tuo tarpu, žemiau, kad mes turime div
Štai atidaryti ir nedelsiant uždaryti

200
00:10:33,020 --> 00:10:34,790
su unikaliu ID žemėlapyje drobės.

201
00:10:34,790 --> 00:10:37,400
Tai dabar iš "Google"
Žemėlapiai dokumentacija

202
00:10:37,400 --> 00:10:42,490
savo API, kuriuo Aš tiesiog reikia
turi tuščią div, į kurią įleisti,

203
00:10:42,490 --> 00:10:44,470
galiausiai faktinė "Google Maps".

204
00:10:44,470 --> 00:10:46,310
Bet daugiau, kad tik šiek tiek.

205
00:10:46,310 --> 00:10:48,850
>> Galiausiai, yra forma
viduje čia kuris

206
00:10:48,850 --> 00:10:52,930
įgyvendina teksto laukelis iki viršaus kairės
mūsų sąsaja paieškai.

207
00:10:52,930 --> 00:10:54,730
Atkreipkite dėmesį, kad mes naudojamas
bootstrapu tiek

208
00:10:54,730 --> 00:10:57,670
čia too-- dalykų, pavyzdžiui,
forma-inline ir forma-grupė.

209
00:10:57,670 --> 00:11:00,080
Mes skiriamas buvęs
unikalus ID formą.

210
00:11:00,080 --> 00:11:04,510
Ir tada, galiausiai, aš iš tikrųjų turi
įvesties tipo, kuri yra gana artima,

211
00:11:04,510 --> 00:11:06,440
kurio ID yra q.

212
00:11:06,440 --> 00:11:07,230
Tiesiog konvencija.

213
00:11:07,230 --> 00:11:09,234
Klausimas dėl query-- gali turėti
buvo vadinamas nieko.

214
00:11:09,234 --> 00:11:11,400
Ir tada rezervavimo ženklas,
tuo tarpu, yra miestas, valstija,

215
00:11:11,400 --> 00:11:16,200
ir pašto kodas, kuris jums gali prisiminti
matome mūsų Mashup demo anksčiau.

216
00:11:16,200 --> 00:11:17,980
Leiskite uždaryti šį failą.

217
00:11:17,980 --> 00:11:24,460
>> Dabar pažvelgti PHP failus atrodo, kad
laukia, o tada JavaScript failus.

218
00:11:24,460 --> 00:11:27,700
Mūsų PHP failus, mes
jau įgyvendino už jus,

219
00:11:27,700 --> 00:11:29,960
pavyzdžiui, patobulinimus.

220
00:11:29,960 --> 00:11:35,060
Update.php-- mes ne išleisti didžiulis
suma laiko here-- trumpai

221
00:11:35,060 --> 00:11:38,400
yra failas, kad mūsų
JavaScript kodas vyksta

222
00:11:38,400 --> 00:11:41,610
susisiekti per AJAX, kad
asinchroninis technika, yra

223
00:11:41,610 --> 00:11:45,980
pastatytas į "JavaScript" šių dienų, kad yra
ketina leidžia mums užduoti update.php

224
00:11:45,980 --> 00:11:47,410
Daugiau informacijos.

225
00:11:47,410 --> 00:11:50,045
>> Tiksliau, kada
vartotojas užsitęs žemėlapį

226
00:11:50,045 --> 00:11:53,310
arba atlieka paiešką, šokinėja
į kitą vietą vartotojas,

227
00:11:53,310 --> 00:11:55,250
mūsų JavaScript kodą,
kaip mes netrukus pamatysite, yra

228
00:11:55,250 --> 00:11:59,610
ketinate skambinti update.php
ir paprašyti 10 arba tiek žymekliai

229
00:11:59,610 --> 00:12:02,630
per peržiūros remiantis
GPS koordinačių

230
00:12:02,630 --> 00:12:06,510
iš viršuje ir apačioje
kampai tos žemėlapyje.

231
00:12:06,510 --> 00:12:10,520
Tada mes galėsime repopulate žemėlapį, kad dabar
vartotojas persikėlė į tam ekraną

232
00:12:10,520 --> 00:12:14,210
pamatyti 10 tikriausiai naujo
žymekliai įvairių miestų.

233
00:12:14,210 --> 00:12:18,340
Tuo tarpu, šis failas yra galiausiai
ketina įvykdyti SQL užklausa

234
00:12:18,340 --> 00:12:21,680
prieš mūsų duomenų bazėje
stalo vadinamas vietos, kurios

235
00:12:21,680 --> 00:12:26,380
ketina grįžti tiems,
10 ar mažiau vietos.

236
00:12:26,380 --> 00:12:32,620
>> Tuo tarpu, articles.php, yra dar vienas
pateikti mums parašiau visas.

237
00:12:32,620 --> 00:12:35,820
Jis yra labai panašus į dvasia
Problemą, 7 "LOOKUP funkcija,

238
00:12:35,820 --> 00:12:39,450
susisiekė Yahoo Finance už jus.

239
00:12:39,450 --> 00:12:43,710
Šis failas kontaktai "Google" Naujienos
Jums, galiausiai greiferiniai

240
00:12:43,710 --> 00:12:46,050
Mašininio nuskaitymo
version-- kažką

241
00:12:46,050 --> 00:12:49,720
vadinamas RSS format-- naujienų
už Kembridžo ar Beverly Hills

242
00:12:49,720 --> 00:12:52,880
ar kas mieste jūs ieškojote
už remiantis šia geoparameter.

243
00:12:52,880 --> 00:12:57,250
Mes parse, kad RSS, kuri yra tik
tipo žymėjimo kalba vadinama XML,

244
00:12:57,250 --> 00:13:00,740
ir tada mes iš tikrųjų
grąžinkite ją į jūsų naršyklėje

245
00:13:00,740 --> 00:13:03,570
ir jūsų "JavaScript" kodą,
Konkrečiau, tokiu formatu, vadinamas

246
00:13:03,570 --> 00:13:06,097
JSON, JavaScript objektas Žymėjimas.

247
00:13:06,097 --> 00:13:08,180
Dabar jūs pamatysite
specification-- mes jums atkreipti

248
00:13:08,180 --> 00:13:10,720
ne, kaip jūs iš tikrųjų galite pamatyti
kai kurie iš JSON ateinantį back--

249
00:13:10,720 --> 00:13:15,210
kad ši funkcija galiausiai
leidžia jums užpildyti tuos iššokantį meniu taip

250
00:13:15,210 --> 00:13:16,960
kad kai paspausite
ant žemėlapio persekiotoją

251
00:13:16,960 --> 00:13:19,430
jūs iš tikrųjų pamatyti visa krūva
kulkų, kiekviena iš kurių

252
00:13:19,430 --> 00:13:21,020
Nuorodos į straipsnį.

253
00:13:21,020 --> 00:13:25,000
>> Dabar galime pažvelgti vienas paskutinis
PHP failas, kuris, laimei, nėra

254
00:13:25,000 --> 00:13:27,970
turi daug vyksta on--
tik gana didelis TODO.

255
00:13:27,970 --> 00:13:32,170
Dabar šį failą deklaruoja
masyvas vadinamas vietas.

256
00:13:32,170 --> 00:13:35,980
Ir tada galiausiai atspaudai
kad masyvas JSON format--

257
00:13:35,980 --> 00:13:38,720
gana spausdinimo ją tik todėl, kad
viskas yra lengviau derinti.

258
00:13:38,720 --> 00:13:41,480
Deja,
viduryje yra tai TODO,

259
00:13:41,480 --> 00:13:46,890
kurioje raginama ieškoti
duomenų bazė vietų atitikimo GEO HTTP

260
00:13:46,890 --> 00:13:47,490
parametras.

261
00:13:47,490 --> 00:13:49,865
>> Ir, tiesą sakant, tai vyksta
būti vienas iš jūsų challenges--

262
00:13:49,865 --> 00:13:54,240
įgyvendinti šią funkciją čia
taip, kad kai jums susisiekti su šį failą

263
00:13:54,240 --> 00:14:00,610
kaip ieškoti URL. PHP? GEO = kažkas,
Jūsų kodas galiausiai grąžinti JSON

264
00:14:00,610 --> 00:14:05,020
masyvas visi iš vietų jūsų
duomenų bazės lentelę, kad atitiktų tą įvestį.

265
00:14:05,020 --> 00:14:08,960
Taigi, jei vartotojas tipų Cambridge,
Jūsų failas čia search.php

266
00:14:08,960 --> 00:14:12,680
galiausiai turėtų grąžinti JSON masyvo
visiems už Kembridžo rungtynes,

267
00:14:12,680 --> 00:14:16,990
kuris gali būti Massachusetts
bet gali būti dar niekur kitur.

268
00:14:16,990 --> 00:14:21,040
>> Galiausiai, leiskite pažvelgti dviem
failų, kurie yra statinio ultimately--

269
00:14:21,040 --> 00:14:23,680
Jūsų CSS failą ir jūsų "JavaScript" failą.

270
00:14:23,680 --> 00:14:26,779
Jei aš einu į mūsų CSS kataloge
ten visa krūva failų ten,

271
00:14:26,779 --> 00:14:28,070
bet dauguma iš jų yra bibliotekų.

272
00:14:28,070 --> 00:14:31,530
Aš ruošiuosi pažiūrėti,
Tiksliau, ne styles.css,

273
00:14:31,530 --> 00:14:35,440
kuris yra mūsų pačių pasaulinė CSS tai
ketina Stilizuoti visą šį Mashup.

274
00:14:35,440 --> 00:14:38,840
Aš paliksiu jį perskaityti per
komentarai čia, bet, trumpai tariant,

275
00:14:38,840 --> 00:14:43,490
tai atitinka CSS, kuri užtikrina, kad mūsų
Mashup, pagal nutylėjimą out of the box,

276
00:14:43,490 --> 00:14:46,950
atrodo lygiai taip, kaip mes norime it--
su žemėlapiu užpildančiu vaizdo prievadas

277
00:14:46,950 --> 00:14:49,720
ir su paieškos
Jūklis viršuje kairėje.

278
00:14:49,720 --> 00:14:52,870
Mes taip pat atsižvelgiama į laisvę
stylizing kad typeahead išskleidžiamajame

279
00:14:52,870 --> 00:14:55,170
meniu šiek tiek, taip pat.

280
00:14:55,170 --> 00:14:58,030
>> Svarbiausia failą
Tikriausiai dėl šios problemos nustatytą

281
00:14:58,030 --> 00:15:01,070
tai paskutinis, scripts.js.

282
00:15:01,070 --> 00:15:03,800
Viduje jūsų JS kataloge
yra dar keli failai.

283
00:15:03,800 --> 00:15:08,090
Visi iš jų yra bibliotekos failus
išskyrus šį vieną, scripts.js.

284
00:15:08,090 --> 00:15:11,460
Jei mes atidaryti tai padaryti, galime imtis mūsų
Galutinis turas per funkcijas,

285
00:15:11,460 --> 00:15:13,820
yra pastatytas į šį failą
Jums ir atkreipti dėmesį

286
00:15:13,820 --> 00:15:16,200
į Todos, kurie laukia ateityje.

287
00:15:16,200 --> 00:15:19,110
>> Tuo šio failo viršuje,
Yra trys globalių kintamųjų.

288
00:15:19,110 --> 00:15:22,910
Vienas už žemėlapyje, kuri vyksta iki
būti nuoroda į mūsų "Google" žemėlapyje.

289
00:15:22,910 --> 00:15:25,510
Jūs galite galvoti apie tai,
rūšiuoti kaip žymeklį.

290
00:15:25,510 --> 00:15:27,710
Tuo tarpu mes turime
kitas pasaulio kintamasis

291
00:15:27,710 --> 00:15:31,500
vadinamas informacijos, kuri, atrodo,
saugoti vertės grąžintą skambučio

292
00:15:31,500 --> 00:15:34,170
į naują google.maps.InfoWindow.

293
00:15:34,170 --> 00:15:37,835
JavaScript palaiko objektus, kurie
yra labai panašus į dvasią statramsčius.

294
00:15:37,835 --> 00:15:40,250
Ir ką tai linija
Mūsų tikslai daro

295
00:15:40,250 --> 00:15:42,820
kuria naują informacijos
langas į atmintį ir tada

296
00:15:42,820 --> 00:15:46,330
išlaikant maždaug nuoroda
ja į kintamąjį vadinamą informacija.

297
00:15:46,330 --> 00:15:48,330
Ir tarp tų,
tuo tarpu, yra tai, kas atrodo

298
00:15:48,330 --> 00:15:51,060
būti tuščias Javaskriptą
masyvas vadinamas žymekliai.

299
00:15:51,060 --> 00:15:55,392
Visi šie laikraščių piktogramos, ar jūs
gali pasirinkti kitą piktogramą iš viso,

300
00:15:55,392 --> 00:15:57,350
vyksta turi būti saugomi
galiausiai šio masyvo

301
00:15:57,350 --> 00:16:01,570
kad galėtume labai lengvai pridėti prie
Žemėlapis ir pašalinti juos iš žemėlapio.

302
00:16:01,570 --> 00:16:03,990
>> Dabar tegul slinkite žemyn
šiek tiek ir nusišvilpti

303
00:16:03,990 --> 00:16:07,690
per kodą, kuris ketina būti
įvykdyti, kai tik DOM ar dokumento

304
00:16:07,690 --> 00:16:10,480
objekto modelis ar
Pats puslapis yra pasirengusi.

305
00:16:10,480 --> 00:16:12,942
Prisiminkite, kad šios sintaksę
čia paprasčiausiai nurodo,

306
00:16:12,942 --> 00:16:14,900
kad šį kodą
turėtų būti vykdomas tik

307
00:16:14,900 --> 00:16:17,840
kai naršyklė baigė
pakrovimo visa kita.

308
00:16:17,840 --> 00:16:19,750
>> Mes pirmą kartą paskelbti
visa krūva stilių,

309
00:16:19,750 --> 00:16:22,410
kurios galų gale stylizing
žemėlapis, kaip už spec.

310
00:16:22,410 --> 00:16:24,790
Mes tada deklaruoti
visa krūva variantų,

311
00:16:24,790 --> 00:16:28,630
o tai dar labiau pritaikyti Google
Žemėlapis kad mes apie įterpti.

312
00:16:28,630 --> 00:16:32,090
Tada mes naudojame jQuery kodą tiek,
kuris yra paaiškinta bit išsamiau

313
00:16:32,090 --> 00:16:35,000
į spec, patraukti
kad elementas, žemėlapis-drobė

314
00:16:35,000 --> 00:16:36,980
kad mes taip unikaliai identifikuojamos.

315
00:16:36,980 --> 00:16:40,640
Ir tada ši linija čia yra
kas atrodo stebuklingai mums

316
00:16:40,640 --> 00:16:43,560
Google žemėlapis viduje
mūsų prašymas,

317
00:16:43,560 --> 00:16:47,020
saugoti nuorodą į jį
toje kintamojo vadinamas žemėlapyje.

318
00:16:47,020 --> 00:16:50,550
>> Galiausiai, žemyn čia mes registruotis
tai, kas vadinama klausytojas.

319
00:16:50,550 --> 00:16:54,690
Pagalvokite back-- būdas, būdas
back-- iki nulio savaitę CS50

320
00:16:54,690 --> 00:16:57,430
kai mes pažvelgė nulio ir
savo paramą per pėsčiomis

321
00:16:57,430 --> 00:16:59,935
per dalykų, vadinamų
renginiai ir transliacijas.

322
00:16:59,935 --> 00:17:01,810
Jūs galite ne naudojote
tai sau, bet tai

323
00:17:01,810 --> 00:17:03,900
mechanizmą, pagal kurį
naršyklė šiuo atveju

324
00:17:03,900 --> 00:17:07,940
galite gauti mūsų dėmesį, kai jis
pasirengę iš tikrųjų vykdyti tam tikrą kodą.

325
00:17:07,940 --> 00:17:12,170
Šiuo atveju, ji ketina klausytis
į žemėlapį atveju vadinamas nenaudojamas.

326
00:17:12,170 --> 00:17:14,930
Tai reiškia, kad naršyklė turi
Įdėję Google žemėlapį.

327
00:17:14,930 --> 00:17:18,380
Tuo metu vadinama funkcija
Konfigūruoti galiausiai turėtų

328
00:17:18,380 --> 00:17:19,339
būti įvykdytas.

329
00:17:19,339 --> 00:17:22,510
Ši funkcija, konfigūruoti,
matysime, yra parašyta mūsų.

330
00:17:22,510 --> 00:17:24,550
>> Dabar žemyn čia yra funkcija
kad, deja,

331
00:17:24,550 --> 00:17:25,871
yra tik TODO ĮDĖTI žymeklis.

332
00:17:25,871 --> 00:17:28,620
Per spec. jūs ketinate reikia
rašyti kodą, kad iš tikrųjų

333
00:17:28,620 --> 00:17:32,840
prideda marker-- ar jis atrodo
kaip laikraštį, ar nykščio Tack,

334
00:17:32,840 --> 00:17:35,360
ar kažkas else-- į "Google" žemėlapyje.

335
00:17:35,360 --> 00:17:37,720
Čia dabar yra tai, kad funkcija
vadinamas konfigūruoti.

336
00:17:37,720 --> 00:17:40,390
Aš paliksiu jį perskaityti
per tai išsamiau,

337
00:17:40,390 --> 00:17:42,600
bet suprantu, kad mes pridėti
krūva daugiau klausytojai

338
00:17:42,600 --> 00:17:46,620
kad galėtume vykdyti kodą, kai
vartotojas paspaudžia ant ir valytuvai žemėlapį.

339
00:17:46,620 --> 00:17:50,730
Mes taip pat turime kodą čia
inicijuoja, kad typeahead įskiepį

340
00:17:50,730 --> 00:17:53,120
kad išskleidžiamajame
Meniu iš tiesų veikia.

341
00:17:53,120 --> 00:17:55,690
>> Bet tegul dėmesio tik
pora vietų čia.

342
00:17:55,690 --> 00:17:57,590
Tiksliau sakant, tai padaryti čia.

343
00:17:57,590 --> 00:18:00,410
Aš atidėti į internete
dokumentacija ir specifikacija

344
00:18:00,410 --> 00:18:02,530
kiek užpildyti šią TODO.

345
00:18:02,530 --> 00:18:05,890
Bet trumpai tariant, tai biblioteka
typeahead leidžia perduoti

346
00:18:05,890 --> 00:18:09,790
į tai, kas paprastai žinomas kaip šabloną,
kurie turi tam tikrų kintamųjų pamainymų

347
00:18:09,790 --> 00:18:13,690
labai panašios dvasios printf anketa%. * s.

348
00:18:13,690 --> 00:18:16,030
Bet šiuo atveju,
Šablonas už spec

349
00:18:16,030 --> 00:18:18,760
leidžia jums nurodyti
Kokie kintamieji norite

350
00:18:18,760 --> 00:18:24,880
švirkšti iš duomenų, kad manimi priekį
atgal iš kažką panašaus PHP

351
00:18:24,880 --> 00:18:29,810
failus, kuriuos parašiau
kurie yra spinduliuojantis JSON produkcija.

352
00:18:29,810 --> 00:18:35,170
>> Dabar žemyn čia suprantame, kad esame
klausytis už typeahead pasirinkimus

353
00:18:35,170 --> 00:18:38,050
kai vartotojas iš tikrųjų atlieka
ieškoti ir pasirenka vertę.

354
00:18:38,050 --> 00:18:40,270
Tai kaip mes iš tikrųjų
ketinate klausytis, kad

355
00:18:40,270 --> 00:18:42,250
ir vykdyti tam tikrą kodą, kaip rezultatas.

356
00:18:42,250 --> 00:18:45,300
Tada mes ir toliau konfigūruoti
Mashup tik truputį.

357
00:18:45,300 --> 00:18:48,000
Ir, galiausiai, mes vadiname
ši funkcija atnaujinti.

358
00:18:48,000 --> 00:18:49,640
Jis atnaujina ekrane žymekliai.

359
00:18:49,640 --> 00:18:51,529
Daugiau apie tai vos akimirką.

360
00:18:51,529 --> 00:18:53,570
Tuo tarpu, yra keletas
maži funkcijos čia.

361
00:18:53,570 --> 00:18:56,820
Vienas iš jų yra hideInfo kuris
tiesiog užsidaro InfoWindow.

362
00:18:56,820 --> 00:19:00,020
Kitas funkcija čia, o galiausiai
nebus per ilgas, pašalinti žymekliai.

363
00:19:00,020 --> 00:19:03,580
Tai vyksta atšaukti kokia
SKELBIMĄ žymeklis funkcija veikia.

364
00:19:03,580 --> 00:19:04,960
Ir tada žemyn čia yra paieška.

365
00:19:04,960 --> 00:19:08,610
Ir tai vienas yra įdomus, nes mes
parašiau JavaScript, kad yra

366
00:19:08,610 --> 00:19:13,490
ketina pasikalbėti su search.php nuo
serverio ir gauti atgal kai atsakymą.

367
00:19:13,490 --> 00:19:16,110
>> Jūs, žinoma, bus dar
reikia įgyvendinti search.php,

368
00:19:16,110 --> 00:19:18,310
bet mes įgyvendinti
JavaScript kodas, kuris yra

369
00:19:18,310 --> 00:19:22,480
ketina dirbti realiai atlikti
ieško iš šio teksto lauką.

370
00:19:22,480 --> 00:19:25,340
Visų pirma, pranešime
kad ši funkcija čia

371
00:19:25,340 --> 00:19:29,160
paieška, ar skambinti search.php
naudojant metodą, vadinamą

372
00:19:29,160 --> 00:19:31,072
gauti JSON, kurį mes matėme paskaitą.

373
00:19:31,072 --> 00:19:32,780
Ir sintaksė čia
yra šiek tiek kitoks

374
00:19:32,780 --> 00:19:37,110
iš paskaitą, kad mes naudojame
JQuery vadinamasis pažadas sąsaja.

375
00:19:37,110 --> 00:19:38,479
Daugiau apie tai į spec.

376
00:19:38,479 --> 00:19:40,520
Tai paprasčiausiai reiškia mūsų
tikslais, kad dabar ten

377
00:19:40,520 --> 00:19:43,870
Yra du specialieji funkcijos mes
reikia paskambinti dot žymėjimo

378
00:19:43,870 --> 00:19:46,230
Čia iš karto po raginama gauti JSON.

379
00:19:46,230 --> 00:19:47,510
Vienas iš jų yra vadinamas padaryti.

380
00:19:47,510 --> 00:19:49,870
Vienas iš jų yra vadinamas nepavyks.

381
00:19:49,870 --> 00:19:51,790
Jūs galite galvoti apie tai
kaip sėkmės prižiūrėtojas

382
00:19:51,790 --> 00:19:54,960
ir nesugebėjimas prižiūrėtojas tiesiog
atveju kažkas negerai.

383
00:19:54,960 --> 00:19:57,760
>> Dabar pažvelkime paskutinis
pora funkcijų šį failą.

384
00:19:57,760 --> 00:20:00,180
Žemyn čia yra funkcija
vadinamas showInfo, kuris

385
00:20:00,180 --> 00:20:03,090
rodo info vienas iš tų
mažai info langai

386
00:20:03,090 --> 00:20:05,380
pasirodo, kai vartotojas paspaudžia žymeklį.

387
00:20:05,380 --> 00:20:08,470
Žemyn čia dar yra
kad funkcijos UPDATE

388
00:20:08,470 --> 00:20:10,510
kad mes įdiegėme jums.

389
00:20:10,510 --> 00:20:15,250
Ji nustato žemėlapio ribų.

390
00:20:15,250 --> 00:20:19,360
Kas yra GPS koordinatės jos
į šiaurės rytus ir pietvakarius kampai čia.

391
00:20:19,360 --> 00:20:22,780
Mes pasirengę kai HDP parametrus
čia ir tada juos perdavė galiausiai

392
00:20:22,780 --> 00:20:26,160
į update.php, kuri mes
Taip pat įgyvendinami už jus.

393
00:20:26,160 --> 00:20:31,390
Tai galiausiai grįš šiek JSON
nuo failas, vadinamas update.php

394
00:20:31,390 --> 00:20:34,050
ir tada pašalina bet
žymekliai ekrane

395
00:20:34,050 --> 00:20:36,650
ir tada kartojasi per
duomenys, kurie manimi grįžti

396
00:20:36,650 --> 00:20:40,350
nuo update.php, kuris
vėl yra tik JSON masyvo.

397
00:20:40,350 --> 00:20:45,130
Ir tada galiausiai priduria už žymeklį
kiekviena iš tų vietų, tvarkymo nepakankamumas

398
00:20:45,130 --> 00:20:47,750
ar klaidų, kurios gali labai gerai atsitikti.

399
00:20:47,750 --> 00:20:51,550
>> Dabar tiesiog duoti jums, kaip jums skonis
gali eiti apie derinti šį projektą,

400
00:20:51,550 --> 00:20:55,420
suprasti, kad aš atidarytas
iš anksto šį skirtuką čia į šį URL,

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

402
00:21:01,320 --> 00:21:04,050
Dabar, vėlgi, straipsniai apie
PHP įdiegėme jums

403
00:21:04,050 --> 00:21:06,320
todėl tai yra ne tiek daug,
kas jums bus naudojant

404
00:21:06,320 --> 00:21:08,190
derinti, o technika.

405
00:21:08,190 --> 00:21:10,590
Atkreipkite dėmesį, kad aš ieškoti
Kembridžo Pašto indeksas čia

406
00:21:10,590 --> 00:21:15,260
ir aš Dotarłeś atgal, iš tiesų, JSON
masyvas JSON objektai kurio viduje

407
00:21:15,260 --> 00:21:17,640
Yra du keys-- nuorodą ir pavadinimas.

408
00:21:17,640 --> 00:21:19,860
>> Taigi ši funkcija
veikia jau už jus.

409
00:21:19,860 --> 00:21:24,330
Tačiau šis rankomis techniką vyksta
kad, pavyzdžiui, tai kažko URL kaip

410
00:21:24,330 --> 00:21:31,710
search.php? GEO = Cambridge arba 02138 arba
kokia vartotojas įvedėte turėtų

411
00:21:31,710 --> 00:21:35,770
įrodyti, neįkainojama, kaip jūs, patys, pabandykite
išsiaiškinti tiksliai, ar kodėl

412
00:21:35,770 --> 00:21:38,510
search.php dirba, ar ne.

413
00:21:38,510 --> 00:21:41,720
>> Galų gale, tada jūs turite
mažai todos prieš jus.

414
00:21:41,720 --> 00:21:44,250
Jūs ketinate pirmųjų padargai
kad importo scenarijų, kuris

415
00:21:44,250 --> 00:21:46,520
skaito us.text į savo duomenų bazę.

416
00:21:46,520 --> 00:21:48,760
Jūs tada reikės
įgyvendinti search.php

417
00:21:48,760 --> 00:21:51,320
taip, kad jis elgiasi tiksliai taip, kaip nurodyta.

418
00:21:51,320 --> 00:21:54,170
Jūs tada norės
sutelkti dėmesį į scripts.js

419
00:21:54,170 --> 00:21:57,520
ir galiausiai įgyvendina
Tiems iš todos pora,

420
00:21:57,520 --> 00:21:59,950
įskaitant configure
ir kad šablonas,

421
00:21:59,950 --> 00:22:03,220
pridėti žymekliai, išimkite žymekliai ir
tada paskutinis, bet ne mažiau, vienas

422
00:22:03,220 --> 00:22:04,330
asmens liesti.

423
00:22:04,330 --> 00:22:07,477
>> Jei turite savo Mashup darbo
labai patiko mūsų, ranka tikslas

424
00:22:07,477 --> 00:22:09,560
yra jums pridėti asmens
prisiliesti prie savo Mashup,

425
00:22:09,560 --> 00:22:11,290
ar tai estetinės ar funkcinės.

426
00:22:11,290 --> 00:22:13,950
Paimkite Mashup vis tiek
šiek tiek į kitą lygį.

427
00:22:13,950 --> 00:22:18,330
Kol jūs stumti save už
Jūsų susipažinimas su pačia spec

428
00:22:18,330 --> 00:22:20,840
ir pasiimti vieną techniką
naujas, net jei tai tik

429
00:22:20,840 --> 00:22:25,610
kažkas estetinių kaip keičiasi
išplanavimas žemėlapyje, kad jūs naudojate,

430
00:22:25,610 --> 00:22:28,070
apimtis, kad mes tikimės
bus patenkintas.

431
00:22:28,070 --> 00:22:30,260
Tai tada yra problema rinkinys 8 Mashup.

432
00:22:30,260 --> 00:22:33,070
Stay tuned daugiau
specifikacijos ir geriausios kloties

433
00:22:33,070 --> 00:22:36,400
spręsti, jūsų paskutinis
CS50 problema nustatyti kada.

434
00:22:36,400 --> 00:22:39,750
>> [Muzikos grojimo]

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