Silverlight and ASP.NET Revealed

Издательство: Apress, 2007 г.
Мягкая обложка, 50 стр.
Язык: Английский

Автор: Мэтью Макдональд (Matthew MacDonald)

О книге: Microsoft Silverlight allows you to create rich multimedia    interfaces with the power and flexibility of Flash, but with the extensibility and the great tools that .NET offers. With Silverlight and ASP.NET Revealed, you’ll learn to use Microsoft’s Silverlight technology in conjunction with ASP.NET and Visual Studio 2008 (codename Orcas). You will ultimately incorporate Silverlight into an ASP.NET web site and use the ASP.NET controls that render Silverlight content. But you’ll also get the basics of Silverlight, too, making this book a must-read for any web developer curious about Silverlight.
“Silverlight and ASP.NET Revealed” assumes a deep knowledge of ASP.NET, but no knowledge of Silverlight.

Microsoft Silverlight позволяет создавать разнообразные мультимедийные интерфейсы со всеми приколами и гибкостью флеша, имея при этом более расширенный ряд инструментов. NET. С книгой Silverlight и ASP.NET вы научитесь использовать  технологию Microsoft Silverlight в сочетании с ASP.NET и Visual Studio 2008. В конечном итоге он будет включать Silverlight в ASP.NET веб-сайта и использование ASP.NET контроля, которые делают содержание Silverlight. Прочтение этой книги необходимо каждому веб-разработчику. Она уменьшит ваши проблемы при создании сайта. Ведь зная как делать мы быстрее и эффективнее делаем!
Книга Silverlight и ASP.NET предполагает глубокое знание ASP.NET.

Купить книгу Silverlight and ASP.NET Revealed

Silverlight 1.0

Издательство: Wrox (27 Октября, 2007)
Мягкая обложка, 288 стр.
Язык: Английский

Автор: Devin Rader, Jason Beres, J. Ambrose Little, Grant Hinkson

О книге: This book is for professional web developers who want to take advantage of Silverlight’s capabilities to create rich interactive applications.

What you will learn from this book:

• Easy ways to incorporate graphics, animation, audio, and video into Internet applications
• Methods for creating rich media apps that run on Windows and Mac, as well as in Internet Explorer, Firefox, and Safari
• How to write standard JavaScript within an HTML page to manipulate and program against any XAML DOM element, storyline animation, or video
• Ways to integrate Silverlight within existing HTML pages, web sites, and ASP.NET applications
• How to handle data access in Silverlight applications using AJAX

Эта книга предназначена для профессиональных веб-разработчиков, которые хотят воспользоваться возможностями Silverlight для создания разнообразных интерактивных приложений. В ней вы узнаете:

• Простейший способ включить графику, анимацию, аудио и видео в интернет-приложение
• Методы создания самых разных медиа приложений, которые работают на Windows и Mac, а также в Internet Explorer, Firefox и Safari
• Как написать стандартное JavaScript без HTML, чтобы манипулировать и создавать какие-либо XAML DOM элементы, анимацию, или видео.
• Пути интеграции Silverlight в рамках существующих HTML-страниц, веб-сайтов и приложений ASP.NET
• Как обработать данные доступа в Silverlight с использованием AJAX.

Купить книгу Silverlight 1.0

Silverlight 1.0 Unleashed

Издательство: Sams, 1 edition, 2007
Мягкая обложка, 272 стр.
Язык: Английский

Автор: Adam Nathan

О книге: Code samples appear as they do in Visual Studio and Expression Blend!
Printed entirely in color, with helpful figures and syntax coloring to make code samples appear as they do in Visual Studio and Expression Blend!
Silverlight is a lightweight but powerful plug-in for multiple web browsers on multiple operating systems that makes it easier than ever to create rich web-based content, applications, and controls. With support for vector graphics, animations, full-screen high-definition video, and more, Silverlight gives you the ability to create more compelling content than you dreamed possible for Windows, Mac OS X, and Linux. Silverlight provides much of the power of Windows Presentation Foundation, but with less overhead and easy integration with HTML and AJAX-style applications. Silverlight 1.0 Unleashed is the authoritative book that covers the technology in a practical and approachable fashion, authored by Silverlight guru and Microsoft developer Adam Nathan.

Silverlight представляет собой легкий, но мощный плагин для большинства веб-браузеров на различных операционных системах, что делает ее проще, чем когда-либо для создания богатого веб-контента, приложения и контроля. В поддержку векторной графики, анимации, видео и многово другова, Silverlight предоставляет вам возможность создавать для Windows, Mac OS X и Linux более уникальный контент, о котором вы только мечтали.  Silverlight предоставляет много возможностей Windows Presentation Foundation , но с меньшими накладными расходами и легкой интеграцией  HTML и AJAX-стилевых приложений.
Silverlight 1,0 Unleashed является достаточно авторитетной книгой, которая охватывает технологию и ее практическое применение. Ее автором является Microsoft Developer и гуру своего дела Адам Натан.

Купить книгу Silverlight 1.0 Unleashed

Introducing Microsoft Silverlight(TM) 1.0 (PRO-Developer)

Издательство: Microsoft Press (26 Сентября, 2007г.)
Мягкая обложка, 288 стр.
Язык: Английский

Автор: Laurence Moroney

О книге: Get a first look at Microsoft Silverlight with this practical introduction. This ideal reference delivers pragmatic advice, from in an insider s perspective, of how the tool was developed from concept to release. An expert on Silverlight and a Technical Evangelist on the Silverlight team delivers a first look at the new cross-platform, cross-browser plug-in and details the relationships among Silverlight and Microsoft .NET Framework 3.0 and 3.5 technologies. Rich Internet Applications (RIAs) are Web applications that have the features and functionality of full desktop applications. Processing tasks are performed on the client, but data is stored on the server, allowing a much richer experience. With Silverlight, RIAs install quickly via a small, on-demand plug-in. This book shows how the first release of Silverlight will help simplify development and deployment of RIAs. Includes a companion Web site with code samples in Visual C# and Visual Basic.

И так, приступаем к  Microsoft Silverlight сразу с его практического внедрения! Это чудная книженция не только открывает нам прагматичные советы, но и рассказывает о том, как и зачем был разработан этот инструмент. От концепции до выпуска. Группа технических гуру и просто экспертов по Silverlight делиться своим мнением  на новый кросс-платформенный, кросс-браузер плагин и подробности взаимоотношений между Silverlight и Microsoft. NET Framework 3.0 и 3.5. Богатые Интернет приложения (РИС) являются веб-приложениями, которые имеют характеристики и функциональность полнофункциональных приложений. Обработка задачи выполняются на клиентском компьютере, а данные хранятся на сервере. К тому же Silverlight и RIA быстро устанавливаются на компьютер пользователя. Эта книга показывает, как первый релиз Silverlight позволил упростить разработку и внедрение RIA. Включает сопутствующий веб-сайт с образцами кода в Visual C # и Visual Basic.

Купить книгу Introducing Microsoft Silverlight(TM) 1.0 (PRO-Developer)

Popularity: 1% [?]

Наконец-то вышла Beta 2. Обязательно качаем и ставим. Также наконец-то SilverLight работает под оперой. Microsoft нас только радует своими улучшениями.

(more…)

Popularity: 62% [?]

Silverlight 1.0 позволяет создавать интерактивные эффекты, и менять свойства объектов используя JavaScript.

Silverlight 1.0 позволяет вызывать JavaScript функции, когда наступает какое либо событие например загрузка объекта или событие при наведении мыши.

Для того, чтобы определить обработчик события необходимо проделать следующие шаги:

1) В вашем XAML файле определить необходимый атрибут для вашего объект, который будет указывать функцию, которая будет обрабатывать событие.

someEvent = ‘YourFunction”, где someEvent - какое-то событие доступное для вашего объекта, а YourFunction JavaScript функция, которая будет обрабатывать ваше событие

2) Необходимо определить вашу функцию (YourFunction) в JavaScript файле

(more…)

Popularity: 51% [?]

Для того, чтобы начать создавать свои собственные приложения на Silverlight. Вам необходимо для начала запастись необходимыми программными средствами.

1) Для 1.0: SilverLight 1.0

Для 2.0: SilverLight 2.0

Установка плагина Silverlight ни чем не отличается, от обычных windows приложений, только в конце они забыли добавить кнопку “finish”, что немного сбивает с толку и приходиться закрывать обычным крестиком.

(more…)

Popularity: 52% [?]

Вот для того, чтобы не расслабляться, небольшая подборка уроков по SilverLight, так что качаем и учишься работать с новой технологией:

• Using Silverlight Brushes for Color, Gradient and Video
• Using the Silverlight Downloader Object
• Basic Keyboard Input with Silverlight
• Adding Ink Support to a Silverlight-based Application
• 2D Geometries in Silverlight
• Building Video Overlays with Silverlight
• Creating a Video Scrubbing Control with Silverlight
• Using Silverlight for Full Screen Experiences
• Silverlight Event Handling with JavaScript
• Animating and Clipping Video with Silverlight
• Creating Vector Art for Silverlight with Expression Blend
• Animating Vector Art for Silverlight with Expression Blend Part I
• Animating Vector Art for Silverlight with Expression Blend Part II
• Animating Raster Art for Silverlight with Expression Blend
• Using Expression Blend to Control Silverlight Media Playback
• Delivering Parameterized Silverlight Content with ASP.NET
• Delivering Parameterized Silverlight Content with PHP
• Delivering Parameterized Silverlight Content with Java
• Using AJAX to Dynamically Update Silverlight Content
• Creating a Video Playlist with Silverlight and ASP.NET
• Overlaying HTML and Silverlight Content
• Real-Time Data Update with Silverlight and Web Services

Popularity: 76% [?]

Сегодня мы с вами рассмотрим взаимодействие SilverLight и JavaScript. Рассмотрим это на простом примере, мы создадим просто текстовое поле и текстовый блок. При нажатии будет вызываться функция JavaScript и выскакивать сообщение, что мы в данный момент нажали.
Итак заходим сново уже в привычный для нас интерфейс Expression Blend, создаем новый проект. Затем создаем текстовый блок и прямоугольник ввиде окантовки к нашему тексту… В итоге xaml должен выглядеть следующим образом:

<canvas>
xmlns="http://schemas.microsoft.com/client/2007"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="300" Height="80"
Background="White"
x:Name="Page"&gt;</canvas>

<rectangle width="300" height="80" stroke="Black" strokethickness="2">
cursor="Hand" mouseleftbuttonup="MouseClicked"&gt;
<textblock fontsize="22" canvas.left="113.21" canvas.top="26">
foreground="Blue" text="SilverlightRU.net" cursor="Hand"
mouseleftbuttonup="MouseClicked";
</textblock></rectangle>

Параметры прямоугольника состоят из следующих значений:

• Width и Height, соотвественно длина и высота прямоугольника;
• Stroke - тут выставляем цвет контура прямоугольника, в примере - Черный;
• StrokeThickness - тут выставляем значение толщины линии;
• Fill - тут задаем значение цвета заливки, в нашем примере данный параметр отсутствует, так как нам нужно чтоб был виден текстовый блок;
• Canvas.Left и Canvas.Top - положение прямоугольника на рабочей области, по умолчанию оба значения имеют координаты (0;0).

Текстовый блок состоит из следующих значений:

• FontSize - размер нашей гарнитуры;
• Foreground - цвет текста;
• Text - текстовое содержание нашего блока;
• Canvas.Left и Canvas.Top - положение текстового на рабочей области, по умолчанию оба значения имеют координаты (0;0).
• MouseLeftButtonUp - в обоих случаях событие по нажатию левой клавиши мыши.

Все что нам осталось добавить, это в нашем html файле следующий код :

<script type="text/javascript">
function MouseClicked(sender, args){
   alert("Sender: " + sender.toString());
}
</script>

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

Popularity: 76% [?]

Ну что продолжим с вами знакомиться с практической частью создания Silverlight. И так как я отношусь по большой части к дизайнером, то больше всего меня интересует создание анимации, чем сегодня с вами и займемся. Так как мы только знакомимся с вами с этой программой, то сегодня попробуем сделать с вами очень простую анимацию в буквально несколько кадров.
Запускаем наш Expression Blend 2, создаем новый проект (кто не занеет как, смотрим тут). Выбираем инструмент - Перо, и рисуем кривую похожую на морскую волну

Затем откройте вкладку Properties, и выберите для заливки соответствующий синий цвет, у нас же все-таки волна должна получиться.

Сейчас перейдем непосредственно к анимации, для этого в панели Object and TimeLine выбираем Create new Storyboard, нажав для этого “+”. В появившемся окне вводим название нашей шкалы,снимаем галочку с пункта Create as a Resource и нажимаем кнопку ОК.

В панели Object and TimeLine мы видим, что появилась временная шкала (напоминает шкалу во Flash). Выбираем инструмент Direct Selection, перетягиваем ползунок на 1, и деформируем нашу волну, после этого опять перетягиваем, ползунок на значение 0, и нажимаем кнопку Record Keyframe, видим что появилось два кадра.

Выделяем нулевой кадр копируем его и перетягивает шкалу на значение - 2, и вставляем туда первый кадр, можем сейчас попробывать проиграть анимацию. Однако у нас анимация прогрывается только один раз, чтоб поставить ее на зацикливание кликаем по наше шкале (на название шкалы - в нашем случае Wave), выделив ее, и в закладке Properties в поле RepeatBehavior вписываем значение Forever.

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

Ну вот и произошло наше первое знакомстов с анимацией в SilverLights, с чем собственно всех и поздравляю)

Popularity: 93% [?]

Знакомимся с новыми возможностями Expression Blend 2 September Preview, для этого идем и смотрим 4 видеоролика демонстрирующих нам эти возможности…

Popularity: 100% [?]

Ну вот и пришло время практики.. Сегодня мы немного потренируемся и попробуем сотворить чего Silverlight-оского ;)
Начало статьи тут….
Итак начнемс, вы уже должны были скачать и установить Expression Blend, если Вы этого не сделали, то смотрим тут, что и как необходима скачать и установить.
Запускаем Microsoft Expression Blend, кликаем New Project, и конечно выбираем SilverLight Application, указав папку в которой будут храниться исходники.

Выберите ОК, и новый проект будет создан.
Структура вполне стандартная, и думаю кто работал с различными графическими редакторами, как Flash, разобраться будет не сложно. Единственное в верхнем углу расположено меню доступа к основным файлам проекта.

Т.е. проект содержит по умолчанию HTML страницу, код JavaScript содержащейся на этой странице, XAML документ.
Silverlight.js содержит код загрузки и иллустрирует пример управления SilverLight. Он представлен как часть Silverlight SDK.
Default.html - стандартная Web страница. Она содержит три ссылки на JavaScript, указывающие на Silverlight.js, Default.html.js , и Scene.xaml.js (который содержит обработчик событий определенных в XAML).
Итак мы займемся с вами созданием UI для Video Player.
Добавьте любой видео файл к вашему проекту. Чтобы сделать это, щелкните правой кнопкой мышки на Project Files в верху экрана, и выберите Add Existing Item… Выбираем любой видеофайл (Добавляем WMF и версия Microsoft Windows Player должна быть не ниже 10) и нажимаем ОК

Файл появится в Project Explorer, и, Медиа элемент будет добавлен на главную страницу. Вы можете теперь просмотреть ваш проект в браузере, который воспроизведет ваше видео! Также можно остановить автоматическое воспроизведение видео, редактируя XAML. Выберите XAML (из двух:Design&XAML) таблицу, откроется окно редактирования XAML. Просто нужно лишь отредактировать тег MediaElement, и установите атрибут AutoPlay=False.

Запускаем - смотрим, все работает!
Добавьте два текстовых блока на поле с текстом Play и соответственно Stop и назовите их Play_txt и Stop_txt, после этого ваш XAML файл дожен выглядеть следующим образом (что самое удобное, ошибки видны сразу на панели Errors).

<canvas>
xmlns="http://schemas.microsoft.com/client/2007"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="640" Height="480"
Background="White"
x:Name="Page";
<mediaelement x:name="You_Roll_wmv" width="352">
Height="288" Source="You Roll.wmv"
Stretch="Fill" Canvas.Left="134"
Canvas.Top="94" AutoPlay="False";
<textblock x:name="Play_txt" width="40" height="25" canvas.left="106">
 canvas.top="411" text="Play" textwrapping="Wrap";
<textblock x:name="Stop_txt" width="38" height="25" canvas.left="167">
canvas.top="411" text="Stop" textwrapping="Wrap";
</textblock></textblock></mediaelement>
</canvas>

Затем добавьте описание обработчика событий для блоков текста в XAML. Для этого используется свойство MouseLeftButtonDown (интуитивно понятно, что действует по нажатию левой клавиши мыши).
Итак для Play_txt добавляем действие DoPlay, для Stop_txt - DoStop, и соответственно участок с текстом в XAML выглядет следующим образом:

<textblock x:name="Play_txt" width="40" height="25">
canvas.left="106" canvas.top="411" text="Play" textwrapping="Wrap"
MouseLeftButtonDown="DoPlay"&gt;;
<textblock x:name="Stop_txt" width="38" height="25" canvas.left="167">
canvas.top="411" text="Stop" textwrapping="Wrap"
MouseLeftButtonDown="DoStop"&gt;;
</textblock></textblock>

Теперь когда пользаватель щелкнет мышкой по одному из текстовых блоков, мы сможем обработать это событие при помощи JavaScript. Обработка Событий в JavaScript записывается здесь Page.xaml.js.
Так как мы определили функции по нажатию, как DoPlay и DoStop, запишим их соответсвенно в Page.xaml.js. Код должен выгдедеть следующим образом:

function DoPlay(sender, eventArgs)
{
var theHost = document.getElementById("SilverlightControl");
var theMedia = theHost.content.findName("YouRoll_wmv");
theMedia.Play();
}

function DoStop(sender, eventArgs)
{
var theHost = document.getElementById("SilverlightControl");
var theMedia = theHost.content.findName("YouRoll_wmv");
theMedia.Stop();
}

Все можем тестировать. Нажимаем на текстовый блок Play - ролик начинает проигрываться, нажимаем на Stop - останавливается. Поздравляю мы сделали первый проект при помощи Silverlight!!!

Popularity: 93% [?]

Вот небольшая инструкция как поставить среду разработки для приложений SilverLight.
Так как нам пока необходимы только основы работы с SilverLight, то достаточно будет поставить:
1) .NET Framework 3.0, после того как он распакуется, установите его в online режиме.
2) после установки .NET Framework 3.0, скачайте и установите Expression Blend 2 September Preview, весит данный архив около 25Мб.
Все можно приступить к работе….

Popularity: 50% [?]