Bulutta Matematik Oyunu Yayınlandı

 

Temelleri üniversite yıllarıma dayanan bu oyunu nihayet daha da geliştirerek android cihazlara uygun bir hale getirebildim. Üniversitede aldığım bir derste proje olarak actionscript dilinde geliştirdiğim bu oyunu yeniden kodlayarak Google Play Store da yayına aldım.

Oyunun önceki halini Matematik Oyunu başlıklı yazımda paylaşmıştım. Oyunun amacı ilk öğretim öğrencilerinin dört işlem yeteneğini alıştırmalar yaparak geliştirmek. Oyunun şimdiki versiyonunda öğrencimizin seçebileceği 4 farklı seviye bulunmakta ve bu seviyeler 1 den 4 doğru giderek zorlaşmakta. Seviyelere göre nasıl sorular geldiğini aşağıdaki listede görebilirsiniz görebilirsiniz.

1. Seviye
Birinci seviyede 1 – 10 sayı aralığında toplama ve çıkartma işlemleri sorulmaktadır.
2. Seviye
İkinci seviyede 1 – 30 sayı aralığında toplama ve çıkartma işlemleri sorulmaktadır.
3. Seviye
Üçüncü seviyede 1 – 10 sayı aralığında toplama, çıkartma, çarpma ve bölme işlemleri sorulmaktadır.
4. Seviye
Dördüncü seviyede ilk sayı 1 – 30, ikinci sayı ise 1 – 10 sayı aralıklarında toplama, çıkartma, çarpma ve bölme işlemleri sorulmaktadır.

Her bir sorudan en fazla 10 puan alınabilir. Eğer ilk cevapta doğru yapılmazsa alınacak puan 7′ ye ikincide de doğru cevap bulunamazsa 3′ e  üçüncü cevapta da doğru bulunamazsa 0′ a düşer. Oyun sonunda öğrencinin kaç soru cevapladığı ve bu sorulardan aldığı puan söylenir.

Teknik bilgiler

Oyun Hibrid olarak geliştirilmiştir. HTML+CSS+JS dillerini kullanarak geliştirdiğim oyunu Cordova kullanarak Android platformuna aktardım. Geliştirme sürecinde mobil uyumluluğunu arttırmak ve geliştirme sürecini kolaylaştırmak için Framework 7  mobil uygulama geliştirme çatısı kullandım.

Uygulamanın kaynak kodlarını paylaşmayı şimdilik düşünmüyorum.

Güncelleme Planları

Gelecek sürüm planlarımda oyundaki seviyeleri yeniden düzenlemek ve arttırmak, bonus sorularla ek süre kazanarak daha fazla puana ulaşma imkanı sağlamak ve görsel olarak geliştirmek var.

Siz de oyunda gördüğünüz eksikleri veya olması gerektiğini düşündüğünüz geliştirmeleri bildirerek oyunun gelişimine katkıda bulunabilirsiniz.

Oyun Göreslleri

BaşlanğıçToplama Çıkartma yanlış cevapÇarpma İşlemiBölme İşlemiYardım MetniÇıkartma

Oyun sonu
Aşağıdaki Google Play logosuna tıklayarak telefonunuza yada tabletinize oyunu kurup oynayabilirsiniz.

undefined

Devam

Matematik Oyunu

Teknolojinin eğitim alanında kullanılmasıyla birlikte çocukların zihinsel gelişimine nasıl daha fazla katkıda bulunulabilir sorusu gündeme geldi. Günümüzde projeksiyon cihazları akıllı tahtalar öğrencilerin derslere olan ilgisini arttıran en yaygın teknolojiler.

Ama sadece okullarda kullanılan cihazlarla eğitime yapılan katkı yeterli olmaz. Günümüzde bir çok evde bilgisayarlar kullanılıyor ,çocukları için evlerine bilgisayar alan ailelerin düşüncesi “Bilgisayar alalım da çocuğumuz daha iyi eğitim alabilsin bilgisayarla derslerine çalışsın” şeklinde oluyor. Fakat çocuklar bilgisayarı eğitime katkı sağlayacak bir araç olarak  görmüyorlar çocuklar için bilgisayar demek oyun ve internet demek . Ebeveynler çocuklarının bilgisayar kullanımlarını düzenlerken çocukların bilgisayara olan ilgisini eğitimlerine katkı sağlayacak aktiviteler kullanmaya özen göstermeliler.

Ebeveynler bilgisayarı  eğitim araçcı , çocuklar ise oyun aracı olarak  görüyorlar. Bu iki  bakış açısınında ihtiyaçlarını sağlayan en etkili çözüm eğitsel oyunlardır. Eğitsel oyunlar çocuğunuz oyun oynarken aynı zamanda eğitimine ve zihinsel gelişimine katkı sağlarlar.Çocuklarınızın bilgisayar başındaki vakitlerini eğitsel oyunlarla zenginleştirmeleri onlar için çok daha iyi olacaktır .

Eğitsel oyunlarının önemini belirttikten sonra başlıkta da belirtmiş olduğum ve kendi ürünüm olan matematik oyununun tanıtımına geçebilirim. matematik oyunu

Bu  oyunda çocukların 4 işlem yapabilme yeteneğini geliştirmek amaçlandım. Çocuk kendisine uygun olan seviyeyi seçip başla butonuna bastığında karşısına bulutların üstünde bir işlem , gökyüzünde uçan  üzerinde sayılar yazan 4 balon ve üzerinde işlemin doğru cevabı yazan balonu patlatması için bir ok çıkıyor.

matematik oyunu4

Bir dakika süre içerisinde ne kadar doğru cevap verirse o kadar yüksek puan alınıyor.Oyun hakkında bilgileri görebilmek için sağ üst köşedeki “?” butonuna basabilirsiniz.

matematik oyunu1

Bir dakikanın sonunda,bu sürede kaç soru  sorulduğu ve sorulan bu sorulardan kaç puan alındığı gösteriliyor.

matematik oyunu

Oyun hakkındaki düşüncelerinizi , eklenmesini  istediğiniz bir özelliği ve karşılaştığınız hataları  yorum yazarak iletebilirsiniz.

[box type="download"]Oyunu indirmek için tıklayın[/box]

[box type="note"]Oyunun kaynak kodlarını ve dosyalarına ulaşmak için tıklayın[/box]

Devam

Notices-Duyurular Eklentisi Yayınlandı

Hazırladığım bu  eklenti  wordpress blogunuzda duyurular yayınlamanızı  sağlıyor. Duyuruyu  yayınlarken şu ayarlamaları yapabiliyorsunuz:

  1. Duyuruyu sitenize gelen herkes mi yoksa sadece Giriş  yapmış  kullanıcılar mı  görecek ?
  2. Duyuru sayfanın üstünde şerit halinde mi  gözükecek yoksa Sayfanın ortasında pencere şeklinde mi ?
  3. Duyuru ne zamana kadar gösterilecek?
  4. Duyurunun tasarımı  nasıl olacak (4 farklı seçenek )

Bu ayarların hepsini Yeni Duyuru Ekle sayfasında  sağ taraftaki Duyuru Ayarları bölümünden kolaylıkla belirleyebileceksiniz.

screenshot2

Bir çok sitede sitede her girişimizde karşımıza çıkan reklamlar ilanlar var. Bu reklamların her siteye girişimizde karşımıza çıkması çok sinir bozucu bir durum oluşturuyor. Yayınladığınız duyurunun bu gibi bir duruma neden olmasını engellemek için Duyurulara okundu denetimi ekledim. Giriş yapmış  yada yapmamış herhangi  bir kullanıcı Karşısına çıkan duyuruyu kapatmak için kapatma ikonuna tıkladığında karşısına “Bu duyuruyu bir daha görmek istemiyorsanız,”Bir daha gösterme” butonuna basın.” şeklinde uyarı çıkıyor ve bir daha gösterme butonuna tıkladığında o duyuru kullanıcının karşısına bir daha çıkmıyor.

Duyuru Bir daha gösterme

Duyuru ayarlarının en altında bulunan “Kenarlıksız” seçeneğini seçtiğinizde duyuru sadece içeriğini gösterecek ve duyuruda herhangi bir kenarlık bulunmayacaktır. Youtube videoları ve afiş duyurularınızda bu özelliği kullanarak daha iyi bir görünüm elde edebilirsiniz.

Eğer duyurunuza herhangi bir başlık eklemezseniz duyuruda başlık için ayrılan boşluk silinecektir.

Kenarlıksız Duyuru

 

KURULUM 

Eklentiyi  yüklemek için Wordpress admin sayfasından eklentiler sekmesinde Duyurular aramasını  yapıp sonuçlardan Notices-Duyurular eklentisinde şimdi yükle linkine tıklayarak sitenize kurabilirsiniz.

Yada aşağıdaki adresten zip dosyası halinde eklentiyi indirip içindeki dosyaları ftp bağlantınız ile wp-content/plugin dizinine göndererek  kurulum yapabilirsiniz.

[box type="download"]Wordpress > Notices-Duyurular [/box]

Devam

Foto Galeri

PortfolioImageNavigation

Bir sitemde beğenerek  kulandığım Codrops ekibinin hazırladığı Portfolio Image Navigation with jQuery fotograf galerisini daha rahat bir şekilde kullanama fikriyle  kodlamaya başladığım foto galeri uygulamasını sizlerle paylaşmak istedim .

Orijinal  versiyon demo:http://tympanus.net/Tutorials/PortfolioImageNavigation/

Normal şartlarda bu galeriyi kendi sitenizde kullanmak istediğinizde resimleri uygun boyutlara getirmeniz, resimleri sitenize ftp ile yüklemeniz ve fotogaleri index sayfasının html kodlarını düzenlemeniz gerekmekte.Bu işlerde bilgisi az olan biri için yeteri kadar zor ve uğraştırıcı bir durum.

Yazdığım uygulama ile bu galeriyi kullanmak gayet kolay bir hale geliyor.Kurulumu ile anlatmaya başlıyayım.

[box type="download"]FotoGaleri[/box]

Yukarıdaki  linkten fofoGaleri dosyasını indirin.indirdiğiniz zip dosyasının içindeki tüm dosyaları sitenizde foto galerinin gözükmesini istediğiniz yere yükleyin.www.siteniz.com/galeri şeklinde gözükmesi için sitenizin ana dizininde galeri isminde bir klasör açın ve dosyaları o klasöre yükleyin.

Burada önemli olan şey foto galeriyi  yüklediğiniz dizinin sahibi ve grubu için yazma  iznine sahip olması gerekiyor bunun için dosya izinlerini 0775 şeklinde ayarlayabilirsiniz.(Nasıl yapılacağına dair bu yazımı inceleyebilirsiniz.).Kurulum işlemi  bu  kadar.

Şimdi  galerinin ayarlarını yapmak ve resim yüklemek için sitenizde galeriyi yüklediğiniz dizini açın(www.siteniz.com/galeri).İlk açılışta karşınıza şeyle bir ekran gelecek:

fotogaleri1

Şifre olarak  123456 yazıp Doğrula dediğinize karşınıza galerinin ayar sayfası gelecek ilk  seferde şifre değiştirmeniz gerekmektedir.

fotogaleri

Yeni şifre belirledikten sonra artık fotoğraf yükleme işlemine gelebiliriz.

rsim ekle

Fotoğraf yüklemek çok basit üstteki resimde gördüğünüz  gibi ekle butonuna tıklayıp resminizi seçmek dışında uğraşmanız gereken herhangi bir şey yok.Fotoğrafınız yüklenip otomatik olarak boyutlandırılacak ve galerinizdeki yerini alacak. Bu şekilde yan yana 10 tane fotoğraf ekleyebilirsiniz.

fotodeğiştirsil

Eklediğiniz bir resmi silmek yada bir başka bir fotoğrafla değiştirmek için yapmanız gereken sadece değiştirmek yada silmek istediğiniz fotoğrafın üstüne gelip uygun butona basmanız.

[box type="info"]İlgilenenler için github linki: https://github.com/sametatabasch/Foto-galeri [/box]

Karşılaştığınız hataları bana bildirmekten çekinmeyin 🙂

Devam

WordPress İçin İlk Eklentim

Wordpress için eklenti yazma konusunda biraz araştırma yapıp  bir kaç deneme yaptıkta sonra bir  eklenti yapıp yayınlamaya karar vermiştim.O kararımdan sonra yazdığım ilk  eklenti Slider With slidejs.

Bu  eklenti  üstteki  resimde  gördüğünüz  gibi bir slider ı blogunuza eklemenizi sağlıyor.

Kurulum

Eklentiyi kurmak için Wordpress Başlangıç>Eklentiler>Yeni Ekle sayfasındaki  arama  bölümüne ‘Slider With slidejs’ yazarak veya indirme linkine tıklayarak indirdiğiniz zip dosyasını wordpress eklenti dizinine atarak kurulum yapabilirsiniz.

Kullanımı

Slider in gözükmesini  sağlamak için temanızın index.php dosyasında slider in gözükmesini istediğiniz yere

[php]$slider->addSlider();[/php]

kodunu eklemeniz gerekiyor.

Slider a resim eklemek için blogunuza yazı eklerken yazının özel alanlarına sliderImage isminde, değeri eklemek istediğiniz resmin adresi olan bir özel alan ekleyin.

özel alanlar

Resim  bilgilerini  ekledikten sonra yazıyı  yayınladığınızda yazı  ile ilgili resim slider da gözükecektir.

[box type="note"]Slider ın  çalışması için en az iki resim eklemiş olmanız gerekiyor.[/box]

[box type="download"]İndir[/box]

Devam