Java Lecture 5 AWT

Total Page:16

File Type:pdf, Size:1020Kb

Java Lecture 5 AWT Java Lecture 5 AWT Abstract Windows Toolkit: A Java window is a set of nested components, starting from the outermost window down to the smallest user interface (UI) component. Peers: Peers are native GUI components (native to the platform). When a Java program creates and displays a Java AWT component, that component actually creates and displays a native component (called a peer). Thus, under Windows 95, a windows 95 button, or dialog, etc. is generated. Under Solaris a Motif peer and under Macintosh, a Macintosh peer. Components include seeable things such as: windows menu bars buttons text fields and non-seeable things like containers which can include other components. Containers have layout managers that deal with positioning and shaping of components. The nesting of components within containers within other components creates a hierarchy for painting and event passing. Major components: Containers: Containers are generic AWT components that can contain other components, including other containers. The most common form of container is the panel, which represents a container that can be displayed on screen. Applets are a form of panel (in fact, the "Applet" class is a subclass of the "Panel" class). Canvases: A canvas is a simple drawing surface. Although you can draw on panels, (as you've been doing all along), canvases are good for painting images or other graphics operations. UI components: These can include buttons, lists, simple popup menus, checkboxes test fields, and other typical elements of a user interface. Window construction components: These include windows, frames, menu bars, and dialogs. These are listed separately from the other UI components because you'll use these less often--particularly in applets. In applets, the browser provides the main window and menu bar, so you don't have to use these. Your applet may create a new window, however, or you may want to write your own Java application that uses these components. Here’s a hierarchy: UI Components: An applet is a container (see the hierarchy). So we can add UI components directly. Create a simple applet (call it See). Then do the following: public String getAppletInfo() { return ""; } public void paint(Graphics g) { } Button: public void init() { resize(520, 440); // Adds the specified component to the end of // this container. add( new Button("Stop") ); add( new Button("Start") ); add( new Button("FF") ); add( new Button("Rew") ); } Labels: public void init() { resize(520, 440); add( new Label(" right", Label.RIGHT) ); } Check boxes: public void init() { resize(520, 440); add( new Checkbox("Frogs") ); // true indicates a check, null ignore for now add( new Checkbox("Cows", null, true) ); add( new Checkbox("Toads") ); } Radio Buttons: Radio buttons are just like checkboxes EXCEPT only one in a series can be selected. public void init() { resize(520, 440); CheckboxGroup cbg = new CheckboxGroup(); add( new Checkbox("Democrat", cbg, false) ); add( new Checkbox("Republican", cbg, true) ); add( new Checkbox("Socialist", cbg, false) ); add( new Checkbox("DIS Major", cbg, false) ); } Choice Menus: Choice menus are popup or pulldown menus that enable you to select an item from that menu. Only one item can be selected. For multiple selections use a scrolling list. public void init() { resize(520, 440); Choice c = new Choice(); c.addItem("New"); c.addItem("Open"); c.addItem("Close"); c.addItem("Exit"); // now add the menu add(c); } There are several menu functions: getItem(int i) Returns ith string item. countItem() Number of items in list. getSelectedIndex() Returns selected position number. getSelectedItem() Returns selected position item. select(int i) Selects ith item. select(String s) Selects item s. Text Fields: Enables user to enter text. public void init() { resize(520, 440); // whole text field, including prompt, is 30 bytes long add(new TextField("Enter your name", 30) ); } Text Areas: Enables user to enter large amounts of text. Here's the code: public void init() { resize(520, 440); // 10 rows 30 columns add( new TextArea(10, 30) ); } Scrolling Lists: A scrolling lists contains many items. You can restrict selection to one item (exclusive) or multiple (nonexclusive). Here's the code: public void init() { resize(520, 440); List m = new List(5, true); // true = multiple selections m.addItem("Democrat"); m.addItem("Republican"); m.addItem("Socialist"); m.addItem("Ardvark"); m.addItem("Cow"); m.addItem("MBA"); m.addItem("DIS Major"); add( m ); } Panels and Layouts: In Visual C++ we had to tell where exactly UI components went by pixel positions. Since Java runs on so many platforms, we need something more flexible. Java has layout managers, insets and hints that each component can provide for helping lay out the screen. Two things determine the eventual layout: The order the component were added to the panel The panel's layout manager. Each panel can have its own layout manager. There are five different types of layout managers. Each has a different basic strategy for laying-out components. We discuss each in turn with examples. Here’s a brief description. BorderLayout A container is divided into regions: north and south or east and west, and center. CardLayout The visibility of a set of components gets controlled with this layout. This is like a deck of cards or a stack of tabbed folders. FlowLayout A container’s components fill the container from right to left, then top to bottom. GridLayout A container divides its components into a grid. GridBagLayout This allows for complex layouts. Various containers have default layout managers. They are: Container null Panel FlowLayout Window BorderLayout Dialog BorderLayout Frame BorderLayout FlowLayout: Components are added one at a time, row by row. If a component won't fit on the current row, it goes to the next. You can specify the alignment too. This is the default layout (with CENTERED). Here's how it works in code. public void init() { resize(520, 440); this.setLayout( new FlowLayout(FlowLayout.LEFT, 10, 20) ); // horizontal & vertical pixel gap CheckboxGroup cbg = new CheckboxGroup(); add( new Checkbox("Democrat", cbg, false) ); add( new Checkbox("Republican", cbg, true) ); add( new Checkbox("Socialist", cbg, false) ); add( new Checkbox("DIS Major", cbg, false) ); } Grid Layout: With a grid, you portion off the panel area into rows and columns and place a component in a cell. public void init() { resize(520, 440); // two row and two columns this.setLayout( new GridLayout(2, 2, 10, 20) ); CheckboxGroup cbg = new CheckboxGroup(); add( new Checkbox("Democrat", cbg, false) ); add( new Checkbox("Republican", cbg, true) ); add( new Checkbox("Socialist", cbg, false) ); add( new Checkbox("DIS Major", cbg, false) ); } GridBagLayout: This is the most versatile layout. You can create a grid of arbitrary size and use it to create components within the grid of arbitrary size. Each component that resides in a container that is using a GridBagLayout has an associated GridBagConstraints instance that specifies how the component is laid out. Components may span more than one grid cell and can even overlap. Here's an example: and for a different sized window: and the code is below. First some background on GridBagConstraints. This is a separate class. Each component added to the container with a GridBagLayout has a GridBagConstraints object. The typical code sequence goes as follows: GridBagLayout gbl = new GridBagLayout(); GridBagConstraints gbc = new GridBagConstraints(); setLayout(gbl); … // set constraints … gbl.setConstraints( component, gbc); add(component); A GridBagConstraints object has several variables that the user can control. They are: Variable Default value Values Means anchor CENTER CENTER, EAST, Where to anchor a component NORTH, within its grid cells NORTHEAST, NORTHWEST, SOUTH, SOUTHEAST, SOUTHWEST, WEST fill NONE BOTH, The manner in which the HORIZONTAL, component fills the grid cells VERTICAL, it occupies. NONE gridx RELATIVE RELATIVE or The position of the gridy integer x, y position component’s upper left-hand in the grid grid cell. gridwidth 1 RELATIVE, The number of grid cells in gridheight 1 REMAINDER, or both horizontal and vertical integer values directions allotted for the representing the component. Whether or not a width and height in component fills its grid cells grid cells depends on the fill attribute. ipadx 0 Integer values Internal padding that increases ipady 0 representing the the components preferred size. number of pixels Negative values are allowed, which reduces the component’s preferred size. insets (0,0,0,0) An Insets object External padding between the edges of the component and edges of its grid cells. Negative values are allowed, which causes the components to extend beyond the grid cells. weightx 0.0 Double values How extra space is consumed weighty 0.0 representing by the component’s grid cells. weighting given to Whether or not a component a component’s grid fills its grid cells depends on cells relative to the fill attribute. Values must other components be positive. in the same row or column. import java.awt.*; import java.util.*; public class Test extends Frame { // a helper method protected void makebutton( String name, GridBagLayout gb, GridBagConstraints c) { Button b = new Button(name); // Sets the constraints for the specified // component in this layout. gb.setConstraints(b, c); add( b ); } // Constructor Test() { // constructor for Frame super("GridBag Test"); // Layout & Font GridBagLayout gb = new GridBagLayout(); GridBagConstraints c = new GridBagConstraints();
Recommended publications
  • Swing: Components for Graphical User Interfaces
    Swing: Components for Graphical User Interfaces Computer Science and Engineering College of Engineering The Ohio State University Lecture 22 GUI Computer Science and Engineering The Ohio State University GUI: A Hierarchy of Nested Widgets Computer Science and Engineering The Ohio State University Visual (Containment) Hierarchy Computer Science and Engineering The Ohio State University Top-level widgets: outermost window (a container) Frame, applet, dialog Intermediate widgets: allow nesting (a container) General purpose Panel, scroll pane, tabbed pane, tool bar Special purpose Layered pane Atomic widgets: nothing nested inside Basic controls Button, list, slider, text field Uneditable information displays Label, progress bar, tool tip Interactive displays of highly formatted information Color chooser, file chooser, tree For a visual (“look & feel”) of widgets see: http://java.sun.com/docs/books/tutorial/uiswing/components Vocabulary: Widgets usually referred to as “GUI components” or simply “components” History Computer Science and Engineering The Ohio State University Java 1.0: AWT (Abstract Window Toolkit) Platform-dependent implementations of widgets Java 1.2: Swing Most widgets written entirely in Java More portable Main Swing package: javax.swing Defines various GUI widgets Extensions of classes in AWT Many class names start with “J” Includes 16 nested subpackages javax.swing.event, javax.swing.table, javax.swing.text… Basic GUI widgets include JFrame, JDialog JPanel, JScrollPane, JTabbedPane,
    [Show full text]
  • Proveos User Manual
    User Manual Contents Welcome .............................................................................................. 5 How proVEOS Works ...........................................................................................7 Installing the proVEOS Software for Windows ..................................... 9 Configuring Firewall Software .............................................................................10 Installing the Windows proVEOS Software .........................................................14 Signing in to proVEOS ........................................................................................24 Installing the proVEOS Software for Mac........................................... 29 Configuring the Firewall ......................................................................................30 Installing the Mac proVEOS Software.................................................................32 Signing in to proVEOS ........................................................................................34 Presenting with proVEOS ................................................................... 37 Starting a Presentation .......................................................................................40 Managing Participants ........................................................................................40 Chatting with Participants ...................................................................................45 Playing Music and Movies ................................................................
    [Show full text]
  • Java Programming
    CHAPTER 15 Advanced GUI Topics In this chapter, you will: Use content panes Use color Learn more about layout managers Use JPanels to increase layout options Create JScrollPanes Understand events and event handling more thoroughly Use the AWTEvent class methods Handle mouse events Use menus Unless noted otherwise, all images are © 2014 Cengage Learning Copyright 2013 Cengage Learning. All Rights Reserved. May not be copied, scanned, or duplicated, in whole or in part. Due to electronic rights, some third party content may be suppressed from the eBook and/or eChapter(s). Editorial review has deemed that any suppressed content does not materially affect the overall learning experience. Cengage Learning reserves the right to remove additional content at any time if subsequent rights restrictions require it. CHAPTER 15 Advanced GUI Topics Understanding the Content Pane The JFrame class is a top-level container Java Swing class. (The other two top-level container classes are JDialog and JApplet.) Every GUI component that appears on the screen must be part of a containment hierarchy. A containment hierarchy is a tree of components that has a 802 top-level container as its root (that is, at its uppermost level). Every top-level container has a content pane that contains all the visible components in the container’s user interface. The content pane can directly contain components like JButtons, or it can hold other containers, like JPanels, that in turn contain such components. A top-level container can contain a menu bar. A menu bar is a horizontal strip that conventionally is placed at the top of a container and contains user options.
    [Show full text]
  • LWUIT Developer's Guide
    Lightweight UI Toolkit Developer’s Guide Part No. 07-08-10 July 2010 Copyright © 2008, 2010 Oracle and/or its affiliates. All rights reserved. This software and related documentation are provided under a license agreement containing restrictions on use and disclosure and are protected by intellectual property laws. Except as expressly permitted in your license agreement or allowed by law, you may not use, copy, reproduce, translate, broadcast, modify, license, transmit, distribute, exhibit, perform, publish, or display any part, in any form, or by any means. Reverse engineering, disassembly, or decompilation of this software, unless required by law for interoperability, is prohibited. The information contained herein is subject to change without notice and is not warranted to be error-free. If you find any errors, please report them to us in writing. If this is software or related software documentation that is delivered to the U.S. Government or anyone licensing it on behalf of the U.S. Government, the following notice is applicable: U.S. GOVERNMENT RIGHTS Programs, software, databases, and related documentation and technical data delivered to U.S. Government customers are "commercial computer software" or "commercial technical data" pursuant to the applicable Federal Acquisition Regulation and agency-specific supplemental regulations. As such, the use, duplication, disclosure, modification, and adaptation shall be subject to the restrictions and license terms set forth in the applicable Government contract, and, to the extent applicable by the terms of the Government contract, the additional rights set forth in FAR 52.227-19, Commercial Computer Software License (December 2007). Oracle America, Inc., 500 Oracle Parkway, Redwood City, CA 94065.
    [Show full text]
  • COMP1006/1406 Notes 2
    COMP1406/1006 - Design and Implementation of Computer Applications Winter 2006 2 Applications and LayoutManagers What's in This Set of Notes? We look here at how to create a graphical user interface (i.e., with windows) in JAVA. Creating GUIs in JAVA requires adding components onto windows. We will find out how to do this as well as look at an interesting JAVA feature called a "LayoutManager" that automatically arranges components on the window. This allows us to create simple windows without having to worry about resizing issues. Here are the individual topics found in this set of notes (click on one to go there): • 2.1 Creating a Basic GUI Application • 2.2 Components and Containers • 2.3 Layout Managers o 2.3.1 NullLayout o 2.3.2 FlowLayout o 2.3.3 BorderLayout o 2.3.4 CardLayout o 2.3.5 GridLayout o 2.3.6 GridBagLayout o 2.3.7 BoxLayout 2.1 Creating a Basic GUI Application Recall that a Graphical User Interface (GUI) is a user interface that has one or more windows. A frame: • is the JAVA terminology for a window (i.e., its a window frame) • represented by the Frame and JFrame classes in JAVA • used to show information and handle user interaction • has no security restrictions ... can modify files, perform I/O, open network connections to other computers, etc.. The following code creates a basic window frame in JAVA and shows it on the screen: javax.swing.JFrame frame = new javax.swing.JFrame("This appears at the top of the window"); frame.setSize(300, 100); frame.setVisible(true); Here is what it looks like: Although this code for bringing up a new window can appear anywhere, we typically designate a whole class to represent the window (that is, the JAVA application).
    [Show full text]
  • Release Notes for Fedora 15
    Fedora 15 Release Notes Release Notes for Fedora 15 Edited by The Fedora Docs Team Copyright © 2011 Red Hat, Inc. and others. The text of and illustrations in this document are licensed by Red Hat under a Creative Commons Attribution–Share Alike 3.0 Unported license ("CC-BY-SA"). An explanation of CC-BY-SA is available at http://creativecommons.org/licenses/by-sa/3.0/. The original authors of this document, and Red Hat, designate the Fedora Project as the "Attribution Party" for purposes of CC-BY-SA. In accordance with CC-BY-SA, if you distribute this document or an adaptation of it, you must provide the URL for the original version. Red Hat, as the licensor of this document, waives the right to enforce, and agrees not to assert, Section 4d of CC-BY-SA to the fullest extent permitted by applicable law. Red Hat, Red Hat Enterprise Linux, the Shadowman logo, JBoss, MetaMatrix, Fedora, the Infinity Logo, and RHCE are trademarks of Red Hat, Inc., registered in the United States and other countries. For guidelines on the permitted uses of the Fedora trademarks, refer to https:// fedoraproject.org/wiki/Legal:Trademark_guidelines. Linux® is the registered trademark of Linus Torvalds in the United States and other countries. Java® is a registered trademark of Oracle and/or its affiliates. XFS® is a trademark of Silicon Graphics International Corp. or its subsidiaries in the United States and/or other countries. MySQL® is a registered trademark of MySQL AB in the United States, the European Union and other countries. All other trademarks are the property of their respective owners.
    [Show full text]
  • Maplogic Layout Manager User's Manual
    MAPLOGIC CORPORATION GIS Software Solutions MapLogic Layout Manager User’s Manual MapLogic Layout Manager User’s Manual © 2009 MapLogic Corporation All Rights Reserved 330 West Canton Ave., Winter Park, Florida 32789 Phone (407) 657-1250 • Fax (407) 657-7008 MapLogic Layout Manager is a trademark of MapLogic Corporation. ArcGIS, ArcMap and ArcView are registered trademarks of ESRI. Table of Contents Introduction _____________________________________________________________________ 1 What Is MapLogic Layout Manager? ____________________________________________ 1 MapLogic Layout Manager User Interface ____________________________________________ 2 The Layouts Tab ____________________________________________________________ 2 The MapLogic Layout Manager Toolbar _________________________________________ 3 Element Properties __________________________________________________________ 4 Before You Get Started ____________________________________________________________ 6 How The MapLogic Layout Manager Changes The ArcMap Document_________________ 6 Different Licenses For The MapLogic Layout Manager _____________________________ 6 Basic Concepts ___________________________________________________________________ 8 Multiple Layouts Within The ArcMap Document __________________________________ 8 The Map Series Layout _______________________________________________________ 8 The Map Book Layout _______________________________________________________ 9 New Elements You Can Add To Map Series And Book Layouts _____________________ 10 Two-Sided Map
    [Show full text]
  • R16 B.TECH CSE IV Year Syllabus
    R16 B.TECH CSE. JAWAHARLAL NEHRU TECHNOLOGICAL UNIVERSITY HYDERABAD B.TECH. COMPUTER SCIENCE AND ENGINEERING IV YEAR COURSE STRUCTURE & SYLLABUS (R16) Applicable From 2016-17 Admitted Batch IV YEAR I SEMESTER S. No Course Code Course Title L T P Credits 1 CS701PC Data Mining 4 0 0 4 2 CS702PC Principles of Programming Languages 4 0 0 4 3 Professional Elective – II 3 0 0 3 4 Professional Elective – III 3 0 0 3 5 Professional Elective – IV 3 0 0 3 6 CS703PC Data Mining Lab 0 0 3 2 7 PE-II Lab # 0 0 3 2 CS751PC Python Programming Lab CS752PC Android Application Development Lab CS753PC Linux programming Lab CS754PC R Programming Lab CS755PC Internet of Things Lab 8 CS705PC Industry Oriented Mini Project 0 0 3 2 9 CS706PC Seminar 0 0 2 1 Total Credits 17 0 11 24 # Courses in PE - II and PE - II Lab must be in 1-1 correspondence. IV YEAR II SEMESTER Course S. No Course Title L T P Credits Code 1 Open Elective – III 3 0 0 3 2 Professional Elective – V 3 0 0 3 3 Professional Elective – VI 3 0 0 3 4 CS801PC Major Project 0 0 30 15 Total Credits 9 0 30 24 Professional Elective – I CS611PE Mobile Computing CS612PE Design Patterns CS613PE Artificial Intelligence CS614PE Information Security Management (Security Analyst - I) CS615PE Introduction to Analytics (Associate Analytics - I) R16 B.TECH CSE. Professional Elective – II CS721PE Python Programming CS722PE Android Application Development CS723PE Linux Programming CS724PE R Programming CS725PE Internet of Things Professional Elective - III CS731PE Distributed Systems CS732PE Machine Learning CS733PE
    [Show full text]
  • AGL HMI Framework Architecture Document
    AGL HMI Framework Architecture Document Version Date 0.9 2019/x/x AGL HMI Framework Architecture Document 1. HMI Framework overview ........................................................................................ 4 1.1. Oerview .............................................................................................................. 4 1.1.1. HMI-FW Components ................................................................................. 5 1.1.2. Related components ..................................................................................... 6 2. GUI-library ................................................................................................................ 7 2.1. Overview ............................................................................................................ 7 2.1.1. Related external components ....................................................................... 7 2.1.2. Internal Components ................................................................................... 8 2.2. Graphics functions .............................................................................................. 9 2.2.1. Procedure necessary for HMI-Apps ............................................................ 9 2.2.2. Software configuration of GUI-lib ............................................................ 10 2.3. Sound functions ................................................................................................ 12 2.4. Input functions .................................................................................................
    [Show full text]
  • An Interactive Toolkit Library for 3D Applications: It3d
    Eighth Eurographics Workshop on Virtual Environments (2002) S. Müller, W. Stürzlinger (Editors) An Interactive Toolkit Library for 3D Applications: it3d Noritaka OSAWA†∗, Kikuo ASAI†, and Fumihiko SAITO‡ †National Institute of Multimedia Education, JAPAN *The Graduate University of Advanced Studies, JAPAN ‡Solidray Co. Ltd, JAPAN Abstract An interactive toolkit library for developing 3D applications called “it3d” is described that utilize artificial reality (AR) technologies. It was implemented by using the Java language and the Java 3D class library to enhance its portability. It3d makes it easy to construct AR applications that are portable and adaptable. It3d consists of three sub-libraries: an input/output library for distributed devices, a 3D widget library for multimodal interfacing, and an interaction-recognition library. The input/output library for distributed devices has a uniform programming interface style for various types of devices. The interfaces are defined by using OMG IDL. The library utilizes multicast peer-to-peer communication to enable efficient device discovery and exchange of events and data. Multicast-capable CORBA functions have been developed and used. The 3D widget library for the multimodal interface has useful 3D widgets that support efficient and flexible customization based on prototype-based object orientation, or a delegation model. The attributes of a widget are used to customize it dynamically. The attributes constitute a hierarchical structure. The interaction-recognition library is used to recognize basic motions in a 3D space, such as pointing, selecting, pinching, grasping, and moving. The library is flexible, and the recognition conditions can be given as parameters. A new recognition engine can be developed by using a new circular event history buffer to efficiently manage and retrieve past events.
    [Show full text]
  • Layout Managers
    LAYOUT MANAGERS A layout manager controls how GUI components are organized within a GUI container. Each Swing container (e.g. JFrame , JDialog , JApplet and JPanel ) is a subclass of java.awt.Container and so has a layout manager that controls it. java.lang.Object java.awt.Component java.awt.Container java.awt.Window java.awt.Panel javax.swing.JComponent java.awt.Frame java.awt.Dialog java.applet.Applet javax.swing.JPanel javax.swing. JFrame javax.swing. JDialog javax.swing.J Applet Layout Managers Page 1 Flow Layout The simplest layout manager is java.awt.FlowLayout , which adds components to the container from left-to-right, top-to-bottom. It is the default layout for GUI container objects of classes Applet or JPanel . Example Assume that an application has built a window with the following code: JFrame win = new JFrame( "Layout Demo" ); win.setDefaultCloseOperation( JFrame.EXIT_ON_CLOSE ); The code below builds a red label. By default, labels are transparent, so we must make it opaque for the color to show. The displayed label is shown at right. JLabel east = new JLabel( "EAST" ); east.setOpaque( true ); east.setBackground( Color.RED ); Similarly, the code below makes four additional labels of varying colors: JLabel west = new JLabel( "WEST" ); west.setOpaque( true ); west.setBackground( Color.BLUE ); JLabel north = new JLabel( "NORTH" ); north.setOpaque( true ); north.setBackground( Color.GREEN ); JLabel south = new JLabel( " SOUTH" ); south.setOpaque( true ); south.setBackground( Color.YELLOW ); JLabel center = new JLabel( " CENTER" ); center.setOpaque( true ); center.setBackground( Color.ORANGE ); Using a flow layout manager for the window, the following code adds the five labels to the window.
    [Show full text]
  • Creating Graphical User Interfaces
    i i \main" 2004/6/14 page 355 i i C H A P T E R 15 Creating Graphical User Interfaces 15.1 WHERE DO GRAPHICAL USER INTERFACES COME FROM? 15.2 CREATING A BASIC GRAPHICAL USER INTERFACE 15.3 CALLBACKS AND LAYOUT MANAGERS 15.4 USING SCROLLING LISTS Chapter Learning Objectives ² To make graphical user interfaces out of components such as windows, text ¯elds, buttons, and scrolling lists. ² To use callbacks to handle user interface events. ² To use trees for conceptualizing user interface structure. 15.1 WHERE DO GRAPHICAL USER INTERFACES COME FROM? The ¯rst computers were incredibly painful and tedious to work with. You \pro- grammed" them by literally rewiring them. There wasn't a screen, so you couldn't have a \graphical" user interface at all. Our common experience of using a keyboard to interact with the computer didn't come until much later. In the late 1960's, the dominant mode of interaction with the computer was through punched cards. Using a keyboard on a card punch machine, you prepared your instructions for the computer on pieces of cardboard that were then ordered in the right sequence and loaded into the computer. Heaven help the person who dropped her stack of cards and had to re-order hundreds of cards of a large program! The output from the computer back to the programmer was typically large piles of paper printouts, though was some starting work with computer music and computer graphics (on specialized, expensive monitors). In the 1960's and 1970's, computer scientists began envisioning a new role for the computer in its interaction with humans.
    [Show full text]