GUI: Under the Hood - Computerphile Computerphile English Turkish

GUI: Under the Hood - ComputerphileYouTube↗ IA↗(long shot)
Education 102.9K views 2.7K likes 62 dislikes 03 May 2019

Computerphile 2.6M subscribers N/A YouTube↗

Click to Play Video

In the previous video we looked at our guess the

Önceki videoda tahminimize baktık.

Philosophy of writing software for giri's and I thought in this video we'd actually talk about how the programs are internally structured

Giri'nin yazılımını yazma felsefesi ve bu videoda programların dahili olarak nasıl yapılandırıldığı hakkında konuşacağımızı düşündüm.

It doesn't matter what system you're using whether it's a Mac whether it's Windows whether you're writing for a risk us an Atari and Amiga

Hangi sistemi kullandığınızın bir Mac olup olmadığı, Windows olup olmadığı, bizim için bir Atari ve Amiga riski için yazıp yazmadığınız önemli değil.

x11 it they all seem to have a similar structure one of the things you find with GUI software is that

x11 hepsinin benzer bir yapıya sahip olduğu görünüyor GUI yazılımı ile bulduğunuz şeylerden biri

one GUI program is

bir GUI programı

Very similar to the next GUI program or the previous one you wrote and so it lends itself to having sort of libraries or frameworks

Bir sonraki GUI programına veya yazdığınız bir önceki programa çok benzer ve bu nedenle kendi türünde kütüphane veya çerçevelere sahip olma

Particularly object-oriented frameworks that you can use to write the software

Özellikle yazılımı yazmak için kullanabileceğiniz nesne yönelimli çerçeveler

So these days you if you go and write say softer on a Mac you'd perhaps use cocoa

Yani bugünlerde sen gidip bir Mac'te daha yumuşak bir şeyler söylersen belki kakao kullanırsın.

To do it and you wouldn't necessarily see this structure

Bunu yapmak ve mutlaka bu yapı görmek olmaz

Internally or if you write it in Java you would use the Java frameworks to do it

Dahili olarak veya Java ile yazarsanız, Java çerçevelerini kullanmak için kullanırsınız.

but under the hood

ama kaputun altında

The same things there. I'm gonna be looking at under the hood what's going on and how the operating system is getting the

Orada aynı şeyler. Başlığın ne olduğuna ve işletim sisteminin nasıl çalıştığına bakacağım.

Interaction from the user into the program so you can write what's happening

Kullanıcıdan programa etkileşim, ne olup bittiğini yazabilirsiniz

So when we talk to the previously one of the things we said is that with a GUI program

Yani daha önce söylediğimiz şeylerden biriyle konuştuğumuzda, bir GUI programında olduğu gibi.

The program is no longer in control of how things happen to the program

Program artık programda işlerin nasıl gerçekleştiğini kontrol etmiyor.

They can't say at this point how we need to enter this piece of text. It's very much up to the user

Bu noktada, bu metne nasıl girmemiz gerektiğini söyleyemezler. Kullanıcıya çok bağlı

That's driving you the users clicking on things. They're moving windows around they're in control

Bu, sizi şeyleri tıklayan kullanıcılara yönlendiriyor. Pencereleri kontrol ediyorlar etrafında hareket ediyorlar

And so you need to structure your program to respond to those

Ve böylece, bunlara cevap vermek için programınızı yapılandırmanız gerekir.

events coming in from the user and then

kullanıcıdan gelen olaylar ve ardından

process them and do the right thing based on what that happens and the way that most QE programs are written is

onları işleyin ve ne olduğuna ve çoğu QE programlarının yazılma biçimine göre doğru olanı yapın.

they have what's called an event loop at the

onlar bir olay döngü denilen ne var

Center of them and basically in that event loop the computer will be sitting in a loop because it's a loop

Bunların merkezi ve temelde bu olay döngüsünde, bilgisayar bir döngüde oturuyor olacak, çünkü bu bir döngü

Doing the same thing after again and you basically get a call to an operating system supply function and let's say it's called wait

Aynı şeyi tekrar yaptıktan sonra, temelde işletim sistemi sağlama işlevine bir çağrı alırsınız ve diyelim ki, bekleme

Next event. That's what was called on the original Mac on the Atari

Bir sonraki etkinlik. Atari’deki orijinal Mac’te buna denirdi.

ST was called event message or event multi depending on what sort of side you wanted on viscose. It's called Wimpole

Viskonda istediğiniz tarafa bağlı olarak ST'ye olay mesajı veya olay multi adı verildi. Buna Wimpole denir

Windows does something slightly better something slightly neater with some of them probably say but it's the same sort of thing

Windows biraz daha iyi bir şey yapar, bazıları muhtemelen der ki, biraz daha düzgün bir şey yapar ama aynı şeydir.

We'll look at that in a second

Şuna bir saniye sonra bakarız

iyi yani işletim sistemi ne yapar veya kullanıcı arayüzü sağlayan araç kutusu ne yapar

so what the operating system does or what the toolbox that provides the user interface does is

It's sitting there

It's monitoring the input coming from the user whether it's from the keyboard whether that's from the mouse being moved or them

Kullanıcıdan gelen girişi, klavyeden olup olmadığını, farenin hareket ettirilip getirilmediğini kontrol eder.

It's been clicked and so on and it assembles those

Tıklandı vb. Ve bunları birleştirir.

Inputs into a series of events. So if I press a key on the keyboard, we will get two events for that

Bir dizi olaya girdi. Klavyede bir tuşa basarsam, bunun için iki olay alırız

We'll get an event when the key goes down and we'll get an event when the key

Anahtar düştüğünde bir etkinlik alırız ve anahtar düştüğünde bir etkinlik alırız

Comes up as well and those events go through the operating system as from the hardware

Yanı sıra geliyor ve bu olaylar donanımdan işletim sistemine geçiyor

up for the operation went into the

operasyon için yukarı gitti

user interface that part of the operating system and then they get passed to our program as

kullanıcı arayüzü bu işletim sisteminin bir parçası ve daha sonra programımıza geçtiler

Events. So when I press a key on the keyboard eventually when next event will return saying hey

Olaylar. Sonunda klavyede bir tuşa bastığımda bir sonraki olayın hey diyerek geri döneceği zaman

There's a key down event from the user and then I would have to write code here that says

Kullanıcıdan bir key down olayı var ve sonra burada yazanları kod yazmak zorunda kalacağım

key down olayı

Do the right thing?

Doğru şeyi yapmak?

Situation and then the village when you get the key up event when now let go of the key and you do the right thing

Durum ve daha sonra köy anahtar teslimi yaptığında şimdi anahtarın kesilmesine izin ver ve doğru olanı yap

there in the same way if I move the mouse or press a button we'll get an event or a message telling us that the

orada fareyi hareket ettirirsem veya bir düğmeye basarsam aynı olayı belirten bir olay veya mesaj alırız.

mouse has moved and that

fare taşındı ve bu

the mouse button has been clicked and we'll get a mouse down event and a mouse up event as the buttons pressed and

fare düğmesine tıklandı ve düğmelere basıldığında bir fare aşağı olayı ve bir fare yukarı olayı elde edeceğiz ve

Comes back up and that event will tell us

Geri gelir ve bu olay bize söyler

What the button was?

The location where it was pressed and so on in the same way the keyboard event would tell us what key was pressed

Basıldığı yer ve bu şekilde aynı şekilde klavye olayı bize hangi tuşa basıldığını söylerdi.

And what's happening so our program was sitting there

Ve ne oluyor bu yüzden programımız orada oturuyordu.

Waiting for the next event

Bir sonraki etkinliği bekliyorum

So what you'll generally end up with is this will often return some sort of structure with the data in

Genelde sonuçta elde edeceğiniz şey, bunun çoğu zaman içindeki verilerle bir tür yapı döndüreceğidir.

And then you'll have a big switch statement or series of if statements to switch on the event type and this is sort of pseudocode

Ve sonra olay türünü açmak için büyük bir switch ifadesi veya if ifadeleri dizisine sahip olacaksınız ve bu bir tür sahte koddur.

and then we switch on the type and if it's a keydown event, we do one thing if it's a

ve sonra türü açacağız ve eğer bir keydown olayıysa, eğer bir

Key event, we do another and so on and then we can handle those things

Anahtar olay, başka bir şey yaparız ve sonra bunları halledebiliriz

These aren't the only events you get the UI toolkit will create lots of other events that you can do to do things

Bunlar, UI araç setini edindiğiniz tek etkinlik değil, bazı şeyler yapmak için yapabileceğiniz birçok başka etkinlik oluşturacaktır.

So for example if we've got windows on our system

Mesela sistemimizde pencereler varsa

Is there a more generic term for these things than windows just because windows is windows and no they are called windows

Bu şeyler için pencerelerden daha genel bir terim var mı?

I've not seen them referred to as anything else if we click on the window bar to move it around the screen

Pencere çubuğunu ekran üzerinde hareket ettirmek için tıklarsak, başka bir şey olarak bahsetmediler.

Then we don't get a mouse down event there and have to track the window being moved around

O zaman orada bir fare aşağı olayı alamadık ve etrafta hareket eden pencereyi izlememiz gerekiyor

And they're getting a mouse of what the operating is

Ve operasyonun ne olduğuna dair bir fare alıyorlar

What the UI toolkit will do is oK you've clicked on the title bar

Kullanıcı Arabirimi araç setinin yapacağı şey başlık çubuğunda tıklamanızdır.

You've moved the window around I'll send you an event

Pencereyi dolaştırdınız, size bir etkinlik göndereceğim

Once you finish dragging it to say the window has been moved to this position in the same way if I have another window

Başka bir pencerem varsa, pencerenin bu konuma aynı şekilde taşındığını söylemek için sürüklemeyi bitirdiğinizde

Overlapping it like that and I then move that one out of the way suddenly this part of the window here

Öyle örtüşüyor ve sonra bunu bir anda bu pencerenin bu kısmından çıkardım

Becomes revealed and I have to draw that part of the screen again or the operation has to make sure that part of the screen

Ortaya çıkıyor ve ekranın o bölümünü tekrar çizmem gerekiyor yoksa işlem ekranın bir bölümünü oluşturmalı.

Gets drawn again, and so we can end up with lots of events coming from windows

Tekrar çizilir ve böylece pencerelerden gelen birçok etkinlikle sonuçlanabiliriz.

But they're constructed by the UI toolkit based in what's happening. So it may have a case for example that

Fakat bunlar olup bitene dayanarak UI araç seti tarafından oluşturulmuştur. Öyleyse, örneğin

The window has moved or in my other case that the window needs to be redrawn

Pencere taşındı veya başka bir durumda pencerenin yeniden çizilmesi gerekiyor

and so what happens it's a program basically sits in

ve ne olur bu temelde oturur bir program

This big loop and we do that Wow quit isn't true

Bu büyük döngü ve Wow istifa doğru değil mi yapıyoruz

So basically we have some sort of things says, okay

Yani temelde bir şeyler söylüyor, tamam mı?

The programs finish that we get out and we set that to be true then we'll stop this loop, but we sit in this loop

Programlar çıktığımızı bitiriyor ve bunu doğru olarak ayarlıyoruz, sonra bu döngüyü durduracağız, ancak bu döngüye giriyoruz

Continually going there waiting for an event

Sürekli oraya gitmek bir etkinlik bekliyor

If there's not an event

Bir etkinlik yoksa

Then this will just block the system won't let us continue

O zaman bu sadece sistemi engelleyecek devam etmemize izin vermeyecek

Until there is an event there on the other hand if there's lots of events

Diğer taraftan bir etkinlik gerçekleşene kadar çok sayıda etkinlik varsa

Will get them through one by one and we'll process them to update things based on what the users doing based on what's happening

Bunları birer birer ele geçirecek ve kullanıcıların neler olduğuna bağlı olarak yaptıklarını temel alarak güncellemeleri için onları işleme koyacağız

We've talked about the keydown event the key up

Keydown olayı hakkında konuştuk, key up

Mouse-click events would probably wouldn't get worn when the mouse is moved

Fare tıklatma olayları muhtemelen fare hareket ettirildiğinde aşınmaz

If you think about as the mouse is being moved

Farenin hareket ettiğini düşünüyorsanız

You've got lots and lots of events most of which you're not interested in

En çok ilgilenmediğiniz birçok etkinliğiniz var

you're probably only

interested when a

button is pressed or so on the only times pass that's different is if you're dragging something around the screen and in that case you

düğmesine basılır ya da öylesine farklı olan tek geçişte, ekranda bir şey sürüklerseniz ve bu durumda

will often say to you listen, well, I'm

Sana sık sık dinleyeceğim derim.

Dragging something here. Tell me about those events the rest of the time you're not interested in what's happening?

Burada bir şey sürükleyerek. Bana ne olduğunu merak etmediğin zamanlar bu olaylardan bahset.

At those points so you probably don't get mousemove events, but you can register them and you can also do clever things

Bu noktalarda muhtemelen mousemove etkinlikleri elde edemezsiniz, ancak bunları kaydedebilirsiniz ve ayrıca akıllı şeyler de yapabilirsiniz.

like I say actually tell me what it moves into this area or moves out of this area so that you don't get

Söylediğim gibi, bana bu alana ne taşındığını ya da bu alandan dışarı çıkmadığını söyleyin.

Multiple ones, but you can sort of track

Birden fazla olanı, ancak sıralayabilirsiniz

What's going through at that time? So our program is based around a

O sırada neler oluyor? Yani programımız bir

Series of events coming in that represent the input coming from the user

Kullanıcıdan gelen girişi temsil eden olaylar dizisi

But we still have a problem. We still have to sort of direct these things to the right place

Fakat hala bir sorunumuz var. Hala bunları doğru yere yönlendirmek zorundayız.

I mean it's obvious if we've got sort of a window moved event

Demek istediğim, bir çeşit pencere taşıma olayı olup olmadığımız açık.

We know that we're coming from that window and we know it's moved so we know what's it's being dealing with

O pencereden geldiğimizi biliyoruz ve hareket ettiğini biliyoruz, bu yüzden neyle uğraştığını biliyoruz.

Likewise if we get a mouse-click event, it's pretty obvious where it's going we can find out exactly what windows underneath there

Aynı şekilde, bir fare tıklatma etkinliği alırsak, nereye gittiğini tam olarak hangi pencerelerin altında bulabileceğimizi açıkça görürüz

But for something like a key down event, it's a bit bit more nebulous

Ancak önemli bir olay gibi bir şey için, biraz daha tehlikeli

We have to have some sort of idea of there being a current window

Mevcut bir pencere olduğu hakkında bir çeşit fikrimiz olmalı.

Which would then deal with it?

Hangisi bununla ilgilenir?

But that may not be the right place for it to go. So for example, you may have a text box, but then someone presses

Ancak bu gitmek için doğru yer olmayabilir. Örneğin, bir metin kutunuz olabilir, ancak sonra birileri basar

Which means quit the program and so actually if the text box dealt with that then where you want on the text box quitting

Bu programdan çıkmak anlamına gelir ve bu yüzden aslında metin kutusu bununla uğraşırsa, metin kutusu üzerinde bırakmak istediğiniz yere

So it probably won't do it

Bu yüzden muhtemelen yapmayacak

You want them to enter ctrl Q into the text box as data?

Metin kutusuna ctrl Q komutunu veri olarak girmelerini ister misiniz?

So you need to have it passed back up to the rest of the program?

Yani programın geri kalanına geri gönderilmesini mi istiyorsun?

You need to sort of work out where you want this to vent to be deal with them in some systems

Bazı sistemlerde bununla başa çıkabilmek için bunun havalandırılmasını istediğiniz bir yerde çalışmanız gerekir.

You have to program that into the logic of your code in others. You can sort of

Bunu başkalarında kodunuzun mantığına göre programlamanız gerekir. Sıralayabilirsiniz

Direct where you want things to go so Windows actually made a nice optimization

Doğrudan işlerin gitmesini istediğiniz yere, böylece Windows gerçekten güzel bir optimizasyon yaptı

they instead of having this sort of way next event loop and then you

Bir sonraki olay döngüsünde bu tür bir yol almak yerine onlar

Do the tests based on what was returned you have a similar structure? So you still say while quit?

Size neyin iade edildiğine dayanan testler benzer bir yapıya sahip mi? Yani hala istifa ederken mi diyorsun?

equals false and then inside that you have

eşittir yanlış ve sonra içinde

Your loop which says pink message so you have a look to see if there's something in there and that returns the event

Pembe mesaj yazan döngünüz, böylece içinde bir şey olup olmadığını görmek için bakabilirsiniz ve bu olayı döndürür

Windows causing messages rather than the events because you get a message from the operating system when the event happens it makes sense of things

Windows olaylardan ziyade mesajlara neden oluyor, çünkü olay gerçekleştiğinde işletim sisteminden bir mesaj alıyorsunuz.

And then you run another function on it, which translates it slightly

Ve sonra üzerinde hafifçe çeviren başka bir fonksiyon çalıştırıyorsunuz.

So you want the Translate message function and then you run?

Yani, Mesajı çevir işlevini istiyor ve sonra kaçıyorsunuz?

another function called dispatch

gönderme adlı başka bir işlev

Message and that becomes your main loop of a window

Mesaj ve bu bir pencerenin ana döngüsü olur

So even if you look at most Windows programs

Yani çoğu Windows programına baksanız bile

They will have something like that there it may be hidden inside the dotnet framework

Dotnet çerçevesinin içinde saklanabileceği bir şeye sahip olacaklar.

It may be hidden inside MFC whatever you're using to write your program, but somewhere inside there you're going to get something like that

Programınızı yazmak için ne kullanıyorsanız kullanın MFC içinde gizli olabilir, ancak içinde bir yerde böyle bir şey elde edersiniz.

That against so how's Windows handling it? Well, the same thing is happening. But what Windows did

Buna karşı Windows nasıl idare ediyor? Aynı şey oluyor. Ama ne Windows yaptı

And this goes back way is when you create a window in Windows

Ve bu geriye gider, Windows’ta bir pencere oluşturduğunuzda

I'm gonna use an Atari window as an example here when you do on a Mac or on an Atari on risk-off

Mac’te veya riskli Atari’de bir örnek yaparken burada bir Atari penceresi kullanacağım.

You just create a general window and you tell it what you wanted to look like

Sen sadece genel bir pencere yarat ve nasıl görünmek istediğini söyle

with windows you actually associate a function with its associated class with it and that has a function that

Windows ile gerçekte bir işlevi onunla ilişkili bir sınıfla ilişkilendirirsiniz ve bu işlevi

handles messages with it

onunla mesajları ele

And so what windows can do is when a message comes in it can direct it to the specific window

Ve böylece bir mesaj geldiğinde pencerelerin yapabileceği şey onu belirli pencerelere yönlendirebilir.

Because it knows what function to call so you'll probably watch he doesn't have a big switch down

Hangi fonksiyonun çağrılacağını bildiğinden, muhtemelen büyük bir geçişi olmadığını göreceksiniz.

It has lots of functions which are then bound to the windows that you want them to

Daha sonra onları istediğiniz pencerelere bağlı birçok işlevi vardır

So that's basically how you write a GUI pro you

Yani temelde bir GUI yanlısı yazmak nasıl

Your event loop your message handling loop at the center of things and then as the user interacts with it

Etkinliğiniz, mesaj işleme döngüsünüzü nesnelerin merkezinde ve ardından kullanıcı ile etkileşimde bulunduğunda

you have to handle the messages the events that come in and

Mesajları gelen olaylar ile başa çıkmak zorundasınız.

Update your program state now

Program durumunuzu şimdi güncelleyin

There's two things that immediately jump to be obvious here you want this code that handles this thing to be quick?

Burada hemen belirginleşmek için atlayan iki şey var. Bu şeyi halleden bu kodun hızlı olmasını mı istiyorsunuz?

Because if it takes a long time to process that message

Çünkü bu mesajı işlemesi uzun zaman alıyorsa

There'll be a long time before the next message is processed

Bir sonraki mesaj işlenmeden önce uzun zaman alacağım

So if you press a key and it's a takes for 40 seconds to handle that key being pressed

Bu nedenle, bir tuşa basarsanız ve basılan tuşa dokunmak 40 saniye sürer

It'll be 40 seconds before the next key would then appear on the screen?

Bir sonraki tuşun ekranda görünmesi 40 saniye sürecek mi?

So you often found that you had to write your programs in a way that they do some

Bu yüzden sık sık programlarınızı bazılarını yapacak şekilde yazmak zorunda kaldığınızı tespit ettiniz.

Processing and then go back into the event loop and then carry on will do a bit more

İşleniyor ve ardından olay döngüsüne geri dönün ve devam edin biraz daha fazlasını yapacak

processing and do a bit more the event loop so they still appeared to

olay döngüsünü işleme alıp biraz daha fazlasını yapın, böylece hala görünmeye devam ettiler

Function otherwise you often get that effect where the GUI froze while it is impressing and then came back to life

Aksi taktirde, GUI'nin etkileyici ve donduğunda tekrar donma noktasına geldiği ve daha sonra tekrar hayata döndüğü bu etkiyi elde edersiniz.

Which was not from to use as a program. So you had to basically have this happening all the time

Program olarak kullanmak için değildi. Yani temelde her zaman bunun olması gerekiyordu

The other thing you can do is push things off into another thread and have them running at the same time

Yapabileceğiniz diğer şey şeyleri başka bir iş parçacığına itmek ve aynı anda çalıştırmalarını sağlamak.

But again that creates its own interesting issues for writing software

Ama yine de bu yazılım yazmak için kendi ilginç sorunları yaratır

But because we're dealing with Windows on the screen, we get some interesting things that we have to deal with

Ancak ekranda Windows ile uğraştığımız için uğraşmamız gereken ilginç şeyler var.

So let's create some windows. In fact, let's just clear the desktop and

O zaman bazı pencereler yaratalım. Aslında, sadece masaüstünü temizleyelim ve

Go to the clean one

Temiz olana git

so let's say we're doing a bit of programming and we've got a text editor open there with some text and

Diyelim ki biraz programlama yapıyoruz ve orada açık bir metin editörü var.

We decide you want to check mail. So we will now fidonet client to go and get the mail

Postaları kontrol etmek istediğinize karar veriyoruz. Yani şimdi müşteriyi gidip postaları almaya çalışacağız.

We need to open some files and then we decide we want to watch a video on

Bazı dosyaları açmamız gerekiyor ve sonra video izlemek istediğimize karar veriyoruz.

YouTube so we've got lots of windows open and as we've seen each of these are separate programs

YouTube, bu yüzden birçok penceremiz var ve bunların her birinin gördüğümüz gibi ayrı programlar

So there's an event loop for this program

Yani bu program için bir olay döngüsü var

Which is handling the event

Hangi etkinlik işliyor

coming from there is an event loop for this one is an event loop for this one this event loop for our browser handling the

Oradan geliyor, bunun için bir olay döngüsü var bunun için bir olay döngüsü bu bizim tarayıcıyı ele alan bu olay döngüsü

Events all the messages that are coming for that

Bunun için gelen tüm mesajları olaylar

But as well getting the events from the user and we can say well, okay

Ama olayları kullanıcıdan alıp da iyi diyebiliriz, tamam

This windows at the top say so the events will come to this one and then we go on that one and that one becomes

Tepedeki bu pencereler, olayların buna geleceğini söylüyor, sonra da devam ediyoruz ve

on the top and so on the events go to that one as well as handling the events from the user as

en üste ve buna benzer olaylar o olaya gider ve olayları kullanıcı olarak ele alır.

These windows are updated

Bu pencereler güncellendi

They can create events that mean that the other programs have to do things now originally

Diğer programların şimdi başlangıçta bir şeyler yapması gerektiği anlamına gelen olaylar oluşturabilirler

Obviously a lot of the graphical user interface operate systems matthos Atari O's windows

Açıkçası grafiksel kullanıcı arayüzünün birçoğu mathos Atari O'nun pencerelerini kullanıyor.

viscose and so on and you allowed one program to run it once

viskon vb. ile bir programın bir kez çalıştırılmasına izin verdiniz.

You still have the same thing because you had desk accessories and things which were effectively separate programs that could do these things

Hala aynı şeylere sahipsiniz çünkü masa aksesuarlarına ve bu işleri yapabilen etkili bir şekilde ayrı programlar olan şeylere sahiptiniz.

so for example say I am watching the video on YouTube and I bring my

Mesela, YouTube’daki videoyu izliyorum ve getirdiğimi

Text editor to the top because I want to carry on writing it while watching the video. I've now changed the position of that

Metin editörü üste çünkü videoyu izlerken yazmaya devam etmek istiyorum. Şimdi bunun konumunu değiştirdim

It's now the current window

Şimdi mevcut pencere

So I need to be told that this is now the current window so that I know where things are going

Bu yüzden, bunun şimdiki pencere olduğunu söylemeliyim, böylece işlerin nereye gittiğini bilmeliyim

They may have more than one text editing window

Birden fazla metin düzenleme penceresi olabilir

Open but also as I brought it to the front

Açık ama aynı zamanda öne getirdiğim gibi

I've revealed parts of the window that were previously covered up by the other windows

Pencerenin daha önce diğer pencerelerle örtülmüş kısımlarını ortaya çıkardım.

And so I need to ensure that those parts of the window are redrawn now. There's various ways

Ve böylece pencerenin bu kısımlarının şimdi yeniden çizildiğinden emin olmam gerekiyor. Çeşitli yollar var

you can do it modern operating systems do lots of things to try and

Modern işletim sistemleri denemek için çok şey yapmak ve

Speed things up because they have the benefit of more memory and so they cache things

İşleri hızlandırın çünkü daha fazla belleğe sahip olduklarından ve önbellekleri önbelleğe aldıklarından

And they'll often have off-screen areas where they can each do all the contents of the window and it's stored

Ve genellikle pencerenin tüm içeriğini yapabilecekleri ekran dışı alanlara sahip olacak ve depolanacak

So the operating system can redraw it

Böylece işletim sistemi yeniden çizebilir

automatically, but originally when you did this you would get a message from

otomatik olarak, ancak başlangıçta bunu yaptığınızda bir

Operating system saying you need to redraw this window

İşletim sistemi bu pencereyi yeniden çizmeniz gerektiğini söylüyor

And so it tells you that you need to redraw the area here or to speed things up

Böylece size bölgeyi yeniden çizmeniz veya işleri hızlandırmanız gerektiğini söyler.

It would tell you you need to redo all that bit

O kadarını tekrar yapman gerektiğini söylerdi.

You need to redraw this bit and you need to redraw this bit down here. So when you've got a message saying

Bu parçayı yeniden çizmelisin ve bu parçayı burada yeniden çizmelisin. Yani bir mesajınız varken

redraw the window

pencereyi yeniden çiz

You wouldn't just get a rectangular area to draw you may get several separate rectangular areas. So you need to work out

Sadece dikdörtgen bir alan elde edemezsiniz, birkaç ayrı dikdörtgen alan elde edebilirsiniz. Yani çalışmalısın

Okay, and if you redraw what's in that bit and that bit and that bit now you could if you were a lazy programmer

Tamam, peki o parçada olanı ve o parçayı yeniden çizersen, tembel bir programcı olsaydın şimdi

redraw everything

her şeyi yeniden çiz

Every time you got that message and just clip to the areas

Bu mesajı her aldığınızda ve alanlara kopyaladığınızda

But the problem with that is that the computer that would take a while to draw that even today drawing

Ancak bununla ilgili sorun şu ki, çizim yapmak için biraz zaman alacak bilgisayarın çizilmesi

Lots of things is a complicated thing can still take some time to do

Çok şey karmaşık bir şey hala yapmak için biraz zaman alabilir

So what you actually try ended up how to do is work out

Öyleyse gerçekten denediğin şey nasıl yapılacağı

Well, what bits are being revealed here and redraw that and so on

Peki, burada hangi bitler ortaya çıkıyor ve bunu yeniden çiziyor

But you could sometimes get those things even if you weren't on top

Ama bazen üstte olmasanız bile bu şeyleri alabilirsiniz

So for example if I'm like that and I move this window in the right way

Mesela eğer öyleysem ve bu pencereyi doğru şekilde hareket ettirirsem

I can end up revealing a section here and another section down here that I have to redraw

Burada bir kısım ortaya çıkartabilirim ve aşağıda tekrar çizmem gereken başka bir kısım ortaya çıkabilir

So the events come not just from the user interaction

Yani olaylar sadece kullanıcı etkileşimlerinden kaynaklanmıyor

But also from the interactions of the program with itself or with the other things every time you move a window

Ama aynı zamanda bir pencereyi her hareket ettirdiğinizde programın kendisiyle veya başka şeylerle etkileşimlerinden de

the operating system has to

işletim sistemi yapmak zorunda

Deal with that and tell you that you need to redraw parts of it and so on and tell you that the windows moved

Bununla başa çıkın ve parçalarını yeniden çizmeniz gerektiğini ve bunun gibi pencerelerin taşındığını söyleyin

So Windows Aero, it's got see-through bit. Yeah, so who's peaceful step?

Öyleyse Windows Aero, tamamıyla bitiyor. Evet, peki kim barışçıl adım?

Well, this is the thing and this is everything's Mac OSX

Eh, bu şey ve bu her şeyin Mac OSX

Introduced this Windows Aero in Windows Vista and so on and I think way them probably just something similar as well. I'm not too sure

Bu Windows Aero'yu Windows Vista ve benzeri sürümlerde tanıttık ve muhtemelen onların da benzer bir şey olduğunu düşünüyorum. Pek emin değilim

What they do is they say oK, you've got lots of windows on screen

Ne yaptıklarını söylüyorlar, ekranda bir sürü penceren var.

And they're overlapping but what will actually do is will draw all of them

Ve örtüşüyorlar ama asıl yapacak olan şey hepsini çizecek.

Off screen so that they don't overlap and you might be can zoom out the other camera and so we've got them off screen

Örtüşme yapmamaları için ekran dışı, diğer kamerayı uzaklaştırabilir ve ekrandan çıktık

Like that and what we actually do is we say, okay

Bu şekilde ve aslında yaptığımız şey söylüyoruz tamam mı

We'll draw them all so they're completely uncovered as separate blocks of memory

Hepsini çizeceğiz, böylece tamamen ayrı bellek blokları olarak ortaya çıkacaklar.

And then we'll make a copy of that

Ve sonra bunun bir kopyasını yapacağız.

And copy there and some nice visual effects going to see that properly happening and then we'll make a copy of this

Ve orada kopyalayın ve bunun doğru olduğunu görmek için bazı güzel görsel efektler ve sonra bunun bir kopyasını alacağız

And put it on the screen here

Ve ekrana buraya koy.

I'll make a copy of this and put it on the screen here and a copy of that because we're copying

Bunun bir kopyasını çıkaracağım ve buraya ekrana koyacağım ve bunun bir kopyası.

Pre-existing things we can do our four channels we can do

Önceden var olan şeyleri yapabiliriz dört kanalımızı yapabiliriz

Transparency and we can make it all look pretty and you can have wobbly windows if you've got a weird gnome desktop

Şeffaflık ve hepsini güzel gösterebiliriz ve eğer garip bir masaüstü bilgisayarınız varsa titrek pencerelere sahip olabilirsiniz

It's interesting depending on the operating system. You're using Windows can be more or less

İşletim sistemine bağlı olarak ilginç. Windows kullanıyorsanız az ya da çok olabilir

Generic windows not the operating system

Genel pencereler işletim sistemi değil

So for example on the Atari system, and I think on risk was to remember brightly and it was at the programmers course

Mesela Atari sisteminde, ve risk hakkında bence parlak bir şekilde hatırlamak ve programcılar kursundaydı.

The window basically was a container and that was it. You had a container than you drew in it

Pencere temelde bir kapsayıcıydı ve öyleydi. İçinde çizdiğinden daha fazla bir kabın vardı.

On a Mac on Windows Windows can actually contain other windows and they can contain other windows so you can sort of build

Windows'ta Mac'te Windows aslında başka pencereler içerebilir ve bunlar başka pencereler içerebilir, böylece bir

Things up and so actually all the controls you get buttons text boxes. They're actually

İşler ve böylece aslında tüm kontroller düğmeleri metin kutuları olsun. Onlar aslında

Specialized windows that you can then combine together to form

Daha sonra oluşturmak üzere bir araya getirebileceğiniz özel pencereler

That is a window and so on and you can specify whether they have title bars or not

Bu bir pencere ve benzeridir ve başlık çubuklarının olup olmadığını belirleyebilirsiniz.

whether they have scroll bars and things, of course, the interesting thing about redrawing things is

Kaydırma çubukları ve şeyleri olup olmadığı, tabii ki, şeyleri yeniden çizme ile ilgili ilginç olan şey

It's simple if you have to redraw

Yeniden çizmeniz gerekiyorsa basit

an area here because that's Windows come on top of that window like that, but things get

Buradaki bir alan, çünkü bu pencereler o pencerenin üstüne çıkıyor, ama işler değişiyor

If you scroll around the window

Pencereyi kaydırırsanız

You perhaps don't want to redraw everything because that will take time I mean

Belki her şeyi yeniden çizmek istemezsin çünkü bu zaman alacak

Ne zaman ne zaman

Gooeys are first being invented. We had computers that probably had an eight megahertz CPU that we're doing these things if that

Aşırı duygusallık ilk önce icat edilir. Muhtemelen sekiz megahertz bir işlemciye sahip bilgisayarlarımız vardı;

Went like the touristy or the original Mac these days

Bugünlerde turistik ya da orijinal Mac gibi gitti

They're much more powerful in looking about sort of five hundred times that speed four gigahertz

Dört gigahertz hızlandıran beş yüz kere hakkında bakmakta çok daha güçlüler.

sort of roughly three four gigahertz as a Russell speed, but even so

bir Russell hızı olarak kabaca üç dört gigahertz, ama yine de

What we're drawing on them is now a more complicated

Onlara çizdiğimiz şey şimdi daha karmaşık.

I sort of it used to be a one bit window, but now we have a sort of

Eskiden bir bit pencere olarak kullanılırdı, ama şimdi bir çeşit elimizde var

24-bit color with alpha Channel lots of graphics and so on it

Alfa Kanallı 24-bit renk Çok sayıda grafik vb.

and so it's a lot more complicated or doing the amount of data that needs to be correctly for that is

ve bu yüzden çok daha karmaşık veya bunun için doğru olması gereken veri miktarını yapıyor

Much more times that we've got a high-resolution displays rather than 640 by 400 and so on so yes, the computers got faster

640 x 400 yerine yüksek çözünürlüklü ekranlara sahip olduğumuzdan çok daha fazla zaman alıyoruz.

But so is the amount of data and also what we're trying to draw this more complicated drawing a bit of text relatively straightforward

Ancak veri miktarı ve bu daha karmaşık çizimi biraz daha basit bir şekilde çizmeye çalıştığımız şey de budur.

a nice web page and so on becomes more complicated and so you still have the same problems is how do we

güzel bir web sayfası vb. daha karmaşık hale geliyor ve bu yüzden hala aynı problemleriniz var.

Redraw the screen quickly when we scroll through what's on there?

Orada olanları kaydırırken ekranı hızlıca yeniden çiz.

and so you have to sort of

ve böylece sıralamak zorundasın

Work out what you want to do and sort of do things and we'll have a look at that in a later one

Ne yapmak istediğinizi hesaplayın ve bir şeyler yapın; daha sonra bunlara bir göz atacağız.

now I've got the token so I can lay the value in add the valley from emerged or into it and

şimdi belirteç aldım, böylece vadiyi ortaya çıktıktan sonra içine eklemek için değer verebiliyorum.

Store it back and hand the target and now I've got the token again

Geri sakla ve hedefi teslim et ve şimdi tekrar belirteç aldım.

I can load something into it into my register add something onto it back and pass the token on and I've got it

Kayıt defterime bir şey yükleyebilirim üzerine bir şey ekleyebilir ve belirteci geçebilirim

So I can load the value in add the value from a register story back

Böylece değeri bir kayıt öyküsünden katma değer ekleyebilirim

Similar videos:

Hello (World) Abstraction! - Computerphile
Computerphile
137.2K views 3.3K likes 70 dislikes 15 Mar 201956% match

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

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

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

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

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

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

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

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

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

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

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

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

Where did Bytes Come From? - Computerphile
Computerphile
195.3K views 6.1K likes 60 dislikes 01 May 201832% match

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

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

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

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

Mac or PC? - Computerphile
Computerphile
587.9K views 9.7K likes 314 dislikes 21 May 201431% match

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

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

What is Bootstrapping? - Computerphile
Computerphile
375.1K views 5.5K likes 287 dislikes 19 Mar 201430% match

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

Resizing Images - Computerphile
Computerphile
360.9K views 8.5K likes 115 dislikes 02 Sep 201629% match

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

Krack Attacks (WiFi WPA2 Vulnerability) - Computerphile
Computerphile
581.5K views 12.2K likes 294 dislikes 17 Oct 201729% match

What's Up With Group Messaging? - Computerphile
Computerphile
236.9K views 6.5K likes 43 dislikes 29 Jan 201929% match

The Blockchain & Bitcoin - Computerphile
Computerphile
242.7K views 4.9K likes 302 dislikes 24 Mar 201729% match

Onion Routing - Computerphile
Computerphile
1.1M views 24.4K likes 255 dislikes 31 May 201729% match

Maze Solving - Computerphile
Computerphile
1M views 21.8K likes 295 dislikes 24 Feb 201729% match

Settings Privacy About Contact Donate