(DEV303) ASP.NET AJAX ile Gelişen Zengin Web Uygulamaları
-
Upload
sampetruda -
Category
Documents
-
view
585 -
download
1
Transcript of (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
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