Professional Documents
Culture Documents
ÇÖZÜMLER
H
erkese merhaba! Bu ay, Flash ile dina- ve animasyon aras›ndaki ba¤lant›y› sa¤lamak
mik Web sitesi haz›rlayan programc›- için ise, küçük ve basit bir ASP.NET sayfas›ndan
lar›n ilginizi çekecek bir konu ile faydalanaca¤›z.
karfl›n›zday›z. Flash’te haz›rlad›¤›m›z bir ani-
masyonun içerisine bir metin dosyas›ndan veri Veritaban›
çekebilece¤imizi zaten biliyoruz. Bunun bir ad›m Örne¤i basit tutmak ad›na, tek tablolu bir Access
ötesinde; ASP veya ASP.NET gibi dinamik bir veritaban›ndan faydalan›yor olaca¤›z. Veritaba-
platform yard›m›yla veritaban›nda yatan verileri n›nda, METINLER adl› bir tablo ve bu tabloda ID
de Flash animasyonunun içine dahil edebiliriz. ve METIN adl› iki alan olacak. Tahmin edece¤i-
Bu konudaki temel bilginizin eksik oldu¤unu dü- niz gibi; ID alan›nda her bir yaz›ya ait belirleyici
flünüyorsan›z, önce ek kaynaklarda ad› geçen bir say›, METIN alan›nda ise yaz›n›n kendisi yer
dosya ve sitelere bir göz atman›z› tavsiye ederim. alacak.
Flash içerisine veri çekebiliyor olmam›za ra¤- Son olarak, tablomuz içerisinde yeni bir kay›t
men; Flash programc›lar›n›n yaflad›¤› en büyük yarat›p bu kayda afla¤›daki metni girece¤iz:
problemlerden biri, d›flar›dan çektikleri metinle-
ri kolay bir flekilde formatlayam›yor olmakt›r. Ör- <img src='mini.jpg' align='left'><font face='Tahoma' si-
ne¤in; Flash ile haz›rlad›¤›n›z kurumsal bir Web ze='11'><b>Firmam›z›n kurumsal Web sitesine hoflgeldi-
sitesinde, veritaban›nda bar›nd›r›lan formatl›
metinleri görüntülemek istedi¤inizi düflünün.
Flash animasyonuna dinamik olarak çekilen bu
yaz›n›n baz› bölümlerini koyu, baz› yerlerini alt›
çizili ve baz› yerlerini renkli göstermek isteyen bir
içerik yöneticisine, buna benzer biçimlendirme
seçeneklerini kullanabilece¤i bir ortam sa¤lamak
durumunday›z.
Bu makalenin sonuna geldi¤inizde, Flash ani- Gördü¤ünüz gibi, veritaban› yap›s›n›
masyonlar›n›za dinamik ve formatl› içeri¤in na- fiekil 2: oldukça basit tuttuk...
s›l ithal edilebilece¤ini ö¤renmifl olacaks›n›z.
niz!</b> Biz her zaman ifl ve <u>müflteri</u> odakl›
Genel Çerçeve çal›flmak taraftar›y›z. ‹fl ortaklar›m›z aras›nda <a
NOT: Bu makaleye ait kaynak Her zaman oldu¤u gibi, konuyu bir örnek yard›- href='http://www.cozumevi.com'><font co-
dosyalar›, http://www.winnet- m›yla inceliyor olaca¤›z. Sistemimizi daha iyi an- lor='#0000FF'><u>Çözümevi</u></font></a> gibi fir-
mag.com.tr adresinden indire- lamak için, afla¤›daki flemaya bir göz atal›m. malar da bulunmaktad›r. Hakk›m›zda daha fazla bilgi
bilirsiniz. almak isterseniz, <a href='http://www.double-
key.org'>Kerem Köseo¤lu</a>'nun bizimle birlikte yap-
t›¤› projelere göz atabilirsiniz</font>
ASP.NET Sayfas›
S›ra geldi veritaban›ndaki metinleri çekip Flash’e
iletecek olan ASP.NET sayfas›n› yazmaya... Önce,
bu sayfan›n çal›flma mant›¤›n› inceleyelim.
Gördü¤ünüz gibi; ASP.NET sayfam›z ilk ad›m-
Haz›rlayaca¤›m›z sistemin da Flash’ten bir ID de¤eri devral›yor. Bunu, Flash
Kerem Köseo¤lu fiekil 1: genel yap›s›... içerisinde veri kayna¤› olarak kaynak.aspx?id=1
keremk@winnetmag.com.tr
adresini göstererek sa¤layaca¤›z. ‹kinci ad›mda,
Windows &.NET Magazine’in
Örne¤imizde; amac›m›z, veritaban›nda bulu- id’si 1 olan metni veritaban›ndan çekiyor ve bir
katk›da bulunan yazarlar›ndand›r.
Çözümevi firmas›nda e-business nan “metinler” adl› tabloda bulunan uzun bir sonraki ad›mda &metin=.... fleklinde sayfaya yaz-
çözümleri yöneticisi olarak metni çekip formatl› bir flekilde Flash animasyo- d›r›yor olaca¤›z. Flash animasyonumuz bu sayfa-
çal›flmaktad›r. numuz içerisinde göstermek olacak. Veritaban› y› yükledi¤inde, “metin” de¤iflkeni içerisinde
lblMetin.Text = "&metin=" +
dt.Rows[0]["metin"].ToString();
// Ba¤lant›y› kapatal›m
co.Close();
<table width="100%" height="100%" bor- <b> : Kelimeyi kal›n harflerle yazmaya rem\tKöseo¤lu\t27<br>Azade\tÇerke-
der="0" ID="Table1"><tr><td align="center" yarar. zo¤lu\26</textformat>
valign="middle"> Örnek: <b>Windows .NET Magazi- <u> : Metnin alt›n› çizmeye yarar.
<object classid='clsid:d27cdb6e-ae6d-11cf- ne</b>, sektöründeki öncü dergilerden Örnek: alt›n› çiziyorum ki; <u>Ayd›n
96b8-444553540000' codebase='http://downlo- biridir. Esen</u>, gelmifl geçmifl en büyük mü-
ad.macromedia.com/pub/shockwave/cabs/flash <br> : Sat›r atlamaya yarar. zisyenlerden biridir.
/swflash.cab#3,0,0,0' width='550' height='400' Örnek: 1. sat›r <br> 2. sat›r <br> 3. sat›r
VIEWASTEXT ID="Object1"> <font> : Yaz› biçimini belirleyen Tag’dir. fiimdi bu bilgiler do¤rultusunda, ma-
<param name='src' value='kurum.swf'> • color: Yaz› rengi kalenin bafl›nda veritaban›na ekledi¤i-
<embed src='kurum.swf' pluginspa- • face: Yaz› fontu miz metne tekrar göz at›p, bunu
ge='http://www.macromedia.com/shockwa- • size: Yaz›n›n boyutu Flash’te üretilen ç›kt›yla karfl›laflt›r›n.
ve/download/' Örnek: <font color=’#ffcc00’ face=’Ta- Veritaban›ndaki metni yukar›daki
type='application/x-shockwave-flash' homa’ size=’11’>Ben mavi bir Tahoma tag’ler ile biraz daha süsleyip ç›kt›n›n
width='550' height='400'> metniyim</font>. nas›l de¤iflece¤ini inceleyerek, tag’leri
</embed></object> <img> : Metin içerisine bir resim veya daha iyi anlayabilirsiniz.
<br> bir baflka Flash animasyonu dahil etme- Tag’lerin daha ayr›nt›l› aç›klamalar›
<font face=tahoma size=1>Siteyi sorunsuz ye yarar. için, ek kaynaklarda belirtilen adreslere
görüntülemek için Flash Player 8'i <a • src: Resmin dosya ad› göz atman›z› tavsiye ederim.
href='http://www.macromedia.com/shock- • id: E¤er resim yerine Flash animas-
wave/download/download.cgi?P1_Prod_Ver- yonu dahil ediyorsan›z, animasyo- Sonuç
sion=ShockwaveFlash'>indirin</a>.</font> nun tan›mlay›c› ad›n› ifade eder. Bu flekilde, Flash içerisine dinamik bir
</td></tr></table> • width: Genifllik flekilde ithal etti¤iniz içeri¤in HTML
• height: Yükseklik benzeri komutlar yard›m›yla nas›l for-
Bu sayfan›n Flash animasyonunu ba- • align: Hizalama matlanabilece¤ini ö¤renmifl olduk. Bu
r›nd›rmak d›fl›nda pek fazla bir ifllevi ol- • hspace: Horizontal boflluk tekni¤in gerçek hayatta iflinize çok yara-
mad›¤›ndan, üzerinde çok fazla • vspace: Vertikal boflluk yaca¤›n› tahmin ediyorum. Karfl›laflaca-
durmuyorum. Örnek: <img src=’mini.jpg’ width=’10’ ¤›n›z bir projede Flash içinde formatl›
height=’10’ align=’right’> metin göstermek durumunda kal›rsa-
Ve Gösteri Zaman› <i> : Metni e¤ri göstermeye yarar. n›z, bu yöntemi rahatl›kla uygulayabilir-
Haz›rl›klar›m›z› tamamlad›¤›m›za göre, Örnek: <i>Ben e¤ri bir yaz›y›m.</i>. siniz. Tek yapman›z gereken fley; içerik
art›k taray›c›m›z› aç›p index.html sayfa- <li> : Maddeleme yapmaya yarar. yöneticilerini, veritaban›na ekleyecekle-
s›n› ça¤›rabilir ve Flash animasyonunu Örnek: <li>K›rm›z›</li> <li>Yeflil</li> ri metinleri Flash’in anlayabilece¤i
görüntüleyebiliriz. <li>Mavi</li> tag’lerle formatlanm›fl halde haz›rlama-
<p> : Yeni bir paragraf açmaya yarar. ya ikna etmek olacakt›r.
• align: Metnin hizas› Kendini bu konuda daha fazla gelifl-
• class: Biçimlendirmede kullan›lacak tirmek isteyenler, yola afla¤›daki nokta-
CSS s›n›f› lar›n üzerinde yo¤unlaflarak devam
Örnek: <p align=’left’>Gün güneflli, in- edebilir:
sanlar nefleli, sen de gel oyna...</p> • Text Tool’un dinamik kullan›m›
‹çeri¤imiz hem dinamik, hem <span> : CSS ile formatlanacak bir me- • Flash ve CSS deste¤i
fiekil 9: de formatl›!” tin parças›n› belirler. • <a> Tag’ine t›kland›¤›nda, Flash ani-
• class: Biçimlendirmede kullan›lacak masyonunun belli bir Frame’e atla-
Nas›l? Keyif verici, öyle de¤il mi? Az CSS s›n›f› mas›n› sa¤lamak
önce veritaban›nda saklanan bir metni Örnek: <span class=’ozel’>Ben özel bi- Bir baflka yaz›da görüflünceye dek,
Flash animasyonumuza çektik ve for- çimli bir metinim</span>. hoflça kal›n!
matland›¤› haliyle görüntüledik. Kendi- <textformat> : Metinleri hizalamaya ya-
mizi tebrik edebiliriz! rar. Do¤ru kullan›l›rsa, HTML’in <table> Ek Kaynaklar
‹nsan›n neredeyse “Flash art›k HTML Tag’inin temel ifllevlerini yerine getire- • http://www.doublekey.org/mind/
görüntüleyebiliyor!” diyesi geliyor... bilir. flash_icinde_asp_kullanmak.pdf -->
fiimdi gelin, Flash taraf›ndan destekle- • blockindent: Blo¤un ne kadar içeri- Bu doküman sayesinde, Flash içerisi-
nen Tag’lere k›saca bir göz atal›m. den bafllayaca¤› ne dinamik veri çekmenin temelleri-
• indent: Paragraf›n ilk sat›r›n›n ne ka- ni ö¤renebilirsiniz.
Desteklenen Tag’ler dar içeriden bafllayaca¤› • http://livedocs.macromedi-
<a> : Bir Web sayfas›na ba¤lant› yarat- • leading: Sat›rlar aras› boflluk a.com/flash/8/main/00001457.html
mak için kullan›lan Tag’dir. • leftmargin: Sol taraftaki boflluk --> Flash 8 ve HTML deste¤i konu-
• href: Ba¤lant› • rightmargin: Sa¤ taraftaki boflluk sunda resmi dokümantasyon
• target: Ba¤lant›n›n aç›laca¤› pencere • tabstops: Her bir TAB karakterinden • http://livedocs.macromedi-
Örnek: <a href=’http://www.double- sonra b›rak›lacak boflluk a.com/flash/8/main/00001444.html
key.org’ target=’_blank’>Kerem’in Web Örnek: <textformat tabstops=’[50, --> Flash ve CSS deste¤i konusunda
sitesi</a> 100,150]’>Ad›\tSoyad›\tYafl›<br>Ke- resmi dokümantasyon