W23_L01_Recap
.pdf
keyboard_arrow_up
School
University of Waterloo *
*We aren’t endorsed by this school
Course
105
Subject
Computer Science
Date
Feb 20, 2024
Type
Pages
7
Uploaded by BaronExplorationParrot41
CS106 W2023 –
Lab 01 Open Processing
| Page 1 of 7 CS106 W2023 - Lab 01 This lab is starts with an introduction to the Open Processing editor. This introduction is needed for CS106 students who took CS105 in a semester before F21. This Open Processing introduction is done specifically in Q2, Q3, and Q4. Before you begin the lab, you may want to go through the pdf and accompanying video lectures that cover the Open Processing editor and recap contents from CS105 (Week 1 material on LAERN). This is especially highly recommended for students who took CS105 before F21 - you will need to go through these before doing the lab question Q2, Q3, and Q4 below. These files are on LEARN and are named: -
“01
Open Processing and Recap.pdf”
-
“Week
1 Open Processing and Recap Slides 1-8 (9.17.mp4”
-
“Week
1 Open Processing and Recap Slides 9-48 (6.40).mp4”
Q5 and Q6 below are questions related to animations and playing video using JavaScript p5. This was covered at the end of CS105 F21 but many students may not have seen most of these lecture pdf files and lecture videos as most of the content was not on any labs or assignments or tests. 1)
In CS106 this semester we are using an editor called “Open Processing”.
It is a web-based editor for JavaScript P5. For those who took CS105 in F21, this editor is the same one you used in CS105. For those of you who took CS105 before F21, this editor will be new to you. As a CS106 student, you are covered by the University of Waterloo’s Open Processing license. You need to sign up to get your student account for CS106, which is called an Open Processing “Plus+” membership.
To sign up for CS106 you need to go to the following url: https://openprocessing.org/join/D2C1A7 Once you follow the link above, you will be asked to create an account if you don't have an account yet. 2)
After signing up, create a sketch. The sketch that Open Processing creates by default is as follows:
CS106 W2023 –
Lab 01 Open Processing
| Page 2 of 7 Run it. When you run the default program, the canvas should look something like the following. When you edit it, it should look something like the following: Save this sketch as L01_Q2. Do not modify the code, except add two comment lines at the beginning (i.e. use //) with your name and student ID number. 3)
Create another new sketch. Save this sketch as L01_Q3. Delete the default code and replace it by typing the following code into the Open Processing editor, and run it. You should see a red ball animating across the screen. When the mouse is pressed, the ball function setup() { createCanvas(windowWidth, windowHeight); background(100); }
function draw() { ellipse(mouseX, mouseY, 20, 20); }
CS106 W2023 –
Lab 01 Open Processing
| Page 3 of 7 starts again from the left-hand side of the canvas. Do not modify the code, except add a comment line at the beginning (i.e. use //) with your name and student ID number. It prints out the value of “ballX”
in the console at the bottom of the screen. You can use this console and your browser’s debugger to help debug your code.
To use your browser’s debugger, use the keyboard shortcut Ctrl Shift J (on Windows) or Ctrl Option J (on Mac). Alternatively, you can use the Chrome menu in the browser window, select the option "More Tools," and then select "Developer Tools." When you run the above program, you should see something like the following. If you open your browser’s
debugger it will look something like the following: let ballX = 0; let s = 20; function setup() { createCanvas(200, 100); }
function draw() { background(220); fill(255, 0, 0); ellipse(ballX, height / 2, s, s); ballX = ballX + 1.0; print(ballX); }
function mousePressed() { ballX = 0; }
Your preview ends here
Eager to read complete document? Join bartleby learn and gain access to the full version
- Access to all documents
- Unlimited textbook solutions
- 24/7 expert homework help
Related Questions
Assignment
Create a well-formed valid XML file that contains this
information. The information does not have to be
correct only your name needs to be correct, you can
make up all other information. Then, create the proper
XSLT file to load that XML data and display it. When
displaying it, make sure you're using:
• Different font colors
• Tables
• header tags ( ...)
• Images where the image name is read from the
XML file
The information you must include:
• Name
• My Picture (this is an image file name. For
example: loay.jpg, or myphoto.jpg
• Address
o Street number
o City
o State
o Zipcode
• Movies I like
o Title
o Release Date
arrow_forward
Ass
arrow_forward
MM Image Processing Project
Use your own images that are different than the images in the tutorial file.Include in your report the following only:
1) all the commands producing images,
2) the images produced, and
3) comment briefly on every image showing what was done and describe the result.
All commands and comments MUST BE IN TEXT (NOT IMAGES).You may modify the filters and show the result as well.Compile all commands text that you used in an appendix.Save your WORD file as PDF as well.
arrow_forward
Using the Program R...: Please take
screenshots of the plots
Question 4
make a lineplot with color showing tree, and upload the imaget here
Upload
Choose a File
Question 5
make a lineplot with showing each tree in a different facet, and upload the image here
Upload
Choose a File
Question 6
which of the two plots above was more useful and why?
Edit View Insert
Format
Tools Table
arrow_forward
This section has a total of 6 questions.
Upload all scanned documents/files/ compressed folder in the linH
the end of Question 26.
Use the expression F = ((AC) +B') (C Đ A O B) to draw the Truth Table.
A -
I
Use the upload link after Question 26 to upload the answer. (image, word, pdf, or any
practical files)
استخدم رابط التحميل بعد السؤال 26 لتحميل الإجابة. )صورة، كلمة، pdf، او الملفات العملية(
H Dacimal pumbers with necessary steps.
arrow_forward
PHP
According to table the in the image
(Build a file to link to your database and give it the file name config.php)
(Build a file to display matrixnum, name from students table, subject_code and sub_name from subjects table and total_marks, grade from assessment table.)
Build code using javascript, to calculate total_marks and determine grade. Where total_marks are calculated by adding quiz, assignment and project and divided by 3. Where the value range of each quiz, assignment and project is 0 to 100. Next the grade will be determined based on the grading system (refer to the grading table)
arrow_forward
How to search through the rows of a CSV file with thousands of data and select the rows that has a certain word or number using Java. it can be Opencsv or anything that can help me traverse the list and even do a check on employee with highest salary. I need the code with the steps please
arrow_forward
Python code
arrow_forward
Note:- Don't copy from other contents if any wrong i will downvote
arrow_forward
Task Instructions
X
Bind the Last_Name element from the XML map into cell
A3 of the worksheet, bind the First Name element into cell
B3, and bind the Nickname element into cell C3. Then
Refresh the data to import only the mapped elements.
arrow_forward
This table is in 1NF.
What does the table look like in 3NF?
This is about Normalization.
arrow_forward
Please read carefully
I need help with implementing the changes shown in the image into the code linked at the bottom.
Code must have a function called readEmpFromFile that does what it's supposed to do in the image provided this function is different and should not to be mistaken with the function called readEmployee
Each of these functions does something different than one another
https://onlinegdb.com/jYuB3gpCx
arrow_forward
Please write php and html code just
Thank you
arrow_forward
Code to show how to use SAS data steps to create a HTML file in order to show all the selected places on amap. The map is actually created based on an open-source package called Leaflet. The output file can be opened in any browser to show the places in a geographic approach.
arrow_forward
* IN VISUAL BASICS
arrow_forward
Html code for sure in this design java
.
arrow_forward
How to search through the rows of a CSV file with thousands of data and select the rows that has a certain word or number using Java. it can be Opencsv or anything that can help me traverse the list and even do a check on employee with highest salary
arrow_forward
you can attach any pic on that
arrow_forward
Make up a table of data. Your table must have at least four rows and four columns. It must have
at least one rowspan and one colspan attribute. The value for these attributes must be
greater than 1.
You can make up your own data. However, the table does have to make sense. Please name
this file part one.html,
arrow_forward
CSV text files are what they sound like. What is a straightforward command that can be used to break down each CSV record into its constituent parts?
arrow_forward
Which of the following statements is correct? It is not possible to display multiple layers (data) on a map if each layer has a unique coordinate system. It is perfectly acceptable for GIS software to use data with various coordinate systems when displaying multiple layers (data) on a map with each layer having a different coordinate system. You can display multiple layers (data) on a map, each with a distinct coordinate system, but your layers may not align appropriately. None of the preceding
arrow_forward
Ensure the file has headers and footer with our name and date. List the six questions below. Create a paragraph (<p>) for the question answer.Create six buttons that when selected, updates the above paragraph to the answer. Use some of the coloring and formatting tags we've learned. Be creative!
1. What are the five or six key issues we need to focus on when gathering data? Provide an explanatory sentence for each. 2. What are the six data techniques (in section 8.7). Consider creating a Marist parking app - would techniques would you use for capturing data requirements? 3. What is the format (syntax) of a user story?4. What are the five types of requirements, and list at least one of each type. 5. What are the seven product dimensions? 6. Compare and contrast persona and scenario.
arrow_forward
HTML PROJECT
arrow_forward
Open a new workbook and save the file with the name "Payroll".
Enter the labels and values in the exact cells locations as desired.
Use AutoFill to put the Employee Numbers into cells A6:A8.
Set the columns width and rows height appropriately.
Set labels alignment appropriately.
Use warp text and merge cells as desired.
Apply borders, gridlines and shading to the table as desired.
Format cell B2 to Short Date format.
Format cells E4:G8 to include dollar sign with two decimal places.
Calculate the Gross Pay for employee; enter a formula in cell
Hourly Rate by Hours Worked.
to multiply
Calculate the Social Security Tax (S.S Tax), which is 6% of the Gross Pay;
enter a formula in cell F4 to multiply Gross Pay by 6%.
Calculate the Net Pay; enter a formula in cell G4 to subtract Social Security
Tax from Gross Pay.
Set the work sheet vertically and horizontally on the page.
Save your work.
arrow_forward
Python code
arrow_forward
SEE MORE QUESTIONS
Recommended textbooks for you
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:9781337508841
Author:Carey
Publisher:Cengage
Related Questions
- Assignment Create a well-formed valid XML file that contains this information. The information does not have to be correct only your name needs to be correct, you can make up all other information. Then, create the proper XSLT file to load that XML data and display it. When displaying it, make sure you're using: • Different font colors • Tables • header tags ( ...) • Images where the image name is read from the XML file The information you must include: • Name • My Picture (this is an image file name. For example: loay.jpg, or myphoto.jpg • Address o Street number o City o State o Zipcode • Movies I like o Title o Release Datearrow_forwardAssarrow_forwardMM Image Processing Project Use your own images that are different than the images in the tutorial file.Include in your report the following only: 1) all the commands producing images, 2) the images produced, and 3) comment briefly on every image showing what was done and describe the result. All commands and comments MUST BE IN TEXT (NOT IMAGES).You may modify the filters and show the result as well.Compile all commands text that you used in an appendix.Save your WORD file as PDF as well.arrow_forward
- Using the Program R...: Please take screenshots of the plots Question 4 make a lineplot with color showing tree, and upload the imaget here Upload Choose a File Question 5 make a lineplot with showing each tree in a different facet, and upload the image here Upload Choose a File Question 6 which of the two plots above was more useful and why? Edit View Insert Format Tools Tablearrow_forwardThis section has a total of 6 questions. Upload all scanned documents/files/ compressed folder in the linH the end of Question 26. Use the expression F = ((AC) +B') (C Đ A O B) to draw the Truth Table. A - I Use the upload link after Question 26 to upload the answer. (image, word, pdf, or any practical files) استخدم رابط التحميل بعد السؤال 26 لتحميل الإجابة. )صورة، كلمة، pdf، او الملفات العملية( H Dacimal pumbers with necessary steps.arrow_forwardPHP According to table the in the image (Build a file to link to your database and give it the file name config.php) (Build a file to display matrixnum, name from students table, subject_code and sub_name from subjects table and total_marks, grade from assessment table.) Build code using javascript, to calculate total_marks and determine grade. Where total_marks are calculated by adding quiz, assignment and project and divided by 3. Where the value range of each quiz, assignment and project is 0 to 100. Next the grade will be determined based on the grading system (refer to the grading table)arrow_forward
- How to search through the rows of a CSV file with thousands of data and select the rows that has a certain word or number using Java. it can be Opencsv or anything that can help me traverse the list and even do a check on employee with highest salary. I need the code with the steps pleasearrow_forwardPython codearrow_forwardNote:- Don't copy from other contents if any wrong i will downvotearrow_forward
- Task Instructions X Bind the Last_Name element from the XML map into cell A3 of the worksheet, bind the First Name element into cell B3, and bind the Nickname element into cell C3. Then Refresh the data to import only the mapped elements.arrow_forwardThis table is in 1NF. What does the table look like in 3NF? This is about Normalization.arrow_forwardPlease read carefully I need help with implementing the changes shown in the image into the code linked at the bottom. Code must have a function called readEmpFromFile that does what it's supposed to do in the image provided this function is different and should not to be mistaken with the function called readEmployee Each of these functions does something different than one another https://onlinegdb.com/jYuB3gpCxarrow_forward
arrow_back_ios
SEE MORE QUESTIONS
arrow_forward_ios
Recommended textbooks for you
- Np Ms Office 365/Excel 2016 I NtermedComputer ScienceISBN:9781337508841Author:CareyPublisher:Cengage
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:9781337508841
Author:Carey
Publisher:Cengage