Specyfikacja projektu WWW zgłoszenie realizacji. Informacja podstawowe

Transkrypt

1 Nowoczesna Firma specyfikacja projektu 1/13 Specyfikacja projektu WWW zgłoszenie realizacji Informacja podstawowe Pełna nazwa Projektu z terminem imprezy oraz hasłem przewodnim Unit (eventy certyfikaty portal knowledgevillage) Reklama i ruch Termin przekazania materiałów i specyfikacji Deadline części koncepcyjnej Deadline wstępnej wersji Deadline całości Project Manager (imię, nazwisko, , wew.) Analityk Projektant użyteczności Specjalista SEO Łukasz Kurosad Grzegorz Libera Anna Jankowska Paweł Zinkiewicz Grafik Programista Sebastian Domaradzki Założenia serwisu Adres www (czy jest już zakupiony?) Typ i cel główny serwisu - mierzalny (informacyjny zbierający leady narzędziowy zbierający dane) Grupa docelowa (baza)

2 Nowoczesna Firma specyfikacja projektu 2/13 Szacowany ruch na serwisie? Jaka kampanią marketingowa? Cechy i charakter serwisu Co chcemy osiągnąć? Kto będzie zarządzał zawartością na serwisie? Kto ma mieć dostęp do przeglądania i eksportu danych? Dostęp do bazy danych będzie wydzielony zewnętrznej firmie, np. partnerowi? Opis serwisu Założenia projektu Serwis umożliwiający użytkownikom pobieranie wzorów dokumentów potrzebnych w pracy, urzędzie, prowadzeniu firmy. Funkcjonalności serwisu oraz potrzeby, na jakie serwis ma odpowiadać - duży ruch bezpłatny SEO (frazy będące nazwami dokumentów są bardzo ciekawe z tego względu, że stosunkowo łatwo będzie je pozycjonować, a z drugiej strony część z nich ma bardzo dużą liczbę wyszukiwań) zapewniający przychody z reklamy display i PPC - zwiększenie liczby subskrybentów - część dokumentów do pobrania dopiero po zapisaniu się na newsletter/pozostawieniu danych (stanowisko, województwo, adres) i akceptacji regulaminu, który upoważnia nas do realizacji wysyłek reklamowych - być może w perspektywie rozwoju serwisu pobieranie opłat za wybrane wzory dokumentów (płatność SMS) - nie wpływa na bieżące prace - do zrobienia w przyszłości jak serwis się rozkręci Krótki opis projektu Serwis skierowany w dużej mierze do przedsiębiorców, ale również do pracowników, osób fizycznych poszukujących różnego rodzaju wzorów dokumentów, niezbędnych do załatwiania spraw na drodze oficjalnej. Będzie zawierał wzory dokumentów do pobrania (podzielone na poszczególne kategorie), ale także konkretne narzędzia biznesowe jedna z kategorii (np.:

3 Nowoczesna Firma specyfikacja projektu 3/13 Analogiczne serwisy formularze skryptów rozmowy, biznesplanów, mediaplanów, analizy swot itp.). Struktura dokumentów jest w opracowaniu, ale to jest raczej tylko kwestia nazewnictwa i ilości kategorii, więc chyba nie powinno mieć wpływu na proces projektowania. Zapewne struktura będzie się zmieniała wraz z rozwojem serwisu (więcej dokumentów = coraz więcej kategorii), dla tego dobrze aby była stosunkowo elastyczna. Zakładamy, że struktura będzie minimalnie - 1, a maksymalnie - 3 poziomowa. Na tą chwilę wygląda, że większość materiałów (wzorów dokumentów i umów) będziemy opracowywali sami, jednak, gdybyśmy potrzebowali w przyszłości nawiązania współpracy, serwis powinien mieć też możliwości wyświetlania placementów brandingowych dla ewentualnych partnerów, którzy będą udostępniać nam wzory (np. partner sekcji - dostarczający wszystkie wzory w ramach danej sekcji, partner serwisu, czy nawet partnerzy poszczególnych dokumentów). - placementy brandingowe - kwestia przyszłości - na razie tego nie ma, jak będzie potrzeba to się będzie dorabiało. - kiszka - kiszka - trochę ciekawsze Discipline.html - fajne rozwiązanie z widżetem Powiązania z innymi stronami Struktura danych Cechy i charakter serwisu Co chcemy osiągnąć? Wersje językowe Czy serwis będzie posiadał opcję rejestracji? Jaką? Czy serwis będzie posiadał opcje zalogowania się? Jakie ograniczenie dla niezalogowanych użytkowników? nie Nie użytkownicy zalogowani do klubu (patrz słowniczek) mają pewne przywileje (pobieranie dokumentów zamkniętych (patrz słowniczek))

4 Nowoczesna Firma specyfikacja projektu 4/13 Subskrybcja Newslettera? Forum dyskusyjne? Galeria projektu? Rodzaj danych (np. dane opisowe, listy firm, listy osób, listy produktów/ofert, dołączane pliki takie jak: wideo, grafika, dokumenty itp., formaty dołączanych plików, dane pozostałe) Kryteria struktura list/menu jeśli dużo danych to załączyć w xls. Lista dokumentów formaty doc i pdf Będą dwa parametry dokumentu: typ (np: wniosek), kategoria (np: praca, prawo). Zakładamy maksymalnie 3 poziomy zagłebienia. Siatka elastyczności projektu Co jest rzeczą krytyczną w danym projekcie, a co możemy w przypadku braku zasobów poświecić? 1. Najmniej elastyczny 2. Mniej elastyczny 3. Elastyczny do pewnego stopnia 4. Najbardziej elastyczny Zakres / prace do wykonania Czas / harmonogram Koszt / budżet/osobo-godziny Jakość / wydajność witryny Opis funkcjonalności I. STRONA GŁÓWNA 1. wyszukiwarka Wyszukiwarka dokumentów po słowach kluczowych (funkcjonalność nieobowiązkowa, w zależności od uznania Ani) 2. Spis kategorii dokumentów Spis kategorii dokumentów nie więcej niż 3 poziomowa 3. Lista najczęściej pobieranych dokumentów struktura (występuje zawsze, funkcjonalność obowiązkowa) Lista najczęściej pobieranych dokumentów (funkcjonalność nieobowiązkowa, w zależności od uznania Ani) 4. chmurka tagów chmurka tagów - robiona z palca (dla SEO) 5. katalog produktów? katalog produktów tylko jeśli jest potrzebne SEO 6. Placementy reklamowe Placementy reklamowe (300x250, 220x220, 750x100)

5 Nowoczesna Firma specyfikacja projektu 5/13 (występuje zawsze, funkcjonalność obowiązkowa) II. WYNIKI WYSZUKIWANIA 1. Lista wyników pojedynczy rekord na wyniku wyszukiwania powinien zawierać: nazwa dokumentu, kategoria + typ, ilość pobrań 2. Sortowanie sortowanie wyników po: ilości pobrań 3. Spis kategorii dokumentów Spis kategorii dokumentów (występuje zawsze, funkcjonalność obowiązkowa) 4. Placementy reklamowe Placementy reklamowe (300x250, 220x220, 750x100) (występuje zawsze, funkcjonalność obowiązkowa) 5. breadcrumbs III. STRONA PRODUKTU 1. Nazwa dokumentu Nazwa dokumentu (występuje zawsze, funkcjonalność obowiązkowa) 2. Opis dokumentu Opis dokumentu (występuje przy określonych warunkach funkcjonalność obowiązkowa) 3. Dokumenty do pobrania Dokumenty do pobrania w wersji doc, oraz pdf (funkcjonalność obowiązkowa) 4. Widżet flashowy Widżet flashowy z podglądem dokumentu (występuje zawsze, funkcjonalność obowiązkowa) 5. Spis kategorii dokumentów Spis kategorii dokumentów (występuje zawsze, funkcjonalność obowiązkowa) 6. Podobne dokumenty Podobne dokumenty poniżej na stronie z dokumentem (występuje przy określonych warunkach funkcjonalność obowiązkowa) - podobne - określane na podstawie typu 7. Generator Generator dla wybranych dokumentów (w krokach użytkownik wpisuje swoje dane (formularz na dokumencie), które automatycznie wpisywane są do dokumentu), dokument taki, po uzupełnieniu danych można pobrać w formacie doc i pdf (trzeba oczywiście podać dane: , województwo, zawód, oraz zaakceptować regulamin) (występuje przy określonych warunkach funkcjonalność obowiązkowa) BACKEND: Dokument będzie zapisany w bazie z wstawionymi w miejsca do wypełnienia znacznikami. Znaczniki będą w osobnej tabeli zapisane na stałe (będzie ustalona lista predefiniowanych znaczników).

6 Nowoczesna Firma specyfikacja projektu 6/13 Przygotowywanie dokumentu polega na wklejeniu dokumentu w odpowiednie pole textarea i sformatowanie go (edytor js), a następnie uzupełnienie znacznikami. Każdy znacznik musi mieć możliwość dodania indywidualnego opisu. FRONTEND: Po naciśnięciu guzika generuj, użytkownik dostaje dokument podzielony na kroki z wstawionymi w odpowiednie miejsca polami formularza do uzupełnienia danytch. Po wypełnieniu wszystkich kroków użytkownik może podejrzeć gotowy dokument a następnie pobrać go. 8. Placementy reklamowe Placementy reklamowe (300x250, 220x220, 750x100) 9. Pobieranie dokumentu zamkniętego 10. breadcrumbs IV. FUNKCJONALNOŚCI DODATKOWE (występuje zawsze, funkcjonalność obowiązkowa) Pobranie dokumentu zamkniętego: - klikamy pobierz - wyskakuje prośba o podanie a - sprawdzamy czy taki już istnieje w bazie = tak - info dla uzytkownika + możliwość pobrania pliku = nie - prośba o wypełnienie pozostałych pól (stanowisko, województwo, adres, ) i zaakceptowanie regulaminu - wpisanie danych do bazy + info dla uzytkownika + możliwość pobrania pliku Użytkownicy zalogowani w klubie mogą pobrać plik od razu (pod guzik pobierz jest od razu podpiety link do pliku). 1. Możliwość zamykania wybranych dokumentów Możliwość zamykania wybranych dokumentów - dokument zamknięty jest to dokument który mogą pobrać tylko osoby które pozostawiły dane lub są zalogowane do klubu. Rozróżnienia dokonuje człowiek w adminku. Dokumenty otwarte pobrać może każdy (występuje przy określonych warunkach funkcjonalność obowiązkowa) Wskazówki SEO 1. Struktura URL //

7 Nowoczesna Firma specyfikacja projektu 7/13 wa_slowa kluczowe 2. Konstrukcja <Title> 1. Strona główna Title określany przez osobę zajmującą się SEO dane pobierane powinny być z bazy danych 2. Podstrona wynik wyszukiwania Tytuł podstrony (zwykle ta sama treść co w H1), po nim doczepiony tytuł strony głównej. Tytuł podstrony wyniku wyszukiwania tytuł strony głównej. 3. Podstrona produktowa Tytuł podstrony produktowej (zwykle ta sama treść co w H1) po nim (po myślniku) doczepiony tytuł strony głównej. Tytuł podstrony produktowej tytuł strony głównej. 3. Meta Description, Meta Keywords 1. Strona główna. Meta description określane przez osobę zajmującą się SEO dane pobierane powinny być z bazy danych. Meta Keywords dla strony głównej określane przez osobę zajmującą się SEO dane pobierane powinny być z bazy danych. 2. Podstrona wynik wyszukiwania Konstrukcja meta description dla wyniku wyszukiwania: treść title danej podstrony, po kropce treść meta description strony głównej. Meta Keywords dla strony wyniku wyszukiwania to samo co dla strony głównej. 3. Podstrona produktowa Konstrukcja meta description dla podstrony produktowej: treść title danej podstrony, po kropce pierwsze 500 znaków z opisu danego produktu. Meta Keywords dla strony wyniku wyszukiwania to samo co dla strony głównej 4. H1!Pamiętać, żeby podlinkować do siebie. 1. Strona główna Brak. (?) 2. Podstrona wynik wyszukiwania Tytuł podstrony. W przypadku filtrów konstrukcja ustalana indywidualnie przez osobę zajmującą się SEO. 3. Podstrona produktowa Tytuł podstrony produktowej.

8 Nowoczesna Firma specyfikacja projektu 8/13 5. Sitemapy XML Standardowo czyli sitemapy dla wszystkich podstron produktowych, kategorii, subkategorii. W przypadku filtrów konstrukcja ustalana indywidualnie przez osobę zajmującą się SEO. Inne rodzaje sitemap bedą dorabiane w zależności od projektu, tzn. Wideo sitemapy, sitemapy dla Google News itp itd 6. Chmurka tagów (słowa kluczowe) Słowa kluczowe wstawiane na sztywno przez osobę zajmującą się SEO. Zarządzanie poprzez bazę danych. 7. rel= canonical Wzór dla strony głównej: <link rel= canonical href= /> Wstawiany w <head> strony. Standardowo każda podstrona liknuje w canonicalu do siebie. 8. Breadcrumbs 1. Strona główna Standardowo jesteś tutaj: nf.pl > Wzory dokumentów 2. Podstrona wynik wyszukiwania jesteś tutaj: nf.pl > Wzory dokumentów > Kategoria > Subkategoria 4. Podstrona produktowa jesteś tutaj: nf.pl > Wzory dokumentów > Kategoria > Subkategoria > Produkt (też powinien być linkiem do siebie ) Czy projekt powinien być zrealizowany na bazie istniejącego szablonu? Jakiego? Preferowana kolorystyka (główne lub obowiązkowe kolory) Corporate Identity Czy projekt posiada logo? Ofertę drukowaną? Jeżeli jest do zaprojektowania, jakie są wskazówki? Brief do logotypu jako załącznik Elementy obowiązkowe (logo, nazwa firmy, projektu, hasło, wspólny motyw wszystkich elementów, obrazek, grafika przewodnia, loga partnerów i ich kolejność, etc) Serwisy konkurencyjne Przykłady do naśladowania (załączyć pliki, screeny lub linki do Layout

9 Nowoczesna Firma specyfikacja projektu 9/13 www) Zakres prac graficznych (str główna, podstrona, lista wyników, formularz) Plan testów 1. backend dodaj wzór 1. Sprawdzenie czy opis oraz pliki dodają się do bazy danych i systemu plików 2. Sprawdzenie poprawności zapisu danych w bazie (mysql_real_...) 3. Poprawne działanie AKCEPT 2. backend lista dokumentów 1. Sprawdzenie czy wszystkie linki skrótu działają poprawnie 2. Sprawdzenie stronicowania (czy nie gubi wyników wyszukiwania) 3. Sprawdzenie wyszukiwarki 3. backend = formularz on line 1. Sprawdzenie wyszukiwania kontrolek, 2. Sprawdzenie wstawiania kontrolki do dokumentu (sprawdzenie zapisywania podpowiedzi i samego znacznika) 3. Sprawdzenie poprawności zapisywania dokumentu w bazie 4. Sprawdzenie podglądu (czy elementy, podpowiedzi wyświetlają się poprawnie) 4. frontend strona główna 1. Sprawdzenie wyszukiwarki, 2. Sprawdzenie działania filtrów, czy poprawnie filtrują, czy da się poprawnie włączyć i wyłączyć filtr 3. Sprawdzenie czy w kontrolce najpopularniejsze dokumenty dane są wyciągane popranie

10 Nowoczesna Firma specyfikacja projektu 10/13 4. Sprawdzenie czy popranie działa kontrolnka Wiadomości 5. frontend wyniki wyszukiwania 1. Sprawdzenie filtrów, wyświetlanie i działanie 2. Sprawdzenie czy poprawnie wyświetla się skrót, czy linki w skrócie działają 3. Sprawdzenie stronicowania (czy nie gubi wyników wyszukiwania/filtrowania) 6. frontend brak wyników wyszukiwania 1. Sprawdzenie czy formularz zgłaszania dokumentu jest kompletny (czy pola są odpowiednio walidowane, wymagane) i czy jest poprawnie wysyłany 7. frontend dokument 1. Sprawdzenie czy flashowa kontrolka działa poprawnie 2. Sprawdzenie linków do generowania dokumentów (czy dokumenty generowane/pobierane są poprawnie) 3. Sprawdzenie mechanizmu uwierzytelniania czy poprawnie działa sprawdzanie a, czy poprawnie działa żądanie pozostałych danych, czy zapis w bazie jest poprawny, czy pola są odpowiednio walidowane 4. Sprawdzenie, czy jeśli user jest w klubie i jest zalogowany to formularz pobrania się pojawia 8. frontend strona generatora 1. Sprawdzenie czy poprawnie wyświetla się formularz 2. Sprawdzenie czy działa walidacja 3. Sprawdzenie czy poprawnie działają kontrolki (dzielenia strony, podpowiedzi) 4. Sprawdzenie przekazywania danych pomiędzy stronami 5. Sprawdzenie poprawności

11 Nowoczesna Firma specyfikacja projektu 11/13 wygenerowanego dokumentu we wszystkich formatach 6. Sprawdzenie mechanizmu uwierzytelniania czy poprawnie działa sprawdzanie a, czy poprawnie działa żądanie pozostałych danych, czy zapis w bazie jest poprawny, czy pola są odpowiednio walidowane 7. Sprawdzenie, czy jeśli user jest w klubie i jest zalogowany to formularz pobrania się pojawia 9. frontend mapa kategorii 1. Sprawdzenie czy drzewo kategorii budowane jest prawidłowo 2. Sprawdzenie czy działają linki Harmonogram 1. Backend Początek koniec Frontend Początek koniec Seo Początek koniec Testy Początek koniec Poprawki po testach Początek koniec 16 Historia modyfikacji serwisu Modyfikacja 1. Data modyfikacji Cel modyfikacji Opis modyfikacji

12 Nowoczesna Firma specyfikacja projektu 12/13 Osoby dokonujące modyfikacji Imię i nazwisko + funkcja Modyfikacja 2. Data modyfikacji Cel modyfikacji Opis modyfikacji Osoby dokonujące modyfikacji Imię i nazwisko + funkcja Słowniczek pojęć poprawka modyfikacja zamawiający projektant projektant GUI zespół programista grafik zlecający dokument dokument zamknięty dokument otwarty użytkownik zalogowany do klubu zmiana w projekcie lub systemie, która nie została wykonana lub została wykonana niepoprawnie, ale została przewidziana w założeniach projektu lub systemu zmiana w projekcie lub systemie, która nie została wykonana i nie została przewidziana w założeniach projektu lub systemu osoba zamawiająca serwis osoba projektująca serwis od strony funkcjonalnej i technicznej osoba projektująca serwis od strony funkcjonalnej i użytkowej w skład zespołu wchodzą: zamawiający, projektant, projektant GUI, zespołowi przewodzi i uzupełnia dokumentację projektant osoba tworząca serwis wg ustaleń osoba tworząca grafikę osoba zlecająca modyfikacje specyfikacja projektu WWW dokument zamknięty jest to dokument który mogą pobrać tylko osoby które pozostawiły dane lub są zalogowane do klubu dokument otwarty jest to dokument, który może pobrać każda osoba która wejdzie na stronę Logowanie do klubu jest funkcjonalnością globalną serwisu można się zalogować w dowolnym miejscu i stan zalogowania jest utrzymywany przez cały czas pobytu na serwisie (a nawet dłużej ponowne wejście do serwisu, o ile wcześniej się nie wylogowaliśmy, powoduje, że jesteśmy cały czas zalogowani)

13 Nowoczesna Firma specyfikacja projektu 13/13 Zasady współpracy Proces tworzenia projektu 1. określenie założeń biznesowych (zamawiający) = utworzenie dokumentu 2. spis + opis funkcjonalności, harmonogram, plan testów (zespół) = uzupełnienie dokumentu 3. makiety (projektant GUI) = stworzenie makiet 4. weryfikacja SEO (specjalista SEO) = opis elementów SEO 5. weryfikacja (zespół) = akceptacja makiet 6. grafika (grafik) = pliki z grafiką // o ile jest taka konieczność 7. weryfikacja (zespół) = zakończenie dokumentu i akceptacja projektu 8. realizacja (programista) = serwis w wersji testowej 9. testy/weryfikacja z projektem (zespół + SEOMaster) = serwis w wersji finalnej 10. wdrożenie (programista) = zakończenie projektu Postępowanie ogólne Zlecenie projektu powinno zostać zgłoszone do zaprojektowania i realizacji co najmniej 1 tydzień przed rozpoczęciem prac projektowych. Przed wysyłką poprawek lub zmian, należy upewnić się że: - wszystkie poprawki i zmiany są wypunktowane, - opis poprawki jest logiczny, zrozumiały, - dostarczamy wystarczająco dużo informacji (ew. materiały dodatkowe) do naniesienia poprawki w jednej turze nie marnujmy swojego czasu.