Перегляд вихідного коду сторінки Спецкурс "Інформаційні інноваційні технології: створення веб-сайтів"

==Назва дисципліни==

'''Інформаційні інноваційні технології'''

==Викладач==
[http://wiki.iteach.com.ua/%D0%9A%D0%BE%D1%80%D0%B8%D1%81%D1%82%D1%83%D0%B2%D0%B0%D1%87:Avelikhovska Веліховська Алла Борисівна], кандидат педагогічних наук, доцент кафедри природничо-математичної освіти та інформаційніх технологій Миколаївського обласного інституту післядипломної педагогічної освіти

==Мета==
підготовка майбутніх фахівців до формування відкритого середовища  професійної діяльності на основі засобів інформаційних інноваційних технологій;
 
розробка Інтернет-ресурсів;

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

==Завдання==

–	створення умов для підготовки учнів до формування інформаційно-предметного середовища майбутньої професійної діяльності;

–	формування в школярів  навичок організації процесу аналізу, збору, класифікації та продукування інформації в мережі Інтернет;

–	підвищення рівня професійної майстерності майбутніх фахівців засобами інформаційних інноваційних технологій;

–	формування в учнів навичок освіти в продовж усього життя

==Опис курсу==
Учні працюватимуть над розробкою проектів із обраного ними напряму професійної діяльності. 

Форма  представлення результатів роботи – [https://drive.google.com/file/d/0B3Eue1ITdHXtMHVBTWtUdmltYk0/view?usp=sharing веб-сайт фірми] (установи тощо) із 4-5 тематичними сторінками. 

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

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

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

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

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

Методичні матеріали доповнено додатковими матеріалами: рекомендаціями щодо візуалізації процесу діяльності за принципом радіанного мислення  (програм FreeMind для створення Карт Знань) і Swot-аналіз.

==Структура навчання==
{| border=1 width=100%
|+<font color="#0000CD"><font size=3>''' '''</font color></font size>
!width=3% bgcolor=#FFCC00|<font color="#071ea9">'''Модуль'''</font>
!width=30% bgcolor=#FFCC00| <font color="#071ea9"> ''Зміст модуля''</font>
!width=35% bgcolor=#FFCC00| <font color="#071ea9">Практична робота'''</font>
!width=35% bgcolor=#FFCC00| <font color="#071ea9">Продукти навчання'''</font> 
|-
!'''1.'''
|[https://drive.google.com/file/d/0B3Eue1ITdHXtWlpJYXBGWHpIYnM/view?usp=sharing Мережні технології в освіті і науці]. [https://drive.google.com/file/d/0B3Eue1ITdHXtc3Atcmc0SV9SeDQ/view?usp=sharing Класифікація сервісів Веб 2.0]. Поштовий сервіс Gmail. Сайт фірми. [https://drive.google.com/file/d/0B3Eue1ITdHXtUFRZMWJkN1Z6c28/view?usp=sharing Публікація документів на диску]. Правила надання доступу на документи, що опубліковані на диску. Блог  рефлексії (Blogger.com).  Сервіс Google [https://sites.google.com/site/sites/system/app/pages/meta/dashboard/create-new-site для розробки веб-сайтів]
|
* проектування цілей навчання; 
* [https://drive.google.com/file/d/0B3Eue1ITdHXtWVRqUk9LakhmWHM/view?usp=sharing вибір напряму розробки сайту];
* рефлексія в [[http://vo.ukraine.edu.ua/mod/forum/view.php?id=20378 блозі]] проекту
|
* поштова скринька на www.gmail.com;
* Карта знань сайту;
* [https://drive.google.com/file/d/0B3Eue1ITdHXtS01xMGdvSG1adms/view?usp=sharing головна сторінка сайту] 
|-
!'''2.''' 
| Основи створення гіпертексту. [https://drive.google.com/file/d/0B3Eue1ITdHXtR0c5SWVWWGk2QW8/view?usp=sharing Середовище Wiki (Вікі- розмітка,  створення посилань  Вікі-середовищі)].  [https://drive.google.com/file/d/0B3Eue1ITdHXtbDJYTzlrZkdPX3M/view?usp=sharing Електронні таблиці MS Excel]. [https://drive.google.com/file/d/0B3Eue1ITdHXtcHd6Y1hNMHBWUGc/view?usp=sharing Карти Знань] ([http://www.softforfree.com/download/freemind-11729-0.html FreeMind 9.0]). MicrosoftPublisher
| 
* розробка тематичної сторінки проекту в середовищі Вікі;
* створення посилань на відео ресурси, що розміщені на YouTube;
* розробка структури сайту за допомогою [http://www.eduwiki.uran.net.ua/wiki/index.php?title=%D0%9A%D0%B0%D1%80%D1%82%D0%B8_%D0%B7%D0%BD%D0%B0%D0%BD%D1%8C Карти Знань] (FreeMind 9.0)
* аналіз сайтів відповідної тематики з метою вдосконалення сайту власного проекту 
* буклет фірми
|
*  вікі-сторінка проекту;
* ознайомлювальний буклет  (MicrosoftPublisher);
* посилання на відео ресурси до поекту
|-
!'''3.''' 
| [https://drive.google.com/file/d/0B3Eue1ITdHXtYzVhLVdaVzgzeUU/view?usp=sharing Удосконалення Вікі-сторінки проекту]. [https://drive.google.com/file/d/0B3Eue1ITdHXtWHVlaDZqdnlWNTQ/view?usp=sharing Swot-аналіз].   Розробка форм для опитування (анкети), їх публікація в мережі Інтернет, посилання, надання доступу. [https://www.youtube.com/watch?v=Kn504fZZrUA Побудова діаграм у середовищі Excel]. 
|
* правила проведення [https://drive.google.com/file/d/0B3Eue1ITdHXtWHVlaDZqdnlWNTQ/view?usp=sharing Swot-аналізу] (оцінювання ризиків)  проекту;
* [https://drive.google.com/file/d/0B3Eue1ITdHXtem1Vby0zM3dQVTA/view?usp=sharing ознайомлення із інструктивними матеріалами для розробки анкет за допомогою програми «Форми»  (Диск Google)]; 
* робота зі статистичними даними: збір і обробка даних, представлення результатів,  їх візуалізація, публікація. 
|
* анкета для збору даних;
*візуалізація аналізу анкет за допомогою програми  Excel;
* удосконалення сторінки сайту, додавання посилань на анкети і діаграми, гаджетів
|-
!'''4.''' 
|Презентація – як форма представлення основних етапів і результатів діяльності фірми.[https://drive.google.com/file/d/0B3Eue1ITdHXtV3FVU3V1cF9HWGM/view?usp=sharing Майстер-клас "Як підготуватися і якісно проводити презентації]  [https://drive.google.com/file/d/0B3Eue1ITdHXtMV9RTFBzc3pJNUk/view?usp=sharing ІТ-безпека]
|
* [http://office.microsoft.com/uk-ua/powerpoint/ програма для створення презентацій PowerPoint];
* [http://office.microsoft.com/uk-ua/powerpoint/ 10 правил успішної презентації];
* публікація презентації в мережі Інтернет(на диску, на YouTube), розміщення посилань на презентацію;
* [https://drive.google.com/file/d/0B3Eue1ITdHXtMV9RTFBzc3pJNUk/view?usp=sharing ознайомлення із правилами ІТ-безпеки] 
|
* [https://drive.google.com/file/d/0B3Eue1ITdHXtcU9PbjJFREF5Q2s/view?usp=sharing презентація PowerPoint] 
* [https://drive.google.com/file/d/0B3Eue1ITdHXtUVlDYkJNRk44M2s/view?usp=sharing критерії оцінювання презентації]
|-
!'''5.''' 
|[https://www.google.com.ua/maps/@46.9767925,31.9876165,14z?hl=ua Сервіс для роботи з картами GoogleMaps]
|
* [https://drive.google.com/file/d/0B3Eue1ITdHXtUGx2RkxRcl9lSzQ/view?usp=sharing ознайомлення із покроковою інструкцією щодо створення карти за допомогою GoogleMaps];
* підготовка інформації для маркерів (відеоматеріали, історична факти, презентації, фотографії тощо);
* написання опису відофільму
|
* [https://www.google.com.ua/maps/@46.9767925,31.9876165,14z?hl=ua карта  GoogleMaps]
* удосконалення сайту фірми: додавання посилань на карту
|-
!'''6.''' 
|[https://www.youtube.com/?gl=UA&hl=ua Сервіс YouTube]
|
* [https://drive.google.com/file/d/0B3Eue1ITdHXtR05zc0l5MHdoSWs/view?usp=sharing oзнайомлення із правилами розміщення матеріалів на YouTube]
* правила написання коментарів. Форма для оцінювання коментарів
|
* робота з сервісами YouTube: запис відеоматеріалів до проекту; публікація матеріалів; [https://docs.google.com/document/d/1D903L7-wOxx5cU0gC6bYHNDWBFsjBHrNxff5SdFUvwM/edit# обговорення й оцінювання відеоматеріалів інших сайтів.] 
|-
!'''7.''' 
|Можливості сервісів  GoogleMaps,  YouTube і Picasa для формування іміджу фірми (установи)
|
* узагальнення та упорядкування сайту фірми (відеоматеріалів, фото, текстових файлі, каталогу)
* ознайомлення із критеріями підготовки до звіту
|
* оцінювання власного вкладу в проект
* удосконалення сайту фірми (установи)
|-
!'''8.''' 
| Підготовка до захисту власного сайту. [https://drive.google.com/file/d/0B3Eue1ITdHXtMnBwcE5UbDhLemM/view?usp=sharing Вимоги до сайту]. Аналіз і опанування. 
|
* аналіз і оцінювання сайтів інших учнів. Заповнення відповідних форм для оцінювання
* написання ессе щодо роботи в проекті (400 слів)
|
* сайт фірми
|}
<br>

==Корисні посилання==

[http://igroup.com.ua/seo-articles SEO словник]

==Залік==

[[Залікові роботи учнів з теми "Інноваційні інформаційні технології"]]