1
00:00:00,000 --> 00:00:09,870

2
00:00:09,870 --> 00:00:13,360
>> ZAMYLA CHAN: Nu, jen ni,
la lasta p-aro en CS50.

3
00:00:13,360 --> 00:00:17,040
Gratulas vin de devi
veni ĝis nun ekde via unua Saluton

4
00:00:17,040 --> 00:00:20,090
Mondoj kaj Presado Supren
Piramidoj por Mario.

5
00:00:20,090 --> 00:00:21,930
Vi faris retejon pasintsemajne.

6
00:00:21,930 --> 00:00:25,110
Kaj ni tuj devas fari alian
tiun semajnon, kiu permesas al vi

7
00:00:25,110 --> 00:00:28,570
drive ĉirkaŭ la Harvard kampuso, pluki
supren CS50 stabanojn kaj

8
00:00:28,570 --> 00:00:31,910
portante ilin al iliaj
residenciales domoj.

9
00:00:31,910 --> 00:00:35,400
>> Nun, pasintsemajne ni laboris en PHP,
servanto flanko lingvo.

10
00:00:35,400 --> 00:00:38,250
Por ĉi p-aro, ni ekuzi enkondukis
al JavaScript, kiu estas

11
00:00:38,250 --> 00:00:40,610
kliento flanko lingvo.

12
00:00:40,610 --> 00:00:44,020
Do ni rigardu kelkajn el la
dissendo kodo kiu estas provizita al

13
00:00:44,020 --> 00:00:46,210
vin pro ĉi p-aro.

14
00:00:46,210 --> 00:00:49,700
En la Javascript dosierujo, okazos
esti faskon da JavaScript-dosierojn.

15
00:00:49,700 --> 00:00:53,600
>> Ekzistas buildings.js, kiu enhavas
tabelo de konstruaĵoj ĉirkaŭ Harvard

16
00:00:53,600 --> 00:00:57,340
kampuso kun iliaj informoj
kaj pozicio.

17
00:00:57,340 --> 00:01:01,630
Houses.js estas tabelo de Harvard
residenciales domoj kun siaj

18
00:01:01,630 --> 00:01:04,030
latitudoj kaj longitudoj.

19
00:01:04,030 --> 00:01:08,600
Passengers.js enhavas tabelo de
pasaĝeroj, la CS50 stabanojn

20
00:01:08,600 --> 00:01:11,640
ke vi estos revenigo al
iliaj domoj residenciales.

21
00:01:11,640 --> 00:01:16,450
>> Math3D.js, kiu enhavas multajn
funkcioj por fari kun la movado.

22
00:01:16,450 --> 00:01:19,500
Se vi estas matematike intencis, tiam
Mi bonvenigas vin rigardu.

23
00:01:19,500 --> 00:01:23,530
Sed vi ne bezonas kompreni
ĉio en ekzistas.

24
00:01:23,530 --> 00:01:26,710
Shuttle.js, kiu traktas
la Shuttle movado.

25
00:01:26,710 --> 00:01:31,450
Kaj index.html estas la hejmpaĝo kie
ĉio okazas, vere, kie la

26
00:01:31,450 --> 00:01:33,610
uzanto interagas kun la ejo.

27
00:01:33,610 --> 00:01:39,110
>> Service.css estas la CSS-stilon folion,
kiu aldone al la Twitter

28
00:01:39,110 --> 00:01:43,960
Bootstrap Biblioteko, komandoj
kiom index.html rigardojn.

29
00:01:43,960 --> 00:01:48,190
Kaj tiam ni havas ankaŭ service.js, kiuj
enhavas servo funkcioj por

30
00:01:48,190 --> 00:01:49,010
la pramo.

31
00:01:49,010 --> 00:01:53,010
Kaj ĉi tie estas kie vi estas iranta esti
enspacanta en kelkaj el la por-do-aj jaroj.

32
00:01:53,010 --> 00:01:56,600
>> Nun ni rigardu celoj kaj
asocieca arrays en JavaScript,

33
00:01:56,600 --> 00:01:59,360
kiuj, por ĉiuj celoj,
estas interŝanĝeblaj.

34
00:01:59,360 --> 00:02:03,030
Se mi volis fari objekton variablo
nomata kiel sceptron, mi estus

35
00:02:03,030 --> 00:02:04,290
deklari ĝin.

36
00:02:04,290 --> 00:02:09,350
Kaj ene de tiuj buklaj krampoj, mi volus
specifi, la kerno estas bubalo, la ligno

37
00:02:09,350 --> 00:02:12,710
Estas ĉerizo, kaj gxia longo estas 13.

38
00:02:12,710 --> 00:02:16,370
>> Nun, mi povas ankaŭ aliri valoroj
de objektoj uzante

39
00:02:16,370 --> 00:02:18,270
asocieca tabelo skribmaniero.

40
00:02:18,270 --> 00:02:22,610
Do sceptron indekso kerno, mi povas agordi
ke egalas unukornulo, aŭ

41
00:02:22,610 --> 00:02:24,710
kontroli, ke se mi bezonas.

42
00:02:24,710 --> 00:02:28,890
Aŭ mi povas uzi la skalara operatoro
wand.wood egalas ĉerizo, kaj

43
00:02:28,890 --> 00:02:30,280
tiel plu kaj tiel plu.

44
00:02:30,280 --> 00:02:33,930
Do vi vidas, ke asociaj tabeloj kaj
objektoj en JavaScript tuj estos

45
00:02:33,930 --> 00:02:37,710
interŝanĝeblaj, kaj volo
veni en tute oportuna.

46
00:02:37,710 --> 00:02:41,570
>> Poste ni vidos tabelo de konstruaĵoj
en buildings.js,

47
00:02:41,570 --> 00:02:43,870
denove, tabelo de objektoj.

48
00:02:43,870 --> 00:02:48,500
Se mi volis fari tabelo de la plej bonaj
konstruaĵoj en Harvard universitato, tiam

49
00:02:48,500 --> 00:02:49,710
Mi farus ĝin kiel sekvas.

50
00:02:49,710 --> 00:02:55,250
Uzante ĉi objekto skribmaniero, kie
Mi stoki la radiko, nomo, adreso,

51
00:02:55,250 --> 00:03:00,260
latitudo kaj longitudo por ĉiu
sola konstruaĵo objekto.

52
00:03:00,260 --> 00:03:02,930
>> Ni rapide paroli pri variabloj
en JavaScript.

53
00:03:02,930 --> 00:03:07,760
Kiel PHP, JavaScript variabloj
estas malforte aŭ lakse tajpita.

54
00:03:07,760 --> 00:03:14,120
Krei lokan variablon, vi prefikso
la nomo de la variablo kun V-A-R, var.

55
00:03:14,120 --> 00:03:17,010
Nun, en JavaScript, funkcioj volo
limigi la atingon de variabloj.

56
00:03:17,010 --> 00:03:20,600
Do se vi havas lokan variablon ene
funkcio, tiam aliaj funkcioj

57
00:03:20,600 --> 00:03:22,060
ne povas aliri gxin.

58
00:03:22,060 --> 00:03:26,090
>> Sed kontraste C, maŝojn kaj kondiĉoj ne
limigi la atingon de variablo.

59
00:03:26,090 --> 00:03:30,600
Do eĉ se vi divenos gxin interne de
kondiĉo, la tuta funkcio

60
00:03:30,600 --> 00:03:32,810
havas aliron al gxi.

61
00:03:32,810 --> 00:03:35,820
Nun, sen var, la variablo
estos tutmonda.

62
00:03:35,820 --> 00:03:39,170
Do, se vi simple deklarus la nomon kaj
atribui valoron, do, ke variablo

63
00:03:39,170 --> 00:03:41,900
Estos globala variablo
en JavaScript.

64
00:03:41,900 --> 00:03:48,480
>> Nun, en domojn, ni havas asocieca
tabelo de gastiganto tipo celoj, kie

65
00:03:48,480 --> 00:03:52,100
cxiu domo estas nur latitudo
kaj longitudo.

66
00:03:52,100 --> 00:03:55,140
Tiam ni havas la pasaĝeroj
tabelo, kiu estas tabelo

67
00:03:55,140 --> 00:03:57,370
de objekto tipo pasaĝero.

68
00:03:57,370 --> 00:04:01,620
Do ĉiu pasaĝero havas uzanto
nomo, nomo, kaj domon.

69
00:04:01,620 --> 00:04:04,840
>> Rimarku, ke mi estas diranta de tipo
pasaĝero, kiu vere simple signifas

70
00:04:04,840 --> 00:04:08,150
ke ĉiu objekto havas la
sama klavo valoro paroj.

71
00:04:08,150 --> 00:04:12,830
Do ĉiu objekto de tipo pasaĝero havas
nomo de uzanto, nomo, kaj domon.

72
00:04:12,830 --> 00:04:14,850
Do kion ni bezonas
faru por la p-aro?

73
00:04:14,850 --> 00:04:20,779
Nu, ni bezonas por permesi al la uzantoj pick
supren stabanojn montri ĉiujn

74
00:04:20,779 --> 00:04:25,080
la stabanojn, kiuj estas nuntempe en
nia pramo, kaj por faligi ilin.

75
00:04:25,080 --> 00:04:29,395
Kaj tiam ni devos ankaŭ paroli pri ekstra
trajtoj kiuj povas esti efektivigita por

76
00:04:29,395 --> 00:04:30,980
la Shuttle p-aro.

77
00:04:30,980 --> 00:04:33,610
>> Sed ni parolu pri briketoj unue.

78
00:04:33,610 --> 00:04:37,480
La vizaĝoj de CS50 personaro estis
plantita ĉie kampuso, kie ĉiu

79
00:04:37,480 --> 00:04:41,750
vizaĝo implementado kiel loko markon
pri la 3D Tero, kaj kiel

80
00:04:41,750 --> 00:04:44,020
markilo en la 2D mapo.

81
00:04:44,020 --> 00:04:47,880
Do kiam la uzanto alklakas la Pickup
butono, ni volas aldoni proksima

82
00:04:47,880 --> 00:04:49,590
pasaĝeroj al la pramo.

83
00:04:49,590 --> 00:04:53,650
Kaj ni ankaŭ volas forigi ilian lokon
marki de la mondo kaj forigu ilian

84
00:04:53,650 --> 00:04:58,060
markilo de la mapo, indikante ke
ili estas en nia pramo nun.

85
00:04:58,060 --> 00:05:02,520
>> Do kiel fari ni detekti se pasaĝeroj
estas la atingo de nia pramo?

86
00:05:02,520 --> 00:05:06,670
Nu, la funkcio distanco, tiel
shuttle.distance, pasante en la

87
00:05:06,670 --> 00:05:10,630
latitudo kaj longitudo, estos kalkuli
la distancon de la aktuala pozicio

88
00:05:10,630 --> 00:05:14,220
de la pramo al la punkto, ke
vi specifas kun tiu donita

89
00:05:14,220 --> 00:05:15,860
latitudo kaj longitudo.

90
00:05:15,860 --> 00:05:19,180
Do vi povas uzi tion por kalkuli la
distanco de la pramo al la

91
00:05:19,180 --> 00:05:20,310
pasaĝeroj.

92
00:05:20,310 --> 00:05:24,040
>> Sed kiel vi scias kie
la pasaĝeroj estas?

93
00:05:24,040 --> 00:05:27,510
Nu, tio estas kie ni devos
redaktu la popoli funkcio.

94
00:05:27,510 --> 00:05:32,500
Popoli lokoj ĉiuj stabanojn
en la pasaĝeroj en la mondon

95
00:05:32,500 --> 00:05:36,300
kaj en la mapo, sed ne
stoki ilia situo.

96
00:05:36,300 --> 00:05:39,850
Do eble vi povas stoki iliaj
meti kadroj kaj markiloj

97
00:05:39,850 --> 00:05:41,570
en iu tutmonda tabelo.

98
00:05:41,570 --> 00:05:45,780
>> Nu, tie jam estas tutmonda tabelo
stokante informoj el pasaĝeroj.

99
00:05:45,780 --> 00:05:49,960
La pasaĝeroj tabelo tendencas ĉiu
pasaĝero nomo kaj ilia domo.

100
00:05:49,960 --> 00:05:54,985
Do eble vi povas aldoni kelkajn parametroj
tie por la pasaĝero celoj.

101
00:05:54,985 --> 00:05:58,150
>> Por helpi nin detekti ĉiuj la pasaĝeroj
atingo de nia

102
00:05:58,150 --> 00:06:02,485
pramo, ni buklo tra ĉiuj la
pasaĝeroj en la pasaĝeroj tabelo.

103
00:06:02,485 --> 00:06:07,790
A por buklo en JavaScript povus rigardi
io tiamaniere, tre similaj al

104
00:06:07,790 --> 00:06:13,200
tiujn por masxojn en C. Aŭ ni povas uzi
alternativo por buklo strukturo, por

105
00:06:13,200 --> 00:06:18,680
var i en tabelo, kie mi ankoraŭ estos
la indekso, sed vi ne bezonas

106
00:06:18,680 --> 00:06:23,310
specifi la array.length
kondiĉo kaj mi + +.

107
00:06:23,310 --> 00:06:26,130
>> Ĉiu pasaĝero La situo estas
donita per ilia loko markon.

108
00:06:26,130 --> 00:06:29,800
Sed la loko markon ne estas la
latitudo kaj longitudo.

109
00:06:29,800 --> 00:06:34,170
Ni devas aliri tiujn parametrojn per
atingi la geometrio, uzante get

110
00:06:34,170 --> 00:06:38,180
geometrio sur la loko, marko, kaj tiam
iam ni havos la geometrio, atingante

111
00:06:38,180 --> 00:06:42,580
ĉu la latitudo aŭ la longitudo
uzante tiujn funkciojn.

112
00:06:42,580 --> 00:06:45,680
>> Do nun ni scias kiel detekti cxu
pasaĝeroj estas ene

113
00:06:45,680 --> 00:06:47,920
gamo de nia pramo.

114
00:06:47,920 --> 00:06:52,050
Iam ni havis tiujn pasaĝeroj, ni
volas aldoni ajnan pasaĝerojn, kiuj estas

115
00:06:52,050 --> 00:06:53,140
ene de tiu gamo.

116
00:06:53,140 --> 00:06:57,580
Ni volas ilin permesas hop en kaj prenu
sidlokon sur nia pramo, sed nur

117
00:06:57,580 --> 00:06:59,630
se ni havas sufiĉan spacon al ili.

118
00:06:59,630 --> 00:07:04,120
>> La shuttle.seats tabelo indikos
ĉu sidejoj estas malplena, aŭ

119
00:07:04,120 --> 00:07:05,890
kiuj kuŝas en tiu seĝo.

120
00:07:05,890 --> 00:07:11,160
Do se sidlokon estas malplena, tiam
ke segxo estos nula.

121
00:07:11,160 --> 00:07:15,930
Do ankaŭ persisti super la seĝojn tabelo,
kontrolanta por malplenaj benkoj, stokante

122
00:07:15,930 --> 00:07:20,020
pasaĝeroj en tiuj seĝoj ĝis vi
ne havas plu malplenaj seĝoj.

123
00:07:20,020 --> 00:07:23,330
Kaj bedaŭrinde, neniu alia pasaĝeroj
devos atendi la

124
00:07:23,330 --> 00:07:26,000
venontfoje la pramo venas malsupren.

125
00:07:26,000 --> 00:07:30,280
>> Iam ili ricevas en la pramo, ni volas
por forigi ilian lokon markon, kiu

126
00:07:30,280 --> 00:07:32,580
estas ilia foto en la 3D mondo.

127
00:07:32,580 --> 00:07:38,030
Se mi volis forigi lokon markon p,
tiam mi akirus ĉiuj el la trajtoj

128
00:07:38,030 --> 00:07:42,820
el mia tero, de la Google Earth,
kaj tiam forigi tiu specifa loko

129
00:07:42,820 --> 00:07:45,910
marki uzanta la removeChild funkcio.

130
00:07:45,910 --> 00:07:51,360
Tiam laste, ni forigu la markilo,
la ikono sur la 2D mapo, por iu ajn

131
00:07:51,360 --> 00:07:53,650
pasaĝero ke ni reprenis.

132
00:07:53,650 --> 00:07:59,790
>> Por forigi markilo m, tiam Mi timige
nur ekzekuti m.setMap nula.

133
00:07:59,790 --> 00:08:03,670
Faru tion por ajna pasaĝeroj ene gamo,
kaj vi jam finis briketoj.

134
00:08:03,670 --> 00:08:07,890
La abako funkcio devus vidigi la tutan
de la pasaĝeroj, kiuj estas en via

135
00:08:07,890 --> 00:08:11,000
pramo, kaj malplenaj segxo se malplenaj.

136
00:08:11,000 --> 00:08:14,420
Do abako devas persisti super
shuttle.seats, montranta la

137
00:08:14,420 --> 00:08:21,350
pasaĝero informon por ĉiu indekso,
kaj malplena sidloko se tiu indekso estas nula.

138
00:08:21,350 --> 00:08:26,160
>> Nun se HTML teksto estas metitaj ene de
Javascript variablo, do per uzo

139
00:08:26,160 --> 00:08:31,950
document.getElementByID, abako tedaĵo
redaktu la interna HTML de tiu donita

140
00:08:31,950 --> 00:08:36,140
elemento atribuante la
HTML-teksto al la

141
00:08:36,140 --> 00:08:40,840
document.getElementByID ena HTML variablo.

142
00:08:40,840 --> 00:08:46,180
Kiam la uzantoj klaku la Guto Off butono
en index.html, gxi vokos la

143
00:08:46,180 --> 00:08:47,160
dropoff funkcio.

144
00:08:47,160 --> 00:08:49,510
Kaj ĝi estas nia tasko apliki tion.

145
00:08:49,510 --> 00:08:54,150
>> En dropoff, ni volas forigi ajnan
pasaĝeroj el la pramo nur se

146
00:08:54,150 --> 00:08:58,740
ni estas en rango de ilia destino,
ilia residenciales domo.

147
00:08:58,740 --> 00:09:03,300
Do dropoff devos kontroli, ĉu
la pramo estas en rango de iu el la

148
00:09:03,300 --> 00:09:08,200
domojn, kaj forigi ajnan bezonataj
pasaĝeroj el la pramo.

149
00:09:08,200 --> 00:09:11,020
Do kiel fari ni kontrolu ĉu ni estas
en gamo de ajna domoj?

150
00:09:11,020 --> 00:09:16,630
Nu, plue, ni devos fari uzon de la
shuttle.distance funkcion, pasante en

151
00:09:16,630 --> 00:09:20,990
la latitudo kaj longitudo de la punkto
kiuj ni estas kontrolanta kontraŭ.

152
00:09:20,990 --> 00:09:22,730
>> Sed kio estas tiuj punktoj?

153
00:09:22,730 --> 00:09:27,210
Nu, la domoj tabelo, se vi memoras
en houses.js, stokas la

154
00:09:27,210 --> 00:09:32,790
latitudo kaj longitudo de ĉiu domo en
asocieca tabelo, kie ĉiu

155
00:09:32,790 --> 00:09:35,980
indekso estas la nomo de tiu domo.

156
00:09:35,980 --> 00:09:37,590
Tiam forigi pasaĝeroj -

157
00:09:37,590 --> 00:09:41,820
bone, nur se ni estos en rango de ilia
domo, kiun ili volas iri.

158
00:09:41,820 --> 00:09:46,380
Do denove, memoru, ke la pasaĝeroj
stokas la domo, kiun ĉiu pasaĝero

159
00:09:46,380 --> 00:09:48,850
volas iri al.

160
00:09:48,850 --> 00:09:51,670
Se ili estas atingo de siaj
domo, tiam ni devos forigi ke

161
00:09:51,670 --> 00:09:57,200
pasaĝero el shuttle.seats kaj aro
lia pozicio en la tabelo por nula.

162
00:09:57,200 --> 00:10:00,220
>> Nun ni parolu pri iuj ekstrajn funkciojn
kiu povas esti realigita en

163
00:10:00,220 --> 00:10:02,690
la CS50 Pramo p-aro.

164
00:10:02,690 --> 00:10:05,850
Tie estas punkto sistemo per kiu
vi konservi trako de kiom

165
00:10:05,850 --> 00:10:07,520
antaŭ uzanto havas.

166
00:10:07,520 --> 00:10:11,120
Por ekdormis pasaĝeroj
sukcese, ili povas akiri punktojn.

167
00:10:11,120 --> 00:10:15,100
Sed por provi faligi ekstere pasaĝeroj
kie ne estas iu ajn domo proksima,

168
00:10:15,100 --> 00:10:16,980
bone, ili povas akiri punita pro tio.

169
00:10:16,980 --> 00:10:21,790
Do eble vi volas konservi spuron de
La punktoj en globala variablo.

170
00:10:21,790 --> 00:10:25,970
>> Vi povas apliki eble timer, kie
La uzanto havas certan kvanton de

171
00:10:25,970 --> 00:10:29,800
tempon por repreni kaj malfiksi suferintojn
iu numero de pasaĝeroj.

172
00:10:29,800 --> 00:10:33,280
Eble eĉ integri tiun
kun la punkto sistemo.

173
00:10:33,280 --> 00:10:39,970
Aux vi povas redakti Chart tiaj ke
pasaĝeroj estas ordo por domo.

174
00:10:39,970 --> 00:10:45,250
Por ke probable estus speco
funkcii al shuttle.seats.

175
00:10:45,250 --> 00:10:49,240
>> Vi povas apliki fluganta trajto,
kie, se la uzulo enigas la Konami

176
00:10:49,240 --> 00:10:53,460
kodo, tiam la pramo levas super la
teron kaj la pramo povas flugi.

177
00:10:53,460 --> 00:10:58,890
Sed por sekura guto for, pli bone fari
la pramo surteriĝi lia radoj sur la

178
00:10:58,890 --> 00:11:00,700
mueladis unue.

179
00:11:00,700 --> 00:11:05,910
Vi povas ankaŭ apliki teletransportación,
kie vi faras falmenuo de

180
00:11:05,910 --> 00:11:08,380
konstruaĵoj en index.html.

181
00:11:08,380 --> 00:11:12,270
Kaj selektante unu el tiuj, la
uzanto estos transportitaj al

182
00:11:12,270 --> 00:11:14,220
ke konstruaĵo surterene.

183
00:11:14,220 --> 00:11:16,760
OK, kvankam, vojaĝi tra
la muroj de iu

184
00:11:16,760 --> 00:11:19,290
konstruaĵoj sur via vojo.

185
00:11:19,290 --> 00:11:22,960
>> Vi povas ankaŭ ŝanĝi la rapidecon de la
pramo, permesante al la uzanto por pliigi

186
00:11:22,960 --> 00:11:25,490
aŭ malpliigi la rapidon.

187
00:11:25,490 --> 00:11:28,840
Eble vi volas globala variablo por
sekvigi kiom brulaĵon la

188
00:11:28,840 --> 00:11:31,520
pramo havas, malkreskanta
kiel vi iru kune.

189
00:11:31,520 --> 00:11:35,860
Unufoje vi batis nulo, kvankam, la pramo
ne povos movi krom se vi havas

190
00:11:35,860 --> 00:11:40,610
reprovizis, eble uzante butonon, aŭ
eĉ fari viajn proprajn benzinstacio.

191
00:11:40,610 --> 00:11:43,240
>> Sed tio certe ne estas
ĝisfunda listo.

192
00:11:43,240 --> 00:11:46,340
Kontrolu la specifo por plena
listo, aŭ eble proponi

193
00:11:46,340 --> 00:11:47,840
viajn proprajn al via TF.

194
00:11:47,840 --> 00:11:48,950
La ĉielo estas la limo.

195
00:11:48,950 --> 00:11:53,110
Ĉi tiu estas via lasta CS50 p-aro,
tiom amuziĝi per ĝi.

196
00:11:53,110 --> 00:11:56,360
Tio estis CS50 Shuttle.

197
00:11:56,360 --> 00:11:59,230
>> Mi devas diri, jam pasis plezuro
farante tiujn por vi kun la

198
00:11:59,230 --> 00:12:00,400
produktado teamo.

199
00:12:00,400 --> 00:12:04,330
Kaj mi esperas, ke vi havas
ĝui ilin, tiel.

200
00:12:04,330 --> 00:12:06,040
Mia nomo estas Zamyla.

201
00:12:06,040 --> 00:12:08,310
Kaj tio estis CS50.

202
00:12:08,310 --> 00:12:16,363