Kilka narzędzi technologii web 2.0
description
Transcript of Kilka narzędzi technologii web 2.0
![Page 1: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/1.jpg)
Kilka narzędzitechnologii Web 2.0
![Page 3: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/3.jpg)
Prezi - nowoczesne prezentacje multimedialneZabawę czas zacząć!
Pierwsze, co rzuca się w oczy po rozpoczęciu pracy z Prezi to brak podziału prezentacji na slajdy. Okazuje
się, że są one całkowicie zbędne! Zamiast tego twórcy programu oferują nam nieskończenie wielkie płótno,
na którym można pisać, rysować oraz ustawiać obrazki czy też inne obiekty. Wygląda to bardzo fajnie
i daje naprawdę wiele możliwości. Oprócz tego, ważną cechą płótna jest możliwość dowolnego
przybliżania i oddalania widoku. Sprawia to, że nasz ogromny obrazek może za chwilę znaleźć się
wewnątrz jeszcze większego, po czym oba możemy zmniejszyć do niemal niewidocznego rozmiaru, a
następnie przybliżyć widok tak, że znów będą zajmowały cały ekran.
![Page 4: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/4.jpg)
Ścieżki w Prezi zastępują przejścia między slajdami. Tworzymy je łącząc ze sobą kolejne obiekty, które
chcemy wyświetlić w prezentacji. Następnie podczas jej wyświetlania, kliknięcie myszką przeniesie nas z
jednego obiektu do drugiego, tworząc przy tym bardzo ładny efekt przejścia.
Ciekawą możliwość oferuje tzw. zebra transformation. Jest to metoda
umożliwiająca manipulowanie dowolnym, umieszczonym przez nas na płótnie,
obiektem. Zebra składa się z 3 okręgów. Narzędzie to jest bardzo proste i
przyjemne w obsłudze, a przy tym jego możliwości są w zupełności wystarczające.
Zerwij z rutyną, sprawdź Prezi!
![Page 5: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/5.jpg)
Prezentację przygotowaną za pośrednictwem Prezi można oglądać za pośrednictwem Internetu jak i w trybie offline. Narzędzie umożliwia nam pobraniem
przygotowanych prezentacji oraz ich zapis na dysku. Rozmiar pliku prezentacji jest zbliżony do rozmiaru
prezentacji przygotowanej w Power Pointcie, nie jesteśmy jednak w żaden sposób związani technologią
– prezentację stworzoną w Prezi oglądniemy na każdym komputerze z zainstalowanym Flashem.
![Page 6: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/6.jpg)
Rejestracja
Logowanie
Film szkoleniowy
![Page 7: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/7.jpg)
![Page 8: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/8.jpg)
Tytuł prezentacji
Opis prezentacji
Po uzupełnieniu należy kliknąć New Prezi
![Page 9: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/9.jpg)
Kilka cennych wskazówek
![Page 10: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/10.jpg)
Narzędzie do przybliżania i
oddalanie ścianyNarzędzie do
wstawiania zdjęć, filmów, strzałek ,
zaznaczeń, zmiany kolorów,
![Page 11: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/11.jpg)
![Page 12: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/12.jpg)
Zebra transformation
Zewnętrzny okrąg pozwala na obracanie
zaznaczonym obiektem
Wewnętrzny okrąg pozwala na zmianę
jego wielkości
Środkowy okrąg odpowiada za
przesuwanie obiektu po płótnie
![Page 13: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/13.jpg)
![Page 14: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/14.jpg)
![Page 15: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/15.jpg)
![Page 16: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/16.jpg)
![Page 17: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/17.jpg)
![Page 18: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/18.jpg)
![Page 19: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/19.jpg)
![Page 20: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/20.jpg)
Klikając tu, można samodzielnie wybrać kolor tła, tekstu, strzałek,
zakreślacza itd..
![Page 21: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/21.jpg)
![Page 22: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/22.jpg)
Możecie wspólnie pracować nad
prezentacją. Wystarczy zaprosić członków
waszej grupy do edycji, przesyłając link.
![Page 23: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/23.jpg)
Teraz możesz obejrzeć przygotowaną prezentację.
Nie zapomnij zapisywać zmian !Miłej i inspirującej pracy w Prezi !
![Page 24: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/24.jpg)
Serwis do tworzenia prezentacji, zawierających multimedia. Za pomocą VuVox utworzymy
prezentację w postaci panoramicznego kolażu, na której w łatwy sposób (metodą "przeciągnij i upuść")
zamieścimy pożądane elementy. VuVox jest bezpłatny, lecz wymaga rejestracji. Użytkownicy mają do wyboru 3 sposoby tworzenia prezentacji:
Express, Collage i Studio. VuVox Express umożliwia tworzenie prezentacji w trybie niemal
natychmiastowym, z wykorzystaniem materiałów opublikowanych w serwisach fotograficznych Flickr, Picasa Web Albums i Buzznet, a także pobieranych
za pomocą kanałów RSS.
![Page 25: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/25.jpg)
Collage to program, dzięki któremu utworzymy panoramiczną prezentację, zawierającą fotografie,
tekst lub materiały wideo. Elementy, które chcemy
wykorzystać w prezentacji, pobieramy z dysku twardego lub z
kont w serwisach fotograficznych do podręcznej
biblioteki, skąd przeciągamy je i upuszczamy do tworzonego projektu. Można wykorzystać dostępne ramki do
zdjęć lub gotowe rysunki.
Największe możliwości daje VuVox Studio. Program umożliwia zebranie w jednym miejscu wszelkich
dokumentów graficznych, dźwiękowych i multimedialnych przechowywanych na lokalnym
dysku oraz w sieci (w serwisach z fotografiami, muzyką, filmami itd.),
a następnie zamieszczanie ich w tworzonych projektach.
![Page 26: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/26.jpg)
![Page 27: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/27.jpg)
![Page 28: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/28.jpg)
![Page 29: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/29.jpg)
Chwyć zdjęcie i upuść w ten sposób przeniesiesz ja do
prezentacji
![Page 30: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/30.jpg)
Tu można dodać więcej zdjęć w tym samym
czasie, jak również filmy czy linki.
![Page 31: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/31.jpg)
![Page 32: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/32.jpg)
Rotacja
Przenieś obraz do tyłu
![Page 33: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/33.jpg)
Przenieś obraz
do przodu
Dodawanie tekstu, video,
pokazów slajdów
![Page 34: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/34.jpg)
Podgląd pokaz
Zapisz jako Zapisz Publikuj
![Page 35: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/35.jpg)
Dodawanie tekstu
Dodawaniemuzyki
do prezentacji
![Page 36: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/36.jpg)
Kilka cennych informacji jak
korzystać z narzędzi vuvox
Nie zapomnij zapisywać zmian i opublikować prezentację, gdy zakończysz
pracę !Miłej i inspirującej pracy w Vuvox !
![Page 37: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/37.jpg)
Glogster to serwis pozwalający na tworzenie interaktywnych
posterów, tak zwanych glogów interaktywnych - plakatów w oparciu o technologię Flash.
Do swojego plakatu możemy dodawać praktycznie wszystko – od udostępnianych i własnych grafik
poprzez filmy do linków oraz oczywiście tekstu. Po zakończeniu pracę możemy zapisać w formie publicznej lub prywatnej, a także udostępnić
znajomym.
![Page 38: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/38.jpg)
Glog wygląda jak plakat, ale czytelnicy mogą wchodzić w
interakcje z treścią. Glogster zapewnia
interaktywne środowisko do projektowania plakatów.
Wstawia tekst użytkownika, obrazy, zdjęcia, audio (MP3), wideo, efekty
specjalne i inne elementy do tworzenia online
multimedialnej twórczości.
![Page 39: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/39.jpg)
Rzeczy, które musisz mieć, aby rozpocząć pracę z glogiem:
* POMYSŁ * Zdjęcia * Video (opcjonalne) * Pliki audio (opcjonalnie)
![Page 40: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/40.jpg)
Zaloguj się do serwisu EDU Glogster loginem i hasłem, któryprześle Ci nauczyciel. Istnieje duży różowy przycisk w obszarze deski rozdzielczej,
któramówi "utworzyć nowy glog", więc kliknij na to, aby
zacząć.
Jak pracować w serwisie Edu Glogster ?
Krok 1: Przygotowanie obszaru roboczego. Twój pierwszy Glog będzie miał pewne elementy próbki już na stronie. Usuń te, które nie chcą, klikając na obraz i klikając na różowy kosza. Usunie to wszystkie elementy na glog. Jeśli coś jest tu nie chcesz, przeciągnij go w obrębie do której chcesz go na stronie i zmienić jego rozmiar, klikając i przeciągając rogi.
![Page 41: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/41.jpg)
Rejestracja
Logowanie
![Page 42: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/42.jpg)
![Page 43: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/43.jpg)
![Page 44: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/44.jpg)
Zmiana koloru
obrazka
![Page 45: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/45.jpg)
Dodawanie
hiperłącza
![Page 46: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/46.jpg)
Zmiana stylu,
wielkości czcionki
![Page 47: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/47.jpg)
Przenieś do kosza
Przenieś do przodu
Przenieś do tyłu
![Page 48: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/48.jpg)
Klonowanie
Cofnij zmiany
Rotacja
Zwiększanie i
pomniejszanie obrazu
![Page 49: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/49.jpg)
Krok 2: Narzędzie Magnet.
Na lewej stronie pojawi się narzędzie Magnet. Można przesuwać to w górę i w dół po lewej stronie strony, klikając i przeciągając, lub ukryć, klikając w różowe strzałki. Narzędzie to pozwala edytować gloga, pozwala wybierać obrazy, tekst i wideo, aby umieścić je w swoim glogu.
![Page 50: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/50.jpg)
Krok 3: Stwórz glog. Każdy z przycisków na magnetycznych narzędzie pozwala na dostosowanie elementów w plakat. Na przykład, jeśli klikniesz WALL, możesz wybrać tło z galerii zdjęć, dodać własne zdjęcie lub link do tła na stronie internetowej. Jeśli kliknięcia w FILM lub DŹWIĘK, masz podobne opcje, ale dla zdjęć, filmów i dźwięku. Wybierając TEKS będziesz mógł wybrać z ogromnej liczby dekoracyjnych pól tekstowych. Wybierając przycisk GRAFIKA będziesz miał dostęp do różnych elementów graficznych. Wystarczy kliknąć na element, który chcesz i pojawi się na stronie.
![Page 51: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/51.jpg)
Wybierz styl
Wybierz obrazek
Po kliknięciu obrazek pojawi się na posterze
![Page 52: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/52.jpg)
![Page 53: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/53.jpg)
Można dodać ramkę
![Page 54: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/54.jpg)
Krok 4: Edycja glogu.
Czy jest to zdjęcie, tekst, grafika, dźwięk lub wideo, wszystko co musisz zrobić, aby go edytować to kliknąć na element. Powyżej obiektu pojawi się małe menu. Twoje opcje to edytować (zmiana kolorów, czcionki i dodawanie hiperłącza), przestawić obraz za/przed, klonowanie, cofanie zmian, usuwanie. Jeśli najedziemy kursorem na przycisk, pojawi się okienko z wyjaśnieniem, co dany przycisk robi.
![Page 55: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/55.jpg)
Krok 5: Zapisz i opublikuj.
Gdy jesteś zadowolony z tego co przygotowałeś, jesteś gotowy, aby zapisać i opublikować gloga - kliknij przycisk zapisz i opublikuj! Wpisz nazwę i przypisać mu kategorię. Wybierz jedną - skończony lub do wykończenia. Jeśli jest niedokończony, tylko nauczyciel i uczeń może go zobaczyć. Jeśli jest gotowy, wszyscy uczniowie w klasie mogą go oglądać. Domyślnie wszystkie Glogster glogs EDU są prywatne.
![Page 56: Kilka narzędzi technologii web 2.0](https://reader033.fdocument.pub/reader033/viewer/2022061217/54b2d8df4a7959e8728b4575/html5/thumbnails/56.jpg)