User:Supisara/Final presentation: Difference between revisions

From XPUB & Lens-Based wiki
mNo edit summary
mNo edit summary
Line 14: Line 14:
! colspan="4" |Walls
! colspan="4" |Walls
|-
|-
|
|[[File:Envelope-1.png|thumb|(A) Tool / Instrument|none]]
|
|[[File:Envelope-1.png|thumb|(B) Environment|none]]
|
|[[File:Envelope-1.png|thumb|(C) Interaction|none]]
|
|[[File:Envelope-1.png|thumb|(D) Standardized practice|center]]
|-
|a. Tool
|b. Environment
|c. Activity / interaction
|d. Standardized practice
|}
|}


== Examples ==
=== Examples ===
{| class="wikitable"
{| class="wikitable"
|+
|+
!No.
!No.
!Wall
!Wall
!Category
!Context
!Context
!Approach
!Approach
Line 37: Line 33:
|
|
|Software (Adobe)
|Software (Adobe)
|A, D
| rowspan="2" |Pre-XPUB
| rowspan="2" |Pre-XPUB
|Mimic expected behavior of industry-standard software  in other environments
|Mimic expected behavior of industry-standard software  in other environments
Line 44: Line 41:
|
|
|Input device (mouse/keyboard)
|Input device (mouse/keyboard)
|A, C, D
|Alternative mouse + keyboard
|Alternative mouse + keyboard
|[https://supisara.info/2019-Flatland 'Flatland']
|[https://supisara.info/2019-Flatland 'Flatland']
Line 53: Line 51:
|
|
|Interaction (annotating)
|Interaction (annotating)
|A, C
|XPUB1––Special Issue #16
|XPUB1––Special Issue #16
|Alternative ways to annotate with the [https://hub.xpub.nl/soupboat/si16/projects/annotation-compass/ Annotation Compass]
|Alternative ways to annotate with the [https://hub.xpub.nl/soupboat/si16/projects/annotation-compass/ Annotation Compass]
Line 61: Line 60:
</gallery>
</gallery>
|-
|-
|
|
|
|
|
Line 70: Line 70:
|
|
|Electronics component (piezo buzzer)
|Electronics component (piezo buzzer)
|
|XPUB1––Special Issue #18
|XPUB1––Special Issue #18
|'Manipulating' the sound of a piezo buzzer via contact between jumper wire and breadboard  
|'Manipulating' the sound of a piezo buzzer via contact between jumper wire and breadboard  
Line 77: Line 78:
|
|
|Language (HTML, CSS, Javascript)
|Language (HTML, CSS, Javascript)
|
|XPUB1––Special Issue #18  
|XPUB1––Special Issue #18  
|Learn coding through Twine and SugarCube
|Learn coding through Twine and SugarCube
Line 84: Line 86:
|
|
|Instrument (Bastl Kastle v1.5)
|Instrument (Bastl Kastle v1.5)
|
|XPUB1–– Research
|XPUB1–– Research
|Learn (1) how a mini modular synthesizer works (2) how front and back ends work  
|Learn (1) basic HTML/CSS + how a mini modular synthesizer works (2) how front and back ends work  
|(1) Workbook  
|(1) Workbook
[https://hub.xpub.nl/soupboat/workbook/ (2) Workbook] with Kamo
[https://hub.xpub.nl/soupboat/workbook/ (2) Workbook] with Kamo
|
|<gallery widths="50" heights="50">
File:Kastl-workbook-v1.png|(1)
File:Workbook-2.png|(2)
</gallery>
|-
|-
|
|
|File format (.zip)
|File format (.zip)
|
|XPUB2––Midwives labor unit
|XPUB2––Midwives labor unit
|Recreating the zip file opening experience  
|Recreating the zip file opening experience  
Line 102: Line 109:
|
|
|Exhibition format (book fairs)
|Exhibition format (book fairs)
|
|XPUB2––Exhibition: [http://notjustacollective.nl/#/event/Tc8OLXwAC3Xa9pgsKE9T Not Just a Fair 2023]
|XPUB2––Exhibition: [http://notjustacollective.nl/#/event/Tc8OLXwAC3Xa9pgsKE9T Not Just a Fair 2023]
|DIY vending machine and publication
|DIY vending machine and publication
Line 117: Line 125:
|
|
|Instrument (pen)
|Instrument (pen)
|A
|XPUB1-2–– Research
|XPUB1-2–– Research
|(1) Drawing as (1a) information processing method, (1b) user behavior observational method; (2) Exhibition as  
|(1) Drawing as (1a) information processing method, (1b) user behavior observational method; (2) Exhibition as  
Line 125: Line 134:
|
|
|Notebook
|Notebook
|A
|XPUB2––Research
|XPUB2––Research
|
|
Line 132: Line 142:
|
|
|Writing
|Writing
|
|XPUB2––Thesis
|XPUB2––Thesis
|Letter writing to fictional Cross-Making program participant
|Letter writing to fictional Cross-Making program participant

Revision as of 23:14, 18 June 2023

Intro

Process
1. Obstacle
2. Objective
3. Approach

Method

Walls
(A) Tool / Instrument
(B) Environment
(C) Interaction
(D) Standardized practice

Examples

No. Wall Category Context Approach Outcome Reference
Software (Adobe) A, D Pre-XPUB Mimic expected behavior of industry-standard software in other environments Software Misuse
Input device (mouse/keyboard) A, C, D Alternative mouse + keyboard 'Flatland'
Interaction (annotating) A, C XPUB1––Special Issue #16 Alternative ways to annotate with the Annotation Compass Inverse Annotations
XPUB1––Special Issue #17
Electronics component (piezo buzzer) XPUB1––Special Issue #18 'Manipulating' the sound of a piezo buzzer via contact between jumper wire and breadboard Weekly Release #1: Breadboard experiments with Jian
Language (HTML, CSS, Javascript) XPUB1––Special Issue #18 Learn coding through Twine and SugarCube Weekly Release #5: Nested Narratives website
Instrument (Bastl Kastle v1.5) XPUB1–– Research Learn (1) basic HTML/CSS + how a mini modular synthesizer works (2) how front and back ends work (1) Workbook

(2) Workbook with Kamo

File format (.zip) XPUB2––Midwives labor unit Recreating the zip file opening experience .zip origami
Exhibition format (book fairs) XPUB2––Exhibition: Not Just a Fair 2023 DIY vending machine and publication 'Street Vendor-Publisher' with Chae
Instrument (pen) A XPUB1-2–– Research (1) Drawing as (1a) information processing method, (1b) user behavior observational method; (2) Exhibition as (1) Hackpact

(2) Exhibition: Groot Rotterdams Atelier Weekend 2022

Notebook A XPUB2––Research
Writing XPUB2––Thesis Letter writing to fictional Cross-Making program participant Thesis

Thesis - Project

A Wall is an Envelope
Wall / Envelope #1
Wall / Envelope #2
Wall / Envelope #3
Cross-Making MediaWiki: Version 2023-06-15 at 8.05.21 PM

Process

Stage Output Format Reference
1 –– Project proposal XPUB Takeaway Zine
DIYry Diary
2 –– Thesis (writing) ChipF(r)ic Interactive fiction
Dear Maker, Letter
3 –– Thesis (submission) Cross-Making: Cross-Training as a Method for Learning Through Making by Graphic Designers
4 –– Project

Google Docs ↔︎ Wiki ↔︎ envelopes ↔︎ Google Drive

1. Writing
No. Environment Environment: in use
1
Google Docs: document outline
Document outline with Heading 1 and Heading 2
2
HEMA envelopes DL: windows
1. Converting Headings 1 & 2 → Envelopes
2. Thesis as envelope bundle (submission for archive)
3
Google Drive folders
Alternative circulation method when the envelopes were running low

Visual identity

Reference / starting point: DL envelope

Applications

Category Mock-up
Stationery
Envelope + Letter type 1
Envelope + Letter type 2
Envelope + Letter type 3
Training punch card
Sample 1: Loyalty card as learning incentive
Promo
Sample 1: Title card animation
Sample 2: Envelope reveal animation
Sample 3: Brick selection animation (sample content from the Dear Pusher letter)

Graduation Show & Shop

Activation

Category Mock-up
Show
Sample activity 1: letter opening + writing
Sample activity 2: sign-up form
Shop
Sample publication 1: 6 mini publications / exercises to choose from / subscribe to