Template and Ipe Tutorial - KITalgo2.iti.kit.edu/.../template_ipe_presentation.pdf · Template and Ipe Tutorial Institute of Theoretical Informatics Algorithmics KIT/ITI Template

Darren Strash:Template and Ipe Tutorial

Institute of Theoretical InformaticsAlgorithmics

Institute of Theoretical Informatics – Algorithmics

www.kit.eduKIT – University of the State of Baden-Wuerttemberg andNational Laboratory of the Helmholtz Association

Template and Ipe Tutorial

24. April 2015LATEXDarren Strash



LATEX class SNSEMINAR, same basic constructs as ARTICLEclass:

title, author, section, subsection, subsubsection, paragraphabstract, document environmentsamsmath and many custom theorems included

theoremprooflemmacorollarydefinitionexampleobservation

Write-up Template

1



Ipe Extensible Drawing Editor

Developed by Otfried Cheong (Professor at KAIST)

Tools for drawing vector graphicsDesigned for computational geometry book:

Conjecture: Ipe is the most-used graphics editor in algorithmsarticles.

2




Why use Ipe?

WYSIWYGDesigned for scientific publicationsCreates editable pdf filesSupports presentations (including this one)LATEX integrationSnapping and alignmentCustomizable style sheets and IpeletsIt’s free

Drawbacks

Cumbersome to install on non *nix machinesLearning curve

3



A Note on Beamer

Beamer is another popular presentation tool

A LATEX packageThere are existing templates for KIT-style slides

Major drawback : It can be difficult to get images to align betweenslides.

I often see this:

4



A Note on Beamer




I often see this:

4



A Note on Beamer




I often see this:

4



A Note on Beamer




I often see this:The bounding box changed

4



A Note on Beamer




I often see this:The bounding box changed

This does not happen in Ipe!

4




Style sheets

Style sheets provide symbols (named drawable objects)Presentation—Frame title, titlepage

5




Style sheets

Style sheets provide symbols (named drawable objects)Presentation—Frame title, titlepageKIT colors—Full range of colors

5




This is a different boxYes it is

Style sheets

Style sheets provide symbols (named drawable objects)Presentation—Frame title, titlepageKIT colors—Full range of colors

Ipelets

presentation.lua → Boxes!

5



Style sheets

...

Style sheets

Written in Ipe’s XML formatLoad through Edit → Style sheetsSpecify colors, shapes, dashes, etc.Example: kit-slides.isy

6



Ipelets

Ipelets

Written as a Lua pluginPut in ~/.ipe/ipelets/, available in Ipelets menuExample: tools presentation.lua

7



Tools

Text tools:

Single-line textMath (inserts $...$around text)Multi-line text

Basic tools:

SelectTranslateRotateEditPanShred

8



Tools

Marks (Useful for graph nodes) Shapes

BoxLinePolylinesSplinesSplinegonArcsCirclesBrush

8



Tools

Snapping and grid options

Snap to vertexSnap to line, arcSnap to intersectionSnap to gridGrid sizeAngular snap (translate along angle)Auto snap

8



Built-in Ipelet: Align & Distribute

9




Align H Center

9




Distribute Vertically

9




Distribute Top to BottomTouching

9




Align Right

9




Align V Center

9



Layers, Views, & Pages

Layers

Collection of objectsCan hide and show layersThe active layer is currently being editedNot necessarily in depth order

Layers

10




Layers


Layer 1

Layers

10




Layers


s

t

Layer 1

Layer 2

Layers

10




Layers


s

t

Layer 1

Layer 2

Layer 3

Layers

10




Layers


s

t

Layer 1

Layer 2

Layer 3

Active

Layers

10




A view is...

a collection of visible layershelpful for presentationsused to create animationsassociated with one page in the PDF

Views

11




A view is...


Layer 1

Layer 2

Layer 3

Layer 4

Layer 5

Layer 6

View 1

Views

11




A view is...


Layer 1 Layer 3 Layer 5

View 2

Views

11




A view is...


Layer 1

Layer 2

View 3

Views

11




A page is...

a collection of viewsone or more pages in the PDF outputeach slide of a presentation

Pages

12




Layer 1

Layer 2

Layer 3

Layer 4

Layer 5

Layer 6

View 1

A page is...


Pages

/ Page 1

12




Layer 1 Layer 3 Layer 5

View 2

A page is...


Pages

/ Page 1

12




Layer 1

Layer 2

View 3

A page is...


Pages

/ Page 1

12



KIT/ITI Template

Setup

Move ipelets to ~/.ipe/ipelets/Start by opening an existing presentation (included)Load style sheets (KIT colors, transparency)

Presentation elements

Most are stored as symbols, to be cloned :Ipelets → Symbols → Clone Symbol

Title page: Clone TitlepageFrame title: Clone FrameTitleFrame subtitle: Clone FrameSubtitleFrame numbers:

Presentation Tools → update frame numbers

Getting Started

13



KIT/ITI Template

Setup






Getting Started

13



KIT/ITI Template

Setup






Getting Started

13



KIT/ITI TemplateBoxes

KIT Boxes

Tabbed BoxIpelets → Presentation → Tabbed Box

Ipelets → Presentation Tools → create KIT Box *

Box: Ipelets → Presentation → Box It

14



QuirksSelection

Selecting a single object

Need to click the boundary of an objectHard to select marks (use space to select from multipleobjects)

*click*

15



Quirks

Selecting multiple objects

Selection box must contain the items completely!Makes it hard to select a few objects that overlap other objectsSolution: Use layers to hide objects you don’t want to select

Selection

Selecting a single object

Need to click the boundary of an objectHard to select marks (use space to select from multipleobjects)

*click* *click*

drag

*release*

15



Quirks

Pasting from other Ipe files

Make sure you have the same style sheetsIf missing colors, etc., objects will not look the sameCan be difficult to troubleshoot. Wait for the planets to align...

Display

16



Quirks

Object properties

UI elements don’t match the current selectionUI always shows the last property pickedRecommendation: Make similar objects together

Fill color displayed: Selected:

Pasting from other Ipe files

Make sure you have the same style sheetsIf missing colors, etc., objects will not look the sameCan be difficult to troubleshoot. Wait for the planets to align...

Display

16



More Resources

17

Download and open this presentation in Ipe!See the Ipe manual[http://ipe7.sourceforge.net/manual/manual.pdf]Examples, walk-throughs, and guides on the ITI webpage[http://i11www.iti.uni-karlsruhe.de/information/scripts]Ipe showcase [http://sourceforge.net/p/ipe7/wiki/Home/#showcase]

Documents

Template and Ipe Tutorial - KITalgo2.iti.kit.edu/.../template_ipe_presentation.pdf · Template and Ipe Tutorial Institute of Theoretical Informatics Algorithmics KIT/ITI Template