• Anasayfa
  • Hakkımızda
  • Ücretsiz KOÇA Eğitim Kayıt
  • KOÇA Kurs Başvuru
  • Gönüllümüz Ol!
Blogger tarafından desteklenmektedir.
facebook twitter instagram Email

Kodlayan Çocuk Akademisi

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




















Share
Tweet
Pin
Share
No yorum

Ö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.





Share
Tweet
Pin
Share
No yorum

 

TEMEL BODY TAGLARI

Herkese merhaba! Temel HTML taglarından bahsetmiştik geçtiğimiz yazımızda. Bu yazımızda ise biraz daha detaya inip, HTML iskeletimizin body(vücut) bölümünü ele alacağız. Peki body nedir? Temel body etiketleri (tags) nelerdir? Gelin bugünkü yazımızda bu sorularımızın cevabına birlikte göz atalım.

Body,  internet adresimizin içerik bölümünü oluşturduğumuz, header, paragraf, image gibi bir internet sayfasının temel etiketlerini içerisinde barındıran HTML kod bloğudur. Sitemizin genel içerik yapısını tanımlayacağımız kısım tam da burası. O zaman ne bekliyoruz? İçerik tasarımımıza başlayalım.

Öncelikle sitemize “HOŞGELDİNİZ!” başlığını koyarak başlayalım. Başlık için HTML header kod blog yapısını kullanacağız. Header yapısı 6 temel boyuttan oluşuyor. Bu boyutlar sırasıyla; h1, h2, h3, h4, h5, h6. Başlığımızı <h1></h1> etiketlerinin arasına yazıyoruz.

TEMEL HEADER BOYUTLARI

HTML KODUMUZ:

<!DOCTYPE html>

<html>

<head>

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

</head>

<body>

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

</body>

</html>

WEB GÖRÜNÜMÜ

Şimdi ise sitemizi tanıtacak bir tanıtım cümlesi yazalım. Herhangi bir başlığın altına açıklama kısmı için paragraf eklemek istersek açıklamamızı HTML paragraf kod blog yapısı olan <p></p> içerisinde yazmamız gerekir. Örnek açıklama cümlesi olarak sitemize “Bu bir yazılım eğitimidir” yazalım.

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>


WEB GÖRÜNÜMÜ:

Şuan için gayet iyi gidiyorsunuz! “Her şey güzel ama ben cümlemdeki yazılım eğitimidir kısmındaki yazılım kelimesini vurgulamak istiyorum.” diyelim. Bu sorumuzun çözümü için ise HTML bold kod blog yapısını kullanarak, belirginleştirmek istediğimiz yazımızı <b></b> etiketlerinin arasına alıyoruz.

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>

WEB GÖRÜNÜMÜ:


Evet, yazımız istediğimiz gibi belirgin oldu. Belirgin oldu ama estetik durmadı. Bu kelimemizi biraz daha estetik yapalım mı? Ne dersiniz? Kelimemizi estetik yapmak için HTML italik kod blog yapısını kullanabiliriz. İtalik kod blog yapısını kullanmak için kelimemizi bold etiketiyle birlikte <i></i> etiketinin içerisine alıyoruz.

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>


WEB GÖRÜNÜMÜ:

 


Son olarak sitemize bir de resim ekleyelim ve tamamlayalım. Sitemize resim eklemek için image kod blog yapısınu kullanmamız gerekiyor. İmage kod blog yapısının içerisindeki src, resmi getirmek için gidilecek hedefi belirttiğimiz kısım. Src’ nin içerisine, koyacağımız resmi, uzantısı ve hedefiyle beraber yazıyoruz.

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>

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

</body>

</html>


WEB GÖRÜNÜMÜ:



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!

Share
Tweet
Pin
Share
No yorum
Older Posts




Kodlayan Çocuk Akademisi,

9-14 yaş arası dezavantajlı öğrencilere Kodlama, Yazılım ve 3B Tasarım eğitimlerini her Cuma, Cumartesi ve Pazar günleri 18:00-18:40 saatleri arasında ücretsiz veren bir platformdur. KOÇA Kursları 9-14 yaş arası isteyen ve bu eğitimler ile kendini geliştirmek isteyen öğrencilere her ay 3 hafta boyunca 10:00-17:00 saatleri arasında vermeyi amaçlayan bir Sosyal Girişimdir.


Takip Et!

  • facebook
  • twitter
  • instagram

İletişim Formu

Ad

E-posta *

Mesaj *

Eğitim İçerikleri

Kodlama Tasarım Yazılım

Sponsor

Created with by ThemeXpose