Informatyka: Cyfrowa Przygoda 💻

Stworzona przez: Daniel Makus

Witajcie w Waszej cyfrowej przygodzie z Danieliem Makusem! Przed Wami seria zadań, które przetestują Wasze umiejętności z grafiki, programowania i korzystania z narzędzi AI. Wszystkie zadania możecie wykonać na iPadzie.

Przygotujcie się na wyzwania!

Pamiętaj: Rób zrzuty ekranu ze wszystkiego, co zrobisz, i zapisuj swoją pracę!

1. Canva: Projekt Ikony Aplikacji

Wasze pierwsze zadanie to zaprojektowanie ikony dla nowej, innowacyjnej aplikacji mobilnej!

  • Otwórzcie Canvę w przeglądarce na iPadzie i zalogujcie się (lub użyjcie aplikacji Canva, jeśli jest zainstalowana).
  • Stwórzcie nowy projekt o rozmiarach "Ikona Aplikacji" (App Icon) lub kwadratowy o wymiarach np. 500x500 pikseli.
  • Zaprojektujcie ikonę dla aplikacji, która pomoże uczniom w zarządzaniu czasem i zadaniami. Ikona powinna:
    • Być czytelna i prosta, nawet w małym rozmiarze.
    • Zawierać graficzny symbol, który kojarzy się z czasem, organizacją, nauką lub produktywnością (np. zegar, kalendarz, książka, symbol "check").
    • Używać maksymalnie 3-4 kolorów, które dobrze ze sobą współgrają.
    • Wkomponować **pierwszą literę Waszego imienia** w ciekawy sposób (nie musi być widoczna na pierwszy rzut oka, może być stylizowana).
  • Po zakończeniu: Zapiszcie projekt jako PNG lub JPG i zróbcie zrzut ekranu gotowej ikony w Canvie.
Pamiętaj: Rób zrzuty ekranu ze wszystkiego, co zrobisz, i zapisuj swoją pracę!

2. Kodowanie: Mini-Gra Zgadywanka

Czas na małe wyzwanie programistyczne! Stworzymy prostą grę zgadywankę w HTML z elementami CSS i JavaScript.

  • Otwórzcie edytor kodu online, np. CodePen lub Replit (dobrze działają w przeglądarce na iPadzie).
  • W sekcji HTML wklejcie poniższą strukturę:
    <h1>Zgadnij Liczbę!</h1>
    <p>Pomyślałem o liczbie od 1 do 10.</p>
    <input type="number" id="guessInput" placeholder="Twoja liczba">
    <button onclick="checkGuess()">Zgaduję!</button>
    <p id="message"></p>
  • W sekcji CSS (lub wewnątrz znacznika `<style>` w HTML) dodajcie styl:
    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 */
  • W sekcji JavaScript (lub wewnątrz znacznika `<script>` w HTML) dodajcie kod:
    let correctNumber = Math.floor(Math.random() * 10) + 1; // Losowa liczba od 1 do 10
    
    function checkGuess() {
        let guess = parseInt(document.getElementById('guessInput').value);
        let messageElement = document.getElementById('message');
    
        if (isNaN(guess) || guess < 1 || guess > 10) {
            messageElement.textContent = "Wpisz liczbę od 1 do 10!";
            messageElement.style.color = '#e74c3c'; // Czerwony dla błędu
        } else if (guess === correctNumber) {
            messageElement.textContent = "Gratulacje! Zgadłeś!";
            messageElement.style.color = '#2ecc71'; // Zielony dla sukcesu
        } else if (guess < correctNumber) {
            messageElement.textContent = "Za mało! Spróbuj ponownie.";
            messageElement.style.color = '#e74c3c';
        } else {
            messageElement.textContent = "Za dużo! Spróbuj ponownie.";
            messageElement.style.color = '#e74c3c';
        }
    }
  • Uruchomcie podgląd gry i zagrajcie w nią kilka razy, aby sprawdzić, czy działa.
  • Po zakończeniu: Zróbcie zrzut ekranu z działającą grą oraz z widocznym kodem w edytorze. Skopiujcie również link do projektu online (jeśli edytor to umożliwia).
Pamiętaj: Rób zrzuty ekranu ze wszystkiego, co zrobisz, i zapisuj swoją pracę!

3. ChatGPT: Generator Pomysłów na Gry Edukacyjne

Teraz wykorzystamy ChatGPT do burzy mózgów i generowania pomysłów na edukacyjne gry mobilne.

  • Otwórzcie ChatGPT w przeglądarce na iPadzie i zalogujcie się.
  • Wpiszcie następującą prośbę (prompt):

    "Wygeneruj 3 unikalne pomysły na edukacyjne gry mobilne dla uczniów szkoły podstawowej. Każdy pomysł powinien zawierać: nazwę gry, krótki opis (1-2 zdania), główną mechanikę rozgrywki i jaki przedmiot szkolny wspiera."
  • Przeczytajcie wygenerowane pomysły.
  • Wybierzcie jeden z pomysłów, który najbardziej Wam się podoba, i poproście ChatGPT, aby **rozwinął ten pomysł, dodając 3 potencjalne poziomy trudności gry** (np. "łatwy", "średni", "trudny" z krótkim opisem różnic).
  • Po zakończeniu: Zróbcie zrzut ekranu konwersacji z wygenerowanymi pomysłami i rozwinięciem wybranego.
Pamiętaj: Rób zrzuty ekranu ze wszystkiego, co zrobisz, i zapisuj swoją pracę!

4. Gemini: Projekt Wymarzonej Technologii

Teraz czas na wyzwanie z drugim modelem AI - Gemini.

  • Otwórzcie Google Gemini w przeglądarce na iPadzie i zalogujcie się.
  • Wpiszcie następującą prośbę (prompt):

    "Opisz (max. 100 słów) technologię, która jeszcze nie istnieje, ale chciałbyś/chciałabyś, żeby powstała. Podaj jej nazwę, co robi i dlaczego jest potrzebna. Następnie poproś Gemini o zaproponowanie 3 nazwisk naukowców, którzy mogliby nad nią pracować (fikcyjnych lub prawdziwych, ale pasujących do epoki)."
  • Przeczytajcie wygenerowany opis technologii i propozycje naukowców.
  • Poproś Gemini o **stworzenie krótkiej reklamy (do 20 słów)** dla tej technologii.
  • Po zakończeniu: Zróbcie zrzut ekranu konwersacji z opisem technologii, nazwiskami i reklamą.
Pamiętaj: Rób zrzuty ekranu ze wszystkiego, co zrobisz, i zapisuj swoją pracę!

5. Porównanie Modeli AI: Kto Lepiej Powie wierszyk?

W tym zadaniu porównacie różne modele sztucznej inteligencji pod kątem kreatywności i umiejętności językowych.

  • Otwórzcie w nowych kartach przeglądarki następujące narzędzia AI (lub ich aplikacje):
  • Do każdego z tych czatów wklejcie dokładnie to samo polecenie (prompt):

    "Napisz krótki, 4-wersowy, zabawny wierszyk o kocie, który umie programować w Pythonie."
  • Przeczytajcie odpowiedzi z każdego z czatów. Zauważcie, który z nich najlepiej spełnił Wasze oczekiwania, był najbardziej kreatywny lub zabawny.
  • W aplikacji do notatek (np. Notatki, Pages) napiszcie krótką recenzję (3-5 zdań), w której porównacie wygenerowane wierszyki i wskażecie, który model AI według Was poradził sobie najlepiej i dlaczego.
  • Po zakończeniu: Zróbcie zrzut ekranu każdego czatu z wygenerowanym wierszykiem oraz zrzut ekranu z Waszą recenzją.
Pamiętaj: Rób zrzuty ekranu ze wszystkiego, co zrobisz, i zapisuj swoją pracę!

6. Rozwiązywanie Problemów: Zagadka Logiczna

Pomyślcie jak informatyk! Rozwiążcie poniższą zagadkę logiczną.

  • Pewien programista ma 8 kul. Jedna z nich jest lżejsza od pozostałych, ale wszystkie wyglądają identycznie. Masz wagę szalkową i możesz jej użyć tylko dwa razy. Jak znajdziesz lżejszą kulę?
  • Przemyślcie problem i zapiszcie swoje rozwiązanie krok po kroku w aplikacji do notatek na iPadzie (np. Notatki, Pages).
  • Wasze rozwiązanie powinno zawierać dokładny algorytm (instrukcje), jak znaleźć lżejszą kulę, minimalizując ważenia.
  • Po zakończeniu: Zróbcie zrzut ekranu z zapisanym rozwiązaniem.
Pamiętaj: Rób zrzuty ekranu ze wszystkiego, co zrobisz, i zapisuj swoją pracę!

7. Bezpieczeństwo w Sieci: Generator Haseł

Bezpieczeństwo w sieci to podstawa! Czas na stworzenie silnego hasła.

  • Użyjcie generatora haseł online (np. LastPass Password Generator, Random.org Password Generator – działają w przeglądarce na iPadzie).
  • Wygenerujcie **trzy różne hasła**, każde o długości co najmniej 12 znaków, zawierające małe i duże litery, cyfry oraz znaki specjalne.
  • Oceńcie siłę tych haseł (większość generatorów to pokazuje).
  • W aplikacji do notatek (np. Notatki, Pages) napiszcie, dlaczego te hasła są silne i dlaczego ważne jest używanie różnych, skomplikowanych haseł.
  • Po zakończeniu: Zróbcie zrzut ekranu z wygenerowanymi hasłami (zakryjcie je, jeśli to możliwe, ale tak, żeby było widać długość i złożoność) oraz z tekstem o sile haseł.
Pamiętaj: Rób zrzuty ekranu ze wszystkiego, co zrobisz, i zapisuj swoją pracę!

8. Rozwój Osobisty z AI: Plan Nauki

Wykorzystajcie AI do zaplanowania nauki lub rozwoju nowej umiejętności.

  • Otwórzcie ponownie Google Gemini lub ChatGPT.
  • Poproście AI o stworzenie **prostego planu nauki** dla wybranej przez Was umiejętności lub hobby. Może to być:
    • "Jak nauczyć się podstaw Photoshopa w 5 krokach?"
    • "Plan na naukę gry na ukulele dla początkujących na 3 tygodnie."
    • "Jak rozwijać kreatywność cyfrową w 4 prostych ćwiczeniach?"
    Upewnijcie się, że plan zawiera konkretne, wykonalne kroki.
  • Po zakończeniu: Zróbcie zrzut ekranu z wygenerowanym planem nauki.

To już wszystko! Koniec Cyfrowej Przygody! 🥳

Ukończyliście wszystkie wyzwania. Gratulacje!

Aby przesłać wyniki swojej pracy, wykonajcie następujące kroki:

  1. Zbierzcie wszystkie zrzuty ekranu oraz ewentualne pliki tekstowe/PDF/linki, które stworzyliście podczas zadań.
  2. Otwórzcie aplikację pocztową na iPadzie (np. Mail).
  3. Utwórzcie nową wiadomość e-mail.
  4. W polu "Do" wpiszcie adres: d.makus@liceum.piwoni.pl
  5. W temacie wiadomości wpiszcie: "Informatyka - Cyfrowa Przygoda - [Wasze Imię i Nazwisko]"
  6. Jako załączniki dodajcie wszystkie zebrane pliki i zrzuty ekranu. Jeśli macie link do projektu online (np. z CodePen), wklejcie go w treści wiadomości.
  7. Wyślijcie wiadomość!

Dziękujemy za udział w cyfrowej przygodzie!