|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
|
body {
|
|
|
font-family: Verdana, Geneva, sans-serif;
|
|
|
}
|
|
|
|
|
|
ul{
|
|
|
font-size: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
li{
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
|
|
|
h1{
|
|
|
color:#d61313 ;
|
|
|
font-size: 45pt;
|
|
|
background-color: blue;
|
|
|
}
|
|
|
|
|
|
h2{
|
|
|
color: blue;
|
|
|
font-size: 30pt;
|
|
|
background-color:#d61313;
|
|
|
z-index: 100;
|
|
|
position: relative;
|
|
|
}
|
|
|
|
|
|
h3{
|
|
|
color: #d61313;
|
|
|
font-size: 20pt;
|
|
|
background-color: blue;
|
|
|
z-index: 100;
|
|
|
position: relative;
|
|
|
}
|
|
|
|
|
|
a{
|
|
|
color:#d61313;
|
|
|
}
|
|
|
|
|
|
p{
|
|
|
width: 55%;
|
|
|
color:blue;
|
|
|
text-align: justify;
|
|
|
font-size: 10pt;
|
|
|
margin-left: 2%;
|
|
|
|
|
|
}
|
|
|
|
|
|
img.textimage{
|
|
|
position: absolute;
|
|
|
right: 0;
|
|
|
width: 30%;
|
|
|
|
|
|
}
|
|
|
|
|
|
.foot{
|
|
|
color:blue;
|
|
|
position:absolute;
|
|
|
right:10px;
|
|
|
font-size: 10px;
|
|
|
margin-top: 10px;
|
|
|
}
|
|
|
|
|
|
|
|
|
.footred{
|
|
|
color:#d61313;
|
|
|
position:absolute;
|
|
|
right:10px;
|
|
|
font-size: 10px;
|
|
|
margin-top: 10px;
|
|
|
}
|
|
|
|
|
|
.right{
|
|
|
position: absolute;
|
|
|
right: 0;
|
|
|
width: 35%;
|
|
|
text-align: justify;
|
|
|
|
|
|
}
|
|
|
|
|
|
div.row{
|
|
|
position:relative;
|
|
|
padding:0;
|
|
|
margin:0;
|
|
|
}
|
|
|
|
|
|
.xp{ width: 25%;
|
|
|
padding:0;
|
|
|
margin:0;
|
|
|
}
|
|
|
|
|
|
.readings{
|
|
|
font-size: 10pt;
|
|
|
color: blue;
|
|
|
}
|
|
|
|
|
|
.referencesimg{
|
|
|
width: :100%;
|
|
|
/* position: absolute;
|
|
|
top:400px;*/
|
|
|
}
|
|
|
|
|
|
#tenthousand{
|
|
|
position: absolute;
|
|
|
width: 43.5%;
|
|
|
height: 400px;
|
|
|
margin-left: 27.4%;
|
|
|
border: 4px solid red;
|
|
|
}
|
|
|
|
|
|
img.diagramimg{
|
|
|
width:100%;
|
|
|
/*margin-top:420px;*/
|
|
|
}
|
|
|
|
|
|
|
|
|
/*line style*/
|
|
|
|
|
|
|
|
|
ul{
|
|
|
/*border-top: 2px solid black;*/
|
|
|
padding: 0;
|
|
|
}
|
|
|
|
|
|
li {
|
|
|
display: inline-block;
|
|
|
width: 2%;
|
|
|
/* border: 1px solid black;*/
|
|
|
/* margin-right: 1%;*/
|
|
|
}
|
|
|
|
|
|
|
|
|
#redline {
|
|
|
height: 30px;
|
|
|
border-left: red 2px solid;
|
|
|
}
|
|
|
|
|
|
#blueline {
|
|
|
height: 30px;
|
|
|
border-left: blue 2px solid;
|
|
|
}
|
|
|
.line {
|
|
|
height: 30px;
|
|
|
}
|
|
|
|
|
|
.invisible{
|
|
|
height: 30px;
|
|
|
}
|
|
|
|
|
|
.content {
|
|
|
display: none;
|
|
|
height: 300px;
|
|
|
width: 300px;
|
|
|
text-align: justify;
|
|
|
/*border: 1px pink solid;*/
|
|
|
/*border-left: red 1px solid;*/
|
|
|
}
|
|
|
|
|
|
.linecomment{
|
|
|
font-size: 8pt;
|
|
|
}
|
|
|
|
|
|
|
|
|
.linecommentblue{
|
|
|
font-size: 8pt;
|
|
|
width: 100%;
|
|
|
}
|
|
|
/*.content:hover{
|
|
|
display:block;
|
|
|
|
|
|
}*/
|
|
|
|
|
|
/* ---- Rank Notes ---- */
|
|
|
|
|
|
|
|
|
.rd_01 {
|
|
|
position: absolute;
|
|
|
left: 20%;
|
|
|
width: 150px;
|
|
|
margin-top: -80px;
|
|
|
font-size: 8pt;
|
|
|
}
|
|
|
|
|
|
.rd_02 {
|
|
|
position: absolute;
|
|
|
left: 40%;
|
|
|
width: 150px;
|
|
|
margin-top: -40px;
|
|
|
font-size: 8pt;
|
|
|
}
|
|
|
|
|
|
.rd_03 {
|
|
|
position: absolute;
|
|
|
left: 60%;
|
|
|
width: 150px;
|
|
|
margin-top: -80px;
|
|
|
font-size: 8pt;
|
|
|
}
|
|
|
|
|
|
.rd_04 {
|
|
|
position: absolute;
|
|
|
left: 70%;
|
|
|
width: 150px;
|
|
|
margin-top: -80px;
|
|
|
font-size: 8pt;
|
|
|
}
|
|
|
|
|
|
.rd_05 {
|
|
|
position: absolute;
|
|
|
left: 80%;
|
|
|
width: 150px;
|
|
|
margin-top: -80px;
|
|
|
font-size: 8pt;
|
|
|
}
|
|
|
|
|
|
.rankdescription_L {
|
|
|
position: absolute;
|
|
|
width: 150px;
|
|
|
margin-top: -20px;
|
|
|
font-size: 10pt;
|
|
|
}
|
|
|
|
|
|
.rankdescription_R {
|
|
|
position: absolute;
|
|
|
left: 87%;
|
|
|
width: 150px;
|
|
|
margin-top: -20px;
|
|
|
font-size: 10pt;
|
|
|
}
|
|
|
|
|
|
/*SCALE OF CENTRALIZATION NOTES*/
|
|
|
|
|
|
.rankdescription_centralization_L {
|
|
|
position: absolute;
|
|
|
width: 150px;
|
|
|
margin-top: -20px;
|
|
|
font-size: 10pt;
|
|
|
}
|
|
|
|
|
|
.rankdescription_centralization_R {
|
|
|
position: absolute;
|
|
|
left: 87%;
|
|
|
width: 150px;
|
|
|
margin-top: -20px;
|
|
|
font-size: 10pt;
|
|
|
}
|
|
|
|
|
|
.rd_c_01 {
|
|
|
position: absolute;
|
|
|
left: 20%;
|
|
|
width: 150px;
|
|
|
margin-top: -80px;
|
|
|
font-size: 8pt;
|
|
|
}
|
|
|
|
|
|
.rd_c_70 {
|
|
|
position: absolute;
|
|
|
left: 80%;
|
|
|
width: 150px;
|
|
|
margin-top: -80px;
|
|
|
font-size: 8pt;
|
|
|
}
|
|
|
|
|
|
/*----------------*/
|
|
|
|
|
|
img.gif{ width: 100%;
|
|
|
border:red 2px solid;
|
|
|
}
|
|
|
|
|
|
img.gif_user{
|
|
|
/*width: calc(1/6 * 100%);*/
|
|
|
box-sizing: border-box;
|
|
|
border: 2px solid red;
|
|
|
width: 16%;
|
|
|
padding:0;
|
|
|
margin:0;
|
|
|
}
|
|
|
|
|
|
img.link, img.user, img.community, img.internet, img.network{
|
|
|
|
|
|
/*width: calc(1/6 * 90%);*/
|
|
|
/*border:black 1px solid;*/
|
|
|
box-sizing: border-box;
|
|
|
border: 1px solid black;
|
|
|
width: 16%;
|
|
|
padding:0;
|
|
|
margin:0;
|
|
|
}
|
|
|
|
|
|
.exp{
|
|
|
width: 55%;
|
|
|
}
|
|
|
|
|
|
.imgtimeline{
|
|
|
width: 80%;
|
|
|
border: 2px solid red;
|
|
|
}
|
|
|
|
|
|
.ancho{
|
|
|
width:90%;
|
|
|
}
|
|
|
|
|
|
.scalenotes{
|
|
|
width: 100%;
|
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
|
|
<head>
|
|
|
<script src="http://code.jquery.com/jquery-3.3.1.min.js"integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="crossorigin="anonymous"></script>
|
|
|
<meta charset="utf-8">
|
|
|
<title>COLLABORATIVE NETWORS</title>
|
|
|
<script>
|
|
|
// click script
|
|
|
$(document).ready(
|
|
|
function(){
|
|
|
var click = 0;
|
|
|
$(".line").click(function(){
|
|
|
click += 1;
|
|
|
click = click % 2;
|
|
|
console.log(click);
|
|
|
if ( click == 1) {
|
|
|
$(".line").not(this).css("display","none");
|
|
|
$(this).siblings().css("display","block");
|
|
|
}
|
|
|
else {
|
|
|
$(".line").css("display","block");
|
|
|
$(this).siblings().css("display","none");
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
)
|
|
|
</script>
|
|
|
</head>
|
|
|
<body>
|
|
|
|
|
|
<h1>COLLABORATIVE NETWORKS</h1>
|
|
|
|
|
|
|
|
|
|
|
|
<p>Collaborative initiatives invite users to work together pursuing a common goal. The participants of this projects, create a network that allows them to communicate and establish a series of links or connections that characterize the morphology of this collaborative network.The objective of this research is to analyze the different networks that are generated in order to create hibrid visual projects through crowd-sourced techniques. This common goal will only be achieved if a large amount of users/contributors create a set of links, rules and protocols and base their thought in acting locally and thinking globally.</p>
|
|
|
|
|
|
<img class="textimage" src="img/cadaverexquisito.jpg">
|
|
|
<div class="foot">*Exquisite corp</div>
|
|
|
|
|
|
<p>Each crowd-sourced project is characterized by a particular morphology to which we are going to approach, based on three reference levels. First, the scale of centralization determines who accepts, rejects or modifies the users’ contributions. This scale is directly related with the autonomy level that a participant reaches when producing their own contribution. Second, the level of agency determines the predefinition of the task that the user performs. This scale determines how strict are the rules imposed to the creator and therefore the user’s freedom to create his own contribution. The third element that will determine the nature and morphology of a collaborative networks is the level of synergy. This one, is connected with the interaction degree among users. So, the strength and typology and characteristics of the links that are created between different nodes of these networks.</p>
|
|
|
|
|
|
<p>In order to have an active experience on collaborative and crowd-sourced initiatives, several drawing-based experiments are developed with the XPUB community. The levels of agency, synergy, and centralization are going to be modified trying to understand which are the contributors behavior consequences when transforming the nature of their network. Moreover, the visual result, will reflect this morphology modifications, allowing us to experiment different association and links through which to create a collaborative visual element.</p>
|
|
|
|
|
|
<p>Crowd-sourced networks have been created for large and ambitious projects, especially in the last 10 years, when Internet communication is more than globalized. In this research, 7 web-based collaborative projects will be analyzed and mapped. The comparative analysis of these crowd-sourced mass projects allow us to have a comparative and global vision. Through projects such as The Exquisite Forest, Reddit Place or The Sheep Market, we will determine the network morphology created around it and how the graphic result shows a reflection of the structure and links between users behind it.</p>
|
|
|
|
|
|
<p>When the visual collaborative objective is reached, it can be understood as a graphic representation of the complex network that exists behind them. The users / contributors / creators that are part of it leave their visual imprint that will become part of the essence of that crowd-sourded creation. Furthermore, communities and sub-communities that have been created to encourage more prominent elements will also have a literal translation into the global visualization. Can we understand collaborative projects as an X-ray of the creators networks that are formed behind them?</p>
|
|
|
|
|
|
<h2>COLLABORATIVE NETWORKS IN ART PRODUCTIONS</h2>
|
|
|
|
|
|
<!-- <a href="link">text</a> -->
|
|
|
<img class="textimage" src="img/draw.jpg">
|
|
|
<div class="footred">*Jirō Yoshihara, Please Draw Freely, 1956</div>
|
|
|
<p><a href="http://www.artnews.com/2014/09/02/artists-and-crowdsourcing/">Crowdsourcing is creating something that’s greater than the sum of its parts. </a><a href="https://medium.com/smarter-cities/the-future-of-crowdsourcing-67ee31b88b5b">This collaboration is been used to come up with new business ideas, solutions to social problems, funding new products , mapping environmental disasters, identifying potholes that need to be repaired and even getting someone to wait in line for your new iPhone. </a> <a href="https://cacm.acm.org/magazines/2011/4/106563-crowdsourcing-systems-on-the-world-wide-web/fulltext">This system enlist a multitude of humans to help solve a wide variety of problems. </a><a href="http://digicult.it/digimag/issue-050/distributed-creativity-models-the-crowdsourcing/">The crowd-sourcing principle confirms that a collective creation can produce better (and cheaper) results than an individual. </a><a href="http://flavorwire.com/85891/crowdsourced-art-when-the-masses-play-nice">Whether crowdsourced art grows into a prevalent method of expression, or, as one critic worries, becomes a form of “digital serfdom,” when millions of individuals from around the world contribute to a work, the work can be as diverse as the individual contributors.</a></p>
|
|
|
|
|
|
<p><a href="http://foa-flux.net/wp-content/uploads/2017/06/annemarie-bucher-2014-co-art.pdf">Collaboration and community building are not only driving forces in everyday life. They also have emerged as important topics and practices in contemporary art, as Grant Kester illustrates in his publications. </a><a href="http://foa-flux.net/wp-content/uploads/2017/06/annemarie-bucher-2014-co-art.pdf">Addressing communities and collaborative modes of production in different cultural and social contexts claims to be art. </a><a href="http://www.artnews.com/2014/09/02/artists-and-crowdsourcing/">Crowdsourced art is about inclusiveness, turning formerly passive audiences into active creators and empowering people who aren’t normally part of the art world</a></p>
|
|
|
|
|
|
|
|
|
<p><a href="http://foa-flux.net/wp-content/uploads/2017/06/annemarie-bucher-2014-co-art.pdf">The meta-narrative of globalization has brought into view many different manifestations and experiences that emphasise the “co.” How to deal with this diverse and complex phenomenon? This apparently inconsiderable prefix not only designates loopholes in canonical settings in art theory and practice, but also reveals a multitude of coexisting art notions and art practices. </a><a href="http://foa-flux.net/wp-content/uploads/2017/06/annemarie-bucher-2014-co-art.pdf">Collaboration and community building in the arts lead to all kinds of results, situated between physical structures, social networks, and ephemeral events. </a><a href="https://cacm.acm.org/magazines/2011/4/106563-crowdsourcing-systems-on-the-world-wide-web/fulltext">We can say that a crowdsourcing system enlists a crowd of users to explicitly collaborate to build a long-lasting artifact that is beneficial to the whole community.</a></p>
|
|
|
|
|
|
|
|
|
<p><a href="https://medium.com/project-pen/the-internet-and-collaborative-art-an-interview-with-interactive-diaries-c40328235988">Can collaboration over art reveal the inherent similarities between cultures and people?</a><a href="https://medium.com/project-pen/the-internet-and-collaborative-art-an-interview-with-interactive-diaries-c40328235988"> People all over the world are dealing with the same things, just in different ways.</a><a href="https://cacm.acm.org/magazines/2011/4/106563-crowdsourcing-systems-on-the-world-wide-web/fulltext">How to recruit and retain users? What contributions can users make? How to combine user contributions to solve the target problem? How to evaluate users and their contributions?</a></p>
|
|
|
|
|
|
<h2>CROWDSOURCING AND COLLABORATION FOR VISUAL PURPOSES, NEW?</h2>
|
|
|
|
|
|
<img class="textimage" src="img/wish_tree.jpg">
|
|
|
<div class="footred">*Yoko Ono Wish tree instructions</div>
|
|
|
|
|
|
<p><a href="https://digit.hbs.org/submission/from-drawings-on-a-board-to-interactive-apps-crowdsourced-art/">Collaborative art is not an entirely new concept but has become easier than ever with the advent of digital technology</a><a href="https://digit.hbs.org/submission/from-drawings-on-a-board-to-interactive-apps-crowdsourced-art/">Collaborative art emerged in the late 1950s and presented a radical paradigm shift from the artist as creator and fully separate from the audience, with the output of his creation to be displayed in museums and galleries, to a form of art more integrated into the public space and with participation from citizens in its creation.</a><a href="http://www.artnews.com/2014/09/02/artists-and-crowdsourcing/">An offshoot of social practice, crowdsourced art has roots in the communal idealism of the late 1950s and ’60s, when Fluxus artists such as Allan Kaprow started staging Happenings and other interactive performances with the public. Fluxus member Yoko Ono was (and still is) a major progenitor of collaborating with the crowd. While those works were participatory, they weren’t exactly crowdsourced.</a></p>
|
|
|
|
|
|
<p><a href="http://foa-flux.net/wp-content/uploads/2017/06/annemarie-bucher-2014-co-art.pdf">The visual arts in Western contexts seem to be an exceptional case even though medieval European artists worked in collectives such as the “Bauhütte” (masons‘ lodge) and guilds, without (claiming) any individual authorship.</a><a href="http://foa-flux.net/wp-content/uploads/2017/06/annemarie-bucher-2014-co-art.pdf">Creating a social sphere through art became pivotal in Joseph Beuys‘s concept and practice of “social sculpture” (soziale Plastik). Beuys‘s work is a popular source of building a community through art and of regaining social and political power for the arts.</a></p>
|
|
|
|
|
|
<p><a href="https://www.tate.org.uk/art/art-terms/i/internet-art">Net art emerged in the 1990s when artists found that the internet was a useful tool to promote their art uninhibited by political, social or cultural constraints.</a><a href="https://cacm.acm.org/magazines/2011/4/106563-crowdsourcing-systems-on-the-world-wide-web/fulltext">Over the past decade, numerous such systems have appeared on the World-Wide Web. Prime examples include Wikipedia, Linux, Yahoo! Answers, Mechanical Turk-based systems, and much effort is being directed toward developing many more. </a><a href="http://www.artnews.com/2014/09/02/artists-and-crowdsourcing/">Even the word crowdsource, coined by Jeff Howe in Wired magazine in 2006, has techy origins </a></p>
|
|
|
|
|
|
|
|
|
<h2>FROM PAPER TO WEB-BASED COLLABORATIVE PROCESSES</h2>
|
|
|
|
|
|
|
|
|
<p><a href="http://edition.cnn.com/2009/TECH/08/19/online.collaborative.art/index.html">This crowd-sourced creativity online is putting a new twist on traditional ideas of artistic ownership, online communication and art production.</a>
|
|
|
<a href="https://academic.oup.com/jcmc/article/10/4/JCMC1046/4614462">Computer-mediated collaboration has become an important issue due to several trends that change how we go about organizational and academic work. The increased use of computer media for daily communication leads to more online activity even with local colleagues. Communication via computer media is also complemented by multiple forms of data repository, including databases, digital libraries, and information stored and disseminated via the web. </a></p>
|
|
|
|
|
|
|
|
|
<p><a href="http://www.artnews.com/2014/09/02/artists-and-crowdsourcing/">Moreover, it might just be the quintessential art form for our hyper-engaged era of social media and smart app</a>
|
|
|
<a href="https://medium.com/smarter-cities/the-future-of-crowdsourcing-67ee31b88b5b">Our access to the Internet, knowledge-networks and each other is increasing at an astonishing rate. We’re connected through our cell phones, computers, cars & soon-to-be watches. We’re all at the same party and have reached a tipping point of online connectivity. In fact, 2.4 Billion People use the Internet everyday.( Hyperconnectivity)</a></p>
|
|
|
|
|
|
<p><a href="http://www.artnews.com/2014/09/02/artists-and-crowdsourcing/">Because crowdsourced art can require huge numbers of people, Internet artists have become some of its most prolific practitioners</a>
|
|
|
<a href="http://www.artnews.com/2014/09/02/artists-and-crowdsourcing/">Both the algorithmic nature of the Internet and its potential to amass distant collaborators allow artists to execute very big ideas. Using Instagram and Twitter, Ono has collected photos of smiling faces from every continent except Antarctica for her ongoing #smilesfilm campaign.</a>
|
|
|
<a href="http://flavorwire.com/85891/crowdsourced-art-when-the-masses-play-nice">It’s good to remember that the internet can be used for collaborative projects beyond just Wikipedia or flash mobs.</a></p>
|
|
|
|
|
|
<h2>ROLES IN DIGITAL COLLABORATIVE NETWORKS </h2>
|
|
|
|
|
|
<img class="textimage" src="img/pt1.jpg"><a href="https://static1.squarespace.com/static/51d98be2e4b05a25fc200cbc/t/5b5eb338aa4a99bb719b11bd/1532932923617/Centralization+and+Agency+in+Crowd+Sourced+Digital+Art+Projects.pdf">
|
|
|
<div class="footred">*Collaborative pixel drawing in Reddit</div>
|
|
|
|
|
|
<p><a href="https://digit.hbs.org/submission/from-drawings-on-a-board-to-interactive-apps-crowdsourced-art/">In crowdsourced art, viewers are also often the makers: clearly the value for those actually involved in the making is increased through enhanced meaning attributed to the piece. </a><a href="http://www.artnews.com/2014/09/02/artists-and-crowdsourcing/">In many works, audience is used as raw material, we need an audience to see and react to the given work, we need their reactions for the work to exist,” the Mattes said. “Duchamp once said, ‘It is the viewer who makes the work,’ and we took that very literally.We have seeked to analyze projects wherein audiences become artists by participating in the creation of a piece of art by making one or more creative contributions. </a><a href="http://www.artnews.com/2014/09/02/artists-and-crowdsourcing/">The labor isn’t always free, but it costs a lot less than paying traditional employees. It’s not outsourcing; it’s crowdsourcing.</a></p>
|
|
|
|
|
|
|
|
|
<p><a href="https://static1.squarespace.com/static/51d98be2e4b05a25fc200cbc/t/5b5eb338aa4a99bb719b11bd/1532932923617/Centralization+and+Agency+in+Crowd+Sourced+Digital+Art+Projects.pdf">There are three distinct roles in crowdsourced digital art projects:<br><br>
|
|
|
Project Initiator: The artist, group, or institution that creates the process and defines the product.<br>
|
|
|
Participant: An individual that makes an intentional contribution to a crowdsourced digital art process.<br>
|
|
|
Audience: An individual that observes a crowdsourced digital art process, or observes or engages with a project’s product.<br>
|
|
|
Contributor: A participant that makes an intentional digital contribution to a crowdsourced digital art process as defined by the processes system or structure established by the project initiator. The most basic and foundational building block of crowd-sourced digital art projects.</a></p>
|
|
|
|
|
|
<p><a href="https://www.internetsociety.org/collaborativesecurity/">Everyone who participates in a crowdsourced project should take this common roles:<br><br>
|
|
|
Collective Responsibility: Internet participants share a responsibility towards the system as a whole.<br>
|
|
|
Evolution and Consensus: Effective security relies on agile evolutionary steps based on the expertise of a broad set of stakeholders.<br>
|
|
|
Think Globally, Act Locally: It is through voluntary bottom-up self-organization that the most impactful solutions are likely to reached.</a></p>
|
|
|
|
|
|
|
|
|
<h2>NETWORK MORPHOLOGY: CENTRALIZATION, AGENCY AND SYNERGY</h2>
|
|
|
|
|
|
<img class="textimage" src="img/reddittile_red.jpg">
|
|
|
<div class="foot">*Reddit place notification</div>
|
|
|
|
|
|
<p>When a collaborative visual project is created, it generates a complex network of users/creators/contributors who will become an active and fundamental part of it. All this complex interconnected world that is created has different morphologies depending on the specific characteristics of the network that is generated around it. In order to determine the qualities of this set of links it is important to attend to three fundamental aspects represented by the concepts of centralization, agency and synergy.</p>
|
|
|
|
|
|
<p>First the centralization scale determines who is going to select or modify the contributions or which filters are they going to overtake. We understand that a collaborative network is more centralized the more manipulation are allowed. Second, the agency level determines which are the rules imposed to the users, this concept is directly related to the freedom that a certain user has when making his contribution. A collaborative network acquires its highest point in the agency scale when stricter rules are imposed. Finally, we will analyze the interaction and communication between users. The networks generated when starting a collaborative project, can be tremendously extensive and the level of interaction among the users that compose it can be very diversed. This level of communication will determine the nature of the links that will be created and therefore the position of a certain collaborative network on the synergy scale.</p>
|
|
|
|
|
|
<h3>SCALE OF CENTRALIZATION</h3>
|
|
|
|
|
|
|
|
|
<img class="scalenotes" src="img/SCALENOTES/CENTRALIZATION.jpg">
|
|
|
|
|
|
<ul>
|
|
|
<li id="one"class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="two"class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="three" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="four" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="five" class=invisible>
|
|
|
<div class="line" id="redline"></div>
|
|
|
|
|
|
<div class="content">
|
|
|
<a class="linecomment" href="https://www.nytimes.com/2014/09/26/nyregion/.html">
|
|
|
<b>BORGES LIBRARY</b><br><br>
|
|
|
Their 135,000-character puzzle (actually two, one for the original Spanish and another in English translation) contains every word Borges ever wrote. It can be reached via the web, where participants can find and “circle” words, using a keyboard
|
|
|
</a><br>
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
|
<li id="six" class=invisible>
|
|
|
<div class="line" id="redline"></div>
|
|
|
<div class="content">
|
|
|
<a class="linecomment" href="https://en.wikipedia.org/wiki/The_Million_Dollar_Homepage">
|
|
|
<b>THE MILLION DOLLAR HOMEPAGE</b><br><br>
|
|
|
The home page consisted of a million pixels arranged in a 1000 × 1000 pixel grid; the image-based links on it were sold for $1 per pixel in 10 × 10 blocks. The purchasers of these pixel blocks provided tiny images to be displayed on them, a URL to which the images were linked, and a slogan to be displayed when hovering a cursor over the link.
|
|
|
</a><br>
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
|
<li id="seven" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="eight" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="nine" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="ten" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="eleven" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twelve" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirteen" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fourteen" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fiveteen" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="sixteen" class=invisible>
|
|
|
<div class="line" id="blueline"></div>
|
|
|
<div class="content">
|
|
|
<p class="linecommentblue">
|
|
|
<b>LET’S DRAW A NETWORK</b><br><br>
|
|
|
You can participate in this collective drawing experiment if you consider yourself a node of the Xpub Federated Network and you have at least one link or connection with some different node of the Federation.
|
|
|
</p><br>
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
|
<li id="seventeen" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="eighteen" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="nineteen" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twenty" class=invisible>
|
|
|
<div class="line" id="redline"></div>
|
|
|
<div class="content">
|
|
|
<a class="linecomment" href="https://redditblog.com/2017/04/18/place-part-two/">
|
|
|
<b>REDDIT PLACE</b><br><br>
|
|
|
Over a million redditors placed 16.5 million tiles to transform a simple, white, 1000×1000-pixel canvas into a surprisingly beautiful clash of communities, nations, ideologies, and fandoms. Because each user could only place one tile every five minutes, any single individual would have struggled to create a meaningful image on their own. However, through community collaboration, users quickly produced complex creations, surpassing all of our expectations about how this project would turn out once the 72 hours were up.
|
|
|
</a><br>
|
|
|
<img class="imgtimeline" src="img/SCALES/reddit01.jpg">
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twenty-one" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twenty-two" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twenty-three" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twenty-four" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twenty-five" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twenty-six" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twenty-seven" class=invisible>
|
|
|
<div class="line" id="redline"></div>
|
|
|
<div class="content">
|
|
|
<a class="linecomment" href="http://www.exquisiteforest.com/concept">
|
|
|
<b>THE EXQUISITE FOREST</b><br><br>
|
|
|
This Exquisite Forest is an online collaborative animation project. From 2012 - 2014, visitors to this site could use an online drawing tool to create a short animation. Other visitors could then build off of that animation, resulting in branching, ever-evolving narratives resembling trees.
|
|
|
</a><br>
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twenty-eight" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twenty-nine" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirty" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirty-one" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirty-two" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirty-three" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirty-four" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirty-five" class=invisible>
|
|
|
<div class="line" id="blueline"></div>
|
|
|
<div class="content">
|
|
|
<p class="linecommentblue">
|
|
|
<b>QUICK, DRAW A NETWORK!</b><br><br>
|
|
|
Contributions are selected by the project iniciator who collect and evaluate them.
|
|
|
</p><br>
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirty-six" class=invisible>
|
|
|
<div class="line" id="redline"></div>
|
|
|
<div class="content">
|
|
|
<a class="linecomment" href="https://medium.com/project-pen/">
|
|
|
<b>INTERACTIVE DIARIES</b><br><br>
|
|
|
How are you auditioning artists?<br>
|
|
|
We’ve looked for artists who share our vision. We had to narrow our vision to make sure everyone is on the right track; so we’re going to focus on “normal life”, whatever that means to each artist: public transportation, going to school, shopping, etc.
|
|
|
</a><br>
|
|
|
<img class="imgtimeline" src="img/SCALES/interactivediaries.jpg">
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirty-seven" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirty-eight" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirty-nine" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fourty" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fourty-one" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fourty-two" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fourty-three" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fourty-four" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fourty-five" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fourty-six" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fourty-seven" class=invisible>
|
|
|
<div class="line" id="redline"></div>
|
|
|
<div class="content">
|
|
|
<a class="linecomment" href="http://www.tenthousandcents.com">
|
|
|
<b>TEN THOUSAND CENTS</b><br><br>
|
|
|
How did you get all 10000 drawings?<br>
|
|
|
We posted tasks on Amazon’s Mechanical Turk site. Anonymously, 10000 artists worked on drawing pieces of a $100 bill. and we paid one cent per piece (total $100).
|
|
|
</a><br>
|
|
|
<img class="imgtimeline" src="img/SCALES/tenthousandcentscountries.png">
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fourty-eight" class=invisible>
|
|
|
<div class="line" id="redline"></div>
|
|
|
<div class="content">
|
|
|
<a class="linecomment" href="http://www.thesheepmarket.com">
|
|
|
<b>THE SHEEP MARKET</b><br>
|
|
|
</a><br>
|
|
|
<img class="imgtimeline" src="img/SCALES/rejectedsheep.png">
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
<h3>SCALE OF AGENCY</h3>
|
|
|
|
|
|
<img class="scalenotes" src="img/SCALENOTES/AGENCY.jpg">
|
|
|
|
|
|
|
|
|
<ul>
|
|
|
<li id="one" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
</li>
|
|
|
<li id="two"class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="three" class=invisible>
|
|
|
<div class="line" id="redline"></div>
|
|
|
<div class="content">
|
|
|
<a class="linecomment" href="http://www.tenthousandcents.com">
|
|
|
<b>TEN THOUSAND CENTS</b><br>
|
|
|
</a><br>
|
|
|
<img class="imgtimeline" src="img/SCALES/tenthousandcents.jpg">
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
|
<li id="four" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="five" class=invisible>
|
|
|
<div class="line" id="redline"></div>
|
|
|
<div class="content">
|
|
|
<a class="linecomment" href="https://quickdraw.withgoogle.com">
|
|
|
<b>GOOGLE QUICK, DRAW!</b><br>
|
|
|
</a><br>
|
|
|
<img class="imgtimeline" src="img/SCALES/quickdraw.jpg">
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
|
<li id="six" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="seven" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="eight" class=invisible>
|
|
|
<div class="line" id="redline"></div>
|
|
|
<div class="content">
|
|
|
<a class="linecomment" href="http://www.thesheepmarket.com">
|
|
|
<b>THE SHEEP MARKET</b><br>
|
|
|
</a><br>
|
|
|
<img class="imgtimeline" src="img/SCALES/toolsheep.jpg">
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
|
<li id="nine" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="ten" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="eleven" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twelve" class=invisible>
|
|
|
<div class="line" id="blueline"></div>
|
|
|
<div class="content">
|
|
|
<p class="linecommentblue">
|
|
|
<b>QUICK, DRAW A NETWORK!</b><br></p>
|
|
|
<img class="imgtimeline" src="img/SCALES/QUICKDRAW_XP.jpg">
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirteen" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fourteen" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fiveteen" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="sixteen" class=invisible>
|
|
|
<div class="line" id="redline"></div>
|
|
|
<div class="content">
|
|
|
<a class="linecomment" href="https://medium.com/project-pen/">
|
|
|
<b>INTERACTIVE DIARIES</b><br><br>
|
|
|
How will it work?<br>
|
|
|
The sound artists will be recording the ambience of their home town, before uploading it to our engineers, who will create a universal soundtrack.<br>
|
|
|
The photographers will be taking photos sequentially with each other in one album, so the photos will be talking to each other.<br>
|
|
|
For the drawing, the artists will all log into the same program, and draw on the same canvas without talking.
|
|
|
</a><br>
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
|
<li id="seventeen" class=invisible>
|
|
|
<div class="line" id="redline"></div>
|
|
|
<div class="content">
|
|
|
<a class="linecomment" href="https://en.wikipedia.org/wiki/The_Million_Dollar_Homepage">
|
|
|
<b>THE MILLION DOLLAR HOMEPAGE</b><br><br>
|
|
|
La página web consiste de un millón de píxeles arreglados en una cuadrícula de 1000×1000 píxeles; los enlaces a base de imágenes encontrados en ésta eran vendidos a un dólar por píxel en bloques de 10×10. Los compradores de estos bloques de píxeles facilitaban imágenes pequeñas para ser mostradas en ellos, una URL al cual las imágenes estaban enlazadas, y un eslogan que se mostraría cuando se sostiene el puntero sobre el enlace.
|
|
|
</a><br>
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
|
<li id="eighteen" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="nineteen" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twenty" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twenty-one" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twenty-two" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twenty-three" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twenty-four" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twenty-five" class=invisible>
|
|
|
<div class="line" id="redline"></div>
|
|
|
<div class="content">
|
|
|
<a class="linecomment" href="https://www.vice.com/">
|
|
|
<b>BORGES LIBRARY</b><br><br>
|
|
|
The two artists also noticed that some people will circle random letters “just to fuck with the application.” And they’re okay with this usage: those artificial words are no more or less valid than the others
|
|
|
</a><br>
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twenty-six" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twenty-seven" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twenty-eight" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twenty-nine" class=invisible>
|
|
|
<div class="line" id="blueline"></div>
|
|
|
<div class="content">
|
|
|
<p class="linecommentblue">
|
|
|
<b>LET`S DRAW A NETWORK</b><br><br>
|
|
|
(2mins) You have two minutes to draw your node / your server / yourself (use a black marker) in the paper that you chose.<br>
|
|
|
Put all the pieces of paper together following the numbered mapping structure.<br>
|
|
|
(10mins) You have 10 minutes to draw the links or connections that you have with the rest of the nodes/servers in your Network. The links can be drawn or described whatever you want so feel free to use any type of marker or color that you consider to express different levels of strength or character.
|
|
|
</p><br>
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirty" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirty-one" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirty-two" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirty-three" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirty-four" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirty-five" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirty-six" class=invisible>
|
|
|
<div class="line" id="redline"></div>
|
|
|
<div class="content">
|
|
|
<a class="linecomment" href="http://www.exquisiteforest.com/forest">
|
|
|
<b>THE EXQUISITE FOREST</b><br><br>
|
|
|
Each user can start a tree and impose his rules.
|
|
|
</a><br>
|
|
|
<img class="imgtimeline" src="img/SCALES/ef.jpg">
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirty-seven" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirty-eight" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirty-nine" class=invisible>
|
|
|
<div class="line" id="redline"></div>
|
|
|
<div class="content">
|
|
|
<a href="https://www.kickstarter.com/projects/benjaminredford">
|
|
|
<b>INTERNETOPIA</b><br><br>
|
|
|
Nobody knows what the final poster will look like until all requests are in and Ben has finished the drawing... exciting, Isn’t it?
|
|
|
</a><br>
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fourty" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fourty-one" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fourty-two" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fourty-three" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fourty-five" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fourty-six" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fourty-seven" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fourty-eight" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fourty-nine" class=invisible>
|
|
|
<div class="line" id="redline"></div>
|
|
|
<div class="content">
|
|
|
<a class="linecomment" href="https://redditblog.com/2017/04/18/place-part-two/">
|
|
|
<b>REDDIT PLACE</b><br><br>
|
|
|
There is an empty canvas. You may place a tile upon it, but you must wait to place another.Individually you can create something.Together you can create something more..
|
|
|
</a><br>
|
|
|
<img class="imgtimeline" src="img/SCALES/redditagency.jpg">
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
<h3>SCALE OF SYNERGY</h3>
|
|
|
|
|
|
<img class="scalenotes" src="img/SCALENOTES/SYNERGY.jpg">
|
|
|
|
|
|
<ul>
|
|
|
<li id="one" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
</li>
|
|
|
<li id="two"class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="three" class=invisible>
|
|
|
<div class="line" id="redline"></div>
|
|
|
<div class="content">
|
|
|
<a class="linecomment" href="http://www.tenthousandcents.com/top.html#project">
|
|
|
<b>TEN THOUSAND CENTS</b><br><br>
|
|
|
Thousands of individuals working in isolation from one another painted a tiny part of the bill without knowledge of the overall task.
|
|
|
</a><br>
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
|
<li id="four" class=invisible>
|
|
|
<div class="line" id="redline"></div>
|
|
|
<div class="content">
|
|
|
<a class="linecomment" href="http://www.thesheepmarket.com">
|
|
|
<b>THE SHEEP MARKET</b><br><br>
|
|
|
Think of this as an example of how to quickly, easily, and inexpensively get 10,000 people to do something for you. Today it is sheep, but it could just as easily be choices of color combinations for car interiors, evaluation of some logos for your business, selection of most important features when choosing a vacation spot, and so forth.
|
|
|
</a><br>
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
|
<li id="five" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="six" class=invisible>
|
|
|
<div class="line" id="blueline"></div>
|
|
|
<div class="content">
|
|
|
<p class="linecommentblue">
|
|
|
<b>QUICK, DRAW A NETWORK</b><br><br>
|
|
|
The contributors don’t have contact with the other contributors when they are drawing their concepts.
|
|
|
</p><br>
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
|
<li id="seven" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="eight" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="nine" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="ten" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="eleven" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twelve" class=invisible>
|
|
|
<div class="line" id="redline"></div>
|
|
|
<div class="content">
|
|
|
<a class="linecomment" href="https://www.borgeslibrary.com/">
|
|
|
<b>BORGES LIBRARY</b><br>
|
|
|
</a><br>
|
|
|
<img class="imgtimeline" src="img/SCALES/BORGESLIBRARY.jpg">
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirteen" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fourteen" class=invisible>
|
|
|
<div class="line" id="redline"></div>
|
|
|
<div class="content">
|
|
|
<a class="linecomment" href="https://quickdraw.withgoogle.com">
|
|
|
<b>GOOGLE QUICK, DRAW!</b><br><br>
|
|
|
The player starts with an object to draw (for example it may say “Draw a chair in under 20 seconds”). Then the player has twenty seconds to draw that object. Based on what they draw, the AI guesses what they are drawing. When the drawing is close enough to the item they were given to draw, it will say something like “I know, it’s a chair!” and the player will be moved on to the next round. There are six rounds in a game of Quick, Draw! and at the end the game shows what other people have drawn in the categories the player didn’t draw successfully.
|
|
|
</a><br>
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fiveteen" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="sixteen" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="seventeen" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="eighteen" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="nineteen" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twenty" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twenty-one" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twenty-two" class=invisible>
|
|
|
<div class="line" id="redline"></div>
|
|
|
<div class="content">
|
|
|
<a class="linecomment" href="https://medium.com/project-pen/">
|
|
|
<b>INTERACTIVE DIARIES</b><br><br>
|
|
|
The artists won’t be able to communicate with one another?
|
|
|
Not initially. The diary is purely visual. The communication comes through the art.
|
|
|
</a><br>
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twenty-three" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twenty-four" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twenty-five" class=invisible>
|
|
|
<div class="line" id="redline"></div>
|
|
|
<div class="content">
|
|
|
<a class="linecomment" href="https://twitter.com/internetopia">
|
|
|
<b>INTERNETOPIA</b><br>
|
|
|
</a><br>
|
|
|
<img class="imgtimeline" src="img/SCALES/INTERNETOPIA.jpg">
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twenty-six" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twenty-seven" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twenty-eight" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="twenty-nine" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirty" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirty-one" class=invisible>
|
|
|
<div class="line" id="redline"></div>
|
|
|
<div class="content">
|
|
|
<a class="linecomment" href="http://www.exquisiteforest.com">
|
|
|
<b>THE EXQUISITE FOREST</b><br><br>
|
|
|
The online component allows paticipants to create short animations that build off one another as they explore a specific theme. The result is a collection of branching narratives resembling the trees of a forest.
|
|
|
</a><br>
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirty-two" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirty-three" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirty-four" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirty-five" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirty-six" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirty-seven" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirty-eight" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="thirty-nine" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fourty">
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fourty-one" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fourty-two" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fourty-three" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fourty-four" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fourty-five" class=invisible>
|
|
|
<div class="line" id="redline"></div>
|
|
|
<div class="content">
|
|
|
<a class="linecomment" href="http://www.exquisiteforest.com">
|
|
|
<b>REDDIT PLACE</b><br><br>
|
|
|
This year we came up with Place, a collaborative canvas on which a single user could only place a single tile every five minutes. This limitation de-emphasized the importance of the individual and necessitated the collaboration of many users in order to achieve complex creations. Each tile placed was relayed to observers in real-time.<br><br>
|
|
|
|
|
|
Part of the success of Place was due to the expectation that it would be largely self-policed. We thought that for every one person that wanted to do something negative, there would be thousands that wanted to overwrite that with something positive—and we were right. It turns out collaborating to make something bad is far harder than collaborating to make something good.
|
|
|
</a><br>
|
|
|
<img class="imgtimeline" src="img/SCALES/redditdefense.jpg">
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fourty-six" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fourty-seven" class=invisible>
|
|
|
<div class="line" id="blueline"></div>
|
|
|
<div class="content">
|
|
|
<p class="linecommentblue">
|
|
|
<b>LET’S DRAW A NETWORK</b><br>
|
|
|
</p><br>
|
|
|
<img class="imgtimeline" src="img/SCALES/letsdrawanetworkcollaboration.jpg">
|
|
|
</div>
|
|
|
</li>
|
|
|
|
|
|
<li id="fourty-eight" class=invisible>
|
|
|
<div class="line"></div>
|
|
|
</li>
|
|
|
|
|
|
</ul>
|
|
|
|
|
|
|
|
|
<h2>XPUB XPERIMENTS</h2>
|
|
|
|
|
|
<h3>QUICK, DRAW A NETWORK</h3>
|
|
|
|
|
|
<div class="right">
|
|
|
|
|
|
<p class="ancho">The drawing-based experiments with the XPUB community allow us to have a physical approach to the different elements that compose a collaborative network. In the first of these experiments, Quick, draw a Network each contributor will draw 5 concepts related to internet and netwoks. This topic is well-known and has been studied by the group in recent months. Through these quick drawings we will analyze the intuitive visualization of the users.</p>
|
|
|
|
|
|
<p class="ancho">Quick, draw a Network has a medium-high level of centralization since all contributions go through the curator, who selects, collects and composes all of them to be shown together. The level of agency is low because of the task definition is strictly provided (the format and style is pre-established). Finally, the level of synergy is low, despite being the users in the same space, the interaction between them was not allowed so they didn’t have knowledge about other contributions.</p>
|
|
|
|
|
|
<p class="ancho">Observing the results of Quick, draw a Network, we see that despite the predefinition of style and task, the results have a wide ranging appearance. The largest point of parallelism is found in the densities that are represented in the drawings. A link, in a much simpler element than a community. A user is characterized by his individuality in all his drawings but his nature is diffuse. We can also observe that the broader is the concept, the more problems it supposes for the quick visual representation, creating confusion that even generates question marks among the participants. Collective experiments have an important richness because of its mass knowledge in which tendencies and repetitions can be study. This global vision allows us to have a peer to peer knowledge which represents a reflection of the community that has participated in a centain initiative.</p>
|
|
|
|
|
|
<p class="ancho">RULES:</p>
|
|
|
|
|
|
<p class="ancho">You have an A4 piece of paper and a black marker. You have to develop a fast drawing trying to visualise the following concepts: LINK, USER, COMMUNITY, NETWORK and INTERNET</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="exp">
|
|
|
|
|
|
<img src="img/ex.gif" class="gif">
|
|
|
<br>
|
|
|
<br>
|
|
|
<img src="img/LINK/XP16.jpg" class="link">
|
|
|
<img src="img/USER/XP17.jpg" class="user">
|
|
|
<img src="img/COMMUNITY/XP18.jpg" class="community">
|
|
|
<img src="img/NTERNET/XP19.jpg" class="internet">
|
|
|
<img src="img/NETWORK/XP110.jpg" class="network">
|
|
|
<img src="img/GIF/GIF_USER01.gif" class="gif_user">
|
|
|
|
|
|
<img src="img/LINK/XP111.jpg" class="link">
|
|
|
<img src="img/USER/XP112.jpg" class="user">
|
|
|
<img src="img/COMMUNITY/XP113.jpg" class="community">
|
|
|
<img src="img/NTERNET/XP114.jpg" class="internet">
|
|
|
<img src="img/NETWORK/XP115.jpg" class="network">
|
|
|
<img src="img/GIF/GIF_USER02.gif" class="gif_user">
|
|
|
|
|
|
<img src="img/LINK/XP116.jpg" class="link">
|
|
|
<img src="img/USER/XP117.jpg" class="user">
|
|
|
<img src="img/COMMUNITY/XP118.jpg" class="community">
|
|
|
<img src="img/NTERNET/XP119.jpg" class="internet">
|
|
|
<img src="img/NETWORK/XP120.jpg" class="network">
|
|
|
<img src="img/GIF/GIF_USER03.gif" class="gif_user">
|
|
|
|
|
|
<img src="img/LINK/XP121.jpg" class="link">
|
|
|
<img src="img/USER/XP122.jpg" class="user">
|
|
|
<img src="img/COMMUNITY/XP123.jpg" class="community">
|
|
|
<img src="img/NTERNET/XP124.jpg" class="internet">
|
|
|
<img src="img/NETWORK/XP125.jpg" class="network">
|
|
|
<img src="img/GIF/GIF_USER04.gif" class="gif_user">
|
|
|
|
|
|
<img src="img/LINK/XP126.jpg" class="link">
|
|
|
<img src="img/USER/XP127.jpg" class="user">
|
|
|
<img src="img/COMMUNITY/XP128.jpg" class="community">
|
|
|
<img src="img/NTERNET/XP129.jpg" class="internet">
|
|
|
<img src="img/NETWORK/XP130.jpg" class="network">
|
|
|
<img src="img/GIF/GIF_USER05.gif" class="gif_user">
|
|
|
|
|
|
<img src="img/LINK/XP131.jpg" class="link">
|
|
|
<img src="img/USER/XP132.jpg" class="user">
|
|
|
<img src="img/COMMUNITY/XP133.jpg" class="community">
|
|
|
<img src="img/NTERNET/XP134.jpg" class="internet">
|
|
|
<img src="img/NETWORK/XP135.jpg" class="network">
|
|
|
<img src="img/GIF/GIF_USER06.gif" class="gif_user">
|
|
|
|
|
|
<img src="img/LINK/XP136.jpg" class="link">
|
|
|
<img src="img/USER/XP137.jpg" class="user">
|
|
|
<img src="img/COMMUNITY/XP138.jpg" class="community">
|
|
|
<img src="img/NTERNET/XP139.jpg" class="internet">
|
|
|
<img src="img/NETWORK/XP140.jpg" class="network">
|
|
|
<img src="img/GIF/GIF_USER07.gif" class="gif_user">
|
|
|
|
|
|
<img src="img/LINK/XP141.jpg" class="link">
|
|
|
<img src="img/USER/XP142.jpg" class="user">
|
|
|
<img src="img/COMMUNITY/XP143.jpg" class="community">
|
|
|
<img src="img/NTERNET/XP144.jpg" class="internet">
|
|
|
<img src="img/NETWORK/XP145.jpg" class="network">
|
|
|
<img src="img/GIF/GIF_USER08.gif" class="gif_user">
|
|
|
|
|
|
<img src="img/LINK/XP146.jpg" class="link">
|
|
|
<img src="img/USER/XP147.jpg" class="user">
|
|
|
<img src="img/COMMUNITY/XP148.jpg" class="community">
|
|
|
<img src="img/NTERNET/XP149.jpg" class="internet">
|
|
|
<img src="img/NETWORK/XP150.jpg" class="network">
|
|
|
<img src="img/GIF/GIF_USER09.gif" class="gif_user">
|
|
|
|
|
|
<img src="img/LINK/XP151.jpg" class="link">
|
|
|
<img src="img/USER/XP152.jpg" class="user">
|
|
|
<img src="img/COMMUNITY/XP153.jpg" class="community">
|
|
|
<img src="img/NTERNET/XP154.jpg" class="internet">
|
|
|
<img src="img/NETWORK/XP155.jpg" class="network">
|
|
|
<img src="img/GIF/GIF_USER10.gif" class="gif_user">
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<h3>LET'S DRAW A NETWORK</h3>
|
|
|
|
|
|
<div class="right">
|
|
|
|
|
|
|
|
|
<p class="ancho">The second experiment, Let’s draw a Network had as its objective the visualization of the XPUB network. It has a lower level of centralization, since no contribution is evaluated or eliminated, but the group as a whole decides if the drawing that is being developed is appropriate. The level of agency is higher since the result is highly unexpected and, especially in the second part of the experiment, the set of users are the ones who establishes the rules. The level of synergy is the highest of the scale, since the interaction between the users is complete. Being in the same space and being allowed all forms of communication.</p>
|
|
|
|
|
|
<p class="ancho">Therefore observing the results of Let’s draw a Network we see that the richness of the final piece is much higher when the users have a full interaction between them since the ideas are launched and taken and improved by others. In this way, without having an established style, a highly uniform result was obtained since the group ends up defining its own rules to have an easy and common reading.</p>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="exp">
|
|
|
|
|
|
<div class="row">
|
|
|
<img class="xp" src="img/X02.jpg"><img class="xp" src="img/X022.jpg"><img class="xp" src="img/X023.jpg"><a href="http://ciao.urca.tv/SITE/#0/0/0"><img class="xp" class=clickable src="img/X024.jpg">
|
|
|
</a>
|
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
|
<a href="http://richfolks.club/"><img class="xp" src="img/X025.jpg"></a><a href="http://please.undo.undo.it/"><img class="xp" src="img/X026.jpg"></a><a href="http://nothat.bad.mn/"><img class="xp" src="img/X027.jpg"></a><a href="http://sweetandsour.chickenkiller.com/"><img class="xp"src="img/X028.jpg"></a>
|
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
|
<a href="http://b-e-e-t.r-o-o-t.net/pages/ciao_to_wijnhaven.html"><img class="xp" src="img/X029.jpg"></a><a href="http://foshan-1992.pw/~biyi/index.html"><img class="xp" src="img/X0210.jpg"></a><a href="http://p.lions.es/"><img class="xp" src="img/X0211.jpg"></a><img class="xp" src="img/X0212.jpg"></a>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<h3>HELP ME! DRAW A NETWORK</h3>
|
|
|
|
|
|
<h2>COLLABORATIVE PRACTICES REFERENCES</h2>
|
|
|
|
|
|
|
|
|
<h3>THE EXQUISITE FOREST</h3>
|
|
|
<div>
|
|
|
<!-- <iframe id=tenthousand src="http://www.aaronkoblin.com/project/10000-cents/"></iframe>
|
|
|
</div>
|
|
|
<img class=diagramimg src="img/test_diagram.jpg"> -->
|
|
|
<img class=diagramimg src="img/REFERENCES/REF.jpg">
|
|
|
|
|
|
<h3>THE SHEEP MARKET</h3>
|
|
|
<img class=diagramimg src="img/REFERENCES/REF2.jpg">
|
|
|
|
|
|
<h3>THE MILLION DOLLAR HOMEPAGE</h3>
|
|
|
<img class=diagramimg src="img/REFERENCES/REF3.jpg">
|
|
|
|
|
|
<h3>INTERACTIVE DIARIES</h3>
|
|
|
<img class=diagramimg src="img/REFERENCES/REF4.jpg">
|
|
|
|
|
|
<h3>BORGES LIBRARY</h3>
|
|
|
<img class=diagramimg src="img/REFERENCES/REF5.jpg">
|
|
|
|
|
|
<h3>REDDIT PLACE</h3>
|
|
|
<img class=diagramimg src="img/REFERENCES/REF6.jpg">
|
|
|
|
|
|
<h3>TEN THOUSAND CENTS</h3>
|
|
|
<img class=diagramimg src="img/REFERENCES/REF7.jpg">
|
|
|
|
|
|
|
|
|
|
|
|
<h2>READINGS</h2>
|
|
|
|
|
|
<div>
|
|
|
|
|
|
<a class="readings" href="https://medium.com/smarter-cities/the-future-of-crowdsourcing-67ee31b88b5b">THE FUTURE OF CROWDSOURCING </p>
|
|
|
|
|
|
<a class="readings" href="https://sjackson.infosci.cornell.edu/Kang&Jackson_CollaborativeArtPracticeasHCIResearch.pdf">COLLABORATIVE ART PRACTICE AS HCI RESEARCH </p>
|
|
|
|
|
|
<a class="readings" href="https://academic.oup.com/jcmc/article/10/4/JCMC1046/4614462">COMPUTER-MEDIATED COLLABORATIVE PRACTICES </p>
|
|
|
|
|
|
<a class="readings" href="https://academic.oup.com/jcmc/article/10/4/JCMC10415/4614490">COLLABORATION ONLINE: THE EXAMPLE OF DISTRIBUTED COMPUTING </p>
|
|
|
|
|
|
<a class="readings" href="https://medium.com/project-pen/the-internet-and-collaborative-art-an-interview-with-interactive-diaries-c40328235988">THE INTERNET AND COLLABORATIVE ART: AN INTERVIEW WITH INTERACTIVE DIARIES </p>
|
|
|
|
|
|
|
|
|
<a class="readings" href="http://flavorwire.com/85891/crowdsourced-art-when-the-masses-play-nice">CROWDSOURCED ART: WHEN THE MASSES PLAY NICE </p>
|
|
|
|
|
|
<a class="readings" href="https://static1.squarespace.com/static/51d98be2e4b05a25fc200cbc/t/5b5eb338aa4a99bb719b11bd/1532932923617/Centralization+and+Agency+in+Crowd+Sourced+Digital+Art+Projects.pdf">CENTRALIZATION AND AGENCY IN DIGITALLY CROWDSOURCED ARTS PROJECTS </p>
|
|
|
|
|
|
<a class="readings" href="https://cacm.acm.org/magazines/2011/4/106563-crowdsourcing-systems-on-the-world-wide-web/fulltext">CROWDSOURCING SYSTEMS ON THE WORLD-WIDE WEB </p>
|
|
|
|
|
|
|
|
|
<a class="readings" href="http://digicult.it/digimag/issue-050/distributed-creativity-models-the-crowdsourcing/">DISTRIBUTED CREATIVITY MODELS: THE CROWDSOURCING </p>
|
|
|
|
|
|
|
|
|
<a class="readings" href="http://edition.cnn.com/2009/TECH/08/19/online.collaborative.art/index.html">STRANGERS GATHER ON WEB TO MAKE COLLECTIVE ART </p>
|
|
|
|
|
|
<a class="readings" href="http://foa-flux.net/wp-content/uploads/2017/06/annemarie-bucher-2014-co-art.pdf">“CO-ART”: REMARKS ON COLLABORATION, COMMUNITY BUILDING, AND ADDRESSING THE PUBLIC IN CONTEMPORARY ART PROJECTS</p>
|
|
|
|
|
|
<a class="readings" href="https://digit.hbs.org/submission/from-drawings-on-a-board-to-interactive-apps-crowdsourced-art/">FROM DRAWINGS ON A BOARD TO INTERACTIVE APPS – CROWDSOURCED ART</p>
|
|
|
|
|
|
<a class="readings" href="http://www.artnews.com/2014/09/02/artists-and-crowdsourcing/">ALL TOGETHER NOW: ARTISTS AND CROWDSOURCING</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
<script type="text/javascript" src="https://issue.xpub.nl/08/cnn/cnn.js"></script>
|
|
|
|
|
|
</html> |