UYGULAMA DESTEĞİ 2008638032 Öner Çetin 2009638402 Mesut Yücel

Uygulama Desteği Programlama Araçları Pencereleme Sistemleri Programcılar için hizmet düzeyler Pencereleme Sistemleri Ayrılmış ve eşzamanlı kullanıcı sistem etkinliği için temel çekirdek desteği sağlamalıdır. İletişim Kontrollü ve Uygulama Programlama Etkileşim Araçları Kullanıcının Algı Düzeyine göre programlama yapmak Programcının kullanıcının algısına göre ,nesnelerin davranışlarını tanımlamasına izin verir.

Uygulama Desteği Kullanıcı Arayüzü Yönetim Sistemleri Sunum ve işlevsellik arasındaki ilişki kontrollerini sağlar. Programlama toollarını destekleyen son düzeydir. Mevcut uygulama içerisindeki aynı fonksiyonel mantığa sahip olan nesneler arasında ki ilişkiyi kontrol etmemizi sağlar.

Giriş İnsan Bilgisayar Etkileşimi Programcıyı nasıl Etkiler? Programlama Koddaki gelişmelere açık olmalıdır. Belirli Donanımlar  Belirli etkileşim ve teknikler Geliştirme Araçlarının Katmanları Pencereleme Sistemleri Etkileşim Aracı Kullanıcı Arayüzü Yönetim Sistemleri

Pencereleme Sistemlerinin Öğeleri Aygıt Bağımsızlığı Pixels PostScript (MacOS X, NextStep) Graphical Kernel System (GKS) Programmers’ Hierechical Interface to Graphics(PHIGS) Kaynak Paylaşımı Kullanıcı görevleri eşzamanlılık sağlanmasını Pencereleme sistemi bağımsız işlemleri Bireysel uygulamalar izolasyonunu sağlar.

Penceleme Sisteminin Rolleri

Pencereleme Sisteminin Mimarisi Olası 3 Yazılım Mimarisi Vardır… Farzedelim ki tüm aygıt sürücüleri farklı Çoklu uygulama yönetimi uygulandığında farklılık nasıl olacak? Her Uygulama Tüm işlevleri Yönetir Senkronizasyon hakkında sorunlar Uygulama taşınabilirliğini azaltır Yönetim rolü çekirdek işletim sistemi içindedir. Uygulamalar işletim sistemine bağlıdır. Ayrı uygulamadaki yönetim rolü Maksimum taşınabilirlik sağlar.

Pencereleme Sisteminin Yapı Taşları Gui’nin bileşenidir. Grafik arayüzü kullanır. Üst üste gelmesine izin verir. Ebeveynlik uygulamasını destekler.

Client – Server Mimarisi

X Pencere Mimarisi

X Pencere Mimarisi Nedir? X-Pencere, sistem programları diğer bilgisayarda çalışırken kullanıcının makinesinde yer alarak, bilgisayar ağları üzerinde çalışmasına olanak sağlayan bir yazılım ürünüdür. TeamViewer

X Pencere Mimarisi Daha çok GNU/Linux ve Unix benzeri işletim sistemlerinde kullanılan grafik arayüz altyapısıdır. Bazı işaretleme mekanizması ile pixel görüntüleme modeli vardır. X protokolü server-client iletişimini belirler

X Pencere Mimarisi Farklı Pencerelerin yöneticisi giriş-çıkış koşullarını denetler(uygular). Girdiler nasıl değişecek Inter-Client veri transferi Kim Buldu? X-Pencere başlangıçta MIT projesi olarak geliştirildi ve o zamandan beri bilgisayar üreticileri tarafından kabul edildi.

Programlama Uygulaması - 1 Okuma-Değerlendirme Döngüsü repeat read-event(myevent) case myevent.type type_1: do type_1 processing type_2: do type_2 processing ... type_n: do type_n processing end case end repeat

Programlama Uygulaması – 1 Uyarı Tabanlı

İyi bir Tasarım Yapılmamışsa, tasarımınızı uygulamaya koymayın… Tek Tek Gitme Sistemin tarzı arayüzleri etkiler Kalıcı dialog kutusu Olay döngüleri ile kolay olur Bildirim ile zordur Kalıcı olmayan dialog kutusu Olay döngüleri ile zordur Bildirim ile kolaydır Dikkat!! İyi bir Tasarım Yapılmamışsa, tasarımınızı uygulamaya koymayın…

Araç kitlerinin Kullanımı Etkileşim Nesneleri Giriş ve Çıkış Bağlantılıdır

Araç Kitlerinin Kullanımı Araç kitleri bu soyutlama düzeyini sağlar Etkileşimli nesnelerle programlama Tutarlılığı ve genişletilebilirliği destekleme Benzer yolla bak ve hisset Nesneye dayalı programlama için uygun

Java Nedir? Java, Sun Microsystems mühendislerinden James Gosling tarafından geliştirilmeye başlanmış açık kodlu, nesneye yönelik, zeminden bağımsız, yüksek verimli, çok işlevli, yüksek seviye, adım adım işletilen (yorumlanan-interpreted) bir dildir.

Java Swing Kütüphanesi Swing, Java Foundation Classes içerisinde bulunan ve Java uygulamalarına grafiksel arayüz (GUI) kazandırmak için Sun tarafından geliştirilmiş devasa büyüklükte bir kütüphanedir.

Java Arayüzü java sınıfları buton,menü vs. destekler Bildiri(uyarı)tabanları şunlardır: AWT 1.0 ana alt sınıf araçlarına ihtiyaç duyar. AWT 1.1 ve sonraki versiyonlar nesneleri geri çağırır Swing araç kiti AWT nin en üst katmanından geliştirilmiştir Üst düzey sürümleri var MVC(model view controller) mimarisini kullanır.

Kullanıcı Arayüzü Yönetim Sistemleri (User Interface Management Systems -UIMS) UIMS için dikkat edilmesi gerekenler Kavramsal mimari Uygulama Teknikleri Altyapı desteklemesi

Kullanıcı Arayüzü Yönetim Sistemleri (User Interface Management Systems -UIMS) UIMS olmayan terimler: Kullanıcı arayüzü geliştirme sistemleri (UIDS) Kullanıcı arayüzü geliştirme Ortamı (UIDE) Örneğin; Visual Basic Ortam Visual Studio Sistem Windows Pencere sistemleri---Telefon aygıt sistemleri

Kavramsal Mimari Olarak UIMS Geliştirilebilir: Taşınabilirdir, yani farklı sistemlerde çalışabilir Yeniden kullanılabilirdir, yani bileşenler tekrar kullanılarak maliyet azaltılabilir Çok arayüzü aynı özelliğe erişebilir İsteğe göre uyarlanabilirlik, yani tasarımcı ve kullanıcı tarafından uyarlanabilir

UIMS Geleneği-Arayüz Katmanları/Mantıksal Bileşenler Dilsel : sözcüksel/sözdizimsel/anlamsal (lexical/syntactic/semantic) Seeheim 3. Arc/Slinky modeli

Seeheim model Presentation Dialogue Control Functionality (application interface) USER APPLICATION switch lexical syntactic semantic

Kavramsal Uygulamalar Seeheim Asıl desteği kavramsaldır Kullanıcı arayüzünün normal bir konseptidir. … seeheim den dolayı farklı düşünebiliriz(tasarım için)… e.g. alt kutu,switch uygulanması için gerekli ama kavramsal değil

GeriBildirim Gönderilen bilgi veya talimatın alıcıda yaptığı etkiye ilişkin edinilen bilgi, dönüt.

Semantic(Anlamsal) Geribildirim Farklı geribildirim türleri vardır.: Lexical(sözcüksel) yani farenin hareketi Syntactic(sözdizimsel) yani menü olayları Semantic(anlamsal) yani sayıların toplamının değişimi Anlamsal geribildirim genellikle yavaştır Hızlı sözcüksel/sözdizimsel menü kullanılmalıdır Ancak anlamsal geri besleme gerekebilir Serbest çizim Dosya sürüklendiğinde çöp tenekesi ya da klasörünün vurgulanması parlaması.

Bu nedir?

Hızlı Anlamsal Geribildirim Switch Diyalog kontrolcü tarafından düzenlenir. Uygulama ve sunum arasında doğrudan iletişimi sağlar Hızlı Anlamsal Geribildirim

Daha çok katman !

Arch/Slinky Daha fazla katman vardır. Yani sözcüksel ve fiziksel ayrım yapar Farklı sistemlerde farklı katmanlara ulaşabilmek önemlidir.

Tek Parça ve Bileşenler Seeheim büyük bileşenlere sahiptir. Küçük parçaları kullanmak daha kolaydır nesneye yönelik araç kiti kullanıyorsanız Smalltalk(Program Arayüzü) Mvc kullanır. Model – bileşenlerin mantıksal durumu View – ekranda nasıl görüntülenir Controller – kullanıcının giriş işlemleri

MVC Model-View-Controller

MVC Model-View-Controller Model Nedir? Controller'den gelen değerleri işler ve geriye döndürür. View Nedir? Uygulamanın kullanıcıya gösterilen arayüzünün bulunduğu katmandır. Controller Nedir? Uygulamanın karar mekanizmasıdır. Model katmanında herhangi bir output işlemi yapılmaz. Viwe örnek: Css, Javascript vb. bu katmanda bulunur. Bu bölümde minumum php kodunun yazılması hedeflenmektedir. for, foreach, while vb. döngüler ile birlikte, dinamik değerleri ekrana yazdırmak için output komutları sıklıkla kullanılır. Controller: Model ile View arasında köprü görevi görür. View katmanından gelen istekleri(request) model'e gönderir ve Model katmanından aldığı verileri view'e aktarır.

MVC’nin Sorunları MVC büyük ölçüde boru hattı(pipeline) modelini kullanır. input  control  model  view  output Pipeline: Bilginin, ardışık düzenin bir aşamasından sonrakiye geçmesi için düzenlenmiş bilgi akış yönteminin adıdır.

MVC’nin Sorunları Grafik arayüzünde Girişin çıkış ile bağlantılı olduğunda anlamı vardır. Örnek fareye tıklatma Tıklatıldığını bilmek gerek Kontrolör ne için tıklatıldığına karar vermelidir View in nerede ne görüntü vermesini bilmesi gerekir. Pratikte controller view ile konuşur. Ayrım tamamlanmış değil

PAC Modeli Presentation–Abstraction(soyutlama)–Control PAC modeli Seeheim ile benzerdir Soyutlama– bileşenlerin mantıksal durumu Tanıtım– giriş ve çıkışların yönetimi Kontrol – bu ikisi arasında bağlatı kurar Hiyerarşik ve çoklu görüntüleri yönetir PAC nesnelerinin iletişim kısmını kontrol eder PAC birçok yönden daha iyidir. Fakat pratikte MVC daha çok kullanılır. Örnek: java swing Java Swing kütüphanesi aygıt bağımsız heryerde kullanıyo. Giriş çıkış yönetimi. MVC den daha üstün pac

PAC Sunum- Soyutlama- Kontrol abstraction presentation control

UIMS Uygulaması Diyalog kontrolü için teknikler • menü ağları • durum geçiş diyagramları • gramer notasyonları • durum dilleri • dillerin bildirimi • kısıtlamalar • grafik özellikleri (bunların ayrıntısı 16. bölümde göreceğiz)

Grafik Özellikleri Nedir? Kullanımı Local vs. global Ekranda bileşenleri çizmek Script veya program bağlantıları olan eylemleri ayarlamak Kullanımı En popüler teknik ham programlama tekniği ör:visual basic,dreamweaver,flash Local vs. global Ekranda neyin görüneceğine odaklan

Diyalog Kontrolünün Amaçları İç kontrol ör:okuma-değerlendirme döngüsü Harici kontrol Sunum veya anlamsal uygulamalardan bağımsızdır Sunum kontrolü ör:grafik özellikleri

Özet Programlamanın düzeyi araçları(tools) desteklemelidir Pencereleme sistemleri aygıttan bağımsızdır çoklu görevleri yapar Uygulamaları programlamak için paradigmalar okuma-değerlendirme döngüsü Uyarı tabanlıdır Araçlar etkileşimli nesneleri programlama UIMS conceptual architectures for separation diyalogları ifade etmek için teknikler vardır.

Referanslarımız… http://www.hcibook.com/e3/chapters/ch8 http://tr.wikipedia.org/wiki/X_Pencere_Sistemi http://tr.wikipedia.org/wiki/Java_(programlama_dili) http://www.java.net/