GUI Programming Introduction - Computerphile Computerphile English Turkish

GUI Programming Introduction - ComputerphileYouTube↗ IA↗(long shot)
Education 132.9K views 4K likes 168 dislikes 17 Apr 2019

Computerphile 2.6M subscribers N/A YouTube↗

Click to Play Video

GUI stands for a graphical user interface GUI

GUI bir grafik kullanıcı arayüzü GUI anlamına gelir

And so you get the acronym GUI and he's probably the predominant way we interact with computers today and with mobile phones

Ve böylece GUI kısaltmasını alıyorsunuz ve muhtemelen bugün bilgisayarlarla ve cep telefonlarıyla etkileşimde bulunmamızın baskın yoludur.

That's the term that sees these days in the 80s people tended to refer to them as wimps windows

Bu, 80'li yıllarda bu günlerde görülen terim, onlara perdeleri pencereler olarak gönderme eğilimindeydi.

Icons mice and pulldown menus or windows icons menus and pointers

Simgeler fareler ve açılan menüler veya pencereler simgeler menüler ve işaretçiler

Depending on which version of the acronym you went to well that pretty much just describes

Kısaltmanın hangi versiyonuna bağlı olduğunuza bağlı olarak hemen hemen sadece

The systems we get on computers today a GUI can refer to any sort of graphical user interface

Bugün bilgisayarlarda aldığımız sistemler bir GUI ile her türlü grafiksel kullanıcı arayüzüne başvurabilir.

Your mobile phone doesn't have pointers on it and so on a 3d virtual reality interface is a graphical user interface

Cep telefonunuzda işaretçiler yoktur ve bu yüzden bir 3d sanal gerçeklik arayüzü üzerinde grafiksel bir kullanıcı arayüzüdür.

but if put doesn't have nice or pulldown menus involved

ancak eğer içeriğinde hoş veya açılan menüler yoksa

When it comes to writing GUI software things become

GUI yazılımı yazmaya gelince her şey yolunda

More interesting than writing sort of traditional command-line software or software

Geleneksel komut satırı yazılımları veya yazılımları yazmaktan daha ilginç

Where you're typing into the software and the reason is is that when you write a program of the traditional sort the command line sort

Yazılıma girdiğiniz yer ve bunun nedeni, geleneksel sıralama programlarını yazarken komut satırını sıralamaktır.

You have control as a programmer. I mean, let's think about that simple program. We looked at before and I shall just sketch it out

Programcı olarak kontrolün var. Diyelim ki bu basit program hakkında düşünelim. Daha önce baktık ve ben sadece onu çizeceğim

We have our main function and then we say printf and then we have some text hello world

Başlıca işleve sahibiz ve sonra printf deriz ve sonra bir metin merhaba dünyamız olur.

Whatever it is and it prints out in that order now

Her ne ise ve şimdi o sırayla yazdırıyor

Let's say we wanted to write a program that would ask you what your name is. And then ask you when your birthday is

Diyelim ki adınızın ne olduğunu soracak bir program yazmak istedik. Ve doğum günün ne zaman diye sor

So we could write the same cell phone

Böylece aynı cep telefonunu yazabilirdik

so we print out that and then we would say we want to read some text and because we're using

bu yüzden bunu basarız ve sonra biraz metin okumak istediğimizi söyleriz ve çünkü

C we need space to read in the name

C adına okumak için alana ihtiyacımız var

So we need a variable to store that in might be a long name and then we say we want to read in

Bu yüzden uzun bir isim olabilir saklamak için bir değişkene ihtiyacımız var ve sonra okumak istiyoruz

we using the scanf function a

scanf işlevini kullanıyoruz

String in two names so we can read him today and then we can print out another message

İki isim yazınız, böylece onu bugün okuyabiliriz ve sonra başka bir mesajı yazdırabiliriz.

Please enter your age your birthday

Lütfen yaşınızı doğum gününüze girin

whatever it is you want and then you can say

istediğin her neyse, sonra söyleyebilirsin.

read in that and you can specify that you want that to be an integer followed by slash followed by

bunu okuduğunuzda, bunun ardından gelen ve ardından gelen bir tam sayı olmasını istediğinizi belirtebilirsiniz.

Another integer followed by a slash followed by another integer don't like that

Bir başka tamsayı izleyen bir eğik çizginin ardından başka bir tam sayı bundan hoşlanmaz

And so then you can read in that and you've got control

Ve böylece bunu okuyabilirsin ve kontrolünü ele geçirirsin.

You know that when the user types here

Kullanıcı burada yazdığında bunu biliyorsunuz

They're typing in their name or should be typing in the name because of putting in keys there and when you're typing in here

Kendi isimlerini yazıyorlar ya da anahtarları buraya girdiğiniz için ve buraya yazarken isimleri yazıyor olmalılar.

They're typing in the date and you can check them

Tarihi yazıyorlar ve siz de kontrol edebilirsiniz.

They've put the right things it if we were to do the same thing where the GUI

GUI'nin olduğu yerde aynı şeyi yaparsak doğru olanı koydular.

Then things get a little bit more interesting. So let's try and create one. I'm using Xcode

O zaman işler biraz daha ilginçleşiyor. Öyleyse bir tane yaratmaya çalışalım. Xcode kullanıyorum

I'm using a Mac here because I have a Mac on my desk exactly the same would apply for Windows and Atari ST

Burada bir Mac kullanıyorum çünkü masamda aynı Mac var ve aynısı Windows ve Atari ST için de geçerli.

A I'll click on it archimedes

Ben üzerine tıklayacağım arşimet

Whatever is it you wanted to do it on so let's have a window and let's start building the same sort of thing

Hangisini yapmak istersen, o yüzden bir pencere açalım ve aynı şeyi yapmaya başlayalım.

So we've got our window so we want some text. So let's put in a label that says name

Demek ki penceremiz var, biraz metin istiyoruz. Öyleyse adı yazan bir etiketi koyalım.

And then we want to actually put in space for the person's type in their name

Ve sonra aslında kişinin ismindeki tipine yer açmak istiyoruz.

So we'd have a text field drop that in as well. We can line all that's it

Böylece bir de metin alanını bıraktık. Hepsi bu kadar sıraya girebiliriz

We've now got space for that to do so and do the same again. They report birthday

Şimdi bunu yapmak ve tekrar yapmak için yerimiz var. Doğum günü rapor ettiler

and again, we'd have another text field so it isn't just

ve yine, başka bir metin alanımız olurdu, o yüzden sadece

One summer so yeah, I mean at this point

Bir yaz çok evet, bu noktada demek istiyorum

we're not really what we are programming but we're declaring so what we want in the thing and we're defining it using a sort of

biz gerçekten programladığımız şey değiliz ama ilan ediyoruz, yani istediğimiz şeyi istedik ve bir çeşit kullanarak tanımladık.

GUI thing which makes it nice and relatively straightforward to implement

Uygulamayı kolaylaştıran ve göreceli olarak basitleştiren GUI şeyi

And that's great but that

Ve bu harika ama o

Only gets us as far as what peers in though that just saves typing lots and lots of boilerplate code

Sadece bizi, akranların başına gelene kadar alır, bu sadece çok sayıda ve çok sayıda kodlu kod yazarak tasarruf etmenizi sağlar

Which says add a text box at this position and so on and does that and gooeys are a great example of abstraction

Bu pozisyona bir metin kutusu eklediğini söyler ve bu böyle devam eder ve aşırı duygusal bir soyutlama örneğidir.

We talked about again the other day in action because you can abstract lots of things

Geçen gün tekrar konuştuk çünkü birçok şeyi soyutlayabilirsiniz.

So all the code that's generating. These user interface is still there

Yani üreten tüm kodlar. Bu kullanıcı arayüzü hala orada

I'm just not having to write it the computer can create it and loading the take data files and so on for me

Sadece bilgisayar oluşturmak ve benim için veri dosyaları yüklemek vb. Yükleyebilir yazmak zorunda değilim

so we've now got

öyleyse şimdi aldık

Roughly the same sort of thing here and if we run the program now, you should hopefully pop up

Burada kabaca aynı şey var ve eğer programı şimdi çalıştırırsak, umarım ortaya çıkmalısın.

and you program let's get rid of Xcode and

ve programın Xcode ve kurtulmak edelim

Eventually my program that's up and I can enter my name and I can enter my birthday

Sonunda programım tamamlandı ve adımı girebilirim ve doğum günüme girebilirim

1/2/3 but whereas before if I was to write this program and that's write a command line version just to compare

1/2/3 ama oysa daha önce bu programı yazacak olsaydım ve bu sadece karşılaştırmak için bir komut satırı sürümü yazardı

Here I am going to

İşte gidiyorum

Print out, please

Enter your name

Adınızı giriniz

Support computer program so we need a variable to store that

Desteklemek için bilgisayar programını destekleyelim.

We probably want one for the day

Muhtemelen bir gün için bir tane istiyoruz

So we can then read in from that you want to read in the string and we'll put that into name

Böylece dizgede okumak istediğinizi okuyabiliriz ve bunu ismin içine koyacağız

And we want to print out now enter

Ve şimdi yazdırmak istiyoruz

Don't to print out a new line there either

Orada da yeni bir satır yazdırmayın

Then we can read in

Sonra okuyabiliriz

That as well so we read in the day the month and

Bu da ayın gününü okuduk ve

And then we can print out your birthday. Then we can print out those values again

Sonra doğum gününü yazdırabiliriz. Sonra bu değerleri tekrar yazdırabiliriz.

so we've got two programs that allow us to enter our name and

yani ismimizi girmemize izin veren iki program var ve

Birthday, but if we run them they work in very very different ways

Doğum günü, ama eğer onları çalıştırırsak çok farklı şekillerde çalışıyorlar

So let's just get a command line so we can run the command line one. So let's run this program

Şimdi bir komut satırı alalım ki komut satırı bir koşturalım. Öyleyse bu programı çalıştıralım

Just please enter your name Shaun enter your birthday

Lütfen adınızı giriniz Shaun, doğum gününüzü giriniz

ve

Yeah short vowel and it says your birthday is 1/2 accessory so we can write a program we can collect some data from the user

Evet kısa ünlü ve doğum gününüzün 1/2 aksesuarı olduğunu söylüyor, böylece kullanıcıdan veri toplayabileceğimiz bir program yazabiliriz

But our programs in control we could either we have to enter our name because it's after our name

Fakat bizim kontrol programlarımızda bizim ismimizi girmemiz gerekebilir çünkü bizim ismimizden sonradır

We have to enter our birthday because it ssj4 our birthday if we go back to the gooey one

Doğum günümüze girmek zorundayız, çünkü doğum günü ssj4, aşırı duygusal olana geri dönersek

Then things are different because now we're in control because we've got the box

Öyleyse işler farklı çünkü şimdi kontrolümüz var çünkü kutuyu aldık

they're saying enter your name so we could enter our name and then our birthday or

isminizi girin, böylece ismimizi ve sonra doğum günümüzü girebiliriz.

We could enter our birthday first and then we can enter our name or we can start typing in our thing

Önce doğum günümüze girebiliriz, sonra adımızı girebiliriz ya da şeyimizi yazmaya başlayabiliriz

they better put the birthday in and then

doğum gününü iyi yapsalar da sonra

Better complete the birthday and type it in

Doğum gününü tamamla ve yaz

and different things so

ve çok farklı şeyler

When we write a command line program or certainly simple command line programs the programs in control

Bir komut satırı programı veya kesinlikle basit bir komut satırı yazdığımızda programları kontrol altındaki programlar

It asks the user for input it gets that input for the user. It's asking for what particular type is and so on

Kullanıcıdan giriş için kullanıcıdan bu girişi almasını ister. Belirli bir türün ne olduğunu soruyor.

When you get a GUI?

Bir GUI aldığınızda?

It changes you present the user with something. They will then fill it in in the order

Kullanıcıya bir şeyi sunma şeklini değiştirir. Sonra sırayla doldururlar

They want or click the button and the order they do to do the task. And then you have to do whatever it is

Düğmeyi ve görevi yapmak için yaptıkları sırayı istiyorlar veya tıklatıyorlar. Ve sonra ne olduğunu yapmalısın.

At that point. So at this point we've put that values in

Bu noktada. Yani bu noktada biz bu değerleri koyduk

When it's finished

I'd probably have an OK button and add in so I'd have an OK button when that fires

Muhtemelen bir TAMAM butonu eklerdim ve eklerdim, böylece ateş ettiğinde TAMAM butonu olur.

We could run some code which occur close to values and put them together

Değerlere yakın olan bazı kodları çalıştırabilir ve bunları bir araya getirebiliriz

So when we write a program to the GUI, they're working in a very different style

GUI'ye bir program yazdığımızda, çok farklı bir tarzda çalışıyorlar.

They have to be driven by what we call

Bizim dediklerimiz tarafından yönlendirilmeleri gerekiyor.

Events things happening outside the program that they react to so the user clicks on a button

Programın dışında meydana gelen olaylara tepki verdikleri olaylar böylece kullanıcı bir düğmeye basar.

The user clicks the mouse user puts the mouse button back up. The user moves the mouse the windows move

Kullanıcı fare tıklamasıyla tıklar, fare düğmesini geri koyar. Kullanıcı fareyi hareket ettirir, pencereler hareket eder

You have to redraw the contents. How does that happens? When does that happen? All these things?

İçeriği yeniden çizmelisin. Bu nasıl olur? Bu ne zaman oluyor? Bütün bu şeyler?

Have to be responded to by your program

Programınız tarafından yanıtlanması gerekiyor

So you're no longer saying ok do this then this then this and this you have to respond

Yani artık tamam diyemiyorsun, sonra bunu yap, sonra bunu yap ve cevap vermelisin.

To the events as they come as the programs running. So we've got a very different way of writing

Olaylar, çalışan programlar olarak gelir. Bu yüzden çok farklı bir yazı yolumuz var.

Our program command-line programs can get like that

Bizim program komut satırı programlarımız böyle olsun

If you think about something the hair say like VY

Saç hakkında bir şey düşünürseniz VY gibi

You can press different keys and it does different things

Farklı tuşlara basabilirsiniz ve farklı şeyler yapar.

so you press again because different things and

bu yüzden tekrar basın çünkü farklı şeyler ve

Do things at different times or you might have menu options and depending on what key it is you do different things in different orders

İşleri farklı zamanlarda yapın, aksi halde menü seçeneklerine sahip olabilirsiniz ve hangi tuşa bağlı olduğunuza bağlı olarak farklı şeyler için farklı şeyler yapabilirsiniz.

So you can't get to that point but by that point you becoming less of a command-line program and more

Yani o noktaya gelemezsin, ama o noktadan sonra bir komut satırı programından daha az ve daha fazlası oluyorsun

GUI like by the sounds of it in that kind of a command-line program where it's getting like a GUI

GUI, GUI gibi bir komut satırı programındaki sesleri gibi

It's almost like you're writing the GUI

Neredeyse GUI yazıyor gibisiniz

And yes, exactly

Ve evet, kesinlikle

So you command line program you could write it to the point where it becomes more and more

Böylece komut satırı programına daha fazla ve daha fazla olduğu noktaya yazabilirsiniz.

Like a GUI effectively in you displaying that I mean the Debian Linux command line installs a building an example of this

Debi Linux komut satırının bir bina kurduğunu gösterdiğimi göstererek etkili bir GUI gibi

Is that it looks?

Göründüğü mü?

More and more like a GUI drawn with text characters in a window rather than with lines and pixels

Satır ve piksellerden ziyade, bir pencerede metin karakterleriyle çizilen bir GUI gibi

It's sort of where and how you respond to the input. So any write a computer program like this

Girdiyi nasıl ve nasıl yanıtladığınızı türlendiriyor. Yani herhangi bir böyle bir bilgisayar programı yazmak

Why do you call scanf for?

Scanf'i neden arıyorsun?

Input in basic or whatever it is. You using to read from the keyboard

Basit ya da her ne ise, giriş yapın. Klavyeden okumak için kullanıyorsunuz

You've said I want to read a series of things from the keyboard until

Klavyeden bir dizi şeyi okumak istediğimi söyledin.

Something happens or get me a key that's been pressed and you know, that key is going to be pressed when you're writing a GUI

Bir şeyler olur veya bana basılan bir anahtar alır ve bilirsin, bir GUI yazarken o tuşa basılacak

Any number of things could happen based on what's happening? It could be the someone's the window

Olanlara göre herhangi bir sayıda şey olabilir mi? Birisi pencere olabilir

So you need to redraw that bit of the screen. It could be that someone's clicked a button

Bu yüzden ekranın o kısmını yeniden çizmeniz gerekir. Birisi bir düğmeye tıklamış olabilir

So you have to respond to that button

Yani bu düğmeye cevap vermek zorundasın.

it could be that another program is running and

başka bir program çalışıyor olabilir ve

Someone's dragged a file and dropped it onto yours and you have to respond to that so you have to respond to all these things

Birisi bir dosyayı sürükleyip kendinize bıraktı ve buna cevap vermek zorundasınız, böylece tüm bu şeylere cevap vermek zorundasınız.

And you can't just assume your programs going to linearly follow each line of code one after the other

Ve programlarınızın her kod satırını birbiri ardına doğrusal olarak takip edeceğini varsayamazsınız

Of course, that's what's actually happening

Tabii ki, aslında olan budur

The CPU is still doing that but it's actually jumping between the operating system in your code

CPU hala bunu yapıyor ama kodunuzdaki işletim sistemi arasında atlıyor.

Between the gooey libraries and things that are supported to implement your thing

Aşırı duygusal kütüphaneler ve işinizi uygulamak için desteklenen şeyler arasında

Depending on what level it is to make the program run in different things. So what we'll do

Programı farklı seviyelerde çalıştırmak için hangi seviyeye bağlı olduğuna karar verin. Ne yapacağız peki

over the next few computer files because we'll actually start to

sonraki birkaç bilgisayar dosyasından sonra başlayacağız

Look at how we write GUI software. So we'll actually look at how we implement it and we started to look here

GUI yazılımını nasıl yazdığımıza bakın. Bu yüzden aslında onu nasıl uyguladığımıza bakacağız ve buraya bakmaya başladık

We've got a high level system cocoa on the Mac. There's equivalents WPF on

Mac’te yüksek seviyede bir sistem kakao var. WPF eşdeğeri var

Windows and things and we can look at them and how they do it

Windows ve şeyler ve onlara bakabiliriz ve nasıl yaptıklarını

They provide a very easy way to do things because I say I want

Onlar yapmak için çok kolay bir yol sağlar çünkü istediğimi söylüyorum

To text fields I can get the values from them and do things

Metin alanlarına onlardan değerleri alıp bir şeyler yapabilirim

But we'll also look at a lower level at some of the earlier Geary's cups like the original Macintosh

Ama aynı zamanda, daha önceki Geary'nin orijinal Macintosh gibi kaplarına da daha düşük bir seviyeden bakacağız.

version or what happened on the Atari what happened on riscos and so on and

Atari'de ne olduğu veya riscos'ta ne olduğu gibi

See how they work and then we'll start to look under the hood of what's going on and seeing how this program actually

Nasıl çalıştıklarını görün ve sonra neler olup bittiğini görmek ve bu programın gerçekte nasıl olduğunu görmeye başlayacağız.

Functions how we get to these things and how we implement the GUI

Bunlara nasıl ulaşacağımızı ve GUI'yi nasıl uyguladığımızı İşlevler

Image here into a set of pixels that are either black or white but which are compensating for the error and so again,

Burada siyah ya da beyaz olan, ancak hatayı telafi eden ve tekrar tekrar dengeleyen bir dizi pikselin içine,

we'll give the appearance of

görünümünü vereceğiz

the original gray things

orijinal gri şeyler

But if you were to zoom in on this you would say it's been found a hundred and eleven

Ama eğer bunu yakınlaştırmak isteseydiniz yüzlerce on bir bulunduğunu söylerdiniz.

Thousand times dyes engrave what that means is that in

Binlerce kez boya bunun ne anlama geldiğini oyuyor

Similar videos:

Pong & Object Oriented Programming - Computerphile
Computerphile
193.9K views 3.8K likes 146 dislikes 16 Mar 201639% match

JSON, not Jason - Computerphile
Computerphile
190.7K views 4.6K likes 191 dislikes 09 May 201934% match

Inside the CPU - Computerphile
Computerphile
280.2K views 6.2K likes 94 dislikes 22 Mar 201733% match

ALGOL 60 at 60 - Computerphile
Computerphile
73.7K views 3.1K likes 20 dislikes 04 Jun 202033% match

Why C is so Influential - Computerphile
Computerphile
1.6M views 22.5K likes 1.6K dislikes 25 Aug 201732% match

Explaining Dirty Cow - Computerphile
Computerphile
173.1K views 3.4K likes 79 dislikes 28 Oct 201632% match

Program Correctness - Computerphile
Computerphile
48.8K views 2K likes 253 dislikes 27 Nov 202031% match

Fibonacci Programming - Computerphile
Computerphile
198.8K views 3.3K likes 52 dislikes 17 Jun 201430% match

What on Earth is Recursion? - Computerphile
Computerphile
565.8K views 16.8K likes 123 dislikes 16 May 201430% match

PDF, What is it FOR? - Computerphile
Computerphile
409K views 12K likes 144 dislikes 16 Sep 201629% match

Functional Programming & Haskell - Computerphile
Computerphile
493.3K views 12.2K likes 144 dislikes 30 Nov 201629% match

Lambda Calculus - Computerphile
Computerphile
803.9K views 19.5K likes 567 dislikes 27 Jan 201728% match

How Computer Memory Works - Computerphile
Computerphile
728.7K views 11.6K likes 385 dislikes 23 Jun 201428% match

Computing Limit - Computerphile
Computerphile
358.4K views 11.3K likes 443 dislikes 03 Nov 201727% match

Where GREP Came From - Computerphile
Computerphile
644.1K views 23.4K likes 152 dislikes 06 Jul 201827% match

How Secure Shell Works (SSH) - Computerphile
Computerphile
741.8K views 16.7K likes -1 dislikes 31 Jan 201927% match

The Perfect Code - Computerphile
Computerphile
491.4K views 10.6K likes 196 dislikes 08 Mar 201727% match

Internationalis(z)ing Code - Computerphile
Computerphile
911.6K views 32.5K likes 495 dislikes 04 Aug 201426% match

How to Choose a Password - Computerphile
Computerphile
1M views 21.1K likes 235 dislikes 20 Jul 201626% match

Why do CPUs Need Caches? - Computerphile
Computerphile
273.8K views 6.4K likes 59 dislikes 20 Nov 201526% match

Password Cracking - Computerphile
Computerphile
3M views 60.3K likes 1K dislikes 13 Jul 201626% match

Parsing Explained - Computerphile
Computerphile
134.2K views 3.6K likes 45 dislikes 13 Nov 201926% match

Deep Learning - Computerphile
Computerphile
392.2K views 6.1K likes 280 dislikes 19 Apr 201626% match

ALOHAnet: Grandfather of All Computer Networks - Computerphile
Computerphile
56.3K views 3K likes 31 dislikes 30 Dec 202026% match

What is a Monad? - Computerphile
Computerphile
357.7K views 7.6K likes 1.2K dislikes 24 Nov 201726% match

Raspberry Pi Zero - the $5 Computer - Computerphile
Computerphile
300.7K views 6.5K likes 100 dislikes 01 Dec 201526% match

Essentials: Pointer Power! - Computerphile
Computerphile
326.4K views 8.5K likes 203 dislikes 18 Aug 201725% match

Finding the Edges (Sobel Operator) - Computerphile
Computerphile
359.3K views 6.9K likes 50 dislikes 04 Nov 201525% match

Dijkstra's Algorithm - Computerphile
Computerphile
1.1M views 23.1K likes 392 dislikes 04 Jan 201724% match

Tail Recursion Explained - Computerphile
Computerphile
104.2K views 5.2K likes 83 dislikes 27 May 202024% match

Settings Privacy About Contact Donate