MCSD.NET,MCP+I,MCT,MCDBA,PMP,MSF Practioner

Microsoft Türkiyehttp://mehmetemre.blogspot.comhttp://blogs.msdn.com/mehmetemreblog

Başarılı bir kullanıcı deneyimi

• Trafik kullanımında optimizasyom

• Yüksek kullanıcı verimliliği

• Uygulamanın farklılaşması

• Duygusal etkileşim

Tasarımcılar yazılım geliştirme yaşam sürecinin önemli parçası durumundalar

• Yazılımcılar ve tasarımcıların birlikte hala

çalışması zor

• Tasarım araçlarındaki gelişmeler istenilen

düzeyde değil

• Uygulama tasarımlarında çıtayı yükseltmek kolay

değil

• AJAX : Asenkron JAvascript ve Xml

• Ajax bir uygulama geliştirme desenidir• HTML / CSS• DOM / Javascript• XML / XMLHttpRequestkullanılarak geliştirilir.

Live.com ,Google ig, Netvibes, Start.com, Pageflakes

SayfaSayfaÜretilirÜretilir

Sunucuİstemci

İstek Yapılır Sayfa isteğiSayfa isteğiyorumlanıryorumlanırDB / Auth.DB / Auth.

Sayfa yüklenir

AdresAdres

SayfaSayfa

ÜretilmişÜretilmişSayfaSayfa

Sunucuİstemci

Sayfa Yüklenir

Asenkron çağrı

AsenkronAsenkronÇağrıÇağrı

YorumlayıcıYorumlayıcı

Sunucu Cevabı (XML)

SayfaSayfaYüklendiYüklendi

XMLHttpXMLHttpRequestRequest

ParçalıParçalıGüncellemeGüncelleme

• Platform ve tarayıcı bağımsız• Ajax uygulamaları geliştirmede yüksek

verimlilik• Kolay script oluşturmak ve tekrar kullanım için

istemci script alt yapısı• Hem sunucu hem de tarayıcı tarafında uçtan

uca programlama modeli• Visual Studio ‘yaya tam entegre zengin araç deneyimi

Yeni nesil , interaktif ve kişiselleştirilebilen zengin Yeni nesil , interaktif ve kişiselleştirilebilen zengin web kullanıcı deneyimini oluşturmak için sunulan bir alt yapıweb kullanıcı deneyimini oluşturmak için sunulan bir alt yapı

• Microsoft tarafından geliştirilen Ücretsiz Ajax Framework

• Kullanıcı deneyiminin yüksek olduğu daha verimli ve daha interaktif web sayfaları

• Geliştirmek çok kolay!• Doğal etkileşim• Tüm Popüler Web Tarayıcılar ile uyumlu• Ücretsiz Geliştirme Araçları (Visual Web

Developer Express)• ASP.NET 2.0 ile mükemmel entegrasyon

BrowserBrowser

PresentationPresentationHTML/CSSHTML/CSS

Microsoft AJAX Library

Client Client Application Application

ServicesServices

Component Component and UIand UI

Framework,Framework,ControlsControls

Server ApplicationServer Application

PagesPages

ASP.NET AJAX Extensions

Application Application ServicesServices

Page Page Framework,Framework,

Server Server ControlsControls

Input Data

Updated UI + Behavior

Initial Rendering (UI + Behavior)

UI BehaviorUI BehaviorManaged CodeManaged Code

App Logic/DataApp Logic/DataManaged CodeAManaged CodeA

Sunucu Merkezli Uygulama ModeliSunucu Merkezli Uygulama Modeli

BrowserBrowser

PresentationPresentationHTML/CSSHTML/CSS

Microsoft AJAX Library

Client Client Application Application

ServicesServices

Component Component and UIand UI

Framework,Framework,ControlsControls

Server ApplicationServer Application

PagesPages

ASP.NET AJAX Extensions

Application Application ServicesServices

Page Page Framework,Framework,

Server Server ControlsControls

Input Data

Initial Rendering (UI + Behavior)

UI BehaviorUI BehaviorJavascriptJavascript

App Logic/DataApp Logic/DataManaged CodeManaged Code

Web Service Web Service ProxiesProxies

İstemci Merkezli Uygulama Modeliİstemci Merkezli Uygulama Modeli

• Work with existing server application model • Keep core UI/application logic on server• Improve responsiveness, interactivity,

personalization

• Fully exploit DHTML in presentation tier• Use AJAX for data, services, composition• Enable new immersive experiences

ASP.NET AJAX her iki uygulama modeli içinde

altyapı sunar.

İstemci Merkezli Web Siteleri ve Uygulamalarıİstemci Merkezli Web Siteleri ve Uygulamaları

İstemci Merkezli Web Tarayıcı Uygulamalarıİstemci Merkezli Web Tarayıcı Uygulamaları

• Web sitelerine zengin medya(video) ekleme

• İnteraktif veri görselleştirme (Borsa ve piyasa verileri grafikleri)

• Masaüstü uygulamalarına daha yakın, daha zengin web deneyimi

“WPF/E”

• XAML tabanlı • Geliştirme – Microsoft Expression• Platform Bağımsız– Farklı platformlar (Windows / Mac)– Farklı cihazlar (Smart Phone vs.)– Farklı Tarayıcılar (IE,Safari,Firefox vs.)– .NET Framework Bağımsız

• 2007 yılında ilk versiyonu çıkacak

Windows VistaWindows VistaWindows XPWindows XP

Smart Smart DevicesDevices

WPF/EWPF/E Browser BrowserNormalNormalBrowserBrowser

TemelTemel BrowserBrowser

Araçlar

İstemci Platform

Temel Zengin En Zengin

Sunucu Platform

Kullanıcı Deneyimi

XAMLJavaScript

Visual StudioVisual Studio Expression Expression

C# ve VB

ASP.NET AJAX v1.0 (21 Ocak RTW )

• 100% Microsoft tarafından desteklenen bir ürün• İki paket olarak indirilebilir :

• Sunucu ve istemci kontrolleri için MSI paketi• Zip formatında Microsoft AJAX Library

• ASP.NET 2.0 üzerinde çalışabilir

• AJAX daha iyi bir kullanıcı deneyimi sunmak konusunda önemli fırsatlar sunmaktadır

• ASP.NET AJAX bu interaktif kullanıcı deneyimini uygulamamızda bize yardım eder• Yüksek verimlilik programlama modeli ve araçları• ASP.NET yazılımcıları için yüksek entegrasyon• Tüm modern tarayıcılar ile çalışabilmekte• Ücretsiz

• İndirin ve deneyin• http://ajax.asp.net

• ASP.NET AJAX Website:

http://ajax.asp.net• Download

• Ürün dokümantasyonu

• Örnekler ve videolar

• Forumlar

• Team blogs– http://weblogs.asp.net/atlas-team/rss.aspx

– http://mehmetemre.blogspot.com

– http://weblogs.asp.net/scottgu

– http://www.nikhilk.net

– http://weblogs.asp.net/bleroy

– http://blogs.msdn.com/brada

– http://www.shankun.com

TeşekkürlerTeşekkürler