Senelerdir çeşitli web siteleri yaptım, bazı zamanlar php dilinde kodlama yaptım bazen css olarak arayüz geliştirdim. Gelen iş türüne göre bazen her ikisini de yapmak zorunda kaldığım zamanlar oldu. Çalıştığım müşterilerimin bir çoğu yaptığım işe aynı pencereden bakmayı tercih ettiler.

Ve müşteri odaklı işler hiç bir zaman bitmeyecek gibi bir yol izlemeye başladı karşı tarafın ihtiyacı asla bitmiyor. Yüzlerce kez mailleşseniz de yapılacak işi en baştan yazıp-çizseniz de çeşitli toplantılar düzenleseniz de bazı işler asla bitmez.

Fakat aralarında bu durumlar için at gözlüğü olmayanlar da vardı,farklı bakış açısı içinde olanlar ve bizim dünyayı benimseyen insanlarlada çalıştım. Ve bu müşterilerim benim tarafımdan hep kazanan insanlar oldu.

Malesef ki Türkiye standartların da üniversite öğrencisi profilinde bir insanın geçim derdi de olabiliyor,bu yüzden hep çok iş hemde çok fazla iş yapmayı amaç edinmiştim.

Artık bu duruma bir son vermeyi planlıyordum. Nitekim artık bu yüklerden kurtulmuş durumdayım,kendimi geliştirme ve standartlarımın üstüne çıkacağıma inandığım daha önceleri de deneyimim olan proje odaklı çalışma modeline geçmeye karar verdim.

Bu konuda bana yardımcı olan ve arkamda duran insanların güvenlerini boşa çıkartmamak adına önümüzdeki zaman dilimin de müşteri (piyasa) odaklı iş planları ile değil kendi adıma da faydalı olacağını düşündüğüm proje odaklı iş düzeni ile devam etmeye karar verdim.

İş hayatımdaki bu değişikliğin özel hayatımı da olumlu yönde etkileyeceğini düşünüyorum ve beni takip eden insanlara da bilgi vermek amacı ile bu yazıyı hazırladım.

Apple, vizyon sahibi ve yaratıcı bir dehayı, dünya ise harkulade bir insanı kaybetti. Steve’i tanıyacak ve onunla çalışacak kadar şanslı olanlarımız ise iyi bir dostunu ve ilham verici bir mentorunu kaybetti. Steve, arkasında yalnızca kendisinin kurabileceği bir firma bıraktı ve onun ruhu sonsuza dek Apple’ın ilham kaynağı olacak…
Taziye dileklerinin ise rememberingsteve@apple.com adresine gönderilmesini istiyorlar.

Ve işte beni kendine hayran bırakan o video… (Aç kal budala kal…)

We developed Google Analytics Premium around these pillars: more data, advanced tools, dedicated support and guarantees. Here’s a summary of what that covers:

• Extra processing power - increased data collection, more custom variables and downloadable, unsampled reports
• Advanced analysis - attribution modeling tools that allow you to test different models for assigning credit to conversions
• Service and support - experts to guide customized installation, and dedicated account management on call – all backed by 24/7 support
• Guarantees - service level agreements for data collection, processing and reporting

Google Analytics’in geliştirdiği Premium servisi ile gelişmiş araçlar,özel destek ve garantiler bulacaksınız. Neleri kapsadığının özeti:

• - Ekstra işlem gücü artan veri toplama, daha fazla özel değişkenler ve yüklenebilir, unsampled raporlar
• - Gelişmiş analiz
• - Dönüşümlere kredi atamak için farklı modelleri test etmeniz için modelleme araçları
• - Servis ve destek
• - Çağrı üzerine özelleştirilmiş yükleme ve özel hesap yönetimi uzmanlardan 24 / 7 destek sağlanımı
• - Garantili – Veri toplama hizmetisayesinde işleme ve raporlama
• - Google Analytics Premium en büyük müşterileri ile yakın koordinasyon içinde geliştirilmiştir. Pilot aşamasında, Gucci, mu, TransUnion, eharmony ve diğerleri, Google Analytics Premium onların ihtiyaçlarını karşılayabilmek için çalışıyor. Biz inşa ettik çok mutluyuz ve şimdi ilgilenen tüm istemciler için kullanılabilir hale getirdik artık hazırız…

Yeni profil tasarımında, Facebook Places sayesinde bulunduğunuz yerlerin bir haritasını görmek de mümkün. Bu özellik ile doğum yerinizi bile işaretleyebilirsiniz.

Timeline özelliğinin amacı, Facebook üzerinde paylaştığınız tüm içeriği tekrar su yüzüne çıkarmak. Yaptığınız durum güncellemesi eskidi ise, o güncellemeyi bir daha görme ihtimaliniz oldukça zayıf. Facebook ekibi de sosyal ağı, arkadaşlarınızın kim olduğunu keşfederken kendinizi de ifade ettiğiniz bir alan haline getirmek istiyor. Timeline özelliği ile de bu “keşif” süreci oldukça eğlenceli olacağa benziyor.

Facebook Timeline Özelliğini aktif etme…

 

 

 

 

https://developers.facebook.com/apps/ bağlantısına tıklayın
Sağ üst köşeden yeni uygulama oluştur diyoruz
İsim olarak örnek: Timeline yazıp kaydediyoruz
Sonraki aşamada boşluklara rastgele 2 kelime giriyoruz. Örneğin birinci boşluğa right ikinci boşluğa left diyebiliriz.
Daha sonra ki ekranlarda uygulamayı kaydet diyoruz 3 aşama geçtikden sonra uygulamayı aktif hale getire tıklıyoruz.
Profil sayfanıza girdiğiniz de artık Facebook Timeline özelliğini açmış olacaksınız.
Unutmayın ki Timeline özelliğine geçmemiş kullanıcılar sizin profilinizin timeline olarak göremez.
Örnek Profil: https://www.facebook.com/oktay.comak

F8 Konferansının tamamını buradan da izleyebilirsiniz…

İkinci nesil internet hizmeti ve kullanıcı odaklı bir sistem olarak biliniyor. Web 2.0 ne demek ? Nasıl ve Nerelerde kullanılıyor bunları başlıklar halinde anlatmaya çalışacağım.Umarım sıkılmadan  okur ve web 2.0 hakkında fikir sahibi olursunuz…

1- Sadelik

2- Büyük ve Kalın Fontlar

3- Sade menü ve navigasyonlar

4- Central ve Liquid tasarımlar

5- İcon,buton ve etiketler

6- Gradients (Renk Geçişleri)

7- Renkler

8- Logolar

9- Ajax

10- Tag Clouds (Etiket Bulutu)

11- Oval Köşeler

12- Borders (Kenarlık)

13- Background (Arka Plan)

14- W3 Standartları

1- Sadelik

Başlık yeterince açık sanırım sadelik,sadelik,sadelik… Less is more (az daha çoktur) felsefesi web uygulamaların da gelişen bir terim. Günümüz de bir çok web sitesi sahibi daha sade anlaşılır ve her şeyin birbirine girmediği bir site arzuluyor. Bu konuda elinizden geldiğince site tasarımlarını ve içeriği anlaşılır şekilde dizayn edilmesine önem göstermelisiniz.

2-Büyük ve Kalın Fontlar

Web 2.0 ‘un hayatımıza kattığı en büyük tasarım değişikliklerinden biri de şüphesiz ki “Büyük ve Kalın Fontlar” olmuştur.
Özellikle interaktif siteler de görüyoruz ki büyük değişik fontlara sahip yazı karakterleri ile ilgi çekici olabilir. Ben de bir çok sitem de bu özelliği kullanıyorum ve gerçekten hoşuma giden bir özellik. Ayrıca kalın fontlarda da bazı sitelerin logo niyetinde kullandığını da söylemeden geçemeyeceğim.

3- Sade Menü ve Navigasyonlar

Sadelik akımının öncülerinden olan menü ve navigasyonlar web sitesinin hem hızlı açılmasına hem de anlatılmak istenen konuyu daha kolay ziyaretçilere sunabilmeyi amaçlar. Ayrıca metin bazlı navigasyonlara da büyük oranda  bir rağbet var gelişmiş portallar web sitelerin de metin tabanlı linkleri navigasyonlar halinde verebiliyor. Dikey ve Yatay şekilde navigasyon çeşitleri de bulunmaktadır.

4- Central ve Liquid tasarımlar

Central yani orta hatta olan demek bu tarz siteler daha çok tercih ediliyor. Genel de sola dayalı sistemleri haber portalları kullanmakta. Portal ve kişisel siteler central sistemini kullanıyor. Gelişen CSS ve XHTML ile artık tasarımlarımızı ister belli bir pixel ölçüsünde istersek yüzde olarak belli bir alanda sınırlayabiliyoruz. Bu sınırlamayı yaparken de klasik  <div align=”center”></div> gibi ortalama etiketleri yerine artık css ile #ortala {margin:0 auto;} tarzında css kodlamaları ile işimizi büyük oranda kolaylaştırıyoruz.

800 – 850 pixel arasında olan ve ortalanmış sayfa tasarımları genel görünüm itibari ile çok hoş durmakta. Bunun ile birlikte Liquuid yani sayfa geneline yayılmış tasarımlar da yine CSS güzellikleri kullanılarak her çözünürlükte aynı görnütüyü elde etmemizi sağyalayarak kullanıcılara büyük kolaylıklar sunuyor.

5-  İcon,Buton ve Etiketler

Web 2.0 bilginin kolay ulaşılır olması ve kısa zamanda çok daha fazla bilgiye ulaşmak üzerine kurulu. Şüphesiz ki bunu bizlere sağlayan en büyük yardımcılarımızdan biri de icon ve etiketler. Birçok sitede (ve bu sitede de) etiketler, yıldızlar, faviconlar, mini ikonlar, piksel ikonlar kullanılıyor. Bu ikonlar kullanıldığı yer ve duruma göre kullancıya belki de okuyacağı bir paragraf yazıyı anlatabiliyor. Örnek vermek gerekirse Rss ikonuna yabancı bir insan belki farklı kullanılmış bir Rss butonunu tanımayıp sitenin Rss özelliğini es geçebilir, ancak kullanılan bir yemek yiyen adam ikonu bazen kullanıcının ilgisini daha çok çeker ve Rss özelliğini keşfetmesine yardımcı olur. Bununla birlikte günümüz Blog kasırgasında kullanılan yorum ve header ikonları, tarih ikonları, kategori ikonları birçok sitede görmeye alıştığımız özellikler. İkonları ve etiketleri küçük ama büyük işler başardığından dolayı seviyoruz sanırım.Ayrıca  sitemizi simgeleyen ve bir bakıma bizi yansıtan Favicon kullanımı da web 2.0 ile birlikte hayli yaygınlaşmış durumda.

6- Gradients (Renk Geçişleri)

Gradient efekti bir renkten diğer bir renge geçerken arada geçiş renklerinin kullanılarak hoş bir efekt oluşturmaya dayanıyor. Söz gelimi webde en çok kullanılan gradient efektlerinden birisi yeşilden beyaza doğru tatlı geçişler. Gerek arkaplanda gerekse de sitemizin navigasyon ve içerik bölümlerinde gradientler göze hoş görünür bir sayfa yapısı yansıtmak adına bazen hayat kurtarabiliyor. Tabi gradient efektinin de kullanıldığı yer ve durumu önemli. Çünkü gradient efekti iki rengin geçişini sağlıyor. Uyumlu renkleri yakalamanız gerekiyor aksi halde bu efekti uygulayacağım derken sitemizin genel renk bütünlüğünü bozabiliriz. Css galeri sitelerinde veya Web 2.0 kaynak listelerinde göreceğiniz birçok site bu efekti ucundan kıyısından bir yerinden kullanmıştır. Çok başarılı örnekler de görmek mümkün.

7- Renkler

Renkler konusunda okuduğum birçok makalede farklı renk tonlarının Web 2.0 ile ön plana çıkarıldığını görüyoruz. Örneğin yeşil günümüz webinde en çok kullanılan renk sıralamasında başı çekiyor. Birçok büyük site yeşili kullanmaktan çekinmiyor. Yeşil rengin gözü ve zihni dinlendirdiğine dair bilgiler mevcut ancak web 2.0 için sadece yeşili baz almak bana kalırsa çok yanlış. Tüm renklerin ve uyarlamaların web 2.0 da yeri olduğunu söylemek daha doğru olacaktır. Mavi, Turuncu, Siyah, (özellikle siyahta şu sıralar büyük bir furya var ve yeni açılan birçok site artık siyah alanlara daha çok öncelik veriyor) Pembe, Kırmızı (kırmızı rengi de es geçmemek gerekir, özellikle beyaz ve kombinasyonlarında hoş görüntüler yakalanabiliyor) ağırlıklı olan renk grupları içinde. Tabi ki unutmamak gerekir ki renk uyumu sitemizin bütünlüğünü korumak adına en büyük etkenlerden birisi. Günümüz webinde dominant (baskın) renk uygulamasıyla destekleyici renkleri de kullanarak iyi bir görünüm elde etme şansınız oldukça yüksek. Hatta bu uyumu sağlayabilmek için internette birçok web sitesi oluşturulmuş; yazılarımızın, içeriğimizin hangi renkte nasıl duracağından tutun, en iyi uyumu belirlemeye kadar birçok işi yapıyorlar. Kısacası web 2.0 ile birlikte donuk renklerden kurtulup daha tatlı ve göze iyi gelen renkleri tercih ediyoruz.

8- Site Logoları

Site logoları da Web 2.0 furyasında değişimden nasibini alıyor. Logolarımızı artık daha sade ve web 2.0′ın genel özellikerini yansıtarak tasarlamaya özen gösteriyoruz. Yukarıda bahsettiğim kalın ve büyük fontlar, gradient efektleri, yıldız ve etiket efektleri logolarımıza uyguladığımız efektlerin birkaçı. Bununla birlikte bazı firma ve sitelerin web 2.0 tarzı logolara geçmek için kendi logolarını revise ettiğini de söyleyebiliriz.

Bunun en yakın ve önemli örneği Mynet olsa gerek. Mynet kısa zaman öncesinde logosunu değiştirdi ve bana kalırsa web 2.0′a biraz daha uygun bir logo tasarımı yakaladı. (Yiğidi öldür hakkını yeme)  Web 2.0 dizin sitelerinde inceleyeceğiniz üzere logolar çok sade ve klasik biçimde duruyor. Sanki tek elden çıkmışlar gibi, ancak tek elden çıkma değil tek anlayıştan çıkma oldukları aşikar. Söz gelimi SmashingMagazine’nin kullanıcılarına bir yarışma aracılığıyla tasarlattığı yeni logosunu ve katılımcı logoları görmenizi salık veririm. Ne anlatılmak istendiği sanırım orada daha iyi görülecektir.

9- Ajax Kullanımı

Aslına bakılırsa Ajax hiçte yeni olmayan bir web teknolojisi fakat son dönem webinde sıkça kullanılmaya başlandı. Bu yüzden Ajax ile oluşturulmuş birçok uygulama ve proje webde karşımıza çıkabiliyor. En basit örneğiyle bloglarımızda kullandığımız yorumların eklenişi, yazılarımızın gösterimi sırasında bile Ajax destekli scriptlerden yararlanıyoruz. Ajax türevi sürükle bırak (drag-drop), navigasyon, uygulama artık birçok web sitesinde kullanılır oldu. Web 2.0′ın fonksiyonellik ve kullanışlılık ayağında Ajax’ın büyük bir payı olduğunu söylersek sanırım hata etmiş olmayız. Söz gelimi bir alışveriş sitesinde ürünün alışveriş sepetine eklenmesi kullanıcıyı tıkla, ürünü gör, sepete ekle gibi zahmetlerden kurtarıp işini daha hızlı yapmasını sağlıyor. Bununla birlikte birçok büyük site uygulama (API) bazlı tasarımlarda Ajax’ı tercih ediyor.

10- Tag Clouds (Etiket Bulutu)

Etiket bulutları çoğu sitede gördüğümüz ve kategorilerin, içeriklerin çok olandan az olana doğru sıralanarak bir bulut şeklinde gösterildiği uygulamalar. Çoğunlukla blog tarzı sitelerde kullanılmasına rağmen birçok haber ve portal sitesi de bu uygulamayı kullanıyor. Günümüzde kategori sıralamasından çok Etiket Bulutunun tercih edildiğini ve kullanıcılar tarafından daha fonksiyonel bulunduğunu söyleyebiliriz.

11- Oval Köşeler

Evet işte benim favorim neredeyse tüm sitelerimi oval yapma peşindeyim
Artık keskin köşeli dikdörtgenler yerine Web 2.0 furyasıyla birlikte oval köşeli dörtgenleri tercih eder olduk. Oval köşeler gerçekten de sitemizde görünüm olarak büyük katkılar sağlıyorlar. Gerek içerik gerekse de navigasyon alanlarında kullanılan oval köşeler web 2.0′ın klişe özellikleri arasına girmiş durumda. Webde inceleyeceğiniz birçok sitede oval köşelerin kullanımını görebilirsiniz.

12- Borders (Kenarlık)

Kenarlıklar son dönemlerde çokça kullanılan özelliklerden birisi. Gerek içeriklerde gerekse de resimlerde kenarlıklar (border) kullanılıyor. Kalın kenarlıklar ve kenarlıklarda yapılan renklendirmeler sitede kullanıldığı alanda büyük bir vurgu yaratıyor. En çok kullanılan yerler ise sayfamızın sağ, sol bölümünde görülen ve genellikle #wrap, body parametreleriyle kullanılan kenarlıklar ve resimlerde bağlantılar olduğunda kullanılan kenarlıklar.

13- Background (Arka Plan)

Arkaplanlar sitemizde çoğu zaman es geçtiğimiz özelliklerden birisidir. Ancak web 2.0 ile birlikte özellikle beyaz, gradient arkaplanlar tercih edilir olmuştur. Birçok sitede bu özelliği görebilirsiniz. Bunun dışında Texture (Doku) ve resim tarzı arkaplanları da görmemiz mümkün. Sitemizdeki genel renk bütünlüğünü korumak adına beyazın arkaplan rengi olarak tercih edilmesi ve beyaz alanın gerektiği yerde kullanılması web 2.0 havası veren birçok sitede görülen bir özellik.

14- W3 Standartları

Yukarıda sıraladığımız birçok özellik kullanılırken standartlara uyum gözardı edilmiyor. Belki de ençok dikkat edilen hususta bu olsa gerek. Bunca güzel web sitesinin tasarlanırken web standartlarına bağlı kalınması aslında bu şekilde de çok iyi ve başarılı web sitelerinin tasarlanabileceğine dair iyi bir örnek teşkil ediyor. Web 2.0′ın vuku bulmasını sağlayan W3C standartlarına bağlı kalarakta iyi ve tam uyumlu bir web sitesi tasarımı yapmak hiçte zor değil.

Bazı Web 2.0 örnek web siteleri ;
Woopid
BidBlink
Dailyrt
Kazle
Blurtt
Twitter
FriendFeed