1. DrupalDay & Drupal Global Training Days Podstawy systemu DrupalStrona 1/158

2. Czym jest Drupal? Drupal to darmowy i udostpniany jako oprogramowanie open source system do zarzdzania treci (CMS) oraz content management framework (CMF) napisany w jzyku PHP i udostpniany na licencji GNU GPL. Drupal i moduy to zestaw klockw do budowania potrzebnych funkcjonalnoci. Nie znajdziesz tu gotowego moduu np. do ogosze sprzeday samochodw, ale bdziesz mg tak funkcjonalno atwo zbudowa.Strona 2/158 3. Statystyki uycia Drupala (1).rdo: http://trends.builtwith.com/cms Strona 3/158 4. Statystyki uycia Drupala (2).rdo: https://www.acquia.com/sites/default/files/attachments/drupal-govt-infographic-4.jpg Strona 4/158 5. Instalacja Drupala (1)Zainstaluj na swoim komputerze Apache, PHP i MySQL Pobierz najnowsz wersj systemu Drupal ze strony http://drupal.org/project/drupal (na dzie 2014-02-21 jest to wersja 7.26) i rozpakuj w katalogu Apache (www lub htdocs) Strona 5/158 6. Instalacja Drupala (2)Strona 6/158 7. Instalacja Drupala (3)Strona 7/158 8. Instalacja Drupala (4)Strona 8/158 9. Instalacja Drupala (5)cd [drupal] cd sites/default mkdir files cp default.settings.php settings.php chmod 777 files settings.php Strona 9/158 10. Instalacja Drupala (6)Strona 10/158 11. Instalacja Drupala (7)Strona 11/158 12. Instalacja Drupala (8) Tworzenie uytkownika w bazie danych i bazy danych: PHPMyAdmin->Uprawnienia->Dodaj nowego uytkownikaStrona 12/158 13. Instalacja Drupala (9)Strona 13/158 14. Instalacja Drupala (10)Strona 14/158 15. Instalacja Drupala (11)Strona 15/158 16. Instalacja Drupala (12)Strona 16/158 17. Instalacja Drupala (13)Strona 17/158 18. Struktura katalogw (1)Strona 18/158 19. Struktura katalogw (2) includes misc modules moduy z rdzenia Drupala profiles profile instalacyjne (domylnie Standard i Minimal) scripts sites w tym katalogu umieszcza si dodatkowe moduy i szablony all modules contrib moduy pobrane z www.drupal.org custom wasne moduy dedykowane tylko do tego projektu universal wasne moduy przenone midzy projektami dev moduy developerskie, ktre nie bd uywane na serwerze produkcyjnym themes themes szablony (skrki) z rdzenia Drupala cron.php plik uruchamiajcy okresowe zadania, np indeksowanie treci do wyszukiwarki, sprawdzanie aktualizacji, itp index.php gwny plik install.php plik instalacyjny update.php uruchom ten plik po aktualizacji rdzenia Drupala lub aktualizacji moduw Strona 19/158 20. Strona gwnaStrona 20/158 21. KonfiguracjaStrona 21/158 22. Lista moduwStrona 22/158 23. Instalacja moduu (1) Pobierz modu https://drupal.org/project/admin_menu i rozpakuj do sites/all/modules/contrib Pobierz modu https://drupal.org/project/l10n_update i rozpakuj do sites/all/modules/contrib drush dl admin_menu l10n_updateStrona 23/158 24. Instalacja moduu (2)Strona 24/158 25. Instalacja moduu (3)Strona 25/158 26. Instalacja moduu (4)Strona 26/158 27. Pobieranie moduw https://drupal.org/project/project_module http://drupalmodules.com/Strona 27/158 28. Strona projektu na drupal.orgStrona 28/158 29. Spolszczenie Drupala l10n_update (1) Na stronie admin/config/regional/language dodaj nowy jzyk Add languageStrona 29/158 30. Spolszczenie Drupala l10n_update (2)Automatyczne pobieranie plikw z tumaczeniami z serwisu http://localize.drupal.orgStrona 30/158 31. Spolszczenie Drupala l10n_update (3)Strona 31/158 32. Spolszczenie Drupala l10n_update (4)Strona 32/158 33. Tre Czym jest NODE? Node to pojedycza tre (np, jeden artyku lub jedna strona). Drupal dodaje do kadej takiej treci unikalny identyfikator (nid) Treci s podzielone na typy/rodzaje zawartoci (node types). Domylnie po instalacji standardowego profilu w Drupalu mamy 2 rodzaje zawartoci Article Basic Page Kady node ma tytu. W standardowym profilu instalacyjny domylnie te jest dodawane pole z treci (field_body) a dla Article take pole z tagami i wysyaniem obrazkw.Strona 33/158 34. Dodawanie pierwszej treci (node) (1) Przejd do strony : node/add Utwrz now tre typu Article Strona 34/158 35. Dodawanie pierwszej treci (node) (2)Strona 35/158 36. Dodawanie pierwszej treci (node) (3)Strona 36/158 37. Treci na domylnej stronie gwnejStrona 37/158 38. Article vs Basic page ArticleBasic pagePromowane na stronie gwnejTakNieKomentowanieWczoneWyczoneWywietlanie informacji o dacie i autorze treciWczoneWyczonePola (elementy w formularzu dodawania treci)Title Tags Body Image Title Body Strona 38/158 39. Nowy rodzaj zawartoci (1)Strona 39/158 40. Nowy rodzaj zawartoci (2)Strona 40/158 41. Nowy rodzaj zawartoci (3)Strona 41/158 42. Nowy rodzaj zawartoci (4)Strona 42/158 43. Nowy rodzaj zawartoci (5)Strona 43/158 44. Nowy rodzaj zawartoci (6)Strona 44/158 45. Tworzenie nowego pola (1)Strona 45/158 46. Tworzenie nowego pola (2)Strona 46/158 47. Tworzenie nowego pola (3)Strona 47/158 48. Tworzenie nowego pola (4)Strona 48/158 49. Tworzenie nowego pola (5)Strona 49/158 50. Tworzenie nowego pola (6) Strona node/add/carStrona 50/158 51. Tworzenie nowego pola (7)Strona 51/158 52. Lista zawartoci Strona /admin/contentStrona 52/158 53. wiczenie Dodaj pola do rodzaju zawartoci Samochd: Rozmiar silnika (field_engine_size): liczba cakowita, pole tekstowe Skrzynia biegw (field_gearbox): lista wyboru, opcje: manualna, automatyczna Liczba drzwi (field_door_count): lista wyboru, opcje: 2,3,4,5Strona 53/158 54. wiczenie (2)Strona 54/158 55. Taxonomy (1) Modu taxonomy pozwala na kategoryzowanie treci Struktura danych w module taxonomy Sownik 1 (vocabulary) Term 1 Subterm A Subterm B Term 2 Term 3 Kraj (vocabulary country) Polska Niemcy Francja Inne Po instalacji profilu standardowego domylnie tworzony jest jeden sownik o nazwie Tags, ktry jest powizany polem z rodzajem zawartoci ArticleStrona 55/158 56. Taxonomy (2)Strona 56/158 57. Taxonomy (3)Strona 57/158 58. Taxonomy (4)Strona 58/158 59. Taxonomy (5)Strona 59/158 60. Taxonomy (6)Strona 60/158 61. Taxonomy (7)Strona 61/158 62. Taxonomy (8)Strona 62/158 63. Taxonomy (9)Strona 63/158 64. Taxonomy (10)Strona 64/158 65. Style obrazkw (1) W rdze Drupala jest wbudowany modu do manipulacji obrazkami Mona automatycznie skalowa i przycina wysyane obrazki Domylnie po instalacji s w systemie 3 style obrazkw Style obrazkw mog by wykorzystywane przez inne moduy, np. FieldsStrona 65/158 66. Style obrazkw (2) Strona admin/config/media/image-styles/add tworzenie nowego styluStrona 66/158 67. Style obrazkw (3) Strona admin/config/media/image-styles/add tworzenie nowego styluStrona 67/158 68. Style obrazkw (4)Strona 68/158 69. Style obrazkw (5)Strona 69/158 70. Style obrazkw (6)Strona 70/158 71. Style obrazkw (7)Strona 71/158 72. Style obrazkw (8)Strona 72/158 73. wiczenie Dodaj nowy styl obrazka: 80x60 Ustaw go dla zdj w rodzaju zawartoci Article, ale tylko dla wersji skrconej (wywietlanej na stronie gwnej Drupala)Strona 73/158 74. Uytkownicy W Drupalu mona tworzy konta uytkownikw Kady uytkownik ma nazw, e-mail oraz numeryczny identyfikator (uid) Po instalacji w systemie mamy jednego uytkownika,dla ktrego uid = 1, jest to gwny administrator serwisu W Drupalu mona tworzy role (rangi) i przypisywa je do uytkownikw W Drupalu mona przypisywa uprawnienia do rl Strona 74/158 75. Uytkownicy role - uprawnienia Role (anonymous, authenticated, moderator, editor)Uytkownicy (admin, joe, steve)Uprawnienia (access user profiles, create article content, access comments)Strona 75/158 76. Role (1) Po instalacji w systemie s dostpne role: anonymous user niezalogowany uytkownik authenticated user kady zalogowany uytkownik administratorStrona 76/158 77. Role (2)Strona 77/158 78. UprawnieniaStrona 78/158 79. Dodawanie uytkownika (1)Strona 79/158 80. Dodawanie uytkownika (2)Strona 80/158 81. Dodawanie uytkownika (3) Strona /admin/peopleStrona 81/158 82. wiczenia Utworzy rol: car_moderator Przypisa do tej roli uprawnienia tworzenia, edycji i usuwania rodzaju zawartoci Samochd (car) Utworzy nowego uytkownika i przypisa mu rol car_moderator Przetestowa logujc si na konto nowego uytkownika czy uprawnienia dziaaj poprawnieStrona 82/158 83. Bloki (1) Blok w Drupalu to element, ktry moe by umieszczony w regionie. Regionami w wikszoci szablonw w Drupalu s: Lewa i prawa kolumna Nagwek Stopka Domylnie w Drupalu mamy dostpne m.in. nastpujce bloki Blok dla kadego menu Uytkownicy online Nowi uytkownicyStrona 83/158 84. Bloki (2)Strona 84/158 85. Bloki (3)Strona 85/158 86. Bloki (4)Strona 86/158 87. Bloki (5)Strona 87/158 88. Bloki (6)Strona 88/158 89. wiczenie Utwrz 2 nowe bloki i umie je w prawej kolumnie oraz w stopce stronyStrona 89/158 90. Menu (1)Strona 90/158 91. Menu (2)Strona 91/158 92. Menu (3)Strona 92/158 93. Menu (4)Strona 93/158 94. Menu (5)Strona 94/158 95. Menu (6)Strona 95/158 96. Menu (7)Strona 96/158 97. Szablony (1)Strona 97/158 98. Szablony (2)Strona 98/158 99. Instalacja szablonu (1) Pobierz szablon https://drupal.org/project/marinelli i rozpakuj go do katalogu sites/all/themesStrona 99/158 100. Instalacja szablonu (2)Strona 100/158 101. Instalacja szablonu (3)Strona 101/158 102. wiczenie Zainstaluj i wcz szablon https://drupal.org/project/kanjiStrona 102/158 103. Czym jest Views? Views jest kreatorem zapyta SQL, ktry pozwala na utworzenie poprawnych zapyta, wykonanie ich oraz wywietlenie wynikw zapytania Views moe by uywany do generowania raportw, podsumowania danych, galerii zdj oraz do wywietlania innych treci. Modu ma bardzo due moliwoci, nie wymaga rcznego pisania duych zapyta SQL.Strona 103/158 104. Instalacja moduu Pobierz modu ze strony http://drupal.org/project/views (wersja rekomendowana dla Drupala 7) Pobierz modu Chaos Tools suite (ctools) http://drupal.org/project/ctools W Drupalu 7 modu ten jest potrzebny do wczenia moduu Views (tej zalenoci nie byo w Drupalu 6) Rozpakuj moduy do katalogu sites/all/modules/contrib (dobr praktyk jest podzieli moduy z drupal.org oraz wasne i umieci je w osobnych katalogach) Wcz modu Views oraz Views UI przechodzc na stron admin/modules Strona 104/158 105. Tworzenie prostego widoku (1)Przygotuj testowe treci, ktre bd wywietlane w widokach: Utwrz 4 wpisy typu article Utwrz 4 wpisy typu page Strona 105/158 106. Tworzenie prostego widoku (2)Strona admin/structure/viewsStrona 106/158 107. Tworzenie prostego widoku (3)Strona admin/structure/views/addStrona 107/158 108. Tworzenie prostego widoku (4)Strona admin/structure/views/addStrona 108/158 109. Tworzenie prostego widoku (5)Strona 109/158 110. Tworzenie prostego widoku (6)Strona 110/158 111. Tworzenie prostego widoku (7) Treci w widoku mog by wywietlane jako pola (fields) lub jako cae wpisy (content). W przypadku cay wpisw mamy opcje wyboru wywietlania wersji penej (full node) lub skrconej (teaser)Strona 111/158 112. Tworzenie prostego widoku (8) Tre moe by wywietlana w rnej formie. Modu Views posiada 5 formatw wywietlania danych. Formaty te mona rozszerza za pomoc dodatkowych moduw (np. rozne moduy galerii dodaj do tej opcji dodatkowe formaty).Strona 112/158 113. Tworzenie prostego widoku (9) Obok etykiety FIELDS (POLA) jest przycisk dodawania nowych pl. W oknie dodawania jest lista dostpnych pl dla tego typu widoku. Lista pl jest zalena od typu widoku wybieranego w pierwszym kroku oraz od relacji dodanych do widoku.Strona 113/158 114. Tworzenie prostego widoku (10) Opcje dodawania polaStrona 114/158 115. Tworzenie prostego widoku (11) Dla kadego pola mona zdefiniowa tagi HTML oraz nada mu klasy CSS bez koniecznoci tworzenia plikw szablonwStrona 115/158 116. Tworzenie prostego widoku (12)Kade pole moe by nadpisane. W opcja nadpisywania pola mona uywa wzorcw podstawiania. Wzorce podstawiania to wszystkie pola, ktre znajduj si na licie pl ponad danym polem.Strona 116/158 117. Tworzenie prostego widoku (13) Po dodaniu pl mona atwo zmieni ich kolejno lub usun wybrane pola korzystajc z opcji rearrangeStrona 117/158 118. Tworzenie prostego widoku (14) Dla kadej strony utworzonej przez Views mona ustawi jej adres oraz umieci j w menuStrona 118/158 119. Tworzenie prostego widoku (15) Opcje filtrowania pozwalaj zawzi wywietlane treci wedug okrelonych kryteriw, np. tylko treci opublikowane lub tylko treci danego typu. Filtry mona czy ze sob.Strona 119/158 120. Tworzenie prostego widoku (16) Treci wywietlane przez widok mog by sortowane wedug rnych kryteriw, np. daty dodania, tytuu, daty aktualizacji, liczby komentarzy, itp.. Kryteria sortowania mona czy ze sob, np. wywietl najpierw treci przyklejone a kolejne posortuj wedug daty dodania.Strona 120/158 121. Tworzenie prostego widoku (17)Strona 121/158 122. Tworzenie prostego widoku (18)Strona 122/158 123. Ustawienia moduu Views (1)Strona admin/structure/views/settings Strona 123/158 124. Ustawienia moduu Views (2)Strona 124/158 125. wiczenia Zmodyfikuj widok Dodaj pola: autor, odnonik usuwania Utwrz nowy widok: name: Articles Style: HTML list Items per page: 10 Pager: mini pager Header information: List of all story nodes Fields: title, publication date Filter: node type story Published - yes Sort criteria: order by updated date (descending) Display: Page Menu: User menu URL: articles Strona 125/158 126. Bloki (1)Modu Views pozwala na tworzenie rnych typw wywietlania danych (display). Najczciej stosowanym typem, oprcz strony, jest blok. Po dodaniu bloku do widoku pojawi si nowa sekcja z ustawieniami dla bloku.Strona 126/158 127. Bloki (2) Zmiana ustawie iloci elementw wywietlanych w blokuStrona 127/158 128. Bloki (3) Zmiana formatu wywietlania danych dla blokuStrona 128/158 129. Bloki (4)Strona 129/158 130. Bloki (5)Strona 130/158 131. wiczenia W widoku Story dodaj blok: Ilo wpisw: 5 Pola: Tytu Doda opcj More linkStrona 131/158 132. Widok typu Users (1)Strona 132/158 133. Widok typu Users (2) Dodajc pola do widoku typu Users na licie dostpnych pl s inne opcje ni w przypadku widoku typu ContentStrona 133/158 134. Widok typu Users (3) Widok z list aktywnych uytkownikw w postaci tabeli.Strona 134/158 135. Widok typu Users (4) Zapytanie SQL generujce widokStrona 135/158 136. Widok typu Users (5) Widok z list aktywnych uytkownikw w postaci tabeli.Strona 136/158 137. wiczenia Zmodyfikuj widok z uytkownikami: Dodaj pole ze statusem uytkownika (aktywny/zablokowany) Usu filtr wywietlajcy tylko aktywnych uytkownikw Dodaj filtr: wywietl uytkownikw dodanych w ostatnich 7 dniachStrona 137/158 138. Exposed filters (1)Strona 138/158 139. Exposed filters (2)Strona 139/158 140. Exposed filters (3)Strona 140/158 141. Exposed filters (4) Filtrowanie zawartoci wedug rodzaju (typu)Strona 141/158 142. Exposed filters (5) Filtrowanie zawartoci wedug rodzaju (typu)Strona 142/158 143. wiczenia Doda filtr exposed: Filtrowanie wedug daty dodania, moliwo podania zakresu dat utworzenia zawartociStrona 143/158 144. Contextual Filteres (1) W Drupalu 6 opcja ta bya nazwana Argumenty Filtry kontekstowe to cz adresu URL, ktra pozwala na redukowanie listy wynikw zapytania.Strona 144/158 145. Contextual Filteres (2) W Drupalu 6 opcja ta bya nazwana Argumenty Filtry kontekstowe to cz adresu URL, ktra pozwala na redukowanie listy wynikw zapytania.Strona 145/158 146. Contextual Filteres (3) Dodanie opcji filtrowania wedug identyfikatora autora treciStrona 146/158 147. Contextual Filteres (4)Strona 147/158 148. Contextual Filteres (5)Strona 148/158 149. Contextual Filteres (6)Strona 149/158 150. Relationships (1) Relacje pozwalaj na czenie dwch lub wicej typw danych w widoku Relacja dodaje do zapytania SQL komend JOIN Przykad: aby wywietli nazwy plikw zdj dodanych do wpisw typu Article w widoku Articles naley doda relacj z plikami (File) Strona 150/158 151. Relationships (2) W widoku Articles dodaj relacj File Usage: FileStrona 151/158 152. Relationships (3)Strona 152/158 153. Relationships (4)Strona 153/158 154. Relationships (5)Strona 154/158 155. Relationships (6)Strona 155/158 156. wiczenia Do widoku Articles dodaj relacj Content: Author i dodaj nowe pola: Nazwa autora Data utworzenia konta autoraStrona 156/158 157. Zapraszamy na konferencj DrupalCamp Wrocaw Wstp bezpatny! www.drupalcampwroclaw.plStrona 157/158 158. Dzikujemy za uwagStrona 158/158