Podstawy programowania w sieci Internet spotkanie Krzysztof Misztal

Podstawy programowania w sieci Internet spotkanie 1 2017-10-08 Krzysztof Misztal

Spis tre±ci 1 Informacje organizacyjne 2 Intenet vs. WWW 3 HTML 1 / 45

Spis tre±ci 1 Informacje organizacyjne Podstawowe informacje Tematyka zaj Literatura 2 Intenet vs. WWW 3 HTML 2 / 45

Podstawowe informacje Strona przedmiotu: http://misztal.edu.pl Mail: krzysztof.misztal@uj.edu.pl Dy»ur: pokój 2164, po uprzednim umówieniu mailowym, przed lub po zaj ciach. Uzyskanie zaliczenia: na podstawie oceny uzyskanej z projektu temat zostanie podany na kolejnych zaj ciach. Termin odesªania projektu: 2018-02-26 4 / 45

Tematyka zaj 1 Podstawowe informacje o protokole TCP/IP 2 Podstawy protokoªu HTTP 3 HTML 5, CSS 3, JavaScript/jQuery 4 XML 5 Webserwisy 6 AJAX i JSON 6 / 45

Literatura http://google.pl 8 / 45

Spis tre±ci 1 Informacje organizacyjne 2 Intenet vs. WWW Historia Historia internetu w Polsce Kilka ciekawych liczb Mo»liwo±ci wykorzystania sieci Internet WWW Poczta elektroniczna 3 HTML 9 / 45

Co to jest Internet/internet? Internet jest ogólno±wiatow sieci komputerow, ª cz c pocz tkowo uczelnie, jednostki badawcze i naukowe, instytucje rz dowe oraz militarne, z czasem tak»e u»ytkowników komercyjnych i osoby prywatne. Internet stanowi szybki kanaª dost pu do informacji i jej wymiany pomi dzy lud¹mi z caªego ±wiata. 10 / 45

Historia Pocz tki si gaj roku 1969. Inicjatorem przedsi wzi cia byªa organizacja ameryka«ska o nazwie DARPA (Defence Advanced Research Projects Agency), która uznaªa,»e dla celów militarnych nale»y zapewni mo»liwo± wymiany informacji pomi dzy naukowcami i badaczami z ró»nych rejonów geogracznych kraju. Powstaªa pierwsza sie skªadaj ca si z czterech komputerów, nazwana najpierw DARPANET, pó¹niej ARPANET. Po trzech latach w 1972 roku, w sieci byªo zaledwie 37 komputerów, ale poszerzeniu zacz ªa ulegªa struktura wykorzystania sieci. Poza wymian informacji zacz to przesyªa poczt elektroniczn. W 1983 roku ARPANET osi gn ª takie rozmiary,»e oddzielono sie militarn od reszty u»ytkowników. 12 / 45

Historia Internet w obecnej postaci pojawiª si w 1990 roku. Od tego momentu, ka»dy kto chciaª i miaª mo»liwo± podª czenia si, mógª sta si u»ytkownikiem sieci. 13 / 45

Historia internetu w Polsce W 1991 roku przy Uniwersytecie Warszawskim zostaªa zaªo»ona NASK (Naukowa i Akademicka Sie Komputerowa) jako zespóª koordynuj cy wprowadzanie sieci Internetu. Pocz tkowo dost p do Internetu w Polsce miaªy tylko o±rodki naukowe. Jako symboliczn dat, od której zacz ªa funkcjonowa sie Internetu w Polsce nale»y uzna 17 sierpnia 1991 roku. Wtedy to wªa±nie nast piªa wymiana informacji, przy u»yciu protokoªu IP pomi dzy Wydziaªem Fizyki Uniwersytetu Warszawskiego a Centrum Komputerowym Uniwersytetu w Kopenhadze. 14 / 45

Historia internetu w Polsce Rok 1993 (grudzie«) przyniósª przeksztaªcenie NASKu w samodzieln jednostk badawczo rozwojow, podlegª Komitetowi Bada«Naukowych. ATM S.A. wraz z NASK zaczyna w tym»e roku oferowa dost p do Internetu. Jednak zainteresowanie byªo prawie»adne. 1993 rok to równie» data uruchomienia pierwszego polskiego serwera WWW i powstania pierwszego protoplasty polskich serwisów Polska Strona Domowa (Polish Home Page). W 1995 roku powstaje pierwszy polski portal internetowy Wirtualna Polska dziaªaj cy do dzi± i ciesz cy si rosn cym zainteresowaniem u»ytkowników, a w roku nast pnym zaczyna dziaªa OptimusNet, dzi± znany jako Onet.pl. W kwietniu 1996 roku TP S.A. uruchomiªa dost p do sieci Internetu przez modem dla wszystkich swoich abonentów. 16 / 45

Internet u»ytkownicy Rysunek: ródªo: http://www.webscience.org/web-observatory/about/tracking-explosive-growth/ 18 / 45

Internet u»ytkownicy vs. kontynenty Rysunek: ródªo: http://www.bitrebels.com/technology/the-growth-of-the-internet-infographic/ Polska: 27 922 152 u»ytkowników (72.4 %) (w 2016 http://www.internetlivestats.com) 19 / 45

Internet rzeczy Rysunek: ródªo: https://www.ncta.com/positions/internet-of-things 20 / 45

Internet sie poª cze«rysunek: ródªo: http://www.opte.org/maps/ 21 / 45

Mo»liwo±ci wykorzystania sieci Internet Mo»liwo±ci wykorzystania sieci Internet s ogromne i ci gle rosn. Dzi ki sieci Internet mo»na np.: przesyªa korespondencj do bardzo odlegªych miejsc w bardzo krótkim czasie; przesyªa nie tylko tekst, ale równie» zdj cia, lmy, d¹wi k; korzysta z informacji znajduj cych si na innych komputerach, np. z serwisów gieªdowych, z zasobów bibliotecznych itd.; uczestniczy w dyskusjach na»ywo z innymi u»ytkownikami sieci; zamówi towary w specjalnych sklepach internetowych; skorzysta z porad innych u»ytkowników Internetu w ramach tak zwanych grup dyskusyjnych. 23 / 45

World Wide Web WWW (ang. World Wide Web) okre±lana te» mianem ±wiatowej paj czyny najpopularniejsza usªuga sieciowa sªu» ca do udost pniania informacji Usªuga ta zostaªa stworzona w 1990 r. i od tamtego czasu rozwija si bardzo dynamicznie. Umo»liwia ona czytanie tekstów (tzw. stron internetowych) znajduj cych si na ró»nych komputerach. Dzi ki niej mo»emy ogl da, siedz c wygodnie w domu, stron zapisan na komputerze znajduj cym si za oceanem, tak jakby byª on tu» obok nas. Strona WWW jest form dokumentu elektronicznego zawieraj cego informacje tekstowe, grak, animacje, d¹wi k i obraz wideo. 25 / 45

World Wide Web adres (URL) URL (ang. Uniform Resource Locator) oznacza ujednolicony format adresowania zasobów (informacji, danych, usªug) stosowany w Internecie i w sieciach lokalnych. 26 / 45

Poczta elektroniczna E-mail zostaª wymy±lony w 1965 roku miaª na celu umo»liwienie pisania listów za po±rednictwem jednej maszyny licz cej pomi dzy jej u»ytkownikami (zapis oczywi±cie na kartach perforowanych) Dopiero w latach 70-tych wymy±lono tajemniczy znaczek @ i umo»liwiono wymian informacji listowych pomi dzy maszynami @ - czyli skrót od sªowa AT oznacza,»e u»ytkownik wpisany po lewej stronie znaku nale»y do domeny po prawej stronie znaku, np.: U YTKOWNIK@nazwa.domeny.pl 28 / 45

Spis tre±ci 1 Informacje organizacyjne 2 Intenet vs. WWW 3 HTML Podstawowe znaczniki 29 / 45

HTML (HyperText Markup Language) HTML jest to j zyk do tworzenia dokumentów, które po umieszczeniu na serwerze WWW b d dost pne dla u»ytkowników Internetu na caªym ±wiecie jako strony (witryny) WWW. Dokument HTML jest zwykªym plikiem tekstowym, w którym znajduj si polecenia HTML. HTML jest j zykiem (ale nie programowania) 30 / 45

Jak zapisywane s szczegóªy m.in. wygl du strony? Przy pomocy rozkazów zwanych tagami a umieszczanych w nawiasach k towych < >. Je±li dotycz fragmentu tekstu to wyst puj w postaci pary obejmuj cej ten tekst, np.: <b > ten tekst b dzie wida jako wytªuszczony </b > 31 / 45

HTML historia W 1993 roku organizacja IETF (ang. Internet Engineering Task Force) opublikowaªa pierwszy szkic specykacji j zyka HTML. Producenci przegl darek mogli zgªasza swoje propozycje do specykacji przez okres 6 miesi cy. W tym samym roku w szkicu HTML+ zasugerowano standaryzacj zaimplementowanych znaczników. W 1994 roku powstaªa Grupa Robocza HTML (ang. HTML Working Group), która w 1995 roku zaprezentowaªa specykacj HTML 2.0. Byª to pierwszy ocjalny standard. Specykacja ta zawieraªa pomysªy ze szkicu HTML oraz HTML+. J zyk umo»liwiaª okre±lenie koloru tªa, umieszczenie obrazka w tle, tworzenie tabel oraz formularzy. 32 / 45

HTML historia W 1995 roku zostaªa zaprezentowana trzecia wersja tego j zyka, lecz z powodu zbytniej zªo»ono±ci, prace nad ni zostaªy przerwane. Od 1996 roku specykacje HTML byªy rozwijane przez konsorcjum producentów oprogramowania World Wide Web Consortium (W3C) pod kontrol, którego rozwój j zyka trwa do chwili obecnej. W 1997 roku HTML 3.2 zostaª opublikowany jako rekomendacja. Wprowadzaª on nowe atrybuty oraz obsªug CSS (ang. Cascading Style Sheets). W tym samym roku czarta wersja tego j zyka zostaªa opublikowana jako rekomendowana. Wprowadziªa kilka nowych elementów, a wszystkie kwestie dotycz ce wygl du strony przej ª CSS. 33 / 45

HTML historia W 2004 roku producenci Mozilli oraz Opery przedstawili swoje stanowiska na temat rozwoju HTML. Zostaªa stworzona specjalna grupa WHATWG (ang. Web Hypertext Application Technology Working Group), która w 2008 roku przedstawiªa pierwszy publiczny szkic HTML 5. Do ko«ca 2011 roku producenci przegl darek mogli zgªasza swoje uwagi do specykacji, natomiast w 2012 roku HTML 5 przeszedª w faz kandydata do rekomendacji. W 2013 roku prace nad pi t wersj j zyka zostaªy zako«czone, a od 2014 roku jest on uznany za ocjalnie rekomendowany 34 / 45

HTML struktura Caªy dokument html b dzie zawsze zawiera si pomi dzy znacznikami <html> oraz </html>. Ustawienia strony zawsze umie±cimy pomi dzy znacznikami <head> oraz </head>, a tre± strony b dziemy wpisywa pomi dzy znacznikami <body> oraz </body>. 35 / 45

Spis tre±ci 1 Informacje organizacyjne 2 Intenet vs. WWW 3 HTML Podstawowe znaczniki 36 / 45

Znacznik znacznikowi nie równy Znacznik otwieraj cy, a potem zamykaj cy: <znacznik>... </znacznik> np.: <div>... </div> Pojedynczy znacznik z zamykaj cym slashem: <znacznik/> np.: <br/> Pojedynczy znacznik bez domykaj cego slasha i z artybutem: <znacznik artybut=''wartosc''> np.: <img src=''obraz.jpg''> 37 / 45

HTML pierwsza strona 38 / 45

HTML nagªówki <h1> 39 / 45

HTML paragraf <p> 40 / 45

HTML nowa linia <br> 41 / 45

HTML linia horyzontalna <hr> 42 / 45

HTML formatowanie tekstu 43 / 45

HTML tabela, cz. I 44 / 45

HTML tabela, cz. II 45 / 45