defining
hybrid&urgent publishing

&hybrid

Graphic Design 3.1 Urgent Publishing

- The ear has no point of view and can't be shut off. You have no earlids.
- Alphabet will create forgetfulness (Sokrates)
- Sing poems in metrical patterns > easy to recall
- But this also discourages disputation and argument

CLARA
Urgent publishing is a form of publishing that increases accessibility, speed and quality with a positioned purpose.
It uses innovative mediums to achieve this, tailored to the topic or information.


SOPHIE
Hybrid publication is a variant of a work/thought/creation/movement that is not bound to one medium,
in other words, it can have multiple visual outlets. An example can be a website, that is printed in a book.


HANNE
"Using what’s available to deliver an important message that needs to be expressed quickly."
- Paul Soulellis - Urgentcraft

Using different medium to publish the same information


ALEX
'Urgent Hybrid Publication' is a publication where the original components are clear and it's visually exciting and encourages action.
Question: Is bread a hybrid? It's the combination of flour, salt and water. No, it isn't because it's a completely new thing and there is no clear way to recognise the original components.

A hybrid publication is not bound to a material or method and can be turned into multiple coexisting mediums.
It can increase the accesibility to a message and serve as a method to deliver it effectively.

translating
Marshall McLuhan

Federico Campagna

Technic and Magic: The Reconstruction of Reality

researching
Mind Map

Tegenwoordig zijn we altijd omgeven door technologie. We kunnen namelijk niet meer leven, denken of handelen zonder technologie.

We moeten ons niet laten besturen door techniek er is altjid een onberekenbare factor, die de techniek niet zal begrijpen.

Bridle spreekt over het gevaar van de gedachte dat alles berekenbaar is. Campagna omschrijft voor dit onberekenbare een nieuwe dimensie; Magic.

Jorge Luis Borges

The Book of Sand

Met behulp van deze dimensie verklaart Campagna en nieuwe vorm van realiteit. Ook tijdens Honours programme hebben we het over theory and fiction.

The Book of Sand vertelt over een mythisch boek dat alles omvat en voor iedere lezer anders is. Dit boek is een metafoor

> Dit doet denken aan het internet wat continu zich aanpast en ontwikkelt maar hierdoor bewijst dat je nooit álles kan weten

> wat terug komt bij Bridle

> het idee dat het internet ons zou verlichten, maar juist het tegengestelde doet

Hanne
Dijkstra

creating
an index

Magic, as in the dimension of the ineffable
- Federico Campagna, Technik and Magic
Technik, as in the dimension of language
Ineffable
Computational
Heteronyms
Unknowing
Technology
Functional understanding, of technology
As if, as in a method
Reality

We explain reality with Technik, the world of computational technology, and Magic, the dimension of the ineffable, and we use the 'as if' strategie in combination with heteronyms to show the unknowing part within functional understanding.

pick 10 keywords from your collection

create a sentence with your 10 keywords

FC/JB > FC > JB > FC > FC
&
FC > FC > JB > JB

visualize the navigation of your sentence

22/9 Megan

Carrier Bag theorie

28/9 Kimmy

Intersting that this was said in the 80's, when people were still a bit reluctant towards technolgy. And that nowadays it's the other way around; people embraced technology as part of their culture and it seems that we are puppets in a game of data domination

Tells something about the way how you can structure your collection and how your story is build together with differnt ellement that connect.

The way you tell a story has influence on the way your reader perceives the content. Who is your reader? What is expected from them?

Denk na over de positie van je lezer en wat je van de lezer verwacht. Ook de manier hoe je je collectie opbouwt, index, en hoe dit samen komt in je ontwerp.

Website
Coding

Responsive Design

Print
Design

My research subject is the future of the internet. With my publication I want to adress the pro's and the cons of the internet in our future world.

> Pro & con in one design > collumns, grades, color
> clear sources notation > so the reader is able to check the source
> index based on keywords (fake news, polarization, 5G, big data, etc)
> reader must be able to shape it's own opinion


Questions:
> How do I make my publication look reliable?
>

researching
credible? webdesign

Frontpage
Tekstueel:
- gebruik objectieve koppen/titels
- titel + korte introductie

Lay-Out:
- zakelijk/clean
- niet teveel foto’s
- koele kleuren (binnen één kleurfamilie)
- effen (witte) achtergrond
- op alfabetische of publicatie volgorde

Typografie:
- gebruik maken van Serif en San-Serif lettertypes
-


Artikelen
Tekstueel:
- Titel: groot
- Intro: dik
- Hoofdtekst: normaal
- Begin met verwijzing/referentie

Lay-Out:
- niet teveel foto’s
- effen (witte) achtergrond
- clean

Typografie:
- gebruik maken van Serif en San-Serif lettertypes
-

Lay-out
- geen foto's
- witte achtergrond, 1 contrast kleur
- strakke lijnen
- wetenschappelijk

Typografie
- Koppen in serif (Myriad Pro 18pt)
- Teksten in sans serif (Corbel 12pt)

>> Research modus:
- lezers kunnen de content op hun eigen volgorde sorteren
- gebruikers kunnen zelf artikelen toevoegen, mits deze van een wetenschappelijke bron afkomstig zijn
- gebruikers kunnen artikelen opslaan in hun lijst en hier markeringen en aantekeningen aan toevoegen
- deze markeringen kunnen ook gelinkt worden naar andere artikelen
- op deze manier kunnen gebruikers hun eigen onderzoek samen stellen

>> Print modus:
- Deze artikelen mét notities en markeringen kunnen geprint worden
- Op deze manier je eigen research als 'boek' maken

Design
schetsen

Content

Design
keuzes

Website
Design

Research
Concept of internet

1. Every Xanadu server is uniquely and securely identified.

2. Every Xanadu server can be operated independently or in a network.

3. Every user is uniquely and securely identified.

4. Every user can search, retrieve, create and store documents.

5. Every document can consist of any number of parts each of which may be of any data type.

6. Every document can contain links of any type including virtual copies ("transclusions") to any other document in the system accessible to its owner.

7. Links are visible and can be followed from all endpoints.

8. Permission to link to a document is explicitly granted by the act of publication.

9.Every document can contain a royalty mechanism at any desired degree of granularity to ensure payment on any portion accessed, including virtual copies ("transclusions") of all or part of the document.

Xanadu - Ted Nelson

10. Every document is uniquely and securely identified.

11. Every document can have secure access controls.

12. Every document can be rapidly searched, stored and retrieved without user knowledge of where it is physically stored.

13. Every document is automatically moved to physical storage appropriate to its frequency of access from any given location.

14. Every document is automatically stored redundantly to maintain availability even in case of a disaster.

15. Every Xanadu service provider can charge their users at any rate they choose for the storage, retrieval and publishing of documents.

16. Every transaction is secure and auditable only by the parties to that transaction.

17. The Xanadu client–server communication protocol is an openly published standard. Third-party software development and integration is encouraged

Ted Nelsons philosophy and thoughts about hypertext on paper:



-Literary Machines: The Report on, and of, Project Xanadu Concerning Word Processing, Electronic Publishing, Hypertext, Thinkertoys, Tomorrow's Intellectual Revolution, and Certain Other Topics Including Knowledge, Education and Freedom, Sausalito, CA, Mindful Press, 1980-1984; 1987; 1990-1993.

Literary Machines

water flowing around your fingers disconnecting and connecting again
>>> interconnection
>>> applicable to our whole universe: a changing system of relationschips and structures

this interconnection should also be there in writing, showing original sources of thoughts, quotes and cites

Je zou hiervoor alle geschreven bronnen moeten digitaliseren incl de publicatie datum en andere metadata. En wanneer men dan een tekst schrijft die overeenkomt met al gepubliceerde tekst deze automatisch wordt gelinkt naar deze originele bron

>>>> Voor detectie denk aan systemen zoals plagiaat detectie

- altijd credits naar de originele maker van een gepubliceerd werk
- (horizontale) navigatie door de herkomst van het werk, naar de oorsprong
- automatische detectie en link naar originele bron > plagiaat scanner?

- wanneer je op een woord klikt in een artikel > zoekt naar artikelen met hetzelfde woord

- higlighten van tekst die niet origineel is

- Ted Nelson and his vision on the internet
- Look into the beginning of the internet > the utopia > the start
- Research theories about www
- Create your website as the idealistic form of the www

- Good to show the positive side of the story!!
- index: links fungeren als index door de collectie

>

27/10
Feedback

https://thenewstack.io/ted-nelson-can-still-learn-xanadu/

http://moparx.com/2014/04/adding-search-capabilities-within-your-pelican-powered-site-using-tipue-search/

var tempStorage;

function setColor() {
localStorage.setItem('colorcode', $('.colorSelect').val());
tempStorage = $('.colorselect').val();
$('.post-title').css('color', tempStorage);
applyColor(tempStorage);
}

function getColor() {
localStorage.getItem('colorcode');
$('.colorSelect').val(tempStorage);
applyColor(tempStorage);
}

function applyColor(colorValue){
$('.post-title').css('color', colorValue);
}

setColor();

Titel kleur opslaan met gebruik van localStorage

Titel kleur veranderen van een artikel met colorpicker

>

>

>

>

OPLOSSING: de regels waarin je de variabele en de localStorage instelt moeten IN de change functie geplaatst worden


$("naamSelector").gebeurtenis(function(){
$("naamElement").css('opmaakonderdeel', $(this).val());

localStorage.setItem('naamOpgeslagenWaarde', waarde)

Misschien is de variabele van een colorpicker niet leesbaar in localStorage
> stringify om er een leesbare waarde van te maken
>>> WERKT OOK NIET

>

>

Searchbar die de hele website doorzoekt naar de opgegeven tekst en de gevonden artikelen weergeeft

Highlighten van tekst

>> plugin lukt niet om werkend te krijgen

DOEL

PROCESS

RESOURCES

>

>

Website
Coding

Workshops

Start
assingments

23/11
Feedback

- Project Xanadu zijn ze al heel erg lang mee bezig om te maken, dus je gaat in deze tijd nooit iets vergelijkbaars neerzetten
- terug naar je oude plan > research website
- probeer te focussen op één ideaal van Xanadu en integreer dit in je website

>

>

>

>

>

- voor het ontwerpen van een website die op verschillende maten scherm wordt bekeken en gebruikt

> denk aan telefoon, tablet, monitor

- ontwerpen van printbare documenten in HTML en CSS

> bijvoorbeeld artikelen, jaarverslagen, regelementen die online worden bekeken maar ook worden afgedrukt
> óf documenten die, wanneer je ze afdrukt, altijd
up-to-date zijn

>

Pelican

- ontwerpen van een website opgebouwd uit blogposts

> losse bestanden (.md) waarin je een nieuw post/artikel maakt
> deze worden automatisch vormgegeven door een zelf ontwerpen template (html)

>

- creeëren van interactieve functies

> selectors en functies zorgen ervoor dat gebruikers dingen kunnen instellen
> actie > reactie

Javascript

GEDACHTES:

- Clean design waardoor de aandacht naar de artikelen gaat
- Lay-out is wel erg clean en daardoor misschien niet aantrekkelijk voor de lezer

Concept
uitwerking

Position of reader:
- researcher, self-developer, composer, thinker, wanderer

Goal:
- to inform, to educate, to provide

Collectie:
>> wetenschappelijke artikelen over het internet in de toekomst (ontwikkelingen, vooruitzichten, onderzoeken etc)

Sortering:
- Artikelen standaard op publicatie datum gesorteerd
ÓF
- artikelen in willekeurige volgorde, zodat lezers andere artikelen zien wanneer ze de pagina opnieuw openen

Index:
- ??

>

>

Functies

Content

- uitsluitend wetenschappelijke artikelen
- duidelijke bronnotatie
>>> Auteurs, publicatie datum, DOI link (naar bron)

collectie:
>> artikelen over de toekomst van het internet
(ontwikkelingen, vooruitzichten, onderzoeken etc)

Sortering:
- Artikelen standaard op publicatie datum gesorteerd
ÓF
- artikelen in willekeurige volgorde, zodat lezers andere artikelen zien wanneer ze de pagina opnieuw openen

Index:
- Alle artikelen voorzien van TAGS, deze tags creëren automatisch een index
- >> Woorden in artikelen klikbaar en linken ook naar artikelen die het zelfde woord bevatten

<<< Een website waarop wetenschappelijke artikelen te vinden zijn over de effecten van de ontwikkelingen van het internet in verschillende sectoren. Te gebruiken voor onderzoek, verdieping en onderbouwing in het onderwerp 'internet'. >>>

>> Research modus:
- lezers kunnen de content op hun eigen volgorde sorteren


- gebruikers kunnen zelf artikelen toevoegen, mits deze van een wetenschappelijke bron afkomstig zijn



- gebruikers kunnen artikelen opslaan in hun lijst en hier markeringen en aantekeningen aan toevoegen


- deze markeringen kunnen ook gelinkt worden naar andere artikelen


- op deze manier kunnen gebruikers hun eigen onderzoek samen stellen

Functies

>> gebruikers kunnen kleurcodes toevoegen aan de titels



>> nieuw gepubliceerderartikelen worden automatisch toegevoegd vanuit OpenAccess wetenschappelijke artikelen bron



>> highlighten



>> woorden in artikelen automatisch linken aan tags

>> Searchbar zoekt alleen in de "zichtbare" stukken tekst
>> Worden losse elementen weergegeven en niet artikelen als geheel >> Hierdoor niet meer klikbaar

V

>

>

Proberen plugin te gebruiken die in iedere tutorial werd gebruikt voor het maken van een searchbar
>> tipue wordt niet meer ondersteunt?

>

Print Pub
Coding

Elementen die niet nodig zijn in print(zoals menus) onzichtbaar maken

Pagina nummers toevoegen

>

>

Tabellen vormgeven

>

Lettertypes aanpassen voor leesbaarheid in print

>

Concept
uitwerking

<<< Een website waarop wetenschappelijke artikelen te vinden zijn over de effecten van de ontwikkelingen van het internet in verschillende sectoren. Te gebruiken voor onderzoek, verdieping en onderbouwing in het onderwerp 'internet'. >>>

>

>> artikelen rangschikken/ordenen


>> highlighten en notities



>> tekst linken aan tags



>> duidelijke bronnotatie




( >> nieuw gepubliceerderartikelen worden automatisch toegevoegd vanuit OpenAccess wetenschappelijke artikelen bron )

aan de hand van veranderbare titel kleur en lijsten


wanneer je een stuk tekst selecteert krijg je de optie die stuk te highlighten (verschillende kleuren) en een notitie te maken


woorden die ook worden gebruikt als tags worden automatisch een link naar de taglijst met alle artikelen die die tag bevatten


bronnen worden weergeven met auteur, publicatie datum en een DOI link




waarschijnlijk te ingewikkeld

>> printen per artikel of lijst


>> highlighten en notities



>> bronnotatie

gebruikers kunnen artikelen of zelf gevormde lijsten printen


notities worden afgedrukt in de kantlijn naast het gearceerde stuk tekst waar ze bij horen


begin van ieder artikel auteur, publicatie datum en DOI en boven aan iedere pagina de titel van het artikel waarin je leest

Web

Print

>

>

één vast 'menu' met daarin:
>> knop naar je eigen lijst
>> searchbar
>> meest voorkomende tags als link naar de taglist

menu per artikel:
>> bronnotatie
>> tags als link naar taglist
>> veranderen van titel kleur

pop-up menu:
>> wanneer een stuk tekst geselecteerd > highlight/notitie

Functie lay-out

>