Sizlerle birlikte yüz tanıma sistemi nasıl oluşturulur bunu öğreneceğiz. Scratch ile hemen hemen aynı ara yüze sahip Mblock programını internet sitesinden indirip ya da internet sitesinden online olarak çalışmaya başlayabilirsiniz.

 

Yüz tanıma sistemini oluşturabilmek için öncelikte program içerisinden görseldeki gibi kuklalar kısmına tıklayarak uzantı ekle kısmına geliyoruz ve makine öğrenimini ekliyoruz.

Şekil 1

Şekil 2

Bu işlemi gerçekleştirdikten sonra görseldeki gibi Eğitim modeli kısmına tıklayarak makinenin tanıyacağı görselleri makineye tanıtmaya başlıyoruz.

Şekil 3

Görseldeki gibi tanımasını istediğimiz görseli kameradan göstererek tanıtma işlemini tamamlıyoruz. Kategori yazan yere görsel olarak hangi görseli seçtiyseniz o görselin adını yazıyoruz.

Şekil 4

Modeli kullanmak için tüm kategoriler için görseldeki gibi yeni resimler öğrenmesi gerektiği için her kategori için farklı resimler öğrenmesini sağlayabilirsiniz. Örneğin sporcuların görsellerini gösterecekseniz farklı sporcuların görsellerini gösterip isimlerini yazabilirsiniz.

Şekil 5

Görselleri tanıtma işlemi bittikten sonra modeli kullan diyoruz.

Şekil 6

Modeli kullan dedikten sonra kod sayfamıza geri dönüyoruz.

Şekil 7

Kod sayfamızdan görselde gözüktüğü gibi üç tane tanımlamış olduğumuz görseli panda karakterimizin söylemesini sağlayacağız. Tanımlama penceresini aç kısmına bastığınızda kamera açılacak ve böylece tanımlattığınız görselleri gösterdiğinizde panda bu görselin adını söyleyecektir.

Şekil 8

Şekil 9

Önümüzdeki dönemde endüstri 4.0 ile birlikte hayatımıza giren robotların yaşamımızın bir parçası olacağı konuşulmakta. Biz de bu sayıda kendimize robot oluşturacağız.

Tinkercad ile robot tasarımı yapmak için öncelikle Temel Şekiller alanına tıklayarak Karakter menüsünü seçiyoruz. Astrorobotu çalışma düzlemine sürükledikten sonra el yapımına başlayacağız.

El yapımı için Temel Şekiller menüsü içerisinde bulunan yuvarlak çatı cismini genişlik:14:00, uzunluk:4:00 ve yükseklik:10:00 olacak şekilde ayarladıktan sonra kopyasını çıkartıp genişlik:10:00, uzunluk:4:00 ve yükseklik:8:00 boyutlarında delik yaptığımız cismi orta noktasına yerleştirip gruplandırıyoruz.

Oluşturmuş olduğumuz nesneyi robotun el kısımlarına yerleştiriyoruz.

Ayakları oluşturmak için yarım küre cismini genişlik: 17:00, uzunluk:20:00 ve yükseklik:10:00 olacak şekilde ayarladıktan sonra robotun ayaklarına yerleştiriyoruz.

Robotun adını yazmak için text cismine istediğiniz ismi yazarak robotun üzerine yerleştirebilirsiniz.

Şimdi robotun ağız kısmını yapacağız. Bunun için kutu cismini genişlik: 15:00, uzunluk:3:00 ve yükseklik:4:00 olacak şekilde ayarlayıp görseldeki gibi yerleştiriyoruz.

Gözleri oluşturmak için küre cismini tüm boyutları 5:00 olacak şekilde ayarlayıp yerleştiriyoruz. Daha sonra çoğaltıp diğer gözü yerleştiriyoruz.

Son olarak koni cismini istediğimiz boyut ve renkte ayarlayıp robotun baş kısmına yerleştiriyoruz.

 

HTML KODUMUZ:

<!DOCTYPE html>

<html>

<head>

                <title>Furkanın web sitesi</title>

</head>

<body>

<h1>HOŞGELDİNİZ!</h1>

<p>Bu bir yazılım eğitimidir.</p>

</body>

</html>

HTML KODUMUZ:

<!DOCTYPE html>

<html>

<head>

                <title>Furkanın web sitesi</title>

</head>

<body>

<h1>HOŞGELDİNİZ!</h1>

<p>Bu bir <b>yazılım</b> eğitimidir.</p>

</body>

</html>

HTML KODUMUZ:

<!DOCTYPE html>

<html>

<head>

                <title>Furkanın web sitesi</title>

</head>

<body>

<h1>HOŞGELDİNİZ!</h1>

<p>Bu bir <i><b>yazılım</b></i> eğitimidir.</p>

</body>

</html>

Akıllarda soru işareti kalmaması adına açıklayalım. Src de hedef olarak belirttiğimiz klasör ‘./’ yani yazdığımız furkan.html dosyamızın içinde bulunduğu klasörün ta kendisi. Bir üst klasöre çıkmak istersek ‘../’ yazmamız gerekiyor hedef klasörü belirtmek için. Koyduğumuz resim ile birlikte bir web sitesinin içeriklerinin temel yapısını oluşturmuş olduk. Tabi ki sizlerin hayal gücü ile oluşturduğumuz bu temel yapı daha da zenginleştirilebilir ve/veya yapılandırılabilir.

Genel olarak yazımızı toparlamak gerekirse, oluşturduğumuz temel body yapımızın içerisinde header, paragraf, bold, italik ve image etiketlerini kullandık. Bu etiketlerimiz her birini de çıktılarıyla beraber inceledik. Bir sonraki yazımızda ise “Evet genel yapıyı oluşturduk. Peki ben bu yapıyı nasıl biçimlendirebilirim?” sorusunun cevabı olan web biçimlendirme dilini yani CSS’i inceleyeceğiz. Bir sonraki yazımızda görüşmek üzere. Web’le kalın. Hoşça kalın!

 

Tag nedir? Tagların HTML için önemi nedir? Temel HTML tagları nelerdir?  Hangi taglar ne işe yarar? Gelin bunların cevabına bu yazımızda birlikte göz atalım.

“Tag” kelimesi Türkçede “etiket” anlamına gelmektedir. Etiketler günlük yaşamda bizler için tanımlama anlamında ne kadar önemliyse, internet dünyasının kemik yapısı için de HTML etiketleri aynı derecede öneme sahiptir. Örnek verecek olursak, bir mağazadan bir kıyafet aldığımızı düşünelim. Aldığımız kıyafetin özelliklerini tanımlayan her bilgi kıyafetin üzerindeki etikette tanımlıdır ve sistem kıyafeti etiketini okutarak tanır: Fiyatı, türü, bedeni, barkodu… HTML etiketlerine baktığımızda ise HTML yapısının içerisinde tanımladığımız etiketler ise, içerisini dolduracağımız bilginin(data) özelliklerini internet sunucularının (server) tanımlamasını sağlar.

Önceki yazımızda HTML’ in tasarlamak istediğimiz internet sitemizin kemik yapısını oluşturduğundan bahsetmiştik. Şimdi ise bu kemik yapımızın baş kısmının, vücut yapısının temel etiketlerinden bahsedeceğiz.

İskeletimizi baştan aşağı inceleyelim. İnternet tarayıcılarına, iskeletimizi görmelerini sağlamak adına kullanmamız gereken en temel etiket <html> etiketidir. Bu etiketi gören internet tarayıcıları, bu alanda bir iskelet yapısının var olduğundan haberdar olur ve iskeletimizi tanımlamak adına etiketimizin içine girer. İskeletimizin baş kısmını tanımlatmak için, <head> etiketini kullanırız. Bu etiketle birlikte internet tarayıcıları, iskeletimizin baş kısmında olduğunu anlamış olur ve baş kısmımızı taramak  için etiketin içine girer. Baş kısmı iskeletimiz için en önemli yapıdır. Sitemizi tarayıcılara tanıttığımız, bizi diğer internet sitelerinden ayıracak özelliklerimizi, eşsiz kimliğimizi tanımlayacağımız kısımdır. Kimliğimiz tanımlamak adına kullanacağımız iki önemli etiket vardır <head> etiketimizin içerisinde kullandığımız. Bunlardan birincisi <title> yani başlık etiketidir. Bu etiket yapısı içerisinde sitemizin başlığını yani ismini tanımlarız.  İkincisi ise <meta> etiketleridir. Meta etiketleri, sitemizin detaylarını tanımladığımız etiketlerdir. Sitemizin dili, karakter seti, arama motorlarının sitemizi daha rahat bulmaları adına tanımladığımız keywords(anahtar kelimeler)leri gibi bilgileri <meta> etiketleri içerisinde tanımlarız.

<html>

<head>

<title>Furkan’ın web sitesi</title>

<meta http-equiv="content-language" content="tr">

<meta name="keywords" content="kelime1 kelime2 kelime3 kelime4 kelime5">

….

</head>

….

Gelelim iskeletimizin vücut kısmına. Vücut yapımız, oluşturduğumuz sayfanın içeriğini tanımlatmamızı sağlar. Sayfa içerisine koyacağımız başlıklar, paragraflar, resimler, bağlantılar gibi içerikler vücut yapımızın içerisinde tanımlanır. İngilizce’ deki vücut (body) kelimesinde gelen <body> etiketi,  tarayıcıların iskeletimizin vücut kısmını taradığını anlamasına yardımcı olur. Temel vücut yapısını inceleyecek olursak;

 

<body>

                <h1>Sayfama hoş geldiniz!</h1>

                <p>Bu sayfa Furkan Göregen'e aittir.</p>

                <img src="./furkan.jpg">

</body>

Sitemizin vücut kısmının taramasını da bitiren tarayıcılar son olarak önce <body> etiketinden, sonrasında ise en temel <html> etiketimizden çıkar ve sitemizin taramasını ve tanımlamasını tamamlamış olur. Baştan aşağı HTML yapımıza bakacak olursak;

<html>

<head>

                <title>Furkan’ın web sitesi</title>

                <meta http-equiv="content-language" content="tr">

                <meta name="keywords" content="kelime1 kelime2 kelime3 kelime4 kelime5">

 

</head>

 

<body>

               

                <h1>Sayfama hoş geldiniz!</h1>

                <p>Bu sayfa Furkan Göregen'e aittir.</p>

                <img src="./furkan.jpg">

 

</body>

</html>

 

Sayfa Çıktısı:

Bir yazımızın daha sonuna geldik. Bir sonraki yazımızda iskeletimizin vücut yapısını yani sayfa içeriğimizi (Başlık, paragraf, resim, bağlantı…)  daha detaylı bir şekilde oluşturacağız. Bir sonraki yazımızda görüşmek üzere…

 

 

 Birden çok tekrar eden işlemi yerine getirmek için kullanılır. Yani programımızın birden fazla çalışmasına sebep olur. Örnek üzerinden biraz daha iyi anlamaya çalışalım. Programlama dersimizin olduğunu düşünelim. Öğretmen sınıf içi etkinliğe katılan 5 öğrencinin notlarına ekstra 10 puan ekleyeceğini söylemiştir. Bu görevi yerine getirmek için bizi seçmiştir. İlk olarak etkinliğe katılan kişilerin sınavdan almış oldukları notları öğretmenimizden rica ederiz.

notlar = [75, 48, 55, 64, 79]

Öğretmenimiz yukarı da olduğu gibi etkinliğe katılan öğrencilerin almış oldukları notları bize söylediğini düşünelim. Görevimiz eğitime katılan öğrencilerin notlarına 10 puan eklemektir. Problemimizi for döngüsü kullanmadan yapalım.

print(notlar[0] + 10)

print(notlar[1] + 10)

print(notlar[2] + 10) 

print(notlar[3] + 10) 

print(notlar[4] + 10) 

Çıktı 

85 

58 

65 

74 

89

Sonuç olarak for döngüsü kullanmadan problemimizi çözmüş olduk. Etkinliğe katılan kişi sayısı az olduğu için bizi yormadı. Peki etkinliğe katılan kişi sayısı 5 kişi değil de 50 kişi olsaydı. Yukarı da yaptığımız gibi mi çözüm yolu üretecektik? 50 kişinin notlarını tek tek 10 puan ekleme işlemini elle yapmak zorunda kalacaktık. Gözümüzü korkutmadı değil bu olay. Bu durum da for döngüsü bizim imdadımıza yetişiyor. For döngüsü kullanarak birden çok tekrar eden aynı işlemi bir kaç satır kod ile halledebiliriz. Çözmüş olduğumuz problemi for döngüsü yardımıyla çözmeye çalışalım.

notlar = [75, 48, 55, 64, 79]

for puan in notlar:

    print(puan + 10)  

Çıktı 

 85 

 58 

 65 

 74 

 89

Döngü kullanmadan yaptığımız çözüm ile aynı sonuçları verdiğini gözlemleyebiliyoruz. Peki for döngüsünün çalışma mantığı nedir?

for değişken_adı in değişken:

    yapılacak_işlem

Bu ifadeyi Türkçe olarak ifade edelim:

notlar adlı değişkenimizin her bir elemanını değişken_adı olarak adlandır:

    değişken_adı olarak adlandırılan öğelere 10 ekle ve ekrana yazdır. 

Böylelikle problemimizin çözümünü iki satır kod ile yapmış bulunmaktayız. Biraz daha örnek çözerek pekiştirelim. Şimdi ise elimiz de bulunan 7 adet sayının karesini ekrana yazdıralım.

sayi = [2, 8, 10, 5, 18, 45, 100]

for karesi in sayi: 

    print(karesi**2) 

Çıktı

4

64

100 

25 

324 

2025 

10000 

İşleri biraz karmaşık hale getirelim. Problemimiz şu şekildedir: 10 adet sayının sadece çift olanlarını ekrana yazdıralım.

sayi = [4, 7, 11, 16, 8, 9, 5, 21, 36, 81] 

for cift in sayi: 

    if cift % 2 == 0: 

        print(cift) 

Çıktı

4 

16

8

36

10 adet sayının toplamını ve çarpımını bulalım:

sayi = [4, 7, 11, 16, 8, 9, 5, 21, 36, 81]

toplam = 0

carpim = 1 

for islem in sayi:

    toplam += islem

    carpim *= işlem

print(" Toplam: {} \n Çarpım: {}".format(toplam, carpim))

Çıktı

Toplam: 198

Çarpım: 108637562880 

Kullanıcının girmiş olduğu 6 adet sayının toplamını ekrana yazdıran kodu yazalım:

toplam = 0 

for i in range(6):

    sayilar = int(input("Sayı giriniz: "))

    toplam += sayilar

print(toplam) 

Kullanıcı etkileşimi ile alınan sayılar

Sayı giriniz: 5

Sayı giriniz: 4

Sayı giriniz: 3

Sayı giriniz: 10

Sayı giriniz: 2

Sayı giriniz: 4 

Çıktı

28

 

 

    HTML nedir? Ne işe yarar? Web dünyası için önemi nedir? CSS nedir? HTML ile bir bağlantısı var mı? Bunların cevabını az sonra hep birlikte inceleyeceğiz.

    HTML (Hypertext Markup Language)’in terimsel karşılığı standart metin işaretleme dilidir. HTML için, web dünyasının temel yapı taşıdır diyebiliriz. HTML’ i insanlardaki iskelet yapısına benzetebiliriz. Nasıl iskelet olmadan deri ve organlar bir anlam ve bütünlük ifade etmiyorsa, HTML olmadan CSS bir anlam ve bütünlük ifade etmez.

İç yapısını inceleyecek olursak; HTML, “<head>” ve “<body>” etiketine sahip iki temel yapıdan oluşur.

    Head (Başlık) yapısı, web sitemizin “id” ’si yani kimliğini oluşturan, internet sunucularının (server) sitemizi tanımlamasını sağlayan yapıdır. İçerisinde sitemizin genel bilgilerini ve sitemiz içerisinde kullanacağımız kaynaklarımızı belirttiğimiz kısımdır. Temel başlık(head) yapısına örnek verecek olursak:

<head>

<title></title>

</head>

    Body yapısı ise, web sitemizin vücudunu oluşturan yapıdır. “Sitemizin elleri nasıl olacak, ayakları nasıl olacak? Ne tarz bir omurga üzerinde duracak? ” tarzı sorularının cevabını veren kısımdır. İnternet sunucuları, kimliğimizi okuyup sitemizi tanımladıktan sonra, sitemizin vücut yapısını okumaya başlar. Temel vücut(body) yapısını inceleyecek olursak:

<body>

</body>

    CSS (Cascading Style Sheets)’in terimsel karşılığı basamaklı stil şablonlarıdır. HTML ile web sitemizi temel olarak, başlık(head) ve vücut(body) yapıları üzerinde, internet sunucularımıza tanıttıktan sonra sitemizi giydirmeye başladığımız stil şablonudur. HTML ile oluşturduğumuz yapıların iç boşluğu, dış boşluğu, rengi, arka plan rengi gibi özelliklerini yapılandırabileceğimiz etiket bloğudur. HTML içerisinde bir etiket bloğu oluşturarak da, harici olarak “.css” uzantılı bir dosya açarak da düzenlenebilir. Tabi harici olarak düzenlediğimiz bir CSS dosyamız olacaksa, bunun HTML dosyamızın içerisinde kullanılabilmesi için HTML’imizin başlık(head) kısmının içerisinde dosyamızı kaynak dosyalarımız bölümüne eklemeliyiz! HTML içerisinde bir etiket bloğu olarak kullanabileceğimiz css yapısını tanımlayacak olursak:

<style type=”text/css”>

</style>

    Yazımızı özetleyecek olursak; HTML ve CSS için web ortamının ayrılmaz temel ikilisidir diyebiliriz. HTML olmadan CSS, CSS olmadan ise sade bir HTML tek başına bir anlam ve bütünlük ifade etmez. Web sunucuları, kendilerine tarafımızdan bir istekte bulunulduğunda, önce web sitemizin HTML yapısının başlık(head) kısmından sitemizi tanımlar, yani bizleri tanır. Sonra geriye kalan vücudumuzu kabataslak tanımlar. En sonunda ise üzerimizdeki kıyafetlerin ve vücudumuzun detaylı yapısını okur.

    Bir sonraki yazımızda temel HTML etiketlerini inceleyeceğiz, şimdilik görüşmek üzere…

 Python indirmiş olduğunuzu düşünerek hemen örneklerle başlıyorum.

Daha önce bir yazılım dili ile haşır neşir olduysanız belkide en çok garipseyeceğiniz ";" kullanılmıyor olması olacak (benim için öyle olmuştu).

python ile program yazmak oldukça keyifli ve kolay bu yazıda print, input ve değişken kavramını göreceğiz.


program:

print ("merhaba dünya") #bununla başlamasam olmazdı

çıktı:

merhaba dünya

program:

type("elma") #tipini belirler

çıktı:

<class 'str'>

program:

type(5)

çıktı:

<class 'int'>

program:

len("ozge")

çıktı:

4

program:

12**2 #12karesi

12**6 #12 altı kere kendisi ile çarpar

çıktı

144
2985984

program:

name= ozge #değişken

print (name)

çıktı:

ozge

program:

sayi1= int(input("birinci sayı"))
sayi2= int(input("ikinci sayı"))

toplam= sayi1+sayi2

print(toplam)

çıktı:

birinci sayı
ikinci sayı
"hangi rakamları girdiyseniz o rakamların toplam sayısını yazar"

 

Herkese yeni bir kodlama çalışması önerisinden merhaba...

Code.org sıkıldık başka bir kodlama çalışması arıyoruz diyorsanız ve ilkokul öğrencilerinizle yapacaksanız bu çalışmaları tam size göre bir kodlama sitesi buldum.

https://www.codingpiratesgame.com/ 

Ben çalışma yaparken çok keyif aldım. Umarım siz de keyif alırsınız.

 

Herkese yeni bir python yazısından merhaba...

Bugün liste konusuna bakacağız. Lise oluşturmak hayli basit ve kullanışlıdır. Döngü ile kullanımına geçmeden önce liste ile çalışacağız.


liste oluşturmak:

arkadas= ["ozge","ebru","ali"]


***oluşturduğumuz liste de listenin birinci öğesi ozge 0 dır. Ebru 1, Ali ise lisenin 2. sırasındadır. Dolayısıyla özge ismini yazdırmak istersek aşağıda ki gibi bir yöntem izlemeliyiz.


arkadas= ["ozge","ebru","ali"]

print (arkadas[0])

çıktı

ozge

liste içindeki öge sayısını bulmak:

arkadas= ["ozge","ebru","ali"]

uzunluk= len (arkadas)

print (uzunluk)

çıktı

3

kullanıcının klavyeden girdiği değeri listeye eklemek:

arkadas=[]
ad= input("arkadaşın adı= ")
arkadas.append (ad)
print (arkadas[0])

çıktı

arkadaşın adı= ozge
ozge

 Herkese hafta başından merhaba,

Yıllardır TEGV gönüllüsü biri ve bir çok farklı eğitimi vermiş biri olarak eğitim içerikleri bakımından en profesyonel ve en keyifli içeriğe sahip merkez. Okuyorum oynuyorum, paramı biriktiriyorum bunlardan sadece bir kaçı...




Bugün sizlere yine TEGV'den faydalı olabilecek bir kodlama etkinliğinden bahsedeceğim. Özellikle küçük yaş grubuna hitap ettiği için mail adresi istemiyor oluşunu oldukça pratik buldum. Bu nedenle eğer farklı bir kodlama çalışması arıyorsanız mutlaka denemenizi öneririm.

Algo Dijital: https://algodijital.com/ 

 

Aslında çok kolay ve keyifli bir Python konusu ile birlikteyiz.

Bugün Python kullanarak masaüstünde bir dosya oluşturmayı ve bu dosya içerisine yazı yazmayı göstereceğim.

dosya = open ("ozg.txt", "w") // bu komut sayesinde bir text dosyası oluşturuyoruz.
dosya.write ("özge sağlam") //oluşturmuş olduğumuz dosya içerisine istediğimiz bir yazıyı yazıyoruz
dosya.close // boş bir dosya görmemek için bu satırı yazmamız gerekiyor

Artık dosyanız hazır ve içine dilediğiniz yazıyı yazabilirsiniz.