C:\UMBC\331\java> java.ext.dirs=C:\JDK1.2\JRE\lib\ext java.io.tmpdir=C:\WINDOWS\TEMP\ os.name=Windows 95 java.vendor=Sun Microsystems Inc. java.awt.printerjob=sun.awt.windows.WPrinterJob java.library.path=C:\JDK1.2\BIN;.;C:\WINDOWS\SYSTEM;C:\... java.vm.specification.vendor=Sun Microsystems Inc. sun.io.unicode.encoding=UnicodeLittle file.encoding=Cp1252 java.specification.vendor=Sun Microsystems Inc. user.language=en user.name=nicholas java.vendor.url.bug=http://java.sun.com/cgi-bin/bugreport... java.vm.name=Classic VM java.class.version=46.0 java.vm.specification.name=Java Virtual Machine Specification sun.boot.library.path=C:\JDK1.2\JRE\bin os.version=4.10 java.vm.version=1.2 java.vm.info=build JDK-1.2-V, native threads, symcjit java.compiler=symcjit path.separator=; file.separator=\ user.dir=C:\UMBC\331\java sun.boot.class.path=C:\JDK1.2\JRE\lib\rt.jar;C:\JDK1.2\JR... user.name=nicholas user.home=C:\WINDOWS C:\UMBC\331\java>java envSnoop -- listing properties -java.specification.name=Java Platform API Specification awt.toolkit=sun.awt.windows.WToolkit java.version=1.2 java.awt.graphicsenv=sun.awt.Win32GraphicsEnvironment user.timezone=America/New_York java.specification.version=1.2 java.vm.vendor=Sun Microsystems Inc. user.home=C:\WINDOWS java.vm.specification.version=1.0 os.arch=x86 java.awt.fonts= java.vendor.url=http://java.sun.com/ user.region=US file.encoding.pkg=sun.io java.home=C:\JDK1.2\JRE java.class.path=C:\Program Files\PhotoDeluxe 2.0\Adob... line.separator=
View full slide show




Answer import import import import import import import import import import import import import LoginInternalFrame.java java.awt.event.ActionListener; java.awt.event.ActionEvent; javax.swing.JFrame; javax.swing.JLabel; javax.swing.JButton; javax.swing.JTextField; javax.swing.JPasswordField; javax.swing.JOptionPane; javax.swing.JInternalFrame; java.util.Scanner; java.awt.GridLayout; java.io.File; java.util.Arrays; public class LoginInternalFrame extends JInternalFrame { private JLabel userLabel; //user label private JTextField userTextField; // user text filed private JLabel passwordLabel; //user label private JPasswordField passwordField; // password field with text private JButton loginButton; //login button private JButton cancelButton; //cancel button String userName; char[] password; Page 101
View full slide show




Q1: HCI fit in today’s model curricula for MIS?  Does it have to?  MIS and HCI  Common interests in analysis and design of useful interactive system.  Different focuses  Information economics for MIS  Aesthetic design for HCI  Position of MIS to HCI  Regard HCI as a distinctively different area of research  HCI major?  Open minded  There is nothing like “genuine HCI” vs. “faked HCI”.  Get help  Do not try to do it all by yourself.  Do not be confined in the ivory tower. HCI Lab. @ Yonsei University, Korea http://hci.yonsei.ac.kr 13 / 14
View full slide show




Objectives of the Panel  Recognize HCI studies in MIS (HCI/MIS) – Recognize the nature of HCI/MIS – Recognize the importance and historical significance of HCI/MIS  Encourage and promote more interest and studies in HCI/MIS  One of a series activities organized by AIS SIGHCI (http://melody.syr.edu/hci/)  Pre-ICIS’02 workshop on 12/14/2002 in Barcelona 8/8/02 AMCIS HCI Panel 2
View full slide show




Events in Java Swing Chris North cs3724: HCI
View full slide show




Introduction to Swing      Swing is a Java package used to create GUIs The Java AWT (Abstract Window Toolkit) package is the original Java package for doing GUIs A GUI (graphical user interface) is a windowing system that interacts with the user The Swing package is an improved version of the AWT  However, it does not completely replace the AWT  Some AWT classes are replaced by Swing classes, but other AWT classes are needed when using Swing Swing GUIs are designed using a form of object-oriented programming known as event-driven programming Fall 2010 Copyright © 2008 Pearson Addison-Wesley. All rights reserved 2
View full slide show




Example import import import import import import import import JTabbedPaneFrame.java java.awt.BorderLayout; java.awt.Color; javax.swing.JFrame; javax.swing.JTabbedPane; javax.swing.JLabel; javax.swing.JPanel; javax.swing.JButton; javax.swing.SwingConstants; public class JTabbedPaneFrame extends JFrame { // set up GUI public JTabbedPaneFrame() { super( "JTabbedPane Demo " ); JTabbedPane tabbedPane = new JTabbedPane(); // create JTabbedPane // set up pane11 and add it to JTabbedPane JLabel label1 = new JLabel( "panel one", SwingConstants.CENTER ); JPanel panel1 = new JPanel(); // create first panel panel1.add( label1 ); // add label to panel tabbedPane.addTab( "Tab One", null, panel1, "First Panel" ); // set up panel2 and add it to JTabbedPane JLabel label2 = new JLabel( "panel two", SwingConstants.CENTER ); JPanel panel2 = new JPanel(); // create second panel panel2.add( label2 ); // add label to panel tabbedPane.addTab( "Tab Two", null, panel2, "Second Panel" ); Continued  Page 112
View full slide show




The Course: CS 791 HCI  Outline Topics covered include the HCI historical context, human-factors, interaction elements, scientific foundations for HCI research, designing HCI experiments, hypothesis testing, and writing and publishing an HCI research paper. Several major HCI research papers will also be discussed. [cont’d]: 8
View full slide show




Panel Questions 1. 2. 3. 4. What is HCI research in MIS, and how is it different for our field as opposed to Computer Science or Psychology? How have you applied HCI principles/ theories/ frameworks in your own MIS research? If possible, please provide illustrations of where it was easy and also where it was difficult. Do MIS journal editors and reviewers welcome HCI research? How does an HCI/MIS researcher maximize acceptability? What can you say about the future of HCI research in the MIS field? 8/8/02 AMCIS HCI Panel 3
View full slide show




Example syllabus for multidisciplinary collaboration  HCI and Aesthetics in WWW  Graduate level class for master students  Joint class with two universities  Art department + Business School  Syllabus  Introduction  Week 1: Introduction  Week 2: Hypermedia and WWW  HCI  Week 3: Theory of HCI  Week 4: Design process of HCI  Week 5: Direct Manipulation  Week 6: Menu selection  Week 7: Testing  Visual design  Week 9: Principles of visual design  Week 10: color design for the web  Week 11: Visual style & Identity  Week 12: Metaphor & Narrative  Week 13: Icons & imagery  Week 14: Typography on the web HCI Lab. @ Yonsei University, Korea http://hci.yonsei.ac.kr 9 / 14
View full slide show




Reasoning Capabilities Buildfile: build.xml init: compile: Finding Transitive Closures (RDFS reasoning) dist: [jar] Building jar: /home/aks1/software/eclipse/workspace/ontojena/dist/lib/ontojena.jar Inferred Triples vehicle run: [java] MODEL OK [java] Resource: http://ontosem.org/#fire-engine Land-vehicle [java] - (http://ontosem.org/#fire-engine rdfs:subClassOf http://ontosem.org/#fire-engine) [java] - (http://ontosem.org/#fire-engine rdfs:subClassOf http://ontosem.org/#all) [java] - (http://ontosem.org/#fire-engine rdfs:subClassOf http://ontosem.org/#physical-object) [java] - (http://ontosem.org/#fire-engine rdfs:subClassOf http://ontosem.org/#inanimate) [java] - (http://ontosem.org/#fire-engine rdfs:subClassOf http://ontosem.org/#wheeled-vehicle) [java] - (http://ontosem.org/#fire-engine rdfs:subClassOf http://ontosem.org/#engine-propelled-vehicle) Engine-propelled--vehicle Wheeled--vehicle [java] - (http://ontosem.org/#fire-engine rdfs:subClassOf http://ontosem.org/#wheeled-engine-vehicle) [java] - (http://ontosem.org/#fire-engine rdfs:subClassOf http://ontosem.org/#artifact) [java] - (http://ontosem.org/#fire-engine rdfs:subClassOf http://ontosem.org/#object) [java] - (http://ontosem.org/#fire-engine rdfs:subClassOf http://ontosem.org/#land-vehicle) [java] - (http://ontosem.org/#fire-engine rdfs:subClassOf http://ontosem.org/#vehicle) [java] - (http://ontosem.org/#fire-engine rdfs:subClassOf http://ontosem.org/#truck) Wheeled-engine-vehicle [java] - (http://ontosem.org/#fire-engine rdfs:label ' "a truck with equipment for fighting fires"') [java] - (http://ontosem.org/#fire-engine rdf:type owl:Class) [java] fire-engine recognized as subclas of vehicle BUILD SUCCESSFUL Total time: 10 seconds real 0m11.144s user 0m9.530s sys 0m0.190s [[email protected] ontojena]$ Truck Fire-engine
View full slide show




Class Hierarchy [http://java.sun.com/j2se/1.4.2/docs/api/java/lang/Throwable.html java.lang.Object    |    +--java.lang.Throwable          |          +--java.lang.Exception          |     |          |     +--java.lang.ClassNotFoundException          |     |          |     +--java.io.IOException          |     |     |          |     |     +--java.io.FileNotFoundException          |     |          |     +--java.lang.RuntimeException          |           |          |           +--java.lang.NullPointerException          |           +--java.lang.ArithmeticException           |           +--java.lang.IllegalArgumentException          |           +--java.lang.IndexOutOfBoundsException          |                 |          |                 +--java.lang.ArrayIndexOutOfBoundsException          |          +--java.lang.Error                |                +--java.lang.VirtualMachineError                      |                      +--java.lang.OutOfMemoryError  
View full slide show




MVC and Swing components  Swing components are structured using MVC pattern.  Each Swing JComponent has an associated model object responsible for maintaining component’s state.  JButton or JCheckBox has a ButtonModel,  JTextArea or JTextField has a Document.  A Swing component delegates responsibilities to its UI delegate. view and control  The package javax.swing.plaf contains an abstract delegate class for each Swing component. May 2004 NH-Chapter 18 38
View full slide show




Swing vs. AWT • Swing is bigger and slower • Swing is more flexible and better looking • Swing and AWT are incompatible--you can use either, but you can’t mix them • Learning the AWT is a good start on learning Swing • AWT: Button b = new Button (“OK”); Swing: Jbutton b = new Jbutton(“OK”);
View full slide show




Multi-disciplinary collaboration  HCI Lab at Yonsei University HCI Lab. @ Yonsei University, Seoul, Korea http://hci.yonsei.ac.kr Student backgrounds  1/3: business major  1/3: cognitive science major  1/3: graphic design major  Cognitive Science Program at Yonsei University  http://cogsci.yonsei.ac.kr Philosophy, linguistics, psychology, computer science, n euroscience, emotional science, cognitive engineering, system engineering HCI Lab. @ Yonsei University, Korea http://hci.yonsei.ac.kr 8 / 14
View full slide show




Q3: HCI Courses at Yonsei University  Undergraduate (Optional, Upper Division)  Internet  Digital business contents  Introduction  Usability to Human Computer Interaction testing  Graduate (Optional)  Introduction  Usability to Human Computer Interaction engineering  Interaction design  PhD (Optional)  HCI Seminar (I, II, III)  HCI research methodology (I, II, III) HCI Lab. @ Yonsei University, Korea http://hci.yonsei.ac.kr 10 / 14
View full slide show