1
00:00:00,000 --> 00:00:03,388
>> [Mūzikas atskaņošanai]

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
Pieņemsim pastaigāties pa
Problem Set 8 Mashup,

5
00:00:12,600 --> 00:00:15,880
kas gatavojas apstrīdēt jums
izmantos elementus Google Maps

6
00:00:15,880 --> 00:00:20,905
ar elementiem no Google News un biezeni
viņiem kopā uz web sīklietotnes ka

7
00:00:20,905 --> 00:00:24,150
ļauj lietotājam meklēt
karti jaunumiem vietējai

8
00:00:24,150 --> 00:00:26,780
uz konkrētām pilsētām,
pilsētām, un pasta indeksi.

9
00:00:26,780 --> 00:00:31,040
Lai to izdarītu, mēs ejam, lai
integrēt kādu HTML, CSS, PHP, SQL,

10
00:00:31,040 --> 00:00:34,390
JavaScript, un tehnika
parasti sauc par AJAX, lai

11
00:00:34,390 --> 00:00:36,850
lai radītu šo immersive
lietotāju pieredzi.

12
00:00:36,850 --> 00:00:38,920
>> Pieņemsim vispirms Google Maps pati.

13
00:00:38,920 --> 00:00:41,220
Tas, protams, ir iespējams
pazīstams interfeisu.

14
00:00:41,220 --> 00:00:45,070
Bet izrādās, ka Google Maps
nodrošina arī API-- pieteikumu

15
00:00:45,070 --> 00:00:48,360
programmēšana interface-- pa kuru
Jūs varat lietot elementus Google Maps

16
00:00:48,360 --> 00:00:50,740
un integrēt tos
savu pieteikumu.

17
00:00:50,740 --> 00:00:52,650
Patiešām, šis
process, jūs gatavojas

18
00:00:52,650 --> 00:00:55,140
lai atrastu pāris URL
īpaši noderīgi, ka

19
00:00:55,140 --> 00:00:57,820
ir minēti
specifikācija Problem Set 8,

20
00:00:57,820 --> 00:01:00,980
īpaši darba sākšanas
Guide vai attīstītājs ceļvedis

21
00:01:00,980 --> 00:01:07,640
uz Google Maps API 3 versija, kā arī
kā Google Maps JavaScript API

22
00:01:07,640 --> 00:01:10,260
v3 norāde, kas ir
mazliet vairāk Arcane lasīt

23
00:01:10,260 --> 00:01:14,600
bet patiesībā ir visas zemākajā līmenī
informāciju par to, ko funkcijas vai metodes

24
00:01:14,600 --> 00:01:18,220
un objekti un īpašības un
notikumi faktiski nāk ar API,

25
00:01:18,220 --> 00:01:20,720
ļoti līdzīgs garā
uz [nedzirdama] lapām.

26
00:01:20,720 --> 00:01:23,480
>> Tagad, ja mēs to apskatīt
Google News, jūs

27
00:01:23,480 --> 00:01:25,370
varbūt redzēt pazīstams interfeiss šeit.

28
00:01:25,370 --> 00:01:29,350
Bet izrādās, jūs varat arī meklēt
Google News īpašām ģeogrāfiskām

29
00:01:29,350 --> 00:01:32,000
izmantojot HTTP parametru sauc geo.

30
00:01:32,000 --> 00:01:35,100
Patiesībā, ja es tuvinātu
šeit, jūs redzēsiet, ka

31
00:01:35,100 --> 00:01:41,672
Es esmu pie
news.google.com/news/section?geo=02138.

32
00:01:41,672 --> 00:01:43,630
Un, protams, ja es zoom
out, jūs redzēsiet, ka es esmu

33
00:01:43,630 --> 00:01:47,090
apskatot lapu ar visu ķekars
uzskati par Cambridge, Massachusetts.

34
00:01:47,090 --> 00:01:50,620
>> Tikmēr, ja es reāli mainīt
URL nebūt zip kodu, piemēram, tas,

35
00:01:50,620 --> 00:01:55,580
bet kaut nedaudz messier
piemēram, Cambridge, + Massachusetts,

36
00:01:55,580 --> 00:02:00,740
kur plus ir veids, kā jūs šifrēt
telpa rakstura URL un hit Enter,

37
00:02:00,740 --> 00:02:02,907
Jūs redzēsiet, ka es tiešām
redzēt gandrīz to pašu ziņu.

38
00:02:02,907 --> 00:02:05,489
Varbūt tas ir mazliet atšķirīgs
jo Cambridge faktiski

39
00:02:05,489 --> 00:02:06,910
ir vairākas zip kodu.

40
00:02:06,910 --> 00:02:09,410
Tagad, kā es zinātu, ka, un,
patiesībā, kā es kaut kā varētu

41
00:02:09,410 --> 00:02:12,940
sasiet pilsētām
lai zip kodi gadījumā, ja es

42
00:02:12,940 --> 00:02:15,064
vēlas, lai ļautu lietotājam
uzmeklēt nu?

43
00:02:15,064 --> 00:02:17,480
Nu, izrādās, ka tur ir
mājas lapa, kas tur sauc

44
00:02:17,480 --> 00:02:20,060
geonames.org kas ir
iniciatīva, lai būtu

45
00:02:20,060 --> 00:02:23,760
brīvi pieejama datu bāze par visu
veidu ģeogrāfisko informāciju,

46
00:02:23,760 --> 00:02:27,040
ne tikai ASV, bet arī
citām valstīm, kā arī.

47
00:02:27,040 --> 00:02:30,430
Patiesībā, ja es eju uz šo URL šeit, kas
tiek minēts arī problēmas, kas

48
00:02:30,430 --> 00:02:34,510
specifikāciju, jūs redzēsiet to trīs
uzskaitījums visu ķekars zip failus

49
00:02:34,510 --> 00:02:36,400
jebkurš no tiem var lejupielādēt ar jums.

50
00:02:36,400 --> 00:02:39,900
Patiesībā, šo problēmu noteikti
jūs gatavojas lejupielādēt us.zip.

51
00:02:39,900 --> 00:02:43,790
Tagad šajā failā, ir vesels
ķekars datiem teksta formātā.

52
00:02:43,790 --> 00:02:47,760
Faili ir ļoti līdzīgs
CSV-- komatiem atdalītas vērtības file--

53
00:02:47,760 --> 00:02:51,294
bet tas faktiski izmanto
cilnes norobežot laukus.

54
00:02:51,294 --> 00:02:53,710
Tagad, tikmēr, ja paskatās
šeit to, ko es esmu uzsvēra,

55
00:02:53,710 --> 00:02:56,459
lauki failos gatavojas
būt lietas, piemēram, valstu kodiem,

56
00:02:56,459 --> 00:02:58,980
pasta indeksi, vietvārdi,
un pēc tam, kādā veidā

57
00:02:58,980 --> 00:03:04,230
vai citu, valstis un novadi,
kopienām, un vairāk.

58
00:03:04,230 --> 00:03:06,630
Patiesībā, es esmu jau
lejupielādēt šo failu iepriekš.

59
00:03:06,630 --> 00:03:09,750
Ļaujiet man iet uz priekšu un atvērt to here--
us.text-- un, protams, jūs

60
00:03:09,750 --> 00:03:16,660
redzēt, ja es ritiniet uz leju, lai rindā 16792
jūs redzēsiet dažus ierakstus Cambridge,

61
00:03:16,660 --> 00:03:19,120
Massachusetts un tās dažādās zip kodi.

62
00:03:19,120 --> 00:03:22,150
Ko Jūs redzēsiet arī tur ir novads,
daži skaitļi, kas man nav īsti

63
00:03:22,150 --> 00:03:24,500
saprotu, bet arī visas
Ceļš, pa labi,

64
00:03:24,500 --> 00:03:27,170
daži GPS coordinates--
platuma un garuma.

65
00:03:27,170 --> 00:03:30,440
Tas ir lieliski, jo viens no
iezīmes Google Maps API

66
00:03:30,440 --> 00:03:33,670
ir spēja atklāt
kur jūs esat ģeogrāfiski

67
00:03:33,670 --> 00:03:36,850
ziņā GPS koordinātas.

68
00:03:36,850 --> 00:03:40,210
>> Tagad sāksim izdomāt, kā to
sākt sasaistīšana šīs lietas kopā.

69
00:03:40,210 --> 00:03:42,900
Mēs esam devis jums viss
ķekars sadales kodu,

70
00:03:42,900 --> 00:03:44,970
kā arī MySQL datu bāze.

71
00:03:44,970 --> 00:03:49,100
Patiesībā, ja es pull phpMyAdmin kam
jau importēta, kā jūs drīz būs,

72
00:03:49,100 --> 00:03:54,800
pset8.SQL, jūs redzēsiet MySQL tabulu, kas
izskatās šādi, ID lauks, valsts

73
00:03:54,800 --> 00:03:57,400
kods, pasta indekss, vietas nosaukums un vairāk.

74
00:03:57,400 --> 00:04:00,490
Par visiem tiem veidiem
kolonnas I iegūti vienkārši

75
00:04:00,490 --> 00:04:03,870
izlasot readme.text
failu šeit norādīto

76
00:04:03,870 --> 00:04:07,330
vai lauks ir vesels skaitlis,
vai varchar vai tamlīdzīgi.

77
00:04:07,330 --> 00:04:10,510
>> Tātad, mēs esam izveidojuši šo tabulu
tu un devis jums SQL komandas

78
00:04:10,510 --> 00:04:12,770
izpildīt, lai radītu, ka
galda savā datu bāzē,

79
00:04:12,770 --> 00:04:15,290
bet tur tiešām nav pieejami dati par to vēl.

80
00:04:15,290 --> 00:04:19,600
Drīzāk, jūs nāksies
lejuplādēt us.zip vai jebkuru valsts zip

81
00:04:19,600 --> 00:04:21,500
failu no šī URL tur.

82
00:04:21,500 --> 00:04:24,940
Un tad jūs nāksies rakstīt
komandrindas skriptu PHP, kas ir

83
00:04:24,940 --> 00:04:28,420
gatavojas atvērt šo tekstu
failu, atkārtot pār tās līnijas,

84
00:04:28,420 --> 00:04:31,180
un pēc tam uz katru no
šo līniju darīt ieliktni

85
00:04:31,180 --> 00:04:34,940
uz ka vietās tabula
Jūsu MySQL datu bāzē.

86
00:04:34,940 --> 00:04:37,880
Tātad beigās šo procesu, jums
ir palaist šo skriptu galu galā

87
00:04:37,880 --> 00:04:39,610
tikai vienu reizi teorētiski.

88
00:04:39,610 --> 00:04:41,780
Patiesībā jūs, iespējams,
palaist to ķekars reizes

89
00:04:41,780 --> 00:04:45,460
mēģinot noteikt dažādas kļūdas.

90
00:04:45,460 --> 00:04:48,440
>> Galu galā, jūs nāksies
tiešām liels datu bāze ar tūkstošiem

91
00:04:48,440 --> 00:04:50,139
un tūkstošiem ģeogrāfisko rindās.

92
00:04:50,139 --> 00:04:52,930
Tad jūs esat gatavojas nodot šo importu
skripts malā, kad tas strādā

93
00:04:52,930 --> 00:04:55,140
un jūsu datu bāze ir jauki
un pareizi, un pēc tam

94
00:04:55,140 --> 00:04:58,880
jūs gatavojas pāriet uz faktiski
Īstenojot Mashup pati.

95
00:04:58,880 --> 00:05:01,670
Mashup ir skatīsies
mazliet kaut kas līdzīgs šim.

96
00:05:01,670 --> 00:05:05,165
Pie mashup.cs50.net, mēs
ir personāla risinājumu

97
00:05:05,165 --> 00:05:06,990
kas izskatās nedaudz kaut kas līdzīgs šim.

98
00:05:06,990 --> 00:05:11,070
Patiešām, ja es noklikšķiniet uz šī laikraksta
ikonu Cambridge, Massachusetts,

99
00:05:11,070 --> 00:05:13,300
jūs redzēsiet spiningu
īsi un tad icon

100
00:05:13,300 --> 00:05:16,370
Sakārtots saraksts,
aizzīmēm saraksts raksti

101
00:05:16,370 --> 00:05:18,280
saistīts ar Cambridge, Massachusetts.

102
00:05:18,280 --> 00:05:20,352
Ja es noklikšķiniet uz Charlestown,
Massachusetts,

103
00:05:20,352 --> 00:05:21,685
Tiksimies pats šai pilsētai.

104
00:05:21,685 --> 00:05:24,174
Un ja es noklikšķiniet uz
Watertown, Massachusetts,

105
00:05:24,174 --> 00:05:26,090
tur varētu būt jebkurš
Ziņas no Watertown,

106
00:05:26,090 --> 00:05:28,630
lai jūs redzēsiet kaut ko
piemēram, nelielu ziņu dienā.

107
00:05:28,630 --> 00:05:32,140
>> Tagad, tikmēr, kreisajā augšējā stūrī ir
daži pazīstami Google Maps kontrole

108
00:05:32,140 --> 00:05:34,980
lai jūs zoom panoramēt
augšu, uz leju, pa kreisi un pa labi,

109
00:05:34,980 --> 00:05:37,360
bet arī meklēšanas lodziņš, ka mēs ieliekam tur.

110
00:05:37,360 --> 00:05:40,910
Tātad, ja es meklētu, atklāti sakot,
vienīgā cita pasta indekss es zinu,

111
00:05:40,910 --> 00:05:45,020
90210, mēs patiešām redzam
Beverly Hills, California.

112
00:05:45,020 --> 00:05:48,550
Kad uzklikšķināt tas man liek
California un vesels bars

113
00:05:48,550 --> 00:05:50,369
Ziņu par Beverly Hills.

114
00:05:50,369 --> 00:05:51,910
Tagad paziņojums, arī to, kas tur notika.

115
00:05:51,910 --> 00:05:57,040
Ja es šoreiz meklēt 02138 vai pat
Cambridge komats Massachusetts vai kādu

116
00:05:57,040 --> 00:06:00,300
variants apakšpunktu, jums
maz autoaizpildīšana nolaižamā.

117
00:06:00,300 --> 00:06:03,840
Tagad tas ir, izmantojot spraudni
par bibliotēku sauc jQuery,

118
00:06:03,840 --> 00:06:05,732
un ka spraudnis sauc typeahead.

119
00:06:05,732 --> 00:06:07,440
Mēs vienkārši izlasīt
dokumentācija,

120
00:06:07,440 --> 00:06:13,150
lejupielādēt js failu integrēta
uz sadales kodu, lai jūs

121
00:06:13,150 --> 00:06:16,900
galu galā var rakstīt kodu, kas
aizpilda šo nolaižamo izvēlni ar auto

122
00:06:16,900 --> 00:06:19,350
izvēles vai auto ieteikumi.

123
00:06:19,350 --> 00:06:23,820
>> Tagad sadales kodu, lai gan, ka
saņēmāt nedara gandrīz tikpat daudz.

124
00:06:23,820 --> 00:06:26,860
Jūs saņemsiet Google Map iestrādāti, un
jums kontroli top pa kreisi,

125
00:06:26,860 --> 00:06:28,240
un jūs saņemsiet meklēšanas lodziņu.

126
00:06:28,240 --> 00:06:32,760
Bet, ja es tipa kaut ko līdzīgu
02138, nav vietas tiek atrasti vēl.

127
00:06:32,760 --> 00:06:34,730
Tāpēc, ka ir būs
viens no mūsu mērķiem šeit.

128
00:06:34,730 --> 00:06:37,430
Turklāt, ja jūs lietojat soli
atpakaļ un apskatīt karti pati,

129
00:06:37,430 --> 00:06:38,950
tur nav ziņu whatsoever.

130
00:06:38,950 --> 00:06:41,780
Pat tad, ja es noklikšķiniet un
velciet, ne marķieri faktiski

131
00:06:41,780 --> 00:06:45,560
parādīties ziņas, jo tas
izaicinājums ir palicis, lai jūs kā labi.

132
00:06:45,560 --> 00:06:48,490
>> Pieņemsim to apskatīt, tad
pie sadales kodu.

133
00:06:48,490 --> 00:06:51,460
Kad esat lejupielādējis
pset8.zip un unzipped to

134
00:06:51,460 --> 00:06:54,430
savā vhost direktorijā
ar CS50 Appliance,

135
00:06:54,430 --> 00:06:56,550
jūs redzēsiet šos
katalogi šeit iekšā.

136
00:06:56,550 --> 00:07:00,200
Bin-- kas parasti apzīmē
bināro izpildāmo programs--

137
00:07:00,200 --> 00:07:04,870
ietver, kā pset7, daži PHP
failus, ka citi faili ietver,

138
00:07:04,870 --> 00:07:06,710
Tad sabiedrības, kas ir
failus, kas nepieciešams

139
00:07:06,710 --> 00:07:09,369
lai būtu publiski pieejama
lietotājam ar pārlūkprogrammu.

140
00:07:09,369 --> 00:07:11,410
Pieņemsim to apskatīt
bin direktorijā, un mēs

141
00:07:11,410 --> 00:07:13,890
redzēt, ka tur ir fails
tur jau sauc Import.

142
00:07:13,890 --> 00:07:17,591
Ja mēs atveram to ar gedit, mēs redzēsim
ka, diemžēl, tur nav daudz

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

144
00:07:18,090 --> 00:07:20,250
Viss, kas ir tur, lai gan,
ir zaņķis augšā

145
00:07:20,250 --> 00:07:23,410
kas nosaka, kas
interpreter-- šajā gadījumā PHP--

146
00:07:23,410 --> 00:07:25,759
ir jāizmanto, lai faktiski
izpildīt šo failu.

147
00:07:25,759 --> 00:07:27,550
Bet tad kur ir teikts
TODO ir, ja tu esi

148
00:07:27,550 --> 00:07:31,130
gatavojas nepieciešams uzrakstīt kādu kodu
kas, iespējams, prasa config

149
00:07:31,130 --> 00:07:35,820
fails, kas ir kas ietver katalogu
kā mēs esam darījuši agrāk ar PHP failus.

150
00:07:35,820 --> 00:07:38,180
Un tad jūs gatavojas
ir kaut kā atvērt

151
00:07:38,180 --> 00:07:41,920
us.text kas jums, iespējams,
jau unzipped.

152
00:07:41,920 --> 00:07:44,690
Tad jūs esat nāksies
atkārtot pār līnijām šajā failā,

153
00:07:44,690 --> 00:07:47,800
iespējams, izmantojot dažas funkcijas
ierosināja specifikācijā.

154
00:07:47,800 --> 00:07:51,390
Tad ievietojiet katrs no tiem
līnijas uz MySQL datu bāzē

155
00:07:51,390 --> 00:07:54,940
izmantojot vaicājumu funkciju, kas
mēs esam atkal izsniedzis jums with--

156
00:07:54,940 --> 00:07:58,010
vai vismaz variants
raidījumiem functions.php,

157
00:07:58,010 --> 00:07:59,560
ko mēs redzēsim tikai brīdi.

158
00:07:59,560 --> 00:08:04,430
>> Tagad pieņemsim slēgt importu un doties atpakaļ uz
mūsu direktoriju un šoreiz iedziļināties

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

160
00:08:05,300 --> 00:08:09,210
Un, ja man ls tur, jūs redzēsiet
trīs dokumenti gluži tāpat Problem Set 7.

161
00:08:09,210 --> 00:08:13,760
Un pieņemsim veikt ātri apskatīt,
piemēram, pie config.php.

162
00:08:13,760 --> 00:08:16,730
Tur ir mazāk līnijas
nekā agrāk, un to

163
00:08:16,730 --> 00:08:20,712
šķiet, ka tas fails ietver
constants.php un functions.php.

164
00:08:20,712 --> 00:08:23,670
Mēs izmantojam nedaudz atšķirīga
paņēmiens šoreiz, lai faktiski

165
00:08:23,670 --> 00:08:30,910
norādīt, ka šie faili ir relatīvs
pašreizējā direktorijā __ DIR__

166
00:08:30,910 --> 00:08:35,280
pārstāv neatkarīgi katalogs šis
failu, config.php, ir pati.

167
00:08:35,280 --> 00:08:37,600
Tātad tas ir daudz
skaidri veids norādot

168
00:08:37,600 --> 00:08:40,100
kādi citi faili vēlaties pieprasīt.

169
00:08:40,100 --> 00:08:44,020
>> Tagad, ja man slēgt šo failu un
atvērt constants.php vietā,

170
00:08:44,020 --> 00:08:47,430
jūs redzēsiet failu ļoti atgādina
lai Problem Set 7 ir tik labi, lai gan

171
00:08:47,430 --> 00:08:50,050
ar citu datu bāzi, ko sauc pset8.

172
00:08:50,050 --> 00:08:54,020
Visbeidzot, functions.php,
mēs redzēsim tikai vienu funkciju

173
00:08:54,020 --> 00:08:55,942
šoreiz sauc vaicājums.

174
00:08:55,942 --> 00:08:59,150
Tas ir gandrīz tas pats, izņemot mēs risinām
kļūdas Šoreiz mazliet

175
00:08:59,150 --> 00:09:02,860
savādāk, bet tas ir izmantošana ir
tāpat kā problēmu noteikts septiņi.

176
00:09:02,860 --> 00:09:08,090
>> Tagad iesim atpakaļ uz mūsu pset8
direktoriju, iedziļināties sabiedrībai, un tur

177
00:09:08,090 --> 00:09:14,420
ja man ls, jūs redzēsiet this--
articles.php, index.html, search.php,

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

179
00:09:16,940 --> 00:09:22,010
Un tad CSS fontus, img, un
js katalogs gluži tāpat pset7.

180
00:09:22,010 --> 00:09:24,660
>> Pieņemsim to apskatīt
index.html, kas ir

181
00:09:24,660 --> 00:09:27,290
būs patiešām
ieejas punkts uz smashup.

182
00:09:27,290 --> 00:09:31,820
Tagad index.html, jūs redzēsiet vesels
ķekars saite elementu galvas,

183
00:09:31,820 --> 00:09:36,540
Konkrētāk, attiecībā uz sāknēšanas programma mūsu pašu
CSS seko visu ķekars skriptu

184
00:09:36,540 --> 00:09:41,520
tagus lietām, piemēram, kartes, API
pati, īpašs marķieris ar etiķeti

185
00:09:41,520 --> 00:09:44,950
lietderība, kas mēs minēts
specifikācija ir pieejama, lai jūs,

186
00:09:44,950 --> 00:09:48,420
jQuery pati, bootstrap
pati, un vēl bibliotēka

187
00:09:48,420 --> 00:09:50,990
sauc pasvītrojums kas
mēs runājam par spec.

188
00:09:50,990 --> 00:09:57,031
Underscore.js piemēram jquery.js
ir JavaScript bibliotēka

189
00:09:57,031 --> 00:10:00,280
kas ir visai ķekars funkcionalitāti
ka daudz cilvēku pasaulē vēlas

190
00:10:00,280 --> 00:10:02,020
pastāvēja JavaScript pati.

191
00:10:02,020 --> 00:10:04,560
Tātad visi no tiem ir
faktiski ir diezgan populārs.

192
00:10:04,560 --> 00:10:07,140
Mēs esam arī minēts typeahead
kas ir bibliotēka, kas

193
00:10:07,140 --> 00:10:11,180
tas, ka AutoComplete nolaižamo un
beidzot saite uz mūsu pašu JavaScript.

194
00:10:11,180 --> 00:10:13,880
>> Tikmēr, un, iespējams,
par laimi, šis Mashup

195
00:10:13,880 --> 00:10:17,550
virza salīdzinoši maz
HTML leju šeit apakšā.

196
00:10:17,550 --> 00:10:22,330
Ievērojiet, ka mēs esam norādīts div in
Mūsu ķermenis klases konteineru šķidrumu.

197
00:10:22,330 --> 00:10:24,610
Tas, uz sāknēšanas s
dokumentācija, tikai

198
00:10:24,610 --> 00:10:29,840
nozīmē, ka šī nodaļa gatavojas aizpildīt
skatvietai vai pārlūkprogrammas loga pilnībā.

199
00:10:29,840 --> 00:10:33,020
>> Tikmēr, zem mums ir div
kas ir atvērta un tūlīt ir jāaizver

200
00:10:33,020 --> 00:10:34,790
ar unikālu ID kartes audekla.

201
00:10:34,790 --> 00:10:37,400
Tagad tas ir no Google
Kartes dokumentācija

202
00:10:37,400 --> 00:10:42,490
tā API, kuru es vienkārši nepieciešams
ir tukša div, kurā veikt injekciju,

203
00:10:42,490 --> 00:10:44,470
galu galā, ar faktisko Google Maps.

204
00:10:44,470 --> 00:10:46,310
Bet vairāk par to, kas tikai mazliet.

205
00:10:46,310 --> 00:10:48,850
>> Visbeidzot, ir forma
iekšā šeit, kas

206
00:10:48,850 --> 00:10:52,930
darbarīkus tekstlodziņš up augšas pa kreisi
mūsu interfeisu meklēšanai.

207
00:10:52,930 --> 00:10:54,730
Ievērojiet, ka mēs esam izmantojuši
mazliet sāknēšanas programma

208
00:10:54,730 --> 00:10:57,670
šeit too-- lietas, piemēram,
forma-inline un formas grupas.

209
00:10:57,670 --> 00:11:00,080
Mēs esam rūpīgi bijušais
unikālais ID formas.

210
00:11:00,080 --> 00:11:04,510
Un tad, galu galā, man tiešām ir
ievades veids, kas ir diezgan pazīstams,

211
00:11:04,510 --> 00:11:06,440
kura ID ir q.

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

213
00:11:07,230 --> 00:11:09,234
Q query-- varētu būt
aicināts neko.

214
00:11:09,234 --> 00:11:11,400
Un tad vietturis,
tikmēr, ir pilsēta, valsts,

215
00:11:11,400 --> 00:11:16,200
un pasta indekss, kas jūs varētu atgādināt
redzot mūsu miksējumu demo agrāk.

216
00:11:16,200 --> 00:11:17,980
Pieņemsim aizvērt šo failu.

217
00:11:17,980 --> 00:11:24,460
>> Tagad to apskatīt PHP failus, kas
gaida un tad JavaScript failus.

218
00:11:24,460 --> 00:11:27,700
Mūsu PHP failus, mēs esam
jau ir ieviesta, lai jūs,

219
00:11:27,700 --> 00:11:29,960
piemēram, atjauninājumus.

220
00:11:29,960 --> 00:11:35,060
Update.php-- mēs nevarēsim tērēt milzīgs
daudzums laika here-- īsumā

221
00:11:35,060 --> 00:11:38,400
ir fails, ka mūsu
JavaScript kods notiek

222
00:11:38,400 --> 00:11:41,610
sazināties, izmantojot AJAX, ka
asinhrono paņēmiens, kas ir

223
00:11:41,610 --> 00:11:45,980
iebūvēts JavaScript šajās dienās tas ir
gatavojas ļauj mums uzdot update.php

224
00:11:45,980 --> 00:11:47,410
lai iegūtu vairāk informācijas.

225
00:11:47,410 --> 00:11:50,045
>> Konkrēti, jebkurā laikā
lietotājs Transvestīti karti

226
00:11:50,045 --> 00:11:53,310
vai veic meklēšanu, kas lec
lietotājs uz citu vietu,

227
00:11:53,310 --> 00:11:55,250
Mūsu JavaScript kods,
kā mēs drīz redzēt, ir

228
00:11:55,250 --> 00:11:59,610
saukšu update.php
un lūgt 10 vai tik marķieriem

229
00:11:59,610 --> 00:12:02,630
ietvaros logā balstīta
uz GPS koordinātēm

230
00:12:02,630 --> 00:12:06,510
no augšas un apakšas
stūri šo karti.

231
00:12:06,510 --> 00:12:10,520
Tad mēs varam repopulate karti tagad, ka
lietotājs ir pārvietots uz ekrāna, lai

232
00:12:10,520 --> 00:12:14,210
redzēt 10, iespējams, jaunu
marķieri dažādām pilsētām.

233
00:12:14,210 --> 00:12:18,340
Tikmēr, šis fails ir galu galā
gatavojas izpildīt SQL vaicājumu

234
00:12:18,340 --> 00:12:21,680
pret mūsu datu bāzē
galda sauc vietas, kas

235
00:12:21,680 --> 00:12:26,380
gatavojas atgriezties tiem
10 vai mazāk vietas.

236
00:12:26,380 --> 00:12:32,620
>> Tikmēr articles.php, ir vēl viens
failu mēs esam rakstīts kopumā.

237
00:12:32,620 --> 00:12:35,820
Tas ir ļoti līdzīgs garā
Problēma Set 7 ir LOOKUP funkcija,

238
00:12:35,820 --> 00:12:39,450
sazinājās Yahoo Finance jums.

239
00:12:39,450 --> 00:12:43,710
Šis fails kontakti Google News
jums, galu galā satveršanas

240
00:12:43,710 --> 00:12:46,050
mašīnlasāmā
version-- kaut

241
00:12:46,050 --> 00:12:49,720
sauc RSS format-- par jaunumiem
Cambridge vai Beverly Hills

242
00:12:49,720 --> 00:12:52,880
vai kāds town esat meklējis
lai, pamatojoties uz šo Ģeogrāfisko parametru.

243
00:12:52,880 --> 00:12:57,250
Mēs parsēt šo RSS, kas ir tikai
no iezīmēšanas valodas veidu sauc par XML,

244
00:12:57,250 --> 00:13:00,740
un tad mēs faktiski
atdod to savā pārlūkprogrammā

245
00:13:00,740 --> 00:13:03,570
un jūsu JavaScript kodu,
Konkrētāk, tādā formātā, ko sauc par

246
00:13:03,570 --> 00:13:06,097
JSON, JavaScript Object notācija.

247
00:13:06,097 --> 00:13:08,180
Tagad jūs redzēsiet
specification-- mēs jums norādīt

248
00:13:08,180 --> 00:13:10,720
pie kā jūs faktiski var redzēt
daži no JSON tuvākajos back--

249
00:13:10,720 --> 00:13:15,210
ka šī funkcija galu galā
ļauj jums aizpildīt šo popup izvēlnēm tik

250
00:13:15,210 --> 00:13:16,960
ka tad, kad jūs noklikšķiniet
uz marķieri kartē

251
00:13:16,960 --> 00:13:19,430
jūs faktiski redzēt visu ķekars
lodes, katrs no kuriem

252
00:13:19,430 --> 00:13:21,020
saites uz rakstu.

253
00:13:21,020 --> 00:13:25,000
>> Tagad pieņemsim to apskatīt vienā pēdējā
PHP failu, kas, par laimi, nav

254
00:13:25,000 --> 00:13:27,970
ir daudz kas notiek on--
tikai diezgan liels TODO.

255
00:13:27,970 --> 00:13:32,170
Tieši tagad šo failu deklarē
masīvs sauc vietas.

256
00:13:32,170 --> 00:13:35,980
Un tad galu galā izdrukas
ka masīvs JSON format--

257
00:13:35,980 --> 00:13:38,720
pretty-izdrukājot to tikai tāpēc, ka
lietas ir vieglāk atkļūdošanas.

258
00:13:38,720 --> 00:13:41,480
Diemžēl
vidū ir šī TODO,

259
00:13:41,480 --> 00:13:46,890
kas prasa, lai jūs varētu meklēt
datubāze vietām saskaņošanas geo HTTP

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

261
00:13:47,490 --> 00:13:49,865
>> Un, protams, tas būs
būt viens no jūsu challenges--

262
00:13:49,865 --> 00:13:54,240
lai īstenotu šo funkciju šeit
tā, ka tad, kad jūs sazināties ar šo failu ar

263
00:13:54,240 --> 00:14:00,610
URL, piemēram, meklēšanu. php? geo = kaut kas,
jūsu kods galu galā atpakaļ JSON

264
00:14:00,610 --> 00:14:05,020
masīvs visiem vietām jūsu
datu bāzes tabulu, kas atbilst šo ieguldījumu.

265
00:14:05,020 --> 00:14:08,960
Tātad, ja lietotājs veidiem Cambridge,
Jūsu fails šeit search.php

266
00:14:08,960 --> 00:14:12,680
galu galā atpakaļ JSON masīvs
lai visās spēlēs par Cambridge,

267
00:14:12,680 --> 00:14:16,990
kas varētu būt Masačūsetsā
bet varētu būt arī jebkur citur.

268
00:14:16,990 --> 00:14:21,040
>> Visbeidzot, pieņemsim to apskatīt divas
failus, kas ir statisks ultimately--

269
00:14:21,040 --> 00:14:23,680
savu CSS failu un JavaScript failu.

270
00:14:23,680 --> 00:14:26,779
Ja es iedziļināties mūsu CSS direktorijā,
tur ir viss ķekars failus tur,

271
00:14:26,779 --> 00:14:28,070
bet lielākā daļa no tiem ir bibliotēkas.

272
00:14:28,070 --> 00:14:31,530
Es esmu gatavojas paskatīties,
Konkrētāk, pie styles.css,

273
00:14:31,530 --> 00:14:35,440
kas ir mūsu pašu pasaules CSS, kas ir
gatavojas stylize šo visu Mashup.

274
00:14:35,440 --> 00:14:38,840
Es atstāt to jums izlasīt
komentāri šeit, bet, īsumā,

275
00:14:38,840 --> 00:14:43,490
tas ir CSS, kas nodrošina, ka mūsu
Mashup, pēc noklusējuma no kastes,

276
00:14:43,490 --> 00:14:46,950
izskatās tieši tā, kā mēs gribam it--
ar karti aizpildot skata portu

277
00:14:46,950 --> 00:14:49,720
un ar meklēšanu
jūklis augšējā kreisajā stūrī.

278
00:14:49,720 --> 00:14:52,870
Mēs esam arī veikusi brīvību
stylizing ka typeahead nolaižamo

279
00:14:52,870 --> 00:14:55,170
ēdienkarte mazliet, kā arī.

280
00:14:55,170 --> 00:14:58,030
>> Svarīgākais fails
varbūt šo problēmu, kas

281
00:14:58,030 --> 00:15:01,070
tas ir pēdējais, scripts.js.

282
00:15:01,070 --> 00:15:03,800
Iekšpusē jūsu JS direktorijā
ir vēl vairāk failus.

283
00:15:03,800 --> 00:15:08,090
Visi no tiem ir bibliotēkas failus
izņemot šo vienu, scripts.js.

284
00:15:08,090 --> 00:15:11,460
Ja mēs atvērt šo augšu, pieņemsim mūsu
Galīgo ekskursija pa funkcijām, kas

285
00:15:11,460 --> 00:15:13,820
ir iebūvēts šo failu
jums un zvanu uzmanību

286
00:15:13,820 --> 00:15:16,200
uz Todos kas gaida nākotnē.

287
00:15:16,200 --> 00:15:19,110
>> Augšpusē šo failu,
Ir trīs globālo mainīgo.

288
00:15:19,110 --> 00:15:22,910
Viens uz kartes, kas iet uz
būt atsauce uz mūsu Google kartē.

289
00:15:22,910 --> 00:15:25,510
Jūs varat domāt par to
veida kā rādītājs.

290
00:15:25,510 --> 00:15:27,710
Tajā pašā laikā, mēs esam
citu pasaules mainīgais

291
00:15:27,710 --> 00:15:31,500
sauc info, kas, šķiet,
uzglabājot atgriešanās vērtību zvanu

292
00:15:31,500 --> 00:15:34,170
uz jaunu google.maps.InfoWindow.

293
00:15:34,170 --> 00:15:37,835
JavaScript atbalsta objektus, kas
ir ļoti līdzīgs garā balsts.

294
00:15:37,835 --> 00:15:40,250
Un ko šī pozīcija
mūsu mērķiem dara

295
00:15:40,250 --> 00:15:42,820
rada jaunu info
logu atmiņā un tad

296
00:15:42,820 --> 00:15:46,330
saglabājot apkārt atsauci
to ar mainīgo sauc Info.

297
00:15:46,330 --> 00:15:48,330
Un starp tiem,
tikmēr, ir tas, kas parādās

298
00:15:48,330 --> 00:15:51,060
būt tukšs JavaScript
masīvs sauc marķierus.

299
00:15:51,060 --> 00:15:55,392
Visi šie laikrakstu ikonas, vai arī jūs
varētu izvēlēties citu ikonu vispār,

300
00:15:55,392 --> 00:15:57,350
gatavojas glabāt
galu galā šajā masīvā

301
00:15:57,350 --> 00:16:01,570
lai mēs varētu ļoti viegli pievienot
kartes un izņemt tos no pasaules kartes.

302
00:16:01,570 --> 00:16:03,990
>> Tagad pieņemsim ritināt uz leju
mazliet un sīkšana

303
00:16:03,990 --> 00:16:07,690
izmantojot kodu, kas notiek, lai būtu
izpildīt, tiklīdz DOM vai dokumenta

304
00:16:07,690 --> 00:16:10,480
objekta modelis vai
Pati lapa ir gatava.

305
00:16:10,480 --> 00:16:12,942
Atgādināt, ka šo sintaksi
šeit vienkārši precizēts

306
00:16:12,942 --> 00:16:14,900
ka šādu kodu
būtu jāveic tikai

307
00:16:14,900 --> 00:16:17,840
ja pārlūkprogramma ir beidzis
iekraušanas viss pārējais.

308
00:16:17,840 --> 00:16:19,750
>> Mēs pirmo reizi deklarē
viss ķekars stilu,

309
00:16:19,750 --> 00:16:22,410
kas galu galā stylizing
karte kā vienu spec.

310
00:16:22,410 --> 00:16:24,790
Tad mēs paziņojam
viss ķekars iespējas,

311
00:16:24,790 --> 00:16:28,630
kas vēl vairāk pielāgot Google
karte, kas mēs esam par to iestrādāt.

312
00:16:28,630 --> 00:16:32,090
Pēc tam mēs izmantojam mazliet jQuery koda,
kas tiek skaidrots ar mazliet sīkāk

313
00:16:32,090 --> 00:16:35,000
spec, lai greifers
šis elements, karti, audekls

314
00:16:35,000 --> 00:16:36,980
ka mēs tik identificēt.

315
00:16:36,980 --> 00:16:40,640
Un tad šī līnija šeit ir
ko, šķiet, maģiski dotu mums

316
00:16:40,640 --> 00:16:43,560
Google karte iekšpusē
mūsu pašu pieteikumu,

317
00:16:43,560 --> 00:16:47,020
uzglabājot atsauci uz to
šajā mainīgo sauc kartē.

318
00:16:47,020 --> 00:16:50,550
>> Visbeidzot, uz leju šeit mēs reģistrējam
ko sauc klausītājs.

319
00:16:50,550 --> 00:16:54,690
Padomā back-- veidā, kā
back-- nedēļai nulles in CS50

320
00:16:54,690 --> 00:16:57,430
kad mēs paskatījās Scratch un
savu atbalstu, izmantojot pastaigāties

321
00:16:57,430 --> 00:16:59,935
caur lietām, ko sauc par
pasākumi un raidījumi.

322
00:16:59,935 --> 00:17:01,810
Jūs, iespējams, ir izmantojuši
tas pats, bet tas ir

323
00:17:01,810 --> 00:17:03,900
mehānisms, ar kuru
pārlūkprogramma šajā gadījumā

324
00:17:03,900 --> 00:17:07,940
var saņemt mūsu uzmanību, kad tas ir
gatavi reāli izpildīt kādu kodu.

325
00:17:07,940 --> 00:17:12,170
Šajā gadījumā, tas notiek, lai klausītos
uz kartē notikumu sauc dīkstāvē.

326
00:17:12,170 --> 00:17:14,930
Tas nozīmē, ka pārlūkprogramma ir
pabeigts Google karti iekraušanas.

327
00:17:14,930 --> 00:17:18,380
Šajā brīdī funkcija sauc
konfigurēt vajadzētu galu galā

328
00:17:18,380 --> 00:17:19,339
izpildīts.

329
00:17:19,339 --> 00:17:22,510
Šī funkcija, konfigurēt,
mēs redzēsim, ir rakstīts ar mums.

330
00:17:22,510 --> 00:17:24,550
>> Tagad noteikti šeit ir funkcija
ka, diemžēl,

331
00:17:24,550 --> 00:17:25,871
ir tikai TODO add marķieris.

332
00:17:25,871 --> 00:17:28,620
Per spec. Jūs esat dodas uz nepieciešamību
rakstīt kodu, kas faktiski

333
00:17:28,620 --> 00:17:32,840
piebilst marker--, vai tas izskatās
kā avīzi, vai īkšķis tack,

334
00:17:32,840 --> 00:17:35,360
vai kaut else-- Google kartē.

335
00:17:35,360 --> 00:17:37,720
Šeit ir tāda, ka funkcija
sauc konfigurēt.

336
00:17:37,720 --> 00:17:40,390
Es atstāt to jums lasīt
caur šo sīkāk,

337
00:17:40,390 --> 00:17:42,600
bet saprast, ka mēs pievienojam
ķekars vairāk Klausītāji

338
00:17:42,600 --> 00:17:46,620
lai mēs varētu izpildīt kodu, kad
lietotājs noklikšķina uz un velk karti.

339
00:17:46,620 --> 00:17:50,730
Mums ir arī kodu šeit, ka
inicializē ka typeahead spraudni

340
00:17:50,730 --> 00:17:53,120
lai nolaižamo
izvēlnes faktiski darbojas.

341
00:17:53,120 --> 00:17:55,690
>> Bet pieņemsim koncentrēties uz tikai
Pāris vietās šeit.

342
00:17:55,690 --> 00:17:57,590
Konkrēti, tas to darīt šeit.

343
00:17:57,590 --> 00:18:00,410
Es piekāpjas tiešsaistē
dokumentācijas un specifikāciju

344
00:18:00,410 --> 00:18:02,530
par to, kā aizpildīt šo TODO.

345
00:18:02,530 --> 00:18:05,890
Bet īsumā, šī bibliotēka
typeahead ļauj iziet

346
00:18:05,890 --> 00:18:09,790
jo to, kas parasti sauc par veidni,
kas ir dažas mainīgus vietturus

347
00:18:09,790 --> 00:18:13,690
ļoti līdzīgs garā uz Printf s%. * s.

348
00:18:13,690 --> 00:18:16,030
Bet šajā gadījumā,
veidne vienu spec

349
00:18:16,030 --> 00:18:18,760
ļauj jums norādīt
ko mainīgie vēlaties

350
00:18:18,760 --> 00:18:24,880
injicēt no datiem, kas ir ieradušies
atpakaļ no kaut kā SVP

351
00:18:24,880 --> 00:18:29,810
faili, ka jūs esat rakstiskas
kas izstaro JSON produkciju.

352
00:18:29,810 --> 00:18:35,170
>> Tagad šeit lejā saprast, ka mēs esam
klausās typeahead izlasēs

353
00:18:35,170 --> 00:18:38,050
kad lietotājs faktiski veic
meklējiet un izvēlas vērtību.

354
00:18:38,050 --> 00:18:40,270
Tas ir, kā mēs esam patiesībā
gatavojas uzklausīt par to

355
00:18:40,270 --> 00:18:42,250
un izpildīt kādu kodu, kā rezultātā.

356
00:18:42,250 --> 00:18:45,300
Tad mēs turpinām konfigurēt
Mashup tikai mazliet.

357
00:18:45,300 --> 00:18:48,000
Un, galu galā, mēs saucam
šī funkcija atjauninājumu.

358
00:18:48,000 --> 00:18:49,640
Tas atjauno marķierus ekrānā.

359
00:18:49,640 --> 00:18:51,529
Vairāk par to tikai brīdi.

360
00:18:51,529 --> 00:18:53,570
Tajā pašā laikā, ir maz
mazas funkcijas šeit.

361
00:18:53,570 --> 00:18:56,820
Viens no tiem ir hideInfo kas
vienkārši aizver InfoWindow.

362
00:18:56,820 --> 00:19:00,020
Vēl viena funkcija šeit, kas galu galā
nebūs pārāk garš, izņemiet marķierus.

363
00:19:00,020 --> 00:19:03,580
Kas notiek, lai atsauktu neatkarīgi
Jūsu add marķieris funkcija dara.

364
00:19:03,580 --> 00:19:04,960
Un tad noteikti šeit ir meklēt.

365
00:19:04,960 --> 00:19:08,610
Un šī ir interesanti, jo mēs
esmu rakstījis JavaScript kodu, kas ir

366
00:19:08,610 --> 00:19:13,490
gatavojas runāt ar search.php par
serveri un saņemt atpakaļ kādu atbildi.

367
00:19:13,490 --> 00:19:16,110
>> Jūs, protams, būs vēl
jāievieš search.php,

368
00:19:16,110 --> 00:19:18,310
bet mēs esam jāīsteno
JavaScript kodu, kas ir

369
00:19:18,310 --> 00:19:22,480
gatavojas rīkoties faktiski veic
meklē no šī teksta lodziņā.

370
00:19:22,480 --> 00:19:25,340
Jo īpaši, paziņojumā
ka šī funkcija šeit,

371
00:19:25,340 --> 00:19:29,160
meklēšana, vai zvaniet search.php
ar metodi, ko sauc

372
00:19:29,160 --> 00:19:31,072
get JSON, ko mēs redzējām lekciju.

373
00:19:31,072 --> 00:19:32,780
Un sintakse šeit
ir nedaudz atšķirīgs

374
00:19:32,780 --> 00:19:37,110
no lekciju, ka mēs izmantojam
jQuery tā saukto solījums interfeisu.

375
00:19:37,110 --> 00:19:38,479
Vairāk par to, kas spec.

376
00:19:38,479 --> 00:19:40,520
Tas vienkārši nozīmē, lai mūsu
mērķiem tagad, ka tur

377
00:19:40,520 --> 00:19:43,870
ir divas īpašas funkcijas mēs
jāpiezvana ar dot notācija

378
00:19:43,870 --> 00:19:46,230
Šeit uzreiz pēc izsaucēja nokļūt JSON.

379
00:19:46,230 --> 00:19:47,510
Viens sauc darīts.

380
00:19:47,510 --> 00:19:49,870
Viens sauc neizdoties.

381
00:19:49,870 --> 00:19:51,790
Jūs varat domāt par šiem
kā veiksmes apdarinātājs

382
00:19:51,790 --> 00:19:54,960
un neveiksmes apdarinātājs tikko
gadījumā, ja kaut kas noiet greizi.

383
00:19:54,960 --> 00:19:57,760
>> Tagad aplūkosim pēdējais
pāris funkcijas šajā failā.

384
00:19:57,760 --> 00:20:00,180
Down šeit ir funkcija
sauc showInfo, kas

385
00:20:00,180 --> 00:20:03,090
parāda info viens no tiem
maz info logiem, kas

386
00:20:03,090 --> 00:20:05,380
NOP kad lietotājs uzklikšķina marķieri.

387
00:20:05,380 --> 00:20:08,470
Leju šeit vēl ir
ka update funkcija

388
00:20:08,470 --> 00:20:10,510
ka mums ir jāīsteno, lai jums.

389
00:20:10,510 --> 00:20:15,250
Tas nosaka robežas karti.

390
00:20:15,250 --> 00:20:19,360
Kādas ir GPS koordinātas tās
ziemeļaustrumiem un dienvidrietumiem stūriem šeit.

391
00:20:19,360 --> 00:20:22,780
Esam sagatavojuši dažus HDP parametrus
šeit un pēc tam laiž tos galu galā

392
00:20:22,780 --> 00:20:26,160
uz update.php, kuru mēs esam
īsteno arī jums.

393
00:20:26,160 --> 00:20:31,390
Kas galu galā izpaužas atpakaļ kādu JSON
no failu sauc update.php

394
00:20:31,390 --> 00:20:34,050
un tad noņem jebkādu
marķieri uz ekrāna

395
00:20:34,050 --> 00:20:36,650
un pēc tam vairākkārt uzsvērts vairāk
dati, kas ir atgriezies

396
00:20:36,650 --> 00:20:40,350
no update.php, kura
atkal ir tikai JSON masīvs.

397
00:20:40,350 --> 00:20:45,130
Un tad tas galu galā piebilst marķieri
Katrā no šīm vietām, apstrādes neveiksme

398
00:20:45,130 --> 00:20:47,750
vai kļūdas, kas varētu ļoti labi notikt.

399
00:20:47,750 --> 00:20:51,550
>> Tagad tikai, lai dotu jums garšu, kā jūs
varētu iet par atkļūdošana šo projektu,

400
00:20:51,550 --> 00:20:55,420
saprotu, ka es esmu atvērts
virzīt šo cilni šeit, lai šo URL,

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

402
00:21:01,320 --> 00:21:04,050
Tagad, atkal, raksti par
PHP mēs īstenojām jums

403
00:21:04,050 --> 00:21:06,320
tāpēc tas nav tik daudz
ko jūs izmantojat

404
00:21:06,320 --> 00:21:08,190
atkļūdošanas, bet gan tehniku.

405
00:21:08,190 --> 00:21:10,590
Ievērojiet, ka es esmu meklējis
Cambridge ir pasta indekss šeit,

406
00:21:10,590 --> 00:21:15,260
un es esmu gotten atpakaļ, protams, JSON
masīvs JSON objektus iekšā kas

407
00:21:15,260 --> 00:21:17,640
ir divi keys-- saite un nosaukums.

408
00:21:17,640 --> 00:21:19,860
>> Tātad šī funkcija
strādā jau jums.

409
00:21:19,860 --> 00:21:24,330
Bet šī metode manuāli iet
uz URL, piemēram, tas par kaut ko līdzīgu

410
00:21:24,330 --> 00:21:31,710
search.php? geo = cambridge vai 02138 vai
kāds lietotājs ir ievadījis būtu

411
00:21:31,710 --> 00:21:35,770
izrādīties nenovērtējams kā jūs, sevi, mēģiniet
lai noskaidrotu, tieši vai kāpēc

412
00:21:35,770 --> 00:21:38,510
search.php strādā vai ne.

413
00:21:38,510 --> 00:21:41,720
>> Galu galā, tad, jums ir
daži todos priekšā no jums.

414
00:21:41,720 --> 00:21:44,250
Jūs esat gatavojas pirmajiem agregātiem
ka imports skriptu, kas

415
00:21:44,250 --> 00:21:46,520
skan us.text savā datu bāzē.

416
00:21:46,520 --> 00:21:48,760
Jūs esat tad dodas uz nepieciešamību
īstenot search.php

417
00:21:48,760 --> 00:21:51,320
tā, ka tas veic tieši tā, kā norādīts.

418
00:21:51,320 --> 00:21:54,170
Jūs esat tam gatavojas vēlaties
koncentrēties uz scripts.js

419
00:21:54,170 --> 00:21:57,520
un visbeidzot īsteno
tie pāris TODOS,

420
00:21:57,520 --> 00:21:59,950
tostarp konfigurēt
un ka veidni,

421
00:21:59,950 --> 00:22:03,220
pievienot marķierus, noņemt marķierus, un
Tad pēdējais, bet ne mazāk svarīgi, viens

422
00:22:03,220 --> 00:22:04,330
personas touch.

423
00:22:04,330 --> 00:22:07,477
>> Tiklīdz jums ir Mashup darba
gluži kā mūsējā, mērķis pie rokas

424
00:22:07,477 --> 00:22:09,560
ir, lai jūs varētu pievienot personisko
pieskarties savam miksējumu,

425
00:22:09,560 --> 00:22:11,290
vai tas ir estētiska vai funkcionāla.

426
00:22:11,290 --> 00:22:13,950
Veikt Mashup kādreiz tik
nedaudz uz nākamo līmeni.

427
00:22:13,950 --> 00:22:18,330
Tik ilgi, kamēr jūs push sevi tālāk
Jūsu zināšanas ar spec pati

428
00:22:18,330 --> 00:22:20,840
un uzņemt vienu tehniku
jauna, pat ja tas ir tikai

429
00:22:20,840 --> 00:22:25,610
kaut estētisko kā mainīt
izvietojums kartē, kas jūs izmantojat,

430
00:22:25,610 --> 00:22:28,070
joma, ko mēs sagaidām
būs apmierināti.

431
00:22:28,070 --> 00:22:30,260
Tas tad ir Problem Set 8 Mashup.

432
00:22:30,260 --> 00:22:33,070
Gaidiet vairāk
specifikācija un novēlu veiksmi

433
00:22:33,070 --> 00:22:36,400
risināt šo, jūsu pēdējais
CS50 problēma noteikti kādreiz.

434
00:22:36,400 --> 00:22:39,750
>> [Mūzikas atskaņošanai]

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