Ben Sturmfels
e15fd51e3b
Ran: wget --mirror --convert-links --adjust-extension --page-requisites --no-parent https://2024.fossy.us/
268 lines
10 KiB
HTML
268 lines
10 KiB
HTML
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<!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 2024 | Presentation: Developing Accessible, Multimodal Interactive STEM Simulations with SceneryStack</title>
|
||
|
||
<meta property="og:type" content="website" />
|
||
|
||
<link rel="icon" href="../../../static/build/img/favicon.ico" />
|
||
|
||
<!-- Cards -->
|
||
<meta property="og:title" content="FOSSY 2024 | Presentation: Developing Accessible, Multimodal Interactive STEM Simulations with SceneryStack">
|
||
<meta property="og:description" content="" />
|
||
<meta property="og:url" content="https://2024.fossy.us/schedule/presentation/203/">
|
||
<meta name="twitter:site" content="@conservancy">
|
||
<meta name="twitter:image:alt" content="FOSSY 2024 | Presentation: Developing Accessible, Multimodal Interactive STEM Simulations with SceneryStack" />
|
||
<meta name="twitter:card" content="summary">
|
||
<meta name="twitter:image" content="https://2024.fossy.us/static/build/img/conservancy_logo_tall_mono.png" />
|
||
<meta property="og:image" content="https://2024.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 2024
|
||
</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>
|
||
|
||
</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="../../../dashboard.html">Dashboard</a>
|
||
|
||
<a class="dropdown-item " href="../../../attend/tickets/index.html">Tickets</a>
|
||
|
||
<a class="dropdown-item " href="../../../travel/index.html">Travel and Lodging</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/index.html">Tracks</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">Developing Accessible, Multimodal Interactive STEM Simulations with SceneryStack</h1>
|
||
<p class="lead">
|
||
|
||
338 | <span class="presentation-time" data-starttime="2024-08-02T15:00:00" data-endtime="2024-08-02T15:45:00">Fri 02 Aug 3 p.m.–3:45 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/df02c6b29d83016f30bc3839a8ba431f?s=120&d=mp" alt="Brett Fiedler" class="rounded-circle img-fluid">
|
||
<p>
|
||
<strong><a href="../../../speaker/profile/304/index.html">Brett Fiedler</a></strong><br />
|
||
|
||
|
||
</p>
|
||
<div class="bio">Brett is an Inclusive Experience Researcher at the PhET Interactive Simulations project at the University of Colorado Boulder. The PhET project creates free and open-source interactive science and math simulations for use by teachers and students all around the world. Brett is also the Community Manager of the new SceneryStack developer community, based around the web development libraries used to create PhET Interactive Simulations and the shared interest in making learning enjoyable for all. SceneryStack is unique for its focus on accessibility features, such as screen reader accessible descriptions, for making inclusive, interactive web experiences.</div>
|
||
</p>
|
||
</li>
|
||
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="col-md-9 presentation-abstract">
|
||
<h2 class="mt-4">Abstract</h4>
|
||
|
||
<div class="abstract pb-4"><p>SceneryStack is a recently created open-source community built around a [collection of HTML5/TypeScript development libraries](https://scenerystack.github.io/community/guides/scenerystack_list/) in the Model-View-Controller framework that can be used **together or separately** to create multimodal and accessible, web interactives. SceneryStack libraries are used to create PhET Interactive Simulations, free and open-source science and math simulations with hundreds of millions of uses worldwide, as well as their growing set of Inclusive Features. SceneryStack includes support for robust accessibility features like dynamic and navigable screen-reader descriptions, dynamic and customizable descriptions through browser text-to-speech, sounds and sonifications, pan and zoom, alternative input, and more. SceneryStack offers libraries specifically tailored to interactive, educational simulation development, in addition to being suitable for general web interactive development. The goals of SceneryStack are to create more accessible and enjoyable STEM learning interactives, as well as supporting developers to create more inclusive dynamic web content broadly. We share about the motivation to create SceneryStack, propelled by teacher-developers, and the vision for the future of the open-source community.</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-12 pb-12 text-center" style="margin-top: 0px;margin-bottom: 0px;border-bottom-style: solid;border-bottom-width: 0px;padding-bottom: 20px;">Wifi: FOSSY <i>(see Registration for older wifi)</i><br/>PIN: outreachy1000</div>
|
||
</div> -->
|
||
<div class="row">
|
||
<div class="col-md-4 pb-4">
|
||
<strong>FOSSY 2024</strong> <br>
|
||
August 1–4th 2024 <br>
|
||
Portland, OR<br>
|
||
Timezone: PDT - UTC-7 <br>
|
||
<a href="mailto:conference@sfconservancy.org" alt="Email"><i class="far fa-envelope"></i></a> <a
|
||
href="https://twitter.com/conservancy" alt="Twitter"><i class="fab fa-twitter"></i></a> <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>
|
||
© 2024 <a href="https://sfconservancy.org/">Software Freedom Conservancy</a><br>
|
||
<a href="../../../credits/index.html">Credits</a>
|
||
</small>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
</body>
|
||
</html>
|