Прикладний програмний інтерфейс (англ. Application Programming Interface), або скорочено API, – це набір правил, протоколів і інструментів, що дозволяє різним програмним додаткам (системам) спілкуватися та обмінюватися даними між собою.

Це як офіціант у ресторані: ви (один додаток) робите замовлення (запит) на кухню (інший додаток), і офіціант (API) передає це замовлення, а потім приносить готову страву (відповідь). Ви не бачите, як саме готується страва (внутрішню логіку роботи іншого додатку), а лише отримуєте кінцевий результат.

🔑 Ключові функції та роль API

API є фундаментальною основою сучасного цифрового світу, оскільки він забезпечує:

1. Взаємодію (Integration): Дозволяє незалежним програмним системам (наприклад, вебсайту та мобільному додатку) спільно використовувати дані та функціональність.

2. Абстракцію: Приховує складну внутрішню логіку роботи однієї системи, надаючи лише необхідні методи для взаємодії. Це спрощує розробку.

3. Безпеку: Контролює, які дані можуть бути доступні зовнішнім програмам і яким чином, часто вимагаючи ідентифікації та аутентифікації (ключів доступу).

4. Модульність: Дозволяє створювати додатки з окремих, незалежних частин (мікросервісів), які обмінюються даними через API.

🌐 Поширені приклади використання API

API використовується щодня у більшості онлайн-сервісів:

• Вхід через соціальні мережі: Коли ви натискаєте кнопку "Увійти за допомогою Google/Facebook" на сторонньому сайті, цей сайт використовує API Google/Facebook для безпечної авторизації, не вимагаючи від вас пароля.

• Карти та навігація: Коли додаток для таксі чи доставки відображає карту, він використовує API Google Maps (або іншого картографічного сервісу).

• Онлайн-платежі: Інтернет-магазин використовує API платіжної системи (наприклад, LiqPay, Portmone), щоб безпечно провести транзакцію з вашої картки.

• Прогноз погоди: Вебсайт новин отримує актуальні дані про погоду, роблячи запит до API метеорологічного сервісу.

1. Валідація даних форми (Validation)

Валідація — це процес перевірки даних, які користувач ввів у поля форми, на відповідність встановленим правилам і вимогам. Мета — забезпечити, щоб отримані дані були коректними, повними і безпечними для подальшої обробки та збереження.

Типи валідації

Для забезпечення максимальної надійності використовують два основні типи валідації:

1.1. Клієнтська валідація (Client-Side Validation)

• Де відбувається: У браузері користувача (на стороні клієнта) за допомогою мов HTML5 та JavaScript.

• Мета: Швидкий зворотний зв'язок для користувача. Миттєво повідомляє про помилки (наприклад, пропущене поле або неправильний формат email).

• Приклади:

  • HTML5-атрибути: required (обов'язкове поле), type="email" (перевірка формату email), minlength, maxlength (перевірка довжини).

  • JavaScript: Перевірка складніших правил (наприклад, порівняння паролів, складність пароля).

• Недолік: Легко обійти (відключити JavaScript у браузері), тому вона недостатня для безпеки.

1.2. Серверна валідація (Server-Side Validation)

• Де відбувається: На вебсервері після відправлення даних, за допомогою мов програмування, як-от PHP, Python (Django/Flask), Node.js.

• Мета: Забезпечення безпеки та цілісності даних. Це обов'язковий захід безпеки, оскільки дані з клієнта завжди є потенційно ненадійними.

• Приклади перевірок:

  • Перевірка, чи не намагається користувач ввести шкідливий код (наприклад, SQL-ін'єкції або XSS-атаки).

  • Перевірка на унікальність (наприклад, чи існує вже такий логін або email в базі даних).

  • Повторна перевірка всіх правил, які були на клієнті.

• Результат: Якщо дані не пройшли валідацію, сервер повертає форму користувачеві з повідомленнями про помилки.

2. Збереження даних форми (Data Persistence)

Збереження даних (персистентність) — це процес переміщення коректних, валідованих даних, отриманих із форми, на постійне сховище для подальшого використання.

Етапи збереження даних

Збереження даних відбувається на стороні сервера після успішної валідації:

1. Обробка запиту: Сервер отримує HTTP-запит (зазвичай методом POST) з даними форми.

2. Валідація на сервері: Дані проходять фінальну, сувору перевірку (див. розділ 1.2).

3. Підготовка даних: Дані очищаються (санітизуються) та форматуються для запису. Важливо: Паролі перед збереженням обов'язково хешуються (перетворюються на незворотний рядок символів).

4. Взаємодія з базою даних (БД): Сервер використовує спеціальну мову (наприклад, SQL) для виконання команди INSERT (додати) або UPDATE (оновити) у вибраній таблиці бази даних.

   • Приклад БД: MySQL, PostgreSQL, SQLite.

5. Надсилання відповіді:

   • Успіх: Користувач перенаправляється на сторінку "Дякуємо за реєстрацію/замовлення".

   • Помилка БД: Користувачеві відображається повідомлення про системну помилку.

Перегляньте відеоролик

Веб-програмування та інтерактивні сторінки – це дві тісно пов'язані концепції, що лежать в основі сучасного Інтернету. Веб-програмування – це процес створення веб-сайтів і веб-додатків, які функціонують в мережі. Інтерактивні сторінки – це результат цього процесу, де користувач може взаємодіяти з контентом, а не просто переглядати статичну інформацію.

Веб-програмування

Веб-програмування поділяється на дві основні частини: фронтенд і бекенд.

• Фронтенд (Front-end) – це все, що користувач бачить і з чим взаємодіє у своєму браузері. Це візуальна частина сайту. Основні технології для фронтенду:

  • HTML (HyperText Markup Language): Використовується для створення структури веб-сторінки (заголовки, абзаци, посилання, зображення).

  • CSS (Cascading Style Sheets): Відповідає за стиль і зовнішній вигляд сторінки (кольори, шрифти, розташування елементів).

  • JavaScript (JS): Додає інтерактивність та динаміку на сторінку, роблячи її "живою" (наприклад, анімація, перевірка даних у формах, динамічне оновлення контенту без перезавантаження сторінки).

• Бекенд (Back-end) – це "внутрішня кухня" сайту, невидима для користувача. Це серверна частина, яка відповідає за обробку даних, взаємодію з базами даних і логіку роботи веб-додатка. Технології бекенду включають мови програмування (Python, PHP, Java, Ruby, Node.js), а також системи управління базами даних (MySQL, PostgreSQL).

Інтерактивні сторінки

Інтерактивність перетворює веб-сторінку зі звичайного документа на повноцінний інструмент. Замість того щоб просто читати текст, користувач може:

• Вводити дані у форми (наприклад, для реєстрації або пошуку).

• Натискати кнопки для виконання певних дій (наприклад, "додати в кошик" або "надіслати").

• Динамічно змінювати контент (наприклад, перемикати зображення в галереї).

• Отримувати відповіді від сервера без перезавантаження сторінки (наприклад, під час онлайн-чату).

Інтерактивні сторінки створюються насамперед за допомогою JavaScript, який працює безпосередньо в браузері користувача. Завдяки цьому можна створювати складні веб-додатки, такі як онлайн-ігри, інтерактивні карти та соціальні мережі. На відміну від статичних сторінок, які завантажуються в браузері в готовому вигляді, інтерактивні сторінки дозволяють користувачу взаємодіяти з інформацією, що значно покращує досвід користувача.

Мова розмітки гіпертексту — це спеціальна мова програмування, яка використовується для створення вебсторінок. Найвідомішою та найпоширенішою мовою розмітки є HTML.

Що таке HTML?

HTML (HyperText Markup Language) — це стандартна мова, що використовується для створення структури та вмісту вебсторінки. Вона не є мовою програмування у звичному розумінні, оскільки не виконує обчислень, а лише "розмічає" текст, зображення, відео та інші елементи, вказуючи браузеру, як їх відображати.

Як працює HTML?

Ви створюєте файл з розширенням .html, записуючи в нього розмітку. Коли ви відкриваєте цей файл у веббраузері (наприклад, Chrome, Firefox), він зчитує теги та атрибути і перетворює їх на візуально оформлену вебсторінку. Для створення динамічних та інтерактивних вебсторінок HTML зазвичай використовують разом з CSS (для стилізації) та JavaScript (для додавання функціональності).

Системи управління електронними документами (СУЕД) – це програмні комплекси, призначені для організації роботи з електронними документами протягом усього їх життєвого циклу: від створення до архівування або знищення. Вони допомагають підприємствам та організаціям ефективно керувати інформацією, оптимізувати бізнес-процеси, підвищувати продуктивність та забезпечувати відповідність нормативним вимогам.

Давай розглянемо ключові аспекти СУЕД:

Основні функції СУЕД:

• Створення та імпорт документів:

  • Можливість створення нових електронних документів безпосередньо в системі (наприклад, використовуючи вбудовані редактори або шаблони).

  • Імпорт існуючих електронних документів різних форматів (текстові файли, PDF, зображення, відео тощо) з локальних дисків, мережевих папок, сканерів, електронної пошти та інших джерел.

• Зберігання та організація документів:

  • Централізоване та безпечне зберігання всіх електронних документів в єдиному сховищі.

  • Система каталогів, папок, тегів, метаданих (автор, дата створення, тема, статус тощо) для зручної організації та класифікації документів.

  • Версійність документів: автоматичне збереження історії змін документа, можливість перегляду та відновлення попередніх версій.

• Пошук документів:

  • Повнотекстовий пошук за вмістом документів, а також пошук за метаданими та іншими атрибутами.

  • Розширені критерії пошуку з використанням фільтрів та логічних операторів.

  • Швидкий та ефективний доступ до необхідної інформації.

• Керування доступом та безпека:

  • Гнучка система розмежування прав доступу до документів та функцій системи на основі ролей, груп користувачів або індивідуальних прав.

  • Контроль за діями користувачів (аудит): фіксація часу доступу, перегляду, редагування, створення, видалення документів.

  • Шифрування даних для забезпечення конфіденційності.

  • Захист від несанкціонованого копіювання, друку та розповсюдження документів.

• Керування бізнес-процесами (workflow):

  • Налаштування маршрутів руху документів (погодження, затвердження, виконання, ознайомлення).

  • Автоматизація рутинних операцій, пов'язаних з обробкою документів.

  • Відстеження статусів документів на кожному етапі бізнес-процесу.

  • Сповіщення користувачів про необхідні дії.

• Співпраця та обмін документами:

  • Можливість спільної роботи над документами в режимі реального часу або асинхронно.

  • Інструменти для коментування, рецензування та внесення правок.

  • Контроль конфліктів версій при одночасній роботі кількох користувачів.

  • Безпечний обмін документами з внутрішніми та зовнішніми користувачами.

• Архівування та знищення документів:

  • Організація довгострокового зберігання документів відповідно до встановлених правил та нормативів.

  • Керування термінами зберігання документів.

  • Процедури безпечного знищення документів, що втратили свою актуальність.

• Звітування та аналітика:

  • Генерація звітів про рух документів, стан бізнес-процесів, активність користувачів тощо.

  • Аналіз даних для виявлення вузьких місць та оптимізації роботи з документами.

• Інтеграція з іншими системами:

  • Можливість інтеграції з іншими корпоративними системами (ERP, CRM, системи електронної пошти, офісні пакети тощо) для обміну даними та автоматизації процесів.

Перегляньте відеоролик, запишіть основні поняття:

Перегляньте відеоролик, запишіть основні поняття:

Перегляньте відеоролик, запишіть основні поняття:

Криптографія – це наука про методи захисту інформації шляхом її перетворення в незрозумілу форму (шифрування) та відновлення в оригінальний вигляд (дешифрування). Вона відіграє ключову роль у забезпеченні конфіденційності, цілісності та автентичності даних у цифровому світі.

Основні криптографічні методи:

1. Симетричне шифрування:

   • Використовує один і той же ключ для шифрування та дешифрування.

   • Швидке та ефективне, але вимагає безпечного обміну ключами.

   • Приклади: AES, DES.

2. Асиметричне шифрування (шифрування з відкритим ключем):

   • Використовує пару ключів: відкритий (для шифрування) та закритий (для дешифрування).

   • Вирішує проблему обміну ключами, але повільніше за симетричне шифрування.

   • Приклади: RSA, ECC.

3. Хешування:

   • Перетворює дані будь-якого розміру в хеш-значення фіксованої довжини.

   • Одностороння функція: неможливо відновити оригінальні дані з хеш-значення.

   • Використовується для перевірки цілісності даних.

   • Приклади: SHA-256, MD5.

4. Цифровий підпис:

   • Використовує асиметричне шифрування для підтвердження автентичності та цілісності даних.

   • Підписувач використовує свій закритий ключ для створення підпису, а отримувач – відкритий ключ для перевірки.

5. Криптографічні протоколи:

   • Набори правил та процедур, що визначають, як криптографічні методи використовуються для забезпечення безпеки зв'язку.

   • Приклади: SSL/TLS, IPsec.

Застосування криптографічних методів:

• Захист конфіденційних даних (паролі, фінансова інформація).

• Безпечний обмін повідомленнями (електронна пошта, месенджери).

• Захист веб-сайтів (HTTPS).

• Електронна комерція (безпечні онлайн-транзакції).

• Цифрові підписи (підтвердження автентичності документів).

• Криптовалюти (безпечні транзакції та зберігання).

Перегляньте відеоролик:

Інформація та інформаційні відносини: ключові аспекти

Інформація є одним з найважливіших ресурсів сучасного суспільства. Вона відіграє ключову роль в усіх сферах людської діяльності, від особистого спілкування до глобальних економічних процесів.

Що таке інформація?

Інформація - це дані, які отримали певне значення та контекст, що дозволяє їх використовувати для прийняття рішень, навчання або інших цілей. Інформація може бути представлена в різних форматах: текст, зображення, звук, відео тощо.

Інформаційні відносини

Інформаційні відносини - це суспільні відносини, які виникають у процесі створення, збирання, обробки, зберігання, поширення та використання інформації. Ці відносини регулюються різними нормативно-правовими актами, такими як закони "Про інформацію", "Про захист персональних даних", "Про авторське право" та інші.

Ключові аспекти інформаційних відносин:

• Суб'єкти інформаційних відносин: фізичні та юридичні особи, які беруть участь у створенні, обробці, поширенні та використанні інформації.

• Об'єкти інформаційних відносин: інформація, дані, знання, які є предметом взаємодії між суб'єктами.

• Права та обов'язки суб'єктів: кожен суб'єкт інформаційних відносин має певні права та обов'язки щодо інформації, зокрема право на доступ до інформації, право на захист персональних даних, обов'язок не поширювати недостовірну інформацію тощо.

• Регулювання інформаційних відносин: інформаційні відносини регулюються законодавством та іншими нормативно-правовими актами, які встановлюють правила поведінки суб'єктів у інформаційній сфері.

Види інформаційних відносин:

• Відносини щодо створення інформації: відносини, пов'язані зі створенням нової інформації, наприклад, наукові дослідження, журналістська діяльність, літературна творчість тощо.

• Відносини щодо збирання та обробки інформації: відносини, пов'язані зі збиранням, систематизацією та обробкою інформації, наприклад, маркетингові дослідження, соціологічні опитування тощо.

• Відносини щодо зберігання інформації: відносини, пов'язані зі зберіганням інформації на різних носіях, наприклад, створення баз даних, архівів тощо.

• Відносини щодо поширення інформації: відносини, пов'язані з поширенням інформації серед різних аудиторій, наприклад, публікація статей у ЗМІ, розміщення інформації в Інтернеті тощо.

• Відносини щодо використання інформації: відносини, пов'язані з використанням інформації для досягнення різних цілей, наприклад, прийняття рішень, навчання, розваги тощо.

Значення інформаційних відносин:

Інформаційні відносини відіграють важливу роль у розвитку сучасного суспільства. Вони забезпечують:

• Доступ до інформації: кожен має право на доступ до інформації, яка його цікавить, за умови дотримання законодавства.

• Свободу слова та самовираження: кожен має право вільно виражати свої думки та переконання, поширювати інформацію.

• Розвиток демократії: інформаційні відносини є основою для розвитку демократичних інститутів, оскільки забезпечують можливість громадян отримувати інформацію про діяльність влади та брати участь в управлінні державою.

• Економічний розвиток: інформація є важливим ресурсом для економічного розвитку, оскільки дозволяє підприємствам приймати обґрунтовані рішення, розробляти нові продукти та послуги.

• Соціальний розвиток: інформаційні відносини сприяють соціальному розвитку, оскільки забезпечують можливість людям отримувати освіту, підвищувати кваліфікацію, знайомитися з культурними цінностями тощо.

Розвиток інформаційних технологій та їх вплив на інформаційні відносини:

Розвиток інформаційних технологій, зокрема Інтернету, мобільних пристроїв та соціальних мереж, значно впливає на інформаційні відносини. З одного боку, це сприяє розширенню доступу до інформації, спрощує процес її поширення та обміну. З іншого боку, це створює нові виклики, такі як поширення недостовірної інформації, порушення авторських прав, загроза конфіденційності персональних даних тощо.

Вітаю! Сподіваюсь ви вже створили власний сайт на платформі google sites? Тож сьогодні ви презентуєте свої роботи, а також матеріали чек-листа.  

Повторіть правила безпеки в Інтернеті 

Працюючи над проектами, ви вчитеся: виявляти і формулювати проблеми; проводити їх аналіз; розробляти план дослідження; знаходити необхідне джерело інформації; працювати з отриманою інформацією; застосовувати отриману інформацію для розв'язання поставлених завдань; проводити опрацювання результатів експерименту; формулювати висновки; виступати із захистом проекту.  

Сьогодні на уроці ми продовжуємо виконувати завдання проєкту 

Опрацюйте матеріали навчального відео 

Просування сайту  — комплекс заходів щодо збільшення відвідуваності веб-ресурсу цільовими відвідувачами.

Роботи з позиціонування сайту в пошукових системах — це один із найважливіших заходів щодо залучення цільової аудиторії.

Пошукові системи – повністю автоматизовані механізми які глибоко сканують усі задані сервери (відкриті для сканування) і збирають індекс-інформацію про те, що і де (на якій веб-сторінці)  виявлено.

Зібрана інформація вноситься до бази даних пошукової системи, де алгоритм із ранжування реалізується у два етапи:

1. Перший етап: по сайтах «проходить» так званий «швидкобот», який індексує їх для того, аби додавати новини на видачу пошукових систем.

2. Другий етап: протягом доби після роботи «швидкобота» — «проходить» основний бот, який уже повністю індексує статтю.

Пошуковий робот (webcrawler, bot, webrobots, webspider — бот, павук) — це спеціальна програма, що є складовою частиною пошукової системи та призначена для перебирання сторінок Інтернету з метою занесення інформації про них у базу даних пошукової системи.

Пошукова оптимізація (SEO) – це сукупність дій, спрямованих на підвищення позицій веб-сайту в результатах пошуку пошукових систем (наприклад, Google, Bing) за певними ключовими словами. Іншими словами, SEO допомагає зробити ваш сайт більш видимим для користувачів, які шукають інформацію, продукти чи послуги, що пов'язані з вашим бізнесом. 

Перегляньте відеоролик, запишіть основні поняття:

Ергономіка (грец. έργος — праця, νώμος — закон) — це наука, яка вивчає особливості виробничої діяльності людини з метою забезпечення ефективності, безпеки та зручності цієї діяльності.

Ергономічний сайт — це сайт, який забезпечує для відвідувача необхідні зручності, не викликає фізичної та психологічної втоми, не впливає на здоров’я та працездатність.

Складовою частиною ергономіки сайту є його інтуїтивно зрозумілий інтерфейс, зручність і простота у використанні для користувача, без необхідності проходження спеціального навчання.

Більшість шаблонів, які пропонують СКВ, створюються професіоналами. У них вже дотримано основні правила щодо розробки сайтів:

• вміст (контент) лаконічний, поданий у зрозумілій для користувача формі;

• посилання на вебсторінках помітні та однозначні;

• навігація сторінками сайту зручна і проста.

Сторінки сайту, створені самостійно з використанням засобів HTML, PHP, MySQL та інших вебтехнологій, також мають відповідати основним правилам розробки сайтів та критеріям ергономічного розміщення матеріалів на сторінках сайту.

Повторення:

Веб-програмування в наш час — це одна з найбільш перспективних сфер діяльності. У сучасному світі, якщо у будь-якого бізнесу немає власного сайту, він значно відстає від своїх конкурентів.

Для створення інтерактивних і компактних веб-додатків необхідно знати чимало сучасних веб-стандартів. Ми не претендуємо на всеосяжний опис цих стандартів, однак, ми постаралися зібрати багато цікавого матеріалу, який послужить хорошим поштовхом для починаючих веб-програмістів.

Стрімкий розвиток інтернету за останні пару років призвів до збільшення кількості нових онлайн-сервісів. Починаючи від первісних характеристик і основних сервісів, доступних користувачам (пошта і веб), інтернет розвинувся у велику всесвітню павутину з великою кількістю різних сервісів, технологічних рішень і став тим місцем, де зустрічаються практично бізнес-організації всього світу.

Спостерігається зростання кількості компаній, які переходять на електронний бізнес. Вони відкривають свої корпоративні домени, створюють свої веб-сайти, рекламують свої товари і послуги в інтернеті, запускають продажі онлайн. 

Веб-програмування — це створення сайтів і програм, які працюють у мережі.

Створюються спеціальні комп’ютерні програми — скрипти, які діляться на два типи: серверні і клієнтські.

Сервер являє собою комп'ютер, на якому знаходяться файли сайту.

Клієнт — це сам користувач, а якщо бути точніше, то браузер, встановлений на ПК. Подаючи запит до сервера, він виступає в ролі клієнта.

Сполучною ланкою між веб-розробником і сайтами є мова веб-програмування. Існує багато мов на яких пишуться і серверні, і клієнтські скрипти. Але деякі мови, навпаки, використовуються виключно для серверних чи клієнтських скриптів. 

Валідація форми - це коли користувач вводить дані, а веб-додаток перевіряє чи вони коректні. Якщо дані вірні, додаток дозволяє даними бути відправленими на сервер і (як правило) бути збереженими в базі даних, якщо ні - він видає повідомлення про помилку. 

Валідація дозволяє встановити здійснимість заданих вимог шляхом їх перегляду, інспекції і оцінки результатів проектування на процесах життєвого циклу для підтвердження того, що здійснюється коректна реалізація вимог, дотримання заданих умов і обмежень до системи. 

Перегляньте та відеоролик:

Перегляньте та опрацюйте відеоролик:

Основи мови для програмування вебсторінок javascript, перегляньте відео:

JavaScript – це мова програмування, що дозволяє зробити Web-сторінку інтерактивною, тобто такою що реагує на дії користувача.

Послідовність інструкцій (що називається програмою, скриптом або сценарієм) виконується інтерпретатором, вбудованим в звичайний Web-браузер. Іншими словами, код програми вбудовується в HTML - документ і виконується на боці клієнта. Для виконання програми не потрібно навіть перезавантажувати Web -сторінку, всі програми виконуються в відповідь на будь-яку подію. Наприклад, перед відправленням даних форми можна перевірити їх на допустимі значення і, якщо значення не відповідають очікуваним, заборонити відправлення даних.

Середовище для написання коду на javascript

https://codepen.io/ 

Опрацюйте матеріал

DOM - об'єктна модель документа (Document Object Model).

DOM це зовсім інше представлення веб-сторінки ніж HTML код.

Браузер по вказаній URL адресі відправляє запит і отримує (завантажує) з сервера веб-сторінку у вигляді HTML коду, який часто називається вихідний код сторінки. І якщо у коді вказані інші файли такі як стилі css, js - то завантажує і їх.

І уже з завантаженого з сервера HTML коду браузер формує - DOM.

Браузер створює DOM для того щоб за допомогою JavaScript можна було швидко маніпулювати веб-документом: шукати потрібний елемент, додавати нові елементи, отримати наступний дочірний елемент і т.п..

DOM має деревоподібну ієархію. Документ DOM складається з вузлів Node. Кожен вузол може містити у собі вбудований вузол, елемент, текст чи коментар.

Повторіть основні відомості з модуля "Основи електронного документообігу"

Виконайте підсумкове тестування з модуля "Основи електронного документообігу"

Опрацюйте теоретичний матеріал

Завдання

Опрацюйте теоретичний матеріал

Опрацюйте відео щодо прикладу отримання електронного ключа

Опрацюйте відеоматеріал

Запишіть основні поняття

Завдання

Виконайте підсумковий тест

Опрацюйте матеріали презентації

Запишіть основні засоби для створення, зберігання, обробки, копіювання і транспортування документів

Завдання

Підготуйте коротку презентацію на одне з тем:

• «Засоби копіювання і розмноження документів»

• «Засоби обробки документів»

• «Засоби транспортування документів»

Перевірка засвоєних знань

Виконайте тестове завдання

Опрацюйте матеріали відео

• Запишіть основні поняття

• Надішліть фото конспекту

Опрацюйте матеріали відео

Виконайте тестові завдання

Опрацюйте матеріали відео

Виконайте завдання

Резюмé  — вид документа, в якому подаються короткі відомості про навчання, трудову діяльність та професійні успіхи й досягнення особи, яка його складає.

Основна вимога до такого документа — вичерпність потрібних відомостей і лаконічність викладу.

Немає єдиних правил написання цього документу. Для кожного конкретного випадку складається окреме резюме.

Реквізити резюме

Взагалі, не встановлено якихось суворих вимог щодо розташування реквізитів резюме, але одним з найпоширеніших є зразок, коли подається:

• Назва документа.

• Прізвище, ім’я та по батькові особи, яка складає резюме.

• Контакти.

• Мета складання резюме.

• Досвід роботи.

• Освіта.

• Знання мов.

• Дата, підпис.

Так само є кілька важливих правил для складання резюме:

• Використовуйте професійну термінологію.

• Сортуйте все в хронологічному порядку.

• У розділі Інтереси додайте свої професійні інтереси, а не хобі.

• Двох сторінок достатньо.

• Додайте до вашого резюме професійне фото

Уявіть, що ви закінчили навчання і хочете знайти роботу. Напишіть резюме так, щоб зацікавити роботодавця своєю кандидатурою, оберіть для себе посаду та поясніть чому саме ви підходите на цю вакансію.

Опрацюйте матеріали презентації

Виконайте тестове завдання

08/03

Практична робота №4 «Налаштування засобів системного міжмережевого екрану(брандмауера).Виконання конфігурування простих маршрутизаторів. Резервне копіювання ОС та даних користувачів».

Опрацюйте матеріали презентації

Виконайте завдання практичної роботи

01/03

Антивірусні засоби захисту.

Загальні правила застосування антивірусних засобів в автоматизованих системах. Технології виявлення вірусів. Можливі варіанти розміщення антивірусних засобів. Антивірусний захист, як засіб нейтралізації загроз.

Опрацюйте відеоматеріал

Складіть порівняльну таблицю трьох антивірусних програм за такими параметрами:

• ціна

• функції захисту

• принцип дії

• особливості

Надішліть скріншот або фото у Viber (0976567243)

23/01

Проблеми забезпечення безпеки в комп'ютерних системах і мережах.
Типова корпоративна мережа. Засоби захисту мереж. Призначення, можливості, і основні захисні механізми міжмережевих екранів.

Опрацюйте відеоматеріал

Виконайте тестове завдання

16/01

Керування механізмами захисту. Виявлення атак. Захист периметра комп'ютерних мереж.

Міжнародні стандарти інформаційної безпеки

Опрацюйте відеоматеріал

• Зробіть короткий конспект

• Визначте які механізми захисту ви використовуєте, запишіть

1. SSID

2. Тип пароля

3. Чи використовується двохфакторна авторизація

4. Тип захисту мобільного пристрою (пароль, відбиток пальяця, FaceID, тощо)

5. Додаткові параметри захисту (резервне копіювання)

• Надішліть конспект та відповіді вчителю

8 лютого

Ідентифікація та аутентифікація користувачів. Розмежування доступу зареєстрованих користувачів до ресурсів автоматизованих систем. Реєстрація та оперативне оповіщення про події безпеки

Опрацюйте матераіли презентації, виконайте завдання 

Виконайте завдання

2 лютого

Правові основи забезпечення безпеки інформаційних технологій. Відповідальність за порушення у сфері захисту інформації та неправомірного використання автоматизованих систем

Опрацюйте матеріали презентації

Ознайомтесь з повним текстом закону "Про інформацію" з сайту "Верховної Ради України"

Дайте письмові відповіді на такі питання:

• Що є об'єктом захисту в інформаційній системі?

• Хто є суб'єктами відносин, пов'язаних із захистом інформації в системах?

• Що означає право на інформацію?

26 січня

Основні навмисні і ненавмисні штучні загрози. Технічні засоби добування інформації

Опрацюйте матеріали уроку

Виконайте тестові завдання

Опрацюйте матеріали уроку

Опрацюйте відеоматеріал

Опрацюйте матеріали презенетації, запишіть в зошит основні визначення

Вітаю! Сподіваюсь ви вже створили власний сайт на платформі google sites? Тож сьогодні ви презентуєте свої роботи, а також матеріали чек-листа. 

Повторіть правила безпеки в Інтернеті

• Презентація результатів виконання проєкту, створіть презентацію про власний проєкт, де розмістіть скріншоти сторінок вебсайту та посилання на нього

• Надішліть презентацію проєкту на електронну адресу m.roman.kravchuk@gmail.com 

Виконайте вправи фізкультхвилинки

Виконайте підсумкове тестування за модулем "Веб-технології"

Сьогодні на уроці ми продовжуємо виконувати завдання проєкту

Сформуйте чек-лист з самооцінюванням та відстеженням прогресу у виконанні завдання проєкту

Заповніть форму для аналізу проєкту

Вивчаємо

Опрацюйте матеріали навчального відео

Виконайте завдання

Виконайте завдання ст. 128 - 131

Повторення

Просування сайту  — комплекс заходів щодо збільшення відвідуваності веб-ресурсу цільовими відвідувачами.

Роботи з позиціонування сайту в пошукових системах — це один із найважливіших заходів щодо залучення цільової аудиторії.

Пошукові системи – повністю автоматизовані механізми які глибоко сканують усі задані сервери (відкриті для сканування) і збирають індекс-інформацію про те, що і де (на якій веб-сторінці)  виявлено.

Зібрана інформація вноситься до бази даних пошукової системи, де алгоритм із ранжування реалізується у два етапи:

1. Перший етап: по сайтах «проходить» так званий «швидкобот», який індексує їх для того, аби додавати новини на видачу пошукових систем.

2. Другий етап: протягом доби після роботи «швидкобота» — «проходить» основний бот, який уже повністю індексує статтю.

Пошуковий робот (webcrawler, bot, webrobots, webspider — бот, павук) — це спеціальна програма, що є складовою частиною пошукової системи та призначена для перебирання сторінок Інтернету з метою занесення інформації про них у базу даних пошукової системи.

Опрацюйте матеріали презентації

Повторення

SEO (від англ. Search Engine Optimization — пошукова оптимізація) — маркетингове поняття, що охоплює цілий комплекс заходів. Це процес коригування HTML-коду, структури та текстового наповнення (контенту) сайта; контроль зовнішніх чинників на відповідність вимогам алгоритму пошукових систем.

Просування сайта — комплекс заходів щодо збільшення відвідуваності веб-ресурсу цільовими відвідувачами.

Завдання

Завдання

• Користуючись інструментами веб-браузера проведіть аналіз сайту школи https://sites.google.com/view/myrolubivskilicey  або будь-якого іншого сайту на ваш вибір

1. Натисніть праву кнопку миші та оберіть пункт "Переглянути код"

3. Проведіть аналіз сайту та надішліть скріншот з результатами аналізу на електронну адресу вчителя m.roman.kravchuk@gmail.com

1. Опрацюйте матеріали підручника https://issuu.com/kreidaros/docs/informatyka-11-klas-rudenko-2019 ст. 221 - 225, 

2. Зробіть короткий конспект викладеного матеріалу

3. Виконайте тестове завдання з автоматичною перевіркою 

1. Опрацюйте матеріали підручника ст. 219 - 221 , випишіть основні поняття https://issuu.com/kreidaros/docs/informatyka-11-klas-rudenko-2019/221 

2. Ознайомтесь з поняттям SEO переглянувши відео https://www.youtube.com/watch?v=JKEnTXJrjb0&ab_channel=LeadLineIT

У процесі створення веб-сайту важливо спланувати його структуру так, щоб користувачам Інтернету було максимально зручно працювати з вашим сайтом. 

Ергономіка — це наука, яка вивчає особливості виробничої діяльності людини з метою забезпечення ефективності, безпеки та зручності цієї діяльності.

Складовою частиною ергономіки сайту є ступінь зручності та простоти веб-сайтів  у використанні для користувача без потреби проходження спеціального навчання.  Будь-яка людина повинна мати можливість інтуїтивно пов’язувати дії, які потрібно  виконати на веб-сторінці, з об’єктами, що вона бачить.

Правила зручного розташування відомостей на веб-сайті:

• простота — на сторінці має бути якомога менше елементів (дизайну). Завдяки цьому увагу фокусують на контенті. Легше привернути увагу до чогось важливого, коли її не відволікають елементами дизайну;

• фіксований дизайн — зараз зазвичай вже не зустрічаються сайти з «гумової версткою»;

• менше колонок — якщо раніше зустрічалися сайти в чотири колонки, а то і більше, то сьогодні три — вже максимум. А частіше — дві;

• назва сайту вгорі сторінки — це явище не нове. Але зараз блок у верхній частині сторінки, відділений від решти контенту, — загальновизнаний стандарт;

• проста навігація — меню навігації має бути великим і помітним, легким в розумінні, гіперпосилання повинні чітко відрізнятися від решти контенту;

• збільшений кегль — роздільна здатність і розміри моніторів зростають, тому можна не напружувати очі;

• чіткий логотип — щоб сайт запам’ятали, у нього має бути яскравий і виразний логотип;

• ніжний градієнт — плавний перехід з одного кольору в інший. Цей досить простий, малопомітний елемент, справляє гарне враження навіть при нудному за своєю суттю дизайну;

• шрифти без зарубок — текст, набраний таким шрифтом, набагато легше читати;

• нижній колонтитул — його ще називають «підвалом». Це невеликий блок внизу сторінки, в якому повторено навігаційне меню, розташовано копірайт ©, посилання на дизайнера сайту, контакти власника ресурсу. Якщо раніше це не вважали обов’язковим, то тепер відсутність «підвалу» вважають ознакою поганого тону;

• великі кнопки — якщо на сторінці присутні кнопки «проглянути», «придбати» тощо, то їх роблять такими, щоб користувач їх помітив і не схибив при натисканні — великого розміру і яскравими.

Більшість сучасних веб-сайтів використовують або адаптивний, або реактивний веб-дизайн.

До появи інтернету і смартфонів сайти розроблялися для екранів настільних комп'ютерів і ноутбуків. Ці екрани були обмежені в розмірах, і дизайнери сайтів використовували фіксований або регульований дизайн.

У фіксованому макеті сторінки веб-сторінки мають певну ширину, і ця ширина не змінюється. Фіксований дизайн не адаптується до різних розмірів екрану. Веб-сторінки, що відображають внизу горизонтальну смугу прокрутки внизу, використовують фіксований дизайн.

У регульованому дизайні ширина веб-сторінки вказується в процентах від розміру екрана. Регуліруемиие веб-сторінки можна масштабувати, а вміст на сторінці збільшується або зменшується в залежності від розміру екрана.

У міру зростання кількості і розмірів пристроїв з доступом до Інтернету, виникла необхідність в розробці веб-сторінок, які могли б масштабироваться з урахуванням їх розмірів. Адаптивний веб-дизайн і реактивний веб-дизайн вирішують проблему відображення контенту в зручному форматі на екранах різного розміру.

Коли веб-дизайнери хочуть адаптувати сайт під конкретний пристрій, вони застосовують адаптивний дизайн. В адаптивному дизайні для кожного типу пристрою створюється окремий веб-сайт. Адаптивний веб-дизайн визначає розмір екрану і завантажує відповідний макет для цього пристрою.

Веб-сайт, який використовує реактивний дизайн, сам підлаштовується до типу пристрою, поведінки користувача і орієнтації пристрою. Реактивний дизайн використовує медіазапроси CSS для зміни зовнішнього вигляду сайту в залежності від цільового пристрою.

Більшість веб-сайтів використовують або адаптивний дизайн, або реактивний дизайн, оскільки ці два дизайну веб-сайтів відображаються по-різному в залежності від пристрою або розміру екрану, використовуваного для відображення сторінки. У фіксованому і регульованому дизайні вміст веб-сторінки може виявитися занадто дрібним і незручним для перегляду.

За підручником опрацювати п. 4,4, стор. 131-133 Підручник - Інформатика (рівень стандарту) Підручник для 10 (11) класу закладів загальної середньої освіти. Автори: Й.Я. РИВКІНД, Т.І. ЛИСЕНКО, Л.А. ЧЕРНІКОВА, В.В. ШАКОТЬКО