PORADNIKI. Techniki WWW



Podobne dokumenty
Rysunek Ankieta na stronie Wiadomości

autor poradnika - KS Jak zamieszczać i edytować artykuły na szkolnej stronie internetowej

Włączanie/wyłączanie paska menu

Poradnik zetula.pl. Jak założyć konto na zetula.pl. i zabezpieczyć dane na swoim komputerze?

Podstawy technologii WWW

Zalogowanie generuje nowe menu: okno do wysyłania plików oraz dodatkowe menu Pomoc

Dodawanie stron do zakładek

II. US. 1. Wybór formularza na serwisie internetowy systemu e-deklaracje

Krótka instrukcja instalacji Adobe Acrobat Reader

Instrukcja użytkownika aplikacji ewnioski

Wyszukiwanie informacji w Internecie

INSTRUKCJA INSTALACJI SYSTEMU

Instrukcja obsługi systemu zarządzania treścią CMS

Jak posługiwać się edytorem treści

Dodawanie stron do zakładek

GLS. v Strona 1 z 14. FUTURE-SOFT SP. Z O.O. ul. Gosławicka2/ , Opole tel sales@future-soft.pl NIP:

Osadzenie pliku dźwiękowego na stronie www

INSTRUKCJA OBSŁUGI BIULETYNU INFORMACJI PUBLICZNEJ

e-wsparcie Barbara Muszko Aktualizacja Twojej witryny internetowej tak prosta, jak obsługa Worda

Funkcje aplikacji. strona 1

I. Spis treści I. Spis treści... 2 II. Kreator szablonów Tworzenie szablonu Menu... 4 a. Opis ikon Dodanie nowego elementu...

Zmiana logo. Dziękujemy za wybór naszych rozwiązań. apjoo od Apláuz. Wspólnie przebrniemy przez proces konfiguracji strony www i wstawiania treści.

Pracownik dodawanie danych o pracownikach

Mazowiecki Elektroniczny Wniosek Aplikacyjny

5-6. Struktura dokumentu html. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów

Wyświetlanie publikacji w formacie DjVu. Wyświetlanie publikacji w Bałtyckiej Bibliotece Cyfrowej można realizować na 3 sposoby:

Podstawy tworzenia prezentacji w programie Microsoft PowerPoint 2007

Programy LeftHand - Obsługa plików JPK. Wrzesień 2016

APLIKACJA SHAREPOINT

Ministerstwo Finansów

Instrukcja użytkownika. Aplikacja Smart Paczka DPD

Jeżeli w komputerze była już zainstalowana inna wersja Javy może pojawić się komunikat

edycja szablonu za pomocą programu NVU

Zakres treści Czas. 2 Określenie charakteru i tematyki strony. Rodzaje witryn. Projekt graficzny witryny. Opracowanie skryptów

Wstęp. Skąd pobrać program do obsługi FTP? Logowanie

Jak pobrać plan zajęć? wersja 1.0

JavaFX. Technologie Biznesu Elektronicznego. Wydział Informatyki i Zarządzania Politechnika Wrocławska

World Wide Web? rkijanka

Flex 3. Piotr Strzelczyk Wydział EAIiE Katedra Automatyki. Kraków, 2008

Programy LeftHand - Obsługa plików JPK. Luty 2017

LeftHand Sp. z o. o.

I. Informacje ogólne. Jednym z takich systemów jest Mambo.

Océ Podręcznik użytkownika

Instrukcja użytkowania

Zotero przydatny i wszechstronny program niekomercyjny do tworzenia archiwum stron internetowych, bibliografii i przypisów

Platforma szkoleniowa krok po kroku

Piotr Dynia. PowerPivot. narzędzie do wielowymiarowej analizy danych

Serwis PTF Dodanie informacji bieżącej w podserwisie oddziału

MAMP: Można to pobrać i zainstalować z XAMPP: Można go pobrać i zainstalować z

Instrukcja - blogi OK zeszyt Logowanie

Kurier DPD dla Subiekt GT

Wnioskowanie o licencję z poziomu kalkulatora zalecane

INSTRUKCJA STANOWISKOWA

Użytkowniku programu FINKA, przekazujemy E-book, który omawia najważniejsze kwestie dotyczące generowania i wysyłania JPK.

wfirma (Moduł Magento) v Strona 1 z 12

KONFIGURACJA PRZEGLĄDAREK. Poniższa konfiguracja dedykowana jest dla Bankowości Internetowej SGB

Tworzenie dokumentów oraz prezentacji programu Młodzi Aktywiści Prezydencji przy wykorzystaniu EduTuby

PORADNIK KORZYSTANIA Z SERWERA FTP ftp.architekturaibiznes.com.pl

MasterEdytor. Podprogram pomocniczy do programu mpfotoalbum 1.2 INSTRUKCJA

inpost Paczkomaty v Strona 1 z 13

Nowy szablon stron pracowników ZUT

1. Platforma e-learningowa

MODUŁ INTEGRUJĄCY ELEKTRONICZNEGO NADAWCĘ Z WF-MAG SPIS TREŚCI

Instrukcja obsługi aplikacji e-awizo

Tworzenie prezentacji w MS PowerPoint

WŁĄCZANIE W PRZEGLĄDARKACH INTERNETOWYCH OBSŁUGI SKRYPTÓW JAVASCRIPT

OpenLaszlo. OpenLaszlo

Dokumentacja systemu NTP rekrut. Autor: Sławomir Miller

Instalacja urządzenia

DOKUMENTY I GRAFIKI. Zarządzanie zawartością Tworzenie folderu Dodawanie dokumentu / grafiki Wersje plików... 7

MATERIAŁY DYDAKTYCZNE. Streszczenie: Z G Łukasz Próchnicki NIP w ramach projektu nr RPMA /15

5. Praca z klasą. Dodawanie materiałów i plików. Etykieta tematu. Rozdział 5 Praca z klasą

Udostępnianie drukarek za pomocą systemu Windows (serwer wydruku).

Elektroniczny Urząd Podawczy

Przygotowanie plików do druku

Wybrane działy Informatyki Stosowanej

Przewodnik Szybki start

Integracja z Facebook. Wersja 7.2.4

Własna strona WWW w oparciu o CMS

Instrukcja obsługi systemu zarządzania treścią dwajeden.pl

I Tworzenie prezentacji za pomocą szablonu w programie Power-Point. 1. Wybieramy z górnego menu polecenie Nowy a następnie Utwórz z szablonu

Symfonia Produkcja Instrukcja instalacji. Wersja 2013

Przewodnik instalacji i rozpoczynania pracy. dla DataPage+ 2012

Portal SRG BFG. Instrukcja korzystania z Portalu SRG BFG

Kancelaria Prawna.WEB - POMOC

Przewodnik... Tworzenie Landing Page

uczyć się bez zagłębiania się w formalnym otoczeniu,

Część I Witamy w programie Adobe Acrobat

INSTRUKCJA UŻYTKOWNIKA Podpis cyfrowy ISO 9001:2008 Dokument: Wydanie: Podpis cyfrowy. Spis treści... 1

Wstęp. Takie rozwiązanie wykorzystuje jedynie transfer danych więc ewentualne opłaty mogą być generowane tylko z tego tytułu.

INTERAKTYWNA KOMUNIKACJA WIZUALNA. Flash - podstawy

Elektroniczna Skrzynka Podawcza

Nawigacja. Drukowanie Kliknij ikonę, aby uzyskać dalsze informacje: Obsługa papieru Wyświetlanie dokumentacji online. Konserwacja

Rozpoczęcie pracy z programem.

Instrukcja obsługi dla studenta

WAŻNE! colour.me Google Fonts tutaj

Tworzenie strony www - jako projektu z Mechaniki i budowy maszyn

Instrukcja wykonania aktualizacji mapy w urządzeniach nawigacyjnych marki GARMIN.

5.4. Efekty specjalne

Transkrypt:

PORADNIKI Techniki WWW

Interaktywność WWW Kilka lat temu sieć była bardzo statyczna. Było widać tekst i grafikę i można było klikać na linki. Potem zaczęły się pojawiać inne rodzaje mediów; dźwięk, animacje, video i aplikacje interaktywne. Interaktywność była tworzona przez cztery różne techniki. Pierwszą z nich jest technika plug-in. Plug-in nie jest częścią przeglądarki. Jest to osbny program, który jest wywoływany przez przeglądarkę kiedy napotyka plik w foramcie modułu wtyczki jaki może zrozumieć. Sąsetki plug-inów w Internecie, które można ściągnąć i zainstalować na komputerze. Niektóre z nich są płaten, inne darmowe. Trudności z wtyczkami są takie,że trzeba je znaleźć, pobrać i zainstalować. Istnieją różne wtyczki dla różnych platform, więc trzeba się upewnić,że wtyczka jaką chcesz pobrać, jest właściwa. Następnie należy pobrać plug-in. Plik jaki pobierzesz jest zwykle zarchiwizowany i skompresowany, więc musisz go zdekompresować i odarchiwizować. Po zainstalowaniu wtyczki, jest gotowa do użycia. Jest jeszcze inny wariant techniki plug-in, zwany aplikacją pomocniczą. Aplikacja pomocnicza to dokładnie to samo co plugin, czyli mały program, który jest wywoływany przez przeglądarkę. Jedyna różnica jest taka,że plugi-in pokazuje informacej wewnątrz okna przeglądarki, podczas gdy aplikacja pomocnicza pokazuje informacje w oknie zewnętrznym. Druga technika to CGI, co onzacza Common Gateway Intreface. Jednym z jego zadań jest wprowadzanie danych w fomrularzu na stronie internetowej i wysyłanie ich przez kliknięcie na przycisk. Innym zastosowaniem jest kliknęcie na aktywnym obszarze obrazka. Są różne zastosowania dla CGI. Trzecia technika, zwana Językami Skryptowymi, obejmuje rozszerzenia kodu HTML przez użycie języków programowania, zwanych językami skryptowymi. Kod języka skryptowego jest mieszany z kodem HTML. Kiedy otwierasz stronę HTML w procesorze tekstu możesz zobaczyć kod języka skryptowego. Przeglądarka interpretuje kod języka skryptowego w podobny sposób jak interpretuje kod HTML. Najpopylarniejszym językiem skryptowym jest JavaScript. Czwartą techniką jest Java. Ta technika obejmuje wysyłanie nie tylko danych z serwera do klienta ale także program, który będzie obsługiwał te dane. W ten sposób użytkownicy nie muszą znajdować, pobierać i instalować wtyczek na komputerach. Formularz CGI Jedynym sposobem na interakcje z siecią przed 1995 rokiem było kliknięcie na odnośnik. W 1995 roku zaczęły się pojawiać formularze. Formularz jest stroną z jednym lub więcej polami i obowiązkowym przyciskiem "Wyślij". Wprowadzenie danych do pól i kliknięcie w przycisk "Wyślij", wysyłało zawartość formularza na serwer. Program CGI Kiedy klikasz na przycisk wysyłania przeglądarka zbiera wszystkie dane z formularza i wysyła je na serwer. Serwer przekazuje dane do programu używając protokołu nazywanego CGI, co oznacza Common Gateway Interface. Program CGI zwykle współdziała z bazą danych do obsługi formulrza. Na końcu tego procesu progra CGI zwraca odpowiedź dokumentu HTML, która jest wysyłana na zasadzie sprzężenia zwrotnego do użytkownika. Tworzenie formularza Aby stworzyć formularz, musisz najpierw stworzyć stronę HTML. Musisz potem napisać program serwera CGI, który będzie obsługiwał dane z formularza. Musisz również zaprojektować dokument odpowiedzi HTML, który będzie wysyłany użytkonikowi jako sprzężenie zwrotne. Dokument odpowiedzi jest zwykle wysyłany jako tworzony dynamicznie przez program CGI, po przetwozeniu danych. Na końcu trzeba wszystko wysłać na serwer

Znaczniki formularza Fromularz zaczyna się od <FORM> a kończy </FORM>. Po FORM zawsze widać dwa atrybuty : METHOD i ACTION. METHOD może mieć dwie wartosci, albo GET albo POST. GET powoduje,że dana będzie dołączana do URL po oddzieleni znakiem zapytania. POST dołącza dane do ciała wiadomości HTML. Atrybut ACTION określa URL programu CGI, który będzie przetwarzał dane. JavaScript JavaScript jest językiem programowania. Celem JavaScript jest nadanie stronomo HTML jakieś interaktywności, przez dodanie kodu JavaScript do istniejącego kodu HTML strony WWW. Są dwa mity odnośnie JavaScript. Pierwszy to ten,że JavaScript jest częścią Javy. Tak nie jest. JavaScript i Java to dwie odrębne rzeczy. Drugi mit jest taki,że JavaScript jest prosty. To również jest nieporawne. JavaScript jest językiem obiektowym, który wymaga wiedzy programistycznej. Oto kilka przykładów: Co robi JavaScript JavaScript może rejestrować zdarzenia, które są inicjowane przez użytkownika, kiedy klika na przycisk, przesunie kursor myszki nad linkiem lub wprowadzi wartość w polu. Przykładem jest wyświetlanie specjalnej wiadomości w lini stanu kiedy użytkownik umieści kursor myszki nad hiperłączem JavaScript może współpracować z elementami formularza dokumentu takimi jak przycisk, pole wyboru, pola radiowe, hasła, reset, submit, text i textarea. Możesz na przykład stworzyć kalkulator lub estymator podatku dochodowego JavaScript może współdziałać z apletami Javy i wtyczkami. JavaScript pozwala zapisać dowolny HTML do dokumentu. Może na przykład wyświetlić różne teksty na różnych platformach, w tym dzisiejszą datę w dokumencie lub wygenerować dokument w całości od podstaw. JavaScript pozwala kontrolować przeglądarkę. Można tworzyć i otwierać zupełnie nowe okna przeglądarki, które mogą mieć określony wygląd. Nowe okno może mieć na przykład określone rozmiary i pojawiać się bez paska narzędziowego, lokalizacji, przycisków katalogu, linii stanu i pasków przewijania. JavaScript może zmieniać obrazy w dokumencie. Pozwala to na efekty, takie jak zmiana obrazu, gdy przechodzi nad nim myszka JavaScript może identyfikować platformy i przeglądarki, na których jest uruchamiony i może dostosować zachowanie w oparciu o używaną przeglądarkę Shockwave Często używanym narzędziem do tworzenia interaktywnych aplikacji multimedialnych jest Macromedia Director. Ponieważ Macromedia chciał uczynić aplikacje Directora dostępne w Internecie, stworzył wtyczkę Shockwave. Jest to zasadniczo silnik odtwarzania Directora. Aby stworzyć aplikacji Shockwave musisz stworzyć apliakcję Directora i zapisać ją jako plik shockwave. Trzeba również stworzyć stronę HTML, która będzie się odnosić do plików shockwave poprzez osadzony znacznik. W końcu, musisz wgrać zarówno stronę HTML, jak i plik shockwave na serwer. Użytkownik musi mieć wtyczkę Shockwave. Kiedy ładuje stronę HTML z serwera, plik shockwave musi być do niej dołączony. Teraz użytkownik może korzystać z interaktywnych aplikacji bez konieczności komunikowania się z serwerem cały czas. Istnieją różne warianty

Shockwave: Shockwave Director, Shockwave Authorware, Shockwave Flash i wiele innych.. Authorware służy do tworzenia produkcji multimedialnych, które doskonale nadają się do tworzenia aplikacji eduklacyjnych. Shockwave Flash używa grafiki wektorowej, co oznacza,że animacje są bardzo małe i mogą być szybko ściągane przez klienta. Sieć jest dobra nie tylko do sufrowania, ale również dla dystrybucji dokumentów. Wielu użytkowników nie lubi czytać z ekranu komputera, zwłaszcza dużych dokumentów. Wolą wydrukować go na papierze, a potem poczytać w spokoju i ciszy.strona HTML nie wygląda zbyt dobrze po wydrukowaniu, ponieważ twórca dokumentu nie kontroluje czcionek, rozmiaru i podziału strony. Adobe Corporation stworzyła nowy format o nazwie PDF,co oznacza Portable Document Format, w tym kierunku. Poprzez plik PDF twórca dokumentu ma pełną kontrolę nad tym jak dokument pojawi się u końcowego użytkownika. Inną jego zaleta jest to,że łatwo jest skonwertować do PDF istniejące dokumenty. Dość łatwo jest tworzyć plik PDF z Microsoft Word. Po prostu wybiera się drukarkę PDFWriter i "drukuje" dokument na dysku twardym, to znaczy, tworzy dokument PDF na dysku twardym. Użytkownik może przeglądać dokument z przeglądarki za pomocą bezpłatnej wtyczko o nazwie PDFViewer lub darmowej aplikacji Adobe Reader Oprogramowanie Adobe Acrobat Reader jest darmowy ale jeśl chcesz stworzyć dokumenty PDF musisz kupić oprogramowanie Adobe Acrobat, które zawiera PDFWriter, Distillrer i Exchange. PDFWriter jest używany do konwersji dokumentów takich jak Word i PowerPoint na dokumenty PDF. Robimy to przez wybranie PdFWrtiter jako drukarki a potem "wydrukuj" swój dokument na dysk twardy. PDFWriter nie onbsługuje bardziej złożonych dokumentów takich jak dokumenty QuarkPress. Zamiast tego musisz użyć Acrobat Distiller. Pozwala on naj konwersję dowolnego pliku PostScript na PDF. Ponieważ prawie wszystkie aplikacjce do obróbki zdjęć, ilustracji czy rozkładu strony mogą tworzyć pliki PostScript, oznacza to,ze można konwertowć je do plików PDF. Z Exchange można tworzyć dokumenty PDF od podstaw jak również edytować istniejące dokumenty PDF. Z Exchange można doawać formularze i hiperłącza i optymalizować dokument PDF dla sieci. Można dodawać przyciski odgrywające dźwięki lub filmy. RealAudio RealAudio jest techniką uzyskiwania dźwięku przez Internet. Mogłeś uzyskać dźwięk wcześniej, ale musiałeś ściągnąć cały dźwięk przed odsłuchaniem, a to może zająć trochę czasu. RealAudio znacznie skraca czas między kliknięciem na link a odsłuchaniem dźwięku. RealAudio używa czegoś takiego co nazywa się technologią streamingu. Używa ona dwóch komponentów :wtyczki RealPlayer po stronie oprogramowania klienta i serwer RealAudio po stronie serwera. Oprogramowanie RealAudio dzieli dźwięk na małe pakiety i wysyła jes do RealPlayera. RealPlayer używa pliku bufora, pozwalając użytkownikowi zacząć odsłuchiwanie dźwięku wkróce po nadejściu pierwszego pakietu. W ten sposób nie potrzebujesz całego pliku na komputerze tylko te pakiety które są potrzebne. Oznacza to,ze nie musisz używać cennej przestrzeni na komputerze. Jako użytkownik możesz wybrać rozmiar bufora. Duży bufor daje lepszą jakość dźwięku, ale musisz dłużej czekać nim dźwięk się odtworzy. Telefonia internetowa Dzięki telefonii internetowej możesz mieć połączenie międzymiastowe w cenie rozmowy lokalnej i połączenia internetowego. Kiedy mówisz do mikrofonu, głos jest digitalizowany na pakiety, które są przesyłane przez Internet w czasie rzeczywistym. Zazwyczaj łączysz się z katalogiem serwera, znajdujesz osobę z którą chcesz rozmawiać i ustanawiasz połączenie. Potem możecie rozmawiać. Większość oprogramowania do telefonii internetowej na ogół używa dwóch typów połączeń : TCP/IP od klienta do katalogu serwera i UDP/IP Point-To-Point międzu stronami zaangażowanymi

w rozmowę. Jakość dźwięku jest rzadko tak dobra jak na zwykłej linii telefonicznej. Jakość zależy od : 1.Pasma. 2.Jakości mikrofonu i głośnika 3.Ustawienia dźwięku w komputerze 4.Pojawiających się opóźnień 1,2 sekundowych. Internet a telefonia konwencjonalna Jednym z ograniczeń telefonii internetowej jest to,że konkurencyjne produkty softwareowe nie komunikują się ze sobą. Ja kupuję telefon w firmie A a ty w firmei B, ale nie może się komunikować. Niektórzy dostawcy internetu ofeują usługi gdzie można inicjować połączenia z komputera do telefonii konwencjonalnej. Jednym z przykładów jest Net2Phone, któy pozwala na połączenie z tradycyjnym telefonem i na głosową komunikację w czasie rzeczywistym.