Flutter Kurulum

Github

Sistemde git yüklü değilse ilk olarak git kuralım şart değil ama kurulu olmasını tavsiye ederim. Kurulum linki: https://git-scm.com/download/win.

Varsayılan seçili ayarlarda kurulumu devam edebilirsiniz. 

Bittikten sonra windows terminalden yada bash terminalden şu komutları girelim:

git config --global user.name  github-kullanıcı-adı
git config --global user.email github-email-adresi

Android Studio

Flutterın çalışması ve uygulamayı storeda yayınlayabilmek için android studio kurulu olması lazım. Şu adresten kurulum dosyasını indirilelim: https://developer.android.com/studio

Windowsta kurulum gayet basit varsayılan ayarlarda kurulum bitene kadar devam edelim.

Kurulumdan sonra gerekli bir kaç şeyi daha indirecek onlarda indikten sonra açılış ekranı gelince SDK Manageri açalım.

Açılan ekranda Android sdk command-line tools seçeneğini işaretleyip apply diyelim. Gerekli paketleri indirdikten sonra ok deyip pencereyi kapatabiliriz.

Tekrar açılış ekranına dönüp burdan bu sefer AVD manageri seçelim.

Açılan ekranda sol alt köşedeki Create Virtual Device seçeneğine basalım.

Açılan ekranda bir cihaz seçip (ben genelde pixel 4 olanı seçiyorum) next diyelim.

Gelen ekranda image dosyası seçimi yapılıyor ilk kurulumda image dosyası yüklü olmayacaktır muhtemelen o yüzden en üstteki image dosyasının yanındaki download a basarak indirelim. 

İndirme bittikten sonra next diyelim açılan ekranın sağ tarafında açıklama bölümünde bir hata mesajı yoksa kurulum sorunsuz tamamlandı demektir Finish deyip. Android studioyu kapatabiliriz.

Flutter

Flutterın kurulumu için flutter çalıştırma dosyalarının saklanacağı bir klasör oluşturalım (ben genelde c:/DevTools klasörünün içine koyarım bu tarz dosyaları) terminalden bu klasörün içinde “ git clone https://github.com/flutter/flutter.git -b stable ” komutunu çalıştıralım.

Eğer git yoksa https://flutter.dev/docs/get-started/install/windows sayfasından son sürümü indirip oluşturduğunuz dizine zip doyasının içindekileri çıkartabilirsiniz. (bu şekilde hiç kurulum yapmadım daha önce)

Kurulum tamamlandıktan sonra flutter çalıştırma dosyasını windows dizinine eklememiz gerekiyor terminalden “flutter” yazarak kullanabilmek için. Bunun için Advanced system settings e girmemiz lazım. Bunun için bilgisayarım a sağ tıklayıp özellikler dedikten sonra açılan pencereden  Advanced system settings (Gelişmiş sistem özellikleri) e tıklayalım. Açılan pencereden Environment variables a tıklayalım.

Açılan ekranda path seçili iken edite basalım.

Burda New a basıp C:\DevTools\flutter\bin (flutterı farklı bi yere kurduysanız ona göre değiştirin) girdikten sonra oka basın.

İşlem tamamlandıktan sonra terminali açıp flutter doctor yazalım.

Muhtemelen lisanslarla alakalı bir uyarı verecek lisansları kabul etmek için “ flutter doctor –android-licenses ” komutunu çalıştıralım bütün sözleşmeleri kabul edelim.

Tekrar flutter doctor komutunu çalıştıralım.

Eğer kurulum sorunsuz bir şekilde tamamlandıysa böyle bir ekran görüyor olmanız lazım.

Visual Studio ve Eklentileri

Eklentiler

Flutterı visual studio code da kullanabilmek için en temel eklenti olan flutter eklentisini kuralım kurarken dart plugininide beraberinde kurması lazım kurmaz ise onuda kuralım. 

Ayrıca benim kullandığım tavsiye edeceğim bir kaç eklenti daha var:

  1. Awesome Flutter Snippets (Neevash Ramdial): Özellikle stateless, stateful widget oluştururken bu eklenti sayesinde kolaylıkla temel classı oluşturabiliyorum. Ayrıca başka snippetlarıda var kullanışlı bir eklenti.
  2. Dart Data Class Generator (BendixMa): Data classları oluştururken gerekli constructure ve  copyWith(), toJson(), fromJson() gibi methodları kolaylıkla oluşturabiliyorum bu eklenti sayesinde. 
  3. bloc (Felix Angelov): Bloc state yönetimi kullanabilmek için olmazsa olmaz bir eklenti block için gerekli temel dosyaları otomatik oluşturmak ve widgetları parent BlocProvider, BlocBuilder vs. widgetlarına almak için kullanıyorum.

Visual Studio

Proje oluşturmak için visual studioyu kullanıyorum ben “ctrl + shift + P” ye basarak flutter new project yazıp gelen seçeneğe tıklayarak yeni proje oluşturabilirsiniz.

Burdan sonra template seçimi proje konumu proje adı gibi bilgileri seçtikten sonra projeyi oluşturup oluşturulan projeyi yeni bir visual studio code penceresinde otomatik olarak açılır.

Projeyi çalıştırmak için sağ alt köşede olan Chrome (web-javascript) e basıp açılan pencerede uygulamayı çalıştırmak istediğin (önceden oluşturulan) emülatörü seçelim. Emülatör açıldıktan sonra visual studio code da herhangi bir proje dart dosyası içerisinde “F5” e veya debug olmadan çalıştırmak için “ctrl + F5” e basarak uygulamayı emülatörden başlatabiliriz. İlk çalıştırma biraz uzun sürebilir. 

Gelişmiş Google arama operatörleri

Google arama operatörleri

Pek çoğumuz için internette bir konuyu araştırmanın ilk adımı bir Google araması. Kimi zaman aradığımıza ilk sorguda kolayca ulaşabiliyoruz. Kimi zaman ise, özellikle daha spesifik bir sonuca ihtiyaç duyduğumuzda, aradığımız sayfaya ulaşmak zorlaşabiliyor. Bu gibi durumlarda imdadımıza yetişen bir dizi yardımcıdan söz edeceğiz bu yazıda, Google gelişmiş arama operatörleri. Özellikle arama motoru optimizasyonu, dijital pazarlama ya da içerik üretimi ile ilgilenenler için bu operatörler aradığımıza ulaşmak konusunda harcayacağımız zamanı ciddi ölçüde kısaltabiliyor.

Arama operatörü nedir?

Arama operatörleri, Google aramanızı yaparken kullanabileceğiniz özel anahtar kelime ve işaretlerdir. Bunları kullanarak bulmak istediğiniz sonuçlar ile ilgili Google’a daha detaylı bilgi verebilir böylece karşılaşacağınız sonuçları filtreleyebilirsiniz. Okumaya devam et “Gelişmiş Google arama operatörleri”

Canonical etiketi nedir, nasıl kullanılır, nasıl kullanılmaz?

canonical etiketi

Canonical etiketi, arama motoru optimizasyonu ile ilgilenenlerin sıkça kullandığı fakat hakkında pek çok yanlış bilgi ve kafa karışıklığı bulunan konulardan birisi. Bu yazıda canonical etiketi nedir, nasıl ve ne zaman kullanılır, nasıl kullanılmaz gibi konulara açıklık getirmeye çalışacağız.

Her şeyden önce şunu unutmamakta fayda var. Canonical etiketini yanlış kullanmak çoğu zaman hiç kullanmamaktan daha kötü sonuçlar doğurur. Bu sebeple web sitenizde canonical etiketini kullanırken öncelikle tüm detaylarına hakim olmanız önemli. Bu yazıdaki amacımız da size bu konuda yardımcı olabilmek. Okumaya devam et “Canonical etiketi nedir, nasıl kullanılır, nasıl kullanılmaz?”

Big data nedir, ne işe yarar?

big data nedir

Son dönem teknoloji dünyasının en popüler konularından biri big data (büyük veri). Birkaç yıldır zaten teknoloji dünyasının zihnini meşgul eden bu kavram son günlerde Facebook’un Cambridge Analytica skandalı sonrası  artık standart internet kullanıcısının da gündeminde yer tutmaya başladı. Peki big data nedir, ne işimize yarar, neden bu kadar önemli, geleneksel veriden ne farkı var; bu yazıda büyük veri ile yeni tanışanlar için bu gibi sorulara yanıt vermeye çalışacağız. Okumaya devam et “Big data nedir, ne işe yarar?”

SSL nedir ve sitenizi neden daha güvenli hale getirir?

SSL nedir, nasıl çalışır.

Aslında çok uzun zamandır hayatımızda olmasına rağmen, son yıllarda nihayet hak ettiği önemi görmeye başlayan bir teknoloji SSL. Sunucu tarafında çalışan kişiler ve ilgilileri haricindekiler için belki görünürde sadece web adreslerinin http:// yerine https:// ile başlamasını sağlıyor olsa da aslında bilgi güvenliğimiz için bundan çok daha fazlası.

Google’ın bu konuda oldukça agresif tutumu, https’in son yıllarda parlayan yıldızının en önde gelen nedeni. 2014 yılında Google, resmi bloğundan yaptığı açıklama ile https’i arama sonuçlarının sıralanmasında bir kriter olarak dikkate aldığını resmen duyurdu.  2017 yılında itibaren de Chrome, http ile yayın yapan web sitelerini “Güvenli Değil” (non-secure) olarak işaretlemeye başladı. Şu anda http ile yayın yapan web siteleri, kullanıcıdan veri istediklerinde Chrome “Güveli Değil” uyarısını gösteriyor. 2018 yılı temmuz ayından itibaren ise artık sayfaya girişten itibaren bu sitelerin “Güvenli Değil” şeklinde işaretleneceğini duyurdu.

Peki SSL nedir, neden bu kadar önemli? Https web sitemizi neden ve nasıl daha güvenli hale getiriyor? Bu yazıda bu sorulara cevap vermeye çalışacağız. Okumaya devam et “SSL nedir ve sitenizi neden daha güvenli hale getirir?”

Bir internet sitesi nasıl çalışır? Domain, hosting, DNS nedir?

Bu yazıda biraz işimizin temellerine döneceğiz. Bir internet kullanıcısı tarayıcısının adres çubuğuna internet sitenizin adresini yazdığında, ana sayfanızı görene kadar hangi yollardan geçiyor, arka planda neler oluyor bunları açıklamaya çalışacağız.

Hangi işi yapıyor olursanız olun, çalıştığınız zemine hakim olmak önemlidir. Kullandığınız altyapıyı tanırsanız, bu altyapıda karşılaşmanız muhtemel problemleri önceden öngörebilir, öngöremediğiniz problemlerde de daha hızlı çözüm üretebilirsiniz.

Diğer bir deyişle, çalışırken neden çalıştığını bilmediğiniz bir internet sitesi çalışmadığı zaman da neden çalışmadığını bilemezsiniz. Okumaya devam et “Bir internet sitesi nasıl çalışır? Domain, hosting, DNS nedir?”

Müşteri edinme maliyeti (Customer acquisition cost)

Bir e-ticaret projesinin kaderini belirleyecek kritik metriklerden bir tanesi de müşteri edinme maliyetidir. Farklı kaynaklarda bu kavramla edinme maliyeti ya da edinme başına maliyet olarak da karşılaşabilirsiniz. (İngilizce kaynaklarda ise Customer Acquisition Cost ya da kısaca CAC olarak göreceksiniz.) Bu yazımızda müşteri edinme maliyeti nedir ve e-ticaret projeniz için neden önemlidir sorularına yanıt arayacağız.

Müşteri edinme maliyeti nedir?

Müşteri edinme maliyeti, yeni bir müşteri kazanmak için yaptığınız harcamanın toplamıdır. Diğer bir deyişle bir kişinin web sitenizden alışveriş yapması için onu ikna etmenin size maliyetidir.

Örneğin bir Adwords kampanyasında 1000 TL’lik bir reklam bütçesi ile bir çalışma yaptınız. Bu kampanya sonrasında sitenizden 40 kişi alışveriş yaptı ise, bu çalışmanın müşteri edinme maliyeti 1000 / 40 = 25 TL’dir.  Okumaya devam et “Müşteri edinme maliyeti (Customer acquisition cost)”

Google Alışveriş reklamları ve Merchant Center nasıl kullanılır?

Ürünler ile ilgili Google aramalarınızda “Google Alışveriş sonuçları” başlığı altında aşağıdaki gibi bir sonuç ile karşılaşmışsınızdır muhtemelen. Google bir süredir klasik Adwords arama ağı reklamlarının yanı sıra, sonuç sayfalarında arama ile ilişkili ürünleri isim, fiyat, marka ve görselleri ile birlikte farklı bir biçimde arama sonuçlarında sergiliyor ve arama yapanların doğrudan aradıkları ürüne ulaşabilmelerini sağlıyor.

Google Alışveriş sonuçları
Örnek Google Alışveriş sonuçları

Bu durum elbette e-ticaret firmaları için de yeni dijital pazarlama fırsatları anlamına geliyor. Bu yazıda alışveriş reklamları nasıl hazırlanır, Google’a bu bölüm için ürünlerinizi nasıl bildirecek ve güncelleyeceksiniz, Adwords üzerinden ürün reklamlarınızı nasıl yönetebilirsiniz gibi sorulara cevap vermeye çalışacağız. Okumaya devam et “Google Alışveriş reklamları ve Merchant Center nasıl kullanılır?”

Google Search Console hakkında bilmeniz gereken her şey

Google Search Console nasıl kullanılır

Google Search Console (eski adıyla Google Webmaster Tools) web sitenizin Google aramalarındaki performansını izleyebilmeniz, iyileştirebilmeniz ve olası problemleri görüp gerekli durumlarda Google ile iletişim kurmanızı sağlayan ücretsiz Google servisidir.

Bu yazıda Search Console nasıl kullanılır sorusundan başlayarak web sitenizin arama performansını iyileştirmek için Search Console üzerinde yapmanız gereken işlemlerden söz edeceğiz. Okumaya devam et “Google Search Console hakkında bilmeniz gereken her şey”