index.qmd

---
pagetitle: "Dapla-manual-internal"
page-layout: custom
section-divs: false
toc: false
css: index.css
editor: source
description: | 
  A manual for using Statistics Norways dataplatform Dapla.
hide-description: true
image: images/dapla-logo.png
resources: 
  - images/ssb_logo.svg
  - images/dapla-long.svg
---
::: {.hero-banner}

::: {.content-block}

::: {.hero-text}
# Dapla-manualen

### Brukermanualen for SSBs dataplattform Dapla

- Lær om Dapla-team
- Utvikle kode i R eller Python
- Velg programmeringsmiljøer som [Jupyterlab](https://jupyter.org/), [VSCode](https://github.com/coder/code-server) eller [RStudio](https://posit.co/products/open-source/rstudio-server/)
- Utnytt prosesseringskraften i et skalerbart [Kubernetes](https://kubernetes.io/)-miljø
- Reproduserbare resultater med Git og GitHub
- Uendelig med lagringsplass i *Google Cloud Storage* bøtter

### Hvordan? Hva? Hvorfor? Dapla-manualen gjør overgangen til Dapla enklere.

::: {.hero-buttons}
[Kom i gang](statistikkere/index.html){.btn-action-primary  .btn-action .btn .btn-success .btn-lg role="button" style="margin-top: 1em;"}
::: 
:::

::: {.hero-animation}

<div class="cube">
  <div class="face left"><img src="images/ssb_logo.svg" alt="ssb"/></div>
  <div class="face front"><img src="images/dapla-long.svg" alt="dapla"/></div> 
  <div class="face right"><img src="images/ssb_logo.svg" alt="ssb"/></div>
  <div class="face back"><img src="images/dapla-long.svg" alt="dapla"/></div>
</div>

:::

:::

:::

::: {.hello-quarto .alt-background}
::: {.content-block}

# Velkommen

Dapla-manualen tar sikte på å gi SSB-ansatte mulighet til å ta i bruk grunnleggende funksjonalitet på Dapla uten hjelp fra *eksperter*. Den skal hjelpe statistikere, forskere og utviklere med å finne relevant informasjon på en enkel måte. Manualen er bygget opp med en del for [statistikere/forskere](./statistikkere/index.qmd), og en del for [IT-utviklere](./utviklere/lenker.qmd). I tillegg har vi en [blogg](./blog/index.qmd) der alle i SSB kan bidra med erfaringer, tanker og triks som kan være nyttig i overgangen til en ny plattform.

Alle ansatte i SSB kan bidra til denne manualen ved å følge [instruksjonene her](./statistikkere/appendix/contribution.qmd)
<br>

::: {.grid}

:::
:::
:::

::: {.content-block}
::: {.features}

::: {.feature}
### Dapla-team
For å jobbe på Dapla trenger man et Dapla-team. Det er teamet som får tilgang til ressurser på plattformen slik at de kan jobbe med data. 

::: {.learn-more}
[Les mer »](statistikkere/hva-er-dapla-team.qmd)
:::
:::

::: {.feature}
### R og Python
På Dapla støttes programmeringsspråkene R og Python. Det er kraftige verktøy for å jobbe med data og statistikk. 
:::

::: {.feature}
### Metadata
I SSB utvikles det et helhetlige metadatasystemer som skal gjøre det enklere å finne frem til data og forstå dem.

::: {.learn-more}
[Les mer »](statistikkere/datadoc.qmd)
:::
:::

::: {.feature}
### Git og GitHub
På Dapla brukes Git til å versjonhåndtere kode og GitHub til å lagre koden. 

::: {.learn-more}
[Les mer »](statistikkere/git-og-github.qmd)
:::
:::

::: {.feature}
### Programmeringsmiljøer
Velg mellom moderne programmeringsmiljøer som Jupyterlab, VSCode eller RStudio. 

::: {.learn-more}
[Les mer »](statistikkere/jupyter.qmd)
:::
:::

::: {.feature}
### ssb-project
Følg beste-praksis for koding i SSB med vårt interne verktøy ssb-project.

::: {.learn-more}
[Les mer »](statistikkere/ssb-project.qmd)
:::
:::

:::
:::

::: {.get-started .alt-background}
::: {.content-block}

[Kom i gang](statistikkere/index.qmd){.btn-action-primary  .btn-action .btn .btn-success .btn-lg role="button" style="margin-top: 1em;"}

:::
:::

:::{.sidebar-latest-news}
### Siste nyheter:

<div id="latest-news-box">
  <ul id="latest-news-list">
    <!-- Latest news items will be appended here -->
  </ul>
</div>
:::

<script>
  async function loadLatestPosts() {
    try {
      const response = await fetch('news/index.xml');
      if (!response.ok) throw new Error('Network response was not ok');

      const xmlText = await response.text();
      const parser = new DOMParser();
      const xmlDoc = parser.parseFromString(xmlText, 'application/xml');

      const latestItems = xmlDoc.querySelectorAll("item");
      const latestNewsList = document.getElementById('latest-news-list');

      latestItems.forEach((item, index) => {
        if (index < 3) { 
          const title = item.querySelector("title").textContent;
          const pubDate = item.querySelector("pubDate").textContent;
          const link = item.querySelector("link").textContent;

          const listItem = document.createElement('li');
          const titleLink = document.createElement('a');
          titleLink.href = link;
          titleLink.target = "_blank";
          titleLink.innerText = title;

          const dateText = document.createElement('p');
          dateText.innerText = new Date(pubDate).toLocaleDateString();
          dateText.style.margin = "0";

          listItem.appendChild(titleLink);
          listItem.appendChild(dateText);
          latestNewsList.appendChild(listItem);
        }
      });

      // Calculate height dynamically based on list items
      const sidebar = document.querySelector('.sidebar-latest-news');
      sidebar.style.height = `${latestNewsList.scrollHeight + 40}px`; // Add padding
    } catch (error) {
      console.error("Error loading latest news:", error);
      const errorMessage = document.createElement('li');
      errorMessage.innerText = "Kunne ikke laste nyheter";
      document.getElementById('latest-news-list').appendChild(errorMessage);
    }
  }

  loadLatestPosts();
</script>