gitpod stuff

lectures/README.md

+# Materiale laget med asciidoctor
+
+Mappa **asciidoctor** inneholder tekstlig materiale, mens **revealjs**-mappa
+inneholder lysarkene. 
+
+## Hvordan bygge
+
+Bygging av både dokumentasjon og lysark skjer med gradle.
+
+Bruk `gradle asciidoctor` for å generere HTML for det tekstlige og `gradle asciidoctorRevealJs` for lysarkene.
+Konvertering kan også gjøres med den generelle `gradle build`.

lectures/revealjs/gitpod.adoc

+= Gitpod
+:customcss: slides.css
+:icons: font
+
+++++
+	<img id="main-logo" class="main-logo" src="images/template/main_logo_eng_no_text.png" width="300" alt="ntnu logo"/>
+++++
+
+== Problem
+
+Programvareutvikling krever komplisert rigging
+
+[.smaller-80]
+* diverse språk og rammeverk, f.eks. python, java og javafx, javascript og node
+* installasjon av bygge-systemer som *maven*, *gradle*, *npm*, *sbt*, osv
+* hjelpeprogrammer som *git*, *yarn*, ...
+* IDE-en selv, med riktige utvidelser (plugins), f.eks. Eclipse, IntelliJ, VSCode, osv.
+
+[.smaller-80]
+Alt dette tar tid å rigge for hvert tilfelle, i tillegg må alle ha et oppdatert oppsett.
+
+== Gitpod = Theia + git + docker
+
+* Theia - nettleser-IDE bygget på VSCode
+* kjører i virtuell Linux-maskin (VM) i skyen 
+* konfigurering og arbeidsområde hentes fra git-repo
+* støtter git-basert arbeidsflyt
+* kommer med ferdig støtte for mange språk, rammeverk og verktøy
+
+== Gitpod og github/gitlab
+
+[.smaller-80]
+* Gitpod starter opp med innholdet i et repo (evt. gren)
+* Støtter flere skytjenester for git
+** *gitpod.idi.ntnu.no* er satt opp mot *gitlab.stud.idi.ntnu.no*
+** *gitpod.io* kan brukes mot *github.com* og *gitlab.com*
+* konfigurasjon av Theia og VM styres av diverse filer
+** **.gitpod.yml** og **.gitpod.Dockerfile**
+
+=== Gitpod-arkitektur
+
+[.stretch]
+image::../images/gitpod-arch.png[width=800]
+
+== Gitpod i IDI-emner
+
+Støtter mange undervisnings-scenarier
+
+* kode- og prosjekteksempler
+* øvinger og småskala prosjekter
+* alle relevante språk og rammeverk, spesielt web-utvikling
+* vanlig git-arbeidsflyt
+* deling av nå-tilstand vha. _snapshots_
+
+== Typiske scenarier 1
+
+Jobbe videre med eksempel/mal
+
+[.smaller-80]
+* fagstab gjør tilgjengelig repo med eksempel/mal
+* student åpner repo i Gitpod og jobber med materialet
+* tar evt. vare på det i eget repo
+** lager evt. eget repo på *gitlab.stud.idi.ntnu.no*
+** bytter til eget repo med *git remote*
+** lagrer endringer med *git add, commit og push*
+
+++++
+ <div id="footer" class="footer">
+ 	<div style="display:table-row;">
+     <span class="element" style="width:150px;">
+     	<a href="https://www.ntnu.no" target="_blank">
+     		<img 	id="footer-logo" class="footer-logo" 
+     				src="images/template/logo_ntnu.png" 
+     				alt="ntnu logo" height="28"/>
+     	</a>
+     </span>
+     <span class="element" style="width:300px;">| IT1901 - Om gitpod </span>
+     <span class="element">&nbsp;&nbsp;&nbsp;&nbsp;</span>
+  </div>   
+ </div>
+ 
+ <div id="vertical-ntnu-name" class="vertical-ntnu-name">
+ 	<span class="helper"></span>
+ 	<img src="images/template/vertical-ntnu-name.png" alt="Norwegian University of Science and Technology" />
+ </div>
+ 
+ <script type="text/javascript">
+     window.addEventListener("load", function() {
+         revealDiv = document.querySelector("body div.reveal")
+         footer = document.getElementById("footer");
+         revealDiv.appendChild(footer);
+         
+         titleSlideDiv = document.querySelector("div.slides section.title")
+         mainLogo = document.getElementById("main-logo");
+         titleSlideDiv.prepend(mainLogo);
+         
+         vertName =  document.getElementById("vertical-ntnu-name");
+         revealDiv.appendChild(vertName);
+     } );
+ </script>
+++++
\ No newline at end of file