Projektowanie serwisów www

Zrozumienie procesu tworzenia serwisu internetowego jest ważnym elementem ułatwiającym komunikację klienta z twórcami strony. Popularne wśród projektantów są anegdoty o klientach, którzy zgłaszali błedy w projekcie graficznym polegające na tym, że niemożliwe było kliknięcie w cokolwiek. Tymczasem projekt graficzny to jeszcze nie gotowa strona tylko obrazek pokazujący jak będzie ona w przybliżeniu wyglądać. Bardzo często w projekcie używa się wypełniaczy tekstu typu “Liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod?”, co niejednokrotnie wywołuje przerażenie u klientów przekonanych, że ten właśnie tekst znajdzie się na ich stronie. Jak zatem przebiega proces budowy strony? 

Planowanie

Punktem wyjścia musi być zaplanowanie wszystkich elementów składających się na stronę. Na pierwszym miejscu jest struktura serwisu, czyli z jakich stron będzie składać się strona www. Czy potrzebna jest wyszukiwarka (w małych serwisach nie jest)? Czy strony będą miały charakter tekstowy czy potrzebne jest wykonanie dodatkowych modułów, które trzeba zaprogramować (np. system aktualności, rezerwacje, galeria)? Co umieścić na stronie głównej?

Projekt graficzny

Kiedy już zaplanowano elementy składowe serwisu przychodzi czas na projekt graficzny. Projekt ten jest zwyczajnym, płaskim obrazkem stworzonym w programie graficznym, pokazującym jak będzie wyglądać strona. Ponieważ zazwyczaj jest to plik jpg nie działają jakiekolwiek odnośniki. Nie jest też istotne jakie treści zostały użyte do jego wypełnienia ponieważ zostaną one zmienione w dalszych etapach pracy.

Skład strony/budowa szablonów

W kolejnym etapie prac projekt graficzny zostaje zamieniony na funkcjonalny szablon zbudowany w HTML (język opisu stron, dzięki któremu przeglądarka wie jak wyświetlić daną stronę). Teraz działają już odnośniki i elementy aktywne, ale jeśli serwis będzie zbudowany w oparciu o CMS to najczęściej jeszcze nie można przeklikać przez cały serwis i nie jest on wypełniony docelową treścią. Szablony sprawdza się w popularnych przeglądarkach pod kątem poprawności wyświetlania treści. Czasem konieczne jest użycie specjalnych trików ponieważ nie wszystkie przeglądarki wyświetlają te same elementy w identyczny sposób. Może się też zdarzyć, że w przyszłości kolejna wersja przeglądarki będzie wyświetlała je inaczej, jednak tego nie można przewidzieć na tym etapie.

Programowanie

Następnie programista buduje system zarządzania treścią. W kod HTML szablonu wstawia elementy kodu PHP, które będą wyświetlać treści na stronie, programuje też wszystkie potrzebne moduły. Jeśli serwis wykorzystuje bazę danych (np. najpopularniejszą MySQL) to programista tworzy też strukturę bazy danych, gdzie przechowywana będzie treść serwisu.

Budowa i testowanie

W gotowym systemie zarządzania treścią tworzy się strukturę nawigacyjną serwisu (dodaje się kolejne podstrony) i wypełnia się je treścią dostarczoną przez klienta. Klient może to również zrobić sam, a także modyfikować treść bez znajomości HTML ponieważ niemal wszystkie systemy zarządzania treścią wyposażone są w wizualny edytor tekstu. Dopiero teraz otrzymujemy działający serwis. Linki prowadzą do przypisanych im stron i możliwe jest sprawdzenie jego działania.
Przed uruchomieniem serwisu dobrze jest sprawdzić czy wszystkie jego mechanizmy pracują bez usterek (czy linki prowadzą do właściwych stron, czy inne mechanizmy wykonują swoje funkcje).

Wszelkie zmiany do projektu jak również dodawanie nowych elementów powinny być przeprowadzane na etapie projektu graficznego, ponieważ na późniejszych etapach konieczne jest zsynchronizowanie większej ilości zmiennych (zmiana szablonów, zmiana kodu PHP) co z całkowitą pewnością doprowadzi do opóźnień.

Projektowanie serwisów www