Google Web Elements: mapka na stronie

Wiele witryn internetowych czy blogów umieszcza u siebie odsyłacz do map Google pokazujący umiejscowienie firmy. To dobry zwyczaj, który pozwala łatwo znaleźć położenie, jak też uzyskać informacje o dojeździe.

W Google Web Elements mamy teraz wygodny mechanizm tworzenia takiej mapki.

• Kliknij Maps.
• W polu Size wybierz wielkość gadżetu – podgląd Preview będzie automatycznie aktualizowany.
• W polu Map type wybierz typ mapki – najbardziej typowy jest plan miasta, ale możesz wybrać widok satelitarny, widok mieszany lub teren.
• W polu Marker address podaj adres, np. Warszawa, Nowy Świat 58. W podglądzie możesz jeszcze przybliżyć lub oddalić widok, korzystając z suwaka, co zmodyfkuje kod.
• W polu Marker title automatycznie jest wstawiany adres ulicy, ale możesz go ręcznie zmienić, na przykład podając nazwę firmy.

• Z pola Copy and paste this snippet skopiuj kod i wstaw go na swoją stronę.

Żywy przykład takiej mapki.

Google Web Elements: pogaduszki na stronie

Jednym z elementów nowej usługi Google’a o nazwie Google Web Elements jest Conversation. Na swojej stronie możemy umieścić interfejs czatu – zależnie od przeznaczenia (skrzydełko w blogu, osobna strona w witrynie) możemy mu nadać odpowiednią wielkość.

W czacie mogą brać udział osoby mające konto w Google, Yahoo, AIM, Netlog lub też OpenID.

• Na stronie GWE kliknij Conversation.

Ukaże się interfejs, w którym możesz ustalić parametry czatu.

• Rozwiń listę Size i wybierz wielkość interfejsu – Tall dla skrzydełka w blogu, Wide dla szerszej kolumny lub Full page dla osobnej strony.
• W Topic wybierz jeden z gotowych tematów, ale najlepiej wpisać własny, np. Mój czat.
• W Scope wybierz opcję osadzania. Masz dwie opcje. Jeśli wybierzesz Restrict to your site, czat będzie dostępny tylko na twojej stronie i nikt nie będzie mógł skopiować jego kodu. Jeśli wybierzesz Share across the web, każda osoba będzie mogła skopiować kod czatu i umieścić na swojej stronie, a potem prowadzić konwersację właśnie ze swojej strony. Gdy umieści komentarz w swoim interfejsie, będzie on widoczny w interfejsach wszystkich innych osób, które zagnieździły ten sam kod u siebie.
• W polu Copy and paste this snippet skopiuj kod i umieść go w blogu lub na stronie.

Oto żywy przykład takiego interfejsu – po kliknięciu Embed możesz skopiować ten interfejs do siebie. Zauważ, że w interfejs jest nawet wbudowana usługa Google Translate, która wspomaga wielojęzyczną konwersację.

Jeśli widzisz przycisk Sign in, kliknięcie go wyświetli interfejs logowania za pomocą jednej z usług.

Mozilla Ubiquity: pierwsze kroki

Ubiquity to dodatek do przeglądarki Firefox, za pomocą którego można pozyskiwać informacje w przeglądarce za pomocą ręcznie wpisywanych poleceń.

Dodatek możesz znaleźć zawsze w portalu z dodatkami do Firefoksa (https://addons.mozilla.org/pl/firefox/addon/9527) lub też, jeszcze lepiej, w Mozilla Wiki (https://wiki.mozilla.org/Labs/Ubiquity). Na tej ostatniej stronie są też czasem dostępne nieco nowsze wersje beta.

Gdy klikniesz odsyłacz do pliku instalatora, Firefox być może wyświetli jeszcze u góry żółty pasek, w którym dopiero kliknięcie przycisku Zezwól pozwoli zainstalować program.

Dodatek w instalowanej tutaj wersji 0.1.8 ma ponad 600 KB objętości. Po zainstalowaniu musisz oczywiście zrestartować przeglądarkę.

Po restarcie pokaże się okienko z Dodatkami, z zainstalowanym już programem.

Gdy klikniesz Opcje, otwarta zostanie strona about:ubiquity (zapamiętaj to, będzie się przydawać), gdzie zobaczysz między innymi informację, jak wywoływać Ubiquity.

Wywołanie wykonywane jest domyślnie za pomocą Ctrl+spacja, ale możesz zmienić ten skrót na inny, klikając w tym miejscu i podając inny.

Po naciśnięciu skrótu ukazuje się pusta konsola Ubiquity, w której, w miejscu kursora, możesz podawać polecenia. Naciśnięcie Esc zamyka konsolę.

Gdy wpiszesz jakąś literę alfabetu, Ubiquity wyświetli listę poleceń rozpoczynających się od tej litery. Przykładowo, naciśnijmy f.

Kursor podświetla pierwsze polecenie, flickr. Kolejne możesz podświetlać, przenosząc kursor za pomocą klawiszy strzałek.

Gdy naciśniesz klawisz Tab, aktywne polecenie zostanie rozwinięte w wierszu polecenia. Załóżmy, że chcemy znaleźć fotografie w składnicy Flickr. Dopisujemy wyraz kluczowy gepard i po chwili wyświetla się kilka fotografii. Kliknięcie przenosi nas do Flickra.

Zapewne w toku codziennego użytkowania będziesz korzystać z zestawu najbardziej potrzebnych poleceń, które szybko zapamiętasz.

Gdy wpiszesz tw, Ubiquity wyświetli polecenie twitter.

Po kliknięciu Tab wpisz wiadomość do Twittera i naciśnij Enter.

Przeglądarka wyświetli okno dialogowe żądające podania loginu i hasła.

Zaznacz pole wyboru Użyj Menedżera haseł, aby zapamiętać to hasło.

Po przejściu do Twittera zobaczysz, że twój wpis się tam już pojawił.

Może się zdarzyć, że gdy jesteś w toku wykonywania jakichś poleceń w Ubiquity, a przejdziesz do innej aplikacji, okno Ubiquity zniknie. Nie martw się – naciśnięcie Ctrl+spacja przywróci aktualny stan.

Inny przykład – załóżmy, że jesteś posiadaczem konta w Google.

Naciśnij literę a i przejdź do polecenia add-to-calendar. Naciśnij Tab i wpisz  6am Testowy wpis do kalendarza. Naciśnij Enter.

Po przejściu do kalendarza zobaczysz, że pojawiło się tam zdarzenie.

Jak widzisz, nie musisz nawet otwierać kalendarza, aby dopisać do niego zdarzenie. Znajomość składni pozwoli dodawać je, gdy oglądasz akurat całkiem inną stronę i coś ważnego ci się przypomni.

A teraz wpisz w konsoli check. Ubiquity wyświetli polecenie check-calendar z bieżącą datą. Zobaczysz w nim listę swoich wydarzeń z kalendarza Google.

Jeszcze jeden przykład.

Wpisz calc, naciśnij Tab i podaj jakieś wyrażenie, np. 22*84/71.

Podręczny kalkulator od razu obliczy wynik, który możesz skopiować.

Wpisz teraz weather cieszyn. Zobaczysz aktualny stan pogody w Cieszynie.

Wpisz teraz wikipedia hawking. Otrzymasz listę artykułów z angielskiej Wikipedii.

Wpisz map warszawa, marszałkowska 12, a potem kliknij miniaturę mapki. Zostanie wyświetlony interfejs usługi Mapy Google z podanym adresem.

Wpisz command-list i naciśnij Enter. Zostaniesz przeniesiony na stronę chrome://ubiquity/content/cmdlist.html z listą wbudowanych poleceń.

To tylko kilka przykładów dla zachęty. Będziemy jeszcze pisać szerzej pisać o wbudowanych poleceniach Ubiquity, a także o zasobach tworzonych przez użytkowników.

Świetne, prawda?!

Picasa: tworzenie filmu do YouTube

Album fotograficzny Picasa ma wbudowaną funkcję tworzenia klipu wideo ze zdjęć i wysyłania go do YouTube.

• Dla wygody utwórz osobny katalog i wrzuć tam zdjęcia, z których zrobisz film.
• Otwórz Picasę i przejdź do tego katalogu.
• Zaznacz wszystkie zdjęcia myszką.
• Wybierz w menu polecenie Utwórz – Film.

Na ekranie zobaczysz interfejs narzędzia Movie Maker.

Program dokłada na początku slajd tytułowy – na dole widzisz ścieżkę ze slajdami.

• Aby zmienić treść slajdu tytułowego, wybierz w lewym panelu kartę Slajd.
• Zredaguj tekst

Możesz tutaj zmienić czcionkę, jej wielkość i atrybuty, kolory tekstu i tła, wybrać jeden z dostępnych szablonów, wreszcie zmienić widoczną treść. Wszystkie wykonywane zmiany będą natychmiast odzwierciedlane na podglądzie po prawej stronie.

W analogiczny sposób możesz zredagować podpisy pod kolejnymi fotografiami.

Gdy wrócisz do do karty Film, możesz załadować ścieżkę dźwiękową, wybrać styl przejścia między slajdami, określić czas trwania slajdów (domyślnie – 4 sekundy), czas przechodzenia od slajdu do slajdu (domyślnie, 30%), ustalić wymiary filmu (domyślnie, 640x480 – jeśli pokaz ma iść do YouTube, nie wybieraj większych), zaznaczyć pokazywanie podpisów.

Gdy klikniesz Utwórz film, zobaczysz roboczy ekran i komunikat w toku….

Gdy produkcja się zakończy, zobaczysz gotowy film.

Aby wysłać film do YouTube, wykonaj następujące kroki.

• Kliknij Przekaż do usługi YouTube.
• Zaloguj się do usługi YouTube.
• Wypełnij obowiązkowe pola – tytuł, opis, kategoria, tagi.
• Zaznacz pole wyboru Oznacz ten film jako publiczny.
• Kliknij Przekaż plik wideo.

W prawym, dolnym rogu ekranu zobaczysz pasek postępu przekazywania klipu do YouTube, a potem komunikat Kliknij, aby wyświetlić w trybie online.

Przez pewien czas będzie jeszcze trwało przetwarzanie filmu w YouTube. Najlepiej odczekaj spokojnie kwadrans czy pół godzinki – zajmij się czymś innym.

Poniższy film był przetwarzany poniżej 10 minut. Dołączyłem do niego jeszcze ścieżkę dźwiękową z zasobów YouTube, co potrwało dalsze 10 minut.

Gdy wreszcie wszystko zostanie zakończone, będziesz mogła osadzić film w swoim blogu.

Żywy przykład (co ciekawe, filmik ma nawet wersję HQ):

Blogger: szukaj w tym blogu

Posiadacze blogów w Bloggerze mogą skorzystać z ciekawego gadżetu o nazwie Pole wyszukiwania, który po wstawieniu do bloga będzie widoczny pod tytułem szukaj w tym blogu.

• Przejdź do Bloggerze do widoku Układ, do karty Elementy strony.
• W panelu z gadżetami kliknij polecenie Dodaj gadżet.
• Na liście gadżetów Podstawy wskaż gadżet Pole wyszukiwania.

• Zaznacz wszystkie opcje i wstaw gadżet w blogu. W widoku Układ możesz go przesunąć myszką w odpowiadające ci miejsce.
• Kliknij przycisk Zapisz, aby zapisać układ blogu.

Od tego momentu gadżet widnieje w blogu.

Gdy czytelnik wpisze wyraz kluczowy i kliknie Wyszukaj, nad wpisami ukaże się doraźnie okienko wyszukiwarki (można je potem zamknąć). Są w niej cztery karty.

Ten blog – zawartość naszego blogu.

Link z tego miejsca – wyszukuje wyraz na stronach, do których linkujemy w naszym blogu.

Moja lista blogów – pokazuje wyniki w blogach na naszej liście blogów, jeśli ją wstawiliśmy do skrzydełka.

Internet – wiadomo.

Ważna uwaga; ponieważ wyszukiwarkę obsługuje Wyszukiwarka Blogów Google’a, może się zdarzyć, że w jej zasobach nasz blog jeszcze nie figuruje. Właśnie dlatego na ekranie wyżej lista wyników jest pusta.

Pomóż więc Google’owi znaleźć twój blog.

• Przejdź na stronę http://blogsearch.google.com/ping?hl=pl
• W polu Your blog's address: wstaw adres swojego bloga.
• Kliknij Submit Blog.

Po jakimś czasie blog powinien zostać zindeksowany.

Kalendarz Google: publiczne kalendarze

Kalendarzy w Kalendarzu Google możemy mieć wiele – prywatne, współdzielone z naszymi przyjaciółmi, a także kalendarze publiczne, które pokazujemy w Internecie. Te ostatnie przydadzą się wtedy, gdy chcemy na przykład wyświetlać na stronie internetowej czy w blogu informacje o jednorazowych czy powtarzalnych spotkaniach, imprezach, prelekcjach, koncertach i co tam jeszcze.

Pokażmy więc, jak sobie przyszykować taki kalendarz.

• W sekcji Moje kalendarze kliknij Utwórz.

Wyświetlony zostanie formularz do tworzenia kalendarzy.

• Podaj nazwę i opis kalendarza.
• Zaznacz pole wyboru Udostępnij ten kalendarz publicznie.
• Kliknij przycisk Utwórz kalendarz.

System poinformuje jeszcze, że kalendarz zostanie udostępniony publicznie, w tym wyszukiwarce Google. Kliknij OK.

• Wprowadź teraz do kalendarza kilka jednorazowych i powtarzalnych wydarzeń, przypisując je do tego publicznego kalendarza.
• Rozwiń listę poleceń przy kalendarzu i wybierz polecenie Ustawienia kalendarza.

• Na karcie Szczegóły kalendarza przewiń ekran do sekcji Osadź ten kalendarz.

Zobaczysz tam domyślny kod do osadzania ramki z kalendarzem.

• Kliknij polecenie Dostosuj kolor, rozmiar i inne opcje.
• Na stronie Pomocnika ustal parametry wyświetlania zależnie od swoich potrzeb, biorąc pod uwagę docelowe miejsce. Przykładowo, jeśli to skrzydełko bloga, to przyjmij szerokość odpowiadającą skrzydełku i wybierz widok domyślny Plan dnia. Jeśli to inne miejsce, możesz przyjąć widok tygodnia czy miesiąca. Poeksperymentuj z parametrami, obserwując zmiany.
• Na koniec kliknij Aktualizuj kod HTML i skopiuj ten kod do schowka.

• Na swojej stronie wklej kod w odpowiednie miejsce.

A teraz żywy przykład z powtarzalnymi wydarzeniami.

Zauważ jeszcze, że użytkownicy, po kliknięciu, mogą kopiować poszczególne wydarzenia do swoich prywatnych kalendarzy.

Jak widać, niezbyt skomplikowane, a może być użyteczne.

Kalendarz Google: współdzielenie kalendarza

Usługi sieciowe, które pozwalają trzymać dane w “chmurze”, czyli na serwerach usługodawcy, są wygodne dlatego, że mamy do nich dostęp z każdego miejsca i każdego komputera. Ale ich zaletą jest też to, że możemy współpracować z innymi osobami i wspólnie tworzyć dane.

Przykładem takiego narzędzia jest Kalendarz Google. Osoby mające konta w systemie Google mogą współdzielić kalendarz i edytować zawarte w nim dane. Pokażmy, jak utworzyć taki kalendarz.

Załóżmy, że użytkownik Paweł Wimmer chce współdzielić kalendarz z użytkownikiem Janem Wirtualnym. Jedna z tych osób powinna utworzyć kalendarz i udostępnić go drugiej. Jeśli chcesz zrobić to samo, wykonaj następujące czynności.

• W Kalendarzu Google, w sekcji Moje kalendarze, kliknij polecenie Utwórz.

Na ekranie wyświetlony zostanie formularz, w którym zdefiniujesz kalendarz.

• W polu Nazwa kalendarza podaj nazwę, np. Współpraca.
• W polu Opis podaj jakiś opis, np. Nasz wspólny kalendarz.
• W sekcji Udostępnij określonym osobom, w polu Osoba wpisz adres pocztowy współpracownika.
• Z rozwijanej listy Ustawienia uprawnień wybierz właściwą opcję. Osoba może mieć uprawnienia do:
• dokonywania zmian w zapisach i zarządzania uprawnieniami
• dokonywania zmian w zapisach
• wyłącznie wyświetlania wydarzeń
• wyłącznie obserwowania stanu wolny/zajęty, bez szczegółów wydarzeń

Jak więc widać, przydzielane uprawnienia idą od najszerszych, do najwęższych. Oczywiście, jeśli masz pełne zaufanie do danej osoby – a takie przecież zakładamy – wybierz pierwszą opcję. W dowolnej chwili możesz zresztą zmienić zakres uprawnień.

• Kliknij Dodaj osobę.
• Kliknij przycisk Utwórz kalendarz, aby zakończyć jego tworzenie.

W twoim kalendarzu, w sekcji Moje kalendarze, pojawi się utworzony właśnie kalendarz. Co teraz dzieje się u twojego współpracownika?

Otrzymuje on w swoim Gmailu stosowne powiadomienie:

List zawiera szczegóły operacji oraz odsyłacz do utworzonego właśnie kalendarza, który automatycznie został dodany do jego kalendarzy.

Po kliknięciu polecenia Wyświetl ten kalendarz nasz współpracownik jest przenoszony do swojego kalendarza, gdzie zobaczy gotowy kalendarz Współpraca.

Gdy teraz wprowadzi jakieś wydarzenie, przydzielając je do wspólnego kalendarza o nazwie Współpraca, pojawi się ono w jego kalendarzu:

Ale także pojawi się automatycznie u współpracujących osób:

Zauważ, że kolory wydarzeń w kalendarzach różnych osób mogą być odmienne, jeśli użytkownicy stosują inne schematy kolorów.

Jak widzisz, jest to komfortowa technika współpracy, dzięki której prowadząc niezależnie swoje prywatne kalendarze, możemy też budować wspólny kalendarz, koordynując wygodnie dzięki niemu swoje działania.

OffiSync: MS Office i Dokumenty Google razem

Offisync to bezpłatny program, za pomocą którego możesz połączyć ze sobą Microsoft Office i dokumenty Google. Po zainstalowaniu będziecie mogli na przykład redagować teksty w Wordzie czy Excelu, zapisywać je na koncie w Google, a także współpracować z innymi osobami.

Offisync wymaga Windows XP lub Vista oraz MS Office 2003 lub 2007.

• Przejdź na stronę http://offisync.com/download.html
• Pobierz plik setup.exe i uruchom go – instalator dociągnie jeszcze ponad 5 MB i zainstaluje dodatek.

Uruchamiamy Worda 2007. Program dodał do niego wstążkę OffiSync. W Wordzie 2003 będzie to osobne menu.

Najpierw trzeba ustawić konto (możesz ich mieć kilka).

• Kliknij Accounts i zaakceptuj warunki użytkowania.
• W okienku OffiSync Accounts dodaj konto, podając swój login i hasło do konta Google.

• Zamknij okienko.

Dla próby otwórz dokument znajdujący się na twoim koncie w Dokumentach Google.

• Kliknij Open.
• W oknie dialogowym Open Document wskaż dokument i kliknij przycisk Open.

Dokument zostanie pobrany z konta i wczytany do Worda.

A teraz odwrotnie, zapisywanie na koncie.

• Zredaguj dokument.
• Kliknij przycisk Save w pasku OffiSync.
• Wskaż miejsce w Dokumentach Google, gdzie chcesz zapisać plik.
• Podaj nazwę pliku i kliknij Save.

Możesz od razu sprawdzić w przeglądarce, że dokument został zapisany na twoim koncie.

Zauważ od razu, że pod prawym przyciskiem myszki w oknie dialogowym OffiSync Document masz polecenia New Folder i Delete, zatem możesz tworzyć nowe foldery w Dokumentach Google, jak i je usuwać. Podobnie, możesz usuwać poszczególne pliki.

Trzeba pamiętać, że formatowanie dokumentu dostosowuje się do formatowania w Dokumentach Google – nie spodziewaj się zatem, że GDocs zachowają na przykład wymyślne formatowanie tabelek. Jednak przy typowych zastosowaniach nie ma to większego znaczenia.

Z poziomu Worda możesz przeszukiwać dokumenty na koncie.

• Kliknij przycisk Search w pasku.
• W oknie dialogowym Open Document, na karcie Search, w polu Search Text podaj wyraz kluczowy i kliknij przycisk Search.

Program wyświetli po chwili dokumenty z danym wyrazem kluczowym.

Nad danym dokumentem możesz współpracować z innymi osobami. Przy zapisywaniu dokumentu na koncie możesz podać adresy mailowe tych osób.

• W sekcji Collaborators podaj adres e-mail. Przydziel dostęp Write Access (współredagowanie) lub Read Only (tylko odczyt).
• Jeśli osób jest więcej, kliknij Add i dopisz kolejny adres.

• Zapisz dokument kliknięciem Save.

Program wyświetli okienko dialogowe OffiSync Mail Notification, w którym możesz wpisać notatkę i wybrać odbiorców, na przykład Notify all collaborators.

• Kliknij Send.

Dokument znajdzie się automatycznie na kontach zaproszonych osób.

Jeśli twój współpracownik zmieni u siebie zawartość dokumentu, zostanie on zmieniony na wszystkich kontach i wczytasz z serwera nową wersję.

Listę współpracowników przy danym dokumencie możesz zresztą zbudować zawczasu.

• Kliknij przycisk Collaborators.
• Podaj wszystkie adresy i wyślij notyfikację.

Jak więc widać, program jest wygodnym narzędziem, które pozwoli połączyć stale używany edytor z danymi w chmurze, a co więcej, współpracować z dowolnymi osobami na świecie. Na pewno warto wypróbować, jak się sprawuje w codziennym działaniu.