Тема 4. Списки и иллюстрации на страницах сайта

 Дата проведения занятия 22.12.17

Список — форма представления объектов в виде перечисления элементов. Форматирование каждого элемента списка — одинаковое.
Объектами списка могут быть тестовые абзацы, картинки и другие списки
В HTML элементы списка оформляются как контейнер (парный тег), включающий в себя по одному тегу для каждого элемента списка

Практическая работа с сайтом

1. Оформить в виде списка:
   • Перечень профессий на странице Профессии
   • Перечень ссылок на веб-страницы на странице Ссылки
2. Подобрать иллюстрации к ВУЗам. Найти в сети фотографии соответствующих ВУЗов, скачать их, поместить в папку на своем локальном ПК

Тема 3. Разработка веб-сайта в облачной среде

Дата проведения занятия 15.12.17 

Что такое сайт

Сайт - это система электронных документов в компьютерной сети под общим адресом (доменным именем или IP-адресом). 
Первый в мире сайт info.cern.ch появился в 1991 году. Его создателем был Тим Бернерс-Ли

Ваша задача - построить свой самый первый Google - сайт. 

Тема сайта - "Перспективные профессии в одной из отраслей Российской экономики" 
Например,  "Перспективные профессии в медицине"
17.04.2015  Агентство стратегических инициатив выпустило обновленную версию Атласа новых профессий, продемонстрировав результат масштабных исследований с участием более 2,5 тыс экспертов. Поэтому и мы перечень отраслей и перечень профессий возьмем в Атласе новых профессий-2016 

A. Продумайте структуру и состав сайта

Что такое структура сайта?

Выберите в Атласе интересующую вас отрасль экономики. Ваш сайт должен включать следующие страницы:

1. Главная страница - характеристика выбранной отрасли экономики (текст + иллюстрация)
2. Профессии - список профессий и их краткая характеристика (список)
3. Вузы, в которых этому научат (таблица, ссылки, изображения)
4. Потенциальные работодатели (список или таблица, ссылки)
5. Ссылки на источники (список WEB-страниц)

В  тетради для контрольных работ  схематично  изобразите внутреннюю структуру сайта, дайте  URL   и название сайту и отдельным страницам в соответствии с выбранной темой 

1. URL сайта: 

• 640-10-свои-инициалы-techno,  (латинскими буквами)
• например: 640-10-AT-techno 

2. Название сайта -- придумайте сами

3. Страницы также называются латинскими буквами. К каждой странице напишите аннотацию: 1-2 предложения о том, что будет на этой странице.

B. Создайте Google - сайт

1. Внимание! Мы будем работать с обновленной версией Google-сайтов, которая недавно появилась. Поэтому работаем в режиме исследования!
2. Для создания обновленного сайта  в Приложениях Google (Вкладка Почта или Диск) выберите Сайты, затем в самой нижней строке выберите ссылку Справочный центр, вы попадете на страницу со справочной информацией по созданию обновленных сайтов. 
3. Создайте обновленный сайт с вашим  URL .
4. Выберите тему сайта (ее потом можно будет заменить)

C. Измените Название сайта, Установите доступ

Выполните эти действия в соответствии со справкой по сайтам

D. Создайте отдельные страницы в соответствии с нарисованной в тетради структурой

1. В правом меню Вставка-Страницы-Темы выберите значок  Создать страницу , 
2. Укажите название страницы + ее номер в списке страниц. (Совет: пишите номер + название русскими буквами, конструктор сам переведет название в латиницу)
3. Внесите на каждую страницу текст аннотации

Не забудьте опубликовать свой сайт!
Учителю пришлите письмо, в котором укажите URL - адрес своего сайта и его название

Тема 2. Современные технологии и их влияние на экосистему Земли. Защита проектов

Дата проведения занятия 8.12.17

Сегодня вам предстоит обсудить сделанные проекты. Будем работать группами по 4 человека. Постарайтесь разбиться таким образом, чтобы в каждой группе были представлены все 4 направления исследования  Каждый должен представить свой проект, заслушать другие проекты. Далее - совместное обсуждение и выставление оценок в группах. При взаимной оценке пользуйтесь этими критериями

Критерии для оценивания     Бланк для оценивания  Презентации

Тема 2. Современные технологии и их влияние на экосистему Земли

Дата проведения занятия 20.10.17

Какие условия нужны для жизни человечества?
Посмотрите, "Кем стали люди на планете Земля"

На исторических примерах можно видеть, какие проблемы создают достижения промышленных технологий - посмотрим "Хроники планеты Земля"

Результаты внедрения новых и усовершенствованных технологий не всегда оказываются предсказуемыми для их создателей.

Все созданные человечеством технологии направлены на потребление природных ресурсов и основаны на том, что биосфера является “кладовой” этих ресурсов.

И что из этого получается? Посмотрим презентацию:

Технологии и природные ресурсы

Исследуем, как влияют на экосистемы современные технологии различных отраслей производства. Работаем группами по 2-3 человека.  

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

Цели исследования:

• Показать, что экологические проблемы человечества являются следствием его экономической деятельности;
• Доказать, что решение глобальных экологических проблем - возможно путем совместного действия всех стран начиная с решения локальных и региональных проблем.

План исследования

1. Изучить, что собой представляет данная технология
2. Выявить суть проблемы - для каждой изучаемой области - какое влияние оказывается на экологию.
3. Причины возникновения этой проблемы.
4. Экологическая ситуация по данной проблеме в изучаемой области.
5. Прогноз развития проблемы.
6. Возможные пути решения.

Темы для групповой работы

1. Влияние на экосистему современных промышленных технологий.  Электроэнергетика  (стр 62)
2. Влияние на экосистему современных промышленных технологий. Земледелие и растениеводство (стр 73)
3. Влияние на экосистему современных промышленных технологий. Животноводство (стр 78)
4. Влияние на экосистему современных технологий. Агропромышленный комплекс (стр 83)

Этапы работы

Этап 1. Изучение материала
Этап 2. Исследование
Этап 3. Подготовка презентации и самооценивание по критериям
Этап 4. Взаимооценивание 

Критерии для оценивания     Бланк для оценивания

Тема 1. Технология и техносфера

Дата проведения занятия 22.09.17

Часть 1. Понятие технологии

1. Откуда произошло слово "технология"? 
2. Что называют словом технология"?
3. Какие виды промышленных технологий сегодня существуют?
4. Какие проблемы решает любая производственная  технология?
5. Какие составляющие входят в любую производственную технологию?

Эти вопросы разберем с помощью учебника.
Поработайте с заданиями   в документе Технология10-1.

Часть 2. Технологические уклады


Знаете ли вы, что такое катапульта, праща, водочерпальное колесо? Где они применялись?
Человечество прошло в своем развитии несколько технологических укладов - преобладающих способов производства. 
Технологический уклад - совокупность освоенных обществом технологий на определенном этапе исторического развития.

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

Часть 3. Связь технологий с наукой, техникой, производством

1. Какую роль играют техника и технологии в развитии человечества? 
2. Согласны ли вы с тем, что "нет ничего практичнее хорошей теории"? Как можно объяснить это утверждение?
3. Когда у человечества появилась потребность в научном знании?
4. Какова роль науки в развитии производственных технологий?

Эти вопросы разберем с помощью учебника.
Продолжайте работать с   документом Технология10-1.

Домашнее задание  к следующему занятию - подготовить короткое сообщение о любом известном ученом и сделанном им открытии в истории науки или техники в ХХ веке. Это сообщение разместить в собственном блоге. Здесь ссылки на ваши блоги
В сообщении обязательно отметить:

1. К какому технологическому укладу относится открытие
2. В чем (кратко) заключается открытие
3. Какую роль сыграло это открытие (или работы этого ученого) в развитии технологии

Тема 11. Профориентационная игра

Дата проведения занятия 24.05.2017

     Представим себе, что мы находимся в Национальном Банке некоторой европейской страны...

В банке открылась вакансия - очень видный пост. На эту работу претендуют несколько кандидатов. У всех отличные резюме, рекомендации. Все слывут финансовыми гениями. С точки зрения профессиональной пригодности – все идеальны. Но место достанется только одному. 
  Кого принять на работу? Это решает Правление Банка. В Правлении есть два типа руководителей. Первые – тираны. Резкие. Грубые. Привыкли выжимать из подчиненных все соки. Вторые – лапушки. Добрые. Милые. Стараются быть всем друзьями.

   
За несколько минут до начала собеседования в зал проник инспектор Интерпола. Он сообщил, что у них есть достоверные сведения, что один из кандидатов – всемирно известный мошенник и проходимец по кличке Зеро. Он финансовый гений. Устраивается на работу в банк и обчищает его. Зеро надо брать здесь и сейчас, но тихо и аккуратно. Инспектор надеется на интуицию Совета Директоров. На кого они покажут пальцем по итогам собеседования, тот будет арестован. 

     Что же будет дальше? Это вы узнаете на уроке...

Напишите сообщение в блоге по итогам игры. 

• Какой стиль руководства вам кажется более правильным? 
• Какие качества привлекают работодателей? 
• Каковы ваши сильные  стороны при приеме на работу?

Желаем интересно провести урок!

Тема 10. Типы профессий. Кем быть?

Дата проведения занятия  17.05.2017

У меня растут года, Будет и семнадцать. Где работать мне тогда, Чем заниматься? В.Маяковский

Типология профессий

Классификацию различных представлений о  профессиях дает нам типология профессий.
Наиболее часто применяются на практике две типологии профессий: типология Е.А.Климова, классифицирующая профессии по предмету труда и типология профессий Дж.Голланда, связывающая тип личности и тип профессиональной среды, выбираемой человеком.
Прочитайте более подробно о типологии профессий на сайте www.Grandars.ru, в разделе Бизнес. 
Посмотрите презентацию о типологии профессий Е.А.Климова
Какой тип профессии бы вы выбрали для себя по типологии Е.А.Климова?
Как бы вы определили свой тип личности по классификации  Дж.Голланда?
А теперь пройдите два теста на профориентацию (по  Е.А.Климову и Дж.Голланду ) и посмотрите, насколько ваше представление о себе совпадает с результатами тестов. Не расстраивайтесь, если есть несовпадения! Может быть, эти тесты дадут вам возможность взглянуть на себя с неожиданной стороны.

Формула профессии. Профессиограмма

Выбирая профессию важно учитывать тип личности человека. Для этой цели часто используют  типологию личности Дж. Голланда. Человеческая личность многомерна, но, по концепции Голланда, один из типов всегда доминирует. Однако человек может приспосабливаться к условиям, используя стратегии двух и более типов.

Для стандартизированного краткого описания профессии служит профессиограмма.   

Формула профессии (Профессиограмма) - сокращенное описание основных характеристик профессии

Выделяют 4 основные характеристики профессии

1. Предмет труда (с чем или кем специалист работает):

• Человек -Ч;
• Природа -П
• Художественный образ -Х
• Знаковые системы -З
• Техника -Т

2. Цель труда (что человек делает с предметом труда):

• Гностические (познавательные) — Г;
• Преобразовательные — П
• Изыскательские — И

3. Средства труда (чем человек воздействует на предмет труда):

• Ручные -Р
• Механические -М
• Автоматические -А
• Электронные — Э
• Функциональные (возможности и функции организма, например голос) — Ф.
• Теоретические (интеллектуальные) — Т

4. Условия труда:

• Бытовой микроклимат -Б
• Открытый воздух — О
• Необычные — Н
• Экстремальные — Э

Например, формула профессии кассира - операциониста: З  П Э Б
А теперь попробуйте сами проанализировать и составить несколько профессиограмм.
Задание здесь  

 

Тема 9. Перспективные направления развития современных технологий

Дата проведения занятия 10.05.17

До выполнения работы проверьте, занесены ли в в вашу папку на облачном диске файлы, созданные к урокам 30-31, 34-35, 38-39. Если не занесены - занесите сейчас!
 

В качестве итоговой работы создайте плакат, который хотелось бы повесить на стенку. В плакате объедините несколько изображений и красивый текст.
Завершенный плакат экспортируйте в формат jpg.
Тема плаката - современные технологии.
В конце работы обязательно перенесите созданный вами плакат в формате jpg и 5 подготовленных для создания плаката изображений в вашу папку на облачном диске
Подготовка к работе
Практическая работа

Тема 9. Перспективные направления развития современных технологий

Дата проведения занятия 3.05.17

Перспективные направления развития современных технологий

Посмотрите видео История о торговле квотами.
Ответьте на вопрос:
Какие задачи ставятся перед современными промышленными технологиями?

Рассмотрим, в каких направлениях и как развиваются технологии обработки материалов.

От резца до лазера

За всю историю цивилизации человечество "придумало" всего 6 видов технологических процессов обработки материалов:

1. Удаление части от целого
2. Заполнение формы
3. Перемещение объемов заготовки
4. Присоединение частей
5. Изменение состояния
6. Присоединение на микроуровне

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

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

Приведите примеры!

Это заставляет искать новые методы обработки, основанные на других химических и физических явлениях, требующих научных изысканий и открытий.

Мы говорим о наукоёмких технологиях.
Нобелевская премия  за 2016 присуждена за нанотехнологии

Задание

Смотреть видео на школьном канале yuotube.com, плейлист Техно-совр-обр-ка-мет-в: I. После каждого видео записать в тетрадь: 

1. Название видео 
2. К какому виду технологического процесса относится сюжет 

II. После всех просмотров написать: 

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

Тема 8. Демонстрация и оценка сайтов

Дата проведения занятия 15.03.2017

Тема сайтов - "Новые профессии в XXI веке"

Сегодня вы демонстрируете Google-сайты, над которыми работали в течение декабря-января.
Ваши Google-сайты говорят сами за себя! Оценивать вашу работу будут ваши же одноклассники.

Оценка сайта

Давайте  вместе оценим, что получилось. Для оценки применим метод "6 шляп"
Вам предназначены разные роли в зависимости от цвета "надетой" шляпы

Цель метода Научить людей лучше понимать особенности своего мышления, контролировать свой образ мыслей и более точно соотносить его с поставленными задачами с целью более эффективного использования процесса мышления при решении проблем.

Cсылки на ваши сайты можно посмотреть ЗДЕСЬ-Сайты Гр1 и ЗДЕСЬ-Сайты Гр2

Технология оценки сайтов приведена ЗДЕСЬ Пожелаем всем нам успеха!

Тема 7. Логотип. Интерактивность

Дата проведения занятия 22.02.2017 

Часть 1. Логотип
Википедия дает такое определение логотипа: 
Логоти́п — графический знак, эмблема или символ, используемый территориальными образованиями, коммерческими предприятиями, организациями и частными лицами для повышения узнаваемости и распознаваемости в социуме. Более подробно прочтите здесь

В Gimp есть специальные возможности для построения логотипа, опробуйте их
(Файл -- Создать -- Логотип ...) Например, с помощью этого средства можно создавать красивые надписи. Этот ролик поможет вам.

Создайте логотип для вашего сайта, разместите его на первой, главной странице





Часть 2. Интерактивность
Придумайте интерактив, посвященный теме Вашего сайта. Это может быть небольшой опрос, викторина, кроссворд или что-то интереснее и сложнее. Интерактив необходимо создать с помощью инструмента LearningApps. Разместите его в качестве рекламы вашего сайта в вашем блоге

Практическое задание по интерактиву:

1.  Придумайте  интересное название для вашего интерактива.
2. Пройдите по ссылке и зарегистрируйтесь на сайте. Для этого необходимо в верхнем правом углу выбрать Вход и выбрать пункт зарегистрироваться. При регистрации укажите свой логин как st640xy (где x - первая буква фамилии, y - первая буква имени).
3. В качестве e-mail укажите свою школьную почту. Пароль выберите таким, чтобы его не забыть.
4. Выберите одну из возможностей LearningApps и создайте увлекательный интерактив. Сохраните его.
5. Под созданным упражнением Вы можете увидеть html-код для вставки этого приложения в сообщение на Вашем блоге. Создайте сообщение. Скопируйте и вставьте  html-код в созданное Вами сообщение.
6. Аналогичным образом создайте временную шкалу (вариант упражнения на LearningApps) - развития Вашей отрасли.

Тема 6. Изображения на страницах сайта

На веб-странице можно размещать изображения только в тех графических форматах, которые распознаются браузером. Это форматы GIF, PNG, JPG (JPEG). Мы уже встречались с этими форматами, когда изучали графический редактор GIMP
Давайте освежим свои знания - посмотрим  слайды 16-22 презентации К.Ю.Полякова «Компьютерная графика и анимация». Часть II

В перечисленных форматах используется сжатие данных. Если увеличивать степень сжатия, то качество изображения ухудшается, и наоборот (слайды 17 -22).
Подробнее о форматах можно прочитать ЗДЕСЬ.
Давайте теперь обратим внимание на размеры изображения (высота и ширина).Эти атрибуты задают ширину и высоту (в пикселах) прямоугольника, в который выводится картинка.
Если атрибуты не заданы, картинка рисуется в естественных размерах. Когда размеры прямоугольника не совпадают с размерами картинки, браузер производит масштабирование картинки, подгоняя ее под указанные величины. 
Поэтому рекомендуется всегда записывать эти атрибуты и указывать в них естественные размеры картинки. Если размеры указываются неверно — картинка выводится браузером с искажением. Если указание размеров вовсе опущено — на экране происходит маленькое землетрясение в момент прихода картинки из сети. Ведь, не зная размеров картинки, браузер оставляет под нее на экране стандартный прямоугольник, продолжая строить остальные элементы. Когда картинка загружена, браузеру приходится полностью перерисовывать экран. 


Задача на сегодня:  подобрать и обработать изображения, которые будут на страницах сайта

Практическая работа с сайтом

1. На локальном диске в своей папке по ИКТ создать папку web-img
2. Поместить в эту папку все изображения, которые вы хотите разместить на страницах сайта.
3. В GIMP изменить размеры изображений.
   Требования к каждому изображению:
   • Разрешение для вывода на экран 96 ppi
   • Ширина для картинок с ВУЗами - не более 250 пикселей
   • Ширина для логотипов организаций  100-150 пикселей
   • На главной странице - изображение - не более 500 пикселей
   • Размер каждого файла - 100 - 200 Кб
4. Показать папку с изображениями учителю
5. Внести изображения на страницы сайта (загрузить с локального диска):
   • На главной странице .
     Сегодня ввести текст и подпись к фотографии
   • На странице с ВУЗами: не менее 4-х картинок Для каждого ВУЗа - ввести название, которое затем сделать ссылкой на WEB-страницу ВУЗа. Страница в итоге не должна занимать более 2-х экранов, лучше один экран
   • На странице с потенциальными работодателями поместить логотипы организаций  и ссылки на их  WEB-страницы
6. Показать сайт учителю