Slides for training held at Wunder Turku office with co-operation of Ohjelmistoyrittäjät ry #mimmitkoodaa campaign.

1. DRUPAL PÄIVÄSSÄ
14.4.2018

2. TERVETULOA

3. OPEN SOURCE
UX DESIGN
HUGS
wunder.io

4. DRUPAL PÄIVÄSSÄ -WORKSHOP
Käymme läpi Drupalin keskeisimmät toiminnallisuudet käytännön harjoitusten kautta.
Koulutuksissa on paikalla kouluttajien lisäksi mentoreita, jotta harjoittelu olisi mahdollisimman tehokasta. Koulutukset
tapahtuvat toimistollamme. Päivään kuuluu aamiainen ja lounas sekä virvokkeita koko päivän. Oma läppäri mukaan.
1.
Figuring
out what
to build
TURKU
LA 14.4.
klo 10-16
1.
Figuring
out what
to build
HELSINKI
LA 28.4.
klo 10-16

5. BEST PEOPLE
We value the lifelong learning and love diversity
HONESTY
Being open and transparent to all stakeholders, internal & external - builds trust.
PASSION
We care deeply of what we do and especially how we do it.
EXPERIMENTATION
There is no one right way to do things, we share our learnings to keep improving.
PROFITABLE GROWTH
Growth enables spreading our culture and opens opportunities for our staff.

6. GERMANY
Munich
Berlin
UNITED KINGDOM
London
FINLAND
Helsinki
Turku
LATVIA
Riga
Valmiera
Rezekne
ESTONIA
Tallinn

7. KÄYTÄNNÖN
ASIAT
1. Virvokkeet
2. Kahvi
3. Wi-Fi
4. Vessa
5. Ulko-ovet
6. Lounas
7. Ilmanvaihto
8. Kurssin jälkeen

8. KURSSIN
SISÄLTÖ
1. Tervetuloa
2. Drupal
3. Sisällönhallinta
4. Sisällön listaaminen
5. Palvelun käyttö eri käyttäjillä
6. Lounas @ 13:30 - 14:30
7. Sisällön jäsentely
8. Sisällön ristiin linkittäminen

9. DRUPAL
Moduulit ja asennusprofiilit

10. DRUPAL ● Yksi suosituimmista
sisällönhallintajärjestelmistä
● Avoimen lähdekoodin ohjelmisto (kuka
tahansa voi osallistua kehittämiseen)
● Kuka tahansa voi ottaa käyttöön
ilmaiseksi

11. MODUULIT
● Moduulit ovat Drupaliin asennettavia
lisäosia
● Moduuleja on Drupalissa jo valmiina,
mutta yhteisön kehittämiä moduuleita
(ns. contrib-moduuli) voi ladata
drupal.org:ista tai moduulin voi
koodata itse (ns. custom-moduuli)
● Moduuli voi
○ laajentaa Drupalin olemassa
olevaa ominaisuutta
○ laajentaa toisen moduulin
ominaisuutta
○ lisätä kokonaan uuden
ominaisuuden tai
toiminnallisuuden (esim.
Webform – käyttäjien itse
tekemät lomakkeet)

12. ASENNUS-
PROFIILIT
“Install profiles”
● Määrittelee esiasennetut moduulit
● Määrittelee sivustolle valmiita
konfiguraatioita, kuten esim.
näkymiä/sisältölistauksia
● Drupalin mukana tulee kaksi: Standardi
ja Minimaalinen
● Asennusprofiileja voi ladata
Drupal.org:sta lisää

13. TEHTÄVÄ 1
Drupalin asennus

14. TEHTÄVÄ 1
Drupalin asennus
● Mene selaimella osoitteeseen
http://localhost
● Valitse asennuskieleksi suomi
● Valitse asennusprofiiliksi Standard
● Valitse tietokannan tyypiksi SQLite
● Seuraa näytöllä näkyviä ohjeita, asennus
pitäisi sujua muutaman minuutin
kuluessa

15. SISÄLLÖNHALLINTA
Entiteetit ja sisältö

16. ENTITEETTI-
TYYPPI
“Entity type”
● Entiteetin yläkäsite, määrittelee
entiteetin ominaisuudet
● Luodaan kirjoittamalla ohjelmakoodiin
luokka, joka määrittelee entiteettityypin
● Entiteettityyppiin voidaan määritellä
kenttiä
● Esimerkkejä: sisältö[sivu], taksonomia,
lohkot, käyttäjät, kommentit
https://www.drupal.org/docs/user_guide/en/glossary.html#glossary-entity-type

17. ENTITEETTI-
ALATYYPPI
“Entity subtype”
“Bundle”
● Entiteettityypin toteutus tai alaluokka
● Käyttäjä voi yleensä itse luoda uusia
entiteetin alatyyppejä Drupalin
hallintakäyttöliittymän kautta
● Sisällön alatyyppejä (l. sisältötyyppejä)
esimerkiksi artikkelit, blogikirjoitukset
● Taksonomian alatyyppejä (l. sanastoja)
vaikkapa eläimet, aihe, avainsanat
https://www.drupal.org/docs/user_guide/en/glossary.html#glossary-entity-subtype

18. ENTITEETTI
“Entity”
● Entiteettityypin (tai -alatyypin) edustaja
eli instanssi
● Kokonaisuus, joka sisältää siihen
liittyvän sisältö- tai konfiguraatiodatan
● Esimerkiksi: artikkeli[sivu], kuva,
sanastosana, kommentti
● Entiteettien data sisältää tyypillisesti
erilaisia kenttiä, kuten tekstiä
https://www.drupal.org/docs/user_guide/en/glossary.html#glossary-entity

19. SISÄLTÖ
“Content”
“Node”
● Tietoa, joka on tarkoitettu näytettäväksi
sivuna
● Jokaisella sisältösivulla on oma URL
osoite
● Sisältää tyypillisesti tekstiä ja kuvia
https://www.drupal.org/docs/user_guide/en/glossary.html#glossary-content

20. SISÄLTÖ-
TYYPPI
“Content type”
● Erityyppisiä sisältösivuja
● Esimerkiksi: blogikirjoitus, artikkeli,
tapahtuma
https://www.drupal.org/docs/user_guide/en/glossary.html#glossary-content-type

21. TEHTÄVÄ 2
Oman sisältötyypin luominen

22. TEHTÄVÄ 2
● Navigoi ylläpitovalikossa kohtaan
Rakenne → Sisältötyypit → Lisää
sisältötyyppi
● Olemme luomassa blogia ja
blogiartikkelille omaa sisältötyyppiä –
anna luotavalle sisältötyypille jokin
sopiva nimi
● Tallenna uusi sisältötyyppi, valmis!
● Muokkaamme sisältötyyppiä
myöhemmin tehtävässä 4 ja 5
● Navigoi kohtaan Sisältö → Lisää
sisältöä ja klikkaa äsken luomaasi uutta
sisältötyyppiä
● Lisää nyt testiksi ainakin yksi
blogikirjoitus uudella sisältötyypilläsi
○ Täytä otsikko- ja sisältökenttä ja
tallenna

23. SISÄLLÖN LISTAAMINEN
Näkymät

24. NÄKYMÄT
“Views”
● Tehdään muotoiltuja listoja datasta
● Voi koostua useammista
entiteettityypeistä
● Voidaan rajata tiettyyn määrään
● Erittäin tehokas ja monipuolinen
● Esimerkiksi: Uusimmat uutiset, suosituin
kuva, satunnainen kommentti, saman
aiheen artikkelit
https://www.drupal.org/docs/user_guide/en/glossary.html#glossary-view

25. TEHTÄVÄ 3
Etusivun näkymän luominen

26. TEHTÄVÄ 3
● Navigoi kohtaan Rakenne → Näkymät
→ Lisää näkymä
● Anna näkymälle sopiva nimi
● Kohdassa Näkymän asetukset
○ Valitse sisältötyyppi, jonka loit
aiemmassa tehtävässä
● Kohdassa Sivuasetukset
○ Valitse Luo sivu
● Anna sivulle otsikko ja määritä sille
polku
● Kohdassa Sivun näyttöasetukset
aseta näyttömuodoksi Muokkaamaton
lista / kokonaiset artikkelit
● Klikkaa Tallenna ja jatka
muokkaamista
○ Valmista tuli!

27. TEHTÄVÄ 3
Etusivun määritys
● Jotta näkymä toimisi etusivuna, on
sivustolle määritettävä etusivun polku
● Navigoi kohtaan Asetukset →
Järjestelmä → Sivuston
perusasetukset
● Osiossa Etusivu määritä oletusetusivun
poluksi sama polku, jonka määritit
äskeisen näkymän poluksi

28. PALVELUN KÄYTTÖ
ERI KÄYTTÄJILLÄ
Käyttöoikeudet, käyttäjäroolit ja kommentointi

29. KOMMENTTI
“Comment”
● Lähtökohtaisesti käytössä sisällöissä
● Konfiguroidaan sisältötyypin asetuksista
● Voidaan konfiguroida siten, että jonkun
tulee hyväksyä kommentit
● Voidaan myös käyttää muissakin
entiteeteissä (vaatii koodaamista)

30. KÄYTTÖ-
OIKEUS
“Permission”
● Määrittää mitä asioita Drupalissa
voidaan tehdä
● Käyttöoikeudet määritellään rooleittain
● Esimerkiksi. “Artikkelin muokkaaminen”,
“Kommentointi”
https://www.drupal.org/docs/user_guide/en/glossary.html#glossary-permission

31. KÄYTTÄJÄ-
ROOLI
“Role”
● Ennalta määritelty lista käyttöoikeuksia
● Liitetään käyttäjiin
● Käyttäjillä voi olla useita rooleja
● Drupalissa valmiiksi kaksi “pakkoroolia”:
kirjautumaton- ja kirjautunut käyttäjä
● Esimerkiksi. “Sisällön tuottaja”,
“Kommenttien tarkastaja”
https://www.drupal.org/docs/user_guide/en/glossary.html#glossary-role

32. TEHTÄVÄ 4
Kommenttien käyttöönotto

33. TEHTÄVÄ 4
● Navigoi kohtaan Rakenne →
Sisältötyypit
● Valise “Blogi artikkelit” rivistä
toimenpide “Hallitse kenttiä”
● Paina “+ Lisää kenttä”
● Kohdassa Lisää uusi kenttä
○ Valitse Kommentit
● Kohdassa Tunnus
○ Nimeä kentän nimi (esim.
“comment”)
● Navigoi kohtaan Käyttäjät
● Valitse välilehti Käyttöoikeudet
● Valitse “Lähetä kommentteja”
käyttöoikeus anonyymi käyttäjille
● Paina “Tallenna käyttöoikeudet”

34. LOUNAS

35. SISÄLLÖN JÄSENTELY
Luokittelu ja kentät

36. TAKSONOMIA
“Taxonomy”
● Käytetään yleensä sisältöjen ryhmittelyyn
● Taksonomia (entiteetti tyyppi) on jaettu eri
sanastoihin (entiteetti alatyyppi)
● Taksonomiassa entiteettiä kutsutaan termiksi
● Termit voivat olla sanastossa hierarkiassa sekä
tietyssä järjestyksessä
● Termi sivuilla listataan automaattisesti siihen
linkitetyt sisällöt (mikäli sisällöt ovat julkaistuja)
https://www.drupal.org/docs/user_guide/en/glossary.html#glossary-taxonomy

37. SANASTO
“Vocabulary”
● Termien entiteetti alatyyppi
● Esimerkiksi: Tagit, automerkit, värit,
paikkakunnat
https://www.drupal.org/docs/user_guide/en/glossary.html#glossary-vocabulary

38. KENTTÄ
“Field”
● Entiteettiin liitettävää dataa
● Dataa kerätään kentän “widgetillä”
● Dataa näytetään kentän “formatterilla”
● Esimerkiksi: Teksti, kuva tai referenssi
toiseen sisältöön
https://www.drupal.org/docs/user_guide/en/glossary.html#glossary-field

39. KENTTIEN
NÄYTTÖTAVA
T
“Field Formatter”
● Konfiguraatio siitä, millä tavalla data
näytetään
● Esimerkiksi: Iso kuva, pieni kuva
https://www.drupal.org/docs/user_guide/en/glossary.html#glossary-field-formatter

40. NÄYTTÖTAPA
“View mode”
● Sisältöä voidaan näyttää eri
näyttötavoilla
● Jokainen näyttötapa määrittää, miten
kenttien sisältö näytetään (järjestys,
kenttien otsikot, kenttien näyttötavat)
● Artikkelilla voi olla esimerkiksi
lyhennelmä (teaser) ja koko sisältö (full)
https://www.drupal.org/docs/user_guide/en/glossary.html#glossary-view-mode

41. TEHTÄVÄ 5
Luokittelu ja kenttien lisääminen

42. TEHTÄVÄ 5
Sanaston lisääminen
● Navigoi Rakenne → Luokittelu
● Paina “+ Lisää sanasto”
● Nimeä sanasto esim. “Aiheet”
● Tallenna sanasto
● Lisää sanastoon useita termejä,
esimerkiksi harrastuksia tai
mielenkiinnon kohteita

43. TEHTÄVÄ 5
● Navigoi Rakenne → Sisältötyypit
● Valitse Blogi artikkelin kohdalta
“Hallitse kenttiä” toimenpide
● Paina “+ Lisää kenttä”
● Valitse “Lisää uusi kenttä” kohdasta
“Luokittelutermi”
● Tunnus esim. “Aiheet”
● Paina “Tallenna ja jatka”
● Paina “Tallenna kentän asetukset”
● Valitse “Viittaustyyppi” osiosta
aiemmin nimetty sanasto, esim.
“Aiheet”
● Paina “Tallenna asetukset”

44. SISÄLLÖN RISTIIN
LINKITTÄMINEN
Lohkot ja näkymät

45. TEHTÄVÄ 6
Kolme uusinta blogi artikkelia -lohko

46. TEHTÄVÄ 6
● Navigoi kohtaan Rakenne → Näkymät
→ Lisää näkymä (Structure → Views →
Add view)
● Anna näkymälle sopiva nimi
● Kohdassa Näkymän asetukset
○ Valitse sisältötyyppi, jonka loit
aiemmassa tehtävässä
● Kohdassa Lohkon asetukset
○ Valitse Luo lohko
● Aseta elementtiä per lohko: 3
● Kohdassa Lohkon näyttöasetukset
aseta näyttömuodoksi HTML lista /
otsikot (linkitettynä)
● Paina Tallenna ja jatka
muokkaamista

47. TEHTÄVÄ 6
● Navigoi Rakenne → Lohkojen sijoittelu
● Sidebar first: “Sijoita lohko”
● Etsi äsken nimetty näkymä (esim.
Uusimmat artikkelit: Block) → Sijoita
lohko
● Paina Tallenna lohko
● Lopuksi Tallenna lohkot

48. ONNITTELUT!
OSAAT NYT DRUPALIA!