leventuncu.net

Microsoftun ürünlerini incelerken wpf dikkatimi çekti.  Ufak bir araştırma yaptım.

WPF Nedir?

.Net Framework 3.0 ile beraber çıkan görsel sistemdir. Kullanıcı arabirimi (User Interface) ile iş katmanını(Business logic) temiz bir şekilde ayırmak için tasarlanmıştır. Bundan daha fazlası formlarınızda 2D, 3D çizimler kullanabilir, vektör çizimlerden faydalanabilirsiniz. XAML adıyla bilinen xml benzeri bir dil kullanır.  Amacım WPF detaylarına girmek değil, o yüzden mimarisiyle ilgili detaylı açıklamayı wikiden edinebilirsiniz.

Kaynana Nedir?

Kaynana bir WPF uygulamasıdır. Biraz photoshop bilgisiyle  görüntü olarak M3 firmasının Post-it’ ine benzer bir masaüstü not programı hazırladım. Uygulamanın adı alarm özelliklerinden dolayı KAYNANA’ dır; Bu uygulamayla;

• Masaüstüne birden fazla not alabilirsiniz.
• Günlük veya tek alarm kurabilirsiniz.
• Birden fazla dilde kullanabilirsiniz.
• Kurduğunuz her bir alarm için farklı bir ses ataması yapabilirsiniz.
• Alarmın erteleme özelliği ile daha sonra tekrar hatırlatmasını sağlayabilirsiniz.

Şekil 1. Kaynana ekran görüntüsü

Şekil 2. Kaynana alarm görüntüsü

Kaynana uygulamasını indirmek için tıklayın.

Son zamanlarda lokalde dinlediğim mp3 lerden sıkıldım ve arayışa girdim. Web de surf yaparken last.fm le karşılaştım. Beğendiğin şarkıcı veya grupla başlayıp aynı tarzda müziklerle devam ediyor. Kendilerini şöyle anlatmışlar:

Last.fm, dinlediğiniz müziğin kaydını tutar ve bunu baz alarak sizin için kişiselleştirilmiş bir çok özellik sunar.Last.fm ile müzik dinleyebilir, hoşlanacağınız sanatçıları keşfedebilir, müzik zevkinizi taşıyan kişilere erişebilir, yaşadığınız yerdeki etkinliklerden haberdar olabilir, kişisel siteniz için müzik listeleri ve kolajlar hazırlayabilir ve daha birçok şey yapabilirsiniz.

Last.fm i masaüstünden dinlemek için bir de ufak program yaptım. Buradan indirebilirsiniz.

Şekil 1:Last.fm client penceresi

Daha önce bahsettiğim GWT araçlarının kurulum tarifini bu yazımda vereceğim. Öncelikle ihtiyacımız olacak malzemenin(arabirim,program ve araçların) linkleri vereyim;

Java Runtime Environment (ne kadar olursa)
Google Web Toolkit (1 ölçek)
Eclipse (1 ölçek)
ExtJS 2.0.2 (2 su bardağı)
Gwt-Ext (200 gram)
GWT Designer (1 paket)

Artık elimizde tüm malzeme hazır. Eclipse’in çalışması için sistemimizde önceden JRE nin kurulu olması gerekiyor. Konumuz GWT olduğu için burada jre ve eclipse kurulumunu anlatmayacağım. Eclipse zaten sıkıştırılmış bir dosya olarak geliyor, bir klasöre patlamamız yeterli. Bu makalede c:\eclipse klasörü örnek olarak kullanılacak. Şimdi sıra geldi tarifimize;

Sırasıyla

1.Gwt’yi c:\eclipse\gwt klasörüne patlatın.
2.Gwt Designer kurulumunu yapın.
3.Gwt-Ext ve ExtJS paketlerini ulaşımı kolay bir yere patlatın.

Şimdi Eclipse’mizi açıyoruz ve file->new->other penceresinden gwt-java project’i seçiyoruz.

İlk defa bir proje oluştururken gwt designer konfigürasyonu yapılmalı uyarısı geliyor. Linke tıklayıp gelen pencerede GWT kütüphanesi yolunu belirtmemiz yeterli. Sihirbazın sonraki adımında Create Gwt Module işaretleyip en son adımda proje adını yazıp sihirbazı bitiriyoruz.

Projemizi oluşturduktan sonra eclipse’i ocak üstünde bırakıp bir dosya gezgini aracılığıyla projemizi oluşturduğumuz klasöre gidiyoruz. Daha önceden hazırladığımız gwt-ext.jar dosyasını buraya kopyalıyoruz.
Yine burada com\mycompany\project\public klasörü altına önce js klasörünü daha sonra onun altında ext klasörünü oluşturuyoruz. Oluşturduğumuz bu klasörün içine extJS içeriğini yapıştırıyoruz.

Artık kısık ateşte bıraktığımız Eclipse penceresine dönebiliriz. İlk işimiz package explorer penceresini güncellemek. Daha sonra referenced libraries üstünde sağ tuş menüsünde Build Path->Configure Build Path le gelen pencerede Add Jars deyip gwt-ext.jar ı seçiyoruz.

Tarifimizde sona doğru yaklaşıyoruz. ImageViewer.gwt.xml dosyanı açıp source sekmesine geçiyoruz. Buranın aşağıdaki kod gibi olmasını sağlıyoruz.
<module>
<inherits name=”com.google.gwt.user.User”/>
<inherits name=”com.gwtext.GwtExt”/>
<entry-point class=”com.mycompany.project.client.ImageViewer”/>
</module>

Son olarak public içerisinde imageviewer.html i açıp aşağıdaki kodu yapıştırarak işimizi bitirelim.

<!– Begin ExtJS library files –>
<link rel=”stylesheet” type=”text/css” href=”js/ext/resources/css/ext-all.css”/>
<script type=”text/javascript” src=”js/ext/adapter/ext/ext-base.js”></script>
<script type=”text/javascript” src=”js/ext/ext-all.js”></script>
<!– End ExtJS library files –>

Artık Imageviewer.java dosyasını açıp design sekmesine geçerek panelden sürükle-bırak yöntemiyle gwt ve gwt-exti rahatlıkla kullanabiliriz.

Afiyet olsun.

Kaybolan yazılarımı nasıl kurtarırım diye uğraşırken, “site:www.leventuncu.net” aramasıyla google cache’inden eski sayfalara ulaşabildim. Yeni bir düzenlemeyle tekrar siteye ekleyeceğim. Bekle beni kahpe internet, geliyorum!

Uzun zamandır kullandığım hosting firması, pılı pırtı toplayıp kaçtı. Üstelik bir uyarı postası atmadan. Amerikan menşeili olmasından dolayı krizde sunucuları haraç mezat sattıklarını düşünüyorum! Olan tabi yine benim gibi yedek almayan gariban kullanıcılara oldu. El emeği göz nuru yazılarım bir anda internet sonsuzluğunda kayıplara karıştı. Yeni bir başlangıç için uzun zaman bekledim, bu beklemenin bir nedeni de belki geri gelirler ben de yedeklerimi alırım, sitemi kurtarırım umuduydu.

Geçmişi tozlu raflarda bir anı misali bırakarak sitemi tekrar başka bir hosting firmasında açtım. Artık tekrar beraberiz