Geçen haftalarda Microsoft ofisinde iş ortakları için özel olarak düzenlenen bir seri seminerin son parçasını da sizlerle paylaşıyorum. Bu defa Expression Studio'da Design ve Blend, Sketchflow taraflarına değiniyoruz.

Yukarıdaki videoyu bilgisayarına indirmek isteyenler blogumun SeminerTV bölümünden faydalanabilirler.

İyi seyirler...

Bugün Imagine Cup Türkiye Lansmanı'nda "Expression Studio ile Tasarım" oturumunu sundum. Oturuma katılan arkadaşların çoğu hali hazırda daha önce beni izlemiş olmanın avantajını kullanarak neredeyse tüm hamlelerimi tahmin etseler de en azından daha önce dinlemeyenler için faydalı bir saat olduğunu tahmin edebilirim. Bu vesile ile aslında uzun zamandır Expression Studio anlatmadığımın da farkına vardım. Sürekli Silverlight ve WPF anlatırken sadece Expression Blend'den bahsetme şansım oluyor oysa Expression Studio içerisinde Design, Media, Encoder ve Web de çok güzel özelliklere sahip.

Imagine Cup Lansmanı - Expression Studio Oturumum

En kısa zamanda daha detaylı bir Expression Studio semineri yapma kararı aldım :) Imagine Cup'a katılmayı düşünen arkadaşların sorularını her zaman mail olarak bekliyorum ;) Yardım gerekirse buralardayım.

Sizlere şaşıracağını düşündüğüm bir haberim var :) Genelde neredeyse tüm seminerlerimde Microsoft'un yazılım geliştirici ve tasarımcı araçlarının pahalı olmasından yakınılıyor. Visual Studio tarafında Express sürümleri önersem de maalesef Expression tarafında önerebileceğim bir alternatif bulunmuyor. Peki pahalı diyoruz da acaba ne kadar? :) İşte size buradan yeni bir indirimi duyurmak istiyorum.

Expression Web
Expression Design
Expression Blend
Expression Media
Expression Encoder
Visual Studio 2008 Standart

Hepsi sadece 350$!

Şaşırdığınıza eminim çünkü ben de ilk duyduğumda şaşırdım. Tüm bu araçları kullanarak proje yapan firmaların veya kişilerin bu lisanslara 350$ ayıramamaları gibi bir durum olamaz. Gerçekten çok komik bir rakam. İlk yaptığınız projeden bir miktar ayırmanız en azından Silverlight 3.0 veya Visual Studio 2010 çıkana kadar sizi idare edecek araçları lisanslı olarak edinebilmeniz için yeterli olacaktır.

Biraz reklam tadında oldu fakat bu haberden ve indirimden faydalanabilecek kişileri düşününce yazmadan geçemedim.

Bu arada satın almak için : http://store.microsoft.com/microsoft/Expression-Studio-2-Full/product/524ABA6C

Microsoft'un dünya çapındaki Imagine Cup yarışmasının bu seneki ayağının finali Mısır'da yapılacak. Tabi onun öncesinde Türkiye ayağı ile yarışmacıların Türkiye birinciliğini almaları gerekiyor :)

Imagine Cup 2009 için bu yıl öğrenciler; dünyanın en zorlu sorunlarına, teknoloji ile çözüm bulabilecekleri bir dünya düşlemeye davet ediliyor. Bazılarımız teknolojiyi dünyanın her yerindeki insanlara eğitim şansı kazandırmak için kullanacaktır, ya da sağlık alanında yepyeni ufuklar açmak için. Bazılarımız ise cinsiyetler arası fırsat eşitsizliğini çözmek isteyecektir. Imagine Cup 2009 teması için örnek gösterilen Birleşmiş Milletler Milenyum Hedeflerinin açıklandığı, geçtiğimiz yılların deneyimlerinin aktarıldığı ve teknik oturumların bulunduğu Imagine Cup 2009 Lansmanı 20 Aralık Cumartesi günü Microsoft Istanbul ofisinde gerçekleştirilecek.

Aktiteye katılmak için buradan kayıt olmanız gerekiyor.

Sabah saat 10.00'da başlayacak etkinliğin planına buradan ulaşabilirsiniz. En son teknik oturum benim ;) Konumuz: Expression Studio.

Renklerin birbirine uyumu özellikle biz yazılımcılar için pek anlaşılamayan bir sistemi tanımlar :) Kişisel olarak ben bir renk yığınındaki renklerin birbirine uyumlu olup olmadığını anlayabilsem de "Buyur uyumlu 3 renk seç" derseniz pek de başarılı olamam. Belli ki bu durum genel geçer bir sorunu tanımlıyor ki RD, Jonas Folloseo birazdan sizlere detaylarından bahsedeceğim uygulamayı hazırlamış. Uygulama özünde Adobe'nin Kuler sitesinin API'larını kullanıyor. Kuler'dan hızlı bir şekilde bahsetmek gerekirse tasarımcıların birbirleri ile uyumlu renk şemalarını paylaştıkları bir Web 2.0 portalı diyebiliriz.

Colorful Expression

Aşağıdaki adresten indirebileceğiniz uygulama toplam 3 bölümden oluşuyor.

http://www.codeplex.com/colorful

Birincisi Colorful WPF adında tek başına çalışabilen bir WPF uygulaması. Bu uygulama içerisinde birbirleri ile uyumlu renk şemalarını inceleyebilir ve aramalar yapabilirsiniz. Unutmayın ki sistem Kuler'ın API'larından faydalanıyor yani programı ancak online durumdayken kullanabilirsiniz. Colorful WPF'in en güzel özelliği herhangi bir renk şemasının altındaki düğmeler aracılığı ile hızlı bir şekilde bu renkleri kullanabilmenizi sağlayacak XAML Brush kodlarını alabiliyor olmamız.

Colorful WPF içerisinde "silver" kelimesi aratıldığında çıkan birbiri ile uyumlu renklerin bir listesi.

Yukarıdaki ekran görüntüsünde yer alan en üstteki "Silver" adındaki renk şemasının altındaki "Swatches" düğmesine tıkladığımda doğrudan aşağıdaki XAML kodu panoya kopyalanıyor ve rahatlıkla Silverlight veya WPF projelerinde kullanabiliyoruz.

<SolidColorBrush x:Key="SilverColor1" Color="#FF474143" />

<SolidColorBrush x:Key="SilverColor2" Color="#FFA69E9D" />

<SolidColorBrush x:Key="SilverColor3" Color="#FFE7E2DA" />

<SolidColorBrush x:Key="SilverColor4" Color="#FFFFFFFF" />

<SolidColorBrush x:Key="SilverColor5" Color="#FFE7E8E7" />

Expression Design ve Blend Add-In

Colorful Expression içerisindeki renk şablonlarını isterseniz doğrudan Expression Design veya Blend içerisinde de kullanabiliyorsunuz. Bunun için download paketi içerisinden program adına uygun klasörün içindeki 2 DLL dosyasını programların bilgisayarlarınızda yüklü oldukları konumlara kopyalamanız gerek. Sonrasında aşağıdaki şekilde hem Blend hem de Design'ı çalıştırdığınızda Colurfull Expression'ı doğrudan Blend veya Design içerisinde de kullanabilirsiniz.

Blend.exe –addin:Colorful.Blend.AddIn.dll
Design.exe –addin:Colorful.Design.AddIn.dll

Expression Design içerisinde Colorful paneli.

Yukarıdaki ekran görüntüsünde Colurful Expression'ın doğrudan Expression Design içerisinde kullanılabildiğini görebiliyorsunuz. Aynı şekilde Blend 2 içerisinde de rahatlıkla Colurful paneline ulaşılabiliyor.

Expression Blend 2 içerisinde Colorful paneli.

Blend içerisinde Colorful panelinin kullanımı ile ilgili Design'a kıyasla ek avantajlar da söz konusu. Sahneye sürükleyip bıraktığınız bir renk şablonu aslında arka planda birer SolidColorBrush olarak sayfanın Resource'larına ekleniyor. Böylece bu renkleri istediğiniz kadar farklı yerlerde rahatlıkla merkezi olarak kullanabiliyorsunuz.

Colorful'un yarattığı XAML kodları otomatik olarak karşımızda.

Hepinize kolay gelsin.

Özellikle beni microbloğum twitter.com üzerinden takip edenlerin farkında olacağı üzere hafta sonunu Ankara'da geçirdim. Cumartesi gece yarısı yola çıkarak sabahına Ankara'ya vardım ve sabah 10.00 gibi EMO (Elektrik Mühendisleri Odası) Ankara şubesinde eğitim serimize başladık. WPF, AJAX, Silverlight ve LINQ konularına değindiğimiz eğitimi Pazar akşamı 18.00'da bitirdik.

EMO Eğitim Serisi başlangıcından bir kare...

Eğitime katılan arkadaşlara özellikle Silverlight örneğindeki kodları blogumdan paylaşacağım konusunda söz vermiştim. Aşağıdan gerekli dosyaları bilgisayarınıza indirebilirsiniz.

Örnek Kodlar - 25052008_2.rar (8,57 KB)

Eğitime katılan ve kocaman bir hafta sonu boyunca yeni teknolojiye olan ilgilerini ve konsantrasyonlarını en yüksek seviyede tutan tüm arkadaşlara çok teşekkür ediyorum (Özellikle ikinci gün sınıfa pasta alan kamera fobili arkadaşımıza ek teşekkürler :))

INETA ve EMO işbirliğinizde düzenlediğimiz bu eğitime katkısından dolayı ODTÜ Bilgisayar Mühendisliği Araştırma Görevlisi Serdar Çiftçi'ye, eğitimlere laboratuar ortamı sağlamakla beraber gösterdikleri sıcak misafirperverlik için de tüm EMO ekibine teşekkürler.

Heyecanla beklediğimiz an geldi. Sonunda Expression Studio 2 gerçek, son sürümü ile karşımızda! Benim gibi heyecanlananlar hemen yeni paketin deneme sürümlerini aşağıdaki adresten indirebilirler.

http://www.microsoft.com/expression/try-it/Default.aspx

Daha önceleri Expression Design 2 ile ilgili bir yazı yazmıştım. Yavaş yavaş tüm Expression Studio 2 paketi ile beraber gelen yeniliklere tek tek değinen yazılar yazacağım. Kabaca değerlendirdiğimizde aşağıdaki yenilikleri ilk bakışta dikkati çekiyor.

Expression Web 2 ile beraber PHP desteğinin yanı sıra Adobe Photoshop'tan Import özellikleri geliyor.
Expression Blend 2 ile beraber Silverlight desteğinin yanı sıra Vertex-Animasyon ve yeni Split-Design arayüzü geliyor.
Expression Design 2 ile beraber muhteşem Slice sistemi geliyor.
Expression Media 2 ile beraber güncel RAW format desteği geliyor.
Expression Encoder 2 ile beraber video sıkıştırmasında ayarlar ve detaylar artık uzmanlık seviyesine ulaşıyor.

Uykusuz gecelerimize yeni oyuncaklar geldi :)

Blogumdaki bazı yazıları yazgelistir.com üzerinden de sizlerle paylaştığımı biliyorsunuz. Özellikle Silverlight bölümü editorü olduktan sonra biraz daha sıkı çalışarak toplam 12 makalemin yayınlanmasını sağladım. Makalelere oylarınızı bekliyorum ;)

Silverlight içerisinde dinamik animasyonların yaratılması
Silverlight uygulamalarında Roller kullanımı
Slide.Show kurulumu ve kullanımı
Dinamik Silverlight nesneleri yaratmanın yolu : createFromXaml
Silverlight nesnelerini fare ile ekranda döndürün!
Silverlight ile bir EKG animasyonu
Silverlight animasyonlarında fare imlecini değiştirmek.
Animasyonla bir Silverlight düğmesi nasıl yaratılır?
Silverlight projelerinde Silverlight.JS dosyası
Silverlight Projelerini Ana Hatları
Silverlight Uygulamalarında Brush Yapıları
Silverlight ile MediaElement Kullanımı

Expression Studio ürün ailesinin ikinci sürümüne adım adım yaklaştığımız bu günlerde fırsatını buldukça Expression Studio 2 ile ilgili de gelen yenilikleri kapsayan yazılar yazmak istiyorum. Bu çerçevede ilk olarak Expression Design 2 ile başlamaya karar verdim. Expression Design 2'nin şu anda Beta sürümünü www.microsoft.com/expression adresinden bilgisayarınıza indirebiliyorsunuz.

Slice, Slice, Slice

Bugün baktığımda belki de Adobe Photoshop tarafında en çok kullandığım özelliklerden biri de Slice işlemleriydi diyebilirim. Buna rağmen Expression Design içerisinde böyle bir özelliğin eksikliğini hissetmemiştim. Herhalde Photoshop'un makinemde kurulu olmasından kaynaklanıyor :) Her zaman olduğu gibi böyle bir eksik de hemen kapatılmış ve Expression Design'a Slice özellikleri eklenmiş. Ve yine her zaman olduğu gibi Microsoft kendine has özelliğini göstererek hiç alışmadığımız ve benim muhteşem diyebileceğim yeni işlevsellikleri ile Slice sistemini karşımıza çıkarıyor.

Expression Design 2 içerisinde her çizdiğiniz Slice'ı doğrudan seçerek söz konusu Slice ile ilgili özellikleri tasarım esnasında ayarlayabiliyorsunuz. Bu ayarlar içerisinde çok ilginç seçenekler var. İsterseniz Slice'ların PNG, GIF, JPG gibi formatlarda kaydedilmesini sağlayabileceğiniz gibi her bir Slice için ayrı ayrı düzenleyebileceğiniz bu format ayarında PDF, PSD ile de karşılaşıyor olmak çok hoş. Tabi ki bu formatların yanı sıra belki de en ilginci Slice başına isterseniz herhangi bir Slice'ın WPF veya Silverlight XAML olarak da çıktsını alabilmeniz.

Slice'lara ait farklı ayarlardan bir kısmı.

Peki bunlar ne anlama geliyor?

Aslında çok basit. Bugüne kadar herhangi bir web sitesinin tasarımını vektörel bir çizim programı ile yaptığınızda bunu HTML'e çevirmek epey dert oluyordu. Nitekim "Web Tasarımcı" dediğimiz iş profilinin oluşmasının ana nedeni de budur zaten. Bu karmaşanın üzerine bir de eğer web sitesinde animasyonlar kullanılacaksa işler daha da karışıyor. Varsayalım ki tasarımı tamamlanmış bir web siteniz var ve sitenizin sadece bir bölümünde animasyon uygulanması gerekecek. Bunun için Silverlight öncesinde mecburen Flash kullanıyorduk ve sayfadaki Flash ile geri kalan tasarım arasında bir bütünlük yaratabilmek adına ek uğraş vermemiz gerekiyordu. Çünkü Flash içerisinde görsel tasarımı yaptığımız program ile sitenin geri kalanını hazırladığımız programlar tamamen birbirinden bağımsızdı. Oysa Expression Design 2 bu sorunu çözüyor. Expression Design 2 içerisinde tasarımını yaptığınız bir web sitesini Slice'lara ayırırken istediğiniz Slice'ları görsel JPEG vs dosyaları olarak bırakırken istediğiniz bir başka Slice'ı ise Silverlight olarak ayarlayabilirsiniz. Bu şekilde Expression Design 2 içerisinde File / Export menüsüne mini bir yolculuk yaptığınızda doğrudan bir HTML sayfası çıktısı alabiliyorsunuz. İşte en büyük SÜPRSİZ geliyor :) Çıktı aldığınız HTML dosyasına baktığınızda Silverlight olarak ayarldığınız Slice'lara denk gelen bölgelerin Silverlight olarak sayfaya yerleştirildiğini ve otomatik olarak XAML dosyalarının da bağlandığını görüyorsunuz. Bu gerçekten MUHTEŞEM!

File / Export menüsünden bir kare.

Slicelar için seçtiğiniz farklı formatlara göre tabi ki farklı ayarlar da ekrana geliyor. Bu ayarlardan tek tek bahsetmeyeceğiz. Fakat sistemin süper olduğunu tekrar söylemek istiyorum. "Adamlar bu işi biliyor" desem tam yeridir sanırım :)

Slice'ları düzenlerken gelen mucizeler

Attığım başlıklardan ne kadar heyecanlandığım sanırım belli oluyordur. Expression Design 2 içerisinde üst üste Slice'lar yaratarak aynı Layer mantığında olduğu gibi bu Slice'lar da düzenleyebiliyorsunuz. Hatta düzenlediğiniz mantığa göre HTML çıktıları alıyorsunuz.

Layer mantığında Slice'ları da düzenleyebiliyoruz.

Arka sırada bıraktığınız Slice'lar HTML dosyanız içerisinde de z-index özelliği ile arkaplana gönderiliyor. Böylece Expression Design 2 içerisinde çalıştığınız bir dosyada oluşturduğunuz Slice'lar ile arkada aynı görsel gözükürken onun belirli bir kısmını ön tarafta bir Silverlight nesnesi olarak ayarlatabiliyorsunuz. Slice yaratırken istediğiniz bir Layer'ı görünmez yaptığınızda söz konusu Slice içerisinde o Layer'ın gözükmeyeceğini de ek bir özellik olarak hatırlarsak aslında ciddi esnek bir yapıdan bahsediyoruz.

Daha sadece ikinci sürümüne doğru ilerleyen bir ürün olarak Expression Design yıllardır kullandığımız diğer rakip ürünlere kıyasla çok hızlı bir evrim geçiriyor. Slice olayına el atılmış ve bence muhteşem bir sistem oluşturulmuş. Devamını heyecanla bekliyoruz Microsoft :)

Expression Studio yazılım paketi Microsoft'un tasarımcıları hedefleyen ve bizim WPF, Silverlight dünyasında harikalar yaratmamızı sağlayan ürünleri içeriyor. Expression Studio'nun yeni sürümü olarak Expression Studio 2 paketinin Beta sürümü Microsoft sitesinde downloada sunuldu. Yazılımlar Beta olduğu için her zamanki uyarımı yaparak sanal makine kullanmanızı normalde kullandığınız bilgisayarlarınızı riske atmamanızı tavsiye ediyorum. Download adreslerini aşağıda bulabilirsiniz. Uygulamalarla ilgili gelen yenilikleri ayrı yazılar olarak sizlerle paylaşacağım.

Expression Studio Beta 2 (303 MB)

İster Silverlight ister WPF uygulamalarında vektörel çizimlere animasyonlar katıyor olmak hayati öneme sahip. Bu çerçevede bizim elimizde hali hazırda bulunan vektörel çizimleri veya yapacağımız yeni çizimleri WPF veya Silverlight'a uygun şekilde XAML kodları olarak elde etmemiz gerekiyor. Expression Design işte tam noktada devreye giriyor.

Bir Microsoft ürünü olarak Expression Design ile ilgili sizleri şaşırtacağına inandığım birkaç noktadan bahsetmek istiyorum. Bu noktalardan ilki Expression Design içerisinde File / Import menüsüne ufak bir yolculuk yaptığımızda karşımıza Adobe Photoshop ve Adobe Illustrator dosya formatlarının da geliyor olması. PSD veya AI dosyalarını doğrudan vektörel formatları ve katman yapıları bozulmadan Expression Design içerisine aktarabiliyorsunuz. Böylece eldeki hazır tasarımları hızlıca WPF veya Silverlight dünyasına taşımak mümkün oluyor. Bir diğer şaşırtıcı nokta da File / Export menüsünde. Bu menüden WPF ve Silverlight için XAML çıktıları almanın yanı sıra PDF veya PSD dosyaları da alabiliyoruz.

XAML çıktı alma yolunda ilerlerken...

Expression Design içerisinde tasarım yaparken bir tasarımcı olarak dikkat etmemiz gereken noktalardan ilki "Layers" panelinde oluşturduğumuz katmanların yapıları ve özellikle isimleri. Expression Design içerisinde oluşturulan her bir katman ileriki noktalarda WPF veya Silverlight dünyasında programcı tarafından da kullanılabiliyor olacaktır. Hatta söz konusu katmanlara tasarımcının verdiği isimler ile programcılar da ulaşacaktır. Bu nedenle tasarımcının olabildiğince yapılsan çerçevede anlamlı katmanlamalar yaparak, yine anlamlı isimlendirmeler yapmasında büyük fayda var. Aksi halde programcının görsel nesneleri sahnede bulması ve gerekli kodu yazması çok daha zor olacaktır.

Bir diğer dikkat edilmesi gereken nokta da "Effects" menüsü ile ilgili. Maalesef Expression Design içerisindeki tüm efektler WPF tarafından desteklenmiyor, Silverlight tarafında desteklenen bir efekt ise 1.0 sürümünde mevcut değil. Bu noktada efektler kullanırken birazdan XAML çıktısı alacağımız ekranda bahsedeceğim detaylara dikkat etmek gerekecektir.

File / Export / XAML*

Çiziminizi tamamladıktan sonra doğrudan File / Export menüsünü açarak dosya tipi olarak da XAML'ı seçtiğinizde "OK" düğmesine basmanızla birlikte karşınıza yeni bir pencere gelecektir. Bu pencerede çıktı alacağımız XAML kodları ile ilgili ayarları yapmamız gerekiyor.

Expression Design XAML Export penceresindeki ayarlar.

İlk olarak çıktı alacağımız XAML kodunun WPF mi yoksa Silverlight ile mi kullanılacağına karar vermemiz gerekiyor. Bu seçim XAML kodunda büyük değişiklikleri neden olacaktır. Basit bir örnek olarak XAML dokümanının kök elementinin WPF'de Window, Silverlight içerisinde ise Canvas olduğunu hatırlayabiliriz. Seçimimizi yaptıktan sonra bizi daha farklı ayarlar bekliyor.

"Text"'leri ne yapacağız? Eğer çiziminiz içerisinde metinler kullanmışsanız bunların da birer TextBlock olarak yerleştirilmesi, ya da vektörele çevrilerek bu yazıların birer vektörel çizim olarak (vectorize) XAML koduna konması gerekiyor. Seçimi yaparken dikkat edilmesi gereken noktalardan biri bahsi geçen metnin programatik olarak değiştiriliip değiştirilmeyeceği detayı. Eğer metinler programcı tarafından veritabanına vs bağlanacak ise kesinlikle TextBlock olmaları şart, aksi halde vektörel olarak sahneye yerleştirilen bir metin doğrudan değiştirilemeyecektir. Fakat bu detayın yanı sıra bir de işin animasyon kısmı var. Eğer yerleştirilen metinlerin büyütülüp küçüldüğü animasyonlar düzenlenecek ise metinleri vektörel olarak sahneye koymak daha yüksek performans sağlayacaktır. TextBlock üzerinden yapılan büyütme ve küçültme animasyonlarında nesne her boyut değiştirdiğinde içerisinde metin tekrar font dosyasından gerekli bilgiler alınarak vektörel olarak yaratılacaktır. Böyle bir animasyon vektörel bir animasyona kıyasla daha çok sistem kaynağına ihtiyaç duyar. Eğer yazılan yazılarda boyut değiştirme animasyonları yapılacaksa ve bu yazılar programatik olarak değiştirilmeyecekse kesinlikle "Paths" seçeneği kullanılarak yazılar vektörele çevirlmelidir.

"Live Effects" olarak geçen gerçek zamanlı efektlerin hepsinin WPF veya Silverlight tarafından desteklenmediğinden bahsetmiştik. Eğer desteklenmeyen bir efekt kullanılmış ise "Rasterize all live effects" seçeneği sayesinde efektlerin ayrı birer PNG görsel olarak kaydedilerek efekt verilen nesnelerin arkasına yerleştirilmesini sağlayabilirsiniz. Bir diğer seçenek ise "Only Export Live Effects supported by XAML" olarak sadece desteklenen efektlerin XAML olarak yerleştirilmesine olanak tanıyor. Efektlerle ilgili de performans konusunda olabildiğince dikkat etmekte fayda var. Eğer efekt verilen nesne boyut değiştirmeyecekse, yani efekti sürekli aynı şekilde gözükecekse söz konusu efektli bir PNG olarak yerleştirmek ileriye dönük animasyonlarda performans artışı sağlayacaktır. Sahnede yerini değiştirdiğiniz bir nesnenin efekti her karede tekrar baştan yaratılacağına nesnenin arkasında bitmap de yer değiştirecektir. Böylece çok daha az işlemci gücü kullanılır. Diğer yandan hedef nesnenin boyutunu değiştiren animasyonlar varsa arkada bir PNG dosyasının durması efeklerin boyutlandırılamamasına, örneğin bir "Drop Shadow" efekti ile yerleştirilen gölgenin nesneden ufak kalmasına neden olabilir. Bu tarz durumlarda ya arkadaki PNG'yi de animasyona dahil etmek ya da doğrudan desteklenen gerçek zamanlı efektleri tercih etmek gerekecektir.

Son olarak tercih etmemiz gereken seçenekler arasında "Image Strokes" yapısı yer alıyor. Expression Design içerisinde vektörel çizimlerinizde kullandığınız "stroke" yapılarının bazıları vektörelken bazıları ise bitmap. XAML çıktısı alırken isterseniz bu stroke yapılarını detay seviyesi (level) belirterek vektörel olarak alabilir veya doğrudan bitmap olarak da (rasterize) kaydedebilirsiniz. Her zamanki gibi vektörel kayıtlarda animasyonlarda herhangi bir bozulma olmazken bitmap kayıtlarda ise daha yüksek performans elde ediliyor.

Tüm ayarları yaptığımıza göre artık XAML çıktımızı almaya hazırız. "Export" düğmesi ile çıktınızı .xaml uzantılı bir dosya olarak alıp WPF veya Silverlight projelerinizde kullanabilirsiniz.

Hepinize kolay gelsin.

*XAML çıktıları ile ilgili sorun yaşamamak adına Expression Design'ın Export bölümü ile ilgili büyük çapta değişiklikler içeren Expression Design SP1 yükleme paketini bilgisayarınıza yüklemenizde fayda var.

PCnet'in Ocak sayısındaki yazılarımı her ay olduğu gibi yine buradan sizlere duyurmak istiyorum :) Derginin OKUL bölümünde AJAX, ASP.NET 3.5, Expression Blend, Expression Design, Silverlight ve Expression Web ile ilgili yazılarım yer alıyor.

AJAX : UpdateProgress ile asenkron yüklemelerin takibi
Expression Blend : Animasyonlar ve Tetikleyiciler
Expression Web: Expression Web ile Veri Oyunları
Expression Design : Vektörel Çizim Araçları

Tüm bu yazılara ek olarak Ocak sayısına özel sürpriz makalelerim :)

FaceBook uygulamanızı geliştirin ! : ASP.NET bilgisiyle kolay yoldan FaceBook uygulamaları geliştirmenin yollarını inceliyoruz.
Visual Studio 2008 Bilgisayarlarımızda! : Visual Studio 2008 ve ücretsiz Express sürümleri bilgisayarlarımıza girdi. Peki yeni neler geldi?

Hepsi PCnet Ocak sayısında! :)

Hepinize kolay gelsin.

2008'in ilk aktivitesini CETURK.com organizasyonunda Microsoft, İstanbul / Dikilitaş binasında gerçekleştiriyoruz. "2008 Microsoft Vizyonu ve Yeni Teknolojileri Semineri" olarak adlandırdığımız güne hepiniz davetlisiniz :) 12 Ocak, Cumartesi günü sabah 10'dan başlayarak 17.30'a kadar sürecek olan seminerlerin konuları arasında Expression Web, Design, Blend, Silverlight, Visual Studio 2008, LINQ bulunuyor. Expression Blend ile WPF Animasyonları ve Silverlight 1.0, 2.0 Uygulamaları bölümünü 12.30-14.30 arasında ben sunuyor olacağım.

Programın detayları ve seminere kayıt için aşağıdaki linki kullanabilirsiniz.

http://www.ceturk.com/etkinlikkayit.asp?id=35

KKTC, Doğu Akdeniz Üniversitesi'ndeki Silverlight seminerinden sonra dün bir de Expression Studio semineri yaptık. Özellikle WPF ile iki ve üç boyutlu animasyonların hazırlanması ve programatik yönetimi katılımcıların ilgisini çekti. Hatta tüm bu işlemlerin ne kadar kolay yapılabildiğini gören bazı öğrencilerden ilginç tepkiler de almadım değil :) Semineri İngilizce olarak düzenlediğimiz için sunumlar da yine ingilizce.

Expression Studio Sunumları - 28122007_2.pdf (2,72 MB)

Seminerin düzenlenmesinde katkılarından dolayı DAÜ ACM grubundan Arif Görkem Güngör'e buradan tekrar teşekkür ediyorum. Aktiviteden bir fotoğraf ile yazımı sonlandırıyorum ;)

KKTC, Doğu Akdeniz Üniversitesi Expression Studio Semineri

yazgelistir.com'a gönderdiğim yedi makalem daha yayınlanmış. Makalelere aşağıdaki adreslerden ulaşarak oylayabilirsiniz :)

Silverlight XAML kodlarını ASP.NET ile yaratmak.
AJAX ve WCF Kullanımı
Expression Studio Savaşları Bölüm 1 : Expression Design
Expression Studio Savaşları Bölüm 2 : Expression Web
Expression Studio Savaşları Bölüm 3 : Expression Media
Expression Studio Savaşları Bölüm 4 : Expression Blend
Expression Studio Savaşları Bölüm 5 : Expression Encoder

PCnet'in Aralık sayısı yine dopdolu :) Derginin OKUL bölümünde AJAX, Silverlight, Expression Web, Expression Blend, Expression Media ve Expression Design ile ilgili yazılarım yer alıyor. Ayrıca Aralık sayısından itibaren dünyada ilk defa :) ASP.NET 3.5 bölümü PCnet'te!

ASP.NET 3.5 : ASP.NET 3.5 Geliyor!
AJAX : UpdatePanel uzmanlığı
Silverlight : Kolay Yoldan Silverlight Animasyonları
Expression Blend : MediaElement ile Video Sihirleri
Expression Web: Expression Web ile yolculuğa devam
Expression Design : İlk Windows Programımızı Tasarlayalım
Expression Media : Mültimedya Dosya Yönetimi

Tüm bu yazılara ek olarak Aralık sayısına özel sürpriz makalem :)

Yeni nesil MashUP uygulamaları : MashUp uygulamaları hazırlamanın zevki Microsoft Popfly ile kat kat arttı.

Hepsi PCnet Aralık sayısında! :)

Daha fazlasını mı istiyorsunuz? PCnet ile beraber Expression Studio paketinden Blend, Web, Design, Encoder, Media'nın deneme sürümleri de DVD olarak geliyor.

Hepinize kolay gelsin.

Expression Studio ailesindeki ürünlerle ilgili "özel" alakamı blogumu takip eden herkes farkındadır :) Bu ilgi ve alaka çerçevesinde aslında sürekli ürünlerle ilgili "Muhteşem" "Süper" demek yerine bir de kelleyi koltuğa alıp ufak bir geziye çıkmaya ve "Neden Expression?" sorusuna bir cevap ararken rakiplerle karşılaştırmalar yapmaya karar verdim. Bugünkü gönüllümüz "Expression Design".

Genel Bakış

Expression Design'ın geçmişine baktığımızda Microsoft tarafından satın alınmış bir şirket görüyoruz. Creature House ve Fractal Design Corporation tarafından geliştirilen Creature House Expression ürünü özellikle "Skeletal Strokes" olarak adlandırılan özel bir teknikle çizim yapmasıyla dikkati çekiyordu. İlk başlarda Acrylic kod adı ile geliştirilen Expression Graphic Designer sonrasında Expression Designer olarak adlandırıldı. MIX'07'de RTM sürümü tanıtılan ürünün arayüzü tamamen WPF teknolojisi kullanılarak hazırlandı.

Çetin Savaşlar

Expression Design yokken neler kullanıyorduk? Bu bir soru olmakla beraber aslında soru kendi içinde artık söz konusu cevaptaki yazılımları kullanmadığımızı öngörüyor. Ama maalesef her şeyi Expression Design ile yapmamız mümkün değil. Genel hatları ile baktığımızda Adobe'a ait Illustrator ve Fireworks içerisindeki ana araçların çoğu Expression Design içerisinde de var. Bunlara ek olarak özellikle program arayüzünün siyah bir WPF katmanı üzerine yerleştirilmiş olması tasarım çalışmalarındaki renklerin çok daha net gözükebilmesini sağlıyor. Fakat eksikler de saymakla bitmiyor.

İlk olarak Expression Design içerisinde şu an herhangi bir Plug-In desteği yok. Adobe dünyasından tasarımcıların alışkın olduğu üçüncü parti Plug-In'lerin satın alınarak kullanılması noktasında Expression Design tarafında herhangi bir şansınız yok. Maalesef bu çok ciddi bir eksik.

Program aslında Web ortamı için vektörel çizimler sağlasa da (Silverlight aracılığı ile) maalesef herhangi bir web optimizasyon aracı içermiyor. O nedenle hala imajlarınızı optimize ederken Adobe ürünlerine bağımlı kalmak zorundasınız. Özellikle Photoshop içerisindeki Slice araçları benim favorilerimdendi. Aslında tüm özellikler Expression Design'ın betalarında vardı fakat sonradan kaldırıldı. Umarım bir sonraki sürümde tekrar karşımıza çıkarlar. Son olarak Bitmap resim düzenleme konusunda da Expression Design hem içerdiği araçlar açısından hem de kullanım kolaylığı açısından zayıf düşüyor.

Expression Design çalışma ortamı.

Neden Expression Design kullanalım?

Tüm yukarıdaki eksiklere rağmen neden? İlk olarak vektörel bir çizim aracı klasmanında aslında Expression Design neredeyse tüm ihtiyaçlarımızı giderebilecek özelliklere sahip. Unutmamamız gereken bir nokta var ki o da şu an için Expression Design'ın esas amacının Expression Blend'e vektörel XAML çizimleri sağlamak olduğu. Böylece hem WPF hem de Silverlight plaftormunda XAML vektörel içerikler kullanılabiliyor. Expression Design haricinde vektörel çizim yazılımları için de yavaş yavaş XAML Export Plug-In'leri üretilmeye başlandı fakat hali hazırda hiçbiri Expression Design'ın başarısına sahip değil. Peki bu XAML çok mu önemli? Kesinlikle. Eğer WPF ile zengin kullanıcı arayüzleri ve animasyonlar içeren bir windows uygulaması hazırlamak istiyorsanız XAML vektörel çizimler kullanmak zorundasınız. Aynı durum Silverlight için de geçerli.

Bu yazılarımı bir yazı dizisi şeklinde diğer Expression ürün ailesindeki programlar için de yazmayı düşünüyorum. Bir sonrakinde görüşmek üzere ;)

16 Kasım, Cuma günü saat 15.15-16.00 arasında Expression Design webineri ile tekrar karşınızda olacağım. Webiner süresince Expression Design ile beraber gelen vektörel çizim araçlarını, katmanlı çalışma yapısını, efektleri ve XAML çıktı alma seçeneklerini inceleyeceğiz. Özellikle grafiker arkadaşların ilgisini çekeceğini düşündüğüm Expression Design ile hem Silverlight hem de WPF Windows uygulamaları için vektörel çizim yapabiliyoruz.

Meeting ID: 72BTMJ
Webiner Bağlantısı : https://www112.livemeeting.com/cc/microsoft/join?id=72BTMJ&role=attend&pw=t%3C%3B5kX2Zc
Webinere kayıt olmak için tıklayınız.

Bu webiner Microsoft Kurumsal Webiner serisinden olduğu için yukarıdaki linkten giriş yaparak kayıt olmanız gerekiyor.

PCnet'in Kasım sayısında yepyeni yazılarımla yine karşınızdayım :) Derginin OKUL bölümünü genişlettik, artık AJAX, Silverlight, Expression Web, Expression Blend ve Expression Design ile ilgili yazıyor olacağım. Dünyada ilk defa bir dergide Silverlight Eğitim içeriğine yer veriliyor. Kasım sayısındaki yazılarımın başlıkları aşağıdaki şekilde;

AJAX : UpdatePanel Mucizesi
Silverlight : Expression Encoder ve Silverlight
Expression Blend : Windows Uygulamarında Animasyonlar
Expression Web: Güle Güle Frontpage
Expression Design : Vektörel Tasarım ve XAML Tek Merkezde

Tüm bu yazılara ek olarak Kasım sayısına özel bir sürpriz makale daha var :)

Flash VS Silverlight

Tahmin ettiğiniz gibi Flash ve Silverlight arasında çetin bir karşılaştırma yazısından bahsediyorum. Hepsi PCnet Kasım sayısında! :)

Expression Design ile çalışırken aldığınız XAML çıktılarında sorunlarla karşılaştıysanız veya XAML çıktısı alırken problemlerle boğuşmak zorunda kaldıysanız hemen aşağıdaki linkten Expression Design'a ait Service Pack 1 paketini indirerek bilgisayarınıza kurmanızda fayda var. SP sadece 1.1 MB boyutunda o nedenle benim tavsiyem Expression Design kullanan herkesin SP'i bilgisayarına indirerek yüklemesi.

http://www.microsoft.com/downloads/details.aspx?FamilyID=937adf32-0fea-4bb7-b727-cbfbdf3fe032&displaylang=en