{"id":759,"date":"2010-09-19T14:26:45","date_gmt":"2010-09-19T12:26:45","guid":{"rendered":"https:\/\/fatihboy.com\/post\/internet-explorer-9%e2%80%93sabitlenmis-siteler"},"modified":"2010-09-19T14:26:45","modified_gmt":"2010-09-19T12:26:45","slug":"internet-explorer-9-sabitlenmis-siteler","status":"publish","type":"post","link":"https:\/\/fatihboy.com\/en\/internet-explorer-9-sabitlenmis-siteler\/","title":{"rendered":"Internet Explorer 9\u2013Sabitlenmi\u015f Siteler"},"content":{"rendered":"
\"Internet<\/figure><\/div>\n\n\n\n

   Internet Explorer 9\u2019la birlikte masa\u00fcst\u00fc uygulamalar\u0131 ile web uygulamalar\u0131 aras\u0131ndaki u\u00e7urum giderek kapanmakta. Art\u0131k web tabanl\u0131 uygulamalar hem daha h\u0131zl\u0131 hem de daha renkli. Klasik browser\u2019larda g\u00f6r\u00fcnt\u00fcy\u00fc olu\u015fturma y\u00fck\u00fc tamamen i\u015flemci \u00fczerine y\u0131k\u0131lm\u0131\u015fken IE9\u2019da bu i\u015flemler grafik i\u015flem birimi (GPU<\/em>) \u00fczerinde ger\u00e7ekle\u015ftirilmekte. Bunun sonucu olarak da olduk\u00e7a h\u0131zl\u0131 bir browser olu\u015fmakta.<\/p>\n\n\n\n

   Masa\u00fcst\u00fc uygulamalar\u0131n web uygulamalar\u0131yla k\u0131yasland\u0131\u011f\u0131nda \u00f6ne \u00e7\u0131kan \u00f6zellikleri kullan\u0131c\u0131yla olan etkile\u015fimleridir. Kullan\u0131c\u0131, olu\u015fturdu\u011fu bir k\u0131sayola t\u0131klayarak kolayl\u0131kla masa\u00fcst\u00fc uygulamas\u0131na ula\u015fabilir; uygulama i\u00e7erisinde kullan\u0131c\u0131y\u0131 etkileyecek \u00f6nemli bir olay ger\u00e7ekle\u015fti\u011finde ikon de\u011fi\u015ftirerek, g\u00f6rev \u00e7ubunda yan\u0131p s\u00f6nerek kullan\u0131c\u0131y\u0131 uyarabilir ya da s\u0131\u00e7rama listesi (jump list<\/em>) i\u00e7erisine kullan\u0131c\u0131n\u0131n s\u0131k yapabilece\u011fi i\u015flemleri yerle\u015ftirerek y\u00fcksek bir kullan\u0131c\u0131 deneyimi sunabilir. Bu \u00f6ne \u00e7\u0131kan \u00f6zellikler birazda uygulamalar\u0131n kendi do\u011fal ortamlar\u0131nda, masa\u00fcst\u00fc i\u015fletim sisteminde, \u00e7al\u0131\u015f\u0131yor olmas\u0131ndan dolay\u0131d\u0131r. Web uygulamalar\u0131 \u015fimdiye kadar gerek grafiksel, gerekse yukar\u0131da \u00f6rneklemeye \u00e7al\u0131\u015ft\u0131\u011f\u0131m kullan\u0131c\u0131 etkile\u015fimi konusunda olduk\u00e7a geride kalmaktalard\u0131. \u015eimdiye kadar diyorum, \u00e7\u00fcnk\u00fc Internet Explorer 9\u2019un \u00e7\u0131k\u0131\u015f\u0131 ile birlikte desteklenen Html5, GPU kullan\u0131m\u0131 ve sabitlenmi\u015f siteler sayesinde aradaki fark kapanacak gibi g\u00f6r\u00fcn\u00fcyor. Web uygulamalar\u0131 art\u0131k browserlar\u0131n sundu\u011fu ek \u00f6zelliklerle daha y\u00fcksek bir kullan\u0131c\u0131 deneyimi sunabilecekler.<\/p>\n\n\n\n

Sabitlenmi\u015f Site (Pinned Site)<\/h3>\n\n\n\n

   Internet Explorer 9 taraf\u0131ndan Windows 7 ve \u00fczeri i\u015fletim sistemleri i\u00e7in kullan\u0131c\u0131lara sunulan sabitlenmi\u015f site<\/strong> \u00f6zelli\u011fiyle birlikte kullan\u0131c\u0131 web uygulamas\u0131n\u0131 i\u015fletim sistemi masa\u00fcst\u00fcne kolayl\u0131kla entegre edebilmekte.<\/p>\n\n\n\n

\"Segme<\/a><\/figure>\n\n\n\n

   Sabitlenmi\u015f site \u00f6zelli\u011fi sayesinde kullan\u0131c\u0131 isterse siteyi h\u0131zl\u0131 eri\u015fim i\u00e7in g\u00f6rev \u00e7ubu\u011funa ya da ba\u015flat men\u00fcs\u00fcne sabitleyebilir. Bunun i\u00e7in yapmas\u0131 gereken tek \u015fey Internet Explorer 9 ile sitede dola\u015f\u0131rken sitenin a\u00e7\u0131k oldu\u011fu segmeyi g\u00f6rev \u00e7ubu\u011funa s\u00fcr\u00fcklemek. A\u015fa\u011f\u0131daki resimde Internet Explorer 9\u2019un hemen yan\u0131nda g\u00f6rev \u00e7ubu\u011funa sabitlenmi\u015f olarak Enterprisecoding.com web sitesi g\u00f6r\u00fclebilir.<\/p>\n\n\n\n

\"Enterprisecoding.com,<\/a><\/figure>\n\n\n\n

   Bir site sabitlenirken Internet Explorer otomatik olarak sitenin icon\u2019unu kullanmakta, bu da daha iyi bir kullan\u0131c\u0131 deneyimi sa\u011flamakta. Ek olarak; site i\u00e7eri\u011fine ba\u011fl\u0131 olarak Internet Explorer aray\u00fczde de baz\u0131 ufak d\u00fczenlemeler bulunmakta. \u00d6rne\u011fin; site logosu Internet Explorer\u2019\u0131n sol \u00fcst k\u00f6\u015fesinde g\u00f6sterilmekte ve ileri-geri butonlar\u0131 sitenizin renklerine g\u00f6re \u015fekillenmekte.<\/p>\n\n\n\n

Sabitlenmi\u015f Siteyi \u00d6zelle\u015ftirme<\/h3>\n\n\n\n

   Internet Explorer bir siteyi sabitlenmi\u015f site moduna ge\u00e7irirken site \u00fczerinde sabit olarak sunulan meta verilerle \u00f6zelle\u015ftirme yap\u0131lmas\u0131na olanak sunmaktad\u0131r. \u00d6zelle\u015ftirme i\u00e7in verilecek olan bu meta verilerin a\u015fa\u011f\u0131daki formatta olmas\u0131 gerekli;<\/p>\n\n\n\n

<meta name=\"[Meta Veri Ad\u0131]\" content=\"[Meta Veri \u0130\u00e7eri\u011fi]\"\/><\/pre>\n\n\n\n
   Bir sitenin ara\u00e7 \u00e7ubu\u011funa sabitlenmesi s\u0131ras\u0131nda Internet Explorer\u2019a a\u015fa\u011f\u0131daki bilgiler sunulabilir;<\/p>\n\n\n\n
\n
Meta Veri Ad\u0131<\/p>\n<\/th>
\n
A\u00e7\u0131klama<\/p>\n<\/th><\/tr>
application-name<\/td>Uygulama ad\u0131. Varsay\u0131lan olan dok\u00fcman ba\u015fl\u0131\u011f\u0131 kullan\u0131lmaktad\u0131r.<\/td><\/tr>
msapplication-tooltip<\/td>Kullan\u0131c\u0131n\u0131n fare ile uygulama i\u00e7in olu\u015fturulan k\u0131sa yolun \u00fczerinde bekledi\u011finde g\u00f6sterilecek olan tooltip.<\/td><\/tr>
msapplication-starturl<\/td>Uygulama ba\u015flang\u0131\u00e7 sayfa URL\u2019si. HTTP, HTTPS ve FTP protokollerinin desteklendi\u011fi bu alan varsay\u0131lan olarak aktif sayfa URL\u2019sini kullanmaktad\u0131r.<\/td><\/tr>
msapplication-navbutton-color<\/td>Uygulama penceresinde bulunan ileri ve geri butonlar\u0131 i\u00e7in kullan\u0131lacak olan renk. Varsay\u0131lan olarak uygulama k\u0131sayol simgesinde bulunan hakim renk kullan\u0131lmaktad\u0131r.<\/td><\/tr>
msapplication-window<\/td>Uygulama penceresinin a\u00e7\u0131l\u0131\u015ftaki boyutu. width<\/em> ve height<\/em> alt de\u011ferleri bulunmaktad\u0131r.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
   Bu alanlar\u0131n kullan\u0131m\u0131n\u0131 \u00f6rneklemek gerekirse, Enterprisecoding.com sitesi i\u00e7in a\u015fa\u011f\u0131daki kullan\u0131m s\u00f6zkonusudur;<\/p>\n\n\n\n
<meta name=\"application-name\" content=\"Fatih'in Notlar\u0131\" \/>\n<meta name=\"msapplication-tooltip\" content=\"Site modunda Fatih'in Notlar\u0131 web sitesi\" \/>\n<meta name=\"msapplication-starturl\" content=\"https:\/\/fatihboy.com\" \/>\n<meta name=\"msapplication-navbutton-color\" content=\"#205D7A\" \/><\/pre>\n\n\n\n
S\u0131\u00e7rama Listesi (Jump List)<\/h3>\n\n\n\n
\"S\u0131\u00e7rama<\/a><\/figure>\n\n\n\n
   S\u0131\u00e7rama listelerin Windows 7 ile birlikte gelen ve uygulamaya \u00f6zel baz\u0131 i\u015flemlere h\u0131zl\u0131ca eri\u015fmemizi sa\u011flayan bir \u00f6zelliktir. Internet Explorer 9 ile birlikte kullan\u0131c\u0131 taraf\u0131ndan sabitlenen bir site, ayn\u0131  bir masa\u00fcst\u00fc uygulamas\u0131 gibi, bizlere \u00f6zelle\u015fmi\u015f bir s\u0131\u00e7rama listesi (jump list<\/em>) sunabilir. Bu jump list sayesinde kullan\u0131c\u0131ya sitenizde sundu\u011funuz ve s\u0131k kullan\u0131lan i\u00e7eriklere h\u0131zl\u0131 ve do\u011frudan eri\u015fim sunabilirsiniz. Yukar\u0131da Enterprisecoding.com sitesince sunulan bu h\u0131zl\u0131 eri\u015fimleri \u00f6rnekleyen bir jump list\u2019in ekran g\u00f6r\u00fcnt\u00fcs\u00fcn\u00fc bulabilirsiniz.<\/p>\n\n\n\n
   S\u0131\u00e7rama listeleri, sitenizdeki statik URL\u2019ye sahip ve normal bir web browser ile de g\u00f6r\u00fcnt\u00fclenebilen sayfalara verilebilir. Tan\u0131mlanmalar\u0131 s\u0131ras\u0131nda kullan\u0131c\u0131n\u0131n g\u00f6rece\u011fi ad\u0131 ve ikonu ile i\u00e7erik URL\u2019si verilmelidir. Internet Explorer 9 ile birlikte sunulan s\u0131\u00e7rama listesinin bir di\u011fer g\u00fczel yan\u0131 da herhangi bir browser ile siteniz a\u00e7\u0131lmam\u0131\u015fken bile sabitlenmi\u015f site ikonunuza sa\u011f t\u0131klamak suretiyle ula\u015f\u0131labiliyor olmas\u0131d\u0131r. Bu \u00f6zellik ayn\u0131 zamanda size kullan\u0131c\u0131lar\u0131n\u0131z\u0131 sitenizin en s\u0131k kullan\u0131lmas\u0131n\u0131 istedi\u011finiz b\u00f6l\u00fcmlerine y\u00f6nlendirme olana\u011f\u0131 sunacakt\u0131r.<\/p>\n\n\n\n
   S\u0131\u00e7rama listesinde yer alan girdiler de ayn\u0131 site \u00f6zelle\u015ftirmelerinde oldu\u011fu gibi sabit meta verilerle bildirilmektedir. Eklenecek olan girdi i\u00e7in meta veri ad\u0131 olarak msapplication-task<\/strong> kullan\u0131lmal\u0131d\u0131r, i\u00e7erik alan\u0131nda ise s\u0131ras\u0131yla girdinin kullan\u0131c\u0131n\u0131n g\u00f6r\u00fclecek ad\u0131 (name<\/em>), a\u00e7\u0131lacak olan sayfa adresi (action-uri<\/em>) ve kullan\u0131lacak olan ikon adresi (icon-uri<\/em>) bilgileri noktal\u0131 virg\u00fcl ile ayr\u0131lm\u0131\u015f \u015fekilde verilmelidir. Kullan\u0131c\u0131 s\u0131\u00e7rama listesinde yer alan bir girdiye t\u0131klad\u0131\u011f\u0131nda Internet Explorer verilen linkteki adresi a\u00e7acakt\u0131r. A\u00e7\u0131lacak olan sayfan\u0131n adresinin belirtildi\u011fi action-uri<\/em> de\u011feri site i\u00e7erisindeki bir adres olabilece\u011fi gibi tamamen farkl\u0131 bir siteye ait adreste olabilir.<\/p>\n\n\n\n
   Yukar\u0131daki resimde g\u00f6r\u00fclen s\u0131\u00e7rama listesini olu\u015fturabilmek i\u00e7in web sitenize koyman\u0131z gereken meta verileri a\u015fa\u011f\u0131da bulabilirsiniz;<\/p>\n\n\n\n
<meta name=\"msapplication-task\" \n      content=\"name=Ana Sayfa;action-uri=https:\/\/fatihboy.com\/;icon-uri=https:\/\/fatihboy.com\/msapplication\/home.ico\" \/>\n<meta name=\"msapplication-task\" \n      content=\"name=Ar\u015fiv;action-uri=https:\/\/fatihboy.com\/archives;icon-uri=https:\/\/fatihboy.com\/msapplication\/archive.ico\" \/>\n<meta name=\"msapplication-task\" \n      content=\"name=Hakk\u0131nda;action-uri=https:\/\/fatihboy.com\/about;icon-uri=https:\/\/fatihboy.com\/msapplication\/about.ico\" \/>\n<meta name=\"msapplication-task\" \n      content=\"name=Galeri;action-uri=https:\/\/fatihboy.com\/gallery;icon-uri=https:\/\/fatihboy.com\/msapplication\/gallery.ico\" \/>\n<meta name=\"msapplication-task\" \n      content=\"name=Y\u0131ld\u0131zl\u0131 Makaleler;action-uri=https:\/\/fatihboy.com\/post\/tag\/featured;icon-uri=https:\/\/fatihboy.com\/msapplication\/featured.ico\" \/><\/pre>\n\n\n\n
   \u0130sterseniz s\u0131\u00e7rama listesinde yeni bir kategori olu\u015fturup bu kategori alt\u0131na yeni girdiler de ekleyebilirsiniz. \u00d6rne\u011fin; a\u015fa\u011f\u0131daki resimde g\u00f6r\u00fcld\u00fc\u011f\u00fc gibi bir blog sitesi i\u00e7in \u201cPopuler Makaleler\u201d ba\u015fl\u0131kl\u0131 bir kategori a\u00e7arak sitenizdeki populer n<\/em> makalenizi bu kategori alt\u0131nda kullan\u0131c\u0131lar\u0131n\u0131za listeleyebilir ve bu makalelerinize h\u0131zl\u0131 bir eri\u015fim sunabilirsiniz.<\/p>\n\n\n\n
\""Populer<\/a><\/figure>\n\n\n\n
   \u00d6zelle\u015ftirmeler ve s\u0131\u00e7rama listesi tasklar\u0131ndan farkl\u0131 olarak kategori ve kategori girdileri dinamik i\u00e7eriklerdir ve sayfaya konulan meta veriler ile olu\u015fturulmazlar. Sabitlenmi\u015f olan sitenizde kategori i\u015flemlerini Internet Explorer taraf\u0131ndan sunulan API\u2019leri kullanarak javascript<\/em> ile ger\u00e7ekle\u015ftirebilirsiniz.<\/p>\n\n\n\n
    Kategori i\u015flemlerinde ilk yapman\u0131z gereken girdileri ekleyebilece\u011finiz bir kategori olu\u015fturmak olmal\u0131. Bunun i\u00e7in kategori ad\u0131n\u0131 parametre olarak alan ve yeni bir kategori olu\u015fturan msSiteModeCreateJumplist<\/strong> metodunu kullanabilirsiniz. Yukar\u0131daki \u00f6rnekten yola \u00e7\u0131kacak olursak, \u201cPopuler Makaleler<\/em>\u201d kategorisini olu\u015fturmak i\u00e7in a\u015fa\u011f\u0131daki javascript kodunu kullanmal\u0131s\u0131n\u0131z;<\/p>\n\n\n\n
window.external.msSiteModeCreateJumplist('Populer Makaleler');<\/pre>\n\n\n\n
   Bir kategori olu\u015fturduktan sonra, s\u0131radaki ad\u0131m\u0131n\u0131z bu kategori alt\u0131na girdilerinizi eklemek olmal\u0131.  Bu i\u015flem i\u00e7in msSiteModeAddJumpListItem<\/strong> metodu bizlere sunulmu\u015f durumda. Bu metod parametre olarak s\u0131ras\u0131yla kullan\u0131c\u0131ya g\u00f6sterilecek olan text, kullan\u0131c\u0131 girdiyi t\u0131klad\u0131\u011f\u0131nda a\u00e7\u0131lacak olan sayfa adresi ve girdi i\u00e7in kullan\u0131lacak olan ikon dosyas\u0131n\u0131 kabul etmektedir. Yukar\u0131da olu\u015fturdu\u011fumuz kategori i\u00e7erisine girdilerin eklendi\u011fi \u00f6rnek bir kodu a\u015fa\u011f\u0131da bulabilirsiniz;<\/p>\n\n\n\n
window.external.msSiteModeAddJumpListItem('Windows Kay\u0131p \u0130konlar\u0131 Geri Getirme', 'https:\/\/fatihboy.com\/post\/windows-kayip-ikonlari-geri-getirme', 'https:\/\/fatihboy.com\/msapplication\/makale.ico');\nwindow.external.msSiteModeAddJumpListItem('\u00dc\u00e7\u00fcnc\u00fc IE9 Platform Preview Yay\u0131nland\u0131', 'https:\/\/fatihboy.com\/post\/ucuncu-ie9-platform-preview-yayinlandi', 'https:\/\/fatihboy.com\/msapplication\/makale.ico');\nwindow.external.msSiteModeAddJumpListItem('Visual Studio 2010 Kat\u0131l\u0131ms\u0131z Kurulumu', 'https:\/\/fatihboy.com\/post\/visual-studio-2010-katilimsiz-kurulumu', 'https:\/\/fatihboy.com\/msapplication\/makale.ico');\nwindow.external.msSiteModeAddJumpListItem('dynamic vs object', 'https:\/\/fatihboy.com\/post\/dynamic-vs-object', 'https:\/\/fatihboy.com\/msapplication\/makale.ico');\nwindow.external.msSiteModeAddJumpListItem('C# ile Windows Server AppFabric \u00d6nbellek Etkile\u015fimi', 'https:\/\/fatihboy.com\/post\/c-ile-windows-server-appfabric-onbellek-etkilesimi', 'https:\/\/fatihboy.com\/msapplication\/makale.ico');<\/pre>\n\n\n\n
   Dikkat edecek olursan\u0131z bu \u00f6rnekteki girdiler yukar\u0131da sizinle payla\u015fm\u0131\u015f oldu\u011fum ekran g\u00f6r\u00fcnt\u00fcs\u00fcndekilere g\u00f6re ters s\u0131rada eklenmekte. Bunun nedeni Internet Explorer\u2019\u0131n her yeni eklenen girdiyi s\u0131ran\u0131n \u00fcst\u00fcne ta\u015f\u0131mas\u0131. Makaleleri populer olanlar \u00fcstte olacak \u015fekilde s\u0131ralayarak kullan\u0131c\u0131ya g\u00f6stermek istedi\u011fim i\u00e7in, eklemeye en sonuncudan ba\u015flad\u0131m.<\/p>\n\n\n\n
   Geldi\u011fimiz noktada i\u015fin b\u00fcy\u00fck b\u00f6l\u00fcm\u00fcn\u00fc yapm\u0131\u015f olsakta, hen\u00fcz kategori ve girdilerimizi s\u0131\u00e7rama listesinde g\u00f6remeyiz. Yapt\u0131\u011f\u0131m\u0131z bu d\u00fczenlemelerin s\u0131\u00e7rama listesinde g\u00f6r\u00fclebilir olmas\u0131 i\u00e7in a\u015fa\u011f\u0131da \u00f6rnekledi\u011fim \u015fekilde msSiteModeShowJumplist<\/strong> metodu \u00e7a\u011f\u0131r\u0131lmal\u0131d\u0131r;<\/p>\n\n\n\n
window.external.msSiteModeShowJumplist();<\/pre>\n\n\n\n
   Herhangi bir zamanda, olu\u015fturdu\u011fumuz bu kategori listesini temizleme istersek a\u015fa\u011f\u0131da \u00f6rneklendi\u011fi gibi msSiteModeClearJumplist<\/strong> metodu kullan\u0131lmal\u0131d\u0131r;<\/p>\n\n\n\n
window.external.msSiteModeClearJumplist();<\/pre>\n\n\n\n
   Kategoriler ile ilgili olarak a\u015fa\u011f\u0131daki konulara dikkat etmelisiniz;<\/p>\n\n\n\n