среда, 28 декабря 2011 г.

ММТВО | Одна идея и немного о будущем

Хочу поздравить с завершением первого семестра!

Во втором семестре мы много времени уделим таким технологиям для создания мультимедийного контента как Flash, Flex (а также другие современные инструменты от компании Adobe).  Кроме того, мы рассмотрим как можно создавать мультимедийный контент средствами HTML5, CSS3, JavaScript.

На последнем занятии, была высказана идея для мультимедийного проекта по этой дисциплине. Желающие в количестве 2-3 человек могут взяться за реализацию данного проекта в качестве альтернативного варианта прохождения этого курса.

Суть проекта:
Разработать мультимедиа-гид по университету. Выбрать объекты, находящиеся на территории РГПУ, которые представляют интерес для гостей, студентов, абитуриентов. О каждом из них записать небольшой рассказ. Навигацию по территории реализовать в виде ссылок в ролике.

Пример проекта, где реализована подобная идея с навигацией: http://www.youtube.com/watch?v=AxH6mNt6x4E

С наступающим Новым Годом!

суббота, 10 декабря 2011 г.

Курсовые работы (ММТвО, III курс ИТО)

http://dist-learn.blogspot.com/p/3.html#course

Сроки:   к 15.12 - тема и описание продукта; к 15.01 - окончательный вариант (на CD продукт и электронный текст, а также адрес продукта или его описания в интернете + распечатанный текст в скоросшивателе).
Структура курсовой работывводная часть (цель, задачи, актуальность) + описание технологии/ПО + описание созданного продукта (со скриншотами).
Создаваемый продукт: мультимедийные инструкции (в виде веб-сайта) по пользованию OpenSource ПО. Включают:
  • краткую справку по описываемому продукту;
  • непосредственно инструкции по решению типовых задач (краткий текстовый вариант + запись с экрана движений мыши + голосовое сопровождение);
  • набор аннотированных ссылок на ресурсы.
Образец текстового оформления курсовой работы: http://portfolio.dynamicpages.ru/projects/mmt-term-paper/course.doc

Еще один пример (по другой дисциплине) 


Примеры тем:
1. Разработка набора роликов учебного назначения в среде Flash и для HTML5
2. Разработка набора модулей в среде ОМС
3. Создание приложения для генерации веб-страниц с мультимедийным содержанием по заданной схеме
4. Кроссплатформенные реализации анимации на основе векторной графики (SVG)
5. Инструменты и примеры создания анимации для HTML5/CSS3 (Sencha Animator и т.д.)

четверг, 8 декабря 2011 г.

Немного анимации в стиле CSS3

Создайте пару элементов div с идентификаторами gr и bc и таблицу стилей:


#gr {height: 100px; border: ridge 3px;
background-image: -webkit-linear-gradient(rgba(255,255,255,.9), rgba(0,0,255,0));
border-radius: 20px; text-align: center; display:table-cell; vertical-align:middle;
}

#bc { font: bold 18px sans-serif;
   height: 100px;
    -webkit-animation-name: 'bc';
    -webkit-animation-duration: 10s;
    -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes 'bc' {
    from {
       background-color: white;
    }
    50% {
       background-color: blue;
    }
    to {
       background-color: white;
    }  
}

Это будет работать в Chrome. Для работы в других браузерах:
-o-
-ms-
-moz-

Ony this moment