Минимум информационных компетенций для ВУЗовских преподавателей-нетехнарей

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

Цель: Получить минимум информационных компетенций, которые позволят сделать ИКТ органичным и эффективным инструментом педагогической практики преподавателей ВУза

Курс разбит на несколько самостоятельных блоков по принципу от простого к сложному. основное внимание уделяется формированию практических навыков использоания ИКТ.

Блок I (базовый). Основы web-технологий

  1. Что такое и как работает Интернет. Здесь Вы узнаете о том, что такое интернет, что такое протоколы, хост и другие основные термины. Поймёте как происходит взаимодействие между различными точками интернет
  2. Поисковые ресурсы Интернет. Наиболее популярные поисковые ресурсы, а не только Yandex и Google. «Правильный» поиск в Интернет. Здесь мы попробуем применить расширенный язык запросов для повышения эффективности поиска и валидации выдачи. Вы поймете, что ключевые слова в поисковой строке не единственный вариант вашего запроса поисковым системам
  3. Сервисы Google и Yandex для Вас. Наиболее популярные в России компании, которые предоставляют массу бесплатных инструментов, способных повысить эффективность использования ИКТ в педагогической практике, узнаете как сделать расписание и «напоминалки», корпоративную почту, организовать мгновенный опрос своих подопечных и многое другое.
  4. Файло-обменники DropBox, Yandex.диск и другие. Здесь Вы научитесь экономить на флэшках и раздавать свои методички и авторские курсы по всему миру.
  5. Организация персонального виртуального пространства, например, Evernote (Помнить все). Один из облачных органайзеров, который позволяет не только организовать своё время, но и осмысленно серфить в Интернете, собирать материалы для методических пособий и даже писать их с дальнейшей публикацией

Блок II (базовый). Web в образовании сегодня

  1. Единое окно доступа к образовательным ресурсам Министерства образования РФ и этим все сказано.
  2. Открытый образовательный университет ИНТУИТ. Наиболее продвинутый источник образовательного контента и палочка-выручалочка, когда отношение с отдельными студентами не складываются.
  3. Открытые образовательные системы иностранных университетов. Примеры MOOC и чем они помогают современному преподавателю.
  4. Организация взаимодействия со студентами. Социальные сети и их роль в образовательном процессе. Сегодня мы можем знать о студентах гораздо больше, чем это было вчера. Теперь индивидуальный подход стал по-истине индивидуальным без особых временных издержек.

Блок III (базовый). Основы верстки. HTML, CSS

  1. Структура HTML-документа. Простейшие HTML-страницы, разбираемся из каких тегов она состоит и за что эти теги отвечают. Подключаем к странице CSS-стили и JS-скрипты.
  2. Научимся добавлять на простейшую HTML-страницу текстовое содержание и правильно размечать его: абзацы, заголовки, подзаголовки, списки и многое другое. Научимся использовать ссылки, вставлять на страницу изображения.
  3. Таблицы доставляют наибольшее количество проблем новичкам. Здесь мы узнаем из каких тэгов состоит таблица и научимся создавать таблицы с любым количеством строк и столбцов. Попрактикуемся аккуратно оформлять таблицы: задавать рамки, отступы внутри ячеек, фон строк, размеры столбцов, выравнивание текста в ячейках (и всё это с помощью CSS, а не древних атрибутов). Помимо этого мы потренируемся в самом сложном: объединении ячеек.
  4. Вы научитесь создавать простейшие формы, попрактикуетесь использовать текстовые поля, выпадающие списки, поля-галочки, кнопки и другие элементы форм.
  5. Знакомство с CSS. Рассматриваются базовые понятия CSS: селекторы, каскадность, наследование, приоритеты. Вы познакомитесь с некоторыми CSS-свойствами для оформления текста, создания сетки страницы, позиционирования элементов.
  6. Селекторы. Научимся пользоваться простыми и продвинутыми селекторами, псевдоклассами, а также комбинировать их.
  7. Наследование и каскадирование. Наследование, каскадирование, специфичность: что это и как их правильно использовать?
  8. Оформление текста с помощью CSS. Самые распространенные CSS-свойства для оформления текста: жирность, курсив, размер, цвет и многое другое.
  9. Блочная модель документа. Как управлять размерами и расположением элементов, задавать отступы и рамки, а также рассмотрим различные типы элементов и их особенности. Это первый и самый важный шаг к созданию страниц со сложной сеткой и сложных декоративных элементов.
  10. Позиционирование. Вы узнаете о различных режимах позиционирования элементов: относительном, абсолютном, фиксированном. А также попрактикуетесь изменять расположение элементов на странице с помощью CSS-свойств для позиционирования.
  11. Сетки. Понятие потока документа, тонкости свойства float и блочно-строчных элементов, отрабатываются основные приёмы построения сеток.
  12. Фоны. Вы научитесь использовать фоновые изображения и задавать цвета фона. Также мы разберемся с популярными в веб форматами изображений и познакомимся с некоторыми приёмами создания декоративных эффектов.
    1. Большая практическая работа: создаём персональную целевую страницу преподавателя. Подробнее о целевых страницах и посмотреть примеры можно в моих статьях «Landing Page или как опознать кормильца?» и «Смотри как надо делать Landing Page».

      Блок III (продвинутый). Новые возможности HTML5 и CSS3

      1. Знакомство с HTML5. Вы познакомитесь с новыми возможностями HTML5. Вы узнаете, какие новые элементы появились в стандарте и как их правильно использовать, потренируетесь вставлять на страницу аудио и видео, подключать и использовать нестандартные шрифты и векторные изображения.
      2. Формы и HTML5. Вы научитесь создавать продвинутые формы, используя новые возможности HTML5. Мы познакомимся с новыми типами полей для ввода дат, цветов, чисел и адресов сайтов. Также рассмотрим такие возможности как автофокус, подсказки, средства валидации и многие другие.
      3. Игра теней. Вы научитесь создавать тени с помощью CSS. Мы по косточкам разберем свойство box-shadow, научимся использовать множественные тени, а также изучим некоторые продвинутые приёмы работы с тенями.
      4. Селекторы. Часть 2. Рассмотрим много продвинутых селекторов, таких как :nth-last-of-type или :only-child. Также научимся использовать псевдоэлементы, такие как :before и :after.
      5. Селекторы. Часть 3. Мы рассмотрим продвинутые селекторы, умеющие искать элементы по подстрокам в атрибутах, а также огромное количество селекторов для стилизации элементов форм, таких как :required, :optional или :checked.
      6. Линейные градиенты. Вы узнаете, что такое линейные градиенты и как их можно использовать для создания интересных декоративных эффектов. Мы разберём синтаксис функции linear-gradient, некоторые интересные приёмы, попрактикуемся создавать сложные орнаменты с помощью градиентов.
      7. Двумерные трансформации. Будем крутить, наклонять, перемещать, уменьшать и увеличивать объекты, а также взрывать их фаерболами, телепортироваться и использовать телекинез. Ну и, конечно, разберём крутые приёмы использования трансформаций для создания декоративных эффектов.
      8. Оформление текста с помощью CSS. Часть 2. Вы в прямом смысле «наиграетесь со шрифтами», декоративными текстовыми эффектами и тенями, а ещё узнаете, как повысить читабельность текстов с помощью новых CSS-свойств.
      9. Анимация. Рассмотрены основы анимации на CSS. Вам предстоит пройти путь развития цивилизации и покорить космический простор. Вы будете двигать, поворачивать и видоизменять объекты, попутно осваивая приёмы работы анимации в CSS.
      10. Плавные переходы. Вы научитесь плавно менять CSS-свойства, будете создавать красивые и функциональные элементы форм в стиле Material Design и построите мини-викторину об HTML и CSS.
      11. Таблицы на CSS. Вы взглянете на таблицы с другой стороны: научитесь строить их с помощью CSS, исследуете и опробуете на практике редкие табличные свойства.
      12. Рамки и фоны, часть 2. Вы научитесь мастерски управляться с рамками и фонами любых форм и размеров, откроете для себя секреты давно знакомых свойств и примените их на практике.

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

      Блок IV (продвинутый). Дневник преподавателя — основной инструмент ИКТ для взаимодействия со студентами. Немного программирования

      1. Что такое CMS. Типичная архитектура ПО, выбор хостинга. Вы узнаете как за бесплатно получить себе самостоятельную площадку для размещения своего ресурса.
      2. Open Source CMS. Знакомство с WordPress. Вы поймёте, что такое сайт с динамичным контентом и как им управлять. Характеристики и возможности. инструментальные средства для обслуживания своего сайта.
      3. Установка и настройка. Практические навыки конфигурирования движка для достижения своих педагогических целей.
      4. Выбор темы и возможности ее модернизации. Вы научитесь индивидуализировать свой сайт на основе бесплатных популярных шаблонов.
      5. Организация контента. Frontend и Backend. Вы узнаете, что такое таксономия коннтента, познакомитесь со стандартной таксаномией иерархической и горизонтальной классификацией, научитесь создавать свои классификации учебных материалов.
      6. Административная консоль для управления дневником.
      7. Обеспечение функциональности с помощью плагинов. Вы научитесь находить и использовать готовые программные компоненты для решения своих практических задач. Установка и настройка плагинов, возможность их модернизации.
      8. Электронный дневник преподавателя, студентов бакалавриата и магистратуры. Балльно-рейтинговая система. Здесь Вы познакомитесь с современной парадигмой организации учебного процесса с использованием творческого потенциала своих подопечных.

      Основная большую практическая работа. Финал обучение: создание своего персонального электронного дневника и его размещение в интернете. Интеграция дневника с целевой станицей. Немного программирования на PHP.

Два взгляда на программирование

Источник перевода: EWD540

В окружающем нас мире мы сталкиваемся с двумя коренным образом различными взглядами на программирование:

  • Точка зрения А: программирование в сущности очень просто.
  • Точка зрения В: программирование по сути очень сложно.

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

Обращение к моим студентам

  Address to my students (EWD956) — prof. dr. Edsger W. Dijkstra
Department of Computer Sciences, The University of Texas at Austin, Austin, Texas 78712-1111, United States of America, Austin, 14 April 1986

Почти всегда чтение литературы приводит меня к заключению, что качество научных статей стало ниже плинтуса. Позвольте мне перечислить некоторые типичные изъяны обычных публикаций:
Читать далее «Обращение к моим студентам»

О природе информатики

Источник вдохновения: EWD896

Теперь, когда летние курсы подходят к концу [EWD895], самое время посмотреть на их тему под другим углом зрения.

Официальная тема курсов: «Потоки управления и потоки данных: Концепции распределенного программирования» — всего лишь определила направление, обычно мы приходили к гораздо более общим вопросам, которые, вероятно, жизненно важны для информатики в целом. Итак, какова природа информатики или, что возможно более точно, какой она должна быть?
Читать далее «О природе информатики»

10 творческих проектов, которые делают наших детей счастливее

Это просто мамы и папы, которые пытаются сделать своих детей счастливыми маленькими ежедневными делами. Как правило, детей легко обрадовать, но не многие тратят на это свои силы. А они не ожидают многого, но просто делают что-то маленькое каждый день. Мы хотим сделать своих детей счастливыми и замечательные фотографии, которые вы увидите ниже, возможно, разбудят в вас ребенка.

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

cocuklar-icin-yapilan-calismalar[1]

Обедать в школе сейчас весело …

cocuklar-icin-yapilan-calismalar-kese-kagidi[1]

Она делает такие пакеты и для друзей. Её дети стали самыми крутыми в школе.

cocuklar-icin-yapilan-calismalar-kese-kagidi-s[1]

Вы можете увидеть instagram этой мамы здесь.

2. Рисунки своей 4-летней дочери мама переносит на домашнюю рухлядь

cocuklar-icin-yapilan-calismalar-elbise[1]

Она рисует на подушках, простынях или платьях, чтобы все видели фантазии её дочерей

cocuklar-icin-yapilan-calismalar-yastik[1]

И у мамы, и у её 4-летней дочьки богатая фантазия. Похоже, в доме немало фантазии.

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

cocuklar-icin-yapilan-calismalar-pecete[1]

Для своих детей она создает шедевры, чтобы повеселить их за обедом.

cocuklar-icin-yapilan-calismalar-pecete2[1]

Примечание: Съесть их Вы не сможете.

4. Тельмо Пипер, используя свои таланты, реконструирует детские рисунки

cocuklar-icin-yapilan-calismalar-tasarim[1]

Мы надеемся, что этот ребенок не выберет аэрокосмическую инженерии в будущем.

telmo-pieper-recreates-his-childhood-drawings-artnaz-com-9[1]

Если боитесь летать, то эта милая картина создаст для Вас немного комфорта.

5. Канадский фотограф Shawn Van Dalae своим проектом под названием “Рисуем надежду” вызывает аплодисменты детей с проблемным здоровьем

drawing-hope-project-children-drawings-shawn-van-daele-4__880[1]

Это картина Давида, у которого тяжелое заболевание сердца и его сердце не работает должным образом. Но он мечтает стать космонавтом и открыть для себя космос.

cocuklar-icin-yapilan-calismalar-prenses[1]

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

Если вы хотите больше узнать о нем, то зайдите на сайт Шона.

6. Иллюстратор Анджела Хендрикс — мама, которая превращает рисунки своей маленькой дочери в сюрреалистические картины

illustrator-mica-angela-hendricks-collaborates-with-4-year-old-daughter-1[1]

cocuklar-icin-yapilan-calismalar-surreal[1]

Если вы хотите увидеть эти удивительные работы, то проверить instagram этой мамы.

7. Когда мы были детьми, разрисовывать книжки было такой классный вещью

cocuklar-icin-yapilan-calismalar-boyama[1]

Но создание действительно классные картины из детских рисунков вместо этого папа‘ы работу.

dad-colors-kids-drawings-tatsputin-8[1]

8. Венди ЦАО — мама, которая превращает рисунки своих детей в настоящие игрушки

cocuklar-oyuncak[1]

wendy-oyuncak-gercek-cizim[1]

Детям так повезло с такой классной мамой.

9. David Raferriere — самый крутой папа, который собирает школьную еду в разрисованные пластиковые пакеты

sandvic-illustrasyon[1]

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

cocuklar-icin-yapilan-calismalar-beslenme[1]

Если вы хотите увидеть больше его работ, то они здесь.

10. У этой мамы дети каждое утро с нетерпением ждут завтрак с блюдами, которые она готовит

cocuk-yemeks[1]
Как и любая мама, она считает, что её дети должны есть больше.

Я ревновностно просматривала все эти фотографии людей с удивительной фантазией и талантами. Вы хотите быть одним из таких крутых родителей? Я наверняка да.

Оригинал: 10 Creative Projects Done to Make Children Rejoice!

Landing Page или как опознать кормильца?

Технические проблемы c проектором на крайней лекции по курсу «Современные Web-технологии» ускорили написание и завершение этого опуса, прежде всего, необходимого для демонстрации живых ссылок с иллюстрацией тезисов. Надеюсь, что это первая, т.е. не последняя, статья из серии материалов, посвященных одностраничным сайтам. Что это такое и для какой такой своей пользы необходимо и обязательно заниматься этим вопросом студентам Бизнес-информатики? В популярном «требнике» Wikipedia это явление называется «Целевая страница» — почитайте, это займет всего-то пять сек.

I. Прежде чем пытаться ответить на поставленный вопрос посмотрите герою дня в лицо. Типичные примеры:

Пример одностраничного сайта

Пример целевой страницы

Пример целевой страницы

Пример целевой страницы

Что отличает «кормильца»?

II. Посмотрели? Да, да такие сайты за их ничем не прикрытую прагматичность часто называют «кормильцами». От них ожидают активного действия посетителя — сделать заказ, зарегистрироваться на мероприятие, оставить отзыв, заполнить контактную форму, позвонить по телефону. В дальнейшем это активное действие в соответствии с разнообразными, но практически шаблонными бизнес-моделями, превращается в выгоду или в доход владельца сайта, т.е., как это модно и принято сейчас говорить, монетизируются.

Чем выделяется типичный «кормилец»:

  • Состоит из всего одной страницы (логично следует из названия), выполненной, как правило, в HTML-коде с CSS, иногда, с JavaScript для драйва на стороне клиента без использования серверных скриптов или программ, баз данных и прочих сопутствующих инструментов;
  • Скромный дизайн, но качественные юзабилити, UI и простая, интуитивно-понятная, навигация на странице, подчеркиваю, на странице;
  • Агрессивный текст или попытка сделать текст таковым с «предложением, от которого невозможно отказаться», побуждающим посетителя к активным действиям без которых рухнет мир, вас ожидает большая беда, но вечное блаженство в противном случае;
  • Обилие красочных рисунков, шрифтов, цветов, заголовков и подзаголовков (зачастую гипнотически «глаз застит»), призванные произвести впечатление и надолго остаться в памяти посетителей;
  • Большая кнопка в стиле «Сделать заказ», «Не опоздай, регистрируйся», «Сделай это немедленно»;
  • Фотографии довольных посетителей, свершивших решающее деяние и ставших довольными клиентами с их восторженными отзывами;
  • Реже на теле кормильца имеются портреты создателя, автограф, биография;
  • Еще реже гарантии того, что вам не станет хуже от решительного нажатия кнопки;
  • Иногда одностраничник становится многоэкранником – текст занимает от 5 до 20 экранов, но html-файл при этом всегда один, но
  • Общая линейная схема построения так же всегда одна – яркий заголовок, слоган и от него вправо-вниз лента, как правило, с вертикальной прокруткой, на которой последовательно 1) обозначение проблемы и 2) единственного путь ее решения, 3) преимущества единственного решения, 4) восторженные отзывы тех, кто попробовал, 5) гарантии и 6) призыв к активным действиям. Навигация — вертикальная прокрутка по перечисленным пунктам. Грубо, но безотказно работает в сети для достижении поставленной цели — продажи.

III. Кому нужны одностраничники?

  • Прежде всего, торговцам одного товара;
  • Фрилансерам – для саморекламы, «себя не похвалишь, кто похвалит?», это сайт-визитка.
  • Организаторам мероприятий – для приглашения на одноразовое мероприятие (например, конференция, презентация или незабываемая свадьба).
  • Свежим выпускникам – для создания эффектного и простого резюме.
  • Жителям виртуального пространства, работающим над построением сайта – для создания временной страницы «Сайт находится в разработке».
  • Поклонникам принципов «меньше – это больше» под лозунгом «Краткость — сестра таланта».

Давайте предоставим сайтам-одностраничникам возможность говорить самим за себя или:

Источники для вашего вдохновения

  1. transferwindow
  2. Kit Kat
  3. HOW MUCH TO MAKE AN APP
  4. Angel Investor
  5. So you want to go to RISD
  6. Think Big
  7. Why should I subdue the world, if I can enchant it
  8. Social Snack
  9. Play dot to
  10. Kocha
  11. Adam Ruzki
  12. Adam Woodhouse
  13. Digital design conference
  14. Du 8 au 11 octobre, la ville de Nantes revit pour la 12ème fois au rythme du festival Intercult’ et cette année
  15. Kick My Habits
  16. My name is Nobuaki Honma
  17. Sam Markiewicz
  18. Nedgroup Investments
  19. Emma Galler
  20. Учимся делать одностраничные сайты (группа ВКонтакте)
  21. Живой ручей (пример одностраничника)
  22. Использовать одностраничные сайты в рунете можно и нужно. С умом и без слепого копирования
  23. Mokselle — Smart Marketing

В следующей статье сериала о рынке труда и зачем Вам нужен одностраничник.

Чуть-чуть философии

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

Вот несколько любимых цитат.

Понимание

  • Если Вы не можете объяснить просто, то не достаточно хорошо понимаете суть. (Альберт Эйнштейн)
  • Большинство фундаментальных идей в науке, по сути настолько просты, что, как правило, могут быть объяснены понятным всем языком. (Альберт Эйнштейн)
  • Единственно реальная ценность — интуиция. (Альберт Эйнштейн)
  • Все должно быть сделано наиболее просто, но не примитивно. (Альберт Эйнштейн)
  • Цель обработки данных — понимание, а не числа. (Ричард Хэмминг)
  • Вы можете узнать как называется птица на всех языках мира, но когда это произойдёт, то о птице не будете знать абсолютно ничего… так что давайте смотреть на птичку и видеть, что она делает — в этом суть. Я очень рано понял разницу между знанием и названием. (Ричард Фейнман)
  • Недостаточно лишь понять задачу, необходимо желание решить её. Без сильного желания решить трудную задачу невозможно, но при наличии такового возможно. Где есть желание, найдётся путь! (Дьёрдь По́йа)
  • Скажи мне и я буду слушать. Покажи мне и я буду смотреть. Но если ты позволишь мне испытать, я буду учиться. (Лао-Цзы)
  • У Вас есть пять лучших друзей: Что, Почему, Где, Когда и Как. Ни к кому не обращайтесь за нужным советом, кроме как к Что, Почему, Где, Когда и Как. Не верьте ничему и сомневайтесь только в том, что действительно вызывает сомнение. Найдя первый гриб или сделав первое открытие, осмотритесь вокруг, — они родятся пучками. (Дьёрдь По́йа)

Идеи и решения

  • Воображение важнее знания. (Альберт Эйнштейн)
  • Не стремитесь следовать по стопам мудрого. Искать то, что они уже нашли. (Мацуо Басе)
  • Если бы я слушал клиентов, то отдал бы им более быструю лошадь. (Генри Форд)
  • Отладка в два раза сложнее первоначального написания кода. Поэтому, если вы очень ловко пишете код, возможно, вы, по определению, не достаточно умны, чтобы его отладить. (Брайан Керниган)
  • Учениее — это разжигание костра, а не наполнение сосуда. (Сократ)
  • Когда вы убедились в правильности теоремы, то начинайте её доказывать. (Дьёрдь По́йа)
  • Моя цель — наилучшим и простым способом выразить на бумаге то, что я вижу и чувствую. (Эрнест Хемингуэй)

Истинные знания

  • Я ничего не знаю, кроме самого факта своего невежества. (Сократ)
  • Если я видел немного дальше, то только потому, что стоял на плечах гигантов. (Исаак Ньютон)