Wszystkie lekcje

Kurs

AI klasy 8: Twórca inteligentnych aplikacji

Połącz Pythona, strony WWW, modele i API AI w aplikację, którą testujesz i prezentujesz.

Rób lekcje po kolei. Na końcu umiesz nazwać części aplikacji AI: interfejs, backend, model i dane, oraz narysować architekturę prawdziwej aplikacji AI. Umiesz dzielić kod na moduły, czytać i zapisywać pliki JSON oraz zbudować małą stronę z HTML i CSS. Umiesz pokazać przewidywanie klasyfikatora na stronie WWW, zbudować prompt ze szablonu i sprawdzić, że odpowiedź modelu ma właściwy format. Umiesz wywołać z Pythona API AI zarządzane przez nauczyciela, trzymać klucz API w tajemnicy, zbudować zestaw oceny z 20 testów, napisać listę kontrolną bezpieczeństwa i pokazać demo przetestowanego asystenta nauki AI.

Jak używać tych lekcji

  • Zacznij od lekcji oznaczonej Zrób to. Idź dalej, gdy potrafisz sam zrobić linijkę pod tytułem.
  • Najpierw zagraj w Gry. Potem zrób Quiz. 8 z 10 dobrych, żeby zaliczyć. Karty pracy są na papierze. Odpowiedzi są na dole.
  • Każda lekcja opiera się na poprzedniej. Trzymaj jeden folder projektu i dodawaj do niego na każdej lekcji.
  • Używaj tylko usług AI, które zatwierdzi nauczyciel. Trzymaj klucze API poza kodem i nigdy ich nie udostępniaj. Nigdy nie wysyłaj prywatnych informacji do modelu i testuj każdą odpowiedź AI, którą pokazuje twoja aplikacja.

Każda lekcja ma gry, quiz i karty pracy.

0 z 36

Architektura aplikacji AI

  1. 1Części aplikacji AINazwij części aplikacji AI: interfejs, backend, model i dane.
    • Zdefiniuj każdą z czterech części.
    • Znajdź je w aplikacji tłumacza.
    • Powiedz, którą część widzą użytkownicy.
  2. 2Śledź jedno żądanieŚledź jedno żądanie od kliknięcia do odpowiedzi.
    • Wypisz każdy krok od kliknięcia do ekranu.
    • Powiedz, gdzie działa model.
    • Powiedz, gdzie mogą być opóźnienia.
  3. 3Gdzie są danePowiedz, gdzie aplikacja trzyma dane i dlaczego.
    • Porównaj przeglądarkę, serwer i bazę danych.
    • Powiedz, czego nigdy nie wolno zapisywać.
    • Powiedz, kto widzi każde miejsce.
  4. 4Narysuj architekturę aplikacjiNarysuj architekturę prawdziwej aplikacji AI.
    • Wybierz aplikację.
    • Narysuj ramkę dla każdej części.
    • Narysuj strzałki przepływu danych.

Python na poziomie średnim

  1. 5ModułyPodziel kod na moduły i je importuj.
    • Przenieś funkcje do własnego pliku.
    • Zaimportuj je w innym pliku.
    • Nazywaj moduły jasno.
  2. 6PlikiCzytaj i zapisuj pliki tekstowe oraz pliki JSON.
    • Czytaj i zapisuj plik tekstowy.
    • Zapisuj i wczytuj JSON.
    • Obsłuż brakujący plik.
  3. 7BibliotekiZainstaluj i użyj biblioteki Pythona.
    • Zainstaluj bibliotekę przez pip.
    • Przeczytaj jej dokumentację.
    • Użyj jednej funkcji z niej.
  4. 8Kod do ponownego użyciaZamień powtarzany kod w funkcję do ponownego użycia.
    • Znajdź powtarzany kod.
    • Zamień go w funkcję z jasnymi parametrami.
    • Napisz krótki docstring.

Podstawy aplikacji WWW

  1. 9HTMLZbuduj stronę HTML z nagłówkami, tekstem i formularzem.
    • Użyj nagłówków, akapitów i list.
    • Dodaj obraz i odnośnik.
    • Dodaj formularz z polem tekstowym i przyciskiem.
  2. 10CSSNadaj stronie styl CSS: kolory, odstępy i układ.
    • Ustaw kolory i czcionki.
    • Dodaj margin i padding.
    • Ułóż stronę flexboxem.
  3. 11Formularze i dane wejścioweOdczytaj dane wejściowe, które użytkownik wpisuje w formularzu.
    • Odczytaj wartość formularza w JavaScript.
    • Pokaż ją z powrotem na stronie.
    • Sprawdź puste dane wejściowe.
  4. 12Mała stronaZbuduj małą stronę z dwiema podstronami.
    • Zbuduj stronę główną i stronę narzędzia.
    • Połącz je odnośnikami.
    • Spraw, by działały na ekranie telefonu.

Podłączanie modeli

  1. 13WnioskowanieWyjaśnij różnicę między uczeniem a wnioskowaniem.
    • Powiedz, że uczenie dzieje się raz, a wnioskowanie przy każdym żądaniu.
    • Zapisz i wczytaj wyuczony model.
    • Zmierz czas jednej prognozy.
  2. 14Dane wejściowe modeluPrzygotuj dane wejściowe modelu w kształcie, którego model oczekuje.
    • Zmień rozmiar obrazu.
    • Ułóż cechy we właściwej kolejności.
    • Odrzuć dane, których model nie może użyć.
  3. 15Dane wyjściowe modeluOdczytaj etykiety i wyniki z danych wyjściowych modelu.
    • Odczytaj najwyższą etykietę.
    • Odczytaj wynik pewności.
    • Pokaż „nie wiem” poniżej progu.
  4. 16Podłącz klasyfikatorPokaż przewidywanie klasyfikatora na stronie WWW.
    • Wczytaj model w przeglądarce albo na małym serwerze.
    • Wyślij mu dane ze strony.
    • Pokaż etykietę i wynik.

Aplikacje oparte na promptach

  1. 17Szablony promptówZbuduj prompt ze szablonu i z danych użytkownika.
    • Napisz szablon z pustymi miejscami.
    • Wypełnij puste miejsca danymi użytkownika.
    • Nie pozwól, by dane użytkownika zmieniły twoje instrukcje.
  2. 18KontekstDaj modelowi kontekst, którego potrzebuje.
    • Dodaj klasę i temat.
    • Dodaj przykładową odpowiedź.
    • Porównaj odpowiedzi z kontekstem i bez kontekstu.
  3. 19Sprawdzanie formatuSprawdź, że odpowiedź modelu ma właściwy format.
    • Poproś o JSON.
    • Sparsuj go i sprawdź pola.
    • Spróbuj ponownie albo pokaż błąd, gdy jest źle.
  4. 20Przepływ promptówPołącz dwa prompty w przepływ, żeby skończyć zadanie.
    • Zrób pytania jednym promptem.
    • Sprawdź odpowiedzi drugim promptem.
    • Przekaż dane między krokami.

API AI

  1. 21Żądania i odpowiedziWyślij żądanie i odczytaj odpowiedź JSON.
    • Wyślij żądanie GET i POST.
    • Odczytaj kody statusu.
    • Sparsuj odpowiedź JSON.
  2. 22Klucze APITrzymaj klucz API w tajemnicy.
    • Zapisz klucz w zmiennej środowiskowej.
    • Trzymaj klucze poza udostępnianym kodem.
    • Powiedz, dlaczego klucz nigdy nie może być w przeglądarce.
  3. 23Limity i kosztWyjaśnij limity liczby żądań i koszty użycia.
    • Odczytaj błąd limitu liczby żądań.
    • Oszacuj koszt 100 żądań.
    • Poczekaj i spróbuj ponownie, gdy jest limit.
  4. 24Wywołaj APIWywołaj z Pythona API AI zarządzane przez nauczyciela.
    • Wyślij prompt.
    • Odczytaj odpowiedź.
    • Obsłuż błędy i limity czasu.

Testowanie AI

  1. 25Przypadki testoweNapisz przypadki testowe: dane wejściowe z oczekiwanymi danymi wyjściowymi.
    • Napisz 10 danych testowych.
    • Napisz, jak wygląda dobry wynik.
    • Uruchom je ręcznie.
  2. 26NiezawodnośćSprawdź niezawodność: uruchom ten sam test wiele razy i porównaj wyniki.
    • Uruchom jeden prompt 10 razy.
    • Policz, jak często jest dobrze.
    • Zmniejsz losowość i porównaj.
  3. 27Przypadki brzegowePrzetestuj przypadki brzegowe: puste, długie i podstępne dane.
    • Spróbuj pustych danych i bardzo długich danych.
    • Spróbuj danych w innym języku.
    • Spróbuj danych, które chcą oszukać aplikację.
  4. 28Zestaw ocenyZbuduj zestaw oceny z 20 testów i oceń swoją aplikację.
    • Wymieszaj testy łatwe, trudne i podstępne.
    • Oceń każdą odpowiedź jako zaliczoną albo niezaliczoną.
    • Zapisuj wynik po każdej zmianie.

Odpowiedzialny projekt aplikacji

  1. 29Prywatność od projektuZastosuj prywatność od projektu: zbieraj tylko dane, których aplikacja potrzebuje.
    • Wypisz dane, które zbiera twoja aplikacja.
    • Usuń to, czego nie potrzebuje.
    • Powiedz, jak długo dane są trzymane.
  2. 30ZabezpieczeniaWłącz zabezpieczenia, żeby blokować niebezpieczne dane wejściowe i wyjściowe.
    • Filtruj niebezpieczne tematy.
    • Sprawdzaj odpowiedzi, zanim je pokażesz.
    • Daj bezpieczną odpowiedź, gdy blokujesz.
  3. 31Doświadczenie użytkownikaPokaż w doświadczeniu użytkownika, kiedy AI odpowiada i że AI może się mylić.
    • Oznacz odpowiedzi AI.
    • Dodaj sposób zgłoszenia złej odpowiedzi.
    • Pokaż stan wczytywania.
  4. 32Lista kontrolna bezpieczeństwaNapisz listę kontrolną bezpieczeństwa dla swojej aplikacji.
    • Uwzględnij prywatność, bezpieczeństwo i dokładność.
    • Sprawdź aplikację według listy.
    • Napraw jeden punkt, który nie wychodzi.

Studio tworzenia aplikacji

  1. 33Zaplanuj asystentaNapisz funkcje i testy asystenta nauki.
    • Wybierz przedmioty.
    • Wypisz funkcje.
    • Najpierw napisz zestaw oceny.
  2. 34Zbuduj interfejsZbuduj interfejs: wybór przedmiotu i ekran pytań.
    • Zbuduj wybór przedmiotu.
    • Zbuduj ekran pytania i odpowiedzi.
    • Zbuduj obszar informacji zwrotnej.
  3. 35Podłącz AIPodłącz AI, żeby dodać pytania i informację zwrotną z modelu.
    • Twórz pytania do ćwiczeń modelem.
    • Sprawdzaj odpowiedzi i dawaj informację zwrotną.
    • Uruchom zestaw oceny.
  4. 36Twój własny asystent nauki AIPokaż demo przetestowanego asystenta nauki AI.
    • Pokaż demo całej aplikacji.
    • Pokaż wynik oceny.
    • Wyjaśnij frontend, backend i model.