Тема: реалізація алгоритму гри «Сапер» з визначенням для кожного елемента таблиці кількість сусідніх елементів з мінами мовою PHP.

Мета:

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

Обладнання: комп'ютери зі встановлено ОС та можливість повноцінної роботи у середовищі програмування PHP. Наприклад, MS Windows + Denwer.

Структура уроку

1. Організаційний момент.
2. Актуалізація опорних знань.
3. Інструктаж з ТБ.
4. Вироблення практичних навичок.
5. Звіт учнів про роботу і теоретичне обгрунтування отриманих результатів.
6. Підбиття підсумків уроку.
7. Домашнє завдання.

Хід уроку
1. Організаційний момент
Вітання з класом. Перевірка присутності і готовності учнів до уроку. Перевірка виконання домашнього завдання.

2. Актуалізація опорних знань
Дати відповіді на запитання і порівняти з очікуваними відповідями.

1. Що таке РНР?
   PHP — мова програмування, створена для породження HTML-сторінок зі сторони веб-сервера.

2. Як позначають початок та кінець виконання програми РНР?
   <?php — початок програми мовою РНР,
   ?> — кінець програми.

3. Як в РНР позначають назви змінних?
   Назви змінних у PHP починанають зі знаку $ та можуть містити літери латиниці, цифри, а також літери кирилиці, хоча кирилицю радять використовувати дуже обережно.

4. Що таке підпрограма?
   Підпрограма — це спеціальним чином оформлений фрагмент програми, до якого можна звернутися з будь-якого іншого місця всередині програми.

5. Як записують цикл мовою РНР?
   while (логічний вираз) вказівка;
   do {вказівки циклу} while (логічний вираз);
   for (вказівки_початку; умова_циклу; вказівки_кінця_ітерації) {вказівки циклу}

6. Як записують умовний оператор мовою РНР?

   if (логічний вираз) оператор;
   
   if (логічний вираз)  оператор1 else оператор2;
   
   switch(вираз) {
     case значення1: вказівка1; [break;]
     case значення2: вказівка2; [break;] ...
     case> значенняК: вказівкаK; [break;]
     [default: вказівка_як_усталено; [break]]
   }
   

7. Яка вказівка забезпечує виведення даних об'єкту?
   echo

8. Що таке jQuery?
   Популярна JavaScript-бібліотека з відкритим сирцевим кодом (ліцензія MIT). Її призначення: зробити орієнтування у навігації зручнішим завдяки вибору елементів об'єктної моделі документа, створенню анімації, обробки подій, і розробки AJAX-застосунків. Це сприяє створенню потужних і динамічних веб-сторінок.

9. Які правила комп'ютерної гри «Сапер»?
   
   Мета гри: знайти всі порожні клітинки, не зачепивши міни.
   Рівні складності вказують, обираючи розмір поля.
   Початок гри: потрібно клацнути по довільній клітині ігрового поля.
   Перебіг гри:
   • якщо відкрито клітину з міною, гру програно;
   • якщо відкрито всі клітини без міною, гру виграно;
   • інакше гра триває.

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

3. Інструктаж з ТБ
4. Вироблення практичних навичок

Завдання. Створити комп'ютерну програму мовою PHP для гри «Сапер».

Вказівки до виконання:

1. Створити середовище для розробки програми.
2. Створити код породження ігрового поля.
3. Створити код відображення клацання миші по ігровому полю.
4. Створити інтерфейс користувача та об'єднати всі складові програми.

Реалізувати цей план таким чином.

1. Створення робочого середовища для розробки програми. Усі кроки виконання, починаючи з 5, виконувати, використовуючи конкурс ідей, і порівнювати з демонстраційним розв'язанням. Для перегляду здійснювати перехід за гіперпосиланням.

   1. Створити теку у вказаному вчителем місці. Наприклад, Z:\WebServer\home\yarik.com.ua.

   2. У створеній теці створити три файли index.html, genField.php, clickHandler.php.

   3. У середовищі текстового редактора відкрити створений текстовий документ index.html і зберегти його з кодуванням UTF-8.

   4. У разі використання Denwer запустити на виконання файл Restart.exe з вказаного вчителем теки (наприклад Z:\WebServer\denwer) з метою оновлення списку сайтів (на Denwer).

   Для того, щоб користувач на початку і під час перебігу в у гри не міг взнати розташування мін, використано 3 різні файли з таким призначенням:

   • genField.php — породження поля, розташування мін і підрахунок кількості мін у сусідніх клітинках;

   • clickHandler.php — відображення клацань мишею на ігровому полі;

   • index.html — відображення ігрового поля та поєднання всіх частин програми в одну.

2. Створення коду породження ігрового поля (тут і далі кроки перелічено у порядку наповнення файлу програми).

   1. Ввести теги php у файл genField.php (у середовищі текстового редактора) і надалі весь текст вводити між ними.

   2. Замовити використання сесій для прихованої побудови поля й розташування на ньому мін.

   3. Задати змінні $fx і $fy, які будуть визначати розмір поля, а значення яких буде взято з форми, яку буде описано пізніше у файлі index.html.

   4. Ввести умову оператора IF, при якій буде виконано програму: $fx і $fy мають бути у діапазоні від 5 до 30 включно.

   5. Обчислити кількість мін на полі, що у 10 разів менша від кількості клітин поля.

   6. Заповнити поле нулями за допомогою циклу FOR.

   7. Розставити міни за допомогою циклу FOR.

   8. Підрахувати кількості мін у сусідніх клітинах за допомогою циклу FOR та оператора IF.

   9. Записати результат клітинки в сесію.

   10. Вивести результат у масив.

3. Створення коду відображення клацання миші по ігровому полю.

   1. Ввести теги php у файл clickHandler.php (у середовищі текстового редактора) і надалі весь текст вводити між ними.

   2. За допомогою функції IF вказати відгук до початку гри.

   3. Відобразити вказівку введення даних.

   4. Якщо вказано некоректну клітинку, вивести повідомлення про помилку.

   5. Відобразити клацання миші та перевірку клітинки.

   6. Відобразити результати клацання (порожня клітинка, міна).

4. Створення інтерфейсу користувача та об'єднання всіх складових програми.

   1. Ввести початковий код index.html у середовищі текстового редактора.

   2. За допомогою стилів CSS відформатувати сторінку.

   3. Поєднати всі складові програми у контейнері head документа index.html.

   4. Створити форму для введення даних (розміру поля).

5. Перевірити роботу програми. Порівняти з роботою демонстраційного розв'язання:

   • genField.php — породження поля, розташування мін і підрахунок кількості мін у сусідніх клітинках;

   • clickHandler.php — відображення клацань мишею на ігровому полі;

   • index.html — відображення ігрового поля та поєднання всіх частин програми в одну (після переходу за гіперпосиланням переглянути код сторінки).

   У разі потреби внести зміни у програму.

5. Підбиття підсумків уроку.
Обговорення з учнями проблем, які виникли під час виконання завдання. Відповіді на запитання учнів. Виставлення оцінок.

6. Домашнє завдання. Проаналізувати коди розв'язання, повторити матеріал про використані теги і функії PHP. Змінити коди: збільшити максимальні допустимі розміри з 30 до 90, виводити повідомлення про рівень гравця (початківець, досвідчений гравець, ас, критерії встановити самостійно), розміри з метою введення

Текст упорядкував Бойко Ярослав Андрійович, вчитель Київського професійного будівельного ліцею Дарницького району міста Києва, під час виконання випускної роботи на курсах підвищення кваліфікації з 14.11.2016 по 18.11.2016