32
Kommune- løsningen Kommunens nye website, klar til brug Udviklet med og for kommuner Open source, byg selv videre Leverandøruafhængigt

Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

1

Kommune-løsningenKommunens nye website, klar til brug

Udviklet med og for kommunerOpen source, byg selv videreLeverandøruafhængigt

Page 2: Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

2

Kommuneløsningen er udviklet til små kommuner, der vil hurtigt i gang med nyt website uden de store omkostninger. Og til lidt større kommuner der vil stå på skuldrene af de største.

Koden er udviklet for Rudersdal Kommune, som har investeret 3 - 4.000 timer i 2016 og 2017. Resultatet er et fleksibelt system med en let og intuitiv backend.

+ Udviklet med og for kommuner

+ Responsivt

+ Moderne, fleksibelt design

+ Intuitiv backend på dansk

+ Let håndtering af billeder og video

+ Sikker integration med sociale medier

+ Stærk søgemaskine

+ Integration med borger.dk

+ Opfylder de nye tilgængelighedskrav

+ Open source - Drupal

+ Koden er jeres - byg selv videre

+ Leverandøruafhængigt

Page 3: Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

3

Peytz & Co er et 360° digitalt bureau med speciale i det kommunikerende internet. Vi arbejder for Rudersdal og Københavns kommuner, Region Syd og Region Hovedstaden, Digitaliseringsstyrelsen, Erhvervsstyrelsen og flere end 300 andre offfentlige og private kunder.

Page 4: Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

4

IndholdIndledning

Et berigende fællesskab

En fleksibel, fuldt responsiv frontend

Responsiv

Backend - redaktørernes arbejdsplads

Intuitiv og på dansk

Brugerstyring og brugerroller

Tildeling af ansvarsområder - og redaktørens egen side

Versionering af indhold - og kladder

Oprette nye sider

Vælg en sidetype

Vælg globale eller lokale webparts

Globale links

Mediehåndtering, herunder billeder og PDF’er

Webparts

Harmonika

Multiteaser

Faktaboks

Baggrundsinformation

Call to action knap

Billede med tekst

Links som knapper (mest læste og relateret indhold)

Iframe

Embedded indhold (YouTube, Twitter, Vimeo etc.)

Funktionalitet

Søgning via Apache Solr med avanceret backend til styring

af resultater

Import af tekster fra Borger.dk

Tilgængelighed - WCAG

6

6

7

9

10

10

10

11

11

12

12

12

13

14

15

15

16

17

17

17

18

18

18

18

19

19

21

22

Page 5: Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

5

Globale elementer

Header og footer

Navigation

Cookie warning banner

Print

Sociale medier - del indhold

SoMe profiler

Topbillede (Herobanner)

Subsites på 10 minutter

Forudsætninger

Browser-understøttelse

Kodestandarder

Tilvalg

Ekstra funktionalitet

Webforms

Autocomplete til søgning

Tilgængelighedstoolbar

Lightbox

AD integration / SSO

Ekstra sidetyper og -indhold

Temaside

Kriseside + krisebanner på øvrige sider

Tip en ven

Smiley modul

Tekstboks i topbillede

Ekstra webparts

Billedbånd / slider

Nyhedsbrevstilmelding

Ordbog

Kontakt

23

23

24

24

25

25

25

25

26

27

27

27

28

28

28

28

28

28

28

29

29

29

29

29

29

31

31

31

31

32

Page 6: Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

6

IndledningKommuneløsningen er et basis-website til kommuner. Alt efter ambitioner og økonomi kan man benytte løsningen som den er, eller bruge den som udgangspunkt for videre udvikling og tilpasning.

Kommuneløsningens backend er udviklet i 2016 for Rudersdal.dk, et ambitiøst website udviklet for en af landets mest ambitiøse kommuner inden for digital kommunikation. Der er således 3 - 4.000 timer på at udvikle den redaktørgrænseflade/backend, der nu er kernen i løsningen. Den stabile kerne kan udvides, integreres og tilpasses efter ønske, og har allerede bevist sin værdi som fundament for andre kommunale web-projekter.

Kommuneløsningens frontend er et neutralt standarddesign, som er simpelt, to-the-point og bygget på best-practise, som vi ser det på fx soroe.dk, kk.dk og ballerup.dk Kommunen kan således komme hurtigt i gang ved blot at vælge farver og logo - alternativt sætte gang i en mindre, større eller fuldstændig omfattende designproces.

Kommuneløsningen er kommunens egen og kan tilpasses lidt eller meget. Kommunen er ikke bundet til at følge en bestemt releaseplan, men tager fuldt ejerskab af løsningen og hvad den skal kunne fra første dag.

Med løsningen begynder I der, hvor en af landets førende digitale kommuner er sluttet (selvom Rudersdal naturligvis også vil fortsætte sin egen udvikling). Rudersdals løsning har været i drift siden sommeren 2016.

Et berigende fællesskabGensidig inspiration og deling af udgifter til videre udvikling er oplagte fordele ved et fællesskab blandt kommuner, der anvender kommuneløsningen.

Peytz & Co forpligter sig til at facilitere et fællesskab blandt kommuner, der anvender løsningen, så snart mindst 3 kommuner har købt løsningen og ønsker at indgå i fællesskabet. Vi inviterer hvert kvartal til en diskussion om praktisk anvendelse og fælles udviklingsønsker. Vi tilpasser i fællesskab mødernes indhold og frekvens alt efter deltagernes behov.

Page 7: Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

7

En fleksibel, fuldt responsiv frontendKommuneløsningen bliver født med en standard-frontend, som endnu ikke er færdigudviklet, men bliver baseret på best-practise hos små og mellemstore kommuner.

Herunder skitser af den best-practise frontend, som vi,i skrivende stund, forestiller os den - vist i både desktop og mobil-udgave. Alle sider er naturligvis fuldt responsive.

De viste 2 eksempler er den samme frontend-kode - blot tilpasset forskelligt af redaktørerne. De viser dermed den store frihed, redaktørerne har i arbejdet med kommunens hjemmeside.

Her en forside med baggrundsbillede, søgefeltet og hvid baggrund:

Page 8: Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

8

Her en anden udgave af forsiden - alle ændringer er udført i den redaktionelle backend. Her er valgt et andet baggrundsbillede, blå genvejs-knapper og visning af teasere for løsningens temaer.

Der er mange andre muligheder for at tilpasse forsiden - og alle de andre sidetyper, løsningen indeholder. Pointen er, at selv et standard-design hurtigt bliver unikt i hænderne på jeres redaktører.

Se en nærmere beskrivelse af de mange elementer, redaktørerne kan sætte i spil i afsnittet Webparts.

Page 9: Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

9

ResponsivFrontenden er fuldt responsiv og tilpasser sig brugerens skærmstørrelse. Indhold i flere kolonner lægger sig under hinanden på mobilenheder, og ved siden af hinanden fra tablet skærmstørrelse og opefter.

Navigationen foldes sammen, som beskrevet under punktet Navigation. Billedstørrelse skaleres automatisk og bibeholder aspect ratio.

Tabeller fungerer også responsivt. Dog skal det pointeres, at tabeller med meget indhold, som hovedregel aldrig fungerer godt på små skærmstørrelser.

Page 10: Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

10

Backend - redaktørernes arbejdspladsIntuitiv og på danskBackend’en er intuitiv og let at gå til. Alt er oversat til dansk. (Hvis en superbruger ønsker at få udvidet administratoradgang, vil visse af hendes menuer dog være på engelsk).

I det følgende linker vi til videoer, der demonstrerer nogle af de mange muligheder. Bemærk, at nogle menupunkter i videoerne, i dette dokument, er engelske, hvilket skyldes, at vi har anvendt en test-database.

Brugerstyring og brugerrollerDe redaktionelle brugeres adgang til backend kan håndteres af kommunen selv. Det er muligt at oprette og nedlægge brugere og tildele dem roller. Kommuneløsningen kommer med følgende roller:

+ Administrator

+ Redaktør

+ Forfatter

Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer har adgang til brugeradministration og ellers udvidet adgang til de indstillingsmuligheder, der er på sitet.

I det følgende omtaler vi for nemheds skyld alle redaktionelle brugere som “Redaktører”. Vi anbefaler, at I nøjes med disse tre roller - for jeres egen skyld.

Det er muligt at oprette et uendeligt antal roller, der hver især kan tildeles meget fintmaskede rettigheder. Se hvor let systemet er i denne video:

Se video: Rettigheder og roller

Page 11: Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

11

Tildeling af ansvarsområder - og redaktørens egen sideRedaktører kan tildeles ansvar for specifikke sider på sitet. Når en (eller flere) redaktører bliver tilknyttet til en side, får de deres egen side med en oversigt over de tildelte sider. Når en redaktør stopper, kan det tildelte indhold overføres til en anden redaktør.

Det er muligt for andre redaktører at sende notifikationer til de tildelte brugere, hvis de falder over noget indhold, som den ansvarlige bør forholde sig til. Disse notifikationer vil fremgå af redaktørens egen side.

Versionering af indhold - og kladderSiderne på sitet versionsstyres. Redaktører kan se tidligere versioner af indhold på en given side, hvem der har lavet dem og hvornår ændringerne er foretaget. Man kan også let se differencen mellem forskellige versioner.

Når man arbejder med nyt indhold, der endnu ikke er publiceret, optræder det som kladder på den samme liste.

Herunder et skærmskud af versions-historikken for siden “Pas og Kørekort” med en udgiven version (grøn), en kladde (rød) og tidligere versioner derunder.

Page 12: Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

12

Oprette nye siderNår en redaktør skal oprette en ny side vælger hun først en sidetype og derefter hvilke webparts (komponenter), der skal være på siden - og hvor, de skal være. De mange elementer og det frie spillerum i forhold til hvordan de skal placeres, gør det muligt at skabe mange forskellige udtryk på de forskellige sider - samtidigt med at det overordnede design altid fastholdes, så det samlede site fremstår med et ensartet og gennemført design.

Vælg en sidetypeKommuneløsningen indeholder 4 generiske sidetyper, der understøtter den medfølgende funktionalitet, design og struktur. En forside, en sektionsside, en informationsside og en basis underside. De fire sidetyper er nok til at løse de typiske kommunikationsbehov på en kommunes hjemmeside.

Skulle der blive behov for yderligere sidetyper kan de fremstilles forholdsvis hurtigt ved at kopiere funktionalitet og skabeloner.

Se en kort forklaring af sidetyper i videoen. (Eksemplet i videoen viser flere end de medfølgende 4 sidetyper)

Se video: Sidetyper

Vælg globale eller lokale webpartsWebparts er komponenter, der frit kan indsættes hvor som helst i brødteksten. Herinde kan de trækkes rundt i teksten og placeres, hvor behovet er. Løsningen indeholder følgende webparts:

+ Faktaboks

+ Harmonika

+ CallToAction knapper

+ Baggrundsinformation

+ Billede med tekst

+ Multiteaser

Page 13: Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

13

Se afsnittet Webparts for en detaljeret gennemgang af de 6 webparts.

Yderligere webparts kan tilvælges, hvis der er behov for det - se under tilvalg.

Webparts kan indsættes lokalt, så de skal konfigureres specifikt på den pågældende side, eller oprettes globalt og genbruges på tværs af sider. Det sidste forsimpler administrationen af webparts på sitet, da globale webparts kun skal opdateres ét sted.

Se video: Webparts

Globale linksMange kommuner ønsker at kunne styre links centralt. Kommuneløsningen indeholder en database, hvor redaktører kan oprette et globalt link, der kan sættes ind på flere sider. Disse links administreres altså centralt, så et link kun skal ændres et sted, for at ændringen træder i kraft alle de steder, linket er indsat.

Globale links administreres fra en liste, der gør det let at overskue og redigere linksamlingen.

Se hvordan man opretter og indsætter globale links i videoen.

Se video: Linkdatabase

Page 14: Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

14

Mediehåndtering, herunder billeder og PDF’erBilleder og dokumenter bor i løsningens mediebibliotek. Det er muligt at uploade nye billeder og dokumenter (filer) via interfacet, på det sted og tidspunkt hvor de skal anvendes. Det er også muligt at fremsøge filer i biblioteket, så man let kan finde de filer man søger. Det hele indsættes i de enkelte sider via drag and drop. Det bliver ikke meget lettere.

Redaktørerne uploader billeder i fuld opløsning. Løsningen tilpasses automatisk billederne den størrelse, de skal vises i, således at brugerne får vist billeder hurtigt. Billeder bliver naturligvis gjort responsive i samme automatiske arbejdsgang. Og hvis billedets proportioner (aspect ratio) ikke passer til en aktuel visning, bliver det automatisk beskåret. En sådan beskæring foretages altid ligeligt fra begge sider, således at billedets center bliver bevaret.

Mediebiblioteket er en videreudbygning af et avanceret modul, oprindeligt bygget af Peytz & Co for TV 2 Regionerne. Modulet har vundet danske digitale bureauers pris for “bedste bidrag” - og TV2’s redaktør udtalte Bjørn Olsen, redaktør på TV 2 Regionerne:

“Det er nemmere at skrive artikler på TV Syd end at bruge Facebook.”

Page 15: Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

15

Se den korte video, om hvor enkelt mediebiblioteket er at benytte.

Se video: Mediehåndtering

Se også gerne udviklerens egen lidt mere tekniske beskrivelse: CKEditor Placholder

WebpartsWebparts er komponenter, der frit kan indsættes hvor som helst i brødteksten.

HarmonikaHarmonikaelementet indeholder overskrifter med tilhørende tekst. Klikkes der på overskrifterne, folder teksten ind/ud. Meget velegnet til at skabe overblik over lange tekster, og meget anvendt i det offentlige Danmark.

Stratpakkens harmonika kan også inkludere tekster fra Borger.dk. Se nærmere beskrivelse i afsnittet Import af tekster fra Borger.dk.

Se video: Webpart

Page 16: Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

16

MultiteaserMultiteaseren kan generere lister af indhold på sitet. Denne webpart er utrolig kraftfuld og kan anvendes til at generere rigtig mange forskellige lister. Redaktørerne kan indstille dynamiske filtre og sorteringer, såsom Seneste nyheder, Udvalgte temaer, Mest læste sider (kræver integration med et eksternt analytics-system). Dertil kan vælges forskellige layouts, som fx Kun overskrift, Overskrift med billede, overskrift med teasertekst osv.

Page 17: Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

17

FaktaboksFaktaboksen indeholder en titel og noget tekst. Teksten kan indeholde lister, links og de tekstformateringer, der er aktiveret på sitet (fed, kursiv etc.).

BaggrundsinformationBaggrundsinformation er en udvidet faktaboks. Den er bred, og kan indeholde flere tekstregioner. Den kan foldes sammen ved klik på minus-tegnet, ligesom vi kender det fra harmonika-elementet.

Call to action knapKnappen er et link til sider eller filer internt på sitet eller eksternt. Eksterne sider åbner i en ny fane.Ikoner på knapperne markerer om der er tale om et eksternt link, en pdf eller en mail-to. Interne links på sitet har ikke noget ikon.

Page 18: Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

18

Links som knapper (mest læste og relateret indhold)Redaktører kan oprette en linkgruppe, hvor hvert link vises som en knap. Disse kan være links til interne og eksterne sider eller filer. Eksterne sider åbner i et nyt vindue.Ikoner på disse links, følger konventionen fra CTA-knapper.

Billede med tekstBillede med tekst er en 50%-50% 2-kolonne komponent med billede i den ene side og tekst i den anden side. Billedet kan placeres både til venstre og højre. I teksten er der mulighed for etikette, titel, brødtekst og tekstlinks.

IframeDet er muligt at indsætte en iframe med tilhørende titel og beskrivelse. Iframes pakker en anden webside ind i jeres egen side. Iframes fungerer dårligt på små skærme og kan af flere andre gode grunde ikke anbefales, men der findes omvendt situationer, hvor der ikke er andre muligheder. Derfor er funktionen med.

Embedded indhold (YouTube, Twitter, Vimeo etc.)Kommuneløsningen understøtter indlejring af video på alle sidetyper via oEmbed standarden. Det sker ved at copy-paste et link til indholdet, så sørger webparten selv for at omdanne det til noget, der kan vises. Løsningen er optimeret til YouTube, Vimeo og Twitter. Det er muligt at indsætte links til andre tjenester også, men vi garanterer ikke, at disse er understøttet fuldt ud.

Page 19: Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

19

Funktionalitet

Søgning via Apache Solr med avanceret backend til styring af

resultater.Det er muligt at fremsøge både redaktionelle sider og dokumenter i de mest gængse formater (PDF, Word) via søgesiden. Søgemaskinen er Apache Solr, en state-of-the-art open source løsning, som benyttes over hele verden, blandt andet af Netflix, MTV og Apple.

Rækkefølgen af søgeresultaterne kan påvirkes af generelle regler gældende for alt indhold på kommunens site, og af specifikke regler opsat af redaktører.

De generelle regler for påvirkningen af søgeresultatet kan f.eks. være, at hvis et søgeord findes i titlen, så er det vigtigere, end hvis det kun findes i brødteksten.

Regler opsat af redaktører forholder sig til specifikke søgeord og prioriterer visningen af resultater, når brugeren søger efter noget bestemt.

Det er også muligt at tilføje synonymer til ord, så hvis der for eksempel søges på affald, så vil der automatisk også søges på skrald, skraldemand og skraldespand. Det kan hjælpe borgerne med at ramme det, de søger, bedre.

Page 20: Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

20

Hvis en bruger i eksemplet herover søger på affald eller et af de valgte synonymer, vil Solr skubbe udvalgte sider op i toppen af søgeresultatet. Redaktøren skal blot indtaste titlen på den side, hun vil have prioriteret, og klikke på Tilføj til listen. Derefter dukker siden op under den valgte prioritet. Man kan tilføje flere sider og ved at lægge dem under en af de 5 prioriteter, kan man sortere i rækkefølgen, de skal vises i. Sider med samme prioritet bliver sorteret ud fra Solr’s (søgemaskinens) logik på best match.

Page 21: Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

21

Import af tekster fra Borger.dkBorger.dk stiller en service til rådighed, hvor man kan hente tekster til brug på kom-munens site.

Teksterne fra borger.dk bliver automatisk opdateret hver nat via denne service, så eventuelle ændringer fra borger.dk’s side træder i kraft med en lille forsinkelse på ens site.

Man indsætter en tekst via harmonikaen, hvor det er let at finde vej ind til den tekst, der skal indsættes. Det er muligt selv at styre rækkefølgen af teksterne, ligesom man kan knytte kommentarer til hver tekst. Det er muligt at ændre overskriften på en given tekst fra borger.dk.Importeret tekst fra borger.dk bliver automatisk markeret med en “importeret fra borger.dk” fodnote.

Page 22: Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

22

Se det fungere i praksis i den korte video.

Se video: Webpart borger

Tilgængelighed - WCAGKommuneløsningen overholder de internationale retningslinjer for tilgængeligt webde-sign WCAG 2.0 på niveau AA. Det er op til redaktørerne at sikre, at disse retningslin-jer følges når indholdet lægges på.

Der kan tilvælges en tilgængeligheds toolbar (zoom knapper og et link til adgangfor-alle.dk hvorfra man kan downloade en skærmlæser), men den er ikke påkrævet af WCAG 2.0. Se under punktet Ekstra funktionalitet.

Page 23: Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

23

Globale elementer

Header og footerLøsningen er født med en standard header, indeholdende identitet i form af logo og navn, navigationens første niveau samt et søgefelt.

Navigationen kan indeholde max 4-5 punkter på første niveau (afhængigt af sidetitler). Se yderligere beskrivelse under Navigation.

Søgefeltet er altid vist (ingen animation af baggrundsbilledet) og som udgangspunkt uden autocomplete. Søgningen kan aktiveres ved enter og ved klik på lup/søgeknap.

Servicemenuen øverst kan fx bruges til links til Job, Kontakt etc.

Page 24: Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

24

NavigationNavigationen følger strukturen som på Ballerup.dk. Dvs. få sider på 1. niveau i headeren (max 4-5 sider) og en sektionsnavigation på forsiden med sektioner og undersider. Der er ingen restriktioner på antallet af sektioner eller undersider til hver sektion, og der kan oprettes yderligere sektioner under en sektion. På mobiltelefoner folder navigationen i niveau 1 sammen til ét punkt, og det samme gør punkterne i sektionsnavigationen.

Cookie warning bannerLøsningen indeholder et banner, der informerer om brugen af cookies og, at disse skal accepteres for brug af sitet.

Der linkes til infosiden “Om cookies”, hvor redaktøren kan skrive yderligere informa-tion om kommunens brug af cookies. Når brugeren klikker “Accepter”, får hun en cookie, så banneret ikke vises igen. Cookien udløber som udgangspunkt efter et år.

Page 25: Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

25

PrintDer følger en basis printskabelon til løsningen, således at sider kan printes pænt. Skabelonen indeholder logo og en tekstbaseret version af indholdet. Billeder bliver ikke vist i printskabelonen. Sidens adresse (URL) printes også.

Sociale medier - del indholdDer følger en standardfunktionalitet til deling af sider på sociale medier - det er link til hele siden der deles og ikke til enkelt content på siden. Løsningen er en simpel pop-up med delemuligheder for Facebook, Twitter og LinkedIn. Links/ikonerne til deling er en fast del af sideskabelonen.

SoMe profilerDer er mulighed for at indsætte links i footeren til kommunens Facebook-, Twitter-, LinkedIn- og Instragramprofiler.

Topbillede (Herobanner)På alle sider kan der indsættes et stort billede (herobanner) i toppen.

Page 26: Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

26

Kommuneløsningen indeholder en “subsite-maskine”, der understøtter oprettelse af subsites med en eller flere sider og egen indholdsmenu.

Subsites får eget grafisk udtryk ved at vælge farve og logo, vælge sidetyper og opsætning af de enkelte sider. Tilsammen giver det rige muligheder for variationer til hundreder forskellige subsites.

Ønskes et mere selvstændigt design end det, kræver det mere arbejde.

Et subsite kan oprettes på 10 minutter ved at gøre følgende:

+ Opret sitet med et klik

+ Tildel rettigheder til sitets redaktører

+ Vælg farve og logo på en lang række elementer

+ Udfyld informationer til footer og header

+ Udfyld indhold - og ring til Peytz & Co for launch

Se video: Subsites

Subsites på 10 minutter

Page 27: Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

27

Kommuneløsningen er prissat ud fra følgende forudsætninger:

Browser-understøttelseLøsningen er optimeret til følgende browsere:

+ IE10 og nyere til PC Windows 7 og senere

+ Seneste version af Edge til PC Windows 10

+ Seneste version af Chrome - til PC Windows 7 og senere

+ Seneste version af Chrome til Mac OSX El Capitan og senere

+ Seneste version af Firefox til PC Windows 7 og senere

+ Seneste version af Firefox Mac OSX El Capitan og senere

+ Seneste version af Safari til Mac OSX El Capitan og senere

+ Seneste native browsere til Android Marshmallow og iPhone iOS 10 og nyere

Løsningen kan sagtens anvendes fra Windows phone og IE9, men der optimeres ikke direkte til dem, dermed kan der være nogle designmæssige skønhedsfejl, eksempelvis streger, der ikke står lige.

Det er muligt at tilkøbe optimering mod disse browsere, men vi anbefaler det ikke, da det for det første er en ganske bekostelig affære, og for det andet er trafikken diminutiv. Fx stod IE9 for 0,3% af sidevisningerne i Damark i januar 2017 (kilde: http://danskonlineindex.dk).

KodestandarderBackendkoden overholder de gængse kodestandarder defineret på Drupal.org. Vi tester kontinuerligt mens vi udvikler. Al kode går også igennem en reviewprocess, der sikrer at løsningen også er implementeret på hensigtsmæssig vis.

HTML-markup, javascript og css overholder standarden, og vil løbende blive valideret via valideringsservicen på w3c.org.

Forudsætninger

Page 28: Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

28

TilvalgKommuneløsningen kan udbygges efter kommunens ønske, i princippet er der ikke noget, der ikke kan lade sig gøre, og vi hjælper jer gerne med at træffe det rigtige valg.

Herunder har vi samlet nogle af de mest oplagte udvidelser, som alle er forholdsvis hurtige at tilføje.

Ekstra funktionalitet

WebformsFormularer kan oprettes af redaktørerne selv via webforms. De understøtter upload af filer, notifikationer og de mest gængse input-felter. Det er også let at sætte validatorer på, så man for eksempel kan validere, at en emailadresse ligner en emailadresse, at der er 8 cifre i et telefonnummerfelt etc.

Via backenden kan man få et overblik over indsendte formularer. Man kan frit oprette flere formularer efter behov.

Autocomplete til søgningNår der indtastes ord i søgefeltet, kan vi præsentere de 5 første resultater i en drop down. Når der klikkes på en af disse, bliver man sendt direkte videre til siden. Det giver brugerne mulighed for hurtigere at komme til det relevante indhold.

TilgængelighedstoolbarIndeholder +/- zoom knapper og et link til digitaliseringsstyrelsens adgangforalle.dk, hvorfra der kan downloades en skærmlæser.

LightboxModalvisning af billeder, aka. Lightbox view.

AD integration / SSOOprettelse af brugere, rolletildeling mm. kan integreres med AD (active Directory) og AD kan styre Single Sign On.

Page 29: Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

29

Ekstra sidetyper og -indhold

TemasideEn temaside er en sektionsside, hvor der kan vælges et andet farvetema end på hovedsitet. Farvetemaet nedarves til eventuelle undersider.

Kriseside + krisebanner på øvrige siderEn side, der kan aktiveres i nødstilfælde, når kommunen har et akut behov for at informere borgerne. Al trafik til sitet dirigeres til denne side, hvis den er aktiveret. Herfra kan brugeren navigere videre, som vanligt. På alle øvrige sider tilføjes et krisebanner i en fremstående farve, så man altid kan komme tilbage til krisesiden.

Smiley modulSmileymodulet giver slut-brugerne mulighed for at give feedback på, om siden var en hjælp eller ej. Som udgangspunkt er der en glad smiley, en knap så glad smiley og en sur smiley.

På baggrund af disse tilbagemeldinger, får hver side en score, som kan bruges til at vurdere, om den bør justeres. I backenden til modulet vises en liste over enten alle sider, eller kun de sider, den Redaktionelle bruger er ansvarlig for. Listerne er sorteret, så de sider, der scorer værst vises øverst.

Modulet kan udbygges, således at antallet af besøg også vises og påvirker prioriteringen. Det kræver en integration op med et analytics-værktøj, såsom Gemius/Prism eller Google Analytics.

På næste side ses smiley-modulet, som det opleves af brugerne.

Tip en venLink til en formular hvor brugeren udfylder modtagerens email og eget navn. Det er også muligt at tilføje sin egen tekst, hvis det ønskes. Der sendes en email til modtageren med link til siden, et resume af indholdet og afsenderens navn + evt. besked.

Page 30: Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

30

Tekstboks i topbillede Der kan indsættes en tekstboks i herobanner (stort billede) i toppen af en side. Tekstboksen kan placeres til højre eller venstre i billedet.

Page 31: Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

31

Ekstra webparts

Billedbånd / sliderSlider-visning af billeder.

NyhedsbrevstilmeldingHvis kommunen vælger at anvende PeytzMail som nyhedsbrevsudbyder, kan vi stille en tilmeldingsboks til rådighed.

Ønsker kommunen at anvende en anden leverandør af nyhedsbreve, skal denne udvikles, med mindre vi allerede har leveret den samme løsning til en anden kommune.

OrdbogOrdbogen giver mulighed for at tilføje ordforklaringer på bestemte ord. De ord, der har en ordforklaring vil være markeret, og klikkes der på ordet, vil forklaringen dukke frem i en popup over ordet. Dette vil træde i kraft såvel i brødtekst som i webparts.

Page 32: Kommune- løsningen · 2017. 11. 8. · Forfattere har kun adgang til at redigere i indhold, mens Redaktører har større kontrol med indholdet, herunder oprettelse af indhold. Administratorer

32

Kontakt

Claus Sølvsteen

E-mail: [email protected]

Telefon: +45 2222 9042