Techniki Internetu

Plan prezentacji

• Wprowadzenie

• Przesyłanie Informacji w Internecie

• Funkcjonowanie stron internetowych

• Działanie narzędzi internetowych

– Wyszukiwarki – Poczta elektroniczna – Komunikatory

• Podsumowanie

informatyka +

Wprowadzenie

• Czym właściwie jest Internet

• Co daje nam Internet

• Co to jest WWW

3

Czym właściwie jest Internet? 1#2

• Składa się z

_{Internet –}

informatyka +

Czym właściwie jest Internet? 2#2

• Sieć

szkieletowa

jest

niewidoczna

informatyka +

Co daje nam Internet?

• Zakupy przez Internet

• Wideokonferencje

• Relaks w podróży

• Tańsze rozmowy

• Elektroniczne biblioteki

• Wirtualne muzea

• Gry komputerowe

informatyka +

Co to jest WWW

 WWW (ang. World Wide Web) – globalna pajęczyna,

globalna sieć informacji powiązanych ze sobą

 _{Internet tworzą komputery i łącza pomiędzy nimi}

natomiast

 _{Sieć WWW tworzą informacje przekazywane}

przez Internet

 _{Informacje znajdują się na stronach}

http://www.plejadalight.pl/upload/product-1748-l-1.jpg

7

Plan prezentacji



_Wprowadzenie



_{Przesyłanie Informacji w Internecie}

_{Funkcjonowanie stron internetowych}

_{Działanie narzędzi internetowych}



_Podsumowanie

8

Przesyłanie informacji w Internecie

• Internet jako sieć komputerowa • Jak działa Internet

• Adres IP • Domena

• Nawigacja w sieci Internet

– Przeglądarka WWW – Adres URL

– Hiperłącza

• Transfer danych w sieci Internet

– Protokoły sieciowe TCP/IP

– Transmisja audio i video – strumieniowanie

• FTP • p2p

9

Internet jako sieć komputerowa

• Sieć rozległa

• Sieć zdecentralizowana

• Struktura

• Połączenia

• Sieci krajowe

• Sieci międzynarodowe

informatyka +

• Sieć pakietowa

• Wielodrogowość

• Sterowanie transmisją

Jak działa Internet

11

Adres IP

• Adres IP

– numer komputera,

unikatowy w skali całej

sieci

• Struktura adresu IP

• Adres statyczny

• Adres dynamiczny

informatyka +

Domena

• Domena – nazwa komputera,

powiązana z jego adresem IP

• DNS

–

system nazw domen

• Charakter działalności

– com, gov, edu, mil, org

• Kraj

– pl, de, uk, us

13

Nawigacja w sieci Internet



_{Przeglądarka WWW}

_{Adres URL}



_{Adres URL a domena}

_Hiperłącza

14

Przeglądarka WWW

• Przeglądarka WWW –

program służący do

pobierania stron WWW

z serwera i wyświetlania

ich na ekranie monitora

użytkownika

15

Adres URL

• Adres URL – adres, pod którym dostępna jest konkretna strona internetowa

http:// https://

nazwa_serwera.pl/ katalog/ plik.html

plik.pdf nazwa protokołu sieciowego (sposobu przesyłania danych z serwera do przeglądarki) nazwa domenowa serwera, z którego zostanie pobrany dokument HTML (wyświetlony jako strona) nazwa folderu (katalogu) na serwerze nazwa pobieranego pliku (dokumentu HTML) znajdującego się w tym folderze (katalogu)

16

Adres URL a domena

• Adres – unikatowy jedynie wewnątrz domeny

• Postaci literowej i liczbowej możemy używać

zamiennie

17

Hiperłącza 1#2

• Nawigacja pomiędzy stronami

• Dwa typy łączy

– odsyłacze do innych stron naszej witryny – odsyłacze do innych stron w Internecie

18

Hiperłącza 2#2

Więcej na temat programu Informatyka+ znajdziesz na <a href="http://http://informatykaplus.edu.pl/"> stronie projektu</a>

19

Transfer danych w sieci Internet



_{Protokoły sieciowe TCP/IP}

_{Transmisja audio i video}



_{Strumieniowanie}

20

Protokoły sieciowe TCP/IP

 Protokół – zbiór reguł określających sposób

przesyłania informacji pomiędzy komputerami

 TCP (ang. Transmission Control Protocol) – służy do podziału

danych na bloki, zapewnia bezbłędną transmisję

 IP (ang. Internet Protocol) – służy m.in. do wyboru

właściwych dróg do transmisji

 _Hierarchia

21

Transmisja audio i video

– Strumieniowanie



Strumieniowanie

–

technika rozsyłania informacji



_{Informacje płyną strumieniami od}

nadawcy do odbiorców



Sposób działania podobny do TV i radia

_Zastosowania

_{Dwie metody}

informatyka +

Strumieniowanie – unicast

23

Strumieniowanie – multicast

24

Strumieniowanie – przykład

25

FTP

 FTP

(ang. File Transfer Protocol)

– metoda przesyłania danych pomiędzy komputerami oparta na architekturze klient/serwer  _{Witryna FTP}  _{Protokół FTP a HTTP}  _Logowanie 26

informatyka +

p2p

 Ekspansja mp3

 p2p (ang. peer-to-peer)– metoda przesyłania

danych pomiędzy komputerami oparta na zasadzie równy z równym

 _{Sieć zcentralizowana}  Sieć zdecentralizowana  _Przykłady  _{Friend-to-friend}  _{Lion Share} 27

informatyka +

p2p zcentralizowana

informatyka +

p2p zdecentralizowana

informatyka +

Plan prezentacji



_Wprowadzenie



_{Przesyłanie Informacji w Internecie}

_{Funkcjonowanie stron internetowych}

_{Działanie narzędzi internetowych}



_Podsumowanie

30

Funkcjonowanie stron internetowych

• Podstawowe pojęcia

• Strona jako interpretacja dokumentu HTML

• Zasada działania strony internetowej

• Strona dynamiczna

– Zasada działania strony dynamicznej

– Tworzenie stron dynamicznych – języki skryptowe

• Strona statyczna a strona dynamiczna

31

Podstawowe pojęcia

• Strona – interpretacja dokumentu HTML • Witryna – składa się z kilku stron

• Serwis internetowy – rozbudowana witryna

32

Strona jako interpretacja dokumentu HTML

<HTML> <HEAD>

<TITLE> Prosta strona WWW </TITLE> </HEAD> <BODY> <H1> Informatyka + </H1> Witajcie na zajęciach Wszechnicy popołudniowej! </BODY> </HTML> 33

informatyka +

Zasada działania strony internetowej

34

Piotr Kopciał

Strona dynamiczna



Strona dynamiczna – tworzona jest przez

serwer w momencie, kiedy użytkownik zażąda

jej wyświetlenia



_{Interakcja z użytkownikiem}



_{Każdy użytkownik może widzieć inną treść}

_{Baza danych}



_{Przykłady: Nasza Klasa, Bliscy.pl}

35

Zasada działania strony dynamicznej

36

Tworzenie stron dynamicznych

- języki skryptowe

<HTML> <HEAD>

<TITLE> Prosta strona WWW </TITLE> </HEAD>

<BODY>

<H1> Informatyka + </H1>

Witaj na zajęciach Wszechnicy Popołudniowej w dniu: <?php echo date("Y-m-d"); ?> </BODY> </HTML>

informatyka +

Strony statyczne a strony dynamiczne

informatyka +

- nie można szybko zmienić treści - interakcja z użytkownikiem bardzo ograniczona - łatwo je utworzyć (kod HTML) Strony

dynamiczne - trudniej je utworzyć (języki skryptowe są trudniejsze do opanowania niż HTML)

- wymagają bazy danych na serwerze

- łatwo i szybko można zmienić treść

- umożliwiają interakcję z użytkownikiem

Plan prezentacji



_Wprowadzenie



_{Przesyłanie Informacji w Internecie}

_{Funkcjonowanie stron internetowych}

_{Działanie narzędzi internetowych}



_Podsumowanie

39

Działanie narzędzi internetowych

• Wyszukiwarka

– Czym jest wyszukiwarka

– Zasada działania wyszukiwarki – Cała prawda o wyszukiwarkach

• Poczta elektroniczna

– Zalety poczty elektronicznej – Elementy systemu e-mail – Struktura adresu e-mail

– Przesyłanie wiadomości e-mail

– Protokoły pocztowe: SMTP, POP3, IMAP – Pocztowy savoir vivre

– Jak sobie radzić ze spamem

• Komunikatory czasu rzeczywistego

– Skype

40

Czym jest wyszukiwarka?



Wyszukiwarka

–

strona internetowa

z dostępem do bazy danych,

zawierającej katalog słów

kluczowych i adresów stron,

na których te słowa występują



_{Lista wyników}



_{Prawdopodobieństwo}

41

Zasada działania wyszukiwarki

• Roboty

• Indeksery

• Baza danych

• Nieustanna aktualizacja

• Ranking

informatyka +

Cała prawda o wyszukiwarkach



_{Wyszukiwarka się sprawdza}

 _ale



_{Żadna wyszukiwarka nie wie wszystkiego}

_{W Internecie nie ma wszystkiego}



_{Wyniki wyszukiwania nie są stałe}



_{Wyniki wyszukiwania}

nie są aktualnym obrazem sieci Internet

43

Poczta elektroniczna

 _{E-mail (ang. electronic mail)}  _{Sposób wymiany informacji w Internecie}

 _{Elementy systemu email}

 Serwer pocztowy  Konto pocztowe  Program pocztowy  Webmail  _{Poczta wewnętrzna} 44

informatyka +

Zalety poczty elektronicznej

 _{Dostępność 24/7/365}  _{Niższe koszty}

 _{Większa szybkość}

 _{Możliwość odebrania w dogodnym miejscu i czasie}

45

Struktura adresu e-mail



_{Dlaczego małpa?}



_{Nazwa konta – wymagania}

46

Przesyłanie wiadomości e-mail

Trzy etapy

1. Nadawca pisze list

i przesyła go na swój serwer

pocztowy

2. List przesyłany jest

do serwera odbiorcy

3. Odbiorca pobiera list

ze swojego serwera pocztowego

47

Protokoły pocztowe: SMTP, POP3, IMAP

 _{SMTP (ang. Simple Mail Transfer Protocol) – protokół służący do}

przesyłania wiadomości e-mail pomiędzy serwerami

 Nie tylko tekst – również obraz i dźwięk (załączniki)

 POP3 (ang. Post Office Protocol) – protokół służący do

przesyłania wiadomości e-mail z serwera na komputer użytkownika

 Konieczność podania hasła  Wady i zalety POP3

 IMAP (ang. Internet Message Access Protocol) – protokół

służący do zsynchronizowania stanu serwera ze stanem programu pocztowego

 _{Filtrowanie spamu}

48

Pocztowy savoir vivre

 _{Zawsze wpisuj temat wiadomości}

 Wiadomość bez tematu może być potraktowana jako

spam

 _{Cytuj wiadomość, na którą odpowiadasz}

 Odbiorca łatwiej się zorientuje, czego dotyczy Twoja

wiadomość

 _{Zanim wyślesz, sprawdź wielkość załącznika}

 Użyj programu od kompresji

 _{Nie wysyłaj wiadomości w formacie HTML}

 _{Nic nie wnoszą, a zwiększają objętość listu trzykrotnie}

49

Natrętny spam



spam – wiadomości rozsyłane masowo,

do przypadkowych odbiorców

_{Wiadomości niechciane}

 Wiadomości zawierające wirusy

50

Jak sobie radzić ze spamem

_{Nie otwieraj podejrzanych listów}



_{Nie odpowiadaj na spam}

 Twój sprzeciw nie zostanie wysłuchany



_{Nie daj się wciągnąć w „łańcuszki”}

 Nie spamuj skrzynek swoich znajomych



_{Nie publikuj swojego adresu e-mail}

 Zamiast janek@wp.pl napisz janek(at)wp.pl

albo janek%wp.pl



_{Użyj filtru antyspamowego}

http://nospam.pl, http://www.cert.pl

51

• Poczta elektroniczna a komunikacja natychmiastowa

– Którą wybrać , kiedy i dlaczego?

• Cechy komunikacji natychmiastowej

– Lista kontaktów – Status

– Informacja o nadejściu wiadomości – Szybki transfer wiadomości

– Możliwość deklarowania chęci rozmowy

Komunikatory czasu rzeczywistego

52

• Polski komunikator

• 6 milionów użytkowników

• 300 milionów wiadomości dziennie • Bezpłatny • Sposoby komunikacji – Wiadomości tekstowe – Przesyłanie plików – Konferencje – Rozmowy głosowe

Gadu Gadu

informatyka +

• Pobranie i instalacja programu, założenie konta, rejestracja, przydzielenie unikalnego numeru GG

• Architektura klient/serwer

– Na każdym z serwerów programy do logowania użytkowników, obsługi bazy danych, przekazywania wiadomości,

– Równoważenie obciążenia

• Serwer GG, baza danych użytkowników

– Szukanie znajomych

• Import danych na serwer/ eksport z serwera

– Dostępność z dowolnego komputera

• Własny protokół komunikacyjny

Jak działa GG

54

• Komunikator audio/wideo

• 50 milionów użytkowników

• Bezpłatny

• Sposoby komunikacji

– Rozmowy przez telefon stacjonarny lub komórkowy

Skype

55

• Sieć p2p zdecentralizowana

• Protokół UDP

• VoIP

• Płynny dobór kodeków

Jak działa Skype

56

1. Nawiązanie połączenia z superwęzłem 2. Logowanie 3. Wyszukiwanie użytkowników 4. Nawiązanie połączenia z użytkownikiem 5. Transfer informacji 6. Podtrzymywanie relacji z superwęzłem

Etapy działania Skype

57

Plan prezentacji



_Wprowadzenie



_{Przesyłanie Informacji w Internecie}

_{Funkcjonowanie stron internetowych}

_{Działanie narzędzi internetowych}



_Podsumowanie

58

Podsumowanie – pytania

informatyka +

Podsumowanie – co dalej?

Zajęcia Informatyka+ o podobnej tematyce

• Witryna w Internecie,

zasady tworzenia i funkcjonowania

wykład 2h, Wszechnica Popołudniowa

• Wyszukiwanie treści multimedialnych

wykład 2h, Wszechnica Popołudniowa

• Praktyka Internetu

warsztaty 24h, Wszechnica na Kołach

60

Techniki Internetu

Dziękuję za uwagę 

61