Методическая разработка урока по информатике и ИКТ по теме «Web-дизайн. Юзабилити», 10 класс

Всероссийский дистанционный конкурс по функциональной грамотности: Грамотность 360°

Для учеников 1-11 классов и дошкольников

39 ₽ ОРГВЗНОС

Организатор: Грамотность360.рф

Мероприятие, направленно на формирование и оценку функциональной грамотности обучающихся

Методическая разработка урока по истории на тему "Распад СССР"

Файл будет скачан в форматах:

pdf
docx

2320

13.05.2024

История России

9 класс

11 класс

Абдулхаирова Азиме Усеиновна

Разработок в маркетплейсе: 2

Покупателей: 12

Настоящая методическая разработка опубликована пользователем Абдулхаирова Азиме Усеиновна. Инфоурок является информационным посредником

Краткое описание методической разработки

Методическая разработка для учащихся 9,11 классов как итоговый урок по истории СССР. Материал подобран с учетом возрастных особенностей учащихся. На уроке активно развивается критическое мышление обучающихся

Файл будет скачан в форматах:

pdf
docx

История России

9 класс

11 класс

13.05.2024

2320

Абдулхаирова Азиме Усеиновна

Разработок в маркетплейсе: 2

Покупателей: 12

Методическая разработка урока по информатике и ИКТ по теме «Web-дизайн. Юзабилити», 10 класс

Скачать материал

Выберите документ из архива для просмотра:

Выбранный для просмотра документ урок Россахацкой С.Н@SEP@задание архитекторам@SEP@~$дание архитекторам.doc

Íèêèôîðîâ Þ.Â.

.
A(Microsoft Word

Скачать материал

Скачать материал "Методическая разработка урока по информатике и ИКТ по теме «Web-дизайн. Юзабилити», 10 класс"

Как учитель может зарабатывать на Инфоуроке?

Курс повышения квалификации

Безопасное получение, транспортировка, хранение и применение одоранта

72 ч. — 180 ч.

699 руб.

Подать заявку О курсе

Курс профессиональной переподготовки

Математика и информатика: теория и методика преподавания в профессиональном образовании

Преподаватель математики и информатики

500/1000 ч.

699 руб.

Подать заявку О курсе

Сейчас обучается 53 человека из 26 регионов
Этот курс уже прошли 72 человека

Курс повышения квалификации

Особенности подготовки к сдаче ЕГЭ по информатике и ИКТ в условиях реализации ФГОС СОО

36 ч. — 180 ч.

699 руб.

Подать заявку О курсе

Сейчас обучается 180 человек из 47 регионов
Этот курс уже прошли 653 человека

Курс профессиональной переподготовки

Педагогическая деятельность по проектированию и реализации образовательного процесса в общеобразовательных организациях (предмет "Математика и информатика")

Учитель математики и информатики

300 ч. — 1200 ч.

699 руб.

Подать заявку О курсе

Сейчас обучается 53 человека из 24 регионов
Этот курс уже прошли 60 человек

Смотреть ещё 5 074 курса

Выбранный для просмотра документ урок Россахацкой С.Н@SEP@задание архитекторам@SEP@задание архитекторам.doc

Задание архитекторам

Вы – информационные архитекторы.

Ваша задача – ответить на вопросы и заполнить технологическую карту.

На выполнение всех заданий дается 15 минут.

Распределите задания среди участников группы.

Выберите представителя группы, который представит отчет.

Отчет сохранить в сетевом окружении, в папке документы на teacher (teacher (301)) - «отчет» - «веб-архитектор».

План представления отчета:

1. Коротко изложить информацию о профессии, где можно получить данную профессию.

2. Представить результаты работы над технологической картой.

1 слайд: Название профессии

2 слайд:

1. Чем занимаются Web-архитекторы?

Перейдите по ссылкам и поместите нужную информацию на слайд.

1) http://ru.wikipedia.org/wiki/%D0%98%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D0%B0%D1%8F_%D0%B0%D1%80%D1%85%D0%B8%D1%82%D0%B5%D0%BA%D1%82%D1%83%D1%80%D0%B0

2) http://www.redbee.ru/articles/detail.php?ID=966

3) http://www.webmascon.com/topics/planning/01a.asp

3 слайд:

2. Где можно получить специальность web - архитектора?

Перейдите по ссылкам и поместите нужную информацию на слайд.

1) http://ru.wikipedia.org/wiki/%D0%98%D0%BD%D1%81%D1%82%D0%B8%D1%82%D1%83%D1%82_%D1%83%D1%80%D0%B1%D0%B0%D0%BD%D0%B8%D1%81%D1%82%D0%B8%D0%BA%D0%B8_%D0%A3%D1%80%D0%B0%D0%BB%D0%93%D0%90%D0%A5%D0%90

2) http://spb.designschool.ru/study/web-dizajn/

3. Заполните технологическую карту:

Технологическая карта web-архитекторы

Скачать материал

Скачать материал "Методическая разработка урока по информатике и ИКТ по теме «Web-дизайн. Юзабилити», 10 класс"

Как учитель может зарабатывать на Инфоуроке?

Выбранный для просмотра документ урок Россахацкой С.Н@SEP@задание архитекторам@SEP@Оценочный лист.doc

Оценочный лист

Оцените каждый критерий по пятибалльной системе

Критерий	взаимооценка			Оценка учителя
Критерий	Web-дизайнеры	Юзабилити специалисты	Web - программисты	Web-дизайнеры	Юзабилити специалисты	Web - программисты	Web архитекторы
Выбор нужной информации. Умение кратко изложить информацию
Анализ информации (заполнение тех. карты или таблицы)
Четкость и грамотность представления ответа (выступление)
Всего баллов
оценка
13-15 баллов – «5» 10-12 баллов – «4» 7-9 баллов – «3»

Скачать материал

Скачать материал "Методическая разработка урока по информатике и ИКТ по теме «Web-дизайн. Юзабилити», 10 класс"

Как учитель может зарабатывать на Инфоуроке?

Выбранный для просмотра документ урок Россахацкой С.Н@SEP@задание для дизайнеров@SEP@Задание для Web дизайнеров.doc

Задание для Web-дизайнеров

Вы – web-дизайнеры.

Ваша задача ответить на поставленные вопросы, используя источники Интернет.

На выполнение всех заданий дается 15 минут.

Распределите задания среди участников группы.

Выберите представителя группы, который представит отчет.

Отчет сохранить в сетевом окружении, в папке документы на teacher (teacher (301)) - «отчет» - «веб-дизайнер».

План представления отчета:

1. Коротко изложить информацию о профессии, где можно получить данную профессию.

2. Представить результаты работы над технологической картой.

1 слайд: Название профессии

2 слайд:

1. Чем занимаются Web-дизайнеры?

Перейдите по ссылкам и поместите нужную информацию на слайд.

http://www.ucheba.ru/prof/40.html

http://otvet.mail.ru/question/52140478/

3 слайд:

2. Где можно получить специальность web дизайнера?

Перейдите по ссылкам и поместите нужную информацию на слайд.

http://www.proforientator.ru/index.php?option=com_content&view=article&id=265:2010-02-12-13-46-47&catid=29:2010-02-11-14-52-53

http://www.ucheba.ru/vuz/9309/prof/8055.html

http://pda.teron.ru/index.php?showtopic=658162

3. Заполните технологическую карту, перейдя по ссылке:

технологическая карта

Web-дизайнеры

Скачать материал

Скачать материал "Методическая разработка урока по информатике и ИКТ по теме «Web-дизайн. Юзабилити», 10 класс"

Как учитель может зарабатывать на Инфоуроке?

Выбранный для просмотра документ урок Россахацкой С.Н@SEP@задание для дизайнеров@SEP@Оценочный лист.doc

Оценочный лист

Оцените каждый критерий по пятибалльной системе

Критерий	взаимооценка			Оценка учителя
Критерий	Web-дизайнеры	Юзабилити специалисты	Web - программисты	Web-дизайнеры	Юзабилити специалисты	Web - программисты	Web архитекторы
Выбор нужной информации. Умение кратко изложить информацию
Анализ информации (заполнение тех. карты или таблицы)
Четкость и грамотность представления ответа (выступление)
Всего баллов
оценка
13-15 баллов – «5» 10-12 баллов – «4» 7-9 баллов – «3»

Скачать материал

Скачать материал "Методическая разработка урока по информатике и ИКТ по теме «Web-дизайн. Юзабилити», 10 класс"

Как учитель может зарабатывать на Инфоуроке?

Выбранный для просмотра документ урок Россахацкой С.Н@SEP@задание для юзабилити специалиста@SEP@Задание специалистам по юзабилити.doc

Задание специалистам по юзабилити

Вы – юзабилити специалисты.

Ваша задача используя данные источники Интернет, ответить на поставленные вопросы и заполнить технологическую карту.

Распределите задания среди участников группы.

На выполнение всех заданий дается 15 минут.

Выберите представителя группы, который представит отчет.

Отчет сохранить в сетевом окружении, в папке документы на teacher (teacher (301)) - «отчет» - «юзабилити специалист».

План представления отчета:

1. Коротко изложить информацию о профессии, где можно получить данную профессию.

2. Представить результаты работы над технологической картой.

1 слайд: Название профессии

2 слайд:

1. Чем занимаются юзабилити специалисты?

Перейдите по ссылкам и поместите нужную информацию на слайд.

http://planetahr.ru/publication/3773

http://www.facebook.com/note.php?note_id=208378145890697

http://www.webeffector.ru/wiki/%D0%AE%D0%B7%D0%B0%D0%B1%D0%B8%D0%BB%D0%B8%D1%82%D0%B8

3 слайд:

2. Где можно получить специальность юзабилити специалиста? Перейдите по ссылкам и поместите нужную информацию на слайд.

http://shkolazhizni.ru/archive/0/n-16813/

http://www.edu-all.ru/vc_scripts/selinfo.asp?ident=5936&type=6

3. Дайте оценку сайтам с точки зрения юзабилити специалиста. Если пункт отсутствует на сайте, то поставьте прочерк. (эл.вариант технологической карты на рабочее столе в папке «задания» - «юзабилити специалист»).

Технологическая карта

Юзабилити специалист

Проведите анализ сайта г.Губахи. Перейдите по ссылке, заполните таблицу. Если данный критерий отсутствует, то поставьте прочерк. Результаты анализа представить на обсуждение.

№ п/п	критерии	http://newgubakha.ru/
1.	место сайта в общем рейтинге
2.	количество просмотренных веб-страниц, количество посетителей;
3.	аудитория сайта (уникальные, постоянные посетители и т. д.)
4.	время, проведенное на веб-странице посетителем,
5.	удобство навигации сайта для посетителей (да, нет)
6.	индекс популярности

Скачать материал

Скачать материал "Методическая разработка урока по информатике и ИКТ по теме «Web-дизайн. Юзабилити», 10 класс"

Как учитель может зарабатывать на Инфоуроке?

Выбранный для просмотра документ урок Россахацкой С.Н@SEP@задание для юзабилити специалиста@SEP@Оценочный лист.doc

Оценочный лист

Оцените каждый критерий по пятибалльной системе

Критерий	взаимооценка			Оценка учителя
Критерий	Web-дизайнеры	Юзабилити специалисты	Web - программисты	Web-дизайнеры	Юзабилити специалисты	Web - программисты	Web архитекторы
Выбор нужной информации. Умение кратко изложить информацию
Анализ информации (заполнение тех. карты или таблицы)
Четкость и грамотность представления ответа (выступление)
Всего баллов
оценка
13-15 баллов – «5» 10-12 баллов – «4» 7-9 баллов – «3»

Скачать материал

Скачать материал "Методическая разработка урока по информатике и ИКТ по теме «Web-дизайн. Юзабилити», 10 класс"

Как учитель может зарабатывать на Инфоуроке?

Выбранный для просмотра документ урок Россахацкой С.Н@SEP@задание программистам@SEP@задание.doc

Web- программист

Вы – web-программисты.

Ваша задача ответить на поставленные вопросы и заполнить таблицу.

На выполнение всех заданий дается 15 минут.

Распределите задания среди участников группы.

Выберите представителя группы, который представит отчет.

Отчет сохранить в сетевом окружении, в папке документы на teacher (teacher (301)) - «отчет» - «веб-программист».

План представления отчета:

1. Коротко изложить информацию о профессии, где можно получить данную профессию.

2. Представить результаты работы над технологической картой.

Форма отчета web-программистов:

1) Презентация (1 слайд - деятельность веб-программиста, 2 слайд - где можно получить специальность веб-программиста);

2) Заполненная таблица.

1 слайд: Название профессии

2 слайд:

1. Чем занимаются Web-программисты?

Перейдите по ссылкам и поместите нужную информацию на слайд.

http://www.profi.ua/prof/view/7/

http://prof.biografguru.ru/about/programmist/?q=3000&dp=130

3 слайд:

2. Где можно получить специальность web программиста?

Перейдите по ссылкам и поместите нужную информацию на слайд.

http://itstudy.ru/news.php?tip=3&id=1164

http://www.ucheba.ru/prof/497.html

3. Используя материалы сайтов:

http://joomlovod.ru/xxx/329-texnicheskij-analiz-sajta.html

http://swsait.ru/s-chego-nachat-sozdanie-sajta/sposoby-sozdaniya-sajta.html

заполните таблицу:

(эл.вариант технологической карты на рабочее столе в папке «задания» - «web- программист»).

№ п/п	Способы создания сайта	плюсы	минусы	Какой критерий выбрали бы вы?

Скачать материал

Скачать материал "Методическая разработка урока по информатике и ИКТ по теме «Web-дизайн. Юзабилити», 10 класс"

Как учитель может зарабатывать на Инфоуроке?

Выбранный для просмотра документ урок Россахацкой С.Н@SEP@задание программистам@SEP@Оценочный лист.doc

Оценочный лист

Оцените каждый критерий по пятибалльной системе

Критерий	взаимооценка			Оценка учителя
Критерий	Web-дизайнеры	Юзабилити специалисты	Web - программисты	Web-дизайнеры	Юзабилити специалисты	Web - программисты	Web архитекторы
Выбор нужной информации. Умение кратко изложить информацию
Анализ информации (заполнение тех. карты или таблицы)
Четкость и грамотность представления ответа (выступление)
Всего баллов
оценка
13-15 баллов – «5» 10-12 баллов – «4» 7-9 баллов – «3»

Скачать материал

Скачать материал "Методическая разработка урока по информатике и ИКТ по теме «Web-дизайн. Юзабилити», 10 класс"

Как учитель может зарабатывать на Инфоуроке?

Выбранный для просмотра документ урок Россахацкой С.Н@SEP@названия.doc

ЮЗАБИЛИТИ

СПЕЦИАЛИСТЫ

WEB-дизайнеры

WEB – архитекторы

WEB – программисты

Скачать материал

Скачать материал "Методическая разработка урока по информатике и ИКТ по теме «Web-дизайн. Юзабилити», 10 класс"

Как учитель может зарабатывать на Инфоуроке?

Выбранный для просмотра документ урок Россахацкой С.Н@SEP@презент к уроку.ppt

Современные подходы к оформлению сайтов. Юзабилити

Скачать материал

Скачать материал "Методическая разработка урока по информатике и ИКТ по теме «Web-дизайн. Юзабилити», 10 класс"

Описание презентации по отдельным слайдам:

1 слайд

Современные подходы
к оформлению сайтов.
Юзабилити
2 слайд

Юзабилити - это слово означающее удобство использования, в основном применяется в сфере компьютеров и интернет, например, про удобство меню сайта или интерфейса программы можно сказать, что программа имеет качественный юзабилити.
Происхождение слова идёт от английского usability - "использование".
3 слайд

площадь городских земель Губахи в пределах городской черты;
численность населения города Губахи;
состояние здоровья населения города
4 слайд

веб-архитектор (базы данных, бизнес-процессы, логика работы приложений);
юзабилити-специалист (проектирование, тестирование);
дизайнер (интерфейсы, иконки, 3D, карикатуры, иллюстрации, flash);
программист (доработка существующих CMS, написание на своей CMS, скрипты);
flash-программист (анимация сайта, создание flash-приложений);
Верстальщик;
SEO-специалист (внутренняя оптимизация, покупка ссылок, обмен ссылками, создание сателлитов);
SMO-специалист (социальные медиа, новости, естественные ссылки);
контент-специалист (рерайт, копирайт, новости, обновление, переводы, продающие тексты);
редактор (выпуск новостей, модератор;
сисадмин (железо, хостинг, тестирование сайтов);
аниматор;
фотограф;
видео-звукооператор.
5 слайд

http://gubahasport.ru/
http://www.gubaha.ru/
http://gubaha.permarea.ru/Glavnaja-stranica/
http://gubaha.narod.ru/galery.htm?id=1

ОТ ЧЕГО ЗАВИСИТ
УСПЕХ САЙТА?
6 слайд

ОТ ЧЕГО ЗАВИСИТ УСПЕХ САЙТА?
7 слайд

Выбранный для просмотра документ урок Россахацкой С.Н@SEP@технологическая карта Россахацкой С.Н. испр.doc

План-конспект урока

Автор разработки: С.Н. Россахацкая, учитель информатики МБОУ «СОШ №14» (НОЦ);

Класс: 10

Предмет: информатика;

Тема: «Web-дизайн. Юзабилити»

Этап обучения по данной теме (начальный, основной, завершающий): завершающий;

Тип урока: урок - исследование;

Цели урока:

Развивающие цели:

1. Развитие социокультурной компетенции через знакомство со сведениями о некоторых профессиях.

2. Развитие учебно-познавательной компетенции через устное выступление о результатах своего исследования.

3. Развитие коммуникативной компетенции через работу в группе.

4. Развитие информационной компетенции через умение работать с информацией в сети Интернет (поиск, анализ и отбор информации).

Образовательные цели:

1. Познакомить учащихся с понятием Юзабилити.

2. Формировать практические навыки учащихся при работе с Интернет – ресурсами.

Воспитательные цели:

Воспитание информационной культуры, ответственности за общее дело.

Оборудование:

Компьютеры, мультимедийный проектор, сопровождающая презентация, технологическая карта урока.

Оценочная деятельность на уроке: взаимооценка учащихся, оценка учителя (оценочный лист).

Основные источники информации:

1. http://planetahr.ru/publication/3773

2. http://www.facebook.com/note.php?note_id=208378145890697

3. http://www.webeffector.ru/wiki/%D0%AE%D0%B7%D0%B0%D0%B1%D0%B8%D0%BB%D0%B8%D1%82%D0%B8

4. http://shkolazhizni.ru/archive/0/n-16813/

5. http://www.edu-all.ru/vc_scripts/selinfo.asp?ident=5936&type=6

9. http://www.ucheba.ru/prof/40.html

10. http://www.proforientator.ru/index.php?option=com_content&view=article&id=265:2010-02-12-13-46-47&catid=29:2010-02-11-14-52-53

11. http://www.ucheba.ru/vuz/9309/prof/8055.html

12. http://pda.teron.ru/index.php?showtopic=658162

http://sitecritic.ru/kriterii-kachestvennogo-dizajna-sajta/

14. http://ru.wikipedia.org/wiki/%D0%98%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D0%B0%D1%8F_%D0%B0%D1%80%D1%85%D0%B8%D1%82%D0%B5%D0%BA%D1%82%D1%83%D1%80%D0%B0

15. http://www.redbee.ru/articles/detail.php?ID=966

16. http://www.webmascon.com/topics/planning/01a.asp

17. http://ru.wikipedia.org/wiki/%D0%98%D0%BD%D1%81%D1%82%D0%B8%D1%82%D1%83%D1%82_%D1%83%D1%80%D0%B1%D0%B0%D0%BD%D0%B8%D1%81%D1%82%D0%B8%D0%BA%D0%B8_%D0%A3%D1%80%D0%B0%D0%BB%D0%93%D0%90%D0%A5%D0%90

18. http://spb.designschool.ru/study/web-dizajn/

19. http://www.profi.ua/prof/view/7/

20. http://prof.biografguru.ru/about/programmist/?q=3000&dp=130

21. http://itstudy.ru/news.php?tip=3&id=1164

22. http://www.ucheba.ru/prof/497.html

23. http://joomlovod.ru/xxx/329-texnicheskij-analiz-sajta.html

24. http://swsait.ru/s-chego-nachat-sozdanie-sajta/sposoby-sozdaniya-sajta.html

Технологическая карта урока

этап	Деятельность учителя, педагога	Деятельность ученика, воспитанника	Формируемые компетенции, универсальные учебные действия	Методические, технологические приёмы	Прогнозируемый результат
Организационный момент.	Приветствует учащихся с целью создания благоприятной атмосферы урока.	Слушают, наблюдают, настраиваются на восприятие материала урока.		беседа	Понимание темы и цели урока.
Актуализация знаний	Организует деятельность обучающихся по выявлению способов решения учебной задачи: определению способа получения недостающих знаний и перечня тех источников, в которых они могут быть найдены. Побуждает к принятию наиболее рационального способа действий	Ищут способы решения учебной задачи: выявляют источники получения недостающих знаний, способы разработки новых знаний; определяют план дальнейших действий	коммуникативная компетенция, через диалог Социокультурная компетенция, через знакомство с профессиями	Проблемная беседа	Составленный школьниками вместе с учителем план действий.
Основной этап	1. Организует самостоятельную деятельность школьников по приобретению ими необходимых знаний.	осуществляют самостоятельную деятельность по приобретению необходимых знаний.	Учебно-познавательная, через организацию планирования, оформление результатов деятельности. коммуникативная компетенция, через работу в микрогруппе. Информационная компетенция через самостоятельный анализ, отбор, систематизацию информации.	Работа в группах. Организация самостоятельной деятельности, работа с интернет - ресурсами; общение друг с другом с целью обмена учебной информацией.	Необходимая информация выбрана. Содержание представленных сайтов проанализировано, составлен отчет. Познакомлены с профессиями и найдена информация о том, где можно получить эту профессию.
	2. Предлагает выступить представителям групп и оценить работу учащихся в соответствии с критериями.	От каждой группы выступает представитель с итогами своей работы Учащиеся оценивают друг друга.	коммуникативная компетенция через представление результатов деятельности в форме устного сообщения	Взаимооценка, представление итогов деятельности	Представлены итоги работы и оценена деятельность друг друга.
Итог урока	Вновь предлагает вернуться к проблемному вопросу От чего зависит успех сайта?	Предлагают варианты ответов	Учебно-познавательная компетенции, через формулирование выводов	проблемный вопрос	Ответили на вопрос.

Скачать материал

Скачать материал "Методическая разработка урока по информатике и ИКТ по теме «Web-дизайн. Юзабилити», 10 класс"

Как учитель может зарабатывать на Инфоуроке?

Выбранный для просмотра документ урок Россахацкой С.Н@SEP@ход урока.doc

План-конспект урока информатики

10 класс

Тема урока

«Web-дизайн. Юзабилити»

Цели урока:

Развивающие цели:

1. Развитие социокультурной компетенции через знакомство со сведениями о некоторых профессиях.

2. Развитие учебно-познавательной компетенции через устное выступление о результатах своего исследования.

3. Развитие коммуникативной компетенции через работу в группе.

Образовательные цели:

1. Познакомить учащихся с понятием Юзабилити.

2. Формировать практические навыки учащихся при работе с Интернет – ресурсами.

Воспитательные цели:

Воспитание информационной культуры, ответственности за общее дело.

Ход урока:

1. Орг. момент

2. Актуализация знаний

1. (слайд 2) Возьмем стакан и кружку. Нальем в них горячий чай. Из чего вы предпочтете выпить чай? Почему?

Ответы детей

Вот один умный и хороший человек и придумал к ней ручку. Современные разработчики пошли дальше, и сделали эту ручку ребристой, чтобы не скользила в ладони, т.е. сделал кружку удобную в использовании. В переводе на английский язык "использование" – usability.

(слайд 2) В настоящее время в сфере компьютеров и интернет понятие Юзабилити получило широкое распространение. Например, про удобство меню сайта или интерфейса программы можно сказать, что программа имеет качественный юзабилити.

(слайд 3) Скажите пожалуйста, чему равна

ü площадь городских земель Губахи в пределах городской черты;

ü численность населения города Губахи;

ü состояние здоровья населения города

Затрудняетесь ответить, а где мы можем получить эту информацию?

Ответы детей (библиотека, музей, Интернет).

Правильно, в интернете на различных сайтах.

А в чем заключается юзабилити сайтов? (удобство в обращении, дружественный интерфейс, в сети юзабилити сайта является одним из главных условий выживания. Если с сайтом трудно работать, посетители просто уходят с него).

Современный web-дизайн становится более четким и лаконичным. Однако часто заказчик стремится к красоте, нежели к удобству. Возможно ли совместить в дизайне сайта удобство и красоту, и разрешить извечный конфликт физиков и лириков? Любой сайт должен быть удобным для пользователя, т.е. быть в юзабилити и популярным.

3. Основной этап

(слайд 4) Давайте представим, что мы с вами сотрудники веб - студии, специализирующейся на разработке web-сайтов. Разработка web-сайта – это интересный, но, в то же время сложный и трудоёмкий процесс, в котором принимают участие различные web-специалисты.

Вам предстоит:

1) побывать в роли таких специалистов, узнать их функционал и значимость в успехе сайта, где можно получить данную профессию

2) с помощью анализа оценить некоторые сайты Губахи согласно необходимым требованиям.

(слайд 5) Сайтов о Губахе достаточное количество, но все ли они востребованы и имеют качественный юзабилити?

От чего зависит успех сайта?

ЗАДАНИЕ

1. Разбейтесь на микрогруппы по 3 человека в каждой, согласно профессии (по цветным карточкам)

Красные Программист.

Зеленые Специалист по юзабилити.

Желтые Web-дизайнер.

Синие Архитектор.

2. Каждая группа будет выполнять определённые задания, справиться с которыми вам поможет технологическая карта. В своей микрогруппе распределите выполнение заданий, согласно тех. карте

3. После выполнения всех заданий группы отчитываются о проделанной работе, обсуждают результаты работы.

1) Работа в группах

Задание специалистам по юзабилити

Вы – юзабилити специалисты. Ваша задача ответить на поставленные вопросы и заполнить технологическую карту.

1. Чем занимаются юзабилити специалисты?

http://planetahr.ru/publication/3773

http://www.facebook.com/note.php?note_id=208378145890697

http://www.webeffector.ru/wiki/%D0%AE%D0%B7%D0%B0%D0%B1%D0%B8%D0%BB%D0%B8%D1%82%D0%B8

2. Где можно получить специальность юзабилити специалиста?

http://shkolazhizni.ru/archive/0/n-16813/

http://www.edu-all.ru/vc_scripts/selinfo.asp?ident=5936&type=6

3. Дайте оценку сайтам с точки зрения юзабилити специалиста. Если пункт отсутствует на сайте, то поставьте прочерк. (тех.карта, эл.вариант в сетевом окружении-«отчет»-«юзабилити специалист»). Сделайте вывод.

Форма отчета юзабилити специалиста:

1) Презентация (1 слайд - деятельность юзабилити специалиста, 2 слайд - где можно получить специальность юзабилити специалиста);

2) Заполненная тех. карта.

Отчет сохранить в сетевом окружении, в папке «отчет» - «юзабилити специалист».

Технологическая карта

Юзабилити специалист.

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

№ п/п	критерии	http://gubaha.permarea.ru/Glavnaja-stranica/	http://www.gubaha.ru/	http://newgubakha.ru/
1.	место сайта в общем рейтинге
2.	количество просмотренных веб-страниц, количество посетителей;
3.	аудитория сайта (уникальные, постоянные посетители и т. д.)
4.	время, проведенное на веб-странице посетителем,
5.	удобство навигации сайта для посетителей (да, нет)
6.	индекс популярности

Задание для Web-дизайнеров

Вы – web-дизайнеры. Ваша задача ответить на поставленные вопросы и заполнить технологическую карту.

1. Чем занимаются Web-дизайнеры?

http://www.ucheba.ru/prof/40.html

2. Где можно получить специальность web дизайнера?

http://www.proforientator.ru/index.php?option=com_content&view=article&id=265:2010-02-12-13-46-47&catid=29:2010-02-11-14-52-53

http://www.ucheba.ru/vuz/9309/prof/8055.html

http://pda.teron.ru/index.php?showtopic=658162

3. Заполните технологическую карту.

4. В оценочном листе выполните самооценку.

Форма отчета веб-дизайнеров:

1) Презентация (1 слайд - деятельность веб-дизайнера, 2 слайд - где можно получить специальность веб-дизайнера);

2) Заполненная тех. карта.

Отчет сохранить в сетевом окружении, в папке «отчет» - «веб-дизайнер».

3) В оценочном листе выполните самооценку

технологическая карта

Web-дизайнеры

Дизайн сайта – это совокупность графических элементов, шрифтов и цветов, реализованных на сайте.

Любой сайт предназначен для людей, поэтому эффективность и успешность разработанного дизайна будет определяться удобством и комфортабельностью его использования. Примеры хороших, грамотных сайтов: http://sitecritic.ru/kriterii-kachestvennogo-dizajna-sajta/

Основная задача дизайна сайта - объединение всех информационных блоков и формирование у посетителя приятного впечатления. По сути, дизайн задаёт общий стиль вашего сайта, помогает посетителю с первого взгляда понять, что его здесь ждёт. Грамотно разработанный дизайн является одним из важнейших факторов, определяющих посещаемость вашей веб-страницы.

задание архитекторам

Вы – информационные архитекторы.

Ваша задача – ответить на поставленные вопросы и заполнить технологическую карту.

1. Чем занимаются Web-архитекторы?

1) http://ru.wikipedia.org/wiki/%D0%98%D0%BD%D1%84%D0%BE%D1%80%D0%BC%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%BD%D0%B0%D1%8F_%D0%B0%D1%80%D1%85%D0%B8%D1%82%D0%B5%D0%BA%D1%82%D1%83%D1%80%D0%B0

2) http://www.redbee.ru/articles/detail.php?ID=966

3) http://www.webmascon.com/topics/planning/01a.asp

2. Где можно получить специальность web архитектора?

1) http://ru.wikipedia.org/wiki/%D0%98%D0%BD%D1%81%D1%82%D0%B8%D1%82%D1%83%D1%82_%D1%83%D1%80%D0%B1%D0%B0%D0%BD%D0%B8%D1%81%D1%82%D0%B8%D0%BA%D0%B8_%D0%A3%D1%80%D0%B0%D0%BB%D0%93%D0%90%D0%A5%D0%90

2) http://spb.designschool.ru/study/web-dizajn/

3. Заполните технологическую карту:

Технологическая карта web-архитекторы

Форма отчета web-архитекторов:

4) Презентация (1 слайд - деятельность веб-архитектора, 2 слайд - где можно получить специальность веб-архитектора);

5) Заполненная тех. карта.

Отчет сохранить в сетевом окружении, в папке «отчет» - «веб-архитекторы».

6) В оценочном листе выполните самооценку.

Web- программист

Вы – web-программисты. Ваша задача ответить на поставленные вопросы и заполнить таблицу.

1. Чем занимаются Web-программисты?

http://www.profi.ua/prof/view/7/

http://prof.biografguru.ru/about/programmist/?q=3000&dp=130

2. Где можно получить специальность web программиста?

http://itstudy.ru/news.php?tip=3&id=1164

http://www.ucheba.ru/prof/497.html

Критерии влияющие на работоспособность веб ресурса

используя материалы сайтов заполните таблицу:

http://joomlovod.ru/xxx/329-texnicheskij-analiz-sajta.html

http://swsait.ru/s-chego-nachat-sozdanie-sajta/sposoby-sozdaniya-sajta.html

№ п/п	критерий	плюсы	минусы	Какой критерий выбрали бы вы?

Форма отчета web-программистов:

2) Заполненная таблица.

Отчет сохранить в сетевом окружении, в папке «отчет» - «веб-программисты».

3) В оценочном листе выполните самооценку.

Оценочный лист

Оцените каждый критерий по пятибалльной системе

Критерий	самооценка	Оценка учителя
Выбор нужной информации. Умение кратко представить . Анализ информации.
Создание презентации, дизайн.
Четкость и грамотность представления ответа.
13-15 баллов – «5» 10-12 баллов – «4» 7-9 баллов – «3»

Вернемся к вопросу: от чего же зависит успех сайта?

Ответы детей

Успех вашей совместной деятельности зависел от грамотной, слаженной работы в команде. И вы добились хороших результатов. Вы оценили работу каждой группы, результаты я посмотрю, и передам Наталье Алексеевна.

Ответы учеников.

Кого то заинтересовали профессии связанные с сайтостроением? Все материалы вашей работы я сохраню и если возникнет желание ознакомиться с ними, приходите.

Спасибо. До свидания.

Скачать материал

Скачать материал "Методическая разработка урока по информатике и ИКТ по теме «Web-дизайн. Юзабилити», 10 класс"

Как учитель может зарабатывать на Инфоуроке?

Краткое описание документа:

Методическая разработка урока по информатике и ИКТ, 10 класс Тема урока: «Web-дизайн. Юзабилити.» Цели урока: Развивающие цели: 1. Развитие социокультурной компетенции через знакомство со сведениями о некоторых профессиях. 2. Развитие учебно-познавательной компетенции через устное выступление о результатах своего исследования. 3. Развитие коммуникативной компетенции через работу в группе. 4. Развитие информационной компетенции через умение работать с информацией в сети Интернет (поиск, анализ и отбор информации). Образовательные цели: 1. Познакомить учащихся с понятием Юзабилити. 2. Формировать практические навыки учащихся при работе с Интернет – ресурсами. Воспитательные цели: Воспитание информационной культуры, ответственности за общее дело. План урока: 1. Организационный момент (беседа) 2. Актуализация знаний. (проблемная беседа) 3. Основной этап (работа в группах; организация самостоятельной деятельности, работа с интернет - ресурсами; общение друг с другом с целью обмена учебной информацией; взаимооценка.) 4. Подведение итогов урока (ответ на проблемный вопрос)

Скачать материал

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

6 907 865 материалов в базе

Найти материалы

Скачать материал

Другие материалы

docx

Практические работы по информатике для 5-6 классов

Рейтинг: 3 из 5

30.01.2013
28774
45

rar

Презентации «Программирование на Delphi»

Рейтинг: 5 из 5

26.01.2013
8152
59

zip

Урок на тему «Обработка информации с изменением формы без изменения содержания»

25.01.2013
5435
3

rar

Презентация по информатике для 7 класса «Путешествие по клавишам»

Рейтинг: 5 из 5

24.01.2013
1660
0

pptx

Презентация «Компьютерная графика»

24.01.2013
2803
0

pptx

Презентация на тему «Представление числовой информации»

23.01.2013
1635
0

rar

Тест по технике безопасности в компьютерном классе

Рейтинг: 4 из 5

23.01.2013
5426
6

Вам будут интересны эти курсы:

Оставьте свой комментарий

Авторизуйтесь, чтобы задавать вопросы.

Скачать материал
- 31.01.2013 2856
- RAR 3 мбайт
- 24 скачивания
- Оцените материал:
Настоящий материал опубликован пользователем Россахацкая Светлана Николаевна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт

Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материал
Автор материала

Россахацкая Светлана Николаевна
- На сайте: 9 лет и 5 месяцев
- Подписчики: 0
- Всего просмотров: 2420
- Всего материалов: 1