Nye lysark

lectures/build.gradle

 plugins {
-    id 'org.asciidoctor.jvm.convert' version '3.0.0-alpha.3'
-    id 'org.asciidoctor.jvm.revealjs' version '3.0.0-alpha.3'
+    id 'org.asciidoctor.jvm.convert' version '3.2.0'
+    id 'org.asciidoctor.jvm.revealjs' version '3.2.0'
 }
 
 repositories {

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
+
+Rigging av utviklingsomgivelse tar mye tid
+
+[.smaller-80]
+* språk og rammeverk, f.eks. python, java, javafx osv.
+* støtteapplikasjoner og byggesystemer, f.eks. git, gradle, mavem, npm,, sbt osv.
+* IDE-er med riktig versjon og nødvendige tillegg, f.eks. Eclipse, IntelliJ, VSCode
+* ...
+
+Spesielt problematisk for kortvarig bruk, f.eks. øvinger og eksempler
+
+== Gitpod = Theia + git + Docker
+
+[.smaller-80]
+* Theia-IDE (basert på VSCode) i nettleseren startes opp fra en git-repo-lenke
+* Virtuell maskin kjører i skyen
+* Arbeidsområdet (workspace) og konfigurasjonen hentes fra repoet
+* Støtter alle relevante språk, rammeverk og byggesystemer
+* Kobles til git-skytjeneste som github og gitlab, men kan kjøres innomhus
+
+== Gitpod @ IDI
+
+[.smaller-80]
+* Vi har vår egen *gitpod.idi.ntnu.no* koblet mot *gitlab.stud.ntnu.no*
+(*gitpod.io* brukes mot *github.com*).
+* brukes i IT1901 til
+** prosjektmaler og -eksempler
+** øvinger i personlig repo
+** prosjektet i gruppe-repo
+* skal prøves ut i det små i IT GK i høst og i TDT4100 i større skala til våren
+
+=== Gitpod-arkitektur
+
+[.stretch]
+image::../images/gitpod-arch.png[width=800]
+
+== Gitpod-scenarier
+
+Dele eksempler
+
+[.smaller-80]
+* Fagstab
+** rigger opp eksempel
+** gir instruksjoner i README
+** publiserer i repo og deler lenke
+* Student
+** åpner repo i gitpod og jobber videre
+** evt. lagrer i eget repo
+
+== Gitpod-scenarier
+
+Få veiledning
+
+[.smaller-80]
+* Student (working inside gitpod)
+** tar _snapshot_
+** deler snapshot-lenke med fagstab
+* fagstab
+** åpner lenke i gitpod
+** ser gjennom og kommenterer
+
+== Gitpod-scenarier
+
+Eksamen
+
+[.smaller-80]
+* fagstab
+** forberede innhold og kontekst for oppgavene
+** dele gitpod-lenke, f.eks. i Inspera
+* student
+** åpne lenke og gjøre oppgave
+** lagre besvarelse i eget repo
+* sensor
+** åpner repo-lenke og vurderer besvarelse
+
+++++
+ <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 </span>
+     <span class="element">| 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