Усі уроки

Курс

ШІ для 8 класу: розробник розумних застосунків

Збери Python, вебсторінки, моделі та API ШІ в один застосунок. Потім перевір його і покажи.

Проходь уроки по порядку. Наприкінці ти назвеш інтерфейс, серверну частину, модель і дані застосунку з ШІ та намалюєш його архітектуру. Ти розіб’єш код на модулі, прочитаєш і запишеш файли JSON і збереш невеликий сайт на HTML і CSS. Ти покажеш передбачення класифікатора на вебсторінці, збереш промпт із шаблону і перевіриш, що відповідь моделі в потрібному форматі. Ти викличеш API ШІ, яким керує вчитель, збережеш ключ API в таємниці, збереш набір із 20 тестів, напишеш контрольний список безпеки і покажеш перевіреного помічника в навчанні.

Як користуватися цими уроками

  • Почни з уроку, де написано Зроби це. Рядок під назвою зроби сам, тоді йди далі.
  • Спочатку Ігри. Потім Перевірка. 8 із 10 правильно для заліку. Аркуші на папері. Відповіді внизу.
  • Кожен урок спирається на попередній. Тримай одну папку проєкту і додавай до неї на кожному уроці.
  • Користуйся лише сервісами ШІ, які дозволив учитель. Не пиши ключі API в коді і нікому їх не давай. Не надсилай моделі приватні дані. Перевіряй кожну відповідь ШІ, яку показує застосунок.

У кожному уроці є ігри, перевірка та аркуші.

0 із 36

Архітектура застосунку з ШІ

  1. 1Частини застосунку з ШІНазви інтерфейс, серверну частину, модель і дані застосунку з ШІ.
    • Поясни кожну з чотирьох частин.
    • Знайди їх у застосунку-перекладачі.
    • Скажи, яку частину бачать користувачі.
  2. 2Простеж запитПростеж один запит від кліку до відповіді.
    • Перелічи кожен крок від кліку до екрана.
    • Скажи, де працює модель.
    • Скажи, де може бути затримка.
  3. 3Де застосунок зберігає даніСкажи, де застосунок зберігає дані і чому.
    • Порівняй браузер, сервер і базу даних.
    • Скажи, що не можна зберігати ніколи.
    • Скажи, хто бачить кожне місце.
  4. 4Намалюй архітектуруНамалюй архітектуру справжнього застосунку з ШІ.
    • Обери застосунок.
    • Намалюй прямокутник для кожної частини.
    • Намалюй стрілки для потоку даних.

Python середнього рівня

  1. 5МодуліРозбий код на модулі й імпортуй їх.
    • Перенеси функції у свій файл.
    • Імпортуй їх в іншому файлі.
    • Назви модулі зрозуміло.
  2. 6ФайлиЧитай і записуй текстові файли та файли JSON.
    • Прочитай і запиши текстовий файл.
    • Збережи і завантаж JSON.
    • Оброби відсутній файл.
  3. 7БібліотекиВстанови і використай бібліотеку Python.
    • Встанови бібліотеку через pip.
    • Прочитай її документацію.
    • Використай одну функцію з неї.
  4. 8Код для повторного використанняПеретвори повторюваний код на функцію, якою можуть користуватися інші.
    • Знайди повторюваний код.
    • Перетвори його на функцію з чіткими параметрами.
    • Напиши короткий docstring.

Основи вебзастосунків

  1. 9HTMLЗбери на HTML сторінку із заголовками, текстом і формою.
    • Використай заголовки, абзаци і списки.
    • Додай зображення і посилання.
    • Додай форму з текстовим полем і кнопкою.
  2. 10CSSОформи сторінку за допомогою CSS: кольори, відступи і розкладка.
    • Задай кольори і шрифти.
    • Додай margin і padding.
    • Розклади сторінку за допомогою flexbox.
  3. 11Форми і введенняПрочитай, що користувач вводить у формі.
    • Прочитай значення форми за допомогою JavaScript.
    • Покажи його знову на сторінці.
    • Перевір порожнє введення.
  4. 12Простий сайтЗбери невеликий сайт із двох сторінок.
    • Збери головну сторінку і сторінку інструмента.
    • З’єднай їх посиланнями.
    • Зроби так, щоб вони працювали на екрані телефона.

Підключення моделей

  1. 13ІнференсПоясни різницю між навчанням і інференсом.
    • Скажи, що навчання буває один раз, а інференс — на кожен запит.
    • Збережи і завантаж навчену модель.
    • Засічи час одного передбачення.
  2. 14Вхід моделіПідготуй вхід у тій формі, якої чекає модель.
    • Зміни розмір зображення.
    • Постав ознаки в потрібному порядку.
    • Відхили вхід, який модель не може використати.
  3. 15Вихід моделіПрочитай мітки й оцінки моделі.
    • Прочитай верхню мітку.
    • Прочитай оцінку впевненості.
    • Покажи «не впевнений», якщо оцінка нижча за поріг.
  4. 16Підключи класифікаторПокажи передбачення класифікатора на вебсторінці.
    • Завантаж модель у браузері або на маленькому сервері.
    • Надішли їй вхід зі сторінки.
    • Покажи мітку й оцінку.

Застосунки на промптах

  1. 17Шаблони промптівЗбери промпт із шаблону і введення користувача.
    • Напиши шаблон із пропусками.
    • Заповни пропуски з введення користувача.
    • Не дай введенню користувача змінити твої інструкції.
  2. 18КонтекстДай моделі потрібний їй контекст.
    • Додай клас і тему.
    • Додай приклад відповіді.
    • Порівняй відповіді з контекстом і без нього.
  3. 19Перевірка відповідіПеревір, що відповідь моделі в потрібному форматі.
    • Попроси JSON.
    • Розбери його і перевір поля.
    • Повтори або покажи помилку, якщо формат хибний.
  4. 20Ланцюжок промптівЗ’єднай два промпти в ланцюжок, щоб закінчити завдання.
    • Зроби питання одним промптом.
    • Перевір відповіді другим промптом.
    • Передай дані між кроками.

API ШІ

  1. 21Запити і відповідіНадішли запит і прочитай відповідь JSON.
    • Надішли запит GET і запит POST.
    • Прочитай коди стану.
    • Розбери відповідь JSON.
  2. 22Ключі APIЗберігай ключ API в таємниці.
    • Зберігай ключ у змінній середовища.
    • Не клади ключі в спільний код.
    • Скажи, чому ключ не можна тримати в браузері.
  3. 23Ліміти і вартістьПоясни ліміти запитів і вартість використання.
    • Прочитай помилку ліміту запитів.
    • Оціни вартість 100 запитів.
    • Зачекай і повтори, коли спрацював ліміт.
  4. 24Виклик APIВиклич із Python API ШІ, яким керує вчитель.
    • Надішли промпт.
    • Прочитай відповідь.
    • Оброби помилки і тайм-аути.

Тестування ШІ

  1. 25Тестові випадкиНапиши тестові випадки: входи й очікувані виходи.
    • Напиши 10 тестових входів.
    • Напиши, як виглядає добрий вихід.
    • Прожени їх вручну.
  2. 26НадійністьПеревір надійність: прожени один і той самий тест багато разів і порівняй результати.
    • Прожени один промпт 10 разів.
    • Полічи, як часто він правий.
    • Зменш випадковість і порівняй.
  3. 27Крайові випадкиПеревір крайові випадки: порожнє, довге і хитре введення.
    • Спробуй порожнє введення і дуже довге введення.
    • Спробуй введення іншою мовою.
    • Спробуй введення, яке хоче обманути застосунок.
  4. 28Набір із 20 тестівЗбери набір із 20 тестів і оціни свій застосунок.
    • Змішай легкі, важкі і хитрі тести.
    • Оціни кожну відповідь: зараховано чи ні.
    • Стеж за оцінкою після кожної зміни.

Відповідальний дизайн застосунків

  1. 29Приватність: лише потрібні даніДля приватності збирай лише ті дані, які потрібні застосунку.
    • Перелічи дані, які збирає твій застосунок.
    • Прибери те, що йому не потрібно.
    • Скажи, як довго дані зберігаються.
  2. 30Блокування небезпечного введення і виведенняБлокуй небезпечне введення і виведення.
    • Фільтруй небезпечні теми.
    • Перевіряй відповіді перед показом.
    • Дай безпечну відповідь, коли вхід заблоковано.
  3. 31Досвід користувача: коли відповідає ШІУ досвіді користувача покажи, коли відповідає ШІ і що він може помилятися.
    • Підпиши відповіді ШІ.
    • Додай спосіб повідомити про хибну відповідь.
    • Покажи стан завантаження.
  4. 32Контрольний список безпекиНапиши контрольний список безпеки для свого застосунку.
    • Охопи приватність, безпеку і точність.
    • Перевір застосунок за цим списком.
    • Виправ один пункт, який не пройшов.

Студія розробки застосунків

  1. 33Функції і тести помічникаНапиши функції і тести для помічника в навчанні.
    • Обери предмети.
    • Перелічи функції.
    • Спочатку напиши набір тестів.
  2. 34Збери інтерфейсЗбери інтерфейс: вибір предмета й екран питання.
    • Збери вибір предмета.
    • Збери екран питання і відповіді.
    • Збери область зворотного зв’язку.
  3. 35Підключи ШІПідключи ШІ: додай питання і зворотний зв’язок від моделі.
    • Згенеруй питання для практики за допомогою моделі.
    • Перевір відповіді і дай зворотний зв’язок.
    • Прожени набір тестів.
  4. 36Свій помічник у навчанні з ШІПокажи перевіреного помічника в навчанні.
    • Покажи весь застосунок.
    • Покажи оцінку за тестами.
    • Поясни фронтенд, серверну частину і модель.