Plan prezentacji

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 +

Maciej M Syslo

Przy pytaniach, czasem jest na końcu znak ?, a czasem nie ma. Dopuszczalne i poprawne jest jednak opuszczanie pytajnika po tytule, a tutaj te hasła graja rolę tytułu slajdów.Proponuję więc opuszczać pytajnik w takich sytuacjach.

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 +

PK

Czy ilustracje na tym i na innych slajdach, pochodzące z sieci, nie moga byc zastąpione przez własne ilustracje. Akurat te zamieszczone w tej prezentacji niczym szczególnym nie wyróżniają się. - nie mam zdolności do rysowania sprzętu komputerowego, możnaby ewentualnie robić zdjęcia i umieszczać je na slajdach. Uważam, że umieszczanie rysunków, które nie mają wartości merytorycznej tylko estetyczną, pobranych z sieci nie jest błędem. Co innego rysunki które czegoś uczą (schematy itp.) - te rysuję sam, jak na poprzednim slajdzie.

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 +

Maciej M Syslo

Nie widzę nic wyjatkowego w sieci Internet. Podobnie zasięg swiatowy ma sieć telefoniczna, lotnicza, pocztowa itp. i miały znacznie wczesniej. Ten i nastepny slajd powinny zmiescic sie na jednym

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 +

PK

Ta mapka, jak na Internet, jest dość stara, z 2003 roku. Struktura Internetu zapewne zmieniła sie od tamtego czasu. - znalazłem inny obrazek. Jest to przykład sieci wchodzącej w skład Internetu. Ilustracja ma na celu obrazowe przedstawienie uczniom hierarchii sieci(krajowa, międzynarodowa)

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

Maciej M Syslo

Zbędna kursywa. Wyróżnianie nowych pojęć kursywaą nie jest zbyt widoczne, proszę stosować pogrubienie lub/i kolor. Aż się prosi demonstracja internetowa.

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)

16informatyka +

Adres URL a domena

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

zamiennie

17informatyka +

PK

Aż się prosi demonstracja internetowa.- demonstracje internetowe będą odbywały się równolegle do omawiania slajdów. Dziękuję Panu za wskazanie, w których miejscach należy przerwać wykład, uruchomić przeglądarkę i zademonstrować uczniom omawiane zagadnienia.

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 +

Maciej M Syslo

Aż się prosi demonstracja internetowa.

Hiperłącza 2#2

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

19informatyka +

PK

Jakie jest znaczenie tekstu na slajdzie? - tekst na slajdzie zawiera kod strony a w nim adres strony wyświetlonej na obrazku. Prosze porównać adres strony w kodzie z adresem wyświetlonym w pasku przeglądarki na obrazku. Są takie same.Aż się prosi demonstracja internetowa.

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

Hierarchia21informatyka +

PK

Dane sa dzielone na bloki, czy na paczki, pakiety?Nie ma wyjaśnienia, ani w notatce, ani w tekscie, do czego odnosi się hierarchia. - w architekturze OSI mamy do czynienia z tzw. warstwami:1. Fizyczna 2. Łącza danych 3. Sieci 4. Transportowa 5. Sesji 6. Prezentacji 7. AplikacjiW zależności od warstwy mówimy o transmisji: bitów (warstwa fizyczna), ramek [składających się najczęściej z 32 bitów] (warstwa łącza danych), pakietów (warstwa sieci), segmentów (od warstwy transportowej wzwyż). Termin 'blok danych' jest optymalny. W przeciwnym razie należałoby omówić warstwy OSI, protokoły w każdej z nich, a to jest temat na odrębny wykład.

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 +

Maciej M Syslo

Aż się prosi demonstracja internetowa: radio. TV, YouTube, ...

Strumieniowanie – multicast

24informatyka +

Strumieniowanie – przykład

25informatyka +

Maciej M Syslo

Aż się prosi demonstracja internetowa jakiegoś edukacyjnego filmu - jest ich bardzo wiele.

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 +

Maciej M Syslo

Przykład użycia w Internecie do pobrania jakiegoś ciekawego pliku.

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 +

Maciej M Syslo

Przykłady z sieci! Jeśli są legalne!?

p2p zcentralizowana

Centralny serwer

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

Architektura podatna na awarie

28informatyka +

Maciej M Syslo

Przykłady takich sieci i ich użycie.

p2p zdecentralizowana

Brak serwerów Komunikacja

bezpośrednia Zapytania

przesyłane do sąsiada

Zestawianie połączenia po odnalezieniu pliku

29informatyka +

Maciej M Syslo

Przykłady takich sieci i ich uzycie.

Plan prezentacji


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 +

Maciej M Syslo

Przykłady z Internetu.

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 +

Maciej M Syslo

Strona była wielokrotnie uzyta, to nie jest definicja.

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 +

Maciej M Syslo

Każdy uzytkownik MOŻE widzieć inna treść, ale nie musi. Przykłady stron dynamicznych.

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ż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


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 +

Maciej M Syslo

Bez powoływania się na ilustracje z Internetu, można zamieścić zrzut z Google.

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 +

Maciej M Syslo

Podobnie, zamiast klipu coś z Internetu, związane z tematem.

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 +

Maciej M Syslo

Układ na slajdzie - dwa razy aleAz sie prosi dać zrzut tej prostej strony głównej Google!

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 +

PK

O Webmail nie ma ani słowa tutaj i w materiałach. - w wersji poprawionej wykładów już jest mowa o korzystaniu z poczty za pośrednictwem strony internetowej, czyli Webmail.

Zalety poczty elektronicznej

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

45informatyka +

PK

Niektóre slajdy sa zbyt lakoniczne, chociaż jest niejsce na bardziej szczegółowe informacje. - hasła na slajdzie mają tylko przypominać wykładowcy, o czym ma powiedzieć. Rzucone hasła i pojedyncze słowa kluczowe (jak Webmail na poprzednim slajdzie) przyciągają uwagę słuchaczy, którzy koncentrują się na tym aby usłyszeć wyjaśnienie hasła. Wykładowca powinien znać to wyjaśnienie i wiedzieć, że np. koszt jest niższy a szybkość większa.Slajdy nie powinny służyć do samodzielnej nauki. Do tego służy podręcznik, a nie prezentacja. W przypadku tego slajdu, czytając Koszt nie wiadom, czy duzy, czy tes mały. Podobnie z szybkością.

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 +

PK

Gdzie znajduje się program pocztowy uzytkownika?Gdzie znajdusje się konto uzytkownika?Z ilustarcji wynika, ze są gdzieś pomiędzy komputerami!- ilustracja została zmieniona wg Pańskich uwag. Teraz powinno być jasne.

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 +

Maciej M Syslo

SPAM piszemy spam (od mielonka). email, czy e-mail? chyba to drugie. Proszę ujednolicić tutaj i w materiałach.

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 +

PK

Kopresujemy załaczniki, a nie wiadomości. - dokonałem stosownej zmianyBtw. przez wiadomość rozumiem nie tylko treść listu, ale również załączniki jako element wiadomości; jak również formatowanie tekstu wiadomości (dodatkowe informacje zwiększające wielkość przesyłanej wiadomości) itp.

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 +

Maciej M Syslo

spam

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 [email protected] napisz janek(at)wp.pl albo 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 +

Maciej M Syslo

Aby to nie był tylko suchy pwykład proponuję ilustrować przekaz odpowiednimi stronami

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

Maciej M Syslo

Uwaga jak na poprzednim slajdzie.

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

Maciej M Syslo

Podobnie, jak poprzednio

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

Jak działa Skype

56informatyka +

PK

O kodekach nie ma mowy w materiałach. Uczniowie moga nie wiedzieć, co to jest. - teraz w treści wykładu jest wyjaśione czym jest kodek i do czego służy.Natomiast hasło 'plynny dobór kodeków' wzbudza ciekawość słuchaczy wykładu, którzy tylko czekają na wyjaśnienie o co chodzi. To przyciąga uwagę odbiorców. slajdy mają tylko przypominać wykładowcy o czym ma powiedzieć, a nie wyjaśniać słuchaczom definicje itp. Od tego jest literatura.

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


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

• Praktyka Internetu warsztaty 24h, Wszechnica na Kołach

60informatyka +

Techniki Internetu

Dziękuję za uwagę

61informatyka +

Plan prezentacji

Documents

Transcript of Plan prezentacji