# Dude Handbook (/)



### Mikä Handbook? [#mikä-handbook]

Selaat [Digitoimisto Dude Oy:n](https://www.dude.fi/) dokumenttia, jonka on tarkoitus toimia suunnannäyttäjänä uudelle ja vanhalle dudelle "mustaa valkoisella" -tyyppisenä ohjeistuksena toimintatavoista.

Ohjeistus määrittelee ja käsittelee Duden teknisiä ja ei-teknisiä asioita ja sen pyrkimys on käsitellä jokaista vaihetta ja työvälinettä prosessin alusta loppuun saakka. Tämä Handbook sisältää kaiken mitä sinun tarvitsee tietää Dudella työskentelemiseen.

Ohjeistuksia tulee noudattaa niin tarkkaan kuin tilanteissa on mahdollista. Dokumentointia kehitetään tarvittaessa.

### Pohja kaikelle toiminnalle [#pohja-kaikelle-toiminnalle]

Handbookia on pidettävä jatkuvan kehityksen alla, kuten Duden toimintaakin. Jos tekniikoissa, toimintatavoissa tai missä tahansa muussa Digitoimisto Dudeen liittyvissä asioissa huomataan ongelmakohtia, puutteita tai kehitettävää, on niihin puututtava. Asiat kirjataan ylös sitä mukaa kun niitä tulee mieleen.

Tämä handbook julkaistaan Markdownina ja muutoksia pystyy tekemään niin koodiin kuin tekstisisältöönkin koko Duden tiimin voimin.

### Vierailijalle [#vierailijalle]

Duden julkinen Handbook kertoo miten meillä tehdään asioita. Voit plärätä handbookin lähdekoodia myös [GitHubin](https://github.com/digitoimistodude/handbook.dude.fi) kautta ja esittää siellä korjausehdotuksia.


# Security Policy (/security-policy)



At Digitoimisto Dude Oy (Finnish limited company), we offer top quality hosting and upkeep for our clients. Most of them lack comprehensive knowledge of security or privacy issues. That's why we ask you to report the security issues directly to us.

After receiving a disclosure, we will let all affected customers know about that with all the necessary details included. If the disclosed issue is severe or the reporter asks us, we'll ensure that the client acknowledges receipt of the information directly to the reporter.

Please submit security and privacy risk or issue disclosures via mail to [security@dude.fi](mailto:security@dude.fi).

To protect our customers, we request that you do not publicly post or share any information about disclosed issues until we have researched, responded to, and addressed the reported issue and informed customers.

### Bounty price [#bounty-price]

We fully reserve the right to decide the amount of the bounty (usually from 10 to 50 $). Bounty payments with **PayPal only**.

### Not eligible security reports - no bounty [#not-eligible-security-reports---no-bounty]

The following things **are not** eligible for security reports, as we've taken **other precautions** to mitigate the possible problems:

* Systems that are not under our control, like [status.dude.fi](https://status.dude.fi/)
* Internal tools like Syncthing that have authentication page and are otherwise open to the public and secured in other ways
* Endpoints like gtag.dude.fi or APIs that do not require strong ciphers
* The lack of Certificate Authority Authorization (CAA)
* Plausible (analytics.dude.fi) upstream, please report these to [security@plausible.io](mailto:security@plausible.io)
* Open REST API /users/ endpoint
* Open author archives (user enumeration)
* Sites under subdomains that are not under our control or servers
* Public archived GitHub repositories
* Public repositories under our GitHub organisation ([github.com/digitoimistodude](https://github.com/digitoimistodude)), including findings derived only from reading their source
* Reveal.js based or any other repository for presentations
* Autoindex for [slides.dude.fi](https://slides.dude.fi)
* The lack of visible rate limits on forms
* The lack of certain max character limit in forms
* HSTS/HTTPS preloading, see [this](https://www.techtarget.com/searchsecurity/answer/Why-is-preloading-HTTP-Strict-Transport-Security-risky)
* Tabnabbing / target="\_blank" (see [this](https://www.dude.fi/uuteen-valilehteen-aukeavat-linkit), in Finnish)
* Vulnerabilities that have severity of very low, best practice or info, like clickjacking
* Info leakage like nginx version or leftover phpinfo
* [maamerkit.dude.fi](https://maamerkit.dude.fi/) or other temporary sites with embeds on them
* Fantasy or theoretical scenarios that need a physical access to our high security office space, high security data center, man-in-the-middle position or physical downgrade and exploit
* Disclosure or enumeration of content that is already public, such as post titles, IDs or post bodies, which is not a vulnerability


# Tekninen dokumentaatio (/tekninen-dokumentaatio)



Ylläpidimme tässä osoitteessa teknistä dokumentaatiota suomeksi aina vuoteen 2021 saakka, kunnes siirsimme kaiken tekniikan yhteen paikkaan ja yhdelle kielelle englanniksi Duden sisäiseen dokumentaatiopankkiin nimeltään **Internal Development Docs**.

Tähän dokumenttiin ei ole pääsyä julkisen domainin kautta, sillä vaikka koostamamme sisällössä on iso osa aivan avointa matskua, se sisältää myös jotakin tietoturva-aspektiltaan arkaluontoista tietoa, jota ei soisi julkaistavan. Jouduimme tekemään päätöksen, haluammeko julkaista osan avoimesti netissä, vai kaikki yhdessä paikkaa. Päädyimme päivittelyn helpottamiseksi keskittää kaikki suljettujen ovien taakse.

### Julkinen tekninen dokumentaatio [#julkinen-tekninen-dokumentaatio]

Teknistä dokumentaatiotamme löytyy onneksi myös kosolti [GitHubimme](https://github.com/digitoimistodude) ja [koodaustandardiemme](https://github.com/digitoimistodude/dude-coding-standards) alta.


# Avoimuus (/dude-handbook/avoimuus)



Dude on halunnut perustamisvuodestaan 2013 lähtien ottaa asiakseen olla mahdollisimman läpinäkyvä ja avoin ulospäin ja sitä kautta rehellinen. Tämä ei näy pelkästään teknisen puolen [lähdekoodin avoimuudessa](https://github.com/digitoimistodude) vaan kaikessa muussakin tekemisessä ja yrityksen kulttuurissa.

Voit jopa muokata [tätä sivua GitHubissa](https://github.com/digitoimistodude/handbook.dude.fi/blob/main/content/docs/dude-handbook/avoimuus.md), jos haluat (toki käymme muutoksen ensin läpi).

> Kaikki minkä voi, tulee julkaista open sourcena.

### Etkö löytänyt kysymykseesi vastausta? [#etkö-löytänyt-kysymykseesi-vastausta]

Järjestimme 15.1.2021 kaikkien aikojen ensimmäisen "Kysy meiltä" -teemapäivän, joka on Redditistä AMAna tunnettu formaatti. Kysymyksiä tuli yhteensä 122 kappaletta. Näiden kysymysten joukosta saattaa löytyä asioita, joita olet aina miettinyt. Katso AMAn vastaukset osoitteesta [dude.fi/ama](https://www.dude.fi/ama).

Olemme avanneet myös montaa arkeemme liittyvää aihetta [blogimme](https://www.dude.fi/blogi) puolella.

Jos jokin asia jäi näistäkin huolimatta vielä mietityttämään, ota yhteyttä [Twitterissä](https://twitter.com/dudetoimisto), [Facebookissa](https://www.facebook.com/digitoimistodude/), [sähköpostitse](mailto:moro@dude.fi) tai vaikkapa [verkkosivujemme](https://www.dude.fi/) chatin kautta


# Huoltotoimet ja ongelmat (/palvelimet/huoltotoimet-ja-ongelmat)



Hälytyksen tullessa Duden sysop-tiimi lähtee selvittämään SLA-sopimuksen puitteissa mikä palvelimella on vikana. Asiakkaisiin vaikuttavista katkoista ja häiriöistä ilmoitellaan aina asiakkaalle suoraan.

### Reaaliaikainen tilanne [#reaaliaikainen-tilanne]

Duden palvelinten reaaliaikaisen tilanteen, huoltokatkot ja muut ilmoitusluontoiset asiat näet osoitteesta [status.dude.fi](https://status.dude.fi/). Sivulta voit myös tilata ilmoitukset sähköpostiisi.


# Palvelimet (/palvelimet)



Me [Dudella](https://www.dude.fi/) uskomme, että verkkosivut ja palvelin kulkevat käsi kädessä. Hyvää laatua ei synny ilman molempia puolia. Jokainen verkkosivusto ansaitsee alleen toimivan moottorin. Alasta poiketen Dude hostaa ja ylläpitää palvelimiaan itse ilman varsinaista kumppania. Taka-alalla palvelee sysop-tiimin kyljessä Multim Oy:n datasalin vahdit.

### Sijainti [#sijainti]

Duden **WordPress-optimoidut** dedikoidut rautapalvelimet sijaitsevat fyysisesti [Multim Oy:n](https://www.multim.fi/) datacenterissä Ulvilassa, [Ficolo Oy:n/Vernen Suomen armeijan vanhaan peruskallioluolastoon rakennetussa korkean turvaluokituksen konesalissa](https://finland.verneglobal.com/fi/konesalit/the-rock/)

### Verkkokartta [#verkkokartta]

Duden verkon takaa neljä isointa Internet-palveluntarjoajaa. Jos yksi verkko kaatuu, ei koko infrastruktuuri jää tavoittamattomiin vaan voidaan hyödyntää toisen palveluntarjoajan verkkoa. **Private** [**vlan**](https://fi.wikipedia.org/wiki/Virtuaalil%C3%A4hiverkko) on Duden hopealuoti niin nopean suorituskyvyn, äärimmäisen tietoturvan kuin korkean tason saatavuudenkin osalta.

### Vastuullisuus [#vastuullisuus]

Duden palvelimet hyödyntävät [100% vihreää energiaa](https://www.dude.fi/vihreaa-hostingia-100-green-web-hosting). Tästä osoituksena Dudella on päästövapaan [Green Web Foundationin](https://www.thegreenwebfoundation.org/green-web-check/?url=https%3A%2F%2Fwww.dude.fi) virallinen sertifiointi.

### Rauta [#rauta]

Palvelimet on räätälöity perusteita myöten Multim Oy:n kanssa vuonna 2016 Duden tarpeisiin mahdollisimman sopivaksi, WordPress-optimoidusti ja suorituskyky edellä. Kehitys on jatkuvaa.

Rautapalvelimen sisällä on uusimmat suorittimet ja keskusmuistia niin paljon, että se ei lopu kesken. Virtuaalipalvelin hyödyntää SSD-levyjärjestelmää, joka on tavalliseen HDD:seen verrattuna huomattavasti nopeampi suorituskyvyltään.

### Palvelintekniikka [#palvelintekniikka]

Käyttöjärjestelmänä käytetään uusinta tuettua Ubuntu-serverijakelua, jossa ns. pitkän ajan tuki (LTS). Web-palvelintekniikkana toimii LEMP (Linux, Nginx + ngx-pagespeed, MariaDB, php-fpm), lähtökohtaisesti uusimmat versiot Nginxistä, MariaDB:stä sekä PHP:sta.

Välimuistituksessa on käytössä uusin [ngx-pagespeed](https://developers.google.com/speed/pagespeed/module), joka tekee lukuisia toimenpiteitä suoraan RAM-muistiin, kuten lazylaodaa, pakkaa ja muuntaa sivustojen kuvat uuden sukupolven webp-muotoon fallbackeineen, minifoi HTML:n, CSS:n, JS:n, kuvakkeet ja näin ollen nopeuttaa kaikkia sivustoja. Kannan välimuistituksessa WP:n sisäänrakennettujen transientien ja cache-pluginien lisäksi käytössä on palvelintasolla [Redis](https://redis.io/) ja [ngx\_http\_fastcgi\_module](https://nginx.org/en/docs/http/ngx_http_fastcgi_module.html).

### Päivitykset [#päivitykset]

WordPress-päivitykset hoidetaan joka **maanantai** ja **torstai** ja [WPSCAN](https://wpscan.org/)-tarkistukset ajetaan päivittäin WordPress-lisäosien haavoittuvuuksien varalta.

Palvelinten huoltoikkuna on joka kuukauden toinen tiistai. Lisää tietoa huolloista ja palvelinten tilasta löytyy osoitteesta [status.dude.fi](https://status.dude.fi/).

### Varmuuskopiot [#varmuuskopiot]

Varmuuskopiot otetaan aina ennen muutoksia dev-staging-production ympäristöjen välillä, yleisesti tuotannon tietokannoista (.sql) **tunnin välein**, koko sivuston snapshot eli tiedostot ja mediakirjastot (.zip) kerran päivässä. Varmuuskopiontisijainteja ovat ulkoinen verkkolevy, sisäinen verkkolevy sekä ulkoinen pilvipalvelu.

### Tietoturva [#tietoturva]

Palvelimille on asennettu lukuisia sovelluksia ja komponentteja, jotka seuraavat, tunnistavat ja estävät murtautumisia ja haavoittuvuuksia. Tämän lisäksi Dudella on erilaisia protokollia tietoturvan korkean tason säilyttämiseksi.

### Nimipalvelut ja domainit [#nimipalvelut-ja-domainit]

Dude on virallinen Traficomin verkkotunnusvälittäjä. Domaineissa Dude luottaa [Suomen viestintävirastoon](https://registry.domain.fi/) (.fi-domainit), [Namecheapiin](https://www.namecheap.com/) (.com, .net, .info ja muut ulkomaiset päätteet) sekä [iwantmynameen](https://iwantmyname.com/) (ulkomaiset ja erikoisemmat päätteet, esim. .business tai .coffee).

Nimipalvelimet (DNS) Dudelle tarjoaa [Cloudflare](https://www.cloudflare.com/).

### Sähköpostivälitys [#sähköpostivälitys]

Sähköpostiliikenteessä välittäjänä käytämme [Mailgunia](https://www.mailgun.com/).

### Aiheeseen liittyviä bloggauksia [#aiheeseen-liittyviä-bloggauksia]

[https://www.dude.fi/wordpress-optimoitu-palvelin](https://www.dude.fi/wordpress-optimoitu-palvelin)


# Monitorointi (/palvelimet/monitorointi)



### Duden monitorointistack: [#duden-monitorointistack]

* [Netdata](https://www.netdata.cloud/)
* [Better Stack](https://betterstack.com/)
* [Zabbix](https://www.zabbix.com/) (datasali)
* [Monit](https://mmonit.com/monit/)
* [Munin](https://munin-monitoring.org/)
* [fail2ban](https://github.com/fail2ban/fail2ban)
* [bash](https://fi.wikipedia.org/wiki/Bash)


# Päivitykset ja ylläpito (/palvelimet/paivitykset-ja-yllapito)



Dudelle on tärkeää, ettei pienikään sivusto jää mätänemään. Päivitykset suoritetaan jokaisen viikon maanantai ja torstai ([ManageWP](https://managewp.com/)). Ennen päivityksen suorittamista on katsottava Changelogista mitä päivitys pitää sisällään. Jos kyseessä on korjauspäivitys, voi päivityksen suorittaa ilman ennakkotarkistuksia.

Isompia päivityksiä varten otetaan aina tietokannasta varmuuskopio ennen päivittämistä. Automaattiset varmuuskopiot lähtevät kolmelle verkkolevylle joka yö, mutta silti otetaan paikallinen kopio omalle koneelle. Tarvittaessa tehdään rollback-toimenpiteet.

### Vanhan hostingin siirtäminen Duden ylläpitoon [#vanhan-hostingin-siirtäminen-duden-ylläpitoon]

Asiakkaalta tarvitaan siirtoa varten .fi -domaineista *välittäjänvaihtoavain*, ulkomaisista .com-domainista lukituksen poisto sekä *EPP Code*, eli siirtokoodi.

Uudet kotimaiset domainit varataan [Viestintäviraston](https://registry.domain.fi/) kautta suoraan, ulkomaiset domainit varataan [Cloudflarelta](https://www.cloudflare.com/) tai erikoisemmat TLD:t [iwantmyname.comin](https://iwantmyname.com/) kautta.

Jos asiakas haluaa pitää nimipalvelun ja/tai domainin itsellään, on asiakkaalle ilmoitettava IP-osoite A-recordien (@ ja www) päivittämistä varten. Vanhan sivuston varmuuskopionti voidaan myös tehdä, silloin asiakas toimittaa SFTP + MySQL -tunnukset vanhaan hostingpalveluunsa.

Sähköpostit voidaan myös siirtää Dudelle (G Suite) tarvittaessa siirtotyömaksua vastaan.


# Saavutettavuus (/saavutettavuus)



Dudelle saavutettavuus on perustamisvuodesta 2013 lähtien ollut erittäin tärkeä osa projektien workflowta. Toteutamme kaikki projektimme saavutettavuus mielessä pitäen. Sivujen tärkeimpien käyttötoimintojen täytyy toimia pääpiirteittäin näppäimistöllä ja sokeain lukulaitteilla, tämän perustoimivuuden varmistamme jo toteutusvaiheessa ilman erillistä mainintaa.

Asiakasprojekteissa pyritään lähtökohtaisesti WCAG 2.0 A-tason saavutettavuuteen, asiakkaan ja projektin sallimissa rajoissa. Jos projekti sen sallii, keskitytään myös tarkemmin laajemman saavutettavuuden ja inklusiivisuuden parantamiseen, esimerkiksi kontrastiasioihin WCAG 2.0 AA:n ja AAA:n puitteissa, lisätyönä auditoinnin kautta.

Saavutettavuuskäytäntömme ovat kehittyneet vuosien varrella kokemuksen myötä ja vuonna 2020 voimme sanoa tekevämme WCAG 2.0 AA-tason yhteensopivaa koodia teknisestä näkökulmasta. Saavutettavuuteen vaikuttaa kuitenkin moni muukin asia kuin koodi, kuten sisällössä olevien kuvien tekstikuvaukset, videoiden tekstitykset ja kuvailutulkkaus, visuaalisissa elementeissä käytetyt kontrastit, punaviher- ja värisokeusystävällisyys, liikkeen ja animaatioiden vähentämisen mahdollisuus, ja niin edelleen. Pyrimme omalta osaltamme kehittämään myös asiakkaan verkkosivujen saavutettavuutta.

Vuoden 2019-2020 aikana Dude on kehittänyt työkalujaan merkittävästi saavutettavampaan suuntaan. Olemme tehneet kattavia saavutettavuuteen liittyviä kehitystöitä mm. Suomen valtiolle ja näiden myötä päässeet uudistamaan teknistä pohjaamme useampaan kertaan saavutettavuuden näkökulmasta.

Duden omat sivut täyttävät WCAG 2.0 standardin saavutettavuuskriteerit. Tästä lisää saavutettavuusselostessa.

### Työkalut [#työkalut]

Saavutettavuustestaukseen käytetään seuraavia työkaluja:

* [Assistiv Labs](https://assistivlabs.com/)
* [axe for Google Chrome](https://chrome.google.com/webstore/detail/axe/lhdoppojpmngadmnindnejefpokejbdd)
* [pa11y](https://github.com/pa11y/pa11y)
* TalkBack, NVDA ja VoiceOver -ruudunlukijat
* Maalaisjärki


# Auditoinnit (/saavutettavuus/saavutettavuusauditoinnit)



Jotta (erityisesti vanhentunut) sivusto saataisiin täysin saavutettavaksi ja ajan tasalle saavutettavuuden WCAG-kriteeristön suhteen, täytyy suorittaa *saavutettavuusauditointi*. Saavutettavuusauditointi tarkoittaa käytännössä sitä että testaamme sivut läpi erilaisilla laitteilla niin normaaleilla kuin apuvälineilläkin, kuten ruudunlukulaitteilla.

Auditointi sisältää lakisääteisesti tärkeimpien sivujen arvioinnin Firefox-, Chrome- ja Safari- selaimilla ja tarvittaessa muilla selaimilla joidenkin yksityiskohtien tarkastamista varten. Apuvälinetestaus toteutetaan tietokoneella macOS:n ruudunlukuohjelma VoiceOverilla ja mobiilisovellus Androidin TalkBack-ruudunlukijalla sekä muutamilla hyväksi havaituilla työkaluilla (AssistivLabs, SiteImprove, aXe, ASLint, Tota11y, WAVE). Saavutettavuusongelmista ja tehtävistä asiakkaalle toimitetaan kattava raportti PDF-muodossa.

Varsinaisten saavutettavuusasioiden toteutus sivustolle on vielä erillinen työ, joka arvioidaan erikseen könttänä tai voimassa olevalla tuntihinnalla.

Etuna saavutettavuusraportin tilaamisessa Dudelta on se, että saamme raportista tehtävät suoraan työstöön. Jos auditointiraportti tulee joltain muulta firmalta, joudumme kuitenkin käymään sen läpi ja listaamaan tehtävät ylös, johon kuluu vähintään yksi työpäivä laskutettavaa työtä.

Tarvittaessa päivitetään vain saavutettavuusseloste vastaamaan sivuston puutteita, jotka tullaan huomioimaan myöhemmin.


# Saavutettavuusseloste (/saavutettavuus/saavutettavuusseloste)



### Dude.fi [#dudefi]

Digitoimisto Dude Oy pyrkii takaamaan Dude.fi -sivustokokonaisuuden saavutettavuuden digitaalisten palvelujen tarjoamista koskevan lain 306/2019 mukaisesti.

Saavutettavuusseloste koskee Dude.fi -sivustoa, joka koskee useampia alasivuja ja käsittää myös handbook.dude.fi -kokonaisuuden.

### Vaatimusten täyttäminen [#vaatimusten-täyttäminen]

Dude.fi -verkkosivustot täyttävät [Lain digitaalisten palvelujen tarjoamisesta 306/2019](https://www.finlex.fi/fi/laki/alkup/2019/20190306) vaatimukset osittain. Vaatimusten noudattamatta jättämiset mainitaan alla kohdassa Ei-saavutettava sisältö.

### Ei-saavutettava sisältö [#ei-saavutettava-sisältö]

* Footerin alaosan tekstin kontrasti 3.84:1
* Hyppylinkin kohdistukset sisältöön eivät kaikkialla toimi
* Kolmannen osapuolen palvelut (Crisp live chat) sisältävät joitakin ongelmia, joihin emme voi vaikuttaa
* Takaisin ylös -linkki käyttäytyy epäjohdonmukaisesti eri alueiden päällä eri resoluutioilla ja on kyseenalainen saavutettavuuden näkökulmasta
* Vanhat blogitekstit sisältävät informatiivisia kuvia, joissa ei ole alt-kuvausta
* Blogauksissa on videosisältöjä, joille ei ole tekstivastineita
* Aria-landmarkeissa sekä nappien toiminnoissa on puutteellisuutta
* Lomakelisäosassa (Gravity Forms) on joitakin pieniä saavutettavuusongelmia, joihin emme voi vaikuttaa (joskin [WCAG 2.0 form fields for Gravity Forms](https://wordpress.org/plugins/gravity-forms-wcag-20-form-fields/) korjaa 99% ja Gravity Formsiin on tulossa päivitys, joka korjaa loput)
* Sivuston uusimpia muutoksia ei ole testattu saavutettavuuden osalta riittävästi

### Saavutettavuusselosteen laatiminen [#saavutettavuusselosteen-laatiminen]

Seloste on tehty 22.10.2020. Sitä on päivitetty 10.11.2020.

Seloste on koottu Duden sisäisen asiantuntija-arvion pohjalta. Arviossa esiin tulleet puutteet ja kehittämiskohteet saavutettavuuteen on korjattu tai korjataan ensi tilassa edellä mainitun mukaisesti.

### Palaute ja yhteystiedot [#palaute-ja-yhteystiedot]

Huomasitko saavutettavuuspuutteen? Ilmoita siitä meille! Pyrimme korjaamaan ongelman ensi tilassa! Voit ottaa yhteyttä sähköpostilla tai soittamalla.

* Puhelin: [040 835 1033](tel:0408351033)
* Sähköposti: [tuki@dude.fi](mailto:tuki@dude.fi)

Dude.fi alla olevien sivustojen saavutettavuudesta vastaa [teknologiajohtaja Roni Laukkarinen](https://www.dude.fi/dudet/roni). Muun tiimin ajantasaiset yhteystiedot löytyvät [yhteystietosivulta](https://www.dude.fi/yhteystiedot).

### Täytäntöönpanomenettely [#täytäntöönpanomenettely]

Jos huomaat sivustolla saavutettavuusongelmia, anna ensin palautetta sivuston ylläpitäjälle. Vastauksessa voi kulua useampi vuorokausi. Jos et ole tyytyväinen saamaasi vastaukseen tai et saa vastausta lainkaan kahden viikon aikana, voit antaa palautteen Keski-Suomen aluehallintovirastoon. Keski-Suomen aluehallintoviraston [saavutettavuusvaatimukset.fi](https://www.saavutettavuusvaatimukset.fi/)-sivustolla kerrotaan, miten valituksen voi tehdä ja miten asia käsitellään.

* [saavutettavuusvaatimukset.fi-verkkosivut](https://www.saavutettavuusvaatimukset.fi/)
* Sähköposti: [saavutettavuus@avi.fi](mailto:saavutettavuus@avi.fi)
* Vaihde: [0295 016 000](tel:0295016000)


# Aloittaminen (/tyoskenteleminen-dudella/aloittaminen)



Tälle sivulle on koottu alusta asti asiat, joita pitää tehdä työnteon alkaessa ensimmäistä kertaa. Aloita tästä. Kun olet saanut työkoneesi purettua paketista, tarvitset alla olevat asiat.

### Tunnukset, jotka vaativat kutsun [#tunnukset-jotka-vaativat-kutsun]

Ylläpitäjä kutsuu näihin palveluihin:

* [Google Workspace -sähköpostiosoite](https://admin.google.com/)
* [1Password](https://www.1password.com/)
* [Height](https://height.app)
* [Timely](https://timelyapp.com)
* [GitBook](https://app.gitbook.com/)
* [Slack](https://dudet.slack.com/)

### Luo itse tunnukset [#luo-itse-tunnukset]

Näihin paikkoihin voit luoda itse tunnukset:

* [Simplenote](https://simplenote.com/)

### Muut tunnukset [#muut-tunnukset]

Yhteisiin tunnuksiin kuten [Envato Elementsiin](https://elements.envato.com/) löytyy tunnukset 1Passwordin yhteisestä Dude-vaultista. Näihin ei tarvitse kiinnittää alussa huomiota.

### Asennettavat ohjelmat [#asennettavat-ohjelmat]

Tärkeimmistä ohjelmista on avattu lisää osiossa [tyokalut.md](tyokalut.md "mention"). Asenna kuitenkin seuraavat (MacOS päivitysten jälkeen):

* [Google Drive](https://support.google.com/drive/answer/7329379?sjid=6647561413202587078-EU\&hl=fi)
* [Height](https://height.app)
* [Figma](https://www.figma.com/)

### Koodarille [#koodarille]

Koodarin työkalut ja säädöt löytyvät [sisäisistä kehittäjän doceista (vaatii kutsun)](https://app.gitbook.com/s/VVikkYgIZ9miBzwYDCYh/getting-started/first-day-at-work).

### Asiakaspalvelijalle / markkinoijalle [#asiakaspalvelijalle--markkinoijalle]

Aspassa ja markkinoinnissa focus on chat- ja tikettityökalussa, blogissa, somessa ja sähköpostiliikenteessä.

* [Help Scout](https://www.helpscout.com/)
* [Dude.fi -blogi](https://www.dude.fi/blogi)
* [ahrefs](https://ahrefs.com/)
* Uutiskirjetyökalu
* Somepalvelut

### Ylläpitäjälle [#ylläpitäjälle]

Ylläpitäjä elää WordPress-hallintapaneeleissa ja palvelinten komentoriveillä.

* [FileZilla](https://filezilla-project.org/)
* [ManageWP](https://orion.managewp.com/dashboard/)
* [Palvelintunnukset](https://handbook.dude.fi/palvelimet)
* [Better Uptime](https://status.dude.fi/)
* [Verkkotunnusvälittäjän tunnus](https://registry.domain.fi/s/)
* [Namecheap](https://www.namecheap.com/)
* [iwantmyname](https://iwantmyname.com/)
* [Cloudflare](https://www.cloudflare.com/)

### Yleiset macOS ohjelmasuositukset [#yleiset-macos-ohjelmasuositukset]

Macin ohjelmia voi asentaa ja tarvittaessa myös ostaa oman maun mukaan. Ohjelmia löytyy esimerkiksi [awesome-macos](https://github.com/jaywcjlove/awesome-mac) -listauksen alta. Duden käytössä on mm. seuraavia:

* [Moom](https://manytricks.com/moom/)
* [PixelSnap](https://getpixelsnap.com/)
* [Clean](https://rinik.net/clean/)
* [Magnet](https://magnet.crowdcafe.com/)
* [Hidden Bar](https://github.com/dwarvesf/hidden) / [Bartender](https://www.macbartender.com/)
* [Contrast](https://usecontrast.com/)
* [f.lux](https://justgetflux.com/)
* [Dropshare](https://dropshare.app/) / [Shottr](https://shottr.cc/)
* [DaisyDisk](https://daisydiskapp.com/)
* [HazeOver](https://hazeover.com/)
* [itsycal](https://www.mowglii.com/itsycal/)
* [iStat Menus](https://bjango.com/mac/istatmenus/)
* [Keka](https://www.keka.io/en/)


# Asiakaspalaverit ja aloitustyöpaja (/tyoskenteleminen-dudella/asiakaspalaverit-ja-aloitustyopaja)



Duden tapa pitää asiakaspalavereita on epäformaalin rento, mutta puhtaan ammattimainen. Asiakaspalavereissa muistetaan antaa suunvuoro toiselle ja pyritään kuuntelemaan niin asiakasta kuin kanssatyöskentelijääkin.

Asiakkaalle ollaan rehellisiä kaikissa asioissa. Lähtökohtana tehdään mitä sanotaan ja sanotaan mitä tehdään. Pyritään puolin ja toisin olemaan joustavia ja reagoimaan tilanteisiin siten, että lopputulos olisi mahdollisimman laadukas ja palvelisi asiakkaan tavoitteita.

Palavereja **ei sovita** ilman agendaa, eikä turhia palavereja pidetä.

## Aloitustyöpaja [#aloitustyöpaja]

Projekti käynnistetään aloitusmäärittelyllä, jossa käydään läpi asiakkaan tavoitteet, toiveet sekä muut tarjouksessa esitetyt asiat.

Workshopin toivotaan pidettävän Duden toimistolla ja siihen on hyvä varata aikaa yksi kokonainen työpäivä. Osallistujamääränä optimi on 2-3 henkilöä asiakkaan puolelta sekä 2 henkilöä Dudelta.

### Uudistuksen tavoitteet [#uudistuksen-tavoitteet]

Workshop on oiva startti molemmille osapuolille, sillä sen aikana sovitaan myös uudistuksen tarkempi sisältö, aikataulut ja tehtäväjako. Näin osapuolille saadaan yhteinen käsitys mitä tehdään, miten tehdään ja milloin tehdään.

Tavoitteiden asettaminen on erittäin tärkeä vaihe koko workshopin sujuvuuden kannalta, sillä kaikkien päätösten pitää tukea tavoitteita.

### Kohderyhmiin tutustuminen [#kohderyhmiin-tutustuminen]

Asiakas esittelee yrityksen kohderyhmät.

### Nykytilanne ja sen ongelmakohdat [#nykytilanne-ja-sen-ongelmakohdat]

Tutustutaan nykyiseen sivustoon, visuaalisiin seikkoihin sekä näiden ongelmakohtiin. Missä mättää ja miksi?

### Benchmark – kilpailijat & muut hyvät sivustot [#benchmark--kilpailijat--muut-hyvät-sivustot]

Tutustutaan kilpailijoihin ja muihin visuaalisesti tai rakenteellisesti miellyttäviin sivustoihin. Mitä voidaan tehdä paremmin kuin he?

### Ratkaisuiden löytäminen ja uusi sivukartta [#ratkaisuiden-löytäminen-ja-uusi-sivukartta]

Löydetään ratkaisut ongelmakohtiin ja mietitään yhdessä uusi sivukartta, joka tukee tavoitteita ja palvelee kohderyhmiä parhaimmalla mahdollisella tavalla.

### Toiminnallisuuksien määrittäminen [#toiminnallisuuksien-määrittäminen]

Päätetään mitä teknisiä toiminnallisuuksia uusi sivusto pitää sisällään. Mitä on pakko olla julkaisussa mukana?

### Yhteenveto [#yhteenveto]

Workshopin jälkeen saat puhtaaksi kirjoitetun memon, sivukartan, aikatauluehdotuksen ja tehtävälistan projektin jatkoa ajatellen.


# Asiakaspalvelu ja tuki (/tyoskenteleminen-dudella/asiakaspalvelu-ja-tuki)



Dudelle **asiakaslähtöisyys** on ykkösjuttu. Asiakkaalle vastataan ystävällisesti, ottaen asiakkaan toiveet ja tarpeet huomioon. 90% asiakaspalvelusta on teknistä tukea ja vaikka asiakas olettaa, että vastassa on tekninen henkilö, on puhuttava asiakkaan ymmärrettävää kieltä.

Asiakaspalvelu/tuki hoidetaan pääasiassa sähköpostitse.

> \[!NOTE]
> Teknistä tukea saa meiltä nopeammin kuin puhelinsoitolla. Lähetä siis aina viestiä [tuki@dude.fi](mailto:tuki@dude.fi), jos kaipaat tekemällemme sivustolle tukea tai tulee idea uudesta ominaisuudesta, tai mitä hyvänsä. Viesti tavoittaa kerralla koko pienkehitystiimimme.

### Vasteajat [#vasteajat]

Meiltä saat nopeasti vastauksen. Usko pois.

### **Ylläpitoasiakkaat** [#ylläpitoasiakkaat]

Sähköposteihin pyritään vastaamaan samana päivänä ja asia pyritään hoitamaan vuorokauden sisään. Mikäli asia on yli puolen tunnin operaatio ja kuukaudessa on tehty jo kohtuullinen määrä päivityksiä sivustolle, kommunikoidaan tarvittaessa lisätyöstä ja aikataulutetaan työ erikseen. Sovitusta aikataulusta ei tule poiketa, vaikka asiakas ei asiaa erityisemmin huomioisikaan. Ylläpitoasiakkailla on oman WordPress-sivuston Ohjausnäkymässä helppo tapa lähettää tukitiketti asiakaspalvelukanavaan.

### **Ulkopuolisessa hostingissa olevat asiakkaat** [#ulkopuolisessa-hostingissa-olevat-asiakkaat]

Sähköposteihin pyritään vastaamaan samalla innolla ja ripeydellä kuin ylläpitoasiakkaillekin, mutta sillä erotuksella, että viestittelyä lukuunottamatta kaikki on laskutettavaa työtä.

Hienovaraisesti muistutetaan ylläpitopaketistamme tarvittaessa niitä, joilla on tiuhempaan päivitystarpeita, ajatellen asiakkaan omaa etua.

Tehtävät delegoidaan sille, jolla on paras tietämys kyseessä olevasta asiasta ja jolta tehtävän suorittaminen käy vaivattomimmin. Tärkeintä on siis kommunikointi.

Tehtävät hoidetaan lähtökohtaisesti FIFO-mallin mukaisesti (*First In, First Out*).


# Ilmapiiri ja työrauha (/tyoskenteleminen-dudella/ilmapiiri-ja-tyoerauha)



Duden primitiivisestä ja tulehtuneesta huumorista huolimatta pyritään antamaan työrauha kaikille.

🎧 Kuulokkeet päässä tarkoittaa: **Älä häiritse**. Silloin laitetaan viestiä Slackin kautta.

Kysy asia suoraan, älä kysy voisiko kysyä.

Jos henkilö on Lounge-tilassa, häntä saa silloin häiritä, poislukien silloin kun neukkari on käytössä ja Loungessa pidetään palaveria.

### Kohteliaisuus [#kohteliaisuus]

Huonoja päiviä on välillä jokaisella, mutta pyritään joka päivä olemaan kohteliaita ja kärsivällisiä kanssatyöskentelijöille. Toisen päivää tai filistä ei tule pilata oman harmistuksen vuoksi, vaikka olisi miten toisen syy. Tuohtumuksen voi pitää sisällään ja keskittyä enemmän siihen miten asioita saadaan eteenpäin.

Tsemppaillaan toisia.


# Työskenteleminen Dudella (/tyoskenteleminen-dudella)



Duden mentaliteetti työskentelyyn on yleispätevän rento, mutta ammattimainen. Pyritään pitämään työpaikka viihtyisänä ja motivoivana paikkana kaikille, jonne kellä tahansa dudella on mukava tulla töihin.

[https://www.dude.fi/tyopaikat](https://www.dude.fi/tyopaikat)

### Lue lisää blogista [#lue-lisää-blogista]

[https://www.dude.fi/tyoharjoittelu-digitoimisto-dudella](https://www.dude.fi/tyoharjoittelu-digitoimisto-dudella)

[https://www.dude.fi/paivani-koodarina-tallainen-on-teknologiajohtajan-normipaiva](https://www.dude.fi/paivani-koodarina-tallainen-on-teknologiajohtajan-normipaiva)


# Kehittäjälle (/tyoskenteleminen-dudella/kehittajalle)



Duden kehittäjädokumentaatio on siirretty omaan sisäiseen Internal Development Docsiin. Tähän on monta syytä. Suurin osa dokumentaatiostamme löytyy silti avoimena [GitHubista](https://github.com/digitoimistodude/).

### Katso myös [#katso-myös]

[/api/attachments.redirect?id=1469c746-a979-4555-b0da-987d2d11b3d5](../tekninen-dokumentaatio.md)


# Kun tulet kipeäksi (/tyoskenteleminen-dudella/kun-tulet-kipeaeksi)



* Ilmoitathan lähimmälle esihenkilölle vähintään Slackissa, pikaviestimellä tai tekstiviestillä viimeistään samana aamuna kun olet tullut kipeäksi, ennen työaikaa.
* Ilmoita aina uudelleen seuraavana aamuna, jos et tiedä sairastelusi kestoa.
* Kirjaa sairastelusi tunnit [Timelyyn](/tyoskenteleminen-dudella/tyoajat/tyoajan-seuranta/timely-ohje).
* Jos sairastelu jatkuu, haethan lääkärintodistuksen.

### Palaverien peruminen [#palaverien-peruminen]

Peruthan palaverit ajoissa, heti kun tiedät olevasi kipeä, mieluummin vaikkapa paria päivää ennakkoon, eikä varttia ennen tapaamista.


# Oleelliset Slack-kanavat (/tyoskenteleminen-dudella/oleelliset-slack-kanavat)



Näihin kannattaa liityä:

* [#dude](https://dudet.slack.com/archives/CQ3PTKM0C) - Pääkanava (kaikki liittyvät tänne oletuksena)
* [#aspa](https://dudet.slack.com/archives/C051ZFF5AAG) - Aspatikettien herättämät kysymykset
* [#kehitys](https://dudet.slack.com/archives/CFSR4E1M2) - Kehittäjien kanava, esim. vinkkien kysymiseen ja speksaamiseen ja muuta devausaiheista keskustelua varten.
* [#tyhy](https://dudet.slack.com/archives/C017A1YNYV6) - Työhyvinvointiin ja töissä viihtymiseen liittyvät asiat.
* [#markkinointi](https://dudet.slack.com/archives/C01AYAF6M47) - Duden markkinointikanava.
* *#keikat-\<projektin-nimi>* - Liity projektiin, joka sinulla on työstössä.


# Toimistotila (/tyoskenteleminen-dudella/toimistotila)



Duden toimisto sijaitsee **Kauppakatu 14** sijaitsevassa rakennuksessa sisäänkäynnistä oikealla, käytössä on kokonaan rakennuksen toisen kerros. Paikka on valittu sillä perusteella, että se on sellainen, jossa kukin dude viihtyy parhaimmillaan valtaosan päivästä ja vuodesta.

Toimistoa saa kehittää mielensä mukaan, kunhan asioista keskustellaan porukalla ennen näkyviä muutoksia.

### Ergonomia [#ergonomia]

Käytössä on melkein tonnin työtuolit, joissa ei mene selkä rikki. Työpöydistä jokainen on sähköpöytä, jonka voi tarvittaessa nostaa ylös.

### Välineet [#välineet]

Suosimme Macbook Pro-tietokonetta, jonka saa helposti "pöytäkoneeksi" sekä mukaan. Kuulokkeet ovat sulkevat ja tarvittaessa vastamelutoiminnolla varustetut, jotta voi keskittyä.

### Virvokkeet [#virvokkeet]

Jura X8 kahvikone pitää huolta siitä, että kahvi on aina pavuista jauhettua. Kahvit toimittaa [Paahtimo Papu](https://www.paahtimopapu.fi/).

### Siisteys [#siisteys]

Jokainen huolehtii omien astioidensa tiskaamisesta sekä siitä, että niitä ei kerry joka nurkkaan.

Ruokia ei jätetä jääkaappiin pilantumaan, vaan katsotaan että tarjolla on tuoretta tavaraa. Muuten jääkaapin käyttö on vapaata.

Toimistoa ei tarvitse siivota, ellei erikseen innostu, sillä toimiston siivoaa säännöllisesti siivooja. Tavarat olisi kuitenkin hyvä pitää sellaisessa järjestyksessä, että ne eivät häiritse muita.

### Lounge [#lounge]

Lounge on paikka, jossa voi jutella ja rentoutua. Sieltä löytyy Arcade-pelikone, pari kitaraa, sohva, televisio ja Darts-tikkataulu.

### Aiheeseen liittyviä bloggauksia [#aiheeseen-liittyviä-bloggauksia]

[https://www.dude.fi/dude-nosti-tasoa-kerroksella-esittelyssa-uusi-kauppakadun-toimisto](https://www.dude.fi/dude-nosti-tasoa-kerroksella-esittelyssa-uusi-kauppakadun-toimisto)

[https://www.dude.fi/talta-nayttaa-duden-kulma-muuttokuulumiset-jyvaskylan-ytimesta](https://www.dude.fi/talta-nayttaa-duden-kulma-muuttokuulumiset-jyvaskylan-ytimesta)


# Työkalut (/tyoskenteleminen-dudella/tyokalut)



Duden käytössä on tietyt fundamentaalit työkalut, joita jokainen Dude käyttää. Osa näistä on päätetty jo yrityksen perustamishetkellä. Näitä voivat olla mm. yhteydenottotavat, pikaviestinsovellukset tai kollaboraatiotyökalut.

### Sisäinen kommunikaatio [#sisäinen-kommunikaatio]

[https://slack.com](https://slack.com)

Perinteisten face-2-face työkalujen lisäksi kommunikaatiotapana toimii ensisijaisesti [Slack](https://www.slack.com/) siitä syystä, että se on laiteriippumaton, moderni mutta *irkkimäinen*, helppokäyttöinen, reaaliaikainen ja monipuolinen tapa kommunikoida. Slackiin saa myös kätevästi ulkopuoliset tahot ilmaiseksi yhden kanavan Guest-käyttäjänä. Slack-botit helpottavat elämää huomattavasti.

Firman sisäisten sähköpostien lähettäminen on **kiellettyä**, ellei kyseessä ole asiakkaaseen tai projektiin viittaava isompi aineistopläjäys tai speksaus, jonka haluaa välittää toiselle. Tästä jatkokeskustelut pyritään kuitenkin käymään kasvotusten tai Slackissa ja kirjaamaan asiat [Help Scoutiin](https://www.helpscout.com/) tai [Trelloon](https://trello.com/) ylös.

Jokaiselle projektille luodaan oma Slack-kanava &#x2A;keikat-\<projekti>*, jotta projektikohtaiset keskustelut pysyvät lapasessa.

### Myynti ja asiakasrekisteri [#myynti-ja-asiakasrekisteri]

[https://www.pipedrive.com/?reset](https://www.pipedrive.com/?reset)

Pipedrive on kevyt CRM ja myyntisuppilo myynnin tukena. Pipedriveen menee suoraan yhteydenotot esimerkiksi [verkkosivuston lomakkeen](https://www.dude.fi/yhteystiedot) kautta.

Myynnin vaiheita on tasan kolme, **1. Liidi sisään**, **2. Yhteydenotto tehty**, **3. Tarjous jätetty**, jonka jälkeen hävitty kauppa menee arkistoon ja voitettu kauppa siirtyy suoraan Trellon Projektit-boardiin, josta tiimi jatkaa määrittelyvaihetta tai työstöä.

### Projektinhallinnan kokonaiskuvan ja edistymisen seuraaminen [#projektinhallinnan-kokonaiskuvan-ja-edistymisen-seuraaminen]

[https://trello.com](https://trello.com)

Trello on käytössä siksi, että se on laiteriippumaton, selkeä ja helppokäyttöinen ja siellä projektien kokonaistilanne ja kokonaiskuva on nähtävissä yhdellä vilkaisulla. Trello on ikäänkuin projektien "emoalus", jonne linkitetään materiaalit muista palveluista. [Trelloon](https://www.trello.com/) lisätään jokainen projekti kortiksi liiditasolta lähtien ja jokainen dude on **velvollinen raportoimaan projektin edistymisestä** kommenttikenttään aina kun projektiin tulee oleellisia muutoksia. Käytännössä kokonaiset asiakkaan lähettämät oleelliset sähköpostit on hyvä copy-pastettaa Trello-kommenttiin.

Joka maanantaisen viikkopalaverin yhteydessä lisätään tarvittaessa Trello-projekteihin kommentit tilanteen ajan tasalla pitämiseksi. Trellossa on oltava tieto heillekin, jotka eivät ole olleet projektissa mukana tai eivät ole olleet läsnä yhteisissä tapaamisissa, tai joita tieto ei suoraan edes koske. Tärkeää on, että tieto on kaikille helposti saatavilla ilman että tarvitsee erikseen kysellä ympäriinsä.

Olisi hyvä, jos jokaisessa projektikortissa olisi myös kuvankaappaus etusivusta mukana; näin helpotetaan kaikkien nopeaa selaamista ja selkeytetään visuaalista näkymää. Kuvan puuttumisen ensimmäisenä huomannut lisää korttiin kansikuvan.

### Projektin hallinta ja tehtävien pilkkominen [#projektin-hallinta-ja-tehtävien-pilkkominen]

[https://height.app/product](https://height.app/product)

Height on valikoitunut projektityökaluksi, koska se on selkeä ja sallii sekä Sheet- että Kanban-näkymän, johon Trello ei taivu. Trellon "Projektit" board onkin "emoalus", jonne linkataan/integroidaan niin liidit, visut, tarjoukset kuin Height-projektitkin.

Heightissä on pohja, jota käytetään uudelle projektille. Varsinaisten päätehtävien alle luodaan tarvittaessa alatehtävät kokonaiskuvan hahmottamiseksi ja työstön helpottamiseksi. Projektiin liittyvät tehtävät lisätään aina Heightiinn.

Heightiin kutsutaan myös asiakas mukaan, erilliseen projektiin johon jaetaan sisäisen projektin isoimmat kokonaisuudet. Näin viestintä säilyy läpinäkyvänä asiakkaan suuntaan jopa tehtävätasolla.

### Työajan seuranta [#työajan-seuranta]

[https://timelyapp.com/](https://timelyapp.com/)

Timely varmistaa, että projektiin käytetyt tunnit pysyvät aisoissa, eli myydyt tunnit tulee käytettyä oikein ja projektille jää katetta. Timely täyttää Dudella myös lain vaatiman työajan seurannan pykälät. Timelyssä pystyy seuraamaan myös aikataulun, hinnan ja kustannusten suhdetta toisiinsa. Katso myös [Työajan seuranta](https://handbook.dude.fi/tyoskenteleminen-dudella/tyoajat/tyoajan-seuranta).

### Suunnittelu [#suunnittelu]

[https://figma.com](https://figma.com)

Figmasta löytyy aina uusin versio leiskasta. Suunnittelija varmistaa, että valmiit pohjat ovat mahdollisimman varhaisessa vaiheessa näkyvillä ja että uusin versio on julkaistu, eikä killu työpöydällä.

### Sähköposti ja kalenterit [#sähköposti-ja-kalenterit]

[https://workspace.google.com](https://workspace.google.com)

Googlen kalenteriin lisätään kaikki tapahtumat, jotka toisen duden tulisi tietää asiakaspalaveria sopiessa. Näitä voivat olla työhön liittyvien lisäksi myös omat tai perheen menot, jotka vaikuttavat työarkeen. Pidempiaikaisista menoista täytyy sopia tiimin kanssa vähintään kahta viikkoa aikaisemmin, mielellään vielä aikaisemmin, erityisesti projektien ollessa käynnissä.

Driveen tallennetaan kaikki yrityksen sekä projektien kannalta tärkeä materiaali. Tänne lisätään kaikki dokumentit ja tiedostot, jotka koskevat koko firmaa tai tiimejä. Tärkeää on huolehtia oikeasta kansiorakenteesta, jotta tiedot ovat helposti löydettävissä.

### Asiakaspalvelu ja tekninen tuki [#asiakaspalvelu-ja-tekninen-tuki]

[https://www.helpscout.com](https://www.helpscout.com)

Help Scout toimii Duden tukikanavana, jonne tulee kaikki [tuki@dude.fi](mailto:tuki@dude.fi) -sähköpostiosoitteeseen lähetetyt viestit. Uudet viestit näkyvät automaattisesti hoidettavina tiketteinä, joita kuka tahansa Duden tiimistä voi ottaa hoitaakseen. Mahdolliset tukiviestit edelleenlähetetään (Forward) omasta sähköpostista Help Scoutin osoitteeseen [tuki@dude.fi](mailto:tuki@dude.fi), jotta asiakas oppii käyttämään tukiasioihin asiakaspalvelurajapintaa.

### Versionhallinta ja lähdekoodi [#versionhallinta-ja-lähdekoodi]

[https://github.com](https://github.com)

Duden kehitystiimi käyttää [GitHubia](https://github.com/digitoimistodude) päivittäin. Koodimuutokset dokumentoidaan README.md-tiedostoon, GitBookiin ja jokainen muutos kommitoidaan asiaankuuluvasti.

GitHub-issueita avataan silloin kun kyseessä on laajempia ongelmia tai asioita, joita on syytä käydä läpi.

### Salasanat, lisenssit, avaimet ja tunnukset [#salasanat-lisenssit-avaimet-ja-tunnukset]

[https://1password.com](https://1password.com)

Kaikki salasanat, lisenssit, avaimet ja tunnukset tallennetaan yhteiselle [1Password](https://www.1password.com/)-tilille. Näin kenenkään ei tarvitse olla jatkuvasti kyselemässä tunnuksia eri paikkoihin, eikä kukaan jää ilman tunnuksia jos toinen estyy. Tietoturva-asioista lisää kohdassa 3.6.


# Alihankinta (/yleiset-kaytanteet/alihankinta)



Lähtökohtaisesti Dude ei ota uusia alihankintasopimuksia. Harkintaa voidaan kuitenkin käyttää yksittäisissä alihankintaprojekteissa, joissa projekti tilataan siten, että Dudella on valta kommunikoida suoraan asiakkaan kanssa.

Toiseen suuntaan Dude tekee alihankintaa pienimuotoisesti, eli teettää etenkin ruuhka-aikoina joidenkin projektien koodia luotetulla freelancerilla.


# Duden arvot yrityksenä (/yleiset-kaytanteet/duden-arvot-yrityksena)



Duden viralliset arvot, jotka löytyvät myös [nettisivujen puolelta](https://www.dude.fi/dude).

### **Läpinäkyvyys** [#läpinäkyvyys]

Et tule saamaan meiltä epämääräistä tarjousta tai ontuvaa myyntipuhetta palvelusta, jota et todellakaan tarvitse tai jota emme osaisi täydellisesti tuottaa. Emme tee tyhjiä lupauksia ja kerromme avoimesti, jos emme voi jotain toteuttaa. Rehellisyys näkyy toiminnassamme työkaverilta toiselle ja työntekijältä asiakkaalle. Läpinäkyvyys näkyy myös [tavassamme tehdä koodia](https://www.dude.fi/yhteiso-ja-koodi).

### **Laatu** [#laatu]

Meille laatu tarkoittaa sitä, että jokaiseen uuteen asiakkaaseen tutustutaan huolella ja verkkosivustolle/-kaupalle suunnitellaan ulkoasu, joka on parempi kuin yhdenkään samalla toimialalla toimivan kilpailijan. Emme turvaudu sivuston suunnittelussa valmisteemoihin eikä koodipuolella mennä siitä, mistä aita on matalin. Myös asiakaspalvelu ja oman talon sisältä löytyvät palvelinratkaisut sekä oma tuotekehitys palvelinongelmien valvonnassa ovat meille tärkeä osa Dude-laatua.

### **Vastuullisuus** [#vastuullisuus]

Emme lähde mukaan projekteihin, joiden emme usko tuovan tähän maailmaan mitään hyvää. Olemme ehdottomasti itsekin parhaimmillamme silloin, kun asiakkaamme itse uskoo asiaansa ja kun se asia on jotain, joka tekee maailmasta paremman paikan. Emme siis lähde mukaan projekteihin, joiden yrityksen toimiala on pikavippi-, telemarkkinointi-, nettikasino- tai aseteollisuus.

### **Rohkeus** [#rohkeus]

Joskus se on sitä että ehdotetaan asiakkaalle jotain mitä hän ei ole pyytänyt, toisinaan taas sitä että kerromme että jotain ei kannata mielestämme tehdä. Jokaisella työntekijällä rohkeus olla mitä on ja yrityksenä rohkeus olla osiensa summa.

### **Kehitys** [#kehitys]

Emme ole koskaan valmiita. Koko tiimi seuraa aktiivisesti oman alansa työkalujen ja toimintaympäristön kehitystä. Joskus projekti ja tiimi hyötyy siitä että jotain uutta kehitetään omien katteiden kustannuksella jopa kesken projektin.

### **Välittäminen** [#välittäminen]

Katsellaan vähän mitä ympärillä tapahtuu ja joskus on hyvä kysyä kanssaeläjiltä että "kuinka voit?". Projekteissa meille ei riitä pelkästään huikea visuaalisuus ja moitteeton koodi, vaan haluamme myös koko palvelukokemuksen olevan korkealla tasolla aina ensimmäisestä yhteydenotosta lähtien. Jokainen ihmisen kirjoittama viesti tai puhelu ansaitsee tulla vastatuksi.

### Aiheeseen liittyviä bloggauksia [#aiheeseen-liittyviä-bloggauksia]

[https://www.dude.fi/dude-2020-kahdeksan-vuotta-kasvua](https://www.dude.fi/dude-2020-kahdeksan-vuotta-kasvua)

[https://www.dude.fi/tyoharjoittelu-digitoimisto-dudella](https://www.dude.fi/tyoharjoittelu-digitoimisto-dudella)

[https://www.dude.fi/5-asiaa-jotka-dude-tekee-toisin](https://www.dude.fi/5-asiaa-jotka-dude-tekee-toisin)

[https://www.dude.fi/digitoimisto-dude-talous-2016](https://www.dude.fi/digitoimisto-dude-talous-2016)


# Yleiset käytänteet (/yleiset-kaytanteet)



Digitoimisto Dude Oy toteuttaa asiakkailleen laadukkaita ja helppokäyttöisiä verkkopalveluita hyväksi, tehokkaiksi, asiakasystävällisiksi ja monipuolisiksi todetuilla tavoilla.


# Lähtökohdat (/yleiset-kaytanteet/lahtokohdat)



Erityisesti *teknisessä* työssä, mutta myös kaikessa muussakin Duden lähtökohdat ovat tärkeysjärjestyksessään:

### **Asiakkaat** [#asiakkaat]

Toteutusten tulee olla kenen tahansa helposti päivitettävissä, loogisia ja selkeästi rakennettavia kokonaisuuksia. Hyväkään koodi ei saa koskaan mennä käytettävyyden tai kaivatun ominaisuuden edelle!

Asiakaslähtöisyyteen ei myöskään kuulu asiakkaan rankaiseminen huonolla koodilla, asiakaspalvelulla tai työn viivyttelyllä vaikka projekti olisi kuinka ikävä tai viivästyisi asiakkaasta johtuvista syistä.

### **Joustavuus** [#joustavuus]

Emme pidä kiinni irrelevanteista asioista tai laskuta minuutin tarkkuudella vaan joustamme tarvittaessa kohtuullisissa rajoissa. Tämä pätee erityisesti ylläpitoasiakkaisiin. Joustavuutta tulee harjoittaa myös yrityksen sisällä ja ajatella yhteistä hyvää sekä kaikkien etua, eikä tukeutua 100% omaan mielipiteeseen, preferenssiin tai tottumukseen.

### **Tarkoituksenmukaisuus** [#tarkoituksenmukaisuus]

Tilatun tuotteen ja kaiken tekemisen on oltava tarkoituksenmukaista, sellaista mitä asiakas on tilannut, ei vähempää. Pyrimme kuitenkin ylittämään itsemme sekä asiakkaamme aina kun mahdollista.

### **Laatu** [#laatu]

Duden pääpaino on tuottaa hyvää laatua ja sitä kautta lisäarvoa asiakkaalle, eli ei käytetä valmisteemoja, Bootstrapia tai muita lähtökohtaisesti muitakaan yleispäteviä frameworkeja.

Valmiita lisäosia tai työkaluja voidaan käyttää, kunhan ne ovat yleisesti Duden hyväksymiä ja asiakkaan tarpeisiin hyviksi todettuja.

> "Jos voit tehdä asian viidessä minuutissa, tee se saman tien."


# Uudet asiat (/yleiset-kaytanteet/uudet-asiat)



Selkeistä koko tiimiä tai asiakkuuksia koskevista osa-alueista on keskusteltava ennen käyttöönottoa. Isommista asioista keskustellaan aina porukalla.

Kaikki oleellinen lisätään aina tähän handbookiin.


# Dokumentointi (/wordpress-kehitys/dokumentointi)



Omat GitHub-repositoriot tulisi dokumentoida ennen julkaisua aina siten, että kuka tahansa (myös vähän taidottomampi) osaisi step-by-step ohjeilla käyttää palikkaa. Asiakasprojektin dokumentointi tulee hoitaa niin, että Duden tekninen osasto pysyy projektin kanssa tilanteen tasalla.


# Handoff suunnittelijalta koodarille (/wordpress-kehitys/handoff-suunnittelijalta-koodarille)



Kun suunnittelija on saanut visuaalisen suunnittelun päätökseen, tulee hänen toimittaa koodareille tarvittavat materiaalit.

### Hand off palaveri [#hand-off-palaveri]

Palaverin aikana käydään läpi ulkoasut ja tehdään niistä tehtävät devaajille Favroon. Palaveriin osallistuu yksi (1) taustakehittäjä ja yksi (1) fronttikehittäjä. Nämä henkilöt ovat he, jotka muutenkin aloittaisivat projektin. Koko tiimin ei tarvitse osallistua palaveriin vaan palaverissa olija briiffaa tarvittaessa muut tiimiläiset.

### Ulkoasut [#ulkoasut]

Suunnittelijan on varmistettava, että uusin hyväksytty versio löytyy aina Figmasta.

### Valokuvat [#valokuvat]

Kuvat löytyy Figmasta ladattavina assetteina. Suunnittelijan on huolehdittava, että kaikki asiat on mahdollista ladata. Kuvat ovat valmiiksi leikattuja ja syvättyjä. Tarvittaessa suunnittelija voi toimittaa devaajalle valokuvia zip-paketissa.

### Fontit [#fontit]

Emme käytä Adobe/Typekit/Google -upotuksia, vaan fontit olisi hyvä olla tiedostoina paremman toimivuuden, hallinnan ja latausnopeuksien vuoksi, näin säästymme ylimääräiseltä ulkoiselta HTTP-kutsulta.

Paikallisilla fonteilla varaudumme myös, että sivusto toimii ilman JS:ää eikä Adblockerit tai muut tietoturvatyökalut blokkaa fonttien latautumista. Jos muita webfonttimuotoja ei ole saatavilla, .ttf riittää.

### Logo sekä kuvakkeet [#logo-sekä-kuvakkeet]

Logoista ja kuvakkeista tarvitaan taittoa varten **SVG**-versiot, jotta sivustolle saadaan retinaa tukeva moderni versio, joka näkyy joka laitteella terävästi. Logot ja kuvakkeet on ladattavissa Figmasta suoraan.

Joissakin tapauksissa logot tai kuvakkeet voidaan toimittaa suoraan koodarille. Tällöin ne tulee tallentaa vektorityökalun kautta niin että skaalautuvuuden mahdollistama viewBox-määritys tulee mukaan. Illustratorissa SVG-kuva tulee oikeaan muotoon kun käytetään `Presentation attributes` -asetusta, jolloin SVG-tiedostoon ei tule ylimääräisiä inline style-määritteitä. Filleinä tai strokeina tulee olla currentColor-arvo hexan sijaan, näin väri saadaan määriteltyä koodeitse helpommin.

Tarvittaessa, monimutkaisempien SVG-kuvakkeiden kohdalla voidaan käyttää muita määrityksiä kuten style-attributes, mutta nämä varmistellaan aina erikseen.


# Asiakasprojektit (/wordpress-kehitys)



Asiakasprojekteissa ja WordPress-kehityksessä pyritään käyttämään mahdollisimman paljon [Digitoimisto Duden avoimesta GitHub-repositorysta](https://github.com/digitoimistodude) löytyviä tai muiden kehittämiä ja hyväksi havaittuja työkaluja.

Omia työkaluja pyritään kehittämään viikkotasolla jatkuvasti eteenpäin.


# Made by Dude -badge (/wordpress-kehitys/made-by-dude-badge)











Sivujen tekijästä ilmoittaa **Made by Dude** -badge, joka lisätään asiakkaan suostumuksesta sivuston Footer-osioon.

### Ulkonäkö [#ulkonäkö]

Badge räätälöidään sopimaan sivuston ilmeeseen niin, että se ei ole häiritsevästi etualalla. Alla joitakin voimassa olevia Made by Dude -badgeja.

<img alt="turunakk.fi" src="__img0" />

<img alt="faktia.fi" src="__img1" />

<img alt="eepos.fi" src="__img2" />

<img alt="atena.fi" src="__img3" />

### Lisäysohje [#lisäysohje]

Tämä sivu sisältää badgen käyttöönottoon vaadittavat universaalit snippetit, joita ei ole sisällytetty [starter-teemaamme](https://github.com/digitoimistodude/air-light) mukaan.

> \[!NOTE]
> Tämä sivu ja koodiesimerkit pyritään pitämään aina mahdollisimman ajan tasalla. Muista koodisnipeteistä poiketen tämä osa on suomeksi ja julkinen, koska pyrimme näin pitämään tiedon helposti saatavilla samassa paikassa ilman tarpeetonta hyppimistä.

**Huom!** Muista lisätä `'www.dude.fi',` tiedoston scripts-styles.php \`wp\_localize\_script\` sisään, jotta tooltip toimii oikein.

#### **Lisää ennen footer.php-tiedoston containerin lopetustagia:** [#lisää-ennen-footerphp-tiedoston-containerin-lopetustagia]

```html
<p class="dude-badge"><a class="no-external-link-indicator" href="https://www.dude.fi" data-tooltip="Sivut toteuttanut" aria-label="Sivut toteuttanut Digitoimisto Dude Oy, siirry ulkoiselle sivustolle dude.fi"><svg aria-hidden="true" class="tip" width="36" height="12" viewBox="0 0 36 12"><path class="tip-color" transform="rotate(0)" d="M2.658, .000 C-13.615, .000 50.938, .000 34.662, .000 C28.662, .000 23.035, 12.002 18.660, 12.002 C14.285, 12.002 8.594, .000 2.658, .000 Z"></path></svg><svg width="85" height="17" viewBox="0 0 85 17"><g fill="transparent" class="heart" fill-rule="evenodd"><path d="M7.5 13.963L2.192 8.412a3.152 3.152 0 01-.59-3.634h0a3.166 3.166 0 012.312-1.7 3.133 3.133 0 012.72.882l.866.803.867-.803a3.133 3.133 0 012.718-.882 3.167 3.167 0 012.312 1.7h0a3.153 3.153 0 01-.589 3.634L7.5 13.962z" class="stroke" stroke="#03061b" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path class="fill" fill="#03061b" d="M50.696 8.166c0 .943-.338 2.782-2.601 2.782-2.278 0-2.618-1.84-2.618-2.782V3h-4.34v5.455c0 3.472 2.6 5.545 6.958 5.545 4.346 0 6.942-2.073 6.942-5.545V3h-4.34v5.166zM85 6.052V3H71.717v11H85v-3.052h-9.073v-1.22h7.543V7.271h-7.543V6.052zM33.14 10.948h-2.894V6.057h2.895c1.498 0 2.543 1.146 2.543 2.443 0 1.314-1.045 2.448-2.543 2.448zM34.179 3H26v11h8.178c2.832 0 5.723-2.196 5.723-5.5 0-3.324-2.891-5.5-5.723-5.5zM63.722 10.948h-2.895V6.057h2.895c1.499 0 2.543 1.146 2.543 2.443 0 1.314-1.044 2.448-2.543 2.448zM64.76 3h-8.178v11h8.178c2.832 0 5.723-2.196 5.723-5.5 0-3.324-2.891-5.5-5.723-5.5z"/></g></svg></a></p>
```

#### **Uusi tiedosto: sass/layout/\_dude-badge.scss:** [#uusi-tiedosto-sasslayout_dude-badgescss]

```scss
// stylelint-disable declaration-no-important, a11y/font-size-is-readable
// Badge variables
:root {
  --color-badge-logo-dark: #03061b;
  --color-badge-logo-light: var(--color-white);
  --color-badge-tooltip-text-dark: var(--color-white);
  --color-badge-tooltip-text-light: #03061b;
  --color-badge-tooltip-background-light: rgb(255 255 255 / .8);
  --color-badge-tooltip-background-dark: rgb(17 17 17 / .9);

  // Light or dark?
  --color-badge-logo: var(--color-badge-logo-dark);
  --color-badge-tooltip-text: var(--color-badge-tooltip-text-dark);
  --color-badge-tooltip-background: var(--color-badge-tooltip-background-dark);
}

.site-footer .container {
  position: relative;
}

.site-footer .dude-badge {
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 45px;

  // Adjust based on the site
  text-align: center;

  a:hover .heart,
  a:focus .heart {
    fill: var(--color-badge-logo);
  }

  .fill {
    fill: var(--color-badge-logo);
  }

  .stroke {
    stroke: var(--color-badge-logo);
  }
}

.site-footer {
  [data-tooltip] {
    cursor: pointer;
    position: relative;
    transform: translate(-48%, 18px);
    transform-origin: top;
    transition: transform 200ms cubic-bezier(.19, 1, .22, 1), opacity 200ms cubic-bezier(.19, 1, .22, 1);
  }

  [data-tooltip]::after {
    background-color: var(--color-badge-tooltip-background);
    border-radius: 4px;
    bottom: 100%;
    color: var(--color-badge-tooltip-text);
    content: attr(data-tooltip);
    font-family: sans-serif !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    left: 50%;
    margin-bottom: 11px;
    opacity: 0;
    padding: 5px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    text-shadow: none !important;
    transform: translate(-48%, 10px);
    transform-origin: top;
    transition: transform 200ms cubic-bezier(.19, 1, .22, 1), opacity 200ms cubic-bezier(.19, 1, .22, 1);
    width: 100px;
    z-index: 10;
  }

  [data-tooltip] .tip {
    bottom: 100%;
    content: "";
    height: 6px;
    left: 50%;
    margin-bottom: 10px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translate(-37%, 15px);
    transform-origin: top;
    transition: transform 155ms cubic-bezier(.19, 1, .22, 1), opacity 200ms cubic-bezier(.19, 1, .22, 1);
    width: 18px;
    z-index: 10;

    .tip-color {
      fill: var(--color-badge-tooltip-background);
    }
  }

  [data-tooltip]:hover .tip,
  [data-tooltip]:hover::after,
  [data-tooltip]:focus .tip,
  [data-tooltip]:focus::after,
  [data-tooltip][data-tooltip-visible] .tip,
  [data-tooltip][data-tooltip-visible]::after {
    opacity: 1;
    pointer-events: auto;
  }

  [data-tooltip]:hover::after,
  [data-tooltip][data-tooltip-visible]::after {
    transform: translate(-48%, -5px);
  }

  [data-tooltip]:hover .tip,
  [data-tooltip][data-tooltip-visible] .tip {
    transform: translate(-37%, 0);
  }
}
```

**global.scss:**

```scss
@import 'layout/dude-badge';
```


# Käytetäänkö sivustoilla evästeitä ja mitä ne ovat? (/tietosuojaseloste/evasteet)



Dude käyttää evästeitä ("cookies") ja muita vastaavia tekniikoita, kuten selaimen paikallista varastoa ("local storage"). Evästeet ovat päätelaitteen selaimen ja palvelimen välisiä pieniä tekstitiedostoja.

Käytämme evästeitä asiakkaan sivustolla eri asioiden tunnistamiseen, kirjautumisen ylläpitämiseen ja esimerkiksi verkkokaupoissa ostoskorin toimintoihin. Näihin toimintoihin evästeiden käyttö ja niiden käytön hyväksyminen on pakollista. Palvelimen asettamat evästeet säilyvät selaimessa yhden (1) kuukauden, ellei niitä poisteta erikseen selaimen asetuksista. Sivustolla käynti asettaa evästeet uudelleen selaimen sen salliessa. Selaimen paikallista varastoa käytetään esimerkiksi tuotteiden toimitusaika-arvioita varten.

Analyysiin käytetty tieto on anonymisoitua aina kun se on mahdollista. Muutoin käsittelemme tietoja henkilökohtaisina niiltä osin kuin tunniste sisältää asiakkaan kohdentavia tietoja, kuten IP-osoitteen. Myös tunnisteet, jotka on yhdistetty asiakkaaseen jollakin tapaa, käsitellään henkilökohtaisena tietona.

### Katso myös: [#katso-myös]

[https://handbook.dude.fi/tietosuojaseloste/sivuston-dude.fi-evaesteet](https://handbook.dude.fi/tietosuojaseloste/sivuston-dude.fi-evaesteet)


# Tietosuojaseloste (/tietosuojaseloste)



Tämä dokumentti käsittelee sitä, miten tietosuoja-asioita noudatetaan Digitoimisto Dude Oy:ssa 25.5.2018 kaikissa EU:n jäsenmaissa voimaan tulleen [Tietosuoja-asetuksen (General Data Protection Regulation, GDPR)](https://www.tietosuoja.fi/fi/index/euntietosuojauudistus.html) mukaisesti.

Tietosuoja-asioihin liittyviin kysymyksiin vastaa Roni Laukkarinen. Sähköpostia voi lähettää osoitteeseen [roni@dude.fi](mailto:roni@dude.fi).

Navigoi vasemmasta laidasta tai alla olevan sisällysluettelon avulla. Nide löytyy myös PDF- ja Office-muodossa.

#### Katso myös: [#katso-myös]

[https://handbook.dude.fi/tietosuojaseloste/sivuston-dude.fi-evaesteet](https://handbook.dude.fi/tietosuojaseloste/sivuston-dude.fi-evaesteet)


# Kuinka kauan tietojani säilytetään? (/tietosuojaseloste/kuinka-kauan-tietojani-sailytetaan)



Säilytämme henkilökohtaisia tietojasi vain tarvittavan ajan (minimissään 6kk), jotta voimme täyttää tässä selosteessa kuvatut käyttötarkoitukset. Lisäksi joitakin tietoja voidaan säilyttää kauemmin niiltä osin kuin se on tarpeen laissa asetettujen velvollisuuksien, kuten kirjanpitoa ja myyntiä koskevien vastuiden, toteuttamiseksi ja niiden asianmukaisen toteuttamisen näyttämiseksi.

Asiakkaan pyynnöstä häntä koskeva henkilötieto voidaan poistaa tai anonymisoida. Pyynnön jälkeen tietoa ei enää käytetä selosteessa lueteltuihin tarkoituksiin.

Osalle tiedoista lainsäädäntö asettaa velvoitteita tiedon pidempiaikaiselle tallentamiselle, mm. seuraaviin tarkoituksiin:

* Kirjanpitolaki määrittelee tiedolle pidempiä säilytysaikoja riippumatta siitä sisältääkö aineisto henkilötietoja tai ei
* Järjestelmien lokitietoa kerätään ja säilytetään lain edellyttämällä tavalla, jotta voimme tarjota lainmukaisen ja turvallisen sivuston asiakkaillemme
* Riittävien varmuuskopioiden ottaminen sivuston tietokannoista ja järjestelmistä tietojen turvaamiseksi, virhetilanteiden korjaamiseksi ja tietoturvan sekä jatkuvuuden varmentamiseksi
* Asiakkaan omasta pyynnöstä tai tarpeesta säilyttää esimerkiksi sivustoa ja sen sisältämiä tietoja Internetissä ylimääräisten vuosien ajan (esim. julkishallinnot, yhdistykset, valtio)


# Kuinka saan järjestelmiin itsestäni tallennetut tiedot? (/tietosuojaseloste/kuinka-saan-jarjestelmiin-itsestani-tallennetut-tiedot)



Voit pyytää järjestelmiin tallennetut tiedot itsellesi ottamalla yhteyttä asiakaspalveluumme: [tuki@dude.fi](mailto:tuki@dude.fi).

["Mitä tietoja minusta voidaan kerätä?"](https://handbook.dude.fi/tietosuojaseloste/mita-tietoja-minusta-voidaan-kerata) kappaleen alta löydät tarkempaa tietoa keräämästämme henkilötiedosta.


# Kuka käsittelee henkilötietojani? (/tietosuojaseloste/kuka-kasittelee-henkilotietojani)



Asiakastietoihin on pääsy vain Digitoimisto Dude Oy:n omistajilla, omilla työntekijöillä ja koko henkilökuntamme on koulutettu käyttämään tietoja turvallisesti ja eettisesti.

Sopimus/tarjousvaiheessa asiakas myöntää tai on myöntämättä refrenssioikeuden – myöntävän vastauksen myötä voimme kertoa asiakkaasta muillekin. Referenssitarinoihin kysymme erikseen asiakkaalta luvan.

Tietojen hallinnasta vastuussa oleva yritys:

**Digitoimisto Dude Oy (Y-tunnus: 2548021-5)**\nKauppakatu 14\n40100 Jyväskylä


# Luovutetaanko henkilötietojani kolmansille osapuolille? (/tietosuojaseloste/luovutetaanko-henkilotietojani-kolmansille-osapuolille)



Luovutamme joitakin välttämättömiä tietoja kolmansille osapuolille (esim. Trello ja Height.app, joissa  hallitaan käytännössä projektiin liittyviä tietoja ja tehtäviä) toimituksen takaamiseksi, asiakkuuden hoitamista varten sekä markkinointia varten.

Tarvittaessa luovutamme tietoja viranomaisten pyynnöstä, informoimme tietopyynnöistä aina myös asiakasta, jos se on lain puitteissa sallittua.


# Mihin henkilötietojani käytetään? (/tietosuojaseloste/mihin-henkilotietojani-kaytetaan)



Verkkosivujen hallintapaneeliin tallennettuja tietoja ja asiakkaan tietoja käytetään

* Asiakkuuden ylläpitämiseen, yhteydenpitoon
* Palveluiden tilausten toimitukseen, käsittelyyn ja arkistointiin
* Asiakaskokemuksen parantamiseen
* Digitoimisto Dude Oy:n toiminnan ja palveluiden kehittämiseen
* Tilastollisiin tarkoituksiin
* Henkilökohtaisen, hyvän palvelun takaamiseen
* Markkinoinnin tuottamiseen
* Paremman asiakaspalvelun tarjoamiseen

Tietoja käsitellään asiakkaan ja Digitoimisto Dude Oy:n väliseen asiakassuhteeseen, sivuston käyttöön tai asiakkaan erilliseen nimenomaiseen suostumukseen perustuen.


# Millaisia oikeuksia minulla on? (/tietosuojaseloste/millaisia-oikeuksia-minulla-on)



Asiakkaana sinulla on oikeus:

* Saada pääsy itseäsi koskeviin henkilötietoihin, mukaan lukien oikeus saada jäljennös sinua koskevista henkilötiedoista
* Pyytää itseäsi koskevien henkilötietojen oikaisemista tai poistamista
* Tietyin edellytyksin pyytää käsittelyn rajoittamista tai vastustaa henkilötietojen käsittelyä

Lisäksi, jos käsittely perustuu erilliseen suostumukseen, sinulla on oikeus peruuttaa suostumuksesi milloin tahansa. Huomaathan, ettei tämä vaikuta ennen suostumuksen peruuttamista suoritetun käsittelyn lainmukaisuuteen.

Voit tehdä oikeuksiesi käyttämistä koskevan pyynnön ottamalla yhteyttä asiakaspalveluumme. Pyynnön tulee olla riittävällä tavalla yksilöity, jotta asiakaspalvelumme voi todentaa henkilöllisyytesi. Jos jossakin tapauksessa emme pysty joltain osin toteuttamaan pyyntöäsi, kuten poistamaan kaikkia tietoja joiden säilyttämiseen meillä on lakisääteinen velvollisuus (esimerkiksi luotonantotiedot) tai oikeus, ilmoitamme sinulle asiasta.

Jos huomaat, että käsittelyssä on puutteita tai se on lainvastaista, sinulla on oikeus tehdä asiasta valitus tietosuojaviranomaiselle.


# Mitä tietoja minusta voidaan kerätä? (/tietosuojaseloste/mita-tietoja-minusta-voidaan-kerata)



### Käyttäjän itsensä antamat tai henkilökohtaisesti tunnistettavat tiedot [#käyttäjän-itsensä-antamat-tai-henkilökohtaisesti-tunnistettavat-tiedot]

* Tunnistamistiedot, kuten asiakkaan nimi, asiakkaan yrityksen nimi
* Yhteystiedot, kuten osoite, sähköpostiosoite ja puhelinnumero
* Maksutiedot ja muut laskutustiedot
* WordPress-sivuston käyttäjätunnukset salasanaa lukuunottamatta yhteistyön ja asiakaspalvelun sekä sivuston toimivuuden tehostamiseksi
* Palvelujen käytöstä havainnoidut ja analytiikan avulla johdetut tiedot
* Ostoshistoria, mm. tilatut tuotteet ja palvelut ja niiden hintatiedot
* Asiakkaan antama asiakaspalaute
* Sivuston keräämä analytiikka kävijöistä (Google Analytics -kävijätietopalvelu, Hotjar -ruudun käyttäytymisen nauhoittamispalvelu, Crisp live chat, asiakaspalvelukanava reaaliakaisen chatin muodossa) (poistuu kesällä 2022)
* Asiakkaan kertoma tieto siitä kuka ja milloin meitä on suositeltu eteenpäin

Tietojen pääasiallinen lähde on käyttäjä itse, minkä lisäksi saatamme saada lisätietoja yhteistyökumppaneiltamme tai YTJ-yrityshausta. Jos haluat kieltää joidenkin tietojen käytön, sinulla on oikeus vaatia sitä meiltä.


# Miten tietojani säilytetään ja suojataan? (/tietosuojaseloste/miten-tietojani-sailytetaan-ja-suojataan)



### Henkilötiedot [#henkilötiedot]

Kaikki henkilötiedot ovat suojattu asiattomalta pääsyltä ja vahingossa tai laittomasti tapahtuvalta tietojen hävittämiseltä, muuttamiselta, luovuttamiselta, siirtämiseltä tai muulta laittomalta käsittelemiseltä.

Henkilötietojen käsittelyssä on huomioitu 25.5.2018 alkaen noudatettavan EU:n tietosuoja-asetuksen vaatimukset. Kaikkea pääsyä henkilötietoon valvotaan hyvien käytäntöjen mukaisesti.

### Pilvipalvelut [#pilvipalvelut]

Digitoimisto Dude Oy säilyttää paperisia asiakastietoja Suomessa sekä ylläpitoasiakkaiden sivustoon liittyviä asioita (ainoastaan sivuston nimi ja lisäosapäivitykset) ManageWP-pilvipalvelussa (Serbia, USA). ManageWP vakuuttaa tietoturvan olevan tiukalla tasolla. Lue lisää osoitteesta [managewp.com/privacy](https://managewp.com/privacy).

Projektin etenemiseen ja sisäiseen kommunikointiin (CRM) käytetään Trello-palvelua, joka on New York Cityssa sijaitseva pilvipalvelu. Palveluun tallentuu lähinnä asiakkaan yhteystiedot, projektien aikataulut ja deadlinet, sivustoon liittyvät tiedot sekä asiakkaan välillä käydyt keskustelut. Lue lisää osoitteesta [trello.com/privacy](https://trello.com/privacy).

### Palvelimet ja sivustot [#palvelimet-ja-sivustot]

Duden ylläpitoasiakkaiden sivustot ovat Ficolon laitesalissa, joka sijaitsee Suomessa, Ulvilassa. Palvelimet sijaitsevat Suomen armeijan vanhaan peruskallioluolastoon rakennetussa korkean turvaluokituksen konesalissa ja käyvät 100% ekologisella tuulivoimalla.

Konesalit sivustojen järjestelmien tekninen sekä prosessien tietoturva ovat erittäin korkealla tasolla. Palvelimet on suojattu tietomurtoja ja palvelunestohyökkäyksiä vastaan. Lisää tietoa kohdassa [Palvelimet](https://handbook.dude.fi/palvelimet).


# Miten voin vaikuttaa tietojeni käyttöön? (/tietosuojaseloste/miten-voin-vaikuttaa-tietojeni-kayttoon)



Digitoimisto Dude Oy on sitoutunut tarjoamaan asiakkailleen mahdollisuuksia vaikuttaa tietojensa keräämiseen ja käyttöön.

Voit itse päättää sinulle kohdistetusta markkinoinnista, lisäarvopalveluista ja ottaa tai olla ottamatta vastaan erilaisia markkinointiviestejä. Kehitämme palveluamme jatkuvasti, joten tapoja voidaan lisätä, muuttaa tai poistaa.

Asiakas voi myös koska tahansa sopimuksessa määriteltyjen asioiden ja irtisanomisaikojen puitteissa lopettaa asiakkuutensa ja pyytää Dudea poistamaan omat tietonsa ottamalla yhteyttä asiakaspalveluumme.

> \[!NOTE]
> Huom! Joissain tapauksissa kaikkea tietoa ei voida poistaa ja lainsäädäntö voi vaatia säilyttämään osan asiakkaaseen liittyvästä tiedosta.


# Rekisterinpitäjä ja sen yhteystiedot (/tietosuojaseloste/rekisterinpitaja-ja-sen-yhteystiedot)



Käsiteltävien henkilötietojen rekisterinpitäjänä toimii:

**Digitoimisto Dude Oy (Y-tunnus: 2548021-5)**\nKauppakatu 14\n40100 Jyväskylä

Tietosuojasta ja henkilötietojen käsittelystä voit kysyä lisää myös asiakaspalvelustamme: [tuki@dude.fi](mailto:tuki@dude.fi).


# Sivuston Dude.fi evästeet (/tietosuojaseloste/sivuston-dude.fi-evaesteet)



> \[!NOTE]
> 1.1.2021-10.10.2023 Dude ei kerännyt minkäänlaista yksilöitävää dataa sivuillaan. Tästä syystä meillä ei myöskään ollut minkäänlaista evästepopuppia, koska sitä ei tarvittu. Tämän jälkeen evästeilmoitusta on käytetty kausittain.

Dude noudattaa kaikkialla missä mahdollista [Do Not Track](https://en.wikipedia.org/wiki/Do_Not_Track) -periaatteita, joka ei yksilöi evästedataa. Näin ollen esimerkiksi Vimeo-videoupotteet eivät vaadi evästesuostumusbanneria.

Käytämme Google Analyticsin sijaan avoimen lähdekoodin Plausiblea, jota hostaamme itse osoitteessa [analytics.dude.fi](https://analytics.dude.fi/). Plausible ei käytä evästeitä:

[https://plausible.io/data-policy](https://plausible.io/data-policy)

> We don't use cookies, we don't generate any persistent identifiers and we don't collect or store any personal or identifiable data.

### Hotjar [#hotjar]

> \[!NOTE]
> Käytössä kausittain. Poistettu käytöstä 25.1.2023.

Hotjar on analytiikkapalvelu, joka nauhoittaa kävijän kliksuttelua sivustolla. Kyseisen palvelun avulla saamme arvokasta tietoa sivustomme käytöstä, esimerkiksi siitä toimivatko suunnittelemamme käyttöliittymäelementit kuten on tarkoitettu. Hotjar yksilöi jonkin verran kävijästä dataa, kuten kävijän kulkeman kävijäpolun valikkorakenteissa, sijainnin, selaimen, ikkunan koon, jne.

Hotjarin yksilöllisistä evästeistä voit lukea lisää Hotjarin sivuilta:

[https://help.hotjar.com/hc/en-us/articles/6952777582999-Cookies-Set-by-the-Hotjar-Tracking-Code](https://help.hotjar.com/hc/en-us/articles/6952777582999-Cookies-Set-by-the-Hotjar-Tracking-Code)

Hotjar ei lähde automaattisesti käyttöön, vaan sinun on hyväksyttävä evästeet evästepopupista. Mainoksenestoblokkerit kuten AdGuard ja I Don't Care About Cookies estävät popupilmoituksen automaattisesti, jolloin sinua ei myöskään seurata.

### Leadfeeder [#leadfeeder]

> \[!NOTE]
> Käytössä kausittain. Poistettu käytöstä 25.1.2023.

Leadfeeder haistelee sivustolla käyvät yritykset selkeään näkymään, josta näkee yrityksen nimen ja sen perustiedot, vieraillut sivut ja yrityksen yhteyshenkilöt. Leadfeeder jaottelee liidit eri laatuisiksi ja sen avulla voi suodattaa tietoja sekä luoda erilaisia listoja liideistä. Jos esimerkiksi tarjoat useita eri palveluita eri asiakassegmenteille, voit luoda sivutosi sisällön mukaan eri feedejä ja jaotella liidit sen mukaan. Lidiit myös linkkaavat käytössä olevaan CRM:ään.

[https://www.leadfeeder.com/cookies-and-tracking/](https://www.leadfeeder.com/cookies-and-tracking/)

### Google Tag Manager ja Meta Pixel [#google-tag-manager-ja-meta-pixel]

Google Tag Manager on Googlen tarjoama sivuston tagien ja seurantapikseleiden hallintatyökalu. GTM on Javascript-koodilla rakennettu monikäyttöinen työkalu, jonka avulla voit helposti asentaa lisäseurantatageja sivustollesi. Dude pyörittää omaa GTM-palvelinta Google Cloudissa, jonka kautta kaikki seurantapikselit tulevat sivustolle käyttöön.

Käytännössä GTM:n avulla teemme maksettua mainontaa ja profiilia Internetissä. GTM:n kautta sivustolle ladataan evästeiden hyväksyessä mm. Meta Pixel markkinointia varten.

[https://developers.google.com/tag-platform/devguides/cookies](https://developers.google.com/tag-platform/devguides/cookies)

[https://developers.facebook.com/docs/meta-pixel/](https://developers.facebook.com/docs/meta-pixel/)


# Tiivistelmä (/tietosuojaseloste/tiivistelma)



Digitoimisto Dude Oy on sitoutunut suojaamaan asiakkaidensa yksityisyyttä ja tarjoamaan asiakkaalle mahdollisuuden vaikuttaa tietojen käsittelyyn tarvittaessa.

Tietosuojaselosteella informoimme asiakkaitamme heidän henkilötietojensa käsittelystä.

Asiakkaan on hyväksyttävä tämän tietosuojaselosteen ehdot käyttääkseen Digitoimisto Dude Oy:n tarjoamia palveluita.

Duden keräämät tiedot voidaan jakaa käyttäjän ostoprosessia ennen, sen aikana ja sen jälkeen annettuihin tietoihin, verkkopalveluiden kuten dude.fi:n tai muiden Duden tekemien nettisivujen käytöstä havannoituihin tietoihin sekä analytiikan avulla johdettuihin tietoihin.

### Käytämme tietoja [#käytämme-tietoja]

* Helppokäyttöisen ja turvallisen palvelun toimittamiseen
* Hyvän asiakaskokemuksen tarjoamiseen
* Tuotesuositusten ja markkinoinnin parantamiseen


# Voidaanko tätä tietosuojaselostetta muuttaa? (/tietosuojaseloste/voidaanko-tata-tietosuojaselostetta-muuttaa)



Palveluiden kehityksen ja läinsäädännön muutosten johdosta pidätämme oikeuden muuttaa tietosuojaselostetta.

Merkittävistä muutoksista tietosuojaselosteeseen ilmoitetaan asiakkaille ehtojen päivityksen yhteydessä.


# Mihin voin ottaa yhteyttä? (/tietosuojaseloste/yhteys)



Voit ottaa yhteyttä asiakaspalveluumme tietosuojaselosteeseen ja markkinointiin liittyvissä kysymyksissä: [tuki@dude.fi](mailto:tuki@dude.fi).

Tietosuoja-asioihin liittyviin kysymyksiin vastaa Roni Laukkarinen. Sähköpostia voi lähettää osoitteeseen: [roni@dude.fi](mailto:roni@dude.fi).


# Dailyt (/tyoskenteleminen-dudella/sisaiset-palaverit-ja-kehitys/dailyt)



Duden dailyt noudattavat pitkälti [Atlassianin mallia](https://www.atlassian.com/agile/scrum/standups) pienillä modauksilla. Tätä julkista dokumentaatiota päivitetään pian. Dailyt otettiin käyttöön 18.8.2025.


# Sisäiset palaverit ja kehitys (/tyoskenteleminen-dudella/sisaiset-palaverit-ja-kehitys)



### Sisäiset palaverit [#sisäiset-palaverit]

*Yrityksen henkilökunnan kesken* **viikkopalaveri** pidetään joka maanantai hyvissä ajoin ennen isompien töiden aloittamista kello 9:00. Tästä periaatteesta pidetään kiinni, mutta kellonaikaa voidaan ruuvata tarpeen vaatiessa tai siirtää palaveri toiselle päivälle, jos kaikki eivät pääse paikalle. Loma-aikoihin viikkopalaveriin osallistuvat paikalla olijat.

### Maanantain Viikkopalaverin™ agenda [#maanantain-viikkopalaverin-agenda]

Käydään läpi järjestyksessä:

1. Tilanne myynnin ja tulevien projektien osalta ([Pipedrive](https://digitoimistodudeoy-07a88c.pipedrive.com/))
2. Projektien tilanne, eteneminen ja aikataulu ([Trello](https://trello.com/b/OkWcwoTl/projektit))
3. *Tauko tarvittaessa - Kahvikupit täyteen jne.* ☕️
4. Pienkehityslistalla olevat asiat ([Height](https://height.app/sgr2jAyukJ/dude-pienkehitys)) ja työlistalla olevat asiat ([Google Docs](https://drive.google.com/drive/folders/1O6o9zD81D5943IyjZ0NHcG-TQ6XZh-ji?usp=drive_link))
5. Muut tarvittaessa läpikäytävät asiat (ilmoitusluontoiset, tyhyaktiviteetit, jne.)

### Omistajien kehityspalaverit [#omistajien-kehityspalaverit]

Viikoittainen tapaaminen perjantaisin klo 8:00.

Lakisääteiset hallituksen kokoukset ja muut palaverit pidetään omistajien kesken aina tarvittaessa. Duden omistajat pyrkivät pitämään tapaamisen ylipäätään vähintään kerran kahdessa kuukaudessa.

### Kehityskeskustelut [#kehityskeskustelut]

Pari kertaa vuodessa luottamuksellisesti.


# Dev Friday: Perjantain kehityspalaveri (/tyoskenteleminen-dudella/sisaiset-palaverit-ja-kehitys/perjantain-kehityspalaveri)



### Perjantaisin kehitytään [#perjantaisin-kehitytään]

Perjantaina pidämme kevyempää työpäivää ja kokoonnumme 10-12 jollakin workflowta, työkaluja tai koodia kehittävällä ajatuksella. Jokainen voi miettiä myös etukäteen, jos haluaa pitää jostakin aiheesta vapaaehtoisen esitelmän kaikille perjantaina. Perjantain keskustelunaiheita voi myös ehdottaa etukäteen Slackissa viikolla.

Perjantain tarkoituksena on kehittää sisäisiä työkaluja, teemoja, open source repoja, jne.

> \[!NOTE]
> Alla oleva on "legacya", eli vuodesta 2021 syyskuuhun 2023 järjestetty koodikatselmointi, rippistä. Jätetään tähän dokumentti arkistointia varten.

### Viikottainen koodin katselmointi [#viikottainen-koodin-katselmointi]

Kalenterissa on joka **perjantai kello 15:30-16:30** "Devitsekki II: Viikottainen koodin katselmointi™" (engl. Weekly Code Review), joka on se hetki, jolloin käydään viikon aikana saatuja tuotoksia läpi.

### Agenda [#agenda]

1. Viikon aikana jokainen valitsee omasta tuotetusta koodistaan yhden kohdan tai osa-alueen, jota haluaa esitellä.
2. Perjantaina jokainen esittelee vuorollaan oman valitsemansa kohdan.
3. Esittelijä esittelee koodinsa ja kertoo siitä omin sanoin esittelyuvuoron aikana.
4. Puheenvuoron jälkeen muut katsovat esittelyvuorossa olevan koodia läpi omalta koneeltaan tai näytöltä, kertovat parannusehdotuksia tai muulla tavoin kommentoivat koodia, jos on kommentoitavaa.

Toistetaan 1-4 siihen asti kun kaikki ovat päässeet esittelemään koodinsa.


# Kahvikoneen (maitosysteemin) puhdistusohjelma (/tyoskenteleminen-dudella/toimistotila/kahvikoneen-maitosysteemin-puhdistusohjelma)























1. Laita maitotörppö jääkaappiin, puhdista letku.
2. Jos kahvikone ei ole päällä, laita se päälle.
3. Tarkista että säiliössä on vettä ja letku ja "Moshi moshi" -alusta ovat näin:

<img src="__img0" />

3. Puhdistusvalikon saa esiin vasemmanpuoleisesta mustasta napista. Jos kone näyttää punaisella, että täytyy tehdä kokopuhdistus tai kalkinpoisto, valikon saa esiin painamalla nappia pitkään.

<img src="__img1" />

4. Valitse "Clean the milk system" ja Start:

<img src="__img2" />

5. Valitse start:

<img src="__img3" />

6. Laita puhdistuspuruja **3 painallusta** vasempaan laariin:

<img src="__img4" />

7. Next:

<img src="__img5" />

8. Next:

<img src="__img6" />

9. Kone alkaa puhdistamaan. Odota noin 2 minuuttia ja sen jälkeen huuhtele letku ja alusta/säiliö. Voit vielä pestä astiat, kun vedät alhaalta niin saat astiat ulos ja voit huuhdella ne ja jättää vaan pöydälle. Valmista tuli!

<img src="__img7" />

<img src="__img8" />

<img src="__img9" />


# Musiikki (/tyoskenteleminen-dudella/toimistotila/musiikki)



Musiikki on elintärkeää viihtyvyyden kannalta. Soitto soi aina kun mahdollista.

### Musiikki [#musiikki]

Toimiston kaiuttimista voi soittaa sellaista musiikkia, jota kaikki tykkäävät kuunnella. Musiikki on rock-painotteista, mutta sitä soitetaan laidasta laitaan.

Musiikki ei saa missään nimessä häiritä asiakastapaamisia tai puheluita. Muissa tilanteissa musiikin kuuntelu on vapaata oman maun mukaan.

### Duden virallinen toimistosoittolista [#duden-virallinen-toimistosoittolista]

Spotifysta löytyy soittolista nimeltä [DUDEKVLT](https://open.spotify.com/playlist/2vQSbIOXq3zGksBdubCRFv?si=3a1186fc7f0a48ff).

[https://open.spotify.com/playlist/2vQSbIOXq3zGksBdubCRFv?si=a78ad0697e7d4544](https://open.spotify.com/playlist/2vQSbIOXq3zGksBdubCRFv?si=a78ad0697e7d4544)

### Muut soittolistat ja kappaleet [#muut-soittolistat-ja-kappaleet]

#### Vanhat listat [#vanhat-listat]

[https://open.spotify.com/playlist/6sn5zMP7Cybsz5YhNO7gH2?si=80b38e66d3b14b0c](https://open.spotify.com/playlist/6sn5zMP7Cybsz5YhNO7gH2?si=80b38e66d3b14b0c)

[https://open.spotify.com/playlist/6qgBHtta9tZ5gZMOf5GgzN?si=639880c6a26445f5](https://open.spotify.com/playlist/6qgBHtta9tZ5gZMOf5GgzN?si=639880c6a26445f5)

#### Hulluus [#hulluus]

Alla olevan listan kuunteleminen vain omalla vastuulla. Listaa kasattu Duden ensimmäisestä päivästä 22.5.2013 asti.

[https://open.spotify.com/playlist/2Uqu1MqUhYHipkDGUX1HTh?si=96802d4a7c584703](https://open.spotify.com/playlist/2Uqu1MqUhYHipkDGUX1HTh?si=96802d4a7c584703)

#### Rituaali, kun tulee uutta keikkaa [#rituaali-kun-tulee-uutta-keikkaa]

Kun tarjous on mennyt läpi, jolloin on soitettava Daft Punkin &#x2A;Get Lucky.*

[https://open.spotify.com/track/2Foc5Q5nqNiosCNqttzHof?si=e2f9b33229d7498c](https://open.spotify.com/track/2Foc5Q5nqNiosCNqttzHof?si=e2f9b33229d7498c)


# Sähköpöydän nollaus (alakerta) (/tyoskenteleminen-dudella/toimistotila/sahkopoydan-nollaus-alakerta)



### Linak-pöydän nollaus tai alustaminen [#linak-pöydän-nollaus-tai-alustaminen]

1. Paina "alas"-painiketta siirtääksesi Linak-pöydän kokonaan alaspäin
2. Kun pöytä on saavuttanut alimman asennon, paina "alas / alas" -painiketta uudelleen 2 x 10 sekunnin ajan (paina ja pidä painettuna).


# Toimistoajat (/tyoskenteleminen-dudella/toimistotila/toimistoajat)



Toimistolla vietetään aikaa toimistoajalla, silloin kun siellä on muita paikalla. Tämä koskee koko taloa.

Toimistoaika on 8-17. Kun toimiston ovet ovat lukossa ja hälyt päällä, toimistolla **ei** vierailla ilman erityistä ja perusteltua syytä. Tämä sääntö ei koske yrityksen/toimistorakennuksen omistajia ja vuokralaisia.


# Viimeinen lähtijä (/tyoskenteleminen-dudella/toimistotila/viimeinen-lahtija)



Jos olet viimeinen toimistotilasta lähtijä, varmista seuraavat asiat. Nämä on jatkossa tulostettuna myös alakerran seinälle.

### Tarkistuslista [#tarkistuslista]

* **Kahvikone pestynä** - maidonpuhdistusohjelma tehtynä, purut ja likavedet tyhjennettyinä, koneen muoviastiat ulos vedettyinä keittiön ruokapöydälle
* **Kaikki ikkunat** ovat kiinni
* Talon viimeinen lähtijä huutaa kunnolla onko ketään muita alakerrassa paikalla, sen lisäksi hyvä käydä koputtelemassa ja kurkkimassa alakerran toimistot läpi, ettei ketään jää sisään. Tämän jälkeen **hälyt päälle**. Ovikoodi löytyy 1Passwordista nimellä *Dude Toimisto ovikoodi*
* **Irtopatterit** kytketty pois päältä
* **Ilmastointi** on pois päältä
* **Suihkun kuivaaja** on pois päältä
* **Omat kahvikupit** tiskattuina
* **Pidä oma työpöytä siistinä**. Varmista, että se on putsattu kupeista ja kipoista


# Etätyöskentely (/tyoskenteleminen-dudella/tyoajat/etatyoskentely)



Etätyöskentely on Dudella hyväksyttävää, välillä jopa suotavaakin toimintaa. Halutessaan töitä voi meillä tehdä etänä osan viikosta tai koko viikon, mutta silloin nyrkkisääntönä on, että täytyy olla helposti tavoitettavissa. Etäpäivät on hyvä ilmoitella etukäteen, vaikkapa Slackissa.

**Maanantaisin** on kaikkien hyvä olla paikalla viikkopalaverissa klo **9:00**, mutta siihen voi osallistua etänäkin Google Meet -puhelun välityksellä. Työpaikan valinta on vapaamuotoista, kunhan on tavoitettavissa.

Muistathan huolehtia työergonomiasta ja työn tauottamisesta myös kotona työskennellessä.

### Slack etäpäivänä [#slack-etäpäivänä]

Slack-kanavalla on oltava sen verran aktiivinen, että pysyy menossa mukana. Hiljaakin saa luonnollisesti olla, jos ei ole mitään asiaa.

Jos tulee vastaan tilanteita, jolloin ei ole saatavilla, täytyy käyttää Slackin tila-ominaisuutta, jolla tuo kaikkien tietoon että on esimerkiksi palaverissa, salilla tai eväällä.

### Etäily korona-aikana [#etäily-korona-aikana]

Maailmanlaajuisen pandemian kuten COVID-19:n ja erityisesti *lockdownin* osuessa kohdalle, jääthän kotiin, jos on mitenkään mahdollista. Toimistolla voi olla väkeä 1-2 kerrallaan, jos kotona työskentelemisessä on esteitä.

Jos olet vähänkään kipeänä tai edes pienessä nuhassa tai flunssassa, ota etäpäivä - tai vielä parempi, saikkupäivä.


# Työajat (/tyoskenteleminen-dudella/tyoajat)



### Sano ei kellokorteille [#sano-ei-kellokorteille]

Duden päivittäinen työaika on **7 tuntia, 30 minuuttia**. Jokainen on vastuussa omasta työajan käyttämisestään ja tunnit on merkattava ylös (katso myös [Työajan seuranta](tyoajan-seuranta/)).

Työmaalla on oltava vähintään *työopimuksessa merkityn ajan* verran. Työajat ovat Dudella joustavia, eli työt voi esimerkiksi aloittaa kahdeksalta ja lopettaa neljältä tai aloittaa vaikkapa kymmeneltä ja lopettaa kuudelta. Koska asiakkaat ovat valveilla keskimäärin aamusta iltapäivään, myös palveluun liittyvät työt ajoitetaan aamu, aamupäivä ja iltapäivä-ajoille.

> \[!WARNING]
> &#x2A;*Huom!** Vaikka suosimme yrityksessämme itseohjautuvuutta, edellytämme pääsääntöisesti kahdeksan tunnin työpäiviä, johon sisältyy puolen tunnin lounastauko. Tauot yms. kuuluu asiaan, esim. Lounge-tilassa. Ilta- ja viikonlopputöitä ei lähtökohtaisesti tehdä.


# Henkilökuntaedut (/tyoskenteleminen-dudella/tyohyvinvointi/henkiloekuntaedut)



### Hierontaetu [#hierontaetu]

Työntekijän etuihin kuuluu hieronta neljä kertaa vuodessa.

### Puhelinetu [#puhelinetu]

Työntekijä saa puhelimen ja puhelinliittymän firman piikkiin.

### Nettietu [#nettietu]

Työntekijä saa nettiyhteyden kotiin firman piikkiin.

### Smartum [#smartum]

Käy vaikka elokuvissa firman piikkiin! **Lue lisää eduista**.


# Työhyvinvointi (/tyoskenteleminen-dudella/tyohyvinvointi)



Dude pyrkii järjestämään kuukausittain yhteistä aktiviteettia. Tällaisia ovat olleet mm.

* Uimahallissa käyminen
* Aamupala hotellissa tai ravintolassa
* Frisbee-golf
* Huvipuisto (esimerkiksi Suomen Tivoli vapun aikaan)
* Pakohuone
* Mitä milloinkin keksitään...

Virkistyspäiviä pidetään aina suunnitelman mukaan.

### Koronahommat [#koronahommat]

Maailmanlaajuisen pandemian yllättäessä (COVID-19) jätetään tarvittaessa kokoontumisia pitämättä ja/tai käytetään maskia.


# Estimaattien lisääminen Timelyyn (projektipäällikkö) (/tyoskenteleminen-dudella/tyoajat/tyoajan-seuranta/estimaattien-lisaaminen-timelyyn-projektipaallikko)



1. Päivitä Height-taskin tiedot tarkkaan ajan tasalle
2. Lisää taskille tekijä (**Assignees**) ja &#x2A;*Estimaatti (h)**
3. Lisää arvioitu valmistumisajankohta/deadline (**Due date**)
4. Täppää **Lisää estimaatti Timelyyn**: Kyllä
5. Mene Timelyn Tasks -välilehdelle, täydennä tiedot: Lisää oikea projekti, tageiksi **Projektit ja tehtävät** ja taskille tekijä
6. Tee 1-5 aina uudelle myydylle tehtävälle.

Tämän jälkeen seuraa edistymistä ja tuntien käyttöä.


# Työajan seuranta (/tyoskenteleminen-dudella/tyoajat/tyoajan-seuranta)





Dudella työajan seurannassa käytetään [Timelyä](https://timelyapp.com/). Teknologiajohtaja Roni Laukkarinen esitteli Timelyn Clockifyn seuraajana 8.3.2024.

<img alt="Miksi Dude ylipäätään seuraa työaikaa? - Työaikalaki velvoittaa työnantajan seuraamaan työaikaa (Työaikalaki 872/2019 §) - Ajanseuranta on työntekijän turvaksi kehitetty, ajanseurannan ei ole tarkoitus &#x22;kytätä&#x22; - Nähdään miten kannattavaa eri tekeminen on - Tuntilaskutusta varten tarvitaan ajanseurantajärjestelmä, jotta tiedetään paljonko voidaan laskuttaa - Voidaan seurata kunkin työkuormaa eli kapasiteettia ja ehkäistä ylikuormittumista - On ihan normaalia, että päivässä on taukoja tai ei-tuottavaa aikaa" src="__img0" />

> Toteutuneiden työaikojen seuranta on Suomessa nykyään pakollista myös kuukausipalkkaisille työntekijöille sekä toimihenkilö- ja asiantuntijatyössä.

[*1.1.2020 uudistettu työaikalaki*](https://www.finlex.fi/fi/laki/alkup/2019/20190872)

### Joustavan työajan seuranta [#joustavan-työajan-seuranta]

Dudella on joustavat työajat. Lain mukaan *joustotyöajassa* **työntekijän tehtävä** on toimittaa työnantajalle säännöllisen työajan tunnit.

Työaikatiedoista tule ilmetä viikoittaisen työajan määrä, lounaat yli 30min, tauot, sairaspoissaolot ja lomat. Työnantajan velvollisuus on huolehtia, että työntekijä toimittaa kyseiset tiedot, koska näiden tietojen pohjalta työnantajan velvollisuus on pitää työaikakirjanpitoa. (Lisää: [Työsuojelu.fi](https://tyosuojelu.fi/tyosuhde/tyoaika/joustotyoaika))

###


# Timely-ohje (/tyoskenteleminen-dudella/tyoajat/tyoajan-seuranta/timely-ohje)





Timelyn virallinen käyttöohje löytyy osoitteesta [support.timelyapp.com](https://support.timelyapp.com/). Tämän ohjeen avulla pääset kuitenkin alkuun.

### Aloittaminen [#aloittaminen]

* Lataa [Mac-sovellus](https://timelyapp.com/downloads)
* Halutessasi voit ladata myös mobiilisovelluksen, jonka avulla GPS-paikannuksella tiedät esim. milloin olet missäkin tai voit hyväksyä tunteja ilman tietokonetta (valinnainen)

> \[!NOTE]
> Timely on tarkka yksityisyydestä, eikä käytä valvontakapitalismitaktiikoita. Mikään sovelluksen seuraama ei siis näy kenelläkään muulle kuin sinulle. Lue myös Timelyn yksityiskohtainen [Privacy](https://timelyapp.com/privacy)-seloste.

### Työajan kellottaminen työpäivän päätteeksi [#työajan-kellottaminen-työpäivän-päätteeksi]

Timely on puoliautomaattinen työkalu, joten voit rauhassa unohtaa Timelyn Memory appin taustalle ja merkitä työtuntisi päivän päätteeksi, esimerkiksi työaikasi loppuessa klo 17 tai 16. Timely arvailee mitä olet tehnyt ja oppii ajan kanssa, jolloin työajan merkkailu nopeutuu.

#### Nyrkkisäännöt [#nyrkkisäännöt]

* **Lisää kellotettavaan kohtaan aina minimissään tehtävän Height ID, mielellään myös tehtävän selkokielinen nimi.** Eli muotoa "Tehtävän selkokielinen nimi T-99999". Jos Height-tunnistetta ei ole, lisää kuvaus siitä mitä teit.

<img src="__img0" />

* **Aloittamisajankohdalla ja lopettamisajankohdalla ei ole suurta merkitystä, kunhan 7h 30min tulee päivässä täyteen.**
* **Merkitse työaikaa vähintään 7,5 tuntia**, ellei sinulla ole tasattavia tunteja esim. edellisistä venymisistä olemassa (varmista nämä esihenkilöltäsi).
* **Pyöristä lyhyemmät ajat esim. lähimpään 15-30 minuuttiin**, jotta saat tasatunnit aikaan eikä tarvitse kikkailla minuuttien kanssa.
* **Kellota myös tauot ja yli 30 minuuttia menevät lounasajat** (eli jos esim. olet ollut tunnin syömässä, kellota 30min projektiin "Lounas", koska 30min on jo vähennetty 8h = 7,5h).
* Merkitse lomat ja vapaat.
* Merkitse sairaspoissaolot myös jos tulet kesken päivän kipeäksi. Esim. jos olet töissä 12 asti ja työaikasi loppuu neljältä, kellota 4h sairaspoissaoloa.

[https://www.youtube.com/watch?v=jj82tQUr\_B4](https://www.youtube.com/watch?v=jj82tQUr_B4)


# Uuden projektin luominen Timelyyn (/tyoskenteleminen-dudella/tyoajat/tyoajan-seuranta/uuden-projektin-luominen-timelyyn)

















### Laskutettava työ [#laskutettava-työ]

1. Lisää uusi projekti nimeltään "Asiakas Oy - Laskutettavat tunnit" tai "Verkkosivu.fi - Laskutettavat tunnit"
2. Päivitä brändiväri ja tiedot ajan tasalle
3. Vaaditaan aina kuvaus seurattavalle asialle: **Require note when logging to project**
4. Asiakasyrityksen koko nimi (mukaan Oy, ry, sr, jne., esimerkiksi Gofore Oyj)
5. **People & Hourly rates** -kohdassa valitse kaikki henkilöt ja käytä aina jokaisen omia summia:

<img src="__img0" />

6. Jätä budjetti tyhjäksi:

<img src="__img1" />

7. Valitaan tagiryhmät, asiakasprojekteihin ja ylläpitoprojekteihin **Projektit ja tehtävät**, Duden omiin: Duden sisäiset. Vaaditaan valitsemaan vähintään yksi tägi: **Require at least one tag to be added to an hour**

<img src="__img2" />

### Ylläpitoprojektit [#ylläpitoprojektit]

* Projektin nimi muotoa "Verkkotunnus ylläpito" eli esim. "Sivusto.fi ylläpito" tai esim. "Sivusto.fi Multisite ylläpito", **ylläpito** kirjoitetaan pienellä
* Asiakasyrityksen koko nimi (mukaan Oy, ry, sr, jne., esimerkiksi Gofore Oyj)
* Vaaditaan aina kuvaus seurattavalle asialle: **Require note when logging to project**

<img src="__img3" />

* Ylläpitoprojektin budjetti on kuukausittainen ja valinnat tehdään seuraavasti. Katso kuukausilaskutussumma [Ylläpitoasiakkaat -excelistä](https://docs.google.com/spreadsheets/d/1Z0V7aShadlQDsQ3TtHKSKmD7jlvkJ3v4cWHUEEsobDA/edit#gid=0).

> \[!WARNING]
> Huom! Kuukausilaskutusprojektien budjettia ei voi enää muuttaa luomisen jälkeen, vaan projektin budjetti lukitaan. Tässä kohtaa kannattaa olla siis esim. summan suhteen tarkkana.

<img src="__img4" />

* Valitaan tagiryhmät, asiakasprojekteihin ja ylläpitoprojekteihin **Projektit ja tehtävät**, Duden omiin: Duden sisäiset. Vaaditaan valitsemaan vähintään yksi tägi: **Require at least one tag to be added to an hour**

<img src="__img5" />

### Pääprojektit [#pääprojektit]

Kokonaan uusissa projekteissa kaikki menee muuten tutulla kaavalla, mutta budjettiin merkitään **myydyt tunnit** seuraavasti:

<img src="__img6" />


# Yksittäiset tehtävät Timelyyn (/tyoskenteleminen-dudella/tyoajat/tyoajan-seuranta/uuden-projektin-luominen-timelyyn/yksittaiset-tehtavat-timelyyn)















> \[!NOTE]
> Huom! Keväällä 2024 päätimme, että lisätään yksittäisten tehtävien sijaan projekti "Asiakas Oy - Laskutettavat tunnit", koska seuraamme tehtävien ajankäyttöä ja kannattavuutta **Timely Tasks** toiminnallisuuden kautta. Tämän vuoksi alla oleva ohje ei enää päde ja on täällä vain arkistollisista syistä.

### Yksittäiset tehtävät Timelyyn integraation kautta [#yksittäiset-tehtävät-timelyyn-integraation-kautta]

Height-integraatio luo uuden tehtävän Timelyyn aina kun **Projekti Timelyyn** -attribuuttiin on valittu **Kyllä**:

> \[!NOTE]
> &#x2A;*Huom!** Kannattaa lisätä ensin Projekti Timelyyn -attribuutti ja sitten vasta Kyllä. Joskus rajapinta ei nimittäin havaitse muutosta. Toinen vaihtoehto on tehdä uudestaan jokin pieni muutos tehtävään. Rajapinta ei lisää projektia uudelleen, jos Timely-projektin nimestä löytyy Height Task ID (T-jotain).

<img src="__img0" />

Projektin luomisesta tulee Height-tehtävään kommentti "Timely-projekti luotu".

<img src="__img1" />

Tästä tulee myös ilmoitus Slackin #timely-kanavalle. Tällöin projektit menevät "Needs update" clientin alle Timelyssä.

<img src="__img2" />

Ei haittaa, vaikka projektin tietoja ei ehditä heti päivittämään, kun niihin voi lähteä heti kellottamaan aikaa.

Jos "Needs update" alta löytyy kuitenkin projekteja, näihin on projektipäällikön on täydennettävä tiedot:

* Asiakasyrityksen koko nimi (mukaan Oy, ry, sr, jne., esimerkiksi Gofore Oyj)
* Asiakkaan brändiväri (tämän voi poimia esim. asiakkaan verkkosivuilta [ColorSnapper](https://colorsnapper.com/) tai ilmaisella [Pika](https://github.com/superhighfives/pika)-työkalulla)
* Vaaditaan aina kuvaus seurattavalle asialle: **Require note when logging to project**

<img src="__img3" />

* Default billable rate: Individual rates

<img src="__img4" />

* Height-taskissa oleva budjetti, joka sovittu asiakkaan kanssa.

<img src="__img5" />