Serwis www. Spis treści. 1. Serwis www - portal informacyjny

Transkrypt

1 Serwis www Spis treści 1. Serwis www - portal informacyjny Serwis www - frontend Serwis www - mapa Serwis www - wersja mobilna Wykorzystywane technologie Działanie wersji mobilnej Serwis www - panel zarządzania Wymagania systemu Wordpress Role użytkowników oraz uprawnienia Opis bazy danych Grafiki strony www i aplikacji mobilnych Serwis www - portal informacyjny Dział opisuje serwis www jego użytkowanie i zastosowanie. Serwis www zostanie oparty na systemie Wordpress, którego kod źródłowy jest dostępny na otwartej licencji GPLv2. Wordpress jest elastyczną platforma do budowania wszelkiego rodzaju serwisów informacyjnych, dobrze znaną większości firm tworzących rozbudowane aplikacje webowe. Serwis w sposób graficzny wyświetli informacje ze znaków VMS oraz tablic informacji drogowej, będzie prezentował aktualny obraz pochodzący z kamer urządzeń monitoringu, a także przekazywał będzie dane o warunkach atmosferycznych pochodzących ze stacji meteorologicznych. Serwis www zintegruje również informacje dostępne w serwisie w zakresie informacji o czasie przejazdu, aktualnych informacji emitowanych na tablicach zmiennej treści, zdjęć z urządzeń monitoringu, danych meteorologicznych, alarmów pogodowych. 1 w 48

2 Dzięki rozbudowanemu panelowi zarządzania możliwe będzie zarządzanie wieloma aspektami strony oraz informacjami publikowanymi bezpośrednio na stronie. Dla zdefiniowanych przez Zleceniodawcę typów informacji serwis www wyświetli odpowiednio przygotowane elementy typu top, które w sposób dynamiczny będą prezentować informacje. 1.2 Serwis www - frontend Strona główna Jako pierwszy kontakt ze stroną, użytkownik zazwyczaj będzie wchodził na stronę główna, która zaprezentuje skrótowe informacje z wybranych działów. Informacje możliwe do wyświetlenia menu, w którego skład wchodzą: Link do strony Obraz z kamer Link do strony Dane meteorologiczne Link do strony Dane o ruchu Link do strony O systemie Link do RSS Każdy z elementów menu może być ukryty/usunięty, lub mogą zostać dodane dodatkowe elementy menu poprzez panel zarządzania stroną. Elementy statyczne i dynamiczne Strona główna serwisu www będzie miała możliwość wstawiania przez panel zarządzania elementów statycznych i dynamicznych o określonych w panelu zarządzania miejscach. Niektóre z elementów to Archiwum informacji (lista), Chmura tagów, Kalendarz umożliwiający przeglądanie informacji z konkretnego dnia, dostępne kategorie informacji, Strony zdefiniowane w panelu zarządzania, Tekst, dodatkowo będzie możliwość zdefiniowania i wyświetlenia dodatkowego menu. Aktualne informacje Na stronie głównej prezentowanie będą aktualne informacje z kategorii określonych w panelu zarządzania. Link do profilu na Facebook 2 w 48

3 Link do profilu na serwisie Facebook będzie przedstawiony w sposób graficzny tak, jak udostępniają to otwarte kody API pochodzące ze strony Strona Obraz z kamer Strona zaprezentuje użytkownikowi możliwość podglądu kamer monitoringu oraz kamer z systemów ZSSRwM, a także ISSRRP oraz z kamer dostępnych na stronie Każdy z podglądów będzie opisany datą i godziną, z której pochodzi obraz oraz lokalizacją jak również dodatkowymi informacjami jak np.: temperatura, jeśli takie dane będą dostępne. Dane meteorologiczne Strona wyświetli informacje o aktualnych warunkach atmosferycznych udostępnionych w ramach systemu ZSSRwM, ISSRRP i innych stacji ZDW w Krakowie oraz informacje o alarmach pogodowych. Dane o ruchu Strona wyświetli aktualne dane o czasach przejazdu na odcinkach dróg pochodzące z systemów ZSSRWM oraz ISSRRP. Strona będzie również służyć, jako przeglądarka danych archiwalnych o czasach przejazdu gdzie użytkownik poprzez dobór parametrów będzie mógł przeglądać czasy przejazdów na konkretnej trasie/odcinku. Przykład użycia #1 Użytkownik wchodzi na podstronę Dane o ruchu Serwisu www, Domyślnym widokiem są aktualne czasy przejazdów na dostępnych w systemie SCP trasach. Przykład użycia #2 i. Użytkownik wchodzi na podstronę Dane o ruchu Serwisu www, 3 w 48

4 ii. Domyślnym widokiem są aktualne czasy przejazdów na dostępnych w systemie SCP trasach. iii. Użytkownik wpisuje miasto w pole filtru iv. Serwis www wyświetla tylko trasy pasujące do podanego przez użytkownika filtru tj. trasy Jeśli wpisany przez użytkownika filtr eliminuje wszystkie trasy, Serwis www wyświetla stosowną informację v. Użytkownik dobiera dodatkowe parametry jak np.: dzień, miesiąc lub okres czasu od dnia do dnia vi. System w sposób tabelaryczny wyświetla zagregowane dane oraz wizualizuje je na mapie. Strona również będzie służyć, jako porównywarka danych archiwalnych dla określonego odcinka w danym okresie czasu. Przykład użycia #1 i. Użytkownik wchodzi na podstronę Dane o ruchu Serwisu www, ii. Domyślnym widokiem są aktualne czasy przejazdów na dostępnych w systemie SCP trasach. iii. Użytkownik wpisuje miasto będące składową trasy w pole filtru iv. Serwis www wyświetla tylko trasy pasujące do podanego przez użytkownika filtru tj. trasy Jeśli wpisany przez użytkownika filtr eliminuje wszystkie trasy, Serwis www wyświetla stronę informacyjną v. Użytkownik wybiera trasę/odcinek do porównania vi. Użytkownik powtarza kroki dla wszystkich tras/odcinków, które chce porównać vii. Użytkownik dobiera dodatkowe parametry jak okres czasu od dnia do dnia viii. Serwis www wyświetla porównanie danych archiwalnych. Link RSS 4 w 48

5 Informacje z kategorii będą mogły być udostępniane poprzez kanał RSS na stronach Serwisu www. Informacje W sekcji informacje, użytkownik będzie miał możliwość przeglądania informacji emitowanych na tablicach zmiennej treści dostarczonych. 1.3 Serwis www - mapa Mapy udostępnią szeroki wachlarz funkcjonalności dotyczących prezentowania urządzeń, tras i odcinków użytkownikowi. Trasy i odcinki zostaną zaznaczone na tle mapy wyróżniającymi się krzywymi, tak aby użytkownik bez problemu mógł rozróżnić odcinki objęte systemem od tych nie objętych systemem. Użytkownik będzie miał możliwość ograniczenia ilości wyświetlanych urządzeń poprzez odpowiednie przyciski zlokalizowane w pobliżu mapy np.: w sposób zaprezentowany na poniższym szkicu. Po kliknięciu na przycisk, lub opis typu urządzenia użytkownik będzie mógł włączać i wyłączać wyświetlanie elementów na mapie. 5 w 48

6 Jeśli użytkownik wybierze wyświetlanie danego typu urządzenia serwis www pozwoli na kliknięcie na danym punkcie reprezentującym urządzenie. Po akcji użytkownika (tj. kliknięciu w punkt) serwis www pokaże użytkownikowi dodatkowe informacje: - typ urządzenia - dostępne informacje np.: komunikat z tablicy zmiennej treści Serwis www wyświetli również informacje o czasach przejazdów dla zadanej trasy lub odcinka. Poszczególne odcinki w ramach interesującej użytkownika trasy będą oznaczone kolorami odwzorowującymi natężenie ruchu - jeśli takie dane będą dostępne - na danym odcinku: - kolor czerwony - duże natężenie ruchu - kolor pomarańczowy - średnie natężenie ruchu - kolor żółty - umiarkowane natężenie ruchu 6 w 48

7 - kolor niebieski - małe natężenie ruchu Ponad to po najechaniu przez użytkownika kursorem na dany odcinek w tabeli, odpowiadający odcinek na mapie zostanie wyróżniony. Na poniższym szkicu zaprezentowano zaznaczony odcinek #2 z czasem przejazdu 0:45 oraz równoważny mu odcinek na mapie (pogrubiony zielony odcinek) Serwis www pozwoli również na porównywanie danych o czasach przejazdów na danym odcinku/trasie z różnych okresów czasu. Użytkownik będzie mógł zaznaczyć interesujący go okres czasu np.: poprzez wybranie zakresu dat Użytkownik będzie miał również możliwość porównania czasów przejazdów z różnych dni niebędących jednolitym okresem czasu. 7 w 48

8 Użytkownik będzie mógł również dodawać nowe odcinki do aktualnie wybranego okresu czasu, oraz usuwać je z zestawu prezentowanych danych. 1.4 Serwis www - wersja mobilna Wersja mobilna serwisu www będzie realizowana na bazie tego samego wyglądu Wordpress co wersja dla komputerów stacjonarnych, wykorzystując możliwości przeglądarki internetowej do rozpoznawania rozdzielczości ekranu. Serwis www będzie realizowany za pomocą technik responsive web design oraz mobile first, których zasadami jest przygotowanie jednej strony www reagującej na zmiany rozdzielczości ekranu oraz przygotowanie wyglądu strony internetowej rozpoczynając budowę wyglądu od rozdzielczości typowych dla urządzeń mobilnych i rozbudowując możliwości tematu Wordpress wraz ze zwiększającą się rozdzielczością. 8 w 48

9 1.5 Wykorzystywane technologie Serwis www zbudowany będzie na dobrze znanych i sprawdzonych bibliotekach rozwiązujących konkretne problemy kompatybilności miedzy przeglądarkami. Framework CSS Serwis www będzie budowany na bazie gotowego frameworku CSS niwelującego różnice w domyślnym formatowaniu elementów HTML pomiędzy przeglądarkami oraz zapewniający podstawowe narzędzia do budowania strony www takie jak preformatowany, responsive grid, formularze, nawigacja, stronnicowanie, przyciski, inne komponenty. Preferowanym frameworkiem CSS jest Bootstrap ( lub Foundation ( Biblioteki JavaScript jquery jquery jest szybką, niewielką i bogatą funkcjonalnie biblioteką JavaScript pozwalającą na manipulacje elementami HTML (dom model), obsługa zdarzeń, animacji, wykonywanie asynchronicznych zapytań do serwera. Biblioteka niweluje różnice w silnikach interpretujących JavaScript pomiędzy różnymi producentami przeglądarek jak i pomiędzy poszczególnymi ich wersjami. Wtyczki jquery Dzięki bibliotece jquery możliwe jest budowanie niezależnych od siebie, ale mogących współpracować ze sobą bibliotek. Leaflet Leaflet jest biblioteką JavaScript do tworzenia aplikacji WWW wykorzystujących mapy obsługującą większość platform mobilnych i stacjonarnych. Modernizr 9 w 48

10 Modernizr jest biblioteką zapewniającą obsługę elementów zdefiniowanych w specyfikacji HTML5 takich jak tagi article, section w przeglądarkach nie zawierających obsługi tych elementów np.: IE Działanie wersji mobilnej Serwis będzie wykorzystywał składnię Media Query ( mediaqueries/) Kaskadowych Arkuszów Stylów i definiował będzie trzy zestawy stylów dla trzech różnych rozdzielczości ekranów: szerokość do 480px - przeznaczona dla telefonów typu smartphone, których rozdzielczość w pozycji pionowej nie przekracza 480px i. szerokość poniżej 768px - przeznaczona dla telefonów typu smartphone tabletów oraz komputerów stacjonarnych, które posiadają ekrany z szerokością nie przekraczającą 800px szerokość poniżej 992px - przeznaczona dla tabletów oraz komputerów stacjonarnych, które posiadają ekran z szerokością nie przekraczającej 1024px szerokość powyżej 992px - przeznaczona dla komputerów stacjonarnych oraz tabletów, których szerokość jest większa od 1024px. Przykładowe definicje media query: /* Małe urządzenia np.: telefony typu smartphone only screen and (min-width : 480px) { } /* Małe urządzenia np.: tablety only screen and (min-width : 768px) { } /* Małe urządzenia np.: komputery stacjonarne */ 10 w 48

11 @media only screen and (min-width : 992px) { } /* Duże urządzenia only screen and (min-width : 1200px) { } 1.7 Serwis www - panel zarządzania Opis modułów Panel zarządzenia systemu Wordpress jest podzielony na tematyczne sekcje pozwalające na zarządzanie serwisem www, a także użytkownikami i ustawieniami systemowymi. Kokpit Strona główna W skrócie, zapewnia szybki dostęp do wpisów, stron oraz komentarz. Aktualizacje Pozwala na aktualizacje wtyczek, tematów, oraz samego systemu Wordpress. Wpisy Wszystkie wpisy Lista wszystkich wpisów z opcjami możliwościami edycji, usuwania i działaniami masowymi (stosowanymi dla wszystkich zaznaczonych wpisów). Dodaj nowy Umożliwia dodawanie nowych wpisów i publikowania ich. Kategorie Zarządzanie kategoriami wpisów umożliwia dodawanie, edycję, usuwanie. 11 w 48

12 Tagi Zarządzanie tagami, umożliwia dodawanie, edycję i usuwanie. Media Biblioteka Umożliwia przeglądanie i administrowanie mediami, tj. zdjęciami, obrazami itp. Dodaj nowe Umożliwia dodawanie mediów, jak obrazy, pliki filmowe czy dźwiękowe. Strony Wszystkie Lista wszystkich stron, opublikowanych i nieopublikowanych z możliwością edycji/usuwania oraz działaniami masowymi stosowanymi dla wszystkich zaznaczonych stron. Dodaj nową Umożliwia dodawanie nowych stron i ich publikowania. Komentarze Zarządzanie komentarzami i systemem komentarzy. Wygląd Motywy Zarządzani motywami (wyglądem strony). Personalizacja Umożliwia modyfikacje i personalizacje motywu. Widgety Zarządzanie i konfiguracja widgetami tj. elementami statycznymi i dynamicznymi na stronie głównej oraz podstronach. Menu 12 w 48

13 Umożliwia tworzenie, modyfikowanie menu, tj. dodawanie elementów menu. Edytor Umożliwia edycję skryptów odpowiedzialnych za wyświetlanie motywu, wtyczek, oraz widgetów. Wtyczki Zainstalowane wtyczki Umożliwia przeglądanie zainstalowanych wtyczek, rozszerzających funkcjonalność serwisu www. Dodaj nową Umożliwia dodanie nowych wtyczek, rozszerzających funkcjonalność serwisu www. Edytor Umożliwia bezpośrednią edycję kodu źródłowego wtyczek. Użytkownicy System Wordpress posiada prosty system użytkowników oraz uprawnień, dlatego Użytkownicy mogą posiadać jedną z poniższych ról: Wszyscy użytkownicy Umożliwia przeglądanie listy użytkownika, zarządzanie użytkownikami oraz ich uprawnieniami. Dodaj nowego Umożliwia dodanie nowego użytkownika i zarządzenia jego uprawnieniami. Twój profil Pozwala na zarządzanie profilem użytkownika, takimi jak adres , wyświetlany podpis, awatar itp. Dostępne narzędzia Import 13 w 48

14 Udostępnia narzędzia do importowania treści z innych platform, np.: Blogger, czy poprzez RSS. Export Pozwala eksportować dane z serwisu. Ustawienia Udostępnia narzędzia pozwalające na zarządzania ustawieniami portalu. Ogólne Pozwala zarządzać tytułem serwisu www, ustawieniami strefy czasowej oraz domyślną rolą dla nowych użytkowników. Pisanie Ustawienia dotyczące pisania postów, tworzenia stron jak domyślna kategoria wpisu oraz domyślny typ wpisu. Czytanie Ustawienia dotyczące strony głównej, ilości wpisów na jednej stronie, oraz ustawień RSS. Dyskusja Ustawienia dotyczące komentowania, oraz moderacji komentarzy. Media Ustawienia dotyczące rozmiaru domyślnych rozmiarów obrazków wyświetlanych. Bezpośrednie odnośniki Ustawienia dotyczące sposobu generowania linków do stron, wpisów i innych elementów serwisu. 1.8 Wymagania systemu Wordpress System Wordpress do poprawnego działania wymaga: - Interpretera języka PHP w wersji lub wyższej - Bazy danych MySQL w wersji 5.0 lub wyższej 14 w 48

15 - Aplikacji serwera www Apache/Nginx, preferowane najnowsze stabilne wersje - moduł mod_rewrite w przypadku serwera www Apache lub komplementarny dla serwera Nginx System Wordpress System Wordpress jest oprogramowaniem pozwalającym na uruchomienie różnego rodzaju portali, których celem jest prezentowanie informacji. Wordpress jest systemem zbudowanym z wielu współpracujących ze sobą Interfejsów Programowania Aplikacji (Application Programming Interface- API) w całości znana jako Wordpress API, a w skład którego wchodzą: Dashboard Widgets API Dashboard Widgets API (dodane w WP 2.7) umożliwia przygotowanie modułów do panelu zarządzania oraz prezentowanie w nim danych. Wymagana jest wiedza z zakresu PHP oraz WordPress Plugin API. Database API Jest zestawem API, odpowiadających za poszczególne akcje w komunikacji z bazami danych. Options API API jest prostym i znormalizowany sposobem na zapisywanie i przechowywanie dodatkowych danych w bazie danych. API umożliwia łatwe tworzenie, dostęp, aktualizacje oraz usuwanie ustawień w wewnętrznym systmie opcji Wordpress. Wszystkie dane dodatkowe są przechowywane w tabeli wp_options pod określoną nazwą. Transients API WordPress Transients API, oferuje prosty i znormalizowany sposób przechowywania danych w pamięci bazy danych nadając im (danym) custom nazwy, oraz termin, po którym owe dane wygasają i mogą zostać usunięte.. Transients API jest bardzo podobne do Options API, ale z dodaną cechą czasu ważności, który ułatwia proces używając tabeli bazy wp_options do tymczasowego przechowywania informacji. 15 w 48

16 Metadata API Metadata API jest prostym i zunifikowanym sposobem pobierania i manipulowania meta danymi różnych typów obiektów np.: wpisów, stron. Metadane dla obiektu są reprezentowana przez proste pary klucz-wartość. Obiekty mogą zawierać wiele wpisów meta danych, które dzielą ten sam klucz, a różnią się jedynie wartościami. HTTP API W ramach PHP, istnieje wiele możliwych sposobów, aby wysłać żądanie HTTP. Dla uproszczenia, metody te będą dalej nazywane wspólnie jako "transport. Celem HTTP API jest wspieranie wiele z nich, za pomocą prostego interfejsu programowania, przez co ustandardowienia dostępu do transportu. Problemem rozwiązywanym przez HTTP API jest to, że różni dostawcy usług hostingowych obsługują różne transporty, a niektórzy mogą nie wspierać żadnej. HTTP API jest też próbą ujednolicenia API, w taki sposób, aby obsługiwał transporty w formie obiektowego API, ale są użyteczne funkcje, które mogą być wykorzystywane do abstrakcyjnego wykorzystania API. File Header API File Header API składa się z wszystkich funkcji i haków, które są częścią Wordpress API dotyczących stosowania nagłówki plików. W motywach Wordpress i wtyczkach używane są meta dane tzw. nagłówki zawierające m.in nazwę, wersję, autora i inne w odniesieniu do konkretnego motywu lub wtyczkę. Tematy Wordpress Wygląd strony www jest definiowany przez tematy strony www, dzięki którym możliwe jest całkowite dopasowanie wyglądu strony www do potrzeb klienta. Temat wordpress składa się z plików CSS, JavaScript obrazków, oraz plików php generujących strukturę HTML tematu. Lista podstawowych plików składających się na temat Podstawowe pliki, niezbędne do przygotowania tematu Wordpress: 16 w 48

17 style.css Kaskadowy arkusz stylu (CSS), który zawiera również meta dane opisujące temat Wordpress. rtl.css Kaskadowy arkuszu stylu (CSS) ładowany, gdy kierunkiem czytania tekstu jest od prawej do lewej. index.php Główny plik generujący bazową strukturę tematu. comments.php Szablon służący do wyświetlania komentarzy. home.php Szablon generowania strony głównej single.php Szablon generujący widok pojedynczej strony. single-{post-type}.php Szablon generujący widok pojedyńczej strony w zależności od typu strony, np.: dla strony typu typstrony przygotowany szablon powinien mieć nazwę single-typstrony.php. category.php Szablon generujący widok kategorii. tag.php Szablon generujący widok pojedynczego tagu taxonomy.php Szablon generujący widok dla zdefiniowanych przez administratora meta danych author.php Szablon generujący widok strony O autorze 17 w 48

18 archive.php Szablon służący do generowania widoku strony archiwum. search.php Szablon generujący stronę wyników wyszukiwania 404.php Szablon generujący strony błędu 404, dla każdego błędu serwera można zdefiniować osobny szablon. 1.9 Role użytkowników oraz uprawnienia WordPress używa pojęcia ról, mających dać właścicielowi strony możliwość kontroli tego, do jakich akcji użytkownik ma dostęp. Właściciel witryny może zarządzać dostępem użytkowników do takich zadań, jak pisanie i edycji postów, tworzenie stron, definiowanie linków, tworzenie kategorii, moderacja komentarzy, zarządzania wtyczek, zarządzanie tematami i zarządzanie użytkownikami, przypisując szczególną rolę każdemu z użytkowników. WordPress posiada sześć wstępnie zdefiniowanych ról: Super Administrator, Administrator, Redaktor, Autor, Współpracownik i Subskrybent. Każda rola może wykonywać szereg zadań o nazwie Uprawnienia. Istnieje wiele uprawnień, w tym "publish_posts", "moderate_comments" i "edit_users". Domyślny zestaw możliwości jest wstępnie przypisane do każdej roli, nowe role mogą być wprowadzone lub usunięte. Rola Super Administrator pozwala użytkownikowi wykonywać wszystkie możliwe funkcje. Każda z pozostałych ról ma mniejszą niż Super Administrator liczbę uprawnień. Na przykład, rola Subskrybent ma dostęp do uprawnień tylko do odczytu. Role nie powinny być rozpatrywane, jako hierarchiczna struktura, ale jako równoważne definicje obowiązków na stronie. Podsumowanie ról Super Administrator - rola posiadająca uprawnienia do modyfikacji wszystkich elementów serwisu www oraz możliwość zarządzania wieloma stronami w ramach instancji wordpress (jeśli skonfigurowane) 18 w 48

19 Administrator - rola posiadająca uprawnienia do modyfikacji wszystkich elementów serwisu www z wyłączeniem możliwości administrowania wieloma stronami w ramach instancji wordpress (jeśli zdefiniowane) Redaktor - rola z prawami do publikowania wpisów, komentarzy stron oraz zarządzania nimi. Autor - rola z prawami do publikowania wpisów, oraz zarządzania wpisami dla danego autora Współpraownik - rola z prawami do tworzenia postów, ale nie może ich publikoawć Subskrybent - rola może zarządzać tylko swoim profilem. Uprawnienia Super Administrator Redak Autor Współprac Subskryben Administrator tor ownik t manage_network Tak manage_sites Tak manage_network_users Tak manage_network_plugins Tak manage_network_themes Tak manage_network_options Tak unfiltered_html Tak activate_plugins Tak Tak create_users Tak Tak delete_plugins Tak Tak 19 w 48

20 delete_themes Tak Tak delete_users Tak Tak edit_files Tak Tak edit_plugins Tak Tak edit_theme_options Tak Tak edit_themes Tak Tak edit_users Tak Tak export Tak Tak import Tak Tak install_plugins Tak Tak install_themes Tak Tak list_users Tak Tak manage_options Tak Tak promote_users Tak Tak remove_users Tak Tak switch_themes Tak Tak update_core Tak Tak 20 w 48

21 update_plugins Tak Tak update_themes Tak Tak edit_dashboard Tak Tak moderate_comments Tak Tak Tak manage_categories Tak Tak Tak manage_links Tak Tak Tak edit_others_posts Tak Tak Tak edit_pages Tak Tak Tak edit_others_pages Tak Tak Tak edit_published_pages Tak Tak Tak publish_pages Tak Tak Tak delete_pages Tak Tak Tak delete_others_pages Tak Tak Tak delete_published_pages Tak Tak Tak delete_others_posts Tak Tak Tak delete_private_posts Tak Tak Tak edit_private_posts Tak Tak Tak 21 w 48

22 read_private_posts Tak Tak Tak delete_private_pages Tak Tak Tak edit_private_pages Tak Tak Tak read_private_pages Tak Tak Tak edit_published_posts Tak Tak Tak Tak upload_files Tak Tak Tak Tak publish_posts Tak Tak Tak Tak delete_published_posts Tak Tak Tak Tak edit_posts Tak Tak Tak Tak Tak delete_posts Tak Tak Tak Tak Tak read Tak Tak Tak Tak Tak Tak Widgety WordPress Widgety umożliwia dodawanie zawartość i możliwości do pasków bocznych. Przykładami są wzory domyślne, które pochodzą z WordPress; dla kategorii pocztowych, chmury tagów, nawigacji, wyszukiwania, itp. Wtyczki często umożliwiają dodawanie własne widgety. Widgety zostały pierwotnie zaprojektowane, aby zapewnić prosty i łatwy w użyciu sposób dając projekt i strukturę kontroli WordPress dla użytkownika, który jest obecnie dostępny na odpowiednio "widgetized" WordPress Themes zawiera nagłówek, stopkę oraz w innychkonstrukcja i struktura WordPress. Widgety nie wymagają doświadczenia kodu lub 22 w 48

23 doświadczenia. Mogą być dodawane, usuwane i uporządkowane na wygląd panelu WordPress Administracja> Widżety.Kolejność i rozmieszczenie jest ustawiony przez WordPress w pliku functions.php. Niektóre WordPress Widgety oferują dostosowanie opcji, takich jak formularze do wypełnienia, lub wyklucza danych i informacji, zdjęć, fakultatywnych i innych funkcji dostosowywania. Wtyczki Wordpress Wtyczki WordPress umożliwiają łatwą modyfikację, dostosowanie i wzmocnienie blogu WordPress. Zamiast zmieniać programowania rdzenia WordPress, możena dodać funkcjonalność z WordPress Plugins. Oto podstawowa definicja: WordPress Plugin: WordPress Plugin to program lub zestaw jedną lub więcej funkcji, napisany w języku skryptowym PHP, który dodaje określonego zestawu funkcji lub usług na blogu WordPress, który może być płynnie zintegrowany z bloga za pomocą dostępu punktów i metody przewidziane przez Program WordPress Plugin interfejsu aplikacji (API). Jeżeli WordPress miał jakieś nowe lub zmodyfikowane funkcjonalność pierwszą rzeczą do zrobienia jest sprawdzić różne repozytoria Plugin WordPress i źródeł, aby zobaczyć, czy ktoś już stworzył WordPress Plugin, który odpowiada Twoim potrzebom. Jeśli nie, to ten opis poprowadzi Cię przez proces tworzenia własnej WordPress Plugin. Stosowane optymalizacje (cache) W3 Razem Cache (W3TC) to najnowsza generacja w WordPress Wtyczki wydajności, łącząc badania organów tworzenie stron internetowych w celu zapewnienia optymalnego doświadczenia użytkownika na stronach WordPress. W3TC jest unikalny w jej zdolności do optymalizacji po stronie serwera i po stronie klienta, wydajność, dodając funkcjonalność inaczej niedostępne natywnie. Buforowanie strony: W3TC pomaga zmniejszyć czas reakcji poprzez tworzenie statycznych stron w wersji HTML, dzięki czemu serwery WWW, aby służyć im bez wywoływania PHP. Automatycznie aktualizuje pamięć podręczną, gdy komentarze są wykonane lub są edytowane strony. 23 w 48

24 Minification: Usuwa niepotrzebne znaki z HTML, CSS i plików JavaScript, a następnie łączy je odpowiednio przed zastosowaniem kompresji HTTP na buforowanych plików. Pamięć podręczna baza danych: Baza danych (kwerendy) są również obiekty w pamięci podręcznej, dzięki czemu wiele stron w celu zmniejszenia czasu potrzebnego do wytworzenia nowych stron. Jest to szczególnie przydatne w przypadku witryn, które otrzymują wiele komentarzy. Nagłówki: W3TC zarządza nagłówki (tag podmiot, Cache-Control, wygasa), które kontrolują buforowania plików w przeglądarkach internetowych, redukując obciążenie serwera i poprawę postrzeganej wydajność użytkownika. Content Delivery Network (CDN): Korzystanie z CDN pozwala "odciążyć" środków z konta hostingowego. W3TC przenosi prośby o zdjęcia, CSS, JavaScript i innych plików statycznych do sieci serwerów o wysokiej wydajności.serwer najbliżej użytkownika jest automatycznie używany do pobierania plików, zapewniając najszybsze pobrań. W3TC mogą być wykorzystywane do optymalizacji WordPress w obu środowiskach jedno-i wielo-serwerowych poprzez wspólną lub hostingu dedykowanego Opis bazy danych Baza danych użyta do projektu będzie MySql, jako popularna i wydajna transakcyjna baza danych umożliwiająca skalowanie w zależności od natężenia ruchu. Diagram Bazy dla Serwisu www Opis pochodzi ze strony 24 w 48

25 25 w 48

26 Przegląd tabel W podrozdziale zaprezentowane zostały tabele tworzone podczas instalacji systemu Wordpress oraz szczegółowy ich opis Nazwa tabeli Opis Relevant Area(s) of WordPress User Interface Każdy komentarz opisany wp_commentmeta jest za pomocą meta danych przechowywanych w tabeli wp_commentmeta. 1. Panel Komentarze > Komentarze wp_comments Wszystkie komentarze przechowywane są w tabeli wp_comments 1. Panel Komentarze > Komentarze wp_links Tabelala wp_links przechowuje informacje powiązane z linkami wprowadzanymi sekcji Linki w Panlu zarządzania. 1. Panel Linki > Dodaj nowy 2. Panel Linki > Linki 26 w 48

27 wp_options wp_postmeta Tabela przechowuje ustawienie, którymi można zarządzać z poziomu Panelu Zarządzania. Panel Ustawienia Każdy wpis opatrzony jest meta danymi przechowywanymi w tabeli wp_postmeta np.: dodatkowe informacje o wpisie 1. Panel Ustawienia > Ogólne 2. Panel Ustawienia > Pisanie 3. Panel Ustawienia > Czytanie 4. Panel Ustawienia > Dyskusja 5. Panel Ustawienia > Ustawienia prywatności 6. Panel Ustawienia > Bezpośrednie odnośniki 7. Panel Appearance > Widgety 1. Panel Posts > Dodaj nowy 2. Panel Pages > Dodaj nowy 27 w 48

28 wp_posts Tabla przechowuje wpisy, a także strony oraz elementy menu w tabeli wp_posts table. 1. Panel Posts > Dodaj nowy 2. Panel Posts > Posts 3. Panel Pages > Dodaj nowy 4. Panel Pages > Pages 5. Panel Media > Dodaj nowy 6. Panel Media > Library 7. Panel Appearance > Menus 28 w 48

29 wp_terms wp_term_relationships Kategorie oraz tagi dla wpisów, stron. Każdy wpis powiązany może być z kategoriami oraz tagami. Tabela stanowi powiązanie pomiędzy wpisem a jego kategoriami i tagami many-to-many. 1. Panel Posts > Post Tags 2. Panel Posts > Categories 3. Panel Linki > Link Categories 4. Panel Posts > Dodaj nowy 5. Panel Posts > Posts 6. Panel Pages > Dodaj nowy 7. Panel Page > Pages wp_term_taxonomy Tabela zawiera informacje taksonomiczne kategorii tagów, linków dla wpisów z tabeli wp_terms. 29 w 48

30 wp_usermeta wp_users Tabela przechowuje meta dane o użytkownikach. Tabela przechowuje informacje o użytkownikach. 1. Panel Users 1. Panel Users Szczegółowy opis tabel Tabela: wp_commentmeta Nazwa kolumny Typ Null Klucz Domyślna wartość Informacje dodatkowe meta_id bigint(20) unsigned PRI NULL auto_increment comment_id bigint(20) unsigned IND 0 FK->wp_comments.comment_id meta_key varchar(255) TAK IND NULL meta_value longtext TAK NULL Indeksy Nazwa klucza Typ Liczność Nazwa kolumny PRIMARTak PRIMARTak 0 meta_id comment_id INDEX none comment_id meta_key INDEX none meta_key 30 w 48

31 Tabela: wp_comments Nazwa kolumny Typ Null Klucz Domyślna wartość Informacje dodatkowe comment_id bigint(20) unsigned PRI NULL auto_increment comment_post_id bigint(20) unsigned IND 0 FK->wp_posts.ID comment_author tinytext comment_author_e mail varchar(100) comment_author_u rl varchar(200) comment_author_ip varchar(100) comment_date datetime :00:00 comment_date_gmt datetime IND & IND Pt :00:00 comment_content text comment_karma int(11) 0 31 w 48

32 comment_approved varchar(20) IND & Ind Pt1 1 comment_agent varchar(255) comment_type varchar(20) comment_parent bigint(20) unsigned 0 FK- >wp_comments.id user_id bigint(20) unsigned 0 FK->wp_users.ID Indeksy Nazwa klucza Typ Liczność Nazwa kolumny PRIMARTak PRIMARTak 1 comment_id comment_post_id INDEX None comment_post_id comment_approved_date_gmt INDEX None comment_approved comment_date_gmt comment_date_gmt INDEX None comment_date_gmt comment_parent INDEX None comment_parent Tabela: wp_links 32 w 48

33 Nazwa kolumny Typ Null Klucz Domyślna wartość Informacje dodatkowe link_id bigint(20) unsigned PRI NULL auto_increment link_url varchar(255) link_name varchar(255) link_image varchar(255) link_target varchar(25) link_description varchar(255) link_visible varchar(20) IND Tak link_owner bigint(20) unsigned 1 link_rating int(11) 0 link_updated datetime :00:00 link_rel varchar(255) link_notes mediumtext link_rss varchar(255) Indeksy 33 w 48

34 Nazwa klucza Typ Liczność Nazwa kolumny PRIMARTak PRIMARTak 7 link_id link_visible INDEX None link_visible Tabela: wp_options Nazwa kolumny Typ Null Klucz Domyślna wartość Informacje dodatkowe option_id bigint(20) unsigned PRI NULL auto_increment option_name varchar(64) option_value longtext autoload varchar(20) yes Indeksy Nazwa klucza Typ Liczność Nazwa kolumny PRIMARTak PRIMARTak 184 option_id option_name UNIQUE 184 option_name Tabela: wp_postmeta 34 w 48

35 Nazwa kolumny Typ Null Klucz Domyślna wartość Informacje dodatkowe meta_id bigint(20) unsigned PRI NULL auto_increment post_id bigint(20) unsigned IND 0 FK->wp_posts.ID meta_key varchar(255) TAK IND NULL meta_value longtext TAK NULL Indeksy Nazwa klucza Typ Liczność Nazwa kolumny PRIMARTak PRIMARTak 13 meta_id post_id INDEX 15 post_id meta_key INDEX 7 meta_key Tabela: wp_posts Nazwa kolumny Typ Null Klucz Domyślna wartość Informacje dodatkowe ID bigint(20) unsigned PRI & IND Pt4 auto_increment 35 w 48

36 post_author bigint(20) unsigned 0 FK->wp_users.ID post_date datetime IND Pt :00:00 post_date_gmt datetime :00:00 post_content longtext post_title text post_excerpt text post_status varchar(20) IND PT2 publish comment_status varchar(20) open ping_status varchar(20) open post_password varchar(20) post_name varchar(200) IND to_ping text pinged text post_modified datetime :00:00 36 w 48

37 post_modified_gmt datetime :00:00 post_content_filter ed longtext post_parent bigint(20) unsigned 0 FK->wp_posts.ID guid varchar(255) menu_order int(11) 0 post_type varchar(20) IND Pt1 post post_mime_type varchar(100) comment_count bigint(20) 0 Indeksy Nazwa klucza Typ Liczność Nazwa kolumny PRIMARTak PRIMARTak 2 ID post_name INDEX None post_name 37 w 48

38 post_type type_status_date INDEX None post_status post_date ID post_parent INDEX None post_parent post_author INDEX None post_author Tabela: wp_terms Nazwa kolumny Typ Null Klucz Domyślna wartość Informacje dodatkowe term_id bigint(20) unsigned PRI auto_increment name varchar(200) slug varchar(200) UNI term_group bigint(10) 0 Indeksy Nazwa klucza Typ Liczność Nazwa kolumny PRIMARTak PRIMARTak 2 term_id slug UNIQUE 2 slug 38 w 48

39 name Index none name Tabela: wp_term_relationships Domyś Nazwa kolumny Typ Null Klucz lna wartoś ć Informacje dodatkowe object_id bigint(20) unsigned PRI Pt1 0 term_taxonomy _id bigint(20) unsigned PRI Pt2 & IND 0 FK- >wp_term_taxonomy.term_taxonom y_id term_order int(11) 0 Indeksy Nazwa klucza Typ Liczność Nazwa kolumny PRIMARTak PRIMARTak 8 object_id term_taxonomy_id term_taxonomy_id INDEX None term_taxonomy_id Tabela: wp_term_taxonomy 39 w 48

40 Nazwa kolumny Typ Null Klucz Domyśln a wartość Informacje dodatkowe term_taxonomy_id bigint(20) unsigned PRI auto_increment term_id bigint(20) unsigned UNI Pt1 0 FK->wp_terms.term_id taxonomy varchar(32) UNI Pt2 description longtext parent bigint(20) unsigned 0 count bigint(20) 0 Indeksy Nazwa klucza Typ Liczność Nazwa kolumny PRIMARTak PRIMARTak 2 term_taxonomy_id term_id_taxonomy UNIQUE 2 term_id taxonomy taxonomy INDEX None taxonomy Tabela: wp_usermeta 40 w 48

41 Nazwa kolumny Typ Null Klucz Domyślna wartość Informacje dodatkowe umeta_id bigint(20) unsigned PRI NULL auto_increment user_id bigint(20) unsigned '0' FK->wp_users.ID meta_key varchar(255) Takes IND NULL meta_value longtext Takes IND NULL Indeksy Nazwa klucza Typ Liczność Nazwa kolumny PRIMARTak PRIMARTak 9 umeta_id user_id INDEX None user_id meta_key INDEX None meta_key Tabela: wp_users Nazwa kolumny Typ Null Klucz Domyślna wartość Informacje dodatkowe ID bigint(20) unsigned PRI NULL auto_increment user_login varchar(60) IND 41 w 48

42 user_pass varchar(64) user_nicename varchar(50) IND user_ varchar(100) user_url varchar(100) user_registered datetime :00:00 user_activation_key varchar(60) user_status int(11) 0 display_name varchar(250) Indeksy Nazwa klucza Typ Liczność Nazwa kolumny PRIMARTak PRIMARTak 1 ID user_login_key INDEX None user_login user_nicename INDEX None user_nicename 1.11 Grafiki strony www i aplikacji mobilnych Przykład pierwszy : 42 w 48

43 43 w 48

44 44 w 48

45 Przykład drugi : 45 w 48

46 46 w 48

47 Przykład trzeci : 47 w 48

48 48 w 48