6. Copyright and Creative Commons Mission

“I will fight for those who cannot fight for themselves.” — Wonder Woman

Princess Diana has stood for nearly eighty years as a symbol of truth, justice and equality to people everywhere. Learn more about Wonder Woman's powers and abilities like the lasso of truth. Shuri needs your help to add Wonder Woman and bring justice to the World Wide Web.

Whose work can you use on your webpages and who can use your work?

Below are the goals and challenges you must complete to add Wonder Woman to the team.

Goals:

• Understand the differences between copyright (los derechos de autor) and creative commons.
• Demonstrate how to use code and media created by someone else that is not copyrighted on your website and give attribution (atribución).
• Demonstrate how to share your website work using Creative Commons.
• Give and get feedback to improve.

Discussion: What is fair when it comes to people using your work?

Do you think the following is fair?

1. You take an awesome picture and someone puts it on their social media account and with your name beside it.
2. You write a story and someone else publishes it and says that they wrote it.
3. You write a song and someone sings it to her friends.
4. You write a song and someone sings it at a concert and makes a lot of money.
5. You take a picture and someone else Photoshops it and puts the new version on his web site.

Challenge 6.1: What is the difference between Copyright and Creative Commons?

Copyright law gives creators certain kinds of control over their creative work. If people want to use copyrighted work, they often have to ask for permission from the creator. Creative Commons works within copyright law. It allows creators to grant permission to everyone in the world to use their work in certain ways.

1. Read about Copyright and Creative Commons Copyright and Creative Commons or watch the videos below to learn how Copyright and Creative Commons work. Complete slide 51.

   If you can't watch on youtubeclick here

2. Time to go on an image hunt and examine the licensing. Watch the video to learn how to use Google's advanced search to find an image and the licensing permission. See the other image resources below. Then find two images you might want to add to your website and complete slide 52.

   Read more about Public Domain and Creative Commons Here are more resources to find images. Remember to read the licensing details. Do you know of any other resources to find images that you can use?

   • Search Needpixthat is licensed as a Public Domain.
   • Search Creative Commons and read the licensing details when you find an image.
   • Search pixabay and read licensing.
   • Search Flickr and the Creative Commons Licensing
   • Search Wikimedia Commons and the Creative Commons Licensing

Challenge 6.2: How do you give attribution and share your work?

1. See if you can use existing code from websites to create your web pages. You are going to learn how to create a list. Explore the web pages below and decide if you can use their code. Complete slide 53.

   • Go to w3 schools HTML list page . Scroll to the bottom to look at the licensing. Read about w3 school’s licensing rules.
   • Go to Raspberry Pi project page on how to make lists . Scroll to the bottom to look at the licensing. Read about Raspberry Pi Foundation’s licensing rules.
2. Create a list of resources you used that you should give attribution to on your website on slide 54. Use the resources above to help you add the list to your website. Here is help from w3 schools to add a link.

3. Advanced (optional): Watch the video to see how you can start sharing your web site work. Scroll to the bottom of my web page to see my Creative Commons license. Go to the Creative Commons License Chooser.Answer the questions on how you want to share your website. Scroll down to copy the html code and complete slide 55.

Challenge 6.3: What other media do you want to add to your webpage?

1. Add more images and text to your website. See the resources below to add videos and maps. Then complete slide 56.
   • Embed YouTube video or Google maps
   • Embed YouTube playlist
2. Go to the flipgrid discussion to help each other debug code and earn your superhero teammate points.

Challenge 6.4 Improve and Review

1. Give feedback to help other's improve and get feedback to improve your website. Think about style, web accessibility, grammar errors, code erros, giving credit when giving feedback.

   Open your website up in full screen and copy the web address. Do not copy the web address of your code. Log into flipgrid to give and get feedback.

   First Post:

   1. Show your website in fullscreen
   2. Create a screencast showing and explaining your website
   3. Add your selfie
   4. Add the link to your website, do not add the link to your code.

   Second Reply to your team's posts that include

   1. At least one thing you like best about the page
   2. At least one thing that could be improved

2. Review your website and look at your feedback. decide what changes you want to make. Complete slides 57 and 58

Final Challenge:

Kingpin has entered the dark web and is trying to take down the World Wide Web. Shuri needs a secret code to stop him. Test your web designer skills to help crack the code. When you crack the code you will add Wonder Woman to your team and receive you new superhero title. Click on the call for help below to understand your mission.

Vocabulary