Narzędzia Aplikacje edukacyjne na przykładzie języka niemieckiego 1
Google Sites Google Sites: bezpłatna witryna internetowa o pamięci 100MB: https://sites.google.com// Rejestracja za pomocą adresu mailowego Google: wybieramy GoogleSites i logujemy się lub tworzymy nowy adres mailowy Google. Rejestracja bez adresu mailowego Google: rejestracja jest konieczna, w której należy podać aktualny adres mail. Rejestrowanie za pomocą aktualnego adresu e-mail może prowadzić do opóźnień i problemów przy potwierdzeniu logowania. Mail z linkiem w celu potwierdzenia rejestracji jest wysyłany na podany adres mailowy. Dopiero, gdy potwierdzi się ten mail, można rozpocząć logowanie na Google Sites. Ważne: Gdy zalogujemy się na Google Sites, proszę nie wybierać okienka pozostać zalogowanym. 2
Wybieranie szablonu Praca bieżąca: Wybrać szablon Pusty szablon Nazwać witrynę internetową, jaką tworzymy Wybierz motyw Więcej opcji : między innymi opis witryny internetowej (fakultatywnie) Następnie szablon zostanie upubliczniony pod wybranym adresem i będzie można go dalej edytować. Wybieranie szablonów: Google Sites oferuje tematyczne szablony przy tworzeniu witryny internetowej. Do nich zaliczają się między innymi Classroom site, Soccer team, Spring Floral Wedding Instructional i inne, które są zamieszczone w przeglądaj galerię. 3
Usługa hostingowa dla materiałów (np. lekcyjnych). Logowanie się i poziom administracyjny Google Sites Do poziomu administracyjnego GoogleSites dostajemy się po rejestracji na stronie https://sites.google.com//, lub po zalogowaniu się przez wejście GoogleSites na różnych stronach internetowych. Na poziomie administracyjnym GoogleSites można tworzyć kolejne witryny GoogleSites, wejść na istniejącą witrynę GoogleSites i ją administrować: Tworzenie witryn internetowych Rubryka Witryna internetowa > typy stron internetowych Witryna internetowa Witryna internetowa jest najprostszą stroną. Można w niej umieszczać treści, dołączać gadżety i dowolnie rozporządzać. Do dyspozycji tej witryny są elementy standardowego formatowania i sterowania np. pogrubienie, kursywa i podkreślenie itd. Można między innymi załączać dokumenty na stronie, które mamy na dysku w komputerze a następnie udostępniać innym np. kolegom, aby mogli skomentować np. stronę. GoogleSites zapisuje w regularnych odstępach wersje tworzonej strony, podczas jej opracowywania, w taki sposób aby można było ją wygodnie pokazać w starszej wersji oraz, aby móc porównać lub poprawić zmiany, które również można cofnąć. Komunikaty Jak w blogu są pokazywane na stronie komunikatów posty do strony w chronologicznej kolejności, rozpoczynając od ostatniego wpisu. Strona komunikatów jest np. idealna, aby przechowywać notatki w celu np. tygodniowych omówień i jednocześnie zapewnić dostęp do najnowszych 4
informacji. Pliki/ Foldery Za pomocą stron z plikami/ folderami można zapisać i uporządkować dane z dysku twardego komputera, aby w wygodny sposób móc je innym, korzystającym ze strony udostępnić. Każdy abonent strony jest informowany, gdy dane są dodawane, zmieniane i usuwane. Strona listowna Za pomocą strony z listami można tworzyć i organizować listy z informacjami. Elementy list mogą być wygodnie dodawane, opracowywane i usuwane a obserwatorzy list mogą je posortować według ulubionej kolumny/ kolejności. Tak jak na stronie plików abonamencie są informowani, gdy elementy są dodawane, zmieniane lub usuwane. 5
Potem wpisać nazwę strony itd. Wybrać miejsce, gdzie ma być zapisana witryna internetowa. Więcej czynności > Czynności na stronach > Ustawienia strony Pokazać tą stronę na pasku bocznym : strona pojawi się w lewym pasku nawigacji i może być przyporządkowywana do istniejących punktów nawigacji. Patrz poniżej -- > Nawigacja (1) = Website- Layout (układ strony) Edytowanie strony: Tworzenie i edytowanie witryny. Standardowy wygląd to tryb edytora. Tworzenie tekstu, formatowanie, strukturyzacja edytorem. Link: wstawić link do zewnętrznych witryn internetowych i własnych podstron i link dezaktywować HTML: wszystkie w HTML zakodowane wpisy muszą być wprowadzone jako widok strony HTML, który najpierw należy aktywować. Pasek menu: Wstaw: zdjęcia, video, linki, treści, gadżety itd. 6
nagłówki Format: między innymi usuwanie formatowania, Tabele wstawianie Układ: dzielenie witryny internetowej na liczne kolumny i rzędy Orientacja: zarządzanie i konfiguracja Edycja na poziomie witryn internetowych: Więcej czynności > czynności na stronach: Aktywuj podgląd odwiedzających ( podgląd strony jako przeglądający ) Zasubskrybuj zmiany na stronie: sensowne, gdy grupa autorów wspólnie pracuje nad tym Usuń stronę; Drukuj stronę Więcej czynności > czynności na stronach > ustawienia strony: Pokaż tytuł strony, pokaż linki do podstron, zezwalaj na załączniki, zezwalaj na komentarze Propozycja: Wyświetl tę stronę na pasku bocznym : strona pojawi się na lewym pasku nawigacji i może być przyporządkowana do istniejących punktów w nawigacji. Edycja na poziomie witryny internetowej: Więcej czynności > czynności w witrynie: Zasubskrybuj zmiany na stronie (przy pracy w grupie kilku autorów) Więcej czynności > czynności w witrynie > zarządzaj witryną > ogólnie: Nazwa, opis, kopiowanie witryny internetowej, usuwanie witryny internetowej Zmień stronę docelową: strona docelowa jest wprowadzeniem, to domyślna strona docelowa wyświetlana użytkownikom odwiedzającym witrynę. Można tutaj wybrać inną stronę docelową. Zmienić język; aktywować statystyki (Analytics) 7
Więcej czynności > czynności w witrynie > zarządzaj witryną > strony/dokumenty/usunięte elementy itp: Dostęp do materiałów witryny internetowej: ostatnia aktywność w witrynie, strony, załączniki, szablony stron, Apps Scripts, elementy usunięte. Wygląd witryny internetowej: więcej czynności > czynności w witrynie > zarządzaj witryną > motywy, kolory i czcionki. Proszę być ostrożnym przy zmianach, lepiej poczekać, aż będziemy osobami zaawansowanymi. Więcej czynności > czynności w witrynie > edytuj układ witryny: dzięki wyborze rubryki zostaje ona aktywowana i można ją opracowywać (poniżej Sidebar pasek Nawigacja) Więcej czynności > szablony stron > zmień szablon strony: witryna internetowa, komunikaty, listy, pliki Nawigacja (1) = wygląd witryny internetowej Propozycja: Więcej czynności > czynności na stronach > ustawienia strony > Pokaż tę stronę na pasku bocznym : Strona pojawi się po lewej stronie pasku nawigacji i może być przyporządkowana do istniejących punktów nawigacji. Więcej czynności > Czynności w witrynie > Edytuj układ witryny > Sidebar Sidebar = ustawianie nawigacji witryny internetowej Ważne: 8
Dopiero efekt przesunięcia kursora myszy aktywuje tryb edycji Sidebar! Jeśli wybrano nawigację, tekst itp., pojawi się nowa rubryka poniżej na liście i musi zostać aktywowana przez efekt przesunięcia kursora myszy! Nawigacja > Skonfiguruj menu nawigacyjne: 1. Wybierz tytuł strony internetowej (np. Nawigacja, Przegląd ) 2. Wyłącz Automatyczne zorganizuj nawigację 3. Fakultatywnie: Uwzględnij link do: mapa witryny. Mapa witryny zostanie wprowadzona pod nawigacją. 4. Dodaj stronę 5. Mapa witryny: lista ze wszystkimi do tej pory utworzonymi witrynami internetowymi. 6. Ostatnia aktywność w witrynie: lista ze wszystkimi witrynami internetowymi, które zostały nowo utworzone. Przeprowadzanie zmian w wyglądzie witryny internetowej: Poprzez kliknięcie w: Nagłówek, Nawigacja w poziomie, Pasek boczny zostają zmiany aktywowane i można je częściowo edytować. 9
Sidebar > Wybieranie nowych list stron i gadżetów Sidebar > Nawigacja = Tworzenie listy linków: Nawigacja: Wpisać tytuł; dezaktywować: Automatyczne zorganizuj nawigację, Dodaj adres URL: wpisać link i ostatecznie posortuj kolekcję linków. Więcej pasków bocznych gadżetów: Tekst, Ostatnia aktywność w witrynie, Moja ostatnia aktywność w witrynie, Odliczanie, Właściciele witryny, Autorzy strony. Pole tekstowe: Dodatek w nawigacji. Tekst można edytować za pomocą edytora. Navigation (2) = Mapa strony Więcej czynności > Edytuj układ witryny > Nawigacja Konfigurowanie menu nawigacji: Wprowadzić link do mapy witryny : Mapa witryny zostanie wprowadzona pod nawigacją 10
Edytowanie mapy strony: Więcej czynności > Zarządzaj witryną > Strony: Za pomocą Drag & Drop (kliknięcia i przeciągnięcia) strony internetowe mogą być przesuwane. Strony internetowe uwidocznione są przy punkcie nawigacyjnym Podrzędne strony (podstrony). Ta nawigacja jest zawsze do dyspozycji przy każdej stronie internetowej. Aktywowanie i dezaktywowanie można zrobić w opcji Podrzędne strony: Więcej czynności > Ustawienia strony > Pokaż linki do podstron Plik = pole z materiałem Pole z materiałem: wprowadzanie i opis danych i linków Przenieść do: utworzyć nowy plik Zaznaczyć materiał > Przenieść do: Przesunąć materiał do istniejącego pliku Założyć opisy materiałów i linków: w tym celu kliknąć w pole tekstowe Materiały mogą zostać pobrane Zdjęcia i grafika Menu Wprowadź > Zdjęcie: 11
Po wprowadzeniu zdjęcia/ Grafiki do dyspozycji mamy edytor zdjęcia (wystarczy kliknąć na zdjęcie): Dołączanie materiałów witryny internetowej 12
Wstawianie struktur witryny internetowej: Lista podstron, Pole HTML, Pole tekstowe itd. Powiązanie z usługami Google: Google+ i dysk (z dokumentami, plikami, prezentacjami itd.), Kalendarz, Youtube, Hangout itd. Wstawianie mapy Google: Mapa Podać lokalizację lub określić miejsce na mapie świata Wybrać: Video: Google+, Dysk, Youtube Rozmiar video najlepiej wybrać 400x225 13
Najnowsze dodatki: Wstaw ostatnie ogłoszenia Wstaw: Inne gadżety: Wstawianie i łączenie z Web 2.0 aplikacjami, wyszukiwarkami, serwisami informacyjnymi itd. Wskazówka: Niestety nie wszystkie gadżety funkcjonują, dlatego należy podchodzić to tej opcji z pewną rezerwą. Załączniki Wprowadzanie załączników do strony internetowej: załączniki Więcej czynności > Ustawienia strony: Zezwalaj na 14
Przez Przeszukaj dane prześlij plik Pobieranie zostanie ostatecznie aktywowane Przesyłać dokumenty: Więcej czynności > Zarządzaj witryną > Załączniki > Prześlij: Nazwa pliku (należy wprowadzić materiał, który chcemy przesłać) Zarządzać załącznikami: Więcej czynności > Zarządzaj witryną > Załączniki Prześlij : załącznik jest dodawany do strony internetowej Łączenie dokumentów Wyszukać zapisany dokument: Prawy przycisk myszki: wybrać link pliku (między innymi Skopiuj link lub skopiuj adres linku ) Dokument strony internetowej Google Site w folderze Załączniki : Więcej czynności > Zarządzaj witryną > Załączniki: skopiować adres dokumentu: Pobierz > prawy przycisk myszki > skopiować adres linku Zamieszczać Video i aplikacje Web 2.0 Edytuj stronę: aktywowanie edytora HTML i wprowadzenie kodu zamieszczania do pola tekstowego, potwierdzenie - OK. 15
Sieci społecznościowe: Twitter: https://dev.twitter.com/web/follow-button Kod do umieszczenia na stronie skopiować i wprowadzić do modułu HTML. Strona wpisu Twitter: Programista. Indywidualne przyciski/ widety (ustawienia i prywatność widety) zostaną wyświetlone jako link tekstowy. Facebook: https://developers.facebook.com/docs/plugins Kod do umieszczenia na stronie skopiować i wprowadzić do modułu HTML. Strona wpisu Facebook: Programista. Publicznie/ Prywatnie: Widoczność wydania i autoryzacji strony 16
lub: więcej czynności > udostępnianie i uprawnienia: Wszyscy zarejestrowani użytkownicy są wymienieni na liście na poziomie sieci Udostępnij stronę tylko dla określonej grupy: Kto ma dostęp > Zmień: 17
Ustawić status osób: Właściciel; Może edytować; Może czytać (obowiązkowe, w przeciwnym razie nie uzyska dostępu). Te uprawnienia dotyczą całej witryny. Powiadom osobę przez e-mail o statusie (opcjonalnie) Ważne: Użytkownicy muszą mieć konto Google, aby się zalogować lub zaakceptować zaproszenie. Po zalogowaniu osiąga się najwyższy poziom administracji i wchodzi się na stronę Google - Sites, do której zostało się zaproszonym. Definiowanie dostępu do wybranych stron internetowych = Uprawnienia na poziomie strony 1. Właściciel musi aktywować uprawnienia na poziomie strony: Więcej czynności > Udostępnianie i uprawnienia: aktywować uprawnienia poziomu strony. 2. Przypisać osoby do strony internetowej. Dodaj osoby do poziomu witryny Na głównej stronie zaznacz żądaną stronę internetową Użyj tych samych uprawnień i członków jak [nazwa strony internetowej] > Zmień Użyj niestandardowych uprawnień 1. Dodaj nowych użytkowników do tej strony ( = wszystkie osoby, które są zarejestrowane na stronie internetowej.) 2. Nie dodaj nowych użytkowników do tej strony (= osoby wymagają zaproszenia.) Usuń z listy osoby, które nie powinny widzieć strony internetowej (x) definiuj poziom dostępu (odczyt, edycja) osób, które powinny widzieć stronę internetową Opracowała: Iwona Dziąba Szczytno 2017 18