Ma Ancora Ricorri a Powerpoint?

16 Ottobre 2023 - UniBs

Sì, perché me lo chiedi? Lasciami stare

No, invece dobbiamo creare delle slide semplici e in poco tempo per la nostra presentazione

Quali programmi usare?

Powerpoint

Latex Beamer

Esiste una via di mezzo?

Markdown Presentation Ecosystem

a.k.a. Scrivere slide in codice Markdown

Markdown

Linguaggio di markup per scrivere in modo veloce pagine web, file README.md e nel nostro caso diapositive

Come scrivere con Marp

💻 Quali tools esistono per preparare le presentazioni?

  • Marp CLI

  • Estensione Marp per vscode

    • molto più comodo
    • permette di avere un'anteprima live delle slide durante la scrittura
  • ➕ Marp demo sul sito web.marp.app

Creare un file presentazione Marp

    ---
    marp: true
    title: Titolo_presentazione

    ---

    # TITOLO

    Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Cosa si può fare?

  • Scrivere testo 📝

  • Inserire immagini 📷

  • Creare tabelle 📊

  • Inserire gif 📹

  • Inserire risorse da internet con link ipertestuali 🌐

  • e molto altro...

Temi

È possibile decidere a inizio file il tema tra quelli disponibili impostando:

    theme: nome_tema

La maggior parte dei temi ha all'interno delle varianti di stile impostando, anche per singola slide:

    <!-- class: nome_stile-->

Tema stile default

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sollicitudin molestie leo sed pharetra. Donec ut tellus elementum, viverra velit id, fringilla elit. Phasellus fermentum egestas sapien in interdum.

Tema stile lead

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sollicitudin molestie leo sed pharetra. Donec ut tellus elementum, viverra velit id, fringilla elit. Phasellus fermentum egestas sapien in interdum.

Tema stile invert

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sollicitudin molestie leo sed pharetra. Donec ut tellus elementum, viverra velit id, fringilla elit. Phasellus fermentum egestas sapien in interdum.

Tema stile lead-invert

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sollicitudin molestie leo sed pharetra. Donec ut tellus elementum, viverra velit id, fringilla elit. Phasellus fermentum egestas sapien in interdum.

Lista temi disponibili

Nome tema Disponibilità
default Incluso in Marp Core
uncover Incluso in Marp Core
gaia Incluso in Marp Core
colors Disponibile su marp-themes
iggg Disponibile su marp-themes
olive Disponibile su marp-themes
haskell Disponibile su marp-themes
github Disponibile su marp-themes

Immagini o Gif

![width:20em](https://muhack.org/media/element/giphy.gif)

Immagini o Gif

![hue-rotate:90deg saturate](https://muhack.org/media/element/giphy.gif)

Immagini o Gif

![blur](https://muhack.org/media/element/giphy.gif)

Math stuff

Sintassi markdown/latex

    $$
        e^{i\pi} +1 =0
    $$

    $\mathcal{O}(n\log{n})$

Risultato

Tabelle

| Label | Pic |
| --- | ----------- |
| hax_type | ![width:5em](https://muhack.org/svg/hax-type.svg) |
| hax_java | ![width:5em](https://muhack.org/svg/hax-java.svg) |
Label Pic
hax_type
hax_java

Blocchi di codice

Sintassi markdown

    ```python 
        def function():
            result = do_stuff()
            return result
    ```

Risultato

    def function():
        result = do_stuff()
        return result

Emoji

Sintassi markdown

:computer: :heart: :stuck_out_tongue:

Risultato

💻 ❤️ 😜

Lista emoji disponibile qui

File export

  • .html
    • formato ricco di funzionalità
  • .pdf
    • occhio ai riferimenti
  • PowerPoint
    • ma con qualche limitazione

Link utili

Grazie per l'attenzione