Blog

  • 29 Oca 2008

WAP’A GİRİŞ

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.

WAP Nedir?

Wap [Wireless Application Protocol] mobil telefonlar ve wireless aygıtlar ile Internet servislerine baglanmamamızı saglayan bir standarttır. Evinizdeki bilgisayarınız da internet üzerinden yapabildiginiz her seyi Cep telefonunuz ile de yapabilmenizi saglıyor.

Aslında WEB'den çok fazla bir farkı yoktur. Host edilmesi, gelistirme ortamı aynı web'de oldugu gibidir. Bazı cihazlar WML desteklerken son dönem de özellikle tüm telefonlar da XHTML hatta HTML formatlarını desteklemeye basladı.

WAP - WEB Ne Fark Var?

Aslında çok fazla fark yoktur. Özellikle gelisen teknoloji ile hemen hemen her cep telefonunda ve Mobile aygıtlar da Mobile browser'lar oldukça gelisti. Bu yüzden WEB'de yaptıgımız her seyi WAP'ta da yapabiliyoruz. WAP ilk zamanlarda Mobil Eglence için kullanıldıysa da simdi neredeyse tüm web sitelerinin birde wap servisi var. Bunun için en iyi örnek bankaların Internet Subelerini WAP' a tası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 oldugumuz kadar özgür degiliz. Bu yüzden telefonların ve mobile aygıtların izin verdigi kadar esneyebiliyoruz.

Örnek WAP Siteleri

http://wap.garanti.com.tr > Garanti Wap Subesi
http://wap.monster.com.tr > Monster Kariyer Sirketi Wap Sitesi
http://wap.logizmo.com > Logo Melodi Eglence Servisi
Benzer olarak kullanılan bir çok Web Sitesi vardır.

Nasıl WAP Sitesi Gelistirebiliriz?

WAP Sitemizi Host etmek için Web Sunucusu,
WAP Sitemizi Görüntülemek için Internet Explorer,
WAP Sitemizi Gelistirmek için Visual Studio (HTML, WML, ASP, ASPX, PHP vs. bütün programlama dilleri ile WAP sitesi gelistirebiliriz),
Yazdıgımız Kodu handle etmek için .Net Framework,
Test etmek için WAP emulator örnegin: http://waprunner.wap3.net/emu_wap3/p/wap3/

WAP NASIL ÇALISIR?

Wap sitelerinin çalısma prensibi aynı web sitelerinde oldugu gibidir. Sayfaya bir istek geldiginde istek internet aracılıgıyla IIS'e iletilir. Talep Framework tarafından handle edildikten sonra asp.net tarafından compile edilir istegi 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 gelistirmeyi saglayar ve sunucu bazlı çalısan form kontrollerini kullanmamızı saglar. Yukarı da belirttigim gibi farklı aygıtlar da farklı sonuçlar üretebilir(HTML, WML, CHTML, XHTML gibi...)

VISUAL STUDIO ORTAMINDA WAP SITESI GELISTIRMEK

Yeni bir wap sitesi gelistirmek için çok fazla bir sey yapmamıza gerek yok. Bunun için proje olarak yeni bir web sitesi olusturmamız yeterli olacaktır. Ben bos bir WEB Site Olusturuyorum. Farklı olarak Projemize Webform degil MobileWebForm ekleyecegiz. Bunun için projemize yeni bir Item ekleyelim. Gelen Ekranda gördügümüz gibi Mobile Web Formu seçtim.

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

Gördügümüz gibi Web Formdan biraz daha farklı bir sekilde. 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" %>
<htmlxmlns="http://www.w3.org/1999/xhtml" >
<body>
<mobile:Form id="Form1" runat="server">
</mobile:Form>
</body>
</html>

Ilk bakısta WEB Form'dan çok fazla bir fark yok. Web Formda oldugu gibi Code behind çalısabiliyoruz. Biraz daha incelersek NameSpace ve Assembly'lerin System.Web.UI.MobileControlsve System.Web.Mobileolarak formumuza eklendigini göreceksiniz. Gördügünüz gibi WEB' de oldugu gibi WAP' dada bazı kontroller var. Bunların isimleri farklı olsa da WEB' deki kontrollerle aynı isi yapıyorlar. Tabi Visual Studio Simdilik bize WEB' deki kadar çok kontrol saglamıyor J

Simdi basitçe bir örnek yapalım. Yukarıda olusturdugumuz bir projeye yeni bir mobile site ekleyelim. Toolbox'dan Mobile Web Forms Içerisinden 2 label, 1 textbox, 1 Command ekleyelim.

Not: Bu kontrolleri ilerleyen makaleler de inceliyor olacagı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">YAS &#214;L&#199;ER</mobile:Label>
<mobile:TextBox ID="TextBox1" Runat="server">
</mobile:TextBox>
<mobile:Command ID="Command1" Runat="server" OnClick="Command_Click1">Yas 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 = "Yasınız Resit";
}
else
{
Label1.Text = "Büyüde Gel";
}
}

Simdi yazdıgımız kodu test edelim. Yukarıda örnegini verdigim emulator'den projemizi test edelim.

Hayırlı ugurlu olsun J

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

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

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

Yorum (2)

  • mavi / 5.3.2009 12:37:09

    Guzel Anlatım Teşekkürler Ben asp.net Mobile Uygulamada Link Butonların Görünüşünü değiştirmek istyorum Ama her telefonda farklı grünüm çıkıyor, google, yahoo ise bu işi çok güzel yapmış sorunsuz çalışıyor. Bu Konuda bilgiz varmı

  • --- / 1.10.2009 15:02:51

    hocam eyw cok guzel anlatım ancak benım soyle bır sorunum var 2008 kullanıyorum ve 2008 de mobıle webform secenegı yok bu konudada bılgılendırme yaparmısınız??

Yorum Yaz