Blog

Bu kontrolü niçin kullanırım?

Bir wap uygulaması gelistirdigimizde her ziyaretçinin uygulamayı sorunsuz sekilde kullanabilmesi için bu kontrolü kullanırız. Kullanıcı arka planda telefonun ne destekledigini bilemeyeceginden yada bu uygulama bu telefon da çalısmaz diyemeyecegimizden bu kontrol ile uygulamamızın tüm telefonlar da çalısmasını saglarız.

Choice

Render edilecek Markup dili belirliyor. WML render edilecekse içerisine WML'e göre kod yazıyoruz. Html ise Html'e göre yazıyoruz.

ContentTemplate

Her yerde oldugu gibi burada da ContentTemplate çıkıyor karsımıza. Content Template içerisine Choice'de seçilen dile göre content template içerisindeki kod render edilecek.

DeviceSpecific Kullanımı

Uygulamanın WML ve HTML destekleyen telefonlar da çalısabilmesi için asagıdaki gibidir;

<mobile:Panel ID="Panel1" runat="server">

    <mobile:DeviceSpecific ID="DeviceSpecificControl" Runat="server">

        <Choice Filter="isWML11">

            <ContentTemplate>

                <!- WML Render Edilecek -->

            </ContentTemplate>

        </Choice>

        <Choice Filter="isHTML32">

            <ContentTemplate>

                <!-- HTML Render edilecek -->

            </ContentTemplate>

        </Choice>

    </mobile:DeviceSpecific>

    </mobile:Panel>

Bu kodun çalısması için WebConfig dosyasına Tanımlı DeviceFilter'ları eklememiz gerekir. Genel olarak 2 DeviceFilter kullanılsa da farklı devicefitlerlar'da bulunmaktadır. Asagıda bazı device filter'lar gösterilmistir.

<deviceFilters>

<filter name="isWML11" compare="PreferredRenderingType" argument="wml11" />

<filter name="isHTML32" compare="PreferredRenderingType" argument="html32" />

<filter name="isCHTML10" compare="PreferredRenderingType" argument="chtml10" />

<filter name="isMyPalm" compare="Browser" argument="MyPalm" />

<filter name="isPocketIE" compare="Browser" argument="Pocket IE" />

<filter name="isJPhone" compare="Type" argument="J-Phone" />

<filter name="isEricssonR380" compare="Type" argument="Ericsson R380" />

<filter name="isNokia7110" compare="Type" argument="Nokia 7110" />

<filter name="supportsColor" compare="IsColor" argument="true" />

<filter name="supportsCookies" compare="Cookies" argument="true" />

<filter name="supportsJavaScript" compare="Javascript" argument="true" />

<filter name="supportsVoiceCalls" compare="CanInitiateVoiceCall" argument="true" />

</deviceFilters>

Farklı bir Filter(örnegin CHTML ve PocketIE) ile render yapılmasını istiyorsak; asagıdaki gibi kullanırız.

<mobile:Panel ID="Panel1" runat="server">

    <mobile:DeviceSpecific ID="DeviceSpecificControl" Runat="server">

        <Choice Filter=" isCHTML10">

            <ContentTemplate>

                <!- WML Render Edilecek -->

            </ContentTemplate>

        </Choice>

        <Choice Filter=" isPocketIE ">

            <ContentTemplate>

                <!-- HTML Render edilecek -->

            </ContentTemplate>

        </Choice>

    </mobile:DeviceSpecific>

    </mobile:Panel>

Örnek

Konu ile basit bir örnek yapalım. Örnegimizde WML ve HTML destekleyen basit bir sayfa hazırlayacagız. Projemize yeni bir Mobile Form ekleyelim. Mobile Formumuza bir DeviceSpecific kontrolü ekleyelim. Yukarıda anlattıgım DeviceFilter'ları da webCofig'e ekleyelim.

Formum yukarıdaki gibi bir görüntü olustu. Simdi html kısma gidelim; asagıdaki kodları yazalım.

Gördügünüz gibi çok basit. Simdi sayfamızı test edelim.

Evet; farklı telefonlar da farklı sonuçlar aldık. Birde Web'den bakalım

Evet artık wap uygulamalarımızı her yerde çalıstırabiliyoruz J

Bu makalenin de sonuna geldik. Bir sonraki makale de görüsmek üzere. Iyi çalısmalar dilerim

Sem Göksu
sem.goksu@yazilimgunlugu.com
www.semgoksu.com | www.yazilimgunlugu.com

Kaynaklar

http://www.w3schools.com
http://www.msdn.com