Volkan Çelebi

Adobe CS6 Ankara Lansmanı İzlenimleri

2012-04-26T17:01:00.000+03:00

25 Nisan 2012 Çarşamba günü Ankara 'da düzenlenen Adobe CS6 lansmanına katılmanın mutluluğuyla izlenimlerimi paylaşmak istedim. Barış Özcan'ın etkili ve sıcak sunumundan aklımda kalanlar şunlardır:

- Bu kez ki Creative Suite üzerinde epey bir zaman harcandığı belli oluyordu. Özellikle Photoshop için çok fazla emek verilmiş, ellerine sağlık.

- Photoshop üzerinde mükemmel değişiklikler yapıldığı göze çarpıyor. Arka planda çalışan render motoru tamamıyla yenilenmiş. Render diye birşey kalmamış, eş zamanlı olarak direkt fotolar üzerinde çalışılıyor. Çok büyük resimleri dahi çok hızlı bir şekilde açabiliyor ve filtreleri hiç beklemeden uygulayabiliyor.

- Premiere gibi bir program varken Photoshop içerisine neden Timeline koyulduğu tartışılabilir. Artık PS ile videoları açabiliyoruz, kesip, biçebiliyoruz. Daha ilginci Photoshop filteleri video parçaları üzerine uygulanabiliyor.

- PS üzerinde göze çarpan bir diğer özellik Content Aware özelliği üzerine çalışılarak farklı araçlar türetilmiş. Köşelerden taşımalarda artık sorun olmayacak gibi görünüyor.

- TiltShift gibi hazır efekler eklenmiş, bu sayede bölgesel bulanıklaştırma yapılabiliyor.

- Flash beni hayal kırıklığına uğrattı. Elle tutulur gördüğüm tek değişiklik sınırlı da olsa HTML5 export yapılabilmesi. Daha çok mobil tarafı geliştirilmiş. Yapısal bir değişiklik yok gibi.

- Fireworks de aynı şekilde 1-2 araç eklenmiş, Özellikle çizilen nesnelerin CSS kodunun üretilmesi süper olmuş. Fazla bir değişiklik yok.

- After Effects üzerinde mühendislik çalışması yapılmış. Filmin içinde askıda duran yazılar vs eklenebiliyor.

- Edge yazılımı üzerinde çalışmalar devam ediyor. Animasyonları daha basit bir şekilde yapıp, HTML5+CSS3+ JQuery çıktısı alınabiliyor.

- Indesign için sırf tablet çalışması yapmışlar. Geleceğin kitap biçimine ayak uydurmuşa benziyor. IOS ve Android için bir çırpıda geliştirilebilen e-Pub üretmek artık çok kolay olacağa benziyor.

Özetle, bu seride Photoshop coşmuş gitmiş, diğer yazılımlara da bazı eklemeler yapılmış. Adobe geliştiricilerinin ellerine sağlık.

HTML5 Teknolojisi Nedir?

2012-01-20T16:50:00.004+02:00

İlk görüntülü video çalışmam, 3 arkadaş ve bir Video kamera ile yaptıklarımızı izlemeniz dileğiyle.... Video derslerimin devamını kursiyernet.meb.gov.tr de bulabilirsiniz.

HTML5 Teknolojisi nedir?

Apple iBooks 2 Textbook official Presentation

2012-01-20T13:29:00.001+02:00

Apple'ın bu ay başında duyurduğu medya etkinliği gerçekleşti. Daha önceden de beklendiği gibi etkinlikte geliştirilmiş iBooks ve eğitime katkı sağlayacak yeni sistem tanıtıldı.

Arka zemini kilitleyen pop-up açtırmak

2011-12-28T17:37:00.002+02:00

HTML içerisinde javascript fonksiyonlarından window.open("") komutu ile pop-up pencere açtırmak mümkündür. Bazı durumlarda kullanıcının pop-up açıldıktan sonra akada kalan sayfaya müdahale etmesini istemeyebiliriz. Bir resim yüklerken yada farklı ihtiyaçlar doğrultusunda önce pop-up pencerenin kapatılmasını ardından arkadaki sayfaların etkinleştirilmesi gerekebilir.

JavaScript fonksiyonlarından showModalDialog işimizi görecektir. Aşağıdaki fonksiyonu HTML sayfamıza script etiketleri arasına ekleyelim ve test edelim.

function PencereAc() {
window.showModalDialog('popup.htm','Dialogue','dialogHeight: 650px; dialogWidth: 900px; edge: Sunken; center: Yes; help: No; resizable: No; status: No;');
}

a href="#" onclick="PencereAc()"

popup.htm linkini, height ve width değerlerini değiştirebilirsiniz. Yeni tarayıcıların hemen hepsinde çalışmaktadır.

Geleceğe e-Posta Göndermek

2011-12-26T08:40:00.004+02:00

İlginç bir uygulama... Geleceğe örneğin 50 yıl sonrasına e-Posta atabileceğiniz bir site. e-Postayla birlikte kameradan yada bilgisayardan resim de yükleyebiliyorsunuz. e-Postayı gönderdiğiniz adrese bir onay postası geliyor. ePostanın ulaşabilmesi için bu onayı vermeniz gerekli. Uygulamanın IPhone sürümü de mevcut.

Siteye Git

--------------------

En sevdiğim Firefox Eklentileri

2011-07-19T15:56:00.003+03:00

Firefox fanatiği olarak bu tarayıcıda kullandığım ve zamanla unuttuğum eklentileri paylaşmak istedim.
Web Developer Eklentileri:

Web Developer: Bir web tasarımcı iseniz kaçırmamanız gereken en iyi web geliştirici eklentisi. Sayfalarda yer alan form bileşenlerinin neler taşıdığını bulun, şifreleri gösterin, CSS leri kapatın, Resimleri gizleyin, sayfanın ölçüsünü çıkarın, Tüm tablo ve DIV yapısını keşfedin, saymakla bitmeyecek diğer özelliklerini karıştırın...

Fire Bug: Namı-Diğer web böcüğü... Sayfaların CSS lerini kapatın açın, sayfa üzerinde gezerek yapıları çıkarın. CSS ve JS içine eklemeler yapın ve farklı sonuçları canlı izleyin. Sayfaya bağlı tüm JS, CSS, DOM, Flash elemanlarını bulun....

Pixel Perfect: FireBug a eklenen bu özellikle elemanların pixel ölçülerini keşfedin.

ColorZilla: Webin damlalığı, sayfa içindeki gördüğünüz herşeyin renk kodlarını bulun, hem Hexadecimal, hem RGB, hem CMYK kodlarını bir çırpıda kopyalayın....

Download Araçları:

Download Helper: En iyi download eklentisi, sayfada video, flash, resim ne varsa indirebiliyor. Sayfa içine gömülüp indirme linklerini sunuyor...

Embed Objects: Gömülü, indirilemeyen nesneleri indiriyorum. Örneğin bir flash yada mp3 dosyasını hızlı bir şekilde indirir.

Güvenlik:

AdBlockPlus: Firefox u sıfırdan kurduktan sonra ilk kuırduğum eklentidir. Sayfalardaki reklamları ve istenmeyen tüm nesneleri engeller. Kurun en ünlü bol reklamlı sayfaları daha rahat ziyaret edin. Olmazsa olmazım...

Devamı gelecek....

AS3- İçteki MC leri deaktif etme

2011-06-30T18:32:00.002+03:00

distakiMC.mouseChildren=false;

komutunu kullandığımızda sadece dışardaki MC nin fare olaylarına tepki verdiğini görebiliriz.

İçerdekilere hala diğer kodlarla ulaşabiliriz.

Daha uzun uzun yazmak niyetindeysek:

distakiMC.ictekiMC.mouseEnabled=false;
distakiMC.ictekiMC.ictekiTxt.mouseEnabled=false;

şeklinde devam edebiliriz. Üstteki daha tembel işi.

---------------

Flash Video Eğitimlerim KursiyerNET de

2010-12-10T08:27:00.004+02:00

Uzun zamandır bloğa yazamadığımın farkındayım ancak yeni çalışma ortamı ve yeni projelerle boğuşmak hayli vaktimi aldı. Bu aralar Flash Professional CS5 video eğitimlerini video ortamına aktarmaya başladım. Gerçekten meşakkatli bir işmiş doğrusu.

Hangi Programları Kullanıyorum?

Adobe Flash Professional CS5 programı üzerinde anlatıyorum.
İlk önce Word ortamında dersin senaryosunu hazırlıyorum. İşte en zor kısım burası. Eğitim içinde ne söyleceksem durak saniyeleriyle birlikte yazıyorum.
Bu arada Flash içinde kullanacağım çizimi yada resmi bulup ekliyorum. Burada da dikakt etmem gereken noktalar, çizimlerin free olması yani lisans hakları olmamaları, genel ahlaka ve anayasaya uygun olmaları, herhangi bir parti yada siyasi düşünceyi çağrıştıracak renklerde olmamasına özen gösteriyorum. Bedava vektör siteleri uğrak yerim oldu bu aralar :)

Senaryo ve video içinde kullanılacak çizim bittikten sonra, Adobe Soundbooth CS5 programıyla sessiz bir odada senaryoyu okuyarak kaydediyorum. Soundbooth yazılımında (bu arada program diyemediğimi farkettim, müdürüm inşaallah beni diksiyon kursuna gönderir) Stereo, 48000 Sample Rate değerleriyle sesimi wav olarak kaydediyorum. Soundbooth ayarlarını başka makalede ayrıntılı anlatırım. Seslerin gürültü temizliğini, patlama ve boğulma noktalarını temizledikten sonra tek tek sesi dinliyorum. Gerekli ekleme ve çıkarmaları yapıyorum.

Geldik son aşamaya... Camtasia Studio 7 programını açıyorum. 900 x 700 bir çözünürlük kullandım. Sesleri kaydetmeden Camtasia (okunuşu kamtejya imiş) ile video çekimini gerçekleştiriyorum. Bu arada kulağım hazırlamış olduğum seste. İşlemi bitirince Camtasia içine kaydetmiş olduğum sesi de ekliyorum. Başlıyorum senkronlama işine... Camtasia ayarlarını ve püflerini de sonra anlatırım...

Son olarak WMV formatında export ediyorum. Kullandığımız codec en iyi bu formatta çalıştığı için buna export ediyorum, sizler FLV yada diğer video formatlarına da export edebilirsiniz.

Çalışmalarımı http://kursiyernet.meb.gov.tr sitesinde Flash dersleri altından takip edebilirsiniz.

HTML dosyadan SWF deki Fonksiyonu tetiklemek

2010-10-23T13:25:00.003+03:00

HTML dosyasındaki JavaScript komutuyla SWF içindeki bir fonksiyonu tetiklemek:

HTML tarafında;

a href="#" onclick="document.getElementById('SWF_Ismi').tiklama()"
/a

AS3 tarafında;

import flash.external.ExternalInterface;

ExternalInterface.addCallback('tiklama', function () {

//tetiklenecek işlemler

});

AS3 - Başka bir adresten XML yükleme

2010-07-30T09:07:00.002+03:00

Başka bir domain adresinden XML yüklerken;

var xmlLoader:URLLoader  = new  URLLoader();
var xmlData:XML = new XML();

xmlLoader.addEventListener(Event.COMPLETE, LoadXML);

xmlLoader.load(new URLRequest("http://www.yuklenensiteadresi.com/ornek.xml"));

function LoadXML(e:Event):void {

xmlData = new XML(e.target.data);
trace(xmlData);

}

HTML - Sayfa açılınca otomatik yönlendirme

2010-07-30T09:00:00.002+03:00

Bir web adresine domain değiştirmeden başka bir web adresini otomatik açtıran Java Script Kodu:

<script type="text/javascript">
<!--
function MM_goToURL() { //v3.0
 var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
 for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
//-->
</script>
</head>

<body onload="MM_goToURL('parent','http://www.yonlendirileceksiteadresi.com');return document.MM_returnValue">

AS3 - Dinamik Text in ilk harfini renklendirmek

2010-05-22T09:04:00.006+03:00

İhtiyaç doğrultusunda dinamik bir metni DinamikText e yazdırırken ilk harfinin büyük ve kırmızı renkli olmasını sağlamaya çalıştım.

Ufak bir dizi oyunuyla sanırım başardım. Burada manuel gönderiyorum String veriyi. Aslında bir dizi içersinden çekilen rasgele verilerden oluşan bir uygulama da karşıma çıktı.

function buyut (bul:String)
{
var dizi:Array = [];
for (var i:uint=0; i<bul.length; i++)
{
   var harf:String = bul.charAt(i);
   if (harf != " ")
   {
       dizi.push (harf);
   }
}
dizi[0]=dizi[0].toUpperCase();
aTxt.htmlText =  "<b><font color='#FF0000'>" + dizi[0] + "</b></font>"+dizi[1];
for (var fg:uint=2;fg<dizi.length;fg++)
{
aTxt.appendText(dizi[fg]);
}
dizi=[];
}

buyut ("volkan");

SWF Dosyası

Flex - ComboBox dan bilgi almak

2010-05-14T18:01:00.004+03:00

Combobox içerisine ArrayCollection kullanarak object ile verileri girmek
Combobox ın durumlarına göre iletileri almak
Combobox dan seçilenin numarasını ve text bilgisini almak

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="773" height="434">
  <mx:ComboBox x="378" y="241" width="262" height="30"
       labelField="ad"
       open="Acildi(event)"
       close="Acildi(event)"
       change="Degisti(event)">
      <mx:ArrayCollection>
          <mx:Object ad="volkan" soyad="çelebi"/>
          <mx:Object ad="Tülay" soyad="çelebi"/>
          <mx:Object ad="Behiç" soyad="çelebi"/>
          <mx:Object ad="Yılmaz" soyad="Demir"/>
      </mx:ArrayCollection>
  </mx:ComboBox>
  <mx:Script>
      <![CDATA[
          import mx.events.DropdownEvent;
          private function Acildi(evt:DropdownEvent):void
          {
              lbl.text="Durum: "+evt.type;  
          }
          private function Degisti(evt:Event):void
          {
              lbl2.text=evt.currentTarget.selectedIndex + evt.currentTarget.selectedItem.ad + evt.currentTarget.selectedItem.soyad;
          }
      ]]>
  </mx:Script>
  <mx:Label x="161" y="325" text="Label" fontSize="25" id="lbl"/>
  <mx:Label x="390" y="341" text="Label" fontSize="25" id="lbl2"/>
</mx:Application>

Flex - Alert den dönen değerlere göre işlem

2010-05-14T17:34:00.002+03:00

Alert ile çıkan pencerenin boyutunun ayarlanması
Alert ile OK, Cancel vb düğmelerin eklenmesi
Alert sonucunda basılan tuşa göre işlem yapılması

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="773" height="434">
<mx:Script>
<![CDATA[
    import mx.events.CloseEvent;
    import mx.controls.Alert;
    private var alarm:Alert;
    private function Msj():void
    {
        alarm =Alert.show("Merhaba, Kullanıcı","Mesaj",Alert.OK | Alert.CANCEL,
        null,Kapanis);
        alarm.width=300;
        alarm.height=300;
    }
    private function Kapanis(evt:CloseEvent):void
    {
        if(evt.detail == Alert.OK)
        {
            btn.label="OK butonuna bastınız."
        }
        else
        {
            btn.label="Cancel butonuna bastınız."
        }
    }
]]>
</mx:Script>
<mx:Button x="336" y="223" label="Button" click="Msj()" id="btn"/>
</mx:Application>

IV. BÖTE Kurultayından İzlenimler

2010-05-10T08:25:00.002+03:00

Bu yıl dördüncüsü ODTÜ'de düzenlenen Bilgisayar ve Öğretim Teknolojileri Öğrenci Kurultayına katıldım. MEB Eğitim Teknolojileri Genel Müdürülüğü olarak örnek öğrenme nesnelerinin ve diğer çalışmalarımızın sunumunda yer aldım.

Cumartesi işlerin yoğunluğundan dolayı ancak Pazar katılabildiğim kurultayda çok fazla bir katılım göremedim. Ancak bölümün ilk mezunlarından olarak gelişmeleri yerinde izleme olanağım oldu. Sunuma katılan sayısı çok azdı. BÖTE öğrencilerinin sektördeki en büyük işverenlerine karşı ilgisizliği biraz manidar oldu aslında.

MEB olarak öğrenme nesnesi standartlarımızdan, akıllı e-kitap projelerimizden, geleceğe dair planlarımızdan, MEB in bu konuda kat ettiği mesafeleden, eğitim portalımızdan bahsettim. Katılım az olsa da geri dönüşler bizim açımızdan iyi oldu denilebilir.

Edindiğim bilgiye göre Türkiye'de tam 78 üniversitede Bilgisayar ve Öğretim Teknolojileri bölümü kurulmuş. Bu kadar yüksek sayıda BÖTE ni açılması ileride Bilişim Teknolojileri Öğretmenlerinin sayısında patlama oluşturacağı aşikar. Bu konuda öğrencilerin de serzenişleri oldu. Bu öğretmen adaylarının hepsinin MEB tarafından istihdam edilmesi tabiki imkansız. Hayırlısı diyelim.

Sunum boyunca BÖTE öğrencilerine bir programlama dilinde çok iyi olmalarını, diğerlerinden ihitiyaçlarını görecekleri kadar haberdar olmaları gerektiğinden bahsettik. Şimdilik kullandığımız teknolojinin Flash ve ActionScript 3.0 olduğunu, gelişen Web Tabanlı dillere hızlıca uyum sağladığımızdan bahsettik. Umarım vizyon oluşturmalarında yararlı olmuştur. Bu arada 78 üniversite BÖTE olmasına rağmen kurultayda standatları olan 10 üniversiteyi geçmiyordu, bunun yorumu da BÖTE başkanlarına ait.

FootGaming - Oyun Tabanlı Öğrenmede Yeni Bir Yaklaşım

2010-05-08T08:35:00.010+03:00

Oyun Tabanlı Öğrenme popülerliğini artırdıkça bu kavrama dayalı oyunlar artış gösteriyor. Bunun yanında donanım üreticileride yeni fikirler bulmaya devam ediyor. Çok beğendiğim bir oyun aracını sizlerle paylaşmak istedim.

Ailelerin bilgisayar oyunlarına bakış açıları ne kadar değişse de çocukların bilgisayar başında uzun süre hareketsiz oturmasından hep yakınmaktalar. Bu donanımı görünce tüm düşünceleriniz değişecek.

Foot Gaming, aslında ismini de üretilen donanımdan almış. İşin özü aslında basit, Fareyi Ayaklarınızla kullanmak! Çılgınca geliyor demi! Evet yapmışlar, fareyi ayaklarımızla çalıştırabilecek donanımda yapmışlar :)

Örnek Oyun Videosu:

Şimdi burada bizim işimiz eğitim boyutuyla ilgilenmek olmalı tabi. Oyuncuların yoğun hareket ederek kullandıkları bu donanım bir çeşit fitness aleti vazifesini de görüyor. Bununla birlikte sitesinde bu cihazla eğlenceli bir şekilde oynanacak oyunlar da paylaşılıyor. Aslında her oyun oynanabilir ancak bazı oyunlar daha zevkli bir hal alıyor. Bu aşamada eğitimde nasıl kullanıldığına bir göz atalım.

Öğretmen ve Öğrencilerin görüşleri:

Eğitim sektöründe bu donanımla eğlenceli kılınabilecek eğitsel oyunlar üretmek hiç de zor değil. Flash programının yetenekleri ile mükemmel oyunlar çıkarılabiliyor.
http://www.footgaming.com/School/ExerLearning/
linkinde okulda nasıl kullanılacağına dair bilgiler yer alıyor.

http://www.footgaming.com/.docs/pg/10873
linkinde örnek ders planları yer alıyor. Yani FootGaming i derste nasıl kullanabileceğinize dair bir sürü örnek içeriyor.

Fiyatı biraz tuzlu olsa da (basit modeli: 179 Dolar, Zor platform: 379.99 Dolar) okullarda kullanılabilecek bir alternatif olarak görülebilir. Ayrıntılı bilgi için:

www.footgaming.com

Flash CS5 ile Text Acordion

2010-05-07T09:57:00.004+03:00

Adobe CS5 serisini çıkarır da biz dururmuyuz. Hemen araştırmalara girişip Flash CS5 ile yazılmış bir uygulamayı paylaşayım dedim. Text Acordion, Flash Player 10 ile rahatlıkla çalışmakta ancak FLA dosyasını sadece CS5 veriyon ve çıkarsa ileriki versiyonlarda açabilirsiniz.

import com.flashandmath.dg.text.TextAccordion;
import flash.display.Shape;

var accordion1:TextAccordion;
var accordion2:TextAccordion;

var textMarkup1:String = "<html>" +
         "<p>" +
             "The text here is created inside of ActionScript.  " +
             "It is an example of the new TLF text in Flash.  " +
             "The text is automatically being broken up into pieces, " +
             "displayed over separate sprite containers, but still considered as one " +
             "whole body of text.  The effect of unfolding after a mouse click is " +
             "handled by a tween.  We use a trick so that one tween controls the " +
             "motion of all of these container sprites.  The tween changes a single parameter " +
             "value, and all sprites are positioned using this parameter." +
         "</p>" +
     "</html>";

var textMarkup2:String = "<html>" +
         "<p>" +
             "The text used in this example is typed in " +
             "standard html format, but the Flash TLF Text converter can also import plain text " +
             "or text written in the Adobe Text Layout format.  " +
             "Since this is html text, we can " +
             "easily insert <a href='http://www.flashandmath.com'>links</a>." +
         "</p>" +
     "</html>";

///////////

init();

///////////


function init():void {
 accordion1 = new TextAccordion();
 accordion2 = new TextAccordion();

 //It is very important that the accordion be added to the display list BEFORE importing text.
 this.addChild(accordion1);
 this.addChild(accordion2);

 accordion1.x = 125;
 accordion1.y = 45;
 accordion1.yRotationStart = -30;
 accordion1.yRotationEnd = -30;
 accordion1.fontSize = 15;
 accordion1.lineHeight = 30;

 accordion2.x = 380;
 accordion2.y = 45;
 accordion2.paperColor = 0x97BC71;
 accordion2.textPixelWidth = 240;
 accordion2.yRotationStart = 27;
 accordion2.yRotationEnd = 27;
 accordion2.z = accordion2.textPixelWidth*Math.sin(Math.PI/180*accordion2.yRotationStart);
 accordion2.fontSize = 14;
 accordion2.lineHeight = 34;
 accordion2.tweenDurationDown = 20;
 accordion2.tweenDurationUp = 15;
 accordion2.cosineEnd = 1;
      
 accordion1.markupType = "html";
 accordion1.importText(textMarkup1);
 accordion2.markupType = "html";
 accordion2.importText(textMarkup2);
}

Çalışmayı görüntülemek için tıklayınız.

Proje dosyalarını ve Class ı indirmek için tıklayınız.

Çocuklarımıza Uygun Siteler

2010-05-01T22:00:00.006+03:00

Evlerin internetle tanışma sayıları arttıkça çocuklarımıza uygun site arayışları artmaktadır. Tavsiye olarak çocuklarınızı Google arama motorunda buldukları her türlü site ile yanlız bırakmamak olduğu belirtilir. O zaman onlara uygun sitelere yönlendirmemiz gerekiyor. ShiftDelete sitesini incelerken çocuklara uygun içerikli sitelerin listesini gördüm ve paylaşmak istedim. Kaynağa birkaç da benim eklemelerim oldu. Umarım faydalanırsınız.

www.egitim.gov.tr
Okul Öncesinden, İlköğretime, Ortaöğretimden Mesleki Eğitime kadar geniş bir yelpazede Öğrenme Nesneleri ile donatılmış Millî Eğitim Bakanlığı'nın resmi eğitim portalıdır. Bu sitede öğrenciler kendi seviyelerine uygun animasyon, simulasyon, sunu, çalışma kağıdı ve daha birçok içeriğe ulaşmaktadır. Dİğer sitelerden farklı olarak derslere destek nitelikte eğlenceli içeriklere ulaşabilirsiniz.

www.kulturcocuk.gov.tr
Kültür Bakanlığı, çocukları daha doğru eğitmek için internetin nimetlerinden faydalanmaya başladı. Bakanlığın çocuk kulübünde, minik ziyaretçileri eğlendirecek ve eğitecek özel içerikler bulunuyor. Basit oyuncaklar, atlas oyunu, tarihi bilgiler gibi özel bölümlere site üzerinden ulaşmak mümkün.

www.sihirliada.com
Site, sadece çocuklara özel içerikler geliştiren bir adres. Ancak sayfanın tüm özelliklerine ulaşmak için mutlaka üye olunması gerekiyor. Çocuklara İngilizce eğitimi de veren bu sitede, çizgi romanlar, masallar ve oyunlar da bulunuyor.

www.nationalgeographic.com.tr/ngkids/index.htm
National Geographic adı bilimle uğraşan herkes tarafından bilinir. Dünyanın en eski bilimsel makale dergilerinden biri olan National Geographic magazin, son yıllarda çocuklara yönelik özel bir dergide çıkartıyordu. Ödüllü belgesellerin bu ünlü kanalı, sitesinde çocuklara bilimsel bilgiler verirken içeriğini dergiyle paralel de tutuyor. Örneğin, dergideki hayvanlar hakkında daha fazla bilgi ve fotoğraflara buradan ulaşmak mümkün.

www.biltek.tubitak.gov.tr/cocuk/
Ağaç yaşken eğilir sözü insanlar için daha da geçerli. Bilimsel gerçekleri öğrenen çocuklar gelişim konusunda hayata 1-0 galip başlıyor.TÜBİTAK'ın özel olarak hazırladığı bu sitede çocuklara bilim aşkı aşılamak için hazırlanmış makalelerle karşılaşıyorsunuz. Sitede ayrıca, çocukların kendi aralarında yapabilecekleri güvenli deneylere de ulaşmak mümkün.

www.benimoyunlarim.com
Çocuklar internette en çok Flash animasyonla yapılmış oyunlara göz atıyor. Benimoyunlarim.com adlı sitede, internetin ufak sakinlerine uygun oyunlara yer vermiş.Flash'la hazırlanmış bu yapımlar, macera, yarış, spor gibi bölümlere ayrılmış.

www.ttcocuk.com
İnternetin en kapsamlı çocuk sitelerinden biride TTNET'e ait. Firma, ufak ziyaretçilerine özel olarak hazırladığı bu site için yüklü bir yatırımda yaptı. Sitede, çocuklar için eğitici bilgiler, tarihi dersler gibi bölümler bulunuyor.Bunun dışında, ufak ziyaretçilerin yaratıcılıklarını geliştirecek bölümlerde siteye eklenmiş. Örümcek Adam ve Demir Adam gibi ünlü süper kahramanlarla ilgili içeriklerde bu adreste bulunuyor.

www.cocukca.com
Birçok başarılı sanatçının çocukluğundan beri bu dalla ilgilendiği bilinir. Bir çocuğu sanata yönlendirmek aslında ona yapılabilecek en büyük iyiliklerden biri. Cocukca.com'da ziyaretçilerine bu konuda yardım etmeye çalışıyor. Çocukların yaratıcılıklarına yönelen flash oyunlar dışında sitede, minik sanatçı adaylarının yaptığı eserlere de yer veriliyor.

www.atlikarincam.com
Bu site tasarım olarak çocukların gözünden çıkmış gibi görünüyor. Renkli bir sayfa yapısına sahip, Atlikarincam.com internetin minik ziyaretçileri için farklı içeriklere sahip. Flash oyunlar, masallar, komik filmler ve eğitici oyunlar sitenin içerdiği sayfalardan bazılarını oluşturuyor.

Kaynak: http://shiftdelete.net/haftanin-web-siteleri-cocuk-ozel-20261.html

Flex Debug versiyonu Google Chrome da Çalıştırmak

2010-04-22T09:39:00.004+03:00

Flex in Debug versiyonunu Google Chrome tarayıcısında çalıştırmakta zorluk çekenler için;

Aşamaları sırasıyla takip ediniz.

1. Flash Player Firefox Debug versiyonu indirip kurunuz

http://www.adobe.com/support/flashplayer/downloads.html

2. Windows XP de bu klasör yolunu bulunuz

C:\WINDOWS\system32\Macromed\Flash

3. İçerisinde yer alan aşağıdaki dosyaları kopyalayınız

NPSWF32.dll (Version : 10.0.45.2)

flashplayer.xpt

4. Şu konuma yapıştırınız

C:\Documents and Settings\{sistem kullanıcı adı}\Application Data\Mozilla\Plugins

Flex Builder İçerisinde:

1. Şu klasör yolunu açınız

Window -> Preferences -> General -> Web Browser

2. Yeni bir web browser ekleyiniz

İsim :::Chrome
Konum :::C:\Documents and Settings\{sistem kullanıcı adı}\Local Settings\Application Data\Google\Chrome\Application\chrome.exe
Parametreler :::-sandbox

3. OK e tıklayın

Artık Google Chrome içinde kullanmaya hazır.

KONTROL İÇİN:

1. Browser içindeki Flash Player versiyonunuzu kontrol ediniz.

http://www.adobe.com/software/flash/about/

2. Veriyon, mozilla/plugins klasörüne yapıştırdığımız DLL versiyon ile aynı olmak zorundadır. NPSWF32.dll

Anlat Okulunu

2010-04-09T11:42:00.005+03:00

İlköğretim öğrencileri hayallerini yaptıkları web siteleriyle anlatıyorlar. Okumak istedikleri okulları yaratıcı zekalarıyla harmanlayıp geleceğe koşuyorlar.

Bu sene üçüncüsü düzenlenen Anlat Okulu web site yarışması tüm Türkiye'den ilköğretim öğrecilerini davet ediyor. Yarışma küçük bedenlerin hayallerini günümüzün ve geleceğin teknolojileri ile birleştirdiğinde ne kadar büyük olduğunu göstermeyi hedefliyor. Yarışma ilköğretim ve yatılı ilköğretim bölge okulları olmak üzere iki kategoride yapılarak YİBOlara da el uzatmayı unutmuyor. Yarışmak, hayallerini tüm dünyaya gösterebilmek, onlara anlatabileceğin çok şeyinin olduğunu düşünüyorsan ANLAT OKULUNU Web Site Yarışması seni bekliyor. Bilişimin Işığında Hayallerini Aydınlat...

www.anlatokulunu.com

Paper Craft

2010-04-03T09:17:00.003+03:00

Eskiden gazeteler kes yapıştır ile ev, otomobil hayva vs kartonları verirlerdi. Sevinçle bunları alır bütün gün uğraşarak bir araya getirmeye uğraşırdık. Çocuklar için (kendini çocuk hissedenlerde dahil) kesip yapıştırarak çeşitli karakterleri sağolsun Canon kendi sitesinde toplamış. Benim çok hoşuma gitti. Sizlerde indirip deneyebilirsiniz.

http://cp.c-ij.com/en/contents/1006/

MAC OS QuickLook Plugins List

2010-04-03T08:25:00.002+03:00

MAC OS un QuickLook özelliği bana göre diğer işletim sistemlerinin taklit edemeyeceği kadar güzel bir bileşen. Örneğin bir word (doc) dosyasını, bir PDF i, bir HTML i, hatta filmleri müzikleri sadece SpaceBar tuşuyla görüntüleyebilir hatta oynatabilirsiniz. İlgili program kurulu olmasa bile!

Ancak bazı dosya uzantılarının görüntüleyemiyor, bu da normal, dünyadaki tüm uzantıları görüntülemesi zaten imkansız. Örneğin CHM, ZIP gibi dosyaları benim gibi yoğun kullanıyorsanız öngörüntülemek isteyebilirsiniz. Burada imdadımıza 2. parti bileşenlerin yer aldığı QuickLook Plugins List sitesi koşuyor.

www.quicklookplugins.com

Sitede tabiki her uzantıya ait bir list bulamayabilirsiniz ancak MAC OS quicklook yapamadığı ancak popüler dosya uzantılarının bir çoğunu bulmak mümkün. Bazı bileşenler uygulama olarak makineye kurulurken, bazıları Terminal penceresinden ayar yapmanızı gerektirebiliyor. Güle güle kullanın.

MAC OS için Ezan Programı

2010-04-03T08:04:00.003+03:00

MAC OS işletim sistemi kullananlar için ezan programı, ücretsiz, ünlü seslerin (Yusuf İslam gibi) okudukları ezanlar ile hoş bir program.

Programı indirmek için tıklayınız.

Programı kurduktan sonra, City, zip kodu olan yere yaşadığınız yerin adını yazın, genellikle ezan vakitlerini tutturuyor ancak siz yine de www.diyanet.gov.tr ye girerek ezan saatlerini kontrol ediniz. Preferences -- Advanced bölümünde artı(+) eksi (-) dakikalar girerek bulunduğunuz yere göre tam uyumlu çalışmasını sağlayabilirsiniz.

Flex - ViewStack

2010-03-23T13:25:00.001+02:00

SWF Dosyası

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical"
    backgroundColor="#EEEEEE">
    
    <mx:Style>
        VBox {
            borderColor: #000000;
            borderStyle: outset;
            borderThickness: 2;        
        }
    </mx:Style>
    <mx:TabBar dataProvider="{menu}"/>
    <mx:ViewStack id="menu">
    <mx:VBox id="kirmizi" width="200" label="Kırımızı" height="150" backgroundColor="#FF0000"/>
    <mx:VBox id="yesil" width="200"  label="Yeşil" height="150" backgroundColor="#00FF00"/>
    <mx:VBox  id="mavi" width="200"  label="Mavi" height="150" backgroundColor="#0000FF"/>    
    </mx:ViewStack>
    
    <mx:LinkBar dataProvider="{menu}"/>
    <mx:ButtonBar dataProvider="{menu}"/>
    <mx:ToggleButtonBar dataProvider="{menu}"/>
    
    <mx:HBox>    
    <mx:LinkBar dataProvider="{menu2}" direction="vertical"/>
    <mx:ViewStack id="menu2">
    <mx:VBox id="kirmizi2" width="200" label="Kırımızı" height="150" backgroundColor="#FF0000"/>
    <mx:VBox id="yesil2" width="200"  label="Yeşil" height="150" backgroundColor="#00FF00"/>
    <mx:VBox  id="mavi2" width="200"  label="Mavi" height="150" backgroundColor="#0000FF"/>    
    </mx:ViewStack>
    </mx:HBox>
    
    
</mx:Application>

Flex - Dahili CSS Teknikleri

2010-03-23T10:09:00.001+02:00

Dahili CSS oluşturma
Tag için CSS oluşturma
Özelleştirilmiş CSS
global CSS
oluşturulan CSS leri kullanma

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
    <mx:Style>
    Application{
            background-color:#EEEEEE;
    
    }
        Label {
            font-size:24;
            font-weight:bold;
            text-decoration:underline;
            color:#000000;
        }    
        .kirmizi{
            color:#FF0000;
        }    
        global{
            font-family:"Helvetica","Arial","_sans";
        }
    </mx:Style>
    <mx:Label text="Hello World"/>
    <mx:Label text="Hello World"/>
    <mx:Label text="Hello World" styleName="kirmizi"/>
    <mx:Label text="Hello World"/>
    <mx:Text text="Bu bir css yazısı"/>
</mx:Application>