User:Supisara/Final presentation: Difference between revisions

From XPUB & Lens-Based wiki
mNo edit summary
mNo edit summary
Line 1: Line 1:
== Intro ==
== Intro ==
[https://docs.google.com/document/d/1-SpWjJc_fYaZn0XL-gj4mumHAT13e6i9Kai6t9kxLMk/edit Letter]
== Approach ==
{| class="wikitable"
{| class="wikitable"
|+
|+
! colspan="3" |Process
|-
|-
|[[File:Ref-walls-1.png|center|1. Obstacle|thumb]]
|[[File:Ref-walls-1.png|center|1. Obstacle|thumb]]
Line 9: Line 11:
|}
|}


== Method ==
== Examples ==
{| class="wikitable"
Categories:
|+
 
! colspan="3" |Walls
# Using tools in ways that they're not meant to be used
|-
# Stretching the potential of small tools and gestures
|[[File:Envelope-1.png|thumb|(A) Tool / Instrument|none]]
# Learning through observing and making
|[[File:Envelope-1.png|thumb|(B) Interaction|none]]
|[[File:Envelope-1.png|thumb|(C) Standardized practice|center]]
|}


=== Examples ===
{| class="wikitable"
{| class="wikitable"
|+
|+
!Context
!Category
!Wall
!Wall
!Approach
!Approach
Line 28: Line 26:
!Reference
!Reference
|-
|-
| rowspan="2" |Pre-XPUB
| rowspan="4" |'''1. Using tools in ways that they're not meant to be used'''
|Software (Adobe)
|'''1. Software (Adobe alternatives)'''<nowiki> | Pre-XPUB</nowiki>
|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]
|
|
|-
|-
|Input device (mouse/keyboard)
|'''2. Input device (mouse/keyboard alternatives)'''<nowiki> | Pre-XPUB</nowiki>
|Alternative mouse + keyboard
|Alternative mouse + keyboard
|[https://supisara.info/2019-Flatland 'Flatland']
|[https://supisara.info/2019-Flatland 'Flatland']
Line 42: Line 40:
</gallery>
</gallery>
|-
|-
|XPUB1––Special Issue #16
|'''3. Interaction (annotating)'''<nowiki> | XPUB1––Special Issue #16</nowiki>
|Interaction (annotating)
|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 51: Line 48:
</gallery>
</gallery>
|-
|-
|XPUB1––Special Issue #17
|'''4. Electronics component (piezo buzzer)'''<nowiki> | XPUB1––Special Issue #18</nowiki>
|Environment (gaming)
|Manually manipulating the sound of a piezo buzzer
|Bitsy
|Weekly Release #1: Breadboard experiments with Jian
|https://vimeo.com/700766101
|-
| rowspan="3" |'''2. Stretching the potential of small tools and gestures'''
|'''1. Environment (gaming)'''<nowiki> | XPUB1––Special Issue #17</nowiki>
|Bitsy to (1) create a loot box environment (2) mimic Etherpad
|[https://issue.xpub.nl/17/unfinished-thoughts/ Unfinished Thoughts]
|[https://issue.xpub.nl/17/unfinished-thoughts/ Unfinished Thoughts]
|<gallery widths="50" heights="50">
|<gallery widths="50" heights="50">
Line 63: Line 65:
</gallery>
</gallery>
|-
|-
|XPUB1––Special Issue #18
|'''2. File format (.zip)'''<nowiki> | XPUB2––Midwives labor unit</nowiki>
|Electronics component (piezo buzzer)
|Manually manipulating the sound of a piezo buzzer
|Weekly Release #1: Breadboard experiments with Jian
|https://vimeo.com/700766101
|-
|XPUB1––Special Issue #18
|Language (HTML, CSS, Javascript)
|Learn coding through Twine and SugarCube
|[https://issue.xpub.nl/18/05/ Weekly Release #5: Nested Narratives] website
|<gallery widths="50" heights="50">
File:Si18-wr5-ref1.png|Interactive fiction example 1
File:Si18-wr5-ref2.png|Interactive fiction example 2
File:Si18-wr5-ref3.png|Interactive fiction example 3
</gallery>
|-
|XPUB1–– Research
|Instrument (Bastl Kastle v1.5)
|Learn (1) basic HTML/CSS + how a mini modular synthesizer works (2) how [https://git.xpub.nl/supisara/workbook-front front] and [https://git.xpub.nl/supisara/workbook back] ends work
|(1) Workbook 
[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>
|-
|XPUB2––Midwives labor unit
|File format (.zip)
|Recreating the zip file opening experience  
|Recreating the zip file opening experience  
|.zip origami
|.zip origami
Line 98: Line 73:
</gallery>
</gallery>
|-
|-
|XPUB2––Exhibition: [http://notjustacollective.nl/#/event/Tc8OLXwAC3Xa9pgsKE9T Not Just a Fair 2023]
|'''3. Exhibition format (book fairs)'''<nowiki> | XPUB2––Exhibition: </nowiki>[http://notjustacollective.nl/#/event/Tc8OLXwAC3Xa9pgsKE9T Not Just a Fair 2023]
|Exhibition format (book fairs)
|DIY vending machine and publication
|DIY vending machine and publication
|'Street Vendor-Publisher' with Chae
|'Street Vendor-Publisher' with Chae
Line 112: Line 86:
</gallery>
</gallery>
|-
|-
|XPUB1-2–– Research
| rowspan="4" |'''3. Learning through observing and making'''
|Instrument (pen)
|'''1. Language (HTML, CSS, Javascript)'''<nowiki> | XPUB1––Special Issue #18</nowiki>
|Learn coding through Twine and SugarCube
|[https://issue.xpub.nl/18/05/ Weekly Release #5: Nested Narratives] website
|<gallery widths="50" heights="50">
File:Si18-wr5-ref1.png|Interactive fiction example 1
File:Si18-wr5-ref2.png|Interactive fiction example 2
File:Si18-wr5-ref3.png|Interactive fiction example 3
</gallery>
|-
|'''2. Instrument (Bastl Kastle v1.5)'''<nowiki> | XPUB1–– Research</nowiki>
|Learn (1) basic HTML/CSS + how a mini modular synthesizer works (2) how [https://git.xpub.nl/supisara/workbook-front front] and [https://git.xpub.nl/supisara/workbook back] ends work
|(1) Workbook 
[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>
|-
|'''3. Instrument (pen)'''<nowiki> | XPUB1-2–– Research</nowiki>
|(1) Drawing as information processing + user behavior observational methods; (2) Exhibition as interactive storytelling method  
|(1) Drawing as information processing + user behavior observational methods; (2) Exhibition as interactive storytelling method  
|(1) [[User:Supisara/Hackpact|Hackpact]]
|(1) [[User:Supisara/Hackpact|Hackpact]]
Line 123: Line 115:
</gallery>
</gallery>
|-
|-
|XPUB2––Research
|'''4.''' '''Environment (notebook)'''<nowiki> | XPUB2––Research</nowiki>
|Environment (notebook)
|A notebook that can start and end whenever you want
|
|Spineless, coverless notebook
|
|[[File:Group 48.png|thumb|left|100x100px]]
|[[File:Group 48.png|thumb|left|100x100px]]
|}
|}<gallery widths="400" heights="400" perrow="2">
 
== Thesis - Project ==
<gallery widths="400" heights="400" perrow="2">
File:Kit-1.jpg|Wall
File:Kit-1.jpg|Wall
File:Kit-2.jpg|Approach
File:Kit-2.jpg|Approach
</gallery>
</gallery>
== Thesis - Project ==
'''Thesis:''' [https://docs.google.com/document/d/1VQHGE1uvqbxlwoKzbjYMfuBseGjZm210DtOtD4Iip2Q/edit Cross-Making]
'''Project:'''
[[File:Thesis-process-2.jpg|none|thumb|1. Publication: Letters]]
[[File:Cross-making-wip.png|none|thumb|2. Back-end: MediaWiki]]
=== Process ===
=== Process ===
{| class="wikitable"
{| class="wikitable"
Line 223: Line 218:
|-
|-
|[[File:Set-1-test.png|thumb|'''Publication''' –– Envelope + Letter type 1|center|800x800px]][[File:Set-2-test.png|thumb|'''Publication''' –– Envelope + Letter type 2|center|800x800px]][[File:Set-3-test.png|thumb|'''Publication''' –– Envelope + Letter type 3|center|800x800px]]
|[[File:Set-1-test.png|thumb|'''Publication''' –– Envelope + Letter type 1|center|800x800px]][[File:Set-2-test.png|thumb|'''Publication''' –– Envelope + Letter type 2|center|800x800px]][[File:Set-3-test.png|thumb|'''Publication''' –– Envelope + Letter type 3|center|800x800px]]
|-
|[[File:Letters-editions-mockup.png|center|thumb|800x800px|'''Publication ––'''  6 mini publications / exercises to choose from / subscribe to]]
|-
|-
|[[File:Punchcard-test.png|center|thumb|800x800px|'''Publication''' –– Loyalty/punch card as learning incentive]]
|[[File:Punchcard-test.png|center|thumb|800x800px|'''Publication''' –– Loyalty/punch card as learning incentive]]
Line 231: Line 228:
|-
|-
|[[File:Exhibition-test-2.png|center|thumb|800x800px|'''Graduation Show / Shop ––''' Sample activity 1: sign-up form]]
|[[File:Exhibition-test-2.png|center|thumb|800x800px|'''Graduation Show / Shop ––''' Sample activity 1: sign-up form]]
|-
|[[File:Letters-editions-mockup.png|center|thumb|800x800px|'''Graduation Show / Shop ––'''  6 mini publications / exercises to choose from / subscribe to]]
|}
|}

Revision as of 13:07, 19 June 2023

Intro

Letter

Approach

1. Obstacle
2. Objective
3. Approach

Examples

Categories:

  1. Using tools in ways that they're not meant to be used
  2. Stretching the potential of small tools and gestures
  3. Learning through observing and making
Category Wall Approach Outcome Reference
1. Using tools in ways that they're not meant to be used 1. Software (Adobe alternatives) | Pre-XPUB Mimic expected behavior of industry-standard software in other environments Software Misuse
2. Input device (mouse/keyboard alternatives) | Pre-XPUB Alternative mouse + keyboard 'Flatland'

  • Prototype 1

  • Prototype 2

3. Interaction (annotating) | XPUB1––Special Issue #16 Alternative ways to annotate with the Annotation Compass Inverse Annotations

  • Annotation sample 1

  • Annotation sample 2

4. Electronics component (piezo buzzer) | XPUB1––Special Issue #18 Manually manipulating the sound of a piezo buzzer Weekly Release #1: Breadboard experiments with Jian https://vimeo.com/700766101
2. Stretching the potential of small tools and gestures 1. Environment (gaming) | XPUB1––Special Issue #17 Bitsy to (1) create a loot box environment (2) mimic Etherpad Unfinished Thoughts

  • Title

  • Loottery

  • Player selection

  • Gashapon

  • Etherpad

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

  • Gift pt. 1

  • Gift pt. 2

3. 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

3. Learning through observing and making 1. 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

2. 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)

3. Instrument (pen) | XPUB1-2–– Research (1) Drawing as information processing + user behavior observational methods; (2) Exhibition as interactive storytelling method (1) Hackpact

(2) Exhibition: Groot Rotterdams Atelier Weekend 2022

  • (1) Pen study 1

  • (1) Pen study 2

  • (2) Exhibition

4. Environment (notebook) | XPUB2––Research A notebook that can start and end whenever you want Spineless, coverless notebook
Group 48.png

  • Wall

  • Approach

Thesis - Project

Thesis: Cross-Making

Project:

1. Publication: Letters
2. Back-end: MediaWiki

Process

Stage Output Format Reference
1 –– Project proposal XPUB Takeaway Zine

  • p.1

  • p.2

DIYry Diary (+ git tryout)

  • Tool board

  • Bookshelf

  • DIYry sample 1

  • DIYry sample 2

  • DIYry sample 3

2 –– Thesis (writing) 1. ChipF(r)ic Interactive fiction
ChipF(r)ic: Project proposal
  • Interactive fiction components

  • Walls

  • Powers

  • Habitats

  • Energy

  • Languages

  • Gears

  • Storyboards

  • 1

  • 2

  • 3

  • 4

  • Prototyping

  • IC555

  • The Three Fives Kit: A Discrete 555 Timer

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

  • 1. Google Docs: document outline

  • 2. DL window envelopes

  • 3. Google Drive folders

  • 4. MediaWiki

  • Process

  • 1. Google Docs

  • 2. Converting document headings to envelopes

  • 3. Submission for archive

4 –– Thesis (circulation prototype) Letter
  • Prototypes

  • Google Drive

  • Google Docs #1.0

  • Google Docs #1.1

  • Google Docs #2

4 –– Project A Wall is an Envelope [working title] Letter, MediaWiki (WIP)
  • Wall / Envelope types

  • Type 1

  • Type 2

  • Type 3

  • Visual identity

Mock-ups

Sample
Publication –– Envelope + Letter type 1
Publication –– Envelope + Letter type 2
Publication –– Envelope + Letter type 3
Publication –– 6 mini publications / exercises to choose from / subscribe to
Publication –– Loyalty/punch card as learning incentive
Promo –– Title card animation
Promo –– Envelope reveal animation
Promo –– Brick selection animation (sample content from the Dear Pusher letter)
Graduation Show / Shop –– Sample activity 1: letter opening + writing
Graduation Show / Shop –– Sample activity 1: sign-up form
Retrieved from "https://pzwiki.wdka.nl/mw-mediadesign/index.php?title=User:Supisara/Final_presentation&oldid=244257"