1
00:00:00,000 --> 00:00:11,712

2
00:00:11,712 --> 00:00:12,850
>> Rob BOWDEN: Hi.

3
00:00:12,850 --> 00:00:13,780
Ako Rob.

4
00:00:13,780 --> 00:00:19,500
At Umaasa ako na kayo ay handa upang kunin ang ano
Ako umaalis o paglalagay pababa,

5
00:00:19,500 --> 00:00:22,230
o sabihin makapagsimula.

6
00:00:22,230 --> 00:00:25,040
Kaya unang bagay na kailangan namin
gawin ay pick up.

7
00:00:25,040 --> 00:00:29,370
Ngayon, kunin ay pagpunta sa ma-alis sa
icon pasahero 'mula sa Google

8
00:00:29,370 --> 00:00:32,759
map sa kanang sulok sa ibaba at mula sa
ang Google Earth sa sentro ng

9
00:00:32,759 --> 00:00:33,970
screen.

10
00:00:33,970 --> 00:00:37,180
Kaya upang alisin ang mga
mga icon, kailangan naming magkaroon ng

11
00:00:37,180 --> 00:00:39,040
mga sanggunian sa mga ito sa isang lugar.

12
00:00:39,040 --> 00:00:43,680
Ngunit sa kasalukuyan, ang populate ng function
lamang ay makakakuha ng mapupuksa ang mga ito.

13
00:00:43,680 --> 00:00:48,140
Kaya kami ay pagpunta sa may upang baguhin
panahanan ng mga tao upang panatilihin ang mga ito sa paligid.

14
00:00:48,140 --> 00:00:53,440
>> Unang Ngayon bagay gagamitin namin makita ay na namin
may isang pandaigdigang pasahero ng array.

15
00:00:53,440 --> 00:00:57,710
At kaya kami ay pagpunta sa gamitin na global ni
pasahero array sa panahanan ng mga tao.

16
00:00:57,710 --> 00:01:03,230
Sa panahanan ng mga tao, nakita namin na kami ay looping
sa ibabaw ng lahat ng aming mga pasahero.

17
00:01:03,230 --> 00:01:10,420
At ito ay na ito loop na lumilikha ng
ilagay marka para sa Google Earth at ang

18
00:01:10,420 --> 00:01:12,540
marker para sa mga Google Map.

19
00:01:12,540 --> 00:01:16,420
At gayon ang aming ngayon pagbabago
upang panahanan ng mga tao ay upang maging dito.

20
00:01:16,420 --> 00:01:21,760
Kaya namin idinadagdag sa sa aming mga pasahero '
array sa bagay na ito na kung saan ay pinapanatiling

21
00:01:21,760 --> 00:01:26,480
sa paligid ng marker at lugar pananong namin lamang
Nilikha kasama ang mga bahay at

22
00:01:26,480 --> 00:01:28,460
pangalanan ng pasahero.

23
00:01:28,460 --> 00:01:30,560
>> Kaya na ito para panahanan ng mga tao.

24
00:01:30,560 --> 00:01:33,210
Ngayon kailangan namin upang tumingin sa pick up.

25
00:01:33,210 --> 00:01:38,540
Kaya sa pick up, kami ay sa sandaling muli ng pagpunta sa
umulit sa paglipas ng lahat ng aming mga pasahero.

26
00:01:38,540 --> 00:01:41,340
Ngunit ngayon na ang aming global
pasahero array.

27
00:01:41,340 --> 00:01:46,150
At dito kami nakakakita ka na rin, na-
na kinuha namin up ito pasahero?

28
00:01:46,150 --> 00:01:50,030
Dahil kung pumili kami up na ito
pasahero, tingnan natin sa pagtatapos na

29
00:01:50,030 --> 00:01:55,240
kami ay pagpunta upang itakda ang marker at ang
lugar marka sa null dahil ang mga ito ay walang

30
00:01:55,240 --> 00:01:56,930
mas mahaba sa Google mapa.

31
00:01:56,930 --> 00:02:00,920
>> Kaya kung pa kinuha namin up na ito
pasahero pagkatapos lang kami ng pagpunta sa

32
00:02:00,920 --> 00:02:02,920
magpatuloy sa susunod na pasahero.

33
00:02:02,920 --> 00:02:07,380
Iba Pa, kami upang malaman kung ito
bahay ng pasahero ay nasa loob ng

34
00:02:07,380 --> 00:02:08,590
array house.

35
00:02:08,590 --> 00:02:11,900
Ito ang tseke kailangan naming matiyak
na hindi namin kunin ang presman bilang

36
00:02:11,900 --> 00:02:13,180
sinasabi ng spec.

37
00:02:13,180 --> 00:02:15,920
Kaya kung ang pasahero ay isang primer anyo,
kami ay pagpunta sa

38
00:02:15,920 --> 00:02:18,190
magpatuloy sa susunod na pasahero.

39
00:02:18,190 --> 00:02:21,720
>> Sa sandaling na-verify mo kami na ito ay isang
pasahero ay dapat na pagpili namin up,

40
00:02:21,720 --> 00:02:25,340
ngayon kami ay pagpunta sa suriin ang latitude
at longitude ng mga pasahero at makita

41
00:02:25,340 --> 00:02:27,760
kung na sa loob ng 15 talampakan
ng shuttle.

42
00:02:27,760 --> 00:02:31,720
Kung iyon ang kaso, talaga namin nais
upang kunin ang pasahero.

43
00:02:31,720 --> 00:02:35,890
Kaya pagsamahin namin sa paglipas ng lahat ng mga upuan
sa aming shuttle na naghahanap upang makita kung

44
00:02:35,890 --> 00:02:38,110
mayroong isang magagamit na lugar
para sa mga pasahero.

45
00:02:38,110 --> 00:02:41,540
Kung ang isa sa mga upuan ay null,
na ang isang magagamit na lugar.

46
00:02:41,540 --> 00:02:45,140
Kaya idagdag namin ang mga pasahero sa upuan.

47
00:02:45,140 --> 00:02:48,760
Tandaan namin na kinuha namin ang hanggang sa
pasahero upang sa dulo, kaya namin

48
00:02:48,760 --> 00:02:52,450
ipahayag kung kami talaga
ay hindi pumili ng sinuman up.

49
00:02:52,450 --> 00:02:56,140
Tandaan namin na nakaupo kami ito
pasahero dahil kung pamahalaan namin upang makakuha ng

50
00:02:56,140 --> 00:02:59,320
sa pamamagitan ng buong shuttle na walang
seating ang pasahero, pagkatapos ay kailangan namin upang

51
00:02:59,320 --> 00:03:00,885
ipahayag na kami ay out sa upuan.

52
00:03:00,885 --> 00:03:03,760

53
00:03:03,760 --> 00:03:06,885
>> Pagkatapos alisin namin ang kanilang lugar
markahan mula sa Google Earth.

54
00:03:06,885 --> 00:03:11,310
Alisin namin ang kanilang mga marker mula sa Google Maps,
itakda sa loob ng aming mga pasahero '

55
00:03:11,310 --> 00:03:14,830
array lugar pananong at ang marker
sa null tulad ng sinabi namin bago.

56
00:03:14,830 --> 00:03:16,035
At pagkatapos na ito.

57
00:03:16,035 --> 00:03:17,050
Pasahero ay nakaupo.

58
00:03:17,050 --> 00:03:19,570
Sa sandaling tapos na namin na para sa lahat ng pasahero
sa loob ng 15 mga paa ng

59
00:03:19,570 --> 00:03:23,250
shuttle, kailangan naming i-rechart.

60
00:03:23,250 --> 00:03:30,270
>> Kaya Tsart ay kung ano ang nangyayari upang ipakita ang
pasahero sa mga puwesto sa ibabaw dito.

61
00:03:30,270 --> 00:03:32,760
Kaya ngayon, tingnan natin ang Chart ipaalam.

62
00:03:32,760 --> 00:03:37,960
Sa loob ng Tsart, kami ay pagpunta sa maging
bumubuo ang HTML para sa tsart.

63
00:03:37,960 --> 00:03:41,160
Kaya ang tsart ay pagpunta sa
maging isang iniutos listahan.

64
00:03:41,160 --> 00:03:44,300
Pagkatapos ay magpapadala kami umulit sa ibabaw ng lahat ng
ang upuan sa aming shuttle.

65
00:03:44,300 --> 00:03:48,450
Kaya kung ang partikular na upuan ay walang bisa, na
nangangahulugang gusto namin ang isang item List na

66
00:03:48,450 --> 00:03:50,800
ay nagpapahiwatig na ito ay isang walang laman na madaling.

67
00:03:50,800 --> 00:03:55,650
Iba Pa, kung ito ay hindi null, pagkatapos ay nais naming
isang item Listahan na ay pagpunta upang ipakita

68
00:03:55,650 --> 00:03:58,660
ang pangalan ng pasahero at
bahay ng pasahero

69
00:03:58,660 --> 00:04:00,420
na nasa puwestong ito.

70
00:04:00,420 --> 00:04:04,620
>> Sa sandaling nai-iterated namin sa paglipas ng lahat ng mga
upuan pagkatapos isara namin ang aming iniutos listahan

71
00:04:04,620 --> 00:04:09,410
at gamitin ang jQuery upang piliin ang div tsart
at palitan ito ng HTML gamit ang aming bagong

72
00:04:09,410 --> 00:04:10,550
Nakaayos listahan.

73
00:04:10,550 --> 00:04:12,090
At na ito para sa Tsart.

74
00:04:12,090 --> 00:04:15,170
>> Kaya huling bagay ay drop off.

75
00:04:15,170 --> 00:04:20,860
Ngayon drop off ay magiging
medyo kapareho sa pick up.

76
00:04:20,860 --> 00:04:24,150
Sa halip na looping sa ibabaw ng lahat ng
pasahero, kami ay pagpunta sa loop sa ibabaw

77
00:04:24,150 --> 00:04:25,780
lahat ng mga shuttle upuan.

78
00:04:25,780 --> 00:04:29,720
Kaya looping sa ibabaw ng shuttle upuan, kami
makita ay ang partikular na upuan shuttle

79
00:04:29,720 --> 00:04:32,850
hindi null, kung saan mayroong
isang pasahero sa puwestong ito.

80
00:04:32,850 --> 00:04:35,380
Kung iyon ang kaso, nais naming
upang grab ang latitude at

81
00:04:35,380 --> 00:04:37,030
longitude ng pasahero.

82
00:04:37,030 --> 00:04:42,110
>> Kaya gamit ang array ang bahay ni, kami ay
pagpunta sa grab ang bahay ng

83
00:04:42,110 --> 00:04:46,990
pasahero sa puwestong ito at pagkatapos ay i-grab ang
latitude ng na partikular na bahay

84
00:04:46,990 --> 00:04:49,070
at katulad para sa longitude.

85
00:04:49,070 --> 00:04:54,270
Ngayon, sa sandaling muli naming gamitin distansya upang makita ang
sa bahay na ay sa loob ng 30 talampakan sa atin.

86
00:04:54,270 --> 00:04:58,320
Kung iyon ang kaso, gusto nilang i-set
ito upuan sa null, dahil ang pasahero

87
00:04:58,320 --> 00:05:01,760
ay bumaba off, at patong na
isang pasahero ay bumaba off.

88
00:05:01,760 --> 00:05:05,910
Kaya na sa dulo, kung walang sinuman ay
bumaba off, ipahayag namin na walang sinuman

89
00:05:05,910 --> 00:05:07,600
Nais ni na bumaba off dito.

90
00:05:07,600 --> 00:05:12,510
>> Panghuli, kailangan naming i-rechart nang sa gayon ay
nagpapakita kami ng bago, walang laman upuan.

91
00:05:12,510 --> 00:05:15,770
Ngayon, kailangan mo lamang na ipatupad
ilang dagdag na mga tampok.

92
00:05:15,770 --> 00:05:17,680
Ngayon, mayroon kang maraming mai
na pinili mo mula sa.

93
00:05:17,680 --> 00:05:21,630
Ngunit sa aming kaso ipinatupad namin teleport,
lumilipad, at pagpapabilis, at

94
00:05:21,630 --> 00:05:22,770
bilis ng takbo ninyo pababa.

95
00:05:22,770 --> 00:05:25,100
Kaya tingnan natin ang mga ipaalam.

96
00:05:25,100 --> 00:05:27,830
Una, sabihin tumagal ng isang pagtingin sa
ang bilis ng takbo ninyo up ang tampok na ito.

97
00:05:27,830 --> 00:05:32,720
Kaya sa aming kaso, sa Keystroke
function, kung saan mayroon kami sa paghawak ng mga

98
00:05:32,720 --> 00:05:39,900
lahat ng mga susi, din kami ng pagpunta sa
makilala X at Z. Aling aming tinukoy

99
00:05:39,900 --> 00:05:43,720
na ang mga character ay pagpunta sa
maging sanhi ng bilis ang shuttle upang

100
00:05:43,720 --> 00:05:46,530
dagdagan at bawasan.

101
00:05:46,530 --> 00:05:50,940
>> Kaya mapapansin na inilalagay namin ang isang nakatali sa kung paano
mataas at kung paano ang isang mababang mga bilis maaari

102
00:05:50,940 --> 00:05:55,030
talaga pumunta dahil hindi namin nais
ang shuttle na maging masyadong mabilis.

103
00:05:55,030 --> 00:05:58,180
At kami din ayaw ang shuttle ni
kabilisan upang pumunta sa zero o marahil

104
00:05:58,180 --> 00:06:01,480
kahit negatibong na magreresulta
sa ilang mga kakaibang pag-uugali.

105
00:06:01,480 --> 00:06:03,890
At na ito para sa pagbaybay
up at alalay.

106
00:06:03,890 --> 00:06:05,980
>> Ngayon, sabihin tumagal ng isang pagtingin sa paglipad.

107
00:06:05,980 --> 00:06:11,370
Kaya tandaan na ang tampok na lumilipad
Nangangailangan ka upang ipasok ang Konami Code.

108
00:06:11,370 --> 00:06:18,070
Kaya hanggang sa tuktok, makikita natin na mayroon kami ng ilang
mga pangkalahatang variable, Konami Code na

109
00:06:18,070 --> 00:06:20,975
isang array na lamang pagpapanatiling track ng
key na kailangang ma-ipinasok para sa

110
00:06:20,975 --> 00:06:22,600
ang Konami Code.

111
00:06:22,600 --> 00:06:26,340
Mayroong isang Bool na nagpapahiwatig lamang
kung ang Konami Code ay mayroon

112
00:06:26,340 --> 00:06:27,660
naipasok.

113
00:06:27,660 --> 00:06:30,430
At pagkatapos ay mayroong index sa
ang array Konami Code na

114
00:06:30,430 --> 00:06:31,770
Ikinalulungkot namin sa kasalukuyan sa.

115
00:06:31,770 --> 00:06:36,020
>> Kaya kung ang gumagamit ay nagpasok ng tatlong
character ng Konami Code

116
00:06:36,020 --> 00:06:40,530
pagkatapos ay ang index ay pagpunta upang tumuro sa
ang ika-apat na bagay sa array, ang

117
00:06:40,530 --> 00:06:42,150
ikatlong index.

118
00:06:42,150 --> 00:06:44,630
Gamit na, sa sandaling muli kami ay
tumingin sa key stroke.

119
00:06:44,630 --> 00:06:48,040

120
00:06:48,040 --> 00:06:51,910
At sa key stroke makita namin dito na kung
ang Konami Code hindi pa naging

121
00:06:51,910 --> 00:06:58,410
ipinasok, pagkatapos ay nais naming makita ay ang
key na naipasok kung ano kami ay

122
00:06:58,410 --> 00:07:01,250
Kasalukuyang umaasang mula sa
ang array Konami Code.

123
00:07:01,250 --> 00:07:04,350
Kung iyon ang kaso, pagkatapos ay
dinagdagan namin ang aming index.

124
00:07:04,350 --> 00:07:07,660
>> Kung Up pagkatapos index mga uri ng gumagamit
ay pagpunta sa pumunta sa isa.

125
00:07:07,660 --> 00:07:10,280
Pagkatapos ng user type up muli,
sa index napupunta sa dalawa.

126
00:07:10,280 --> 00:07:12,150
Pagkatapos ay makakakita type sila pababa,
ito ay pumunta sa tatlong.

127
00:07:12,150 --> 00:07:17,320
Kung type sila Q, makikita ito i-reset sa
zero dahil hindi nila tumutugma

128
00:07:17,320 --> 00:07:20,140
ang inaasahang halaga.

129
00:07:20,140 --> 00:07:24,810
Ngayon, kung pinamamahalaan nila upang makakuha ng sa pamamagitan ng
buong array pagkatapos na iyong ipinasok nila ang

130
00:07:24,810 --> 00:07:26,280
Konami Code.

131
00:07:26,280 --> 00:07:33,960
Kung saan, ngayon na ipinasok ng Konami
Totoo, nakikita namin pababa dito na kung

132
00:07:33,960 --> 00:07:40,460
Konami ay ipinasok, tumatanggap kami ng dalawang bagong
mga susi, C at E. Aling lahat ng mga gagawin

133
00:07:40,460 --> 00:07:45,800
Naka-set ang lumilipad pababang at lumilipad
paitaas estado sa shuttle.

134
00:07:45,800 --> 00:07:48,530
Kaya ay umiiral na para sa iyo.

135
00:07:48,530 --> 00:07:51,190
Kailangan mo lamang na kumuha
Samantalahin ang mga ito.

136
00:07:51,190 --> 00:07:52,890
At na ito para sa paglipad.

137
00:07:52,890 --> 00:07:54,680
>> Huling, na-teleport namin.

138
00:07:54,680 --> 00:08:00,710
Kaya sa loob ng HTML, nakita namin na
nagdagdag kami ng isang input box at

139
00:08:00,710 --> 00:08:02,270
pindutan teleport.

140
00:08:02,270 --> 00:08:08,300
Kahon ay may ID address, at ang pindutan ng
May teleport pindutan ng ID.

141
00:08:08,300 --> 00:08:13,970
Ngayon isa nakakainis maliit na detalye ay na
kung hindi kami gumawa ng anumang bagay na may kaganapan

142
00:08:13,970 --> 00:08:19,210
handler pagkatapos kapag sinusubukan naming i-type ang
isang bagay tulad ng A papunta sa input box,

143
00:08:19,210 --> 00:08:25,250
sa halip na aktwal na tinali A, aming Google
Earth ay pagpunta upang lumipat sa

144
00:08:25,250 --> 00:08:30,040
iniwan dahil A ay nakarehistro
upang pangasiwaan ang paglipat sa kaliwa.

145
00:08:30,040 --> 00:08:35,100
>> Kaya ang mga nakakainis na detalye dito ay na
kapag kami ay may isang key pababa o key up

146
00:08:35,100 --> 00:08:40,789
kaganapan sa loob ng kahon ng input, nais naming
sa event.stop pagtatanim ng halaman na siyang

147
00:08:40,789 --> 00:08:43,830
lamang ng pagpunta upang maiwasan ang
pag-slide ng shuttle.

148
00:08:43,830 --> 00:08:48,510
Sa sandaling na paghawak, kagustuhan din namin na magdagdag
isang humahawak ng pindutan teleport.

149
00:08:48,510 --> 00:08:52,880
Kapag nag-click namin ang pindutang teleport, namin
grab ang address, kung saan ay ang kasalukuyang

150
00:08:52,880 --> 00:08:57,580
halaga sa input box, at pagkatapos ay
tinatawag naming ito teleport function.

151
00:08:57,580 --> 00:09:00,910
>> Kaya ano ang ginagawa ng teleport
function na hitsura?

152
00:09:00,910 --> 00:09:04,840
Well, ang unang bagay na makita namin ay hindi namin
gamit geocoder. geocode.

153
00:09:04,840 --> 00:09:06,940
Kaya kung ano ay na?

154
00:09:06,940 --> 00:09:10,330
Well, kung tiningnan namin sa tuktok,
nakita namin na mayroon kami ng isang bagong

155
00:09:10,330 --> 00:09:13,860
global variable, geocoder.

156
00:09:13,860 --> 00:09:17,500
At ito ay isang pandaigdigang sanggunian
sa isang pag-geocode serbisyo.

157
00:09:17,500 --> 00:09:19,380
Ngayon kung ano ang gagawin para sa amin?

158
00:09:19,380 --> 00:09:23,810
Well, sa input box, pupuntahan ko maging
pagpasok ng isang bagay tulad ng 33 Oxford

159
00:09:23,810 --> 00:09:26,040
Street Cambridge, Massachusetts.

160
00:09:26,040 --> 00:09:28,580
Ngunit hindi namin talaga ang magagawa
anumang bagay na may na.

161
00:09:28,580 --> 00:09:31,760
Gusto naming i-convert na sa
latitude at longitude.

162
00:09:31,760 --> 00:09:34,940
At na kung ano ang serbisyo geocode
ay pagpunta sa gawin para sa amin.

163
00:09:34,940 --> 00:09:40,630
Sa ilalim ng initcb, nakita namin na
mayroon kaming geocoder ay katumbas ng bagong

164
00:09:40,630 --> 00:09:45,830
google.maps.geocoder na initializes
ito variable para sa amin.

165
00:09:45,830 --> 00:09:47,930
>> Kaya i-back sa teleport.

166
00:09:47,930 --> 00:09:51,240
Nakakakita kami ng aming ginagamit ang geocoder.

167
00:09:51,240 --> 00:09:54,970
Kami ay Geocoding sa address na noon ay
pumasang sa teleport function na kung saan

168
00:09:54,970 --> 00:09:57,450
ay grabbed mula sa input box.

169
00:09:57,450 --> 00:10:02,020
At kami ay pagpasa ito ang isang tawag pabalik
na kumukuha ng mga resulta at katayuan.

170
00:10:02,020 --> 00:10:05,905
Kaya unang bagay na kailangan namin upang suriin ang bawat
ang dokumento ng API ng google.maps.

171
00:10:05,905 --> 00:10:06,130
GeocodingService.

172
00:10:06,130 --> 00:10:08,330
Mga Mapa

173
00:10:08,330 --> 00:10:11,550
>> Kaya mayroon kaming upang suriin ang katayuan
upang makita kung ibinalik na ito.

174
00:10:11,550 --> 00:10:16,820
google.maps.GeocoderStatus.OK na
ay nagpapahiwatig na mayroon kami ng isang wastong resulta.

175
00:10:16,820 --> 00:10:19,310
Kung hindi kami, pagkatapos makuha namin, walang magagawa.

176
00:10:19,310 --> 00:10:20,990
Ito ay maaaring isang hindi wastong address.

177
00:10:20,990 --> 00:10:24,630
O kaya ang serbisyo ng API ay maaaring
naka-down o may alam?

178
00:10:24,630 --> 00:10:29,980
Sa pag-aakala na mayroon kami isang resulta ng tagumpay pagkatapos
kami ay pagpunta sa grab ang lokasyon mula sa

179
00:10:29,980 --> 00:10:30,790
ang resulta.

180
00:10:30,790 --> 00:10:34,220
At kami ay pagpunta upang itakda ang Google Map
sa kanang sulok sa ibaba upang maging

181
00:10:34,220 --> 00:10:38,870
nakasentro sa lokasyon na iyon at i-update ang
bus sa mapa sa lokasyong iyon.

182
00:10:38,870 --> 00:10:41,620
>> At ngayon ay kailangan naming i-update ang
Google Earth plug-in.

183
00:10:41,620 --> 00:10:45,340
Kaya i-update namin ang latitude at
longitude ng shuttle.

184
00:10:45,340 --> 00:10:50,570
At kailangan din namin na i-update
shuttle.localAnchorCartesian dahil kung

185
00:10:50,570 --> 00:10:55,250
kang tumingin sa shuttle.js, makikita mo na
na Pinapanatili rin ng track ng latitude

186
00:10:55,250 --> 00:10:56,310
at longitude.

187
00:10:56,310 --> 00:10:59,490
Kaya kung hindi namin i-update na, mayroon kaming ang
orihinal na latitude at longitude

188
00:10:59,490 --> 00:11:01,330
naka-imbak na nakatago sa isang lugar.

189
00:11:01,330 --> 00:11:06,490
Kaya sa pag-update na ngayon, tinatawag namin
shuttle.updateCamera upang i-refresh ang

190
00:11:06,490 --> 00:11:09,070
screen at ipakita sa amin ang aming bagong lokasyon.

191
00:11:09,070 --> 00:11:10,380
At na ito.

192
00:11:10,380 --> 00:11:11,500
Ang pangalan ko ay Rob.

193
00:11:11,500 --> 00:11:12,750
At ito ay Shuttle.

194
00:11:12,750 --> 00:11:18,080