21. yüzyıl becerilerinden birisi: kod okuryazarlığı

Bilişim dünyasında çalışan insanların, uzmanlık alanı ya da mesleği ne olursa olsun bir yazılım geliştiren ya da kodlama yapanların daha başarılı olduğu yönünde bir tez var. Bundan hareketle daha çocuk yaşta temel eğitimleri alırken bir de kodlama öğretilmesini destekleyen birçok proje mevcut.

Küçük yaşlarda başlatılan kodlama etkinlikleri çocukların algoritmik düşünme becerileri üzerine uygulamalar yaparak neden-sonuç ilişkleri kurarak problem çözme becerilerini geliştirilmesi sağlanıyor.

«Birçok insana göre, dijital devrim henüz başlamadı bile! Önümüzdeki 10 yılda büyük değişikliklere şahit olacağız. Herkesin kodlamayı öğrenmesinde fayda var.»
Eric Schmidt

Kod okuryazarlığının gelişmesi kapsamında Amerika’da başlatılmış ve sonra yaygınlaşmış en popüler projelerden birisi CodeDojo. 19 yaşındaki James Whelton ve Bill Liao’nun ortaya attığı CoderDojo’da, 7-18 yaş arası çocukların temel düzeyde HTML, CSS, JavaScript, PHP gibi teknolojiler öğretiliyor.

Bu konuda ülkemizde de bir şeylerin yapılıyor olması güzel. Ülkemizde ilk defa Beyoğlu Belediyesi tarafından başlatılan kod okuryazarlığı eğitimleri ile çocuklar sadece oyun oynamayı değil, oyun yapmayı da öğreniyor.

Çocuk ve gençlerin kendi başlarına veya tüm dünyadan arkadaşlarıyla birlikle etkileşimli hikayeler, oyunlar ve çizgi filmler programlayabilecekleri bir programlama dili ve online topluluk olan Scratch, MIT Media Laboratuvarlar’ının National Science Foundation desteği ile çocuklar için geliştirdiği bir programlama dili. Amaçları ise, 8 – 16 yaş arası çocukları/gençleri bilgisayar bilimleri için heveslendirmekmiş. Aşağıda tanıtım videosunu bulabilirsiniz. Video İngilizce ama sitenin Türkçe desteğinin olduğunu belirtelim.

Daha küçük yaştaki çocuklar için de bir proje geliştirmişler. İsmi ScratchJr. Detaylı bilgiyi ve programın kullanımını hakkında ipuçlarını web sitesinde bulabilirsiniz. iPad uygulamasını ise bu linkten indirebilirsiniz.

Bunlar gibi daha birçok sosyal sorumluluk, eğitim programı mevcut. Birkaç aramayla çok daha fazla oluşuma ulaşılabilir.

Kaynaklar:
  • http://webrazzi.com/2014/08/08/scratchjr-cocuklara-programlama-ipad-uygulamasi/
  • http://univera-ng.blogspot.com.tr/2013/03/kod-okuryazarlg-kavram.html
  • http://www.egitimdeteknoloji.com/21yuzyil-becerileri-kod-okur-yazarligi-ve-fll/
  • http://www.bthaber.com/devletin-basi-kod-yazdi

Mobil tarayıcılarda sorunsuz web siteleri

Birçok web sitesi var ve halen de birçokları yapılmaya devam ediyor. Ancak mobil dünya ya da mobil yaşam dediğimizde bir şeyler eksik olmuyor mu? Evet oluyor.. Web sitelerinin mobil cihazlar için uyarlanmış halleri…

Birçok gazete ve dergide ilanlara bakıyoruz, hepsinde ‘ayrıntılı bilgiyi web sitemizde bulabilirsiniz’ demesine rağmen cep telefonunuzdan bağlandığınızda aradığınız bilgiyi bulamıyorsunuz çünkü web sitelerinin mobil sürümlerine gereken özen gösterilmiyor.

Tabletler büyük ekranlarından dolayı paçayı bu işten bir parça sıyırıyor ancak akıllı telefonlar için optimize edilmemiş tıka basa multimedya dolu web sitesini görmek tam bir işkence halini alabiliyor.

Bu aşamada webmaster’ların işine yarayacak harika bir çözümden bahsedeceğim.  Siteyi hazırlarken aynı zamanda mobil sürümde sitenin nasıl görünebileceğini gösteren bir araçla tanıştırmak istiyorum sizleri…

Fotoğraf David Pett.. https://twitter.com/#!/pettpett/status/177467676980019201/photo/1

Adobe bu duruma ilaç olacak bir araç kullanıcılarına duyurdu. Henüz ‘laboratuvarda’ test aşamasında olan ama dileyen kullanıcıların test edebileceği uygulamanın ismi “Adobe Shadow“. Yaptığı iş ise bilgisayarınızdaki tarayıcınızda görüntülediğiniz siteyi mobil cihazınızda da o tarayıcıya uygun olarak görünteyebilmesi. Durum şöyle:

1. Önce uygulamayı (Mac ya da PC sürümleri mevcut) bilgisayarınıza indirin ve yükleyin, ücretsizdir.

2. Sonra mobil cihazınıza ilgili uygulamayı yükleyin ki bunlar da ücretsiz. (iOS ya da Android)

3. Bir de Chrome eklentisi mevcut. (Yükleyin)

Önce bilgisayarınızdaki uygulamayı çalıştırın. Sonra mobil cihazınızdaki uygulamayı çalıştırarak birbirlerini tanımasını sağlıyorsunuz. Bunu da Chrome eklentisi ile yapıyorsunuz. Tanıma işlemi sonrasında tarayıcınızda açtığınız web sitesinin vars mobil hali, yoksa kendisinin mobil cihazınıza anın geldiğini göreceksiniz. Üstelik bunun için bir refresh ya da bir yere tıklama yapmak zorunda değilsiniz. Aracın en büyük güzelliği aynı anda birden fazla mobil cihazla kullanıma imkan vermesi.

Aracın bir diğer güzelliği de mobil sürümler için CSS3 kullanan web sitelerinde tarayıcının “Öğeleri Denetle” özelliğini de mobil tarayıcınızda kullanabilmenize imkan vermesi.

Adobe Shadow’un nasıl çalıştığını aşağıdaki videodan izleyebilirsiniz.

Adobe Shadow ile ilgili daha fazla bilgi almak için http://labs.adobe.com/technologies/shadow/ adresini ziyaret edebilirsiniz.

Son bir not olarak ürünün henüz beta aşamasında olduğunu hatırlatmak isterim.

Dünden bugüne web tarayıcılar

İnternete bağlanmak için en en büyük yardımcımız web tarayıcılarla ilgili hazırlanmış güzel bir infografik..

Resmi büyütmek için üzerine tıklayın.
Resmi büyütmek için üzerine tıklayın.

Bir sitenin anatomisini çıkarın

İnternet üzerindeki hiçbir bilgi sır değil. Domain’in sahibi, sitenin sahibi gibi bilgileri çeşitli whois sorguları ile öğrenmek sadece birkaç tıklamadan ibaret.

sitonomy

Peki bir web sitesinin bileşenleri sunucusu üzerinde hangi bileşenlerin olduğunu nasıl bileceksiniz. www.sitonomy.com sitesi işte bu iş için kurulmuş. Web adresini yazıp kısa bir beklemenin ardından sitede kullanılan uygulama, kullandığı JavaScript kitaplıkları sunucu yazılımı, programlama dili gibi bilgilere kolayca erişebiliyorsunuz.

Sitenin diğer bir güzelliği bu bileşenlerin toplamda ne kadarlık bir kullanıma sahip olduğunu da yüzde olarak ifade etmesi. Ayrıca bir bileşenin yanındaki “alternatives” linkline tıklarsanız o bileşenin alternatiflerinin bulunduğu bir sayfa görüntülüyor.

Kullanınız, kullandırınız…

Harfleri tuşlarken arama sonuçları listelensin

Google, herkes tarafından en fazla kullanılan arama motoru. Başka ülkelerde daha popüler siteler var ama Türkiye’de bizim en çok başvurduğumuz site Google emmi. Arama yapmak ya da bir siteye gitmek için Google’ın arama kutusu en büyük yardımcı. aradığınız kelimeyi ya da kelimeleri yazar, enter’a basarsınız. Olay bu kadar basit.

site_keyboardr

Ancak www.keyboardr.com sitesi bu işi biraz daha basitleştiriyor. Google arama sonuçlarını kullanan site, arama kutusuna siz harfleri tuşlamaya başladığınız anda listelemeye başlıyor. Google sonuçları, Google görsel arama servisi sonuçları ve Wikipedi sonıçları anında listeleniyor.

Sitenin güzelliği bu kadar da değil. Hiç elinizi fareye götürmeden ok tuşlarını kullanarak bulunan sonuçlar arasında gezerek gitmek istediğinizde durup enter’a basmanız yeterli… Sitenin tek kötü yanı Google.com’da arama yapması…

Kullanınız, kullandırınız…

WordPress’te güncelleyememe sorunu

WordPress’in son sürümlerinde en çok hoşuma giden şey, eklenti olsun kendi dosyaları olsun otomatik olarak güncellemesiydi. Eklenti güncelleme -özellikle de ekleme- konusunda eksikler olsa da yine de FTP ile uğraşma derdini ortadan kaldırıyor.

Ancak birçok kişi bu blog yayıncısı bu özelliği kullanırken birçoğu da bu nimetten faydalanamıyor. Ne zaman bir güncelleme yapmaya kalksa hata mesajı ile işlem durduruluyor. Ancak bu işin de bir çözümü mevcut.

  1. wp-content klasörü içerisinde tmp isimli bir klasör açın.
  2. Bu tmp klasörün chmod’unu 777 olarak ayarlayın.
  3. Sonra wp-config.php dosyasını bir metin (text) editörü ile açın ve uygun bir yere şu komutu ekleyin.
    define(‘WP_TEMP_DIR’, ABSPATH . ‘wp-content/tmp’);
  4. Son aşama dosyayı kaydedin sunucunuza yükleyin ve güncellemenin tadını çıkarın.

Ancak FTP kullanıcı adı ve şifre sorma olayını halen yaşıyoruz. Onu da aşarız bir şekilde…

WordPress’de galeri işlemleri

WordPress’in eski sürümlerinde dahili bir resim galeri özelliği yoktu. Son birkaç sürümle birlikte bu özellik geldi. Bence çok işlevsel değil. fadonet.net… adresinde nasıl kullanılacağı açıklanmış.

Ancak NextGen Gallery isimli galeri uygulaması WordPress eklentileri arasında üst sıralarda yer aldı. Kolaylığı sayesinde birçok blog yazarı tarafından tercih ediliyor.

screenshot-2

Ancak bugn karşıma çıkan picturesurf isimli galeri biraz daha ilginç. Kullanımı daha kolay ve resim yükleme süreleri dışında 7 saniye gibi bir sürede kendi galerinizi oluşturabiliyorsunuz. PictureSurf’ün WordPress sayfasından detaylı bilgileri bulabilirsiniz. Aşağıda da eklentinin video demosu yer alıyor.

WordPress’de CHMOD hatası

chmod777Eğer ki WordPress’de CHMOD ile ilgili hatalar alıyorsanız, özellikle resim yükleme ve/veya resimlerle ilgili işlemlerde (thumbnail, boyutlandırma gibi) çok uğraştırmayacak çok basit bir püf noktası var.

WordPress ya da eklentileri gerekli olan klasörleri kendisi otomatik olarak açabiliyor. Ancak CHMOD’ları 777 ya da 0777 yapmanıza rağmen sistem doğru bir şekilde çalışmıyorsa hiç boşuna kasmayın.

Klasör ismini aklınızda tuttuktan sonra FTP programından klasörü silin ve aynı klasörden bir tane daha oluşturun. Sonra bu klasörün CHMOD‘unu 777 yapın. Böylece dosyanın sahipliğini de üstlenmiş oldunuz. Şimdi istediğiniz işlemi sorunsuz bir şekilde gerçekleştirebilirsiniz.

Teknik Bilgi: Bu olayı elle kendimizin yapma sebebi PHP’nin ayarlarında safe-mode‘un on durumunda olmasından kaynaklanıyor. Çoğu hosting şirketi de bunu değiştirmeye onay ve yetki vermediği için bu şekilde bir çözüm yeterli olacaktır.

Ajax özellikli CSS tabanlı sekme menüsü

Web 2.0 ile birlikte sekme şeklinde menüler ve içerikler oldukça fazla dikkat çekmeye başladı. Tasarım açısından da tasarımcıları oldukça rahatlatan bu objelerin 37’sini bir araya getirmişler. Bu adresten kullanmak istediğinizi seçtikten sonra geri kalan işlem yaratıcılığınızı kullanmak.

sekme_menu_ornek

WordPress 2.7 sürüme kavuştu

Yeni bir admin arayüzüne sahip olan WordPress’in 2.7 sürümü yayınlandı. Türkçe’sinin de hazır olduğunu da belirtmeden geçmeyelim.

İngilizcesini indirmek için: www.wordpress.org/download/

Türkçesini indirmek için: www.wordpress-tr.com/indir/

WordPress 2.7’nin yeni özellikleri şöyle:

  1. Yenilenen yönetim paneli.
  2. Meta kutularının sürükleme ve bırakmaya izin veren yeni yazı düzenleme sayfası. Kutular daha önceki gibi genişleyebiliyor, katlanabiliyor ve tamamen gizlenebiliyor.
  3. İçerik indeks sayfasındaki kolonları gizleyebilme özelliği.
  4. İçerik indeks sayfasında yazı ve sayfaları satıriçi düzenleyebilme özelliği (yazıları açmadan düzenleyebilme).
  5. Yeni geliştirilen yorum API’si sayesinde yeni geliştirilecek olan uygulamalarla WordPress panelinizden bağımsız olarak yorumları denetleyebileceksiniz.
  6. Yönetim panelinden yorumlara cevap verebilme özelliği.
  7. Yorumları düzenlemek için yeni geliştirilen klavye kısayolları.
  8. Daha önce Drupal?da olan ve WordPress’in de bazı eklentiler sayesinde (mesela WordPress Thread Comment eklentisi) yapabildiği iç içe yorum olanağı sağlayan yeni API.
  9. Yine Drupal’da hali hazırda gelen ve WordPress’in bazı eklentiler sayesinde (mesela WP-Sticky eklentisi) yapabildiği yapışkan yazı özelliği.
  10. Otomatik eklenti kurulum özelliği ve entegre edilen eklenti gezgini.
  11. WordPress 2.6.2 ve aşağısındaki sürümlerde WordPress Automatic Upgrade eklentisi sayesinde yaptığımız otomatik WordPress güncellemesini artık yeni sürümde eklenti gerektirmeden yapabileceğiz.
  12. HTTPOnly yetki çerezleri.
  13. Yeni HTTP istek API’si.
  14. sFTP üzerinden kurulum ve güncelleme için yeni SSH2 dosya sistemi soyutlaması

Liste kaynak: www.fatihturan.com/wordpress…