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

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

3
00:00:09,196 --> 00:00:10,180
>> DAVID J. Malan: Hello.

4
00:00:10,180 --> 00:00:12,600
Hebu kuchukua kutembea kwa njia ya
Tatizo Set 8 Mashup,

5
00:00:12,600 --> 00:00:15,880
ambayo ni kwenda changamoto ya
kuteka juu ya mambo kwa ajili ya Google Maps

6
00:00:15,880 --> 00:00:20,905
na mambo kutoka Google News na mash
nao pamoja katika mtandao applet kwamba

7
00:00:20,905 --> 00:00:24,150
inaruhusu mtumiaji kutafuta
ramani ya habari za mitaa

8
00:00:24,150 --> 00:00:26,780
miji maalum,
miji, na codes zip.

9
00:00:26,780 --> 00:00:31,040
Kwa kufanya hivyo, tunakwenda
kuunganisha baadhi HTML, CSS, PHP, SQL,

10
00:00:31,040 --> 00:00:34,390
JavaScript, na mbinu
ujumla inayojulikana kama AJAX ili

11
00:00:34,390 --> 00:00:36,850
kujenga immersive
user uzoefu.

12
00:00:36,850 --> 00:00:38,920
>> Hebu kwanza kwa Google Maps yenyewe.

13
00:00:38,920 --> 00:00:41,220
Hii, bila shaka, labda ni
interface familiar.

14
00:00:41,220 --> 00:00:45,070
Lakini zinageuka kuwa Google Maps
Pia hutoa API-- maombi

15
00:00:45,070 --> 00:00:48,360
programu interface-- kupitia ambayo
unaweza kuchukua mambo ya Google Maps

16
00:00:48,360 --> 00:00:50,740
na kuunganisha yao katika
maombi yako mwenyewe.

17
00:00:50,740 --> 00:00:52,650
Hakika, katika hili
mchakato, wewe kwenda

18
00:00:52,650 --> 00:00:55,140
kupata michache ya URLs
inasaidia hasa kwamba

19
00:00:55,140 --> 00:00:57,820
wametajwa katika
vipimo kwa ajili ya Tatizo Set 8,

20
00:00:57,820 --> 00:01:00,980
hasa hii Anza
Kuongoza au Developer ya Guide

21
00:01:00,980 --> 00:01:07,640
kwa ajili ya Google Maps API Version 3 kama vizuri
kama Maps Google JavaScript API

22
00:01:07,640 --> 00:01:10,260
v3 kumbukumbu, ambayo ni
kidogo zaidi arcane kusoma

23
00:01:10,260 --> 00:01:14,600
lakini kwa kweli ina wote wa ngazi ya chini
maelezo kuhusu kazi gani au njia

24
00:01:14,600 --> 00:01:18,220
na vitu na mali na
matukio kweli kuja na API,

25
00:01:18,220 --> 00:01:20,720
sawa sana katika roho
kwa [inaudible] kurasa.

26
00:01:20,720 --> 00:01:23,480
>> Sasa kama sisi kuangalia
katika Google News, utasikia

27
00:01:23,480 --> 00:01:25,370
labda kuona interface familiar hapa.

28
00:01:25,370 --> 00:01:29,350
Lakini zinageuka unaweza pia kutafuta
Google News kwa geographies maalum

29
00:01:29,350 --> 00:01:32,000
kupitia parameter HTTP kuitwa geo.

30
00:01:32,000 --> 00:01:35,100
Kwa kweli, kama mimi zoom katika
hapa, utaona kwamba

31
00:01:35,100 --> 00:01:41,672
Mimi nina katika
news.google.com/news/section?geo=02138.

32
00:01:41,672 --> 00:01:43,630
Na, kwa hakika, kama mimi zoom
nje, utaona kwamba mimi nina

33
00:01:43,630 --> 00:01:47,090
kuangalia ukurasa na rundo zima la
maoni kuhusu Cambridge, Massachusetts.

34
00:01:47,090 --> 00:01:50,620
>> Wakati huo huo, kama mimi kweli mabadiliko
URL, si kwa kuwa zip code kama hii,

35
00:01:50,620 --> 00:01:55,580
lakini kitu kidogo Messier
kama Cambridge, + Massachusetts,

36
00:01:55,580 --> 00:02:00,740
ambapo pamoja na ni njia encode
nafasi tabia katika URL na hit Enter,

37
00:02:00,740 --> 00:02:02,907
utaona kwamba mimi kwa kweli
kuona karibu habari hiyo.

38
00:02:02,907 --> 00:02:05,489
Pengine ni kidogo tofauti
kwa sababu Cambridge kweli

39
00:02:05,489 --> 00:02:06,910
ina codes nyingi zip.

40
00:02:06,910 --> 00:02:09,410
Sasa jinsi gani mimi kujua kwamba, na
kwa kweli, ni jinsi gani mimi kwa namna fulani

41
00:02:09,410 --> 00:02:12,940
kufunga miji na vijiji
kwa codes zip katika kesi mimi

42
00:02:12,940 --> 00:02:15,064
wanataka kuruhusu user
kuangalia juu ama?

43
00:02:15,064 --> 00:02:17,480
Naam, zinageuka kuwa kuna
tovuti huko nje iitwayo

44
00:02:17,480 --> 00:02:20,060
geonames.org ambayo ni
mpango wa kuwa na

45
00:02:20,060 --> 00:02:23,760
database inapatikana kwa uhuru wa kila
aina ya habari ya kijiografia,

46
00:02:23,760 --> 00:02:27,040
si tu kwa ajili ya Marekani, lakini pia
kwa nchi nyingine pia.

47
00:02:27,040 --> 00:02:30,430
Kwa kweli, kama mimi kwenda URL hii hapa, ambayo
Pia umetajwa katika tatizo kuweka

48
00:02:30,430 --> 00:02:34,510
vipimo, utaona ni tatu
orodha ya rundo zima la files zip

49
00:02:34,510 --> 00:02:36,400
yoyote ambayo inaweza kupakuliwa na wewe.

50
00:02:36,400 --> 00:02:39,900
Kwa kweli, kwa tatizo hili kuweka
utaenda kushusha us.zip.

51
00:02:39,900 --> 00:02:43,790
Sasa ndani ya faili hili, ni mzima
rundo la data katika muundo wa maandishi.

52
00:02:43,790 --> 00:02:47,760
files ni sawa na
CSV-- Comma Kinachotenganishwa Maadili file--

53
00:02:47,760 --> 00:02:51,294
lakini kwa kweli anatumia
tabo ya kutenga mashamba.

54
00:02:51,294 --> 00:02:53,710
Sasa, wakati huo huo, kama ukiangalia
hapa katika kile nimepata yalionyesha,

55
00:02:53,710 --> 00:02:56,459
mashamba katika faili hii ni kwenda
kuwa mambo kama codes nchi,

56
00:02:56,459 --> 00:02:58,980
codes posta, majina ya mahali,
na kisha, kwa namna fulani

57
00:02:58,980 --> 00:03:04,230
au nyingine, majimbo na kata,
jamii, na zaidi.

58
00:03:04,230 --> 00:03:06,630
Kwa kweli, mimi wameweza tayari
kupakuliwa faili hili mapema.

59
00:03:06,630 --> 00:03:09,750
Hebu kwenda mbele na kufungua ni here--
us.text-- na kwa kweli, utasikia

60
00:03:09,750 --> 00:03:16,660
kuona kama mimi kitabu chini ya mstari 16792
utaona kumbukumbu chache kwa ajili ya Cambridge,

61
00:03:16,660 --> 00:03:19,120
Massachusetts na codes zake mbalimbali zip.

62
00:03:19,120 --> 00:03:22,150
Nini pia kuona kuna kata,
idadi ya baadhi ya kuwa mimi si kweli

63
00:03:22,150 --> 00:03:24,500
kuelewa, bali pia wote
njia juu ya haki,

64
00:03:24,500 --> 00:03:27,170
baadhi GPS coordinates--
latitude na longitude.

65
00:03:27,170 --> 00:03:30,440
Hii ni kubwa kwa sababu moja ya
sifa za Google Maps API

66
00:03:30,440 --> 00:03:33,670
ni uwezo wa kuchunguza
ambapo wewe ni kijiografia

67
00:03:33,670 --> 00:03:36,850
katika suala la GPS kuratibu.

68
00:03:36,850 --> 00:03:40,210
>> Sasa hebu kuanza kufikiri jinsi ya
kuanza zililingana mambo haya kwa pamoja.

69
00:03:40,210 --> 00:03:42,900
Tumekuwa kupewa nzima
rundo la usambazaji code,

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

71
00:03:44,970 --> 00:03:49,100
Kwa kweli, kama mimi kuvuta phpMyAdmin kuwa
tayari nje, kama wewe hivi karibuni mapenzi,

72
00:03:49,100 --> 00:03:54,800
pset8.SQL, utaona meza MySQL kwamba
inaonekana kama hii, uwanja ID, nchi

73
00:03:54,800 --> 00:03:57,400
code, kanuni posta, jina la mahali na zaidi.

74
00:03:57,400 --> 00:04:00,490
aina ya wale wote
nguzo mimi inayotokana tu

75
00:04:00,490 --> 00:04:03,870
kwa kusoma readme.text
faili hapa kwamba maalum

76
00:04:03,870 --> 00:04:07,330
kama shamba ni integer,
au varchar au kama.

77
00:04:07,330 --> 00:04:10,510
>> Hivyo tumekuwa umba kwamba meza kwa ajili ya
kwenu na kupewa wewe amri SQL

78
00:04:10,510 --> 00:04:12,770
kutekeleza kujenga kwamba
meza katika database yako mwenyewe,

79
00:04:12,770 --> 00:04:15,290
lakini kuna kweli hakuna data katika yake bado.

80
00:04:15,290 --> 00:04:19,600
Badala yake, wewe ni kwenda kuwa na
download us.zip au zip nchi yoyote

81
00:04:19,600 --> 00:04:21,500
faili na kwamba URL huko.

82
00:04:21,500 --> 00:04:24,940
Na kisha utaenda kuwa na kuandika
mstari amri script katika PHP kwamba

83
00:04:24,940 --> 00:04:28,420
kwenda kufungua Nakala kwamba
faili, iterate juu ya mistari yake,

84
00:04:28,420 --> 00:04:31,180
na kisha kwa kila moja ya
wale mistari kufanya insert

85
00:04:31,180 --> 00:04:34,940
katika kwamba maeneo meza
katika database yako MySQL.

86
00:04:34,940 --> 00:04:37,880
Hivyo mwisho wa mchakato huu, itabidi
kukimbia kwamba script hatimaye

87
00:04:37,880 --> 00:04:39,610
mara moja tu katika nadharia.

88
00:04:39,610 --> 00:04:41,780
Katika hali halisi itabidi pengine
kuendesha rundo la nyakati

89
00:04:41,780 --> 00:04:45,460
wakati kujaribu kurekebisha mende mbalimbali.

90
00:04:45,460 --> 00:04:48,440
>> Hatimaye, wewe ni kwenda kuwa na
database kubwa kweli kweli na maelfu

91
00:04:48,440 --> 00:04:50,139
na maelfu ya safu ya kijiografia.

92
00:04:50,139 --> 00:04:52,930
Basi wewe ni kwenda kuweka kwamba kuagiza
script kando mara moja ni kazi

93
00:04:52,930 --> 00:04:55,140
na database yako ni nzuri
na sahihi, na kisha

94
00:04:55,140 --> 00:04:58,880
wewe ni kwenda na hoja juu ya kweli
kutekeleza mashup yenyewe.

95
00:04:58,880 --> 00:05:01,670
mashup ni kwenda kuangalia
kitu kidogo kama hii.

96
00:05:01,670 --> 00:05:05,165
Wakati mashup.cs50.net, sisi
kuwa na ufumbuzi wafanyakazi

97
00:05:05,165 --> 00:05:06,990
kwamba inaonekana kitu kidogo kama hii.

98
00:05:06,990 --> 00:05:11,070
Hakika, kama mimi bonyeza gazeti hili
icon kwa Cambridge, Massachusetts,

99
00:05:11,070 --> 00:05:13,300
utaona inazunguka
icon kifupi na kisha

100
00:05:13,300 --> 00:05:16,370
kuamuru orodha, a
Vitone orodha ya makala

101
00:05:16,370 --> 00:05:18,280
kuhusiana na Cambridge, Massachusetts.

102
00:05:18,280 --> 00:05:20,352
Kama mimi bonyeza Charlestown,
Massachusetts,

103
00:05:20,352 --> 00:05:21,685
Mimi utaona sawa kwa mji huo.

104
00:05:21,685 --> 00:05:24,174
Na Kama mimi bonyeza
Watertown, Massachusetts,

105
00:05:24,174 --> 00:05:26,090
kuna wanaweza kuwa yoyote
habari za kutoka Watertown,

106
00:05:26,090 --> 00:05:28,630
hivyo utaona kitu
kama polepole siku habari.

107
00:05:28,630 --> 00:05:32,140
>> Sasa, wakati huo huo, juu kushoto ni
baadhi familiar Google Maps udhibiti

108
00:05:32,140 --> 00:05:34,980
basi wewe zoom nje, sufuria
juu, chini, kushoto, na kulia,

109
00:05:34,980 --> 00:05:37,360
lakini pia sanduku tafuta kwamba sisi kuweka huko.

110
00:05:37,360 --> 00:05:40,910
Hivyo kama mimi kutafuta, kusema ukweli,
tu nyingine zip code Mimi najua,

111
00:05:40,910 --> 00:05:45,020
90210, tutaweza kweli kuona
Beverly Hills, California.

112
00:05:45,020 --> 00:05:48,550
Wakati clicked ni inaongoza mimi
California na rundo zima

113
00:05:48,550 --> 00:05:50,369
wa habari kuhusu Beverly Hills.

114
00:05:50,369 --> 00:05:51,910
Sasa angalia, pia, kilichotokea huko.

115
00:05:51,910 --> 00:05:57,040
Kama mimi search wakati huu kwa ajili ya 02138 au hata
Cambridge comma Massachusetts au baadhi ya

116
00:05:57,040 --> 00:06:00,300
lahaja yake, unaweza kupata
kidogo autocomplete dropdown.

117
00:06:00,300 --> 00:06:03,840
Sasa hii ni kwa kutumia Plugin
kwa ajili ya maktaba kuitwa jQuery,

118
00:06:03,840 --> 00:06:05,732
na kwamba Plugin aitwaye typeahead.

119
00:06:05,732 --> 00:06:07,440
Sisi tu kusoma kwa njia ya
nyaraka,

120
00:06:07,440 --> 00:06:13,150
kupakuliwa .js faili jumuishi
ndani ya usambazaji code ili

121
00:06:13,150 --> 00:06:16,900
hatimaye unaweza kuandika kificho kwamba
fyller kwamba orodha dropdown na auto

122
00:06:16,900 --> 00:06:19,350
uchaguzi au mapendekezo ya magari.

123
00:06:19,350 --> 00:06:23,820
>> Sasa usambazaji code, ingawa, kwamba
umepokea haina kufanya karibu kama mengi.

124
00:06:23,820 --> 00:06:26,860
Unaweza kupata Google Map iliyoingia, na
kupata udhibiti juu kushoto,

125
00:06:26,860 --> 00:06:28,240
na wewe kupata sanduku ya utafutaji.

126
00:06:28,240 --> 00:06:32,760
Lakini kama mimi aina ya kitu kama
02138, hakuna maeneo ni kupatikana bado.

127
00:06:32,760 --> 00:06:34,730
Hivyo kwamba kinaendelea kuwa
moja ya malengo yetu hapa.

128
00:06:34,730 --> 00:06:37,430
Aidha, kama wewe kuchukua hatua
nyuma na kuangalia ramani yenyewe,

129
00:06:37,430 --> 00:06:38,950
hakuna habari yoyote.

130
00:06:38,950 --> 00:06:41,780
Hata kama mimi click na
Drag, hakuna markers kweli

131
00:06:41,780 --> 00:06:45,560
kuonekana kwa habari kwa sababu kwamba
changamoto ni wa kushoto kwa ajili yenu pia.

132
00:06:45,560 --> 00:06:48,490
>> Hebu tuangalie basi
katika usambazaji code.

133
00:06:48,490 --> 00:06:51,460
Mara ve kupakuliwa
pset8.zip na unzipped ni

134
00:06:51,460 --> 00:06:54,430
katika vhost saraka yako
katika CS50 Appliance,

135
00:06:54,430 --> 00:06:56,550
utaona haya
directories hapa ndani.

136
00:06:56,550 --> 00:07:00,200
Bin-- ambayo kwa ujumla anasimama kwa
binary kwa ajili ya executable programs--

137
00:07:00,200 --> 00:07:04,870
pamoja, kama katika pset7, baadhi PHP
files kwamba files nyingine ni pamoja na,

138
00:07:04,870 --> 00:07:06,710
basi umma, ambayo ni
files kwamba haja

139
00:07:06,710 --> 00:07:09,369
kuwa hadharani kupatikana
kwa mtumiaji na browser.

140
00:07:09,369 --> 00:07:11,410
Hebu tuangalie katika
bin directory, na tutaweza

141
00:07:11,410 --> 00:07:13,890
kuona kwamba kuna faili
kuna tayari kuitwa Import.

142
00:07:13,890 --> 00:07:17,591
Kama sisi kufungua hili na gedit, tutaweza kuona
kwamba, kwa bahati mbaya, kuna si mengi

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

144
00:07:18,090 --> 00:07:20,250
Yote ni pale, ingawa,
ni shebang saa ya juu

145
00:07:20,250 --> 00:07:23,410
ambayo inabainisha ambayo
interpreter-- katika kesi hii PHP--

146
00:07:23,410 --> 00:07:25,759
itumike kwa kweli
nitafanya faili hii.

147
00:07:25,759 --> 00:07:27,550
Lakini basi ambapo anasema
TODO ni wapi uko

148
00:07:27,550 --> 00:07:31,130
kwenda haja ya kuandika baadhi ya kanuni
kwamba pengine inahitaji config

149
00:07:31,130 --> 00:07:35,820
faili kwamba katika pamoja na directory
kama tumefanya kabla na files PHP.

150
00:07:35,820 --> 00:07:38,180
Na kisha utaenda
kuwa na namna fulani kufungua

151
00:07:38,180 --> 00:07:41,920
us.text ambayo labda
kuwa unzipped tayari.

152
00:07:41,920 --> 00:07:44,690
Basi wewe ni kwenda kuwa na
iterate juu ya mistari katika faili kwamba,

153
00:07:44,690 --> 00:07:47,800
labda kwa kutumia baadhi ya kazi
alipendekeza katika vipimo.

154
00:07:47,800 --> 00:07:51,390
Kisha kuingiza kila moja ya hizo
mistari kwenye MySQL database

155
00:07:51,390 --> 00:07:54,940
kwa kutumia swala kazi, ambayo
tumekuwa tena zinazotolewa with--

156
00:07:54,940 --> 00:07:58,010
au angalau lahaja
yake katika functions.php,

157
00:07:58,010 --> 00:07:59,560
ambayo tutaweza kuona katika muda tu.

158
00:07:59,560 --> 00:08:04,430
>> Sasa hebu karibu kuagiza na kwenda nyuma ya
directory yetu na wakati huu kwenda katika

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

160
00:08:05,300 --> 00:08:09,210
Na kama mimi kufanya ls huko, utaona
files tatu kabisa kama Tatizo Set 7.

161
00:08:09,210 --> 00:08:13,760
Na hebu tuangalie kwa haraka,
kwa mfano, katika config.php.

162
00:08:13,760 --> 00:08:16,730
Huko, ni mistari chache
kuliko kabla, na

163
00:08:16,730 --> 00:08:20,712
Inaonekana faili hili pamoja na
constants.php na functions.php.

164
00:08:20,712 --> 00:08:23,670
Sisi ni kutumia tofauti kidogo
mbinu wakati huu kwa kweli

165
00:08:23,670 --> 00:08:30,910
bayana kwamba files haya ni jamaa
kwa saraka ya sasa __ DIR__

166
00:08:30,910 --> 00:08:35,280
inawakilisha chochote saraka hii
file, config.php, ni yenyewe katika.

167
00:08:35,280 --> 00:08:37,600
Hivyo hii ni zaidi
njia ya wazi ya kubainisha

168
00:08:37,600 --> 00:08:40,100
nini files nyingine unataka kuhitaji.

169
00:08:40,100 --> 00:08:44,020
>> Sasa kama mimi karibu faili hii na
kufungua constants.php badala yake,

170
00:08:44,020 --> 00:08:47,430
utaona faili kukumbusha
kwa Set Tatizo 7 ya pamoja, pamoja na

171
00:08:47,430 --> 00:08:50,050
na database tofauti inayoitwa pset8.

172
00:08:50,050 --> 00:08:54,020
Hatimaye, katika functions.php,
tutaweza kuona kazi moja tu

173
00:08:54,020 --> 00:08:55,942
wakati huu inaitwa swala.

174
00:08:55,942 --> 00:08:59,150
Hii ni karibu sawa isipokuwa sisi kushughulikia
makosa wakati huu kidogo

175
00:08:59,150 --> 00:09:02,860
tofauti, lakini ni matumizi ni
sawa katika tatizo kuweka saba.

176
00:09:02,860 --> 00:09:08,090
>> Sasa hebu kwenda nyuma katika pset8 wetu
directory, kwenda katika umma, na katika huko

177
00:09:08,090 --> 00:09:14,420
kama mimi kufanya ls, utaona this--
articles.php, index.html, search.php,

178
00:09:14,420 --> 00:09:16,940
na update.php-- mafaili yote.

179
00:09:16,940 --> 00:09:22,010
Na kisha fonts css, img, na
JS directory kabisa kama pset7.

180
00:09:22,010 --> 00:09:24,660
>> Hebu tuangalie
index.html, ambayo ni

181
00:09:24,660 --> 00:09:27,290
kwenda kuwa kweli
hatua ya kuingia kwa smashup.

182
00:09:27,290 --> 00:09:31,820
Sasa katika index.html, utaona nzima
rundo la mambo kiungo katika kichwa,

183
00:09:31,820 --> 00:09:36,540
hasa, kwa bootstrap kwa yetu wenyewe
CSS ikifuatiwa na rundo zima la script

184
00:09:36,540 --> 00:09:41,520
vitambulisho kwa ajili ya mambo kama ramani, API
yenyewe, marker maalum na studio

185
00:09:41,520 --> 00:09:44,950
shirika kwamba sisi zilizotajwa katika
vipimo inapatikana na wewe,

186
00:09:44,950 --> 00:09:48,420
jQuery yenyewe, bootstrap
yenyewe, na maktaba nyingine

187
00:09:48,420 --> 00:09:50,990
kuitwa underscore ambayo
sisi majadiliano juu katika spec.

188
00:09:50,990 --> 00:09:57,031
Underscore.js kama jquery.js
ni maktaba JavaScript

189
00:09:57,031 --> 00:10:00,280
ambayo ina rundo zima la utendaji
kwamba mengi ya watu katika ulimwengu unataka

190
00:10:00,280 --> 00:10:02,020
kuwepo katika JavaScript yenyewe.

191
00:10:02,020 --> 00:10:04,560
Hivyo yote haya ni
kweli maarufu kabisa.

192
00:10:04,560 --> 00:10:07,140
Tumekuwa pia alieleza typeahead
ambayo ni maktaba ambayo

193
00:10:07,140 --> 00:10:11,180
gani kwamba autocomplete dropdown na
hatimaye kiungo kwa mwenyewe JavaScript yetu.

194
00:10:11,180 --> 00:10:13,880
>> Wakati huo huo, na pengine
nashiriki, hii mashup

195
00:10:13,880 --> 00:10:17,550
inaendeshwa na kiasi kidogo
HTML hapa chini chini.

196
00:10:17,550 --> 00:10:22,330
Ilani kwamba tumekuwa maalum div katika
mwili wetu wa darasa la-chombo maji.

197
00:10:22,330 --> 00:10:24,610
Hii, kwa bootstrap ya
nyaraka, tu

198
00:10:24,610 --> 00:10:29,840
ina maana kwamba div hii ni kwenda kujaza
kutazama au dirisha browser ya kikamilifu.

199
00:10:29,840 --> 00:10:33,020
>> Wakati huo huo, chini ya kwamba tuna div
hiyo kufunguliwa na mara moja imefungwa

200
00:10:33,020 --> 00:10:34,790
na ID ya kipekee ya ramani turubai.

201
00:10:34,790 --> 00:10:37,400
Hii sasa ni kutoka Google
Ramani nyaraka

202
00:10:37,400 --> 00:10:42,490
kwa API wake, ambapo mimi tu haja ya
kuwa div tupu ndani ambayo kuingiza,

203
00:10:42,490 --> 00:10:44,470
hatimaye, Maps halisi Google.

204
00:10:44,470 --> 00:10:46,310
Lakini zaidi juu ya kwamba katika kidogo tu.

205
00:10:46,310 --> 00:10:48,850
>> Mwisho, kuna aina
ndani ya hapa ambayo

206
00:10:48,850 --> 00:10:52,930
zana Nakala sanduku up juu kushoto
katika interface yetu kwa ajili ya kutafuta.

207
00:10:52,930 --> 00:10:54,730
Taarifa kwamba tumekuwa kutumika
kidogo ya bootstrap

208
00:10:54,730 --> 00:10:57,670
hapa too-- mambo kama
fomu-inline na aina ya kundi.

209
00:10:57,670 --> 00:11:00,080
Tumekuwa kupewa zamani
kipekee ID fomu.

210
00:11:00,080 --> 00:11:04,510
Na kisha, hatimaye, mimi kwa kweli kuwa na
aina ya pembejeo, ambayo ni pretty utambuzi,

211
00:11:04,510 --> 00:11:06,440
ambao ID ni q.

212
00:11:06,440 --> 00:11:07,230
Tu mkataba.

213
00:11:07,230 --> 00:11:09,234
Q kwa query-- inaweza kuwa
wameitwa chochote.

214
00:11:09,234 --> 00:11:11,400
Na kisha placeholder,
wakati huo huo, ni mji, jimbo,

215
00:11:11,400 --> 00:11:16,200
na kanuni ya posta ambayo unaweza kukumbuka
kuona katika mashup yetu demo mapema.

216
00:11:16,200 --> 00:11:17,980
Hebu karibu faili hii.

217
00:11:17,980 --> 00:11:24,460
>> Sasa tuangalie files PHP kwamba
wakisubiri na kisha files JavaScript.

218
00:11:24,460 --> 00:11:27,700
Katika files wetu PHP, tumekuwa
tayari kutekelezwa kwa ajili yenu,

219
00:11:27,700 --> 00:11:29,960
kwa mfano, updates.

220
00:11:29,960 --> 00:11:35,060
Update.php-- sisi si kutumia kubwa
kiasi ya muda juu ya here-- kwa kifupi

221
00:11:35,060 --> 00:11:38,400
ni faili kwamba yetu
JavaScript code ni kwenda

222
00:11:38,400 --> 00:11:41,610
kuwasiliana kupitia AJAX kwamba
Asynchronous mbinu hiyo

223
00:11:41,610 --> 00:11:45,980
kujengwa katika JavaScript siku hizi kwamba ni
kwenda kuruhusu sisi kuuliza update.php

224
00:11:45,980 --> 00:11:47,410
kwa maelezo zaidi.

225
00:11:47,410 --> 00:11:50,045
>> Hasa, wakati wowote
user drags ramani

226
00:11:50,045 --> 00:11:53,310
au hufanya search kwamba anaruka
mtumiaji eneo jingine,

227
00:11:53,310 --> 00:11:55,250
JavaScript code yetu,
kama tutaweza hivi karibuni kuona, ni

228
00:11:55,250 --> 00:11:59,610
kwenda kuwaita update.php
na kuuliza kwa ajili ya 10 au hivyo markers

229
00:11:59,610 --> 00:12:02,630
ndani ya kutazama misingi
juu ya GPS kuratibu

230
00:12:02,630 --> 00:12:06,510
ya juu na chini
pembe ya ramani hiyo.

231
00:12:06,510 --> 00:12:10,520
Sisi basi unaweza kuongeza idadi ya watu ramani sasa kwamba
user ina wakiongozwa screen ili

232
00:12:10,520 --> 00:12:14,210
kuona 10 pengine mpya
markers kwa miji tofauti.

233
00:12:14,210 --> 00:12:18,340
Wakati huo huo, faili hii ni hatimaye
kwenda nitafanya SQL query

234
00:12:18,340 --> 00:12:21,680
dhidi ya database yetu
meza inaitwa maeneo ambayo

235
00:12:21,680 --> 00:12:26,380
ni kwenda na kurudi wale
Maeneo 10 au wachache.

236
00:12:26,380 --> 00:12:32,620
>> Wakati huo huo, katika articles.php, ni mtu mwingine
faili tumekuwa imeandikwa katika ukamilifu wake.

237
00:12:32,620 --> 00:12:35,820
Ni sawa sana katika roho kwa
Set Tatizo 7 ya Luke kazi,

238
00:12:35,820 --> 00:12:39,450
ambayo aliwasiliana Yahoo Fedha kwa ajili yenu.

239
00:12:39,450 --> 00:12:43,710
Hii mawasiliano ya faili Google News
kwa ajili yenu, hatimaye grabbing

240
00:12:43,710 --> 00:12:46,050
mashine-someka
version-- katika kitu

241
00:12:46,050 --> 00:12:49,720
kuitwa RSS format-- wa habari
kwa Cambridge au Beverly Hills

242
00:12:49,720 --> 00:12:52,880
au chochote mji ulichokitafutiza
kwa misingi ya kwamba geoparameter.

243
00:12:52,880 --> 00:12:57,250
Sisi Hazrat kwamba RSS, ambayo ni tu
aina ya ghafi lugha inayoitwa XML,

244
00:12:57,250 --> 00:13:00,740
na kisha sisi kweli
kurudi kwa browser yako

245
00:13:00,740 --> 00:13:03,570
na JavaScript code yako,
hasa, katika muundo kuitwa

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

247
00:13:06,097 --> 00:13:08,180
Sasa utaona katika
specification-- sisi kumweka wewe

248
00:13:08,180 --> 00:13:10,720
jinsi gani unaweza kweli kuona
baadhi ya kuja JSON back--

249
00:13:10,720 --> 00:13:15,210
kwamba utendaji huu hatimaye
inakuwezesha idadi ya menus wale popup hivyo

250
00:13:15,210 --> 00:13:16,960
kwamba wakati wewe click
juu ya marker katika ramani

251
00:13:16,960 --> 00:13:19,430
wewe kweli kuona rundo zima
ya risasi, ambayo kila mmoja

252
00:13:19,430 --> 00:13:21,020
viungo kwa makala.

253
00:13:21,020 --> 00:13:25,000
>> Sasa hebu tuangalie moja iliyopita
PHP faili ambayo, kwa bahati nzuri, hana

254
00:13:25,000 --> 00:13:27,970
kuwa na kiasi kwenda on--
tu TODO pretty kubwa.

255
00:13:27,970 --> 00:13:32,170
Hivi sasa faili hili anatangaza
safu kuitwa maeneo.

256
00:13:32,170 --> 00:13:35,980
Na kisha hatimaye prints
kwamba safu katika JSON format--

257
00:13:35,980 --> 00:13:38,720
pretty-uchapishaji tu hivyo kwamba
mambo ni rahisi Debug.

258
00:13:38,720 --> 00:13:41,480
Kwa bahati mbaya, katika
katikati kuna TODO hii,

259
00:13:41,480 --> 00:13:46,890
ambayo inatoa wito kwa wewe kutafuta
database kwa maeneo vinavyolingana geo HTTP

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

261
00:13:47,490 --> 00:13:49,865
>> Na kwa kweli, hii ni kwenda
kuwa moja ya challenges-- yako

262
00:13:49,865 --> 00:13:54,240
kutekeleza utendaji huu hapa
hivyo kwamba wakati wewe wasiliana faili hili na

263
00:13:54,240 --> 00:14:00,610
URL kama search. php? geo = jambo fulani,
code yako hatimaye kurudi JSON

264
00:14:00,610 --> 00:14:05,020
safu ya maeneo yote katika yako
database meza wanaofanana pembejeo kwamba.

265
00:14:05,020 --> 00:14:08,960
Hivyo kama aina ya mtumiaji katika Cambridge,
faili yako hapa search.php

266
00:14:08,960 --> 00:14:12,680
lazima hatimaye kurudi JSON safu
kwa wote wa mechi kwa Cambridge,

267
00:14:12,680 --> 00:14:16,990
ambayo inaweza kuwa katika Massachusetts
lakini inaweza hata kuwa mahali popote.

268
00:14:16,990 --> 00:14:21,040
>> Mwisho, hebu tuangalie mbili
files kwamba ni tuli ultimately--

269
00:14:21,040 --> 00:14:23,680
CSS yako faili na faili yako JavaScript.

270
00:14:23,680 --> 00:14:26,779
Kama mimi kwenda katika CSS directory yetu,
kuna rundo zima la files huko,

271
00:14:26,779 --> 00:14:28,070
lakini wengi wao ni maktaba.

272
00:14:28,070 --> 00:14:31,530
Mimi nina kwenda kuangalia,
hasa, katika styles.css,

273
00:14:31,530 --> 00:14:35,440
ambayo ni ya kimataifa yetu wenyewe CSS kwamba
kwenda stylize mashup hili lote.

274
00:14:35,440 --> 00:14:38,840
Mimi itabidi kuondoka ni wewe kusoma kwa njia
comments humu, lakini kwa kifupi,

275
00:14:38,840 --> 00:14:43,490
hii ni CSS ili kuhakikisha kwamba yetu
mashup, by default nje ya boksi,

276
00:14:43,490 --> 00:14:46,950
inaonekana hasa kwa njia tunataka ubaya wake
na ramani kujaza maoni bandari

277
00:14:46,950 --> 00:14:49,720
na search
sanduku up juu kushoto.

278
00:14:49,720 --> 00:14:52,870
Tumekuwa pia kuchukuliwa uhuru wa
stylizing kwamba typeahead dropdown

279
00:14:52,870 --> 00:14:55,170
orodha kidogo pia.

280
00:14:55,170 --> 00:14:58,030
>> faili muhimu zaidi
labda kwa tatizo hili kuweka

281
00:14:58,030 --> 00:15:01,070
hii ni moja ya mwisho, scripts.js.

282
00:15:01,070 --> 00:15:03,800
Ndani ya JS saraka yako
ni files hata zaidi.

283
00:15:03,800 --> 00:15:08,090
Wote ni files maktaba
isipokuwa kwa hii moja, scripts.js.

284
00:15:08,090 --> 00:15:11,460
Kama sisi kufungua hili, hebu kuchukua yetu
ziara ya mwisho kwa njia kazi ambayo

285
00:15:11,460 --> 00:15:13,820
ni kujengwa katika faili hii
kwa ajili yenu na wito makini

286
00:15:13,820 --> 00:15:16,200
kwa todos kwamba uongo mbele.

287
00:15:16,200 --> 00:15:19,110
>> Saa ya juu ya faili hili,
ni vigezo tatu kimataifa.

288
00:15:19,110 --> 00:15:22,910
Moja kwa ramani, ambayo ni kwenda
kuwa rejea kwa ramani yetu Google.

289
00:15:22,910 --> 00:15:25,510
Unaweza kufikiria ni
aina ya kama pointer.

290
00:15:25,510 --> 00:15:27,710
Wakati huo huo, tuna
variable mwingine kimataifa

291
00:15:27,710 --> 00:15:31,500
kuitwa info, ambayo inaonekana kuwa
kuhifadhi thamani ya kurudi wito

292
00:15:31,500 --> 00:15:34,170
kwa google.maps.InfoWindow mpya.

293
00:15:34,170 --> 00:15:37,835
JavaScript inasaidia vitu ambayo
ni sawa sana katika roho kwa Struts.

294
00:15:37,835 --> 00:15:40,250
Na nini mstari huu kwa
madhumuni yetu ni kufanya

295
00:15:40,250 --> 00:15:42,820
ni kujenga info mpya
dirisha katika kumbukumbu na kisha

296
00:15:42,820 --> 00:15:46,330
kuweka kuzunguka kumbukumbu
dharura katika variable kuitwa Info.

297
00:15:46,330 --> 00:15:48,330
Na katika kati ya hizo,
wakati huo huo, ni nini inaonekana

298
00:15:48,330 --> 00:15:51,060
kuwa tupu JavaScript
safu kuitwa markers.

299
00:15:51,060 --> 00:15:55,392
Wote wa icons gazeti hayo, au wewe
wanaweza kuchagua icon nyingine kabisa,

300
00:15:55,392 --> 00:15:57,350
ni kwenda kuhifadhiwa
hatimaye katika safu hii

301
00:15:57,350 --> 00:16:01,570
ili tuweze urahisi sana kuongeza
ramani na kuondoa yao kutoka ramani.

302
00:16:01,570 --> 00:16:03,990
>> Sasa hebu kitabu chini
kidogo na whiz

303
00:16:03,990 --> 00:16:07,690
kupitia kificho kwamba kinaendelea kuwa
kunyongwa kwa haraka kama DOM au hati

304
00:16:07,690 --> 00:16:10,480
kitu mfano au
ukurasa yenyewe ni tayari.

305
00:16:10,480 --> 00:16:12,942
Kumbuka kwamba syntax hii
hapa tu bayana

306
00:16:12,942 --> 00:16:14,900
kwamba kanuni zifuatazo
lazima ifanyike tu

307
00:16:14,900 --> 00:16:17,840
wakati browser ina kumaliza
kupakia kila kitu kingine.

308
00:16:17,840 --> 00:16:19,750
>> Sisi kwanza kutangaza
rundo zima la mitindo,

309
00:16:19,750 --> 00:16:22,410
ambayo kuishia stylizing
ramani kama kwa spec.

310
00:16:22,410 --> 00:16:24,790
Sisi basi kutangaza
rundo zima la chaguzi,

311
00:16:24,790 --> 00:16:28,630
ambayo zaidi Customize Google
ramani kwamba sisi ni juu ya embed.

312
00:16:28,630 --> 00:16:32,090
Sisi kisha kutumia kidogo ya jQuery code,
ambayo ni alielezea kwa undani kidogo zaidi

313
00:16:32,090 --> 00:16:35,000
katika spec, kunyakua
kwamba kipengele, ramani canvas

314
00:16:35,000 --> 00:16:36,980
kwamba sisi hivyo kipekee kutambuliwa.

315
00:16:36,980 --> 00:16:40,640
Na kisha line hii hapa ni
kile inaonekana magically kutupa

316
00:16:40,640 --> 00:16:43,560
Google ramani ndani ya
maombi yetu wenyewe,

317
00:16:43,560 --> 00:16:47,020
kuhifadhi kumbukumbu dharura
kwa kuwa variable kuitwa ramani.

318
00:16:47,020 --> 00:16:50,550
>> Hatimaye, chini hapa sisi kujiandikisha
kile kinachoitwa msikilizaji.

319
00:16:50,550 --> 00:16:54,690
Fikiria back-- njia,
back-- kwa wiki sifuri katika CS50

320
00:16:54,690 --> 00:16:57,430
wakati sisi inaonekana katika Scratch na
msaada wake kwa njia ya kutembea

321
00:16:57,430 --> 00:16:59,935
kupitia kwa mambo kuitwa
matukio na matangazo.

322
00:16:59,935 --> 00:17:01,810
Unaweza kuwa na kutumika
hivyo mwenyewe, lakini ni

323
00:17:01,810 --> 00:17:03,900
njia ambazo
browser katika kesi hii

324
00:17:03,900 --> 00:17:07,940
Unaweza kupata mawazo yetu wakati ni
tayari kweli nitafanya baadhi ya kanuni.

325
00:17:07,940 --> 00:17:12,170
Katika kesi hiyo, ni kwenda kusikiliza
ramani ya kwa ajili ya tukio kuitwa wavivu.

326
00:17:12,170 --> 00:17:14,930
Hii ina maana kwamba browser ina
kumaliza kupakia ramani Google.

327
00:17:14,930 --> 00:17:18,380
Katika hatua hii kazi kuitwa
configure lazima hatimaye

328
00:17:18,380 --> 00:17:19,339
lazima ifanyike.

329
00:17:19,339 --> 00:17:22,510
Kazi hiyo, configure,
tutaweza kuona, imeandikwa na sisi.

330
00:17:22,510 --> 00:17:24,550
>> Sasa hapa chini ni kazi
kwamba, kwa bahati mbaya,

331
00:17:24,550 --> 00:17:25,871
ni tu marker TODO kuongeza.

332
00:17:25,871 --> 00:17:28,620
Per spec. wewe ni kwenda haja
kuandika kificho kwamba kweli

333
00:17:28,620 --> 00:17:32,840
anaongeza marker-- kama inaonekana
kama gazeti, au tack thumb,

334
00:17:32,840 --> 00:17:35,360
au kitu else-- kwa ramani Google.

335
00:17:35,360 --> 00:17:37,720
Hapa sasa ni kazi ambayo
kuitwa configure.

336
00:17:37,720 --> 00:17:40,390
Mimi itabidi kuondoka ni wewe kusoma
kwa njia hii kwa undani zaidi,

337
00:17:40,390 --> 00:17:42,600
lakini kutambua kwamba sisi kuongeza
Wasikilizaji rundo zaidi

338
00:17:42,600 --> 00:17:46,620
ili tuweze kutekeleza kanuni wakati
user Clicks juu na drags ramani.

339
00:17:46,620 --> 00:17:50,730
Sisi pia kuwa kanuni katika hapa kwamba
initializes kwamba typeahead Plugin

340
00:17:50,730 --> 00:17:53,120
ili dropdown
orodha kweli kazi.

341
00:17:53,120 --> 00:17:55,690
>> Lakini hebu kuzingatia tu
michache ya maeneo humu.

342
00:17:55,690 --> 00:17:57,590
Hasa, hii kufanya hapa.

343
00:17:57,590 --> 00:18:00,410
Mimi itabidi kuahirisha kwa online
nyaraka na vipimo

344
00:18:00,410 --> 00:18:02,530
kwa jinsi ya kujaza TODO hii.

345
00:18:02,530 --> 00:18:05,890
Lakini kwa kifupi, maktaba hii
typeahead utapata kupita

346
00:18:05,890 --> 00:18:09,790
katika nini ujumla inayojulikana kama template,
ambayo ina baadhi ya placeholders variable

347
00:18:09,790 --> 00:18:13,690
sawa sana katika roho kwa% printf ya. * s.

348
00:18:13,690 --> 00:18:16,030
Lakini katika kesi hii,
template kwa spec

349
00:18:16,030 --> 00:18:18,760
utapata bayana
nini vigezo unataka

350
00:18:18,760 --> 00:18:24,880
kuingiza kutoka data hiyo kuja
nyuma kutoka kitu kama PHP

351
00:18:24,880 --> 00:18:29,810
files kwamba umefanya imeandikwa
kuwa ni kutotoa moshi JSON pato.

352
00:18:29,810 --> 00:18:35,170
>> Sasa hapa chini kutambua kwamba sisi ni
kusikiliza kwa typeahead uchaguzi

353
00:18:35,170 --> 00:18:38,050
wakati mtumiaji kweli inafanya
a kutafuta na kuchagua thamani.

354
00:18:38,050 --> 00:18:40,270
Hii ni jinsi sisi ni kweli
kwenda kusikiliza kwa kuwa

355
00:18:40,270 --> 00:18:42,250
na kutekeleza baadhi ya kanuni kama matokeo.

356
00:18:42,250 --> 00:18:45,300
Kisha sisi kuendelea configure
mashup kidogo tu.

357
00:18:45,300 --> 00:18:48,000
Na, hatimaye, sisi wito
hii update kazi.

358
00:18:48,000 --> 00:18:49,640
Ni updates markers katika screen.

359
00:18:49,640 --> 00:18:51,529
Zaidi juu ya kwamba katika muda tu.

360
00:18:51,529 --> 00:18:53,570
Wakati huo huo, kuna wachache
kazi ndogo katika hapa.

361
00:18:53,570 --> 00:18:56,820
Moja ambayo ni hideInfo ambayo
tu kufunga InfoWindow.

362
00:18:56,820 --> 00:19:00,020
Kazi nyingine hapa, ambayo hatimaye
itakuwa si muda mrefu sana, kuondoa alama.

363
00:19:00,020 --> 00:19:03,580
Hiyo inaenda kutengua chochote
nyongeza zako marker kazi gani.

364
00:19:03,580 --> 00:19:04,960
Na kisha chini hapa ni search.

365
00:19:04,960 --> 00:19:08,610
Na hii ni moja ya kuvutia kwa sababu sisi
wameandika JavaScript kificho kwamba ni

366
00:19:08,610 --> 00:19:13,490
kwenda kuzungumza na search.php juu ya
server na kupata nyuma baadhi ya majibu.

367
00:19:13,490 --> 00:19:16,110
>> Wewe, bila shaka, mapenzi bado
haja ya kutekeleza search.php,

368
00:19:16,110 --> 00:19:18,310
lakini tumekuwa kutekelezwa
JavaScript kificho kwamba ni

369
00:19:18,310 --> 00:19:22,480
kwenda kushughulikia kweli kufanya
utafutaji na kwamba sanduku maandishi.

370
00:19:22,480 --> 00:19:25,340
Hasa, ilani
kwamba kazi hii hapa,

371
00:19:25,340 --> 00:19:29,160
search, haina wito search.php
kwa njia kuitwa

372
00:19:29,160 --> 00:19:31,072
kupata JSON, ambayo tuliona katika hotuba.

373
00:19:31,072 --> 00:19:32,780
Na syntax hapa
ni tofauti kidogo

374
00:19:32,780 --> 00:19:37,110
kutoka hotuba katika kwamba sisi ni kutumia
jQuery kinachojulikana ahadi interface.

375
00:19:37,110 --> 00:19:38,479
Zaidi juu ya kwamba katika spec.

376
00:19:38,479 --> 00:19:40,520
Hii ina maana tu kwa ajili yetu
madhumuni sasa kwamba kuna

377
00:19:40,520 --> 00:19:43,870
ni majukumu mawili maalum sisi
haja ya simu na dot nukuu

378
00:19:43,870 --> 00:19:46,230
hapa mara baada ya wito kupata JSON.

379
00:19:46,230 --> 00:19:47,510
Moja inaitwa done.

380
00:19:47,510 --> 00:19:49,870
Moja inaitwa kushindwa.

381
00:19:49,870 --> 00:19:51,790
Unaweza kufikiria haya
kama mafanikio handler

382
00:19:51,790 --> 00:19:54,960
na kushindwa handler tu
katika kesi kitu kitaenda vibaya.

383
00:19:54,960 --> 00:19:57,760
>> Sasa hebu tuangalie mwisho
michache ya kazi katika faili hii.

384
00:19:57,760 --> 00:20:00,180
Chini hapa ni kazi
kuitwa showInfo, ambayo

385
00:20:00,180 --> 00:20:03,090
inaonyesha info katika moja ya wale
kidogo info madirisha kwamba

386
00:20:03,090 --> 00:20:05,380
pops up wakati mtumiaji Clicks marker.

387
00:20:05,380 --> 00:20:08,470
Chini hapa zaidi ni
kuwa kazi update

388
00:20:08,470 --> 00:20:10,510
kwamba tuna kutekelezwa kwa ajili yenu.

389
00:20:10,510 --> 00:20:15,250
Ni huamua mipaka ya ramani.

390
00:20:15,250 --> 00:20:19,360
Ni kuratibu GPS ya nini yake
kaskazini na kusini magharibi pembe hapa.

391
00:20:19,360 --> 00:20:22,780
Tumekuwa tayari baadhi ya vigezo HDP
hapa na kisha kupita yao hatimaye

392
00:20:22,780 --> 00:20:26,160
kwa update.php, ambayo tumekuwa
pia kutekelezwa kwa ajili yenu.

393
00:20:26,160 --> 00:20:31,390
Hiyo hatimaye anapata nyuma baadhi JSON
kutoka faili inayoitwa update.php

394
00:20:31,390 --> 00:20:34,050
na kisha kuondosha yoyote
markers katika screen

395
00:20:34,050 --> 00:20:36,650
na kisha iterates juu ya
data hiyo kurudi

396
00:20:36,650 --> 00:20:40,350
kutoka update.php, ambayo
tena ni tu JSON safu.

397
00:20:40,350 --> 00:20:45,130
Na kisha hatimaye anaongeza marker kwa
kila moja ya maeneo hayo, utunzaji kushindwa

398
00:20:45,130 --> 00:20:47,750
au makosa ambayo huenda vizuri sana kutokea.

399
00:20:47,750 --> 00:20:51,550
>> Sasa tu kukupa ladha ya jinsi
wanaweza kwenda juu debugging mradi huu,

400
00:20:51,550 --> 00:20:55,420
kutambua kwamba nilipofungua katika
kuendeleza tab hii hapa URL hii,

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

402
00:21:01,320 --> 00:21:04,050
Sasa, tena, makala kuhusu
PHP sisi kutekelezwa kwa ajili yenu

403
00:21:04,050 --> 00:21:06,320
hivyo hii si sana
nini wewe utakuwa na kutumia

404
00:21:06,320 --> 00:21:08,190
kwa Debug, lakini badala ya mbinu.

405
00:21:08,190 --> 00:21:10,590
Taarifa kwamba mimi ulichokitafutiza
Cambridge ya zip code hapa,

406
00:21:10,590 --> 00:21:15,260
na nimekuwa wamezipata nyuma, kwa kweli, JSON
safu ya JSON vitu ndani ya ambayo

407
00:21:15,260 --> 00:21:17,640
ni mbili keys-- kiungo na cheo.

408
00:21:17,640 --> 00:21:19,860
>> Hivyo utendaji huu
kazi tayari kwa ajili yenu.

409
00:21:19,860 --> 00:21:24,330
Lakini mbinu hii ya manually kwenda
URL kama hii kwa kitu kama

410
00:21:24,330 --> 00:21:31,710
search.php? geo = cambridge au 02138 au
chochote user ina typed katika lazima

411
00:21:31,710 --> 00:21:35,770
kuthibitisha mchango mkubwa sana kama wewe mwenyewe, jaribu
kufikiri hasa kama au nini

412
00:21:35,770 --> 00:21:38,510
search.php ni kazi au la.

413
00:21:38,510 --> 00:21:41,720
>> Hatimaye basi, una
todos chache mbele yenu.

414
00:21:41,720 --> 00:21:44,250
Wewe ni kwenda zana kwanza
kwamba kuagiza script kwamba

415
00:21:44,250 --> 00:21:46,520
anasoma katika us.text katika database yako.

416
00:21:46,520 --> 00:21:48,760
Wewe ni basi kwenda haja
kutekeleza search.php

417
00:21:48,760 --> 00:21:51,320
ili kutenda hasa kama maalum.

418
00:21:51,320 --> 00:21:54,170
Wewe ni basi atataka
kuzingatia scripts.js

419
00:21:54,170 --> 00:21:57,520
na hatimaye kutekeleza
wale michache todos,

420
00:21:57,520 --> 00:21:59,950
ikiwa ni pamoja na configure
na kwamba template,

421
00:21:59,950 --> 00:22:03,220
kuongeza markers, kuondoa markers, na
kisha mwisho, lakini si uchache, moja

422
00:22:03,220 --> 00:22:04,330
kugusa binafsi.

423
00:22:04,330 --> 00:22:07,477
>> Mara una mashup yako ya kazi
kabisa kama yetu, lengo katika mkono

424
00:22:07,477 --> 00:22:09,560
ni kwa ajili yenu kuongeza binafsi
kugusa na mashup yako,

425
00:22:09,560 --> 00:22:11,290
kama ni aesthetic au kazi.

426
00:22:11,290 --> 00:22:13,950
Kuchukua mashup milele hivyo
kidogo kwa ngazi ya pili.

427
00:22:13,950 --> 00:22:18,330
Muda mrefu kama wewe kushinikiza mwenyewe zaidi
uzoefu wako na spec yenyewe

428
00:22:18,330 --> 00:22:20,840
na kuchukua moja ya mbinu
mpya, hata kama ni tu

429
00:22:20,840 --> 00:22:25,610
kitu aesthetic kama kubadilisha
mpangilio wa ramani kwamba unatumia,

430
00:22:25,610 --> 00:22:28,070
wigo kwamba tunatarajia
utakuwa kuridhika.

431
00:22:28,070 --> 00:22:30,260
Hiyo basi ni Tatizo Set 8 Mashup.

432
00:22:30,260 --> 00:22:33,070
Stay tuned kwa zaidi katika
vipimo na bora wa bahati

433
00:22:33,070 --> 00:22:36,400
kukabiliana na hii, yako ya mwisho
CS50 tatizo kuweka milele.

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

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