{"id":1260,"date":"2011-02-23T23:00:50","date_gmt":"2011-02-23T23:00:50","guid":{"rendered":"http:\/\/www.erbugkaya.com\/?p=1260"},"modified":"2014-01-16T22:54:56","modified_gmt":"2014-01-16T22:54:56","slug":"sharepoint-2010-icin-tasarim-hazirlamak","status":"publish","type":"post","link":"http:\/\/erbugkaya.com\/?p=1260","title":{"rendered":"SharePoint 2010 \u0130\u00e7in Tasar\u0131m Haz\u0131rlamak"},"content":{"rendered":"

Merhaba,<\/p>\n

Bilge Adam’a veda mailimde bir maceran\u0131n sonuna geldi\u011fimi yazm\u0131\u015ft\u0131m. Bu, ayn\u0131 zamanda yepyeni maceralara yelken a\u00e7aca\u011f\u0131m demekti. \u00d6yle de oldu. Ceviz Bilgi Teknolojileri’nde sanat y\u00f6netmeni olarak yeni g\u00f6revime ba\u015flad\u0131\u011f\u0131mda benim i\u00e7in bu, yepyeni maceralara ba\u015flamak demekti. Bir s\u00fcre ge\u00e7mesini ve yeni i\u015fime al\u0131\u015fmay\u0131 beklerken yazaca\u011f\u0131m yeni makaleler i\u00e7in malzemeler toplamaya ba\u015flad\u0131m. Art\u0131k bir tasar\u0131mc\u0131 olarak Microsoft’un SharePoint \u00fcr\u00fcn\u00fcyle bolca ha\u015f\u0131r ne\u015fir g\u00fcnler ge\u00e7iriyorum. Elbette kar\u015f\u0131la\u015ft\u0131\u011f\u0131m durumlar\u0131, \u00f6\u011frendiklerimi yaz\u0131l\u0131mc\u0131lar\u0131n d\u00fcnyas\u0131nda ya\u015fayan bir tasar\u0131mc\u0131 olarak yine payla\u015faca\u011f\u0131m. Bu payla\u015f\u0131mlarda yeni maceralar\u0131m olacak. Ve bolca SharePoint’e bir tasar\u0131mc\u0131 g\u00f6z\u00fcyle bakaca\u011f\u0131z. San\u0131lmas\u0131n ki bu s\u0131rada Expression Studio’dan uzakla\u015faca\u011f\u0131z. Aksine Expression Studio’nun bize sunaca\u011f\u0131 avantajlardan yararlanaca\u011f\u0131z ve bu \u00fcr\u00fcn de makalelerimde yer alacak.
\n
\nBu makalede biraz SharePoint’ten -genellikle 2010’dan – ama daha \u00e7ok sizden SharePoint i\u00e7in tasar\u0131m istenirse nelere dikkat etmeniz gerekti\u011finden bahsedece\u011fim.<\/p>\n

\u015eimdi k\u0131saca SharePoint’in ne oldu\u011funu anlatmaya \u00e7al\u0131\u015fay\u0131m. SharePoint en k\u0131sa anlat\u0131m\u0131yla bir \u00e7ok i\u015fi ba\u015farabilen bir bilgi y\u00f6netim portal\u0131d\u0131r. SharePoint kullanan bir kurum, dok\u00fcman merkezleri, wiki, blog, site, sosyal a\u011f payla\u015f\u0131m\u0131, i\u015f ak\u0131\u015flar\u0131, kurum i\u00e7i arama, forum, i\u00e7erik y\u00f6netimi, \u00e7e\u015fitli kaynaklardan gelen verileri bir araya toplama, raporlama gibi bir \u00e7ok \u00f6zelli\u011fe ula\u015fm\u0131\u015f demektir. Portal kurum i\u00e7i b\u00f6l\u00fcm bazl\u0131 yetkilendirmelere de sahiptir.<\/p>\n

Peki, bu devasa portal i\u00e7in tasar\u0131m istendi\u011finde nelerle kar\u015f\u0131la\u015f\u0131r\u0131z? E\u011fer SharePoint i\u015fini i\u00e7ine girdiyseniz her \u015fey ilk ba\u015fta g\u00f6z\u00fcn\u00fcze \u00e7ok kar\u0131\u015f\u0131k g\u00f6r\u00fcnebilir. Site koleksiyonlar\u0131, SiteCollectionImages klas\u00f6rleri, webpartlar, listeler, yetkilendirmeler, quick launchlar vb… ortalarda u\u00e7u\u015fur. Panik yok!!! Olaya tasar\u0131m a\u00e7\u0131s\u0131ndan bakacak olursak her \u015fey ama her \u015fey masterpage ve CSS’dir. (Elbette Javascript, Jquery de kullanabilirsiniz.) Ama bu \u00fcr\u00fcn kuruldu\u011fu anda \u00e7al\u0131\u015fan ve sonras\u0131nda \u00fczerine \u00f6zelli\u015ftirme ya da ekleme yap\u0131lan bir \u00fcr\u00fcnd\u00fcr. Bu sebeple tasar\u0131m\u0131 d\u00fc\u015f\u00fcn\u00fcrken baz\u0131 \u015feylere dikkat etmemiz gerekir.<\/p>\n

\u00d6nce standart tasar\u0131m\u0131yla SharePoint 2010’a bir g\u00f6z atal\u0131m. A\u015fa\u011f\u0131daki screenshot’da y\u00fcklemesi yap\u0131ld\u0131ktan sonra SharePoint’in standart tasar\u0131m\u0131 g\u00f6r\u00fclmektedir.<\/p>\n

\"\"<\/a><\/p>\n

Altta ise Ceviz Bilgi Teknolojileri’nin SP2010 alt yap\u0131l\u0131 web sitesi i\u00e7in haz\u0131rlad\u0131\u011f\u0131m tasar\u0131m g\u00f6r\u00fcnmektedir.<\/p>\n

\"\"<\/a><\/p>\n

Veya Enerjisa Portal\u0131 i\u00e7in haz\u0131rlad\u0131\u011f\u0131m tasar\u0131m.<\/p>\n

\"\"<\/a><\/p>\n

Fark etti\u011finiz gibi SP tamamen \u00f6zelle\u015ftirilebilmektedir.<\/p>\n

SP2010’un tasar\u0131m\u0131n\u0131 \u00f6zelle\u015ftirme \u00fc\u00e7 dereceye ayr\u0131labilir.
\n1- Tema haz\u0131rlama (ki sadece renklerle oynamak demektir. PowerPoint ve SP’yi kullanarak tema g\u00fcncellemeyi sonra anlataca\u011f\u0131m.)
\n2- CSS ve imaj ezme (Bu zaten 3. ad\u0131m da oldu\u011fu i\u00e7in ayr\u0131ca de\u011finmeyece\u011fim)
\n3- Tasar\u0131m\u0131 tamamen \u00f6zelle\u015ftirme. (Bu makaleden ba\u015flayarak genellikle bu konu \u00fczerinde yaz\u0131lar yazaca\u011f\u0131m.)<\/p>\n

Sizden SharePoint i\u00e7in tasar\u0131m istendi\u011finde, bu demektir ki SP \u00e7oktan bir servera kurulmu\u015f ve tasar\u0131m g\u00fcncellemesini bekliyordur. Tasar\u0131m arac\u0131n\u0131z\u0131 a\u00e7\u0131p i\u015fe koyuldu\u011funuzda bilmeniz gereken \u00e7ok \u00f6nemli bir \u015fey vard\u0131r. O da SP2010 farkl\u0131, \u00f6zel bir g\u00f6r\u00fcn\u00fcm kazand\u0131rmak istiyorsan\u0131z, SP i\u00e7in yeni bir masterpage ortaya \u00e7\u0131karman\u0131z gerekti\u011fidir. SP 2010’nun v4.master isminde standart bir masterpage’i vard\u0131r ve sizin haz\u0131rlayaca\u011f\u0131n\u0131z bunun yerine ge\u00e7ecektir. (MasterPage hakk\u0131nda bilginiz yoksa sizi \u015fu makalemi okumaya davet edeyim<\/a>.) MasterPage’i giydirmeyecek, sadece tasar\u0131m\u0131 haz\u0131rlayacak olsan\u0131z bile \u015funlara dikkat etmelisiniz.<\/p>\n

1 – Sitenin\/Portal\u0131n hangi browserlar\u0131 ve onlar\u0131n hangi versiyonlar\u0131n\u0131 desteklemesi isteniyor? (SP 2010 IE 6’y\u0131 yok sayar ama ya m\u00fc\u015fteri \u0131srar ederse ya da bu bir site olacaksa?)
\n– E\u011fer i\u015fin i\u00e7ine IE 6 girecekse bu sizin i\u00e7in farkl\u0131 CSS’ler haz\u0131rlamak demektir.
\n2 – Ana men\u00fc sonradan g\u00fcncellenebilir mi olacak yoksa statik mi?
\n– Bu konu \u00e7ok \u00f6nemli e\u011fer siz tasar\u0131m\u0131n\u0131za g\u00f6re men\u00fcy\u00fc tasarlars\u0131n\u0131z ve e\u011fer men\u00fc m\u00fc\u015fteri taraf\u0131ndan g\u00fcncellenebilir (SharePoint:AspMenu) olursa, tasar\u0131m ileriki g\u00fcnlerde ciddi kayma sorunlar\u0131yla kar\u015f\u0131la\u015fabilir.
\n3 – Ana men\u00fc ka\u00e7 k\u0131r\u0131l\u0131ml\u0131 olacak?
\n– Bunu bilmelisiniz \u00e7\u00fcnk\u00fc, iki k\u0131r\u0131l\u0131mdan sonra i\u015fler zorla\u015fmaktad\u0131r.
\n4 – Quick Launch olacak m\u0131? Olacaksa ne \u015fekilde d\u00fc\u015f\u00fcn\u00fclecek?
\n– Quick Launch genellikle SP tasar\u0131mlar\u0131n\u0131n solunda olan ve son g\u00fcncellenen, eklenen dok\u00fcmanlar\u0131, istenirse alt siteleri, istenirse i\u00e7 sayfalar\u0131 g\u00f6steren, ad\u0131 \u00fcst\u00fcnde, h\u0131zl\u0131 eri\u015fim men\u00fcs\u00fcd\u00fcr. Bunda da k\u0131rl\u0131m olup olmayaca\u011f\u0131n\u0131 bilmeniz \u00e7ok \u00f6nemlidir. Ayr\u0131ca bu men\u00fcn\u00fcn t\u00fcm portalda ortak olup olmayaca\u011f\u0131n\u0131 bilmeniz gerekir. Bu size quick launch’u masterpag’a dahil edip etmeyece\u011finizi s\u00f6yler.
\n5- Ribbon tasar\u0131m\u0131n\u0131za dahil olmayacakt\u0131r. Arka plan rengi d\u0131\u015f\u0131nda Ribbon’\u0131 oldu\u011fu gibi b\u0131rakmak en ak\u0131llacas\u0131 olacakt\u0131r. Yine de tasar\u0131m\u0131n\u0131z\u0131 m\u00fc\u015fteriye sunarken Ribbon’l\u0131 bir versiyonunu da g\u00f6stermeyi ihmal etmeyin. M\u00fc\u015fteri i\u00e7in Quick Launch’dan daha \u00f6nemli bir \u015fey varsa o da SP 2010 Ribbon’\u0131d\u0131r.<\/p>\n

\"\"<\/a><\/p>\n

6- Tasar\u0131m\u0131n\u0131z\u0131 haz\u0131rlarken bu \u015femaya uyman\u0131z\u0131 tavsiye ederim. Ye\u015fil alan masterpag’e dahil k\u0131s\u0131mlar\u0131 g\u00f6stermektedir. Mavi b\u00f6lge ise Content Place Holder ile belirlenmi\u015f i\u00e7erik alan\u0131d\u0131r.
\n7 – \u015eu anda SP’de Page Layout’lardan bahsetmek iyi olur. Master page t\u00fcm tasar\u0131m\u0131n\u0131z\u0131n d\u0131\u015f kabu\u011funu kaplarken page layoutlar da i\u00e7erik alanlar\u0131n\u0131n d\u00fczenlenmesinde ve \/ veya standartla\u015ft\u0131r\u0131lmas\u0131nda kullan\u0131lacakt\u0131r. MastePage’niz haz\u0131r. Nefis.<\/p>\n

\"\"<\/a>\"\"<\/a>Ama i\u00e7erikler de iki ya da \u00fc\u00e7 s\u00fctunlu sayfalar varsa her bir sayfay\u0131 tek tek mi belirleyeceksiniz. Hay\u0131r. Bunun i\u00e7in masterpage’nizden d\u0131\u015f kabu\u011funu alan page layoutlar haz\u0131rlayacaks\u0131n\u0131z ve her bir sayfa sizin belirledi\u011finiz bu layoutlar\u0131 kullanacak. (Masterpage’i kullanan mini masterpage’ler desem nas\u0131l olur acaba?) Her \u015fey yolunda giderken ve giydirme i\u015fi tamamlanmak \u00fczereyken bir s\u00fcrprizle kar\u015f\u0131la\u015fmak istemiyorsan\u0131z, tasar\u0131m\u0131n\u0131z\u0131 haz\u0131rlarken page layoutlar\u0131 g\u00f6z ard\u0131 etmemeniz \u00e7ok \u00f6nemlidir.
\n8 – Her iki men\u00fcy\u00fc de tasarlarken fantastik tasar\u0131mlardan uzak durman\u0131z ba\u015f\u0131n\u0131z\u0131 bir \u00e7ok beladan kurtaracakt\u0131r. Kalem bazl\u0131 tekrar edebilir tasar\u0131mlar yapmay\u0131 tercih edin. Bu c\u00fcmle \u015fu anda biraz tuhaf g\u00f6r\u00fcnse de men\u00fcleri giydirme i\u015fi s\u0131ras\u0131nda \u00e7ok anlaml\u0131 gelecektir.
\n9 – SP tasar\u0131m\u0131nda Flash? Statikse ve kurumsal m\u00fc\u015fterinin her bilgisayar\u0131nda flash player varsa sorun de\u011fil ama e\u011fer SP’nin esas amac\u0131 olan listelerden veri \u00e7ekecek bir yap\u0131daysa (webpart – webpart m\u0131? daha sonra…) uzak durun. Ayn\u0131 i\u015fi jquery veya silverlight’la yapmay\u0131 d\u00fc\u015f\u00fcn\u00fcn ve programc\u0131 arkada\u015flar\u0131n\u0131zla iyi ge\u00e7inin:)
\n10 – Kendi (ribbon hari\u00e7) header’\u0131n\u0131z\u0131, men\u00fcn\u00fcz\u00fc, search box\u0131n\u0131z\u0131, i\u00e7erik alan\u0131ndaki ileride webpart olacak kutucuklar\u0131n\u0131z\u0131, footer\u0131n\u0131z\u0131 haz\u0131rlad\u0131n\u0131z. MasterPage’inizi giydirdiniz. Her \u015fey yolunda siz yine de firebug ya da developer tool bar\u0131 haz\u0131r tutun \u00e7\u00fcnk\u00fc SP’nin Core.CSS’inde bir \u00e7ok class’\u0131 ezmek zorunda kalacaks\u0131n\u0131z.<\/p>\n

SharePoint 2010 i\u00e7in tasar\u0131ma ba\u015flamadan \u00f6nce dikkat edilmesi gerekenleri yazd\u0131m.<\/p>\n

Bundan sonra neler mi olacak? Maceraya devam. Giydirme i\u015flemi i\u00e7in kullanmak ama\u00e7l\u0131 Windows 7’mize SharePoint 2010 kuraca\u011f\u0131z. (\u00d6nce bu durumu tekrar yarat\u0131p screenshotlar almal\u0131y\u0131m), minimal masterpage’den kendi \u00f6zel SharePoint 2010 masterpage’imizi olu\u015fturaca\u011f\u0131z, programc\u0131 arkada\u015flar\u0131m\u0131za al kodunu yaz demek \u00fczere webpartlar olu\u015fturaca\u011f\u0131z, giydirme a\u015famas\u0131nda kar\u015f\u0131la\u015faca\u011f\u0131m\u0131z durumlar i\u00e7in bol bol ipucu verece\u011fiz.<\/p>\n

\u0130yi \u00e7al\u0131\u015fmalar<\/p>\n

Te\u015fekk\u00fcrler.
\nErbu\u011f Kaya<\/p>\n","protected":false},"excerpt":{"rendered":"

Merhaba, Bilge Adam’a veda mailimde bir maceran\u0131n sonuna geldi\u011fimi yazm\u0131\u015ft\u0131m. Bu, ayn\u0131 zamanda yepyeni maceralara yelken a\u00e7aca\u011f\u0131m demekti. \u00d6yle de oldu. Ceviz Bilgi Teknolojileri’nde sanat y\u00f6netmeni olarak yeni g\u00f6revime ba\u015flad\u0131\u011f\u0131mda benim i\u00e7in bu, yepyeni maceralara ba\u015flamak demekti. Bir s\u00fcre ge\u00e7mesini ve yeni i\u015fime al\u0131\u015fmay\u0131 beklerken yazaca\u011f\u0131m yeni makaleler i\u00e7in malzemeler toplamaya ba\u015flad\u0131m. Art\u0131k bir tasar\u0131mc\u0131 […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[58],"class_list":["post-1260","post","type-post","status-publish","format-standard","hentry","category-teknik-yazi","tag-sharepoint-2010"],"_links":{"self":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/1260","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1260"}],"version-history":[{"count":6,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/1260\/revisions"}],"predecessor-version":[{"id":2354,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=\/wp\/v2\/posts\/1260\/revisions\/2354"}],"wp:attachment":[{"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1260"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1260"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/erbugkaya.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1260"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}