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" -->
|
||||
|
||||

|
||||

|
||||
|
||||
<div class="title">Privacy by design: DIY Marp(X) AI presentations without sending data to third parties</div>
|
||||
<div class="subtitle">
|
||||
... and why you should use them too!
|
||||
</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>
|
||||
|
||||
---
|
||||
# **Contents**
|
||||
1. Markdown / Writing presentations
|
||||
2. Collaboration
|
||||
3. Deploying / Keeping your data safe
|
||||
4. Integrating LLMs
|
||||
5. Evaluation / Tips
|
||||
|
||||
---
|
||||
# A few **questions** first
|
||||
* Who here would consider themselves a **developer** ?
|
||||
@@ -78,20 +86,22 @@ math: katex
|
||||
|
||||
---
|
||||
# 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)
|
||||
- it's 2026, and servers are pretty cheap
|
||||
- you can set up your own infra in an afternoon
|
||||
- There *are* online platforms like GitHub for this (but: this defeats the whole purpose)
|
||||
- It's 2026, and servers are pretty cheap
|
||||
- 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)
|
||||
- TL;DR: **<box>On pushing changes $\rightarrow$ Auto-Render and Upload**
|
||||
- Here are some tools I'm using for my personal setup:
|
||||
|
||||
<center>
|
||||
|
||||
Requirement | Possible tool
|
||||
-:|:-
|
||||
Server|Any VPS
|
||||
Server|Any VPS will do
|
||||
Simple software deployment|Docker
|
||||
HTTPS support|Caddy
|
||||
Git collaboration|Gitea
|
||||
@@ -100,7 +110,7 @@ Automated deployment|Gitea Actions
|
||||
</center>
|
||||
|
||||
---
|
||||
# ...isn't this really expensive, though?
|
||||
# ...isn't this really **expensive**, though?
|
||||
* Not really!
|
||||
* Domain name: `~10 EUR/year`
|
||||
* 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?**
|
||||
|
||||
---
|
||||
<!-- _class: "references" -->
|
||||
# References
|
||||
|
||||
# ...wasn't this supposed to **integrate LLMs** as well?
|
||||
* 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">
|
||||
|
||||
@@ -142,4 +199,12 @@ Automated deployment|Gitea Actions
|
||||
wget https://pages.ct.cozytren.ch/m1s2-eng-presentation/presentation.pdf
|
||||
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