SlideShare a Scribd company logo
1 of 15
Download to read offline
NDC 2017
Oslo, 16 June 2017
Filip van Laenen
Become an SVG Architect,
Not a PowerPoint Architect
This Talk’s Scope
• Out of scope:
• What is a “PowerPoint
Architect”?
• Is it a good or a bad thing?
• How to become one – or
avoid to become one
• Scope:
• PowerPoint as an
architecture drawing tool
0
C o-
l u m n
1
C o-
l u m n
2
C o-
l u m n
3
2
Not Only PowerPoint
• Microsoft PowerPoint
• LibreOffice Impress
• Apple Keynote
3
Style Matters
• Every drawing in
PowerPoint looks so
PowerPointy
• Or Impressy
• Or Keynoty
0
C o-
l u m n
1
C o-
l u m n
2
C o-
l u m n
3
4
User
Interface
Application
Server
Database
5
6
7
8
9
Style Matters
• Color palettes
• Styling
• Glow
• Shadows
• Shapes
• Fonts
10
Gerald Streiter (https://www.flickr.com/photos/benowhere/7715649996)
Custom Shapes and Arrows
• Open libraries
• “Open” as in:
• Open to reuse
• Open to modify
• Open to extend
• Wikipedia!
• Scalable
• Free drawing as a last resort
• Check out Inkscape
0
C o-
l u m n
1
C o-
l u m n
2
C o-
l u m n
3
11
SVG Is XML
• Drawings with source code
• You can pretend you’re
doing technical work…
• Or even programming!
• sed -i 's/ff0000/f39200/g' architecture.svg
• sed -i 's/Calibri/Lato/g' architecture.svg
0
C o-
l u m n
1
C o-
l u m n
2
C o-
l u m n
3
12
SVG Is Part of HTML5
• Everybody can view it
• Everybody can import it
• Everybody can reuse it
• But export to PNG just to be
sure…
0
C o-
l u m n
1
C o-
l u m n
2
C o-
l u m n
3
13
14
User
Interface
Application
Server
Database
Thanks!

More Related Content

Similar to Become an SVG Architect, Not a PowerPoint Architect

Quick, Useful UI Sketches
Quick, Useful UI SketchesQuick, Useful UI Sketches
Quick, Useful UI SketchesLane Goldstone
 
No More Flat Stanley: Learning in 3D
No More Flat Stanley: Learning in 3DNo More Flat Stanley: Learning in 3D
No More Flat Stanley: Learning in 3DKaren Bosch
 
7 Tips for Designing Top Tech Training Tutorials
7 Tips for Designing Top Tech Training Tutorials7 Tips for Designing Top Tech Training Tutorials
7 Tips for Designing Top Tech Training TutorialsCrystal Schimpf
 
The Shape of Things to Come: Learning in 3D
The Shape of Things to Come: Learning in 3DThe Shape of Things to Come: Learning in 3D
The Shape of Things to Come: Learning in 3DKaren Bosch
 
Laura Connaughton Poster presentations that get noticed CDG AGM 2015
Laura Connaughton Poster presentations that get noticed CDG AGM 2015Laura Connaughton Poster presentations that get noticed CDG AGM 2015
Laura Connaughton Poster presentations that get noticed CDG AGM 2015LAICDG
 
No More Flat Stanley: Learning in 3D
No More Flat Stanley: Learning in 3DNo More Flat Stanley: Learning in 3D
No More Flat Stanley: Learning in 3DKaren Bosch
 
The guide to your first prototype
The guide to your first prototypeThe guide to your first prototype
The guide to your first prototypeAsh Rahman
 
Academic writing workshop fo c-classroom version
Academic writing workshop fo c-classroom versionAcademic writing workshop fo c-classroom version
Academic writing workshop fo c-classroom versionStudy Hub
 
Open Source E-Publishing Tools
Open Source E-Publishing ToolsOpen Source E-Publishing Tools
Open Source E-Publishing ToolsMis Tribus
 
Sketching UX: Low-Fidelity Method; High-Fidelity Results
Sketching UX: Low-Fidelity Method; High-Fidelity ResultsSketching UX: Low-Fidelity Method; High-Fidelity Results
Sketching UX: Low-Fidelity Method; High-Fidelity ResultsRob Fitzgibbon
 
Andriy Kushnarov. BOND: a giant drupal in a huge company. DrupalCamp Kyiv 2011
Andriy Kushnarov. BOND: a giant drupal in a huge company. DrupalCamp Kyiv 2011Andriy Kushnarov. BOND: a giant drupal in a huge company. DrupalCamp Kyiv 2011
Andriy Kushnarov. BOND: a giant drupal in a huge company. DrupalCamp Kyiv 2011Vlad Savitsky
 
New voice, new tone, new IA: Writing for the modern developer
New voice, new tone, new IA: Writing for the modern developerNew voice, new tone, new IA: Writing for the modern developer
New voice, new tone, new IA: Writing for the modern developerKeith Boyd
 
Get plugged with Connections!
Get plugged with Connections!Get plugged with Connections!
Get plugged with Connections!LetsConnect
 
Professional Portfolios
Professional PortfoliosProfessional Portfolios
Professional PortfoliosLouellen Coker
 
Cover Your Visual Public Relations Assets with Canva and more
Cover Your Visual Public Relations Assets with Canva and moreCover Your Visual Public Relations Assets with Canva and more
Cover Your Visual Public Relations Assets with Canva and moreLisa Buyer
 
Developing Your Web Presence
Developing Your Web PresenceDeveloping Your Web Presence
Developing Your Web PresenceMatt Lingard
 
Working with designers
Working with designersWorking with designers
Working with designersHollie Lubbock
 
Comm wkshop jqfin3
Comm wkshop jqfin3Comm wkshop jqfin3
Comm wkshop jqfin3Joanne Quinn
 

Similar to Become an SVG Architect, Not a PowerPoint Architect (20)

Quick, Useful UI Sketches
Quick, Useful UI SketchesQuick, Useful UI Sketches
Quick, Useful UI Sketches
 
No More Flat Stanley: Learning in 3D
No More Flat Stanley: Learning in 3DNo More Flat Stanley: Learning in 3D
No More Flat Stanley: Learning in 3D
 
7 Tips for Designing Top Tech Training Tutorials
7 Tips for Designing Top Tech Training Tutorials7 Tips for Designing Top Tech Training Tutorials
7 Tips for Designing Top Tech Training Tutorials
 
The Shape of Things to Come: Learning in 3D
The Shape of Things to Come: Learning in 3DThe Shape of Things to Come: Learning in 3D
The Shape of Things to Come: Learning in 3D
 
Laura Connaughton Poster presentations that get noticed CDG AGM 2015
Laura Connaughton Poster presentations that get noticed CDG AGM 2015Laura Connaughton Poster presentations that get noticed CDG AGM 2015
Laura Connaughton Poster presentations that get noticed CDG AGM 2015
 
No More Flat Stanley: Learning in 3D
No More Flat Stanley: Learning in 3DNo More Flat Stanley: Learning in 3D
No More Flat Stanley: Learning in 3D
 
The guide to your first prototype
The guide to your first prototypeThe guide to your first prototype
The guide to your first prototype
 
Academic writing workshop fo c-classroom version
Academic writing workshop fo c-classroom versionAcademic writing workshop fo c-classroom version
Academic writing workshop fo c-classroom version
 
Open Source E-Publishing Tools
Open Source E-Publishing ToolsOpen Source E-Publishing Tools
Open Source E-Publishing Tools
 
Sketching UX: Low-Fidelity Method; High-Fidelity Results
Sketching UX: Low-Fidelity Method; High-Fidelity ResultsSketching UX: Low-Fidelity Method; High-Fidelity Results
Sketching UX: Low-Fidelity Method; High-Fidelity Results
 
Poster Presentations That Get Noticed
Poster Presentations That Get NoticedPoster Presentations That Get Noticed
Poster Presentations That Get Noticed
 
Andriy Kushnarov. BOND: a giant drupal in a huge company. DrupalCamp Kyiv 2011
Andriy Kushnarov. BOND: a giant drupal in a huge company. DrupalCamp Kyiv 2011Andriy Kushnarov. BOND: a giant drupal in a huge company. DrupalCamp Kyiv 2011
Andriy Kushnarov. BOND: a giant drupal in a huge company. DrupalCamp Kyiv 2011
 
New voice, new tone, new IA: Writing for the modern developer
New voice, new tone, new IA: Writing for the modern developerNew voice, new tone, new IA: Writing for the modern developer
New voice, new tone, new IA: Writing for the modern developer
 
Get plugged with Connections!
Get plugged with Connections!Get plugged with Connections!
Get plugged with Connections!
 
Professional Portfolios
Professional PortfoliosProfessional Portfolios
Professional Portfolios
 
What is power point
What is power pointWhat is power point
What is power point
 
Cover Your Visual Public Relations Assets with Canva and more
Cover Your Visual Public Relations Assets with Canva and moreCover Your Visual Public Relations Assets with Canva and more
Cover Your Visual Public Relations Assets with Canva and more
 
Developing Your Web Presence
Developing Your Web PresenceDeveloping Your Web Presence
Developing Your Web Presence
 
Working with designers
Working with designersWorking with designers
Working with designers
 
Comm wkshop jqfin3
Comm wkshop jqfin3Comm wkshop jqfin3
Comm wkshop jqfin3
 

More from Filip Van Laenen

How JSR 385 could have saved the Mars Climate Orbiter
How JSR 385 could have saved the Mars Climate OrbiterHow JSR 385 could have saved the Mars Climate Orbiter
How JSR 385 could have saved the Mars Climate OrbiterFilip Van Laenen
 
How JSR-385 Could Have Saved the Mars Climate Orbiter
How JSR-385 Could Have Saved the Mars Climate OrbiterHow JSR-385 Could Have Saved the Mars Climate Orbiter
How JSR-385 Could Have Saved the Mars Climate OrbiterFilip Van Laenen
 
Clouds with Trenches and Sharp Edges
Clouds with Trenches and Sharp EdgesClouds with Trenches and Sharp Edges
Clouds with Trenches and Sharp EdgesFilip Van Laenen
 
Mutasjonstesting – Lag bugs for å få bedre kode
Mutasjonstesting – Lag bugs for å få bedre kodeMutasjonstesting – Lag bugs for å få bedre kode
Mutasjonstesting – Lag bugs for å få bedre kodeFilip Van Laenen
 
Hvem kommer til å vinne kommunevalget?
Hvem kommer til å vinne kommunevalget?Hvem kommer til å vinne kommunevalget?
Hvem kommer til å vinne kommunevalget?Filip Van Laenen
 
Five Inconvenient Truths about REST
Five Inconvenient Truths about RESTFive Inconvenient Truths about REST
Five Inconvenient Truths about RESTFilip Van Laenen
 
How Free Data Can Drive Some of the Monkey Business Out of Political Journali...
How Free Data Can Drive Some of the Monkey Business Out of Political Journali...How Free Data Can Drive Some of the Monkey Business Out of Political Journali...
How Free Data Can Drive Some of the Monkey Business Out of Political Journali...Filip Van Laenen
 
Oop 2015 – Mutation Testing
Oop 2015 – Mutation TestingOop 2015 – Mutation Testing
Oop 2015 – Mutation TestingFilip Van Laenen
 
#NoEstimates – Smidig 2014
 #NoEstimates – Smidig 2014 #NoEstimates – Smidig 2014
#NoEstimates – Smidig 2014Filip Van Laenen
 
#NoEstimates – Javazone 2014
#NoEstimates – Javazone 2014#NoEstimates – Javazone 2014
#NoEstimates – Javazone 2014Filip Van Laenen
 
Tre ubeleilige sannheter om REST
Tre ubeleilige sannheter om RESTTre ubeleilige sannheter om REST
Tre ubeleilige sannheter om RESTFilip Van Laenen
 
Mutation Testing with PIT (Booster 2014, 2014-MAR-13)
Mutation Testing with PIT (Booster 2014, 2014-MAR-13)Mutation Testing with PIT (Booster 2014, 2014-MAR-13)
Mutation Testing with PIT (Booster 2014, 2014-MAR-13)Filip Van Laenen
 
Hvorfor stole på e-valg 2011/13?
Hvorfor stole på e-valg 2011/13?Hvorfor stole på e-valg 2011/13?
Hvorfor stole på e-valg 2011/13?Filip Van Laenen
 
Mutation testing (OOP 2012, 2012-JAN-24)
Mutation testing (OOP 2012, 2012-JAN-24)Mutation testing (OOP 2012, 2012-JAN-24)
Mutation testing (OOP 2012, 2012-JAN-24)Filip Van Laenen
 
SVG (Devoxx 2011, 2011-NOV-14)
SVG (Devoxx 2011, 2011-NOV-14)SVG (Devoxx 2011, 2011-NOV-14)
SVG (Devoxx 2011, 2011-NOV-14)Filip Van Laenen
 
SVG (Framsia, 27-SEP-2011)
SVG (Framsia, 27-SEP-2011)SVG (Framsia, 27-SEP-2011)
SVG (Framsia, 27-SEP-2011)Filip Van Laenen
 

More from Filip Van Laenen (19)

Drawing for IT Architects
Drawing for IT ArchitectsDrawing for IT Architects
Drawing for IT Architects
 
How JSR 385 could have saved the Mars Climate Orbiter
How JSR 385 could have saved the Mars Climate OrbiterHow JSR 385 could have saved the Mars Climate Orbiter
How JSR 385 could have saved the Mars Climate Orbiter
 
How JSR-385 Could Have Saved the Mars Climate Orbiter
How JSR-385 Could Have Saved the Mars Climate OrbiterHow JSR-385 Could Have Saved the Mars Climate Orbiter
How JSR-385 Could Have Saved the Mars Climate Orbiter
 
Clouds with Trenches and Sharp Edges
Clouds with Trenches and Sharp EdgesClouds with Trenches and Sharp Edges
Clouds with Trenches and Sharp Edges
 
Dial M for Mutation
Dial M for MutationDial M for Mutation
Dial M for Mutation
 
Mutasjonstesting – Lag bugs for å få bedre kode
Mutasjonstesting – Lag bugs for å få bedre kodeMutasjonstesting – Lag bugs for å få bedre kode
Mutasjonstesting – Lag bugs for å få bedre kode
 
Hvem kommer til å vinne kommunevalget?
Hvem kommer til å vinne kommunevalget?Hvem kommer til å vinne kommunevalget?
Hvem kommer til å vinne kommunevalget?
 
Five Inconvenient Truths about REST
Five Inconvenient Truths about RESTFive Inconvenient Truths about REST
Five Inconvenient Truths about REST
 
How Free Data Can Drive Some of the Monkey Business Out of Political Journali...
How Free Data Can Drive Some of the Monkey Business Out of Political Journali...How Free Data Can Drive Some of the Monkey Business Out of Political Journali...
How Free Data Can Drive Some of the Monkey Business Out of Political Journali...
 
Oop 2015 – Mutation Testing
Oop 2015 – Mutation TestingOop 2015 – Mutation Testing
Oop 2015 – Mutation Testing
 
#NoEstimates – Smidig 2014
 #NoEstimates – Smidig 2014 #NoEstimates – Smidig 2014
#NoEstimates – Smidig 2014
 
#NoEstimates – Javazone 2014
#NoEstimates – Javazone 2014#NoEstimates – Javazone 2014
#NoEstimates – Javazone 2014
 
Tre ubeleilige sannheter om REST
Tre ubeleilige sannheter om RESTTre ubeleilige sannheter om REST
Tre ubeleilige sannheter om REST
 
What Architects Really Do
What Architects Really DoWhat Architects Really Do
What Architects Really Do
 
Mutation Testing with PIT (Booster 2014, 2014-MAR-13)
Mutation Testing with PIT (Booster 2014, 2014-MAR-13)Mutation Testing with PIT (Booster 2014, 2014-MAR-13)
Mutation Testing with PIT (Booster 2014, 2014-MAR-13)
 
Hvorfor stole på e-valg 2011/13?
Hvorfor stole på e-valg 2011/13?Hvorfor stole på e-valg 2011/13?
Hvorfor stole på e-valg 2011/13?
 
Mutation testing (OOP 2012, 2012-JAN-24)
Mutation testing (OOP 2012, 2012-JAN-24)Mutation testing (OOP 2012, 2012-JAN-24)
Mutation testing (OOP 2012, 2012-JAN-24)
 
SVG (Devoxx 2011, 2011-NOV-14)
SVG (Devoxx 2011, 2011-NOV-14)SVG (Devoxx 2011, 2011-NOV-14)
SVG (Devoxx 2011, 2011-NOV-14)
 
SVG (Framsia, 27-SEP-2011)
SVG (Framsia, 27-SEP-2011)SVG (Framsia, 27-SEP-2011)
SVG (Framsia, 27-SEP-2011)
 

Recently uploaded

BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASEBATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASEOrtus Solutions, Corp
 
Cloud Management Software Platforms: OpenStack
Cloud Management Software Platforms: OpenStackCloud Management Software Platforms: OpenStack
Cloud Management Software Platforms: OpenStackVICTOR MAESTRE RAMIREZ
 
Asset Management Software - Infographic
Asset Management Software - InfographicAsset Management Software - Infographic
Asset Management Software - InfographicHr365.us smith
 
Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer Data
Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer DataAdobe Marketo Engage Deep Dives: Using Webhooks to Transfer Data
Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer DataBradBedford3
 
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...Christina Lin
 
Unveiling Design Patterns: A Visual Guide with UML Diagrams
Unveiling Design Patterns: A Visual Guide with UML DiagramsUnveiling Design Patterns: A Visual Guide with UML Diagrams
Unveiling Design Patterns: A Visual Guide with UML DiagramsAhmed Mohamed
 
Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...
Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...
Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...stazi3110
 
Intelligent Home Wi-Fi Solutions | ThinkPalm
Intelligent Home Wi-Fi Solutions | ThinkPalmIntelligent Home Wi-Fi Solutions | ThinkPalm
Intelligent Home Wi-Fi Solutions | ThinkPalmSujith Sukumaran
 
EY_Graph Database Powered Sustainability
EY_Graph Database Powered SustainabilityEY_Graph Database Powered Sustainability
EY_Graph Database Powered SustainabilityNeo4j
 
Advancing Engineering with AI through the Next Generation of Strategic Projec...
Advancing Engineering with AI through the Next Generation of Strategic Projec...Advancing Engineering with AI through the Next Generation of Strategic Projec...
Advancing Engineering with AI through the Next Generation of Strategic Projec...OnePlan Solutions
 
MYjobs Presentation Django-based project
MYjobs Presentation Django-based projectMYjobs Presentation Django-based project
MYjobs Presentation Django-based projectAnoyGreter
 
Professional Resume Template for Software Developers
Professional Resume Template for Software DevelopersProfessional Resume Template for Software Developers
Professional Resume Template for Software DevelopersVinodh Ram
 
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...soniya singh
 
software engineering Chapter 5 System modeling.pptx
software engineering Chapter 5 System modeling.pptxsoftware engineering Chapter 5 System modeling.pptx
software engineering Chapter 5 System modeling.pptxnada99848
 
Building Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
Building Real-Time Data Pipelines: Stream & Batch Processing workshop SlideBuilding Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
Building Real-Time Data Pipelines: Stream & Batch Processing workshop SlideChristina Lin
 
Der Spagat zwischen BIAS und FAIRNESS (2024)
Der Spagat zwischen BIAS und FAIRNESS (2024)Der Spagat zwischen BIAS und FAIRNESS (2024)
Der Spagat zwischen BIAS und FAIRNESS (2024)OPEN KNOWLEDGE GmbH
 
GOING AOT WITH GRAALVM – DEVOXX GREECE.pdf
GOING AOT WITH GRAALVM – DEVOXX GREECE.pdfGOING AOT WITH GRAALVM – DEVOXX GREECE.pdf
GOING AOT WITH GRAALVM – DEVOXX GREECE.pdfAlina Yurenko
 
Folding Cheat Sheet #4 - fourth in a series
Folding Cheat Sheet #4 - fourth in a seriesFolding Cheat Sheet #4 - fourth in a series
Folding Cheat Sheet #4 - fourth in a seriesPhilip Schwarz
 
React Server Component in Next.js by Hanief Utama
React Server Component in Next.js by Hanief UtamaReact Server Component in Next.js by Hanief Utama
React Server Component in Next.js by Hanief UtamaHanief Utama
 
Implementing Zero Trust strategy with Azure
Implementing Zero Trust strategy with AzureImplementing Zero Trust strategy with Azure
Implementing Zero Trust strategy with AzureDinusha Kumarasiri
 

Recently uploaded (20)

BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASEBATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
BATTLEFIELD ORM: TIPS, TACTICS AND STRATEGIES FOR CONQUERING YOUR DATABASE
 
Cloud Management Software Platforms: OpenStack
Cloud Management Software Platforms: OpenStackCloud Management Software Platforms: OpenStack
Cloud Management Software Platforms: OpenStack
 
Asset Management Software - Infographic
Asset Management Software - InfographicAsset Management Software - Infographic
Asset Management Software - Infographic
 
Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer Data
Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer DataAdobe Marketo Engage Deep Dives: Using Webhooks to Transfer Data
Adobe Marketo Engage Deep Dives: Using Webhooks to Transfer Data
 
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
ODSC - Batch to Stream workshop - integration of Apache Spark, Cassandra, Pos...
 
Unveiling Design Patterns: A Visual Guide with UML Diagrams
Unveiling Design Patterns: A Visual Guide with UML DiagramsUnveiling Design Patterns: A Visual Guide with UML Diagrams
Unveiling Design Patterns: A Visual Guide with UML Diagrams
 
Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...
Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...
Building a General PDE Solving Framework with Symbolic-Numeric Scientific Mac...
 
Intelligent Home Wi-Fi Solutions | ThinkPalm
Intelligent Home Wi-Fi Solutions | ThinkPalmIntelligent Home Wi-Fi Solutions | ThinkPalm
Intelligent Home Wi-Fi Solutions | ThinkPalm
 
EY_Graph Database Powered Sustainability
EY_Graph Database Powered SustainabilityEY_Graph Database Powered Sustainability
EY_Graph Database Powered Sustainability
 
Advancing Engineering with AI through the Next Generation of Strategic Projec...
Advancing Engineering with AI through the Next Generation of Strategic Projec...Advancing Engineering with AI through the Next Generation of Strategic Projec...
Advancing Engineering with AI through the Next Generation of Strategic Projec...
 
MYjobs Presentation Django-based project
MYjobs Presentation Django-based projectMYjobs Presentation Django-based project
MYjobs Presentation Django-based project
 
Professional Resume Template for Software Developers
Professional Resume Template for Software DevelopersProfessional Resume Template for Software Developers
Professional Resume Template for Software Developers
 
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...
Russian Call Girls in Karol Bagh Aasnvi ➡️ 8264348440 💋📞 Independent Escort S...
 
software engineering Chapter 5 System modeling.pptx
software engineering Chapter 5 System modeling.pptxsoftware engineering Chapter 5 System modeling.pptx
software engineering Chapter 5 System modeling.pptx
 
Building Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
Building Real-Time Data Pipelines: Stream & Batch Processing workshop SlideBuilding Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
Building Real-Time Data Pipelines: Stream & Batch Processing workshop Slide
 
Der Spagat zwischen BIAS und FAIRNESS (2024)
Der Spagat zwischen BIAS und FAIRNESS (2024)Der Spagat zwischen BIAS und FAIRNESS (2024)
Der Spagat zwischen BIAS und FAIRNESS (2024)
 
GOING AOT WITH GRAALVM – DEVOXX GREECE.pdf
GOING AOT WITH GRAALVM – DEVOXX GREECE.pdfGOING AOT WITH GRAALVM – DEVOXX GREECE.pdf
GOING AOT WITH GRAALVM – DEVOXX GREECE.pdf
 
Folding Cheat Sheet #4 - fourth in a series
Folding Cheat Sheet #4 - fourth in a seriesFolding Cheat Sheet #4 - fourth in a series
Folding Cheat Sheet #4 - fourth in a series
 
React Server Component in Next.js by Hanief Utama
React Server Component in Next.js by Hanief UtamaReact Server Component in Next.js by Hanief Utama
React Server Component in Next.js by Hanief Utama
 
Implementing Zero Trust strategy with Azure
Implementing Zero Trust strategy with AzureImplementing Zero Trust strategy with Azure
Implementing Zero Trust strategy with Azure
 

Become an SVG Architect, Not a PowerPoint Architect

  • 1. NDC 2017 Oslo, 16 June 2017 Filip van Laenen Become an SVG Architect, Not a PowerPoint Architect
  • 2. This Talk’s Scope • Out of scope: • What is a “PowerPoint Architect”? • Is it a good or a bad thing? • How to become one – or avoid to become one • Scope: • PowerPoint as an architecture drawing tool 0 C o- l u m n 1 C o- l u m n 2 C o- l u m n 3 2
  • 3. Not Only PowerPoint • Microsoft PowerPoint • LibreOffice Impress • Apple Keynote 3
  • 4. Style Matters • Every drawing in PowerPoint looks so PowerPointy • Or Impressy • Or Keynoty 0 C o- l u m n 1 C o- l u m n 2 C o- l u m n 3 4 User Interface Application Server Database
  • 5. 5
  • 6. 6
  • 7. 7
  • 8. 8
  • 9. 9
  • 10. Style Matters • Color palettes • Styling • Glow • Shadows • Shapes • Fonts 10 Gerald Streiter (https://www.flickr.com/photos/benowhere/7715649996)
  • 11. Custom Shapes and Arrows • Open libraries • “Open” as in: • Open to reuse • Open to modify • Open to extend • Wikipedia! • Scalable • Free drawing as a last resort • Check out Inkscape 0 C o- l u m n 1 C o- l u m n 2 C o- l u m n 3 11
  • 12. SVG Is XML • Drawings with source code • You can pretend you’re doing technical work… • Or even programming! • sed -i 's/ff0000/f39200/g' architecture.svg • sed -i 's/Calibri/Lato/g' architecture.svg 0 C o- l u m n 1 C o- l u m n 2 C o- l u m n 3 12
  • 13. SVG Is Part of HTML5 • Everybody can view it • Everybody can import it • Everybody can reuse it • But export to PNG just to be sure… 0 C o- l u m n 1 C o- l u m n 2 C o- l u m n 3 13