1 00:00:00,000 --> 00:00:03,388 >> [Tónlist spila] 2 00:00:03,388 --> 00:00:09,196 3 00:00:09,196 --> 00:00:10,180 >> DAVID J. MALAN: Hello. 4 00:00:10,180 --> 00:00:12,600 Við skulum fara í göngutúr í gegnum Vandamál Set 8 Mashup, 5 00:00:12,600 --> 00:00:15,880 sem er að fara að skora á þig að draga á atriði fyrir Google Maps 6 00:00:15,880 --> 00:00:20,905 með þætti frá Google News og blanda þá saman inn í a vefur stefi sem 7 00:00:20,905 --> 00:00:24,150 leyfa notandi til að leita kort fyrir fréttir sveitarfélaga 8 00:00:24,150 --> 00:00:26,780 til ákveðinna bæjum, borgir og númer zip. 9 00:00:26,780 --> 00:00:31,040 Til að gera þetta, við erum að fara að samþætta nokkur HTML, CSS, PHP, SQL, 10 00:00:31,040 --> 00:00:34,390 JavaScript og tækni almennt þekktur sem AJAX til 11 00:00:34,390 --> 00:00:36,850 til að búa til þetta flottari notandi reynsla. 12 00:00:36,850 --> 00:00:38,920 >> Skulum fyrst fyrir Google Maps sig. 13 00:00:38,920 --> 00:00:41,220 Þetta, auðvitað, er kannski kunnuglegt viðmót. 14 00:00:41,220 --> 00:00:45,070 En það kemur í ljós að Google Maps veitir einnig API-- umsókn 15 00:00:45,070 --> 00:00:48,360 forritun interface-- gegnum sem þú getur tekið þætti Google Maps 16 00:00:48,360 --> 00:00:50,740 og fella þá inn í eigin forrit. 17 00:00:50,740 --> 00:00:52,650 Reyndar, um þetta ferli, þú ert að fara 18 00:00:52,650 --> 00:00:55,140 að finna nokkrar vefslóðir sérstaklega gagnlegt að 19 00:00:55,140 --> 00:00:57,820 er getið í forskrift fyrir Heimadæmi 8, 20 00:00:57,820 --> 00:01:00,980 sérstaklega þetta Getting Started Guide eða Guide framkvæmdaraðila 21 00:01:00,980 --> 00:01:07,640 fyrir Google Maps API Version 3 auk sem Google Maps JavaScript API 22 00:01:07,640 --> 00:01:10,260 v3 vísun, sem er a aðeins meira yfirnáttúrulegt að lesa 23 00:01:10,260 --> 00:01:14,600 en í raun hefur alla neðri hæð upplýsingar um hvaða aðgerðir eða aðferðir 24 00:01:14,600 --> 00:01:18,220 og hlutir og eignir og viðburðir koma reyndar með API, 25 00:01:18,220 --> 00:01:20,720 mjög svipuð í anda að [inaudible] síður. 26 00:01:20,720 --> 00:01:23,480 >> Nú ef við lítum á Google News, þú munt 27 00:01:23,480 --> 00:01:25,370 kannski sjá kunnugleg tengi hér. 28 00:01:25,370 --> 00:01:29,350 En það kemur í ljós að þú getur einnig leitað Google News fyrir ákveðin landsvæði 29 00:01:29,350 --> 00:01:32,000 gegnum HTTP breytu sem heitir Geo. 30 00:01:32,000 --> 00:01:35,100 Í staðreynd, ef ég súmma inn upp hér, munt þú sjá að 31 00:01:35,100 --> 00:01:41,672 Ég er á news.google.com/news/section?geo=02138. 32 00:01:41,672 --> 00:01:43,630 Og reyndar, ef ég súmma út, munt þú sjá að ég er 33 00:01:43,630 --> 00:01:47,090 horfa á síðu með a heild búnt af skoðanir um Cambridge, Massachusetts. 34 00:01:47,090 --> 00:01:50,620 >> Á sama tíma, ef ég breyti í raun URL ekki að vera zip code eins og þetta, 35 00:01:50,620 --> 00:01:55,580 en eitthvað smá Messier eins Cambridge, + Massachusetts, 36 00:01:55,580 --> 00:02:00,740 þar sem plús er sú leið sem þú umrita a rúm eðli í slóðina og ýta á Enter, 37 00:02:00,740 --> 00:02:02,907 þú munt sjá að ég í raun sjá nánast sömu fréttir. 38 00:02:02,907 --> 00:02:05,489 Kannski er það svolítið öðruvísi vegna Cambridge raun 39 00:02:05,489 --> 00:02:06,910 hefur marga kóða zip. 40 00:02:06,910 --> 00:02:09,410 Nú hvernig myndi ég vita það og, í raun, hvernig gat ég einhvern veginn 41 00:02:09,410 --> 00:02:12,940 binda Borgir að númerin zip ef ég 42 00:02:12,940 --> 00:02:15,064 vilja til að leyfa notanda að líta upp annað hvort? 43 00:02:15,064 --> 00:02:17,480 Jæja, það kemur í ljós að það er a website þarna úti heitir 44 00:02:17,480 --> 00:02:20,060 geonames.org sem er frumkvæði til að hafa 45 00:02:20,060 --> 00:02:23,760 fáanleg gagnagrunnur af öllu konar landupplýsingum 46 00:02:23,760 --> 00:02:27,040 ekki aðeins í Bandaríkjunum, en einnig fyrir önnur lönd eins og heilbrigður. 47 00:02:27,040 --> 00:02:30,430 Í staðreynd, ef ég fer á þessa slóð hér, sem er einnig getið í Heimadæmi 48 00:02:30,430 --> 00:02:34,510 forskrift, munt þú sjá það þrisvar skráningu a heild búnt af zip skrá 49 00:02:34,510 --> 00:02:36,400 einhverju sem hægt er að sækja með þér. 50 00:02:36,400 --> 00:02:39,900 Í raun, fyrir þetta vandamál stillt þú ert að fara að sækja us.zip. 51 00:02:39,900 --> 00:02:43,790 Nú innan þessari skrá, er í heild fullt af gögnum í formi texta. 52 00:02:43,790 --> 00:02:47,760 Skrárnar er mjög svipuð a CSV-- Comma gildi aðskilin file-- 53 00:02:47,760 --> 00:02:51,294 en það notar í raun flipa til að afmarka sviðum. 54 00:02:51,294 --> 00:02:53,710 Nú, á meðan, ef þú lítur hér á það sem ég hef undirstrikað, 55 00:02:53,710 --> 00:02:56,459 reitina í þessari skrá eru að fara að vera hluti eins landakóða, 56 00:02:56,459 --> 00:02:58,980 Póstföng, örnefni, og þá, í ​​einhvers konar 57 00:02:58,980 --> 00:03:04,230 eða öðrum, ríki og sýslur, samfélög, og fleira. 58 00:03:04,230 --> 00:03:06,630 Í raun hef ég nú þegar sótt þessa skrá fyrirfram. 59 00:03:06,630 --> 00:03:09,750 Leyfðu mér að fara á undan og opna hana here-- us.text-- og reyndar, þú munt 60 00:03:09,750 --> 00:03:16,660 sjá hvort ég skruna niður að línu 16.792 þú munt sjá nokkrar færslur fyrir Cambridge, 61 00:03:16,660 --> 00:03:19,120 Massachusetts og ýmsir þess númerin zip. 62 00:03:19,120 --> 00:03:22,150 Það sem þú sérð líka að það er fylki, nokkrar tölur sem ég í raun ekki 63 00:03:22,150 --> 00:03:24,500 skilja, heldur einnig allir, leið til hægri, 64 00:03:24,500 --> 00:03:27,170 sumir GPS coordinates-- breiddar og lengdargráðu. 65 00:03:27,170 --> 00:03:30,440 Þetta er mikill vegna þess að einn af eiginleika Google Maps API 66 00:03:30,440 --> 00:03:33,670 er hæfni til að greina þar sem þú ert landfræðilega 67 00:03:33,670 --> 00:03:36,850 hvað varðar GPS hnitum. 68 00:03:36,850 --> 00:03:40,210 >> Nú skulum byrja að reikna út hvernig á að byrja binda þetta saman. 69 00:03:40,210 --> 00:03:42,900 Við höfum gefið þér í heild fullt af dreifingu kóða, 70 00:03:42,900 --> 00:03:44,970 auk MySQL gagnagrunninum. 71 00:03:44,970 --> 00:03:49,100 Í staðreynd, ef ég toga a phpMyAdmin hafa þegar flutt inn, eins og þú vilja bráðum, 72 00:03:49,100 --> 00:03:54,800 pset8.SQL sérðu MySQL töflu sem lítur út eins og þetta, sem ID sviði, land 73 00:03:54,800 --> 00:03:57,400 númer, póstnúmer, staður nafn og fleira. 74 00:03:57,400 --> 00:04:00,490 Þær gerðir af öllum þeim dálkum I unnin einfaldlega 75 00:04:00,490 --> 00:04:03,870 með því að lesa readme.text skrá hér að tilgreint 76 00:04:03,870 --> 00:04:07,330 hvort reitur er heiltala, eða varchar eða þess háttar. 77 00:04:07,330 --> 00:04:10,510 >> Þannig að við höfum skapað þessa töflu fyrir þú og gefið þér SQL skipanir 78 00:04:10,510 --> 00:04:12,770 að framkvæma til að búa til þessi borð í eigin gagnagrunninn, 79 00:04:12,770 --> 00:04:15,290 en það er í raun engin gögn í það enn. 80 00:04:15,290 --> 00:04:19,600 Frekar, þú ert að fara að þurfa að sækja us.zip eða zip allir landsins 81 00:04:19,600 --> 00:04:21,500 skrá frá þessari vefslóð þar. 82 00:04:21,500 --> 00:04:24,940 Og þá þú ert að fara að þurfa að skrifa a stjórn lína handrit PHP sem er 83 00:04:24,940 --> 00:04:28,420 að fara að opna þessi texti skrá, og kunnugt yfir línur sínar, 84 00:04:28,420 --> 00:04:31,180 og þá fyrir hvert af þessir línur gera innleggi 85 00:04:31,180 --> 00:04:34,940 í þessi staður borð í MySQL gagnagrunninn. 86 00:04:34,940 --> 00:04:37,880 Svo í lok þessa ferlis, þú munt hafa keyrt þessi handrit að lokum 87 00:04:37,880 --> 00:04:39,610 bara einu sinni í orði. 88 00:04:39,610 --> 00:04:41,780 Í raun og veru þú munt sennilega hlaupa það fullt af sinnum 89 00:04:41,780 --> 00:04:45,460 en að reyna að laga ýmis galla. 90 00:04:45,460 --> 00:04:48,440 >> Á endanum, þú ert að fara að hafa a mjög stór gagnagrunnur með þúsundum 91 00:04:48,440 --> 00:04:50,139 og þúsundir landfræðilegum línum. 92 00:04:50,139 --> 00:04:52,930 Síðan sem þú ert að fara að setja þessi innflutning handrit til hliðar þegar það er að vinna 93 00:04:52,930 --> 00:04:55,140 og gagnagrunnur þinn er ágætur og rétt, og þá 94 00:04:55,140 --> 00:04:58,880 þú ert að fara að fara á í raun framkvæmd Mashup sjálft. 95 00:04:58,880 --> 00:05:01,670 The Mashup er að fara að líta a lítill eitthvað eins og þetta. 96 00:05:01,670 --> 00:05:05,165 Á mashup.cs50.net, við hafa starfsfólk lausn 97 00:05:05,165 --> 00:05:06,990 sem lítur a lítill eitthvað eins og this. 98 00:05:06,990 --> 00:05:11,070 Reyndar, ef ég smelli á þetta dagblað táknið fyrir Cambridge, Massachusetts, 99 00:05:11,070 --> 00:05:13,300 þú munt sjá að spóla táknið í stutta stund og þá 100 00:05:13,300 --> 00:05:16,370 skipað lista, a áherslumerktur lista af greinum 101 00:05:16,370 --> 00:05:18,280 tengjast Cambridge, Massachusetts. 102 00:05:18,280 --> 00:05:20,352 Ef ég smelli á Charlestown, Massachusetts, 103 00:05:20,352 --> 00:05:21,685 Ég sé það sama fyrir þeirri borg. 104 00:05:21,685 --> 00:05:24,174 Og ef ég smelli á Watertown, Massachusetts, 105 00:05:24,174 --> 00:05:26,090 það gæti ekki verið eitthvað fréttir af frá Watertown, 106 00:05:26,090 --> 00:05:28,630 þannig að þú munt sjá eitthvað eins hægur fréttir dagsins. 107 00:05:28,630 --> 00:05:32,140 >> Nú, á meðan, efst til vinstri eru sumir kunnugleg Google Maps eftirlit 108 00:05:32,140 --> 00:05:34,980 til að láta þig súmma út, pönnu upp, niður, til vinstri og hægri, 109 00:05:34,980 --> 00:05:37,360 en einnig leita kassi sem við setjum þar. 110 00:05:37,360 --> 00:05:40,910 Svo ef ég er að leita að, hreinskilnislega, aðeins annar zip kóða ég veit, 111 00:05:40,910 --> 00:05:45,020 90210, munum við í raun að sjá Beverly Hills, California. 112 00:05:45,020 --> 00:05:48,550 Þegar smellt er það leiðir mig að California og a heild búnt 113 00:05:48,550 --> 00:05:50,369 fréttir um Beverly Hills. 114 00:05:50,369 --> 00:05:51,910 Nú taka líka, hvað gerðist þar. 115 00:05:51,910 --> 00:05:57,040 Ef ég þetta sinn leita 02.138 eða jafnvel Cambridge komma Massachusetts eða einhver 116 00:05:57,040 --> 00:06:00,300 afbrigði þess, þú fá a lítið sjálfvirkri útfyllingu listanum. 117 00:06:00,300 --> 00:06:03,840 Nú er þetta að nota tappi fyrir bókasafn heitir jQuery, 118 00:06:03,840 --> 00:06:05,732 og að tappi er kallað typeahead. 119 00:06:05,732 --> 00:06:07,440 Við að lesa einfaldlega í gegnum skjölin, 120 00:06:07,440 --> 00:06:13,150 sótt .js skrá samþætt í dreifingu kóða svo að þér 121 00:06:13,150 --> 00:06:16,900 lokum getur skrifað kóða sem fyllir að fellivalmyndinni við farartæki 122 00:06:16,900 --> 00:06:19,350 Val eða Auto tillögur. 123 00:06:19,350 --> 00:06:23,820 >> Nú dreifingu kóða, þó að þú fékkst ekki gera nærri eins mikið. 124 00:06:23,820 --> 00:06:26,860 Þú færð Google Map embed og þú færð stjórna efst til vinstri, 125 00:06:26,860 --> 00:06:28,240 og þú færð leitarreitinn. 126 00:06:28,240 --> 00:06:32,760 En ef ég slæ eitthvað eins 02138 eru engar staðir fundust enn. 127 00:06:32,760 --> 00:06:34,730 Svo það er að fara að vera eitt af markmiðum okkar hér. 128 00:06:34,730 --> 00:06:37,430 Þar að auki, ef þú taka skref til baka og líta á landakort sig, 129 00:06:37,430 --> 00:06:38,950 það er ekkert að frétta af neinu tagi. 130 00:06:38,950 --> 00:06:41,780 Jafnvel ef ég smelli og draga, engin merki í raun 131 00:06:41,780 --> 00:06:45,560 birtast í fréttum vegna þess að áskorun er eftir fyrir þig eins og heilbrigður. 132 00:06:45,560 --> 00:06:48,490 >> Við skulum taka a líta þá á dreifingu kóða. 133 00:06:48,490 --> 00:06:51,460 Þegar þú hefur hlaðið pset8.zip og unzipped það 134 00:06:51,460 --> 00:06:54,430 í vhost möppuna í CS50 Appliance, 135 00:06:54,430 --> 00:06:56,550 þú munt sjá þetta framkvæmdarstjóra hér inni. 136 00:06:56,550 --> 00:07:00,200 Bin-- sem almennt stendur fyrir tvöfaldur fyrir executable programs-- 137 00:07:00,200 --> 00:07:04,870 felur í sér, eins og í pset7, sumir PHP skrár sem aðrar skrár eru, 138 00:07:04,870 --> 00:07:06,710 þá almennings, sem er skrár sem þarf 139 00:07:06,710 --> 00:07:09,369 að vera aðgengileg að notandi með vafranum. 140 00:07:09,369 --> 00:07:11,410 Við skulum taka a líta í bin skrá, og við munum 141 00:07:11,410 --> 00:07:13,890 sjá að það er skrá það þegar kallað Import. 142 00:07:13,890 --> 00:07:17,591 Ef við opnum þetta með gedit, munum við sjá það, því miður, það er ekki mikið 143 00:07:17,591 --> 00:07:18,090 þar. 144 00:07:18,090 --> 00:07:20,250 Allt sem er, þó, er klabbið efst 145 00:07:20,250 --> 00:07:23,410 sem skilgreinir hvaða interpreter-- í þessu tilfelli PHP-- 146 00:07:23,410 --> 00:07:25,759 ætti að nota til að í raun og veru framkvæma þessa skrá. 147 00:07:25,759 --> 00:07:27,550 En þá þar sem hún segir TODO er þar sem þú ert 148 00:07:27,550 --> 00:07:31,130 að fara að þurfa að skrifa nokkur númer sem líklega þarf stillingar 149 00:07:31,130 --> 00:07:35,820 skrá sem er í nær möppu eins og við höfum gert áður með PHP skrá. 150 00:07:35,820 --> 00:07:38,180 Og þá þú ert að fara að verður að einhvern veginn að opna 151 00:07:38,180 --> 00:07:41,920 us.text sem þú væntanlega hafa unzipped nú þegar. 152 00:07:41,920 --> 00:07:44,690 Síðan sem þú ert að fara að þurfa að kunnugt yfir línurnar í að skrá, 153 00:07:44,690 --> 00:07:47,800 kannski nota sumir af the virka leiðbeinandi er í lýsingunni. 154 00:07:47,800 --> 00:07:51,390 Þá setja hvert þeirra línur í MySQL gagnagrunninum 155 00:07:51,390 --> 00:07:54,940 með því að nota fyrirspurn virka, sem við höfum aftur veitt þér with-- 156 00:07:54,940 --> 00:07:58,010 eða að minnsta kosti afbrigði þar af í functions.php, 157 00:07:58,010 --> 00:07:59,560 sem við munum sjá í bara smá stund. 158 00:07:59,560 --> 00:08:04,430 >> Nú skulum loka innflutning og fara aftur í skrá okkar og að þessu sinni fara inn 159 00:08:04,430 --> 00:08:05,300 felur í sér. 160 00:08:05,300 --> 00:08:09,210 Og ef ég LS þar sérðu þrjár skrár alveg eins Heimadæmi 7. 161 00:08:09,210 --> 00:08:13,760 Og við skulum taka a fljótur líta, til dæmis, á config.php. 162 00:08:13,760 --> 00:08:16,730 Þar er færri línur en áður, og það 163 00:08:16,730 --> 00:08:20,712 virðist þessi skrá inniheldur constants.php og functions.php. 164 00:08:20,712 --> 00:08:23,670 Við erum að nota aðeins öðruvísi tækni í þetta sinn til að í raun og veru 165 00:08:23,670 --> 00:08:30,910 tilgreina að þessar skrár eru hlutfallslega við núverandi möppu __ DIR__ 166 00:08:30,910 --> 00:08:35,280 táknar hvað skrá þetta skrá, config.php, er sjálft í. 167 00:08:35,280 --> 00:08:37,600 Þannig að þetta er meira skýr leið tilgreina 168 00:08:37,600 --> 00:08:40,100 hvaða aðrar skrár sem þú vilt að krefjast. 169 00:08:40,100 --> 00:08:44,020 >> Nú ef ég loka þessari skrá og opna constants.php staðinn, 170 00:08:44,020 --> 00:08:47,430 þú munt sjá a skrá mjög minnir til Problem Set 7 eins vel, að vísu 171 00:08:47,430 --> 00:08:50,050 með mismunandi gagnagrunni sem kallast pset8. 172 00:08:50,050 --> 00:08:54,020 Að lokum, í functions.php, munum við sjá bara eina aðgerð 173 00:08:54,020 --> 00:08:55,942 í þetta sinn heitir fyrirspurn. 174 00:08:55,942 --> 00:08:59,150 Þetta er nánast sama nema við tökum villur This tími í kring smá 175 00:08:59,150 --> 00:09:02,860 annan hátt, en það er notkun er sama og í vandamál setja sjö. 176 00:09:02,860 --> 00:09:08,090 >> Nú skulum fara aftur í pset8 okkar skrá, fara í almenningi, og þar 177 00:09:08,090 --> 00:09:14,420 ef ég LS, munt þú sjá this-- articles.php, index.html, search.php, 178 00:09:14,420 --> 00:09:16,940 og update.php-- allar skrár. 179 00:09:16,940 --> 00:09:22,010 Og þá CSS letur, IMG, og JS skrá alveg eins pset7. 180 00:09:22,010 --> 00:09:24,660 >> Við skulum taka a líta á index.html, sem er 181 00:09:24,660 --> 00:09:27,290 að fara að vera í raun innganga benda til smashup. 182 00:09:27,290 --> 00:09:31,820 Nú í index.html, munt þú sjá a heild fullt af þáttum tengilinn í höfuðið, 183 00:09:31,820 --> 00:09:36,540 sérstaklega fyrir ræsingu til okkar eigin CSS eftir a heild búnt af handriti 184 00:09:36,540 --> 00:09:41,520 Tags fyrir hlutum eins og kortum, API sjálft, sérstakt merki með merki 185 00:09:41,520 --> 00:09:44,950 tól sem við getið í skilgreining er í boði fyrir þig, 186 00:09:44,950 --> 00:09:48,420 jQuery sjálft, ræsi sjálft, og annar bókasafn 187 00:09:48,420 --> 00:09:50,990 kallast undirstrik sem við tölum um í sérstakur. 188 00:09:50,990 --> 00:09:57,031 Underscore.js eins jquery.js er a JavaScript bókasafn 189 00:09:57,031 --> 00:10:00,280 sem hefur a heild búnt af virkni að mikið af fólki í heiminum vilja 190 00:10:00,280 --> 00:10:02,020 verið í JavaScript sig. 191 00:10:02,020 --> 00:10:04,560 Svo allt þetta eru í raun alveg vinsæll. 192 00:10:04,560 --> 00:10:07,140 Við höfum einnig getið typeahead sem er bókasafn sem 193 00:10:07,140 --> 00:10:11,180 er að sjálfvirkri útfyllingu listanum og loksins tengill á eigin JavaScript okkar. 194 00:10:11,180 --> 00:10:13,880 >> Á meðan, og ef til vill sem betur fer, þetta Mashup 195 00:10:13,880 --> 00:10:17,550 er knúin áfram af tiltölulega lítið HTML niður hér neðst. 196 00:10:17,550 --> 00:10:22,330 Takið eftir að við höfum skilgreint div í líkami okkar tegund-gámur vökva. 197 00:10:22,330 --> 00:10:24,610 Þetta, á ræsi er skjöl, bara 198 00:10:24,610 --> 00:10:29,840 þýðir að þessi div er að fara að fylla á viewport eða gluggi í vafranum fullu. 199 00:10:29,840 --> 00:10:33,020 >> Á meðan, hér að neðan sem við höfum div sem er opnað og strax lokað 200 00:10:33,020 --> 00:10:34,790 með einstaka ID kort striga. 201 00:10:34,790 --> 00:10:37,400 Þetta er nú frá Google Kort gögn 202 00:10:37,400 --> 00:10:42,490 fyrir API þess, þar sem ég þarf bara að hafa tómt div inn sem að sprauta, 203 00:10:42,490 --> 00:10:44,470 lokum, raunveruleg Google Maps. 204 00:10:44,470 --> 00:10:46,310 En meira um það í bara smá. 205 00:10:46,310 --> 00:10:48,850 >> Að lokum, það er mynd inni hér, sem 206 00:10:48,850 --> 00:10:52,930 útfærir textareitinn upp efst til vinstri í tengi okkar til að leita. 207 00:10:52,930 --> 00:10:54,730 Takið eftir að við höfum notað smá ræsingu 208 00:10:54,730 --> 00:10:57,670 hér too-- hluti eins mynd-inline og form-hópur. 209 00:10:57,670 --> 00:11:00,080 Við höfum gefið fyrrverandi einstakt auðkenni formi. 210 00:11:00,080 --> 00:11:04,510 Og þá að lokum, ég hef í raun inntak tegund, sem er nokkuð kunnuglegt, 211 00:11:04,510 --> 00:11:06,440 sem ID er q. 212 00:11:06,440 --> 00:11:07,230 Bara samningur. 213 00:11:07,230 --> 00:11:09,234 Q fyrir query-- gæti hafa verið kallaður neitt. 214 00:11:09,234 --> 00:11:11,400 Og þá tákn, á meðan er borg, ríki, 215 00:11:11,400 --> 00:11:16,200 og póstnúmer sem þú gætir muna að sjá í Mashup okkar kynningu fyrr. 216 00:11:16,200 --> 00:11:17,980 Við skulum loka þessari skrá. 217 00:11:17,980 --> 00:11:24,460 >> Nú taka a líta á the PHP skrá sem bíða og þá JavaScript skrár. 218 00:11:24,460 --> 00:11:27,700 Í PHP skrá okkar, höfum við nú þegar innleitt fyrir þig, 219 00:11:27,700 --> 00:11:29,960 til dæmis, uppfærslur. 220 00:11:29,960 --> 00:11:35,060 Update.php-- við munum ekki eyða a gríðarstór magn af tími á here-- í hnotskurn 221 00:11:35,060 --> 00:11:38,400 er skrá sem okkur JavaScript kóða er að fara 222 00:11:38,400 --> 00:11:41,610 að hafa samband í gegnum AJAX sem ósamstilltur tækni sem er 223 00:11:41,610 --> 00:11:45,980 byggt inn JavaScript þessa dagana það er að fara að leyfa okkur að spyrja update.php 224 00:11:45,980 --> 00:11:47,410 til að fá meiri upplýsingar. 225 00:11:47,410 --> 00:11:50,045 >> Sérstaklega, hvenær notandinn dregur kortið 226 00:11:50,045 --> 00:11:53,310 eða framkvæmir leit sem hoppar notandinn á annan stað, 227 00:11:53,310 --> 00:11:55,250 JavaScript kóða okkar, eins og við munum fljótlega sjá, er 228 00:11:55,250 --> 00:11:59,610 að fara að hringja update.php og biðja um 10 eða svo merkjum 229 00:11:59,610 --> 00:12:02,630 innan viewport byggt á GPS hnitum 230 00:12:02,630 --> 00:12:06,510 af efst og neðst horn þess korti. 231 00:12:06,510 --> 00:12:10,520 Við getum þá endumema kortið nú að notandinn hefur flutt skjáinn í röð 232 00:12:10,520 --> 00:12:14,210 að sjá 10 sennilega ný merki fyrir mismunandi bæjum. 233 00:12:14,210 --> 00:12:18,340 Á sama tíma, þessi skrá er að lokum fara að framkvæma SQL fyrirspurn 234 00:12:18,340 --> 00:12:21,680 gegn okkur borð kallast staðir sem 235 00:12:21,680 --> 00:12:26,380 er að fara að skila þeim 10 eða færri stöðum. 236 00:12:26,380 --> 00:12:32,620 >> Á sama tíma í articles.php, er annar skrá við höfum skrifað í heild sinni. 237 00:12:32,620 --> 00:12:35,820 Það er mjög svipuð í anda við LOOKUP virka Heimadæmi 7 er, 238 00:12:35,820 --> 00:12:39,450 sem samband Yahoo Finance fyrir þig. 239 00:12:39,450 --> 00:12:43,710 Þetta skjal tengiliðir Google News fyrir þig, að lokum grabbing 240 00:12:43,710 --> 00:12:46,050 a tölvutæku version-- í eitthvað 241 00:12:46,050 --> 00:12:49,720 kallast RSS format-- af fréttum fyrir Cambridge eða Beverly Hills 242 00:12:49,720 --> 00:12:52,880 eða hvað bæ þú hefur leitað fyrir við þann geoparameter. 243 00:12:52,880 --> 00:12:57,250 Við flokka að RSS, sem er bara tegund markup language kallast XML, 244 00:12:57,250 --> 00:13:00,740 og þá erum við í raun aftur það til þinn flettitæki 245 00:13:00,740 --> 00:13:03,570 og JavaScript kóðanum, sérstaklega, í því formi sem heitir 246 00:13:03,570 --> 00:13:06,097 JSON, JavaScript Object Ritháttur. 247 00:13:06,097 --> 00:13:08,180 Nú þú munt sjá í specification-- við benda þér 248 00:13:08,180 --> 00:13:10,720 hvernig þú getur raunverulega sjá sumir af the JSON komandi back-- 249 00:13:10,720 --> 00:13:15,210 að þessi virkni lokum gerir þér kleift að byggja þá almenningur valmyndir svo 250 00:13:15,210 --> 00:13:16,960 að þegar þú smellir á merki í kortinu 251 00:13:16,960 --> 00:13:19,430 þú sérð í raun a heild búnt af byssukúlum, sem hver um sig 252 00:13:19,430 --> 00:13:21,020 tenglar á grein. 253 00:13:21,020 --> 00:13:25,000 >> Nú skulum við taka a líta á einn síðasta PHP skrá sem betur fer, ekki 254 00:13:25,000 --> 00:13:27,970 hafa mikið að fara on-- bara nokkuð stór TODO. 255 00:13:27,970 --> 00:13:32,170 Núna þessa skrá yfir fylki kallast staði. 256 00:13:32,170 --> 00:13:35,980 Og þá að lokum prentar sem array í JSON format-- 257 00:13:35,980 --> 00:13:38,720 nokkuð-prentun það bara svo að hlutirnir eru auðveldara að kemba. 258 00:13:38,720 --> 00:13:41,480 Því miður, í miðja er þetta TODO, 259 00:13:41,480 --> 00:13:46,890 sem kallar þú að leita að gagnagrunn fyrir stöðum sem passa a geo HTTP 260 00:13:46,890 --> 00:13:47,490 breytu. 261 00:13:47,490 --> 00:13:49,865 >> Og reyndar, þetta er að fara að vera einn af challenges-- þinni 262 00:13:49,865 --> 00:13:54,240 að framkvæma þessa virkni hér þannig að þegar þú hefur samband þessa skrá með 263 00:13:54,240 --> 00:14:00,610 a URL eins leit. PHP? Geo = eitthvað, númerið þitt mun að lokum skila JSON 264 00:14:00,610 --> 00:14:05,020 array af öllum stöðum í þinn gagnasafn borð sem passa að inntak. 265 00:14:05,020 --> 00:14:08,960 Þannig að ef notandinn slær í Cambridge, skráin hér search.php 266 00:14:08,960 --> 00:14:12,680 ætti að lokum skila JSON array fyrir allar samsvaranir fyrir Cambridge, 267 00:14:12,680 --> 00:14:16,990 sem gæti verið í Massachusetts en gæti verið jafnvel annars staðar. 268 00:14:16,990 --> 00:14:21,040 >> Loks skulum taka a líta á tvo skrár sem eru truflanir ultimately-- 269 00:14:21,040 --> 00:14:23,680 CSS skráin og JavaScript skráin. 270 00:14:23,680 --> 00:14:26,779 Ef ég fer inn í CSS skrá okkar, það er allt fullt af skrám þar, 271 00:14:26,779 --> 00:14:28,070 en af ​​þeim eru bókasöfn. 272 00:14:28,070 --> 00:14:31,530 Ég ætla að kíkja, sérstaklega á styles.css, 273 00:14:31,530 --> 00:14:35,440 sem er eigin alheims okkar CSS sem er fara að stylize þetta allt Mashup. 274 00:14:35,440 --> 00:14:38,840 Ég hef það að þér að lesa í gegnum athugasemdir hér, en í hnotskurn, 275 00:14:38,840 --> 00:14:43,490 þetta er CSS sem tryggir að okkar Mashup, sjálfgefið út af the kassi, 276 00:14:43,490 --> 00:14:46,950 lítur nákvæmlega eins og við viljum it-- með kortinu fylla út Gægjuglugga 277 00:14:46,950 --> 00:14:49,720 og við leit kassi upp efst til vinstri. 278 00:14:49,720 --> 00:14:52,870 Við höfum einnig tekið frelsi stylizing að typeahead valseðilinn 279 00:14:52,870 --> 00:14:55,170 valmynd svolítið eins og heilbrigður. 280 00:14:55,170 --> 00:14:58,030 >> Mikilvægasta skrá kannski fyrir þetta vandamál sett 281 00:14:58,030 --> 00:15:01,070 er þetta síðasta, scripts.js. 282 00:15:01,070 --> 00:15:03,800 Inni JS möppuna er jafnvel fleiri skrár. 283 00:15:03,800 --> 00:15:08,090 Öll þau eru bókasafn skrá nema fyrir einn, scripts.js. 284 00:15:08,090 --> 00:15:11,460 Ef við opnum þetta upp, við skulum taka okkar Endanleg ferð í gegnum þær aðgerðir sem 285 00:15:11,460 --> 00:15:13,820 eru byggð í skrána fyrir þig og vekja athygli 286 00:15:13,820 --> 00:15:16,200 til Todos sem framundan eru. 287 00:15:16,200 --> 00:15:19,110 >> Efst af þessari skrá, eru þrjár Alþjóðlegar breytur. 288 00:15:19,110 --> 00:15:22,910 Einn fyrir kort, sem er að fara að vera tilvísun til kort okkar Google. 289 00:15:22,910 --> 00:15:25,510 Þú getur hugsað um það konar sem bendill. 290 00:15:25,510 --> 00:15:27,710 Á sama tíma höfum við annar global breyta 291 00:15:27,710 --> 00:15:31,500 kallast upplýsingar, sem virðist vera geyma skilagildi símtali 292 00:15:31,500 --> 00:15:34,170 að nýju google.maps.InfoWindow. 293 00:15:34,170 --> 00:15:37,835 JavaScript styður hluti sem eru mjög svipuð í anda að Struts. 294 00:15:37,835 --> 00:15:40,250 Og hvað þetta línu fyrir tilgangi okkar er að gera 295 00:15:40,250 --> 00:15:42,820 er að búa til nýja vöru glugga í minni og þá 296 00:15:42,820 --> 00:15:46,330 halda um tilvísun á þeim í breytu sem heitir Info. 297 00:15:46,330 --> 00:15:48,330 Og í milli þeirra, á meðan er það virðist 298 00:15:48,330 --> 00:15:51,060 að vera tómt JavaScript array kallast merki. 299 00:15:51,060 --> 00:15:55,392 Allar þessar dagblaði táknum, eða þú gæti valið aðra táknið öllu leyti, 300 00:15:55,392 --> 00:15:57,350 eru að fara að vera geymd lokum í þessu fylki 301 00:15:57,350 --> 00:16:01,570 svo að við getum mjög auðveldlega bæta við Kortið og fjarlægja þá úr kortinu. 302 00:16:01,570 --> 00:16:03,990 >> Nú skulum fletta niður svolítið og whiz 303 00:16:03,990 --> 00:16:07,690 gegnum kóðann sem er að fara að vera framkvæmd um leið og DOM eða skjal 304 00:16:07,690 --> 00:16:10,480 mótmæla líkan eða sjálft er tilbúið. 305 00:16:10,480 --> 00:16:12,942 Muna að þetta setningafræði hér einfaldlega skilgreinir 306 00:16:12,942 --> 00:16:14,900 að eftirfarandi kóða ætti að framkvæma aðeins 307 00:16:14,900 --> 00:16:17,840 þegar vafrinn er lokið hleðsla allt annað. 308 00:16:17,840 --> 00:16:19,750 >> Við lýsum fyrst allt fullt af stíl, 309 00:16:19,750 --> 00:16:22,410 sem á endanum stylizing Kortið sem á sérstakur. 310 00:16:22,410 --> 00:16:24,790 Við lýsum þá allt fullt af valkostum, 311 00:16:24,790 --> 00:16:28,630 sem frekar aðlaga Google Kort sem við erum að fara að embed. 312 00:16:28,630 --> 00:16:32,090 Við notum þá smá jQuery kóða, sem skýrist í bita nánar 313 00:16:32,090 --> 00:16:35,000 í sérstakur, að grípa þessi þáttur, map-striga 314 00:16:35,000 --> 00:16:36,980 að við sem svo einstaklega. 315 00:16:36,980 --> 00:16:40,640 Og svo hér er þetta lína það sem virðist dularfullur gefa okkur 316 00:16:40,640 --> 00:16:43,560 kort Google inni eigin umsókn okkar, 317 00:16:43,560 --> 00:16:47,020 geyma tilvísun að henni í þá breytu sem heitir kortinu. 318 00:16:47,020 --> 00:16:50,550 >> Að lokum, niður hér við skrá hvað er kallað hlustandi. 319 00:16:50,550 --> 00:16:54,690 Hugsaðu back-- leið, leið back-- að viku núll í CS50 320 00:16:54,690 --> 00:16:57,430 þegar við skoðuðum grunni og stuðning sinn í göngutúr 321 00:16:57,430 --> 00:16:59,935 gegnum fyrir hluti sem kallast Viðburðir og útsendingar. 322 00:16:59,935 --> 00:17:01,810 Þú getur ekki hafa notað það sjálfur, en það er 323 00:17:01,810 --> 00:17:03,900 a vélbúnaður þar a Vafrinn í þessu tilfelli 324 00:17:03,900 --> 00:17:07,940 er hægt að fá athygli okkar þegar hún er tilbúinn til raunverulega framkvæma nokkur númer. 325 00:17:07,940 --> 00:17:12,170 Í þessu tilfelli, það er að fara að hlusta í kortinu fyrir atburð sem heitir aðgerðalaus. 326 00:17:12,170 --> 00:17:14,930 Þetta þýðir að vafrinn hafi lokið að hlaða kortið Google. 327 00:17:14,930 --> 00:17:18,380 Á þessum tímapunkti fall kallast Stilla ætti að lokum 328 00:17:18,380 --> 00:17:19,339 að framkvæma. 329 00:17:19,339 --> 00:17:22,510 Það virka, stilla, við munum sjá, er skrifuð af okkur. 330 00:17:22,510 --> 00:17:24,550 >> Nú er hérna fall það, því miður, 331 00:17:24,550 --> 00:17:25,871 er bara TODO bæta merki. 332 00:17:25,871 --> 00:17:28,620 Per sérstakur. þú ert að fara að þurfa að skrifa kóðann sem raunverulega 333 00:17:28,620 --> 00:17:32,840 bætir marker-- hvort það lítur eins dagblaði, eða þumalfingur tittur, 334 00:17:32,840 --> 00:17:35,360 eða eitthvað else-- til Google kort. 335 00:17:35,360 --> 00:17:37,720 Hér er nú að virka kallað Stilla. 336 00:17:37,720 --> 00:17:40,390 Ég hef það að þér að lesa í gegnum þetta nánar, 337 00:17:40,390 --> 00:17:42,600 en ljóst að við bætum fullt meira Hlustandi 338 00:17:42,600 --> 00:17:46,620 svo að við getum keyrt kóða þegar notandi smellir á og dregur kortið. 339 00:17:46,620 --> 00:17:50,730 Við höfum einnig kóða hér að initializes að typeahead tappi 340 00:17:50,730 --> 00:17:53,120 þannig að listanum matseðill virkar í raun. 341 00:17:53,120 --> 00:17:55,690 >> En við skulum leggja áherslu á bara par af stöðum hér. 342 00:17:55,690 --> 00:17:57,590 Sérstaklega þetta að gera hér. 343 00:17:57,590 --> 00:18:00,410 Ég fresta að net- skjöl og texta 344 00:18:00,410 --> 00:18:02,530 fyrir hvernig á að fylla út þetta todo. 345 00:18:02,530 --> 00:18:05,890 En í hnotskurn, þetta bókasafn typeahead gerir þér kleift að fara 346 00:18:05,890 --> 00:18:09,790 í hvað er almennt þekktur sem sniðmát, sem hefur einhverja breytilega staðgengla 347 00:18:09,790 --> 00:18:13,690 mjög svipuð í anda við% printf er. * s. 348 00:18:13,690 --> 00:18:16,030 En í þessu tilfelli, sniðmát á sérstakur 349 00:18:16,030 --> 00:18:18,760 gerir þér kleift að tilgreina hvað breytur sem þú vilt 350 00:18:18,760 --> 00:18:24,880 að sprauta úr gögnum sem er komið til baka frá eitthvað eins PHP 351 00:18:24,880 --> 00:18:29,810 skrár sem þú hefur skrifað sem eru emitting JSON framleiðsla. 352 00:18:29,810 --> 00:18:35,170 >> Nú niður hér grein fyrir því að við erum hlusta typeahead vali 353 00:18:35,170 --> 00:18:38,050 þegar notandinn í raun og veru framkvæmir a leita og velur gildi. 354 00:18:38,050 --> 00:18:40,270 Þetta er hvernig við erum í raun og veru að fara að hlusta á það 355 00:18:40,270 --> 00:18:42,250 og framkvæma nokkur númer í kjölfarið. 356 00:18:42,250 --> 00:18:45,300 Þá höldum við áfram að stilla að Mashup bara svolítið. 357 00:18:45,300 --> 00:18:48,000 Og, að lokum, við köllum þessi aðgerð uppfærslu. 358 00:18:48,000 --> 00:18:49,640 Það uppfærir merki á skjánum. 359 00:18:49,640 --> 00:18:51,529 Meira um það í bara smá stund. 360 00:18:51,529 --> 00:18:53,570 Á sama tíma, það er nokkrar lítil aðgerðir í hér. 361 00:18:53,570 --> 00:18:56,820 Einn sem er hideInfo sem einfaldlega lokar InfoWindow. 362 00:18:56,820 --> 00:19:00,020 Önnur starfsemi hér, sem á endanum mun ekki vera of lengi, fjarlægja merki. 363 00:19:00,020 --> 00:19:03,580 Það er að fara að losa hvað bæta merki virka þinn gerir. 364 00:19:03,580 --> 00:19:04,960 Og þá niður hér er leit. 365 00:19:04,960 --> 00:19:08,610 Og þetta er áhugavert vegna þess að við hafa skrifað JavaScript-kóðann 366 00:19:08,610 --> 00:19:13,490 fara að tala við search.php á miðlara og fá aftur sumir svar. 367 00:19:13,490 --> 00:19:16,110 >> Þú, að sjálfsögðu, mun enn þarf að framkvæma search.php, 368 00:19:16,110 --> 00:19:18,310 en við höfum innleitt JavaScript kóða sem er 369 00:19:18,310 --> 00:19:22,480 fara að höndla raunverulega framkvæma leitar af þeim textareitinn. 370 00:19:22,480 --> 00:19:25,340 Einkum fyrirvara að þessi aðgerð hér, 371 00:19:25,340 --> 00:19:29,160 leit, er kalla search.php með aðferð sem er sem kallast 372 00:19:29,160 --> 00:19:31,072 fá JSON, sem við sáum í fyrirlestri. 373 00:19:31,072 --> 00:19:32,780 Og setningafræði hér er a lítill ólíkur 374 00:19:32,780 --> 00:19:37,110 frá fyrirlestri í að við erum með jQuery svokallaða loforð tengi. 375 00:19:37,110 --> 00:19:38,479 Meira um það í sérstakur. 376 00:19:38,479 --> 00:19:40,520 Þetta þýðir einfaldlega fyrir okkar tilgangi nú að það 377 00:19:40,520 --> 00:19:43,870 eru tvö sérstök aðgerðir við þarf að hringja með punktur tákn 378 00:19:43,870 --> 00:19:46,230 hér strax eftir að hringja fá JSON. 379 00:19:46,230 --> 00:19:47,510 Einn heitir gert. 380 00:19:47,510 --> 00:19:49,870 Einn er kallað mistakast. 381 00:19:49,870 --> 00:19:51,790 Þú getur hugsað þetta Þar sem árangur dýraþjálfari 382 00:19:51,790 --> 00:19:54,960 og bilun dýraþjálfari bara ef eitthvað fer úrskeiðis. 383 00:19:54,960 --> 00:19:57,760 >> Nú skulum líta á síðustu par af störfum í þessari skrá. 384 00:19:57,760 --> 00:20:00,180 Hérna er fall heitir showInfo, sem 385 00:20:00,180 --> 00:20:03,090 sýnir upplýsingar í einn af þeim little info opnanlegir 386 00:20:03,090 --> 00:20:05,380 birtist þegar notandi smellir á merkið. 387 00:20:05,380 --> 00:20:08,470 Hérna frekar er að uppfæra virka 388 00:20:08,470 --> 00:20:10,510 að við höfum innleitt fyrir þig. 389 00:20:10,510 --> 00:20:15,250 Það ákvarðar mörk á kortinu. 390 00:20:15,250 --> 00:20:19,360 Hvað eru GPS hnit þess norðaustur og suðvestur horn hér. 391 00:20:19,360 --> 00:20:22,780 Við höfum undirbúið nokkrar HDP breytur hér og þá fara framhjá þeim á endanum 392 00:20:22,780 --> 00:20:26,160 að update.php, sem við höfum einnig til framkvæmda fyrir þig. 393 00:20:26,160 --> 00:20:31,390 Að lokum fær aftur sumir JSON frá skráin heitir update.php 394 00:20:31,390 --> 00:20:34,050 og þá fjarlægir allir merki á skjánum 395 00:20:34,050 --> 00:20:36,650 og þá iterates yfir gögn sem er að koma til baka 396 00:20:36,650 --> 00:20:40,350 frá update.php, sem aftur er bara JSON array. 397 00:20:40,350 --> 00:20:45,130 Og þá er það bætir að lokum merki fyrir hver af þeim stöðum, meðhöndlun bilun 398 00:20:45,130 --> 00:20:47,750 eða villur sem gætu gerst mjög vel. 399 00:20:47,750 --> 00:20:51,550 >> Nú bara að gefa þér bragð af því hvernig þú gæti farið um kembiforrit þetta verkefni, 400 00:20:51,550 --> 00:20:55,420 grein fyrir því að ég hef opnað í fara þennan flipa hér á þessa slóð, 401 00:20:55,420 --> 00:21:01,320 pset8 / articles.php? Geo = 02138. 402 00:21:01,320 --> 00:21:04,050 Nú, aftur, greinar um PHP við útfært fyrir þig 403 00:21:04,050 --> 00:21:06,320 þannig að þetta er ekki svo mikið hvað þú munt vera með 404 00:21:06,320 --> 00:21:08,190 að kemba, heldur tækni. 405 00:21:08,190 --> 00:21:10,590 Takið eftir að ég hef leitað til Zip kóða Cambrigde hér, 406 00:21:10,590 --> 00:21:15,260 og ég hef fengið til baka, reyndar a JSON array af JSON mótmæla inni sem 407 00:21:15,260 --> 00:21:17,640 eru tvær keys-- tengilinn og titill. 408 00:21:17,640 --> 00:21:19,860 >> Þannig að þetta virkni virkar þegar fyrir þig. 409 00:21:19,860 --> 00:21:24,330 En þessi aðferð handvirkt fara að vefslóð eins og þetta fyrir eitthvað eins og 410 00:21:24,330 --> 00:21:31,710 search.php? Geo = Cambridge eða 02138 eða hvað notandinn hefur slegið í ætti 411 00:21:31,710 --> 00:21:35,770 sanna ómetanleg eins og þú, sjálfur, reyna að reikna út nákvæmlega hvort eða hvers vegna 412 00:21:35,770 --> 00:21:38,510 search.php er að vinna eða ekki. 413 00:21:38,510 --> 00:21:41,720 >> Á endanum þá þarftu nokkrar Todos undan þér. 414 00:21:41,720 --> 00:21:44,250 Þú ert að fara að fyrstu áhöldum að innflutningur handrit sem 415 00:21:44,250 --> 00:21:46,520 les í us.text í gagnagrunninn. 416 00:21:46,520 --> 00:21:48,760 Þú ert þá að fara að þurfa að innleiða search.php 417 00:21:48,760 --> 00:21:51,320 þannig að það hegðar sér nákvæmlega eins og tilgreint er. 418 00:21:51,320 --> 00:21:54,170 Þú ert þá að fara til að vilja að leggja áherslu á scripts.js 419 00:21:54,170 --> 00:21:57,520 og að lokum útfærir þá par af Todos, 420 00:21:57,520 --> 00:21:59,950 þar á meðal fyrir Stilla og að sniðmát, 421 00:21:59,950 --> 00:22:03,220 bæta leiðarmerki, fjarlægja merki, og þá endast, en ekki síst, eina 422 00:22:03,220 --> 00:22:04,330 persónulegur snerta. 423 00:22:04,330 --> 00:22:07,477 >> Þegar þú hefur Mashup vinna þína alveg eins og okkar, markmiðið á hönd 424 00:22:07,477 --> 00:22:09,560 er fyrir þig að bæta persónulegt snerta á Mashup þína, 425 00:22:09,560 --> 00:22:11,290 hvort sem það er fagurfræðilega eða hagnýtur. 426 00:22:11,290 --> 00:22:13,950 Taktu Mashup alltaf svo örlítið á næsta stig. 427 00:22:13,950 --> 00:22:18,330 Svo lengi sem þú ýta sjálfur út þekkingu þína með sérstakur sig 428 00:22:18,330 --> 00:22:20,840 og taka upp eina aðferð nýtt, jafnvel ef það er bara 429 00:22:20,840 --> 00:22:25,610 eitthvað fagurfræði eins og að breyta því skipulag á kortinu sem þú ert að nota, 430 00:22:25,610 --> 00:22:28,070 umfang sem við gerum ráð fyrir verða ánægðir. 431 00:22:28,070 --> 00:22:30,260 Það er þá Problem Set 8 Mashup. 432 00:22:30,260 --> 00:22:33,070 Dvöl lag fyrir fleiri í forskrift og bestur af heppni 433 00:22:33,070 --> 00:22:36,400 takast þetta, síðast þitt CS50 vandamál setja alltaf. 434 00:22:36,400 --> 00:22:39,750 >> [Tónlist spila] 435 00:22:39,750 --> 00:22:43,542