1
00:00:00,000 --> 00:00:03,388
>> [MÜZİK OYUN]

2
00:00:03,388 --> 00:00:09,196

3
00:00:09,196 --> 00:00:10,180
>> DAVID J. MALAN: Merhaba.

4
00:00:10,180 --> 00:00:12,600
En doğru bir yürüyüşe atalım
Sorun Seti 8 Mashup,

5
00:00:12,600 --> 00:00:15,880
hangi size meydan okumaya devam ediyor
Google Maps için elemanlar üzerine çizmek

6
00:00:15,880 --> 00:00:20,905
Google News ve püre gelen elemanları ile
Birlikte bir web uygulaması içine onları o

7
00:00:20,905 --> 00:00:24,150
Bir kullanıcı arama sağlar
Yerel haberler için bir harita

8
00:00:24,150 --> 00:00:26,780
Belirli kasabalara,
şehirler ve posta kodları.

9
00:00:26,780 --> 00:00:31,040
Bunu yapmak için, biz gidiyoruz
Bazı HTML entegre, CSS, PHP, SQL,

10
00:00:31,040 --> 00:00:34,390
JavaScript, ve bir tekniktir
genel olarak sırayla AJAX olarak bilinen

11
00:00:34,390 --> 00:00:36,850
Bu sürükleyici oluşturmak için
kullanıcı deneyimi.

12
00:00:36,850 --> 00:00:38,920
>> Let ilk Google Maps kendisi için.

13
00:00:38,920 --> 00:00:41,220
Bu, elbette, belki de
tanıdık bir arayüz.

14
00:00:41,220 --> 00:00:45,070
Ama çıkıyor Google Haritalar
ayrıca API- uygulama sağlar

15
00:00:45,070 --> 00:00:48,360
arabirimini programlama ve bunun üzerinden
Google Maps unsurlarını alabilir

16
00:00:48,360 --> 00:00:50,740
ve içine entegre
Kendi uygulamalar.

17
00:00:50,740 --> 00:00:52,650
Gerçekten de, içinde bu
süreç, gidiyoruz

18
00:00:52,650 --> 00:00:55,140
URL'lerin bir çift bulmak için
özellikle yararlı

19
00:00:55,140 --> 00:00:57,820
açıklanan
Sorun Set 8 için şartname,

20
00:00:57,820 --> 00:01:00,980
özellikle bu Başlarken
Kılavuzu veya Geliştirici Kılavuzu

21
00:01:00,980 --> 00:01:07,640
Google Maps API Sürüm 3 için de
Google Maps API JavaScript gibi

22
00:01:07,640 --> 00:01:10,260
Bir v3 referans,
okumak için biraz daha gizemli

23
00:01:10,260 --> 00:01:14,600
ama aslında alt düzeyde tüm vardır
ne işlevler veya yöntemler hakkında ayrıntılar

24
00:01:14,600 --> 00:01:18,220
ve nesneler ve özellikleri ve
olaylar aslında API ile geliyor,

25
00:01:18,220 --> 00:01:20,720
ruhu içinde çok benzer
[duyulamaz] sayfalara.

26
00:01:20,720 --> 00:01:23,480
>> Şimdi bir göz atın, eğer
Google News, sen olacak

27
00:01:23,480 --> 00:01:25,370
belki burada bir tanıdık arayüz göreceksiniz.

28
00:01:25,370 --> 00:01:29,350
Ama aynı zamanda arama yapabilirsiniz çıkıyor
Belirli coğrafyalarda için Google Haberler

29
00:01:29,350 --> 00:01:32,000
Coğrafi olarak adlandırılan bir HTTP parametresi üzerinden.

30
00:01:32,000 --> 00:01:35,100
Aslında, ben yakınlaştırmak eğer
Burada, bunu görürsünüz

31
00:01:35,100 --> 00:01:41,672
Ben de değilim
news.google.com/news/section?geo=02138.

32
00:01:41,672 --> 00:01:43,630
Ve, gerçekten, ben Büyütmek eğer
dışarı, sen ben olduğumu görürsünüz

33
00:01:43,630 --> 00:01:47,090
bir sürü ile bir sayfaya bakarak
Cambridge, Massachusetts ilgili görüşleri.

34
00:01:47,090 --> 00:01:50,620
>> Bu arada, ben aslında değiştirirseniz
URL, böyle bir posta kodu olmamak

35
00:01:50,620 --> 00:01:55,580
ama biraz daha karışık bir şey
Cambridge, Massachusetts + gibi,

36
00:01:55,580 --> 00:02:00,740
artı yoludur nerede bir kodlamak
Bir URL boşluk karakteri ve Enter'a,

37
00:02:00,740 --> 00:02:02,907
aslında ben görürsünüz
hemen hemen aynı haberleri görüyorum.

38
00:02:02,907 --> 00:02:05,489
Belki biraz farklı
Cambridge aslında, çünkü

39
00:02:05,489 --> 00:02:06,910
Birden fazla posta kodları vardır.

40
00:02:06,910 --> 00:02:09,410
Şimdi nasıl olduğunu biliyoruz ve olur,
Aslında, ne şekilde yapabilirdim

41
00:02:09,410 --> 00:02:12,940
şehirleri ve kasabaları kravat
Olgu I zip kodları

42
00:02:12,940 --> 00:02:15,064
kullanıcının izin vermek istiyorum
ya bakmak için?

43
00:02:15,064 --> 00:02:17,480
Peki, orada çıkıyor
Bir web sitesi var denir

44
00:02:17,480 --> 00:02:20,060
geonames.org hangi
bir girişim var

45
00:02:20,060 --> 00:02:23,760
Her bir serbestçe erişilebilen veritabanı
coğrafi bilgi türlü,

46
00:02:23,760 --> 00:02:27,040
sadece ABD için değil, aynı zamanda
diğer ülkeler için de.

47
00:02:27,040 --> 00:02:30,430
Aslında, ben, burada bu URL'ye giderseniz hangi
Ayrıca set problem açıklanan

48
00:02:30,430 --> 00:02:34,510
şartname, bunu üç görürsünüz
zip dosyaları bir bütün demet listesi

49
00:02:34,510 --> 00:02:36,400
hangi birini sizin tarafınızdan indirebilirsiniz.

50
00:02:36,400 --> 00:02:39,900
Aslında, bu sorun için ayarlanmış
Eğer us.zip indirmek için gidiyoruz.

51
00:02:39,900 --> 00:02:43,790
Şimdi bu dosya içinde, bir bütündür
metin biçiminde veri demet.

52
00:02:43,790 --> 00:02:47,760
dosyaları çok benzer
CSV-- Virgülle Ayrılmış Değerler file--

53
00:02:47,760 --> 00:02:51,294
ama aslında kullandığı
sekmeleri alanları ayırmak için.

54
00:02:51,294 --> 00:02:53,710
Şimdi, bu arada, eğer bakarsanız
burada vurgulanan ettik ne,

55
00:02:53,710 --> 00:02:56,459
Bu dosyada alanlar gidiyor
ülke kodları gibi şeyler olmaya,

56
00:02:56,459 --> 00:02:58,980
posta kodları, yer adları,
ve daha sonra, bir formda

57
00:02:58,980 --> 00:03:04,230
veya diğer devletler ve ilçeler,
topluluklar, ve daha fazlası.

58
00:03:04,230 --> 00:03:06,630
Aslında, ben zaten oldum
önceden bu dosyayı karşıdan.

59
00:03:06,630 --> 00:03:09,750
Bana devam edelim ve ötürü-- açın
Gerçekten, sen olacak, us.text-- ve

60
00:03:09,750 --> 00:03:16,660
Ben 16.792 satır aşağı kaydırın görmek
Eğer, Cambridge birkaç kayıtlarını görürsünüz

61
00:03:16,660 --> 00:03:19,120
Massachusetts ve çeşitli posta kodları.

62
00:03:19,120 --> 00:03:22,150
Ne de orada görmek, ilçe
Gerçekten bilmiyorum bazı numaralar

63
00:03:22,150 --> 00:03:24,500
Ayrıca tüm anlıyorum, ama
Sağdaki yol,

64
00:03:24,500 --> 00:03:27,170
Bazı GPS coordinates--
Enlem ve boylam.

65
00:03:27,170 --> 00:03:30,440
Bu harika biri, çünkü
Google Maps API özellikleri

66
00:03:30,440 --> 00:03:33,670
algılayabilmesidir
Eğer coğrafi nerede

67
00:03:33,670 --> 00:03:36,850
GPS koordinatları açısından.

68
00:03:36,850 --> 00:03:40,210
>> Şimdi nasıl anlamaya başlayalım
bunları birlikte ipe başlar.

69
00:03:40,210 --> 00:03:42,900
Size bir bütün verdim
Dağıtım kod demet,

70
00:03:42,900 --> 00:03:44,970
yanı sıra MySQL veritabanı olarak.

71
00:03:44,970 --> 00:03:49,100
Ben çekin Aslında, bir phpMyAdmin sahip
Zaten ithal, yakında olacak gibi,

72
00:03:49,100 --> 00:03:54,800
pset8.SQL, bir MySQL tablo göreceksiniz ki
Bu gibi görünüyor, bir kimlik alanı, ülke

73
00:03:54,800 --> 00:03:57,400
kodu, posta kodu, yer adı ve daha fazlası.

74
00:03:57,400 --> 00:04:00,490
tüm bu türleri
sütunları Ben sadece türetilmiş

75
00:04:00,490 --> 00:04:03,870
readme.text okuyarak
Belirtilen Burada dosyası

76
00:04:03,870 --> 00:04:07,330
Bir alan bir tam sayı olup,
veya varchar veya benzeri olabilir.

77
00:04:07,330 --> 00:04:10,510
>> Yani biz bu tabloyu oluşturduk
sen ve sana SQL komutları verilen

78
00:04:10,510 --> 00:04:12,770
Bu oluşturmak için çalıştırmak için
Kendi veritabanında tablo,

79
00:04:12,770 --> 00:04:15,290
ancak henüz aslında hiçbir veri yok.

80
00:04:15,290 --> 00:04:19,600
Aksine, sizin zorunda gidiyoruz
us.zip indirmek veya herhangi bir ülkenin bir zip

81
00:04:19,600 --> 00:04:21,500
Oradaki URL'den dosya.

82
00:04:21,500 --> 00:04:24,940
Ve sonra yazmak zorunda gidiyoruz
bu PHP komut satırı komut

83
00:04:24,940 --> 00:04:28,420
Bu metni açacak
, dosya kendi hatları üzerinden yineleme,

84
00:04:28,420 --> 00:04:31,180
ve bundan sonra da her biri için
bu satırları bir ekleme yapmak

85
00:04:31,180 --> 00:04:34,940
Bu tabloyu yerleştirir içine
MySQL veritabanı.

86
00:04:34,940 --> 00:04:37,880
Bu sürecin sonunda, sen olacak Yani
sonuçta bu komut dosyasını çalıştırın var

87
00:04:37,880 --> 00:04:39,610
Sadece bir kez teoride.

88
00:04:39,610 --> 00:04:41,780
Gerçekte muhtemelen olacak
o zaman bir demet çalıştırın

89
00:04:41,780 --> 00:04:45,460
ise çeşitli hataları düzeltmek için çalışıyorum.

90
00:04:45,460 --> 00:04:48,440
>> Sonuçta, bir için gidiyoruz
Binlerce gerçekten büyük veritabanı

91
00:04:48,440 --> 00:04:50,139
coğrafi satır ve binlerce.

92
00:04:50,139 --> 00:04:52,930
Sonra o içe koymak için gidiyoruz
komut kenara işe yarıyor kez

93
00:04:52,930 --> 00:04:55,140
ve veritabanı güzel
ve doğru ve daha sonra

94
00:04:55,140 --> 00:04:58,880
aslında geçmek için gidiyoruz
mashup kendisi uygulanması.

95
00:04:58,880 --> 00:05:01,670
mashup bakmak için gidiyor
Bu gibi küçük bir şey.

96
00:05:01,670 --> 00:05:05,165
Mashup.cs50.net olarak,
bir personel çözüm var

97
00:05:05,165 --> 00:05:06,990
bu gibi küçük bir şey görünüyor.

98
00:05:06,990 --> 00:05:11,070
Nitekim, bu gazete tıklarsanız
Cambridge, Massachusetts için ikonunu,

99
00:05:11,070 --> 00:05:13,300
Bir iplik görürsünüz
kısaca ve daha sonra simge

100
00:05:13,300 --> 00:05:16,370
Bir sıralı liste, bir
makalelerin madde işaretli liste

101
00:05:16,370 --> 00:05:18,280
Cambridge, Massachusetts ile ilgili.

102
00:05:18,280 --> 00:05:20,352
Ben Charlestown üzerine tıklarsanız,
Massachusetts

103
00:05:20,352 --> 00:05:21,685
Ben o şehir için aynı görürsünüz.

104
00:05:21,685 --> 00:05:24,174
Ve ben üzerine tıklarsanız
Watertown, Massachusetts,

105
00:05:24,174 --> 00:05:26,090
Herhangi olmayabilir
Watertown gelen haberler,

106
00:05:26,090 --> 00:05:28,630
böylece bir şey görürsünüz
Yavaş haber gün gibi.

107
00:05:28,630 --> 00:05:32,140
>> Şimdi, bu arada, sol üst kısmında bulunmaktadır
bazı tanıdık Google Haritalar kontrolleri

108
00:05:32,140 --> 00:05:34,980
, pan uzaklaştırmak izin
yukarı, aşağı, sola ve sağa,

109
00:05:34,980 --> 00:05:37,360
ama aynı zamanda biz orada koymak arama kutusu.

110
00:05:37,360 --> 00:05:40,910
Yani açıkçası, için arama yaparsanız,
Ben biliyorum sadece diğer posta kodu,

111
00:05:40,910 --> 00:05:45,020
90210, aslında görürsünüz
Beverly Hills, California.

112
00:05:45,020 --> 00:05:48,550
Tıklandığında zaman beni neden
Kaliforniya ve bir sürü

113
00:05:48,550 --> 00:05:50,369
Beverly Hills hakkında haber.

114
00:05:50,369 --> 00:05:51,910
Şimdi ne oldu orada, çok fark.

115
00:05:51,910 --> 00:05:57,040
Hatta 02.138 ya da için I Eğer bu sefer arama
Cambridge virgül Massachusetts ya da bazı

116
00:05:57,040 --> 00:06:00,300
varyantı, bir olsun
Küçük otomatik tamamlama açılır.

117
00:06:00,300 --> 00:06:03,840
Şimdi bu eklenti kullanıyor
JQuery adlı bir kütüphane,

118
00:06:03,840 --> 00:06:05,732
ve bu eklenti typeahead olarak adlandırılır.

119
00:06:05,732 --> 00:06:07,440
Biz sadece okumak
dokümantasyon,

120
00:06:07,440 --> 00:06:13,150
js entegre dosya indirilen
Dağıtım koduna yüzden size o

121
00:06:13,150 --> 00:06:16,900
sonuçta kod yazabilirsiniz
Otomatik o açılır menüsünü doldurur

122
00:06:16,900 --> 00:06:19,350
seçimleri veya otomatik önerileri.

123
00:06:19,350 --> 00:06:23,820
>> Şimdi dağıtım kod olsa da, bu
Eğer neredeyse kadar yapmaz aldı.

124
00:06:23,820 --> 00:06:26,860
Google Map gömülü olsun, ve
Eğer sol üst denetimleri olsun

125
00:06:26,860 --> 00:06:28,240
ve arama kutusu olsun.

126
00:06:28,240 --> 00:06:32,760
Ama böyle bir şey yazarsanız
02138, hiçbir yerde yapılmamış bulunur.

127
00:06:32,760 --> 00:06:34,730
Yani olacak
Burada bizim hedeflerinden biri.

128
00:06:34,730 --> 00:06:37,430
Ayrıca, bir adım atmak durumunda
sırt ve harita kendisine bakmak,

129
00:06:37,430 --> 00:06:38,950
hiçbir haber yok.

130
00:06:38,950 --> 00:06:41,780
Ben tıklayın bile ve
sürükleme, aslında hiçbir belirteçler

131
00:06:41,780 --> 00:06:45,560
çünkü haber için görünür
zorluk de sizin için bırakılır.

132
00:06:45,560 --> 00:06:48,490
>> En sonra bir göz atalım
Dağıtım kodu.

133
00:06:48,490 --> 00:06:51,460
Eğer indirdikten sonra
pset8.zip ve sıkıştırması

134
00:06:51,460 --> 00:06:54,430
senin sankon dizine
CS50 cihazda,

135
00:06:54,430 --> 00:06:56,550
Bu göreceksiniz
İçeride dizinleri.

136
00:06:56,550 --> 00:07:00,200
Genel olarak açılımı Bin--
yürütülebilir programs-- için ikili

137
00:07:00,200 --> 00:07:04,870
pset7 olarak içerir, bazı PHP
Diğer dosyalar şunlardır dosyalar,

138
00:07:04,870 --> 00:07:06,710
o zaman kamu,
ihtiyaç dosyalar

139
00:07:06,710 --> 00:07:09,369
kamuya erişilebilir olması için
Bir tarayıcı ile bir kullanıcıya.

140
00:07:09,369 --> 00:07:11,410
En bir göz atalım
bin dizini ve yaparız

141
00:07:11,410 --> 00:07:13,890
Bir dosya var olduğunu görmek
Zaten İthalat orada denir.

142
00:07:13,890 --> 00:07:17,591
Biz gedit ile bu açarsanız, biz göreceğiz
Bu, ne yazık ki, pek bir şey yok

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

144
00:07:18,090 --> 00:07:20,250
Olsa, orada olduğunu Tüm,
üstünde bir mesele olduğunu

145
00:07:20,250 --> 00:07:23,410
belirten hangi
Bu durumda interpreter-- PHP--

146
00:07:23,410 --> 00:07:25,759
Aslında için kullanılmalıdır
Bu dosyayı yürütmek.

147
00:07:25,759 --> 00:07:27,550
Ama sonra diyor nerede
Sen nerede YAPILACAK olduğunu

148
00:07:27,550 --> 00:07:31,130
bazı kod yazmak için ihtiyacımız olacak
muhtemelen yapılandırma gerektirir

149
00:07:31,130 --> 00:07:35,820
dizin içerir öyle dosyası
PHP dosyaları ile daha önce yaptığım gibi.

150
00:07:35,820 --> 00:07:38,180
Ve sonra gidiyoruz
şekilde açmak zorunda

151
00:07:38,180 --> 00:07:41,920
us.text hangi size muhtemelen
Zaten fermuarını açıp var.

152
00:07:41,920 --> 00:07:44,690
Sonra zorunda gidiyoruz
bu dosyada hatları üzerinden yineleme,

153
00:07:44,690 --> 00:07:47,800
belki bazı fonksiyonları kullanarak
tarifnamede önerilen.

154
00:07:47,800 --> 00:07:51,390
Sonra o her eklemek
MySQL veritabanı içine hatları

155
00:07:51,390 --> 00:07:54,940
Sorgu işlevini kullanarak hangi
Yine Şarkı söylemeyi kes sağladık

156
00:07:54,940 --> 00:07:58,010
ya da en azından bir varyantı
bunların functions.php

157
00:07:58,010 --> 00:07:59,560
hangi biz sadece bir an görürsünüz.

158
00:07:59,560 --> 00:08:04,430
>> Şimdi ithalat kapatmak ve geri dönelim
bizim dizin ve bu sefer gitmek

159
00:08:04,430 --> 00:08:05,300
içerir.

160
00:08:05,300 --> 00:08:09,210
Orada ls yaparsam Ve görürsünüz
Oldukça Sorun Set 7 gibi üç dosya.

161
00:08:09,210 --> 00:08:13,760
Ve en hızlı göz atalım,
Örneğin, config.php de.

162
00:08:13,760 --> 00:08:16,730
Orada, daha az hatları
daha önce, ve bunu

163
00:08:16,730 --> 00:08:20,712
Bu dosya içerir görünüyor
constants.php ve functions.php.

164
00:08:20,712 --> 00:08:23,670
Biz biraz farklı kullanıyorsanız
tekniği aslında etrafında bu sefer

165
00:08:23,670 --> 00:08:30,910
Bu dosyalar göreceli olduğunu belirtmek
geçerli dizine __ DIR__

166
00:08:30,910 --> 00:08:35,280
temsil olursa olsun dizin bu
dosya Config.php, kendisi.

167
00:08:35,280 --> 00:08:37,600
Yani bu bir daha
belirterek açık yolu

168
00:08:37,600 --> 00:08:40,100
İstediğiniz istediğiniz başka hangi dosyaları.

169
00:08:40,100 --> 00:08:44,020
>> Şimdi bu dosyayı kapatın ve eğer
yerine constants.php açmak,

170
00:08:44,020 --> 00:08:47,430
çok anımsatan bir dosya görürsünüz
Sorunu Seti 7 en yanı sıra, olsa

171
00:08:47,430 --> 00:08:50,050
pset8 denilen farklı bir veritabanı ile.

172
00:08:50,050 --> 00:08:54,020
Son olarak, functions.php
Biz sadece bir fonksiyonu görürsünüz

173
00:08:54,020 --> 00:08:55,942
Sorgu denen bu sefer.

174
00:08:55,942 --> 00:08:59,150
Bu biz idare dışında hemen hemen aynıdır
biraz etrafında hataları bu sefer

175
00:08:59,150 --> 00:09:02,860
farklı, ama kullanım olup bu
sorun aynı yedi set.

176
00:09:02,860 --> 00:09:08,090
>> Şimdi bizim pset8 geri gidelim
Dizin, halkın içine gidin ve orada

177
00:09:08,090 --> 00:09:14,420
Ben ls bunu yaparsanız, bu-- görürsünüz
articles.php, index.html, search.php,

178
00:09:14,420 --> 00:09:16,940
ve tüm dosyaları update.php--.

179
00:09:16,940 --> 00:09:22,010
Ve sonra css yazı tipleri, img, ve
Oldukça pset7 gibi js dizin.

180
00:09:22,010 --> 00:09:24,660
>> En az bir göz atalım
olan index.html,

181
00:09:24,660 --> 00:09:27,290
Gerçekten olacak
smashup giriş noktası.

182
00:09:27,290 --> 00:09:31,820
Şimdi index.html olarak, bir bütün görürsünüz
baş bağlantı elemanlarının demet,

183
00:09:31,820 --> 00:09:36,540
özel olarak ise, kendi için ön-yükleyici için
Script bir sürü takip CSS

184
00:09:36,540 --> 00:09:41,520
haritalar, API gibi şeyler için etiketleri
kendisi, etiket ile özel bir işaretleyici

185
00:09:41,520 --> 00:09:44,950
biz söz yarar
şartname, sizin için kullanılabilir

186
00:09:44,950 --> 00:09:48,420
jQuery kendisi önyükleme
kendisi ve bir kütüphane

187
00:09:48,420 --> 00:09:50,990
denilen çizgi hangi
Biz spec hakkında konuşmak.

188
00:09:50,990 --> 00:09:57,031
Jquery.js gibi Underscore.js
bir JavaScript kütüphanesi

189
00:09:57,031 --> 00:10:00,280
Bu işlevsellik bir sürü vardır
dünya dilek bir sürü insan

190
00:10:00,280 --> 00:10:02,020
JavaScript kendisi var.

191
00:10:02,020 --> 00:10:04,560
Yani bütün bunlar vardır
aslında oldukça popüler.

192
00:10:04,560 --> 00:10:07,140
Biz de typeahead söz ettik
Kütüphane olanı

193
00:10:07,140 --> 00:10:11,180
yaptığı otomatik tamamlama açılır ve
Sonunda kendi JavaScript bir bağlantı.

194
00:10:11,180 --> 00:10:13,880
>> Bu arada, ve belki
Neyse ki, bu mashup

195
00:10:13,880 --> 00:10:17,550
göreceli olarak daha az tahrik edilir
Buraya altındaki HTML.

196
00:10:17,550 --> 00:10:22,330
Biz div belirtilen ettik Bildirimi
sınıf konteyner sıvı vücudumuz.

197
00:10:22,330 --> 00:10:24,610
Bu, önyükleme başına en
dokümantasyon, sadece

198
00:10:24,610 --> 00:10:29,840
Bu div doldurmak için gidiyor demektir
viewport'un veya tamamen tarayıcı penceresi.

199
00:10:29,840 --> 00:10:33,020
>> Bu arada, aşağıda bir div var
açılmış ve hemen kapalıdır

200
00:10:33,020 --> 00:10:34,790
Harita tuval benzersiz kimliği ile.

201
00:10:34,790 --> 00:10:37,400
Bu artık Google'dan olduğunu
Haritalar dokümantasyon

202
00:10:37,400 --> 00:10:42,490
kendi API için burada ben sadece gerekir
, enjekte içine boş bir div var

203
00:10:42,490 --> 00:10:44,470
sonuçta, gerçek bir Google Haritalar.

204
00:10:44,470 --> 00:10:46,310
Ama sadece biraz bu konuda daha fazla.

205
00:10:46,310 --> 00:10:48,850
>> Son olarak, bir formu var
Burada içinde hangi

206
00:10:48,850 --> 00:10:52,930
Metin kutusu sol üst uygular
arama için arayüz.

207
00:10:52,930 --> 00:10:54,730
Kullandığımız Bildirimi
bootstrap biraz

208
00:10:54,730 --> 00:10:57,670
Burada gibi şeyler too--
Form-inline ve form grup.

209
00:10:57,670 --> 00:11:00,080
Biz eski verdik
Formun benzersiz kimlik.

210
00:11:00,080 --> 00:11:04,510
Ve sonra, sonuçta, ben aslında var
Oldukça tanıdık bir giriş tipi,

211
00:11:04,510 --> 00:11:06,440
q olan bir kimliktir.

212
00:11:06,440 --> 00:11:07,230
Sadece bir kongre.

213
00:11:07,230 --> 00:11:09,234
Query-- olabilir Q
bir şey çağrıldı.

214
00:11:09,234 --> 00:11:11,400
Ve sonra tutucu,
Bu arada, şehir, devlet,

215
00:11:11,400 --> 00:11:16,200
ve posta kodu çağırmak olabilir
Demo önce bizim mashup görmeye.

216
00:11:16,200 --> 00:11:17,980
Şimdi bu dosyayı kapatalım.

217
00:11:17,980 --> 00:11:24,460
>> Şimdi PHP dosyaları bakmak olduğunu
bekliyor ve sonra JavaScript dosyaları.

218
00:11:24,460 --> 00:11:27,700
Bizim PHP dosyaları, biz ettik
zaten sizin için uygulanan,

219
00:11:27,700 --> 00:11:29,960
Örneğin, güncellemeler.

220
00:11:29,960 --> 00:11:35,060
Biz büyük bir harcama olmaz Update.php--
Özetle ötürü-- zaman miktarı

221
00:11:35,060 --> 00:11:38,400
dosya olduğunu bizim,
JavaScript kodu gidiyor

222
00:11:38,400 --> 00:11:41,610
AJAX irtibata ki
var asenkron tekniği

223
00:11:41,610 --> 00:11:45,980
olduğunu bu gün JavaScript yerleşik
Bizi update.php sormak için izin gidiyor

224
00:11:45,980 --> 00:11:47,410
Daha fazla bilgi için.

225
00:11:47,410 --> 00:11:50,045
>> Özellikle, zaman
Kullanıcı haritasını sürükler

226
00:11:50,045 --> 00:11:53,310
ya atlar bir arama gerçekleştirir
başka bir yere veya kullanıcı,

227
00:11:53,310 --> 00:11:55,250
JavaScript kodu,
yakında göreceğimiz gibi, bir

228
00:11:55,250 --> 00:11:59,610
update.php arayacaksın
ve 10 ya da öylesine belirteçler sormak

229
00:11:59,610 --> 00:12:02,630
görünüm içinde temelli
GPS koordinatlarına

230
00:12:02,630 --> 00:12:06,510
üst ve alt
Bu haritanın köşelerinde.

231
00:12:06,510 --> 00:12:10,520
Biz o zaman şimdi bu haritayı yeniden oluşturulacaktır olabilir
Kullanıcı sırayla ekrana taşındı

232
00:12:10,520 --> 00:12:14,210
10 olasılıkla yeni görmek için
Farklı şehirler için belirteçleri.

233
00:12:14,210 --> 00:12:18,340
Bu arada, bu dosya sonuçta bir
Bir SQL sorgusu çalıştırmak için gidiyor

234
00:12:18,340 --> 00:12:21,680
Bizim veritabanı karşı
tablo olarak adlandırılan yerler olan

235
00:12:21,680 --> 00:12:26,380
Bu geri gidiyor
10 veya daha az yer.

236
00:12:26,380 --> 00:12:32,620
>> Arada articles.php olarak, başka bir şeydir
Biz bütünüyle yazdık dosya.

237
00:12:32,620 --> 00:12:35,820
Bu ruhu çok benzer
Sorun Seti 7'nin ARA fonksiyonu,

238
00:12:35,820 --> 00:12:39,450
hangi sizin için Yahoo Finance temasa geçti.

239
00:12:39,450 --> 00:12:43,710
Bu dosya kişileri Google Haberler
Sizin için, sonuçta kapma

240
00:12:43,710 --> 00:12:46,050
Bir makine tarafından okunabilen
version-- şey

241
00:12:46,050 --> 00:12:49,720
haber RSS format-- denir
Cambridge veya Beverly Hills için

242
00:12:49,720 --> 00:12:52,880
ya da her türlü Kasaba aradık
için bu geoparameter dayalı.

243
00:12:52,880 --> 00:12:57,250
Biz sadece bir olduğunu RSS, ayrıştırmak
XML denilen biçimlendirme dili tipi,

244
00:12:57,250 --> 00:13:00,740
ve sonra biz aslında
tarayıcınıza geri

245
00:13:00,740 --> 00:13:03,570
ve JavaScript kodu,
özel olarak ise, bir biçimde adı

246
00:13:03,570 --> 00:13:06,097
JSON, JavaScript Object Notation.

247
00:13:06,097 --> 00:13:08,180
Şimdi göreceğiniz
specification-- sizi işaret

248
00:13:08,180 --> 00:13:10,720
aslında görebilirsiniz nasıl
JSON gelecek back-- bazı

249
00:13:10,720 --> 00:13:15,210
bu işlevi sonuçta
Bunu bu pop-up menüler doldurmak sağlar

250
00:13:15,210 --> 00:13:16,960
Eğer tıkladığınızda
Haritada bir işaretleyici üzerinde

251
00:13:16,960 --> 00:13:19,430
aslında bir sürü bakın
mermi, her biri

252
00:13:19,430 --> 00:13:21,020
Bir yazıya bağlantılar.

253
00:13:21,020 --> 00:13:25,000
>> Şimdi sonuncusu bir göz atalım
, Neyse, değil PHP dosyası

254
00:13:25,000 --> 00:13:27,970
çok şey var on-- gidiyor
Sadece oldukça büyük bir YAPILACAKLAR.

255
00:13:27,970 --> 00:13:32,170
Şu anda bu dosya beyan
Bir dizi yerler denir.

256
00:13:32,170 --> 00:13:35,980
Ve sonra sonuçta baskılar
JSON format-- bu dizi

257
00:13:35,980 --> 00:13:38,720
sadece bu yüzden oldukça yazdırma
şeyler debug kolay.

258
00:13:38,720 --> 00:13:41,480
Ne yazık ki, içinde
Orta Bu YAPıLACAK olduğu,

259
00:13:41,480 --> 00:13:46,890
Aramak için hangi aramalar
eşleşen yerler için veritabanı jeo HTTP

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

261
00:13:47,490 --> 00:13:49,865
>> Ve, gerçekten de, bu gidiyor
hakkında challenges-- biri

262
00:13:49,865 --> 00:13:54,240
Burada bu işlevi uygulamak için
böylece bu dosyayı irtibata geçtiğinizde

263
00:13:54,240 --> 00:14:00,610
arama gibi bir URL. php? jeo = şey,
kod sonuçta bir JSON dönecektir

264
00:14:00,610 --> 00:14:05,020
tüm yerleri dizisi senin
Bu girişi maç veritabanı tablosu.

265
00:14:05,020 --> 00:14:08,960
Cambridge kullanıcı türleri Yani eğer
Burada dosya search.php

266
00:14:08,960 --> 00:14:12,680
sonuçta bir JSON dizi dönmesi gerekir
Cambridge için tüm maçlarında için,

267
00:14:12,680 --> 00:14:16,990
Massachusetts olabilir, bu
ancak bu bile başka bir yerde olabilir.

268
00:14:16,990 --> 00:14:21,040
>> Son olarak, en ikide bir göz atalım
Statik ultimately-- olan dosyalar

269
00:14:21,040 --> 00:14:23,680
CSS dosyası ve JavaScript dosyası.

270
00:14:23,680 --> 00:14:26,779
Ben bizim CSS dizine giderseniz,
Dosyaların bir sürü, orada var

271
00:14:26,779 --> 00:14:28,070
ama onların çoğu kütüphaneler vardır.

272
00:14:28,070 --> 00:14:31,530
Ben bir göz almaya gidiyorum,
özel olarak ise, styles.css olarak,

273
00:14:31,530 --> 00:14:35,440
hangi var kendi küresel CSS
Bütün bu mashup stilize olacak.

274
00:14:35,440 --> 00:14:38,840
Eğer okumaya için bunu bırakacağım
Yorumlar Burada, ancak, kısaca,

275
00:14:38,840 --> 00:14:43,490
Bu sağlar CSS bizim
mashup, kutunun dışında varsayılan,

276
00:14:43,490 --> 00:14:46,950
Biz Durdur-- tam olarak istediğiniz şekilde görünüyor
görünümü noktasını dolum harita

277
00:14:46,950 --> 00:14:49,720
ve arama ile
sol üst kısmında yukarıya kutu.

278
00:14:49,720 --> 00:14:52,870
Biz de özgürlüğünü aldım
Bu typeahead açılan stilize

279
00:14:52,870 --> 00:14:55,170
Menü biraz da.

280
00:14:55,170 --> 00:14:58,030
>> En önemli dosya
belki set Bu sorun için

281
00:14:58,030 --> 00:15:01,070
Bu sonuncusu, scripts.js olduğunu.

282
00:15:01,070 --> 00:15:03,800
JS dizinin içi
daha dosyaları.

283
00:15:03,800 --> 00:15:08,090
Hepsi kütüphane dosyaları
Bu biri hariç, scripts.js.

284
00:15:08,090 --> 00:15:11,460
Bu kadar açarsanız, en alalım bizim
fonksiyonları ile son tur olduğunu

285
00:15:11,460 --> 00:15:13,820
Bu dosyada yerleşik
Sizin ve çağrı dikkat

286
00:15:13,820 --> 00:15:16,200
ileride Todos için.

287
00:15:16,200 --> 00:15:19,110
>> Bu dosyanın en üstünde,
Üç global değişkenler vardır.

288
00:15:19,110 --> 00:15:22,910
Gidiyor bir harita, One
Bizim Google harita için bir referans olacak.

289
00:15:22,910 --> 00:15:25,510
Bunu düşünebilirsiniz
tür bir işaretçi olarak.

290
00:15:25,510 --> 00:15:27,710
Bu arada, biz var
Başka bir global değişken

291
00:15:27,710 --> 00:15:31,500
gibi görünüyor denilen bilgileri,
Bir çağrının dönüş değeri depolamak

292
00:15:31,500 --> 00:15:34,170
Yeni google.maps.InfoWindow için.

293
00:15:34,170 --> 00:15:37,835
JavaScript nesneleri destekler
Struts ruhu çok benzer.

294
00:15:37,835 --> 00:15:40,250
Ve bu hat için
Bizim amaçları yapıyor

295
00:15:40,250 --> 00:15:42,820
Yeni bilgi yaratıyor
daha sonra bellek ve pencere

296
00:15:42,820 --> 00:15:46,330
Bir referans etrafında tutmak
Bilgi adında bir değişkene buna.

297
00:15:46,330 --> 00:15:48,330
Ve bu arada,
Bu arada, görünen ne

298
00:15:48,330 --> 00:15:51,060
Boş JavaScript olmak
dizi işaretçileri aradı.

299
00:15:51,060 --> 00:15:55,392
Bu gazete tüm simgelerin veya
tamamen başka bir simge seçebilirsiniz,

300
00:15:55,392 --> 00:15:57,350
saklanabilir olacak
sonuçta bu dizide

301
00:15:57,350 --> 00:16:01,570
biz çok kolayca ekleyebilirsiniz böylece
harita ve harita çıkarın.

302
00:16:01,570 --> 00:16:03,990
>> Şimdi aşağı kaydırmak let
biraz ve vızıltı

303
00:16:03,990 --> 00:16:07,690
olacak kodu ile
DOM veya belge en kısa sürede idam

304
00:16:07,690 --> 00:16:10,480
nesne modeli veya
Sayfanın kendisi hazır.

305
00:16:10,480 --> 00:16:12,942
Bu sözdizimi olduğunu hatırlayın
Burada sadece belirtir

306
00:16:12,942 --> 00:16:14,900
Aşağıdaki kodu bu
Sadece idam edilmelidir

307
00:16:14,900 --> 00:16:17,840
Tarayıcı bittiğinde
her şeyi yükleniyor.

308
00:16:17,840 --> 00:16:19,750
>> Biz ilk ilan
stilleri sürü,

309
00:16:19,750 --> 00:16:22,410
stylizing sona hangi
spec göre haritası.

310
00:16:22,410 --> 00:16:24,790
Biz daha sonra ilan
seçenekler sürü,

311
00:16:24,790 --> 00:16:28,630
ayrıca Google özelleştirmek hangi
Biz embed üzereyiz haritası.

312
00:16:28,630 --> 00:16:32,090
Daha sonra, jQuery kodu biraz kullanabilirsiniz
bu, biraz daha ayrıntılı olarak izah edilmektedir

313
00:16:32,090 --> 00:16:35,000
spec, kapmak için
Bu eleman, harita-tuval

314
00:16:35,000 --> 00:16:36,980
böylece benzersiz tanımlamıştır.

315
00:16:36,980 --> 00:16:40,640
Ve sonra bu çizgi burada
ne görünüyor sihirli bize vermek

316
00:16:40,640 --> 00:16:43,560
içinde bir Google haritası
Bizim kendi uygulama,

317
00:16:43,560 --> 00:16:47,020
başvuru buraya depolanması
Bu değişken denir haritada.

318
00:16:47,020 --> 00:16:50,550
>> Son olarak, buraya biz kayıt
ne bir dinleyici denir.

319
00:16:50,550 --> 00:16:54,690
Back-- yolu, yol düşünüyorum
CS50 haftada sıfır back--

320
00:16:54,690 --> 00:16:57,430
Biz Scratch baktı ne zaman ve
Bir yürüyüş yoluyla destek

321
00:16:57,430 --> 00:16:59,935
denilen şeyler için aracılığıyla
olaylar ve yayın.

322
00:16:59,935 --> 00:17:01,810
Sen kullanmış olabilir
kendiniz, ama var

323
00:17:01,810 --> 00:17:03,900
bir mekanizma sağlayan bir
Bu durumda, bir tarayıcı

324
00:17:03,900 --> 00:17:07,940
bu kadar zaman bizim dikkatini alabilirsiniz
aslında bazı kod yürütmesine hazır.

325
00:17:07,940 --> 00:17:12,170
Bu durumda, dinlemek için gidiyor
boşta denilen bir olay için haritaya.

326
00:17:12,170 --> 00:17:14,930
Bu tarayıcı sahip olduğu anlamına gelir
Google harita yükleme tamamladı.

327
00:17:14,930 --> 00:17:18,380
Bu noktada bir işlev olarak adlandırılan
yapılandırma gerekir sonuçta

328
00:17:18,380 --> 00:17:19,339
yürütülür.

329
00:17:19,339 --> 00:17:22,510
Bu işlev, yapılandırmak,
bize tarafından yazılmıştır, göreceksiniz.

330
00:17:22,510 --> 00:17:24,550
>> Şimdi buraya bir fonksiyondur
Bu, ne yazık ki,

331
00:17:24,550 --> 00:17:25,871
Sadece bir YAPıLACAK eklenti belirtecidir.

332
00:17:25,871 --> 00:17:28,620
Spec Başına. İhtiyacınız olacak
aslında kod yazmak için

333
00:17:28,620 --> 00:17:32,840
görünüyor olsun bir marker-- ekler
Bir gazete veya bir başparmak yapışma gibi,

334
00:17:32,840 --> 00:17:35,360
falan Google haritasına else--.

335
00:17:35,360 --> 00:17:37,720
İşte şimdi bu işlevi
yapılandırma denir.

336
00:17:37,720 --> 00:17:40,390
Okumak için bunu bırakacağım
daha ayrıntılı olarak bu sayesinde,

337
00:17:40,390 --> 00:17:42,600
ama biz eklemek fark
Bir demet fazla Dinleyiciler

338
00:17:42,600 --> 00:17:46,620
biz kod yürütmesine böylece
Kullanıcı tıkladığında ve harita sürükler.

339
00:17:46,620 --> 00:17:50,730
Biz de burada bu kodu var
Bu typeahead eklentisi başlatır

340
00:17:50,730 --> 00:17:53,120
Böylece açılan
Menü aslında çalışır.

341
00:17:53,120 --> 00:17:55,690
>> Ama sadece bir odaklanmak edelim
Burada yerlerde çift.

342
00:17:55,690 --> 00:17:57,590
Özellikle, bu burada yapmak.

343
00:17:57,590 --> 00:18:00,410
Ben çevrimiçi riayet edeceğiz
dokümantasyon ve şartname

344
00:18:00,410 --> 00:18:02,530
için nasıl bu TODO doldurmak için.

345
00:18:02,530 --> 00:18:05,890
Ama Özetle, bu kütüphane
typeahead Eğer geçmesine izin verir

346
00:18:05,890 --> 00:18:09,790
Genellikle bir şablon olarak bilinen ne,
Bazı değişken tutucuları olan

347
00:18:09,790 --> 00:18:13,690
printf en% ruhu çok benzer. * s.

348
00:18:13,690 --> 00:18:16,030
Ancak bu durumda,
spec başına şablon

349
00:18:16,030 --> 00:18:18,760
Belirttiğiniz olanak sağlar
Ne değişkenler istediğiniz

350
00:18:18,760 --> 00:18:24,880
geldi verilerden enjekte
geri PHP gibi bir şey

351
00:18:24,880 --> 00:18:29,810
Yazdığınız dosyalar
Bu JSON çıktı yayan vardır.

352
00:18:29,810 --> 00:18:35,170
>> Şimdi buraya biz biliyoruz
typeahead seçimleri için dinleme

353
00:18:35,170 --> 00:18:38,050
ne zaman kullanıcı aslında yapar
Bir arama ve bir değer seçer.

354
00:18:38,050 --> 00:18:40,270
Bu aslında konum nasıl
Bunun için dinlemek için gidiyor

355
00:18:40,270 --> 00:18:42,250
ve sonuç olarak bazı kod yürütmesine.

356
00:18:42,250 --> 00:18:45,300
Sonra yapılandırmak devam
mashup biraz.

357
00:18:45,300 --> 00:18:48,000
Ve sonuçta, biz diyoruz
Bu işlev güncelleme.

358
00:18:48,000 --> 00:18:49,640
Bu ekranda işaretçileri günceller.

359
00:18:49,640 --> 00:18:51,529
Sadece bir an içinde bu konuda daha fazla.

360
00:18:51,529 --> 00:18:53,570
Bu arada, bir kaç var
Burada küçük fonksiyonlar.

361
00:18:53,570 --> 00:18:56,820
Bir hideInfo olan
sadece InfoWindow kapatır.

362
00:18:56,820 --> 00:19:00,020
Burada bir diğer işlevi, hangi sonuçta
çok uzun olmayacak, işaretleri kaldırılır.

363
00:19:00,020 --> 00:19:03,580
Yani geri gidiyor ne
senin eklenti işaretleyici işlevi yapar.

364
00:19:03,580 --> 00:19:04,960
Ve sonra buraya aramasıdır.

365
00:19:04,960 --> 00:19:08,610
Ve bu ilginç çünkü biz
bu JavaScript kodu yazdım

366
00:19:08,610 --> 00:19:13,490
üzerinde search.php konuşacağım
Sunucu ve bazı yanıt geri almak.

367
00:19:13,490 --> 00:19:16,110
>> Siz, tabii, yine olacak
search.php uygulamak gerekir,

368
00:19:16,110 --> 00:19:18,310
ama biz uyguladık
Var JavaScript kodu

369
00:19:18,310 --> 00:19:22,480
performans aslında işlemek için gidiyor
Bu metin kutusundan arar.

370
00:19:22,480 --> 00:19:25,340
Özellikle, bildirimde
Burada bu işlev,

371
00:19:25,340 --> 00:19:29,160
arama, search.php çağrı yok
adı verilen bir yöntemle,

372
00:19:29,160 --> 00:19:31,072
Biz derste gördüğümüz JSON, olsun.

373
00:19:31,072 --> 00:19:32,780
Ve burada sözdizimi
biraz farklı

374
00:19:32,780 --> 00:19:37,110
ki ders biz kullanıyoruz
jQuery söz arayüzü olarak adlandırılan.

375
00:19:37,110 --> 00:19:38,479
Spec bu konuda daha fazla.

376
00:19:38,479 --> 00:19:40,520
Bu sadece kızımız için anlamı
Şimdi orada amaçları

377
00:19:40,520 --> 00:19:43,870
İki özel fonksiyonlar biz
nokta gösterimi ile çağırmanız gerekir

378
00:19:43,870 --> 00:19:46,230
Burada hemen JSON olsun çağırdıktan sonra.

379
00:19:46,230 --> 00:19:47,510
Bir bitti denir.

380
00:19:47,510 --> 00:19:49,870
Denir Bir başarısız.

381
00:19:49,870 --> 00:19:51,790
Bu düşünebilirsiniz
başarı işleyicisi olarak

382
00:19:51,790 --> 00:19:54,960
ve başarısızlık işleyicisi sadece
durumda bir şey yanlış giderse.

383
00:19:54,960 --> 00:19:57,760
>> Şimdi son bakalım
Bu dosyadaki fonksiyonlar çift.

384
00:19:57,760 --> 00:20:00,180
Burada aşağı bir fonksiyonudur
adı göster, ki

385
00:20:00,180 --> 00:20:03,090
Bunlardan biri bilgi gösterir
biraz bilgi pencereleri ki

386
00:20:03,090 --> 00:20:05,380
Kullanıcı bir işaretleyici tıkladığında açılır.

387
00:20:05,380 --> 00:20:08,470
Aşağı burada daha olduğunu
Bu güncelleme fonksiyonu

388
00:20:08,470 --> 00:20:10,510
biz sizin için hayata geçirdik.

389
00:20:10,510 --> 00:20:15,250
Bu haritanın sınırları belirler.

390
00:20:15,250 --> 00:20:19,360
GPS koordinatları nelerdir onun
kuzeydoğu ve güneybatısında burada köşeleri.

391
00:20:19,360 --> 00:20:22,780
Biz bazı HDP parametrelerini hazırladık
Burada ve daha sonra sonuçta onları geçti

392
00:20:22,780 --> 00:20:26,160
biz ettik ki, update.php için
Ayrıca sizin için uyguladı.

393
00:20:26,160 --> 00:20:31,390
Bu sonuçta bazı JSON geri alır
Dosya update.php denilen

394
00:20:31,390 --> 00:20:34,050
ve daha sonra herhangi bir kaldırır
Ekranda belirteçler

395
00:20:34,050 --> 00:20:36,650
ve daha sonra fazla dolaşır
Geri geldi veri

396
00:20:36,650 --> 00:20:40,350
update.php gelen hangi
yine sadece bir JSON dizidir.

397
00:20:40,350 --> 00:20:45,130
Ve o sonuçta bir işaretleyici için ekler
bu yerlerin her biri, taşıma hatası

398
00:20:45,130 --> 00:20:47,750
veya hangi olabilir hataları çok iyi olur.

399
00:20:47,750 --> 00:20:51,550
>> Şimdi sadece size sizin nasıl bir tat vermek için
Bu projeyi hata ayıklama hakkında gitmek olabilir,

400
00:20:51,550 --> 00:20:55,420
Ben açtım fark
Bu URL'ye burada bu sekmeyi ilerlemek,

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

402
00:21:01,320 --> 00:21:04,050
Hakkında Şimdi, yine, makaleler
PHP sizin için uygulanan

403
00:21:04,050 --> 00:21:06,320
bu nedenle bu kadar çok değil
Kullandığınız olacak ne

404
00:21:06,320 --> 00:21:08,190
hata ayıklama değil, tekniği.

405
00:21:08,190 --> 00:21:10,590
Ben aradım Bildirimi
Burada Cambridge posta kodu,

406
00:21:10,590 --> 00:21:15,260
ve ben bir JSON, gerçekten, geri kazanılmış ettik
JSON dizisi olan iç nesneleri

407
00:21:15,260 --> 00:21:17,640
İki keys-- bağlantı ve başlık vardır.

408
00:21:17,640 --> 00:21:19,860
>> Peki bu işlevselliği
Sizin için zaten çalışıyor.

409
00:21:19,860 --> 00:21:24,330
Ama elle bu tekniği gidiyor
bir şey için böyle bir URL'ye gibi

410
00:21:24,330 --> 00:21:31,710
search.php? jeo = cambridge veya 02138 veya
Kullanıcı gerekir yazdığınız ne olursa olsun

411
00:21:31,710 --> 00:21:35,770
Eğer, kendiniz deneyin gibi paha biçilmez
anlamaya tam olsun ya da neden

412
00:21:35,770 --> 00:21:38,510
search.php çalışma ya da değil.

413
00:21:38,510 --> 00:21:41,720
>> Sonuçta o, sen var
Önünüzde birkaç Todos.

414
00:21:41,720 --> 00:21:44,250
İlk uygular gidiyoruz
Bu ithalat komut o

415
00:21:44,250 --> 00:21:46,520
veritabanına us.text okur.

416
00:21:46,520 --> 00:21:48,760
Daha sonra ihtiyacınız olacak
search.php uygulamak

417
00:21:48,760 --> 00:21:51,320
belirtildiği gibi tam olarak davranır ve böylece.

418
00:21:51,320 --> 00:21:54,170
Daha sonra istediğiniz gidiyoruz
scripts.js odaklanmak

419
00:21:54,170 --> 00:21:57,520
ve nihai olarak uygular
Todos bu çift,

420
00:21:57,520 --> 00:21:59,950
yapılandırmak için olmak üzere
ve bu şablon,

421
00:21:59,950 --> 00:22:03,220
, işaretçileri eklemek işaretleri kaldırılır ve
Daha sonra son, fakat en az değil, bir

422
00:22:03,220 --> 00:22:04,330
kişisel dokunuş.

423
00:22:04,330 --> 00:22:07,477
>> Eğer mashup kez çalışıyorsa
eldeki oldukça bizimki gibi, amaç

424
00:22:07,477 --> 00:22:09,560
Eğer bir kişisel eklemek için
sizin mashup için dokunun

425
00:22:09,560 --> 00:22:11,290
estetik veya fonksiyonel olsun.

426
00:22:11,290 --> 00:22:13,950
Hiç bu kadar mashup alın
biraz sonraki seviyeye.

427
00:22:13,950 --> 00:22:18,330
Madem ötesinde kendinizi itin gibi
spec kendisi ile aşinalık

428
00:22:18,330 --> 00:22:20,840
ve bir teknik pick up
Yeni, bu olsa bile sadece

429
00:22:20,840 --> 00:22:25,610
bir şey değiştirme gibi estetize
Kullandığınız haritanın düzeni,

430
00:22:25,610 --> 00:22:28,070
Beklediğimiz kapsamı
memnun olacaktır.

431
00:22:28,070 --> 00:22:30,260
O zaman Sorun Seti 8 Mashup olduğunu.

432
00:22:30,260 --> 00:22:33,070
Daha için bizden ayrılmayın
şartname ve iyi şanslar

433
00:22:33,070 --> 00:22:36,400
Bu mücadele, son
CS50 sorunu hiç ayarlayın.

434
00:22:36,400 --> 00:22:39,750
>> [MÜZİK OYUN]

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