User:Supisara/Final presentation: Difference between revisions

From XPUB & Lens-Based wiki
mNo edit summary
mNo edit summary
Line 30: Line 30:
!No.
!No.
!Wall
!Wall
!Environment
!Context
!Approach
!Approach
!Outcome
!Outcome
Line 36: Line 36:
|-
|-
|
|
|Adobe
|Software (Adobe)
| rowspan="2" |Former training
| rowspan="2" |Pre-XPUB
|Mimic expected behavior of industry-standard software  in other environments
|Mimic expected behavior of industry-standard software  in other environments
|[https://supisara.info/Software-Misuse-Index Software Misuse]
|[https://supisara.info/Software-Misuse-Index Software Misuse]
Line 43: Line 43:
|-
|-
|
|
|Mouse + Keyboard
|Input device (mouse/keyboard)
|Alternative mouse + keyboard
|Alternative mouse + keyboard
|[https://supisara.info/2019-Flatland 'Flatland']
|[https://supisara.info/2019-Flatland 'Flatland']
Line 52: Line 52:
|-
|-
|
|
|Annotating, annotation tool
|Interaction (annotating)
|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]
|[https://hub.xpub.nl/soupboat/si16/projects/annotation-compass/inverse_annotations/ Inverse Annotations]
|[https://hub.xpub.nl/soupboat/si16/projects/annotation-compass/inverse_annotations/ Inverse Annotations]
Line 62: Line 62:
|-
|-
|
|
|Piezo buzzer
|
|Special Issue #18
|XPUB1––Special Issue #17
|Contact between jumper wire and breadboard  
|
|
|
|-
|
|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  
|Weekly Release #1: Breadboard experiments with Jian  
|
|
|-
|-
|
|
|HTML, CSS, Javascript
|Language (HTML, CSS, Javascript)
|Special Issue #18  
|XPUB1––Special Issue #18  
|Learn coding through Twine and SugarCube
|Learn coding through Twine and SugarCube
|[https://issue.xpub.nl/18/05/ Weekly Release #5: Nested Narratives] website
|[https://issue.xpub.nl/18/05/ Weekly Release #5: Nested Narratives] website
Line 76: Line 83:
|-
|-
|
|
|BASTL Kastle v1.5
|Instrument (Bastl Kastle v1.5)
|Research
|XPUB1–– Research
|Learn (1) how a mini modular synthesizer works (2) how front and back ends work  
|Learn (1) how a mini modular synthesizer works (2) how front and back ends work  
|(1) Workbook  
|(1) Workbook  
Line 84: Line 91:
|-
|-
|
|
|Book fair expectations (tables, publications, uniform)
|File format (.zip)
|Exhibition: [http://notjustacollective.nl/#/event/Tc8OLXwAC3Xa9pgsKE9T Not Just a Fair 2023]
|XPUB2––Midwives labor unit
|Recreating the zip file opening experience
|.zip origami
|<gallery widths="50" heights="50">
File:Midwives-1.png|Gift pt. 1
File:Midwives-2.jpg|Gift pt. 2
</gallery>
|-
|
|Exhibition format (book fairs)
|XPUB2––Exhibition: [http://notjustacollective.nl/#/event/Tc8OLXwAC3Xa9pgsKE9T Not Just a Fair 2023]
|DIY vending machine and publication
|DIY vending machine and publication
|'Street Vendor-Publisher' with Chae
|'Street Vendor-Publisher' with Chae
Line 99: Line 116:
|-
|-
|
|
|Pen
|Instrument (pen)
|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  
|(1) [[User:Supisara/Hackpact|Hackpact]]
|(1) [[User:Supisara/Hackpact|Hackpact]]
Line 108: Line 125:
|
|
|Notebook
|Notebook
|Research
|XPUB2––Research
|
|
|
|-
|
|.zip
|Midwives
|
|
|
|
Line 122: Line 132:
|
|
|Writing
|Writing
|XPUB2: Thesis
|XPUB2––Thesis
|Letter writing to fictional Cross-Making program participant
|Letter writing to fictional Cross-Making program participant
|Thesis
|Thesis
Line 148: Line 158:
!Stage
!Stage
!Output
!Output
!Format
!Reference
!Reference
!
|-
|-
|1
|1 –– Project proposal
|XPUB Takeaway
|Zine
|Zine
|
|
|-
|
|DIYry
|Diary
|
|
|
|-
|-
|2
| rowspan="2" |2 –– Thesis (writing)
|ChipF(r)ic
|ChipF(r)ic
|Interactive fiction
|<gallery widths="50" heights="50">
|<gallery widths="50" heights="50">
File:Cf-wall.png|'Walls'
File:Cf-wall.png|'Walls'
File:Cf-powers.png|'Powers'
File:Cf-powers.png|'Powers'
</gallery>
</gallery>
|
|-
|''Dear Maker,''
| rowspan="3" |Letter
|
|
|-
|-
|3
|3 –– Thesis (submission)
|Cross-Making
|Cross-Making: Cross-Training as a Method for Learning Through Making by Graphic Designers
|
|
|
|-
|-
|4
|4 –– Project
|
|
|
|
|
Line 204: Line 233:
|-
|-
|'''Promo'''
|'''Promo'''
|[[File:Promo-test.gif|center|thumb|Sample 1: Title card animation]][[File:Promo-test-2.gif|center|thumb|Sample 2: Envelope reveal animation]][[File:Promo-test-3.gif|center|thumb|Sample 3: Brick selection animation]]
|[[File:Promo-test.gif|center|thumb|Sample 1: Title card animation]][[File:Promo-test-2.gif|center|thumb|Sample 2: Envelope reveal animation]][[File:Promo-test-3.gif|center|thumb|Sample 3: Brick selection animation (sample content from the ''Dear Pusher'' letter)]]
|}
|}


Revision as of 22:48, 18 June 2023

Intro

Process
1. Obstacle
2. Objective
3. Approach

Method

Walls
a. Tool b. Environment c. Activity / interaction d. Standardized practice

Examples

No. Wall Context Approach Outcome Reference
Software (Adobe) Pre-XPUB Mimic expected behavior of industry-standard software in other environments Software Misuse
Input device (mouse/keyboard) Alternative mouse + keyboard 'Flatland'

  • Prototype 1

  • Prototype 2

Interaction (annotating) 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
Instrument (Bastl Kastle v1.5) XPUB1–– Research Learn (1) 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

  • 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) 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 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

  • Obstacle

  • Method

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

  • 'Walls'

  • 'Powers'

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