[Zenelejátszási] 

David J. MALAN: Hello. Vessünk egy sétát Probléma Set 8 Mashup, ami lesz, hogy kihívást jelent, hogy merítsen elemeket Google Maps elemeiből Google News és a cefre őket egy web kisalkalmazás, lehetővé teszi a felhasználó számára, hogy keresni egy térképet hírek helyi az adott városok, városok, valamint irányítószámok. Ehhez fogunk integráltan HTML, CSS, PHP, SQL, JavaScript és a technika néven ismert AJAX érdekében hogy létrehozza ezt a magával ragadó felhasználói élményt. 

Nézzük először a Google Maps magát. Ez, persze, talán a megszokott felületen. De kiderül, hogy a Google Maps továbbá egy API-- alkalmazás programozási interface--, amelyen keresztül akkor veheti elemei Google Maps és integrálják őket saját alkalmazásokat. Valóban, ez alatt folyamat, fogsz találni egy pár URL Különösen hasznos, hogy említi a specifikáció Probléma Set 8, konkrétan ez az első lépések Útmutató vagy a fejlesztői kézikönyv A Google Maps API Version 3, valamint a Google Maps API JavaScript V3 referencia, amely egy kicsit misztikus olvasni de valójában az összes, a alsó szint részletek arról, hogy mit funkciók vagy módszerek és objektumok és tulajdonságok és események valóban jön a API, nagyon hasonló szellemben a [hallhatatlan] oldalakat. 

Most, ha vetünk egy pillantást A Google News, akkor Talán egy ismerős kezelőfelület itt. De kiderül, akkor kereshet Google News konkrét földrajzi egy HTTP nevű paramétert geo. Sőt, ha Kinagyíthatom itt, látni fogja, hogy Itt vagyok news.google.com/news/section?geo=02138. És valóban, ha zoom ki, látni fogod, hogy én vagyok néztem egy oldalt egy csomó nézetek Cambridge, Massachusetts. 

Közben, ha én valóban változtatni a URL, hogy nem egy irányítószámot, mint ez, de egy kicsit Messier mint a Cambridge, Massachusetts +, ahol a plusz ahogy kódolni szóköz egy URL, és nyomja meg az Enter, látni fogod, hogy én tulajdonképpen lásd szinte ugyanazokat a híreket. Talán ez egy kicsit más mert Cambridge ténylegesen többszörös irányítószámok. Most hogyan tudom ezt, és, sőt, hogyan tudnám valahogy nyakkendő városok a postai irányítószámok esetén I szeretnénk, hogy a felhasználó felnézni sem? Nos, kiderült, hogy van Egy honlap odakint úgynevezett geonames.org amely kezdeményezés, hogy a szabadon hozzáférhető adatbázis az összes fajta térinformatikai, nem csak az amerikai, hanem a más országok számára is. Sőt, ha elmegyek erre URL itt, ami is említi a problémát beállítva specifikáció, látni fogod, hogy a három felsorolása egy csomó zip fájlok amelyek bármelyike ​​lehet letölteni az Ön számára. Tény, hogy ez a probléma beállítva fogsz letölteni us.zip. Most ebben a fájlban, egy egész csomó szöveg formátumú adatokat. A fájlok nagyon hasonlít egy CSV-- vesszővel elválasztott értékek file-- de valójában használ tabs elhatárolására területeken. Most, eközben ha megnézi itt a mi amit kiemelt, A mező ebben a fájlban mennek hogy a dolgok, mint az ország kódját, irányítószámok, helynevek, és majd, valamilyen formában vagy más, az államok és a megyék, közösségek, és így tovább. Sőt, én már le ezt a fájlt előre. Hadd menjen előre, és nyissa meg here-- us.text--, sőt, azt is megtudhatod hátha lépjünk le a sorban 16.792 látni fogod, néhány rekordot Cambridge, Massachusetts és annak különböző irányítószámok. Amit még látni ott van a megyében, néhány szám, hogy én nem igazán megérteni, hanem minden az út jobb oldalán, Egyes GPS coordinates-- szélességi és hosszúsági. Ez azért jó, mert az egyik a funkciók a Google Maps API az a képesség, hogy érzékelni hol van földrajzilag tekintve GPS koordinátákat. 

Most kezdenek rájönni, hogyan kell kezdeni árukapcsolás ezeket a dolgokat együtt. Már adott egy egész csomó elosztói szabályzat, valamint a MySQL adatbázis. Sőt, ha kihúzom a phpMyAdmin, amelynek már importálta, ahogy hamarosan lesz, pset8.SQL, akkor megjelenik egy MySQL tábla így néz ki egy ID mező, ország kódot, irányítószám, hely nevét és így tovább. A típusai az összes ilyen oszlopok adtam egyszerűen elolvassa a readme.text fájlt, hogy itt megadott hogy egy mező egy egész szám, vagy VARCHAR vagy a hasonlók. 

Így hoztuk létre, hogy asztalt Ön és megadtam a SQL parancsok hogy végre létre, hogy a táblázat A saját adatbázis, de van valójában nincsenek adatok, hogy még. Inkább fogsz kell letöltés us.zip vagy bármely ország zip fájlt az adott URL-t is. És akkor fogsz kell írni egy parancssori script PHP ez fog nyitni egy szöveges fájlt, végighaladni a vonalak, majd az egyes Ezen a vonalon csinálni egy betét ebbe helyezi táblázat a MySQL adatbázis. Így a végén ezt a folyamatot, akkor futott, hogy script végső soron csak egyszer elméletben. A valóságban akkor talán, futtatni egy csomó idő miközben megpróbálja kijavítani számos hiba. 

Végső soron fogsz egy igazán nagy adatbázis több ezer és több ezer földrajzi sorok. Akkor fogsz tenni, hogy a behozatali script félre, ha ez működik és az adatbázis a szép és helyes, majd fogsz lépni a ténylegesen végrehajtása mashup magát. A mashup fog nézni egy kicsit valami ilyesmi. A mashup.cs50.net, mi Van a személyzet megoldás hogy néz ki egy kicsit valami ilyesmi. Valóban, ha rákattintok ezt az újságot ikon Cambridge, Massachusetts, akkor megjelenik egy pörgő icon rövid ideig, majd listajelet, a felsorolás cikkek kapcsolatos Cambridge, Massachusetts. Ha rákattintok Charlestown, Massachusetts, Meglátom azonos annak a városnak. És ha rákattintok Watertown, Massachusetts, lehet, hogy nem lehet bármilyen Hírek a Watertown, így látni fogod, valamit mint a lassú hírek nap. 

Most, eközben a bal felső sarokban van néhány ismerős Google Maps ellenőrzések hogy hadd kicsinyíteni, pan fel, le, balra és jobbra, hanem a keresőmezőbe, hogy mi tettünk oda. Szóval, ha keresni, őszintén szólva, Az egyetlen másik irányítószámot tudom, 90210, akkor valóban látni Beverly Hills, Kalifornia. Amikor kattintott elvezet California, és egy csomó A hírek Beverly Hills. Most észre is, ami ott történt. Ha én most keresése 02138 vagy akár Cambridge vesszővel Massachusetts, vagy valamilyen variánsát, kapsz egy kis autocomplete legördülő. Most ez egy olyan plugint A könyvtár nevű jQuery, és hogy a plugin hívják előregépelés. Egyszerűen olvassa el A dokumentáció, Letöltöttem a Js fájlt integrált az elosztó kódot úgy, hogy végső soron lehet írni a kódot, hogy kitölti ezt a legördülő menüből a auto kiválasztások, vagy az automatikus javaslatok. 

Most az elosztó kódot, de, hogy kaptál nem csinál majdnem annyi. Ön kap a Google Map beágyazott, és kapsz az ellenőrzések a bal felső, és megkapod a keresőmezőbe. De ha be valami ilyesmit 02138, nincs helyeken találhatók még. Szóval ez lesz Az egyik célunk itt. Sőt, ha egy lépést vissza, és nézd meg a térképet magát, nincs hír nélkül. Még ha rákattintok és drag, nem markerek ténylegesen jelennek meg a hírek, mert ez kihívás marad az Ön számára is. 

Vessünk egy pillantást, majd A forgalmazás kódot. Miután letöltötte pset8.zip és kicsomagolva meg be a vhostod könyvtár A CS50 Appliance, látni fogja ezeket a könyvtárak itt benn. Bin-- amely általában jelentése bináris végrehajtható programs-- magában foglalja, mint a pset7, néhány PHP fájlok más fájl, majd az állami, amely Az igénylő fájlokhoz a nyilvánosan hozzáférhető hogy a felhasználó a böngészőben. Vessünk egy pillantást a bin könyvtárba, és mi látni, hogy van egy fájl ott már felhívta Import. Ha kinyitjuk ezt gedit, majd meglátjuk hogy sajnos nem sok ott. Minden, ami ott van, mégis, egy kocsma tetején amely tartalmazza, interpreter-- ebben az esetben PHP-- kell használni, hogy a ténylegesen végre ezt a fájlt. De aztán, amikor azt mondja TODO, ahol te Szükségem lesz írni egy kis kódot hogy valószínűleg igényel a config fájlt, ami tartalmazza a könyvtárban mint amit eddig csináltunk a PHP fájlokat. És akkor fogsz kell valahogy nyitni us.text amit feltehetően még kicsomagolva már. Akkor most kell majd végighaladni a vonalak, a fájlba, esetleg az egyes funkciók javasolta a specifikációban. Ezután helyezzen minden egyes ilyen sorokat MySQL adatbázis használja a lekérdezés funkciót, amely mi már megint feltéve, ha with-- vagy legalábbis egy változata ezek functions.php, amely majd meglátjuk csak egy pillanatra. 

Most zárja import és menj vissza A könyvtárba és ezúttal bemegy tartalmazza. És ha én ls van, látni fogod Három fájl nagyon tetszett Probléma Set 7. És vessünk egy gyors pillantást, például a config.php. Ott, a kevesebb sor mint korábban, és azt Úgy tűnik, ez a fájl tartalmazza constants.php és functions.php. Mi egy kicsit más technika ezúttal, hogy ténylegesen adja meg azt, hogy ezek a relatív Az aktuális könyvtárban __ DIR__ képviseli a könyvtárban ezen fájlt, config.php, maga az. Tehát ez egy több explicit módon megadja milyen egyéb fájlokat szeretne megkövetelni. 

Nos, ha én az ügy lezárása és nyit constants.php helyett, akkor megjelenik egy fájl nagyon emlékeztet a Probléma Set 7-ét is, bár egy másik adatbázis nevű pset8. Végül functions.php, majd meglátjuk, egyetlen feladat Ebben az időben az úgynevezett lekérdezés. Ez majdnem ugyanaz, kivéve kezeljük hibák ezúttal egy kicsit másképp, de a használata, ugyanaz, mint az a probléma beállított hét. 

Most menjünk vissza a mi pset8 könyvtár, menj be a nyilvánosságot, és ott ha megteszem ls, látni fogod this-- articles.php, index.html, search.php, és update.php-- összes fájlt. És akkor a css betűtípusok, img, és js könyvtárban egészen olyan, mint pset7. 

Vessünk egy pillantást index.html, ami lesz igazán a belépési pont a smashup. Most index.html, akkor megjelenik egy egész csomó linket elemeket a fejét, Pontosabban, a bootstrap a saját CSS majd egy csomó script címkék a dolgok, mint a térképek, API Maga egy speciális marker címkével segédprogram, hogy mi szerepel a specifikáció áll az Ön rendelkezésére, jQuery magát, bootstrap Maga, és egy másik könyvtárba nevű aláhúzás, amely beszélünk a spec. Underscore.js mint jquery.js egy JavaScript könyvtár hogy van egy csomó funkciók hogy egy csomó ember a világon kívánság létezett JavaScript magát. Tehát ezek mindegyike valójában nagyon népszerű. Már azt is említette előregépelés amely a könyvtár, hogy a nem, hogy autocomplete legördülő és Végül egy linket a saját JavaScript. 

Eközben, és talán Szerencsére ez a mashup hajtja viszonylag kevés HTML le itt alul. Figyeljük meg, hogy megadta a div testünk osztály-tartály folyadékkal. Ez, egy bootstrap által dokumentációt, csak azt jelenti, hogy ez a div fog kitölteni a nézetablakból vagy a böngésző ablakot teljesen. 

Közben az alábbiakban, hogy van egy div hogy a nyitást, és azonnal becsukta A egyedi azonosítója térképen vásznon. Ez most a Google Térképek dokumentáció az API-jához, ahol azt egyszerűen el kell van egy üres div, amelybe az injekciót, Végső soron a tényleges Google Maps. De erről csak egy kicsit. 

Végül ott van a formáját belsejében van, amely végrehajtja a szövegmezőbe fel a bal felső sarokban a mi interfész keres. Megjegyezzük, hogy mi is használtam Egy kis bootstrap Itt too-- dolgok, mint form-inline és a forma-csoport. Már adott a volt egyedi azonosítója formában. És akkor, végül, én valójában bemeneti típus, ami elég ismerős, akinek azonosító q. Csak egy egyezmény. Q query-- volna nevezték semmit. Majd a helytartó, Eközben a város, az állam, és irányítószám, amiről talán felidézni látván a mi mashup demo korábban. Zárjuk ezt a fájlt. 

Most vessünk egy pillantást a PHP fájlok várja majd a JavaScript fájlokat. A mi PHP fájlt, most már már végrehajtott az Ön számára, például, frissítések. Update.php-- nem fogunk költeni egy hatalmas mennyiségű időt here-- dióhéjban az a fájl, a JavaScript kódot fog kapcsolatba keresztül AJAX, hogy aszinkron technikával ez épített JavaScript ezekben a napokban, hogy ez majd lehetővé teszi számunkra, hogy kérje update.php További információkért. 

Különösen, bármikor A felhasználó elhúzza a térképen vagy keresést hajt végre, hogy ugrik a felhasználó egy másik helyre, A JavaScript kódot, ahogy hamarosan látni, Felhívom update.php és kérjen 10, vagy úgy markerek a nézetablakban alapján A GPS koordinátákat A felső és alsó sarkaiban azt a térképet. Tudjuk majd benépesítik a térképet, most, hogy A felhasználó költözött a képernyőn annak érdekében, hogy 10 Valószínűleg új markerek különböző városokban. Közben ez a fájl végső soron lesz végre egy SQL lekérdezést ellen adatbázisunkban című táblázat helyeken megy visszafordítására 10 vagy kevesebb helyen. 

Eközben a articles.php, egy másik fájl is írtam teljes egészében. Nagyon hasonló szellemiségben Probléma Set 7-es LOOKUP funkciót, amely kapcsolatot Yahoo Finance az Ön számára. Ez a fájl Kapcsolatok Google News Önnek, végül megragadta a géppel olvasható version-- valamiben RSS-nek nevezett format-- a hírek A Cambridge vagy Beverly Hills vagy bármi város, amit kerestünk az alapján, hogy a geoparameter. Mi feldolgozni, hogy RSS, amely csak egy típusú jelölőnyelv nevű XML, és akkor valóban juttassa vissza a böngészője és a JavaScript kódot, Pontosabban, olyan formában, úgynevezett JSON, JavaScript Object Notation. Most látni fogod a specification-- mi pont akkor meg, hogy valóban látni néhány JSON elkövetkező back-- hogy ezt a funkciót végül Lehetővé teszi feltöltheti azokat a felugró menükben, így hogy ha rákattint egy marker a térképen ténylegesen látod egy csomó a golyó, amelyek mindegyike linkeket egy cikket. 

Most vessünk egy pillantást az utolsó PHP fájlt, amely szerencsére nem sok lesz on-- Csak egy szép nagy TODO. Most ezt a fájlt kijelenti, nevű tömbben helyeken. És akkor végül nyomatok hogy tömb JSON format-- pretty-nyomtatás csak azért, hogy a dolgok könnyebb nyomon követni. Sajnos, a középen van ez TODO, amely felhívja a keresést a adatbázis helyeken illő a geo HTTP paramétert. 

És valóban, ez lesz a az egyik a challenges-- hogy ezt a feladatot megvalósítja itt úgy, hogy ha kapcsolatba a fájlt egy URL, mint a keresés. php? geo = valamit, A kód végül visszatérnek a JSON tömb összes hely a adatbázis tábla, hogy megfeleljen, hogy input. Tehát, ha a felhasználó beírja a Cambridge, a fájl itt search.php végső soron vissza a JSON tömb minden a mérkőzések Cambridge, amely esetleg Massachusetts de lehetne még sehol máshol. 

Végül vessünk egy pillantást a két fájlok statikus ultimately-- a CSS fájlt és a JavaScript fájl. Ha bemegyek a CSS könyvtár, van egy egész csomó kép van, de a legtöbbjük könyvtárak. Megyek, hogy egy pillantást, Pontosabban, a styles.css, ami a mi saját globális CSS ez fog stilizálhatja ez az egész mashup. Majd hagyjuk meg, hogy olvassa el A hozzászólás itt, de dióhéjban, ez az, a CSS, amely biztosítja, hogy a mi mashup, alapértelmezés szerint ki a dobozból, úgy néz ki, ahogy szeretnénk it-- A térkép kitöltésével a nézetet port és a keresési dobozoljak be a bal felső sarokban. Már azt is venni a bátorságot, stilizáló az előregépelés legördülő menüben egy kicsit is. 

A legfontosabb fájl talán ez a probléma beállítva Ez az utóbbi egy, scripts.js. Belsejében a JS könyvtár Még fájlokat. Mindegyik könyvtár fájljait kivéve ezt, scripts.js. Ha kinyitjuk ezt fel, vessünk mi utolsó túra a funkciókat, épülnek be ezt a fájlt Önnek és hívják fel a figyelmet A Todos az előttünk álló. 

A tetején ezt a fájlt, Három globális változók. Az egyik egy térképet, ami megy, egy hivatkozás a Google térképen. Akkor gondolj rá a fajta, mint a mutató. Közben van Egy másik globális változó info nevű, ami úgy tűnik, tárolása a visszatérési értéke hívás új google.maps.InfoWindow. JavaScript támogatja tárgyak nagyon hasonló szellemiségben Struts. És mi ebben a sorban céljainknak csinál teremt egy új info ablak memóriába, majd vezetése körül egy hivatkozást ahhoz a változó nevű Info. És azok között, Eközben az, amit úgy tűnik, hogy egy üres JavaScript nevű tömböt markerek. Minden ilyen újságot ikonok, vagy Lehet választani egy másik ikont összesen, lesznek tárolva végül ebben a tömbben így nagyon könnyen hozzá A térkép és távolítsa el őket a térképen. 

Most lépjünk le egy kicsit, és zseniális a kódot, hogy lesz hajtva, amint az a DOM vagy dokumentum objektum modell vagy a oldalon is készen áll. Emlékezzünk vissza, hogy ez a szintaktikai itt egyszerűen meghatározza hogy a következő kódot kell végrehajtani csak ha a böngésző befejezte betöltés minden mást. 

Először nyilvánítja csomó stílusok, amelynek a végén stilizáló A térkép, mint egy a spec. Ezután nyilvánítja csomó lehetőség, ami tovább finomítva az Google térképet, hogy mindjárt beágyazni. Ezután használja egy kicsit a jQuery kódot, ami azzal magyarázható, egy kicsit részletesebben a spec, hogy megragad ez az elem, map-vászon hogy így egyedileg azonosítani. És akkor ez a sor itt amit úgy tűnik, hogy varázslatosan nekünk a Google map belsejében saját alkalmazást, tárolására való hivatkozás hogy a változó nevű térképet. 

Végül itt lent regisztrálunk az úgynevezett a hallgatót. Gondolj back-- módon, így back-- a héten nulla CS50 Mikor megnéztük Scratch és hogy támogatja egy sétára keresztül a dolgokat az úgynevezett eseményeket és a közvetítéseket. Lehet, hogy nem használják magad, de ez olyan mechanizmus, amellyel a Ebben az esetben a böngésző kaphat a figyelmünket, amikor ez készen arra, hogy ténylegesen végre egy kis kódot. Ebben az esetben ez meg fog hallgatni A térkép egy esemény nevű tétlen. Ez azt jelenti, hogy a böngésző betöltése után a Google térképen. Ezen a ponton olyan függvény is A configure végső soron végre kell hajtani. Ezt a funkciót, konfigurálását, majd meglátjuk, írta minket. 

Most meg itt van egy funkció hogy sajnos, csak egy TODO add marker. Per a spec. fogsz szüksége írni a kódot, hogy ténylegesen hozzáteszi marker-- hogy úgy néz ki, mint egy újság, vagy a hüvelykujj tack, vagy valami else-- a Google térképen. Itt most az, hogy a funkció nevű configure. Majd hagyjuk meg olvasni ezen keresztül részletesebben, de rájönnek, hogy mi adjunk egy csomó több hallgatóhoz hogy el tudjuk végezni kódot, ha a felhasználó rákattint, és magával rántja a térképen. Mi is kódot, hogy itt inicializálja az előregépelés plugint úgy, hogy a legördülő menüben tényleg működik. 

De nézzük összpontosítani csak egy pár helyen itt. Pontosabban, ez itt csinálni. Majd elhalasztja az online dokumentáció és a specifikáció hogyan kell kitölteni ezt a TODO. De dióhéjban, ez a könyvtár előregépelés lehetővé teszi, hogy adja át A mi általánosan ismert, mint a sablon, amely néhány változó helykitöltők Nagyon hasonló szellemiségben printf által%. * s. De ebben az esetben, a template per a spec Itt adhatja meg milyen változók szeretne beadnia adatokból, hogy jött vissza valamit, mint a PHP fájlokat, amit írt hogy az általuk kibocsátott JSON kimenet. 

Most itt lent észre, hogy mi vagyunk hallgatta előregépelés választás amikor a felhasználó ténylegesen végez a keresést és kiválasztja érték. Így vagyunk valójában fogja meghallgatni az, hogy és végre valami kód eredményeként. Aztán továbbra is konfigurálható A mashup csak egy kicsit. És, végül, nevezzük Ez a funkció frissítést. Ez frissíti a markerek a képernyőn. Bővebben, hogy csak egy pillanatra. Közben van egy pár Kis funkciók itt. Amelyek közül az egyik hideInfo melyik egyszerűen bezárja a InfoWindow. Egy másik funkció van, amely végül nem lesz túl hosszú, távolítsa markerek. Ez lesz visszavonni, amit hogy a kiegészítő marker függvény. És akkor itt lent van kereső. És ez azért érdekes, mert mi beírtuk a JavaScript-kódot a beszélni fog search.php a szerver és kap vissza némi választ. 

Te, persze, még mindig meg kell valósítania search.php, de már végrehajtották a JavaScript kód, amely az fog kezelni ténylegesen végző megkeresi az adott mezőbe. Különösen értesítés Ez a funkció itt, keresés, nem hívja search.php egy metódust hogy JSON, amellyel már találkoztunk az előadás. És a szintaxis itt egy kicsit más a előadáson, hogy mi használ jQuery úgynevezett ígéret felület. Bővebben az, hogy a spec. Ez egyszerűen azt jelenti, a mi céljából, hogy már nincs Két különleges függvények kell hívni a dot jelölés Itt után azonnal hívja kap JSON. Az egyik az úgynevezett megtenni. Az egyik az úgynevezett nem. Akkor gondolom, ezeknek hiszen a sikeres handler és a hiba kezelő csak ha valami balul sül el. 

Most nézzük meg az utolsó Pár működik ez a fájl. Itt lent egy olyan funkció, nevű showInfo, amely azt mutatja, info az egyik érintett kis info ablak bukkan fel, amikor a felhasználó rákattint a marker. Itt lent is van hogy frissítési funkciót hogy mi végre az Ön számára. Ez határozza meg a határokat a térképen. Melyek a GPS koordinátáit északkeleti és délnyugati kanyar. Készítettünk néhány HDP paraméterek Itt aztán telt el végül az update.php, amit már is végre az Ön számára. Hogy végül visszakapja JSON A fájl nevű update.php majd eltávolítja markerek a képernyőn majd lépked át Az adatok visszajött a update.php, amely megint csak egy JSON tömb. És akkor végül hozzáteszi markere Minden ilyen helyeken, kezelési hiba vagy a hibák, amelyek könnyen megtörténhet. 

Most csak azért ad egy kis ízelítőt, hogyan Lehet menni a hibakeresés ezt a projektet, észre, hogy én már megnyílt előre ezen a lapon van erre URL, pset8 / articles.php? geo = 02138. Most ismét cikkek PHP mi végre az Ön számára így ez nem annyira mit fog használni debug, hanem a technika. Figyeljük meg, hogy én már keresett Cambridge irányítószámot itt, és kaptam vissza, sőt, a JSON tömb JSON tárgyak belsejében, amely Két keys-- linket és címet. 

Így ez a funkcionalitás működik már az Ön számára. De ez a technika a manuálisan megy egy URL, mint ez a valami, mint search.php? geo = cambridge vagy 02138 vagy amit a felhasználó beírt kell felbecsülhetetlen, mint te magad, próbáld kitalálni, hogy pontosan, hogy miért search.php működik vagy sem. 

Végső soron tehát, van Néhány Todos előtted. Fogsz első munkagépek hogy a behozatali script, hogy olvas us.text be az adatbázisba. Te aztán lesz szüksége végrehajtására search.php úgy, hogy pontosan úgy viselkedik, mint megadni. Te aztán szeretne majd összpontosítani scripts.js és végül végrehajtja a pár Todos, beleértve a configure és ezt a sablont, add markerek, távolítsa markerek, és Aztán a múlt, de nem utolsó sorban, az egyik személyes kapcsolatot. 

Miután a mashup munka egészen olyan, mint a miénk, a cél kéznél az Ön számára, hogy adjunk egy személyes érintse meg a mashup, hogy ez az esztétikai vagy funkcionális. Vegyük a mashup még oly enyhén a következő szintre. Amíg tolja magát túl Ön ismeri a spec magát és vedd fel az egyik technika Új, még ha ez csak valami Esztétikus, mint a változó elrendezés a térképet, hogy az Ön által használt, hatálya hogy mi várható elégedett lesz. Hogy aztán a Probléma Set 8 Mashup. Stay tuned több a specifikáció és sok sikert kezelje ennek, az utolsó CS50 probléma beállított valaha. 

[Zenelejátszási]