...
 
Commits (2)
output
public
venv
output/
__pycache__/
......@@ -7,5 +7,26 @@ Title: Digital Media Design
* Wednesdays from 11.00 → 13.00 (room A211)
* Thursdays from 11.00 → 12.00 (room A211)
### Week 1
Developing design senses
### Course introduction 2019_09_12
Brief subjects outline:
* Photography workflow: from camera to print
→ How to shoot RAW format photographs, import them into Camera Raw (a Photoshop tool), work on our photographs in Photoshop, then export them for other uses.
* Composition basics:
→ Making images, balancing the objects and elements in an image, choosing scale, choosing colours, choosing graphical or photographs, hand drawings, and adjusting them to one another on a page, poster, logo, flyer etc.
* Typography: selecting and using fonts
→ Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. The arrangement of type involves selecting typefaces, point sizes, line lengths, line-spacing (leading), and letter-spacing (tracking), and adjusting the space between pairs of letters (kerning).
* Vectors VS Bitmap: digital images
→ What is a vector image, what is a bitmap image, and how can we use them
* Page design — editorial design:
→ How to design good books, booklets, pages, flyers, leaflets, how to make imposed booklets (allowing one to fold printed pages into a booklet), how to prepare files for self-printing and professional printing.
......@@ -6,5 +6,88 @@ Title: Marketing Communications in a Digital Era
## Course schedule:
* Thursdays from 9.00 → 11.00 (room A210)
### Week 1
Design senses
<!--
### from the Module details
#### Teaching & Learning Strategies:
Learners will be exposed to theory and practice of digital marketing through exposure to and study of academic materials (texts, journals etc.) and industry practice materials (web resources, case studies, live case examples, industry reports etc.). Classes will be tutorial in nature where learners will be expected to actively engage with module materials (online & offline), problem solving exercises and participate in class discussion and debate. Learners will be encouraged to self-reflect Computer Laboratories – instruction classes will take place in computer labs to facilitate digital marketing practice.
-->
### Module Aim:
The aim of this module is to provide learners with an understanding of digital marketing communications theory and practice and to critically evaluate, create and execute a digital communications plan.
<!--
#### Learning Outcomes
On successful completion of this module the learner should be able to:
* LO1: Critically reflect on and evaluate digital marketing communication strategy and practice
* LO2: To analyse social media marketing it’s benefits, growth and evolution. To critically assess the different social channels and to configure social media business accounts and content across various social platforms.
* LO3: To deliberate and evaluate best practice in search marketing, inbound and outbound content strategy and content management systems
* LO4: To explore social listening tools and manage online brand reputation.
* LO5: To plan and execute a digital marketing communications campaign determining the best media mix to meet objectives. To select online and offline tools to maximize the return on investment.
#### Indicative Content
* Introduction to Marketing Communications: <br>
Marketing Communications - an introduction. Planning for marketing communications. Online and offline Marketing communication strategy
* Digital Marketing Communications Strategy: <br>
The changing mix of marketing communications from traditional media to online media. Develop an integrated marketing communications strategy that combines all forms of communication for optimal effect.
* Social Media Strategy: <br>
Assessing the social media environment; social media goals and establish key performance indicators; create a social media content strategy; social media policy; understand the ethics of social media marketing.
* Social Media Platforms: <br>
Configure and manage social channels such as Facebook for Business Twitter Blog Linkedin Google+ Youtube Pinterest and any Emergent Channels Operate a social media content management system Email Marketing.
* Content Marketing Solutions: <br>
Inbound and Outbound Content Strategy; Email Marketing; Blogs
* Digital Display Advertising: <br>
Banner and Display advertising Pay Per Click (PPC) Social Media Advertising Ad formats and features. Campaign planning; targeting and tracking campaign; optimising the campaign and campaign Budget
* Online PR and Brand Management: <br>
Social Listening Tools; Online PR and brand management
* Social and Ethical Issues in Digital Marketing Communications:
Ethics, social and legal issues pertaining to digital communications
* Digital Marketing Communications Plan: <br>
The Digital Marketing Communications Plan
-->
### Partial subject outlines:
Form of communication in digital marketing:
<br>— SEO, SEM, content marketing, influencer marketing, content automation, campaign marketing, data-driven marketing, e-commerce marketing, social media marketing, social media optimization, e-mail direct marketing, Display advertising, non-Internet channels such as mobile phones (SMS and MMS), callback, and on-hold mobile ring tones.
Technical outline of browser technologies. Understanding some technical aspects of user visits and engagement data:
<br>— Browser user agents
User visits logging on independent platforms:
<br>— Google analytics
<br>— Matomo (ex Piwik)
Getting your content indexed by search engines :
<br>— SEO optimisation & various search engines
<br>— SEO (search engine optimisation) & SEM (search engine marketing) — how does it work ?
Mail campaign tools:
<br>— Pommo mailing
<br>— Mailchimp
Reactive engagement:
<br>— reaction chains for custom actions (example: IFTTT)
Ethical issues of digital marketing:
<br>— data retention
<br>— https://wikimediafoundation.org/news/2019/05/29/lets-talk-about-the-north-face-defacing-wikipedia/
Critical stances in a shifting media landscape:
<br>— dark patterns
<br>— Modes of address
<br>— the Fediverse — alternative independent social networks
<br>— The Great Hack
### Group studies:
Carrying out digital marketing case studies and presenting findings to the group. Example case studies: Seed golf, https://thetoughestjourneygame.com/,
### Class Project:
You will be required to develop a digital marketing communications plan for a small business/charity/club. This will involve working with a client and will be a group project.
......@@ -5,7 +5,7 @@ Title: Visual Language and Media
## Course schedule:
* Wednesdays from 10.00 → 11.00 (room A100) — Lecture
* Thursdays from 14.00 → 16.00 (room A310) — Practical
* Wednesdays from 14.00 → 16.00 (room A310) — Practical
### Course introduction 2019_09_11
......
Date: 2019/09/02
Title: International Design Movements
#### BA Product design innovation
## Course schedule:
* Fridays from 9.00 → 11.00 (room D516)
### Week 1
Developing design senses
......@@ -6,5 +6,79 @@ Title: Enterprise & Leadership
## Course schedule:
* Fridays from 12.00 → 13.00 (room D516)
### Week 1
Practical tools for Enterprise & Leadership
<!--
Module Aim:
The aim of this module is to introduce learners to the professional/industry element of the business environment when creating a design practice, a business plan, commercialisation opportunity or research development. It aims to equip them with the skills required to function in the commercial environment successfully and to develop an understanding of design entrepreneurship. The learner will be introduced to the role of leadership within design enterprises. It will encourage the learner to investigate options when forming a design enterprise and the skills require to function as a designer with their own business.
### LOs
LO1 Identify a suitable business type for the formation of a design enterprise around HDP (Honors Degree project)
LO2 Understanding the importance of a business, commercialisation & research plan and application of a business model
LO3 Examine and assess the options available for the financing of a design enterprise
LO4 Understanding the use of marketing and leadership strategies for design enterprises
LO5 Distinguish the various uses and types of intellectual property
LO6 Identify a range of opportunities for commercialisation or research development
LO7 To review performance over the course of the module and deliver a personal development plan
### Indicative Content
#### Leadership
Learners engage in an applied collaborative project with a heterogeneous group to develop their skills and understanding of the role of the
leader. Learners are assigned roles of director, team leader or creative director and then engage, at the appropriate capacity, with a project
team. Director Role: (set objectives, co-ordinate & motivate management teams, communicate, hold meetings & report to CEO, provide
support training, report individual performance engagement, outcomes and recommend review). Team Leader Role: (co-ordinate & manage
project team, set objectives & plan project, communicate, hold meetings & maintain records, motivate team & engage in conflict resolution,
report project outcomes, report performance) Creative Director Role: (mentor & support team in research and process, communicate with
team, provide technical guidance & support, motivate team & deliver to stated standards).
### Development Opportunities
Learners are introduced to various business types and will identify the characteristics and suitability for the formation of a design enterprise.
They will engage in research to identify the current state of the design enterprise environment and the role of design leadership. Learners
will explore competitive analysis of design artifact & enterprise and identify the unique selling proposition of their design proposal. Learners
will deliver a development plan for the HDP. Learners will identify between business development, commercialisation or futher research
opportunity, which approach suits their output from the Honours Degree Project
### Financing Opportunities
Learners will gain an understanding of the different types of financing opportunities, funding bodies & stakeholders associated with business
development, commercialisation and further research. (viability, stakeholder analysis, impact, funding strategies, intellectual property,
negotiation skills and language)
-->
### Week 1: 19/09/2019 module introduction
Third level learning is not simply a graded measurement of unitary sets of knowledge, singular skills acquired or learned behaviours. A modern graduate is a thinker and active agent, engaged & responsible in developing new ways to support industry, develop strategic policy & impact society positively. Leadership is a discrete skill that can be learned and this programme aims to support your development and awareness of leadership.
To do this, the learner must engage in reflective practice and become aware of WHAT, for WHOM and WHY they are doing something, and HOW, WHERE, WHEN or with WHOM they are they engaging? More importantly, the graduate needs to become personally responsible for the impact of their decision actions and interactions with others.
What is Reflective Practice ?
What is Reflective Journal ?
Why apply it to leadership ?
Reflective Practice is the process of review, which seeks to identify pathway for improvement. To assist in this, there are two key stages:
1. Self-evaluate Key Learning Outcomes.
2. Identify Improvement Strategies & Learning Plan.
Focus is on the practical ‘knowledge and skills’ acquired as well as ‘personal attributes & behaviours’ to be developed. The purpose is to gain insight into:
-what we know(knowledge) and understood, and what new insight is needed to be learned.
-what we can do(skill), and what new skills are required or desired.
-what we believe(attitudes: understand to be true etc.),
-how we work with others (behaviours: friendliness, leadership, ownership, responsibility etc.How does this impact on your ability to lead?).
Also consider:
-Personal objectives, motivations, what you want from this module on leadership.
-Engagement & attitude to leadership before and after this module.3.How your learning will impact your leadership and management style and methods in the future.
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
<!ENTITY st0 "fill:#231F20;">
]>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="265.39453px" height="171.71484px" viewBox="0 0 265.39453 171.71484"
style="enable-background:new 0 0 265.39453 171.71484;" xml:space="preserve">
<path style="&st0;" d="M191.73047,71.71484v-4.39844c0-5.51562-0.89453-9.82812-2.6875-12.92969
c-1.80469-3.10547-6.29297-7.32812-13.46484-12.67188l-25.92578,21.45703l2.99219,3.78516
c3.26562-3.17188,5.71875-4.75391,7.34766-4.75391c1.55859,0,2.9375,1.05469,4.16406,3.16797
c1.79688,3.07812,2.69922,9.04688,2.69922,17.89453V145.5l-9.14844,8.71484l21.64844,17.5l21.52344-17.5L191.73047,145.5V77.83203
l20.80859-16.69531l10.77734,11.38281v66.73828c0,8.72656,0.96094,15.03906,2.875,18.95312
c1.92188,3.92188,6.26953,8.42188,13.04688,13.50391l26.15625-21.46094l-2.98828-3.78125
c-4.24609,3.16797-6.94531,4.75391-8.08203,4.75391c-1.30469,0-2.49609-0.85547-3.55078-2.57031
c-1.71484-2.60547-2.57422-6.61328-2.57422-11.99609V78.52344c0-6.28516,0.81641-11.22266,2.45703-14.81641
c1.23047-2.69141,4.72266-6.65234,10.46875-11.875l-3.47266-3.29297l-11.89062,11.46875l-16.65234-18.29297L191.73047,71.71484z
M91.78125,59.69922l9.14844,9.32812v68.05469c0,10.24609,0.9375,17.42578,2.8125,21.52734
c1.87891,4.10938,6.08203,8.47266,12.61328,13.10547L142.51562,150.5l-2.98828-3.78125
c-3.22656,2.68359-5.35938,4.30859-6.39062,4.87891c-0.73047,0.40234-1.53906,0.60156-2.42578,0.60156
c-1.24609,0-2.45703-1.05469-3.62891-3.16016c-1.17969-2.12109-1.75781-6.67188-1.75781-13.66797V69.02734l9.62891-9.32812
L113.3125,41.71484L91.78125,59.69922z M116.29688,26.34375h4.875L137.99609,0h-15.48438L116.29688,26.34375z M63.58984,89.44922
l-32.125,22.51172v-55.375l1.71094-0.84766L63.58984,89.44922z M25.97656,54.64062
c-5.04297,2.27734-11.37891,4.79688-19.02344,7.5625v69.75391c0,7.97266-0.46875,13.15625-1.40625,15.55859
C4.61719,149.91016,2.76172,151.91797,0,153.54688v3.05078c9.61328,2.03516,17.01562,3.98438,22.22656,5.85156
c5.21484,1.875,11.85156,4.96094,19.91016,9.26562l39.45312-27.5625l-2.68359-3.65625l-19.14453,13.05078l-28.29688-11.22266
v-22.19141l54.64062-38.29688L51.71094,41.71484C38.21094,48.625,29.63672,52.92969,25.97656,54.64062"/>
</svg>
This diff is collapsed.
This diff is collapsed.
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="69.422px" height="97.634px" viewBox="5.519 6.999 69.422 97.634" enable-background="new 5.519 6.999 69.422 97.634"
xml:space="preserve">
<g>
<path d="M46.34,55.881c0,5.331,5.59,8.451,15.601,13.391c6.89,3.38,13,8.06,13,17.68c0,11.57-8.58,17.682-18.461,17.682
c-5.72,0-11.83-2.211-14.69-3.25l-1.95,1.689h-2.99V84.222h3.641c2.6,9.23,7.28,15.73,16.251,15.73c5.46,0,8.97-3.771,8.97-9.36
c0-5.33-4.81-10.271-11.83-13.521C42.57,71.872,37.11,67.841,37.11,59c0-12.48,15.73-15.86,15.73-31.851
c0-10.01-6.761-13.911-12.61-13.911c-9.75,0-15.601,9.88-15.601,21.581v68.252H6.298v-3.9l7.8-1.949V50.291h-8.58v-3.77l8.58-5.33
V35.6c0-15.34,11.96-28.601,26.521-28.601c15.081,0,23.921,10.141,23.921,19.891C64.541,38.331,46.34,44.181,46.34,55.881z"/>
</g>
</svg>
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
This diff is collapsed.
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
<!ENTITY st0 "fill:none;stroke:#2E2113;stroke-width:2;stroke-linejoin:round;">
<!ENTITY st1 "fill:none;stroke:#2E2113;stroke-linejoin:round;">
<!ENTITY st2 "fill:#2E2113;">
<!ENTITY st3 "fill:#ADAFB2;stroke:#2E2113;stroke-linejoin:round;">
<!ENTITY st4 "fill:#D2DFE5;stroke:#2E2113;stroke-linejoin:round;">
<!ENTITY st5 "fill:#C9CACC;stroke:#2E2113;stroke-linejoin:round;">
<!ENTITY st6 "fill:#FFFFFF;stroke:#2E2113;stroke-linejoin:round;">
<!ENTITY st7 "fill:#E0E1E2;stroke:#2E2113;stroke-linejoin:round;">
]>
<svg version="1.1"
id="infot" sodipodi:docname="metal_type.svg" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://inkscape.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" sodipodi:docbase="C:\Documents and Settings\940753\Työpöytä" sodipodi:version="0.32" xmlns:cc="http://web.resource.org/cc/" inkscape:version="0.43"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="174.38525px"
height="205.31543px" viewBox="21.40552 6.8396 174.38525 205.31543"
style="enable-background:new 21.40552 6.8396 174.38525 205.31543;" xml:space="preserve">
<sodipodi:namedview inkscape:zoom="1.5475746" bordercolor="#666666" pagecolor="#ffffff" inkscape:window-y="66" inkscape:window-x="417" borderopacity="1.0" inkscape:current-layer="infot" inkscape:cy="121.8035" inkscape:pageopacity="0.0" inkscape:pageshadow="2" inkscape:cx="106.1395" inkscape:window-height="804" inkscape:window-width="775" id="base">
</sodipodi:namedview>
<g id="g3">
<polygon id="polygon5" style="&st6;" points="35.64233,54.53198 89.96753,23.16675 195.28979,83.97534 140.9646,115.3396 "/>
<path id="path7" style="&st5;" d="M189.4519,133.54077c0-3.31641,0.83887-5.86035,2.65332-7.5166
c0-0.09863,3.18555-1.76953,3.18555-1.76953v-40.2793l-54.3252,31.36426v81.9707l54.3252-31.36523V142.8269
C192.0105,142.35132,189.4519,138.37476,189.4519,133.54077z"/>
<path id="path9" style="&st3;" d="M189.4519,133.54077c0-3.08594,1.0459-5.81641,2.65332-7.5166l-51.14062,29.16699
c-3.2793,0.47559-5.83887,4.45117-5.83887,9.28516s2.55957,8.80957,5.83887,9.28516v0.04785l54.3252-30.93652v-0.04785
C192.0105,142.35132,189.4519,138.37476,189.4519,133.54077z M195.15698,124.28589c0.04492-0.00879,0.08789-0.02148,0.13379-0.0293
v-0.04785L195.15698,124.28589z"/>
<polygon id="polygon11" style="&st1;" points="35.64233,54.53198 35.64233,38.70483 58.48999,25.5144 58.48999,41.34155 "/>
<polygon id="polygon13" style="&st5;" points="63.86987,28.62085 63.86987,44.44702 41.02222,57.63843 41.02222,41.81226 "/>
<polygon id="polygon15" style="&st1;" points="99.06812,91.15015 99.06812,75.323 121.91382,62.13159 121.91382,77.95972 "/>
<polygon id="polygon17" style="&st5;" points="127.29468,65.23901 127.29468,81.06519 104.448,94.25562 104.448,78.43042 "/>
<polygon id="polygon19" style="&st7;" points="46.58569,38.60034 46.58569,54.42554 104.448,87.83276 104.448,72.00562 "/>
<path id="path21" style="&st7;" d="M140.9646,155.19214V115.3396L104.448,94.25562v-15.8252l-5.37988-3.10645v15.82715
l-58.0459-33.5127V41.81226l-5.37988-3.10645v15.82715v2.94531v79.02441l27.71191,15.99902l4.24316-3.25586l25.21191,14.55469
l4.24316,8.15723l43.91211,25.35352v-23.54785c-3.2793-0.47656-5.83887-4.45117-5.83887-9.28516
S137.6853,155.66675,140.9646,155.19214z"/>
<polygon id="polygon23" style="&st4;" points="67.11987,36.35815 67.11987,20.53101 89.96655,7.3396 89.96655,23.16772 "/>
<polygon id="polygon25" style="&st5;" points="95.34741,10.44702 95.34741,26.27319 72.49976,39.46362 72.49976,23.63843 "/>
<polygon id="polygon27" style="&st1;" points="130.54468,72.97729 130.54468,57.14917 153.39136,43.95776 153.39136,59.78589 "/>
<polygon id="polygon29" style="&st7;" points="67.11987,20.53198 72.49976,23.63843 72.49976,39.4646 67.11987,36.35913 "/>
<polygon id="polygon31" style="&st5;" points="158.77222,47.06519 158.77222,62.89233 135.92456,76.08276 135.92456,60.25562 "/>
<polygon id="polygon33" style="&st7;" points="78.06323,20.42554 78.06323,36.25171 135.92456,69.65894 135.92456,53.83179 "/>
<polygon id="polygon35" style="&st7;" points="130.54468,57.14917 135.92456,60.25562 135.92456,76.08276 130.54468,72.97729 "/>
<polygon id="polygon37" style="&st5;" points="105.62183,36.33667 105.62183,52.16382 96.53687,57.40894 82.83081,49.49585 "/>
<polygon id="polygon39" style="&st6;" points="153.39136,43.95776 144.7937,48.92163 86.74976,15.41089 95.34741,10.44702
89.96655,7.3396 67.11987,20.53101 72.49976,23.63843 78.06323,20.42554 100.83276,33.57202 78.04175,46.73022 55.27222,33.58374
63.86987,28.62085 58.48999,25.5144 35.64233,38.70483 41.02222,41.81226 46.58569,38.60034 104.63062,72.11108 99.06812,75.323
104.448,78.43042 127.29468,65.23901 121.91382,62.13159 113.31714,67.09644 82.83081,49.49585 105.6228,36.33667
136.10913,53.93726 130.54468,57.14917 135.92456,60.25562 158.77222,47.06519 "/>
</g>
<g>
<g>
<line style="&st0;" x1="23.17407" y1="149.85425" x2="125.85913" y2="210.31323"/>
<g>
<path style="&st2;" d="M27.93042,161.99683c0.22754,0.13379,0.51709,0.15234,0.77002,0.02344
c0.39355-0.2002,0.5498-0.68262,0.34912-1.07617l-5.56055-10.9043l12.23242-0.42773
c0.44189-0.01562,0.78809-0.38672,0.77197-0.82715c-0.01611-0.44141-0.39014-0.78613-0.82764-0.77246l-13.48779,0.47266
c-0.27295,0.00977-0.52295,0.1582-0.66162,0.39355s-0.14746,0.52637-0.02344,0.76953l6.13135,12.02344
C27.69604,161.81128,27.80396,161.92261,27.93042,161.99683C28.15796,162.13062,27.80396,161.92261,27.93042,161.99683z"/>
</g>
<g>
<path style="&st2;" d="M112.93433,212.04468c-0.22754-0.13379-0.38379-0.37793-0.39355-0.66211
c-0.0166-0.44043,0.33008-0.81152,0.77148-0.82715l12.23242-0.42773l-5.56055-10.9043
c-0.20117-0.39355-0.04492-0.87598,0.34863-1.07617s0.87695-0.04102,1.07715,0.34863l6.13086,12.02344
c0.12402,0.24316,0.11523,0.53418-0.02344,0.76953s-0.38867,0.38379-0.66113,0.39355l-13.48828,0.47266
C113.21069,212.15991,113.06128,212.1189,112.93433,212.04468C112.70679,211.91089,113.06128,212.1189,112.93433,212.04468z"/>
</g>
</g>
</g>
</svg>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="format-detection" content="telephone=no">
<script type="text/javascript" src="/functions.js"></script>
<script>var clicky_site_ids = clicky_site_ids || []; clicky_site_ids.push(101120953);</script>
<script async src="//static.getclicky.com/js"></script>
<link rel="stylesheet" type="text/css" media="all" href="/styles.css" />
<link rel="stylesheet" type="text/css" media="all" href="/fonts/core-fonts.css" />
<title>HTTP error | Butterick’s Practical Typography</title>
<style type="text/css">
body.hidden { opacity: 0; }
</style>
</head>
<body id="body" class="hidden" body-text="true">
<div id="content"><div id="doc"><topic class="small">HTTP error</topic><p>Sorry about <span class="no-hyphens">that.</span></p></div><a id="links"></a><div class="gap" style="height:1em"></div><ul class="children"></ul></div>
<div id="switcher" onmousedown="drag_switcher(event, this)">
<span class="switcher_icon" id="switcher_undock"><span class="tooltiptext">undock</span><span class="icon">&#xe128</span></span>
<span class="switcher_icon" id="switcher_move"><span class="tooltiptext">move</span><span class="icon">&#xe118</span></span>
<a class="font-change body-texter" id="valkyrie" onmousedown="event.stopPropagation()" onClick="handle_body_text_click(this)">Valkyrie</a>
<a class="font-change body-texter" id="century-supra" onmousedown="event.stopPropagation()" onClick="handle_body_text_click(this)">Century Supra</a>
<a class="font-change body-texter" id="equity" onmousedown="event.stopPropagation()" onClick="handle_body_text_click(this)">Equity</a>
<a class="font-change body-texter" id="concourse" onmousedown="event.stopPropagation()" onClick="handle_body_text_click(this)">Concourse</a>
<a class="font-change body-texter" id="hermes-maia" onmousedown="event.stopPropagation()" onClick="handle_body_text_click(this)">Hermes Maia</a>
<a class="font-change body-texter" id="triplicate" onmousedown="event.stopPropagation()" onClick="handle_body_text_click(this)">Triplicate</a>
<span class="switcher_icon" id="switcher_info" onmousedown="event.stopPropagation()" onClick="handle_font_info_click(this)"><span class="tooltiptext">buy font</span><span class="icon">&#xe085</span></span>
<span class="switcher_icon" id="switcher_hide" onmousedown="event.stopPropagation()" onclick="move_switcher_inside_toolbar()"><span class="tooltiptext">close</span><span class="icon">&#xe043</span></span>
</div>
<div id="toolbar" class="collapsed">
<div id="navtable">
<div>
</div>
<div class="center">
<a class="box-link" href="/">top</a>
</div>
<div class="center">
<a class="box-link" href="">chapter</a>
</div>
<div>
</div>
</div></div>
</body>
</html>
<!-- © 2010–19 Matthew Butterick -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="format-detection" content="telephone=no">
<script type="text/javascript" src="/functions.js"></script>
<script>var clicky_site_ids = clicky_site_ids || []; clicky_site_ids.push(101120953);</script>
<script async src="//static.getclicky.com/js"></script>
<link rel="stylesheet" type="text/css" media="all" href="/styles.css" />
<link rel="stylesheet" type="text/css" media="all" href="/fonts/core-fonts.css" />
<title>HTTP error | Butterick’s Practical Typography</title>
<style type="text/css">
body.hidden { opacity: 0; }
</style>
</head>
<body id="body" class="hidden" body-text="true">
<div id="content"><div id="doc"><topic class="small">HTTP error</topic><p>Sorry about <span class="no-hyphens">that.</span></p></div><a id="links"></a><div class="gap" style="height:1em"></div><ul class="children"></ul></div>
<div id="switcher" onmousedown="drag_switcher(event, this)">
<span class="switcher_icon" id="switcher_undock"><span class="tooltiptext">undock</span><span class="icon">&#xe128</span></span>
<span class="switcher_icon" id="switcher_move"><span class="tooltiptext">move</span><span class="icon">&#xe118</span></span>
<a class="font-change body-texter" id="valkyrie" onmousedown="event.stopPropagation()" onClick="handle_body_text_click(this)">Valkyrie</a>
<a class="font-change body-texter" id="century-supra" onmousedown="event.stopPropagation()" onClick="handle_body_text_click(this)">Century Supra</a>
<a class="font-change body-texter" id="equity" onmousedown="event.stopPropagation()" onClick="handle_body_text_click(this)">Equity</a>
<a class="font-change body-texter" id="concourse" onmousedown="event.stopPropagation()" onClick="handle_body_text_click(this)">Concourse</a>
<a class="font-change body-texter" id="hermes-maia" onmousedown="event.stopPropagation()" onClick="handle_body_text_click(this)">Hermes Maia</a>
<a class="font-change body-texter" id="triplicate" onmousedown="event.stopPropagation()" onClick="handle_body_text_click(this)">Triplicate</a>
<span class="switcher_icon" id="switcher_info" onmousedown="event.stopPropagation()" onClick="handle_font_info_click(this)"><span class="tooltiptext">buy font</span><span class="icon">&#xe085</span></span>
<span class="switcher_icon" id="switcher_hide" onmousedown="event.stopPropagation()" onclick="move_switcher_inside_toolbar()"><span class="tooltiptext">close</span><span class="icon">&#xe043</span></span>
</div>
<div id="toolbar" class="collapsed">
<div id="navtable">
<div>
</div>
<div class="center">
<a class="box-link" href="/">top</a>
</div>
<div class="center">
<a class="box-link" href="">chapter</a>
</div>
<div>
</div>
</div></div>
</body>
</html>
<!-- © 2010–19 Matthew Butterick -->
This diff is collapsed.
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="43.55615px" height="62.25488px" viewBox="0 0 43.55615 62.25488" style="enable-background:new 0 0 43.55615 62.25488;"
xml:space="preserve">
<g>
<path d="M21.35645,8.67822c-0.3999-1.91943-0.7998-2.91943-1.23975-3.55908c-0.67969-0.95996-1.31982-1.27979-4.35938-1.27979
h-2.79932v19.7168c0,3.15918,0.31982,3.55908,4.0791,3.79932v1.11963H5.59912v-1.11963
c3.63965-0.24023,3.95947-0.64014,3.95947-3.79932V3.83936H7.0791c-3.31934,0-4.11963,0.35986-4.63916,1.23975
c-0.47998,0.67969-0.7998,1.83984-1.27979,3.59912H0C0.2002,6.27881,0.3999,3.6792,0.47998,1.47949h0.7998
c0.56006,0.91992,1.08008,1,2.19971,1h15.79736c1.08008,0,1.3999-0.24023,2-1h0.83984
c0.03955,1.83984,0.19971,4.75928,0.43945,7.0791L21.35645,8.67822z"/>
<path d="M35.11768,28.4751v-1.04004c2.31934-0.23975,2.63965-0.47949,2.63965-3.0791V17.7168
c0-3.2793-1.24023-4.91895-3.91943-4.91895c-1.52002,0-3.03955,0.75977-4.15967,2.03955v9.51855
c0,2.55957,0.2002,2.83936,2.59961,3.0791v1.04004h-8.51855l0.04004-1.04004c2.3999-0.19971,2.71973-0.43994,2.71973-3.0791
V5.27881c0-2.51953-0.08008-2.6792-2.71973-2.91943V1.39941C25.71924,1.11963,28.11865,0.47998,29.67822,0v13.4375
c1.43994-1.43945,3.55957-2.91943,5.71924-2.91943c3.23926,0,5.51904,2.03955,5.51904,6.83887v6.99902
c0,2.63916,0.31982,2.87939,2.63965,3.0791v1.04004H35.11768z"/>
<path d="M35.07764,62.25488v-1.04004c2.35986-0.23975,2.63965-0.51953,2.63965-3.11914v-6.55908
c0-3.31934-1.23975-4.95898-3.95947-4.95898c-1.47949,0-3.03955,0.75977-4.11914,2.11963v9.39844
c0,2.55957,0.2002,2.87939,2.63965,3.11914v1.04004h-8.59863v-1.04004c2.55957-0.23975,2.79932-0.51953,2.79932-3.15918v-20.1167
c-2.19922-0.23975-4.2793-0.27979-7.79834-0.27979h-2.83984v19.59668c0,3.35938,0.32031,3.6792,3.99951,3.91943v1.07959H8.56201
v-1.07959c3.55957-0.24023,3.87939-0.56006,3.87939-3.91943V37.65918H9.92188c-3.55908,0-4.2793,0.35986-4.83887,1.31982
c-0.47998,0.75977-0.83984,1.67969-1.31982,3.51904H2.60303c0.2002-2.35938,0.3999-5.03906,0.47998-7.23877h0.75977
c0.56006,0.87988,1.08008,1,2.19971,1h16.63721c3.31982,0,3.79932-0.24023,3.79932-1.04004v-0.59961
c0.80029-0.12012,2.04004-0.52002,3.15967-0.91992v13.47754c1.47998-1.51953,3.51953-2.83936,5.59912-2.87939
c3.35938-0.08008,5.63916,2.03955,5.63916,6.79883v6.99902c0,2.6792,0.27979,2.91943,2.6792,3.11914v1.04004H35.07764z"/>
</g>
</svg>
Title: Typography
Date: 09/2019
Template: slidy
Status: draft
<!--
pandoc resource_typography.md --from=Markdown --to=Slidy -o resource_typography.md.slidy.md
paste to head of new doc:
Title: Typography
Date: 09/2019
Template: slidy
Status: published
-->
# Typography — a starter resource
# a brief history of type
<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/65353988" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
#
![](https://practicaltypography.com/images/roadsign-standard.jpg)
<img src="https://practicaltypography.com/images/roadsign-standard.jpg"/>
<img src="https://practicaltypography.com/images/roadsign-script.jpg"/>
Title: Typography
Date: 09/2019
Template: slidy
Status: draft
<div class="slide section level1">
<p>Title: Typography Date: 09/2019 Template: slidy Status: draft</p>
<!--
pandoc resource_typography.md --from=Markdown --to=Slidy -o resource_typography.md.slidy.md
paste to head of new doc:
Title: Typography
Date: 09/2019
Template: slidy
Status: published
-->
</div>
<div id="typography-a-starter-resource" class="slide section level1">
<h1>Typography — a starter resource</h1>
</div>
<div id="a-brief-history-of-type" class="slide section level1">
<h1>a brief history of type</h1>
<div style="padding:56.25% 0 0 0;position:relative;">
<iframe src="https://player.vimeo.com/video/65353988" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen>
</iframe>
</div>
<script src="https://player.vimeo.com/api/player.js"></script>
</div>
<div id="section" class="slide section level1">
<h1></h1>
<p><img src="https://practicaltypography.com/images/roadsign-standard.jpg" /> <img src="https://practicaltypography.com/images/roadsign-standard.jpg"/> <img src="https://practicaltypography.com/images/roadsign-script.jpg"/></p>
</div>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="initial-scale=1">
<title>2016_10_18_current notes — tangible.tools</title>
<link rel="stylesheet" href="./theme/css/screen.css" />
<meta charset="utf-8" />
</head>
<body id="index" class="home">
<div class="row-parent">
<div class="row">
<div class="row__colspaced">
<header id="banner" class="body">
<h1><a href="./">tangible.tools <strong></strong></a></h1>
<nav id="menu"><ul>
<li ><a class="menu-category" href="./category/modes_of_address.html">Modes_of_address</a></li>
<li class="active"><a class="menu-category" href="./category/re-search-able_notes.html">re-search-able_notes</a></li>
<li ><a class="menu-category" href="./category/thesis.html">Thesis</a></li>
<li><a class="menu-page" href="/pages/about-this-site.html">about this site</a></li>
<li><a class="menu-page" href="/pages/styleguide.html">styleguide</a></li>
</ul></nav><!-- /#menu -->
</header><!-- /#banner -->
<div class="colspan12-3 colspan6-2 as-grid data-info">
<section id="content" class="body">
<h1 class="general-title">2016_10_18_current notes</h1>
<footer class="post-info no-print">
<!--<pre class="">document title: <b>2016_10_18_current notes</b></pre>-->
<time class="published" datetime="2016-10-18T00:00:00+02:00">
date: 18/10/2016
</time>
<pre class="">category: re-search-able_notes</pre>
<pre class="">tags: </pre>
<pre class="sourcelink no-print">source file: <a target="blank" href="https://gitlab.com/colmoneill/drafts/blob/master/PZIyear2/re-search-able_notes/2016_10_18_00-currentnotes.md">gitlab</a> or <a target="blank" href="https://git.pzimediadesign.nl/colm.drafts/files.html">git PZI</a></pre>
<pre class="sourcelink no-print"><a target="blank" href="https://gitlab.com/colmoneill/drafts/commits/master/PZIyear2/re-search-able_notes/2016_10_18_00-currentnotes.md">view this documents versions</a>
<hr>
</footer><!-- /.post-info -->
<div class="toc no-print">
<div id="toc"><ul><li><a class="toc-href" href="#" title="2016_10_18_current notes">2016_10_18_current notes</a><ul><li><a class="toc-href" href="#2016_10_18" title="2016_10_18">2016_10_18</a></li></ul></li></ul></div>
</div>
</div>
<div class="colspan12-6 colspan6-4 as-grid with-gutter">
<div class="entry-content">
<a class="no-print" href="./stiegler-on-contributive-economies.html">previous section: <br>&larr; Stiegler on Contributive Economies</a>
<h1 id="2016_10_18">2016_10_18</h1>
<p>I know this is the wrong way to be thinking about this, but, I think the topics in which I am interested are a bit clearer.</p>
<p>Overarching is alsways the urgency I feel for the adoption of the doings in open source, deliberately large, but more specifically; there are items.</p>
<ol>
<li>The position part is complex, but I've started to untie it. Position is because of context, but this context has not been developped yet, really. Context is the historical political and economical schemes that get us to today. Heavily drawing on Stiegler here; is the idea that the capitalistic model up to now has been one that creates proletariat. This is not intented to be a comment on the issues of a layered class system, but more one of structrue, meaning that when activity moves towards a production model that complies with capitalism, it makes (for) a class of workers. When activity is split and devided in this way, most occurances place side by side isolated tasks or skills, with reception on one end and output on the other. Then onto the next isolated task.</li>
</ol>
<p>This isolation has created attitudes in the teachings of knowledge sectors, in that scientists, biologists, engineers are no longer taught about , they are not told about the history of their disciplin. This creates an alternative understanding of their education. They do not know about their disciplin anymore. But if they do not know about what their disciplin is, what do they learn? What do they know? These new students know how to do things, they have skills. They do not posess knowledge, they have skills.</p>
<p>SPEAK ABOUT THE POSITION AS NOT A STAND BACK? NOT AN ACTIVIST? BUT SOMEWHERE IN BETWEEN</p>
<hr class="no-print">
<a class="no-print" href="./stiegler-on-contributive-economies.html">previous section: <br>&larr; Stiegler on Contributive Economies</a>
<br><a class="no-print" href="./the-fourth-wall-in-software.html">next section: <br>&rarr; The fourth wall in software</a>
</div><!-- /.entry-content -->
</section>
</div>
<footer id="contentinfo" class="body">
<div class="colspan12-12">
<p>tangible.tools is a site for research, gathering two graduation projects, <a href="http://tangible.tools/category/thesis.html">the thesis</a>, and a <a href="/category/modes_of_address.html">graduation project</a>, by <a target="blank" href="http://colm.be">Colm O'Neill</a> at the <a target="_blank" href="http://www.pzwart.nl/">Piet Zwart Institute</a>, <a href="http://www.pzwart.nl/blog/category/root-en/pzi-en/media-design-en/">Master in Media Design and communications.</a></p>
</div>
</footer><!-- /#contentinfo -->
</div>
</div>
</div>
<!-- Piwik -->
<script type="text/javascript">
var _paq = _paq || [];
// tracker methods like "setCustomDimension" should be called before "trackPageView"
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
_paq.push(["setCookieDomain", "*.tangible.tools"]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//colm.be/piwik/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', '3']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<noscript><p><img src="//colm.be/piwik/piwik.php?idsite=3&rec=1" style="border:0;" alt="" /></p></noscript>
<!-- End Piwik Code -->
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="initial-scale=1">
<title>Acknowledgements — tangible.tools</title>
<link rel="stylesheet" href="./theme/css/screen.css" />
<meta charset="utf-8" />
</head>
<body id="index" class="home">
<div class="row-parent">
<div class="row">
<div class="row__colspaced">
<header id="banner" class="body">
<h1><a href="./">tangible.tools <strong></strong></a></h1>
<nav id="menu"><ul>
<li ><a class="menu-category" href="./category/modes_of_address.html">Modes_of_address</a></li>
<li ><a class="menu-category" href="./category/re-search-able_notes.html">re-search-able_notes</a></li>
<li class="active"><a class="menu-category" href="./category/thesis.html">Thesis</a></li>
<li><a class="menu-page" href="/pages/about-this-site.html">about this site</a></li>
<li><a class="menu-page" href="/pages/styleguide.html">styleguide</a></li>
</ul></nav><!-- /#menu -->
</header><!-- /#banner -->
<div class="colspan12-3 colspan6-2 as-grid data-info">
<section id="content" class="body">
<h1 class="general-title">Acknowledgements</h1>
<footer class="post-info no-print">
<!--<pre class="">document title: <b>Acknowledgements</b></pre>-->
<time class="published" datetime="2017-01-08T00:00:00+01:00">
date: 08/01/2017
</time>
<pre class="">category: Thesis</pre>
<pre class="">tags: </pre>
<a href="http://tangible.tools/pages/thesis-longform.html">Link to the thesis as a longform</a> <pre class="sourcelink no-print">source file: <a target="blank" href="https://gitlab.com/colmoneill/drafts/blob/master/PZIyear2/Thesis/2017_01_08-thesis-acknowledgements.md">gitlab</a> or <a target="blank" href="https://git.pzimediadesign.nl/colm.drafts/files.html">git PZI</a></pre>
<pre class="sourcelink no-print"><a target="blank" href="https://gitlab.com/colmoneill/drafts/commits/master/PZIyear2/Thesis/2017_01_08-thesis-acknowledgements.md">view this documents versions</a>
<hr>
</footer><!-- /.post-info -->
<div class="toc no-print">
<div id="toc"><ul><li><a class="toc-href" href="#" title="Acknowledgements">Acknowledgements</a><ul><li><a class="toc-href" href="#document-information" title="Document information">Document information</a></li><li><a class="toc-href" href="#license" title="License">License</a></li><li><a class="toc-href" href="#font-family" title="Font-family">Font-family</a><ul><li><a class="toc-href" href="#generated-on-monday-april-10th-2017-in-rotterdam-httpospkitchentoolsospkit-pdf" title="generated on Monday April 10th 2017 in Rotterdam, http://osp.kitchen/tools/ospkit/ &rarr; pdf">generated on Monday April 10th 2017 in Rotterdam, http://osp.kitchen/tools/ospkit/ &rarr; pdf</a></li></ul></li></ul></li></ul></div>
</div>
</div>
<div class="colspan12-6 colspan6-4 as-grid with-gutter">
<div class="entry-content">
<a class="no-print" href="./bibliography.html">previous section: <br>&larr; Bibliography</a>
<p>I would like to thank Marloes de Valk, Aymeric Mansoux and Steve Rushton for their writing support. The body of tutors at the Piet Zwart Institute, Master in Media Design and Communications for feedback and project development. Open Source Publishing for their energy, welcome and flexibility. Finally, my family and parents for their enablement, encouragements and support.</p>
<h3 id="document-information">Document information</h3>
<p>This document was meant to have a dual existance, on paper and online at http://tangible.tools. It is an assembly of sub section and chapter documents concatinated by <a href="https://blog.getpelican.com/">Pelican</a> a static site generator. The sources and versions of the files are accessible via the online counterpart.</p>
<h3 id="license">License</h3>
<p>Aside from any partial ownership the Hogeschool Rotterdam may have over this text, this text is copyleft Colm O'Neill 2017, available under a Free Art Licence http://artlibre.org/licence/lal/en/</p>
<h3 id="font-family">Font-family</h3>
<p>Document set in HK-Grotest, http://usemodify.com/fonts/hk-grotesk/ Designed by: Alfredo Marco Pradil &amp; Hanken Design Co.</p>
<p><br><br><br><br><br><br><br><br><br><br/></br></br></br></br></br></br></br></br></br></p>
<h6 id="generated-on-monday-april-10th-2017-in-rotterdam-httpospkitchentoolsospkit-pdf">generated on Monday April 10th 2017 in Rotterdam, http://osp.kitchen/tools/ospkit/ &rarr; pdf</h6>
</div><!-- /.entry-content -->
</section>
</div>
<footer id="contentinfo" class="body">
<div class="colspan12-12">
<p>tangible.tools is a site for research, gathering two graduation projects, <a href="http://tangible.tools/category/thesis.html">the thesis</a>, and a <a href="/category/modes_of_address.html">graduation project</a>, by <a target="blank" href="http://colm.be">Colm O'Neill</a> at the <a target="_blank" href="http://www.pzwart.nl/">Piet Zwart Institute</a>, <a href="http://www.pzwart.nl/blog/category/root-en/pzi-en/media-design-en/">Master in Media Design and communications.</a></p>
</div>
</footer><!-- /#contentinfo -->
</div>
</div>
</div>
<!-- Piwik -->
<script type="text/javascript">
var _paq = _paq || [];
// tracker methods like "setCustomDimension" should be called before "trackPageView"
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
_paq.push(["setCookieDomain", "*.tangible.tools"]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//colm.be/piwik/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', '3']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<noscript><p><img src="//colm.be/piwik/piwik.php?idsite=3&rec=1" style="border:0;" alt="" /></p></noscript>
<!-- End Piwik Code -->
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="initial-scale=1">
<title>tangible.tools</title>
<link rel="stylesheet" href="./theme/css/screen.css" />
<meta charset="utf-8" />
</head>
<body id="index" class="home">
<div class="row-parent">
<div class="row">
<div class="row__colspaced">
<header id="banner" class="body">
<h1><a href="./">tangible.tools <strong></strong></a></h1>
<nav id="menu"><ul>
<li ><a class="menu-category" href="./category/modes_of_address.html">Modes_of_address</a></li>
<li class="active"><a class="menu-category" href="./category/re-search-able_notes.html">re-search-able_notes</a></li>
<li ><a class="menu-category" href="./category/thesis.html">Thesis</a></li>
<li><a class="menu-page" href="/pages/about-this-site.html">about this site</a></li>
<li><a class="menu-page" href="/pages/styleguide.html">styleguide</a></li>
</ul></nav><!-- /#menu -->
</header><!-- /#banner -->
<section id="content" class="body prototype">
<hr>
<h1 class="general-title">active text conversions</h1>
<footer class="post-info">
<!--<pre class="">document title: <b>active text conversions</b></pre>-->
<time class="published" datetime="2017-01-15T00:00:00+01:00">
date: 15/01/2017
</time>
<pre class="">category: re-search-able_notes</pre>
<pre class="">tags: </pre>
<pre class="sourcelink">source files & versions: <a target="blank" href="https://gitlab.com/colmoneill/drafts/tree/master/PZIyear2/re-search-able_notes">gitlab</a> or <a target="blank" href="https://git.pzimediadesign.nl/colm.drafts/files.html">git PZI</a></pre>
<hr>
</footer><!-- /.post-info -->
<div class="entry-content">
<h4 id="what-legibility-results-from-turning-the-facebook-cookie-policy-into-a-dialog">what legibility results from turning the facebook cookie policy into a dialog?</h4>
<p><div class="colspan12-6 push12-3 conversation-layout">
<p class="context">To help personalize content, tailor and measure ads, and provide a safer experience,</p><p class="speaker">facebook use cookies.</p></div></p> <p class="binding-action">By clicking or navigating the site,<p> <p class="reader">I agree to allow our collection of information on and off Facebook through cookies.</p> <p class="context">Learn more, including about available controls: Cookies Policy.</p>
<p class="context">Cookies are small pieces of text used to store information on web browsers. Cookies are used to store and receive identifiers and other information on computers, phones, and other devices. Other technologies, including data we store on your web browser or device, identifiers associated with your device, and other software, are used for similar purposes. In this policy, we refer to all of these technologies as &ldquo;cookies.&rdquo;</p>
<p class="speaker">Facebook use cookies if</p>
<p class="reader">I have a Facebook account,</p> <p class="reader">use the Facebook Services, including their website and apps (whether or not I am registered or logged in),</p> <p class="reader">or visit other websites and apps that use the Facebook Services (including the Like button or their advertising tools).</p> <p class="context">This policy explains how</p><p class="speaker">Facebook use cookies and</p> <p class="reader">the choices I have. [...]</p>
<hr>
<small>
notes:
<li>you -&gt; I</li>
<li>our -&gt; their</li>
<li>we -&gt; facebook</li>
</small>
</hr></p></p>
<hr/>
<h4 id="what-is-the-result-of-the-same-conversion-on-the-bbcs-websites-text">what is the result of the same conversion on the BBC's websites text?</h4>
<p><div class="colspan12-6 push12-3 conversation-layout">
<p class="speaker">The BBC has updated its cookie policy.</p>
<p class="speaker">We use cookies to ensure that we give you the best experience on our website.</p> <p class="reader">This includes cookies from third party social media websites if I visit a page which contains embedded content from social media.</p> <p class="reader">Such third party cookies may track my use of the BBC website.</p> <p class="speaker">We and the BBC's partners also use cookies to ensure we show you advertising that is relevant to you.</p> <p class="binding-action">If you continue without changing your settings, the BBC will assume that</p> <p class="reader">I am happy to receive all cookies on the BBC website.</p> <p class="reader">However, I can change my cookie settings at any time. </p>
<small>
<hr>
notes:
<li>you -&gt; I</li>
<li>your -&gt; my</li>
<li>our -&gt; the BBC's</li>
</hr></small>
</div>
<hr/></p>
<h4 id="side-by-side-view">side by side view</h4>
<p><div class="colspan12-4 push12-1 conversation-layout">
<p class="context">To help personalize content, tailor and measure ads, and provide a safer experience,</p><p class="speaker">facebook use cookies.</p></div></p> <p class="binding-action">By clicking or navigating the site,<p> <p class="reader">I agree to allow our collection of information on and off Facebook through cookies.</p> <p class="context">Learn more, including about available controls: Cookies Policy.</p>
<p class="context">Cookies are small pieces of text used to store information on web browsers. Cookies are used to store and receive identifiers and other information on computers, phones, and other devices. Other technologies, including data we store on your web browser or device, identifiers associated with your device, and other software, are used for similar purposes. In this policy, we refer to all of these technologies as &ldquo;cookies.&rdquo;</p>
<p class="speaker">Facebook use cookies if</p>
<p class="reader">I have a Facebook account,</p> <p class="reader">use the Facebook Services, including their website and apps (whether or not I am registered or logged in),</p> <p class="reader">or visit other websites and apps that use the Facebook Services (including the Like button or their advertising tools).</p> <p class="context">This policy explains how</p><p class="speaker">Facebook use cookies and</p> <p class="reader">the choices I have. [...]</p>
</p></p>
<div class="colspan12-4 push12-2 conversation-layout">
<p class="speaker">The BBC has updated its cookie policy.</p>
<p class="speaker">We use cookies to ensure that we give you the best experience on our website.</p> <p class="reader">This includes cookies from third party social media websites if I visit a page which contains embedded content from social media.</p> <p class="reader">Such third party cookies may track my use of the BBC website.</p> <p class="speaker">We and the BBC's partners also use cookies to ensure we show you advertising that is relevant to you.</p> <p class="binding-action">If you continue without changing your settings, the BBC will assume that</p> <p class="reader">I am happy to receive all cookies on the BBC website.</p> <p class="reader">However, I can change my cookie settings at any time. </p>
</div>
</div><!-- /.entry-content -->
</section>
<footer id="contentinfo" class="body">
<div class="colspan12-12">
<p>tangible.tools is a site for research, gathering two graduation projects, <a href="http://tangible.tools/category/thesis.html">the thesis</a>, and a <a href="/category/modes_of_address.html">graduation project</a>, by <a target="blank" href="http://colm.be">Colm O'Neill</a> at the <a target="_blank" href="http://www.pzwart.nl/">Piet Zwart Institute</a>, <a href="http://www.pzwart.nl/blog/category/root-en/pzi-en/media-design-en/">Master in Media Design and communications.</a></p>
</div>
</footer><!-- /#contentinfo -->
</div>
</div>
</div>
<!-- Piwik -->
<script type="text/javascript">
var _paq = _paq || [];
// tracker methods like "setCustomDimension" should be called before "trackPageView"
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
_paq.push(["setCookieDomain", "*.tangible.tools"]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//colm.be/piwik/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', '3']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<noscript><p><img src="//colm.be/piwik/piwik.php?idsite=3&rec=1" style="border:0;" alt="" /></p></noscript>
<!-- End Piwik Code -->
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="initial-scale=1">
<title>tangible.tools</title>
<link rel="stylesheet" href="./theme/css/screen.css" />
<meta charset="utf-8" />
</head>
<body id="index" class="home">
<div class="row-parent">
<div class="row">
<div class="row__colspaced">
<header id="banner" class="body">
<h1><a href="./">tangible.tools <strong></strong></a></h1>
<nav id="menu"><ul>
<li ><a class="menu-category" href="./category/modes_of_address.html">Modes_of_address</a></li>
<li ><a class="menu-category" href="./category/re-search-able_notes.html">re-search-able_notes</a></li>
<li ><a class="menu-category" href="./category/thesis.html">Thesis</a></li>
<li><a class="menu-page" href="/pages/about-this-site.html">about this site</a></li>
<li><a class="menu-page" href="/pages/styleguide.html">styleguide</a></li>
</ul></nav><!-- /#menu -->
</header><!-- /#banner -->
<h1>Archives for tangible.tools</h1>
<dl>
<dt>12/06/2017</dt>
<dd><a href="./slides-final-assessment.html">slides final assessment</a></dd>
<dt>27/05/2017</dt>
<dd><a href="./para-interfacing.html">para interfacing</a></dd>
<dt>25/05/2017</dt>
<dd><a href="./zach-blas-interview-transcriptions.html">Zach Blas interview transcriptions</a></dd>
<dt>03/04/2017</dt>
<dd><a href="./trim-5-assessment-presentation.html">Trim 5 assessment presentation</a></dd>
<dt>19/03/2017</dt>
<dd><a href="./skeuomorphism-abstract-thought.html">Skeuomorphism & abstract thought</a></dd>
<dt>13/02/2017</dt>
<dd><a href="./post-tutorial-with-femke-notes.html">post tutorial with Femke notes</a></dd>
<dt>03/02/2017</dt>
<dd><a href="./notes-on-abstracting-craft-the-practised-digital-hand.html">Notes on Abstracting Craft — The Practised Digital Hand</a></dd>
<dt>01/02/2017</dt>
<dd><a href="./notes-on-the-mismanaged-heart-by-william-davies.html">Notes on ‘The Mismanaged heart’ by William Davies</a></dd>
<dt>16/01/2017</dt>
<dd><a href="./text-conversion-diff.html">text conversion diff</a></dd>
<dt>15/01/2017</dt>
<dd><a href="./active-text-conversions.html">active text conversions</a></dd>
<dt>15/01/2017</dt>
<dd><a href="./flesch-kincaid-readibility-tests-cookie-policy-anouncements.html">Flesch-Kincaid readibility tests, cookie policy anouncements.</a></dd>
<dt>14/01/2017</dt>
<dd><a href="./problematic-modes-examples.html">Problematic modes, examples</a></dd>
<dt>11/01/2017</dt>
<dd><a href="./visualising-website-cookie-policy-information.html">visualising website cookie policy information</a></dd>
<dt>08/01/2017</dt>
<dd><a href="./acknowledgements.html">Acknowledgements</a></dd>
<dt>07/01/2017</dt>
<dd><a href="./bibliography.html">Bibliography</a></dd>
<dt>06/01/2017</dt>
<dd><a href="./thesis-references.html">Thesis references</a></dd>
<dt>05/01/2017</dt>
<dd><a href="./thesis-conclusions.html">Thesis conclusions</a></dd>
<dt>04/01/2017</dt>
<dd><a href="./chapter-3-the-user-the-learning-curve.html">Chapter 3 — The user, the learning curve</a></dd>
<dt>03/01/2017</dt>
<dd><a href="./binding-sentences.html">Binding sentences</a></dd>
<dt>03/01/2017</dt>
<dd><a href="./chapter-2-efficacy-or-efficiency.html">Chapter 2 — Efficacy or efficiency</a></dd>
<dt>03/01/2017</dt>
<dd><a href="./eu-cookie-law.html">EU cookie law</a></dd>
<dt>03/01/2017</dt>
<dd><a href="./notes-on-m-fuller-ms-word-it-looks-like-youre-writing-a-letter.html">Notes on M. Fuller; MS Word: It looks like you're writing a letter.</a></dd>
<dt>02/01/2017</dt>
<dd><a href="./chapter-1-defining-craft.html">Chapter 1 — Defining ‘craft’</a></dd>
<dt>02/01/2017</dt>
<dd><a href="./designers-materialise-morality.html">Designers materialise morality</a></dd>
<dt>01/01/2017</dt>
<dd><a href="./dissertation-introduction-longform-outdated.html">Dissertation introduction longform outdated</a></dd>
<dt>01/01/2017</dt>
<dd><a href="./thesis-introduction.html">Thesis introduction</a></dd>
<dt>31/12/2016</dt>
<dd><a href="./tangible-tools.html">Tangible tools</a></dd>
<dt>07/12/2016</dt>
<dd><a href="./project-proposal-v033.html">Project proposal v0.3.3</a></dd>
<dt>07/12/2016</dt>
<dd><a href="./project-proposal-v034.html">Project proposal v0.3.4</a></dd>
<dt>29/11/2016</dt>
<dd><a href="./project-proposal-v032.html">Project proposal v0.3.2</a></dd>
<dt>24/11/2016</dt>
<dd><a href="./project-proposal-v031.html">Project proposal v0.3.1</a></dd>
<dt>04/11/2016</dt>
<dd><a href="./the-fourth-wall-in-software.html">The fourth wall in software</a></dd>
<dt>27/10/2016</dt>
<dd><a href="./project-proposal-021.html">Project proposal 0.2.1</a></dd>
<dt>27/10/2016</dt>
<dd><a href="./project-proposal-022.html">Project proposal 0.2.2</a></dd>
<dt>18/10/2016</dt>
<dd><a href="./2016_10_18_current-notes.html">2016_10_18_current notes</a></dd>
<dt>18/10/2016</dt>
<dd><a href="./stiegler-on-contributive-economies.html">Stiegler on Contributive Economies</a></dd>
<dt>03/10/2016</dt>
<dd><a href="./grad-seminar-abstract.html">Grad seminar abstract</a></dd>
<dt>26/09/2016</dt>
<dd><a href="./notes-on-comforts.html">Notes on comfort(s)</a></dd>
<dt>21/09/2016</dt>
<dd><a href="./position-statement.html">Position statement</a></dd>
<dt>21/09/2016</dt>
<dd><a href="./project-proposal-01.html">Project Proposal 0.1</a></dd>
<dt>21/09/2016</dt>
<dd><a href="./project-proposal-02.html">Project Proposal 0.2</a></dd>
</dl>
<footer id="contentinfo" class="body">
<div class="colspan12-12">
<p>tangible.tools is a site for research, gathering two graduation projects, <a href="http://tangible.tools/category/thesis.html">the thesis</a>, and a <a href="/category/modes_of_address.html">graduation project</a>, by <a target="blank" href="http://colm.be">Colm O'Neill</a> at the <a target="_blank" href="http://www.pzwart.nl/">Piet Zwart Institute</a>, <a href="http://www.pzwart.nl/blog/category/root-en/pzi-en/media-design-en/">Master in Media Design and communications.</a></p>
</div>
</footer><!-- /#contentinfo -->
</div>
</div>
</div>
<!-- Piwik -->
<script type="text/javascript">
var _paq = _paq || [];
// tracker methods like "setCustomDimension" should be called before "trackPageView"
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
_paq.push(["setCookieDomain", "*.tangible.tools"]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//colm.be/piwik/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', '3']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<noscript><p><img src="//colm.be/piwik/piwik.php?idsite=3&rec=1" style="border:0;" alt="" /></p></noscript>
<!-- End Piwik Code -->
</body>
</html>
\ No newline at end of file
This diff is collapsed.
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="initial-scale=1">
<title>tangible.tools - Authors</title>
<link rel="stylesheet" href="./theme/css/screen.css" />
<meta charset="utf-8" />
</head>
<body id="index" class="home">
<div class="row-parent">
<div class="row">
<div class="row__colspaced">
<header id="banner" class="body">
<h1><a href="./">tangible.tools <strong></strong></a></h1>
<nav id="menu"><ul>
<li ><a class="menu-category" href="./category/modes_of_address.html">Modes_of_address</a></li>
<li ><a class="menu-category" href="./category/re-search-able_notes.html">re-search-able_notes</a></li>
<li ><a class="menu-category" href="./category/thesis.html">Thesis</a></li>
<li><a class="menu-page" href="/pages/about-this-site.html">about this site</a></li>
<li><a class="menu-page" href="/pages/styleguide.html">styleguide</a></li>
</ul></nav><!-- /#menu -->
</header><!-- /#banner -->
<h1>Authors on tangible.tools</h1>
<ul> <li><a href="./author/colm-oneill.html">Colm O'Neill</a> (41)</li>
</ul>
<footer id="contentinfo" class="body">
<div class="colspan12-12">
<p>tangible.tools is a site for research, gathering two graduation projects, <a href="http://tangible.tools/category/thesis.html">the thesis</a>, and a <a href="/category/modes_of_address.html">graduation project</a>, by <a target="blank" href="http://colm.be">Colm O'Neill</a> at the <a target="_blank" href="http://www.pzwart.nl/">Piet Zwart Institute</a>, <a href="http://www.pzwart.nl/blog/category/root-en/pzi-en/media-design-en/">Master in Media Design and communications.</a></p>
</div>
</footer><!-- /#contentinfo -->
</div>
</div>
</div>
<!-- Piwik -->
<script type="text/javascript">
var _paq = _paq || [];
// tracker methods like "setCustomDimension" should be called before "trackPageView"
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
_paq.push(["setCookieDomain", "*.tangible.tools"]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//colm.be/piwik/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', '3']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<noscript><p><img src="//colm.be/piwik/piwik.php?idsite=3&rec=1" style="border:0;" alt="" /></p></noscript>
<!-- End Piwik Code -->
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="initial-scale=1">
<title>Bibliography — tangible.tools</title>
<link rel="stylesheet" href="./theme/css/screen.css" />
<meta charset="utf-8" />
</head>
<body id="index" class="home">
<div class="row-parent">
<div class="row">
<div class="row__colspaced">
<header id="banner" class="body">
<h1><a href="./">tangible.tools <strong></strong></a></h1>
<nav id="menu"><ul>
<li ><a class="menu-category" href="./category/modes_of_address.html">Modes_of_address</a></li>
<li ><a class="menu-category" href="./category/re-search-able_notes.html">re-search-able_notes</a></li>
<li class="active"><a class="menu-category" href="./category/thesis.html">Thesis</a></li>
<li><a class="menu-page" href="/pages/about-this-site.html">about this site</a></li>
<li><a class="menu-page" href="/pages/styleguide.html">styleguide</a></li>
</ul></nav><!-- /#menu -->
</header><!-- /#banner -->
<div class="colspan12-3 colspan6-2 as-grid data-info">
<section id="content" class="body">
<h1 class="general-title">Bibliography</h1>
<footer class="post-info no-print">
<!--<pre class="">document title: <b>Bibliography</b></pre>-->
<time class="published" datetime="2017-01-07T00:00:00+01:00">
date: 07/01/2017
</time>
<pre class="">category: Thesis</pre>
<pre class="">tags: </pre>
<a href="http://tangible.tools/pages/thesis-longform.html">Link to the thesis as a longform</a> <pre class="sourcelink no-print">source file: <a target="blank" href="https://gitlab.com/colmoneill/drafts/blob/master/PZIyear2/Thesis/2017_01_07-Thesis-bibliography.md">gitlab</a> or <a target="blank" href="https://git.pzimediadesign.nl/colm.drafts/files.html">git PZI</a></pre>
<pre class="sourcelink no-print"><a target="blank" href="https://gitlab.com/colmoneill/drafts/commits/master/PZIyear2/Thesis/2017_01_07-Thesis-bibliography.md">view this documents versions</a>
<hr>
</footer><!-- /.post-info -->
</div>
<div class="colspan12-6 colspan6-4 as-grid with-gutter">
<div class="entry-content">
<a class="no-print" href="./thesis-references.html">previous section: <br>&larr; Thesis references</a>
<ul>
<li>
<p>DiSalvo Carl, 2012. Adversarial design. Cambridge, MA: MIT Press.</p>
</li>
<li>
<p>Galloway R. Alexander, 2012. The interface effect. Cambridge, UK: Polity Press.</p>
</li>
<li>
<p>McCullough Malcolm, 1996. Abstracting Craft: The Practiced Digital Hand. Cambridge, MA: MIT Press.</p>
</li>
<li>
<p>Morozov Evgeny, 2013. To Save Everything Click Here. London, UK: Penguin books.</p>
</li>
<li>
<p>Sennett Richard, 2008. The Craftsman. New Haven, CT: Yale University Press.</p>
</li>
</ul>
<hr class="no-print">
<a class="no-print" href="./thesis-references.html">previous section: <br>&larr; Thesis references</a>
<br><a class="no-print" href="./acknowledgements.html">next section: <br>&rarr; Acknowledgements</a>
</div><!-- /.entry-content -->
</section>
</div>
<footer id="contentinfo" class="body">
<div class="colspan12-12">
<p>tangible.tools is a site for research, gathering two graduation projects, <a href="http://tangible.tools/category/thesis.html">the thesis</a>, and a <a href="/category/modes_of_address.html">graduation project</a>, by <a target="blank" href="http://colm.be">Colm O'Neill</a> at the <a target="_blank" href="http://www.pzwart.nl/">Piet Zwart Institute</a>, <a href="http://www.pzwart.nl/blog/category/root-en/pzi-en/media-design-en/">Master in Media Design and communications.</a></p>
</div>
</footer><!-- /#contentinfo -->
</div>
</div>
</div>
<!-- Piwik -->
<script type="text/javascript">
var _paq = _paq || [];
// tracker methods like "setCustomDimension" should be called before "trackPageView"
_paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
_paq.push(["setCookieDomain", "*.tangible.tools"]);
_paq.push(['trackPageView']);