Skip to content

Commit fdcc2ee

Browse files
committed
first changes
1 parent eb4eb32 commit fdcc2ee

17 files changed

+196
-238
lines changed

.vscode/launch.json

+15
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
{
2+
// Use IntelliSense to learn about possible attributes.
3+
// Hover to view descriptions of existing attributes.
4+
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
5+
"version": "0.2.0",
6+
"configurations": [
7+
{
8+
"type": "chrome",
9+
"request": "launch",
10+
"name": "Launch Chrome against localhost",
11+
"url": "http://localhost:8080",
12+
"webRoot": "${workspaceFolder}"
13+
}
14+
]
15+
}

_includes/icon-video.html

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<img src="{{ '/img/icons/mingcute_video-line.png' | relative_url }}" alt="Video icon" class="mr-2 image-line-height">

img/icons/mingcute_video-line.png

313 Bytes
Loading

modules/design-values/_posts/2000-01-01-design-and-values.html

+1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
<!-- TO BE DELETED -->
12
---
23
title: Values-driven design
34
comments: false

modules/design-values/_posts/2000-01-02-your-manifesto.html

+10
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
<!--TO BE FIRST PAGE-->
12
---
23
title: Your Manifesto
34
---
@@ -34,3 +35,12 @@ <h4>Tips</h4>
3435
</div>
3536
</div>
3637
</div>
38+
<h2>Start thinking about and making note of your values.</h2>
39+
<p>Here are some resources if you need them:</p>
40+
<ul>
41+
<li><a href="https://hbr.org/2023/02/how-to-find-define-and-use-your-values">Harvard Business Review: How to Define and Use Your Values</a></li>
42+
<li><a href="http://colas.sebastien.free.fr/values/#">An interactive tool that helps you narrow down values by picking from a list</a></li>
43+
<li><a href="https://www.forbes.com/sites/forbescoachescouncil/2022/02/18/15-effective-ways-to-discover-and-articulate-your-core-values/?sh=5e3dd9541df1">Forbes: 15 Effective Ways to Discover and Articulate Your Core Values</a></li>
44+
<li><a href="https://www.indeed.com/career-advice/career-development/core-values#:~:text=Core%20values%20are%20personal%20ethics,achieve%20personal%20and%20professional%20goals">Indeed: Core Values in the Workplace: 84 Powerful Examples</a></li>
45+
<li><a href="https://jamesclear.com/core-values">James Clear: Core Values List</a></li>
46+
</ul>

modules/design-values/_posts/2000-01-03-team-manifesto.html

+1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
<!--TO BE SECOND PAGE-->
12
---
23
title: Team Manifesto
34
comments: true

modules/key-ideas/_posts/2000-01-01-key-ideas.html

+2
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
<!-- TO BE DELETED -->
2+
13
---
24
title: Key Ideas
35
banner: /img/banners/key-ideas-1.jpg

modules/key-ideas/_posts/2000-01-02-active-learning.html

+1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
1+
<!-- TO BE DELETED -->
12
---
23
title: Active Learning
34
---

modules/key-ideas/_posts/2000-01-03-constructivism.html

+8-36
Original file line numberDiff line numberDiff line change
@@ -8,58 +8,30 @@ <h2>What is constructivism?</h2>
88

99
<ul>
1010
<li>we learn best when we actively <em>construct</em> or <em>build</em> knowledge, and that</li>
11-
<li>learning involves making connections between our previous experiences and the new concepts we are learning.</li>
11+
<li>design involves making connections between our previous experiences and the new concepts we are learning.</li>
1212
</ul>
1313

14-
<p>In this way our previous experiences are like a foundation or scaffolding which helps us understand new ideas and build knowledge.</p>
14+
<p>In this way our previous experiences are like a foundation or scaffolding which helps us understand new ideas and build on our design knowledge.</p>
1515

1616
<h2>What is social-constructivism?</h2>
1717

1818
<p>Social-Constructivism adds a <em>social</em> layer to constructivist approaches to learning. So, from a social constructivist perspective, we learn when we interact with each other to build knowledge.</p>
1919

2020
<p>These interactions - sharing our previous experiences, exploring ideas together, and collaboratively engaging with new concepts - are the key components of social knowledge building.</p>
2121

22-
<p>For a closer look at these ideas, work with your team (or individually) on the following interactive reader on constructivism and social constructivism. </p>
23-
24-
<iframe src="https://uclabruinlearn.h5p.com/content/1291709932168445808/embed" width="1088" height="637" frameborder="0" allowfullscreen="allowfullscreen" allow="autoplay *; geolocation *; microphone *; camera *; midi *; encrypted-media *" aria-label="Constructivism & Social Constructivism"></iframe><script src="https://uclabruinlearn.h5p.com/js/h5p-resizer.js" charset="UTF-8"></script>
25-
2622
<div class="card my-5 shadow-sm">
2723
<div class="card-header">
28-
<span><a id="constructivism-experiences"></a>{% include icon-notebook.html %}In your notebook: Your experiences with Constructivism and Learning</span>
24+
<span><a id="constructivism-experiences"></a>{% include icon-notebook.html %}In your notebook: Your experiences with Constructivism and Design</span>
2925
</div>
3026
<div class="card-body">
31-
<h3 class="card-title">Reflecting on your experiences with constructivist and social constructivist learning</h3>
27+
<h3 class="card-title">Reflecting on your experiences with constructivist and social constructivist design</h3>
3228
<p class="card-text">Choose 1-3 of the following questions. Then, in your notebook, write a quick, 3 minute reflection exploring your thoughts.</p>
33-
<h4>Design for Learning</h4>
34-
<ul>
35-
<li>Can you think of an example in which a teacher has helped you learn a new concept by relating it to something you already knew? If so, what happened? How did this impact your learning?</li>
36-
<li>Have you ever experienced social-constructivist learning (or something similar)? Have you ever felt that you were a part of a learning community? If so, what was the experience like? What were you learning? What kinds of knowledge did you build together? How did the social aspects impact learning?</li>
37-
</ul>
38-
3929
<h4>Design for UX</h4>
4030
<ul>
41-
<li>Can you think of an experience you have had (e.g., in an environment or with a product or service) where the designer built on your previous knowledge to allow you to do something new or achieve a personal goal?</li>
42-
<li>Often, different fields use different terms to talk about similar ideas. What language does the design world use to talk about constructivism and social-constructivism?</li>
43-
<li>Have you ever been in a designed environment (either online or in person) that encouraged building knowledge and understanding through social interaction? How did it work? What aspects of the design facilitated social constructivism? What would you have done differently if you had been the designer?</li>
44-
<li>In what ways does the design of this course encourage social-construtivist learning? How would you improve the design of this course to further incorporate social-constructivism?</li>
45-
</ul>
46-
</div>
47-
</div>
48-
49-
<div class="card my-5 shadow-sm">
50-
<div class="card-header">
51-
<span><a id="social-constructivism"></a>{% include icon-team.html %}With your team: Constructivism and Social-Constructivism</span>
52-
</div>
53-
<div class="card-body">
54-
<h3 class="card-title">Getting social with (social-) constructivism</h3>
55-
<p class="card-text">Share your thoughts on constructivism and social constructivism with your team. To get the conversation started, listen to <a href="https://open.spotify.com/track/0EqLwxrToMzTGI6B0GqQfB">Bored of Education</a>, by Propaganda (or read this <a href="https://www.lyricsbox.com/propaganda-bored-of-education-lyrics-9l2nc95.html" target="_blank">transcript of the lyrics</a>).</p>
56-
<iframe src="https://open.spotify.com/embed?uri=spotify%3Atrack%3A0EqLwxrToMzTGI6B0GqQfB" width="100%" height="380" frameborder="1" allowtransparency="true" allow="encrypted-media"></iframe>
57-
<ul>
58-
<li>Discuss with your team: What examples and counter-examples of constructivist and social-constructivist learning do you hear in this song? Which examples do you find most relatable?</li>
59-
<li>What are your experiences with social-constructivist learning?</li>
60-
<li>Thinking back to the <a href="https://youtu.be/nqm4HKRGZys?t=111" target="_blank">example of active learning in a lecture hall</a> that we watched previously, in what ways was this instructor demonstrating (and/or not demonstrating) social-constructivist teaching?</li>
61-
<li>How does your team encourage knowledge and community building? What other practices might you explore?</li>
62-
<li>Imagine you could design a school to address the issues brought up in "Bored of Education." What would your design include? Not include? Why?</li>
31+
<li>Can you think of an experience you have had (e.g., in an environment or with a product or service) where the designer built on your previous knowledge to allow you to do something new or achieve a personal goal?</li>
32+
<li>Often, different fields use different terms to talk about similar ideas. What language does the design world use to talk about constructivism and social-constructivism?</li>
33+
<li>Have you ever been in a designed environment (either online or in person) that encouraged building knowledge and understanding through social interaction? How did it work? What aspects of the design facilitated social constructivism? What would you have done differently if you had been the designer?</li>
34+
<li>In what ways does the design of this course encourage social-construtivist learning? How would you improve the design of this course to further incorporate social-constructivism?</li>
6335
</ul>
6436
</div>
6537
</div>

modules/key-ideas/_posts/2000-01-04-critical-pedagogy.html

+3-29
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,11 @@ <h2>What is critical pedagogy?</h2>
55

66
<p>Critical pedagogy involves critical questioning of the status quo, and often is focused on both transformation and promoting social change and social justice.</p>
77

8+
<!--Should change?
89
<p>Proponents of critical pedagogy have argued that "teachers and students should be co-creators of knowledge within the classroom, and dominant ideologies should be exposed for critique and discussion" (Anderson & Herr, 2007).</p>
910
1011
<p>These ideas challenge traditional conceptions of power and authority within the classroom itself and suggest new possibilities for learning and teaching.</p>
11-
12-
<p>For a closer look at critical pedagogy, work with your team (or individually) on the following interactive reader. </p>
13-
14-
<iframe src="https://uclabruinlearn.h5p.com/content/1291709898502735578/embed" width="1088" height="637" frameborder="0" allowfullscreen="allowfullscreen" allow="autoplay *; geolocation *; microphone *; camera *; midi *; encrypted-media *" aria-label="Critical Pedagogy"></iframe><script src="https://uclabruinlearn.h5p.com/js/h5p-resizer.js" charset="UTF-8"></script>
12+
-->
1513

1614
<div class="card my-5 shadow-sm">
1715
<div class="card-header">
@@ -20,34 +18,10 @@ <h2>What is critical pedagogy?</h2>
2018
<div class="card-body">
2119
<h3 class="card-title">What are your experiences?</h3>
2220
<p class="card-text">In your notebook, write a quick (3-5 minute) reflection on one or more of the following questions, and then select a few ideas to share with your team:</p>
23-
<h4>Design for Learning</h4>
24-
<ul>
25-
<li>Have you ever had a learning experience that involved questioning your own assumptions or beliefs? Looking deeply and critically at common societal conventions or structures? If so, what was this experience like for you and other learners?</li>
26-
<li>Have you ever had a learning experience that challenged the traditional dynamics between teachers and learners?</li>
27-
<li>Was the experience transformative for you? For others? If so, how? If not, why not?</li>
28-
</ul>
2921
<h4>Design for UX</h4>
3022
<ul>
3123
<li>In what ways does your design process involve going beneath "surface meaning, first impressions, and dominant myths"? What role does this type of critical thinking have in the design process and why might it be important?</li>
3224
<li>Have you ever experienced a design (e.g., of an object, product, service, advertisement, or environment) that seemed to be passing on a particular ideology or set of beliefs - either intentionally or unintentionally? If so, what was the context and what impact did it have on you?</li>
3325
</ul>
3426
</div>
35-
</div>
36-
37-
<div class="card my-5 shadow-sm">
38-
<div class="card-header">
39-
<span><a id="critical-pedagogy-discussion"></a>{% include icon-team.html %}With your team: Talking about Critical Pedagogy</span>
40-
</div>
41-
<div class="card-body">
42-
<h3 class="card-title">Talking about critical pedagogy in practice</h3>
43-
<p class="card-text">Think back on the <a href="{{ '/modules/key-ideas/key-ideas/' | absolute_url }}" target="_blank">example of active learning in a lecture hall</a> you watched in the introduction to this section. Talk with your team about one or more of the following questions:</p>
44-
<ul>
45-
<li>In what ways is <a href="{{ '/modules/key-ideas/key-ideas/' | absolute_url }}" target="_blank">the video we watched previously</a> an example or not an example of critical pedagogy in practice? In what ways do the learners take on traditional roles? In what ways do they take on untraditional roles? What societal conventions are explored and questioned in the lesson?</li>
46-
<li>Have you experienced a lesson or activity like this? What experiences with critical pedagogy or design did you share in your notebook?</li>
47-
<li>What role did "design" play in this lesson? For example, what impact did the classroom design have on learning? What about the design of the materials or the lesson itself? If you were designing either the learning environment or the lesson, what would you change? What would you keep the same and why?</li>
48-
<li>To what extent were the learners in this activity "co-designers" of learning? What kinds agency did they have and not have in this activity?</li>
49-
</ul>
50-
</div>
51-
</div>
52-
53-
27+
</div>
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,35 @@
11
---
22
title: Universal Design
33
---
4-
<h2>What is universal design?</h2>
4+
<h2>What is inclusive design? What is universal design?</h2>
55

66
<p>Universal design calls for:</p>
77

88
<blockquote>The design of products and environments to be usable by all people, to the greatest extent possible, without the need for adaptation or specialized design (<a href="https://web.archive.org/web/20080509071827/http://www.design.ncsu.edu/cud/about_ud/udprinciplestext.htm" target="_blank">The Center for Universal Design - NC State University, 1997</a>).</blockquote>
99

10-
<p>When designing for learners, this means that learning experiences and materials benefit ALL students when learning materials are accessible, diverse and inclusive.</p>
11-
12-
For a brief overview of the concept of Universal Design check out this interactive reader:
13-
14-
<iframe src="https://uclabruinlearn.h5p.com/content/1291731474590330768/embed" width="777" height="463" frameborder="0" allowfullscreen="allowfullscreen" allow="autoplay *; geolocation *; microphone *; camera *; midi *; encrypted-media *" aria-label="Universal Design for Learning"></iframe><script src="https://uclabruinlearn.h5p.com/js/h5p-resizer.js" charset="UTF-8"></script>
10+
<p>This means that experiences, products, and services benefit ALL users when they are accessible, diverse and inclusive.</p>
11+
<p>Universal vs. inclusive design: </p>
12+
<ul>
13+
<li>Inclusive design describes methodologies to create products that understand and enable people of all backgrounds and abilities. Inclusive design may address accessibility, age, culture, economic situation, education, gender, geographic location, language, and race. The focus is on fulfilling as many user needs as possible, not just as many users as possible.</li>
14+
<li>Universal design aims to create one experience that can be accessed and used to the greatest extent possible by all people. Unlike inclusive design, universal design enforces a single design solution without need for adaptations or specialized design. Inclusive design accepts and embraces multiple design variations so long as they achieve the desired outcome. - Nielsen Norman Group</li>
15+
</ul>
16+
<div class="card my-5 shadow-sm">
17+
<div class="card-header">
18+
<span><a id="margins-video"></a>{% include icon-video.html %}Video: Designing for the Margins</span>
19+
</div>
20+
<div class="card-body">
21+
<iframe width="100%" height="400" src="https://www.youtube.com/watch?v=Y7O9etlevyw&ab_channel=Governing" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
22+
</div>
1523

1624
<div class="card my-5 shadow-sm">
1725
<div class="card-header">
1826
<span><a id="ud-experiences"></a>{% include icon-team.html %}With your team: Experiences with (and without) Universal Design</span>
1927
</div>
2028
<div class="card-body">
21-
<h3 class="card-title">Exploring Universal Design for Learning</h3>
22-
<p>With your team, explore the diversity of learners, their experiences, and their different approaches to learning by discussing the following questions and completing the follow activities together:</p>
29+
<h3 class="card-title">Exploring Universal Design</h3>
30+
<p>With your team, explore the diversity of designers, their experiences, and their different approaches to design by discussing the following questions and completing the follow activities together:</p>
2331
<ul>
24-
<li>Have you ever had a learning experience that you felt just wasn't designed for you? How will this impact your team's design approach?</li>
32+
<li>Have you ever had an experience that you felt just wasn't designed for you? How will this impact your team's design approach?</li>
2533
<li>Next, choose a website that your team frequently uses, and explore it using WAVE - the Web Accessibility Evaluation Tool: <a href="http://wave.webaim.org/" target="_blank">http://wave.webaim.org/</a>. This tool gives you a chance to take a behind the scenes look at the accessibility of a website and identify both best practices and areas of improvement.</li>
2634
<li>What did you notice about the website you visited? In what ways is it accessible? How could it be improved?</li>
2735
</ul>
@@ -30,6 +38,5 @@ <h3 class="card-title">Exploring Universal Design for Learning</h3>
3038
<li>Imagine there were a tool like webaim for physical spaces, products, or services (in other words things that aren't online). How would it work? What factors would it consider? </li>
3139
<li>What roles do universal design and accessibility play in designs outside of the web? Can you think of a non-digital product or service that seems to have been created with universal design and accessibility in mind? What about the opposite?</li>
3240
</ul>
33-
3441
</div>
3542
</div>

0 commit comments

Comments
 (0)