empowering collaborative art with technology
DESCRIPTION
Empowering Collaborative Art with Technology with Rami Sayar Can the literary arts be more than the creative output of a single individual? Most people believe literature arises from the self-expression of individual artists, however there is potential for more innovative models of creative production. This talk will formulate new ways to conceive artistic production, based on principles of collaboration and shared knowledge. It will demonstrate how creative expression can happen between strangers. This opportunity for collective art is something technology can truly empower. The technology developed in preparation for this talk allows us to conduct a live experiment with the attendees on collaboration with creative constraints. The results of the experiment will be viewed in real-time. The talk will also briefly delve into the technical details of the technology, although participants are not expected to have deep technical knowledge of real-time systems and cloud computing. Let’s create art collaboratively! Presented at FITC Toronto 2014 on April 27-29, 2014 More info at www.FITC.caTRANSCRIPT
![Page 1: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/1.jpg)
Rami Sayar – FITC Toronto 2014
Empowering Collaborative Art with Technology
Rami Sayar (@ramisayar)
Technical Evangelist
Microsoft Canada
![Page 2: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/2.jpg)
Rami Sayar – FITC Toronto 2014
Social NetworksPhoto Credit: Andy Lamb
![Page 3: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/3.jpg)
Rami Sayar – FITC Toronto 2014
Wisdom of the CrowdPhoto Credit: Sir Francis Galton
![Page 4: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/4.jpg)
Rami Sayar – FITC Toronto 2014
Wisdom of the Crowd – Mathy• Classic wisdom-of-the-crowd; assumes independent
individual observations, assumes enough data points• Insight: crowd’s individual observations can be
modelled as probability distribution with the mean (average) is assumed to be close to the true mean.
![Page 5: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/5.jpg)
Rami Sayar – FITC Toronto 2014
Wisdom of the Crowd – Conditions• Diversity of observations• Independence of observations • Aggregation toward a single result
• E.g. there is an assumption that everyone’s observations are equal and bring us closer to truth, therefore the more the merrier.
![Page 6: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/6.jpg)
Rami Sayar – FITC Toronto 2014
![Page 7: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/7.jpg)
Rami Sayar – FITC Toronto 2014
Design
Tech
Art
Media
ME
![Page 8: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/8.jpg)
Rami Sayar – FITC Toronto 2014
Crowdsourcing.
![Page 9: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/9.jpg)
Rami Sayar – FITC Toronto 2014
Crowdsourcing – Powered by the Web.
![Page 10: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/10.jpg)
Rami Sayar – FITC Toronto 2014
Crowdsourcing Art?Photo Credit: Bhavna Sayana
![Page 11: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/11.jpg)
Rami Sayar – FITC Toronto 2014
GraffitiPhoto Credit: Ariel Charney
![Page 12: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/12.jpg)
Rami Sayar – FITC Toronto 2014
Nuit Blanche Toronto 2013
The [RE] GENERATOR Project interactively explores the concept of “RE” (REcycling, REmixing etc) using fashion, visual art, social media and projection. The audience can contribute to the live installation using social media. Share your examples of “RE” with #regenerator2013 on Tumblr.
![Page 13: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/13.jpg)
Rami Sayar – FITC Toronto 2014
HoliPhoto Credit: Steven Gerner
![Page 15: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/15.jpg)
Rami Sayar – FITC Toronto 2014
Shared Knowledge.
![Page 16: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/16.jpg)
Rami Sayar – FITC Toronto 2014
Idea: Using Social Networks to Create Art
Open Collaboration. Crowdsourced. Wisdom of the Crowds. Shared Knowledge.
![Page 17: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/17.jpg)
Rami Sayar – FITC Toronto 2014
Let’s Experiment!
![Page 18: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/18.jpg)
Rami Sayar – FITC Toronto 2014
Once upon a time….
![Page 19: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/19.jpg)
Rami Sayar – FITC Toronto 2014
TEDxHEC Example.
![Page 20: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/20.jpg)
Rami Sayar – FITC Toronto 2014
Fail.
![Page 21: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/21.jpg)
Rami Sayar – FITC Toronto 2014
Collaboration doesn’t guarantee a useful outcome.Neither does crowdsourcing, nor is there always a wisdom
in the crowd.
![Page 22: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/22.jpg)
Rami Sayar – FITC Toronto 2014
"When you have trouble with things it's not your fault. Don't
blame yourself: blame the designer.“
Donald Norman, Design of Everyday Things
![Page 23: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/23.jpg)
Rami Sayar – FITC Toronto 2014
Constraints + Creativity: Michael JohanssonPhoto Credit: Michael Johansson
![Page 24: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/24.jpg)
Rami Sayar – FITC Toronto 2014
Hmmm… RandomnessWisdom of the crowd ignored.
![Page 25: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/25.jpg)
Rami Sayar – FITC Toronto 2014
What else can we do?
![Page 26: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/26.jpg)
Rami Sayar – FITC Toronto 2014
LET THE WORLD DECIDE.
Trees.
![Page 27: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/27.jpg)
Rami Sayar – FITC Toronto 2014
Other examples…
![Page 28: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/28.jpg)
Rami Sayar – FITC Toronto 2014
Strategies for Scaling Creative Collaboration
![Page 29: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/29.jpg)
Rami Sayar – FITC Toronto 2014
Simple.
![Page 30: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/30.jpg)
Rami Sayar – FITC Toronto 2014
Randomness.
![Page 31: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/31.jpg)
Rami Sayar – FITC Toronto 2014
Trees.
![Page 32: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/32.jpg)
Rami Sayar – FITC Toronto 2014
![Page 33: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/33.jpg)
Rami Sayar – FITC Toronto 2014
Voting.
![Page 34: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/34.jpg)
Rami Sayar – FITC Toronto 2014
Combine Them Together.
![Page 35: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/35.jpg)
Rami Sayar – FITC Toronto 2014
How to Build?
![Page 36: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/36.jpg)
Rami Sayar – FITC Toronto 2014
Technical Considerations• Performance• Accuracy• Storage• Aggregation• Scale
![Page 37: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/37.jpg)
Rami Sayar – FITC Toronto 2014
FITC Experiment - System Architecture
![Page 38: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/38.jpg)
Rami Sayar – FITC Toronto 2014
FITC Experiment - Input
![Page 39: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/39.jpg)
Rami Sayar – FITC Toronto 2014
FITC Experiment - Output
![Page 40: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/40.jpg)
Rami Sayar – FITC Toronto 2014
FITC – Message Queue• Scalable Topic-Based Publish Subscribe Message Queue
FITC – Database• Needed for Observation Persistence
![Page 41: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/41.jpg)
Rami Sayar – FITC Toronto 2014
FITC – Detailed Architecture
![Page 42: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/42.jpg)
Flexible Open Solid
Using Microsoft Azure
![Page 43: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/43.jpg)
Azure Websites Build with Node.js or PHP or ASP.NETDeploy in seconds with FTP, Git or TFSStart for free, scale up as your traffic grows
![Page 44: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/44.jpg)
Rami Sayar – FITC Toronto 2014
Azure Websites• Node Express & Socket.IO apps fully supported.• Enable WebSockets in Azure Websites configuration.• Connect with GitHub repository. Redeploys app on
every Git push to master.• Metrics and monitoring dashboard.• Web endpoint monitoring.• Configuration values passed as environment variables.
![Page 45: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/45.jpg)
Rami Sayar – FITC Toronto 2014
![Page 46: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/46.jpg)
1shared reserved
SHARED INSTANCES
:-)
shared
Web sites
![Page 47: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/47.jpg)
2SHARED INSTANCES
:-)
:-)
shared reserved
shared
Web sites
![Page 48: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/48.jpg)
SHARED INSTANCES
:-)
1shared reserved
RESERVED INSTANCE
:-):-)
0reserved
Web sites
![Page 49: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/49.jpg)
2shared reserved
RESERVED INSTANCE
:-)
RESERVED INSTANCE
:-)
reserved
Web sites
![Page 50: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/50.jpg)
Rami Sayar – FITC Toronto 2014
Azure Websites WebJobs• Run background jobs (continuously, on demand or on
schedule).• Node scripts are supported with local node_modules• Configuration values are passed as environment
variables.• Logging supported.
![Page 51: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/51.jpg)
Rami Sayar – FITC Toronto 2014
![Page 52: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/52.jpg)
Rami Sayar – FITC Toronto 2014
FITC – Detailed Architecture
![Page 53: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/53.jpg)
Service busSecure messaging and relay capabilitiesEasily build hybrid appsEnable loosely coupled solutions
![Page 54: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/54.jpg)
ServiceBus Connectivity
Service RelayProtocol Tunnel Eventing
Rich options for interconnecting apps across network boundaries
Integration RoutingCoordination Transformation
Content-based routing, document transformation, and process coordination.
Svc Management Naming, DiscoveryMonitoring
Consistent management surface and service observation capabilities
MessagingQueuing Pub/SubReliable Transfer
Reliable, transaction-aware cloud messaging infrastructure for business apps.
NotificationMultiplatformEasily Scale out
Push notifications to large number of mobile devices.
![Page 55: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/55.jpg)
TopicsTopic
SubSubSub
Message DistributionEach receiver gets its own copy of each message. Subscriptions are independent. Allows for many independent ‘taps’ into a message stream. Subscriber can filter down by interest.
![Page 56: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/56.jpg)
Rami Sayar – FITC Toronto 2014
FITC – Detailed Architecture
![Page 57: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/57.jpg)
Blob storageHighly available, scalable and secure file systemBlobs can be exposed publically over httpContinuous geo-replication across datacenters
![Page 58: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/58.jpg)
Azure Storage
Storage in the CloudScalable, durable, and availableAnywhere at anytime accessOnly pay for what the service uses
Exposed via RESTful Web ServicesUse from Azure Compute or WebsitesUse from anywhere on the internet
![Page 59: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/59.jpg)
Table Storage Concepts
EntityTableAccount
contoso
Name =…Email = …
Name =…EMailAdd=
customers
Photo ID =…Date =…
photos
Photo ID =…Date =…
![Page 60: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/60.jpg)
Table Details
InsertUpdate Merge – Partial update
Replace – Update entire entity
UpsertDeleteQueryEntity Group TransactionsMultiple CUD Operations in a single atomic transaction
Create, Query, DeleteTables can have metadata
Not an RDBMS! Table
Entities
![Page 61: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/61.jpg)
Querying
FIRST LAST BIRTHDATE
Wade Wegner 2/2/1981
Nathan Totten 3/15/1965
Nick Harris May 1, 1976
?$filter=Last eq ‘Wegner’
![Page 62: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/62.jpg)
Rami Sayar – FITC Toronto 2014
FITC – Detailed Architecture
![Page 63: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/63.jpg)
Rami Sayar – FITC Toronto 2014
FITC – Frontend• IE11 + WebSockets: Receive All Data including a
Database Flush OnLoad.• D3js: Render data into story.
![Page 64: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/64.jpg)
Azure application building blocks
Storage Big data
Caching CDN
Database
Identity
Media Networking
Traffic
Messaging
Cloud ServicesWeb Sites
BizTalk Svcs
MobileVirtual Machines
![Page 65: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/65.jpg)
Open source
http://github.com/windowsazure
![Page 66: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/66.jpg)
Rami Sayar – FITC Toronto 2014
Conclusion• Strategies for Scaling Creative Collaboration
• Simple• Randomness• Voting• Trees
• Azure Websites + Message Bus + Table Storage <3 Node
![Page 67: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/67.jpg)
Rami Sayar – FITC Toronto 2014
Get Creative!
![Page 68: Empowering Collaborative Art with Technology](https://reader035.vdocuments.us/reader035/viewer/2022062319/5549d737b4c905023a8b45ad/html5/thumbnails/68.jpg)
Thank You! Questions?Follow @ramisayar