Archive for the ‘TOOLBOX webmastera’ Category

Jak umieścić mapę google z zaznaczoną trasą na swojej stronie www lub w blogu

Thursday, September 11th, 2008

Dzisiejszy temat oddalony jest nieco od dotychczasowych, wydaje mi się jednak że w dobie powszechnie panujących blogów i serwisów społecznościowych umieszczanie spersonalizowanych map z własnymi trasami ma swoje znaczenie. W praktyce jest to bardzo proste. Wystarczy wejść na stronę maps.google.com, kliknąć link pokaż trasę a następnie wpisać punkty swojej podróży (może to być więcej punktów niż tylko początkowy A i końcowy B).

pokaztrase.jpg

mapygpp1.jpg

mapygpp2.jpg

Pobranie kodu mapy

Aby pobrać kod mapy klikamy w napis Link po prawej stronie nad mapą:

mapygpp3.jpg

Jeśli nie chcemy nic zmieniać w zakresie rozmiaru mapy po prostu zaznaczamy i kopiujemy tekst z pola pod napisem Wklej kod HTML do swojej strony internetowej. Jeśli chcemy dostosować rozmiar mapy do wyświetlenia na swojej stronie klikamy w link

mapygpp3i5.jpg

Na okienku które się pojawi zaznaczamy odpowiednie opcje i pobieramy wygenerowany kod

mapygpp4.jpg

Poniżej przykładowa mapa wygenerowana przeze mnie:

Moja trasa rowerowa którą pokonałem na wakacjach w 1998 roku


Wyświetl większą mapę

Menedżer zadań w Google Chrome

Sunday, September 7th, 2008

Jak na bezpieczną aplikację przystało w Google Chrome można zamykać karty podobnie jak w systemie operacyjnym poszczególne zadania. Jest to potrzebne w sytuacji gdy z jakiegoś względu trafimy na stronę powodującą że przeglądarka przestaje zwykle reagować. W IE7, Firefox czy w Operze skończyłoby się to zamknięciem całej aplikacji, w przypadku Google Chrome według założenia niekoniecznie. Zawieszone karty możemy zamknąć niezależnie od innych wykorzystując menedżer zadań.

opcjegchrome.jpg

mzgchrome.jpg

Może się jednak zdarzyć że coś pójdzie nie tak i zobaczymymy: TO :)

Formularze w Dokumentach Google - łatwiejszy sposób na zbieranie informacji

Monday, September 1st, 2008

W sobotę obiecałem zająć się szerzej tworzeniem formularzy google jako wygodniejszej formy zbierania danych niż dotychczas stosowana w Arkuszach Google.

Generalnie w arkuszach google ta ciekawa technika była zapoczątkowana i jak na mój gust nie było tak źle z dostępem do edycji i modyfikacji formularza, jednak wprowadzone zmiany wydają się iść tak dalece na rękę zwykłemu nieobeznanemu użytkownikowi że bez wahania zaakceptowałem tę nowość. Poniżej przedstawiam swoje wnioski i spostrzeżenia oraz sposób w jaki można utworzyć najprostszy użyteczny formularz, w poniższym przypadku ma on formę ankiety, ale równie dobrze można utworzyć formularz przyjęcia zamówienia, formularz zapisania się na wycieczkę, spotkanie, szkolenie itp.

Gdy w panelu Google utworzymy nowy formularz w pierwszej chwili zobaczymy ekran jak niżej (do opisu zrzutów wykorzystałem dodatek Fireshot do Firefoxa).

formularzcr1gd.jpg

formularzcr2gd.jpg

Rodzaje pól w formularzu

Pole typu Text (zwykłe pole tekstowe)
Pole typu Paragraph Text (tekst akapitu - wielowierszowy)
Pole typu Multiple choice (wielokrotny wybór - w tym przypadku pola opcji)
Pole typu Checkboxes (pola wyboru wybór: jeden lub kilka naraz)
Pole typu Choose from a list- Wybierz z listy - definiujemy listę wartości - pojawi się ona w pojedynczym formancie)
Pole typu Scale 1-n - Definiujemy wartości graniczne oraz ilość stopni - np. Twój stosunek do polityki, ekscytacja, straszna nuda, 5 )

formularzcr2i5gd.jpg

Edycja komunikatu potwierdzenia

Po wypełnieniu formularza i jego zatwierdzeniu przez użytkownika na stronie pojawi się domyślny komunikat z podziękowaniem i informacją o przyjęciu danych do arkusza. Treść komunikatu możemy zmienić postępując jak pokazałem niżej.

formularzcr3gd.jpg

Czynności końcowe - wstawienie formularza na stronie

Oprócz pokazanego wyżej przykładu zapytania, możemy dodawać kolejne pytania, dane pytanie może mieć odpowiedzi tylko jednego typu, natomiast w formularzu mogą występować pytania, z których każde ma inny typ odpowiedzi (z listy, 1-n itp.)
Gdy zakończymy edycję naszego formularza przychodzi moment kiedy chcemy aby był widoczny na stronie tak by chętni mogli go uzupełniać. Poniżej pokazałem jak to wykonać. Operowałem na wersji angielskiej (US English) gdyż w tym języku wszelkie nowości pokazują się jako pierwsze. Z tego co zdążyłem się zorientować w wersji polskiej te wszystkie funkcjonalności też już występują, tak więc wybór należy do Ciebie.

formularzcr4gd.jpg

Moduł statystyk

W formularzu Google w trybie edycji udostępnione są proste statystyki udzielonych odpowiedzi kliknij w link View responses aby je wyświetlić. Efekt pokazano niżej.

formularzcr5gd.jpg

Jedna uwaga dotycząca statystyk, jeśli chcesz uniknąć zamieszania najlepiej samodzielnie nie testuj formularza. Poniżej pokazałem dlaczego

formularzcr6gd.jpg

formularzcr7gd.jpg

Całe tworzenie formularzy jest w zasadzie bardzo proste i może służyć wielu celom. Bardziej funkcjonalne ich wykorzystanie widzę w zamkniętych grupach ludzi lub mniejszych społecznościach, które mają określony cel. Przypadkowi ludzie niechętnie uzupełniają formularze, chyba że wiąże się z tym jakaś korzyść

Fireshot - Screenshooty z opisami

Tuesday, August 26th, 2008

Fireshot jest mało znanym dodatkiem Firefoxa, który znacząco wspomaga przygotowanie screenshotów do blogów i prezentacji. Dawniej zwykle używałem programu “Narzędzie wycinanie” wbudowanego w Vistę a częściej Painta bo ułatwiały mi one przygotowanie plików graficznych. Obecnie zaznajamiam się z Fireshotem. Dodatek po zainstalowaniu uruchamia się z ikony na pasku nawigacji po prawej stronie

fireshot.PNG

Oto niektóre z efektów jego działania.

fireshot_1.jpg

fireshot1.png

Jeśli prowadzisz bloga i umieszczasz oraz opisujesz grafikę znalezioną na innych stronach to myślę że Fireshot będzie dobrym rozwiązaniem.

Jak umieścić wykres z Arkuszy Google na dowolnej stronie internetowej

Monday, August 11th, 2008

Mała zmiana tematu. Coś co pewnie okaże się przydatne dla użytkowników Dokumentów i Arkuszy Google.
Czasem potrzebujemy wesprzeć się profesjonalnie wyglądającym wykresem na stronie www. Co wtedy zrobić ?

Dokumenty i arkusze Google umożliwiają eksportowanie wykresu w postaci ramki html na dowolną stronę www. Co więcej wykres taki może być na bieżąco uaktualniany z poziomu Arkusza Google bez potrzeby ponownego umieszczania wykresu na stronie.

Sposób umieszczenia wykresu zamieściłem poniżej:

Zakładam że masz gotowy wykres zrobiony w arkuszu google. Kliknij w obszarze wykresu prawym klawiszem myszki i z menu podręcznego wybierz Publish chart

pubgdchart1.PNG

Gdy pojawi się okno jak niżej skopiuj adres z okienka i kliknij Done

pubgdchart2.PNG

Skopiowany tekst należy oczywiście wkleić w kod HTML swojej strony. Wynik pokazałem poniżej