NetTur http://www.nettur.pl nettur@nettur.pl HANDBOOK Tworzony przez zespół NetTur Wersja 1.2.1 Copyright NetTur.pl 1998-2008
Spis treści Wstęp... 6 1. NetTur... 7 1.1 Historia NetTur... 7 1.2 Funkcjonalność rozwiązań NetTur......7 1.3 Technologie i techniki wykonania...... 7 1.3.1 DHTML...... 7 1.3.2 AJAX...... 8 1.4 Program CMS.NetTur...... 9 1.4.1 Instalacja i pierwsze uruchomienie programu CMS.NetTur...... 10 1.4.2 Wygląd programu CMS.NetTur...... 11 1.5 Wyszukiwarka... 12 2. Projekt graficzny... 13 2.1 Projekt graficzny z klonami... 13 2.2. Własny projekt graficzny... 14 2.3 Przykłady serwisów internetowych stworzonych przez NetTur... 14 3. Podział serwisu... 25 3.1 Strona startowa... 25 3.1.1 Menu główne... 27 3.1.2 Menu poziome... 28 3.1.3 Menu pionowe... 28 3.1.4 Menu jednopoziomowe... 28 3.1.5 Menu wielopoziomowe... 29 3.1.6 Szablon graficzny menu... 30 3.1.7 Szablon tekstowy menu... 30 3.1.8 Menu poziome wielopoziomowe... 30 3.1.9 Menu poziome wielopoziomowe z użyciem flash... 31 3.1.10 Menu pionowe wielopoziomowe... 31 3.1.10.1 Rozwijanie pod kategorią... 32 3.1.10.2 Rozwijanie w bok... 32 3.1.11 Techniki wykonania menu... 32 3.1.11.1 DHTML... 33 3.1.11.2 AJAX... 33 3.1.12 Przykłady zawartości menu informacyjnego... 33 3.1.13 Odnośniki do wyników wyszukiwania w menu... 34 3.2 Podstrony... 35 3.2.1 Dokumenty informacyjne... 35 3.2.2 Techniki wyświetlania dokumentów informacyjnych... 35 3.2.3 Wyniki wyszukiwania... 35 3.2.3.1 Standardowe wyniki wyszukiwania... 37 3.2.3.2 Pojedyncza oferta na liście wyników wyszukiwania... 37 3.2.3.3 Dodatkowe możliwości... 40 3.2.3.4 Techniki wykonania... 40 3.2.3.4.1 PHP... 40 3.2.3.4.2 AJAX... 40 3.2.3.4.3 PHP i AJAX... 40 3.2.3.4.4 PHP i DHTML... 41 3.2.3.5 Niestandardowe wyniki wyszukiwania... 41 3.2.3.5.1 Zakładki w wynikach wyszukiwania... 42 3.2.3.5.2 Tło w wynikach wyszukiwania.... 43-2 -
3.2.4 Widok oferty... 43 3.2.4.1 Elementy podstrony z opisem oferty... 43 3.2.4.2 Tytuł oferty... 43 3.2.4.2.1 Kod Touroperatora... 43 3.2.4.2.2 Kod oferty... 44 3.2.4.3 Menu nawigacyjne... 45 3.2.4.4 Podstawowe informacje o wycieczce... 46 3.2.4.5 Miniaturka zdjęcia oferty... 46 3.2.4.6 Galeria zdjęć... 46 3.2.4.6.1 Galeria oparta na technice DHTML... 46 3.2.4.6.2 Galeria oparta na technice AJAX... 46 3.2.4.6.3 Galeria zdjęć - slideshow... 47 3.2.4.7 Informacje o terminie... 47 3.2.4.8 Inne terminy, ceny... 47 3.2.4.8.1 PHP... 47 3.2.4.8.2 AJAX... 47 3.2.4.9 Formularze oferty... 47 3.2.4.9.1 Wstępna rezerwacja... 48 3.2.4.9.2 Zapytaj o szczegóły... 48 3.2.4.9.3 Powiadom znajomego... 49 3.2.4.10 Obserwacja ofert w formularzach oferty... 49 3.2.4.11 Sposoby wyświetlania formularzy oferty... 49 3.2.4.11.1 Sposób standardowy... 49 3.2.4.11.2 Wyświetlanie z użyciem zakładek... 49 3.2.4.11.3 Wyświetlanie a la Pop-up... 50 3.2.5 Skróty... 50 3.2.5.1 Skróty do wyników wyszukiwania...... 50 3.2.5.2 Generator linków... 50 3.3 Formularze wyszukiwania ofert... 52 3.3.1 Wyszukiwarka NetTur w wersji standardowej... 52 3.3.1.1 Wyszukiwanie przy użyciu regionów turystycznych... 53 3.3.1.2 Wyszukiwanie przy użyciu regionów geograficznych i miast... 54 3.3.2 Wyszukiwarka NetTur w wersji zaawansowanej... 54 3.3.3 Sposoby wyświetlania Wyszukiwarki NetTur w wersji zaawansowanej... 55 3.3.3.1 Sposób podstawowy... 55 3.3.3.2 Sposób rozszerzony... 55 3.3.3.3 Sposób rozszerzony na zakładkach... 55 3.3.3.4 Rozszerzony formularz... 55 3.3.4 Wyszukiwarka NetTur w wersji indywidualnie dostosowanej... 56 3.3.4.1 Formularz z zakładkami... 56 3.3.4.2 Formularz z suwakami.....57 3.3.4.3 Suwak zakresu ceny... 57 3.3.4.3.1 Suwak z płynną regulacją... 57 3.3.4.3.2 Suwak z określonymi przedziałami... 57 3.3.4.3.3 Suwak z ustaleniem maksimum... 58 3.3.4.3.4 Suwak z ustaleniem minimum i maksimum... 58 3.3.4.4 Suwak zakresu dni... 58 3.3.4.5 Suwak klasy hotelu... 58 3.3.4.6 Pozycjonowanie państw... 58 3.3.5 Wyszukiwarka dla wybranych ofert... 58 3.3.5.1 Oferty własne... 59 3.3.5.2 Oferty wybrane z modułu Współpraca programu CMS.NetTur... 59 3.3.6 Wyszukiwarka zewnętrzna... 60 3.3.7 Wyszukiwarka po kodzie oferty... 60 3.3.8 Wyszukiwarka kontekstowa...... 60 3.4. Moduły...... 62 3.4.1 Rodzaje modułów...... 62 3.4.1.1 Moduł manualny...... 62-3 -
3.4.1.2 Moduł półautomatyczny... 63 3.4.1.3 Moduł automatyczny... 63 3.4.2 Sposoby prezentacji odnośników w modułach... 63 3.4.2.1 Wyświetlanie proste...... 64 3.4.2.2 Wyświetlanie zaawansowane...... 64 3.4.3 Łączenie modułów za pomocą zakładek... 64 3.4.4 Kryteria wyświetlania odnośników...... 65 3.4.5 Nagłówki w modułach...... 65 3.4.6 Przykładowe nazwy nagłówków modułów... 66 3.4.7 Odnośniki do pozostałych dokumentów w modułach... 67 4. Uzupełniające elementy serwisu...68 4.1 Mapa strony... 68 4.2 Mapa strony dla Google... 68 4.3 Generowanie dokumentów w formacie PDF... 68 4.4 Generowanie dokumentów do druku... 69 4.5 Afiliacje... 69 4.6 Kontakt... 69 4.6.1 Infolinia... 70 4.6.1.1 Standardowy moduł infolinii... 70 4.6.1.2 Zaawansowany moduł infolinii... 70 4.6.2 Konsultant on-line... 70 4.6.3 Popularne komunikatory... 70 4.6.3.1 GG... 71 4.6.3.2 Tlen... 71 4.6.3.3 Skype... 71 4.6.4 E-mail... 71 4.6.5 Formularz kontaktowy... 71 4.6.6 Newsletter... 71 4.6.7 Mapka dojazdu...... 71 4.6.8 Stopka... 72 4.7 Kanały RSS...... 72 4.8 Ważne informacje...... 72 4.8.1 Regulamin korzystania z serwisu... 72 4.8.2 Polityka prywatności... 72 4.8.3 Formuła informacyjna... 73 4.8.4 Pomoc w rezerwacji... 73 4.9 Statystyki... 73 4.10 Pozycjonowanie...... 73 4.11 System banerowy...... 74 4.12 Członkostwo PIT... 75 4.13 Loga Touroperatorów... 75 4.14 Ruchomy pasek informacyjny...... 75 5. Oferty...... 76 5.1 Nazwa dokumentu...... 76 5.2 Klasa hotelu...... 76 5.3 Tekst...... 77 5.4 Terminy...... 7 5.5 Ceny...... 78 5.5.1 Last minute......... 78 5.5.2 First minute...... 78 5.6 Dopłaty...... 78 5.7 Wycieczka...... 79 5.8 Kategorie w elemencie Wycieczka...... 79 5.8.1 Destynacja...... 79 5.8.2 Środek transportu...... 80 5.8.3 Klasyfikacja rodzaju dla kategorii środek transportu...... 80-4 -
5.8.4 Rodzaj zakwaterowania...... 80 5.8.5 Rodzaj oferty...... 81 5.8.6 Rodzaj wyżywienia...... 82 5.9 Miasto wyjazdu...... 82 5.10 Galeria zdjęć...... 82 5.11 Modyfikacja ofert....82 6. Import danych do ofert... 83 6.1 Import indywidualny...... 83 7. Aktualizacja danych przez CMS.NetTur...... 84 8. Domeny... 85 9. Karta Wymagań Klienta...... 86 9.1 Zmiany w projekcie...... 83 10. Strefa klienta...... 87 11. Informacje ogólne dla klientów...... 88 11.1 Podpisanie umowy... 88 11.2 Płatności za wykonanie projektu... 88 11.3 Opłaty abonamentowe...... 88 Spis suplementów: 1. Słownik wybranych pojęć...... 89 2. Lista kodów, last minute i importu danych Touroperatorów w systemie NetTur.... 90 Informacja o zastrzeżonych znakach towarowych: Internet Explorer jest zastrzeżonym znakiem towarowym firmy Microsoft Corporation w USA i innych krajach. Prawa autorskie Copyright 2008 RST Wszelkie prawa zastrzeżone. Kopiowanie lub przekazywanie części lub całości niniejszego wydawnictwa, w jakiejkolwiek formie lub jakimikolwiek środkami, bez pisemnej zgody wydawcy jest zabronione. - 5 -
Wstęp Szanowni Państwo! Niniejszy podręcznik został opracowany, aby wspomóc pierwszy, a zarazem najważniejszy etap projektowania Państwa serwisu internetowego, opartego na możliwościach oferowanych przez system NetTur. Dzięki temu otrzymują Państwo gwarancję, iż portal zostanie wykonany w sposób unikalny, a zastosowane w nim rozwiązania zostaną dobrane indywidualnie. Aby jak najlepiej wspomóc proces projektowania, każdy omawiany element został czytelnie opisany oraz wizualizowany za pomocą odpowiadającego mu schematu. Znajdują się w nim również informacje związanie z późniejszym użytkowaniem strony WWW. W podręczniku opisane zostały możliwe techniki wykonania, dzięki czemu dajemy Państwu możliwość wyboru między różnymi dostępnymi rozwiązaniami. Użycie danej techniki jest również ściśle powiązanie z innymi czynnikami, warunkującymi jej działanie. Stąd też, znając już Państwa potrzeby, nasi programiści mogą zadecydować o wymogu zmiany techniki wykonania z uwagi na jej wpływ na funkcjonalność. Podstawą takiej propozycji zmiany może być na przykład ryzyko znacznego spowolnienia działania serwisu. Po sprecyzowaniu Państwa potrzeb wypełniona zostaje Karta Wymagań Klienta, na której zebrane są wszystkie informacje potrzebne do rozpoczęcia prac projektowych nad serwisem. Tak precyzyjne określenie wszystkich elementów pozwala na bardzo dokładne i rzeczywiste odwzorowanie serwisu, który będzie wizytówką Państwa firmy. Z poważaniem, Zespół NetTur - 6 -
1. NetTur Aktualnie NetTur jest wyodrębnionym odziałem firmy RST, świadczącym usługi informatyczne dla branży turystycznej. Oddział ten tworzy zespół młodych, dynamicznych ludzi, którzy podjęli wyzwania stawiane przez rynek turystyczny w Polsce. NetTur to w głównej mierze rozwiązania jednostkowe, tworzone według indywidualnych preferencji i dostosowane do obecnych trendów na rynku turystycznym. Każdy projekt jest realizowany przez zespół osób posiadających wieloletnie doświadczenie w budowaniu portali internetowych. 1.1 Historia NetTur W 1998 roku rozpoczęła swoją działalność firma Rising Sun Technologies (obecnie RST). Rozwój i upowszechnienie w Polsce technologii teleinformatycznych dały sygnał do stworzenia narzędzi wspomagających pracę biur podróży prowadzących sprzedaż agencyjną oraz organizujących wypoczynek. Ukierunkowanie działalności na branżę turystyczną zainicjowało powstanie m. in. programu CMS.NetTur, umożliwiającego zarządzanie treścią serwisów internetowych, stworzonych w systemie NetTur. Wkrótce później powstała też Wyszukiwarka NetTur, umożliwiająca wyszukiwanie ofert wyjazdu bezpośrednio w serwisach internetowych. 1.2 Funkcjonalność rozwiązań NetTur Funkcjonalność rozwiązań NetTur bazuje na imporcie ofert najpopularniejszych w Polsce organizatorów turystyki. Oferty te są pobierane z systemów rezerwacyjnych oraz bezpośrednio od samych Touroperatorów, a następnie integrowane w jedną spójną, automatycznie aktualizowaną bazę danych. Dzięki takiemu rozwiązaniu otrzymują Państwo dostęp do danych, które w połączeniu z serwisem internetowym, tworzą ogólnodostępną ofertę Państwa firmy. 1.3 Technologie i techniki wykonania Każdy serwis zbudowany na bazie technologii NetTur jest zaprojektowany indywidualnie i zgodnie z wymogami określonymi w Karcie Wymagań Klienta. Dobór odpowiednich technik wykonania poszczególnych elementów serwisu jest zależny od spełnianych przez nie funkcji i wymogów określonych przez Państwa. Aby umożliwić Państwu lepsze zrozumienie możliwości i ograniczeń wynikających z użycia danej technologii, każdemu omawianemu elementowi serwisu towarzyszy lista technik wykonania, w których element może być wykonany. Podstawą wszystkich serwisów jest skryptowy język programowania PHP, który umożliwia generowanie dynamicznych stron WWW. Natomiast wygląd serwisu jest budowany z wykorzystaniem języka HTML i kaskadowych arkuszy stylów CSS. Dynamiczne elementy serwisu są realizowane przy pomocy obiektowego języka programowania JavaScript (JS). Odnosi się to zarówno do elementów wykonanych w DHTML jak i tych wykonanych w AJAX. 1.3.1 DHTML DHTML (ang. Dynamic HyperText Markup Language) jest połączeniem języka HTML i JavaScript, pozwalającym na uzyskanie różnorodnych efektów, takich jak na przykład - 7 -
przechodzenie pomiędzy zakładkami w modułach (patrz: 3.4.3), możliwość rozwijania tekstu czy też slideshow (patrz: 3.2.4.6.3). Większość elementów wykonanych przy użyciu DHTML jest inicjowana przez użytkownika w momencie kliknięcia na nie za pomocą kursora myszki. Mogą one również być uruchomione automatycznie (patrz: 3.2.4.6.3). Główną zaletą DHTML jest szybkość działania otwartego już serwisu. Wadą jest jednak wydłużony czas otwierania się strony WWW, gdyż jednorazowo są pobierane wszystkie elementy strony, również te ukryte. Przykładem obrazującym działanie DHTML mogą być zakładki modułu (patrz: 3.4.3), gdzie: Kliknięcie zakładki Z2 powoduje wywołanie funkcji napisanej w języku JavaScript, która wykonuje następujące zadania: 1) ukrywa treść zakładki Z1, 2) zmienia zakładkę Z1 na nieaktywną, 3) ustawia zakładkę Z2 jako aktywną, 4) pokazuje ukrytą dotąd zakładkę Z2. Schemat 1: Przejście między dwoma zakładkami Z1 Z2 Z1 Z2 WIDOCZNA TREŚĆ ZAKŁADKI Z1 WIDOCZNA TREŚĆ ZAKŁADKI Z2 Zastosowanie zakładek nie ogranicza się wyłącznie do modułów, gdyż mogą być one stosowane również w innych elementach serwisu. Główne możliwości wykorzystania zakładek to: moduły wyniki wyszukiwania oferty formularze wyszukiwania, menu. (DHTML), (AJAX), (DHTML), Dzięki swoim możliwościom, zakładki są dobrą alternatywą dla standardowych rozwiązań, gdyż pozwalają na kreowanie nowych, dodatkowych opcji w serwisie. 1.3.2 AJAX AJAX, czyli Asynchroniczny JavaScript i XML, działa na innej zasadzie niż DHTML, jednak również jest realizowany w języku JavaScript. Główna różnica pomiędzy AJAX i DHTML polega na tym, że w momencie otwierania strony WWW pobierane są jedynie widoczne - 8 -
elementy serwisu, co skraca czas otwierania strony. Elementy ukryte są pobierane za pomocą przesyłanych tymczasowych plików XML dopiero w momencie ich wybrania przez użytkownika. W tym przypadku (patrz: schemat 1) kliknięcie zakładki Z2 spowoduje wywołanie funkcji napisanej w języku JavaScript, która uruchamia na serwerze funkcję PHP do pobrania potrzebnych danych. Dane w postaci XML są przekazywane z powrotem do funkcji napisanej w JavaScript. Kolejne działania są analogiczne jak w przykładzie opisanym w punkcie 1.3.1. Przy dużej ilości danych do pobrania, w momencie kliknięcia zakładki Z2, stara treść zakładki jest kasowana (wyświetlana jest wtedy grafika informująca o pobieraniu danych). Powrót do treści zakładki Z1 wymaga ponownego przejścia powyższej procedury. Jest to główny mankament zastosowania takiego rozwiązania (pobrane dane nie są przechowywane w lokalnym komputerze), co wiąże się z wydłużeniem czasu przejścia pomiędzy zakładkami. AJAX nie jest rozwiązaniem optymalnym dla zakładek, jest natomiast polecany przy wyświetlaniu dużej ilości informacji, które jak zakładamy, nie będą dokładnie przeglądane. Przykładem mogą być wyniki wyszukiwania (patrz: 3.2.3), gdzie duża liczba ofert nie zostaje otwarta (przeglądane są wyłącznie wybrane oferty). Głównym wyznacznikiem użycia AJAX jest czas otwierania się strony. Jeśli pobranie danego elementu zrealizowanego w DHTML będzie trwało zbyt długo, powinien zostać użyty AJAX. AJAX stosuje się wszędzie tam, gdzie istnieje założenie, iż użytkownik strony nie będzie otwierał wszystkich elementów (pobrane zostaną wyłącznie te wywołane). DHTML może zastąpić AJAX, ale nie dla wszystkich elementów jest to rozwiązanie optymalne. Analogicznie AJAX może być użyty w miejscu DHTML, ale to również nie będzie oznaczać optymalnego rozwiązania. Dlatego dobór odpowiedniej techniki wykonania poszczególnych elementów należy do programistów realizujących projekt. 1.4 Program CMS NetTur CMS NetTur (od ang. Content Management System) jest to program służący do zarządzania treścią strony internetowej, opracowany na potrzeby branży turystycznej i dedykowany dla biur podróży prowadzących sprzedaż agencyjną oraz organizatorów turystycznych posiadających własną ofertę. Dostęp do serwisu odbywa się za pomocą uruchomionego na komputerze oprogramowania, które łączy się bezpośrednio z serwerem, na którym jest ulokowane konto użytkownika oraz serwis internetowy. Podstawowe możliwość programu CMS.NetTur to: dodawanie / edytowanie / usuwanie dokumentów, duplikowanie stworzonych dokumentów, tworzenie ofert w oparciu o gotowe szablony, tworzenie skrótów do wyników wyszukiwania, umieszczenie przygotowanych ofert portalu turystycznym, możliwość pracy nad serwisem bez potrzeby aktualizacji danych, możliwość prezentacji na stronie ofert wybranych Touroperatorów, możliwość udostępnienia swojej oferty innym agentom, automatyczne ukrywanie nieaktualnych terminów, szybka aktualizacja serwisu WWW, samodzielne tworzenie pliku archiwizacyjnego bazy serwisu. - 9 -
Przewagą programu nad innymi CMS-ami zarządzanymi bezpośrednio z poziomu strony WWW (ang. web CMS), jest wyższa bezawaryjność pracy (np. w przypadku braku połączenia z Internetem nie dochodzi do utraty dokonanych modyfikacji, czy też nie dochodzi do długiego oczekiwania na przesłanie kolejnych plików graficznych pomiędzy komputerem Klienta a serwerem). Wszystkie wprowadzone zmiany w treści serwisu staną się widoczne na stronie WWW dopiero po momencie ich samodzielnej aktualizacji (do tego momentu komputer nie musi być nawet podłączony do Internetu). Pewnym utrudnieniem jest natomiast konieczność instalacji na komputerze lokalnym programu CMS.NetTur oraz otwarcia w nim pliku zawierającego bazę serwisu. Baza serwisu zawiera całą strukturę (treść) serwisu, widoczną w postaci folderów i przypisanych do nich dokumentów. Baza serwisu zostaje opracowana podczas realizacji Państwa serwisu; opracowana zostaje w niej struktura stron oraz określone zostają możliwości edycji poszczególnych elementów poprzez program NetTur. Po zakończeniu realizacji projektu jest wysyłany do Państwa plik archiwizacyjny bazy serwisu. Plik archiwizacyjny bazy serwisu jest specjalnym plikiem (o rozszerzeniu ntr), zawierającym m. in. bazę serwisu oraz zdjęcia. Program CMS.NetTur posiada opcję automatycznego utworzenia pliku archiwizacyjnego bazy serwisu, co pozwala na wykonanie kopii bezpieczeństwa lub przeniesienie bazy serwisu na inny komputer. Otwarcie pliku archiwizacyjnego bazy serwisu powinno być wykonane zgodnie z procedurą opisaną w punkcie 1.4.1. 1.4.1 Instalacja i pierwsze uruchomienie programu CMS.NetTur Aby zainstalować i poprawnie skonfigurować program, należy wykonać poniższe kroki: 1) ze strony http://www.nettur.pl należy pobrać plik instalacyjny programu CMS.NetTur, 2) pobrany plik należy uruchomić i zainstalować zgodnie z poleceniami kreatora instalacji (domyślnie program jest instalowany w folderze C:\Program Files\NetTur), 3) po zakończeniu instalacji, na pulpicie tworzony jest skrót do programu CMS.NetTur, który umożliwia uruchomienie programu, 4) uruchomiony program wyświetli okno rejestracyjne, w którym należy wybrać opcję Zarejestruj później, co pozwoli na otwarcie głównego panelu, 5) w panelu głównym należy wybrać opcję Archiwizacja i za pomocą przycisku Odczytaj wskazać i odczytać plik archiwizacyjny bazy serwisu, otrzymany w e-mailu od firmy NetTur. Po zakończeniu instalacji i odczytaniu pliku archiwizacyjnego bazy serwisu program jest gotowy do pracy. Jedynym dysponentem bazy serwisu jest osoba zarządzająca serwisem z poziomu programu CMS.NetTur. Na serwer są przesyłane wyłącznie informacje zawarte w bazie, stąd wykonywanie plików archiwizacyjnych może odbyć się wyłącznie z poziomu programu CMS.NetTur. Kopie te należy wykonywać często, aby ustrzec się przed utratą treści Państwa serwisu internetowego. W przypadku użytkowania starszej w wersji Windows, np. Windows 95/98, podczas uruchamiania, program CMS.NetTur może wyświetlić komunikat informujący o niewłaściwej wersji programu Internet Explorer. Należy wówczas pobrać z Internetu i zainstalować program Internet Explorer 5.5 lub nowszy (najłatwiej jest wpisać w okno Wyszukiwarki frazę "Internet Explorer 5.5" i w wynikach wyszukiwania wybrać odnośnik do pliku instalacyjnego programu). - 10 -
1.4.2 Wygląd programu CMS.NetTur Po uruchomieniu CMS.NetTur i odczytaniu bazy serwisu, okno główne programu składa się z następujących elementów: 1. Menu poziomego, zawierającego opcje: Dodaj dokument, Edytuj dokument, Usuń dokument, Dodaj folder, Nazwa folderu, Usuń folder. 2. Okna głównego, zawierającego strukturę serwisu. Znajdują się w nim foldery odpowiadające m.in. modułom i menu, w których umieszczane będą oferty i dokumenty informacyjne. 3. Menu pionowego, zawierającego opcje: Aktualizacja, Moja strona WWW, Kolekcja, Współpraca, Terminy ofert, Opcje programu, Archiwizacja, Zamknij. Rys. 1: Wygląd okna głównego programu CMS.NetTur - 11 -
Szczegółowy opis możliwości CMS.NetTur znajduje się w instrukcji programu, dostępnej po zainstalowaniu programu (plik w formacie PDF). Instrukcję można uruchomić z Menu start -> Programy -> NetTur -> CMS.NetTur Instrukcja. 1.5 Wyszukiwarka Wyszukiwarka NetTur jest narzędziem dedykowanym, pozwalającym na wyszukiwanie ofert wyjazdu w bazie ofert wyjazdu bezpośrednio w serwisie internetowym według kryteriów zdefiniowanych w formularzach wyszukiwania. Bazę ofert tworzą dane pobierane z systemów rezerwacyjnych oraz bezpośrednio od Touroperatorów udostępniających swoją ofertę, bądź wprowadzających dane bezpośrednio do programu CMS.NetTur. Ze względu na różnorodne źródła, dane do bazy ofert importowane są w różnych formatach, takich jak XML czy CSV i różnią się między sobą zawartymi w nich informacjami. Rolą NetTur, obok wykonywania importów, jest również dbanie o spójność całej bazy ofert, poprzez wykonywanie modyfikacji (patrz: 5), tak aby kryteria wyszukiwania pozwalały na wyszukiwanie spośród wszystkich dostępnych w systemie ofert. Dzięki panelowi zarządzania listą Touroperatorów, których oferty maja znaleźć się w Wyszukiwarce, macie Państwo możliwość modyfikacji bazy ofert, która będzie brana pod uwagę w procesie wyszukiwania. Panel ten jest dostępny po zalogowaniu się do Strefy Klienta na stronie http://www.nettur.pl (patrz: 10). Oprócz standardowej formy, polegającej na wyszukiwaniu wszystkich ofert w bazie ofert, istnieje możliwość takiego zaprogramowania Wyszukiwarki, aby przeszukiwała wyłącznie: a) oferty stworzone samodzielnie w programie CMS.NetTur (patrz: 3.3.5.1, gdzie opisane zostały warunki wyświetlania samodzielnie stworzonych ofert), b) oferty importowane przez moduł Współpraca programu CMS.NetTur (patrz: 3.3.5.2) Wyszukiwarka może występować w wersji standardowej (patrz: 3.3.1), zaawansowanej (patrz: 3.3.2) lub indywidualnie dostosowanej ( patrz: 3.3.4). Pozycja Wyszukiwarki w strukturze serwisu zależy od indywidualnych preferencji oraz wymogów technicznych, warunkujących możliwość umieszczenia formularza w danym elemencie projektu. - 12 -
2. Projekt graficzny Pierwszym etapem prac nad serwisem jest przygotowanie indywidualnego projektu graficznego. Projekt jest tworzony od podstaw w oparciu o Państwa wytyczne zebrane i opisane w Karcie Wymagań Klienta (patrz: 9). Na tym etapie prosimy również o dostarczenie wszelkich ustalonych wcześniej materiałów, takich jak: logo firmy, dane teleadresowe, identyfikacja wizualna (jeśli dotyczy), hasła reklamowe (jeśli dotyczy), nazwy wybranych Touroperatorów. Przed przystąpieniem do prac projektowych nad stroną startową serwisu, prosimy również o określenie: preferowanej kolorystyki serwisu, głównych obsługiwanych destynacji (co pozwoli na dopasowanie grafiki), przykładów innych serwisów, które spełniają Państwa wymogi (pomocna może być lista przedstawiona w punkcie 2.3). Na podstawie wypełnionej Karty Wymagań Klienta i zebranych wytycznych przygotowywany jest projekt strony startowej (w formie pliku graficznego jpg), który jest przedstawiany Państwu do akceptacji. Zgłoszenie modyfikacji może wymagać zmian w Karcie Wymagań Klienta (np. zmiana liczby modułów). Natomiast zmianami nie wpływającymi na strukturę serwisu są na przykład zmiany użytych zdjęć, które mogą na tym etapie zostać przez Państwa samodzielnie określone. Zdjęcia, będące elementami graficznymi serwisu, są nabywane w specjalistycznym portalu istockphoto http://www.istockphoto.com/. Dostępne tam fotografie charakteryzują się dobrą jakością oraz przystępną ceną. Po zaakceptowaniu strony startowej stworzone zostają podstrony (patrz: 3.2), które są dostosowane stylistycznie do projektu. Podsumowując, główne etapy prac projektowych obejmują: a) określenie wytycznych dla projektu, b) wypełnienie Karty Wymagań Klienta, c) stworzenie projektu graficznego, d) przedstawienie projektu graficznego strony startowej (patrz: 3.1), e) modyfikacje (jeśli dotyczy), f) akceptację projektu, g) rozpoczęcie prac projektowych nad podstronami (patrz:3.2) serwisu. Identyfikacja wizualna (ang. corporate identity) odnosi się do elementów graficznych, poprzez które firma jest postrzegana i rozpoznawana. Jest to ważny składnik budujący spójność i wizerunek. Dlatego proponujemy, aby oprawa graficzna serwisu została dostosowana do Państwa identyfikacji wizualnej. 2.1. Projekt graficzny z klonami Cały serwis może również posiadać swoje kopie dostępne pod różnymi adresami WWW, będące odpowiednio dostosowanymi klonami. Klony te odpowiadają swoją budową głównemu projektowi z tą różnicą, iż mogą zawierać inne treści i oferty. - 13 -
Klony mogą być połączone ze sobą za pomocą zakładek dostępnych w każdym z osobnych serwisów (każdy klon posiada listę pozostałych serwisów). Przykładem zastosowania klonów jest stworzenie kilku identycznych serwisów nastawionych na różną ofertę (np. osobny serwis na oferty z Bułgarii, osobny na oferty z Grecji, itd.). 2.2 Własny projekt graficzny Istnieje również możliwość dostarczenia własnego projektu graficznego serwisu, który następnie zostanie dostosowany do specyfikacji określonej w Karcie Wymagań Klienta. W przypadku, gdy dostarczony projekt zawiera wyłącznie widok strony startowej serwisu, pozostałe podstrony zostaną tak zaprojektowane, aby stworzyły spójną warstwę wizualną. 2.3 Przykłady serwisów internetowych stworzonych przez NetTur Poniżej znajduje się lista wybranych serwisów turystycznych zrealizowanych przez NetTur. Lista może być również pomocna przy precyzowaniu Państwa wymagań względem projektu. Aina Travel sp. z o.o Adres WWW: Projekt graficzny: Realizacja: Oprogramowanie: http://www.transsyberyjska.pl NetTur NetTur CMS.NetTur Właścicielem portalu Transsyberyjska.pl jest Aina Travel sp. z o.o. Firma ta obsługuje turystów indywidualnych oraz organizuje zagraniczne wyjazdy służbowe. Serwis jest dedykowany osobom szukającym ofert turystycznych dla kierunków wschodnich. Zastosowanie CMS.NetTur pozwala między innymi na samodzielne przygotowanie ofert i manualne zarządzanie wybranymi ofertami Touroperatorów (import do modułów pojedynczych ofert Touroperatorów) umieszczanymi w modułach manualnych. Formularz wyszukiwania umieszczony w serwisie korzysta wyłącznie z ofert własnych i wyselekcjonowanych w module Współpraca programu CMS.NetTur. Serwis jest przykładem portalu zarządzanego manualnie i wykorzystującego wybrane możliwości systemu NetTur. Poniżej zamieszczony został obecny wygląd strony głównej serwisu oraz ogólna specyfikacja, natomiast interaktywne działanie portalu mogą sprawdzić Państwo wpisując w pasku adresu przeglądarki internetowej adres http://www.transsyberyjska.pl - 14 -
Rys. 2: Wygląd graficzny strony głównej serwisu Transsyberyjska.pl - 15 -
Tabela nr 1. Ogólna specyfikacja dla portalu Transsyberyjska.pl Element: - nagłówek graficzny Zarządzanie: - nie Wygląd graficzny elementu: Specyfikacja elementu: - wyselekcjonowane i zmodyfikowane zdjęcia zakupione w istockphoto, - zdjęcia są ładowane losowo podczas przechodzenia między stronami serwisu, - logo klienta, będące jednocześnie odnośnikiem do strony startowej serwisu, - odnośnik do schowka z wybranymi ofertami. Element: - menu (1) Zarządzanie: - z poziomu programu CMS.NetTur Wygląd graficzny elementu: Specyfikacja elementu: - menu poziome - jednopoziomowe - tekstowe - możliwość dodawania / usuwania odnośników z menu - odnośniki są otwierane jako podstrony serwisu - możliwość dodawania / usuwania ofert i dokumentów informacyjnych - możliwość dodawania / usuwania ofert, odnośników i dokumentów informacyjnych Element: - menu (2) Zarządzanie: - z poziomu programu CMS.NetTur Wygląd graficzny elementu: Specyfikacja elementu: - menu pionowe - jednopoziomowe - tekstowe - 16 -
- możliwość dodawania / usuwania odnośników z menu - odnośniki są otwierane jako podstrony serwisu - możliwość dodawania / usuwania ofert, odnośników i dokumentów informacyjnych Element: - menu (3) Zarządzanie: - z poziomu programu CMS.NetTur Wygląd graficzny elementu: Specyfikacja elementu: - menu pionowe - jednopoziomowe - tekstowe - możliwość dodawania / usuwania odnośników z menu - odnośniki są otwierane jako podstrony serwisu - możliwość dodawania / usuwania ofert, odnośników i dokumentów informacyjnych Element: - menu (4) Zarządzanie: - z poziomu programu CMS.NetTur Wygląd graficzny elementu: Specyfikacja elementu: - menu poziome - jednopoziomowe - tekstowe - możliwość dodawania / usuwania odnośników z menu - odnośniki są otwierane jako podstrony serwisu - możliwość dodawania / usuwania ofert, odnośników i dokumentów informacyjnych Element: - formularz wyszukiwania* (1) Zarządzanie: - z poziomu programu CMS.NetTur Wygląd graficzny elementu: - 17 -
Specyfikacja elementu: -formularz wyszukiwania prosty - odnośnik do zaawansowanego formularza wyszukiwania Element: - formularz wyszukiwania* (2) Zarządzanie: - z poziomu programu CMS.NetTur Wygląd graficzny elementu: Specyfikacja elementu: -formularz wyszukiwania zaawansowany Element: - moduł (1) Zarządzanie: - z poziomu programu CMS.NetTur Wygląd graficzny elementu: Specyfikacja elementu: - moduł manualny - moduł z dwoma zakładkami - 18 -
- możliwość modyfikacji nagłówków - link do pełnej listy odnośników Element: - moduł (2) Zarządzanie: - z poziomu programu CMS.NetTur Wygląd graficzny elementu: Specyfikacja elementu: - moduł manualny - moduł z trzema zakładkami - możliwość modyfikacji nagłówków - link do pełnej listy odnośników Element: - moduł (3) Zarządzanie: - z poziomu programu CMS.NetTur Wygląd graficzny elementu: Specyfikacja elementu: - moduł manualny - możliwość modyfikacji nagłówków - link do pełnej listy odnośników - 19 -
Element: - moduł (4) Zarządzanie: - z poziomu programu CMS.NetTur Wygląd graficzny elementu: Specyfikacja elementu: - moduł manualny - możliwość modyfikacji nagłówków - link do pełnej listy odnośników Element: - moduł (5) Zarządzanie: - z poziomu programu CMS.NetTur Wygląd graficzny elementu: Specyfikacja elementu: - moduł manualny - możliwość modyfikacji nagłówków - link do pełnej listy odnośników Element: - moduł (6) Zarządzanie: - z poziomu programu CMS.NetTur Wygląd graficzny elementu: - 20 -
Specyfikacja elementu: - moduł manualny - moduł wyświetlający samodzielnie przygotowaną treść dokumentu (tekst i zdjęcie) Element: - moduł (7) Zarządzanie: - z poziomu programu CMS.NetTur Wygląd graficzny elementu: Specyfikacja elementu: - moduł manualny - możliwość modyfikacji nagłówków - link do pełnej listy odnośników Element: - moduł (8) Zarządzanie: - z poziomu programu CMS.NetTur Wygląd graficzny elementu: Specyfikacja elementu: - moduł manualny - możliwość modyfikacji nagłówków - link do pełnej listy odnośników Element: - moduł (9) Zarządzanie: - z poziomu programu CMS.NetTur Wygląd graficzny elementu: Specyfikacja elementu: - moduł manualny - możliwość modyfikacji nagłówków - 21 -
- link do pełnej listy odnośników Element: - moduł (10) Zarządzanie: - nie Wygląd graficzny elementu: Specyfikacja elementu: - moduł kontaktowy Element: - baner (1) Zarządzanie: - z poziomu programu CMS.NetTur Wygląd graficzny elementu: Specyfikacja elementu: - baner graficzny - wyselekcjonowane i zmodyfikowane zdjęcia, zakupione na istockphoto, - zdjęcia są ładowane losowo podczas przechodzenia między stronami serwisu Element: - baner (1) Zarządzanie: - z poziomu programu CMS.NetTur Wygląd graficzny elementu: Specyfikacja elementu: - baner graficzny - wyselekcjonowane i zmodyfikowane zdjęcia, zakupione na istockphoto, - 22 -
- zdjęcia są ładowane losowo podczas przechodzenia między stronami serwisu Uzupełniające elementy serwisu: - mapa strony - schowek na oferty - system banerowy - stopka - logo PIT *Według specyfikacji Wyszukiwarka korzysta wyłącznie z wyselekcjonowanych ofert, importowanych przez moduł Współpraca oraz ofert stworzonych samodzielnie w programie CMS.NetTur. Agencja Turystyczna Wyjazdy24 Adres WWW: http://www.waxy.pl Projekt graficzny: własny z dostosowaniem przez NetTur Realizacja: NetTur Oprogramowanie: CMS.NetTur ShowMedia Sp. z o.o. Adres WWW: http://www.fajnaoferta.pl Projekt graficzny: własny z dostosowaniem przez NetTur Realizacja: NetTur Oprogramowanie: CMS.NetTur Centrum Usług i Pośrednictwa Regent Adres WWW: http://www.travelglob.pl Projekt graficzny: NetTur Realizacja: NetTur Oprogramowanie: CMS.NetTur Biuro Podróży Ars Tour Adres WWW: http://www.arstour.pl Projekt graficzny: NetTur Realizacja: NetTur Oprogramowanie: CMS.NetTur Lord Travel Adres WWW: Projekt graficzny: Realizacja: Oprogramowanie: http://www.lordtravel.pl NetTur NetTur CMS.NetTur Open Holiday Adres WWW: Projekt graficzny: Realizacja: Oprogramowanie: http://www.openholiday.pl NetTur NetTur CMS.NetTur - 23 -
Biuro Podróży i Przewozów Szar Adres WWW: http://www.e-lastminute.pl Projekt graficzny: NetTur Realizacja: NetTur Oprogramowanie: CMS.NetTur MGF Adres WWW: Projekt graficzny: Realizacja: Oprogramowanie: http://www.mgftravel.pl NetTur NetTur CMS.NetTur Wakacjada Adres WWW: Projekt graficzny: Realizacja: Oprogramowanie: http://www.wakacjada.pl NetTur NetTur CMS.NetTur Volare Travel Adres WWW: Projekt graficzny: Realizacja: Oprogramowanie: http://www.volare.pl NetTur NetTur CMS.NetTur Juventur Koszalin Adres WWW: Projekt graficzny: Realizacja: Oprogramowanie: http://www.bingotravel.pl NetTur NetTur CMS.NetTur - 24 -
3. Podział serwisu Struktura całego serwisu składa się z poszczególnych elementów połączonych ze sobą w całość za pomocą siatek powiązań. Główny podział obejmuje: stronę startową (patrz: 3.1), podstrony (patrz: 3.2). 3.1 Strona startowa Strona startowa (ang. first page) jest to strona główna serwisu, otwierana jako pierwsza po wpisaniu domyślnego adresu WWW (patrz: schemat 2). Strona startowa jest jednocześnie wizytówką całego serwisu, gdyż określa rodzaj prezentowanych na niej informacji. Dzięki programowi CMS.NetTur możliwe staje się modyfikowanie zawartej na niej treści. Dobrze opracowana strona główna powinna zawierać: wyeksponowane logo, nazwę firmy, formularze wyszukiwania (patrz: 3.3), streszczenia i odnośniki do najważniejszych informacji (patrz: 3.1.1), informacje o ofercie i promocjach (patrz: 3.4), intuicyjny sposób nawigacji (patrz 3.1.1), dane kontaktowe (patrz: 4.6). Przygotowanie serwisu w oparciu o te wytyczne gwarantuje, że osoba odwiedzająca witrynę szybko zapozna się z jej tematyką a na stronie głównej odnajdzie odnośniki do informacji zawartych na kolejnych podstronach. Elementy takie jak logo, nazwa firmy i hasła reklamowe umiejscowione są najczęściej w grafice głównej, będącej jednocześnie nagłówkiem dla całego serwisu. Nagłówek ten może być stałym elementem graficznym lub za pomocą systemu banerowego (patrz: 4.11) może być edytowany i modyfikowany. Dodatkowo cały element, lub jego część (np. logo), może stanowić odnośnik do strony głównej serwisu (kliknięcie na nagłówek podczas przeglądania dowolnej podstrony spowoduje przejście do strony startowej). W sąsiedztwie nagłówka graficznego umieszczane jest zazwyczaj menu główne (patrz: 3.1.1), które razem z nagłówkiem stanowi stały element serwisu, niezależnie od przeglądanej w danym momencie podstrony (patrz: 3.2). Dodatkowo grafika w nagłówku może zmieniać się automatycznie wraz z przechodzeniem między podstronami serwisu. Zmiana elementu graficznego może odbywać się na dwa sposoby: losowo (przejście pomiędzy podstronami spowoduje załadowanie losowo wybranej grafiki), w ściśle określony sposób (przejście pomiędzy podstronami spowoduje załadowanie grafiki określonej dla danej podstrony). Dzięki temu, klikając w odnośniki umieszczone np. w menu głównym, załadowana zostanie nie tylko wybrana podstrona, ale również nowy wygląd graficzny nagłówka, zdefiniowany w trakcie projektowania serwisu. - 25 -
Schemat 2: Przykładowy układ strony głównej serwisu NAGŁÓWEK GRAFICZNY MENU GŁÓWNE POZIOME FORMULARZ WYSZUKIWANIA MODUŁ Z OFERTAMI MODUŁ Z OFERTAMI MENU PIONOWE MODUŁ Z OFERTAMI MODUŁ Z OFERTAMI MODUŁ Z OFERTAMI NEWSLETTER BANER KONTAKT MODUŁ Z OFERTAMI MODUŁ Z OFERTAMI MODUŁ Z OFERTAMI MENU DOLNE STOPKA - 26 -
3.1.1 Menu główne Menu główne należy do stałych elementów serwisów internetowych, dzięki czemu przyzwyczaja do odnajdywania charakterystycznych informacji (takich jak na przykład oferta czy informacje o firmie). Przemyślane menu główne ma duże znaczenie w strukturze całego serwisu, ponieważ pozwala osobie odwiedzającej na zorientowanie się w dużej ilości informacji. Dzięki uszeregowaniu ich w jasne i czytelne kategorie, potrzebne dane zostaną łatwo odnalezione. W zależności od przeznaczenia, menu główne może być powiązane z wyświetlaniem: dokumentów informacyjnych (patrz: 3.1.12), wyników wyszukiwania (patrz: 3.2.3). Istnieje kilka rodzajów menu i każde z nich ma swoje zalety, wynikające z funkcjonalności. Główny podział obejmuje dwa rodzaje menu, które należy uwzględnić przy projektowaniu serwisu: menu poziome (patrz: 3.1.2), menu pionowe (patrz 3.1.3). Z uwagi na dużą ilość danych prezentowanych w serwisie, oba rodzaje menu mogą być zastosowanie jednocześnie, niezależnie od siebie. W takim przypadku jedno z menu może zawierać ofertę a drugie odnośniki do najważniejszych informacji. Rys. 3: Przykład menu poziomego z odnośnikami do oferty Dodatkowo każdy rodzaj menu może być umieszczony na stronie kilkukrotnie. Przykładem jest menu poziome, które w różnej formie może być umieszczone zarówno w górnej, jak i dolnej części strony. Planując liczbę i rodzaj menu należy pamiętać, że osoba odwiedzająca witrynę w pierwszej chwili zauważy te menu, które są dostępne bez przechodzenia w dół serwisu i na nich skupi swoją uwagę. Niezależnie od rodzaju, należy również określić: a) liczbę zagłębień (podmenu) dostępnych w danym menu, stąd podział na: menu jednopoziomowe (patrz: 3.1.4), menu wielopoziomowe (patrz: 3.1.5), b) rodzaj użytego szablonu i wynikająca z niego możliwość samodzielnej edycji nagłówków menu, stąd podział na: szablon graficzny (patrz: 3.1.6), szablon tekstowy (patrz: 3.1.7). Jeśli w menu mają zostać użyte inne, dodatkowe efekty, należy je również określić na etapie planowania serwisu. Planując odnośniki zawarte w menu głównym warto uwzględnić odnośnik Start, pozwalający na powrót do strony głównej. Pozwala to na szybki powrót do strony startowej (patrz: 3.1) z dowolnej podstrony serwisu. - 27 -
3.1.2 Menu poziome Domyślnie menu poziome umieszczane jest w górnej części witryny i ze względu na swoją widoczną pozycję zawiera ofertę lub informacje o priorytetowym znaczeniu. Menu poziome może być również umieszczone w dolnej części serwisu, bezpośrednio przed stopką, służąc jako powtórzenie menu górnego lub zbiór ważnych informacji. Schemat 3: Menu poziome ODNOŚNIK 1 ODNOŚNIK 2 ODNOŚNIK 3 ODNOŚNIK 4 ODNOŚNIK 5 Przy zastosowaniu kilku menu, ich wygląd może być określony indywidualne, z uwzględnieniem spójności całego serwisu. 3.1.3 Menu pionowe Menu pionowe może być rozmieszczone w lewej lub prawej części witryny i ze względu na większą ilość dostępnego miejsca może zawierać dużą liczbę odnośników. Dodatkowo menu pionowe może posiadać nagłówek: z możliwością edycji nazwy, bez możliwości edycji nazwy. Zastosowanie nagłówków z możliwością edycji pozwala na określenie ich przeznaczenia za pomocą odpowiednio nadanego tytułu. Zmiany te dokonywane są poprzez program CMS.NetTur (zmiana nazwy folderu przypisanego do danego menu). Schemat 4: Menu pionowe ODNOŚNIK 1 ODNOŚNIK 2 ODNOŚNIK 3 ODNOŚNIK 4 ODNOŚNIK 5 W przypadku dużego rozbudowania nie zaleca się stosowania dwóch menu pionowych jednocześnie z uwagi na duże ograniczenie wolnej przestrzeni między nimi. 3.1.4 Menu jednopoziomowe Ograniczenie menu do jednego poziomu sprawia, że wszystkie jego elementy są widoczne od razu po załadowaniu się serwisu. Stanowią one proste odnośniki do haseł zdefiniowanych w menu, dzięki czemu nie sprawiają trudności w nawigacji. Po wybraniu odnośnika z menu wyświetlana jest podstrona połączona z danym elementem. Menu jednopoziomowe może odnosić się do zarówno menu poziomego (patrz: 3.1.2), jak i menu pionowego (patrz: 3.1.3) Schemat 5: Menu jednopoziomowe poziome ODNOŚNIK 1 ODNOŚNIK 2 ODNOŚNIK 3 ODNOŚNIK 4 ODNOŚNIK 5-28 -
Schemat 6: Menu jednopoziomowe pionowe ODNOŚNIK 1 ODNOŚNIK 2 ODNOŚNIK 3 ODNOŚNIK 4 ODNOŚNIK 5 Menu jednopoziomowe jest często wykorzystywane z uwagi na dużą łatwość orientacji oraz prostotę przy korzystaniu z wybranych kategorii. 3.1.5 Menu wielopoziomowe Menu wielopoziomowe pozwala na umieszczenie większej liczby odnośników oraz na uszeregowanie ich w sposób mający ukierunkować użytkownika na określony cel. Zaletą takiego rozwiązania jest również ukrycie kolejnych poziomów menu do czasu wybrania przez osobę korzystającą z serwisu konkretnego elementu menu. Dzięki temu zostaje zachowana czytelna struktura pomimo dużej ilości zawartych informacji. W projektowaniu menu wielopoziomowego nie jest zalecane wykonywanie liczby poziomów większej, niż trzy. Wynika to z faktu, iż zbyt głębokie osadzenie odnośników powoduje utratę orientacji przez osobę korzystającą z menu. Ustalenie liczby poziomów przy projektowaniu menu jest ściśle powiązanie z jego późniejszym działaniem. Przykładowo, ustalenie dla menu dwóch poziomów spowoduje, że samodzielne dodanie kolejnego poziomu (trzeciego) nie spowoduje wyświetlania go. Natomiast przy braku ograniczenia liczby poziomów menu mogą być wyświetlone wszystkie jego kolejne poziomy, co jednak nie jest zalecane z uwagi na możliwe przekroczenie obszaru widocznego strony oraz duże utrudnienie w nawigacji. Do wyróżnienia kolejnych poziomów menu wielopoziomowego mogą zostać użyte małe elementy graficzne, służące do podkreślenia kolejnych poziomów menu, lub zmiany w samej czcionce. Czcionki mogą ulec następującym modyfikacjom: zmiana wielkości, zmiana stylu, zmiana koloru, pogrubienie, kursywa, kolor, odstęp od krawędzi menu. Dla wybranych poziomów menu może również zostać zmieniony kolor tła. Menu wielopoziomowe może odnosić się zarówno do menu poziomego (patrz: 3.1.2), jak i menu pionowego (patrz: 3.1.3). Obrazowym przykładem menu wielopoziomowego może być zdefiniowanie go w następujący sposób: - 29 -
Pierwszy poziom w menu: Drugi poziom w menu: Trzeci poziom w menu: Kraj Rodzaj transportu Wyżywienie W takim przypadku, po wybraniu kraju z menu głównego otwiera się drugi poziom, gdzie znajdują się dostępne rodzaje transportu. Po wybraniu rodzaju transportu otwiera się trzeci poziom, gdzie do wyboru są różne opcje wyżywienia. Po wybraniu rodzaju wyżywienia otwiera się lista wyników wyszukiwania (patrz: 3.2.2) odpowiadająca wybranym kryteriom wyszukiwania. 3.1.6 Szablon graficzny menu Każdy element menu opartego na szablonie graficznym składa się z wcześniej przygotowanej grafiki i wszelkie zmiany w menu wymagają ingerencji w strukturę serwisu lub zmiany samych elementów graficznych. Taki rodzaj menu jest wybierany w przypadku wymogu zastosowania efektownego wyglądu graficznego z zachowaniem stałej i niezmiennej struktury. Mankamentem jest tu brak możliwości edycji tekstu zawartego w poszczególnych elementach menu przez osobę zarządzającą treścią serwisu przez CMS.NetTur. Zmiany w takim menu mogą być wykonane wyłącznie przez programistów NetTur. Jest to wymóg wynikający ze stałej wielkości i liczby elementów graficznych. Ich zmiana powinna być dobrze przemyślana z uwagi na możliwą potrzebę przebudowy całego lub części serwisu. Rozwinięciem możliwości menu opartego na grafice jest rozbudowanie go do menu wielopoziomowego. Dzięki takiemu rozwiązaniu główna kategoria może być złożona z grafiki, a pozostałe będą posiadały możliwość edycji i swobodnego zarządzania z poziomu CMS.NetTur. 3.1.7 Szablon tekstowy menu W menu opartym na szablonie tekstowym również występuje grafika, ale ma ona charakter tła bądź wyróżnienia dla tekstu poszczególnych elementów menu. Tekst może być edytowany za pomocą programu CMS.NetTur. Atutem jest możliwość samodzielnej edycji tekstu zawartego w poszczególnych elementach menu poprzez zmianę nazwy odpowiedniego folderu lub dokumentu (odpowiadającego danemu elementowi menu) w bazie serwisu w programie CMS.NetTur. Zmiany nazw są widoczne w serwisie po aktualizacji programu CMS.NetTur. Więcej informacji dotyczących aktualizacji danych, znajdą Państwo w rozdziale 7. 3.1.8 Menu poziome wielopoziomowe Dla menu poziomego (patrz: 3.1.2), możliwe jest dodanie kolejnych podkategorii, które rozwijają się w dół menu po najechaniu kursorem myszki na kategorię główną (patrz: schemat 7). Każdy z elementów podkategorii może być odnośnikiem do kolejnego menu, które rozwija się po najechaniu kursorem myszki na wybraną podkategorię (patrz: schemat 8). Liczba kolejnych podkategorii jest ograniczona w przypadku szablonu graficznego (patrz: 3.1.6), gdyż wszystkie elementy zostały opracowane podczas projektowania menu. Oznacza to, iż nie ma możliwości samodzielnego modyfikowania elementów (dodawania / usuwania / - 30 -
zmiany nazw). Natomiast menu oparte na szablonie tekstowym (patrz: 3.1.7) pozwala na samodzielne zarządzanie elementami menu, czyli: dodawanie podkategorii, usuwanie podkategorii, zmianę nazw podkategorii. Jedynym ograniczeniem budowy menu opartego na szablonie tekstowym jest całkowita wielkość serwisu. Należy jednak pamiętać, że zbyt rozbudowane menu utrudnia nawigację i orientację w kategoriach. Schemat 7: Podkategorie główne menu poziomego wielopoziomowego ODNOŚNIK 1 ODNOŚNIK 2 ODNOŚNIK 3 ODNOŚNIK 4 ODNOŚNIK 5 ODNOŚNIK 1.1 ODNOŚNIK 1.2 ODNOŚNIK 1.3 ODNOŚNIK 1.4 ODNOŚNIK 1.5 Schemat 8: Podkategorie menu poziomego wielopoziomowego ODNOŚNIK 1 ODNOŚNIK 2 ODNOŚNIK 3 ODNOŚNIK 4 ODNOŚNIK 5 ODNOŚNIK 1.1 ODNOŚNIK 1.2 ODNOŚNIK 1.3 ODNOŚNIK 1.4 ODNOŚNIK 1.5 ODNOŚNIK 1.5.1 ODNOŚNIK 1.5.2 ODNOŚNIK 1.5.3 3.1.9 Menu poziome wielopoziomowe z użyciem flash Istnieje również możliwość rozwijania się menu umieszczonego w górnej części serwisu w górę strony, dzięki użyciu techniki flash. Ze względu na tak niestandardowy sposób rozwijania się menu, jest to efektowne rozwiązanie sposobu wyświetlania. 3.1.10 Menu pionowe wielopoziomowe Dla menu pionowego istnieją dwie możliwości rozwijania podkategorii: rozwijanie pod kategorią (patrz: 3.1.10.1), rozwijanie w bok (patrz: 3.1.10.2). - 31 -
3.1.10.1 Rozwijanie pod kategorią W tym przypadku podmenu rozwija się pod kategorią główną, spychając pozostałe podkategorie w dół. Odbywa się to poprzez kliknięcie kursorem myszki w wybrany element. Schemat 9: Przykład rozwiania menu pionowego wielopoziomowego z rozwijaniem pod kategorią ODNOŚNIK 1 ODNOŚNIK 2 ODNOŚNIK 3 ODNOŚNIK 4 ODNOŚNIK 5 ODNOŚNIK 1 ODNOŚNIK 1.1 ODNOŚNIK 1.2 ODNOŚNIK 1.3 ODNOŚNIK 2 ODNOŚNIK 3 ODNOŚNIK 4 ODNOŚNIK 5 Przykładowo, wybranie odnośnika 1 spowoduje pojawienie się pod nim jednego lub więcej odnośników jako podkategorii odnośnika 1. 3.1.10.2 Rozwijanie w bok Podmenu rozwija się w bok, a kategorie główne menu nie zmieniają swojego położenia. Odbywa się to poprzez naprowadzenie kursora myszki na wybrany element. Kierunek rozwijania jest uzależniony od położenia menu na stronie. W przypadku menu położonego po lewej stronie, podkategorie będą rozwijać się w prawo, a w przypadku menu położonego w prawej części serwisu, będą rozwijać się w lewo. Schemat 10: Przykład rozwiania menu pionowego wielopoziomowego z rozwijaniem w bok ODNOŚNIK 1 ODNOŚNIK 1.1 ODNOŚNIK 1.1.1 ODNOŚNIK 2 ODNOŚNIK 3 ODNOŚNIK 1.1.2 ODNOŚNIK 1.1.3 ODNOŚNIK 4 ODNOŚNIK 5 W powyższym przykładzie wybranie odnośnika 1, następnie odnośnika 1.1 spowodowało otwarcie podkategorii, w której umieszczone zostały trzy kolejne podkategorie. 3.1.11 Techniki wykonania menu Menu może zostać wykonane z użyciem jednej z trzech dostępnych technik: DHTML, AJAX, - 32 -
oraz przy wykorzystaniu HTML a (podstawowe menu jednopoziomowe). 3.1.11.1 DHTML Zastosowanie DHTML powoduje dłuższe otwieranie się całego serwisu, ale w zamian skutkuje szybszym działaniem elementów podmenu, które dzięki wcześniejszemu pobraniu, są dostępne natychmiast po wybraniu kursorem myszki danej podkategorii. Dzięki DHTML, menu może posiadać dodatkowe efekty wizualne. DHTML jest preferowanym rozwiązaniem dla realizacji menu. 3.1.11.2 AJAX AJAX sprzyja szybszemu otwarciu się strony WWW, czego kosztem jest dłuższe ładowanie się poszczególnych podkategorii menu. Podobnie jak w poprzednim przypadku, takie menu może być wzbogacone o dodatkowe efekty wizualne. 3.1.12 Przykłady zawartości menu informacyjnego W zależności od spełnianych funkcji, menu może zawierać odnośniki do typowych dokumentów informacyjnych (patrz: 3.2.1) powiązanych ściśle z serwisem, takich jak np.: O firmie, O nas, Historia firmy, Media o nas, Dlaczego my? Aktualności, Dla agenta, Dla firm, Dokumenty do pobrania, Regulamin, Warunki uczestnictwa, Partnerzy, Ubezpieczenia, Jak kupić wycieczkę, Na wypadek rezygnacji, Wizy, Oferta dla firm, Pytania i odpowiedzi, Wakacje z dziećmi, Oferta dla klientów indywidualnych, Dodaj do ulubionych, Ustaw jako stronę startową, lub innych dokumentów powiązanych z serwisem i ofertami: Przewodnik, Vademecum turysty, Porady praktyczne, Relacje z podróży, Galeria, Konkurs. Są to oczywiście tylko przykłady zastosowań dla menu, a jego oparcie na szablonie tekstowym (patrz: 3.1.7) pozwala na dowolną edycję nagłówków menu, w zależności od - 33 -
określonych w danym momencie potrzeb. Jedynie w przypadku menu zbudowanego w pełni na szablonie graficznym elementy te muszą zostać określone z góry. 3.1.13 Odnośniki do wyników wyszukiwania w menu Menu może również prowadzić bezpośrednio do zdefiniowanej na dwa sposoby listy wyników wyszukiwania (patrz: 3.2.3): listy wyników generowanej automatycznie według określonych z góry kryteriów (bez możliwości samodzielnej zmiany kryteriów wyszukiwania). listy wyników generowanej automatycznie z możliwością samodzielnej zmiany kryteriów wyszukiwania, przy wykorzystaniu funkcji tworzenia skrótów z odnośnikami w programie CMS.NetTur (patrz: 3.2.5.1). Lista wyników wyszukiwania otwierana z odnośników menu może być również tworzona na podstawie ofert: samodzielnie stworzonych w programie CMS.NetTur (patrz: 3.3.5.1) ofert importowanych manualnie przez moduł Współpraca (patrz: 3.3.5.2) programu CMS.NetTur. - 34 -
3.2 Podstrony Podstronami są wszystkie strony w obrębie serwisu, za wyjątkiem strony głównej (patrz: schemat 11). W CMS.NetTur zdefiniowane zostały cztery rodzaje podstron: dokumenty informacyjne (patrz: 3.2.1), wyniki wyszukiwania (patrz: 3.2.3), widok oferty (patrz: 3.2.4), skróty (patrz: 3.2.5). Niezależnie od rodzaju podstrony warto uwzględnić w jej projekcie odnośniki ułatwiające nawigację, takie jak: powrót do strony głównej, powrót do ostatnio oglądanej strony (poprzedniej strony). 3.2.1 Dokumenty informacyjne Są to wszystkie dokumenty stworzone w programie CMS.NetTur, zawierające moduł Tekst. Dokumenty informacyjne są wyświetlane jako podstrony lub jako moduły (patrz: 3.4). Treść dokumentów informacyjnych jest uzupełniana i modyfikowana samodzielnie. Do dokumentów informacyjnych prowadzą najczęściej odnośniki z menu (patrz: 3.1.1) lub odnośniki w modułach (patrz: 3.4). Warunkiem koniecznym do wyświetlania dokumentów informacyjnych jest zaznaczona opcja Pokazuj (dostępna w każdym dokumencie przygotowanym w CMS NetTur). 3.2.2 Techniki wyświetlania dokumentów informacyjnych Dla list zawierających zbiór odnośników do różnych dokumentów informacyjnych mogą zostać zastosowane trzy techniki przejścia między odnośnikiem a dokumentem właściwym: a) przejście standardowe, polegające na otwarciu dokumentu informacyjnego jako podstrony, b) rozwijanie w ramach tzw. kontentu strony, polegające na przesunięciu wszystkich elementów serwisu znajdujących się pod modułem zawierającym odnośniki do dokumentów informacyjnych (jest to opcja dla modułu), c) rozwijanie w ramach samego modułu, gdzie jego wielkość jest stała i tylko w tym obszarze następuje rozsunięcie wybranego tekstu oraz ukrycie pozostałych elementów (jest to opcja dla modułu), d) otwarcie nowego okna, w którym wyświetlana jest pełna treść dokumentu. 3.2.3 Wyniki wyszukiwania Wyniki wyszukiwania należą do grupy najważniejszych podstron, gdyż odpowiadają za wyświetlanie ofert* wyselekcjonowanych w: formularzach wyszukiwania (patrz: 3.3), modułach z ofertami (patrz: 3.4), odnośnikach do wyników wyszukiwania (patrz: 3.1.13), za pośrednictwem menu (patrz: 3.1.1-3.1.10). - 35 -
Schemat 11: Przykładowy widok podstrony serwisu NAGŁÓWEK GRAFICZNY MENU POZIOME FORMULARZ WYSZUKIWANIA MENU PIONOWE PODSTRONA NEWSLETTER KONTAKT MENU DOLNE STOPKA - 36 -
Składają się one grupy pojedynczych ofert, posortowanych według zdefiniowanego klucza. Dodatkowo istnieje możliwość sortowania po: nazwie, kraju, ilości dni, dacie, cenie. Wyniki wyszukiwania zawierają informację o liczbie ofert* oraz całkowitej liczbie terminów należących do tej grupy ofert. Przy czym w skład każdej oferty wchodzą wyłącznie terminy do niej przypisane. 3.2.3.1 Standardowe wyniki wyszukiwania Standardowa definicja wyników wyszukiwania pozwala na prezentację dwudziestu ofert na jednej podstronie (patrz: schemat 12). W przypadku większej liczby ofert* zostają one podzielone i prezentowane na kolejnych podstronach. Pozwala to zachować czytelny układ, dzięki czemu strona nie traci na swojej przejrzystości. Liczba ofert w wynikach wyszukiwania może zostać określona indywidualne. 3.2.3.2 Pojedyncza oferta na liście wyników wyszukiwania Wyświetlane informacje o pojedynczej ofercie mogą zostać dostosowane do indywidualnych preferencji (patrz: schemat 13). Pojedyncza oferta na liście wyników wyszukiwania może składać się z następujących elementów: a) nazwa oferty, która może zostać skrócona do określonej liczby znaków, b) standard hotelu (jeśli występuje), c) miniaturka jednego z losowo wybranych zdjęć z oferty, d) nazwa: - kraju, regionu geograficznego, miasta lub nazwa kraju i regionu turystycznego, - rodzaj transportu, - klasa hotelu, e) rodzaj wyżywienia (z uwagi na łatwość zrozumienia przez osobę odwiedzającą serwis proponowanym rozwiązaniem jest stosowanie formatu opisowego: śniadania, śniadania i obiado-kolacje; pełne wyżywienie; all inclusive, f) termin wyjazdu, g) ilość dni, h) cena (jest podawana w złotych), i) oznaczenie rodzaju promocji Last Minute lub First Minute jeśli występuje*, j) całkowita liczba terminów oferty. Dodatkowymi elementami, które mogą wejść w skład pojedynczej oferty są: a) odnośnik do innych terminów i cen (patrz: 3.2.4.8), b) odnośnik dodający ofertę do obserwowanych (patrz: 3.2.4.10). Każda pojedyncza oferta na liście wyników wyszukiwania posiada osobny odnośnik do podstrony, będącej bezpośrednim widokiem oferty. Odnośnikami tymi mogą być również inne elementy, takie jak na przykład cena czy nazwa imprezy. - 37 -
Rys. 4: Przykładowy wygląd graficzny listy wyników wyszukiwania - 38 -
Schemat 12: Lista wyników wyszukiwania Szukany kraj:... Dojazd:... Termin:... Cena:... Znaleziono... ofert (terminów:...) Sortuj po: nazwa kraj ilość dni data cena Strona: 1 2 3 4 5 6 7 8 9 10 > POJEDYNCZA OFERTA POJEDYNCZA OFERTA POJEDYNCZA OFERTA POJEDYNCZA OFERTA POJEDYNCZA OFERTA Rysunek nr 4: Przykładowy wygląd graficzny pojedynczej oferty na liście wyników wyszukiwania - 39 -
Schemat 13: Przykładowy widok pojedynczej oferty na liście wyników wyszukiwania MINIATURKA ZDJĘCIA OFERTY Nazwa oferty Region:... Termin:... Wyżywienie:... Transport:... cena zł ( 7 dni) cena zł (14 dni) więcej 3.2.3.3 Dodatkowe możliwości W pojedynczych ofertach na liście wyników wyszukiwania, istnieje również możliwość wyświetlania, między innymi: miast wylotu / wyjazdu, inne terminy i ceny. 3.2.3.4 Techniki wykonania Wyniki wyszukiwania, w zależności od wybranych elementów składowych pojedynczej oferty na liście wyników wyszukiwania, mogą zostać oprogramowane z użyciem skryptowego języka programowania PHP lub techniki AJAX. Technik wykonania nie należy mylić z wykonaniem graficznym podstron, czyli ich wyglądem graficznym i ułożeniem na stronie. 3.2.3.4.1 PHP Użycie języka PHP powoduje, iż każde kliknięcie w odsyłacze dostępne w wynikach wyszukiwania, powoduje odświeżenie całej strony serwisu. Oznacza to iż ponownie pobierane są również elementy nie należące do wyników wyszukiwania. 3.2.3.4.2 AJAX Technika wykonania AJAX pozwala na uniknięcie odświeżania całej strony serwisu przy poruszaniu się w wynikach wyszukiwania. W tym przypadku, kliknięcie na kolejną podstronę wyników wyszukiwania powoduje, iż załadowana zostaje wyłącznie kolejna lista wyników wyszukiwania. Zastosowanie techniki AJAX umożliwia również wyświetlanie dodatkowych informacji, takich jak: opis oferty, inne terminy i ceny, galeria zdjęć, dopłaty. 3.2.3.4.3 PHP i AJAX Możliwa do zastosowania jest również technika łącząca możliwości PHP i AJAX. Polega ona na tym, iż w AJAX wyświetlane są wyłącznie dodatkowe informacje (patrz 3.2.3.2), a cała struktura działania bazuje na PHP (patrz: 3.2.3.5.1). 3.2.3.4.4 PHP i DHTML - 40 -
Użycie dynamicznego HTML pozwala na wyświetlenie dodatkowych informacji po najechaniu (lub kliknięciu) kursorem myszki na wyznaczony obszar pojedynczej oferty z wyników wyszukiwania (patrz: 3.2.3.2). Natomiast cała struktura działania bazuje na języku PHP (patrz: 3.2.3.5.1). 3.2.3.5 Niestandardowe wyniki wyszukiwania Wygląd listy wyników wyszukiwania może zostać zmodyfikowany indywidualne, według ściśle określonych preferencji, takich jak na przykład liczba ofert w pojedynczym wierszu listy (standardowe rozwiązanie pozwala na wyświetlenie jednej oferty w pojedynczym wierszu). Schemat 14: Przykładowy widok dwóch ofert na liście wyników wyszukiwania, umieszczonych w jednym wierszu POJEDYNCZA OFERTA POJEDYNCZA OFERTA Zastosowanie takiego rozwiązania pozwala na stworzenie listy opartej w głównej mierze na grafice, gdzie głównym elementem są powiększone miniaturki zdjęć. Uzupełnieniem tego wyglądu ofert mogą być dodatkowe informacje, takie jak na przykład termin i cena. Schemat 15: Dwa przykłady widoku pojedynczej oferty Nazwa oferty Nazwa oferty POWIĘKSZONA MINIATURKA ZDJĘCIA Odnośnik do innych zdjęć z oferty Region:... Termin:... Wyżywienie:... Transport:... cena zł ( 7 dni) cena zł (14 dni) Na etapie projektowania wygląd pojedynczej oferty może być samodzielnie określony i dostosowany do ogólnej charakterystyki serwisu. Dzięki wykorzystaniu możliwości użycia zakładek (patrz: 3.2.3.5.1), niestandardowe wyniki wyszukiwania mogą być zastosowane równolegle z rozwiązaniem podstawowym lub mogą funkcjonować jako samodzielne rozwiązanie przypisanie do wybranych lub wszystkich list wyników wyszukiwania. - 41 -
Schemat 16: Przykładowa lista niestandardowych wyników wyszukiwania pojedyncza Szukany kraj:... Dojazd:... Termin:... Cena:... Znaleziono... ofert (terminów:...) Sortuj po: nazwa kraj ilość dni data cena Strona: 1 2 3 4 5 6 7 8 9 10 > POJEDYNCZA OFERTA POJEDYNCZA OFERTA POJEDYNCZA OFERTA POJEDYNCZA OFERTA POJEDYNCZA OFERTA POJEDYNCZA OFERTA POJEDYNCZA OFERTA POJEDYNCZA OFERTA POJEDYNCZA OFERTA Schemat 17: Przykład użycia zakładek w wynikach wyszukiwania Z1 Z2 Z1 Z2 STANDARDOWE WYNIKI WYSZUKIWANIA NIESTANDARDOWE WYNIKI WYSZUKIWANIA (patrz: 3.2.3.1) (patrz: 3.2.3.5) 3.2.3.5.1 Zakładki w wynikach wyszukiwania Użycie zakładek w wynikach wyszukiwania daje możliwość przeglądania ofert w zależności od indywidualnych preferencji użytkownika serwisu. Jest to rozwiązanie oparte na technice AJAX, pozwalające na zachowanie standardowego wyglądu wyników wyszukiwania - 42 -
i jednocześnie dające możliwość alternatywnego wglądu w oferty poprzez wybranie odpowiedniej zakładki (patrz: schemat 17). 3.2.3.5.2 Tło w wynikach wyszukiwania W standardowym rozwiązaniu wszystkie oferty na liście wyników wyszukiwania posiadają jednakowe tło, dostosowane do kolorystyki serwisu. Istnieje jednak możliwość wyróżnienia innym kolorem tła wybranych ofert z listy. Przykładowo, może zostać zastosowany tzw. przeplot, polegający na użyciu innego koloru dla co drugiej oferty z listy (patrz: schemat 18). 3.2.4 Widok oferty Widok oferty jest zbiorem informacji określających m. in. kraj, region, termin, cenę, opis i zdjęcia, uszeregowanych w ściśle określony sposób w strukturze podstrony. Może to być podstrona wyświetlająca wszystkie informacje jednocześnie (patrz: 3.2.4.1) lub podzielona za pomocą zakładek na osobne części. Przejście do widoku oferty odbywa się najczęściej po kliknięciu w wybrany odnośnik z modułu lub listy wyników wyszukiwania. Odnośniki do ofert mogą znajdować się również w menu i dokumentach stworzonych samodzielnie w programie CMS.NetTur. 3.2.4.1 Elementy podstrony z opisem oferty Każda podstrona z widokiem oferty składa się z podstawowych elementów, do których należą: Tytuł oferty (patrz: 3.2.4.2), Menu nawigacyjne (patrz: 3.2.4.3), Podstawowe informacje o wycieczce (patrz: 3.2.4.4), Formularze (patrz: 3.3), Opis oferty (patrz: 3.2.3.2). Standardowo wszystkie elementy są wyświetlane na jednej podstronie. Istnieje jednak możliwość wprowadzenia podziału, dzięki użyciu zakładek. 3.2.4.2 Tytuł oferty W zależności od rodzaju oferty tytuł może składać się z nazwy hotelu, kategorii lub innej nazwy imprezy określonej przez Touroperatora*. Zmiana tytułów ofert jest możliwa wyłącznie w przypadku dokumentów stworzonych samodzielnie w programie CMS.NetTur. Natomiast nie jest możliwa w przypadku ofert importowanych za pośrednictwem modułu Współpraca w programie CMS.NetTur i ofert Touroperatorów dostępnych w Wyszukiwarce. W przypadku długich tytułów liczba znaków w tytule oferty może zostać ograniczona do określonej wartości lub ograniczona ze względu na ilość dostępnego miejsca (wynikającego z budowy serwisu). 3.2.4.2.1 Kod Touroperatora Obok tytułu oferty w nawiasie kwadratowym, może zostać dodany trój-literowy kod identyfikujący Touroperatora. Jest to kod, który pozwala na szybką identyfikację Touroperatora, do którego należy dana oferta. Aktualna lista kodów i odpowiadających im Touroperatorów znajduje się w Strefie Klienta oraz stanowi załącznik do niniejszego Handbooka (patrz: Suplement nr 2). Kod Touroperatora jest nadawany przez NetTur i nie może być samodzielnie zmieniany. - 43 -
Schemat 18: Przykład zastosowania wyróżnienia w wynikach wyszukiwania. Szukany kraj:... Dojazd:... Termin:... Cena:... Znaleziono... ofert (terminów:...) Sortuj po: nazwa kraj ilość dni data cena Strona: 1 2 3 4 5 6 7 8 9 10 > POJEDYNCZA OFERTA POJEDYNCZA OFERTA POJEDYNCZA OFERTA POJEDYNCZA OFERTA POJEDYNCZA OFERTA Bardziej zaawansowanym narzędziem pozwalającym na wyszukiwanie ofert jest Wyszukiwarka po kodzie oferty (patrz: 3.3.7). 3.2.4.2.2 Kod oferty Dla łatwiejszego wyszukiwania ofert w serwisie może zostać użyta Wyszukiwarka po kodzie oferty (patrz: 3.3.7), co wiąże się z uzupełnianiem ofert o automatycznie nadawany kod, który jest wyświetlany przy każdej ofercie. Ze względu na łatwość odnalezienia go przez internautę, kod ten jest umieszczany w sąsiedztwie tytułu oferty. Wpisany do Wyszukiwarki powoduje wyświetlenie oferty. - 44 -
Schemat 19: Przykład podstrony z opisem oferty POWIĘKSZONA MINIATURKA ZDJĘCIA OFERTY PODSTAWOWE INFORMACJE O WYCIECZCE FORMULARZE TYTUŁ OFERTY MINIATURKA ZDJĘCIA OFERTY MINIATURKA ZDJĘCIA OFERTY OPIS OFERTY MINIATURKA ZDJĘCIA OFERTY MINIATURKA ZDJĘCIA OFERTY DOPŁATY I ZNIŻKI MINIATURKA ZDJĘCIA OFERTY MENU NAWIGACYJNE 3.2.4.3 Menu nawigacyjne Menu nawigacyjne służy do przemieszczania się między stronami serwisu i może składać się z następujących odnośników: powrót do strony głównej, powrót do poprzednio oglądanej strony (powrót do wyników wyszukiwania), - 45 -
powrót do górnej części serwisu. 3.2.4.4 Podstawowe informacje o wycieczce Podstawowe informacje o wycieczce zawierają cztery podstawowe elementy: Miniaturkę zdjęcia oferty (patrz: 3.2.4.5), Informacje o terminie (patrz: 3.2.4.7), Inne terminy, ceny (patrz: 3.2.4.8), Formularze (patrz: 3.2.4.9). 3.2.4.5 Miniaturka zdjęcia oferty Standardem jest jedno zdjęcie o powiększonym rozmiarze umieszczone obok Informacji o terminie. Wielkość i jakość zdjęć jest uzależniona od Touroperatorów. W przypadku, gdy zdjęcia te są mniejsze od ustalonego rozmiaru, nie są skalowane. Wynika to z faktu iż powiększanie zbyt małego zdjęcia wypływa niekorzystnie na jego wyrazistość. Dla ofert, do których Touroperatorzy nie udostępnili zdjęć, zastosowane zostało rozwiązanie zastępcze, polegające na dodaniu i wyświetleniu grafiki z odpowiednią flagą państwa (zgodną z krajem oferty) lub inna grafika zastępcza. Rozbudowanym rozwiązaniem jest umieszczenie w podstawowych informacjach o wycieczce galerii zdjęć zrealizowanej przy użyciu techniki DHTML lub AJAX. 3.2.4.6 Galeria zdjęć Galeria zdjęć składa się z: jednego zdjęcia o powiększonym rozmiarze oraz paska z miniaturkami zdjęć dostępnych w galerii, lub jednego zdjęcia o powiększonym rozmiarze oraz listy numerycznej zdjęć dostępnych w galerii. Wykorzystanie możliwości wyświetlenia galerii zdjęć w podstawowych informacjach o wycieczce umożliwia rezygnację z wyświetlania zdjęć w opisie oferty (patrz: 3.2.3.2). Dostępne są dwie techniki realizacji galerii zdjęć: Galeria oparta na technice DHTML (patrz: 3.2.4.6.1), Galeria oparta na technice AJAX (patrz: 3.2.4.6.2). 3.2.4.6.1 Galeria zdjęć oparta na technice DHTML Użycie DHTML umożliwia załadowanie się całej galerii zdjęć podczas otwierania podstrony. Dzięki takiemu rozwiązaniu przeglądanie kolejnych zdjęć odbywa się bez oczekiwania na ich pobranie z serwera. Minusem jest fakt iż strona wczytuje się dłużej, choć nie wszystkie zdjęcia muszą zostać obejrzane przez osobę odwiedzającą serwis. 3.2.4.6.2 Galeria oparta na technice AJAX Użycie AJAX daje możliwość pobrania tylko wybranych zdjęć, dopiero po najechaniu kursorem myszki i kliknięciu w wybraną miniaturkę. Minusem jest tutaj czas oczekiwania na pobranie zdjęcia. - 46 -
3.2.4.6.3 Galeria zdjęć slideshow Dodatkową opcją jest możliwość zastosowania w galerii tzw. slideshow, czyli automatycznego przeładowywania zdjęć w sposób: w pełni automatyczny zdjęcia przeładowywane są samoistnie po upływie określonego czasu z możliwością samodzielnego przełączania i zatrzymania slideshow przez najechanie lub kliknięcie kursorem myszki na wybrane zdjęcie, w sposób manualny przełączanie między kolejnymi zdjęciami odbywa się poprzez kliknięcie w wybraną miniaturkę lub numer zdjęcia. Techniką zalecaną dla realizacji galerii slideshow jest DHTML (patrz: 3.2.4.6.1). 3.2.4.7 Informacje o terminie Element Informacje o terminie jest zbiorem podstawowych danych dotyczących wybranej oferty, takich jak: Kraj, Klasa hotelu (patrz: 5.2), Dojazd (patrz: 5.8.2), Wyżywienie (patrz: 5.8.6), Rodzaj wyjazdu (patrz: 5.8.5), Data (patrz: 5.4), Cena (patrz: 5.5). 3.2.4.8 Inne terminy, ceny Jest to pole wyboru pozwalające na wyświetlenie wszystkich terminów, opcji i cen danej oferty, dostępnych w bazie ofert. Kliknięcie w wybrany termin spowoduje jego załadowanie i wyświetlenie. Dostępne są dwie techniki wykonania: PHP (patrz: 3.2.4.8.1), AJAX (patrz: 3.2.4.8.2). 3.2.4.8.1 PHP Użycie języka PHP powoduje, iż każde kliknięcie w terminy dostępne w Innych terminach spowoduje odświeżenie się całej strony serwisu. Oznacza to iż ponownie pobierane są również elementy nie należące do Innych terminów. 3.2.4.8.2 AJAX Technika wykonania AJAX pozwala natomiast na uniknięcie przeładowywania całej strony serwisu, przy poruszaniu się w Innych terminach. W tym przypadku, kliknięcie na inny termin powoduje, iż zostaje załadowana wyłącznie wybrana oferta. 3.2.4.9 Formularze oferty Standardem są trzy formularze: Wstępna rezerwacja (patrz: 3.2.4.9.1), Zapytaj o szczegóły (patrz: 3.2.4.9.2), Powiadom znajomego (patrz: 3.2.4.9.3). - 47 -
3.2.4.9.1 Wstępna rezerwacja Formularz wstępnej rezerwacji umożliwia osobie korzystającej z serwisu wysłanie zamówienia dotyczącego wybranej oferty. Oferta kupna jest automatycznie kierowana pod wskazany przez Państwa adres e-mail (np. biuro@firma.pl) oraz jako potwierdzenie - do klienta. Posiadając informacje o wybranej wycieczce oraz dane kontaktowe, możliwe jest zrealizowanie transakcji. Otwarty formularz zawiera podstawowe informacje o wycieczce, takie jak: kraj, miasto wyjazdu / wylotu, termin, dojazd, wyżywienie, rodzaj oferty, zakwaterowanie, cenę. Natomiast osoba składająca ofertę wypełnia dane kontaktowe: imię, nazwisko, data urodzenia, miejscowość, adres, kod pocztowy, telefon, e-mail. W zależności od wypełnionych przez klienta pól (e-mail, telefon), otrzymują Państwo niezbędne dane do nawiązania kontaktu i zrealizowana złożonego zamówienia lub zaproponowania innej oferty. 3.2.4.9.2 Zapytaj o szczegóły W celu lepszego kontaktu z klientem, przy każdej ofercie umieszczony został odnośnik Zapytaj o szczegóły, po wybraniu którego otwiera się podstrona zawierająca formularz kontaktowy, składający się z pól: Twój e-mail, Imię i nazwisko, Telefon, Zadaj pytanie, oraz przycisków Wyczyść i Wyślij. Przygotowywany jest w ten sposób e-mail informacyjny z tematem Zapytanie - <imię i nazwisko>, zawierający: nazwę oferty, bezpośredni link do oferty, nadawcę, telefon, e-mail kontaktowy, treść zapytania, - 48 -
który jest wysyłany pod ustalony adres e-mail oraz jako potwierdzenie nadania, pod adres e- mail podany w formularzu Zapytaj o szczegóły. 3.2.4.9.3 Powiadom znajomego Formularz dostępny pod odnośnikiem Powiadom znajomego pozwala na wysłanie linku do przeglądanej oferty, wraz z własnym komentarzem, na podany adres e-mail. Formularz składa się z pól: E-mail pierwszego znajomego, E-mail drugiego znajomego, Twój e-mail, Twoje imię i nazwisko, Coś od siebie, oraz przycisków Wyczyść i Wyślij informacje. Przygotowywany jest w ten sposób e-mail informacyjny z tematem <imię i nazwisko>, zawierający: a) informację: Twój znajomy <imię i nazwisko>, chciał Cię poinformować o naszej wycieczce i sądzi o niej: <treść>, b) odnośnik kliknij tutaj, będący bezpośrednim linkiem do oferty. Po kliknięciu przycisku Wyślij informacje e-mail informacyjny jest wysyłany pod adresy e-mail znajomych, podane w formularzu Powiadom znajomego. 3.2.4.10 Obserwacja ofert w formularzach oferty Istnieje również możliwość obserwacji wybranych ofert, poprzez umieszczenie obok formularzy oferty, opcji Obserwuj. Każda oferta zaznaczona w ten sposób, zostanie dodana do schowka. Przeglądanie ofert ze schowka odbywa się poprzez kliknięcie w odnośnik wyświetlający listę ofert obserwowanych. Odnośnik ten powinien zostać umieszczony w dobrze widocznym miejscu. Wygląd listy ofert w schowku może zostać zdefiniowany indywidualnie. Schowek daje również możliwość usuwania ofert z listy obserwowanych. 3.2.4.11 Sposoby wyświetlania formularzy oferty Dostępne są trzy sposoby wyświetlania formularzy ofert: standardowy, z użyciem zakładek, a la pop-up. 3.2.4.11.1 Sposób standardowy Polega na otwarciu formularzy Zapytaj o szczegóły i Powiadom znajomego jako podstron. Natomiast formularz Wstępna rezerwacja otwierany jest w wyskakującym okienku. 3.2.4.11.2 Wyświetlanie z użyciem zakładek Formularze mogą być wyświetlane z użyciem zakładek - kliknięcie w wybrany odnośnik spowoduje otwarcie danej zakładki z formularzem. - 49 -
3.2.4.11.3 Wyświetlanie a'la pop-up Formularze są wyświetlane na aktualnej podstronie (treść podstrony jest przykryta formularzem) jako dokumenty HTML i znikają natychmiast po wysłaniu formularza. Otwarcie formularza następuje w momencie kliknięcia w odpowiedni odnośnik. To rozwiązanie nie jest blokowane przez popularne programy, typu Internet Explorer czy Mozilla Firefox (nie jest to tradycyjny pop-up, który może być zablokowany, przez ustawienia programu). 3.2.5 Skróty CMS.NetTur daje możliwość samodzielnego tworzenia następujących skrótów: skróty do dokumentów informacyjnych stworzonych w programie CMS.NetTur, skróty do ofert stworzonych w programie CMS.NetTur, skrót do ofert importowanych przez moduł Współpraca programu CMS.NetTur, skróty do innych stron WWW, skróty do wyników wyszukiwania. Trzy pierwsze opcje pozwalają na tworzenie bezpośrednich odnośników do innych dokumentów znajdujących się w bazie serwisu. Natomiast stworzenie skrótu do strony WWW daje możliwość otwarcia innej strony WWW. Należy jednak pamiętać, że stworzony w ten sposób odnośnik do innej strony otwierany będzie w tym samym oknie (nie ma tutaj możliwości otwierania w nowym oknie). Za pomocą skrótów można również samodzielnie definiować kryteria doboru ofert dla list z wynikami wyszukiwania. Taka możliwość jest najczęściej wykorzystywana w przypadku zastosowania menu do wyświetlania odnośników do ofert. 3.2.5.1 Skróty do wyników wyszukiwania Skróty do wyników wyszukiwania są narzędziem umożliwiającym samodzielne kreowanie listy wyników wyszukiwania w oparciu o zdefiniowane kryteria wyszukiwania. Atutem takiego rozwiązania jest możliwość samodzielnego zarządzania wyświetlanymi ofertami poprzez definiowanie kryteriów ich wyszukiwania w specjalnym panelu, będącym generatorem linków (patrz: 3.2.5.2). Stworzenie skrótu do wyników wyszukiwania polega wykonaniu następujących kroków: a) dodaniu dokumentu Skrót w programie CMS.NetTur (tytuł dokumentu jest dowolny), b) wygenerowaniu za pomocą generatora linków (patrz: 3.2.5.2) specjalnego odnośnika, c) zespoleniu wygenerowanego odnośnika z adresem serwisu, d) umieszczeniu połączonego odnośnika w polu Odnośnik do z zaznaczeniem strony WWW. 3.2.5.2 Generator linków Generator linków jest narzędziem pozwalającym na samodzielne stworzenie specjalnego odnośnika do listy wyników wyszukiwania (patrz:3.2.3) w oparciu o samodzielnie zdefiniowane kryteria wyszukiwania, takie jak: kraj / region, dojazd, - 50 -
klasa hotelu, rodzaj oferty, wyjazd z, zakwaterowanie, wyjazd od, powrót przed, cena, ilość dni, wyżywienie, tylko oferty last minute, tylko oferty first minute. Należy jednak pamiętać, że im większa jest liczba wybranych kryteriów, tym większe jest uszczegółowienie wyszukiwanych ofert. Zbyt mocne zawężenie kryteriów może w konsekwencji doprowadzić do niewyświetlenia żadnej oferty (żadna z ofert nie będzie spełniać podanych kryteriów). Odnośnik stworzony przy pomocy generatora linków może zostać wykorzystany w: menu (patrz: 3.1.1) do wyświetlania (odnośnika do) listy wyników wyszukiwania, module (patrz: 3.4.1.1, 3.4.1.2) do wyświetlania (odnośnika do) listy wyników wyszukiwania, dokumencie stworzonym w programie CMS.NetTur (patrz: 3.2.1) do wyświetlania (odnośnika do) listy wyników wyszukiwania, systemie banerowym (patrz: 4.11.1) do wyświetlenia listy wyników wyszukiwania. - 51 -
3.3 Formularze wyszukiwania ofert Formularze wyszukiwania ofert pozwalają na przeszukiwanie bazy ofert według sprecyzowanych w nich kryteriów. W zależności od potrzeb, mogą zawierać wybrane lub wszystkie dostępne kategorie wyszukiwania. Formularze zostały opracowane na podstawie uwag agentów oraz Touroperatorów na temat kryteriów, według których oferty są najczęściej wyszukiwane. Zebrane w ten sposób informacje pozwoliły na opracowanie dwóch głównych rodzajów Wyszukiwarki NetTur: Wyszukiwarka NetTur w wersji standardowej (patrz: 3.3.1), Wyszukiwarka NetTur w wersji zaawansowanej (patrz: 3.3.2). Wyszukiwarka pozwala na przeszukanie wybranej bazy ofert według kryteriów wyszukiwania określonych w formularzu. Celem użycia Wyszukiwarki jest wyselekcjonowanie spośród wszystkich dostępnych ofert tylko tych, które odpowiadają kryteriom wyszukiwania oraz wyświetlenie ich postaci wyników wyszukiwania (patrz: 3.2.3). Szczegółowe informacje dotyczące ofert zawarte są w rozdziale 5 i 6. Domyślnie każdy formularz posiada zaznaczone opcje typu dowolny, dowolne dla wszystkich elementów oprócz daty początkowej i końcowej przedziału poszukiwań. Oznacza to, iż każde z tych kryteriów nie zostało sprecyzowane i jest gotowe do określenia. Niesprecyzowanie jednego lub więcej kryteriów podczas wyszukiwania nie wpływa na poprawność działania Wyszukiwarki. Kryterium typu dowolny nie jest równoznaczne z dostępnym w formularzach kryterium typu inny, które może się pojawić w przypadku ofert niestandardowych. Istnieje możliwość samodzielnego zdefiniowania formularza wyszukiwania, według wybranej listy elementów (patrz: 3.3). Dodatkowo istnieje możliwość indywidualnego określenia opcji dla wybranych elementów formularza Wyszukiwarki, takich jak np.: przedziały cenowe, klasa hotelu. Wyszukiwanie po klasie hotelu może odbywać się na dwa sposoby: określenie klasy hotelu spowoduje wyświetlenie ofert dokładnie odpowiadających wybranemu kryterium, wybór klasy hotelu spowoduje określenie minimalnej klasy hotelu, do której ma być zawężone wyszukiwanie oferty. Na bazę ofert dla Wyszukiwarki składają się oferty wybranych Touroperatorów z listy wszystkich TO dostępnych w systemie NetTur. Usunięcie oferty danego TO z bazy ofert odbywa się poprzez odznaczenie Touroperatora na liście dostępnej w Strefie Klienta. 3.3.1 Wyszukiwarka NetTur w wersji standardowej Wyszukiwarka NetTur w wersji standardowej zawiera najważniejsze kryteria wyszukiwania, pozwalające na wyselekcjonowanie odpowiadających im ofert. Dodatkowo Wyszukiwarka może zostać zmodyfikowana poprzez usunięcie lub dodanie poszczególnych elementów, takich jak na przykład region turystyczny, który m0oże zastąpić w formularzu region geograficzny i miasto. - 52 -
Rysunek nr 4. Przykładowy widok standardowego formularza wyszukiwania. Główne kryteria wyszukiwania: a) kraj oferty, - region geograficzny (w zależności od wersji; patrz: 3.3.1), - miasto (w zależności od wersji; patrz: 3.3.1), - region turystyczny (w zależności od wersji; patrz: 3.3.2), b) rodzaj dojazdu, c) rodzaj wyżywienia, d) miasto wyjazdu / wylotu, e) cena oferty, f) termin od. Kryteria z grupy a) dodatkowo dzielą się na dwa rodzaje: Wyszukiwanie przy użyciu regionów turystycznych (patrz: 3.3.1.1), Wyszukiwanie przy użyciu regionów geograficznych i miast (patrz: 3.3.1.2). Niezależnie od wybranych kryteriów z grupy a) wspólne pozostaje część zawierająca: (ciąg dalszy punktu 3.3.1.1) b) rodzaj dojazdu, c) rodzaj wyżywienia, d) miasto wyjazdu / wylotu, e) cena oferty, f) termin od. 3.3.1.1 Wyszukiwanie przy użyciu regionów turystycznych Zaletą tej wersji jest ograniczenie go jednego pola wyboru, zawierającego w sobie: a) kraj, b) region turystyczny, które są wyświetlane według klucza przynależności. Dodatkowo cała lista jest wyświetlana wraz z załadowaniem się formularza. Jednakże w przypadku dużej listy państw i regionów turystycznych, pole to może sprawiać trudność w nawigacji ze względu na długość listy. Możliwe jest wtedy skorzystanie z podziału na dwa osobne pola wyboru, co ułatwia - 53 -
odnalezienie poszukiwanego kraju oraz regionu turystycznego. Wydłuża się natomiast czas ładowania regionów turystycznych. Ze względu na umieszczenie ich w osobnym polu wyboru, regiony turystyczne załadowane zostaną dopiero po określeniu wybranego kraju. Przed wyborem kraju pole region turystyczny pozostaje nieaktywne. 3.3.1.2 Wyszukiwanie przy użyciu regionów geograficznych i miast W tej wersji każdy rodzaj destynacji posiada indywidualne pole wyboru przypisane odpowiednio do: a) kraju, b) regionu geograficznego, c) miasta, które wyświetlane są według klucza przynależności. Atutem takiego rozwiązania jest możliwość wyszukiwania ofert według miast docelowych oraz całych regionów geograficznych. Podział na osobne pola wyboru wydłuża czas ładowania regionów geograficznych oraz miast, gdyż załadowane zostają w momencie określenia kryteriów je poprzedzających (patrz pkt. a, b, c). Przed wyborem kraju pola region geograficzny oraz miasto pozostają niekatywne. Istnieje możliwość wyświetlania regionów geograficznych i miast w wersji zaawansowanej Wyszukiwarki NetTur (patrz: 3.3.2). 3.3.2 Wyszukiwarka NetTur w wersji zaawansowanej Wyszukiwarka NetTur w wersji zaawansowanej jest uzupełnieniem wersji standardowej o szczegółowe kryteria wyszukiwania, zawarte w dodatkowych polach wyboru: (ciąg dalszy punktu 3.3.1.1) g) rodzaj oferty, h) klasa hotelu, i) last minute, j) first minute. Rys. 5. Przykładowy widok podstawowego formularza wyszukiwania Wyszukiwarki zaawansowanej Odnośnik do Wyszukiwarki zaawansowanej umieszczony jest formularzu Wyszukiwarki w wersji standardowej, co ułatwia płynne przejście do szczegółowych kryteriów wyszukiwania. - 54 -