Püf Noktası #32 - IronPython Interaktif Console

Cuma, 29 Ocak 2010 20:00 by ikivanc
IronPython Interaktif Console, (Python)IronPython'ın temel özelliklerini uygulayıp, projede araştırma ve geliştirme işlemlerinin nasıl yapıldığını öğrenmemize yarayan geliştirme ortamıdır.



IronPython Console, live şekilde anında geliştirme yaparken aynı zamanda da var olan modülleri inceleyerek öğrenmemizi sağlar. Bu şekilde Dynamic bir dil olmasının güzelliklerini rahatlıkla görebiliriz . Bu özellikleri sayesinde yeni başlayanlar bu dile hızlı bir şekilde alışır ve zengin .NET kütüphanelerinin nasıl kullanıldığını görmelerini sağlar. IronPython Console ile COM interaktif uygulamalar,WPF,XNA, C#’ı IronPython’a gömme gibi çeşitli uygulamaları rahatlıkla önizleyerek kodlamamızı sağlar.

Bu console içerisinde direkt olarak uygulama geliştirebilir ve test edebiliriz.

Kolay gelsin.

Püf Noktası #31 - IronPython 2.6

Cuma, 29 Ocak 2010 18:23 by ikivanc
IronPython temelinde Python programlama dilinin .NET ile entegre şekilde çalışan versiyonudur. Özellikle DLR'ın temelini oluşturduğu için .NET 4.0 ile birlikte çok daha popüler olacağı aşikar.

Bu püf noktamızda IronPython uygulamaları için gerekli olan tek kurulumdan bahsedeceğim. IronPython'ın en güncel sürümü 2.6 versiyonu mevcut durumda. Bu versiyon Python 2.6'nın tüm özelliklerini kapsadığı gibi .NET kütüphanelerinin de kullanımını sağlıyor.

Bu adresten IronPython-2.6.msi dosyasını indirerek makinemize kurulumu yapabiliriz. Bu kurulumu yaptıktan sonra ironpython uygulamaları ve ironpython+Silverlight uygulamaları geliştirebiliriz. Tek ihtiyacımız olan bu kurulum dosyasını indirip kurmak.


Şimdi de bundan sonraki yazılarımızda da sıkça bahsedeceğimiz araçları tanıtayım;

Programlarımızı çalıştıracağımız ve python kodlarını test edeceğimiz interaktif console ipy.exe dosyamız.

IronPython ile Silverlight uygulamaları geliştirmek için kullanacağımız tool'lar da Silverlight klasörünün içerisinde bulunmakta.

Silverlight'ın .NET teknolojileri ile nasıl kullanılacağını anlatan İngilizce Tutorial da klasörün içerisinde mevcut.

IronPython dll dosyaları da mevcut.

Tüm IronPython uygulama geliştirmeleride bahsettiğimiz gibi sadece bu kurulum tüm ihtiyacımı görecek.

Kolay gelsin.

Püf Noktası #30 - Silverlight XML'i Yeniden Yükleme

Cuma, 29 Ocak 2010 16:18 by ikivanc
Bir önceki püf noktamızda yüklediğimiz XML dosyada eğer değişiklik yaptıysak bunu program çalışırken göremiyoruz. Çünkü Blend içerisinden otomatik olarak tanımladığımı XML DataSource project içerisine SampleData isminde bir klasör içinde xaml olarak saklanmaktadır.


Program çalışırken xml dosyasında bir değişiklik yaparsak veya tasarım anında değişik yaparsak bunlar projemize yansımaz. Hatta xml dosyamızı silsek de sample datamızdaki verilerle uygulamamız çalışacaktır.

Bu güncellemeyi yapmak için SampleDataSource üzerinden "Reimport Sample Data from XML" diyerek güncel xml dosyası ile verilerimizi güncelleyebiliriz.


Kolay gelsin.

Püf Noktası #29 - Silverlight XML Veri Import Etme

Cuma, 29 Ocak 2010 12:31 by ikivanc
Silverlight ve WPF projelerinde XML verilerini Blend içerisinde otomatik olarak yüklemenin kolay bir yolu mevcut.

Bunun için "Import Sample Data from XML" sekmesine tıklayıp ardından


DataSource'un adını ve XML dosyasının yolunu vererek kolaylıkla projemize dahil edebiliriz.


Örnek Xml verisi olarak photo.xml dosyasını kullandım.

<?xml version="1.0" encoding="utf-8" ?>
<fotograf>
  <foto>
    <url>1.jpg</url>
    <baslik>Ağlatmadan</baslik>
    <aciklama>Ağlatmadan'ın Açıklaması</aciklama>
  </foto>
  <foto>
    <url>2.jpg</url>
    <baslik>Anladım</baslik>
    <aciklama>Anladım'ın Açıklaması</aciklama>
  </foto>
  <foto>
    <url>3.jpg</url>
    <baslik>O'nu Hatırladıkça</baslik>
    <aciklama>O'nu Hatırladıkça'nın Açıklaması</aciklama>
  </foto>
  <foto>
    <url>4.jpg</url>
    <baslik>Sevemezdim Bu Şehri</baslik>
    <aciklama>Sevemezdim Bu Şehri'nin Açıklaması</aciklama>
  </foto>
</fotograf>

projeye bu photo.xml dosyasını ve fotoğrafları ekledikten sonra projemizde kullanabiliriz.


Görüldüğü gibi SampleDataSource1'in içerisine geldi ve hepsi string olarak görünüyor. Şimdi de bir önceki püf noktasında yaptığımız gibi sürükleyip bırakarak projeye devam edebilir.

Fakat hepsi string olduğu için fotoğraflarımız listboxta görünmeyecek ve onun yerine url adresleri listbox'ta görünecek.

Bunu da Image bileşenlerin Source özelliğine aktardığımız zaman listboxta fotoğrafları görebiliriz.

Bunu için Listboxta bu görünümleri sağlayan xaml kodu içerisinden DataTemplate özellikleri değiştirmeliyiz. Kodu aşağıdaki gibi değiştirdiğimizde
 
<DataTemplate x:Key="fotoTemplate">
  <StackPanel>
    <TextBlock Text="{Binding baslik}"/>
    <Image Source="{Binding url}" Height="64" Width="120"/>
    <TextBlock Text="{Binding aciklama}"/>
    <TextBlock Text=""/>
  </StackPanel>
</DataTemplate>

Ekran görüntümüz aşağıdaki gibi olacaktır.

Bu kolay özellik sayesinde XML verilerimizi C# tarafında kod yazmadan geliştirebiliriz.

Kolay gelsin.

Püf Noktası #28 - Silverlight Örnek Veri Tanımlama

Perşembe, 28 Ocak 2010 14:35 by ikivanc
Silverlight ve WPF projelerinde aklınızdaki tasarım fikirlerini canlandırıp uygulamak ve bileşenlerin verilerle nasıl görüneceğine bakmak için örnek veri setleri mevcuttur.

Bunun için data kısmına gelerek, add sample datasource simgesine tıklayıp "Define New Sample Data" diyerek, hayali bir örnek veritabanı oluşturuyoruz.


Gelen ekrandan datasource ismi belirleyip tamamı tıkladıktan sonra projemizde SampleDataSource isminde bir örnek datasource'umuz oluştu. Buradaki collection'ın altında istediğiniz veri tiplerini tanımlayabilirsiniz. String, Image, Boolean, Number türlerinden çeşitli veriler türetebilirsiniz. Örneğin String türü için de farklı formatlar seçebilirsiniz; Email, website, name, phonenumber ... gibi


İstersek Listbox veya başka veri gösterme component'larına rahatlıkla bu data source'u aktarabiliriz.

Çok daha kolay bi şekilde bu verileri ekrana yansıtmak istersek, Collection'ı mouse ile tasarım sayfasına sürükleyip bırakarak otomatik olarak listbox oluşturabiliriz. Veya herhangi bir property'i sürükleyip bırakırsak, onunla alakalı listboxları ekrana oluşturabiliriz.

Bu işlemi yaptıktan sonra, collection'ın içerdiği Image, Date ve Website'ın listboxta gösterimi aşağıdaki gibi olacaktır.

Blend'in bu özelliği sayesinde, bu örnek datasource'u kullanıp bindinglerle çeşitli bileşenlerimiz üzerinde verileri yansıtabilir ve test edebiliriz. Özellike listbox'ın datatemplate'ini modifiye edeceksek bu datasource işimizi çok kolaylaştırmaktadır.

Kolay gelsin.

Püf Noktası #27 - Silverlight Devredışı Bırakma

Çarşamba, 27 Ocak 2010 09:06 by ikivanc
Bir önceki püf noktamızda bahsettiğimiz, silverlight yüklü olmayan kullanıcılar için hazırladığımız karşılama sayfasını makinemizde silverlight yüklü olduğu için rahat bir şekilde test edememekteydik. Bunun için yaptığımız değişikliği silverlight yüklü olmayan sanal bir makineden test edebilir, kaldırıp yükleme veya daha farklı yöntemler kullanabilirdik.

Fakat çok daha pratik bir yöntem bizim işimizi kolaylaştırmakta. Internet Explorer 8 ile silverlight'ı gerekli olduğu zaman devre dışı bırakabilir ve daha sonra tekrardan etkinleştirebiliriz.

Bunun için IE8'de Araçlar > Eklentileri Yönet 'i tıklarak gelen pencereden Göster combobox'ından "Tüm eklentileri" seçtikten sonra Microsoft Silverlight'a tıklayarak devre dışı bırakma işlemini gerçekleştirebiliriz.


Bu işlemden sonra Explorer sistemimizde silverlight yüklü değilmiş gibi davranacaktır.

Bu işlemi yaptıktan sonra silverlight'ı aynı şekilde tekrardan etkinleştirebiliriz.

Kolay gelsin.

Püf Noktası #26 - Silverlight Yükleme Ekranı Modifiyesi

Salı, 26 Ocak 2010 09:20 by ikivanc
Silverlight uygulamalarımızı internette yayınladıktan sonra kullanıcı tarafında projemizin görünmesi için bir Silverlight plug-ini yüklenmesi gerekmektedir. Bilgisayarında silverlight yüklü olmayan kullanıcılar için default yükleyici resmi gelmektedir.


Bu yükleyici resmini uygulamamıza özel düzenleyip kullanıcılara açıklayıcı şekilde sunarak, daha kullanıcı dostu bir şekilde sitemizi sunabiliriz. Örneğin http://project365.ibrahimkivanc.com adresindeki hergüne bir fotoğraf projem için düzenlediğim görüntü aşağıdadır.


Bu değişikliği yapmak için projemizin bulunduğu aspx veya html sayfası içerisinden aşağıdaki kodu değiştirmek

Orjinalinde html kodu aşağıdaki gibidir.

<a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=3.0.40818.0"
    style="text-decoration:none">
    <img src="http://go.microsoft.com/fwlink/?LinkId=108181" 
    alt="Get Microsoft Silverlight" style="border-style:none"/>
</a>

Bunu modifiye etmek için image'in source'unu bizim hazırladığımı karşılama ekranın uzantısı ile değiştirmeliyiz.

<a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=3.0.40818.0" 
    style="text-decoration: none">
        <img 
        src="http://www.ibrahimkivanc.com/project365/intro.jpg"
        alt="Get Microsoft Silverlight" style="border-style: none"/>
</a>

Kolay gelsin

Püf Noktası #25 - Silverlight Stil Düzenleme

Pazartesi, 25 Ocak 2010 10:06 by ikivanc
Silverlight ve WPF projelerinde stil oluşturduktan sonra var olan stillerimiz üzerinde düzenlemeler yaparak, istediğimiz gibi oynamalar yapabiliyoruz.


Bunun için Edit Template > Edit Current diyerekten, stilimizi editlemeye devam edebiliriz.

Kolay gelsin.

Püf Noktası #24 - Silverlight Lokal-Global Stiller

Pazar, 24 Ocak 2010 12:43 by ikivanc
Silverlight ve WPF'te sayfa içerisinde veya tüm uygulama içinde tanımlanan stiller istenildiği takdirde sayfa içerisinden proje geneline ya da proje genelinden sayfa içerisine aktarılabilir.

Stillerin nerede tanımlı olduğunu Resources'a bakarak öğrenebiliriz. Eğer stilimiz bir sayfa altında tanımlı ise stilimiz sadece o sayfada çalışıp, diğer sayfalar içerisinde kullanılamıyacaktır. App.xaml altında tanımlı ise genel bir stil olup, tüm proje sayfaları içerisinde rahatlıkla kullanabiliriz demektir.

Aşağıda görüldüğü gibi buton sitilimiz sayfa içerisinde tanımlanmıştır.


Bunu mouse yardımı ile app.xaml altına sürükleyerek tüm projede kullanılmasını sağlayabiliriz.


Bu yaptığımız değişiklikler sayfa içerisinde kodlarda da değiştirilerek, çalışır bir vaziyette projemize de kaydedilecektir. Aynı şekilde App.xaml altındaki bir stili de herhangi bir sayfa altına taşıyabiliriz. Stillerin yönetimini bu şekilde kolaylıkla yapabiliriz.

Kolay gelsin.

Püf Noktası #23 - Silverlight Stil Oluşturma

Cumartesi, 23 Ocak 2010 09:28 by ikivanc
Silverlight ve WPF projelerinde default componentler'in stillerini istediğimiz gibi değiştirebiliriz. Zaten Silverlight ve WPF'in yazılım dünyasına getirdikleri e büyük yeniliklerden biriydi uygulamayı isteğe göre modifiye etmek.

Bunun için Component üzerine sağ tıklayarak Edit Template > Edit a Copy ile seçilen nesnenin stilini değiştirebiliriz.


Bunu yaptıktan sonra Create Style Resource ile istediğimiz style'ı oluşturmaya başlayabiliriz. Oluşturacağımız XAML stil kodlarının nerede konumlanacağını belirtmek için "Define in" seçeneğinde belitmemiz gerekir. Sadece bulunduğu sayfaya eklemek için  This Document, tüm dosyalar tarafından kullanılabilmesi için Application'ı seçmeliyiz. Application, App.xaml dosyası içerisine ekleyecektir.


Bu işlemleri tamamladıktan sonra örnek oalrak buttonun stil bileşenleri aşağıdaki gibi olacaktır.


Bunlar üzerinde istediğimiz gibi değişiklikler yaparak kendimize özel stiller oluşturabiliriz.


Kolay gelsin.