POLITECHNIKA KRAKOWSKA

IM. TADEUSZA KOŚCIUSZKI

WYDZIAŁ FIZYKI MATEMATYKI I INFORMATYKI
KIERUNEK INFORMATYKA

Przemysław Papciak

E-sportowy portal dla graczy oraz jego administracja z

elementami marketingu internetowego

E-sports web portal for players and its administration with

elements of internet marketing

PRACA INŻYNIERSKA
STUDIA STACJONARNE

Ocena: ……………………………..
Podpis promotora: …………………
Promotor: Dr inż. Lech Jamroż

Kraków 2015
Składam serdeczne podziękowania za zaangażowanie,
wsparcie oraz udzieloną pomoc w trakcie pisania
niniejszej pracy Panu Dr inż. Lechowi Jamrożowi

2
Spis treści

1. Wprowadzenie i tematyka projektu........................................................................................ 4

2. E-sport .................................................................................................................................... 5
2.1. Definicja E-sportu ...................................................................................................... 5
2.2. Rozwój e-sportu w Polsce ......................................................................................... 6
2.3. Rozwój e-sportu na świecie ....................................................................................... 7
3. Projekt systemu ...................................................................................................................... 9
3.1. Zapotrzebowanie........................................................................................................ 9
3.2. Sposób realizacji ........................................................................................................ 9
3.3. Opis funkcjonalności ............................................................................................... 10
4. System i jego architektura .................................................................................................... 13
4.1. Systemy zarządzania treścią .................................................................................... 13
4.2. Wykorzystane technologie....................................................................................... 14
4.3. Charakterystyka środowiska implementacyjnego ................................................... 15
4.4. Baza danych ............................................................................................................. 16
4.5. Panel administracyjny.............................................................................................. 19
4.6. Wpisy ....................................................................................................................... 21
4.7. Zastosowane wtyczki ............................................................................................... 23
4.7.1. Wtyczki pomocnicze ........................................................................................ 24
4.7.2. Wtyczki pozycjonujące .................................................................................... 26
4.7.3. Wtyczki zabezpieczające.................................................................................. 27
4.8. Łączenie systemów CMS ........................................................................................ 28
4.9. Motyw ...................................................................................................................... 29
4.10. Dodatkowe podsystemy ........................................................................................... 31
5. Administracja ....................................................................................................................... 35
5.1. Cele administracji .................................................................................................... 35
5.2. Zarządzanie za pomocą systemu ............................................................................. 36
5.3. Dodawanie modułów ............................................................................................... 38
5.4. Przydatne opcje ........................................................................................................ 39
5.5. Najczęstsze błędy oraz problemy ............................................................................ 43
6. Marketing internetowy ......................................................................................................... 44
6.1. Target ....................................................................................................................... 45
6.2. Aktywność ............................................................................................................... 45
6.3. Pozycjonowanie ....................................................................................................... 46
6.4. Serwisy wspierające................................................................................................. 49
6.5. Współpraca .............................................................................................................. 51
7. Podobne tematycznie serwisy .............................................................................................. 52
4.1. Globalne ................................................................................................................... 52
4.2. Polskie...................................................................................................................... 54
8. Podsumowanie ..................................................................................................................... 55
9. Literatura .............................................................................................................................. 56
Spis rysunków .......................................................................................................................... 57

3
1. Wprowadzenie i tematyka projektu
Rozpoczynając pierwszy rozdział, nie sposób nie wspomnieć o podstawowym
zagadnieniu, które przyświecało podczas prac nad serwisem, a więc trend zapoczątkowany w
2001r – zwany częściej WEB 2.0. Wbrew pozorom, termin ten nie oznacza drugiej sieci
globalnej, a zmianę sposobu myślenia podczas tworzenia serwisów internetowych. Do tamtej
pory zawartość stron internetowych tworzyli administratorzy – dodawali oni informacje, które
użytkownicy mogli później czytać – konwencja WEB 2.0 zmieniła ten standard. Aż do teraz
większość portali korzysta z nowego sposobu kreowania zawartości strony, a więc oddanie jej
do współtworzenia użytkownikom, jak również umożliwienie im interakcji między sobą.
Celem niniejszej pracy było stworzenie tematycznego serwisu społecznościowego,
ukierunkowanego na ludzi interesujących się grą komputerową firmy Blizzard Entertainment
– „Hearthstone: Heroes of Warcraft”. Serwis miał dawać zaplecze informacyjne (newsy,
artykuły), społecznościowe (komentarze, forum) oraz turniejowe (ułatwienie organizacji
turniejów dla graczy).
Sam „Hearthstone” jest internetową grą typu TCG (trading card game), a więc
kolekcjonerską grą karcianą. Jeśli można by ją do czegoś porównać, to najbliżej jej do gier
stolikowych takich jak „Magic the Gathering” czy „Yu-Gi-Oh”, jednak jest ona odmianą
wirtualną. Gracze odblokowują poszczególne karty, dzięki którym są w stanie budować coraz
to lepsze talie. Oczywiście w grze znaczenie nadrzędne mają umiejętności gracza, jednak
istotną rolę odgrywa tu również szczęście w doborze kart oraz zagrywanie ich w
odpowiedniej kolejności. Gracz używający kart perfekcyjnie ma większe szanse na wygraną,
natomiast czynnik losowy może pokrzyżować mu plany – z idei więc sama gra przypomina w
dużym stopniu pokera. Mimo, że platforma została otwarta dla użytkowników zaledwie rok
temu, już zdobyła wielomilionową publiczność. Na polskim rynku nie ma wielu serwisów
tematycznych na jej temat, jak również niewiele serwisów wspiera zaplecze turniejowe tej
gry.

4
2. E-sport

2.1. Definicja E-sportu

Według definicji Wikipedii [7]: „E-sport, a dokładniej sport elektroniczny, to dziedzina

sportu nieolimpijskiego, w której przedmiotem działań zawodników są gry komputerowe”. W
Polsce ten termin jest coraz częściej dostrzegany, choć przez wiele lat w naszej mentalności
gry komputerowe nie były pełnoprawną dyscypliną, a raczej, jak sądzą rodzice, tylko
„pożeraczem czasu”. Na przestrzeni kilku ostatnich lat pogląd ten powoli zaczyna się
zmieniać, a to za sprawą coraz to nowszych i coraz to ciekawszych gier komputerowych.
Przykładami tego typu gier są ot choćby „League of Legends” czy „Counter Strike 1.6”. Ta
druga, zdecydowanie starsza bo z 1999r. była jednym z prekursorów nowoczesnych sportów
elektronicznych – gracz wcielał się w jednego z terrorystów lub kontr terrorystów, a jego
zadaniem było wesprzeć swoją drużynę w podłożeniu lub rozbrojeniu bomby. Tego typu
„teamowe” podejście dało początek formowaniu się profesjonalnych drużyn, które
poświęcały ogromne ilości czasu na szlifowanie mechaniki gry, specjalnych taktyk czy tzw.
spotów – miejsc, w których możliwe było przestrzelenie przez ścianę i trafienie
przeciwników. W ten sposób wykrystalizowały się pierwsze tzw. profesjonalne drużyny
e-sportowe, które były zdolne zdobywać laury pierwszeństwa na ogólnoświatowych
turniejach zarówno online jak i offline (turnieje lanowe). Tak było kilkanaście lat temu, teraz
– kiedy dostęp do komputerów i Internetu jest powszechny, każde dziecko jest w stanie
rozpocząć swoją przygodę z internetowymi grami, ot choćby takimi jak wyżej wymieniony
„LoL”. Z informacji zamieszczonych przez twórców gry – Riot Games – ze stycznia 2014
wynika, że w grę grało wtedy każdego dnia 27 milionów użytkowników, w chwili pisania
pracy liczba ta prawdopodobnie jest jeszcze większa. Co ciekawe nie tylko samo granie w grę
sprawia graczom przyjemność, bardzo popularną metodą na wzrost popularności samej gry
jest idea organizowania turniejów, a później transmitowanie ich za pomocą tak zwanego „live
streamingu”. Można powiedzieć, że sporty elektroniczne stały się potęgą marketingową gdyż
transmisje przyciągają setki tysięcy ludzi i trudno znaleźć w tej chwili – choćby w Polsce –
gimnazjalistę, który nie wiedziałby czym jest „League of Legends”.
Pytanie tylko kiedy następuje moment, w którym gracz przeistacza się z laika w
profesjonalistę i czy w ogóle gra jest warta świeczki? Otóż coraz częściej odpowiedź jest
prosta – warto! Nagroda dla drużyny za zajęcie pierwszego miejsca w pierwszym sezonie
mistrzostw świata League of Legends wynosiła 50 tysięcy dolarów, w ostatnim, czwartym
sezonie – nagroda dla zwycięzców to milion dolarów! To ogromny wzrost zainteresowania

5
branżą e-sportową spowodował taki zastrzyk finansów na przestrzeni ostatnich lat. Jednak
aby wzbić się na wyżyny należy bardzo mocno się poświęcić. Treningi profesjonalnych
graczy to często kilkanaście godzin dziennie. W krajach azjatyckich gracze to swoiści
celebryci, a także sportowcy – za swoją pracę pobierają normalną (choć niejednokrotnie wiele
wyższą niż normalna) pensję.

2.2. Rozwój e-sportu w Polsce

Jeszcze parę lat temu drużyna składająca się z pięciu polaków (Mariusz "Loord"
Cybulski, Jakub "kuben" Gurczyński, Filip "Neo" Kubski, Łukasz "LUq" Wnęk, Wiktor
"TaZ" Wojtas), której sukcesów na arenie gry Counter Strike 1.6 trudno zliczyć – a która
niejednokrotnie przywoziła do Polski złote medale i nagrody finansowe liczone w setkach
tysięcy - była znana tylko garstce zainteresowanych grami dzieciaków, telewizja czy prasa
konsekwentnie ignorowały ten temat uważając go za zbyt błahy. W tym czasie uzyskanie
pomocy sponsorskiej w naszym kraju było sprawą tak mało realną, że naprawdę mocni gracze
musieli szukać pomocy poza granicami naszego kraju – w organizacjach „gamingowych” jak
„Meet your makers” czy „Fnatic”. Był to jedyny sposób aby mieć możliwość poświęcenia
odpowiedniej ilości czasu na dalsze treningi. Gracze nie byli traktowani na równi ze
sportowcami, a ponieważ nie mogli zapewnić sponsorom odpowiedniego zaplecza
marketingowego (zbyt małe zainteresowanie grami) najczęściej po prostu się poddawali.
Teraz istnieje sporo polskich organizacji zajmujących się wspieraniem najlepszych
graczy, a ponieważ ogromny odsetek młodzieży wychował się z komputerem w dłoniach
sponsorzy widzą ogromny potencjał w tej branży. Przykładem tego typu działania jest ot
choćby organizacja ogromnego wydarzenia e-sportowego jakim jest - przygotowywany przez
Electronic Sports League - Intel Extreme Masters w Katowicach. Organizatorzy wykładają
ogromne pieniądze, aby wyłonić najlepszych graczy w poszczególne gry i sprowadzić ich do
naszego kraju (nawet z Azji). A publiczności nie brakuje, katowicki Spodek rok rocznie jest
wypełniony po brzegi – ba, niektórzy oglądają cały event z zewnątrz, na telebimach mimo, że
transmisje puszczane są live w sieci. Atmosfera jest magnetyczna, a kibice porównywalni do
tych z siatkarskich boisk. W Polsce jest też wciąż sporo drużyn, które są w stanie zdobywać
światowe laury – zwykle są one wspierane przez organizacje. Kilka lat temu głośno było o
PGS (Pentagram G-Shock), w barwach której występowała na przykład złota piątka CS 1.6.
Organizacja została niestety rozwiązana w 2011r., a szkoda, bo niedługo później polski
e-sport nabrał dużego rozpędu. Aktualnie warto wspomnieć organizację Alsen-Team, która
prowadzi w tej chwili kilka dywizji w różne gry i wspiera graczy również finansowo. Innym
ciekawym przykładem jest drużyna League of Legends „Team Rock” której tytularnym
6
sponsorem jest jeden z największych polskich youtuberów „gamingowych”. Właśnie za
sprawą popularyzacji „youtube” przemysł gier komputerowych nabrał w Polsce dużego
rozpędu, gracze uzyskali legalny sposób na oglądanie tzw. gameplayów z gier bez ich
poprzedniego kupowania, co pozwoliło zarazić ogromną część młodego społeczeństwa
bakcylem internetowych sportów. A czy to coś dało? Tak! Panowie z polskiego ESL od wielu
lat planują i promują turnieje gier online, często są one nagradzane – finansowo lub rzeczowo.
Ilość drużyn i zawodników stale rośnie, a możliwość zetknięcia się z profesjonalnymi
graczami na turnieju motywuje młodych graczy do trenowania z całych sił. To coś jak
międzyszkolne turnieje w piłkę nożną – mała skala, ale emocje te same co na mistrzostwach
świata i co najważniejsze, dające możliwość rozwoju.

2.3. Rozwój e-sportu na świecie

Za granicą e-sport jest czymś popularnym już od wielu lat, właściwie od kiedy powstały
pierwsze automaty do gry – Mortal Combat czy Tekken. Gry te były bijatykami na
maszynach typu arcade przeznaczonymi dla dwóch graczy. Ale to nie na nich odbywały się
pierwsze turnieje. Wielu za takiego prekursora uważa grę Spacewar, której pierwszy oficjalny
turniej odbył się w 1972r. W 1980r. skala tego zjawiska jeszcze się zwiększyła, gdy odbył się
turniej w grę Space Invaders – w którym wzięło udział ponad 10 tysięcy graczy z całych
Stanów Zjednoczonych.
Jedną z pierwszych gier internetowych, był przygotowany dla nawet 16 graczy Netrek
wydane w 1988r. Była to pierwsza drużynowa gra internetowa, a polegała ona na niszczeniu
statków kosmicznych przeciwników.
Na przestrzeni kolejnych lat notowano rozwój gier internetowych, ale skala tego zjawiska
nie była zbyt duża aż do lat dziewięćdziesiątych kiedy to powstały takie gry jak „Warcraft”,
"Starcraft”,” Quake” czy wspominany już „Counter Strike”.

Rys. 1 Okładki hitowych gier lat dziewięćdziesiątych

7
 Rys. 2 Wielkość nagród za turnieje e-sportowe na przestrzeni ostatnich piętnastu lat w USD
(źr. Wikipedia)

Prawdziwym strzałem w dziesiątkę okazał się jednak założony w 2011r serwis

Twitch.TV, zastępca dużo bardziej ubogiego prekursora Own3d.TV, który dał użytkownikom
możliwość „live streamowania” własnych przygód w grach komputerowych, zbierania
widzów, a w późniejszym stadium nawet zarabiania na tym. Dzięki popularyzacji gier
komputerowych serwis stał się jednym z najczęściej otwieranych serwisów ostatnich lat i
zebrał ogromną rzeszę użytkowników na całym świecie. Teraz największe światowe turnieje
jak World Cyber Games czy właśnie Intel Extreme Masters używają tej platformy aby
promować gry, a przy okazji zarabiać niemałe pieniądze.
Nie da się ukryć, że Europa wciąż w kwestii e-sportu jest dużo uboższa od stanów
Zjednoczonych czy Azji. Przykładowo jeden z koreańskich graczy Warcraft III - Jae Ho
„Moon” Jang - już w 2008r podpisał trzyletni kontrakt z drużyną „WeMade Fox” dzięki
któremu zarobił 500 tysięcy dolarów i został najdroższym transferem e-sportowym w tamtym
czasie. Gracze w Korei reklamują sprzęt komputerowy, występują w telewizji czy w
wywiadach, a na ulicach podbiegają do nich setki fanów. Co ciekawe, polski gracz Maciej
„Shushei” Ratuszniak – zwycięzca pierwszego sezonu mistrzostw świata League of Legends
w barwach Fnatic, który wyjechał do Korei na jeden z turniejów powiedział, że gdy wyszedł
tam na ulice nie mógł uwierzyć w to, że zwykły szary człowiek z Polski może być tak
rozpoznawany na drugim końcu świata.

8
3. Projekt systemu

3.1. Zapotrzebowanie

Podstawowym założeniem przy tworzeniu serwisu hearthcore.pl była możliwość łatwego

rozwoju platformy. Prowadzenie tak dużego serwisu internetowego jest praktycznie
niemożliwe dla jednej osoby, więc kluczowe miało być zapewnie zaplecza administracyjnego
z podziałem na role takie jak administrator, redaktor czy zwykły użytkownik. Portal miał być
przejrzysty, umożliwiać dodawanie wpisów wraz ze zdjęciami i miniaturką, możliwość ich
komentowania czy kategoryzacji. Ważnym aspektem było dostosowanie strony do urządzeń
mobilnych takich jak tablety czy telefony komórkowe. Informacje powinny być łatwo
dostępne, rejestracja intuicyjna, a zabezpieczenia stabilne. Bardzo istotne było też w miarę
intuicyjne pozycjonowanie strony w przeglądarkach, co przy niszy rynkowej jest sprawą
wręcz kluczową. Serwis miał również - oprócz charakteru informacyjnego – być miejscem do
organizacji autorskich turniejów Hearthstone. Ważnym aspektem było też stworzenie forum,
a więc miejsca, w którym użytkownicy mogliby swobodnie dyskutować.

3.2. Sposób realizacji

Aby odpowiednio rozplanować prace projektowe należy przynajmniej względnie

oszacować czas potrzebny na sfinalizowanie projektu.
Wstępny spis szacunkowo-koncepcyjny (czas w dniach):
 Projekt wizualny (3),
 Postawienie instancji CMS’a wraz z bazą danych oraz ustawienie koniecznych
podstawowych danych (1),
 Projekt koncepcyjny czyli jak to rozplanować (2),
 Dobór niezbędnych wtyczek (2),
 Wybór i dostosowanie szablonu (10),
 Sprawdzenie i poprawienie błędów na różnych wyświetlaczach i przeglądarkach (3),
 Wprowadzenie możliwości rejestracji użytkowników, udostępnienie tej możliwości w
widocznym miejscu na stronie wraz z panelem logowania (2),
 Dostosowanie panelu administracyjnego do własnych potrzeb (3),
 Budowa forum społecznościowego i jego edycja (7),
 Alfa-testowanie menagera zawartości oraz całej witryny (4),
 Zapełnienie braków i dopracowanie serwisu (5),
 Budowa dokumentacji (3).

9
Przybliżony czas realizacji projektu powinien wynieść nie więcej niż dwa miesiące.
Oczywiście praca programisty jest sprawą dużo bardziej złożoną, niejednokrotnie napotkane
problemy mogą wydłużyć czas jego realizacji.

3.3. Opis funkcjonalności

Użytkownik bloga:
 Istnieją cztery typy użytkowników (administrator, redaktor, subskrybent, gość)
 Większość informacji na serwisie jest dostępna z poziomu niezarejestrowanego
użytkownika (gość)
 Po zarejestrowaniu użytkownik uzyskuje domyślną rolę „subskrybenta” oraz
możliwość edytowania swoich prywatnych danych w profilu (imię, nazwisko,
pseudonim, e-mail, witryna internetowa, facebook, biografia), zmiany swojego hasła
czy awatara (obrazka).
 Zarejestrowany użytkownik otrzymuje możliwość komentowania wpisów jak również
konwersacji na forum.
 Zarejestrowanemu użytkownikowi można nadać uprawnienia „redaktora” – w tym
wypadku poza standardowymi funkcjami otrzymuje on również dostęp do panelu
edycji wpisów, mediów i komentarzy.
 Zarejestrowanemu użytkownikowi można nadać uprawnienia „administratora” – w
tym wypadku poza funkcjami należącymi do subskrybentów oraz redaktorów,
użytkownik otrzymuje dostęp do wszystkich możliwości panelu administracyjnego
(menu aktualizacji, ustawienia serwisu, panel użytkowników – w tym banowanie,
usuwanie, modyfikowanie – panel administracji wtyczkami, narzędzia do tworzenia
kopii zapasowych, zmiana wyglądu layoutu, edytor plików HTML).
 Nowy użytkownik otrzymuje domyślny awatar z logiem serwisu.
 Każdy użytkownik może wyszukiwać treści na serwisie za pomocą wyszukiwarki.

Użytkownik forum:
 Istnieją cztery główne typy użytkowników na forum (administrator, moderator
globalny, zarejestrowany użytkownik, gość).
 Większość informacji na forum jest dostępna z poziomu niezarejestrowanego
użytkownika (gość)

10
  Po zarejestrowaniu użytkownik uzyskuje domyślną rolę „zarejestrowany użytkownik”
oraz możliwość edytowania swoich prywatnych danych w profilu (imię, nazwisko,
pseudonim, e-mail, wiek, zawód), zmiany swojego hasła czy awatara (obrazka).
 Po zarejestrowaniu użytkownik otrzymuje też możliwość wysyłania prywatnych
wiadomości do innych użytkowników, dodawania przyjaciół, wrogów, otrzymuje
obszerne statystyki swojego konta (ostatnia wizyta, liczba postów, najaktywniejszy
dział itp.).
 Zarejestrowany użytkownik otrzymuje możliwość wyrażania swojej opinii w każdym
miejscu do tego przeznaczonym, może przygotować swój podpis (tekst lub zdjęcie
widocznie pod każdym wpisem).
 Zarejestrowanemu użytkownikowi możemy przydzielić rolę „moderator globalny”,
otrzymuje on wtedy dostęp do panelu moderatora (ostrzeżenia, bany, usuwanie czy
modyfikowanie postów).
 Zarejestrowanemu użytkownikowi możemy przydzielić rolę „administrator”,
otrzymuje wtedy pełne możliwości konfiguracyjne systemu, mechanizmy nadawania
uprawień, aktualizacji, pełne statystyki forum, administrację użytkownikami,
administrację serwerem.
 Nowy użytkownik forum otrzymuje domyślny awatar z logiem serwisu.
 Każdy użytkownik może wyszukiwać treści na forum za pomocą wyszukiwarki na
forum.

Synchronizacja użytkowników:
 Konto użytkownika zarejestrowane na blogu zostanie przemigrowane również na
forum, konto zarejestrowane na forum zostanie przemigrowane na bloga.
 Zalogowanie się na blogu automatycznie loguje użytkownika na forum, zalogowanie
na forum automatycznie loguje użytkownika na blogu.

Struktura serwisu:
 Serwis składa się z dwóch połączonych ze sobą silników CMS (WordPress blog oraz
PhpBB forum). Przemieszczanie się pomiędzy silnikami powinno być płynne i
niezauważalne z poziomu użytkownika.
 Zarówno blog jak i forum posiada interaktywne logo, w które wkomponowany został
panel rejestracji oraz logowania a także ikonki przenoszące do innych powiązanych
portali społecznościowych (facebook, youtube, twitter, twitch).

11
 Pod logiem znajdziemy interaktywne menu, na blogu znajdziemy tam
usystematyzowane kategorie wpisów oraz kilka dodatkowych podstron, na forum –
panel użytkowników, wyszukiwarkę, profil, panel prywatnych wiadomości, własne
wpisy, przycisk wylogowania).
 Koncepcja rozplanowania zawartości na blogu:
Kontent Przerwa Sidebar (pasek boczny)
630px 20px 310px
 Panel kontentowy zawiera skróty wpisów wraz z ilością komentarzy, datą, loginem
autora i kategoriami.
 Sidebar zawiera dodatkowe panele (rankingi turniejowe, panel zwycięzców, ostatnie
posty czy tematy na forum), panel live stream.
 Szerokość kontentu na forum wynosi 960px (tyle samo co całość bloga).
 Stopka zawiera listę ostatnich wpisów na blogu lub listę ostatnich postów na forum,
zawiera miejsce na ewentualne linki sponsorskie czy grafiki użytkowe.
 Mini-menu dolne zawiera informacje handlową twórcy gry, oraz kilka podstroi (o nas,
współpraca, kontakt, polityka prywatności).

Rys. 3 Koncepcja rozplanowania zawartości bloga (kontent, przerwa, sidebar)

12
4. System i jego architektura

4.1. Systemy zarządzania treścią

Kiedy planujemy stworzyć własną stronę internetową, wtedy mamy do wyboru dwie
możliwości: stworzyć ją od początku samemu korzystając ze swoich umiejętności
programistycznych albo użyć któregoś z systemów zarządzania treścią. Nie oznacza to, że da
się stworzyć profesjonalny i szanowany serwis internetowy bez umiejętności programowania
go, jednak dzięki zastosowaniu tak zwanych CMS’ów (content management system) po
pierwsze tworzenie serwisu jest dużo szybsze, po drugie nawet amator bez znajomości
programowania będzie w stanie sam takim system administrować.
Zastanawiając się, którego z nich użyć do tego projektu natknąć się było można się na
ogromną ilość różnych darmowych i płatnych rozwiązań. Z oczywistych powodów skupiłem
się przede wszystkim na systemach z darmową licencją a wśród nich zdecydowanie
najbardziej wyróżniają się aktualnie trzy:

Rys. 4 Logotypy najpopularniejszych środowisk CMS

Wśród tych trzech popularnych systemów zdecydowanie najwięcej możliwości

posiada Drupal, jest też przy okazji tym, który jest stosunkowo najtrudniejszym w obsłudze.
Owszem, jest świetnym narzędziem do tworzenia prężnego portalu dla rozbudowanych
serwisów dla dużej liczby użytkowników, ale poprzez swoją toporność nie jest tak dobrze
wspierany przez społeczności internetowe przez co często nie ma gotowych rozwiązań
niektórych problemów – które należy zakodować własnoręcznie.
Dużo lepiej jest z Joomlą, która jest nawet w krakowskich realiach bardzo częstym
wyborem do komercyjnych projektów (np. w agencjach reklamowych). Ilość funkcji, które
posiada jest porównywalna z Drupalem, a wsparcie w postaci wtyczek czy rozwinięć systemu
jest już wyraźne. Praca z tym systemem nie jest szczególnie trudna dla kogoś z branży, jednak
dla amatora, który chciałby mieć swój własny serwis internetowy administracja Joomlą może
nie być do końca intuicyjna. Na szczęście jest system, który posiada okrojoną i do maksimum
uproszczoną formę.
WordPress – idealne narzędzie do tworzenia prostych witryn informacyjnych, blogów
oraz małych serwisów. Dzięki swojej prostocie jest najczęściej wybieranym system CMS pod
autorskie serwisy. Interfejs jest prosty i przyjazny, tworzenie strony łatwe i szybkie, a

13
zaplecze w postaci dodatkowych wtyczek ogromne. Dodatkowo istnieje wspaniały poradnik
twórców systemu – wordpress codex, dzięki któremu nauka systemu jest dużo
przyjemniejsza. Instalacja samego wordpressa jest banalnie prosta, a administracja wymaga
tylko podstawowej wiedzy na temat działania serwisów internetowych. Dlatego też właśnie
ten system wybrany został do stworzenia serwisu hearthcore.pl.

4.2. Wykorzystane technologie

 WordPress – System zarządzania treścią stworzony z myślą o blogach, jednak do tej

pory rozwijany i aktualizowany na bazie języka PHP. Wykorzystuje w działaniu bazę
danych MySQL. Założycielami projektu byli Matt Mullenweg oraz Mike Little, przy
czym Matt nadal kieruje rozwojem WordPressa. Pierwsze oficjalne wydanie miało
miejsce 27 maja 2003r. Ciekawostką jest to, że każda aktualizacja zgodnie z przyjętą
konwencją jest imieniem lub nazwiskiem znanych muzyków jazzowych.

 PhpBB – Aplikacja internetowa napisana w języku PHP. Aktualnie najpopularniejszy,

darmowy silnik forów dyskusyjnych. Pierwsza wersja pojawiła się w kwietniu 2002r
na licencji GPL v2 (licencja otwarta). Za pomocą specjalnych wtyczek da się
zsynchronizować także z system WordPress.

 PHP – obiektowy język programowania stworzony w celu generowania stron

internetowych. PHP najczęściej działa po stronie serwera, ale można go stosować
również z poziomu wiersza poleceń czy pisania aplikacji graficznych. Wraz z
serwerem APACHE oraz bazą MySQL określany jako platforma AMP (Linux –
LAMP, Windows – WAMP). Skrypty PHP często są umieszczane w plikach z kodem
HTML.

Rys. 5 Przykładowy zastosowanie PHP w HTML

 JavaScript – skryptowy język programowania stworzony przez firmę Netscape,

którego głównym autorem jest Brendan Eich. Jego głównym zastosowaniem są strony

14
 internetowe a skrypty służą zwykle zapewnieniu interaktywności poprzez reakcje na
zdarzenia czy sprawdzania poprawności formularzy. JavaScript najczęściej działa po
stronie klienta, jednak od niedawna możliwe jest także jego działanie po stronie
serwera (Node.js).

 CSS – kaskadowe arkusze stylów. Język służący do opisu formy prezentacji stron
WWW. Arkusz zawiera listę dyrektyw ustalających sposób wyświetlania zawartości
wybranych elementów przez przeglądarkę internetową. Można w ten sposób zapisać
takie elementy dokumentów jak marginesy, czcionki, kolor, ramkę, wcięcia a nawet
pozycję względem innego obiektu. Język ten służy do odseparowania struktury
dokumentu od sposobu jego prezentacji.

4.3. Charakterystyka środowiska implementacyjnego

Środowisko WordPress znajduje się w jednym spakowanym pliku. Po jego rozpakowaniu

ukaże się zestaw plików i folderów.

Standardowe drzewo plików systemu zawiera takie

foldery jak wp-admin (silnik administrujący stroną),
wp-content (zawartość, pliki motywów, wtyczki, nasze
autorskie fragmenty kodów) oraz wp-includes
(dodatkowe czcionki, pliki arkusza styli czy obrazki).
Ważnym, jeśli nie kluczowym plikiem jest tutaj
.htaccess. Jest to główny plik konfiguracyjny serwera
Apache, który umożliwia zmianę konfiguracji
konkretnego katalogu.

Rys. 6 Główny katalog Rys. 7 Zawartość .htaccess

15
Kolejnym ważnym plikiem jest wp-config.php. W nim ustalamy dostęp do naszej bazy
danych MySQL.

Rys. 8 Zawartość pliku konfiguracyjnego wp-config.php

4.4. Baza danych

WordPress współpracuje z bazą danych MySQL, dlatego też właśnie taka baza została
użyta. Podstawowa struktura bazy danych WordPress wygląda następująco:

Rys. 9 Podstawowe tabele bazy danych WordPress

Wraz z rozwojem serwisu i dodawaniem różnych dodatkowych funkcjonalności (manager

wydarzeń czy interaktywna galeria fotografii), baza danych automatycznie się rozszerza. Pod
koniec prac nad serwisem baza danych wyglądała już w ten sposób:

16
 Rys. 10 Baza danych WordPress serwisu Hearthcore.pl

Na szczęście WordPress sam troszczy się o swoją bazę danych, dlatego „admin” zagłębi się w
jej otchłań tylko wtedy kiedy potrzebuje konkretnych informacji administracyjnych (logi,
próby włamań, sztywna zmiana ustawień użytkownika). W większości przypadków zmian
dokonuje się z poziomu panelu administracyjnego, mimo to należy zwrócić uwagę na
ważniejsze tabele bazy danych WordPress.

Wp_users – tabela zawierająca informacje na temat zarejestrowanych użytkowników

(unikalne ID, login, zakodowane hasło, nick, e-mail, link do strony, data i godzina rejestracji,
klucz aktywacji i wyświetlana nazwa).

Rys. 1. Zawartość tabeli Wp_users

Wp_usermeta – tabela zawierająca zaawansowane informacje i ustawienia poszczególnych

użytkowników (łączy się Wp_users za pomocą user_id).

17
 Rys. 12 Zawartość tabeli Wp_usersmeta

Dokładnie na tej zasadzie powiązane są ze sobą tabele wpisów (Wp_posts) i komentarzy

(Wp_comments). Tabele „Wp_commentsmeta” oraz „Wp_postsmeta” zawierają informacje na
temat poszczególnych komentarzy czy wpisów.

Rys. 13 Zawartość tabeli Wp_posts

Rys. 14 Zawartość tabeli Wp_comments

18
4.5. Panel administracyjny

Można by rzec – silnik serwisu. Stąd administratorzy są w stanie kontrolować wszelką

zawartość treści strony. „Dashboard” udostępnia górne menu dodatkowe oraz lewostronne
menu główne. Za pomocą nich możemy poruszać się pomiędzy takimi panelami jak:
 Obsługa wpisów na głównej stronie
 Obsługa mediów (obrazki, filmiki, pliki dźwiękowe)
 Obsługa podstroi serwisu
 Obsługa komentarzy użytkowników
 Dodatkowy panel obsługi wydarzeń
 Obsługa wyglądu (motywy, opcje menu, ustawienia własne, edytor plików szablonu)
 Obsługa i aktualizacja wtyczek
 Panel użytkowników (edycja, bany, usuwanie)
 Ustawienia (główne ustawienia całego silnika WordPress, dodatkowo w tym miejscu
pojawią się też ustawienia innych instalowanych wtyczek)
 Dodatkowo doinstalowane „większe” wtyczki

Bardziej szczegółowa analiza panelu administracyjnego znajduje się w kolejnych

rozdziałach.

Rys. 15 Wygląd panelu administracyjnego WordPress

19
Przykładowe podstrony panelu administracyjnego

Rys. 16 Ustawienia ogólne

Rys. 17 Edytor motywów

Rys. 18 Panel użytkowników

20
4.6. Wpisy

Wpis (ang. „post”) to w serwisie internetowym najważniejszy sposób komunikacji.

Administrator udostępnia tam odpowiednio zredagowaną informację, aby użytkownicy
serwisu mogli ja swobodnie odczytać na głównej stronie.

Rys. 19 Wyświetlanie wpisów na hearthcore.pl

Podstawowe informacje różnicujące poszczególne posty od siebie to ich tytuł, autor,

kategorie, data publikacji oraz zawartość. Można też dodatkowo brać pod uwagę ilość
komentarzy czy informacje pozycjonujące (opis w metatagu czy słowa kluczowe).

Rys. 20 Panel zarządzający wpisami

21
Administratorzy oraz redaktorzy mogą dodawać wpisy, w tym celu przygotowane są
specjalnie dwa edytory (wizualny i tekstowy HTML) aby ułatwić pracę przy ich generowaniu.

Rys. 21 Edytor wizualny

Rys. 22 Edytor tekstowy HTML

Przygotowane posty można zapisać jako szkice, w celu nie udostępniania ich i możliwości
powrotu do edycji później. Można też ustawić kategorię wpisu dzięki czemu możliwe jest ich
wylistowanie na podstawie konkretnej zawartości.

22
Dodatkowo można w tym miejscu edytować też informacje potrzebne do pozycjonowania
SEO. Jest to dodatek do wtyczki pozycjonującej, o której w kolejnym rozdziale. Można tu
również dodać miniaturkę zdjęcia oraz wstępny panel do ewentualnej moderacji komentarzy.

Rys. 23 Dodatkowe możliwości administrowania wpisami

4.7. Zastosowane wtyczki

WordPress to system zarządzania treścią i do niego

jest głównie przystosowywany. Jednak nie tylko jedna
wytwórnia działa nad jego powstawaniem. Jest bardzo
wielu ludzi wspierających ten projekt, którzy tworzą
dodatkowe podprogramy zwiększające możliwości
standardowego WordPressa. Większość z nich jest
darmowa, inne, bardziej zaawansowane są płatne.
Korzystanie z nich jest jak najbardziej wskazanie jednak
należy zwracać uwagę na pewne sprawy. Po pierwsze
wtyczki (ang. „plugins”) są pisane przez różnych ludzi,
czasami zdarzają się luki lub błędy, na które należy
reagować. Często są one naprawiane z poziomu kolejnej
aktualizacji, dlatego należy jak najszybciej aktualizować
wtyczki. Najczęściej aktualizacje następują po wyjściu
kolejnej wersji WordPressa, dobrze więc o tym pamiętać.
Rys. 24 Folder z wtyczkami
23
Wtyczki instaluje się zwykle poprzez panel administracyjny, a lądują one w katalogu
wp-content/plugins. W zależności od przewidzianego zastosowania wtyczek, mniejsze
instalują się tylko do ustawień ogólnych, a bardziej skomplikowane nawet do samego panelu
administracyjnego.

Rys. 25 Ustawienia wtyczek

Do klasyfikacji wtyczek zastosowany został następujący podział:

4.7.1. Wtyczki pomocnicze

BackUpWordPress – Pozwala zautomatyzować proces tworzenia kopii zapasowej zarówno

baz danych jak i całych plików serwisu. Daje możliwość ustawienia czasów archiwizacji i
kataloguje pliki w folderze. Warto takie pliki od czasu do czasu pobrać, aby mieć ich kopię
również w innym miejscu.

Rys. 26 Zarchiwizowane pliki serwisu oraz bazy danych

Dropdown Menu Widget – JavaScriptowe menu, które można swobodnie edytować z

poziomu panelu administracyjnego lub edytować poprzez pliki. Za jego pomocą stworzone
zostało główne menu serwisu.

Erident Custom Login Dashboard – Na stronie głównej zostało udostępnione narzędzie do

rejestracji, ale domyślny panel WordPressa nie kojarzy się w żaden sposób z działalnością
serwisu. Warto więc go wystylizować aby pokazać osobowość strony.

24
 Rys. 27 Panel logowania stworzony za pomocą Erident Custom Login Dashboard

Google Analyticator – Podłącza analitykę do strony stworzonej pod WordPress. Ma bogaty

zestaw zaawansowanych opcji oraz wyświetla wstępny panel statystyk w kokpicie panelu
administracyjnego, umożliwia także pełne statystyki.

Rys. 28 Podstawowe statystyki stworzone dzięki Google Analiticator

25
Cyclone Slider 2 – Domyślnie wtyczka stworzona do tworzenia przesuwanych panelu
obrazków, tzw. „sliderów”. W tym też celu został on pobrany. Jednak zyskał dodatkowe
zastosowanie. Dzięki jego wygodnemu panelowi edycji, można większość obrazków na
stronie umieścić w takich właśnie panelach nawet jeśli są statyczne. Wtedy ewentualny klient
może dowolnie zmieniać te obrazki bez zmieniania kodu CSS, a tylko przeciąga je z poziomu
panelu administracyjnego. Jest intuicyjna i bardzo przydatna. Przesuwanie można ustawić na
czas i/lub dodać guziki.

Rys. 29 Przykładowy Slider z przyciskami i tekstem

4.7.2. Wtyczki pozycjonujące

WordPress SEO – Ta wtyczka została stworzona przez Yoasta i jest to istny kombajn w
swojej klasie. Ma wbudowany wachlarz ustawień zaawansowanych, ale nawet uruchomienie
podstawowych funkcji w odczuwalny sposób usprawnia pracę z pozycjonowaniem.
Oczywiście nadal musimy pamiętać o słowach kluczowych w tytułach i sposobie pisania, ale
otrzymujemy również analizę jakości SEO oraz dodatkowy panel służący do pozycjonowania
każdego wpisu wbudowany do edytora WordPress. Nad samym pozycjonowaniem rozważane
będzie w osobnym rozdziale.

Rys. 30 Dodatkowy panel do pozycjonowania wpisów

26
 4.7.3. Wtyczki zabezpieczające

Login lock down – Blokuje dostęp do serwera po kilku nieudanych próbach logowania.
Zapobiega atakom typu Brute Force. Można ustawić czas banowania oraz ilość dozwolonych,
niepoprawnych prób.

Adminimize – Pozwala na przykrywanie poszczególnych elementów panelu

administracyjnego dla poszczególnych typów użytkowników. Jeżeli niektóre wtyczki nie są
odpowiednio przygotowane, może zajść konieczność przykrycia ich np. redaktorom. Robi się
to za pomocą zaznaczania odpowiedniej opcji.

Rys. 31 Edycja wtyczki Adminimize

Easy Captcha – prosta nakładka na panel rejestracyjny blokująca botom możliwość prostej
rejestracji. Oczywiście na bardziej zaawansowany boty lepiej sprawdzi się niestandardowa
captcha, gdyż niektóre potrafią już nawet analizować zdjęcia.

Rys. 32 Zastosowanie captchy przy rejestracji

27
Warto wspomnieć, że coś na kształt wtyczek można znaleźć również na PhpBB, z którego
korzystano przy tworzeniu forum hearthcore.pl. Tam jednak nazywa się to „modami”.
Również rozszerzają one właściwości platformy.

4.8. Łączenie systemów CMS

Podstawowym założeniem koncepcyjnym serwisu było założenie forum, a więc

miejsca w którym użytkownicy mogą wymieniać się spostrzeżeniami i dyskutować.
WordPress sam w sobie nie przewiduje takiej możliwości. Istnieją co prawda wtyczki jak
BBPress ale są one bardzo ubogie i nie są zdolne do stworzenia poważnego systemu.
Należało więc w jakiś sposób zasymulować działanie serwisu tak, aby użyć innego systemu
forumowego i scalić z bazą użytkowników WordPressa. Ważne było to, aby użytkownik
płynnie przemieszczał się pomiędzy blogiem i forum z równoczesną synchronizacją loginów.
Oba systemy muszą reagować współbieżnie na zalogowanie do systemu. Ostatecznie
wybrany został system PhpBB, który miał kilka interesujących opcji integracji z
WordPressem. W tym celu przygotowano nawet kilka darmowych wtyczek jak WP-United :
PhpBB WordPress Integration. Niestety niektóre z nich nie są już wspierane na aktualnych
wersjach WordPressa, a inne po prostu z jakichś powodów nie działały w pełni. Z pomocą
przyszła płatna wtyczka Bridge WordPress! Za pomocą ciasteczka w sesji synchronizuje
logowanie na oba serwisy. Jedyne co należy zrobić to zainstalować po stronie bloga wtyczkę i
podać ustawienia dostępu:

Rys. 33 Ustawienia wtyczki Bridge WordPress

Po stronie forum natomiast wystarczy dodać kilka plików i zatwierdzić modyfikacje. W ten
sposób gdy użytkownik rejestruje się na którymkolwiek z systemów, jego dokładna kopia
migruje do drugiego z nich. Użytkownik jest zalogowany na obu serwisach równolegle i nie
odczuwa przejścia pomiędzy systemami dzięki wyglądowi stylu.

28
 Rys. 34 Wygląd forum hearthcore.pl

Rys. 35 Wygląd bloga hearthcore.pl

4.9. Motyw

Na wygląd serwisu składa się kilka czynników. Po pierwsze projekt graficzny. Jeśli
nie jest w jakiś sposób charakterystyczny wtedy goście po pierwszych odwiedzinach
zapamiętają, że już więcej nie mają po co zaglądać. Po drugie pliki szablonowe php, które
wyświetlają poszczególne panele. Trzecią sprawą są pliki .css, które określają sposób
wyświetlania poszczególnych elementów. Pliki naszego motywu (theme) usytuowane są w
katalogu: Wp-content/themes/nazwa_motywu.
Foldery tworzone w tym katalogu są integralną częścią motywu i nie mają nic
wspólnego z silnikiem WordPress. Tutaj też dodaje się funkcjonalności (includes) czy obrazki
do motywu (images).

29
 Pliki .php w tym folderze to pliki sterujące wyświetlaniem wszystkich paneli strony.
Przykładowo w pliku header.php znajdziemy nagłówki oraz wyświetlanie górnego loga
strony. Footer.php to stopka, page.php to styl wyświetlania podstroi. W author znajdziemy
wylistowanie wpisów jednego autora. Nazewnictwo jest dość intuicyjne. Dodatkowo można
znaleźć tutaj też plik funkcyjny to functions.php w którym inicjujemy dodatkowe moduły i funkcje
szablonu:

Rys. 36 Fragment pliku functions.php

Plik style.css to nasz kaskadowy arkusz styli. Wskazuje on elementom strony w jaki sposób powinny
się wyświetlać. Można używać kilku plików arkuszy styli aby zwiększyć czytelność przy dużych
projektach. Przy małych, można stosować jeden prosty plik. W taki sposób można kontrolować
miejsce wyświetlania się elementu, jego marginesy, cienie, obramowanie. Sposób
wyświetlania w nim tekstu (float), wysokość, szerokość. Opcji jest bardzo wiele.

Rys. 37 Przykład kodu CSS

W przypadku pokazanym powyżej stronie te definicje wyświetlania przypisane są do
elementów o klasie „commentinput”. Klasa oraz ID to oczywiście sposób identyfikacji
elementów kodu HTML.

30
 Rys. 38 Szablon wyświetlania serwisu hearthcore.pl

4.10. Dodatkowe podsystemy

Podczas rozwijania serwisu pojawiła się koncepcja, aby stworzyć system w którym
organizatorzy eventów (tzw. kominków – spotkań graczy) mogli dodać w serwisie takie
wydarzenie w celach promocyjnych. Koncepcja była o tyle skomplikowana, że aplikacja
miałaby tworzyć osobne podstrony dla każego wydarzenia, odsływać również do tematu na
forum i zawierać mapki dojazdu (googlemaps).
Z pomocą przyszła bardzo ciekawa wtyczka o nazwie „Events Made Easy”. Po
odpowiednim przygotowaniu serwisu i edytowaniu ustawień wtyczki udało się dostosować ją
do zadanych potrzeb. Plugin, podczas instalacji sam stworzył dodatkowe menu w panelu
WordPressa o nazwie „Wydarzenia”.
31
 Rys. 39 Panel edycji wydarzeń

Z poziomu tego menu administrator jest zdolny dodawać wydarzenie, edytować je czy
usuwać. Ale jakoś trzeba sprawić aby użytkownik mógł takie dane administratorowi
przekazać. Zastosowany został prosty mechanizm zaimplementowany w .php, służący do
wysyłania e-mail’a do administratora z potrzebnymi danymi.

Rys. 40 Fragment kodu panelu wysyłającego maila

Do wykonania panelu zastosowana została biblioteka PHPMailer. Użytkownik podaje

swój login i e-mail (jeśli jest zalogowany to wpisuje się automatycznie). Dalej wpisuje dane
wydarzenia, linki oraz dodaje logo.
Panel reprezentacyjny systemu znajduje się w podmenu „Kominki”. Możemy
zobaczyć tutaj chronologiczną listę wydarzeń które miały i będą miały miejsce. Widzimy też
miasto, link do wątku oraz link do indywidualnej strony wydarzenia.

32
 Rys. 41 Panel „spotkań przy kominku”

Administrator po zweryfikowaniu wydarzenia może je dodać poprzez panel administracyjny.

Rys. 42 Przykładowy email otrzymany z panelu

33
A tak wygląda indywidualna strona wydarzenia. Znajdziemy na niej wszystkie zaplanowane
pola takie jak miejsce, adres, data, godzina, informacja przekazana przez organizatora jak
również mapkę, która została stworzona przez wtyczkę na podstawie lokalizacji.

Rys. 43 Strona pojedynczego wydarzenia

Rys. 44 Edycja lokalizacji wydarzenia

34
5. Administracja

5.1. Cele administracji

Rolą administratora tego typu serwisu jest czuwanie nad jego funkcjonowaniem.
Najkorzystniejsza sytuacja ma miejsce wtedy, gdy administrator jest też programistą czy
grafikiem. Wtedy poza podstawowymi funkcjami - jak dodawanie wpisów, korekta,
nadzorowanie pracy redaktorów, pomoc użytkownikom czy nawet banowanie ich za złe
zachowanie - może on również modernizować serwis i rozwijać go.
W serwisie łączonym, którego integralną zawartością jest forum, administracja ma
jeszcze więcej pracy. Zachowanie porządku na forum jest trudniejsze niż na blogu i wymaga
też zaangażowania dodatkowych osób, tzw. „moderatorów”. Administrator nadaje im
uprawnienia dzięki którym mogą oni usuwać i edytować wpisy użytkowników, a nawet
zabrać im możliwość brania udziału w dalszej dyskusji.
W zależności od wielkości portalu czasami jeden administrator nie wystarcza. Zwykle
jest ich dwóch lub trzech przy większych projektach. Dodatkowo redaktorzy, którzy piszą
teksty czy moderatorzy pilnujący porządku na forum. Działanie serwisu internetowego
wymaga dużej ilości zaangażowanych w projekt osób.

Podstawowe składowe administracji serwisem internetowym możemy podzielić w

następujący sposób:

 Zarządzanie użytkownikami
 Zarządzanie treścią
 Zarządzanie wyglądem
 Modernizacja serwisu
 Reakcja na błędy, wprowadzanie poprawek

Oczywiście nie są to wszystkie obowiązki administratorów. Często są oni odpowiedzialni za

kontakty z innymi serwisami, odpisują na maile od użytkowników czy odpowiadają na
pytania na forum.

35
5.2. Zarządzanie za pomocą systemu

Zarządzanie blogiem WordPress

Administracja systemem WordPress z założenia miała być bardzo prosta i taka

właśnie jest. Panel administracyjny udostępnia administratorom bardzo jasne menu, gdzie już
na pierwszym poziomie znajdujemy potrzebny nam obszar działania. Dodatkowo dzięki
zastosowaniu wtyczki „Adminimize”, redaktorzy mają dostęp tylko do edycji wpisów oraz
dodawania mediów a zwykli użytkownicy tylko do swojego profilu.

„Kokpit” czyli podstawowe miejsce panelu administracyjnego

zawiera spis podstawowych informacji, które mogą być przydatne na
samym początku. Ostatnie aktywności, ostatnie komentarze
użytkowników, aktualności dotyczące WordPressa czy Google
Analytics.

Lewe menu pozwala swobodnie wybierać pomiędzy podstronami

panelu dotyczącymi edycji wpisów, dodawania mediów, stron,
moderacji komentarzy, wydarzeń czy użytkowników. Mamy też
pokaźną gamę ustawień samego bloga z podmenu „ustawienia”.
Większe wtyczki, które wymagają dodatkowej obsługi instalują się
na samym dole. Przykładowo „Cyclone Slider” udostępnia
dodatkową stronę panelu stworzoną tylko do administracji paneli
obrazkowych. Obrazki takie mogą być statyczne, dynamiczne, mają
kilka opcji przechodzenia, kilka motywów czy możliwości zmian.
Łatwe narzędzie dla administratora, który nie jest zaawansowany.

Rys. 45 Menu WordPress Rys. 46 Panel edycji „Sliderów”

36
Zarządzanie forum phpBB

Związany z blogiem system forowy phpBB jest dużo bardziej zaawansowanym

narzędziem. Administracja nim również nie jest trudna, natomiast już na pierwszy rzut oka
widać, że posiada on ogromną ilość opcji konfiguracyjnych. Główne menu jest podzielone na
działy na górze panelu, domyślnie zaznaczony jest dział „Ogólne” i mamy tutaj dostęp do
najczęstszych funkcji:

 Zarządzanie użytkownikami
 Zarządzanie grupami
 Zarządzanie działami
 Konfiguracja forum
 Konfiguracja serwera

Po pierwszej konfiguracji forum, a więc ustawieniu jego działów, nałożeniu

odpowiednich uprawnień domyślnych, ustawieniu wyglądy czy nałożeniu opcji
zabezpieczających raczej nieczęsto administrator będzie musiał tutaj coś zmieniać.
Najczęściej będzie to spowodowane modernizacją forum poprzez dodanie jakiejś modyfikacji
czy koniecznością banowania botów spamujących (czasami mimo zabezpieczeń boty
przebijają się i rozrzucają po forum różne treści, należy wtedy je wszystkie usunąć i
zablokować takiemu „sztucznemu” użytkownikowi dostęp do forum).
Administrator z poziomu tego panelu ma też dostęp do tzw. „logów”. Jest w stanie
sprawdzić jakie akcje inni użytkownicy wykonywali na forum, dzięki czemu jest w stanie
sporządzać ot choćby dane statystyczne popularności.

Rys. 47 Fragment logów administracyjnych

37
 Rys. 48 Panel administracyjny phpBB

5.3. Dodawanie modułów

WordPress posiada wbudowany w swój silnik panel do dodawania dodatkowych

funkcji. Odbywa się to za pomocą wtyczek. Rozszerzanie możliwości systemu jest tutaj
stosunkowo łatwe, wystarczy wejść do panelu wtyczek i kliknąć „Dodaj nową”. Tam mamy
możliwość wyszukiwania wtyczek poprzez wpisanie słów kluczowych, popularność czy
wybrania z proponowanych. Dodatkowo wtyczki możemy wyszukiwać bezpośrednio z
Internetu i wrzucać je poprzez pliki .zip. Jedyne o czym musimy pamiętać po instalacji
wtyczki to jej konfiguracja i uruchomienie. Małe wtyczki jak „Easy Captcha” działają od razu
po instalacji bez większej konfiguracji. Większe jak „Event Made Easy” wymagają bardziej
wyrafinowanego poruszania się po dokumentacji, jednak wszystkie są w miarę przystępne.

Rys. 49 Panel dodawania wtyczek

38
Z drugiej strony modernizacja phpBB o dodatkowe modyfikacje wymaga instalacji
AutoMOD’a, który już sam w sobie jest przykładem rozszerzenia do podstawowej wersji
systemu. W tym przypadku służy on do instalowania modyfikacji – „modów”. Dzięki niemu
możemy pobierać modyfikacje ze specjalnych stron społeczności wspierających działanie
phpBB – np. phpbb.pl/mods . Takie wtyczki jak np. ReIMG Image Resizer (odpowiednie
renderowanie plików graficznych na forum) instaluje się poprzez wybranie ścieżki do pliku
.rar i jego wypakowanie.

Rys. 50 Panel dodawania modów

5.4. Przydatne opcje

Aby mieć możliwość edycji plików szablonowych serwisu lub nawet plików arkusza
stylów musimy ręcznie logować się do serwera. Najczęściej to zadanie realizuje się
programami takimi jak WinSPC, za pomocą których podłączamy się do serwera i
otrzymujemy możliwość edytowania plików.

Rys. 51 Administracja plikami za pomocą WinSCP

39
Panel administracyjny WordPress udostępnia jednak w tym celu specjalnie przygotowany
edytor plików szablonu. Dzięki temu administrator może już z poziomu serwisu edytować
ważne dla niego informacje – zmienne definicje jakiegoś panelu.

Rys. 52 Edycja panelu turniejowego z poziomu edytora motywów

Na powyższym zrzucie zaprezentowano fragment strony odpowiedzialny za informowanie

graczy o aktualnych turniejach widoczny na górnym panelu strony.

Rys. 53 Panel turniejowy

Dzięki edytorowi zmiana elementów panelu ogranicza się tylko do podmienienia linków,
nazwy i daty. W ten sam sposób można edytować również pliki .css. W znaczny sposób
ułatwia to aktualizację strony.

40
Bardzo ważną sprawą jest biblioteka mediów, czyli panel do którego dodaje się obrazki,
logotypy, tła potrzebne do wpisów. Po załadowaniu do takiej biblioteki obrazka otrzymuje się
link do miejsca na serwerze, pod którym można znaleźć daną grafikę. Dzięki temu nie
musimy sami martwić się ręcznym wrzucaniem grafik na serwer.

Rys. 54 Biblioteka mediów

Kolejną przydatną możliwością, jaką daje panel WordPress jest edytor menu. Dzięki niemu
możemy edytować nasze główne menu aby doprowadzić go do naszych oczekiwań.

Rys. 55 Główne menu serwisu

Cały proces jest bardzo prosty i intuicyjny, wystarczy dodać poszczególne strony z lewego
panelu lub dodać odnośniki (linki). Później należy zmienić pozycję takiej cegiełki wstawiając
ją jako kategorię, stronę lub własny link.

41
 Rys. 56 Ustawianie struktury menu

Dzięki zainstalowanej wtyczce „BackUpWordPress” otrzymuje się też panel do zarządzania

naszymi zrzutami bazy danych i plików. Można ustawić częstotliwość robienia backupów jak
również pobrać już stworzone.

Rys. 57 Panel administrujący kopiami zapasowymi

42
5.5. Najczęstsze błędy oraz problemy

Administracja dużym serwisem złożonym z elementów takich jak blog i forum jest
stosunkowo bardziej złożona, niż administracja zwykłą statyczną stroną. Należy tutaj wziąć
pod uwagę wiele więcej zagadnień ot choćby problemy wynikające z istnienia mechanizmu
rejestracji użytkowników. Udostępniając w Internecie ten mechanizm trzeba być
przygotowanym na ciągłą walką z internetowymi botami, które będą za wszelką cenę
próbować ominąć zabezpieczenia, zarejestrować się na witrynie i bez opamiętania rozrzucać
nic nie warte informacje – tzw. „spam”. W zależności od stopnia zaawansowania takich
botów są one mniej lub bardziej podatne na zabezpieczenia. Przykładowo jak chodzi o blog
WordPress instalacja wtyczek Login Lockdown oraz Easy Captcha - o których była mowa w
poprzednich rozdziałach – skutecznie zapobiegła rejestracji botów w serwisie. Na forum
phpBB kłopot był większy, mimo istnienia kilku opcji zabezpieczenia rejestracji tylko jedna z
nich okazała się skuteczna.

Rys. 58 Menu zabezpieczeń przeciwbotowych phpBB

Zastosowanie standardowego zabezpieczenia tzw. „captcha” w formie tekstowej,

obrazkowej ani nawet bardziej zaawansowane zadanie matematyczne do wykonania nie dały
odpowiedniej jakości zabezpieczenia. Dopiero po zastosowaniu „pytań” udało się zablokować
botom dostęp do udostępniania wiadomości na forum. Opcja „pytania” działa w ten sposób,
że administrator podaje pytanie, na które tylko prawdziwy człowiek zna odpowiedź a bot nie.

43
W ten sposób dla potencjalnego użytkownika fraza: „Podaj nazwę gry, która sprowadza Cię
na nasze forum” nie jest żadnym problemem (Hearthstone). Jest bardzo wiele ciekawych
opcji zabezpieczających forum postawione na phpBB, większość z nich jest już domyślnie
wbudowana w system dlatego warto nawet pobieżnie sprawdzić cały panel administracyjny
aby mieć świadomość ich istnienia.
Częste robienie kopii zapasowej bazy danych czy aplikacji na serwerze jest nie tylko
dobrą praktyką, ale również obowiązkiem. Już na etapie tworzenia serwisu przynajmniej kilka
razy pracując nad rolami użytkowników może się zdarzyć sytuacja, w której przypadkowo
wyrzucimy z bazy danych jakiś ważny rekord lub zmienimy jakiś link w nieodpowiedni
sposób. Najczęstszym ratunkiem jest wtedy kopia naszej bazy danych. A to tylko wierzchołek
góry lodowej, bo co w sytuacji kiedy ktoś rzeczywiście będzie próbował włamać się do naszej
bazy? Aktualna baza danych pozwala uniknąć strat informacji, użytkowników, wpisów na
forum czy statystyk wejść. Podobna sytuacja ma miejsce z samymi plikami strony, na których
pracując czasami możemy gdzieś pomylić literkę – wtedy łatwiej taki plik przekopiować, niż
szukać błędów w całym kodzie.
Stosunkowo ważną praktyką jest też częste aktualizowanie WordPressa oraz użytych
wtyczek. Czasami wtyczki posiadają błędy, czasami są podatne na ataki hackerskie przez
niewłaściwy sposób zakodowania. Takie sytuacje są raczej rzadkie, jednak aktualizacja takich
wtyczek daje nam poczucie, że ktoś nad takimi sprawami pracuje i poprawia istniejące luki.
Jeśli chodzi o wtyczki, to administrator musi być dość elastyczny. Czasami zdarzają się
sytuacje, że jakaś wtyczka po prostu działa w nieprzewidziany sposób – np. „Easy Timer”
testowany przez serwis Heartcore.pl na wcześniejszym etapie pracy sprawiał, że kiedy licznik
odliczający określony czas dochodził do 0:00, serwer otrzymywał sygnał nieskończonej pętli i
blokował dostęp do strony. Zajęcie się takimi błędami należy do obowiązków administratora.

6. Marketing internetowy

Definicji marketingu jest wiele, w ujęciu klasycznym można zdefiniować go jako

„odpowiednie planowanie, koordynację i kontrolę wszystkich działań przedsiębiorstwa
ukierunkowanych na aktualne i potencjalne rynki zbytu”. W ujęciu nowoczesnym można by
powiedzieć „marketing jest działalnością ludzką, zmierzającą do zaspokojenia pragnień i
życzeń nabywców poprzez procesy wymiany”. Do opisania marketingu internetowego,
można użyć, jeszcze innej definicji: „działanie mające na celu zbudowanie rozpoznawalnej
marki, pozwalające zaistnieć w sieci na szerszą skalę, kreujące u użytkowników chęć
powrotu”. To na czym powinno zależeć administratorom serwisów, to zainteresowanie
44
potencjalnych gości treścią na swojej stronie aby przekazał tę informacje dalej i wrócił
ponownie. W ten sposób w Internecie można promować właściwie cokolwiek, począwszy od
serwisów, blogów, aplikacji poprzez firmy czy produkty, a na własnej twórczości - jak filmy
Youtube – skończywszy.

6.1. Target

Aby w skuteczny sposób rozplanować działanie marketingowe w Internecie należy na

początku zadać sobie pytanie: „Do kogo kierowany jest produkt?”. W tym przypadku
produktem jest tematyczny portal udostępniający wiele przydatnych informacji na temat
samej gry, możliwość brania udziału w turniejach czy forum. Stosunkowo łatwo w tym
przypadku o określenie tzw. „targetu” czyli potencjalnych użytkowników, których może ten
temat zainteresować. Gra „Hearthstone” to darmowa gra logiczna, stworzona przez znaną na
całym świecie wytwórnie „Blizzard Entertainment”. Tylko z tych informacji można
wywnioskować już, że gra nie trafi do najmłodszego pokolenia graczy, bo może okazać się po
prostu zbyt trudna. Głównym celem naszego portalu jest więc młodzież i studenci, fani
inteligentnego sposobu prowadzenia rozgrywki zbliżonego do szachów czy pokera, jak
również fani gier chcący sprawdzić nowy tytuł swojego ulubionego twórcy. W dalszej
perspektywie celem są też pojawiający się z czasem tzw. „proplayers”, a więc gracze, którzy
osiągają na płaszczyźnie tej gry sukcesy i swoją obecnością na serwisie wspierają jego
funkcjonowanie. Kolejnym celem są ludzie, którzy są znudzeni graniem w gry komputerowe
z losowymi przeciwnikami. E-sport sprawia, że ludzie są żądni emocji turniejowych,
pokonywania kolejnych przeciwników w celu zdobycia najwyższej lokaty. Zwiększanie
możliwości serwisu to równocześnie rozszerzanie potencjalnej publiki, dogłębne zrozumienie
terminu „target” pomoże w planowaniu planów administracyjnych oraz reklamowych na
przyszłość.

6.2. Aktywność

Najważniejszym kryterium po którym użytkownicy wybierają swoje ulubione serwisy

tematyczne jest jego aktywność. Liczy się przede wszystkim jakość i częstotliwość
dodawanych treści, a więc im częściej dodajemy wpisy tym więcej ludzi je czyta. Zasada
wydaje się oczywista, jednak jest ona szczególnie ważna jeśli chodzi o pozycjonowanie
serwisu – czym w następnym rozdziale.
Oczywiście nie tylko wpisy z prezentowanego portalu są brane pod uwagę. Budując
aktywność ważny jest również system komentarzy czy forum. To czy posiadamy aktywnych
komentujących i czy dyskutujących sprawia, że inni również chcą dołączyć do rozmowy.
45
Sprawne połączenie głównej strony oraz forum daje możliwość listowania informacji z forum
na portalu, dzięki czemu można stworzyć bardzo funkcjonalne panele odsyłające do
aktualnych materiałów:

Rys. 59 Panel wyświetlający najnowsze tematu z forum na blogu

Dodaje to serwisowi przejrzystości, najświeższe informacje mogą być odnaleziono prosto i

łatwo już z poziomu głównej strony. Dodatkowo wzmacnia to wrażenie „aktywności” forum,
bo kiedy użytkownik wraca, zwykle ma możliwość sprawdzenia czegoś, czego jeszcze nie
widział.

6.3. Pozycjonowanie

Kolejnym kluczowym zagadnieniem w promocji portalu internetowego jest jego

egzystencja w wyszukiwarkach internetowych. Oczywiście sama możliwość znalezienia
informacji umieszczonej na serwisie poprzez wyszukiwarkę to już duży plus, jednak Ci
którzy naprawdę chcą się liczyć w internetowym biznesie muszą znaleźć się na którejś z
wysokich lokat wyszukiwarek pod najbardziej znaczącymi słowami kluczowymi. Jest bardzo
wiele rzeczy, które wpływają na kolejność rankingu – jak aktywność serwisu, ilość słów
kluczowych w tekście czy ilość linków powrotnych – a wszystkie z nich są ważne.
Warto zadbać o czyste linki na stronie. Czyste linki (z ang. „clear urls”) to sposób
tworzenia odnośników do poszczególnych podstroi portalu. Tez zabieg jest szczególnie
ważny pod kątem pozycjonowania strony, ponieważ słowa kluczowe, które znajdą się w linku
są bardzo mocno punktowane przez rankingi przeglądarek. Dlatego bardzo ważne jest
zmienienie standardowych linków na czyste linki.

46
 Domyślny adres Czysty adres
http://hearthcore.pl/?p=123 http://hearthcore.pl/blizzconowy-weekend-hexie/

Można tego dokonać w bardzo prosty sposób. Wystarczy odnaleźć „bezpośrednie odnośniki”
w zakładce „ustawienia”.

Rys. 60 Panel ustawień bezpośrednich odnośników

Odpowiednie redagowanie wpisów jest również bardzo ważne podczas pracy nad
pozycjonowaniem serwisu. Jakie hasło najlepiej pasuję do opisania tematyki omawianego
serwisu? Polska społeczność gry „Hearthstone”. Dlatego też podczas tworzenia wpisów,
artykułów należy szczególną uwagę zwrócić na używanie słów kluczowych. Nie znaczy to, że
użycie 100 razy słowa „Hearthstone” na stronie sprawi że nagle będzie pierwsza. Ale częste
używanie słowa kluczowego sprawi, że w konsekwencji serwis wyląduje w przeglądarkach
wyżej.

47
 Rys. 61 Zagęszczenia słowa „Hearthstone” na hearthcore.pl

Nie ma jednego uniwersalnego sposobu na odpowiednie pozycjonowanie strony,

należy samemu podjąć decyzję na jakich słowach się skupić czy jakie produkty i w jaki
sposób promować. Jeśli nasz target jest niszowy, wtedy stosunkowo łatwo osiągnąć dobre
rezultaty. Jeśli wybieramy bardzo ogólny schemat jak np. „samochód” wtedy musimy
przygotować się na dużo więcej pracy, gdyż konkurencja nie próżnuje. Aby dodać swoją
stronę do przeglądarek takich jak Google, wystarczy zaprosić bota Google. Odpowiednią
zakładkę można znaleźć w narzędziach Google dla webmasterów
(https://www.google.com/webmasters/tools/).

Rys. 62 Efekty pozycjonowania hearthcore.pl

48
6.4. Serwisy wspierające

W dzisiejszym świecie korzystanie z zewnętrznych serwisów jest bardzo skutecznym

sposobem na autopromocję. Serwisy takie jak Facebook czy Twitter po pierwsze dają
zaplecze informacyjne dla użytkowników, po drugie generują dodatkowe linki odsyłające do
prezentowanego serwisu. Pozytywnie wpływa to zarówno na odbiór marki jak i na
pozycjonowanie w wyszukiwarkach. Prowadzenie takich mediów w znaczny sposób wspiera
budowanie relacji z użytkownikami i dodaje profesjonalizmu.

Rys. 63 Strona na facebooku - hearthcore.pl

Serwis „Twitch.tv” jest obecnie największą platformą służącą do „live streamingu”.
Jako administracja popularnego serwisu organizującego turnieje przydatnym sposobem jego
promocji może być transmitowanie turniejów na żywo. W ten sposób poszerza się krąg
potencjalnych odbiorców, równocześnie informując, że w portalu istnieje możliwość zagrania
w takim turnieju.

Rys. 64 Serwis Twitch.tv

49
 W podobnym celu można również stosować zaplecze przygotowane przez twórców
„youtube.com”. Serwis od wielu lat bijący rekordy popularności poprzez udostępnienie
systemu dodawania i odtwarzania filmów oraz muzyki. Ogromna ilość użytkowników tego
portalu sprawia, że stosunkowo łatwo jest zdobyć tam rozpoznawalność. Można też używać
„youtube.com” w celu archiwizacji nagrań realizowanych za pomocą Twitch.tv.

Rys. 65 Serwis youtube.com

W tym rozdziale warto również wspomnieć o „challenge.com”. Jest to system udostępniający

panel do organizacji turniejów e-sportowych. Można wybierać z wielu opcji turniejowych jak
„swiss”, „drabinka single elimination”, „drabinka double elimination” czy dodanie funkcji
sprawdzającej obecność „check-in”.

Rys. 66 Serwis challonge.com

50
6.5. Współpraca

Kooperacja z innymi markami poprawia ogólne wrażenia na temat przedmiotu,

dodatkowo dzięki współpracy można osiągnąć bardzo różne korzyści. Serwis hearthcore.pl
uzyskał status „oficjalny fansite Blizzarda” dzięki czemu realizacja ciekawych projektów w
Polsce ma szansę być promowana u samego źródła. Oficjalny facebook gry „Hearthstone”
posiada w tej chwili ponad 1.2 miliona śledzących, kilkaset tysięcy z nich to gracze w Polski.
Udostępnienie informacji na temat realizowanych przez administrację turniejów w znaczący
sposób napędza polską scenę e-sportową. Dodatkowo taki zabieg generuje ruch na stronie, a
część z ludzi odwiedzających zostanie na dłużej.
Podobna sytuacja ma miejsce w środowisku, dlatego warto od czasu do czasu
wspominać o projektach konkurencyjnych. Wspieranie się nawzajem w Internecie przez
portale to nie konkurencja – to marketing. Udostępnienie linku do innej strony nic nie
kosztuje, portal na tym nie straci, bo skoro gość kliknął w link to oznacza, że jest gościem
prezentowanego serwisu, a portal do którego odsyłamy zyskuje kolejnego odwiedzającego.
Wspólne działanie w ten sposób sprawia, że nie ma przegranych a publika kojarzy obydwa
serwisy.
Istnieją również inne sposoby na współpracę w celu wspierania popularności strony.
W zależności od tematyki serwisu można współpracować z ludźmi z podobnej branży,
przykładowo serwis hearthcore.pl jako tematyczny serwis mógłby wspierać popularnego
polskiego „streamera” Hearthstone. W zamian za logo serwisu umieszczone podczas jego
audycji, serwis dodaje go do panelu widocznego na głównej stronie.

Rys. 67 Panel „Live Stream”

W ten sposób publika generowana przez jego audycje może zostać zachęcona do sprawdzenia
serwisu, a goście serwisu w łatwy sposób sprawdzą kto ciekawy aktualnie gra. Kolejny
przykład obopólnej korzyści wynikającej ze współpracy w Internecie.
51
7. Podobne tematycznie serwisy

„Hearthstone : Heroes of Warcraft” jest grą stosunkowo nową. Otwarte testy beta
rozpoczęły się w stycznie 2014r, więc gra ma dokładnie rok. W ciągu roku zaskarbiła sobie
ogromną popularność i zapełniła niszę na gry karciane w e-sporcie. Jest bardzo wiele portali
tematycznych, jednak stosunkowo mało tych dużych. Większość ze stron działa na zasadzie
blogów i nie są zbyt często aktualizowane. Dodatkowo jest naprawdę mało witryn, które
zajmują się organizacją turniejów, a zwłaszcza w Polsce. W tym rozdziale przedstawione
zostanie kilka znanych mi serwisów działających na podobnych zasadach.

4.1. Globalne

Na arenie międzynarodowej bez wątpienia króluje hearthpwn.com, największy

należący do ekipy e-sportowej „Curse” blog udostępniający informacje na temat
„Hearthstone”. Serwis jest często aktualizowany, dodatkowo posiada aplikację do
wirtualnego tworzenia i zapisywania talii, które inni mogą komentować i pobierać.

Rys. 68 Serwis hearthpwn.com

Inną znaną na świecie marką jest liquidhearth.com, serwis publicystyczny. Ma ogromną bazę
artykułów, wartościowych wywiadów, nowinek ze sceny światowej. Udostępnia ciekawe
dodatkowe panele, jak „bieżące wydarzenia”, „aktywne steramy”, „nadchodzące turnieje”.
Gość znajdzie tutaj na pewno bardzo wiele wartościowych, aktualnych informacji.

52
 Rys. 69 Serwis liquidhearth.com

Dobrym przykładem serwisu przygotowanego specjalnie pod organizację turniejów na

platformie „Hearthstone” jest zotac-cup.com. Serwis raz w tygodniu organizuje turniej z
nagrodą pieniężną, w tym celu udostępnia system drabinkowy i możliwość podawania
wyników. Administrator takiego serwisu wciąż musi być obecny w celu rozwiązywania
spornych sytuacji, natomiast jego ingerencja w samą administrację turniejem jest uproszczona
do minimum. Taka aplikacja pokazuje profesjonalne podejście marki do tematu organizacji
turniejów.

Rys. 70 Serwis zotac-cup.com

53
4.2. Polskie

W polskim środowisku wciąż jest mało aktywnych stron o podobnej tematyce. Istnieją
jak dotąd trzy duże serwisy traktujące o grze „Hearthstone”. Pierwszym z nich jest
oczywiście hearthcore.pl, którego główną myślą przewodnią jest organizacja turniejów oraz
video relacji. Kolejnym jest hsarena.pl, udostępniający interesujące wiadomości, artykuły
oraz największe forum tematyczne w Polsce.

Rys. 71 Forum hsarena.pl

Trzecia z większych stron na ten temat to hearthstone.net.pl a więc jedna ze stron Battlenet
Network, marki działającej już od 2001r. Jest to serwis, który od lat wspierają Blizzard
Entertainment w Polsce i mimo rzadszych aktualizacji „Hearthstone”, wciąż ma pokaźne
grono odbiorców.

Rys. 72 Serwis hearthstone.net.pl

54
Istnieje również serwis esportcup.pl, którego tematyką główną jest ogólno pojęty e-sport oraz
organizacja turniejów na różnych platformach. W swoim arsenale mają również prężną
administrację rozwijającą scenę „Hearthstone”. Zajmują się również promocją i
popularyzacją video relacji z turniejów, należy więc o nich wspomnieć jako serwis
podążający wspólnym trendem.

Rys. 73 Serwis esportcup.pl

8. Podsumowanie

Światowy rynek e-sportowy stoi na bardzo wysokim poziomie. Zarówno mnogość

portali tematycznych, organizacji turniejowych czy drużyn sportowych reprezentujących
znane elektroniczne marki sprawia, że warto uwierzyć w potencjał tego typu przedsięwzięć.
Czy polski rynek jest już na to gotowy? Coraz łatwiej można stwierdzić, że tak. Polacy
osiągają na tej scenie ogromne sukcesy już od wielu lat.

Zarówno proces tworzenia tego typu serwisu jak i administracja nim są na pierwszy
rzut oka bardzo skomplikowane, ale przede wszystkim czasochłonne. WordPress dzięki
swojej prostocie i bogactwu wtyczek spełnia oczekiwania i daje dodatkowe możliwości
rozwoju. W planach jest system rankingów dla graczy z całej Polski czy wprowadzenie kilku
aplikacji związanych z grą typu „kreator talii”. Promocja serwisu i jego pozycjonowanie to
niezwykle ważne aspekty, a współpraca z innymi portalami i społecznościami często daje
dobre rezultaty.

55
9. Literatura

[1] Larry Ullman, PHP6 I MySQL 5. Dynamiczne strony WWW. Szybki start, Helion 2009
[2] Thord Daniel Hedengren, Podręcznik WordPressa. Smashing Magazine, Helion 2013
[3] WordPress Codex Manual for WordPress
http://codex.wordpress.org/
[4] PHP Manual
http://php.net/manual/en/
[5] MySQL Reference Manual
http://dev.mysql.com/doc/
[6] JavaScript and HTML DOM Reference
http://www.w3schools.com/jsref/
[7] Historia E-Sportu
http://en.wikipedia.org/wiki/Electronic_sports
[8] Wtyczki WordPress oraz ich dokumentacje
https://wordpress.org/plugins/
[9] Modyfikacje do phpBB
http://www.phpbb.pl/mods

Dodatkowe źródła internetowe

http://www.twitch.tv
http://hsarena.pl
http://www.hearthstone.net.pl
http://esportcup.pl
http://hseu.zotac-cup.com/pl/
http://www.liquidhearth.com
http://hearthpwn.com
http://challonge.com
http://youtube.pl
http://twitter.com
http://facebook.com

56
Spis rysunków

Rys. 1 Okładki hitowych gier lat dziewięćdziesiątych

Rys. 2 Wielkość nagród za turnieje e-sportowe na przestrzeni ostatnich piętnastu lat (źr. Wikipedia)
Rys. 3 Koncepcja rozplanowania zawartości bloga (kontent, przerwa, sidebar)
Rys. 4 Logotypy najpopularniejszych środowisk CMS
Rys. 5 Przykładowy zastosowanie PHP w HTML
Rys. 6 Główny katalog
Rys. 7 Zawartość .htaccess
Rys. 8 Zawartość pliku konfiguracyjnego wp-config.php
Rys. 9 Podstawowe tabele bazy danych WordPress
Rys. 10 Baza danych WordPress serwisu Hearthcore.pl
Rys. 11 Zawartość tabeli Wp_users
Rys. 12 Zawartość tabeli Wp_usersmeta
Rys. 13 Zawartość tabeli Wp_posts
Rys. 14 Zawartość tabeli Wp_comments
Rys. 15 Wygląd panelu administracyjnego WordPress
Rys. 16 Ustawienia ogólne
Rys. 17 Edytor motywów
Rys. 18 Panel użytkowników
Rys. 19 Wyświetlanie wpisów na hearthcore.pl
Rys. 20 Panel zarządzający wpisami
Rys. 21 Edytor wizualny
Rys. 22 Edytor tekstowy HTML
Rys. 23 Dodatkowe możliwości administrowania wpisami
Rys. 24 Folder z wtyczkami
Rys. 25 Ustawienia wtyczek
Rys. 26 Zarchiwizowane pliki serwisu oraz bazy danych
Rys. 27 Panel logowania stworzony za pomocą Erident Custom Login Dashboard
Rys. 28 Podstawowe statystyki stworzone dzięki Google Analiticator
Rys. 29 Przykładowy Slider z przyciskami i tekstem
Rys. 30 Dodatkowy panel do pozycjonowania wpisów
Rys. 31 Edycja wtyczki Adminimize
Rys. 32 Zastosowanie captchy przy rejestracji
Rys. 33 Ustawienia wtyczki Bridge WordPress
Rys. 34 Wygląd forum hearthcore.pl
Rys. 35 Wygląd bloga hearthcore.pl
Rys. 36 Fragment pliku functions.php
57
Rys. 37 Przykład kodu CSS
Rys. 38 Szablon wyświetlania serwisu hearthcore.pl
Rys. 39 Panel edycji wydarzeń
Rys. 40 Fragment kodu panelu wysyłającego maila
Rys. 41 Panel „spotkań przy kominku”
Rys. 42 Przykładowy email otrzymany z panelu
Rys. 43 Strona pojedynczego wydarzenia
Rys. 44 Edycja lokalizacji wydarzenia
Rys. 45 Menu WordPress
Rys. 46 Panel edycji „Sliderów”
Rys. 47 Fragment logów administracyjnych
Rys. 48 Panel administracyjny phpBB
Rys. 49 Panel dodawania wtyczek
Rys. 50 Panel dodawania modów
Rys. 51 Administracja plikami za pomocą WinSCP
Rys. 52 Edycja panelu turniejowego z poziomu edytora motywów
Rys. 53 Panel turniejowy
Rys. 54 Biblioteka mediów
Rys. 55 Główne menu serwisu
Rys. 56 Ustawianie struktury menu
Rys. 57 Panel administrujący kopiami zapasowymi
Rys. 58 Menu zabezpieczeń przeciwbotowych phpBB
Rys. 59 Panel wyświetlający najnowsze tematu z forum na blogu
Rys. 60 Panel ustawień bezpośrednich odnośników
Rys. 61 Zagęszczenia słowa „Hearthstone” na hearthcore.pl
Rys. 62 Efekty pozycjonowania hearthcore.pl
Rys. 63 Strona na facebooku - hearthcore.pl
Rys. 64 Serwis Twitch.tv
Rys. 65 Serwis youtube.com
Rys. 66 Serwis challenge.com
Rys. 67 Panel „Live Stream”
Rys. 68 Serwis hearthpwn.com
Rys. 69 Serwis liquidhearth.com
Rys. 70 Serwis zotac-cup.com
Rys. 71 Forum hsarena.pl
Rys. 72 Serwis hearthstone.net.pl
Rys. 73 Serwis esportcup.pl

58