{"id":14684,"date":"2016-12-06T19:04:01","date_gmt":"2016-12-06T23:04:01","guid":{"rendered":"https:\/\/learning.mozilla.org\/blog\/?p=14684"},"modified":"2019-02-26T11:23:18","modified_gmt":"2019-02-26T19:23:18","slug":"community-spotlight-eyebeam","status":"publish","type":"post","link":"https:\/\/blog.mozilla.org\/foundation-archive\/mozilla-learning\/community-spotlight-eyebeam\/","title":{"rendered":"Community Spotlight: Eyebeam"},"content":{"rendered":"<p>Mozilla\u2019s mission is to ensure a healthy and equitable Internet for all. Mozilla\u2019s partnerships and connections in the community bring the fabric of our work together through five key issues designed to support the health of the Internet: privacy and security, open innovation, decentralization, web literacy and digital inclusion.Every month we feature one inspirational organization or individual doing work at the intersection of these. For December, we are proud to spotlight \u00a0<a href=\"http:\/\/hivenyc.org\/\">Hive NYC<\/a> member <a href=\"https:\/\/eyebeam.org\/\">Eyebeam<\/a>, which merges arts and technology to teach the web in groundbreaking ways. Based in New York City, Eyebeam is a nonprofit studio for collaborative experiments with technology.<br \/>\n<i>\u201cEyebeam\u2019s core philosophy is \u2018technology, by artists\u2019. Throughout our history, many of our residents have created workshops and learning tools as a natural extension to share their research with a larger community.\u201c <\/i>&#8211; Lauren Gardner, Eyebeam<br \/>\nWe asked Lauren Gardner, Community Engagement Associate at Eyebeam, and Kaho Abe and Ramsey Nasser, Eyebeam Impact Residents and Playable Fashion\u2019s Co-Directors, to share more about this dynamic, ground-breaking, avant garde organization. Here\u2019s what they had to say:<br \/>\n<b>How did Eyebeam get its start?<\/b><br \/>\n<i>Eyebeam was founded as a non-profit in 1997, by John S. Johnson. It was conceived as the studio dedicated to technology by artists. <\/i><br \/>\n<i>Through awarding generous residencies, Eyebeam has helped artists make conceptual breakthroughs in technology. The very first \u201cshare\u201d button was developed in Eyebeam as the ReBlog, and platforms like del.icio.us got their start here too. Creative coding frameworks such as Open Frameworks and p5.js were supported at an early stage here, as were creative electronics enterprises like the \u201cLego for electronics\u201d startup littleBits and the NYC-based distributor AdaFruit. <\/i><br \/>\n<i>Alums from the residencies can \u201copen source\u201d their practice by becoming teachers in our innovative teen education programs. Digital Day Camp, Rap Research Lab, and, of course, <\/i><a href=\"http:\/\/eyebeam.org\/communityyouth\/playablefashion\/\"><i>Playable Fashion<\/i><\/a><i>, are just some of the results of their work. We joke that we\u2019re one of the best incubators on the East Coast\u2014without trying to be.<\/i><br \/>\n<div id=\"attachment_14694\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-14694\" decoding=\"async\" loading=\"lazy\" class=\"wp-image-14694 size-large\" src=\"https:\/\/webmakerblog.wpengine.com\/wp-content\/uploads\/2016\/11\/12091550863_de3043451a_z-600x450.jpg\" alt=\"Playable Fashion Weekend - Buzzkill Module Photo provided by Eyebeam.\" width=\"600\" height=\"450\" \/><p id=\"caption-attachment-14694\" class=\"wp-caption-text\">Playable Fashion Weekend &#8211; Buzzkill Module Photo provided by Eyebeam.<\/p><\/div><br \/>\n<b>How did the Playable Fashion project with Hive NYC get started?<\/b><br \/>\n<a href=\"http:\/\/kahoabe.net\/\"><i>Kaho Abe<\/i><\/a><i> is an artist and former Eyebeam Fellow who combined her professional background in fashion and electronics into an art practice building custom, wearable game controllers. Having taught at multiple NYC universities and k-12 through workshops facilitated with Eyebeam, we sought additional funding to continue offering workshops and received a grant in 2012 specifically for Fashion through the <\/i><a href=\"http:\/\/www.nycommunitytrust.org\/AboutTheTrust\/CollaborativeFunds\/HiveDigitalMediaLearningFund\/tabid\/620\/Default.aspx\"><i>Hive Digital Media Learning Fund at New York Community Trust<\/i><\/a><i>. <\/i><i>During the first year, Kaho and artist Sarah Schoemann initially tested the waters with a weekend workshop where about 40 youth attended, followed by the whole afterschool program. <\/i><i>Since 2013, Playable Fashion has been taught and developed by Kaho and former Eyebeam Fellow, educator and game designer Ramsey Nasser.<\/i><br \/>\n<i>The success of the <\/i><a href=\"http:\/\/hivenyc.org\/portfolio\/playable-fashion\/\"><i>initial workshop<\/i><\/a><i> inspired us to continue by developing a full afterschool program which has served over 400 under-resourced youth through after-school programs at Eyebeam and workshops throughout the city at alternative learning spaces like Brooklyn Public Library, New York Hall of Science, Bronx Museum and NYC Parks Resource Centers. Initially taught as a full program, Playable Fashion is now developed as separate \u201cmodules\u201d which can be taught together or as stand alone workshops and consist of:<\/i><\/p>\n<ul>\n<li><i>Buzz Kill &#8211; An introduction to Wearable Game Controllers, student make customizable clapping glove game controllers and mod video game code. <\/i><\/li>\n<\/ul>\n<ul>\n<li>Game Literacy &#8211; Students learn to think and talk like a game designer through playing games and discussing them.<\/li>\n<\/ul>\n<ul>\n<li>Abstract Electronic Toys &#8211; An exploration of electronics and wearables with some hands on hardware hacking and modding. This module is a stepping stone to &#8216;Fashion in Depth&#8217;<\/li>\n<\/ul>\n<ul>\n<li>Fashion in Depth &#8211; Hands-on exploration of sewing, soft circuits, programing microcontrollers, and LEDs.<\/li>\n<\/ul>\n<ul>\n<li>World\u2019s Slowest Computer &#8211; An embodied exercise to learn the fundamentals in computational thinking and computer hardware as a stepping stone before &#8216;Coding in Depth&#8217;.<\/li>\n<\/ul>\n<ul>\n<li>Coding in Depth &#8211; An in-depth exploration into the industry standard game development stack of the day.<\/li>\n<\/ul>\n<ul>\n<li>Brainstorming &#8211; Brainstorming exercises designed to emphasize consensus, collaboration and the representation of ideas.<\/li>\n<\/ul>\n<ul>\n<li>Game Jam &#8211; Exploring the production process to get a game done.<\/li>\n<\/ul>\n<ul>\n<li>Next Steps &#8211; Suggestions on how students can keep learning even when the program is over.<\/li>\n<\/ul>\n<p><b>Tell us more about the World\u2019s Slowest Computer. Where did the idea originate? What impact did it have on students?<\/b><br \/>\n<i>Coding is often introduced without referencing the essential computational thinking behind it, and the relationship between hardware and code. So we created a lesson in our afterschool program to be a stepping stone to programming, which is covered later. In this exercise, youth participants in the workshop embody the parts and functions of a computer, creating a visceral, tactile experience with the foundations of computer science.<\/i><br \/>\n<i>Participants are grouped into small teams, around 5 people each, with each team acting as a computer. Each team is given sixteen memory cells (represented by post-its and markers) and a 10&#215;10 display (represented by a 10&#215;10 grid of two colored sponges). <\/i><i>Teams then receive identical booklets of instructions written in a human-readable \u201csponge-computing\u201d language. Each page is numbered and contains one instruction. <\/i><i>Participants work to execute the instructions as quickly and correctly as possible, competing against other teams to draw the right their 10&#215;10 sponge-screens before anyone else.<\/i><br \/>\n<br \/>\n<i>Once all teams have an image on their sponge-grid monitor we review, note similarities and differences between results, and declare a winner. Every team\u2019s time is recorded, and we also announce their clock speed in Hz (usually around 0.02Hz). The after-activity discussion is aided by an online <\/i><a href=\"http:\/\/nas.sr\/sponge\"><i>sponge-computer-emulator<\/i><\/a><i> (currently a prototype), which can debug identical programs in an interactive digital tool. This is an effective way to work through unexpected results.<\/i><br \/>\n<i>Comparing results from the online emulator, which are generated in milliseconds, to what takes participants dozens of minutes to achieve helps connect the participants\u2019 visceral experience to the actual execution of code on a modern computer. This serves as a powerful reference point when we teach programming later. When students encounter loops in JavaScript, for example, they do so having had the physical experience of executing the same construct, making it that much less abstract.<\/i><br \/>\n<i>\u201cThe similarity of the experience left me feeling that we had genuinely experienced\/performed a form of computation and observed it from the inside.\u201d \u2014 Max Fowler, Participant from the <\/i><a href=\"http:\/\/sfpc.io\/\"><i>School For Poetic Computation<\/i><\/a>.<br \/>\n<div id=\"attachment_14697\" style=\"width: 437px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-14697\" decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-14697\" src=\"https:\/\/webmakerblog.wpengine.com\/wp-content\/uploads\/2016\/12\/16608165200_f48cf10de4_z.jpg\" alt=\"Sponge Computer. Photo provided by Eyebeam.\" width=\"427\" height=\"641\" \/><p id=\"caption-attachment-14697\" class=\"wp-caption-text\">Sponge Computer. Photo provided by Eyebeam.<\/p><\/div><br \/>\n<b>What do you hope educators and youth will take away from your events and workshops?<\/b><br \/>\n<i>Aside from the goal of sharing our content online, we run teacher workshop events, providing an opportunity for educators to experience the content and discuss ways in which the content can be integrated into their own curriculum. We recognize that many teachers have their own unique experiences and rich teaching backgrounds to offer, and that\u2019s why instead of sharing our program as an entire afterschool program, we have broken it up into \u201cmodules\u201d that allow teachers to take parts of the content so that it is easier to adapt.<\/i><br \/>\n<i>One of our goals is that the youth continue to learn even after the program is over. We have a whole module dedicated to \u201cNext Steps\u201d that teaches students how to join communities and participate in open source once our limited time together is done. We want our students to keep making games, writing code, and hacking hardware for the rest of their lives. Our hope is that continued curiosity and growth will ultimately lead these students to develop a more critical, informed and active role in technology and its use in the world around us.<\/i><br \/>\n<div id=\"attachment_14698\" style=\"width: 650px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-14698\" decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-14698\" src=\"https:\/\/webmakerblog.wpengine.com\/wp-content\/uploads\/2016\/12\/16372111336_72758ba478_z.jpg\" alt=\"Youth demonstrating abstract electronic toy. Photo provided by Eyebeam.\" width=\"640\" height=\"425\" \/><p id=\"caption-attachment-14698\" class=\"wp-caption-text\">Youth demonstrating abstract electronic toy. Photo provided by Eyebeam.<\/p><\/div><br \/>\n<b>Why is computer science and coding so important for youth?<\/b><br \/>\n<i>Computational and systems thinking is a crucial skill to make sense of the world around us. Whether or not students will go on to write software in any capacity, they will live in a world controlled by it, and understanding its fundamentals is a prerequisite to critical engagement with society.<\/i><br \/>\n<i>Computer science and coding are distinct skills although they tend to be talked about and taught as the same thing. Computational thinking does not depend on knowledge of any particular programming language, so we design activities that give each skill the focus and time it deserves to build a deeper understanding around how computers work. \u00a0<\/i><br \/>\n<i>As technology becomes a bigger part of our lives &#8212; and the tools and systems around us become more locked down by corporations &#8212; knowledge, curiosity and the ability to think critically becomes more important than ever. Many young people are growing up in a world where programmable computers and the open web are not the norm, replaced instead by proprietary mobile devices and walled-garden social media platforms. This trend is no accident; the stock market consistently rewards companies who become gatekeepers of so-called \u201capp stores\u201d. In this environment, understanding how computers and technology work at a fundamental level is the only way to engage with it safely, with dignity, and as a producer rather than the consumers most technology expects us to be.<\/i><br \/>\n<b>How is Eyebeam inspiring others to teach digital skills in their community?<\/b><br \/>\n<i>Eyebeam not only supports artists and their practice through residencies, but also encourages artists to become more active in their communities through sharing via public engagement, activism or education. In this way, the organization develops and nurtures teaching artists. Eyebeam recognizes that teaching artists can provide powerful learning content, passing on passion and depth of knowledge, as their curriculum reflects their unique practice.<\/i><br \/>\n<b>What\u2019s next for Eyebeam?<\/b><br \/>\n<i>Eyebeam\u2019s core philosophy is \u2018technology, by artists\u2019. Throughout our history, many of our residents have created workshops and learning tools as a natural extension to share their research with a larger community. It was never a requirement of the residency program but the fact that this kept happening made us realize that education is integral to both our mission and to our artist\u2019s practice, they inform each other.<\/i><br \/>\n<i>Eyebeam is interested in answering questions like: What is the role of the teaching artist in informal and formal education? In CS- or technology-related initiatives? What are the most effective methods and techniques of sharing teaching content with other educators? Online? Live workshops? Professional development? A mix of them all? How can we cater to educators with diverse and varied understandings of technology? <\/i><i>How do we create more evergreen content that stands the test of time in our ever-changing technological landscape?<\/i><i> \u00a0And what role can Eyebeam play in supporting teachers and educators who want to continue their own inquiries as this intersection of art and computer science grows?<\/i><br \/>\n<div id=\"attachment_14699\" style=\"width: 650px\" class=\"wp-caption aligncenter\"><img aria-describedby=\"caption-attachment-14699\" decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-14699\" src=\"https:\/\/webmakerblog.wpengine.com\/wp-content\/uploads\/2016\/12\/16175612233_43c8795913_z.jpg\" alt=\"Sponge Computer Activity. Photo provided by Eyebeam.\" width=\"640\" height=\"427\" \/><p id=\"caption-attachment-14699\" class=\"wp-caption-text\">Sponge Computer Activity. Photo provided by Eyebeam.<\/p><\/div><br \/>\n<b>How can others get involved?<\/b><br \/>\n<i>We are looking for opportunities to work with other institutions to share these workshops with students, teachers, facilitators and educators. Feedback from a wider community is vital for us to continue development as we want to make this material as accessible as possible. Please contact us if this sounds like something you\u2019d like to be part of, thank you!<\/i><br \/>\n<i>Eyebeam and Playable Fashion would like to thank and acknowledge the support from our funders The Pinkerton Foundation, Capital One and from National Writing Project\u2019s Educator Innovator Initiative and the LRNG Innovation Challenge, part of the John D. and Catherine T. MacArthur Foundation, and John Legend\u2019s Show Me Campaign.<\/i><br \/>\nTo learn more about Eyebeam, visit <a href=\"http:\/\/eyebeam.org\">eyebeam.org<\/a>; follow them on <a href=\"http:\/\/facebook.com\/eyebeamnyc\">Facebook<\/a> and <a href=\"http:\/\/twitter.com\/eyebeamnyc\">Twitter<\/a> for provocative events and ideas, and see the residents\u2019 point of view on <a href=\"http:\/\/instagram.com\/eyebeamnyc\">Instagram<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mozilla\u2019s mission is to ensure a healthy and equitable Internet for all. Mozilla\u2019s partnerships and connections in the community bring the fabric of our work together through five key issues designed to support the health of the Internet: privacy and &hellip; <a class=\"go\" href=\"https:\/\/blog.mozilla.org\/foundation-archive\/mozilla-learning\/community-spotlight-eyebeam\/\">Continue reading<\/a><\/p>\n","protected":false},"author":144,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[378228],"tags":[330394,386772,404168,331719,335678],"_links":{"self":[{"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/posts\/14684"}],"collection":[{"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/users\/144"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/comments?post=14684"}],"version-history":[{"count":0,"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/posts\/14684\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/media?parent=14684"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/categories?post=14684"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.mozilla.org\/foundation-archive\/wp-json\/wp\/v2\/tags?post=14684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}