41? 29! olarak yine yepyeni bir projeyle karşınızdayız!

Bu seferki bol sürprizli projemizi ise yeni yıl ruhuna uygun olarak hazırladık: Garanti Yılbaşı Ağacı

Düşündük ki yeni yılda herkes hediye kazanmak ve sevdiklerine hediyeler vermek ister, biz de bunun için de dört bir yanı hediyelerle dolu bir Yılbaşı Ağacı hazırladık.
Şafak sökmeden yayına aldığımız Facebook uygulamamızda, yüzlerce hediye kazanma şansı, Garanti Facebook sayfasında sizleri bekliyor.

Detaylara geldiğimizde ise,

Garanti Facebook Sayfası’ndan Garanti Yılbaşı Ağacı uygulamasına giriş yaparak, hediye kutuları üzerine kendinizi ve sevdiklerinizi etiketleyerek, birbirinden ilginç ve eğlenceli hediyeleri seçebiliyorsunuz. Aralarında büyüyen kristalden kollu battaniyeye kadar birçok seçenek de mevcut.

Üstelik her gün bir kutu seçme hakkınız olup, arkadaşlarınızı da davet ettikçe daha da çok hediye kazanma şansı yakalıyorsunuz!

Peki ben hediyelerimi seçtim ne zaman onlara kavuşacağım, diyorsanız, sabırsızlanmayın ve 6 Ocak’ı bekleyin! 6 Ocak’ta hem kendinizi hem de arkadaşlarınızı etiketlediğiniz tüm hediyeler açıklanmış olacak.

Tabii hediyelerinizin size ulaşması için, kayıt formundaki bilgilerinizi eksiksiz doldurmanız gerektiğini unutmayın!

Herkese bol şans!

Künye

Garanti Bankası
Aylin Daylan, Melis Kuruner, Alihan Aker

41? 29!
Ajans Başkanı: Alemşah Öztürk
Kreatif Direktör: Seren Köroğlu
Art Direktör: Ercan Akkaya
Metin Yazarı: Ahmet Terzioğlu
Flash Geliştirici: Oğuz Sandıkçı
Flash Animatör: Gülşah Karasakal
Yazılım Geliştirici: Emre Bağcı
Arayüz Geliştirici: Emre Çakmakçı
3D Modelleme: Alper Sarıkaya

Marka Yönetimi: Bora Başman
Proje Yönetimi: Gencer Soytemiz
Teknik Yönetim: Hidayet Bayraktar
Sosyal Medya Direktörü: Kutay Ateş
Sosyal Medya Yönetimi: Simla Leventoğlu, Tanyeli Güler
Kampanya Yönetimi: Mert Alankaya

“Önce her şey toz ve gaz bulutuydu” şeklinde başladı aslında her şey… Microsoft, Internet Explorer 9 lansmanı için bize geldiğinde, her zamanki gibi elimizde hiçbir şey yoktu. Brief alındı, dert anlaşıldı, çözüm için tarih verildi ve süreç başladı.

Bu arada o süreçte boş durmayıp, bunları yaptık: Hedef Megane, Bil Bakalım Kim?, Hızlı Kalem, Zafer Yolunda!

De-brief tarihi geldiğinde elimizde sadece tek fikir vardı. ÖSS’de “Risk budur!” diyerek tek tercih yapan liseli gibiydik, heyecanlıydık ve kendimize güveniyorduk. Ve anlatmaya başladık; “Bedük’le birlikte, Türkiye’nin ilk HTML5 video klibini yapacağız!”

Bundan sonrası ise çok hızlı gelişti, önce storyboard çizildi:

Çizimler kabul edilince klip çekimleri başladı. Tıpta “yorgun ve yoğun saatler ve günler” anlamına gelen çekim Soda Film, yönetmenlerimiz Walky-Talky ve kreatif ekibimiz sayesinde işin büyüsüne uygun şekilde sorunsuz ve eğlenceli geçti. Özellikle muhteşem danslarıyla göz dolduran Yasmin Ogbu ve dünyaca ünlü koreograf Stuart Bishop klibi bir üst noktaya taşıdılar.

Tüm malzemeler yavaş yavaş bir araya gelirken, canımız, kanımız, art direktörümüz Mert Uzer tasarıma da yön vermeye başlamıştı bile…

Tasarım da sona erdikten sonra ajansımızın CodeBreaker’ı, nam-ı diğer gldio, Günay Sert kodlamaya başladı. Süreç içerisinde yorulan Günay, yaşadıklarını birer birer kod satırlarına döktü:

//0×796f72756c64756d2079612120746572656c6c692074726f6c6f6c6f6c6f21
= > ?yoruldum ya! terelli trolololo!

//yalanlarla dolanlarla, doldu ramler dosyalarla, yuklu dosyalarin altinda kalanlarla

//”maceraci anus” isimli kitabim ustunde calismaya devam ediyorum.

Bu uzun ve yorucu süreç sonucunda ortaya çıkan iş ise herkesin yorgunluğunu aldı. Bedük’ün muhteşem şarkısı, Bishop’un koreografisi, Soda Film ve 41? 29!’un ter damlaları ile birleşerek Internet Explorer 9′un Türkiye lansmanını en mükemmel hali ile gerçekleştirdi.

discobreaker.com | #discobreaker | DiscoBreaker

Ve işte projenin kahramanları:

Microsoft Internet Explorer 9
Kerim Özbakırcı, Leylim Erenel

Serhat Bedük

41? 29!
Ajans Başkanı: Alemşah Öztürk
Kreatif Direktör: Seren Köroğlu
Art Direktör: Mert Uzer
Geliştirici Ekip: Günay Sert, Emre Çakmakçı
Proje Yönetimi: Gencer Soytemiz
Teknik Yönetim: Hidayet Bayraktar
Sosyal Medya Direktörü: Kutay Ateş
Sosyal Medya Yönetimi: Sena Turan
Metin Yazarı: Ahmet Terzioğlu

Prodüksiyon: Soda Film
Prodüktör: Yalçın Kılıç, Erinç Koyun
Yönetmen: Walky-Talky
Görüntü Yönetmeni: Emre Tanyıldız
Koreograf: Stuart Bishop
Dansçılar: Yasmin Ogbu, Lexx, Uğur Yıldıran, Sanem Demirkaya, Okan Aydoğan, Ezgi Egeli

Teşekkürler:
Bedük fanları, 41? 29! Ekibi

EK: Eğer discobreaker.com’a Facebook account’unuzu kullanmadan bağlanırsanız, göreceğiniz manzara ise tam olarak aşağıdaki gibi… Ajans çalışanları olarak, bizimle karşılaşmanız fazlasıyla olası…

ActionScript yazilim gelistiricisi olarak önceden de javascript üzerinde calışmış olmamın getirdiği tecrübe ile bu projede yer almak istedim. Bunun sonunda bir js geliştirici oldum sanirim Proje öncesinde, üretiminde ve sonunda edindiğimiz tecrübeleri paylaşmaya çalışayım, html5 ile ilgili sormak istediğiniz problem yaşadığınız durumlarda bizimle iletişime geçebilirsiniz, yardımcı olmak isteriz.

Proje Başlangıcı:

Projenin nasıl geliştirilebileceği ve ileriki projelerde kullanılabilecek bir yapı yapma hazırlığı yaptım. Bu framework üzerinde genel olarak kullanılacak çizim, ses, efekt, sayfa düzenlemeleri ve yerleşimleri yapan, yardımcı olarak kullanılan hesaplama ve raporlama araçları ve genel yapıyı ayağa kaldıran class’lar bulunmakta.

Framework’un kullanımına ilişkin bir yapıyı bunları tasarlarken düşündüm ve bunun üzerine tasarımları sayfalandırmakta karar kıldım. Bu sayfalar framework üzerinden kopyalanarak ve coğaltılarak, kendi ayarları ile yerleşip işlem yapar duruma geldiler. Framework üzerinde loading kontrolleri de bulunmakta. Çağrılan ve yüklenmek istenen objelerin yüklenmeleri kontrol edilip işlenebilir hale getiriliyor ve bunları dispatch ederek çağrılan class’larına bildirim yapıyorlar. Browser üstünde bir yoğunluk oluşmaması için de objeler tek tek oluşturulup yüklendikten sonra browser’ın cache’inden çalışabilecek duruma geliyorlar. Özellikle media objelerinde yüklenmenin bittiğini anlamamızı sağlayan eventlerin alınmasında sorun olduğu için bu yolu izledim. Bu yapılar bittikten sonra geriye tasarımların parçalanıp düzenlendikten sonra yerleştirilmesi ve anime edilmesi sağlaniyor.
framework’un hesaplamalarından bir tanesi de sayfanın görünüm üzerindeki yüzdeliğini alıp, sabit bir animasyon yapabiliyor olması. Ayrıca çizim yapılacak objelerin de belirlenmesinde yardımcı olup, genel çizim performansını da arttırmış oluyor.

Proje isleyisi ve proje uretiminde karsilasilan sorunlar:

Genel olarak çizim, efekt ve animasyon konularında ufak sorunlar yaşadım ama media objelerinin kullanımında event’lerin dispatch edilmeleri ve bunları yakalamada sorunlar oluştu. Özellikle cache’e yüklenmiş olanları kullanmada çözümler ürettik.

Media objelerinin event geri dönüşlerinde tam olarak her ithiyacı gideren bir yapı yok, bu konuda kendi çözümlerimizi ürettik, HTML5 geliştirmeleri önümüzdeki dönemlerde bu ihtiyaçlara göre şekillenecektir diye düşünüyoruz. HTML5 cephesindeki gelişmelere uygun olarak browserlar da bu ihtiyaçları giderecek şekilde evrileceklerdir. Çizim yapılan objelerde değilde özellikle media eventlerinde böyle bir sorun var. Event geri dönüşlerini en iyi ve düzgün yapabilen browserları sıralamak gerekirse ie>firefox>chrome diye sıralayabiliriz. Chrome üzerinde, cache üzerinden okunan media eventlerinin geri dönüşleri çok sorun yaratıyor. Chrome için bir kontrol yazip yüklenmekte olan media objelerinin sürelerini kontrol edecek bir fonksiyon yazmak zorunda kaldım, süre kontrolünden sonra, eventi geliştirdiğim dispatcher fonksiyonu aracılığı ile dispatch ettim ve bu sorun çözülmüş oldu. Yaşadığım sorunlar karşısında şimdilik media event listener’ları bu tip çözümler üretmek zorunda bırakıyor bizleri, sonrasında platformdaki gelişmelerle bu tip çözümlere gitmeden direkt kullanılır hala geleceklerdir.

Önceden düşünüp yaptığım hesaplama hatalari ve farklı ilerleme metodlari yüzünden projede bir kaç kez baştan tekrar yazdığım yerler oldu ama onları düzeltip rahatça ilerleyebildim. Özellikle rotate yapılmış ve transform olmus objelerin kapladığı alanların yanlış hesaplamalarından kaynaklanan çizim performansını etkileyen sorunlarla karşılaştık ve bunun üzerine transform matrislerinin üzerinden hesaplama yaparak gerçek alanlarını buldum. Bu hesaplamalar için Simon Sarris’in geliştirdiği javascript transform kütüphanesini kullandım ve projenin ihtiyaçlarına göre biraz daha geliştirdim. Sonrasında hangi objenin görünür olup olmadığını anlayıp çizim yapabilir duruma geldim ve gerçekten performans üzerinde gözle görülür bir artış sağlanmış oldu.

Varsayılan ayarlarda gözlemlediğim en iyi performans su an IE9 ile elde edilebiliyor. Bu performans üstünlüğü gpu rendering’in IE9 da varsayılan olarak açık gelmesi. Diğer browserlarda böyle bir durum yok. Chrome(v15)’da manuel açtığınızda IE9 performansına yakınsayan bir performans elde edebiliyorsunuz. Firefox(v7) için bunu söylemek çok zor. Firefox(v7) yüklü objelerin çiziminde biraz sıkıntılı.

Uzun ve yorucu geçen bir geliştirme sürecinden sonra doğru ve performanslı çalışan bir yapının oluştuğunu görmek ve bunu yaratabilmek beni gerçekten mutlu etti. Her ne kadar bu hali ile gayet güzel çalişabildiklerini görebilsek de, HTML5 cephesinde geliştirilmesi gereken bir çok özellik var.

Teşekkürler

41? 29! olarak, yine yapılmamış görülmemiş projeleri hayata geçirmeye devam ediyoruz. Bu seferki projemiz Renault Türkiye için gerçekleştirdiğimiz Hedef Megane!

Kullanıcıların sabah saatlerinde Facebook hesaplarıyla giriş yaptıkları www.hedefmegane.com ‘da günde 500 kişi için Megane CC kazanma fırsatı sunduk. Hem de bu Megane CC, NBA’in gelmiş geçmiş en iyi oyuncularından biri olan Kareem Abdul-Jabbar‘ın imzaladığı bir araç.

Gelelim yarışmanın detaylarına:

Günde 500 kişinin kazanma şansı yakaladığı yarışmamızda, 400 kişi elini çabuk tutan ve Hedef Megane sitesine en çabuk giriş yapan kullanıcılardan oluşuyor. Geri kalan 100 kişilik yer için ise kullanıcılardan bu Megane’ı ne kadar istediklerini kanıtlamalarını istiyoruz Kullanıcılar verdiğimiz çeşitli görevleri yerine getirerek bu heyecana ortak olabiliyorlar.
Bu aşamadan sonra bu projedeki en büyük yardımcımız olan dostumuz TX-200 devreye giriyor Sıradaki her kullanıcı için tekrar tekrar, üzerinde daire şeklinde sıralanmış anahtarların olduğu çarkı çeviren, sonra da bir anahtar alıp kapıları açmayı deneyen TX-200, Megane CC sahibini bulana kadar yorulmadan bu işi yapmaya devam edecek.

Hedef Megane, daha ilk gününde sosyal medyada ve internet gündeminde en çok konuşulan konulardan biri olmayı başardı. 41? 29! olarak biz de 2011′in son günlerinde böyle bir projeye imza atmaktan çok mutluyuz!

Müşteri: Renault Türkiye
Müşteri Ekibi: Özlem Ünlü, Emre Güney, Görey Sarı

Ajans: 41? 29!
Ajans Başkanı: Alemşah Öztürk
Kreatif Direktör: Seren Köroğlu
Yaratıcı Ekip: İlyas Eralp, Alperen Altınöz, Volkan Öge, Ali Güracar
Art Direktör: Ufuk Çetincan
Metin Yazarı: Ahmet Terzioğlu
Teknik Yönetim: Eren Dursun, Hidayet Bayraktar
Geliştirici Ekibi: Kağan Çam, Feyzullah Daldal, Emre Çakmakçı
Flash Animasyon: Gülşah Karasakal
Video Prodüksiyon: Kaportafilm

Marka Yönetimi: Bora Başman
Proje Yönetimi: Emrah Dalgıç
Sosyal Medya Yönetimi: Alaaddin Özçam
Kampanya Yönetimi: Mert Alankaya

Yenileri yoldayken, en son yaptığımız 3 projeyi sizinle tekrar paylaşalım istedik. Biz çok severek ve eğlenerek yaptık, umuyoruz siz de beğenmişsinizdir

Cornetto Bil Bakalım Kim?

Cornetto için yaptığımız ‘Bil bakalım kim?’ oyununda, en az ipucu alarak en kısa zamanda arkadaşını tahmin edenleri ödüllendirdik.

Dido - Hızlı Kalem

Son sürat konuşan öğretmenin ağzından çıkanları en hızlı not alanların didoladığımız yarışma, şimdiye kadar yaptığımız en çok ilgi gören ve beğenilen oyunlardan biri oldu.

Zafer Yolunda

Muhteşem Yüzyıl için tasarladığımız sitede, Mohaç Zaferi’ni html 5′in tüm araçlarını kullanarak keyifli bir çizgi roman halinde hikayeleştirdik.

Muhteşem Yüzyıl’ı izleyenler bilir, o çarşamba günü bir türlü gelmek bilmez. Bizim de heyecanla beklediğimiz bir çarşamba günü vardı, sonunda geldi!

Html 5 ile, Internet Explorer 9 için özel hazırladığımız “zafer yolunda” gün itibariyle live oldu. Hayatımızda daha çok yeni yer edinen Html 5 teknolojisi; yeniliği ve kullanılabilirliğiyle çoğunlukla deneysel projelerde rol aldı. Örneklerini gördüğümüz projelerde ise, tek yönlü ses veya efekt kullanılarak yapılmıştı. Zafer Yolunda ise; html 5 ile gelen ‘canvas’ ve audio’ kullanımıyla zenginleştirilmiş, interaktif bir çizgi romanla, bu iki özelliği de birleştirdi. Bu özelliklerden biri olan audio’nun bize sağladığı en güzel özellik; hiçbir player eklentisine ihtiyaç duyulmadan, sayfada ses ve müzik kullanımına imkan tanıması. Canvas ise, sayfada dinamik olarak çizim yapılmasına olanak veriyor. Biz de bu iki özelliğin hakkını verdik ve Muhteşem Yüzyıl’ın hikayesini bir de çizgi roman halinde müzikli ve efektli bir şekilde izlemeniz için tasarladık.

Kanuni Sultan Süleyman’ın; Macaristan ordusunu sadece birkaç saat içinde yok edişinin öyküsünü siz de bu teknolojiyle izlemek istiyorsanız, bilgisayarınızın sesini açın ve böyle buyrun.

zaferyolunda.com

Künye
Müşteri: Microsoft
Marka: Internet Explorer 9
Müşteri Ekibi: Kerim Özbakırcı, Leylim Erenel
Ajans: 41? 29!
Ajans Başkanı: Alemşah Öztürk
Proje Yönetimi: Serhat Maraşlıgil
Yaratıcı Ekip
Kreatif Direktör: Seren Köroğlu
Art Direktör: Lütfü Kırdar
Illustrator: Koray Kuranel
Metin Yazarı: Yiğit Değer Bengi, Ahmet Terzioğlu
Teknik Yönetim: Hidayet Bayraktar
Geliştirici Ekibi: Günay Sert, Enis Kılıç, Emre Çakmakcı, Emir Anarat
Ses: Zeynep Bozok

Geçtiğimiz 1 sene içerisinde pek çok başarılı oyun ve kampanya ile desteklediğimiz ve 1 sene içerisinde 350.000 üyeye ulaşan Dido Facebook sayfası’nda yeni kampanyamız yayında!

Yazının başlığı aslında kampanyayı özetlemeye yetiyor. Okul dünyasını ve okulun öğrenciler üzerindeki etkilerini renkli bir biçimde yansıtmaya gayret gösteren Dido ile bu sefer de öğrenciliğin en büyük çilelerinden not tutma olayına eğildik. Karşınızda hızla konuşan öğretmenin ağzından çıkanları aynı hızla not edenlerden miydiniz yoksa sonrasında ön sırada oturan saçları iki yandan toplu kızdan notları isteyenlerden mi?

Ders boyu öğretmenin ağzından çıkanları eksiksiz not alanların sorun yaşamayacağı bu eğlenceli oyunumuzda ortaya çıkacak el mi yaman bey mi yaman, klavyesine güvenen herkesi öğrencilerin ata sporu olan not tutmaya Dido Hızlı Kalem’e bekliyoruz!

Etrafındakileri ne kadar tanıyorsun? “Herkesten haberdarım, arkadaşlarımı çok sıkı takip ediyorum” diyorsan bu oyunda başarılı olma olasılığın çok yüksek

Bil Bakalım Kim oyununda temel amaç: Hakkında ipuçları verilen arkadaşının kim olduğunu tahmin etmek. Verilen sürede ne kadar çok doğru tahmin yaparsan o kadar yüksek puan kazanıyorsun ve ödüle yaklaşıyorsun. Her aldığın ipucu ise kazanacağın toplam puanı düşürüyor. En az ipucu ile en çok doğru tahmin başarının sırrı Eğlendirirken sosyalleştiren, haberdar eden Cornetto Bil Bakalım Kim, şimdiye kadar yapılmış en keyifli uygulamalardan…

on.fb.me/bilbakalim

Oyunsever Facebook kullanıcıları için yüksek enerji gerektiren bir oyunla daha karşınızdayız! Metro Yüksek Enerji Testi, pedalları çevirerek ürettiğin enerjiyle aydınlatılan garajdaki Metroları topladığın, sonunda ise süper hediyeler kazandığın enerji dolu bir oyun.

Enerjisinin sınırlarını görmek için herkesi Metro Yüksek Enerji Testi‘ne bekliyoruz!

Ajans: 41? 29!
Marka Yöneticisi: Bora Başman
Proje Yöneticisi: Gencer Soytemiz, Aslı Nur Ergüzel
Sosyal Medya Direktörü: Kutay Ateş

Kampanya Yöneticisi: Mert Alankaya

Kreatif Direktör: Seren Köroğlu
Art Direktör: Ufuk Çetincan
Metin Yazarı: Ahmet Terzioğlu
Sosyal Medya Uzmanı: Alaaddin Özçam
Teknik Direktör: Eren Dursun

Geliştirici Ekibi: Murat Yılmaz, Emre Bağcı
Flash Animasyon: Gülşah Karasakal
Ses & Müzik Tasarımı: Zeynep Bozok

Prodüksiyon: Kaporta Film
Prodüktör: Esra Sert
Post Prodüksiyon: Gürhan Demirel
Oyuncu: İsmail Topal

Eminiz ki çocukluğunda herkes mutlaka 1 kez define avına çıkmıştır. Biz de bu çocukluk tutkumuzla kolları sıvadık, haritalarımızı ve küreklerimizi aldık, Denizbank ile ilk defa hayata geçirdiğimiz Kaz Kazan oyunumuzda define avına başladık!
“Pekiii, defineleri nasıl bulacağım?” diyenler, bileğinin gücüne güvenenler hemen bu linke http://on.fb.me/kazkazan tıklayarak maceraya başlayabilir.
41? 29! Ekibi olarak biz bu oyunu hazırlarken çok eğlendik, umarız oynayan herkeste bir Robinson ruhu canlandırabiliriz
Evet, şimdi “ben Robinson’u cebimden çıkarırım!” diyenler, buyurun. Hodri meydan!