diff --git a/lectures/README.md b/lectures/README.md new file mode 100644 index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 diff --git a/lectures/build.gradle b/lectures/build.gradle index 2aa92bc14492ba53c6b05c24587d903429da3749..1f855382d51f30945223b8de41be9a94eb3c1eec 100644 --- a/lectures/build.gradle +++ b/lectures/build.gradle @@ -1,6 +1,6 @@ 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 { diff --git a/lectures/revealjs/gitpod.adoc b/lectures/revealjs/gitpod.adoc new file mode 100644 index 0000000000000000000000000000000000000000..20129c49e7ba1404ca30e3b777d66571b9b12125 --- /dev/null +++ b/lectures/revealjs/gitpod.adoc @@ -0,0 +1,120 @@ += 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"> </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 diff --git a/lectures/revealjs/images/gitpod-arch.png b/lectures/revealjs/images/gitpod-arch.png new file mode 100644 index 0000000000000000000000000000000000000000..e31e2732d54a04e12889a13e1f2b464257a3c172 Binary files /dev/null and b/lectures/revealjs/images/gitpod-arch.png differ