Merge pull request #1 from ScilifelabDataCentre/hands-on

Rename "exercises" to "hands-on"
ScilifelabDataCentre · Jun 17, 2024 · 6aa7700 · 6aa7700
2 parents 39cfb05 + 5fcd322
commit 6aa7700
Show file tree

Hide file tree

Showing 12 changed files with 34 additions and 49 deletions.
diff --git a/FF2024/assistant.html b/FF2024/assistant.html
@@ -45,13 +45,12 @@
 
 
 
-<p><a href="index.html">Exercises</a> / <a href="exercise_session_2.html">Exercise session 2</a> /</p>
+<p><a href="index.html">Hands-on sessions</a> / <a href="exercise_session_2.html">Hands-on session 2</a> /</p>
 <section id="scilifelab-chat-assistant" class="level2">
 <h2 class="anchored" data-anchor-id="scilifelab-chat-assistant">SciLifeLab chat assistant</h2>
 <p>LLMs can be reasonably good at general knowledge collected from the internet but in some cases you might want it to focus on more specific documents or knowledge or add some knowledge and documents to what it already knows. This is possible with the so-called Retrieval-Augmented Generation aka RAG. Roughly, one creates a RAG by providing additional information to an LLM.</p>
 <p>In order to allow you to test out a RAG we created such a tool for SciLifeLab. This tool is based on ChatGPT and in addition it learnt all the information that is published on https://www.scilifelab.se as well as public PDF documents about SciLifeLab (such as regulations, SciLifeLab board minutes, etc.).</p>
-<p>You can interact with this tool using the chat window that appears on bottom right of this page. You can imagine this as a chatbot that could be shown to the visitors of https://scilifelabs.se</p>
-<p>Try out this assistant and let us know your thoughts here. [[[LINK HERE]]]</p>
+<p>You can try out interacting with this tool using the chat window that appears on bottom right of this page. You can imagine this as a chatbot that could be shown to the visitors of https://scilifelabs.se</p>
 </section>
 
 </main>

diff --git a/FF2024/assistant.qmd b/FF2024/assistant.qmd
diff --git a/FF2024/browser_game.html b/FF2024/browser_game.html
@@ -79,7 +79,7 @@
 
 
 
-<p><a href="index.html">Exercises</a> / <a href="exercise_session_2.html">Exercise session 2</a> /</p>
+<p><a href="index.html">Hands-on sessions</a> / <a href="exercise_session_2.html">Hands-on session 2</a> /</p>
 <section id="using-llms-to-create-a-browser-game" class="level2">
 <h2 class="anchored" data-anchor-id="using-llms-to-create-a-browser-game">Using LLMs to create a browser game</h2>
 <p>This is another example of using LLMs to generate code. We will try to create a simple browser based html game and add some game elements to see how the LLM can help us create the game. The aim of the exercise is not to recreate the same thing as the LLM generates different code on separate interactions and neither to use the LLM in an "efficient" way by following prompt best practices but just to give an overview of what it can understand and do. In this instance we will create a game of Tic Tac Toe and build on top of it but you can try it with other simple games as well. At the end of the page you will find a link with the whole interartion we had with the LLM, all the prompts and resulting code, so you can look at that later as well.</p>

diff --git a/FF2024/data_analysis.html b/FF2024/data_analysis.html
@@ -79,7 +79,7 @@
 
 
 
-<p><a href="index.html">Exercises</a> / <a href="exercise_session_2.html">Exercise session 2</a> /</p>
+<p><a href="index.html">Hands-on sessions</a> / <a href="exercise_session_2.html">Hands-on session 2</a> /</p>
 <section id="llm-as-a-data-analysis-assistant" class="level2">
 <h2 class="anchored" data-anchor-id="llm-as-a-data-analysis-assistant">LLM as a data analysis assistant</h2>
 <p>LLMs are able to analyse and provide answers based on tabular data. Some tools allow to upload a file (for example, in .txt, .csv, or excel format); in other cases we can insert the dataset as is into the chat window, and this will work reasonably well.</p>

diff --git a/FF2024/data_analysis.qmd b/FF2024/data_analysis.qmd
@@ -5,7 +5,7 @@ execute:
   eval: false
 ---
 
-[Exercises](index.html) / [Exercise session 2](exercise_session_2.html) /
+[Hands-on sessions](index.html) / [Hands-on session 2](exercise_session_2.html) /
 
 ## LLM as a data analysis assistant
 

diff --git a/FF2024/exercise_session_1.qmd b/FF2024/exercise_session_1.qmd
@@ -3,9 +3,9 @@ format: html
 editor: visual
 ---
 
-[Exercises](index.html) /
+[Hands-on sessions](index.html) /
 
-## Exercise session 1
+## Hands-on session 1
 
 Below is a list of ways in which you can try out text generation with LLMs. You can choose any LLM you wish to work with. Read our suggestions/examples but also experiment yourself and let us know what you learnt 🙂.
 

diff --git a/FF2024/exercise_session_2.html b/FF2024/exercise_session_2.html
@@ -45,10 +45,13 @@
 
 
 
-<p><a href="index.html">Exercises</a> /</p>
-<section id="exercise-session-2" class="level2">
-<h2 class="anchored" data-anchor-id="exercise-session-2">Exercise session 2</h2>
-<p>In this round of exercises you can choose various use cases/applications of LLMs to try out. Select what you think is most fun below.</p>
+<p><a href="index.html">Hands-on sessions</a> /</p>
+<section id="hands-on-session-2" class="level2">
+<h2 class="anchored" data-anchor-id="hands-on-session-2">Hands-on session 2</h2>
+<p>In this round of hands-on exercises you can choose various use cases/applications of LLMs to try out. We do not expect you to try out more than one of these in such a short time. Select one LLM use case that you think is most fun below.</p>
+<section id="specialized-llm-scilifelab-chat-assistant" class="level3">
+<h3 class="anchored" data-anchor-id="specialized-llm-scilifelab-chat-assistant"><a href="assistant.html">Specialized LLM: SciLifeLab chat assistant</a></h3>
+</section>
 <section id="writing-a-text-document-from-bullet-points--" class="level3">
 <h3 class="anchored" data-anchor-id="writing-a-text-document-from-bullet-points--">Writing a text document from bullet points -&gt;</h3>
 </section>
@@ -62,10 +65,7 @@ <h3 class="anchored" data-anchor-id="llm-as-a-data-analysis-assistant--"><a href
 <h3 class="anchored" data-anchor-id="using-llms-to-create-a-website--"><a href="website.html">Using LLMs to create a website -&gt;</a></h3>
 </section>
 <section id="make-a-browser-based-game--" class="level3">
-<h3 class="anchored" data-anchor-id="make-a-browser-based-game--"><a href="browser_game.html">Using LLMs to make a browser-based game -&gt;</a></h3>
-</section>
-<section id="scilifelab-assistant" class="level3">
-<h3 class="anchored" data-anchor-id="scilifelab-assistant"><a href="assistant.html">SciLifeLab chat assistant -&gt;</a></h3>
+<h3 class="anchored" data-anchor-id="make-a-browser-based-game--"><a href="browser_game.html">Make a browser-based game -&gt;</a></h3>
 </section>
 </section>
 

diff --git a/FF2024/exercise_session_2.qmd b/FF2024/exercise_session_2.qmd
@@ -3,11 +3,13 @@ format: html
 editor: visual
 ---
 
-[Exercises](index.html) /
+[Hands-on sessions](index.html) /
 
-## Exercise session 2
+## Hands-on session 2
 
-In this round of exercises you can choose various use cases/applications of LLMs to try out. We do not expect you to try out more than one of these in such a short time. Select one LLM use case that you think is most fun below.
+In this round of hands-on exercises you can choose various use cases/applications of LLMs to try out. We do not expect you to try out more than one of these in such a short time. Select one LLM use case that you think is most fun below.
+
+### [Specialized LLM: SciLifeLab chat assistant](assistant.html)
 
 ### Writing a text document from bullet points -\>
 
@@ -17,4 +19,4 @@ In this round of exercises you can choose various use cases/applications of LLMs
 
 ### [Using LLMs to create a website -\>](website.html)
 
-### Make a browser-based game -\>
+### [Make a browser-based game -\>](browser_game.html)
diff --git a/FF2024/index.html b/FF2024/index.html
@@ -60,7 +60,7 @@ <h1 class="title">Hands-on with Large Language Models: Exercises</h1>
 
 </header>
 
-<p>Welcome to the exercises for the workshop “Hands-on with Large Language Models”. Select the exercise session and you will see further guiding on the following page. Questions? Ask us!</p>
+<p>Welcome to the hands-on sessions for the workshop “Hands-on with Large Language Models”. Select the hands-on session and you will see further guiding on the following page. Questions? Ask us!</p>
 <section id="preparation" class="level2">
 <h2 class="anchored" data-anchor-id="preparation">Preparation</h2>
 <p>You need to have access to a Large Language Model (LLM) tool to do the exercises. If you never tried an LLM this is your time! Head to Microsoft Copilot if your university provides that, below we collected details for each university. Otherwise feel free to use any other LLM tool, for example <a href="https://chat.openai.com/">ChatGPT</a> (OpenAI, USA) or <a href="https://mistral.ai/">Mistral Le Chat</a> (French company).</p>
@@ -78,13 +78,13 @@ <h2 class="anchored" data-anchor-id="preparation">Preparation</h2>
 <li>Uppsala University: <a href="https://www.uu.se/en/staff/service-and-tools/tools-and-guides/generate-and-process-texts-and-images-using-ai/log-in-to-copilot">Instructions for access to Microsoft Copilot</a></li>
 </ul>
 </section>
-<section id="exercises" class="level2">
-<h2 class="anchored" data-anchor-id="exercises">Exercises</h2>
-<section id="exercise-session-1--" class="level3">
-<h3 class="anchored" data-anchor-id="exercise-session-1--"><a href="exercise_session_1.html">Exercise session 1 -&gt;</a></h3>
+<section id="hands-on-sessions" class="level2">
+<h2 class="anchored" data-anchor-id="hands-on-sessions">Hands-on sessions</h2>
+<section id="hands-on-session-1--" class="level3">
+<h3 class="anchored" data-anchor-id="hands-on-session-1--"><a href="exercise_session_1.html">Hands-on session 1 -&gt;</a></h3>
 </section>
-<section id="exercise-session-2--" class="level3">
-<h3 class="anchored" data-anchor-id="exercise-session-2--"><a href="exercise_session_2.html">Exercise session 2 -&gt;</a></h3>
+<section id="hands-on-session-2--" class="level3">
+<h3 class="anchored" data-anchor-id="hands-on-session-2--"><a href="exercise_session_2.html">Hands-on session 2 -&gt;</a></h3>
 </section>
 </section>
 

diff --git a/FF2024/index.qmd b/FF2024/index.qmd
@@ -4,7 +4,7 @@ format: html
 editor: visual
 ---
 
-Welcome to the exercises for the workshop "Hands-on with Large Language Models". Select the exercise session and you will see further guiding on the following page. Questions? Ask us!
+Welcome to the hands-on sessions for the workshop "Hands-on with Large Language Models". Select the hands-on session and you will see further guiding on the following page. Questions? Ask us!
 
 ## Preparation
 
@@ -23,8 +23,8 @@ Select your university for instructions on how to access Microsoft Copilot:
 -   University of Gothenburg: [Instructions for access to Microsoft Copilot](https://studentportal.gu.se/en/news/you-can-now-login-with-your-student-account-to-use-copilot-with-bing)
 -   Uppsala University: [Instructions for access to Microsoft Copilot](https://www.uu.se/en/staff/service-and-tools/tools-and-guides/generate-and-process-texts-and-images-using-ai/log-in-to-copilot)
 
-## Exercises
+## Hands-on sessions
 
-### [Exercise session 1 -\>](exercise_session_1.html)
+### [Hands-on session 1 -\>](exercise_session_1.html)
 
-### [Exercise session 2 -\>](exercise_session_2.html)
+### [Hands-on session 2 -\>](exercise_session_2.html)
diff --git a/FF2024/website.html b/FF2024/website.html
@@ -79,7 +79,7 @@
 
 
 
-<p><a href="index.html">Exercises</a> / <a href="exercise_session_2.html">Exercise session 2</a> /</p>
+<p><a href="index.html">Hands-on sessions</a> / <a href="exercise_session_2.html">Hands-on session 2</a> /</p>
 <section id="using-llms-to-create-a-website" class="level2">
 <h2 class="anchored" data-anchor-id="using-llms-to-create-a-website">Using LLMs to create a website</h2>
 <p>LLMs can write code. One case where it is possible to use this ability without having ever learnt to code is for creating a website. You can provide information that the website needs to contain and subsequently ask to generate all code needed: to adjust the look, to add interactive elements, and so on. In this example we will assume that you don’t know anything about creating a website and try to show how it can be done with an LLM.</p>

diff --git a/FF2024/website.qmd b/FF2024/website.qmd
@@ -5,7 +5,7 @@ execute:
   eval: false
 ---
 
-[Exercises](index.html) / [Exercise session 2](exercise_session_2.html) /
+[Hands-on sessions](index.html) / [Hands-on session 2](exercise_session_2.html) /
 
 ## Using LLMs to create a website