Данный текст является вольным переводом на русский язык статьи “Minimizing your designer footprint”.

Введение

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

Эта проблема для веб-дизайна не нова. Всегда требуется создавать такой дизайн, который не потребует от пользователя скачивания большого количества информации для просмотра страницы – поэтому дизайнеры часто применяют gif-изображения или повторяющийся фон со спрайтами, которые хранят всю графику в одном месте.

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

Выбор правильного подхода

Есть достаточное количество способов минимизировать “дизайнерский след” внутри Silverlight-приложения. Предлагаемый список, конечно же, не является полным, поэтому большая просьба – оставляйте свои комментарии с советами по тому, как сделать красивый и легкий дизайн.

Xaml против Растра

Для реализации своих задумок дизайнеры располагают большим количеством отличных инструментов и способов для работы с ними визуально. Главное выбор, который приходится сделать – использовать ли объекты векторной графики, созданные с помощью XAML или же применить в своих работах растровые изображения, такие как JPG и PNG. В большинстве случаев, вы будете использовать оба типа – как векторную графику, так и растровую для достижения лучшего вида, но все же есть несколько советов для выбора оптимального варианта.

Вектор (XAML)

Векторные изображения применяются для форм и обектов, созданных с помощью путей из серий точек и вычислений. Лучшее свойство векторных форм – масштабироваться до любых размеров без потери качества. Это очень подходит для создания стилей и изображений, не требующих фотореалистичности. После создания формы, дизайнер может использовать инструмент “direct selection” для манипулирования и настройки отдельных точек для уточнения формы.

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

PNG

Является лучшим выбором для графики высокой сложности, к тому же, использование альфа-канала позволит Вам создавать потрясающие эффекты.

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

Стоит также не забывать, что, используя растровые изображения, Вы теряете возможность масштабировать изображение без потери качества. Растр означает то, что изображение привязано к пикселям – никаких вычислений для создания изображения в момент запуска не производится, что не позволяет перерисовывать изображение в другой размер. Эта проблема решается созданием нескольких изображений разного разрешения, но это приводит к увеличению размера графических файлов.

Если качество изображения установлено на 100%, то тогда PNG-файлы отлично подходят для использования в качестве изображений и линий с текстом, создаваемых компьютером (это не значит, что не стоит использовать линии и текст, создаваемые с помощью Silverlight). Также, PNG является хорошим выбором и тогда, когда нужно добавить тени прямо в изображение, используя альфа-канал и не использовать графические эффекты, о которых я расскажу немного позже.

JPG

Формат JPG обычно применяется при использовании фотографий или рендеров с фотореалистичностью. Способность создавать насыщенные изображения, такие как фотографии, с минимальным размером – довольно весомый аргумент. Однако, JPG довольно тяжело использовать для текста и линий, к тому же отсутствие альфа-канала может может привести к дополнительным трудностям с качеством изображений и добавлением их в проект.

GIF

Не доступен в Silverlight “из коробки”.

Графические эффекты

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

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

Графические эффекты должны использоваться как можно меньше, а лучше – вообще избежать их использования, если это возможно. Если же эти эффекты очень важны для реализации вашей задумки, постарайтесь свести количество анимации к минимуму. Лучше всегда “вшивать” эффекты в PNG-изображения. Стоит отметить, что только тени и размытость доступны “из коробки”.

Повторное использование стилей

В больших приложениях повторное использование стилей помогает дизайнерам избежать раздувания XAML-кода, а также оставить размер файла и время его загрузки на низком уровне, к тому же значительно облегчить последующее обслуживание приложения. Ресурсные словари – отличный способ для удержания информации о стилях и кистях в одном месте, что позволяет Вам применять эти стили ко множеству контролов вашего приложения, оставляя при этом XAML чистым и легкочитаемым.

Заключение

Это только несколько способов для Вас, как дизайнера, помогающих оградить ваши работы от негативных последствий, при их создании. Буду рад услышать ваши подсказки и советы по поводу того, как создавать проекты, работающие гладко и, в то же время, предлагающие широкие возможности.

Спасибо за прочтение.

С наступающим Новым Годом, коллеги! Надеюсь, что 2010 год принесет всем вам успеха, удачи и много-много счастья! С праздником!!!

А в качестве своего поздравления предлагаю вам посмотреть на небольшую открытку, которую сделал сам в Microsoft Expression :)

Открытка

Она же, но без музыки

Та же открытка, но картинкой

Еще раз с наступающим! ;)

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

Начнем с домена. Компания .masterhost до 31 декабря этого года проводит акцию “Домен как праздник”, по которой любой желающий может приобрести домен в зоне .RU всего за 196 рублей на целый год. Согласитесь, довольно выгодно.

Домен купили. Теперь нужно подобрать для него хостинг подешевле, но с хорошим качеством обслуживания. У меня для вас есть целых 2 варианта. И оба они действительны только для студентов.

Хостинг от уже знакомой нам компании .masterhost. Уже довольно давно они, совместно с Microsoft объявили о доступности тарифа “Студенческий”, по которому вы совершенно бесплатно можете получить домен 3-его уровня (вида example.studenthost.ru), 500MB свободного места под сайт, IIS7, поддержку SL3, качественное техническое обслуживание и еще много каких бонусов. Стоит отметить, что данный вид хостинга не предназначен для коммерческой деятельности. Уже приобретенный домен второго уровня можно добавить в качетсве синонима (алиаса). Для научных и учебных организаций есть Unix-хостинг на тарифе “Образовательный”.

Сегодня стал доступен второй, куда более интересный вариант – совместное предложение от компаний Microsoft и Parking.ru. Полноценный хостинг для студентов за очень скромные деньги. Всего за 50 рублей в месяц можно получить 500MB дискового пространства, поддержку ASP.NET 3.5, MVC, PHP5 (c Zend Optimizer), SSI, SQL Server 2008 WE / MySQL и прочие вкусности. Обычная цена такого хостинга составляет 230 рублей в месяц. Экономия 2160 рублей в год! Любители виртуализации могут взять виртуальную машину:  ½ ядра, RAM 512 Мб, с дисковым пространством в 25 Гб, почтовым 200 Мб и Windows Web Server 2008R2 на борту. Обойдется это всего в 300 рублей за месяц использования (обычная цена 800 рублей/месяц). Для участия в акции нужно быть зарегистрированным в программе Dreamspark. Все подробности можно узнать на сайте акции.

Как видите, сделать свой сайт доступным для других интернет-пользователей довольно просто и дешево. Особенно, если вы студент :)

Совсем скоро выйдет Visual Studio 2010, в которую будет включен язык программирования F#. Язык довольно новый, но уже полюбившийся многим программистам со всего мира, в том числе и из России. Литературы для его изучения пока очень мало, а на русском языке так и подавно.

Предлагаю Вам помочь устранить этот недочет. А сделать это довольно просто – зайти на блог издательства Вильямс и ответить на вопрос – нужно ли переводить вскоре выходящую книгу “The Definitive Guide to F#” на русский язык? Написана она одним из главных идеологов и создателей языка F#, так что информация там, действительно, актуальная и познавательная.  Если отзывов наберется достаточно, то книга, скорее всего, появится уже совсем скоро в России. Если нет, то мы упустим уникальную возможность одними из первых изучить данный язык и оказаться на гребне программисткой волны.

Собственно, решать Вам. Если Вы за, то напишите, пожалуйста, об этом на специальной страничке. Спасибо.

Сегодня я вам покажу, как можно довольно просто добавить физику в Silverlight-проект. Рассмотрим это на небольшом примере с использованием физического движка Farseer Physics, распространяющегося совершенно бесплатно.

Совсем недавно компания Microsoft выпустила бесплатный антивирус Microsoft Security Essentials. Но, к сожалению, не было его перевода на русский язык, да и скачать с американского сайта было довольно трудно.

Сегодня произошло знаменательное событие – вышла русская версия данного антивируса! Переведен как установщик, так и сам интерфейс программы.

Чтобы скачать MSE, нужно зайти на его официальный сайт и нажать большую кнопку “Загрузить сейчас”. Будет подобрана именно та версия антивируса, которая подходит вашей системе.

Для установки обязательно потребуется лицензионная версия Windows XP, Windows Vista или Windows 7.

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

Защитить свой компьютер теперь легко. Достаточно установить бесплатный антивирус Microsoft Security Essentials!

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

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

Скачать выпуск себе на компьютер можно на этом сайте.

Вышло очень крупное обновление сайта Bing.com.

Наибольшее количество изменений произошло в Bing Maps. Теперь они работают на Silverlight! Данный сервис запущен в статусе Beta:

Для Bing Maps доступно сразу несколько приложений, делающих эти карты еще мощнее:

Например, можно выбрать Photosynth, чтобы видеть синты сразу на карте:

Можно показывать твиты из той области на карте, которую вы смотрите в данный момент:

Также теперь доступен режим “Streetside” (аналог Streetview от Гугла), позволяющий взглянуть на улицы городов так, как они выглядят вживую:

Что особо приятно – запущен новый мобильный клиент для Bing, который доступен для многих платформ и устройств. Чтобы узнать, поддерживается ли ваш телефон, достаточно пройти на сайт http://discoverbing.com/mobile/:

Здорово, что Bing.com развивается! С каждым обновлением, пользователи получают все больше и больше интересных и полезных фич.

Небольшое вступление

Данная статья написана специально для студентов, которые впервые сталкиваются с таким понятием, как “объектно-ориентированное программирование”, а также со сложностью выбора: “Нужно ли мне это ваше ООП?”.

ООП

Принцип объектно-ориентированного программирования (или просто ООП) - очень эффективный подход к программированию.

Раньше разработчики писали программы, в которых весь код умещался в одном файле. Это могли быть как маленькие программы, так и довольно крупные проекты. Со временем программы становились все крупнее и крупнее, что очень сильно мешало разработчикам, ведь крайне сложно вносить какие-то изменения в этот один огромный код. Особое неудобство создавала проблема с использованием большого числа похожих объектов - написать программу для работы с 50 палитрами, в каждой из которых по 12 цветов - самоубийству было подобно. Проблема требовала решения - и оно пришло в виде ООП.

Так в чем же оно заключается? Основная идея ООП - объединение данных и обрабатывающих их процедур в единое целое - объекты. Программа представляет из себя совокупность объектов, каждый из которых является реализацией определенного класса (особый тип данных), а классы образуют иерархию, которая может быть унаследована от других классов.

Пример

Проще всего понять этот принцип можно на примере транспортного средства. В мире есть огромное количество самых разных транспортных средств - автомобили, самолеты, гужевые и т.д. Что общего у них всех? Они позволяют перевозить людей и грузы на дальние расстояния. Больше у них нет практически ничего общего. В данном случае, классом будет являться "Транспортное средство" с одним данным(полем данных класса) "Возможность перевозить на дальние расстояния". Заметьте, что "Транспортное средство" мы не сможем использовать, пока не уточним что именно оно из себя представляет! А вот если взять уже конкретный автомобиль - его можно назвать объектом, потому что он готов к использованию и у него есть свои особые свойства: форма, цвет, количество колес и т.д.

Допустим, что мы купили 1 красный BMW, 1 белый самолет и 1 синий мотоцикл. Итого у нас есть целых 3 объекта - экземпляра базового класса "Транспортное средство". Но при этом класс у нас остается всего 1! Внеся изменения в этот базовый класс, мы изменим все 3 наших объекта сразу!

Возможно, что вы еще не знакомы с принципом ООП, поэтому вам кажется, что это все жутко сложно. Поверьте, это не так. Без ООП нам пришлось бы создавать эти 3 объекта вручную, что при малейших изменениях приводило бы к ужасной головной боли!

Основные понятия ООП

Объектно-ориентированное программирование базируется на нескольких понятиях. О них вы сможете узнать из других статей на сайте студентов-партнеров Microsoft, но краткое описание стоит прочитать уже сейчас.

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

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

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

Полиморфизм. Функции(методы) с одинаковыми именами будут обрабатываться по-разному при их вызове из разных классов.

Зачем оно мне нужно?

Мир меняется. Меняются технологии. А вместе с ними и технологии программирования.

Теперь ООП является главным принципом современного программирования. Поэтому, чрезвычайно важно понимать что такое ООП и зачем оно нужно. Тем более тем, кто в будущем собирается стать профессиональным разработчиком, то есть, Вам, студентам!

Вместо заключения

Что изучать, а что нет - зависит только от вас. Но вы можете сделать свою будущую жизнь гораздо проще и эффективнее, изучив нужные технологии уже сейчас. Так что вперед, к изучению ООП! :)

P.S. Спасибо Виталию Кузнецову за дополнения и поправки :)