Użycie Conveyor 2

Podstawowa koncepcja

Prezentacja Conveyor składa się z obrazu głównego (tła), na którym użytkownik może umieszczać obszary aktywne, które po kliknięciu powodują przejście do innych plików, takich jak:

• strona,
• obraz graficzny,
• plik dźwiękowy,
• film,
• strona WWW.

Na stronie poniżej znajduje się przewodnik użytkownika, napisany przez jednego z członków zespołu twórców systemu, który poprowadzi Cię przez proces tworzenia prostej prezentacji Conveyor 2.

Po przejściu tego przewodnika, ale przed rozpoczęciem pracy z systemem, zapoznaj się proszę z dodatkowmi informacjami z następujących źródeł: Jak wygląda prezentacja Conveyor 2, Planowanie prezentacji, Przydatne oprogramowanie, Wymagania sprzętowe i systemowe.

Informacje zawarte w przewodniku przedstawionym poniżej oraz w czterech źródłach wskazanych w poprzednim akapicie powinny umożliwić Tobie bezproblemowe i przyjemne doświadczenie tworzenia prezentacji.

Coveyor 2 - Przewodnik użytkownika

Witaj, mam na imię John i chciałbym przekształcić przewodnik po historycznym domu w formie książki w interaktywną prezentację. Dysponuję większością oryginalnej szaty graficznej, obrazów i tekstów użytych w procesie tworzenia książki przewodnika. Podstawą mojej prezentacji jest rysunek artysty, który przestawia widok historycznego domu pozbawionego jednej ze ścian ukazujący pokoje i inne pomieszczenia znajdujące się wewnątrz domu.

Użyję tego rysunku jako obrazu głównego mojej prezentacji, a następnie dodam aktywne obszary nad wybranymi pokojami, które będą odsyłaczami do stron zawierających więcej informacji na ich temat. Najpierw muszę zalogować się do mojego konta Conveyor.

Logowanie

Aby zalogować się do istniejącego konta lub zarejestrować nowe konto użytkownika powinieneś wejść na stronę domową Conveyor www.getconveyor.com. Jeśli jeszcze nie masz konta to wypełnij formularz rejestracyjny i kliknij przycisk 'Zarejestruj' w celu utworzenia nowego konta użytkownika. Jeżeli już posiadasz konto wtedy kliknij przycisk 'Zaloguj'.

Rozpoczęcie nowego projektu

Po zalogowaniu widzimy stronę z projektami 'Projekty'. Na górze znajduje się lista moich poprzednich projektów, a poniżej znajduje się okno dialogowe, w którym mogę rozpocząć nowy projekt.

Aby rozpocząć mój nowy projekt wpisuję nazwę projektu 'Town House' (pol. 'Dom miejski').

Następnie muszę wybrać obraz główny dla mojego projektu, którym będzie rysunek domu, o którym wcześniej wspomniałem. W tym celu klikam przycisk 'Przeglądaj' i odszukuję na twardym dysku plik z rysunkiem. Gdy to uczynię pojawi się ścieżka do wybranego pliku obrazu graficznego.

Na zakończenie klikam przycisk 'Zbuduj ten projekt'.

W czasie, gdy system ładuje obraz do mojego projektu może wystąpić krótkie opóźnienie.

Po zakończeniu procesu ładowania obrazu głównego pojawia się strona 'Edycja projektu', która zawiera wczytany obraz, powyżej którego znajduje się zestaw opcji, takich jak:

• Projekty,
• Pliki,
• Nowy obszar aktywny,
• Zmień główny obraz,
• Podgląd.

Zobaczymy jak używać tych opcji podczas tworzenia prezentacji.

Teraz jednak jestem lekko zaniepokojony, ponieważ obraz główny wygląda na zbyt duży do mojej prezentacji. Aby to sprawdzić, klikam przycisk 'Podgląd', który pozwala mi zobaczyć moją prezentację w taki sposób, jak będzie ona wyglądać po jej ukończeniu. Podgląd prezentacji pojawia się w nowej karcie przeglądarki internetowej.

Po załadowaniu podglądu mogę zobaczyć, że obraz główny przedstawiający dom nie pasuje do okna przeglądarki. Dlatego system umieścił w dolnej części strony narzędzie nawigatora.

Narzędzie nawigatora

Narzędzie nawigatora składa się z miniaturowej wersji obrazu głównego z nałożonym czerwonym prostokątem reprezentującym okno przeglądarki. Chwytając i przesuwając prostokąt w prawo i w lewo, w górę i w dół mogę przesuwać obraz główny w oknie przeglądarki. Narzędzie nawigatora jest bardzo przydatne w przypadku, gdy celowo wybierzesz duży obraz, być może taki, który jest bardzo szeroki, jak  np. obraz panoramiczny, lub taki, który zawiera dużo szczegółów.

Zmiana głównego obrazu

W tworzonej prezentacji chciałbym, aby obraz główny był dopasowany do okna przeglądarki bez potrzeby jego przesuwania. Dlatego muszę zmienić plik z obrazem głównym na plik zawierający jego mniejszą wersję. Na twardym dysku komputera posiadam plik z obrazem głównym o rozmiarze 1100 x 750 pikseli, który powinien być odpowiedni.

Zamykam kartę z podglądem projektu i wracam do strony do edycji projektu, na której klikam przycisk 'Zmiana obrazu głównego'.

Pojawia się na ekranie okno dialogowe 'Wybór obrazu'. Tak jak poprzednio, klikam przycisk 'Przeglądaj' i odszukuję plik z obrazem na twardym dysku. Po wykonaniu tego zadania obraz pojawia się w polu w Box 1. Wpisuję tytuł w Box 2, opis w Box 3, a następnie klikam przycisk 'Użyj tego pliku'.

Po załadowaniu nowego obrazu głównego okazuje się, że ma on odpowiedni rozmiar. Aby się w tym utwierdzić, klikam przycisk 'Podgląd'. Podgląd pojawia się w nowej karcie i mogę zobaczyć, że teraz obraz główny pasuje do okna przeglądarki, a system nie umieścił na stronie narzędzia nawigatora, ponieważ nie było to tym razem potrzebne.

Uwaga: Jeśli teraz chwycisz narożnik okna przeglądarki i przesuniesz w taki sposób, że rozmiar okna stanie się mniejszy niż obraz główny, wtedy system ponownie doda narzędzie nawigatora. Z kolei, jeśli rozciągniesz okno do większego rozmiaru, narzędzie nawigacji zniknie.

Będąc usatysfakcjonowanym z faktu, że obraz główny pasuje do okna przeglądarki, mogę przejść do dodania treści do prezentacji. Zamykam kartę z podglądem i powracam do strony edycji projektu.

Dodawanie obszarów aktywnych

Chciałbym dodać odsyłacz z jednego z pokojów widocznych na obrazie głównym do strony z większą ilością informacji na temat tego pokoju.

W tym celu klikam przycisk 'Nowy obszar aktywny' i na środku ekranu pojawia się obszar w domyślnym rozmiarze. Obszar ten może być przesuwany przez kliknięcie w jego miejscu i przeciąganie w różne pozycje obszaru głównego. Rozmiar i kształt obszaru może być zmieniony przez kliknięcie i przesunięcie uchwytów w narożnikach. Na zrzucie ekranu poniżej jest widoczny obszar aktywny umieszczony mniej więcej nad salonem na pierwszym piętrze domu.

Odsyłacz do strony

Chciałbym, aby utworzony obszar aktywny był odsyłaczem do nowej strony. W tym celu wybieram opcję 'To powinno pokazać tekst', co powoduje pojawienie się okna dialogowego do wyboru strony, a następnie wprowadzam tytuł 'Drawing Room' (pol. 'Salon') i klikam przycisk 'Utwórz stronę'.

Systemowi zajmuje kilka chwil utworzenie odsyłacza i otwarcie nowej pustej strony o salonie.

Teraz mogę zobaczyć pustą stronę.

Dodawanie tekstu i obrazów

Mam zamiar użyć część tekstu pochodzącego z pliku z treścią oryginalnego przewodnika książkowego. W tym celu wybieram fragment tekstu, który chcę użyć, kopiuję go i wklejam na pustej stronie.

Aby dodać obraz, umieszczam kursor w miejscu, w którym powinien pojawić się obraz i klikam przycisk 'Wstaw obraz' w pasku narzędziowym. Na rysunku poniżej, ten przycisk jest oznaczony okrągłym podświetleniem.

Pojawia się okno dialogowe 'Załaduj plik' i przeglądam zawartość twardego dysku w poszukiwaniu odpowiedniego obrazu. Po wybraniu odpowiedniego pliku, dodaję tytuł i opis obrazu, po czym klikam przycisk 'Użyj tego pliku'.

Teraz strona zawiera tekst i obraz.

Gdy tekst i obraz są już na swoim miejscu, można dokonać edycji tekstu, jeśli istnieje taka potrzeba. W prezentowanym przykładzie pewna część tekstu została usunięta, tak aby cała strona była widoczna bez potrzeby przewijania jej w górę i w dół.

Podgląd strony

Po dokonaniu edycji strony byłoby dobrze zobaczyć jak ona pojawi się w końcowej prezentacji. W tym celu klikam przycisk 'Podgląd', czekam na załadowanie prezentacji, a następnie klikam na aktywnym obszarze obrazu głównego. Strona o salonie zostaje załadowana i wygląda jak pokazano poniżej.

Spędźmy chwilę, by zobaczyć czego się dotychczas nauczyliśmy...

Dotąd utworzyłem nowy projekt, zastąpiłem obraz główny innym, dodałem obszar aktywny, połączyłem go odsyłaczem ze stroną, dodałem tekst i obraz, oraz sprawdziłem wygląd utworzonej prezentacji w trybie podglądu.

Przeglądarka Firefox i użycie kart

Rekomendujemy użycie przeglądarki Firefox do tworzenia prezentacji Conveyor. Jeśli używasz Firefoxa, podgląd strony otworzy się w nowym oknie lub w nowej karcie, w zależności od indywidualnych ustawień przeglądarki. Ustawienia te mogą być zmienione opcjach przeglądarki w sekcji 'Karty'. Ja używam ustawienia 'Nowe strony powinny być otwierane w nowej karcie', ponieważ to sprawia, że zarządzanie wieloma stronami jest łatwiejsze, niż w przypadku wielu okien pojawiających się w różnych miejscach ekranu.

Powrót do trybu edycji

Aby powrócić do trybu edycji projektu mogę kliknąć na wybranej karcie lub, jeśli została ona zamknięta, mogę powrócić na stronę domową www.getconveyor.org i kliknąć odsyłacz 'Mój folder', jak pokazano poniżej.

To spowoduje załadowanie strony z projektami. Wtedy wybieram 'Edycja', co spowoduje załadowanie obrazu głównego, a następnie klikam wcześniej utworzony obszar aktywny i odsyłacz 'Drawing Room', który pojawia się w polu obok odsyłacza.

Odsyłacz do nowej strony

Po powrocie do strony o salonie, mogę połączyć ją odsyłaczem z nową stroną.

Najpierw dodaję tekst odsyłacza na dole strony - w tym przypadku słowo 'More' (pol. 'Więcej'). Następnie zaznaczam tekst odsyłacza za pomocą kursora i klikam przycisk 'Int link' (pol. 'Wewnętrzny odsyłacz) w pasku narzędziowym. Pojawia się okno dialogowe, w którym wybieram zakładkę 'Utwórz nową stronę' i wprowadzam tytuł nowej strony, a następnie klikam przycisk 'Utwórz stronę'.

Po przeładowaniu strony słowo 'More' ('Więcej') staje się odsyłaczem.

Użycie menu 'Pliki'

Aby zlokalizować nową stronę klikam odsyłacz 'Pliki' w menu w górnej części ekranu. Przed otwarciem nowej strony wykonam jeszcze kilka czynności.

Menu 'Pliki' pozwala organizować pliki przez dodawanie, otwieranie i usuwanie ich. Najpierw chcę usunąć plik z dużą wersją obrazu głównego, z użycia którego wcześniej zrezygnowałem, ponieważ był zbyt duży do prezentacji. W tym celu zaznaczam go używając pola wyboru i klikam 'Usuń ten plik'.

Plik został usunięty z listy. Następnie chcę załadować dwa pliki, które później użyję. Jeden jest plikiem dźwiękowym, a drugi plikiem wideo. W tym celu klikam 'Nowy dźwięk', co powoduje otwarcie oka wyboru 'Załaduj nowy plik'. Tak jak przedtem, przeglądam zawartość twardego dysku, wybieram odpowiedni plik, dodaję tytuł i opis, po czym klikam 'Użyj tego pliku'.

Następnie klikam 'Nowe wideo' i powtarzam te same czynności jak w przypadku dźwięku.

Teraz oba nowe pliki ukazują się na liście menu 'Pliki'.

Uzupełnienie nowej strony

Nadszedł czas, aby otworzyć nową stronę. W tym celu klikam 'Drawing Room - more' ('Salon - więcej') i strona się otwiera.

Następnie, dodaję trochę tekstu i obraz w taki sam sposób jak dla pierwszej strony. Została także dodana linia tekstu na dole strony z instrukcją dla użytkownika 'Click on the picture to hear some music' (pol. 'Kliknij na rysunek, aby usłyszeć muzykę').

Połączenie obrazu z plikiem dźwiękowym

Teraz chciałbym połączyć obraz odsyłaczem z plikiem dźwiękowym, który wcześniej załadowałem. W tym celu klikam obraz i 'Int link' (pol. 'Wewnętrzny odsyłacz'), po czym otwiera się okno wyboru pliku dla wewnętrznego odsyłacza.

Klikam 'Drawing Room tune' (pol. 'Salon - melodia') i okno wyboru pliku znika, a obraz ma obramowanie wskazujące, że jest odsyłaczem.

Połączenie obszaru aktywnego z plikiem wideo

Jest jeszcze jedna rzecz do zrobienia, którą jest dodanie pliku wideo połączonego bezpośrednio odsyłaczem z obrazem głównym. W tym celu zamykam okno strony klikając przycisk X w prawym górnym rogu i powracając do obrazu głównego. Następnie klikam 'Nowy obszar aktywny' oraz ustawiam jego rozmiar i pozycję nad obszarem piwnicy z winami.

Następnie klikam 'To powinno odtworzyć film', po czym otwiera się okno wyboru filmu. Wybieram zakładkę 'Załadowane pliki', klikam 'Wine cellar movie' (pol. 'Piwnica z winami - film'), po czym okno wyboru filmy się zamyka.

Kontrolka obszaru aktywnego pokazuje tekst 'This hotspot currently links to: Wine cellar movie' (pol. 'Ten obszar aktywny jest połączony do: Piwnica z winami - film').

Podgląd prezentacji

Reasumując, utworzyłem krótką prezentację opartą na obrazie głównym, połączyłem go odsyłaczem ze stroną, dodałem treść do strony, połączyłem tę stronę odsyłaczem z kolejną stroną, dodałem więcej treści, połączyłem obraz z dźwiękiem i bezpośrednio połączyłem plik wideo z obrazem głównym. Zobaczmy jak wygląda utworzona prezentacja.

Po kliknięciu na 'Podgląd' zostaje załadowany obraz główny prezentacji.

Następnie klikam na obszarze aktywnym nad salonem, co powoduje załadowanie strony o salonie.

Następnie klikam odsyłacz 'More' (pol. 'Więcej'), co powoduje załadowanie drugiej strony.

Klikam na rysunku, co powoduje odtworzenie pliku dźwiękowego.

Zamykam okno i klikam na obszarze aktywnym nad piwnicą z winami, co powoduje odtworzenie pliku wideo.

Pobieranie prezentacji

Prezentacja włącznie z jej obrazami, plikami dźwiękowymi i wideo, została połączona i zapisana, a także była przeglądana na stronie GetConveyor. Po utworzeniu prezentacji, może ona zostać pobrana na komputer lokalny i przeglądana off-line.

W tym celu wracam do strony z projektami 'Projekty', odnajduję projekt 'Town House' (pol. 'Dom miejski'), a następnie klikam 'Pobierz'.

W zależności od typu używanego komputera, może pojawić się systemowe okno dialogowe z prośbą o wskazanie lokalizacji zapisywanego pliku. Wystarczy wybrać dogodną dla siebie lokalizację na twardym dysku i kliknąć przycisk OK.

Pobrany plik będzie miał postać archiwum .zip. Należy rozpakować pobrane archiwum do wybranego folderu. Zawartość folderu będzie wyglądać następująco.

Aby odtworzyć prezentację na Twoim własnym komputerze, po prostu przeciągnij plik 'index.html' do okna przeglądarki. Prezentacja powinna zostać odtworzona ze wszystkimi obszarami aktywnymi do stron, obrazów, dźwięków i plików wideo.

To wszystko jeśli chodzi o ten przewodnik. Teraz widzisz jak proste jest tworzenie prezentacji używając Conveyor 2. Dlaczego więc nie spróbować zrobić tego samodzielnie?