WEBVTT 00:00:00.474 --> 00:00:03.099 Hey, alles goed? Mijn naam is Dan. Welkom. 00:00:03.099 --> 00:00:05.618 Je bent waarschijnlijk op deze website terecht gekomen 00:00:05.618 --> 00:00:07.150 omdat je wilt leren programmeren. 00:00:07.150 --> 00:00:09.745 Hopelijk ben je een complete beginner. 00:00:09.745 --> 00:00:11.216 Dit is een online cursus 00:00:11.216 --> 00:00:13.946 Hij duurt ongeveer een uur. 00:00:13.946 --> 00:00:15.607 We gaan een heleboel dingen bekijken. 00:00:15.607 --> 00:00:18.139 Ik zal veel vertellen, hopelijk niet te teveel.. 00:00:18.139 --> 00:00:19.399 Ik ga plaatjes en diagrammen tekenen 00:00:19.399 --> 00:00:20.997 op dit schoolbord. 00:00:20.997 --> 00:00:22.309 Soms verplaatst de video zich naar een hoek 00:00:23.594 --> 00:00:25.195 zodat er onder ruimte is voor programmeercode, 00:00:25.195 --> 00:00:27.073 en plaatjes aan de rechterkant. 00:00:27.073 --> 00:00:28.293 We bekijken hoe je kunst kunt maken 00:00:28.293 --> 00:00:30.261 door te programmeren, 00:00:30.261 --> 00:00:32.137 in plaats van 00:00:32.137 --> 00:00:33.451 je handen te gebruiken, 00:00:33.451 --> 00:00:35.403 zoals bij tekenen of schilderen. 00:00:35.403 --> 00:00:37.345 Kun je tekenen met een computer, 00:00:37.345 --> 00:00:39.603 of er animaties mee maken? En plaatjes? 00:00:39.603 --> 00:00:42.109 Dat gaan we samen uitproberen. 00:00:42.109 --> 00:00:43.684 Maar voordat we beginnen 00:00:43.684 --> 00:00:45.597 met de details van het programmeren 00:00:45.597 --> 00:00:47.472 wil ik met je kijken naar de diverse dingen 00:00:47.472 --> 00:00:49.327 die anderen de afgelopen jaren 00:00:49.327 --> 00:00:50.919 hebben gemaakt door te programmeren. 00:00:50.919 --> 00:00:52.641 hebben gemaakt door te programmeren. 00:00:52.641 --> 00:00:55.061 Dit is Strate #3 van Quayola. 00:00:55.061 --> 00:00:57.068 Quayola woont in Londen. 00:00:57.068 --> 00:00:59.037 Deze animatie combineert computerbeelden 00:00:59.037 --> 00:01:01.314 en beelden uit een kathedraal in Rome 00:01:01.314 --> 00:01:03.475 tot een schitterende nieuwe creatie. 00:01:03.475 --> 00:01:07.009 Hij zegt: 00:01:07.009 --> 00:01:11.840 "Ik onderzoek de scheidslijn tussen klassieke en hedendaagse kunst". 00:01:11.840 --> 00:01:14.331 Dit werk van Yunsil Heo heet "Oase". 00:01:14.331 --> 00:01:16.394 Ze werkt in Seoul, in Vietnam. 00:01:16.394 --> 00:01:18.548 In deze interactieve installatie 00:01:18.548 --> 00:01:21.111 kun je kleine poeltjes maken 00:01:21.111 --> 00:01:24.206 waarin virtuele dieren geboren worden. 00:01:24.206 --> 00:01:27.112 Dit werk van Alex Vessels en Jeff Howard heet "replica". 00:01:27.112 --> 00:01:29.396 Alex en Jeff zijn digitale kunstenaars en ontwerpers 00:01:29.396 --> 00:01:31.461 uit New York. 00:01:31.461 --> 00:01:33.178 In dit werk onderzoeken ze hoe dansen, 00:01:33.178 --> 00:01:35.717 gecombineerd met live video bewerking 00:01:35.717 --> 00:01:37.817 ons zelf-bewustzijn beïnvloedt. 00:01:39.669 --> 00:01:43.055 Het werd op een 40 meter lange muur geprojecteerd. 00:01:44.402 --> 00:01:46.365 Dit naamloze geluidskunstwerk is gemaakt door 00:01:46.537 --> 00:01:49.225 Daniel Franke en Cedric Kiefer. 00:01:49.225 --> 00:01:52.133 Ze werken als mediakunstenaars in Berlijn. 00:01:52.133 --> 00:01:54.040 De bewegingspatronen van een danser 00:01:54.040 --> 00:02:00.362 vormen de basis voor deze animatie. 00:02:00.362 --> 00:02:02.986 Al deze animaties en installaties 00:02:02.986 --> 00:02:04.585 tonen wat programmeren 00:02:04.585 --> 00:02:05.845 mogelijk maakt. 00:02:05.845 --> 00:02:07.282 Ook andere werk zoals 00:02:07.282 --> 00:02:09.033 het maken van kaarten of reclame 00:02:09.033 --> 00:02:10.828 en illustratie ondergaan verandering 00:02:10.828 --> 00:02:12.984 door ontwerpers die programmeren. 00:02:12.984 --> 00:02:14.637 Dit is de "Dencity kaart", van 00:02:14.637 --> 00:02:16.296 Fathom Informatie Ontwerp. 00:02:16.296 --> 00:02:18.161 Fathom is een ontwerpstudio in Boston. 00:02:18.161 --> 00:02:19.949 De kaart toont circels 00:02:19.949 --> 00:02:21.109 om bevolkings dichtheid inzichtelijk te maken. 00:02:23.508 --> 00:02:25.517 In de grote, donkere circels wonen weinig 00:02:25.517 --> 00:02:27.745 mensen, terwijl de kleine lichte circels 00:02:27.745 --> 00:02:29.970 drukke steden aangeven. 00:02:29.970 --> 00:02:31.661 Door deze kaart te bekijken 00:02:31.661 --> 00:02:33.629 zie je in een oogopslag dat sommige 00:02:33.629 --> 00:02:36.982 steden en landen drukker zijn dan andere. 00:02:36.982 --> 00:02:39.555 Dit is het logo van het "MIT Medialab" 00:02:39.555 --> 00:02:41.335 otnwikkeld door "The Green Eyl", 00:02:41.335 --> 00:02:43.933 een studio in Berlijn. 00:02:43.933 --> 00:02:45.433 Het systeem maakt telkens net 00:02:45.433 --> 00:02:47.247 iets andere logos, die gebruikt kunnen worden 00:02:47.247 --> 00:02:49.323 voor de website, businesscards, 00:02:49.323 --> 00:02:51.229 enzovoorts. 00:02:51.229 --> 00:02:52.855 Deze identiteit sluit goed aan 00:02:52.855 --> 00:02:54.264 bij de steeds veranderende aanpak 00:02:54.264 --> 00:02:55.542 van het innovatieve medialab en onderwerp, 00:02:55.542 --> 00:02:57.012 technologie. 00:02:57.920 --> 00:02:59.180 Naast deze voorbeelden 00:02:59.180 --> 00:03:00.639 heb je ook vakgebieden als 00:03:00.639 --> 00:03:02.076 beeldhouden, mode ontwerp 00:03:02.076 --> 00:03:03.551 architectuur, product ontwerp, 00:03:03.551 --> 00:03:04.709 juwelen maken, en nog veeeel meer. 00:03:05.867 --> 00:03:07.025 Wat heeft programmerendaarte maken? 00:03:07.025 --> 00:03:08.807 met deze objecten? 00:03:08.807 --> 00:03:09.837 Alles! 00:03:09.837 --> 00:03:12.398 Nieuwe technologie zoals de 3D printer 00:03:12.398 --> 00:03:13.871 maken het mogelijk om objecten 00:03:13.871 --> 00:03:15.591 te laten ontstaan uit programma code. 00:03:15.591 --> 00:03:17.501 Een ring kun je bijvoorbeeld met software 00:03:17.501 --> 00:03:19.755 ontwerpen en dan in metaal uitprinten. 00:03:19.755 --> 00:03:21.888 Laten we nog drie voorbeelden bekijken 00:03:21.888 --> 00:03:23.743 voordat we zelf beginnen. 00:03:23.743 --> 00:03:25.478 Dit is de D.Dress software, van 00:03:25.478 --> 00:03:27.386 Mary Huang. Mary is mode ontwerpster 00:03:27.386 --> 00:03:29.514 In New York. 00:03:29.514 --> 00:03:31.078 Met haar D.Dress software 00:03:31.078 --> 00:03:33.432 kan worden schetsen van jurken automatisch 00:03:33.432 --> 00:03:35.591 omgezet in knip-patronen. 00:03:35.591 --> 00:03:37.840 De klassieker, het zwarte jurkje, wordt nu 00:03:37.840 --> 00:03:39.536 samen gemaakt door 00:03:39.536 --> 00:03:42.295 ontwerper, maker en drager. 00:03:42.886 --> 00:03:44.384 De textiel kamer is ontworpen door 00:03:44.384 --> 00:03:46.389 architectuur studio P-A-T-T-E-R-N-S, 00:03:46.389 --> 00:03:48.058 opgericht door Georgiina Huljich en 00:03:48.058 --> 00:03:50.783 Marcelo Spina. Zij werken 00:03:50.783 --> 00:03:52.981 als architect in Los Angeles. 00:03:52.981 --> 00:03:54.669 De textielkamer is een ruimte 00:03:54.669 --> 00:03:57.014 waar koolvezels worden verweven met 00:03:57.014 --> 00:03:59.502 een video collage. 00:04:00.378 --> 00:04:02.563 Dit is Cell Cycle van Nervous System, 00:04:02.563 --> 00:04:04.472 een ontwerp studio van Jessica Rosenkrantz 00:04:04.472 --> 00:04:06.692 en Jesse Louis-Rosenberg. 00:04:06.692 --> 00:04:08.350 Samen zijn ze dit bedrijf begonnen 00:04:08.350 --> 00:04:10.421 in Boston, in Amerika. 00:04:10.421 --> 00:04:11.952 Met Cell Cycle kun je 00:04:11.952 --> 00:04:13.765 je eigen juwelen ontwerpen 00:04:13.765 --> 00:04:15.956 en dan 3D printen. 00:04:15.956 --> 00:04:17.873 Al deze projecten zijn gemaakt 00:04:17.873 --> 00:04:19.661 met behulp van Processing, 00:04:19.661 --> 00:04:21.786 een toegankelijke programmeertaal 00:04:21.786 --> 00:04:23.598 die door kunstenaars 00:04:23.598 --> 00:04:24.723 en ontwerpers is bedacht. 00:04:24.723 --> 00:04:26.098 en ontwerpers is bedacht. 00:04:26.098 --> 00:04:27.760 Processing is een goeie keus 00:04:27.760 --> 00:04:29.363 als je visuele dingen, zoals 00:04:29.363 --> 00:04:30.996 tekeningen, animaties, 00:04:30.996 --> 00:04:33.313 en zelfs games wilt maken. 00:04:33.313 --> 00:04:35.002 Hopelijk helpt deze cursus je 00:04:35.002 --> 00:04:36.693 de eerste stappen zetten 00:04:36.693 --> 00:04:38.286 in het leren programmeren. 00:04:38.286 --> 00:04:39.569 Ik ben heel benieuwd 00:04:39.569 --> 00:04:41.228 wat jullie allemaal voor moois 00:04:41.228 --> 00:04:42.638 gaan maken met code! Ok 00:04:42.638 --> 00:04:43.891 Tot de volgende les!