Веб-технологии и современные средства разработки УЦ ВГТУ & SoftLine Academy. - презентация

1 Веб-технологии и современные средства разработки УЦ ВГТУ & SoftLine Academy

2 Модуль 6: Использование Microsoft Silverlight для предоставления динамического контента Обзор Microsoft Silverlight Создание приложений с поддержкой Silverlight в Visual Studio 2008

3 Урок: Обзор Microsoft Silverlight Ключевые особенности Microsoft Silverlight Инструменты для проектирования и разработки приложений Silverlight Архитектура Silverlight XAML и Microsoft Silverlight

4 Ключевые особенности Microsoft Silverlight Кросс-браузерное, кросс-платформенное решение. NET Framework Открывает богатые возможности в средствах массовой информации и интерактивных приложений для Интернета Обеспечивает гибкую модель программирования Интегрируется с существующими веб-приложениями Основывается на WPF и XAML технологиях Обеспечивает расширения JScript

5 Инструмент для проектирования и разработки приложений Silverlight Microsoft Expression Studio Expression Design Expression Blend Expression Encoder Microsoft Visual Studio Silverlight Tools Alpha Refresh для Visual Studio

6 Архитектура Silverlight Core presentation framework.NET Framework для Silverlight

7 XAML и Microsoft Silverlight Что такое XAML? XAML является декларативным языком для дизайна пользовательского интерфейса XAML позволяет разделить проектирования приложений от бизнес-логики XAML и Silverlight Файл XAML определяет пользовательский интерфейс, который выступает в качестве содержания Silverlight Холст как правило, имеет в качестве корневого элемента Включает пространство имен для Silverlight-приложений

8 Урок: Создание Silverlight-ориенитрованного приложения используя Visual Studio 2008 Создания Silverlight-приложения Содержание Silverlight-приложения Использование XAML объектов Обработка событий Демонстрация: Просмотр видеофайлов в Silverlight- приложении

9 Создания Silverlight-приложения Visual Studio 2008 содержит шаблоны проектов для создания приложений Silverlight с помощью Visual C # и Visual Basic Создание приложения Создайте Silverlight приложения с помощью Visual Studio 2008 Добавление новой страницы Silverlight

10 Содержание Silverlight-приложения page.xaml – пользовательский интерфейс Silverlight приложения: Page.xaml.cs или Page.xaml.vb – файл обработчика событий Silverlight.js – экземпляр the Silverlight элемента управления TestPage.html – Включает в себя элемент правления Silverlight и ссылки на два файла JScript TestPage.html.js – Определяет размер подключаемого модуля Silverlight и ссылки на XAML страницы

11 Использование XAML объектов Синтаксис элемента объекта Синтаксис атрибута Синтаксис текста

12 Обработка событий Определить обработчик в файле XAML Написать обработчик события страницы в файл с выделенным кодом для файлов XAML Скомпилировать приложение [Visual C#] public void Page_Loaded(object o, EventArgs e) {... Button1.MouseLeftButtonDown += new MouseEventHandler(OnClick); } [Visual C#] public void Page_Loaded(object o, EventArgs e) {... Button1.MouseLeftButtonDown += new MouseEventHandler(OnClick); } [Visual Basic] Protected Sub Page_Load(ByVal sender As Object, _ ByVal e As System.EventArgs) Handles Me.Load... AddHandler Button1.MouseLeftButtonDown, _ AddressOf OnClick End Sub [Visual Basic] Protected Sub Page_Load(ByVal sender As Object, _ ByVal e As System.EventArgs) Handles Me.Load... AddHandler Button1.MouseLeftButtonDown, _ AddressOf OnClick End Sub

13 Демонстрация: Просмотр видеофайлов в Silverlight- приложении Добавить видео-файл в Silverlight приложение Добавить объект MediaElement object на холст Просмотр видео в браузере Выполнить преобразование видео

14 Страница примечаний. Не печатайте слайд. Смотрите заметки к слайду.

15 Лабораторная работа: Предоставление динамического контента с помощьюMicrosoft Silverlight Упражнение 1: Создание Microsoft Silverlight- приложений Упражнение 2: Добавление динамического содержимого в Microsoft Silverlight приложения Информация для входа Виртуальная машина 2310C-LON-DEV-12 Имя пользователя Student Пароль Pa$$w0rd Продолжительность: 45 минуты

16 Сценарий лабораторной работы Benefits Home Page Page.xaml HTML Test Page TestPage.html Веб- приложение Event Handling Page.xaml.cs or Page.xaml.vb

17 Обзор лабораторной работы Вопросы для самоконтроля Как вы можете создать объект XAML «прямоугольник»? Как вы можете создать объект XAML «круг»? Как вы можете легко добавить событие для многих процедуры контроля? Где находится код для объекта анимации?

18 Обзор модуля и выводы Вопросы для самоконтроля Реальные проблемы и сценарии