[Powered by Google Translate] [7. týden, pokračování] [David J. Malan, Harvard University] [To je CS50.] [CS50.TV] Dobrá. Vítejte zpět. To je CS50, a to je konec 7. týdnu. Takže jeden z těchto hloupých malých věcí, které jdou kolem internetu a my usrkával se, a to by měl nyní učinit trochu podivínský smysl. No, to bylo zábavnější s tímhle chlapem, než to bylo na vás. Když už mluvíme o, dobře, kluci, dnes je Nate narozeniny. Chcete-li dát vám pocit, jak dobré Nate a já jsme na vývoj webových aplikací na základě třídy pondělní a na základě nyní na to, Myslel jsem, že vytáhnout Nate domovskou stránku, pokud jste ho ještě neviděli ještě. Tohle HTML IA Nate. Takže vidět jeho zdrojové kódy, pokud chcete vidět, jak to udělat, a Nate, kdybychom mohli embarass vám jen krátce, personál jsem ti něco Pokud bych se podělil o některé dezert s některými dětmi ve třídě zde. Pokud byste se chtěli přijít dolů. Vy všichni tleskají a jsou velmi pěkné, ale nikdo sedí někde poblíž Nate, z nějakého důvodu, v tomto zadní zóně. Tak snad můžete najít nějaké lidi, aby si tyto s. Happy Birthday, Nate. Další pozdravy: Ukázali jsme, že pár ukázek z našich CS50x studentů. Pokud chcete zjistit, kdo další je na světě že se po dobu, můžete vyrazit na tuto adresu URL, kde Joseph, jeden z našich TFS, dal dohromady sestřih druhů každého, kdo byl předkládání těchto videí, mezi nimi Rick Astley. A pokud se vám procházet tyto, je to opravdu docela inspirativní vidět rozmanitost zemí a měst, z nichž lidé ohlašovacích. Takže pokud byste chtěli, aby se na to podívat, to bude až do konce semestru. Dnes budeme pokračovat v náš pohled na web, webové programování, HTML a podobně, a my jsme také oběd přijde již tento pátek pokud byste chtěli, a to zejména, tak ještě neučinili dříve. Tento pátek se bude téma Nate narozeniny, takže pokud chcete mít narozeniny oběd s Natem a jiní, někteří z našich přátel z průmyslu, prosím, hlavu této URL tam. Space, jako vždy, je omezená. Také, pokud jste zapomněli, si uvědomit, že příští týden je termín pro problém nastavit 4 je lov, kdy po obnovení všech těch obrázků ve formátu JPEG z card.raw, vy a vaši kamarádi sekce, pokud byste chtěli, můžete vyzkoušet fotografování tolik počítačových vědců z této paměťové karty jak je to možné, a vy a vaše část bude pak vyhraje pohádkové cenu. Vrátit zpět k PSet 4 specifikace, pokud jde o to, co se předložit a kdy. Také, pokud byste chtěli mít své dílo zvěčněný na hřišti webových stránkách a jeho historii oděvů, vědět, že jste vítáni nyní začít předložením návrhů pro letošní trička a mikiny a jako. My se budeme snažit zahrnout tolik, jak můžeme, ale budeme mít některé členy štábu přezkumu všech návrhů aby se ujistil, že jsou v souladu se specifikacemi, a my jsme pak vybrat obecně hrstka z nich být vystaven. Takže pokud jste je konstrukční typ, jen vím, že požadavky pro grafiky jsou PNG, alespoň 200 DPI, by neměly být větší než 4000 x 4000 pixelů, a ne více než 10 MB, ale vy jste vítáni věci jako Photoshop nebo GIMP nebo různé programy Graphic, co máte k dispozici. Na obzoru je konečný projekt. Konečný projekt je opravdu vrchol 50, přičemž všech úkolů v průběhu, je to vaše příležitost opravdu dělat svou vlastní věc. A to může být prostě udělat něco pro zábavu, to může být vyřešit nějaký palčivý problém si student skupina má, pro některé nové webové stránky, některé nové kolekce mechanismus pro data. To může být mobilní aplikace pro Android, pro iOS. Opravdu, nebe je limit, a během příštích několika týdnů, jak jsme přechod z C na tyto vyšší úrovně jazyků, jako je PHP a JavaScriptu, ocitnete se stále seznámeni s některými real-svět techniky, Některé real-svět nástroje, a doplnit, že, vím, že kurz má historii seminářů, přičemž v průběhu příštích několika týdnů, některé z pedagogických pracovníků a přátelé naše z areálu školy nabídne volitelné semináře které jdou nad rámec toho, co je obvykle provádí v sekci představit vám věci, jako je programování pro Android, představit vám věci, jako je iOS programování nebo více pokročilé web-vývoj techniky. Tam je celá historie z nich již online. Pokud půjdete do cs50.net/seminars, jsme dělali to pro docela několik let, a uvidíte, že archivované zde s PDF a videa a podobně několik desítek videa seminářů. V loňském roce, například, měli jsme seminář o ELIT své technické rozhovory, pokud jste opravdu hledáte jít pryč a dělat stáž nebo na plný úvazek vystupují. Windows mobile vývoj, Android rozvoj, Google Maps, API, CSS, rozvoj pro BlackBerry, Emacs. Opravdu, jste vítáni, aby se podívat na některý z těchto seminářů na vaše pohodlí. A budeme se držet nějaké nové tomto semestru, stejně. Takže to, co je před námi s konečným projektem? No, v první, i když toto datum je poněkud bezprostřední, je to opravdu jen příležitost začít přemýšlet o konečném projektu zcela realisticky. Víme, že jen začátky některých z toho, co budeme stále pokrývá v průběhu, HTML, PHP a podobně, ale jste všichni obeznámeni s Web, a já bias tento rozhovor k webu pouze proto, že většina lidí skončí dělá webové závěrečných prací, ale to není v žádném případě podmínkou. Použití C je v pořádku, objektivní C, Java, v jiném jazyce, které možná znáte nebo chcete vědět, je docela v pořádku. Ale dostat se tekoucí šťávy původně, budeme očekávat, že předložení preproposal které, dle formátu PDF na stránkách, které jsou nyní v cs50.net, a v levé horní části uvidíte závěrečný projekt je specifikace pro konečného projektu, a tam jsou podrobnosti o preproposal a podobně. Má docela hodně scvrkává na e-mailu do vašeho výuky kolegy Jen navázat rozhovor s ním nebo jí o tom, co si myslíš. Na projects.cs50.net je pramen nápadů od lidí, na akademické půdě pokud jste snaží přijít s nějakým nápadem, a manual.cs50.net/APIs je seznam odkazů na API. Co když je API? Co je to API? Řekl jsem to nejméně dvakrát, podle přepisů posledních několika týdnů. Co je to? [Student, nesrozumitelným] >> Dobře, dobře. Takže něco programovací rozhraní. Rozhraní pro programování aplikací, a to může mít několik forem, ale co to opravdu scvrkává na je kód že někdo jiný hs písemných či datových, že někdo jiný shromážděné , který je vám k dispozici v některých programovou cestou. Můžete psát kód v C, PHP, Python, Ruby, jaký je váš jazyk výběru je obvykle, a můžete nějak stavět na někoho jiného funkčnosti nebo někdo jiný je datový soubor. Například, když půjdu na tento odkaz zde, a uvidíte pár odkazů na další stránce kdy máme CS50 vlastní API, které jsou velmi Harvard-centric, a pak třetí strany API. Mezi třetí strany API jsou opravdu užitečné věci jako bytí schopné posílat SMS na lidi, je schopen přijímat textové zprávy SMS z lidí. A takové věci, že byste mohli mít tušení, jak provádět sami, ale díky službám, některé zdarma a některé komerční, můžete vytvořit na vrcholu ty a dělat něco zajímavého pro vás. Mezi API CS50 tyto jsou tyto kampus-centric věci jako Harvard kurzy, energie, akce, jídlo, mapy, zprávy, tweety a Shuttleboy vlastní, a to jsou API, které vypadají trochu něco takového. Dovolte mi, abych vytáhnout API HarvardFood. Pokud jste někdy byli na webové stránky HUD je, pravděpodobně jste tam jen co bude k večeři, nebo aby viděli, co hodiny jsou pro některé d-haly. No, to není příliš přehledná, a tak to, co jsme si před nějakým časem byla jsme psali software, to se stane být v PHP, které skutečně obrazovky škrabe celistvost webu HUD je. Pro screening Scrape něco znamená napsat program v jazyce jako PHP která předstírá, že je prohlížeč, i když jste možná spustit na příkazovém řádku, která předstírá, že je prohlížeč, připojí na webové stránky, stáhne svůj HTML, jazyk, ve kterém je napsáno, a pak se čte, nebo více specificky, rozebere je shora dolů, zleva doprava. A to, co jsme udělali, bylo jsme psali náš kód takovým způsobem, že kdykoli jsme viděli něco, co v tomto formátu HTML, který vypadal jako něco, co v nabídce, jako hamburger, bychom pak importovat, že do naší databáze. A kdykoliv jsme viděli nutriční obsah, bychom importovat, že do naší vlastní databáze. A to, co jsme udělali, bylo využít skutečnost, že HUD web, i když by to mohlo být trochu problém pro nás, lidi na navigaci pod pokličku, je vše v HTML generované jejich vlastní počítačové programy. Takže všechny jejich HTML, i když to může vypadat chaotický, stejně jako většina webových stránek pod pokličku toho vyplývá, vzor. Takže jsme strávili pár hodin přijít na to, že vzor tak, že na konci, vyhodíme všechny chaotický HTML, všechny estetiky tučným obložení a kurzívy a podobně, a to, co jsme pak schopni udělat, je vystavit, aby stejné údaje. Například, v tomto způsobu. Takže my, podle dokumentace zde, informovaly svět, že pokud budete žádat o adresu URL , který vypadá takto, food.cs50.net / něco, a poskytují určité parametry, které budeme hovořit dnes, jako end-datum, čas, start-datum, čas, jídlo a tak dále, co naše servery se navrátím k vám, například, je soubor CSV, čárka členěna hodnoty, jako je soubor aplikace Excel, obsahující vše, co k snídani v této konkrétní den v březnu loňského roku když jsem se náhodou sepsat tuto dokumentaci. Pro ty, kteří znají, CSV není jen soubor ve formátu. Tam je jiný formát, že je to všechno mnohem všestrannější volal JSON, JavaScript Object Notation. Data mohou vrátit v tomto formátu. Takže stánek s jídlem je, že ať už se ponoříte do této API nebo jakéhokoliv jiného CS50 je nebo tak něco tam na internetu, nebo vůbec ne, si uvědomit, že svět stále začala standardizovat jak stroje propojeny. Používáme standardní datové formáty jako je CSV nebo JSON. A co to znamená pro vás je, můžete napsat zajímavou část programu , který umožňuje váš uživatel vyhledávat jídelního sálu nabídky, že jim umožňuje vytvářet seznamy oblíbených, které jim umožňuje získat textové upozornění když jejich oblíbené jídlo má být podávána v některých d-haly pomocí někoho jiného dat a budování na vrcholu své API. Takže o tom více v podobě seminářů a dokumentaci, které máte zde online. Takže ty, pak jsou API. To nás přivádí zpět do HTML. Rychlá rekapitulace. Co je to HTML? [Student, nesrozumitelné] >> Good. HyperText Markup Language. Někdo jiný, co je Hypertext Markup Language? HyperText Markup Language. Dobře. Takže HTML, HyperText. HyperText jen odkazuje na web, pro nejvíce se rozdělit. Markup znamená, že to není ve skutečnosti programovací jazyk, HTML. Není to jazyk, který se můžete vyjádřit logiku a. To nemá smyčky. To nemá podmínky. To nemá funkce, samo o sobě. Spíše má tyto věci zvané značky, nebo přesněji řečeno, prvky. A tyto prvky mají počáteční a koncové značky značky, nebo otevřené tagy a uzavřené tagy, a co ty tagy, znamená pro prohlížeč je, začít něco dělat a pak přestat dělat něco, i když existují výjimky, které. Někdy je to jen "vložení zalomení řádku tady," například. A my jsme viděli příklady tohoto druhého dne, mezi tučným obkladem, řádků, a pak pár dalších značek. Takže HTML je jazyk, ve kterém jsou napsány webové stránky. Takže když jdu na něco, jako je Google.com a vytáhnout jen jejich domovskou stránku, Připomínám, že pokud klepnete pravým tlačítkem, nebo regulace kliknutím a podívejte se na zdroje Zobrazit stránku, obvykle je to kompletní nepořádek v těchto dnech pod kapotou, ale to je proto, že počítače nezajímá mezerou, takže to nemusí vypadat pěkně. Ale když se přiblížíte na částech to, Všimněte si, že Chrome, jen být milá, má barevně odlišeny věci. Opravdu, toto je první značka, která jsme viděli na webové stránce. A opět, HTML 5, nejnovější verze tohoto jazyka, nemá tuto věc na začátku, > Jo, jsme vyřešili to předtím tím, že explicitně říkat prohlížeči vložení zalomení řádku zde. " A to proto, že opět, prohlížeč to jen bude dělat výslovně neuvádí, které značkovací jazyk říká, že k tomu, takže i když jste mohl zasáhnout zadejte jednou nebo dvakrát nebo dokonce desetkrát, bude to spojit, že všichni do jednoho prostoru, jen konvencí. Takže pokud opravdu chcete zalomení řádku, musíte použít tag br, a teď oznámení, stejně jako pondělí jsem dal / uvnitř tohoto tagu, jen proto, že to prostě není ono kdo zalomení řádku a poté zastavte jej nic mezi tím. Takže konvence v HTML je otevřít a zavřít tag současně. Jak stranou, uvidíte spoustu webových stránek v knihách nedělá, že. Je správné dělat nebo nedělat to, ale my bychom tvrdit, že design-moudrý a stylisticky, to je prostě lepší protože pak každý tag je jak otevírat a zavírat nějak. Tak teď pojďme zachránit a znovu. Vraťte se zpět do prohlížeče, jo. Teď děláme nějaký pokrok, ale není to dost. Pojďme dál a začít psát v nějakém delším část textu. Takže řekněme, "quick brown fox skáče přes líného psa." A teď mi dovolte stačí zkopírovat a vložit tento několikrát takže máme odstavec textu. Nech mě jít zpátky sem. Takže to nevypadá moc dobře. Mám zalomení řádku, takže je to v pořádku, ale teď, jakmile se dostáváme k té míry, že webovou stránku , který má spoustu obsahu a ne jen jednotlivé řádky, kterými prokáží, HTML, můžeme začít přemýšlet o těchto věcech jako skutečné odstavců. A můžeme začít strukturovat naše webové stránky trochu čistěji. A skutečně, co mohu udělat, je jít tady uvnitř mého těla tagu, a víte co, kdyby "To je CS50. . . " Opravdu demarks začátek odstavce, dobře, pojďme označit jej jako takový. Dovolte mi, abych odsazení textu, jen konvencí, dovolte mi říci, že tento odstavec zde končí, a pak spíše než dělat to konec řádku, dovolte mi říci, , že tato tam patří a jako nový odstavec, a já jen rychle odrážka jen o přepisování všechny tyto věci. Takže teď máme odsazení tam, a nyní naše značky začíná být trochu více sémanticky v souladu s tím, co se snažíme dělat. Máme bod, takže řekněme, že bod s tagem p. Máme druhý odstavec, tak řekněme, že bod s tagem p. A teď, co prohlížeč typicky dělat je stejně jako v anglické knize nebo esej, kde se obvykle vidět některé řádků mezi odstavci. Prohlížeče bude to pro vás automaticky. Takže teď máme dva body a můžeme pokračovat v tomto. Ale, samozřejmě, na webu, když máte těla textu není to obvykle jen velké kuličky textu. Tam jsou často hypertextové odkazy tam. Takže pokud chceme, například, obsahovat některé odkazy tam, Předpokládám, že to, co by mohlo být zajímavé v jakékoli webové stránky jsem vytvořit zde - nechte mě jít na Google.com, a dovolte mi, abych vyhledat quick brown fox. Přejít na Google obrázků, a, jak o tom - to je roztomilé. Půjdeme s tím. Takže zde máme quick brown fox skákání přes líného psa. Takže, co budu dělat tady, jen kvůli demonstraci, Předpokládám, že je tento obraz byl na mém serveru, a já jsem byl vytvoření těchto snímků. Co jsem právě udělal, bylo pravým klepnutím nebo kontrolovat klikněte na obrázek, a to, co uvidíte ve většině prohlížečů je trochu menu - přestaň s tím, že - trochu menu, které vám umožní vybrat si Kopírovat adresu odkazu nebo Kopírovat adresu URL. Tak nech mě jít zpátky do mého HTML, a předpokládejme, že chci na příkaz Hypertextový odkaz tohoto na jinou webovou stránku. Jaký byl tag volal, že? [Student, nesrozumitelné] >> Jo. Takže href pro hyper odkaz. Nech mě jít dopředu a vložte že dovnitř Je to docela dlouhá URL, tak mi dovolte přiblížit zpět. Zavřít držáky, takže teď nevšiml jsem cestu sem proto, že URL se stalo, že je docela dlouhá. Dovolte mi, abych projděte odtud až do konce roku quick brown fox, a pak mě zavřete tuto značku s . Takže všechno, co na vrcholu v modré barvě je jen komentář. To je můj deklarace DOCTYPE, která opět, stačí zkopírovat a vložit na víře, pro teď. To jen řekne prohlížeči, Here Comes některé HTML 5. " Pod tímto, na řádku 14, je první z mých skutečných značek, a to jen říká, jako dříve, přichází nějaký HTML, Zde přichází hlavu mé stránky, zde přichází titul, a pak, naopak, že je to o titul, tak je to na hlavu. Zde nyní přichází tělo mé straně. Takže pár nových značek nyní: h1 je zkratka pro okruh 1. Tam je tradice v HTML pro mnoho let zpět mít různé velikosti textu. A zpět v den, každý z nich znamená, obecně, jen velké a tučné. Ale je tu také h2, což je velká, ale ne tak velký a odvážný. Je tu h3, který je tak trochu velká, ale není zdaleka tak velký a odvážný, a tak dále, celou cestu až do h6. V těchto dnech, i když jsou h1, h2 a h3 opravdu na mysli mít více sémantický význam pro ně, přičemž h1 je opravdu nadpis: záhlaví webové stránky, záhlaví sloupce nebo něco podobného textu. Tak jsem schválně řekl h1 CS50 Vyhledávání> h1 na specifikujte, že to je opravdu čísla, název mé straně. Není názvu v tom smyslu, záhlaví, ale titul, který jste skutečně vidět v samotné webové stránky, v těle. Nyní to můžete asi tušíte, co to je, i když máme pár nových kousků syntaxe. Jedná se o formu. Takže web opravdu začíná být zajímavé když webové stránky se vstup od uživatele. V této třídy, v problému nastaveným na programování webových, nebudeme dělat webové stránky, sama o sobě, se statickým obsahem, který ukazuje fotografie, které jste přijata, nebo je to můj životopis, a věci, o mně, protože ty věci jsou relativně snadné dát dohromady. Je těžké, aby se věci krásné na webu, ale alespoň uvedení do obsahu je docela triviální. Ale věci se opravdu zajímavé, když někdo může navštívit vaše webové stránky a poskytnout vstupní a mohou vyplňovat formuláře, může zaškrtnout políčka a může komunikovat s vaší webové stránky. A skutečně, asi každý web na kterých vám záleží v těchto dnech, v každém detailu, je nějak interaktivní. Facebook, Google a podobně, že se vstup uživatele a produkovat vlastní výstup. Tak začněme k tomu, že teď. Pojďme Přechod nyní z jen pomocí HTML pro značky statického obsahu jako místo dodání mechanismus pro dynamický obsah. A k tomuto účelu, pojďme zavést vlastní vyhledávač. Pojďme to udělat takto. Zde je formulář tag. Akční atribut určuje, že když uživatel vyplňuje tento formulář s jejich klávesnicí, bude předložena na tuto adresu URL zde. Takže jsem trochu podvádění. Bude to trvat nás trochu déle než jeden druh provedení celé vyhledávač, takže prostě budeme dělat front-end, abych tak řekl. Uděláme tu část, která uživateli umožňuje vyhledávání, a budeme tak nějak pramice na Google Nejtěžší najít výsledky vyhledávání, ale konkrétně, budu mluvit na webový server společnosti Google pomocí jedné z dvou velmi populárních metod. Jeden se dostat, další, že budeme nakonec vidět, že pošta, ačkoli tam jsou jiní, že jsou méně často používané. Tak se prostě vyvolává představu, já se chci dostat nějaký obsah, získat nějaké výsledky vyhledávání. To, můžete snad hádat, co to dělá. To je nějaký vstup, je to ve skutečnosti, bude vypadat jako textové pole, a název tohoto vstupu, jméno té proměnné, abych tak řekl, se bude q na dotaz konvencí. A opět, typ tohoto vstupu se nebude políčko; to nebude menu; to bude textové pole jak označil tento atribut zde, a tohoto textového pole, jako konec řádku, je buď tam, nebo ne. Takže máme prázdný element s lomítkem uvnitř tohoto tagu. Pak jdu dát zalomení řádku, a můžete, možná, asi, co to bude dělat. To je jiný druh formuláře vstupu. Tahle bude použit pro odeslání formuláře. Tak to bude velký tlačítko, které může uživatel klepnout odeslat formulář, a štítek na toto tlačítko bude "CS50 hledat." Zavřít formulář, úzkým tělo, úzkým HTML. Pojďme se podívat, co máme ve formě této webové stránce. Tak nech mě jít do svého prohlížeče, nech mě jít, ještě k místní hostitele. To je stále index.html, takže pokud chci vidět tento soubor s názvem search0, Já si prostě udělat / search0.html, zadejte - a první z mých chyb. Co se děje? Jasně jsem Nemáte oprávnění přístup k tomuto souboru, z nějakého důvodu. Ale to je proto, že na rozdíl od práce, kterou jsme udělali tak daleko v C, kde jsou programy, které napsat Předpokládá se, že runable vámi, vámi spustitelný, že to není opravdu tak na webu, , kterým se někdy budete chtít vytvořit soubory na serveru, ale nechcete celý svět, aby mohli vidět. Spíše, chcete, aby se svět vidět některé soubory ale ne jiní, jen kvůli Ochrana osobních údajů na. Takže je to spíš opt-in základě když děláte věci na webu. A tak mi dovolte vlastně napište ls zde, a uvidíte soubory, které mám, ale připomenout, že když to udělám ls-l pro dlouhé, Seženu delší záznam, který mi dává nějaké další informace o těchto souborech které jsou nyní, opravdu, poprvé relevantními pro nás. Všimněte si, že na pravé jsou jména mých souborů, a pak čas, kdy byly naposledy změněny nebo kopírovat. Toto číslo je zde to, co? Vzpomínáte si? Velikost v bajtech, jak velký soubor. Tak se mi zdá, mít nějaký loga v tu, která je větší než všechny ostatní soubory. To je, kdo jsem, to je to, co jsem a co skupina jsem dovnitř Ale pak, tady vlevo je trochu mystické pořadí, a mluvili jsme, myslím, stručně o tom v minulosti, ale to má co do činění s oprávněními. A i když je to trochu nejasné, RW pravděpodobně znamená, čtení a zápis. Tak to dopadá, že tyto pomlčky označují různé sady oprávnění pro různé lidi. A vzor je, v podstatě, následujícím způsobem. Když vidíte posloupnost čárek zde, vypadají takto. Tam je pomlčka, pak je tu další tři pomlčky, pak je tu další tři, pak je tu další tři. První z nich je buď pomlčka, nebo je to reklama na adresář. Tak že jeden je docela snadné. Pokud je to složka, říká d, jinak je to pomlčka. Je tu pár dalších případech, ale teď prostě budeme starat o souborech a adresářích. Tyto další tři pomlčky - a já jsem uměle vkládá mezery. Byli samozřejmě, ne tam, když jsme je viděli před chvílí. Jedná se o vlastníka souboru je oprávnění, a odvolává z druhé dávno, že to bylo čtení a zápis. To bylo proto, že já, jako osoba, která vytvořila tento soubor před chvílí, I jen tím, že ve výchozím nastavení, v počítači se systémem Linux, mají schopnost pokračovat ve čtení a psaní, že soubor. Takže operační systém prostě mi dává RW automaticky. Prostřední z nich se vztahují k mé skupině, že studentů, což je druh smysl na přístroji, protože jsem jediný člověk, používání spotřebiče. Takže mi dovolte mávat rukama na to pro tuto chvíli. Ale ty poslední jsou nejdůležitější pro web. To je každý jinde na světě, a skutečnost, , že je to --- znamená, že nikdo jiný na světě má nějaké oprávnění k tomuto souboru. Je zřejmé problém, tak musím opravit by nějak dávat světu, co? Číst a psát? To je asi hloupé, ne? Já nechci, aby někdo na webu jít navštívit mé stránky a nějak změnit tento soubor, i když opravdu nemohli s HTML souboru, ale jen v zásadě, pravděpodobně jen chci, aby byli schopni číst. Co to znamená číst? To neznamená, že budeš se starat o skutečné HTML, ale prohlížeč musí být schopen analyzovat tento značkovací jazyk, shora dolů, zleva doprava. Takže někdo na webu musí být schopen číst, tak jsem minimálně dát jí r. Udělám to v několika různými způsoby, ale snad nejjednodušší je spustit tento příkaz zde. Chmod, změna režimu, pak + r, takže všechny, všichni na světě + číst, a pak název souboru, search0.html. Nyní, když jsem to ls-l znovu, zjistíte, že soubor byl změněn, a opravdu, jsem se obrátil na r pro každého. Také jsem zapnul ji za svou skupinu, ale to je v pořádku, , protože když jsem se obrátil v na pro každého, moje skupina je podmnožinou toho. Tak to je taky v pohodě. To prostě znamená, že počítač nyní dělal to čitelné. Nyní mi dovolte vrátit se k mému prohlížeči, klepněte na tlačítko znovu. Ah-ha. V současné době máme CS50 Hledat. Jsem přiblížení v malém uměle - dost příšernou vyhledávače. Ale uvidíme, jestli to skutečně funguje. Nejprve mi dovolte, abych to rychle zdravý rozum kontrolu, dovolte mi, abych ovládat tlačítkem myši a zobrazit zdrojový kód stránky. Všimněte si, že v rámci Chrome jsme dnes svědky stejné HTML, který jsem sám vytvořil. Nenechte se zmást tady, ačkoli. Nemohu začít se změnou kód zde, protože prohlížeč má jen pro čtení pohled na tohoto kódu. V prohlížeči se jen ptal místního hostitele pro soubor s názvem search0.html. Nyní je čistá náhoda, že spotřebič se stane, že na stejném počítači jako svém prohlížeči. Mohl bych mít, equivalently, zadali v www.facebook.com/search0.html, a pokud Facebook měl soubor s názvem, který bych pak vidět jejich HTML. A, samozřejmě, nemohu změnit soubor, který se vrátí z Facebooku, a to buď. Takže teď jsme trochu rozostřování hranic. Přístroj je jak server, servírují stránky, ale je to také klient v tom smyslu, že jsem pomocí prohlížeče se skutečně mluvit k tomuto serveru. Tak uvidíme, jestli můj Google search engine funguje. Nech mě jít dopředu a hledat quick brown fox, zadejte. A voila, mám teď svůj vlastní vyhledávač. Ale jak to funguje? Trochu přitažené za vlasy, ale - a teď nemůžete vidět, přesně, část, která je v zájmu. Všimněte si, co se stane. Všimněte si, že URL. Ukazuje se, že tato metoda, volal dostat, je super-jednoduchý. Když zadáte do formuláře, který chcete "dostat" výsledky z nějakého serveru, co to bude dělat, je vzít, co jste zadali do formuláře a vložte jej do URL. Bude to pro standardizaci, jak dostane to dát do URL takto. Všimněte si, že toto je URL, která byla hodnota mého atributu action. To je, kde jsem chtěl forma skončit. Ale pak zaznamenáte tento otazník. Toto je smlouva o webu, kterým poskytnout vstup uživatele na webové stránky, můžete přidat do URL otazník, a pak máte spoustu párů klíč-hodnota. Název klíče, jinak známý jako parametr na webu, pak máte rovnítko, pak máte hodnotu tohoto parametru. Takže je to v podstatě název proměnné a hodnota proměnné, ale ty proměnné názvy a hodnoty pochází z HTML formuláře. Proč jsou plusy tam, myslíš? Protože jsem neměl psát + mezi mými slovy. [Student, nesrozumitelným] >> Jo, je to jen pro rozteče. Kurzy jsou, když jste viděli URL, tam nikdy žádné mezery v tom, i kdyby jen proto, že jestliže tam byly, nemohli jste opravdu zkopírovat a vložit do infrastruktury nebo do e-mailu, protože to by porušilo. Chcete-celá věc být jeden souvislý řetězec znaků. Takže prohlížeč je dost chytrý, aby si uvědomit, uh-uh. Nepoužívejte jen dát prostor tam. Dovolte mi, abych kódovat prostor v nějaké standardním způsobem. Jeden z konvencí na tom je, že má prohlížeč automaticky umístí +, kde byste jinak mezeru. Takže teď, upozornění Google byl trochu user-friendly. Určitě jsem vytvořit tuto webovou stránku, ale oni předem vyplněna vlastní textové pole s tím, co, přesně, jsem napsal dovnitř Dejme tomu, že chcete vyhledávat něco jiného, ​​jako líného psa. Můžu jen napsat to tady, re-search. Všimněte si, že URL změní tady, ale všimněte si pak, že jsem si skutečně hledat cokoliv chci jen tím, že pochopení toho, jak adresy URL práci. Já jsem mohl dělat línou kočku, zadejte, a všimněte si, teď jsem stále velmi líný - měli bychom? Mám pocit, že bychom měli. Mám velmi líný kočku. Dobrá. To je jeden z nejhloupější věcí, které jsme udělali. Ale to je líný kocour. Tak či onak, co je klíčem takeaway tady? Teď jsme trochu hrát ve světě HTTP. HTML je právě tento značkovací jazyk, open tag, zavřít tag, která vypráví prohlížeč, jak vykreslení obsahu na webové stránce. Ale když začnete přenášet data v internetu mezi webovým prohlížečem a serverem, že je-li tento protokol známý jako HyperText Transfer Protocol převezme. To je ten druh člověka úmluvy; když Sam a já si potřásli rukama v pondělí, výchozí připojení a pak zavření připojení, stejný nápad sem. Jak se na Google výsledky vrátí ke mně? Jak se moje forma podání bude Google? No, vzpomínám z druhý den, že to, co se opravdu děje pod pokličku, když požádat o webové stránky, je, Váš prohlížeč posílá poněkud záhadný, zprávu jako GET / HTTP/1.1 pro výchozí domovskou stránku. Nebo, v tomto případě, protože zejména požadováno dříve search0.html, to by pak bylo něco, mystické zprávu že můj prohlížeč posílá spotřebiče. Nebo, v tomto případě Google, co se vlastně poslán je požadavek na / vyhledávání, a pak? q = líný kočka, s navíc tam. Takže tato zpráva, že já, člověk, jsem nikdy psát, ale potom je poslán do prohlížeče, je to, jak HTTP stane. To je ekvivalentní našich mít potřásl rukou. To je požadavek, a server to asi poslat odpověď. Takže pojďme se podívat na to pod kapotou. Stejně jako dříve, můžeme otevřít tuto speciální pole v prohlížeči. Zobrazit stránku, zkontrolujte prvky. Takže podle prohlédnout prvek, zjistíte, že to, co se stalo v prohlížeči Chrome, a IE a Firefox mají podobné mechanismy, máme tyto nástroje pro vývojáře, které jsou přístupné na nás. Normální lidé nemají používat tyto karty. Ale my, teď, zajímá, co se děje pod pokličku na úrovni sítě. Takže pokud jsem vytáhnout síťovou úroveň tady, nech mě jít napřed a rozšířit toto okno, otevřít tuto položku zde, a podívejte se na záhlaví. Takže co se stane, když jsem požádat o soubor z webového serveru je můj prohlížeč posílá spoustu věcí. A dovolte mi, abych zobrazit zdrojový kód. Takže podle hlaviček, a to je jen Chrome a ukazoval mi nějaké diagnostické výstup, něco jako ladicí nějakého druhu, Všimněte si, že to, co jsem zdůraznil tady je přesně to, co Chrome odesílá na server, aby požádalo o soubor s názvem search0.html. To říká server, co si myslí, že jeho jméno je, díky této oblasti hostitelského tlustého střeva, pak je tu nějaký pěkný esoterické věci sem, jako něco, co dělat s daty a časy, něco společného s jazyky, které prohlížeč nerozumí, ale opravdu důležité linky jsou tyto první dvě zde. Co server odpoví? No, pokud bychom přejděte sem a zobrazit zdrojový kód této věci, zjistíte, že server odpověděl s poněkud tajemnou zprávu stejně, 304 nemění. To je trochu divné, dovolte mi, abych se skutečně snaží to napravit. Dovolte mi, abych podržte stisknutou klávesu Shift a klepněte na tlačítko znovu tady donutit prohlížeč, aby skutečně tuto žádost poprvé. Pak mi dovolte přiblížit, a uvidíme, teď, že odezva serveru, protože jsem držel posun, je 200 OK. Takže jste asi nikdy neviděl číslo 200 V souvislosti s webu, ale co čísel jste někdy viděli neočekávaně ze serveru? 404, soubor nebyl nalezen, 403, zakázána, 500, chyba serveru. Takže tam jsou tyto číselné kódy, které svět používá na webu znamenat chyby, stejně jako funkce C může vrátit chyby a hlavní může vrátit návratový kód. 200, i když, můžete vidět jen zřídka, protože to znamená, je vše v pořádku. A 304 budete pravděpodobně nikdy vidět, protože to, co je to znamenat? Že nic nemá - uvidíme, jestli můžeme simulovat to znovu - Oh, teď to není spolupracující. 304 řekl nemění, tak proč byl server ještě reagovat? No, pro efektivitu, webový server automaticky za vás, pokud soubor nebyl změněn, nebude přenášet celý soubor HTML. Je to jen říct, že prohlížeč se nezměnil. Stačí použít kopii již máte. Takže tam je to představa ukládání do mezipaměti na webu pro výkon, takže nemusíte ztrácet čas a odpadní šířku pásma stahování souborů znovu a znovu zbytečně. But tato webová stránka, teď, byl super-jednoduchý, a to pouze tehdy ukázal mi HTML, který se vrátila. Pojďme vlastně používat sítě kartu nyní udělat vyhledávání na Google jako quick brown fox. Dovolte mi, abych potom klepněte na tlačítko CS50 vyhledávání, a teď, zjistíte v dolní zde celá parta věcí vrátil protože když jsem navštívit skutečný webové stránky, jako Google.com, mají obrázky, které mají textu, mají jazyk zvaný JavaScript tam. Takže každý řádek v této tabulce dole představuje něco, co Google plivat v reakci na můj jednu žádost. Ten mi záleží, i když, je to první. A když půjdu na hledání, žádost, klikněte na volbu Zobrazit zdroj zde, Všimněte si, že, skutečně, mystické poselství, že můj prohlížeč poslal to Google Právě tyto dvě řádky zde, následuje nějaký tajemný informací tady dole, které budeme ignorovat nyní. Ale upozornění, taky, co Chrome je docela šikovný s, je to také ukazuje mi řetězec dotazu, který byl odeslán dovnitř Takže spíše než Ukaž mi to, který byl doslova poslán, pokud ji mohu prohlédnout dekódovány, Chrome, jen pro účely ladění, pro vývojáře, jako jsme my, je to jen ukazuje mi fotky verze - to není jak se to píše Fox, zřejmě. Jen jsem si všiml, to nyní - ale je to, že vám ukazuje, co jsem, zdá se, zadali. Mezitím, odpověď, která přišla zpět ze serveru je opět 200 OK. Ale zahrnuty do této reakci, samozřejmě, pokud bychom skutečně mohli HTML stránky - líto, je to trochu klávesová zkratka pryč nakřivo dnes. Postarám se o to později. Takže pokud jsme vlastně zobrazení stránky je zdroj, které mohu dělat tady dole kliknutím odpověď, To je to, co bylo vlastně plivat zpět, navíc k tomuto kryptické 200 OK zprávy ze serveru. Trochu záhadné, ale kde je to všechno pochází? No, pojďme udělat jednu věc zde. Dalším poněkud-Cryptic Command, Ale tohle je trochu úhledné v tom, že nám ukazuje přesně to, co se děje pod kapotou. Takže jsem zpátky na mém Macu tady, jsem připojen prostřednictvím programu nazvaného SSH, Secure Shell, na jiném serveru protože většina počítačů Harvardu zablokovat příkaz se chystáme spustit protože tam je to příkaz na některých serverech nazýván traceroute , který vám umožní sledovat trasu mezi body A a B, a tak daleko jsme se brát zcela za samozřejmost že mohu psát Google.com a nějak získat data zpět z poloviny celé země nebo přes půl světa. S traceroute můžeme skutečně ponořit se trochu hlouběji jak funguje internet, a uvidíme, co se děje pod kapotou. Tak pojďme do toho a libovolně sledovat trasu, řekněme, Stanford.edu, která je po celé zemi, a stiskněte klávesu Enter. Tento příkaz může být super-rychlý a super-pomalé, ale to, co vidíme dnes, řádek po řádku, je každý jeden z kroků nebo poskoků mezi námi a Palo Alto, nebo Stanfordu, kde mají své webový server. Takže to, co má každý z těchto řádků představují konkrétněji, i když? Kus žargonu z internetu? [Student, nesrozumitelným] >> Co je to? [Student, nesrozumitelným] >> Oh, tak tam jsou časy, ale co každý řádek - co tím chci říct hop? No, jsou tyto věci na internetu tzv. směrovače. A směrovače, jak název napovídá, cesta informace z bodu a do bodu b. Ale existuje několik bodů, mimo a a b. Tam je c a d, e, f mezi řádku 1, který se stane být můj počítač IP adresu, nebo můj číselná adresa, která jedinečně identifikuje počítač, a krok 15, což je vlastně šestý webový server, zřejmě, které jsem vyvodil z toho, nebo verze 6 jejich webového serveru na Stanfordu. Ale co je to druh čistý je, můžeme vidět cestu že můj 0 a 1 je berou z mého počítače na Stanford. Takže krok 1 vlastní počítač adresa. Každý počítač na Internetu má jedinečný identifikátor, který vypadá takto. Number.number.number.number. Někde na této půdě, pravděpodobně v oblasti vědy centru, je router nazývá jádro Brána 2-te83, ať to znamená cokoliv, takže to je jeden z velkých Harvardu fantazie směrovače, který směruje hodně jejich provoz. Tady je další z routerů Harvardu, tohle je Border Gateway, přeshraniční význam, že je to pravděpodobně na okraji areálu někde. Pak je tu nox jeden, řádek 4, který je severní křižovatky, což je velký ISP, poskytovatel internetových služeb, že místa jako Harvard připojit až. Ale pak to trochu zajímavý v souladu 6. Kde jsou moje kousky najednou? Kansas. Svět má ve zvyku používat letištní kódy v mnoha z těchto věcí, nebo alespoň zkratek států nebo měst, tak to vypadá, jen v 60 ms, balíček informací, 0 a 1 je z mého notebooku dostal až do Kansasu, a znovu, v 60 ms. Navíc, po Kansasu, vzali zájezd přes Houston, pravděpodobně, jak vyplývá již z názvu tohoto serveru. Takže stejně jako server na internetu, musí mít číselnou adresu, to může také volitelně, mají mírně více člověka-friendly adresu, na kterou lidé vymysleli. Nyní, v kroku 8, nevíme, co to je. Někdy routery tak nějak ignorovat, a oni prostě nemají odpovědět na otázky, takže je to v pořádku. Jeden po kroku 8 je zřejmě kde? L.A. Všimněte si, jen 78 ms, to, co se nám lidi, jako je 6 + hodin udělat fyzicky, bere pakety informací na internetu 78 ms cestovat tak daleko. Krok 10 je v LA také, a krok 11 se zdá k šli na sever, do blízkosti Stanfordu. To je jejich hranice router, nebo hraniční směrovač. Pár kroků na Stanfordu, které jsou ignoruji nás, a konečně se dostáváme k webovému serveru za pouhých 87 ms. Nyní, všechny z těchto čísel, jako stranou, jen říct, jak dlouho to trvá, údaje se dostat ode mě na každou z těchto směrovačů, a to nesčítají. Co tento program je, že nejprve odešle zprávu, v podstatě na první routeru. Pak se jeden do druhého routeru; pak jeden na třetí routeru, měření pokaždé. Takže teoreticky, budou tyto časy se stále nebo alespoň velmi blízko sebe, a, opravdu, ty, které jsou tady na akademické půdě jsou super-small. Jakmile začnete jít po celé zemi, trvá dat trochu déle cestovat, blíže k 100 ms, dávat nebo brát. Ale pojďme opačným směrem teď. Jak o Cambridge University ve Velké Británii? Dovolte mi, abych místo toho použít traceroute z www.cam pro Cambridge, . Ac pro akademické,. Uk, a stiskněte klávesu Enter zde. To bylo zatraceně rychle. Moje údaje doslova šel do Cambridge, Anglie, v tomto zlomku vteřiny času. Tak uvidíme, na cestu, která to trvalo. Harvard, Harvard, Harvard, Severní Crossroads, který je ISP, a pak je severní křižovatky, a pak bum. Co je mezi kroky 6 a 7, router 6 a 7? Atlantský oceán. A my jsme vyvodila to z toho, že Jdeme od 20 ms zde 80 ms zde. Takže něco vzal 60 ms, dávat nebo brát, překonat. A to byl pravděpodobně velký vodní útvar. Co se děje potom? No, tady jsme v Londýně, Jen 88 ms později. Více London, více London, nevíte, kde to je, ale budeme předpokládat, že je to mimo Londýn, Cambridge tady, a nakonec jsme - doslova, University of Cambridge . Something.net, a pak, nakonec, v řádku 16, jejich web server je zřejmě nazývá Scorpius pod pokličku, i když víme, jako www. Druh mysli-vyfukování, myslím. Poprvé, co jsem to udělal, to úplně mi vyrazil dech. Bohužel, Harvard blokuje tento druh dopravy, obvykle, v síti. Takže nemůžete dělat to super snadno. Uvědomte si, i když, tohle je možné. Dobrá. Pojďme vzít naši 5-minut přestávku zde. Vrátíme se a ponořit hlouběji. Takže jsme zpátky, a my jsme trochu loudal kolem v několika různých směrech zde. Takže pojďme shrnout, co přesně se děje. Začali jsme rozhovor o tom mluvit jazykem volal HTML. Opět, není programovací jazyk. Je to jen značkovací jazyk že je z velké části o estetice a strukturování obsahu ve formě webové stránky. Ale HTML, proto je třeba nějaký mechanismus pro cestování mezi webovým prohlížečem a serverem. HTML tedy druh jízd na vrcholu této jiném jazyce, nebo více vhodně, protokol, známý jako HTTP. A HTTP, jak jsme viděli doposud, je tak trochu analogické této lidské konvence třesoucíma se rukama. Když prohlížeč chce požádat o stránku ze serveru, pošle, že "se" požadavek z prohlížeče na server, a pak server odpoví číslo jako 200, je vše v pořádku, stejně jako HTML nebo nějakou špatnou číslo jako 404, soubor nebyl nalezen. Ale mezitím, HTTP sama o sobě není Internet sám o sobě. HTTP je jen služba, rys internetu podobně jako G chatu je další služba, podobně jako e-mail je další služba. Je tu všechny druhy věcí, které můžeme udělat na internetu. HTTP je jen jedním z těchto aplikací. Tak na vrcholu - HTTP je v horní části něco jiného které jsme nezmínili podle názvu, možná jste slyšeli o podle názvu, TCP / IP. Takže příběh jsme prostě řekli, že je vše kolem jak data cestuje z bodu a do bodu b. A v tomto případě, jsme viděli na velmi nízké úrovni router na router na router k routeru, jak jsou data skutečně přenášena. Ale po cestě, bude to zaznamenáte různé překážky. Kromě těchto směrovačů, tam jsou věci, zvané firewall na internetu, a tak údaje, jako například, že jsme právě vysílá ode mě na Stanford, ode mě do Cambridge, je poslán k, na této úrovni, něco, co nazývá IP adresu. Viděli jsme to před chvílí, a IP adresa je jen číselná adresa ve tvaru w.x.y.z, kde každý z nich je mezi, dávat nebo brát, 0 a 255, když nemůžete úplně používat všechny z těchto čísel. Ale každý z těchto místo držáků je číslo v rozmezí od 0 do 255. Takže IP adresy v těchto dnech je 32 bitů. Nyní, že nám dává, kolik je to možné IP adresy na světě? Zhruba 4 mld. Kč, protože kdykoliv jsme počítání v pravomoci 2 celou cestu až do 32 něčeho, že obvykle nám 4000000000. Takže je to hodně IP adres, ale můžete si přečíst, nebo můžete nyní zaznamenat v populárním tisku, tlak směrem k nové verzi IP názvem IPv6. Právě teď jsme použili verzi 4. Tam opravdu nebyl verze 5, jsme jen skákání právo 6. Verze 6 je bude používat 128 bitů pro adresy IP, která je podivínský obrovský. Neměli bychom dojdou pro docela nějaký čas, ale my jsme začali běžet z verze 4 IP adresy, protože každý z nás má nejen věci, jako jsou notebooky a stolní počítače, Mnoho z nás má mobilní telefony, mnoho z nás má jiná zařízení jako TiVo a podobně, které mají IP adres sami. Harvard sám má desítky tisíc počítačů. Takže svět je skutečně dochází IP adres, alespoň v této podobě. Takže v průběhu několika příštích let, budete vidět adresy na svých vlastních počítačích pravděpodobně pomalu měnit jak více a více společností a univerzit začne podporovat novější verzi. Ale IP adresa není dostatečná pro připojení k počítači a požadovat data z počítače b.. Vzhledem k tomu, počítač b může být server, a server, jak jsem již zmínil, je to hrozny věcí. To může hostit webové stránky, může to být e-mailový server, to může být Skype server, může to být povídání G server. Všechny tyto různé služby, které mohou být poskytovány na serveru mohli všichni, fyzicky, být na stejném stroji. Takže kromě IP adresy, svět má věci zvané porty na internetu. Port je jen číslo, takže tam je jedinečné číslo pro HTTP. Jeho číslo je 80. HTTP také používá číslo 443, ale konkrétně u kódovaných HTTPS. Když vidíte s, pro bezpečný, že je s použitím jiné číslo. Existují i ​​další čísla, jako 25, používané pro něco, co nazývá SMTP, jinak známý jako e-mail. Je tu něco, co nazývá 22 pro SSH, a tam je celá parta dalších přístavů tam. Nyní, my lidé jen zřídka vidět tyto čísla. Nicméně, když napíšete adresu jako http://www.facebook.com, prohlížeč tajně vkládání 80, protože jste pomocí protokolu HTTP. Pokud místo toho, zadejte HTTPS, je to tajně vložení 443. A můžeme trochu vidět ručně, pokud jsem vytáhnout Brower a přejděte na http://www.facebook.com:80. Proto výslovně citovat nejen název webové stránky ale port, který chci mluvit, a stiskněte klávesu Enter. Všimněte si, že zmizí, protože prohlížeč předpokládá, oh, 80, nejsem dokonce jít obtěžovat o tom, že na vás. Ale důvod, proč je to, že když jsem vlastně chtěl poslat někoho e-mail, Já bych vlastně posílat jim to na portu 25, který je SMTP. Trochu oversimplification, ale někteří z vás mají přátele kteří skutečně pracují na Facebooku, a oni, podobně, mají servery, které obdrží e-mail. Pokaždé, když pošlete e-mail, co gmail dělá pro vás nebo Outlook nebo cokoliv program, který používáte, je to trochu tajně vložení toto číslo také, 25, v tomto případě. Je to tato kombinace IP adresy a čísla, které jednoznačně identifikuje počítač na internetu a konkrétní službu na tomto počítači. Teď, samozřejmě, většina z nás pravděpodobně nikdy zadali ručně IP adresu. Možná máte v zařízení, ale v reálném světě, ne tolik. Proč bychom zadejte IP adresy do prohlížeče? To bude fungovat, ve skutečnosti, můžeme vidět, dovolte mi ukázat vám jeden další příkaz, který by měl fungovat většina kdekoliv na akademické půdě Harvardu na Mac nebo PC. Tam je to příkaz nazývá nslookup, jmenný server vyhledávání. Když se podívám do www.cnn.com, ukázalo se, že CNN má - oh, zajímavé. CNN začala používat Amazon Web Services. Možná víte o cloud computingu, Amazon je jedním z velkých hráčů v cloud computingu. Co jsem právě udělal, bylo, řekl jsem, "Dej mi adresu webového serveru CNN," ale ukazuje se, že CNN webový server je řízena Amazon, Amazon Web Services, což naznačuje,. A adresa tohoto serveru je to tady. Takže jsem si jistý, jestli to bude fungovat, protože oni nejsou zvyklí používat Amazon. Ale zkusme tuto; http://, IP adresu, zadejte, a - to bude fungovat? Ano. To bude fungovat. Internet je super-pomalé dnes. Ale ve chvíli, uvidíte nějaké reportáž. Tam jdeme. Bank of America je žalován. Dobrá. To proto, že tato IP adresa náhodou tím synonymem www.cnn.com. Samozřejmě, že by bylo strašné marketing říct, navštivte nás na webu v 50.112.94.127. Ty nikdy zapamatovat. Takže i v těchto dnech můžete připomenout věci jako 1-800-COLLECT nebo mnemotechnické pomůcky svět přišel s telefonních čísel. Což, před mobilních telefonů, byly spíše těžké si vzpomenout, dokud mohl jen zadejte jej a zapomenout na to. Takže na webu, má i tuto konvenci jmen a IP adres, a tam jsou tyto věci tam volal servery DNS, doménových jmen systémy serverů, které překládají IP adresy do jména a naopak. Takže to je to, co se děje na pod pokličku. Na konci, máme TCP / IP, který je tento velmi nízké úrovni protokolu že opravdu, prostě dostane 0 a 1 je přes internet, a činí tak tím, že je do virtuální obálky, chcete-li, a psaní na vnější straně obálky IP adresa cíle, stejně jako číselná číslo portu poskytování služby na tomto určení, že chce mluvit. Mezitím, na obálce je tu také něco známý jako zpáteční adresy, které je vaše IP adresa, takže když CNN dostane paket informací od vás, otevře se tento virtuální obálku, vidí, že chcete domovskou stránku, ví od odesílatele části tohoto virtuálního obálky komu zaslat HTML zpět na. Takže pojďme se podívat na to v trochu podrobněji. To je od společnosti s názvem Ericson, od několika let zpět. A vzali některé svobody s tím, jak vlastně funguje Internet, ale maluje mnohem vizuální obraz než pouhé křídy až zde. Tak jsem vám "trochu internetu." [Narrator] Poprvé v historii, lidé a stroje pracují společně, splnění snu. Sjednocení síla, která nezná geografické hranice. Bez ohledu na rasu, vyznání nebo barvu. Nová éra, kde komunikace skutečně spojuje lidi dohromady. To je Na úsvitu internetu. Chcete vědět, jak to funguje? Klikněte zde pro začít svou cestu do sítě. Nyní, přesně to, co se stalo, když jste klikli na tento odkaz? Vy jste začali tok informací. Tyto informace putuje do vašeho osobního podatelny kde Mr. IP balíčků, označí ji, a odešle ji na své cestě. Každý paket je omezen ve své velikosti. Podatelny musí rozhodnout, jak rozdělit informací a jak zabalit. Nyní, balíček potřebuje štítek obsahující důležité informace jako adresa odesílatele, příjemce je adresa, a typu paketu to je. Vzhledem k tomu, tento konkrétní paket jde ven na internet, to také dostane adresu proxy serveru, která má speciální funkci, jak uvidíme později. Paket je nyní zahájila na vaší lokální síti, nebo LAN. Tato síť se používá pro připojení všech lokálních počítačů " routery, tiskárny, etcetera, pro výměnu informací v rámci fyzické stěn budovy. LAN je docela nekontrolované místo, a, bohužel, nehody se může stát. Dálnice z LAN je vybaven všemi typy informací. Jedná se o IP pakety, Novell pakety, AppleTalk pakety. Jdou proti dopravy, jako obvykle. Místní router čte adresy a, pokud je to nutné, zvedne paket do jiné sítě. Ah, router. Symbol kontroly v zdánlivě zmateného světa. [Router mumlal a mluvit k sobě] [Narrator] Tady je, systematické, bezcitný, metodické, konzervativní, a někdy není úplně až na rychlost. Ale aspoň je přesný, z větší části. Vzhledem k tomu, pakety opustí router, oni dělají jejich cestu do podnikové internetu a hlava pro router přepínače. Bit účinnější než router, router switch hraje velmi jednoduché a volné s IP pakety, obratně směrování je po cestě. Digitální "pinball wizard," chcete-li. [Router switch mluvit k sobě] [Narrator] Jak pakety dorazí na místo určení, oni jsou vyzvednuta síťové rozhraní, připraveny k odeslání do další úrovně. V tomto případě, zástupce. Server proxy je mnoho společností používá jako jakýsi prostředník člověka aby se ulehčila zatížení internetového připojení a z bezpečnostních důvodů, stejně. Jak můžete vidět, pakety jsou různých velikostí v závislosti na jejich obsahu. Proxy otevře paket a hledá webové adresy nebo URL. V závislosti na tom, zda je adresa je přijatelné, paket je poslán k internetu. Existují však některé adresy, které nesplňují se souhlasem odpovědného zástupce. To znamená, firemní nebo řízení pokyny. Ty jsou souhrnně zabývá. Budeme mít nic z toho. Pro ty, kdo si to, je to opět na cestě. Další na řadě, firewall. Firemní firewall slouží dvěma účelům. Zabraňuje některé poněkud ošklivé věci z internetu od příchodu do intranetu, a to může také zabránit citlivé firemní informace před rozesláno na internetu. Jakmile přes bránu firewall, router vyzvedne balíček a umístí ji na mnohem užší silnici, nebo šířku pásma, jak říkáme. Je zřejmé, že silnice není dostatečně široká, aby je všechny. Nyní by vás zajímalo, co se stane se všemi těmi pakety, které nechcete, aby se po cestě. No, když pan IP neobdrží potvrzení že paket byl přijat včas, prostě pošle náhradní paket. Nyní jsme připraveni vstoupit do světa internetu. Pavučiny propojených sítí, které pokrývají celou naši planetu. Zde, směrovače a přepínače navázat spojení mezi sítěmi. Nyní, Net je zcela odlišné prostředí, než najdete v rámci ochranných zdí vaší LAN. Tady, to je Divoký západ. Dostatek prostoru, spousta příležitostí, spousta věcí k prozkoumání a místa odejít. Díky velmi malou kontrolu a regulaci, nové myšlenky najít úrodnou půdu, aby se zasadila obálku svých možností. Ale kvůli této svobody, určité nebezpečí i číhají. Už nikdy nebudete vědět, kdy se setkáte s obávaný ping smrti, speciální verze normálního požadavku ping, které nějaký idiot vymyslel zkazit nic netušící hostitelů. Cesta naše pakety se mohou přes satelit, telefonní linky, bezdrátové, nebo dokonce zaoceánský kabel. Oni nejsou vždy nejrychlejší nebo nejkratší trasy je to možné, ale budou tam nakonec. Možná, že je to důvod, proč se někdy nazývá "World Wide Wait." Ale když vše funguje bez problémů, můžete obejít zeměkouli pětkrát více než na pokles z klobouku, doslova. A to vše za cenu místního hovoru nebo méně. Téměř na konci naší cesty, najdeme jinou bránu firewall. V závislosti na úhlu pohledu jako datový paket, firewall může být baštou bezpečnosti nebo obávaný protivník. To vše závisí na tom, na které straně jste a co vaše úmysly. Brána firewall je navržen tak, aby pouze ty pakety, které splňují jeho kritéria. Tento firewall pracuje na portech 80 a 25. Všechny pokusy o vstup přes jiné porty jsou uzavřeny pro podnikání. Port 25 je používán pro poštovní paketů, zatímco port 80 je vstupem pro pakety z internetu na webovém serveru. Uvnitř firewall, pakety jsou promítány více důkladně. Některé pakety, aby to snadno přes celnici, zatímco jiní vypadají trochu pochybné. Nyní je firewall důstojník není snadno oklamat, jako když to ping of death paketu se snaží zamaskovat sebe jako normální ping paketu. [Firewall důstojník mluvil paketů] [Narrator] Z těchto paketů to štěstí, aby se to tak daleko, cesta je téměř u konce. Je to jen linie až na rozhraní, aby byly přijaty do webového serveru. V současné době, může webový server běžet na mnoha věcech, ze sálového počítače na webovou kameru k počítači na vašem stole. Proč ne vaše lednička? Pomocí vhodného nastavení, můžete zjistit, zda máte předpoklady stát pro Chicken Cacciatore, nebo máte-li jít nakupovat. Pamatujte, že toto je úsvit Net. Téměř vše je možné. Jeden po druhém, jsou přijímány pakety, otevřel, a rozbalen. Informace, které obsahují, to znamená, že si žádost o informace, je poslán do aplikace webového serveru. Paket sám je recyklovaný, připraven k opětovnému použití, a naplní vaše požadované informace, řešit, a vyslal na své cestě zpět k vám. Zpět minulosti firewall, směrovače, a na přes k internetu. Zpět přes firemní firewall a na své rozhraní, připraveni dodávat svůj webový prohlížeč s informacemi, které jste požádali. To znamená, že tento film. Potěšený jejich úsilí, a důvěřovat lepší svět, naše pakety Trusty údaje odjet blaženě do západu slunce jiný den, žebříček plně posloužila své pány dobře. Teď, není to šťastný konec? [Malan] Dobře, to stačí. Uvidíme se příští týden. [CS50.TV]