1
00:00:00,000 --> 00:00:03,388
>> [Daqq ta mużika]

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
Ejja tieħu walk permezz
Problema Set 8 Mashup,

5
00:00:12,600 --> 00:00:15,880
li se isfida li inti
jiddependu fuq elementi għal Google Maps

6
00:00:15,880 --> 00:00:20,905
ma 'elementi mill-Google News u maxx
flimkien ġo applet web li

7
00:00:20,905 --> 00:00:24,150
tippermetti lill-utent biex tfittxija
mappa għall-aħbarijiet lokali

8
00:00:24,150 --> 00:00:26,780
lejn l-irħula speċifiċi,
bliet, u l-kodiċi zip.

9
00:00:26,780 --> 00:00:31,040
Biex tagħmel dan, aħna qed tmur biex
jintegraw xi HTML, CSS, PHP, SQL,

10
00:00:31,040 --> 00:00:34,390
JavaScript, u ​​teknika
ġeneralment magħrufa bħala Ajax sabiex

11
00:00:34,390 --> 00:00:36,850
biex jinħoloq dan immersive
utent esperjenza.

12
00:00:36,850 --> 00:00:38,920
>> Ejja ewwel għall Google Maps innifsu.

13
00:00:38,920 --> 00:00:41,220
Dan, naturalment, huwa forsi
interface familjari.

14
00:00:41,220 --> 00:00:45,070
Iżda jirriżulta li Google Maps
jipprovdi wkoll l-applikazzjoni API--

15
00:00:45,070 --> 00:00:48,360
programmazzjoni interface-- via li
inti tista 'tieħu elementi ta' Google Maps

16
00:00:48,360 --> 00:00:50,740
u jintegrawhom fil
applikazzjonijiet tiegħek stess.

17
00:00:50,740 --> 00:00:52,650
Tabilħaqq, matul dan
proċess, int ser

18
00:00:52,650 --> 00:00:55,140
biex isibu koppja ta 'URLs
partikolarment utli li

19
00:00:55,140 --> 00:00:57,820
huma msemmija fil-
ispeċifikazzjoni għas Problema Set 8,

20
00:00:57,820 --> 00:01:00,980
speċifikament din il Getting Started
Gwida jew il-Gwida tal-iżviluppatur

21
00:01:00,980 --> 00:01:07,640
għall Google Maps API Verżjoni 3 kif ukoll
bħala l-API Google Maps JavaScript

22
00:01:07,640 --> 00:01:10,260
referenza v3, li huwa
daqsxejn aktar arcane biex taqra

23
00:01:10,260 --> 00:01:14,600
imma attwalment tkun kollha tal-livell aktar baxx
Dettalji dwar dak il-funzjonijiet jew il-metodi

24
00:01:14,600 --> 00:01:18,220
u oġġetti u l-proprjetajiet u
avvenimenti attwalment jaqgħu mal-API,

25
00:01:18,220 --> 00:01:20,720
simili ħafna fl-ispirtu
li [inaudible] paġni.

26
00:01:20,720 --> 00:01:23,480
>> Issa jekk nieħdu ħarsa
fuq Google News, inti ser

27
00:01:23,480 --> 00:01:25,370
forsi tara interface familjari hawn.

28
00:01:25,370 --> 00:01:29,350
Iżda jirriżulta out inti tista 'tfittex ukoll
Google News for geographies speċifiċi

29
00:01:29,350 --> 00:01:32,000
permezz ta 'parametru HTTP imsejħa ġeo.

30
00:01:32,000 --> 00:01:35,100
Fil-fatt, jekk I zoom in
up here, tkun taf tara li

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

32
00:01:41,672 --> 00:01:43,630
U, tabilħaqq, jekk I zoom
out, inti ser tara li jien

33
00:01:43,630 --> 00:01:47,090
tħares lejn paġna bil-mazz sħiħ ta '
fehmiet dwar Cambridge, Massachusetts.

34
00:01:47,090 --> 00:01:50,620
>> Sadanittant, jekk I attwalment ibiddlu l-
URL m'għandhomx ikunu zip code bħal dan,

35
00:01:50,620 --> 00:01:55,580
imma xi ħaġa Messier ftit
bħal Cambridge, + Massachusetts,

36
00:01:55,580 --> 00:02:00,740
fejn il plus huwa l-mod inti jikkodifikaw a
karattru ispazju fil URL u hit Ikteb,

37
00:02:00,740 --> 00:02:02,907
tkun taf tara li I attwalment
tara kważi l-istess aħbarijiet.

38
00:02:02,907 --> 00:02:05,489
Forsi huwa xi ftit differenti
minħabba Cambridge attwalment

39
00:02:05,489 --> 00:02:06,910
għandha kodiċijiet zip multipli.

40
00:02:06,910 --> 00:02:09,410
Issa kif se naf li u,
fil-fatt, kif jistgħu I b'xi

41
00:02:09,410 --> 00:02:12,940
tie bliet u rħula
għall-kodiċi zip fil-każ I

42
00:02:12,940 --> 00:02:15,064
tixtieq li jippermettu lill-utent
tfittex up jew?

43
00:02:15,064 --> 00:02:17,480
Ukoll, jirriżulta li hemm
websajt hemmhekk imsejħa

44
00:02:17,480 --> 00:02:20,060
geonames.org li hija
inizjattiva li jkollha

45
00:02:20,060 --> 00:02:23,760
database liberament disponibbli ta 'kulħadd
tip ta 'informazzjoni ġeografika,

46
00:02:23,760 --> 00:02:27,040
mhux biss għall-Istati Uniti, iżda wkoll
għal pajjiżi oħra ukoll.

47
00:02:27,040 --> 00:02:30,430
Fil-fatt, jekk immur għal dan il-URL hawn, li
jissemma wkoll fil-problema sett

48
00:02:30,430 --> 00:02:34,510
ispeċifikazzjoni, tkun taf tara dan tlieta
elenkar ta mazz sħiħ ta 'fajls zip

49
00:02:34,510 --> 00:02:36,400
li kull wieħed minnhom jista 'jitniżżel minnek.

50
00:02:36,400 --> 00:02:39,900
Fil-fatt, għal din il-problema sett
int ser tniżżel us.zip.

51
00:02:39,900 --> 00:02:43,790
Issa fi ħdan dan il-fajl, hija kollha kemm hi
mazz ta 'data f'format ta' kitba.

52
00:02:43,790 --> 00:02:47,760
Il-fajls huwa simili ħafna għal
CSV-- Comma Separated Valuri file--

53
00:02:47,760 --> 00:02:51,294
iżda fil-fatt juża
tabs biex jiddemarkaw l-oqsma.

54
00:02:51,294 --> 00:02:53,710
Issa, sadanittant, jekk inti tfittex
hawn fuq dak li stajt enfasizzat,

55
00:02:53,710 --> 00:02:56,459
l-oqsma f'dan fajl huma għaddejjin
li jkun affarijiet simili kodiċijiet tal-pajjiż,

56
00:02:56,459 --> 00:02:58,980
kodiċijiet postali, ismijiet ta 'postijiet,
u mbagħad, f'xi forma

57
00:02:58,980 --> 00:03:04,230
jew oħrajn, l-istati u l-kontej,
komunitajiet, u aktar.

58
00:03:04,230 --> 00:03:06,630
Fil-fatt, stajt diġà
jitniżżel dan il-fajl bil-quddiem.

59
00:03:06,630 --> 00:03:09,750
Let me imorru quddiem u tiftaħ it here--
us.text-- u, tabilħaqq, inti ser

60
00:03:09,750 --> 00:03:16,660
ara jekk I iscroll għal-linja 16792
tkun taf tara rekords ftit għall Cambridge,

61
00:03:16,660 --> 00:03:19,120
Massachusetts u l-kodiċi zip varji tagħha.

62
00:03:19,120 --> 00:03:22,150
Dak li inti tara wkoll hemm il-kontea,
xi numri li jien ma verament

63
00:03:22,150 --> 00:03:24,500
jifhmu, iżda wkoll kollha
il-mod fuq il-lemin,

64
00:03:24,500 --> 00:03:27,170
xi GPS coordinates--
latitudni u lonġitudni.

65
00:03:27,170 --> 00:03:30,440
Dan huwa kbir għaliex wieħed mill
il-karatteristiċi ta 'Google Maps API

66
00:03:30,440 --> 00:03:33,670
hija l-kapaċità li jikxfu
fejn int ġeografikament

67
00:03:33,670 --> 00:03:36,850
f'termini ta 'GPS koordinati.

68
00:03:36,850 --> 00:03:40,210
>> Issa ejja tibda biex insemmu kif
tibda irbit dawn l-affarijiet flimkien.

69
00:03:40,210 --> 00:03:42,900
Imxejna tak kollu
mazz ta 'kodiċi ta' distribuzzjoni,

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

71
00:03:44,970 --> 00:03:49,100
Fil-fatt, jekk I iġbed phpMyAdmin li
diġà importat, kif inti dalwaqt se,

72
00:03:49,100 --> 00:03:54,800
pset8.SQL, tkun taf tara tabella MySQL li
tidher bħal dan, qasam ID, il-pajjiż

73
00:03:54,800 --> 00:03:57,400
kodiċi, kodiċi postali, isem il-post u aktar.

74
00:03:57,400 --> 00:04:00,490
It-tipi ta 'kollha ta' dawk
kolonni I derivat sempliċiment

75
00:04:00,490 --> 00:04:03,870
mill-qari tal readme.text
fajl hawnhekk dik speċifikata

76
00:04:03,870 --> 00:04:07,330
jekk il-qasam huwa integer,
jew varchar jew bħalhom.

77
00:04:07,330 --> 00:04:10,510
>> Allura aħna ve maħluqa dik it-tabella għal
inti u tak-kmandi SQL

78
00:04:10,510 --> 00:04:12,770
biex tesegwixxi biex joħolqu dak
tabella fl-database tiegħek stess,

79
00:04:12,770 --> 00:04:15,290
imma hemm attwalment l-ebda data fil encore.

80
00:04:15,290 --> 00:04:19,600
Pjuttost, int ser ikollhom
download us.zip jew zip kull pajjiż

81
00:04:19,600 --> 00:04:21,500
fajl minn dik URL hemmhekk.

82
00:04:21,500 --> 00:04:24,940
U allura int se jkollhom jiktbu
b'kitba kmand tal-linja fil-PHP li l-

83
00:04:24,940 --> 00:04:28,420
ser jiftħu dak it-test
fajl, jtenni fuq linji tagħha,

84
00:04:28,420 --> 00:04:31,180
u mbagħad għal kull wieħed
dawk il-linji do daħħal

85
00:04:31,180 --> 00:04:34,940
fis li tqiegħed it-tabella
fid-database MySQL tiegħek.

86
00:04:34,940 --> 00:04:37,880
Għalhekk fl-aħħar ta 'dan il-proċess, inti ser
run li iskrittura finalment

87
00:04:37,880 --> 00:04:39,610
darba biss fit-teorija.

88
00:04:39,610 --> 00:04:41,780
Fir-realtà inti ser probabilment
run mazz ta 'drabi

89
00:04:41,780 --> 00:04:45,460
filwaqt jippruvaw jiffissaw bugs varji.

90
00:04:45,460 --> 00:04:48,440
>> Fl-aħħarnett, int ser jkollhom
database verament kbir b'eluf

91
00:04:48,440 --> 00:04:50,139
u eluf ta 'ringieli ġeografiċi.

92
00:04:50,139 --> 00:04:52,930
Imbagħad int ser iqiegħed dak l-importazzjoni
iskrittura aside ladarba huwa xogħol

93
00:04:52,930 --> 00:04:55,140
u database tiegħek huwa sbieħ
u korretta, u mbagħad

94
00:04:55,140 --> 00:04:58,880
int ser ngħaddi biex attwalment
implimentazzjoni tal-mashup innifsu.

95
00:04:58,880 --> 00:05:01,670
Il mashup huwa ser tħares
ftit xi ħaġa bħal din.

96
00:05:01,670 --> 00:05:05,165
Fil mashup.cs50.net, aħna
jkun hemm soluzzjoni staff

97
00:05:05,165 --> 00:05:06,990
li jistenna ftit xi ħaġa bħal din.

98
00:05:06,990 --> 00:05:11,070
Tabilħaqq, jekk I ikklikkja fuq din il-gazzetta
Icon għal Cambridge, Massachusetts,

99
00:05:11,070 --> 00:05:13,300
tkun taf tara għażil
ikona qosor u mbagħad

100
00:05:13,300 --> 00:05:16,370
lista ordnat, a
lista bulleted ta 'oġġetti

101
00:05:16,370 --> 00:05:18,280
relatati mal-Cambridge, Massachusetts.

102
00:05:18,280 --> 00:05:20,352
Jekk I ikklikkja fuq Charlestown,
Massachusetts,

103
00:05:20,352 --> 00:05:21,685
I ser tara l-istess għal dik il-belt.

104
00:05:21,685 --> 00:05:24,174
U Jekk I ikklikkja fuq
Watertown, Massachusetts,

105
00:05:24,174 --> 00:05:26,090
jista 'ma jkunx hemm xi
aħbarijiet ta 'mill-Watertown,

106
00:05:26,090 --> 00:05:28,630
sabiex tkun taf tara xi ħaġa
bħall-ġurnata aħbarijiet kajman.

107
00:05:28,630 --> 00:05:32,140
>> Issa, sadanittant, fil-quċċata xellug huma
xi kontrolli familjari Google Maps

108
00:05:32,140 --> 00:05:34,980
let you zoom out, pan
up, down, xellug, u d-dritt,

109
00:05:34,980 --> 00:05:37,360
iżda wkoll kaxxa ta 'tfittxija li nitfgħu hemmhekk.

110
00:05:37,360 --> 00:05:40,910
Mela jekk jien tiftix għal, franchement,
l-unika kodiċi zip oħra naf,

111
00:05:40,910 --> 00:05:45,020
90210, aħna ser attwalment ara
Beverly Hills, California.

112
00:05:45,020 --> 00:05:48,550
Meta għafast din twassal me
California u mazz sħiħ

113
00:05:48,550 --> 00:05:50,369
tal-aħbarijiet dwar Beverly Hills.

114
00:05:50,369 --> 00:05:51,910
Issa avviż, wisq, dak li ġara hemmhekk.

115
00:05:51,910 --> 00:05:57,040
Jekk I din it-tfittxija żmien għall 02138 jew saħansitra
Cambridge comma Massachusetts jew xi

116
00:05:57,040 --> 00:06:00,300
varjant tiegħu, ikollok
ftit dropdown AutoComplete.

117
00:06:00,300 --> 00:06:03,840
Issa dan qed tuża plugin
għal librerija msejħa jQuery,

118
00:06:03,840 --> 00:06:05,732
u li plugin huwa msejjaħ typeahead.

119
00:06:05,732 --> 00:06:07,440
Aħna sempliċiment tinqara permezz
id-dokumentazzjoni,

120
00:06:07,440 --> 00:06:13,150
jitniżżel l-JS fajl integrat
fil-kodiċi ta 'distribuzzjoni sabiex inti

121
00:06:13,150 --> 00:06:16,900
finalment jista 'jikteb il-kodiċi li
fills li menu dropdown mal-auto

122
00:06:16,900 --> 00:06:19,350
selezzjonijiet jew is-suġġerimenti auto.

123
00:06:19,350 --> 00:06:23,820
>> Issa l-kodiċi ta 'distribuzzjoni, madankollu, li
inti tkun irċiviet ma jkunx do kważi kemm.

124
00:06:23,820 --> 00:06:26,860
Ikollok l-Google Map integrati, u
ikollok l-kontrolli l-quċċata xellug,

125
00:06:26,860 --> 00:06:28,240
u jkollok l-kaxxa ta 'tfittxija.

126
00:06:28,240 --> 00:06:32,760
Imma jekk jien tip xi ħaġa simili
02138, l-ebda postijiet jinstabu s'issa.

127
00:06:32,760 --> 00:06:34,730
Allura li għaddej biex tkun
wieħed mill-għanijiet tagħna hawn.

128
00:06:34,730 --> 00:06:37,430
Barra minn hekk, jekk inti tieħu pass
lura u nħarsu lejn il-mappa nnifisha,

129
00:06:37,430 --> 00:06:38,950
hemm l-ebda aħbar tkun xi tkun.

130
00:06:38,950 --> 00:06:41,780
Anke jekk I ikklikkja u
drag, l-ebda markers attwalment

131
00:06:41,780 --> 00:06:45,560
jidhru għall-aħbarijiet minħabba li
Sfida titħalla għalik ukoll.

132
00:06:45,560 --> 00:06:48,490
>> Ejja tagħti ħarsa imbagħad
lejn il-kodiċi tad-distribuzzjoni.

133
00:06:48,490 --> 00:06:51,460
Ladarba inti ħadthom jitniżżel
pset8.zip u unzipped dan

134
00:06:51,460 --> 00:06:54,430
fis-direttorju vhost tiegħek
fil-Appliance CS50,

135
00:06:54,430 --> 00:06:56,550
tkun taf tara dawn
direttorji hawn ġewwa.

136
00:06:56,550 --> 00:07:00,200
Bin-- li ġeneralment stands għall
binarju għal programs-- eżekutibbli

137
00:07:00,200 --> 00:07:04,870
jinkludi, bħal fil pset7, xi PHP
fajls li fajls oħra jinkludu,

138
00:07:04,870 --> 00:07:06,710
imbagħad pubbliku, li hija
il-fajls li jeħtieġu

139
00:07:06,710 --> 00:07:09,369
li jkun aċċessibbli pubblikament
lil utent bi browser.

140
00:07:09,369 --> 00:07:11,410
Ejja tagħti ħarsa fil-
direttorju bin, u aħna ser

141
00:07:11,410 --> 00:07:13,890
tara li hemm fajl
hemm diġà talab Importazzjoni.

142
00:07:13,890 --> 00:07:17,591
Jekk aħna miftuħa dan ma gedit, aħna ser tara
li, sfortunatament, hemm Ma tantx

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

144
00:07:18,090 --> 00:07:20,250
Dak kollu li hemm, għalkemm,
huwa shebang fil-quċċata

145
00:07:20,250 --> 00:07:23,410
li jispeċifika liema
interpreter-- f'dan il-każ PHP--

146
00:07:23,410 --> 00:07:25,759
għandhom jintużaw biex attwalment
tesegwixxi dan il-fajl.

147
00:07:25,759 --> 00:07:27,550
Iżda mbagħad fejn jgħid
Todo huwa fejn int

148
00:07:27,550 --> 00:07:31,130
tmur ħtieġa li jikteb xi kodiċi
li probabbilment teħtieġ l-konfigurazzjoni

149
00:07:31,130 --> 00:07:35,820
fajl li l fil- jinkludi direttorju
kif aħna ghamilt qabel ma 'fajls PHP.

150
00:07:35,820 --> 00:07:38,180
U allura int ser
għandek b'xi jiftħu

151
00:07:38,180 --> 00:07:41,920
us.text li inti preżumibbilment
diġà unzipped.

152
00:07:41,920 --> 00:07:44,690
Imbagħad int ser ikollhom
jtenni fuq il-linji f'dak il-fajl,

153
00:07:44,690 --> 00:07:47,800
forsi tuża xi wħud mill-funzjonijiet
suġġerit fl-ispeċifikazzjoni.

154
00:07:47,800 --> 00:07:51,390
Imbagħad daħħal kull wieħed minn dawk
Linji fis MySQL database

155
00:07:51,390 --> 00:07:54,940
billi tuża l-funzjoni query, li
konna darb'oħra sakemm inti with--

156
00:07:54,940 --> 00:07:58,010
jew għall-inqas varjant
tiegħu fl functions.php,

157
00:07:58,010 --> 00:07:59,560
li aħna ser tara fi ftit mument.

158
00:07:59,560 --> 00:08:04,430
>> Issa ejja qrib importazzjoni u jmorru lura lejn
direttorju tagħna u dan iż-żmien imorru fis

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

160
00:08:05,300 --> 00:08:09,210
U jekk I do ls hemm, inti taf tara
tliet files pjuttost simili Problema Set 7.

161
00:08:09,210 --> 00:08:13,760
U ejja tagħti ħarsa quick,
per eżempju, fil-config.php.

162
00:08:13,760 --> 00:08:16,730
Fil hemm, huwa inqas linji
minn qabel, u

163
00:08:16,730 --> 00:08:20,712
Jidher dan il-fajl jinkludi
constants.php u functions.php.

164
00:08:20,712 --> 00:08:23,670
Aħna qed jużaw ftit differenti
teknika din id-darba biex attwalment

165
00:08:23,670 --> 00:08:30,910
jispeċifikaw li dawn il-fajls huma relattivi
għall-direttorju kurrenti __ DIR__

166
00:08:30,910 --> 00:08:35,280
tirrappreżenta x'ikun direttorju dan
fajl, config.php, huwa ruħha fil.

167
00:08:35,280 --> 00:08:37,600
Allura dan huwa aktar
mod espliċitu li jispeċifikaw

168
00:08:37,600 --> 00:08:40,100
dak fajls oħra li inti tixtieq li jeħtieġu.

169
00:08:40,100 --> 00:08:44,020
>> Issa jekk I qrib dan il-fajl u
jiftħu constants.php minflok,

170
00:08:44,020 --> 00:08:47,430
tkun taf tara fajl ħafna reminixxenti
biex Problem Set 7 kif ukoll, għalkemm

171
00:08:47,430 --> 00:08:50,050
ma 'database differenti msejħa pset8.

172
00:08:50,050 --> 00:08:54,020
Fl-aħħarnett, functions.php,
aħna ser tara biss funzjoni waħda

173
00:08:54,020 --> 00:08:55,942
dan iż-żmien imsejħa query.

174
00:08:55,942 --> 00:08:59,150
Dan huwa kważi l-istess ħlief nittrattaw
Żbalji din id-darba madwar ftit

175
00:08:59,150 --> 00:09:02,860
differenti, imma hija użu huwa
l-istess bħal fl problema sett sebgħa.

176
00:09:02,860 --> 00:09:08,090
>> Issa ejja mur lura fis pset8 tagħna
direttorju, mur fil-pubbliku, u fil hemm

177
00:09:08,090 --> 00:09:14,420
jekk I do ls, tkun taf tara this--
articles.php, index.html, search.php,

178
00:09:14,420 --> 00:09:16,940
u update.php-- fajls kollha.

179
00:09:16,940 --> 00:09:22,010
U allura l-fonts css, img, u
direttorju JS pjuttost simili pset7.

180
00:09:22,010 --> 00:09:24,660
>> Ejja tagħti ħarsa lejn
index.html, li hija

181
00:09:24,660 --> 00:09:27,290
se tkun verament l-
punt ta 'dħul għall-smashup.

182
00:09:27,290 --> 00:09:31,820
Issa fil index.html, tkun taf tara sħiħa
mazz ta 'elementi rabta fir-ras,

183
00:09:31,820 --> 00:09:36,540
speċifikament, għall bootstrap għall tagħna stess
CSS segwit minn mazz sħiħ ta 'iskrittura

184
00:09:36,540 --> 00:09:41,520
tags għal affarijiet bħall-mapep, API
innifsu, markatur speċjali bit-tikketta

185
00:09:41,520 --> 00:09:44,950
utilità li aħna imsemmi fil-
ispeċifikazzjoni hija disponibbli lilek,

186
00:09:44,950 --> 00:09:48,420
jQuery innifsu, bootstrap
innifsu, u librerija ieħor

187
00:09:48,420 --> 00:09:50,990
imsejħa jenfasizzaw li
nitkellmu dwar fil-spec.

188
00:09:50,990 --> 00:09:57,031
Underscore.js bħall jquery.js
hija librerija JavaScript

189
00:09:57,031 --> 00:10:00,280
li għandha mazz sħiħ ta 'funzjonalità
li ħafna nies fid-xewqa dinja

190
00:10:00,280 --> 00:10:02,020
teżisti fil JavaScript innifsu.

191
00:10:02,020 --> 00:10:04,560
Allura dawn kollha huma
attwalment pjuttost popolari.

192
00:10:04,560 --> 00:10:07,140
Imxejna wkoll jissemma typeahead
li hija l-librerija li

193
00:10:07,140 --> 00:10:11,180
ma li dropdown AutoComplete u
finalment link għall JavaScript tagħna stess.

194
00:10:11,180 --> 00:10:13,880
>> Sadanittant, u forsi
Thankfully, dan mashup

195
00:10:13,880 --> 00:10:17,550
huwa mmexxi mill relattivament ftit
HTML stabbiliti hawn fil-qiegħ.

196
00:10:17,550 --> 00:10:22,330
Avviż li aħna ve speċifikat div fil
korp tagħna ta 'fluwidu ta' klassi kontenitur.

197
00:10:22,330 --> 00:10:24,610
Dan, per bootstrap ta
dokumentazzjoni, just

198
00:10:24,610 --> 00:10:29,840
ifisser li din div se timla l-
viewport jew tieqa tal-brawżer kompletament.

199
00:10:29,840 --> 00:10:33,020
>> Sadanittant, hawn taħt li għandna div
thats jinfetaħ u jingħalaq immedjatament

200
00:10:33,020 --> 00:10:34,790
bl-ID uniku ta 'kanvas mappa.

201
00:10:34,790 --> 00:10:37,400
Dan issa huwa minn Google
Dokumentazzjoni Mapep

202
00:10:37,400 --> 00:10:42,490
għall API tagħha, li biha I sempliċiment għandek bżonn li
jkollhom div vojta li fih tinjetta,

203
00:10:42,490 --> 00:10:44,470
finalment, ta 'Google Maps attwali.

204
00:10:44,470 --> 00:10:46,310
Iżda aktar fuq li fil biss daqsxejn.

205
00:10:46,310 --> 00:10:48,850
>> Fl-aħħarnett, hemm formola
ġewwa tal here li

206
00:10:48,850 --> 00:10:52,930
jimplimenta l-kaxxa tat-test up quccata tax-xellug
fil-interface tagħna għat-tiftix.

207
00:10:52,930 --> 00:10:54,730
Avviż li aħna ve użati
daqsxejn ta 'bootstrap

208
00:10:54,730 --> 00:10:57,670
hawn too-- affarijiet simili
forma-inline u l-forma grupp.

209
00:10:57,670 --> 00:11:00,080
Imxejna minħabba l-eks
ID unika forma.

210
00:11:00,080 --> 00:11:04,510
U mbagħad, finalment, I attwalment jkollhom
tip input, li huwa pjuttost familjari,

211
00:11:04,510 --> 00:11:06,440
li ID huwa q.

212
00:11:06,440 --> 00:11:07,230
Just konvenzjoni.

213
00:11:07,230 --> 00:11:09,234
Q għall query-- jista 'jkollhom
ġie msejjaħ xejn.

214
00:11:09,234 --> 00:11:11,400
U allura l-placeholder,
sadanittant, hija belt, l-istat,

215
00:11:11,400 --> 00:11:16,200
u kodiċi postali li inti tista recall
jaraw fil mashup tagħna demo qabel.

216
00:11:16,200 --> 00:11:17,980
Ejja qrib dan il-fajl.

217
00:11:17,980 --> 00:11:24,460
>> Issa tagħti ħarsa lejn il-fajls PHP li
tistenna u mbagħad l-fajls JavaScript.

218
00:11:24,460 --> 00:11:27,700
Fil-fajls PHP tagħna, konna
diġà implimentati għalik,

219
00:11:27,700 --> 00:11:29,960
per eżempju, aġġornamenti.

220
00:11:29,960 --> 00:11:35,060
Update.php-- aħna mhux se jonfqu enormi
ammont ta 'ħin fuq here-- fil-qosor

221
00:11:35,060 --> 00:11:38,400
huwa l-fajl li tagħna
Kodiċi JavaScript huwa għaddej

222
00:11:38,400 --> 00:11:41,610
li tikkuntattja via Ajax li
teknika mhux sinkroniku thats

223
00:11:41,610 --> 00:11:45,980
mibnija fis JavaScript dawn il-jiem li l-
ser inessu li jistaqsu update.php

224
00:11:45,980 --> 00:11:47,410
għal aktar informazzjoni.

225
00:11:47,410 --> 00:11:50,045
>> Speċifikament, ghaċ
l-utent drags il-mappa

226
00:11:50,045 --> 00:11:53,310
jew jagħmel riċerka li jumps
l-utent lejn post ieħor,

227
00:11:53,310 --> 00:11:55,250
kodiċi JavaScript tagħna,
kif aħna ser malajr tara, huwa

228
00:11:55,250 --> 00:11:59,610
ser sejħa update.php
u li jsaqsi għal 10 jew hekk markers

229
00:11:59,610 --> 00:12:02,630
fi ħdan il-viewport bbażata
fuq il-GPS koordinati

230
00:12:02,630 --> 00:12:06,510
tal-quċċata u fil-qiegħ
kantunieri ta 'dak mappa.

231
00:12:06,510 --> 00:12:10,520
Nistgħu mbagħad repopulate-mappa issa li
l-utent mxiet l-iskrin sabiex

232
00:12:10,520 --> 00:12:14,210
biex tara 10 probabbilment ġdida
markaturi ta 'bliet differenti.

233
00:12:14,210 --> 00:12:18,340
Sadanittant, dan il-fajl huwa finalment
ser tesegwixxi query SQL

234
00:12:18,340 --> 00:12:21,680
kontra database tagħna
mejda msejħa postijiet li

235
00:12:21,680 --> 00:12:26,380
huwa ser jirritorna dawk
10 jew inqas postijiet.

236
00:12:26,380 --> 00:12:32,620
>> Sadanittant, fil-articles.php, hija ieħor
fajl konna bil-miktub fl-intier tiegħu.

237
00:12:32,620 --> 00:12:35,820
Din hija simili ħafna fl-ispirtu li
Funzjoni Lookup Problem Set 7 ta,

238
00:12:35,820 --> 00:12:39,450
li kkuntattjati Yahoo Finanzi għalik.

239
00:12:39,450 --> 00:12:43,710
Dan il-fajl kuntatti Google News
għalik, finalment ħtif

240
00:12:43,710 --> 00:12:46,050
a tinqara mill-magna
version-- fil xi ħaġa

241
00:12:46,050 --> 00:12:49,720
imsejħa RSS format-- 'l-aħbarijiet
għal Cambridge jew Beverly Hills

242
00:12:49,720 --> 00:12:52,880
jew kwalunkwe belt ħadthom searched
għal ibbażata fuq dik geoparameter.

243
00:12:52,880 --> 00:12:57,250
Aħna parse dik RSS, li huwa biss
tip ta 'lingwa markup imsejħa XML,

244
00:12:57,250 --> 00:13:00,740
u allura aħna attwalment
jirritornaha lill-browser tiegħek

245
00:13:00,740 --> 00:13:03,570
u għall-kodiċi JavaScript tiegħek,
speċifikament, f'format imsejjaħ

246
00:13:03,570 --> 00:13:06,097
JSON, JavaScript Notazzjoni Għan.

247
00:13:06,097 --> 00:13:08,180
Issa inti taf tara fil-
specification-- we punt int

248
00:13:08,180 --> 00:13:10,720
lejn kif inti tista 'attwalment tara
xi wħud mill-back-- miÍja JSON

249
00:13:10,720 --> 00:13:15,210
li din il-funzjonalità finalment
ihallik timla dawk menus popup hekk

250
00:13:15,210 --> 00:13:16,960
li meta inti ikklikkja
fuq markatur fil-mappa

251
00:13:16,960 --> 00:13:19,430
inti fil-fatt tara mazz sħiħ
ta 'balal, li kull wieħed minnhom

252
00:13:19,430 --> 00:13:21,020
links għal artiklu.

253
00:13:21,020 --> 00:13:25,000
>> Issa ejja tagħti ħarsa lejn wieħed aħħar
PHP fajl li, fortunatament, ma

254
00:13:25,000 --> 00:13:27,970
għandhom ħafna għaddej on--
biss Todo pretty big.

255
00:13:27,970 --> 00:13:32,170
Dritt issa dan il-fajl jiddikjara
firxa imsejħa postijiet.

256
00:13:32,170 --> 00:13:35,980
U mbagħad finalment prints
li firxa fil format-- JSON

257
00:13:35,980 --> 00:13:38,720
pretty-istampar hija biss hekk li
affarijiet huma aktar faċli biex debug.

258
00:13:38,720 --> 00:13:41,480
Sfortunatament, fil-
nofs hemm dan Todo,

259
00:13:41,480 --> 00:13:46,890
li tappella għalik li tfittex l-
database għall-postijiet tqabbil ta 'ġeo HTTP

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

261
00:13:47,490 --> 00:13:49,865
>> U, tabilħaqq, dan se
jkun wieħed mill challenges-- tiegħek

262
00:13:49,865 --> 00:13:54,240
biex jimplimentaw din il-funzjonalità hawn
hekk li meta inti tikkuntattja dan il-fajl ma

263
00:13:54,240 --> 00:14:00,610
URL bħal tfittxija. php? ġeo = xi ħaġa,
kodiċi tiegħek finalment se terġa 'lura JSON

264
00:14:00,610 --> 00:14:05,020
firxa ta 'kollha tal-postijiet fil tiegħek
tabella database li jaqbel ma 'dak l-input.

265
00:14:05,020 --> 00:14:08,960
Allura jekk it-tipi utent fil Cambridge,
fajl tiegħek hawn search.php

266
00:14:08,960 --> 00:14:12,680
għandhom finalment jirritorna firxa JSON
għall kollha tal-logħbiet għall Cambridge,

267
00:14:12,680 --> 00:14:16,990
li jista 'jkun fil-Massachusetts
imma jista 'jkun saħansitra imkien ieħor.

268
00:14:16,990 --> 00:14:21,040
>> Fl-aħħar nett, ejja tagħti ħarsa lejn żewġ
fajls li huma ultimately-- statika

269
00:14:21,040 --> 00:14:23,680
fajl CSS tiegħek u l-fajl JavaScript tiegħek.

270
00:14:23,680 --> 00:14:26,779
Jekk immur fis-direttorju CSS tagħna,
hemm mazz sħiħ ta 'fajls hemmhekk,

271
00:14:26,779 --> 00:14:28,070
iżda ħafna minnhom huma libreriji.

272
00:14:28,070 --> 00:14:31,530
Jien ser tagħti ħarsa,
speċifikament, fil styles.css,

273
00:14:31,530 --> 00:14:35,440
li hija CSS globali tagħna stess thats
ser stylize dan mashup kollu.

274
00:14:35,440 --> 00:14:38,840
I ser tħalli f'idejn lilek biex tinqara permezz
l-kummenti hawnhekk, iżda, fil-qosor,

275
00:14:38,840 --> 00:14:43,490
dan huwa l-CSS li jiżgura li tagħna
mashup, awtomatikament barra mill-kaxxa,

276
00:14:43,490 --> 00:14:46,950
jistenna eżattament il-mod irridu it--
mal-mappa timla l-port fehma

277
00:14:46,950 --> 00:14:49,720
u mal-tfittxija
kaxxa up fil-quċċata xellug.

278
00:14:49,720 --> 00:14:52,870
Imxejna wkoll ħadu l-libertà ta '
stylizing li dropdown typeahead

279
00:14:52,870 --> 00:14:55,170
menu ftit ukoll.

280
00:14:55,170 --> 00:14:58,030
>> Il-fajl aktar importanti
forsi għal din il-problema sett

281
00:14:58,030 --> 00:15:01,070
huwa dan l-aħħar wieħed, scripts.js.

282
00:15:01,070 --> 00:15:03,800
Ġewwa ta 'direttorju JS tiegħek
huwa saħansitra aktar fajls.

283
00:15:03,800 --> 00:15:08,090
Kollha kemm huma fajls librerija
ħlief għal dan wieħed, scripts.js.

284
00:15:08,090 --> 00:15:11,460
Jekk aħna miftuħa dan up, ejja tagħti tagħna
tour finali permezz tal-funzjonijiet li

285
00:15:11,460 --> 00:15:13,820
huma mibnija fil dan il-fajl
ghalik u attenzjoni sejħa

286
00:15:13,820 --> 00:15:16,200
għall-Todos li hemm quddiemna.

287
00:15:16,200 --> 00:15:19,110
>> Fil-quċċata ta 'dan il-fajl,
huma tliet fatturi varjabbli globali.

288
00:15:19,110 --> 00:15:22,910
Waħda għal mappa, li se
tkun referenza għal mappa Google tagħna.

289
00:15:22,910 --> 00:15:25,510
Inti tista 'taħseb li
tip ta bħala pointer.

290
00:15:25,510 --> 00:15:27,710
Sadanittant, aħna għandna
varjabbli globali ieħor

291
00:15:27,710 --> 00:15:31,500
imsejħa info, li jidher li jkun
ħażna tal-valur tar-ritorn ta 'sejħa

292
00:15:31,500 --> 00:15:34,170
biex google.maps.InfoWindow ġdida.

293
00:15:34,170 --> 00:15:37,835
JavaScript jappoġġja oġġetti li
huma simili ħafna fl-ispirtu li struts.

294
00:15:37,835 --> 00:15:40,250
U dak il-linja għal
għanijiet tagħna qed tagħmel

295
00:15:40,250 --> 00:15:42,820
huwa ħolqien ta 'info ġdida
tieqa fil-memorja u mbagħad

296
00:15:42,820 --> 00:15:46,330
żamma madwar referenza
magħha fi varjabbli msejħa Info.

297
00:15:46,330 --> 00:15:48,330
U fl bejn dawk,
sadanittant, huwa dak li jidher

298
00:15:48,330 --> 00:15:51,060
li jkun JavaScript vojta
firxa imsejħa markers.

299
00:15:51,060 --> 00:15:55,392
Kollha ta 'dawk ikoni gazzetta, jew inti
tista 'tagħżel icon oħra għal kollox,

300
00:15:55,392 --> 00:15:57,350
huma ser jiġi maħżun
finalment f'dan firxa

301
00:15:57,350 --> 00:16:01,570
sabiex inkunu nistgħu faċilment żid għall
il-mappa u tneħħihom mill-mappa.

302
00:16:01,570 --> 00:16:03,990
>> Issa ejja iscroll
ftit u whiz

303
00:16:03,990 --> 00:16:07,690
permezz tal-kodiċi li għaddej biex tkun
esegwiti hekk kif il-DOM jew dokument

304
00:16:07,690 --> 00:16:10,480
mudell oġġett jew il-
Paġna nnifisha hija lesta.

305
00:16:10,480 --> 00:16:12,942
Ifakkar li din l-sintassi
hawn sempliċiment jispeċifika

306
00:16:12,942 --> 00:16:14,900
li l-kodiċi ta 'wara
għandhom jiġu eżegwiti biss

307
00:16:14,900 --> 00:16:17,840
meta l-browser ikun lest
tagħbija kollox.

308
00:16:17,840 --> 00:16:19,750
>> Aħna l-ewwel tiddikjara
mazz sħiħ ta 'stili,

309
00:16:19,750 --> 00:16:22,410
li tispiċċa stylizing
il-mappa bħala kull l-spec.

310
00:16:22,410 --> 00:16:24,790
Aħna mbagħad tiddikjara
mazz sħiħ ta 'għażliet,

311
00:16:24,790 --> 00:16:28,630
li jkompli customize-Google
Mappa li aħna qed dwar li ssodata.

312
00:16:28,630 --> 00:16:32,090
Aħna mbagħad jużaw daqsxejn tal-kodiċi jQuery,
li huwa spjegat fil daqsxejn aktar dettall

313
00:16:32,090 --> 00:16:35,000
fil-spec, li grab
dak l-element, mappa-kanvas

314
00:16:35,000 --> 00:16:36,980
li aħna tant huma identifikati unikament.

315
00:16:36,980 --> 00:16:40,640
U allura din il-linja hawnhekk hija
dak li jidher li magically tagħtina

316
00:16:40,640 --> 00:16:43,560
mappa Google ġewwa tal
applikazzjoni tagħna stess,

317
00:16:43,560 --> 00:16:47,020
jaħżen referenza għaliha
f'dak varjabbli imsejħa mappa.

318
00:16:47,020 --> 00:16:50,550
>> Fl-aħħarnett, stabbiliti hawn aħna jirreġistraw
dak li sejjaħ semmiegħ.

319
00:16:50,550 --> 00:16:54,690
Aħseb mod back--, il-mod
back-- għal żero ġimgħa fil CS50

320
00:16:54,690 --> 00:16:57,430
meta ħarisna lejn scratch u
appoġġ tagħha permezz walk

321
00:16:57,430 --> 00:16:59,935
permezz għal affarijiet imsejħa
avvenimenti u xandiriet.

322
00:16:59,935 --> 00:17:01,810
Inti jista 'ma użaw
it yourself, iżda huwa

323
00:17:01,810 --> 00:17:03,900
mekkaniżmu li bih
browser f'dan il-każ

324
00:17:03,900 --> 00:17:07,940
jistgħu jiksbu l-attenzjoni tagħna meta huwa
lest li attwalment tesegwixxi xi kodiċi.

325
00:17:07,940 --> 00:17:12,170
F'dan il-każ, li għaddej biex jisimgħu
għall-mappa għal avveniment imsejjaħ idle.

326
00:17:12,170 --> 00:17:14,930
Dan ifisser li l-browser għandha
lest tagħbija tal-mappa Google.

327
00:17:14,930 --> 00:17:18,380
Fuq dan il-punt funzjoni msejħa
kkonfigurat għandhom finalment

328
00:17:18,380 --> 00:17:19,339
jiġu esegwiti.

329
00:17:19,339 --> 00:17:22,510
, Dik il-funzjoni kkonfigurat,
Ser naraw, huwa miktub minn us.

330
00:17:22,510 --> 00:17:24,550
>> Issa stabbiliti hawn hija funzjoni
li, sfortunatament,

331
00:17:24,550 --> 00:17:25,871
huwa biss markatur żid Todo.

332
00:17:25,871 --> 00:17:28,620
Per il spec. int ser bżonn
li tikteb il-kodiċi li attwalment

333
00:17:28,620 --> 00:17:32,840
żżid marker-- jekk jidher
bħal gazzetta, jew tindi thumb,

334
00:17:32,840 --> 00:17:35,360
jew xi ħaġa else-- għall-mappa Google.

335
00:17:35,360 --> 00:17:37,720
Hawnhekk issa hija li l-funzjoni
imsejħa kkonfigurat.

336
00:17:37,720 --> 00:17:40,390
I ser tħalli f'idejn lilek biex taqra
permezz ta 'dan f'aktar dettal,

337
00:17:40,390 --> 00:17:42,600
imma tirrealizza li aħna żid
ftit Semmiegħa mazz aktar

338
00:17:42,600 --> 00:17:46,620
sabiex inkunu tista 'tesegwixxi kodiċi meta l-
klikks utent fuq u drags il-mappa.

339
00:17:46,620 --> 00:17:50,730
Għandna wkoll kodiċi fil hawn li
initializes li plugin typeahead

340
00:17:50,730 --> 00:17:53,120
b'tali mod li l-dropdown
menu attwalment xogħlijiet.

341
00:17:53,120 --> 00:17:55,690
>> Imma ejja tiffoka fuq biss
Koppja ta 'postijiet hawnhekk.

342
00:17:55,690 --> 00:17:57,590
Speċifikament, din tagħmel hawn.

343
00:17:57,590 --> 00:18:00,410
I ser tiddifferixxi l-online
dokumentazzjoni u l-ispeċifikazzjoni

344
00:18:00,410 --> 00:18:02,530
għal kif timla din Todo.

345
00:18:02,530 --> 00:18:05,890
Iżda fil-qosor, din il-librerija
typeahead tippermetti li inti tgħaddi

346
00:18:05,890 --> 00:18:09,790
fil x'hemm ġeneralment magħrufa bħala mudell,
li għandu xi placeholders varjabbli

347
00:18:09,790 --> 00:18:13,690
simili ħafna fl-ispirtu li printf ta%. * i.

348
00:18:13,690 --> 00:18:16,030
Iżda f'dan il-każ, il-
template kull l-spec

349
00:18:16,030 --> 00:18:18,760
jippermettilek li tispeċifika
dak varjabbli li trid

350
00:18:18,760 --> 00:18:24,880
tinjetta minn data thats ġejjin
lura minn xi ħaġa bħall-PHP

351
00:18:24,880 --> 00:18:29,810
fajls li inti stajt bil-miktub
li huma jarmu output JSON.

352
00:18:29,810 --> 00:18:35,170
>> Issa stabbiliti hawn tirrealizza li aħna
jisimgħu għall selezzjonijiet typeahead

353
00:18:35,170 --> 00:18:38,050
meta l-utent fil-fatt tmexxi
a tiftix u jagħżel valur.

354
00:18:38,050 --> 00:18:40,270
Dan huwa kif aħna qed attwalment
ser jisimgħu għal dak

355
00:18:40,270 --> 00:18:42,250
u tesegwixxi xi kodiċi bħala riżultat.

356
00:18:42,250 --> 00:18:45,300
Imbagħad aħna nkomplu kkonfigurat
l-mashup biss ftit.

357
00:18:45,300 --> 00:18:48,000
U, finalment, nagħmlu sejħa
dan l-aġġornament il-funzjoni.

358
00:18:48,000 --> 00:18:49,640
Huwa jaġġorna l-markaturi fuq l-iskrin.

359
00:18:49,640 --> 00:18:51,529
Aktar dwar dan fi ftit mument.

360
00:18:51,529 --> 00:18:53,570
Sadanittant, hemm ftit
funzjonijiet żgħar fil hawn.

361
00:18:53,570 --> 00:18:56,820
Li waħda minnhom hija hideInfo li
sempliċiment jagħlaq il-InfoWindow.

362
00:18:56,820 --> 00:19:00,020
Funzjoni oħra hawnhekk, li finalment
Mhux se jkun twil wisq, neħħi markers.

363
00:19:00,020 --> 00:19:03,580
Li għaddej biex teqred dak kollu
żid funzjoni markatur tiegħek ma.

364
00:19:03,580 --> 00:19:04,960
U allura l isfel hawnhekk hija search.

365
00:19:04,960 --> 00:19:08,610
U dan huwa wieħed interessanti għaliex aħna
kitbu l-kodiċi JavaScript thats

366
00:19:08,610 --> 00:19:13,490
ser jitkellmu mal search.php fuq il-
server u terġa 'lura xi reazzjoni.

367
00:19:13,490 --> 00:19:16,110
>> You, naturalment, xorta se
jeħtieġ li jimplimentaw search.php,

368
00:19:16,110 --> 00:19:18,310
imma konna implimentati l
JavaScript kodiċi li s

369
00:19:18,310 --> 00:19:22,480
ser jimmaniġġaw fatt twettaq
tfittxijiet minn dik kaxxa ta 'test.

370
00:19:22,480 --> 00:19:25,340
B'mod partikolari, l-avviż
li din il-funzjoni hawnhekk,

371
00:19:25,340 --> 00:19:29,160
tfittxija, ma sejħa search.php
permezz ta 'metodu msejjaħ

372
00:19:29,160 --> 00:19:31,072
nikseb JSON, li rajna fil lecture.

373
00:19:31,072 --> 00:19:32,780
U l-sintassi hawn
huwa xi ftit differenti

374
00:19:32,780 --> 00:19:37,110
minn lecture li aħna qed tuża
jQuery hekk imsejħa interface wegħda.

375
00:19:37,110 --> 00:19:38,479
Aktar dwar dan fil-spec.

376
00:19:38,479 --> 00:19:40,520
Dan sempliċiment ifisser għall tagħna
skopijiet issa li hemm

377
00:19:40,520 --> 00:19:43,870
huma żewġ funzjonijiet speċjali we
bżonn iċċempel ma dot notazzjoni

378
00:19:43,870 --> 00:19:46,230
hawn immedjatament wara li ssejjaħ tikseb JSON.

379
00:19:46,230 --> 00:19:47,510
Wieħed huwa msejjaħ jsir.

380
00:19:47,510 --> 00:19:49,870
Wieħed huwa msejjaħ jonqsu.

381
00:19:49,870 --> 00:19:51,790
Inti tista 'taħseb li dawn
bħala l-handler suċċess

382
00:19:51,790 --> 00:19:54,960
u l-handler falliment biss
fil-każ xi ħaġa tmur ħażin.

383
00:19:54,960 --> 00:19:57,760
>> Issa ejja nħarsu lejn l-aħħar
Koppja ta 'funzjonijiet fil dan il-fajl.

384
00:19:57,760 --> 00:20:00,180
Down hawn hija funzjoni
imsejħa showInfo, li

385
00:20:00,180 --> 00:20:03,090
turi info f'wieħed minn dawk
twieqi info ftit li

386
00:20:03,090 --> 00:20:05,380
pops up meta l-utent klikks markatur.

387
00:20:05,380 --> 00:20:08,470
Down hawn ulterjuri huwa
dik il-funzjoni aġġornament

388
00:20:08,470 --> 00:20:10,510
li aħna għandna implimentati għalik.

389
00:20:10,510 --> 00:20:15,250
Hija tiddetermina l-limiti ta 'l-mappa.

390
00:20:15,250 --> 00:20:19,360
X'inhuma l-GPS koordinati ta taghha
grigal u l-kantunieri lbiċ hawn.

391
00:20:19,360 --> 00:20:22,780
Imxejna ippreparata xi parametri HDP
hawn u mbagħad mgħoddija lilhom finalment

392
00:20:22,780 --> 00:20:26,160
li update.php, li aħna ħadthom
implimentata wkoll għalik.

393
00:20:26,160 --> 00:20:31,390
Li finalment gets lura xi JSON
mill-fajl imsejħa update.php

394
00:20:31,390 --> 00:20:34,050
u imbagħad ineħħi kwalunkwe
markaturi fuq l-iskrin

395
00:20:34,050 --> 00:20:36,650
u mbagħad itenni fuq
id-data thats terga 'lura

396
00:20:36,650 --> 00:20:40,350
minn update.php, li
għal darb'oħra huwa biss firxa JSON.

397
00:20:40,350 --> 00:20:45,130
U allura finalment żżid markatur għall
kull waħda minn dawk il-postijiet, it-tqandil falliment

398
00:20:45,130 --> 00:20:47,750
jew żbalji li jista 'tajjeb ħafna jiġri.

399
00:20:47,750 --> 00:20:51,550
>> Issa biss biex jagħtuk togħma ta 'kif inti
jista 'jmur dwar debugging dan il-proġett,

400
00:20:51,550 --> 00:20:55,420
jirrealizzaw li stajt miftuħa fl
avvanz din tab hawn biex dan il-URL,

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

402
00:21:01,320 --> 00:21:04,050
Issa, għal darb'oħra, artikli dwar
PHP aħna implimentati għalik

403
00:21:04,050 --> 00:21:06,320
għalhekk dan mhux daqshekk
dak li inti ser tkun qed tuża

404
00:21:06,320 --> 00:21:08,190
biex debug, iżda pjuttost it-teknika.

405
00:21:08,190 --> 00:21:10,590
Avviż li stajt mfittxija għall
Kodiċi zip Cambridge ta here,

406
00:21:10,590 --> 00:21:15,260
u stajt gotten lura, tabilħaqq, JSON
firxa ta 'JSON oġġetti ġewwa li minnhom

407
00:21:15,260 --> 00:21:17,640
huma tnejn link keys-- u titolu.

408
00:21:17,640 --> 00:21:19,860
>> Allura din il-funzjonalità
xogħlijiet diġà għalik.

409
00:21:19,860 --> 00:21:24,330
Iżda din it-teknika ta manwalment għaddej
lil URL bħal dan għal xi ħaġa bħal

410
00:21:24,330 --> 00:21:31,710
search.php? ġeo = Cambridge jew 02138 jew
ikun x'ikun l-utent ikun ittajpjat fil ghandhom

411
00:21:31,710 --> 00:21:35,770
jipprova imprezzabbli kif inti, lilek innifsek, ipprova
biex insemmu eżattament jekk jew għaliex

412
00:21:35,770 --> 00:21:38,510
search.php qed taħdem jew le.

413
00:21:38,510 --> 00:21:41,720
>> Fl-aħħarnett allura, inti għandek
a todos ftit qabel int.

414
00:21:41,720 --> 00:21:44,250
Inti qed tmur biex l-ewwel implimenti
li iskrittura importazzjoni li

415
00:21:44,250 --> 00:21:46,520
jaqra fil us.text fis-database tiegħek.

416
00:21:46,520 --> 00:21:48,760
Inti mbagħad ser bżonn
biex jimplimentaw search.php

417
00:21:48,760 --> 00:21:51,320
b'tali mod li iġib ruħu eżattament kif speċifikat.

418
00:21:51,320 --> 00:21:54,170
Inti mbagħad tmur jridu
li tiffoka fuq scripts.js

419
00:21:54,170 --> 00:21:57,520
u finalment timplimenta
dawk koppja ta 'Todos,

420
00:21:57,520 --> 00:21:59,950
inkluż għall kkonfigurat
u li template,

421
00:21:59,950 --> 00:22:03,220
żid markaturi, neħħi markers, u
imbagħad aħħar, iżda mhux l-inqas, waħda

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

423
00:22:04,330 --> 00:22:07,477
>> Ladarba inti tkun ħidma mashup tiegħek
pjuttost bħal tagħna, l-għan fil-idejn

424
00:22:07,477 --> 00:22:09,560
hija għalik li żżid personali
touch biex mashup tiegħek,

425
00:22:09,560 --> 00:22:11,290
jekk huwa estetiċi jew funzjonali.

426
00:22:11,290 --> 00:22:13,950
Ħu l-mashup dejjem hekk
kemmxejn lejn il-livell li jmiss.

427
00:22:13,950 --> 00:22:18,330
Sakemm inti timbotta lilek innifsek lil hinn
familjarità tiegħek mal-spec innifsu

428
00:22:18,330 --> 00:22:20,840
u pick up waħda teknika
ġdid, anki jekk huwa biss

429
00:22:20,840 --> 00:22:25,610
xi ħaġa estetiċi bħal tibdil l-
tqassim tal-mappa li inti qed tuża,

430
00:22:25,610 --> 00:22:28,070
l-ambitu li aħna nistennew
tkun sodisfatt.

431
00:22:28,070 --> 00:22:30,260
Dan allura huwa problema Set 8 Mashup.

432
00:22:30,260 --> 00:22:33,070
Soġġorn sintonizzat għal aktar fit-
ispeċifikazzjoni u aħjar ta 'xortih

433
00:22:33,070 --> 00:22:36,400
indirizzar dan, l-aħħar tiegħek
Problema CS50 sett qatt.

434
00:22:36,400 --> 00:22:39,750
>> [Daqq ta mużika]

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