Computer Science: Digital Adventure 💻

Created by: Daniel Makus

Welcome to your digital adventure with Daniel Makus! Before you is a series of tasks that will test your skills in graphics, programming, and using AI tools. All tasks can be completed on an iPad.

Get ready for the challenges!

Remember: Take screenshots of everything you do and save your work!

1. Canva: App Icon Design

Your first task is to design an icon for a new, innovative mobile application!

  • Open Canva in your iPad browser and log in (or use the Canva app if installed).
  • Create a new project of type "App Icon" or a square with dimensions like 500x500 pixels.
  • Design an icon for an app that helps students manage time and tasks. The icon should:
    • Be readable and simple, even in a small size.
    • Contain a graphic symbol associated with time, organization, learning, or productivity (e.g., clock, calendar, book, "check" symbol).
    • Use a maximum of 3-4 colors that complement each other well.
    • Incorporate the **first letter of your name** in an interesting way (it doesn't have to be immediately obvious, it can be stylized).
  • Once finished: Save the project as PNG or JPG and take a screenshot of the finished icon in Canva.
Remember: Take screenshots of everything you do and save your work!

2. Coding: Mini Guessing Game

Time for a small programming challenge! We will create a simple guessing game using HTML with CSS and JavaScript elements.

  • Open an online code editor, e.g., CodePen or Replit (these work well in iPad browsers).
  • In the HTML section (or the main editor window), paste the following structure: 
    <h1>Guess the Number!</h1>
<p>I'm thinking of a number from 1 to 10.</p>
<input type="number" id="guessInput" placeholder="Your guess">
<button onclick="checkGuess()">Guess!</button>
<p id="message"></p>
  • In the CSS section (or inside the `<style>` tag in HTML), add the styling: 
    body { font-family: sans-serif; text-align: center; margin-top: 50px; background-color: #f1faee; }
h1 { color: #1d3557; }
button { padding: 10px 20px; background-color: #457b9d; color: white; border: none; border-radius: 5px; cursor: pointer; }
input { padding: 8px; border: 1px solid #ccc; border-radius: 5px; }
#message { margin-top: 20px; font-weight: bold; color: #e74c3c; } /* Initial color for error */
  • In the JavaScript section (or inside the `<script>` tag in HTML), add the code: 
    let correctNumber = Math.floor(Math.random() * 10) + 1; // Random number from 1 to 10

function checkGuess() {
    let guess = parseInt(document.getElementById('guessInput').value);
    let messageElement = document.getElementById('message');

    if (isNaN(guess) || guess < 1 || guess > 10) {
        messageElement.textContent = "Please enter a number between 1 and 10!";
        messageElement.style.color = '#e74c3c'; // Red for error
    } else if (guess === correctNumber) {
        messageElement.textContent = "Congratulations! You guessed it!";
        messageElement.style.color = '#2ecc71'; // Green for success
    } else if (guess < correctNumber) {
        messageElement.textContent = "Too low! Try again.";
        messageElement.style.color = '#e74c3c';
    } else {
        messageElement.textContent = "Too high! Try again.";
        messageElement.style.color = '#e74c3c';
    }
}
  • Run the game preview and play it a few times to ensure it works.
  • Once finished: Take a screenshot of the working game and the visible code in the editor. Also, copy the link to the online project (if the editor allows).
Remember: Take screenshots of everything you do and save your work!

3. ChatGPT: Educational Game Idea Generator

Now we will use ChatGPT for brainstorming and generating ideas for educational mobile games.

  • Open ChatGPT in your iPad browser and log in.
  • Enter the following prompt:

    "Generate 3 unique ideas for educational mobile games for primary school students. Each idea should include: game name, a short description (1-2 sentences), main gameplay mechanics, and which school subject it supports."
  • Read the generated ideas.
  • Choose one of the ideas you like most and ask ChatGPT to **expand on this idea, adding 3 potential difficulty levels for the game** (e.g., "easy," "medium," "hard" with a brief description of the differences).
  • Once finished: Take a screenshot of the conversation with the generated ideas and the expanded chosen idea.
Remember: Take screenshots of everything you do and save your work!

4. Gemini: Dream Technology Project

Now it's time for a challenge with the second AI model - Gemini.

  • Open Google Gemini in your iPad browser and log in.
  • Enter the following prompt:

    "Describe (max. 100 words) a technology that does not yet exist, but you wish it would. Give it a name, what it does, and why it is needed. Then ask Gemini to suggest 3 names of scientists who could work on it (fictional or real, but fitting the era)."
  • Read the generated technology description and scientist suggestions.
  • Ask Gemini to **create a short advertisement (up to 20 words)** for this technology.
  • Once finished: Take a screenshot of the conversation with the technology description, names, and advertisement.
Remember: Take screenshots of everything you do and save your work!

5. AI Model Comparison: Who Tells a Better Poem?

In this task, you will compare different artificial intelligence models for creativity and language skills.

  • Open the following AI tools (or their applications) in new browser tabs:
  • Paste the exact same prompt into each of these chats:

    "Write a short, 4-line, funny poem about a cat that can program in Python."
  • Read the responses from each chat. Notice which one best met your expectations, was most creative, or funniest.
  • In a notes app (e.g., Notes, Pages), write a short review (3-5 sentences) comparing the generated poems and indicating which AI model you think performed best and why.
  • Once finished: Take a screenshot of each chat with the generated poem, and a screenshot of your review.
Remember: Take screenshots of everything you do and save your work!

6. Problem Solving: Logic Puzzle

Think like a computer scientist! Solve the following logic puzzle.

  • A programmer has 8 balls. One of them is lighter than the others, but they all look identical. You have a balance scale and can use it only twice. How do you find the lighter ball?
  • Think about the problem and write down your step-by-step solution in a notes app on your iPad (e.g., Notes, Pages).
  • Your solution should include a precise algorithm (instructions) on how to find the lighter ball, minimizing weighings.
  • Once finished: Take a screenshot of your saved solution.
Remember: Take screenshots of everything you do and save your work!

7. Network Security: Password Generator

Network security is fundamental! Time to create a strong password.

  • Use an online password generator (e.g., LastPass Password Generator, Random.org Password Generator – these work in iPad browsers).
  • Generate **three different passwords**, each at least 12 characters long, containing lowercase and uppercase letters, numbers, and special characters.
  • Assess the strength of these passwords (most generators show this).
  • In a notes app (e.g., Notes, Pages), write why these passwords are strong and why it's important to use different, complex passwords.
  • Once finished: Take a screenshot of the generated passwords (obscure them if possible, but ensure length and complexity are visible) and the text about password strength.
Remember: Take screenshots of everything you do and save your work!

8. Personal Development with AI: Learning Plan

Use AI to plan learning or develop a new skill.

  • Reopen Google Gemini or ChatGPT.
  • Ask the AI to create a **simple learning plan** for a skill or hobby you choose. This could be:
    • "How to learn basic Photoshop in 5 steps?"
    • "A 3-week plan for beginner ukulele learning."
    • "How to develop digital creativity in 4 simple exercises?"
    Ensure the plan includes concrete, actionable steps.
  • Once finished: Take a screenshot of the generated learning plan.

That's it! End of the Digital Adventure! 🥳

You have completed all challenges. Congratulations!

To submit your work, follow these steps:

  1. Collect all screenshots and any text files/PDFs/links you created during the tasks.
  2. Open the email application on your iPad (e.g., Mail).
  3. Create a new email message.
  4. In the "To" field, enter the address: d.makus@liceum.piwoni.pl
  5. In the subject line, enter: "Computer Science - Digital Adventure - [Your Name and Surname]"
  6. Attach all collected files and screenshots. If you have a link to an online project (e.g., from CodePen), paste it into the message body.
  7. Send the message!

Thank you for participating in the digital adventure!