what is a feature that has a graphical user interface to assist users with retrieving data? This is a topic that many people are looking for. amritsang.org is a channel providing useful information about learning, life, digital marketing and online courses …. it will help you have an overview and solid multi-faceted knowledge . Today, amritsang.org would like to introduce to you Graphical User Interfaces: Crash Course Computer Science #26. Following along are instructions in the video below:
Im carrie anne and welcome to crashcourse computer science. We ended last episode with with the 1984 release of apples macintosh personal computer. It was the first computer regular person could buy with a graphical user interface and a mouse to interact with it this was a radical evolution from the command line interfaces found on all other personal computers of the era instead of having to remember or guess the right commands to type in a graphical user interface shows you what functions are possible you just have to look around the screen for what you want to do.
Its a point and click interface all of a sudden. Computers were much more intuitive. Anybody not just hobbyists or computer.
Scientists could figure things out all by themselves intro the macintosh is credited with taking graphical user interfaces or guis mainstream. But in reality. They were the result of many decades of research in previous episodes.
We discussed some early interactive graphical applications like sketchpad and spacewar both made in 1962. But these were one off programs and not whole integrated computing experiences. Arguably the true forefather of modern guis.
Was douglas engelbart. Lets go to the thought bubble during world war. 2.
While engelbart was stationed in the philippines as a radar operator. He read vannevar bushs article on the memex these ideas inspired him and when his navy service ended he returned to school completing a. Phd in 1955 at uc.
Berkeley. Heavily involved in the emerging computing scene he. Collected his thoughts in.
A seminal 1962 report. Titled. Augmenting human intellect engelbart believed that the complexity of the problems.
Facing mankind was growing faster than our ability to solve them therefore finding ways to augment our intellect would seem to be both a necessary and a desirable goal. He saw that computers could be useful beyond just automation and be essential interactive tools for future knowledge workers to tackle complex problems further. Inspired by ivan sutherlands recently demonstrated sketchpad engelbart set out to make his vision.
A reality recruiting. A team to build the on line system. He recognized that a keyboard alone was insufficient for the type of applications.
He was hoping to enable in his words. We envisioned problem solvers using computer. Aided working stations to augment their efforts.
They required the ability to interact with information displays using some sort of device to move a cursor around the screen. And in 1964. Working with colleague bill english he created the very first computer mouse.
The wire came from the bottom of the device and looked very much like a rodent and the nickname stuck thanks. Thought bubble in 1968. Engelbart.
Demonstrated his whole system at the fall. Joint computer conference. In whats often referred to as the mother of all demos .
The demo was 90 minutes long and demonstrated many features of modern computing bitmapped graphics video conferencing word processing and collaborative real time editing of documents there were also precursors to modern guis like the mouse and multiple windows. Although they couldnt overlap. It was way ahead of its time and like many products with that label it ultimately failed at least commercially.
But its influence on computer researchers of the day was huge engelbart was recognized for this watershed moment in computing with a turing award in 1997 federal funding started to reduce in the early 1970s which we discussed two episodes ago at that point many of engelbarts team including bill english left and went to xeroxs newly formed palo alto research centre more commonly known as xerox parc. It was here that the first true gui computer was developed the xerox alto finished in 1973 for the computer to be easy to use it needed more than just fancy graphics. It needed to be built around a concept that people were already familiar with so they could immediately recognize how to use the interface with little or no training xeroxs answer was to treat the 2d screen like the top of a desk or desktop.
Just like how you can have many papers laid out on a desk. A user could have several computer programs open at once each was contained in their own frame. Which offered a view onto the application called a window also like papers on a desk.
These windows could overlap blocking the items behind them. And there were desk accessories like a calculator and clock that the user could place on the screen and move around it wasnt an exact copy of a desktop. Though instead.
It was a metaphor of a desktop for this reason. Surprisingly. Its called the desktop metaphor.
There are many ways to design an interface like this. But the alto team did it with windows icons menus and a pointer. Whats called a wimp interface.
Its what most desktop guis use. Today it also offered a basic set of widgets reusable graphical building blocksthings like buttons checkboxes sliders and tabs. Which were also drawn from real world objects to make them familiar gui applications are constructed from these widgets.
So. Lets try coding a simple example. Using this new programming paradigm.
First. We have to tell the operating system that we need a new window to be created for our app. We do this through a gui api.
We need to specify the name of the window and also its size lets say 500 by 500 pixels. Now. Lets add some widgets.
A text box and a button. These require a few parameters to create first we need to specify what window they should appear in because apps can have multiple windows. We also need to specify the default text the x and y location in the window.
And a width and height ok. So now weve got something that looks like a gui app. But has no functionality if you click the roll button nothing happens in previous examples.
Weve discussed the code pretty much executes from top to bottom guis on the other hand use whats called event driven programming code can fire at any btime and in different orders. In response to events in this case. Its user driven events like clicking on a button selecting a menu item or scrolling a window or if a cat runs across your keyboard.
Its a bunch of events all at once lets say that when the user clicks. The roll button. We want to randomly generate a number between 1 and 20 and then show that value in our text box.
We can write a function that does just that we can even get a little fancy and say if we get the number 20 set the background color of the window to blood red. The last thing we need to do is hook. This code up so that its triggered each time our button is clicked to do this we need to specify that our function handles this event for our button by adding a line to our initialize function the type of event in this case is a click event and our function is the event handler for that event now.
Were done we can click that button all day long and each time our roll d20 function gets dispatched and executed. This is exactly whats happening behind the scenes when you press the little bold button in a text editor or select shutdown from a dropdown menu a function linked to that event is firing hope.
I dont roll a 20 ahhhh ok back to the xerox alto. Roughly. 2000.
Altos were made and used at xerox and given to university labs. They were never sold commercially instead the parc team kept refining. The hardware and software culminating in the xerox star system released in 1981.
The xerox star extended the desktop metaphor now files looked like pieces of paper and they could be stored in little folders all of which could sit on your desktop or be put away into digital filing cabinets. Its a metaphor that sits ontop of the underlying file system from a users perspective. This is a new level of abstraction xerox being in the printing machine.
Business. Also advanced text and graphics creation tools for example. They introduced the terms cut.
Copy and paste. This metaphor was drawn from how people dealt with making edits in documents written on typewriters. Youd literally cut text out with scissors and then paste.
It with glue into the spot. You wanted in another document. Then youd photocopy the page to flatten it back down into a single layer making the change invisible.
Thank goodness for computers this manual process was moot with the advent of word processing software. Which existed on platforms. Like the apple ii and commodore pet but xerox went way beyond the competition with the idea that whatever you made on the computer should look exactly like the real world version.
If you printed it out they dubbed this what you see is what you get or wysiwyg. Unfortunately like engelbarts on line system. The xerox star was ahead of its time sales were.
Sluggish because it had a price tag equivalent to nearly 200000. Today. For an office setup.
It also didnt help that the ibm pc launched that same year followed by a tsunami of cheap ibm compatible pc clones. But the great ideas that parc researchers had been cultivating and building for almost a decade didnt go to waste in december of 1979. A year and a half before the xerox star shipped a guy you may have heard of visited.
Steve jobs. Theres a lot of lore surrounding this visit with many suggesting that steve jobs and apple stole xeroxs ideas. But that simply isnt true in fact xerox approached apple hoping to partner with them ultimately.
Xerox was able to buy a million dollar stake in apple before its highly anticipated ipo. But it came with an extra provision disclose everything cool going on at xerox parc steve knew they had some of the greatest minds in computing. But he wasnt prepared for what he saw there was a demonstration of xeroxs graphical user interface running on a crisp bitmapped display all driven with intuitive mouse input steve later said it was like a veil being lifted from my eyes i could see the future of what computing was destined to be steve returned to apple with his engineering.
Entourage and they got to work inventing. New features like the menu bar and a trash can to store files to be deleted. It would even bulge when full again with the metaphors.
Apples first product with a graphical user interface and mouse was the apple lisa released in 1983. It was a super advanced machine with a super advanced price almost 25 thousand dollars. Today that was significantly cheaper than the xerox star.
But it turned out to be an equal flop in the market. Luckily apple had another project up its sleeve. The macintosh released a year later in 1984 it had a price of around 6000.
Dollars. Today a quarter of the lisas cost and it hit the mark. Selling 70000 units in the first 100 days.
But after the initial craze sales started to falter. And apple was selling more of its apple ii computers than macs. A big problem was that no one was making software for this new machine with its new radical interface.
And it got worse the competition caught up fast soon other personal computers had primitive but usable graphical user interfaces on computers a fraction of the cost consumers ate it up and so did pc software developers with apples finances. Looking increasingly dire and tensions. Growing with apples new ceo john.
Sculley steve jobs was ousted a few months later microsoft released windows 10. It may not have been as pretty as mac os. But it was the first salvo in what would become a bitter rivalry and near dominance of the industry by microsoft.
Within ten years microsoft windows was running on almost 95 of personal computers initially fans of mac os could rightly claim superior graphics and ease of use those early versions of windows were all built on top of. Dos which was never designed to run. Guis but after windows 31.
Microsoft began to develop a new consumer oriented os with upgraded gui called windows 95. This was a significant rewrite that offered much more than just polished graphics. It also had advanced features mac os didnt have like program multitasking and protected memory windows.
95 introduced many gui elements still seen in windows versions. Today like the start menu. Taskbar and windows explorer.
File. Manager microsoft wasnt infallible. Though looking to make the desktop metaphor.
Even easier and friendlier. It worked on a product called microsoft bob. And it took the idea of using metaphors to an extreme.
Now you had a whole virtual room on your screen with applications embodied as objects that you could put on tables and shelves it even came with a crackling fireplace and a virtual dog to offer assistance. And you see those doors on the sides yep those went to different rooms in your computer. Where different applications were available as you might have guessed.
It was not a success this is a great example of how the user interfaces we enjoy today are the product of whats essentially natural selection whether youre running windows mac. Linux or some other desktop gui. Its almost certainly.
An evolved version of the wimp paradigm. First introduced on the xerox alto. Along the way.
A lot of bad ideas were tried and failed everything had to be invented tested refined adopted or dropped. Today. Guis are everywhere and while theyre good they are not always great no doubt youve experienced design related frustrations after downloading an application used someone elses phone or visited a website and for this reason.
Computer. Scientists and interface designers continue to work hard to craft computing. Experiences that are both easier and more powerful ultimately working towards engelbarts vision of augmenting human intellect.
Ill see you next week. .
Thank you for watching all the articles on the topic Graphical User Interfaces: Crash Course Computer Science #26. All shares of amritsang.org are very good. We hope you are satisfied with the article. For any questions, please leave a comment below. Hopefully you guys support our website even more.