DeveloperMania.Net

Windows Phone 7 üstünde Sanal Klavyeyi saklamak

Windows Phone 7 serisi üstünde bir textbox kontrolü üstüne tıkladığınızda sanal klavyeyi kullanmak istemiyorsanız aşağıdaki kodu kullanabilirsiniz.

        public MainPage()
        {
            InitializeComponent();

            this.textBox.KeyUp += new KeyEventHandler(textBox_KeyUp);
        }

        void textBox_KeyUp(object sender, KeyEventArgs e)
        {
            if (e.Key == Key.Enter)
            {
                this.Focus();
            }
        }

Asp.Net Mimarisi

1) Asp.net’in doğuşu

Asp.net nedir? Microsoft .Net framework tabanlı web uygulamarı hazırlamak için Microsoft tarafından geliştirilmiş bir web teknolojisidir. VB ve C# kullanılarak renkli ve kullanışlı web uygulamalrı yapmak için biçilmiş bir kaftan olduğu iddia edilen bu güzel teknolojinin avantajları ve dezavantajları vardır. Avantajlarını az çok bilinmekle beraber çok kullanıcılı web sitelerinde ve portallarında performans ve geliştiriciler için de esneklik ve tekrar geliştirilebilirlik problemleri sunmaktadır. Öncelikle Asp.net sayfaları nasıl çalışır onu görelim. Daha sonrada avantajları ve dezavantajları hakkında bilgi verelim.

ASP.Net nasıl çalışır?

Asp.net ağabeyi asp gibi script dillerle sınırlandırılmamıştır. O hem salt betik kod(javascipt vs.) geliştirmeye müsade eder hemde C# ,J# ve Vb gibi dillerle de geliştiricilere visual studio ortamında sunucu taraflı kod geliştirme olanağı sunar. 1997 yılında IIS ‘in icadına kadar web siteleri statik bir yapıya sahipti. Sadece el yordamı ile ile değiştirilebiliniyor ve sürekli güncel tutulması için zaman kıstasları ile yarışılmak zorunda kalınıyordu. Dinamik bir yapı IIS ve ASP ile geldi. Kısacası istemci bir istekte bulunduğu zaman dinamik yapı sunucuya bu isteği gönderiyor. Server bir çıktıyı istemcinin web tarayıcısına yansıtıyordu. Bu sayede bir çok dinamik e-ticaret siteleri ve intranet portallar yapıldı ve iş yükü gözle görülür bir şekilde azaltıldı. 2000 li yıllarda gelindiğinde sahneyi ASP.Net aldı. Asp.net Common Language Runtime denilen kısa adı CLR olan bir teknoloji üzerine inşa edilmiştir. Kısaca CLR nedir? Nasıl çalışır?Java’nın jvm’si var ise .Net inde CLR ‘si vardır.Bir C#kodu yazılıp derlendiğinde yazılan bu kod MSIL (Microsoft Intermediate Language)’e dönüştürülür. Bu kodun yorumlanmasını CLR yapar. Güvenlik ve exception kontrollerini yaptıkdan sonra kodu icra eder.

ASP.Net Çalışma Modeli:

Asp.net sayfaları sunucu üzerinde text dosyası olarak tutulurlar fakat sayfaya ulaşıldığında .Net Framework CLR’yi tetikleyerek MSIL kodlarını yorumlamasını sağlar. Sonuç olarak bu isteğe bir cevap yine text formatında hazırlanır. Performans kaygılarından dolayıdırki, Asp.net sayfaların gereksiz olarak derlenmesi engellemek için output caching mekanizması kullanır.

2) Asp.net ile web uygulamalarının avantajları ve dezavantajları:

ASP.Net Avantajları:

1) Asp.net ile bir çok büyük windows uygulamasının web versiyonları yazılmaktadır. Web artık bir uygulamalar havuzudur. Bunuda büyük ölçüde başlatan ve kolaylaştıran asp.nettir.

2) Asp.net, windows form uygulama geliştiricilerin alışkın olmadıkları html dünyasına rahat bir giriş yapmasını sağlar. Bunuda zengin toolbox(sürükle bırak) ve designer özellikleri ile yapar.

3) Asp.net ile gelen sunucu kontrolleri html kodu ile iç içe geçmiş şekilde yazılır. Kaynak kodunda bir değişiklikler hızlı bir şekilde yapılır. Buda hızlı web siteleri geliştirmemize olanaklar sağlar.

4) Bir zamanlar web de yapmayı hayal nile edemeyeceğiniz bir çok windows form uygulamasını webe taşıyabilirsiniz. Bu sayede platformdan bağamsız portallar,siteler yaratırsınız. Örneğin; Bir stok takip programı windows ,IOS ve Linux da platformdan bağamsız çalışır!

5) Asp.net sitelerinin yayınlanması basittir.

6) 2000 lerden sonra gelen asp.net o zamana kadar görülmemiş bir veri bağlama (data-binding) olanağı sunar. Sunucu kontrollerinin olay güdümlü çalışma özelliği sayesinde veri bağlama işlemleri ile sunucu olayları arasında kordinasyon sağlanır.(GridView_RowCommand,GridView_RowCreated vb.)

7) Güvenlik sayfa bazlı güvenlik politikası ile uygulamalarınız güvendedir. Asp.net authorization ve authentication implamantasyonları Kerberos desteklidir.

Asp.net Dezavantajları:

1) Asp.net içerisindeki sayfa yenilense bile text alanlara girilen veriler sayfada kalmaktadır. Bunu Asp.net ViewState sayesinde yapar. Kullanıcının girdiği dataları Hidden Input’lar içerisinde tutarak veri bütünlüğünü sağlar. Bunu otomatik olarak gerçekleştirir.Verilerin sayfa içerisinde saklanması helede basit bir Name/SurName kombinasyonunun bile hidden inputlar içerisinde bu kadar yer tutması performansımızı etkileyecektir.

2) Asp.net ile zengin bir sunucu kontrolleri desteği gelmiştir. 2005 den sonra gelen Ajax Control Toolkit ise asp.net’in zenginliğine zenginlik katmıştır. Fakat bu zenginlik arka planda önemli bir sorunuda beraberinde getirmiştir. Sunucu kontrolleri standart html kontrolleri değildir. Kodun istemci tabanlı çıktısına dönüşmesi gerekmektedir. Özetle kullanıcı bizim özenle hazırladığımız Gridview’ı GridView olarak görmez. Web sitesini sağ tıklayıp kaynağını görüntülersek hiçbir sunucu kontrolüne raslanmaz. CLR burda devreye girmiştir. MSIL ara(sözde) kodunu yorumlayıp Kullanıcı 1 den N’ye kadar olan HttpRequestlere html çıktısı olarak httpresponse cevabı göndermiştir. Aşağıdaki temsili resim bu durumu temsil etmektedir.

Kullancılar sunucu kontrollerini kullanarak httpRequestlerde bulunur.Sunucu bunları yorumlar sayfa kaynağını ve onunla ilişkili olan project assembly(.dll) leri beraber yorumlar.istemci tarafından kendine gelen bir click eventinin karşılığını bulur. Döndürdüğü cevap html çıktısıdır.Kullanıcıların tetikledikleri her method GridView gibi ListView gibi ağır sunucu kontrollerinin tekrar ve tekrar RENDER edilmesine html ‘e dönüştürülmesi gerektirmektedir. Bunu her seferinde yapmak sunucuya ciddi bir yük oluşturmakta ve Request-Response trafiğini etkilemektedir.

3) Third-part component denilen, üçüncü parti sunucu kontrolleri sistemi yavaşlatır. Örneğin sistem içinde arama sonuçlarının kulanıcıya yansıttığınız bir sayfanın daha güzel görünmesi için (örneğin rounded corner) üçüncü parti bir sunucu kontrolü kullandınız . Emin olun sisteminizde ciddi bir yavaşlamaya yol açacaktır.

4) Asp.net vektörel,resim, grafik animasyon sevmez. Çok fazla miktarda kullanılan flash bannerlar,resim ve animasyonlar ağırlıklı olarak sunucu taraflı çalışan bir platform olan asp.net tarafından pek sevilmez.

5) Asp.net de kaynak kodu ve sunucu kodu Visual Studio 2003’den sonraki versiyonlarda keskin çizgilerle ayrılmıştır. Bu başlarda gayet avantajlı gibi görünsede sistemimize istemci taraflı bir kodu gömmek, yada hoş bir css tabanlı efekti dinamik olarak sunucu olaylarına bağlamak için Csharp kodu içerisine html ve javascript kodunu gömmek gerekmektedir. Bu durum, emin olun zaman ve maliyet olarak ciddi bir yüktür. Kodun anlaşılabilirliyi kaybolacaktır.Buraya kadarki kısımda Asp.net’in doğuşu,Neden ihtiyaç duyulduğu ve avantajları ve dezavantajları hakkında konuştuk. Sırada Asp.net kullanılarak daha esnek web uygulamaları nasıl yapılır? Performansı nasıl arttırabiliriz gibi bazı sorulara cevap arayacağız.

3) Performans&Esneklik&Okunaklılık

Performans: Asp.net geliştiricilerinin en çok şikayet ettikleri konu :”Sayfalarım local makinamda hızlı çalışıyor. Fakat sayfalarımı yayımladıktan sonra yavaş çalıştığı hakkında şikayetler alıyorum.” Şeklindedir. Bunu sebebi basittir. Web trafiği! Sayfalarınız test esnasında makinanızdaki .Net Framework sanla bir olarak local IIS üzerinde sayfanızı test etmenizi sağlar Bir kullanıcı için hız normaldir. Yayımlandıktan sonra kullanıcısı sayısı on,yüz bin hatta onbinlere ulaşabilir. Sunucuların RAMleri bir süre sonra Httprequestler ile başa çıkamaz hala gelir ve HttpResponse döndürebilmek için hepsini bir kuyruğa koyar. Buda cevabın bekleme süresini uzatır. Web uygulamalarının windows uygulamalarından en büyük farkı arayüz ve assemblylerin kullancının makinasında değil sunucu makinasında tutulmasıdır.

Windows uygulamalarında sadece veriler için cevap beklenirken web uygulamalarında veri ve arayüz bileşenlerinin html render çıktılarıda beklenir. Aşağıdaki şekilden de anlaşılacağı üzere web uygulamaları httpRequest ve httpresponse üzerine kuruludur. Trafik bir süre sonra zirve seviyesine ulaşacaktır.

Esneklik: Bir çok web projesini incelediğimde beni hayrete düşüren şey. Geliştiricilerin katmanlı yapılara ilgi duyması fakat nasıl kullanacaklarını hangi kodun nereye yazılacağı konusunda fikir sahibi olmamalarıydı. Örneğin. DAL(Veri Ulaşım katmanı) ‘a yazılacak bir kodu BLL(“İş Mantığı katmanı”)’da veya BLL da olması gereken UI’de olduğunu gözlemledim. Unutulmamalıdırki bir View katmanında görevli assembly ‘nin 5-6 Mb boyutlarında olması normaldir fakat bu değer 20 mb değerini aşıyorsa UI assembly’si fazla şişmiştir.

Öte yandan UI katmanında kullanılan pluginler arasında DAL plugini olmamalıdır. DAL plugini sadece BLL dan kontrol edilir. UI hiçbir şekilde DAL ‘dan haberdar olmamalıdır. Bazı yazılım uzmanları DAL’a UI’den erişim gereksinimi duyarlar. Bu bir gereksinim değildir tamamı ile kod tasarımının eksik yapılmasından kaynaklanmaktadır. Günümüzde tak kullan yazılımcılığı hızla yükselmektedir. X firması için tasarladığınız DAL, Y firmasına uymayabilir. DAL UI’den %100 bağamsız olmalıki X firmasının DALını çıkarıp Y firmasının DALını taktıktan sonra bile web uygulamamız sorunsuz çalışmalı!

Okunaklılık: Okunaklılık tek başına kelime anlamı olarak bile tek başına bir çok şey ifade etmektedir. Unutmayın yazdığınız kodun esneklik ve performans sonuçlarını sağlıklı bir şekilde değerlendirebilmek için kodunuzun okunabilir olmasıda gerekmektedir. Örneğin aşağıdaki kodu inceleyelim.

DateTime dat = new DateTime(2012, 1, 17, 9, 30, 0);

string city = "İstanbul";

int temp = 10;

string output = Console.Write(dat+“ tarihinde ”+city+”’da hava”+temp+”derecedir.”  );

Console.WriteLine(output);

Yukarıdaki kod bloguna dikkat ederseniz text veriler ile değişkenler iç içe geçmiştir. Bu tek satırlık basit kod bloğunda bile bu kadar okunaksız görünüyorsa gerçek bir program bloğunda yukardaki tipdeki bir kodlama ne kadar okunaksız duracaktır. Şimdi aşağıdaki kod blopuna bakalım.

DateTime dat = new DateTime(2012, 1, 17, 9, 30, 0);

string city = " İstanbul ";

int temp = 10;

string output = String.Format("{0} tarihinde {1}‘ da hava {2} derecedir.",

                              dat, city, temp);

Console.WriteLine(output);

Gayet anlaşılır ve okunaklı! Text veri ile değişkenler String.Format metodu ile birbirinden ayrıldı ve kod bloğu kolay okunabilir bir hal aldı.

Sonuç olarak bu makalemizde; Asp.netin doğuşu, avantajları,dezavantajları ve mimari çatısı üzerine bilgi verilmiştir.

Extreme Enumlar

Enumlar yazılım mühendislerinin imdadına çok değişkenli durumlarda yetişen bir sınıftır. Parantezlerinin içine her durum için ister indexli ister indexsiz fieldlar tanımlanabilir. Mesela;

Enum SınavSonuclari

{

Butunleme,

Kaldi,

Geçti

}

Şeklinde tanımlanabilir. UserInterfaceden gelen durumlara göre switch case kullanılarak işlemler yapılır.

Void Hesapla( SınavSonuclari sonuc)

{

Switch (sonuc)

{

Case SınavSonuclari.Butunleme: Birşeyler yap.... break;

Case SınavSonuclari. Kaldi: Birşeyler yap.... break;

Case SınavSonuclari. Geçti: Birşeyler yap.... break;

}

Yukarıdaki kullanım hepimizin bildiği yöntemlerden biridir ve kullanışlıdır. Bir çok ileri kullanımı vardır tabiki bunları internette bulabilirsiniz. Benim yapmak istediğim; bir enum içine index bilgisi hariç istediğim kadar veri saklayabilirmiyim. Şöyle düşünelim object oriented programming de kod tekrarı ve gelen veririn sabit bir değerle karşılaştırılarak if case veya switch case işelmleri yapmak kabul edilemez. Örneğin;

İf( Deger ==”A”)

{

// X dosyasına kayit al

}

Else if ( Deger =”B”)

{

// Y Dosyasına kayit al

}

Else if(Deger ==”C”)

{

// Z Dosyasına kayit al

}

Koca bir Erp çözümü ve CRM bu tekrarın bir modülünde veya başka modüllerinde de tekrar edildiğini düşünün. Hemen enuma başvururuz öyle mi? Deger kontrolü için evet ama bu folderların servernameleri değişmiş ise yani 192.143.0.1 değilde 192.143.04 olmuş ise?

Void Hesapla( Deger deger)

{

Switch (deger)

{

Case Deger.A: // 192.143.0.1’ ye kaydet değişirse ne yapacaksın?.... break;

Case Deger.B: //192.143.0.2’ ye kaydet değişirse ne yapacaksın?.... break;

Case Deger.C: //192.143.0.3’ ye kaydet değişirse ne yapacaksın?..... break;

}

Bu kadar lafı uzatmamın sebebi bazı ukala eleştirilerden uzak durmak için ( Malum yazılımcılar ukaladır ve herşeyi en iyi bilirler.) Şimdi asıl işimize dönelim Ben enumlar içinde string int veya başka bir tipte veri saklamak istiyorum.Bunun en iyi yöntemi attributeleri kullanmaktır.(Belkide tek yöntem) Yapmak istediğim tamda aşağıdaki gibi;

public enum myFolders

{

[StringValueAttribute("192.165.0.210/C/MyCustomerFiles")]

Customers,

[StringValueAttribute("192.165.0.212/D/MyStaffsFiles")]

Staffs,

[StringValueAttribute("192.165.0.213/C/MyEmployeesFiles")]

Employees

}

Enum’un fieldlarında CustomDefined Attributeler görülmektedir. Bunun için StringValueAttribute adında bir sınıf Attribute sınıfını kalıtım almıştır.

public class StringValueAttribute : Attribute

{

public string StringValue { get; protected set; }

public StringValueAttribute(string value)

{

this.StringValue = value;

}

StringValueAttribute sınıfı hem attribute tipinde bir sınıftır hemde constructor’ı string bir deger içermektedir(int double Control tipinde de olabilirdi).

Enumunun bu attributelerine nasıl erişebiliriz?.Dikkat ederseniz StringValueAttribute Custom Attribute tipinde bir sınıftır. Artık reflection metodlarını kullanmanın zamanı geldi sanırım.

public static class MyExtentions

{

public static string GetStringValue(this Enum value)

{

// tipe ulaş

Type type = value.GetType();

// Tipin field bilgisini al

FieldInfo fieldInfo = type.GetField(value.ToString());

// Attribute’un string bilgisini al

StringValueAttribute[] attribs = fieldInfo.GetCustomAttributes(

typeof(StringValueAttribute), false) as StringValueAttribute[];

return attribs.Length > 0 ? attribs[0].StringValue : null;

}

Bu makaleyi buraya kadar okuduğunuza göre Reflection konusuna hakimsiniz demektir. Buradaki en güzel nokta;

// Attribute’un string bilgisini al

StringValueAttribute[] attribs = fieldInfo.GetCustomAttributes(

typeof(StringValueAttribute), false) as StringValueAttribute[];

yukarıdaki koddur. Dikkat ederseniz Enumların CustomAttributeleri string değer tutmaktadır. Buradaki GetCustomAttribute ile StringValueAttribute değerine ulaşabildik. Şimdi ana programımızda nasıl kullanacağız onu görelim.

class Program

{

static void Main(string[] args)

{

string result = string.Empty;

Console.WriteLine("PLease choose File Type to save your account files:");

Console.WriteLine("Customer to press C\n");

Console.WriteLine("Staff to pres S\n");

Console.WriteLine("Employee to pres E\n");

result = Console.ReadLine();

if (result == "C")

{

Save(myFolders.Customers);

}

else if (result == "S")

{

Save(myFolders.Staffs);

}

else if (result == "E")

{

Save(myFolders.Employees);

}

static void Save(myFolders folder)

{

Console.WriteLine(String.Format("{0}->{1}", folder.GetStringValue(), " is saved under file"));

Console.Read();

}

Klavyeden girilen değer’e karşılık gelen enum değeri Save metoduna gönderiliyor.GetStringValue metodu ile bu enumlara Attribute edilmiş string dosya yolları çekiliyor. Böylelikle uygulamamızda dosya yolları değişirse veya ipler değişirse veya başka bişi sadece enum değerlerimizi tutan string ‘de oynama yapmamız yeterlidir. Peki bir den çok string tutamazmıyız? Tabiki :

Senaryomuzu basit tutalım. Test amaçlı bir Login ekranının UserName ve PassWord değerlerini tutalım. VE HER YERDE KULLANALIM.

public enum UserType : int

{

[StringValueAttribute("xyz", "test")]

}

public class StringValueAttribute : Attribute

{

public string UserName { get; protected set; }

public string PassWord { get; protected set; }

public decimal Something { get; protected set; }

public StringValueAttribute(string Username, string Password, decimal something)

{

UserName = Username;

PassWord = Password;

Something = something;

}

public StringValueAttribute(string Username, string Password)

{

UserName = Username;

PassWord = Password;

}

public StringValueAttribute(string Username)

{

UserName = Username;

}

Dikkat ederseniz Constructor miktarını artırdım değişik kombinasyonlar da string veri saklanabilir UserName,Password veya UserName,Password ve something saklayabilir.

GetStringValue metodu içinde küçük bir değişiklik yapalım:

public static class Extentions

{

public static Object[] GetStringValue(this Enum value)

{

Type type = value.GetType();

FieldInfo fieldInfo = type.GetField(value.ToString());

StringValueAttribute[] attribs = fieldInfo.GetCustomAttributes(

typeof(StringValueAttribute), false) as StringValueAttribute[];

return attribs[0].GetType().GetProperties()

.Select(p => p.GetValue(attribs[0], null))

.ToArray();

}

Basit bir Linq sorgusu ile StringValuAttribute sınıfının özelliklerine ulaşırız.Enu içinde StringValueAttribute sınıfınını herhangi bir constructor’ına değer atanıp özelliğine atanmıştır.GetValue metodu ile bu değerler Object dizi şeklinde return edilir.

En Basit Haliyle MVVM Mimarisi

Mvvm mimari kalıbı Silverlight/Wpf geliştiricileri için vaz geçilmez olma yolundadır. Temelleri Martin Fowler’in Presentetion Model’ınıa dayanan mimari kalıbımız gücünü MVC ve MVP ‘a borçludur. Tasarım desenlerinde amaç Code Behind ile UI geliştirilmesini birbirinden tamamiyle yada kısmen ayırmaktır. MVP bunu kısmen başarsada wpf ve Silverlight’ın güçlü Binding mekanizmasına sahip olmadığından klasik geliştiricileri bazen sıkmaktadır. Burada MVVM ‘ın gücünü nerden geldiğinden bahsedeceğim.

Model View ViewModel (MVVM) Martin Fowler tarafından tanıtılan Sunum Modeli (Presentation Model) tasarım desenine dayanmaktadır. Ama temelde mvc ve mvp’nin temel amacına hizmet eder.

MVVM üç temel taştan oluşur: Model,View ve ViewModel’dır. ViewModel Model ‘ı referans alırken View Model’dan tamamen habersizdir. Bu satede arayüz geliştiricisi hiç bir şekilde iş mantığı ile yüz yüze gelmez.

Yukarıdaki diagram bu durumu en güzel şekilde anlatmaktadır. Modle proje boyunca değişebilir. View bu durumdan habersizdir. Modle ‘dan soyutlanmıştır. View Model Model’ı ,View ise View Model’ı referans alır. Konuyu daha iyi anlamak için bir silverlight projesi başlatalım. Ve aşağıdaki projeyi oluşturalım.

MyData.cs: Entitylerin tutulduğu sınıftır. Projenin data işleyiş mantığı burada tutulur.

public class MyData

{

public int ID { get; set; }

public string Name { get; set; }

public string Price { get; set; }

public string Author { get; set; }

public string Catalog { get; set; }

}

MyDataViewModel.cs : Model kısmının iş mantığının geliştirildiği kısımdır. İş mantığı burada tutulur. Model referans alınmıştır. Ama Model sınıfımızdan habersizdir.

public interface IView

{

List<MyData> GetData();

}

public class DataManager

{

private IView _view { get; set; }

public DataManager(IView view)

{

_view = view;

}

public IView ResultSet { get { return _view; } }

}

public class MyDataViewModel : IView

{

private List<MyData> listOfMyData { get; set; }

public MyDataViewModel()

{

listOfMyData = new List<MyData>();

}

#region IView Members

// codes...

#endregiom

}

Yukarıdaki kod bloğunda görüldüğü gibi DataManager sınıfı IView interface’ini Constructorunda blundurur. IView interfa’i hangi sınıfa implement edilirse IView interface’i ile iletişim sağlanır.

BookViewer.xaml: Bir User Kontroldür. Arayüz geliştiricimiz bu user kontrollerden binlerce geliştirebilir. Ama code behindları boştur. Sadece tasarım kısmı geliştirilir.

<data:DataGrid Margin="8" Height="400" Width="650" ItemsSource="{Binding}">

<data:DataGrid.Columns>

<data:DataGridTextColumn IsReadOnly="True" Header="ID" Binding="{Binding ID}">data:DataGridTextColumn>

<data:DataGridTextColumn IsReadOnly="True" Header="Name" Binding="{Binding Name}">data:DataGridTextColumn>

<data:DataGridTextColumn IsReadOnly="True" Header="Price" Binding="{Binding Price}">data:DataGridTextColumn>

<data:DataGridTextColumn IsReadOnly="True" Header="Author" Binding="{Binding Author}">data:DataGridTextColumn>

<data:DataGridTextColumn IsReadOnly="True" Header="Catalog" Binding="{Binding Catalog}">data:DataGridTextColumn>

data:DataGrid.Columns>

data:DataGrid>

StackPanel>

Grid>

MainPage.xaml : Asp.net ascx user kontrolleri gibi xaml user kontrolleride ana forma yerleştirilir ve Binding işlemi code behind’da yapılır.

<UserControl x:Class="silver.MVVM.Project.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

mc:Ignorable="d" d:DesignWidth="850" d:DesignHeight="850"

xmlns:views="clr-namespace:silver.MVVM.Project.View">

<views:BookViewer Name="myDataViewer" Margin="0,0,0,0" Loaded="BookViewer_Loaded" >views:BookViewer>

Grid>

UserControl>

MainPage.xaml.cs : BookViwer user kontrolünün loaded olayına viewmodel vasıtasıyla binding yapılır.

private void BookViewer_Loaded(object sender, RoutedEventArgs e)

{

ViewModel.DataManager mydata = new DataManager(new MyDataViewModel());

myDataViewer.DataContext = mydata.ResultSet.GetData();

}

Model : Data sınıfları burada tutulur. Örneğin entity framework sınıfları yada POCO sınıfları burada tutulmalıdır.

View : User kontroller burada toplanır. Ara yüz geliştirici View katmanında çalışır.

ViewModel : View, Model ile ViewModel sayesinde konuşur. Model’ı referans alır. View ise View Model’a bağlıdır.

Yazımızın sonunda şunlarıda eklemliyim:

İleri Commanding, Binding, Behaviour özellikler kullanılır. Bu sayede kod daha esnek geliştirilir.
Ara yüzü temsil eden View’ın kod kısmı genelde boştur. Böylelikle tasarım iş mantığı birbirinden tamamen ayrılır. Bu da test işlemlerini kolaylaştır.

Mvc de seçili satırı boyama ve ajax ile post işlemi

Merhaba arkadaşlar, uzun bir aradan sonra tekrar sizlerle birlikteyim. Bugün ki makalemizde MVC 3 ile sayfada tablo şeklinde gösterdiğimiz verilerimizin, belirli kriterlere göre satırlarını javascript ile nasıl renklendireceğimizi anlatmaya çalışacağım. Bu örneğimizde veritabanından çektiğimiz verilerimizi durum kriterine göre aktif olanları farklı, pasif olanları farklı renklerde kullanıcılarımıza sunacağız. Aynı zamanda select nesnesi ile kullanıcılarımızın durumunu aktif veya pasif edebilecek ve eş zamanlı olarak tablomuza ait satırımızın rengini değiştireceğiz. Aslına bakarsanız tüm olay tamamen javascript tarafında bitiyor. Bilmemiz gereken tek şey bizim hangi satırı seçtiğimiz ve hangi alanda değişiklik yaptığımız. İsterseniz daha fazla konuşmadan uygulamamıza geçelim.Bu uygulamamızda ben örnek bir veritabanı hazırladım.Veritabanımızda aşağıdaki gibi users isimli bir tablomuz var ve içinde dört adet kullanıcımız var.

Şimdi users isimli tablomuzdaki kullanıcılarımızı, homecontroller classımız içindeki dönüş tipi actionresult olan metodumuz içinde çağırıyoruz. Ardından bu metodumuza hemen bir view ekliyoruz (bilmeyenler için yazdığımız metot üzerine gelip “add view” dediğimizde hazırlamış olduğumuz metodumuza bir view ekleyebiliriz).

View eklerken model olarak users tablosunu seçiyoruz ve template olarak da list’i seçiyoruz ve add butonuna basarak view’imizi projemize dahil ediyoruz. Şimdi list yapısını aslında MVC bize hazır olarak sunuyor fakat bizler projemizde kendi html kodlarımızla da sayfaya yeni bir görünüm kazandırabiliriz. Bunun için ben yeni oluşturduğum sayfa içerisinde yer alan bütün html kodları siliyorum. Yeni oluşturduğum html yapı şöyle;

Buradaki UpdateKullaniciDurum isimli fonksiyonumuz,select elemanımız değiştirildiğinde çalışacak olan javascript kodumuzdur.

Ajax post yöntemi ile seçilen kullanıcının yeni durumunu, UpdateKullaniciDurum isimli metodumuz ile güncelliyoruz. Kullanıcının durumu değiştirildiğinde, view içierisinde yer alan tablonun satır renklerinin de değişmesi için metodumuzun geriye "Json" döndürmesi gerekmektedir.
Aşağıdaki kod bloğundakiler, ajax ile post edildikten sonra homecontroller classında çalışacak metoddur (Update işlemini yazarak konudan uzaklaşmak istemedim. Siz istediğiniz şekilde yazabilirsiniz).

Bir sonraki makalemizde görüşünceye dek hoşça kalın.

Recep SELLİ

SQL Server Code Named Denali

SQL Server'ın yeni versiyonu CTP 3 olarak download'a sunuldu. Oldukça yenilikler getiren bu yeni versiyonla birlikte SQL Server'ın daha çok güç kazanacağını düşünüyorum. İlk sıçrayışını SQL Server 2000'den 2005'e geçerek yapan SQL Sever ikinci sıçrayışını 2008'de yapmıştı. Bu seferde oldukça büyük beklentiler içindeyim. SQL Server Denali CTP 3 download için http://www.microsoft.com/sqlserver/en/us/future-editions.aspx adresini kullanabilirsiniz. Temmuz 2011'de bu sürümle ilgili white paper'da yayınlanmış durumda. Windows Azure ve SQL Azure desteğide eklenmiş bu yeni versiyonun geliştiriciler ve db adminler arasında oldukça heyecan yarattığını düşünmekteyim.

Daha ayrıntılı açıklama için aşağıdaki adresleri ziyaret edebilirsiniz;

http://www.microsoft.com/sqlserver/: SQL Server Web site

http://www.microsoft.com/sqlserver/en/us/product-info/future-editions.aspx: SQL Server Code Name “Denali”

http://technet.microsoft.com/en-us/sqlserver/: SQL Server TechCenter

http://msdn.microsoft.com/en-us/sqlserver/: SQL Server DevCenter

Asp.Net ile Resime Yazı Yazma

Bu gün haber sitelerinde manşet haberlerinin üzerinde gördüğümüz. O flash haber yazılarını asp.net ile nasıl yazabileceğimizi öğreneceğiz.

Öncelikle asp.net sayfamıza FileUpload(Üzerine yazı yazmak istediğimiz resmi upload edeceğimiz) , Textbox (Resmin üzerine ekleyeceğimiz yazıyı gireceğimiz) ve bir Button nesnesi ekliyoruz ;

Daha sonra name space’lerimize using System.Drawing; ekliyoruz ;

Butonumuzun Click Event’ine aşağıdaki kodları yazıyoruz. Burada resmin genişlik ve uzunluğunu ve yazılan yazıyı ekleyeceğiz ;

Bitmap adında bir fonksiyon yazıyoruz. Bu fonksiyonda yazacağımız yazının özelliklerini resmin neresine ne şekilde olacağınız belirteceğiz ;

Sayfamızı F5 diyerek çalıştırıyoruz ve resmimizi seçiyoruz hemen altındaki yazı kutusuna string ifademizi yazıyoruz ve butona tıklıyoruz ;

Resim Page_Load’ta belirlediğimiz klasorde artık verdiğimiz yazıyla oluşturulmuş olacak işte sonuç ;

Windows Phone 7 Twitter Status Öğrenme

Merhaba, Bu yazımızda ilk WP7 uygulamamızı yapacağız. İlk uygulamada “Hello Word” yazmak adetten olsada böyle ıvır kıvırlara ayıracak vaktimiz yok.

Temel olarak kodlarımızda bir web kullanıcı olusturup xml olarak twitter sayfasına statusu post edeceğiz dönüş yapan xml de istediğimiz veriler bulunacak ve bu XML’i XElement kullanarak parse edeceğiz.

Alttaki resimde göreceğiniz gibi bir Windows Phone uygulaması başlatıyoruz ;

Gelen sayfanın sol tarafında tasarım kısmı sağ tarafında .XAML kodumuz bulunmakta.

Sayfamıza TextBox – Button ve ListBox Ekliyoruz.

Projemizin sol tarafında bulunan Solution Explorer tarafına gidip Preferences Sekmesini buluyoruz ve sağ tıklayarak Add New Preference diyoruz. Açılan listede System.Xml.Linq Seçiyoruz. ( Xml’i Parse ettikten sonra işimize yarayan verileri alırken Linq kullanacağız ) ;

Artık .cs kısmıza geçebiliriz. Gerekli kodlarımızı burada yazacağız ilk olarak başlamadan preferences olarak eklediğimiz Linq bunu name space’de yazmayı unutmuyor hemen ekliyoruz ;

Gene aynı gere Twitter Nesnesi oluşturacağız bu nesnemiz bize ilkili kişinin adını , attığı Tweet’i ve Profil Resmini verecek dolayısıyla Class’ımız üç item’dan oluşacak ;

Yazımızın en başında dediğim gibi twitter.com a gönderip aldıgımız bir XML var bu xml’i parse edeceğiz. Dolayısıyla önce bi webClient oluşturup XML’i çekmemiz gerekmekte ;

Son olarak sayfamızın .Xaml koduna gidiyoruz. Çünkü kodlardan da anlaşılacağı üzere listbox’ı bind ediyoruz. Dolayısıyla Xaml içerisinde alacağı Binding Nesnelerinide yazmamız gerekmekte listboxi aşağıdaki gibi düzenliyoruz ;

İşlemimiz burada son buluyor. Projemizi çalıştırdığımızda sorunsuz bir şekilde gelecek bakalım Bill Gates ve Ben Twitter’da neler yapmışız.

Not: Visual Studio’da windows phone emulatörü ilk defa açılıyorsa biraz beklememiz gerekebilir sabırlı olun gerekirse kapatıp tekrar açın. Emülatör açıldıktan sonra kapatmazsanız sizin yararınıza olur zira benim bilgisayarım ortalamalara yakın olduğu halde dakikalarca bekliyorum.

Gene kod yazarken karşıma gelen bir problemde kodlarımın dogru yazılmasına ragmen bazen çalışmamasıydı. Debug edin sabır edin gerekirse breakpoint koyup tetiklenip tetiklenmediğine bakabilirsiz.

Asp.Net Class ile Database Bağlantısı

Merhaba bugün asp.net ile class kullanarak database bağlantısı kurmayı göstereceğim. Kaynak kodları sizinle paylaşacağım her zamanki gibi . O zaman hemen başlayalım (:

Visual Studio ‘ da yeni bir Asp.Net projesi açalım ve işlemlerimize başlayalım.

MyTestDb adında bir sql veri tabanımız var ve içerisinde Tbl_Sozler adında bir tablomuz mevcut Tablomuzun içerisinde ise rastgele buldugum bir kaç özlü söz bulunmakta ;

Şimdi üstte gördüğümüz veritabanımıza baglanmak için bir class oluşturalım Solution Explorer’den siteize sağ tıklayıp Add New Item sekmesini seçiyoruz

ve açılan pencerede Class’ı seçip OK Tuşuna basıyoruz ;

Class’ın adını verip kaydettikten sonra önümüze bir seçenek cıkacak buna evet dersek class’ımız App_Code adlı klasorde belirecektir Evet dedim ve class ismini VeriTabaniBaglantiClassi.cs olarak verdim.

Oluşan Class’ımızın hemen namespace kısmına sql işlemlerimiz için using System.Data.SqlClient; satırını ilave ediyoruz ve içi boş class’ımız aşağıdaki gibi oluyor ;

Class’ımız oluştu sql namespace’i eklendi şimdi sıra geldi class’ın işlevine yani class ile veri tabanına baglanırken yapmamız gereken olaya. Temel anlamda normal bir connection tanımlarken ki olaylardan farklı birşey yapmayacağız. Sadece baglantı cümleciğimizi bir class içerisinde barındıracağız. Bunun en temel sebebi 195 ayrı sayfada 195 tane connection tanımlanması yapılmasından bizi kurtarmasıdır. Sadece bu sebebten bile class ile database bağlantısı kullanmak bir artıdır.

Şimdi Class’ımızın içerisine sqlConnection bilgilerimizi yazacağız bunu yazarken class içerisine public formatında bir fonksiyon yazıyoruz fonksiyonun içerisinede conneciton tanımlamamızı yapıyoruz. başta dediğimiz gibi 195 baglantı gerekirse 195 farklı yerde kullanacaksak public türünde olmalı ki diğer form ve sayfalar da oluşturduğumuz bu class’ı görsün ve baglantı hizmetinden yararlansın. İçerik aşağıdaki gibi olacaktır ;

Temel anlamda bu class içerisindeki baglan(); fonksiyonu çağırıldığı zaman olacak olayları listeleyelim derseniz ;

1- Yeni bir bağlantı oluştur
2- Bu bağlantığı aç
3- Ve bu fonksiyonun çağrıldığı yere (işte o 195 yer veya yerler) açık olarak geri döndür.

Şimdi Default.Aspx sayfamızın code behind’ına geliyoruz. Oluşturduğumuz bağlantıyı açalım ;

Default.Aspx teki mantığı satır satır açıklarsak ;

-VeriTabaniBaglantiClassi’ından bir tane oluşturduk ve adına bağlantımBurda dedim NEDEN ? çünkü class dosyamın içerisinde esas connection bilgilerim var (k.adım,şifrem,baglantı server adresim)

-EsasBağlantı adında bir sql connection oluşturdum ve classtaki baglantı fonksiyonunu çağırdım NEDEN ? çünkü normal şartlarda bir sqlconnection tanımlarken SqlConnection baglanti = new SqlConnection(bağlantı bilgileri şifre falan); yapısını kullanıyordum yani Esas bağlantı da bu işlemi yapıyor.

-Baglantım Class’tan açık bir şekilde döndüğünden bir daha .Open() metotunu çağırmıyorum direk ekrana response.Write ile deneme babında bir mesaj yazdırıyorum ki bağlanmasa bu deneme mesajını yazmadan hata verecektir bizde mesajı göremeyeceğiz.

-Ve son olarak bağlantımızı Kapatıyoruz.

İşte Sonuç ;

Not : e databasede Tbl_Sozler diye bi tablo vardı o nolacak diyenler olabilir. Diğer makalelerde bu database’i kullanarak örnek yapacağım bi bağlanalımda

C# ile Print Screen Almak

Bugün basit bir uygulama yazmam gerekti. Senaryo şuydu ; kullanıcının bazı yerlerden print screen alması gerekiyor ve normal şartlarda Alt+PrintScreen tuşuna basıp paint dosyasına Ctrl+V dediğimizde hallolan bu işlemi daha az uğraş gerektirerek nasıl yapabiliriz onu düşündük. C#’ta basit bir application yazmaya karar verdik.

Normalde bir uygulama yapmadan bu işlemi 5 adımda yapıyoruz ;

1-Sayfaya alt+printscreen
2-Paint dosyası aç
3-Painte yapıştır.
4- Paintten kaydet
5- İstediğin klasöre kopyala

Yazdığımız minik uygulama ile;

1-Resmini çekmek istediğin alanı seç
2-Kaydete bas.

Şimdi bazılarınız diyebilir ki paintle yapmak daha kolay, benim buna cevabım ise eğer 259 tane resim çekmek zorunda kalsaydınız.
259*5=1295 işlem edecekti. yazdığımız uygulama ile bu sayı 518′e düşecek.

Bu kadar teorik bilgi yeter sanırım

Öncelikle Visual Studio’muzdan yeni bir Windows Application oluşturuyoruz.

PrintScreen işlemizi şu şekilde yapcağız ; formumuzu ekran görüntüsü almak istediğimiz yerin üzerine getireceğiz. ve üzerine iki kez tıkladığımızda otomatik olarak görüntümüzü istediğimiz formatta alacağız(jpg,bmp,png). Mesala formu bir resin üzerine getirdiğimizde formun arkasında kalan resmi göremeyeceğiz bu sorunuda Form’un Opacity değeriyle oynarak çözeceğiz.
GetCapture adında void türünde bir metot yazacağız bu metot formun bulunduğu yerin lokasyon bilgilerini tutacak. ve bu türde görünmez bir nesne oluşturacağız bu nesnenin lokasyon bilgisini formunki ile dolduracağız. yani this.Bounds;

Daha sonra bitmap sınıfını kullanacağız ve daha önce formun bulundugu noktayı doldurdugumuz nesnemiz olan Rectangle’ın yükseklik genişlik bilgilerini buradan tamamlayacağız. Biraz daha ilerdiğimizde artık kendi grafiğimizi kaydetmemiz adına Graphics türünde bir nesne daha oluşturup,CopyFromScreen diyerek formun kapsadığı alanlarını resim olarak elimizde barındıracağız.

Yani GetCapture fonksiyonumuzun kodu aşağıdaki gibi olacaktır ;

Üstte Bitmap.Save Derken C://’nin altına kaydettim bazı bilgisayarlarda bu kayıt işlemine izin vermez eğer bir hata alırsanız bilesiniz ki bundandır.

@”C:\” + yazı dizisini silerseniz projenizin .exe’sinin çalıştığı yere sorunsuz bir şekilde printScreen alacaktır.

Ayrıda her alınan görüntü üst üste kaydolmasın diye string türünde dd diye bir değişken tanımladım ve tarihi saniyeyle birlikte verdim dolayısıyla oluşan her dosya adı farklı olacak .Replace(‘:’,’.’); diyerek karakter değişimi yaptım ki resim dosyası düzgün kaydolsun(windows herhangi bir dosya kaydolurken ismi içerisibnde ‘:’ ’/’ gibi karakterlerin olmasına izin vermiyor ).

Şimdi formun DoubleClick Event’inde GetCapture metotumuzu çağıralım;

Şimdi ise projeyi çalıştırıyorum ;

Bu şekilde karşıma geldi. Yalnız yazımızın başında bahsettiğim sorun var bu şekilde forma çift tıklarsam ekran görüntümü kaydedecek ama şuan sadece formun kapadığı yerleri alacak ve kapadığı yerlerin altında ne var göremiyorum bu pek sağlıklı bir görüntü değil.

İkinci sorunumuz ise Ekran Çıktısını alırken ne yazık ki formumuz orada olduğu için formumuzun resmini çekecek dolayısıyla burada bir cinlik yapıp, çift click olduğunda ÖNCE formu görünmez yapmalı daha sonra GetCapture fonksiyonumu çağırmalıyım.

Yani formumuzun MouseDoubleClick event’i şu şekilde olmalı ;

Şimdi formumuzun opacity oranını biraz kısmalı ve kullanıcının resmini çektiği alanı daha iyi görmesini sağlamalıyız ;

Şimdi projemi çalıştırıyorum ve ekran görüntümü sizinle paylaşıyorum ;

Gördüğünüz gibi formumuz saydam bir yapı aldı yani kullanıcı artık nerenin görüntüsünü alabileceğini belirleyebilecek halde. Şimdi formum bu haldeyken üzerine doubleClick yapıp oluşan ekran görüntüsünü sizinle paylaşıyorum ve bu yazımıza son veriyoruz ;

Projeyi indirmek için http://mertkanelpeze.net/ders/PrintScreen.rar