Internet Episerver/G3 Ohjeet sisällöntuottajille 2. April 2017 | Title of Presentation

Päivän sisältö Sivujen luominen, rakenne, sivupohjat (-tyypit) Sivujen sisällön tekeminen Kuvat Liitetiedostot Taulukot Linkit (ulkoiset ja sisäiset linkit esim. toisille sivuille) Versionhallinta Sivujen versiotiedot Valikon ylläpitäminen Valikkojärjestys Tiedoteet (Uutisluettelo ja uutissivut) Lomakkeet (Lomake-sivutyyppi) Dynaamiset ominaisuudet Käyttäjienhallinta ja oikeudet

Combo G3 perustuu EPiServer-ohjelmistoon ja jatkaa Combo-versiolinjaa Combo G3 yleistä Combo G3 perustuu EPiServer-ohjelmistoon ja jatkaa Combo-versiolinjaa EPiServer on laajasti käytetty, kansainvälisesti menestynyt pohjoismainen ohjelmistoratkaisu EPiServerin suunnittelun painopisteet: Suorituskyky Hallittavuus Yksinkertaisuus, helppokäyttöisyys Toiminnallisuus Helppokäyttöinen ja monipuolinen verkkopalvelujen hallintaan tarkoitettu työväline

Osoite, käyttäjätunnukset ja - oikeudet Tuotantoympäristö julkinen puoli: http://192.168.254.134 Tuotantoympäristö edit (muokkaustila): http://192.168.254.134/edit Kirjaudu & muokkaa osoitteessa: http://testi.riihimaki.fi/edit http://testi.hausjarvi.fi/edit http://testi.loppi.fi/edit Sisällöntuotannon tila. 02 April 2017 Title of Presentation

Järjestelmässä on kolme eri näkymätasoa. Järjestelmän tasot Järjestelmässä on kolme eri näkymätasoa. Hallintatila – admin (tarkoitettu vain pääkäyttäjille) Muokkaustila – edit (sivupuunäkymä + editointinäkymä) Näyttötila – palvelun julkinen näkymä Näkymät määräytyvät käyttäjän oikeusroolin mukaisesti ts. kenellä on oikeus mihinkin näkymään ja toimintoihin.

Eri tasoille siirtymisessä on kolme eri mahdollisuutta: Järjestelmän tasot Eri tasoille siirtymisessä on kolme eri mahdollisuutta: Selaimen osoiterivillä: kirjoittamalla osoitteen jälkeen /edit tai /admin Hiiren oikeanpuoleisen painikkeen työkalut Järjestelmän omat painikkeet Toiminnallisuuksien käyttömahdollisuudet riippuvat tilasta, jossa käyttäjä sillä hetkellä on.

Eri tasoilla liikkuminen – Näyttötilasta Näyttötilassa Selaimen osoiterivi; kirjoita osoitteen loppuun /edit tai admin. Siis esim. http://192.168.254.134/edit Hiiren oikeanpuoleinen painike Nopeamuokkaus Muokkaustilaan (Hallintatilaan – vain pääylläpitäjillä oikeus) 2 klik

Eri tasoilla liikkuminen - muokkaustilasta Muokkaustilassa Selaimen osoiterivi Hiiren oikeanpuoleisella painikkeella Näyttötilaan Hallintatilaan Järjestelmän omat painikkeet 2 3

Muokkaa – Nopeamuokkaus - Muokkaustila Sivun muokkaus Sivun muokkaus Muokkaa – Nopeamuokkaus - Muokkaustila

Sivun muokkaus – Näyttötilassa Sivun muokkausvaihtoehdot näyttötilasta avautuvat hiiren oikeanpuoleisella painikkeesta avautuvasta valikosta. Muokkaa Nopeamuokkaus Siirtymällä Muokkaustilaan

Sivun muokkaus – Eri muokkaustyylit Muokkaa. Voit muokata tekstin sisältöä katkoviivan näyttämän alueen sisäpuolella. Muista tallentaa valikon painikkeella. Julkaisu välittömästi. Nopeamuokkaus avaa tekstieditorin aivan kuten normaalissa muokkaustilassa, lukuun ottamatta sivupuurakennetta muokkaustilan vasemmalla puolella. Muokkaustilassa sivun muokkaus sivupuurakenteen kanssa. Nopeamuokkauksessa järjestelmän Tallenna ja julkaise – painike, muutosten tallennukseen. Muokkaustilan etuna on siis esimerkiksi sivujen kopiointi, leikkaus, kohdistus haluttuun paikkaan yms. sivupuurakenteen mahdollistavat toiminnot.

Sivurakenne ja kuvakkeet Sivupuurakenteessa esiintyvät kuvakkeet kertovat sivun tilan. Jos et muista mitä kuvake tarkoittaa, vie hiiren osoitin kuvakkeen päälle, jolloin järjestelmä kertoo kuvakkeen selitteen.

Kuvakkeet ja työkalurivi Muokkaustilan kuvakkeet vasemmalta oikealle. Ylin rivi: Luo uusi sivu: luo uuden sivun sivupuurakenteesta valitsemasi sivun alle. Leikkaa valittu sivu. (oikeudet siirtyvät mukana) Kopioi valittu sivu. (oikeudet perivät uuden sijoituskohteen oikeudet) Liitä valittu sivu. Liittää leikatun tai kopioidun sivu valittuun kohtaan. Poista valittu sivu. Huom! Poistaa myös alisivut, jos poistat sivuhaaran pääsivun. Muuta dynaamisia ominaisuuksia. Muuta käyttöoikeuksia. Avaa valitun sivun oikeusdialogin. Avaa toimenpideikkuna. (työvirrat, tehtävät, myös tiedostonhallinta) Tiedostonhallinta (kuvat ja liitteet)

Kuvakkeet ja työkalurivi Muokkaustilan kuvakkeet vasemmalta oikealle. Alarivi: Omat asetukset: käyttäjätiedot AD:sta. Huom! Microsoft Office –lisäohjelma. Hallintatilaan (admin) Näyttötilan (julkinen näkymä) Ohje

Uusi sivu Uuden sivun luominen

Sivun luonti yleistä Pääylläpitäjiksi nimetyt henkilöt rakentavat järjestelmän perusrakenteen ja päätasot. Sivuston ylläpitäjät luovat uusia sivuja ja päivittävät olemassa olevia sivuja. Sivupuurakenne määrittää palvelun julkisen valikon, järjestelmässä ei siis ole erillistä valikkotyökalua. Sivuja on mahdollista tehdä sivupuurakenteeseen, ilman että ne näkyvät valikossa. Sivun lisätiedot välilehdellä löytyy valinta näytä sivu valikossa. (oletuksena sivu näytetään valikossa) Eri sivuilla käytetään eri sivupohjia, jotka määräävät minkälaisia kenttiä sivulla voidaan käyttää. Tiedotteet / uutiset ovat myöskin uusia sivuja, joille valitaan vain uutissivu –sivupohja. (huom! Ensin sivu joka käyttää uutisluettelo -sivupohjaa ja sen alle uutissivut)! Tehtäessä uutta sivua (tiedotetta) Uutisluettelon alle, järjestelmä valitsee automaattisesti uutissivun sivupohjaksi.

Sivun luonti - tiivistelmä Valitse sivupuurakenteesta oikea kohta, johon olet sivua luomassa. Valitse tarvittava sivupohja sen mukaan oletko tekemässä tavallista sivua, tiedotesivua jne. Täytä välilehtien tiedot. Muista tarkistaa saako sivusi näkyä valikossa vai ei (oletuksena: näkyy valikossa). Tallenna ja näytä. Ennen julkaisua tarkista onko sivullasi vielä kenttiä, jotka vaativat täydennystä. Tallenna ja julkaise. Voit jättää sivun myös julkaisematta ja julkaista sen myöhemmin tai ajastetusti. HUOM! Jos et julkaise sivua, muista muokkaamaan palattuasi hakea oikea versio muokkaukseen, sillä muokkaukseen palautetaan oletuksena viimeinen julkaistu versio.

Uusi sivu – Tavallinen www - sivu 1 klik 2 Valittu sivupuusta oikea kohta Valitse työkaluriviltä Luo uusi sivu – painike. Avautuvasta sivutyyppi listalta valitse Luo – painikkeella sivupohja. Sivupohja avautuu

Uusi sivu – Tavallinen www - sivu Anna sivulle nimi. Huomioi että sivun nimi näkyy sivulla otsikkona ja mahdollisesti myös valikkotekstinä. Aloita / lopeta julkaisu: ajasta julkaisu halutessasi. Kirjoita tai kopioi ja liitä muotoilemattomana teksti Editorin alueelle. Muotoile Editorin painikkeilla. Tuo kuvia tai liitteitä linkkeinä. Tarkista Lisätiedot välilehdeltä sivun näkyminen valikossa. Tallenna.

Kuvien ja liitetiedostojen tuonti järjestelmään Tiedostonhallinta Tiedostonhallinta Kuvien ja liitetiedostojen tuonti järjestelmään

Tiedostonhallinta Kuvat ja liitteet (esim. pdf – tiedostot) on ensin tuotava järjestelmän tiedostonhallinnan kansioon. Kuvia ei voi enää muokata järjestelmään tuonnin jälkeen, joten ota huomioon kuvan koko ja muoto jo ennen liittämistä. Perusperiaate toimii saman tapaisesti kuin hakisit liitetiedostoa sähköpostiisi. Klikkaa työkalurivin tiedostonhallinta – painiketta ja kansiorakenne avautuu näyttösi vasempaan reunaan.

Tiedostonhallinta Valitse ensin oikea kansio minne haluat lisätä tiedoston. Jos haluat käydä ensin tarkistamassa mitä kansiossa on, kaksoisklikkaa ja laita ruksi kohtaa näytä pikkukuvat, mikäli kyseessä on kuvakansio. Klikkaa tiedostonhallinnan työkaluriviltä Lisää uusi tiedosto – painiketta ja hae haluamasi tiedosto esim. omalta koneeltasi Browse – painikkeen avulla. Voit lisätä tiedostollesi lisätietoja halutessasi. Paina lisää. Oletuksena on tiedoston alkuperäinen nimi, mutta pääset muokkaamaan nimitietoja muokkaustilan ”kynä” –kuvakkeella.

Kuvien ja liitetiedostojen tuonti tiedostonhallinnasta tiedostonhallinnasta sivulle

Kuvien ja liitetiedostojen tuonti tiedostonhallinnasta Ota ensin muokkaukseen sivu, jolle olet tuomassa kuvaa tai tiedostoa. Jos tuot kuvan, lisää ensin teksti sivulle. Se helpottaa kuvan asettelua. Kuvan tuonti sivulle voidaan tehdä kahdella tavalla: Hakemalla kuva tiedostonhallinnan kansiosta muokkaustilan työkalulla ”Lisää kuva tiedostosta”. Avaamalla tiedostonhallinta ja raahaamalla kuva suoraan tiedostonhallinnan kansiosta sivulle. Liitetiedoston tuonti sivulle voidaan myös tehdä kahdella tavalla: Kirjoittamalla sivulle ensin tekstin minkä haluat tiedostolla olevan ja hakemalla sen tiedostonhallinnan kansiosta muokkaustilan työkalulla ”Lisää asiakirja”. Avaamalla tiedostonhallinta ja raahaamalla tiedosto suoraan tiedostohallinnan kansiosta sivulle. (HUOM! Tässä linkiksi tulee tiedostonhallinnassa oleva tiedostonimi)

Kuvan ja tekstin asettelu Kuvan ja tekstin suhteen asettelu sivulla

Kuvan ja tekstin asettelu sivulla Jos haluat useamman kuvan rinnakkain, on sinun käytettävä sivulla taulukkoa, jolla saat sidottua kuvat eri soluihin ja näin pysymään paikoillaan. Mikäli kuitenkin haluat vain asetella kuvan sivulla esimerkiksi vasempaan tai oikeaan laitaan, ja tekstin kiertämään kuvaa, ilman että sen oikealle tai vasemmalle laidalle jää tyhjää, voidaan se tehdä helposti kuvan ominaisuuksissa. Mikäli suunnittelet tällaista kuvan ja tekstin asettelua tuo kuva sivulle sen tekstin yläpuolelle, jonka haluat kiertävän kuvaa.

Kuvan ja tekstin asettelu sivulla Tuo kuva sivulle tekstin yläpuolelle. Klikkaa kuvan päällä, että saat kuvan aktiiviseksi. Klikkaa hiiren kakkospainikkeella aktiivisen kuvan päällä ja valitse valikosta Kuvan ominaisuudet. klik 2 3 klik

Kuvan ja tekstin asettelu sivulla Avautuvasta kuvan ominaisuudet ikkunasta valitse Tasaus sen mukaan kuinka haluat kuvan asettuvan sivulla. Vasen tarkoittaa, että kuva on vasemmassa laidassa ja teksti joka on kuvan alapuolella kiertää kuvan oikealta puolelta ja jatkuu koko sivun leveydeltä kuvan jälkeen. Määritä myös tilaa vaakasuunnassa jos teksti on liian lähellä kuvaa. (voi vaatia välikuittausta ensin kuvalle.)

Valikon järjestys – lajitteluindeksi Valikon sivujärjestys lajitteluindeksin mukaan

Valikon järjestys - lajitteluindeksi Kun viet hiiren sivun nimen päälle, näkyy avautuvassa ikkunassa sivun tiedot. Alimpana on sivun lajitteluindeksi. Sivun muokkauksessa lajitteluindeksin numero on ”Lisätiedot”-välilehdellä. Päävalikon sivujen väliin kannattaa laittaa lajitteluindeksiksi kymmeniä, esim. 10, 20, 30. Näillä numeroilla määrätään sivun näkyminen valikossa. Alasivuilla on hyvä jättää vieläkin isompi numerointiväli kuin kymmeniä, eli kannattaa toimia sadoilla. Silloin sivujen väliin jää enemmän tilaa lisätä väliin uusia sivuja kun peräkkäisten sivujen numerot eivät ole peräkkäisiä numeroita.

Sivunostot / dynaamiset ominaisuudet

Sivunostot – sivun dynaamiset ominaisuudet Sivunosto – alueita on palvelun oikeassa ja vasemmassa oikeassa reunassa, sekä ylävalikon yläpuolella. Voit käyttää kaikkia nostoalueita tai vain osaa. Jos haluat jättää nostoalueet tyhjiksi,( tai vain toisen nostoalueen tyhjäksi) käytä nostoalueen täyttönä tällöin tyhjää sivua. Sivunosto on käytännössä tavallinen www – sivu, jossa on sisältö jonka halutaan näkyvän noston sisältönä. Sivu jossa pieni osa tekstisisältöä, linkkejä, kuvia, tekstiä erotettuna taulukossa jne. voidaan nostaa valitulle sivulle nostoksi. Sivunosto määritellään sivun dynaamisissa ominaisuuksissa. Valitse siis sivu jolla haluat sivunoston olevan ja klikkaa yläreunan työkalurivillä olevaa dynaamiset ominaisuudet kuvaketta.

Sivunoston teko dynaamisissa ominaisuuksissa 1 Valitse sivu jolle haluat tehdä nostot ja paina Muuta dynaamisia ominaisuuksia –painiketta. HUOM! Painike ei ole muokkaustilassa, vaan löytyy sivupuurakenteen yläpuolelta. Dynaamisten ominaisuuksien listalta hae nostoalue – kentän lopussa olevalla painikkeella sivupuusta haluamasi sivut. Kuittaa valinta valittavana olevan sivupuurakenteen lopussa olevalla OK- painikkeella. Muista tallentaa. 2 3

Tiedotteiden tekeminen Tiedotteet Tiedotteiden tekeminen

Tiedotteen tekeminen Siirry Muokkaustilaan Mikäli tiedoteryhmää ei ole vielä luotu, paina Uusi sivu –painiketta ja valitse ”Uutisluettelo” –sivupohja Anna tiedoteryhmälle nimi -> Tallenna Palaa sivun tietoihin ja valitse ”Hae luettelo sivulta” -kohtaan juuri edellä luotu uutisluettelo-sivu -> Tallenna Valitse tiedoteryhmä johon haluat lisätä tiedotteen ja paina Uusi sivu –painiketta Täytä tiedotteen otsikko (nimi) Valitse julkaisu- ja piilotusajankohta Kirjoita tai liitä kopioimasi teksti editorialueelle Lisää kuvia, linkkejä jne tarpeen mukaan Tallenna ja julkaise

Lomakkeen luonti Lomakkeen luonti

Lomakkeen luonti Valitse sivupuurakenteesta kohta johon haluat luoda lomakkeen ja paina ”Uusi sivu” -painiketta. Valitse sivupohjaksi Lomakesivu. Määrittele lomakkeen perustiedot. Raahaa hiirellä ensin kuvaus jo valmiina olevaan soluun ja kirjoita tähän esim. gallupin kysymys ja tallenna. Lisää uusi rivi. Raahaa hiirellä valitsemiasi kenttiä tekemääsi taulukkoon. Tallenna lomake. Mikäli teet lomaketta vähän kerrallaan, tallenna lomake muokkauksen välissä ja palaa uudelleen muokkaamaan!

Lomakkeen luonti 1 Anna lomakkeelle nimi. Tavalliselle lomakkeelle ei tarvitse kirjoittaa erillistä sisältöä editointitilaan. Sivumallin tilastotiedot liittyvät gallup-toimintoihin, joten tavallisessa lomakkeessa ei ole merkityksellinen tieto. Klikkaa Lomake – kentän lopussa olevaa painiketta luodaksesi lomakkeen kentät. 4

Lomakkeen luonti Avautuvassa ikkunassa listautuvat jo olemassa olevat lomakkeet ja mahdolliset lomakekansiot. Voit luoda uusia lomakekansioita ja muokata niiden tietoja. Alla olevilla painikkeilla voit ottaa käyttöön listassa olevia lomakkeita Muokata listassa olevia lomakkeita Luoda uusia lomakkeita Määritellä ei lomakkeen – riippuen palvelusta Poistaa lomakkeen (vain mikäli se ei ole käytössä)

Lomakkeen luonti Voit tehdä lomakkeillesi erilliset lomakekansiot esim. toimialojen mukaisesti tai mikäli lomakkeita ei ole paljon laittaa kaikki yleiselle tasolle. Mikäli käytössäsi on useampia lomakekansioita, voit liittää luotavan lomakkeen oikeaan kansioon lomakkeen muokkaustilassa. Valitse Luo uusi – painike kentän lopussa olevista työkaluista. 5

Lomakkeen luonti Avautuvaan ikkunaan anna lomakkeellesi nimi. Valitse jos käyttäjä voi lähettää lomakkeen ilman sisäänkirjautumista (pakollinen Internet-palvelussa). Valitse voiko sama henkilö tai samalta koneelta lähettää lomakkeen useamman kerran (hyödyllinen esim. intran lomakkeessa, josta halutaan tilastollista tietoa per henkilö) Hae kiitossivu, mikäli haluat ja sellainen on valmiina (kiitos vastauksestasi) tai palaa liittämään sivu myöhemmin kun olet sellaisen tehnyt.

Lomakkeen rakentaminen: Lomakkeen luonti Lomakkeen rakentaminen: Luo taulukko muokkausalueen alaosan rivi – ja sarake-työkaluilla. Voit lisätä rivejä yksi kerrallaan ja täyttää niitä kentillä sitä mukaa. Raahaa haluamasi kentät taulukon soluihin yksi kerrallaan ja täytä kentän tiedot. Raahauksessa tartu hiirellä edessä olevaan kuvakkeeseen, älä tekstiin. Tallenna lomake muokkaustilan Tallenna lomake -painikkeella. 2 1

Lomakkeen luonti 1 2 3 4 Muokkaustilassa on aina yksi solu valmiina. Klikkaamalla solun sisällä saat sen aktiiviseksi. 1 Lisää rivi: lisää uuden rivin valitun solun yläpuolelle. Lisää rivi: lisää uuden rivin valitun solun alapuolelle. Lisää sarake: lisää uuden sarakkeen valitun solun vasemmalle puolelle. Lisää sarake: lisää uuden sarakkeen valitun solun oikealle puolelle. Poista rivi ja poista sarake, poistaa valitut kohteet. 2 3 4

Lomakkeen luonti – Taulukon kentät Kuvaus - kenttä Tekstikenttään voidaan syöttää esim. lomakkeen kysymys tai otsikko. Huomioithan että sivun nimestä tulee jo lomakkeellesi otsikko! CSS – luokka (tyylitiedostoja) kenttään ei tarvitse syöttää mitään, ellei merkkijonoa ole erikseen tätä varten määrätty. Tallenna ja syöttämäsi teksti näkyy muokkaustilassa. Pääset muokkaamaan kuvauksen tekstiä klikkaamalla uudelleen solua ja tallentamalla tekstimuutoksen uudelleen.

Lomakkeen luonti – Taulukon kentät Tekstikenttä – yksi vastauskenttä. Nimi: pakollinen, mutta ei näy julkisella puolella. Ei ääkkösiä eikä välilyöntejä. Otsikko näkyy kentän ”kysymyksenä” esim. Yrityksen nimi Työkaluvihje näkyy julkisella puolella selitetekstinä kysymyksen päällä. Leveys: kenttään mahtuva merkkimäärä esim. 20 merkkiä. Arvo määritettävä: kysymyksen pakollisuus. Vahvista muodossa: määritellään että vastaus kenttään syötetään sallitussa muodossa.

Lomakkeen luonti - Tekstialue Tekstialue – vapaa tekstialue Nimi: pakollinen, mutta ei näy julkisella puolella. Otsikko: kentän ”kysymys” esim. kerro omin sanoin. Leveys/ korkeus: kentän kokoja Arvo: määrittelee onko kenttä pakollinen Vahvista muodossa: määritellään että vastaus kenttään syötetään sallitussa muodossa.

Lomakkeen luonti – Taulukon kentät Monivalintaluettelo – alasvetovalikko Nimi: pakollinen kenttä mutta ei näy julkisella puolella. Otsikko: valintojen ”kysymys tai ohje” – voit siis tehdä tekstityökalulla itse kysymyksen ja kirjoittaa tähän monivalintaluettelon otsikkoon esim. ”valitse” yksi TAI vaihtoehtoisesti kirjoittaa suoraan tähän otsikkoon kysymyksen ja jättää tekstikentän pois. Vaihtoehdot: vastausvaihtoehdot jotka tulevat monivalintaluetteloon valittavaksi.

Lomakkeen luonti – Taulukon kentät Vaihtoehtopainike – valintanappi Voi vastata vain yhdellä vaihtoehdolla. Nimi: pakollinen kenttä mutta ei näy julkisella puolella. Otsikko: ”kysymys tai ohje” – voit siis tehdä tekstityökalulla itse kysymyksen ja laittaa otsikkoon esim. valitse yksi TAI vaihtoehtoisesti kirjoittaa suoraan otsikkoon kysymyksen ja jättää tekstikentän pois. Vaihtoehdot: vastausvaihtoehdot jotka tulevat valintanappien muodossa.

Lomakkeen luonti – Taulukon kentät Valintaruutu Nimi: pakollinen kenttä mutta ei näy julkisella puolella. Otsikko: ”kysymys tai ohje” – voit siis tehdä tekstityökalulla itse kysymyksen ja laittaa otsikkoon esim. valitse yksi TAI vaihtoehtoisesti kirjoittaa suoraan otsikkoon kysymyksen ja jättää tekstikentän pois. Vaihtoehdot: vastausvaihtoehdot jotka tulevat valintaruutujen muodossa.

Lomakkeen tekeminen – Taulukon kentät Painike – lähetä painike Painikkeen teksti: muuttaa painikkeen tekstin halutuksi esim. Lähetä vastauksesi. Valitse lähetyksen tulos ja huomioi jos valinta vaatii lisätietokenttien täydennystä. Esim. sähköpostiosoitteet jos valitset lähetyksen tulokseen vaihtoehdon Lähetä sähköpostiviesti. Muista lopuksi tallentaa lomake!