1. Empowering Collaborative Art with Technology Rami Sayar (@ramisayar) Technical Evangelist Microsoft Canada Rami Sayar – FITC Toronto 2014

2. Social Networks Photo Credit: Andy LambAndy Lamb Rami Sayar – FITC Toronto 2014

3. Wisdom of the Crowd Photo Credit: Sir Francis GaltonSir Francis Galton Rami Sayar – FITC Toronto 2014

4. 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. Rami Sayar – FITC Toronto 2014

5. 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. Rami Sayar – FITC Toronto 2014

7. Design Tec h Art Med ia ME

8. Crowdsourcing. Rami Sayar – FITC Toronto 2014

9. Crowdsourcing – Powered by the Web. Rami Sayar – FITC Toronto 2014

10. Crowdsourcing Art? Photo Credit: Bhavna SayanaBhavna Sayana Rami Sayar – FITC Toronto 2014

11. Graffiti Photo Credit: Ariel Charney Rami Sayar – FITC Toronto 2014

12. 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. Rami Sayar – FITC Toronto 2014

13. Holi Photo Credit: Steven GernerSteven Gerner Rami Sayar – FITC Toronto 2014

14. Photo Credit: BoeghBoegh Rami Sayar – FITC Toronto 2014

15. Shared Knowledge. Rami Sayar – FITC Toronto 2014

16. Idea: Using Social Networks to Create Art Open Collaboration. Crowdsourced. Wisdom of the Crowds. Shared Knowledge. Rami Sayar – FITC Toronto 2014

17. Let’s Experiment! Rami Sayar – FITC Toronto 2014

18. Once upon a time…. Rami Sayar – FITC Toronto 2014

19. TEDxHEC Example. Rami Sayar – FITC Toronto 2014

20. Fail. Rami Sayar – FITC Toronto 2014

21. Collaboration doesn’t guarantee a useful outcome. Neither does crowdsourcing, nor is there always a wisdom in the crowd. Rami Sayar – FITC Toronto 2014

22. "When you have trouble with things it's not your fault. Don't blame yourself: blame the designer.“ Donald Norman, Design of Everyday Things Rami Sayar – FITC Toronto 2014

23. Constraints + Creativity: Michael Johansson Photo Credit: Michael JohanssonMichael Johansson Rami Sayar – FITC Toronto 2014

24. Hmmm… Randomness Wisdom of the crowd ignored. Rami Sayar – FITC Toronto 2014

25. What else can we do? Rami Sayar – FITC Toronto 2014

26. LET THE WORLD DECIDE. Trees. Rami Sayar – FITC Toronto 2014

27. Other examples… Rami Sayar – FITC Toronto 2014

28. Strategies for Scaling Creative Collaboration Rami Sayar – FITC Toronto 2014

29. Simple. Rami Sayar – FITC Toronto 2014

30. Randomness. Rami Sayar – FITC Toronto 2014

31. Trees. Rami Sayar – FITC Toronto 2014

33. Voting. Rami Sayar – FITC Toronto 2014

34. Combine Them Together. Rami Sayar – FITC Toronto 2014

35. How to Build? Rami Sayar – FITC Toronto 2014

36. Technical Considerations Performance Accuracy Storage Aggregation Scale Rami Sayar – FITC Toronto 2014

37. FITC Experiment - System Architecture Rami Sayar – FITC Toronto 2014

38. FITC Experiment - Input Rami Sayar – FITC Toronto 2014

39. FITC Experiment - Output Rami Sayar – FITC Toronto 2014

40. FITC – Message Queue Scalable Topic-Based Publish Subscribe Message Queue Rami Sayar – FITC Toronto 2014 FITC – Database Needed for Observation Persistence

41. FITC – Detailed Architecture Rami Sayar – FITC Toronto 2014

42. Using Microsoft Azure

43. Azure Websites Build with Node.js or PHP or ASP.NET Deploy in seconds with FTP, Git or TFS Start for free, scale up as your traffic grows

44. 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. Rami Sayar – FITC Toronto 2014

46. 1 shared reserved SHARED INSTANCES shared Web sites

47. 2 SHARED INSTANCES shared reserved shared Web sites

48. SHARED INSTANCES 1 shared reserved RESERVED INSTANCE 0 reserved Web sites

49. 2 shared reserved RESERVED INSTANCE reserved Web sites

50. 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. Rami Sayar – FITC Toronto 2014

52. FITC – Detailed Architecture Rami Sayar – FITC Toronto 2014

53. Service bus Secure messaging and relay capabilities Easily build hybrid apps Enable loosely coupled solutions

54. Service Bus Connectivity Service Relay Protocol Tunnel Eventing Rich options for interconnecting apps across network boundaries Integration Routing Coordination Transformation Content-based routing, document transformation, and process coordination. Svc Management Naming, Discovery Monitoring Consistent management surface and service observation capabilities Messaging Queuing Pub/Sub Reliable Transfer Reliable, transaction-aware cloud messaging infrastructure for business apps. Notification Multiplatform Easily Scale out Push notifications to large number of mobile devices.

56. FITC – Detailed Architecture Rami Sayar – FITC Toronto 2014

57. Blob storage Highly available, scalable and secure file system Blobs can be exposed publically over http Continuous geo-replication across datacenters

58. Azure Storage Storage in the Cloud Scalable, durable, and available Anywhere at anytime access Only pay for what the service uses Exposed via RESTful Web Services Use from Azure Compute or Websites Use from anywhere on the internet

59. Table Storage Concepts EntityTableAccount contoso Name =… Email = … Name =… EMailAdd= customers Photo ID =… Date =… photos Photo ID =… Date =…

60. Insert Update Merge – Partial update Replace – Update entire entity Upsert Delete Query Entity Group Transactions Multiple CUD Operations in a single atomic transaction Create, Query, Delete Tables can have metadata Not an RDBMS! Table Entities

61. Querying FIRSTLASTBIRTHDATE WadeWegner2/2/1981 NathanTotten3/15/1965 NickHarrisMay 1, 1976 ?$filter=Last eq ‘Wegner’

62. FITC – Detailed Architecture Rami Sayar – FITC Toronto 2014

63. FITC – Frontend IE11 + WebSockets: Receive All Data including a Database Flush OnLoad. D3js: Render data into story. Rami Sayar – FITC Toronto 2014

64. Azure application building blocks

65. Open source  http://github.com/windowsazure

66. Conclusion Strategies for Scaling Creative Collaboration Simple Randomness Voting Trees Azure Websites + Message Bus + Table Storage <3 Node Rami Sayar – FITC Toronto 2014

67. Get Creative! Rami Sayar – FITC Toronto 2014

68. Thank You! Questions? Follow @ramisayar