-
Notifications
You must be signed in to change notification settings - Fork 0
/
canvas-calendar.html
110 lines (100 loc) · 5.23 KB
/
canvas-calendar.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!DOCTYPE HTML>
<!--
Phantom by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Canvas</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="inner">
<!-- Nav -->
<nav>
<ul>
<li><a href="#menu">Menu</a></li>
</ul>
</nav>
</div>
</header>
<!-- Menu -->
<nav id="menu">
<h2>Menu</h2>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about-me-temp.html">Resume</a></li>
<li>
<a href="javascript:void(0);" onclick="toggleSubMenu(event)">Projects <span class="arrow">▶</span></a>
<ul class="submenu" id="projects-submenu">
<li><a href="guess-who.html">Guess Who?</a></li>
<li><a href="monk-seal.html">Hawaiian Monkseal</a></li>
<li><a href="volunteer-app.html">Volunteer App</a></li>
<li><a href="canvas-calendar.html">Canvas Calendar</a></li>
</ul>
</li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<div class="inner">
<h1 class="heading-container">
Canvas Calendar
<a href="https://docs.google.com/spreadsheets/d/1SRCYMGpLmf5KKXVvXGEShgY-vr0KBzKPSys8NjBq2Oc/edit?usp=sharing" class="icon brands style2 fa-github"><span class="label">GitHub</span></a>
</h1>
<h3>Tech Stack: <span class="smaller-text">Google Apps Script, Google Sheets, and Canvas API</span></h3>
<h3 style="color: #B8E0D2; margin-top: -40px;">Role: <span class="smaller-text">Co-creator</span></h3>
</body>
<p>This project was selected as part of the John and Violet Kay Fellowship and involved developing an auto-scheduling assignment creation tool to assist 'Iolani School teachers in managing the new rotating block schedule in combination with the Canvas Learning Management System.</p>
<p>In 2022, ‘Iolani School adopted a rotating block schedule, where there are 8 periods in total but only 6 are held each day. For example, on A days, periods 1, 2, 3, 4, 5, and 6 are held, while on B days, periods 7, 8, 1, 2, 3, and 4 are held. This means each class meets at different times on different days, requiring teachers to manually check their calendars to set open and close dates for assignments. Since teachers have multiple periods of the same class, this process had to be repeated multiple times.</p>
<p>The tool addresses this challenge by automatically setting the correct open and close dates and times for assignments, tracking the rotating block schedule, and creating assignments via the Canvas API. The code was written in Google Apps Script and can be run in Google Sheets to ensure teachers could easily adopt the tool. This streamlines the process of creating new assignments on Canvas and reduces the administrative workload for teachers.</p>
<p>Finally, when completed, this project was presented at The John and Violet Kay Fellowship Symposium and distributed to 55 'Iolani School teachers for use.</p>
<section class="resume-section">
<iframe src="https://docs.google.com/spreadsheets/d/1SRCYMGpLmf5KKXVvXGEShgY-vr0KBzKPSys8NjBq2Oc/edit?usp=sharing" width="100%" height="1080px"></iframe>
</section>
<div id="enlargedView" class="enlarged-view" onclick="closeEnlargedView()">
<img id="enlargedImage" src="" alt="Enlarged Image">
</div>
<script src="assets/js/carousel.js"></script>
</div>
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<section>
<h2>Contact Information</h2>
<p>
Name: Holden Schermer<br>
Email: <a href="mailto:[email protected]">[email protected]</a><br>
Phone: <a href="tel:+18083887955">+1 (808) 388-7955</a>
</p>
</section>
<section>
<h2>Connect</h2>
<ul class="icons">
<li><a href="https://www.linkedin.com/in/holdenschermer/" class="icon brands style2 fa-linkedin"><span class="label">Dribbble</span></a></li>
<li><a href="https://github.com/HoldenSch" class="icon brands style2 fa-github"><span class="label">GitHub</span></a></li>
<li><a href="mailto:[email protected]" class="icon solid style2 fa-envelope"><span class="label">Email</span></a></li>
<li><a href="tel:+18083887955" class="icon solid style2 fa-phone"><span class="label">Phone</span></a></li>
</ul>
</section>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/sub_nav.js"></script>
</body>
</html>