Brukerveiledning for DFS Grasrot hjemmesider Innholdsfortegnelse 1. Endringslogg... 1 2. Hva er Grasrot?... 2 3. Bestilling av hjemmeside... 3 4. Administrer din nye side... 4 4.1 Innstillinger... 5 4.2 Sideinfo... 5 4.3 Menyer... 6 4.4 Koble til Facebook... 7 4.5 Administratorer... 7 5. Skrive artikkel... 9 5.1 Redaktører... 10 5.2 Video fra YouTube og Vimeo... 10 5.3 Redigere artikler etter at de er publisert... 10 5.4 Legg til filer i artikler og menyer... 11 6. Samarbeidspartnere/sponsorer... 12 7. Skrive artikler på mobilen... 12 8. Gjøre artikler til toppsak... 13 9. Interaktive kart og kalendere... 15 9.1 Hvordan få tak i HTML-koden til Google-kart... 16 9.2 Hvordan dele en Google-kalender og få tak i HTML-koden... 18 Vedlegg 1 Hvordan embedde Office 365-kalenderen i DFS Grasrot... 20
1. Endringslogg Utgave Dato Forfatter Endringskommentar 1 28.04.2016 Geir Finstad Første eksemplar 2 02.09.2016 Geir Finstad 3 18.04.2018 Morten Undseth Større endringer av hele dokumentet, med tilføring av ny funksjonalitet. 4 07.05.2018 Morten Undseth Bildebehandling. 5 04.06.2018 Morten Undseth Filer i artikler og menyer. Gjøre artikler til toppsak. Interaktive kart og kalendere. 6 03.07.2018 Morten Undseth Filer i menyer. Redaktører (vedr. artikkelpublisering). Div. rettinger etter nyeste oppdatering fra leverandør. 7 13.09.2018 Morten Undseth Div. smårettinger/presiseringer, samt utvidet info vedr. redaktører. 8 06.02.2019 Morten Undseth Div. smårettinger/presiseringer, samt info om hvordan Office 365-kalenderen kan embeddes. Side 1
2. Hva er Grasrot? Grasrotløsningen er en hjemmesideløsning som er svært enkel i bruk, men som samtidig gir mye funksjonalitet. Man kan også bruke mobilen for å skrive artikler. Løsningen er selvfølgelig responsiv (dvs. tilpasset nettbrett, mobil, PC). Løsningen er utviklet av Innocode på oppdrag fra DFS. Denne hjemmesideløsningen benyttes også av mediebransjen og utvikles kontinuerlig videre. Seks gode grunner til å velge Grasrot: 1. Svært lett i bruk, enkel å oppdatere, også fra mobil. 2. Flere kan enkelt bidra med innhold. 3. Løsningen er responsiv, dvs. at den er tilpasset PC, nettbrett og mobil. 4. Fremtidsrettet løsning som vil bli prioritert av DFS. 5. Gode muligheter for å fremheve sponsorer/samarbeidspartnere. 6. Artikler fra samtlige lag vises på samlesiden: dfsgrasrot.no Eksempler på lag som benytter Grasrot: Urskog skytterlag: www.dfs.no/urskog Elverum skytterlag: www.dfs.no/elverum Frende Cup 1. runde 2018: dfsgrasrot.no/fc-1-runde-2018-oestlandet-24-27-mai Landsskytterstevnet 2020 i Elverum: ls2020.no DFS-artikler: dfsgrasrot.no o Samleside for alle artikler som publiseres av de respektive skytterlag/samlag Tour de Frøya: mitt-lag.no/tour-de-froeya o Ikke et skytterlag, men de bruker samme løsning Side 2
3. Bestilling av hjemmeside På grunn av personvernloven må skytterlagene opprette Grasrotbruker før bestilling sendes. Følg denne trinnvise metoden: 1. Opprett en bruker via følgende link: dfsgrasrot.no/users/sign_up a. NB! Benytt privat epost, da brukeren skal knyttes til deg som person. 2. Du vil nå komme til et vindu som vist over. Trykk på «Opprett ny enhet». 3. Skriv inn skytterlagets/samlagets navn som vist over, samt deres offisielle epost. Skiv også inn stedet til deres bane/registrerte skytterlags-/samlagsadresse. 4. Bestill Grasrot-løsning via følgende link: www.dfs.no/verdt-a-vite/itverktoy/hjemmesider a. Siden vil være usynlig til bestilling er foretatt, og den kan således ikke brukes før vi har mottatt endelig bestilling. Spørsmål rettes til support@dfs.no eller på telefon: 23 17 21 00. Side 3
4. Administrer din nye side For å administrere dine nye hjemmesider gå til dfsgrasrot.no. Klikk så på innloggingssymbolet oppe til høyre (som vist helt til høyre på skjermbildet under). Glemt passord? Gå til: dfsgrasrot.no/users/password/new Etter innlogging vil du bli dirigert til hovedsiden for Grasrot. Ved å trykke på personsymbolet oppe til høyre, og så videre til «Kontrollpanel», vil du få opp en liste over alle lag du har rettigheter til å administrere: Hvis du trykker på skytterlagets navn kommer følgende vindu opp: Publisert: Her vises alle dine publiserte artikler. Ikke publisert: Her vises artikler som ikke er publisert (kan være avpublisert, eller artikler hentet fra Facebook). Side 4
Ventende: Artikler som krever godkjenning fra deg vil ligger her. Gjelder typisk at personer uten tilgang til siden har skrevet en artikkel. Så kan denne publiseres etter godkjenning fra administrator. Samarbeidspartnere/sponsorer: Her kan du legge til logo til sponsorer. Administrer side og enhet: Her kan du legge til logo, banner, menyer, endre farger og administratorer. 4.1 Innstillinger For å legge til logo, banner, menyer, endre farger, administratorer kan du gjøre dette ved å klikke «Innstillinger», som vist her: 4.2 Sideinfo Under sideinfo ligger navnet på skytterlaget, adresse og epost. Vedr. adresse må dere velge et sted fra valgene som kommer opp. Fyll inn infoen om den ikke ligger der. «Enhetens tilhørighet» skal alltid være deres tilhørende samlag for et skytterlag. Samlagene velger eget samlag fra valgene (NB! Velg samlagsnavnet uten «Skyttersamlag» til slutt, som vist på eksempelet over). Adresse må være valgt for at Lagre-knappen skal bli synlig. Side 5
Oppe til høyre kan du laste opp logo (i formatene JPG/JPEG, PNG og GIF). Nederst i bildet kan du legge til en toppheading/banner, anbefalt størrelse på denne er 1x4 (høyde x lengde). Legg merke til at du kan laste opp flere bilder her, slik at dette blir en karusell i toppen. NB! Helt nederst i bildet har du et menyvalg som heter «Slett hjemmesiden». IKKE klikk på denne da den fjerner/sletter absolutt hele hjemmesiden deres. Det er ikke mulig å reversere dette. 4.3 Menyer I dette valget kan du bygge opp en menystruktur med hovedmenypunkter og undermenypunkter. I skjermbildet over ser vi at Knallerten skytterlag har opprettet en meny med navn «Referater», og videre undermenyen «2018». Menyer og undermenyer kan bytte plass ved å trykke på pilene. Nytt menypunkt: Klikk her for å opprette en ny hovedmeny som blir liggende øverst på hjemmesiden. Det er også mulig å legge til en link til andre nettsider på menypunktet. Ny undermeny: Klikk her for å opprette en ny undermeny som bli liggende under en hovedmeny (menypunkt). Det er ikke mulig å opprette undermenyer til menyer som er direkte link til andre nettsider. NB! Det er meget viktig at det trykkes «Lagre» etter at dere har skrevet tekst i menyene. Hvis dere forlater denne siden uten å lagre vil alt innhold gå tapt. Side 6
Skjermbildet over viser hvordan man opprettet et menypunkt med direkte link til en annen side. Fyll inn navnet på selve menyen, hak av boksen og fyll inn URL-adressen. 4.4 Koble til Facebook Du kan opprette en kobling til lagets Facebook-side slik at artikler som skrives på Facebook publiseres direkte på Grasrot-siden. Artikler som skrives på Grasrot vil også publiseres på Facebook. Publiseringsinnstillinger gjøres etter at du har koblet til Facebook. Den som skal opprette koblingen må være admin for Facebook-siden, samt være tilkoblet Facebook i nettleseren. Vi anbefaler at alle artikler skrives i Grasrot og synkroniseres mot Facebook, og ikke omvendt. Ved denne metoden blir sluttbruker tvunget til å navigere seg til Grasrot, og dette kan være en stor fordel for at de skal bruke siden, samt at eventuelle sponsorer blir lettere synlig for publikum. Synkroniseringsvalg Etter at Facebook er tilkoblet i Grasrot har dere tre valg, forklaring følger: Autosynkroniser: Når dette valget er aktivert vil alt som skrives på Facebook-siden automatisk synkroniseres til Grasrot-siden. Post nye artikler til Facebook-siden: Når dette valget er aktivert vil alle artikler du lager i Grasrot, automatisk synkroniseres til Facebook-siden deres. Send importerte innlegg til godkjenning: Når dette valget er aktivert vil alt som skrives på Facebook-siden bli sendt til godkjenning før det eventuelt publiseres på Grasrot-siden. Disse artiklene vil ligge under «Ventende»-menyen. Forskjell på side og gruppe Det er viktig å presisere at dette KUN gjelder sider på Facebook, og ikke grupper. Trykk her for et eksempel på en Facebook-side. Trykk her for et eksempel på en Facebook-gruppe. 4.5 Administratorer Under denne fanen kan administratorer selv legge til de som skal kunne administrere siden. Ved å legge til flere administratorer skriver du enkelt inn epost-adressen til vedkommende nederst. Da kan personen lage seg en bruker på Grasrot med denne eposten, og får da umiddelbart tilgang. Side 7
Side 8
5. Skrive artikkel Artikler kan enkelt skrives fra både PC og mobil. I dette delkapitlet tar vi for oss hvordan det gjøres fra PC. Gå først til siden du ønsker å skrive en artikkel, og trykk så på «Skriv»-knappen som vises oppe til høyre i skjermbildet. Skriv inn tittel og tekst. Det første avsnittet du skriver i selve artikkelfeltet vil bli vist som ingress når artikkelen er publisert. Bare klikk med musa direkte i feltet for å skrive. I menyen mellom tittel og artikkelteksten kan du endre skrifttyper, samt legge til bilder, filer, filmer og linker. Vi anbefaler at overskrift og ingress er så kort som mulig, dette for at alt skal vises på forsiden (hvis tittelen og ingressen er lang vil ikke alt vises på forsiden). Vi anbefaler at bilder som benyttes er rektangulære, enten i vannrett eller loddrett utførelse. Hjemmesideløsningen optimaliserer artikkelbildene på forsiden. Det er det første bildet i artikkelen som vises på forsiden. Hvis en for eksempel benytter kvadratiske bilder vil ikke dette hele tiden bli helt bra. Vi anbefaler at det ikke legges ut bilder som er større enn 2 MB, da siden fort kan bli veldig treig ved større bilder. Trykk på «publiser» oppe til høyre for å publisere. Du kan også velge å lagre artikkelen, uten å publisere. Dette gjøres under samme meny. Da vil artikkelen bli lagt under fanen «Ikke publisert» som vi forklarte innledningsvis i denne veiledningen. Vi anbefaler at dere alltid benytter bilder i artiklene, da vil siden bli mye bedre og trekke langt flere lesere. På deres forside vil kun artikler med bilder vises blant de tre første artiklene. Artikler som publiseres uten bilder vil dermed bli vist som artikkel nr. 4. Husk også på at alle artikler du publiserer vil bli liggende på dfsgrasrot.no. Denne siden samler opp nyheter fra alle lag. Side 9
5.1 Redaktører Hvem som helst kan opprette artikler i Grasrot. Så fremt de har laget seg en bruker i Grasrot, er innlogget, og de ikke er administrator av siden, vil artikkelen bli sendt til godkjenning når de har lagret denne. Da vil artikkelen ligge under «Ventende». En administrator av siden kan da godkjenne den ene artikkelen for publisering, eller godkjenne personen som redaktør. Hvis dere godkjenner personen som redaktør kan vedkommende publisere artikler uten godkjenning. Her ligger det også en oversikt over hvem som er redaktør(er) av siden: Ved å trykke på «Untrust» fjerner dere en person fra å være redaktør, og vedkommende kan dermed ikke lenger publisere artikler uten deres godkjenning. 5.2 Video fra YouTube og Vimeo Klikk på videoikonet i artikkelen for å legge til video fra YouTube eller Vimeo. Du kan også legge inn embedded code i stedet for URL. 5.3 Redigere artikler etter at de er publisert Klikk på personsymbolet oppe til høyre i vinduet, klikk så på «Kontrollpanel», og trykk nå på skytterlagets navn. Nå vil du komme til en vindu med følgende faner (som vist på skjermbildet under): Publisert: Alle publiserte artikler. Trykk «Rediger» på det enkelte artikkel for å gjøre endringer. Du kan også avpublisere og slette artikler her. Ikke publisert: Ikke-publiserte artikler. De kan enkelt publiseres eller slettes hvis ønskelig. Ventende: Artikler som venter på en godkjenning for publisering. Personer uten administratortilgang kan lage artikler til siden. Disse artiklene kommer under denne fanen i påvente av godkjenning fra en administrator. Side 10
5.4 Legg til filer i artikler og menyer I artikler og menyer/undermenyer kan du enkelt legge til filer (PDF, Word, Excel etc.) ved å trykke på «Legg til filer» nederst i artikkelen/menyen. Filene vil da bli vist nederst i artikkelen/menyen/undermenyen, med det opprinnelige filnavnet. Det er dermed essensielt at dere har gitt filen et fornuftig navn før den lastes opp. Filene vil vises i den rekkefølgen de lastes opp, mao.: den siste filen dere laster opp vil havne nederst i lista. Vi viser her et eksempel. Vi har lastet opp tre vedlegg i en undermeny: Og her er sluttproduktet: Side 11
6. Samarbeidspartnere/sponsorer På hjemmesidens hovedside vil sponsorer vises i en kolonne på venstre side etter de tre toppartiklene. Legg til sponsor ved å trykke «Legg til banner». Velg så et bilde, navn over bedriften og URL-link hvis ønskelig. Trykk «Lagre endringer» oppe til høyre for å lagre. De samme valgene får du ved å trykke på «Rediger» til en sponsor som allerede ligger i listen. I tillegg kan man velge å vise alle sponsorer i alle artikler ved å huke av «Standardsponsor». På den måten kan skytterlaget selge inn tre ulike sponsorløsninger: Kun forside: Huk kun av «Sponsor er synlig». Kun artikkel: Huk kun av «Standardsponsor». Både forside og artikkel: Huk av begge valgene. 7. Skrive artikler på mobilen Bruker du mobil, kan du gå inn på dfsgrasrot.no og logge inn. Deretter kan du på en enkel måte skrive artikler bare ved å klikke de tre strekene oppe til høyre, for så å trykke på blyanttegnet. Vi anbefaler at dere står på aktuell side (for skytterlaget/samlaget) når dere trykker på blyant-tegnet. Skjermbildene under viser hvor lett det gjøres med mobilen: Side 12
8. Gjøre artikler til toppsak Så fremt artikkelen har et bilde, kan du gjøre denne til toppsak. Du kan velge inntil tre artikler som hele tiden vises på toppen av hjemmesiden: Ved å trykke på siden deres gjennom kontrollpanelet kommer dere direkte til menyen «Publisert». Her er alle deres artikler som er publisert. Ved å trykke på nåla (som vist over) vil bildet komme som toppsak til venstre. Hvis du trykker på nåla til en annen artikkel vil denne komme til venstre, og den andre som nummer to, osv. Det er dog kun mulig å ha tre artikler som toppsak, så hvis du trykker på nåla til en fjerde artikkel vil en av de allerede toppartiklene gå tilbake som vanlig artikkel lenger ned på siden. Ved å fjerne en toppartikkel trykker du igjen enkelt på nåla til aktuell toppartikkel. I eksempelet over kan vi se at artikkelen «Skyteskole for voksne er i gang» sist er markert som toppsak. Toppsak nummer to er «Samlaget arrangerer feltsamlinger». Artikkelen «Nå Side 13
kan du få 6,5x55 gratis hos oss!» er ikke en toppsak, men kommer blant topp tre siden kun to artikler er markert som toppsak. Side 14
9. Interaktive kart og kalendere I Grasrot kan man enkelt legge til interaktive kart og kalendere. Mulighetene er mange, og en kan videre få til dette med elektroniske dokumenter, Excel-ark osv. Det er også mulig å embedde kalenderen som finnes i Office 365 (som alle skytterlag og samlag har), se vedlegg 1 for dette. To eksempler: Dette kan legges til i artikler, menyer og undermenyer ved å lime inn HTML-koden til kartet eller kalenderen. Koden limes inn under «Insert Video» og så under «Embedded Code»: Side 15
9.1 Hvordan få tak i HTML-koden til Google-kart Når du har valgt ønsket kart fra Google (lagt for eksempel inn et sted fra og til) velger du meny på venstre side: Velg så «Del eller bygg inn kartet»: I vinduet som nå kommer opp velger du «Bygg inn et kart»: Side 16
Kopier HTML-koden og lim den inn i Grasrot som beskrevet. Side 17
9.2 Hvordan dele en Google-kalender og få tak i HTML-koden Du må være innlogget i Google (for eksempel med gmail). Gå til «Kalender» blant Googles apper: Her kan dere enkelt opprette en ny kalender. I vårt eksempel har vi opprettet «Utleiekalender»: For å gjøre kalenderen offentlig, samt kopiere HTML-koden, trykk på «Alternativer for utleiekalender», og så videre på «Innstillinger og deling». Du vil da få opp en rekke alternativer, blant annet gjøre den offentlig, og hvem som kan gjøre endringer i kalenderen: Side 18
Videre nedover på samme side går du til «Integrer kalenderen» og så til «Tilpass». Følgende vindu vil da komme opp: På venstresiden kan du gjøre diverse endringer, og det vil umiddelbart vises. Når endringene er utført kopierer du HTML-koden og limer den inn i Grasrot som beskrevet. Side 19
Vedlegg 1 Hvordan embedde Office 365-kalenderen i DFS Grasrot Alle skytterlag/samlag har kalender på Office 365-kontoen. Denne kalenderen er det mulig å dele og embedde i Grasrot, slik at alt innhold i kalenderen kan gjøres synlig for medlemmer eller øvrige som har behov for å se den. Her følger en brukerveiledning til hvordan dette skal gjøres: 1. Gå til portal.office.com og logg inn med deres skytterlags-/samlagsbruker. 2. Etter innlogging; trykk på «Outlook» under «Apper» (der dere åpner selve mailen). 3. Følg punktene i skjermbildet (se forklaring under): 1. Trykk på tannhjulet oppe til høyre. 2. Trykk på «Kalender» ned til høyre. 3. Trykk på «Kalenderpublisering» under «Delte kalendere» til venstre. 4. Under «Velg tillatelser» kan dere velge hvor mye som skal vises på den delte kalenderen: a. Kun tilgjengelighet: Her vises ingen detaljer i kalenderen, kun «Opptatt» eller «Ledig» innenfor det tidspunktet dere har valgt i hendelsen. b. Begrensede detaljer: Her vises tittel på det dere har opprettet i kalenderen, samt plassering og tid. c. Alle detaljer: Her vises tittel på det dere har opprettet i kalenderen, plassering, tid og detaljert forklaring som ev. er lagt til hendelsen. 5. Trykk «Lagre». 6. Kopier HTML-koden. 4. Gå til Grasrot og der dere ønsker å embedde kalenderen (hovedmeny, undermeny eller artikkel): Side 20
Trykk på «Insert video» og «Embedded Code» som vist over. HTML-koden dere har kopiert må limes inn i denne iframe-koden: <iframe width="800" height="600" src="office-koden" frameborder="0" allowfullscreen></iframe> Der hvor det står «OFFICE-KODEN» limer dere inn HTML-koden. Eksempel: <iframe width="800" height="600" src="https://outlook.office365.com/owa/calendar/55efe1748d0f41ea9ca98e6b166625f @skytterlag.no/c8186e256914e7ab232294d204ddfb850770828772411556/calendar.ht ml" frameborder="0" allowfullscreen></iframe> Hele denne koden limes så inn under «Embedded Code» i Grasrot (som vist på skjermbildet over). Side 21