Skip to content

Commit 382627d

Browse files
ConnectedCatConnectedCat
committed
moving archives from Fall 2020
1 parent 0cd77c4 commit 382627d

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

57 files changed

+878
-0
lines changed

‎2020index.html

+297
Large diffs are not rendered by default.

‎F2020_SimulationWorkshop.pdf

86.6 KB
Binary file not shown.

‎Project1CreativeKludging.pdf

49.4 KB
Binary file not shown.

‎SemesterOverviewHandout.pdf

89.3 KB
Binary file not shown.

‎diagramming/AtsukoTanaka_1956.jpg

313 KB

‎diagramming/AtsukoTanaka_ElecticDress_1956.jpg

162 KB

‎diagramming/Atsuko_Tanaka.jpg

111 KB

‎diagramming/Ben_Hooker.pdf

337 KB
Binary file not shown.

‎diagramming/Brendan_Walker.pdf

551 KB
Binary file not shown.

‎diagramming/Ei_Wada.pdf

223 KB
Binary file not shown.

‎diagramming/Jiha_Hwang.pdf

830 KB
Binary file not shown.

‎diagramming/LAinstallation.pdf

438 KB
Binary file not shown.

‎diagramming/Marc_Ngui.pdf

175 KB
Binary file not shown.

‎diagramming/Nidhi_Singh.pdf

337 KB
Binary file not shown.

‎diagramming/fb_awards.png

975 KB

‎diagramming/index.html

+57
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,57 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Diagramming examples</title>
7+
<style>
8+
body {
9+
margin: 0px;
10+
}
11+
12+
img {
13+
max-width: 100%;
14+
}
15+
16+
main {
17+
margin: 0px 10px;
18+
width: 100%;
19+
}
20+
21+
@media (min-width: 768px){
22+
main{
23+
width: 760px;
24+
margin: 0px auto;
25+
}
26+
}
27+
</style>
28+
</head>
29+
<body>
30+
<header></header>
31+
<main>
32+
<h1>Diagramming examples</h1>
33+
<h3>Facebook Awards Judging System</h3>
34+
<img src="fb_awards.png" alt="Facebook Awards Judging System">
35+
<h3>Insomniac Artist/Event Database</h3>
36+
<img src="insomniac_artist_db.png" alt="Insomniac Artist/Event Database">
37+
<h3>News Feed API design</h3>
38+
<img src="news_feed_via_api.png" alt="News Feed API design">
39+
<h3><a href="LAinstallation.pdf" target="_blank">Interactive Installation Proposal</a></h3>
40+
41+
<h3>Atsuko Tanaka</h3>
42+
<img src="Atsuko_Tanaka.jpg" alt="Atsuko_Tanaka">
43+
<h3>Atsuko Tanaka 1956</h3>
44+
<img src="AtsukoTanaka_1956.jpg" alt="AtsukoTanaka_1956">
45+
<h3>Atsuko Tanaka Electric Dress</h3>
46+
<img src="AtsukoTanaka_ElecticDress_1956.jpg" alt="AtsukoTanaka_ElecticDress_1956">
47+
<h3><a href="Ben_Hooker.pdf" target="_blank">Ben Hooker</a></h3>
48+
49+
<h3><a href="Brendan_Walker.pdf" target="_blank">Brendan Walker</a></h3>
50+
<h3><a href="Ei_Wada.pdf" target="_blank">Ei Wada</a></h3>
51+
<h3><a href="Jiha_Hwang.pdf" target="_blank">Jiha Hwang</a></h3>
52+
<h3><a href="Marc_Ngui.pdf" target="_blank">Marc Ngui</a></h3>
53+
<h3><a href="Nidhi_Singh.pdf" target="_blank">Nidhi Singh</a></h3>
54+
</main>
55+
<footer></footer>
56+
</body>
57+
</html>

‎diagramming/insomniac_ae_db_userflow.png

1.15 MB

‎diagramming/insomniac_artist_db.png

683 KB

‎diagramming/news_feed_via_api.png

141 KB

‎digital-ecologies.html

+75
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Resources and materials</title>
7+
8+
<style>
9+
img {
10+
max-width: 30%;
11+
display: block;
12+
}
13+
14+
li {
15+
margin-bottom: 20px;
16+
}
17+
18+
ul {
19+
padding: 0px;
20+
list-style: none;
21+
}
22+
@media (min-width: 768px) {
23+
main {
24+
width: 760px;
25+
margin: auto;
26+
}
27+
28+
ul {
29+
columns: 2;
30+
}
31+
}
32+
</style>
33+
</head>
34+
<body>
35+
<main>
36+
<h1>Digital creatures</h1>
37+
<h2>Part 1: Perceptions and reactions</h2>
38+
<h3>List of electronic components:</h3>
39+
<ul>
40+
<li>
41+
<img src="https://cdn.shopify.com/s/files/1/0925/6626/products/Photon_Product_1000x.jpg">Particle.IO Photon board <a href="https://store.particle.io/collections/wifi/products/photon" target="_blank">Store link</a> <a href="https://www.mouser.cn/Search/Refine?Keyword=photon+wifi" target="_blank">Alternative link</a></li>
42+
43+
<li><img src="https://cdn-shop.adafruit.com/970x728/239-05.jpg">Breadboards <a href="https://www.adafruit.com/product/239" target="_blank">Store link</a></li>
44+
45+
<li><img src="https://cdn-shop.adafruit.com/970x728/758-04.jpg">Breadboard wires M-M <a href="https://www.adafruit.com/product/758" target="_blank">Store link</a> <a href="https://www.amazon.com/dp/B072L1XMJR/" target="_blank">Alternative link</a></li>
46+
47+
<li><img src="https://cdn-shop.adafruit.com/970x728/4133-03.jpg">Potentiometers <a href="https://www.adafruit.com/category/156" target="_blank">Store link</a> <a href="https://risym.tmall.com/category-425305313.htm?spm=a1z10.3-b-s.w20470601-21581825898.19.45e05535stNDE5&search=y&catName=%B5%E7%CE%BB%C6%F7%2C%BF%C9%B5%F7%B5%E7%D7%E8&scene=taobao_shop" target="_blank">Alternative link</a> <a href="https://www.mouser.cn/Search/Refine?Keyword=adafruit" target="_blank">Alternative link</a></li>
48+
49+
<li><img src="https://cdn.sparkfun.com//assets/parts/9/7/3/1/12862-01.jpg">Sensor kit <a href="https://www.sparkfun.com/products/12862" target="_blank">Store link</a> <a href="https://risym.tmall.com/?search=y&keyword=%B4%AB%B8%D0" target="_blank">Alternative link</a> <a href="https://www.mouser.cn/ProductDetail/SparkFun/SEN-12862?qs=sGAEpiMZZMu3sxpa5v1qriwpclq7BcgpvkE5LtrO2ag%3D" target="_blank">Alternative link</a></li>
50+
51+
<li><img src="https://cdn-shop.adafruit.com/970x728/1119-03.jpg">Buttons <a href="https://www.adafruit.com/category/235" target="_blank">Store link</a> <a href="https://telesky.tmall.com/category-978364926.htm?spm=a220o.1000855.w5003-16538328940.17.1af24c9fqiUpLf&search=y&catName=%BF%AA%B9%D8%C6%F7%BC%FE&scene=taobao_shop" target="_blank">Alternative link</a> <a href="https://www.mouser.cn/Search/Refine?Keyword=adafruit" target="_blank">Alternative link</a></li>
52+
53+
<li><img src="https://cdn-shop.adafruit.com/970x728/754-00.jpg">LEDs <a href="https://www.adafruit.com/category/37" target="_blank">Store link</a> <a href="https://telesky.tmall.com/category-977510171.htm?spm=a220o.1000855.w5003-16538328940.9.1af24c9fqiUpLf&search=y&catName=%B6%FE%C8%FD%BC%AB%B9%DC%A1%A2LED%B5%C6&scene=taobao_shop" target="_blank">Alternative link</a> <a href="https://www.mouser.cn/Search/Refine?Keyword=adafruit" target="_blank">Alternative link</a></li>
54+
55+
<li><img src="https://cdn.sparkfun.com//assets/parts/6/1/7/1/10969-Resistor_Kit_-_1_4W__500_total_-01.jpg">Resistors <a href="https://www.sparkfun.com/products/10969" target="_blank">Store link</a> <a href="https://www.mouser.cn/Search/Refine?Keyword=adafruit" target="_blank">Alternative link</a></li>
56+
57+
<li><img src="https://cdn-shop.adafruit.com/970x728/398-09.jpg">LCDs and Displays <a href="https://www.adafruit.com/category/63" target="_blank">Store link</a> <a href="https://risym.tmall.com/?search=y&keyword=LCD" target="_blank">Alternative link</a> <a href="https://www.mouser.cn/Search/Refine?Keyword=adafruit" target="_blank">Alternative link</a></li>
58+
59+
<li><img src="https://cdn-shop.adafruit.com/970x728/826-04.jpg">Breadboard wires M-F <a href="https://www.adafruit.com/product/826" target="_blank">Store link</a> <a href="https://www.amazon.com/dp/B072L1XMJR/" target="_blank">Alternative link link</a></li>
60+
61+
</ul>
62+
<h3>Particle IO quicklinks:</h3>
63+
<ul>
64+
<li><a href="https://console.particle.io" target="_blank">Particle IO console</a></li>
65+
<li><a href="https://docs.particle.io/tutorials/hardware-projects/hardware-examples/photon/" target="_blank">Introductory hardware examples</a></li>
66+
<li><a href="https://docs.particle.io/reference/device-os/firmware/photon/#input-output" target="_blank">Input-output pin functions</a></li>
67+
<li><a href="https://docs.particle.io/reference/device-os/firmware/photon/#particle-variable-" target="_blank">Particle variables</a></li>
68+
<li><a href="https://docs.particle.io/reference/device-os/firmware/photon/#particle-publish-" target="_blank">Publishing events</a></li>
69+
<li><a href="https://docs.particle.io/reference/device-os/firmware/photon/#particle-subscribe-" target="_blank">Subscribing to events</a></li>
70+
<li><a href="https://docs.particle.io/tutorials/device-cloud/webhooks/" target="_blank">Intro to Webhooks</a></li>
71+
</ul>
72+
<h2>Part 2: Movements and behaviours</h2>
73+
</main>
74+
</body>
75+
</html>

‎github_workflow/GitHubStep1.jpg

18.5 KB

‎github_workflow/GitHubStep2.jpg

183 KB

‎github_workflow/GitHubStep3.jpg

186 KB

‎github_workflow/GitHubStep4.jpg

183 KB

‎github_workflow/GitHubStep5.jpg

121 KB

‎github_workflow/GitHubStep6.jpg

198 KB

‎github_workflow/GitHubStep7.jpg

146 KB

‎github_workflow/github_resources.html

+27
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>GitHub Resources</title>
8+
</head>
9+
10+
<body>
11+
<h3>Create a free account on GitHub if you don't have one already:</h3>
12+
<p><a href="https://github.com/join">https://github.com/join</a></p>
13+
<hr>
14+
<h3>Create a repository for this class.</h3>
15+
<p>Find a meaningful name for it, please. <a href="https://help.github.com/en/articles/create-a-repo">https://help.github.com/en/articles/create-a-repo</a></p>
16+
<hr>
17+
<h3>Than install a Desktop GUI for GitHub:</h3>
18+
<p><a href="https://desktop.github.com/">https://desktop.github.com/</a></p>
19+
<p>(This will also install Git version control system on you computer if it had not been previously installed)</p>
20+
<p>And configure it:</p>
21+
<p><a href="https://help.github.com/en/desktop/getting-started-with-github-desktop/configuring-git-for-github-desktop">https://help.github.com/en/desktop/getting-started-with-github-desktop/configuring-git-for-github-desktop</a></p>
22+
<hr>
23+
<h3>Check out the complimentary education pack from GitHub:</h3>
24+
<p><a href="https://education.github.com/pack">https://education.github.com/pack</a></p>
25+
</body>
26+
27+
</html>

‎github_workflow/index.html

+58
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>GitHub WorkFlow</title>
8+
</head>
9+
10+
<body>
11+
<h1>Workflow in Git and GitHub</h1>
12+
<p>In this class we'll be using <a href="https://github.com/">GitHub</a> service to keep track of your progress over the course of the semester and to keep all your files safely backed up. This would be the outline of the process:</p>
13+
14+
<img src="http://jlord.us/git-it/assets/imgs/remotes.png" alt="git schema" width="1028" />
15+
16+
<p>This is a step-by-step guide describing a typical workflow you'll use for your in-class and home work. It assumesm you've already gone through the set-up process outlined <a title="GitHub resources" href="github_resources.html" target="_blank">here</a>.</p>
17+
<ol>
18+
<li>
19+
<p>Start by opening GitHub Desktop app and after making sure the right repository is selected click on the "Fetch origin" option. You'll find both current repo name and the "Fetch origin" on the top of the app window.</p>
20+
<img src="GitHubStep1.jpg" alt="GitHubStep1.jpg" width="1028" height="78" />
21+
</li>
22+
<li>
23+
<p>Now you can start working on your code. Open the file that you want to work on in your text editor and start making changes. Don't get carried away - once you've finished working on one part of your designs (i.e navbar, page content, images etc.) you will want to commit the changes.</p>
24+
</li>
25+
<li>
26+
<p>To commit the changes mean to put a marker in your progress. It will allow you to return to whatever is the state that your page/site is in at this point. You might want to do this rollback if you mess something up later, but instead of scraping everything and starting from scratch you can save the parts of your work that are in good standing.</p>
27+
<ul>
28+
<li>
29+
<p>Start by returning to the GitHub Desktop app and verifying the changes:</p>
30+
<img src="GitHubStep2.jpg" alt="GitHubStep2.jpg" width="611" height="487" />
31+
</li>
32+
<li>
33+
<p>Make sure all the changes you want to make are there. All the stuff you added is highlighted in green on the right side, all the stuff you deleted is highlighted in red. Next, write a title and a description of your changes - make sure it can be easily understood by other people who might also try to work on the same page/site.</p>
34+
<img src="GitHubStep3.jpg" alt="GitHubStep3.jpg" width="609" height="486" />
35+
</li>
36+
<li>
37+
<p>Once the commit message is ready click "Commit to master" Master is the name of the main branch in your repository. Repositories can have many branches, with different versions of code living there simultaneously, but we are only going to be working with master.</p>
38+
<img src="GitHubStep4.jpg" alt="GitHubStep4.jpg" width="607" height="489" />
39+
</li>
40+
<li>
41+
<p>If you now switch to the History tab you should see your most recent commit on top of other commits in this repo.</p>
42+
<img src="GitHubStep5.jpg" alt="GitHubStep6.jpg" width="661" height="489" />
43+
</li>
44+
</ul>
45+
</li>
46+
<li>
47+
<p>You might want to now go back to your code in a text editor and continue working on other parts of your designs. Or you might want to send the changes you have just committed up to the origin on GitHub.com. This will back up your work and will allow you to share it with others. If you are ready to do that return to the section where you previously "Fetched origin." Now you will see an option there to push to origin and a number of commits that have not been pushed up yet. Click "Push origin"</p>
48+
<img src="GitHubStep6.jpg" alt="GitHubStep5.jpg" width="603" height="489" />
49+
<p>After you click it you will see a progress indicator, and at the end of it the repo will again be fetched and refreshed.</p>
50+
</li>
51+
<li>
52+
<p>Done. You can now verify that the changes are visible on GitHub.com</p>
53+
<img src="GitHubStep7.jpg" alt="GitHubStep7.jpg" width="564" height="489" />
54+
</li>
55+
</ol>
56+
</body>
57+
58+
</html>

‎particleSetup.html

+123
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,123 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Resources and materials</title>
7+
8+
<style>
9+
10+
img {
11+
max-width: 100%;
12+
}
13+
14+
section {
15+
margin-bottom: 60px;
16+
}
17+
18+
@media (min-width: 768px) {
19+
main {
20+
width: 760px;
21+
margin: auto;
22+
}
23+
24+
section img {
25+
float: left;
26+
max-width: 66%;
27+
margin-right: 20px;
28+
}
29+
30+
section::after {
31+
display: block;
32+
content: "";
33+
clear: both;
34+
}
35+
36+
p {
37+
margin: initial;
38+
}
39+
}
40+
</style>
41+
</head>
42+
<body>
43+
<main>
44+
<h1>Remove your Particle board from your account:</h1>
45+
<section>
46+
<img src="particleSetupImgs/scr1.png" alt="">
47+
<p>Head to the "Devices" tab in your particle console.</p>
48+
</section>
49+
<section>
50+
<img src="particleSetupImgs/scr2.png" alt="">
51+
<p>Unclaim your device.</p>
52+
</section>
53+
<section>
54+
<img src="particleSetupImgs/scr3.png" alt="">
55+
<p>Confirm.</p>
56+
</section>
57+
<section>
58+
<img src="particleSetupImgs/scr4.png" alt="">
59+
<p>Log out of your account.</p>
60+
</section>
61+
<section>
62+
<img src="particleSetupImgs/scr5.png" alt="">
63+
<p>No need to discard the existing token, you might need it later.</p>
64+
</section>
65+
66+
<h1>Add your Particle board to the common class account</h1>
67+
68+
<section>
69+
<img src="particleSetupImgs/scr7.png" alt="">
70+
<p>Head to this URL in your browser: <a href="https://login.particle.io/login?redirect=https://setup.particle.io" target="_blank">https://login.particle.io/login?redirect=https://setup.particle.io</a>. Use the credentials I posted in the Slack channel.</p>
71+
</section>
72+
<section>
73+
<img src="particleSetupImgs/scr8.png" alt="">
74+
<p>Select your device from the list - for the vast majority it will be Photon.</p>
75+
</section>
76+
<section>
77+
<img src="particleSetupImgs/scr9.png" alt="">
78+
<p>Verify that you are connecting the correct device type.</p>
79+
</section>
80+
<section>
81+
<img src="particleSetupImgs/scr10.png" alt="">
82+
<p>Continue with the local file.</p>
83+
</section>
84+
<section>
85+
<img src="particleSetupImgs/scr11.png" alt="">
86+
<p>Download the file ("photonsetup.html") to your computer and open it in a browser.</p>
87+
</section>
88+
<section>
89+
<img src="particleSetupImgs/scr12.png" alt="">
90+
<p>Follow the instructions on the page to put Photon in Setup mode. Go to your WiFi menu on your computer and switch to a WiFi generated by the Photon board. It's name will start with "Photon-...."</p>
91+
</section>
92+
<section>
93+
<img src="particleSetupImgs/scr13.png" alt="">
94+
<p>Select the WiFi network that you typically connect to with your computer and enter its password.</p>
95+
</section>
96+
<section>
97+
<img src="particleSetupImgs/scr14.png" alt="">
98+
<p>You should see an "in-process" page while your computer reconnects to the WiFi netork you usually use. If this doesn't happen automaticall you might need to do this manually.</p>
99+
</section>
100+
<section>
101+
<img src="particleSetupImgs/scr15.png" alt="">
102+
<p>After your computer reconnects to the network you should be able to see the option to name your device. Do it. We will need to distinguish among all of our devices on a single account. </p>
103+
</section>
104+
<section>
105+
<img src="particleSetupImgs/scr16.png" alt="">
106+
<p>Use your name and the board type, e.g. "Maxim-photon1".</p>
107+
</section>
108+
<section>
109+
<img src="particleSetupImgs/scr17.png" alt="">
110+
<p>You should see this confirmation page at the end of this process. Head to <a href="https://console.particle.io/devices" target="_blank">https://console.particle.io/devices</a> to verify that your board has been added to the account.</p>
111+
</section>
112+
<h1>Pay attention to building and upload process:</h1>
113+
<section>
114+
<img src="particleSetupImgs/scr18.png" alt="">
115+
<p>Start the names of your projects with your name to avoid confusion.</p>
116+
</section>
117+
<section>
118+
<img src="particleSetupImgs/scr19.png" alt="">
119+
<p>Make sure you upload your programs to the correct devices. The name of the device you are uoloading to is in the bottom right part of the interface. Clicking on it will take you to the devices tab and you'll be able to switch to the correct device.</p>
120+
</section>
121+
</main>
122+
</body>
123+
</html>

‎particleSetupImgs/scr1.png

44.5 KB

‎particleSetupImgs/scr10.png

58.3 KB

‎particleSetupImgs/scr11.png

64.6 KB

‎particleSetupImgs/scr12.png

248 KB

‎particleSetupImgs/scr13.png

37.1 KB

‎particleSetupImgs/scr14.png

57.5 KB

‎particleSetupImgs/scr15.png

53 KB

‎particleSetupImgs/scr16.png

36.4 KB

‎particleSetupImgs/scr17.png

55.1 KB

‎particleSetupImgs/scr18.png

61.7 KB

‎particleSetupImgs/scr19.png

40.9 KB

‎particleSetupImgs/scr2.png

46.8 KB

‎particleSetupImgs/scr3.png

80.1 KB

‎particleSetupImgs/scr4.png

42.9 KB

‎particleSetupImgs/scr5.png

146 KB

‎particleSetupImgs/scr6.png

45.5 KB

‎particleSetupImgs/scr7.png

151 KB

‎particleSetupImgs/scr8.png

261 KB

‎particleSetupImgs/scr9.png

193 KB

‎presence.pdf

22.8 MB
Binary file not shown.

‎project3/index.html

+43
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Photon connect</title>
7+
</head>
8+
<body>
9+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/p5.js"></script>
10+
<script>
11+
let URL = "https://api.particle.io/v1/devices/22003e000c47373336323230/pot_value?access_token=7e89b55d451e5e45aa6ec72c8622cc3cd16609d1";
12+
let data = "";
13+
let currentTime, prevTime;
14+
let value = 10;
15+
16+
function setup(){
17+
createCanvas(400, 400);
18+
}
19+
20+
function draw(){
21+
background(255);
22+
23+
currentTime = millis() % 1000;
24+
25+
if(currentTime < prevTime){
26+
data = loadJSON(URL, processData);
27+
}
28+
29+
fill(255, 0, 0);
30+
circle(width/2, height/2, value);
31+
32+
prevTime = currentTime;
33+
}
34+
35+
function processData(data){
36+
console.log(data.result);
37+
value = map(parseInt(data.result), 0, 4096, 0, 400);
38+
console.log(value);
39+
}
40+
41+
</script>
42+
</body>
43+
</html>

0 commit comments

Comments
 (0)