Shorr Fall 22 PLTW CSP-Per 6 Assignments

Video 1 Part 1: https://www.youtube.com/watch?v=0gNauGdOkro (timestamps 0:00 to 8:20)
Questions for during part 1 of video 1:
1. In what ways did Marques describe using generative AIs as a tool?

2. What is the first danger Marques describes in using generative AIs? What were two examples of this?


For after the video:

Consider the following scenarios: 

     A. Amina is assigned to write a short persuasive essay on any topic of her choosing. She wanted to argue for holding the World Cup only in countries that don't have recent records of human rights abuses. So she asked a generative AI to list the pros and cons of holding the World Cup only in countries with good track records on human rights. After seeing several arguments for and against, she wrote her essay and submitted it.

     B. Liam is given the same assignment. They didn't know what topic to write about, so they asked the AI to list 10 random topics. They saw climate change as a suggestion, and they asked the AI to list 10 topics within climate change. They saw "the role of the individual and collective action in addressing climate change" and decided arguing for more collective action would be a good topic. They did some more research on the topic, wrote their essay, and submitted it.

     C. Arthur is on the swim team and he had a big meet the weekend before the persuasive essay was due. He earned A's in English every year and felt that he knew how to write a good persuasive essay if he had the time. He asked the generative AI to write an essay arguing for less homework in high school. He looked over the output, rewrote a couple of awkward sentences, and submitted it.


3. For each of the scenarios above, address the following:

     a. Did the student cross an ethical line? What specific action crossed the line? Why?

     b. If they did cross an ethical line, what could they have done differently to behave ethically? Be specific.



Video 1 Part 2: https://www.youtube.com/watch?v=0gNauGdOkro (timestamps 8:20 to 14:08)

Questions for during part 2 of video 1:

4. What are you consenting to do when you use Lensa or Avatar AI?

5. Whose consent has not been considered in the creation of these apps?

6. What is the loophole with the LAION-5B dataset?


For after the video:

7. Many artists are upset about AI generated art for a variety of reasons, but central to their concerns is their artwork being used in the training data for these AIs without their consent. Supporters of AI art often cite that this is no different from a human being inspired by existing art or training to draw or paint in someone's style. The rebuttal is that the AI can do this training many, many orders of magnitude faster than humans, so the situations are incomparable.

a. Should artists explicitly have to consent to have their artwork used in AI training sets? Why or why not?

b. Some AI companies have acknowledged the potential issues and have provided a way for artists to opt-out, removing their art from the dataset. Is having the ability to opt-out the equivalent of consent? Why or why not?

https://docs.google.com/forms/d/e/1FAIpQLSdrU7wBz1-jXHgSCDXHVthQshjrG-V3XrtAaVS3lmdNpvkkfw/viewform

Use the notes you took to answer the following questions in this form: https://docs.google.com/forms/d/e/1FAIpQLScfEI3VxgATlQMDEepYrVh3d-mvs5t1ztLU6tUrsTcxcPEmSg/viewform

Mark this complete when you have submitted it.

Logic-1 problems: https://codingbat.com/python/Logic-1
Make sure you are logged in when doing these problems. 


date_fashion H     squirrel_play

caught_speeding     sorta_sum     alarm_clock

love6     in1to10     near_ten


Submit a screenshot of the completed logic-1 page showing the completed problems with checkmarks and your username is visible in the screenshot.


Example of a screenshot is attached, except the checks would be green because they would be completed.  Note how you can see my email address in the top right corner of the screenshot. Screenshots without that email address in the top right corner WILL NOT COUNT FOR A GRADE.




--------

order of operations for the operators

arithmetic operators:
()
**
*, /, // %
+, -

relational operators:
>, <, >=, <=
==, !=

boolean/logical operators:
not
and
or

in this condition: A or B and C,
what happens first?  A or B?  B and C?
B and C
it's as if you have invisible parentheses around B and C

A or (B and C)

but if you wanted to check A or B first, you have to write parens:

(A or B) and C

just like (2 + 4) * 3

Condition Tracing: https://codestepbystep.com/problemset/view/4482

Notation note: += is shorthand notation that combines addition and assignment. Here are some examples below.


b += 1 --> b = b + 1
a -= 1 --> a = a -1
x *= 5 --> x = x * 5

y = y % 3 --> y%= 3

Also, when printing:
a=5
b=5
print(a, b)

This results in:
5 5

There is no comma between them, just a space.

Go to https://opencircuits.io/
Open the Intro to Logic Gates docs file and make a copy.
Download the open circuits file called "Logical Operators.circuit"


Complete the truth tables and submit your google doc.

Numeric Expressions:

https://codestepbystep.com/problemset/view/4455

Order of Operations in Python: PEMMDDAS
P - Parens    ()
E - Exponents  
MMDD - Mult/Mod/Float & Int Div   *, %, /, //
AS - Add/Sub    +, -

1 + 2 * 3 + 7 * 2 % 5
1 + 6 + 7 * 2 % 5
1 + 6 + 14 % 5
1 + 6 + 4
7 + 4
11

Float Division:  / has decimals
even if the answer is a whole number, you include a .0 after it.
5 / 2 --> 2.5
4 / 2 --> 2.0

Int Division: // no decimals
not rounding, you remove the decimals completely
5 // 2 --> 2
2 // 8 --> 0
3 // 4 --> 0
 
Exponents in Python: **

2 ** 3 --> 2 to the 3rd power --> 8

starter code:  https://gist.github.com/GarrettShorr/0f84aadaf29938770ee6a179ea8a99d0

Submit the following:
a screenshot of the completed picture
your modulus_towers.py python file

######################## ASSIGNMENT #############################
# Put your code for each part below the related comment         
# 1. make the tower rotate through 3 colors all the way up      
# 2. make a 2nd and 3rd tower to the right of the first that    
#    also rotates through 4 and 5 colors respectively.          
# 3. Make a 4th tower to the right of the others. However,      
# this one is a pyramid of random colors.                       
# Hint: in the loop, shorten the width and adjust the start     
# location                                                      
#                                                               
# BONUS:                                                        
# 1. Make the buildings have an outline (1 pixel of a different 
# color all the way around them).                               
# 2. Make an Hourglass. (think pyramid, but with an inverse     
# pyramid on top of it)  Give it an outline. Make it look like  
# sand is dripping out of it and.                               
#                                                               
#              ######                           
#                #      #                                        
#                 #...#                                         
#                  #.#                                          
#                   #                                          
#                  #.#                                          
#                 # . #                                         
#                #.....#                                        
#               #####                                       
#                                                               
#################################################################

https://www.youtube.com/watch?v=LkH2r-sNjQs



What are the two key features of secure elections?



Why is widespread election fraud very difficult with paper ballots?



What are the three main problems with electronic voting?

Fill out the google form. You can use your project or notes as a reference.

1. Submit your python file and a screenshot of the art to google classroom. 
To submit the python file:
click + Add or create
select File
drag and drop the python file from Pycharm directly into the box that pops up on google classroom.
To take a screenshot:
Take a screenshot by pressing CMD+SHIFT+4
Use the crosshairs to click and drag to select the area you want to screenshot
The screenshot appears on the desktop with the title "Screenshot on" and then a timestamp.
Rename the file by clicking on the file, pressing return once, and then giving it a relevant name that describes your drawing with .png at the end

2. Upload the completed image to this dropbox file request link so that I can make a gallery out of all the completed pictures.  https://www.dropbox.com/request/puBqZcjcqWUIUtN9dG8g

Some definitions:


module: python code from another file that can be run in your program. it's what you import.
object: something that has attributes and functions
function: a set of steps that a program can execute. You can tell something is a function by seeing () next to it. 
argument: arguments go inside parentheses. These are the information that someone using the function enters to make the function work. If a function doesn't need any information, the parentheses are empty and we say it has no arguments.
ex: painter.fd(100) --> 100 is the argument. the fd function needs to know how far forward to go.
parameter: when writing a function, we set up variables that will store the information that the user enters to make the function work.
ex: def fd(distance) --> distance is the parameter that will store the value of how far forward a turtle will go. When we entered 100 as the argument above, that value 100 is stored in the parameter distance.


Common datatypes:
String: Text in quotes like "red"
Integer: Whole numbers, positive, negative, or zero
Float: Numbers with decimals
List: A group of values contained in [].  Ex: [10, 20, 30]  or  [“dog”, “cat”]
Tuple: Similar to a list but can’t be changed once created. Contained in (). Example: (10, 20, 30)

Copy the code and paste it starting at line 1. Call the file terminology.py

# imports the turtle library
import turtle as trtl

# creates a screen object and assigns it to the wn variable
window = trtl.Screen()
window.colormode(255)

# creates a Turtle object and assigns it to the painter variable
painter = trtl.Turtle()
painter.speed(5)

painter.color("red")
painter.forward(100)
painter.left(120)
painter.fd(100)
painter.lt(120)
painter.forward(100)

painter.setheading(0)
painter.penup()
painter.goto(200, 300)
painter.pendown()
painter.color((0, 100, 255))
painter.pensize(10)
painter.fd(50)

# keeps the window open when we run the code (bottom of your code)

window.mainloop()

Your stories will get posted two places:
Paste a link to your repl into a google doc and submit it here.
TBD for the second one
You should have in your stories the following:

at least 4 decisions
custom line wrapping using \n
color
delays
something random (can be a plot point or just some flavor text, but random.random() should be used in an if statement correctly somewhere)


If you want examples of how to have multiple potential responses to a single question (like they could type "small" or "really small" and both work), see this file: https://replit.com/@garrettshorr/Sample-Story-No-Comments#main.py

Work on this while I am out on Friday after you finish Parts I & II. It will be due during class on Tuesday.

Take your story and start breaking it up into smaller scenes to fit the interactive nature of the
story. Include the text of the questions you will ask to give the player choices and what choices
are acceptable. Make a separate google doc for this or add it to the bottom of the original story
google doc.  Example follows.


Original Story Example:
You find yourself in a forest and you don't know who you are or why you are here. You see a path
heading off to the west and a note on the ground next to you. You pick up the note and read it, eyes
growing wide, and immediately start running down the path to the west.


Broken up into a scene format:


Scene Number: Title
Description
Question to Player [choice1, choice2, etc...]
[choice 1]: Text response for picking this choice
result: which scene you go to or if the game ends here
[choice 2]: Text response for picking this choice
result: which scene you go to or if the game ends here
etc...


Scene 1: Forest
You find yourself in a forest and you don't know who you are or why you are here. You see a path
heading off to the west and a note on the ground next to you.
What do you want to do? [read note, go west, go back to sleep]


[read note] : Run! Run west now! Go! Don't delay! You are in grave danger! Why are you still reading
this note? Start running! Go! Hurry up!
result : Stay in Scene 1


[go west] : You bolt west as fast as you can!
result : Start Scene 2


[go back to sleep] : You go back to sleep. You wake up feeling hot breath on your face. You open your
eyes and the last thing you ever see is the gaping maw of a tyrannosaur. *Chomp*
result: Game over. Try again?


Continue this style for each scene in your story. This will be due end of class on Wednesday.





If you are done with this, make
a Python project on replit.com and make sure that your scenes' text isn't too
long.


Example for making sure no text is too long:


If the text looks like this:




You find yourself in a forest and you don't know who you are or why you are here. You see a path heading off to the west and a note on the ground next to you.


It will automatically wrap in a word processor. But in python, we will want to put in manual line breaks so the text isn't too wide.




You find yourself in a forest and you don't know who\nyou are or why you are here. You see a\n path heading off
to the west and a note on the\nground next to you.




To make a line break, you put the symbol: \n



In the python project, I would write:




print("You find yourself in a forest and you don't know who\nyou are or why you are here. You see a\n path
heading off to the west and a note on the\nground next to you.")



Wherever there's a \n, it will skip down to the next line and continue from there. Run the repl and see the output wrapping appropriately.

Part 1:

1. All stories start with a plot, read through The Seven Basic Plots. Choose a plot for your story and write it it down. https://en.wikipedia.org/wiki/The_Seven_Basic_Plots

2. Choose a setting and write it down.  https://en.wikipedia.org/wiki/Setting_(narrative)

3. Choose the character your user will play as, you may also have other characters your user interacts with. Write down your characters.

4. Now the fun part! Using your plot, setting and characters write a short story. Here is a suggestion from author Rebecca Makkai.

Most stories we tell in real life are under 500 words. You're at a party and suddenly you have the floor. You throw out your little story like a grenade. “Once I knew a guy who...” And if you have any social graces at all, you probably keep it under 500 words. So my advice would be this: Just tell a story, quick while they're still listening.


Fill out the google form that's attached once you've done everything above in a google doc.

Will be due partway into class on Wednesday.

You will be making a flowchart of the decision space of your interactive fiction story using https://drawings.google.com.

1. Think about all the places in your story where the main character could have made a choice. Decide what happens if they choose to do something that's not part of your original plot. The choice could cause the story to end there, merely delay the plot, or cause a whole new plot branch to develop.


2. Create a google drawing using flowchart symbols to map out the decision-space of your interactive fiction. See example attached (soon).
Remember that decisions are represented by diamonds rectangles are for story exposition without choices, and rounded rectangles for starting and ending points (terminators). See attached screenshot for example.


Submit your google drawing. Likely due at end of class Wednesday 9/12.

Due end of class on Tuesday.

Requirements Checklist:
Have at least 3 individual pages + 1 bibliography/sources page (or sources can be at the bottom of each page without a separate page)
Have a navigation menu to link them together
      *Try clicking each link on the navigation menu FROM EACH PAGE to make sure you don't have any broken links and all destinations are correct
Include images (anything you find online that you didn't make yourself should be credited on the bibliography page which is a list of links)
Have CSS formatting site-wide on the style.css page
Have at least 1 custom font
Each page should have its own title (look in the head tag for the title tag)
Each page should have a favicon

When complete, submit two things IN A GOOGLE DOC (please don't submit the links directly, it's kind of annoying on the teacher side of google classroom):
The link to the code (looks like this: https://replit.com/@garrettshorr/Favicons-Per-4-2021-22#index.html)
The link to your website (looks like this: https://Favicons-Per-4-2021-22.garrettshorr.repl.co)

Due Monday near the end of class.

Requirements:


ordered/unordered list of 5 things
5 images
5 hyperlinks
change at least one font color somewhere
change at least one font somewhere
Submission Instructions:


Make a google doc with the following links (see the attached screenshot):
The link to your repl from the url bar at the top of the browser
The link to the standalone site from the preview section in the upper right corner of the repl

Please bring back the signed back page of the syllabus next class.

*Choose One:

Top 5 Things you did over the summer

Top 5 Favorite animals



*Open Textedit (Command + Space: TextEdit) or Google Docs

1. Pick the list topic

2. List your 5 things

3. Find an image representing each thing online along with citation link)

Citation link: right click on Visit and copy link address

https://www.theguardian.com/science/2021/mar/20/tardigrades-natures-great-survivors

Try to right click and open in new tab. Then do CMD+S to save it. If it saves as a jpg or png, you are good. If it saves as a webp, try taking a screenshot.

To take a screenshot with CMD+Shift+4 (it saves to the desktop, then rename it whatever it is with .png at the end and keep it in a folder)

4. Find a website url (link) describing that thing
Finally, make a google doc and copy all the your text and paste it in there and submit that.