{"id":1731,"date":"2021-03-25T19:25:55","date_gmt":"2021-03-25T19:25:55","guid":{"rendered":"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/?page_id=1731"},"modified":"2021-05-12T19:56:30","modified_gmt":"2021-05-12T19:56:30","slug":"physical-computing-virtual","status":"publish","type":"page","link":"https:\/\/openlab.bmcc.cuny.edu\/makerspace\/physical-computing-virtual\/","title":{"rendered":"Physical Computing (Virtual)"},"content":{"rendered":"\n

If you have been to or have read our Physical Computing Workshop<\/a><\/strong> and all of this looks familiar– it is! The difference between that workshop and this one is that this is designed to be done entirely virtually through Tinkercad\u2019s<\/strong> Circuit Simulator<\/strong><\/a>. This is great if you cannot obtain an Arduino kit for any reason, but still would like to learn and experiment with it.<\/p>\n\n\n\n

Before starting, you can make a Tinkercad account if you haven\u2019t already, as well as installing the Arduino IDE.<\/a><\/strong> You can also just make an account with Arduino and use their browser based version of the editor<\/a><\/strong>. If you are using one of the machines from the Makerspace, it should be already installed on it.<\/p>\n\n\n\n

The procedure for downloading and installing the software is slightly different for Macs and Windows. Detailed instructions for both platforms are here.<\/em><\/strong><\/a><\/p>\n\n\n\n

What is Physical Computing?<\/strong><\/h2>\n\n\n\n

Physical computing<\/em> refers to the process of building physical interfaces that respond to the analog world. This is done by building circuits with microcontrollers and components designed to to do a certain purpose. LEDs light up, potentiomenters change resistance, motors turn, et cetera. This is all done through the electricity going through the circuit.<\/p>\n\n\n\n

However, we won\u2019t go too in depth with this, if you\u2019d like to learn more and explore this further, you can read up about it in detail in our Physical Computing Overview<\/a><\/strong>. <\/p>\n\n\n\n

A Look at the Arduino Uno:<\/strong><\/p>\n\n\n\n

A microcontroller<\/em> is a small computer that can take in information from inputs such as sensors and switches and control outputs such as lights, motors and other computers. Microcontrollers are widely used in many different ways; DIY and robotics, art installations, industrial applications, and the internet of things.<\/p>\n\n\n\n

When you are using a microcontroller, or in our case a microcontroller platform, there are two components: hardware<\/strong> and software<\/strong>. The hardware includes the microcontroller and its input and output pins, and any input or output devices you want to attach to it. The software is programs you write that control the microcontroller and the devices you have attached to it.<\/p>\n\n\n\n

We will be using the Arduino microcontroller platform. It was developed by a team of teachers to help their design students who were not engineers create physical interfaces. There are many different Arduinos, and clones as well. We will be using the Uno.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

To learn more about the parts of a microcontroller, specifically the Arduino Uno, check out Arduino To Go<\/strong><\/a>!<\/p>\n\n\n\n

This is where we\u2019re veering off a bit from the other workshop, as everything is virtual, we do not need to plug in the Arduino. But we are going to look at the native Arduino IDE and code from there. The circuit simulator does have a built in IDE as well, but it’s a nice to also be familiar with the Arduino IDE as well.<\/p>\n\n\n\n

A Look at the Breadboard:<\/strong><\/p>\n\n\n\n

A breadboard is a part that allows you to prototype and troubleshoot circuits quickly without needing to commit to them. The board we will be using is called a half sized breadboard<\/em>. <\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

As you can see there’s all these little holes, and it can get confusing to look at for the first time. The two rows on each end of the board marked with a plus (+) or minus (-) sign is the power and ground rows. Power<\/strong> is plus (+), and ground<\/strong> is (-). This is where you connect your power source and ground from the Arduino. these are marked with 3.3V<\/strong>, 5V<\/strong> (the amount of power we’re sending to the board in volts<\/strong>) and GND<\/strong> (which there are two pins as well.) It’s important to know, as getting these mixed up could cause a short and circuit and will not work. <\/p>\n\n\n\n

The rows labeled with numbers and letters are tie points<\/strong>, these are where your components and wires go into. You have two sets of tie points, separated by a trench<\/strong>. This gap allows you to use larger sized components (you will see later with the pushbutton). The numbers (1-30) indicates rows<\/strong> and the letters (a-j) indicate columns<\/strong>.<\/p>\n\n\n\n

Inside, they have copper strips inside them to make them conductive, which is how these rows work. Here’s what it looks like:<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

The power and ground rows on the breadboard run vertically<\/em> (up and down) from the board, while the tie points run horizontally<\/em> (left to right) on the board. You can’t put all the pins of a component on the same row of tie points, or it won’t work, but they can run the same column. So one leg or pin can go into 5c (row 5, column c), and the other can go anywhere else on the c column to work.<\/p>\n\n\n\n

(It should be noted this paragraph is using the upright board as a reference. It’s more likely that your board will be on it’s side in the simulator, so your tie points will be vertical<\/em> and your power and ground horizontal<\/em> in that case.)<\/p>\n\n\n\n

What\u2019s an IDE?<\/strong><\/h3>\n\n\n\n

An IDE<\/strong>, or integrated development environment<\/em>, is a software application that allows you to write code and test that code out in the programming language the IDE supports. The Arduino has an IDE, (integrated development environment), that is free and downloadable from the Arduino site (linked above). This is a set of software that allows you to write code, then upload it directly to the Arduino.<\/p>\n\n\n\n

Setting Up the  IDE:<\/strong><\/h3>\n\n\n\n

 If you have not installed it before starting this workshop, please do so now. The links are provided above in the beginning, or download HERE<\/a><\/strong>. Or open up the browser editor<\/a><\/strong> after making an account.<\/p>\n\n\n\n

Once you have finished installing your IDE, start it up. We will still need to set it up as if we were going to use an actual Arduino for this project.<\/p>\n\n\n\n

The icon should look like this (or something similar):<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Once it starts, you should see a window, like so:<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

This is called our Sketch<\/strong>. It is the code we will use to make our Arduino do things. Think of  the code as thoughts, the Arduino as a brain and our components as our body parts. It tells the brain what to do and with what body part. <\/p>\n\n\n\n

If you have problems reading the sketch, you can  adjust it  for your comfort. You can expand it to be the full window. And if you go to File > Preferences<\/strong> to adjust certain settings, like text size and other features. <\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Unfortunately, Adruino does not have a default dark mode, but I can recommend konradhtc\u2019s One Dark Arduino theme<\/strong>.<\/a> Following the link will show you how to download and install it.<\/p>\n\n\n\n

(For the sake of brevity I will be continuing to use the light theme, but I set my text at 16 points for me to read better.)<\/p>\n\n\n\n

When you have finished setting up your IDE settings, we must make sure it\u2019s set to the right Arduino that we are using, as there are many different models. Go to Tools > Board > Arduino Uno<\/strong>. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n


It should be the default, but it doesn\u2019t hurt to check. Since this is virtual, we do not need to check the Ports like we would the physical setup. We are now ready to code! <\/p>\n\n\n\n

But before we code, we need to set up the circuit.<\/p>\n\n\n\n

Creating a Tinkercad Account:<\/strong><\/h2>\n\n\n\n

If you already have a Tinkercad account, please login and scroll down to <\/strong>Tinkercad Circuit Simulator<\/em><\/strong>. Otherwise, follow along at this point.<\/strong><\/p>\n\n\n\n

Isn\u2019t Tinkercad that 3D modeling site? Well, yes it is. But it provides not just 3D! This is fairly recent development added on to the site, which is a really good way to learn electronics in a pinch. <\/p>\n\n\n\n

On the upper right corner of the main site, click JOIN NOW.<\/strong><\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Next, select Create a Personal Account<\/strong><\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Select Sign Up with Email<\/strong><\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Select your country, and your birthdate, then hit NEXT<\/strong>.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Put in the email you wish to use and a password. It needs to be a minimum of 8 characters, at least 1 letter and 1 number, and at least 3 unique characters<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Click the box to agree to Autodesk\u2019s Terms of Service, then select CREATE ACCOUNT<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

They will take you through a 3D tutorial, but skip it for now. You can revisit it later at any time.<\/p>\n\n\n\n

Tinkercad Circuit Simulator:<\/strong><\/h2>\n\n\n\n

Your Dashboard will default to your 3D designs. On the left side of your dashboard, underneath 3D Designs<\/strong>, you\u2019ll see an entry called Circuits<\/strong>.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

 Select that, that will take you to your Circuits dashboard.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Click Create New Design<\/strong>, the big green button.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

This is our workspace, the actual user interface is even more pared down compared to the 3D modeling one.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

 At the top, you will see a randomly generated name. You can rename your project by clicking on it and changing the name.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

 On the left side you have your Rotate<\/strong> tool (Shift + R<\/strong>), your Delete <\/strong>button (Delete<\/strong>), your Undo (Ctrl\/Cmd + Z ) <\/strong>and Redo (Ctrl\/Cmd + Y)<\/strong>, Annotations (for making notes), and View\/Hide to view or hide your notes. Just below that is a Zoom to Fit<\/strong> (Z<\/strong>) button, but you can use the Ctrl\/Cmd<\/strong> and +<\/strong> or – <\/strong>keys to zoom in or out.<\/p>\n\n\n\n

Don\u2019t worry about remembering shortcuts, they will be listed at the bottom of this page!<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

On the top right we have our Circuit View<\/strong> button (it looks like a little bug– but in reality it\u2019s a microchip), next to that is the Components List<\/strong>. When you add components it will make a neat list of what you have. <\/p>\n\n\n\n

Below it is the Code <\/strong>button, where we will put the code from the IDE on later, the Start Simulation<\/strong> button, which will allow us to simulate everything once we have everything together. Export<\/strong> will export your board for Eagle, which is software used to make circuit boards. Share<\/strong> allows you to download a snapshot of the circuit or invite other users to collaborate on it.<\/p>\n\n\n\n

Below that are your components. These are what makes your circuit.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

You can search for a particular part in the Search Bar<\/strong>, or  in the dropdown, there are more options, including pre-made Arduino circuits. Great to explore later once you\u2019ve built your own. <\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Selecting the but to the right of the dropbox gives you a simple definition of the components.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Now it is time to build your first circuit!<\/p>\n\n\n\n

Building Your Circuit:<\/strong><\/h2>\n\n\n\n

First, we want the Small Breadboard<\/strong>. Find and drag it onto your workspace.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Next find the Arduino Uno R3<\/strong>.It should be under the breadboard if you scroll down. <\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

Now to wire it up. This virtual sim acts as if the Arduino is plugged into the computer, so we will not need to worry about a power source. Your power (marked with +<\/strong>) should be Red<\/strong>, and your <\/strong>ground (marked with –<\/strong>) should be Black<\/strong>. That way we know where it is coming and going from. <\/p>\n\n\n\n

(Some shortcuts: 1-0 changes the wire colors. 1<\/strong> is black, and 2<\/strong> is red. Holding down Shift<\/strong> keeps them straight.)<\/p>\n\n\n\n

The power we want to use is 5V<\/strong> on the Arduino, and either GND<\/strong> will work as a ground. Adding the extra wire on the breadboard allows the power to spread across the whole board.  <\/p>\n\n\n\n

(You don’t need to stagger them like the example, but doing so helps if you need to troubleshoot.)<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n

That\u2019s a great start! But now we\u2019re going to stop for now and hop back to the IDE. <\/p>\n\n\n\n

Coding in the IDE:<\/strong><\/h2>\n\n\n\n

We\u2019re going to run a test sketch, called Blink<\/strong>. This will make the LED built into the Arduino blink. In the physical space, this is how we test if the Arduinos are working properly. <\/p>\n\n\n\n

Open up the Arduino IDE. Go to File > Examples > 01. Basics > Blink<\/strong>. It will open in a new window. <\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n

Or if you\u2019d rather copy and paste here is the code below, with explanations of the code. Anything marked with \/\/ tells the Arduino and IDE to not read it as code. These are for comments, which help explain the code.<\/p>\n\n\n\n

\n
void setup() {\n  \/\/ This is setting up actions that will happen when the board is powered.\n\n  pinMode(LED_BUILTIN, OUTPUT);\n\/\/ this is telling the Arduino that we are designating certain pins as outputs (where information goes out) or inputs (information goes in). LED_BUILTIN is a shortcut in the code for the LED built into the Arduino. OUTPUT means that the LED is an output; so information will be going out to it-- in this case the command to blink. \n\n}\n\n\/\/ Each function ends with a bracket.\n\nvoid loop() {\n\/\/ Here is establishing action(s) will continue to repeat on a loop so long as the Arduino is powered.\n  \ndigitalWrite(LED_BUILTIN, HIGH);  \n\/\/ digitalWrite means it is sending information out to a digital pin so when the LED is on or HIGH, it will turn on\n  \ndelay(1000);  \n \/\/ wait for a second; Arduinos read time in milliseconds\n\ndigitalWrite(LED_BUILTIN, LOW);    \n\/\/ Send out the message to turn the LED off or LOW.\n \n delay(1000);  \n\/\/ wait for another second\n\n} \n\/\/close the function with a bracket. As it is a loop and has no orders to stop, it will continue to do this until you turn it off or it loses power \n<\/code><\/pre>\n<\/div><\/div>\n\n\n\n
Now it\u2019s good practice to debug the code, even if you\u2019ve never changed anything on this sketch. To do this, go to Sketch > Verify\/Compile<\/strong>. You can also just clock the little checkmark on the upper left of the user interface, or Ctrl\/Cmd +R<\/strong><\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
If you don\u2019t have any orange text, you\u2019re in the clear! If you do, then you\u2019ll have to debug it. This shouldn\u2019t happen if you have just opened the sketch fresh from installation. <\/p>\n\n\n\n
Running the Simulation:<\/strong><\/h2>\n\n\n\n
This is really easy. Go back to your circuit and select Code<\/strong>.<\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
As you can see, it\u2019s set to a set of blocks. This is another coding language called Scratch, but we don\u2019t need it! Under the dropdown menu, select Text<\/strong>.<\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Select Continue<\/strong> on the warning– it\u2019s just saying that the block code won\u2019t be saved.<\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
And here we are!<\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
The neat thing about this is it will predict code based on the circuit. This might be great for this, but as we go on, we want to trust what\u2019s in the IDE. For the sake of practice you can go to the IDE and copy the code and paste it into the Circuit Sim. <\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Since our code has been verified, go ahead and select Start Simulation<\/strong>. The little yellow LED on the Arduino should blink on and off if done right. (It\u2019s very tiny so I don\u2019t blame you if you don\u2019t see it at first!)<\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
LED Blink:<\/strong><\/h2>\n\n\n\n
Now, we\u2019re going to make an LED blink on the breadboard. Drag an LED <\/strong>from the Components List to the board. Feel free to use the dropdown menu to change the color. As you can see, there are two legs on the LED. One is the Anode<\/strong> (the bent leg) and the Cathode<\/strong> (the straight one with a flattish side). In real life, the anode is a longer leg than the cathode.<\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
The anode is linked to the power side of the circuit and the cathode goes to the ground side. If you flip them they might get hot but not light up. It\u2019s very important to know which is which when making a circuit. <\/p>\n\n\n\n
Put the LED on your breadboard. Make sure each leg is in a different \u201crow\u201d of the board.<\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Next pull out a Resistor<\/strong>. Now resistors have different values, providing more or less resistance. These are measured in Ohms (\u03a9<\/strong>). To change it here, go into the dropbox and find the singular \u03a9 <\/strong>symbol. Then in the box next to is put in 220<\/strong>. You will see the bands on the resistor changes. <\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
This is how you can tell what resistor is which resistance. If you want to learn more, you can read more HERE<\/a><\/strong>.<\/p>\n\n\n\n
Now resistors don\u2019t have a set \u201cpole\u201d, like the LED so you can put either end in either direction. You do have to place it on the same row on the breadboard as the anode (bent) leg. The other leg can go onto another row.<\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
On the same row as the resistor leg away from the LED, click the hole below and guide it to Pin 13<\/strong> on the Arduino. Make it blue with either the dropbox of hitting 7<\/strong>. <\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Click the hole below the cathode (straight leg)and make a black wire to the ground row on the breadboard (marked with a –<\/strong>).<\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Then sun the simulator again. If you\u2019ve wired it correctly, the LED on the breadboard and the Arduino should both be blinking.<\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
 Pin 13 is always equated with the internal LED, so when you use that pin to light things up, chances are the LED will also turn on.<\/p>\n\n\n\n
Now that we have the basics down, let\u2019s go a little bit further.<\/p>\n\n\n\n
LED and Button:<\/strong><\/h2>\n\n\n\n
Drag a Pushbutton<\/strong> from the components window. Place it anywhere on the breadboard so long as it\u2019s straddling the trench.<\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Drag out the second resistor, change the dropdown to k<\/strong>\u03a9<\/strong> and put 10<\/strong> in the box. This should give you a 10k ohm resistor. Put one end into the ground row of the breadboard and the other in the same row as the bottom right leg of the pushbutton.<\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Underneath the bottom right leg of the button, make another blue wire and place it into Pin 2<\/strong> on the Arduino.<\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Underneath the bottom left leg of the button, make a red wire connecting to the power row on the breadboard.<\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Now back to the code! In the Arduino IDE go to File > Examples > 02. Digital > Button<\/strong>.<\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
As you can see, the code has changed and we have things outside of the void setup(). <\/p>\n\n\n\n
\n
\/\/ const ints or constant integers, means they will never change no matter what. These are set outside the functions as universal variables that can be used anywhere in the code \n\nconst int buttonPin = 2;     \n\/\/ buttonPin is the shorthand for our button on Pin 2.\n\nconst int ledPin =  13;     \n\/\/ ledPin is the shorthand for our LED on Pin 13.\n\n\/\/ ints or integers, are variable, meaning they can change throughout the code.\n\nint buttonState = 0;         \n\/\/ buttonState is the current status of button. It defaults to 0, which means the button is off. \n\nvoid setup() {\n \/\/ This is setting up actions that will happen when the board is powered.\n  \npinMode(ledPin, OUTPUT);  \n\/\/ This is saying \u201chey, ledPin is an output, so send information out from there\u201d\n\n  pinMode(buttonPin, INPUT); \n\/\/ This is saying \u201chey, buttPin is an input, so get information from here\u201d\n\n}\n\/\/ End function\n\nvoid loop() {\n\/\/ Here is establishing action(s) will continue to repeat on a loop so long as the Arduino is powered.\n \nbuttonState = digitalRead(buttonPin);\n\n\/\/ Asking what is the current state of the button? And reading the information from the buttonPin.\n\nif (buttonState == HIGH) {\n\/\/ if the button is pushed\n\ndigitalWrite(ledPin, HIGH);\n\/\/ Send out the message to turn on the LED\n\n} else {\n\/\/ if the button is released or not pushed (0)\n\ndigitalWrite(ledPin, LOW);\n\/\/ Send out the signal and turn off the LED\n\n}\n}\n\/\/ End of code. This will continue so long as it\u2019s powered.\n<\/code><\/pre>\n\n\n\n
<\/p>\n<\/div><\/div>\n\n\n\n
Verify your code id you\u2019re using the IDE, and copy and paste it into the code box on the Circuit Sim.<\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Run simulation. When you click the button with your mouse, both LEDs should turn on.<\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Now we\u2019ve got two circuits under our belt. But there\u2019s one more to go!<\/p>\n\n\n\n
LED and Potentiometer:<\/strong><\/h2>\n\n\n\n
Back to the circuit! Remove everything but the LED and the 220 ohm resistor. Move your blue wire from Pin 13 to Pin 9<\/strong>.<\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Drag a Potentiometer<\/strong> from the components list. Make sure the dropdown box is set to k<\/strong>\u03a9 <\/strong>and the box set to 10<\/strong>— making it 10 k\u03a9.<\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Under the furthest right pin, make a red wire connecting to the power row on the breadboard.<\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Make a black wire from the furthest left to the ground row of the breadboard.<\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Make a yellow wire (4<\/strong>) from the center pin and lead it to the pin A0<\/strong>. <\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
These are Analog Pins<\/strong>, which can take a wider range of signals compared to the Digital Pins<\/strong> we\u2019ve been using so far. Digital pins only take a digital signal, which is binary; so HIGH\/LOW or On\/Off. Which is what we want, as the potentiometer is just a fancy name for a dial which can be turned on increments as opposed to the on and off of a button.<\/p>\n\n\n\n
Once more again, back to IDE. Go to File > Examples > 03. Analog > AnalogInOutSerial<\/strong>.<\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
Once again you can also copy the code here as I break it down.<\/p>\n\n\n\n
\n
const int analogInPin = A0;  \n\/\/ This is the shorthand for our Analog input, set to Pin A0.\n\nconst int analogOutPin = 9;\n\/\/ This is the shorthand for our output, which is the LED set to Pin 9.\n\nint sensorValue = 0; \n\/\/ The value read from the potentiometer, set to 0 as a default. \nint outputValue = 0;       \n\/\/ The value being sent out to LED; the larger the number the brighter the LED will be. Set to 0 as a default\n\nvoid setup() {\n  \nSerial.begin(9600);\n\/\/ Start a serial communication in the Arduino at 9600 bits a second\n}\n\nvoid loop() {\n \nsensorValue = analogRead(analogInPin);  \n\/\/ Reads the information from the potentiometer\n\noutputValue = map(sensorValue, 0, 1023, 0, 255);  \n\/\/ Take the information read from the potentiometer and map it to value that is equal the brightness of the LED.\n\nanalogWrite(analogOutPin, outputValue);  \n\/\/ print the results  of the readings to the Serial Monitor\n\nSerial.print(\"sensor = \");   \n\/\/ prints \u201csensor =\u201d in the Serial Monitor\n\nSerial.print(sensorValue);  \n\/\/prints the sensor value in the Serial Monitor\n\nSerial.print(\"\\t output = \");  \n\/\/prints \u201coutput=\u201d in a second row in the Serial Monitor\n\nSerial.println(outputValue);   \n\/\/prints the output value in the Serial Monitor\n\n  delay(2);  \/\/Have a 2 millisecond pause between each reading\n\n}\n\/\/Code end\n<\/code><\/pre>\n<\/div><\/div>\n\n\n\n
Verify the code in the IDE and move back to circuit sim.<\/p>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
If you notice on the bottom there\u2019s something called the Serial Monitor<\/strong>. As you saw in the code, it prints out values so you can see them. This is good for gathering data or troubleshooting your sensors in the physical space. Open that up and run the simulation. If you\u2019ve set it up right you should be getting a rapid set of strings as you turn the potentiometer. <\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
You may also notice the LED going bright and dim as you turn the knob.<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Congratulations! You\u2019ve touched some basics of physical computing– virtually. We encourage you to explore further with different circuits and different components.<\/p>\n\n\n\n
Keyboard Shortcuts:<\/strong><\/h2>\n\n\n\n