https://wiki.hackersanddesigners.nl//api.php?action=feedcontributions&user=Karina&feedformat=atomHackers & Designers - User contributions [en]2024-03-28T14:21:51ZUser contributionsMediaWiki 1.39.3https://wiki.hackersanddesigners.nl//index.php?title=Wiki_Tutorial&diff=22926Wiki Tutorial2017-10-31T18:47:08Z<p>Karina: /* Categories */</p>
<hr />
<div>{{Article<br />
|MainNavigation=No<br />
}}<br />
=Wiki Intro=<br />
== A little history ==<br />
<br />
The first wiki was created in 1995 by Ward Cunningham, and it was called Wiki Wiki Web (Wiki in Hawaii means quick!). <br />
<br />
[http://upload.wikimedia.org/wikipedia/commons/3/31/Ward_Cunningham%2C_Inventor_of_the_Wiki.webm Interview with Ward Cunningham]<br />
<br />
Wikis are about '''speed and easiness of writing and publishing on the Web'''. <br />
<br />
Also about '''collaboration'''. According to Ward Cunningham ‘People discovered that they can create something with other people, that they don't even know. But they come to trust and they make something that surprises them in terms of its value’.<br />
<br />
Consequently wikis have been used extensively as environments for online collaboration. Examples of this are:<br />
<br />
* [http://wikipedia.com/ Wikipedia]<br />
* [http://www.wiktionary.org/ Wiktionary]<br />
* [http://pzwart3.wdka.hro.nl/wiki MMD&C - PZI wiki]<br />
* [http://opensource.wdka.nl/wiki/Main_Page Digital Craft wiki]<br />
* [http://lostpedia.wikia.com/wiki/Main_Page Lostpedia] - about TV show Lost<br />
* [http://uncyclopedia.wikia.com/wiki/Main_Page Uncyclopedia] - the content-free encyclopaedia<br />
<br />
Enough talking, lets start playing with the wiki!<br />
<br />
=Wiki editing=<br />
==Account creation==<br />
In order to start contributing to this wiki, like in most wikis, you need to create a user account.<br />
<br />
Send an email to info@hackersanddesigners.nl to request for an account. Often, during events and workshop activities, the wiki is used and therefore new accounts are created.<br />
<br />
==Editing==<br />
'''How to write on the wiki?'''<br />
<br />
Writing on a wiki is not not very different from writing a blog. <br />
<br />
You have a '''Read''' and '''Edit''' mode.<br />
<br />
'''Edit''' lets you enter content and make changes to existing content. <br />
<br />
While you are editing, you can preview your changes in the '''Preview''' window.<br />
<br />
Once done editing <span style="background:yellow">'''save the page'''</span>, otherwise your contribution will be lost. <br />
<br />
==Text formatting==<br />
Although there is a specific syntax to format the text, you can use the menu to do much of the formatting you need.<br />
In case you are interested to get to know the syntax here is [http://www.mediawiki.org/wiki/Help:Formatting cheat-sheet] with the most important syntax. <br />
<br />
You can experiment with writing and formatting your own '''User page'''. You can get go to this page by clicking on your username, next to the icon. The user page, is normally used to say something about yourself, but can also be a nice testing ground.<br />
<br />
[[File:userpage.png]]<br />
<br />
While writing your text you might need to separate the content in paragraphs, especially if the article is long. <br />
<br />
'''Attention: To create line breaks, you don't need to use <nowiki><br></nowiki> tag anymore, just add at least one space in between paragraphs.'''<br />
<br />
<br />
==Titles==<br />
You can make titles with different hierarchic levels by using "=" as follows:<br />
<br />
<nowiki>=Main Title=</nowiki><br />
<br />
<nowiki>==Sub Title==</nowiki><br />
<br />
<nowiki>===Sub-sub Title===</nowiki><br />
<br />
<nowiki>===Sub-sub-sub Title===</nowiki><br />
<br />
You can place content under each of these section<br />
<br />
The result when the page is saved will be:<br />
<br />
=Main Title=<br />
Content under Main Title<br />
==Sub Title==<br />
Content under Sub Title<br />
===Sub-sub Title===<br />
Content under Sub-sub Title<br />
====Sub-sub-sub Title====<br />
Content under Sub-sub-sub Title<br />
<br />
==Page creation==<br />
'''How to create a page?'''<br />
<br />
In a wiki the information is organized into pages or articles ( no great distinction between the two). If you want to say something about something for which there isn't a page, you create that page and start writing its content. <br />
<br />
To create a page use the '''chain icon''' on the menu, as wiki page are essentially '''internal links'''. The result will be:<br />
<nowiki>[[name of new page]]</nowiki> .<br />
<br />
===Quick page creation===<br />
'''Other option to create a page is to type the new page name in the URL bar'''.<br />
<br />
For instance<br />
http://wiki.hackersanddesigners.nl/mediawiki/index.php/MYNEWPAGE<br />
where MYNEWPAGE will be the title of you page <br />
<br />
<br />
You can now save your page and see that the link that you created to the new page is <span style="color:red">red</span>.<br />
* <span style="color:red">Red</span> link = previously non-existing page. <br />
* <span style="color:blue">Blue</span> link = existing page.<br />
<br />
[[Lexicon]] - an existing page<br />
<br />
===Using the Create menu===<br />
<br />
You can also use a Create page section in the left-side menu. You can choose between an ''Article'' page or an ''Event'' page. The latter has extra fields to specify date, time, location and participants, whereas the former simply gives you a big text field.<br />
<br />
* Create New Article Page<br />
* Create New Event Page<br />
<br />
===External links===<br />
To link to external webpages, use the '''chain icon'''.<br />
<br />
You'll be presented with:<br />
<nowiki>[http://www.example.com link title]</nowiki> and simply need to replace them with url and title(optional)<br />
<br />
===Naming the page===<br />
'''Important: You shouldn't use slashes, colons, semicolons, question and exclamation marks in a page title. Using these symbols results in a broken link on the front end'''<br />
<br />
Examples:<br />
<br />
<span style="color:red">"How to become great at wiki-editing? By trial/error!" – wrong!</span><br />
<br />
"Becoming a great wiki-editor by trial and error" – correct!<br />
<br />
<br />
==Audio-visuals==<br />
<br />
===Uploading images===<br />
You probably want not only to write, but also to use images, audio and video on the pages you'll be developing.<br />
<br />
Wiki allows the following formats:<br />
{| class="wikitable"<br />
|-<br />
! '''Medium''' !! '''Formats'''<br />
|-<br />
| image || png, gif, jpg, jpeg, svg<br />
|-<br />
| audio || ogg, mp3<br />
|-<br />
| video || ogv, webm, mp4<br />
|}<br />
<br />
'''To upload''' you can use the picture icon on the menu. It asks you for the file name of the file you are going to upload (they must match) and a caption, if you to say something about that image, video, or audio. <br />
<br />
When at this upload menu, <span style="background:yellow">instead of "caption" select "none" as the format of your upload</span>.<br />
<br />
<nowiki>[[File:myimage.png|My caption]]</nowiki><br />
<br />
<br />
This action doesn't upload the file, it only inserts a piece of syntax that allows you to upload the file. In order to do so, you need to:<br />
* Save the page you are working on<br />
* Click on the red link of the file you want to upload<br />
* Follow the instructions to upload your file<br />
<br />
[[File:myimage.png]] <br />
<br />
'''Important notes on images:'''<br />
* <span style="background:yellow">'''always leave an empty line before and after an image''', no matter if it is preceded or followed by another image or text</span> <br />
* <span style="background:yellow">'''Do NOT include links inside image captions'''</span><br />
<br />
===Image captions===<br />
Captions can be added to images by using a vertical bar<br />
<br />
<nowiki>[[File:myimage.jpg|Caption under the image]] </nowiki><br />
<br />
===Image gallery===<br />
<br />
Images can be organised into a gallery, by using the ''gallery'' tag<br />
<br />
Example:<br />
<br />
<code><nowiki><gallery mode=packed></nowiki></code><br />
<br />
<code>Filename.jpg|width(in px)|Caption</code><br />
<br />
<code>Filename.jpg|width(in px)|Caption</code><br />
<br />
<code>Filename.jpg|width(in px)|Caption</code><br />
<br />
<code><nowiki></gallery></nowiki></code><br />
<br />
By using <code>mode=packed</code>, all images are aligned by having same height and justified.<br />
<br />
===Youtube/Vimeo/Soundcloud===<br />
<br />
To include a video via youtube or vimeo, or an audiotrack via soundcloud, you need:<br />
* the id of the track you want to include in your page<br />
* to write '''<code><nowiki>{{#ev:youtube|id}}</nowiki></code>''' for Youtube or '''<code><nowiki>{{#ev:vimeo|id}}</nowiki></code>''' for Vimeo or '''<code><nowiki>{{#ev:soundcloud|id}}</nowiki></code>''' for Soundcloud. Where the '''id''' is the sequence of numbers and letters that follow '''?v=''' in Youtube videos url, and '''vimeo.com/''' in Vimeo videos and '''soundcloud.com/''' in Soundcloud)<br />
<br />
Example: '''<code><nowiki>{{#ev:youtube|A1YYv_J2csk}} {{#ev:vimeo|68841788}}</nowiki></code>'''<br />
<br />
will results in:<br />
<br />
<code><nowiki>{{youtube|A1YYv_J2csk}}</nowiki></code><br />
<br />
<code><nowiki>{{vimeo|68841788}}</nowiki></code><br />
<br />
=Categories=<br />
We are '''using categories to structure the process''' of creating the content. The purpose of this separation is to aim for creating few types of content within the wiki – not only for web but also for print. Categories help to filter the content: for example, if the publication is being assembled, the "print" category becomes the content. <br />
<br />
<br />
In short '''each page needs to be given at least 2 Categories within parameters'''.<br />
<br />
For each page you have to choose the category that best matches the page you are working on. <br />
<br />
{| class="wikitable" border="1"<br />
|-<br />
! '''Categories'''<br />
! '''About'''<br />
! '''(child)Categories'''<br />
! Notes <br />
<br />
|-<br />
| <span style="background:rgb(225,56,159)">Categories: Print / Web</span><br />
|<br />
|-<br />
| <span style="background:rgb(225,56,159)">Category:Status</span><br />
| Informs about the state of production of a page<br />
| WriteMe, EditMe, Ready to be published, Published<br />
|<br />
|-<br />
|}<br />
<br />
==Choose the categories==<br />
Choosing the categories is easy.<br />
<br />
* While editing go to '''the Categories Menu at the bottom of the page you are editing''', just above the Save Page button <br />
* The menu contains all the parameters and corresponding categories. <br />
* '''Expand the parameters and choose the right category for each parameter'''.<br />
<br />
[[File:categoriesmenu.png|Categories Menu, with the categories for all parameters chosen]]<br />
<br />
== State parameter ==<br />
State deserves a bit more of attention since it informs us on the state of the page in question.<br />
<br />
The following table explain the 4 states, their meaning and who gets to uses them:<br />
<br />
{| class="wikitable" border="1"<br />
|-<br />
! '''State'''<br />
! '''Meaning'''<br />
! '''Who gets to use'''<br />
|-<br />
| '''01 WriteMe'''<br />
| Means: page is being developed http://pzwart3.wdka.hro.nl/mediawiki/images/2/2a/Construction.gif<br />
| Who: Authors/Contributors of that page<br />
|-<br />
| '''02 EditMe'''<br />
| Means: page development is concluded. All content is as its authors want it to be. '''Page is ready to be reviewed by the Editors'''<br />
| Who: Authors/Contributors of that page<br />
|-<br />
| '''03 Ready to be published'''<br />
| Means: Page's reviews and corrections by the Editors are conclude. '''Page is ready to be proofread by the Proofreader'''<br />
| Who: Editors<br />
|-<br />
| '''04 Published'''<br />
| Means: Page's proofreading is concluded. '''Page is ready to be published'''<br />
| Who: Proofreader<br />
|}<br />
<br />
<br />
<span style="background:yellow">'''WARNING:''' The right use of categories is crucial for the functioning of the project! </span><br />
<br />
----<br />
<br />
=Changing pages' titles=<br />
Pages' titles can be changed by using the function '''Move''' in the top right corner in a dropdown menu next to the star.<br />
<br />
The Move page permits you to attribute a new name to the current page.<br />
'''Important: It is not possible to change the page's title by editing the title of the article/event.'''<br />
<br />
=Keeping track=<br />
How does one keeps track of changes?<br />
<br />
== via Category Pages ==<br />
''Say you are an Editor and you want to see if any new pages were tagged with the State Category "02 Edit Me", so you can start editing this page.''<br />
<br />
'''You can see all the pages that are under that category, by going to "02 Edit Me" category page.''' <br />
<br />
All Category Pages are accessible on the left sidebar. Just expand it and you'll find the the Category you are looking for. <br />
<br />
== via mailing list ==<br />
The Mailing list can help with this process on notifying and keeping track of relevant changes in the wiki.<br />
<br />
When one makes a change of a State Category, she can notify the whole team of this change via the Mailing List, so that other can carry on the work. <br />
<br />
See how to use the mailing list in [[Mailing list]]<br />
<br />
<br />
=Communication=<br />
<br />
How do collaborators, editors, proofreaders, coordinators and designers communicate withing this ecosystem ?<br />
''<br />
Say one totally disagrees with what is said in page where she is collaborating.'' <br />
<br />
There are several ways to go about it.<br />
<br />
== mailing list ==<br />
The disagreement can be handled over the [[Mailing list]].<br />
<br />
== discussion/talk pages ==<br />
Discussion or talk pages (synonyms) can also be used to communicate between users.<br />
<br />
'''Discussion Pages are the backstage for the content of a page.'''<br />
They provide a space of discussions, remarks, etc can be expressed between users, without spilling on to the page content itself.<br />
<br />
You can access by clicking on the top left corner the '''Discussion''' link. See if there is something on this page's discussion page.<br />
<br />
Discussion pages' content can be view by anyone who visits the wiki, but wont ever become visible in http://hackersanddesigners.nl/<br />
<br />
=history=<br />
<br />
How to go back in time to previous versions of a page?<br />
<br />
The history of a page ('''top right "View history" link''') shows: <br />
* the list of changes that happen to that page<br />
* when they happened and which user did them<br />
* '''compare different edit''' <br />
** seeing what was changed between them<br />
** see the page as it was in a given revision<br />
** edit (or simply copy) the content of that given revision <br />
<br />
Say that in your most recent version(revision) you deleted something you need again. To recuse that content:<br />
* go to "View history" page of the page you are working on<br />
* on the left hand side select the revision where you still had your deleted content<br />
* Click "Compare Selected Revisions"<br />
* On the left column where says "Revision as of ..." click '''Edit'''<br />
* Navigate the content and find the piece of content you are looking for<br />
* Copy it<br />
* Go back to your page by clicking the "Page" icon<br />
<br />
<br />
=problems=<br />
==editing conflicts==<br />
You might experience editing conflicts while editing the wiki<br />
<br />
=help=<br />
There are several ways to ask for help in editing.<br />
* Mailing list<br />
** Maybe the most direct is the mailing list for the project.<br />
** See how to use it in [[Mailing list]]<br />
<br />
* Mediawiki<br />
** the website on Mediawiki (the software on which Hackers & Designers wiki runs) provides a lot of information<br />
** http://www.mediawiki.org/wiki/MediaWiki<br />
** What you'll be looking for will probably be under "Using MediaWiki"<br />
<br />
----<br />
<br />
[[Category:Article]]<br />
[[Category:Introduction]]<br />
[[Category:WriteMe]]<br />
[[Category:Strategies]]<br />
[[Category:Meta]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Wiki_Tutorial&diff=22925Wiki Tutorial2017-10-31T18:44:23Z<p>Karina: /* Categories */</p>
<hr />
<div>{{Article<br />
|MainNavigation=No<br />
}}<br />
=Wiki Intro=<br />
== A little history ==<br />
<br />
The first wiki was created in 1995 by Ward Cunningham, and it was called Wiki Wiki Web (Wiki in Hawaii means quick!). <br />
<br />
[http://upload.wikimedia.org/wikipedia/commons/3/31/Ward_Cunningham%2C_Inventor_of_the_Wiki.webm Interview with Ward Cunningham]<br />
<br />
Wikis are about '''speed and easiness of writing and publishing on the Web'''. <br />
<br />
Also about '''collaboration'''. According to Ward Cunningham ‘People discovered that they can create something with other people, that they don't even know. But they come to trust and they make something that surprises them in terms of its value’.<br />
<br />
Consequently wikis have been used extensively as environments for online collaboration. Examples of this are:<br />
<br />
* [http://wikipedia.com/ Wikipedia]<br />
* [http://www.wiktionary.org/ Wiktionary]<br />
* [http://pzwart3.wdka.hro.nl/wiki MMD&C - PZI wiki]<br />
* [http://opensource.wdka.nl/wiki/Main_Page Digital Craft wiki]<br />
* [http://lostpedia.wikia.com/wiki/Main_Page Lostpedia] - about TV show Lost<br />
* [http://uncyclopedia.wikia.com/wiki/Main_Page Uncyclopedia] - the content-free encyclopaedia<br />
<br />
Enough talking, lets start playing with the wiki!<br />
<br />
=Wiki editing=<br />
==Account creation==<br />
In order to start contributing to this wiki, like in most wikis, you need to create a user account.<br />
<br />
Send an email to info@hackersanddesigners.nl to request for an account. Often, during events and workshop activities, the wiki is used and therefore new accounts are created.<br />
<br />
==Editing==<br />
'''How to write on the wiki?'''<br />
<br />
Writing on a wiki is not not very different from writing a blog. <br />
<br />
You have a '''Read''' and '''Edit''' mode.<br />
<br />
'''Edit''' lets you enter content and make changes to existing content. <br />
<br />
While you are editing, you can preview your changes in the '''Preview''' window.<br />
<br />
Once done editing <span style="background:yellow">'''save the page'''</span>, otherwise your contribution will be lost. <br />
<br />
==Text formatting==<br />
Although there is a specific syntax to format the text, you can use the menu to do much of the formatting you need.<br />
In case you are interested to get to know the syntax here is [http://www.mediawiki.org/wiki/Help:Formatting cheat-sheet] with the most important syntax. <br />
<br />
You can experiment with writing and formatting your own '''User page'''. You can get go to this page by clicking on your username, next to the icon. The user page, is normally used to say something about yourself, but can also be a nice testing ground.<br />
<br />
[[File:userpage.png]]<br />
<br />
While writing your text you might need to separate the content in paragraphs, especially if the article is long. <br />
<br />
'''Attention: To create line breaks, you don't need to use <nowiki><br></nowiki> tag anymore, just add at least one space in between paragraphs.'''<br />
<br />
<br />
==Titles==<br />
You can make titles with different hierarchic levels by using "=" as follows:<br />
<br />
<nowiki>=Main Title=</nowiki><br />
<br />
<nowiki>==Sub Title==</nowiki><br />
<br />
<nowiki>===Sub-sub Title===</nowiki><br />
<br />
<nowiki>===Sub-sub-sub Title===</nowiki><br />
<br />
You can place content under each of these section<br />
<br />
The result when the page is saved will be:<br />
<br />
=Main Title=<br />
Content under Main Title<br />
==Sub Title==<br />
Content under Sub Title<br />
===Sub-sub Title===<br />
Content under Sub-sub Title<br />
====Sub-sub-sub Title====<br />
Content under Sub-sub-sub Title<br />
<br />
==Page creation==<br />
'''How to create a page?'''<br />
<br />
In a wiki the information is organized into pages or articles ( no great distinction between the two). If you want to say something about something for which there isn't a page, you create that page and start writing its content. <br />
<br />
To create a page use the '''chain icon''' on the menu, as wiki page are essentially '''internal links'''. The result will be:<br />
<nowiki>[[name of new page]]</nowiki> .<br />
<br />
===Quick page creation===<br />
'''Other option to create a page is to type the new page name in the URL bar'''.<br />
<br />
For instance<br />
http://wiki.hackersanddesigners.nl/mediawiki/index.php/MYNEWPAGE<br />
where MYNEWPAGE will be the title of you page <br />
<br />
<br />
You can now save your page and see that the link that you created to the new page is <span style="color:red">red</span>.<br />
* <span style="color:red">Red</span> link = previously non-existing page. <br />
* <span style="color:blue">Blue</span> link = existing page.<br />
<br />
[[Lexicon]] - an existing page<br />
<br />
===Using the Create menu===<br />
<br />
You can also use a Create page section in the left-side menu. You can choose between an ''Article'' page or an ''Event'' page. The latter has extra fields to specify date, time, location and participants, whereas the former simply gives you a big text field.<br />
<br />
* Create New Article Page<br />
* Create New Event Page<br />
<br />
===External links===<br />
To link to external webpages, use the '''chain icon'''.<br />
<br />
You'll be presented with:<br />
<nowiki>[http://www.example.com link title]</nowiki> and simply need to replace them with url and title(optional)<br />
<br />
===Naming the page===<br />
'''Important: You shouldn't use slashes, colons, semicolons, question and exclamation marks in a page title. Using these symbols results in a broken link on the front end'''<br />
<br />
Examples:<br />
<br />
<span style="color:red">"How to become great at wiki-editing? By trial/error!" – wrong!</span><br />
<br />
"Becoming a great wiki-editor by trial and error" – correct!<br />
<br />
<br />
==Audio-visuals==<br />
<br />
===Uploading images===<br />
You probably want not only to write, but also to use images, audio and video on the pages you'll be developing.<br />
<br />
Wiki allows the following formats:<br />
{| class="wikitable"<br />
|-<br />
! '''Medium''' !! '''Formats'''<br />
|-<br />
| image || png, gif, jpg, jpeg, svg<br />
|-<br />
| audio || ogg, mp3<br />
|-<br />
| video || ogv, webm, mp4<br />
|}<br />
<br />
'''To upload''' you can use the picture icon on the menu. It asks you for the file name of the file you are going to upload (they must match) and a caption, if you to say something about that image, video, or audio. <br />
<br />
When at this upload menu, <span style="background:yellow">instead of "caption" select "none" as the format of your upload</span>.<br />
<br />
<nowiki>[[File:myimage.png|My caption]]</nowiki><br />
<br />
<br />
This action doesn't upload the file, it only inserts a piece of syntax that allows you to upload the file. In order to do so, you need to:<br />
* Save the page you are working on<br />
* Click on the red link of the file you want to upload<br />
* Follow the instructions to upload your file<br />
<br />
[[File:myimage.png]] <br />
<br />
'''Important notes on images:'''<br />
* <span style="background:yellow">'''always leave an empty line before and after an image''', no matter if it is preceded or followed by another image or text</span> <br />
* <span style="background:yellow">'''Do NOT include links inside image captions'''</span><br />
<br />
===Image captions===<br />
Captions can be added to images by using a vertical bar<br />
<br />
<nowiki>[[File:myimage.jpg|Caption under the image]] </nowiki><br />
<br />
===Image gallery===<br />
<br />
Images can be organised into a gallery, by using the ''gallery'' tag<br />
<br />
Example:<br />
<br />
<code><nowiki><gallery mode=packed></nowiki></code><br />
<br />
<code>Filename.jpg|width(in px)|Caption</code><br />
<br />
<code>Filename.jpg|width(in px)|Caption</code><br />
<br />
<code>Filename.jpg|width(in px)|Caption</code><br />
<br />
<code><nowiki></gallery></nowiki></code><br />
<br />
By using <code>mode=packed</code>, all images are aligned by having same height and justified.<br />
<br />
===Youtube/Vimeo/Soundcloud===<br />
<br />
To include a video via youtube or vimeo, or an audiotrack via soundcloud, you need:<br />
* the id of the track you want to include in your page<br />
* to write '''<code><nowiki>{{#ev:youtube|id}}</nowiki></code>''' for Youtube or '''<code><nowiki>{{#ev:vimeo|id}}</nowiki></code>''' for Vimeo or '''<code><nowiki>{{#ev:soundcloud|id}}</nowiki></code>''' for Soundcloud. Where the '''id''' is the sequence of numbers and letters that follow '''?v=''' in Youtube videos url, and '''vimeo.com/''' in Vimeo videos and '''soundcloud.com/''' in Soundcloud)<br />
<br />
Example: '''<code><nowiki>{{#ev:youtube|A1YYv_J2csk}} {{#ev:vimeo|68841788}}</nowiki></code>'''<br />
<br />
will results in:<br />
<br />
<code><nowiki>{{youtube|A1YYv_J2csk}}</nowiki></code><br />
<br />
<code><nowiki>{{vimeo|68841788}}</nowiki></code><br />
<br />
=Categories=<br />
We are '''using categories to structure the process''' of creating the content. The purpose of this separation is to aim for creating few types of content within the wiki – not only for web but also for print. <br />
<br />
<br />
In short '''each page needs to be given at least 2 Categories within parameters'''.<br />
<br />
For each page you have to choose the category that best matches the page you are working on. <br />
<br />
{| class="wikitable" border="1"<br />
|-<br />
! '''Categories'''<br />
! '''About'''<br />
! '''(child)Categories'''<br />
! Notes <br />
<br />
|-<br />
| <span style="background:rgb(225,56,159)">Categories: Print / Web</span><br />
|<br />
|-<br />
| <span style="background:rgb(225,56,159)">Category:Status</span><br />
| Informs about the state of production of a page<br />
| WriteMe, EditMe, Ready to be published, Published<br />
|<br />
|-<br />
|}<br />
<br />
==Choose the categories==<br />
Choosing the categories is easy.<br />
<br />
* While editing go to '''the Categories Menu at the bottom of the page you are editing''', just above the Save Page button <br />
* The menu contains all the parameters and corresponding categories. <br />
* '''Expand the parameters and choose the right category for each parameter'''.<br />
<br />
[[File:categoriesmenu.png|Categories Menu, with the categories for all parameters chosen]]<br />
<br />
== State parameter ==<br />
State deserves a bit more of attention since it informs us on the state of the page in question.<br />
<br />
The following table explain the 4 states, their meaning and who gets to uses them:<br />
<br />
{| class="wikitable" border="1"<br />
|-<br />
! '''State'''<br />
! '''Meaning'''<br />
! '''Who gets to use'''<br />
|-<br />
| '''01 WriteMe'''<br />
| Means: page is being developed http://pzwart3.wdka.hro.nl/mediawiki/images/2/2a/Construction.gif<br />
| Who: Authors/Contributors of that page<br />
|-<br />
| '''02 EditMe'''<br />
| Means: page development is concluded. All content is as its authors want it to be. '''Page is ready to be reviewed by the Editors'''<br />
| Who: Authors/Contributors of that page<br />
|-<br />
| '''03 Ready to be published'''<br />
| Means: Page's reviews and corrections by the Editors are conclude. '''Page is ready to be proofread by the Proofreader'''<br />
| Who: Editors<br />
|-<br />
| '''04 Published'''<br />
| Means: Page's proofreading is concluded. '''Page is ready to be published'''<br />
| Who: Proofreader<br />
|}<br />
<br />
<br />
<span style="background:yellow">'''WARNING:''' The right use of categories is crucial for the functioning of the project! </span><br />
<br />
----<br />
<br />
=Changing pages' titles=<br />
Pages' titles can be changed by using the function '''Move''' in the top right corner in a dropdown menu next to the star.<br />
<br />
The Move page permits you to attribute a new name to the current page.<br />
'''Important: It is not possible to change the page's title by editing the title of the article/event.'''<br />
<br />
=Keeping track=<br />
How does one keeps track of changes?<br />
<br />
== via Category Pages ==<br />
''Say you are an Editor and you want to see if any new pages were tagged with the State Category "02 Edit Me", so you can start editing this page.''<br />
<br />
'''You can see all the pages that are under that category, by going to "02 Edit Me" category page.''' <br />
<br />
All Category Pages are accessible on the left sidebar. Just expand it and you'll find the the Category you are looking for. <br />
<br />
== via mailing list ==<br />
The Mailing list can help with this process on notifying and keeping track of relevant changes in the wiki.<br />
<br />
When one makes a change of a State Category, she can notify the whole team of this change via the Mailing List, so that other can carry on the work. <br />
<br />
See how to use the mailing list in [[Mailing list]]<br />
<br />
<br />
=Communication=<br />
<br />
How do collaborators, editors, proofreaders, coordinators and designers communicate withing this ecosystem ?<br />
''<br />
Say one totally disagrees with what is said in page where she is collaborating.'' <br />
<br />
There are several ways to go about it.<br />
<br />
== mailing list ==<br />
The disagreement can be handled over the [[Mailing list]].<br />
<br />
== discussion/talk pages ==<br />
Discussion or talk pages (synonyms) can also be used to communicate between users.<br />
<br />
'''Discussion Pages are the backstage for the content of a page.'''<br />
They provide a space of discussions, remarks, etc can be expressed between users, without spilling on to the page content itself.<br />
<br />
You can access by clicking on the top left corner the '''Discussion''' link. See if there is something on this page's discussion page.<br />
<br />
Discussion pages' content can be view by anyone who visits the wiki, but wont ever become visible in http://hackersanddesigners.nl/<br />
<br />
=history=<br />
<br />
How to go back in time to previous versions of a page?<br />
<br />
The history of a page ('''top right "View history" link''') shows: <br />
* the list of changes that happen to that page<br />
* when they happened and which user did them<br />
* '''compare different edit''' <br />
** seeing what was changed between them<br />
** see the page as it was in a given revision<br />
** edit (or simply copy) the content of that given revision <br />
<br />
Say that in your most recent version(revision) you deleted something you need again. To recuse that content:<br />
* go to "View history" page of the page you are working on<br />
* on the left hand side select the revision where you still had your deleted content<br />
* Click "Compare Selected Revisions"<br />
* On the left column where says "Revision as of ..." click '''Edit'''<br />
* Navigate the content and find the piece of content you are looking for<br />
* Copy it<br />
* Go back to your page by clicking the "Page" icon<br />
<br />
<br />
=problems=<br />
==editing conflicts==<br />
You might experience editing conflicts while editing the wiki<br />
<br />
=help=<br />
There are several ways to ask for help in editing.<br />
* Mailing list<br />
** Maybe the most direct is the mailing list for the project.<br />
** See how to use it in [[Mailing list]]<br />
<br />
* Mediawiki<br />
** the website on Mediawiki (the software on which Hackers & Designers wiki runs) provides a lot of information<br />
** http://www.mediawiki.org/wiki/MediaWiki<br />
** What you'll be looking for will probably be under "Using MediaWiki"<br />
<br />
----<br />
<br />
[[Category:Article]]<br />
[[Category:Introduction]]<br />
[[Category:WriteMe]]<br />
[[Category:Strategies]]<br />
[[Category:Meta]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Dennis_de_Bel&diff=22781Dennis de Bel2017-08-07T15:13:14Z<p>Karina: added workshop</p>
<hr />
<div>[[File:Dennis de bel.jpg|250px|]]<br />
<br />
<br />
Dennis de Bel (1984) graduated in June 2007 as an Interactive Media designer at the Willem de Kooning Academy, Rotterdam. In June 2009, he completed the Master Media Design and Communication at the Piet Zwart Institute, also in Rotterdam.<br />
De Bel’s exploration of interactivity and utility has led him to make humorous design interventions, manifested word puns, useless software and more recently “noware”. This term describes some of his latest works that are no longer hardware nor software but nonproducts,<br />
unique multiples and mass-produced one-offs that question functionality, inventiveness and innovation.<br />
<br />
<br />
==Activity==<br />
* [[Modem Workshop|Modem Workshop on A(n) (im)practical introduction to Hertzian space]] (with [[Roel Roscam Abbing]] during [[HDSA 2016. If you are so smart why are you so poor|HDSA2016]])<br />
*[[EdibleComputing|Edible Computing]] <br />
<br />
==Contact==<br />
[http://www.dennisdebel.nl/test/ Website]<br />
<br />
<br />
[[Category:Collaborators]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Wiki_Tutorial&diff=22724Wiki Tutorial2017-07-27T14:29:26Z<p>Karina: /* Image gallery */</p>
<hr />
<div>{{Article<br />
|MainNavigation=No<br />
}}<br />
=Wiki Intro=<br />
== A little history ==<br />
<br />
The first wiki was created in 1995 by Ward Cunningham, and it was called Wiki Wiki Web (Wiki in Hawaii means quick!). <br />
<br />
[http://upload.wikimedia.org/wikipedia/commons/3/31/Ward_Cunningham%2C_Inventor_of_the_Wiki.webm Interview with Ward Cunningham]<br />
<br />
Wikis are about '''speed and easiness of writing and publishing on the Web'''. <br />
<br />
Also about '''collaboration'''. According to Ward Cunningham ‘People discovered that they can create something with other people, that they don't even know. But they come to trust and they make something that surprises them in terms of its value’.<br />
<br />
Consequently wikis have been used extensively as environments for online collaboration. Examples of this are:<br />
<br />
* [http://wikipedia.com/ Wikipedia]<br />
* [http://www.wiktionary.org/ Wiktionary]<br />
* [http://pzwart3.wdka.hro.nl/wiki MMD&C - PZI wiki]<br />
* [http://opensource.wdka.nl/wiki/Main_Page Digital Craft wiki]<br />
* [http://lostpedia.wikia.com/wiki/Main_Page Lostpedia] - about TV show Lost<br />
* [http://uncyclopedia.wikia.com/wiki/Main_Page Uncyclopedia] - the content-free encyclopaedia<br />
<br />
Enough talking, lets start playing with the wiki!<br />
<br />
=Wiki editing=<br />
==Account creation==<br />
In order to start contributing to this wiki, like in most wikis, you need to create a user account.<br />
Do so by clicking on '''Create Account''', in the top right corner or the wiki.<br />
<br />
==Editing==<br />
'''How to write on the wiki?'''<br />
<br />
Writing on a wiki is not not very different from writing a blog. <br />
<br />
You have a '''Read''' and '''Edit''' mode.<br />
<br />
'''Edit''' lets you enter content and make changes to existing content. <br />
<br />
While you are editing, you can preview your changes in the '''Preview''' window.<br />
<br />
Once done editing <span style="background:yellow">'''save the page'''</span>, otherwise your contribution will be lost. <br />
<br />
==Text formatting==<br />
Although there is a specific syntax to format the text, you can use the menu to do much of the formatting you need.<br />
In case you are interested to get to know the syntax here is [http://www.mediawiki.org/wiki/Help:Formatting cheat-sheet] with the most important syntax. <br />
<br />
You can experiment with writing and formatting your own '''User page'''. You can get go to this page by clicking on your username, next to the icon. The user page, is normally used to say something about yourself, but can also be a nice testing ground.<br />
<br />
[[File:userpage.png]]<br />
<br />
While writing your text you might need to separate the content in paragraphs, especially if the article is long. <br />
<br />
'''Attention: To create line breaks, you don't need to use <nowiki><br></nowiki> tag anymore, just add at least one space in between paragraphs.'''<br />
<br />
<br />
==Titles==<br />
You can make titles with different hierarchic levels by using "=" as follows:<br />
<br />
<nowiki>=Main Title=</nowiki><br />
<br />
<nowiki>==Sub Title==</nowiki><br />
<br />
<nowiki>===Sub-sub Title===</nowiki><br />
<br />
<nowiki>===Sub-sub-sub Title===</nowiki><br />
<br />
You can place content under each of these section<br />
<br />
The result when the page is saved will be:<br />
<br />
=Main Title=<br />
Content under Main Title<br />
==Sub Title==<br />
Content under Sub Title<br />
===Sub-sub Title===<br />
Content under Sub-sub Title<br />
====Sub-sub-sub Title====<br />
Content under Sub-sub-sub Title<br />
<br />
==Page creation==<br />
'''How to create a page?'''<br />
<br />
In a wiki the information is organized into pages or articles ( no great distinction between the two). If you want to say something about something for which there isn't a page, you create that page and start writing its content. <br />
<br />
To create a page use the '''chain icon''' on the menu, as wiki page are essentially '''internal links'''. The result will be:<br />
<nowiki>[[name of new page]]</nowiki> .<br />
<br />
===Quick page creation===<br />
'''Other option to create a page is to type the new page name in the URL bar'''.<br />
<br />
For instance<br />
http://wiki.hackersanddesigners.nl/mediawiki/index.php/MYNEWPAGE<br />
where MYNEWPAGE will be the title of you page <br />
<br />
<br />
You can now save your page and see that the link that you created to the new page is <span style="color:red">red</span>.<br />
* <span style="color:red">Red</span> link = previously non-existing page. <br />
* <span style="color:blue">Blue</span> link = existing page.<br />
<br />
[[Lexicon]] - an existing page<br />
<br />
===Using the Create menu===<br />
<br />
You can also use a Create page section in the left-side menu.<br />
<br />
===External links===<br />
To link to external webpages, use the '''chain icon'''.<br />
<br />
You'll be presented with:<br />
<nowiki>[http://www.example.com link title]</nowiki> and simply need to replace them with url and title(optional)<br />
<br />
===Naming the page===<br />
'''Important: You shouldn't use slashes, colons, semicolons, question and exclamation marks in a page title. Using these symbols results in a broken link on the front end'''<br />
<br />
Examples:<br />
<br />
<span style="color:red">"How to become great at wiki-editing? By trial/error!" – wrong!</span><br />
<br />
"Becoming a great wiki-editor by trial and error" – correct!<br />
<br />
<br />
==Audio-visuals==<br />
<br />
===Uploading images===<br />
You probably want not only to write, but also to use images, audio and video on the pages you'll be developing.<br />
<br />
Wiki allows the following formats:<br />
{| class="wikitable"<br />
|-<br />
! '''Medium''' !! '''Formats'''<br />
|-<br />
| image || png, gif, jpg, jpeg, svg<br />
|-<br />
| audio || ogg, mp3<br />
|-<br />
| video || ogv, webm, mp4<br />
|}<br />
<br />
'''To upload''' you can use the picture icon on the menu. It asks you for the file name of the file you are going to upload (they must match) and a caption, if you to say something about that image, video, or audio. <br />
<br />
When at this upload menu, <span style="background:yellow">instead of "caption" select "none" as the format of your upload</span>.<br />
<br />
<nowiki>[[File:myimage.png|My caption]]</nowiki><br />
<br />
<br />
This action doesn't upload the file, it only inserts a bit syntax that allow you do the upload the file. In order to do so, you need to:<br />
* Save the page you are working on<br />
* Click on the red link of the file you want to upload<br />
* Follow the instruction to upload your file<br />
<br />
[[File:myimage.png]] <br />
<br />
'''Important notes on images:'''<br />
* <span style="background:yellow">'''always leave an empty line before and after an image''', no matter if it is preceded or followed by another image or text</span> <br />
* <span style="background:yellow">'''Do NOT include links inside image captions'''</span><br />
<br />
===Image captions===<br />
Captions can be added to images by using a vertical bar<br />
<br />
<nowiki>[[File:myimage.jpg|Caption under the image]] </nowiki><br />
<br />
===Image gallery===<br />
<br />
Images can be organised into a gallery, by using the ''gallery'' tag<br />
<br />
Example:<br />
<br />
<nowiki> <gallery mode=packed> </nowiki><br />
<br />
Filename.jpg|width(in px)|Caption<br />
<br />
Filename.jpg|width(in px)|Caption<br />
<br />
Filename.jpg|width(in px)|Caption<br />
<br />
<nowiki></gallery></nowiki><br />
<br />
===Youtube/Vimeo/Soundcloud===<br />
<br />
To include video via youtube or vimeo, or an audiotrack via soundcloud, you need:<br />
* the id of the track you want to include in your page<br />
* to write '''<nowiki>{{#ev:youtube|id}}</nowiki>''' for Youtube or '''<nowiki>{{#ev:vimeo|id}}</nowiki>''' for Vimeo or '''<nowiki>{{#ev:soundcloud|id}}</nowiki>''' for Soundcloud. Where the '''id''' is the sequence of numbers and letters that follow '''?v=''' in Youtube videos url, and '''vimeo.com/''' in Vimeo videos and '''soundcloud.com/''' in Soundcloud)<br />
<br />
Example: '''{{#ev:youtube|A1YYv_J2csk}} {{#ev:vimeo|68841788}}'''<br />
<br />
will results in:<br />
<br />
{{youtube|A1YYv_J2csk}} <br />
<br />
{{vimeo|68841788}}<br />
<br />
=Categories=<br />
We are '''using categories to structure the process''' of creating the content.<br />
<br />
<br />
In short '''each page needs to be given at least 2 Categories within parameters'''.<br />
<br />
For each page you have to choose the category that best matches the page you are working on. <br />
<br />
{| class="wikitable" border="1"<br />
|-<br />
! '''Categories'''<br />
! '''About'''<br />
! '''(child)Categories'''<br />
! Notes <br />
<br />
|-<br />
| <span style="background:rgb(225,56,159)">Categories: Print / Web</span><br />
|<br />
|-<br />
| <span style="background:rgb(225,56,159)">Category:Status</span><br />
| Informs about the state of production of a page<br />
| WriteMe, EditMe, Ready to be published, Published<br />
|<br />
|-<br />
|}<br />
<br />
==Choose the categories==<br />
Choosing the categories is easy.<br />
<br />
* While editing go to '''the Categories Menu at the bottom of the page you are editing''', just above the Save Page button <br />
* The menu contains all the parameters and corresponding categories. <br />
* '''Expand the parameters and choose the right category for each parameter'''.<br />
<br />
[[File:categoriesmenu.png|Categories Menu, with the categories for all parameters chosen]]<br />
<br />
== State parameter ==<br />
State deserves a bit more of attention since it informs us on the state of the page in question.<br />
<br />
The following table explain the 4 states, their meaning and who gets to uses them:<br />
<br />
{| class="wikitable" border="1"<br />
|-<br />
! '''State'''<br />
! '''Meaning'''<br />
! '''Who gets to use'''<br />
|-<br />
| '''01 WriteMe'''<br />
| Means: page is being developed http://pzwart3.wdka.hro.nl/mediawiki/images/2/2a/Construction.gif<br />
| Who: Authors/Contributors of that page<br />
|-<br />
| '''02 EditMe'''<br />
| Means: page development is concluded. All content is as its authors want it to be. '''Page is ready to be reviewed by the Editors'''<br />
| Who: Authors/Contributors of that page<br />
|-<br />
| '''03 Ready to be published'''<br />
| Means: Page's reviews and corrections by the Editors are conclude. '''Page is ready to be proofread by the Proofreader'''<br />
| Who: Editors<br />
|-<br />
| '''04 Published'''<br />
| Means: Page's proofreading is concluded. '''Page is ready to be published'''<br />
| Who: Proofreader<br />
|}<br />
<br />
<br />
<span style="background:yellow">'''WARNING:''' The right use of categories is crucial for the functioning of the project! </span><br />
<br />
----<br />
<br />
=Changing pages' titles=<br />
Pages' titles can be changed by using the function '''Move''' in the top right corner in a dropdown menu next to the star.<br />
<br />
The Move page permits you to attribute a new name to the current page.<br />
'''Important: It is not possible to change the page's title by editing the title of the article/event.'''<br />
<br />
=Keeping track=<br />
How does one keeps track of changes?<br />
<br />
== via Category Pages ==<br />
''Say you are an Editor and you want to see if any new pages were tagged with the State Category "02 Edit Me", so you can start editing this page.''<br />
<br />
'''You can see all the pages that are under that category, by going to "02 Edit Me" category page.''' <br />
<br />
All Category Pages are accessible on the left sidebar. Just expand it and you'll find the the Category you are looking for. <br />
<br />
== via mailing list ==<br />
The Mailing list can help with this process on notifying and keeping track of relevant changes in the wiki.<br />
<br />
When one makes a change of a State Category, she can notify the whole team of this change via the Mailing List, so that other can carry on the work. <br />
<br />
See how to use the mailing list in [[Mailing list]]<br />
<br />
<br />
=Communication=<br />
<br />
How do collaborators, editors, proofreaders, coordinators and designers communicate withing this ecosystem ?<br />
''<br />
Say one totally disagrees with what is said in page where she is collaborating.'' <br />
<br />
There are several ways to go about it.<br />
<br />
== mailing list ==<br />
The disagreement can be handled over the [[Mailing list]].<br />
<br />
== discussion/talk pages ==<br />
Discussion or talk pages (synonyms) can also be used to communicate between users.<br />
<br />
'''Discussion Pages are the backstage for the content of a page.'''<br />
They provide a space of discussions, remarks, etc can be expressed between users, without spilling on to the page content itself.<br />
<br />
You can access by clicking on the top left corner the '''Discussion''' link. See if there is something on this page's discussion page.<br />
<br />
Discussion pages' content can be view by anyone who visits the wiki, but wont ever become visible in http://hackersanddesigners.nl/<br />
<br />
=history=<br />
<br />
How to go back in time to previous versions of a page?<br />
<br />
The history of a page ('''top right "View history" link''') shows: <br />
* the list of changes that happen to that page<br />
* when they happened and which user did them<br />
* '''compare different edit''' <br />
** seeing what was changed between them<br />
** see the page as it was in a given revision<br />
** edit (or simply copy) the content of that given revision <br />
<br />
Say that in your most recent version(revision) you deleted something you need again. To recuse that content:<br />
* go to "View history" page of the page you are working on<br />
* on the left hand side select the revision where you still had your deleted content<br />
* Click "Compare Selected Revisions"<br />
* On the left column where says "Revision as of ..." click '''Edit'''<br />
* Navigate the content and find the piece of content you are looking for<br />
* Copy it<br />
* Go back to your page by clicking the "Page" icon<br />
<br />
<br />
=problems=<br />
==editing conflicts==<br />
You might experience editing conflicts while editing the wiki<br />
<br />
=help=<br />
There are several ways to ask for help in editing.<br />
* Mailing list<br />
** Maybe the most direct is the mailing list for the project.<br />
** See how to use it in [[Mailing list]]<br />
<br />
* Mediawiki<br />
** the website on Mediawiki (the software on which Hackers & Designers wiki runs) provides a lot of information<br />
** http://www.mediawiki.org/wiki/MediaWiki<br />
** What you'll be looking for will probably be under "Using MediaWiki"<br />
<br />
----<br />
<br />
[[Category:Article]]<br />
[[Category:Introduction]]<br />
[[Category:WriteMe]]<br />
[[Category:Strategies]]<br />
[[Category:Meta]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Wiki_Tutorial&diff=22723Wiki Tutorial2017-07-27T14:29:01Z<p>Karina: /* Image gallery */</p>
<hr />
<div>{{Article<br />
|MainNavigation=No<br />
}}<br />
=Wiki Intro=<br />
== A little history ==<br />
<br />
The first wiki was created in 1995 by Ward Cunningham, and it was called Wiki Wiki Web (Wiki in Hawaii means quick!). <br />
<br />
[http://upload.wikimedia.org/wikipedia/commons/3/31/Ward_Cunningham%2C_Inventor_of_the_Wiki.webm Interview with Ward Cunningham]<br />
<br />
Wikis are about '''speed and easiness of writing and publishing on the Web'''. <br />
<br />
Also about '''collaboration'''. According to Ward Cunningham ‘People discovered that they can create something with other people, that they don't even know. But they come to trust and they make something that surprises them in terms of its value’.<br />
<br />
Consequently wikis have been used extensively as environments for online collaboration. Examples of this are:<br />
<br />
* [http://wikipedia.com/ Wikipedia]<br />
* [http://www.wiktionary.org/ Wiktionary]<br />
* [http://pzwart3.wdka.hro.nl/wiki MMD&C - PZI wiki]<br />
* [http://opensource.wdka.nl/wiki/Main_Page Digital Craft wiki]<br />
* [http://lostpedia.wikia.com/wiki/Main_Page Lostpedia] - about TV show Lost<br />
* [http://uncyclopedia.wikia.com/wiki/Main_Page Uncyclopedia] - the content-free encyclopaedia<br />
<br />
Enough talking, lets start playing with the wiki!<br />
<br />
=Wiki editing=<br />
==Account creation==<br />
In order to start contributing to this wiki, like in most wikis, you need to create a user account.<br />
Do so by clicking on '''Create Account''', in the top right corner or the wiki.<br />
<br />
==Editing==<br />
'''How to write on the wiki?'''<br />
<br />
Writing on a wiki is not not very different from writing a blog. <br />
<br />
You have a '''Read''' and '''Edit''' mode.<br />
<br />
'''Edit''' lets you enter content and make changes to existing content. <br />
<br />
While you are editing, you can preview your changes in the '''Preview''' window.<br />
<br />
Once done editing <span style="background:yellow">'''save the page'''</span>, otherwise your contribution will be lost. <br />
<br />
==Text formatting==<br />
Although there is a specific syntax to format the text, you can use the menu to do much of the formatting you need.<br />
In case you are interested to get to know the syntax here is [http://www.mediawiki.org/wiki/Help:Formatting cheat-sheet] with the most important syntax. <br />
<br />
You can experiment with writing and formatting your own '''User page'''. You can get go to this page by clicking on your username, next to the icon. The user page, is normally used to say something about yourself, but can also be a nice testing ground.<br />
<br />
[[File:userpage.png]]<br />
<br />
While writing your text you might need to separate the content in paragraphs, especially if the article is long. <br />
<br />
'''Attention: To create line breaks, you don't need to use <nowiki><br></nowiki> tag anymore, just add at least one space in between paragraphs.'''<br />
<br />
<br />
==Titles==<br />
You can make titles with different hierarchic levels by using "=" as follows:<br />
<br />
<nowiki>=Main Title=</nowiki><br />
<br />
<nowiki>==Sub Title==</nowiki><br />
<br />
<nowiki>===Sub-sub Title===</nowiki><br />
<br />
<nowiki>===Sub-sub-sub Title===</nowiki><br />
<br />
You can place content under each of these section<br />
<br />
The result when the page is saved will be:<br />
<br />
=Main Title=<br />
Content under Main Title<br />
==Sub Title==<br />
Content under Sub Title<br />
===Sub-sub Title===<br />
Content under Sub-sub Title<br />
====Sub-sub-sub Title====<br />
Content under Sub-sub-sub Title<br />
<br />
==Page creation==<br />
'''How to create a page?'''<br />
<br />
In a wiki the information is organized into pages or articles ( no great distinction between the two). If you want to say something about something for which there isn't a page, you create that page and start writing its content. <br />
<br />
To create a page use the '''chain icon''' on the menu, as wiki page are essentially '''internal links'''. The result will be:<br />
<nowiki>[[name of new page]]</nowiki> .<br />
<br />
===Quick page creation===<br />
'''Other option to create a page is to type the new page name in the URL bar'''.<br />
<br />
For instance<br />
http://wiki.hackersanddesigners.nl/mediawiki/index.php/MYNEWPAGE<br />
where MYNEWPAGE will be the title of you page <br />
<br />
<br />
You can now save your page and see that the link that you created to the new page is <span style="color:red">red</span>.<br />
* <span style="color:red">Red</span> link = previously non-existing page. <br />
* <span style="color:blue">Blue</span> link = existing page.<br />
<br />
[[Lexicon]] - an existing page<br />
<br />
===Using the Create menu===<br />
<br />
You can also use a Create page section in the left-side menu.<br />
<br />
===External links===<br />
To link to external webpages, use the '''chain icon'''.<br />
<br />
You'll be presented with:<br />
<nowiki>[http://www.example.com link title]</nowiki> and simply need to replace them with url and title(optional)<br />
<br />
===Naming the page===<br />
'''Important: You shouldn't use slashes, colons, semicolons, question and exclamation marks in a page title. Using these symbols results in a broken link on the front end'''<br />
<br />
Examples:<br />
<br />
<span style="color:red">"How to become great at wiki-editing? By trial/error!" – wrong!</span><br />
<br />
"Becoming a great wiki-editor by trial and error" – correct!<br />
<br />
<br />
==Audio-visuals==<br />
<br />
===Uploading images===<br />
You probably want not only to write, but also to use images, audio and video on the pages you'll be developing.<br />
<br />
Wiki allows the following formats:<br />
{| class="wikitable"<br />
|-<br />
! '''Medium''' !! '''Formats'''<br />
|-<br />
| image || png, gif, jpg, jpeg, svg<br />
|-<br />
| audio || ogg, mp3<br />
|-<br />
| video || ogv, webm, mp4<br />
|}<br />
<br />
'''To upload''' you can use the picture icon on the menu. It asks you for the file name of the file you are going to upload (they must match) and a caption, if you to say something about that image, video, or audio. <br />
<br />
When at this upload menu, <span style="background:yellow">instead of "caption" select "none" as the format of your upload</span>.<br />
<br />
<nowiki>[[File:myimage.png|My caption]]</nowiki><br />
<br />
<br />
This action doesn't upload the file, it only inserts a bit syntax that allow you do the upload the file. In order to do so, you need to:<br />
* Save the page you are working on<br />
* Click on the red link of the file you want to upload<br />
* Follow the instruction to upload your file<br />
<br />
[[File:myimage.png]] <br />
<br />
'''Important notes on images:'''<br />
* <span style="background:yellow">'''always leave an empty line before and after an image''', no matter if it is preceded or followed by another image or text</span> <br />
* <span style="background:yellow">'''Do NOT include links inside image captions'''</span><br />
<br />
===Image captions===<br />
Captions can be added to images by using a vertical bar<br />
<br />
<nowiki>[[File:myimage.jpg|Caption under the image]] </nowiki><br />
<br />
===Image gallery===<br />
<br />
Images can be organised into a gallery, by using the ''gallery'' tag<br />
<br />
Example:<br />
<br />
<nowiki> <gallery mode=packed> <nowiki><br />
<br />
Filename.jpg|width(in px)|Caption<br />
<br />
Filename.jpg|width(in px)|Caption<br />
<br />
Filename.jpg|width(in px)|Caption<br />
<br />
<nowiki></gallery></nowiki><br />
<br />
===Youtube/Vimeo/Soundcloud===<br />
<br />
To include video via youtube or vimeo, or an audiotrack via soundcloud, you need:<br />
* the id of the track you want to include in your page<br />
* to write '''<nowiki>{{#ev:youtube|id}}</nowiki>''' for Youtube or '''<nowiki>{{#ev:vimeo|id}}</nowiki>''' for Vimeo or '''<nowiki>{{#ev:soundcloud|id}}</nowiki>''' for Soundcloud. Where the '''id''' is the sequence of numbers and letters that follow '''?v=''' in Youtube videos url, and '''vimeo.com/''' in Vimeo videos and '''soundcloud.com/''' in Soundcloud)<br />
<br />
Example: '''{{#ev:youtube|A1YYv_J2csk}} {{#ev:vimeo|68841788}}'''<br />
<br />
will results in:<br />
<br />
{{youtube|A1YYv_J2csk}} <br />
<br />
{{vimeo|68841788}}<br />
<br />
=Categories=<br />
We are '''using categories to structure the process''' of creating the content.<br />
<br />
<br />
In short '''each page needs to be given at least 2 Categories within parameters'''.<br />
<br />
For each page you have to choose the category that best matches the page you are working on. <br />
<br />
{| class="wikitable" border="1"<br />
|-<br />
! '''Categories'''<br />
! '''About'''<br />
! '''(child)Categories'''<br />
! Notes <br />
<br />
|-<br />
| <span style="background:rgb(225,56,159)">Categories: Print / Web</span><br />
|<br />
|-<br />
| <span style="background:rgb(225,56,159)">Category:Status</span><br />
| Informs about the state of production of a page<br />
| WriteMe, EditMe, Ready to be published, Published<br />
|<br />
|-<br />
|}<br />
<br />
==Choose the categories==<br />
Choosing the categories is easy.<br />
<br />
* While editing go to '''the Categories Menu at the bottom of the page you are editing''', just above the Save Page button <br />
* The menu contains all the parameters and corresponding categories. <br />
* '''Expand the parameters and choose the right category for each parameter'''.<br />
<br />
[[File:categoriesmenu.png|Categories Menu, with the categories for all parameters chosen]]<br />
<br />
== State parameter ==<br />
State deserves a bit more of attention since it informs us on the state of the page in question.<br />
<br />
The following table explain the 4 states, their meaning and who gets to uses them:<br />
<br />
{| class="wikitable" border="1"<br />
|-<br />
! '''State'''<br />
! '''Meaning'''<br />
! '''Who gets to use'''<br />
|-<br />
| '''01 WriteMe'''<br />
| Means: page is being developed http://pzwart3.wdka.hro.nl/mediawiki/images/2/2a/Construction.gif<br />
| Who: Authors/Contributors of that page<br />
|-<br />
| '''02 EditMe'''<br />
| Means: page development is concluded. All content is as its authors want it to be. '''Page is ready to be reviewed by the Editors'''<br />
| Who: Authors/Contributors of that page<br />
|-<br />
| '''03 Ready to be published'''<br />
| Means: Page's reviews and corrections by the Editors are conclude. '''Page is ready to be proofread by the Proofreader'''<br />
| Who: Editors<br />
|-<br />
| '''04 Published'''<br />
| Means: Page's proofreading is concluded. '''Page is ready to be published'''<br />
| Who: Proofreader<br />
|}<br />
<br />
<br />
<span style="background:yellow">'''WARNING:''' The right use of categories is crucial for the functioning of the project! </span><br />
<br />
----<br />
<br />
=Changing pages' titles=<br />
Pages' titles can be changed by using the function '''Move''' in the top right corner in a dropdown menu next to the star.<br />
<br />
The Move page permits you to attribute a new name to the current page.<br />
'''Important: It is not possible to change the page's title by editing the title of the article/event.'''<br />
<br />
=Keeping track=<br />
How does one keeps track of changes?<br />
<br />
== via Category Pages ==<br />
''Say you are an Editor and you want to see if any new pages were tagged with the State Category "02 Edit Me", so you can start editing this page.''<br />
<br />
'''You can see all the pages that are under that category, by going to "02 Edit Me" category page.''' <br />
<br />
All Category Pages are accessible on the left sidebar. Just expand it and you'll find the the Category you are looking for. <br />
<br />
== via mailing list ==<br />
The Mailing list can help with this process on notifying and keeping track of relevant changes in the wiki.<br />
<br />
When one makes a change of a State Category, she can notify the whole team of this change via the Mailing List, so that other can carry on the work. <br />
<br />
See how to use the mailing list in [[Mailing list]]<br />
<br />
<br />
=Communication=<br />
<br />
How do collaborators, editors, proofreaders, coordinators and designers communicate withing this ecosystem ?<br />
''<br />
Say one totally disagrees with what is said in page where she is collaborating.'' <br />
<br />
There are several ways to go about it.<br />
<br />
== mailing list ==<br />
The disagreement can be handled over the [[Mailing list]].<br />
<br />
== discussion/talk pages ==<br />
Discussion or talk pages (synonyms) can also be used to communicate between users.<br />
<br />
'''Discussion Pages are the backstage for the content of a page.'''<br />
They provide a space of discussions, remarks, etc can be expressed between users, without spilling on to the page content itself.<br />
<br />
You can access by clicking on the top left corner the '''Discussion''' link. See if there is something on this page's discussion page.<br />
<br />
Discussion pages' content can be view by anyone who visits the wiki, but wont ever become visible in http://hackersanddesigners.nl/<br />
<br />
=history=<br />
<br />
How to go back in time to previous versions of a page?<br />
<br />
The history of a page ('''top right "View history" link''') shows: <br />
* the list of changes that happen to that page<br />
* when they happened and which user did them<br />
* '''compare different edit''' <br />
** seeing what was changed between them<br />
** see the page as it was in a given revision<br />
** edit (or simply copy) the content of that given revision <br />
<br />
Say that in your most recent version(revision) you deleted something you need again. To recuse that content:<br />
* go to "View history" page of the page you are working on<br />
* on the left hand side select the revision where you still had your deleted content<br />
* Click "Compare Selected Revisions"<br />
* On the left column where says "Revision as of ..." click '''Edit'''<br />
* Navigate the content and find the piece of content you are looking for<br />
* Copy it<br />
* Go back to your page by clicking the "Page" icon<br />
<br />
<br />
=problems=<br />
==editing conflicts==<br />
You might experience editing conflicts while editing the wiki<br />
<br />
=help=<br />
There are several ways to ask for help in editing.<br />
* Mailing list<br />
** Maybe the most direct is the mailing list for the project.<br />
** See how to use it in [[Mailing list]]<br />
<br />
* Mediawiki<br />
** the website on Mediawiki (the software on which Hackers & Designers wiki runs) provides a lot of information<br />
** http://www.mediawiki.org/wiki/MediaWiki<br />
** What you'll be looking for will probably be under "Using MediaWiki"<br />
<br />
----<br />
<br />
[[Category:Article]]<br />
[[Category:Introduction]]<br />
[[Category:WriteMe]]<br />
[[Category:Strategies]]<br />
[[Category:Meta]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Wiki_Tutorial&diff=22722Wiki Tutorial2017-07-27T14:28:05Z<p>Karina: /* Image gallery */</p>
<hr />
<div>{{Article<br />
|MainNavigation=No<br />
}}<br />
=Wiki Intro=<br />
== A little history ==<br />
<br />
The first wiki was created in 1995 by Ward Cunningham, and it was called Wiki Wiki Web (Wiki in Hawaii means quick!). <br />
<br />
[http://upload.wikimedia.org/wikipedia/commons/3/31/Ward_Cunningham%2C_Inventor_of_the_Wiki.webm Interview with Ward Cunningham]<br />
<br />
Wikis are about '''speed and easiness of writing and publishing on the Web'''. <br />
<br />
Also about '''collaboration'''. According to Ward Cunningham ‘People discovered that they can create something with other people, that they don't even know. But they come to trust and they make something that surprises them in terms of its value’.<br />
<br />
Consequently wikis have been used extensively as environments for online collaboration. Examples of this are:<br />
<br />
* [http://wikipedia.com/ Wikipedia]<br />
* [http://www.wiktionary.org/ Wiktionary]<br />
* [http://pzwart3.wdka.hro.nl/wiki MMD&C - PZI wiki]<br />
* [http://opensource.wdka.nl/wiki/Main_Page Digital Craft wiki]<br />
* [http://lostpedia.wikia.com/wiki/Main_Page Lostpedia] - about TV show Lost<br />
* [http://uncyclopedia.wikia.com/wiki/Main_Page Uncyclopedia] - the content-free encyclopaedia<br />
<br />
Enough talking, lets start playing with the wiki!<br />
<br />
=Wiki editing=<br />
==Account creation==<br />
In order to start contributing to this wiki, like in most wikis, you need to create a user account.<br />
Do so by clicking on '''Create Account''', in the top right corner or the wiki.<br />
<br />
==Editing==<br />
'''How to write on the wiki?'''<br />
<br />
Writing on a wiki is not not very different from writing a blog. <br />
<br />
You have a '''Read''' and '''Edit''' mode.<br />
<br />
'''Edit''' lets you enter content and make changes to existing content. <br />
<br />
While you are editing, you can preview your changes in the '''Preview''' window.<br />
<br />
Once done editing <span style="background:yellow">'''save the page'''</span>, otherwise your contribution will be lost. <br />
<br />
==Text formatting==<br />
Although there is a specific syntax to format the text, you can use the menu to do much of the formatting you need.<br />
In case you are interested to get to know the syntax here is [http://www.mediawiki.org/wiki/Help:Formatting cheat-sheet] with the most important syntax. <br />
<br />
You can experiment with writing and formatting your own '''User page'''. You can get go to this page by clicking on your username, next to the icon. The user page, is normally used to say something about yourself, but can also be a nice testing ground.<br />
<br />
[[File:userpage.png]]<br />
<br />
While writing your text you might need to separate the content in paragraphs, especially if the article is long. <br />
<br />
'''Attention: To create line breaks, you don't need to use <nowiki><br></nowiki> tag anymore, just add at least one space in between paragraphs.'''<br />
<br />
<br />
==Titles==<br />
You can make titles with different hierarchic levels by using "=" as follows:<br />
<br />
<nowiki>=Main Title=</nowiki><br />
<br />
<nowiki>==Sub Title==</nowiki><br />
<br />
<nowiki>===Sub-sub Title===</nowiki><br />
<br />
<nowiki>===Sub-sub-sub Title===</nowiki><br />
<br />
You can place content under each of these section<br />
<br />
The result when the page is saved will be:<br />
<br />
=Main Title=<br />
Content under Main Title<br />
==Sub Title==<br />
Content under Sub Title<br />
===Sub-sub Title===<br />
Content under Sub-sub Title<br />
====Sub-sub-sub Title====<br />
Content under Sub-sub-sub Title<br />
<br />
==Page creation==<br />
'''How to create a page?'''<br />
<br />
In a wiki the information is organized into pages or articles ( no great distinction between the two). If you want to say something about something for which there isn't a page, you create that page and start writing its content. <br />
<br />
To create a page use the '''chain icon''' on the menu, as wiki page are essentially '''internal links'''. The result will be:<br />
<nowiki>[[name of new page]]</nowiki> .<br />
<br />
===Quick page creation===<br />
'''Other option to create a page is to type the new page name in the URL bar'''.<br />
<br />
For instance<br />
http://wiki.hackersanddesigners.nl/mediawiki/index.php/MYNEWPAGE<br />
where MYNEWPAGE will be the title of you page <br />
<br />
<br />
You can now save your page and see that the link that you created to the new page is <span style="color:red">red</span>.<br />
* <span style="color:red">Red</span> link = previously non-existing page. <br />
* <span style="color:blue">Blue</span> link = existing page.<br />
<br />
[[Lexicon]] - an existing page<br />
<br />
===Using the Create menu===<br />
<br />
You can also use a Create page section in the left-side menu.<br />
<br />
===External links===<br />
To link to external webpages, use the '''chain icon'''.<br />
<br />
You'll be presented with:<br />
<nowiki>[http://www.example.com link title]</nowiki> and simply need to replace them with url and title(optional)<br />
<br />
===Naming the page===<br />
'''Important: You shouldn't use slashes, colons, semicolons, question and exclamation marks in a page title. Using these symbols results in a broken link on the front end'''<br />
<br />
Examples:<br />
<br />
<span style="color:red">"How to become great at wiki-editing? By trial/error!" – wrong!</span><br />
<br />
"Becoming a great wiki-editor by trial and error" – correct!<br />
<br />
<br />
==Audio-visuals==<br />
<br />
===Uploading images===<br />
You probably want not only to write, but also to use images, audio and video on the pages you'll be developing.<br />
<br />
Wiki allows the following formats:<br />
{| class="wikitable"<br />
|-<br />
! '''Medium''' !! '''Formats'''<br />
|-<br />
| image || png, gif, jpg, jpeg, svg<br />
|-<br />
| audio || ogg, mp3<br />
|-<br />
| video || ogv, webm, mp4<br />
|}<br />
<br />
'''To upload''' you can use the picture icon on the menu. It asks you for the file name of the file you are going to upload (they must match) and a caption, if you to say something about that image, video, or audio. <br />
<br />
When at this upload menu, <span style="background:yellow">instead of "caption" select "none" as the format of your upload</span>.<br />
<br />
<nowiki>[[File:myimage.png|My caption]]</nowiki><br />
<br />
<br />
This action doesn't upload the file, it only inserts a bit syntax that allow you do the upload the file. In order to do so, you need to:<br />
* Save the page you are working on<br />
* Click on the red link of the file you want to upload<br />
* Follow the instruction to upload your file<br />
<br />
[[File:myimage.png]] <br />
<br />
'''Important notes on images:'''<br />
* <span style="background:yellow">'''always leave an empty line before and after an image''', no matter if it is preceded or followed by another image or text</span> <br />
* <span style="background:yellow">'''Do NOT include links inside image captions'''</span><br />
<br />
===Image captions===<br />
Captions can be added to images by using a vertical bar<br />
<br />
<nowiki>[[File:myimage.jpg|Caption under the image]] </nowiki><br />
<br />
===Image gallery===<br />
<br />
Images can be organised into a gallery, by using the ''gallery'' tag<br />
<br />
Example:<br />
<nowiki><br />
'''<gallery mode=packed><br />
<br />
Filename.jpg|width(in px)|Caption<br />
<br />
Filename.jpg|width(in px)|Caption<br />
<br />
Filename.jpg|width(in px)|Caption<br />
<br />
</gallery>'''<br />
</nowiki><br />
<br />
===Youtube/Vimeo/Soundcloud===<br />
<br />
To include video via youtube or vimeo, or an audiotrack via soundcloud, you need:<br />
* the id of the track you want to include in your page<br />
* to write '''<nowiki>{{#ev:youtube|id}}</nowiki>''' for Youtube or '''<nowiki>{{#ev:vimeo|id}}</nowiki>''' for Vimeo or '''<nowiki>{{#ev:soundcloud|id}}</nowiki>''' for Soundcloud. Where the '''id''' is the sequence of numbers and letters that follow '''?v=''' in Youtube videos url, and '''vimeo.com/''' in Vimeo videos and '''soundcloud.com/''' in Soundcloud)<br />
<br />
Example: '''{{#ev:youtube|A1YYv_J2csk}} {{#ev:vimeo|68841788}}'''<br />
<br />
will results in:<br />
<br />
{{youtube|A1YYv_J2csk}} <br />
<br />
{{vimeo|68841788}}<br />
<br />
=Categories=<br />
We are '''using categories to structure the process''' of creating the content.<br />
<br />
<br />
In short '''each page needs to be given at least 2 Categories within parameters'''.<br />
<br />
For each page you have to choose the category that best matches the page you are working on. <br />
<br />
{| class="wikitable" border="1"<br />
|-<br />
! '''Categories'''<br />
! '''About'''<br />
! '''(child)Categories'''<br />
! Notes <br />
<br />
|-<br />
| <span style="background:rgb(225,56,159)">Categories: Print / Web</span><br />
|<br />
|-<br />
| <span style="background:rgb(225,56,159)">Category:Status</span><br />
| Informs about the state of production of a page<br />
| WriteMe, EditMe, Ready to be published, Published<br />
|<br />
|-<br />
|}<br />
<br />
==Choose the categories==<br />
Choosing the categories is easy.<br />
<br />
* While editing go to '''the Categories Menu at the bottom of the page you are editing''', just above the Save Page button <br />
* The menu contains all the parameters and corresponding categories. <br />
* '''Expand the parameters and choose the right category for each parameter'''.<br />
<br />
[[File:categoriesmenu.png|Categories Menu, with the categories for all parameters chosen]]<br />
<br />
== State parameter ==<br />
State deserves a bit more of attention since it informs us on the state of the page in question.<br />
<br />
The following table explain the 4 states, their meaning and who gets to uses them:<br />
<br />
{| class="wikitable" border="1"<br />
|-<br />
! '''State'''<br />
! '''Meaning'''<br />
! '''Who gets to use'''<br />
|-<br />
| '''01 WriteMe'''<br />
| Means: page is being developed http://pzwart3.wdka.hro.nl/mediawiki/images/2/2a/Construction.gif<br />
| Who: Authors/Contributors of that page<br />
|-<br />
| '''02 EditMe'''<br />
| Means: page development is concluded. All content is as its authors want it to be. '''Page is ready to be reviewed by the Editors'''<br />
| Who: Authors/Contributors of that page<br />
|-<br />
| '''03 Ready to be published'''<br />
| Means: Page's reviews and corrections by the Editors are conclude. '''Page is ready to be proofread by the Proofreader'''<br />
| Who: Editors<br />
|-<br />
| '''04 Published'''<br />
| Means: Page's proofreading is concluded. '''Page is ready to be published'''<br />
| Who: Proofreader<br />
|}<br />
<br />
<br />
<span style="background:yellow">'''WARNING:''' The right use of categories is crucial for the functioning of the project! </span><br />
<br />
----<br />
<br />
=Changing pages' titles=<br />
Pages' titles can be changed by using the function '''Move''' in the top right corner in a dropdown menu next to the star.<br />
<br />
The Move page permits you to attribute a new name to the current page.<br />
'''Important: It is not possible to change the page's title by editing the title of the article/event.'''<br />
<br />
=Keeping track=<br />
How does one keeps track of changes?<br />
<br />
== via Category Pages ==<br />
''Say you are an Editor and you want to see if any new pages were tagged with the State Category "02 Edit Me", so you can start editing this page.''<br />
<br />
'''You can see all the pages that are under that category, by going to "02 Edit Me" category page.''' <br />
<br />
All Category Pages are accessible on the left sidebar. Just expand it and you'll find the the Category you are looking for. <br />
<br />
== via mailing list ==<br />
The Mailing list can help with this process on notifying and keeping track of relevant changes in the wiki.<br />
<br />
When one makes a change of a State Category, she can notify the whole team of this change via the Mailing List, so that other can carry on the work. <br />
<br />
See how to use the mailing list in [[Mailing list]]<br />
<br />
<br />
=Communication=<br />
<br />
How do collaborators, editors, proofreaders, coordinators and designers communicate withing this ecosystem ?<br />
''<br />
Say one totally disagrees with what is said in page where she is collaborating.'' <br />
<br />
There are several ways to go about it.<br />
<br />
== mailing list ==<br />
The disagreement can be handled over the [[Mailing list]].<br />
<br />
== discussion/talk pages ==<br />
Discussion or talk pages (synonyms) can also be used to communicate between users.<br />
<br />
'''Discussion Pages are the backstage for the content of a page.'''<br />
They provide a space of discussions, remarks, etc can be expressed between users, without spilling on to the page content itself.<br />
<br />
You can access by clicking on the top left corner the '''Discussion''' link. See if there is something on this page's discussion page.<br />
<br />
Discussion pages' content can be view by anyone who visits the wiki, but wont ever become visible in http://hackersanddesigners.nl/<br />
<br />
=history=<br />
<br />
How to go back in time to previous versions of a page?<br />
<br />
The history of a page ('''top right "View history" link''') shows: <br />
* the list of changes that happen to that page<br />
* when they happened and which user did them<br />
* '''compare different edit''' <br />
** seeing what was changed between them<br />
** see the page as it was in a given revision<br />
** edit (or simply copy) the content of that given revision <br />
<br />
Say that in your most recent version(revision) you deleted something you need again. To recuse that content:<br />
* go to "View history" page of the page you are working on<br />
* on the left hand side select the revision where you still had your deleted content<br />
* Click "Compare Selected Revisions"<br />
* On the left column where says "Revision as of ..." click '''Edit'''<br />
* Navigate the content and find the piece of content you are looking for<br />
* Copy it<br />
* Go back to your page by clicking the "Page" icon<br />
<br />
<br />
=problems=<br />
==editing conflicts==<br />
You might experience editing conflicts while editing the wiki<br />
<br />
=help=<br />
There are several ways to ask for help in editing.<br />
* Mailing list<br />
** Maybe the most direct is the mailing list for the project.<br />
** See how to use it in [[Mailing list]]<br />
<br />
* Mediawiki<br />
** the website on Mediawiki (the software on which Hackers & Designers wiki runs) provides a lot of information<br />
** http://www.mediawiki.org/wiki/MediaWiki<br />
** What you'll be looking for will probably be under "Using MediaWiki"<br />
<br />
----<br />
<br />
[[Category:Article]]<br />
[[Category:Introduction]]<br />
[[Category:WriteMe]]<br />
[[Category:Strategies]]<br />
[[Category:Meta]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Wiki_Tutorial&diff=22721Wiki Tutorial2017-07-27T14:27:37Z<p>Karina: /* Image gallery */</p>
<hr />
<div>{{Article<br />
|MainNavigation=No<br />
}}<br />
=Wiki Intro=<br />
== A little history ==<br />
<br />
The first wiki was created in 1995 by Ward Cunningham, and it was called Wiki Wiki Web (Wiki in Hawaii means quick!). <br />
<br />
[http://upload.wikimedia.org/wikipedia/commons/3/31/Ward_Cunningham%2C_Inventor_of_the_Wiki.webm Interview with Ward Cunningham]<br />
<br />
Wikis are about '''speed and easiness of writing and publishing on the Web'''. <br />
<br />
Also about '''collaboration'''. According to Ward Cunningham ‘People discovered that they can create something with other people, that they don't even know. But they come to trust and they make something that surprises them in terms of its value’.<br />
<br />
Consequently wikis have been used extensively as environments for online collaboration. Examples of this are:<br />
<br />
* [http://wikipedia.com/ Wikipedia]<br />
* [http://www.wiktionary.org/ Wiktionary]<br />
* [http://pzwart3.wdka.hro.nl/wiki MMD&C - PZI wiki]<br />
* [http://opensource.wdka.nl/wiki/Main_Page Digital Craft wiki]<br />
* [http://lostpedia.wikia.com/wiki/Main_Page Lostpedia] - about TV show Lost<br />
* [http://uncyclopedia.wikia.com/wiki/Main_Page Uncyclopedia] - the content-free encyclopaedia<br />
<br />
Enough talking, lets start playing with the wiki!<br />
<br />
=Wiki editing=<br />
==Account creation==<br />
In order to start contributing to this wiki, like in most wikis, you need to create a user account.<br />
Do so by clicking on '''Create Account''', in the top right corner or the wiki.<br />
<br />
==Editing==<br />
'''How to write on the wiki?'''<br />
<br />
Writing on a wiki is not not very different from writing a blog. <br />
<br />
You have a '''Read''' and '''Edit''' mode.<br />
<br />
'''Edit''' lets you enter content and make changes to existing content. <br />
<br />
While you are editing, you can preview your changes in the '''Preview''' window.<br />
<br />
Once done editing <span style="background:yellow">'''save the page'''</span>, otherwise your contribution will be lost. <br />
<br />
==Text formatting==<br />
Although there is a specific syntax to format the text, you can use the menu to do much of the formatting you need.<br />
In case you are interested to get to know the syntax here is [http://www.mediawiki.org/wiki/Help:Formatting cheat-sheet] with the most important syntax. <br />
<br />
You can experiment with writing and formatting your own '''User page'''. You can get go to this page by clicking on your username, next to the icon. The user page, is normally used to say something about yourself, but can also be a nice testing ground.<br />
<br />
[[File:userpage.png]]<br />
<br />
While writing your text you might need to separate the content in paragraphs, especially if the article is long. <br />
<br />
'''Attention: To create line breaks, you don't need to use <nowiki><br></nowiki> tag anymore, just add at least one space in between paragraphs.'''<br />
<br />
<br />
==Titles==<br />
You can make titles with different hierarchic levels by using "=" as follows:<br />
<br />
<nowiki>=Main Title=</nowiki><br />
<br />
<nowiki>==Sub Title==</nowiki><br />
<br />
<nowiki>===Sub-sub Title===</nowiki><br />
<br />
<nowiki>===Sub-sub-sub Title===</nowiki><br />
<br />
You can place content under each of these section<br />
<br />
The result when the page is saved will be:<br />
<br />
=Main Title=<br />
Content under Main Title<br />
==Sub Title==<br />
Content under Sub Title<br />
===Sub-sub Title===<br />
Content under Sub-sub Title<br />
====Sub-sub-sub Title====<br />
Content under Sub-sub-sub Title<br />
<br />
==Page creation==<br />
'''How to create a page?'''<br />
<br />
In a wiki the information is organized into pages or articles ( no great distinction between the two). If you want to say something about something for which there isn't a page, you create that page and start writing its content. <br />
<br />
To create a page use the '''chain icon''' on the menu, as wiki page are essentially '''internal links'''. The result will be:<br />
<nowiki>[[name of new page]]</nowiki> .<br />
<br />
===Quick page creation===<br />
'''Other option to create a page is to type the new page name in the URL bar'''.<br />
<br />
For instance<br />
http://wiki.hackersanddesigners.nl/mediawiki/index.php/MYNEWPAGE<br />
where MYNEWPAGE will be the title of you page <br />
<br />
<br />
You can now save your page and see that the link that you created to the new page is <span style="color:red">red</span>.<br />
* <span style="color:red">Red</span> link = previously non-existing page. <br />
* <span style="color:blue">Blue</span> link = existing page.<br />
<br />
[[Lexicon]] - an existing page<br />
<br />
===Using the Create menu===<br />
<br />
You can also use a Create page section in the left-side menu.<br />
<br />
===External links===<br />
To link to external webpages, use the '''chain icon'''.<br />
<br />
You'll be presented with:<br />
<nowiki>[http://www.example.com link title]</nowiki> and simply need to replace them with url and title(optional)<br />
<br />
===Naming the page===<br />
'''Important: You shouldn't use slashes, colons, semicolons, question and exclamation marks in a page title. Using these symbols results in a broken link on the front end'''<br />
<br />
Examples:<br />
<br />
<span style="color:red">"How to become great at wiki-editing? By trial/error!" – wrong!</span><br />
<br />
"Becoming a great wiki-editor by trial and error" – correct!<br />
<br />
<br />
==Audio-visuals==<br />
<br />
===Uploading images===<br />
You probably want not only to write, but also to use images, audio and video on the pages you'll be developing.<br />
<br />
Wiki allows the following formats:<br />
{| class="wikitable"<br />
|-<br />
! '''Medium''' !! '''Formats'''<br />
|-<br />
| image || png, gif, jpg, jpeg, svg<br />
|-<br />
| audio || ogg, mp3<br />
|-<br />
| video || ogv, webm, mp4<br />
|}<br />
<br />
'''To upload''' you can use the picture icon on the menu. It asks you for the file name of the file you are going to upload (they must match) and a caption, if you to say something about that image, video, or audio. <br />
<br />
When at this upload menu, <span style="background:yellow">instead of "caption" select "none" as the format of your upload</span>.<br />
<br />
<nowiki>[[File:myimage.png|My caption]]</nowiki><br />
<br />
<br />
This action doesn't upload the file, it only inserts a bit syntax that allow you do the upload the file. In order to do so, you need to:<br />
* Save the page you are working on<br />
* Click on the red link of the file you want to upload<br />
* Follow the instruction to upload your file<br />
<br />
[[File:myimage.png]] <br />
<br />
'''Important notes on images:'''<br />
* <span style="background:yellow">'''always leave an empty line before and after an image''', no matter if it is preceded or followed by another image or text</span> <br />
* <span style="background:yellow">'''Do NOT include links inside image captions'''</span><br />
<br />
===Image captions===<br />
Captions can be added to images by using a vertical bar<br />
<br />
<nowiki>[[File:myimage.jpg|Caption under the image]] </nowiki><br />
<br />
===Image gallery===<br />
<br />
Images can be organised into a gallery, by using the ''gallery'' tag<br />
<br />
Example:<br />
<nowiki><br />
'''<gallery mode=packed><br />
<br />
Filename.jpg|width(in px)|Caption<br />
Filename.jpg|width(in px)|Caption<br />
Filename.jpg|width(in px)|Caption<br />
<br />
</gallery>'''<br />
</nowiki><br />
<br />
===Youtube/Vimeo/Soundcloud===<br />
<br />
To include video via youtube or vimeo, or an audiotrack via soundcloud, you need:<br />
* the id of the track you want to include in your page<br />
* to write '''<nowiki>{{#ev:youtube|id}}</nowiki>''' for Youtube or '''<nowiki>{{#ev:vimeo|id}}</nowiki>''' for Vimeo or '''<nowiki>{{#ev:soundcloud|id}}</nowiki>''' for Soundcloud. Where the '''id''' is the sequence of numbers and letters that follow '''?v=''' in Youtube videos url, and '''vimeo.com/''' in Vimeo videos and '''soundcloud.com/''' in Soundcloud)<br />
<br />
Example: '''{{#ev:youtube|A1YYv_J2csk}} {{#ev:vimeo|68841788}}'''<br />
<br />
will results in:<br />
<br />
{{youtube|A1YYv_J2csk}} <br />
<br />
{{vimeo|68841788}}<br />
<br />
=Categories=<br />
We are '''using categories to structure the process''' of creating the content.<br />
<br />
<br />
In short '''each page needs to be given at least 2 Categories within parameters'''.<br />
<br />
For each page you have to choose the category that best matches the page you are working on. <br />
<br />
{| class="wikitable" border="1"<br />
|-<br />
! '''Categories'''<br />
! '''About'''<br />
! '''(child)Categories'''<br />
! Notes <br />
<br />
|-<br />
| <span style="background:rgb(225,56,159)">Categories: Print / Web</span><br />
|<br />
|-<br />
| <span style="background:rgb(225,56,159)">Category:Status</span><br />
| Informs about the state of production of a page<br />
| WriteMe, EditMe, Ready to be published, Published<br />
|<br />
|-<br />
|}<br />
<br />
==Choose the categories==<br />
Choosing the categories is easy.<br />
<br />
* While editing go to '''the Categories Menu at the bottom of the page you are editing''', just above the Save Page button <br />
* The menu contains all the parameters and corresponding categories. <br />
* '''Expand the parameters and choose the right category for each parameter'''.<br />
<br />
[[File:categoriesmenu.png|Categories Menu, with the categories for all parameters chosen]]<br />
<br />
== State parameter ==<br />
State deserves a bit more of attention since it informs us on the state of the page in question.<br />
<br />
The following table explain the 4 states, their meaning and who gets to uses them:<br />
<br />
{| class="wikitable" border="1"<br />
|-<br />
! '''State'''<br />
! '''Meaning'''<br />
! '''Who gets to use'''<br />
|-<br />
| '''01 WriteMe'''<br />
| Means: page is being developed http://pzwart3.wdka.hro.nl/mediawiki/images/2/2a/Construction.gif<br />
| Who: Authors/Contributors of that page<br />
|-<br />
| '''02 EditMe'''<br />
| Means: page development is concluded. All content is as its authors want it to be. '''Page is ready to be reviewed by the Editors'''<br />
| Who: Authors/Contributors of that page<br />
|-<br />
| '''03 Ready to be published'''<br />
| Means: Page's reviews and corrections by the Editors are conclude. '''Page is ready to be proofread by the Proofreader'''<br />
| Who: Editors<br />
|-<br />
| '''04 Published'''<br />
| Means: Page's proofreading is concluded. '''Page is ready to be published'''<br />
| Who: Proofreader<br />
|}<br />
<br />
<br />
<span style="background:yellow">'''WARNING:''' The right use of categories is crucial for the functioning of the project! </span><br />
<br />
----<br />
<br />
=Changing pages' titles=<br />
Pages' titles can be changed by using the function '''Move''' in the top right corner in a dropdown menu next to the star.<br />
<br />
The Move page permits you to attribute a new name to the current page.<br />
'''Important: It is not possible to change the page's title by editing the title of the article/event.'''<br />
<br />
=Keeping track=<br />
How does one keeps track of changes?<br />
<br />
== via Category Pages ==<br />
''Say you are an Editor and you want to see if any new pages were tagged with the State Category "02 Edit Me", so you can start editing this page.''<br />
<br />
'''You can see all the pages that are under that category, by going to "02 Edit Me" category page.''' <br />
<br />
All Category Pages are accessible on the left sidebar. Just expand it and you'll find the the Category you are looking for. <br />
<br />
== via mailing list ==<br />
The Mailing list can help with this process on notifying and keeping track of relevant changes in the wiki.<br />
<br />
When one makes a change of a State Category, she can notify the whole team of this change via the Mailing List, so that other can carry on the work. <br />
<br />
See how to use the mailing list in [[Mailing list]]<br />
<br />
<br />
=Communication=<br />
<br />
How do collaborators, editors, proofreaders, coordinators and designers communicate withing this ecosystem ?<br />
''<br />
Say one totally disagrees with what is said in page where she is collaborating.'' <br />
<br />
There are several ways to go about it.<br />
<br />
== mailing list ==<br />
The disagreement can be handled over the [[Mailing list]].<br />
<br />
== discussion/talk pages ==<br />
Discussion or talk pages (synonyms) can also be used to communicate between users.<br />
<br />
'''Discussion Pages are the backstage for the content of a page.'''<br />
They provide a space of discussions, remarks, etc can be expressed between users, without spilling on to the page content itself.<br />
<br />
You can access by clicking on the top left corner the '''Discussion''' link. See if there is something on this page's discussion page.<br />
<br />
Discussion pages' content can be view by anyone who visits the wiki, but wont ever become visible in http://hackersanddesigners.nl/<br />
<br />
=history=<br />
<br />
How to go back in time to previous versions of a page?<br />
<br />
The history of a page ('''top right "View history" link''') shows: <br />
* the list of changes that happen to that page<br />
* when they happened and which user did them<br />
* '''compare different edit''' <br />
** seeing what was changed between them<br />
** see the page as it was in a given revision<br />
** edit (or simply copy) the content of that given revision <br />
<br />
Say that in your most recent version(revision) you deleted something you need again. To recuse that content:<br />
* go to "View history" page of the page you are working on<br />
* on the left hand side select the revision where you still had your deleted content<br />
* Click "Compare Selected Revisions"<br />
* On the left column where says "Revision as of ..." click '''Edit'''<br />
* Navigate the content and find the piece of content you are looking for<br />
* Copy it<br />
* Go back to your page by clicking the "Page" icon<br />
<br />
<br />
=problems=<br />
==editing conflicts==<br />
You might experience editing conflicts while editing the wiki<br />
<br />
=help=<br />
There are several ways to ask for help in editing.<br />
* Mailing list<br />
** Maybe the most direct is the mailing list for the project.<br />
** See how to use it in [[Mailing list]]<br />
<br />
* Mediawiki<br />
** the website on Mediawiki (the software on which Hackers & Designers wiki runs) provides a lot of information<br />
** http://www.mediawiki.org/wiki/MediaWiki<br />
** What you'll be looking for will probably be under "Using MediaWiki"<br />
<br />
----<br />
<br />
[[Category:Article]]<br />
[[Category:Introduction]]<br />
[[Category:WriteMe]]<br />
[[Category:Strategies]]<br />
[[Category:Meta]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Wiki_Tutorial&diff=22713Wiki Tutorial2017-07-27T13:51:46Z<p>Karina: </p>
<hr />
<div>{{Article<br />
|MainNavigation=No<br />
}}<br />
=Wiki Intro=<br />
== A little history ==<br />
<br />
The first wiki was created in 1995 by Ward Cunningham, and it was called Wiki Wiki Web (Wiki in Hawaii means quick!). <br />
<br />
[http://upload.wikimedia.org/wikipedia/commons/3/31/Ward_Cunningham%2C_Inventor_of_the_Wiki.webm Interview with Ward Cunningham]<br />
<br />
Wikis are about '''speed and easiness of writing and publishing on the Web'''. <br />
<br />
Also about '''collaboration'''. According to Ward Cunningham ‘People discovered that they can create something with other people, that they don't even know. But they come to trust and they make something that surprises them in terms of its value’.<br />
<br />
Consequently wikis have been used extensively as environments for online collaboration. Examples of this are:<br />
<br />
* [http://wikipedia.com/ Wikipedia]<br />
* [http://www.wiktionary.org/ Wiktionary]<br />
* [http://pzwart3.wdka.hro.nl/wiki MMD&C - PZI wiki]<br />
* [http://opensource.wdka.nl/wiki/Main_Page Digital Craft wiki]<br />
* [http://lostpedia.wikia.com/wiki/Main_Page Lostpedia] - about TV show Lost<br />
* [http://uncyclopedia.wikia.com/wiki/Main_Page Uncyclopedia] - the content-free encyclopaedia<br />
<br />
Enough talking, lets start playing with the wiki!<br />
<br />
=Wiki editing=<br />
==Account creation==<br />
In order to start contributing to this wiki, like in most wikis, you need to create a user account.<br />
Do so by clicking on '''Create Account''', in the top right corner or the wiki.<br />
<br />
==Editing==<br />
'''How to write on the wiki?'''<br />
<br />
Writing on a wiki is not not very different from writing a blog. <br />
<br />
You have a '''Read''' and '''Edit''' mode.<br />
<br />
'''Edit''' lets you enter content and make changes to existing content. <br />
<br />
While you are editing, you can preview your changes in the '''Preview''' window.<br />
<br />
Once done editing <span style="background:yellow">'''save the page'''</span>, otherwise your contribution will be lost. <br />
<br />
==Text formatting==<br />
Although there is a specific syntax to format the text, you can use the menu to do much of the formatting you need.<br />
In case you are interested to get to know the syntax here is [http://www.mediawiki.org/wiki/Help:Formatting cheat-sheet] with the most important syntax. <br />
<br />
You can experiment with writing and formatting your own '''User page'''. You can get go to this page by clicking on your username, next to the icon. The user page, is normally used to say something about yourself, but can also be a nice testing ground.<br />
<br />
[[File:userpage.png]]<br />
<br />
While writing your text you might need to separate the content in paragraphs, especially if the article is long. <br />
<br />
'''Attention: To create line breaks, you don't need to use <nowiki><br></nowiki> tag anymore, just add at least one space in between paragraphs.'''<br />
<br />
<br />
==Titles==<br />
You can make titles with different hierarchic levels by using "=" as follows:<br />
<br />
<nowiki>=Main Title=</nowiki><br />
<br />
<nowiki>==Sub Title==</nowiki><br />
<br />
<nowiki>===Sub-sub Title===</nowiki><br />
<br />
<nowiki>===Sub-sub-sub Title===</nowiki><br />
<br />
You can place content under each of these section<br />
<br />
The result when the page is saved will be:<br />
<br />
=Main Title=<br />
Content under Main Title<br />
==Sub Title==<br />
Content under Sub Title<br />
===Sub-sub Title===<br />
Content under Sub-sub Title<br />
====Sub-sub-sub Title====<br />
Content under Sub-sub-sub Title<br />
<br />
==Page creation==<br />
'''How to create a page?'''<br />
<br />
In a wiki the information is organized into pages or articles ( no great distinction between the two). If you want to say something about something for which there isn't a page, you create that page and start writing its content. <br />
<br />
To create a page use the '''chain icon''' on the menu, as wiki page are essentially '''internal links'''. The result will be:<br />
<nowiki>[[name of new page]]</nowiki> .<br />
<br />
===Quick page creation===<br />
'''Other option to create a page is to type the new page name in the URL bar'''.<br />
<br />
For instance<br />
http://wiki.hackersanddesigners.nl/mediawiki/index.php/MYNEWPAGE<br />
where MYNEWPAGE will be the title of you page <br />
<br />
<br />
You can now save your page and see that the link that you created to the new page is <span style="color:red">red</span>.<br />
* <span style="color:red">Red</span> link = previously non-existing page. <br />
* <span style="color:blue">Blue</span> link = existing page.<br />
<br />
[[Lexicon]] - an existing page<br />
<br />
===Using the Create menu===<br />
<br />
You can also use a Create page section in the left-side menu.<br />
<br />
===External links===<br />
To link to external webpages, use the '''chain icon'''.<br />
<br />
You'll be presented with:<br />
<nowiki>[http://www.example.com link title]</nowiki> and simply need to replace them with url and title(optional)<br />
<br />
===Naming the page===<br />
'''Important: You shouldn't use slashes, colons, semicolons, question and exclamation marks in a page title. Using these symbols results in a broken link on the front end'''<br />
<br />
Examples:<br />
<br />
<span style="color:red">"How to become great at wiki-editing? By trial/error!" – wrong!</span><br />
<br />
"Becoming a great wiki-editor by trial and error" – correct!<br />
<br />
<br />
==Audio-visuals==<br />
<br />
===Uploading images===<br />
You probably want not only to write, but also to use images, audio and video on the pages you'll be developing.<br />
<br />
Wiki allows the following formats:<br />
{| class="wikitable"<br />
|-<br />
! '''Medium''' !! '''Formats'''<br />
|-<br />
| image || png, gif, jpg, jpeg, svg<br />
|-<br />
| audio || ogg, mp3<br />
|-<br />
| video || ogv, webm, mp4<br />
|}<br />
<br />
'''To upload''' you can use the picture icon on the menu. It asks you for the file name of the file you are going to upload (they must match) and a caption, if you to say something about that image, video, or audio. <br />
<br />
When at this upload menu, <span style="background:yellow">instead of "caption" select "none" as the format of your upload</span>.<br />
<br />
<nowiki>[[File:myimage.png|My caption]]</nowiki><br />
<br />
<br />
This action doesn't upload the file, it only inserts a bit syntax that allow you do the upload the file. In order to do so, you need to:<br />
* Save the page you are working on<br />
* Click on the red link of the file you want to upload<br />
* Follow the instruction to upload your file<br />
<br />
[[File:myimage.png]] <br />
<br />
'''Important notes on images:'''<br />
* <span style="background:yellow">'''always leave an empty line before and after an image''', no matter if it is preceded or followed by another image or text</span> <br />
* <span style="background:yellow">'''Do NOT include links inside image captions'''</span><br />
<br />
===Image captions===<br />
Captions can be added to images by using a vertical bar<br />
<br />
<nowiki>[[File:myimage.jpg|Caption under the image]] </nowiki><br />
<br />
===Image gallery===<br />
<br />
Images can be organised into a gallery, by using the ''gallery'' tag<br />
<br />
Example:<br />
<nowiki><br />
'''<gallery mode=packed><br />
Filename.jpg|width(in px)|Caption<br />
Filename.jpg|width(in px)|Caption<br />
Filename.jpg|width(in px)|Caption<br />
</gallery>'''<br />
</nowiki><br />
<br />
<br />
===Youtube/Vimeo/Soundcloud===<br />
<br />
To include video via youtube or vimeo, or an audiotrack via soundcloud, you need:<br />
* the id of the track you want to include in your page<br />
* to write '''<nowiki>{{#ev:youtube|id}}</nowiki>''' for Youtube or '''<nowiki>{{#ev:vimeo|id}}</nowiki>''' for Vimeo or '''<nowiki>{{#ev:soundcloud|id}}</nowiki>''' for Soundcloud. Where the '''id''' is the sequence of numbers and letters that follow '''?v=''' in Youtube videos url, and '''vimeo.com/''' in Vimeo videos and '''soundcloud.com/''' in Soundcloud)<br />
<br />
Example: '''{{#ev:youtube|A1YYv_J2csk}} {{#ev:vimeo|68841788}}'''<br />
<br />
will results in:<br />
<br />
{{youtube|A1YYv_J2csk}} <br />
<br />
{{vimeo|68841788}}<br />
<br />
=Categories=<br />
We are '''using categories to structure the process''' of creating the content.<br />
<br />
<br />
In short '''each page needs to be given at least 2 Categories within parameters'''.<br />
<br />
For each page you have to choose the category that best matches the page you are working on. <br />
<br />
{| class="wikitable" border="1"<br />
|-<br />
! '''Categories'''<br />
! '''About'''<br />
! '''(child)Categories'''<br />
! Notes <br />
<br />
|-<br />
| <span style="background:rgb(225,56,159)">Categories: Print / Web</span><br />
|<br />
|-<br />
| <span style="background:rgb(225,56,159)">Category:Status</span><br />
| Informs about the state of production of a page<br />
| WriteMe, EditMe, Ready to be published, Published<br />
|<br />
|-<br />
|}<br />
<br />
==Choose the categories==<br />
Choosing the categories is easy.<br />
<br />
* While editing go to '''the Categories Menu at the bottom of the page you are editing''', just above the Save Page button <br />
* The menu contains all the parameters and corresponding categories. <br />
* '''Expand the parameters and choose the right category for each parameter'''.<br />
<br />
[[File:categoriesmenu.png|Categories Menu, with the categories for all parameters chosen]]<br />
<br />
== State parameter ==<br />
State deserves a bit more of attention since it informs us on the state of the page in question.<br />
<br />
The following table explain the 4 states, their meaning and who gets to uses them:<br />
<br />
{| class="wikitable" border="1"<br />
|-<br />
! '''State'''<br />
! '''Meaning'''<br />
! '''Who gets to use'''<br />
|-<br />
| '''01 WriteMe'''<br />
| Means: page is being developed http://pzwart3.wdka.hro.nl/mediawiki/images/2/2a/Construction.gif<br />
| Who: Authors/Contributors of that page<br />
|-<br />
| '''02 EditMe'''<br />
| Means: page development is concluded. All content is as its authors want it to be. '''Page is ready to be reviewed by the Editors'''<br />
| Who: Authors/Contributors of that page<br />
|-<br />
| '''03 Ready to be published'''<br />
| Means: Page's reviews and corrections by the Editors are conclude. '''Page is ready to be proofread by the Proofreader'''<br />
| Who: Editors<br />
|-<br />
| '''04 Published'''<br />
| Means: Page's proofreading is concluded. '''Page is ready to be published'''<br />
| Who: Proofreader<br />
|}<br />
<br />
<br />
<span style="background:yellow">'''WARNING:''' The right use of categories is crucial for the functioning of the project! </span><br />
<br />
----<br />
<br />
=Changing pages' titles=<br />
Pages' titles can be changed by using the function '''Move''' in the top right corner in a dropdown menu next to the star.<br />
<br />
The Move page permits you to attribute a new name to the current page.<br />
'''Important: It is not possible to change the page's title by editing the title of the article/event.'''<br />
<br />
=Keeping track=<br />
How does one keeps track of changes?<br />
<br />
== via Category Pages ==<br />
''Say you are an Editor and you want to see if any new pages were tagged with the State Category "02 Edit Me", so you can start editing this page.''<br />
<br />
'''You can see all the pages that are under that category, by going to "02 Edit Me" category page.''' <br />
<br />
All Category Pages are accessible on the left sidebar. Just expand it and you'll find the the Category you are looking for. <br />
<br />
== via mailing list ==<br />
The Mailing list can help with this process on notifying and keeping track of relevant changes in the wiki.<br />
<br />
When one makes a change of a State Category, she can notify the whole team of this change via the Mailing List, so that other can carry on the work. <br />
<br />
See how to use the mailing list in [[Mailing list]]<br />
<br />
<br />
=Communication=<br />
<br />
How do collaborators, editors, proofreaders, coordinators and designers communicate withing this ecosystem ?<br />
''<br />
Say one totally disagrees with what is said in page where she is collaborating.'' <br />
<br />
There are several ways to go about it.<br />
<br />
== mailing list ==<br />
The disagreement can be handled over the [[Mailing list]].<br />
<br />
== discussion/talk pages ==<br />
Discussion or talk pages (synonyms) can also be used to communicate between users.<br />
<br />
'''Discussion Pages are the backstage for the content of a page.'''<br />
They provide a space of discussions, remarks, etc can be expressed between users, without spilling on to the page content itself.<br />
<br />
You can access by clicking on the top left corner the '''Discussion''' link. See if there is something on this page's discussion page.<br />
<br />
Discussion pages' content can be view by anyone who visits the wiki, but wont ever become visible in http://hackersanddesigners.nl/<br />
<br />
=history=<br />
<br />
How to go back in time to previous versions of a page?<br />
<br />
The history of a page ('''top right "View history" link''') shows: <br />
* the list of changes that happen to that page<br />
* when they happened and which user did them<br />
* '''compare different edit''' <br />
** seeing what was changed between them<br />
** see the page as it was in a given revision<br />
** edit (or simply copy) the content of that given revision <br />
<br />
Say that in your most recent version(revision) you deleted something you need again. To recuse that content:<br />
* go to "View history" page of the page you are working on<br />
* on the left hand side select the revision where you still had your deleted content<br />
* Click "Compare Selected Revisions"<br />
* On the left column where says "Revision as of ..." click '''Edit'''<br />
* Navigate the content and find the piece of content you are looking for<br />
* Copy it<br />
* Go back to your page by clicking the "Page" icon<br />
<br />
<br />
=problems=<br />
==editing conflicts==<br />
You might experience editing conflicts while editing the wiki<br />
<br />
=help=<br />
There are several ways to ask for help in editing.<br />
* Mailing list<br />
** Maybe the most direct is the mailing list for the project.<br />
** See how to use it in [[Mailing list]]<br />
<br />
* Mediawiki<br />
** the website on Mediawiki (the software on which Hackers & Designers wiki runs) provides a lot of information<br />
** http://www.mediawiki.org/wiki/MediaWiki<br />
** What you'll be looking for will probably be under "Using MediaWiki"<br />
<br />
----<br />
<br />
[[Category:Article]]<br />
[[Category:Introduction]]<br />
[[Category:WriteMe]]<br />
[[Category:Strategies]]<br />
[[Category:Meta]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Summer_talks:_Training_and_the_problem_of_data&diff=22575Summer talks: Training and the problem of data2017-07-06T12:46:38Z<p>Karina: backup</p>
<hr />
<div>{{Article<br />
|MainNavigation=No<br />
}}<br />
===What would it take to adopt a fugitive statistics?=== <br />
<br />
{{#ev:youtube|https://www.youtube.com/watch?v=bNekeAI7bs4|400|right|Training and the problem of data: What would it take to adopt a fugitive statistics? <br />
by Ramon Amaro during the Hackers & Designers Summer Talks 2015<br />
|frame}}<br />
<br />
[[Ramon Amaro]] is a PhD researcher at the Centre for Cultural Studies, Goldsmiths, University of London and Assistant Editor of Big Data & Society, a SAGE journal. Ramon is a Mechanical Engineer and Social Scientist with a background in Technology and Engineering Policy, Engineering Quality Design, and Sociological Research. His doctoral research looks at the ethics of machine learning, artificial intelligence, and big data mining.<br />
<br />
Ramon holds a Masters degree in Sociological Research from the University of Essex, and a BSe in Mechanical Engineering from the University of Michigan, Ann Arbor. Prior to my doctoral research, he was a policy manager for the American Society of Mechanical Engineers (ASME), Alternative Fuels Division and a quality design engineer for General Motors Corporation<br />
<br />
This lecture was part of the Hackers & Designers Summer Talks 2015<br />
<br />
7 August 2015 in De PUNT Amsterdam<br />
<br />
http://summer.hackersanddesigners.nl<br />
<br />
<br />
[[File:Lecture-Ramon2.png|450px|]]<br />
<br />
[[Category:WriteMe]]<br />
[[Category:Print]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Mark_Meeuwenoord&diff=22574Mark Meeuwenoord2017-07-06T08:12:27Z<p>Karina: </p>
<hr />
<div>{{Article<br />
|MainNavigation=No<br />
}}<br />
[[Category: Collaborators]]<br />
<br />
[[File:Meeuwenoord.jpeg|450px|]]<br />
<br />
Mark Meuwenoord is a multidisciplinary designer, who works with sound and installations. In his he work focuses on creating immersive experiences and interactive storytelling.<br />
<br />
==Activity==<br />
* [[Excursion: Lava Lab]] (during [[HDSA 2015. About bugs, bots & bytes|HDSA2015]])<br />
<br />
==Contact==<br />
[http://www.markmeeuwenoord.com/ Website]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Klasien_van_de_Zandschulp&diff=22573Klasien van de Zandschulp2017-07-06T08:11:47Z<p>Karina: </p>
<hr />
<div>{{Article<br />
|MainNavigation=No<br />
}}<br />
[[File:Klasien.jpeg]]<br />
<br />
<br />
Klasien van de Zandschulp is an interaction designer based in Amsterdam. She designs <br />
the way people interact with, and use their digital environment by creating usable interfaces and interactions in (public) spaces. Her work focuses on interactive storytelling and wearable technology.<br />
Klasien created several digital art projects like the first virtual festival Zo niet, dan toch and the augmented audio application HearUsHere. She is currently working on wearable technology concepts like smart glasses, -phones and -watches and took part in the Google Glass Explorer program. Klasien works as an independent designer at Lava Lab and as a Sr. interaction designer and curator at Technology & Design. <br />
<br />
==Activities==<br />
* [[Excursion: Lava Lab]]<br />
* [[Googleglass|Googleglass meetup]]<br />
<br />
==Contact==<br />
[http://www.klasien.com/ Website]<br />
<br />
[http://www.hearushereapp.com/ HearUs app]<br />
<br />
<br />
[[Category: Collaborators]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Jeremy_Bailey&diff=22572Jeremy Bailey2017-07-06T08:02:56Z<p>Karina: added event</p>
<hr />
<div>{{Article<br />
|MainNavigation=No<br />
}}<br />
[[Category:Collaborators]]<br />
[[File:Portrait-jeremy.jpg|600px]]<br />
<br />
Jeremy Bailey is a Toronto-based “Famous New Media Artist whose work explores custom software in a performative context. His work is often confidently self-deprecating in <br />
offering hilarious parodies of new media vocabularies.” (Marisa Olson, Rhizome)<br />
Recent projects include performances for Rhizome’s Seven on Seven in New York, <br />
the Stedelijk Museum in Amsterdam, and Tate Liverpool. His work has been shown widely including recent solo and group exhibitions at Transmediale in Berlin, Mediamatic in <br />
Amsterdam, Museums Quartier in Vienna, Balice Hertling in Paris and The Polytechnic Museum in Moscow. Recent commissions include performances and exhibitions for FACT in <br />
Liverpool, Turner Contemporary in Margate UK, and The New Museum in New York. Bailey is represented by Pari Nadimi Gallery in Toronto.<br />
<br />
==Activity==<br />
*[[Public program: Summer talks and summer party]]<br />
<br />
==Contact==<br />
[http://www.jeremybailey.net/ Website]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Roel_Roscam_Abbing&diff=22571Roel Roscam Abbing2017-07-06T07:58:43Z<p>Karina: added workshop</p>
<hr />
<div>[[File:Roscam abbing.jpeg|450px|]]<br />
<br />
<br />
Roel Roscam Abbing is an artist and researcher who spent too much time on his computer. Out of that came a collaborative practice in which he likes to deal with the cultures and issues surrounding networked computation.<br />
<br />
Currently his topics of interest include the internet’s infrastructure, wireless community networks and DIY techniques.<br />
<br />
==Activities==<br />
* [[Workshop: Bibliotecha at Central Library Utrecht]]<br />
* [[Modem Workshop|Modem Workshop on A(n) (im)practical introduction to Hertzian space]] with [[Dennis de Bel]] during [[HDSA 2016. If you are so smart why are you so poor|HDSA2016]]<br />
<br />
==Contact==<br />
[https://roelof.info/ Website]<br />
<br />
[[Category:Collaborators]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Hackers_%26_Founders&diff=22570Hackers & Founders2017-07-06T07:57:36Z<p>Karina: fixed link</p>
<hr />
<div>[[File:Hackers_founders.jpg|450px|]]<br />
<br />
<br />
Hackers & Founders Amsterdam is the biggest community of technology entrepreneurs and developers in the Netherlands.<br />
<br />
==Activities==<br />
<br />
* [[Workshop: So you want to run a server, Part 1|So you want to run a server? (Part1)]]<br />
* [[Meetup: 2 Index = 2 Exist|Meetup: 2 Index = 2 Exist]]<br />
<br />
==Contact==<br />
[http://hackersandfounders.nl/ Website]<br />
<br />
<br />
[[Category: Collaborators]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Circulation_of_circuits_workshop_%E2%80%93_follow-up&diff=22569Circulation of circuits workshop – follow-up2017-07-06T07:55:52Z<p>Karina: added link to workshop</p>
<hr />
<div>{{Article<br />
|MainNavigation=No<br />
}}<br />
<big>Documentation of [[Workshop: A Circulation of Circuits|workshop]] & discussion, 11/02/2017 De Punt Amsterdam</big><br />
<br />
[[File:Circuits follow-up preview.png|Circuits follow-up preview.png]]<br />
<br />
Circulation of Circuits is a research driven initiative by [[Martijn van Boven]], [[Noortje van Eekelen]] and [[Doeke Wartena]], together with collective support from an international group of experts from different fields. The initiative aims to develop new perspective on the current European financial system. Reflecting on the possibility to personalise and customise currency, the group investigates the topic of money and its ''assigned value''.<br /><br />
<br />
Using hardware to prototype a new digital currency, the workshop focused on encapsulating value into a physical object.<br />
Utilizing Raspberry Pi as a prototype of a currency hardware, the assignment of value was separated in two parts. <br />
<br />
<br /><br />
<br />
[http://www.circulationofcircuits.net www.circulationofcircuits.net]<br />
<br />
<br /><br />
<br />
<big>Part 1 – Assigning the value through digital manipulation</big><br />
<br />
During the first part [[Martijn van Boven]] briefly presented the project and talked about the research on the possibilities of centralisation of European financial systems, and the distance between the value, assigned at the stock market, with the value of a bank note for each user. <br />
This type of value is not related to the physical properties of the object and that is the interesting aspect of customized currencies. <br />
A customised digital currency could become usable if the users agreed on the conditions of its circulation – a so-called ''smart contract''. <br /><br />
<br />
<br />
''Smart contracts are computer protocols that facilitate, verify, or enforce the negotiation or performance of a contract, or that make a contractual clause unnecessary. Smart contracts often emulate the logic of contractual clauses. Proponents of smart contracts claim that many kinds of contractual clauses may thus be made partially or fully self-executing, self-enforcing, or both. Smart contracts aim to provide security superior to traditional contract law and to reduce other transaction costs associated with contracting.'' ([https://en.wikipedia.org/wiki/Smart_contract Wikipedia]<br />
<br />
<br />
[https://www.youtube.com/watch?v=YEKRAn-ZleM&feature=youtu.be Speaking about assigned value, this documentary covers the subjects of "digging" – searching for forgotten (de-valuated) vinyl to use in own practice, giving it a new value.] <br />
<br />
[https://www.youtube.com/watch?v=PmO0g8jTxN8&feature=youtu.be Another documentary tells about stone money of Yap island. These objects are the opposite of coins or bank notes. Large, heavy and not portable – yet this is an actual currency.]<br />
<br />
<br/><br />
<br />
As an exercise in creating a smart contract, Martijn asked the participants to imagine a situation when they give their smartphone to another person. The question: What kind of conditions would you introduce? <br />
<br/><br />
The imaginary contract pinpoints the concerns of exchanging hardware with personal content on it. First of all, it is the permission to view the content – the owner regulates the amount and selection of content to be seen by others. Secondly it is the choice of the method to protect the content – is a password enough? If a password is enough, how should it be introduced?<br />
In a further discussion some of the participants suggested that the content can only become available at a certain location, or at a certain time, forcing the carriers of hardware-currency to meet, in order to finish the transaction. <br />
<br />
Another big subject, related to exchanging digital files is trust. Some workshop participants would trust others enough to let them look at everything on their device, but the real question is “What can be done with the personal information and files, kept on a smartphone?”<br />
Defining or limiting the possibility to share files or using them to masquerade as the device owner are really important components of a smart contract. <br />
<br />
<br />
<br />
<big>Part 2 – Assigning the value through hardware and its physical limitations</big><br />
<br />
As a follow-up to the discussion, the workshop participants worked on implementing some of the discussed functionality/limitations on Raspberry Pi’s. <br />
<br />
The Pi’s would transmit the content only on pre-written conditions, when the software would define the functionality of the hardware. Although the software could be re-written, the hardware, carrying a contract would have various limitations, preventing that from happening. For example, encapsulating the Pi in liquid rubber would make it impossible to assign a new functionality. <br /><br />
<br />
<br />
The act of encapsulating transforms hardware into a computational currency, which is also an object. There is a large variety of money – from bank notes to stones, from round to octagonal or the ones which have holes in the middle. Metal, clay, stone, paper, plastic, hardware. <br />
All of these are physical objects, carrying an assigned value. What is really interesting is the question how the currency would function if the value is assigned to each piece of hardware individually, thus creating a circulation or a dialogue. <br />
<br />
<br />
{{#ev:youtube|https://www.youtube.com/watch?v=Z2zDziKJubQ&feature=youtu.be|400|right|Video follow-up|frame}}<br />
<br />
<br />
[[Category:Publications]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=The_Body_%26&diff=22565The Body &2017-07-05T09:44:10Z<p>Karina: </p>
<hr />
<div>{{Event<br />
|Name=The Body &<br />
|Location=Lava, Asterdwarsweg 5,1031 HR Amsterdam<br />
|Date=2017/06/17<br />
|Time=20:00-23:00<br />
|PeopleOrganisations=Why Not Festival, Lava Lab<br />
|Type=Meetup<br />
|Web=Yes<br />
|Print=No<br />
}}<br />
[[File:WHYNOT.gif|600px]]<br />
<br />
=== About movement, live performance and computer language ===<br />
<br />
On Saturday 17 June we welcome you to join us for the pilot of the new Why Not series ''The Body & <>''. With each edition, we combine the dance & performance world with another creative scene to give you an insight in this crossdisciplinairy practise and open up new ways of thinking. Our aim is to let dance and movement inspire other disciplines, and visa versa. <br />
<br />
<br />
This first pilot edition, named The Body & < >, is about movement, live performance and computer language. The event consists of artist talks and performances, focusing on the intersection of choreography and coding. <br />
<br />
During the day, both dancers/performers and coders participate in a workshop by Joana Chicau. <br />
<br />
<br />
PROGRAM<br />
<br />
10:00 - 18:00 : workshop<br />
<br />
Fee = 30 euro (incl. lunch and dinner) <br />
<br />
<br />
• Coding choreographies - Joana Chicau<br />
<br />
This workshop offers a cross-disciplinary exploration of choreography & (web)code. We create a temporary stage for experimenting with web design tools which follow choreographic methods and thematic concerns. The outcome is a piece of ‘choreographic code' — all participants are invited to contribute to the choreographic code by translating the ideas discussed in the session into html/css/javascript functions or as prototypes developed in other formats. <br />
<br />
We will select and create interdisciplinary pairs or groups of different entry levels and expertise. At the end of the day, there is room to present the outcome to your fellow workshops participants. <br />
<br />
<br />
> More info on Joana: https://jobcb.github.io/rehearsal_series.html <br />
<br />
<br />
20:00 - 23:00 : presentation & performance<br />
<br />
<br />
• ZYX app - Jodi.org + introduction<br />
<br />
Art collective and conceptual web-pranksters JODI consists of the Dutch-Belgium internet artists Joan Heemskerk and Dirk Paesmans. The ZYX app was launched at the closing party of NiMK. The project creates a participatory performance by the visitors of the event. <br />
<br />
Joan Heemskerk presented this project before the participants start this interactive performance with their own smartphones.<br />
<br />
• A Web Page in Three Acts - Joana Chicau + introduction<br />
<br />
Next to her workshop, Joana Chicau herself performs the piece A Web Page in Three Acts, combining principles of choreography within the formal structures of coding.<br />
<br />
* I-Perform 2.0 - WhyNot i.c.w. Lava Lab & Hackers & Designers <br />
<br />
Together with the audience, we test our new participatory performance app that zooms in on the virtual and the physical space between people, their online and offline identity and social encounters. Are you willing to let us come as close to you as Facebook?<br />
<br />
* OBOL LE - Ibelisse Guardia Ferragutti + after talk<br />
Inspired by the musical meaning of old woven carpets from Bolivia, this pop-electronic performance group translates sound material via an algorithm into projected carpets as 'graphic scores'. <br />
<br />
"Using synthesizers and live tape manipulation amongst other instruments and vocals, combined with costume-made algorithmic video projections that respond to the music, this is like improvised jazz gone into jet-setting, shape-shifting hyperdrive" - (Jeremy Young / Soundfly) <br />
<br />
<br />
The next edition - The Body & Dance - will take place on Satudary 21 October at Paradiso during ADE, and zooms in on the link between dance (the movement) & and dance (the music).<br />
<br />
<br />
The Body & < > <br />
<br />
WhyNot in collaboration with Lava Lab / Hackers & Designers <br />
<br />
10:00 - 18:00 workshop coding & choreography<br />
<br />
20:00 - 23:00 presentation & performance<br />
<br />
More info on [http://www.festivalwhynot.nl/ www.festivalwhynot.nl]<br />
<br />
<br />
<gallery mode=packed><br />
File:Body 1.jpg|Workshop<br />
File:Body 2.jpg|Dance Scores<br />
File:Body 3.jpg|Performance by Joana <br />
</gallery></div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=The_Body_%26&diff=22564The Body &2017-07-05T09:43:09Z<p>Karina: added images, edited (a bit)</p>
<hr />
<div>{{Event<br />
|Name=The Body &<br />
|Location=Lava, Asterdwarsweg 5,1031 HR Amsterdam<br />
|Date=2017/06/17<br />
|Time=20:00-23:00<br />
|PeopleOrganisations=Why Not Festival, Lava Lab<br />
|Type=Meetup<br />
|Web=Yes<br />
|Print=No<br />
}}<br />
[[File:WHYNOT.gif|600px]]<br />
<br />
=== About movement, live performance and computer language ===<br />
<br />
On Saturday 17 June we welcome you to join us for the pilot of the new Why Not series ''The Body & <>''. With each edition, we combine the dance & performance world with another creative scene to give you an insight in this crossdisciplinairy practise and open up new ways of thinking. Our aim is to let dance and movement inspire other disciplines, and visa versa. <br />
<br />
<br />
This first pilot edition, named The Body & < >, is about movement, live performance and computer language. The event consists of artist talks and performances, focusing on the intersection of choreography and coding. <br />
<br />
During the day, both dancers/performers and coders participate in a workshop by Joana Chicau. <br />
<br />
<br />
PROGRAM<br />
<br />
10:00 - 18:00 : workshop<br />
<br />
Fee = 30 euro (incl. lunch and dinner) <br />
<br />
<br />
• Coding choreographies - Joana Chicau<br />
<br />
This workshop offers a cross-disciplinary exploration of choreography & (web)code. We create a temporary stage for experimenting with web design tools which follow choreographic methods and thematic concerns. The outcome is a piece of ‘choreographic code' — all participants are invited to contribute to the choreographic code by translating the ideas discussed in the session into html/css/javascript functions or as prototypes developed in other formats. <br />
<br />
We will select and create interdisciplinary pairs or groups of different entry levels and expertise. At the end of the day, there is room to present the outcome to your fellow workshops participants. <br />
<br />
<br />
> More info on Joana: https://jobcb.github.io/rehearsal_series.html <br />
<br />
<br />
20:00 - 23:00 : presentation & performance<br />
<br />
<br />
• ZYX app - Jodi.org + introduction<br />
<br />
Art collective and conceptual web-pranksters JODI consists of the Dutch-Belgium internet artists Joan Heemskerk and Dirk Paesmans. The ZYX app was launched at the closing party of NiMK. The project creates a participatory performance by the visitors of the event. <br />
<br />
Joan Heemskerk presented this project before the participants start this interactive performance with their own smartphones.<br />
<br />
• A Web Page in Three Acts - Joana Chicau + introduction<br />
<br />
Next to her workshop, Joana Chicau herself performs the piece A Web Page in Three Acts, combining principles of choreography within the formal structures of coding.<br />
<br />
* I-Perform 2.0 - WhyNot i.c.w. Lava Lab & Hackers & Designers <br />
<br />
Together with the audience, we test our new participatory performance app that zooms in on the virtual and the physical space between people, their online and offline identity and social encounters. Are you willing to let us come as close to you as Facebook?<br />
<br />
* OBOL LE - Ibelisse Guardia Ferragutti + after talk<br />
Inspired by the musical meaning of old woven carpets from Bolivia, this pop-electronic performance group translates sound material via an algorithm into projected carpets as 'graphic scores'. <br />
<br />
"Using synthesizers and live tape manipulation amongst other instruments and vocals, combined with costume-made algorithmic video projections that respond to the music, this is like improvised jazz gone into jet-setting, shape-shifting hyperdrive" - (Jeremy Young / Soundfly) <br />
<br />
<br />
The next edition - The Body & Dance - will take place on Satudary 21 October at Paradiso during ADE, and zooms in on the link between dance (the movement) & and dance (the music).<br />
<br />
<br />
The Body & < > <br />
<br />
WhyNot in collaboration with Lava Lab / Hackers & Designers <br />
<br />
10:00 - 18:00 workshop coding & choreography<br />
<br />
20:00 - 23:00 presentation & performance<br />
<br />
More info on [http://www.festivalwhynot.nl/ www.festivalwhynot.nl]<br />
<br />
<br />
<gallery mode=packed><br />
File:Body 1.jpg|Workshop participants prepare their choreographic-coded piece<br />
File:Body 2.jpg|Dance Scores<br />
File:Body 3.jpg|A Webpage in Three Acts by Joana Chicau<br />
</gallery></div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=File:Body_3.jpg&diff=22563File:Body 3.jpg2017-07-05T09:28:22Z<p>Karina: </p>
<hr />
<div></div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=File:Body_2.jpg&diff=22562File:Body 2.jpg2017-07-05T09:27:55Z<p>Karina: </p>
<hr />
<div></div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=File:Body_1.jpg&diff=22561File:Body 1.jpg2017-07-05T09:24:03Z<p>Karina: </p>
<hr />
<div></div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Yin_Aiwen&diff=22560Yin Aiwen2017-07-04T13:22:02Z<p>Karina: </p>
<hr />
<div>{{Article<br />
|MainNavigation=No<br />
}}<br />
[[File:Yin Aiwen.jpeg|350px|]]<br />
<br />
Yin Aiwen is a Chinese designer, researcher, writer and video artist. She received her Master Design from Sandberg Instituut, Amsterdam in 2013. She is currently a fellow in The New Normal 2017, directed by Benjamin Bratton, in Strelka Institute for Media, Architecture and Design, Moscow. She has been a visiting instructor at the Design Department of Sandberg Instituut since 2015 and will be teaching in the Shadow Channel, Design, Film and Propaganda program in Sandberg Instituut in the fall of 2017. Her work explores the future possibility of design that emerge from techno-political climates and interpersonal complexes through performance, installation, writings, video and documentary.<br />
<br />
==Activity==<br />
*[[Art camping]]<br />
<br />
==Contact==<br />
[http://cargocollective.com/yinaiwen Website]<br />
<br />
[https://twitter.com/AiwenYin Twitter]<br />
<br />
<br />
[[Category:Collaborators]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Waag_Society&diff=22559Waag Society2017-07-04T13:21:38Z<p>Karina: </p>
<hr />
<div>{{Article<br />
|MainNavigation=No<br />
}}<br />
{{Article<br />
|MainNavigation=No<br />
}}<br />
[[File:waag_society.png|logo|600px]]<br />
<br />
Waag Society – institute for art, science and technology—is a pioneer in the field of digital media. Over the past 22 years, the foundation has developed into an institution of international stature, a platform for artistic research and experimentation, and has become both a catalyst for events and a breeding ground for cultural and social innovation.<br />
<br />
==Activities==<br />
* [[A network in a network]]<br />
* [[Facebook Liberation Army]]<br />
* [[Doritos4snowden Mini Challenge]]<br />
* [[HDSA 2016. If you are so smart why are you so poor|HDSA2016]]<br />
<br />
==Contact==<br />
[http://waag.org/en Website]<br />
<br />
<gallery mode=packed><br />
File:WAAG-visit1.JPG<br />
File:WAAG-visit3.JPG<br />
File:WAAG-visit2.JPG<br />
</gallery><br />
<br />
[[Category:Collaborators]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Vondelbunker&diff=22558Vondelbunker2017-07-04T13:21:19Z<p>Karina: </p>
<hr />
<div>{{Article<br />
|MainNavigation=No<br />
}}<br />
[[Category: Collaborators]]<br />
<br />
[[File:Vondelbunker.png|350px|]]<br />
<br />
The Vondelbunker is a autonomous cultural center run by volunteers sharing the conviction that space is political. The bunker has been open since June 2011, running an unruly and dynamic cultural program.<br />
<br />
==Activity==<br />
Vondelbunker is providing space for [[HDSA2017_-_On_and_Off_the_Grid_-_call_for_participation|HDSA17]]<br />
<br />
==Contact==<br />
[https://vondelbunker.nl/ Website]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Vadim_Zaytsev&diff=22557Vadim Zaytsev2017-07-04T13:20:58Z<p>Karina: </p>
<hr />
<div>{{Article<br />
|MainNavigation=No<br />
}}<br />
[[Category:Collaborators]]<br />
[[File:Vadim zaytsev.jpg|400px|]]<br />
<br />
<br />
Dr. Vadim Zaytsev, also known in the social media as @grammarware, is a lecturer and a coordinator of the Software Engineering Master of Science programme at the Universiteit van Amsterdam (UvA) in Amsterdam. He has acquired PhD in 2010 at the Vrije Universiteit Amsterdam in the field of software language engineering, in which his current main research interests lie. He has done such research at Universität Koblenz-Landau in Germany (2008–2010) and Centrum Wiskunde & Informatica in the Netherlands (2010–2013). Prior to that, he received MSc cum laude degrees from Rostov State University in Russia (applied mathematics, model checking) and from Universiteit Twente in the Netherlands (telematics, grammar-based testing). Besides hardcore software language engineering with grammar(ware) technology, his interests and research activities tend to invade such topics as software quality assessment, source code analysis and transformation, modelling, metamodelling and megamodelling, programming paradigms, declarative and functional programming, dynamic aspects of software languages, maintenance and renovation of legacy systems and others. He is also actively practicing open science and open research, contributing to a range of open data and open source projects, co-organising and <br />
presenting at (mostly academic) events.<br />
<br />
==Activity==<br />
* [[Language_Design|Language Design]]<br />
<br />
==Contact==<br />
[http://grammarware.net/ Website]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Tobias_Revell&diff=22556Tobias Revell2017-07-04T13:20:21Z<p>Karina: </p>
<hr />
<div>[[File:resizer.png|150px]]<br />
<br />
Tobias Revell (UK) was born in a Hampshire town built around a system of roundabouts in late 1986. His second ever memory is gazing at a tropical fish tank in the bar of a Welsh bed and breakfast while the room crowded with adults watching the fall of the Berlin Wall on the one small television available. His first memory involves filling the doors of a Porsche with sand.<br />
He holds a BA Hons. (1st) in Design for Interaction 24 and Moving Image from the London College of Communication and an MA in Design Interactions at the Royal College of Art from which he graduated in July 2012. As well as being an internationally exhibiting artist, he’s Course Director for Information and Interface Design and tutor in Interaction Design Arts and a founding member of research consultancy Strange Telemetry.<br />
<br />
<br />
===Activity===<br />
*[[H&D Summer Talks 2016|Speaker during H&D Summer Talks 2016]]<br />
<br />
===Contact===<br />
[http://www.tobiasrevell.com/ Website]<br />
<br />
<br />
[[Category:Collaborators]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Tijmen_Schep&diff=22555Tijmen Schep2017-07-04T13:20:05Z<p>Karina: </p>
<hr />
<div>{{Article<br />
|MainNavigation=No<br />
}}<br />
[[File:Tijmen schep.png]]<br />
<br />
<br />
Tijmen Schep co-founded SETUP, a podium for anyone in Utrecht who is interested in the fusion of culture and technology. <br />
SETUP strives to grow a critical group of people that dares to design this brave new world, and infuse it with human values, freedoms and opportinuties for creativity. To make this happen SETUP organises events such as workshop, lectures and presentations where people can share new knowledge, questions, best practices and best failures. <br />
<br />
==Activity==<br />
* [[Domestic_Drone_Defence|Domestic Drone Defence]] (during [[HDSA 2015. About bugs, bots & bytes|HDSA2015]])<br />
<br />
==Contact==<br />
[http://www.setup.nl/ SETUP]<br />
[https://twitter.com/tijmenschep Twitter]<br />
<br />
<br />
[[Category:Collaborators]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=The_Things_Network&diff=22554The Things Network2017-07-04T13:19:43Z<p>Karina: </p>
<hr />
<div>[[File:TheThingsNetwork-logo.png]]<br />
<br />
<br />
The Things Network is global community of 15140 people over 84 countries building a global Internet of Things data network. <br />
The Things Network is about enabling low power Devices to use long range Gateways to connect to an open-source, decentralized Network to exchange data with Applications and Platforms. They use a long range and low power radio frequency protocol called LoRaWAN and for short range Bluetooth 4.2.<br />
The technology allows for things to talk to the internet without 3G or WiFi. So no WiFi codes and no mobile subscriptions.<br />
<br />
<br />
==Activity==<br />
<br />
*[[Build_your_own_node]]<br />
<br />
==Contact==<br />
[https://www.thethingsnetwork.org Website]<br />
<br />
[[Category: Collaborators]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=The_Rodina&diff=22553The Rodina2017-07-04T13:17:10Z<p>Karina: </p>
<hr />
<div>[[File:playbour-ventolin-cover-B.png|250px]]<br />
<br />
The Rodina was founded in 2011 by Tereza and Vit Ruller. Czech-born, Amsterdam-based independent graphic designers.<br />
<br />
The Rodina works on commissioned design projects, while also experimenting autonomously. We invent the ways how experience, knowledge and relations are preserved and produced. Interested in connections between culture, technology and aesthetic, we design events, objects and tools.<br />
Studio specialises in video, interactive, installations and identities. This cross-media approach allows us to examine communication as thousands of small interactions which leads to actions.<br />
<br />
<br />
<br />
<br />
===Activity===<br />
<br />
*[[H&D Summer Talks 2016|Speaker during H&D Summer Talks 2016]]<br />
<br />
===Contact===<br />
[http://www.therodina.com/ Website]<br />
<br />
<br />
[[Category:Collaborators]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=The_Center_for_Genomic_Gastronomy&diff=22552The Center for Genomic Gastronomy2017-07-04T13:14:05Z<p>Karina: </p>
<hr />
<div>[[File:Cobalt60_BBQ.png|600px]]<br />
<br />
The Center for Genomic Gastronomy is an artist-led think tank that examines the biotechnologies and biodiversity of human food systems.<br />
<br />
==Activities==<br />
<br />
*[[Culinary hacking]]<br />
*[[Doritos4snowden]]<br />
*[[Rare Edophyte Collectors Club]]<br />
<br />
==Contact==<br />
[http://genomicgastronomy.com Website]<br />
<br />
[[Category: Collaborators]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Sjef_van_Gaalen&diff=22551Sjef van Gaalen2017-07-04T13:13:15Z<p>Karina: </p>
<hr />
<div>{{Article<br />
|MainNavigation=No<br />
}}<br />
[[File:SjefvanGaalen.jpg|400px]]<br />
<br />
Sjef van Gaalen [NZ/NL] is founder of Structure & Narrative, a nomadic research lab focusing on the exploration of new domains and horizons, and the reshaping of the emerging narratives. Recently speaking at the official Tokyo Pecha Kucha on camouflage and identity, and in Amsterdam for Hacker & Designers, Sjef has also written on Viridian design for a 5 year retrospective of the iconic design movement. His visual work takes varying forms, such as his collages or experiments in the automated generation of online identity, including his ongoing research projects List of Colors and the Dutch National Algorithm.<br />
<br />
==Activities==<br />
* [[Social Signals and Blurred Backgrounds]]<br />
* [[Camouflage Creation Workshop]]<br />
* [[Camouflage]]<br />
<br />
==Contact==<br />
[https://sjef.nu/ Website]<br />
<br />
[https://twitter.com/thesjef Twitter]<br />
<br />
<br />
<br />
<br />
[[Category:Collaborators]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Simone_Niquille&diff=22550Simone Niquille2017-07-04T13:12:49Z<p>Karina: </p>
<hr />
<div>[[File:Simone_niquille.jpg|400px]]<br />
<br />
Simone Niquille is an Amsterdam based designer and researcher. Her practice Technoflesh investigates the representation of identity without a body, the digitisation of biomass and the increasingly omnipresent optic gaze of everyday objects.<br />
She received a BFA in Graphic Design from Rhode Island School of Design in 2010 and graduated with a Masters in Visual Strategies from the Sandberg Institute Amsterdam in 2013. She has written a column on technology, body modification and privacy for Sang Bleu, is part of design research collective Space Caviar in Genova Italy and is Tutor at the Architectural Association London and ArtEZ in Arnhem. She is a 2016 Fellow at Het Nieuwe Instituut Rotterdam.<br />
<br />
==Activity==<br />
* [[Internet of Bodies|Workshop about The Internet of Bodies]] with [[Carina Namih]] during [[HDSA 2016. If you are so smart why are you so poor|HDSA2016]]<br />
<br />
==Contact==<br />
[http://www.technofle.sh/ Website]<br />
<br />
<br />
[[Category:Collaborators]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Selby_Gildemacher&diff=22549Selby Gildemacher2017-07-04T13:11:33Z<p>Karina: </p>
<hr />
<div>{{Article<br />
|MainNavigation=No<br />
}}<br />
[[Category:Collaborators]]<br />
<br />
[[File:11816093 786710411446676 957404096743146435 o.jpg|450px]]<br />
<br />
<br />
Selby Gildemacher is part of PIEK!, a contemporary and dynamic multidisciplinary art group from Amsterdam, The Netherlands. Their work involves an humoristic and ironic view on contemporary society. It is often site and time specific, uses interactivity to make the viewer an accomplice. <br />
<br />
==Activities==<br />
* [[Toy_Hacking|Toy Hacking]]<br />
* [[Momentary Zine]]<br />
* [[Published_and_Destroyed]]<br />
* [[Hack night: Baby, you can drive my car]]<br />
<br />
==Contact==<br />
[http://www.piek.com/ Website]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Sarah_Garcin&diff=22548Sarah Garcin2017-07-04T13:10:21Z<p>Karina: </p>
<hr />
<div>[[Category:Collaborators]]<br />
[[File:SarahGarcin.jpeg|600px]]<br />
<br />
Sarah Garcin is a graphic designer and programmer.<br />
Since 2014, she is interested in the collaborative writing practices. In this research, she works with l’atelier des chercheurs, a research group that is developing documentation and knowledge sharing tools in learning contexts. She also works with g-u-i studio, where she is carrying out a reflection on new editorial practices. In this way, she builds live publishing machine and has created PrePostPrint with Raphael Bastide, a research group for alternative publishing systems.<br />
She is also teaching digital practices at Parsons School Paris and graphic design at Prépart Paris.<br />
<br />
==Activity==<br />
* [[Publishing Machines Workshop]]<br />
<br />
==Contact==<br />
[http://sarahgarcin.com/ Website]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Ruben_Pater&diff=22547Ruben Pater2017-07-04T13:08:50Z<p>Karina: </p>
<hr />
<div>{{Article<br />
|MainNavigation=No<br />
}}<br />
[[File:Ruben.jpg|250px|]]<br />
<br />
<br />
Ruben Pater creates visual narratives about geopolitical issues under the name Untold Stories. Through his work Ruben creates new relations between journalism and design. <br />
<br />
==Activity==<br />
* [[Domestic_Drone_Defence|Domestic Drone Defence]] (during [[HDSA 2015. About bugs, bots & bytes|HDSA2015]])<br />
<br />
==Contact==<br />
[http://www.untold-stories.net/ Webpage]<br />
<br />
[[Category:Collaborators]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Rosa_Menkman&diff=22546Rosa Menkman2017-07-04T13:08:33Z<p>Karina: </p>
<hr />
<div>[[Category:Collaborators]]<br />
<br />
[[File:Rosa.jpg|300px|]]<br />
<br />
<br />
Rosa Menkman is a Dutch art theorist, curator, glitch artist and visual artist specialising in glitch art and resolution theory. Menkman has curated several international exhibitions of other artists' work.<br />
<br />
[https://en.wikipedia.org/wiki/Rosa_Menkman Find more about Rosa on Wikipedia]<br />
<br />
==Activity==<br />
* [[Summer Talks: Discrete Cosine Transform]] ( during [[HDSA 2015. About bugs, bots & bytes|HDSA2015]] )<br />
<br />
==Contact==<br />
[https://twitter.com/_menkman Twitter]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Roel_Roscam_Abbing&diff=22545Roel Roscam Abbing2017-07-04T13:08:14Z<p>Karina: </p>
<hr />
<div>[[File:Roscam abbing.jpeg|450px|]]<br />
<br />
<br />
Roel Roscam Abbing is an artist and researcher who spent too much time on his computer. Out of that came a collaborative practice in which he likes to deal with the cultures and issues surrounding networked computation.<br />
<br />
Currently his topics of interest include the internet’s infrastructure, wireless community networks and DIY techniques.<br />
<br />
==Activities==<br />
* [[Modem Workshop|Modem Workshop on A(n) (im)practical introduction to Hertzian space]] with [[Dennis de Bel]] during [[HDSA 2016. If you are so smart why are you so poor|HDSA2016]]<br />
<br />
==Contact==<br />
[https://roelof.info/ Website]<br />
<br />
[[Category:Collaborators]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Rein_op_%E2%80%98t_Land&diff=22544Rein op ‘t Land2017-07-04T13:07:55Z<p>Karina: </p>
<hr />
<div>[[File:Rein op t land.jpg]]<br />
<br />
Rein develops and designs games. Besides building and developing games he also teaches programming. <br />
<br />
==Activity==<br />
*[[Kill switch]]<br />
<br />
==Contact==<br />
[https://nl.linkedin.com/in/rein-op-t-land-295759124 LinkedIn]<br />
<br />
[[Category:Collaborators]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Read-in&diff=22543Read-in2017-07-04T13:07:35Z<p>Karina: </p>
<hr />
<div>[[File:Read-in.jpg|450px|]]<br />
<br />
<br />
Read-in is a self-organized collective that experiments with the political, material, and physical implications of collective reading and the situatedness of any kind of reading activity. Some of the formats that Read-in experiments include are: going door-to-door and requesting neighbours to host a group reading session (Read-in Classic); workshops which focus on the links between reading and memorizing and experiments with memorizing collectively; and BookshelfResearch, for which Read-in examines specific private or public libraries according to categories such as gender, nationality, materiality, resulting in a statistical breakdown of inclusions and omissions.<br />
<br />
<br />
==Activities==<br />
<br />
* [[Workshop: Bibliotecha at Central Library Utrecht]]<br />
* [[Meetup: The Future library]]<br />
* [[Scraping, counting and sorting]]<br />
<br />
==Contact==<br />
[http://read-in.info/ Website]<br />
<br />
<br />
[[Category: Collaborators]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Ramon_Amaro&diff=22542Ramon Amaro2017-07-04T13:00:17Z<p>Karina: </p>
<hr />
<div>{{Article<br />
|MainNavigation=No<br />
}}<br />
[[Category:Collaborators]]<br />
[[File:Ramon amaro.jpg|250px|]]<br />
<br />
<br />
PhD researcher Ramon Amaro is part of the editorial team of [http://bigdatasoc.blogspot.nl/p/editoial-team.html Big Data & Society]. Ramon Amaro is a doctoral researcher at the Centre for Cultural Studies, Goldsmiths, University of London, with a background in Mechanical Engineering and Sociological Research. His doctoral research looks at the philosophical dimensions of the mathematical modelling of social processes. Drawing on the theories of Gilbert Simondon, in concert with W. E. B. Du Bois and Franz Fanon, Ramon finds interest in modalities of interrelation generated through statistical and data-driven infrastructures and processes.<br />
Ramon graduated from the University of Essex with an MA in Sociological Research, and the University of Michigan, Ann Arbor with a BSe in Mechanical Engineering. Prior to coming to the UK, Ramon was a design engineer for General Motors Corporation and a policy manager for the American Society of Mechanical Engineers, Alternative Fuels Division<br />
<br />
[http://www.ica.org.uk/whats-on/fig-2-2250-anticipating-behaviour Anticipating Behaviour]<br />
<br />
==Activity==<br />
* [[Summer Talks: Training and the problem of data]] (during [[HDSA 2015. About bugs, bots & bytes|HDSA2015]])<br />
<br />
<br />
==Contact==<br />
[https://www.sambarhino.com/ Website]<br />
<br />
<br />
<br />
[[Category:EditMe]]<br />
[[Category:Print]]<br />
[[Category:Web]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Oddstream&diff=22541Oddstream2017-07-04T12:59:48Z<p>Karina: </p>
<hr />
<div>[[Category:Collaborators]] <br />
[[File:oddstream.jpg|600px]]<br />
<br />
Oddstream organizes events that offer a podium to art and technology. Oddstream reaches a wide audiene and aims for inclusivity.<br />
<br />
==Activities==<br />
<br />
* [[Odd Stay: Residency Meetup]]<br />
* [[Odd Talks]]<br />
<br />
==Contact==<br />
[http://oddstream.nl/ Website]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Noortje_van_Eekelen&diff=22540Noortje van Eekelen2017-07-04T12:58:12Z<p>Karina: </p>
<hr />
<div>[[Category:Collaborators]]<br />
<br />
[[File:G1.jpeg|550px]]<br />
<br />
<br />
As driven and passionate designer and researcher, Noortje van Eekelen is active in various capacities within the international artistic field. She is responsible for the preparation to the realisation of a multitude of on both commissioned and self-initiated projects.<br />
<br />
Noortje van Eekelen aims to develop design projects with a social character, in order to inform society and raise critical awareness about contemporary issues. She strongly guards the quality of the design process. In the realisation of her work a method is used which seeks to implement research in the design and the associated expressions. In addition, the projects are approached from a critical theory based method. This kind of design uses design fiction and speculative design proposals to challenge assumptions, and conceptions about current developments. <br />
<br />
<br />
==Activity==<br />
* [[Workshop: A Circulation of Circuits]]<br />
<br />
==Contact==<br />
[http://www.noortjevaneekelen.nl/ Website]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Nicolas_Malev%C3%A9&diff=22539Nicolas Malevé2017-07-04T12:57:39Z<p>Karina: </p>
<hr />
<div>[[File:Nicholas.jpg|250px|]]<br />
<br />
<br />
Nicolas Malevé is an artist, software programmer and data activist developing multimedia projects and web applications for and with cultural organisations. He lives and works in London and Brussels. Since 1998 Nicolas collaborates with [[Constant_Association_for_Art_and_Media|Constant]], a non-profit association, based and active in Brussels since 1997 in the fields of feminism, copyright alternatives and working<br />
through networks.<br />
<br />
<br />
==Activity==<br />
* [[Networked Labor|Workshop about Networked Labor]] with [[Michael Murtaugh]] during [[HDSA 2016. If you are so smart why are you so poor|HDSA2016]]<br />
<br />
==Contact==<br />
<br />
[http://activearchives.org/wiki/Main_Page www.activearchives.org] <br />
<br />
[http://www.constantvzw.org/site/?lang=en Constant]<br />
<br />
<br />
[[Category:Collaborators]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Moniker&diff=22538Moniker2017-07-04T12:57:23Z<p>Karina: </p>
<hr />
<div>[[File:Moniker.jpg]]<br />
<br />
An Amsterdam based interactive design studio researching the social effects of technology.<br />
<br />
<br />
==Activity==<br />
* [[So if you are so smart...]]<br />
<br />
==Contact==<br />
[https://studiomoniker.com/ Website] <br />
<br />
[[Category:Collaborators]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Michael_Murtaugh&diff=22537Michael Murtaugh2017-07-04T12:55:43Z<p>Karina: </p>
<hr />
<div>{{Article<br />
|MainNavigation=No<br />
}}<br />
[[Category:Collaborators]]<br />
<br />
[[File:Michael.jpg|250px|]]<br />
<br />
<br />
<br />
Michael Murtaugh (Champaign, Illinois, USA) designs and researches <br />
community databases, interactive documentary, and tools for new forms of reading and writing online. He teaches on the Masters Degree programme in Design and Communication at the Piet Zwart Institute in Rotterdam.<br />
<br />
<br />
==Activities==<br />
* [[Code,_text_and_text-to-speech|Workshops about Code, text and text-to-speech]] during [[HDSA 2015. About bugs, bots & bytes|HDSA2015]]<br />
* [[Networked Labor|Workshop about Networked Labor]] with [[Nicolas Malevé]] during [[HDSA 2016. If you are so smart why are you so poor|HDSA2016]]<br />
<br />
==Contact==<br />
[http://automatist.org/ Website]<br />
<br />
<br />
[[Category:EditMe]]<br />
[[Category:Print]]<br />
[[Category:Web]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Metahaven&diff=22536Metahaven2017-07-04T12:55:20Z<p>Karina: </p>
<hr />
<div>{{Article<br />
|MainNavigation=No<br />
}}<br />
[[File:Metahaven.jpg|450px|]]<br />
<br />
Metahaven is a studio for design and research based in Amsterdam. Since its launch in 2007, the team — founded by [[Dani%C3%ABl_van_der_Velden|Daniel Van der Velden]] and Vinca Kruk — has pursued collaborations with organizations that traditionally don’t seek out graphic design as a platform or medium. Examples include the whistleblower platform WikiLeaks, the Icelandic Modern <br />
Media Institute (IMMI), and the diplomatic advisory group Independent Diplomat.<br />
An interdisciplinary group of writers, editors, critics, and curators, the collective has been able to expand upon the foundation of designer as form-maker and break free from the traditional confines of the studio. Its avant-garde aesthetics and intellectual approaches have lead to exhibitions at the Walker Art Center, the Cooper-Hewitt National Design Museum, and the Museum of Modern Art in New York. Metahaven has also written extensively about the internet as a political and creative space. <br />
<br />
==Activity==<br />
*[[Error_Messages|Error Messages]]<br />
<br />
==Contact==<br />
[http://www.metahaven.net Website]<br />
<br />
[http://mthvn.tumblr.com/ Tumblr]<br />
<br />
<br />
<br />
[[Category:Collaborators]]<br />
<br />
[[Category:EditMe]]<br />
[[Category:Print]]<br />
[[Category:Web]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Martijn_van_Boven&diff=22535Martijn van Boven2017-07-04T12:55:01Z<p>Karina: </p>
<hr />
<div>[[Category:Collaborators]]<br />
<br />
[[File:Martijn v boven.jpg|400px|]]<br />
<br />
<br />
Martijn van Boven (1977, NL) is an experimental filmmaker and computer artist. He studied at the Image and Sound department of the Royal Art Academy in The Hague. His work includes video-installations, films, and collaborations with composers and live cinema performances.<br />
<br />
Since 2000, Martijn van Boven works as a freelance film and video curator, focusing on avant-garde film and abstract cinema. In 2003, he co-founded the new media art center <>TAG in The Hague. Since 2006, he is part of the curatorial team of Sonic Acts. In the same year, he also started teaching audio-visual design at the Art Academy of Arnhem, and as of 2012 he is head of the department of Interaction Design at the ArteZ Institute of the Arts.<br />
<br />
<br />
==Activity==<br />
* [[Workshop: A Circulation of Circuits]]<br />
<br />
==Contact==<br />
[http://www.474746.org www.474746.org Website]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Mark_Meeuwenoord&diff=22534Mark Meeuwenoord2017-07-04T12:53:09Z<p>Karina: </p>
<hr />
<div>{{Article<br />
|MainNavigation=No<br />
}}<br />
[[Category: Collaborators]]<br />
<br />
[[File:Meeuwenoord.jpeg|450px|]]<br />
<br />
Mark Meuwenoord is a multidisciplinary designer, who works with sound and installations. In his he work focuses on creating immersive experiences and interactive storytelling.<br />
<br />
==Activity==<br />
* [[Lava Lab]] (during [[HDSA 2015. About bugs, bots & bytes|HDSA2015]])<br />
<br />
==Contact==<br />
[http://www.markmeeuwenoord.com/ Website]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Margarita_Osipian&diff=22533Margarita Osipian2017-07-04T12:52:47Z<p>Karina: </p>
<hr />
<div>{{Article<br />
|MainNavigation=No<br />
}}<br />
[[File:Margarita osipian.jpg|250px|]]<br />
<br />
Margarita is a cultural producer, project developer, grant writer and curator.<br />
<br />
==Activity==<br />
* [[Lightening Workshop: Gender mirroring bots & Turing test|Lightening Workshop: Gender mirroring bots & Turing test]]<br />
<br />
==Contact==<br />
[https://www.linkedin.com/in/margarita-osipian-b8284148/?ppe=1 LinkedIn]<br />
<br />
[[Category: Collaborators]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Luis_Rodil-Fern%C3%A1ndez&diff=22532Luis Rodil-Fernández2017-07-04T12:52:24Z<p>Karina: </p>
<hr />
<div>{{Article<br />
|MainNavigation=No<br />
}}<br />
[[File:Luis rodil fernandez.jpg|350px|]]<br />
<br />
Luis Rodil-Fernández has studied Computer Science and years later went back to school to obtain a BA in Fine Art, continuing with a masters degree in ArtScience. In his work he proposes a critical approach to human-computer interactions and the way humans use technology to communicate with each other.<br />
<br />
==Activity==<br />
* [[Algorithmic Kitchen]]<br />
<br />
==Contact==<br />
[http://www.derfunke.net/ Website]<br />
<br />
[http://www.algorithmickitchen.org/ Algorithmic Kitchen]<br />
<br />
[[Category:Collaborators]]</div>Karinahttps://wiki.hackersanddesigners.nl//index.php?title=Luciano_Pinna&diff=22531Luciano Pinna2017-07-04T12:52:07Z<p>Karina: </p>
<hr />
<div>[[File:Luciano pinna.jpg|400px|]]<br />
<br />
Luciano Pinna is conceptual artist and augmented reality guru. Graduated from the academy of art and the applied science faculty he walks on parallel paths. Combining his fascination for tech and art he creates mobile experiences with Augmented Reality and beyond. As conceptual artist he researches that which does not exist.<br />
<br />
==Activity==<br />
* [[Googleglass|Googleglass meetup]]<br />
<br />
==Contact==<br />
[http://www.lucianopinna.com/ Website]<br />
<br />
[[Category:Collaborators]]</div>Karina