[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:00.47,0:00:03.10,Default,,0000,0000,0000,,Hi. How are you? My name is Dan. Welcome. Dialogue: 0,0:00:03.10,0:00:05.62,Default,,0000,0000,0000,,If you're here, which hopefully you are\Nbecause you're watching this video, Dialogue: 0,0:00:05.62,0:00:07.15,Default,,0000,0000,0000,,you're here to learn Programming. Dialogue: 0,0:00:07.15,0:00:09.74,Default,,0000,0000,0000,,Hopefully you're here to learn Programming\Nfor the very first time. Dialogue: 0,0:00:09.74,0:00:11.22,Default,,0000,0000,0000,,This is going to be a tutorial. Dialogue: 0,0:00:11.22,0:00:13.95,Default,,0000,0000,0000,,It's designed for you to take about \Nan hour to complete. Dialogue: 0,0:00:13.95,0:00:15.61,Default,,0000,0000,0000,,There's going to be lots of stuff\Nhappening in it. Dialogue: 0,0:00:15.61,0:00:18.14,Default,,0000,0000,0000,,I'm going to talk. Hopefully not too much. Dialogue: 0,0:00:18.14,0:00:19.40,Default,,0000,0000,0000,,I'm going to draw pictures and diagrams Dialogue: 0,0:00:19.40,0:00:20.100,Default,,0000,0000,0000,,over here on this whiteboard. Dialogue: 0,0:00:20.100,0:00:22.31,Default,,0000,0000,0000,,Sometimes this video is going to Dialogue: 0,0:00:22.31,0:00:23.59,Default,,0000,0000,0000,,get a lot smaller and there's going to be Dialogue: 0,0:00:23.59,0:00:25.20,Default,,0000,0000,0000,,text below me, and things drawn Dialogue: 0,0:00:25.20,0:00:27.07,Default,,0000,0000,0000,,to the left of me over here. Dialogue: 0,0:00:27.07,0:00:28.29,Default,,0000,0000,0000,,We're going to look at Programming Dialogue: 0,0:00:28.29,0:00:30.26,Default,,0000,0000,0000,,in the context of the visual arts. Dialogue: 0,0:00:30.26,0:00:32.14,Default,,0000,0000,0000,,What does it mean to write software Dialogue: 0,0:00:32.14,0:00:33.45,Default,,0000,0000,0000,,to do the things that you often do Dialogue: 0,0:00:33.45,0:00:35.40,Default,,0000,0000,0000,,with your hands, with paper, with pencil Dialogue: 0,0:00:35.40,0:00:37.34,Default,,0000,0000,0000,,with paint? Could you use a computer to Dialogue: 0,0:00:37.34,0:00:39.60,Default,,0000,0000,0000,,create drawings? To create animations? Dialogue: 0,0:00:39.60,0:00:42.11,Default,,0000,0000,0000,,To create images? This is what we're\Ngoing to look at. Dialogue: 0,0:00:42.11,0:00:43.68,Default,,0000,0000,0000,,So, before we get started with the actual Dialogue: 0,0:00:43.68,0:00:45.60,Default,,0000,0000,0000,,nuts and bolts of learning to code, Dialogue: 0,0:00:45.60,0:00:47.47,Default,,0000,0000,0000,,let's take a moment to look at a range of Dialogue: 0,0:00:47.47,0:00:49.33,Default,,0000,0000,0000,,projects -- things that have been made in Dialogue: 0,0:00:49.33,0:00:50.92,Default,,0000,0000,0000,,recent years with computer programming Dialogue: 0,0:00:50.92,0:00:52.64,Default,,0000,0000,0000,,for the visual arts. Dialogue: 0,0:00:52.64,0:00:55.06,Default,,0000,0000,0000,,This is Strata #3 by Quayola. Dialogue: 0,0:00:55.06,0:00:57.07,Default,,0000,0000,0000,,Quayola is an artist working in London. Dialogue: 0,0:00:57.07,0:00:59.04,Default,,0000,0000,0000,,This animation combines computer generated Dialogue: 0,0:00:59.04,0:01:01.31,Default,,0000,0000,0000,,images with video of a cathedral in Rome Dialogue: 0,0:01:01.31,0:01:03.48,Default,,0000,0000,0000,,to create a fantastic new reality. Dialogue: 0,0:01:03.48,0:01:07.01,Default,,0000,0000,0000,,In his own words, he is investigating \Nimprobable relationships between Dialogue: 0,0:01:07.01,0:01:11.84,Default,,0000,0000,0000,,contemporary digital aesthetics, and \Nicons of classical art and architecture. Dialogue: 0,0:01:11.84,0:01:14.33,Default,,0000,0000,0000,,This is Oasis by Yunsil Heo. Dialogue: 0,0:01:14.33,0:01:16.39,Default,,0000,0000,0000,,She is a media artist working in Seoul. Dialogue: 0,0:01:16.39,0:01:18.55,Default,,0000,0000,0000,,Oasis is an interactive installation. Dialogue: 0,0:01:18.55,0:01:21.11,Default,,0000,0000,0000,,By moving around the sand,\Nsmall pools are created Dialogue: 0,0:01:21.11,0:01:24.21,Default,,0000,0000,0000,,where new software creatures are born and live. Dialogue: 0,0:01:24.21,0:01:27.11,Default,,0000,0000,0000,,This is Replica by Alex Vessels and Jeff Howard. Dialogue: 0,0:01:27.11,0:01:29.40,Default,,0000,0000,0000,,Alex and Jeff are interactive artists and designers Dialogue: 0,0:01:29.40,0:01:31.46,Default,,0000,0000,0000,,working in New York. Replica is Dialogue: 0,0:01:31.46,0:01:33.18,Default,,0000,0000,0000,,an interactive dance performance that Dialogue: 0,0:01:33.18,0:01:35.72,Default,,0000,0000,0000,,uses live image processing to explore how Dialogue: 0,0:01:35.72,0:01:37.82,Default,,0000,0000,0000,,the awareness of time and captured images Dialogue: 0,0:01:37.82,0:01:39.67,Default,,0000,0000,0000,,affect self-perception. Dialogue: 0,0:01:39.67,0:01:43.06,Default,,0000,0000,0000,,It was projected onto a 120 foot\Nvideo wall in New York. Dialogue: 0,0:01:44.40,0:01:46.36,Default,,0000,0000,0000,,This is unnamed soundsculpture by Dialogue: 0,0:01:46.54,0:01:49.22,Default,,0000,0000,0000,,Daniel Franke and Cedric Kiefer. Dialogue: 0,0:01:49.22,0:01:52.13,Default,,0000,0000,0000,,Daniel and Cedric are media artists\Nworking in Berlin. Dialogue: 0,0:01:52.13,0:01:54.04,Default,,0000,0000,0000,,This animation is a moving sculpture Dialogue: 0,0:01:54.04,0:02:00.36,Default,,0000,0000,0000,,created from the recorded motion data\Nof a live dancer. Dialogue: 0,0:02:00.36,0:02:02.99,Default,,0000,0000,0000,,These animation and installation projects Dialogue: 0,0:02:02.99,0:02:04.58,Default,,0000,0000,0000,,are just one way that visual artists Dialogue: 0,0:02:04.58,0:02:05.84,Default,,0000,0000,0000,,are working with code. Dialogue: 0,0:02:05.84,0:02:07.28,Default,,0000,0000,0000,,More traditional design areas such as Dialogue: 0,0:02:07.28,0:02:09.03,Default,,0000,0000,0000,,map design, brand identity, and logo design Dialogue: 0,0:02:09.03,0:02:10.83,Default,,0000,0000,0000,,and illustration are transformed through Dialogue: 0,0:02:10.83,0:02:12.98,Default,,0000,0000,0000,,designers writing their own code. Dialogue: 0,0:02:12.98,0:02:14.64,Default,,0000,0000,0000,,This is the Dencity Map by Dialogue: 0,0:02:14.64,0:02:16.30,Default,,0000,0000,0000,,Fathom Information Design. Dialogue: 0,0:02:16.30,0:02:18.16,Default,,0000,0000,0000,,Fathom is a design studio in Boston. Dialogue: 0,0:02:18.16,0:02:19.95,Default,,0000,0000,0000,,This map uses circles of different sizes Dialogue: 0,0:02:19.95,0:02:21.11,Default,,0000,0000,0000,,and colors to visualize Dialogue: 0,0:02:21.11,0:02:23.51,Default,,0000,0000,0000,,population density in a unique way. Dialogue: 0,0:02:23.51,0:02:25.52,Default,,0000,0000,0000,,Larger, darker circles show areas Dialogue: 0,0:02:25.52,0:02:27.74,Default,,0000,0000,0000,,with fewer people. While smaller brighter Dialogue: 0,0:02:27.74,0:02:29.97,Default,,0000,0000,0000,,circles highlight crowded cities. Dialogue: 0,0:02:29.97,0:02:31.66,Default,,0000,0000,0000,,By glancing at this map we quickly get Dialogue: 0,0:02:31.66,0:02:33.63,Default,,0000,0000,0000,,a sense of how some cities and countries Dialogue: 0,0:02:33.63,0:02:36.98,Default,,0000,0000,0000,,are more densely populated than others. Dialogue: 0,0:02:36.98,0:02:39.56,Default,,0000,0000,0000,,This is the logo for the MIT Media Lab Dialogue: 0,0:02:39.56,0:02:41.34,Default,,0000,0000,0000,,created by the Green Eyl. Dialogue: 0,0:02:41.34,0:02:43.93,Default,,0000,0000,0000,,The Green Eyl is a studio based in Berlin. Dialogue: 0,0:02:43.93,0:02:45.43,Default,,0000,0000,0000,,The identity system can be used Dialogue: 0,0:02:45.43,0:02:47.25,Default,,0000,0000,0000,,in different ways and in many contexts Dialogue: 0,0:02:47.25,0:02:49.32,Default,,0000,0000,0000,,including the lab's website, business cards, Dialogue: 0,0:02:49.32,0:02:51.23,Default,,0000,0000,0000,,and in any other media. Dialogue: 0,0:02:51.23,0:02:52.86,Default,,0000,0000,0000,,It forms a beautiful identity that is Dialogue: 0,0:02:52.86,0:02:54.26,Default,,0000,0000,0000,,synonymous with the Media Lab's Dialogue: 0,0:02:54.26,0:02:55.54,Default,,0000,0000,0000,,approach to the ever changing Dialogue: 0,0:02:55.54,0:02:57.01,Default,,0000,0000,0000,,nature of technology. Dialogue: 0,0:02:57.92,0:02:59.18,Default,,0000,0000,0000,,In addition to the kind of work Dialogue: 0,0:02:59.18,0:03:00.64,Default,,0000,0000,0000,,we're looking at already, Dialogue: 0,0:03:00.64,0:03:02.08,Default,,0000,0000,0000,,there's sculpture, fashion design, Dialogue: 0,0:03:02.08,0:03:03.55,Default,,0000,0000,0000,,architecture, products, jewelry, Dialogue: 0,0:03:03.55,0:03:05.71,Default,,0000,0000,0000,,pottery, much much more. Dialogue: 0,0:03:05.71,0:03:07.02,Default,,0000,0000,0000,,What does writing software have Dialogue: 0,0:03:07.02,0:03:08.81,Default,,0000,0000,0000,,to do with these physical objects? Dialogue: 0,0:03:08.81,0:03:09.84,Default,,0000,0000,0000,,Everything. Dialogue: 0,0:03:09.84,0:03:12.40,Default,,0000,0000,0000,,It's an area of exciting and emerging possibility. Dialogue: 0,0:03:12.40,0:03:13.87,Default,,0000,0000,0000,,New technologies make it possible Dialogue: 0,0:03:13.87,0:03:15.59,Default,,0000,0000,0000,,to print objects. For example, it is now Dialogue: 0,0:03:15.59,0:03:17.50,Default,,0000,0000,0000,,possible to design a ring in software Dialogue: 0,0:03:17.50,0:03:19.76,Default,,0000,0000,0000,,and print it in plastic or metal. Dialogue: 0,0:03:19.76,0:03:21.89,Default,,0000,0000,0000,,Let's look at three final examples before starting Dialogue: 0,0:03:21.89,0:03:23.74,Default,,0000,0000,0000,,to learn how to code. Dialogue: 0,0:03:23.74,0:03:25.48,Default,,0000,0000,0000,,This is the D.dress software by Dialogue: 0,0:03:25.48,0:03:27.39,Default,,0000,0000,0000,,Mary Huang. Mary is an entrepreneur Dialogue: 0,0:03:27.39,0:03:29.51,Default,,0000,0000,0000,,and designer working in New York. Dialogue: 0,0:03:29.51,0:03:31.08,Default,,0000,0000,0000,,D.dress is a program written by Mary Dialogue: 0,0:03:31.08,0:03:33.43,Default,,0000,0000,0000,,that allows a user to sketch a dress and Dialogue: 0,0:03:33.43,0:03:35.59,Default,,0000,0000,0000,,it automates the pattern creation. Dialogue: 0,0:03:35.59,0:03:37.84,Default,,0000,0000,0000,,It re-imagines the classic little black dress Dialogue: 0,0:03:37.84,0:03:39.54,Default,,0000,0000,0000,,by changing the relationships between Dialogue: 0,0:03:39.54,0:03:42.30,Default,,0000,0000,0000,,manufacturing, the designer, and the wearer. Dialogue: 0,0:03:42.89,0:03:44.38,Default,,0000,0000,0000,,The Textile Room was created by the Dialogue: 0,0:03:44.38,0:03:46.39,Default,,0000,0000,0000,,architecture studio P-A-T-T-E-R-N-S, Dialogue: 0,0:03:46.39,0:03:48.06,Default,,0000,0000,0000,,founded by Georgina Huljich Dialogue: 0,0:03:48.06,0:03:50.78,Default,,0000,0000,0000,,and Marcelo Spina. Georgina and Marcelo Dialogue: 0,0:03:50.78,0:03:52.98,Default,,0000,0000,0000,,are architects working in Los Angeles, Dialogue: 0,0:03:52.98,0:03:54.67,Default,,0000,0000,0000,,The Textile Room is an experimental Dialogue: 0,0:03:54.67,0:03:57.01,Default,,0000,0000,0000,,media space where carbon fiber textiles Dialogue: 0,0:03:57.01,0:03:59.50,Default,,0000,0000,0000,,are augmented with a video colleague. Dialogue: 0,0:04:00.38,0:04:02.56,Default,,0000,0000,0000,,This is Cell Cycle by Nervous System, Dialogue: 0,0:04:02.56,0:04:04.47,Default,,0000,0000,0000,,a design studio founded by Jessica Rosenkrantz Dialogue: 0,0:04:04.47,0:04:06.69,Default,,0000,0000,0000,,and Jesse Louis-Rosenberg. Dialogue: 0,0:04:06.69,0:04:08.35,Default,,0000,0000,0000,,Jessica and Jesse are entrepreneurs Dialogue: 0,0:04:08.35,0:04:10.42,Default,,0000,0000,0000,,and designers living in Boston. Dialogue: 0,0:04:10.42,0:04:11.95,Default,,0000,0000,0000,,Cell Cycle is a program that allows Dialogue: 0,0:04:11.95,0:04:13.76,Default,,0000,0000,0000,,people to design their own jewelry Dialogue: 0,0:04:13.76,0:04:15.96,Default,,0000,0000,0000,,and then 3D print it. Dialogue: 0,0:04:15.96,0:04:17.87,Default,,0000,0000,0000,,All of these projects we just looked at Dialogue: 0,0:04:17.87,0:04:19.66,Default,,0000,0000,0000,,are created with a software environment Dialogue: 0,0:04:19.66,0:04:21.79,Default,,0000,0000,0000,,called Processing. Processing is a way Dialogue: 0,0:04:21.79,0:04:23.60,Default,,0000,0000,0000,,to program invented by artists Dialogue: 0,0:04:23.60,0:04:24.72,Default,,0000,0000,0000,,and designers to be used by Dialogue: 0,0:04:24.72,0:04:26.10,Default,,0000,0000,0000,,artists and designers. Dialogue: 0,0:04:26.10,0:04:27.76,Default,,0000,0000,0000,,Processing is for making visual media. Dialogue: 0,0:04:27.76,0:04:29.36,Default,,0000,0000,0000,,It focuses on writing programs to draw Dialogue: 0,0:04:29.36,0:04:30.100,Default,,0000,0000,0000,,create animation, and to build Dialogue: 0,0:04:30.100,0:04:33.31,Default,,0000,0000,0000,,interactive experiences like video games. Dialogue: 0,0:04:33.31,0:04:35.00,Default,,0000,0000,0000,,Hopefully you're going to have a good Dialogue: 0,0:04:35.00,0:04:36.69,Default,,0000,0000,0000,,experience learning to program Dialogue: 0,0:04:36.69,0:04:38.29,Default,,0000,0000,0000,,and I'm already having fun just talking to you Dialogue: 0,0:04:38.29,0:04:39.57,Default,,0000,0000,0000,,even though I don't really know Dialogue: 0,0:04:39.57,0:04:41.23,Default,,0000,0000,0000,,who you are yet cause you're not here. Dialogue: 0,0:04:41.23,0:04:42.64,Default,,0000,0000,0000,,There's a camera there. Okay. Dialogue: 0,0:04:42.64,0:04:43.89,Default,,0000,0000,0000,,I'll talk to you later. Bye.