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

2
00:00:09,870 --> 00:00:13,360
>> ZAMYLA CHAN: No, tukaj smo,
zadnja-p določene v CS50.

3
00:00:13,360 --> 00:00:17,040
Sami čestitam iz ob
prišli tako daleč od svojega prvega Hello

4
00:00:17,040 --> 00:00:20,090
Svetove in tiskanje Up
Piramide za Mario.

5
00:00:20,090 --> 00:00:21,930
Ste naredili spletno stran, prejšnji teden.

6
00:00:21,930 --> 00:00:25,110
In gremo se, da bi še enega
ta teden, tisti, ki vam omogoča, da

7
00:00:25,110 --> 00:00:28,570
voziti okoli harvardski univerzi, nabiranje
do članov osebja CS50 in

8
00:00:28,570 --> 00:00:31,910
jih prinaša nazaj v njihovo
stanovanjske hiše.

9
00:00:31,910 --> 00:00:35,400
>> Zdaj, prejšnji teden smo delali v PHP,
side jezik strežnika.

10
00:00:35,400 --> 00:00:38,250
Za ta p-set, se bova uvedli
za JavaScript, ki je

11
00:00:38,250 --> 00:00:40,610
Stranka side jezik.

12
00:00:40,610 --> 00:00:44,020
Tako da je lahko pogled na nekatere
distribucija kodo, ki je predvideno za

13
00:00:44,020 --> 00:00:46,210
ste za to p-set.

14
00:00:46,210 --> 00:00:49,700
V mapi JavaScript, da bo
je kup JavaScript datotek.

15
00:00:49,700 --> 00:00:53,600
>> Tam je buildings.js, ki vsebuje
Niz stavb okoli Harvardu

16
00:00:53,600 --> 00:00:57,340
kampus s svojimi informacijami
in položaj.

17
00:00:57,340 --> 00:01:01,630
Houses.js je niz Harvardu
stanovanjske hiše z njihovimi

18
00:01:01,630 --> 00:01:04,030
zemljepisne širine in dolžine.

19
00:01:04,030 --> 00:01:08,600
Passengers.js vsebuje niz
potniki, člani osebja CS50

20
00:01:08,600 --> 00:01:11,640
da boste prinaša nazaj
njihove stanovanjske hiše.

21
00:01:11,640 --> 00:01:16,450
>> Math3D.js, ki vsebuje veliko
funkcije, da ima opravka z gibanjem.

22
00:01:16,450 --> 00:01:19,500
Če ste matematično misleče, potem
Pozdravljam vas, da si ogledate.

23
00:01:19,500 --> 00:01:23,530
Vendar vam ni treba razumeti
vse, kar je tam notri.

24
00:01:23,530 --> 00:01:26,710
Shuttle.js, ki se ukvarja z
Gibanje raketoplana je.

25
00:01:26,710 --> 00:01:31,450
In index.html je domača stran, kjer
vse, kar se dogaja, res, kjer

26
00:01:31,450 --> 00:01:33,610
Uporabnik je v interakciji s pomočjo spletne strani.

27
00:01:33,610 --> 00:01:39,110
>> Service.css je CSS slogi,
ki poleg Twitter

28
00:01:39,110 --> 00:01:43,960
Bootstrap knjižnica, nadzor
index.html kako izgleda.

29
00:01:43,960 --> 00:01:48,190
In potem imamo tudi service.js, ki
vsebuje funkcije za storitve

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

31
00:01:49,010 --> 00:01:53,010
In tukaj je, kam greš, da se
izpolnite nekaj narediti, da-je.

32
00:01:53,010 --> 00:01:56,600
>> Zdaj pa si oglejte na objektih in
asociativne nize v JavaScriptu,

33
00:01:56,600 --> 00:01:59,360
, ki je za vse namene,
sta medsebojno zamenljiva.

34
00:01:59,360 --> 00:02:03,030
Če bi želel, da bi nek predmet spremenljivko
imenovana palica, bi

35
00:02:03,030 --> 00:02:04,290
ga razglasi.

36
00:02:04,290 --> 00:02:09,350
In znotraj teh zavitimi oklepaji, jaz bi
določite, jedro je samorog, les

37
00:02:09,350 --> 00:02:12,710
je češnja, in dolžina je 13.

38
00:02:12,710 --> 00:02:16,370
>> Sedaj sem lahko dostopate tudi vrednote
objektov z

39
00:02:16,370 --> 00:02:18,270
asociativno paleto zapis.

40
00:02:18,270 --> 00:02:22,610
Torej palica indeks jedro, lahko nastavite
, ki je enaka Samorog, ali

41
00:02:22,610 --> 00:02:24,710
preveri, če rabim.

42
00:02:24,710 --> 00:02:28,890
Ali lahko uporabite operator dot
wand.wood enaka nedolžnost, in

43
00:02:28,890 --> 00:02:30,280
tako naprej in tako naprej.

44
00:02:30,280 --> 00:02:33,930
Torej vidite, da asociativne nize in
predmeti v JavaScriptu se bodo

45
00:02:33,930 --> 00:02:37,710
zamenljivi, in volja
pride v zelo priročno.

46
00:02:37,710 --> 00:02:41,570
>> Potem bomo videli niz stavb
v buildings.js,

47
00:02:41,570 --> 00:02:43,870
spet paleto predmetov.

48
00:02:43,870 --> 00:02:48,500
Če bi želel, da bi paleto najboljših
zgradbe na harvardski univerzi, nato

49
00:02:48,500 --> 00:02:49,710
I bi ga takole.

50
00:02:49,710 --> 00:02:55,250
Z uporabo tega objekta zapis, kjer
Shranjujem root, ime, naslov,

51
00:02:55,250 --> 00:03:00,260
zemljepisne širine in dolžine za vsak
stavbi objekt.

52
00:03:00,260 --> 00:03:02,930
>> Pojdimo hitro govoriti o spremenljivkah
v JavaScript.

53
00:03:02,930 --> 00:03:07,760
Kot so PHP, JavaScript spremenljivke
so slabo ali ohlapno vnesli.

54
00:03:07,760 --> 00:03:14,120
Če želite ustvariti lokalno spremenljivko, boste predpono
Ime spremenljivke z V-A-R, var.

55
00:03:14,120 --> 00:03:17,010
Zdaj, v JavaScriptu, bodo funkcije
omejiti obseg spremenljivk.

56
00:03:17,010 --> 00:03:20,600
Torej, če imate lokalno spremenljivko v
funkcijo, potem druge funkcije

57
00:03:20,600 --> 00:03:22,060
ni dostopen.

58
00:03:22,060 --> 00:03:26,090
>> Toda za razliko od C, zank in pogoji ne
omejiti obseg spremenljivke.

59
00:03:26,090 --> 00:03:30,600
Torej, tudi če ste ga razglasi notranjost
bolezni, bo celotna funkcija

60
00:03:30,600 --> 00:03:32,810
imajo dostop do njega.

61
00:03:32,810 --> 00:03:35,820
Zdaj, brez var, spremenljivka
bo globalno.

62
00:03:35,820 --> 00:03:39,170
Torej, če ste le razglasi ime in
dodeli vrednost, nato pa, da spremenljivka

63
00:03:39,170 --> 00:03:41,900
bo globalno spremenljivko
v JavaScript.

64
00:03:41,900 --> 00:03:48,480
>> Zdaj, v hišah imamo asociativno
array objektov tipa gostiteljica, kjer je

65
00:03:48,480 --> 00:03:52,100
vsaka hiša je le širina
in dolžine.

66
00:03:52,100 --> 00:03:55,140
Potem imamo potnike
matrika, ki je matrika

67
00:03:55,140 --> 00:03:57,370
tipa objekta potnika.

68
00:03:57,370 --> 00:04:01,620
Torej vsak potnik ima uporabnik
ime, ime in hišo.

69
00:04:01,620 --> 00:04:04,840
>> Opazili, da govorim o tipu
Potnik, ki v resnici pomeni le

70
00:04:04,840 --> 00:04:08,150
da ima vsak objekt
Isti ključ parov vrednosti.

71
00:04:08,150 --> 00:04:12,830
Torej vsak objekt tipa potnika ima
uporabniško ime, ime in house.

72
00:04:12,830 --> 00:04:14,850
Torej, kaj moramo
storiti za p-set?

73
00:04:14,850 --> 00:04:20,779
No, moramo omogočiti uporabnikom, da izberete
do članov osebja, za prikaz vseh

74
00:04:20,779 --> 00:04:25,080
člani osebja, ki so trenutno v
naša shuttle, in jih odložite.

75
00:04:25,080 --> 00:04:29,395
In potem bomo govorili tudi o dodatnih
funkcije, ki se lahko izvajajo za

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

77
00:04:30,980 --> 00:04:33,610
>> Toda, kaj je govoril o pickup prva.

78
00:04:33,610 --> 00:04:37,480
Obrazi CS50 osebje, so bile
posajene povsod kampusa, kjer je vsak

79
00:04:37,480 --> 00:04:41,750
Obraz se izvaja kot mesto znamke
na 3D Zemlji, in kot

80
00:04:41,750 --> 00:04:44,020
marker na 2D zemljevidu.

81
00:04:44,020 --> 00:04:47,880
Torej, ko uporabnik klikne Pickup
gumb, želimo dodati v bližini

82
00:04:47,880 --> 00:04:49,590
potniki na raketoplana.

83
00:04:49,590 --> 00:04:53,650
In tudi mi želimo, da se odstranijo svoje mesto
označi iz sveta in odstranite njihovo

84
00:04:53,650 --> 00:04:58,060
marker na zemljevidu, ki kaže, da
oni so v naši shuttle zdaj.

85
00:04:58,060 --> 00:05:02,520
>> Torej, kako bomo odkriti, če potniki
v dosegu naših shuttle?

86
00:05:02,520 --> 00:05:06,670
No, razdalja funkcijo, tako
shuttle.distance, ki poteka v

87
00:05:06,670 --> 00:05:10,630
zemljepisna dolžina in širina, bo izračunal
oddaljenost od trenutnega položaja

88
00:05:10,630 --> 00:05:14,220
za prevoz do točke, da
podate z razlago

89
00:05:14,220 --> 00:05:15,860
zemljepisne širine in dolžine.

90
00:05:15,860 --> 00:05:19,180
Torej, lahko uporabite to za izračun
oddaljenost od raketoplana, da

91
00:05:19,180 --> 00:05:20,310
potniki.

92
00:05:20,310 --> 00:05:24,040
>> Ampak kako veš, kje
potniki so?

93
00:05:24,040 --> 00:05:27,510
No, to je, če bomo morali
uredite funkcijo zapolnijo.

94
00:05:27,510 --> 00:05:32,500
Zapolnijo krajih po članov osebja
potnike v svetu

95
00:05:32,500 --> 00:05:36,300
in v karti, vendar pa ne
shranite svoje mesto.

96
00:05:36,300 --> 00:05:39,850
Torej, morda lahko shranite svoje
postaviti oznake in markerji

97
00:05:39,850 --> 00:05:41,570
na nek globalni array.

98
00:05:41,570 --> 00:05:45,780
>> Sedaj že obstaja globalna matrika
shranjevanje podatkov od potnikov.

99
00:05:45,780 --> 00:05:49,960
Potniki zaporedji shrani vsako
Ime sovoznikov in njihova hiša.

100
00:05:49,960 --> 00:05:54,985
Tako da morda lahko dodate nekaj parametrov
tam do osebnih predmetov.

101
00:05:54,985 --> 00:05:58,150
>> Da nam pomagajo odkriti vse potnike
v razponu od naših

102
00:05:58,150 --> 00:06:02,485
shuttle, kaj je zanka skozi vse
potniki v matriki potnikov.

103
00:06:02,485 --> 00:06:07,790
Za zanke v JavaScript lahko ogledate
kaj takega, zelo podoben

104
00:06:07,790 --> 00:06:13,200
tistih zank v C. Ali lahko uporabimo
alternativa za zanka, pri

105
00:06:13,200 --> 00:06:18,680
var i v polju, kjer sem še vedno
indeks, vendar vam ni treba

106
00:06:18,680 --> 00:06:23,310
določite array.length
stanje in i + +.

107
00:06:23,310 --> 00:06:26,130
>> Lokacija Vsak potnik je
dati svoje mesto znamko.

108
00:06:26,130 --> 00:06:29,800
Ampak kraj znamka ni
zemljepisne širine in dolžine.

109
00:06:29,800 --> 00:06:34,170
Moramo priti do teh parametrov, ki jih
pridobivanje geometrijo, z uporabo get

110
00:06:34,170 --> 00:06:38,180
geometrijo na mesto znamke, nato pa
ko imamo geometrijo, pridobivanje

111
00:06:38,180 --> 00:06:42,580
bodisi širine ali dolžine
uporabo te funkcije.

112
00:06:42,580 --> 00:06:45,680
>> Torej, zdaj vemo, kako ugotoviti, ali
Potniki so v

113
00:06:45,680 --> 00:06:47,920
Paleto naših shuttle.

114
00:06:47,920 --> 00:06:52,050
Ko imamo tiste potnike, se bomo
želite dodati potnike, ki so

115
00:06:52,050 --> 00:06:53,140
na tem območju.

116
00:06:53,140 --> 00:06:57,580
Želimo, da se jim omogoči, da hop na in sprejeti
sedež na naši shuttle, ampak le

117
00:06:57,580 --> 00:06:59,630
Če imamo dovolj prostora za njih.

118
00:06:59,630 --> 00:07:04,120
>> Shuttle.seats matrika bo pokazal
ali sedežnem prazen, ali

119
00:07:04,120 --> 00:07:05,890
kdo je v tem sedežu.

120
00:07:05,890 --> 00:07:11,160
Torej, če je sedež prazen, potem
ta sedež bo nič.

121
00:07:11,160 --> 00:07:15,930
Torej ponovitev čez sedežev matrike,
preverjanje praznih sedežev, shranjevanje

122
00:07:15,930 --> 00:07:20,020
potniki v teh sedežev, dokler ne
nimam več praznih sedežev.

123
00:07:20,020 --> 00:07:23,330
In na žalost, vsi drugi potniki
bodo morali počakati

124
00:07:23,330 --> 00:07:26,000
Naslednjič, ko shuttle prihaja.

125
00:07:26,000 --> 00:07:30,280
>> Ko pridejo na raketoplana, bomo želeli
da se odstranijo svoje mesto znamko, ki

126
00:07:30,280 --> 00:07:32,580
je njihova fotografija v 3D svetu.

127
00:07:32,580 --> 00:07:38,030
Če bi želel odstraniti kraj znamke p,
potem bi dobili vse funkcije

128
00:07:38,030 --> 00:07:42,820
iz moje zemlje, iz Google Earth,
in nato odstranite, da v določenem kraju

129
00:07:42,820 --> 00:07:45,910
označiti s funkcijo removeChild.

130
00:07:45,910 --> 00:07:51,360
Potem pa na koncu, kaj je odstraniti marker,
ikona na 2D zemljevidu, za katero koli

131
00:07:51,360 --> 00:07:53,650
Potnik, ki smo jih pobral.

132
00:07:53,650 --> 00:07:59,790
>> Če želite odstraniti marker m, nato pa bom
samo izvršitev m.setMap null.

133
00:07:59,790 --> 00:08:03,670
Ali to za vse potnike, ki so v dosegu,
in ste končali pickup.

134
00:08:03,670 --> 00:08:07,890
Funkcija grafikon moral prikazati vse
potnikov, ki so v vašem

135
00:08:07,890 --> 00:08:11,000
shuttle in prazen sedež, če je prazno.

136
00:08:11,000 --> 00:08:14,420
Zato grafikon Ponovil preko
shuttle.seats, prikazovanje

137
00:08:14,420 --> 00:08:21,350
informacije o potnikih za vsak indeks,
in prazen sedež, če je ta indeks null.

138
00:08:21,350 --> 00:08:26,160
>> Zdaj, če je HTML tekst Vstavim
JavaScript spremenljivka, nato z uporabo

139
00:08:26,160 --> 00:08:31,950
document.getElementById lahko grafikon
urediti notranje HTML tistih, ki so

140
00:08:31,950 --> 00:08:36,140
element z dodeljevanjem
HTML besedilo

141
00:08:36,140 --> 00:08:40,840
document.getElementById notranja HTML spremenljivka.

142
00:08:40,840 --> 00:08:46,180
, Ko uporabnik klikne gumb odložiš
v index.html, bo klic

143
00:08:46,180 --> 00:08:47,160
Funkcija Dropoff.

144
00:08:47,160 --> 00:08:49,510
In to je naša naloga, da izvajajo to.

145
00:08:49,510 --> 00:08:54,150
>> V Dropoff, bomo želeli, da odstranite vse
potniki iz raketoplana le, če

146
00:08:54,150 --> 00:08:58,740
smo v razponu od svojega cilja,
njihova stanovanjska hiša.

147
00:08:58,740 --> 00:09:03,300
Tako bo Dropoff morali preveriti, ali
shuttle je v območju koli od

148
00:09:03,300 --> 00:09:08,200
hiše, in odstranite vse potrebne
potniki iz raketoplana.

149
00:09:08,200 --> 00:09:11,020
Torej, kako preveriti, če smo
v območju od koli hiš?

150
00:09:11,020 --> 00:09:16,630
No, še enkrat, bomo izkoristiti
shuttle.distance funkcijo, ki poteka v

151
00:09:16,630 --> 00:09:20,990
zemljepisna širina in dolžina točke
da smo preverjanje proti.

152
00:09:20,990 --> 00:09:22,730
>> Ampak kaj so te točke?

153
00:09:22,730 --> 00:09:27,210
No, hiše matrika, če se spomnite
V houses.js, shranjuje

154
00:09:27,210 --> 00:09:32,790
zemljepisna širina in dolžina vsake hiše v
asociativni niz, kjer je vsak

155
00:09:32,790 --> 00:09:35,980
Indeks je ime te hiše.

156
00:09:35,980 --> 00:09:37,590
Nato odstraniti potnikov -

157
00:09:37,590 --> 00:09:41,820
No, samo, če bomo na dosegu njihovih
Hiša, ki želijo iti.

158
00:09:41,820 --> 00:09:46,380
Torej, še enkrat, ne pozabite, da se potniki
shrani hišo, da vsak potnik

159
00:09:46,380 --> 00:09:48,850
želi iti.

160
00:09:48,850 --> 00:09:51,670
Če so v območju svojih
Hiša, potem bomo odstranili, da

161
00:09:51,670 --> 00:09:57,200
Potnik iz shuttle.seats in niz
njihov položaj v matriki na null.

162
00:09:57,200 --> 00:10:00,220
>> Zdaj pa govoriti o nekaj dodatnih funkcij
da se lahko izvaja na

163
00:10:00,220 --> 00:10:02,690
CS50 Shuttle p-set.

164
00:10:02,690 --> 00:10:05,850
Tam je točkovni sistem, s katerim
vi spremljate, koliko

165
00:10:05,850 --> 00:10:07,520
poudarja uporabnik.

166
00:10:07,520 --> 00:10:11,120
Za odložil potnike
uspešno, lahko dobijo točke.

167
00:10:11,120 --> 00:10:15,100
Ampak poskuša odložiš potnike
kjer ni nobene hiše v bližini,

168
00:10:15,100 --> 00:10:16,980
dobro, lahko dobili kaznovani za to.

169
00:10:16,980 --> 00:10:21,790
Torej, morda želite slediti
točke v globalne spremenljivke.

170
00:10:21,790 --> 00:10:25,970
>> Lahko izvajati morda časovnik, kjer
Uporabnik ima določeno količino

171
00:10:25,970 --> 00:10:29,800
Čas je, da pick up in drop off
Določeno število potnikov.

172
00:10:29,800 --> 00:10:33,280
Morda celo vključitev tega
s točko sistema.

173
00:10:33,280 --> 00:10:39,970
Ali si lahko uredite tako, da Chart
potniki so razporejene po hiši.

174
00:10:39,970 --> 00:10:45,250
Tako da bi verjetno neke
delujejo na shuttle.seats.

175
00:10:45,250 --> 00:10:49,240
>> Lahko izvajajo leteči funkcijo,
kjer je, če uporabnik vnese Konami

176
00:10:49,240 --> 00:10:53,460
kodo, potem shuttle odlepi
tleh in shuttle lahko letijo.

177
00:10:53,460 --> 00:10:58,890
Ampak za varno odložiš, najbolje, da se
shuttle pristane svoja kolesa na

178
00:10:58,890 --> 00:11:00,700
zmleti prvi.

179
00:11:00,700 --> 00:11:05,910
Prav tako lahko izvajajo teleportacijo,
kjer vam bo padec seznamu navzdol

180
00:11:05,910 --> 00:11:08,380
stavbe v index.html.

181
00:11:08,380 --> 00:11:12,270
In izberete eno od tiste,
Uporabnik bo prepeljan v

182
00:11:12,270 --> 00:11:14,220
da je stavba na kampusu.

183
00:11:14,220 --> 00:11:16,760
OK, čeprav je, da potujejo skozi
zidove nekaterih

184
00:11:16,760 --> 00:11:19,290
zgradbe na poti tja.

185
00:11:19,290 --> 00:11:22,960
>> Prav tako lahko spremenite hitrost
shuttle, ki omogoča uporabniku, da se poveča

186
00:11:22,960 --> 00:11:25,490
ali zmanjšate hitrost.

187
00:11:25,490 --> 00:11:28,840
Morda želite globalno spremenljivko
spremljate, koliko goriva

188
00:11:28,840 --> 00:11:31,520
shuttle ima, zmanjšuje
je kot greste skupaj.

189
00:11:31,520 --> 00:11:35,860
Ko ste zadeli nič, čeprav, shuttle
ne bodo mogli premikati, razen če ste

190
00:11:35,860 --> 00:11:40,610
dolivanje goriva, morda z uporabo gumba ali
celo svoje bencinske črpalke.

191
00:11:40,610 --> 00:11:43,240
>> Ampak to zagotovo ni
izčrpen seznam.

192
00:11:43,240 --> 00:11:46,340
Oglejte si spec za polno
seznam, ali morda predlagati

193
00:11:46,340 --> 00:11:47,840
sami s svojim TF.

194
00:11:47,840 --> 00:11:48,950
Nebo je meja.

195
00:11:48,950 --> 00:11:53,110
To je tvoja zadnja CS50 p-set,
tako da zabavajte se z njo.

196
00:11:53,110 --> 00:11:56,360
To je bilo CS50 Shuttle.

197
00:11:56,360 --> 00:11:59,230
>> Moram reči, to je bilo veselje
za izdelavo teh z

198
00:11:59,230 --> 00:12:00,400
produkcijska ekipa.

199
00:12:00,400 --> 00:12:04,330
In upam, da ste
jih uživajo, kot tudi.

200
00:12:04,330 --> 00:12:06,040
Moje ime je Zamyla.

201
00:12:06,040 --> 00:12:08,310
In to je bil CS50.

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