Konular

Eskiler

Posts by Ahmet Tolga Sarıyıldız

İnternet Dünyasının Göz Bebeği Google

Internet Dünyasının Göz Bebeği 4 Eylül 1998 yılındaki kuruluşundan sonra internet dünyasının göz bebeği Google, ilerleyen yıllar boyunca çok hızlı bir şekilde büyüyerek, büyük bölümü ABD ' de bulunan kapitalist dev şirketler arasında kendine yer bulmuştur. Öyle ki 2017 yılının Fortune Dünyanın en değerli şirketleri listesinde 1 numarada Google gösterilmiştir. Bu da gösteriyor ki şuan piyasaya hakim olmak istiyorsanız, kapitalizm unsurlarının tümünü bünyenizde bulundurmanız gerekmektedir. Internetin dünyada yaygınlaşmaya başladığı doksanlar sonunda ortaya çıkmış olan Google, kurucularının bile aklına gelemeyecek kadar hızlı büyüyerek, birleşik devletler piyasasına egemen olmasının yanında, tüm dünyanın bildiği bir kelime haline geldi. Google ile serbest piyasa ekonomisi arasındaki bağlantıyı isterseniz bir örnekle açıklayabiliriz. Örneğin dünya üzerinde neredeyse tüm ülkelerde şubesi olan bir fast-food zincirini düşünün. Sizin şehrinizde sevdiğiniz tarzda yemekler sadece orada ise gider orada ihtiyacınızı karşılarsınız. Aynı firmaya benzer kalitesi daha düşük olan bir restorana, ekonomik şartlarınız el veriyorsa gitmezsiniz. (Kaliteli olanı daha pahalı olarak düşünürsek).…

Mars Görevine İnsanlık Olarak Ne Kadar Hazırız?

İNSANLIK MARS GÖREVİNE HAZIR MI ? Dünya Dışı Koloni Projelerinde Kızıl Gezegen' in Seçilme Nedenleri Uzay ve İnsan yazı serimizin ikinci yazısı olan "Dünya İnsanı Mars görevine ne kadar hazır?" isimli yazımızda, şuan da Mars'a planlanan görevlerden ve koloni projelerinden bahsederken aynı zamanda, bunun psikolojik ve fiziksel etkilerini irdeleyeceğiz. İnsanlık günümüzde, 200 yıl öncesi düşünüldüğünde teknolojik açıdan inanılmaz derecede ileri gitmiştir. Bu yüzden Dünya dışına yolculuk etme fikri son yıllarda iyiden iyiye güçlenmeye başlamıştır. Dünya üzerinde bile keşfedilmeyi bekleyen onca sır varken, uçsuz bucaksız evrende bizlere bekleyen milyonlarca sır olduğunu düşünmek kaçınılmazdır. İnsanlık olarak sahip olduğumuz merak duygusu nedeniyle bu konulara fazlaca yatırım yapmaktayız. Uzay araştırmalarına bunca yatırım yapılmasının sebebi elbette sadece meraka bağlanamaz. Artan dünya nüfusu sebebiyle, gün geldiğinde alternatif bazı dünyalar oluşturmak gerekebilir. Bunu sağlayabilecek potansiyele sahip yerlerden biri de hiç şüphesiz kırmızı gezegen (Mars) dir. Dünya dev bir ateş topu iken kızıl gezegen de hayatın filizlendiği, Curiosity…

İnsanlık Dünya Dışı Yaşama Hazır mı?

Dünya Dışı Yaşam (Extraterrestrial Life) - Uzay ve İnsan 1 Uzay ve İnsan yazı dizimizin ilk bölümü olan "İnsanlık Dünya Dışı Yaşama Hazır mı?" adlı yazımıza hoş geldiniz. Dünya dışı yaşam, dünya sınırları dışında herhangi bir yerde olabilecek, belli organik bileşenlerin varlığına ihtiyaç duyan yaşama verilen genel bir isimdir. Şuan bildiğimiz anlamda yaşam sadece dünyada var olmakla beraber, evrenin büyüklüğü nedeniyle başka noktalarda da olması kesine yakın bir olasılıktır. Bulunduğunda insanlık için en büyük bilimsel gelişme olacak dünya dışı yaşamın insanlık için ne gibi bir sonuç doğuracağı oldukça belirsizdir. Bu sonuçlara hazır olmadığımız da bariz bir şekilde görülmektedir. Çünkü insanlık etik değerler açısından henüz gereken seviyeye ulaşmış değildir. İlkelliğini henüz kaybetmemiş olan insanlık, doğayı zalimce bozmakta, yol açtığı kirlilikle dünyanın doğal dengesini bozmaktadır. Büyük bir olasılıkla, bizi dünya dışından ziyaret ettiğini varsaydığımız bir medeniyet, bu bozuklukları gördüğünde bizlere müdahale etmek isteyebilir. Belki de bu durum insanlığın sonunu getirebilecek bir gelişme…

Web 3.0 – Anlamsal Web Kavramı (Semantic Web)

WEB 3.0 Nedir ? Anlamsal ağ ve anlamsal veritabanı unsurları içinde barındıran web kuşağını ifade etmek için kullanılan Web 3.0,  şu an içinde bulunduğumuz web teknolojilerin tümünü ifade etmektedir. Yazı İçerikleri 1. Anlamsal Ağ Nedir? XML, XML Schema Kavramları RDF ve OWL Nedir?  2. Web 3.0 hayatımıza neler getirecek? Semantik Web Konusunda Yapılan Google Çalışmaları Anlamsal Ağ Nedir? Web içerisinde yer alan tüm verilerin yazılımlar tarafından anlaşılabilir, kullanılabilir ve hatta yorumlanabilir olmasını sağlayan, çeşitli yapılar kullanarak bilgilerin yorumlanması, paylaşması gibi işlemlere gerçekleştirmeye yarayan Web teknolojilerin tümüne anlamsal ağ adı verilmektedir. Günümüzde anlamsal ağ konusunda en önemli çalışmaları, tahmin edeceğiniz gibi Google üstlenmektedir. Çünkü bahsettiğimiz konu, en çok arama motorlarını ilgilendiren bir konudur. Örneğin bir bilgisayar satın almak isteyen kullanıcı arama motoruna "en ucuz bilgisayar" veya farklı bir filtre kullanmak istediğinde  ayrı ayrı arama yapmak, tüm siteler arasında karşılaştırması yapmak zorundadır. Yani web sitelerini okuma işlemini bizzat kendisi yapması gereklidir. İşte tam…

jQuery UI API – Front End Programlama

jQuery UI Nedir ? jQuery UI, jQuery javaScript kütüphanesi ile yazılmış, kullanıcı arayüzü bileşenleri , web sitesi efektleri ve form elemanları gibi web programlama unsurlarını içinde barındıran, oldukça sık kullanılan bir API yapısıdır. Ön yüz geliştiricisi birçok yazılımcı bu UI yapılarını kullanarak çeşitli işlemleri gerçekleştirmektedir. Form yapılarını ve bazı basit efektleri bu yapılar ile gerçekleştirmek oldukça pratiktir. Yazımızda Bulunan İçerikler  1- User Interface (Kullanıcı Arayüzü) Widget Unsurları Sortable Selectable Draggable Droppable Resizable 2- jQuery UI Widget Kullanımları Accordion Autocomplete Checkboxradio Controlgroup Datepicker Dialog Menu Progressbar Selectmenu Slider Spinner Tooltip 3- Bazı jQuery UI Efektleri Add Class Remove Class Switch Class Toggle Toggle Class Color Animation Effect Show Hide 4- Nereden ulaşabilirsiniz?  User Interface (Kullanıcı Arayüzü) Widget Unsurları Sortable: HTML sayfası içerisinde liste şeklinde tasarlanan ve liste elemanlarını fare yardımıyla sıralamanızı sağlayan javascript yapılarıdır. Selectable: Liste elemanlarını tek tek veya grup olarak seçme imkanı sunan kullanıcı arayüzü bileşenlerindendir. Draggable: HTML etiketlerini fare yardımıyla hareket ettirebilmemizi sağlayan Jquery…

What is Alexa Traffic Rank? WordPress and SEO

What is Alexa Traffic Rank? Why is it important? We are talking about the reasons why Alexa ranking is important in general and the ease of using WordPress for Seo. Some Important Seo Criteria Why is Alexa Traffic Rank important? WordPress Why Seo Is a Compliant Content Management System? Some Important Seo Criteria 1) The keyword you are focusing on must be in the seo title and meta description When determining the keyword, the most commonly used word should be selected on the related page. However, if too much use of the word leads to difficulties in text narration, it should also be noted. That is, key words should be used wherever necessary in the text. 2) The keyword must be used within separate tags within the H1 and H2 tags. The most important tag in the text of an HTML page is the title. Of course, the most important…

Alexa Trafik Rank Nedir? WordPress ve SEO

Alexa Trafik Rank Nedir ? Neden Önemlidir ? Yazımız genel olarak Alexa sıralamasının neden önemli olduğundan ve Seo için Wordpress kullanımının sağladığı kolaylıklardan söz etmektedir. Bazı Önemli Seo Kriterleri Alexa Traffic Rank neden önemlidir? Wordpress Neden Seo Uyumlu bir içerik yönetim sistemidir ? Bazı Önemli Seo Kriterleri 1) Odaklandığınız anahtar kelime seo başlığı ve meta description içerisinde bulunmalıdır Anahtar kelime belirlenirken ilgili sayfada en çok kullanılan kelime seçilmelidir. Ancak kelimeyi çok kullanmak metin anlatımında sıkıntıya yol açıyorsa buna da dikkat etmek gerekir. Yani anahtar kelimeler metin içerisinde gerekli yerlerde kullanılmalıdır. 2) Anahtar kelime H1 ve H2 etiketleri içerisinde, ayrı yapılar içerisinde kullanılmalıdır. Bir HTML sayfasındaki metinler içerisinde en önemli etiket başlıktır. Anahtar kelimenin en başta yer alması gereken yer de şüphesiz ki en önemli HTML başlıkları olan h1 ve h2 etiketleridir. Sayfada odaklanılması gereken anahtar kelime Google arama robotları tarafından ilk başta başlıklara bakılarak tespit edilir. Buna göre Google indekslerindeki anahtar…

Bootstrap Hazır Tema Kullanımları 2

Bootstrap Site Temaları İnceleyeceğimiz Şablonlar: E-Ticaret Web Sitesi Şablonu 1 Mağaza Web Sitesi Şablonu Mağaza Web Sitesi Şablonu 2 Analiz Web Sitesi Şablonu Nereden ulaşabilirsiniz ? Son E-Ticaret Web Sitesi Şablonu Bootstrap E-Ticaret sitelerinde sunduğu avantajlar sayesinde sıklıkla kullanılmaktadır. Sütun ve satır mantığının sağladığı kolaylıkların yanında ( Bootstrap Grid Yapısı ) ürünlerin listelenmesi, butonların yerleşimi gibi konularda da kolaylık sağlamaktadır. Ayrıca web sitesi geliştiricilere Sidebar yerleşimi konusunda da pratiklik kazandırmaktadır. İçerikler kısmı istenilen şekilde üç, dört hatta altı eşit sütuna bölünebilir. Ürünlerin ve butonların durumuna göre çeşitli şekillerde tasarımlar geliştirilebilir. Aşağıdaki bağlantıda E-Ticaret  sitesinde kullanılabilecek örnek bir web sitesi şablonuna ulaşabilirsiniz. Uygulamaya bu bağlantıdan ulaşabilirsiniz.   Mağaza Web Sitesi Şablonu Kurumsal firmaların web sitelerinde kullanılabilecek bu Bootstrap şablonu, temel olarak basit bir grid yapısıyla tasarlanmıştır. Bu şablonu kullanan web siteleri diğerlerinden farklı olarak genellikle slayt kısmı içermektedir. Bu şablonda içerik kısımları genellikle üç sütuna ayrılarak tasarlanmaktadır. Header kısmında bir navigasyon menüsü, onun…

Bootstrap Hazır Tema Kullanımları 1

Bootstrap Hazır Tema Kullanımları Bu yazımızda Bootstrap hazır tema kullanımları konusundan bahsedeceğiz. Aşağıdaki soruları yanıtlamaya çalışacağız. Temel olarak bir HTML sayfasının hangi bölümlerden oluşur? Bootstrap temalarının sitemizde nasıl kullanılması gerekir? İnceleyeceğimiz Şablonlar: Temel Web Sitesi Şablonu Blog Web Sitesi Şablonu Sosyal Web Sitesi Şablonu Portfolyo Web Sitesi Şablonu   Temel Web Sitesi Şablonu Bootstrap ve HTML kullanarak oluşturulan web sayfası HTML etiketleri içerisinde dört bölümden meydana gelir. HTML sayfası ise Head ve Body olmak üzere iki temel alandan meydana gelmiştir. 1.Head Meta tanımlamaları,script yapıları ve link atamaları bu kısımda yapılmaktadır. Temel bir HTML sayfasında bulunması gereken, önemli bir kısımdır. Bootstrap hazır tema kullanımları için kritik öneme sahip bir bölümdür. 2.Header ve Navigasyon Kısmı (Body İçerisinde) Menü ve logoları yer aldığı kısımdır. Navigasyon menüsü birden fazla sayfadan veya tek sayfadan oluşmuş web sitelerinde sıklıkla kullanılmaktadır. Bir sitenin kimliği sayılabilecek logolar da web tasarımda önemli bir yerdedir. Bu kısımların tanımlamaları ve tasarımları genel olarak…

HTML Nedir ? – HTML5 ve CSS – JS ile Uyumu

HTML5 ve CSS – JS ile Uyumu HTML5 temel web teknolojilerinin başında gelen, web üzerinde statik sayfaları oluşturmak için geliştirilmiş yüksek metin işaretleyici dil olarak adlandırılan bir işaretleme dilidir. Çoğu bilişim otoritesi için HTML dili bir programlama dili değil XML gibi bir işaretleme dilidir çünkü tek başına server taraflı ya da kod arkası olarak işlev yapmaz. ÖNEMLİ NOT: Web Teknojileri her geçen gün kendini geliştirmekte ve kullanıcılara spesifik deneyimler kazandırmayı amaçlamaktadır.Bir web sitesinin görünümü tasarlanırken ilk olarak temel bir HTML yapısı tanımlanarak , kullanıcıya sunmaya çalıştığımız hizmet ne ise ona göre bir tasarım planı çıkartılması gerekir. Örneğin üst düzey bir e-ticaret web sitesi oluşturduğumuzu düşünürsek şüphesiz bir web sitesi dinamik bir şekilde olacak ve server tarafında çalışacak olan bir programlama dili kullanılması gerekecektir. Hiç şüphesiz bu dillerin en popülerleri ASP.Net ve PHP dir. HTML yapısı oluşturulurken etiket yapıları kullanılır ve bunlara bazı özellikler (attribitues) atayarak çeşitli ayarlamalar ve sınıflamalar yapabilirsiniz.…

Şekil ve Resim – HTML CANVAS

Şekil ve Resim – HTML CANVAS Geometrik Şekil Oluşturma HTML Canvas kullanarak temel geometrik şekiller oluşturmak son derece kolaydır. HTML dilinin temellerini iyi bilen bir web tasarımcısı kolaylıkla canvas özelliklerini kullanabilir. Bu yazımıza temel geometrik şekillerin çizimlerinden bahsederek başlıyoruz. NOT : Yazımız yapılması gereken işlemlerden teorik olarak bahsetmektedir. Vereceğimiz bağlantılar ile örnek uygulamalarımıza ulaşabilirsiniz. Daire Daire çizimi için kullanacağımız js metodu arc() olacaktır. Bu metod daha önceki yazımızda eğimli çizgi oluşturabilmek için gerekli olduğundan bahsetmiştik. Daire oluştururken x ve y koordinatlarını belirleyen iki değişken ile radius özelliklerinden faydalanmamız gerekmektedir. Örnek uygulamamız için bu linkten faydalanabilirsiniz : Linke ulaşmak için tıklayınız… Dikdörtgen Dikdörtgen çizimi için ise kullanacağımız temel metod rect() olacaktır. Böylece dört çizgiden oluşan dikdörtgen şeklinde bir geometrik çizimi html sayfamızda çizdirmiş olacağız. Genişliği belirlemek için width özelliğini ve boyutlarımızı belirlemek için ise x ve y koordinat değerlerini kullanacağız. Örnek uygulamamız için bu linkten faydalanabilirsiniz : Linke ulaşmak için tıklayınız… Yarım Daire Daire…

BOOTSTRAP CSS Buton Sınıfları

BOOTSTRAP CSS YARARLI SINIFLAR II ( Buton Sınıfları ) Sitemizde daha önce bahsetmiş olduğumuz Bootstrap için yararlı sınıflarına Buton sınıfları ile devam ediyoruz. İsterseniz lafı fazla uzatmadan kaldığımız yerden devam edelim Bootstrap Buttons Sınıfları: Bu sınıflar; tahmin edeceğiniz gibi, tasarladığınız butonları responsive olarak stillemek için kullanılır. Sınıfların tek tek açıklamasını yapmak yerine direkt görselde paylaşacağım örnekle devam edelim. NOT : Eğer Bootstrap stil dosyalarını nerden bulacağınız diyorsanız ilk yazımız olan Bootstrap CSS Nedir? yazısını okumanızı tavsiye ederim. Buton büyüklüğünü için de Bootstrap da tanımlanmış özel sınıflar yer almaktadır. Kullanacağınız classları test etmek için ilk görselde verdiğim butonlarınızın class özelliğini değiştirmeniz yeterlidir. btn-lg : En büyük buton stilidir. btn-md: Orta büyüklükte olan buton stilidir. Normal bir PC için kodlanmış sınıftır. btn-sm: Küçük butonlar için kodlanmış bu buton stili akıllı telefonlar hesaba katılarak oluşturulmuştur. btn-xs : En küçük buton stilidir. Kullanılırken html etiketinde class özelliği kullanılmalıdır. Bir çok sınıfı aynı atama içerisinde kullanabiliriz.Birden…

Bootstrap Css Kullanışlı Sınıflar

Bootstrap Css Kullanışlı Sınıflar Bootstrap Css barındırdığı sınıflar açısından oldukça kullanışlı bir web teknolojisidir. Css konularına başka bir boyut kazandıran Bootstrap teknolojisi bir çok önde gelen web sitesi ve sosyal medya platformlarında kullanılmaktadır. ( Twitter bootstrap kullanılan en önemli sitedir. Yabancı ve yerli bir çok sitenin kullandığı bilinmektedir. ) Bizim asıl bahsedeceğimiz konu bu kullanışlı sınıflar nelerdir ve nasıl kullanılırlar ? Dilerseniz ilk konumuz ile başlayalım… BS Wells Tanımlandığı elemana gri ve yuvarlak  köşeli bir arkaplan verir. Hazır bir span etiket sınıfı gibi düşünebilir ve güzel bir tasarım için gerekli olabilir. BS Sınıflar – Tables TABLE sınıfı: Normal bir tablo eklemek için kullanılan yararlı bir CSS sınıfıdır. HTML tablosuna benzemekle beraber responsive olarak tablo oluşturmaya yarar.Örnek kullanım aşağıdadır. TABLE-STRIPED: Eğer tablomuzun bir siyah bir beyaz arkaplana sahip şekilde verilerden oluşmasını istiyorsak bu sınıfı kullanabiliriz. Daha iyi anlamanız için aşağıda paylaşacağım görselden faydalanabilirsiniz. Bu tabloyu oluşturmak için yukarıdaki kodda yer alan “class=table”…

HTML Canvas Nedir? Nasıl Kullanılır?

HTML Canvas Nedir ? HTML sayfası üzerinde istediğiniz bir şekilde çizim yapmaya ve bu çizimleri kullanarak dinamik bir görünüm sağlamaya yarayan bir HTML etiketidir. Canvas ile Javascript’den de faydalanarak çeşitli oyunlar kodlanabilmekte ya da çeşitli animasyonların gerektiği HTML sayfalarının tasarımları da gerçekleştirilebilmektedir. Daha iyi anlamanız adına teknik detaylar yerine günlük dile daha yakın bir anlatımı sizler için uygun gördüm.Canvas tasarımları 2D (iki boyutlu) veya 3D (özellikle oyun tasarımlarında) şekilde oluşturulabilmektedir. HTML5 teknolojisinin sağladığı en önemli özelliklerden biri hiç şüphesiz “canvas” etiketinin ortaya çıkmasıdır. Temel Şekiller Çizgi (Line) Web sayfası üzerine bir çizgi çizebilmesini sağlayan bir özelliktir. Çizilecek çizginin kalınlığı,uzunluğu,eğimi,rengi gibi bir çok özelliği yapacağınız tanımlamalar ile belirleyebilirsiniz. Temel bazı fonksiyonları kullanarak çizgi özelliklerini belirleriz.İşte bunlardan bazıları : 1.lineTo(): Çizgi eğimini belirlemek için kullanılır. Çizginin eğik yada düz olmasını bu özellik sayesinde ayarlayabiliriz. 2.beginPath(): Çizim yapılmaya başlandığığını deklara eden canvas metodudur. Bu metot line(çizgi) oluşturmak için her zaman gereklidir. 3.stroke(): Çizimin…

1 2