Kotisivujen päivitys uudella Yhdistysavaimella. Tervetuloa koulutukseen!

Transkriptio

1 Kotisivujen päivitys uudella Yhdistysavaimella Tervetuloa koulutukseen! kouluttaja Janne Käenniemi

2 Sivuston suunnittelu, tavoitteet Mikä on nettisivujen päätarkoitus? Mitä sivuilla halutaan saada aikaan? Esimerkiksi: Tiedottaminen? Työn vähentäminen? Jäsenhankinta? Kehittää/tukea brändiä? Muu?!2

3 Sivuston suunnittelu, kohderyhmät Kenelle sivusto on ensisijaisesti suunniteltu eli Mikä on sivuston pääkohderyhmä? Onko muita huomioitavia kohderyhmiä? Pohdittavaa: Mitä tiedämme kohderyhmästämme? Ikäjakauma, sukupuoli, asuinpaikka, elämäntilanne, mobiilikäyttöaste, muuta? Keskity erityisesti pääkohderyhmän kosiskeluun.!3

4 Sivuston suunnittelu, tavoitteita sisällölle Mikä on sivuston tärkein materiaali/tieto kohderyhmän näkökulmasta? Entä omasta näkökulmasta? Mikä on sivuston etsityin tieto? Tärkein ja etsityin tieto pitää löytyä helposti ja olla esillä esim. etusivulla tai menuvalikossa.!4

5 Yhdistysavain ja Sporttisaitti?!5

6 Mutta mihin hävisi Sporttisaitti? Olipa kerran kaksi lähes identtistä järjestelmää nimeltä Yhdistysavain ja Sporttisaitti Sporttisaitti oli tarkoitettu urheluseuroille ja Yhdistysavain muille yhdistyksille. Heinäkuussa 2019 Yhdistysavaimen kehittäjä päätti lopettaa Sporttisaitti-palvelun. Sporttisaitti-sivustoista tuli automaattisesti Yhdistysavain-sivustoja. Mitään käytännön merkitystä tällä ei ole entisille Sporttisaitin käyttäjille!!6

7 Mikä on Yhdistysavain? Kotimaisen Avoine Oy:n suunnittelema julkaisujärjestelmä suomalaisille yhdistyksille. Jos osaat käyttää tietokonetta, osaat käyttää Yhdistysavainta. Kotisivujen päivitys on helppoa ja turvallista ja nopeaa.!7

8 Mikä ihmeen julkaisujärjestelmä? Tietokoneohjelma, joka mahdollistaa kotisivujen rakentamisen ja päivittämisen ilman minkäänlaista ohjelmointiosaamista. Kaiken kotisivujen päivityksen teet verkkoselaimen kautta. Monet muut julkaisujärjestelmät kuten WordPress, Drupal ja Joomla ovat liian järeitä ja monimutkaisia useimmille yhdistyksille. Suomessa oli noin: Yhdistysavain-päivittäjää Not bad! Suomessa on n aktiivista yhdistystä. Yhdistysavain voi hyvin, sen jatkokehitys on turvattu ja se ei ole häviämässä mihinkään.!8

9 Mihin muuhun Yhdistysavain taipuu? Kotisivujen mukana tulee jäsenrekisteri, käytät sitä tai et. Jäsenrekisteri sisältää työkalut jäsentiedotukseen ja -laskutukseen. Kotisivujen ja jäsenrekisterin päivityksen pitää sujua rutiinilla! Aikaa vapautuu muuhun yhdistystoimintaan, harrastuksiin, perheelle, ystäville jne!9

10 Laitteet ja tuetut selaimet Sivuston päivitys onnistuu myös kännykällä ja tabletilla, mutta isommat päivityssessiot kannattaa tehdä läppärillä/pöytäkoneella. Tuetut selaimet: Google Chrome Mozilla Firefox Safari Microsoft Edge Huom. Microsoft Explorer-selain ei ole tuettu!!10

11 Kotisivujen rakenne ja avaintermit!11

12 Kotisivujen rakenne ja avaintermit Kotisivut koostuvat: Yhdestä etusivusta Päätason sivuista, jotka näkyvät menu-/navigointivalikossa Päätason sivujen alisivuista Alisivujen alisivuista jne. Kenties myös: Salasanan takana olevista sivuista esim. jäsen- ja hallitussivut.!12

13 Kotisivut koostuvat jatkoa Jokainen sivu koostuu yhdestä tai useammasta sisältöosiosta, jotka muodostavat ks. sivun sisällön. Osiot ovat kuin eri tarkoituksiin tarkoitettuja Lego-palikoita, joista rakennat sivu kerrallaan yhden kokonaisuuden, tässä tapauksessa kotisivut. Esimerkkejä yleisimmistä osioista!13

14 Esimerkkejä yleisimmistä osioista Perussisältöä : Teksti Kuvat Tiedostot Muita yleisiä osioita: Lomake Video Some-palstat!14

15 Uusi Yhdistysavain-versio? Kysymys on oikeastaan täysin uudesta työkalusta! Avoine Oy julkisti täysin uuden työkalun Joitakin työkalun ominaisuuksia on edelleen työn alla. Uusia ominaisuuksia saattaa tulla tupsahtaa työkaluun jopa kuukausittain! Uusien ominaisuuksien ilmestyminen työkaluun ei vaadi mitään toimenpiteitä sivuston päivittäjiltä!!15

16 Mikä sitten muuttuu uudessa työkalussa? Näyttävää ja toimivaa saa itse aikaan helpommin ja nopeammin kuin aiemmin! Nykyaikaisempi. Uusia ulkoasuteemoja ja sivuntaittoja Helppokäyttöisempi. Selkeämpi logiikka sivuston rakentamiseen Responsiivisempi. Sivusto toimii paremmin eri mobiilaitteilla Uudet ominaisuudet? Eipä juuri verrattuna vanhaan! UUTTA TULOSSA! Sivuhaarakohtaiset päivitysoikeudet (vähintään Plus-versio) Vähemmän käytettyjä ominaisuuksia saattaa poistua kokonaan!!16

17 Mikä pysyy ennallaan uudessa versiossa? Jäsenrekisteri / Jäsenluettelo Hinnoittelu!17

18 Entä nykyiset sivustot? Nykyiset Yhdistysavain-sivustot pysyvät täysin ennallaan. Jos yhdistys käyttää jo Yhdistysavainta: Mikään pakko tai kiire ei ole vaihtaa versiota uusimpaan versioon.!18

19 Miten uusi Yhdistysavain-versio vaikuttaa oman yhdistyksen kotisivuihin? Milloin se kannattaa ottaa käyttöön?!19

20 Yhdistykset, jotka ovat vasta ottamassa Yhdistysavainta käyttöön Ottakaa uusi työkaluversio heti rohkeasti käyttöön! Huom. Kotisivualustan valinnassa ja vaihdossa pitää aina selvittää ensin minkälaista sisältöä uudelle sivustolle tulee ja mitä ominaisuuksia alustalta vaaditaan. Mikäli perussisältö (teksti, kuvat ja tiedostot) riittää, on Yhdistysavain erinomainen valinta kotisivujen alustaksi.!20

21 Nykyiset Yhdistysavaimen käyttäjät Versionvaihto vaatii aina sivustouudistuksen. Tähän on hyvä varata riittävästi aikaa esim. yksi kuukausi. Tutkikaa ensin minkälaista sisältöä nykyisellä sivustolla on. Tukeeko uusi työkaluversio kaikkea tätä sisältöä? Sisällönkopiointityökalulla pystyy kopioimaan suurimman osan sisällöstä, mutta ei ihan kaikkea. Lisätietoa sisällönkopinitityökalusta tuota pikaa.!21

22 Nykyiset käyttäjät jatkoa Sivusto-uudistuksessa on myös erinomainen tilaisuus uudistaa koko sivuston sisältö. Poista kaikki turha sisältö sivustolta, jotta sivusto olisi jatkossa mahdollisimman helppohoitoinen ja haluttu sisältö löytyisi entistä helpommin. Hyvä tavoite on yrittää saada sivumäärä puristettua sivuun. Aina tämä ei toki onnistu esim. monilajiset urheiluseurat. Huom. Arkistoi muualla esim. pilvessä, Dropbox, GoogleDrive, OneDrive jne Kotisivut eivät ole tiedon arkistointiin vaan tiedon jakamiseen esim. vanhat tiedostot, tulokset, uutiset, valokuvat jne!22

23 Nykyiset käyttäjät jatkoa Ohjeet miten edetä versionvaihdossa: 1.Tutustukaa ensin rauhassa uuteen versioon ja sen ominaisuuksiin. Tämä koulutus on erinomainen alku. 2.Käykää läpi nykyisen sivuston sisältö. Minkälaista sisältöä ja ominaisuuksia sieltä löytyy perussisällön eli tekstin, kuvien ja tiedostojen lisäksi? Mikä on yhdistyksen tavoitteiden kannalta tärkeää ja välttämätöntä sisältöä? Mikä on vanhentunutta tai jopa turhaa? 3.Siistikää sivusto ja piirtäkää sivukartta, joka kuvaa mitä sivustolla pitää olla ja missä. Yksi A4 riittää. Tämän jälkeen!23

24 Nykyiset käyttäjät jatkoa 4. Kopioi kaikki haluttu sisältö vanhalta sivustolta Yhdistysavaimen tarjoamalla yksinkertaisella sisällönkopiointityökalulla. 5. Tarkista kopioitu sisältö ja asemoi tarpeen tullen uudelleen. 6. Uudista ulkoasu tai teetä ulkopuolisella esim. Nettitiimillä. Huom. Kopiointityökalukaan ei osaa kopioida ihan kaikkea sisältöä, joten on hyvin tärkeä tutkia etukäteen minkätyyppistä sisältöä omalta nykyiseltä sivustolta löytyy, jotta myöhemmin ei tulisi ikävää yllätystä.!24

25 Nykyiset käyttäjät jatkoa Uusi työkaluversio on nykyisen sisällä! Tämä idea selviää tarkemmin demon aikana. Uutta sivustoa voi rakentaa uuden työkaluversion puolella kaikessa rauhassa ilman, että se näkyy mitenkään ulospäin.!25

26 Uudesta versiosta puuttuu vielä esim. Kuvakaruselli/kuva-animaatio (arvio: syksyllä 2019) Tapahtumakalenteri (ei arviota vielä) RSS-syötelukija (ei arviota vielä) Keskustelupalsta (ei näillä näkymin tulossa) Pikakysely (ei näillä näkymin tulossa) Huom. Uutispalstojen määrä on toistaiseksi rajoitettu yhteen per sivusto. Monella yhdistyksellä on käytössä useampi samalla sivustolla. Tilanne !26

27 Tietoa sisällönkopiointityökalusta Kopiointityökalulla pystyy siirtämään ( ): Sivuston rakenteen sis. Jäsensivut jne. Tekstin, kuvat ja tiedostot Uutiset (ks. lisätietoa kohta) Facebook + Twitter-palstat Liittymislomake HTML-osiot Videot (vain YouTube) Suurin osa kopioituu kyllä, mutta lopputulos pitää aina tarkistaa. Todennäköisesti osa sisällöstä pitää asemoida uudestaan.!27

28 Lisätietoa sisällönkopiointityökalusta Uusi Yhdistysavain-versio mahdollistaa ensalkuun vain yhden ainoan uutislistan sivuston etusivulle. Loput uutispalstat voi toteuttaa tekstinä ja linkkeinä eräänlaisena manuaalisena uutislistana. Siirtotyökalulla voi siirtää vain osan sisällöstä kerrallaan esim. yhden sivuhaaran. Versionvaihdon jälkeen vanha sivuston materiaaleja pystyy vielä siirtämään 6kk ajan. Aloita kopiointi tärkeimmästä sisällöstä ja etene sivuhaara kerrallaan.!28

29 Lisätietoa sisällönkopiointityökalusta Kopiointityökalu ei kopioi: Verkkolomakkeita. Nämä pitää rakentaa uudelleen. Uuden version lomaketyökalu on erittäin ketterä. Ei tuettuja ominaisuuksia esim. Tapahtumakalenteri, RSS, pikakysely ja keskustelupalsta. Löytyykö teidän yhdistyksen sivustolta tällaista sisältöä? Voimme tutkia tätä yhdessä harjoitusten aikana!!29

30 Demo osa 1: Päivityksen ABC Sisäänkirjautuminen Ulkoasu lyhyesti Sivut Sisällönkopiointityökalu Sisällön perusteet!30

31 Sisäänkirjautuminen, pikaohjeet 1. Siirry yhdistyksen sivustolle verkkoselaimella. Osoite on ainakin alkuun tyyliin tai Ja myöhemmin oikea verkko-osoite kuten tai 2. Klikkaa vasemmassa alakulmassa olevaa pientä copyright-merkkiä. 3. Syötä käyttäjätunnus (sähköposti) ja salasana. Huom. Pääkäyttäjän/edellisen päivittäjän pitää ensin luoda sinulle käyttäjätunnus ja salasana Yhdistysavain-sivustolle.!31

32 Uuden päivittäjän lisääminen, pikaohjeet Sivuston pääkäyttäjällä on oikeus määritellä uusia kotisivujen päivittäjien oikeuksia. Ohjeet!32

33 Ulkoasun perusteet!33

34 Erityishuomioita liittyen Yhdistysavainulkoasun suunnitteluun Nettitiimin asiakkaat, jotka ovat tilanneet valmiin ulkoasun Nettitiimiltä. Jättäkää sivuston ulkoasuun liittyvät asiat meille ja keskittykää sen sijaan enemmän sivuston sisältöön. Yhdistysavaimen yhteistyöliitot tarjoavat usein valmiin Yhdistysavainteeman jäsenyhdistystensä / ammattiosastojensa käyttöön.!34

35 Ulkoasu -> Muokkaa tyylejä -> Väripaletti VÄRI 1: Linkit, painikkeet, mobiilivalikko VÄRI 1 VÄRI 2 VÄRI 3 VÄRI 4 VÄRI 2: Tausta, etusivun pääotsikko, menuvalikon tekstit, alisivuvalikon tausta mobiilissa VÄRI 3: Vaihtoehtoisen painikkeen väri, tekstilainaus VÄRI 4: Alisivuvalikon teksti, vaihtoehtoisen painikkeen tekstiväri, mobiilivalikon tekstin väri Tärkeimmät ovat väri 1 ja väri 2. Lista saattaa päivittyä:) Vinkki. Käytä yhdistyksen virallisia värejä tai nappaa ne yhdistyksen logosta esim. Imagecolorpickerillä.!35

36 Ulkoasu -> GoogleFonts 877 eri Google-fonttia käytettävissä! Tarkastele ja vertaile fontteja tämän linkin kautta! Yleiset fontit kuten Arial, Verdana, Helvetica löytyvät toki myös työkalun fonttivalikoimasta.!36

37 Demo osa 2: Sisältö-osiot ja sivuston testaus!37

38 Kuvakoot Yhdistysavain osaa skaalata kuvakokoa automaattisesti kokopalstan leveydestä kolmasosaan, mutta ongelmaksi muodostuu helposti kuvan mittasuhteiden säilyttäminen. Työkalu ei suostu näitä muokkaamaan. Parhaan lopputuloksen saa kun muokkaa kuvista fyysisesti suunnilleen oikean kokoisia kuhunkin käyttötarkoitukseen.!38

39 Kuvakoot: Karkeat suositukset leveyksistä Taustakuva, karkeasti: 2500 px * 1700 px Tarkka koko riippuu valitusta ulkoasupohjasta! Etusivulla 1/1 palstaa 860 px 1 2 palstaa 416 px 1 3 palstaa 276 px Alasivulla ilman reunavalikkoa 1/1 palstaa 849 px 1 2 palstaa 417 px 1 3 palstaa 273 px Alasivulla reunavalikon kanssa 1/1 palstaa 579 px 1 2 palstaa 282 px 1 3 palstaa 183 px!39

40 Kuvakoot: Karkeat suositukset leveyksistä Kuvan tallennuskoolla ei hirveästi merkitystä. Nettikäyttöön riittää pienempi ja systeemi osaa tehdä isosta kuvasta pienemmän, jotta sivun latautuminen ei turhaan hidastu.!40

41 Ohjeita Ulkoasu Nettitiimin muutama oma ulkoasuvinkki Sivuston rakenne ja sivut Sisällön muokkaus!41

42 Lisätietoja Ohjeet Yhdistysavain-kotisivujen päivittäjille: Työkalun omat sivustot:

43 Kiitos kaikille! Janne Käenniemi Puh Kotisivut: LinkedIn: Janne Käenniemi Facebook: Nettitiimi!43