Specyfikacja wykonania strony Ewypoczynek.pl Załącznik nr 1 1. Formularz rejestracyjny... 2 1.1 Rejestruję obiekt samodzielnie... 2 1.1.1 Dane użytkownika... 2 1.1.2 Informacje o obiekcie... 3 1.1.3 Dane konta... 6 1.1.4 Rejestracja... 6 1.2 Proszę o dodanie obiektu w moim imieniu... 8 1.2.1 Walidacja błędna... 9 1.2.2 Walidacja poprawna... 10 2. Panel Klienta... 11 2.1 Logowanie... 11 2.1.1 Start... 12 2.1.2. Program partnerski... 12 2.1.3 Zapłać za abonament... 13 2.1.4 Statystyki... 13 2.1.5 Edycja oferty... 14 2.1.6 Twoja oferta... 14 2.1.7 Galeria zdjęć... 14 2.1.8 Lokalizacja... 14 2.1.9 Oferty specjalne... 14 2.1.10 Wypromuj swój obiekt... 14 2.1.11 Ustawienia konta... 15 2.1.12 Płatności... 15 2.1.13 Pomoc... 15 3. Panel administratora... 16 3.1. Zarządzanie użytkownikami i ofertami... 16 3.2 Zarządzanie kontem administratora... 17 3.3 Warto zobaczyć... 17 3.4 Typy... 17 3.5 Podstrony... 17 3.6 Newsletter... 17 4. Automatyczne maile... 17 5. Linki seo... 18 6. Przeniesienie bazy danych... 19
Strona będzie dostępna pod adresem http://ewypoczynek.pl 1. Formularz rejestracyjny Na stronie formularza rejestracyjnego istnieje możliwość wybrania jednej z dwóch opcji: Rejestruję obiekt samodzielnie Proszę o dodanie obiektu w moim imieniu 1.1 Rejestruję obiekt samodzielnie W przypadku wybrania opcji samodzielnej rejestracji przechodzimy na stronę z formularzem rejestracji obiektu. Samodzielna rejestracja odbywa się z czterech kroków. 1.1.1 Dane użytkownika Pierwszy krok to wypełnienie formularza zawierający następujące pola: Login
Hasło Powtórz hasło Adres email Poniżej screen poglądowy, pokazujący układ. Na stronie należy wykorzystać i dostosować dostarczone elementy graficzne i stworzyć spójny z całością graficzną formularz. Walidacja za pomocą jquery Validation oraz PHP. 1.1.2 Informacje o obiekcie Krok drugi polega na wypełnieniu formularza dołączonego w postaci strony 2.html. W momencie wpisywania miejscowości pojawiają się podpowiedzi do wyboru z listy rozwijanej:
Po podaniu miejscowości, automatycznie znacznik na mapie google lokalizuje wpisaną miejscowość na podstawie podanej miejscowości oraz adresu. W przypadku podania adresu i nie wypełnienia miejscowości pojawia się komunikat: W polu kod pocztowy automatycznie ustawiony jest placeholder na podanie poprawnego kodu:
Zdjęcia są dodawane za pomocą technologii AJAX bez przeładowania strony. Obsługiwane formaty to: jpg, png, jpeg, bmp. W przypadku błędu dodawania zdjęcia pojawia się okno z komunikatem Pola wymagane: Nazwa obiektu Typ obiektu Miejscowość Kod pocztowy Adres
1.1.3 Dane konta Możliwość dodania danych do faktury 1.1.4 Rejestracja Ostatni krok to potwierdzenie rejestracji zgodnie z grafiką 3.html W tym samym momencie na email klienta przychodzi następująca wiadomość: Od: Ewypoczynek.pl Email nadawcy: email administratora Temat: Obiekt został dodany Treść: Dziękujemy za dodanie obiektu do bazy Ewypoczynek.pl Prosimy o uzupełnienie jak największej ilości informacji. Wtedy oferta będzie bardziej atrakcyjna dla odwiedzających klientów. Aby tego dokonać należy przejść na stronę http://panel.ewypoczynek.pl i zalogować się do swojego panelu klienta, za pomocą loginu i hasła podanego podczas rejestracji konta. Twój login: {login klienta} Twoje hasło: {hasło klienta} Dane należy uzupełnić wybierając z górnego menu odpowiednie opcje. Państwa prezentację można zobaczyć pod adresem: {link_do_oferty} Dane dotyczące płatności:
Przelew na kwotę {cena} zł brutto należy dokonać na dane: PotNet Wojciech Potocki Ul. Andrzejewskiego 21/4 70786 Szczecin 98 1140 2004 0000 3702 6807 0075 Tytułem: zamówienie {login_klienta} Możesz skorzystać z szybkich płatności online, klikając w poniższy link: {link_do_platnosci_online} W przypadku pytań jesteśmy do Państwa dyspozycji. Pozdrawiam Wojciech Potocki www.ewypoczynek.pl {email_administratora} tel: {telefon_administratora} Zapraszamy do skorzystania z dodatkowych form reklamy, które zwiększą Twoją oglądalność kilkakrotnie! W tym celu w panelu klienta wybierz w górnym menu Wypromuj swój obiekt. W poniższe tagi wstawiane są następujące elementy: {login klienta}: login klienta podany podczas rejestracji {hasło klienta}: hasło klienta podane podczas rejestracji {link_do_oferty}: link do oferty klienta {cena}: cena pobierana z bazy danych, możliwa do ustawienia w panelu administratora {link_do_platnosci_online}: unikalny link do płatności online, zintegrowane z PayU {email_administratora}: email administratora pobierany z bazy, możliwy do ustawienia w panelu administratora {telefon_administratora}: telefon administratora pobierany z bazy, możliwy do ustawienia w panelu administratora Po kliknięciu na link do płatności online pojawia się okno na wzór:
1.2 Proszę o dodanie obiektu w moim imieniu Po kliknięciu w przycisk Proszę o dodanie obiektu w moim imieniu przycisk zostaje ukryty a w jego miejsce pojawia się formularz rejestracyjny Prośba o rejestrację obiektu noclegowego. Cała operacja odbywa się bez przeładowania strony. Formularz składa się z pól obowiązkowych: Imię i nazwisko osoby zgłaszającej Adres strony internetowej Email osoby zgłaszającej Telefon osoby zgłaszającej Pola fakultatywne: Dodatkowa wiadomość do administratora Ponadto formularz posiada obowiązkowy do zaznaczenia checkbox Wyrażam zgodę na wykorzystanie danych ze wskazanej strony internetowej, w celu stworzenia wizytówki mojego obiektu przez serwis Ewypoczynek.pl. Po naciśnięciu przycisku Wyślij następuje walidacja formularza.
1.2.1 Walidacja błędna Pierwsza walidacja odbywa się za pomocą jquery Validation. Bez przeładowania strony. Jeśli walidacja zwraca błędy to kod php oraz mysql nie jest wykonywany. Komunikaty w przypadku błędów pojawiają się jak poniżej:
Czyli komunikat + zaznaczenie na czerwono pola, które zostało błędnie wypełnione. W przypadku, gdy walidacja za pomocą jquery Validation przebiegnie pomyślnie następuje walidacja po stronie kodu PHP. Błędy również pojawiają się jak na powyższym obrazku. 1.2.2 Walidacja poprawna Jeśli użytkownik wypełnił poprawnie formularz otrzymuje odpowiedni komunikat Twoja prośba o dodanie obiektu w serwisie Ewypoczynek.pl została wysłana do administratora. W ciągu 24 godzin otrzymasz email z informacją zwrotną. Dziękujemy! oraz przycisk powrotu na stronę główną prezentowany jak na poniższym ekranie:
W bazie danych zostają zapisane następujące dane o zgłoszonym obiekcie: Id (PK primary key) Imię i nazwisko Adres www Email Numer telefonu Wiadomość dodatkowa Status_id (wartość PK z tabeli słownikowej ze statusem) Data wysłania zgłoszenia Data akceptacji zgłoszenia Ponadto na adres administratora portalu przychodzi wiadomość o następujących parametrach Od: adres administratora Temat: Prośba dodania obiektu Treść: Zgłoszono nową prośbę dodania obiektu 2. Panel Klienta Panel klienta ma być dostępny pod adresem http://ewypoczynek.pl 2.1 Logowanie Ekran logowania oraz funkcjonalność jest przedstawiona na dostarczonej stronie 4.html Klient loguje się za pomocą loginu oraz hasła podanego podczas rejestracji. Hasło w bazie danych musi być przechowywane w formie zaszyfrowanej.
2.1.1 Start Ekran główny po zalogowaniu przedstawia strona psd.html Tekst (ogłoszenie) ustawiany w PA Program partnerski Zapłać za abonament Statystyki Edycja oferty Pod szczegółami dotyczącymi danej oferty są wyświetlane aktualności, które może dodawać administrator w panelu. 2.1.2. Program partnerski Po przejściu zalogowanego użytkownika na stronę panelu partnerskiego, ma możliwość wybrania kreacji banera, który chce wstawić na swojej stronie:
Wybierając z listy rozwijanej numer kreacji, baner oraz jego kod zmieniają się bez przeładowania strony w technologii AJAX. Kolejne kreacje oraz ich kody może dodawać administrator w panelu. 2.1.3 Zapłać za abonament Przejście na unikalną stronę płatności online (PayU), gdzie jest możliwość prze łużenia abonamentu o rok. Jest to taka sama strona jak po wejściu na link {link_do_platnosci_online} w wiadomości rejestracyjnej 2.1.4 Statystyki Podstrona prezentuje ilość wyświetleń oferty na wzór
Mają być tylko prezentowane wyświetlenia oraz wysłane zapytania. Pozostałe dwie kolumny nie są prezentowane. 2.1.5 Edycja oferty Przejście do formularza 2.html w celu edytowania oferty. 2.1.6 Twoja oferta Przejście do formularza 2.html w celu edytowania oferty. 2.1.7 Galeria zdjęć Przejście do formularza edycji zdjęć w ofercie. 2.1.8 Lokalizacja Przejście do formularza edycji lokalizacji obiektu. 2.1.9 Oferty specjalne Na razie proszę nie wykonywać tej funkcjonalności. 2.1.10 Wypromuj swój obiekt Reklama w dziale Polecane oferty. Ma wyglądać na wzór jak poniżej, tylko zamiast przycisku Zapisz zmiany będzie Opłać. Przenoszący do płatności PayU.
2.1.11 Ustawienia konta Tutaj użytkownik ma możliwość zmiany hasła, adresu email oraz danych do faktury. 2.1.12 Płatności Przejście na unikalną stronę płatności online (PayU), gdzie jest możliwość prze łużenia abonamentu o rok. Jest to taka sama strona jak po wejściu na link {link_do_platnosci_online} w wiadomości rejestracyjnej. 2.1.13 Pomoc Po kliknięciu uruchamia się program pocztowy z wysyłaniem wiadomości na email administratora.
3. Panel administratora 3.1. Zarządzanie użytkownikami i ofertami Panel będzie dostępny pod adresem http://admin.ewypoczynek.pl Lista użytkowników jest prezentowana za pomocą jquery DataTables. Lista ofert również jest prezentowana za pomocą jquery DataTables. Przy nagłówku każdej z kolumn ma być przycisk do sortowania. Pod nagłówkiem pole input do wpisywania wartości do filtrowania. Wszystkie daty w edycji, dodawaniu użytkowników, obiektów, linków, filtrowaniu mają być wybierane za pomocą jquery datepicker. Wciśnięcie przycisku Enter po wpisaniu wartości do filtrowania uruchamia wyszukiwanie tak samo jak kliknięcie przycisku Szukaj. W momencie ładowania danych do wyświetlenia strona jest lekko wyszarzona i pojawia się kręciołek oznaczający ładowanie danych. Pełne zarządzanie użytkownikami (dodawanie, usuwanie, edytowanie, zawieszanie) oraz ich ofertami (dodawanie, usuwanie, edytowanie, zawieszanie/aktywowanie, ustawianie daty ważności, ustawianie czy ogłoszenie jest promowane) sortowanie listy użytkowników wg kryteriów: login, email, imię, nazwisko, czy ma dodaną ofertę, czy oferta aktywna (możliwość sortowania po jednym jak i kilku kryteriach jednocześnie), sortowanie musi odbywać się w technologii AJAX (bez przeładowania strony) filtrowanie listy użytkowników wg kryteriów: login, email, imię, nazwisko, czy ma dodaną ofertę, czy oferta aktywna (możliwość filtrowania po jednym jak i kilku kryteriach jednocześnie), filtrowanie musi odbywać się w technologii AJAX (bez przeładowania strony) na liście użytkowników muszą być następujące informacje: login, imię, nazwisko, e- mail, data rejestracji, czy posiada dodaną ofertę, czy posiada aktywną ofertę na liście obiektów muszą znaleźć się następujące informacje: nazwa obiektu, miasto, adres, ilość wyświetleń, data dodania, data wygaśnięcia, czy aktywny, login użytkownika, adres email, linki: edytuj, usuń, zawieś po kliknięciu w wybrany obiekt z listy za pomocą technologii AJAX (bez przeładowania strony) nad listą obiektów wyświetlają się szczegóły danego obiektu: nazwa obiektu, miasto, adres, ilość wyświetleń, data dodania, data
wygaśnięcia, czy aktywny, login użytkownika, adres email, numer telefonu, imię użytkownika, nazwisko użytkownika oraz dane do faktury: Nazwa firmy, adres, nip. Musi być możliwość edycji wszystkich powyższych danych za pomocą technologii AJAX. sortowanie oraz filtrowanie listy obiektów po wszystkich wymienionych powyżej opcjach. Filtrowanie oraz sortowanie w technologii ajax. na liście obiektów checkboxy do wyszukiwania obiektów: aktywnych, nieaktywnych, terminujących się 3.2 Zarządzanie kontem administratora Zarządzanie kontem administratora: zmiana loginu, emaila, hasła 3.3 Warto zobaczyć Zarządzanie linkami wyświetlanymi w serwisie (wyświetlane w boxie Warto zobaczyć). Lista musi zawierać: data dodania, data wygaśnięcia, kolejność na liście, link, anchor, title, email, cena. Dodawanie, edycja, usuwanie za pomocą AJAX. 3.4 Typy Dodawanie, usuwanie, edycja nazw regionów, ośrodków, województw 3.5 Podstrony Zarządzanie treścią podstron (za pomocą edytora WYSIWYG): O nas, Zastrzeżenia prawne, Cennik, Reklama specjalna, Kontakt, Reklama, Darmowa strona www, Regulamin. Możliwość dodawania podstron tekstowych i w pełni zarządzanych za pomocą edytora WYSIWYG. Linki do podstron będą wyświetlać się w boxie Ewypoczynek.pl 3.6 Newsletter Zarządzanie emailami zapisanymi do newslettera: dodawanie, usuwanie, edytowanie. 4. Automatyczne maile a) 7 dni, 14 dni, 30 dni, 60 dni, 90 dni po dodaniu, ale nie opłaceniu obiektu treść edytowana w panelu admina
b) 7 dni, 14 dni, 30 dni, 60 dni, 90 dni po wygaśnięciu opłaty za abonament treść edytowana w panelu admina c) 14 dni, 7 dni, 3 dni przed końcem ważności abonamentu treść edytowana w panelu admina d) w dniu wygaśnięcia abonamentu treść edytowana w panelu admina e) 14 dni, 7 dni, 3 dni przed końcem ważności linku treść edytowana w panelu admina f) 7 dni po wygaśnięciu i nie opłaceniu linku treść edytowana w panelu admina W mailach mają być używane tagi, zamieniane na odpowiednie wartości: {nazwa_obiektu} {data_dodania} {data_koniec} {login}: login użytkownika {email_klienta}: email użytkownika {link}: link dodany przez użytkownika {anchor}: anchor dodany przez użytkownika {cena_link}: cena za link {cena_abonament} cena za abonament roczny {email_administrator}: email administratora {telefon_administratora}: telefon administratora 5. Linki seo Zastosowanie mod rewrite, linków seo. Konstrukcja: a) e- wypoczynek.pl/noclegi/<rodzaj_obiektu>/<miasto>/<nazwa_obiektu>/<id_obiektu> link do oferty b) ewypoczynek.pl/noclegi link do listy wszystkich obiektów c) ewypoczynek.pl/noclegi/<rodzaj_obiektu> link do listy wszystkich obiektów danego typu d) ewypoczynek.pl/noclegi/<miasto> link do listy wszystkich obiektów z danego miasta e) ewypoczynek.pl/noclegi/<rodzaj_obiektu>/<miasto> link do listy wszystkich obiektów danego typu z danego miasta
f) ewypoczynek.pl/noclegi/<region> link do listy wszystkich obiektów z danego region g) ewypoczynek.pl/noclegi/<wojewodztwo> link do wszystkich obiektów z danego województwa 6. Przeniesienie bazy danych Ponadto należy przenieść obecną bazę danych serwisu ewypoczynek.pl do nowej bazy stworzonej przez Wykonawcę. W tym celu zostanie udostępniona baza danych oraz wszelkie pliki strony, aby Wykonawca mógł bez problemu przenieść bazę. Należy przenieść wszystkie oferty, użytkowników oraz linki wyświetlane obecnie w serwisie Ewypoczynek.pl.. wykonujący.. zamawiający