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 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'

  • Prototype 1

  • Prototype 2

Interaction (annotating) A, C XPUB1––Special Issue #16 Alternative ways to annotate with the Annotation Compass Inverse Annotations

  • Annotation sample 1

  • Annotation sample 2

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

  • Interactive fiction example 1

  • Interactive fiction example 2

  • Interactive fiction example 3

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

  • (1)

  • (2)

File format (.zip) XPUB2––Midwives labor unit Recreating the zip file opening experience .zip origami

  • Gift pt. 1

  • Gift pt. 2

Exhibition format (book fairs) XPUB2––Exhibition: Not Just a Fair 2023 DIY vending machine and publication 'Street Vendor-Publisher' with Chae

  • Vending machine

  • Publication

  • Staff uniform

  • Publication restock

  • 'Drawing' tools

  • 3D-printed tools

  • Promo

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

  • Wall

  • Approach

Process

Stage Output Format Reference
1 –– Project proposal XPUB Takeaway Zine
DIYry Diary
2 –– Thesis (writing) 1. ChipF(r)ic Interactive fiction
  • Interactive fiction components

  • 'Walls'

  • 'Powers'

2. "Dear Maker," Letter
3 –– Thesis (submission) Cross-Making: Cross-Training as a Method for Learning Through Making by Graphic Designers
  • Environments

  • 1. Google Docs: document outline

  • 2. HEMA envelopes DL: windows

  • 3. Google Drive folders

  • 4. MediaWiki (Version 2023-06-15 at 8.05.21 PM)

  • Process

  • 1. Google Docs

  • 2. Converting document headings to envelopes

  • 3. Submission for archive

4 –– Thesis (circulation prototype)
  • Prototypes

  • Google Drive

  • Google Docs #1.0

  • Google Docs #1.1

  • Google Docs #2

4 –– Project A Wall is an Envelope [working title]
  • Wall / Envelope types
    1. 1
    1. 2
    1. 3
  • Stationery: Mock-up

  • Visual identity

  • Type 1

  • Type 2

  • Type 3

  • Promo

  • Punch card

  • Animation sample 1

  • Animation sample 2

  • Animation sample 3

  • Graduation Show & Shop

  • Sign-up form

  • Letter reading & writing

  • Editions

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
Retrieved from "https://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Supisara/Final_presentation&oldid=244168"