IPython Notebook Show

Criando slides HTML5 de seus notebooks

  • Fernando Macedo
  • @fgmacedo
  • fgmacedo@gmail.com

ipython?

Shell iterativo.

ipython notebook?

Ambiente interativo de computação. Muito utilizado para computação e análise de dados exploratória.

Jupyter?

Evolução do IPython Project.

Contém as partes do IPython que podem ser reaproveitadas para outras linguagens.

Setup

Execute:

pip install ipython[notebook]

nbconvert

Converte notebooks para outros formatos.

ipython nbconvert notebook.ipynb --to FORMAT

Formatos de saída

 --to html
 --to latex
 --to slides
 --to markdonw
 --to python
 --to rst

--to slides é o tema desta talk.

Créditos

Damián Avila é o autor da ferramenta de conversão de notebooks para slides usando reveal.js:

Markdown ou Python

Você pode utilizar células em

  • Markdown ou;
  • Code.

Markdown

# Markdown ou Python

Você pode utilizar células em

- **Markdown** ou;
- **Code**.
In [6]:
# Python

values = [x**2 for x in range(10)]
values
Out[6]:
[0, 1, 4, 9, 16, 25, 36, 49, 64, 81]

Cell toolbar

Para habilitar os controles de slides, escolha a opção "Slideshow" na seleção "Cell Toolbar".

Cell toolbar

Cada célula do notebook passa a ter um controle drop-down para escolha do tipo de slide:

Slides

Slides são alinhados horizontalmente na apresentação.

Para navegar use seta para esquerda e seta para direita.

Sub-slides

Sub-slides são alinhados verticalmente.

Pertencem a um grupo maior: um Slide.

Você deve adicionar Sub-slides apenas após uma célula anterior ser marcada como Slide.

Para navegar use seta para cima e seta para baixo.

Fragments

São elementos revelados passo-a-passo em um slide.

  • Você pode ter múltiplos Fragments em um slide;
  • Para navegar use seta para esquerda e seta para direita.

Skip

Células marcadas com Skip ficam de fora da apresentação.

Notes

Anotações do apresentador. Exibidas no modo de apresentação.

As notas não serão renderizadas na janela principal do slideshow.

Pressione "s" no teclado e uma nova janela será exibida contendo o slide atual, o próximo, um timer e as notas do apresentador.

Overview dos slides

Para ter uma visão geral dos slides pressione ESC.

Para escolher um slide, pressione ENTER.

Distraction-free mode

Para explicar alguma coisa para sua audiência sem interferência dos slides, pressione "b".

CSS personalizado

Adicione um arquivo custom.css no mesmo diretório dos slides. Ex. Dobrar o tamanho da fonte:

.reveal {
    font-size: 200%;
}

Deploy

Convertendo

Padrão:

$ ipython nbconvert notebook.ipynb --to slides

Servindo a partir do nbconvert:

$ ipython nbconvert notebook.ipynb --to slides --post serve

Usando um CDN:

$ ipython nbconvert notebook.ipynb --to slides --reveal-prefix "http://cdn.jsdelivr.net/reveal.js/2.6.2"

Obrigado!

  • Fernando Macedo
  • @fgmacedo
  • fgmacedo@gmail.com