diff --git a/lectures/README.md b/lectures/README.md new file mode 100644 index 0000000000000000000000000000000000000000..3c646d40a86d00c27b7a4fa76aa542635c5fa43f --- /dev/null +++ b/lectures/README.md @@ -0,0 +1,11 @@ +# 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`. diff --git a/lectures/revealjs/gitpod.adoc b/lectures/revealjs/gitpod.adoc new file mode 100644 index 0000000000000000000000000000000000000000..0d8c523cd19b70b5d119ca75df50b79966602bfb --- /dev/null +++ b/lectures/revealjs/gitpod.adoc @@ -0,0 +1,101 @@ += 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"> </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