>> [Musiikki soi]
>> DAVID J. MALAN: Hei.
Otetaanpa kävellä Harjoitus 8 Mashup,
joka on menossa haastaa sinut hyödyntää elementtejä Google Maps
elementein Google News ja perunamuusi ne yhteen web sovelma, joka
avulla käyttäjä voi etsiä kartan uutiset paikalliset
tiettyihin kaupunkeihin, kaupunkeja ja postinumerot.
Voit tehdä tämän, aiomme integroida joitakin HTML, CSS, PHP, SQL,
JavaScript ja tekniikka yleisesti tunnettu AJAX jotta
luoda tätä mukaansatempaavaa käyttökokemuksen.
>> Katsotaanpa ensin Google Maps itse.
Tämä tietenkin on ehkä tuttu käyttöliittymä.
Mutta näyttää siltä, ​​että Google Maps myös API-- sovelluksen
ohjelmointi interface-- jonka kautta voit ottaa osia Google Maps
ja integroida ne omia sovelluksia.
Todellakin, koko tämän prosessi, olet menossa
löytää pari URL- erityisen hyödyllistä, että
mainitaan eritelmän Harjoitus 8,
nimenomaan tämä Aloittaminen Opas tai kehittäjän opas
Google Maps API Version 3 sekä kuten Google Maps JavaScript API
v3 viite, joka on hieman mystistä lukea
mutta todellisuudessa on kaikki alemman tason tiedot siitä, mitä toimintoja tai menetelmiä
ja esineitä ja ominaisuuksia ja tapahtumat tosiasiassa tulevat API,
hyvin samanlainen henki on [kuultavissa] sivua.
>> Nyt jos me katsomaan Google News, luultavasti
ehkä nähdä tuttu käyttöliittymä täällä.
Mutta näyttää siltä, ​​voit myös etsiä Google News erityisiä geographies
kautta HTTP parametri nimeltä geo.
Itse asiassa, jos olen lähennä täällä, huomaat, että
Olen at news.google.com/news/section?geo=02138.
Ja todellakin, jos voin zoomata ulos, näet, että olen
katsot sivun koko joukko näkemyksiä Cambridge, Massachusetts.
>> Samaan aikaan, jos olen itse muuttaa URL ei olla postinumeron näin,
mutta jotain hieman Messier kuten Cambridge, + Massachusetts,
jossa plus on tavalla koodata välilyönti vuonna URL ja paina Enter,
näet, että olen itse katso lähes sama uutinen.
Ehkä se on hieman erilainen koska Cambridge todella
on useita postinumeroita.
Nyt miten tiedän, että ja, Itse asiassa, miten voisin jotenkin
sitoa kaupunkien että postinumerot tapauksessa I
haluavat sallia käyttäjälle etsiä joko?
No, käy ilmi, että on olemassa verkkosivusto siellä nimeltään
geonames.org joka on aloite on
vapaasti käytettävissä tietokanta kaikista lajittelee paikkatiedon,
paitsi Yhdysvalloissa, mutta myös Muiden maiden samoin.
Itse asiassa, jos menen tätä URL täällä, joka mainitaan myös ongelma asettaa
erittely, näet sen kolme listaus läjän zip-tiedostoja
joista mikä tahansa voi ladata sinulle.
Itse asiassa tämä ongelma asettaa aiot ladata us.zip.
Nyt tässä tiedosto, on koko nippu tekstidatassa.
Tiedostot on hyvin samankaltainen CSV-- CSV file--
mutta se todella käyttää välilehdet rajata kentät.
Nyt puolestaan ​​jos tarkastellaan täällä, mitä olen korostanut,
kentät tähän tiedostoon menossa olla asioita, kuten maa-koodit,
postinumerot, paikannimiä, ja sitten, jossain muodossa
tai muita, valtiot ja maakunnat, yhteisöjä, ja enemmän.
Itse olen jo ladannut tämän tiedoston etukäteen.
Anna minun mennä eteenpäin ja avaa se here-- us.text-- ja todellakin, luultavasti
nähdä, jos olen selaa linja 16792 näet muutamia ennätykset Cambridge,
Massachusetts ja sen eri postinumerot.
Mitä näet myös siellä on maakunta, joitakin numeroita että en ole todellakaan
ymmärtää, mutta myös kaikki miten oikealla,
Joissakin GPS-coordinates-- leveys- ja pituusaste.
Tämä on suuri, koska yksi ominaisuuksia Google Maps API
on kyky havaita missä olet maantieteellisesti
kannalta GPS-koordinaatit.
>> Nyt alkaa selvittää, miten Aloita sitomalla nämä asiat yhdessä.
Me olemme antaneet teille koko nippu jakelu koodin,
sekä MySQL-tietokantaa.
Itse asiassa, jos vedän phpMyAdmin ottaa jo tuotu, kun pian,
pset8.SQL, näet MySQL taulukon, joka näyttää tältä, ID-kenttä, maa
koodi, postinumero, paikan nimi ja enemmän.
Tyypit kaikki nämä sarakkeet I johtuu yksinkertaisesti
lukemalla readme.text tiedosto tästä täsmennetyn
onko kenttä on kokonaisluku, tai Varchar tai vastaavaa.
>> Joten olemme luoneet, että taulukko sinua ja antanut sinulle SQL komentoja
suorittaa luoda että taulukko omassa tietokannassa,
mutta siellä oikeastaan ​​mitään tietoja se vielä.
Pikemminkin olet menossa on lataa us.zip tai maan zip
tiedosto, että URL siellä.
Ja sitten olet menossa tarvitse kirjoittaa komentorivikirjoitus PHP se
avaakaan että teksti tiedostoon, kerrata yli sen linjat,
ja sitten kullekin nämä rivit eivät insertin
tuohon asettaa taulukon MySQL-tietokannan.
Joten lopussa tämän prosessin, luultavasti juossut että käsikirjoitus lopulta
vain kerran teoriassa.
Todellisuudessa et luultavasti ajaa se nippu kertaa
kun yrittää korjata eri vikoja.
>> Lopulta olet menossa on todella iso tietokanta tuhansia
ja tuhansia maantieteellisiä rivejä.
Sitten aiot laittaa että tuonti käsikirjoituksen syrjään kun se toimii
ja tietokanta on mukavaa ja oikea, ja sitten
aiot siirtyä todella täytäntöönpanosta mashup itse.
Mashup on menossa katsomaan vähän jotain tällaista.
Klo mashup.cs50.net, me on henkilöstön ratkaisu
joka näyttää vähän jotain tällaista.
Todellakin, jos olen klikkaa tästä lehdestä kuvake Cambridge, Massachusetts,
näet kehruu icon hetkeksi ja sitten
järjestetty lista, luettelomerkeillä artikkeleita
liittyvät Cambridge, Massachusetts.
Jos klikkaan Charlestown, Massachusetts,
Nähdään sama että kaupunki.
Ja jos klikkaan Watertown, Massachusetts,
ei välttämättä ole mitään uutiset Watertown,
niin näet jotain kuten hidas uutispäivä.
>> Nyt puolestaan ​​vasemmassa yläkulmassa ovat joitakin tuttuja Google Maps valvonta
jotta voit loitontaa, pannulla ylös, alas, vasemmalle ja oikealle,
mutta myös hakukentän laitamme siellä.
Joten jos etsin, rehellisesti, ainoa postinumeron tiedän,
90210, me itse nähdä Beverly Hills, Kalifornia.
Kun napsautetaan se johtaa minut Kaliforniassa ja koko joukko
uutisia Beverly Hills.
Huomaa nyt, liian, mitä siellä tapahtui.
Jos minä tällä kertaa etsiä 02138 tai jopa Cambridge pilkku Massachusetts tai joitakin
sen variantti, saat pikku autocomplete pudotusvalikosta.
Nyt tämä on käyttää plugin varten kirjasto nimeltään jQuery,
ja että plugin on nimeltään typeahead.
Me yksinkertaisesti lukea läpi dokumentaatio,
kopioidut Js tiedosto integroitu jakautumiseen koodia niin, että voit
lopulta voi kirjoittaa koodia, joka täyttää että pudotusvalikosta kanssa auto
valintoja tai auto ehdotuksia.
>> Nyt jakelu koodin kuitenkin, että sait ei tee läheskään niin paljon.
Saat Google Map upotettu, ja saat säätimet ylhäällä vasemmalla,
ja saat hakukenttään.
Mutta jos kirjoitan jotain 02138, ei paikkoja löytyy vielä.
Niin, että tulee olemaan yksi tavoitteistamme täällä.
Lisäksi, jos otat askeleen taaksepäin ja tarkastella karttaa itse
ei ole uutinen lainkaan.
Vaikka painan ja vedä, ei markkereita oikeastaan
näkyvät uutinen, koska se haaste jää sinulle samoin.
>> Katsotaanpa katsomaan sitten klo jakelu koodin.
Kun olet ladannut pset8.zip ja purkanut sen
omaan vhost hakemistoon vuonna CS50 Appliance,
näet nämä hakemistoja täällä sisällä.
Bin-- joka yleensä tarkoittaa binary suoritettavia programs--
sisältää, kuten pset7, jotkut PHP tiedostoja, muita tiedostoja sisältävät,
sitten julkinen, joka on tiedostoja, jotka
olevan yleisesti saatavilla käyttäjälle, jossa on selain.
Otetaanpa katsoa bin, ja me
nähdä, että siellä on tiedosto siellä jo nimeltään Tuo.
Jos avaamme tätä gedit, näemme että valitettavasti siellä ei ole paljon
siellä.
Kaikki, että on olemassa, kuitenkin, on roska ylhäällä
jossa määritellään, millä interpreter-- tässä tapauksessa PHP--
tulisi käyttää tosiasiallisesti suorittamaan tätä tiedostoa.
Mutta sitten jos se sanoo TODO on, jos olet
menossa tarvitse kirjoittaa koodia että luultavasti vaatii config
tiedoston, joka on vuonna sisältää hakemistossa kuten olemme tehneet ennen PHP-tiedostoja.
Ja sitten olet menossa on jotenkin avata
us.text johon oletettavasti purkanut jo.
Sitten olet menossa on kerrata yli rivit tiedoston,
ehkä käyttää joitakin toimintoja ehdotti selityksessä.
Aseta sitten kukin näistä rivit MySQL-tietokanta
käyttämällä hakutoiminto, joka olemme taas jos olet with--
tai ainakin variantti sen vuonna functions.php,
joka näemme vain hetken.
>> Nyt sulkea tuonti ja palata hakemistoa ja tällä kertaa mennä
sisältää.
Ja jos teen ls siellä, näet kolme tiedostoa aivan kuten Harjoitus 7.
Ja sallikaa vilkaista, Esimerkiksi kello config.php.
Siellä on vähemmän linjat kuin ennen, ja se
näyttää tämä tiedosto sisältää constants.php ja functions.php.
Käytämme hieman erilainen tekniikka tällä kertaa todella
täsmentää, että nämä tiedostot ovat suhteellisia nykyiseen hakemistoon __ DIR__
edustaa mitä tahansa hakemistoon tämä tiedosto, config.php, on itse.
Joten tämä on enemmän nimenomainen tapa määritellään
mitä muita tiedostoja haluat vaatia.
>> Nyt jos suljen tämän tiedoston ja avata constants.php sijaan,
näet tiedoston hyvin mieleen Tehtävä Set 7: n niin hyvin, vaikkakin
eri tietokantaan nimeltään pset8.
Lopuksi functions.php, näemme vain yksi toiminto
tällä kertaa nimeltään kysely.
Tämä on lähes sama, paitsi hoidamme virheet tällä kertaa hieman
eri tavalla, mutta se käyttö on sama kuin ongelma asettaa seitsemän.
>> Mennäänpä takaisin meidän pset8 hakemiston, mennä yleisön ja siellä
jos en tee ls, näet this-- articles.php, index.html, search.php,
ja update.php-- kaikki tiedostot.
Ja sitten css fontit, img, ja js hakemistoon aivan kuten pset7.
>> Katsotaanpa katsomaan index.html, joka on
olemaan todella alkupisteestä smashup.
Nyt index.html, näet koko nippu niveljäsenet päähän,
erityisesti, sillä bootstrap oman CSS seurasi koko joukko script
Tunnisteet asioita, kuten karttoja, API itse, tussikynän etiketti
apuohjelma, joka mainitsimme erittely on käytössäsi,
jQuery itse, bootstrap itse, ja toinen kirjasto
nimeltään alleviivaus joka puhumme spec.
Underscore.js kuten jquery.js on JavaScript kirjasto
että on koko joukko toimintoja että monet ihmiset maailmassa toive
olemassa JavaScript itse.
Joten kaikki nämä ovat itse asiassa varsin suosittu.
Olemme myös mainitsi typeahead joka on kirjasto, joka
tekee, että automaattinen täydennys pudotusvalikosta ja vihdoin linkin oman JavaScript.
>> Samaan aikaan, ja ehkä Onneksi tämä Mashup
ohjaavat suhteellisen vähän HTML tänne alareunassa.
Huomaa, että olemme määritelty div vuonna kehomme luokan-säiliön neste.
Tämä, per bootstrap n asiakirjat, vain
tarkoittaa, että tämä div tulee täyttää viewport tai selaimen ikkunan täysin.
>> Samaan aikaan, alla, että meillä on div joka on avattu ja heti kiinni
kanssa yksilöllinen tunnus kartan kankaalle.
Tämä nyt on Google Kartat asiakirjat
sen API, jolloin en yksinkertaisesti tarvitsee on tyhjä div johon pistää,
lopulta todellinen Google Maps.
Mutta siitä lisää vain vähän.
>> Lisäksi siellä on muotoa sisällä täällä joka
toteuttaa tekstikenttään ylös vasemmalle meidän käyttöliittymä etsimistä.
Huomaa, että olemme käyttäneet hieman bootstrap
tässä too-- asioita, kuten muoto-inline ja muoto-ryhmä.
Me olemme antaneet entinen yksilöllinen tunnus muodon.
Ja sitten lopulta, olen oikeastaan tulotyypin, joka on melko tuttu,
jonka tunnus on q.
Vain yleissopimus.
Q query-- voisi olla kutsuttu mitään.
Ja sitten paikanvaraajassa Samaan aikaan on kaupunki, valtio,
ja postinumeron, jonka saatatte muistaa nähdä meidän mashup demo aikaisemmin.
Katsotaanpa sulkea tämän tiedoston.
>> Nyt katsomaan PHP tiedostot odottavat ja sitten JavaScript-tiedostot.
Meidän PHP tiedostot olemme jo toteutettu sinulle,
esimerkiksi päivityksiä.
Update.php-- emme viettää valtava paljon aikaa here-- pähkinänkuoressa
on tiedosto, joka meidän JavaScript-koodi on menossa
yhteyttä kautta AJAX että asynkroninen tekniikka, joka on
rakennettu JavaScript näinä päivinä, että on menossa, jotta voimme kysyä update.php
lisätietoja.
>> Erityisesti milloin käyttäjä vetää karttaa
tai suorittaa haun, joka hyppää käyttäjä toiseen paikkaan,
JavaScript-koodi, kuten tulemme pian nähdä, on
menossa soittaa update.php ja pyytää 10 tai niin markkereita
sisällä viewport perusteella GPS koordinaatit
ylä- ja alaosassa kulmat, että kartalla.
Voimme sitten asuttaa kartta nyt käyttäjä on siirtynyt näytön järjestyksessä
nähdä 10 luultavasti uutta merkkiaineita eri kaupungeissa.
Samalla tämä tiedosto on lopulta menossa suorittaa SQL-kysely
vastaan ​​meidän tietokanta taulukko nimeltään paikkoja, jotka
tulee palauttaa nämä 10 tai vähemmän paikkoja.
>> Samaan aikaan articles.php, on toinen tiedostoon olemme kirjoitettu kokonaisuudessaan.
Se on hyvin samanlainen henki Harjoitus 7: n HAKU-toiminto,
joka otti yhteyttä Yahoo Finance sinulle.
Tämä tiedosto yhteystiedot Google News sinulle, lopulta tarttumalla
koneellisesti luettavassa version-- jotain
kutsutaan RSS format-- uutiset Cambridgen tai Beverly Hills
tai mitä kaupunki olet etsinyt sillä perusteella, että geoparameter.
Me jäsentää että RSS, joka on vain tyyppi kuvauskieli kutsutaan XML,
ja sitten me oikeastaan palauttaa sen selaimen
ja JavaScript-koodin, sanottuna muodossa nimeltä
JSON, JavaScript Object merkintätapa.
Nyt voit nähdä specification-- me kohta sinua
miten voit itse nähdä jotkut JSON tulevina back--
että tämä toiminnallisuus lopulta avulla voit kansoittavat ne Ponnahdusvalikot niin
että kun valitset on markkeri kartalla
voit itse nähdä koko joukko luoteja, joista jokainen
linkkejä artikkeli.
>> Nyt katsomaan viimeisen PHP-tiedosto, joka onneksi ei
on paljon menossa on-- vain aika iso TODO.
Juuri nyt tämä tiedosto vakuuttaa array nimeltään paikkoja.
Ja sitten lopulta tulostaa että joukko JSON format--
pretty-tulostus se vain niin, että asiat on helpompi debug.
Valitettavasti Keskellä on tämä TODO,
joka vaatii voit etsiä tietokanta paikkoja Matching geo HTTP
parametri.
>> Ja tosiaan, tämä on menossa olla yksi challenges--
toteuttaa tätä toimintoa täällä niin että kun otat yhteyttä tämän tiedoston
URL kuten haku. php? geo = jotain, koodi lopulta palata JSON
joukko kaikista paikoista omassa tietokannan taulukko, jotka vastaavat että panos.
Joten jos käyttäjä on Cambridge, tiedosto täällä search.php
olisi lopulta palata JSON array kaikkien otteluiden Cambridge,
joka saattaa olla Massachusettsissa mutta voisi olla vielä missään muualla.
>> Lopuksi, nyt katsomaan kaksi tiedostoja, jotka ovat staattisia ultimately--
CSS-tiedosto ja JavaScript-tiedoston.
Jos menen meidän CSS hakemistoon, siellä on koko joukko tiedostoja siellä,
mutta useimmat niistä ovat kirjastoja.
Aion katsoa, Erityisesti, on styles.css,
joka on meidän oma globaali CSS se menossa tyylitellä tämä koko mashup.
Jätän sen sinulle lukea läpi kommentit tässä vaan, pähkinänkuoressa,
tämä on CSS, joka varmistaa, että mashup, oletuksena kättelyssä,
näyttää täsmälleen miten haluamme it-- kartan kanssa täyttämällä näkymä satamaan
ja haku laatikko ylös vasemmassa yläkulmassa.
Olemme myös ottaneet vapauden stylizing että typeahead pudotusvalikosta
menu hieman samoin.
>> Tärkein tiedosto ehkä tämä ongelma asettaa
on tämä viimeinen, scripts.js.
Sisällä oman JS hakemistoon on vieläkin tiedostoja.
Kaikki ne ovat kirjaston tiedostoja paitsi tämä yksi, scripts.js.
Jos avaamme tätä, sallikaa meidän lopullinen kiertueen toiminnot
on rakennettu tämän tiedoston sinulle ja puhelun huomiota
sen Todos edessämme.
>> Ylimpänä olevan tiedoston, kolme maailmanlaajuista muuttujia.
Yksi kartta, joka on menossa olla viittaus Google kartan.
Voit ajatella sitä tavallaan osoittimena.
Samalla olemme toinen globaali muuttuja
nimeltään tietoa, joka näyttää olevan tallentamiseen paluu arvo puhelun
uusiin google.maps.InfoWindow.
JavaScript tukee esineiden ovat hyvin samankaltaisia ​​hengeltään Strutsi.
Ja mitä tämän linjan Meidän tarkoituksiin tekee
luo uusi info ikkuna muistiin ja
pitää noin viite siihen muuttuja nimeltä Info.
Ja välillä ne, Samaan aikaan on mitä näyttää
olla tyhjä JavaScript array nimeltään markkereita.
Kaikki nämä sanomalehden kuvakkeita, tai et saattaa valita toisen kuvakkeen kokonaan,
aiotaan varastoida lopulta tässä array
jotta voimme helposti lisätä kartta ja poistaa ne kartalla.
>> Nyt selaa hieman ja hurahtaa
kautta koodi, joka tulee olemaan toteuttaa heti DOM tai asiakirja
oliomalli tai sivun itse on valmis.
Muista, että tämä syntaksi täällä yksinkertaisesti täsmennetään
että seuraava koodi tulisi suorittaa vain
kun selain on päättynyt Lataus kaikki muu.
>> Me ensin julistaa koko joukko tyylejä,
joka päätyy stylizing kartan kohti spec.
Sitten julistaa koko joukko vaihtoehtoja,
joka mukauttaa Google kartta, että olemme aikeissa upottaa.
Sitten käyttää hieman jQuery koodia, joka on selitetty hieman tarkemmin
spec, napata että elementti, kartta-kangas
että me niin yksilöidä.
Ja sitten tämä linja tässä mikä näyttää maagisesti antaa meille
Google kartta sisällä oma sovellus,
tallentamiseen viittaus siihen että muuttuja nimeltä kartalla.
>> Lopuksi tänne me Rekisteröidy mitä kutsutaan kuuntelija.
Ajattele back-- tapa, tapa back-- viikolle nollaan CS50
kun me katsoimme Scratch ja tukeaan kävellä
läpi asioita kutsutaan tapahtumia ja lähetyksiä.
Et ehkä käytetty itse, mutta se on
mekanismi, jolla selain tässä tapauksessa
voi saada myös huomiota, kun se on valmis todella suorittaa koodia.
Tässä tapauksessa se tulee kuunnella sen kartan tapahtuma nimeltä tyhjäkäynnillä.
Tämä tarkoittaa sitä, että selain on latautunut Google Map.
Tässä vaiheessa toiminto nimeltään configure pitäisi lopulta
toteutetaan.
Tämä toiminto määrittää, näemme, on kirjoittanut meille.
>> Nyt täällä on funktio että valitettavasti
on vain TODO Lisää merkki.
Per spec. olet menossa tarvitsevat kirjoittaa koodia, joka tosiasiallisesti
lisää marker-- onko se näyttää kuten sanomalehti, tai peukalo tack,
tai jotain else-- Google kartan.
Tässä nyt on, että toiminto nimeltään Määritä.
Jätän sen sinulle lukemaan läpi tämän tarkemmin,
mutta ymmärtää, että lisäämme nippu lisää Kuuntelijat
jotta voimme suorittaa koodia, kun käyttäjä napsauttaa ja vetää karttaa.
Meillä on myös koodi täällä, että alustaa että typeahead plugin
niin että avattavasta menu todella toimii.
>> Mutta katsotaanpa keskittyä vain pari paikkaa tässä.
Erityisesti tämä tehdä täällä.
Minä taipua verkossa dokumentointi ja erittely
miten täyttää tässä TODO.
Mutta pähkinänkuoressa, tämä kirjasto typeahead voit siirtää
mitä on yleisesti tunnettu mallina, joka on joitakin vaihteleva paikkamerkeillä
hyvin hengeltään samanlaisia ​​printf: n%. * s.
Mutta tässä tapauksessa, mallin kohti spec
voit määrittää mitä muuttujia haluat
pistää datasta, joka on tullut takaisin jotain PHP
tiedostoja, jotka olet kirjoittanut että säteilevät JSON-lähtö.
>> Nyt täällä ymmärtää, että me olemme kuuntelee typeahead valinnat
kun käyttäjä todella tekee etsiä ja valitsee arvon.
Näin olemme todella menossa kuuntelemaan, että
ja suorittaa koodia seurauksena.
Sitten jatkamme määrittää Mashup vain vähän.
Ja lopulta, me kutsumme Tämän toiminnon päivitys.
Se päivittää markkereita ruudulla.
Lisää että vain hetken.
Samaan aikaan, siellä on muutama pieni toimintoja täällä.
Joista yksi on hideInfo, joka yksinkertaisesti sulkee InfoWindow.
Toinen funktio täällä, joka lopulta ei ole liian pitkä, poista markkereita.
Se menee kumoa tahansa teidän Lisää merkki toiminto tekee.
Ja sitten täällä on haku.
Ja tämä on mielenkiintoinen, koska me kirjoittanut JavaScript-koodin, joka on
aio puhua search.php päällä palvelimen ja saada takaisin joitakin vastausta.
>> Sinä, tietenkin, vielä täytyy toteuttaa search.php,
mutta olemme toteuttaneet JavaScript-koodi, joka on
menossa käsitellä tosiasiallisesti suorittava hakee siitä tekstikenttään.
Erityisesti ilmoituksessa että tämä toiminto täällä,
haku, ei soita search.php niin sanotulla
saada JSON, joka näimme luento.
Ja syntaksin täällä on hieman erilainen
alkaen luento että käytämme jQuery niin sanottu lupauksen käyttöliittymä.
Lisää että spec.
Tämä tarkoittaa yksinkertaisesti sitä meidän tarkoituksiin nyt että siellä
kaksi erikoistoimintoja me täytyy soittaa dot merkintä
täällä heti soittamalla saada JSON.
Yksi on nimeltään done.
Yksi on nimeltään epäonnistua.
Voit ajatella näitä koska menestys ohjaajan
ja epäonnistuminen käsittelijä vain jos jotain menee pieleen.
>> Nyt katsokaamme viimeinen Pari toimintoja tämän tiedoston.
Down tässä funktio nimeltään ShowInfo, joka
Näyttelyt info johonkin näistä pikku info ikkunat
ponnahtaa kun käyttäjä napsauttaa merkkiaine.
Down täällä edelleen on että päivitys toiminto
että olemme toteuttaneet sinulle.
Se määrittää rajat kartalla.
Mitkä ovat GPS-koordinaatit sen koilliseen ja lounaaseen kulmat täällä.
Olemme valmistellut HDP parametrit täällä ja sitten siirretään ne lopulta
ja update.php, jota olet myös toteuttaa sinulle.
Että lopulta saa takaisin joitakin JSON alkaen tiedosto nimeltä update.php
ja sitten poistaa kaikki markkereita ruudulla
ja sitten iteroi tietoja, jotka ovat tulleet takaisin
alkaen update.php, joka taas on vain JSON array.
Ja sitten se lopulta lisää merkkiaine kukin niistä paikoista, käsittely- vika
tai virheitä, jotka voivat hyvinkin tapahtua.
>> Nyt vain antaa sinulle esimakua miten voisi mennä noin virheenkorjaus tätä hanketta,
ymmärtää, että olen avattu edistää tätä välilehteä täällä tähän URL,
pset8 / articles.php? geo = 02138.
Nyt taas, artikkeleita PHP toteutimme sinulle
joten tämä ei ole niin paljon mitä sinun on käyttää
debug, vaan tekniikka.
Huomaa, että olen etsinyt Cambridgen postinumeron täällä,
ja olen saanut takaisin, todellakin, JSON joukko JSON esineitä, joista
kaksi keys-- linkkiä ja otsikko.
>> Joten tämä toiminnallisuus toimii jo sinulle.
Mutta tämä tekniikka käsin menossa että URL kuten tämä jotain
search.php? geo = Cambridge tai 02138 tai mitä käyttäjä on kirjoitettu olisi
osoittautuu korvaamattomaksi kuin te itse, kokeile selvittää tarkalleen vai miksi
search.php toimii tai ei.
>> Lopulta sitten, sinulla on muutama todos edessäsi.
Olet menossa ensimmäinen työkoneiden että tuonti skripti, joka
lukee us.text tietokantaan.
Olet sitten menossa tarvitsevat toteuttaa search.php
niin, että se käyttäytyy aivan kuten on määritetty.
Olet sitten menossa halua keskittyä scripts.js
ja lopulta toteuttaa ne pari todos,
lukien configure ja että mallin,
lisätä merkkejä, poista markkereita, ja sitten kestää, mutta ei vähäisimpänä, yksi
persoonallisuutta.
>> Kun sinulla on mashup työskentely aivan kuten meidän, tavoite käsillä
on voit lisätä henkilökohtaisen silauksen mashup,
onko se esteettiset tai toiminnalliset.
Ota mashup koskaan niin hieman seuraavalle tasolle.
Niin kauan kuin olet työntää itse ulkopuolella perehtyneisyys spec itse
ja poimia yksi tekniikka uusi, vaikka se on vain
jotain esteettinen kuten muuttuvat ulkoasu kartan että käytät,
soveltamisalaa että odotamme ovat tyytyväisiä.
Se on sitten Harjoitus 8 Mashup.
Pysy kuulolla lisää erittely ja onnea
käsittelemme tätä, viimeinen CS50 ongelma asettaa koskaan.
>> [Musiikki soi]