Category Archives: Mobile Web

Modern Web Uygulama Geliştirme Internet Semineri Notları

Zaman sürekli değişiyor. Teknoloji ve kullanıcı talepleri farklılaşmaktadır. Dünya ‘ya istenildiği erişme isteği, günümüz de farklı fonksiyonellikler kazanmaktadır. Kazanılan fonksiyonellikler, kullanıcı memnuiyetinin artırılmasını amaçlamaktadır.

Teknoloji sürekli gelişmektedir. Geliştirme teknoloji, her problem için farklı bakış açısının oluşmasına neden olmaktadır. Bakış açıları ise, geliştirilen ya da geliştirilecek uygulamalar için yeni perspektifler kazandırmaktadır.

İnternet semineri ile Web geliştirici bakış açısı kullanarak, Mobile ile Web platformları arasında en az maliyet ve zaman ile oluşturulabilecek, kullanıcı çözümleri hakkında bilgiler verilmesi amaçlanmıştır. Konu ile ilgili sorularınızı info@ibrahimatay.org eposta adresine yönetebilirsiniz.

JavaScript ile Taş Kırmak Internet Semineri Notları

Geçmişte masaüstü uygulamaları ile başlayan süreç, günümüz de Web ve Mobile uygulamalar ile devam etmektedir. Oluşturulan uygulamaların, geliştirme süresinin ve bilinmesi gereken özel bilgilerin artmasın, gereksinimlerin çoğu zaman çözüm olmaktan çıkarak, problem olmasına sebep olmaktadır.

Zaman hızla ilerlemektedir. İnsanların istekleri ve hayalleri değişmektedir. Kullanıcıların yapmış oldukları taleplerin en hızlı ve en az maliyet ile çözümlenmesi büyük avantajlar sunmaktadır.

Günümüzde kullanılan uygulamaların çeşitliliğinin artması, kullanılan uygulamaların kolay ve hızlı geliştirebilir olmasına sebep olmaktadır. Gelişen teknoloji, özellikle Web uygulama geliştirme sürecinde yükü olarak görülen, JavaScript ve Html’in uygulama geliştirmenin merkezine gelmesine neden oldu.

Teknolojik gelişmesinin anlaşılması ve örnek uygulamalar ile yeni bakış açıların kazandırılması amacı ile Yazgeliştir ekibi olarak, “JavaScript ile Taş Kırmak” isimli internet seminerini sizlere sunmuş bulunmaktayız. Internet seminerinde Jasminejs, backbonejs gibi JavaScript kütüphaneler anlatılarak, ASP.Net MVC ve Node.js teknolojileri ile uygulamalar geliştirilmiştir.

Web uygulamalarında Mobile Cihaz Kontrolü

Geçtiğimiz günlerde jQuery ve Mobil Web Uygulamaları internet seminerinde, mobile web uygulamalarını nasıl geliştirebileceğimizi incelemeye çalışmıştık. Yapılan bu çalışmadan sonrasında Yazgelistir forumunda  Mobil telefon tespit ve yönlendirmebaşlığı altında, konu ile ilgili bir soru sorulmuştu. Bu yazımda söz konusu problemi nasıl çözebileceğimiz inceleyeceğiz.

Problem çözüm için yeni bir solution oluşturalım. Oluşturmuş olduğumuz solution ‘na ASP.Net WebForm(uygulamanın kolay anlaşılması açısından ASP.Net WebForm kullanacağız.) ve Class Library projeleri oluşturalım. Class Library projesi içerisine IsMobileWeb isimli bir sınıf ekleyelim. Eklemiş olduğumuz sınıfı, Web uygulamasından istem yapan cihazın Mobile olup/olmadığını kontrol edecektir.

 namespace IsMobileDevices.MobileWebLib
{
using System.Web;
    public class IsMobileWeb
{
public static bool IsMobileBrowser()
{
///Geçerli HttpContext nesnesini aldık.
HttpContext context = HttpContext.Current;///HttpContext nesnesi üzerinde bulunan fonksiyon kullanımı
///Bazen çalışmıyor.
if (context.Request.Browser.IsMobileDevice)
{
return true;
}

///Uygulamadan isteme yapaman cihazın HTTP_X_WAP_PROFILE
///Header bilgisini kontrolü yapılıyor.
if (context.Request.ServerVariables[“HTTP_X_WAP_PROFILE”] != null)
{
return true;
}

///Web isteminde HTTP_ACCEPT header var olup/olmadığı
///kontrol ediliyor.
///Eğer söz konusu header var ise wap olup/olmadığını
///kontrol ediyor.
if (context.Request.ServerVariables[“HTTP_ACCEPT”] != null &&
context.Request.ServerVariables[“HTTP_ACCEPT”]
.ToLower().Contains(“wap”))
{
return true;
}

///Son olarak HTTP_USER_AGENT header bilgisi kontrol ediliyor.
if (context.Request.ServerVariables[“HTTP_USER_AGENT”] != null)
{
///Piyasada bulunan bilinen ve kullanıcıların tükettiği
///tüm mobile cihazlar, dizi oluşturuyoruz.
string[] mobiles = new[]
{
“midp”, “j2me”, “avant”, “docomo”,
“novarra”, “palmos”, “palmsource”,
“240×320”, “opwv”, “chtml”,
“pda”, “windows ce”, “mmp/”,
“blackberry”, “mib/”, “symbian”,
“wireless”, “nokia”, “hand”, “mobi”,
“phone”, “cdm”, “up.b”, “audio”,
“SIE-“, “SEC-“, “samsung”, “HTC”,
“mot-“, “mitsu”, “sagem”, “sony”
, “alcatel”, “lg”, “eric”, “vx”,
“NEC”, “philips”, “mmm”, “xx”,
“panasonic”, “sharp”, “wap”, “sch”,
“rover”, “pocket”, “benq”, “java”,
“pt”, “pg”, “vox”, “amoi”,
“bird”, “compal”, “kg”, “voda”,
“sany”, “kdd”, “dbt”, “sendo”,
“sgh”, “gradi”, “jb”, “dddi”,
“moto”, “iphone”
};

foreach (string s in mobiles)
{
///Hazırladığımız dizi kullanarak HTTP_USER_AGENT
///header içerisinde bizim olabileceğini
///düşündüümüz mobile cihazları
///kontrol ediliyor.
if (context.Request.ServerVariables[“HTTP_USER_AGENT”]
.ToLower().Contains(s.ToLower()))
{
return true;
}
}
}

///Eğer bu noktaya kadar true dönemdi ise, Web istemi
///Mobile cihaz dışında istem yapılmıştır.
return false;
}
}
}

Web uygulamamıza mobile istemleri denetleyecek olan sınıfı oluşturduk. Hazırlamış olduğumuzu sınıfı, uygulama içerisine dahil ederek uygulamamız denetleyelim. Söz konusu denetim işlemini Web uygulamamızın “Session_Start”  olayında gerçekleştireceğiz.

global-mobile-web

Not: Söz konusu durumda ASP.Net MVC uygulamasında da kullanabilmektedir. Web uygulamaların “Session_Start”  olayı uygulamaya yapılan istemin başlangıcında kullanıcının uygulama oturum nesnesini oluşması aşamasıdır. Aynı şekilde ASP.Net MVC üzerinde de kullanıldığında routing değişiminde istediğiniz Web alanına yönlendirebilirsiniz.

Hazırlamış olduğumuzu uygulama örneği ve bundan sonra yayınlayacağım yazılarımda kullanacağım örnek uygulamaları sizlerin daha kolay ulaşmanız adına bitbucket üzerinde bir repository oluşturdum.

Bu yazımda ASP.Net ile geliştirdiğimiz uygulamalarda yapılan mobile istemleri nasıl anlayabileceğimiz incelemeye çalıştık. Konu ile ilgili sorularınızı info@ibrahimatay.org eposta adresine gönderebilirsiniz.

IBRAHIM ATAY

Teşekkürler

Kaynak

http://www.codeproject.com

jQuery ve Mobil Web Uygulamaları Internet Semineri Notları

Geçtiğimiz tarihlerde gerçekleştirmiş olduğum jQuery ve Mobil Web Uygulamaları internet Seminerinde Mobile Web konusunu incelemeye çalıştık. Seminerinde ASP.Net MVC ve JQuery araçlarını kullanarak Mobile Web uygulamaları konusunda bilgiler vermeye çalıştık.

İçerisinde bulunduğumuz Mobile Çılgınlık diyebileceğimiz dönemde, Web geliştiricisi olarak Mobile Web uygulamaları geliştirebilmekteyiz. Mobile Web uygulamaları sayesinde, internet ortamında kullanan mobile cihazlar ile sunmak istediğimiz ürün ya da bilgileri her yerden erişebiliriz. (Dünya’ ya her yerden ulaş… )

 

jQuery ve Mobil Web Uygulamaları Internet Semineri

Değişen kullanıcı istekler karşılık olarak, teknolojide gelişmeler devam ediyor. Artık insanlar her noktadan internette bağlanmak ve sosyal ağlardaki arkadaşları ile iletişim kurmak istiyorlar. Bu istekler ilk olarak taşınabilir bilgisayarlar, cep telefonları ve şuna da akılı cep telefonları ile cevap çözüm bulunmasına çalışılmıştır.


Yaklaşık iki yıldır, araştırdığım Mobile Web konusunu sizlere anlatmak istemekteyim. Bu çalışmamızda ASP.Net MVC ve popüler olarak kullanılan JavaScript araçlarında biri olan JQuery için hazırlanmış JQuery Mobile UI yapısını inceleyeceğiz.

jQuery ve Mobil Web Uygulamaları” Internet Seminerini 8 Şubat 2011 tarihinde saat 21.00 da katılabilirsiniz. Katılım dosyasını bağlantıdan edinebilirsiniz.

IBRAHIM ATAY 

Saygılarımla