Kısacası layout için kullanıcı arayüzü diyebiliriz. Xml ie oluşturulur. Layoutları 6 ana grupta toplayabiliriz.  AbsoluteLayout,  FrameLayout, LinearLayout, TableLayout, RelativeLayout, ScrollView.

Absolute Layout

Absolute Layout’dan başlayalım anlatmaya. Absolute layout son derece basittir. Tek amacı, layout içerisindeki kullanılan nesnenin özel pozisyonunu belirterek yani x ve y koordinatlarını vererek kullanmaktır. Yani, kullanılacak olan nesnelerin yerlerini örneğin tek tek (piksel piksel) belirlemek istiyorsanız bu layoutu kullanabilirsiniz. Şimdi bu konuyla ilgili basit bir uygulama yapalım.

Uygulamamızda Ad ve Soyad kısmının girileceği iki tane Edittext ve Gönder butonu kullandık .  Bunların işlevleri şuan için önemli değil. Bizim için konumları önemli. Konumlarını belirlemek için de layout_x ve layout_y özelliklerini kullanıyoruz.  Diğer layoutları ileriki makalelerde bulabilrsiniz.

Merhaba arkadaşlar.

Osmangazi Üniversitesi Object Oriented Programming dersi için yaptığım proje.

Proje için gerekli olanları aşağıdaki gibi hoca bize verdi.Kodlamaya proposals kısmının altından devam edeceğim.

Bu Kısım fazla önemli değil ingilizce zaten fazla bir şey anladığım da yok.

Specification:
This is a board game. A sample user interface is given in Fig. 1.
Fig. 1. Sample user interface of the Find the Same, Get the Fame…
The game has the following rules:
• The game board contains 5×5 columns of letters where each column consists of 10 letters. The
columns will be formed with the letters (A – Z), randomly. The player only sees the top of these
columns. The top items will be closed by default.
• The player plays by entering the coordinates of two columns. This means that the player requests
comparison of the letters at the top of these columns. These two letters will be shown to the player
for a short time and will be closed again, if they are not the same. Otherwise, these two letters will
be removed from the top of the columns and the player will gain 5 points.
• The game will continue until all the letters are removed or more importantly, if no two of the
remaining top letters are the same, i.e., there is no possible improvement. In the second case, all
columns will be filled with new random letters from scratch.
• The player can request to terminate the game by pressing ‘Q’.
• There will be a “Top Ten High Scores” file which holds the points and duration information of the
highest scores where the score is computed by dividing points to duration. When the game ends,
the score of the player will be checked with the scores in this file and inserted if deserved.
• The game can be played by one or two players. When the program starts, single/multiplayer game
choice should be presented to the user. In a multiplayer game, when one player enters her/his
guess for the same cards and s/he is successful, her/his turn will continue, otherwise the next
player will do the guessing. The durations and the points of the players should be counted
separately.

Requirements:
At least, the following classes will be used in the project:
• Stack
• Controller/Manager
• Player
The Stack class should have the default stack implementation without any extra variable or function
definitions. The Player class will be responsible for user input controls with error checks.
The Controller class should control the game rules, manage the screen output and scores.

Proje 5-6 gün ve her gün 4-5 saatlik bir çalışma sonucu ortaya çıktı.Kodlama yaparken neyin lazım olacağını hangi fonksiyonların kullanılacağını bir kağıda sırası ile yazdım. Öncelikle bir plan oluşturmak neyi nerde nasıl yapabileceğimizin fizibilite çalişması yaparak not etmek bize çok fayda sağlayacagı için bu şekilde başlamayı tercih ettim.Bir söz vardır:”Planlamaya ayrilan bir dakika, Uygulamada bir saat kazandirir.“.Mantık bu .

Neyse ilk olarak matrix in constructorunu tanımladım ve default olarak tanımlanan matrixin içini ‘-’ ler ile doldurdum default matrixde.Columns ve Rows ların get ve set fonsiyonlarını yazarak kodlamaya devam ettim.Daha sonra herhangibir matrixin içerisini ‘-’ ler ile dolduracağımız MatrixEmpty fonksiyonunu yazdık matrix classında.Yazdığım MatrixFill fonksiyonu ile de matrix in içine random upper harf atadık.MatrixShow ise matrix imimizi göstermek istediğimiz yerde matrixi gösteren fonksiyon.

Matrix fonksiyonunu yazarken karşılaştığım sorunlardan biri random harf üretme idi.Bu problemi ASCII kodu kullanarak ürettiğim sayıları aralık olarak uppercase harflerin ASCII kod sayılarını baz aldık ve daha sonra bunları char a çevirdik.

Game class’ı her nekadar kısa ve önemsiz gözükse de önemli bir işleve sahip.Game class’ı  kullanıcıdan kordinantları almaya yarıyor. Overload ettiğimiz >> ve << ile de kordinant isteme ve girme noktasında görsellik ve kolaylık sağlıyor bize.

Daha sonra ControllerManager class’ı ile devam ettim kodlamaya.ControllerManager’de  Start_Menu ile başladım kodlamaya. Start_Menu fonksiyonu ile başlangıç ekranında nelerin görüneceğini yazdım.Start_Menu de switch case yapısını kullanarak kullanıcının seçim yapmasını sağladım.

ControllerManager class’ı fonksiyonlarından biri ControlForCordinantes. Bu fonksiyonda girilen kordinantların 0 ile 4 arasında olmasını kontrol ediyoruz. ControlNotSameMember fonksiyonu ile de oyunun bitip bitmediğini kontrol ediyoruz.Burada ControlNotSameMember fonksiyonunu yazarken bayağı uğraş verdim.Ilk başta netin nasıl olacagına kara veremedim sonra vector kullanarak bunu çözebileceğimi anladım.Vector kullanırken burada daha sonraki classda göreceğimiz kullanıcının bildiği harflerin yerine ‘-’ ekleme ile bilinen harfleri matrixten çıkarıyoruz yerine ‘-’ ekliyoruz ve arta kalan harfleri vector tarzda arraya ekliyoruz.Burada vector kullanma sebebim ise bilinen harf sayısı sürekli değişeceği için esnek bir yapı olması.Vectore eklediğimiz harfleri çift for kullanarak baştan sona kontrol ediyor ve aynı harfin var olup olmadığını denetliyoruz.

Ek olarak classtaki Wait fonksiyonu ile de kullandığımız herhangibir yerde proğramı  fonksiyona göderdiğimiz int değer kadar saniye bekleme sağlıyor.

Son olarak Player class’ını yazdım.Kodlamada en çok uğraştıran kısım olan Player class’ı tek ve çok kullanıcı ile oyunun oynanmasını sağlayan, kullanıcının aldığı puan süreyi ismi ile txt dosyasına kaydeden fonksiyonların kodları içeriyor.

Oyunda ve kodlamada en önemli kısım SinglePlayer kısmı.Bu fonksiyonda goto ve if yapısını çok kullandım.Goto yapısı her ne kadar kodlamada elverişli olmasada aklıma gelen tek çözüm yöntemi idi.

İf yapısı ile şartları kontrol ediyor ve şartlar ugun değil ise goto ile ya başa gidiyor yada sona gidiyorduk.Kullanımı sakıncalı fakat kolaydı.

Başlangıcta kullanıcıdan ismini girmesini istiyoruz ve oyuna devam ediyoruz.Başta 3 matrix tanımladım bunun sebebi  1 matrixi random harflerle üretip hafızada tutuyoruz.Oyuncunun bildiği harferi 2. Ürettiğimiz boş matrix e atıyoruz. 3. Matrix ise aracı olarak kulanıyoruz eğer harfler benzer bulunmamış ise harflerin sadece ekranda görünüp sonra tekrar eski haline gelmesi için bilinenlerin hafızada tutulmasını sağlamak amacı ile kullanıyorum.Bunun daha basit yöntemi olacağını biliyorum fakat uzun uğraşlar ile ancak bukadarını yapabildim.Kodlamada en sıkıntılı yer burası idi.

İlk olarak girilen kordinantların doğrulugunu kontrol ediyoruz yani daha önce bilinen harlerin olduğu koordinantmı yoksa ucuk bir koordinantmı diye sonra ise if yapılarında ControllerManager class’ının fonksiyonlarını kullanarak tek tek kontrollerden geçiriyoruz girilen koordinantlarda bulunan harfleri. Şartlara göre kullanıcıya puan ve süre ekleniyor.

MultiPlayer kısmında ise SinglePlayerdeki kodların aynısını kullandım.Ek olarak sadece sıranın hangi kullanıcıda olduğunu beliremek için player1 ve player2 için MultiControl sayısı ekledim.Bu MultiControl sayısı ilk başta her iki oyuncu için 0 ile başlıyor ve 1. Oyuncu oyunu oynamaya başlıyor. Eğer 1. Oyuncu doğru veya yanlış tahminde bulunmuş ise MultiControl sayısı 1. Oyuncu için 1 arttırılıyor. Kontorlu ise 1. Oyuncunun  MultiControl sayısı 2. Oyuncunun MultiControl sayısına eşit ise 1. Oyuncunun sırası geldiğini anlıyoruz fakat ise 1. Oyuncunun  MultiControl sayısı 2. Oyuncunun MultiControl sayısından buyuk ise sıranın 2. Oyuncuda olduğunu anlıyoruz.

Son olarak bu classta TopTenPlayer ve MultiTopTenPlayer ile oyuncuların scorlarını sürelerini isimlerini txt dosyasına kaydetmesini sağladım ve consol oyunu içerisinde kullanıcının scorları görebilmesi için ShowTopTenPlayer ve ShowMultiTopTenPlayer i kodladım. Oyunun kurallarını gösteren Game_Rules ile de oyunun kurallarının ne olduğunu belirttim.

Oyunun kodlaması bunlardan ibaret. GamePlay.cpp de türetilen ControllerManager tarzda türetilen Cstrt nin fonksiyonu olan Start_Menu ile oynu başlatıyoruz ve artık oyun oynanmaya hazır oluyor.

Proje’nin Solution’u (Visual Studio 2010 ile yazılmıştır): Solution

Proje’nin Kaynak Kodları: Source Codes

Kodlara Bakmak için aşşagıdaki linkleride Kulanabilirsiniz:

ControllerManager.cpp : http://pastie.org/private/sr1xxq6cjd3vfl9kzq2pg

ControllerManager.h : http://pastie.org/private/r1xghfhwocxf1mjnmfdpig

Game.cpp : http://pastie.org/private/r2ncliuw1qr0jel4ffoq

Game.h : http://pastie.org/private/se1ct4imstgh6b65gfuwow

Matrix.cpp : http://pastie.org/private/lgxcou0ah6reemgdrumcxa

Matrix.h : http://pastie.org/private/bqax9bsmndyw06ivyvwdg

Player.cpp : http://pastie.org/private/t9x390ull4xqo2tk2f3gqq

Player.h : http://pastie.org/private/h1dbwptyxgwxqf8wnlwtmg

GaePlay.cpp : http://pastie.org/private/kqdlj0anycvea2oln7ktg

Saygılarımla…

Eren GENÇTÜRK

www.erengencturk.com.tr

Windows Phone 7’de kullanıcı arayüzü oluşturmak için XAML kullanıyoruz. XAML, biraz HTML’e benziyor, fakat daha güçlü yapısı var. Bazı kuralları da XML’den geliyor. XAML ile animasyon oluşturabiliriz, video gömebiliriz, verileri bağlayabiliriz. Bu uygulamamızda basit bir animasyon oluşturacağız.

XAML:

C#:

Animasyonda oluşturduğumuz kodları teker teker açıklayalım. Animasyonları, Storyboard ile zamanlara bölerek oluşturuyoruz. Elips’in aşağı doğru uzaması için Storyboard’ın özelliğini “Height” yaptık. İsterseniz ” Width ” yaparak nasıl bir değişiklik olduğunu görebilirsiniz. LinearDoubleKeyFrame, elipsin düzgün bir şekilde hareket etmesini sağlar. Üzerine tıklayabilmemiz kadar görülebilmesi için başlangıç değerini “30″ verdik. SplineDoubleKeyFrame, uygulamamızda bir ivme oluşturabilmek için (belirli bir hızla başlayıp daha sonra yavaşlaması gibi) kullanıyoruz. KeySpline özelliğinde, başlangıç, bitiş ve iki kontrol noktası vardır. Bu noktalar 0 ve 1 arasında bir değer alır ve animasyonun değişme hızını belirler. 0.8 saniye içerisinde aşağı doğru değeri 300 olana kadar ilerleyecek ve daha sonra 200 oluncaya kadar yukarı çıkcak. Bu şekilde 2 kez bu hareket işlemini yapacak. Oluşturduğumuz elipsin click event’inde animasyonu başlatarak uygulamamızı yapmış olduk.

Çıktı:

Gül Yurdakul

gulyurdakul.com

İlk önce bu linkten Windows Pone 7 SDK kurulumunu yapıyoruz. Kodlamaya kolay bir giriş için bu adresten Microsft Small Basic indirip kuruyoruz. Tabi bunları yapabilmemiz için bilgisayarımızda Visual Studio 2010 kurulu olmadı gerekiyor. Gerekli hazırlıkları tamamladıktan sonra yeni bir proje oluşturalım.

• Solda Visual C#->Silverlight for Windows Phone seçin.
• Ortada bulunan Windows Phone Application seçin.
• Projenin ismini de HelloWorld diyerek OK butonuna tıklayınız

Böylelikle yeni bir proje oluşturmuş olduk. Oluşturduğumuz sayfa 3 bölüme ayrılmış; soldaki tasarım için device görüntüsü, ortadaki XAML görüntüsü, sağdaki ise Solution Explorer görüntüsüdür. MainPage.xaml, uygulamalar için kullanıcı arayüzü oluşturur.

TextBlock Ekleme

Basit bir “TextBlock” ekleyerek “HelloWorld” yazdıralım. Toolboxtan TextBlock seçip sürükle bırak yapıyoruz. Daha sonra Properties kısmından text özelliğini “Hello World” yapıyoruz. Fontsize : 50, Height: 70 Tasarım şu şekilde oluyor;

Grafik Ekleme

Toolboxtan dikdörtgen, elips gibi şekiller seçip ekleyebiliriz. Biz elips seçelim ve özellikleri şöyle olsun;
1. TextBlock’ un altında olsun.
2. Mavi renkli, içi dolu, Height = 150, Width = 300 olsun.
Bunları Properties kısmından da değiştirebiliriz fakat XAML kısmından değiştirmemiz bizim öğrenmemiz açısından ve ileriki zor konularda elimizin çabuklaşmasını sağlayacaktır.
XAML:

<Ellipse Height=”150″ Fill=”Blue” Name=”ellipse1″ Width=”300″ />

Bu kodu yukarıda yazdığımız TextBlock’un altına yazalım ve çalıştıralım.

Buton Ekleme

Toolboxtan buton seçip ekliyoruz. Daha sonra XAML’den özelliklerini şu şekilde yapıyoruz:
XAML:

<Button Height = “150″

Width=”300″

Name=”FirstButton”

Content=”Click” />

Daha Sonra Buton’un Click Event’ine gidip orada şu işlemleri yapıyoruz:
private void button1_Click(object sender, RoutedEventArgs e)
{
if (button1.Content as string == “Click”)
{
button1.Content = “Again Click”;
}
else
{
button1.Content = “Click”;
}
}
Bu işlemle buton tıklanmadığında “Click”, tıklandığında ise “Again Click” yazıyor.

Animasyon Ekleme

Animasyon Eklemek için 3 şey gereklidir:
1. StoryBoard oluşturma,
2. Animasyon oluşturma,
3. Animasyonun başlaması için kod ekleme.

XAML:

<StackPanel>

<StackPanel.Resources>

<Storyboard x:Name=”FirstStoryBoard”>

<DoubleAnimation Storyboard.TargetName=”FirstEllipse”

Storyboard.TargetProperty=”Width”

To=”1″ AutoReverse=”True”

Duration=”00:00:01″ />

</Storyboard>

</StackPanel.Resources>

<TextBlock FontSize=”50″ Text=”Hello, World!” />

<Ellipse Fill=”Blue” Height=”150″ Width=”300″

Name=”FirstEllipse” />

<Button Height=”150″

Width=”300″

Name=”FirstButton”

Content=”Click”

Click=”FirstButton_Click” />

</StackPanel>

XAML kodunda, elipsin dönme hareketi yer alıyor. To, animasyon yapılacak değeri gösteriyor.  AutoReverse, tekrar edip etmeyeceğini,  duration ne kadar zaman süreceğini gösteriyor.

Animasyonun başlaması için kodda bir değişiklik yapmak gerekiyor.

private void FirstButton_Click(object sender, RoutedEventArgs e)

{

if (FirstButton.Content as string == “Tap”)

{

FirstButton.Content = “Tap Again”

}

else

{

FirstButton.Content = “Tap”;

}

FirstStoryBoard.Begin();

}

Gül Yurdakul

gulyurdakul.com

İlk önce JavaScript’i öğrenmemiz için gerekli ön bilgileri öğrenelim. İlk olarak javascriptin tanımından bahsedelim. JavaScript, web sayfanızın etkileşimli olmasını sağlar. Bu etkileşim, web sayfanızın daha çok insan tarafından beğenilmesini sağlar.

JavaScript dosyaları, web sayfalarında yer alır ve tarayıcılar tarafından çalıştırılıp yorumlanır. Önemli bir hatırlatma yapalım. JavaScript, Javadan farklıdır. Java başka bir programlama dilidir.

Peki JavaScript ile neler yapabiliriz?

• Aktif bir kullanıcı arayüzü oluşturabiliriz,
• Daha hızlı cevap veren ve kullanışlı bir site oluşturabiliriz,
• Özelleştirilmiş html sayfaları oluşturabiliriz.
• Tarayıcıdan kontrol edebiliriz.

JavaScript ile neler yapamayız?

• Veri tabanıyla bağlantı kurulamaz,
• Dosyaya veri yazılamaz,
• Sayaç tutamaz,
• Var olan durum bilgisini saklayamaz.

Android, mobil işletim sistemi olup, IOS’a rakip olmuştur. Açık kaynaklı olduğundan geliştirilmasi daha kolay ve hızlıdır. Son dönemde giderek popülerleşmiştir. Apple, ipad, ipod ve iphone için IOS’u kullanırken Android açık kaynaklı olduğu için bir çok yerde kullanılmaktadır. Android Market üzerinden uygulamalara ulaşabilir ve yapılan uygulamaları da orada yayınlayabilirsiniz. O zaman uygulamaları geliştirmeye başlayabiliriz. Başlamak için öncelikle yapmamız gerekenler var. Bunlar:

1- Android de program geliştirmek için java yazılım dilini kullanacağız. Java içinde Eclipse IDE’sini kullanacağız. Bilgisayarınıza uygun olan sürümünü buradan indirebilirsiniz. Bir paket dosya inecektir. Bu paket dosyayı winrardan açıp program dosyalarına atabilirsiniz. Attıktan sonra dosyaya girip içindeki kısayolu masaüstüne gönderebilirsiniz. Bu şekilde eclipse’nin kurulumunu tamamlamış olduk.

2- Eclipse’nin çalışabilmesi için bilgisayarınızda java bulunması gerekiyor. Javayı buradan indirebilirsiniz. Aşağıda gösterilen resimde işaretli yeri seçiyoruz. Ardından gelen sayfada uygun sürümü seçtikten sonra javayı bilgisayarımıza kuruyoruz.

3- Android SDK’i bilgisayarımıza indiriyoruz. Buradan en son sürümünü indirebilirsiniz. İndirdikten sonra bunun da kurulumunu basit bir şekilde yapabilirsiniz.

Bütün dosyaları indirdikten sonra, öncelikle SDK Manager’ı açıyoruz. Aşağıdaki resimde bu şekilde bir işaretleme yapmamız gerekiyor.

Ardından Install Packages->Update All ya da refresh kısmını tıklayarak burayı güncellemeniz gerekiyor. Bunu yaptıktan sonra hangi paketi kurmak istediğini seçiyorsunuz. Daha sonra da install Selected diyerek indirme işlemi yapabilirsiniz. Kurulup kurulmadığını anlamak için Install Packages bölümüne giriyoruz. Eğer bir sorun oluşmuşsa tekrar yükleme yapınız. Android SDK manager da yeni bir cihaz kurulumu yapacağız. Bunun içinde Virtual Devices bölümüne geliyoruz. New butonuna tıklayarak gerekli yerleri doldurarak android cihazımızı oluşturmuş olduk. Yapmamız gereken son bir adım daha var. Eclipse’yi çalıştırıp Window->Preferences->Android->Browse diyerek Android SDKyi nereye kurmuşsanız orayı seçerek Apply butonuna basıldığında altta görünmesi gerekiyor. Bu işle bittikten sonra Help->Install New Software diyerek Work with kısmına bu sayfadaki https://dl-ssl.google.com/android/eclipse/ copy paste yapıyoruz. Add diyerek herhangi bir isim giriyoruz.Alttaki kutucuklara tick atıyoruz. İşlemi ilerleterek kurulumu tamamlamış oluyoruz. Bundan sonraki derslerde kod yazmaya başlayacağız.

Gül Yurdakul

www.gulyurdakul.com

js kodumuz

<SCRIPT language=JavaScript>

function ClipboardaKopyala(icerik) {

if (window.clipboardData && clipboardData.setData) {

clipboardData.setData(‘text’, icerik);

}

}

</SCRIPT>

html kodumuz

<a href=”#” id=”copy” onclick=”ClipboardaKopyala(document.getElementById(icerik).innerHTML)”>Clipboard’a Kopyala</a>

<div id=”icerik”>

deneme kopyalama içeriği

http://www.tahirmutlu.com

</div>

Arkadaşlar Merhaba bu yazımda C# 4.0 ile SqlConnection Baglantısı Nasıl Yapılır Onu Anlatmaya Calısacagım ,Kodlar Asagıdaki Gibidir

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;
using System.Data.SqlClient;   //Uzayımızı NameSpace Alanımıza Ekliyoruz

namespace SqlBaglantı
{
public partial class Form1 : Form
{

SqlConnection con;  // con nesnemize kod alanında her yerden ulasmak icin “public partial class Form1″ altında tanımlıyoruz
public Form1()
{
InitializeComponent();
}

private void btnBaglan_Click(object sender, EventArgs e)
{
try
{
SqlConnection con = new SqlConnection();
con.ConnectionString = “Data Source=CAN-BILGISAYAR;database=test;Integrated Security=SSPI”;
con.Open();
}
catch (SqlException ex)
{
MessageBox.Show(ex.ToString());
}

finally

{

con.Close();  // Baglantımızı Kapatıyoruz.

}
}
}
}

Şimdi btnBaglan_Click içersinide bulunan kodları tek tek açıklıyalım;

SqlConnection con = new SqlConnection(); //SqlConnection Sınıfından “con” isminde Baglantı Nesnesi türetiyoruz.

con.ConnectionString // Veritabanına Baglanabilmek için Gerekli Olan Baglantı Cümlesinin Yazıldıgı Alan

Data Source=CAN-BILGISAYAR    // Sql Serverda Serverinizin Adı

database=test  // Sql Serverda Üzerinde İşlem Yaptıgımız Veritabanımızın Adı

Integrated Security=SSPI   //  Güvenlikle ilgili olan kısım

con.Open()  // ise Olusturmus oldugumuz baglantı Cümlemizin Acılmasını yani baglantıyı gerçekleştiren komut Parçasıdır

Bugünkü Yazımızın Sonuna Geldik,Umarım Faydalı olmustur.

Can Gündüz