Computational writing and publishing

--- title: Computational writing and publishing tags: Presentation, Talk Authors: Winnie Soon & Geoff Cox description: View the slide with "Slide Mode". link: https://hackmd.io/@siusoon/computationalwriting & https://www.nica-institute.com/event-computational-writing-and-publishing-workshop-with-geoff-cox-and-winnie-soon/ slideOptions: theme: serif transition: 'fade' --- {%hackmd @siusoon/slide-style %} ## Computational Writing and Publishing  <img src="https://gitlab.com/aesthetic-programming/book/-/raw/master/cover/AP_coverGraph.jpg" width=700> <h3> Geoff Cox & Winnie Soon </h3> 21 Apr 2023 @ Utrecht University  --- ## how i wrote one of my books  <img src="https://i.imgur.com/wEuUerx.jpg" width=600> Italo Calvino, “How I Wrote One of My Books”, Bibliotheque Oulipienne No. 20, in Raymond Queneau et al, Oulipo Laboratory (1995), explaining the formulation of structure in If on a Winter’s Night a Traveller (1981), echoing Raymond Roussel’s Comment j’ai écrit certains de mes livres (1935). --- ## notes towards the complete works...  <img src="https://i.imgur.com/hJE8o4J.jpg" width=300> <img src="https://i.imgur.com/ddYoqwH.jpg" width=300> <img src="https://i.imgur.com/opCtoxe.jpg" width=300> <img src="https://i.imgur.com/Rad9QgH.jpg" width=300> Featured in documenta 13, as part of The Worldly House, inspired by Donna Haraway’s Writings on Multi-Species Co-Evolution, now in the documenta collection. https://archive.org/stream/NotesTowardsTheCompleteWorksOfShakespeare/Notes%20towards%20the%20complete%20works%20of%20shakespeare_djvu.txt --- ## cover versions of the communist manifesto  <img src="https://i.imgur.com/smHzFiE.jpg" width=200> <img src="https://i.imgur.com/4hlWAiP.jpg" width=200> <img src="https://i.imgur.com/NOH1fm2.jpg" width=400> from the collection of the museum of ordure --- ## live writing the live coding book  <img src="https://i.imgur.com/VBaTDKq.jpg" width=580> Live Coding: A User's Manual by Alan F. Blackwell, Emma Cocker, Geoff Cox, Alex McLean and Thor Magnusson (The MIT Press, 2022) --- ## book-author  > “In an important sense, it is not so much that I have written this book, as that it has written me. Or rather, ‘we’ have ‘intra-actively’ written each other (‘intra-actively’ rather than the usual ‘interactively’ since writing is not a unidirectional practice of creation that flows from author to page, but rather the practice of writing is an iterative and mutually constitutive working out, and reworking, of ‘book’ and ‘author’).” Karen Barad, Meeting the Universe Halfway, ix–x. --- ## DIY Book binding tools - Unerasable Characters (2022)  <img src="https://siusoon.net/gallery/zp-core/i.php?a=Unerasable-Characters-I&i=IMG_20230216_173021.jpg" width=300> <img src="https://siusoon.net/gallery/albums/Unerasable-Characters-I/IMG_20221028_165123.jpg" width=200> <img src="https://siusoon.net/gallery/cache/Unerasable-Characters-I/_AC_6786_800.jpg" width=400> Materials: - 2x book binding wood (24.6x2x0.8 cm), hole's diameter: 0.5 cm - 2x wing nuts - 2x flat washers - 2x long headless screws (35 cm) - 1x A4 textile cloth for the book cover --- ## Coding Manual - running code  [Queering Code Manual](http://www.them-all-magazine.com/winniesoon) (2022) in Them, All Magazine: <img src="https://i.imgur.com/2eb4W9f.png" width=300> --- ## Computationally generating Queer Motto via an API (w/ Helen Pritchard)   **Queer Motto API**: an artistic/technical manual to generate Queer Motto/Poem using machine learning techniques and the diastic algorithm. <img src="https://i.imgur.com/q1W0fbz.jpg" width=450> <img src="https://gitlab.com/siusoon/queer-motto-api/-/raw/master/images/mottoexample.jpg" width=450> https://gitlab.com/siusoon/queer-motto-api --- ## Computational Publishing  **Software Studies perspective** - book as software - involves some sort of code execution/algorithms - writing/coding - software as a cultural artefact - software as an object of study - FOSS - free and open source software culture (production/distribution/consumption/community/licence) --- ## Software & ==Experimental Publishing==  **Experimental** - Do-It-Yourself (DIY) - Do-It-With-Others (DIWO) - Exploration/Intervention/Speculation <img src="https://i.imgur.com/dlnsVJ1.png" width=600> **Publishing** - Making things public (e.g data/writing) - Creating publics --- ## Entanglement (book - software - infrastructure)  <img src="https://i.imgur.com/Bo8fOXD.jpg" width=800> ---  <img src="https://i.imgur.com/5NSAPLj.jpg" width=450> <img src="https://i.imgur.com/YTNHShD.jpg" width=450> --- ## Aesthetic Programming (2020)  <img src="https://i.imgur.com/MMVuc13.jpg" width=600> - Physical book print + PDF: http://www.openhumanitiespre - Web pages (static page generation): https://aesthetic-programming.net/ - Git repository: https://gitlab.com/aesthetic-programming/book ss.org/books/titles/aesthetic-programming/ - versioning (platforms, iterations, software, language, etc) & forking --- ## About > The book explores the technical as well as cultural imaginaries of programming from its insides. It follows the principle that the growing importance of software requires a new kind of cultural thinking — and curriculum — that can account for, and with which to better understand the politics and aesthetics of algorithmic procedures, data processing and abstraction. > It takes a particular interest in power relations that are relatively under-acknowledged in technical subjects, concerning class and capitalism, gender and sexuality, as well as race and the legacies of colonialism. This is not only related to the politics of representation but also nonrepresentation: how power differentials are implicit in code in terms of binary logic, hierarchies, naming of the attributes, and how particular worldviews are reinforced and perpetuated through computation. --- ## Literacy  <img src="https://i.imgur.com/cNr4zvn.jpg" height=200> <img src="https://i.imgur.com/88X03hh.jpg" height=200> <img src="https://mitp.silverchair-cdn.com/mitp/content_public/books/1924/book/3/m_9780262273343.jpeg?Expires=1683793278&Signature=xH7vpiNRV6aszHvttwVbLRZ6Z390xStpSRriWhYBhvNVYIlJ7QVSr1ZlHk0cDZOwZvj8V3vpGYJXw503ZZovPN3N3bna80wtT6K~Pme7Bbzazaz~FkDgh2SCdbJxlAmyn0iBeaaTI3uAekO2xdPDDV8fQL35dTkGpVkgmrqQvmg~4VnwiYS-aacWO4n-7pN8Jdlg4a70Lcm3bAyVyb0SKqjCykCnxcpMP0QvX4GppAGcUzXhAU6i5lTSabqDotmVAbEKNyRW5A7wxEwbVSdNoWqNO2a6mPASMtyBEGRQsjR1K42qEVU7ofvDt8LywPDIOk5GSL-fHd32o1WwYX9uLw__&Key-Pair-Id=APKAIE5G5CRDK6RD3PGA" height=200> <img src="https://i.thenile.io/r1000/9780262036245.jpg" height=200> We take inspiration from key sources > Vee's arguments for coding literacy, in that it is no longer just "reading for comprehension" but also "reading for technical thought as well as writing with complex structures and ideas." It is not simply a new way of reading and writing, but also a new way of thinking and understanding other codes. Such a compelling argument for literacy not only benefits individuals who acquire certain skills, but also has potential wider cultural and social ramifications, helping to force coding out of its specialization in certain disciplines and open up its critical and aesthetic potential. (Soon & Cox 2020, 29) --- ## Procedural Literacy  <img src="https://i.imgur.com/Qz5L4mw.png" width=600> > being procedurally literate includes being able to unpack social and cultural assumptions of code (deep readings of code), to understand the relationship between creative expression and code, as well as being able to program, students must comfortable participating in a variety of discourses. - (Meteas 2005)  --- ## FORKING - OPEN INVITATION  > In brief, the use of a Git repository for our writing further emphasizes FOSS working principles, and, by treating writing as software, or indeed software as writing, allows us to formalize the production of the book as an iterative process, in need of timely updates, allowing for forking and endless reversioning. By allowing new versions to be produced by others, we hope in a modest way to challenge commercial publishing conventions and illuminate our capacity to understand some of the infrastructures through which we encode our ideas and distribute them across networks. We believe that this way of working s a departure point for collectively engaging with programming and creating changes in the social-technical systems (both inside and outside).[...]This helps us as readers to understand something of the iterative process of writing a book about code in the spirit of how software developers collaborate, host, review, and merge code, as well as build software together. --- ## Merge request  ![](https://i.imgur.com/aQTFGPh.png) --- ## What would it mean to fork a book the way we fork software?  <img src="https://i.imgur.com/w1zUPaN.png" width=700> Ref: https://markcmarino.medium.com/how-to-fork-a-book-the-radical-transformation-of-publishing-3e1f4a39a66c and https://gitlab.com/sarahciston/book/-/tree/main/source/8.5-TalkingBack --- ## FORKING - INVITATION ACCEPTED  Chapter 8.5: Talking Back (2021) by Sarah Ciston and Mark Marino <img src="https://i.imgur.com/wdeNzeY.png" width=400>  --- ## Towards Forking and Translation (forthcoming)  Traditional Chinese site: https://hackmd.io/@aesthetic-programming/book (working with Taiwanese art and coding community, supported by Digital Art Center, Taipei) ![](https://i.imgur.com/qhdk1QN.png)  --- ## The term "Computational Publishing"  - dynamic and computational objects - open to re-versioning, merging, forking - more than "discrete objects" (Batchen 1998: 47) - as "a continuous stream of data [...] without temporal restriction" (ibid) --- ## broader interest: experimental publishing  - zines/manuals, (art) books - git2print, html2print, wiki2print... --- ## pj machine (Machine Research 2017)  <img src="https://i.imgur.com/NaawuxF.png" width=200> <img src="https://i.imgur.com/bZvovpY.jpg" width=200> <img src="https://i.imgur.com/loN9bbv.jpg" width=200> @ Constant, w/ Sarah Magnan pj (cf. vj/dj) --- ## git/markdown to print (Research Refusal 2021)  <img src="https://i.imgur.com/yEpL1PJ.png" width=600> - Consolidation: https://gitlab.com/osp-kitchen/aprja.research-refusal - Interface: http://ascii.heij.be/ (Gijs De Heij from Open Soure Publishing) - Peer-Reviewed [newspaper](https://darc.au.dk/publications/peer-reviewed-newspaper) --- ## Markdown to HTML to Print (Rendering Research 2022)  <img src="https://darc.au.dk/fileadmin/ingen_mappe_valgt/PNG_RenderingResearchNewspaper.png" width=400> <img src="https://i.imgur.com/momR0xY.jpg" width=400> https://github.com/zvevqx/flask2print --- ## wiki2print (Toward a Minor Tech 2023)  ![](https://i.imgur.com/HuCBDG2.jpg) https://cc.vvvvvvaria.org/wiki/Toward_a_Minor_Tech --- ## Octomode  <img src="https://i.imgur.com/4fZUgif.png" width=500>  Octomode is a collective editing space for PDF making, using Etherpad, Paged.js, HTML, CSS and Flask. (developed by Varia) > Inspired by the multi-centered, tentacular cognition capabilities of the octopus, we imagined a space in which the artificial boundaries of writing and design can be crossed; where writing, editing and designing can be done in one environment simultaneously, allowing the format to influence the matter and vice-versa. https://cc.vvvvvvaria.org/wiki/Octomode ; https://cc.vvvvvvaria.org/octomode/computational%20publishing/pdf/ --- Thank you Q & A --- ## Workshop --- ## Rundown - 15.00-15.20: round table introductions - 15.20-15.40: context - experimenting together - collective writing / making & coding / design - thinking through doing (e.g open access, authorship/credits, collectivity, workflow, temporality etc.) - 15.40-16.00: the publishing platform: Octomode - 16.00-16.20: Participants put in text + title (and reading them) - 16.20-16.30: BREAK - 16.30-17.15: Reading/discusion/feedback, agreeing the editorial approach (e.g code of conduct?, combining text, new sub-headings and connecting paragraphs?) - 17.15-17.45: Collective making: adjusting and editing the code/sections/text/style, etc - 17.45-18.00: Discussion --- Reference for the participants: - Martino Morandi, “Constant Padology.” MARCH (2023). https://march.international/constant-padology/ - Winnie Soon & Geoff Cox, "Preface" + "Design notes", in Aesthetic Programming (Open Humanities Press, 2020), pp.13-25. https://aesthetic-programming.net/ - Annette Vee, "Introduction: Computer Programming as Literacy", in Coding Literacy (The MIT Press, 2017), pp. 1-42. https://library.memoryoftheworld.org/#/book/ec32fdcc-a48c-444c-837d-f793dd8de667 - Janneke Adema, "The Processual Book. How Can We Move Beyond the Printed Codex?" (2022), https://blogs.lse.ac.uk/impactofsocialsciences/2022/01/10/the-processual-book-how-can-we-move-beyond-the-printed-codex/ (Further reading: Living Books, https://livingbooks.mitpress.mit.edu/pub/35x6zq2o/release/1) Task: You are asked to write a short text reflecting on computational writing and publishing, drawing upon the above references, and based on your own research interests. Feel free to include images in your text. This will provide material for the workshop to share and rework (500 words). --- ## Octomode - context + walkthrough Today's collaborative working space: username: "octomode" and password: "tentacular" - https://cc.vvvvvvaria.org/octomode/computational%20publishing/pdf/ ==Octomode is a collective editing space for PDF making, using Etherpad, Paged.js, HTML, CSS and Flask. (developed by Varia)== https://cc.vvvvvvaria.org/wiki/Octomode --- ## resource: ==Markdown, CSS & other web development ref:== - Markdown cheatsheet: https://www.markdownguide.org/cheat-sheet - Put together by Joana Chicau: https://git.vvvvvvaria.org/JoanaChicau/web-dev-studio/wiki/All-Pages-%E2%80%94-INDEX - font: https://www.w3schools.com/css/css_font.asp ==Examples with Octomode:== - example - Forkonomy(): https://cc.vvvvvvaria.org/octomode/forkonomy/pdf/ - example - ATHOFS: https://systerserver.net/ATNOFS/ATNOFS-screen.pdf - example - computational publishing dummy: https://cc.vvvvvvaria.org/octomode/computational%20publishing/pdf/ - example - CSS prints: https://cc.vvvvvvaria.org/wiki/CSS_Print ==Paged.js:== - Open source web publishing library: https://pagedjs.org/ - pagedjs presentation: http://slides.julie-blanc.fr/20221013_xpub-rotterdam.html - recorded video: https://media.xpub.nl/2022/2022-10-13-pagedjs.html - cheatsheet: https://www.pagedmedia.org/about-paged-media/pagedjs-cheatsheet/ --- ## need external host: images + font - https://i.imgur.com/ - https://imgbb.com/ Font related: - https://transfonter.org/ - https://usemodify.com/

Syntax	Example	Reference
# Header	Header	基本排版
- Unordered List	Unordered List
1. Ordered List	Ordered List
- [ ] Todo List	Todo List
> Blockquote	Blockquote
Bold font	Bold font
Italics font	Italics font
~~Strikethrough~~	~~Strikethrough~~
19^th^	19^th
H~2~O	H₂O
++Inserted text++	Inserted text
==Marked text==	Marked text
[link text](https:// "title")	Link
![image alt](https:// "title")	Image
`Code`	`Code`	在筆記中貼入程式碼
```javascript var i = 0; ```	`var i = 0;`
:smile:		Emoji list
{%youtube youtube_id %}	Externals
$L^aT_eX$	L^aT_eX
:::info This is a alert area. :::	This is a alert area.