Flash Mx 2004’te bulunmayan sadece Professional sürümüne has bir özellik olan sunum ve uygulama hazırlamak ve düzenlemek için kullanılan yeni yöntem olan Screens (Ekranlar) dan bahsedeceğim.

Ekranları kullanarak Timeline’da herhangi bir işlem yapmadan hızlı ve kolay bir şekilde karmaşık bir hiyerarşik yapıya sahip olan sunumunuzu düzenlemenizi ve yönetmenizi sağlar.

Ekranların yardımı ve sağladığı kolaylıklar ile çok sayfalı sunumlar hazırlayabilirsiniz. Ekranlar çok kullanışlı olup, ağaç mantığı ile yepyeni bir arabirime sahiptir ve sayfalarınızı bir düzende birbiriyle bağlantılı oluşturmanızı sağlar.

Tasarım ile ilgili herhangi birşey uygulamayacağım sadece sayfaları oluşturup birbirine bağlayacağız.

1- Giriş Ekranımızdan Flash Slide Presentation (Flash Slide Sunusu) seçeneğini tıklayarak yeni bir sunum ekranı açıyoruz. Ebatları 650 × 400 olacak.

2- Sunum ekranımız karşımıza geldi. İlk olarak bir tane Ana Ekran(Presentation), bir tane de Alt Ekran geliyor.

Menümüzü de açıklayalım seçenekler nedir ne değildir.

3- Presentation yazan ana ekranıma çift tıklayıp BMWSunum yapıyorum ismini. Yanlız ben BMWSunum penceresine sadece önceki sayfa – sonraki sayfa butonlarımı ve navigasyonumu koyacağım, çünkü standart bir tasarım yok ortada. Eğer basit bir sunum hazırlamış olsaydık. Başlık, butonlar vs. onları ana sahneye koyardık orta kısmı boş bırakırdık içeriği oraya yerleşirdik. Ama şuanki tasarım buna elverişli olmadığı için, sadece butonlar ve navigasyonu koyuyoruz ana sahneye.

Daha sonra sol üst kısımda bulunan + butonuna tıklayarak ya da sunum ağacıma sağ tıklayarak Insert Screen e tıklıyorum. 5 adet alt sayfa ekliyorum ve isimlendiriyorum.

(tasarim, ergonomi, motor, y_aksam, guvenlik)

Yanlız burda isimlendirirken dikkat etmemiz gerek bir husus var. İsimlendirdiğimiz sayfaların isimlerini actionscript kodunda kullanacağımız için dikkatli vermeliyiz. (Değişkenleri adlandırma kurallarını hatırlayın).

Küçük bir hatırlatma yapalım. Boşluk kullanamazsınız, harf ile başlamaz, reserve edilmiş kelimeleri kullanamazsınız(function, break, case vs.)

4- Sunumumun ana sahnesine tıklıyorum. (BMW_Sunum) ve tasarımımı oluşturuyorum. Yanlız burda tasarlanmışı var. ::))

Tasarım

Ergonomi

Motor

Yürüyen Aksam

Güvenlik

5- Tasarımları oluştururken dikkat edilmesi gereken bir nokta Hide Screen seçeneğidir. Bu seçenek bulunduğunuz sayfayı gizlemek içindir.

Eğer gizlemezseniz, o sayfadaki yaptığınız tasarım direkt olarak saydam bir şekilde ana sahneye yansıyacaktır. Aynen bu şekilde;

Bir de diğer sayfalarımızın Hide Screen seçeneğini açalım. Karmaşaya bakın şimdi;

Bizim tasarımımızın büyük bir kısmı sabit olduğu için sadece textler karışmış. Bir de her sayfada farklı bir tasarımın olduğunu düşünün – (yerleştirme açısından) içinden çıkılmaz bir durum.

Bu karmaşayı engellemek için Hide Screen işaretini açıp/kapatmak tasarımı oluştururken mantıklı.

6- Şimdi BMW_Sunum sayfamdaki üst kısımdaki navigasyonuma ve butonlarıma sayfalar arasında gezebilmek için hareket kazandıracağız.

7- Anasahnem olan BMW_Sunum’a geliyorum ve navigasyondaki Tasarım butonumu seçiyorum. Behaviors panelinden Screen > Go to Slide seçeneğine tıklıyorum. Aynı uygulamayı diğer navigasyon öğeleri için de uygulayalım.

Daha sonra karşıma gelen dialog kutusundan tasarim isimli ekranımı seçiyorum ve OK tuşuna basıyorum. (adreslemem Relative işaretli. Absolute adreslemeye gerek yok.çünkü saten aynı sahnede çalışıyorum.)

Şimdi gelelim önceki/sonraki sayfa butonlarımıza, bunun için yine Behaviors > Screen panelinden faydalanacağız. Sonraki butonumuza tıklayıp Behaviors > Screen > Go to Next Slide seçeneğine tıklıyoruz. Aynı uygulamayı önceki butonu için de uygulayalım.

Sunumumuza işlev de kazandırdık.

Şimdi sayfama son olarak bmw 3 serisinin reklamını eklemek istiyorum. Öncelikle AnaSahneye bu kısıma ulaşmak için bir icon koyuyorum.

Yeni bir sayfa ekliyorum ismine Video yazıyorum ve AnaSahneye koyduğum ikona aynen navigasyonumdaki gibi Behaviors > Screen > Go to Slide tan Video sahnesine gitmesi için hareket ekliyorum.

Video için tasarımı oluşturuyorum ama burda oluşturulmuşu var. :::))

Şimdi elimdeki BMW reklamını FLV’ye çevireceğim. Bununla ilgili daha önce bir makale yayınlamıştık. Bilgisi olmayan arkadaşlar o makaleden faydalanabilirler. Flash ve FLV’ye Giriş

Şimdi tasarımımızda bulunan beyaz boşluğa videoyu koyacağız.

Component panelinden Media Components kısmından MediaDisplay componentini sahneye o beyaz kısma sürükleyip bırakın.

MediaDisplay’in ayarlarına Component Inspector penceresinden giriyoruz.URL kısmına flv’mizin adını yazıyoruz.

Şimdi videomuzun altına play, pause ve stop düğmeleri koyacağız ve bunlara action vereceğiz. İsterseniz kendiniz oluşturun isterseniz flash ın kütüphanelerinden faydalanın. Video ekranımızın alt kısmına control butonlarımızı koyuyoruz.

Play tuşu için :

on (release) {
// m değişkenine mediaDisplay componentinin yerini gösteriyoruz
var m = this.bmw_video;
//eğer video oynamıyorsa (! işareti ile playing i tersine çeviriyor. yani true bu işaret ile false oluyor.) oynat diyoruz en alttaki m.play ile
if(!m.playing){
//playheadTime(videonun o anki saniye olarak değeri)
//totalTime(videonun saniye olarak toplam uzunluğu)
//burda playheadTime yuvarlıyoruz ve ikisini eşit olup olmadığını denetliyoruz
//eğer eşitlerse videoyu stop yaptırıp tekrar play yaptırıyoruz.
if(Math.round(m.playheadTime) == m.totalTime){
m.stop();
m.play();
}
m.play();
}
}

Pause tuşu için:

on (release) {
// m değişkenine mediaDisplay componentinin yerini gösteriyoruz
var m = this.bmw_video;
//eğer video oynuyorsa duraklat.
if(m.playing){
m.pause();
}
}

Stop tuşu için:

on (release) {
// m değişkenine mediaDisplay componentinin yerini gösteriyoruz
var m = this.bmw_video;
//eğer video oynuyorsa durdur.
if(m.playing){
m.stop();
}
}

MediaDisplay ile ilgili sadece basit kontrol olayına girdik. Bir sonraki çalışmamızda daha detaylı bilgi vereceğiz. İleri Düzey Kontroller, CuePoint yardımı ile FLV dosyasında farklı konumlara atlama vs.

Bu kadar kısa zamanda bu kadar az kodla… Nasıl hiç de fena olmadı değil mi?

Elimden geldiğince anlatmaya çalıştım. Herkese faydalı olması dileklerimle…Bütün arkadaşlara çalışmalarında başarılar diliyorum. Saygı ve Sevgilerimle….

Bu konuyla ilgili soru ve görüşlerinizi hasan@mediaprestige.com e-posta adresime gönderebilirsiniz.

Kaynaklar :

Flash Sunum Flash Uygulama dosyası1 (.rar, 3.15 mb) Mpeg işlenmemiş video dosyası (.rar, 3.17 mb)

kaynak: Materialler(resim vs.) için BMW orginal kataloglarından faydalanılmıştır. Her Hakkı Saklıdır.

kaynak: Macromedia.com/flash