Makale Özeti

Merhaba arkadaşlar bu makalemizde wap sitelerinin nasıl geliştirildiğine, geliştirme için neye ihtiyaç duyduğumuza bakıp WAP Dünyasına hızlı bir adım atacağız.

Makale

WAP Nedir?

Wap [Wireless Application Protocol] mobil telefonlar ve wireless aygıtlar ile Internet servislerine bağlanmamamızı sağlayan bir standarttır. Evinizdeki bilgisayarınız da internet üzerinden yapabildiğiniz her şeyi Cep telefonunuz ile de yapabilmenizi sağlıyor.

Aslında WEB’den çok fazla bir farkı yoktur. Host edilmesi, geliştirme ortamı aynı web’de olduğu gibidir. Bazı cihazlar WML desteklerken son dönem de özellikle tüm telefonlar da XHTML hatta HTML formatlarını desteklemeye başladı.

WAP – WEB Ne Fark Var?

Aslında çok fazla fark yoktur. Özellikle gelişen teknoloji ile hemen hemen her cep telefonunda ve Mobile aygıtlar da Mobile browser’lar oldukça gelişti. Bu yüzden WEB’de yaptığımız her şeyi WAP’ta da yapabiliyoruz. WAP ilk zamanlarda Mobil Eğlence için kullanıldıysa da şimdi neredeyse tüm web sitelerinin birde wap servisi var. Bunun için en iyi örnek bankaların Internet Şubelerini WAP’ a taşımalarıdır...

Teknik olarak farklılıklara bakacak olursak, Bazı eski telefonlarda ve aygıtlarda CSS (Sitil Dosyaları) kullanılamıyor. Ekran boyutunun küçük olması nedeniyle ne yazık ki WEB’ de olduğumuz kadar özgür değiliz. Bu yüzden telefonların ve mobile aygıtların izin verdiği kadar esneyebiliyoruz.

Örnek WAP Siteleri

http://wap.garanti.com.tr  > Garanti Wap Şubesi

http://wap.monster.com.tr > Monster Kariyer Şirketi  Wap Sitesi

http://wap.logizmo.com > Logo Melodi Eğlence Servisi

Benzer olarak kullanılan bir çok Web Sitesi vardır.

Nasıl WAP Sitesi Geliştirebiliriz?

WAP Sitemizi Host etmek için Web Sunucusu,

WAP Sitemizi Görüntülemek için Internet Explorer,

WAP Sitemizi Geliştirmek için Visual Studio (HTML, WML, ASP, ASPX, PHP vs. bütün programlama dilleri ile WAP sitesi geliştirebiliriz),

Yazdığımız Kodu handle etmek için .Net Framework,

Test etmek için WAP emulator örneğin: http://waprunner.wap3.net/emu_wap3/p/wap3/

WAP NASIL ÇALIŞIR?

Wap sitelerinin çalışma prensibi aynı web sitelerinde olduğu gibidir. Sayfaya bir istek geldiğinde istek internet aracılığıyla IIS’e iletilir. Talep Framework tarafından handle edildikten sonra asp.net tarafından compile edilir isteği yapan kullanıcıya geri döndürülür. Bu duruma göre HTML, WML ve XHTML olabilir.

.NET MOBILE

.NET Mobile Microsoft .Net Framework ve ASP.NET’in için bir extension’dır. .Net Mobile mobil telefonlar ve mobil aygıtlar için uygulamalar geliştirmeyi sağlayar ve sunucu bazlı çalışan form kontrollerini kullanmamızı sağlar. Yukarı da belirttiğim gibi farklı aygıtlar da farklı sonuçlar üretebilir(HTML, WML, CHTML, XHTML gibi...)

VISUAL STUDIO ORTAMINDA WAP SİTESİ GELİŞTİRMEK

Yeni bir wap sitesi geliştirmek için çok fazla bir şey yapmamıza gerek yok. Bunun için proje olarak yeni bir web sitesi oluşturmamız yeterli olacaktır. Ben boş bir WEB Site Oluşturuyorum. Farklı olarak Projemize Webform değil MobileWebForm ekleyeceğiz. Bunun için projemize yeni bir Item ekleyelim. Gelen Ekranda gördüğümüz gibi Mobile Web Formu seçtim.

Evet, Formumuzu biraz inceleyelim. İlk olarak design tarafına bakalım.

Gördüğümüz gibi Web Formdan biraz daha farklı bir şekilde. HTML Kısmına bakacak olursak.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register TagPrefix="mobile" Namespace="System.Web.UI.MobileControls" Assembly="System.Web.Mobile" %>

 

<html xmlns="http://www.w3.org/1999/xhtml" >

<body>

    <mobile:Form id="Form1" runat="server">

 

    </mobile:Form>

</body>

</html>

 

İlk bakışta WEB Form’dan çok fazla bir fark yok. Web Formda olduğu gibi Code behind çalışabiliyoruz. Biraz daha incelersek NameSpace ve Assembly’lerin System.Web.UI.MobileControls ve System.Web.Mobile olarak formumuza eklendiğini göreceksiniz. Gördüğünüz gibi WEB’ de olduğu gibi WAP’ dada bazı kontroller var. Bunların isimleri farklı olsa da WEB’ deki kontrollerle aynı işi yapıyorlar. Tabi Visual Studio Şimdilik bize WEB’ deki kadar çok kontrol sağlamıyor J

Şimdi basitçe bir örnek yapalım. Yukarıda oluşturduğumuz bir projeye yeni bir mobile site ekleyelim. Toolbox’dan Mobile Web Forms İçerisinden 2 label, 1 textbox, 1 Command ekleyelim.

Not: Bu kontrolleri ilerleyen makaleler de inceliyor olacağız.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

 

<%@ Register TagPrefix="mobile" Namespace="System.Web.UI.MobileControls" Assembly="System.Web.Mobile" %>

<html xmlns="http://www.w3.org/1999/xhtml">

<body>

    <mobile:Form ID="Form1" Runat="server">

        <mobile:Label ID="Label2" Runat="server" Font-Bold="True">YAŞ &#214;L&#199;ER</mobile:Label>

        <mobile:TextBox ID="TextBox1" Runat="server">

        </mobile:TextBox>

        <mobile:Command ID="Command1" Runat="server" OnClick="Command_Click1">Yaş Kaç ?</mobile:Command>

        <br />

        <mobile:Label ID="Label1" Runat="server">

        </mobile:Label>

    </mobile:Form>

</body>

</html>

 

 

Kod tarafında çok basit bir algoritma hazırladım.

    protected void Command_Click1(object sender, EventArgs e)

    {

        int Yas = Convert.ToInt32(TextBox1.Text);

        if (Yas >= 18)

        {

            Label1.Text = "Yaşınız Reşit";

        }

        else

        {

            Label1.Text = "Büyüde Gel";

        }

    }

Şimdi yazdığımız kodu test edelim. Yukarıda örneğini verdiğim emulator’den projemizi test edelim.

Hayırlı uğurlu olsun J

Bu makalemizin de sonuna geldik. Makalenin 2. Serisinde WAP Kontrollerini inceliyor olacağız.  

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

Kaynaklar

http://www.w3schools.com

http://www.msdn.com