2023.fossy.us/schedule/presentation/104/index.html

289 lines
11 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>FOSSY 2023 | Presentation: Music Blocks: Computation in and through music</title>
<meta property="og:type" content="website" />
<link rel="icon" href="../../../static/build/img/favicon.ico" />
<!-- Cards -->
<meta property="og:title" content="FOSSY 2023 | Presentation: Music Blocks: Computation in and through music">
<meta property="og:description" content="" />
<meta property="og:url" content="https://2023.fossy.us/schedule/presentation/104/">
<meta name="twitter:site" content="@conservancy">
<meta name="twitter:image:alt" content="FOSSY 2023 | Presentation: Music Blocks: Computation in and through music" />
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="https://2023.fossy.us/static/build/img/conservancy_logo_tall_mono.png" />
<meta property="og:image" content="https://2023.fossy.us/static/build/img/conservancy_logo_tall_mono.png" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="400" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<link rel="stylesheet" href="https://unpkg.com/tachyons@4.12.0/css/tachyons.min.css">
<link href="../../../static/build/scss/app.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
var CONF_TZ = "US/Pacific";
</script>
</head>
<body class="">
<header class="clearfix d-print-none">
<nav class="navbar navbar-expand-lg navbar-dark" style="background: rgb(19,119,82); background: linear-gradient(124deg, rgba(19,119,82,1) 0%, rgba(19,106,119,1) 100%); margin-bottom: 1rem">
<div class="container">
<h2 class="sans-serif f2 f1-ns b lh-solid tracked-tight mv0 mr3">
<a class="washed-yellow hover-washed-yellow" href="../../../index.html" style="text-decoration: none">
FOSSY 2023
</a>
</h2>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarText">
<ul class="navbar-nav mr-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="index.html#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
About
</a>
<div class="dropdown-menu">
<a class="dropdown-item " href="../../../about/index.html">About FOSSY</a>
<a class="dropdown-item " href="../../../travel/index.html">Travel and Lodging</a>
<a class="dropdown-item " href="../../../conventioncenter/index.html">Oregon Convention Center</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="index.html#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Attend
</a>
<div class="dropdown-menu">
<a class="dropdown-item " href="../../../attend/tickets/index.html">Tickets</a>
<a class="dropdown-item " href="../../../attend/volunteer/index.html">Volunteer</a>
<a class="dropdown-item " href="../../../events/index.html">Events</a>
<a class="dropdown-item " href="../../../attend/code-of-conduct.html">Code of Conduct</a>
<a class="dropdown-item " href="../../../attend/health-and-safety/index.html">Health and Safety</a>
<a class="dropdown-item " href="../../../attend/terms-and-conditions/index.html">Terms and Conditions</a>
<a class="dropdown-item " href="https://sfconservancy.org/privacy-policy/">Privacy policy</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="index.html#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Program
</a>
<div class="dropdown-menu">
<a class="dropdown-item " href="../../index.html">Schedule</a>
<a class="dropdown-item " href="../../../pages/tracks.html">Tracks</a>
<a class="dropdown-item " href="../../../call-for-proposals/index.html">Proposals</a>
</div>
</li>
<li class="nav-item ">
<a class="nav-link" href="../../../sponsorship/index.html">
Sponsorship
</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main role="main" class="container">
<div class="row">
<div class="col page-header">
<h1 class="page-title">Music Blocks: Computation in and through music</h1>
<p class="lead">
E143 | <span class="presentation-time" data-starttime="2023-07-13T15:00:00" data-endtime="2023-07-13T16:00:00">Thu 13 Jul 3 p.m.&ndash;4 p.m.</span>
</p>
</div>
</div>
<div class="row">
<div class="col-md-12">
</div>
</div>
<div class="row presentation-details">
<div class="col-md-3">
<h2 class="mt-4">Presented by</h4>
<ul class="list-unstyled">
<li class="mb-4 pb-2">
<img src="https://secure.gravatar.com/avatar/48323dccbd7efe0ec7cf6f1d5c3fc9a4?s=120&amp;d=mp" alt="Devin Ulibarri" class="rounded-circle img-fluid">
<p>
<strong><a href="../../../speaker/profile/186/index.html">Devin Ulibarri</a></strong><br />
<a href="https://musicblocks.net/">https://musicblocks.net/</a>
</p>
<div class="bio">Devin Ulibarri is a versatile musician with a diverse portfolio. He has compositions published in Conceptions Southwest magazine, a range of teaching experience—from preschool to college-level—and has performed with artists such as Silk Road Ensemble with Yo-Yo Ma.
From 2016-18, Devin served as faculty for the Preparatory and Continuing Education schools at New England Conservatory and is co-creator of Music Blocks, a visual programming language for exploring musics fundamental concepts. Music Blocks is currently being considered for Japans national coding curriculum in 2020. Music Blocks development for 2020 is being done in partnership with Gakken, a major Japanese publishing company with funding from Japans Ministry of Economics Trade and Industry.
Currently, Devin runs an out-of-school time (OST) program called MAP Family Learning Center (MAPFLC), where students explore music, art, and programming (hence "MAP"). Led by professional teaching artists, MAPFLC serves both as a place for learning these three subjects in an integrated way, as well as a laboratory for new curriculum ideas, such as our Music+Code curriculum, to be tested and refined in an supportive, structured environment.</div>
</p>
</li>
<li class="mb-4 pb-2">
<img src="https://secure.gravatar.com/avatar/43b174d56662e78b3edf599faaf75920?s=120&amp;d=mp" alt="Walter Bender" class="rounded-circle img-fluid">
<p>
<strong><a href="../../../speaker/profile/188/index.html">Walter Bender</a></strong><br />
<a href="https://github.com/sugarlabs/musicblocks/blob/master/README.md">https://github.com/sugarlabs/musicblocks/blob/master/README.md</a>
</p>
<div class="bio">Walter Bender is co-founder and Chief Scientist at Sorcero, a knowledge-management and learning solutions company in the life-science space.
Bender is also co-founder of Sugar Labs, which develops and maintains educational software used by millions children in more than forty countries. Sugar Labs is a member project of the non-profit foundation Software Freedom Conservancy. In 2006, Bender co-founded the One Laptop per Child, a non-profit association with Nicholas Negroponte and Seymour Papert. Bender was executive director of the MIT Media Lab from 2000-2006.
Bender and Devin Ullibari are the primary authors of Music Blocks, a Visual Programming Language and collection of manipulative tools for exploring musical and mathematical concepts in an integrative and fun way.</div>
</p>
</li>
</ul>
</div>
<div class="col-md-9 presentation-abstract">
<h2 class="mt-4">Abstract</h4>
<div class="abstract pb-4"><p>Learn programming in a fun way with Music Blocks! This workshop will get you started with the basics of Music Blocks visual programming, as well as introduce you to some inspirational projects that combine computation and music in a beautiful, authentic way. For the best experience, please bring your laptops!
“All musicians are subconsciously mathematicians.” — Monk
“Music is a hidden arithmetic exercise of the soul, which does not know that it is counting.” — Leibniz
Music Blocks is a Visual Programming Language and collection of manipulative tools for exploring musical and mathematical concepts in an integrative and fun way.</p></div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="../../../static/build/js/app.js" type="text/javascript"></script>
<script src="../../../static/build/js/jquery.formset.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="../../../static/build/bootstrap/js/bootstrap.bundle.min.js"></script>
<!--no-analytics-->
<script src="../../../static/build/js/luxon.min.js"></script>
<script src="../../../static/build/js/schedule.js" type="text/javascript"></script>
</main>
<footer class="footer mt-4 d-print-none">
<div class="container py-4">
<div class="row">
<div class="col-md-4 pb-4">
<strong>FOSSY 2023</strong> <br>
July 13-16 2023 <br>
Portland, OR<br>
Timezone: PDT - UTC-7 <br>
<a href="mailto:conference@sfconservancy.org" alt="Email"><i class="far fa-envelope"></i></a>&nbsp;&nbsp;<a
href="https://twitter.com/conservancy" alt="Twitter"><i class="fab fa-twitter"></i></a>&nbsp;&nbsp;<a
href="https://social.sfconservancy.org/conservancy" alt="Mastodon"><i class="fab fa-mastodon"></i></a>
</div>
<div class="col-md-4 pb-4 text-center">
<a href="https://sfconservancy.org"><img src="../../../static/build/img/conservancy_logo.svg" alt="Software Freedom Conservancy logo" class="footer-image"></a>
</div>
<div class="col-md-4 pb-4 text-right">
<small>
<a href="index.html#">Back to top</a><br>
&copy; 2023 <a href="https://sfconservancy.org/">Software Freedom Conservancy</a><br>
<a href="../../../credits/index.html">Credits</a>
</small>
</div>
</div>
</div>
</footer>
</body>
</html>