Merhabalar , Abakus Yayıncılıktan çıkan "Herkes için Oyunlaştırma" kitabımızın oyunlaştırılmış websitesi www.oyunlastirma.co yayında. Eğer hala blogumu takip edenler varsa mutlaka bu siteyi ziyaret etsinler ve oradaki yarışta beni geçsinler,kitap ücretsiz kazanabılırler.

Selamlar ; Blog adresime uzun zamandır makale yazamıyorum. Öyle olduğu halde hala emailler alıyorum,giriş sayılarınında gayet yüksek olduğunu görüyorum. Eskiyen,artık geçerliliği olmayan yazılarım mevcut ancak özellikle Türkçe kaynak olması açısından silmeyi düşünmüyorum. Hem kurumsal hayat yoğunluğundan hem de hayattaki babalık gibi bazı önceliklerimden artık sadece twitter adresimi güncel tutmaya çalışıyorum. Bilgi neredeyse orada olmalı diye düşünüyorum,gerçekten twitter'da bilgiyi seçebilmeniz ve takibiniz çok kolay. Ve emin olun oradaki paylaşımlarımda hem adobe teknolojileri hem dijital medya üzerine sizin içinde çok faydalı olabilir. Buyrunuz o zaman : https://twitter.com/ercanaltug

Merhaba arkadaşlar ;

Adobe CS5 versiyonunu çıkardıktan sonra her 2 senede bir yeni bir CS versiyonunu çıkarmaya ve ara senelerde de gelişmelere ve oluşan ihtiyaçlara cevap verebilmek amacıyla bir ara versiyon çıkarmaya çalışacağını açıklamıştı. Ve Adobe CS5 versiyonu çıktıktan tam 1 sene sonra karşınızda CS5.5 versiyonu. Bu versiyonda özellikle bazı iyileştirmeler ve entegrasyonlar görülüyor. Özellikle günden güne hayatımıza giren yeni nesil tablet PC’ler için yapılan geliştirmeler göz alıyor.


Mobil işletim sistemleri ile birlikte ve Apple’ın IPad ve Samsung’un Galaxy Tablet PC’leriyle artık bir bilgisayardan beklentilerimiz cep telefonundan haylice olan bu akıllı yeni nesil mobil cihazlardan beklemey başladık. Bu aygıtlarda da internet erişimi ve kullanıcı arayüzlerinin kolaylığı hem PC’lere hem laptop’lara hem de cep telefonlarına olan ihtiyacı azalttı.



Yeni oluşan ve zamanla çok büyük bir talep gören,çok sayıda kullanıcısı olmaya başlayan mobil cihazlar ve işletim sistemlerine göz atalım. Aslına bakılırsa akıllı telefon olarak adlandırılabilen Nokia’nın yeni nesil telefonları Symbian Mobil İşletim sistemi kullanmakta.Ve sayı olarak en yakın rakibinden kat ve kat fazla sayıda telefon üretip satan Nokia’nın bu işletim sistemide pazarda azalsa da önemli bir yere sahip. Ancak hem kısıtlı yetenekleri olsun,hem deNokia’nın Blackberry ve Apple karşısında güçlü durması için Microsoft’la işbirliğine gitmesi ve Microsoft Windows Mobile versiyonunu kullanmaya başlaması bu Symbian İşletim sisteminin önünü kapatıyor.

Apple ‘ın IPad ve IPhone gibi tüketici davranışlarını yeniden yorumlayan devrimci cihazlarının işletim sistem IOS ise pazarda ciddi bir paya sahip ve önemli sayılan kesim bu tür aygıtlatı kullanıyor. Aynı şekilde Blackberry’nin RIM olarak adlandırılan işletim sistemi de hem ilklerden olması hem de özellikle kurumsal müşterilerinden ötürü bu paya sahip ve önemli bir yerde. Ayrıca Google’un geliştirdiği açık kaynaklı Android ‘de hem Google’un kendi cep telefonuna hemde Samsung,Sony gibi devlere işletim sistemi desteği vererek pazarda önemli bir yere sahip oldu ve en hızlı artan şuanda Android İşletim Sistemi.



Bu yeni nesil cihazlar için Adobe’nin özellikle Flash ürününü birebir kullanamaması (Apple CEO’su Steve Jobs’un Apple ürünlerinin hiçbirinde Flash desteği hiçbir zaman olmayacak açıklaması) yeni vizyonlar ve geliştirmeleri şart hale getirdi. Özellikle HTML 5.0 ile tüm cihazlarda aynı içeriği gösterebilme Flash için bu cihazlarda ciddi bir rakip oldu. Flash web sitelerinde hem video hemde animasyonlu banner’larda çok sık kullanıldı ve büyük şirketlerin pazarlama senaryolarını bile bu programın yetenekleriyle oluşturduğunu görür olmuştuk. Ancak mobikl cihazlar bu reklam ve videoları gösteremeyince yeni bir arayış başladı.

Adobe Flash CS5.5 ile özellikle Mobil cihazlara destek veriliyor.Varolan flash çalışmalarınızı, uygulamalarınızı, oyunlarınızı,bannerlarınızı, videolarınızı direk Android işletim sistemli bir cihazda veya IOS işletim sistemli bir IPhone veya IPad’de AIR uygulaması olarak oynatabiliyorsunuz.



Adobe Flash CS5.5 ile gelen önemli özelliklere gelince,Project klasörünün yönetimi ve hedef olarak artık aynı çalışmayı farklı yerlere publish etme ihtiyacı aşağıdaki bir yapıyı mecbur kılıyordu.



Mobil aygıtlardaki ekran çözünürlükleri için dinamik içerik boyutlandırma, içeriklerin vektörel olarak gösterilememesinden bitmape performanslı şekilde çevirerek kullanabilme ve Dreamweaver ile HTML 5.0 kodlamalara geçiş yapabilme önemli yeniliklerden.

Dreamweaver CS5.5 ile gelen yenilikler aslında kısa ama içerik olarak çok geniş : CSS3 ve HTML 5.0
CSS3 geliştirmelerinize destek veren Dreamweaver CS5.5 aynı zamanda HTML 5.0 bazı şablon dosyaları barındırmada ve HTML 5.0 yeni tagleme sistemine destek vermektedir. Özellikle Flash ile hazırladığınız içerikleri HTML 5.0 yayınlayarak Dreamweaver CS5.5 ile geliştirmeye devam edebiliriz.




Adobe’nin özellikle Flash ile HTML 5.0 arasındaki rakip yakıştırmalarına yukarıda bahsettiğim büyük firmaların büyük bütçelerle oluşturduğu banner ve oyunların mobil tabletlerde oynamaması Adobe’nin varolan bir FLA flash kaynak dosyasından direk HTML 5.0 çıktı alması için bir proje başlatmasına neden oldu. Proje şuanda emekleme aşamasında,adı “Wallaby” . Adobe Labs altından ulaşılabilecek bu geliştirme sürecinde olan çevirici program aslında çok şey vaat ediyor.

Adobe Flash ile yapılan her sitenin HTML 5.0 ile sunulması mümkün değildir. Basit animasyon ve video içerikleri sunan flash siteleri çok rahatça HTML 5.0 olarak sunulabilir.Ancak dinamik vektörel animasyonlar ve ses müzik etkileşimleri oluşan siteler HTML 5.0 ‘la sunulamaz,Flash’ın geleceğinin bu yönde olduğu kesindir,arkasındaki güç tüm tasarım camiası birikimi ve Photoshop ,Illustrator ve After Effects gibi programlarla entegrasyonudur.





Adobe Wallaby’i Adobe Labs’tan indirip birkaç test yaptım,eminim siz de blog’larda ayrıntılı olarak okuyabileceksiniz ve test yapmak için heyecanlanacaksınız. Testler için eski bir çalışmamı test etmek istedim ama sonuç sadece görsellerin gelmesi oldu. Aşağıdaki gibi ekrandan çalışmanın fla dosyasını seçip bir klasöre html 5 dosyaları,javascript ve görseli SVG olarak çıkardığı klasör olacaktır.




Çevirim sırasında çeviremediklerini Errors and Warnings ekranından veriyor. Adobe Blog’s ta yazan Wallaby Help dosyasında Actionscript kodların,programatik butonların ve animasyonların,ses ve video dökümanlarının desteklenmediğini gördüm,aşağıda paylaşıyorum. Ancak klasik timeline animasyon denilen basit animasyonlar ve up-over-hit-down gibi state’lere sahip klasik butonları desteklediği gözüküyor. Testleriniz için bu bilgileri göz önünde tutabilirsiniz.



Adobe Wallaby özellikle uzun zamandır geliştirilen ve arkasında ciddi bir tasarımcı ve geliştirici kitlesi bulunduran,ajansların tercihi olan Adobe Flash programını direk HTMl 5.0’a çevirmek için başlatılmış bir projedir,eminim çok faydalı olacak ve iyi yerlere gelecektir.

Adobe CS5.5 versiyonuyla ilgili genel bilgiler ve video eğitimler için :

http://www.adobe.com

http://tv.adobe.com/channel/whats-new-in-cs55/

http://www.vidobu.com/cs55_yenilikleri/
HTML 5.0 ve CSS3.0 için eğitimler :

http://www.w3schools.com/html5/default.asp

http://www.w3schools.com/css3/default.asp

Adobe Labs Wallaby :

http://labs.adobe.com/technologies/wallaby/

http://labs.adobe.com/wiki/index.php/Wallaby

Faydalı olması dileğiyle...


Altuğ

Merhaba arkadaşlar,

Adobe CS5.5 versiyonunu duyurdu. Şirketin aldığı Creative Suite olarak adlandırılan paket programlarını 2 senede bir ara versiyonla yeniliklere adapte etme kararı böylece başlamış oldu. cs5.5 versiyonundaki en önemli yenilikler mobil desteği olarak gözüküyor. Çok hızlı gelişen akıllı telefon ve tablet camiasında Adobe etkisini kazandırabilmek için Flash ve Dreamweaver'a yeni yetenekler kazandırılmış.
Adobe TV ve isteyenler için Türkçe Adobe Türkiye'nin videolarını izleyebilirsiniz.

http://tv.adobe.com/channel/whats-new-in-cs55/

http://www.vidobu.com/cs55_yenilikleri/

http://blog.turkcell.com.tr/tag/turkcell-akademi//

Merhaba arkadaşlar ;

Grafik camiasında bir kült olmuş Andrew Mundi'nin " Principles of Design " Flash tabanlı eğitimini kendimizce türkçeleştirdik ve daha fazla insanın okuması ve anlaması için sitemize de örnek ders olarak ekledik. Göz atabilirsiniz.

http://www.turkcellakademi.com.tr/TurkcellPublishEmbeddedDocuments/grafik_ilkeleri/index.html




Fikir ve emek için öğrencim Sebahattin'e teşekkür ederim.

http://www.sanalkurs.net/forum/istanbul-ticaret-univ/



Güzel bir etkinlik olmuş videolarını kaçırmayın.




Altuğ

Merhabalar ,

Aşağıda geçtiğimiz ay Adobe'nin çıkardığı Adobe Connect Pro Sanal Sınıf programının yeni versiyonu Connect Pro 8'i anlattığım eğitim videosudur. Eğer Türkçe kapsamlı bir Adobe Connect eğitimi istiyorsanız hemen tıklayın.

http://www.cizgi-tagem.org/


Merhaba arkadaşlar ;

Uzun süredir iş yoğunluğumdan blogumda güncelleme yapamadığımı biliyorum. Ama hala email ve yorumların gelmesi beni çok mutlu ediyor ve elime geçen ilk fırsatta iki satır yazmayı borç biliyorum. Bu hafta CHIP dergisinin de Yılın Sosyal Sorumluluk Projesi olarak seçtiği bir sürü uzmanlık eğitiminin ücretsiz verildiği video eğitim sitesi Çizgi Tagem'i paylaşarak uzun süren sessizliğimi sizlerin de paylaşıp faydalanması için bozuyorum. Bu şekilde güzel video eğitim siteleriniz varsa gönderin yayınlayayım.

Herkese selamlar sevgiler.


Ercan Altuğ YILMAZ

Merhaba arkadaşlar ;

Turkcell Akademi bünyesinde tüm Turkcell çalışanlarının aldığı GSM Teknolojileri e-eğitimini dış portalimizden herkese açtık.Hergün yaptığınız bir cep telefonu çağrısının tüm sürecini 3 boyutlu olarak Turkcell know-how ile birlikte öğreniyorsunuz. Gerçekten hem tasarım hem de içerik olarak oldukça keyifli bir eğitim.


Faydalanmanız dileğiyle.



http://www.turkcellakademi.com.tr/DistanceLearning/Pages/uzaktanegitim.aspx

Merhaba arkadaşlar ;

Hepimizin mutlaka duyduğu veya gördüğü ve belki de hergün tasarladığı bir tasarım unsurundan Storyboard’lardan bahsedeceğim bu yazımda. Storyboard Türkçe karşılığını tam bulamadan İngilizce olarak dilimize geçmiş durumda. İnternette resimli taslak , görsel eskiz gibi tamamlayıcı tümleçler olsa da ben bu yazımda Storyboard olarak kullanacağım.
Storyboard ilk olarak 1930’ların başında ünlü Walt Disney tarafından eskiz olarak çizilen animasyonları yeni bir yöntemle daha hızlı üretebilmek için yapılmaya başlanmış. Aşağıda Walt Disney’i bir storyboardu incelerken görüyorsunuz.

Günümüz çizgi filmlerinde de hala 1930’lardaki yöntemlerle Storyboard’lar tasarlanıyor. Sadece programlar ve yöntemler değişmiş durumda. Hatta birçok yerde Storyboard Artist diye bir meslek olarak bu işi adlandırıp uzmanlarına bu taslaklar yaptırılıyor. Aşağıda da günümüz çizgi filmlerinden birinin Storyboard’u gözükmekte.


Storyboard genel olarak bir animasyonun,tasarımın taslak olarak kağıtlara çizilmesi ve senaryoya göre bağlanarak önemli anlarının canlanmasıdır. Bilgisayar tabanlı eğitim tasarımlarında da tasarım ve etkileşim çok önemli olduğundan Storyboard çok belirleyici ve vazgeçilmez bir role sahiptir.

Storyboard e-öğrenmelerde, eğitim içeriğinin üretilmesi için hazırlanan ve eğitimin her ekranında nelerin yer aldığını (metin, görsel, animasyon, etkileşim, değerlendirme vb.) ayrıntılarıyla tanımlayan doküman olmaktadır. Film dünyasındaki gibi çok görsel olmak zorunda değil ancak ekranda yer alacak tüm nesneleri tüm etkileşimlerini ve devamında izleyecek yolu anlatmalıdır.

Bir e-öğrenme hayata geçirilirken öncelikle öğrenme için İhtiyaç analizi yapılır.Devamında eğitim senaryolandırılır ve kağıtlara yazılır. E-Öğrenme Uzmanları bu senaryoyu okur ve Storyboard’u bir CMS (Content Manage System) veya alternatif bir program ile hazırlar ve eğitimin üretim ve programlamasını yapacak ekibe bu storyboard iletilir.

Peki Eğitim tasarı süreçlerinde Storyboard kullanmanın faydaları neler olabilir. Tabiki senaryodan direk üretime geçilebilir ancak hem üretimde kaynak kullanımı açısından hem de müşteri açısından riskli bir durumdur.
1- İşgücü ve Zaman kaybını engeller,düzeltmeler,revizeler storyboard üzerinde yapılır.
2-Müşteri tarafında kötü sürprizleri en aza indirir.
3- Projenin ölçeğini ve kapsamını ortaya çıkarır. Daha mantıklı üretim süreleri hesaplanır.
4- Üretici ve Müşteri arasındaki en kuvvetli ve değişmez başvuru kılavuzdur.
5- Tüm proje tüm ekip ile storyboard üzerinden takip edebilir ve yönetilebilir.

Bir storyboard’un olmazsan olmaz unsurları :
1-) Proje Bilgisi ve Adı
2-) Ekran Numarası ve Etiketi
3-) Ses
4-) Videolar
5-) Grafikler
6-) Metinler
7-) Etkileşimler ve Yönlendirme Nesneleri
8-) Varsa Notlar

Benim Photoshop ile tasarladığım yukarıdaki unsurları barındıran bir Storyboard.

Gelin hemen gerçek hayattan birkaç örnek storyboard inceleyelim ve üretime nasıl geçtiğini görelim.Eğer E-Öğrenme şirketinin tasarım aşamalarını bir CMS yani içerik yönetim sistemi üzerinden yapıyorsa Storyboard’lar onun üzerinden Eğitim Tasarımcıları tarafından yapılabilir ve üretim ekibi için hazır hale gelir. Aşağıda bir firmanın CMS kullanan bir firmanın örnek bir eğitim storyboard tasarımı ve üretim sonrası ekranı gözükmektedir.
CMS ile yapılmış Storyboard :

Üretim sonrası Eğitim Ekranı :

Eğer firmanın bir CMS’i yoksa ve yine de Storyboard üzerinde iş akışlarını oturtmak isterse o zaman devreye tanıdık programlar girecektir. Microsoft Word ve özellikle Powerpoint tasarım olarak çok fazla ayrıntıya girmeden eğitim arayüzünü çizebilecek kadar Storyboard’lar oluşturabilir.Devamında da Visio ,Flash , Photoshop ve Illustrator gibi çizim programlarıyla tasarımsal daha fazla ayrıntı hatta bazı çizimlere yere vererek Storyboard’lar oluşturulur bu da üretimi çok daha hızlandıracaktır.


Aşağıda yine üretiminde bulunduğum bir Telekom şirketinin e-öğrenmesindeki bir modem kurulumu ekranının Powerpoint ile hazırlanmış storyboard’u ve üretim sonrası eğitim ekranı bulunmaktadır.

Microsoft Powerpoint ile hazırlanmış Eğitim Senaryosundaki Modem ışıklarını vurgulayan ekran :

Üretim ekibinden çıkan eğitim ekranı :



Storyboard ‘lar uzaktan eğitim tasarımında üretim işlemlerini hızlandırmak ve iş akışlarını oturtmak için vazgeçilmez bir unsurdur. Eğitim süreçlerinin her noktasında başvurulabilinir.

Kaynaklar :

www.enocta.com
www.ilgera.com

Ercan Altuğ YILMAZ

Merhaba arkadaşlar ;

Yoğun bir proje döneminden sonra Turkcell Akademi'nin dış sitesini ve Turkcell Grup içinde de çok daha kapsamlı olarak kullanılan Sharepoint tabanlı Akademi Portal'i yeniledik. Dış sitemizi ziyaret edebilir yepyeni videolarımızı,uzaktan eğitim kısmından e-learning ve mobil eğitimlerimizi,üniversite kısmından da staj,burs başvuruları kısımlarına göz atabilirsiniz. Zaman içerisinde içeriğini de takip edin bol bol e-öğrenme ve mobil eğitimler ekleyeceğiz.

www.turkcellakademi.com.tr



Takip etmeniz dileğiyle...





Ercan Altug YILMAZ

Merhaba arkadaşlar ;

Turkcell Akademi ve Pusula yayıncılıktan büyük bir hizmet. Ansiklopedi formatında 60.000'den fazla Bilişim sözcüğünü görselleriyle beraber barındıran Bilişim Sözlüğü Turkcell Akademi desteğiyle artık internet'te. Benim de proje grubunda bulunduğum bu güzel siteyi ziyaret edip siz de içerik ekleyip katkıda bulunabilirsiniz.

http://turkcellakademi.bilisimsozlugu.net


Faydalı olması dileğiyle.



Ercan Altuğ YILMAZ

Turkcell Akademi

altug.yilmaz@turkcell.com.tr

Merhaba arkadaşlar ;

Adobe Photoshop gibi değerli bir ürünün bazı temel özelliklerini online ve daha önemlisi ücretsiz sunmaya başlamıştı. Bu adreste fotoğraflarımızı yükleyebiliyor,bazı temel görsel işleme işlemlerini yapabiliyor ve fotoğraflarımızı albümlerle saklayabiliyor ve sevdiklerimizle paylaşabiliyorduk.
Bütün bunları yapabilmek için tek ihtiyacınız ücretsiz alınabilen bir Adobe ID.


Yukarıda gösteriğim üzere yüklediğiniz fotoğraflara aşağıdaki Edit butonuna tıklayarak gelen sol menüden birçok basit görsel işlemeyi yapabiliyoruz. Bunlar neler derseniz :

Crop & Rotate ile fotoğrafı kırpabiliyoruz , Resize ile büyütebiliyoruz , Auto Correct ile ışıklandırmasını otomatik ayarlayabiliyoruz , Exposure ile çok parlamış fotoğrafları düzeltebiliyoruz , Red Eye ile fotoğraflarımızda istemediğimiz korkunç kırmızı gözleri hemen siyah yapabiliyoruz , Touch Up ve Saturation ile fotoğrafların keskinliğini ve renk doygunluğunu ayarlayabiliyoruz. Photoshop kullanıcılarının yabancı olmadığı Hue,Tint gibi diğer menülerde Advanced kısmında yer alıyor.


Ayrıntılı bilgi almak , ücretsiz uygulama videolarını izlemek ve kendi albümünüzü yaratmak için :

http://www.photoshop.com/


Adobe daha güzel bir haber vererek bu online Photoshop sitesinde verdiği hizmetleri bir IPhone uygulamasında toplamıştı. Bir IPhone kullanıcısı olarak beni çok memnun eden bu uygulama size IPhone ile çektiğiniz fotoğrafları aynen Online Photoshop'taki gibi işlemenize imkan verip online albümünüze de yükleminize imkan veriyor. Bu uygulamayı Apple Store'dan veya aşağıdaki adresten indirebilirsiniz.

http://mobile.photoshop.com/iphone/


Online Photoshopta olan tüm menüler aynen IPhone ile çektiğiniz fotoğraflarınızı bekliyor süper değilmi?
Mesela aşağıda gösterdiğim hazır efekt menüsünden kendi fotoğraflarınıza uygulayabilir ve hemen ister Facebook gibi bir sosyal paylaşım sitesinden veya ist


Tek yapmanız gereken uygulamayı açtığınızda ekranda Select Photo ile daha önce çektiğiniz bir fotoğrafı seçmek. Alttaki sekmeler ile de Online ve Upload ile kendi albümünüzde gezebilir düzeltmeler yapabilirsiniz.


Bu uygulamanında en çok sevdiğim bir özelliği fotoğraflarınızı slide show ile gösterebilmesi , süresini sizin ayarlayabilmeniz ve portait veya landscape tutuşlarda anında tepki vererek görseli düzeltmesi.



Adobe Photoshop Online 'ın IPhone uygulamasının uygulamalı anlatımı için güzel bir video burada var. Ayrıca Blackberry kullanıcıları için iyi haber yok ama Android kullanıcıları için de Adobe bu uygulamayı yayınlamış.

http://mobile.photoshop.com/iphone/howtovideo.html?sdid=FBNUA


Umarım siz de benim kadar bu uygulamayı sever ve günlük fotoğraflarınız da kullanırsınız.




*GÜNCELLEME*

Adobe bu yazımdan birkaç hafta sonra programın adını Photoshop Express olarak revize etti. Ve IPhone uygulamasını aynen IPad içinde sunarak bunu anlatan Adobe TV'den güzel bir video paylaştı eklemek istedim.

http://tv.adobe.com/watch/creative-suite-podcast-photographers/photoshop-express-goes-native-on-the-ipad-/

Teşekkurler.