BIQpin - adnotacje na zdjęciu, czyli interaktywna infografika
oprac. Katarzyna Kalita
Chełm, listopad 2015
BIQpin to internetowa aplikacja, dzięki której możemy opatrzyć opisem dowolne zdjęcie. W tych interaktywnych prezentacjach dymki z opisami pojawiają się po wskazaniu zaznaczonych elementów (ikonek). Ich treść może być formatowana i uzupełniana obrazkami, tabelami, animacjami, a nawet podglądem całej strony WWW. Tak przygotowane zdjęcie można udostępnić w mediach społecznościowych lub wykorzystać jako materiał na blogu czy stronie internetowej. Wchodząc na stronę http://biqpin.com/ pojawi się taki widok (fot. 1):
Fot. 1 Mamy tu możliwość zalogowania się, rejestracji i obejrzenia krótkiej prezentacji, jak działa program. Po kliknięciu „zacznij teraz” należy w formularzu podać adres e-mail i hasło, którego będziesz używać. Naciśnij „Zarejestruj”. W celu rozpoczęcia pracy z programem wybierz obraz z chmurą , a następnie wskaż zdjęcie, którego chcesz użyć to stworzenia infografiki. Po przesłaniu zdjęcia mamy jego podgląd w skali 1:1. Aby zmniejszyć lub powiększyć obraz korzystamy z paska zadań po prawej stronie okna (fot. 2).
Fot. 2 W polu
wpisujemy nazwę swojego projektu.
Do dodawania elementów interaktywnych służy zakładka . Kursor myszy zmienił się na krzyżyk. Teraz możemy wybrać miejsce na zdjęciu, do którego dodamy opis . Podwójnie kliknięcie w znacznik otwiera jego edycję (fot. 3), która umożliwia konfigurowanie treści i formy informacji powiązanych ze znacznikiem. Pasek narzędzi jest analogiczny, jak w znanym edytorze tekstu Word.
2
Fot. 3 Aplikacja BIQpin pozwala na zmianę wzoru ikonek. Wystarczy kliknąć w okienko po lewej stronie, a otworzy się paleta z innymi wzorami (fot. 4). Aby przesłać własny wzór ikony naciśnij przycisk „dodaj”.
Fot. 4 Ikony możemy zmniejszać i powiększać. Do tego celu służą przyciski + i -. Zmiana wielkości ikony nie powoduje zmiany wielkości obszaru aktywnego, którego wskazanie powoduje wyświetlenie dymku z opisem. Wielkość zostanie taka sama jak oryginalnej dużej ikony. Treść opisu znacznika wprowadzamy w dolnym polu w oknie EDYCJA TAGU. Opisy możemy dowolnie formatować jak w edytorze tekstu za pomocą paska narzędzi (fot. 3).
3
Ciekawym rozwiązaniem jest możliwość dodania (oprócz linków) tabel, ilustracji, animacji Flash, a nawet fragmentu strony WWW. Wszystkie elementy z wyjątkiem tekstu muszą być pobierane bezpośrednio z Internetu. Każdy dodawany element, np. zdjęcie ma swój własny panel konfiguracyjny, który pozwala na sformatowanie obiektu. Po wybraniu opcji wstawienia zdjęcia (fot. 5) pojawi się okno z właściwościami obrazka (fot. 6).
Fot. 5
Fot. 6 W zakładce „Informacje o obrazku” możemy określić wymiary oraz sposób oblewania zdjęcia przez tekst, w zakładce „Hiperłącze” znajdziemy opcje linkowania, a w „Zaawansowanych” możemy ręcznie skonfigurować kod HTML5 użyty do osadzenia zdjęcia. W przypadku zdjęcia najlepiej użyć szerokości 300-400 px. Zmniejszyć obrazek możemy w panelu „Właściwości obrazka”. Osadzając stronę WWW (fot. 7) za pomocą iFrame w oknie „Właściwości elementu iFrame” w polu należy wybrać maksymalną szerokość zasugerowaną przez dymek i zaznaczyć „Włącz paski przewijania” (fot. 8).
Fot. 7
Fot. 8
4
Gdy zakończysz dodawanie swoich adnotacji do zdjęcia, kliknij . Przetestuj działanie projektu. W następnej kolejności wybierz USTAWIENIA. W polu „kolor dymków:” ustalisz swoje kolory , w polu „szerokość projektu:” określisz wielkość prezentacji on-line, a niżej – maksymalną szerokość dymków z opisami. Swoim projektem możesz podzielić się z innymi osobami (SHARE) poprzez wysłanie e-mailem lub udostępnienie w mediach społecznościowych. Infografikę możesz także zamieścić na stronie internetowej poprzez wygenerowanie kodu służącego do osadzenia na stronie WWW (OPUBLIKUJ) (fot. 9).
Fot. 9 Inne polecane aplikacje służące dodawaniu adnotacji do zdjęć to: Pixtick oraz Marquued.
Źródło: 1. http://biqpin.com/ 2. Mrożewski Bartomiej: Zdjęcie z opisem, PC Format 11/2015, s. 77.
5