Flash ve Formatlı İçerik

8/9/2019 Flash ve Formatl erik

1/3

W i n d o w s & . N E T M a g a z i n e KA S I M 2 0 0 5 w w w . w i n n e t m a g . c o m . t r30

erkese merhaba! Bu ay, Flash ile dina-mik Web sitesi hazrlayan programc-larn ilginizi ekecek bir konu ile

karflnzdayz. Flashte hazrladmz bir ani-masyonun ierisine bir metin dosyasndan veriekebileceimizi zaten biliyoruz. Bunun bir admtesinde; ASP veya ASP.NET gibi dinamik birplatform yardmyla veritabannda yatan verileride Flash animasyonunun iine dahil edebiliriz.Bu konudaki temel bilginizin eksik olduunu d-flnyorsanz, nce ek kaynaklarda ad geendosya ve sitelere bir gz atmanz tavsiye ederim.

Flash ierisine veri ekebiliyor olmamza ra-men; Flash programclarnn yaflad en bykproblemlerden biri, dflardan ektikleri metinle-ri kolay bir flekilde formatlayamyor olmaktr. r-nein; Flash ile hazrladnz kurumsal bir Websitesinde, veritabannda barndrlan formatlmetinleri grntlemek istediinizi dflnn.Flash animasyonuna dinamik olarak ekilen buyaznn baz blmlerini koyu, baz yerlerini altizili ve baz yerlerini renkli gstermek isteyen birierik yneticisine, buna benzer biimlendirmeseeneklerini kullanabilecei bir ortam salamakdurumundayz.

Bu makalenin sonuna geldiinizde, Flash ani-masyonlarnza dinamik ve formatl ieriin na-sl ithal edilebileceini renmifl olacaksnz.

Genel ereveHer zaman olduu gibi, konuyu bir rnek yard-myla inceliyor olacaz. Sistemimizi daha iyi an-lamak iin, afladaki flemaya bir gz atalm.

rneimizde; amacmz, veritabannda bulu-nan metinler adl tabloda bulunan uzun birmetni ekip formatl bir flekilde Flash animasyo-numuz ierisinde gstermek olacak. Veritaban

ve animasyon arasndaki balanty salamakiin ise, kk ve basit bir ASP.NET sayfasndanfaydalanacaz.

Veritabanrnei basit tutmak adna, tek tablolu bir Accessveritabanndan faydalanyor olacaz. Veritaba-nnda, METINLER adl bir tablo ve bu tabloda IDve METIN adl iki alan olacak. Tahmin edecei-niz gibi; ID alannda her bir yazya ait belirleyicibir say, METIN alannda ise yaznn kendisi yeralacak.

Son olarak, tablomuz ierisinde yeni bir kaytyaratp bu kayda afladaki metni gireceiz:

Firmamzn kurumsal Web sitesine hoflgeldi-

niz! Biz her zaman ifl ve mflteri odakl

alflmak taraftaryz. fl ortaklarmz arasnda zmevi gibi fir-

malar da bulunmaktadr. Hakkmzda daha fazla bilgi

almak isterseniz, Kerem Kseolu'nun bizimle birlikte yap-

t projelere gz atabilirsiniz

HTML bilgisi olanlarn bu metne bakp hzlabirka adm ileriye gitme isteiyle dolduunu

tahmin ediyorum... Bekleyin... Az sonra...

ASP.NET SayfasSra geldi veritabanndaki metinleri ekip Flasheiletecek olan ASP.NET sayfasn yazmaya... nce,bu sayfann alflma mantn inceleyelim.

Grdnz gibi; ASP.NET sayfamz ilk adm-da Flashten bir ID deeri devralyor. Bunu, Flashierisinde veri kayna olarak kaynak.aspx?id=1adresini gstererek salayacaz. kinci admda,idsi 1 olan metni veritabanndan ekiyor ve birsonraki admda &metin=.... fleklinde sayfaya yaz-dryor olacaz. Flash animasyonumuz bu sayfa- y yklediinde, metin deiflkeni ierisinde

H

ZMLER

Flash ve Formatl erikFlash ile dinamik ierikli web siteleri hazrlayabilirsiniz!

Kerem [email protected]

Windows &.NET Magazinein

katkda bulunan yazarlarndandr.

zmevi firmasnda e-business

zmleri yneticisi olarak

alflmaktadr.

Hazrlayacamz sistemingenel yaps...fiekil 1:

Grdnz gibi, veritaban yapsnolduka basit tuttuk...fiekil 2:

NOT:Bu makaleye ait kaynak

dosyalar, http://www.winnet-

mag.com.tr adresinden indire-

bilirsiniz.

flashhtml 11/7/05 6:30 PM Page 1


2/3

veritabanndan gelen ierii saklyorolacak.

Akfl mantmz kabaca tasarlad-mza gre, artk ASP.NET sayfamz ha-

zrlamaya bafllayabiliriz. ncekaynak.aspx dosyasna gz atalm...

kaynak

Sayfann zerindeki kayda deer teknesnenin lblMetin adl Label olduunadikkat edin. Kaynak kod ierisinde ya-pacamz fley, bu Labeln ieriini ve-ritabanndan gelecek olan metinledoldurmak olacak.

Haydi dolduralm o halde! Zira sra-da, kaynak.aspx.cs dosyas var...

// Nesnelerimizi tanmlayalm

OleDbConnection co;

DataTable dt;

OleDbDataAdapter da;

// Balanty aalmco = new OleDbConnection("Provider=Mic-

rosoft.Jet.OLEDB.4.0;Data Source=" + Ser-

ver.MapPath("kurum.mdb") + ";User

Id=;Password=;");

co.Open();

// Metinler tablosundan talep edilen met-

ni ekelim

da = new OleDbDataAdapter("SELECT *

FROM metinler WHERE id = " + Request.Qu-

eryString["id"].ToString(), co);

dt = new DataTable();

da.Fill(dt);

// ekilen metni sayfaya yazdralm

lblMetin.Text = "&metin=" +

dt.Rows[0]["metin"].ToString();

// Balanty kapatalm

co.Close();

Bu flekilde, ASP.NET sayfamz tamam-lamfl oluyoruz. Hazrladmz sayfaytest etmek istersek, taraycmzn adresksmna http://localhost/flashtml/kay-nak.aspx?id=1yazp retilen ktya gzatabiliriz.

Buradaki kt Flashin grntleye-cei kt ile birebir ayn olmasa da, afla- yukar neyle karfl karflyaolduumuza dair bir fikir verecektir.Bunun yan sra, sayfamzn doru al-flp alflmadn da elle bir kez test et-mifl oluyoruz.

Srada, Flash animasyonunu hazrla-ma ifli var.

Flash DosyasHazrlayacamz Flash dosyas da, ASP.NET sayfamz kadar basit olacak.

Flash animasyonumuzda bulunmasgereken en nemli e, bir TextAreanesnesidir. Bu nesneyi, Window / Com-ponents mensne tklayp ilgili pence-reyi atktan sonra srkle - brakyntemiyle animasyonunuza dahil ede-bilirsiniz.

Bu nesneye txtIcerik adn verelim.Bu ad Properties / Instance Name b-lmne yazmamz gerektiini herkesbiliyor, yle deil mi? Bunun yan sra,txtIcerik nesnesinin Parameters pence-resinde html = true deerini atama-mz gerekiyor.

Srada, ASP.NET sayfas ile balantkurup ilgili metni animasyonun iinearacak olan ActionScript kodunuyazma ifli var. nce koda ait akfl flema-sna bir gz atalm.

Akfl flemasn bir de Flashin bakflasndan grmek sanrm herkesi birazdaha rahatlatt, yle deil mi? fiimdi s-rada ActionScript kodlar var...

txtIcerik.setStyle("borderStyle", "none");

myQuest = new LoadVars();

myAnswer = new LoadVars();

myQuest.id = "1";

myAnswer.onLoad = function(success) {

if (!success) {

return;

}

txtIcerik.text = myAnswer.metin;

};

myQuest.sendAndLoad("kaynak.aspx",

myAnswer, "GET");

Bu kod ierisinde; nce metin kutu-

muzu formatlyoruz. Ardndan, kay-nak.aspx sayfasn aracak olanmyQuest nesnesini yaratp, sayfay a-rrken id=1 deerini gndermesinisalyoruz ki, kaynak.aspx ierisinde Re-quest.Querystring[id] komutu 1 dee-rini dndrsn. Ardndan sayfayaryor ve sayfadan dnen cevaptabulunan deiflkenleri myAnswer nesne-sine atyoruz. Son olarak, myAnswerierisinde saklanan metin deiflkeni-ne ait deeri metin kutusuna aktararak,Flashteki iflimizi tamamlyoruz.

Tecrbeli Flash programclar, Neden

basit bir Text Tool kullanmak yerine Tex-tArea bileflenini kullandn? diye merakediyor olabilir. Bunun tek sebebi, TextAre-a ierisindeki metin uzun geldii takdirdekaydrma ubuklarnn otomatik olarakgrntlenme zelliinden faydalanmakistemem. Bu flekilde, animasyonu, konuy-la dorudan ilgisi olmayan bir yn grafik-ten ve koddan kurtarmfl olduk.

HTML SayfasSon olarak, Flash animasyonunu barn-dracak olan index.html sayfasnn kod-larna gz atalm.

w w w . w i n n e t m a g . c o m . t r W i n d o w s & . N E T M a g a z i n e KA S I M 2 0 0 5 30

Flash ve Dinamik Web Sayfalar

ASP.NET sayfamznakfl mantfiekil 3:

Akfl flemamz bir de Flashinbakfl asndan izelimfiekil 7:

.aspx sayfamzn Flashe negndereceini nceden

grebiliriz.

fiekil 4:

Metin kutumuzun adn veHTML desteini Parameterssekmesinde atyoruz.

fiekil 5:



3/3

Siteyi sorunsuz

grntlemek iin Flash Player 8'i indirin.

Bu sayfann Flash animasyonunu ba-rndrmak dflnda pek fazla bir ifllevi ol-madndan, zerinde ok fazladurmuyorum.

Ve Gsteri ZamanHazrlklarmz tamamladmza gre,artk taraycmz ap index.html sayfa-sn arabilir ve Flash animasyonunu

grntleyebiliriz.

Nasl? Keyif verici, yle deil mi? Aznce veritabannda saklanan bir metniFlash animasyonumuza ektik ve for-matland haliyle grntledik. Kendi-

mizi tebrik edebiliriz!nsann neredeyse Flash artk HTML

grntleyebiliyor! diyesi geliyor...fiimdi gelin, Flash tarafndan destekle-nen Taglere ksaca bir gz atalm.

Desteklenen Tagler : Bir Web sayfasna balant yarat-mak iin kullanlan Tagdir.

href: Balant target: Balantnn alaca pencere

rnek: Keremin Websitesi

: Kelimeyi kaln harflerle yazmayayarar.rnek: Windows .NET Magazi-ne, sektrndeki nc dergilerdenbiridir.
: Satr atlamaya yarar.rnek: 1. satr
2. satr
3. satr :Yaz biimini belirleyen Tagdir.

color: Yaz rengi face: Yaz fontu size: Yaznn boyutu

rnek: Ben mavi bir Tahomametniyim. : Metin ierisine bir resim veyabir baflka Flash animasyonu dahil etme-ye yarar.

src: Resmin dosya ad

id: Eer resim yerine Flash animasyonu dahil ediyorsanz, animasyo-nun tanmlayc adn ifade eder.

width: Genifllik height: Ykseklik align: Hizalama hspace: Horizontal boflluk vspace: Vertikal boflluk

rnek: : Metni eri gstermeye yarar.rnek: Ben eri bir yazym.. : Maddeleme yapmaya yarar.rnek: Krmz Yeflil

Mavi

:Yeni bir paragraf amaya yarar.

align: Metnin hizas class: Biimlendirmede kullanlacak

CSS snfrnek:

Gn gneflli, in-sanlar nefleli, sen de gel oyna...
: CSS ile formatlanacak bir me-tin parasn belirler.
class: Biimlendirmede kullanlacakCSS snf

rnek: Ben zel bi-imli bir metinim. : Metinleri hizalamaya ya-

rar. Doru kullanlrsa, HTMLin Taginin temel ifllevlerini yerine getire-bilir.

blockindent: Bloun ne kadar ieri-den bafllayaca

indent: Paragrafn ilk satrnn ne ka-dar ieriden bafllayaca

leading: Satrlar aras boflluk leftmargin: Sol taraftaki boflluk rightmargin: Sa taraftaki boflluk tabstops: Her bir TAB karakterinden

sonra braklacak bofllukrnek: Ad\tSoyad\tYafl
Ke-

rem\tKseolu\t27
Azade\terke-zolu\26 : Metnin altn izmeye yarar.rnek: altn iziyorum ki; AydnEsen, gelmifl gemifl en byk m-zisyenlerden biridir.

fiimdi bu bilgiler dorultusunda, ma-kalenin baflnda veritabanna ekledii-miz metne tekrar gz atp, bunuFlashte retilen ktyla karfllafltrn. Veritabanndaki metni yukardakitagler ile biraz daha ssleyip ktnnnasl deifleceini inceleyerek, tagleridaha iyi anlayabilirsiniz.

Taglerin daha ayrntl aklamalariin, ek kaynaklarda belirtilen adresleregz atmanz tavsiye ederim.

SonuBu flekilde, Flash ierisine dinamik birflekilde ithal ettiiniz ieriin HTMLbenzeri komutlar yardmyla nasl for-matlanabileceini renmifl olduk. Butekniin gerek hayatta iflinize ok yara-yacan tahmin ediyorum. Karfllaflaca-nz bir projede Flash iinde formatlmetin gstermek durumunda kalrsa-nz, bu yntemi rahatlkla uygulayabilir-siniz. Tek yapmanz gereken fley; ierikyneticilerini, veritabanna ekleyecekle-ri metinleri Flashin anlayabilecei

taglerle formatlanmfl halde hazrlama-ya ikna etmek olacaktr.

Kendini bu konuda daha fazla gelifl-tirmek isteyenler, yola afladaki nokta-larn zerinde younlaflarak devamedebilir:

Text Toolun dinamik kullanm Flash ve CSS destei Tagine tklandnda, Flash ani-

masyonunun belli bir Framee atla-masn salamakBir baflka yazda grflnceye dek,

hofla kaln!

Ek Kaynaklar http://www.doublekey.org/mind/

flash_icinde_asp_kullanmak.pdf -->Bu dokman sayesinde, Flash ierisi-ne dinamik veri ekmenin temelleri-ni renebilirsiniz.

http://livedocs.macromedi-a.com/flash/8/main/00001457.html--> Flash 8 ve HTML destei konu-sunda resmi dokmantasyon

http://livedocs.macromedi-a.com/flash/8/main/00001444.html--> Flash ve CSS destei konusundaresmi dokmantasyon

W i n d o w s & . N E T M a g a z i n e KA S I M 2 0 0 5 w w w . w i n n e t m a g . c o m . t r30

Flash ve Dinamik Web Sayfalar

eriimiz hem dinamik, hemde formatl!fiekil 9:


Flash ve Formatlı İçerik

Documents

Transcript of Flash ve Formatlı İçerik