Compare commits
12 Commits
839add7809
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| b82629a890 | |||
| 8d0fc29712 | |||
| 17e7ff4138 | |||
| d023962bc4 | |||
| 767d2baa87 | |||
| f25f818e72 | |||
| a451506543 | |||
| 1fb895d3f2 | |||
| a977f950d6 | |||
| a31dbdec2a | |||
| 6cf5befe9d | |||
| da0adbdf3e |
Binary file not shown.
|
After Width: | Height: | Size: 2.4 MiB |
+78
-13
@@ -26,16 +26,24 @@ math: katex
|
|||||||
|
|
||||||
<!-- _class: "title-academic" -->
|
<!-- _class: "title-academic" -->
|
||||||
|
|
||||||

|

|
||||||
|
|
||||||
<div class="title">Privacy by design: DIY Marp(X) AI presentations without sending data to third parties</div>
|
<div class="title">Privacy by design: DIY Marp(X) AI presentations without sending data to third parties</div>
|
||||||
<div class="subtitle">
|
<div class="subtitle">
|
||||||
... and why you should use them too!
|
... and why you should use them too!
|
||||||
</div>
|
</div>
|
||||||
<div class="author">Romane Viton</div>
|
<div class="author">Romane Viton</div>
|
||||||
<div class="date">2026-05-24</div>
|
<div class="date">2026-06-24</div>
|
||||||
<div class="organization">DFI-203, htw saar</div>
|
<div class="organization">DFI-203, htw saar</div>
|
||||||
|
|
||||||
|
---
|
||||||
|
# **Contents**
|
||||||
|
1. Markdown / Writing presentations
|
||||||
|
2. Collaboration
|
||||||
|
3. Deploying / Keeping your data safe
|
||||||
|
4. Integrating LLMs
|
||||||
|
5. Evaluation / Tips
|
||||||
|
|
||||||
---
|
---
|
||||||
# A few **questions** first
|
# A few **questions** first
|
||||||
* Who here would consider themselves a **developer** ?
|
* Who here would consider themselves a **developer** ?
|
||||||
@@ -78,20 +86,22 @@ math: katex
|
|||||||
|
|
||||||
---
|
---
|
||||||
# How do we make sure data is **safe** from big companies?
|
# How do we make sure data is **safe** from big companies?
|
||||||
- there *are* online platforms like GitHub for this (but: this defeats the whole purpose)
|
- There *are* online platforms like GitHub for this (but: this defeats the whole purpose)
|
||||||
- it's 2026, and servers are pretty cheap
|
- It's 2026, and servers are pretty cheap
|
||||||
- you can set up your own infra in an afternoon
|
- You can set up your own infrastructure in an afternoon
|
||||||
|
- (less than 100 lines of `docker-compose.yml`)
|
||||||
|
|
||||||
---
|
---
|
||||||
# One step further: hosting services on your own infrastructure
|
# One step further: hosting services on your **own infrastructure**
|
||||||
- I won't tell you how to set it up (plenty of guides online)
|
- I won't tell you how to set it up (plenty of guides online)
|
||||||
|
- TL;DR: **<box>On pushing changes $\rightarrow$ Auto-Render and Upload**
|
||||||
- Here are some tools I'm using for my personal setup:
|
- Here are some tools I'm using for my personal setup:
|
||||||
|
|
||||||
<center>
|
<center>
|
||||||
|
|
||||||
Requirement | Possible tool
|
Requirement | Possible tool
|
||||||
-:|:-
|
-:|:-
|
||||||
Server|Any VPS
|
Server|Any VPS will do
|
||||||
Simple software deployment|Docker
|
Simple software deployment|Docker
|
||||||
HTTPS support|Caddy
|
HTTPS support|Caddy
|
||||||
Git collaboration|Gitea
|
Git collaboration|Gitea
|
||||||
@@ -100,7 +110,7 @@ Automated deployment|Gitea Actions
|
|||||||
</center>
|
</center>
|
||||||
|
|
||||||
---
|
---
|
||||||
# ...isn't this really expensive, though?
|
# ...isn't this really **expensive**, though?
|
||||||
* Not really!
|
* Not really!
|
||||||
* Domain name: `~10 EUR/year`
|
* Domain name: `~10 EUR/year`
|
||||||
* 24/7 VPS (200GB Storage, 6 vCPUs, 12GB RAM): `6.72 EUR/month`
|
* 24/7 VPS (200GB Storage, 6 vCPUs, 12GB RAM): `6.72 EUR/month`
|
||||||
@@ -111,12 +121,59 @@ Automated deployment|Gitea Actions
|
|||||||
* **<box>Which one are you willing to pay?**
|
* **<box>Which one are you willing to pay?**
|
||||||
|
|
||||||
---
|
---
|
||||||
<!-- _class: "references" -->
|
# ...wasn't this supposed to **integrate LLMs** as well?
|
||||||
# References
|
* It can be done as well!
|
||||||
|
* Head start when hosting models: `Ollama` (from Ollama Inc.)
|
||||||
|
* Automatically handles the download and execution of open models locally
|
||||||
|
* **<box>💡 Works when handling content, since everything is text-based !**
|
||||||
|
* We can integrate this into our IDE of choice and never have to worry about our data being sent to anyone
|
||||||
|
|
||||||
---
|
---
|
||||||
# This presentation is online too!
|
# **Pros** and **cons** from experience
|
||||||
|
|
||||||
|
<div class="multicolumn"><div>
|
||||||
|
|
||||||
|
## Pros
|
||||||
|
- Enhanced privacy
|
||||||
|
- Very flexible if you know webdev
|
||||||
|
- No need to leave the traditional dev toolset
|
||||||
|
- Open-Source community tools, no dependency on a specific company
|
||||||
|
- Actually know what you're setting up
|
||||||
|
|
||||||
|
</div><div>
|
||||||
|
|
||||||
|
## Cons
|
||||||
|
- Steep learning curve
|
||||||
|
- Hard to collaborate with non-technical people
|
||||||
|
- Need to be comfortable with text-based tools
|
||||||
|
- Theme can be limiting if not chosen correctly
|
||||||
|
|
||||||
|
</div></div>
|
||||||
|
|
||||||
|
---
|
||||||
|
# **Tips**
|
||||||
|
- (same as any AI augmented tool): <box>Don't blindly trust the output, but use it as an assistant
|
||||||
|
- When using local models: try **different models** depending on your needs and hardware
|
||||||
|
- Don't be afraid to **tinker** around and see what works
|
||||||
|
|
||||||
|
---
|
||||||
|
# **Conclusion**
|
||||||
|
* Presentation software / AI often feels "out of reach" and only hostable if you're a company and have the resources for it
|
||||||
|
* It doesn't have to be that way!
|
||||||
|
* Don't contribute to that narrative $\implies$ <box>De-mystify the topic!
|
||||||
|
* *Your* data belongs to *you*; own it!
|
||||||
|
|
||||||
|
---
|
||||||
|
<!-- _class: "references" -->
|
||||||
|
# References
|
||||||
|
- [Marp Team, "Marp" (2026) (accessed 2026-06-23)](https://marp.app)
|
||||||
|
- [Paulo Cunha, "MarpX" (2026) (accessed 2026-06-23)](https://github.com/cunhapaulo/MarpX)
|
||||||
|
- [Ollama Inc., "Ollama" (2026) (accessed 2026-06-23)](https://ollama.com)
|
||||||
|
- [CommitGo Inc., "Gitea Official website" (2026) (accessed 2026-06-23)](https://about.gitea.com/)
|
||||||
|
- (image) https://www.pexels.com/photo/smiling-woman-doing-a-presentation-6476778/ (accessed 2026-06-23)
|
||||||
|
|
||||||
|
---
|
||||||
|
# **This presentation** was done with MarpX too!
|
||||||
|
|
||||||
<div class="multicolumn"><div align="center">
|
<div class="multicolumn"><div align="center">
|
||||||
|
|
||||||
@@ -142,4 +199,12 @@ Automated deployment|Gitea Actions
|
|||||||
wget https://pages.ct.cozytren.ch/m1s2-eng-presentation/presentation.pdf
|
wget https://pages.ct.cozytren.ch/m1s2-eng-presentation/presentation.pdf
|
||||||
git clone https://gitea.ct.cozytren.ch/romane/m1s2-eng-presentation
|
git clone https://gitea.ct.cozytren.ch/romane/m1s2-eng-presentation
|
||||||
|
|
||||||
```
|
```
|
||||||
|
|
||||||
|
---
|
||||||
|
# GenAI use disclosure
|
||||||
|
(slide was appended after the presentation as per class instructions)
|
||||||
|
|
||||||
|
- `qwen3-coder:30b`, hosted locally using Ollama, has been used
|
||||||
|
- No use was made when generating the content
|
||||||
|
- The model has been used while proofreading the presentation for formatting and spelling issues but hasn't changed the content in any meaningful way
|
||||||
Reference in New Issue
Block a user