SlideShare a Scribd company logo
1 of 40
Download to read offline
The Allure of
Gothic Markup
Simon St. Laurent
York Minster, by GuyHH
DISCLAIMER
•  O’Reilly Media, Inc. bears no responsibility for the
content of this presentation. This presentation in
no way reflects the official views of O’Reilly Media,
Inc. No other O’Reilly employees were involved in
its creation. It exclusively represents the individual
perspective of Simon St.Laurent.
•  I am extremely lucky to have an employer that
allows these kinds of wanderings. You should find
one too, if you don’t have one already.
Ten Years Ago
Montreal
August 5, 2013.
St. Leonard Cohen de Montreal
‘When they
said
“REPENT”
I wonder
what they
meant.’
“The Future”, 1992. Photo by Hyacinthe Rambault.
We Are Fallen Creatures
Night Vigil, York Minster, photo by Catholic Church (England and Wales)
Don’t: Politics and Morality of Tech
John Ruskin, The Brezon and Alps of the Reposoir, seen from Mornex
The Problems Lie Deep
We Are Complicit – I Am Complicit
Electronic Frontier Foundation VersionPhoto by laughingsquid
WHAT HAS GOTHIC TO DO
WITH MARKUP?
Nice pictures, but…
Codex Argenteus, the Bible in Gothic. Photo by
Benutzer Signue, Wikimedia Commons
Ruskin & The Nature of Gothic
•  The Stones of Venice (1851-3): a book on
architecture – evolves into a polemic about social
organization and craft.
Ca D’Oro, Venice. Photo by Kenton Forshee
Savageness
Changefulness
Arches with variations. John Ruskin, The Stones of Venice.
William Morris
•  “it is possible for man to
rejoice in his work, for,
strange as it may seem to us
to-day, there have been times
when he did rejoice in it…
unless man's work once again
becomes a pleasure to him,
the token of which change
will be that beauty is once
again a natural and necessary
accompaniment of productive
labour, all but the worthless
must toil in pain, and
therefore live in pain”
The Nature of Gothic, Kelmscott Press Edition (1892).
Christopher Alexander
•  A Pattern Language (1977), not Design
Patterns (1994).
•  Architect who wants to re-architect and re-orient
architecture.
System-A and System-B
•  Iterative
•  Drawings after
•  Includes builders and
clients at all stages
•  Continuous development
from large features to
small, unknown at start
•  Meets budgets by dropping
features as necessary
•  Cost control through
customization
•  Planned (and corrections)
•  Drawings before
•  Hierarchy of designer to
contractors to customers
•  All features included in
original plan, possibly with
options
•  Meets budgets by dropping
quality or halting
•  Cost control through
standardization
Depth, Not Quantity
•  “The architect-builder... has greater powers but
more limited domain. Any one architect builder
may control no more than twenty houses at a
time, but he will take full responsibility for their
design and construction, and he will work far
more intensely with the individual families, and
with the individual details of their houses. Thus,
in this model of construction, both design and
construction are decentralized....”
The Production of Houses (1985) , 76-7
BUT WHAT HAS THIS TO DO
WITH MARKUP?
You didn’t answer the question!
Markup as Architecture
In virtual world, markup:
•  Creates spaces in which we can talk
•  Builds structures in which we can work
•  Lays out marketplaces in which we shop
•  Offers a canvas on which to decorate
•  Assembles structures into larger groups
XML as Industrialized Data
•  Automate as much as possible.
•  Prioritize predictability.
•  Versioning means remodeling the factory.
•  Standards about industrial collaboration.
•  Human involvement driven to minimum.
•  Contains anarchy by treating it
as allowed but exceptional.
Photo by Urban Garden
Validation
William Holman Hunt, The Scapegoat
We Fear That Work Is This
Ford Madox Brown, Work
Asynchronicity Works This Way
John Everett Millais, Christ in the House of His Parents (The Carpenter's Shop)
Data Transformation Flows
•  Changefulness shifts state.
•  Transformations traditionally
more forgiving than validators.
•  XSLT as classic XML model,
functional programming
broader.
•  Differentiate internal and
external structures.
•  “Data Pachinko”
Pachinko machine photo by limetom.
Douglas Crockford: JSON and
Functional Programming
•  JSON extracts existing syntax from JavaScript
– no invention.
•  Crockford reorients developers toward functional
JavaScript approaches.
•  Practice avoids schemas, uses transformations
from simple to massive.
•  “Don’t be evil” license.
Photo by niallkennedy
Human Transformers
•  Reading as a transformation from “what you gave
me” to “what I want to understand”, not just
“taking in what is there”.
•  Document creation as an especially flexible
transformation.
•  Even automated transformation tools should often
be simpler even than “classic” XSLT 1.0, letting
humans specify direction. CSS selectors a classic
enabling tech, but should be more interfaces.
A FEW RECENT FINDS
After the paper…
John von Neumann
(1951)
Roger Costello: Fine-Grained Validation
•  “how to validate - in an automated fashion - each
item of an XML document and make validation
decisions on a per-item basis rather than a per-
document basis. The items to be validated may be as
fine-grain or as course-grain as desired: the item may
be a single element (or even just the text within a
leaf element) or the item may be an element
composed of many descendent elements. Validation
may be done from the outside in (the root element
to the leaf nodes) or the inside out (the leaf nodes to
the root element).” (7/2013)
Waterfall, Agile, Lean
•  Waterfall: Know problem, figure out solution,
implement.
•  Agile: Know problem, iterate over solutions.
•  Lean: Figure out problem, test solutions.
Minimum Viable Product (MVP)
•  “Test solutions” makes it easy to put people into
a system at least at the outset, for “concierge
options” that make a lot more sense for testing
than complete build out.
The Importance of Wheedling
•  “When a programmer instructs a computer to
reject, or disregard, all input longer than 64
characters, she effectively makes it impossible for
a bureaucrat – however sympathetic – to
accommodate a name that’s longer than she’s
imagined names might be. With a human
bureaucrat, there was always the possibility of
wheedling an exception; machines don’t
wheedle.”
Cory Doctorow, 7/2013. http://boingboing.net/2013/08/05/podcast-teaching-computers.html
SO….
Emphasize Markup
•  Markup as direct access to data.
•  Programming languages shift back –
transformations critical but not necessarily
required.
•  Declarative annotations offer tremendous power
for presentation, hyperlinking, commentary, and
more.
The Promised Land
Ford Madox Brown, An English Autumn Afternoon, Hampstead – Scenery in 1853
The Journey: Setting Out
Tapestry designed by Sir Edward Coley Burne-Jones, William Morris, and John Henry Dearle,
The Arming and Departure of the Knights of the Round Table on the Quest for the Holy Grail
Welcoming: Entry Points
Standen Garden. Photo by UGArdener
Welcoming, Not Overwhelming
Kelmscott Manor, Lechlade, Gloucestershire. Photo by Tim Waters.
Teaching: Get Them First!
Konrad St.Laurent
Designing for Approachability
Mackintosh glass, Scotland Street School Museum. Photo by dalbera
Maximum Welcome
Angels, Jesus College Chapel. Photo by TheRevSteve

More Related Content

Similar to The Allure of Gothic Markup

Forty Years of Crisis, Ten Years of Agile, Now What?
Forty Years of Crisis, Ten Years of Agile, Now What?Forty Years of Crisis, Ten Years of Agile, Now What?
Forty Years of Crisis, Ten Years of Agile, Now What?
Morendil
 
Software Architectures, Week 1 - Monolithic Architectures
Software Architectures, Week 1 - Monolithic ArchitecturesSoftware Architectures, Week 1 - Monolithic Architectures
Software Architectures, Week 1 - Monolithic Architectures
Angelos Kapsimanis
 
Clojure slides
Clojure slidesClojure slides
Clojure slides
mcohen01
 
The economies of scaling software - Abdel Remani
The economies of scaling software - Abdel RemaniThe economies of scaling software - Abdel Remani
The economies of scaling software - Abdel Remani
jaxconf
 

Similar to The Allure of Gothic Markup (20)

Design Thinking for Developers
Design Thinking for DevelopersDesign Thinking for Developers
Design Thinking for Developers
 
Software Architecture Clues
Software Architecture CluesSoftware Architecture Clues
Software Architecture Clues
 
Forty Years of Crisis, Ten Years of Agile, Now What?
Forty Years of Crisis, Ten Years of Agile, Now What?Forty Years of Crisis, Ten Years of Agile, Now What?
Forty Years of Crisis, Ten Years of Agile, Now What?
 
Software Architectures, Week 1 - Monolithic Architectures
Software Architectures, Week 1 - Monolithic ArchitecturesSoftware Architectures, Week 1 - Monolithic Architectures
Software Architectures, Week 1 - Monolithic Architectures
 
CityLIS talk, Feb 1st 2016
CityLIS talk, Feb 1st 2016CityLIS talk, Feb 1st 2016
CityLIS talk, Feb 1st 2016
 
History of Object Orientation in OOP.ppt
History of Object Orientation in OOP.pptHistory of Object Orientation in OOP.ppt
History of Object Orientation in OOP.ppt
 
History of Object Orientation in OOP.ppt
History of Object Orientation in OOP.pptHistory of Object Orientation in OOP.ppt
History of Object Orientation in OOP.ppt
 
James Coplien - Trygve - October 17, 2016
James Coplien - Trygve - October 17, 2016James Coplien - Trygve - October 17, 2016
James Coplien - Trygve - October 17, 2016
 
Interoperability defined by its reason d'être
Interoperability defined by its reason d'êtreInteroperability defined by its reason d'être
Interoperability defined by its reason d'être
 
How2research
How2researchHow2research
How2research
 
Emergent Patterns in DevOps
Emergent Patterns in DevOpsEmergent Patterns in DevOps
Emergent Patterns in DevOps
 
Clojure slides
Clojure slidesClojure slides
Clojure slides
 
Visual Architecting
Visual Architecting Visual Architecting
Visual Architecting
 
User-Modifiable Software: Smalltalk and HyperCard
User-Modifiable Software: Smalltalk and HyperCardUser-Modifiable Software: Smalltalk and HyperCard
User-Modifiable Software: Smalltalk and HyperCard
 
From Galapagos to Twitter: Darwin, Natural Selection, and Web 2.0
From Galapagos to Twitter: Darwin, Natural Selection, and Web 2.0From Galapagos to Twitter: Darwin, Natural Selection, and Web 2.0
From Galapagos to Twitter: Darwin, Natural Selection, and Web 2.0
 
Future Interface : What the last 50+ Years of Modern Computing History May Te...
Future Interface : What the last 50+ Years of Modern Computing History May Te...Future Interface : What the last 50+ Years of Modern Computing History May Te...
Future Interface : What the last 50+ Years of Modern Computing History May Te...
 
Making sense of messy problems - Systems thinking for interaction designers
Making sense of messy problems - Systems thinking for interaction designersMaking sense of messy problems - Systems thinking for interaction designers
Making sense of messy problems - Systems thinking for interaction designers
 
Steve Jurvetson - Disruptive Innovation
Steve Jurvetson - Disruptive InnovationSteve Jurvetson - Disruptive Innovation
Steve Jurvetson - Disruptive Innovation
 
The economies of scaling software - Abdel Remani
The economies of scaling software - Abdel RemaniThe economies of scaling software - Abdel Remani
The economies of scaling software - Abdel Remani
 
My Design Theory
My Design TheoryMy Design Theory
My Design Theory
 

Recently uploaded

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Recently uploaded (20)

Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 

The Allure of Gothic Markup

  • 1. The Allure of Gothic Markup Simon St. Laurent York Minster, by GuyHH
  • 2. DISCLAIMER •  O’Reilly Media, Inc. bears no responsibility for the content of this presentation. This presentation in no way reflects the official views of O’Reilly Media, Inc. No other O’Reilly employees were involved in its creation. It exclusively represents the individual perspective of Simon St.Laurent. •  I am extremely lucky to have an employer that allows these kinds of wanderings. You should find one too, if you don’t have one already.
  • 5. St. Leonard Cohen de Montreal ‘When they said “REPENT” I wonder what they meant.’ “The Future”, 1992. Photo by Hyacinthe Rambault.
  • 6. We Are Fallen Creatures Night Vigil, York Minster, photo by Catholic Church (England and Wales)
  • 7. Don’t: Politics and Morality of Tech John Ruskin, The Brezon and Alps of the Reposoir, seen from Mornex
  • 9. We Are Complicit – I Am Complicit Electronic Frontier Foundation VersionPhoto by laughingsquid
  • 10. WHAT HAS GOTHIC TO DO WITH MARKUP? Nice pictures, but… Codex Argenteus, the Bible in Gothic. Photo by Benutzer Signue, Wikimedia Commons
  • 11. Ruskin & The Nature of Gothic •  The Stones of Venice (1851-3): a book on architecture – evolves into a polemic about social organization and craft. Ca D’Oro, Venice. Photo by Kenton Forshee
  • 13. Changefulness Arches with variations. John Ruskin, The Stones of Venice.
  • 14. William Morris •  “it is possible for man to rejoice in his work, for, strange as it may seem to us to-day, there have been times when he did rejoice in it… unless man's work once again becomes a pleasure to him, the token of which change will be that beauty is once again a natural and necessary accompaniment of productive labour, all but the worthless must toil in pain, and therefore live in pain” The Nature of Gothic, Kelmscott Press Edition (1892).
  • 15. Christopher Alexander •  A Pattern Language (1977), not Design Patterns (1994). •  Architect who wants to re-architect and re-orient architecture.
  • 16. System-A and System-B •  Iterative •  Drawings after •  Includes builders and clients at all stages •  Continuous development from large features to small, unknown at start •  Meets budgets by dropping features as necessary •  Cost control through customization •  Planned (and corrections) •  Drawings before •  Hierarchy of designer to contractors to customers •  All features included in original plan, possibly with options •  Meets budgets by dropping quality or halting •  Cost control through standardization
  • 17. Depth, Not Quantity •  “The architect-builder... has greater powers but more limited domain. Any one architect builder may control no more than twenty houses at a time, but he will take full responsibility for their design and construction, and he will work far more intensely with the individual families, and with the individual details of their houses. Thus, in this model of construction, both design and construction are decentralized....” The Production of Houses (1985) , 76-7
  • 18. BUT WHAT HAS THIS TO DO WITH MARKUP? You didn’t answer the question!
  • 19. Markup as Architecture In virtual world, markup: •  Creates spaces in which we can talk •  Builds structures in which we can work •  Lays out marketplaces in which we shop •  Offers a canvas on which to decorate •  Assembles structures into larger groups
  • 20. XML as Industrialized Data •  Automate as much as possible. •  Prioritize predictability. •  Versioning means remodeling the factory. •  Standards about industrial collaboration. •  Human involvement driven to minimum. •  Contains anarchy by treating it as allowed but exceptional. Photo by Urban Garden
  • 22. We Fear That Work Is This Ford Madox Brown, Work
  • 23. Asynchronicity Works This Way John Everett Millais, Christ in the House of His Parents (The Carpenter's Shop)
  • 24. Data Transformation Flows •  Changefulness shifts state. •  Transformations traditionally more forgiving than validators. •  XSLT as classic XML model, functional programming broader. •  Differentiate internal and external structures. •  “Data Pachinko” Pachinko machine photo by limetom.
  • 25. Douglas Crockford: JSON and Functional Programming •  JSON extracts existing syntax from JavaScript – no invention. •  Crockford reorients developers toward functional JavaScript approaches. •  Practice avoids schemas, uses transformations from simple to massive. •  “Don’t be evil” license. Photo by niallkennedy
  • 26. Human Transformers •  Reading as a transformation from “what you gave me” to “what I want to understand”, not just “taking in what is there”. •  Document creation as an especially flexible transformation. •  Even automated transformation tools should often be simpler even than “classic” XSLT 1.0, letting humans specify direction. CSS selectors a classic enabling tech, but should be more interfaces.
  • 27. A FEW RECENT FINDS After the paper…
  • 29. Roger Costello: Fine-Grained Validation •  “how to validate - in an automated fashion - each item of an XML document and make validation decisions on a per-item basis rather than a per- document basis. The items to be validated may be as fine-grain or as course-grain as desired: the item may be a single element (or even just the text within a leaf element) or the item may be an element composed of many descendent elements. Validation may be done from the outside in (the root element to the leaf nodes) or the inside out (the leaf nodes to the root element).” (7/2013)
  • 30. Waterfall, Agile, Lean •  Waterfall: Know problem, figure out solution, implement. •  Agile: Know problem, iterate over solutions. •  Lean: Figure out problem, test solutions. Minimum Viable Product (MVP) •  “Test solutions” makes it easy to put people into a system at least at the outset, for “concierge options” that make a lot more sense for testing than complete build out.
  • 31. The Importance of Wheedling •  “When a programmer instructs a computer to reject, or disregard, all input longer than 64 characters, she effectively makes it impossible for a bureaucrat – however sympathetic – to accommodate a name that’s longer than she’s imagined names might be. With a human bureaucrat, there was always the possibility of wheedling an exception; machines don’t wheedle.” Cory Doctorow, 7/2013. http://boingboing.net/2013/08/05/podcast-teaching-computers.html
  • 33. Emphasize Markup •  Markup as direct access to data. •  Programming languages shift back – transformations critical but not necessarily required. •  Declarative annotations offer tremendous power for presentation, hyperlinking, commentary, and more.
  • 34. The Promised Land Ford Madox Brown, An English Autumn Afternoon, Hampstead – Scenery in 1853
  • 35. The Journey: Setting Out Tapestry designed by Sir Edward Coley Burne-Jones, William Morris, and John Henry Dearle, The Arming and Departure of the Knights of the Round Table on the Quest for the Holy Grail
  • 36. Welcoming: Entry Points Standen Garden. Photo by UGArdener
  • 37. Welcoming, Not Overwhelming Kelmscott Manor, Lechlade, Gloucestershire. Photo by Tim Waters.
  • 38. Teaching: Get Them First! Konrad St.Laurent
  • 39. Designing for Approachability Mackintosh glass, Scotland Street School Museum. Photo by dalbera
  • 40. Maximum Welcome Angels, Jesus College Chapel. Photo by TheRevSteve