Матеріали до обласної виставки перспективного педагогічного досвіду "Сучасна освіта Житомирщини" 2021

Доброго дня шановні колеги :

Пропоную до вашої уваги набір матеріалів до виставки :

матеріали на компакт-диску

Вступ

Сучасні діти оточені потоками мультимедійної інформації високої якості: іграми, відео та ін. «Нудне» шкільне навчання показує себе не кращим чином у боротьбі за увагу дитини. Навчальні відео, з використанням динамічного монтажу, ефектами шейпової анімації, музичним супроводом, «прикольчиками» — спроба поставити навчальний контент на достойному рівні, і дати йому можливість гідно конкурувати за «орієнтувальний рефлекс» дитини.

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

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

Тест симулятор дозволяє учням виконувати завдання та самостійно досліджувати елементи інтерфейсу, а в кінці роботи надсилати результати тестування на електронну скриньку вчителя.

Матеріали розміщені на сайті вчителя. Слід відзначити, що відео, текстові матеріали, малюнки можна розмістити на безкоштовному сайті без особливих проблем. Також без проблем можна розмістити html контент. Проблеми виникають коли ваші проекти HTML містять малюнки, або інші ресурси. Так як постає необхідність розмістити також їх на безкоштовному сервісі. І хоча малюнки і можна розмістити, проте не можна отримати прямі посилання на них, що є ключовою необхідністю для вбудовування в ваш HTML. Цю проблему було з успіхом розв’язано, та написано короткий методичний посібник на цю тему (додається на сайті та окремим друкованим матеріалом)

І. Навчальні відео до теми програмування.

(можете пройти самостійно по шляху розділів сайту: Інформатика -> Програмування у візуальному середовищі C++ Builder -> Інтерфейс програм, та Інформатика -> Програмування у візуальному середовищі C++ Builder -> Змінні , зможете самостійно оцінити оформлення сайту)

або скористатись вбудованими нижче відео:

Хочеться прокоментувати дані відео: Я є фанатом С++, і вважаю що до останнього часу це була одна з найкращих мов (зараз з'явились і інші ) для роботи і навчання. Так як вона є родоначальницею багатьох сучасних спеціалізованих мов програмування, таких як Java, Java Script, PHP, Python, мова скетчів Arduino та інші, що дозволяє легко освоїти ці мови в майбутньому. Саме, мабуть через те що я опановував мову С++, матеріали які будуть далі представленні не обійшлися без JavaScript. Хоча дані відео і по мові С++ проте розділ інтерфейс - підійде як для тих хто працює на Delphi так і тих хто використовує його меншу безкоштовну версію.

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

Особливістю веб-додатку є те, що весь код, в тому числі і зображення, вміщено в один .html файл розміром менше одного мегабайту. Це дозволяє без проблем опублікувати його !!!безкоштовно!!! на сайті google, чи іншому аналогічному сервісі. Слід зазначити, що при викладенні подібних матеріалів є необхідність безкоштовно завантажити зображення, на якийсь безкоштовний сервіс і головне отримати прямі посилання на ці зображення, що є проблематичним. Крім того на безкоштовному сервісі google скрипт, зроблений скрипт, який дозволяє надсилати звіт про результати проходження тренажеру на електронну пошту вчителя (також безкоштовно). Даний симулятор можна також використовувати офлайн відкривши (один єдиний) файл у будь-якому браузері (крім InternetExplorer).

Для уявлення про пророблений обсяг роботи можете переглянути код додатку

Переглянути тест-тренажер можна за посиланням: "Інтерактивний тест: Тренажер інтерфейсу C++ Builder"

Завантажити файл додатку на свій пристрій

Нижче можете переглянути відео-демонстрацію роботи веб-додатку:

В даному методичному посібнику буде розглянуто процес створення інтерактивного веб-додатку тесту з використанням Adobe Photoshop для створення макету, CSS коду. Прийоми програмування тестів з спадаючими списками. І саме головне це вбудовуванню графічних ресурсів в HTML документ

ДО МАТЕРІАЛУ

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

Можна використати, як цікавий додатковий матеріал на уроках інформатики з теми - "Створення веб-сайтів", "Мова HTML".

Файл додатку можна відкрити в блокноті і внести правку в розклади уроків та дзвінків - учні отримають свій інтерактивний розелад і, я сподіваюсь, задоволення.

Додатком можуть користуватися як вчителі так і учні. Завантажити html - файл