2006 The University of Auckland New Zealand SOFTENG

2006 The University of Auckland | New Zealand SOFTENG 350 YEAR Human Computer Interaction SOFTENG 350 Part II – HCI Implementing Technologies Dr. Dirk Draheim / Christof Lutteroth SWING / Java Server Pages Web Engineering / Rigorous Interface Specification

2006 Today’s Outline The University of Auckland | New Zealand SOFTENG 350 YEAR • SOFTENG 350 Organizational Stuff • Introduction to User Interface Technologies and System Architecture • Outline of the Assignment • Jump Start to Swing – Tomorrows Lab • Outline of Rigorous Interface Specification • The Object-Oriented Programming Paradigm

The University of Auckland | New Zealand SOFTENG 350 YEAR SOFTENG 350 Organizational Stuff 2006

2006 People The University of Auckland | New Zealand SOFTENG 350 YEAR • Lecturers – Prof. John Grundy (coordinator) • Room 303. • Email john-g@cs. auckland. ac. nz – Dr Dirk Draheim (May/June 2006 in Auckland) • Room 489 (CS Building) • Email draheim@acm. org • www. draheim. formcharts. org • Phone (office) 373 -7599 x 88914 • NZ vodafone 02102777154 • Tutors – Richard Li Lei • Room 476 (CS Building) • Email l. li@cs. auckland. ac. nz – Christof Lutteroth • Room 476 (CS Building) • Email lutteroth@cs. auckland. ac. nz • www. cs. auckland. ac. nz/~lutteroth/

2006 Objectives and Learning Outcomes of 350 The University of Auckland | New Zealand SOFTENG 350 YEAR • Objectives: – Cover basic theory and practice of HCI – Introduction to HCI concepts, theories, techniques – Introduction to Swing and JSP-based development – Introduction to Web Engineering – Try out material on practical projects • Learning outcomes: – Appreciation of some of the key issues in human-computer interaction – On a software project will be able to identify users’ characteristics and needs; be able to design an effective and efficient UI to meet these needs – Have gained some basic development skills with common UI technologies (Swing, JSPs) – Have gained some insight in rigorous UI specification

2006 Lecture/Lab/Tutorial Times The University of Auckland | New Zealand SOFTENG 350 YEAR What ? When ? Where ? Lecture by Dirk Monday 11 -12 ENG 3401 Lecture by Dirk Wednesday 11 -12 ENG 3401 Activities (Lab) by Dirk & Christof Thursday 10 -12 (instead of 11 -12) GTL Tutorial by Christof Friday 11 -12 ENG 3407 Lecture by Dirk Thursday, 4 th May 11 -12 ENG 3401 Activities (Lab) by Dirk & Christof Friday, 5 th May 11 -12 FTL

2006 Assessment The University of Auckland | New Zealand SOFTENG 350 YEAR Assignment Project I Google Kids Concept Design Interface Design Evaluation 12. 5 % Part 1 Due 24 th March 2006 Part 2 Due 13 th April 2006 Assignment Project II Google Kids Implementation 12. 5% Due Mon 22 nd May 2006 Test 35% Thu 25 th May 2006, 6 pm – 7: 30 pm Exam 40% Fri 9 th June, 2: 15 pm – 5: 30 pm

2006 Lab/Tutorial Glue preparing SOFTENG 350 YEAR practicing The University of Auckland | New Zealand Lecture Assignment Lab Tutorial exercising Test Exam

2006 Plan 2 nd May 1 – June 2 The University of Auckland | New Zealand SOFTENG 350 YEAR Week Topic Resources 8 Java Swing Walrath et al, Chap 1, 2 9 Java Swing Walrath et al, Chap 3 -6 10 Java Server Pages Ball et al, Chap 2 -5 11 Java Server Pages Ball et al, Chap 6 -8 12 Web Engineering Draheim, Weber, Chap 5

The University of Auckland | New Zealand SOFTENG 350 2006 Resources YEAR

2006 Resources The University of Auckland | New Zealand SOFTENG 350 YEAR • Walrath, K. , Campione, M. , Huml, A. , Zakhour, S. , The JFC Swing Tutorial, Addison-Wesley Professional, 2004, available online https: //www. se. auckland. ac. nz/courses/SOFTENG 350/resources/ • Ball, J. , Carson, D. B. , Evans, I. , Haase, K. , Jendrock, E. , The Java EE 5 Tutorial, Sun Microsystems, 2006, available online https: //www. se. auckland. ac. nz/courses/SOFTENG 350/resources/ • Draheim, D. , Weber, G. , Form-Oriented Analysis, Springer, 2005, material online www. formcharts. org • Dix, Finlay, Abowd & Beale, Human Computer Interaction (3 rd Edition), Pearson Education 2004 • Class web Site https: //www. se. auckland. ac. nz/courses/SOFTENG 350/

2006 The JFC Swing Tutorial The University of Auckland | New Zealand SOFTENG 350 YEAR 1. 2. 3. 4. 5. 6. Getting Started with Swing Learning Swing by Example Using Swing Components Laying Out Components within a Container Writing Event Listeners Performing Custom Painting

2006 The University of Auckland | New Zealand SOFTENG 350 YEAR Introduction to User Interface Technologies & System Architecture

2006 Graphical User Interfaces The University of Auckland | New Zealand SOFTENG 350 YEAR Graphic Editor Pacman Text Editor Internet Phone

2006 Form-Based User Interface Welcome Page Logout My Shopping Cart The University of Auckland | New Zealand SOFTENG 350 YEAR Book Quantity Price Quine: Word and Object 1 12. 46 Delete Wittgenstein: Tractatus 1 23. 06 Delete Varela: The Embodied Mind 2 44. 68 Delete Adams: Watership Down 62. 30 Delete 7 Update Search for a book: Search Buy items in cart

2006 Ultra-Thin Clients SOFTENG 350 YEAR HTTP Browser GET hypertext/dir/index. html HTTP/1. 0 CGI . . <head> <title> Dummy </title></head>. . Application Server PC-Memory Database PC The University of Auckland | New Zealand Web Presentation Layer 3270 Data Stream AID 3270 Terminal Device Buffer Cursor Address Command Data. . . Cursor Address Application Program Data. . . TP-Monitor Disk Mainframe

2006 SAP System Thin Client YEAR SOFTENG 350 screen program ABAP/4 GUI ABAP/4 Interpreter PBO input template PAI The University of Auckland | New Zealand PBO input template PAI TRPC Application Server transactional remote procedure call Database module pool process before output process after input

The University of Auckland | New Zealand SOFTENG 350 2006 Example Fat Client IMIS System YEAR

2006 IMIS System Architecture • Integrated Measurement and Information System YEAR SOFTENG 350 measurement stations The University of Auckland | New Zealand client tier server application logic document management system PARK system FTP server PARK controller job batch processing application server cluster database cluster

The University of Auckland | New Zealand SOFTENG 350 2006 User Interface Agents YEAR

The University of Auckland | New Zealand SOFTENG 350 2006 Example SAP System for Student Administration YEAR

2006 User Interface Builders The University of Auckland | New Zealand SOFTENG 350 YEAR • Tutorial Friday, 12 th May, by Christof • GUI Builder MS Visual Studio • Building Static Web Pages with MS Publisher 2003

The University of Auckland | New Zealand SOFTENG 350 YEAR Outline of the Assignment 2006

The University of Auckland | New Zealand SOFTENG 350 2006 Google Kids YEAR • Example Screen by Ranny

2006 Assignment II Google Kids Implementation Click-Dummy The University of Auckland | New Zealand SOFTENG 350 YEAR Searching Browsing Servlets JSP Access Log Swing GUI Categories Content Kid Managing Category Hierarchy and/or Content Administrator Viewing Access Log

2006 Assignment II Google Kids Implementation Hypothetical Full-Fledged Implementation The University of Auckland | New Zealand SOFTENG 350 YEAR Servlets JSP Kid Admin Extra Logic Swing GUI Access Log Categories Content Google Web Services Portal

The University of Auckland | New Zealand SOFTENG 350 YEAR Jump Start to Swing – Tomorrows Lab – 2006

The University of Auckland | New Zealand SOFTENG 350 YEAR Outline of Rigorous Interface Specification 2006

The University of Auckland | New Zealand SOFTENG 350 YEAR The Object-Oriented Programming Paradigm 2006

The University of Auckland | New Zealand SOFTENG 350 2006 Object Orientation YEAR

2006 Summary The University of Auckland | New Zealand SOFTENG 350 YEAR • SOFTENG 350 Organizational Stuff • Introduction to User Interface Technologies and System Architecture • Outline of the Assignment • Jump Start to Swing – Tomorrows Lab • Outline of Rigorous Interface Specification • The Object-Oriented Programming Paradigm Questions ? draheim@acm. org Room 489 373 -7599 x 88914 Lab ! Tomorrow 11 -12 FTL