1 00:00:00,000 --> 00:00:03,388 >> [MUSIC PLAYING] 2 00:00:03,388 --> 00:00:09,196 3 00:00:09,196 --> 00:00:10,180 >> DAVID J. MALAN: Salam. 4 00:00:10,180 --> 00:00:12,600 Vasitəsilə gəzmək edək Problem Set 8 Mashup, 5 00:00:12,600 --> 00:00:15,880 olan sizə qarşı gedir Google Maps üçün elementləri ilə cəlb 6 00:00:15,880 --> 00:00:20,905 Google Xəbərlər və mash elementləri ilə birlikdə web kiçik onları ki, 7 00:00:20,905 --> 00:00:24,150 bir istifadəçi axtarış imkan verir yerli xəbərləri üçün bir harita 8 00:00:24,150 --> 00:00:26,780 xüsusi şəhərlərinə, şəhər və zip kodları. 9 00:00:26,780 --> 00:00:31,040 Bunu etmək üçün, biz olacaq Bəzi HTML inteqrasiya, CSS, PHP, SQL, 10 00:00:31,040 --> 00:00:34,390 JavaScript və texnika ümumiyyətlə üçün AJAX kimi tanınan 11 00:00:34,390 --> 00:00:36,850 Bu immersive yaratmaq istifadəçi təcrübəsi. 12 00:00:36,850 --> 00:00:38,920 >> İlk Google Maps özü üçün edək. 13 00:00:38,920 --> 00:00:41,220 Bu, əlbəttə ki, bəlkə bir tanış interface. 14 00:00:41,220 --> 00:00:45,070 Amma bu çıxır ki, Google Maps də API-- tətbiq edir 15 00:00:45,070 --> 00:00:48,360 interface proqramlaşdırma olan vasitəsilə Google Maps elementləri edə bilər 16 00:00:48,360 --> 00:00:50,740 və onları inteqrasiya Öz applications. 17 00:00:50,740 --> 00:00:52,650 Həqiqətən, boyu bu proses, siz olacaq 18 00:00:52,650 --> 00:00:55,140 URL bir neçə tapmaq üçün xüsusilə faydalı 19 00:00:55,140 --> 00:00:57,820 qeyd olunur Problem Set 8 dəqiqləşdirilməsi, 20 00:00:57,820 --> 00:01:00,980 xüsusilə bu Başlarken Guide ya Geliştirici Kılavuzu 21 00:01:00,980 --> 00:01:07,640 Google Maps API Version 3 həmçinin Google Maps JavaScript API kimi 22 00:01:07,640 --> 00:01:10,260 a v3 arayış, oxumaq az daha gizli 23 00:01:10,260 --> 00:01:14,600 lakin faktiki olaraq aşağı səviyyədə bütün var nə funksiyaları və ya üsulları haqqında məlumat 24 00:01:14,600 --> 00:01:18,220 və obyektlərin və xüsusiyyətləri və hadisələr əslində API ilə gəlir, 25 00:01:18,220 --> 00:01:20,720 ruhunda çox oxşardır [Işitilemez] pages. 26 00:01:20,720 --> 00:01:23,480 >> İndi biz bir nəzər əgər Google News, siz lazımdır 27 00:01:23,480 --> 00:01:25,370 bəlkə burada tanış interface oldu. 28 00:01:25,370 --> 00:01:29,350 Amma bu da axtarış edə bilərsiniz çıxır Xüsusi coğrafiyalarda üçün Google News 29 00:01:29,350 --> 00:01:32,000 geo adlı HTTP parametri vasitəsilə. 30 00:01:32,000 --> 00:01:35,100 Əslində, mən zoom əgər burada, siz ki, görürsünüz 31 00:01:35,100 --> 00:01:41,672 Mən deyiləm news.google.com/news/section?geo=02138. 32 00:01:41,672 --> 00:01:43,630 Və, həqiqətən, mən zoom əgər out, mən deyiləm ki, görürsünüz 33 00:01:43,630 --> 00:01:47,090 bütün dəstə ilə bir səhifə baxaraq Kembric, Massaçusets haqqında baxıldı. 34 00:01:47,090 --> 00:01:50,620 >> Eyni zamanda, mən, həqiqətən, dəyişdirmək əgər URL, bu kimi bir poçt indeksi olmaq deyil 35 00:01:50,620 --> 00:01:55,580 lakin bir az Messier şey Cambridge, + Massachusetts kimi, 36 00:01:55,580 --> 00:02:00,740 plus yol olduğu bir kodlar URL kosmik xarakteri və Enter, 37 00:02:00,740 --> 00:02:02,907 Siz, həqiqətən, mən görürsünüz demək olar ki, eyni xəbər görmək. 38 00:02:02,907 --> 00:02:05,489 Ola bilsin ki, bir az fərqli Cambridge, həqiqətən, çünki 39 00:02:05,489 --> 00:02:06,910 Çox zip kodları var. 40 00:02:06,910 --> 00:02:09,410 İndi necə olduğunu bilirəm və ki, əslində necə elə mən ola bilər 41 00:02:09,410 --> 00:02:12,940 il və mahalları bağlamaq halda I zip kodları 42 00:02:12,940 --> 00:02:15,064 istifadəçi imkan istəyirəm ya qədər baxmaq üçün necə? 43 00:02:15,064 --> 00:02:17,480 Bəli, bu var ki, çıxır bir web orada deyilir 44 00:02:17,480 --> 00:02:20,060 geonames.org olan bir təşəbbüs var 45 00:02:20,060 --> 00:02:23,760 bütün sərbəst mövcud bazası coğrafi informasiya növ, 46 00:02:23,760 --> 00:02:27,040 yalnız ABŞ üçün deyil, həm də digər ölkələr üçün də. 47 00:02:27,040 --> 00:02:30,430 Əslində, mən burada bu URL getmək əgər də müəyyən problem qeyd olunur 48 00:02:30,430 --> 00:02:34,510 dəqiqləşdirilməsi, siz üç görəcəksiniz zip faylları bütün dəstə listing 49 00:02:34,510 --> 00:02:36,400 olan hər hansı bir siz yükləyə bilərsiniz. 50 00:02:36,400 --> 00:02:39,900 Əslində, bu problem üçün müəyyən Siz us.zip download olacaq. 51 00:02:39,900 --> 00:02:43,790 İndi bu fayl ərzində, bir bütündür mətn formatında məlumatların dəstə. 52 00:02:43,790 --> 00:02:47,760 faylları çox oxşardır CSV-- Virgülle dəyərlər ayrılmış fayl 53 00:02:47,760 --> 00:02:51,294 lakin bu, həqiqətən istifadə Nişanlar sahələri ayırmaq üçün. 54 00:02:51,294 --> 00:02:53,710 İndi isə, siz baxmaq əgər burada qeyd etdik nə, 55 00:02:53,710 --> 00:02:56,459 Bu fayl sahələri gedir ölkə kodları kimi şeylər olmaq, 56 00:02:56,459 --> 00:02:58,980 poçt kodları, yer adları, və sonra bir formada 57 00:02:58,980 --> 00:03:04,230 və ya digər dövlətlər və rayonlarında, icmalar, və daha çox. 58 00:03:04,230 --> 00:03:06,630 Əslində, mən artıq var əvvəlcədən bu fayl. 59 00:03:06,630 --> 00:03:09,750 Mənə davam edək və burada onu açmaq Həqiqətən, will, us.text-- və 60 00:03:09,750 --> 00:03:16,660 Mən 16.792 line aşağıya fırladın görmek Siz Cambridge üçün bir neçə qeydlər görəcəksiniz 61 00:03:16,660 --> 00:03:19,120 Massachusetts və müxtəlif poçt kodları. 62 00:03:19,120 --> 00:03:22,150 Nə də orada görmək, mahal Mən, həqiqətən, yoxdur, bəzi nömrələr 63 00:03:22,150 --> 00:03:24,500 həmçinin bütün anlamaq, lakin sağ yol, 64 00:03:24,500 --> 00:03:27,170 Bəzi GPS koordinatları enlem ve boylam. 65 00:03:27,170 --> 00:03:30,440 Bu böyük bir çünki Google Maps API xüsusiyyətləri 66 00:03:30,440 --> 00:03:33,670 aşkar etmək imkanı var Siz coğrafi olduğu 67 00:03:33,670 --> 00:03:36,850 GPS koordinatları baxımından. 68 00:03:36,850 --> 00:03:40,210 >> İndi necə anlamaq üçün başlamaq bildirin birlikdə bu şeyi tying başlayın. 69 00:03:40,210 --> 00:03:42,900 Biz bütün təqdim etdik distribution kodu dəstə, 70 00:03:42,900 --> 00:03:44,970 eləcə də MySQL verilənlər bazası kimi. 71 00:03:44,970 --> 00:03:49,100 Mən çəkmək əgər Əslində, bir phpMyAdmin olan artıq idxal, tezliklə olacaq kimi, 72 00:03:49,100 --> 00:03:54,800 pset8.SQL, bir MySQL masa görmək lazımdır ki, bu kimi görünür, şəxsiyyət sahəsində, ölkə 73 00:03:54,800 --> 00:03:57,400 kodu, poçt indeksi, yer adı və daha çox. 74 00:03:57,400 --> 00:04:00,490 o bütün növləri sütun Mən sadəcə əldə 75 00:04:00,490 --> 00:04:03,870 readme.text oxuyaraq müəyyən ki, burada fayl 76 00:04:03,870 --> 00:04:07,330 sahəsində bir tam olub, və ya VARCHAR və ya kimi. 77 00:04:07,330 --> 00:04:10,510 >> Belə ki, masa üçün yaratdıq Siz və SQL əmrləri verildi 78 00:04:10,510 --> 00:04:12,770 ki, yaratmaq üçün icra Öz bazasında masa, 79 00:04:12,770 --> 00:04:15,290 lakin həqiqətən heç bir məlumat yoxdur. 80 00:04:15,290 --> 00:04:19,600 Əksinə, siz olacaq us.zip download və ya hər hansı bir ölkənin poçt 81 00:04:19,600 --> 00:04:21,500 var ki, URL fayl. 82 00:04:21,500 --> 00:04:24,940 Və sonra yazmaq olacaq ki, PHP bir command line script 83 00:04:24,940 --> 00:04:28,420 mətn açmaq niyyətindədir , fayl onun xətləri üzərində təkrarlamaq, 84 00:04:28,420 --> 00:04:31,180 və sonra hər biri üçün bu xətləri daxil etmək 85 00:04:31,180 --> 00:04:34,940 ki, masa yerləri daxil Sizin MySQL bazasında. 86 00:04:34,940 --> 00:04:37,880 Bu prosesin sonunda, siz lazımdır, belə ki, nəticədə ki, script run var 87 00:04:37,880 --> 00:04:39,610 yalnız bir dəfə nəzəri. 88 00:04:39,610 --> 00:04:41,780 Əslində siz yəqin ki, olacaq bu dəfə bir dəstə run 89 00:04:41,780 --> 00:04:45,460 isə müxtəlif hataları düzeltmek üçün çalışırıq. 90 00:04:45,460 --> 00:04:48,440 >> Nəhayət, bir var olacaq minlərlə həqiqətən böyük bazası 91 00:04:48,440 --> 00:04:50,139 coğrafi satır və min ev. 92 00:04:50,139 --> 00:04:52,930 Sonra ki, idxal qoymaq olacaq script kənara Bu iş bir dəfə 93 00:04:52,930 --> 00:04:55,140 və verilənlər bazası gözəl və düzgün və sonra 94 00:04:55,140 --> 00:04:58,880 Siz, həqiqətən, hərəkət olacaq Mashup özü həyata keçirir. 95 00:04:58,880 --> 00:05:01,670 Mashup baxmaq üçün gedir bu kimi bir az bir şey. 96 00:05:01,670 --> 00:05:05,165 Mashup.cs50.net, biz bir əməkdaş həll 97 00:05:05,165 --> 00:05:06,990 bu kimi bir az bir şey görünür. 98 00:05:06,990 --> 00:05:11,070 Həqiqətən, mən bu qəzeti basın əgər Kembric, Massaçusets üçün icon, 99 00:05:11,070 --> 00:05:13,300 Bir iplik görəcəksiniz qısa və sonra icon 100 00:05:13,300 --> 00:05:16,370 bir sifariş siyahısı, bir məqalələr markerlənmiş siyahı 101 00:05:16,370 --> 00:05:18,280 Kembric, Massaçusets bağlı. 102 00:05:18,280 --> 00:05:20,352 Mən CHARLESTOWN basın, Massachusetts, 103 00:05:20,352 --> 00:05:21,685 Hesab edirəm ki, şəhər üçün eyni görəcəksiniz. 104 00:05:21,685 --> 00:05:24,174 Mən basın Watertown, Massachusetts, 105 00:05:24,174 --> 00:05:26,090 Hər hansı bir ola bilər Watertown-dən xəbər, 106 00:05:26,090 --> 00:05:28,630 belə ki, bir şey görmək lazımdır yavaş xəbər gün kimi. 107 00:05:28,630 --> 00:05:32,140 >> İndi isə, sol üst edir bəzi tanış Google Maps nəzarət 108 00:05:32,140 --> 00:05:34,980 , pan siz zoom imkan yuxarı, aşağı, sol və sağ, 109 00:05:34,980 --> 00:05:37,360 həm də orada qoymaq bir axtarış qutusu. 110 00:05:37,360 --> 00:05:40,910 Belə ki, səmimi, axtarsanız, Mən bilirəm ki, yalnız digər poçt indeksi, 111 00:05:40,910 --> 00:05:45,020 90210, biz, həqiqətən, görürsünüz Beverly Hills, California. 112 00:05:45,020 --> 00:05:48,550 Tıklayan zaman mənə çıxarır California və bütün dəstə 113 00:05:48,550 --> 00:05:50,369 Beverly Hills haqqında xəbərlər. 114 00:05:50,369 --> 00:05:51,910 İndi nə oldu da görürük. 115 00:05:51,910 --> 00:05:57,040 Hətta 02138 ya I bu dəfə axtarış Cambridge vergül Massachusetts və ya 116 00:05:57,040 --> 00:06:00,300 variant ondan, bir almaq az AutoComplete Açılan. 117 00:06:00,300 --> 00:06:03,840 İndi bu plugin istifadə edir jQuery adlı kitabxana, 118 00:06:03,840 --> 00:06:05,732 ki, plugin typeahead adlanır. 119 00:06:05,732 --> 00:06:07,440 Sadəcə olaraq, biz vasitəsilə oxumaq sənədlər, 120 00:06:07,440 --> 00:06:13,150 Js inteqrasiya fayl nazil distribution kodu daxil belə ki, siz 121 00:06:13,150 --> 00:06:16,900 nəticədə kod yazmaq olar ki, avtomatik ilə açılan menyu doldurur 122 00:06:16,900 --> 00:06:19,350 Marka və ya avtomatik təkliflər. 123 00:06:19,350 --> 00:06:23,820 >> İndi distribution kodu, baxmayaraq ki, Siz demək olar ki, kimi çox işlər deyil aldı. 124 00:06:23,820 --> 00:06:26,860 Google Map əlaqədar almaq və Siz top sol nəzarət almaq 125 00:06:26,860 --> 00:06:28,240 və axtarış qutusu almaq. 126 00:06:28,240 --> 00:06:32,760 Amma bir şey yazın əgər 02138, heç bir yerlərdə hələ rast gəlinir. 127 00:06:32,760 --> 00:06:34,730 Belə ki, olacaq burada məqsədlərindən biri. 128 00:06:34,730 --> 00:06:37,430 Bundan əlavə, bir addım əgər geri və xəritə özü baxmaq, 129 00:06:37,430 --> 00:06:38,950 heç bir xəbər yoxdur. 130 00:06:38,950 --> 00:06:41,780 Mən basın bile və drag, həqiqətən, heç bir markerlər 131 00:06:41,780 --> 00:06:45,560 çünki xəbər görünür problem eləcə də sizin üçün qalıb. 132 00:06:45,560 --> 00:06:48,490 >> Daha sonra bir nəzər salaq distribution kodu ilə. 133 00:06:48,490 --> 00:06:51,460 Siz nazil etdik pset8.zip və unzipped 134 00:06:51,460 --> 00:06:54,430 Sizin vhost dizine CS50 Aracı, 135 00:06:54,430 --> 00:06:56,550 bu görürsünüz Burada daxili rehberler. 136 00:06:56,550 --> 00:07:00,200 Ümumiyyətlə dayanır Bin-- çalıştırılabilir programs-- üçün ikili 137 00:07:00,200 --> 00:07:04,870 pset7 kimi daxildir, bəzi PHP digər faylları daxil faylları, 138 00:07:04,870 --> 00:07:06,710 sonra ictimai, lazım olan faylları 139 00:07:06,710 --> 00:07:09,369 açıq olmaq bir brauzer bir istifadəçi. 140 00:07:09,369 --> 00:07:11,410 Nin bir nəzər salaq bin kataloq və biz will 141 00:07:11,410 --> 00:07:13,890 bir fayl var ki, görəcəksiniz Artıq Import var çağırıb. 142 00:07:13,890 --> 00:07:17,591 Biz gedit bu açmaq varsa, görəcəyik təəssüf ki, çox yoxdur 143 00:07:17,591 --> 00:07:18,090 var. 144 00:07:18,090 --> 00:07:20,250 Baxmayaraq ki, var ki, bütün, üst bir shebang deyil 145 00:07:20,250 --> 00:07:23,410 olan müəyyən olan Bu halda Interpreter php 146 00:07:23,410 --> 00:07:25,759 həqiqətən istifadə olunmalıdır Bu fayl icra. 147 00:07:25,759 --> 00:07:27,550 Lakin o, deyir ki, burada Siz olduğunuz TODO edir 148 00:07:27,550 --> 00:07:31,130 bir kod yazmaq lazımdır gedir yəqin ki, config tələb edir 149 00:07:31,130 --> 00:07:35,820 kataloqu daxildir var faylı biz PHP faylları ilə əvvəl etdiyiniz kimi. 150 00:07:35,820 --> 00:07:38,180 Və sonra olacaq elə açmaq lazımdır 151 00:07:38,180 --> 00:07:41,920 us.text olan siz güman Artıq unzipped var. 152 00:07:41,920 --> 00:07:44,690 Sonra siz olacaq ki, fayl xətləri üzərində təkrarlamaq, 153 00:07:44,690 --> 00:07:47,800 bəlkə funksiyaları bəzi istifadə dəqiqləşdirilməsi təklif. 154 00:07:47,800 --> 00:07:51,390 Sonra o hər daxil MySQL bazasında xətləri 155 00:07:51,390 --> 00:07:54,940 sorğu funksiyası istifadə edərək hansı biz yenə with-- təmin etdik 156 00:07:54,940 --> 00:07:58,010 və ya ən azı bir variant onun functions.php, 157 00:07:58,010 --> 00:07:59,560 biz yalnız bir anda görəcəksiniz. 158 00:07:59,560 --> 00:08:04,430 >> İndi idxal yaxın və geri imkan Bizim kataloq və bu zaman daxil 159 00:08:04,430 --> 00:08:05,300 daxildir. 160 00:08:05,300 --> 00:08:09,210 Mən ls əgər, siz görürsünüz olduqca Problem Set 7 kimi üç faylları. 161 00:08:09,210 --> 00:08:13,760 Və tez nəzər salaq, Məsələn, config.php edir. 162 00:08:13,760 --> 00:08:16,730 Orada daha az xətləri daha əvvəl və 163 00:08:16,730 --> 00:08:20,712 Bu fayl daxildir görünür constants.php və functions.php. 164 00:08:20,712 --> 00:08:23,670 Biz bir az fərqli istifadə etdiyiniz texnika həqiqətən ətrafında bu dəfə 165 00:08:23,670 --> 00:08:30,910 Bu faylları nisbi olduğunu müəyyən cari kataloq __ DIR__ 166 00:08:30,910 --> 00:08:35,280 təmsil nə directory bu fayl, config.php, özü edir. 167 00:08:35,280 --> 00:08:37,600 Belə ki, bu daha çox ifadə açıq yol 168 00:08:37,600 --> 00:08:40,100 tələb etmək istəyirəm nə digər faylları. 169 00:08:40,100 --> 00:08:44,020 >> İndi bu fayl bağlayın və əgər yerinə constants.php açmaq, 170 00:08:44,020 --> 00:08:47,430 Siz çox xatırladan bir fayl görəcəksiniz üçün Problem Set 7-nin, eləcə də olsa 171 00:08:47,430 --> 00:08:50,050 pset8 adlı fərqli bazası ilə. 172 00:08:50,050 --> 00:08:54,020 Nəhayət, functions.php, biz yalnız bir funksiyası görəcəksiniz 173 00:08:54,020 --> 00:08:55,942 sorğu adlanan bu dəfə. 174 00:08:55,942 --> 00:08:59,150 Bu idarə istisna olmaqla, demək olar ki, eynidir bir az ətrafında səhvlər bu dəfə 175 00:08:59,150 --> 00:09:02,860 fərqli, lakin istifadə edir problem eyni yeddi seçin. 176 00:09:02,860 --> 00:09:08,090 >> İndi bizim pset8 geri gedək directory, ictimai getmək və orada 177 00:09:08,090 --> 00:09:14,420 Mən ls əgər, siz şeylərdir görəcəksiniz articles.php, index.html, search.php, 178 00:09:14,420 --> 00:09:16,940 və bütün faylları update.php--. 179 00:09:16,940 --> 00:09:22,010 Və sonra css fonts, img, və olduqca pset7 kimi js directory. 180 00:09:22,010 --> 00:09:24,660 >> Nin bir nəzər salaq olan index.html, 181 00:09:24,660 --> 00:09:27,290 Həqiqətən olacaq smashup üçün giriş nöqtəsi. 182 00:09:27,290 --> 00:09:31,820 İndi index.html, siz bütün görəcəksiniz baş link elementləri dəstə, 183 00:09:31,820 --> 00:09:36,540 xüsusi, öz üçün Bootstrap üçün Script bütün dəstə izlədi CSS 184 00:09:36,540 --> 00:09:41,520 xəritələr, API kimi şeylər üçün tags özü etiket xüsusi marker 185 00:09:41,520 --> 00:09:44,950 Biz qeyd kommunal dəqiqləşdirilməsi, sizin üçün mövcuddur 186 00:09:44,950 --> 00:09:48,420 jQuery özü bootstrap özü və digər kitabxana 187 00:09:48,420 --> 00:09:50,990 adlı vurğulayır ki, Biz spec haqqında danışmaq. 188 00:09:50,990 --> 00:09:57,031 Jquery.js kimi Underscore.js bir JavaScript kitabxana 189 00:09:57,031 --> 00:10:00,280 ki, funksionallıq bütün dəstə var dünya diləyirik bir çox insanlar 190 00:10:00,280 --> 00:10:02,020 JavaScript özü idi. 191 00:10:02,020 --> 00:10:04,560 Belə ki, bu bütün var həqiqətən olduqca məşhur. 192 00:10:04,560 --> 00:10:07,140 Biz də typeahead qeyd etdiyiniz kitabxana ki, 193 00:10:07,140 --> 00:10:11,180 ki, AutoComplete açılan və nəhayət öz JavaScript bir link. 194 00:10:11,180 --> 00:10:13,880 >> Eyni zamanda, və bəlkə təşəkkürlə, bu Mashup 195 00:10:13,880 --> 00:10:17,550 nisbətən az ilə idarə olunur Aşağı burada altındakı HTML. 196 00:10:17,550 --> 00:10:22,330 Biz bir div göstərilən etdik Notice sinif konteyner maye bədən. 197 00:10:22,330 --> 00:10:24,610 Bu, hər Bootstrap nin sənədlər, yalnız 198 00:10:24,610 --> 00:10:29,840 Bu div doldurmaq üçün gedir o deməkdir ki, viewport'un və ya tam brauzer pəncərə. 199 00:10:29,840 --> 00:10:33,020 >> Eyni zamanda, aşağıda biz bir div var ki, açıldı və dərhal bağlanıb 200 00:10:33,020 --> 00:10:34,790 Xəritə kətan unikal ID. 201 00:10:34,790 --> 00:10:37,400 Bu artıq Google deyil Maps sənədlər 202 00:10:37,400 --> 00:10:42,490 Onun API üçün vasitəsi Mən sadəcə lazımdır , yeritmək üçün bir boş div var 203 00:10:42,490 --> 00:10:44,470 nəticədə, faktiki Google Maps. 204 00:10:44,470 --> 00:10:46,310 Amma yalnız bir az ki, daha çox. 205 00:10:46,310 --> 00:10:48,850 >> Nəhayət, bir forma var Burada daxili hansı 206 00:10:48,850 --> 00:10:52,930 Mesaja top sol həyata keçirir axtarış üçün interfeys. 207 00:10:52,930 --> 00:10:54,730 Biz istifadə etdiyiniz bildiriş Bootstrap bir az 208 00:10:54,730 --> 00:10:57,670 Burada kimi şeylər too-- form-inline və form-qrupu. 209 00:10:57,670 --> 00:11:00,080 Biz keçmiş təqdim etdik şəklində unikal ID. 210 00:11:00,080 --> 00:11:04,510 Və sonra, nəhayət, Mən, həqiqətən, olduqca tanış bir input type, 211 00:11:04,510 --> 00:11:06,440 q kimin ID edir. 212 00:11:06,440 --> 00:11:07,230 Bir konqres. 213 00:11:07,230 --> 00:11:09,234 Sorğu ola bilər üçün Q bir şey adlanır. 214 00:11:09,234 --> 00:11:11,400 Və sonra tutucu, eyni zamanda, şəhər, dövlət, 215 00:11:11,400 --> 00:11:16,200 poçt kodunu xatırlayıram bilər ki, demo əvvəlki Mashup ilə görən. 216 00:11:16,200 --> 00:11:17,980 Bu fayl yaxın edək. 217 00:11:17,980 --> 00:11:24,460 >> İndi PHP faylları nəzər ki, gözləyir və sonra JavaScript faylları. 218 00:11:24,460 --> 00:11:27,700 Bizim PHP faylları, biz var Artıq sizin üçün həyata, 219 00:11:27,700 --> 00:11:29,960 Məsələn, yenilikləri. 220 00:11:29,960 --> 00:11:35,060 Biz böyük sərf edəcək Update.php-- Özetle burada vaxt məbləği 221 00:11:35,060 --> 00:11:38,400 fayl ki, əlimizdən JavaScript kodu gedir 222 00:11:38,400 --> 00:11:41,610 AJAX ilə əlaqə ki, ki, asinxron texnika 223 00:11:41,610 --> 00:11:45,980 ki, bu gün JavaScript daxil Bizə update.php xahiş imkan gedir 224 00:11:45,980 --> 00:11:47,410 Daha çox məlumat üçün. 225 00:11:47,410 --> 00:11:50,045 >> Xüsusilə, istədiyiniz zaman istifadəçi xəritə drags 226 00:11:50,045 --> 00:11:53,310 və ya jumps axtarış həyata keçirir başqa yerə istifadəçi, 227 00:11:53,310 --> 00:11:55,250 Bizim JavaScript kodu, biz tezliklə görəcəksiniz kimi, 228 00:11:55,250 --> 00:11:59,610 update.php zəng etmək niyyətində 10 və ya markerlər üçün xahiş 229 00:11:59,610 --> 00:12:02,630 Viewport'u ərzində əsasən GPS koordinatları 230 00:12:02,630 --> 00:12:06,510 üst və alt ki, xəritə guşələrindən. 231 00:12:06,510 --> 00:12:10,520 Biz o indi xəritəsi repopulate bilər istifadəçi üçün ekran köçürülüb 232 00:12:10,520 --> 00:12:14,210 10 yəqin ki, yeni görmək müxtəlif şəhərlərdə markerlər. 233 00:12:14,210 --> 00:12:18,340 Eyni zamanda, bu fayl nəhayət Bir SQL sorğu icra gedir 234 00:12:18,340 --> 00:12:21,680 Bizim verilənlər bazası qarşı masa adlı yerləri 235 00:12:21,680 --> 00:12:26,380 o qayıtmaq üçün gedir 10 və ya daha az yer. 236 00:12:26,380 --> 00:12:32,620 >> Bu vaxt, articles.php da, başqa biz bütünlüklə yazdıq fayl. 237 00:12:32,620 --> 00:12:35,820 Bu ruhunda çox oxşardır Problem Set 7-nin Sistemi funksiyası, 238 00:12:35,820 --> 00:12:39,450 olan sizin üçün Yahoo Maliyyə əlaqə. 239 00:12:39,450 --> 00:12:43,710 Bu fayl əlaqə Google News Sizin üçün, nəticədə qənimətçilik 240 00:12:43,710 --> 00:12:46,050 bir maşın-oxunaqlı version-- şey 241 00:12:46,050 --> 00:12:49,720 xəbər RSS format-- adlı Kembric və ya Beverly Hills 242 00:12:49,720 --> 00:12:52,880 və ya hər hansı şəhər Siz axtarırdınız sonra ki, geoparameter əsaslanır. 243 00:12:52,880 --> 00:12:57,250 Biz yalnız bir ki, RSS, təhlil XML adlı biçimlendirme dili növü, 244 00:12:57,250 --> 00:13:00,740 və biz, həqiqətən, brauzerinizin geri 245 00:13:00,740 --> 00:13:03,570 və JavaScript kodu, xüsusi bir format adlı 246 00:13:03,570 --> 00:13:06,097 JSON, JavaScript Obyekt Notation. 247 00:13:06,097 --> 00:13:08,180 İndi görürsünüz specification-- biz qeyd 248 00:13:08,180 --> 00:13:10,720 Siz, həqiqətən, bilərsiniz necə JSON gələn arxaya bəzi 249 00:13:10,720 --> 00:13:15,210 bu işlevselliği nəticədə belə ki, o popup menyular yaşayır imkan verir 250 00:13:15,210 --> 00:13:16,960 Siz basın zaman ki, Xəritədə marker 251 00:13:16,960 --> 00:13:19,430 Siz, həqiqətən, bütün dəstə görmək güllə, hər hansı 252 00:13:19,430 --> 00:13:21,020 bir məqalə links. 253 00:13:21,020 --> 00:13:25,000 >> İndi son bir nəzər edək , Xoşbəxtlikdən, deyil PHP fayl 254 00:13:25,000 --> 00:13:27,970 çox var Us gedir yalnız olduqca böyük TODO. 255 00:13:27,970 --> 00:13:32,170 Hal-hazırda bu faylı elan bir sıra yerlərdə çağırıb. 256 00:13:32,170 --> 00:13:35,980 Və sonra nəticədə izləri JSON format-- ki array 257 00:13:35,980 --> 00:13:38,720 yalnız belə ki, pretty-çap hər şeyi debug asandır. 258 00:13:38,720 --> 00:13:41,480 Təəssüf ki,-da orta bu TODO var, 259 00:13:41,480 --> 00:13:46,890 axtarmaq üçün olan çağırır uyğun yerləri üçün verilənlər bazası bir coğrafi HTTP 260 00:13:46,890 --> 00:13:47,490 parametri. 261 00:13:47,490 --> 00:13:49,865 >> Və həqiqətən, bu gedir Sizin Problemləri biri 262 00:13:49,865 --> 00:13:54,240 Burada bu funksionallığı həyata keçirilməsi üçün ki, bu fayl müraciət zaman 263 00:13:54,240 --> 00:14:00,610 axtarış kimi bir URL. php? geo = bir şey, Sizin kodu nəticədə bir JSON qayıdacaq 264 00:14:00,610 --> 00:14:05,020 yerlərdə bütün array sizin ki, giriş uyğun verilənlər bazası masa. 265 00:14:05,020 --> 00:14:08,960 Cambridge istifadəçi növləri əgər Belə ki, Burada fayl search.php 266 00:14:08,960 --> 00:14:12,680 nəticədə JSON array qayıtmaq lazımdır Cambridge matçları bütün, 267 00:14:12,680 --> 00:14:16,990 Massachusetts ola bilər ki, hətta başqa yerdə ola bilər. 268 00:14:16,990 --> 00:14:21,040 >> Nəhayət, bu iki nəzər salaq statik ultimately-- faylları 269 00:14:21,040 --> 00:14:23,680 Sizin CSS fayl və JavaScript fayl. 270 00:14:23,680 --> 00:14:26,779 Mən CSS dizine getmək varsa, faylları bütün dəstə var var 271 00:14:26,779 --> 00:14:28,070 Halbuki onların əksəriyyəti kitabxana var. 272 00:14:28,070 --> 00:14:31,530 Mən bir nəzər gedirəm, xüsusi, styles.css da, 273 00:14:31,530 --> 00:14:35,440 olan, bizim öz qlobal CSS Bu bütün Mashup stylize gedir. 274 00:14:35,440 --> 00:14:38,840 Siz oxumaq mən onu tərk edəcəyik şərh Burada, lakin, özetle, 275 00:14:38,840 --> 00:14:43,490 Bu təmin CSS bizim Mashup, qutusu ismarıcları, 276 00:14:43,490 --> 00:14:46,950 Biz onu istədiyiniz dəqiq yolu görünür view port doldurulması xəritə ilə 277 00:14:46,950 --> 00:14:49,720 və axtarış sol üst qədər qutusu. 278 00:14:49,720 --> 00:14:52,870 Biz də azadlıq qəbul etdik ki, typeahead açılan stylizing 279 00:14:52,870 --> 00:14:55,170 menyu bir az həmçinin. 280 00:14:55,170 --> 00:14:58,030 >> ən əhəmiyyətli fayl bəlkə də müəyyən bu problem üçün 281 00:14:58,030 --> 00:15:01,070 bu son bir, scripts.js edir. 282 00:15:01,070 --> 00:15:03,800 Sizin JS kataloq Inside daha faylları. 283 00:15:03,800 --> 00:15:08,090 Onların hamısı kitabxana faylları bu bir istisna olmaqla, scripts.js. 284 00:15:08,090 --> 00:15:11,460 Biz bu açmaq varsa, bu almaq imkan bizim funksiyaları ilə final tur ki, 285 00:15:11,460 --> 00:15:13,820 Bu fayla inşa edilir Siz və zəng diqqət 286 00:15:13,820 --> 00:15:16,200 irəlidə yalan BÜTÜN üçün. 287 00:15:16,200 --> 00:15:19,110 >> Bu faylı başında, üç qlobal dəyişənlər var. 288 00:15:19,110 --> 00:15:22,910 Gedir bir xəritə üçün One Google map istinad ola bilər. 289 00:15:22,910 --> 00:15:25,510 Siz hesab edə bilər sort bir göstərici kimi. 290 00:15:25,510 --> 00:15:27,710 Eyni zamanda, biz başqa qlobal dəyişən 291 00:15:27,710 --> 00:15:31,500 görünür adlı info, zəng qaytarılması dəyəri saxlanılması 292 00:15:31,500 --> 00:15:34,170 Yeni google.maps.InfoWindow üçün. 293 00:15:34,170 --> 00:15:37,835 JavaScript obyektlərin dəstəkləyir Struts ruhu çox oxşardır. 294 00:15:37,835 --> 00:15:40,250 Və nə bu xətt üçün Bizim məqsədləri edir 295 00:15:40,250 --> 00:15:42,820 Yeni info yaradır sonra yaddaş və pəncərə 296 00:15:42,820 --> 00:15:46,330 istinad ətrafında saxlanılması Info adlı dəyişən ona. 297 00:15:46,330 --> 00:15:48,330 Və o arasında, eyni zamanda, görünür nə deyil 298 00:15:48,330 --> 00:15:51,060 boş JavaScript olmaq array markerlər çağırıb. 299 00:15:51,060 --> 00:15:55,392 Bu qəzet nişanlar bütün, və ya cəmi bir icon seçə bilərsiniz, 300 00:15:55,392 --> 00:15:57,350 saxlanılır gedir nəticədə bu array 301 00:15:57,350 --> 00:16:01,570 biz çox asanlıqla əlavə edə bilərsiniz, belə ki, xəritə və xəritə onları aradan qaldırılması. 302 00:16:01,570 --> 00:16:03,990 >> İndi aşağı diyirləyin bildirin bir az və vızıltı 303 00:16:03,990 --> 00:16:07,690 olacaq kod vasitəsilə DOM və ya sənəd qısa müddətdə icra 304 00:16:07,690 --> 00:16:10,480 object model və ya səhifə özü hazırdır. 305 00:16:10,480 --> 00:16:12,942 Bu sintaksis Xatırladaq ki, Burada sadəcə ifadə 306 00:16:12,942 --> 00:16:14,900 aşağıdakı kodu ki, yalnız icra olunmalıdır 307 00:16:14,900 --> 00:16:17,840 browser başa zaman başqa hər şey loading. 308 00:16:17,840 --> 00:16:19,750 >> Biz ilk bir elan üslub bütün dəstə, 309 00:16:19,750 --> 00:16:22,410 stylizing başa olan spec uyğun olaraq xəritəsi. 310 00:16:22,410 --> 00:16:24,790 Biz sonra elan variantları bütün dəstə, 311 00:16:24,790 --> 00:16:28,630 daha Google özelleştirmek olan Biz bütünləşdirmək üçün üzrəyik xəritəsi. 312 00:16:28,630 --> 00:16:32,090 Biz sonra, jQuery kodu bir az istifadə olan bir az daha ətraflı izah olunur 313 00:16:32,090 --> 00:16:35,000 spec, işğalçı ki, element, xəritə-kətan 314 00:16:35,000 --> 00:16:36,980 biz belə benzersiz təyin etdi. 315 00:16:36,980 --> 00:16:40,640 Və sonra bu xətt burada nə görünür magically bizə vermək 316 00:16:40,640 --> 00:16:43,560 daxilində bir Google map öz proqram, 317 00:16:43,560 --> 00:16:47,020 istinad ona saxlanılması dəyişən adlı xəritədə. 318 00:16:47,020 --> 00:16:50,550 >> Nəhayət, aşağı burada qeydiyyatdan nə dinləyici deyirlər. 319 00:16:50,550 --> 00:16:54,690 Arxaya yol, yol düşünün CS50 həftə sıfır arxaya 320 00:16:54,690 --> 00:16:57,430 biz Not baxdı zaman Gəzmək vasitəsilə dəstək 321 00:16:57,430 --> 00:16:59,935 adlı şeylər üçün vasitəsilə hadisələr və verilişləri. 322 00:16:59,935 --> 00:17:01,810 Siz istifadə ola bilər özünüz, lakin bu 323 00:17:01,810 --> 00:17:03,900 bir mexanizm vasitəsi Bu halda browser 324 00:17:03,900 --> 00:17:07,940 Bu zaman bizim diqqət əldə edə bilərsiniz həqiqətən bir kod icra etməyə hazırdır. 325 00:17:07,940 --> 00:17:12,170 Bu halda, bu qulaq asmaq olacaq boş adlı bir hadisə üçün xəritəsi. 326 00:17:12,170 --> 00:17:14,930 Bu brauzer o deməkdir ki, Google map loading tamamladı. 327 00:17:14,930 --> 00:17:18,380 Bu nöqtədə bir funksiyası adlanır konfiqurasiya lazımdır nəticədə 328 00:17:18,380 --> 00:17:19,339 icra ediləcək. 329 00:17:19,339 --> 00:17:22,510 Ki, funksiyası, konfiqurasiya, biz tərəfindən yazılmışdır, görəcəksiniz. 330 00:17:22,510 --> 00:17:24,550 >> İndi aşağı burada bir funksiyası təəssüf ki, 331 00:17:24,550 --> 00:17:25,871 Yalnız bir TODO əlavə marker edir. 332 00:17:25,871 --> 00:17:28,620 Spec Per. Sizə lazım olacaq əslində kod yazmaq üçün 333 00:17:28,620 --> 00:17:32,840 görünür olub marker-- edir bir qəzet və ya thumb tack kimi, 334 00:17:32,840 --> 00:17:35,360 və ya bir şey Google xəritə Else. 335 00:17:35,360 --> 00:17:37,720 Burada indi funksiyası konfiqurasiya çağırıb. 336 00:17:37,720 --> 00:17:40,390 Əgər oxumaq üçün mən onu tərk edəcəyik daha ətraflı vasitəsilə, 337 00:17:40,390 --> 00:17:42,600 lakin biz əlavə ki, həyata bir dəstə daha müdavimlərə 338 00:17:42,600 --> 00:17:46,620 zaman kodu yerinə bilər ki, istifadəçi klik və xəritə sürükləyir. 339 00:17:46,620 --> 00:17:50,730 Biz də burada kodu var ki, typeahead plugin initializes 340 00:17:50,730 --> 00:17:53,120 ki, açılan menyu həqiqətən işləyir. 341 00:17:53,120 --> 00:17:55,690 >> Amma yalnız bir diqqət edək Burada yerlərdə neçə. 342 00:17:55,690 --> 00:17:57,590 Xüsusilə, burada etmək. 343 00:17:57,590 --> 00:18:00,410 Mən online uzatmaq lazımdır sənədlər və dəqiqləşdirilməsi 344 00:18:00,410 --> 00:18:02,530 üçün bu TODO doldurun. 345 00:18:02,530 --> 00:18:05,890 Amma bir sözlə, bu kitabxana typeahead keçmək üçün imkan verir 346 00:18:05,890 --> 00:18:09,790 ümumiyyətlə bir şablon kimi tanınan nə, Bəzi dəyişən placeholders olan 347 00:18:09,790 --> 00:18:13,690 printf% ruhu çox oxşar. * s. 348 00:18:13,690 --> 00:18:16,030 Amma bu halda, Spec görə şablon 349 00:18:16,030 --> 00:18:18,760 Siz müəyyən etmək üçün imkan verir nə dəyişənlərin istədiyiniz 350 00:18:18,760 --> 00:18:24,880 gəlib data yeritmək üçün geri PHP kimi bir şey 351 00:18:24,880 --> 00:18:29,810 yazdıq faylları ki, JSON çıxış emitting olunur. 352 00:18:29,810 --> 00:18:35,170 >> İndi aşağı burada olduğunu dərk typeahead Marka dinləmək 353 00:18:35,170 --> 00:18:38,050 istifadəçi həqiqətən keçirir Bir axtarış və dəyəri seçir. 354 00:18:38,050 --> 00:18:40,270 Bu, həqiqətən, ne edir ki, qulaq asmaq üçün gedir 355 00:18:40,270 --> 00:18:42,250 və bir nəticə kimi bəzi kodu icra. 356 00:18:42,250 --> 00:18:45,300 Sonra konfiqurasiya davam Mashup yalnız bir az. 357 00:18:45,300 --> 00:18:48,000 Və nəhayət, dediyimiz bu funksiya yeniləmə. 358 00:18:48,000 --> 00:18:49,640 Bu ekranda markerlər yeniləyir. 359 00:18:49,640 --> 00:18:51,529 Yalnız bir anda ki, daha çox. 360 00:18:51,529 --> 00:18:53,570 Eyni zamanda, bir neçə var Burada kiçik fəaliyyət göstərir. 361 00:18:53,570 --> 00:18:56,820 Biri hideInfo olan Sadəcə InfoWindow bağlanır. 362 00:18:56,820 --> 00:19:00,020 Burada başqa bir funksiyası, son nəticədə çox uzun olmayacaq, markerlər çıxarın. 363 00:19:00,020 --> 00:19:03,580 Bu geri olacaq nə Sizin əlavə marker funksiyası yoxdur. 364 00:19:03,580 --> 00:19:04,960 Və sonra aşağı burada axtarış edir. 365 00:19:04,960 --> 00:19:08,610 Bu bir maraqlı Çünki biz ki, JavaScript kodu yazılı 366 00:19:08,610 --> 00:19:13,490 üzrə search.php danışmaq gedir server və bəzi cavab geri almaq. 367 00:19:13,490 --> 00:19:16,110 >> Siz, əlbəttə, hələ də olacaq search.php həyata keçirilməsi üçün lazımdır, 368 00:19:16,110 --> 00:19:18,310 lakin biz həyata etdik Ki, JavaScript kodu 369 00:19:18,310 --> 00:19:22,480 həyata həqiqətən idarə etmək olacaq ki, mətn qutusuna axtarış. 370 00:19:22,480 --> 00:19:25,340 Xüsusilə, bildiriş burada bu funksiya, 371 00:19:25,340 --> 00:19:29,160 axtarış, search.php zəng etmir adlı üsulu ilə 372 00:19:29,160 --> 00:19:31,072 Biz mühazirə gördüm JSON almaq. 373 00:19:31,072 --> 00:19:32,780 Və burada sintaksis bir az fərqli 374 00:19:32,780 --> 00:19:37,110 ki, mühazirə biz istifadə etdiyiniz jQuery söz interface qondarma. 375 00:19:37,110 --> 00:19:38,479 Spec ki, daha çox. 376 00:19:38,479 --> 00:19:40,520 Bu, sadəcə bizim deməkdir İndi orada məqsədləri 377 00:19:40,520 --> 00:19:43,870 iki xüsusi funksiyaları biz dot notation ilə zəng etmək lazımdır 378 00:19:43,870 --> 00:19:46,230 Burada dərhal JSON almaq zəng sonra. 379 00:19:46,230 --> 00:19:47,510 Bir ediləcəyi deyilir. 380 00:19:47,510 --> 00:19:49,870 Adlanır One uğursuz. 381 00:19:49,870 --> 00:19:51,790 Bu hesab edə bilər uğur handler kimi 382 00:19:51,790 --> 00:19:54,960 və uğursuzluq handler yalnız halda bir şey yanlış gedir. 383 00:19:54,960 --> 00:19:57,760 >> İndi son baxaq Bu fayl funksiyaları neçə. 384 00:19:57,760 --> 00:20:00,180 Burada Down bir funksiyası var adlı showInfo olan 385 00:20:00,180 --> 00:20:03,090 o biri info göstərir az info windows ki, 386 00:20:03,090 --> 00:20:05,380 istifadəçi marker tıkladığında qədər pops. 387 00:20:05,380 --> 00:20:08,470 Down burada daha deyil ki, yeniləmə funksiyası 388 00:20:08,470 --> 00:20:10,510 ki, biz sizin üçün həyata keçirdik. 389 00:20:10,510 --> 00:20:15,250 Bu xəritə həddi müəyyən edir. 390 00:20:15,250 --> 00:20:19,360 GPS koordinatları hansılardır onun şimal və burada cənub-qərb guşələrindən. 391 00:20:19,360 --> 00:20:22,780 Biz bəzi HDP parametrləri hazırlanmış etdik Burada və nəticədə onları qəbul 392 00:20:22,780 --> 00:20:26,160 biz ki, update.php üçün sizin üçün həyata keçirilir. 393 00:20:26,160 --> 00:20:31,390 Bu nəticədə bəzi JSON geri alır Fayl update.php çağırıb 394 00:20:31,390 --> 00:20:34,050 və sonra hər hansı rədd Ekranda markerlər 395 00:20:34,050 --> 00:20:36,650 və sonra artıq iterates geri gəlib data 396 00:20:36,650 --> 00:20:40,350 update.php, hansı daha bir JSON sıra edir. 397 00:20:40,350 --> 00:20:45,130 Və sonra nəticədə bir marker üçün əlavə Bu yerlərin hər user uğursuzluq 398 00:20:45,130 --> 00:20:47,750 və ya güc səhvləri çox yaxşı baş verir. 399 00:20:47,750 --> 00:20:51,550 >> İndi yalnız siz necə bir dad vermək üçün Bu layihənin hata haqqında getmək bilər, 400 00:20:51,550 --> 00:20:55,420 Mən açmıştınız ki, həyata bu URL burada bu nişanı inkişaf, 401 00:20:55,420 --> 00:21:01,320 pset8 / articles.php? geo = 02138. 402 00:21:01,320 --> 00:21:04,050 Indi yenə, məqalələr PHP biz sizin üçün həyata 403 00:21:04,050 --> 00:21:06,320 bu çox deyil istifadə olacaq nə 404 00:21:06,320 --> 00:21:08,190 debug deyil, texnika. 405 00:21:08,190 --> 00:21:10,590 Mən üçün axtarış etdiyiniz bildiriş Burada Cambridge poçt indeksi, 406 00:21:10,590 --> 00:21:15,260 və mən bir JSON, həqiqətən, geri kazanılmış etdik JSON array olan daxili obyektləri 407 00:21:15,260 --> 00:21:17,640 iki keys-- link və adı var. 408 00:21:17,640 --> 00:21:19,860 >> Belə ki, bu işlevselliği Sizin üçün artıq işləyir. 409 00:21:19,860 --> 00:21:24,330 Amma əl bu texnika gedir bir şey bu kimi bir URL kimi 410 00:21:24,330 --> 00:21:31,710 search.php? geo = cambridge və ya 02138 ya İstifadəçi lazımdır çap edib nə 411 00:21:31,710 --> 00:21:35,770 Siz özünüz cəhd kimi əvəzolunmaz sübut anlamaq üçün dəqiq və ya niyə 412 00:21:35,770 --> 00:21:38,510 search.php iş və ya deyil. 413 00:21:38,510 --> 00:21:41,720 >> Nəticədə, sonra var irəlidə sizin bir neçə todos. 414 00:21:41,720 --> 00:21:44,250 Siz ilk tətbiq olacaq idxal script ki, 415 00:21:44,250 --> 00:21:46,520 Sizin bazasında us.text deyilir. 416 00:21:46,520 --> 00:21:48,760 Daha sonra lazım olacaq search.php həyata keçirilməsi 417 00:21:48,760 --> 00:21:51,320 müəyyən edilmiş tam davranır ki. 418 00:21:51,320 --> 00:21:54,170 Daha sonra istədiyiniz olacaq scripts.js diqqət 419 00:21:54,170 --> 00:21:57,520 və nəticədə həyata keçirir BÜTÜN bu neçə, 420 00:21:57,520 --> 00:21:59,950 konfiqurasiya daxil olmaqla ki, şablon, 421 00:21:59,950 --> 00:22:03,220 markerlər əlavə markerlər aradan qaldırılması və sonra son deyil, bir 422 00:22:03,220 --> 00:22:04,330 şəxsi touch. 423 00:22:04,330 --> 00:22:07,477 >> Sizin Mashup iş var əl olduqca bizim kimi, məqsəd 424 00:22:07,477 --> 00:22:09,560 Bir şəxsi əlavə etmək üçün Sizin Mashup toxunmaq, 425 00:22:09,560 --> 00:22:11,290 Bu estetik və funksional olub. 426 00:22:11,290 --> 00:22:13,950 Heç belə Mashup edin qədər sonrakı səviyyədə. 427 00:22:13,950 --> 00:22:18,330 Belə ki, uzun kənarda özünüzü təkan kimi spec özü ilə tanışlıq 428 00:22:18,330 --> 00:22:20,840 və bir texnika almaq yeni, bu, hətta yalnız 429 00:22:20,840 --> 00:22:25,610 bir şey dəyişən kimi estetik istifadə etdiyiniz xəritəsi layout, 430 00:22:25,610 --> 00:22:28,070 Biz gözləyirik daxilində razı olacaq. 431 00:22:28,070 --> 00:22:30,260 Bu sonra Problem Set 8 Mashup edir. 432 00:22:30,260 --> 00:22:33,070 Daha çox üçün bizi takip edin dəqiqləşdirilməsi və uğurlar 433 00:22:33,070 --> 00:22:36,400 bu həlli, son CS50 problem heç seçin. 434 00:22:36,400 --> 00:22:39,750 >> [MUSIC PLAYING] 435 00:22:39,750 --> 00:22:43,542