User:Supisara/Final presentation: Difference between revisions

From XPUB & Lens-Based wiki
mNo edit summary
mNo edit summary
Line 154: Line 154:


== Thesis - Project ==
== Thesis - Project ==
{| class="wikitable"
|+
! colspan="3" |A Wall is an Envelope
|-
|[[File:Envelope-1.png|thumb|Wall / Envelope #1|center]]
|[[File:Envelope-2.png|thumb|Wall / Envelope #2|center]]
|[[File:Envelope-3.png|thumb|Wall / Envelope #3|center]]
|}
<gallery widths="400" heights="400" perrow="2">
<gallery widths="400" heights="400" perrow="2">
File:Kit-1.jpg|Obstacle
File:Kit-1.jpg|Wall
File:Kit-2.jpg|Method
File:Kit-2.jpg|Approach
</gallery>
</gallery>
[[File:Cross-making-wip.png|thumb|900x900px|Cross-Making MediaWiki: Version 2023-06-15 at 8.05.21 PM|none]]
=== Process ===
=== Process ===
{| class="wikitable"
{| class="wikitable"
Line 175: Line 165:
!Format
!Format
!Reference
!Reference
!
|-
|-
|1 –– Project proposal
|1 –– Project proposal
|XPUB Takeaway
|XPUB Takeaway
|Zine
|Zine
|
|
|
|-
|-
Line 186: Line 174:
|DIYry
|DIYry
|Diary
|Diary
|
|
|
|-
|-
| rowspan="2" |2 –– Thesis (writing)
| rowspan="2" |2 –– Thesis (writing)
|ChipF(r)ic
|1. ChipF(r)ic
|Interactive fiction
|Interactive fiction
|<gallery widths="50" heights="50">
|<gallery widths="50" heights="50" caption="Interactive fiction components">
File:Cf-wall.png|'Walls'
File:Cf-wall.png|'Walls'
File:Cf-powers.png|'Powers'
File:Cf-powers.png|'Powers'
</gallery>
</gallery>
|
|-
|-
|''Dear Maker,''
|2. "Dear Maker,"
| rowspan="3" |Letter
| rowspan="4" |Letter
|
|
|
|-
|-
|3 –– Thesis (submission)
|3 –– Thesis (submission)
|Cross-Making: Cross-Training as a Method for Learning Through Making by Graphic Designers
| rowspan="2" |Cross-Making: Cross-Training as a Method for Learning Through Making by Graphic Designers
|
|<gallery widths="50" heights="50" caption="Environments">
|
File:Environment-1.png|1. Google Docs: document outline
File:Environment-2.jpg|2. HEMA envelopes DL: windows
File:Environment-3.png|3. Google Drive folders
File:Cross-making-wip.png|4. MediaWiki (Version 2023-06-15 at 8.05.21 PM)
</gallery><gallery widths="50" heights="50" caption="Process">
File:Thesis-process-1.png|1. Google Docs
File:Thesis-process-2.jpg|2. Converting document headings to envelopes
File:Thesis-archive.jpg|3. Submission for archive
</gallery>
|-
|4 –– Thesis (circulation prototype)
|<gallery widths="50" heights="50" caption="Prototypes">
File:Thesis-process-3.png|Google Drive
File:Cm-prototype-1.0.png|Google Docs #1.0
File:Cm-prototype-1.1.png|Google Docs #1.1
File:Cm-prototype-2.png|Google Docs #2
</gallery>
|-
|-
|4 –– Project
|4 –– Project
|
|A Wall is an Envelope [working title]
|
|<gallery widths="50" heights="50" caption="Wall / Envelope types">
|
File:Envelope-1.png|#1
|}
File:Envelope-2.png|#2
Google Docs ↔︎ Wiki ↔︎ envelopes ↔︎ Google Drive
File:Envelope-3.png|#3
{| class="wikitable"
</gallery><gallery widths="50" heights="50" caption="Stationery: Mock-up">
|+1. Writing
File:Envelope-brick-ref.png|Visual identity
!No.
File:Set-1-test.png|Type 1
!Environment
File:Set-2-test.png|Type 2
!Environment: in use
File:Set-3-test.png|Type 3
|-
</gallery><gallery widths="50" heights="50" caption="Promo">
|1
File:Punchcard-test.png|Punch card
|[[File:Environment-1.png|thumb|Google Docs: document outline|center]]
File:Promo-test.gif|Animation sample 1
|[[File:Thesis-process-1.png|thumb|Document outline with Heading 1 and Heading 2|center]]
File:Promo-test-2.gif|Animation sample 2
|-
File:Promo-test-3.gif|Animation sample 3
|2
</gallery><gallery widths="50" heights="50" caption="Graduation Show & Shop">
|[[File:Environment-2.jpg|thumb|HEMA envelopes DL: windows|center]]
File:Exhibition-test-2.png|Sign-up form
|[[File:Thesis-process-2.jpg|thumb|1. Converting Headings 1 & 2 → Envelopes|center]][[File:Thesis-archive.jpg|thumb|2. Thesis as envelope bundle (submission for archive)|center]]
File:Exhibition-test-1.png|Letter reading & writing
|-
File:Letters-editions-mockup.png|Editions
|3
</gallery>
|[[File:Environment-3.png|thumb|Google Drive folders|center]]
|[[File:Thesis-process-3.png|thumb|Alternative circulation method when the envelopes were running low|center]]
|}
|}
=== Visual identity ===
=== Visual identity ===
[[File:Envelope-brick-ref.png|none|thumb|Reference / starting point: DL envelope|800x800px]]
[[File:Envelope-brick-ref.png|none|thumb|Reference / starting point: DL envelope|800x800px]]

Revision as of 00:14, 19 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

Process

Stage Output Format Reference
1 –– Project proposal XPUB Takeaway Zine
DIYry Diary
2 –– Thesis (writing) 1. ChipF(r)ic Interactive fiction
2. "Dear Maker," Letter
3 –– Thesis (submission) Cross-Making: Cross-Training as a Method for Learning Through Making by Graphic Designers
4 –– Thesis (circulation prototype)
4 –– Project A Wall is an Envelope [working title]

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