Web Tasarimi

1/18/06

7:54 PM

Page 230

230

GNCEL

KAPAK

DONANIM

YAZILIM

HI-TECH

INTERNET Web tasarm-3

PRATK

DZ GELECEK SAYILARDA
6 blmlk bu yeni yaz dizisi ile siz de web sitelerinizi profesyonelce tasarlayabilirsiniz. stelik saatlerce kod yazmakla uramadan.

Blm Blm Blm Blm Blm Blm

1: Pop-up men rehber: 2: Web galerler 3: Webquiz 4: RSS: Nedir, nasl kullanlr? 5: Video yayn 6: Yeni nesil bannerlar

WebQuiz: evrimii snav sayfalar

Web siteniz iin snav sayfalar hazrlayn

Hazrlam olduunuz web sitenizde, ziyaretileriniz iin sorular-cevaplar ve eitli bulmacalar ieren etkileimli sayfalar yaynlamak istiyor, ama ie nerden balayacanz bilemiyor musunuz? CHIP bu ay pratik ekilde nasl snav ve bulmaca sayfalar hazrlayabileceinizi adm adm anlatyor.

eb Tasarm balkl yaz dizimizin nc blmnde, web sayfamzda yaynlayabileceimiz snav ve bulmaca sayfalarnn eitli yardmc yazlmlarla nasl hazrlanabileceine deineceiz. Sitemizde bu tr quiz ve bulmaca sayfalarna yer vererek, ziyaretilerimizin, sunmu olduumuz bu etkileimli servislerden yararlanabilmesini salayabiliriz. eitli programlama dilleri yardmyla hazrlayabileceiniz test biimindeki soru cevap sayfalarn, bu i iin piyasaya srlm yardmc programlarla ok daha pratik bir ekilde oluturabiliyoruz. Yazlmlar bilgisayarmza ykledikten sonraki aamalarda sadece sorularmz ve bu sorularn cevaplarn belirleyerek adm adm ilemimizi tamamlyoruz. Snav sayfalarnda kullanabileceiniz sorular sadece oktan semeli deil, doru/yanl veya boluk doldurma gibi birok deiik biimde de hazrlanabiliyor. HTML biiminde hazrlanan bu sayfalar

kullandnz programn zelliklerine bal olarak, dilerseniz Flash olarak da tasarlanabilir. Yaz akmzda, hem HTML hem de Flash biiminde etkileimli snav sayfalarnn nasl oluturabileceini ve daha fazlasn bulacaksnz

WebQuiz XP ile pratik snav sayfalar

Dergimizle verilen eCHIP CDmizden kolayca bilgisayarnza ykleyebileceiniz WebQuiz XP (HeCHIP-Code Web tasarm), quiz sayfalar hazrlama konusunda baarl bir yazlm olarak gze arpyor. stediiniz ierie sahip test sayfalarn hazrlayabileceiniz program sisteminize kurup altrdnzda, ilk aamada yeni bir alma oluturmak istediinizi belirtiyorsunuz. Bu admdan sonra ekrana, srasyla takip edip quiz sayfalak rn oluturacanz drt aama gelecek.

CHIP | ARALIK 2005

Web Tasarimi

1/18/06

7:54 PM

Page 231

231

CHIP | ARALIK 2005

Web Tasarimi

1/18/06

7:54 PM

Page 232

232

GNCEL

KAPAK

DONANIM

YAZILIM

HI-TECH

INTERNET Web tasarm-3

PRATK

WebQuiz XP: Test sayfalar hazrlamak iin sadece drt admdan oluan ilemleri uygulamanz yeterli.

Boluk doldurma: Resmi gstereceiniz aktrn kim olduunu ziyaretilerinize sorabilirsiniz.

1. Quiz style
Hazrlayacanz snav sayfalarnn genel tm ayarlamalarn bu blm altnda yer alan alt adet sekme aracl ile yapyorsunuz. Program, kullancya o kadar geni zelletirme seenekleri sunuyor ki, planladnz zelliklere sahip sayfalar bir rpda hazrlayabiliyorsunuz. Test sayfasnda bulunmasn istediiniz soru adedi ve bu sorularn sral veya rasgele gsterilmesine karar verebileceiniz gibi, cevaplarn herhangi bir ezber sz konusu olmamas iin deiik sralamalarla kullancya yneltilmesini salayabilirsiniz. Sayfalara Timer yani zamanlayc dhil ederek, sorularn belirli bir sre zarfnda yantlanmasn isteyebilir, snav balangc ve sonrasnda ekranda grnmesini istediiniz mesajlar belirleyebilirsiniz.

3. Quiz preview
Bu blmn ilevi, hazrladnz sayfalarn nasl grndn test etmek ve almanz kaydetmeden nce pratik bir ekilde grntleyerek, uyguladnz deiikliklerin sayfa zerine etkisini grmenizi salamak.

4. Publish quiz
Bu aamada, hazrladmz snav sayfasnn, belirlediimiz klasr altna kaydedilmesini salayabiliyoruz. Dilerseniz programa entegre FTP zellii sayesinde, oluturulan web sayfalarnn dorudan internet zerine gnderilmesini salayabilirsiniz.

2. Add / edit questions

Snav sayfalarnda yer almasn istediiniz sorular girebileceiniz bu blmde ayrca sorularn biimini de belirleyebiliyorsunuz. Add dmesine basp yeni soru oluturabileceiniz pencereyi ekrana getirdiinizde Questions blmne sorunuzu girmeniz gerektii gibi, eer bu soruyu cevaplamak iin herhangi bir resim dosyasnn da sayfada grnmesi istiyorsanz onu da Related Picture alannda belirtmeniz gerekir. Ayn blmn en alt ksmndaki oktan semeli ve doru/yanl (Multiple choice, True / False) gibi toplam drt adet soru biimi seeneinden birini tercih ederek devam edin. Answer sekmesinde, soru biiminize bal olarak cevap seeneklerini belirleyip doru cevab iaretlemeniz ve devam etmeniz gerekiyor. Son sekme olan Optionsta ise snav puanlama sistemini dzenleyerek doru ve yanl cevaplanan veya bo braklan sorularda nasl bir puanlamaya yaplacan belirleyebiliyorsunuz.

Articulate Quizmaker: Flash quiz uzman

Soru ve cevap: nce soruyu girip daha sonra cevap seeneklerini belirtiyorsunuz.

Articulate Quizmaker yazlm, Flash biiminde quiz sayfalar hazrlamak isteyen kullanclarn, gerek kullanll, gerekse de kullanlabilecek soru-cevap tarzlarnn eitlilii ile ilk tercihi olabilecek zelliklere sahip. Yazlm, harika zelliklerle donatlm deiik stillerde almalar oluturabildii gibi, ayrntl zelletirme seenekleri ile almanza tam anlamyla hkmetmenizi ve kafanzda planladnz ekle oturtabilmenizi son derece kolay bir hale getiriyor. Deneme srmn http://www.articulate.com adresinden bilgisayarnza indirebileceiniz Articulate Quizmaker, kullanl arayz ile kullanclarnn oluturaca yeni almalarda zorlanmamasn salyor. Yazlm bilgisayarnza kurup altrdnzda Create a new Articulate Quizmaker Quiz seenei ile yeni bir snav almasna balamak iin ilk adm atyorsunuz. Daha sonra, oluturduunuz bu yeni almaya bir isim verip devam ettiinizde, artk sorularnz girip gerekli dzenlemeleri yapabileceiniz blm ekrana geliyor. Insert mens altnda yer alan eitli soru biimlerinin alma alanna nasl ekleneceini deneme yanlma yntemi ile zebiliyorsunuz. Semi olduunuz biime gre ekrana gelen pencerede sorunuzu ve cevaplar yazyorsunuz ve daha sonra hangi cevap doruysa iaretleyip onaylyorsunuz. Ayn pencerede bulunan Preview butonuna basarak almanzn bir nizlemesini grebilir ve buna gre dzenlemelerinizi tekrar gzden geirebilirsiniz. Flash tabanl almalar oluturan bu baarl yazlm, standart test sayfalarnda kullanlabilecek oktan semeli, do-

CHIP | ARALIK 2005

Web Tasarimi

1/18/06

7:54 PM

Page 233

233

Articulate Quizmaker: ok eitli biimlerde soru hazrlayabileceiniz baarl yazlm. Tpk tandmz dier yazlm gibi, nce kabul edilebilir yantlar girmenizi istiyor. Sadaki resimde Flash testin tamamlanm halini gryorsunuz.

ru/yanl veya boluk doldurma gibi biimlerin dnda ok daha deiik tarzda sorular barndran snavlar hazrlayabilmenize olanak salyor. rnein Add Survey Question blm altnda yer alan aralarla srkle-brak tarznda sorular hazrlayabiliyorsunuz. Yapacanz birka denemeyle bu men altnda yer alan btn seenekler hakknda rahatlkla fikir sahibi olabilirsiniz. Add Graded Questions altnda bulunan Hotspot arac, seeceiniz bir resim dosyas zerindeki belirli bir alan kullancya soru olarak ynetebilmenizi salyor. nce soruda grnmesini istediiniz resim dosyasn seiyorsunuz ve daha sonra bu resim dosyas zerindeki cevap alann, alan Hotspot Picker ekranndan belirleyip onaylyorsunuz. Bu aamadan sonra kullanc soruyu cevaplamak isteyince, dnd alan zerine fare imleci ile tklayarak oraya bir iaret brakyor. Eer bu iaret semi olduunuz alan kapsamnda ise kullanc soruyu doru cevaplam ve baarl saylyor.

Kayt aamas ve dier ayarlar

Arabirimin st ksmnda bulunan sahipQuiz Propertiessahip butonuna tklayarak bu blm ekrana getirdiinizde zerinde dzenlemeler yapabileceiniz be adet blm kyor karnza. sahipQuiz Infosahip sekmesi, almanza vereceiniz isim ve snav balang metni gibi genel ayarlamalarnz yapabileceiniz aralar barndryor. Bu blmde ayrca sahipTime Limitsahip seeneini etkinletirip sre belirleyebilir ve snavn belirli bir zaman dilimi iinde tamamlanmasn art koabilirsiniz. Bu srenin, dilerseniz ekranda kullancnn bilgisi dhilinde, dilerse-

Hotspot: Soruya eklediiniz resmin belirli blmn nceden seip, kullancya bu blm hakknda bir soru ynelterek bulmasn isteyebilirsiniz.

niz de gizli olarak yrmesini salayabiliyor olmanz da iyi dnlm. Quiz Settings tamamen sorularn cevaplanma aamasnda ekranda grnecek snav bilgilerinin dzenlenmesine ynelik. Articulate Quizmaker ile eklediiniz sorulara belirli puanlar atayabiliyorsunuz ve bu blmde daha nceden atadnz puan bilgileri ekranda grnp grnmeyeceini dzenleyebiliyorsunuz. Mesela 5. soru cevaplanrken ekrann bir kesinde 20 puan deerinde olduu gsterilebilir. Question Defaults sekmesinde ise, sorularda kullanlacak puanlama ile ilgili standart bir deer belirlemenizi salayan blmler yer alyor. Bu blmde belirleyeceiniz puan deeri, oluturduunuz tm sorulara standart olarak atanacaktr. Soru ekleme penceresinde zel veya zorluk derecesi yksek sorulara deiik puanlara atayabileceinizi de belirtmek isteriz. Program ngilizce olduundan cevap sonras ekrana gelen tepkiler de ilk aamada ngilizce olarak ekrana yansyor ama sahipQuestions Feedbacksahipde yer alan sahipCorrectsahip ve sahipIncorrectsahip yerine Doru ve Yanl yazarak bu tepkileri Trkeletirebilme ansna sahibiz. Son aama olan sahipResultssahip, snav sonu ekranndaki bilgilerin dzenlenmesine ynelik seenekleri kapsyor. Son ekranda nelerin grnp nelerin grnmeyeceine rahatlkla karar verebiliyorsunuz. Aynen bir nceki seenekte olduu gibi snavn puan durumuna bal olarak ekrana getirilen sonu metinlerini de yine buradan dilediiniz gibi Trkeletirebiliyorsunuz. Btn bu ilemlerden sonra snavnz hazr duruma getirerek arabirimin st ksmdan Publish dmesine tklayp, ncelikle almanz kaydetmeniz gerekiyor. Daha sonra ekrana gelen pencerede Web blmnden almamzn Flash biimindeki ktsn alabileceiz. Bu ekranda Properties blmnde bile, sayfalarmza sdramayacamz birok dzenlemeyi gerekletirebileceiniz menler bulunuyor. Bu detayl seeneklerle almamz tamamen kendi dilimize uygun bir hale getirebilir, belirleyeceimiz yeni renk tonlaryla grsel ynden zenginletirebiliriz. Alt ksmdaki Publish dmesine basn ve almanzn web zerinde yaynlayabileceiniz biimde kaydedilmesini salayn. Yardmc yazlmlar ile bu tr quiz sayfalarn hazrlamann gerekten ok pratik olduunu yazmzda beraberce grebildik. Dier alternatif yazlmlar eCHIP CDmize dhil ettiimizi de belirtmeden gemeyelim I
Uur Seven/Onur Seven, uguronur@chip.com.tr

CHIP | ARALIK 2005