(DEV303) ASP.NET AJAX ile Gelişen Zengin Web Uygulamaları

27
MCSD.NET,MCP+I,MCT,MCDBA,PMP,MSF Practioner Microsoft Türkiye http://mehmetemre.blogspot.com http://blogs.msdn.com/ mehmetemreblog

Transcript of (DEV303) ASP.NET AJAX ile Gelişen Zengin Web Uygulamaları

Page 1: (DEV303) ASP.NET AJAX ile Gelişen Zengin Web Uygulamaları

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

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

Page 2: (DEV303) ASP.NET AJAX ile Gelişen Zengin Web Uygulamaları

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

Page 3: (DEV303) ASP.NET AJAX ile Gelişen Zengin Web Uygulamaları

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

Page 4: (DEV303) ASP.NET AJAX ile Gelişen Zengin Web Uygulamaları
Page 5: (DEV303) ASP.NET AJAX ile Gelişen Zengin Web Uygulamaları

• AJAX : Asenkron JAvascript ve Xml

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

Page 6: (DEV303) ASP.NET AJAX ile Gelişen Zengin Web Uygulamaları
Page 7: (DEV303) ASP.NET AJAX ile Gelişen Zengin Web Uygulamaları
Page 8: (DEV303) ASP.NET AJAX ile Gelişen Zengin Web Uygulamaları
Page 9: (DEV303) ASP.NET AJAX ile Gelişen Zengin Web Uygulamaları
Page 10: (DEV303) ASP.NET AJAX ile Gelişen Zengin Web Uygulamaları

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

Page 11: (DEV303) ASP.NET AJAX ile Gelişen Zengin Web Uygulamaları
Page 12: (DEV303) ASP.NET AJAX ile Gelişen Zengin Web Uygulamaları
Page 13: (DEV303) ASP.NET AJAX ile Gelişen Zengin Web Uygulamaları

SayfaSayfaÜretilirÜretilir

Sunucuİstemci

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

Sayfa yüklenir

AdresAdres

SayfaSayfa

Page 14: (DEV303) ASP.NET AJAX ile Gelişen Zengin Web Uygulamaları

Ü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

Page 15: (DEV303) ASP.NET AJAX ile Gelişen Zengin Web Uygulamaları

• 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ı

Page 16: (DEV303) ASP.NET AJAX ile Gelişen Zengin Web Uygulamaları

• 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

Page 17: (DEV303) ASP.NET AJAX ile Gelişen Zengin Web Uygulamaları

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

Page 18: (DEV303) ASP.NET AJAX ile Gelişen Zengin Web Uygulamaları

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

Page 19: (DEV303) ASP.NET AJAX ile Gelişen Zengin Web Uygulamaları

• 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ı

Page 20: (DEV303) ASP.NET AJAX ile Gelişen Zengin Web Uygulamaları
Page 21: (DEV303) ASP.NET AJAX ile Gelişen Zengin Web 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”

Page 22: (DEV303) ASP.NET AJAX ile Gelişen Zengin Web Uygulamaları

• 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

Page 23: (DEV303) ASP.NET AJAX ile Gelişen Zengin Web Uygulamaları

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

Page 24: (DEV303) ASP.NET AJAX ile Gelişen Zengin Web Uygulamaları

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

Page 25: (DEV303) ASP.NET AJAX ile Gelişen Zengin Web Uygulamaları

• 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

Page 26: (DEV303) ASP.NET AJAX ile Gelişen Zengin Web Uygulamaları

• 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

Page 27: (DEV303) ASP.NET AJAX ile Gelişen Zengin Web Uygulamaları

TeşekkürlerTeşekkürler