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

2
00:00:09,870 --> 00:00:13,360
>> ZAMYLA CHAN: Па, тука сме,
последните стр поставени во CS50.

3
00:00:13,360 --> 00:00:17,040
Честитам себе од тоа да имаат
дојде толку далеку, бидејќи вашиот прв Здраво

4
00:00:17,040 --> 00:00:20,090
Светови и печатење до
Пирамиди за Марио.

5
00:00:20,090 --> 00:00:21,930
Сте го направиле веб-сајт минатата недела.

6
00:00:21,930 --> 00:00:25,110
И ние ќе треба да се прави уште еден
оваа недела, оној кој ви овозможува да се

7
00:00:25,110 --> 00:00:28,570
вози наоколу во кампусот на Харвард, подигање
до CS50 членови на персоналот и

8
00:00:28,570 --> 00:00:31,910
се зближуваа назад кон нивните
станбени куќи.

9
00:00:31,910 --> 00:00:35,400
>> Сега, минатата недела работевме во PHP,
на серверот јазик.

10
00:00:35,400 --> 00:00:38,250
За оваа п-сет, ние сме добивање воведе
да JavaScript, што е

11
00:00:38,250 --> 00:00:40,610
клиентската страна, јазик.

12
00:00:40,610 --> 00:00:44,020
Па ајде да ги разгледаме во некои од
дистрибуција код кој е предвидено да

13
00:00:44,020 --> 00:00:46,210
вас за ова, p-сет.

14
00:00:46,210 --> 00:00:49,700
Во вклучите Javascript-папка, ќе има
биде еден куп на JavaScript датотеки.

15
00:00:49,700 --> 00:00:53,600
>> Има buildings.js, која содржи
низа на згради околу Харвард

16
00:00:53,600 --> 00:00:57,340
кампусот со нивните информации
и позиција.

17
00:00:57,340 --> 00:01:01,630
Houses.js е низа од Харвард
станбени куќи со нивните

18
00:01:01,630 --> 00:01:04,030
ширини и должини.

19
00:01:04,030 --> 00:01:08,600
Passengers.js содржи низа на
патници, CS50 членови на персоналот

20
00:01:08,600 --> 00:01:11,640
дека ќе се носат назад кон
нивните станбени куќи.

21
00:01:11,640 --> 00:01:16,450
>> Math3D.js, која содржи многу
функции да се направи со движењето.

22
00:01:16,450 --> 00:01:19,500
Ако сте математички ум, тогаш
Го поздравувам вас да ги разгледаме.

23
00:01:19,500 --> 00:01:23,530
Но, вие не треба да се разбере
се таму.

24
00:01:23,530 --> 00:01:26,710
Shuttle.js, која се занимава со
движење на шатлот.

25
00:01:26,710 --> 00:01:31,450
И index.html е почетната страница, каде
сè се случува, навистина, каде што

26
00:01:31,450 --> 00:01:33,610
корисникот е во интеракција со сајт.

27
00:01:33,610 --> 00:01:39,110
>> Service.css е CSS стилот на состојба,
кој во прилог на Твитер

28
00:01:39,110 --> 00:01:43,960
Bootstrap библиотека, контроли
како index.html изгледа.

29
00:01:43,960 --> 00:01:48,190
А потоа ние исто така имаат service.js, која
содржи услужни функции за

30
00:01:48,190 --> 00:01:49,010
на шатлот.

31
00:01:49,010 --> 00:01:53,010
И тука е местото каде што можете да одиш за да
пополнување на некои од to-do е.

32
00:01:53,010 --> 00:01:56,600
>> Сега ајде да ги разгледаме во објекти и
асоцијативни низи во JavaScript,

33
00:01:56,600 --> 00:01:59,360
кои, за сите намерите и целите,
се еквивалентни.

34
00:01:59,360 --> 00:02:03,030
Ако сакав да направите објект променлива
наречен стапче, јас би

35
00:02:03,030 --> 00:02:04,290
ја прогласи.

36
00:02:04,290 --> 00:02:09,350
И во оние големи загради, јас би
наведете, јадрото е еднорог, дрво

37
00:02:09,350 --> 00:02:12,710
е цреша, и должината е 13.

38
00:02:12,710 --> 00:02:16,370
>> Сега, јас исто така да пристапите вредности
на објекти користење

39
00:02:16,370 --> 00:02:18,270
асоцијативна низа нотација.

40
00:02:18,270 --> 00:02:22,610
Па стапче индекс јадро, можам да го поставите
дека еднаква на еднорог, или

41
00:02:22,610 --> 00:02:24,710
проверете дали ми треба.

42
00:02:24,710 --> 00:02:28,890
Или јас да го користите оператор точка
wand.wood еднаква на цреша, и

43
00:02:28,890 --> 00:02:30,280
така натаму и така натаму.

44
00:02:30,280 --> 00:02:33,930
Па ќе видите дека асоцијативни низи и
објекти во вклучите Javascript-се случува да бидат

45
00:02:33,930 --> 00:02:37,710
меѓусебно, и волја
доаѓаат во прилично корисна.

46
00:02:37,710 --> 00:02:41,570
>> Тогаш можеме да видиме низа на згради
во buildings.js,

47
00:02:41,570 --> 00:02:43,870
повторно, низа од објекти.

48
00:02:43,870 --> 00:02:48,500
Ако сакав да се направи низа од најдобрите
објекти на кампусот на Харвард, а потоа

49
00:02:48,500 --> 00:02:49,710
Јас ќе го направи тоа како што следува.

50
00:02:49,710 --> 00:02:55,250
Со користење на овој објект нотација, каде
Јас чување на корен, име, адреса,

51
00:02:55,250 --> 00:03:00,260
ширина, и должина за секоја
една зграда објект.

52
00:03:00,260 --> 00:03:02,930
>> Ајде брзо се зборува за варијабли
во JavaScript.

53
00:03:02,930 --> 00:03:07,760
Како PHP, JavaScript променливи
се слабо или лабаво отчукува.

54
00:03:07,760 --> 00:03:14,120
Да се ​​создаде локална променлива, можете префикс
променлива името со V-A-R, var.

55
00:03:14,120 --> 00:03:17,010
Сега, во вклучите Javascript, функции ќе
ограничи обемот на променливи.

56
00:03:17,010 --> 00:03:20,600
Значи, ако имате локална променлива во
функција, а потоа другите функции

57
00:03:20,600 --> 00:03:22,060
не може да дојде до неа.

58
00:03:22,060 --> 00:03:26,090
>> Но, за разлика Ц, јамки и услови не
ограничи обемот на променливата.

59
00:03:26,090 --> 00:03:30,600
Па дури и ако тоа прогласи внатрешноста на
состојба, целата функција ќе

60
00:03:30,600 --> 00:03:32,810
имаат пристап до неа.

61
00:03:32,810 --> 00:03:35,820
Сега, без var, променливата
ќе бидат глобални.

62
00:03:35,820 --> 00:03:39,170
Значи, ако сте само го прогласи име и
доделите вредност, тогаш таа променлива

63
00:03:39,170 --> 00:03:41,900
ќе биде глобалната променлива
во JavaScript.

64
00:03:41,900 --> 00:03:48,480
>> Сега, во куќи, имаме асоцијативна
низа на домаќин тип објекти, каде што

65
00:03:48,480 --> 00:03:52,100
секоја куќа е само географска ширина
и должина.

66
00:03:52,100 --> 00:03:55,140
Тогаш имаме патници
низа, која е низа

67
00:03:55,140 --> 00:03:57,370
на објектот тип патник.

68
00:03:57,370 --> 00:04:01,620
Така што секој патник има корисникот
име, име, и куќа.

69
00:04:01,620 --> 00:04:04,840
>> Забележите дека сакам да кажам дека на типот
патници, кои, навистина, само значи

70
00:04:04,840 --> 00:04:08,150
дека секој објект има
исто клучните вредност парови.

71
00:04:08,150 --> 00:04:12,830
Така што секој објект од тип патникот има
корисничко име, име, и куќа.

72
00:04:12,830 --> 00:04:14,850
Значи она што ние треба да се
направи за p-сет?

73
00:04:14,850 --> 00:04:20,779
Па, ние треба да им овозможи на корисниците да ги собереш
до членовите на персоналот, да се прикаже и сите

74
00:04:20,779 --> 00:04:25,080
членови на персоналот кои се моментално во
нашите шатл, и да ги заспивам.

75
00:04:25,080 --> 00:04:29,395
А потоа ние, исто така, ќе зборуваме за дополнителни
карактеристики кои може да се спроведе за

76
00:04:29,395 --> 00:04:30,980
на шатлот п-сет.

77
00:04:30,980 --> 00:04:33,610
>> Но, ајде да зборуваме за пикап во прв план.

78
00:04:33,610 --> 00:04:37,480
Лицата на CS50 кадар се
засадени низ целиот кампус, каде што секој

79
00:04:37,480 --> 00:04:41,750
лице се спроведува како место марка
на 3D земјата, и како

80
00:04:41,750 --> 00:04:44,020
маркер на картата 2D.

81
00:04:44,020 --> 00:04:47,880
Па кога корисникот ќе кликне на прифат
копчето, ние сакаме да го додадете во близина

82
00:04:47,880 --> 00:04:49,590
патници до шатлот.

83
00:04:49,590 --> 00:04:53,650
И ние исто така сакаме да се отстрани нивното место
Марк од светот и ги отстрани нивните

84
00:04:53,650 --> 00:04:58,060
маркер од мапата, што покажува дека
тие се во нашата шатл сега.

85
00:04:58,060 --> 00:05:02,520
>> Така како ние да се открие ако патници
се во рамките на опсегот на нашите шатл?

86
00:05:02,520 --> 00:05:06,670
Па, функцијата далечина, така
shuttle.distance, минувајќи во

87
00:05:06,670 --> 00:05:10,630
географска ширина и должина, ќе ја пресмета
растојанието од моменталната позиција

88
00:05:10,630 --> 00:05:14,220
на шатлот до тој степен што
ќе се определи со она што

89
00:05:14,220 --> 00:05:15,860
географска ширина и должина.

90
00:05:15,860 --> 00:05:19,180
Па можете да го користите овој да се пресмета
оддалеченост од шатл до

91
00:05:19,180 --> 00:05:20,310
патници.

92
00:05:20,310 --> 00:05:24,040
>> Но како да знам каде
патниците се?

93
00:05:24,040 --> 00:05:27,510
Па, тоа е каде што ќе треба да се
уредување на населуваат функција.

94
00:05:27,510 --> 00:05:32,500
Доверат места сите на членови на персоналот
на патници во светот

95
00:05:32,500 --> 00:05:36,300
и во мапата, но не го прави
складирање на нивната локација.

96
00:05:36,300 --> 00:05:39,850
Па можеби ќе може да се сместат нивните
место марки и маркери

97
00:05:39,850 --> 00:05:41,570
во некои глобалната низа.

98
00:05:41,570 --> 00:05:45,780
>> Сега, постои веќе е глобален низа
складирање на информации од патниците.

99
00:05:45,780 --> 00:05:49,960
Патниците низа продавници секоја
име на патници и нивната куќа.

100
00:05:49,960 --> 00:05:54,985
Па можеби можете да додадете неколку параметри
има на патникот објекти.

101
00:05:54,985 --> 00:05:58,150
>> Да ни помогне да детектира сите патници
во рамките на опсегот на нашите

102
00:05:58,150 --> 00:06:02,485
шатл, јамка ајде низ сите
патници во патници низа.

103
00:06:02,485 --> 00:06:07,790
А за телефонска линија во JavaScript може да изгледа
нешто како ова, многу слична на

104
00:06:07,790 --> 00:06:13,200
оние за петелки во C. Или може да се користат
алтернатива за јамка структура, за

105
00:06:13,200 --> 00:06:18,680
var i во низа, каде што јас се уште ќе биде
индекс, но вие не треба да се

106
00:06:18,680 --> 00:06:23,310
наведете array.length
состојба и i + +.

107
00:06:23,310 --> 00:06:26,130
>> Локација секој патник е
дадена од страна на нивното место марка.

108
00:06:26,130 --> 00:06:29,800
Но местото знак не е
географска ширина и должина.

109
00:06:29,800 --> 00:06:34,170
Имаме пристап до оние параметри од
добивање на геометријата, со користење добие

110
00:06:34,170 --> 00:06:38,180
геометријата на местото марка, а потоа
еднаш имаме геометријата, добивање

111
00:06:38,180 --> 00:06:42,580
или географска ширина или должина
користење на овие функции.

112
00:06:42,580 --> 00:06:45,680
>> Така, сега знаете како да се открие дали
патници се во рамките на

113
00:06:45,680 --> 00:06:47,920
Опсегот на нашата шатл.

114
00:06:47,920 --> 00:06:52,050
Откако ќе имаат оние патници, ние ќе
сакате да го додадете патници кои се

115
00:06:52,050 --> 00:06:53,140
во рамките на тој опсег.

116
00:06:53,140 --> 00:06:57,580
Ние сакаме да им се дозволи да хоп на и да ги преземат
место во нашата шатл, но само

117
00:06:57,580 --> 00:06:59,630
ако имаме доволно простор за нив.

118
00:06:59,630 --> 00:07:04,120
>> На shuttle.seats низа ќе се покаже
дали седишта се празни, или

119
00:07:04,120 --> 00:07:05,890
кој е во тоа место.

120
00:07:05,890 --> 00:07:11,160
Значи, ако седиштето е празен, тогаш
дека седиштето ќе биде нула.

121
00:07:11,160 --> 00:07:15,930
Па iterate во текот на седишта низа,
проверка за празни места, чување

122
00:07:15,930 --> 00:07:20,020
патници во оние места додека не
немаат повеќе празни места.

123
00:07:20,020 --> 00:07:23,330
И, за жал, било другите патници
ќе мора да почека за

124
00:07:23,330 --> 00:07:26,000
Следниот пат кога шатлот се сведува.

125
00:07:26,000 --> 00:07:30,280
>> Откако тие се на шатлот ќе сакаме
за да го отстраните место марка, која

126
00:07:30,280 --> 00:07:32,580
е нивната слика во 3D свет.

127
00:07:32,580 --> 00:07:38,030
Ако сакав да се отстрани место марка p,
тогаш јас би ги добиете сите од карактеристиките

128
00:07:38,030 --> 00:07:42,820
од мојата земја, од Google Earth,
а потоа ја отстрани таа одредено место

129
00:07:42,820 --> 00:07:45,910
означи со користење на removeChild функција.

130
00:07:45,910 --> 00:07:51,360
Тогаш на крај, ајде да се отстрани маркер,
иконата на мапата 2D, за било

131
00:07:51,360 --> 00:07:53,650
патнички дека ние сме подигање.

132
00:07:53,650 --> 00:07:59,790
>> Да се ​​отстрани маркер m, а потоа јас ќе
само извршување m.setMap нула.

133
00:07:59,790 --> 00:08:03,670
Дали ова за сите патници во Вашиот опсег,
и ќе завршите со пикап.

134
00:08:03,670 --> 00:08:07,890
На табелата функција треба да ги прикажува сите
на патниците кои се во вашиот

135
00:08:07,890 --> 00:08:11,000
шатл, и празни седишта ако празна.

136
00:08:11,000 --> 00:08:14,420
Па табелата треба да iterate преку
shuttle.seats, прикажување на

137
00:08:14,420 --> 00:08:21,350
патнички информации за секој индекс,
и празни седишта ако тој индекс е нула.

138
00:08:21,350 --> 00:08:26,160
>> Сега, ако HTML текстот е ставен во внатрешноста на
Го вклучите Javascript-променлива, тогаш со користење на

139
00:08:26,160 --> 00:08:31,950
document.getElementByID, графика може да
уредување на внатрешниот HTML кодот на што им беше дадена

140
00:08:31,950 --> 00:08:36,140
елемент со доделување на
HTML текстот на

141
00:08:36,140 --> 00:08:40,840
document.getElementByID внатрешниот HTML променлива.

142
00:08:40,840 --> 00:08:46,180
Кога корисниците кликнете на копчето заспивам
во index.html, тоа ќе викнам

143
00:08:46,180 --> 00:08:47,160
dropoff функција.

144
00:08:47,160 --> 00:08:49,510
И тоа е нашата работа да се спроведе тоа.

145
00:08:49,510 --> 00:08:54,150
>> Во dropoff, ние ќе сакате да ги отстраните сите
патниците од шатлот само ако

146
00:08:54,150 --> 00:08:58,740
ние сме во опсег на нивната дестинација,
нивните станбени куќа.

147
00:08:58,740 --> 00:09:03,300
Па dropoff ќе треба да се провери дали
на трансфер е во опсег од било кој од

148
00:09:03,300 --> 00:09:08,200
куќи, и да ги отстраните сите потребни
патниците од шатлот.

149
00:09:08,200 --> 00:09:11,020
Така како ние да проверите дали сме
во опсег од ниту куќи?

150
00:09:11,020 --> 00:09:16,630
Па, уште еднаш, ние ќе се направи употреба на
shuttle.distance функција, поминува во

151
00:09:16,630 --> 00:09:20,990
географската ширина и должина на точката
дека ние сме проверка против.

152
00:09:20,990 --> 00:09:22,730
>> Но, она што се оние точки?

153
00:09:22,730 --> 00:09:27,210
Па, куќи низа, ако се сеќавате
во houses.js, продавници

154
00:09:27,210 --> 00:09:32,790
географска ширина и должина на секоја куќа во
асоцијативна низа, каде што секој

155
00:09:32,790 --> 00:09:35,980
индекс е името на таа куќа.

156
00:09:35,980 --> 00:09:37,590
Тогаш да се отстрани патници -

157
00:09:37,590 --> 00:09:41,820
добро, само ако ние сме во опсегот на нивните
куќа која тие сакаат да одат.

158
00:09:41,820 --> 00:09:46,380
Значи, повторно, се сеќавам дека патниците
продавници куќата, која секој патник

159
00:09:46,380 --> 00:09:48,850
сака да оди на.

160
00:09:48,850 --> 00:09:51,670
Ако тие се во рамките на опсегот на нивните
куќа, тогаш ние ќе ја отстрани таа

161
00:09:51,670 --> 00:09:57,200
патник од shuttle.seats и сет
нивната позиција во низа за да се ништовни.

162
00:09:57,200 --> 00:10:00,220
>> Сега ајде да зборуваме за некои дополнителни функции
кои можат да бидат имплементирани во

163
00:10:00,220 --> 00:10:02,690
на CS50 шатлот п-сет.

164
00:10:02,690 --> 00:10:05,850
Има систем на поени при што
да ги пратите на тоа колку

165
00:10:05,850 --> 00:10:07,520
укажува корисникот има.

166
00:10:07,520 --> 00:10:11,120
За отпадане патници
успешно, тие можат да добијат поени.

167
00:10:11,120 --> 00:10:15,100
Но, за се обидува да заспивам патници
каде не постои куќа во близина,

168
00:10:15,100 --> 00:10:16,980
добро, тие може да се казнети за тоа.

169
00:10:16,980 --> 00:10:21,790
Па можеби ќе сакате да ги пратите на
поени во една глобална променлива.

170
00:10:21,790 --> 00:10:25,970
>> Може да се спроведе можеби тајмер, каде
корисникот има одредена количина на

171
00:10:25,970 --> 00:10:29,800
време да ги собереш и заспивам на
одреден број на патници.

172
00:10:29,800 --> 00:10:33,280
Можеби дури и се интегрираат овој
со точка систем.

173
00:10:33,280 --> 00:10:39,970
Или можете да ги менувате Шема, како што
патници се подредени по куќа.

174
00:10:39,970 --> 00:10:45,250
Така што, најверојатно, ќе биде еден вид
функција да shuttle.seats.

175
00:10:45,250 --> 00:10:49,240
>> Може да се спроведе летање функција,
каде што, ако на корисникот влезови на Konami

176
00:10:49,240 --> 00:10:53,460
код, тогаш шатлот полета на
земјата и шатл можат да летаат.

177
00:10:53,460 --> 00:10:58,890
Но за безбедно заспивам, најдобро е да се направи
шатлот слета неговите тркала на

178
00:10:58,890 --> 00:11:00,700
земјата во прв план.

179
00:11:00,700 --> 00:11:05,910
Можете исто така да се спроведе телепортација,
каде ќе се направи паѓачкото мени на

180
00:11:05,910 --> 00:11:08,380
згради во index.html.

181
00:11:08,380 --> 00:11:12,270
И избирање на една од оние,
корисникот ќе се транспортира до

182
00:11:12,270 --> 00:11:14,220
дека изградбата на кампусот.

183
00:11:14,220 --> 00:11:16,760
Добро, сепак, да патуваат низ
ѕидовите на некои

184
00:11:16,760 --> 00:11:19,290
зградите на вашиот пат таму.

185
00:11:19,290 --> 00:11:22,960
>> Исто така можете да ја смените брзината на
шатл, му овозможува на корисникот да се зголеми

186
00:11:22,960 --> 00:11:25,490
или намалите брзината.

187
00:11:25,490 --> 00:11:28,840
Можеби сакате глобална променлива да
ги пратите на тоа колку гориво

188
00:11:28,840 --> 00:11:31,520
шатл има, намалување
како што одиме понатаму.

189
00:11:31,520 --> 00:11:35,860
Откако ќе кликнете на нула, иако, на шатлот
не ќе можат да се движат освен ако немате

190
00:11:35,860 --> 00:11:40,610
гориво, можеби со помош на копчето или
дури и направете ја вашата сопствена бензинска пумпа.

191
00:11:40,610 --> 00:11:43,240
>> Но тоа сигурно не е
една исцрпна листа.

192
00:11:43,240 --> 00:11:46,340
Проверете на спецификации за целосна
листата, или можеби да предложи

193
00:11:46,340 --> 00:11:47,840
свој на вашиот ТФ.

194
00:11:47,840 --> 00:11:48,950
Небото е граница.

195
00:11:48,950 --> 00:11:53,110
Ова е твојата последна CS50 п-сет,
па се забавуваат со тоа.

196
00:11:53,110 --> 00:11:56,360
Ова беше CS50 шатлот.

197
00:11:56,360 --> 00:11:59,230
>> Морам да кажам, тоа беше задоволство
што овие за вас со

198
00:11:59,230 --> 00:12:00,400
Продуцентскиот тим.

199
00:12:00,400 --> 00:12:04,330
И јас се надевам дека сте
уживајте во нив, како и.

200
00:12:04,330 --> 00:12:06,040
Моето име е Zamyla.

201
00:12:06,040 --> 00:12:08,310
И тоа беше CS50.

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