46
Headless is the new hipster Yggdrasil 2017

Headless is the new hipster

Embed Size (px)

Citation preview

Page 1: Headless is the new hipster

Headless is the new hipster

Yggdrasil 2017

Page 2: Headless is the new hipster

Headless is the new hipster

Yggdrasil 2017

Page 3: Headless is the new hipster
Page 4: Headless is the new hipster
Page 5: Headless is the new hipster
Page 6: Headless is the new hipster
Page 7: Headless is the new hipster
Page 8: Headless is the new hipster
Page 9: Headless is the new hipster
Page 10: Headless is the new hipster
Page 11: Headless is the new hipster

Målgruppene*våre*ønsker*å*møte*oss*i*mange*kanaler*

30.10.13* 7*Forprosjekt*–*Digitalisering*av*nasjonale*faglige*retningslinjer*

EPJ*Ne:steder*og*intrane:* Mobile*enheter* Elektronisk*pasientjournal* Papir*

Page 12: Headless is the new hipster

DB

The Digital Ecosystem

Authoring tool

EPJ

The Norwegian Directorate of Health´s responsibility

Semantic and structured data

(JSON/XML & HTML)Classification methods

(ICPC-2, ICD-10, Snomed etc.)

Page 13: Headless is the new hipster

Headless? WTF?

Page 14: Headless is the new hipster
Page 15: Headless is the new hipster

Publisering og forvaltning av innhold - uten design

Page 16: Headless is the new hipster

Headless Decoupled LøsrevetAPI-first CMSCloud-first CMS Content Managment System - uten presentasjonslag

Hva er headless?

Page 17: Headless is the new hipster

Presentasjonslaget

Tradisjonelt CMS

Admininstrasjon av innhold

Lagring

Presentasjonslag

Headless CMS

Admininstrasjon av innhold

Lagring

Page 18: Headless is the new hipster

Bilde fra Kentico Cloud og smartspeil fra Max Braun

Flere presentasjonslag

Page 19: Headless is the new hipster

Klassisk headless

Page 20: Headless is the new hipster

Bygges med headless CMS

Fordeler:

•Innhold kan brukes både på nettsted og app

•De to flatene utfyller hverandre

•Mulighet til å tilby innhold til andre aktører

•Mulighet til å bruke innhold fra andre aktører

Nettjeneste for alvorlig

psykisk lidelse

Page 21: Headless is the new hipster
Page 22: Headless is the new hipster

Om søvn og alvorlig psykisk lidelse

Page 23: Headless is the new hipster
Page 24: Headless is the new hipster
Page 25: Headless is the new hipster
Page 26: Headless is the new hipster
Page 27: Headless is the new hipster
Page 28: Headless is the new hipster

– The performance we could get … was nothing short of breathtaking. We weren’t able to reach the same level of performance with WordPress.

Vitaly Friedman editor-in-chief of Smashing Magazine

Page 29: Headless is the new hipster

Derfor bør du elske headless

Page 30: Headless is the new hipster

1. Du kan forvalte innholdet ditt ett sted

Innhold

Page 31: Headless is the new hipster

venn.no

2. Du kan dele innholdet ditt

Innhold

konkurent.no

venn.no

konkurent.no

venn.no

konkurent.no

Page 32: Headless is the new hipster

2. Du kan dele innholdet ditt

Page 33: Headless is the new hipster

3. Man kan bytte ut publiseringsløsningen uten å redesigne flaten (for eksempel nettstedet)

Page 34: Headless is the new hipster

4. Man kan redesigne en flate (for eksempel et nettsted) uten å bytte ut publiseringsløsningen

Page 35: Headless is the new hipster

Derfor lar vi oss frustrere

Page 36: Headless is the new hipster

1. «Jeg publiserer inn i et sort hull:( Hvordan blir dette

seende ut????»

Page 37: Headless is the new hipster

2. Flere steder, mer komplisert og hvor legger man

presentasjonslogikken?

Page 38: Headless is the new hipster

3. Headless er siste skrik

Page 39: Headless is the new hipster

Når velge headless? Når velge et klassisk CMS?

Page 40: Headless is the new hipster

… NAV skal informere om foreldrepenger

#samme-informasjon-i-alle-kanaler

Headless er smart når …

Page 41: Headless is the new hipster

Headless være smart når …

Stine Camilla skal

samle helse-Norge

til ett rike

#samle-og-dele

Page 42: Headless is the new hipster

Oslo Universitetssykehus skal

lage en tjeneste for unge med

alvorlig psykisk lidelse

Headless være smart når …

#digitale-tjenester

Page 43: Headless is the new hipster

… du skulle ønske du bodde i

Brooklyn, men ligger og glaner

i taket på Bøler

#whatever

Headless er smart når …

Page 44: Headless is the new hipster

… du skal lage hjemme-

side til firmaet ditt

#bare-et-nettsted

Headless gir ingen mening når …

Page 45: Headless is the new hipster

… du (og 1000 kollegaer)

forvalter et hav av ustrukturert informasjon

som bare må på nett

#offentlig-sektor#desentralisert-publisering

Headless gir ingen mening når …

Page 46: Headless is the new hipster

Takk for oss!

Eirik Hafver Rønjum

[email protected]

92 40 31 65

@eirikhafver

Anders Olsen Sandvik

[email protected]

918 24 583

@andersos