Plan prezentacji

• Wprowadzenie• Przesyłanie Informacji w Internecie• Funkcjonowanie stron internetowych• Działanie narzędzi internetowych

– Wyszukiwarki– Poczta elektroniczna– Komunikatory

• Podsumowanie

2informatyka +

Wprowadzenie

• Czym właściwie jest Internet• Co daje nam Internet• Co to jest WWW

3informatyka +

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

• Składa się z– Serwerów– Ruterów– Komputerów

użytkowników

Internet – ogólnoświatowa sieć komputerowa

4informatyka +

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

• Sieć szkieletowa jest niewidoczna

5informatyka +

Co daje nam Internet?

• Zakupy przez Internet• Wideokonferencje• Relaks w podróży• Tańsze rozmowy• Elektroniczne biblioteki• Wirtualne muzea• Gry komputerowe

http://www.ericsson.com/pl/broadband/img/Broadband_02_multimedia_w_domu.jpg

6informatyka +

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 niminatomiast Sieć WWW tworzą informacje przekazywane

przez Internet

Informacje znajdują się na stronach

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

7informatyka +

Plan prezentacji

Wprowadzenie Przesyłanie Informacji w Internecie Funkcjonowanie stron internetowych Działanie narzędzi internetowych Podsumowanie

8informatyka +

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

9informatyka +

Internet jako sieć komputerowa

• Sieć rozległa• Sieć zdecentralizowana• Struktura

– Sieć szkieletowa– Sieć dostępowa

• Połączenia– Ad hoc– Stałe

• Sieci krajowe• Sieci międzynarodowe

http://cms.atm.com.pl/_cms_data/atm/_cms_img/normal/atman_linx_pol_1000p_09-03.jpg

10informatyka +

• Sieć pakietowa• Wielodrogowość• Sterowanie transmisją

Jak działa Internet

11informatyka +

Adres IP

• Adres IP – numer komputera, unikatowy w skali całej sieci

• Struktura adresu IP• Adres statyczny• Adres dynamiczny

12informatyka +

Domena

• Domena – nazwa komputera, powiązana z jego adresem IP

• DNS (ang. Domain Name System) –system nazw domen

• Charakter działalności– com, gov, edu, mil, org

• Kraj– pl, de, uk, us

13informatyka +

Nawigacja w sieci Internet

Przeglądarka WWW Adres URL Adres URL a domena Hiperłącza

14informatyka +

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

15informatyka +

Adres URL

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

http://https://

nazwa_serwera.pl/ katalog/ plik.htmlplik.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)

16informatyka +

Adres URL a domena

• Adres – unikatowy jedynie wewnątrz domeny• Postaci literowej i liczbowej możemy używać

zamiennie

17informatyka +

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

18informatyka +

Hiperłącza 2#2

Więcej na temat programu Informatyka+ znajdziesz na

<a href="http://http://informatykaplus.edu.pl/">

stronie projektu</a>

19informatyka +

Transfer danych w sieci Internet

Protokoły sieciowe TCP/IP Transmisja audio i video

Strumieniowanie

20informatyka +

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

21informatyka +

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

unicast multicast

22informatyka +

Strumieniowanie – unicast

23informatyka +

Strumieniowanie – multicast

24informatyka +

Strumieniowanie – przykład

25informatyka +

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

26informatyka +

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

27informatyka +

p2p zcentralizowana

Centralny serwer Informacje o

zasobach każdego z użytkowników zgromadzone w bazie danych

Architektura podatna na awarie

28informatyka +

p2p zdecentralizowana

Brak serwerów Komunikacja

bezpośrednia Zapytania

przesyłane do sąsiada

Zestawianie połączenia po odnalezieniu pliku

29informatyka +

Plan prezentacji

Wprowadzenie Przesyłanie Informacji w Internecie Funkcjonowanie stron internetowych Działanie narzędzi internetowych Podsumowanie

30informatyka +

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

31informatyka +

Podstawowe pojęcia

• Strona – interpretacja dokumentu HTML• Witryna – składa się z kilku stron • Serwis internetowy – rozbudowana witryna

32informatyka +

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>

33informatyka +

Zasada działania strony internetowej

34informatyka +

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.pl35informatyka +

Zasada działania strony dynamicznej

36informatyka +

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 + 37

Strony statyczne a strony dynamiczne

38informatyka +

Wady Zalety

Strony statyczne

- nie można szybko zmienićtreści

- interakcja z użytkownikiembardzo ograniczona

- łatwo je utworzyć(kod HTML)

Strony dynamiczne

- trudniej je utworzyć (językiskryptowe są trudniejsze doopanowania niż HTML)- wymagają bazy danychna serwerze

- łatwo i szybko możnazmienić treść

- umożliwiają interakcjęz użytkownikiem

Plan prezentacji

Wprowadzenie Przesyłanie Informacji w Internecie Funkcjonowanie stron internetowych Działanie narzędzi internetowych Podsumowanie

39informatyka +

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– Gadu Gadu– Skype

40informatyka +

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

41informatyka +

Zasada działania wyszukiwarki

• Roboty• Indeksery• Baza danych

• Nieustanna aktualizacja• Ranking

http://blog.motionmill.com/wp-content/uploads/2007/11/pagerank-flow-6.gif

42informatyka +

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

43informatyka +

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

44informatyka +

Zalety poczty elektronicznej

Dostępność 24/7/365 Niższe koszty Większa szybkość Możliwość odebrania w dogodnym miejscu i czasie

45informatyka +

Struktura adresu e-mail

Dlaczego małpa? Nazwa konta – wymagania

46informatyka +

Przesyłanie wiadomości e-mail

Trzy etapy1. 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

47informatyka +

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

48informatyka +

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

49informatyka +

Natrętny spam

spam – wiadomości rozsyłane masowo, do przypadkowych odbiorców

Wiadomości niechciane Oferty Reklamy „łańcuszki” Dowcipy Wiadomości zawierające wirusy

50informatyka +

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.plalbo janek%wp.pl

Użyj filtru antyspamowego

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

51informatyka +

• 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

52informatyka +

• 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

53informatyka +

• 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

54informatyka +

• Komunikator audio/wideo• 50 milionów użytkowników• Bezpłatny• Sposoby komunikacji

– Rozmowy głosowe– Wideokonferencje– Rozmowy tekstowe– Przesyłanie plików– Rozmowy przez telefon stacjonarny lub

komórkowy

Skype

55informatyka +

• Sieć p2p zdecentralizowana• Protokół UDP• VoIP• Płynny dobór kodeków

Jak działa Skype

56informatyka +

1. Nawiązanie połączenia z superwęzłem

2. Logowanie3. Wyszukiwanie

użytkowników4. Nawiązanie połączenia

z użytkownikiem5. Transfer informacji6. Podtrzymywanie

relacji z superwęzłem

Etapy działania Skype

57informatyka +

Plan prezentacji

Wprowadzenie Przesyłanie Informacji w Internecie Funkcjonowanie stron internetowych Działanie narzędzi internetowych Podsumowanie

58informatyka +

Podsumowanie – pytania

• Nie ma niemądrych pytań

• Czego zabrakło?

http://i94.photobucket.com/albums/l84/spamisyuckie/question_mark.jpg

59informatyka +

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 multimedialnychwykład 2h, Wszechnica Popołudniowa

• Praktyka Internetuwarsztaty 24h, Wszechnica na Kołach

60informatyka +

Techniki Internetu

Dziękuję za uwagę

61informatyka +